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

/* Report
--------------------------- */
#wedding{
	background-color:#fff;
}

#title{
	background-color:#fff;
	background-image:url("../images/wedding/report/main.jpg");
	background-position:center;
	background-size:auto 100%;
	margin-bottom:0;
}
#title h1.ttl,
#title p.lead{
	color:#fff;
}
#title .inner{
	padding: 7.416666666666667rem 0 7.416666666666667rem;
}
#title h1.ttl{
	letter-spacing: 0.4em;
}
#title .lead{
	font-size:1.5rem;
	margin-top: 1.083333333333333rem;
	letter-spacing: 0.3em;
}

#title2{
	border-bottom:30px solid #393a34;
}
#title2 .inner{
	padding:3.2rem 0;
	text-align:center;
}
#title2 h1{
	color:#000;
	font-size:2.0rem;
	letter-spacing:0.2em;
	line-height:1.8;
	text-align:center;
	overflow:hidden;
	display:inline-block;
}
#title2 h1 span{
	display:inline-block;
	padding:0 0.6em;
	margin-bottom:1.0rem;
	font-size:1.416667rem;
	font-family: "������" , "Yu Mincho" , "��������" , "YuMincho" , "�q���M�m���� Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS����E" , "�l�r �o����" , "MS PMincho" , serif;
	letter-spacing:0;
	line-height:1.0;
	background-color:#fff;
	position:relative;
}
#title2 h1 span:after{
	content:"";
	display:block;
	width:250%;
	border-bottom:1px solid #393a34;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	z-index:-1;
}

#weddingReport{
	background-color:#f6f6f4;
	padding-bottom:7.5rem;
}
#weddingReport .inner{
	max-width:1050px;
}
#weddingReport ul:after{
	content:"";
	display:table;
	clear:both;
}
#weddingReport .tab ul li{
	width:33.3333%;
	float:left;
}
#weddingReport .list ul li{
	width:30.4762%;
	margin-left:4.285714%;
	margin-bottom:4.285714%;
	float:left;
}
#weddingReport ul li:nth-child(3n+1){
	margin-left:0;
	clear:both;
}

#weddingReport .tab{
	padding-top:5.7%;
	margin-bottom:5.7%;
}
#weddingReport .tab .btn{
	display:none;
}
#weddingReport .tab ul{
	border-top:1px solid #000;
	border-left:1px solid #000;
	box-sizing:border-box;
}
#weddingReport .tab ul li a{
	display:block;
	padding:1.5rem 0;
	font-size:1.3333rem;
	text-align:center;
	letter-spacing:0.2em;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	background-color: #fff;
}
#weddingReport .tab ul li a:hover,
#weddingReport .tab ul li.current a{
	color:#fff;
	text-decoration:none;
	background-color:#2f3033;
}

#weddingReport .list ul li{
	position:relative;
}
#weddingReport .list ul li:after{
	content:"";
	display:block;
	height: 43%;
	border-left: 1px solid #000;
	transform: rotate(37deg);
	position: absolute;
	bottom: -5%;
	right: 11.5%;
}
#weddingReport .list ul li a{
	display:block;
	position:relative;
	padding:6.25%;
	background-color:#fff;
	background-image:url("../images/wedding/report/btn_off.png");
	background-position:bottom right;
	background-repeat:no-repeat;
	background-size:21.875% auto;
	border:1px solid #000;
}
#weddingReport .list ul li a:hover,
#weddingReport .list ul li a:focus{
	text-decoration:none;

}
#weddingReport .list ul li a:hover:before{
	content:"";
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	background-image:url("../images/wedding/report/btn_on.png");
	background-position:bottom right;
	background-repeat:no-repeat;
	background-size:21.875% auto;
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
#weddingReport .list ul li a span{
	margin-top:0.25rem;
	position:relative;
	display:block;
}
#weddingReport .list ul li a .photo{
	width:100%;
	height:0;
	padding-top:66.78571%;
	margin-bottom:10px;
}
#weddingReport .list ul li a .photo img{
	width:auto;
	height:100%;
	position:absolute;
	top:0;
	left:50%;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
}
#weddingReport .list ul li a .date{
	font-size:1.08rem;
}
#weddingReport .list ul li a .chapel{
	font-size:1.416667rem;
}
#weddingReport .list ul li a .name{
	font-size:1.416667rem;
}

#weddingReport .more,
.reportBack .report{
	width:30.4762%;
	margin:0 auto;
	display:block;
}
#weddingReport .more:before{
	background-image:url("../images/wedding/report/btn_more_on.png");
}
.reportBack .report:before{
	background-image:url("../images/wedding/report/btn_report_on.png");
}

#weddingReport #youtube{
	margin-top:5.714286%;
}
#weddingReport #youtube iframe{
	width:100%;
	height:auto;
}
#weddingReport #gallery{
	padding-top:5.714286%;
	margin-bottom:5.714286%;
}
#weddingReport #gallery ul li{
	width:49.52381%;
	margin-bottom:0.952381%;
	overflow: hidden;
}
#weddingReport #gallery ul li:nth-child(2n){
	float:right;
}
#weddingReport #gallery ul li:nth-child(3n+1){
	clear:none;
}
#weddingReport #gallery ul li:nth-child(2n+1){
	float:left;
	clear:both;
}
#weddingReport #gallery ul li.hide{
	display:none;
}
#weddingReport #gallery ul li a{
	display:block;
	width:100%;
	height:0;
	padding-top:66.73077%;
	background-color:#ebebe5;
	position:relative;
	z-index:0;
}
#weddingReport #gallery ul li a img{
	width:auto;
	height:100%;
	position:absolute;
	top:0;
	left:50%;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
}
#weddingReport #gallery ul li span{
	width:100%;
	height:100%;
	padding:3px;
	box-sizing:border-box;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
#weddingReport #gallery ul li span:after{
	content:"";
	display:block;
	width:100%;
	height:100%;
	border:1px solid #fff;
	box-sizing:border-box;
}
/*
#weddingReport #gallery ul li a:after{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	-weblkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:98.84615%;
	height:98.27089%;
	border:1px solid #fff;
	box-sizing:border-box;
	z-index:15;
}
*/
#weddingReport #gallery ul li a:before{
	content:"";
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
#weddingReport #gallery ul li a:hover:before{
	background-color:rgba(0,0,0,0.5);
}

.reportBack{
	background-color:#f6f6f4;
}
.reportBack .inner{
	max-width:1050px;
	margin:0 auto;
	padding:5.3333% 0;
}
.reportBack .more{
	width: 30.4762%;
	margin:0 auto;
	display:block;
}

.noData{
	color:#000;
	font-size: 1.5rem;
	text-align:center;
}
.mfp-close{
	position:fixed !important;
	right:0px !important;
}

@media (max-width:640px){
	#title{
		background-image:none;
	}
	#title .inner{
		padding:8% 0 8%;
	}
	#title h1.ttl, #title p.lead{
		color:#000;
	}
	#title .lead{
		margin-top:1.0rem;
		letter-spacing:0.2em;
		font-size:1.66667rem;
	}
	#title2{
		border-bottom:none;
	}
	#title2 .inner{
		padding:6% 0 6%;
	}
	#title2 h1{
		margin:0;
		font-size:2.333rem;
	}
	#title2 h1 span{
		font-size:1.58333rem;
	}
	
	#weddingReport{
		padding-bottom:0;
	}
	#weddingReport .inner{
		width:93.3333%;
		margin:0 auto;
		padding:5.3333% 0 0;
	}
	#weddingReport .inner+.inner{
		padding-bottom:10%;
	}
	#weddingReport #gallery{
		padding-top: 0;
	}
	
	#weddingReport .tab{
		margin:0;
		padding-top: 0;
		position:relative;
		z-index:10;
	}
	#weddingReport .tab .btn{
		display:block;
		padding: 1.5rem 1.5rem;
		background-color: #2f3033;
		background-image:url("../images/wedding/report/sp/open.png");
		background-repeat:no-repeat;
		background-position:96% center;
		background-size:1.5rem auto;
		color: #fff;
		font-size: 2.5rem;
		text-decoration: none;
		text-align: center;
		line-height:4.0rem;
		letter-spacing: 0.1em;
		position:relative;
		z-index:20;
		border: 1px solid #000;
	}
	#weddingReport .tab .btn.active{
		background-image:url("../images/wedding/report/sp/close.png");
	}
	#weddingReport .tab .accordion{
		position:relative;
	}
	#weddingReport .tab ul{
		width:100%;
		display:none;
		position:absolute;
		top:0;
		left:0;
	}
	#weddingReport .tab ul li{
		width:100%;
		background-color:#fff;
		float:none !important;
	}
	#weddingReport .tab ul li.current{
		display:none;
	}
	#weddingReport .tab ul li a{
		font-size: 2.5rem;
		line-height:4.0rem;
	}
	
	#weddingReport .list ul{
	}
	#weddingReport .list ul li{
		width:47.7612%;
		margin:0 0 4.477612% 4.477612%;
	}
	#weddingReport .list ul li:after{
		height:45.5%;
		bottom:-6%;
		right:11.5%;
	}
	#weddingReport ul li:nth-child(3n+1){
		float:left;
		clear:none;
	}
	#weddingReport ul li:nth-child(2n+1){
		margin-left:0;
	}
	/*
	#weddingReport ul li:nth-child(2n){
		float:right;
	}
	#weddingReport ul li:nth-child(2n+1){
		float:left;
	}
	*/
	#weddingReport .list ul li a:before,
	#weddingReport .list ul li a:hover:before{
		display:none;
	}
	#weddingReport .list ul li a span{
		margin-top:0.5rem;
	}
	#weddingReport .list ul li a:hover:before{
		content: none;
	}
	#weddingReport .list ul li a .date{
		font-size:1.5rem;
	}
	#weddingReport .list ul li a .chapel,
	#weddingReport .list ul li a .name{
		font-size:1.83333rem;
	}
	
	#weddingReport #youtube{
		width:100%;
		margin-top:0;
		margin-bottom:0%;
	}
	#weddingReport #youtube iframe{
		width:100%;
		height:auto;
	}
	#weddingReport #gallery ul li{
		width:100%;
		float:none;
	}
	#weddingReport #gallery ul li:nth-child(2n+1),
	#weddingReport #gallery ul li:nth-child(2n){
		float:none;
	}
	#weddingReport #gallery ul li a{
		height:auto;
		padding-top:0;
	}
	#weddingReport #gallery ul li a:before{
		display:none;
	}
	#weddingReport #gallery ul li a img{
		width:100%;
		height:auto;
		position:relative;
		left:0%;
		-webkit-transform: translateX(0%);
	    -ms-transform: translateX(0%);
	    transform: translateX(0%);
	}
	#weddingReport .more,
	.reportBack .report{
		width:74.32836%;
		padding-bottom: 5.714286%;
	}
	#weddingReport .more:before{
		content: none;
		background-image:url("../images/wedding/report/btn_more_on.png");
	}
	.reportBack .report:before{
		content: none;
		background-image:url("../images/wedding/report/btn_report_on.png");
	}

	.reportBack .inner{
		width:89.3333%;
		margin:0 auto;
		padding:5.3333% 0;
	}
	.reportBack .more{
		width: 74.32836%;
		margin:0 auto;
	}
	
	.noData{
		color:#000;
		font-size: 1.66667rem;
		text-align:center;
	}

	.mfp-arrow-left{
		left:10px !important;
	}
	.mfp-arrow-right{
		right:10px !important;
	}

}