@charset "utf-8";

/*============================
#contentsPanelArea
============================*/
#contentsPanelArea.shop { min-width: 1000px; position: relative; background: url(../../imageFile/shop/shopTopPanel.png) no-repeat; background-size: cover; height: 200px; }
#contentsPanelArea.shop .textContents { text-align: center; }
#contentsPanelArea.shop .textContents h1 { position: absolute; top:70px; left: 0; text-indent: -9999px; background: url(../../imageFile/shop/shopTopTitle.png) no-repeat center; width: 100%; height: 52px; }
#contentsPanelArea.shop .textContents .text { position: absolute; top:120px; left: 0; text-indent: -9999px; background: url(../../imageFile/shop/shopTopSubTitle.png) no-repeat center; width: 100%; height: 35px; }

/*============================
#shopListArea
============================*/
#shopListArea { width: 960px; margin: 90px auto 0; }
#shopListArea ul{ margin-top: 13px; }
#shopListArea .hokkaidoShopList { margin-top: 90px; } 
#shopListArea .tokyoShopList { margin-top: 90px; } 
#shopListArea .kanagawaShopList { margin-top: 90px; } 
#shopListArea .hiroshimaShopList { margin-top: 90px; } 
#shopListArea .shopContentsBox:first-child{ margin-top: 0; }
#shopListArea .shopContentsBox { padding: 40px; border: solid 1px #dedede; margin-top: 20px; }
#shopListArea .shopContentsBox .contentsLeft { float: left; height: 210px; width: auto; }
#shopListArea .shopContentsBox .contentsLeft img {}
#shopListArea .shopContentsBox .contentsRight { float: left; padding-left: 40px; width: 668px; box-sizing: border-box; }
#shopListArea .shopContentsBox .contentsRight .shopTitle { font-size: 1.75em; }
#shopListArea .shopContentsBox .contentsRight .shopTitle span { font-size: 0.5em; }
#shopListArea .shopContentsBox .contentsRight .adress { padding: 10px 0; border-bottom: dotted 1px #dedede; line-height: 1.3; }
#shopListArea .shopContentsBox .contentsRight .infoBox { margin-top: 10px; }
#shopListArea .shopContentsBox .contentsRight .infoBox table tr th { width: 140px; line-height: 1.4; font-weight: bold; }
#shopListArea .shopContentsBox .contentsRight .infoBox table tr td { line-height: 1.4; }
#shopListArea .shopContentsBox .contentsRight .tel { line-height: 1.4; }
#shopListArea .shopContentsBox .contentsRight .tel em { margin-right: 15px; }
#shopListArea .shopContentsBox .contentsRight .tel span { margin: 0 10px 0 0; font-weight: bold; }
#shopListArea .shopContentsBox .contentsRight .mapBtn { margin-top: 15px; text-align: center; }
#shopListArea .shopContentsBox .contentsRight .mapBtn a { position: relative; display: block; color: #fff; background-color: #222; box-sizing: border-box; width: 180px; padding: 9px 0 12px; font-size: 0.875em; } 
#shopListArea .shopContentsBox .contentsRight .mapBtn a::after { position: absolute; top:8px; right: 10px; content: " "; display: block; width: 10px; height: 8px; background: url(../../imageFile/shop/btn_brank_icon.png)no-repeat; background-size: contain; }