@charset "utf-8";
/* CSS Document */


#shop:before, 
#shop:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.outer2 {
	max-width:1240px;
	margin-left:auto;
	margin-right:aouto;
	}
	


/*　エリアnav
----------------------------------------*/

nav.nv-shop ul {
	border:1px solid rgba(0,102,85,1);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
　　behavior: url(http://www.sample.com/PIE/PIE.htc); /* IE用 */
	margin-bottom:2em;
	padding:1em;
	}

nav.nv-shop ul li {
	display:inline-block;
	padding-left:0.8em;
	padding-right:0.8em;
	}

	
/*nav.nv-shop ul li.current {
	border-bottom:3px solid #000;
	}*/



	
nav.nv-shop ul li a{
  display: inline-block;
  padding-bottom: 4px;
  position: relative;
}

nav.nv-shop ul li a::after {
  background-color: rgba(0,102,85,1);
  bottom: 0;
  content: '';
  display: block;
  height: 3px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  transition: .5s all;
  width: 0;
}

nav.nv-shop ul li a.current {
  color: rgba(0,102,85,1);
  font-weight:bold
}

nav.nv-shop ul li a.current::after {
  background-color: rgba(0,0,0,0.8);
  bottom: 0;
  content: '';
  display: block;
  height: 3px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  transition: .5s all;
  width: 100%;
}

nav.nv-shop ul li a:hover::after {
  width: 100%;
}
	
	
/*　shop
----------------------------------------*/

#saitama,
#tokyo,
#kanagawa,
#nigata,
#aomori,
#fukushima,
#miyagi,
#iwate,
#kumamoton,
#okinawa,
#tochigi,
#gunma,
#aichi,
#shizuoka,
#mie,
#ehime,
#osaka,
#kagawa,
#hyogo,
#kyoto,
#kumamoto {
	padding-top:4em;
	}




#saitama section,
#tokyo section,
#kanagawa section,
#nigata section,
#aomori section,
#fukushima section,
#miyagi section,
#iwate section,
#kumamoto section,
#okinawa section,
#tochigi section,
#gunma section,
#aichi section,
#shizuoka section,
#mie section,
#ehime section,
#osaka section,
#kagawa section,
#hyogo section,
#kyoto section,
#kumamoto section {
	margin-top:3em;
	border:1px solid #ccc;
	padding:1em 0.3em 1em 0.5em;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
　　behavior: url(http://www.sample.com/PIE/PIE.htc); /* IE用 */
	}

.shopContent {
	display:flex;
	flex-wrap: wrap;
	justify-content:start;
	justify-content:space-between;
	-webkit-justify-content: space-between; /* Safari */
	}
	
.sp-img {
	width:40%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
　　behavior: url(http://www.sample.com/PIE/PIE.htc); /* IE用 */
}

.sp-p {
	width:58%;
	text-align:left;
	}
	
#shop h4 {
	font-size:1.5em;
	background:rgba(0,102,85,1);
	color:#fff;
	}
	
#shop h5.sp-area {
	font-size:1.2em;
	border:1px solid rgba(0,102,85,1);
	background:rgba(0,102,85,0.3);
	padding:0.1em 0 0;
	}

#shop h5.sp-name {
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:0.3em;
	text-align:left;
	}
	
#shop h5.sp-name a:after {
	content: "\f101";
	font-family: "Font Awesome 5 Free";
	padding-left:1em;
}
	
	

.sp-p dl:after { 
	content: ""; 
	display: table; 
	clear: both; 
}
	
.sp-p dt {
	width:3em;
	padding:0.3em 1em;
	background:rgba(0,102,85,0.2);
	border:1px solid rgba(0,102,85,0.3);
	/*color:#fff;*/
	font-size:0.8em;
	/*font-weight:bold;*/
	margin-bottom:0.5em;
	}

.sp-p dt.carNav {
	width:6em;
	}	
	
.sp-p dd {
	padding:0.3em 0;
	text-align:left;
	list-style-type: square;
	list-style-position: inside;
	}
	
.sp-cap {
	font-size:0.8em;
	display:inline-block;
	padding-right:5px;
	}
	
@media screen and (min-width: 769px) {

.sp-img {
	width:30%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
　　behavior: url(http://www.sample.com/PIE/PIE.htc); /* IE用 */
}

.sp-p {
	width:68%;
	text-align:left;
	}
	
}