@charset "UTF-8";
/* PC・タブレット表示モード */
@media screen and (min-width: 640px){
/* 検索機能付き店舗一覧 */
.title {padding:10px 10px 5px;border-bottom:1px dashed #555;/*※ポイントバナー表示する時はwidth:65%;*/width:100%;}
.title h1{font-weight:normal;letter-spacing:0.5em;}
/*バナー表示*/
#tags{position:relative;}
#banner{position: absolute;top:0;right:0;padding:0 0 10px 10px;margin-left:10px;width:301px;}
/*お問い合わせバナー用*/
#banner02{width:100%; margin:10px 0; padding:0; text-align:center;}
#banner02 img{width:auto; height:90px;}

/* 条件検索 */
.tag-title{padding:10px 10px 0;height:60px;}
.tag-title h2{font-weight:normal;letter-spacing:0.25em}
#tags span{background:url("../img/list/tags-off.png");display:block;height:30px;font-size:1.3em;font-weight:bold;text-align:center;padding:10px 0;}
#tags span:hover{cursor:pointer}
#tags span.select{color:#fff;background:url("../img/list/tags-on.png")}
.tags{padding:0 0 10px;}
#tags .sofmap span{color:#0075c2;}
#tags .sofmap span.select{color:#fff;background:url("../img/list/tags-on-map.png");}
/* キーワード検索 */
.search{padding:5px 0 10px;border-bottom:5px solid #ddd;}
.search h2{margin:6px 10px;font-size:1.2em;}
.search h3{float:left;margin:6px 10px;}
.search input{margin:0 0 0 5px;width:920px;height:30px;font-size:1.25em;}
/* 一覧表示 */
#shoplist ul li{width:450px;float:left;background:url("../img/list/marker-bic.png") no-repeat 10px;border-bottom:1px solid #ddd;margin:0 10px}
#shoplist ul li.bol{background:url("../img/list/marker-bol.png") no-repeat 10px}
#shoplist li a{margin:0 0 0 30px;padding:8px 0;color:#555;font-size:1.25em;letter-spacing:0.05em;text-decoration:none;display: block;width:260px;float:left;}
#shoplist li a:hover{color:#e50010;}
#shoplist li p.tel{margin:0 0 0 300px;padding:8px 0;font-size:1em;width:150px;}
#shoplist li span.key{display:none}
#shoplist li.mobile{border-bottom:none;background:none}
/* モバイル専用項目(PCで非表示) */
.mobile{display:none}
}
/* モバイル表示モード */
@media screen and (max-width: 639px){
/* grid解除 */
.grid{width:auto;margin:auto;}
.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11{float:none;display:inline;margin:auto;width:auto}
.grid12{width:auto}
.first{margin-left:0;clear:left}
/* モバイル版店舗一覧 */
.title {padding:10px 10px 5px;border-bottom:1px solid #999;}
.title h1{font-weight:normal;font-size:1.25em;}
/* 一覧表示 */
#shoplist ul li{background:url("../img/list/marker-bic.png") no-repeat 10px;border-bottom:1px solid #ddd;padding:0 0 0 30px;}
#shoplist li a{padding:8px 0;color:#555;letter-spacing:0.05em;text-decoration:none;display: block;width:100%;}
#shoplist li a:hover{color:#e50010;}
#shoplist ul li.bol{background:url("../img/list/marker-bol.png") no-repeat 10px}
#shoplist li p.tel{display:none}
#shoplist li span.key{display:none}
#shoplist li.area{background:#eee;padding:5px 10px;font-weight:bold;}
/* PC専用項目(スマホで非表示) */
.pc{display:none;}
/* バナー表示 */
#banner img{display:block;width:300px;margin:auto;text-align:center;}
/*お問い合わせバナー用*/
#banner02{width:100%; margin:1em auto; text-align:center;}
#banner02 img{width:100%;}
}