@media screen and (min-width:981px) {
#top_shops .head{ background:#000; padding:11vh 4vw 5rem; text-align:left; color:#fff;}
#top_shops .head h2{ font-size:3rem;}
#top_shops .head h2 small{ font-size:1.2rem; display:block; font-weight:normal;}

.shop_info{ background:#f4f4f4;}
.shop_info .image{ height:85vh; position:relative;}
.shop_info .image h2{ font-size:4rem; position:absolute; left:calc(4vw - 0.5rem); bottom:-5rem; text-align:left; display:inline-block; line-height:1.2rem;}
.shop_info .image h2 span{ background:#fff; font-weight:bold; display:block; padding:2rem 1rem;}
.shop_info .image h2 small{ font-weight:normal; background:#fff; padding:0.5rem 1rem; color:#888;}


.map_number{ font-size:4rem; line-height:1.2rem; color:#fff; padding:0; position:relative; position:absolute; right:7vw; bottom:-2rem; z-index:3;}
.map_number::before{ position:absolute; left:-1.4rem; font-weight:bold; line-height:1.4rem; top:-4.5rem; content:"MAP NUMBER"; display:block; width:7rem; text-align:center; z-index:3; font-size:1.4rem;}
.map_number::after{ background:rgba(0,0,0,1);  border-radius:10rem; position:absolute; width:10rem; height:10rem; left:-2.8rem; top:-6rem; content:""; display:block; z-index:-1;}

.shop_info .column__shop { padding:11vh 4vw 5rem;}
.shop_info .column__shop .row:first-child{width:65%; min-width:40rem;}
.shop_info .column__shop .row:last-child{width:35%; padding:0 0 0 4vw;}

.shop_info .column__guide{ width:100%; margin:0 0 5rem;}
.shop_info .column__guide .row.tag{ text-align:left;width:40%; padding:0; min-width:auto;}
.shop_info .column__guide .row.tag ul li{ display:inline-block; font-size:1.2rem; line-height:1.2rem; background:rgba(0,0,0,0.3); color:#fff; padding:0.7rem 1.5rem; border-radius:2rem;}
.shop_info .column__guide .row.tag ul li a{ color:#fff;}
.shop_info .column__guide .row.url{ text-align:right;width:60%; padding:0;}
.shop_info .column__guide .row.url ul li { padding:0 0 0 1rem; display:inline-block;}
.shop_info .column__guide .row.url ul li a{ display:block; font-size:1.3rem; line-height:1.4rem;  border-radius:4rem;}
.shop_info .column__guide .row.url ul li a i{ font-size:2.1rem;}

.shop_info .txt{ font-size:1.5rem; text-align:left; padding:0 0 5rem;} 
.shop_info .txt h3{ font-size:2rem; padding:0 0 2rem;}
.shop_info .txt p{ line-height:1.8;}
.shop_info .txt p small{ line-height:1.6; font-size:1.3rem;}
.shop_info .list { padding:0 0 8vh ; font-size:1.4rem; text-align:left;}
.shop_info .list h4{ font-size:1.6rem; padding:0 0 2rem;}
.shop_info .list dl{ display:table; border-bottom:1px solid #eae9e2; width:100%;}
.shop_info .list dl:nth-child(2n){ background:#fff;}
.shop_info .list dl dt{ display:table-cell; width:20%; padding:1.5rem;}
.shop_info .list dl dd{ display:table-cell; width:80%; padding:1.5rem;}

.shop_info .column__shop .row:last-child .img { padding:0 0 4rem;}
.shop_info .column__shop .row:last-child .img dl{ padding:0 0 3rem;}
.shop_info .column__shop .row:last-child .img dl dt{ padding:0 0 1rem;}
.shop_info .column__shop .row:last-child .img dl dd{ text-align:left; font-size:1.2rem;}
}

@media screen and (max-width:980px) {
	
#top_shops .head{ background:#f4f4f4; padding:11vh 4vw 3rem; text-align:left; }
#top_shops .head h2{ font-size:2.4rem;}
#top_shops .head h2 small{ font-size:1.2rem; display:block; font-weight:normal;}

.shop_info{ background:#f4f4f4;}
.shop_info .image{ height:70vh; position:relative; background-attachment: scroll !important;}
.shop_info .image h2{ font-size:2.2rem; position:absolute; left:0; bottom:0; width:100%; padding:2rem 2rem; background:#f4f4f4; text-align:left; display:block; line-height:2.2rem;}
.shop_info .image h2 small{ font-weight:normal;color:#888; display:block;}

.shop_info .map_number{ font-size:3.4rem; line-height:1rem; color:#fff; padding:0; position:relative; position:absolute; left:3rem; top:6rem; z-index:3;}
.shop_info .map_number::before{ position:absolute; left:-1.4rem; line-height:1.4rem; top:-4rem; content:"MAP NUMBER"; display:block; width:7rem; text-align:center; z-index:3; font-size:1.1rem;}
.shop_info .map_number::after{ background:rgba(0,0,0,1);  border-radius:10rem; position:absolute; width:8rem; height:8rem; left:-2.1rem; top:-4.8rem; content:""; display:block; z-index:-1;}

.shop_info .column__shop { padding:0 1.5rem 0;}
.shop_info .column__shop .row{width:100%;}

.shop_info .column__guide{ width:100%; margin:0 0 2rem;}
.shop_info .column__guide .row.tag{ text-align:left; width:60%; padding:0; min-width:auto;}
.shop_info .column__guide .row.tag ul li{ display:inline-block; font-size:1rem; line-height:1.2rem; background:rgba(0,0,0,0.3); color:#fff; padding:0.5rem 0.8rem; border-radius:2rem;}
.shop_info .column__guide .row.tag ul li a{ color:#fff;}
.shop_info .column__guide .row.url{ text-align:right;width:40%; padding:0;}
.shop_info .column__guide .row.url ul li { padding:0 0 0 1rem; display:inline-block;}
.shop_info .column__guide .row.url ul li a{ display:block; font-size:1.3rem; line-height:1.4rem;  border-radius:4rem;}
.shop_info .column__guide .row.url ul li a i{ font-size:2.1rem;}

.shop_info .txt{ font-size:1.5rem; text-align:left; padding:0 0 5rem;} 
.shop_info .txt h3{ font-size:1.8rem; padding:0 0 2rem;}
.shop_info .txt p{ line-height:1.8;}
.shop_info .txt p small{ line-height:1.6; font-size:1.3rem;}
.shop_info .list { padding:0 0 8vh ; font-size:1.4rem; text-align:left;}
.shop_info .list h4{ font-size:1.6rem; padding:0 0 2rem;}
.shop_info .list dl{ display:table; border-bottom:1px solid #eae9e2; width:100%; font-size:1.2rem;}
.shop_info .list dl:nth-child(2n){ background:#fff;}
.shop_info .list dl dt{ display:table-cell; width:25%; padding:1.2rem;}
.shop_info .list dl dd{ display:table-cell; width:75%; padding:1.2rem;}

.shop_info .column__shop .row:last-child .img { padding:0 0 2rem;}
.shop_info .column__shop .row:last-child .img dl{ padding:0 0 3rem;}
.shop_info .column__shop .row:last-child .img dl dt{ padding:0 0 1rem;}
.shop_info .column__shop .row:last-child .img dl dd{ text-align:left; font-size:1.2rem;}
}
@media screen and (max-width:480px) {
.shop_info .list dl dt{ display:table-cell; width:30%; padding:1.2rem 0.5rem;}
.shop_info .list dl dd{ display:table-cell; width:70%; padding:1.2rem 0.5rem;}
}
	