@media screen and (min-device-width: 500px), screen and (min-width: 500px) {
/*********COMMON*********/
html{overflow-y: scroll}
.index{
    width: 1000px;
    margin: 0 auto;}
.main{margin-top: 20px;}

h3{font-size:20px;font-weight:normal;margin-left: 5px;}

.prefectures{margin-bottom: 20px;}
.prefectures ul{margin:10px 0 10px 5px;}
.prefectures li{display:inline-block;margin:0 5px 5px 0;}
.prefectures li div{
    background-color: #f9f9f9;
    padding: 5px 15px;
    font-size: 13px;
	color:rgb(85, 85, 85);
	cursor : pointer}
.prefectures li div:hover{
    background-color: #eeeeee;}

.keyword {margin:20px 0}
.keyword .keyword_textbox{border: 1px solid #cccccc;padding:5px 10px;width:500px;background-color: #f9f9f9;}

/*********shoptable*********/
.shoptable table {width:1000px;marign-bottom:30px;border-collapse:collapse;}
.shoptable table thead {
	background-color: #989898;
    color: #fff;
    text-align: center;}

.shoptable table thead td{padding: 10px 0;}
.shoptable table thead td.shopname{width:350px}
.shoptable table thead td.place{border-right: 2px solid #fff;border-left: 2px solid #fff;}
.shoptable table thead td.item{width:400px}
.shoptable table tbody tr{border-bottom:1px solid #ccc; cursor : pointer;}
.shoptable table tbody tr:hover{opacity: 0.7;}
/*
.shoptable table tbody tr.disptable:nth-child(even){background-color: #f3f3f3;}
*/
.shoptable table tbody td:nth-of-type(1){width:350px}
.shoptable table tbody td:nth-of-type(2){border-right: 2px solid #fff;border-left: 2px solid #fff;}
.shoptable table tbody td:nth-of-type(3){width:400px}

.shoptable table tbody td{padding:15px}
.shoptable table tbody td:nth-of-type(3){font-size:12px;}

.shoptable table tbody td:nth-of-type(1){text-align: center;color: rgb(53, 107, 179)}
.shoptable table tbody td:nth-of-type(1),
.shoptable table tbody td:nth-of-type(3){vertical-align: middle;}

.area{display:none}
.caution{
	border: 2px solid #e60012;
    padding: 10px;
    font-size: 13px;
    margin: 5px 0;
    color: #e60012;}

/*********都道府県で探すボタン*********/
.gone{ display:none}
.linkcg_on {background-color: #73b5ea!important;color:#fff!important}

/* BIC全店共通ヘッダー下テキスト */
.shoplistall_info{border: 2px solid #e60012;}
.shoplistall_info a p{font-size: 14px;color: #e60012;font-weight: bold;text-align: center;padding: 5px;}

}












@media screen and (max-device-width: 500px), screen and (max-width: 500px) {

/*********COMMON*********/
.index {padding:0}
h2{
    margin: 0 0 0 10px;
    font-size: 20px;
    font-weight: normal;}
.shop_block_cf:after{
    content: " ";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;}

.shop_block_cf img,
.banner_bottom img
{max-width:100%}


.shoptable table{width: 100%;margin-bottom:30px}
.shoptable tr,
.shoptable td{
	display:block;}
td.number,
td.categry,
td.service{display:none}
.area{background-color:#eeeeee;}
.area td{background:none!important;padding:10px!important;margin-top: 10px;}
.area p{font-size:15px}

.shoptable table tbody tr:hover{opacity: 0.7;}
.shoptable tr td.shopname,
.shoptable tr td:nth-of-type(2),
.shoptable tr td:nth-of-type(3){display:none}
.shoptable tr td{
    border-bottom: 1px solid #eeeeee;
    padding: 10px 22px;
    text-align: left;
    background: url(../img/ico_arrow.png) no-repeat right 20px center/8px auto;
    -webkit-background-size: 8px auto;
    -moz-background-size: 8px auto;
    -o-background-size: 8px auto;
    -ms-background-size: 8px auto;
    display: block;}
.shoptable tr td a{color: #333;}

.prefectures,
.keyword{display:none}

/*********header*********/
header nav ul li { width: 19%; font-size: 10px; text-align: center; float: left; position: relative;white-space: nowrap; }
header nav ul li a { width: 100%; height: 30px; padding: 13px 0px 0px; color: rgb(51, 51, 51); display: block; }
header nav ul li a img { width: 25px; margin: 0px 0px 3px; }

/* BIC全店共通ヘッダー下テキスト */
.shoplistall_info{border: 2px solid #e60012;}
.shoplistall_info a p{font-size: 14px;color: #e60012;font-weight: bold;text-align: center;padding: 5px;}


}