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

body { margin:0 auto; overflow:visible; padding:0;line-height: 1; -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%;　-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;}

.zoom50{ zoom:50%; margin: 0 auto; display: block; }



.btn{ max-width: 100%; width: 290px; margin:0 auto; display: block; background: #bca97b; color: #fff; border-radius: 0; font-size: 18px; font-family: "bebas",sans-serif; letter-spacing: .05em; line-height: 1.6em; padding: 8px 15px 6px; border: 1px solid #bca97b; transition: 0.3s all; }
.btn:hover{ background:#fff; color: #bca97b; }

.other-photo { padding-top: 70px; padding-bottom: 70px; }
.other-photo h2{ text-align: center; padding-bottom: 60px; }
.other-photo .row{ max-width:1025px; margin: 0 auto; }
.other-photo .border-box{ padding:50px 0; border: 2px solid #5a5c7e; position: relative; top: -50px; }
.other-photo li{ padding:0 30px 30px; }
.other-photo figure{ padding:0 40px; position: relative;  z-index: 99;}
.other-photo h3{ padding: 40px 40px 30px; border-bottom: 1px dotted #5a5c7e; }
.other-photo dl{ padding: 30px 40px 20px;}
.other-photo dt{ font-size:16px; text-align:center; font-weight:bold; padding-bottom:10px; color: #5a5c7e; }
.other-photo dd{ font-size:14px; line-height:1.8em; color: #5a5c7e; }

.comment{ background: #5a5c7e; padding: 100px 0 70px; position: relative; }
.comment .container{ max-width: 750px; padding: 0 30px; margin: 0 auto; }
.comment h2{ color: #fff; font-size: 16px; font-weight: bold; text-align: center; margin-bottom: 40px; }
.comment h2 span{ padding-top: 30px; display: block; }
.comment p{ color: #fff; line-height: 1.8em; }
.comment:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(90, 92, 126, 0);
	border-top-color: #5a5c7e;
	border-width: 30px;
	margin-left: -30px;
}

.bg-theme{ background: url(../image/pc2018_2/bg.jpg) center; background-size: cover; padding: 100px 15px; }

.theme{ border:2px solid #fff; overflow: hidden; font-family:‘游明朝’, YuMincho, ‘ヒラギノ明朝 ProN W3’ , ‘HiraMinProN-W3’ ,”メイリオ”, Meiryo, serif; max-width: 1000px; margin: 0 auto; }
.theme h4{ padding:15px; text-align: center; font-weight: bold; font-size: 28px; color: #fff; margin-top: -15px; }
.theme h4:after{ content: ""; width: 42px; display: block; border-bottom: 1px solid #fff; margin: 0 auto; padding-top: 15px; }
.theme .box-1{ display: flex; justify-content: center; align-content: center; flex-direction: column; padding: 20px; }
.theme .box-2 { background:#fff; }
.theme .box-2 .txt-box{ float: left; width: 78%; color: #1a1a1a; padding:55px 50px 30px;}
.theme .box-2 .btn{ width: 100%; margin-top: 25px; }
.theme .box-2 figure{ float: right; width: 22%;}

@media screen and (max-width: 799px) {
	
.contents_title{ text-align:center; padding:20px 40px 0; }
.contents_title img{ zoom:35%; }
.contents_box{ padding:20px 0; }

.other-photo h2 img{ zoom:35%; }

.comment{ padding: 70px 0 50px; }
.comment h2 span{ padding-top: 20px; }
.comment h2{ margin-bottom: 30px;}
.comment h2 img{ zoom:35%; }

.bg-theme{ padding: 60px 30px; }
.theme{ overflow: hidden; left:0; right:0; text-align: center; }
.theme h4{ padding:20px; font-size: 18px; margin-top: 0; }
.theme h4:after{ content: ""; width: 30px; padding-top: 10px; }
.theme .box-1{ font-size: 13px; }
.theme .box-2 { border-top:2px solid #fff; padding:20px; }
.theme .box-2 .txt-box{ float: none; width: 100%; padding:10px; text-align: center; margin-top: 15px;}
.theme .box-2 p{ font-size: 16px; }
.theme .box-2 dl{ padding:10px 0 15px; overflow: hidden;}
.theme .box-2 dt{ font-size: 15px; float: none; }
.theme .box-2 dt span{ font-size:20px; display: block; padding:0; letter-spacing: .1em;}
.theme .box-2 dd{ float: none; width: 40px; margin:15px auto; }
.theme .box-2 figure{ float: none; width: 120px; margin:0 auto; }
.theme .box-2 .btn{ margin-top: 15px; }



.ph_left{ margin:0 0 -100px; overflow:hidden; }
.ph_right{  overflow:hidden; }
.bg_box{ background-color:rgba(255,255,255,0.80); border:3px solid #5a5c7e; padding:40px; overflow:hidden; margin:15px; position:relative; top:-100px; }
.ph_left .pc_data{}
.ph_right .pc_data{}
.pc_data h2{ text-align: center; }
.pc_data h2 img{ max-width: 230px; width: 100%}
.pc_data dl{ overflow:hidden; padding:25px 0;  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.pc_data dt{ font-size:15px; text-align:center; font-weight:bold; padding-bottom:10px; color: #5a5c7e; }
.pc_data dd{ font-size:13px; line-height:1.8em; color: #5a5c7e; }


.other-photo { padding:40px 15px; }
.other-photo h2{ text-align: center; padding-bottom: 40px; }
.other-photo .border-box{ padding:50px 0 30px; top: -50px; }
.other-photo li{ padding:0 15px; }
.other-photo figure{ padding:0 30px;}
.other-photo h3{ padding: 40px 40px 30px;  }
.other-photo dl{ padding: 30px 40px 20px;}
.other-photo dt{ font-size:16px; text-align:center; font-weight:bold; padding-bottom:10px; color: #5a5c7e; }
.other-photo dd{ font-size:12px; color: #5a5c7e; }
.other-photo .btn{ max-width: 80%; }


.sp{  }
.pc{ display: none; }

	
}
@media screen and (min-width: 800px) {
	
.contents_title{ text-align:center; padding:50px 0; }
.contents_box{ padding:50px 0; }


.ph_left .ph{ position:absolute; left:40px; top:-40px; width:610px;}
.ph_right .ph{ position:absolute; right:40px; top:-40px; width:610px;}
.bg_box{ background-color:rgba(255,255,255,0.50); height:740px; border:4px solid #5a5c7e; padding:70px; overflow:hidden; margin-bottom:80px; }
.ph_left .pc_data{width:280px; float:right; }
.ph_right .pc_data{width:280px; float:left; }
.pc_data h3{ text-align: center; }
.pc_data dl{ overflow:hidden; padding:45px 0 25px; }
.pc_data dt{ font-size:16px; text-align:center; font-weight:bold; padding-bottom:10px; color: #5a5c7e; }
.pc_data dd{ font-size:14px; line-height:1.8em; color: #5a5c7e; }


.sp{ display: none; }
.pc{}



}