@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

img {
  vertical-align: bottom;
}

li {
  list-style: none;
}

body {
  font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  position:relative;
}

body {
  background: url("../img/common/pc_bg_pattern.jpg");
}

.sp {
  display: none;
}

.ballBg {
  background: url("../img/common/pc_bg_ball.jpg") no-repeat center top;
  width: 120%;
  height: 100%;
  position: fixed;
  z-index: -1;
  top: -40px;
}

#glovalnavi {
  background: url("../img/common/pc_menu/menu_bg_pattern.gif") repeat-x;
  height: 60px;
  position: relative;
   z-index:2000;
  width: 100%;
  min-width: 1000px;
}
#glovalnavi .navwrap {
  width: 1000px;
  position: relative;
  margin: auto;
}
#glovalnavi .navwrap .line {
  background: #fff;
  position: absolute;
  height: 5px;
  top: 53px;
  width: 50px;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 0;
}
#glovalnavi .navwrap .current {
  background: #fff;
  position: absolute;
  height: 5px;
  top: 53px;
  width: 51px;
  left: 0;
  z-index: 0;
}
#glovalnavi .navwrap ul {
  width: 1000px;
  margin: auto;
  padding-top: 18px;
}
#glovalnavi .navwrap ul li {
  float: left;
  margin-right: 30px;
  height: 60px;
  position: relative;
  z-index: 2;
}
#glovalnavi .navwrap ul li a {
  display: block;
}
#glovalnavi .navwrap ul li.top a {
  background: url("../img/common/pc_menu/top.png");
  width: 51px;
  height: 22px;
}
#glovalnavi .navwrap ul li.news a {
  background: url("../img/common/pc_menu/news.png");
  width: 73px;
  height: 22px;
}
#glovalnavi .navwrap ul li.about a {
  background: url("../img/common/pc_menu/product_info.png");
  width: 93px;
  height: 22px;
}
#glovalnavi .navwrap ul li.chara a {
  background: url("../img/common/pc_menu/chara.png");
  width: 109px;
  height: 22px;
}
#glovalnavi .navwrap ul li.story a {
  background: url("../img/common/pc_menu/story.png");
  width: 73px;
  height: 22px;
}
#glovalnavi .navwrap ul li.goods a {
  background: url("../img/common/pc_menu/goods.png");
  width: 56px;
  height: 22px;
}
#glovalnavi .navwrap ul li.special a {
  background: url("../img/common/pc_menu/special.png");
  width: 92px;
  height: 22px;
}
#glovalnavi .navwrap ul li.none {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
#glovalnavi .submenu {
  background: #fffefc;
  position: absolute;
  width: 100%;
  top: 60px;
  display: none;
  opacity: 0;
  filter: alpha(opacity=0);

}
#glovalnavi .submenu .wrap {
  width: 1000px;
  margin: auto;
  height: 60px;
}
#glovalnavi .submenu .wrap p {
  float: left;
  margin-right: 30px;
  line-height: 60px;
}
#glovalnavi .submenu .wrap p a {
  color: #bf000a;
  text-decoration: none;
}
#glovalnavi .submenu .wrap p a:hover {
  text-decoration: underline;
}
#glovalnavi .sns {
  width: 1000px;
  margin: auto;
  position: relative;
  height: 0;
}
#glovalnavi .sns ul {
  position: absolute;
  right: 0;
}
#glovalnavi .sns li {
  display: inline-block;
}
#glovalnavi .sns li.fb {
  margin-right: 25px;
}

.wrapper .pageTop {
  width: 70px;
  cursor: pointer;
  position: fixed;
  right: 30px;
  bottom: 30px;
  opacity: 0;
  filter: alpha(opacity=0);
}

footer {
  width: 1000px;
  margin: auto;
  background: url("../img/common/pc_footer_line.gif") no-repeat top;
  padding-top: 31px;
  padding-bottom: 40px;
}
footer ul {
  margin-bottom: 40px;
}
footer ul li {
  float: left;
  margin-right: 16px;
}
footer ul li:last-child {
  margin-right: 0;
}
footer .copy {
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
}

.wrapper {
    width: 1000px;
    margin: auto;
    position: relative;
    padding-bottom: 250px;
    padding-top: 30px;
}


.wrapper .kv {
    height: 1012px;
    position: relative;
    top: 10px;
    width: 874px;
    left: -30px
}

/**/
.wrapper .kv {

  width: 874px;
  height: 1116px;
  position: relative;
  left: -134px;
  top: -22px;
}

/* メインビジュアル
.wrapper .kv {
  background: url("../img/top/pc_KV.png");
  width: 874px;
  height: 1116px;
  position: relative;
  left: -134px;
  top: -22px;
}
*/


.wrapper .kv div.kvBack {
    position: absolute;
    top:0px;
    z-index:800;

}

.wrapper .kv div.kvBLgoku {
    position: absolute;
    top:0px;
    z-index:900;
}

.wrapper .kv div.tranks {
    position: absolute;
    /*top:-1010px;*/
    left:50px;
    top: 315px;

    z-index:1000;
}





.wrapper .kv div.dlogo {
    position: absolute;
    top:607px;
    z-index:1001;
    /*
     width:50px;
     left:55px;
*/
	width:600px;
	left:57px;

}


.wrapper .kv div.eptranks {
    position: absolute;
    top:877px;
    z-index:1005;
    width:517px;
    left:93px;

}

.wrapper .kv div.logo30th {
    position: absolute;
    top:12px;
    left:12px;
    z-index:1001;

}




.wrapper .kv div.kvBack img,.wrapper .kv div.kvBLgoku img,.wrapper .kv div.dlogo img,.wrapper .kv div.logo30th img,.wrapper .kv div.eptranks img{opacity:0;}
.wrapper .kv div.logo img{width:50px;display:block;margin:0 210px;opacity:0;}
.wrapper .kv div.tranks img{width:600px;opacity:0;}


.wrapper .onair {
    width: 320px;
    position: absolute;
    top: 40px;
    right: 0px;
}


.wrapper #campBanner{width: 320px;
  height: 290px;
  position: absolute;
  top: 142px;
  right: 0;
}
  
  .wrapper #campBanner img{width:100%;}

.wrapper .topics {
    width: 320px;
    position: absolute;
    right: 0px;
    top: 143px;
    height: 170px;
}


.wrapper .topics h2 {
  background: url("../img/top/pc_title_topics.jpg");
  height: 40px;
  text-indent: -10000px;
}
.wrapper .topics .wrap {
    height: 200px;
    background: #FFF;
    background: rgba(255, 255, 255, 1.0);
    overflow-y: scroll;
}
.wrapper .topics .wrap ul {
  padding: 20px;
}
.wrapper .topics .wrap ul li {
  margin-bottom: 25px;
}
.wrapper .topics .wrap ul li .date {
  font-size: 11px;
  font-size: 0.6875rem;
  margin-bottom: 8px;
}
.wrapper .topics .wrap ul li .date.new:after {
  content: url("../img/top/pc_icon_new.png");
  margin-left: 10px;
}
.wrapper .topics .wrap ul li .text {
  line-height: 1.4;
  font-size: 13px;
  font-size: 0.8125rem;
}
.wrapper .topics .wrap ul li .text a {
  color: #000;
  text-decoration: none;
}
.wrapper .topics .wrap ul li .text a:hover {
  text-decoration: underline;
}
.wrapper .movie {
    width: 320px;
    position: absolute;
    right: 0px;
    top: 404px;
}
.wrapper .movie h2 {
  background: url("../img/top/pc_title_yokoku.jpg");
  height: 40px;
  text-indent: -10000px;
}
.wrapper .movie .wrap {
  background: #FFF;
  background: rgba(255, 255, 255, 1.0);
}
.wrapper .movie .wrap h3 {
  padding: 15px;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: normal;
  line-height: 1.4;
}
.wrapper .movie .wrap h3 .no {
  font-weight: bold;
}
.wrapper .movie .wrap .player {
  width: 320px;
  height: 180px;
  position: relative;
}
.wrapper .movie .wrap .player iframe {
  position: absolute;
  top: 0;
  left: 0;
}
.wrapper .movie .wrap .story {
  padding: 10px;
  font-size: 10px;
  font-size: 0.8125rem;
  line-height: 1.25em;
}
.wrapper .twitter {
    width: 320px;
    position: absolute;
    right: 0px;
    top: 812px;
}
.wrapper .twitter h2 {
  background: url("../img/top/pc_title_twitter.jpg");
  height: 40px;
  text-indent: -10000px;
}

.stream{height:200px !important;}

.wrapper .twitter .wrap {
    height: 470px;
    background: #FFF;
    background: rgba(255, 255, 255, 1.0);
}
.wrapper .twitter .forrow {
  position: absolute;
  font-size: 10px;
  font-size: 0.625rem;
  top: 8px;
  right: 10px;
}
.wrapper .twitter .forrow a {
  color: #000;
  text-decoration: none;
  display: block;
  width: 64px;
  height: 24px;
  background: #FF9304;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  text-align: center;
  line-height: 24px;
}

#twitter .widget iframe{
height:320px;}

#floatMovie {
  position: fixed;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 100;
  display: none;
  opacity: 0;
  filter: alpha(opacity=0);
}
#floatMovie .close {
  position: absolute;
  top: 50%;
  right: 10px;
  cursor: pointer;
}
#floatMovie .frame {
  position: absolute;
  top: 50%;
}
#floatMovie .wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}


#visualWrapp{width:100%;height:100%;top0px;left:0px;position:relative;z-index:499;}

body.access .newvisual,body.access .newvisual,{display:none;}

.newvisual{width:800px:position:absolute;z-index:501;margin:0 auto;display:block;top:-1700px;left:0px;margin:0px;}
/*
.newvisual p.imgArea{width:100%;
    background: url("../img/top/pc_kv2.png") no-repeat;
  background-size: 100%;
  height:629px;
  display:block;
}


.newvisual p.sClose {width:9%;margin:35px auto 0 auto;cursor:pointer;}
*/




.newvisual article.tranksInfo{width:800px;margin:0 auto;position:relative;z-index:502;left:0px;top:-1700px;right:0px;display:block;}

.newvisual article.tranksInfo p.tranksEp{top:115px;left:0px;position:absolute;z-index:502;}

.newvisual article.tranksInfo p.tranksMain{top:83px;right:50px;position:absolute;z-index:502;}
.newvisual article.tranksInfo p.tranksMain img:nth-child(1){cursor:pointer;}
.newvisual article.tranksInfo p.tranksMain img:nth-child(3){display:none;cursor:pointer;}
.newvisual article.tranksInfo p.tranksMain img:nth-child(2){display:none;}

.newvisual article.tranksInfo p.tranksFukidashi{top:5px;right:-143px;position:absolute;z-index:502}


.newvisual article.tranksInfo  dl{width:800px;margin:0 auto;position:absolute;z-index:502;left:0px;top:941px;right:0px;}
.newvisual article.tranksInfo  dt{width:auto;margin:0px;padding:15px 30px;background-color:#219609;}
.newvisual article.tranksInfo  dd{width:auto;margin:0px;padding:30px;background: #FFF url("../img/top/ep_tranks_toriyamasensei.jpg") no-repeat 91% 95px ;font-size:0.935em;line-height:1.5em;}


.newvisual article.tranksInfo p.close{top:1500px;position:absolute;display:block;width:800px;cursor:pointer;margin:15px auto 40px;}
.newvisual article.tranksInfo p.close img{width:12%;display:block;margin:0 auto;}


.newvisualBack{background:#111;width:100%;height:110%;opacity:0.9;position:absolute;z-index:500;display:block;top:-110%;cursor:pointer;
border-bottom-style:solid;border-bottom-width:5%;border-bottom-color:#000;}



.dispSp{display:none;}



ul.column3 {width:100%;overflow:hidden;}
ul.column3 li{width:33%;margin-right:1%;float:left;}
ul.column3 li:nth-last-child(1){margin-right:0px;}
ul.column3b {width:100%;overflow:hidden;}
ul.column3b li{width:24%;margin-right:1.33%;float:left;}
ul.column3b li:nth-first-child(1){width:49%;}
ul.column3b li:nth-last-child(1){margin-right:0px;}


/* キャンペーン */
.campBack{background:#111;width:100%;height:100%;opacity:0.9;position:absolute;z-index:500;display:block;top:0%;cursor:pointer;opacity:0;}

.camp201601{width:50%;position:fixed;z-index:501;margin:0 auto;display:block;opacity:0;left:25%;}
.camp201601 p.imgArea{width:100%;margin:15px auto; }
.camp201601 p.imgArea img{width:100%;}

.campClose{width:10%;position:absolute;top:-10px;right:-10px;cursor:pointer;}
.campClose img{width:100%;}

.second{margin-top:-20px;}
.bB{border:1px solid #000;width:236px;}

.dot{width:100%;height:100%;position:fixed;z-index:9999;background: url("../img/top/dot.png") repeat;}