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


.pc{display:none;}

#header{height:120px; position:relative;}
#header h1{text-align:center; padding:15px 0 0 0;}
#header h1 img{width:97px; height:90px;}
#header .btn{width:40px; height:40px; position:absolute; top:40px; right:5%;}
#header .sb-toggle-right{cursor:pointer; padding:0; width:40px; height:40px; background:url(../img/public/btn_open.svg) no-repeat center center;}
#header .sb-toggle-right.on{background:url(../img/public/btn_close.svg) no-repeat center center;}
#header .sb-toggle-right.about{background:url(../img/page/about/btn_open.svg) no-repeat center center;}
#header .sb-toggle-right.about.on{background:url(../img/page/about/btn_close.svg) no-repeat center center;}
#header .logo10th{width: 60px; height: 80px; position: absolute; left: 5%; top: 0; padding: 0;}
#header .logo10th img{width: 60px; height: 80px;}

#indexFeatureWrap{position:relative; width:900%; margin:25px 0 15px 0; _zoom:1; overflow:hidden; opacity: 0; transition: opacity 0.9s ease;}
#indexFeatureWrap.on{opacity: 1;}
#indexFeatureWrap div{position:relative; width:10%; top:0; left:0; float:left; overflow:hidden;}
#indexFeatureWrap div p:nth-child(1){margin:0 0 10px 0; width:100%; padding:0; overflow:hidden;}
#indexFeatureWrap div p:nth-child(1) img{width:100%!important; height:auto!important;}
#indexFeatureWrap div p:nth-child(1) img.on{filter: gray; -webkit-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");}
#indexFeatureWrap div p:nth-child(2){position:absolute; top:0; left:0; margin:0 0 10px 0; width:100%; padding:0;}
#indexFeatureWrap div p:nth-child(3){padding:0 0 25px; text-align:left;}

#indexLeadWrap{padding:0 10% 5px 10%; text-align:left; _zoom:1; overflow:hidden;}
#indexLeadBlock{background:url(../img/index/lead_bg_sp.svg) no-repeat right bottom; background-size:140px 70px; padding:0 0 50px 0;}
#indexLeadBlock .leadEN{font-family: 'Quattrocento Sans', sans-serif; font-size:14pt; line-height:1.4; font-weight:400; letter-spacing:0; padding:0 0 15px 0;}
#indexLeadBlock .leadJP{font-family: 'Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif; font-size:8.5pt; line-height:1.6; letter-spacing:0; padding:0 10% 0 0; font-weight:normal;}
#indexLeadWrap p.more{text-align:right; margin-top:-15px;}

#archiveWrap{padding:10px 0 25px; margin:0 auto; width:80%;}
#archiveWrap .block{width:100%; position:relative; overflow:hidden;}
#archiveWrap .block p:nth-child(1){margin:0 0 10px 0; padding:0; overflow:hidden;}
#archiveWrap .block p:nth-child(1) img{width:100%!important; height:auto!important;}
#archiveWrap .block p:nth-child(1) img.on{filter: gray; -webkit-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");}
#archiveWrap .block p:nth-child(2){position:absolute; top:0; left:0; width:100%; padding:0;}
#archiveWrap .block p:nth-child(3){margin:0 0 25px; padding:0; height:15px; overflow:hidden; text-align:center;}
#archiveWrap.single{}
#archiveWrap.single .block{}

#singleImgWrap{width:90%; margin:0 auto 5px auto; position:relative;}
#singleImgBelt{overflow:hidden;}
#singleImgBelt p{padding:0 0 20px 0;}
#singleImgBelt p img{width:100%; height:auto!important;}

#singleMiddleWrap{width:90%; margin:0 auto; padding:0 0 25px 0;}
#singleMiddleTitle{margin:0 0 30px 0;}
#singleMiddleTitle h2{padding:15px 0 10px 0!important;}
#singleMiddleTitle p.description{font-size:8.5pt!important; line-height:1.6;}
#singleMiddleWrap a{text-decoration:underline;}
#singleMiddleWrap a:hover{text-decoration:underline; color:#555;}
#singleMiddleWrap p{padding:0 0 20px 0!important;}
#singleMiddleWrap .singleEN{text-align:left;}
#singleMiddleWrap .singleJP{text-align:left;}

#singleRelatedWrap{_zoom:1; overflow:hidden;}
#singleRelatedWrap h3{font-size:12pt; font-weight:500; text-align:center; margin:0 0 30px 0;}
#singleRelatedWrap h3 span{border-bottom:2px solid #222;}

#content h2{padding:10px 0 20px 0; font-size:12pt; font-weight:500;}
#content h2 span.sub{font-size:8.5pt; padding:0 20px 0 0; margin:0 15px 0 0; background:url(../img/page/mark_h2.svg) no-repeat right center; background-size:7px 10px;}
#content h2 span.main{font-size:12pt; border-bottom:2px solid #222;}
#content h2.about{color:#FFF; padding:25px 0 35px; text-align:center;}
#content h2.about span{font-size:12pt; border-bottom:2px solid #FFF;}

#aboutPhotoWrap{text-align:right; position:relative; padding:0 0 35px 0;}
#aboutPhotoWrap p{padding:0;}
#aboutPhotoWrap p.img img{width:100%;}
#aboutPhotoWrap p.name{text-align:center;}

#aboutContentBlock{text-align:left; color:#FFF; padding:0 0 0 0; margin:0 0 25px 0; border-bottom:1px solid #a5a29e;}
#aboutContentBlock a{color:#FFF;}
#aboutContentBlock #en{width:90%; margin:0 auto 25px;}
#aboutContentBlock #jp{width:90%; margin:0 auto 25px;}
#aboutContentBlock #en h3{font-size:11pt; padding:0 0 25px 0; font-weight:500;}
#aboutContentBlock #jp h3{font-size:11pt; padding:0 0 25px 0; font-family: 'Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif; letter-spacing:0; font-weight:normal;}
#aboutContentBlock dl{_zoom:1; overflow:hidden;}
#aboutContentBlock dl dt{width:50px; float:left; clear:left;}
#aboutContentBlock dl dd{width:calc(100% - 50px); float:left;}

#laboImgBlock{padding:10px 0 35px 0;}
#laboImgBlock p{overflow:hidden; width:100%; padding:0;}

#laboContentBlock{text-align:left; padding:0 0 35px 0;}
/*#laboContentBlock a{color:#FFF;}*/
#laboContentBlock p{padding:0 0 25px 0!important;}
#laboContentBlock #en{width:90%; margin:0 auto 0px;}
#laboContentBlock #jp{width:90%; margin:0 auto 0px;}

#en p, #en dl, #confirmBlock .en{font-family:Helvetica, Arial, sans-serif; letter-spacing:0; font-size:9pt; line-height:1.6; padding:0; font-weight:normal;}
#jp p, #jp dl, #confirmBlock .jp{font-family: 'Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif; letter-spacing:0; font-size:9pt; line-height:1.7; padding:0; font-weight:normal;}

#newsWrap p.en{font-family:Helvetica, Arial, sans-serif; letter-spacing:0; font-size:9pt; padding:0 0 15px; width:90%; margin:0 auto; font-weight:normal;}
#newsWrap p.jp{font-family: 'Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif; letter-spacing:0; font-size:9pt; padding:0 0 20px; width:90%; margin:0 auto; font-weight:normal;}
#newsWrap p.link a{text-decoration: underline;}
#newsList1, #newsList2{border-top:1px solid #EEE; margin:0 0 30px 0;}
#newsList1 div, #newsList2 div{padding:10px 0; border-bottom:1px solid #EEE; _zoom:1; overflow:hidden;}
#newsList1 p, #newsList2 p{font-size:9.5pt; text-align:center; padding:0;}
#newsList1 p a, #newsList2 p a{text-decoration:underline;}
#newsList1 p a:hover, #newsList2 p a:hover{color:#555;}
#newsList1 p:nth-child(1){}
#newsList1 p:nth-child(2){}
#newsList1 p:nth-child(3){}
#newsList1 p:nth-child(4), #newsList2 p:nth-child(3){width:40px; padding:0 10px; display:inline;}
#newsList1 p:nth-child(5), #newsList2 p:nth-child(4){width:40px; padding:0 10px; display:inline;}
#newsList1 p:nth-child(4) span, #newsList1 p:nth-child(5) span, #newsList2 p:nth-child(3) span, #newsList2 p:nth-child(4) span{color:#DDD;}

#contactWrap{_zoom:1; overflow:hidden; padding:30px 0 0 0;}
#contactLeft{width:90%; padding:0 0 10px; margin:0 auto; text-align:left;}
#contactLeft #en p, #contactLeft #jp p{padding:0 0 25px 0;}
#contactRight{width:90%; padding:0; margin:0 auto; text-align:left;}
#contactRight table{width:100%; border-top:2px solid #222; border-collapse:collapse; margin:0 0 30px 0;}
#contactRight table td{border-bottom:1px solid #222; padding:5px 0;}
#contactRight table td.td1{width:50%;}
#contactRight table td.td2{width:calc(50% - 10px); padding-left:10px; border-left:1px solid #222;}
#contactRight table td .txt{font-size:14pt; font-family: 'Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif; letter-spacing:0; width:100%; padding:5px 0; border:none;}
#contactRight table td .msg{font-size:14pt; font-family: 'Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif; letter-spacing:0; width:100%; height:100px; padding:5px 0; border:none;}

#confirmBlock{width:90%; margin:0 auto 40px;}
#confirmBlock table{width:100%; border-collapse:collapse; margin:0 0 35px 0;}
#confirmBlock table th, #confirmBlock table td{text-align:left; vertical-align:middle; border:1px solid #DDD; padding:10px; font-size:10pt;}
#confirmBlock table th{width:30%;}
#confirmBlock table td{font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;}
#confirmBlock #myreset{padding:7px 30px 7px; color:#000; background:#EEE; border:none; font-size:11pt;}
#confirmBlock #myreset:hover{cursor:pointer; background:#CCC;}
#confirmBlock #submit{padding:7px 30px 7px; color:#000; background:#faf082; border:none; font-size:11pt; margin:0 0 0 20px;}
#confirmBlock #submit:hover{cursor:pointer; background:#f0dc64;}

.wtn_copyright{display:none;}
#map_canvas{width:100%; height:240px; background:#222; margin:10px 0 0 0;}
.contactBtn{text-indent: -9999px; border:none; cursor:pointer; margin:0 auto; text-align:center; display:block; padding:0 5px 20px 0; width:120px; height:30px; background:url(/img/page/contact/btn.svg) no-repeat left center; background-size:120px 30px;}

#loadBg{position:fixed; left:0; top:0; width:100%; height:100%; background:url(../img/public/load.gif) no-repeat center center #FFF; background-size:24px 24px; z-index:10;}
body.about #loadBg{background:url(../img/page/about/load.gif) no-repeat center center #b0aeaa; background-size:24px 24px;}

.btnMore a{ width:80%; height:60px; padding:0; margin:0 auto 5px; border-radius:5px; box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 4px 2px; -webkit-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 4px 2px; -moz-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 4px 2px; display:block;}

#footer{padding:50px 0 10px 0;}
#footer p{padding:0 0 50px 0; font-size:7pt;}
#footer p.about{color:#FFF;}

.sb-slidebar{background:#3e3c38; width:80%; padding:0; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.sb-slidebar #inner1{padding:50px 10% 15px;}
.sb-slidebar #inner1 p{font-size:10.5pt; padding:0; margin:0 0 25px 0; text-align:left; font-weight:500;}
.sb-slidebar #inner1 p a{color:#FFF; padding:0 0 5px 0; border-bottom:1px solid #FFF; width:100%; display:block;}
.sb-slidebar #inner1 p a:hover{text-decoration:none; color:#CCC; border-bottom-color:#CCC;}
.sb-slidebar #inner1 p.active a{color:#ffeb50; border-bottom-color:#ffeb50;}
.sb-slidebar #inner1 ul{padding:0 10px 30px;}
.sb-slidebar #inner1 ul li{text-align:left; font-size:9pt; line-height:1.8; font-weight:500;}
.sb-slidebar #inner1 ul li a{color:#FFF;}
.sb-slidebar #inner1 ul li a:hover{text-decoration:none; color:#CCC;}
.sb-slidebar #inner1 ul li.active a{color:#ffeb50;}
.sb-slidebar #inner2{padding:0 10% 100px;}
.sb-slidebar #inner2 p{width:30px; height:30px; padding:0 10px 0 0; float:left;}