@charset "UTF-8";
/*日本語*/

/*======================================================
初期化およびトップページスタイル
========================================================*/



/*======================================================
initialize
IE7以上、Firefox2.x、Safari3.1以上が対象。2008年4月現在
========================================================*/

html{
/*	overflow-y:hidden;*/
}

body{
	font-size:12px;
	color:#363636;
	background-color:#fff;
	font-family:"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "Osaka","ＭＳ Ｐゴシック" ,sans-serif;
	margin:0;padding:0;
}


*{
	margin:0;
	padding:0;
	line-height:1.6;
	word-break: normal;
	word-wrap: break-word;
}

ul{list-style-type:none;}

img{
	vertical-align:middle;
	border:none;
}


.clearfix:after{
	content:"";
	display: block;
	clear:both;
	overflow: hidden; /* Firefoxで、下マージン設定しているのに上にもアキができるバグ対策。追加 */
}
.clearfix{
	zoom:1;
}

p,dd{
	text-align:justify;
	text-justify:inter-ideograph;
	line-height:1.6;
}
.annotation{
	padding-left:1em;
	text-indent:-1em;
	font-size:86%;
}

.warningColor{
	color:#db5858;
}
.warning{
	font-size:92%;
	color:#db5858;
	margin-bottom:5px;
}

.clearAll{
	clear:both;
}

.alignCenter{
	text-align:center;
}
.alignRight{
	text-align:right;
}

#emailConfirm{
	font-size:125%;
/*	font-weight:bold;*/
}

.emphasis{
	font-weight:bold;

}
/*==============================================================================
contents
===============================================================================*/
.contents{
	margin:0 auto;
	padding:0px 30px;
	overflow-y:auto;
}


/*==============================================================================
地図
===============================================================================*/
.map-headline{
	padding-bottom:30px;
	border-bottom:1px solid #e5e5e5;
	margin-bottom:30px;
	font-size:14px;
}
.map-box{
	width:100%;
}
.map-box-inner01,
.map-box-inner02{
	width:100%;
	display:flex;
	padding-top:20px;
}


.areabox{
	width:16.66%;
}
#kanto.areabox{
	width:33.32%;
	display:flex;
	flex-wrap:wrap;
}
.areabox dt{
	width:100%;
	font-weight:700;
	font-size:12px;
	color:#101820;
}
.areabox dd{
	box-sizing:border-box;
	padding-top:15px;
	padding-right:2em;
	font-size:12px;
}
#kanto.areabox dd{
	width:50%;
}
.areabox dd p{
	margin-bottom:5px;
	font-size:12px;
	color:#101820;
}
.areabox dd p a,
.areabox dd p a:link,
.areaboxl dd p a:visited{
	color:#101820;
	text-decoration:none;
}
.areabox dd p a:hover{
	text-decoration:underline;
}



/*==============================================================================
詳細
===============================================================================*/
.shop-detail-box{
	margin:0 auto;
	width:100%;
	position:relative;
	display:flex;
	flex-wrap:wrap;
}
.shop-detail-headline{
	width:100%;
	text-align:center;
	font-size:20px;
	padding:0 0 20px;
}
.shop-detail-info{
	width:48%;
	box-sizing:border-box;
	padding-right:25px;
}
.shop-detail-map{
	width:52%;
}

table{
	margin:0 auto;
	width:100%;
	padding:0;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
}
th{
	color:#101820;
	width:85px;
	vertical-align:top;
	text-align:left;
	font-size:14px;
	letter-spacing:.05em;
}

td{
	width:calc(100% - 85px);
	color:#101820;
	vertical-align:top;
	text-align:left;
	padding:0 10px 15px 0;
	font-size:14px;
	letter-spacing:.05em;
}




#googlemap{
	padding:0;
}
.gmap-box{
	width:100%;
	height:100%;
	min-height:360px;
}






#shop_select{
	padding:40px 0 20px;
	text-align:center;
}
#shop_select img{
	cursor:pointer;
}
.shop-select-btn{
	display:inline-block;
	border:1px solid #101820;
	background:#101820;
	border-radius:3px;
	padding:20px 6em;
	font-size:15px;
	letter-spacing:.075em;
	color:#fff;
	transition:background ease .4s;
}
.shop-select-btn:hover{
	background:#fff;
	color:#101820;
}

.shop-retry{
	width:100%;
	text-align:center;
}
.shop-retry a{
	display:inline-block;
	padding:5px 0 5px 30px;
	position:relative;
	font-size:15px;
	letter-spacing:.1em;
	color:#101820;
	text-decoration:none;
}
.shop-retry a:before{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:calc(50% - 10px);
	width:16px;
	height:16px;
	border-radius:50%;
	border:1px solid #101820;
}
.shop-retry a:after{
	content:"";
	position: absolute;
	top: calc(50% - 1px);
	left: 7px;
	width: 4px;
	height: 4px;
	border-left: 1px solid #101820;
	border-bottom: 1px solid #101820;
	transform: rotate(45deg);
	transform-origin: right 50% 0;
}


p.back a,
p.back a:link,
p.back a:visited{
	color:#101820;
	text-decoration:underline;
	font-size:15px;
}
p.back a:hover{
	text-decoration:none;
}


/*==============================================================================
footer
===============================================================================*/

/*==============================================================================
board
===============================================================================*/



