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

/* 完成後のフォトギャラリー　*/

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

@media print, screen and (min-width: 768px){

.dateBox{
	padding:40px 0 10px;
	text-align:center;
}

.dateBox h3.date_title{
	font-size:18px;
	color:#727171;
	font-weight:500;
	line-height:1.0em;
	letter-spacing:0.15em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.gallery_photoBox{
	max-width:1280px;
	margin:40px auto 0;
	padding:0 50px;
}

.gallery_photoBox .gallery_titBox{
	border-top:1px solid #E6E6E6;
	border-bottom:1px solid #E6E6E6;
	padding:30px 0;
}

.galleryBox{
	margin-top:80px;
}

.galleryBox .one_ph{
}

.galleryBox .two_ph{
	display:flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.galleryBox .two_ph .two_left{
	width:48.5%;
}

.galleryBox .two_ph .two_right{
	width:48.5%;
}

.galleryBox .two_ph02{
	display:flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.galleryBox .two_ph02 .two_left{
	width:48.5%;
}

.galleryBox .two_ph02 .two_right{
	width:48.5%;
}

.galleryBox .ph_mr{
	margin-top:35px;
}

.galleryBox .ph_txt{
	margin-top:25px;
	text-align:center;
	font-size:15px;
	color:#333;
	font-weight:500;
	line-height:1.8em;
	letter-spacing:0.07em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.before_btBox{
	max-width:680px;
	margin:100px auto 0;
	text-align:center;
	padding-bottom:80px;
}

.before_btBox p.gallery_message{
	font-size:16px;
	color:#333;
	font-weight:500;
	line-height:2.0em;
	letter-spacing:0.08em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.bt_event a{
	display:block;
	width:390px;
	margin:40px auto 0;
	padding:30px 0;
	text-align:center;
	font-size:16px;
	font-weight:500;
	color:#FFF;
	line-height:1.0em;
	letter-spacing:1.5px;
	text-decoration:none;
	background:#222;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}

.bt_event a:hover{
	background:#777;
	text-decoration:none;
}

}

@media screen and (max-width:768px){

.dateBox{
	padding:40px 0 15px;
	text-align:center;
}

.dateBox h3.date_title{
	font-size:15px;
	color:#727171;
	font-weight:500;
	line-height:1.0em;
	letter-spacing:0.12em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.gallery_photoBox{
	padding:0 20px;
}

.gallery_photoBox .gallery_titBox{
	border-top:1px solid #E6E6E6;
	border-bottom:1px solid #E6E6E6;
	padding:30px 0;
}

.galleryBox{
	margin:30px 0 0;
}

.galleryBox .one_ph{
}

.galleryBox .two_ph{
}

.galleryBox .two_ph .two_left{
}

.galleryBox .two_ph .two_right{
	margin-top:13px;
}

.galleryBox .two_ph02{
	display:flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.galleryBox .two_ph02 .two_left{
	width:48.5%;
}

.galleryBox .two_ph02 .two_right{
	width:48.5%;
}

.galleryBox .ph_mr{
	margin-top:13px;
}

.galleryBox .ph_txt{
	margin-top:10px;
	font-size:12px;
	color:#333;
	font-weight:500;
	line-height:1.7em;
	letter-spacing:0.05em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	text-align: justify;
	padding-bottom:10px;
}

.galleryBox .ph_txt br{
	display:none;
}

.before_btBox{
	padding:60px 15px;
}

.before_btBox p.gallery_message{
	font-size:15px;
	color:#333;
	font-weight:500;
	line-height:1.9em;
	letter-spacing:0.05em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.before_btBox p.gallery_message br{
	display:none;
}

.bt_event a{
	display:block;
	width:100%;
	margin:0 auto;
	padding:30px 0;
	text-align:center;
	font-size:15px;
	font-weight:500;
	color:#FFF;
	line-height:1.0em;
	letter-spacing:1.5px;
	text-decoration:none;
	background:#222;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}

.bt_event a:hover{
	background:#777;
	text-decoration:none;
}

}

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

/* BEFORE　*/

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

@media print, screen and (min-width: 768px){

.before{
	max-width:1280px;
	margin:120px auto 0;
	padding:0 50px 0px;
}

.before h2.before_title{
	text-align:center;
	font-family: 'Roboto',sans-serif;
	font-size:30px;
	color:#333;
	font-weight:500;
	line-height:1.5em;
	letter-spacing:0.2em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.before h3.before_subtit{
	margin-top:6px;
	text-align:center;
	font-size:15px;
	color:#333;
	font-weight:500;
	line-height:1.6em;
	letter-spacing:0.08em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.before ul.beforeBox{
	padding-top:5px;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.before ul.beforeBox li{
	width:31.3%;
	margin-top:40px;
}

.before ul.beforeBox li img{
	width:100%;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}

.before ul.beforeBox li img:hover{
	opacity: .60;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-khtml-opacity: .60;
	-moz-opacity: .60;
}

.before .bt_before a{
	display:block;
	width:280px;
	margin:40px auto;
	padding:22px 0;
	text-align:center;
	font-size:14px;
	font-weight:500;
	color:#FFF;
	line-height:1.0em;
	letter-spacing:0.15em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	text-decoration:none;
	background:#333;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}

.before .bt_before a:hover{
	background:#666;
	text-decoration:none;
}

}

@media screen and (max-width:768px){

.before{
	margin:80px auto 0;
	padding:0 20px 5px;
}

.before h2.before_title{
	text-align:center;
	font-family: 'Roboto',sans-serif;
	font-size:25px;
	color:#333;
	font-weight:500;
	line-height:1.5em;
	letter-spacing:0.2em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.before h3.before_subtit{
	margin-top:6px;
	text-align:center;
	font-size:14px;
	color:#333;
	font-weight:500;
	line-height:1.6em;
	letter-spacing:0.08em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.before ul.beforeBox{
	padding-top:20px;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.before ul.beforeBox li{
	width:32%;
	margin-top:10px;
}

.before ul.beforeBox li img{
	width:100%;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}

.before ul.beforeBox li img:hover{
	opacity: .60;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-khtml-opacity: .60;
	-moz-opacity: .60;
}

.before .bt_before a{
	display:block;
	width:250px;
	margin:30px auto;
	padding:20px 0;
	text-align:center;
	font-size:13px;
	font-weight:500;
	color:#FFF;
	line-height:1.0em;
	letter-spacing:0.18em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	text-decoration:none;
	background:#333;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}

.before .bt_before a:hover{
	background:#666;
	text-decoration:none;
}

}