@charset "utf-8";

body {
   color: #191919;
   line-height: 1.3;
   font-size: 62.5%;
   font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif;
   background: url(/assets/images/common/bg_all.jpg) fixed;
}

#page {
   width: 1200px;
   margin: 0 auto;
   position: relative;
   overflow: hidden;
   box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 0px 14px;
   -webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 0px 14px;
   -moz-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 0px 14px;
}

#loading {
    position: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
    background: url(/assets/images/common/logo.png) no-repeat center center #fff;
    z-index: 9999;
}

.side {
   width: 250px;
   float: left;
   position: relative;
   -webkit-box-shadow: 14px 0 0 rgba(0,0,0,0.1);
   box-shadow: 14px 0 0 rgba(0,0,0,0.1);
   box-sizing: border-box;
   background-color: #FFF;
   z-index: 5;
}

.side:before {
    content: "";
    width: 250px;
    height: 10px;
    position: absolute;
    top: 0;
    background: url(/assets/images/common/said_header_line.jpg) no-repeat left top;
}

.side:after {
    content: "";
    width: 250px;
    height: 275px;
    position: absolute;
    bottom: 0;
    background: url(/assets/images/common/said_footer_line.jpg) no-repeat left bottom;
}

.side h1.logo {
    padding: 35px 0 24px;
    text-align: center;
    font-size: 0;
}

.side h1.logo + p {
    padding: 0 0 20px;
    text-align: center;
    font-size: 0;
    display: none;
}
.side h1.logo + p + .said_onair-text, 
.said_onair-text + p {
    padding: 0 0 28px;
    text-align: center;
    font-size: 0;
    display:block;
}
.side h1.logo + p + .said_onair-text a, 
.said_onair-text + p a {
    transition: all 0.3s;
    -moz-transition: all 0.3s;
   -webkit-transition: all 0.3s;    
}
.side h1.logo + p + .said_onair-text a:hover, 
.said_onair-text + p a:hover {
    opacity: 0.7;
}
.said_bnr02 {
    margin-top: 8px;
}

.main {
    width: 100%;
    margin-left: -250px;
    padding-left: 250px;   
    float: right;
    box-sizing: border-box;
}

.main .mainConts {
    overflow: hidden;
    text-align: center;
}

.onair,
.comic,
.staff-cast,
.character,
.story,
.movie,
.special,
.goods,
.music,
.bd-dvd,
.radio {
    width: 950px;
    margin: 0 auto;
    overflow: hidden;
   background: #fff;
}

.onair h2,
.comic h2,
.staff-cast h2,
.character h2,
.story h2,
.movie h2,
.special h2,
.goods h2,
.music h2,
.bd-dvd h2,
.radio h2 {
    padding: 116px 0 0;
}

ul,ol {
    list-style-type: none;
}

a {
   text-decoration: none;
   color: #2a93ee;
   outline: none;
}

a: link,
a: visited,
a: hover,
a: active { 
   color: #2a93ee;
}

.goods button, .goods input, .goods select, .goods textarea {
    background-color: transparent;
    color: inherit;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    min-height: 1.5em;
}

*, ::after, ::before {
    box-sizing: inherit;
    -webkit-box-sizing: inherit;
    border-style: solid;
    border-width: 0;
}
::after, ::before {
    text-decoration: inherit;
    vertical-align: inherit;
}

/* menu
----------------------------------------------------------*/
nav {
    padding: 0 0 22px;
}

nav .gnav ul {
    position: relative;
}

/*nav .gnav ul li:nth-child(8) a {
    transition: all 0.3s;
}
nav .gnav ul li:nth-child(8) a:hover {
    opacity: 0.7;
}
nav .gnav ul li:nth-child(8) a:hover:after {
    right: -27px !important;
}*/


/*-- link none
nav .gnav ul li:nth-child(8) {
    opacity: 0.5;
}

nav .gnav ul li:nth-child(8) {
    padding: 13px 0 11px 13px;
}

nav .gnav ul li:nth-child(8):before {
    content: "";
    width: 27px;
    height: 23px;
    margin-top: 8px;
    right: 0;
    position: absolute;
    background: url(/assets/images/common/menu/menu_hover-item01.png) no-repeat right center;
}
nav .gnav ul li:nth-child(8):after {
    content: "";
    width: 27px;
    height: 23px;
    margin-top: 8px;
    position: absolute;
    background: url(/assets/images/common/menu/menu_hover-item03.png) no-repeat right center;
    right: -27px !important;
}
link none --*/


nav .gnav ul li a {
    display: block;
    padding: 13px 0 11px 13px;
}

nav .gnav ul li a:before {
    content: "";
    width: 27px;
    height: 23px;
    margin-top: 8px;
    right: 0;
    position: absolute;
    background: url(/assets/images/common/menu/menu_hover-item01.png) no-repeat right center;
}
nav .gnav ul li:nth-child(6n+1) {
    background-color: #00aadd;
}
nav .gnav ul li:nth-child(6n+2) {
    background-color: #fab300;
}
nav .gnav ul li:nth-child(6n+3) {
    background-color: #4cb99a;
}
nav .gnav ul li:nth-child(6n+4) {
    background-color: #b94cab;
}
nav .gnav ul li:nth-child(6n+5) {
    background-color: #f0d100;
}
nav .gnav ul li:nth-child(6n+6) {
    background-color: #eb6170;
}

nav .gnav ul li:nth-child(6n+1) a:after {
    content: "";
    width: 27px;
    height: 23px;
    margin-top: 8px;
    right: -27px;
    position: absolute;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
   -webkit-transition: all 0.3s;
    background: url(/assets/images/common/menu/menu_hover-item02.png) no-repeat right center;
}

nav .gnav ul li:nth-child(6n+1) a:hover:after {
    content: "";
    width: 27px;
    height: 23px;
    margin-top: 8px;
    right: -40px;
    position: absolute;
    background: url(/assets/images/common/menu/menu_hover-item02.png) no-repeat right center;
}


nav .gnav ul li:nth-child(6n+2) a:after {
    content: "";
    width: 27px;
    height: 23px;
    margin-top: 8px;
    right: -27px;
    position: absolute;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
   -webkit-transition: all 0.3s;
    background: url(/assets/images/common/menu/menu_hover-item03.png) no-repeat right center;
}

nav .gnav ul li:nth-child(6n+2) a:hover:after {
    content: "";
    width: 27px;
    height: 23px;
    margin-top: 8px;
    right: -40px;
    position: absolute;
    background: url(/assets/images/common/menu/menu_hover-item03.png) no-repeat right center;
}



nav .gnav ul li:nth-child(6n+3) a:after {
    content: "";
    width: 27px;
    height: 23px;
    margin-top: 8px;
    right: -27px;
    position: absolute;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
   -webkit-transition: all 0.3s;
    background: url(/assets/images/common/menu/menu_hover-item04.png) no-repeat right center;
}

nav .gnav ul li:nth-child(6n+3) a:hover:after {
    content: "";
    width: 27px;
    height: 23px;
    margin-top: 8px;
    right: -40px;
    position: absolute;
    background: url(/assets/images/common/menu/menu_hover-item04.png) no-repeat right center;
}



nav .gnav ul li:nth-child(6n+4) a:after {
    content: "";
    width: 27px;
    height: 23px;
    margin-top: 8px;
    right: -27px;
    position: absolute;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
   -webkit-transition: all 0.3s;
    background: url(/assets/images/common/menu/menu_hover-item05.png) no-repeat right center;
}

nav .gnav ul li:nth-child(6n+4) a:hover:after {
    content: "";
    width: 27px;
    height: 23px;
    margin-top: 8px;
    right: -40px;
    position: absolute;
    background: url(/assets/images/common/menu/menu_hover-item05.png) no-repeat right center;
}


nav .gnav ul li:nth-child(6n+5) a:after {
    content: "";
    width: 27px;
    height: 23px;
    margin-top: 8px;
    right: -27px;
    position: absolute;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
   -webkit-transition: all 0.3s;
    background: url(/assets/images/common/menu/menu_hover-item06.png) no-repeat right center;
}

nav .gnav ul li:nth-child(6n+5) a:hover:after {
    content: "";
    width: 27px;
    height: 23px;
    margin-top: 8px;
    right: -40px;
    position: absolute;
    background: url(/assets/images/common/menu/menu_hover-item06.png) no-repeat right center;
}


nav .gnav ul li:nth-child(6n+6) a:after {
    content: "";
    width: 27px;
    height: 23px;
    margin-top: 8px;
    right: -27px;
    position: absolute;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
   -webkit-transition: all 0.3s;
    background: url(/assets/images/common/menu/menu_hover-item07.png) no-repeat right center;
}

nav .gnav ul li:nth-child(6n+6) a:hover:after {
    content: "";
    width: 27px;
    height: 23px;
    margin-top: 8px;
    right: -40px;
    position: absolute;
    background: url(/assets/images/common/menu/menu_hover-item07.png) no-repeat right center;
}

nav .gnav ul li:nth-child(6n+1) a img,
nav .gnav ul li:nth-child(6n+2) a img,
nav .gnav ul li:nth-child(6n+3) a img,
nav .gnav ul li:nth-child(6n+4) a img,
nav .gnav ul li:nth-child(6n+5) a img,
nav .gnav ul li:nth-child(6n+6) a img {
    transition: all 0.3s;
    -moz-transition: all 0.3s;
   -webkit-transition: all 0.3s;
}
nav .gnav ul li:nth-child(6n+1) a:hover img,
nav .gnav ul li:nth-child(6n+2) a:hover img,
nav .gnav ul li:nth-child(6n+3) a:hover img,
nav .gnav ul li:nth-child(6n+4) a:hover img,
nav .gnav ul li:nth-child(6n+5) a:hover img,
nav .gnav ul li:nth-child(6n+6) a:hover img {
    margin-left: 20px;
}

/* sns
----------------------------------------------------------*/
.share {
    padding: 0 0 26px 13px;
    position: relative;
}

.share p {
    padding: 5px 0 0 0;
    position: absolute;
}

.share ul {
    margin: 0 0 0 67px;
}

.share ul li {
    margin: 0 26px 0 0;
    display:inline-block;
}

.share ul li a,
.side-banner ul li a {
    transition: all 0.3s;
    -moz-transition: all 0.3s;
   -webkit-transition: all 0.3s;
}
.share ul li a:hover,
.side-banner ul li a:hover {
    opacity: 0.7;
}

/* side-banner
----------------------------------------------------------*/
.side-banner {
    padding: 0 0 320px 13px;
}

.side-banner ul li {
    padding: 0 0 8px;
}


/* gotop
----------------------------------------------------------*/
.gotop{
	position: absolute;
	bottom: 116px;
    right: 10px;
    z-index: 20;
}
.gotop a{
	width: 70px;
    height: 70px;
    background: #185a93;
    border-radius: 100%;
    position: relative;
    display: block;
}
.gotop a img {
    top: 24px;
    left: 19px;
    position: absolute;
}

/* footer
----------------------------------------------------------*/
.footer {
    padding: 36px 0 22px 250px;
    line-height: 2;
    color: #fff;
    font-size: 15px;
    clear: both;
    background-color: #2a93ee;
}

.footer ul.address li {
    margin: 0 11px 0 0;
    display:inline-block;
}

.footer ul.address li a {
    color: #FFF;
}

.footer ul.address li a:hover {
    text-decoration: underline;
}

/*clearFix
-----------------------------------*/
#page:after,
.side:after,
.main:after,
.ticker dl:after,
.footer:after,
.newsWrap:after,
.comicList:after,
.comicList ol:after,
.comicList ol li:after,
.storyDate li:after {
              display: block;
              clear: both;
              height: 0;
              visibility: hidden;
              content: ".";
}
#page,
.side,
.main,
.ticker dl,
.footer,
.newsWrap,
.comicList,
.comicList ol,
.comicList ol li,
.storyDate li {
              zoom: 1;
}
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}


iframe[name="google_conversion_frame"] {
	position: absolute;
	height: 0;
}