@charset "UTF-8";
a, a:link, a:visited, a:active, a:hover {
  color: #314da5;
}
a.hide-icon img[src*='icon-'] {
  display: none;
}
p {
  margin-bottom: 20px;
}
.nav-local > ul {
  border-left: none;
}
.nav-local > ul > li:first-child {
  border-left: 1px solid #ccc
}
.nav-local > ul a {
  color: #2a2a2a;
}
.au-header-nav {
  justify-content: flex-end;
}
.au-header-nav-logo {
  display: none!important;
}
.p-0 {
  padding: 0!important;
}
/* 背景色 */
.bgc0 {
  background-color: #030C40;
}
.bgc1 {
  background: linear-gradient(90deg,#ff5900 0, #ff0072 100%);
}
.bgc2 {
  background-color: #efefef;
}
/* キービジュアル */
.kv-title {
  background: #fff;
  text-align: center;
  margin-bottom: 0;
}
.kv-img {
  margin-bottom: 24px;
}
.kv-img img {
  width: 100%;
}
.kv-btm {
  max-width: 1100px;
  margin: 0 auto;
}
.str-main .str-content .str-contentBody {
  max-width: 1100px;
}
.mod-listManual.list-copyright > li > .mark {
  padding-right: 4px;
}
.mod-listManual.list-copyright .content {
  font-size: 1.1rem;
  vertical-align: middle;
}
.mod-boxToggle .mod-listManual .content {
  background: none;
  border: none;
  padding: 0;
  visibility: visible!important;
}
/* スペシャル */
.btn-wrapper {
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  max-width: 928px;
}
.btn-wrapper .mod-lytCol {
  margin-bottom: 0;
}
/* サービス */
.break-through-wrapper {
  overflow-x: hidden;
}
.break-through {
	margin: 0 calc(50% - 50vw);
	width: 100vw;
}
.break-through__inner {
  padding: 80px 0 30px;
  margin: 0 auto;
  max-width: 100%;
  width: 1100px;
}
/* タブ */
.tabs.col2 .tab {
  width: calc((100% - 4px) / 2);
}
.tabs.col3 .tab {
  width: calc(100% / 3);
}
.tabs.type-ux2v1 .tablist {
  border-bottom: 4px solid #999;
}
.tabs.type-ux2v1 .tab {
  border-radius: 4px 4px 0 0;
  background-image: none!important;
}
.tabs.type-ux2v1 .tablist[data-tablist-theme="collabo"] {
  border-bottom-color: #f03089;
}
.tabs.type-ux2v1 .tab[data-tab-theme="collabo"] {
  border-color: #f03089;
}
.tabs.type-ux2v1 .tab[data-tab-theme="collabo"][aria-selected="true"] {
  background-color: #f03089;
}
.tablist {
  border-bottom: 6px solid #999;
  display: flex;
  justify-content: space-between;
}
.tablist[data-tablist-theme="au"] {
  border-bottom-color: #ea5404;
}
.tablist[data-tablist-theme="collabo"] {
  border-bottom-color: #d5307a;
}
.tablist .tab {
  border-color: #999;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  border-radius: 10px 10px 0 0;
  color: #223;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.71429;
  min-height: 94px;
  position: relative;
  text-align: center;
}
.tablist .tab:hover {
  opacity: 1;
}
.tab[data-tab-theme="au"] {
  background-image: url('/access/al/disneyplus/images/tab-au.png');
  background-position: center 33px;
  background-repeat: no-repeat;
  background-size: 192px;
}
.tab[aria-selected="true"][data-tab-theme="au"] {
  background-color: #ea5404;
  background-image: url('/access/al/disneyplus/images/tab-au-selected.png');
  border-color: #ea5404;
  color: #fff;
}
.tab[data-tab-theme="collabo"] {
  background-image: url('/access/al/disneyplus/images/tab-collabo.png');
  background-position: center 20px;
  background-repeat: no-repeat;
  background-size: 256px;
}
.tab[aria-selected="true"][data-tab-theme="collabo"] {
  background-color: #d5307a;
  background-image: url('/access/al/disneyplus/images/tab-collabo-selected.png');
  border-color: #d5307a;
  color: #fff;
}
.hidden-text {
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
}
.tablist .tab > span {
  font-size: 1.4rem;
  font-weight: normal;
}
.tabpanel {
  padding-top: 40px;
}
.apply-flow .mod-box > .inner {
  text-align: center;
}
/* オプションサービス */
body.collabo .hidden_collabo {
  display: none;
}
body.collabo .fbox_wrap_in.show_collabo {
  display: flex;
}
.show_collabo {
  display: none;
}
a.btn01.type-unext {
  background: -webkit-gradient(linear,right top,left top,from(#0fb9f5),to(#ee3689));
  background: -o-linear-gradient(right,#0fb9f5 0,#ee3689 100%);
  background: linear-gradient(to left,#0fb9f5 0,#ee3689 100%);
  border: none;
}
/* ご利用の流れ */
.mod-list-flow{
  margin:0 0 24px;
}
.mod-list-flow.ls0{
  border: none;
}
.mod-list-flow.ls0 .list li {
  padding-right: 0;
  padding-left: 0;
}
.mod-list-flow[data-col="2"]>.list>li{
    flex-basis:50%;
    max-width:50%;
    min-width:50%;
    width:50%;
}
.mod-list-flow[data-col="3"]>.list>li{
    flex-basis:33.333%;
    max-width:33.3333%;
    min-width:33.3333%;
    width:33.3333%;
}
.mod-list-flow>.list>li:not(:last-child)>.inner:after{
    border:8px solid transparent;
    border-top-color:#d9dadb;
    content:"";
    height:0;
    left:0;
    margin:10px auto 0;
    position:absolute;
    right:0;
    top:100%;
    width:0;
}
.mod-list-flow:not([data-col])>.list>li{
    flex-basis:100%;
    max-width:100%;
}
.mod-list-flow[data-col]>.list>li:not(:last-child)>.inner:after{
    border-color:transparent transparent transparent #d9dadb;
    bottom:0;
    left:100%;
    margin:auto 0 auto 10px;
    right:auto;
    top:0;
}
.mod-list-flow.ls0 .list li:nth-child(1) .step {
  background-color: #00bebe;
}
.mod-list-flow.ls0 .list li:nth-child(2) .step {
    background-color: #0096a5;
}
.mod-list-flow.ls0 .list li:nth-child(3) .step {
    background-color: #006e8c;
}
.mod-list-flow.ls0 .step {
  box-sizing: border-box;
  margin: 0;
  color: #fff;
  font-weight: bold;
  padding: 1.6rem;
  position: relative;
  width: 100%;
}
.mod-list-flow.ls0 .step::before {
    left: 0;
    top: 0;
    bottom: 0;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #00bebe;
    border-color: rgba(0, 190, 190, 0) rgba(0, 190, 190, 0) rgba(0, 190, 190, 0) #00bebe;
    vertical-align: middle;
    position: absolute;
    margin-top: auto;
    margin-bottom: auto;
}
.mod-list-flow.ls0 .list li:nth-child(3) .step::before {
  border-left-color: #0096a5;
}
.mod-list-flow.ls0 .inner {
  box-sizing: border-box;
  background-image: url(/access/images/hikari/collabo/index/step0.png);
  background-repeat: no-repeat;
  background-position: right top;
  background-color: #fff;
  min-height: 26rem;
  border: none;
  padding: 17px 24px;
  position: relative;
  text-align: left;
  width: 100%;
}
.mod-list-flow.ls0 .inner[data-bg="1"] {
  background-image: url(/access/images/hikari/collabo/index/step1.png);
}
.mod-list-flow.ls0 .inner[data-bg="2"] {
  background-image: url(/access/images/hikari/collabo/index/step2.png);
}
.mod-list-flow.ls0 .inner[data-bg="3"] {
  background-image: url(/access/images/hikari/collabo/index/step3.png);
}
.mod-list-flow.ls0 .inner[data-bg="4"] {
  background-image: url(/access/images/hikari/collabo/index/step4.png);
}
.mod-list-flow.ls0 .inner[data-bg="5"] {
  background-image: url(/access/images/hikari/collabo/index/step5.png);
}
.mod-list-flow.ls0 .inner[data-bg="6"] {
  background-image: url(/access/images/hikari/collabo/index/step6.png);
}
.mod-list-flow.ls0 .inner .txt {
  max-width: 66%;
}
.mod-list-flow.ls0 .inner .txt .mod-hdg-al3 h3 {
  font-size: 2.6rem;
  margin-bottom: 20px;
}
.mod-list-flow[data-col]>.list>li>.inner:after {
  content: none;
}
/* お問い合わせ */
#apply .apply-box-hdg {
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 10px;
}
#apply .apply-box-hdg.type-au em {
  color: #ea5404;
}
#apply .apply-box-hdg.type-collabo em {
  color: #d5307a;
}
.str-cvcontent> .inner .hdg3 {
  font-size: 2rem; 
  line-height: 1.6;
  margin: 20px  0 20px;
  text-align: center;
}
.str-cvcontent> .inner .hdg3.hdg-hr {
  padding-top: 70px;
  position: relative;
}
.str-cvcontent> .inner .hdg3.hdg-hr::before {
  position: absolute;
  top: 40px;
  left: calc(50% - (73.63% / 2));
  display: block;
  content: "";
  width: 73.63%;
  height: 1px;
  background: #686c79;
}
.str-cvcontent> .inner .hdg3> .em {
  background: linear-gradient(transparent 60%, #3686da 20%);
  font-size: 120%;
}
.str-cvcontent> .inner .hdg3> .em.type-2 {
  background: linear-gradient(transparent 60%, #1eb13e 20%);
}
/* フッター */
.nav-footer {
  font-size: 1.4rem;
}
/* 出し分け */
.referer_af_af_a8_show,
.referer_af_af_gmo_show,
.referer_af_af_at_show {
  display: none;
}
/* 中央揃え */
.flx-center {
  display: flex;
  justify-content: center;
}
@media only screen and (min-width:767px) {
  .nav-local ul {
      max-width: 1100px;
  }
  .mod-list-flow[data-col-pc="1"]>.list>li{
      flex-basis:100%;
      max-width:100%;
      min-width:100%;
      width:100%;
  }
  .mod-list-flow[data-col-pc="2"]>.list>li{
      flex-basis:50%;
      max-width:50%;
      min-width:50%;
      width:50%;
  }
  .mod-list-flow[data-col-pc="3"]>.list>li{
      flex-basis:33.333%;
      max-width:33.3333%;
      min-width:33.3333%;
      width:33.3333%;
  }
  .mod-list-flow>.list,.mod-list-flow>.list>li{
      display:flex;
      flex-wrap:wrap;
  }
  .mod-list-flow[data-col-pc]>.list>li:not(:last-child)>.inner:after{
      border-color:transparent transparent transparent #d9dadb;
      bottom:0;
      left:100%;
      margin:auto 0 auto 10px;
      right:auto;
      top:0;
  }
}
@media only screen and (max-width:767px) {
  .str-main .str-content .str-contentBody {
    padding: 0 10px 36px;
  }
  .kv-btm {
    padding: 0 10px;
  }
  /* サービス */
  .break-through__inner {
    padding: 30px 10px 20px;
    width: auto;
  }
  /* タブ */
  .tabs.type-ux2v1.col3 .tablist {
    flex-direction: column;
  }
  .tabs.col3 .tab {
    width: 100%;
  }
  .tabs.type-ux2v1.col3 .tab:first-child {
    border-radius: 4px 4px 0 0;
  }
  .tabs.type-ux2v1 .tab {
    border-radius: 0;
    min-height: 94px;
  }
  .tablist .tab {
    font-size: 2.4rem;
    min-height: 54px;
  }
  .tab[data-tab-theme="au"] {
    background-position: center 20px;
    background-size: 115px;
  }
  .tab[data-tab-theme="collabo"] {
    background-position: center 13px;
    background-size: 153px;
  }
  .tabpanel {
    padding-top: 20px;
  }
  .mod-list-flow.ls0 .step::before {
    content: none;
  }
  .mod-list-flow.ls0 .inner .txt .mod-hdg-al3 h3 {
    font-size: 2.1rem;
  }
  /* オプション */
  .bnr_option_area .mod-boxToggle .content {
    padding: 9px;
  }
  /* お問い合わせ */
  #apply .apply-box-hdg {
    font-size: 1.9rem;
    margin-bottom: 10px;
  }
  .str-cvcontent> .inner .hdg3 {
    font-size: 1.6rem; 
  }
  .str-cvcontent> .inner .hdg3.hdg-hr {
    padding-top: 25px;
  }
  .str-cvcontent> .inner .hdg3.hdg-hr::before {
    top: 0;
    left: 0;
    width: 100%;
  }
}

[data-script-enabled] .js-toggle .js-toggleContent .mod-step .content{
  visibility: visible;
  padding-top: 0;
  border-top: none;
}

.c-gray2a{
  color: #2a2a2a;
}
.str-cvcontent .mod-box a:link,
.str-cvcontent .mod-box a:active,
.str-cvcontent .mod-box a:visited,
.str-cvcontent .mod-box a:hover,
.str-cvcontent .mod-box a{
  color: #314da5;
}