@charset "UTF-8";
@media screen and (min-width: 768px),print {

#contentsmain {margin: 85px auto 127px auto; position: relative; background: url('../images/hiraya/contentsmain-back01.jpg') no-repeat top center , url('../images/hiraya/contentsmain-back02.png') no-repeat top 628px center;}
#contentsmain h2 { width:1100px; margin: 0 auto 128px; padding-right:46px; text-align: right;position: relative;top: -60px;}

#contentsmain .inner-Box {margin: 0 auto 90px;position: relative;width: 1080px;height: 436px;background: #fff;padding: 60px; box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.16);}

#contentsmain .minBox { position:relative; padding-bottom:40px; margin-bottom:30px; display: -webkit-box; display: -moz-flex; display: -ms-flex;  display: -o-flex;  display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap;  flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
#contentsmain .minBox:before { content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background-image : linear-gradient(to right, #B18B28 1px, transparent 1px); background-size: 4px 1px; background-repeat: repeat-x; background-position: bottom;}

#contentsmain .minBox .logo { width:435px; text-align:center; }
#contentsmain .minBox h3 {width:525px;padding-left:10px;font-size:25px;letter-spacing: 1.25px;line-height: 1.84;}

#contentsmain .minBox2 {display: -webkit-box; display: -moz-flex; display: -ms-flex;  display: -o-flex;  display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap;  flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
#contentsmain .minBox2 .pritext-box { width:435px; text-align:center; }
#contentsmain .minBox2 .txt { width:525px; padding-left:10px; letter-spacing:0; font-size: 15px; line-height: 2; font-weight: 400;}
#contentsmain .minBox2 p.pritext {font-size: 17px;line-height: 1.88;font-weight: 500;letter-spacing: 0px;color: #222222;}
#contentsmain .minBox2 p.pritext span.kakaku {width: 70px;height: 22px;display: inline-block;border: 1px solid #222222;font-size: 11px;letter-spacing: 0.55px;font-weight: 400;color: #222222;top: -2px;position: relative;text-align: center;}
#contentsmain .minBox2 p.pritext span.redtext {color: #C20E0C;font-size: 38px;letter-spacing: 0;margin-right: 18px;position: relative;top: 2px;left: 10px;}


#contentsmain .charm-Box{
	width:1100px;
	margin: 0 auto; 
}
#contentsmain .charm-Box .charm-ttl{
	font-size:32px;
	margin-bottom:70px;
	letter-spacing:0.05em;
	text-align:center;
}
#contentsmain .charm-Box li{
	position:relative;
	display: -webkit-box; display: -moz-flex; display: -ms-flex;  display: -o-flex;  display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap;  flex-wrap: wrap;
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;	
	height:400px;
	margin-bottom:70px;
}
#contentsmain .charm-Box li:nth-child(even) .ph{
	left: inherit;
	right:0;
}
#contentsmain .charm-Box li:nth-child(even) .txtBox{
	margin-left: inherit;
	margin-right:520px;
}
#contentsmain .charm-Box .ph{
	position:absolute;
	top:0;
	left:0;
	width:560px;
}
#contentsmain .charm-Box .txtBox{
	position:relative;
	z-index:2;
	padding: 50px 40px 40px 40px;
	margin-left:520px;
	width:580px;
	min-height:294px;
	background-color:#fff;
}
#contentsmain .charm-Box .txtBox .no{
	position:absolute;
	top:-21px;
	left:60px;
	font-size:42px;
	line-height:1;
	color:#B18B28;
	font-family: "Shippori Mincho", serif;
}
#contentsmain .charm-Box .txtBox .no span{
	font-size:29px;
}
#contentsmain .charm-Box .txtBox h4{
	font-size:25px;
	margin-bottom:10px;
	line-height:2.1;
	letter-spacing:0.05em;
}
#contentsmain .charm-Box p{
	letter-spacing:0; font-size: 15px; line-height: 2; font-weight: 400;
}


#recommended{
}
#recommended .recommended-ttl{
	font-size:42px;
	margin-bottom:40px;
	letter-spacing:0.05em;
	text-align:center;
}
#recommended .inner-Box{
	padding: 510px 0 74px;
	background: url(../images/hiraya/recommended-back01.jpg) no-repeat top center , url(../images/hiraya/recommended-back02.jpg) no-repeat bottom center , #F8F7F5;
}
#recommended ul{
	width:900px;
	margin: 0 auto;
}
#recommended li{
	margin-bottom:30px;
	padding:32px 100px 35px 135px;
	background-color:#fff;
}
#recommended li h4{
	position:relative;
	font-size:25px;
	margin-bottom:0px;
	line-height:2.1;
	letter-spacing:0.1em;
}
#recommended li h4:before{
	content:"";
	position:absolute;
	top:10px;
	left:-42px;
	width:32px;
	height:32px;
	background:url(../images/hiraya/icon-recommended.svg) no-repeat center center / 100% 100%;
}
#recommended li h4 span{
	color:#B18B28;
}
#recommended li p{
	letter-spacing:0;
	font-size: 15px;
	line-height: 2;
	font-weight: 400;
	margin-right: -10px;
}

#gallery{
	margin-bottom:170px;
}
#gallery .gallery-ttl{
	padding: 107px 0 60px;
	text-align:center;
}
#gallery .ph img{
	width:100%;
}


#choice{
	width:1100px;
	margin: 0 auto 150px;
}
#choice .choice-ttl{
	margin-bottom:80px;
	text-align:center;
}
#choice .ph{
	margin-bottom:50px;
}
#choice p{
	letter-spacing:0; font-size: 15px; line-height: 2; font-weight: 400; text-align:center;
}





#contentsbottom {margin: 0 auto -50px;padding: 74px 0 40px;position: relative;background: url(../images/hiraya/contentsbottom-back01.png)no-repeat top center;background-size: 100% auto;}
#contentsbottom h2 {font-size: 64px;line-height: 1.38;font-weight: 500;letter-spacing: 0px;margin-bottom: 15px;position: relative;text-align: center;color: #534D46;}
#contentsbottom p.subttl {font-size: 22px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;margin-bottom: 139px;position: relative;text-align: center;color: #534D46;}
#contentsbottom .inner-Box {margin: 0 auto;position: relative;width: 1100px;}
#contentsbottom .inner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contentsbottom .inner-Box ul li {position: relative;box-shadow: 0px 30px 30px #0000001F;background: #fff;text-align: center;margin-bottom: 80px;padding-bottom: 10px;width: 360px;margin-right: 10px;}
#contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contentsbottom .inner-Box ul li a {  }
#contentsbottom .inner-Box ul li a:hover {  }
#contentsbottom .inner-Box ul li .arr{position: absolute;bottom: 24px;right: 20px;}
#contentsbottom .inner-Box figure.photo {position: relative;top: -21px;left: 0;}
#contentsbottom .inner-Box figure.photo img{  }
#contentsbottom .inner-Box figure.img {position: relative;top: 0;left: 0;margin-bottom: 10px;}
#contentsbottom .inner-Box figure.img img{  }
#contentsbottom .inner-Box p.litext {font-size: 15px;line-height: 1.88;font-weight: 500;letter-spacing: 0px;margin-bottom: 10px;position: relative;min-height: 79px;}
#contentsbottom .inner-Box p.pritext {font-size: 17px;line-height: 1.88;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;position: relative;color: #222222;left: 8px;}
#contentsbottom .inner-Box p.pritext span.kakaku {width: 70px;height: 22px;display: inline-block;border: 1px solid #222222;font-size: 11px;letter-spacing: 0.55px;font-weight: 400;color: #222222;margin-right: 8px;left: -3px;top: -6px;position: relative;}
#contentsbottom .inner-Box p.pritext span.redtext {color: #C20E0C;font-size: 38px;letter-spacing: 0;margin-right: 9px;}


}

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



	#contentsmain {position: relative; margin-top:30.19vw; background: url('../images/hiraya/sp-contentsmain-back01.jpg') no-repeat top center / 100% auto #fff;}
	#contentsmain h2 { width:28.26vw; margin: 0 auto 20.53vw; position:relative;top: -21.74vw;}
	
	#contentsmain .inner-Box {margin: 0 auto 20.26vw;position: relative;width: 89.86vw;background: #fff;padding:11.59vw 5.31vw 14.98vw;box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.16);}
	
	#contentsmain .minBox { position:relative; padding-bottom:7.97vw; margin-bottom:3.14vw;}
	#contentsmain .minBox:before { content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background-image : linear-gradient(to right, #B18B28 1px, transparent 1px); background-size: 4px 1px; background-repeat: repeat-x; background-position: bottom;}
	
	#contentsmain .minBox .logo { width:46.42vw; margin: 0 auto 4.83vw; text-align:center; }
	#contentsmain .minBox h3 { width:100%; font-size:5.80vw; text-align:center; letter-spacing:0.05em; line-height:1.6;}
	
	#contentsmain .minBox2 {}
	#contentsmain .minBox2 .pritext-box { width:100%; text-align:center; margin-bottom:5vw; }
	#contentsmain .minBox2 .txt { width:100%; padding-left:10px; letter-spacing:0; font-size: 3.62vw; line-height: 2; font-weight: 400;}
	#contentsmain .minBox2 p.pritext {font-size: 4.11vw;line-height: 1.88;font-weight: 500;letter-spacing: 0px;color: #222222;}
	#contentsmain .minBox2 p.pritext span.kakaku {width: 17vw;height: 5.1vw;display: inline-block;border: 1px solid #222222;font-size: 2.66vw;letter-spacing: 0vw;font-weight: 400;color: #222222;top: -1.2vw;position: relative;text-align: center;left: -1.1vw;}
	#contentsmain .minBox2 p.pritext span.redtext {color: #C20E0C;font-size:9.18vw;letter-spacing: 0;margin-right: 18px;position: relative;top: 2px;left: 10px;}



	#contentsmain .charm-Box{
		background-color:#F8F7F5;
		padding: 9.08vw 2.90vw 1vw;
		margin-bottom: 14.46vw;
	}
	#contentsmain .charm-Box .charm-ttl{
		font-size:7.73vw;
		margin-bottom:9vw;
		letter-spacing:0.05em;
		text-align:center;
	}
	#contentsmain .charm-Box li{
		position:relative;
		padding: 12vw 6.04vw 9.14vw;
		margin-bottom:12.08vw;
		background-color:#fff;
	}

	#contentsmain .charm-Box li:nth-child(3n){margin-bottom: 8vw;}
	#contentsmain .charm-Box .txtBox{
		position:relative;
		background-color:#fff;
	}
	#contentsmain .charm-Box .no{
		position:absolute;
		top:-4.83vw;
		left:6.04vw;
		font-size:10.14vw;
		line-height:1;
		color:#B18B28;
		font-family: "Shippori Mincho", serif;
	}
	#contentsmain .charm-Box .no span{
		font-size:7.00vw;
	}
	#contentsmain .charm-Box h4{
		font-size:6.04vw;
		margin-bottom: 5.7vw;
		line-height:1.7;
		letter-spacing:0.03em;
	}
	#contentsmain .ph{
		margin-bottom: 6vw;
	}
	#contentsmain .charm-Box p{
		letter-spacing:0; font-size: 3.62vw; line-height: 2; font-weight: 400;
	}
	
	
	#recommended{
	}
	#recommended .recommended-ttl{
		font-size:6.28vw;
		margin-bottom: 10.3vw;
		letter-spacing: 0.5vw;
		text-align:center;
	}
	#recommended .inner-Box{
		padding: 138.65vw 2.90vw 10vw;
		background: url(../images/hiraya/sp-recommended-back01.jpg) no-repeat top center / 100% auto , url(../images/hiraya/sp-recommended-back02.jpg) no-repeat bottom center / 100% auto , #F8F7F5;
	}
	#recommended ul{
	}
	#recommended li{
		margin-bottom:6vw;
		padding:9.66vw 7.25vw 9.66vw 11.11vw;
		background-color:#fff;
	}
	#recommended li h4{
		position:relative;
		font-size:4.83vw;
		margin-bottom:2vw;
		line-height:1.5;
		letter-spacing: 0.2vw;
	}
	#recommended li h4:before{
		content:"";
		position:absolute;
		top:1vw;
		left:-7.25vw;
		width:5.56vw;
		height:5.56vw;
		background:url(../images/hiraya/icon-recommended.svg) no-repeat center center / 100% 100%;
	}
	#recommended li h4 span{
		color:#B18B28;
	}
	#recommended li p{
		letter-spacing:0; font-size: 3.62vw; line-height: 2; font-weight: 400;
	}
	
	#gallery{
		margin-bottom: 15.77vw;
	}
	#gallery .gallery-ttl{
		padding:10.87vw 0 11.11vw;
		text-align:center;
		width:58.94vw;
		margin: 0 auto;
	}


	#choice{
		margin: 0 auto 21.50vw;
	}
	#choice .choice-ttl{
		margin: 0 auto 9.63vw;
		text-align:center;
		width:79.71vw;
	}
	#choice .ph{
		margin: 0 5.2vw 8.66vw;
	}
	#choice p{
		width:77.29vw;
		margin: 0 auto;
		letter-spacing:0; font-size: 3.62vw; line-height: 2; font-weight: 400;
	}
	
    #contentsbottom {padding: 17.17vw 0 9.66vw;position: relative;background: url(../images/hiraya/sp-contentsbottom-back01.png)no-repeat top center;background-size: 100% auto;}
    #contentsbottom h2 {font-size: 10.14vw;line-height: 1.38;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 4.35vw;position: relative;text-align: center;color: #534D46;}
    #contentsbottom p.subttl {font-size: 4.35vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 14.38vw;position: relative;text-align: center;color: #534D46;}
    #contentsbottom .inner-Box {margin: 0 4vw;position: relative;}
    #contentsbottom .inner-Box ul{}
    #contentsbottom .inner-Box ul li {position: relative;box-shadow: 0.0vw 7.25vw 7.25vw #0000001F;background: #fff;width: 100%;text-align: center;margin-bottom: 14.52vw;padding-bottom: 2.72vw;}
    #contentsbottom .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; }
    #contentsbottom .inner-Box ul li a {  }
    #contentsbottom .inner-Box ul li a:hover {  }
    #contentsbottom .inner-Box ul li .arr{position: absolute;bottom: 3.1vw;right: 3.93vw;width: 4.4vw;}
    #contentsbottom .inner-Box figure.photo {position: relative;top: -2.9vw;left: 0;margin-bottom: -2.55vw;}
    #contentsbottom .inner-Box figure.photo img{  }
    #contentsbottom .inner-Box figure.img {position: relative;top: 0;left: 0;margin: 0 0.3vw 1.49vw;}
    #contentsbottom .inner-Box figure.img img{  }
    #contentsbottom .inner-Box p.litext {font-size: 3.14vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: -2.48vw;position: relative;}
    #contentsbottom .inner-Box p.pritext {font-size: 3.62vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 7.25vw;position: relative;color: #222222;}
    #contentsbottom .inner-Box p.pritext span.kakaku {width: 16.91vw;height: 5.31vw;display: inline-block;border: 0.24vw solid #222222;font-size: 2.66vw;letter-spacing: 0.13vw;font-weight: 400;color: #222222;margin-right: 1.93vw;left: -0.8vw;top: -1.7vw;position: relative;}
    #contentsbottom .inner-Box p.pritext span.redtext {color: #C20E0C;font-size: 9.18vw;letter-spacing: 0;margin-right: 2.17vw;}
  

}