@charset "utf-8";

/* ----------------------------------------------------------------------
	banquet
---------------------------------------------------------------------- */

/* box-wrap */
#banquet .box-wrap {
	background: url(../img/line_02.gif) 0 bottom repeat-x;
	padding: 0 0 30px;
	margin: 0 0 50px;
}


/* banquet-wrap */
#banquet .banquet-box {
	padding: 97px 0 0;
	margin: -97px 0 0;
}

#banquet .banquet-box .box-inner {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

#banquet .banquet-box .txt-img {
	position: absolute;
	right: -40px;
	bottom: 20px;
}

#banquet .banquet-box h3 {
	position: absolute;
	top: 0;
	left: 155px;
}

#banquet .banquet-box .ttl-box { padding: 23px 160px 22px 240px; }

#banquet .banquet-box p.txt { margin: 0 0 0.8em; }

#banquet .banquet-box p.txt span { display: block; }

#banquet .banquet-box ul li.en {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.5;
	width: 470px;
}

#banquet .banquet-box ul {
	margin-left: -20px;
	width: 980px;
}
#banquet .banquet-box ul li {
	margin: 0 0 20px 20px;
	float: left;
}

#banquet .banquet-box .box-inner { margin-bottom: 50px; }

#banquet .banquet-box .ttl-box { padding-bottom: 40px; }

#banquet .banquet-box ul li { float: left; }

#banquet #ichibangura ul li.img04 { float: right; }

@media screen and (max-width: 959px) {
	#banquet .box-wrap {
		padding: 0;
		margin: 0 0 50px;
	}
	
	#banquet .banquet-box {
		padding: 0;
		margin: 0;
	}

	#banquet .banquet-box .box-inner {
		padding: 0 30px 0 10px;
		width: auto;
	}
	
	#banquet .banquet-box h3 { left: 105px; }
	#banquet .banquet-box .ttl-box { padding: 23px 110px 22px 190px; }
	
	#banquet .banquet-box ul {
		margin-left: 0;
		width: auto;
	}
	
	#banquet .banquet-box ul li {
		width: 100%;
		padding: 0 0 20px 20px;
		margin: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#banquet .banquet-box ul li img { width: 100%; }
	
	#banquet #hyakunengura ul li.img02 { width: 50%; }
	#banquet #hyakunengura ul li.img03 { width: 30.5%; }
	#banquet #hyakunengura ul li.img04 { width: 19.5%; }
	#banquet #hyakunengura ul li.img05 { width: 50%; }
	
	#banquet .banquet-box ul li.en {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.3;
		width: 50%;
	}
	
	#banquet #ichibangura ul li.img02 { width: 19.5%; }
	#banquet #ichibangura ul li.img03 { width: 30.5%; }
	#banquet #ichibangura ul li.img04 { width: 50%; }
	#banquet #ichibangura ul li.img05 { width: 50%; }

	#banquet .banquet-box .box-inner .txt-img { display: none; }
}

@media screen and (max-width: 767px) {
	#banquet .banquet-box h3 { left: 20px; }
	
	#banquet .banquet-box .ttl-box { padding: 23px 15px 22px 90px; }
	
	#banquet .banquet-box p.txt span { display: inline; }
	
	#banquet .banquet-box .box-inner { padding: 0 15px 0 0; }
	
	#banquet .banquet-box ul li { padding: 0 0 15px 15px; }
	
	#banquet #hyakunengura ul li.img02 { width: 100%; }
	#banquet #hyakunengura ul li.img03 { width: 61.7%; }
	#banquet #hyakunengura ul li.img04 { width: 38.3%; }
	#banquet #hyakunengura ul li.img05 { width: 100%; }
	
	#banquet #ichibangura ul li.img02 { width: 38.3%; }
	#banquet #ichibangura ul li.img03 { width: 61.7%; }
	#banquet #ichibangura ul li.img04 { width: 100%; }
	#banquet #ichibangura ul li.img05 { width: 100%; }
	
	#banquet .banquet-box ul li.en { width: 100%; }
}

@media screen and (max-width: 479px) {
	#banquet #hyakunengura ul li.img03 { width: 61%; }
	#banquet #hyakunengura ul li.img04 { width: 39%; }
	
	#banquet #ichibangura ul li.img02 { width: 39%; }
	#banquet #ichibangura ul li.img03 { width: 61%; }
}


#banquet p.btn-default {
	margin: 0 auto 80px;
	width: 440px;
}

#banquet p.btn-default a { line-height: 1.6; }

@media screen and (max-width: 678px) {
	#banquet p.btn-default {
		margin: 0 15px 60px;
		width: auto;
	}
	
	#banquet p.btn-default a {
		font-size: 18px;
		font-size: 1.8rem;
	}
}

@media screen and (max-width: 321px) {
	#banquet p.btn-default a {
		font-size: 14px;
		font-size: 1.4rem;
	}
}


/* ----------------------------------------------------------------------
	saryo
---------------------------------------------------------------------- */

#saryo .saryo-bg {
	background: url("../img/bg_06.gif");
	margin: 30px 0 0;
}

#saryo .saryo-bg-inner {
	background: url("../img/bg_white.gif") 0 0 repeat-x;
	background-size: 360px;
	padding: 0 0 80px;
}

#saryo .ja { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif; }


@media screen and (max-width: 767px) {	
	#saryo .saryo-bg-inner {
		background: none;
		padding: 0 0 40px;
	}
}


/* mainimg-box */
#saryo .mainimg-box { overflow: hidden; }

#saryo .mainimg-box .inner {
	position: relative;
	margin: 0 auto;
	width: 960px;
}

#saryo .mainimg-box p.txt {
	position: absolute;
	top: 58px;
	right: -70px;
}

@media screen and (max-width: 959px) {
	#saryo .mainimg-box .inner { width: auto; }

	#saryo .mainimg-box p.txt { display: none; }
}

@media screen and (max-width: 767px) {
	
}


/* saryo-box */
#saryo .saryo-box {
	position: relative;
	margin-top: -60px;
}

#saryo .saryo-box p.open {
	text-align: center;
	margin: 0;
}

#saryo .saryo-box .inner {
	position: relative;
	margin: 0 auto 80px;
	width: 960px;
}

#saryo .saryo-box ul {
	margin: 0 auto 60px;
	width: 570px;
}

#saryo .saryo-box ul li {
	padding: 0 15px;
	float: left;
}

#saryo .saryo-box h2 { margin: 0 0 30px; }

#saryo .saryo-box p.ttl {
	position: absolute;
	top: -10px;
	right: 0;
}

#saryo .saryo-box p.txt {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 2.6;
}

#saryo .saryo-box p.txt span { display: block; }

@media screen and (max-width: 959px) {
	#saryo .saryo-box .inner {
		margin: 0 30px 60px;
		width: auto;
	}
	
	#saryo .saryo-box p.open { margin: 0 0 30px; }
	
	#saryo .saryo-box h2 { text-align: center; }
	
	#saryo .saryo-box p.ttl {
		position: static;
		text-align: center;
		margin: 0 0 30px;
	}

	#saryo .saryo-box p.txt { text-align: center; }
}

@media screen and (max-width: 767px) {
	#saryo .saryo-box { margin-top: -30px; }

	#saryo .saryo-box ul {
		padding: 0 10px;
		margin: 0 auto 30px;
		width: auto;
	}

	#saryo .saryo-box ul li {
		padding: 0 5px;
		width: 33.33333333%;
		box-sizing: border-box;
	}
	
	#saryo .saryo-box ul li img { width: 100%; }

	#saryo .saryo-box .inner {
		margin: 0 15px 50px;
		width: auto;
	}
	
	#saryo .saryo-box h2 { margin: 0 0 20px; }
	
	#saryo .saryo-box h2 img { width: 260px; }
	
	#saryo .saryo-box p.open img { width: 300px; }
	
	#saryo .saryo-box p.ttl { margin: 0 0 20px; }
	
	#saryo .saryo-box p.txt {
		line-height: 2.2;
		text-align: left;
	}
	
	#saryo .saryo-box p.txt span { display: inline; }
}


/* mokuren-box */
#saryo .mokuren-box {
	margin: 0 auto 80px;
	width: 960px;
}

#saryo .mokuren-box p.ph { margin: 0 0 30px; }

#saryo .mokuren-box .inner { padding: 0 80px; }

#saryo .mokuren-box dl.ttl {
	line-height: 1;
	float: left;
}

#saryo .mokuren-box dl.ttl dt { margin: 0 0 15px; }

#saryo .mokuren-box p.txt {
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	padding: 4px 0 0;
	width: 580px;
	float: right;
}

#saryo .mokuren-box p.txt span { display: block; }

@media screen and (max-width: 959px) {
	#saryo .mokuren-box { width: auto; }
	
	#saryo .mokuren-box .inner { padding: 0; }

	#saryo .mokuren-box dl.ttl {
		text-align: center;
		margin: 0 0 20px;
		float: none;
	}

	#saryo .mokuren-box p.txt {
		text-align: center;
		padding: 0 30px;
		width: auto;
		float: none;
	}

}

@media screen and (max-width: 767px) {
	#saryo .mokuren-box { margin: 0 0 50px; }

	#saryo .mokuren-box p.txt {
		text-align: left;
		padding: 0 15px;
	}
	
	#saryo .mokuren-box p.txt span { display: inline; }
}


/* bn-saryo-fair */
#saryo .bn-saryo-fair {
	margin: 0 auto 80px;
	width: 960px;
	height: 460px;
	transition: 0.7s;
}

#saryo .bn-saryo-fair:hover { opacity: 0.8; }

#saryo .bn-saryo-fair a {
	background: url("../../banquet/img/saryo_bn_fair_bg.gif") 0 0 no-repeat #db2e2e;
	background-size: 520px auto;
	padding: 15px 15px 15px 0;
	display: block;
}

#saryo .bn-saryo-fair a:hover img { opacity: 1; }

#saryo .bn-saryo-fair .inner {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-direction:row-reverse;
}

#saryo .bn-saryo-fair .ph {
	background: url("../../banquet/img/saryo_bn_fair_ph.jpg") center center no-repeat;
	background-size: 465px auto;
	width: 465px;
	height: 430px;
}

#saryo .bn-saryo-fair p.img {
	text-align: center;
	padding-top: 42px;
	width: 480px;
}

@media screen and (max-width: 959px) {
	#saryo .bn-saryo-fair { width: auto; }
	
	#saryo .bn-saryo-fair .ph { width: calc(100% - 440px); }
	
	#saryo .bn-saryo-fair p.img { width: 440px; }
}

@media screen and (max-width: 767px) {
	#saryo .bn-saryo-fair {
		margin: 0 15px 60px;
		width: auto;
		height: auto;
	}

	#saryo .bn-saryo-fair a {
		background: url("../../banquet/img/saryo_bn_fair_bg_sp.gif") 0 bottom no-repeat #db2e2e;
		background-size: cover;
		padding: 15px;
	}

	#saryo .bn-saryo-fair .inner { display: block; }


	#saryo .bn-saryo-fair .ph {
		background: url("../../banquet/img/saryo_bn_fair_ph_sp.jpg") center center no-repeat;
		background-size: cover;
		width: auto;
		height: auto;
		padding-top: 48.28%;
	}

	#saryo .bn-saryo-fair p.img {
		padding-top: 0;
		margin: 25px 25px 15px;
		width: auto;
	}
}

@media screen and (max-width: 321px) {
	#saryo .bn-saryo-fair {
		margin: 0 auto 60px;
	}
}


/* room-box*/
#saryo .room-box {
	margin: 0 auto 80px;
	width: 966px;
}

#saryo .room-box ul.ph { margin: 0 0 20px; }

#saryo .room-box ul.ph li {
	float: left;
	margin-left: 6px;
}
#saryo .room-box ul.ph li:nth-child(1) { margin-left: 0; }

#saryo .room-box .txt p {
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
	margin: 0 0 0.6em;
}

#saryo .room-box .txt p:last-child { margin: 0; }

#saryo .room-box .txt p span { display: block; }

@media screen and (max-width: 959px) {
	#saryo .room-box {
		margin: 0 100px 80px;
		width: auto;
	}
	
	#saryo .room-box ul.ph li img { width: 100%; }
	
	#saryo .room-box ul.ph li:nth-child(1) { margin: 0 0 6px; }

	#saryo .room-box ul.ph li:nth-child(2) { margin-left: 0; }

	#saryo .room-box .txt p { text-align: left; }
	
	#saryo .room-box .txt p span { display: inline; }
}

@media screen and (max-width: 767px) {
	#saryo .room-box { margin: 0 15px 50px; }
	
	#saryo .room-box ul.ph { margin: 0 0 15px; }
	
	#saryo .room-box ul.ph li:nth-child(1) { margin: 0 0 7px; }
}

@media screen and (max-width: 569px) {
	#saryo .room-box ul.ph li:nth-child(1) { margin: 0 0 4px; }
}

@media screen and (max-width: 321px) {
	#saryo .room-box ul.ph li:nth-child(1) { margin: 0 0 3px; }
}


/* intro-box */
#saryo .intro-box {
	margin: 0 auto 80px;
	width: 960px;
}

#saryo .intro-box .txt p {
	font-size: 16px;
	font-size: 1.6rem;
	margin: 0 0 0.6em;
}

#saryo .intro-box .txt p:last-child { margin: 0; }

@media screen and (max-width: 959px) {
	#saryo .intro-box {
		margin: 0 100px 80px;
		width: auto;
	}
	
	#saryo .intro-box p.ph,
	#saryo .intro-box dl.ph {
		margin: 0 0 20px;
		width: auto!important;
		float: none!important;
	}
	
	#saryo .intro-box dl.ph { margin: 0 0 10px; }
	
	#saryo .intro-box p.ph img,
	#saryo .intro-box dl.ph img { width: 100%; }
	
	#saryo .intro-box .txt {
		padding: 0!important;
		width: auto!important;
		float: none!important;
	}
}

@media screen and (max-width: 767px) {
	#saryo .intro-box { margin: 0 15px 50px; }
}

/* history-box */
#saryo .history-box p.ph { float: right; }

#saryo .history-box .txt {
	padding: 95px 0 0;
	width: 400px;
	float: left;
}


/* object-box */
#saryo .object-box dl.ph {
	width: 526px;
	float: left;
}

#saryo .object-box dl.ph dt { margin: 0 0 10px; }

#saryo .object-box dl.ph dd {
	background: url("../img/arrow_up.gif") 0 center no-repeat;
	background-size: 14px 12px;
	font-size: 14px;
	font-size: 1.4rem;
	padding-left: 14px;
}

#saryo .object-box .txt {
	padding: 100px 0 0;
	width: 400px;
	float: right;
}


/* costume-box */
#saryo .costume-box p.ph { float: right; }

#saryo .costume-box .txt {
	padding: 110px 0 0;
	width: 400px;
	float: left;
}


/* syusen-box */
#saryo .syusen-box {
	margin: 0 auto 80px;
	width: 960px;
}

#saryo .syusen-box p.ph { float: left; }

#saryo .syusen-box .box {
	background: #381004;
	color: #fff;
	padding: 60px 40px 0;
	width: 380px;
	height: 380px;
	float: right;
	box-sizing: border-box;
}

#saryo .syusen-box dl.ttl {
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	margin: 0 0 0.4em;
}

#saryo .syusen-box dl.ttl dd span {
	font-size: 26px;
	font-size: 2.6rem;
}

#saryo .syusen-box .txt p {
	font-size: 16px;
	font-size: 1.6rem;
	margin: 0 0 0.6em;
}

#saryo .syusen-box .txt p:last-child { margin: 0; }

@media screen and (max-width: 959px) {
	#saryo .syusen-box {
		margin: 0 100px 60px;
		width: auto;
	}

	#saryo .syusen-box p.ph { float: none; }
	
	#saryo .syusen-box p.ph img { width: 100%; }

	#saryo .syusen-box .box {
		background: #381004;
		color: #fff;
		padding: 40px;
		width: auto;
		height: auto;
		float: none;
	}
	
	#saryo .syusen-box dl.ttl { text-align: center; }
}

@media screen and (max-width: 767px) {
	#saryo .syusen-box { margin: 0 15px 60px; }
	
	#saryo .syusen-box .box { padding: 	15px; }
}


/* plan-box */
#saryo .plan-box {
	margin: 0 auto 100px;
	width: 960px;
}

#saryo .plan-box .ttl-box {
	line-height: 1.4;
	text-align: center;
	margin: 0 0 1.4em;
}

#saryo .plan-box .ttl-box h3 {
	font-size: 30px;
	font-size: 3rem;
	font-weight: normal;
}

#saryo .plan-box .ttl-box p.en {
	font-size: 20px;
	font-size: 2rem;
}

#saryo .plan-box .inner { margin: 0 0 40px; }

#saryo .plan-box .box {
	background: #fff;
	margin-left: 30px;
	width: 300px;
	float: left;
}

#saryo .plan-box .box:first-child { margin-left: 0; }

#saryo .plan-box .box-inner {
	text-align: center;
	padding: 20px;
}

#saryo .plan-box .box p.ttl {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.4;
	padding: 0 0 10px;
	margin: 0 0 1em;
	border-bottom: 1px solid #eee;
}

#saryo .plan-box .box p.ttl span {
	font-size: 22px;
	font-size: 2.2rem;
}

#saryo .plan-box .box p.price {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.4;
	margin: 0 0 0.8em;
}

#saryo .plan-box .box p.price span {
	font-size: 30px;
	font-size: 3rem;
}

#saryo .plan-box .box dl.txt dt {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}

#saryo .plan-box .box dl.txt dd {
	font-size: 15px;
	font-size: 1.5rem;
}

#saryo .plan-box .box p.other {
	font-size: 16px;
	font-size: 1.6rem;
	margin: 1em 0 0;
}

#saryo .plan-box .add {
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
	padding: 20px 0;
	border-top: 1px dashed #381004;
	border-bottom: 1px dashed #381004;
}

#saryo .plan-box .add p .num { margin-right: 1em; }

#saryo .plan-box .add p .price {
	font-size: 30px;
	font-size: 3rem;
}

@media screen and (max-width: 959px) {
	#saryo .plan-box {
		margin: 0 100px 80px;
		width: auto;
	}
	
	#saryo .plan-box .inner { margin: 0; }
	
	#saryo .plan-box .box {
		padding: 30px;
		margin: 0 0 30px;
		width: auto;
		float: none;
	}

	#saryo .plan-box .box-inner { padding: 30px 0 0; }

	#saryo .plan-box .box p.ph { text-align: center; }
	
	#saryo .plan-box .box p.ph img { width: 100%; }
}

@media screen and (max-width: 767px) {
	#saryo .plan-box {
		margin: 0 15px 80px;
		width: auto;
	}
	
	#saryo .plan-box .ttl-box h3 {
		font-size: 28px;
		font-size: 2.8rem;
	}

	#saryo .plan-box .ttl-box p.en {
		font-size: 18px;
		font-size: 1.8rem;
	}
	
	#saryo .plan-box .inner { margin: 0 0 10px; }
	
	#saryo .plan-box .box-inner { padding: 15px 0 0; }
	
	#saryo .plan-box .box {
		padding: 15px;
		margin: 0 0 15px;
	}
	
	#saryo .plan-box .add { line-height: 1.4; }
	
	#saryo .plan-box .add p .num {
		margin-right: 0;
		display: block;
	}
}


/* contact-box */
#saryo .contact-box { margin-bottom: 0; }

@media screen and (max-width: 959px) {
	#saryo .contact-box {
		margin: 0 100px;
	}
}

@media screen and (max-width: 767px) {
	#saryo .contact-box {
		margin: 0 15px;
	}
}



/* bn-wedding */
#saryo dl.bn-wedding {
	padding: 60px 0;
	margin: 0 auto;
	width: 960px;
}

#saryo dl.bn-wedding dt {
	font-size: 26px;
	font-size: 2.6rem;
	text-align: center;
	line-height: 1.4;
	letter-spacing: 0.1em;
	padding: 20px 0;
	margin: 30px 0 0;
	width: 340px;
	float: left;
	border-top: 1px solid #381004;
	border-bottom: 1px solid #381004;
}

#saryo dl.bn-wedding dd { float: right; }

@media screen and (max-width: 959px) {
	#saryo dl.bn-wedding {
		margin: 0 30px;
		width: auto;
	}

	#saryo dl.bn-wedding dt {
		margin: 0 auto 30px;
		width: 340px;
		float: none;
	}

	#saryo dl.bn-wedding dd {
		text-align: center;
		float: none;
	}
}

@media screen and (max-width: 767px) {
	#saryo dl.bn-wedding {
		padding: 30px 0;
		margin: 0 15px;
	}

	#saryo dl.bn-wedding dt {
		font-size: 20px;
		font-size: 2rem;
		padding: 12px 0;
		margin: 0 auto 20px;
		width: auto;
	}

	#saryo dl.bn-wedding dd img {
		width: 100%;
		height: auto;
	}
}







/* bn-fair-box */
.under .bn-fair-box {
	margin: 0 auto 60px;
	width: 960px;
	display: table;
}

.under .bn-fair-box a {
	background: #7c0000;
	color: #fff;
	text-decoration: none;
	display: block;
}

.under .bn-fair-box a:hover { opacity: 0.8; }

.under .bn-fair-box a:hover img { opacity: 1; }

.under .bn-fair-box p {
	text-align: center;
	width: 480px;
	display: table-cell;
	vertical-align: middle;
}

.under .bn-fair-box p.ttl { line-height: 1.4; }

.under .bn-fair-box p.ttl .en {
	font-size: 34px;
	font-size: 3.4rem;
}

.under .bn-fair-box p.ttl .ja {
	font-size: 22px;
	font-size: 2.2rem;
}

@media screen and (max-width: 959px) {
	.under .bn-fair-box {
		margin: 0 30px 60px;
		width: auto;
		display: block;
	}

	.under .bn-fair-box p {
		width: auto;
		display: block;
	}

	.under .bn-fair-box p.ph img { width: 100%; }
	
	.under .bn-fair-box p.ttl { padding: 20px 0; }
}

@media screen and (max-width: 767px) {
	.under .bn-fair-box {
		margin: 0 15px 30px;
		width: auto;
		display: block;
	}
	
	.under .bn-fair-box p.ttl { padding: 15px 0; }
	
	.under .bn-fair-box p.ttl .en {
		font-size: 24px;
		font-size: 2.4rem;
	}

	.under .bn-fair-box p.ttl .ja {
		font-size: 18px;
		font-size: 1.8rem;
	}
}