@charset "utf-8";
/* CSS Document */

h2{
	margin-bottom: 0!important;
}
/* -------------------------------------------------

contentsArea

------------------------------------------------- */
.contentsArea h3{
	font-family: "Hiragino Mincho ProN", "HG明朝B", "ＭＳ Ｐ明朝", serif;
	background:url(../../../common/images_bridal/deco03.png) no-repeat center top;
	text-align:center;
}
.firstCopy{
	margin:0 0 20px;
	text-align:center;
	text-shadow:1px 1px 3px rgba(0,0,0,0.8);
}

.shintoCopy .firstCopy{
  text-shadow: none;
}
/* spec */
.contentsArea ul{
	text-align:center;
	margin:0 0 30px;
	font-size:0.9em;
}

/* PC */
@media screen and (min-width:769px) {
.shintoCopy{
  padding-top: 50px;
}
.contentsArea{
	margin:0 0 80px;
}
.contentsArea h3{
	font-size:1.6em;
	margin:0 0 20px;
	padding:40px 0 0;
}
.firstCopy{
	line-height:220%;
}
/* linkArea */
.linkArea{
	text-align:center;
}
.linkArea p{
	display:inline-block;
}
.linkArea p a{
	padding-left:150px;
	padding-right:150px;
	margin:0 20px;
}
}
/* Tablet */
@media screen and (max-width:768px) {
.shintoCopy{
  padding: 20px;
}
.contentsArea > div.photoArea,
.contentsArea > ul,
.contentsArea > div.linkArea{
	padding-left: 20px;
	padding-right: 20px;
}
.contentsArea h3{
	background-size:153px auto;
	font-size:1.3em;
	margin:0 0 10px;
	padding:20px 0;
}
/* linkArea */
.linkArea p a{
	display:block;
	margin:0 0 20px;
}

}
/* -------------------------------------------------

frontArea

------------------------------------------------- */
.frontArea{
	position: relative;
}
.frontArea video{
	width: 100%;
}
.youtubeArea{
	position: relative;
	padding-bottom: 56.25%;
	/*padding-bottom: 66.6%;*/
	height: 0;
	overflow: hidden;
} 
.youtubeArea > div,
.youtubeArea iframe,  
.youtubeArea object,  
.youtubeArea embed {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* PC */
@media print, screen and (min-width:769px) {
.frontArea > section{
	top:60px;
	position: absolute;
	width: 100%;
	color:#fff;
	overflow: hidden;
}
}
/* Tablet */
@media screen and (max-width:768px) {
.frontArea > section{
	position: relative;
	color:#222;
	top:0;
	padding: 20px;
}
.firstCopy{
	text-shadow:none;	
}
}
/* SP縦向き */
@media screen and (max-width:640px) and (orientation: portrait) {

}



/* -------------------------------------------------

photoArea

------------------------------------------------- */
.photoArea{
	height:auto;
	margin:0 0 20px;
}
.photoArea p{
	float:left;
}
.photoArea p img{
	width:100%;
}
/* PC */
@media screen and (min-width:769px) {
.photoArea p{
	width:16.666%;
}
}
/* Tablet */
@media screen and (max-width:768px) {
.photoArea p{
	width:33.333%;
}
.photoArea p:nth-child(4){
	clear:both;
}
}