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

@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700&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;}

/*画像全般の設定*/
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}

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

/*-------------------Comment1-----------------------*/
.line1{width:99%;height:1px;border:none; border-top: 1px dotted #ccc; margin-top:10px;margin-bottom:10px;}
.line2{width:99%;height:1px;border:none; border-top: 3px solid #ee7600; margin-bottom:10px;}
.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;color:#c8b488;}
.stress1 a{color:#fc939b!important;text-decoration:underline!important;}
.stress2{font-weight:600;color:#cc3526;}
.stress3{font-weight:500;color:#ffdc58;font-size:1.125rem;}
.stress4{font-weight:500!important;color:#ba6b3a;}

.annotation1{font-size:0.825em;color:#ccc;}

.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:'M PLUS 1p', YuGothic, Meiryo UI, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-size:100%;font-weight:300;color: #fff; line-height:1.6;letter-spacing:1px;text-align:justify;background: url(../images/bg.png) repeat #000 top center/contain;}

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

.title1Wrap{text-align:center;line-height:1.1;padding-bottom:30px;}
.title1Wrap h2{font-family: 'Noto Serif JP', serif;font-size:2.5rem;font-weight:400;padding:30px 0 5px 0;color:#a37e31;letter-spacing:3px;text-transform: uppercase;}
.title1Wrap span{display:block;font-size:0.35em;padding-top:15px;color:#fff;font-weight:400;letter-spacing:1px;}

.btn1{width:250px;display:block;padding:10px 20px; color:#a37e31!important;border:1px solid #999;text-align:center;margin:50px auto 10px;font-weight:400;background-color:rgba(255,255,255,0.1);}
.btn1:hover{background-color:rgba(255,255,255,0.2);}
.btn1::after{content:"";display: inline-block; width: 15px; height: 5px; margin: 0 0 1px 1em;border: solid #fff;border-width: 0 1px 1px 0;transform-origin: left bottom;transform: skewX(45deg
);}
.btn1:hover::after{margin-left:1.25em;}

#topKeyword{font-size:0.775rem;font-weight:normal;line-height: 25px;text-align: center;}
#header{width:100%;text-align:center;}
.telM{font-size:1.25rem;font-weight:500;margin-top:10px;}
.timeM{font-size:1.25rem;font-weight:500;margin-top:10px;}
.timeM span:nth-of-type(3){font-size:0.75em;}
#siteNameImg{width:280px;transition: width 0.3s ease;}
.btnStyle1{background:linear-gradient(to right,#a27f49,#e2c878); color:#000;font-size:0.75em;font-weight: 500;padding:0px 10px;border-radius:3px;border-top:1.25px solid #fff;}

#navWrap{width:100%;background: linear-gradient(to bottom, #040404,#262626,#262626);overflow:hidden;margin:25px auto 25px;position: -webkit-sticky;position: sticky;top: 0; z-index: 11;}
.hr1{border: none;height:1.5px;background: linear-gradient(to right, #a17b32,#745110,#a17b32);font-size:0;}
.hr2{border: none;height:2px;background: #fff;font-size:0;}
.hr3{border: none;height:2px;background: #b79553;font-size:0;}
#nav{width:800px;margin:0 auto;}
#nav li{list-style:none;float:left;width:12.5%;}
#nav li a{display:block;width:100%;height:68px;text-align:center;font-size:0.75rem;padding-top:12px;background:linear-gradient(#b37f09, #e0af22, #c7910f, #ffdd58, #fff9c9, #ffdc58, #c7870e, #955811, #b58010);-webkit-background-clip: text;
-webkit-text-fill-color: transparent;text-decoration:none; color: inherit;transition: all 0.6s ease;font-weight: 400;}
#nav li a span{display:block;font-size:1.25em;font-weight: 400;}
#nav li a:hover{color:#000!important;-webkit-background-clip: unset;-webkit-text-fill-color: unset;}

#navIcon{
	display:none;
	position:fixed;
	top:30px;
	right:20px;
	z-index:13;
	background:#000;
	color:#dbab4f;		
	width:52px;
	height:52px;
	padding:4px 0;
	line-height:110%;
	text-align:center; 
	overflow:hidden;
	cursor: pointer;		
	font-size:0.65rem;
	border:1px solid #dbab4f;
}
.nav-icon-first,.nav-icon-second,.nav-icon-thrid {
	width: 36px;
	height: 2.5px;
	background:#dbab4f;
	margin: 6px auto;
	transition: 0.3s;
}	

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

#navbar{display:none;width:500px;height:100vh;background:rgba(0,0,0,0.99); z-index:20; 	position:fixed;top:0;right:0;z-index:12;}
#navbarUl{width:75%;margin:60px auto 30px;}
#navbarUl li{width:100%;border-bottom:0.5px solid #dbab4f;list-style:none;text-align:center;}
#navbarUl li a{display:block;height:55px;line-height:58px;text-indent:1.125rem;color:#fff;font-size:0.825rem;}
#navbarUl li a span{font-size:0.775em;padding-left:10px;text-transform:uppercase;}

#siteNameNavbar{width:220px;}

#show{width:100%;margin-bottom:100px;position: relative;}
#show a img{width:100%;}

#campaign{width: 960px;margin:0 auto;}
#campaign img{width:100%;border:4px #8f8260 solid;}

.wrapStyle1{width:100%;padding:50px 0;}
.wrapStyle2{width:100%;padding:60px 0;}
.contentStyle1{width:1100px;margin:0 auto;overflow:hidden;font-size:0.825rem;}

#wrapConcept{width:100%;}

.container1{width:1000px;margin:0 auto;padding:90px;border:4px #8f8260 solid;}
.container2{width:1000px;margin:0 auto;padding:90px;border:4px #8f8260 solid;}

#newMessage{width:1100px;margin:0 auto;padding:40px;border:4px #8f8260 solid;}
.newMessageTitle{color:#a37e31;font-size:1.125rem;font-weight:400;}
.date{font-size:0.85em;color:#999;margin:5px 0 20px;}
.message{font-size:0.90rem;font-weight:300;}

#access{width:100%;margin:0 auto;}

#attention{width:100%;margin:0 auto;font-size:0.875rem;background:#fff;padding:30px;box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;}

#linkS{width:100%;padding:3em;}

footer{width:100%;margin:0 auto;background-image: linear-gradient(-45deg, #000, #000 48.5%, #353535 49.5%, #353535 50.5%, #000 51.5%, #000);background-size: 5px 5px;position: relative;color:#fff;text-align:center;padding:50px 0 20px;}

#siteNameFooter img{width:280px;margin:40px auto 20px;}

#navFooter{margin:40px auto;}
#navFooter li{list-style:none;display:inline;padding:10px 15px;}
#navFooter a{width:100%;color:#fff;font-size:0.925rem;}
#navFooter a img{width:100%;}

#copyright{font-size:0.925em;padding:2em 0;}
#copyright a{color:#fff!important;}

#table1{ width:90%;margin:20px auto;}
#table1 td{padding:15px 25px;font-size:1rem;}
#table1 .itemTitle{ color:#a37e31;font-weight:bolder;padding:10px 10px;font-size:1.125rem;}

.staffItem{width:22%;margin:20px 1%;padding:10px; float:left; background:#000;text-align:center;border:1.25px solid;; border-image: linear-gradient(-45deg, #a98238, #dbb05e, #a98238) 1;position: relative;}
.staffImg{width:100%;}
.staffImg:hover{opacity:0.9;}
.nameSpan{font-size:0.95rem; font-weight:500; letter-spacing:0; margin: 6px auto;}
.nameSpan img{width:unset;}
.profileSpan{font-size:0.75rem;color:#c59c4d;}
.typeSpan{margin-top:5px;}
.typeSpan span{display:inline-block;width:48%;height:18px;line-height:16px;overflow:hidden;font-size:0.675rem;border:1px solid #c59c4d;color:#fff;margin:1% 2px;overflow:hidden;}
#imgTwitter{position:absolute;top:45px;left:20px;width:25px;}
.newIcon{position: absolute;left:8%;top:5%;}

#dateA{text-align:center;}
#dateA a{font-size:0.875rem;display:inline-block;padding:8px 12px;margin:5px;border:1px solid #ccc;}
#dateA a:hover{background:#333;color:#fff;}
/* ------------------------------------------------------------- */
@media (max-width: 1149px) {
	.contentStyle1{width:95%;}
	#newMessage{width:95%;}
}
/* ------------------------------------------------------------- */
@media (max-width: 1023px) {
	#campaign{width:95%;}
	.container1{width:96%;}
	.container2{width:96%;}
	
	.wrapStyle1{padding:30px 0;}
	.contentStyle1{width:90%;}	
}
/* ------------------------------------------------------------- */
@media (max-width: 819px) {
	#nav{width:100%;margin:0 auto;}
}
/* ------------------------------------------------------------- */
@media (max-width: 767px) {
	#navIcon{display:block;}	
	
	#header{background-image: linear-gradient(-45deg, #000, #000 48.5%, #353535 49.5%, #353535 50.5%, #000 51.5%, #000);background-size: 5px 5px;position: -webkit-sticky;position: sticky;top: 0; z-index: 12;border-bottom:2px solid; border-image: linear-gradient(-45deg, #a98238, #dbb05e, #a98238) 1;}

	.timeM{margin:0px auto 8px;}
	
	#navWrap{position: relative;margin: 10px auto;}
	#nav{width:100%;}
	#nav li{width:19%; margin:0 0.5%; border:1.5px solid; border-image: linear-gradient(-45deg, #a98238, #dbb05e, #a98238) 1;}
	#nav li a{background: linear-gradient(to bottom, #858584, #333 10%, #333 10%,#181815 50%,#272624);height:52px; padding-top:6px; border:1px solid; border-image: linear-gradient(-45deg, #a8a8a8, #464645, #a8a8a8) 1;font-size:0.625rem;letter-spacing: 0;background-clip: unset;-webkit-text-fill-color: unset;color: #fff;}
	#nav li a span{color: #fad999;}
	#nav li:nth-of-type(6){display:none;}
	#nav li:nth-of-type(7){display:none;}
	#nav li:nth-of-type(8){display:none;}
	
	.pcOnly{display:none;}

	#show{margin-bottom:20px;}

	#campaign img{border:2px solid; border-image: linear-gradient(-45deg, #a98238, #dbb05e, #a98238) 1;}	

	#navbar{width:100%;}
	#navbarUl li a{font-size:0.925rem;}
	
	.title1Wrap{padding-bottom:10px;}
	.title1Wrap h2{font-size:1.5rem;padding:5px 0;}
	.title1Wrap h2 span{font-size:0.5em;padding-top:8px;}
		
	.contentStyle1{width:92%;padding:30px 0;}	
	.container1{border:2px solid; border-image: linear-gradient(-45deg, #a98238, #dbb05e, #a98238) 1; padding:22px;font-size:0.875rem;}
	.container2{border:2px solid; border-image: linear-gradient(-45deg, #a98238, #dbb05e, #a98238) 1; padding:13px;font-size:0.875rem;}
	#newMessage{border:2px solid; border-image: linear-gradient(-45deg, #a98238, #dbb05e, #a98238) 1;padding:28px;}
	.newMessageTitle{font-size:1.125rem;}
	.message{font-size:0.825rem;}	
	
	#table1{width:100%;}
	#table1 td{padding:10px 20px;font-size:0.85rem;}
	.itemTitle{width:100px!important;font-size:0.925rem;}
	
	.staffItem{width:48%;margin:5px 1%;padding:6px; }	
	.nameSpan{font-size:0.75rem;margin: 5px auto;}
	.profileSpan{font-size:0.825em;}
	.typeSpan{margin-top:5px;}
	.typeSpan span{display:inline-block;width:47%;font-size:0.65em;border:1px solid #c59c4d;color:#fff;margin:1% 2px;overflow:hidden;}
	.staffItem marquee{font-size:0.75rem;}

	#navFooter{display:none;}
	#siteNameFooter img{width:220px;}
}
/* ------------------------------------------------------------- */
@media (max-width: 499px) {
	.timeM{font-size:0.925rem;letter-spacing: 0;}
	.btnStyle1{background:none; color:#fff;font-size:0.75em;font-weight: 500;padding:0;border-radius:unset;border-top:none;}

	#siteNameImg{width:240px;}
	#siteNameImg.shrink {width: 160px;}

	#nav li{width:24%; margin:0 0.5% 3px; }
	#nav li:nth-of-type(1){display:none;}	
}
/* -----------------------横屏设备（根据vh设定高度的要调整）------------------------ */
@media screen and (orientation:landscape) and (max-width: 899px){
	/*横屏 css*/
}