@charset "UTF-8";

.system_box{width:100%;height:auto;background:rgb(62,62,62,0.1);padding:15px 0px;margin-bottom:25px;max-width:1200px;}
.system_box_contents{width:calc(100% - 30px);background:#000000;}
.system_box_contents_in{width:calc(100% - 50px);height:auto;padding:0px 0px 20px 0px;}
	@media all and (max-width: 1024px) {
		.system_box{padding:8px 0px;}
		.system_box_contents{width:calc(100% - 16px);}
	}
.h2 h2 .en.white{color:#ffffff;}

/*===コース料金===*/
.course_charge h3{font-weight:normal;width:100%;height:auto;margin:0px auto;padding-bottom:10px;}
.course_charge h3 span{display:inline-block;width:auto;height:auto;margin:0px auto;padding:3px 40px;clip-path: polygon(10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50%);background:#95816f;color:#ffffff;font-size:13px;}
.course .course_charge{width:100%;height:auto;padding-bottom:30px;}
.course .course_charge:last-child{padding-bottom:0px;}
.course_charge ul{width:100%;height:auto;padding:10px 0px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.course_charge li{width:30%;height:auto;margin:10px 1%;border-bottom: 1px solid #222222;padding-bottom:2px;}
.course_charge li .l{display:inline-block;width:calc(48% - 13px);text-align:left;
	padding-left:13px;background: url(../img/common/li.png) no-repeat;background-size:7px auto;background-position:0px 6px;}
.course_charge li .r{display:inline-block;width:48%;text-align:right;}
.course_charge li .l.en , 
.course_charge li .r.en
	{font-size:20px;color:#ffffff;}
.course_charge li .l .ja{font-size:13px;}
.course_charge li small{font-size:13px;}
.course_charge p.intro{font-size:13px;color:#95816f;}
p.ja.comment{color:#ffffff;}
	@media all and (max-width: 1024px) {
		.course_charge li{width:100%;margin:8px 1%;}
	}

/*===その他の料金===*/
.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 h3{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;color:#ffffff;}
.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);}
.transportation_attention{color:#ffffff;}
	@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 .system_box_contents{background: url(../img/system/bg_card.webp) no-repeat;background-size:cover;background-position:50% 50%;}
.card dl{padding-top:20px;
	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;}
.card dl dt{width:33%;}
.card dl dt .h2{padding:0px;}
.card dl dd.icon{width:33%;}
.card dl dd.icon ul{width:100%;
	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;}
.card dl dd.icon ul li{width:auto;margin:0px;padding-right:10px;}
.card dl dd.icon ul li:last-child{padding-right:0px;}
.card dl dd.bt{width:33%;}
.card dl dd.bt a{display:block;width:100%;height:auto;cursor: pointer;color:#ffffff;border: none;line-height:31px;
	box-shadow: 0 0 0 1px #95816f inset, 0 0 0 2px #ad9682 inset;
	background: linear-gradient(to bottom,  #ad9682 0%,#95816f 100%);}
.card dl dd.bt a:hover{background: linear-gradient(to bottom,  #95816f 0%,#ad9682 100%);}
.card dl dd.txt{width:100%;border-top:1px solid #222222;padding-top:10px;margin-top:10px;}
.card dl dd.txt p{width:calc(100% - 20px);text-align:left;color:#ffffff;}
	@media all and (min-width: 1025px) {
		.card dl dd.icon ul li img{width:auto;height:31px;}
	}
	@media all and (max-width: 1024px) {
		.card dl dt{width:100%;}
		.card dl dd.icon{width:100%;padding:8px 0px 10px 0px;}
		.card dl dd.icon ul li{width:18%;padding-right:5px;padding-left:5px;}
		.card dl dd.icon ul li:last-child{padding-right:5px;padding-left:5px;}
		.card dl dd.bt{width:100%;}
		.card dl dd.icon ul{-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;}
	}

/*===ご利用規約===*/
.rule{width:100%;height:auto;max-width:1200px;}
.rule h2{width:100%;height:auto;background:#95816f;font-size:14px;color:#ffffff;line-height:200%;padding:4px 0px;}
.rule_txt{width:calc(100% - 30px);height:auto;padding-bottom:10px;}
.rule p{width:100%;height:auto;text-align:left;color:#2b2b2b;}
.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;color:#2b2b2b;}
	@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-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
	-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;}
ul.movie li div{width:calc(100% - 10px);margin:0px auto;}
ul.movie li{width:31%;background: rgb(62, 62, 62, 0.2);padding:5px 0px;margin:0px 1%;}
ul.movie li h3{width:100%;padding-top:5px;}
ul.movie li h3 span{font-size:11px;}
	@media all and (max-width: 1024px) {
		ul.movie{width:calc(100% - 20px);}
		ul.movie li{width:100%;margin:0px auto;margin-bottom:10px;}
	}