@charset "UTF-8";
@import url("//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");

h1 {
	font-size: 28px;
	text-align: center;
	margin-top: 40px;
}
a{ color:#444;}

/*=====================================================================

    ANCHHOR LINK

======================================================================= */


.anchorLink{width:600px;position:relative;display:block;margin:20px auto 0;font-size:16px;letter-spacing:1px}
.anchorLink:before{content:" ";display:block;position:absolute;top:0;left:0;width:10px;height:100%;border:solid 1px #7ecef4;border-right:none;z-index:1}
.anchorLink:after{content:" ";display:block;position:absolute;top:0;right:0;width:10px;height:100%;border:solid 1px #7ecef4;border-left:none;z-index:1}
.anchorLink ul{padding:6px 0}
.anchorLink li{position:relative;margin-left:44px}
.anchorLink li:first-child{margin-left:0}
.anchorLink li:before{content:" ";display:block;position:absolute;top:2px;left:-22px;background:#7ecef4;width:1px;height:20px}
.anchorLink li:first-child:before{display:none}
.anchorLink li a{display:block;position:relative;padding-left:30px;text-decoration:none;line-height:1.3;color:#444}
.anchorLink li a::before{content:" ";display:block;position:absolute;top:2px;left:0;width:20px;height:20px;background:#7ecef4;border-radius:50%}
.anchorLink li a::after{content:" ";display:block;position:absolute;top:10px;left:6px;border:4px solid transparent;border-top:6px solid #fff}

@media screen and (max-width: 751px) {
.anchorLink{width: 94%;position:relative;display:block;margin:20px auto 0;font-size:18px;letter-spacing:1px;}
.anchorLink:before{content:" ";display:block;position:absolute;top:0;left:0;width:10px;height:100%;border:solid 1px #7ecef4;border-right:none;z-index:1}
.anchorLink:after{content:" ";display:block;position:absolute;top:0;right:0;width:10px;height:100%;border:solid 1px #7ecef4;border-left:none;z-index:1}
.anchorLink ul{padding:6px 0}
.anchorLink li{position:relative;margin-left: 10px;padding-left: 10px;font-size: 14px;display: flex;}
.anchorLink li:before{
    left: 2px;
    top: 0;
}
.anchorLink li:first-child{margin-left:0;padding-left: 0;}
.anchorLink li a::before{width: 16px;height: 16px;top: 4px;left: 2px;}
.anchorLink li a{display:block;position:relative;padding-left: 24px;text-decoration:none;line-height:1.3;color:#444;text-align: center;}
.anchorLink li a span{
    display: block;
}
.fb.fbcenter{width: 100%;}
}


/*=====================================================================

    店舗詳細

======================================================================= */

.shopBlock h2{font-size:26px; text-align: center;}
.shopBlock h2 span{ display: inline-block; margin-right: 10px;}
.shopBlock p.lead{margin-top:20px;font-size:18px;text-align:center}
#shop .imgArea{width:980px;overflow:hidden;margin-top:30px;box-sizing:border-box}
.shopDetail{width:980px;margin-top:30px}
.shopDetail dl{padding:15px 0;font-size:16px;border-bottom:solid 1px #ddd;box-sizing:border-box}
.shopDetail dl:first-child{border-top:solid 1px #ddd}
.shopDetail dl dt{display:inline-block}
.shopDetail dl dd{display:inline-block}
.shopLink{margin-top:20px}
.shopBlock .gmap{margin-top:20px}
.shopBlock .gmap iframe{width:100%;height:300px}
.shopLink a.btnMore{width:auto;display:inline-block;padding:2px 10px 2px 25px;margin-right:15px}
.tel {cursor: default; pointer-events: none; text-decoration: none;}


@media screen and (max-width: 751px) {
.content{ width:90%; margin:0 auto;}
.shopBlock h2{font-size: 22px;text-align: center;}
.shopBlock p.lead{margin-top: 14px;font-size: 14px;text-align:center;}
#shop .imgArea{width: 100%;overflow:hidden;margin-top: 15px;box-sizing:border-box;}
.shopDetail{width: 100%;margin-top: 10px;}
.shopDetail dl{padding: 11px 0;font-size: 14px;border-bottom:solid 1px #ddd;box-sizing:border-box;display: flex;}
.shopDetail dl:first-child{border-top:solid 1px #ddd}
.shopDetail dl dt{display: block;width: 5.5em;}
.shopDetail dl dd{display: block;flex: 1;}
.shopDetail dl dd a{}
.shopLink{display: flex;margin-top: 10px;}
.shopBlock .gmap{margin-top:20px}
.shopBlock .gmap iframe{width:100%;height: 180px;}
.shopLink a.btnMore{
    display: block;
    text-decoration: none;
    position:relative;
    padding: 0;
    margin: 0;
    border: 1px solid #b5b5b5;
    padding: 5px 17px;
    border-radius: 3px;
}
.shopLink a.btnMore + a{
    margin-left: 15px;
}
.shopLink a.btnMore:after{position: absolute;right: 6px;top:50%;margin-top: -0.7em;content:"\f105";font-family:FontAwesome;}
    .tel {pointer-events: auto;}
}