@charset "UTF-8";
/*
 *
 * shop
 *
*/

/******************/
@import url("search.css");

.shop_cate{
  list-style: none;
  text-align: center;
  letter-spacing: -.4em;
	vertical-align: top;
}

.shop_cate li{
  display: inline-block;
  letter-spacing: normal;
  list-style: none;
  width : 33.33333% ; 
  width : -webkit-calc(100% / 3) ;
  width : calc(100% / 3) ;
	vertical-align: top;
}
.shop_cate li .area{
	  padding: 1em 0;
  text-align: center;
  background: #E9E6DF;
  font-weight: 600;
  text-decoration: none;
  margin: 0.5em;
}
.shop_cate li .area:before {
  content:"\f078";
  font-family: FontAwesome;
  padding-right: 8px;
}

.shop_cate li ul{
  width : 100%;
	background: #fff;
	margin: 0.5em;
}
.shop_cate li li{
	float: left;
  list-style: disc;
	background: none;
	padding: inherit;
	text-align: left;
	width: auto;
}
.shop_cate li li:before {
  content:"\f105";
	font-family: FontAwesome;
	padding-right: 5px;
	color: #674F55;
}
.shop_cate li li:after {
  content:"";
	padding-right: 15px;
}
#shop_search h4{
	text-align: center;
	border: #000 double ;
	text-align: center;
	padding: 0.5em;
	border-radius: 8px; 
}

#shopevent h4{
  font-size: 1.5em;
  font-weight: 600;
	color: #db5358;
	margin: 0.5em 0;
}
#shopevent ul{
}
#shopevent li{
  font-size: 1.2em;
  font-weight: 400;
	list-style: none;
}

.shoplist_top{
  margin: 1em 0;
}
.shoplist_top a{
  margin: 15px;
  display: block;
  padding: 1em ;
 border: 3px solid #E9E6DF;
  border-radius: 0px ;
-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
  text-decoration: none;
}

.shoplist_top a:hover{
 border: 3px solid #EC6941;
    text-decoration: none;
}

  .shoplist_top p{
    display: block;
    line-height: 1.3;
    font-size: 0.8em;
    padding: 0;
    margin: 0;
  }

ul.serviceicon{
  margin: 0 ;
  padding: 0;
  list-style: none;
  display: block;
}

ul.serviceicon li{
  display: inline-block;
  text-align: center;
  padding: 0.5em ;
  font-size: 0.8em;
}

ul.serviceicon li.serviceicon_1:before{
      margin:0 ;
    content:"";
    display:inline-block;
    width:60px;
    height:60px;
    background:url( ../img/shop/serviceicon_1.png) center;    
    background-size:contain;
    vertical-align:middle;
}
ul.serviceicon li.serviceicon_2:before{
      margin:0 ;
    content:"";
    display:inline-block;
    width:60px;
    height:60px;
    background:url( ../img/shop/serviceicon_2.png) center;    
    background-size:contain;
    vertical-align:middle;
}
ul.serviceicon li.serviceicon_3:before{
      margin:0 ;
    content:"";
    display:inline-block;
    width:60px;
    height:60px;
    background:url( ../img/shop/serviceicon_3.png) center;    
    background-size:contain;
    vertical-align:middle;
}
ul.serviceicon li.serviceicon_4:before{
      margin:0 ;
    content:"";
    display:inline-block;
    width:60px;
    height:60px;
    background:url( ../img/shop/serviceicon_4.png) center;    
    background-size:contain;
    vertical-align:middle;
}

/*-----------------------------------------------
DATA
-----------------------------------------------*/

#subimg{
	margin-top:10px;
}

#subimg ul{
	list-style:none;
}

#subimg li{
	list-style:none;
	float:left;
margin:5px 0px ;
	width:33.3333%;
}

#subimg li img{
}
dl#shopdata{
 margin:0px ;
	padding:0px ;
}

dl#shopdata{
	border-top:#CCCCCC 1px dotted ;
}
dl#shopdata dt{
 margin:0px ;
	padding:10px 0px;
	color:#AC6B10;
	font-weight:400;
}

dl#shopdata dd{
 margin:0px ;
	padding-bottom:15px ;
	border-bottom:#CCCCCC 1px dotted ;
}

.datatel{
	font-size:150%;
	font-weight:700 ;
}

.datatel:before{
content:"\f2a0";
 font-family: FontAwesome;
  padding-right: .3em;
}

ul#print_btn{
	margin:0px ;
	padding:0px ;
}

ul#print_btn li{
	list-style: none;
}

#gmap{
  margin-top: 2em;
	width:100%;
	height:600px ;
	text-align:left;
}

.cover {
    display: inline-block;
    background-color: #ccc;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0px;
    width: 100%;
    height: 150px;
    background-size: cover;
}
/***********************************
デバイスサイズ480以下(device)
************************************/
@media screen and (max-width: 480px) {
  .shoplist_top a{
    margin: 5px ;
  }
  .shoplist_top p{
    display: none;
  }
	.shop_cate li .area{
	  padding: 0.5em 0;
  text-align: center;
  background: #E9E6DF;
  font-weight: 600;
  text-decoration: none;
  margin: 0.3em;
}
.shop_cate li .area:before {
  content:"";
  padding-right:0px;
}
	
}

@media screen and (max-width: 737px) { 
}

/***********************************
768以下
************************************/
@media screen and (max-width: 768px) {
#gmap{
  margin-top: 2em;
	width:100%;
	height:400px ;
	text-align:left;
}
}

/***********************************
970以下
************************************/

@media screen and (max-width: 970px) {
  
}

/***********************************
1200以下
************************************/
@media screen and (max-width: 1200px) { 
}
/***********************************
480〜767の間
************************************/
@media screen and (min-width: 480px) and (max-width: 767px) { 

}
/***********************************
768〜969の間
************************************/
@media screen and (min-width: 768px) and (max-width: 969px) {

}
/***********************************
 970〜1199の間
************************************/
@media screen and (min-width: 970px) and (max-width: 1199px) {
}
/***********************************
w1200以上
************************************/
@media screen and (min-width: 1200px) {
}