/**********
 style-shop.css
**********/

/*==========================================
 ヘッダーのスタイル
===========================================*/
/**********
 header
**********/
#headTop #headContentsTop{
	width:100%;
	background:url(../shop/img/headBg.jpg) no-repeat 50% 55%;
    background-size: cover;
	min-height:70px;
}

/*==========================================
 コンテンツエリアのスタイル
===========================================*/


/**********
 shopWrap
**********/
.shopWrap{
	padding-bottom:60px;
}

.shopWrap h3{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size:1.2em;
	font-weight:700;
	color:#000;
	margin-bottom:30px;
	text-align:center;
}

.shopWrap img.shopImg{
	width:100%;
	margin-bottom:25px;
}

.shopWrap .comment{
	padding-bottom:25px;
	font-size:1.1em;
	color:#666;
}

/** shopTxt **/
.shopWrap .shopTxt{}

.shopWrap .shopTxt table{
	width:100%;
}
.shopWrap .shopTxt table tr th{
	display:block;
	background:#009591;
	color:#fff;
	text-align:left;
	font-weight:500;
}

.shopWrap .shopTxt table tr th p{
	padding:6px 10px;
	font-size:1.1em;
}

.shopWrap .shopTxt table tr th p span{
	font-size:0.8em;
}

.shopWrap .shopTxt table tr td{
	display:block;
	text-align:left;
	padding:5px 0 7px 0;
}

.shopWrap .shopTxt table tr td ul li{
	padding-bottom:5px;
}

.shopWrap .shopTxt table tr td ul li:last-child{
	padding-bottom:0;
}


/** shopMap **/
.shopWrap .shopMap{}
.shopWrap .shopMap .ggmap {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
 
.shopWrap .shopMap .ggmap iframe,
.shopWrap .shopMap .ggmap object,
.shopWrap .shopMap .ggmap embed {
	position: absolute;
	top:0;
	left:0;
	width: 100% !important;
	height: 100% !important;
}

.shopWrap a.mapBtn{
	width:40%;
	background:#F7E2B5;
	color:#40210F;
	float:right;
}

.shopWrap a.mapBtn:visited{
	background:#F7E2B5;
	color:#40210F;
}

.shopWrap a.mapBtn:hover,
.shopWrap a.mapBtn:active{
	background:#40210F;
	color:#fff;
	text-decoration:none;
}


/** shopImg_min **/
.shopWrap .shopImg_min{
	padding-top:15px;
}

.shopWrap .shopImg_min img{
	margin-bottom:12px;
}

.shopWrap .shopImg_min img:nth-child(odd){
	float:left;
	width:48%;
	max-width:400px;
}

.shopWrap .shopImg_min img:nth-child(even){
	float:right;
	width:48%;
	max-width:400px;
}


/**********
 ajnaWrap
**********/
.ajnaWarp{}

.ajnaWarp .shopTxt{
	text-align:left;
}

.ajnaWarp .shopTxt a{
	margin-top:20px;
	display:block;
	position: relative;
	border:1px solid #4e4e4e;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	color:#000;
	font-size:1.2em;
	text-align:left;
	box-shadow:0;
}

.ajnaWarp .shopTxt a:hover,
.ajnaWarp .shopTxt a:active{
	text-decoration:none;
}


.ajnaWarp .shopTxt a p{
	display:block;
	margin:8px;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	
}

.ajnaWarp .shopTxt a p span{
	font-size:0.6em;
	display:block;
	margin-left:-3px;font-family: 'Lato','Noto Sans', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-top:5px;
}

.ajnaWarp .shopTxt a#ajnaBtn_villa{
	background:url(../shop/img/ajnaBtn_villa.jpg) no-repeat 50%;
	background-size:cover;
}

.ajnaWarp .shopTxt a#ajnaBtn_day{
	background:url(../shop/img/ajnaBtn_day.jpg) no-repeat 50%;
	background-size:cover;
}



/* PC・大型タブレット：769px～1200px */
@media only screen and (min-width: 769px) and (max-width: 1200px) {


/*==========================================
 コンテンツエリアのスタイル
===========================================*/

/** shopTxt **/
.shopWrap .shopTxt{
	float:left;
	width:49%;
}

.shopWrap .shopTxt table tr th{
	min-width:150px;
	border-bottom:1px solid #fff;
}
.shopWrap .shopTxt table tr th p{
	padding:5px 10px;
}

.shopWrap .shopTxt table tr th p span{
	padding-left:10px;
}

.shopWrap .shopTxt table tr td{
}

/** shopMap **/
.shopWrap .shopMap{
	float:right;
	width:48%;
}

/** shopImg_min **/
.shopWrap .shopImg_min{
	padding-top:0;
	padding-left:15px;
}


}



/* PC向け：1201px以上で固定 */
@media only screen and (min-width: 1201px) {


/*==========================================
 コンテンツエリアのスタイル
===========================================*/


/** shopTxt **/
.shopWrap .shopTxt{
	float:left;
	width:49%;
}

.shopWrap .shopTxt table tr th{
	min-width:150px;
	border-bottom:1px solid #fff;
}
.shopWrap .shopTxt table tr th p{
	padding:5px 10px;
}

.shopWrap .shopTxt table tr th p span{
	padding-left:10px;
}

.shopWrap .shopTxt table tr td{
}

/** shopMap **/
.shopWrap .shopMap{
	float:right;
	width:48%;
}

/** shopImg_min **/
.shopWrap .shopImg_min{
	padding-top:0;
	padding-left:15px;
}


}



@media print{
	
/*==========================================
 コンテンツエリアのスタイル
===========================================*/


/** shopTxt **/
.shopWrap .shopTxt{
	float:left;
	width:49%;
}

.shopWrap .shopTxt table tr th{
	min-width:150px;
	border-bottom:1px solid #fff;
}
.shopWrap .shopTxt table tr th p{
	padding:5px 10px;
}

.shopWrap .shopTxt table tr th p span{
	padding-left:10px;
}

.shopWrap .shopTxt table tr td{
}

/** shopMap **/
.shopWrap .shopMap{
	float:right;
	width:48%;
}

/** shopImg_min **/
.shopWrap .shopImg_min{
	padding-top:0;
	padding-left:15px;
}

	
}