html {
  /* font-size: 62.5%; */
  font-size: 2.666vw;
}
body{
margin:0;
font-size:1.5rem;
line-height:1.5;
color:#242424;
font-family:Meiryo,"メイリオ",Helvetica,Arial,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3",sans-serif;
text-align:center;
}
.arial{
font-family:Arial,'メイリオ',Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
}
* ul,li{
margin:0;
padding:0;
list-style:none;
}
* dl,dt,dd{
margin:0;
padding:0;
list-style:none;
}
* figure,figcaption{
margin:0;
padding:0;
}
* p{
margin:0;
padding:0;
}
* img{
border:0;
vertical-align:bottom;
}
* a:hover img{
filter: alpha(opacity=75);
moz-opacity: 0.75;
opacity: 0.75;
}
a{
text-decoration:none;
color:#242424;
}
a:hover{
text-decoration:none;
color:#aaa;
}
a:focus, *:focus { outline:none; }

* table{
border-collapse:collapse;
}
h1,h2,h3,h4,h5,j6{
margin:0; padding:0;
font-weight:normal;
}
*{
box-sizing:border-box;
}

/* ヘッダー */
h1{
background:#00a0e9;
color:#fff;
font-size:1.1rem;
padding:5px 0;
line-height:1;
margin-bottom:1rem;
}
#header img{
width:100%;
}

.main{
padding:1.5rem;
}

.shop_box{
box-shadow: 0 0 .4rem #aaa;
border-radius:0 0 .8rem .8rem;
margin-bottom:2rem;
}

.shop_box .img img{
width:100%;
}
.shop_box dl{
display:flex;
padding:0 1.5rem;
}
.shop_box dl dt{
width:35%;
border:1px solid #bbb;
overflow:hidden;
position:relative;
top:-20px;
margin-bottom:-15px;
}
.shop_box dl dt img{
width:100%;
}
.shop_box dl dd{
width:65%;
text-align:left;
padding:0.8rem 0 0 1rem;
}
.shop_box dl dd ul{
line-height:1.3;
}
.shop_box dl dd ul li:before{
color:#00a0e9;
font-size:1.2rem;
font-weight:bold;
margin-right:5px;
}
.shop_box dl dd ul li.shop{
font-weight:bold;
}
.shop_box dl dd ul li.shop:before{
content:"店名：";
}
.shop_box dl dd ul li.genre:before{
content:"業種：";
}
.shop_box dl dd ul li.area:before{
content:"エリア：";
}
.shop_box dl dd ul li.time:before{
content:"営業時間：";
}
.shop_box ul.price{
font-weight:bold;
text-align:left;
padding:0 1.5rem 1rem;
}
.shop_box ul.price span,
.shop_box ul.price strong{
display:block;
}
.shop_box ul.price span{
}
.shop_box ul.price strong{
font-size:1.7rem;
}
.shop_box ul.btn{
display:flex;
justify-content:space-between;
padding:0 1.5rem;
margin-bottom:1rem;
}
.shop_box ul.btn li{
width:49%;
text-align:center;
}
.shop_box ul.btn a,
.shop_box ul.btn span{
border:1px solid #bbb;
box-shadow: 0px -4px 0px #ddd inset;
border-radius:4px;
display:block;
font-weight:bold;
height:4rem;
line-height:3.9rem;
background:#efefef;
text-shadow: 0 0 3px #ccc; 
}
.shop_box ul.btn span{
color:#bbb;
}
.shop_box ul.btn a:before,
.shop_box ul.btn span:before{
font-family:"ionicons";
margin-right:.8rem;
font-weight:normal;
}
.shop_box ul.btn li.map a:before{
content:"\f3a3";
}
.shop_box ul.btn li.link a:before,
.shop_box ul.btn li.link span:before{
content:"\f2d1";
}
.shop_box .telbtn{
padding:0 1.5rem 2rem;
}
.remodal .telbtn{
margin-bottom:1rem;
}
.shop_box .telbtn a,
.remodal .telbtn a{
border-radius:4px;
display:block;
height:5rem;
line-height:4.9rem;
font-size:1.8rem;
font-weight:bold;
background:#00a0e9;
color:#fff;
text-shadow: 0 0 3px #0273a7;
box-shadow: 0px -4px 0px #0273a7 inset;
}
.shop_box .telbtn a:before{
font-family:"ionicons";
content:"\f2d2";
margin-right:.8rem;
}

.footer{
font-size:1.2rem;
padding:0 0 1rem;
}

/* 認証モーダル */
.modal {
display:none;
z-index:9999;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
height:200px;
width:318px;
background:#fff;
text-align:center;
padding:20px 10px;
border-radius:8px;
}
.modal p.logo{
margin-bottom:10px;
}
.modal p.logo img{
width:100%;
}
.modal p.caution{
font-size:1.2rem;
margin-bottom:10px;
}
.modal a { cursor:pointer; }

.modal ul{
display:flex;
justify-content:space-between;
}
.modal ul li{
width:30%;
}
.modal ul li:first-child{
width:68%;
}
.modal ul li a{
display:block;
padding: 10px 0;
border-radius:4px;
border:1px solid #aaa;
color:#aaa;
font-weight:bold;
}
.modal ul li:first-child a{
background:#00a0e9;
border:1px solid #00a0e9;
color:#fff;
}