@charset "UTF-8";
@import url("default.css") screen, print;
@import url("normalize.min.css") screen, print;
@import url("layout.css") screen, print;
/*#home #mainIMG
-----------------------------------------------------------------------------------------*/
#header{
	background-color: transparent;
	}
.contentsS{
	max-width:950px;
	}
#mainImg{
	position:relative;
	background-image:url(../img/home/headerBK_pc.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top:-100px;
	padding-top:100px;
	min-height:1200px;
}
#mainImg .contentsL{
	position:relative;
	margin:auto;
	}
#mainImg img.mainimg{
	position:absolute;
	top:50px;
	left:0;
	}
#mainImg .catchWrap{
	font-size: 222%;
	position:relative;
	height:20em;
	}
#mainImg .catch{
	position:absolute;
	right:0;
	bottom:0;
	writing-mode: vertical-rl;
	}
#mainImg .catch span{
	display:inline-block;
	background-color:#FFF;
	}
#mainImg .subimg{
	display:none;
	}
@media screen and (max-width:1024px) {
#mainImg img.mainimg{
	position:absolute;
	top:50px;
	left:0;
	right:0;
	margin:auto;
	}
	}
@media screen and (max-width:768px) {
#mainImg{
	background-image:url(../img/home/headerBK_sp.png);
	margin-top:-80px;
	padding-top:80px;
	background-size:100% auto ;
	min-height:auto;
}
#mainImg img.mainimg{
	position: static;
	margin:10% auto 50%;
	}
#mainImg .subimg{
	display:block;
	margin:auto;
	position:relative;
	z-index:1;
	}
#mainImg .catchWrap{
	width:100%;
	position:absolute;
	height:15em;
	bottom:0;
	right:0;
	margin-bottom:-6em;
	z-index:2;
	}
#mainImg .catch{
	right:1em;
	}
}
.intro{
	background-image:url(../img/home/img_sakuramochi.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom:5em;
	background-size:auto 95%;
	padding-top: 3em;
}
@media screen and (max-width:768px) {
.intro{
	background-size:80% auto;
}
}
.btnWrap{
	text-align:center;
	padding:3em 0;
	}
.btnWrap a{
	min-width:16em;
	padding:0.5em 2.5em 0.5em;
	color:#FFF;
	background-color: #2C325F;
	background-image: url(../img/common/icon_btn_arrow.svg);
	background-repeat: no-repeat;
	background-position: right 0.2em bottom 0.2em;
	background-size:1.5em auto;
	margin:0.5em 0;
	border: 1px solid #2C325F;
	display:inline-block;
	text-decoration:none;
	}
.btnWrap p{
	display:inline-block;
	padding:0 0.5em}
.news{
	padding:5em 0;
	}
.news  ul{
	padding:0 0 3em;
	}
.news li{
	padding: 1em;
	border-bottom: 1px solid #86A9AA;
}
.news li p{
	float:left;
	}
.news li p.date{
	width:8em;
	}
.news li p.date span{
	font-size:82%;
	color: #86A9AA;
	}	
.news li p.title{
	width: calc( 100% - 8em ) ;
	}
@media screen and (max-width:599px) {
.news li p.date,
.news li p.title{
	float:none;
	width:100%;
	}
	}
#container .reserve{
	padding:3em 0 5em;
	background-image:url(../img/home/reserveBK.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}
#sanpouyoshiWrap #sanpouyoshi .midashiWrap,
#container .reserve .midashiWrap{
	height:auto;
	position: static;
	}
#sanpouyoshiWrap #sanpouyoshi .midashiWrap h2,
#container .reserve .midashiWrap h2{
	line-height:1.6em;
	border-right: none;
	border-left: none;
	float:right;
	margin-bottom:0;
	}
#container .reserve img{
	display:block;
	margin:auto;
	}
#container .reserve p{
	padding-bottom:0;
	}
#sanpouyoshiWrap{
	padding-top:5em;
	}
#sanpouyoshiWrap #sanpouyoshi{
	margin-top:-7em;
	padding-top:7em;
	}
.img_sanpouyoshi{
	margin:-5em auto 3em;
	position: relative;
	width:100%;
	max-width:450px;
	}
#sanpouyoshiWrap #sanpouyoshi .contentsS{
	padding-bottom:3em;
	}
#sanpouyoshiWrap #sanpouyoshi .contentsS .sanpouyoshiMidashiWrap{
	position:relative;
	margin-bottom:1em;
	}
#sanpouyoshiWrap #sanpouyoshi .contentsS .sanpouyoshiMidashiWrap img{
	position:relative;
	}
#sanpouyoshiWrap #sanpouyoshi .contentsS .sanpouyoshiMidashiWrap h3{
	position:absolute;
	top:0.5em;
	writing-mode: vertical-rl;
	font-size: 333%;
	font-weight:normal;
	line-height:1.1em;
	}
#sanpouyoshiWrap #sanpouyoshi .contentsS:nth-of-type(3) .sanpouyoshiMidashiWrap h3,
#sanpouyoshiWrap #sanpouyoshi .contentsS:nth-of-type(4) .sanpouyoshiMidashiWrap h3{
	color:#FFF;
	}
#sanpouyoshiWrap #sanpouyoshi .contentsS:nth-of-type(2) .sanpouyoshiMidashiWrap h3,
#sanpouyoshiWrap #sanpouyoshi .contentsS:nth-of-type(4) .sanpouyoshiMidashiWrap h3{
	left:0.5em;
	}
#sanpouyoshiWrap #sanpouyoshi .contentsS:nth-of-type(3) .sanpouyoshiMidashiWrap h3{
	right:0.5em;
	}
#sanpouyoshiWrap #sanpouyoshi .img_ohagi{
	display:block;
	margin:auto;
	}	
@media screen and (max-width:599px) {
.img_sanpouyoshi{
	margin:-10em 0 3em;
	position: relative;
	width:90%;
	max-width:450px;
	padding-bottom:100%;
	}
.img_sanpouyoshi img{
	position:absolute;
	top:0;
	left:0;
	}
#sanpouyoshiWrap #sanpouyoshi .contentsS .sanpouyoshiMidashiWrap h3{
	font-size: 200%;
	}
	}