@charset "utf-8";
/* CSS Document */
body {margin: 0; padding: 0; color: #000; }
div, ul, ol, dl { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6, p, a, img { margin: 0; padding:0; }
a img { border: none; }
a:link { color:#414958; text-decoration: underline; }
a:visited { color: #4E5869; text-decoration: underline; }
a:hover, a:active, a:focus { text-decoration: none; }
.container { width: 96%; background: #fff; margin: 0 auto; }
.content { padding:10px 0; }
.content ul, .content ol { padding: 0 15px 15px 40px; }
.left_f { float:left; }
.right_f { float:right; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
/*ヘッダー*/
#header { width:100%; margin:0; padding:10px 0; border-bottom:1px solid #ccc;}
#header h1 { font-size:0.65em; text-align:left; font-weight:normal; }
/*コンテンツ*/
.content_top { position:relative; width:100%; height:40px; overflow: hidden; }
.content_top h2 { display:block; float:left; margin: 4px 0; padding:0; width:43%; height:32px; }
.content_top p { position:absolute; overflow:hidden; margin: 10px 0 10px; padding:0 3% 0 1%; height:20px; left: 45%; width:52%; }
.content_top a { display:block; margin:0 2%; }
.content_navi { overflow:hidden; padding:15px 0; }
.content_navi h2 { font-size:130%; }
/*.content_navi a { display:block; position:relative; padding:0 2%; margin:5px 0.5% 3px; width: 44%; height:24px; line-height:25px; font-size:70%; font-weight:bold; text-decoration:none;border:solid 1px #ccc; border-radius: 5px;}*/
.content_navi img { margin:auto 0; right:3%; }
.content_navi #brand_banner img{ opacity:1; position:static; margin:5px 10px 5px 0; right:0;}
.content_search { margin:0;padding:0; overflow:hidden;}
.content_search h2 { font-size:130%; }
.content_search ul { display:block; width:100%; margin:0; padding:5px 0 15px 0; overflow:hidden;}
.content_search li { list-style-type:none; margin:0 0 5px 0; padding:0;width:99%;}
.content_search li a{ text-decoration: none;display:block; position: relative;  overflow:hidden; margin:0; border:solid 1px #ccc; border-radius: 5px; padding:10px;}
/*--.content_search a { display:block; width:100%;margin:0; padding:0;text-decoration: none;}--*/
.content_search ul li a img.arrow{position: absolute; top: 45%; margin-top: -6px; right: 0%; opacity:0.6; padding:0 10px 0 0;}
.shop_name { color:#003399; width:70%; font-size:90%;  }
.shop_info { width:85%; font-size:70%; line-height:1.6;  }
.shop_num { position:absolute; top:12px; right:0%; font-size:70%; padding:0 10px 0 0;}
.shop_address { position: absolute; top: 24px; left: 2%; font-size:70%;}
.shop_phone { position: absolute; top: 53px; left: 2.5%; font-size:70%; }
.shop_time { position: absolute; top: 53px; left: 52%; font-size:70%; }
/*位置情報より探す*/
.content_title1 { display: block; width: 100%; height: 50px; font-size: 120%; line-height: 50px; text-align: center; background: rgb(176,212,227); }
.gps_button { margin: 15px auto; text-align: center; font-size: 130%; font-weight: bold; border: solid 1px #ccc; border-radius: 5px; background: #ffffff;background: linear-gradient(45deg, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );border-radius:;box-shadow: rgba(230, 230, 230, 0.32) 0px 0px 2px 3px;}
.gps_button a { display: block; text-decoration: none; color: #333; padding: 15px; }
.gps_text { margin: 0 auto; padding: 15px; font-size: 80%; color: #666; background: rgb(249,249,249); }
/*マップ画面*/
.map { font-size: 130%; padding-bottom: 10px; }
.shop_data { position: relative; margin: 15px 0; padding: 15px; border: solid 1px #ccc; border-radius: 5px; background: rgb(249,249,249);}
.shop_data h2 { }
.shop_data p { padding:0; margin:0; text-align: left; }
.shop_name_map { font-size: 16px; color: #003366; }
.shop_num_map { font-size: 14px; }
.shop_address_map, .shop_phone_map, .shop_time_map { font-size: 14px; }
/*店名、住所、郵便番号、駅名から探す*/
.search_sp_area { padding:20px 0; }
.search_sp_wrap { width:98%; background-color:#fff; margin:20px auto 20px; padding: 5px 1% 10px; border:1px solid #ccc;border-radius: 10px; background: rgb(249,249,249); }
.search_sp_wrap p { margin:3px 6% 8px; font-size:110%; color:#666; }
.search_sp_base { width:90%; background-color:#fff; margin:0 auto 0; border:2px solid #ccc; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; }
.search_sp_form { display:block; margin:0; position:relative; padding:0; overflow:hidden; border:2px solid #fff; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; }
.search_sp_input1 { width:70%; height:30px; padding:0; border:none; margin:0; float:left; }
.search_sp_btn { position:absolute; right:0; float:left; }
/*その他営業時間*/
.infoWrap {position:relative; width:100%; display:block; overflow:hidden; margin:5px 0 0 0;/* font-size:13px; */font-size: 70%; color:#333; }
.infoWrap p { display:block; padding:0 0 3px 0; color:#F00; font-weight:bold;}
.infoWrap p.info01, .infoWrap p.info02 { color:#333; font-weight:normal; /*font-size:12px; */padding:3px 0; }
.infoWrap p.tx_other { padding:2px 0 0 0; color:#333; font-weight:normal; }
.infoWrap table.years { width: 100%; border-collapse: collapse; margin:0 0 5px 0;}
.infoWrap table.years th { width: 14.2%; padding: 3px 1px; text-align: left; vertical-align: top; color: #333; background-color: #eee; border: 1px solid #b9b9b9; font-weight:normal; text-align:center; font-size:9px; }
.infoWrap table.years td { padding: 3px 1px; background-color: #fff; border: 1px solid #b9b9b9; text-align:center; font-size:9px; }
.infoWrap p.info01,.infoWrap p.info02 { display:none;}
.infoWrap table.winter { width: 100%; border-collapse: collapse; margin:0 0 5px 0;}
.infoWrap table.winter th { width: 33%; padding: 4px 3px; text-align: center; vertical-align: top; font-weight:normal; background-color: #eee; border: 1px solid #b9b9b9; font-size:10px;}
.infoWrap table.winter td { padding: 4px 3px; background-color: #fff; border: 1px solid #b9b9b9; text-align:center; font-size:10px;}
.infoWrap table.winter td.date { background-color: #eee;}

.infoRenewal { clear:both; padding:5px 0 0 0; font-size:12px;/* padding: 4px 3px; border: 1px solid #b9b9b9; */}
.infoRenewal p { color:#F00; font-size:11px;}
.infoRenewal table.renewal, .infoRenewal table.renewal_open { width: 100%; border-collapse: collapse; margin:2px 0 0 0;}
/*.infoRenewal table.renewal th { width: 40%; padding: 3px 3px; text-align: left; vertical-align: top; font-weight:normal; color: #333; background-color: #eee; border: 1px solid #b9b9b9; text-align:center; font-size:10px; }*/
.infoRenewal table.renewal th { width: auto; padding: 3px 3px; text-align: left; vertical-align: top; font-weight:normal; color: #333; background-color: #eee; border: 1px solid #b9b9b9; text-align:center; font-size:10px; }
.infoRenewal table.renewal td, .infoRenewal table.renewal_open td { padding: 3px 3px; background-color: #fff; border: 1px solid #b9b9b9; text-align:center; font-size:10px; }
.infoRenewal table.renewal_open th { width: 33%; padding: 3px 3px; text-align: left; vertical-align: top; font-weight:normal; color: #333; background-color: #eee; border: 1px solid #b9b9b9; text-align:center; font-size:11px; }
.infoRenewal table.summer { width: 100%; border-collapse: collapse; margin:2px 0 0 0;}
.infoRenewal table.summer th { width: 50%; padding: 3px 3px; text-align: left; vertical-align: top; font-weight:normal; color: #333; background-color: #eee; border: 1px solid #b9b9b9; text-align:center; font-size:11px; }
.infoRenewal table.summer td { padding: 3px 3px; background-color: #fff; border: 1px solid #b9b9b9; text-align:center; font-size:11px; }

.NavBtn { overflow:hidden; padding:15px 0; }
.NavBtn h2 { font-size:130%; }
.NavBtn a { display:block; position:relative; padding:0 2%; margin:5px 0.5% 3px; width: 48%; height:25px; line-height:25px; font-size:11px; text-align:center; text-decoration:none;border:solid 1px #ccc; border-radius: 5px; background: rgb(255,255,255); }
/*.NavBtn img { position:absolute; top:50%; margin-top:-6px; right:3%; }*/
#header a:link, #footer a:link { text-decoration:none; }
/*アイコン説明*/
#iconExplain-wrap { text-align:left; width:99%; margin:7px 0 25px; padding:0 10px; border:1px solid #ccc; border-radius:5px;}
#iconExplain-wrap div.icon_txt { font-size:14px; font-weight:600; padding:8px 0 6px;}
#iconExplain-wrap li { font-size:12px; margin:0 0 10px;}
#iconExplain-wrap li.icon04, #iconExplain-wrap li.icon05, #iconExplain-wrap li.icon07, #iconExplain-wrap li.icon08, #iconExplain-wrap li.icon09, #iconExplain-wrap li.icon10, #iconExplain-wrap li.icon11, #iconExplain-wrap li.icon12, #iconExplain-wrap li.icon14 { float:left; width:50%;}
#iconExplain-wrap li.icon09 {margin-top: 4px;}
#iconExplain-wrap li.icon10 {padding-bottom: 4px; margin-top: 4px;}
#iconExplain-wrap li.icon07 img { margin-bottom: 3px;}
#iconExplain-wrap li.icon08 img, #iconExplain-wrap li.icon09 img { margin-bottom: 7px;}
#iconExplain-wrap li.icon10 img { margin-bottom: 3px;}
#iconExplain-wrap li.icon11 img { margin-bottom: 4px;}
#iconExplain-wrap li.icon12 { width:100%;}
#iconExplain-wrap li.icon12 img { margin-bottom: 4px;}
#iconExplain-wrap .icon01 img, #iconExplain-wrap .icon02 img, #iconExplain-wrap .icon03 img, #iconExplain-wrap .icon04 img, #iconExplain-wrap .icon05 img, #iconExplain-wrap .icon06 img { width:40px; height:40px;}
#iconExplain-wrap li.icon06 img { margin-bottom: 6px;}
#iconExplain-wrap li.icon13 { clear: both;}
#iconExplain-wrap li img { margin:0 9px 0 0; vertical-align:bottom;}
#iconExplain-wrap li span { display:inline-block; line-height:17px; vertical-align:bottom;}
#iconExplain-wrap img { vertical-align:middle;}

.brand_list_ttl{ margin: 2.66666% 0 1.33333% 0;}
.brand_list_ttl_logo { float: left; margin-right:2%; max-width: 160px; width:30.136986%}
.brand_list_ttl_logo img{ border:#e5e5e5 1px solid;}
.brand_list_ttl h2{ font-weight: bold; font-size: 13px; line-height: 1.6; color: #003366; }


@media screen and (min-width: 375px) {
.brand_list_ttl h2 {font-size: 13px;}
}
@media screen and (min-width: 400px) {
.brand_list_ttl h2 { font-size: 13.865px }
}
@media screen and (min-width: 500px) {
.brand_list_ttl h2 { font-size: 17.329px }
}
@media screen and (min-width: 736px) {
.brand_list_ttl h2 { font-size: 25.51458px }
}