/* ここからSSプルダウンマップ専用＿記述
------------------------------------------------------------ */

.SS_mapset {
	width: 700px;
	height: 700px;
	text-align:left;
	margin: 0 auto;
	background-image: url(./img/SS_950_map.png);
	background-repeat: no-repeat;
	background-position: center bottom;

background-size: cover;

		position:relative;z-index:1;

}


.overmap_bb {
width:100%;
font-size:1.5rem;
text-align:center;

height:45px;
line-height:40px;
	border:3px double #b0a47d;
	background-color:#efe9d6;
border-radius:5px;
margin-bottom:30px;
}





#menu01 {
	width: 300px;
	height: 40px;
	background: #ffffff;
	border: 2px solid #d9c1c1;
	box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1);
		position:relative;left:0px;top:20px;z-index:6;
}
#menu01 div {
	display: inline-block;
}
#menu01 div span {
	width: 296px;
	height: 38px;
	font-size: 1.6em;
	line-height: 40px;
	display: block;
	background-image: url(./img/arw_select_01.gif);
	background-repeat: no-repeat;
	background-position: right center;
	cursor: pointer;
}
#menu01 div ul {
	width: 300px;
	display: none;
	padding: 0;
	margin: 0;
	box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1);
	z-index: 90;
}
#menu01 div ul li {
	width: 300px;
	font-size: 1.3em;
	line-height: 36px;
	list-style: none;
	padding: 0;
	margin: 0;
	border: 1px solid #ebdede;
	background: #d9c1c1;
	cursor: pointer;
}
#menu01 div ul li img {
	margin:0 5px 0 5px;
}
#menu01 div ul a:link > li {
	color: #000000;
}
#menu01 div ul a:visited > li {
	color: #000000;
}
#menu01 div ul a:hover > li {
	color: #ffffff;
	background: #4a3f3c;
font-weight:bold;
}

#menu02 {
	width: 300px;
	height: 40px;
	background: #ffffff;
	border: 2px solid #d3e2b5;
	box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1);
		position:relative;left:500px;top:40px;z-index:5;
}
#menu02 div {
	display: inline-block;
}
#menu02 div span {
	width: 296px;
	height: 38px;
	font-size:  1.6em;
	line-height: 40px;
	display: block;
	background-image: url(./img/arw_select_02.gif);
	background-repeat: no-repeat;
	background-position: right center;
	cursor: pointer;
}
#menu02 div ul {
	width: 300px;
	display: none;
	padding: 0;
	margin: 0;
	box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1);
	z-index: 90;
}
#menu02 div ul li {
	width: 300px;
	font-size:  1.3em;
	line-height: 36px;
	list-style: none;
	padding: 0;
	margin: 0;
	border: 1px solid #e3edcf;
	background: #d3e2b5;
	cursor: pointer;

}
#menu02 div ul li img {
	margin:0 5px 0 5px;
}
#menu02 div ul a:link {
	color: #000000;
}
#menu02 div ul a:visited {
	color: #000000;
}
#menu02 div ul li:hover {
	color: #ffffff;
	background: #4a3f3c;
font-weight:bold;
}


#menu03 {
	width: 300px;
	height: 40px;
	background: #ffffff;
	border: 2px solid #b9e2da;
	box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1);
		position:relative;left:0px;top:420px;z-index:4;
}
#menu03 div {
	display: inline-block;
}
#menu03 div span {
	width: 296px;
	height: 38px;
	font-size:  1.6em;
	line-height: 40px;
	display: block;
	background-image: url(./img/arw_select_03.gif);
	background-repeat: no-repeat;
	background-position: right center;
	cursor: pointer;
}
#menu03 div ul {
	width: 300px;
	display: none;
	padding: 0;
	margin: 0;
	box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1);
	z-index: 90;
}
#menu03 div ul li {
	width: 300px;
	font-size:  1.3em;
	line-height: 36px;
	list-style: none;
	padding: 0;
	margin: 0;
	border: 1px solid #d9f0ec;
	background: #b9e2da;
	cursor: pointer;
}
#menu03 div ul li img {
	margin:0 5px 0 5px;
}
#menu03 div ul a:link {
	color: #000000;
}
#menu03 div ul a:visited {
	color: #000000;
}
#menu03 div ul li:hover {
	color: #ffffff;
	background: #4a3f3c;
font-weight:bold;
}

#menu04 {
	width: 300px;
	height: 40px;
	background: #ffffff;
	border: 2px solid #c1c5e6;
	box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1);
		position:relative;left:400px;top:300px;z-index:2;
}
#menu04 div {
	display: inline-block;
}
#menu04 div span {
	width: 296px;
	height: 38px;
	font-size:  1.6em;
	line-height: 40px;
	display: block;
	background-image: url(./img/arw_select_04.gif);
	background-repeat: no-repeat;
	background-position: right center;
	cursor: pointer;
}
#menu04 div ul {
	width: 300px;
	display: none;
	padding: 0;
	margin: 0;
	box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1);
	z-index: 90;
}
#menu04 div ul li {
	width: 300px;
	font-size:  1.3em;
	line-height: 36px;
	list-style: none;
	padding: 0;
	margin: 0;
	border: 1px solid #dee0f2;
	background: #c1c5e6;
	cursor: pointer;
}
#menu04 div ul li img {
	margin:0 5px 0 5px;
}
#menu04 div ul a:link {
	color: #000000;
}
#menu04 div ul a:visited {
	color: #000000;
}
#menu04 div ul li:hover {
	color: #ffffff;
	background: #4a3f3c;
font-weight:bold;
}





/* 直接加入をシンプルボタンで追加 */


#menu05 {
	width: 300px;
	height: 40px;
	background: #ffffff;
	border: 1px solid #b0a47d;
	box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1);
		position:relative;left:200px;top:520px;z-index:2;
}
#menu05 div {
	display: inline-block;
}
#menu05 div span {
	width: 296px;
	height: 38px;
	font-size:  1.6em;
	line-height: 33px;
	display: block;

	border:1px solid #b0a47d;
	background-color:#ffffff;
/*border-radius:5px;*/
margin-bottom:30px;


	cursor: pointer;
}



/* 直接加入をシンプルボタンで追加 */














/* ここまでSSプルダウンマップ専用＿記述
------------------------------------------------------------ */






/* ここから　SSプルダウンマップ専用＿記述　レスポンシブ時
------------------------------------------------------------ */
/* ここから　SSプルダウンマップ専用＿記述　レスポンシブ時
------------------------------------------------------------ */

@media only screen and (max-width: 900px){


.SS_mapset {
	width:100%;
	height:100%;
	text-align:left;
	margin: 0 auto;
	background-image: url(./img/SS_950_map.png);
	background-repeat: no-repeat;
	background-position: right top;
background-size: contain;
		position:relative;z-index:1;
margin-bottom:100px;
}


#menu01 {
	width: 300px;
	height: 40px;
	background: #ffffff;
	border: 2px solid #d9c1c1;
	box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1);
		position:relative;left:0px;top:0px;z-index:6;
}

#menu02 {
	width: 300px;
	height: 40px;
	background: #ffffff;
	border: 2px solid #d3e2b5;
	box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1);
		position:relative;left:0px;top:20px;z-index:5;
}


#menu03 {
	width: 300px;
	height: 40px;
	background: #ffffff;
	border: 2px solid #b9e2da;
	box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1);
		position:relative;left:0px;top:40px;z-index:4;
}


#menu04 {
	width: 300px;
	height: 40px;
	background: #ffffff;
	border: 2px solid #c1c5e6;
	box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1);
		position:relative;left:0px;top:60px;z-index:2;
}




/* 直接加入をシンプルボタンで追加 */

#menu05 {
	width: 300px;
	height: 40px;


	border:1px solid #b0a47d;
	background-color:#efe9d6;

	box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1);
		position:relative;left:0px;top:80px;z-index:1;
}


/* 直接加入をシンプルボタンで追加 */





}





/* ここまで SSプルダウンマップ専用＿記述　レスポンシブ時
------------------------------------------------------------ */
/* ここまで SSプルダウンマップ専用＿記述　レスポンシブ時
------------------------------------------------------------ */












/* ここからフリーワード検索のしくみ＿記述
------------------------------------------------------------ */
.CB_SLIST_TSXTSEARCH {
background-color:#f1ede5;
padding:10px;
text-align:center;
}



.CB_SLIST_TSXTSEARCH_box {
font-size:1.5rem;
line-height:1.7rem;
width:400px;
}

.CB_SLIST_TSXTSEARCH_button {
font-size:1.5rem;
line-height:1.7rem;
border-radius:0.3rem;
padding:2px 10px;
cursor:pointer;

border:1px solid #534440;
color:#534440;
background-color:#d9f0ec;
margin:10px;
}

.CB_SLIST_TSXTSEARCH_button:hover {
opacity:0.6;
cursor:pointer;
}


/* ここまでフリーワード検索のしくみ＿記述
------------------------------------------------------------ */








/* ここから　フリーワード検索のしくみ　レスポンシブ時
------------------------------------------------------------ */
/* ここから　フリーワード検索のしくみ　レスポンシブ時
------------------------------------------------------------ */
@media only screen and (max-width: 900px){

.CB_SLIST_TSXTSEARCH_box {
font-size:1.5rem;
line-height:1.7rem;
width:80%;
}


}

/* ここまで フリーワード検索のしくみ　レスポンシブ時
------------------------------------------------------------ */
/* ここまで フリーワード検索のしくみ　レスポンシブ時
------------------------------------------------------------ */














/* ここから検索結果　テーブルの装飾デザイン＿記述
------------------------------------------------------------ */

.SEARCH_KEKKA_TITLE {
	width: 100%;
	text-align:left;

	border:2px solid #e2dfd4;
	font-size:1.2rem;
	font-weight:bold;
	color:#4a3f3c;
	padding:3px 10px;
margin-bottom:10px;
}


.CB_SLIST_TABLE {
	width: 100%;
}

.CB_SLIST_TH_shopname {
	width: 100%;
	text-align:left;
	border:2px solid #e2dfd4;
	font-size:1.5rem;
	font-weight:bold;
	color:#4a3f3c;
	padding:3px 10px;
	position:relative;

}

.CB_SLIST_TD_TX {
	text-align:left;
	font-size:1.2rem;

	font-weight:normal;
	color:#4a3f3c;
	padding:3px 10px;
	position:relative;
}

.CB_SLIST_TD_TX_URL {
	text-align:left;
	font-size:1.2rem;
font-size:0.9rem;
line-height:1.1rem;
	font-weight:normal;
	color:#4a3f3c;
	padding:3px 10px;
	position:relative;

max-width:400px;
}


.CB_SLIST_shopname {
	display:inline-block;
	margin-left:40px;
}





/*　ショップ名前のアイコン　４種　エリアごと　*/

.CB_SLIST_shopname_ICON_area00:before {
	width: 35px;
	height: 35px;
	line-height:1.4rem;
	content:"";
	display:inline-block;
	background-image: url(./img/shop_area_icon_00.png);
	background-repeat: no-repeat;
	position:absolute;
	top:5px;
	background-size:contain;
}

.CB_SLIST_shopname_ICON_area01:before {
	width: 35px;
	height: 35px;
	line-height:1.4rem;
	content:"";
	display:inline-block;
	background-image: url(./img/shop_area_icon_01.png);
	background-repeat: no-repeat;
	position:absolute;
	top:5px;
	background-size:contain;
}
.CB_SLIST_shopname_ICON_area02:before {
	width: 35px;
	height: 35px;
	line-height:1.4rem;
	content:"";
	display:inline-block;
	background-image: url(./img/shop_area_icon_02.png);
	background-repeat: no-repeat;
	position:absolute;
	top:5px;
	background-size:contain;
}
.CB_SLIST_shopname_ICON_area03:before {
	width: 35px;
	height: 35px;
	line-height:1.4rem;
	content:"";
	display:inline-block;
	background-image: url(./img/shop_area_icon_03.png);
	background-repeat: no-repeat;
	position:absolute;
	top:5px;
	background-size:contain;
}
.CB_SLIST_shopname_ICON_area04:before {
	width: 35px;
	height: 35px;
	line-height:1.4rem;
	content:"";
	display:inline-block;
	background-image: url(./img/shop_area_icon_04.png);
	background-repeat: no-repeat;
	position:absolute;
	top:5px;
	background-size:contain;
}

/*　ショップ名前のアイコン　４種　エリアごと　*/





/*　ショップ名あとのエリア表示　４種　エリアごと　*/

.CB_SLIST_area_00 {
white-space: nowrap;
display:inline-block;
border:1px solid #d5c89b;
margin-left:10px;
padding:1px 2px;
background-color:#e9e0c1;
font-size:1.0rem;
font-weight:normal;
			position:absolute;
			top:8px;
}


.CB_SLIST_area_01 {
white-space: nowrap;
display:inline-block;
border:1px solid #d9c1c1;
margin-left:10px;
padding:1px 2px;
background-color:#ebdede;
font-size:1.0rem;
font-weight:normal;
			position:absolute;
			top:8px;
}
.CB_SLIST_area_02 {
white-space: nowrap;
display:inline-block;
border:1px solid #d3e2b5;
margin-left:10px;
padding:1px 2px;
background-color:#e8f0d7;
font-size:1.0rem;
font-weight:normal;
			position:absolute;
			top:8px;
}
.CB_SLIST_area_03 {
white-space: nowrap;
display:inline-block;
border:1px solid #b9e2da;
margin-left:10px;
padding:1px 2px;
background-color:#d9f0ec;
font-size:1.0rem;
font-weight:normal;
			position:absolute;
			top:8px;
}
.CB_SLIST_area_04 {
white-space: nowrap;
display:inline-block;
border:1px solid #c1c5e6;
margin-left:10px;
padding:1px 2px;
background-color:#dee0f2;
font-size:1.0rem;
font-weight:normal;
			position:absolute;
			top:8px;
}

/*　ショップ名あとのエリア表示　４種　エリアごと　*/




/*　住所と電話番号　オーナー名　HP　共通　*/

.CB_SLIST_address {
	display:inline-block;
	margin-left:90px;
padding-top:2px;
}
.CB_SLIST_address_ICON:before {
	width: 84px;
	height: 35px;
	line-height:1.2rem;
	content:"";
	display:inline-block;
	background-image: url(./img/TL_address_icon.png);
	background-repeat: no-repeat;
	position:absolute;
	top:5px;
	background-size:contain;
}



.CB_SLIST_tel {
	display:inline-block;
	margin-left:90px;
padding-top:0px;

font-weight:bold;

font-size:1.4rem;

white-space:nowrap;

}
.CB_SLIST_tel_ICON:before {
	width: 84px;
	height: 35px;
	line-height:1.2rem;
	content:"";
	display:inline-block;
	background-image: url(./img/TL_tel_icon.png);
	background-repeat: no-repeat;
	position:absolute;
	top:5px;
	background-size:contain;
}


.CB_SLIST_owner {
	display:inline-block;
	margin-left:90px;
padding-top:2px;
}
.CB_SLIST_owner_ICON:before {
	width: 84px;
	height: 35px;
	line-height:1.2rem;
	content:"";
	display:inline-block;
	background-image: url(./img/TL_owner_icon.png);
	background-repeat: no-repeat;
	position:absolute;
	top:5px;
	background-size:contain;
}

.CB_SLIST_hp {
	display:inline-block;
	margin-left:90px;

word-break: break-all;
padding-top:2px;

font-size:0.9rem;
line-height:1.1rem;
}
.CB_SLIST_hp_ICON:before {
	width: 84px;
	height: 35px;
	line-height:1.2rem;
	content:"";
	display:inline-block;
	background-image: url(./img/TL_hp_icon.png);
	background-repeat: no-repeat;
	position:absolute;
	top:5px;
	background-size:contain;
}



.CB_SLIST_hp a {
color:#2e3cb3;
}

.CB_SLIST_hp a:hover {
color:#2e3cb3;
}

.CB_SLIST_hp a:visited {
color:#755e58;
}



/*　住所と電話番号　オーナー名　HP　共通　*/


/*　テーブル境界のエリア色　*/


.CB_SLIST_TH_BDR_area00 {
height:10px;
border-top:2px solid #d5c89b;
padding:0px 0px;
margin:0px 0px;
}
.CB_SLIST_BDR_area00 {
display:block;
height:10px;
border-top:3px solid #4a3f3c;
padding:0px 0px;
margin:0px 0px;
margin-bottom:20px;
}




.CB_SLIST_TH_BDR_area01 {
height:10px;
border-top:2px solid #d9c1c1;
padding:0px 0px;
margin:0px 0px;
}
.CB_SLIST_BDR_area01 {
display:block;
height:10px;
border-top:3px solid #4a3f3c;
padding:0px 0px;
margin:0px 0px;
margin-bottom:20px;
}

.CB_SLIST_TH_BDR_area02 {
height:10px;
border-top:2px solid #d3e2b5;
padding:0px 0px;
margin:0px 0px;
}
.CB_SLIST_BDR_area02 {
display:block;
height:10px;
border-top:3px solid #4a3f3c;
padding:0px 0px;
margin:0px 0px;
margin-bottom:20px;
}

.CB_SLIST_TH_BDR_area03 {
height:10px;
border-top:2px solid #b9e2da;
padding:0px 0px;
margin:0px 0px;
}
.CB_SLIST_BDR_area03 {
display:block;
height:10px;
border-top:3px solid #4a3f3c;
padding:0px 0px;
margin:0px 0px;
margin-bottom:20px;
}

.CB_SLIST_TH_BDR_area04 {
height:10px;
border-top:2px solid #c1c5e6;
padding:0px 0px;
margin:0px 0px;
}
.CB_SLIST_BDR_area04 {
display:block;
height:10px;
border-top:3px solid #4a3f3c;
padding:0px 0px;
margin:0px 0px;
margin-bottom:20px;
}

/*　テーブル境界のエリア色　*/







/* ここまで検索結果　テーブルの装飾デザイン＿記述
------------------------------------------------------------ */















/* ここから　レスポンシブ時の　検索結果　テーブルの装飾デザイン＿記述　レスポンシブ時
------------------------------------------------------------ */
/* ここから　レスポンシブ時の　検索結果　テーブルの装飾デザイン＿記述　レスポンシブ時
------------------------------------------------------------ */

@media only screen and (max-width: 900px){


table.CB_SLIST_TABLE th {
	display:block;
}


table.CB_SLIST_TABLE td {
	display:block;
}




.CB_SLIST_TD_TX_URL {
max-width:100%;
margin-bottom:20px;
}



.CB_SLIST_address {
line-height:1.3rem;
}


.CB_SLIST_hp {
	display:inline-block;
	margin-left:90px;

word-break: break-all;
padding-top:4px;

font-size:0.9rem;
line-height:1.5rem;
}







.CB_SLIST_TH_shopname {
	width: 100%;
	text-align:left;
	border:2px solid #e2dfd4;
	font-size:1.5rem;
line-height:1.5rem;
	font-weight:bold;
	color:#4a3f3c;
	padding:3px 5px;
	position:relative;
vertical-align:middle;
}


.CB_SLIST_shopname_ICON_area00:before {
	width: 35px;
	height: 35px;
	line-height:1.4rem;
	position:absolute;
	top:0px;
vertical-align:middle;
}


.CB_SLIST_shopname_ICON_area01:before {
	width: 35px;
	height: 35px;
	line-height:1.4rem;
	position:absolute;
	top:0px;
vertical-align:middle;
}
.CB_SLIST_shopname_ICON_area02:before {
	width: 35px;
	height: 35px;
	line-height:1.4rem;
	position:absolute;
	top:0px;
vertical-align:middle;
}
.CB_SLIST_shopname_ICON_area03:before {
	width: 35px;
	height: 35px;
	line-height:1.4rem;
	position:absolute;
	top:0px;
vertical-align:middle;
}
.CB_SLIST_shopname_ICON_area04:before {
	width: 35px;
	height: 35px;
	line-height:1.4rem;
	position:absolute;
	top:0px;
vertical-align:middle;
}




.CB_SLIST_shopname {
		position:relative;
		top:0px;
		vertical-align:middle;

}




.CB_SLIST_area_01 {
white-space: nowrap;
display:inline-block;
border:1px solid #d5c89b;
margin-left:10px;
padding:1px 0px;
background-color:#e9e0c1;
font-size:0.8rem;
font-weight:normal;
			position:relative;
			top:0px;

			margin-bottom:2px;
}



.CB_SLIST_area_01 {
white-space: nowrap;
display:inline-block;
border:1px solid #d9c1c1;
margin-left:10px;
padding:1px 0px;
background-color:#ebdede;
font-size:0.8rem;
font-weight:normal;
			position:relative;
			top:0px;

			margin-bottom:2px;
}
.CB_SLIST_area_02 {
white-space: nowrap;
display:inline-block;
border:1px solid #d3e2b5;
margin-left:10px;
padding:1px 0px;
background-color:#e8f0d7;
font-size:0.8rem;
font-weight:normal;
			position:relative;
			top:0px;
			margin-bottom:2px;
}
.CB_SLIST_area_03 {
white-space: nowrap;
display:inline-block;
border:1px solid #b9e2da;
margin-left:10px;
padding:1px 0px;
background-color:#d9f0ec;
font-size:0.8rem;
font-weight:normal;
			position:relative;
			top:0px;
			margin-bottom:2px;

}
.CB_SLIST_area_04 {
white-space: nowrap;
display:inline-block;
border:1px solid #c1c5e6;
margin-left:10px;
padding:1px 0px;
background-color:#dee0f2;
font-size:0.8rem;
font-weight:normal;
			position:relative;
			top:0px;
			margin-bottom:2px;
}








.CB_SLIST_area_00 {
white-space: nowrap;
display:inline-block;
border:1px solid #d5c89b;
margin-left:10px;
padding:1px 0px;
background-color:#e9e0c1;
font-size:0.8rem;
font-weight:normal;
			position:relative;
			top:0px;

			margin-bottom:2px;
}








}












/* ここまで レスポンシブ時の　検索結果　テーブルの装飾デザイン＿記述　レスポンシブ時
------------------------------------------------------------ */
/* ここまで レスポンシブ時の　検索結果　テーブルの装飾デザイン＿記述　レスポンシブ時
------------------------------------------------------------ */















/* ここから検索結果　テーブル下のページ送り　装飾デザイン＿記述
------------------------------------------------------------ */
.CB_SLIST_TABLE_PAGER {
  display: flex;
  justify-content: center; 
  align-items: center; 
color:#4a3f3c;
flex-wrap: wrap;

}
.CB_SLIST_TABLE_PAGER .f11pt_gray {
	width: 40px;
	height: 40px;
	background-color: #a49f9d;
	border-radius: 50%;
  display: flex;
  justify-content: center; 
  align-items: center; 
  font-size: 1.5rem; /* 数字のフォントサイズ */
font-weight:bold;
color:#4a3f3c;
margin-right:5px;
margin-bottom:8px;
}

.CB_SLIST_TABLE_PAGER a {
	width: 40px;
	height: 40px;
	background-color: #4a3f3c;
	border-radius: 50%;
  display: flex;
  justify-content: center; 
  align-items: center; 
  font-size: 1.2rem; /* 数字のフォントサイズ */
font-weight:bold;
color:#ffffff;
margin-right:5px;
margin-bottom:8px;
}




/* ここまで検索結果　テーブル下のページ送り　装飾デザイン＿記述
------------------------------------------------------------ */













/* ここから　レスポンシブ時の　検索結果　テーブル下のページ送り　レスポンシブ時
------------------------------------------------------------ */
/* ここから　レスポンシブ時の　検索結果　テーブル下のページ送り　レスポンシブ時
------------------------------------------------------------ */

@media only screen and (max-width: 900px){


.CB_SLIST_TABLE_PAGER .f11pt_gray {
	width: 55px;
	height: 55px;
	background-color: #a49f9d;
	border-radius: 50%;
  display: flex;
  justify-content: center; 
  align-items: center; 
  font-size: 1.5rem; /* 数字のフォントサイズ */
font-weight:bold;
color:#4a3f3c;
margin-right:8px;
margin-bottom:12px;
}

.CB_SLIST_TABLE_PAGER a {
	width: 55px;
	height: 55px;
	background-color: #4a3f3c;
	border-radius: 50%;
  display: flex;
  justify-content: center; 
  align-items: center; 
  font-size: 1.2rem; /* 数字のフォントサイズ */
font-weight:bold;
color:#ffffff;
margin-right:8px;
margin-bottom:12px;
}



}


/* ここまで レスポンシブ時の　検索結果　テーブル下のページ送り　レスポンシブ時
------------------------------------------------------------ */
/* ここまで レスポンシブ時の　検索結果　テーブル下のページ送り　レスポンシブ時
------------------------------------------------------------ */






















/*　検索時の結果が見つからない場合　 */


.txt_search_notfound {

	width: 100%;
	text-align:center;
	border:2px solid #e2dfd4;
	font-size:1.3rem;
line-height:1.5rem;
	font-weight:bold;
	color:#4a3f3c;
padding:5px 10px;
}




/*　検索時の結果が見つからない場合　 */









/* ここから支部一覧表の　装飾デザイン＿記述
------------------------------------------------------------ */
.CB_SHIBU_TABLE {
	width: 100%;
}

.CB_SHIBU_TH_name_area01 {
	width: 60%;
	text-align:left;
	border:2px solid #d7bfbf;
	background-color:#eadddd;
	font-size:1.5rem;
	font-weight:bold;
	color:#4a3f3c;
	padding:3px 10px;
	position:relative;
}

.CB_SHIBU_TH_chiiki_area01 {
	width: 40%;
	text-align:left;
	border:2px solid #d7bfbf;
	background-color:#ffffff;
	font-size:1.3rem;
	font-weight:normal;
	color:#4a3f3c;
	padding:3px 10px;
	position:relative;
}
.CB_SHIBU_TH_name_area02 {
	width: 60%;
	text-align:left;
	border:2px solid #cfddb2;
	background-color:#e5ecd4;
	font-size:1.5rem;
	font-weight:bold;
	color:#4a3f3c;
	padding:3px 10px;
	position:relative;
}

.CB_SHIBU_TH_chiiki_area02 {
	width: 40%;
	text-align:left;
	border:2px solid #cfddb2;
	background-color:#ffffff;
	font-size:1.3rem;
	font-weight:normal;
	color:#4a3f3c;
	padding:3px 10px;
	position:relative;
}
.CB_SHIBU_TH_name_area03 {
	width: 60%;
	text-align:left;
	border:2px solid #b6ddd5;
	background-color:#d7ede9;
	font-size:1.5rem;
	font-weight:bold;
	color:#4a3f3c;
	padding:3px 10px;
	position:relative;
}

.CB_SHIBU_TH_chiiki_area03 {
	width: 40%;
	text-align:left;
	border:2px solid #b6ddd5;
	background-color:#ffffff;
	font-size:1.3rem;
	font-weight:normal;
	color:#4a3f3c;
	padding:3px 10px;
	position:relative;
}
.CB_SHIBU_TH_name_area04 {
	width: 60%;
	text-align:left;
	border:2px solid #bfc2e2;
	background-color:#dcdef0;
	font-size:1.5rem;
	font-weight:bold;
	color:#4a3f3c;
	padding:3px 10px;
	position:relative;
}

.CB_SHIBU_TH_chiiki_area04 {
	width: 40%;
	text-align:left;
	border:2px solid #bfc2e2;
	background-color:#ffffff;
	font-size:1.3rem;
	font-weight:normal;
	color:#4a3f3c;
	padding:3px 10px;
	position:relative;
}









.CB_SHIBU_TD_TX {

	text-align:left;
	font-size:1.2rem;

	font-weight:normal;
	color:#4a3f3c;
	padding:3px 10px;
	position:relative;
}


.CB_SHIBU_TH_chiiki_ICON {
	background-color:#e1ded3;
padding:2px 5px;
font-weight:normal;
font-size:1.0rem;
margin-right:10px;
}

.SHIBU_FLEX {
display:flex;
justify-content:space-between;

}

.SHIBU_data {
display:inline-block;
}

.CB_SHIBU_ICON_area01 {
	border:1px solid #d7bfbf;
	background-color:#eadddd;
padding:2px 5px;
font-weight:normal;
font-size:1.0rem;
margin-right:10px;
}
.CB_SHIBU_ICON_area02 {
	border:1px solid #cfddb2;
	background-color:#e5ecd4;
padding:2px 5px;
font-weight:normal;
font-size:1.0rem;
margin-right:10px;
}
.CB_SHIBU_ICON_area03 {
	border:1px solid #b6ddd5;
	background-color:#d7ede9;
padding:2px 5px;
font-weight:normal;
font-size:1.0rem;
margin-right:10px;
}
.CB_SHIBU_ICON_area04 {
	border:1px solid #bfc2e2;
	background-color:#dcdef0;
padding:2px 5px;
font-weight:normal;
font-size:1.0rem;
margin-right:10px;
}







.CB_SHIBU_TEXT_TEL {
font-weight:bold;
font-size:1.4rem;
white-space:nowrap;
}




.SHIBU_BB_HP {
display:inline-block;
height:45px;
	border:1px solid #dcd4c1;
	background-color:#f0ece3;
border-radius:5px;
padding:2px 10px;
font-weight:bold;
font-size:1.0rem;
margin-right:10px;
margin-top:5px;
margin-bottom:5px;
}

.SHIBU_BB_HP_TEXT {
padding-left:45px;
line-height:45px;
}

.SHIBU_BB_HP_ICON:before {
	width: 41px;
	height: 41px;
	line-height:1.2rem;
	content:"";
	display:inline-block;
	background-image: url(./img/SHIBU_BB_HP_icon.png);
	background-repeat: no-repeat;
	position:absolute;

	background-size:contain;
}






.SHIBU_BB_SALONLIST_area01 {
display:inline-block;
height:45px;
	border:1px solid #d7bfbf;
	background-color:#eadddd;
border-radius:5px;
padding:2px 10px;
font-weight:bold;
font-size:1.0rem;
margin-right:0px;
margin-top:5px;
margin-bottom:5px;
}
.SHIBU_BB_SALONLIST_area02 {
display:inline-block;
height:45px;
	border:1px solid #cfddb2;
	background-color:#e5ecd4;
border-radius:5px;
padding:2px 10px;
font-weight:bold;
font-size:1.0rem;
margin-right:0px;
margin-top:5px;
margin-bottom:5px;
}
.SHIBU_BB_SALONLIST_area03 {
display:inline-block;
height:45px;
	border:1px solid #b6ddd5;
	background-color:#d7ede9;
border-radius:5px;
padding:2px 10px;
font-weight:bold;
font-size:1.0rem;
margin-right:0px;
margin-top:5px;
margin-bottom:5px;
}
.SHIBU_BB_SALONLIST_area04 {
display:inline-block;
height:45px;
	border:1px solid #bfc2e2;
	background-color:#dcdef0;
border-radius:5px;
padding:2px 10px;
font-weight:bold;
font-size:1.0rem;
margin-right:0px;
margin-top:5px;
margin-bottom:5px;
}



.CB_SHIBU_BB_SALONLIST_TEXT {
padding-left:45px;
line-height:45px;
}

.CB_SHIBU_BB_SALONLIST_ICON_area01:before {
	width: 41px;
	height: 41px;
	line-height:1.2rem;
	content:"";
	display:inline-block;
	background-image: url(./img/SHIBU_BB_SALONLIST_icon_area01.png);
	background-repeat: no-repeat;
	position:absolute;
	background-size:contain;
}

.CB_SHIBU_BB_SALONLIST_ICON_area02:before {
	width: 41px;
	height: 41px;
	line-height:1.2rem;
	content:"";
	display:inline-block;
	background-image: url(./img/SHIBU_BB_SALONLIST_icon_area02.png);
	background-repeat: no-repeat;
	position:absolute;
	background-size:contain;
}


.CB_SHIBU_BB_SALONLIST_ICON_area03:before {
	width: 41px;
	height: 41px;
	line-height:1.2rem;
	content:"";
	display:inline-block;
	background-image: url(./img/SHIBU_BB_SALONLIST_icon_area03.png);
	background-repeat: no-repeat;
	position:absolute;
	background-size:contain;
}


.CB_SHIBU_BB_SALONLIST_ICON_area04:before {
	width: 41px;
	height: 41px;
	line-height:1.2rem;
	content:"";
	display:inline-block;
	background-image: url(./img/SHIBU_BB_SALONLIST_icon_area04.png);
	background-repeat: no-repeat;
	position:absolute;
	background-size:contain;
}





/* ここまで支部一覧表の　装飾デザイン＿記述
------------------------------------------------------------ */







/*　支部一覧表　レスポンシブ　*/


@media only screen and (max-width: 900px){


table.CB_SHIBU_TABLE th {
	display:block;
}


table.CB_SHIBU_TABLE td {
	display:block;
}


.CB_SHIBU_TH_name_area01 {
	width: 100%;
}
.CB_SHIBU_TH_name_area02 {
	width: 100%;
}
.CB_SHIBU_TH_name_area03 {
	width: 100%;
}
.CB_SHIBU_TH_name_area04 {
	width: 100%;
}

.CB_SHIBU_TH_chiiki_area01 {
	width: 100%;
}
.CB_SHIBU_TH_chiiki_area02 {
	width: 100%;
}
.CB_SHIBU_TH_chiiki_area03 {
	width: 100%;
}
.CB_SHIBU_TH_chiiki_area04 {
	width: 100%;
}

.SHIBU_FLEX {
display:block;
}
.BB_hp_center {
text-align:center;
border:2px solid #eeebdf;
}
.SHIBU_data {
display:block;
}


.SHIBU_BB_HP {
width:280px;
margin-right:0px;
}

.SHIBU_BB_SALONLIST_area01 {
width:280px;
}

.SHIBU_BB_SALONLIST_area02 {
width:280px;
}

.SHIBU_BB_SALONLIST_area03 {
width:280px;
}

.SHIBU_BB_SALONLIST_area04 {
width:280px;
}





}



/*　支部一覧表　レスポンシブ　*/

