@charset "utf-8";


a[href^="tel:"] { cursor: default; }


#shop-search{
max-width:1000px;
margin:2em 0.5em;
background-color:#EEFBFF;
border:#C1EDFD solid 1px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;	
}

#shop-search h2{
margin-bottom:0.5em;
padding:0.3em;
font-size:180%;
text-align:center;
background-color:#FFF;
border:#C1EDFD solid 1px;
}

#shop-search h3{
font-size:140%;
margin-bottom:0.5em;
padding:0.3em 0.6em;
background-color:#EEEEF7;
border:#CBCBE4 solid 1px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}

#shop-search p{
font-size:100%;
line-height:1.5;
}


#flashMessage.message{
color:#F00;
}


.box{
width:96%;
margin:1em auto;
padding:0.5em;
background-color:#FFF;
border:1px solid #000;
text-align:left;
}

.arrow{
margin:10px;
text-align:center;
color:#F90;
font-size:200%;
}

.zip{
margin:0 auto;
font-size:1.5em;
line-height:1;
font-weight:bold;
text-align:center;
}

.zip span{
color:#000;
display:inline-block;
}

input[type="text"]{
padding:0.2em;
font-size:90%;
vertical-align:middle;
}

.zip-before{
width:15%;
margin-right:0.2em
}

.zip-after{
width:20%;
margin-right:0.2em
}



.btn_search{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Verdana,sans-serif;
font-size:20px;
font-weight:bold;
color:#FFF;
width:20%;
padding:3px 0;	
margin:0 auto;
border:none;
background:#003399;
background:#FF8200;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;

-webkit-appearance:none;
-webkit-box-shadow:0 2px 2px #CCC;
text-shadow:1px 2px 3px #000062;
text-shadow:1px 2px 3px #5B1E00;
}

.btn_search:hover{
position:relative;
left:1px;
top:1px;
cursor:pointer;
}



dl.shop-col{
margin:1em auto;
padding:0.5em;
background-color:#F7F7F7;
border:#666 solid 3px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}


dl.shop-col dt{
font-size:130%;
font-weight:700;
margin-bottom:0.3em;
padding:0.5em;
border:#CCC solid 1px;

background-color:#FFF;
}

dl.shop-col dt.map-b{
position:relative;
display:block;
font-size:110%;
margin:5px;
padding:5px 10px;
color:#FFF;
background-color:#339;
background-color:#FF8200;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}

dl.shop-col dt.map-b span:before{
display:inline-block;
margin:0 0.2em;
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\f041";
color:#FF0;
}



dl.shop-col dt.map-b i{
display:block;
position:absolute;
bottom:10px;
right:6px;
font-size:100%;
font-weight:normal;
}

dl.shop-col dt.map-b:hover i,
dl.shop-col dt.map-b i.selected{
color:#FC0;
}



dl.shop-col dt.map-b:hover{
position:relative;
left:1px;
top:1px;
cursor:pointer;
}

dl.shop-col dd.list{
font-size:110%;
}

dl.shop-col dd.list li:nth-child(1){
margin-left:1em;
font-weight:700;
}

dl.shop-col dd.list li:nth-child(2){
margin-left:1em;
}

dl.shop-col dd.list li:nth-child(3){
margin-left:1em;
}

dl.shop-col dd.list li:nth-child(4){
list-style-type:none !important;
}


dl.shop-col dd.list li:nth-child(4) a{
display:block;
margin:5px;
padding:5px 10px;
color:#FFF;
font-weight:700;
text-decoration:none;
background-color:#366;
background-color:#C00;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}


dl.shop-col dd.list li:nth-child(4) a span:before{
display:inline-block;
margin:0 0.2em;
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\f0e0";
color:#FF0;
}


dl.shop-col dd.list li:nth-child(4) a:hover{
position:relative;
left:1px;
top:1px;
cursor:pointer;
}


dl.shop-col dd.map{
padding:1em 0;
}



#canvas_wrapper{
clear:both;
max-width:90%;
min-width:280px;
padding:4px;
border:1px solid #CCC;  
margin:auto;
}
 
#canvas_wrapper img {
max-width:none;
}
 
#map-canvas {
width:100%;
height:300px;
}



@media all and (min-width:700px) { 


dl.shop-col dd.list li{
display:inline-block !important;
margin:3px 10px;
}


dl.shop-col dd.list li:nth-child(1){
width:10%;
margin-left:0;
}

dl.shop-col dd.list li:nth-child(2){
width:25%;
margin-left:0;
}

dl.shop-col dd.list li:nth-child(3){
width:15%;
margin-left:0;
}

dl.shop-col dd.list li:nth-child(4){
width:160px;
max-width:160px;
text-align:center;
}


#map-canvas{
height:400px;
}

}


@media all and (min-width:900px) { 

dl.shop-col dt.map-b{
float:right;
width:130px;
margin:-45px 0.5em 0;
max-width:130px;
}

}

 
@media all and (min-width:960px) { 

#shop-search{
margin:2em auto;
}

#map-canvas{
height:500px;
}

}