/* font-family: 'Cinzel', serif; */
/* font-family: 'M PLUS 1p', sans-serif; */
/* font-family: 'Noto Sans JP', sans-serif; */
/* font-family: 'Noto Serif JP', serif; */

@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=M+PLUS+1p:wght@100;300;400;500;700&family=Noto+Sans+JP:wght@100;200;300;400;500;600&family=Noto+Serif+JP:wght@200;300;400;500;600&display=swap');

/*RESET.CSS Start */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; background : transparent; }
caption, th, td { text-align : left; font-weight : normal; }
table, td, th { vertical-align : middle; border-collapse:collapse;border-spacing : 0;  }
blockquote:before, blockquote:after, q:before, q:after { content : ""; }
blockquote, q { quotes : "" ""; }
a img {border : none; }
abbr[title], dfn[title] {border-bottom : 1px dotted rgb(0,0,0);cursor : help; }
 
/* HTML 5 */
article, aside, dialog, figure, footer, header, hgroup, nav, section {display : block; }
mark {background-color : #ff9;color : rgb(0,0,0);font-style : italic;font-weight : bold; }
/*RESET.CSS END */

*,*::after,*::before{box-sizing: border-box;}

.clearfix:before,.clearfix:after {display: block;line-height: 0; content: ""; display:block; height:0;clear:both;}

body{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust: none;}

/*-------------------Comment1-----------------------*/
.line1{width:100%;height:1px;border:none; border-top: 1px dotted #ccc; margin-top:10px;margin-bottom:10px;}
.line2{width:100%;height:1px;border:none; border-top: 3px solid #ee7600; margin-bottom:10px;}

.hr-mid-circle,.hr-mid-square {border: 0;color:#ab9e80;background: linear-gradient(currentColor, currentColor) no-repeat center;background-size: 100% 1px;}
.hr-mid-circle::before {content: '';display: block;width: .75em; height: .75em;border-radius: 50%;background-color: currentColor;margin: auto;}
.hr-mid-square::before {content: '';display: block;width: .75em; height: .75em;transform: rotate(45deg);background-color: currentColor;margin: 3px auto;}
.hr-mid-circle[multiline]::before {box-shadow: 1.5em 0, -1.5em 0;}
.hr-mid-square[multiline]::before {box-shadow: 1.25em -1.25em, -1.25em 1.25em;}
.hr-space-square {border: 0;color: #d0d0d5;background: linear-gradient(currentColor, currentColor) no-repeat center;background-size: calc(100% - 1.5em - 6px) 1px;display: flex;justify-content: space-between;}

.imgHover:hover{opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }

.alignLeft{text-align:left!important;}
.alignCenter{text-align:center!important;}
.alignRight{text-align:right!important;}

.inlineBlock{display:inline-block!important;}

.setPaddingT50{padding-top:50px!important;}
.setPaddingT20{padding-top:20px!important;}
.setPaddingT10{padding-top:10px!important;}

.setPaddingL20{padding-left:20px!important;}

.setPaddingB50{padding-bottom:50px!important;}
.setPaddingB20{padding-bottom:20px!important;}
.setPaddingB10{padding-bottom:10px!important;}

.setMarginB50{margin-bottom:50px!important;}
.setMarginB20{margin-bottom:20px!important;}
.setMarginB10{margin-bottom:10px!important;}

.setMarginT50{margin-top:50px!important;}
.setMarginT20{margin-top:20px!important;}
.setMarginT10{margin-top:10px!important;}

.annotation1{color:#666;font-size:0.825rem;}
.stress1{font-weight:600;font-size:0.875rem;color:#ad0c0c;}
.stress1 a{color:#ad0c0c!important;text-decoration:underline!important;}
.stress2{font-weight:600;color:#cc3526;}
.stress3{font-weight:600;color:#1d50a2;font-size:1.125rem;}
.stress4{font-weight:600!important;color:#ba6b3a;}

.annotation1{font-size:0.825rem;color:#666;}

.pBeforeArrow1{position:relative;}
.pBeforeArrow1::before{content:"";display: inline-block; width:6px; height:6px; border: solid #333;border-width: 0 1px 1px 0;transform:rotate(-45deg);position:absolute;top:11px;left:-11px;}
/*------------------ Template ---------------------*/
html{font-size:16px;}
body{font-family:'Noto Serif JP',游ゴシック, Yu Gothic, 游ゴシック体, YuGothic, Meiryo UI, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-size:100%;font-weight:500;color: #000; line-height:1.6;letter-spacing:1px;text-align:justify;}

body:before {
	content:'';
	position:fixed;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background:#f1ebc1 url(../images/bg.jpg) top center no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;
}

a:link{ text-decoration: none; color:#333;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
a:visited{color:#333; }
a:hover{color:#666; }
a:active{ color:#666;}

.title1{width:100%;height:55px;line-height:55px;background:url(../images/iconTitle1.png) no-repeat 5px 4px,linear-gradient(to right,#fefbd8, #bdaa67);background-size:50px,100%;color:#7e632b;font-size:1.25rem;text-indent:2.5em;letter-spacing:1px;text-transform:uppercase;}
.title1 span{font-size:0.795em;font-weight:600;padding-left:1em;}

.btn1{width:210px;display:block;padding:8px 15px; color:#7a4301!important;border:1px solid #ccc;text-align:center;margin:20px auto 10px;background-color:rgba(255,255,255,0.9);font-size:0.85rem;}
.btn1:hover{background-color:rgba(255,255,255,0.4);}
.btn1::after{content:"";display: inline-block; width: 13px; height: 4px; margin: 0 0 1px 1em;border: solid #666;border-width: 0 1px 1px 0;transform-origin: left bottom;transform: skewX(45deg);}
.btn1:hover::after{margin-left:1.25em;}

#header{width:1000px;height:160px;margin:0 auto;overflow:hidden;position:relative;}
#siteNameA{width:263.333px;height:160px;position:absolute;top:0;left:0%;}
#siteNameA img{width:100%;}

#infoTop{width:315px;color:#fff;position:absolute;top:15px;right:0%;text-align:center;text-shadow:1px 1px 3px #000;font-family: 'Noto Sans JP', sans-serif;}
#infoTop p:nth-of-type(1){font-size:1.25rem;}
#infoTop p:nth-of-type(2){font-size:2rem;color:#fff;}
#infoTop p:nth-of-type(2) a{color:#fff;}
#infoTop p:nth-of-type(3){font-size:0.725rem;}
#infoTop p:nth-of-type(4){font-size:1rem;}

#navPCWrap{width:100%;height:55px;overflow:hidden;margin-bottom:14px;background:#7d622a url(../images/navPC.jpg) repeat-x;}
#navPC{width:1000px;height:55px;margin:0 auto;text-align:center;}
#navPC li{width:16.66%;height:55px;float:left;list-style:none;position:relative;}
#navPC li:not(:last-child):after{content:"";width:1px;height:20px;position:absolute;top:18px;right:0;background:#ccc;}
#navPC li a{display:block;width:100%;height:55px;padding-top:5px;font-size:1.025rem;color:#fff;font-weight:600;line-height:1.6;}
#navPC li a:hover{text-shadow:0px 0px 4px #fff;}
#navPC li a span{display:block;font-size:0.675em;color:#b4a483;text-transform:uppercase;}
#navPC li a:hover span{text-shadow:none;}

#navIcon{
	display:none;
	position:fixed;
	top:0;
	right:0;
	z-index:14;
	background:rgba(125,98,42,0.8); 
	padding:4px 0;
	color:#fff;		
	width:55px;
	height:55px;
	line-height:110%;
	text-align:center; 
	cursor: pointer;		
	font-size:0.55rem;
}
.nav-icon-first,.nav-icon-second,.nav-icon-thrid {
	width: 32px;
	height: 2px;
	background:#fff;
	margin: 6px auto;
	transition: 0.1s;
}	

/* 旋转第一条横线 */
.close .nav-icon-first {
	width: 28px;
	-webkit-transform: rotate(-135deg) translate(-5.5px,-6px);
	transform: rotate(-135deg) translate(-5.5px,-6px);
}
/* 隐藏第二条横线 */
.close .nav-icon-second {
	opacity: 0;
}
/* 旋转第三条横线 */
.close .nav-icon-thrid {
	width: 28px;
	-webkit-transform: rotate(135deg) translate(-5.5px,6px);
	transform: rotate(135deg) translate(-5.5px,6px);
}

#navMobile{width:100%;height:100%;position:fixed;top:0;background:rgba(0,0,0,0.4);z-index:11;display:none;}
#navMobileWrap{width:260px;height:100%;background:rgba(125,98,42,0.8);overflow-y:auto; overflow-x:hidden;padding-top:40px;}
#navMobile ul{width:100%;}
#navMobile ul li a{text-indent:5px;color:#fff;display:block;width:90%;margin:0 auto;height:52px;line-height:52px;font-size:1.05rem;border-bottom:0.75px solid #fff;position:relative;}
#navMobile ul li a span{font-size:0.75em;padding-left:6px;}
#navMobile li a::after{content:"";width: 11px; height: 4px; position:absolute;top:26px;right:6px;border: solid #fff;;border-width: 0 1px 1px 0;transform-origin:left bottom;transform: skewX(45deg);}
	
#navModule{width:200px;margin:40px auto 10px;border:0.75px solid #fff;padding:5px 10px;text-align:center;font-size:0.875rem;}
#navModule p{color:#fff;}
#navModule p a{color:#fff;}

#headline{width:1000px;height:55px;margin:0 auto 15px;position:relative;}
#mq{width:780px;height:55px;line-height:52px;border:3px #7e632b solid;color:#fff;position:absolute;top:0;right:0;}

#show{width:1000px;margin:0 auto 12px;}
#show img{width:100%;vertical-align:middle;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}

#showC{width:1000px;height:280px;margin:0 auto 15px;background:url(../images/showC.jpg);background-size:cover;border:13px rgba(255,255,255,0.6) solid;}
#showC h1{
    text-align:center;font-size:2.25rem;text-transform:uppercase;letter-spacing:2px;color:#7e632b;position:relative;top: 50%;left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
#showC h1 span{display:block;font-size:0.6em;}

#campaign{width:100%;margin:0 auto;}
#campaign img{width:100%;vertical-align:middle;}

.wrap1{width:1000px;margin:0 auto 15px;overflow:hidden;}

#topicsWrap{width:480px;overflow:hidden;float:left;background:rgba(255,255,255,0.8);box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
#newStaffWrap{width:480px;overflow:hidden;float:right;background:rgba(255,255,255,0.8);box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}

.content1{height:350px;padding:15px;overflow-x:hidden;overflow-y:auto;}
.content2{padding:15px;overflow-x:hidden;overflow-y:auto;}
.content3{width:100%;padding:25px;background:rgba(255,255,255,0.8);box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;font-size:0.825rem;}


.newMessageTitle{color:#b53c01;font-size:0.925rem;font-weight:500;}
.date{font-size:0.825em;color:#5b5b5b;margin:5px 0 20px;}
.message{font-size:0.825rem;font-weight:400;}

.newStaffItem{width:100%;margin-bottom:5px;border-bottom:1px dashed #b27826;}
.newStaffItem .staffImgTd{vertical-align:top;}
.newStaffItem .staffImg{width:140px;}
.newStaffItem .nameTd{font-size:0.925rem;color:#7d622a;vertical-align:top;padding:0 8px 0;}
.newStaffItem .nameTd a{color:#7d622a;}
.newStaffItem .nameTd span{font-size:0.75em;}
.newStaffItem .profileTd{font-size:0.675rem;vertical-align:top;padding:8px;}
.newStaffItem .commentTd{font-size:0.675rem;vertical-align:top;padding:8px;}

#pickWrap{width:330px;overflow:hidden;float:left;background:rgba(255,255,255,0.8);box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
#accessWrap{width:640px;overflow:hidden;float:right;background:rgba(255,255,255,0.8);box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}

#mapFrame{height:505px;}

footer{width:100%;margin:0 auto;text-align:center;padding:40px 10px 30px;background:rgba(125,98,42,0.2);}

#siteNameBottom img{width:270px;}

#infoBottom{font-size:1rem;padding-bottom:12px;}

#copyright{font-size:0.775rem;}

#wrapMap{width:95%;margin:0 auto;}

#table1{ width:95%;margin:10px auto;}
#table1 td{padding:5px 10px;font-size:0.85rem;}
#table1 .itemTitle{ background:#efeade;color:#fff;text-align:center;font-weight:bolder;padding:5px 10px;font-size:0.925rem;color:#a17d28;}

.staffFrameB{width:18%;margin:10px 1%;float:left; background:#fff;text-align:center;font-size:0.75rem;padding-bottom:10px;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
.staffFrameB img:nth-child(1){width:100%;padding:3px;}
.staffFrameB:hover{opacity:0.95;}
.nameSpan{font-size:0.875rem;color:#7d622a; }
.nameSpan span{display:block;font-size:0.775em;letter-spacing:0;color:#333;}
/* ------------------------------------------------------------- */
@media (max-width: 1023px) {	
	#header{width:740px;}
	#siteNameA{width:230px;}
	#infoTop{right:0;}
	
	#navPC{width:740px;}
	
	#headline{width:740px;}
	#mq{width:520px;}
	
	#show{width:740px;}
	#showC{width:740px;height:200px;border:10px rgba(255,255,255,0.6) solid;}
	
	.wrap1{width:740px;}
	
	.content1{width:100%;}
	.content2{width:100%;}
	.content3{width:100%;}
	
	#topicsWrap{width:49%;}
	#newStaffWrap{width:49%;}
	
	#pickWrap{width:40%;}
	#accessWrap{width:58%;}
	
	#mapFrame{height:425px;}
	
	#siteNameBottom img{width:200px;}
	#infoBottom{font-size:0.875rem;}
}
/* ------------------------------------------------------------- */
@media (max-width: 767px) {
	#navIcon{display:block;}
	#navPCWrap{display:none;}
	
	#header{width:100%;height:auto;text-align:center;}
	#siteNameA{position:static;}
	#siteNameA img{width:240px;padding-top:20px;}
	#infoTop{position:static;margin:0 auto 30px;}
	
	#headline{width:96%;}
	#mq{width:60%;height:50px;line-height:47px;border:2px #7e632b solid;}
	
	.title1{height:50px;line-height:50px;font-size:1rem;text-indent:2.5em;background:url(../images/iconTitle1.png) no-repeat 1px 3px,linear-gradient(to right,#fefbd8, #bdaa67);background-size:45px,100%;letter-spacing:0px;}
	
	#show{width:96%;height:150px;margin:0 auto 15px;background:url(../images/showC.jpg);background-size:cover;}
	.wrap1{width:96%;}
	
	#showC{width:96%;height:140px;background:url(../images/showC.jpg);background-size:cover;border:7px rgba(255,255,255,0.6) solid;}
	#showC h1{font-size:1.5rem;}
	
	.content1{width:100%;height:auto;}
	.content2{width:100%;}
	.content3{width:100%;padding:15px;}
	
	#topicsWrap{width:100%;float:none;margin-bottom:15px;}
	#newStaffWrap{width:100%;float:none;}
	
	.newStaffItem .staffImg{width:110px;}
	.newStaffItem .commentTd{padding:0 0 5px 5px;}
	
	#pickWrap{width:100%;}
	#accessWrap{width:100%;}
	
	#mapFrame{height:425px;}
	
	#siteNameBottom img{width:200px;}
	#infoBottom{font-size:0.875rem;}
	
	.staffItem{width:46%;}
	
	#wrapMap{width:100%;}
	#table1{width:100%;}
	
	.staffFrameB{width:48%;margin:1% 1%;}
}
/* ------------------------------------------------------------- */
@media (max-width: 579px) {	
	#headline h1 span{display:none;}
	#mq{width:60%;}
}
/* ------------------------------------------------------------- */
@media (max-width: 399px) {	
}
/* ------------------------------------------------------------- */
@media (max-width: 339px) {	
}
/* -----------------------横屏设备（根据vh设定高度的要调整）------------------------ */
@media screen and (orientation:landscape) and (max-width: 899px){
	/*横屏 css*/
}