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

/* @group reset */

*{ margin: 0; padding: 0;}

ul, ol, li { list-style: none; }
a img { border: none; }
html {
  color: #f2f2f2;
  font-family: "メイリオ" , "Meiryo" , "ヒラギノ角ゴ Pro W3", Osaka, arial, helvetica, hirakakupro-w3, "ms pgothic", verdana, sans-serif;
  font-size: 100%;
  line-height: 1.8;
  background: #9f2b34;
  height: 100%;
  overflow: hidden;
}

body { overflow-y: scroll; overflow-x: hidden; height: 100%; }

h1 { font-size: 140%; line-height: 1; margin-bottom: 20px; }
h2 { font-size: 130%; line-height: 1.3333; padding-top: 80px; text-align: center; }
h3 { font-size: 130%; line-height: 1.3333; padding-bottom: 20px; font-family: 'Kozuka Mincho Pro','Kozuka Mincho Std','小塚明朝 Pro R','小塚明朝 Std R','Hiragino Mincho Pro','ヒラギノ明朝 Pro W3',"Meiryo",'ＭＳ Ｐ明朝','MS PMincho',serif; }

a { color: #FFFFFF; text-decoration: none; outline: none; }
a:hover { color: #fff6c2; text-decoration: underline; }
a:hover img { opacity: 0.8; filter: alpha(opacity=80); }


p { margin: 10px 0; }
hr { margin: 40px 0; border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(225, 225, 225, 0.4); }

.fclear { clear: both; }
.fleft { float: left; }
.fright { float: right; }
.nobr { white-space: nowrap; }

.fs200 { font-size: 200%; color: #ff6600; }
.fs120 { font-size: 120%; }
.fs90 { font-size: 90%; }
.fs80 { font-size: 80%; }
.fs70 { font-size: 70%; }
.fs60 { font-size: 60%; }

.vhidden { visibility: hidden; }
.dblock { display: block; vertical-align: middle; }

/* @end */







/* @@@@@ --------- 共通レイアウト --------- @@@@@ */
#container { width: 100%; height: 100%; margin: 0 auto; padding: 0; clear: both; }

#head { width: 100%; height: 880px; margin: 0 auto; padding: 0; background: url(../images/bg_header.jpg) no-repeat center top fixed #192137; border-bottom: solid 10px #5b75a8; background-size: cover;}
/*header { width: 100%; height: 880px; margin: 0 auto; padding: 0; background: url(../images/bg_header.jpg) no-repeat center top fixed #192137; border-bottom: solid 10px #5b75a8; }*/
.headerbox { max-width: 960px; margin: 0 auto; padding: 0 10px; text-align: center; }
.schedulebox { max-width: 440px; margin: 0 auto; padding: 20px; color:#333333; background: rgba(255, 255, 255, 0.7); border: 1px solid #c94a31; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; }
.schedulebox dt { margin-bottom: 10px; font-size: 130%; font-weight: bold; border-bottom: 1px solid #FFFFFF; color: #a02b36; }
.schedulebox .present { margin-top: 35px;}

#bsfuji { float: right; }
#bnr { float: right; margin: 10px 10px 0 0; }
#logo { margin: 20px 0; }

.box { padding: 20px 10px; text-align: center; }


#main01 { min-height: 880px; position: relative; background: url(../images/bg_main.jpg) no-repeat fixed 0% 0% transparent; background-position: center center; }

.box ul { text-align: center; font-weight: bold; }
ul.table { width: 100%; max-width: 740px; margin: 20px auto; display: table; table-layout: fixed; }
ul.table li { text-align: center; margin: 10px; display: table-cell; }
.slideBox { display:none; }

.box p { max-width: 600px; margin:0 auto; text-align: left; }
h4 { max-width: 460px; min-height: 40px; margin: 20px auto; padding-top: 2px; font-size: 140%; font-weight: bold; background: #e87800; border: 1px solid #791919;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
box-shadow:rgba(249, 247, 189, 0.7) 0px 0px 3px 2px inset;
-webkit-box-shadow:rgba(249, 247, 189, 0.7) 0px 0px 3px 2px inset;
-moz-box-shadow:rgba(249, 247, 189, 0.7) 0px 0px 3px 2px inset; }

.totop { padding: 5px; background: #5b75a8; margin: -41px 20px 0 0; float:right; font-size: 120%;
    border: solid #7f8daa;
    border-width: 0 1px 1px 1px;
    border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
 }

img { max-width: 100%; }
.hidden_pc { width:400px; margin: 0 auto; background:rgba(255, 255, 255, 0.4); display: block; font-size:60%; color:#000000; text-align: right; padding: 2px; float:right; }

.voice { background:#00bbdd; padding:5px; margin: 10px auto; text-align: center; }

/* @@@@@ --------- 幅640px未満 スマホ ------------------------------------------------------------------------------------------------------------------- @@@@@ */
@media screen and (max-width: 980px) {
#head { width: 100%; height: 880px; margin: 0 auto; padding: 0; background: url(../images/bg_header.jpg) no-repeat center top fixed #c49e4d; background-size: contain; border-bottom: solid 10px #5b75a8;}
#logo { width: 60%; margin: 20px 0; }
#schedule { width: 60%; }

}/* --------- @@@@@ --------- */


/* @@@@@ --------- 幅640px以上 タブレット＆PC ----------------------------------------------------------------------------------------------------------- @@@@@ */
@media screen and (min-width: 640px) {


/* header&nav ----------------------------- */

}/* --------- @@@@@ --------- */



/* @@@@@ --------- 幅640px以上 769px未満 タブレットのみ ------------------------------------------------------------------------------------------------- @@@@@ */
@media screen and (min-width: 640px) and (max-width: 768px)  {

}/* --------- @@@@@ --------- */



/* @@@@@ --------- 幅769px以上 PCのみ --------- @@@@@ */
@media screen and (min-width: 769px) {


/* toppage ----------------------------- */

}/* --------- @@@@@ --------- */







/* footer ----------------------------- */
footer {
    font-size: 70%;
    color: #FFFFFF;
    text-align: center;
    clear: both;
    background: #757575;
}
footer a { text-decoration:none; color:#FFFFFF; }
footer a:hover { text-decoration:none; color:#acbcdb; }



/* ----------------------- css hack & clearfix --------------------- */
*:first-child+html {
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}