.body {
}
.contents_title {
 font-size: 13px;
 font-weight: bold;
 color: #fff;
 background: #212121;
 padding: 3px 7px;
 height: 35px;
 position: relative;
 line-height: 110%;
}
.contents_title span {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 left: 7px;
 width: 95%;
}
.img_border{    border: 1px solid #d1d1d1;
    border-bottom: none;}
.all_copy {
 margin-top: 40px;
 font-size: 11px;
 font-weight: normal;
 text-align: left;
}
.text-center {
    text-align: center;
  }
  
  .bg-black {
    background: black;
  }
  
  .text-white {
    color: white;
  }
  
  .relative {
    position: relative;
  }
  
  .w-full {
    width: 100%;
  }
  
  .h-full {
    height: 100%;
  }
  .sp {
	display: none !important;
}
.pc {
	display: block !important;
}
.kv:hover img {
  opacity: 0.7;
  transform: scale(1.02);
  transition: all 0.3s ease;
}
.kv img {
  transition: all 0.3s ease;
}

  /* COMMON */
  .lp_page_wrapper {
    font-family: "source-han-sans-japanese", sans-serif;;
    font-size: 16px;
   /* margin-top: 60px;*/
  }
  
  .lp_page_wrapper img {
    max-width: 690px;
  }
  
  .lp_header img {
    max-width: min(22.93333vw, 172px);
  }
.bn {
    width: 500px;
    margin: auto;
}
.bn_p {
    margin-bottom: 0.5%!important;
    font-size: 20px!important;
}
.lp_page_wrapper  {
	position: relative;
}
.fv {
  position: relative;
}

.fv {
  position: relative;
}

.fv::before {
  content: "";
  position: absolute;
  z-index: -1;

  background: url("../images/bg.webp") no-repeat center;
  background-size: contain;

  width: 120vw;
  height: 60vw;

  left: 50%;
  transform: translateX(-50%);
  top: 15vw;
}
.border {
    font-weight: bold;
    display: inline-block;	
}
.bg {
	display: inline-block;
    color: #ffffff;
    padding: 10px 24px 2px 10px;
    border-radius: 0; 
    margin-left: 10px;
    text-shadow: none;
}
.lp_fv_left_image img {
  aspect-ratio: 100 / 91;
  object-fit: contain;
  position: absolute;
  top: 8%;
  left: 5.4%;
  width: min(28.73333vw, 431px);
} 
.lp_fv_right_image img {
  aspect-ratio: 100 / 102;
  object-fit: contain;
  position: absolute;
  top: 8%;
  right: 5.1%;
  width: min(27.6vw, 414px);
}

.small_tx {
	font-size: 12px;
	line-height: 1.3;
	font-weight: 500;
}
.small_ {
	font-weight: 300;
}
  @media screen and (max-width: 812px) {
    .lp_page_wrapper {
    /*  margin-top: min(13.33333vw, 100px);*/
      font-size: 14px;
    }
	 .small_tx {
	font-size: 11px;
}
	.bg {
		padding: 15px 12px 12px 5px;
		border-radius: 0; 
		margin-left: 10px;
	}
.fv::before {
	width: 210vw;
	height: 120vw;
	left: 20%;
	transform: translateX(-46%);
	top: 56vw;
}


  }
  /* //COMMON */
  
  /* HEADER */
  .lp_header {
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
  }
  
  .lp_header_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1000px;
    width: calc(100% - min(33.33333vw, 500px));
    height: 100%;
    margin: auto;
    padding: 10px 2%;
  }
  
  @media screen and (max-width: 812px) {
    .lp_header_inner {
      width: calc(100% - min(10.41666vw, 80px));
    }
  
    .lp_header {
      height: min(13.33333vw, 100px);
    }
  
    .lp_header_leminologo {
      max-width: 100%;
    }
  }
  /* //HEADER */
.head_menu {
	margin: 20px 0 40px;
}

.menu_btn {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 60px;
}
.menu_btn li{ 
	margin:0 30px 0 0;
}

.menu_btn li:last-child {
margin-right: 0;
}

.menu_btn li a {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    width: 26vw;
    height: 75px;
    background: linear-gradient(90deg, rgba(224, 224, 224, 1) 0%, rgba(181, 181, 181, 1) 100%);
    color: #000;
    position: relative;
    overflow: hidden;
    padding-bottom: 5px;
    font-weight: bold;
    z-index: 1;
	ext-shadow: 0px 0px 5px #000;
}
.menu_btn li a.sports_bg {
	background:linear-gradient(90deg, rgb(10 66 137) 0%, rgb(8 114 155) 100%);
	color: #fff;
}
.menu_btn li a.drama_bg {
	background: linear-gradient(90deg, rgb(112 0 0) 0%, rgb(179 76 3) 100%);
	color: #fff;
}
.menu_btn li a.sports_bg {
}
/*.menu_btn li a.sports_bg::after {
	content: "SPORTS";
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 17px;
    font-weight: bold;
    color: #0d0b35;
    font-style: italic;
    opacity: 1;
}*/

/*.menu_btn li a.sports_bg::before {
	
    content: "SPORTS";
    position: absolute;
    top: 7px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    font-size: 36px;
    font-weight: bold;
    color: #FFF;
    font-style: italic;
    opacity: 0;
	z-index: -1;
	transition: opacity 0.3s ease;
}*/
/*.menu_btn li a.drama_bg::before {
	
    content: "DRAMA";
    position: absolute;
    top: 7px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    font-size: 36px;
    font-weight: bold;
    color: #FFF;
    font-style: italic;
    opacity: 0;
	z-index: -1;
	transition: opacity 0.3s ease;
}*/
.double-down-arrow {
	position: relative;
	width: 14px;
	height: 12px;
	margin-top: -2px;
}

.double-down-arrow::before,
.double-down-arrow::after {
	content: "";
	position: absolute;
	left: 0;
	width: 10px;
	height: 10px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(45deg);
}
/*.sports_bg .double-down-arrow::before,
.sports_bg .double-down-arrow::after {
	content: "";
	position: absolute;
	left: 0;
	width: 10px;
	height: 10px;
	border-right: 2px solid #051c4b;
	border-bottom: 2px solid #051c4b;
	transform: rotate(45deg);
}
.drama_bg .double-down-arrow::before,
.drama_bg .double-down-arrow::after {
	content: "";
	position: absolute;
	left: 0;
	width: 10px;
	height: 10px;
	border-right: 2px solid #551203;;
	border-bottom: 2px solid #551203;;
	transform: rotate(45deg);
}*/
.double-down-arrow::after {
	content: "";
	position: absolute;
	left: 0;
	width: 10px;
	height: 10px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(45deg);
}
.menu_btn li a:hover .double-down-arrow::before,
.menu_btn li a:hover .double-down-arrow::after {
	border-right-color: #fff;
	border-bottom-color: #fff;
	transition: 0.8s all ease-in-out;
}
.double-down-arrow::before {
	top: 0;
}

.double-down-arrow::after {
	top: 6px;
}


.menu_btn li a.sports_bg:hover {
	color: #fff;
	background: #000;
	transition: 0.8s all ease-in-out;
	box-shadow: none;
	border: solid 2px #626262;
}
.menu_btn li a.drama_bg:hover {
	color: #fff;
	background: #000;
	transition: 0.8s all ease-in-out;
	box-shadow: none;
	border: solid 2px #626262;
}
.menu_btn li a.sports_bg:hover::before {
opacity: 0.1;
	transition: 0.2s all ease-in-out;

}
.menu_btn li a.drama_bg:hover::before {
opacity: 0.1;
	transition: 0.2s all ease-in-out;

}
  @media screen and (max-width: 812px) {
	  .wrapper {
		   
	  }
	  
	.head_menu {
		margin: 20px 0;
	}
	  .menu_btn li {
		margin: 0 10px 0 0;
	}
	.menu_btn li a {
		width: 45vw;
		height: 60px;
		font-size: 4vw;
		font-weight: 600;
	}
	h1 p.h1_txt02 span.f_large {
    font-size: 7.8vw; 
}
.menu_btn li a.sports_bg::before {
	
    font-size: 30px;
	top: 4px;
}
	  .menu_btn li a.drama_bg::before {
	
    top: 4px;
    font-size: 30px;
}

}

  /* FV */
  .lp_fv {
    padding-top: 0;
  }
  
  .lp_fv_left_image img {
        aspect-ratio: 100 / 91;
    object-fit: contain;
    position: absolute;
    top: 460PX;
    left: -10%;
    width: min(23.73333vw, 431px);
    opacity: 0.5;
  }
  
.lp_fv_right_image img {
    aspect-ratio: 97 / 102;
    object-fit: contain;
    position: absolute;
    top: 410PX;
    right: -11.9%;
    width: min(21.0vw, 414px);
    opacity: 1;
	
}
  
  @media screen and (max-width: 812px) {
    .lp_fv_left_image img {
	    aspect-ratio: 100 / 271;
        top: 370PX;
        left: 0;
        width: min(34.26666vw, 197px);
		opacity: 0.6;
    }
    
    .lp_fv_right_image img {
	    aspect-ratio: 100 / 252;
        top: 300PX;
        right: -30px;
        width: min(33.66666vw, 215px);
		opacity: 0.4;
    }
  }
  
  .fv_height {
    background-color: #000000;
    height: min(30.66666vw, 460px);
    max-width: 1500px;
    margin: 0 auto;
  }
  
/*追加キャンペーン*/
.new_cp_o {
 padding: 3em 1em;
 background: #efdede;
text-align: center;
}
.new_cp_o.cp_black{background: #000;position: relative;}
.new_cp {
 width: 90%;
 max-width: 800px;
 margin: auto;
}
.cp_lead {
 margin-top: 10px;
 font-size: 26px;
 font-weight: bold;
 background: linear-gradient(90deg, #ffbb29 0%, #ff0676 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.cp_bn {
 margin-top: 5px;position: relative;z-index: 90;
}
.cp_notes {
 margin-top: 10px;
 font-size: 13px;
 font-weight: 100;
}
.new_cp a {
 display: block;
}
.new_cp a:hover {
 opacity: .5;
 transition: all .5s ease;
 /*box-shadow: none;
 transform: translateY(5px);*/
}

  @media screen and (max-width: 812px) {
    .fv_height {
      height: min(82.66666vw, 620px);
      max-width: 1500px;
    }
	.sp {
		display: block !important;
	}

	.pc {
		display: none !important;
	}   
	.new_cp {
    width: 100%;
   }
   .cp_lead {
    font-size: 17px;
   }
   .cp_notes {
    margin-top: 15px;
    font-size: 10px;
    line-height: 130%;
   }
   .new_cp_o {
    padding: 2em 0;
   }
  }
  /* //FV */
.lp_page_wrapper .logo {
	max-width: 80%;
}
  /* FV CTA */
  .lp_fv_cta_btn {
    display: block;
    width: min(26.66666vw, 400px);
    margin: 0 auto;
    transition: .3s;
   border-radius: 13px;
  }
  .fix_btn_lead {text-align: center;}
.fix_btn_lead a {
  font-size: 15px;
  text-decoration: underline;
		 background: linear-gradient(90deg, #ffbb2a 0%, #ff0975 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
font-weight: 600;
}

  @media screen and (max-width: 812px) {
    .lp_fv_cta_btn {
      width: min(72vw, 540px);
    }
	.lp_page_wrapper .logo {
	max-width: 100%;
}
	  	.fix_btn_lead{text-align: center;}
 .fix_btn_lead a {
  font-size: 14px;
 }

  }
  
  .lp_fv_cta_btn:hover {
     transition: all .5s ease;
 box-shadow: none;
 transform: translateY(5px);
  }
  
  @media screen and (max-width: 640px) {
    .lp_fv_cta_btn {
      font-size: 19px;
     border-radius: 16px;
    }
  }
  /* //FV CTA */

/* ----------------------------------------------------------
追従
------------------------------------------------------------*/
.lp_cta_fixed {
	display: none;
}
.lp_cta_fixed.is-fixed {
	display: block;
	background-color: rgba(0,0,0,0.5);
	width: 100%;
	padding: 5px 0;
	position: fixed;
	bottom: 0;
	left: 0;
  z-index: 999;
}
.lp_cta_fixed.is-fixed .btn a {
  margin: 0 auto;
}


@media screen and (max-width: 812px) {
  /* ----------------------------------------------------------
追従
------------------------------------------------------------*/
.lp_cta_fixed.is-fixed {
  padding: 5px 10px;
}

}
  /* //FIXED CTA */

.header {
  display: none !important;
  padding-top: 0px !important;
}
   footer {
        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: 120px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        z-index: 1;
    }


    footer .cpr{
            color: #fff;
            font-size: 12px;
    position: absolute;
    }

.wrapper {
  padding-top: 0px !important;
	font-family: "source-han-sans-japanese", sans-serif;;
}
  
/* COMMON */
.only_PC {
  display: inline;
}
.only_SP {
  display: none;
}
.indent_PC {
  margin-left: min(1vw, 15px);
}
.pc_on {
  display: block;
}
.sp_on {
  display: none;
}

@media screen and (max-width: 812px) {
  .pc_on {
    display: none;
  }
  .sp_on {
    display: block;
  }
  .only_PC {
    display: none;
  }
  .only_SP {
    display: inline;
  }
  .indent_PC {
    margin-left: 0;
  }
  .faq_answer .indent_faq_SP {
    margin-left: min(3.2vw, 24px);
    display: inline-block;
  }
	   footer {
        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: 130px;
        display: flex;
        justify-content: center;
        align-items: center;
      
        position: relative;
        z-index: 1;
    }


    footer .cpr{
        color: #fff;
        font-size: 12px;
    }

	
	
}

.content {
  position: relative;
  font-family: "source-han-sans-japanese", sans-serif;
  font-size: 16px;
  color: #000;
  background-image: url("../images/bg.webp")
}
.footer_note{font-size: min(0.86666vw, 13px);margin: 2em 1em 0;}
.footer_note li{text-indent: 0;padding-left: 1em;line-height: 1.6em;}
.footer_note li.li_h{margin-top: 1em;}
section#method {
    background: #e8e8e8;
    padding: 60px 0;
 color: #000;
}
section#method .premium {
    width: 38%;
    margin: 50px auto 40px;
}
section#method .inner {
    max-width: 1000px;
    margin: 0 auto;
    width: auto;
}
.manga_title {
    font-size: 32px;
    font-weight: bold;
    border-bottom: solid 2px #ec0140;
    text-align: center;
    margin-bottom: 45px;
    padding-bottom: 5px;
    color: #000;
    line-height: 110%;
}

/* //COMMON */
.title {
        text-align: center;
    font-size: 26px;
    padding: 12px 0 15px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    font-weight: bold;
    width: 100%;
}
.title.orange {
	background: linear-gradient(90deg, rgb(10 66 137) 0%, rgb(8 114 155) 100%);
	
}
.title.violet {
	background: linear-gradient(90deg, rgb(159 5 5) 0%, rgb(179 76 3) 100%);
	
}
.title.orange::after {
    /*content: "";*/
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 6px;
    background: linear-gradient(90deg, rgb(15 63 124) 0%, rgb(4 58 34) 100%);
}
.title.orange span {
	position: relative;
	z-index: 2;	
	/*-webkit-text-fill-color: transparent;
    font-feature-settings: "palt";
    background: linear-gradient(180deg, #0f0b1e 0% 14%, #000f75 81% 100%);
	background-clip: text;*/
	color: #fff;
	text-shadow: 2px 2px 5px #021932;
}
.orange::before {
	/*content: "SPORTS";*/
    position: absolute;
    top: 0px;
    left: 50%;
    display: inline-block;
    font-size: 45px;
    font-weight: bold;
    color: #5e41c1;
    font-style: italic;
    opacity: 0.5;
	transform: rotate(10deg);
}
.violet::before {
	/*content: "DRAMA";*/
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    color: #1f0614;
    font-style: italic;
	opacity: 1;
}
.title.violet span {
	position: relative;
	z-index: 2;	
	/*-webkit-text-fill-color: transparent;
    font-feature-settings: "palt";
    background: linear-gradient(180deg, #090712 0% 14%, #65001b 81% 100%);
	background-clip: text;*/
	color: #fff;
	text-shadow:  2px 2px 5px #490504;
}

/* FEATURE */
.common_footer_feature {
  background: #efefef;
  margin: 0 calc(50% - 50vw);
  max-width: none;
}
.common_footer_feature_img {
  margin-bottom: 10px;
}
.common_footer_feature_img img {
  max-width: 610px;
}

@media screen and (max-width: 812px) {
  .common_footer_feature {
    padding: min(8vw, 60px) 2%;
  }
  .common_footer_feature_img img {
    max-width: 683px;
  }
		.title {
		font-size: 22px;
			font-weight: 700;
	}
.orange::before {
	font-size: 14px;
	top: 11px;
}
.violet::before {
	font-size: 14px;
	top: 11px;
}

}
/* //FEATURE */

/* MASTHEAD */
.common_footer_masthead {
  padding: 20px;
  background: #2d2d2d;
  color: #fff;
  font-weight: bold;
  font-size: 35px;
  text-align: center;
}

@media screen and (max-width: 812px) {
  .common_footer_masthead {
    padding: 10px;
    font-size: 20px;
  }
}

/* //MASTHEAD */

/* CTA */
.common_footer_cta {
  padding: 3.2% 2%;
  background: #000;
  color: #fff;
  text-align: center;
  line-height: 1.5;
}
.common_footer_cta_second {
  padding: 4.8% 2%;
}
.common_footer_cta p {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: min(2vw, 30px);
}

@media screen and (max-width: 812px) {
  .common_footer_cta {
    padding: 8% 2%;
  }
  .common_footer_cta p {
    font-size: min(4.26666vw, 32px);
    font-weight: bold;
  }
  .common_footer_cta_second {
    padding: 10% 2%;
  }
}
/* //CTA */

/* DEVICES */

@media screen and (min-width:813px) and ( max-width:1200px) {
  .common_footer_wrapper .common_footer_genre_name {
    font-size: min(1.66666vw, 20px);
  }
}

@media screen and (max-width: 812px) {
  .common_footer_wrapper .common_footer_genre_name {
    font-size: min(4vw, 30px);
    margin: 0 0 2%;
    font-family: "source-han-sans-japanese", sans-serif; ;
  }
}

.common_footer_wrapper .common_footer_works_list {
  display: flex;
  /*justify-content: space-between;*/
  flex-wrap: wrap;
  /* margin-bottom: min(2.46666vw, 37px); */
  text-align: left;
}

@media screen and (max-width: 812px) {
  .common_footer_wrapper .common_footer_works_list {
    margin-bottom: 7%;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

.common_footer_wrapper .common_footer_works_list li {
  width: 23.5%;
  position: relative;
  margin-right: 2%;
}


.common_footer_wrapper .contents li{width: 18%;}
.common_footer_wrapper .contents  li:nth-of-type(n+6) {
  margin-top: 20px;
}
.contents_wrap {
	margin: 20px 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(107, 107, 107, 1) 100%);
	background-size: cover;
	background-position: center;
}
.contents {
display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin: 10px auto 40px;
    max-width: 55vw;
	position: relative;
	overflow: hidden;
}
.sports::after {
	content: "";
	/*background: url("../images/bg_ul_sports.webp")no-repeat top center/ 100% 100%;;*/
	height: 90%;
    width: 130%;
    position: absolute;
    bottom: -20px;
    left: 600px;
    transform: translateX(-50%);
    display: block;
	opacity: 0.5;
}
.drama::after {
	content: "";
	/*background: url("../images/bg_ul_drama.webp")no-repeat top center/ 100% 100%;;*/
	height: 90%;
    width: 130%;
    position: absolute;
    bottom: -20px;
    left: 600px;
    transform: translateX(-50%);
    display: block;
	opacity: 0.5;
}
.contents li {
	text-align: center;
	margin-top: 10px;
	z-index: 50;
}
.contents img {
	max-width: 80%;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
}
.contents p {
	color: #FFFFFF;
	font-size: 1.0vw;
	line-height: 1.3;
	margin: 20px auto 10px;
	padding-bottom: 2px;
	text-shadow: 2px 2px 5px #000000;
	font-weight: 600;
}
.contents .big_tx {
	font-size: 1.1vw;
}
.other {
	margin-top: 90px;
	margin: 80px auto 60px;
	text-align: center;
	max-width: 55%;
}
.other_pic a:hover {
  opacity: 0.7;
  transition: 0.3s all ease-in-out;
}
.other h2 {
	margin-bottom: 30px;
	font-size: 1.5vw;
	text-align: center;
	font-weight: bold;
	line-height: 1.5;
	background: linear-gradient(to right, #f46256 0%, #ff0576 100%);
	background-repeat: no-repeat;
	background-size: 100% 10%;
	background-position: bottom;
	display: inline-block;
	color: #FFFFFF;
	letter-spacing: 0.02em;
}

.other_works_title {
	margin-top: 5px;
	font-size: 12px;
	font-weight: 400;
	line-height: 130%;
  color: #fff;
}

.flex_box_four {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 0 1%;
}

.flex_box_four > li {
	width: 32%;
	margin-bottom: 30px;
}

@media screen and (max-width: 812px) {
.contents_wrap {
	margin: -20px 0;
}
.contents {
	max-width: 90%;
	gap:1vw;
	grid: none;
}
.contents li {
	text-align: center;
	margin-top: 10px;
	width: 100%;
}
.contents.sports {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;

}
.sports::after {
	/*background: url(../images/bg_ul_sports_sp.webp) no-repeat top center / 100% 100%;*/
	width: 210%;
	height: 100%;
	left: 50%;
	bottom: -90px;
	transform: translateX(-50%);
}
.drama::after {
	/*background: url(../images/bg_ul_drama_sp.webp) no-repeat top center / 100% 100%;*/
	width: 210%;
	height: 140%;
	left: 40%;
	bottom: -190px;
	transform: translateX(-50%);
}
.contents.sports li {
	width: 100%;
}
.contents.sports li.sub {
	width: calc(50% - 5px);
	margin: auto;
}
.contents .sub p {
	font-size: 3.5vw;
}	
.contents .sub p.big_tx {
    min-height: 5.4em;
	align-items: flex-end;
	display: flex;
	justify-content: center;
}	
.contents img {
	max-width: 95%;
}
.contents p {
	color: #FFFFFF;
	font-size: 4vw;
	line-height: 1.3;
	margin: 12px auto 10px;
}
.contents .big_tx {
    font-size: 4.5vw;
	margin: 5px auto;
}
.other {
	margin-top: 90px;
	text-align: center;
	max-width: 100%;
	margin: 50px auto 5px;
}

.other h2 {
	margin-bottom: 30px;
	font-size: 18px;
	text-align: center;
	font-weight: 500;
	line-height: 1.5;
	background: linear-gradient(to right, #f46256 0%, #ff0576 100%);
	background-repeat: no-repeat;
	background-size: 100% 7%;
	background-position: bottom;
	display: inline-block;
	color: #FFFFFF;
	padding: 0 0 3px;
}

.other_works_title {
	margin-top: 5px;
	font-size: 10px;
	font-weight: 400;
	line-height: 130%;
}

.flex_box_four {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 0 1%;
	justify-content: center;
	padding: 0 5px;
}

.flex_box_four > li {
	width: 45%;
	margin-right: 10px;
}
	.flex_box_four li:nth-child(2n) {
		margin-right: 0;
	}
}
/* //FOOTER */
img {
  max-width: 100%;
}
.mt1 {
  margin-top: 1%;
}
.mb2_5 {
  margin-bottom: 2.5%;
}
.pt2_PC {
  padding-top: 2.5%;
}
.footer_fix {
  margin: 1% auto;
}
.common_footer_section_device {
  padding: min(5.06666vw, 76px) 0;
  max-width: 1000px;
}
.br_sp_pc {
  display: block;
}

@media screen and (max-width: 812px) {
  .common_footer_section_device {
    padding: min(9.06666vw, 68px) 0;
  }
  .common_footer_section_text_span {
    font-size: min(2.53333vw, 19px);
  }
  .mt4 {
    margin-top: 4%;
  }
  .mb0_4 {
    margin-bottom: 0.4%;
  }
  .pt2_PC {
    padding-top: 0;
  }
  .pb8 {
    padding-bottom: 8%;
  }
}


/*スライダー*/

/* 親要素の設定 */
.gallery {
  width: 100%;
  overflow: hidden;position: relative;/* 子要素がはみ出さないようにする */
}
.gallery h1{   position: absolute;
    top: 10%;
    z-index: 999;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80%;
    text-align: center;
    max-width: 900px;
}
.gallery:after{    
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 60%);
   background:linear-gradient(25deg, #000000 0%, #63636363 100%)}

h1 p{text-align: center;font-size: 11px;line-height: 1.2em;font-weight: normal;color: #fff;margin: 1em auto;text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);}
h1 p a{text-decoration: underline;color: #fff;}
h1 p span{display: inline-block;}
h1 p.h1_txt01{    
	   margin: 0 auto;
    font-size: clamp(18px, 3vw, 34px);
    font-weight: 600;
    line-height: 1.8em;
    text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
}
h1 p.h1_txt01 span.f_large{       font-size: 3.2em;
    font-weight: 500;
    text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
    margin-top: 0.3em;
    line-height: 0.3em;
    text-align: right;}
h1 p.h1_txt01 span.f_large span.txt{font-size: 16px;
    text-align: right;
    line-height: 0;
    margin: 0 auto;
font-weight: 400;}
h1 p.h1_txt01 span.f_large span.fw_n{
	font-weight: 400;
	display: inline;
}
h1 p.h1_txt02{       
	font-size: clamp(18px, 3vw, 34px);
    margin: 0 auto;
    width: 80%;
    position: relative;
	font-weight: 600;}

.wowow_wrap sup{
  font-size:0.5em;
  vertical-align:super;
}

/*h1 p.h1_txt02 span.f_large{font-size: 2.4em;
    font-weight: 600;
    background: linear-gradient(90deg, #ffb63a 0%, #ff7665 40%, #ff006c 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
display: inline-block;
    line-height: 1.3em;
    padding: 0 10px;
	-webkit-text-stroke: 1px #fff;      Chrome/Edge/Safari 
  text-stroke: 1px #fff; 
}*/
h1 p.h1_txt02 span.f_large img{    max-width: 330px;    width: clamp(10vw, 26vw, 330px);}

/*.h1_txt02::before,.h1_txt02::after{content: '';
	position: absolute;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, #ffb63a 0%, #ff7665 40%, #ff006c 80%);
	left: 0;
	right: 0;
	margin: 0 auto;	
}
.h1_txt02::before{top: 0;}
.h1_txt02::after{bottom: 0;}*/

/* スライダー部分の設定 */
.gallery_slide {
  display: flex; /* 横並びにする */
  width: 100%; /* 横幅いっぱいにする */
  animation: slide 24s linear infinite; /* アニメーションの設定 */
	position: relative;
}

/* 各アイテムの設定 */
.gallery_slide li {
  flex: 0 0 20%; /* 1つの画像が全体の4分の1の幅を取る */
  width: 100%; /* 幅を指定 */
}

/* アニメーション（スライド） */
@keyframes slide {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%); /* 1周分の移動 */
  }
}


.slider-wrap {
	overflow: hidden;
	display: flex;
	flex-wrap: nowrap;
}

.slider {
	position: relative;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	animation: slide-loop 60s linear infinite;
}

.slider div {
	width: auto;
    height: 100%;
    background-position: center center;
}

@media screen and (max-width: 812px) {
	.slider div {	width: calc(18vh + 60px);}
	.gallery h1{top: 22%;}
	.h1_txt02::before, .h1_txt02::after{height: 2px;}
	h1 p.h1_txt01,h1 p.h1_txt02{
		 font-size: clamp(18px, 3.5vw, 34px);
	}
	h1 p.h1_txt01 span.f_large span.txt{font-size: 12px;}
	    h1 p.h1_txt01 {
        line-height: 1.65em;
    }
	h1 p.h1_txt01 span.f_large{    margin-top: 0.4em;
    line-height: 0.35em;}
	h1 p.h1_txt01 span{    
		display: inline-block;
    	margin-top: 0.3em;
		font-size: 24px;
	}
	h1 p.h1_txt02{padding: 0.5em;width: 100%; line-height: 0.6}
	h1 p.h1_txt02 span.f_large{display: block;
		line-height: 0.2;
	}
	h1 p.h1_txt02 span.f_large img{width: 55%;}
	.wowow_wrap sup{
  font-size:0.7em;
}

	
}
@media screen and (min-width: 1024px) {
h1 p.h1_txt01,h1 p.h1_txt02{
		 font-size: clamp(18px, 4vw, 40px);
	}
}

@keyframes slide-loop {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-100%);
	}
}

.btn a{
  background: linear-gradient(90deg,rgba(255, 163, 74, 1) 0%, rgba(255, 7, 119, 1) 100%);
  max-width: 500px;
  height: 60px;
  align-content: center;
  border-radius: 10px;
  font-weight: 600;
  letter-spacing: 1px;
  width: 100%;
  margin: 20px auto 8px;
  position: relative;
  text-align: center;
  line-height: 1.2;	
}
.btn a::after {
  display: inline-block;
  content: "";
  width: 10px;
  height: 20px;
  background: url("../images/arrow.webp") no-repeat top left / 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}
.btn a:hover {
  transform: scale(0.97);
}
.tx_link a {
  text-decoration: underline;
  color: #eff200;
  font-size: 14px;
  display: inline-block;
}
.tx_link a:hover {
  color: #fff;
}
.top_btn{margin-top: -0.5em;}

.fs_l{font-size: 1.4em;}
.fs_s{font-size: 0.85em;}
.top_btn p {
	font-size: 0.8em;
}
@media screen and (max-width: 812px) {
	.btn a{font-size: 1.2em;
    width: 90%;
    height: 60px;
    line-height: 1.2em;
    padding: 0.2em;}
	.lp_cta_fixed.is-fixed .btn{width: 100%;}
}
@media screen and (min-width:496px) and ( max-width:812px) {
  .gallery h1 {top:10vw;  }
	.gallery h1{width: 80%;min-width: 500px;  }  
	.slider div { width: calc(30vw + 100px);   max-width: unset; }
	.top_btn.btn a{               font-size: calc(2.5vw + 5px);
        width: 60%;
        border-radius: 10px;
        min-width: 300px;}
}
@media screen  and ( max-width:495px) {
	.gallery h1{
		width: 96%;
		top: 10vw;
	}  
	.slider div { width: auto;max-width: unset;}
		.top_btn.btn a{font-size: 1.2em;
        width: 80%;
        border-radius: 10px;
		margin-top: 20px;
			z-index: 2;
	}
	.lp_page_wrapper img {
    max-width: 485px;
}
}


/*==================================================
爆アゲ追加エリア
==================================================*/
.red_tx {
    color: #d80b29!important;
}
.bold {
    font-weight: 700!important;
}
.big {
    font-size: 130%!important;
}

#bakuage_area{display: none;font-family: "source-han-sans-japanese", sans-serif;}
.bakuage {
    background: url(../images/dot_red.webp) repeat top left / 10px #fff;
    border: 3px solid #d80b29;
    border-radius: 15px;
    padding: 20px 30px;
	 max-width: 1000px;
        margin: 3em auto 0em;
    width: 96%;
}
.bakuage h2 {
    text-align: center;
    font-size: 1.8em;
    font-weight: 500;
    line-height: 1.5;
    padding: 20px 0;
}
@media screen and (max-width: 812px){
	    .bakuage {
        margin: 2em auto 1em;
        padding: 30px 10px 10px;
    }
	    .bakuage h2 {
        font-size: 1.2em;
        padding: 0 0 20px;
    }
.bn {
    width: 90%;
}
.bn_p {
    font-size: 14px!important;
}
}
#js-lp-cta-fixed.is-fixed {
  display: block !important;
}