@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; }


.pc_data .btn img{ width: 198px; }
.btn{ max-width: 100%; width: 290px; margin:0 auto; display: block; background: #778995; 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 #778995; transition: 0.3s all; }
.btn:hover{ opacity: .7; }

.comment{ background: #7a422f; padding: 100px 0 70px; position: relative; margin-top: 80px; }
.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-top-color: #7a422f;
	border-width: 30px;
	margin-left: -30px;
}

.bg-theme{ background: url(../image/pc2019/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: 40px 50px 30px;}
.theme .box-2 .txt-box p{ font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif; color: #7a422f; letter-spacing: .1em; line-height: 1.6em; }
.theme .box-2 .txt-box p span{ font-size: 200%;     line-height: 1.6em; }
.theme .box-2 .btn{ width: 100%; margin-top: 15px; }
.theme .box-2 .btn img{ width: 238px; }
.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; margin-top: 40px; }
.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 #7a422f; 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: #000; }
.pc_data dd{ font-size:13px; line-height:1.8em; color: #000; }

.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 #7a422f; 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: #000000; }
.pc_data dd{ font-size:14px; line-height:1.8em; color: #000000; }


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



}