@charset "UTF-8";

#syutten_map {
	margin: 		1.0em 0;
	padding: 		10px 0px 0px 0px;
	font-size: 		1.0em;
	font-weight: 	bold;
	line-height: 	1.6em;
}

#Syutten_area{
	text-align: 	center;
	margin: 		30px auto;
}

#Syutten_area ul{
	text-align: 	center;
	margin-top: 	0.5em;
}

#Syutten_area li{
	display: 		inline-block;
	text-align: 	center;
	width: 			18%;
	background-color:#b7985a;
	border-radius: 	0.25em;
	margin: 		1% 0.5%;
	color: 			#FFF;
	list-style: 	none;
}

#Syutten_area li.b_g{
	background-color:   	#666;
	padding: 		0.5em;
	color: 			#CCC;
}


#Syutten_area li a{
	display:block;
	text-decoration:none;
	padding: 		0.5em;
	color: 			#FFF;
}

#Syutten_area li:last-child{
	background-color:#a38953;
}


#Syutten_list {
	margin-top: 	1.6em;
}

.shop_area, .blog_data {
	display: 		block;
	font-size: 		0.88em;
	padding-top: 	0.2em;
	text-align: 	center;
	color: 			#FFFFFF;
	border-radius: 	0.25em 0.25em 0 0;
}

.shop_area{
	width: 			6em;
	background-color:#c19d54;
		font-weight:bold;
}

.blog_data {
/*	width:20em;*/
	background-color:#999;
		font-family:monospace;
		text-align:left;
		padding:0 0 0 26px;
}

#Syutten_list h3{
        position: relative;
        padding: 0.6em;
        background: #b5976a;
/*
	display: 		block;
	color:			#fff;
	background:		#333;
	font-size:		1.2em;
	line-height:	1;
	padding:		0.5em 1em;
	border-left: 	3px solid #900;
	margin:			0px 0px;
	box-shadow:		none;
	font-family:"Times New Roman", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", "Meiryo", "serif";
*/
}
#Syutten_list h3:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #b5976a;
width: 0;
height: 0;
}

#Syutten_list article{
	margin-bottom: 	2em;
	padding-bottom: 1%;
		width:98%;
		float:left;
}

#Syutten_blog{
	clear: 			both;
	margin-top: 	2em;
}

#Syutten_blog article{
	clear: 			both;
	margin-bottom: 	2em;
}

#Syutten_blog h4{
	display: 		block;
	color:			#666;
	background:		#FFF;
	font-size:		1.0em;
	line-height:	1;
	padding:		0.5em 1em;
	border-top: 	1px solid #999;
	border-right: 	1px solid #999;
	border-bottom: 	1px solid #999;
	border-left: 	3px solid #F30;
}
#Syutten_blog h3 {
    color: #b5976a;
}
#Syutten_blog article div.shop_inner p{
	letter-spacing:0.003em;
}

.shop_inner {
	display: 		block;/*none 詳細公開後blockに*/
	padding: 		2% 3% 2%;/*2 1 1*/
	border: 		1px solid #999;
	border-top: 	none;
	background-color:#FFFFFF;
	color: 			#000;/*#666*/
		letter-spacing:0.002em;
}

#Shop_introduce {
	padding: 		0 0 2%;
	color: 			#666;
}
#Shop_introduce h2 {
     color: #ceb066;
     font-weight: bold;
}

#Shop_introduce h3 {
	font-size: 		2em;/*1.26*/
	text-align: 	left;/*c*/
	margin:			0px 0px 0em;/*0 0 0.5*/
	padding:		0.25em;
	color:			#666;
	background:		#F5F5F5;
	line-height:	1;
	box-shadow:		none;
/*	font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;*/
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

#Shop_introduce p {
	padding-top: 	1%;
		color:#fff;
		letter-spacing:0.002em;
}

.shop_pic, .shop_logo {
	display: 		block;
}
.shop_logo,
.shop_pic{
	float: 			left;
	clear:left;
	width: 			30%;
	margin: 		1% 2% 1% 0;
	max-width: 300px;
}
/*
.shop_logo{
	clear: 			left;
	float: 			left;
	width: 			20%;
	margin: 		2% 0% 1% 2%;
	max-width: 300px;
}*/

.shop_category {
	font-size: 		0.88em;
	display: 		block;
	font-weight: 	bold;
	text-align: 	right;
	color: 			#666;
	margin-bottom: 	0.75em
}

.shop_category span{
	border: 		1px solid #999;
	padding: 		0.25em 0.5em ;
}



/**** ショップ詳細データ ****/
.shop_data {
	border-top: 	1px #666666 solid;
	border-left: 	1px #666666 solid;
	color: 			#666;
	float: 			right;
	margin: 		1.0em 0 0;
	width: 			100%;/*75*/
}
.shop_data td a {
color:#b5976a !important;
    }

#Syutten_list .shop_data {
	width:100%;/*65*/
}

.shop_data th, .shop_data td{
	line-height: 	1.4em;
	padding: 		0.15em 0.25em;
}

.shop_data th {
	line-height: 	1.4em;
	border-right: 	1px #666666 solid;
	border-bottom: 	1px #666666 solid;
	background-color:#CCCCCC;
	text-align: 	center;
	vertical-align: middle;
	font-weight: 	normal;
	width: 			30%;
}
.shop_data td {
	line-height: 	1.4em;
	border-right: 	1px #666666 solid;
	border-bottom: 	1px #666666 solid;
		padding:5px 10px 5px 1.3em;
}

.more{
	display: 		block;
	clear: 			both;
	text-align: 	right;
	padding: 		0.5em;
}

.more a{
	text-decoration:none;
	display: 		block;
	position: 		relative;
	padding:  		0.25em 2.0em;
	border-bottom:  1px solid #D9D9D6;
	background:  	#FFF;
	color: 			inherit;
	font-weight: 	bold;
	text-decoration: none;
}

.more a:after {
	display: 		block;
	content: 		"";
	position: 		absolute;
	top: 			50%;
	right: 			10px;
	width: 			0;
	height: 		0;
	margin: 		-3px 0 0 0;
	border-top: 	8px solid #000;
	border-left: 	8px solid transparent;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}



.blog_pic{
	float: 			left;
	width: 			30%;
	margin: 		0% 2% 1% 0;
}

@media only screen and ( max-width:480px ) 
{
	.blog_pic{width:100%;}
#Syutten_list, #Syutten_blog, #Shop_introduce{
	font-size: 		0.88em;
}

	#Syutten_list article{
		width:100%;
			margin-left:auto;
			margin-right:auto;
		}

#Shop_introduce h3 {
	font-size: 		1.25em;
	text-align: 	left;
	padding-left: 	0.5em;
	margin-bottom: 	0.5em;
}
#Shop_introduce a {
        color:#b5976a !important;
    }

#Syutten_area p{
	font-size: 		0.88em;
	line-height: 	1.25em
}

    
/*
#Syutten_area li{
	width: 			20%;
	height: 		4.5em;
	margin: 		0;
	font-size: 		0.76em;
	font-weight: 	bold;
	color: 			#FFF;
	border: 		1px solid #CCC;
	border-radius: 	0;
}
*/

#Syutten_area li.b_g{
	padding:1.2em;
}

#Syutten_area li a{
	padding:1.2em
}


.shop_inner {
	padding: 		2%;
	border: 		1px solid #999;
	border-top: 	none;
	background-color:#FFFFFF;
}

#Syutten_list .shop_data{
	display: 		none
	}

.shop_data{
	clear: 			both;
	float: 			none;
	width: 			100%
}

.shop_data table{
	width: 			100%
}

.shop_data th, .shop_data td{
	padding: 		0.1em 0.5em;
	font-size: 		0.88em;
}


.shop_logo{
/*	display: 		none;*/
}

}

@media only screen and ( max-width:320px ) 
{
.blog_pic{
	float: 			none;
	display: 		block;
	width: 			95%;
	margin: 		2% auto;
}
.shop_data td a {
color:#b5976a !important;
    }
}