@charset "utf-8";

.spNavBox {
    display: none;
}
body {
	overflow-x:hidden;
	background-color:#fff;
}
html, body {
	height:100%;
}
.skrollr-desktop body {
	height:100% !important;
}
#skrollr-body {
	height:100%;
	overflow:visible;
	position:relative;
}

/****メイン*********************/
.mainBox{
	position: relative;
	width:100%;
	height:40vw;
	margin-bottom:6px;
	_background:#fff;
	background:#fff url(../images/top/main.jpg) center center no-repeat;
	background-size:cover;
}
/*
.mainBox{
	position: relative;
	width:100%;
	height:100%;
	background:#fff;
}
.mainBox .videoBox{
	width:600px;
	height:400px;
	position: relative;
	display:block;
	margin:0 auto;
	top: 49%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background:#fff;
}
.mainBox .videoBox #animation_container{
	background-color:rgba(255, 255, 255, 1.00);
	width:600px;
	height:400px;
}
.mainBox .videoBox #animation_container #canvas{
	width:600px;
	height:400px;
	position: absolute;
	display: block;
	background-color:rgba(255, 255, 255, 1.00);
}
.mainBox .videoBox #animation_container #dom_overlay_container{
	pointer-events:none;
	overflow:hidden;
	width:600px;
	height:400px;
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
}
*/

/****フォトスライダー*********************/
.photoWrapper{
	width:100%;
	height:200px;
	overflow: hidden;
	position:relative;
}
.photoBox{
	/*on.loadしたらjsで表示させる*/
	display:none;
	/**/
	width:100%;
	height:200px;
	position:absolute;
	left:50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.photo{
	position:relative;
	width:100%;
	height:200px;
	float:left;
	overflow: hidden;
}
.photoWrapper #image-bloc {
	height: 200px;
}
.photoWrapper .bx-viewport {
	overflow: visible!important;
	width: 350px!important;
}
.photoWrapper .main-container {
	overflow: hidden;
	position:relative;
}
.photoWrapper .bx-prev,
.photoWrapper .bx-next{
	display:none;
}

/****70周年******************************************************************************************************************/
.sinceWrapper{
	width:100%;
	min-width:1200px;
	margin:70px 0 0px 0;
	text-align:left;
}
.sinceWrapper h3{
	margin:0 auto 40px;
	text-align:center;
}
.sinceWrapper .inner{
	width:760px;
	margin:0 auto 0;
}
.sinceWrapper .inner .left{
	width:370px;
	padding-top:4px;
	float:left;
}
.sinceWrapper .inner .right{
	width:370px;
	float:right;
	text-align:justify;
}
.sinceWrapper .inner:link,
.sinceWrapper .inner:visited,
.sinceWrapper .inner:hover{
	color:#000;
	text-decoration:none;
}
.sinceWrapper .ayumi{
	width:10em;
	margin:36px auto 0;
	padding-bottom:3px;
	text-align:center;
	border-bottom:dotted 1px #999;
}
/*****ウエディングフェア*****************************************************************************************************************/
.fairWrapper{
	min-width:1200px;
	margin-top:90px;
	padding:0px 0 0 0;
	_background:url(../images/top/wed_bunner_kugiri.jpg) center top /654px no-repeat;
}
.newsWrapper h3{
	width:288px;
	margin:0 auto;
	text-align:center;
}
.fairWrapper .innner{
	display:table;
	margin:36px auto 0;
}
.fairWrapper .fairBox{
	display:table-cell;
	width:364px;
	margin-left:20px;
	float:left;
}

/*******NEWS&TOPICS***************************************************************************************************************/
.newsWrapper{
	width:100%;
	min-width:1200px;
	height:430px;
	margin:90px 0 0 0;
	background:url(../images/share/yokosen.gif)  center 103px repeat-x;
	clear:both!important;
}
.newsWrapper h3{
	position:relative;
	display:block;
	width:264px;
	margin:0 auto;
	text-align:center;
}
.newsWrapper h3 .newsListBtn{
	position:absolute;
	top:14px;
	right:-100px;
}
.newsBtnWrapper{
	display:table;
	border-collapse:separate;
	border-spacing:12px 0;
	width:873px;
	margin:28px auto 0;
}
.newsBtnWrapper .nBtnBox{
	display:table-cell;
	width:165px;
	height:36px;
	text-align:center;
	border-bottom:solid 3px #d9d9d9;
}
.newsBtnWrapper .nBtnBox.current{
	border-bottom:solid 3px #b5a97e;
}
.newsBtnWrapper .nBtnBox:first-child{
	margin-left:0px;
}
.newsBtnWrapper .nBtnBox:link,
.newsBtnWrapper .nBtnBox:visited,
.newsBtnWrapper .nBtnBox:hover{
	text-decoration:none;
	color:#494949;
}
.newsSlideWrapper{
	margin:34px 0 0 0;
	overflow:hidden;
}
.newsWrapper #image-bloc {
	height: 376px;
}
.newsWrapper .bx-viewport {
	overflow: hidden!important;
	width: 100% !important;
}
/*.sliderNews1{
	display:none;
}*/
/********/
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top:19px;
	outline: 0;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	z-index: 9999;
}
/***送りボタン******/
.bx-wrapper .bx-prev {
	left: 60px;
	background:url(../images/share/slider/prev.png) no-repeat;
	background-size:40px;
}
.bx-wrapper .bx-next {
	right: 60px;
	background:url(../images/share/slider/next.png) no-repeat;
	background-size:40px;
}
.bx-wrapper .bx-prev:hover {
	background:url(../images/share/slider/prev_hover.png) no-repeat;
	background-size:40px;
}
.bx-wrapper .bx-next:hover {
	background:url(../images/share/slider/next_hover.png) no-repeat;
	background-size:40px;
}

.newsSlideWrapper{
	overflow:hidden;
}
/**/
.planWrapper{
	/*cssでdisplay:noneすると、bxsliderが利かないので、display:noneはjsでやっている*/
	_display:none;
}
.planBox{
	min-height:220px;
	margin-top:30px;
}
.slideWrapper{
	position:absolute;
	width:100%;
	height: 376px;
	/*on.loadしたらjsで表示させる*/
	display:none;
	/**/
}
.sb .nm{
	padding:1px 0;
	color:#fff;
	font-size:12px;
	text-align:center;
	background:#b5a97e;
}
/**/
.bxOOWrapper{
	height:300px;
}
.footWrapper{
	margin-top:0px;
}







/*****パララックス部分*************************************************/
.bodyBox{
	width:100%;
	min-width:1200px;
	max-width:2000px;
	margin:0 auto;
	height:370px;
}
/**/
.bodyBox .photoBlock{
	width:50%;
	height:370px;
}
.bodyBox a.txtBlock{
	position:relative;
	display:block;
	width:50%;
	height:370px;
    transition: background-color 0.5s;
}
.bodyBox a.txtBlock:link,
.bodyBox a.txtBlock:visited,
.bodyBox a.txtBlock:hover{
	text-decoration:none;
}
.bodyBox a.txtBlock:hover{
	background-color: #eee;
    transition: background-color 0.2s;
}
.bodyBox a.txtBlock .inner{
	border:solid 10px #fff;
	height:350px;
	_transition: border-color 1s;
}
.bodyBox a.txtBlock .inner:hover{
	border:solid 10px #fff;
	height:350px;
	_transition: border-color 1s;
}
.bodyBox a.txtBlock .inner h3{
	margin-top:44px;
}
.bodyBox a.txtBlock .inner .serif{
	margin-top:30px;
}
.bodyBox a.txtBlock .inner .serif{
	font-size:25px;
}
.bodyBox a.txtBlock .inner p.txt{
	padding-top:24px;
	width:250px;
	margin:0 auto;
	text-align:justify;
}
/**/
.bodyBox.wed .photoBlock{
	float:left;
	background: url(../images/top/wed_p.jpg) center center /cover no-repeat!important;
}
.bodyBox.wed a.txtBlock{
	float:right;
}
.bodyBox.wed{
	border-top:solid 1px #d9d9d9;
}
/**/
.bodyBox.party .photoBlock{
	float:right;
	background: url(../images/top/party_p.jpg?20171122) center center /cover no-repeat!important;
}
.bodyBox.party a.txtBlock{
	float:left;
}
/**/
.bodyBox.aniv .photoBlock{
	float:left;
	background: url(../images/top/aniv_p.jpg) center center /cover no-repeat!important;
}
.bodyBox.aniv a.txtBlock{
	float:right;
}
/**/
.bodyBox.rest .photoBlock{
	float:right;
	background: url(../images/top/rest_p.jpg) center center /cover no-repeat!important;
}
.bodyBox.rest a.txtBlock{
	float:left;
}
.bodyBox.rest{
	border-bottom:solid 1px #d9d9d9;
}
/*****下バナー*************************************************/
.bannerWrapper{
	display:table;
	margin:0 auto;
	padding:50px 0;
	border-collapse: separate;
	border-spacing: 0px 10px;
}
.bannerWrapper a{
	display:table-cell;
	padding:0 10px;
}
/*****SNSボタン*************************************************/
.snsWrapper{
	width:100%;
	min-width:1200px;
	height:53px;
	padding-top:16px;
	background:#d1cebd;
}
.snsWrapper .inner{
	width:1200px;
	margin:0 auto;
}
.snsWrapper .inner .snsBox{
	display:table;
	height:41px;
	margin:0 auto;
	border-collapse: separate;
	border-spacing: 20px 0px;
}
.snsWrapper .inner a,
.snsWrapper .inner p{
	display:table-cell;
	vertical-align:top;
}
.snsWrapper .inner p{
	padding-top:9px;
}
.snsWrapper .inner a:link,
.snsWrapper .inner a:visited,
.snsWrapper .inner a:hover{
	color:#000;
	text-decoration:none;
}
.snsWrapper .inner a.mailmaga{
	position:relative;
	display:block;
	margin-left:90px;
	padding-top:9px;
}
.snsWrapper .inner a.mailmaga:before{
	position:absolute;
	background:url(../images/share/mailmaga.png) 0 0 no-repeat;
	background-size:51px 37px;
    content:"";
    display:inline-block;
    width:51px;
    height:37px;
   top:-0px;
   left:-58px;
}


/*新ウエディングフェア用*/
a.sb{
	text-decoration:none;
	text-align:left;
}
a.sb .fairDate{
	margin-top: 10px;
	font-size: 12px;
	color: #b7a974;
	line-height:1em;
}
a.sb .fairDate span{
	font-size: 12px;
	color: #b7a974;
	line-height:1em;
}
a.sb .fairName{
	font-size: 14px;
	margin-top: 4px;
	line-height:1.4em;
}
a.sb .ph img {
    width: 180px;
    height: 137px;
}










/*############################################*/
/*  */
/*############################################*/
@media (max-width: 1240px) {

}
@media only screen and (max-width: 767px) {
	body {
		overflow-x:visible;
		background-color:#fff;
	}
	html, body {
		height:auto;
	}



	body {
		overflow-x:auto;
		background-color:#fff;
	}
	html, body {
		height:auto;
	}
	.skrollr-desktop body {
		height:auto !important;
	}
	#skrollr-body {
		height:auto;
		overflow:visible;
		position:relative;
	}
	
	/****メイン*********************/
	.mainBox{
		height:88vw;
		margin-bottom:4px;
		_background:#fff url(../images/top/main.jpg) center center no-repeat;
		_background-size:cover;
	}
	/*
	.mainBox{
		position: relative;
		width:100%;
		height:auto;
		background:#fff;
	}
	.mainBox .videoBox{
		width:100%;
		height:auto;
		position: relative;
		display:block;
		margin:0 auto;
		top: auto;
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
		background:#fff;
	}
	.mainBox .videoBox #animation_container{
		background-color:rgba(255, 255, 255, 1.00);
		width:100%!important;
		height:auto!important;
	}
	.mainBox .videoBox #animation_container #canvas{
		width:100%!important;
		height:auto!important;
		position: static;
		display: block;
		background-color:rgba(255, 255, 255, 1.00);
	}
	.mainBox .videoBox #animation_container #dom_overlay_container{
		pointer-events:none;
		overflow:auto;
		width:100%!important;
		height:auto!important;
		position: static;
		left: 0px;
		top: 0px;
		display: block;
	}
	*/
	
	/****フォトスライダー*********************/
	.photoWrapper{
		width:100%;
		height:100px;
		overflow: hidden;
		position:relative;
	}
	.photoBox{
		/*on.loadしたらjsで表示させる*/
		display:none;
		/**/
		width:100%;
		height:200px;
		position:absolute;
		left:50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.photo{
		position:relative;
		width:100%;
		height:100px;
		float:left;
		overflow: hidden;
	}
	.photoWrapper #image-bloc {
		height: 200px;
	}
	.photoWrapper .bx-viewport {
		overflow: visible!important;
		width: 350px!important;
	}
	.photoWrapper .main-container {
		overflow: hidden;
		position:relative;
	}
	.photoWrapper .bx-prev,
	.photoWrapper .bx-next{
		display:none;
	}

	/****70周年******************************************************************************************************************/
	.sinceWrapper{
		width:100%;
		min-width:0px;
		margin:40px 0 0px 0;
		text-align:left;
	}
	.sinceWrapper h3{
		margin:0 auto 40px;
		text-align:center;
	}
	.sinceWrapper h3 img{
		width:90%;
		max-width:369px;
		height:auto;
	}
	.sinceWrapper .inner{
		width:100%;
		margin:0 auto 0;
	}
	.sinceWrapper .inner .left{
		width:100%;
		padding-top:4px;
		float:none;
	}
	.sinceWrapper .inner .left img{
		width:100%;
		height:auto;
	}
	.sinceWrapper .inner .right{
		width:94%;
		margin:20px auto 0;
		float:none;
		text-align:justify;
	}
	.sinceWrapper .inner:link,
	.sinceWrapper .inner:visited,
	.sinceWrapper .inner:hover{
		color:#000;
		text-decoration:none;
	}

	/*****ウエディングフェア*****************************************************************************************************************/
	.fairWrapper{
		min-width:0px;
		margin-top:60px;
		padding:0px 0 0 0;
		_background:url(../images/top/wed_bunner_kugiri.jpg) center top /654px no-repeat;
	}
	.newsWrapper h3{
		width:100%;
		margin:0 auto;
		text-align:center;
	}
	.fairWrapper .innner{
		display:block;
		margin:36px auto 0;
	}
	.fairWrapper .fairBox{
		display:block;
		width:100%;
		margin-left:0px;
		float:none;
	}
	.fairWrapper .fairBox img{
		width:100%;
		height:auto;
	}
	/*******NEWS&TOPICS***************************************************************************************************************/
	.newsWrapper{
		width:100%;
		min-width:0px;
		min-height:490px;
		margin:60px 0 0 0;
		background:url(../images/share/yokosen.gif)  center 103px repeat-x;
		clear:both!important;
	}
	.newsWrapper h3{
		position:relative;
		display:block;
		width:264px;
		margin:0 auto;
		text-align:center;
	}
	.newsWrapper h3 .newsListBtn{
		position:static;
		top:auto;
		right:auto;
		display:block;
		margin:20px 0 0;
	}
	.newsBtnWrapper{
		display:table;
		border-collapse:separate;
		border-spacing:3px 0;
		width:100%;
		margin:28px auto 0;
	}
	.newsBtnWrapper .nBtnBox{
		display:table-cell;
		width:165px;
		height:46px;
		text-align:center;
		line-height:1.4em;
		border-bottom:solid 3px #d9d9d9;
	}
	.newsBtnWrapper .nBtnBox.current{
		border-bottom:solid 3px #b5a97e;
	}
	.newsBtnWrapper .nBtnBox:first-child{
		margin-left:0px;
	}
	.newsBtnWrapper .nBtnBox:link,
	.newsBtnWrapper .nBtnBox:visited,
	.newsBtnWrapper .nBtnBox:hover{
		text-decoration:none;
		color:#494949;
	}
	.newsSlideWrapper{
		margin:34px 0 0 0;
		overflow:hidden;
	}
	.slideWrapper{
		position:absolute;
		width:100%;
		/*on.loadしたらjsで表示させる*/
		display:none;
		/**/
	}
	.sb{
		width:250px;
		text-align:left;
	}
	.sb:link,
	.sb:visited,
	.sb:hover{
		text-decoration:none;
		color:#666;
	}
	/*新ウエディングフェア用*/
	a.sb{
		text-decoration:none;
		text-align:left;
	}
	a.sb .fairDate{
		margin-top: 10px;
		font-size: 12px;
		color: #b7a974;
		line-height:1em;
	}
	a.sb .fairDate span{
		font-size: 12px;
		color: #b7a974;
		line-height:1em;
	}
	a.sb .fairName{
		font-size: 14px;
		margin-top: 4px;
		line-height:1.4em;
	}
	a.sb .ph img {
		width: 250px;
		height: 183px;
	}
	/*---------------------------------------------------------------------*/
	.newsWrapper .bx-wrapper .bx-controls-direction a {
		position: absolute;
		top:65px;
		outline: 0;
		width: 40px;
		height: 40px;
		text-indent: -9999px;
		z-index: 9999;
	}
	/***送りボタン******/
	.bx-wrapper .bx-controls-direction a {
		position: absolute;
		top: 80px;
		margin-top: 0px;
		outline: 0;
		width: 40px;
		height: 40px;
		text-indent: -9999px;
		z-index: 9999;
	}
	/***送りボタン******/
	.bx-wrapper .bx-prev {
		left: 10px;
		background:url(../images/share/slider/prev.png) no-repeat;
		background-size:40px;
	}
	.bx-wrapper .bx-next {
		right: 10px;
		background:url(../images/share/slider/next.png) no-repeat;
		background-size:40px;
	}
	.bx-wrapper .bx-prev:hover {
		background:url(../images/share/slider/prev_hover.png) no-repeat;
		background-size:40px;
	}
	.bx-wrapper .bx-next:hover {
		background:url(../images/share/slider/next_hover.png) no-repeat;
		background-size:40px;
	}

	.newsSlideWrapper{
		overflow:hidden;
	}
	/**/
	.planWrapper{
		/*cssでdisplay:noneすると、bxsliderが利かないので、display:noneはjsでやっている*/
		_display:none;
	}
	.planBox{
		_min-height:220px;
		margin-top:30px;
	}
	.slideWrapper{
		position:absolute;
		width:100%;
		_height: 376px;
		/*on.loadしたらjsで表示させる*/
		display:none;
		/**/
	}
	.sb .nm{
		padding:1px 0;
		color:#fff;
		font-size:12px;
		text-align:center;
		background:#b5a97e;
	}
	/**/
	.bxOOWrapper{
		height:300px;
	}
	.footWrapper{
		margin-top:0px;
	}

	/*****パララックス部分*************************************************/
	.bodyBox{
		width:100%;
		min-width:0px;
		max-width:2000px;
		margin:0 auto;
		height:auto;
	}
	/**/
	.bodyBox .photoBlock{
		width:100%;
		height:54vw;
	}
	.bodyBox a.txtBlock{
		position:relative;
		display:block;
		width:100%;
		height:auto;
		transition: background-color 0.5s;
	}
	.bodyBox a.txtBlock:link,
	.bodyBox a.txtBlock:visited,
	.bodyBox a.txtBlock:hover{
		text-decoration:none;
	}
	.bodyBox a.txtBlock:hover{
		background-color: #eee;
		transition: background-color 0.2s;
	}
	.bodyBox a.txtBlock .inner{
		border:solid 10px #fff;
		height:auto;
		_transition: border-color 1s;
		padding-bottom:30px;
	}
	.bodyBox a.txtBlock .inner:hover{
		border:solid 10px #fff;
		height:auto;
		_transition: border-color 1s;
	}
	.bodyBox a.txtBlock .inner h3{
		margin-top:30px;
	}
	.bodyBox a.txtBlock .inner .serif{
		margin-top:30px;
	}
	.bodyBox a.txtBlock .inner .serif{
		font-size:25px;
	}
	.bodyBox a.txtBlock .inner p.txt{
		padding-top:24px;
		width:90%;
		margin:0 auto;
		text-align:justify;
	}
	/**/
	.bodyBox.wed .photoBlock{
		float:none;
		background: url(../images/top/wed_p.jpg) center center /cover no-repeat!important;
	}
	.bodyBox.wed a.txtBlock{
		float:none;
	}
	.bodyBox.wed{
		border-top:solid 1px #d9d9d9;
	}
	/**/
	.bodyBox.party .photoBlock{
		float:none;
		background: url(../images/top/party_p.jpg?20171122) center center /cover no-repeat!important;
	}
	.bodyBox.party a.txtBlock{
		float:none;
	}
	/**/
	.bodyBox.aniv .photoBlock{
		float:none;
		background: url(../images/top/aniv_p.jpg) center center /cover no-repeat!important;
	}
	.bodyBox.aniv a.txtBlock{
		float:none;
	}
	/**/
	.bodyBox.rest .photoBlock{
		float:none;
		background: url(../images/top/rest_p.jpg) center center /cover no-repeat!important;
	}
	.bodyBox.rest a.txtBlock{
		float:none;
	}
	.bodyBox.rest{
		border-bottom:solid 1px #d9d9d9;
	}
	/*****下バナー*************************************************/
	.bannerWrapper{
		display:block;
		width:98%;
			margin:0 auto;
			padding:20px 0;
	}
	.bannerWrapper a{
			display:block;
			width:48%;
			margin:1%;
			float:left;
			padding:0;
	}
	.bannerWrapper a img{
			width:100%;
			height:auto;
	}
	/*****SNSボタン*************************************************/
	.snsWrapper{
		width:100%;
		min-width:0px;
		height:auto;
		padding:16px 0;
		background:#d1cebd;
	}
	.snsWrapper .inner{
		width:100%;
		margin:0 auto;
	}
	.snsWrapper .inner .snsBox{
		display:block;
		height:auto;
		margin:0 auto;
		border-collapse: separate;
		border-spacing: 20px 0px;
	}
	.snsWrapper .inner p{
		display:block;
		padding:0 0 10px 0; 
		margin:0;
	}
	.snsWrapper .inner a{
		display:inline;
		vertical-align:middle;
		margin:0;
	}
	.snsWrapper .inner a img{
		width:50px;
		height:auto;
		margin:0 3px;
	}
	.snsWrapper .inner a:link,
	.snsWrapper .inner a:visited,
	.snsWrapper .inner a:hover{
		color:#000;
		text-decoration:none;
	}
	.snsWrapper .inner a.mailmaga{
		position:relative;
		display:block;
		margin:20px 0 0 0px;
		padding-top:40px;
	}
	.snsWrapper .inner a.mailmaga:before{
		position:absolute;
		background:url(../images/share/mailmaga.png) center 0 no-repeat;
		background-size:51px 37px;
		content:"";
		display:inline-block;
		width:100%;
		height:37px;
	   top:-0px;
	   left:0px;
	   right:0px;
	}













} /* /@media */