@charset "utf-8";

@media only screen and (max-width: 640px) {
/*============================
#contentsPanelArea
============================*/
#contentsPanelArea.shop { min-width: inherit; background-size: cover; background-position: center;  height: 140px; margin-top: 0; }
#contentsPanelArea.shop .textContents { text-align: center; }
#contentsPanelArea.shop .textContents h1 { position: absolute; top:50px; left: 0; background: url(../../imageFile/shop/shopTopTitle.png) no-repeat center; width: 100%; height: 35px; background-size: contain; }
#contentsPanelArea.shop .textContents .text { position: absolute; top:95px; left: 0; background: url(../../imageFile/shop/shopTopSubTitle.png) no-repeat center; width: 100%; height: 20px; background-size: contain; }

/*============================
#shopListArea
============================*/
#shopListArea { width: inherit; margin: 45px 10px 0; }
#shopListArea ul{ margin-top: 10px; }
#shopListArea .hokkaidoShopList { margin-top: 45px; } 
#shopListArea .tokyoShopList { margin-top: 45px; } 
#shopListArea .kanagawaShopList { margin-top: 45px; } 
#shopListArea .hiroshimaShopList { margin-top: 45px; } 
#shopListArea .shopContentsBox:first-child{ margin-top: 0; }
#shopListArea .shopContentsBox { padding: 20px; margin-top: 20px; }
#shopListArea .shopContentsBox .contentsLeft { float: left; height: auto; width: 30%; }
#shopListArea .shopContentsBox .contentsLeft img { width: 100%; }
#shopListArea .shopContentsBox .contentsRight { float: left; padding-left: 20px; width: 70%; box-sizing: border-box; }
#shopListArea .shopContentsBox .contentsRight .shopTitle { font-size: 1.5em; }
#shopListArea .shopContentsBox .contentsRight .shopTitle span { font-size: 0.5em; }
#shopListArea .shopContentsBox .contentsRight .adress { font-size: 0.85em; }
#shopListArea .shopContentsBox .contentsRight .infoBox { margin-top: 2px; }
#shopListArea .shopContentsBox .contentsRight .infoBox table tr th { display: block; width: inherit; padding-top: 5px; }
#shopListArea .shopContentsBox .contentsRight .infoBox table tr td { display: block; font-size: 0.85em; }
#shopListArea .shopContentsBox .contentsRight .tel { padding-top: 5px; font-size: 0.85em; }
#shopListArea .shopContentsBox .contentsRight .tel em { font-size: 1.25em; margin-right: 11px; }
#shopListArea .shopContentsBox .contentsRight .tel span { font-size: 1.25em; margin: 0 5px 0 0; }
#shopListArea .shopContentsBox .contentsRight .mapBtn { margin-top: 12px; }
#shopListArea .shopContentsBox .contentsRight .mapBtn a {} 
#shopListArea .shopContentsBox .contentsRight .mapBtn a::after {}

}