/* 230802 */

/* layout */

.site-header {
  margin-bottom: 40px;
}
.home .site-header,
.home-sim .site-header {
  margin-bottom: 0px;
}

/* common */

h1.heading-ut {
  font-size: 40px;
}
h2.heading-ut {
  font-size: 32px;
}
ol + h2.heading-ut,
ul + h2.heading-ut,
p + h2.heading-ut {
  margin-top: 40px;
}
h2.heading-ut.type-okaka {
  padding: 10px 15px;
  border-radius: 10px;
  background: #F7E8EF;
  font-size: 32px;
  font-weight: 700;
}
@media only screen and (max-width: 834px) {
  h2.heading-ut.type-okaka {
    font-size: 20px;
  }
}
h3.heading-ut {
  border-top: none;
  font-size: 24px;
}
h3.heading-ut:after {
  display: none;
}
.box-ut h3.heading-ut {
  font-weight: 700;
}

p.paragraph-ut {
  font-size: 18px;
}
ul.list-ut-mark > li {
  list-style-type: none;
}
ol[class*="list-ut"],
ul[class*="list-ut"] {
  font-size: 18px;
}
ul[class*="list-ut"] > li {
  list-style-type: none;
}
ul ul, ol ul, ul ol, ol ol {
  margin-left: 0;
}

.only-pc { display: block !important; }
@media only screen and (max-width: 640px) {
  .only-pc { display: none !important; }
}

.only-sp { display: none !important; }
@media only screen and (max-width: 640px) {
  .only-sp { display: block !important; }
}

br.only-pc { display: inline !important; } /* .only-pcの後 */
@media only screen and (max-width: 640px) {
  br.only-pc { display: none !important; }
}

br.only-sp { display: none !important; }
@media only screen and (max-width: 640px) {
  br.only-sp { display: inline !important; }
}

/* 2021.11.15 吉村　追可 */

.brands__item img{
  margin-left:0;
} 

@media screen and (min-width: 640px){.brands__item img{
   height: 75px;
   object-fit: contain;
   mix-blend-mode: multiply;
   display: block;
   max-width: 100%;
   width: 200px;}} 

@media screen and (max-width: 639px){.brands__item img{
   height: 45px;
   object-fit: contain;
   mix-blend-mode: multiply;
   display: block;
   max-width: 100%;
   width: 200px;}} 


.brands__item {
list-style:none;
}

@media screen and (max-width: 639px){.brands{
display: grid;
 grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
width: 100%;
margin: 0 auto;
margin-top: 1rem;
}}  

@media screen and (min-width: 640px){.brands{
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
width: 85%;
margin: 1rem auto;
 grid-gap: 0rem;
}}

.typography-subhealine {
  margin-top: 30px;
}

/*  */

.notice-select-country {
  margin: 55px 0 30px;
  font-size: 1.2rem;
  text-align: center;
  color: #c5341f;
}
@media only screen and (max-width: 768px) {
  .notice-select-country {
    margin: 30px 0 15px;
    font-size: 1rem;
  }
}


/* 2024-04 海外SIM
- - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* common */

.block-kaigaisim-bg___ .heading-ut {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}

.nav-ut-button ul {
  margin-left: 0;
  list-style-type: none;
}

.tab-ut > .p-nav {
  list-style-type: none;
}

/* icon */

.icon-ut.icon-flag-europe-01 {
  background-image: url(/assets/img/base/flag-europe-01.svg);
}
.icon-ut.icon-flag-hongkong-01 {
  background-image: url(/assets/img/base/flag-hongkong-01.svg);
}
.icon-ut.icon-flag-indonesia-01 {
  background-image: url(/assets/img/base/flag-indonesia-01.svg);
}
.icon-ut.icon-flag-thailand-01 {
  background-image: url(/assets/img/base/flag-thailand-01.svg);
}
.icon-ut.icon-flag-united-states-01 {
  background-image: url(/assets/img/base/flag-united-states-01.svg);
}
.icon-ut.icon-flag-south-korea-01 {
  background-image: url(/assets/img/base/flag-south-korea-01.svg);
}
.icon-ut.icon-flag-taiwan-01 {
  background-image: url(/assets/img/base/flag-taiwan-01.svg);
}

/* .main-visual */

.main-visual img {
  width: 100%;
}
.main-visual .link-wifi {
  width: 240px;
  margin: 0 auto;
}
.main-visual .link-wifi img {
  border-radius: 3px;
}

/* block-kaigaisim-001___ */

.block-kaigaisim-001___ {
  background: #eee;

}
.block-kaigaisim-001___ > .unit-ut {
  background: #ccc;

}

/* block-kaigaisim-002___ */

.block-kaigaisim-002___ .in-container {
  margin-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 3px;
  background: #F7E8EF;
}

.block-kaigaisim-002___ h2.c-heading {
  font-size: 36px;
  font-weight: 700;
}
.block-kaigaisim-002___ h2.c-heading .icon-ut {
  margin-top: -5px;
  margin-right: 15px;
  vertical-align: middle;
}
.block-kaigaisim-002___ h3.c-heading {
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: solid 2px #F797C4;
  font-size: 24px;
  font-weight: 700;
}
.block-kaigaisim-002___ h4.c-heading {
  font-size: 20px;
  font-weight: 700;
}

/* .p-head */

.block-kaigaisim-002___ .p-head {
  margin-bottom: 20px;
  font-size: 16px;
}

/* .p-meta */

.block-kaigaisim-002___ .p-meta {
  margin-bottom: 10px;
}
.block-kaigaisim-002___ .p-meta .c-label {
  font-weight: 700;
}
.block-kaigaisim-002___ .p-meta a.button-ut.type-narrow.type-icon.type-tail.c-link {
  margin-left: 40px;
  padding: 3px 20px 3px 10px;
  background: #EEBED4;
  color: #333;
  font-size: 14px;
}
.block-kaigaisim-002___ .p-meta a.button-ut.type-icon.c-link:before {
  right: 7px;
  width: 12px;
  margin-top: -6px;
}

.block-kaigaisim-002___ .p-meta .c-sub {
  margin-left: 40px;
  font-size: 16px;
}
@media only screen and (max-width: 834px) {
  .block-kaigaisim-002___ .p-meta .c-sub {
    display: block;
    margin-left: 0;
  }
}

/* .p-plan */

.block-kaigaisim-002___ .p-plan > .unit-ut {
  padding: 15px 10px 20px;
  border-radius: 3px;
  background: #EED447;
  color: #333;
}
/* 
.block-kaigaisim-002___ .p-plan > .unit-ut:nth-child(2) {
  background: #c5ecbd;
}
.block-kaigaisim-002___ .p-plan > .unit-ut:nth-child(3) {
  background: #c5ecbd;
}
*/

@media only screen and (max-width: 834px) {
  .block-kaigaisim-002___ .ppp_-visual .c-pic {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
}

.block-kaigaisim-002___ .p-plan .c-pic {
  margin-bottom: 10px;
}
.block-kaigaisim-002___ .p-plan .c-days { /* ひとまず画像で */
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 5px;
}
.block-kaigaisim-002___ .p-plan .c-pricing { /* ひとまず画像で */
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 10px;
}
.block-kaigaisim-002___ .p-plan .nav-ut-button ul li {
  margin-left: 5px;
  margin-right: 5px;
}
.block-kaigaisim-002___ .p-plan .nav-ut-button ul li a {
  background: #CB2F1B;
  font-size: 14px;
}
.block-kaigaisim-002___ .p-plan .nav-ut-button ul li a:hover {
  background: #f04e39;
  font-size: 14px;
}
.block-kaigaisim-002___ .p-plan .nav-ut-button a.button-ut.type-icon {
  padding-right: 22px;
  padding-left: 11px;
}
.block-kaigaisim-002___ .p-plan .nav-ut-button a.button-ut.type-icon:before {
  right: 8px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
}
@media only screen and (max-width: 834px) {
  .block-kaigaisim-002___ .p-plan .nav-ut-button ul li {
    margin-bottom: 5px;
  }
  .block-kaigaisim-002___ .p-plan > .unit-ut {
    margin-bottom: 10px;
    padding-bottom: 5px;
  }
}

/* .p-accordion */

.block-kaigaisim-002___ .p-accordion .cell-main {
  display: none;
}
.block-kaigaisim-002___ .p-accordion .c-control {
  position: relative;
  display: block;
  width: 210px;
  margin-top: -40px;
  padding: 8px 10px 8px 40px;
  border-radius: 30px;
  background: #EEBED4;
  color: #333;
  transition: 0.4s;
}
.block-kaigaisim-002___ .p-accordion .c-control:after {
  position: absolute;
  top: 8px;
  left: 11px;
  display: block;
  width: 24px;
  height: 24px;
  content: "";
  background: url(icon/plus-01.svg) no-repeat 0 0;
  background-size: 100% auto;
}
.block-kaigaisim-002___ .p-accordion .c-control:hover,
.block-kaigaisim-002___ .p-accordion .st-active .c-control {
  background: #f6d3e4;
  color: #666;
}
.block-kaigaisim-002___ .p-accordion .st-active .c-control:after {
  background-image: url(icon/minus-01.svg);
}

.block-kaigaisim-002___ .p-accordion .cell-main {
  padding-top: 40px;
}

@media only screen and (max-width: 834px) {
  .block-kaigaisim-002___ .p-accordion .c-control {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .block-kaigaisim-002___ .p-accordion {
    margin-top: 80px;
  }
}

/* block-kaigaisim-bg___ */

.block-kaigaisim-bg___ {
  background: #FBECF3;
}
.block-kaigaisim-bg2___ {
  background: #F2F2F2;
}
.block-kaigaisim-bg3___ {
  background: #CCF1F9;
}


.block-kaigaisim-bg___ .tab-ut > .unit-ut,
.block-kaigaisim-bg___ .in-container > .grid-ut {
  padding: 40px;
  background: #fff;
}

/* tab */

.tab-ut.kaigaisim___ > .p-nav {
  width: 600px;
  margin: 0 auto;
}
.tab-ut.kaigaisim___ > .p-nav > li a {
  font-size: 24px;
  font-weight: bold;
  background: #fff;
  color: #333;
  text-align: center;
}
.tab-ut.kaigaisim___ > .p-nav > li a:hover,
.tab-ut.kaigaisim___ > .p-nav > li a.st-active {
  background: #F797C4;
  color: #fff;
}
.tab-ut.kaigaisim___ > .unit-ut {
  border: none;
  border-top: solid 3px #F797C4;
}

@media only screen and (max-width: 834px) {
  .tab-ut.kaigaisim___ > .p-nav {
    width: 100%;
  }
}

/* accordion */

.accordion-ut.kaigaisim___ {
  border-top: none;
  border-right: none;
  border-left: none;
  background: #fff;
}
.accordion-ut.kaigaisim___ .wrap-unit .c-nav a {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 21px;
  font-weight: bold;
}
.accordion-ut.kaigaisim___ .wrap-unit .unit-ut {
  font-size: 18px;
}
.accordion-ut.kaigaisim___ .wrap-unit.st-active .c-nav a,
.accordion-ut.kaigaisim___ .wrap-unit:last-child .c-nav a {
  border-bottom: none;
}
.accordion-ut.kaigaisim___ .wrap-unit:last-child .unit-ut {
  border-bottom: none;
}

/* .block-kaigaisim-003___ */

.block-kaigaisim-003___ .in-block {
  position: relative;
  padding-left: 80px;
  /* background: #eee; */
}
.block-kaigaisim-003___ .in-block:before {
  position: absolute;
  display: block;
  top: 0px;
  left: 29px;
  width: 3px;
  height: 100%;
  content: "";
  background: #ccc;
}
.block-kaigaisim-003___ .in-block.type-no-line:before {
  display: none;
}
.block-kaigaisim-003___ .grid-ut.type-flow-right > .unit-ut:after  {
  left: calc(100% + 12px);
}
@media only screen and (max-width: 834px) {
  .block-kaigaisim-003___ .grid-ut.type-flow-right > .unit-ut:after  {
    left: 0;
    top: calc(100% - -10px);
  }
}

.block-kaigaisim-003___ .grid-ut .unit-ut {
  padding-left: 20px;
  padding-right: 20px;
}

.block-kaigaisim-003___ h3.c-heading {
  position: relative;
  margin-top: 40px;
  margin-bottom: 14px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 20px;
  font-weight: 700;
}
.block-kaigaisim-003___ .c-heading .c-mark {
  position: absolute;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  left: -80px;
  width: 60px;
  height: 60px;
  margin-top: -16px;
  background: #F7E8EF;
  border-radius: 10px;
}

.block-kaigaisim-003___ .type-frame {
  border: solid #eee 2px;
}



@media only screen and (max-width: 834px) {
  .block-kaigaisim-003___ .in-block:before {
    display: none;
  }
  .block-kaigaisim-003___ h3.c-heading {
    padding-top: 10px;
  }
  .block-kaigaisim-003___ .c-heading .c-mark {
    position: relative;
    left: auto;
    width: 48px;
    height: 48px;
    margin-right: 10px;
  }
  .block-kaigaisim-003___ .in-block {
    padding-left: 0;
  }
}

/* .block-kaigaisim-003a___ 準備いただくもの */

.block-kaigaisim-003a___ .grid-ut .unit-ut {
  padding-bottom: 20px;
  border-radius: 10px;
  background: #f2f5f7;
  text-align: center;
}
.block-kaigaisim-003a___ .grid-ut h4.c-heading {
  font-size: 18px;
  font-weight: 700;
}
.block-kaigaisim-003a___ .grid-ut .c-lead {
  font-size: 18px;
}

/* .block-kaigaisim-004___ */

.block-kaigaisim-004___ .c-phone {
  font-size: 24px;
  font-weight: 700;
}

/* .block-kaigaisim-005___ */

.block-kaigaisim-005___ .c-text {
  display: flex;
  align-items: center;
  font-size: 18px;
}

/* Order */

.c-preparation {
  padding: 40px 0;
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  color: #666;
}

/* wifi top */

.c-obi___ {
  width: 600px;
  margin: 0 auto;
}
.c-hehe___ {
  /* margin-top: 40px; */
  /* background: #42BDD2; */
  color: #595757;
  font-size: 40px;
  font-weight: 700;
  text-align: center;
  text-decoration: underline;
}

@media only screen and (max-width: 834px) {
  .c-obi___ {
    width: 100%;
  }
  .c-hehe___ {
    font-size: 32px;
  }
}

/* 240608 */

.home-240608.l-container.adjust-blankspace .in-container {
  padding-top: 35px;
  padding-bottom: 10px;
}
.home-240608 h2 {
  /* margin-top: 1rem; */
  margin-bottom: 2rem;
  font-size: 2rem;
  font-weight: bold;
  color: #024076;
  text-align: center;
}
.home-240608 h3 {
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
}
.home-240608 p {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.7;
  color: #595757;
  text-align: center;
}
.home-240608 .list-ut-pic.type-horizontal.type-height-match {
  justify-content: center;
  margin-top: 1rem;
  /* margin-bottom: 1rem; */
}
.home-240608 .list-ut-pic.type-horizontal.type-height-match img {
  height: 28px;
}
.home-240608 .list-ut-pic.type-horizontal > li {
  margin-left: 5px;
}
@media only screen and (max-width: 430px) {
  .home-240608 .list-ut-pic.type-horizontal.type-height-match img {
    height: 26px;
  }
  .home-240608 .list-ut-pic.type-horizontal > li {
    margin-left: 0px;
  }
}

/* 240726 */

ul.desktop-menu ul.dropdown li.menu-item a {
  height: 50px;
  padding-top: 18px !important;
  padding-bottom: 5px !important;
}

/* 240807 */

.accordion-content ul {
  margin-left: 20px;
}

/* .select-country */

.select-country h3.heading-ut {
  text-align: center;
  font-weight: 700;
  color: #666;
}

/* 241029 style reset
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.top-bar-left .top-bar-title {
  margin-top: 5px;
}

.terms td,
.terms h3,
.terms p,
.terms li,
.list-responsive,
.pickup-section .grid-x ul,
.pickup-section .grid-x p,
#feature .place-feature-col,
.flow-section.hoshoBox,
.accordion-content,
.accordion-content li,
.tabs-panel p {
  font-size: 16px;
}

.block-kaigaisim-bg___ .in-container .kaigaisim___ .ta-right,
.block-kaigaisim-bg___ .in-container > .ta-right,
.block-kaigaisim-002___ .p-accordion .c-control {
  font-size: 16px;
}

@media only screen and (max-width: 640px) {
  .top-bar-mobile .top-bar-right-mobile .top-bar-right-mobile-text-menu li a,
  .top-bar-mobile .top-bar-right-mobile .top-bar-right-mobile-text-menu .order a,
  .top-bar-mobile .top-bar-right-mobile .top-bar-right-mobile-text-menu .place>a {
    font-size: 16px;
  }
}

/* 241030
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.plan-list.l-container.adjust-blankspace .in-container {
  padding-bottom: 100px;
}
.accordion-plan.block-accordion-b .wrap-unit {
  margin-bottom: 40px;
}
.accordion-plan.block-accordion-b .wrap-unit > .unit-ut {
  padding-left: 0;
  padding-right: 0;
}
.accordion-plan.block-accordion-b .unit-plan {
  padding: 20px 60px;
  border-radius: 10px;
  background: #F3F3F3;
}
/* 241122 これを入れると窮屈かも
.accordion-plan.block-accordion-b.type-giga .unit-plan {
  padding-left: 20px;
  padding-right: 20px;
}
*/
@media only screen and (max-width: 640px) {
  .accordion-plan.block-accordion-b .unit-plan {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media only screen and (max-width: 640px) {
  .block-kaigaisim-002___ .p-plan > .unit-ut:last-child {
    margin-top: 20px;
  }
}

/* .order-sim-one */

.order-sim-one .first-content.l-container.adjust-blankspace {
  margin-top: 0px;
}
.order-sim-one .first-content.l-container.adjust-blankspace .in-container {
  padding-top: 0px;
  padding-bottom: 0px;
}
.order-sim-one h1.heading-ut{
  margin-bottom: 20px;
}
.order-sim-one p.paragraph-ut {
  line-height: 1.3;
}

/* .sim-plan */

@media only screen and (max-width: 640px) {
  .sim-plan .site-header {
    margin-bottom: 0px;
  }
}