/* font-family: "Zen Maru Gothic", serif; */

@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Yrsa:ital,wght@0,300;1,500&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Zen+Maru+Gothic:wght@300;400;500;700;900&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:100%;height:1px;border:none; border-top: 1px dotted #ccc; margin-top:20px;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;}

.btn1 i{color:#6f5128;animation:rotate1 3s linear infinite;}

@-webkit-keyframes rotate1{
	from{-webkit-transform:rotate(0);transform:rotate(0);}
	to{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}

@keyframes rotate1{
	from{-webkit-transform:rotate(0);transform:rotate(0);}
	to{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
/*------------------ Template ---------------------*/
html{font-size:16px;}
body{font-family:"Zen Maru Gothic", YuGothic, Meiryo UI, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-size:100%;font-weight:400;color: #454545; line-height:1.6;text-align:justify;background:url(../images/bg.jpg);-webkit-text-size-adjust:100%!important;-moz-text-size-adjust:100%!important;-ms-text-size-adjust:100%!important;text-size-adjust:100%!important;}

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

.title1{font-size:1.75rem;color:#e8528a;letter-spacing:1px;font-weight:normal;line-height:1.5;margin-bottom:25px;text-transform:uppercase;font-weight:300;}
.title1 span{display:block;font-size:0.55em;color:#454545;}

.btn1{width:230px;display:block;padding:10px 12px; color:#6f5128!important;border:1px solid #d0a12f;text-align:center;margin:30px auto 20px;background-color:rgba(255,255,255,0.7);font-size:0.925rem;}
.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;}


#wrap{width:1080px;margin:0 auto;overflow:hidden;background:url(../images/bgWrap.png) repeat-y;background-size:1080px;padding:0 40px 0 40px;}

#topKeyword{width:1000px;height:30px;line-height:30px;background:linear-gradient(to bottom,#ffffff, #fdfdfb,#f8f7f3);text-align:center;color:#333;border-bottom:1.45px solid #e9e6df;font-size:0.875rem;font-weight:normal;}

#header{width:1000px;height:230px;background:url(../images/header.jpg) no-repeat;background-size:cover;position:relative;}
#siteNameA{width:310px;height:110px;position:absolute;top:61px;left:76px;text-indent:-9999px;}
#telA{width:360px;height:65px;line-height:65px;position:absolute;top:65px;left:628px;font-size:4rem;color:#6f5128;font-family: "Yrsa", serif;font-weight:500;letter-spacing:-3px;text-shadow: 1px 1px 2px #fff;overflow:hidden;}
#openTime{width:320px;height:45px;line-height:45px;position:absolute;top:120px;left:628px;font-size:2rem;color:#6f5128;font-weight:500;text-shadow: 1px 1px 0px #fff;}
#access{width:320px;height:40px;line-height:40px;position:absolute;top:188px;left:50px;font-size:1.5rem;color:#6f5128;font-weight:500;text-shadow: 1px 1px 0px #fff;}
#describe{width:270px;height:40px;line-height:40px;position:absolute;top:188px;right:50px;font-size:1.5rem;color:#6f5128;font-weight:500;text-align:right;text-shadow: 1px 1px 0px #fff;}

#navTop{width:1000px;height:66px;background:linear-gradient(to bottom,#f9f1cd, #fdfdfb,#ead5a5);border-top:1.45px solid #dac8aa;border-bottom:1.45px solid #dac8aa;padding:5px 10px;}
#navTop ul{width:980px;height:54.5px;background:#fff;padding:1px;}
#navTop ul li{width:16.5%;list-style:none;float:left;margin:0.75px;}
#navTop ul li a{display:block;width:100%;height:52px;background:url(../images/bgNavTopBtn.jpg) no-repeat;background-size:100%;border:1.25px solid #e8d6b4;color:#6f5128;font-size:1.25rem;font-weight:500;text-align:center;line-height:1.2;padding:4px;text-shadow: 1px 1px 0px #fff;}
#navTop ul li a span{display:block;font-size:0.65em;color:#bb9a51;text-shadow: 1px 1px 0px #fff;text-transform:uppercase;}

#middleC{width:980px;margin:10px auto;overflow:hidden;}

#show{width:100%;margin-bottom:20px;}
#show img{width:100%;}

#sidebar{width:380px;float:left;overflow:hidden;}
#content{width:585px;float:right;overflow:hidden;}

#cC{width:100%;padding:0 30px 40px;background:url(../images/bgCC.jpg) repeat-y;}

.contentStyle1{width:88%;margin:0 auto;font-size:1rem;}
.contentStyle1 p{padding-bottom:10px;}


#newStaff{width:380px;border:1.5px solid #e8d6b4;background:url(../images/bgNewStaff.png) no-repeat;background-size:100%;margin-bottom:12px;padding:20px;}

#infoSidebar{width:380px;height:260px;border:1.5px solid #e8d6b4;background:url(../images/bgNewStaff.png) no-repeat,url(../images/bgInfoSiderbar.png) no-repeat;background-size:100%;position:relative;}

#accessSidebar,#telSidebar,#openTimeSidebar{width:280px;height:40px;font-size:1.125rem;color:#6f5128;font-weight:500;position:absolute;left:80px;overflow:hidden;}
#accessSidebar{top:90px;}
#telSidebar{top:130px;}
#telSidebar a{font-size:2rem;color:#6f5128;}
#openTimeSidebar{font-size:1.5rem;top:190px;}

#campaign{width:100%;margin-bottom:12px;}
#campaign img{width:100%;}

#newMessage{width:585px;height:390px;background:url(../images/newMessage.jpg) no-repeat;background-size:cover;padding:40px;position:relative;}
#newMessageC{width:544px;height:305px; position:absolute;left:22px; top:66px; overflow-y:auto; overflow-x:hidden;}
.newMessageTitle{font-size:1.35rem;color:#402a01;}
.date{font-size:1rem; color:#938365;margin-bottom: 10px;}
.message{margin-bottom: 15px; padding-bottom:15px; font-size:1rem; border-bottom:1px dotted #938365;}

footer{width:100%;margin:0 auto;text-align:center;padding:30px 10px 30px;background:url(../images/bgFooter.jpg);color:#4c2107;}

#infoFooter{font-size:1.75rem;}
#infoFooter span{margin-right:12px;}
#infoFooter span:nth-of-type(1){font-size:1.25rem;}
#infoFooter span:nth-of-type(3){font-size:1.45rem;}
#infoFooter i{font-size:0.75em;}

#linkS{text-align:center;margin:20px auto;}
#linkS section{display:inline-block;margin:10px;font-size:0.85rem;}

#navBottom{text-align:center;margin-bottom:30px;}
#navBottom li{list-style:none;display:inline-block;padding:3px 10px;position:relative;}
#navBottom li:not(:last-child):before{content:"";width:1px;height:55%;background:#ccc;position:absolute;top:25%;right:0;}
#navBottom li a{width:100%;height:100%;display:block;font-size:0.925rem;}

#copyright{font-size:0.875rem;}

#table1{ width:95%;margin:10px auto;}
#table1 td{padding:5px 10px;font-size:1rem;padding:10px 10px;}
#table1 .itemTitle{ background:#caad9e;color:#fff;text-align:center;padding:8px 10px;font-size:1rem;}

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

.staffFrameB{width:30%;margin:20px 1.5%;float:left; text-align:center;font-size:0.75rem;padding-bottom:10px;position:relative;overflow:hidden;background:url(../images/bg.jpg);box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.staffFrameB img:nth-child(1){width:100%;margin-bottom:10px;}
.staffFrameB:hover{opacity:0.95;}
.nameSpan{font-size:1.35rem;color:#e8528a;line-height:1.2;}
.nameSpan span{font-size:0.75em;}
.profileSpan{font-size:1.125em;line-height:1.1;}

.newYOrN{width:80px;height:40px;line-height:57px;text-align:center;position:absolute;top:-12px;left:-34px;background:#d12831;color:#fff;transform:rotateZ(-45deg);font-family:'Parisienne',cursive;font-size:1.15rem;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;z-index:1;}
/* ------------------------------------------------------------- */
@media (max-width: 1179px) {	

}
/* -----------------------横屏设备（根据vh设定高度的要调整）------------------------ */
@media screen and (orientation:landscape) and (max-width: 899px){
	/*横屏 css*/
}