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

/*============================*/
main h1 {
	text-align: center;
	color: #880000;
	font-size: 2rem;
	letter-spacing: 4px;
	font-family: 'Noto serif JP',serif;
}
main h1 .small {
	display: block;
	font-size: 0.8rem;
	line-height: 0.5rem;
}
main h1 span {
}
/*=========================
common
===========================*/
h2 {
	font-size: 1.5rem;
	display: inline-block;
	padding: 0 1.3rem;
	color: #001aa2;
}
section:first-child {
	height: 106vh;
}
/*=========================
menu
===========================*/
.pickup {
	background: #ffd4d4;
	margin-top: -3.5rem;
}
.pickup iframe {
	margin-bottom: 5rem;
}
.pickup a {
	background: url(../img/top/pickup/pickup_2020_01-1.jpg)no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 280px;
	display: block;
	box-shadow: 0px 0px 4px #555;
	padding: 1rem;
	margin: 0.5rem !important;
	opacity: 0.75;
}
.pickup a:hover {
	opacity: 1;
	box-shadow: 0px 0px 4px #222;
}
.pickup a:nth-child(2) {
	background: url(../img/top/pickup/pickup_2020_01-2.jpg)no-repeat;
	background-size: cover;
	background-position: center;
	margin: 0;
}
.pickup a:nth-child(3) {
	background: url(../img/top/pickup/pickup_2020_01-3.jpg)no-repeat;
	background-size: cover;
	background-position: center;
}
.pickup a:nth-child(4) {
	background: url(../img/top/pickup/pickup_2020_01-4.jpg)no-repeat;
	background-size: cover;
	background-position: center;
}
.pickup li {
	color: #ffdea2;
	background: rgba(111, 34, 51, 0.83);
	padding: 0.5rem 1rem 1rem;
	margin-top: 1rem;
}
.pickup li .button {
	background: rgba(70, 19, 0, 0.63);
	padding: 0.5rem;
	border: none;
	width: auto;
	margin: 0.5rem;
	font-family: 'Noto serif JP',serif;
}
.pickup li:hover .button {
	background: rgba(70, 19, 0, 0.8);
	color: #fff;
}
.pickup h1 {
	border-bottom: 1px solid;
	max-width: 700px;
	margin: 0 auto 2rem;
}
.pickup a li p {
	text-align: center;
	border: 1px solid;
	max-width: 250px;
	margin: 1rem auto 0;
	padding: 2rem 0 3rem;
	font-size: 1rem;
	font-family: 'Noto serif JP',serif;
}
/*=========================
about
===========================*/
.about li {
	width: 25%;
	padding: 0 1rem;
	border-left: 1px dashed #f3a5a3;
	margin-top: 2rem;
}
.about li:first-child {
	border-left: unset;
}
.about li p {
	color: #7c402c;
	min-height: 260px;
	font-family: 'Noto serif JP',serif;
	letter-spacing: 1px;
}
/*=========================
menu
===========================*/
.menu {
	background: #f4f4f4;
	padding-bottom: 4rem;
}
.menu .main_box {
	max-width: 1200px;
}
.menu ul.flex {
	width: 90%;
	padding-top: 5%;
	margin: 0 auto;
}
.menu li {
	list-style: none;
	width: 48%;
	float: left;
	position: relative;
}
.menu li:nth-child(odd) {
	margin-right: 2%;
}
.menu li:after {
	display: block;
	content: " ";
	height: 3px;
	background: #f9f7a9;
	background: -moz-linear-gradient(left, #f9f7a9 0%, #db841a 42%, #752201 65%, #ffee9b 100%);
	background: -webkit-linear-gradient(left, #f9f7a9 0%,#db841a 42%,#752201 65%,#ffee9b 100%);
	background: linear-gradient(to right, #f9f7a9 0%,#db841a 42%,#752201 65%,#ffee9b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f7a9', endColorstr='#ffee9b',GradientType=1 );
}
.menu dl {
	background: #fff;
}
.menu dt,
.menu dt {
	width: 50%;
}
.menu ul li dt {
	width: 50%;
	position: relative;
	background-image: url(../img/top/menu1.jpg);
	background-size: cover;
	background-position: center;
}
.menu ul li dt span {
	position: absolute;
	left: -9999px;
}
.menu ul:nth-child(3) li:nth-child(2) dt {
	background-image: url(../img/top/menu2.jpg);
}
.menu ul:nth-child(4) li dt {
	background-image: url(../img/top/menu3.jpg);
}
.menu ul:nth-child(4) li:nth-child(2) dt {
	background-image: url(../img/top/menu4.jpg);
}
.menu ul:nth-child(5) li dt {
	background-image: url(../img/top/menu5.jpg);
}
.menu ul:nth-child(5) li:nth-child(2) dt {
	background-image: url(../img/top/menu6.jpg);
}
.menu a {
	width: 40%;
	height: 250px;
	margin: 50px auto;
    padding: 14% 2% 20% 2%;
	text-align: center;
	border: 1px solid #c6c6c6;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #880000;
}
.menu h3 span {
	font-size: 1.5rem;
}
.menu p {
	text-align: center;
	max-width: 670px;
	margin: auto;
}
.menu p:last-child {
	border-bottom: 1px solid;
	display: inline-block;
	padding: 1rem 1rem 0;
}
.menu p span {
	background: linear-gradient(transparent 70%, #ffd7a5 70%);
	padding: 0 0.25rem;
	margin: 0 0.15rem;
	font-weight: bold;
	letter-spacing: 1px;
	color: #800;
}
/*=======================
shop
===========================*/
section.shop {
	background: #fff0f0;
}
.shop ul li {
	width: 50%;
	margin: 2rem;
}
.shop ul li>div {
	height: 215px;
}
.shop ul li>dl {
    margin: 0.5rem;
}
.shop ul li dt {
	font-size: 1.2rem;
	border-bottom: 1px solid;
	margin-bottom: 0.5rem;
	padding-bottom: 0.5rem;
	color: #880000;
	letter-spacing: 1px;
}
.shop ul li dd {
	line-height: 2rem;
	letter-spacing: 1px;
	font-size: 0.85rem;
}

.shop ul li dd span {
	background: #b37373;
	padding: 0.2rem 0.5rem;
	border-radius: 0.5rem;
	color: #fff;
	margin-right: 0.5rem;
}

/*=========================

===========================*/
/*=========================

===========================*/
/*=========================

===========================*/
/*=========================

===========================*/
/*=========================
news
===========================*/
.news {
	background: #9c716d;
}
.news h1 {
	font-size: 1.5rem;
	border: none;
	color: #fff;
	margin: 1rem auto 2rem;
}
/*=========================

===========================*/

@media screen and (min-width:1024px){
	
}
@media screen and (min-width:1355px){

}
@media screen and (min-width:1700px){

}