@charset "UTF-8";
#sns_ {
 text-align: center;
 padding: 50px 0 0;
}
#sns_ h2 {
 font-size: min(4vw,18px);
}
#sns_ .flex_box {
 max-width: 120px;
 margin: 10px auto 0;
}
#sns_ .flex_box > * {
 width: 48%;
}
/*追従*/
.lp_cta_fixed {
 display: block!important;
 bottom: 0;
 background: rgba(0,0,0,.6);
 font-family: "source-han-sans-japanese", sans-serif;
 padding: .5em;
  width: 100%;
  position: fixed;
  left: 0;
  color: #fff;
  text-align: center;
  line-height: 1.5;
 z-index: 102;
}
.lp_cta_fixed.is-fixed {
 display: block;
}
.bottom_bnr p {
 font-size: 20px;
 margin-bottom: 5px;
}
.lp_cta_fixed .btn a {
 margin-top: 0;
 font-size: 16px;
}
.lp_cta_fixed .btn a .small_btn {
 font-size: 14px;
}
.lp_cta_fixed .btn_wrap {
 width: 70%;
 max-width: 720px;
 margin-top: 5px;
}
.lp_cta_fixed .fix_btn_end {
 max-width: 720px;
 margin: 5px auto 0;
 font-size: 14px;
}
.lp_cta_fixed .fix_btn_end.btn a {
 width: 100%;
 max-width: 100%;
 height: 40px;
 padding-top: .8em;
}
.fix_btn_lead a {
 font-size: 17px;
 text-decoration: underline;
}
.cp_text_link {
 position: absolute;
 bottom: 5px;
 right: 0;
 background: #000;
 width: 18%;
}
.cp_text_link a {
 display: block;
    padding: .7em 0;
    text-align: center;
    font-size: min(1.6vw,18px);
    border-top: 6px solid;
    border-left: 6px solid;
    border-bottom: 6px solid;
    border-image: linear-gradient(to right, #fc8e3d, #ff0576) 1;
    color: #ffbb2c;
    background: linear-gradient(to right, #ffbb2c 0%, #ff0576 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
 line-height: 130%;
 font-weight: bold;
}
.btn_wrap {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
.btn_wrap .btn {
    width: 49%;
}
.lp_cta_fixed .btn p {
 margin-top: 0;
}
.lp_cta_fixed .btn a {
 position: relative;
 display: block;
 padding: .6em .6em .4em;
 height: auto;
}
    .lp_cta_fixed .btn.one a {
        padding-top: 16px;
        padding-bottom: 16px;
    }
.lp_cta_fixed .btn a span.ic {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 8px;
    display: block;
    background-image: url("../images/playbtn.png");
    background-size: 100% 100%;
    width: 25px;
    height: 25px;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.lp_cta_fixed .btn a:hover span.ic {
    transform: translateY(-50%);
}
.btn p.l-color {
 border: none;
}
.btn p.l-color a {
 background: linear-gradient(to right, #fc8e3d 0%, #ff0576 100%);
}

@media screen and (max-width: 768px) {
.lp_cta_fixed .btn {
  width: 100%;
 }
 .lp_cta_fixed .btn_wrap {
  width: 100%;
 }
 .lp_cta_fixed .btn_wrap .btn {
  width: 49%;
  margin-top: 0;
 }
 .lp_cta_fixed .btn a {
  padding: 1.5vw 0 1vw;
 }
 .lp_cta_fixed .btn.one a {
  padding: 2.2vw 0;
   font-size: min(3.7vw,14px);
 }
 .fix_btn_lead a {
  font-size: min(3vw,14px);
 }
 .cp_text_link {
  width: 38%;
  bottom: 85px;
 }
 .cp_text_link a {
  font-size: min(3.5vw,14px);
  border-width: 4px;
 }
 .lp_cta_fixed .fix_btn_end.btn a {
 }
 .lp_cta_fixed .btn a {
  font-size: min(2.6vw,14px);
 }
 .lp_cta_fixed .btn a span.small_btn {
  font-size: min(2.2vw,10px);
 }
 .lp_cta_fixed .btn a span.ic {
  display: none;
 }
}
.only_h1 h1 {
 max-width: 1000px;
 margin: auto;
}
.slick-dots li button:before{
	font-size:18px!important;
}
#footer_lemino_inc_3 .objects.pc,
#footer_lemino_inc_3 .objects.sp {
 display: none!important;
}
.totop a {
 display: none!important;
}
.wrapper {
 background: #000;
}
#totop_btn {
 width: 12px;
}
#totop_btn.is-fixed {
 position: fixed;
 right: 20px;
 bottom: 100px;
}
.totop a {
 
}
a {
 display: block;
}
a.opacity:hover {
 opacity: .8;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
footer {
    color: #FFF;
    position: relative;
    background: #fc8e3d;
    background: -moz-linear-gradient(left, #fc8e3d 0%, #ff0576 100%);
    background: -webkit-linear-gradient(left, #fc8e3d 0%, #ff0576 100%);
    background: linear-gradient(to right, #fc8e3d 0%, #ff0576 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8e3d', endColorstr='#ff0576', GradientType=1);
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    font-size: 12px;
}
body .wrapper, .wrapper {
font-family: "sicprintempspetit", sans-serif;
font-weight: 400;
font-style: normal;
 color: #fff;
}
.font {
font-family: "sicprintempspetit", sans-serif;
font-weight: 800;
font-style: normal;
}
.wrapper .inner {
 width: 90%;
 max-width: 1100px;
 margin: auto;
}
/* ==========================================================================
btn
========================================================================== */
.btn p {
 max-width: 500px;
 margin: 20px auto 0;
 padding: 4px;
 border-radius: 100px;
 background: #fff
}
.btn a {
   background: #f2aa0f;
   color: #fff;
   font-size: 22px;
   text-align: center;
   width: 100%;
   height: 60px;
   display: flex;
   align-items: center;
   justify-content: center;
   text-decoration: none;
   border-radius: 100px;
   box-sizing: border-box;
 line-height: 100%;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.btn a span.ic {
   display: block;
   background-image: url(../images/playbtn.png);
   background-size: 100% 100%;
   width: 20px;
   height: 20px;
   margin-left: 10px;
   -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.btn a:hover span.ic {
   transform: translateX(5px);
   -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
/*contents*/
.contents_wrap {
 padding: 60px 0;
}
.contents_wrap.first {
 padding-bottom: 50px;
}
 #fv {
  background: url("../images/bg_fv.webp") repeat-x top center;
 }
/*lead*/
#lead {
 margin: auto;
 text-align: center;
 text-shadow: 0 0 3px #2882bb,0 0 3px #2882bb,0 0 3px #2882bb;
}
#lead h2 {
 position: relative;
 padding-bottom: 15px;
 font-size: 40px;
 line-height: 130%;
 font-weight: 900;
 letter-spacing: 3px;
}
#lead h2::before {
 position: absolute;
 content: '';
 display: block;
 width: 2px;
 height: 30px;
 background: #fff;
 border-radius: 100px;
 bottom: -17px;
 left: 50%;
 transform: translateX(-50%);
}
#lead p {
 margin-top: 25px;
 font-size: min(3.7vw,19px);
 line-height: 200%;
 letter-spacing: 1px;
}
#lead p span {
 color: #f3f275;
text-shadow: 0 0 3px #1d5f88,0 0 3px #1d5f88,0 0 3px #1d5f88;
 font-size: 120%;
}
#lead p + p {
 margin-top: 15px;
}
.story_lead {
 font-size: min(4.2vw,21px);
 padding-bottom: 15px;
}
/*title*/
.title {
 position: relative;
 padding-top: 35px;
 padding-bottom: 40px;
 text-align: center;
 margin: auto;
 font-size: min(5vw,26px);
 letter-spacing: 4px;
  background: url("../images/bg_title.webp") no-repeat center top/200px 100px;
 color: #ff578a;
 text-shadow: 1.5px 1.5px 0 #fff, -1.5px 1.5px 0 #fff, -1.5px -1.5px 0 #fff, 1.5px -1.5px 0 #fff;
}
/*#trailer*/
#trailer {
 padding: 60px 0 ;
}
/*movie*/
.movie {
 max-width: 700px;
  aspect-ratio: 16 / 9;
 margin: 0 auto 0;
 overflow: hidden;
}
.movie iframe,
.movie video {
  width: 100%;
  height: 100%;
}

/*flex*/
.flex_box,
.flex_box.only {
 display: -webkit-flex;
 display: flex;
}
.flex_box.ai {
 -webkit-align-items: center;
 align-items: center;
}
.flex_box.js {
 justify-content: space-between;
}
.im_left {
 position: relative;
 width: 40%;
 z-index: 2;
}
.im_left p {
 margin-top: 5px;
 font-size: 17px;
 text-align: center;
}
.tx_right {
 width: 60%;
}
/*schedule*/
#schedule{ padding: 60px 0 ;}
#schedule .sche_inner{display: flex;
    max-width: 1000px;
    margin: 0 auto;
    background: url(../images/bg_cast.webp) top center rgba(255, 255, 255, .7);
    padding:3em 2em 2em;
    background-size: contain;}
#schedule .sche_inner li{    width: 45%;
    margin: 0 auto;}
#schedule .sche_date{}
#schedule .sche_date li{padding: 1em;
    margin: 0 auto;
    font-size: 1.25em;
    width: 100%;
    text-align: left;
    border-top: dashed 2px #5e98dd;
    color: #2d6bb5;
    position: relative;text-align: center;
}
#schedule .sche_date li:nth-child(1){border-top: none;}
#schedule .sche_date li:nth-child(5){border-bottom: dashed 2px #5e98dd;}
#schedule .sche_date p.mm{font-size: 2.5em;
    border-radius: 50em 50em 0 0;
    background: #004cff;
    width: 4em;
    padding: 1em 0 0.5em;
    text-align: center;
    font-weight: bold;    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    border-left: 3px solid #fff;
margin-left: 0.5em;}
#schedule .sche_date span.dd{font-weight: bold;
    width: 5em;
    font-size: 1.2em;
    display: inline-block;}
#schedule .sche_date span.dd span{font-size: 1.3em;font-weight: bold}
#schedule .sche_date span.tt{}
#schedule .sche_date span.num_epi{    font-weight: bold;
    display: inline-block;
    width: 4em;
    margin-left: 1em;}
#schedule .sche_date span.num_epi span{font-size: 1.3em;font-weight: bold;}
#schedule .sche_date span.free{background: linear-gradient(to right, #fc8e3d 0%, #ff0576 100%);
    color: #fff;
    padding: 0.4em 0.8em 0.5em;
    font-size: 0.8em;
    border-radius: 2em;
    display: inline-block;
    margin: 0 0.5em 0 1em;
    position: absolute;
    right: 2%;
    bottom: 18%}
.fusen-1 {
        position: relative;
    background: #0c69bb;
    box-shadow: 0px 0px 0px 5px #0c69bb;
    border: dashed 2px white;
    padding: 0.2em 0.5em;
    font-size: 1.5em;
    color: #fff;
}
.fusen-1 span{font-size: 1.5em;}
.fusen-1 p {
    margin: 0; 
    padding: 0;
}
.fusen-1.july{background: #ee5586;box-shadow: 0px 0px 0px 5px #ee5586;}
.title.sche{text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 3px #ffffff;
    color: #0c69bb;
    background: none;
    background: url(../images/bg_cast.webp) top center rgba(255, 255, 255, .7);
    width: 14em;
    border-radius: 3em 3em 0 0;
    padding: 1em;}

/*story*/
#story {
 padding-bottom: 70px;
 background: rgba(0,0,0,.15);
}
.story_inner {
 max-width: 1000px;
 margin: auto;
}
#story p {
    background-image: linear-gradient(180deg, #e8e8e8 1px, transparent 1px);
    background-size: 100% 2em;
    line-height: 2em;
    padding-bottom: 1px;
 font-size: 15px;
}
.slider {
 margin-top: 40px;
}
/*cast*/
#cast {
 background: rgba(174,158,147,.2);
}
#cast .cast_tags {
 display: inline-block;
 padding: .4em 1em .4em 1.2em;
 font-size: 26px;
 background: #637fba;
 color: #fff;
 transform: translateX(-15px);
}
.note_box {
 margin-top: 20px;
 padding: 1.2em;
 border-radius: 10px;
 background: rgba(255,255,255,.5);
}

.flex_box.three {
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 gap:0 2%;
}
.flex_box.three > * {
 width: 31%;
 margin-bottom: 10px;
}
.flex_box.three.four > * {
 width: 23%;
}
#cast .paneler.flex_box.three.four h3  {
 border-bottom: none;
 margin-bottom: 0;
 padding-bottom: 0;
}
.im_left {
 border-radius: 10px;
 overflow: hidden;
}
#cast {
 background: url("../images/bg_cast.webp") top center rgba(255,255,255,.7);
 color: #566ac1;
}
#cast .paneler .note_box {
 margin-top: 10px;
}
#cast .paneler .im_left {
 width: 100%;
}
#cast .paneler .tx_right {
 width: 100%;
 text-align: center;
}
#cast .paneler .note_box p.s_comment {
 font-size: 11px;
}
#cast .paneler h3 {
 position: relative;
 margin-top: 12px;
 margin-bottom: 15px;
 padding-bottom: 10px;
 font-size: 23px;
 border-bottom: 3px dashed #ff578a;
}
#cast .paneler h3 .small {
 font-size: 14px;
}
.cast_cast {
 line-height: 100%;
}
.cast_cast span {
 display: block;
 margin-top: 10px;
}
.diagram {
  max-width: 700px;
  margin: auto;
}
.copy {
 padding: 30px 0;
 text-align: center;
 font-size: min(3vw,12px);
}
.poster {
  max-width: 1000px;
  margin: auto;
}
/*tokuten*/
.tokuten_scroll .inn {
    padding-right: 2em;
    height: 230px;
    overflow-y: scroll;
    text-align: left;
}
.tokuten_scroll .inn .inn_box {
    margin-bottom: 2em;
}
.tokuten_scroll .inn .inn_box > ul > li {
    text-indent: -1em;
    margin-left: 1em;
    margin-bottom: 0.3em;
}

@media screen and (max-width: 812px) {
 .lp_cta_fixed .btn p {
  border-width: 1px;
 }
 .btn p.l-color {
  padding: 3px;
 }
 .only_h1 {
  padding-top: 40px;
}
 .common_footer_wrapper .footer_inner {
  width: 93%!important;
 }
 #totop_btn {
 width: 10px;
}
#totop_btn.is-fixed {
 position: fixed;
 right: 10px;
 bottom: 100px;
}
 .loader {
width: 50%;
height: 30%;
}
 #loader_wrap {
  z-index: 5000;
 }
 #fv_inner .top_btn {
 position: absolute;
 bottom: 25%;
 right: 0;
  width: 30%;
}
#fv_inner .top_btn a {
 display: block;
 transition: all .5s;
}
#fv_inner .top_btn a:hover {
 transform: translateY(5px);
 transition: all .5s;
}
 /* SPフッター812*/
 /*ユーザーエージェント出し分け用*/
.iphone .android_show, .iphone .pc_show {display:none;}
.android .iphone_show, .android .pc_show {display:none;}
.pc .iphone_show, .pc .android_show {display:none;}
.pc .visible .iphone_show, .pc .visible .android_show {display:block;}

    .footer_lemino_inc_3 .subfoot{
        margin-top: 30px;
        padding-right: 20px;
        padding-left: 20px;
        height: calc(290px / 2 * 0.75) ;
    }
    
        .footer_lemino_inc_3 .subfoot .x .tit,
    .footer_lemino_inc_3 .subfoot .yt .tit {
        font-size: 14px;
        color: #fff;
        text-align: center;
        margin-bottom: 10px;
 }
     .footer_lemino_inc_3 .subfoot .x a,
    .footer_lemino_inc_3 .subfoot .yt a {
        display: block;
        background-image: url(../../teaser/common/images/x.png);
        background-size: calc(96px / 2) calc(96px / 2);
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 55px;
        height: calc(96px / 2);
        color: #fff;
        display: flex;
        align-items: center;
        text-decoration: none;
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
        font-size: 12px;
        line-height: 160%;
     }
     #news .footer_lemino_inc_3 .subfoot .x a {
        display: block;
        background-image: url(../../../teaser/common/images/x.png);
     }

    .footer_lemino_inc_3 .subfoot .x a,
    .footer_lemino_inc_3 .subfoot .yt a{
      background-position: center;
   }
   
    .footer_lemino_inc_3 .subfoot .yt a {
        background-image: url(../../teaser/common/images/yt.png);
 }
 
     #news .footer_lemino_inc_3 .subfoot .yt a {
        display: block;
        background-image: url(../../../teaser/common/images/yt.png);
     }
 
      .footer_lemino_inc_3 .end {
        padding-top: 12vw;
        padding-bottom: 4vw;
      }
    .footer_lemino_inc_3 .end .backtop a{
        padding-top: 2vw;
        padding-bottom: 2vw;
        margin-bottom: 4vw;
        background-color: #151515;
        font-size: 16px;
    }
      .footer_lemino_inc_3 .subfoot .tit {
  position: absolute;
  top: 0;
  left: 51%;
  transform: translateX(-50%);
  font-size: 13px;
 }
  body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  color: #4d4d4d;
  }
 .btn a {
  font-size: 18px;
  font-weight: 400;
 }
 .sp {
  display: block;
 }
 .pc {
  display: none;
 }

 .home {
  position: fixed;
  top: 10px;
  left: 10px;
  width: 20%;
  max-width: 130px;
  z-index: 1000;
 }
/* ヘッダー*/
 .c-hamburger__text {
  display: none!important;
 }
.l-header {
  display: block;
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 50px;
}
 .p-nav__inner {
  width: 100%;
 }
.c-hamburger {
  position: relative;
  width: inherit;
  height: inherit;
  margin: 0;
 border-radius: 0 0 0 10px;
  cursor: pointer;
}


.c-hamburger span {
  display: block;
  position: relative;
  left: 50%;
  width: 30px;
  height: 2px;
  transform: translateX(-50%);
  background: #fff;
  transition: all 0.4s;
}


.c-hamburger span:nth-of-type(1) {
  top: -4px;
}

.c-hamburger span:nth-of-type(2) {
  top: 1px;
}


.c-hamburger span:nth-of-type(3) {
  top: 6px;
}


.c-hamburger .c-hamburger__text {
  display: block;
  top: 12px;
  background: transparent;
  color: #fff;
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
}


.c-hamburger.is-active span:nth-of-type(1) {
  top: 0;
  transform: translateX(-50%) rotate(225deg);
}


.c-hamburger.is-active span:nth-of-type(2) {
  opacity: 0;
}


.c-hamburger.is-active span:nth-of-type(3) {
  top: -4px;
  transform: translateX(-50%) rotate(-225deg);
}

.p-header__nav {
  display: flex;
  z-index: 10;
  position: absolute;
  top: 0;
  right: -100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  background: transparent;
  font-weight: 700;
  opacity: 0;
  transition: 0.6s;
 color: #fff;
}



.p-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: inherit;
  padding: 13px 20px;
}


.p-header__title {
  width: 100%;
  max-width: 120px;
  height: 48px;
  background: lightgray;
}


.p-header__title a {
  display: block;
  width: 100%;
  height: auto;
}


.p-header__title a img {
  height: 100%;
}


.p-header__hamburger {
  z-index: 100;
  position: absolute;
  top: 0;
  right: 0;
  width: 55px;
  height: 100%;
}


.p-header__nav.is-active {
  position: fixed;
  top: 0;
  right: 0;
background: url(../images/bg_sp.webp) no-repeat top center / 100%, url(../images/bg_all.webp) top center #2e9fe5;
  opacity: 1;
  transition: 0.6s;
}

.p-nav {
  padding-top: 72px;
  padding-bottom: 72px;
}


.p-nav__list {
  display: block;
  width: 100%;
  padding: 0 30px;
}
 .p-nav__list li span {
  display: block;
  padding: 10px 15px;
  color: #fff;
  border-radius: 100px;
 }
.p-nav__item {
  position: relative;
  width: 100%;
}

.p-nav__link {
  display: block;
  width: 80%;
 margin-left: auto;
 margin-right: auto;
  height: 100%;
  padding: 20px;
  text-align: center;
 font-size: 16px;
    font-weight: 200;
 letter-spacing: 2px;
}
 .p-nav__list li span {
  display: block;
 padding: 7px 15px 5px;
  border-radius: 100px;
  color: #fff;
 }

/* .contents*/
 #fv {
 }
 .flex_box {
  margin-left: auto;
  margin-right: auto;
 }
 .contents_wrap.first {
  padding-top: 30px;
 }
 #cast,
 .contents_wrap {
  padding-top: 40px;
 }
 #lead {
  padding-bottom: 0;
 }
 #lead h2 {
  font-size: min(5.2vw,30px);
  padding-bottom: 5px;
 }
 #lead h2::before {
height: 20px;
}
 #lead p {
  margin-top: 20px;
  font-size: min(3.4vw,18px);
  line-height: 200%;
 }
 #lead .movie {
  max-width: 600px;
  width: 90%;
  margin: 20px auto 0;
 }
 #lead p.lead {
  width: 90%;
  font-size: min(3vw,15px);
  margin: 20px auto 0;
 }
 .btn {
  max-width: 500px;
  width: 90%;
  margin: 20px auto 0;
 }
 .btn a {
  height: 40px;
  border-width: 1px;
 }
 .btn p {
  padding: 2px;
  border-width: 4px;
 }
 .title {
  padding-top: 25px;
  padding-bottom: 20px;
 }
 .title span {
  font-size: 3.5vw;
 }
 .movie {
  width: 90%;
 }
 .flex_box.only .im_left {
  width: 65%;
 }
 .flex_box.only .tx_right {
  width: 35%;
 }
 #cast  {
  padding-bottom: 0;
 }
 #cast .flex_box.only .cast_tags {
  padding-left: 1.8em;
  font-size: min(4vw,20px);
 }
 #cast .flex_box.only h3 {
  margin-top: 8px;
  padding-left: 8px;
  font-size: min(5.5vw,28px);
  line-height: 120%;
 }
 #cast .flex_box.only h3 .large {
  border: none;
  padding-right: 0;
  letter-spacing: -1px;
 }
 #cast .flex_box.only h3 .small {
  display: block;
  padding-left: 0;
  font-size: min(3.8vw,16px);
  color: #da959a;
   letter-spacing: -.5px;
 }
 #cast .paneler .note_box {
  margin-top: 4px;
 }
 .paneler .note_box {
  margin-top: 5px;
  padding: .5em;
 }
 #cast .paneler .note_box p.s_comment {
  font-size: 10px;
 }
 .note_box {
  margin-top: 5px;
  padding: .5em 1em;
  border-radius: 10px;
  transform: translate(0);
 }
 .flex_box.two > .flex_box {
  -webkit-flex-direction: column;
  flex-direction: column;
  justify-content: flex-start;
 }
 .im_left p {
  font-size: 14px;
 }
 #cast .paneler.flex_box {
  -webkit-flex-direction: column;
  flex-direction: column;
 }
 #cast .paneler.flex_box.four {
  -webkit-flex-direction: row;
  flex-direction: row;
 }
 #cast .paneler .tx_right,
 #cast .paneler .im_left,
 .im_left,.tx_right {
  width: 100%;
 }
 #cast .paneler h3 {
  margin-top: 10px;
  padding-left: 0;
  padding-bottom: 5px;
  font-size: min(4.5vw,18px);
  line-height: 90%;
 }
 #cast .paneler .note_box {
  font-size: min(3.3vw,14px);
  text-align: left;
 }
 .flex_box.two > .flex_box:nth-of-type(2n) {
  margin-right: 0;
 }
 .flex_box.two > .flex_box:nth-of-type(n+3) {
  margin-top: 20px;
 }
 .flex_box.three > * {
  width: 83%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
 }
  #cast .paneler .im_left {
  width: 70%;
   margin: auto;
 }
 .country {
  max-width: 230px;
  width: 45%;
 }
.flex_box.three.four > * {
  width: 47%;
 }
#cast .paneler.flex_box.three.four .im_left {
  width: 100%;
 }
 #cast .s_comment {
  margin-top: 5px;
  font-size: 11px;
 }
 .poster {
  width: 100%;
  padding-bottom: 30px;
}
h2.title.poster_box {
  margin-top: 10px;
}
 .diagram {
  max-width: 480px;
  width: 90% ;
  margin: auto;
}
     .tokuten_scroll {
     font-size: 12px;
		padding: 1.5em;
    }
 
    .tokuten_scroll .inn {
     padding-right: 0.5em;
    }
 footer {
  height: 40px;
 }
 .wrapper {
   position: relative;
 background: none;
 z-index: 1;
 }
  .wrapper::before {
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
 background: url("../images/bg_sp.webp") no-repeat top center/100%,url("../images/bg_all.webp") repeat-y top center/500% #2e9fe5;
}
	#schedule .sche_inner {
		display: block;width: 90%;padding: 3em 1em 2em;}
	#schedule .sche_inner li {
		width: 100%;}
	#schedule .sche_date li {font-size: 1em;}
	.fusen-1{font-size: 1.2em;}
	.fusen-1.july{margin-top: 2em;}
	
 .story_inner {
  width: 90%;
  margin: auto;
 }
 #story {
  padding-bottom: 60px;
 }
 #story p {
  margin-top:10px;
  padding-left: 5px;
  font-size: min(3.5vw,15px);
  line-height: 170%;
 background-size: 100% 1.7em;
 }
 .story_lead {
  padding-bottom: 0;
 }
 .copy {
  padding: 10px 0;
 }
}
.paneler + .title {
 margin-top: 50px;
 color: #f2aa0f;
}
@media screen and (min-width: 813px) {
 .story_lead {
 transform: translateX(-.5rem);
}
 .flex_box.three.four > *:nth-of-type(4),
 .flex_box.three > *:nth-of-type(2) {
  margin-top: 50px;
 }
.flex_box.two > .flex_box:nth-of-type(2n) {
 margin-right: 0;
}
.flex_box.two > .flex_box:nth-of-type(n+3) {
 margin-top: 30px;
}
 .flex_box.four > li:nth-of-type(4n) {
  margin-right: 0;
 }
/*PCフッター813*/
     .footer_lemino_inc_3 .subfoot{
        height: calc(230px / 2) ;
    }
 .footer_lemino_inc_3 .totop a {
    height: calc(300px / 2) ;
}
    .footer_lemino_inc_3 .subfoot .tit {
        position: absolute;
        top: 35px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 15px;
   }
     .footer_lemino_inc_3 .subfoot .x a,
    .footer_lemino_inc_3 .subfoot .yt a{
      background-position: center;
   }
    .footer_lemino_inc_3 .end {
    padding-top: 0;
    padding-bottom: 50px;
  }
 .wrapper {
   background:url("../images/bg_lead.webp") no-repeat center top,url("../images/bg_all.webp") top center;
   background-attachment: fixed;
  background-color: #2e9fe5;
 }
 /*ヘッダー*/
header {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 z-index: 100;
 display: -webkit-flex;
 display: flex;
 justify-content: space-between;
 -webkit-align-items: center;
 align-items: center;
 padding: 1em 3.2em;
 text-align: center;
}
.home {
  position: fixed;
  top: 14px;
  left: 20px;
  width: 15%;
  max-width: 110px;
  z-index: 1000;

}
header .right li {
 position: relative;
 display: inline-block;
 margin-top: 5px;
 margin-left: 10px;
 font-size: 16px;
 line-height: 70%;
}

  .footer_fix {
      margin: 2% auto;
  }
  .lp_cta_fixed .lp_fv_cta_btn {
      width: min(44vw, 450px);
  }
 
.page_title {
  color: #0af;
  border-bottom: 1px solid rgba(0,0,0,.05);
  font-weight: 300;
  margin: 0;
  padding: 20px 0;
  text-shadow: 0 1px 1px rgba(0,0,0,.1);
  text-transform: uppercase;
}

/* PEN STYLES ========== */

  .menu {
   padding-top: 50px;
   z-index: 1
 }
.menu,
.menu .menu_title,
.menu ul li a,
.menu ul li a:after,
.menu ul li a:before {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.menu {
 position: relative;
  margin: 0;
}
.menu ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.menu ul li {
 display: inline-block;
 border-right: 3px solid #f3f275;
}
.menu ul li:last-of-type {
 border: none;
}
.menu ul li a {
  color: #fff;
  display: block;
  padding: 0 20px;
  text-decoration: none;
  letter-spacing: 2px;
  font-size: 20px;
 font-weight: bold;
}
.menu ul li a span {
  color: #d66508;
}
.blur {
  font-size: 60px;
}
.blur:hover {
  animation: text-blur 0.5s;
}
}
@keyframes text-blur {
  0% {
    filter: blur(0);
  }
  50% {
    filter: blur(4px); /* ぼかしの強さ */
  }
  100% {
    filter: blur(0);
  }
}