@charset "UTF-8";
/* CSS Document */
import url("../vendor/950437ea5eff11e15c5a89dfce7e048f8867d319d7a4572b4956db429bb2e836.css");

/* --------------------------------------------------------------


                      bace


-----------------------------------------------------------------*/
html{}
body {
   color:#231815;
   line-height: 2.0em;
   font-size: 12px;
   width:100%;
   height:auto;
   font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
   -moz-font-feature-settings:'jp90';
   -moz-font-feature-settings:'jp90=1';
   -webkit-font-feature-settings:'jp90' 1;
   position: relative;
}
a {
   color:#353535;
   text-decoration: none;
}
a:hover {
   color:#f32d8a;
   text-decoration: underline;
}

p {
   margin:0;
}


dl dd,
ul li {
   line-height: 1.2em;
}


/* -----------------------------------------------
common
--------------------------------------------------*/
#bg-container{
   z-index: 1;
   position: fixed;
   width: 100%;
   height: 100%;
}

#container{
   z-index: 2;
   position: relative;
   overflow: hidden;
   min-width: 960px;
}

.contents{
   position: relative;
   width: 1000px;
   margin: 70px auto 0;
   overflow: hidden;
   zoom: 1;
}

.section-btn{
   text-align: center;
   margin-top: 30px;
}
.section-btn a{
   display: inline-block;
   padding: 20px 50px;
   border: solid 1px #000;
   -webkit-border-radius: 100px;
   -moz-border-radius: 100px;
   border-radius: 100px;
}
.section-btn.base a{
   color: #231815;
   text-decoration: none;
   font-size: 16px;
   font-family : YuMincho, '游明朝', serif;
   letter-spacing: 2px;
}
.section-btn.base a:hover{
   background: #000;
   color: #fff;
   text-decoration: none;
}

/*
-----------------------------------------*/
table.normal{
   width: 100%;
   background: #231815;
   border-collapse:separate;
   border-spacing:1px;
}
table.normal th,
table.normal td{
   padding: 15px 20px;
}
table.normal th{
   text-align: center;
   white-space: nowrap;
   background: #eee;
}
table.normal td{
   background: #fff;
}

table.simple{
   width: 100%;
   border-top: solid 1px #ddd;
}
table.simple th,
table.simple td{
   padding: 15px 20px;
   border-bottom: solid 1px #ddd;
}
table.simple th{
   white-space: nowrap;
   padding-left: 0;
   color: #666;
}
table.simple td{
}


/* -----------------------------------------------
header
--------------------------------------------------*/
#header{
   position: relative;
   width: 100%;
   z-index: 1000;
   background: url("../img/common/header-bg.png");
}
#header.fixed{
   position: fixed;
   top: 0 !important;
   box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.5);
}
#header .inner{
   position: relative;
   height: 90px;
   zoom: 1;
   overflow: hidden;
}
#header #site-title,
#header #site-title a{
   width: 160px;
   height: 60px;
}
#header #site-title{
   position: absolute;
   top: 15px;
   left: 30px;
   /*left: 283px;*/
   text-indent: 0;
}
#header #site-title a{
   display: block;
   text-indent: -9999px;
   overflow: hidden;
   background: url("../img/common/logo.png") no-repeat center center;
   -moz-background-size:  auto 60px;
   -webkit-background-size: auto 60px;
   background-size: auto 60px;
}
#header #site-title-sub{
   display: none;
   position: absolute;
   right:30px;
   top: 0;
   width: 175px;
   height: 90px;
   text-indent: -9999px;
   overflow: hidden;
   background: url("../img/common/logo-copy.png") no-repeat center center;
   -moz-background-size: contain;
   -webkit-background-size: contain;
   background-size: contain;
}

#header .menu{
   position: absolute;
   right:30px;
   text-align: center;
   margin: auto;
   /*left: 403px;*/
}

#header .menu ul,
#header .menu ul li,
#header .menu ul li a{
   display: block;
}
#header .menu ul li,
#header .menu ul li a{
   height: 90px;
}
#header .menu ul li{
   display: inline-block;
   margin: 0 10px;
}
#header .menu ul li a{
   text-indent: -9999px;
   overflow: hidden;
   background-image: url("../img/common/navi.png");
   background-repeat: no-repeat;
}
#header .menu ul li.news      a{width:  54px;background-position:    0     0;}
#header .menu ul li.intro     a{width: 143px;background-position:  -54px   0;}
#header .menu ul li.character a{width: 100px;background-position: -197px   0;}
#header .menu ul li.staff     a{width:  57px;background-position: -297px   0;}
#header .menu ul li.music     a{width:  61px;background-position: -354px   0;}
#header .menu ul li.books     a{width:  63px;background-position: -415px   0;}
#header .menu ul li.special   a{width:  75px;background-position: -478px   0;}
#header .menu ul li.onair     a{width:  68px;background-position: -553px   0;}
#header .menu ul li.product   a{width:  91px;background-position: -621px   0;}
#header .menu ul li.story     a{width:  62px;background-position: -712px   0;}

#header .menu ul li a{background-image: url("../img/common/navi2.png");}
#header .menu ul li.news      a{width:  47px;background-position:    0     0;}
#header .menu ul li.intro     a{width: 120px;background-position:  -47px   0;}
#header .menu ul li.character a{width:  95px;background-position: -167px   0;}
#header .menu ul li.staff     a{width:  50px;background-position: -262px   0;}
#header .menu ul li.music     a{width:  53px;background-position: -312px   0;}
#header .menu ul li.books     a{width:  55px;background-position: -365px   0;}
#header .menu ul li.special   a{width:  67px;background-position: -420px   0;}
#header .menu ul li.onair     a{width:  60px;background-position: -487px   0;}
#header .menu ul li.product   a{width:  78px;background-position: -547px   0;}
#header .menu ul li.story     a{width:  54px;background-position: -625px   0;}
#header .menu ul li.movie     a{width:  54px;background-position: -679px   0;}

/*#header .menu ul li{
   display: inline-block;
   margin: 0 10px;
}
#header .menu ul li a{
   color: #231815;
   text-align: center;
   text-decoration: none;
   font-size: 15px;
   font-family: "EB Garamond";
   font-weight: normal;
   letter-spacing: 1px;
   padding: 28px 10px;
}
#header .menu ul li a span{
   font-size: 10px;
   font-family: serif;
   padding-top: 3px;
   display: block;
}
#header .menu ul li.news      a:first-letter{color: #ee6694;}
#header .menu ul li.intro     a:first-letter{color: #00adf2;}
#header .menu ul li.character a:first-letter{color: #f18101;}
#header .menu ul li.staff     a:first-letter{color: #a9ce05;}
#header .menu ul li.music     a:first-letter{color: #a501f1;}

#header .menu ul li a:hover{
   color: #353535;
   text-decoration: none;
}*/


/* -----------------------------------------------
footer
--------------------------------------------------*/
#footer{
   position: relative;
   z-index: 1000;
   background-color: #333333;
}
#footer .menu{
   padding: 20px;
   text-align: center;
   border-bottom: solid 1px #5c5c5c;
}
#footer ul li{
   display: inline;
}
#footer ul li a{
   font-size: 12px;
   font-family: "EB Garamond";
   font-weight: normal;
   color: #fff;
   text-decoration: none;
   letter-spacing: 3px;
}
#footer ul li:after{
   content: "　/　";
   color: #fff;
}
#footer ul li:last-child:after{
   content: none;
}
#footer .copyright{
   color: #fff;
   font-size: 11px;
   text-align: center;
   letter-spacing: 1px;
   padding: 20px;
}