@charset "UTF-8";

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

@media print, screen and (min-width:931px) {
	
	.spOnly{
		display:none !important;
		}
	.main-img{
		width: 100%;
		min-height: 530px;
		background: url(../img/smallwedding_main_pc.jpg)  no-repeat;
		background-position: top center;
		background-size: cover;
		display: flex;
		justify-content: center;
		align-items: center;
		}
	.main-img h3{
		color: #ffffff;
		text-align: center;
		font-size: 26px;
		line-height: 150%;
		font-weight: normal;
	}

	.page-header{
		width: 420px;
		background: url(../img/smallwedding_title.png)  no-repeat;
		background-position: center center;
	}
	.page-header h2{
		width: 420px;
		height: 100px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 24px;
		font-weight: normal;
		line-height: 150%;
	}
	main{	
		position: relative;
	}
	
	main .gray-bg{
		width: 100%;
		height: 705px;
		background: #F7F7F5;
		position: absolute;
		top:520px;
		z-index: -1;
	}
	

	
	
	/* ページキャッチコピー
	---------------------------------------*/ 
	
	.page-catch{
		width: 100%;
	}
	.page-catch .inner{
		width: 1080px;
		margin: -40px auto 70px;
		text-align: center;
	}
	.page-catch .inner .catch{
		font-size: 19px;
		margin-bottom: 30px;
	}
	.page-catch .inner .read{
		line-height: 2;
	}
	
	.reason{
		width:1080px;
		margin:0 auto;
		display:flex;
		}
	.reason .mb50{
		padding-bottom:50px;
		}
	.reason .box01{
		width:50%;
		}
	.reason .box01 .inner01{
		height:275px;
		}
	.reason .box02{
		width:50%;
		}
	.reason h3.mincho{
		font-family: 游明朝体, 'Yu Mincho', YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size:19px;
		line-height:160%;
		margin-bottom:20px;
		margin-top:50px;
		position:relative;
		z-index:2;
		letter-spacing: 2px;
		}
	.reason h3 span{
		width:90px;
		position:absolute;
		top:-50px;
		left:-30px;
		z-index:1;
		mix-blend-mode:multiply;
		}
	.reason .text{
		width:480px;
		line-height:150%;
		margin-bottom:50px;
		letter-spacing: 1.5px;
		}
	
	
	.weddingplan{
		width:100%;
		margin:70px auto 0;
		}
	.weddingplan figure{
		margin:0 auto;
		text-align:center;
		}
	.weddingplan .inner_box{
		width:1200px;
		margin:0 auto;
		display:flex;
		}
	.weddingplan .inner_box .box01{
		width:560px;
		margin-left: 50px;
		}
	.weddingplan .inner_box .box02{
		width:640px;
		background:#ffffff;
		padding-top:50px;
		margin-top:-308px;
		}
	.sub_title{
		font-family: 'Spinnaker', sans-serif;
		font-size:14px;
		color:#D48C89;
		letter-spacing:0.1em;
		margin-bottom:20px;
		}
	.inner_box .info .text{
		margin-bottom:30px;
		width:490px;
		line-height:150%;
		letter-spacing:0.1em;
		}
	.weddingplan .inner_box .box02{
		text-align:right;
		}
	.weddingplan .title_img{
		width:315px;
		margin-bottom:20px;
		}
	.weddingplan .inner_box .info{
		margin-left:70px;
		text-align:left;
		}
	.weddingplan .inner_box .box01 .info{
		margin-left:0;
		margin-top:50px;
		}
	.weddingplan .inner_box .info h3{
		font-size:17px;
		letter-spacing:0.1em;
		line-height:150%;
		margin-bottom:20px;
		}
	.weddingplan .inner_box .info h3 span{
		color:#D48C89;
		}
	.weddingplan .inner_box .img{
		margin-top:70px;
		margin-right: 50px;
		}
	
	.bridalfair{
		width:100%;
		margin:20px auto 100px;
		padding:100px;
		}
	.bridalfair figure{
		margin:0 auto 100px;
		text-align:center;
		}
	.bridalfair .inner_box{
		width:1200px;
		margin:0 auto;
		background:#ffffff;
		margin-top:-50px;
		position:relative;
		}
	.bridalfair .inner_box .title_img{
		width:260px;
		}
	.bridalfair .inner_box .info{
		background:#ffffff;
		margin-top:-607px;
		width:600px;
		position:absolute;
		padding:50px;
		}
	.bridalfair h3.mincho{
		font-family: 游明朝体, 'Yu Mincho', YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size:19px;
		line-height:160%;
		margin-bottom:20px;
		    margin-top: 20px;
		}


	
	
}


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

@media print, screen and (max-width:930px) {
	
	body{
		width:100%;
		}
	.pcOnly{
		display:none;
		}
	.spOnly{
		display:block;
		    margin-bottom: 50px;
		}
	.main-img{
		width: 100%;
		height: 400px;
		background: url(../img/smallwedding_main_sp.jpg) no-repeat;
		background-position: top center;
		background-size: cover;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.main-img .title{
		width:200px;
		}
	.main-img h3{
		color: #ffffff;
		font-size: 26px !important;
		line-height: 150%;
		font-weight: normal;
	}
	.page-header h2{
		width: 300px;
	}
	.sw-title{ 
		width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 20px 0 0px;}
	
.page-header{
		width:90%;
	margin: 0 auto;
		background: url(../img/smallwedding_title.png)  no-repeat;
		background-position: center center;
	background-size: 40%;
	}
	.page-header h2{
		width: 90%;
		margin: 0 auto;
		height: 150px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 20px;
		line-height: 150%;
		font-weight: normal;
	}
	section{
		width:100%;
		}
	.reason h3.mincho{
		font-family: 游明朝体, 'Yu Mincho', YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size:17px;
		line-height:135%;
		margin-bottom:20px;
		position:relative;
		z-index:2;
		margin-left:70px;
		text-align:left;
		padding-left: 10px;
		}
	.reason h3 span{
		width:50px;
		position:absolute;
		top:0;
		left:-50px;
		z-index:1;
		mix-blend-mode:multiply;
		}
	.reason .text{
		width:90%;
		line-height:150%;
		margin:0 auto 40px;
		}
	.mb50{
		margin-bottom:30px;
		}
		
	.reason .box01 img{
		width:100%;
		}
	.reason .box02 img{
		width:100%;
		}	
	.sub_title{
		font-family: 'Spinnaker', sans-serif;
		font-size:12px;
		color:#D48C89;
		letter-spacing:0.1em;
		margin-top:40px;
		margin-bottom:20px;
		text-align:center;
		}
		
	.weddingplan .title_img{
		width:200px;
		margin:0 auto 20px;
		}
	.weddingplan .box01 img{
		width:90%;
		margin-left: 5%
		}	
	.weddingplan .box02 img{
		width:90%;
		margin-left: 5%
		}	
	h3.mincho{
		text-align:center;
		/*width:90%;*/
		margin: 0 auto 20px;
    font-size: 14px;
    line-height: 150%;		
		}
		
	.info .text{
		width:90%;
		margin:0 auto 20px;
		line-height:150%;
		}
	.weddingplan .box01{
		margin-top:5px;
		}
	.weddingplan .box01 h3{
		margin-top:30px;
		}
	.btn-style{
		width:90%;
		    margin: 0 auto 60px;
    line-height: 30px;
		}
	.bridalfair .title_img{
		width:200px;
		margin:0 auto 20px;
		}	
	
	
		
	/* ページキャッチコピー
	---------------------------------------*/ 
	
	.page-catch{
		width: 100%;
	}
	.page-catch .inner{
		margin: -20px auto 50px;
		padding:  0 20px;
		
	}
	.page-catch .inner .catch{
		font-size: 19px;
		margin-bottom: 30px;
		text-align: center;
	}
	.page-catch .inner .read{
		line-height: 1.7;
	}
	
	
	
	
}