.mainimage .pc {
	display: none;
}

.mainimage ul li {
	width: 100%;
	line-height: 0;
}
.mainimage ul li img {
	width: 100%;
}

/*==================================
		Common
====================================*/

#main h2 {
	font-size: 28px;
	letter-spacing: .1em;
	line-height: 130%;
	margin: 0 0 20px 0;
}
#main p.button {
	font-size: 20px;
	text-align: center;
}
#main p.button a {
	padding: 10px;
	display: block;
}

/*==================================
		About
====================================*/

#main .about {
	background: #f9f4ec url(/img/back_beige.jpg);
}
#main .about .inner {
	padding: 40px 20px;
	background: url(/img/back_kazari01.png) no-repeat 0 100%;
	-moz-background-size: 70% auto;
	background-size: 70% auto;
}
#main .about .inner img {
	width: 70%;
	margin: 20px auto;
	display: block;
}

/*==================================
		Menu
====================================*/

#main .menu {
	padding: 40px 20px;
}
#main .menu img.smp {
	width: 100%;
	margin: 0 auto 20px auto;
	display: block;
}
#main .menu .season_outer img {
	width: 140px;
	margin: 0 auto;
	display: block;
	position: relative;
	top: 10px;
}
#main .menu .season {
	padding: 10px;
	background-color: #f2f9d8;
	box-sizing: border-box;
	z-index: 0;
}
#main .menu .season h3 {
	color: #8ba038;
	font-size: 22px;
	text-align: center;
	padding: 30px 0 0 0;
}
#main .menu .season p span {
	font-size: 15px;
	display: block;
}
#main .menu .season p.sub_button {
	font-size: 20px;
}

/*==================================
		Room
====================================*/

#main .room {
	background: #f9f4ec url(/img/back_beige.jpg);
}
#main .room .inner {
	padding: 40px 20px;
	background: url(/img/back_kazari02.png) no-repeat 100% 0;
	-moz-background-size: 24% auto;
	background-size: 24% auto;
}
#main .room .inner img {
	width: 70%;
	margin: 20px auto;
	display: block;
}
#main .room .inner img.smp {
	display: block;
}
#main .room .inner img.pc {
	display: none;
}

/*==================================
		News
====================================*/

#main .news {
	padding: 40px 20px;;
}
#main .news h2 {
	text-align: center;
}
#main .news ul {
	line-height: 140%;
}
#main .news ul li {
	padding: 12px;
	border-bottom: 1px solid #e6e6e6;
	box-sizing: border-box;
}
#main .news ul li a {
	display: block;
}
#main .news ul li span {
	color: #93793f;
	font-size: 15px;
	display: block;
}
#main .news ul li span.info {
	color: #fff;
	font-size: 12px;
	font-weight: 200;
	font-family: 'Noto Sans Japanese', serif;
	padding: 2px 5px;
	margin: 0 .5em 0 0;
	background-color: #221815;
	display: inline;
}

/*==================================
		Banner
====================================*/

.banner img {
	width: 100%;
	margin: 0 auto;
}
.banner img:hover {
	opacity: .8;
	filter: alpha(opacity=80);
}
.banner img.pc {
	display: none;
}


/*==================================
		Footer
====================================*/

footer {
	border-top: none;
}

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

	.mainimage .sm {
		display: none;
	}
	.mainimage .pc {
		display: block;
	}

	/*==================================
			Common
	====================================*/

	#main h2 {
		font-size: 34px;
	}
	#main p.button {
		font-size: 23px;
	}

	/*==================================
			About
	====================================*/

	#main .about .inner {
		background: url(/img/back_kazari01.png) no-repeat 0 100%;
		-moz-background-size: 50% auto;
		background-size: 50% auto;
	}
	#main .about .inner img {
		width: 400px;
	}

	/*==================================
			Menu
	====================================*/

	#main .menu img.smp {
		width: 70%;
	}
	#main .menu .season_outer img {
		width: 160px;
	}
	#main .menu .season h3 {
		font-size: 26px;
	}

	/*==================================
			Room
	====================================*/

	#main .room .inner {
		background: url(/img/back_kazari02.png) no-repeat 100% 0;
		-moz-background-size: 30% auto;
		background-size: 30% auto;
	}
	#main .room .inner img {
		width: 400px;
	}

	/*==================================
			News
	====================================*/

	#main .news ul li {
		padding: 24px;
	}
	#main .news ul li span {
		margin: 0 .5em 0 0;
		display: inline;
	}

	/*==================================
			Banner
	====================================*/

	.banner img.smp {
		display: none;
	}
	.banner img.pc {
		display: block;
	}

}

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

	/*==================================
			Common
	====================================*/

	#main h2 {
		font-size: 38px;
		margin: 0 0 50px 0;
	}
	#main p {
		font-size: 20px;
		line-height: 200%;
	}
	#main p.button {
		text-align: left;
	}
	#main p.button a {
		font-size: 23px;
		padding: 10px 0;
	}

	/*==================================
			About
	====================================*/

	#main .about {
		width: 100%;
	}
	#main .about .inner {
		width: 100%;
		padding: 80px 0;
		background: url(/img/back_kazari01.png) no-repeat 0 100%;
		-moz-background-size: 469px auto;
		background-size: 469px auto;
		display: block;
	}
	#main .about .inner .pc_inner_ie {
		width: 980px;
		margin: 0 auto;
		display: block;
	}
	#main .about .inner .pc_inner {
		width: 980px;
		height: 400px;
		text-align: left;
		margin: 0 auto;
		display: block;
		position: relative;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		box-sizing: border-box;
	}
	#main .about h2 {
		font-size: 40px;
		letter-spacing: 0;
		line-height: 140%;
		margin: 0 0 0 20px;
	}
	#main .about p {
		line-height: 240%;
		margin: 0 20px;
	}
	#main .about p.button a {
		padding: 0 10px;
	}
	#main .about .inner img {
		width: 340px;
		height: auto;
		margin: 0;
		position: absolute;
		left: 0;
	}

	/*==================================
			Menu
	====================================*/
	
	#main .menu {
		padding: 80px 0;
		background: #fff url(/img/back_menu.jpg) no-repeat 100% 0;
		-moz-background-size: 60% auto;
		background-size: 60% auto;
	}
	#main .menu img.smp {
		display: none;
	}
	#main .menu .pc_inner {
		width: 980px;
		margin: 0 auto;
		display: block;
	}
	#main .menu .pc_inner p {
		width: 54%;
	}
	#main .menu .season_outer {
		width: 54%;
	}
	#main .menu .season {
		width: 100%;
		padding: 20px;
	}
	#main .menu .season h3 {
		padding: 10px 0 0 0;
	}
	#main .menu .season p {
		width: 100%;
		font-size: 17px;
	}

	/*==================================
			Room
	====================================*/

	#main .room {
		width: 100%;
	}
	#main .room .inner {
		width: 100%;
		padding: 80px 0;
		background: url(/img/back_kazari02.png) no-repeat 100% 0;
		-moz-background-size: 300px auto;
		background-size: 300px auto;
		display: block;
	}
	#main .room .inner .pc_inner {
		width: 980px;
		margin: 0 auto;
		display: block;
		overflow: hidden;
	}
	#main .room .inner p {
		margin-left: 430px;
	}
	#main .room .inner img {
		float: left;
		margin: 0 30px 0 0;
	}
	#main .room .inner img.smp {
		display: none;
	}
	#main .room .inner img.pc {
		display: block;
	}

	/*==================================
			News
	====================================*/

	#main .news {
		padding: 80px 0;
	}
	#main .news ul {
		width: 890px;
		margin: 0 auto;
		display: block;
	}

}

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

	/*==================================
			About
	====================================*/

	#main .about .inner {
		background: url(/img/back_kazari01.png) no-repeat 0 100%;
		-moz-background-size: 34% auto;
		background-size: 34% auto;
	}
	#main .about .inner .pc_inner_ie {
		width: 1100px;
	}
	#main .about .inner .pc_inner {
		width: 1100px;
		height: 430px;
	}
	#main .about h2 {
		font-size: 45px;
		margin: 0 0 0 70px;
	}
	#main .about .inner img {
		width: 360px;
	}

	/*==================================
			Menu
	====================================*/
	
	#main .menu .pc_inner {
		width: 1100px;
	}

	/*==================================
			Room
	====================================*/

	#main .room .inner {
		background: url(/img/back_kazari02.png) no-repeat 100% 0;
		-moz-background-size: 22% auto;
		background-size: 22% auto;
	}
	#main .room .inner .pc_inner {
		width: 1100px;
	}
	#main .room .inner p {
		margin-left: 460px;
	}
	#main .room .inner img {
		margin: 0 60px 0 0;
	}

}