@charset "UTF-8";

/*ページタイトル*/
#page-header {
	background: url(../images/line-content.gif) left bottom no-repeat;
	padding: 0px 0px 40px 0px;
	margin: 0px 0px 32px 0px;
}
#page-header-inner {
	background: #ffffff;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	padding: 24px 0px 24px 0px;
}
#page-header h2 {
	text-align: center;
	margin: 0px 0px 40px 0px;
}
#page-header h3 {
	text-align: center;
	margin: 0px 0px 40px 0px;
}
ul#page-link {
	margin: 0px 0px 0px 160px;
}
ul#page-link li {
	float: left;
}
ul#page-link a {
	display: block;
	width: 104px;
	height: 160px;
}
ul#page-link #b-restaurant a {
	background: url(../images/cuisine/b-restaurant2.png) left top no-repeat;
}
ul#page-link #b-restaurant a:hover {
	background-position: right top;
}
ul#page-link #b-kamado a {
	background: url(../images/cuisine/b-kamado3.png) left top no-repeat;
}
ul#page-link #b-kamado a:hover {
	background-position: right top;
}
ul#page-link #b-otemae a {
	background: url(../images/cuisine/b-otemae2.png) left top no-repeat;
}
ul#page-link #b-otemae a:hover {
	background-position: right top;
}
ul#page-link #b-kakurenbo a {
	background: url(../images/cuisine/b-kakurenbo.png) left top no-repeat;
}
ul#page-link #b-kakurenbo a:hover {
	background-position: right top;
}

/*各客室共通*/
#main .info-text {
	margin: 0px 0px 22px 0px;
}
#main .info-text p {
	line-height: 180%;
}
#main .info-text p.b-space {
	line-height: 180%;
	padding: 0px 0px 22px 0px;
}

#main .plan-link {
	margin: 0px 0px 27px 0px;
}
#main .plan-link a {
	display: block;
	width: 200px;
	height: 29px;
	background: url(../images/cuisine/plan-link.png) left top no-repeat;
}
#main .plan-link a:hover {
	opacity: 0.7;
}

/*かまどレストラン*/
#restaurant {
	background: url(../images/line-content.gif) left bottom no-repeat;
	padding: 0px 0px 40px 0px;
	margin: 0px 0px 32px 0px;
}
#restaurant h3 {
	margin: 0px 0px 21px 0px;
}
#restaurant #restaurant-box {
}
#restaurant .restaurant-left {
	float: left;
	width: 448px;
}
#restaurant .restaurant-right {
	float: right;
	width: 280px;
	height: 360px;
	background: url(../images/cuisine/back-restaurant1.jpg) left bottom no-repeat;
	margin: 0px 0px 15px 0px;
}
#restaurant .info-text {
	margin: 16px 0px;
	letter-spacing: 1px;
}
#restaurant #restaurant-copy {
	margin: 25px 0px 0px 0px;
	background: url(../images/cuisine/back-restaurant2.jpg) left bottom no-repeat;
	height: 391px;
	text-align: center;
	position: relative;
}
#restaurant img#logo-raku {
	margin: 0px auto 15px auto;
	width: 32px;
}
#restaurant #logo-copy {
	margin: 0px auto;
	width: 250px;
}
#main .plan-link {
	margin: 0px 0px 0px 0px;
	position: absolute;
	right: 0px;
	bottom: 24px;
}


/* 今月のかまど */

#kamado {
	background: url(../images/line-content.gif) left bottom no-repeat;
	padding: 0px 0px 40px 0px;
	margin: 0px 0px 32px 0px;
	position: relative;
}
#kamado #kamado-title {
	margin-bottom: 24px;
}
#kamado #kamado-title h3 {
	float: left;
}
#kamado #kamado-title #kamado-update {
	float: right;
	padding-top: 24px;
	font-size: 15px;
	letter-spacing: 1px;
}

#kamado #kamado-image {
	margin-bottom: 32px;
}

#kamado #kamado-copy {
	margin-bottom: 32px;
}
#kamado h4 {
	margin-bottom: 32px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
}
#kamado h4 img {
	margin-bottom: 16px;
}
#kamado #kamado-copy #kamado-copy-text {
	font-size: 15px;
	line-height: 180%;
	letter-spacing: 1px;
	text-align: center;
}

#kamado #kamado-menu {
	margin-bottom: 40px;
	font-size: 0;
	text-align: left;
}
#kamado #kamado-menu li {
	display: inline-block;
	margin: 0px 12px 24px 0px;
}
#kamado #kamado-menu li:nth-of-type(3n) {
	margin-right: 0px;
}
#kamado #kamado-menu .image-kamado-menu img {
	display: block;
}
#kamado #kamado-menu h5 {
	background: #CB3F2D;
	padding: 15px 0px;
	font-size: 15px;
	color: #ffffff;
	line-height: 150%;
	letter-spacing: 1px;
	text-align: center;
}

#kamado #kamado-osusume {
	margin-bottom: 64px;
}
#kamado .kamado-image-left {
	float: left;
}
#kamado .kamado-image-right {
	float: right;
}
#kamado .kamado-info-left {
	float: left;
	width: 360px;
	font-size: 15px;
	line-height: 140%;
}
#kamado .kamado-info-right {
	float: right;
	width: 360px;
	font-size: 15px;
	line-height: 140%;
}
#kamado .kamado-info-left b,
#kamado .kamado-info-right b {
	display: block;
	margin-bottom: 8px;
	text-align: center;
}

/* 今月のかまど ここまで */


/*お手前料理～会席料理～*/
#otemae {
	background: url(../images/line-content.gif) left bottom no-repeat;
	padding: 0px 0px 40px 0px;
	margin: 0px 0px 32px 0px;
}
#otemae h3 {
}
#otemae #otemae-back {
	background: url(../images/cuisine/pic-otemae.jpg) right top no-repeat;
	height: 392px;
	position: relative;
}
#otemae .info-text {
	padding: 17px 0px 0px 0px;
	background: url(../images/cuisine/hanko.gif) 386px 0px no-repeat;
}
#otemae #otemae-image {
	padding: 0px 0px 165px 0px;
	background: url(../images/cuisine/back-otemae.jpg) bottom left no-repeat;
}
#otemae ul#otemae-text li {
	padding: 0px 0px 0px 1em;
	text-indent: -1em;
	line-height: 180%;
}
#otemae .plan-link {
	position: absolute;
	bottom: 0px;
	left: 165px;
}


/* 名物かくれんぼ鍋 */

#kakurenbo {
	background: url(../images/line-content.gif) left bottom no-repeat;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 32px 0px;
}
#kakurenbo h3 {
	margin: 0px 0px 21px 0px;
}
#kakurenbo .info-text {
	letter-spacing: 1px;
	margin: 0px 0px 22px 0px;
}
#kakurenbo .kakurenbo-box {
	margin-bottom: 24px;
}

#kakurenbo .kakurenbo-left {
	float: left;
}
#kakurenbo .kakurenbo-right {
	float: right;
}

#kakurenbo .kakurenbo-left2 {
	float: left;
	width: 452px;
}
#kakurenbo .kakurenbo-left2 h4 {
	margin-bottom: 18px;
	text-align: center;
}

#kakurenbo .kakurenbo-left2 #kakurenbo-voice li {
	background-image: url(../images/cuisine/icon-voice.png),url(../images/cuisine/kakurenbo-voice-line.png);
	background-position: left 10px,left bottom;
	background-repeat: no-repeat,no-repeat;
	padding: 10px 0px 10px 63px;
	font-size: 15px;
	line-height: 150%;
}
#kakurenbo .kakurenbo-left2 #kakurenbo-voice li:last-child {
	background-image: url(../images/cuisine/icon-voice.png);
	background-position: left 10px;
	background-repeat: no-repeat;
}
#kakurenbo .kakurenbo-left2 #kakurenbo-voice li span {
	display: block;
}


#kakurenbo .kakurenbo-right2 {
	float: right;
}

/* 名物かくれんぼ鍋ここまで */


.cuisine-info-box {
	background: url(../images/rooms/hanko2.gif) left top no-repeat;
	margin-top: -20px;
}
.cuisine-info-box .info-left {
	float: left;
	width: 455px;
}

.cuisine-info-box .info-right {
	float: right;
	width: 280px;
	margin-top: 80px;
}
.cuisine-info-box .info-left2 {
	float: right;
	width: 455px;
}
.cuisine-info-box .info-right2 {
	float: left;
	width: 280px;
	margin-top: 80px;
}


#main .plan-link,
#main .plan-link2 {
	height: 40px;
	background-image: url(../images/back-info2.png);
	background-position: left top;
	background-repeat: no-repeat;
}
#main .plan-link a,
#main .plan-link2 a {
	margin: 0px 0px 0px auto;
}

/* かまどレストランここから */
#restaurant .cuisine-info-box .info-text {
	background-image: url(../images/back-info1.png),url(../images/back-info2.png);
	background-position: right 60px,left bottom;
	background-repeat: no-repeat,no-repeat;
	margin: 0px 0px 10px 0px;
	padding: 75px 0px 20px 0px;
}
#main #restaurant .plan-link,
#main #restaurant .plan-link2 {
	background-image: none;
	background: url(../images/cuisine/plan-link.png) left top no-repeat;
}
#main #restaurant  .plan-link a,
#main #restaurant  .plan-link2 a {
	margin: 0px;
}
/* かまどレストランここまで */

/* お手前料理 */
#otemae h3 {
	margin: 0px 0px 22px 0px;
}

#otemae .cuisine-info-box .info-text {
	background-image: url(../images/back-info1.png);
	background-position: right 60px;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 75px 0px 0px 0px;
}

#otemae .plan-link {
	position: static;
}
/* お手前料理ここまで */

/* かまどレストランスライダーここから */
#restaurant-pager {
	text-align: left;
}
#restaurant-pager a {
	display: inline-block;
	width: 45px;
	height: 45px;
	margin: 0px 7px;
}
#restaurant-pager a#slider-restaurant-icon1 {
	background: url(../images/cuisine/slider-restaurant-icon1.png) left top no-repeat;
}
#restaurant-pager a#slider-restaurant-icon2 {
	background: url(../images/cuisine/slider-restaurant-icon2.png) left top no-repeat;
}
#restaurant-pager a#slider-restaurant-icon3 {
	background: url(../images/cuisine/slider-restaurant-icon3.png) left top no-repeat;
}
#restaurant-pager a#slider-restaurant-icon4 {
	background: url(../images/cuisine/slider-restaurant-icon4.png) left top no-repeat;
}
#restaurant-pager a#slider-restaurant-icon5 {
	background: url(../images/cuisine/slider-restaurant-icon5.png) left top no-repeat;
}
#restaurant-pager a#slider-restaurant-icon6 {
	background: url(../images/cuisine/slider-restaurant-icon6.png) left top no-repeat;
}
#restaurant-pager a#slider-restaurant-icon7 {
	background: url(../images/cuisine/slider-restaurant-icon7.png) left top no-repeat;
}
#restaurant-pager a#slider-restaurant-icon1.active,
#restaurant-pager a#slider-restaurant-icon1:hover {
	background-position: left bottom;
}
#restaurant-pager a#slider-restaurant-icon2.active,
#restaurant-pager a#slider-restaurant-icon2:hover {
	background-position: left bottom;
}
#restaurant-pager a#slider-restaurant-icon3.active,
#restaurant-pager a#slider-restaurant-icon3:hover {
	background-position: left bottom;
}
#restaurant-pager a#slider-restaurant-icon4.active,
#restaurant-pager a#slider-restaurant-icon4:hover {
	background-position: left bottom;
}
#restaurant-pager a#slider-restaurant-icon5.active,
#restaurant-pager a#slider-restaurant-icon5:hover {
	background-position: left bottom;
}
#restaurant-pager a#slider-restaurant-icon6.active,
#restaurant-pager a#slider-restaurant-icon6:hover {
	background-position: left bottom;
}
#restaurant-pager a#slider-restaurant-icon7.active,
#restaurant-pager a#slider-restaurant-icon7:hover {
	background-position: left bottom;
}
/* かまどレストランスライダーここまで */

/* お手前料理スライダーここから */
#otemae-pager {
	text-align: left;
}
#otemae-pager a {
	display: inline-block;
	width: 45px;
	height: 45px;
	margin: 0px 5px;
}
#otemae-pager a#slider-otemae-icon1 {
	background: url(../images/cuisine/slider-otemae-icon1.png) left top no-repeat;
}
#otemae-pager a#slider-otemae-icon2 {
	background: url(../images/cuisine/slider-otemae-icon2.png) left top no-repeat;
}
#otemae-pager a#slider-otemae-icon3 {
	background: url(../images/cuisine/slider-otemae-icon3.png) left top no-repeat;
}
#otemae-pager a#slider-otemae-icon4 {
	background: url(../images/cuisine/slider-otemae-icon4.png) left top no-repeat;
}
#otemae-pager a#slider-otemae-icon5 {
	background: url(../images/cuisine/slider-otemae-icon5.png) left top no-repeat;
}
#otemae-pager a#slider-otemae-icon6 {
	background: url(../images/cuisine/slider-otemae-icon6.png) left top no-repeat;
}
#otemae-pager a#slider-otemae-icon7 {
	background: url(../images/cuisine/slider-otemae-icon7.png) left top no-repeat;
}
#otemae-pager a#slider-otemae-icon1.active,
#otemae-pager a#slider-otemae-icon1:hover {
	background-position: left bottom;
}
#otemae-pager a#slider-otemae-icon2.active,
#otemae-pager a#slider-otemae-icon2:hover {
	background-position: left bottom;
}
#otemae-pager a#slider-otemae-icon3.active,
#otemae-pager a#slider-otemae-icon3:hover {
	background-position: left bottom;
}
#otemae-pager a#slider-otemae-icon4.active,
#otemae-pager a#slider-otemae-icon4:hover {
	background-position: left bottom;
}
#otemae-pager a#slider-otemae-icon5.active,
#otemae-pager a#slider-otemae-icon5:hover {
	background-position: left bottom;
}
#otemae-pager a#slider-otemae-icon6.active,
#otemae-pager a#slider-otemae-icon6:hover {
	background-position: left bottom;
}
#otemae-pager a#slider-otemae-icon7.active,
#otemae-pager a#slider-otemae-icon7:hover {
	background-position: left bottom;
}
/* お手前料理スライダーここまで */


@media screen and (max-width: 480px) {
/*各ページ共通ここから*/
	ul#page-link {
		margin: 0px 0px 0px 0px;
	}
	ul#page-link a {
		width: 80px;
		height: 123px;
	}

/*各ページ共通ここまで*/

	ul#page-link #b-restaurant a,
	ul#page-link #b-kamado a,
	ul#page-link #b-otemae a,
	ul#page-link #b-kakurenbo a {
		-moz-background-size:cover;
		background-size:cover;
	}

/*かまどレストラン*/
	#restaurant .restaurant-left {
		float: none;
		width: 100%;
	}
	#restaurant .restaurant-left img {
		width: 100%;
		height: auto;
	}
	#restaurant .restaurant-right {
		float: none;
		width: 100%;
		height: auto;
		background: none;
		margin: 0px 0px 0px 0px;
		text-align: center;
	}
	#restaurant .restaurant-right .info-text {
		background: url(../images/cuisine/back-restaurant1.jpg) right bottom no-repeat;
		height: 320px;
		text-align: left;
	}
	#restaurant .restaurant-right img {
		margin: 20px auto 0px auto;
		width: 200px;
		height: auto;
	}
	#restaurant #restaurant-copy {
		margin: 0px 0px 0px 0px;
	}


/* 今月のかまど */

	#kamado {
		padding: 50px 0px 40px 0px;
		position: static;
	}
	#kamado #kamado-title h3 {
		float: none;
	}
	#kamado #kamado-title #kamado-update {
		float: none;
		padding-top: 10px;
		text-align: right;
	}

	#kamado #kamado-image img {
		width: 100%;
		height: auto;
	}

	#kamado #kamado-copy #kamado-copy-text {
		text-align: left;
	}
	#kamado #kamado-copy #kamado-copy-text b {
		display: block;
		margin-top: 12px;
		text-align: center;
	}

	#kamado #kamado-menu li {
		width: 48%;
		vertical-align: top;
	}
	#kamado #kamado-menu li:nth-of-type(3n) {
		margin: 0px 12px 24px 0px;
	}
	#kamado #kamado-menu li:nth-of-type(2n) {
		margin-right: 0px;
	}

	#kamado #kamado-menu .image-kamado-menu img {
		width: 100%;
		height: auto;
	}

	#kamado #kamado-menu h5 {
		height: 45px;
		padding: 10px;
		font-size: 14px;
		text-align: left;
	}

	#kamado .kamado-image-left,
	#kamado .kamado-image-right {
		float: none;
		margin-bottom: 24px;
	}
	#kamado .kamado-image-left img,
	#kamado .kamado-image-right img {
		width: 100%;
		height: auto;
	}

	#kamado .kamado-info-left,
	#kamado .kamado-info-right {
		float: none;
		width: 100%;
	}

/* 今月のかまど ここまで */


/* 名物かくれんぼ鍋 */

	#kakurenbo h3 img {
		width: auto;
		height: 56px;
	}
	#kakurenbo .kakurenbo-left {
		float: none;
		margin-bottom: 24px;
	}
	#kakurenbo .kakurenbo-left img {
		width: 100%;
		height: auto;
	}
	#kakurenbo .kakurenbo-right {
		float: none;
		margin-bottom: 24px;
	}
	#kakurenbo .kakurenbo-right img {
		width: 100%;
		height: auto;
	}

	#kakurenbo .kakurenbo-left2 {
		float: none;
		width: 90%;
		margin: 0px auto 24px auto;
	}
	#kakurenbo .kakurenbo-left2 #kakurenbo-voice li:last-child {
		background-image: url(../images/cuisine/icon-voice.png),url(../images/cuisine/kakurenbo-voice-line.png);
		background-position: left 10px,left bottom;
		background-repeat: no-repeat,no-repeat;
	}
	#kakurenbo .kakurenbo-left2 #kakurenbo-voice li span {
		display: inline;
	}

	#kakurenbo .kakurenbo-right2 {
		float: none;
		text-align: center;
	}

/* 名物かくれんぼ鍋ここまで */


/*お手前料理～会席料理～*/
	#otemae #otemae-back {
		background: url(../images/cuisine/pic-otemae.jpg) right bottom no-repeat;
		-moz-background-size: 100% auto;
		background-size: 100% auto;
		height: 770px;
	}
	#otemae .plan-link {
		position: static;
	}

/* かまどレストランここから */
	#restaurant .cuisine-info-box {
		margin-bottom: 30px;
	}
	#restaurant .cuisine-info-box .info-text {
		background-position: right 30px,left bottom;
	}
/* かまどレストランここまで */

/* お手前料理 */
	#otemae .cuisine-info-box {
		margin-bottom: 30px;
	}
	#otemae .cuisine-info-box .info-text {
		background-position: right 30px,left bottom;
	}
/* お手前料理ここまで */

/* かまどレストランスライダーここから */
	#restaurant-pager {
		text-align: left;
	}
	#restaurant-pager a {
		margin: 0px 5px 10px 5px;
	}
/* かまどレストランスライダーここまで */

/* お手前料理スライダーここから */
	#otemae-pager {
		text-align: left;
	}
	#otemae-pager a {
		margin: 0px 5px 10px 5px;
	}
/* お手前料理スライダーここまで */
}