@charset "utf-8";
/* CSS Document */
/*ウェディングサポートページ*/
#wedding-page{
	font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
	color: #3e3a39;
}
#wedd-main-image{
	position: relative;
	background-image: url("../images/wedding/main.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	padding-bottom: calc(100%*350/1000);
}
#wedd-page-title{
	position: absolute;
	color: white;
	font-size: 1.2rem;
	top: 42%;
	left: 10%;
}
.h1-box-wedding{
	background-image: url( "../images/wedding/back01.png");
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
	text-align: center;
	padding: 2rem;
	
}
.t-wed{
	font-size: 1.2rem;
	line-height: 2rem;
	font-weight: 600;
	
}
.wedd-doc{
	background-image:url( "../images/wedding/bg01.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top;
	color: #e73278;
	text-shadow: 1px 2px 3px #fff;
}

.wedd-doc p{
	padding: 0.5rem 2rem;
	
}
.wedd-doc ul{
	padding: 0 6rem 0 2rem;
}
.pink-frame{
	border: solid 1px #e73278;
	color: #3e3a39;
	padding: 0.5rem 2rem;
	margin: 1.6em 2em;
	
}
.bg-gray{
	background: -moz-linear-gradient(left,#f2f2ee 60%,rgba(255,255,255,0.2));
	background: -webkit-linear-gradient(left,#f2f2ee 60%,rgba(255,255,255,0.2));
	background: linear-gradient(to right,#f2f2ee 60%,rgba(255,255,255,0.2));
	color: #3e3a39;
	padding: 2rem;
	
}
.wedd-title{
	color: #b29245;
	font-size: 1.6rem;
	
}
.wedd-title:before{
	content:"";
	display:inline-block;
	width:24%;
	height:1.4rem;
	background:url( "../images/wedding/t-left.png") no-repeat;
	background-size:contain;
	background-position: center;
	
}
.wedd-title:after{
	content:"";
	display:inline-block;
	width:24%;
	height:1.4rem;
	background:url( "../images/wedding/t-right.png") no-repeat;
	background-size:contain; 
	background-position: center;
	
}
.t-pink{
	color: #e73278;
	font-size: 1.8rem;
	line-height: 2.4rem;
	
}
.article-box,.article-box02{
	
	
}
.article-box img{
	width: 50%;
}

.t-gold{
	color: #b29245;
	font-size: 1.4rem;
	letter-spacing: 0.08rem;
	font-weight: bold;
}
.OS-shop{
	width: 40%;
	margin: 0 auto;
}
/*タブレット表示設定*/
@media (min-width: 600px) {
	/*ウェディングページ*/
	#wedding-page{
		font-size: 1.8rem;
	}
	#wedd-page-title{
		font-size: 2.6rem;
		left: 12%;
	}
	.h1-box-wedding{
		width: 100%;
		height: 260px;
		padding: 3rem;
	}
	.t-wed{
		font-size: 2.8rem;
		line-height: 4rem;
	}
	.wedd-doc{
		background-position: top right 0%;
	}
	.wedd-doc p{
		font-size: 2.2rem;
		padding: 1rem 4rem; 
	}
	.wedd-doc ul{
		font-size: 2.2rem;
		padding: 0 0 0 4rem;
	}
	.pink-frame{
		width: 70%;
		text-align: center;
	}
	.bg-gray{
		font-size: 2.2rem;
	    padding: 4rem;
	}
	.wedd-title{
		font-size: 3.0rem;
	}
	.wedd-title:before{
		width:20%;
		height:3.0rem;
	}
	.wedd-title:after{
		wwidth:20%;
		height:3.0rem;
	}
	
	.t-pink{
		font-size: 2.6rem;
		line-height: 6rem;
	}
	.article-box,.article-box02{
		font-size: 2.0rem;
		max-width: 900px;
		margin: 0 auto;
	}
	.article-box img{
		width: 80%;
    }
	.article-box02 img{
		width: 60%;
	}
	.t-gold{
		font-size: 2.0rem;
		text-align: left;
	}
}
/*PC表示設定*/
@media (min-width: 1025px) {
	/*ウェディングページ*/
	#wedd-page-title{
		font-size: 3rem;
		top:48%;
		left: 18%;
	}
	
	
	.pink-frame{
		width: 45%;
		text-align: center;
	}
	.bg-gray{
		width: 60%;
	}
}