@charset "utf-8";

/*
00 404.html
01 年齢認証(モーダル)
01 index.html
02 sitemap.html
03 system.html
04 rule.html
05 howto.html
06 credit.html
07 map.html
08 question/
09 link.html
10 mailbbs/
11 news/
12 news/sp_detail.php
13 qzin/
14 recinfo.html
15 alb/(女性一覧)
16 alb/girl_detail.html

####################################################
*/
/*------------------------------------------------------------
	下層共通
------------------------------------------------------------*/
.pAll3{padding: 3px;}
.ptb15{padding: 15px 0;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.fbox{max-width: 470px; margin: 0 auto; padding: 0 5px;}
.bdb{border-bottom: 1px dashed #7d4f4b;}
.highlight{color:#cb5107;}
.cbox,.sbox{padding: 5px; line-height: 1.4;}

.hd{
	padding: 3px 5px;
	border-width: 2px 0;
	border-style: solid;
	border-color: #775e3e;
	background: #fff;
}
#ind .hd{
	border-color: #d2928e;
	background: #ffeceb;
}
#ind.sp .hd{
	border-color: #93cc76;
	background: #f1ffeb;
}
#ind.sm .hd{
	border-color: #76c5cc;
	background: #e5fdff;
}
#ind.fl .hd{
	border-color: #f5b076;
	background: #ffecdc;
}
#ind.wn .hd{
	border-color: #b6b6f9;
	background: #e8e8ff;
}

.more{
	padding: 10px 0;
	text-align: center;
}
.more a,
.more span{
	width: 90%;
	padding: 9px 0;
	display: inline-block;
	border-radius: 1.5em;
	text-decoration: none;
	background: #ff688c;
	color: #fff;
	position: relative;
}
.sp .more a, .sp .more span{background: #87bf4e;}
.sm .more a, .sm .more span{background: #37c4c4;}
.fl .more a, .fl .more span{background: #ff8b51;}
.wn .more a, .wn .more span{background: #a2a2ef;}

.more a:after,
.more span:after{
	content: '';
	width: 10px;
	height: 10px;
	margin-top: -5px;
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #fff;
	transform: rotate(45deg);
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
}

/*--------------ページ送り-------------- */
.pager{
	width: 100%	;
	padding: 10px 5px;
	display: table;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.pager li{
	display: table-cell;
	color:#000;
}
.pager li a{
	padding: 8px 30px;
	border-radius: 1.5em;
	text-decoration:none;
	display:inline-block;
	background: #fff;
	border: 1px solid #8b7a58;
	color: #333;
}
.pager #prev{text-align: left;}
.pager #next{text-align: right;}
.pager #prev .arL:before,
.pager #next .arR:after{border-color: #4b0000;}

.info li {padding: 5px 0;text-align:left;}
.info li.fd a{background-image: url(../img/sys/info_hd.png);}
.info li.tel a{background-image: url(../img/sys/info_tel.png);}
.info li.mail a{background-image: url(../img/sys/info_mail.png)}
.info li a{
	border-radius:1.5em;
	padding: 10px 0 10px 60px;
	display: block;
	text-decoration: none;
	font-size: 1.63rem;
	color: #fff;
	-webkit-background-size: 36px 28px;
	background-size: 36px 28px;
	background-position: 15px 50%; 
	background-repeat: no-repeat;
	background-color: #ff688c;
	border: 1px solid #dd4166;
}

/* 00 404.html
------------------------------------------------- */
body#nf{
	min-height: 100vh;
	background: none;
	display: -webkit-flex;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
}

/*body#nf #wrapper{padding-top: 0;}*/
body#nf header{padding: 20px 0; text-align: center;}
body#nf header h1{height: auto; margin-bottom: 10px; background: none; text-align: center; display: block;}
body#nf #contents{text-align: left;}
body#nf p{font-size: 0.88em;font-weight: normal; margin-bottom: 5px;}

#nfLink{
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
}
#nfLink li{
	padding: 5px;
	flex: 1 1 0%;
}
#nfLink li a{
	padding: 10px 0;
	border: 1px solid #8b7a58;
	border-radius: 3px;
	text-align: center;
	color: #333;
	text-decoration: none;
	display: block;
}
body#nf footer small{padding-top: 5px;}


/* 00 年齢認証(モーダル)
-------------------------------------------------------*/
#modalBox{
	padding: 0;
	background: transparent;
}
.sp .remodal-overlay{background: rgba(231, 240, 213, 0.9);}
.sm .remodal-overlay{background: rgba(214, 229, 243, 0.9);}
.fl .remodal-overlay{background: rgba(247, 242, 235, 0.9);}
.wn .remodal-overlay{background: rgba(235, 242, 253, 0.9);}

#auth{
	min-width: 300px;
	padding: 20px 5px 0;
	background: #fff;
	border-radius: 10px;
	border: 4px solid #ffe0de;
	position: relative;
	text-align: center;
}
.sp #auth{border: 4px solid #d4f7cd;}
.sm #auth{border: 4px solid #ebfdff;}
.fl #auth{border: 4px solid #fee1ca;}
.wn #auth{border: 4px solid #d8d8fd;}

#auth h1{margin-bottom: 20px;}
#auth h1 img{
	max-width: 305px;
	width: 100%;
	height: auto;
}
#auth p#enter{margin-bottom: 10px; cursor: pointer;}
#auth p#enter img{
	max-width: 286px;
	width: 100%;
	height: auto;
}
#auth #u18{
	background: url(../img/common/under18.png) no-repeat scroll 0% 50%;
	-webkit-background-size: 44px 43px;
	background-size: 44px 43px;
	color: #5d3835;
	text-align: left;
	font-size: 0.75em;
	width: 90%;
	max-width: 300px;
	padding: 10px 0 10px 50px;
	margin: 0 auto 10px;
}
#auth #leave {margin-bottom: 20px;}
#auth #leave a{
	color: #2e9d46;
	border-radius: 5px;
	padding: 5px 35px;
}
#auth .authTxt{
	font-size: 0.75em;
	color: #5d3835;
	text-align: left;
}
#auth #txtDet {transition: 0.4s;}
#auth .txtOpen{
	position: relative;
	padding-bottom: 13px;
	margin-bottom: 10px;
}
#authlinks li{
	margin-bottom: 5px;
}
#authlinks li:last-child {padding: 0 5px;}
#authlinks li:last-child img{
	width: 100%;
	max-width: 320px;
	height: auto;
}
#city_girls{margin-bottom: 15px;}
#city_girls a img{
	max-width: 270px;
	height: auto;
}

/* 01 index.html
------------------------------------------------- */
#recBanner{text-align: center;}
#recBanner img{
	width: 100%;
	max-width: 750px;
	height: auto;
}
/*#hdBanner{float: right;}*/
#hdBanner{
	padding: 5px 5px 0;
	text-align: center;
}
#hdBanner li{margin-bottom:5px;}
#hdBanner a img{
	max-width: 360px;
	width: 100%;
	height: auto;
}

/*------------ヘッダーバナー-------------*/
.swiper-container{
	background: #fff;
	padding-bottom: 30px !important;
	position: relative;
	min-width: 320px;
	text-align: center;
}
.swiper-slide img{
	max-width: 840px;
	width: 100%;
	height: auto;
}
.swiper-pagination{bottom: 7px;}
.swiper-pagination-bullet-active{background: #ef4135;}
#swpPages {
	width: 100%;
	z-index: 100;
}
#swpPages li{
	cursor: pointer;
	display: block;
	position: absolute;
	top: 37%;
	z-index: 999;
}
#swpPages li.slidePrev{left: 1%;}
#swpPages li.slideNext{right: 1%;}

/* 写メ日記
-------------------------------------------------------- */
#cityWIG {
	width: 100%;
	min-height: 350px;
}

/* 本日の女性写真
-------------------------------------------------------- */
#bbs{padding-top: 50px; margin-top: -50px;}
#city_reserve{
	margin-bottom: 5px;
	text-align: center;
}
#city_reserve a img{
	max-width: 360px;
	width: 100%;
	height: auto;
}
#bbsBox{
	padding: 5px 0;
	text-align: left;
	color: #623c16;
}
.mailpost .mbPhoto{
	padding: 0 5px 5px 0;
	float: left;
}
.mailpost dl dt{
	background: #f6c2bf;
	display: inline-block;
	padding: 2px 7px;
	margin-bottom: 2px;
}
.mailpost dl dd{
	text-align: left;
	font-size: 1.44em;
	color: #962334;
	margin-bottom: 2px;
	line-height: 1.2;
	padding-right: 10px;
	word-break: break-word;
}
.mailpost .txt{padding: 0 4px 5px; word-break: break-word;}

/* Official Twitter
-------------------------------------------------------- */
/* #twitterBox {
	background:#f1f1f1;
	display: flex;
	justify-content: center;
} */

#twitter div{
	margin: 35px auto 33px;
	text-align: center;
}
#twitter div a{
	color: #fff;
	background: #1d9bf0;
	border-radius: 35px;
	padding: 15px 30px;
	font-weight: bold;
	text-decoration: none;
}

/* 面接予定&結果
-------------------------------------------------------- */
#recInfo{
	padding: 5px;
	background: #98ba3d;
}
#recInfo h3{
	padding-bottom: 5px;
	text-align: center;
}
#recInfo a{
	display: block;
	background: #fff;
	border-radius: 3px;
	text-decoration: none;
}
#recInfo a dl{padding: 5px 20px 5px 5px;}
#recInfo p{
	padding: 5px;
	display: block;
	background: #fff;
	border-radius: 3px;
	position: relative;
	text-decoration: none;
}
#recInfo a dl dt{
	padding-left: 25px;
	background-image: url(../img/rec/res_time.png);
	background-position: 0 50%;
	background-repeat: no-repeat;
	-webkit-background-size: 18px 18px;
	background-size: 18px 18px;
	color: #533c3c;
}
#recInfo a dl dd{
	padding-left: 25px;
	background-image: url(../img/rec/res_caps.png);
	background-position: 0 50%;
	background-repeat: no-repeat;
	-webkit-background-size: 18px 18px;
	background-size: 18px 18px;
	color: #fe5286;
}

/* お知らせ・ご案内
-------------------------------------------------------- */
#news{
	/*padding-top: 50px;
	margin-top: -50px;*/
	margin-bottom: 10px;
}
#newsList li{border-bottom: 1px solid #775e3e;}
#newsList li a{
	padding: 10px 25px 10px 5px;
	/*padding: 5px 25px 5px 5px;*/
	display: block;
	text-decoration: none;
	word-break : break-word;
	font-size: 1rem;
	position: relative;
}
#newsList li a span{color: #a14e4e; font-size: 0.94em;}
#newsList li a p{color: #333; font-size: 0.94em;}

/* 本日の出勤予定
-------------------------------------------------------- */
.atwList{max-width: 470px; margin: 0 auto;}
#albDate{
	text-align: center;
	color: #333333;
	padding-top: 8px;
	/*padding: 4px 0 4px 2px;*/
}
#albDate span{font-size: 1.38em;}
.atwList ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}
.atwList ul li{
	width: 50%;
	border: 1px solid #000;
	text-align: left;
}
.atwList ul li a{
	display: block;
	position: relative;
	text-decoration: none;
	color: #333;
}
.atwList ul li a .listguidance{
	padding: 3px;
	margin: 0 3px;
	text-align: center;
	background: #ffb9b5;
}
.atwList ul.charas{
	padding: 3px 2px;
	margin: 0 auto;
	justify-content: space-between;
	gap: 0 2px;
	flex-flow: row nowrap;
}
.atwList ul.charas li{
	/*width: 49.5%;*/
	padding: 4px;
	margin: 0;
	background: #b967e8;
	color: #fff;
	border: none;
	text-align: center;
	/*font-size: .75rem;*/
	font-size: .81rem;
	flex:0 0 50%;
}


.listPhoto{position: relative;}
.listPhoto > img{
	width: 100%;
	height: auto;
}


.atwList ul li a .atwinfoSet{
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
}
.atwList ul li a .atwSize{font-size: 1rem;}
.atwList ul li a .atwSize span{color: #ff3795;}
/*.atwList ul li a .atwinfoSet .listRank{flex:0 0 50px;}*/
.atwList ul li a .listRank{
		position: absolute;
		right: 1px;
		bottom: 1px;
		z-index: 1;
	}
.atwList ul li a .listRank img{
	width: 50px;
	height: auto;
}

/*.atwList ul li a dl{flex: 1 1 0;}*/
.atwList ul li a dl dt{color: #272114; font-size: 1.13em;}
.atwList ul li a dl dt span{color: #4b0000;}
/*.atwList ul li a dl dd{color: #623c16; font-size: 0.94em;}*/
.atwList ul li a dl dd{color: #623c16; font-size: 1.13em;}
.atwList ul li a .attend{padding: 3px 0; text-align: center;}

/* 02 sitemap.html
------------------------------------------------- */
#sitemap{
	padding: 15px 0;
	background: #ffeceb;
}
.sp #sitemap{background: #f1ffeb;}
.sm #sitemap{background: #ebfdff;}
.fl #sitemap{background: #ffe7d3;}
.wn #sitemap{background: #e0e0ff;}

#sitemap #smHome{
	min-height: 22px;
	line-height: 22px;
	display: inline-block;
/*	padding-left: 30px;
	background: url(../img/common/icn_home.png);
	background-position: 0 50%;
	background-repeat: no-repeat;
	-webkit-background-size: 25px 22px;
	background-size: 25px 22px;*/
}

/* 03 system.html
------------------------------------------------- */
.creditBtn{
	text-align: center;
	padding: 10px 10px 0;
}
.creditBtn img{
	max-width: 470px;
	width: 100%;
	height: auto;
}
#sysNav{
	padding: 10px 0;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	text-align: center;
}
#sysNav li{
	padding: 1px;
	flex: 1 1 0%;
}
#sysNav li div,
#sysNav li a{
	width: 100%;
	height: 3em;
	border: 2px solid #ff688c;
	border-radius: 3px;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: #333;
	font-size: .81rem;
}
.sp #sysNav li div, .sp #sysNav li a{border: 2px solid #87bf4e;}
.sm #sysNav li div, .sm #sysNav li a{border: 2px solid #37c4c4;}
.fl #sysNav li div, .fl #sysNav li a{border: 2px solid #ff8b51;}
.wn #sysNav li div, .wn #sysNav li a{border: 2px solid #a2a2ef;}

#sysNav li div{background: #ff688c; color:#fff;}
.sp #sysNav li div{background: #87bf4e;}
.sm #sysNav li div{background: #37c4c4;}
.fl #sysNav li div{background: #ff8b51;}
.wn #sysNav li div{background: #a2a2ef;}

/* 料金表
------------------------------------ */

#priceBox table{
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #775e3e;
}
#priceBox table tr:nth-child(odd) th,
#priceBox table tr:nth-child(odd) td{
	background: #f8f5ee;
}
#priceBox table tr td{text-align: right;}
#priceBox table tr th,
#priceBox table tr td{
	padding: 5px;
	border-bottom: 1px solid #775e3e;
	font-weight: normal;
	color: #333;
}
#priceBox table tr th span,
#priceBox table tr td span{
	font-size: 1.44rem;
	font-weight: bold;
}

#otherPrice{padding: 0 5px;}

.sysCaps {padding: 10px 3px;}
.sysCaps dd{
	padding: 5px 0;
	font-size: .88rem;
}
.sysCaps span{
	color: #a14e4e;
	font-weight: bold;
}

#basic h3{
	padding: 5px;
	text-align: center;
	background: #a14e4e;
	color: #fff;
	font-size: 1.13rem;
	font-weight: normal;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #775e3e;
}
#basic ul{
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #775e3e;
}
#basic ul li{
	width: 50%;
	padding: 5px;
	flex: 0 0 auto;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #775e3e;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#option h3{
	padding: 5px;
	text-align: center;
	background: #a14e4e;
	color: #fff;
	font-size: 1.13rem;
	font-weight: normal;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #775e3e;
}
#option table td{white-space: nowrap;}
#option .comOpt {
	margin-top: 3px;
	display: inline-block;
	font-size:.88rem;
}
.takeout{
	padding: 0 3px;
	margin-left: 3px;
	/*background: #ff3795;*/
	border-radius: 3px;
	color: #ff3795;
	display: inline-block;
	font-size: .75rem;
	font-weight: normal;
}

#carfare h3{
	padding-left: 35px;
	margin-bottom: 5px;
	font-size: 1.13rem;
	color: #a14e4e;
	font-weight: normal;
	background-image: url(../img/sys/icn_car.png);
	background-position: 0 50%;
	background-repeat: no-repeat;
	-webkit-background-size: 30px 24px;
	background-size: 30px 24px;
}
#carfare .tbl td{color:#ff3795;}

#delivery h3{
	padding-left: 35px;
	margin-bottom: 5px;
	font-size: 1.13rem;
	color: #a14e4e;
	font-weight: normal;
	background-image: url(../img/sys/icn_deli.png);
	background-position: 0 50%;
	background-repeat: no-repeat;
	-webkit-background-size: 30px 24px;
	background-size: 30px 24px;
}
#delivery h3 span{
	padding-left: 10px;
	/*font-size: 1.15rem;*/
	color: #333;
}
#delivery table td{white-space: nowrap;}
#delivery p{color:#c19967;}

/* 04 rule.html
------------------------------------------------- */
.divide{
	padding: 0 5px 15px 5px;
	margin-bottom: 15px;
	border-bottom: 1px dashed #8b7a58;
}
#rule h3{
	margin-bottom: 5px;
	color: #a14e4e;
}
#rule ul li{
	line-height: 1.4em;
	padding-left: 1em;
	text-indent: -1em;
}
#rule ul li::before{content: "◆";}
.attention{color:#a14e4e;}


/* 05 howto.html
------------------------------------------------- */
#howto a{
	color:#048407;
	text-decoration: underline;
}
#howto h3{
	padding:5px 0 5px 30px;
	margin-bottom: 10px;
	-webkit-background-size: 28px 28px;
	background-size: 28px 28px;
	background-color: #323232;
	background-position: 0 50%;
	background-repeat: no-repeat;
	color: #fff;
	font-size: 1.13rem;
}
#steps h3{background-image: url(../img/sys/icn_steps.png)}
#promise h3{background-image: url(../img/sys/icn_promise.png)}
#sanitation h3{background-image: url(../img/sys/icn_sanitation.png)}

#steps{padding: 5px;}
#steps dl{
	width: 100%;
}
#steps dl dt{
	padding: 0 15px;
	background: #fff6f5;
	color: #d2928e;
	font-size: 1.13rem;
	text-align: center;
}
#steps dl dd{
	padding: 10px 5px;
	border: 4px solid #fff6f5;
	margin-bottom: 20px;
	background: #fff;
}
.htHead{color: #a14e4e;}

#howto .htLink{margin-bottom: 5px;}
#howto .htLink a{
	padding: 10px;
	display: block;
	background: #ff688c;
	border-radius: 3px;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.sp #howto .htLink a{background: #87bf4e;}
.sm #howto .htLink a{background: #37c4c4;}
.fl #howto .htLink a{background: #ff8b51;}
.wn #howto .htLink a{background: #a2a2ef;}
.htLink a:after{border-color: #fff;}
#promise,
#sanitation{margin-bottom: 20px;}


/* 06 credit.html
------------------------------------------------- */
#credit{padding-bottom: 15px;}
#credit a{color:#048407;}
#credit h3{
	padding: 5px 0;
	margin-bottom: 5px;
	text-align: center;
	color: #fff;
	background: #4c8bff;
	line-height: 1.2;
}
#credit .cardlist{
	background: #8de5d7;
	padding: 5px 0;
	margin-bottom: 5px;
	text-align: center;
}
#credit h4:before{
	content: '';
	width: 1rem;
	height: 1rem;
	margin-top: -.5rem;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 5px;
	display: inline-block;
}
#credit h4{
	padding: 5px 5px 5px 25px;
	background: #333;
	color: #fff;
	position: relative;
}
#credit ol li{
	padding: 8px 5px 8px 1.8em;
	text-indent: -1.2em;
	list-style: decimal inside;
	line-height: 1.4;
}
#credit ol li:last-child{margin-bottom: 10px;}
#credit ol li:not(:last-child){border-bottom: 1px dashed #7d4f4b;}
#credit ol li span.creCaps{color: #e10000;}
#credit ol li span.emphasize{color: #0b61ff; font-weight: bold;}

#linkcredit{margin-bottom:15px;}
#linkcredit a{
	width: 85%;
	margin: 0 auto 15px;
	padding:10px 40px 10px 20px;
	background: -moz-linear-gradient(top, #5eb5ff 0%, #1ba6ff 100%); 
	background: -webkit-linear-gradient(top, #5eb5ff 0%,#1ba6ff 100%);
	background: linear-gradient(to bottom, #5eb5ff 0%,#1ba6ff 100%);
	border: 1px solid #338bef;
	border-radius: 4em;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	display: block;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	position: relative;
}
#linkcredit a:after{
	content: '';
	width: 14px;
	height: 14px;
	margin-top: -7px;
	border-width: 3px 3px 0 0;
	border-style: solid;
	border-color: #fff;
	transform: rotate(45deg);
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
}
#credit .acceptTel{
	text-align:center;
	font-weight:bold;
	margin-bottom:20px;
}

/* 07 map.html
------------------------------------------------- */
#map{padding: 0 5px;}
#map p{padding: 20px 5px;}
#gmap{height: 370px;}
#map dl{margin-bottom: 15px;}
#map dl dt{
	padding: 10px 0;
	text-align: center;
}

/* 08 question/
------------------------------------------------- */
.ptb50{padding: 50px 0;}
#qWrap{
	padding: 10px 5px;
	background: #ffe0de;
}
.sp #qWrap{background: #f1ffeb;}
.sm #qWrap{background: #ebfdff;}
.fl #qWrap{background: #ffe7d3;}
.wn #qWrap{background: #e0e0ff;}

#qBox{
	padding: 10px;
	background: #fbf8f3;
	border: 1px solid #8b7a58;
	border-radius: 5px;
}
#qBox dl{padding: 10px 0;}
#qBox dl dd:not(:last-child){
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #cccccc;
}
#qBox dl dd ul li{
	display: inline-block;
}
.cblist li{
	padding: 5px 3px;
	display: inline-block;
}
.cblist li label{
	padding: 8px 9px 8px 3px;
	border: 1px solid #666;
	border-radius: 5px;
	display: block;
	background: #fff;
}


#formBtn{text-align:center; margin-bottom: 10px;}
#formBtn li{
	display: inline;
	padding: 0 10px;
}
#formBtn li:first-child{padding-right: 5px;}

#formBtn li input[type="submit"],
#formBtn li input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
#formBtn li input[type="submit"]::-webkit-search-decoration,
#formBtn li input[type="button"]::-webkit-search-decoration {
	display: none;
}
#formBtn li input[type="submit"]::focus,
#formBtn li input[type="button"]::focus {
	outline-offset: -2px;
}

#formBtn li input[type="submit"]{
	width: 35%;
	padding: 7px 0;
	color: #fff;
	border-radius: 3px;
	border: 1px solid #be246c;
	font-weight: bold;
	background: #ff3795;
}
.sp #formBtn li input[type="submit"]{
	border: 1px solid #28591d;
	background: #3eb227;
}
.sm #formBtn li input[type="submit"]{
	border: 1px solid #1a6b73;
	background: #04bbcc;
}
.fl #formBtn li input[type="submit"]{
	border: 1px solid #903300;
	background: #ff610b;
}
.wn #formBtn li input[type="submit"]{
	border: 1px solid #3c3cd0;
	background: #7474ff;
}

/* 09 link.html
------------------------------------------------- */
#tabs{
	padding: 10px 5px;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
}
#tabs li{
	padding: 0 2px;
	flex: 1 1 0%;
	text-align: center;
}
#tabs li a{
	height: 100%;
	padding: 10px 0;
	border: 1px solid #8b7a58;
	border-radius: 3px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	color: #581211;
	background: #fff;
	text-decoration: none;
}
#tabs li a span{
	display: block;
	font-size: .75rem;
}
#tabs li a.act {
	color: #fff;
	background: #c19967;
}

ul.links{border-top: 1px solid #8b7a58;}
ul.links li{border-bottom: 1px solid #8b7a58;}
ul.links li:nth-child(odd){background: #fbf8f3;}
ul.links li a{
	padding: 10px 30px 10px 5px;
	text-decoration: none;
	color: #048407;
	display: block;
	position: relative;
}
ul.links li a:after{
	content: '';
	width: 10px;
	height: 10px;
	margin-top: -5px;
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #ff688c;
	transform: rotate(45deg);
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
}
.sp ul.links li a:after{border-color: #87bf4e;}
.sm ul.links li a:after{border-color: #37c4c4;}
.fl ul.links li a:after{border-color: #ff8b51;}
.wn ul.links li a:after{border-color: #a2a2ef;}

#mutual{padding: 5px;}
#mutual .tbl th{white-space: nowrap;}
#mutual .tbl td{text-align: left;}

/* 10 mailbbs/
------------------------------------------------- */
#bbsList{padding: 10px 5px 5px;}
#bbsPost li{
	padding: 8px 5px 10px;
	border: 1px solid #000;
	word-break: break-word;
}
#bbsPost li:not(:last-child){margin-bottom: 20px;}


/* 11 news/
------------------------------------------------- */
.newsInner{padding: 5px;}
#newsAcc{border: 1px solid #af9264;}
#newsAcc li{padding: 0 5px;}
#newsAcc li:not(:last-child){border-bottom: 1px solid #af9264;}
#newsAcc .nHead {
	padding: 10px 20px 10px 0;
	display: block;
	position: relative;
}
#newsAcc .nHead::after{
	content: '';
	width: 10px;
	height: 10px;
	margin-top: -7px;
	border-width: 0 2px 2px 0;
	border-style: solid;
	border-color: #000;
	transform: rotate(45deg);
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
}
#newsAcc .nHead.selected::after{
	margin-top: -2px;
	transform: rotate(-135deg);
}
#newsAcc .nHead h3{
	font-weight: normal;
	color: #5d3835;
}
.nHead span{color: #a14e4e; font-size: 0.94em;}
.nCont {
	border-top: 1px dashed #b87726;
	padding: 10px 5px;
	word-break: break-word;
}
.nCont img{
	max-width: 100%;
	height: auto;
}


/* 12 news/sp_detail.php
------------------------------------------------- */
#wrapper.det{padding-top: 0;}
.det #news #newsTitle{
	border-bottom: 1px dashed #816a4c;
	padding: 15px 5px;
	margin-bottom: 10px;
}
.det #news #newsTitle span{color: #a14e4e; font-size: 0.94em;}
.det #news #newsTitle p{color: #333; font-size: 0.94em;}

.det #news .txt{
	padding: 10px 8px 20px;
	word-break: break-word;
}
.det #news .txt img{max-width: 100%; height: auto;}
.pageback a{
	padding:10px 30px;
	border-radius: 1.5em;
	text-decoration:none;
	display:inline-block;
	background: #fff;
	border: 1px solid #8b7a58;
	color: #333;
}
.pageback a.arL:before{border-color: #4b0000;}

/* 12 news2
------------------------------------------------- */
/* #newsHead{
	color: #fff;
	font-weight: normal;
	background: #c889bc;
	border-top: 1px solid #973b82;
	border-bottom: 1px solid #973b82;
} */
#wrapper.newsCustom{padding-top: 0;}
.newsCustom h1{
	padding: 10px 5px;
	font-weight: normal;
}
/*
.newsCustom .nCont{
	border-top: none;
	word-break: break-word;
}
#closeBtn{
	width: 95%;
	background: #767676;
	border-radius: 5px;
	margin: 0 auto;
}
#closeBtn a{
	padding: 15px 0;
	display: block;
	text-decoration: none;
	text-align: center;
} */

#newsCont{
	padding: 10px 5px;
	word-break: break-word;
}
#newsClose{text-align: center;}
#newsClose a{
	width: 80%;
	padding:10px 30px;
	border-radius: 1.5em;
	text-decoration:none;
	display:inline-block;
	background: #fff;
	border: 1px solid #8b7a58;
	color: #333;
}
#newsClose a span{padding-left: 20px;}


/* 13 qzin/
------------------------------------------------- */
#qzin{padding: 5px;}
#qzin h1{text-align: center; margin-bottom: 10px;}
#qzin h1 img{
	max-width: 470px;
	width: 100%;
	height: auto;
}

#checkPoint{
	margin-bottom: 10px;
	border: 2px solid #ff3795;
}
#checkPoint p{
	padding: 3px 0;
	text-align: center;
	background: #ff3795;
	color:#fff;
}
#checkPoint ul{padding: 5px;}
#checkPoint ul li{
	padding:5px 0 5px 25px;
	background: url(../img/qzin/qzin_bullet.png);
	background-position: 0 50%;
	background-repeat: no-repeat;
	-webkit-background-size: 20px 20px;
	background-size: 20px 20px;
	font-size: 1.13rem;
}
#checkPoint ul li:not(:last-child){border-bottom: 1px solid #696969;}

#qzin h2{
	text-align: center;
	font-size: 1.25rem;
}
#qzin h3{
	padding: 5px 5px 5px 25px;
	background: #e7f4d5;
	position: relative;
}
#qzin h3:before{
	content: '';
	width: 1rem;
	height: 1rem;
	margin-top: -.5rem;
	background: #9dc16b;
	position: absolute;
	top: 50%;
	left: 5px;
	display: inline-block;
}

#qzin .txt{
	padding: 10px 5px;
	margin-bottom: 10px;
	color: #333;
	line-height: 1.5;
	border-bottom: 1px solid #333;
}
#qzin .txt p{word-break: break-word;}

#timeOp{
	border-width: 1px 1px 0;
	border-style: solid;
	bordr-color: #8b7a58;
}
#timeOp dt{
	padding: 4px 0;
	text-align: center;
	color: #333;
	font-size: 1.13rem;
	background: #f8f4ec;
	border-bottom: 1px solid #8b7a58;
}
#timeOp dd{
	padding: 8px 5px;
	background: #fff;
	border-bottom: 1px solid #8b7a58;
}
.chara{
	background: #fff2f8;
	border: 1px solid #ff3795;
	padding: 7px 5px;
}
.chara dt{
	padding: 2px 0;
	text-align: center;
	color: #fff;
	font-size: 1.13rem;
	background: #ff3795;
	border-radius: 5px;
}
.chara dd{padding: 5px; color: #333; word-break: break-word;}

#qzin .info li a{
	background-color: #50ba50;
	border: 1px solid #2a802a;
}
#qznLINE{padding: 5px;}
#qznLINE a{
	width: 100%;
	padding: 5px;
	text-decoration: none;
	color: #333;
	display: table;
	border: 1px solid #998a6c;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#qznLINE div{
	display: table-cell;
	line-height: 1.3;
}
#qznLINE p#linecaps{
	min-height: 42px;
	padding-left: 47px;
	background-image: url(../img/qzin/qzin_line.png);
	background-position: 0 50%;
	background-repeat: no-repeat;
	-webkit-background-size: 42px 42px;
	background-size: 42px 42px;
	font-size: .88rem;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}
#qznLINE p#lineID{font-size: 1.15rem;}
#qznLINE p#lineID span{
	padding: 0px 10px;
	margin-right: 5px;
	background: #333;
	color: #fff;
	font-size: 1.29rem;
	border-radius: 4px;
}
#qznLINE p#lineID{font-size: 1.58rem;}

#lineQR{
	width: 74px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
#lineQR img{border: 1px solid #000;}

/* 14 recinfo.html
------------------------------------------------- */
#recList{
	padding: 5px;
	background: #b9a376;
}
#recinfoList{padding: 10px 5px 0;}
#recinfoList li{
	padding: 5px;
	margin-bottom: 10px;
	background: #fff;
	border-radius: 5px;
	word-break: break-word;
}
.intHead{
	background: #f8f4f4;
	position: relative;
}
.intHead h3{
	display: inline-block;
	padding: 5px;
	background: #ff3795;
	color: #fff;
}
.sp .intHead h3{background: #3eb227;}
.sm .intHead h3{background: #04bbcc;}
.fl .intHead h3{background: #ff610b;}
.wn .intHead h3{background: #7474ff;}

.intHead p{
	display: inline-block;
	font-size: 1.15rem;
}
.intHead p span{padding-left: 10px;}
.impression{padding: 10px 0;}

.fin{
	width: 80%;
	margin: 0 auto 5px;
	background: #f00;
	border-radius: 3px;
	text-align: center;
}
.fin span{
	padding: 5px 5px 5px 25px;
	display: inline-block;
	background-image: url(../img/rec/res_check.png);
	background-position: 0 50%;
	background-repeat: no-repeat;
	-webkit-background-size: 17px 14px;
	background-size: 17px 14px;
	color: #fff;
}
.chkres {
	width: 80%;
	padding:10px 40px;
	margin: 5px auto;
	border-radius: 1.5em;
	text-decoration:none;
	background: #fff;
	border: 1px solid #8b7a58;
	color: #333;
	position: relative;
	text-align: center;
	display: block;
}
.chkres span{
	display: inline-block;
}
.chkres span:before{
	content: '';
	width: 10px;
	height: 10px;
	margin-right: 5px;
	margin-top: -5px;
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #000;
	transform: rotate(135deg);
	display: inline-block;
	position: relative;
	top: -4px;
}
.chkres span.close:before{
	transform: rotate(-45deg);
	top: 1px;
}
.result dt{
	padding: 5px;
	border: 1px solid #edd0ce;
	border-radius: 5px;
	background: #ffeeed;
	color: #a14e4e;
	text-align: center;
	letter-spacing: 1rem;
}
.sp .result dt{
	border: 1px solid #afda84;
	background: #eeffde;
	color: #50752a;
}
.sm .result dt{
	border: 1px solid #9ad4d9;
	background: #defcff;
	color: #2a6f75;
}
.fl .result dt{
	border: 1px solid #ffbb99;
	background: #ffe7d3;
	color: #8d3e22;
}
.wn .result dt{
	border: 1px solid #c0c0f0;
	background: #e0e0ff;
	color: #303090;
}

.result dd{padding: 20px 0;}


/* 15 alb/(女性一覧)
------------------------------------------------- */
#albCount{
	margin: 5px auto;
	padding: 3px 10px;
	background: #464646;
	border-radius: 3px;
	display: table;
}
#albCount dt{
	padding: 0 5px;
	display: table-cell;
	vertical-align: middle;
	color: #fff;
}
#albCount dt img{vertical-align: middle;}
#albCount dd{
	min-width: 4em;
	background: #fff;
	display: table-cell;
	vertical-align: middle;
	border-radius: 3px;
	text-align: center;
	font-size: 1.13rem;
	color:#ff3795;
}
#albload_select{
	padding: 3px 0;
	font-weight: normal;
	text-align: center;
}
#albload_select h3{
	padding-left: 23px;
	display: inline-block;
	background: url(../img/alb/dispday.png);
	-webkit-background-size: 18px 18px;
	background-size: 18px 18px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#albload_select span{font-weight: bold;}

/* ソートボタン
---------------------------------*/
#madamSort{
	padding: 5px;
	background: #775e3e;
}
#madamSort ul{
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
#madamSort ul li{
	padding: 2px;
	flex: 1 1 0%;
}
#madamSort ul li a{
	width: 100%;
	padding: 8px 0;
	display: block;
	background: #fff;
	border-radius: 3px;
	text-align: center;
	text-decoration: none;
	color: #333;
	font-size: .88rem;
}
#madamSort ul li a.ac{background: #ffe0de;}
.sp #madamSort ul li a.ac{background: #e1ffc4;}
.sm #madamSort ul li a.ac{background: #defbfe;}
.fl #madamSort ul li a.ac{background: #ffe7d3;}
.wn #madamSort ul li a.ac{background: #e0e0ff;}

.cngDay{
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	background: #775e3e;
}
.cngDay li{
	padding: 1px;
	text-align: center;
	flex: 1 1 0%;
}
.cngDay li a{
	padding: 3px 0;
	display: block;
	background: #fff;
	text-decoration: none;
	color: #333;
	font-size: .88rem;
}
.cngDay li a span{display: block;}
.cngDay li a.ac{background: #ffca6e;}
.sat{color: #1000aa;}
.sun{color: #ce0000;}

/* 女性カード（一覧）
---------------------------------*/
#albload{padding: 15px 0;}
#albload .womancard{
	width: 100%;
	/*margin-bottom: 15px;*/
	/* display: table;
	table-layout: fixed; */
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	overflow: hidden;
	border-width: 1px 0;
	border-style: solid;
	border-color: #8b7a58;
	text-align:left;
}
#albload .dispseq{
	opacity: 1 !important;
	transition: opacity .6s;
}
#albload .cardInner a{text-decoration:none;}

#albload .listPhoto,
#albload .cardinfo{
	flex:1 1 0;
	/* display: table-cell;
	vertical-align: top; */
}
#albload .listPhoto a{
	display: block;
	position: relative;
}
div.listinfoSet{
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.listinfoSet div{flex: 1 1 0;}
/*.listinfoSet .listRank{flex: 0 0 50px;}*/

#albload .listPhoto{
	/*width: 163px;*/
	flex: 0 0 163px;
}
#albload .listPhoto a > img{
	width: 100%;
	height: auto;
}
.listIcon{
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}
.listRank{
	position: absolute;
	right: 1px;
	bottom: 1px;
	z-index: 1;
}
/*.listRank{
	right: 3px;
}*/

.evIcon{
	position: absolute;
	right: 1px;
	bottom: 1px;
	z-index: 1;
}
.evIcon img{
	width: 50px;
	height: auto;
}

/* キャッチコピー
---------------------------------*/
.listCatch{
	color: #333;
	overflow:hidden;
	z-index: 999;
	font-size: .94rem;
	position: absolute;
	top:0;
	background: rgba(255,255,255,.6);
	width: 100%;
}
.listCatch p {
	margin:0;
	padding-left:100%;
	display:inline-block;
	white-space:nowrap;
	animation-name:marquee;
	/* 文字の長さによって設定スピードが異なるのでjsで設定
	*/
	animation-duration:15s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
	-webkit-animation-name: marquee;
	-webkit-animation-timing-function: linear;
	-webkit-animation-duration: 15s;
	-webkit-animation-iteration-count: infinite;
}
@keyframes marquee {
	from { transform:translate(0);     }
	to   { transform:translate(-100%); }
}
@-webkit-keyframes marquee {
		0% { transform: translate(0); }
	100% { transform: translate(-100%); }
}

/* 女性情報（カード）
---------------------------------*/

#albload .cardinfo{
	/*padding-bottom: 52px;*/
	position: relative;
	display: -webkit-flex;
	display: flex;
	flex-flow: column nowrap;
}
#albload .cardinfo>a{
	text-decoration: none;
	display: block;
	color: #333;
}
.listrank_first{
	background: #08d2a9;
	color: #fff;
	display: block;
	/*margin-bottom: 2px;*/
	text-align: center;
}
#albload .listname,
#albload .listruby,
#albload .listage,
#albload .listSize{margin-left: 4px;}

#albload .listname{font-size: 1.25rem}
#albload .listname span{font-weight: normal;}
#albload .listruby{font-size: .94rem;}
#albload .listage{font-size: 1.25rem;}

#albload .womancard .listguidance{
	padding-top: 4px;
	text-align: center;
	background: #ffb9b5;
}
#albload .atwStr{
	padding: 2px 0;
	text-align: center;
	border: 2px solid #ffb9b5;
}
#albload .attend {background:#fff;}
#albload .rest {color: #999;}
#albload .pending {background:#07c5f9; color: #fff;}
#albload .listSize{padding: 2px 0;}
#albload .listSize span{color: #ff3795;}


/* カードボタン
---------------------------------*/
.cardinfo .iconset{
	/* position: absolute;
	bottom: 0; */
	margin-top: auto;
}
.iconset{
	width: 100%;
	padding: 1px;
	font-size: 0.88em;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
}
.iconset li{
	width: 50%;
	min-height: 46px;
	flex :1 1 0%;
	vertical-align: middle;
	color: #bbbbbb;
	line-height: 1.1;
	padding: 2px;
}
.iconset li a{text-decoration: none;}
.iconset li a b{
	font-style: normal;
	color:#ff9f99;
	display: contents;
}
.sp .iconset li a b{color: #91c975;}
.sm .iconset li a b{color: #7ac5cc;}
.fl .iconset li a b{color: #ffa070;}
.wn .iconset li a b{color: #a6a6f4;}

.iconset li a,
.iconset li span{
	width: 100%;
	height: 100%;
	padding: 5px 0;
	display: block;
	color: #333;
	border: 1px solid #a9a9a9;
	border-radius: 3px;
	font-size: 1.13rem;
	/*font-size: .94rem;*/

	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;

	background: -moz-linear-gradient(top, #fff 0%, #e5e5e5 100%); 
	background: -webkit-linear-gradient(top, #fff 0%,#e5e5e5 100%);
	background: linear-gradient(to bottom, #fff 0%,#e5e5e5 100%);
	opacity: 0.3;
	filter: alpha(opacity=0.3);
}
.iconset li a.act,
.iconset li span.act{
	opacity: 1;
	filter: alpha(opacity=1);
}
.cardinfo ul.charas{
	padding: 0;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.cardinfo ul.charas li{
	width: 50%;
	padding: 0 2px;
}
.cardinfo ul.charas li span{
	width: 100%;
	padding: 5px 0;
	display: block;
	background: #b967e8;
	color: #fff;
	border: none;
	text-align: center;
	font-size: .81rem;
	/*font-size: .75rem;*/
}

/* floating要素
---------------------------------*/
#induction{
	position: fixed;
	left: 0;
	bottom: 0;
	padding: 5px 0;
	z-index: 1000;
	min-width: 320px;
	width:100%;
	border-collapse: separate;
	border-spacing: 4px 0;
	background: rgba(0,0,0,0.6);
}
#induction div#indInner{
	width: 100%;
	display: table;
}
#induction div{
	width: 50%;
	height: 50px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	border-radius: 5px;
	line-height: 1.2;
	color: #bbb;
}
#induction div a{
	padding: 5px 0;
	text-decoration:none;
	border-radius:5px;
	display: block;
	vertical-align: middle;
}
#induction div a span{font-size: 0.94em;}
.listBtn_Yy{background: #fff0fc;}
.listBtn_Mm{background: #ecfbff;}

.listBtn_Yy.act{background: #ff688c; color: #fff;}
.listBtn_Mm.act{background: #ff8f4c; color: #fff;}

.listBtn_Yy.act a{color: #fff;}
.listBtn_Mm.act a{color: #fff;}

/* 16 alb/girl_detail.html
------------------------------------------------- */
#photoBox{
	padding:0 0 5px;
	text-align: center;
}
#detailPhoto{position: relative;}
#detailPhoto .images{
	margin-left:auto;
	margin-right:auto;
	position:relative;
	overflow:hidden;
	z-index:1
}
ul#items li{text-align: center;}
ul#items li.item img{
	width: 100%;
	max-width: 600px;
	height: auto;
}
#photoSlide{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 99;
	margin-top: -30px;
}
#photoSlide ul{position:relative;}
#photoSlide ul li{
	width: 50px;
	height: 50px;
	position:absolute;
	border-radius: 2.5em;
	background: rgba(255,255,255,0.4);
	text-align: center;
	padding-top: 8px;
	display: block;
	text-indent: -9999px;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.4);
	box-shadow: 0 0 6px rgba(0,0,0,.4);
}
#photoSlide ul li.swiper-button-disabled{opacity:0.3;}
#photoSlide ul li#prev{left:5px;}
#photoSlide ul li#next{right:5px;}
#photoSlide ul li#prev:before{
	content: '';
	width: 20px;
	height: 20px;
	margin-top: -10px;
	border-width: 2px 0 0 2px;
	border-style: solid;
	border-color: #000;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	display: block;
	position: absolute;
	top: 50%;
	left: 20px;
}
#photoSlide ul li#next:after{
	content: '';
	width: 20px;
	height: 20px;
	margin-top: -10px;
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
}
.swiper-pagination{bottom: 5px !important;}
.swiper-pagination-bullet-active{background: #ff5699 !important;}
.swiper-pagination-bullet {
	margin: 0 4px;
	width: 25px !important;
	height: 4px !important;
	border-radius: 0 !important;
}
.detIcon{
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 999;
}
#detEvIcon{
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 999;
}
#detEvIcon img{
	width: 100px;
	height: auto;
}

#detFirst{
	display: inline-block;
	padding: 5px 10px;
	margin: 5px 0;
	color: #fff;
	background: #08d2a9;
	text-align: center;
}
#detCatch{
	padding: 5px;
	color: #333;
	/*font-size: .88rem;*/
	text-align: left;
}
#prof{
	padding: 0 5px;
	text-align: center;
	margin-bottom: 5px;
	word-break: break-word;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
#prof .left{flex: 1 1 0%; text-align: left;}
#prof .right{flex: 0 0 120px; text-align: right;}
#prof h2{font-size: 1.5rem;}
#prof .atwIcon{margin-top: 3px;}
#prof .detage{font-size: 1.5rem;}
#prof .girlSize{font-size: 1rem; margin-bottom: 0;}
#prof .girlSize span{color: #ff3795;}

#profIcon {
	padding: 0 5px;
	text-align: center;
	margin-bottom: 5px;
	word-break: break-word;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
#sakura{
	text-align:right;
	margin-bottom: 5px;
}
#sakura ul {
	padding-top: 5px;
	font-size: 0.85em;
	color: #063190;
}
#sakura ul li {
	padding-top: 1px;
	padding-left: 15px;
}
#sakura ul li span{
	position:relative;
	display: inline-block;
	padding-left: 15px;
}
#sakura ul li span::before {
	position: absolute;
	content:'';
	width:14px;
	height:15px;
	top:0;
	left:0;
	background: url(../img/alb/sakura_check.png) 0 50%/14px 15px no-repeat;
}

#detprofInfo{
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
}
#detprofInfo div{flex:1 1 0;}
#detprofInfo .detRank{
	padding-right: 5px;
	flex:0 0 50px;
}


#girlDetail ul.charas{
	padding: 0 10px;
	margin-bottom: 5px;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}
#girlDetail ul.charas li{
	width: 50%;
	padding: 0 2px;
}
#girlDetail ul.charas li span{
	width: 100%;
	padding: 7px 0;
	display: block;
	background: #b967e8;
	color: #fff;
	border: none;
	text-align: center;
}

#guidance{
	padding: 5px 0;
	margin-bottom: 20px;
	text-align: center;
	background: #ff3795;
	color: #fff;
	font-size: 1.13rem;
}
#guidance span{color: #fff;}

/* スケジュール
---------------------------------*/
#schedule{
	padding: 10px 0;
	font-size: 1.13rem;
}
#schedule h3{
	text-align: left;
	color: #563928;
	font-weight: normal;
}

#scheList{
	margin: 0 auto;
	border-top: 1px solid #8b7a58;
}
#scheList li{
	width: 100%;
	padding: 5px;
	display: table;
	border-bottom: 1px solid #8b7a58;
	background: #fff;
}
#scheList li:nth-child(odd){background: #f9f5ed;}

#scheList li p{display: table-cell;}
#scheList li p.scheNext{
	color: #f16d95;
	text-align: right;
	font-weight: bold;
}

#scheList li p.scheDate{
	width: 35%;
	color: #855839;
	text-align: left;
}

#scheList li p.scheTime{
	width: 50%;
	text-align: right;
	color: #ff3795;
}
#scheList li p.scheTime.rest{color: #856d40;}
#scheList li p.scheTime.pend{color: #d1be98;}
#scheList li p.scheYoyaku{
	width: 15%;
	text-align: right;
	color: #856d40;
}
#scheList li p.scheYoyaku a{color: #15843a;}

/* アンケートボタン
---------------------------------*/
#enqLink{
	padding: 5px 0;
	text-align: center;
}
#enqLink a{
	width: 90%;
	padding: 8px 0;
	display: inline-block;
	background: #f7f8f2;
	border: 1px solid #8b7a58;
	border-radius: 1.5em;
	color: #333;
}
#enqLink a span{
	height: 30px;
	line-height: 30px	;
	padding-left: 30px;
	display: inline-block;
	background-image: url(../img/alb/det_enq.png);
	-webkit-background-size: 25px 30px;
	background-size: 25px 30px;
	background-position: 0 50%;
	background-repeat: no-repeat;
}

/* ご予約ボタン
---------------------------------*/
#contact{
	padding: 10px 0;
	text-align: center;
	margin-bottom: 20px;
	color: #333;
}
#contact dt{
	padding: 5px 0;
	font-size: .88rem;
}
#contact a{
	width: 90%;
	padding: 9px 0;
	display: inline-block;
	border: 1px solid #dd4166;
	border-radius: 1.5em;
	text-decoration: none;
	background: #ff688c;
	color: #fff;
	position: relative;
	font-size: 1.13rem;
	font-weight: bold;
}
.sp #contact a{
	border: 1px solid #43911c;
	background: #87bf4e;
}
.sm #contact a{
	border: 1px solid #1c8891;
	background: #37c4c4;
}
.fl #contact a{
	border: 1px solid #db5919;
	background: #ff8b51;
}
.wn #contact a{
	border: 1px solid #6060c0;
	background: #a2a2ef;
}

#contact a span{
	height: 30px;
	line-height: 30px;
	padding-left: 40px;
	display: inline-block;
	background-image: url(../img/alb/det_tel8bcd.png?d=230214);
	-webkit-background-size: 33px 28px;
	background-size: 33px 28px;
	background-position: 0 50%;
	background-repeat: no-repeat;
}

/* 写メ日記
---------------------------------*/
#diaryInner{padding: 5px;}
.logDate{
	padding: 0 3px;
	background: #5dcabc;
	color: #fff;
	font-weight: bold;
	font-size: 1.15rem;
}
.logPost dt{
	padding: 5px 3px;
	border-bottom: 1px solid #8b7a58;
}
.logPost dd{padding: 10px 5px;}

#readmore{
	padding: 15px 0;
	text-align: center;
}
#readmore a{
	padding: 10px 30px;
	display: inline-block;
	background-color: #f3f3f3;
	border: 1px solid #a3a3a3;
	border-radius: 5px;
	text-decoration: none;
	font-size: 1.15rem;
	color: #4c4c4c;
	position: relative;
	text-align: center;
}
#readmore a span{
	padding: 0 30px;
	display: block;
	position: relative;
}
#readmore a span:after {
	content:'';
	position: absolute;
	top:50%;
	right: 10px;
	margin:-5px 0 0 0;
	width:0;
	height:0;
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #ff9f99;
}
.sp #readmore a span:after {border-color: transparent transparent transparent #91c975;}
.sm #readmore a span:after {border-color: transparent transparent transparent #7ac5cc;}
.fl #readmore a span:after {border-color: transparent transparent transparent #ffa070;}
.wn #readmore a span:after {border-color: transparent transparent transparent #a6a6f4;}

#dirayPreview{
	height: 100vh;
	background: #f7efe6;
	text-align: left;
}
#previewDet{padding: 10px 5px;}

#girlDiary{background: #f7efe6;}
#detDiary{padding: 0 5px;}
#detDiary .pageback{padding: 5px 0 15px;}

#detinfo{
	padding: 10px 5px;
	border: 1px solid #775e3e;
	background: #fff;
}
#detinfo .logPost dt{font-weight: bold;}


.pagefunc{position: relative;}
.pagefunc p{
	height: 50px;
	line-height: 50px;
	text-align: center;
}
.pagefunc ul{
	width: 100%;
	height: 50px;
	display: table;
	position: absolute;
	top: 0;
}
.pagefunc ul li{
	display: table-cell;
	vertical-align: middle;
}
.pagefunc ul li.rwd{text-align: left;}
.pagefunc ul li.fwd{text-align: right;}
.pagefunc ul li.rwd a{padding: 5px 5px 5px 30px;}
.pagefunc ul li.fwd a{padding: 5px 30px 5px 5px;}

.pagefunc ul li a{
	width: 85px;
	border-radius: 1.5em;
	text-decoration:none;
	display:inline-block;
	background: #fff;
	border: 1px solid #8b7a58;
	color: #333;
	position: relative;
}

.pagefunc ul li.rwd a:before,
.pagefunc ul li.fwd a:after{
	content: '';
	width: 10px;
	height: 10px;
	margin-top: -5px;
	border-style: solid;
	border-color: #4b0000;
	display: block;
	position: absolute;
	top: 50%;
}
.pagefunc ul li.rwd a:before{
	border-width: 2px 0 0 2px;
	transform: rotate(-45deg);
	left: 10px;
}
.pagefunc ul li.fwd a:after{
	border-width: 2px 2px 0 0;
	transform: rotate(45deg);
	right: 10px;
}


.likeBtn{
	width: 100%;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: flex-end;
	font-weight: normal;
}
.likeBtn span.likeCount{
	padding: 1px 10px;
	margin-left: 8px;
	border: 1px solid #a5afb3;
	border-radius: 3px;
	position: relative;
	background: #fff;
}
.likeBtn span.likeCount:after,
.likeBtn span.likeCount:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.likeBtn span.likeCount:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 5px;
	margin-left: -5px;
	margin-top: -5px;
}
.likeBtn span.likeCount:before {
	border-color: rgba(73, 157, 131, 0);
	border-right-color: #499d83;
	border-width: 6px;
	margin-left: -6px;
	margin-top: -6px
}
.thanks{
	text-align: right;
	font-size: .81rem;
	font-weight: bold;
	color:#ff6f30;
}
.likeVM{text-align: right;}


/* マダムから
---------------------------------*/
.detHead{
	padding: 3px 5px;
	background: #eec3b3;
	color: #563928;
	font-weight: normal;
	font-size: 1.25rem;
}
#comment > div,
#qa > div,
#reviews > div{
	padding: 5px;
	word-break: break-word;
	font-size: 1.13rem;
}
#qa div dl:not(:first-child){border-top: 1px dashed #948464;}
#qa div dl{padding: 5px 0;}
#qa dl dt{
	margin-bottom: 3px;
	line-height: 1.3;
	padding-left: 1.3em;
	text-indent: -1.3em;
}
#qa dl dt:before{
	width: 1.3em;
	content: 'Ｑ';
	background: #ff3795;
	border-radius: 2px;
	display: inline-block;
	color: #fff;
	text-align: center;
	text-indent: 0;
}
#qa dl dd{
	padding: 3px;
	border: 1px solid #8b7a58;
	border-radius: 3px;
	background: #fbf8f3;
}
#qa dl dd > div{
	line-height: 1.3;
	padding-left: 1.3em;
	text-indent: -1.3em;
}
#qa dl dd > div:before{
	width: 1.3em;
	content: 'Ａ';
	background: #12cca7;
	border-radius: 2px;
	display: inline-block;
	color: #fff;
	text-align: center;
	text-indent: 0;
}

#reviews dl{
	margin-bottom: 10px;
	border: 2px solid #b6adac;
}
#reviews dl dt{
	padding: 3px 5px;
	background: #b6adac;
	color: #fff;
}
#reviews dl dt span{padding-left: 10px;}
#reviews dl dd{padding: 3px;}
#reviews dl dd .postdate{
	padding: 3px 5px;
	border-bottom: 1px solid #6d5c5a;
	color: #2f2f2f;
	font-size: .86rem;
}
#reviews dl dd > div{padding: 3px 5px;}

.pageback{
	padding: 10px;
	text-align: center;
}
.pageback a{
	padding: 8px 30px;
	border-radius: 1.5em;
	text-decoration:none;
	display:block;
	background: #fff;
	border: 1px solid #8b7a58;
	color: #333;
	position: relative;
}
.pageback a:before{
	content: '';
	width: 10px;
	height: 10px;
	margin-top: -5px;
	border-width: 2px 0 0 2px;
	border-style: solid;
	border-color: #4b0000;
	transform: rotate(-45deg);
	display: block;
	position: absolute;
	top: 50%;
	left: 10px;
}

/* ---------TELボタン--------- */
#det_telBtn{
	background: rgba(204,30,79,0.8);
	vertical-align: middle;
	position: fixed;
	left: 50%;
	bottom: 10px;
	z-index: 9999;
	margin-left: -37px;
	text-align: center;
	border-radius: 3em;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
	transition: transform 0.4s ease-in-out;
	margin-bottom: -50vh;
}
.sp #det_telBtn{background: rgba(116,192,39,0.8)}
.sm #det_telBtn{background: rgba(78,182,191,0.8)}
.fl #det_telBtn{background: rgba(231,122,68,0.8)}
.wn #det_telBtn{background: rgba(134,134,225,0.8)}

#det_telBtn a{
	display: block;
	padding: 15px;
}
.fixed #det_telBtn{
	-webkit-transform: translate3d(0, -50vh ,0);
	transform: translate3d(0, -50vh ,0);
}

/* -------------------------------------------------
####################################################
####################################################
####################################################
------------------------------------------------- */
@media screen and (max-width: 500px){
	#swpPages li{top: 30%;}
}
@media screen and (max-width: 360px){
	.atwList ul li a .atwSize{font-size: 0.88rem;}
	.oriimg{width: 100%; height: auto;}
}
@media screen and (max-width: 330px){
	.atwList ul.charas li{font-size: .68rem;}
	.atwList ul li a .atwSize{font-size: 0.81rem;}
}

@media screen and (min-width:391px) and (max-width:767px){
	html,body {font-size: 18px;}
	#hdBanner a img{
		max-width: 390px;
		width: 100%;
		height: auto;
	}
	#albload .listPhoto{
		flex: 0 0 42vw;
		max-width: 210px;
	}
	#albload .listname{margin: 5px 0 0 10px;}
	#albload .listage{margin-left: 10px;}
	#albload .listSize{margin: 5px 0 0 10px;}
}
@media screen and (min-width:768px){
	#induction {
		width:375px;
		margin: 0 auto;
		left: 50%;
		margin-left: -187px;
	}
	body#nf #contents{text-align: center;}
}

/* @media screen and (min-width:768px){
	html,body {font-size: 30px;}
	#hdBanner{margin-bottom: 20px;}
	body#ladylist{padding-bottom: 90px;}
	#wrapper{padding-top: 100px;}
	#contents {
		max-width: 990px;
		margin: 0 auto;
	}
	.oriimg{width: auto; height: auto;}
	.pager li a{padding: 8px 70px;}
	.cbox,.sbox{padding: 20px; line-height: 1.4;}

header
------------------------------------------------------------
	header #hdNav{border-bottom: 2px solid #8b7a58;}
	header ul{
		max-width: 990px;
		height: 100px;
		margin: 0 auto;
	}
MENU_btn
--------------------------------------------
	header ul li#navBtn{flex :0 0 110px}
	header #navBtn div{
		margin: 40px auto 0;
		font-size: 18px;
		font-weight: bold;
	}
	header #navBtn span {
		height: 6px;
		top: -35px;
		left: 50%;
	}
	header #navBtn span:before,
	header #navBtn span:after{
		height: 6px;
	}
	header #navBtn span:before {top: 12px;}
	header #navBtn span:after {top: 24px;}

女性紹介btn
--------------------------------------------
	header ul li.navWmn a span{
		height: 56px;
		line-height: 56px;
		padding-left: 50px;
		background-size: 46px 56px;
		font-weight: bold;
	}

電話するbtn
--------------------------------------------
	header ul li.navTel a span{
		padding-left: 60px;
		background-size: 54px 50px;
		font-weight: bold;
	}

headerアンケートbtn
--------------------------------------------
	header ul li.hdEnq{flex :0 0 110px;}
	header ul li.hdEnq a span{
		padding-top: 54px;
		background-size: 46px 54px;
		font-size: 18px;
		font-weight: bold;
	}

------------メニューボタンのアニメ-------------
	.open header #navBtn span:before {top: 0;}
	.open header #navBtn span:after {top: 0;}
	header h1,
	header .logo{
		max-width: 990px;
		margin: 0 auto;
	}
	header h1 a,
	header .logo a{flex:0 0 344px;}
	header h1 a img,
	header .logo a img{
		width: 344px;
		height: auto;
	}
	header h1 span,
	header .logo span{
		padding-right: 70px;
		text-align: right;
	}
------------ドロワーメニュー-------------
	#drawer{
		padding-bottom: 100px;
		top: 102px;
	}
	#drawer>div{
		max-width: 990px;
		margin: 0 auto;
	}
	#drwHead li#nvHome a span{
		padding: 15px 5px 15px 60px;
		-webkit-background-size: 50px 48px;
		background-size: 50px 48px;
	}
	#drwHead li#nvMail a span{
		padding: 15px 5px 15px 90px;
		-webkit-background-size: 72px 48px;
		background-size: 72px 48px;
	}
	.nvMain li{padding: 8px 0;}
	.nvMain li a{
		padding: 20px 5px 20px 80px;
		border: 2px solid #591d1d;
		border-radius: 10px;
		font-size: 1rem;
		background-position: 15px 50%;
		-webkit-background-size: 56px 56px;
		background-size: 56px 56px;
	}
	.nvMain li a:after {
		content:'';
		position: absolute;
		top:50%;
		right: 20px;
		margin:-10px 0 0 0;
		width:0;
		height:0;
		border-style: solid;
		border-width: 10px 0 10px 20px;
		border-color: transparent transparent transparent #ff688c;
	}
	.nvOther{margin-bottom: 20px;}
	.nvOther > li > a{
		padding: 20px 5px 20px 80px;
		background-position: 10px 50%;
		-webkit-background-size: 56px 56px;
		background-size: 56px 56px;
	}
	.nvOther > li > a:after {
		content:'';
		position: absolute;
		top:50%;
		right: 20px;
		margin:-10px 0 0 0;
		width:0;
		height:0;
		border-style: solid;
		border-width: 10px 0 10px 20px;
		border-color: transparent transparent transparent #cb9e9b;
	}
	.nvlower ul li a{
		line-height: 44px;
		padding: 20px 0;
	}
	.nvQzn a p{
		padding: 15px 15px 15px 80px;
		-webkit-background-size: 56px 56px;
		background-size: 56px 56px;
	}
	.hd{
		padding: 0 15px;
		border-width: 4px 0;
	}
	.hd img{
		width: auto;
		height: 80px;
	}
footer
------------------------------------------------------------
	#shopLink{padding: 15px;}
	#shopLink p{font-size: 24px;}
	#shopLink ul li a{height: 80px;}
	.refLink{padding-top: 20px;}
	.refLink a img{width: 420px; height: auto;}
	#footlink{padding: 15px 0;}
	#footlink li:first-child a{
		padding-left: 60px;
		-webkit-background-size: 50px 44px;
		background-size: 50px 44px;
		display: block;
	}
	footer small{
		padding: 15px 0;
		border-top: 2px solid #8b7a58;
	}

00 404.html
-------------------------------------------------
body#nf header{padding: 90px 0 45px;}
body#nf header h1{margin-bottom: 60px;}
body#nf header h1 img{width: 610px; height: auto;}
body#nf header h2 img{width: 548px; height: auto;}
body#nf p{
	margin-bottom: 20px;
	text-align: center;
}

#nfLink{
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
}
#nfLink li{
	padding: 15px;
	flex: 1 1 0%;
}
#nfLink li a{
	padding: 20px 0;
	border: 2px solid #8b7a58;
	border-radius: 10px;
}
body#nf footer small{
	border: none;
	padding-top: 5px;
}


00 年齢認証(モーダル)
-------------------------------------------------------
.remodal {max-width: 850px !important;}
#auth{border: 8px solid #ffe0de;}
#auth h1{margin-bottom: 50px;}
#auth h1 img{
	max-width: 610px;
	height: auto;
}
#auth p#enter{margin-bottom: 50px;}
#auth p#enter img{
	max-width: 572px;
	height: auto;
}
#auth #authBanner img{
	width: auto;
	height: auto;
}
#auth #u18{
	max-width: 560px;
	width: auto;
	padding-left: 100px;
	margin: 30px auto;
	background: url(../img/common/under18.png) no-repeat scroll 0% 50%;
	-webkit-background-size: 88px 86px;
	background-size: 88px 86px;
	font-size: 18px;
}
#auth #leave{margin-bottom: 50px;}
#authlinks{
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	gap:5px;
	justify-content: center;
}
#authlinks li{
	text-align: center;
	padding: 5px 0;
}

01 index.html
-------------------------------------------------
#hdBanner a img{
	max-width: 720px;
	width: 100%;
	height: auto;
}
面接予定&結果
--------------------------------------------------------
#recInfo{
	padding: 10px 60px 15px;
	background: #98ba3d;
}
#recInfo h3 img{
	width: 444px;
	height: 72px;
}
#recInfo a{border-radius: 10px;}
#recInfo a dl{padding: 5px 20px 5px 10px;}
#recInfo a dl dt,
#recInfo a dl dd{
	padding:3px 50px;
	-webkit-background-size: 36px 36px;
	background-size: 36px 36px;
}

お知らせ・ご案内
--------------------------------------------------------
#newsList li a{padding: 20px 50px 20px 10px;}

本日の出勤予定
--------------------------------------------------------
.atwList{max-width: 990px; margin: 0 auto;}
#albDate{
	text-align: center;
	color: #333333;
	padding-top: 8px;
}
#albDate span{font-size: 1.38em;}
.atwList ul{
	max-width: 830px;
	margin: 30px auto 0;
	justify-content: space-between;
}
.atwList ul li{
	flex:0 0 375px;
	margin-bottom: 30px;
}
.listIcon img{
	width: auto;
	height: 54px;
}
.atwList ul li a .listRank img{
	width: 100px;
	height: auto;
}
.atwList ul li a .atwinfoSet{padding: 5px;}
.atwList ul li a .listguidance{
	padding: 5px;
	margin: 0 5px;
}

02 sitemap.html
-------------------------------------------------
#sitemap{padding: 35px 20px;}
#sitemap #smHome{
	min-height: 44px;
	line-height: 44px;
	padding-left: 60px;
	background: url(../img/common/icn_home.png);
	background-position: 0 50%;
	background-repeat: no-repeat;
	-webkit-background-size: 50px 44px;
	background-size: 50px 44px;
}

03 system.html
-------------------------------------------------
.creditBtn{padding: 20px 10px 0;}
.creditBtn img{max-width: 710px;}
#sysNav{padding: 20px 0;}
#sysNav li{
	padding: 3px;
	flex: 1 1 0%;
}
#sysNav li div,
#sysNav li a{
	height: 4em;
	border: 4px solid #ff688c;
	border-radius: 10px;
}

料金表
------------------------------------
#priceBox table{border-top: 2px solid #775e3e;}
#priceBox table tr th,
#priceBox table tr td{
	padding: 10px;
	border-bottom: 2px solid #775e3e;
}
.sysCaps {padding: 30px 100px;}
#basic ul li{padding: 10px;}

04 rule.html
-------------------------------------------------
05 howto.html
-------------------------------------------------
#howto a{
	color:#048407;
	text-decoration: underline;
}
#howto h3{
	padding:10px 0 10px 80px;
	margin-bottom: 20px;
	-webkit-background-size: 56px 56px;
	background-size: 56px 56px;
	background-position: 10px 50%;
}
#steps{padding: 5px;}
#steps dl{
	width: 100%;
	padding: 10px 20px;
}
#steps dl dd{padding: 20px;}

06 credit.html
-------------------------------------------------
#credit h4{padding: 10px 5px 10px 50px;}
#credit ol{padding: 0 20px;}
#credit ol li{padding: 16px 5px 16px 1.8em;}
#linkcredit a{
	width: 65%;
	padding:20px 40px 20px 20px;
}
07 map.html
-------------------------------------------------
08 question/
-------------------------------------------------
#qWrap{padding: 20px;}
.cblist li label{border-radius: 10px;}
#formBtn li input[type="submit"]{border-radius: 10px;}

09 link.html
-------------------------------------------------
#tabs{margin-bottom: 30px;}
#tabs li a{
	border: 2px solid #8b7a58;
	border-radius: 10px;
}
#tabs li a br{display: none;}
ul.links{border-top: 2px solid #8b7a58;}
ul.links li{border-bottom: 2px solid #8b7a58;}
ul.links li a{padding: 20px 60px 20px 10px;}
ul.links li a:after{
	content: '';
	width: 20px;
	height: 20px;
	margin-top: -10px;
	border-width: 4px 4px 0 0;
	border-style: solid;
	border-color: #ff688c;
	transform: rotate(45deg);
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
}
#mutual textarea{height: 6.3em;}

10 mailbbs/
-------------------------------------------------
11 news/
-------------------------------------------------
.newsInner{padding: 20px;}
#newsAcc{border: 2px solid #af9264;}
#newsAcc li{padding: 0 10px;}
#newsAcc li:not(:last-child){border-bottom: 2px solid #af9264;}
#newsAcc .nHead {padding: 20px 40px 20px 0;}
#newsAcc .nHead::after{
	content: '';
	width: 20px;
	height: 20px;
	margin-top: -14px;
	border-width: 0 4px 4px 0;
	border-style: solid;
	border-color: #000;
	transform: rotate(45deg);
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
}
#newsAcc .nHead.selected::after{
	margin-top: -4px;
	transform: rotate(-135deg);
}

12 news/sp_detail.php
-------------------------------------------------
.det #news{margin: 30px 0;}

12 news2
-------------------------------------------------
13 qzin/
-------------------------------------------------
14 recinfo.html
-------------------------------------------------
#recList{padding: 15px;}
#recinfoList li{
	padding: 20px 30px;
	margin-bottom: 20px;
}
.intHead h3{padding: 10px;}
.impression{padding: 20px 0;}

.fin{
	width: 60%;
	margin: 0 auto 15px;
	border-radius: 10px;
	text-align: center;
}
.fin span{
	padding: 10px 10px 10px 50px;
	display: inline-block;
	background-image: url(../img/rec/res_check.png);
	background-position: 0 50%;
	background-repeat: no-repeat;
	-webkit-background-size: 34px 28px;
	background-size: 34px 28px;
	color: #fff;
}
.chkres {
	width: 60%;
	padding:10px 20px;
	margin: 15px auto;
	border: 2px solid #8b7a58;
}
.chkres span:before{
	content: '';
	width: 20px;
	height: 20px;
	margin-right: 10px;
	margin-top: -10px;
	border-width: 4px 4px 0 0;
	border-style: solid;
	border-color: #000;
	transform: rotate(135deg);
	display: inline-block;
	position: relative;
	top: -5px;
}
.chkres span.close:before{
	transform: rotate(-45deg);
	top: 5px;
}

15 alb/(女性一覧)
-------------------------------------------------
#albCount{
	padding: 3px 5px;
	border-radius: 6px;
}
#albCount dt{padding: 0 25px;}
#albload_select{padding: 10px 0;}
#albload_select h3{
	padding-left: 46px;
	display: inline-block;
	background: url(../img/alb/dispday.png);
	-webkit-background-size: 36px 36px;
	background-size: 36px 36px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
ソートボタン
---------------------------------
#madamSort{padding: 5px 40px;}
#madamSort ul li{padding: 3px;}
#madamSort ul li a{border-radius: 8px;}
女性カード（一覧）
---------------------------------
div.listinfoSet{padding: 10px;}
#albload .listPhoto{flex: 0 0 390px;}
.listRank img,
.evIcon img{
	width: 100px;
	height: auto;
}

キャッチコピー
---------------------------------
女性情報（カード）
---------------------------------
#albload .atwStr{border: 4px solid #ffb9b5;}
#albload .listname{font-size: 1.13rem}
#albload .listSize {padding: 10px;}
#albload .listSize br{display: none;}

カードボタン
---------------------------------
.cardinfo .iconset{margin-top: 0;}
.iconset{padding: 10px;}
.iconset li a,
.iconset li span{
	padding: 15px 0;
	border-radius: 6px;
}

floating要素
---------------------------------
#induction div{height: 80px;}
#induction div#indInner{max-width: 990px; margin: 0 auto;}
#induction div a br{display: none;}

16 alb/girl_detail.html
-------------------------------------------------
.detIcon img{
	width: auto;
	height: 54px;
}
#detEvIcon img{
	width: 100px;
	height: auto;
}
#detFirst{margin: 15px 0;}
#prof .atwIcon img{width: 238px; height: auto;}
#sakura a img{width: 150px; height: auto;}
#sakura ul li span{padding-left: 30px;}
#sakura ul li span::before {
	width: 28px;
	height: 30px;
	-webkit-background-size: 28px 30px;
	background-size: 28px 30px;
}
.detRank img{width: 100px; height: auto;}
#girlDetail .iconset li{padding: 2px 10px;}
#girlDetail .iconset li a,
#girlDetail .iconset li span{padding: 30px 0; font-size: .86rem;}
#girlDetail .iconset li a br,
#girlDetail .iconset li span br{display: none;}

スケジュール
---------------------------------
#scheList li{padding: 15px;}

アンケートボタン
---------------------------------
#enqLink a span{
	height: 60px;
	line-height: 60px;
	padding-left: 60px;
	display: inline-block;
	background-image: url(../img/alb/det_enq.png);
	-webkit-background-size: 50px 60px;
	background-size: 50px 60px;
	background-position: 0 50%;
	background-repeat: no-repeat;
}

ご予約ボタン
---------------------------------
#contact a span{
	height: 60px;
	line-height: 60px;
	padding-left: 80px;
	display: inline-block;
	background-image: url(../img/alb/det_tel.png);
	-webkit-background-size: 66px 56px;
	background-size: 66px 56px;
	background-position: 0 50%;
	background-repeat: no-repeat;
}

写メ日記
---------------------------------
マダムから
---------------------------------
.detHead{padding: 5px 10px;}
#comment > div,
#qa > div,
#reviews > div{padding: 20px;}
#qa div dl{padding: 10px 0;}
#qa dl dt{
	margin-bottom: 10px;
	padding-left: 1.6em;
}
#qa dl dt:before{
	border-radius: 6px;
	margin-right: 5px;
}
#qa dl dd{
	padding: 10px;
	border: 2px solid #8b7a58;
	border-radius: 10px;
}
#qa dl dd > div:before{
	border-radius: 6px;
	margin-right: 5px;
}

#reviews dl{
	margin-bottom: 20px;
	border: 4px solid #b6adac;
}
.pageback{
	padding: 10px;
	text-align: center;
}
.pageback a{
	padding: 20px 30px;
	border: 2px solid #8b7a58;
}
.pageback a:before{
	content: '';
	width: 20px;
	height: 20px;
	margin-top: -10px;
	border-width: 4px 0 0 4px;
	border-style: solid;
	border-color: #4b0000;
	transform: rotate(-45deg);
	display: block;
	position: absolute;
	top: 50%;
	left: 20px;
}

---------TELボタン---------
#det_telBtn{display: none;}

arrow
---------------------------------------
	.arR{position: relative;}
	.arR:after{
		content: '';
		width: 20px;
		height: 20px;
		margin-top: -10px;
		border-width: 4px 4px 0 0;
		border-style: solid;
		border-color: #000;
		transform: rotate(45deg);
		display: block;
		position: absolute;
		top: 50%;
		right: 20px;
	}
	.arL{position: relative;}
	.arL:before{
		content: '';
		width: 20px;
		height: 20px;
		margin-top: -10px;
		border-width: 4px 0 0 4px;
		border-style: solid;
		border-color: #000;
		transform: rotate(-45deg);
		display: block;
		position: absolute;
		top: 50%;
		left: 20px;
	}
	.tbl th,
	.tbl td{padding: 25px;}

} */