@charset "utf-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,  pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{ margin:0; padding:0; }
body{ font-size:16px; line-height:150%; font-family:"ヒラギノ角ゴ ProN w3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ ProN w6","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;  overflow-x:hidden; background:#fff url(../images/bg.jpg) top center repeat; color:#542f09; -webkit-font-smoothing:antialiased; /*chrome、safari*/ -moz-osx-font-smoothing:grayscale;/*firefox*/ }
ul, ol, li, dl, dt, dd{ list-style:none; }
fieldset, img{ border:0; vertical-align:middle; overflow:hidden; }
.clearfix:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clearfix{ *zoom:1;
}
.clear{ clear:both; display:block; height:0; overflow:hidden; }
img{ max-width:100%; }
a{ text-decoration:none; color:inherit; padding:0; margin:0; }
::selection{ background:#0a2d42; color:#fff; }

/******************************************************************************/

.color_orange{ color:#ff7200;}
.color_green{ color:#00a489;}
.color_cyan{color:#00434e;}
.color_red{color:#950000;}

.f10{ display: inline-block;  font-size:10px; font-size: 0.1rem; line-height: 160%;}
.f11{ display: inline-block;  font-size:11px; font-size: 0.11rem;line-height: 160%;}
.f12{ display: inline-block;  font-size:12px; font-size: 0.12rem;line-height: 160%;}
.f14{ display: inline-block;  font-size:14px; font-size: 0.14rem;line-height: 170%;}
.f16{ display: inline-block;  font-size:16px; font-size: 0.16rem;line-height: 160%;}
.f18{ display: inline-block;  font-size:18px; font-size: 0.18rem;line-height: 160%;}
.f20{ display: inline-block;  font-size:20px; font-size: 0.2rem; line-height: 160%;}
.f22{ display: inline-block;  font-size:22px; font-size: 0.22rem;line-height: 160%;}
.f21{ display: inline-block;  font-size:21px; font-size: 0.21rem;line-height: 150%;}
.f24{ display: inline-block;  font-size:24px; font-size: 0.24rem;line-height: 150%;}
.f26{ display: inline-block;  font-size:26px; font-size: 0.26rem;line-height: 140%;}
.f28{ display: inline-block;  font-size:28px; font-size: 0.28rem;line-height: 140%;}
.f30{ display: inline-block;  font-size:30px; font-size: 0.3rem; line-height: 140%;}
.f32{ display: inline-block;  font-size:32px; font-size: 0.32rem;line-height: 140%;}
.f34{ display: inline-block;  font-size:34px; font-size: 0.34rem;line-height: 130%;}
.f36{ display: inline-block;  font-size:36px; font-size: 0.36rem;line-height: 130%;}

.align_center{text-align: center;}


body{ opacity: 0; }


.head{ position:relative; width:1000px; max-width: 100%; margin:0 auto;}
.head_ani{ width:160%; padding-bottom: 94.2%; margin-left: -30%; position: relative;  }
.head_ani img{ position: absolute;; top: 0; left: 0; opacity: 0;  }




.menu{ padding-bottom: 1%; }
.menu li{ float:left; width:25%; position:relative;}
.menu li .comingsoon{ position:absolute; top:0; left:0; width:100%; z-index:200;}
.menu li a{ display:block; overflow:hidden; width:100%;}
.menu li a img{ position:relative; z-index:100;}



.main{width:1000px; max-width: 100%; margin:0 auto; }
.main h3{ padding-top:8%; }
.text_inner{ padding:4%; line-height:150%; font-weight:bold; background-color: #e8d7a2; display: block;}
.text_inner .news{}
.text_inner .news li{ padding-bottom: 10px; line-height: 130%; }
.text_inner .news li .time{ display: inline-block; padding-right: 1em; color:#950000;  }
.text_inner a:hover{ text-decoration: underline; }







.foot{ width: 1000px; max-width: 100%; padding:100px 0px; margin: 0 auto; text-align:center;font-weight:bold;}
.foot .ban_logo{ text-align: center; padding-top: 6%; }
.foot .ban_logo a{ display: inline-block; max-width: 32%; padding: 0 3.5%; }


.ban_ftop{ position:fixed; bottom:30px; right:30px; max-width:15%; display:none;}















@media screen and (max-width: 750px) {
body{ width:100%; overflow-x:hidden; font-size:14px;}   
.head{ width:100%;}
.main{width:100%;}


.foot{ padding:10% 0;}
}




@media screen and (max-width: 640px) {

}