@charset "UTF-8";

.system_box{width:100%;height:auto;padding:15px 0px;margin-bottom:25px;max-width:1200px;background-image: url("../img/common/bg_system.webp");background-position:50% 50%;background-repeat:no-repeat;background-size:cover;}
.system_box_contents{width:calc(100% - 30px);position:relative;}
.system_box_contents_in{width:calc(100% - 10px);height:auto;padding:25px 0px 20px 0px;}
	@media all and (max-width: 1024px) {
		.system_box{padding:8px 0px;}
		.system_box_contents{width:calc(100% - 16px);}
	}

/*===枠===*/
.system_box_contents .system_top_left{width:30px;height:31px;position:absolute;top:-5px;left:-5px;}
.system_box_contents .system_bottom_left{width:30px;height:31px;position:absolute;bottom:-5px;left:-5px;}
.system_box_contents .system_top_right{width:30px;height:31px;position:absolute;top:-5px;right:-5px;}
.system_box_contents .system_bottom_right{width:30px;height:31px;position:absolute;bottom:-5px;right:-5px;}

/*===システム===*/
.system_box h3{display:block;width:100%;height:auto;margin:0px;padding:10px 0px;
    background: linear-gradient(0deg, #9f7f46 0%, #fbfad5 100%);color: transparent;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.system_box h3 .en{font-size:28px;}
.system_box p.intro{width:100%;height:auto;margin:0px;}
.system_box p.intro span{display:inline-block;width:auto;height:auto;margin:0px;font-size:14px;color:#050505;line-height:162%;padding:1px 10px 0px 10px;
	background: linear-gradient(to bottom,  #fbfad5 0%,#9f7f46 100%);}
.system_box p.comment{width:auto;height:auto;font-size:14px;color:#f3f0ca;line-height:162%;padding:10px 0px 0px 0px;}
	@media all and (max-width: 1024px) {
		.system_box h3 .en{font-size:26px;}
		.system_box p.intro span{font-size:13px;padding:2px 10px 0px 10px;line-height:136%;}
		.system_box p.comment{width:calc(100% - 30px);font-size:13px;line-height:139%;}
	}

/*===コース料金===*/
.course .course_charge{width:100%;height:auto;padding-bottom:30px;}
.course .course_charge:last-child{padding-bottom:0px;}
.course_charge ul{width:100%;max-width:400px;height:auto;padding:5px 0px;}
.course_charge li{width:calc(100% - 20px);height:auto;margin:18px 1%;border-bottom: 2px solid #5c513e;padding-left:19px;background: url(../img/common/li.png) no-repeat;background-size:7px auto;background-position:5px 8px;position:relative;}
.course_charge li:after {content:"";position: absolute;bottom:-5px;left:0px;width:100%;height:1%;border-top:1px solid #5c513e;}
.course_charge li .l{display:inline-block;width:45%;text-align:left;padding:3px 0px;
	background: linear-gradient(0deg, #9f7f46 0%, #fbfad5 100%);color: transparent;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.course_charge li .r{display:inline-block;width:52%;text-align:right;padding:3px 0px;
	background: linear-gradient(0deg, #9f7f46 0%, #fbfad5 100%);color: transparent;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.course_charge li .l.en , 
.course_charge li .r.en
	{font-size:28px;}
.course_charge li .l .ja{font-size:13px;}
.course_charge li small{font-size:13px;}
	@media all and (max-width: 1024px) {
		.course .course_charge{}
		.course_charge li .l.en , 
		.course_charge li .r.en
			{font-size:24px;}
		.course_charge li small{font-size:11px;}
	}
.course p.comment_under{width:calc(100% - 40px);height:auto;font-size:14px;color:#f3f0ca;line-height:162%;padding:0px 0px 30px 0px;}


/*===その他の料金===*/
.etc_charge dl{width:100%;height:auto;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
	-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
	-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
.etc_charge dl div{width:100%;height:auto;margin-bottom:15px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
	-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
	-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
.etc_charge dl dt{width:20%;height:auto;background:#95816f;color:#ffffff;line-height:240%;}
.etc_charge dl dt h4{width:calc(100% - 20px);}
.etc_charge dl dd{width:80%;height:auto;background:#ffffff;color:#222222;line-height:240%;}
.etc_charge dl dd p{width:calc(100% - 20px);}
	@media all and (max-width: 1024px) {
		.etc_charge dl dt{width:100%;}
		.etc_charge dl dd{width:100%;}
	}

/*===プレイ===*/
.play ul{width:100%;height:auto;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
	-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
	-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.play ul li {margin:0px;padding-bottom:5px;}
.play ul li p{font-size:13px;}
.play ul li p:after {content:"　/　";}
.play ul li:last-child p:after {content:"";}

/*===交通費===*/
.transportation dl{width:100%;height:auto;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
	-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
	-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
.transportation dl div{width:100%;height:auto;margin-bottom:15px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
	-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
	-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
.transportation dl dt{width:20%;height:auto;background:#95816f;color:#ffffff;line-height:240%;}
.transportation dl dt h3{width:calc(100% - 20px);}
.transportation dl dd{width:80%;height:auto;background:#ffffff;color:#222222;line-height:240%;}
.transportation dl dd p{width:calc(100% - 20px);}
	@media all and (max-width: 1024px) {
		.transportation dl dt{width:100%;}
		.transportation dl dd{width:100%;}
	}

/*===オプション===*/
.option dl{width:100%;height:auto;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
	-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
	-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
.option dl div{
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
	-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
	-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
.option dl dt{width:50%;height:auto;background:#95816f;color:#ffffff;line-height:240%;}
.option dl dt h3{width:calc(100% - 20px);}
.option dl dd{width:50%;height:auto;background:#ffffff;color:#222222;line-height:240%;}
.option dl dd p{width:calc(100% - 20px);}
	@media all and (min-width: 1025px) {
		.option dl div{width:32%;}
		.option dl div:nth-child(3n-2){margin:0px 1% 15px 0%;}
		.option dl div:nth-child(3n + 2){margin:0px 1% 15px 1%;}
		.option dl div:nth-child(3n){margin:0px 0% 15px 1%;}
	}
	@media all and (max-width: 1024px) {
		.option dl{-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
		.option dl div{width:100%;padding-bottom:15px;}
		.option dl div:last-child{padding-bottom:0px;}
		.option dl dt{width:100%;}
		.option dl dd{width:100%;}
	}

/*===コスチューム===*/
.costume{width:100%;height:auto;background: url(../img/common/bg_white.webp) repeat;background-size:auto 100%;background-position:top center;border-top:1px solid #e5a742;padding:30px 0px;margin-bottom:25px;}
.costume_in{max-width:1200px;width:100%;height:auto;}
.cast{
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
	-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
	-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
.cast .girl{margin:0px 1% 15px 1%;background:#222222;padding-bottom:10px;}
.cast .girl div.img{width:100%;position:relative;}
.cast .girl div.img p.img{width:100%;}
.cast .girl div.name{width:calc(100% - 20px);}
.cast .girl div.name h3{width:100%;color:#ffffff;font-size:12px;padding:5px 0px;}
.cast .girl .marquee_box_in {width:100%;height:22px;background:#ffffff;}
/*======*/
.marquee_box {width: 100%;height: auto;}
.marquee_box_in {width: calc(100% - 10px);height: auto;background:#ffffff;overflow: hidden;white-space: nowrap;position: relative;padding: 0px;}
.marquee {display: inline-block;padding-left: 100%;white-space: nowrap;animation: marquee 10s linear infinite;}
.marquee p {color: #000000;line-height: 22px;}
	@media all and (max-width: 1024px) {
		  .marquee p {
		  	font-size:10px;
		    line-height:20px;
		  }
	}
	@keyframes marquee {
		from {
			transform: translateX(0);
		}
		to {
			transform: translateX(-100%);
		}
 	}
/*======*/
@keyframes marquee {
	from {
	transform: translateX(0);
	}
	to {
	transform: translateX(-100%);
 	}
}

	@media all and (min-width: 1025px) {
		.cast .girl{width:18.4%;}
		.cast .girl:nth-child(5n+1){margin:0px 1% 15px 0%;}
		.cast .girl:nth-child(5n){margin:0px 0% 15px 1%;}
	}
	@media all and (max-width: 1024px) {
		.cast .girl{width:23.5%;}
		.cast .girl:nth-child(4n-3){margin:0px 1% 15px 0%;}
		.cast .girl:nth-child(4n){margin:0px 0% 15px 1%;}
	}
	@media all and (max-width: 820px) {
		.cast .girl{width:30%;}
		.cast .girl:nth-child(3n-2){margin:0px 1% 15px 0%;}
		.cast .girl:nth-child(3n){margin:0px 0% 15px 1%;}
	}
	@media all and (max-width: 776px) {
	}
	@media all and (max-width: 667px) {
		.cast{-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
		.cast .girl{width:48%;}
		.cast .girl:nth-child(odd){margin:0px 1% 15px 0%;}
		.cast .girl:nth-child(even){margin:0px 0% 15px 1%;}
	}
	@media all and (max-width: 480px) {
	}


.card{width:calc(100% - 20px);height:auto;max-width:640px;padding-bottom:30px;}

/*===ご利用規約===*/
.rule{width:100%;height:auto;max-width:1200px;}
.rule h2{width:100%;height:auto;background:#987942;font-size:14px;color:#ffffff;line-height:200%;padding:4px 0px;}
.rule_txt{width:calc(100% - 30px);height:auto;padding-bottom:30px;}
.rule p{width:100%;height:auto;text-align:left;}
.rule p.rule_top_p{padding-top:20px;}
.rule ul{width:calc(100% - 20px);height:auto;padding:15px 0px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
	-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
	-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
.rule ul li{width:50%;height:auto;margin:0px;padding-left:17px;text-align:left;display:inline-block;background: url(../img/common/li.png) no-repeat;background-size:7px auto;background-position:0px 6px;}
	@media all and (max-width: 1024px) {
		.rule ul li{width:100%;}
	}

/*===動画===*/
ul.movie{max-width:1200px;width:100%;height:auto;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
	-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
	-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
ul.movie li{width:25%;}

/*======*/
.reserve_form{width:100%;height:auto;padding:20px 0px;}
.reserve_form div{max-width:1200px;width:100%;height:auto;padding:17px 0px;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-bottom:1px solid #ededed;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
	-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.reserve_form div dt{width:30%;margin-left:0px;text-align:left;}
.reserve_form div dt h3{width:100%;height:auto;
		display: -ms-flexbox;display: flex;-ms-flex-pack: center;
		-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.reserve_form div dt h3 span{display:inline-block;width:auto;font-size:12px;letter-spacing:1px;line-height:150%;margin:0px;padding:0px 10px;}
.reserve_form div dd{width:70%;margin-right:0px;text-align:left;}
.error_message{color:#dd3899;padding-top:6px;}
.dd_attention{padding-bottom:6px;}
	@media all and (max-width: 1024px) {
		.reserve_form div{-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
		.reserve_form div dt{width:100%;}
		.reserve_form div dd{width:100%;padding-top:8px;}
	}