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

.hed_button2{
	width: 810px;
	height: auto;
	float: right;
	display: inline;
}


.map{
	width: 680px;
	height: 510px;
	margin-bottom: 30px;
	background-image: url(../img/map01.jpg);
	background-repeat: no-repeat;
	background-size:cover;
}

.map_b01{
	display:block;
	width: 210px;
	height: 30px;
	line-height: 30px;
	color: #aaa;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
    background-color: #fff; /*ボタン色*/
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
	float: left;
	display: inline;

	border-radius: 5px 5px 5px 5px;
}

.map_b01:link { color: #aaa;}
.map_b01:hover{
	color: #aaa;
    background-color: #fff; /*ボタン色*/
}
.map_b01:visited { color: #aaa; } 


.map_b02{
	display:block;
	width: 210px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
    background-color: #ff4dad; /*ボタン色*/
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
	float: left;
	display: inline;
	border-radius: 5px 5px 5px 5px;
}

.map_b02:link { color: #fff;}
.map_b02:hover{
	color: #FF0000;
    background-color: #ff96cf; /*ボタン色*/
}
.map_b02:visited { color: #fff; }




.map_li01{
	width: 210px;
	height: 30px;
	padding: 85px 0px 0px 365px;
}

.map_li02{
	width: 210px;
	height: 30px;
	padding: 130px 0px 0px 235px;
}

.map_li03{
	width: 100%;
	height: 30px;
	padding: 70px 0px 0px 0px;
}

.map_li04{
	width: 100%;
	height: 30px;
	padding: 80px 0px 0px 0px;
}

.map_li05{
	width: 210px;
	height: 30px;
	padding: 75px 0px 0px 235px;
}

.map_b_l{
	width: 210px;
	height: 30px;
	float: left;
	display: inline;
	margin-left: 40px;
}

.map_b_r{
	width: 210px;
	height: 30px;
	float: right;
	display: inline;
	margin-right: 40px;
}

.sp_map{
	display: none;
}

/* 画面サイズが768px以下の場合に適用 */
@media (max-width: 768px) {
	
.hed_button2{
	display: none;
}
	
.map{
	display: none;
	}
	
.sp_map{
	display: block;
	width: 98%;
	height: auto;
	margin: 0px auto 20px auto;
	border: 1px solid #ea6290;
	}

.sp_map_img{
	margin-bottom: 10px;
}	
	
.sp_map_img img{
	width: 100%;
	height: auto;
}
	
.sp_map_b{
	padding-left: 1%;
	margin-bottom: 10px;
}

.sp_map_b li{
	margin-bottom: 5px;
}
	
.sp_map_b01{
	display:block;
	width: 32%;
	height: 30px;
	line-height: 30px;
	color: #aaa;
	font-size: 12px;
	text-align: center;
    background-color: #ccc; /*ボタン色*/
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
	float: left;
	display: inline;
	border-radius: 5px 5px 5px 5px;
	margin-right: 1%;margin-bottom: 3px;
}

.sp_map_b01:link { color: #aaa;}
.sp_map_b01:hover{
	color: #aaa;
    background-color: #ccc; /*ボタン色*/
}
.sp_map_b01:visited { color: #aaa; } 

.sp_map_b02{
	display:block;
	width: 32%;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 12px;
	text-align: center;
    background-color: #ea6290; /*ボタン色*/
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
	float: left;
	display: inline;
	border-radius: 5px 5px 5px 5px;
	margin-right: 1%;margin-bottom: 3px;
}

.sp_map_b02:link { color: #fff;}
.sp_map_b02:hover{
	color: #fff;
    background-color: #214ceb; /*ボタン色*/
}
.sp_map_b02:visited { color: #fff; } 
	
	

}

/******************イメージ画像******************/

.top_img{
	width: 100%;
	height: 120px;
	line-height: 120px;
	background-image: url(../img/page_title_bg.jpg);
	background-repeat: no-repeat;
	margin: 15px 0px 30px 0px;
	padding-left: 30px;
}


.top_img h2{
	font-size: 32px;
	font-weight: bold;
	color: #fff;
}



/* 画面サイズが768px以下の場合に適用 */
@media (max-width: 768px) {
.top_img{
	height: 60px;
	line-height: 60px;
	margin: 0px 0px 0px 0px;
	background:#ddd url(../img/sp_page_title_bg.jpg)repeat-x center center;
    background-size:contain;
}
	
.top_img h2{
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}
	
}





/*********************top専用メニュー*********************/


#top_menu{
	width: 1200px;
	height: auto;
	margin: 0px auto;
}


.top_menu_b{
	display:block;
	/*
	width: 150px;
	*/
	width: 9.72%;
	height: 40px;
	line-height: 40px;
	color: #FFF;
	font-size: 14px;
	text-align: center;
    background-color: #ea6290; /*ボタン色*/
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
	float: left;
	display: inline;
	border-left: 1px solid #fff;
}

.top_menu_b:link { color: #fff;}
.top_menu_b:hover{
	color: #fff;
    background-color: #f98db1; /*ボタン色*/
}
.top_menu_b:visited { color: #fff; } 

/**メニューボタンの最後**/
.top_menu_b2{
	display:block;
	/*
	width: 150px;
	*/
	width: 9.72%;
	height: 40px;
	line-height: 40px;
	color: #FFF;
	font-size: 14px;
	text-align: center;
    background-color: #ea6290; /*ボタン色*/
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
	float: left;
	display: inline;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

.top_menu_b2:link { color: #fff;}

.top_menu_b2:hover{
	color: #fff;
    background-color: #f98db1; /*ボタン色*/
}
.top_menu_b2:visited { color: #fff; } 



.top_menu_b3{
	display:block;
	width: 150px;
	height: 40px;
	line-height: 40px;
	color: #FFF;
	font-size: 14px;
	text-align: center;
    background-color: #c52159; /*ボタン色*/
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
	float: left;
	display: inline;
	border-left: 1px solid #fff;
}

.top_menu_b3:link { color: #fff;}
.top_menu_b3:hover{
	color: #fff;
    background-color: #f98db1; /*ボタン色*/
}
.top_menu_b3:visited { color: #fff; } 


/* 画面サイズが768px以下の場合に適用 */
@media (max-width: 768px) {	

#top_menu{
	width: 100%;
	height: auto;
}

.top_menu_b{
	display:block;
	width: 50%;
	height: 40px;
	line-height: 40px;
	color: #FFF;
	font-size: 14px;
	text-align: center;
    background-color: #ea6290; /*ボタン色*/
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
	float: left;
	display: inline;
	border-left: 1px solid #fff;
	border-bottom:  1px solid #fff;
}
.top_menu_b2{
	display:block;
	width: 50%;
	height: 40px;
	line-height: 40px;
	color: #FFF;
	font-size: 14px;
	text-align: center;
    background-color: #ea6290; /*ボタン色*/
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
	float: left;
	display: inline;
	border-left: 1px solid #fff;
	border-right: 0px;
	border-bottom:  1px solid #fff;
}
	
/**メニューボタンの最後**/
.top_menu_b3{
	display:block;
	width: 50%;
	height: 40px;
	line-height: 40px;
	color: #FFF;
	font-size: 14px;
	text-align: center;
    background-color: #c52159; /*ボタン色*/
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
	float: left;
	display: inline;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

.menu_b3:link { color: #fff;}

.menu_b3:hover{
	color: #fff;
    background-color: #52b4ff; /*ボタン色*/
}
.menu_b3:visited { color: #fff; } 
	
	
}


/******************フレーム******************/

.contents{
	display: flex;
    flex-flow: row wrap;
}

.contents_l{
	width: 240px;
	height: auto;
}

.contents_c{
	width: 680px;
	height: auto;
	margin: 0px 20px;
}

.contents_r{
	width: 240px;
	height: auto;
}

.contents_l{order: 1;}
.contents_c{order: 2;}
.contents_r{order: 3;}

/* 画面サイズが768px以下の場合に適用 */
@media (max-width: 768px) {

.contents_waku{
	display: flex;
    flex-flow: column;
}	

.contents_l{
	width: 98%;
	height: auto;
	margin: 0px auto 0px auto;
}

.contents_c{
	width: 98%;
	height: auto;
	margin: 20px auto 10px auto;
}

.contents_r{
	width: 98%;
	height: auto;
	margin: 0px auto 0px auto;
}

.contents_l{order: 2;}
.contents_c{order: 1;}
.contents_r{order: 3;}
	
}


/******************エリアで紹介******************/
.tiku_title{
	width: 98%;
	margin: 0px auto 10px auto;
}

.tiku_title h4{
	display: block;
	font-size: 16px;
	color: #ff6bb5;
	padding-bottom: 5px;
	margin-bottom: 0px;
	border-bottom: 3px dotted #ff6bb5;
}

.tiku{
	margin: 0px auto 50px auto;
	width: 98%;
}

.link_b{
	display:block;
	width: 24.5%;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	text-align: center;
    background-color: #ff9dc9;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
	float: left;
	display: inline;
	margin-right: 0.5%;
	margin-bottom: 2px;
	border-radius: 5px 5px 5px 5px;
}

.link_b:link { color: #fff;}

.link_b:hover{
	color: #fff;
    background-color: #214ceb; /*ボタン色*/
}
.link_b:visited { color: #fff; } 


.link_b A:link { color: #666666; } 
.link_b A:hover { color: #ea6290; }
	
	

.link_b2{
	display:block;
	width: 24.5%;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	text-align: center;
    background-color: #ff9dc9;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
	float: left;
	display: inline;
	margin-right: 0.5%;
	margin-bottom: 2px;
	border-radius: 5px 5px 5px 5px;
}

.link_b2:link { color: #FFFFFF;}

.link_b2:hover{
	color: #FFFFFF;
    background-color: #214ceb; /*ボタン色*/
}
.link_b2:visited { color: #fff; } 


.link_b2 A:link { color: #666666; } 
.link_b2 A:hover { color: #ea6290; }



/* 画面サイズが768px以下の場合に適用 */
@media (max-width: 768px) {	
	
.link_b{
	display:block;
	width: 49%;
	margin-bottom: 10px;
}
	
	
.shop_li01{
	width: 98%;
	height: 25px;
	line-height: 25px;
	float: none;
	display: block;
	text-align: left;
	color: #9a0235;
	background-color: #fff;
	border-radius: 0px 0px 0px 0px; 
	font-size: 10px;
	border-bottom: 1px dotted #666;
	margin: 0px auto 5px auto;
	font-size: 12px;
	padding-left: 8px;
}
	
	
.link_b2{
	display:block;
	width: 49%;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	text-align: center;
    background-color: #ff9dc9;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
	float: left;
	display: inline;
	margin-right: 0.5%;
	margin-bottom: 10px;
	border-radius: 5px 5px 5px 5px;
}
	
}

/******************50音ボタン******************/

.on_waku{
	width: 98%;
	margin: 0px auto 20px auto;
}

.on_b{
	display:block;
	width: 9%;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	text-align: center;
    background-color: #fea3c2;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
	float: left;
	display: inline;
	margin: 0px 0.5% 2px 0.5%;
	margin-bottom: 2px;
	border-radius: 5px 5px 5px 5px;
}

.on_b:link { color: #FFFFFF;}

.on_b:hover{
	color: #fff;
    background-color: #ea6290 /*ボタン色*/
}
	
.on_b:visited { color: #fff; }
	
	
	
/* 画面サイズが768px以下の場合に適用 */
@media (max-width: 768px) {	
	
.on_b{
	display:block;
	width: 19%;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	text-align: center;
    background-color: #fea3c2;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
	float: left;
	display: inline;
	margin: 0px 0.5% 2px 0.5%;
	margin-bottom: 2px;
	border-radius: 5px 5px 5px 5px;
}	
	
}
	
/******************ショップリスト******************/
	
.shop{
	width: 95%;
	margin: 0px auto 30px auto;
}

.shop_waku{
	width: 100%;
	border: 1px solid #fa88af;
	margin-bottom: 5px;
	padding: 5px;
}


.shop_li01{
	width: 10%;
	height: 40px;
	line-height: 40px;
	float: left;
	display: inline;
	text-align: center;
	color: #fff;
	background-color: #b73d66;
	border-radius: 5px 5px 5px 5px;
	font-size: 12px;
}

.shop_li02{
	width: 70%;
	height: 40px;
	line-height: 40px;
	float: left;
	display: inline;
	padding: 0px 10px;
}


.shop_li02 A:link { color: #004eff; } 
.shop_li02 A:visited { color: #004eff; } 
.shop_li02 A:hover { color: #FF6600; } 


/*****デリヘル*****/

.shop_li03a{
	width: 20%;
	height: 40px;
	line-height: 40px;
	float: left;
	display: inline;
	font-size: 12px;
	color: #cc31d2;
	text-align: center;
	background-color: #fbb7fe;
	border-radius: 5px 5px 5px 5px;
}



/*****ソープ*****/

.shop_li03b{
	width: 20%;
	height: 40px;
	line-height: 40px;
	float: left;
	display: inline;
	font-size: 12px;
	color: #2d23b8;
	text-align: center;
	background-color: #8f86ff;
	border-radius: 5px 5px 5px 5px;
}

/*****ヘルス*****/

.shop_li03c{
	width: 20%;
	height: 40px;
	line-height: 40px;
	float: left;
	display: inline;
	font-size: 12px;
	color: #1635a7;
	text-align: center;
	background-color: #6a8aff;
	border-radius: 5px 5px 5px 5px;
}
/*****エステ*****/

.shop_li03d{
	width: 20%;
	height: 40px;
	line-height: 40px;
	float: left;
	display: inline;
	font-size: 12px;
	color: #1080af;
	text-align: center;
	background-color: #86d2f2;
	border-radius: 5px 5px 5px 5px;
}

/*****ピンサロ*****/

.shop_li03e{
	width: 20%;
	height: 40px;
	line-height: 40px;
	float: left;
	display: inline;
	font-size: 12px;
	color: #1b8c52;
	text-align: center;
	background-color: #54dd97;
	border-radius: 5px 5px 5px 5px;
}

/*****セクキャバ*****/

.shop_li03f{
	width: 20%;
	height: 40px;
	line-height: 40px;
	float: left;
	display: inline;
	font-size: 12px;
	color: #38912a;
	text-align: center;
	background-color: #8bf07a;
	border-radius: 5px 5px 5px 5px;
}


/*****出会い系カフェ*****/

.shop_li03g{
	width: 20%;
	height: 40px;
	line-height: 40px;
	float: left;
	display: inline;
	font-size: 12px;
	color: #7b7c03;
	text-align: center;
	background-color: #e0e16b;
	border-radius: 5px 5px 5px 5px;
}


/*****その他*****/


.shop_li03h{
	width: 20%;
	height: 40px;
	line-height: 40px;
	float: left;
	display: inline;
	font-size: 12px;
	color: #8a5312;
	text-align: center;
	background-color: #f4c48c;
	border-radius: 5px 5px 5px 5px;
}

	
/* 画面サイズが768px以下の場合に適用 */
@media (max-width: 768px) {	
	
.shop_li01{
	width: 98%;
	height: 25px;
	line-height: 25px;
	float: none;
	display: block;
	text-align: left;
	color: #9a0235;
	background-color: #fff;
	border-radius: 0px 0px 0px 0px; 
	font-size: 10px;
	border-bottom: 1px dotted #666;
	margin: 0px auto 5px auto;
}
	
.shop_li02{
	width: 80%;
	height: 30px;
	line-height: 30px;
	float: left;
	display: inline;
	padding: 0px 10px;
}
	
.shop_li03a{
	width: 20%;
	height: 30px;
	line-height: 30px;
	font-size: 10px;
}

.shop_li03b{
	width: 20%;
	height: 30px;
	line-height: 30px;
	font-size: 10px;
}
	
.shop_li03c{
	width: 20%;
	height: 30px;
	line-height: 30px;
	font-size: 10px;
}
	
.shop_li03d{
	width: 20%;
	height: 30px;
	line-height: 30px;
	font-size: 10px;
}
	
.shop_li03e{
	width: 20%;
	height: 30px;
	line-height: 30px;
	font-size: 10px;
}
	
.shop_li03f{
	width: 20%;
	height: 30px;
	line-height: 30px;
	font-size: 10px;
}
	
.shop_li03g{
	width: 20%;
	height: 30px;
	line-height: 30px;
	font-size: 10px;
}
	
.shop_li03h{
	width: 20%;
	height: 30px;
	line-height: 30px;
	font-size: 10px;
}
	
	
}