html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}

/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
/*font*/
.tCenter { text-align:center !important}
.tRight { text-align:right !important}
.tLeft { text-align:left !important}
/*font-color*/
.cBlu { color:#3590ca;}
.cOrg { color:#d44b15;}
.cGrn { color:#6c9000;}
.cRed, .err { color:#c50000;}
/*font-size*/
.f140 { font-size:140%;}
.f130 { font-size:130%;}
.f120 { font-size:120%;}
.f110 { font-size:110%;}
.f90 { font-size:90%;}
.f85 { font-size:85%;}
.f75 { font-size:75%;}
/*link*/
a { color:#fff; text-decoration:underline;}
a:hover { color:#fff; text-decoration:none;}
.mincho{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

/*/////////////////////////////////////////////////////////////////////////
＠common_CSS
/////////////////////////////////////////////////////////////////////////*/
@media all and (min-width: 768px) {
body{ background: #360713; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
#pagetop{ display:none; background:#0b0b0b;}/*入り口ふわっとなる*/
.top #header_out{ background:#490919; width: 100%; height: 530px;}
.top header{ width: 980px; height: 530px; background: #600c20; margin: 0 auto; text-align: center; position:relative;}

header ul li { overflow: hidden;}
header ul:after {content: "."; height: 0; clear: both; display: block; visibility: hidden;}
header ul { display: inline-block; overflow: hidden;}
header .pic1{ width: 980px; height: 530px; background:url(../img/main_1.jpg?) no-repeat; position:absolute; left:0px; top:0px; z-index: 1; display: none; }
header .pic2{ width: 980px; height: 530px; background:url(../img/main_2.png) no-repeat; position:absolute; left:0px; top:0px; z-index: 2; display: none; }

#menu_out{ background: url(../img/menu_area_out.png) repeat-x; width: 100%; height: 82px;}
#menu{ width: 980px; height: 82px; background: url(../img/menu.png) no-repeat; clear: both; margin: 0 auto 0; position:relative; }

#menu li{ float:left;}
#menu1 a{ display:block; width:138px; height:82px; position:absolute; left:0px; top:0px;}
#menu2 a{ display:block; width:127px; height:82px; position:absolute; left:139px; top:0px;}
#menu3 a{ display:block; width:198px; height:82px; position:absolute; left:267px; top:0px;}
#menu4 a{ display:block; width:231px; height:82px; position:absolute; left:466px; top:0px;}
#menu5 a{ display:block; width:136px; height:82px; position:absolute; left:698px; top:0px;}
#menu6 a{ display:block; width:144px; height:82px; position:absolute; left:835px; top:0px;}
#menu1 a .hover{ display:block; width:138px; height:82px; background:url(../img/menu.png) no-repeat 0px -82px;}
#menu2 a .hover{ display:block; width:127px; height:82px; background:url(../img/menu.png) no-repeat -139px -82px;}
#menu3 a .hover{ display:block; width:198px; height:82px; background:url(../img/menu.png) no-repeat -267px -82px;}
#menu4 a .hover{ display:block; width:231px; height:82px; background:url(../img/menu.png) no-repeat -466px -82px;}
#menu5 a .hover{ display:block; width:136px; height:82px; background:url(../img/menu.png) no-repeat -698px -82px;}
#menu6 a .hover{ display:block; width:144px; height:82px; background:url(../img/menu.png) no-repeat -835px -82px;}

#menu li a{ display:block; height:82px; }

#main_area_out{ background:#0b0b0b; width:100%;}
#main_area{ width: 980px; margin: 0 auto 0; text-align: left;}

.top_left_area{ float: left; }

.trailer_btn{ width:633px; height:83px; background: url(../img/trailer_btn.png?20161121) no-repeat; margin:30px 0 0;}
.trailer_btn a{ display:block; width:633px; height:83px; transition:all 0.6s ease; cursor:pointer;}
.trailer_btn a:hover{ filter: alpha(opacity=40); opacity: 0.4; background:#fff;}

.top #news{  width: 633px; height: 370px; background: url(../img/top_news.png) no-repeat; float: left; margin: 30px 0 32px; position:relative;}

.top #news #news_box_in{ padding:54px 0 0 0;}
.top #news #news_box_in2{ width:633px; height:265px; overflow: auto; }
.top #news #news_box_text{ font-size: 95%; padding: 0 0 8px 2px;}
.top #news #news_box_text li{ padding: 8px 20px 8px; line-height:1.2; border-bottom: 1px solid #4e4e4e; line-height: 1.5;}
.top #news #news_box_text li a{ text-decoration: none; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;}
.top #news #news_box_text li a:hover { color:#ddcda3; text-decoration:none;}
.top #news #news_box_text .news_date{ margin-right: 1em; font-size:100%; color:#e8c666; font-weight:bold; font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}

.top #news #more_btn{ width:128px; height:40px; position:absolute; left:505px; top:321px; }
.top #news #more_btn a{ display:block; width:128px; height:40px;}
.top #news #more_btn a .hover{ display:block; width:128px; height:40px; background:url(../img/more_btn.png) no-repeat;}

.top #twitter_area{ width: 300px; height: 370px; float:right; margin: 30px 0 32px;}

#sns_area_out{ background:#480b1b; width:100%; height:168px; overflow:hidden;}
#sns_box{ width: 165px; height:120px; margin: 26px auto 0; background: url(../img/sns_box.png) no-repeat; position: relative;}
#tw_btn{ width:82px; height:83px; position:absolute; left:0px; top:0px; transition:all 0.6s ease;}
#tw_btn a{ display:block; width:82px; height:83px;}
#tw_btn a .hover{ display:block; width:82px; height:83px; background: url(../img/sns_box.png) 0px -120px no-repeat;}
#fb_btn{ width:82px; height:83px; position:absolute; left:82px; top:0px; transition:all 0.6s ease;}
#fb_btn a{ display:block; width:82px; height:83px;}
#fb_btn a .hover{ display:block; width:82px; height:83px; background: url(../img/sns_box.png) -82px -120px no-repeat;}

/*sp_btn*/
.top #sp_btn{ padding:0 0 45px 0; clear: both;}
.top #sp_btn li{ float:left; width:222px; height:190px; margin:0 30px 0 0;}
.top #sp_btn li:last-child { margin:0 0 0 0;}
.top #sp_btn1{ background: url(../img/sp_btn1.jpg) no-repeat;}
.top #sp_btn2{ background: url(../img/sp_btn2.jpg) no-repeat;}
.top #sp_btn3{ background: url(../img/sp_btn3.jpg?20160926) no-repeat;}
.top #sp_btn4{ background: url(../img/sp_btn4.jpg) no-repeat;}
.top #sp_btn a{ display:block; width:222px; height:190px; transition:all 0.6s ease; cursor:pointer;}
.top #sp_btn a:hover{ filter: alpha(opacity=40); opacity: 0.4; background:#fff;}

#p_bn_area_out{ background:#581325; width:100%; height:110px; overflow:hidden;}
#p_bn_btn{ width:410px; height:76px; background: url(../img/p_bn_btn.jpg) no-repeat; margin:18px auto 0;}
#p_bn_btn a{ display:block; width:410px; height:76px; transition:all 0.6s ease; cursor:pointer;}
#p_bn_btn a:hover{ filter: alpha(opacity=40); opacity: 0.4; background:#fff;}

#footer_out{ background:#360713; width:100%; height:168px;}
#footer{ width: 980px; margin: 0 auto; text-align:center; color:#fff; font-size:100%; padding-top:20px; font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
#footer a{ color:#d9ae35;}

/*page_top*/
.pagetop { position: fixed; bottom: 160px; right: 30px; display: none;}
.pagetop a { background:url(../img/pagetop.png) no-repeat ; width: 136px; height: 136px; display: block;}
.pagetop a:hover { background:url(../img/pagetop.png) no-repeat;}

/*  sub common
============================== */
.sub #header_out{ width: 100%; height: 202px; background: url(../img/sub_heade_bg.png) repeat-x;}
.sub header{ width: 980px; height: 202px; margin: 0 auto; text-align: center; position:relative; background: url(../img/sub_header.png?) no-repeat;}
.sub #logo a{ display:block; width:425px; height:202px; position:absolute; left:0; top:0; }

.sub .tit_out{ width: 100%; height: 122px; background: url(../img/tit_out.png) repeat-x;}

.sub #contents_area{ width: 100%; background: #0b0b0b; color: #fff; line-height: 1.5; }
.sub .con_box{ width: 980px; margin: 0 auto; text-align: left;}
.sub .con_box_in{ overflow:hidden;}
}

@media all and (max-width: 767px) {
body { background: #360713;}

/* main-imege */
header h1 { position: relative; height: 0; padding-top: 57.5%;}
header h1 a { background-image: url(../img/smp/main_image.jpg); background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
#contents_area{ background: #0b0b0b;}

/* global-nav */
.global-nav { margin: 0 0 0px; padding: 0; font-size: 12px; list-style-type: none; background: #fe79ae; }
/*clearfix*/
.global-nav:after { content: ""; clear: both; display: block;}
.global-nav li { text-align: center; border-bottom:1px solid #947a34; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #b1964a;
font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.global-nav a { display: block; line-height: 50px; color: #fff; font-size: 140%; text-decoration: none; text-shadow: 1px 1px 1px #9e894d; text-align: left; padding-left: 20px; position: relative; font-weight:bold; letter-spacing:0.2em;}
.global-nav a:after { position: absolute; top: 50%; right: 20px; display: block; content: ''; width: 8px; height: 8px; margin-top: -4px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.global-nav a:first-letter{ color:#c30333;}

.trailer_btn_out{ padding: 30px 20px 0; }
.trailer_btn{ position: relative;height: 0; padding-top: 25%;}
.trailer_btn a{ width: 100%; height: 100%; background-size: cover; background-image: url(../img/smp/trailer_btn.jpg?20161121); background-repeat: no-repeat; position: absolute; left: 0; top: 0;}

.top #news_box{ padding: 30px 0 30px; position:relative;}

.top #news{ padding:0 20px 0;}
.top .news_tit{ background:#6b0e24; border-bottom:2px solid #3b0915; border-left:1px solid #71132a; border-right:1px solid #71132a; border-top:1px solid #71132a;}
.top .news_tit_in{ padding: 5px 0 5px 20px; line-height: 2.5; color: #fff; font-weight: normal;}
.top #news #news_box_in{ }
.top #news #news_box_in2{ border-bottom:1px solid #383838; border-left:1px solid #383838; border-right:1px solid #383838; background:#252525; }
.top #news #news_box_text{ font-size: 90%; overflow-y: scroll; height: 200px;}
.top #news #news_box_text li{ padding: 8px 20px 8px; border-bottom: 1px solid #383838; line-height: 1.5;}
.top #news #news_box_text li a{ text-decoration: none;}
.top #news #news_box_text li a:hover { color:#fff; text-decoration:none;}
.top #news #news_box_text .news_date{ margin-right: 1em; font-size:100%; color:#e8c666; font-weight:bold; font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;　word-break: break-all;}

.top #news #more_btn{ border-bottom:3px solid #6b0e24; border-left:1px solid #383838; border-right:1px solid #383838; background:#252525;}
.top #news .more_btn_in{ padding: 5px 20px 5px 0px; line-height: 2.5; color: #fff; font-weight: normal; text-align: right;}
.top #news #more_btn a{ display:block; text-decoration: none;}

/* timeline */
#twitter_area { width: 300px; padding: 0px 0 30px; margin: 0 auto;}
footer { background: #68592c;width: 100%;}
#footer_in { position:relative; margin: 0 auto 0px;text-align: center;}
#rectangle { width: 300px;height: 250px;margin: 0 auto 20px;padding-top: 20px;}

/*sp_btn*/
.top #sp_btn{ padding:0 0 30px 0;}
.top #sp_btn li{ width:300px; height:100px; margin:0 auto 10px;}
.top #sp_btn1{ background: url(../img/smp/sp_btn1.jpg) no-repeat;}
.top #sp_btn2{ background: url(../img/smp/sp_btn2.jpg) no-repeat;}
.top #sp_btn3{ background: url(../img/smp/sp_btn3.jpg) no-repeat;}
.top #sp_btn4{ background: url(../img/smp/sp_btn4.jpg) no-repeat;}
.top #sp_btn a{ display:block; width:300px; height:100px;}

#p_bn_area_out{ background:#581325; width:100%; height:110px; overflow:hidden;}
#p_bn_btn{ width:300px; height:56px; background: url(../img/smp/p_bn_btn.jpg) no-repeat; margin:25px auto 0;}
#p_bn_btn a{ display:block; width:300px; height:56px;}

/* sns_buttons */
#sns_area_out{ background:#480b1b; width:100%; height:168px; overflow:hidden;}
#sns_box{ width: 165px; height:120px; margin: 26px auto 0; background: url(../img/sns_box.png) no-repeat; position: relative;}
#tw_btn{ width:82px; height:83px; position:absolute; left:0px; top:0px; transition:all 0.6s ease;}
#tw_btn a{ display:block; width:82px; height:83px;}
#fb_btn{ width:82px; height:83px; position:absolute; left:82px; top:0px; transition:all 0.6s ease;}
#fb_btn a{ display:block; width:82px; height:83px;}

#footer {color: #fff;font-size: 110%;padding: 20px 0 20px;
font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
#footer p {font-size: 75%;line-height: 1.25;text-align: center;color: #fff;padding: 0 10px;}
#footer a {color: #d9ae35}
.pagetop {width: 100%;text-align: center;
font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
.pagetop a {display: block;text-decoration: none;font-weight: bold;color: #fff;background: #b2984f;line-height: 49px;height: 49px;font-size: 100%;border-top: 1px solid #c7ac62;border-bottom: 1px solid #68592c;}
.pagetop a span {display: inline-block;height: 49px;background-image: url(../img/smp/icons.png);background-position: left top;background-repeat: no-repeat;padding-left: 43px;}
.smt {padding: 20px 0}.smt span {display: block;margin: 0 auto;width: 320px;height: 60px;background-position: left top;background-repeat: no-repeat;}

/*  sub common
============================== */
.sub header #logo { position: relative; height: 0; padding-top: 27.00%; }
.sub header #logo a { background-image: url(../img/smp/sub_main_image.jpg); background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.tit_out { text-align: center; margin: 0px 0 0; overflow: hidden; letter-spacing: .2em; border-top: 10px solid #610b21; padding-top: 10px; padding-bottom: 20px; background: #3f0c19; }
.ja { font-size: 20px; font-weight: bold; text-align: center; display: block; color: #ffffff; padding: 10px 0 0 0; margin-bottom: 10px; background-size: 40px; display: inline-block; }
.en { font-size: 12px; text-align: center; display: block; color: #af042f; }
.sub div.accordion-box { background-color: #b3984e }
.sub div.accordion-box h2 { cursor: pointer; background: #b1964a; }
.sub div.accordion-box h2 span { display: block; background-image: url(../img/smp/icons2.png); background-position: right top; background-repeat: no-repeat; font-size: 110%; line-height: 50px; height: 50px; color: #fff; font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; text-shadow: 1px 1px 1px #9e894d; }
.sub div.accordion-box h2 span, .sub div.accordion-box ul li a { padding: 0 15px }
.sub div.accordion-box ul { list-style-type: none }
.sub div.accordion-box ul li { border-bottom: 1px solid #947a34 }
.sub div.accordion-box ul li:last-child { border-bottom: none }
.sub div.accordion-box ul li a { }
.sub div.accordion-box .hidebox { display: block; border-top: 2px solid #cdb36b; }

}