@charset "UTF-8";

/*---------------------------------------
 * PC
---------------------------------------*/ 

@media print, screen and (min-width:931px) {
	
	.page-header h2{
		width: 192px;
	}
	
	main{	
		position: relative;
	}
	
	main .gray-bg{
		width: 100%;
		height: 705px;
		background: #F7F7F5;
		position: absolute;
		top:520px;
		z-index: -1;
	}
	
	
	/* メインビジュアル
	---------------------------------------*/ 
	
	.main-img{
		 margin-bottom: 100px;
	}
	.main-img .inner{
		width: 1080px;
		margin: 0 auto;
	}
	.main-img .inner .catch{
		text-align: center;
		font-size: 19px;
		margin-bottom: 70px;
		margin-top: -50px;
	}

	
	
	/* 会場
	---------------------------------------*/ 
	
	.ceremony-hall{
		width: 100%;
		margin-bottom: 100px;
	}
	
	.ceremony-hall .inner{
		width: 1080px;
		min-height: 935px;
		padding: 0 80px;
		margin: 0 auto;
		position: relative;
	}
	
	.ceremony-hall .inner .box-1 .text{
		width: 500px;
		float: left;
		padding: 75px 100px 0 0;
		box-sizing: border-box;
	}
	.ceremony-hall .inner .box-1 .photo{
		width: 420px;
		float: right;
	}
	
	.ceremony-hall .inner .box-2 .text{
		width: 500px;
		float: right;
		padding: 347px 0 0 80px;
		box-sizing: border-box;
	}
	.ceremony-hall .inner .box-2 .photo{
		width: 420px;
		float: left;
	}
	.ceremony-hall .inner .box-2{
		position: absolute;
		bottom:0;
		left: 80px;
	}
	.ceremony-hall .inner .text .catch{
		font-size: 18px;
		margin-bottom: 20px;
	}
	.ceremony-hall .inner .text .name{
		margin-bottom: 20px;
	}
	.ceremony-hall .inner .text .name span{
		font-size: 18px;
		letter-spacing: 3px;
		display: inline-block;
		padding-right: 10px;
	}
	.ceremony-hall .inner .text .read{
		line-height: 2;
		margin-bottom: 20px;
	}
	.ceremony-hall .inner .text .style{
		margin-bottom: 13px;
	}
	
	
	
	/* レコメンド
	---------------------------------------*/ 
	
	.recommend{
		width: 100%;
		padding: 0 0 130px;
	}
	.recommend .inner{
		width: 1080px;
		margin: 0 auto;
		padding: 100px 80px 0;
		position: relative;
	}
	.recommend .inner .text{
		float: left;
		width: 305px;
		margin:131px 0px 0 0px;
		
	}
	.recommend .inner .photo{
		float: right;
		width: 600px;
	}
	.recommend .inner .text .title{
		position: absolute;
		top:160px;
		left:80px;
		width: 395px;
		height: 47px;
	}
	.recommend .inner .text .text-box{
		margin: 0 0 20px;
	}
	.recommend .inner .text .text-box .midashi{
		margin-bottom: 15px;
	}
	.recommend .inner .text .text-box .midashi2{
		font-size: 19px;
		margin-bottom: 15px;
		letter-spacing: 2px;
	}
	.recommend .inner .text .text-box .read{
		line-height: 1.7;
		margin-bottom: 15px;
	}
	
	.ceremony-style {
		background-color: #F7F7F5;
		padding: 80px 0;
	}
	
	.ceremony-style .inner {
		width: 920px;
		text-align: center;
		margin: auto;
	}
	.ceremony-style .title img {
		width: 50%;
		margin-bottom: 40px;
	}
	.ceremony-style .japanese {
		overflow: hidden
	}
	.ceremony-style .japanese .images {
		float: left;
		width: 500px;
	}
	.ceremony-style .japanese .text {
		float: right;
		width: 360px;
		text-align: left;
		margin-top: 40px;
	}
	.ceremony-style .catch {
		font-family: 游明朝体, 'Yu Mincho', YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif!important;
		font-size: 18px;
margin-bottom: 20px;
	}
	
	.ceremony-style .civil {
		overflow: hidden
	}
	.ceremony-style .civil .images {
		float: right;
		width: 500px;
	}
	.ceremony-style .civil .text {
		float: left;
		width: 360px;
		text-align: left;
		margin-top: 50px;
	}
	.ceremony-style .read {
		line-height: 2;
margin-bottom: 60px;
	}
	
	
	/* バンケットの導線
	---------------------------------------*/ 
	
	.ceremony-navi{
		width: 100%;
		background:url(../img/ceremony_navi_pc.jpg) 50% no-repeat;
		background-size: cover;
		padding: 85px 0 70px;
	}	
	.ceremony-navi .inner{
		width: 1080px;
		margin: 0 auto;
		text-align: center;
		color: #FFFFFF;
	}
	.ceremony-navi .inner .title{
		width: 162px;
		margin: 0 auto 15px;
	}
	.ceremony-navi .inner .title-ja{
		font-size: 12px;
		margin: 0 0 20px;
	}
	.ceremony-navi .inner .read{
		font-size: 20px;
		margin-bottom: 35px;
	}
	.ceremony-navi .inner .ceremony-navi-link{
		margin: 0 auto;
	}	
	

	
}


/*---------------------------------------
 * SP
---------------------------------------*/ 

@media print, screen and (max-width:930px) {
	
	.page-header h2{
		width: 135px;
	}
	
	/* メインビジュアル
	---------------------------------------*/ 
	
	.main-img{
		 margin-bottom: 50px;
	}
	.main-img .inner{
		width: 100%;
		margin: 0 auto;
	}
		
	
	/* 会場
	---------------------------------------*/ 
	
	.ceremony-hall{
		width: 100%;
		margin-bottom: 50px;
	}
	
	.ceremony-hall .inner{
		padding: 0 20px;
		position: relative;
	}
	
	.ceremony-hall .inner .box-1{
		margin-bottom: 40px;
	}
	
	.ceremony-hall .inner .box-1 .text{
		width: 100%;
		padding:  0;
		margin-bottom: 35px;
	}
	.ceremony-hall .inner .box-1 .photo{
		width: 100%;
	}
	.ceremony-hall .inner .box-2 .text{
		width: 100%;
		padding: 0;
		box-sizing: border-box;
	}
	.ceremony-hall .inner .box-2 .photo{
		width: 100%;

	}
	.ceremony-hall .inner .box-2{
	
	}
	.ceremony-hall .inner .catch{
		line-height: 1.5;
	}
	.ceremony-hall .inner .text .catch{
		font-size: 18px;
		margin-bottom: 20px;
	}
	.ceremony-hall .inner .text .name{
		margin-bottom: 20px;
	}
	.ceremony-hall .inner .text .name span{
		font-size: 18px;
		letter-spacing: 3px;
		display: inline-block;
		padding-right: 10px;
	}
	.ceremony-hall .inner .text .read{
		line-height: 2;
		margin-bottom: 20px;
	}
	.ceremony-hall .inner .text .style{
		margin-bottom: 13px;
	}
	
	
	
	/* レコメンド
	---------------------------------------*/ 

	.recommend{
		width: 100%;
		margin-bottom: 65px;	
	}
	.recommend .inner{
		margin: 0 20px;
		padding: 50px 0 0;
		position: relative;
	}
	.recommend .inner .text{
		width: 90%;
        margin: auto;
	}
	.recommend .inner .photo{
		width: 100%;
		margin-bottom: 35px;
	}
	.recommend .inner .text h2{
		width: 100%;
		padding-bottom: 20px;
		border-bottom: 1px solid #D48C89;
		margin-bottom: 20px;	
	}
	.recommend .inner .text h2 img{
		width: 100%;
	}
	.recommend .inner .text .title{
		margin:  0 0 20px;
	}
	.recommend .inner .text .text-box .midashi{
		margin-bottom: 15px;
	}
	.recommend .inner .text .text-box .midashi2{
		font-size: 20px;
		margin-bottom: 15px;
		letter-spacing: 1px;
	}
	.recommend .inner .text .text-box .read{
		line-height: 1.8;
		margin-bottom: 15px;
		font-size: 12px;
	}
	
	.ceremony-style {
		background-color: #F7F7F5;
		padding: 40px 0 10px 0;
	}
	
	.ceremony-style .inner {
		width: 90%;
		text-align: center;
		margin: auto;
	}
	.ceremony-style .title img {
		width: 80%;
		margin-bottom: 30px;
	}
	.ceremony-style .japanese {
	}
	.ceremony-style .japanese .images {
		width: 100%;
	}
	.ceremony-style .japanese .text {
		width: 100%;
		text-align: left;
		margin-top: 30px;
	}
	.ceremony-style .catch {
		font-family: 游明朝体, 'Yu Mincho', YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif!important;
		font-size: 18px;
margin-bottom: 20px;
	}
	
	.ceremony-style .civil {
	}
	.ceremony-style .civil .images {
		width: 100%;
	}
	.ceremony-style .civil .text {
		width: 100%;
		text-align: left;
		margin-top: 30px;
	}
	.ceremony-style .read {
		line-height: 2;
margin-bottom: 30px;
		text-align: left;
	}
	
	
	/* バンケットの導線
	---------------------------------------*/ 
	
	.ceremony-navi{
		width: 100%;
		background:url(../img/ceremony_navi_sp.jpg) 50% no-repeat;
		background-size: cover;
		padding: 85px 0 70px;
	}	
	.ceremony-navi .inner{
		margin: 0 20px;
		text-align: center;
		color: #FFFFFF;
	}
	.ceremony-navi .inner .title{
		width: 190px;
		margin: 0 auto 15px;
	}
	.ceremony-navi .inner .title-ja{
		font-size: 12px;
		margin: 0 0 20px;
	}
	.ceremony-navi .inner .read{
		font-size: 20px;
		margin-bottom: 35px;
	}
	.ceremony-navi .inner .ceremony-navi-link{
		margin: 0 auto;
	}	
	
}