@charset "UTF-8";
/*追従*/
.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;
 background: linear-gradient(to right, #fc8e3d 0%, #ff0576 100%);
}
.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;
}
.only_h1 {
  position: relative;
}
.pop {
  position: absolute;
  max-width: 200px;
  bottom: -20px;
  right: 20px;
  animation: fuwafuwa 3s ease-in-out infinite alternate;
}
@keyframes fuwafuwa {
  0% {
    transform:translate(0, 0) rotate(-7deg);
  }
  50% {
    transform:translate(0, -7px) rotate(0deg);
  }
  100% {
    transform:translate(0, 0) rotate(7deg);
  }
}
#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: "shippori-mincho", sans-serif;
font-weight: 400;
font-style: normal;
 color: #423c35;
}
.font {
font-family: "shippori-mincho", sans-serif;
font-weight: 700;
font-style: normal;
}
.wrapper .inner {
 width: 90%;
 max-width: 1100px;
 margin: auto;
}
/* ==========================================================================
btn
========================================================================== */
.btn p {
 max-width: 500px;
 margin: 20px auto 0;
 padding: 3px;
 border: 2px double #d42b51;
 border-radius: 10px;
}
.btn a {
   background: #d42b51;
   color: #fff;
   font-size: 22px;
   font-weight: 300;
   text-align: center;
   width: 100%;
   height: 60px;
   display: flex;
   align-items: center;
   justify-content: center;
   text-decoration: none;
   border-radius: 10px;
   box-sizing: border-box;
 line-height: 100%;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
 text-shadow: 0 0 5px #a2213e;
}
.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 span.ic.migi {
   display: block;
   background-image: url("../images/migi.webp");
   background-size: 100% 100%;
   width: 12px;
   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;
}
/*lead*/
#lead {
 margin: auto;
 text-align: center;
}
#lead h2 {
 position: relative;
 padding-bottom: 15px;
 font-size: 35px;
 line-height: 130%;
 font-weight: 900;
 letter-spacing: 3px;
}
#lead h2::before {
 position: absolute;
 content: '';
 display: block;
 width: 380px;
 height: 2px;
 background: #c85c57;
 border-radius: 100px;
 border-bottom: 2px dashed #e48b7a;
 bottom: 0;
 left: 50%;
 transform: translateX(-50%);
}
#lead p {
 margin-top: 25px;
 font-size: min(3.7vw,19px);
 line-height: 200%;
 letter-spacing: 1px;
}
#lead p + p {
 margin-top: 15px;
}
/*#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%;
	padding-bottom: 10px;
}
.flex_box.moviebox {
	width: 70%;
	margin: 30px auto 0;
}
.flex_box.moviebox .movie {
	width: 48%;
	text-align: center;
	font-weight: bold;
}
/*title*/
.title {
 width: 250px;
 padding: 30px 0 40px;
 text-align: center;
 color: #fff;
 margin: auto;
 background: url("../images/bg_title.webp") no-repeat 0 0/100%;
 font-size: min(5vw,22px);
 letter-spacing: 2px;
 text-shadow: 0 0 5px #a2213e;
}
/*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%;
}
/*story*/
#story {
 padding-bottom: 100px;
}
.story_inner {
 max-width: 1000px;
 margin: auto;
}
#story p {
 border-left: 5px double #d52851;
 margin-top: 20px;
 padding-left: 25px;
 font-size: 15px;
 line-height: 250%;
 color: #000;
}
/*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;
 background: rgba(212,43,81,.1);
 border-radius: 20px;
}

.flex_box.two {
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 gap:0 2%;
}
.flex_box.two > * {
 width: 49%;
 margin-bottom: 10px;
}
#cast .paneler {
 margin-top: 15px;
}
#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: 7px;
 margin-bottom: 7px;
 padding-bottom: 10px;
 font-size: 23px;
}
#cast .paneler h3::before {
    position: absolute;
    content: "";
    display: block;
    width: 60%;
    height: 2px;
    background: rgb(200, 92, 87);
    border-radius: 100px;
    border-bottom: 2px dashed rgb(228, 139, 122);
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
}
#cast .paneler h3 .small {
 font-size: 14px;
}
.copy {
 padding: 30px 0;
 text-align: center;
 font-size: min(3vw,12px);
}
/*tokuten*/
.tokuten_scroll .inn {
    padding-right: 2em;
    padding: 1em 2em 1em 1em;
    height: 230px;
    overflow-y: scroll;
    text-align: left;
    background: rgba(180,43,81,.1);
    border: 1px solid #A7A7A7;
    font-size: 14px;
    margin-top: 30px;
}
.tokuten_scroll .inn .inn_box {
    margin-bottom: 1em;
}
.tokuten_scroll .inn .inn_box > ul > li {
    text-indent: -1em;
    margin-left: 1em;
    margin-bottom: 0.3em;
}
.tokuten_scroll .inn::-webkit-scrollbar {
    width: 8px;
    margin-right: 10px;
 }
.tokuten_scroll .inn::-webkit-scrollbar-thumb {
    background: #423c35;
    width: 8px;
    border-radius: 100px;
}
/*campaign*/
.masking {
  position: relative;
	width: 80%;
	margin: 0 auto 40px;
	padding: 30px 0;
}
.end_tx {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(87,87,87,0.7);
  color: #fff;
  font-size: 36px;
  font-weight: bold;
  padding-top: 25%;
  text-align: center;
}
.cp_title {
  font-size: 24px;
  background-color:rgba(59,158,115,0.8);
  color: #fff;
  padding: 10px;
  border-radius: 5px;
  margin: 20px 0;
}
.flex_box.cp {
  margin: 20px 0 0;
  align-items: center;
  /*justify-content: space-between;*/
}
.flex_box.cp.fd_column {
  flex-direction: column;
}
.cp_lead {
  font-weight: bold;
  font-size: 18px;
  line-height: 150%;
}
.cp_im {
  max-width: 450px;
  width: 50%;
  margin-right: 40px;
}
.cp_im.column_size {
  max-width: 700px;
  width: 100%;
  margin-right: 0;
  margin-bottom: 20px;
}
.cp_tx {
  font-size: 16px;
  font-weight: bold;
}
.cp_tx.column_size {
  max-width: 700px;
  width: 100%;
  margin-right: 0;
}
.cp_tx ul {
  padding: 15px ;
  text-align: left;
  background: rgba(180,43,81,.1);
  margin-bottom: 10px;
  border-radius: 5px;
}
.cp_tx ul li {
  padding: 5px 0;
}
.cp_list_title {
  border-bottom: 1px solid #423c35;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 18px;
}
@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: #6681bd;
  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: #6681bd;
}



.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_01_sp.webp) no-repeat top center / 100%, url(../images/bg_blue.webp) top center;
  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*/
.pop {
  max-width: 130px;
  bottom: -30px;
  right: 10px;
  animation: fuwafuwa 3s ease-in-out infinite alternate;
}
 #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);
 }
 #lead h2::before {
    max-width: 350px;
    width: 60%;
    height: 2px;
}
 #lead p {
  margin-top: 12px;
  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;
  max-width: 210px;
 }
 .title span {
  font-size: 3.5vw;
 }
 .movie {
  width: 90%;
 }
 /*movie*/
.movie iframe,
.movie video {
  width: 100%;
  height: 100%;
	padding-bottom: 10px;
}
.flex_box.moviebox {
	width: 90%;
	margin: 0 auto 0;
	flex-direction: column;
}
.flex_box.moviebox .movie {
	width: 100%;
	padding-bottom: 40px;
}
.flex_box.moviebox .movie:last-of-type {
	padding-bottom: 0;
}
 .flex_box.only .im_left {
  width: 65%;
 }
 .flex_box.only .tx_right {
  width: 35%;
 }
 #cast  {
  padding-bottom: 60px;
  background: url("../images/bg_01_sp.webp") no-repeat top center/100%,url("../images/bg_blue.webp") top center;
 }
 #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.two > * {
 width: 90%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
 }
 #cast .paneler .tx_right,
 #cast .paneler .im_left,
 .im_left,.tx_right {
  width: 100%;
 }
 #cast .paneler h3 {
  margin-top: 5px;
  padding-left: 0;
  padding-bottom: 5px;
  font-size: min(4.5vw,18px);
 }
 #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;
 }
 .country {
  max-width: 230px;
  width: 45%;
 }
 .flex_box.four > li {
  width: 49%;
  margin-right: 2%;
 }
 .flex_box.four > li:nth-of-type(2n) {
  margin-right: 0;
 }
 .flex_box.four > li:nth-of-type(n+3) {
  margin-top: 15px;
 }
 #cast .s_comment {
  margin-top: 5px;
  font-size: 11px;
 }
 .tokuten_scroll {
 font-size: 12px;
padding: 1.5em;
}

.tokuten_scroll .inn {
 padding-right: 0.5em;
}
/*campaign*/
.masking {
  position: relative;
	width: 95%;
	margin: 0 auto 30px	;
	padding: 10px 0;
}
.end_tx {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(87,87,87,0.7);
  color: #fff;
  font-size: 36px;
  font-weight: bold;
  padding-top: 50%;
  text-align: center;
}
.cp_title {
  font-size: 18px;
  margin: 0 0 10px;
  line-height: 130%;
}
.flex_box.cp {
  margin: 20px auto 0;
  flex-direction: column;
}
.cp_lead {
  font-size: 16px;
}
.cp_im {
  width: 100%;
  margin-right: 0;
}
.cp_tx {
  font-size: 14px;
  margin-top: 15px;
}
.cp_tx ul {
  padding: 10px ;
}
.cp_tx ul :last-of-type{
  margin-bottom: 0;
}
.cp_list_title {
  border-bottom: 1px solid #423c35;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 16px;
}
 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/200%;
}
 .story_inner {
  width: 90%;
  margin: auto;
 }
 #story {
  padding-bottom: 60px;
 }
 #story p {
  margin-top:10px;
  padding-left: 15px;
  font-size: min(3.5vw,15px);
  line-height: 170%;
 }
 .copy {
  padding: 10px 0;
 }
}

@media screen and (min-width: 813px) {
.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_all.webp") top center;
   background-attachment: fixed;
  background-color: #000;
 }
 /*ヘッダー*/
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 ========== */
 #fv {
  padding-top: 30px;
  position: relative;
 }
 #fv h1 {
  box-shadow: 0 0 10px #a89d8f;
 }
  .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 #f19db5;
}
.menu ul li:last-of-type {
 border: none;
}
.menu ul li a {
  color: #f19db5;
  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);
  }
}