<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";




.top_grassbg {
	background-image: url(../images/bg_grass_w.jpg);
	background-position: center 20px;
	background-repeat: repeat;
	padding: 0;
}


.top_sbtArea {
	padding: 0;
}

.top_sbtArea li {
	float: left;
	width:  50%;;
}
	
	
.top_sbtArea li:nth-child(3), .top_sbtArea li:nth-child(4) , .top_sbtArea li:nth-child(5){
	float: left;
	width: 33.33333333333%;
}





.top_obiArea {
	background-color: #44403F;
	padding: 30px 0;
}



.top_obi {
	margin: 0 auto;
	width: 77.08333333333334%;
}



.top_yoyaku {
	margin: 0 auto 0;
	width: 77.08333333333334%;
}




.top_infoArea {
	margin-top: 20px;
}

.top_info {
	padding-top: 10px;
	font-size: 16px;
}


.top_copy01 {
	padding-top: 20px;
	font-size: 22px;
	text-align: center;
}


.top_copy01 span {
	font-size: 15px;
}



.top_p01Area {
	margin-top: 20px;
	position: relative;
}


.top_p01 {

}

.top_p01bt {
	position: absolute;
	bottom: 4.054054054054054%;
	right: 1.5625%;
	width: 20.833333333333336%;
}

.top_p01bt img {
	width: 100%;
}



.top_03 {
	margin-top: 50px;
}

.top_03capArea {
	margin-top: 5px;
}

.top_03cap01 {
	float: left;
	width: 50%;
}

.top_03cap02 {
	float: right;
	width: 48%;
}



.top_event {
	background-color: #D9E9DF;
	padding: 40px 0 60px;
	margin-top: 0px;
}


.top_autumn {
	background-color: #F0E7DB;
	padding: 40px 0 60px;
	margin-top: 0px;
}


.top_halloween {
	background-color: #F08300;
	margin-top: 0px;
}

.top_gourmet {
	background-color: #EADAB9;
	padding: 40px 0 40px;
	margin-top: 0px;
}

.top_xmas {
	background-color: #10193A;
	margin-top: 0px;
}

.top_newyear {
	background-color: #DC5310;
	margin-top: 0px;
}


.top_scrollimg {
	text-align: center;
	padding: 50px 0 50px;
}




.top_mbtArea {
	background-color: #E5F0E8;
}

.top_mbtArea p img {
	width: 100%;
}

.top_mbtArea p {
	padding-bottom: 80px;
}

.top_mbtArea div {
	padding-bottom: 80px;
}

.top_mbtArea p:last-child {
	padding-bottom: 0px;
}

.top_kokuchi {
	background-color: #D9E9DF;
	padding: 30px 0 30px;
	margin-top: 0px;
}

.top_kokuchi2 {
	margin: 0 auto;
	width: 84.79166666666667%;
}

.campaign {
	margin-top: 10px;
}

@media (max-width: 767px){
	
	
	

	


	
.top_obiArea {
	padding: 15px 0;
}


.top_obi {
	width: 100%;
}
	
	
.top_yoyaku {
	margin: 40px auto 0;
	width: 100%;
}
	
	
.top_yoyaku_btArea {
	margin: 0px auto 0;
	left: 9.5%;
	width: 81.66666666666667%;
}
	
	
	

.top_p01Area {
	margin-top: 15px;
	position: relative;
}


.top_p01 {

}

.top_p01bt {
	position: absolute;
	bottom: 4.2%;
	left: 45px;
	width: 81.66666666666667%;
}


	
	
.top_event {
	background-color: #D9E9DF;
	padding: 30px 0;
	margin-top: 0px;
}
	
	
.top_autumn {
	background-color: #F0E7DB;
	padding: 20px 0 30px;
	margin-top: 0px;
}
	
	
.top_kokuchi {
	background-color: #D9E9DF;
	padding: 20px 0 20px;
	margin-top: 0px;
}
	
.top_kokuchi2 {
	margin: 0 auto;
	width: 100%;
}

	
.top_03 {
	margin-bottom: 20px;
}

.top_03capArea {
	margin-top: 5px;
}

.top_03cap01 {
	float: none;
	width: 100%;
}

.top_03cap02 {
	float: none;
	width: 100%;
}
	

.campaign {
	margin-top: 10px;
}
	

.top_scrollimg {
	text-align: center;
	padding: 20px 0 20px;
}
	
	
	
.top_mbtArea p {
	padding-bottom: 30px;
}
	
	
	

	
	
	
}
</pre></body></html>