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





div.contents{
	overflow:hidden;
	width:800px;
	margin:0 auto;
	padding-top:10px;
}

.left_contents{
	width:580px;
	float:left;
}
.right_contents{
	width:200px;
	float:right;
}


h2.content_title{
	width:580px;
	height:40px;
	font-size:16px;
	line-height:40px;
	padding-left:10px;
	background:#E6F1EF;
	border-radius:3px;
	margin-bottom:20px;
}


/*--------------------------------------------------------------
 メニュータブ
--------------------------------------------------------------*/

.nav-tab {
	width:580px;
	height:40px;
	background:#E6F1EF;
	display:flex;
	margin-bottom:10px;
	border-bottom:2px solid #00A381;
	border-radius:3px 3px 0 0;
}

.nav-tab li {
	width:50%;
	height:40px;
    cursor: pointer;
	line-height:15px;
	text-align:center;
	border-right:1px solid #00A381;
    display: flex;
    justify-content: center;
    align-items: center;
	font-weight:bold;
}
.nav-tab li:last-child{
	border-right:none;
}
.nav-tab li h2{
    font-size: 12px;
    display: inline;
}
.nav-tab li.active {
    color: #fff;
    background: #00A381;
    cursor: auto;
}
.nav-tab li.active:first-child{
	border-radius:3px 0 0 0;
}
.nav-tab li.active:last-child{
	border-radius:0 3px 0 0;
}
.nav-tab li:hover{
    color: #fff;
    background: #00A381;
    cursor: center;
	
}
#contents > div {
    display: none;
}

#contents > div.show {
    display: block;
}
#contents{
	margin-bottom:10px;
}



/*-------------  ページ送り -------------*/


.wrap_page_transition{
	width:560px;
	margin:0 auto;
	padding:10px 0 20px 0;
	 overflow:hidden;
}
.wrap_page_transition p{
	float:left;
	font-size:10px;
}
.wrap_page_transition p span{
	font-size:13px;
	font-weight:bold;
}


ol.page_transition{
	overflow:hidden;
	float:right;
}
.page_transition li{
	 float:left;
}
.pager{
	width: 30px;
	height:25px;
	margin:0 auto;
	color:#00A381;
	background:#ffffff;
	font-size:13px;
	margin-right:5px;
}
.pager_current{
	width: 30px;
	height:25px;
	text-align: center;
	background:#00A381;
	color:#ffffff;
    border: 1px solid #00A381;
	line-height:25px;
	font-size:13px;
	margin-right:5px;
}
.pager a{
	width: 30px;
	height:23px;
	text-align: center;
    display: block;
	background:#ffffff;
	color:#636A77;
    border: 1px solid #00A381;
	line-height:25px;
	font-size:13px;
}
.pager a:hover,.pager_left a:hover,.pager_right a:hover{
	background:#00A381;
	color:#ffffff;
}
.pager_left,.pager_right{
	width: 30px;
	height:25px;
	text-align: center;
	background:#ffffff;
    border: 1px solid #00A381;
	line-height:25px;
	font-size:13px;
}
.pager_left a,.pager_right a{
	 color:#00A381;
	display:block;
}
.pager_left{
	width:21px;
	margin-right:10px;
}
.pager_right{
	width:21px;
	margin-left:10px;
}

/*--------------------------------------------------------------
お店
--------------------------------------------------------------*/

ul.shop_list{
	width:560px;
	margin:0 auto;
	padding-bottom:20px;
	border-top:1px solid #E6F1EF;
}
ul.shop_list li.shop01:last-child{
	border-bottom:1px solid #E6F1EF;
	padding-bottom: 30px;
}

.last_updated{
	font-size:10px;
	color:#636A77;
	text-align:right;
}

.shop01{
	position:relative;
	padding-top:20px;
}


.shop{
	width:560px;
	border-top:5px solid #00A381;
	position:relative;
	background:#ffffff;
  -webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
	
}

.header{
	padding:10px 0;
	margin:0 10px 10px 10px;
	border-bottom:1px solid #E6F1EF;
	overflow:hidden;
}
.header_inner{
	float:left;
}
.header_inner h4{
	font-size:20px;
}
.header_inner h4 a{
	color:#00A381;
}
.header_inner h4 a:hover{
	text-decoration:underline;
}
.header_inner p{
	font-size:12px;
}
.choice_icon{
	width:37px;
	height:45px;
	float:right;
}


/*画像とキャッチ*/
dl.image_box{
	width:540px;
	margin:0 auto;
}

.image_box dd{
	font-size:18px;
	font-weight:bold;
	padding:5px 0;
}

/*お店情報*/

ul.shop_detail{
	display:flex;
	flex-wrap :wrap;
	width:540px;
	margin:0 auto;
}
dl.opening_hours{
	width:314px;
	margin:0 auto;
	display:table;
	border:1px solid #E6F1EF;
	table-layout: fixed;
}
dl.regular_holiday{
	width:226px;
	margin:0 auto;
	display:table;
	border:1px solid #E6F1EF;
	table-layout: fixed;
}


.address,.access,.budget{
	width:540px;
	margin:0 auto;
	display:table;
	border:1px solid #E6F1EF;
	table-layout: fixed;
}
.shop_detail li dt,.shop_detail li dd,.shop_detail02 li dt,.shop_detail02 li dd{
	display:table-cell;
	vertical-align: middle;
	font-size:12px;
	height:30px;
	border-bottom:1px solid #ffffff;
	padding-left:5px;
}
.shop_detail li dt,.shop_detail02 li dt{
	width:72px;
	background:#E6F1EF;
}
.opening_hours dd{
	width:232px;
	display:block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.regular_holiday dd{
	width:140px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.address dd,.access dd,.budget dd,.opening_hours02 dd{
	width:445px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}



/*ボタン*/
.button{
	width:540px;
	padding:10px 0 20px 0;
	margin:0 auto;
	overflow:hidden;
}
.delete{
	width:146px;
	height:45px;
	border-radius:3px;
	float:left;
}
.delete a{
	width:146px;
	height:45px;
	background:#fff;
	display:block;
	color:#00A381;
	text-align:center;
	line-height:45px;
	font-size:16px;
	font-weight:bold;
	border-radius:3px;
	border:1px solid #00A381;
}
.detail{
	width:385px;
	height:45px;
	border-radius:3px;
	float:right;
}

.detail a{
	width:385px;
	height:45px;
	background:#00A381;
	display:block;
	color:#ffffff;
	text-align:center;
	line-height:45px;
	font-size:16px;
	font-weight:bold;
	border-radius:3px;
}
/*無料掲載・閉店*/

.header_inner span{
	width:40px;
	height:25px;
	display:inline-block;
	text-align:center;
	line-height:28px;
	background:#00A381;
	color:#ffffff;
	font-size:16px;
	margin-right:5px;
}

h4.close a{
	color:#636A77;
}
.opening_hours02{
	width:540px;
	margin:0 auto;
	display:table;
	border:1px solid #E6F1EF;
	table-layout: fixed;
}

.button02 .detail{
	width:540px;
	height:45px;
	border-radius:3px;
}

.button02 .detail a{
	width:540px;
	height:45px;
	background:#00A381;
	display:block;
	color:#ffffff;
	text-align:center;
	line-height:45px;
	font-size:16px;
	font-weight:bold;
	border-radius:3px;
}


/*--------------------------------------------------------------
 女の子
--------------------------------------------------------------*/

ul.girl_list{
	padding-top:20px;
	border-top:1px solid #E6F1EF;
	border-bottom:1px solid #E6F1EF;
	display:flex;
	flex-wrap: wrap;
	  justify-content:space-between;
	margin-bottom:20px;
}
ul.girl_list li{
	position:relative;
	padding-right:6px;
}
ul.girl_list li a img{
	width:180px;
	height:243px;
}

ul.tgirl_list li:nth-of-type(3n){
	margin-right:-6px;
}
ul.girl_list li div a{
	width:180px;
	height:85px;
}
ul.girl_list li dl{
	width:180px;
	height:85px;
	position:absolute;
	top:158px;
	background:rgba(255,255,255,0.8);
}
ul.girl_list li dl dt{
	font-size:15px;
	font-weight:bold;
	padding:10px 0 0 10px;
}
ul.girl_list li dl dd{
	font-size:14px;
	padding-left:10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.delete_btn{
	width:180px;
	padding:10px 0 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.delete_btn button{
	width:66px;
	height:28px;
	font-weight:bold;
	color:#00A381;
	background:#fff;
    cursor: pointer;
    outline: none;
	border:1px solid #00A381;
	border-radius:3px;
}
/*--------------------------------------------------------------
右カラム
--------------------------------------------------------------*/


.platinumbanner li{
	padding-bottom:20px;
}

.side_title{
	width:200px;
	height:40px;
	font-size:16px;
	font-weight:bold;
	padding-left:10px;
	line-height:40px;
	background:#E6F1EF;
	border-radius:3px;
}
.side_shinki_list,.history,.side_recommendation,.near_area{
	padding-bottom:20px;
	padding-top:10px;
}
.side_shinki_list li,.history li,.side_recommendation li{
	padding-top:10px;
	padding-bottom:5px;
	border-bottom:1px solid #E6F1EF;
}


/*--------------------------------------------------------------
 最近見たお店
--------------------------------------------------------------*/

.history li dl{
	width:200px;
	margin:0 auto;
}
.history li dl dt{
	width:200px;
	height:auto;
	text-align:center;
}
.history li dl dd{
	width:180px;
	margin:0 auto;
}

.history_shopname{
	font-size:12px;
	font-weight:bold;
	color:#00A381;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.history_shopname a{
	color:#00A381;
}
.history_area-type{
	font-size:10px;
	color:#636A77;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}