@CHARSET "UTF-8";

H1
{
	margin: 0;
}

#main-contents
{
	max-width:1200px;
	margin:0 auto;
}

@media (min-width: 768px) {
	#shop-geolocation
	{
		float:left;
		width:48%;
	}
	FIELDSET.shop-pref-list
	{
		float:right;
		width:48%;
	}
	FIELDSET.shop-brand-list,
	FIELDSET.shop-check-list
	{
		clear:both;
	}
}

FIELDSET.shop-geolocation-area
{
	margin: 1em 0px;
	border-radius: 0.5em;
}
INPUT#shop-search-neighbor{
	width:100%;
}

FIELDSET.shop-pref-list
{
	margin: 1em 0px;
	border-radius: 0.5em;
}

FIELDSET.shop-pref-list A.shop-pref
{
	display: inline-block;
	font-size: 9pt;
	width: 7em;
	padding: 2px 0px;
}

FIELDSET.shop-pref-list A.shop-pref-current
{
	background-color: yellow;
}

FIELDSET.shop-brand-list
{
	margin: 1em 0px;
	border-radius: 0.5em;
}

DIV.shop-brand-wrapper
{
	display: inline-block;
	font-size: 8pt;
	padding: 4px 2px;
	vertical-align: top;
	text-align: center;
}

DIV.shop-brand-wrapper INPUT
{
	display: none;
}

LABEL.shop-brand-label
{
	padding: 4pt 0px;
	display: block;
	width: 120px;
	line-height: 22px;
	border: 1px solid #F0F0F0;
	border-radius: 4pt;
	color: #777777;
	user-select:none;
	-moz-user-select:none;
	-weblit-user-select:none;
	-o-user-select:none;
	-ms-user-select:none;
}

INPUT[type="checkbox"]:checked + LABEL.shop-brand-label
{
	border: 1px solid #375A9E;
	background: #375A9E;
	color: white;
}

FIELDSET.shop-check-list
{
	margin: 1em 0px;
	border-radius: 0.5em;
}

DIV.shop-check-wrapper
{
	display: inline-block;
	font-size: 8pt;
	padding: 4px 2px;
	vertical-align: top;
	text-align: center;
}

DIV.shop-check-wrapper INPUT
{
	display: none;
}

LABEL.shop-check-label
{
	padding: 4pt 0px;
	display: block;
	width: 120px;
	line-height: 22px;
	border: 1px solid #F0F0F0;
	border-radius: 4pt;
	color: #777777;
	user-select:none;
	-moz-user-select:none;
	-weblit-user-select:none;
	-o-user-select:none;
	-ms-user-select:none;
}

INPUT[type="checkbox"]:checked  + LABEL.shop-check-label
{
	border: 1px solid #375A9E;
	background: #375A9E;
	color: white;
}

DIV.shop-check-submit-box
{
	text-align: right;
}

H2.city-header
{
	border: none;
	background: white;
	color: black;
	margin-left:auto;
	margin-right:auto;
	border-bottom: 2px solid #535353;
	border-left: 10px solid #535353;
	font-size: 20px;
	padding-left: 5px;
	font-weight: bold;
	line-height: 33px;
	max-width:1180px;
}

DIV#shoplist-box
{
	background-color:#dde2e5;
	padding: 1em 1em 2em 1em;
	box-shadow:0 12px 12px -12px rgba(0, 0, 0, 0.4) inset;
}

DIV.shop-box
{
	position: relative;
	margin:1em auto 0 auto;
	max-width:1200px;
	background-color: white;
	box-shadow:2px 4px 5px 0 rgba(0, 0, 0, 0.2);
	border-radius: 0.5em;
}

DIV.shop-summary
{
	padding: 1em;
	width: 35em;
	float:left;
}

DIV.shop-summary H3.shop-name
{
	position: relative;
	margin: 0px 1em 0px -20px;
	padding-left: 0.5em;
	background-color: #eee;
	color: #00f;
	height: 40px;
	line-height: 40px;
	box-shadow: 2pt 2pt 2pt 0pt rgba(0, 0, 0, 0.2);
}

DIV.shop-summary H3.shop-name::after
{
	content: " ";
	position: absolute;
	top: 0px;
	right: -8px;
	border: 20px solid #eee;
	border-left: none;
	border-right: 12px solid white;
}

DIV.shop-summary H3.shop-name a
{
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	color:#00f;
	text-decoration:underline;
	font-weight:normal;
}

DIV.shop-summary-address
{
	margin-top:5px;
}

DIV.shop-summary-businesshours
{
	margin-top: 5px;
}

DIV.shop-summary-telephone
{
	margin-top: 5px;
}
DIV.shop-summary-telephone a{
	letter-spacing:0.08em;
}



DIV.shop-icons
{
	margin-left: 37em;
	margin-right: 1em;
	padding-top: 1em;
	min-height: 8em;
}

:root .shop-icon
{
	margin: 0px 0px 4px 0px;
}

DIV.shop-brand-name
{
	height: 40px;
	margin-bottom: 8px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 30px;
}

.shop-brand-YAMADA
{
	background-image: url(../../images/brand_YAMADA.png);
}

.shop-brand-BEST
{
	background-image: url(../../images/brand_BEST.png);
}

.shop-brand-MATSUYA
{
	background-image: url(../../images/brand_MATSUYA.png);
}

.shop-brand-TSUKUMO
{
	background-image: url(../../images/brand_TSUKUMO.png);
}

.shop-brand-IDC_OTSUKA
{
	background-image: url(../../images/brand_OTSUKA.png);
}

.shop-brand-KIMURAYA
{
	background-image: url(../../images/brand_KIMURAYA.png);
}

.shop-brand-FC
{
	background-image: url(../../images/brand_FC.png);
}

A.detail-brand-logo
{
	display: block;
	width: 136px;
	height: 40px;
	margin-bottom: 8px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 30px;
}

DIV.shop-extend-box
{
	margin-top: 2em;
	border-radius: 0px 0px 0.5em 0.5em;
	background-color:#f0f6ff;
	overflow: hidden;
	clear:both;
}

DIV.shop-extend-box A.shop-extend-toggle
{
	display: block;
	padding: 2pt 0px 2pt 1em;
	text-decoration: none;
	color: black;
	font-size: 1em;
	font-weight:bold;
	line-height: 1.6em;
	background-color:#f0f6ff;
	box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
	transition-property: background-color;
	transition-duration: 0.2s;
}

DIV.shop-extend-box A.shop-extend-toggle:hover
{
	background-color: #375a9e;
	color:#fff;
}

DIV.shop-extend-box A.shop-extend-toggle::before
{
	content: "▶ ";
}

DIV.shop-extend-box[rel=opened] A.shop-extend-toggle::before
{
	content: "▼ ";
}

DIV.shop-extend-box DIV.shop-extend-contents
{
	padding: 1em;
}

A.shop-paper-icon
{
	display: inline-block;
	width: 80px;
	height: 80px;
	margin-right:5px;
	background-color: white;
	transition-property: opacity;
	transition-duration: 0.1s;
	box-shadow:2px 3px 3px 0 rgba(0, 0, 0, 0.3);
}

A.shop-paper-icon:hover
{
	opacity: 0.6;
}

A.shop-paper-individual
{
	background-image: url(../../images/map.jpg);
}

A.shop-paper-external
{
	background-image: url(../../images/bt_event.jpg);
}

A.shop-paper-regular
{
	background-image: url(../../images/bt_chirashi.jpg);
}

A.shop-paper-reform
{
	background-image: url(../../images/bt_reform.jpg);
}

A.shop-paper-house
{
	background-image: url(../../images/bt_house.jpg);
}

A.shop-paper-toy
{
	background-image: url(../../images/bt_toy.jpg);
}

A.shop-paper-drug
{
	background-image: url(../../images/bt_gms.jpg);
}
A.shop-paper-recruit
{
	background-image: url(../../images/bt_recruit.jpg);
}

P.shop-access-railway,
P.shop-access-automobile
{
	text-indent: 1em;
}

.shop-access-railway-header,.shop-access-automobile-header{
	margin:15px 0 0 0;
}
.shop-access-railway,.shop-access-automobile{
	margin:5px 0 0 0;
}


DIV#shop-map
{
	position: relative;
	height: 25em;
	border: 1px solid #D0D0D0;
}

A.show-map-button
{
	position: absolute;
	display: block;
	left: calc(50% - 5em);
	top: 11em;
	width: 10em;
	height: 3em;
	line-height: 3em;
	text-align: center;
	color: #808080;
	border-radius: 8px;
	border: 1px solid #D0D0D0;
	text-decoration: none;
}

.shop-tel-area div{
	float:left;
	width:268px;
}
.shop-tel-area p{
	font-size:1.8em;
}
.shop-map-app{
/*
	display:none;
*/
}

@media (max-width: 620px) {
.shop-tel-area div{
	float:none;
	width:auto;
}
.shop-tel-area p{
	font-size:1.6em;
}
.shop-map-app{
	text-align:right;
	font-weight:bold;
	display:block;
	font-size:14px;
}
}
@media (min-width: 620px) {
}

.shop-tel-area{overflow:hidden;margin-left:-20px;}
.shop-tel-area div{
	margin-top:15px;
	margin-left:20px;
	padding:6px;
	box-sizing:border-box;
	background:#fff;
	border-radius:4px;
	box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.4) inset;
}
.shop-tel-area h3{
	font-size:0.90em;
	font-weight:bold;
	margin:0px;
	border-bottom:1px #ccc dashed
}
@font-face {
  font-family: 'arial-black';
  src: local('Arial Black');
}
.shop-tel-area p{
	margin:0;
	text-align:center;
	font-family: 'Arial Black',arial-black,Avenir-Black,Gadget,sans-serif;
	color:#375a9e;
}
.shop-tel-area span{
	display:inline-block;
	margin-right:5px;
	border-radius:4px;
	padding:4px;
	background:#375a9e;
	color:#fff;
	font-size:0.6em;
	line-height:1em;
	vertical-align:2px;
}
.shop-tel-area a{color:#375a9e;}
.shop-tel-area a:hover{color:#3d72b3;}


.sps1,.sps5,.sps10,.sps15,.sps20,.sps30,.sps40,.sps50,.sps100{font-size:1px;line-height:1px;clear: both;}
.sps1 {height:1px;}
.sps5 {height:5px;}
.sps10 {height:10px;}
.sps15 {height:15px;}
.sps20 {height:20px;}
.sps30 {height:30px;}
.sps40 {height:40px;}
.sps50 {height:50px;}
.sps100 {height:100px;}
.shopimg{max-width:100%;margin:0 auto 10px auto;display:block;}

a.btndesign3y{display:inline-block;margin: 6px auto;border-radius: 6px;padding: 8px 10px;font-weight:bold;text-align:center;text-decoration:none;color:#fff;background:#ffc300;border-bottom:3px solid #dc7e00;font-size:0.8em;}
a.btndesign3y:hover{border-bottom:none;  margin: 9px auto 6px;}
hr.hrline2{clear:both;height: 12px;margin:10px -10px 10px  -10px;border: 0; box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.4);border-top:1px solid #999\9;}

.midashi2r,.midashi2g,.midashi2b,.midashi2y{position:relative;color:#111;font-weight:bold;line-height:1;margin:0px 0 0 0;padding:15px 5px 5px 15px;
border-bottom:1px dotted #aaa;}
.midashi2r:before,.midashi2g:before,.midashi2b:before,.midashi2y:before{content: "";position: absolute;top: 0;left: 0px;height: 12px;width: 12px;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.midashi2r:after,.midashi2g:after,.midashi2b:after,.midashi2y:after {content: "";position: absolute;top: 15px;left: -5px;height: 8px;width: 8px;transform: rotate(15deg);-webkit-transform: rotate(15deg);}
.midashi2r:before{background:#ef0000;}.midashi2r:after{background:#ff91a1;}
.midashi2g:before{background:#0c973c;}.midashi2g:after{background:#abea8b;}
.midashi2b:before{background:#0c4ba4;}.midashi2b:after{background:#abdaf9;}
.midashi2y:before{background:#ffad39;}.midashi2y:after{background:#ffdc97;}
.shopdetail2l{
	float:left;
	width:150px;
}
.shopdetail2r1,.shopdetail2r2{
	float:right;
	text-align:right;
}
.shopdetail2r1{
	width:160px;
}

.shopdetail2r2{
	width:120px;
}

@media (max-width: 700px) {
	.shopdetail2r1{
		display:none;
	}
}

.shop-detail-icons{
	margin-bottom:10px;
}

.shopdetail3l,.shopdetail3r{
font-family: "Arial Black",arial-black,Arial-BoldMT,Gadget,sans-serif;
font-size:1.8em;
line-height: 30px;
letter-spacing:0.08em;
}
.shopdetail3l span,.shopdetail3r span{
	 border-radius:4px;
	 padding:0 3px;
	 background:#777;
	 font-size:0.6em;
	 color:#fff;
	 vertical-align:top;
}
.shopdetail3l a,.shopdetail3r a{
	color:#00469b;
}
.shopdetail3l a:hover,.shopdetail3r a:hover{
	color:#3d72b3;
}

.shopdetail3l{
	width:300px;
	float:left;
}
.shopdetail3r{
	width:300px;
	float:right;
}


@media (max-width: 700px) {
	.shopdetail3l,.shopdetail3r{
		width:auto;
		float:none;
}
}

.body_detail{
	background:#f2f3f5;
}

.contents-area-detail{
	padding:10px;
}

.top-columns-detail{
	max-width:640px;
	margin:0px auto;
	border-radius:8px;
	padding:10px;
	box-shadow:1px 1px 3px 1px rgba(0,0,0,0.3);
	background:#ffffff;color:#000;border:1px solid #ccc\9;
}

.main-contents-detail h1{position:relative;margin:0 -18px 10px -18px;padding:10px;box-shadow:0 3px 3px 0 rgba(0,0,0,0.1);font-size:18px;font-weight:bold;color:#fff;background:#375a9e;
line-height:24px;}
.main-contents-detail h1:before{content:" ";position:absolute;top:100%;left:0px;width:0;height:0;border-width:0 8px 8px 0;border-style:solid;border-color:transparent;border-right-color:#211e63;}
.main-contents-detail h1:after{content:" ";position:absolute;top:100%;right:0px;width:0;height:0;border-width:8px 8px 0 0;border-style:solid;border-color:transparent;border-top-color:#211e63;}

DIV.shop-info-buttons
{
	text-align: left;
	padding-top: 10px;
}
A.shop-info-button
{
	display: inline-block;
	max-width: 200px;
	width: calc(50% - 1ex);
	box-sizing: border-box;
	border-radius: 50px;
	border: 3px solid;
	font-size: 14px;
	font-weight: bold;
	line-height: 150%;
	text-align: center;
	text-decoration: none;
}
A.shop-info-button.detail
{
	border-color: #07f;
	color: #07f;
}
A.shop-info-button.detail:hover
{
	background: #07f;
	color: #fff;
}

A.shop-info-button.paper
{
	border-color: #f37;
	color: #f37;
}
A.shop-info-button.paper:hover
{
	background: #f37;
	color: #fff;
}