/* 各ブランド固有表示用スタイル */
.subsc-only,
.wimax-only,
.global-only,
.charge-only,
.charge-sub-only {
  display: none;
}
/*重要なお知らせ 帯バナー*/
div.under-kv-notion {
  background-color: #E6E6E6;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 16;
  position: relative;
}
div.under-kv-notion.under-kv-notion-border {
  border-top: 1px solid #aaa;
}
div.mypage-under-kv-notion {
  border-top: 20px solid #282828;
}
div.under-kv-notion-inner {
  width: auto;
}
div.under-kv-notion p.under-kv-notion-title {
  color: #ff6159;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: left;
  margin: 12px 0;
  padding: 0;
}
div.under-kv-notion p.under-kv-notion-title a {
  text-decoration:none;
  font-size: 1.8rem;
  color: #000000;
  display: flex;
  align-items: center;
}
.important-mark {
  width: 55px;
  margin-right: 10px;
}
.wimax-faq-banner +.under-kv-notion{
  margin: -19px 0 80px 0;
}
@media screen and (max-width: 767px) {
.wimax-faq-banner +.under-kv-notion{
  margin: -12px 0 40px 0;
}
}
@media screen and (max-width: 767px) {
  div.under-kv-notion p.under-kv-notion-title a {
    text-decoration:none;
    font-size: 1.5rem;
    justify-content: center;
  }
  div.under-kv-notion {
    padding: 0 3%;
    justify-content: flex-start;
    justify-content: center;
  }
  div.under-kv-notion p.under-kv-notion-title {
    padding: 0;
    margin: 12px 0;
  }
}

/*ポップアップの背景を暗くする*/
.news-notion-black-background 
 {
  position: fixed;
  background-color: #000000;
  opacity: 0.4;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000000000001;
}
/*ポップアップ全体のサイズ*/
.white-content-box-news-notion {
  position: fixed;
  max-height: 80vh;
  max-width: 1100px;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  padding: 50px 0;
  margin: auto;
  z-index: 1000000000002;
  background-color: #F3F3F3;
  box-sizing: border-box;
  overflow-y: auto;
}
/*表示エリア*/
.white-content-box-inner-news {
  width: 85%;
  height: 85%;
  margin: 30px auto 0;
}
.white-content-box-news-notion .popup-detail-wrap {
  overflow-x: hidden;
  max-height: calc(80vh - 100px);
}
/*ポップアップ閉じるボタン*/
.news-popup-close-button{
  width: 35px;
  height: 35px;
  position: absolute;
  right: 5px;
  top: 5px;
  text-align: center;
  border-radius: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.news-popup-close-button.common::before,
.news-popup-close-button.common::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 3px;
  background: #666666;
  top: calc(50% - 2px);
  left: 50%;
  border-radius: 100vh;
}
.news-popup-close-button.common::before {
  transform: translate(-50%) rotate(45deg);
}
.news-popup-close-button.common::after {
  transform: translate(-50%) rotate(-45deg);
}
.news-popup-close-button img {
  width: 50%;
}
/*ポップアップ内タイトル*/
.white-content-box-news-notion .white-content-box-title-notion {
  padding: 0;
  margin-top: 0;
  font-weight: 600;
}
div.white-content-box-title-notion p.news-title-area0 {
  font-size: 2.8rem;
  line-height: 1.2em;
  font-weight: bold;
  text-align: center;
}
/*表*/
#news-contents-detail table {
  width: 80%;
  border-collapse: collapse;
}
#news-contents-detail table th {
  font-size: 1.5rem;
  line-height: 1.3;
  text-align: center;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #aaa;
  border-bottom: 4px double #aaa;
  padding: 10px 2px;
}
#news-contents-detail table td {
  font-size: 1.5rem;
  line-height: 1.3;
  text-align: center;
  background-color: #fff;
  border: 1px solid #aaa;
  padding: 10px 2px;
}
#news-contents-detail .red {
  color: #f00;
}
#news-contents-detail .bg-red {
  background-color: #eed1d1;
}
#news-contents-detail table.calendar td {
  padding: 6px 2px;
}
#news-contents-detail p span.pink-text-bold {
  color: #DB0066;
  font-weight: bold;
}
#news-contents-detail p span.small-text {
  font-size: 1.2rem;
}
/* 海外レンタルアプリダウンロード用 */
#news-contents-detail .app-popup-link {
  display: flex;
  gap: 20px;
  align-items: center;
  margin: 15px auto 30px;
}
#news-contents-detail .app-popup-link.sp {
  display: none;
}
#news-contents-detail .app-popup-link .app-item {
  width: calc((100% - 20px) / 2);
  display: flex;
  gap: 20px;
  align-items: center;
}
#news-contents-detail .app-popup-link .app-item .image-link {
  width: 50%;
}
#news-contents-detail .app-popup-link .app-item .image-link p {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 15px;
}
#news-contents-detail .app-popup-link .app-item.android .image-link p {
  margin-bottom: 12px;
}
#news-contents-detail .app-popup-link .app-item .image-link img {
  height: 50px;
}
#news-contents-detail .app-popup-link .app-item .image-link img.googleplay {
  height: 62px;
  position: relative;
  top: -5px;
}
#news-contents-detail .app-popup-link .app-item .qr-link {
  width: 50%;
}
#news-contents-detail .app-popup-link .app-item .qr-link img {
  width: 50%;
}
#news-contents-detail .app-popup-link .app-item img {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  /*ポップアップ全体のサイズ*/
  .white-content-box-news-notion {
    margin: 0 5%;
    height: 80%;
    max-height: initial;
    bottom: 50px;
    box-sizing: border-box;
    padding-bottom: unset;
  }
  .white-content-box-news-notion .white-content-box-inner-news{
    height: 60vh;
  }
  /*ポップアップタイトル文字*/
  .white-content-box-news-notion .white-content-box-title-notion {
    padding: 0 5%;
    font-size: 2.0rem;
    width: 100%;
    max-width: -webkit-fill-available;
    margin: 0 auto;
  }
  #news-contents-detail p {
    font-size: 1.4rem;
  }
  div.white-content-box-title-notion p.news-title-area0 {
    font-size: 2rem;
  }
  /*表*/
  #news-contents-detail table {
    width: 100%;
  }
  /* 海外レンタルアプリダウンロード用 */
  #news-contents-detail .app-popup-link {
    flex-direction: column;
    max-width: 300px;
    gap: 30px;
  }
  #news-contents-detail .app-popup-link.sp {
    display: flex;
  }
  #news-contents-detail .app-popup-link.pc {
    display: none;
  }
  #news-contents-detail .app-popup-link .app-item {
    width: 100%;
    gap: 10px;
  }
  #news-contents-detail .app-popup-link .app-item .image-link {
    width: 70%;
  }
  #news-contents-detail .app-popup-link .app-item .qr-link {
    width: 30%;
  }
  #news-contents-detail .app-popup-link .app-item .qr-link img {
    width: 100%;
  }
  #news-contents-detail .app-popup-link .app-item .image-link img {
    width: 160px;
    height: auto;
  }
  #news-contents-detail .app-popup-link .app-item .image-link p {
    margin-bottom: 10px;
  }
  #news-contents-detail .app-popup-link .app-item.android .image-link p {
    margin-bottom: 5px;
  }
  #news-contents-detail .app-popup-link .app-item .image-link img.googleplay {
    height: auto;
    top: 0;
  }
}
/*タブレット向けサイズ調整*/
@media (max-width: 1280px) and (min-width: 768px) {
  div.white-content-box-body{
    padding-bottom: 20px;
  }
  .white-content-box-news-notion {
    max-width: 95%;
    height: auto;
    font-size:1.4rem;
    margin: 0 auto;
  }
  /* 海外レンタルアプリダウンロード用 */
  #news-contents-detail .app-popup-link .app-item .image-link {
    width: fit-content;
  }
  #news-contents-detail .app-popup-link .app-item .qr-link {
    width: fit-content;
  }
  #news-contents-detail .app-popup-link .app-item .qr-link img {
    width: 100px;
  }
  #news-contents-detail .app-popup-link .app-item .image-link img.googleplay {
    top: 0;
  }
  #news-contents-detail .app-popup-link .app-item.android .image-link p {
    margin-bottom: 8px;
  }
  #news-contents-detail .app-popup-link.hide-tb {
    display: none;
  }
  #news-contents-detail .app-popup-link.sp.tb {
    display: flex;
  }
}
.news-popup-close-button:focus {
  background-color: #FFF;
  border: 2px solid #333;
  box-sizing: border-box;
}
.news-popup-close-button:focus img {
  filter: brightness(0.0);
}

@media (min-width: 768px) {
  .service-stop {
    padding-left: 75px;
  }
}

@media (min-width: 768px) {
  div.url_index_0,
  div.url_index_1 {
    display: none;
  }
}
