/* addStyle2023 */

/*  */

.yotpo.testimonials {
  z-index: 99999 !important;
}

/* Common */

ol {
  position: relative;
  margin: 0;
  padding: 0
}

.img-frame-2023 {
  border: 1px solid #ccc;
}

.width-middle-2023 {
  width: 60%;
}
.width-middle-2023 img {
  width: 100%;
}
/*
@media not screen and (max-width: 767px) {
.width-middle-2023 {
  width: 100%;
}
}
*/
@media only screen and (max-width: 768px) {
  .width-middle-2023 {
    width: 100%;
  }
}

hr.sepa-2023 {
margin: 15px 0;
border-bottom: 2px solid #aaa;
}

.red-2023 {
  color: #af1c55;
}

@media only screen and (max-width: 768px) {
  .main-grid .main-content-full-width {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}

.bg-ut-pink.type-superpale {
  background-color: #FFEFF2;
}

/* global nav */

.site-navigation-container .top-bar-left .menu li {
  display: flex;
  align-items: center;
  text-align: center;
}
.site-navigation-container .top-bar-left .menu li a {
  padding-left: 30px;
  padding-right: 30px;
}
.site-navigation-container .top-bar-left .menu .c-main {
  display: block;
  font-size: 1rem;
}
.site-navigation-container .top-bar-left .menu .c-sub {
  font-size: 0.8rem;
  color: #333;
}

.site-navigation-container .top-bar-right .sns-icon {
  display: flex;
  align-items: center;
}

/* .category-nav-container */

.category-nav-container .category-nav .top-bar-right .menu li.icon-nav {
  position: relative;
}
.category-nav-container .category-nav .top-bar-right .menu li.icon-nav > a {
  display: flex;
  align-items: center;
  height: 48px;
  padding-left: 28px;
  padding-right: 24px;
}
.category-nav-container .icon-nav > a:before {
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5)
}

/* footer */

.footer .footer-container .sitemap {
  align-items: flex-start;
}

.footer .footer-container .sitemap .large-4 .grid-x {
  align-items: flex-start;
}

/* 一時的 */

.list-style-type-disc-2023 li {
  list-style-type: disc;
}
.text-transform-none-2023 {
  text-transform: none !important;
}

.footer .footer-container .sitemap ul > li {
  padding-top: 7px;
  padding-bottom: 7px;
}
.footer .footer-container .sitemap ul > li > ul {
  margin-top: 3px;
}
.footer .footer-container .sitemap ul > li > ul > li {
  padding-top: 2px;
  padding-bottom: 2px;
}

/* body.sm-traditional {} */

/* Adjust external.css 2023-10 */

/* nav */

.site-navigation-container .top-bar .top-bar-right .sns-icon a {
  font-size: 1rem;
}
.site-navigation-container .top-bar .top-bar-right .sns-icon a:hover {
  text-decoration: none;
}
.contact-btn-fixed {
  font-size: 1rem;
}
.contact-btn-fixed:hover {
  text-decoration: none;
}

/* block-nav-2023 ためし */

.block-nav-2023 {
  margin-bottom: 24px;
  border-top: solid 1px #ccc;
  font-size: 1rem;
}
.block-nav-2023 .block-unit {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  border-bottom: solid 1px #ccc;
}
.block-nav-2023 .block-head {
  display: flex;
  align-items: center;
  width: 200px;
  padding: 10px 20px;
  background: #eee;
}
.block-nav-2023 .block-main {
  width: calc(100% - 200px);
  padding: 15px 20px;
}
.block-nav-2023 select {
  width: 360px;
  margin-bottom: 0;
  padding: 5px 20px;
  border: 1px solid #999;
  border-radius: 4px;
  background-color: #fff;
  font-size: 1.1rem;
}
.block-nav-2023 a.button-ut.type-narrow {
  font-size: 1.2rem;
}
@media only screen and (max-width: 768px) {
  .block-nav-2023 .block-main,
  .block-nav-2023 .block-head {
    width: 100%;
  }
  .block-nav-2023 select {
    width: 100%;
  }
}

/* travel */

.categorypage-benefit-image img {
  margin: auto !important;
  display: table-cell !important;
}

/* long-term */

.categorypage-benefit-cell {
  font-size: 1rem;
}
.medium-order-1 {
  font-size: 1.3rem;
}

.sm-long .howto-step {
  border: solid 2px #ccc;
  margin-bottom: 40px;
  padding-right: 0;
  padding-left: 0;
  border-radius: 8px;
}
.sm-long .howto-step .howto-step-cell {
  display: flex;
  align-items: center;
  display: block;
  width: 23.5%;
  margin-top: 0;
  padding: 0 10px;
  text-align: center;
}
.sm-long .howto-step .howto-step-cell .cell-inner {
  margin: 0 auto;
  width: 100%;
}
.howto-step .icon-arrow {
  display: flex;
  align-items: center;
  height: auto;
  padding: 0;
}
.sm-long .howto-step .howto-step-cell.header-title {
  background: #ddd;
  border-radius: 5px 0 0 5px;
}
.sm-long .howto-step .howto-step-cell .step-image {
  width: 140px;
  margin: 0 auto;
}
.sm-long .callout.alert {
  margin-bottom: 15px;
}
.sm-long .product-image {
  /* margin-bottom: 80px; */
}
.sm-long .product-header-content:last-child {
  /* margin-bottom: 60px; */
}
.sm-long .step-title {
  line-height: 1.1;
}
.sm-long .section-product-header {
  align-items: start;
}

.promo-banner {
  width: 600px;
  margin: 30px auto 20px;
}
@media only screen and (max-width: 768px) {
  .promo-banner {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 10px;
  }
}

/*  */

.product-image.type-badge {
  position: relative;
}
.product-image.type-badge .c-pic {
  margin-top: 0px;
}
.product-image.type-badge .c-badge {
  display: block;
  position: absolute;
  top: -20px;
  left: 0;
  width: 100px !important;
  margin: 10px auto;
}

@media screen and (max-width: 900px) {
  .sm-long .howto-step {
    margin-right: 10px;
    margin-left: 10px;
  }
  .sm-long .howto-step .howto-step-cell {
    width: 48.4%;
  }
  .sm-long .howto-step .howto-step-cell.header-title {
    border-radius: 5px 0 0 0;
  }
  .sm-long .product-image {
    margin-bottom: 0px;
  }
  .sm-long .product-header-content .typography-headline {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
  }
  .sm-long .button-left-large {
    margin-top: 10px;
  }
}

/* fiber */

.intro_notice {
  font-size: 0.8rem;
  line-height: 1rem;
}

@media screen and (min-width: 1000px) {
  /*
  .header-wrapper {
    display: none !important;
  }
  */
}
@media screen and (max-width: 900px) {
  /*
  .header-wrapper {
    display: none !important;
  }
  */
  .product-spec {
    padding-top: 15px !important;
  }
}

@media screen and (min-width: 1000px) {
  .notice {
    font-weight: 400;
    font-size: 0.9rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 999px) {
  .notice {
    font-weight: 400;
    font-size: 0.9rem !important;
    line-height: 1.5;
  }
}

@media screen and (max-width: 999px) {
  .intro_notice {
    font-size:0.8rem;
    line-height: 0.9rem;
  }
}
@media screen and (min-width: 1000px) {
  .intro_notice {
    font-size:0.8rem;
    line-height: 1rem;
  }
}
@media not screen and (max-width: 767px) {
  .grid-x {
    /* justify-content: center; */
    /* align-items: center; */
    padding: 1rem 0 2rem;
  }
}
@media not screen and (max-width: 767px) {
  .grid-x2 {
    /* justify-content: center; */
    align-items: center;
    padding: 0;
  }
}
@media screen and (min-width: 1000px) {
  .campaign_img {
    width: 50%;
    height: auto;
  }
  .campaign_img img {
    width: 100%;
  }
}
@media screen and (max-width: 999px) {
  .campaign_img {
    width:100%;
    object-position: 0 25%;
    object-fit: cover;
  }
}

/* home-fiber */

.home-fiber .section-product-header {
  margin-bottom: 50px;
}
.home-fiber .section-product-header .promo-banner {
  margin-bottom: 60px;
}
.home-fiber .section-product-benefit {
  margin-top: 0;
  margin-bottom: 80px;
}

@media only screen and (max-width: 768px) {
  .home-fiber .section-product-header {
    padding-top: 0px !important;
  }
  .home-fiber .section-product-header .product-image img {
    width: 90%;
  }
  .home-fiber .typography-headline-product {
    text-align: center;
    line-height: 1.2;
  }
  .home-fiber .border-price {
    display: inline-block;
    margin: 10px 0;
    font-size: 56px;
  }
  .home-fiber .border-price span {
    font-size: 32px;
  }
}
.home-fiber .section-product-benefit .grid-x {
  margin-top: 0px;
  padding-top: 0;
  padding-bottom: 0;
}

@media only screen and (min-width: 769px) {
  .home-fiber .section-product-benefit .section-product-benefit-cell {
    margin-top: 30px;
  }
  .home-fiber .section-product-benefit .section-product-benefit-cell:nth-child(2),
  .home-fiber .section-product-benefit .section-product-benefit-cell:first-child {
      margin-top: 0px;
  }
}
@media only screen and (max-width: 768px) {
  .home-fiber .section-product-benefit {
    margin-bottom: 60px;
  }
  .home-fiber .section-product-benefit .section-product-benefit-cell {
    margin-top: 20px;
  }
  .home-fiber .section-product-benefit .grid-x {
    margin-top: 60px;
    margin-top: 0px;
  }
}

.home-fiber .typography-lead {
  margin-bottom: 12px;
}
.home-fiber dl.dl-ut-horizontal > dt:first-child {
  background: #84BDF2;
}
.home-fiber dl.dl-ut-horizontal > dt:nth-child(3) {
  background: #3691E4;
}

.home-fiber .product-intro-price { /* 241025 */
  display: inline-block;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 71%, #F7E8EF 60%);
  margin-bottom: 10px;
  letter-spacing: normal;
}
.home-fiber .price-tax { 
  display: inline-block;
}
.home-fiber .price-10gb {
  font-size: 24px;
  font-weight: 500;
}

@media only screen and (max-width: 834px) {
  .home-fiber .product-intro-price {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    background: none;
  }
  .home-fiber .product-intro-price .border-price {
    display: block;
    margin-bottom: 13px;
    /* background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 71%, #F7E8EF 60%); */
  }
  .home-fiber .product-intro-price .border-price .c-price___ {
    font-size: 51px;
  }
  .home-fiber .product-intro-price .border-price .c-unit___ {
    font-size: 30px;
  }
  .home-fiber .price-tax { 
    display: block;
    /* background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 71%, #F7E8EF 60%); */
    font-size: 16px;
  }
  .home-fiber .price-10gb {
    display: block;
    text-align: center;
  }
  .home-fiber .price-10gb .c-price___ {
    display: block;
    font-size: 24px;
  }
  .home-fiber .price-10gb .c-tax-incl___ {
    display: block;
    font-size: 16px;
  }
}

.home-fiber .button {
  margin-bottom: 0;
}
/*
.home-fiber .section-content,
.home-fiber .section-product-header,
.home-fiber .section-product-benefit {
  margin-top: 0;
  margin-bottom: 48px;
}
*/
.home-fiber .plan-fees {
  margin-bottom: 60px;
}
.home-fiber .plan-fees .grid-x {
  padding-bottom: 0;
}
.home-fiber .plan-fees-cta {
  padding-bottom: 0;
}

.home-fiber .special-campaign {
  margin-top: 50px;
  margin-bottom: 50px;
}
.home-fiber .l-container.consultation {
  margin-top: 50px;
  margin-bottom: 50px;
}
.home-fiber .pocket-wifi {
  padding-bottom: 40px;
}
.home-fiber .pocket-wifi .section-product-header {
  padding-top: 60px !important;
}
.home-fiber .pocket-wifi ul {
  margin-left: 0;
}
.home-fiber .campaign_box {
  display: flex;
  align-items: center;
}
.home-fiber .campaign_box ul li {
  list-style: none;
  margin-bottom: 0.5rem;
  margin-left: -1rem
}
.home-fiber .block-tab-a > .p-nav > li a {
  font-size: 20px;
  font-weight: 700;
}
.home-fiber .block-tab-a > .p-nav > li a.st-active {
  color: #222222;
}

.home-fiber .introduction .grid-ut {
  margin-bottom: 60px;
}
@media only screen and (max-width: 768px) {
  .home-fiber .introduction h2.heading-ut {
    margin-bottom: 30px;
  }
  .home-fiber .introduction .grid-ut {
    margin-bottom: 30px;
  }
  .home-fiber .introduction .grid-ut .unit-ut {
    margin-bottom: 20px;
  }
}

.white_area .typography-headline {
  margin-top: 80px;
}
.white_area .title-benefit {
  /* font-weight: bold; */
  text-align: center;

  display: block;
  background: #f56704;
  width: 200px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 6px;
  border-radius: 5px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  margin-top: 1.5rem;
}
.white_area .title-benefit-img {
  display: block;
  width: 450px;
  margin: 0px auto 20px;
}
.white_area .link-text {
  font-size: 20px;
  font-weight: 700;
  color: #E473AA;
  text-decoration: underline;
}
.white_area .lead-benefit {
  font-size: 20px;
  text-align: center;
}
@media screen and (min-width: 1000px) {
  .campaign_box {
    display:block;
    width: 45%;
    margin-left: 5%;
  }
}
@media screen and (max-width: 999px) {
  .campaign_box {
    display:block;
    margin-top: 0.5rem;
    width: 100%;
    margin: 10px;
  }
}
@media screen and (min-width: 1000px) {
  .white_area {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 999px) {
  .white_area {
    padding:10px 0;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-size: 11px auto;
    display: block;
    text-decoration: none;
    text-align: left;
    font-weight: bold;
    color: #443a3a;
    font-size: 35px;
    line-height: 40px;
    position: relative;
    margin-bottom: 10px !important;
  }
}
@media not screen and (max-width: 767px) {
  .campaign_box .white_area .youwillget {
    font-size:1.5rem;
    line-height: 1.6;
  }
}

@media only screen and (max-width: 768px) {
  .campaign_box .white_area ol {
    margin-bottom:0 !important;
  }
  .campaign_box .white_area .title {
    margin-bottom:0.5rem;
    font-size: 1.5rem;
    line-height: 1.6;
    font-weight: 700;
    color: #0a0a0a;
  }
  
  .white_area .typography-headline {
    margin-top: 20px;
    padding-bottom: 10px !important;
    font-size: 24px;
  }
  .white_area .typography-headline br {
    display: none;
  }
  .white_area .title-benefit-img {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .white_area .title-benefit {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 1.2;
  }
  .white_area .lead-benefit {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
  } 
}



.title {
  text-decoration: underline;
}
.home-fiber .temporary .title {
  text-decoration: none;
}

.typography-headline p {
  font-size: 1.5rem;
}

/*@media screen and (min-width: 1000px){.grid-container{padding-bottom:3rem !important;padding:2rem 1rem !important}}*/
@media screen and (min-width: 1000px) {
  .grid-container2 {
    padding-bottom:0.5rem !important;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    max-width: 75rem;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1000px) {
  .grid-container_contact {
    padding-bottom:0.5rem !important;
  }
}
@media screen and (max-width: 900px) {
  .grid-container_contact {
    padding-bottom:1rem !important;
  }
}
@media screen and (min-width: 1000px) {
  .temporary_box_text {
    width: calc(55% - 1.875rem) !important;
    padding-left: 5% !important;
  }
}
@media screen and (min-width: 1000px) {
  .temporary_box_img {
    width: calc(30% - 1.875rem) !important;
    text-align: right !important;
  }
}
@media screen and (min-width: 1000px) {
  .temporary {
    justify-content: center;
    display: flex;
    margin-top: 1rem !important;
    padding-top: 5rem !important;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 999px) {
  .section-product-header {
    padding-top: 2rem !important;
    /* margin-bottom: 20px; */
  }
}
@media screen and (max-width: 999px) {
  .temporary .title {
    font-weight: bold;
    font-size: 1.1rem;
    color: #4D4D4D;
  }
}
@media screen and (min-width: 1000px) {
  .temporary .title {
    margin-bottom: 0.5rem;
    font-size: 1.3rem;
    font-weight: bold;
    color: #4D4D4D;
  }
}
@media screen and (min-width: 1000px) {
  .temporary ul {
    margin-left:1rem;
  }
}
@media screen and (min-width: 1000px) {
  .temporary p {
    font-size: 0.9rem;
    line-height: 1.5;
    font-weight: normal;
    margin-bottom: 0.5rem;
  }
}
@media screen and (max-width: 999px) {
  .typography-headline {
    padding:0 0 2rem 0 !important;
  }
}
@media screen and (min-width: 1000px) {
  .step_image {
    height: 30% !important;
    width: 25% !important;
    margin: 0 auto;
  }
}
@media screen and (max-width: 999px) {
  .step_image {
    height: 65% !important;
    width: 60% !important;
  }
}


@media only screen and (max-width: 768px) {
  .home-fiber .grid-container_contact {
    margin-bottom: 2px;
  }
  .home-fiber .grid-container_contact .text-center {
    margin-top: -10px;
  }

  
}

.typography-attention a {
  color: #E573AA !important;
}
.width {
  padding-bottom: 10px;
  padding-top: 1rem;
}

.contact_text {
  padding-bottom: 0 !important;
}

.attention {
  text-align: center;
  margin-bottom: 0;
}

.attention a {
  text-decoration: underline;
}

@media not screen and (max-width: 767px) {
  .reviewwrap {
    background-color: #f5f5f5;
    padding: 15px;
    margin-bottom: 50px;
    width: 1140px;
  }
  .reviewbox {
    padding: 20px;
    background-color: white;
    border-radius: 10px;
    margin-bottom: 15px;
  }
  .review_innner {
    display: table;
    width: 100%;
  }
  .review_innner img {
    width: 10%;
    text-align: center;
    display: block;
    float: left;
  }
  .review_pro {
    width: 15%;
    margin-left: 30px;
    display: block;
    float: left;
  }
  .review_pro ul li {
    text-align: left;
    color: #555;
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
  }
  .review_pro ul li b {
    color: #333333;
  }
  .review_contents {
    width: 70%;
    margin-left: 20px;
    display: block;
    float: left;
  }
  .review_contents p {
    font-size: 16px;
    text-align: left;
    line-height: 25px;
  }
}

@media screen and (max-width: 767px) {
  .reviewwrap {
    border: solid #f5f5f5 5px;
    border-radius: 5px;
    padding: 1.1rem;
    margin-bottom: 50px;
  }
  .reviewbox {
    background-color: white;
    border-radius: 10px;
    margin-bottom: 15px;
  }
  .review_innner {
    display: table;
    width: 100%;
    border-bottom: 2px solid #dfdfdf;
  }
  .review_innner img {
    width: 30%;
    float: left;
  }
  .review_pro {
    float: left;
    margin-left: 8%;
    font-size: 15px;
    width: 60%;
  }
  .review_pro ul li {
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
  }
  .review_contents {
    float: left;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
  }
  .review_contents p {
    font-size: 16px;
    line-height: 20px;
  }
}

@media not screen and (max-width: 767px) {
  .reviewwrap {
    background-color: #f5f5f5;
    padding: 15px;
    margin-bottom: 50px;
    width: 1140px;
  }
  .reviewbox {
    padding: 20px;
    background-color: white;
    border-radius: 10px;
    margin-bottom: 15px;
  }
  .review_innner {
    display: table;
    width: 100%;
  }
  .review_innner img {
    width: 10%;
    text-align: center;
    display: block;
    float: left;
  }
  .review_pro {
    width: 15%;
    margin-left: 30px;
    display: block;
    float: left;
  }
  .review_pro ul li {
    text-align: left;
    color: #555;
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
  }
  .review_pro ul li b {
    color: #333333;
  }
  .review_contents {
    width: 70%;
    margin-left: 20px;
    display: block;
    float: left;
  }
  .review_contents p {
    font-size: 16px;
    text-align: left;
    line-height: 25px;
  }
}

@media screen and (max-width: 767px) {
  .reviewwrap {
    border: solid #f5f5f5 5px;
    border-radius: 5px;
    padding: 1.1rem;
    margin-bottom: 50px;
  }
  .reviewbox {
    background-color: white;
    border-radius: 10px;
    margin-bottom: 15px;
  }
  .review_innner {
    display: table;
    width: 100%;
    border-bottom: 2px solid #dfdfdf;
  }
  .review_innner img {
    width: 30%;
    float: left;
  }
  .review_pro {
    float: left;
    margin-left: 8%;
    font-size: 15px;
    width: 60%;
  }
  .review_pro ul li {
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
  }
  .review_contents {
    float: left;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
  }
  .review_contents p {
    font-size: 16px;
    line-height: 20px;
  }
}

/* If html does not have either class, do not show lazy loaded images. */
html:not( .jetpack-lazy-images-js-enabled ):not( .js ) .jetpack-lazy-image {
  display: none;
}

@media screen and (min-width: 1000px) {
  .wifiplan {
    float:right;
  }
}
@media screen and (min-width: 1000px) {
  .fiberlink {
    width: 900px;
    margin: 0 auto;
  }
}

.typography-headline_compati {
  font-size: 2.25rem;
  font-weight: 700;
  letter-spacing: .1rem;
}
.typography-subhealine_compati {
  font-size: 1.4rem;
  letter-spacing: .1rem;
}

/* https://www.sakuramobile.jp/order-short-term-plans/ */

.page-template-travel-order-v2___express-test-2023-10  .onthefly-section-wrapper,
.page-template-travel-order-v2___express-test-2023-10  .section-pickup-data,
.page-template-travel-order-v2 .onthefly-section-wrapper,
.page-template-travel-order-v2 .section-pickup-data {
  font-size: 1rem;
}

#express-wrapper {
  margin-bottom: 60px;
}

/* https://www.sakuramobile.jp/payment-methods/ */

#payment-methods-tab .tabs-title>a {
  font-size: 1rem;
}
.payment-methods-tab-content ol {
  font-size: 1rem;
}
.payment-methods-tab-content ol li {
  list-style-type: decimal;
}

/* https://www.sakuramobile.jp/settings/apn/long-term/ */

.section-content {
  font-size: 1.2rem;
}

/*
https://www.sakuramobile.jp/info/apn/esim/
body.apn-esim
*/

@media only screen and (max-width: 768px) {
  body.apn-esim .frame-scroll-horizontal {
    overflow-x: scroll;

    /* .scroll-hint.is-right-scrollable  */
    background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));

  }
  body.apn-esim .frame-scroll-horizontal img {
    width: 700px;
    max-width: none;
  }
}

body.apn-esim .process {
  margin-left: 0;
}
body.apn-esim .process li {
  list-style-type: none;
}

/* https://www.sakuramobile.jp/contact-us/ */

.contact_title {
  font-size: 1rem;
}
.gform_legacy_markup_wrapper ul.gform_fields li.gfield {
  font-size: 1rem;
}

/* blog */

.single-post .sidebar a:hover,
.single-post .post a:hover,
.archive .sidebar a:hover,
.archive .post a:hover {
    text-decoration: none;
}
.single-post .sidebar .widget li,
.archive .sidebar .widget li {
  font-size: 1rem;
}
.single-post .post header p {
  font-size: 1rem;
}
.single-post .post .entry-content {
  font-size: 1rem;
}
.single-post article .entry-content ul li {
  list-style-type: disc;
}
.single-post .pinkbox ul li,
.single-post .greybox ul li {
  list-style-type: disc;
  font-size: 1rem;
}
.single-post article .entry-content ol {
  padding-left: 12px;
}
.single-post article .entry-content ol li {
  list-style-type: decimal;
}
.single-post .navigation {
  font-size: 1rem;
}

h2.entry-title {
  line-height: 1.2;
}
h2.entry-title a {
  font-size: 2.4rem;
  color: #333;
  text-decoration: none;
}
h2.entry-title a:hover {
  text-decoration: underline;
}
.entry-content .more-link {
  color: #fff;
  text-decoration: none;
}
.entry-content .more-link:hover {
  background: #FE4F9B;
  color: #fff;
  text-decoration: underline;
}

/* Margin
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.mrgn-t-small { margin-top: 24px; }
.mrgn-b-small { margin-bottom: 24px; }
.mrgn-tb-small { margin-top: 24px; margin-bottom: 24px; }

.mrgn-t-normal { margin-top: 40px; }
.mrgn-b-normal { margin-bottom: 40px; }
.mrgn-tb-normal { margin-top: 40px; margin-bottom: 40px; }

.mrgn-t-large { margin-top: 80px; }
.mrgn-b-large { margin-bottom: 80px; }
.mrgn-tb-large { margin-top: 80px; margin-bottom: 80px; }

.pdng10 { padding: 10px; }
.pdng20 { padding: 20px; }
.pdng-small { padding: 20px; }
.pdng-t-normal { padding-top: 40px; }
.pdng-b-normal { padding-bottom: 40px; }
.pdng-tb-normal { padding-top: 40px; padding-bottom: 40px; }

.pdng-t-large { padding-top: 80px; }
.pdng-b-large { padding-bottom: 80px; }
.pdng-tb-small { padding-top: 24px; padding-bottom: 24px; }
.pdng-tb-normal { padding-top: 40px; padding-bottom: 40px; }
.pdng-tb-large { padding-top: 80px; padding-bottom: 80px; }

.plr10 { margin-left: 10px !important; margin-right: 10px !important; }
.plr20 { margin-left: 20px !important; margin-right: 20px !important; }
.plr40 { margin-left: 40px !important; margin-right: 40px !important; }

.mt0  { margin-top:  0   !important; }
.mt00 { margin-top:  0   !important; }
.mt05 { margin-top:  5px !important; }
.mt10 { margin-top: 10px !important; }
.mt12 { margin-top: 12px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mt100 { margin-top: 100px !important; }

.mr0  { margin-right:  0   !important; }
.mr00 { margin-right:  0   !important; }
.mr05 { margin-right:  5px !important; }
.mr10 { margin-right: 10px !important; }
.mr12 { margin-right: 12px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr60 { margin-right: 60px !important; }
.mr70 { margin-right: 70px !important; }
.mr80 { margin-right: 80px !important; }
.mr90 { margin-right: 90px !important; }
.mr100 { margin-right: 100px !important; }

.mb0  { margin-bottom:  0   !important; }
.mb00 { margin-bottom:  0   !important; }
.mb05 { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb12 { margin-bottom: 12px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }

.ml0  { margin-left:  0   !important; }
.ml00 { margin-left:  0   !important; }
.ml05 { margin-left:  5px !important; }
.ml10 { margin-left: 10px !important; }
.ml12 { margin-left: 12px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml30 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; }
.ml70 { margin-left: 70px !important; }
.ml80 { margin-left: 80px !important; }
.ml90 { margin-left: 90px !important; }
.ml100 { margin-left: 100px !important; }


/**
 * 230315
 */

/* 230316 デフォルトの選択項目が1番目なので、css方式はうまくいかない
#pickup-place-wrapper.selected-shinjuku #pickuptime-select .c-0500 {
  display: none;
}
*/


/**
 * eSIM menu 230426
 */

/* menu */

.category-nav-container .category-nav .top-bar-right .menu .menu-item-57603,
.category-nav-container .category-nav .top-bar-right .menu .menu-item-50812 {
  border-bottom: #fefefe 2px solid;
}
.category-nav-container .category-nav .top-bar-right .menu .menu-item-57603 a,
.category-nav-container .category-nav .top-bar-right .menu .menu-item-50812 a {
  width: 240px;
  font-size: 1.1rem;
}
.category-nav-container .category-nav .top-bar-right .menu .menu-item-57603 a {
  text-transform: none;
}
.category-nav-container .category-nav .top-bar-right .menu .menu-item-57603>a:before,
.category-nav-container .category-nav .top-bar-right .menu .menu-item-50812>a:before {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  content: url("../images/icon-esim.svg");
  width: 32px;
}

/* menu travel Mobile */

.menu .menu-item-57615 a:before,
.menu .menu-item-50818 a:before {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  content: url("../images/icon-esim.svg");
  width: 32px;
}

/* menu top Mobile */

.menu .menu-item-57616 a:before,
.menu .menu-item-50819 a:before {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  content: url("../images/icon-esim.svg");
  width: 32px;
}

/* home */

@media screen and (min-width: 767px){.topic{background-color: #e573aa;display: flex;justify-content: center;align-items: center;font-size: 0.9rem;}}
@media screen and (max-width: 767px){.topic{background-color: #e573aa;display: flex;padding:0.3rem;font-size: 0.8rem;margin-right: 0.625rem;margin-left: 0.625rem;}}
@media screen and (min-width: 767px){.topic_contents{margin-top: 0.3rem;margin-bottom: 0.3rem;}}
@media screen and (max-width: 767px){.topic_contents{padding:0.1rem}}
@media screen and (min-width: 767px){.topic_contents span{padding: 0.1rem 1rem;background-color: #0a0a0a;color: white;font-weight: 400;margin-right: 0.3rem;vertical-align: middle;}}
@media screen and (max-width: 767px){.topic_contents span{padding: 0.2rem 0.8rem;background-color: #0a0a0a;color: white;font-weight: 400;margin-right: 0.4rem;font-size: 0.75rem;vertical-align: middle;}}
@media screen and (min-width: 767px){.topic_text{ margin-bottom: 0;line-height:1rem}}
@media screen and (max-width: 767px){.topic_text{ margin-bottom: 0;font-size: 0.8rem;line-height:0.8rem}}

.frontpage-eyecatch .frontpage-eyecatch-category .frontpage-eyecatch-content .sub-category .sub-category-link-esim {
  background: url("../images/image-esim.png") bottom center no-repeat;
  background-position: left center;
  background-size: 30%;
  height: 70px;
  max-width: 280px
}
@media only screen and (max-width: 640px) {
  .frontpage-eyecatch .frontpage-eyecatch-category .frontpage-eyecatch-content .sub-category .sub-category-link-esim {
    margin-top: 10px;
    margin-bottom: 10px;
    background-position: 7px center;
    background-size: 25%;
  }
}
@media print, screen and (min-width: 64em) {
  .frontpage-eyecatch .frontpage-eyecatch-category .frontpage-eyecatch-content .sub-category .sub-category-link-sim-travel {
    background: url("../images/image-sim-esim.png") bottom center no-repeat;
    background-position: left center;
    background-size: 40%;
    max-width: 295px;
  }
}

/* 240125 トップにはeSIMを入れることでレイアウトが崩れるならいれなくてよい

body.home .frontpage-eyecatch .frontpage-eyecatch-category .frontpage-eyecatch-content .sub-category .short-wifi,
body.home .frontpage-eyecatch .frontpage-eyecatch-category .frontpage-eyecatch-content .sub-category .short-sim {
  margin-left: 90px;
}
body.home .frontpage-eyecatch .frontpage-eyecatch-category .frontpage-eyecatch-content .sub-category .short-sim {
  margin-bottom: 20px;
}
body.home .frontpage-eyecatch .frontpage-eyecatch-category .frontpage-eyecatch-content .sub-category .short-sim .sub-category-link {
  background-image: url(/assets/img/home/ico-short-sim.webp);
}
body.home .frontpage-eyecatch .frontpage-eyecatch-category .frontpage-eyecatch-content .sub-category .short-wifi .sub-category-link {
  background-image: url(/assets/img/home/ico-short-wifi.webp);
}
body.home .frontpage-eyecatch .frontpage-eyecatch-category .frontpage-eyecatch-content .sub-category .long-sim {
  margin-bottom: 20px;
}
body.home .frontpage-eyecatch .frontpage-eyecatch-category .frontpage-eyecatch-content .sub-category .long-sim .sub-category-link {
  background-image: url(/assets/img/home/ico-long-sim.webp);
}
body.home .frontpage-eyecatch .frontpage-eyecatch-category .frontpage-eyecatch-content .sub-category .long-wifi .sub-category-link {
  background-image: url(/assets/img/home/ico-long-wifi.webp);
}

body.home .frontpage-eyecatch .medium-6 {
  width: 100%;
}

body.home .frontpage-eyecatch .frontpage-eyecatch-category .frontpage-eyecatch-content .sub-category .sub-category-link {
  max-width: 460px;
  background-size: 140px;
  background-position: 0px center;
}
body.home .frontpage-eyecatch .frontpage-eyecatch-category .frontpage-eyecatch-content .sub-category .sub-category-link ul {
  width: 310px;
}
body.home .frontpage-eyecatch .frontpage-eyecatch-category .frontpage-eyecatch-content .sub-category .sub-category-link ul li {
  text-align: left;
}

@media only screen and (max-width: 700px) {
}
@media only screen and (max-width: 500px) {
  body.home .frontpage-eyecatch .frontpage-eyecatch-category .frontpage-eyecatch-content .sub-category .short-wifi,
  body.home .frontpage-eyecatch .frontpage-eyecatch-category .frontpage-eyecatch-content .sub-category .short-sim {
    margin-left: 40px;
  }
  body.home .frontpage-eyecatch .frontpage-eyecatch-category .frontpage-eyecatch-content .sub-category .sub-category-link ul {
    width: calc( 100% - 150px );
  }
  body.home .frontpage-eyecatch .frontpage-eyecatch-category .frontpage-eyecatch-content .sub-category .long-sim .sub-category-link ul li {
    margin-top: 20px;
    line-height: 1;
  }
  body.home .frontpage-eyecatch .frontpage-eyecatch-category .frontpage-eyecatch-content .sub-category .long-sim {
    height: 100px;
  }
}

*/

.callout.alert {
  margin-bottom: 3em;
}

.typography-subhealine {
  font-size: 1.75rem;
}
@media only screen and (max-width: 768px) {
  .typography-subhealine {
    line-height: 1.1;
  }
}
dl.format-standard-2023 dt {
  margin-bottom: 10px;
  font-size: 1.3rem;
}
dl.format-standard-2023 dd {
  margin-bottom: 30px;
  line-height: 1.6;
}

/* compatibility 幅を揃える20230719 */
.device{width: 30%;}
.tether{width: 20%;}
.note{width:50%}

.device2{width: 25%;}
.tether2{width: 15%;}
.note2{width:35%}
.type{width:15%}

.compatibility-table {
  table-layout: fixed;
  word-break: break-all;
}



.device-name {
  margin-bottom: 60px;
}
.device-name p,
.device-name td {
  font-size: 16px;
}
.device-name .td-narrow-a {
  width: 120px;
}
.device-name .td-narrow-b {
  width: 80px;
}

.page-link {
  display: flex;
  justify-content: center;
  padding: 20px;
}
.page-link li {
  list-style: none;
}
.page-link li a {
  color: #333;
  padding: 0 20px;
  text-decoration: none;
}
.page-link li a::before {
  /* content: '▼'; */
  font-size: 0.8rem;
  padding: 0 10px 0 0;
  color: #ccc;
}

/* compatibility    wifiへのリンクに下線を引く20230804 */
.wifilink{
  text-decoration:underline;
}

/* compatibility    物理simの動作確認変更箇所20230804 */
.modified-230807 {
  /* color: red; */
  /* font-weight: 600; */
  font-weight: normal;
}

/* 230810 eSIM contact */

.contact-esim-2023 .gform_wrapper.gravity-theme .gfield-choice-input {
  margin-top: 15px;
}
.contact-esim-2023 .gform_confirmation_message {
  margin-top: 40px;
  margin-bottom: 80px;
  text-align: center;
}

.contact-esim-2023 #input_10_25,
.contact-esim-2023 #input_10_24,
.contact-esim-2023 #input_10_22 {
  pointer-events : none;
  background-color: #f3f3f3;
}

.notice-box-2023 {
  width:90%;
  max-width: 50em;
  margin: 0 auto 1.5em auto;
  padding: 0.5em 1em;
  color: #5d627b;
  background: white;
  border-top: solid 5px #ed95bd;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.notice-box-2023 p {
  margin-top: 10px;
  margin-bottom: 12px;
}
.notice-box-2023 a:hover {
  text-decoration: underline;
}

.notice-box-weak-2023 {
  width:90%;
  max-width: 50em;
  margin: 0 auto 1.5em auto;
  padding: 0.5em 1em;
  color: #5d627b;
  background: white;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.notice-box-weak-2023 p {
  margin-top: 10px;
  margin-bottom: 12px;
}
.notice-box-weak-2023 a:hover {
  text-decoration: underline;
}

/*  */

.link-esim-2023:before {
  display: inline-block;
  vertical-align: middle;
  content: url("/wp-content/themes/FoundationPress/dist/assets/images/icon-esim.svg");
  width: 16px;
  margin-left: 5px;
  margin-right: 3px;
}

/* express */

.thank-you-esim .lead {
  font-size: 1.6rem;
}
.thank-you-esim ol.lead li {
  list-style-type: disc;
}

@media only screen and (max-width: 640px) {
  .thank-you-esim ol.lead {
    width: 100% !important;
    padding-left: 40px;
  }
}

/* 240409 */

.section-app .app-title {
  font-size: 36px;
}
@media only screen and (max-width: 640px) {
  .section-app .app-title {
    font-size: 24px;
  }
}

*, *:before, *:after {
  box-sizing: border-box;
}

.page-link.button:hover{
  opacity: .85;
}

/* 240410 */
.page-link{
  width: 72%;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  margin: auto;
  
}
.page-link .button{
  width: calc( 18% - 18px );
  margin-right: 2%;
  height: auto;
  padding: 8px;
  background-color: #efefef;
  font-size: 16px;
  font-weight: bold;
  border-radius: 4px;
}

.page-link .button:hover{
  opacity: .85;
}
.page-link a{color:#4D4D4D !important;
  text-decoration: none !important;}

 .page-link > *:nth-child(5n){
  margin-right: 0;

}
@media screen and (max-width: 960px) {
  .page-link{
    width: 80%;
  }
  .page-link .button{
      width: calc( 32% - 8px );
      margin-right: 2%;
      margin-bottom: 2%;
      margin-left: 0;
  }
  .page-link > *:nth-child(5n){
      margin-right: 2%
  }
  .page-link > *:nth-child(4n){
      margin-right: 2%
  }
}
@media screen and (max-width: 580px) {
  .page-link{
    width: 100%;
  }
  .page-link > *{
      width: calc( 33.33333% - 8px ) ;
      margin-right: 2%;
  }
  .page-link > *:nth-child(5n){
    margin-right: 0
  }
  .page-link > *:nth-child(4n){
    margin-right: 2%
  }
  .page-link > *:nth-child(3n){
      margin-right: 0
  }
}

/* 240418 */

.border-price {
  border-bottom: none;
}
.product-intro-price .c-unit__ {
  font-size: 28px;
  font-weight: 400;
}

/*  */

#pickup-place-row a {
  text-decoration: none;
}
.sm-accordion > .sm-switch > a {
  text-decoration: none;
}

.local-mobile-nav-container .local-mobile-nav-right .button,
.top-bar-mobile .button-group .button,
.top-bar-mobile .button-group .button.off {
  text-decoration: none;
}

/* 240529 */

.notice-box-2023-simple {
  margin-bottom: 10px;
  padding: 10px;
  border: solid #ccc 1px;
  border-radius: 3px;
  font-size: 0.9rem;
}
.notice-box-2023-simple .button {
  margin-left: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  text-decoration: none;
}
.notice-box-2023-simple .margin-top-1 {
  margin-top: 10px !important;
}

/*  */

.document-rgreement h5,
.document-rgreement h4 {
  margin-top: 0.5rem;
}

/* 240924 */

.tabs-content .call-rate-table {
  table-layout: fixed;
}

@media only screen and (max-width: 640px) {
  .tabs-content .call-rate-table {
    table-layout: auto;
  }
}

/* 241023 */

.sm-long .consultation.section-visual.type-003 {
  margin-bottom: 100px;
}
@media only screen and (min-width: 835px) {
  .sm-long .consultation.section-visual.type-003 .c-heading.c-deco::before {
    top: 0px;
    left: 340px;
    right: auto;
  }
}
@media only screen and (max-width: 640px) {
  .sm-long .consultation.section-visual.type-003 .c-heading.c-deco::before {
    top: auto;
    left: 185px;
    right: auto;
    bottom: 20px;
  }
}
@media only screen and (max-width: 640px) {
  .sm-long .consultation.section-visual.type-003 .c-heading {
    font-size: 30px;
  }
}

/* 241212 Review Survey */

.review-survey [type='file'], [type='checkbox'], [type='radio'] {
  margin: 0 0 0;
}


/* 250212 travel-order-2024
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.travel-order-2024 #wifi-exp {
  display: block;
}

.travel-order-2024 .product-button {
  text-decoration: none;
}
.travel-order-2024 .onthefly-alt-button-checkout {
  text-decoration: none;
}

/* datepicker */

.travel-order-2024 .ui-datepicker-year,
.travel-order-2024 .ui-datepicker-month {
  font-size: 18px;
  line-height: 1;
}

.travel-order-2024 h2.heading-2024 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 40px;
}

/* 250212 order-express
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.sm-traditional.order-express a.button-ut.st-default {
  background: #fdeff2;
  color: #E473AA;
  border: solid 2px #f8c0da;
}
.sm-traditional.order-express a.button-ut.st-default:hover {
  background: #E473AA;
  color: #ffffff;
  border: solid 2px #E473AA;
}
.sm-traditional.order-express .nav-pickup-place-airport a.button-ut.st-default {
  background: #fff;
}
.sm-traditional.order-express .nav-pickup-place-airport a.button-ut.st-default:hover {
  background: #E473AA;
  color: #ffffff;
  border: solid 2px #E473AA;
}