@charset "UTF-8";
/* CSS Document */

/* リセット定義 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
	font-size: 100%;
	color: #333333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
  display: block;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* リセット定義ここまで */


/*---------------------- 【 TOP 年齢認証ページ 】 ----------------------*/

/* 背景女性画像 */
#wrapper_top {
	position: relative;
	width: 100%;
	height: 100vh;
	margin: 0 auto;
	background: url("../img/top.jpg") no-repeat center;
	background-size: cover;
}

.header_top {	
	width: 100%;
	margin: 0 auto;
}

/* ロゴ */
.logo_top {
	position: absolute;
	width: 100%;
	top: 38%;
}

/* コンテンツ */
.container_top {
	width: 100%;
	margin: 0 auto;
	padding: 10px 15px;
	text-align: center;
	background-color: rgba(255,255,255,0.5);
	position: fixed;
	bottom: 0;
}

/* 本文 */
.container_top p {
	font-size: 0.9em;
	line-height: 1.5em;
}

/* 入室・退室ボタン */
.btn_age {
	width: 100%;
	margin: 0 auto;
}

.btn_age li a {
	display: block;
	text-decoration: none;
}

/*入室*/
.enter {
	width: 90%;
	margin: 0.8em auto;	
	background-color: #f50975;
	border: 2px solid #f50975;
	border-radius: 0.5em;
}

.enter a {
	padding: 1em;
	font-size: 1.1em;
	color: #ffffff;
}

/* 退室 */
.exit {
	width: 90%;
	margin: 0.8em auto;
	background-color: #ffffff;
	border: 2px solid #878787;
	border-radius: 0.5em;
}

.exit a {
	padding: 1.6em;
	font-size: 0.8em;
	color: #878787;
}

/* フッター */
.footer_top {
	width: 100%;
	margin: 0 auto;
}

/* コピーライト */
.footer_top p {
	font-size: 0.7em;
}

/*------------------------ 【 サービスページ 】------------------------*/

/*ロゴ*/
.logo {
	width: 100%;
	margin: 0 auto;
}

/*ロゴ*/
.logo img {
	width: 100%;
	margin: 7px auto;
}

.container_img {
	width: 100%;
	margin: 60px auto 0 auto;
}


/*コンテンツ*/
.container {
	width: 100%;
	margin: 0 auto;
	padding: 10px 15px;
}

/*本文*/
.txt {
	font-size: 0.9em;
	line-height: 1.5em;
}

/*線*/
.border {
	width: 100%;
	margin: 5px auto 30px auto;
	border: 0.5px solid #333333;
}

/*各番組の見出し*/
.container h3 {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.2em;
	color: #f50975;
}

/*女の子画像・サービス内容・ジャンル・無料ポイント エリア*/
.program {
	width: 100%;
	margin: 10px auto;
	display: flex;
}

/*女の子画像*/
.program_img {
	width: 76%;
	margin: 0 auto;
}

/*サービス内容・ジャンル・無料ポイント*/
.program_list {
	width: 100%;
	margin: 0 auto 0 10px;
	text-align: center;
}

.list_txt1 {
	margin: 0 auto;
	padding: 6px;
	font-size: 0.8em;
	background-color: #f50975;
	color: #ffffff;
}

.list_txt2 {
	margin: 0 auto 12px auto;
	padding: 6px;
	font-size: 0.9em;
	background-color: #f6dee9;
	color: #f50975;
}

/*各番組説明*/
.program_txt_area {
	width: 100%;
	margin: 10px auto 0 auto;
	padding: 10px;
	border: 1px solid #333333;
	border-radius: 10px;
}

/*本文*/
.program_txt {
	font-size: 0.9em;
	line-height: 1.5em;
}

a {
	text-decoration:none;
}

ul#menu, ul.sub_menu {
	list-style: none;
	margin: 0 auto;
	padding: 0;
}
 
#menu {
	width: 100%;
	margin: 0 auto;     
}

/*赤文字*/
.red {
	color: #f50975;
}

/*詳細を確認する*/
.main_menu {
	width: 100%;
	margin: 20px auto 10px auto;
	padding: 12px;
	background-color: #333333;
	color: #ffffff;
	border-radius: 4px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

.main_menu p {
	font-size: 1em;
}

.main_menu img.rotate {
	transform: rotate(90deg);
}

/*矢印*/
.arrow_qa {
	margin-left: 4px;
}

/*詳細を確認する 隠れている エリア*/
.sub_menu li {  
	width: 100%;
	margin: 0 auto;
}

/*評価点 エリア*/
.points {
	width: 100%;
	margin: 15px auto;
	padding: 10px 20px;
	background-color: #333333;
	border-radius: 4px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* 評価点 */
.points_txt1 {
	font-size: 0.9em;
	color: #fdd000;
}

/* 点数 */
.points_txt2 {
	font-size: 1.1em;
	font-weight: bold;
	color: #fdd000;
}

/* 星の画像 */
.points_img {
	width: 50%;
}

/*【 赤 】サイトを利用するボタン エリア */
.btn_site_red {
	width: 100%;
	margin: 0 auto;
	padding: 13px 10px;
	border: 3px solid #f50975;
	border-radius: 6px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.btn_site_red_txt1 {
	padding: 5px;
	font-size: 0.9em;
	line-height: 1.1em;
	background-color: #f50975;
	border-radius: 4px;
	color: #ffffff;
}

.btn_site_red_txt2 {
	font-size: 1em;
	line-height: 1.2em;
	color: #f50975;
}


/*【 赤 】矢印画像 */
.red_arrow {
	width: 5%;
}

/* 点線画像 */
.dotted {
	width: 100%;
	margin: 30px auto;
}

/* tel2shot ボタン */
.btn_tel2shot {
	width: 95%;
	margin: 35px auto;
}

/* フッター */
.footer {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
	background-color: #333333;
}

/* コピーライト */
.cp {
	font-size: 0.7em;
	color: #ffffff;
}

/* 運営者情報 */
.management a {
	margin: 8px auto;
	font-size: 0.7em;
	text-decoration: underline;
	display: block;
	color: #ffffff;
}

/* ページトップへボタン */
.pagetop {
	position :absolute;
	width: 50px;
	height: 50px;
	background: url(../img/to_top_arrow.png) no-repeat center;
	background-color: #f50975;
	border-radius: 50%;
	top: 15px;
	right: 15px;
}

.pagetop img {
	width: 3%;
}

/*------------------------ 【 運営者情報 ページ 】 ------------------------*/

/*運営者情報*/
.info_title {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	background-color: #f50975;	
}

.info_title h2 {
	width: 100%;
	margin: 56px auto 10px auto;
	padding: 20px;
	font-size: 1em;
	color: #ffffff;
}

/*項目*/
.info_list {
	width: 100%;
	margin: 40px auto;
}

/*項目名*/
.info_txt1 {
	width: 100%;
	margin: 0 auto;
	padding: 15px;
	background-color: #f6dee9;
	border-left: 15px solid #f50975;
}

/*内容*/
.info_txt2 {
	width: 100%;
	margin: 15px auto;
	font-size: 0.9em;
}

/*サービス一覧へ戻るボタン*/
.btn_service {
	width: 100%;
	margin: 0 auto 20px auto;
	text-align: center;
	background-color: #f50975;
	border-radius: 4px;
}

.btn_service a {
	padding: 20px;
	font-size: 1em;
	text-decoration: none;
	color: #ffffff;
	display: block;
}