/*
Theme Name: custom
*/
@charset "UTF-8";
.flexCont { /* spでもフレックスにしつつ子要素で％表示 */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap; /* flex-direction flex-wrap 同時指定 wrap折り返しあり */
}
.flexCont > .half-box { /* 2列 */
    width: 100%; /* pc50% */
    padding: 15px; /* pc25px */
}
.flexCont > .half-box .imgBox { /* spのみpに入る画像下のマージン制御 */
    margin-bottom: 0;
    text-align: center; /* 画面より小さい画像をセンターに */
}


.flexCont dd > p:last-child { /* カード表示の最後の要素の下余白 */
    margin-bottom: 0;
}

.flexCont > .half-box-sp { /* スマホでも2列を保つ */
    width: 50%;
    padding: 10px;
}

.flexCont > .quarter-box { /* 4列 sp 2列*/
    width: 50%; /* pc25% */
    padding: 10px;
}
.flexCont > .third-box { /* 3列 sp 2列*/
    width: 50%; /* pc25% */
    padding: 10px;
}

.flexCont dt {
    text-align: center;
}
.flexCont dl dd h4 {
    font-size: 17px;
    margin: 1.5rem 0;
    text-align: center;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif; /* h4はデフォルト明朝 */
    font-weight: bold;
}

.flexCont.reverse { /* 順番逆 */
    flex-flow: row-reverse;
}

.flexCont > .half-box { /* 2列50% */
    width: 50%; /* pc */
    padding: 25px;
}
.flexCont > .quarter-box { /* 4列 */
    width: 25%; /* sp50% pc25% */
    padding: 10px;
}
.flexCont > .third-box { /* 3列 sp 2列*/
    width: 33.333333333333333333333333333333%; /* pc3列 */
    padding: 10px;
}

.flexCont > .half-box .imgBox { /* spのみpに入る画像下のマージン制御 */
    margin-bottom: 30px; /* pデフォルトマージン */
}	


.photo-box {
    margin-bottom: 30px;
}
.photo-box dt { /* dtとddの縦余白（dt内にはインライン要素） */
    padding-bottom: 10px;
}
.photo-box img { /* dt内のイメージとタイトルの余白 */
    padding-bottom: 10px;
}
.photo-box dd {
    font-size: 14px; /* dd写真の説明テキストsmall */
    line-height: 1.5;
    color: #fff;
}
/* 女性会員画像とタイトルをリンクにする */
.photo-box dt.link-img a {
    text-decoration: none;
    color: #fff;
    font-size:20px;
}
/* 20220412追記 女性会員の入会日付 */
.photo-box dd span.ladies-date {
    display: block;
    margin-bottom: 4px;
}
.photo-box dd span.ladies-date::before {
    content: "\f073";
    font-family: FontAwesome;
    color: pink;
    padding-right: 3px;
}
.photo-box dd a.ladies-link-button { /* リンクボタン */
    display: block;
    text-align: center;
    color: pink;
    text-decoration: none;
    padding: 10px 0;
    margin-top: 6px;
    border:solid 1px #fff;
}
.photo-box dd a.ladies-link-button:hover {
    border:solid 1px pink;
}


/* 運営会社・アクセス */
#company {
    max-width: 100%;
    margin: 40px auto;
    color: #fff;
}
#company dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap; /* flex-direction flex-wrap 同時指定 wrap折り返しあり */
    border-bottom: solid 1px #fff;
    padding: 20px 0 20px 10px;
    align-items: center;
}
#company dl:first-child {
    border-top: solid 1px #fff;
}
/* 女性用ボーダーカラー */
#company.ladies-comp {
    color: #000;
}
#company.ladies-comp dl {
    border-bottom: solid 1px #333;
    color: #000;
}
#company.ladies-comp dt ,#company.ladies-comp dd {
							 color: #000;
							 font-size: 16px;
}
#company.ladies-comp dl:first-child {
    border-top: solid 1px #333;
}
#company dl dt {
    width: 30%;
}
#company dl dd {
    width: 70%;
}

/* 地図iframeで埋め込み */
/* sp */
#map-area {
    height: 0;
    overflow: hidden;
    padding-top: 110%; /* 高さ16:9のアスペクト比なら56.25% カンプ1500x655*/
    position: relative;
    margin: 30px -10px;
}
#map-area iframe {
    position: absolute;
    left: 0;
    top: -80%;
    height:260%;
    width: 100%;
}
/* 面談場所の例 */
#location dt {
    padding-bottom: 0;
    font-size: 15px;
    font-feature-settings: "palt" 1;

}
#location dd { /* ホテル住所テキスト */
    font-size: 12px;
    line-height: 1.8;
    text-align: center;
    color: #191919;
}
/* 改行位置コントロール */
#location span {
    display: inline-block;
}
/* 女性用マップに続くh3 */
#map-area + h3 {
    margin-top: 30px;
}

#location {
    margin: 60px auto;
}


#contact-form dl { 
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 
    flex-wrap: wrap;
	margin-top: 20px;
}
#contact-form dt {
    width: 35%;
    margin-bottom: 20px;
}

#contact-form dd {
    width: 65%;
    margin-bottom: 20px;
}
#contact-form select {
    width: 50%;
}



.outer{ 
    padding: 60px 0;
}
.outer:first-child { 
    padding: 30px 0 60px;
}
.innerBox {
    max-width: 720px;
	margin: 0 auto;
	padding: 10px;
}
.innerBox-Wide { 
	max-width: 1020px;
	margin: 0 auto;
	padding: 0 10px; /* pc 60px 10px */
}


/* #contact-form /MW WP form 固定コンタクトページ -----------------------------  */
#contact-form .req-gold {
	display: inline-block;
	background: #b19154;
	font-size: 16px;
	line-height: 20px;
	padding: 0 5px;
	border-radius: 3px;
	margin-left: 5px;
	vertical-align: middle;
}
#contact-form .req-pink {
	display: inline-block;
	color: #fff;
	background: #fbdfdb;
	font-size: 16px;
	line-height: 20px;
	padding: 0 5px;
	border-radius: 3px;
	margin-left: 5px;
	vertical-align: middle;
}
#contact-form input {
	line-height: 23px;
}
#contact-form dt {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
}
	#contact-form dt label {
		vertical-align: middle;
	}
#contact-form dd {
	margin-bottom: 10px;
	font-size: 12px;
}
#contact-form .date-title { /* 希望日タイトル */
	display: block;
	margin-bottom: 6px;
}
#contact-form dd#age-box input[type="text"]{
	width: 50%;
}

#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="url"],
#contact-form input[type="tel"],
#contact-form textarea {
	background-color: #fff;
	color: #333;
	width: 100%;
	border: 1px solid #ddd;
	padding: 0.5em;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
}

#contact-form select {
	background: #fff;
	color: #333;
	font-size: 16px;
	padding: 10px;
	border-radius: 3px;
	width: 85%;
	height: 41px; /* safari対応 */
	line-height: 41px; /* safari対応 */
	margin: 0 10px 5px 0;
}
#contact-form .acceptance { /* プライバシーポリシー承諾エリア */
	padding: 20px 0;
}
#contact-form .acceptance .privacy { /* プライバシースクロール */
	margin: 0 auto;
	padding: 10px;
	height: 250px;
	color: #333;
	background: #fff;
	border: solid 1px #999;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	font-size:12px;
}
	/* プライバシーポリシーテキスト */
	#contact-form .acceptance .privacy h3,
	#contact-form .acceptance .privacy h4 {
		text-align: left;
		font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	}
	#contact-form .acceptance .privacy h3 {
		font-size: 14px;
		margin: 0 0 15px;
	}
	#contact-form .acceptance .privacy h4 {
		font-size: 12px;
		margin: 10px 0 15px;
	}
	#contact-form .acceptance .privacy ul {
		margin: 0 0 30px;
	}
		#contact-form .acceptance .privacy ul li {
			margin-bottom: 0;
		}
	#contact-form .acceptance .privacy p:last-child {
		margin-bottom: 10px;
	}

	#contact-form .acceptance label:first-child { /* 同意チェック */
		display: block;
		max-width: 100%;
		padding: 20px;
		text-align: center;
		font-size:12px;
	}
	#contact-form .acceptance .error { /* 同意チェックのエラー */
		text-align: center;
	}
	#submit-desc { /* 送信ボタン前の説明 #confirm-areaで表示 */
		display: none;
	}

#contact-form input.form-btn {
	font-size: 20px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding: 20px 10px;
	color: #FFF;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	background: #958468;
	border: solid 1px #f2f2f2;
	width: 100%;
	box-shadow: inset 0 0 2px 0 rgba(255,255,255,0.7);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	cursor: pointer;
}


/* confirm確認ページ */
#confirm-area dl {
	border-bottom: solid 1px #999;
	margin-bottom: 10px;
}
	#confirm-area #contact-form dt,
	#confirm-area #contact-form dd {
		margin-bottom: 8px;
	}
	#confirm-area #contact-form .acceptance { /* 同意エリア非表示 */
		display: none;
	}
	/* 確認画面 送信ボタンの前に説明を追加 */
	#confirm-area #submit-desc {
		display: block;
		margin-top: 30px;
	}
		#confirm-area #submit-desc p {
			margin-bottom: 0;
		}

	#confirm-area #contact-form input.form-btn { /* 送信ボタン */
		margin: 30px 0 20px;
	}
	#confirm-area #contact-form input.back-btn {
		font-size: 18px;
		padding: 15px;
		background: #ccc;
		border: solid 1px #f2f2f2;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-appearance: none;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		cursor: pointer;
	}

/* thanks完了ページ */
.wpform-thanks {
	color: #333;
	 background: #cdc6b4;
	 padding: 30px 20px 2px;
}

.scroll-box {
	max-height: 350px;
	padding-right: 5px;
	overflow: auto;
	-webkit-overflow-scrolling: touch; /*-- SPスクロール用 --*/
	overflow-scrolling: touch; /*-- SPスクロール用 --*/
}