@charset "utf-8";
/*-----IN DATA-----*/
/*- 01.common -----*/
/*- 02.scroll -----*/
/*- 03.c_loading -----*/
/*- 04.colorbox -----*/
/*- 05.c_event -----*/
/*- 06.c_event_specialevent--*/
/*- 07.sp_menu -----*/
/*- 08.herofes ----*/
/*- 09.oae_共通 ----*/
/*- 10.oae_sp ----*/

/*== 01 ===================================================================*/
/*================================ common ================================*/
/*=================================================================== 01 ==*/
/* CSS Document */
body,p,h1,h2,h3,h4,h5,h6,span,small,strong,div,ul,li,figure,img,header,footer,nav,section{
	margin:0;
	padding:0;
	border:none;
	outline:none;
	font-size:1rem;
}
header,footer,nav,section{display:block;}
html{
	font:13px/1.3 "ヒラギノ角ゴ Pro W3";
	/* font-size: 62.5%; */
	-webkit-text-size-adjust:none;
}
body {
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	font-family:  "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
	background: #000;
}
a:focus{ outline: none; }
img{
	vertical-align: top;
	touch-callout:none;
	user-select:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
}
li{list-style:none;}
a:link { color: #AA0014; }
a:visited { color: #AA0014; }
a:hover { color: #ff0000; }
a:active { color: #ff0000; }
.clear {clear: both;}
.contents {background: #fff;}
.nh { width: 100%; }
/* footer -------------------------------------------------------------- */
#footer {
	width: 100%;
	text-align: center;
	color: #fff;
	background: #000;
}
.copyright {
	font-size: 86%;
	padding: 30px 0 50px 0;
}
.footer_bn ul {
	width: 100%;
	display: table;
	table-layout: fixed;
}
.footer_bn ul li {
	display: table-cell;
	padding: 2px;
	position: relative;
}
.footer_bn ul li a {display:block;}
.footer_bn ul li img {
	width: 100%;
}
/* boxlink ------------------------------------------------------------ */
.sp_boxlink {
	width: 90%;
	margin: 5% auto 0;
	/* border: 2px solid #000;
	box-sizing: border-box; */
	font-size: 93%;
	background: #000;
	
}
.sp_boxlink a {
	padding: 2.5% 2% 2% 2%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	display: block;
	color: #ffed00;
}

#pageNavi {
	height:40px;
	position:relative;
	text-align:center;
	margin:30px 20px 0;
	padding-bottom:25px;
}
#pageNavi a {
	display:inline-block;
	width:30px;
	height:30px;
	margin:0px 5px;
	box-sizing:border-box;
	border:2px solid #000;
	background-color:#FFF;
	text-align:center;
	font-weight:bold;
	line-height:26px;
	color:#000;
	text-decoration:none;
}
#pageNavi a span {
	font-size:14px;
}
#pageNavi .next {
	position:absolute;
	right:0;
	top:0;
}
#pageNavi .next span,
#pageNavi .prev span {
	display:none;
}
#pageNavi .prev {
	position:absolute;
	left:0;
	top:0;
}
#pageNavi .next:before {
	content:'';
	position:absolute;
	width:6px;
	height:6px;
	border-right:2px solid #000;
	border-bottom:2px solid #000;
	left:50%;
	top:50%;
	margin-left:-6px;
	margin-top:-4px;
	transform:rotate(-45deg);
}
#pageNavi .prev:before {
	content:'';
	position:absolute;
	width:6px;
	height:6px;
	border-top:2px solid #000;
	border-left:2px solid #000;
	left:50%;
	top:50%;
	margin-left:-2px;
	margin-top:-4px;
	transform:rotate(-45deg);
}
#pageNavi a:hover:before {
	border-color:#ffed00;
}
#pageNavi a.active {
	background-color:#000;
	color:#ffed00;
	pointer-events:none;
}

/*== 02 ===================================================================*/
/*============================== scroll ==============================*/
/*=================================================================== 02 ==*/
.pagetop {
	display: none;
	position: fixed;
	bottom: 5px;
	right: 5px;
}

.pagetop img {
	width: 100%;
}
.pagetop a {
	display: block;
	width: 70px;
	/* height: 70px; */
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
}

/*== 03 ===================================================================*/
/*============================== c_loading ==============================*/
/*=================================================================== 03 ==*/
#loader {
/*	width: 32px;
	height: 32px;
	display: none;
	position: fixed;
	_position: absolute; /* IE6対策 */
	top: 50%;
	left: 50%;
	z-index: 9999900;
	position: fixed;
	transform:translate(-50%,-50%);
}

#fade {
	width: 100%;
	height: 100%;
	display: none;
    background-color: #081315;
    /*background-color: #000; */
	/*background-color: #fff;*/
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0;
	bottom: 0;
	z-index: 500000;
}

/*== 04 ===================================================================*/
/*============================== colorbox ==============================*/
/*=================================================================== 04 ==*/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background:#000;margin:50px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(../../img/old/colorbox/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#fff;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxSlideshow {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../../img/old/colorbox/controls.png) no-repeat 0 0;}
	#cboxClose {border:0; padding:0; margin:0; text-indent:-9999px; width:60px; height:30px; position:absolute; bottom:-50px; left: 48%;background:url(../../img/old/colorbox/ctrl_close.png) no-repeat 0 0;}
	#cboxPrevious {border:0; padding:0; margin:0; text-indent:-9999px; width:30px; height:45px; position:absolute; top:48%; left: -50px; background:url(../../img/old/colorbox/ctrl_prev.png) no-repeat 0 0;}
	#cboxNext {border:0; padding:0; margin:0; text-indent:-9999px; width:30px; height:45px; position:absolute; top:48%; right: -50px; background:url(../../img/old/colorbox/ctrl_next.png) no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
	#cboxPrevious:focus, #cboxNext:focus, #cboxSlideshow:focus, #cboxClose:focus {outline:0;}

        #cboxPrevious{background-position:0px 0px; opacity: 0.9;}
        #cboxPrevious:hover{background-position:0px 0px; opacity: 0.2;}
        #cboxNext{background-position:0px 0px; opacity: 0.9;}
        #cboxNext:hover{background-position:0px 0px; opacity: 0.2;}
        #cboxClose{background-position:0px 0px; opacity: 0.9;}
        #cboxClose:hover{background-position:0px 0; opacity: 0.2;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

/*== 05 ===================================================================*/
/*============================== colorbox ==============================*/
/*=================================================================== 05 ==*/
/* contents ------------------------------------------------------------- */
/* event -------------------------------------------------------------- */
.c_contents {overflow: auto;padding-top: 20px;}
.event {width: 850px;}
.event li {
	width: 262px;
	margin: 0 13px 13px 0;
	float: left;
	background: #fff;
	position: relative;
	border: 3px solid #000;
	box-shadow: 3px 3px rgba(0,0,0,1);
	-moz-box-shadow: 3px 3px rgba(0,0,0,1);
	-webkit-box-shadow: 3px 3px rgba(0,0,0,1);
	-o-box-shadow: 3px 3px rgba(0,0,0,1);
	-ms-box-shadow: 3px 3px rgba(0,0,0,1);
}
.event li a:hover {opacity: 0.7;}
.icon_new {position: absolute;top: -6px;left: -6px;}
.event_txt {
	font-size: 200%;
	font-weight: bold;
	color: #fff;
	display: block;
	padding: 20px 0 0 0;
     text-shadow:2px 2px 0 #000, -2px -2px 0 #000,
              -2px 2px 0 #000, 2px -2px 0 #000,
              0px 2px 0 #000,  0 -2px 0 #000,
              -2px 0 0 #000, 2px 0 0 #000;
}

/*== 06 ===================================================================*/
/*========================== c_event_specialevent =========================*/
/*=================================================================== 06 ==*/
/* event backbtn --------------------------------------------------------- */
.cRight_title{position:relative;}
.back_event {
	text-indent: -9999px;
	width: 152px;
	height: 32px;
	position:absolute;
	top:105px;
	left:674px;
}
.back_event a{display: block;width: 152px;height: 32px;}
.back_event {background: url(../../img/old/event/c_event_back_off.png) no-repeat 0px 0px;}
.back_event a {background: url(../../img/old/event/c_event_back_on.png) no-repeat 0px 0px;opacity:0;}

/* event heroacahaku ---------------------------------------------------- */
.event_title {
	width: 746px;
	padding: 0 20px;
	margin: 0 0 10px 0;
	text-align: center;
	/* border-bottom: 1px dotted #222; */
}
.event_cell {
	width: 746px;
	padding: 0 20px;
}
.event_cell_title {
	font-size: 116%;
	line-height: 1.4;
	font-weight: bold;
	margin: 0 0 5px 0;
	/* padding: 7px 7px 4px 9px; */
	color: #222;
	/* background: #000; */
}
.event_cell_title2 {
	font-size: 123%;
	line-height: 1.4;
	font-weight: bold;
	margin: 0 0 10px 0;
	/* padding: 7px 7px 4px 9px; */
	color: #000;
	/* background: #000; */
}
.event_cell_txt {
	font-size: 108%;
	line-height: 1.5;
	padding: 10px 7px 10px 0;
	margin: 0 0 0 7px;
}
.event_cell_txt a{color: #aa0014;font-weight:bold;}
.event_cell_txt a:hover{color: #ff5569;text-decoration:underline;}
.event_cell_txt a.icon{
	height: 14px;
	padding-left: 19px;
	position: relative;
	background: url(../../img/old/news/c_news_linkicon.png)left 3px no-repeat;
	background-size: 14px 14px;
}
.blocks {
	display: block;
	text-indent: 14px;
}
.event_floatCell {
	width: 746px;
}
.event_floatCell_img {
	width: 300px;
	padding: 0 10px 0 0;
}
.event_flatCell_txt {
	width: 436px;
	font-size: 116%;
	line-height: 1.5;
}
.cap {
	font-size: 86%;
}
.cap90 {
	font-size: 90%;
}
.bold {
	font-weight: bold;
}
.img_idt {
	padding: 5px 0 5px 14px;
}
.cap_idt {
	font-size: 86%;
	padding: 5px 0 10px 14px;
}
.box {
	display: block;
	border: 4px solid #000;
	padding: 10px;
	font-weight: bold;
}
.visual {
	float: left;
	width: 363px;
	padding: 0 10px 0 0;
}
.visual p {
	padding: 5px 0 0 0;
	text-align: center;
}
.visual a:hover {opacity: 0.7;}
.idt {
	display: block;
	padding-left:1em;
	text-indent:-1em;
}
.idt_m {
	display: block;
	padding-left:1em;
	text-indent:-1em;
	margin-left: -0.5em;
}
.idt2 {
	display: block;
	padding-left:1em;
	text-indent:-1em;
	margin-left: 1em;
}
.event_goods {
	width: 746px;
	background: #ff0000;
}
.event_goods_cell {
	width: 228px;
	padding: 5px;
	margin: 0 5px 5px 0;
	border: 2px solid #000;
	float: left;
}

.event_goods_cell img{
	width: 226px;
	height: 151px;
	margin: 0 0 5px 0;
	border: 1px solid #ccc;
}
.event_goods_cell img:hover {
	opacity: 0.5;
}
.event_goods_cell p{
	font-size: 82%;
	line-height: 1.4;
	padding: 0 0 2px 0;
}
/*bd_news --------------------------------------------------------------*/
a {color:#aa0014;text-decoration:none;}
a:hover{color:#ff5569;text-decoration:underline;}
.event_news {
	width: 722px;
	margin: 30px 0 0 0;
	padding: 10px 10px 5px 10px;
	border: 2px solid #222;
}
.event_news .txt{
	width: 706px;
	font-size: 93%;
	font-weight: bold;
	margin: 0 0 5px 0;
	line-height: 1.4;
}
.event_news .txt .new{
	font-size: 90%;
	font-weight: bold;
	padding: 0 2px;
	margin-left: 5px;
	color: #FFED00;
	background: #B40014;
	border-radius: 2px;
	-webkit-border-radius: 2px;
}
.idt2 {
	display: block;
	/* padding-left:1em; */
	text-indent:-1em;
	margin-left: 1em;
}
.vote a img{
	border: 1px solid #000;
}
.vote a:hover{
	opacity: 0.7;
}
.vote p{
	text-align: center;
	padding-top: 5px;
	font-weight: bold;
}

/* goods new ---------------------------------------------------------- */
.cell_goods_main {
	width: 746px;
	/* background: #ff0000; */
}
.cell_goods {
	width: 228px;
	padding: 5px;
	margin: 0 5px 5px 0;
	border: 2px solid #000;
position: relative;
	float: left;
}
/* .cell_goods_main {
	width: 900px;
	padding: 20px 25px 20px 15px;
}
.cell_goods {
	width: 276px;
	padding: 5px;
	border: 2px solid #222;
	background: #fff;
	margin-right: 5px;
	margin-bottom: 5px;
	position: relative;
	float: left;
} */
.cell_goods .icon_new {
	position: absolute;
	top: 3px;
	left: 3px;
}
.cell_goods .image {
	width: 226px;
	height: 151px;
	display: block;
}
.cell_goods_img {
	width: 226px;
	height: 151px;
	border: 1px solid #222;
}
.cell_goods a .cell_goods_img:hover {opacity: 0.7;}
.cell_goods_title {
	color: #cc0000;
	font-size: 116%;
	font-weight: 900;
	margin: 10px 0;
	padding-left: 20px;
	background: url("../../img/old/jf2017/c_jf_arrow.png") no-repeat;
}
.cell_goods_title a{color: #cc0000;}
.cell_goods_title a:hover{color: #ff5569;text-decoration:underline;}
.cell_goods_txt {
	color: #222;
	font-size: 139%;
	margin: 10px 0 10px 10px;
}
.cell_goods .title{
	font-size: 100%;
	font-weight: bold;
	color: #ffed00;
	margin: 5px 0;
	background: #222;
	padding: 5px 5px 2px 5px;
}
.cell_goods .txt {
	font-size: 93%;
	padding: 0 5px 40px 5px;
	word-wrap:break-word;
    	overflow-wrap:break-word;
}
.cell_goods .txt a {color: #AA0014;}
.price {
	font-size: 85%;
	color: #fff;
	background: #777;
	/* background: #E96B3B; */
	/* border: 1px solid #222; */
	text-align: center;
	position: absolute;
	width: 226px;
	bottom: 5px;
	padding: 3px 0 2px 0;
	/* box-sizing: border-box; */
}

/*== 07 ===================================================================*/
/*============================== sp_menu ==============================*/
/*=================================================================== 07 ==*/
@charset "utf-8";
.spMenu #sp_nav li { list-style-type: none; }
.spMenu #sp_nav { margin: 0; }
.spMenu section {
	width: 100%;
	position: relative;
}
.spMenu header {
	/* background: #aa0014; */
    /* background: #000; */
	/* background: #ffac00; */
	background: #081315;
	color: #000;
	padding: 1.6rem;
	position: relative;
}
.spMenu .spMenuBtn {
	color: #1b1310;
	cursor: pointer;
	float: right;
	position: absolute;
	right: .8rem;
	text-align: center;
	top: 0.9rem;
	width: 5rem;
}
.menu_logo {
	color: #1b1310;
	cursor: pointer;
	float: right;
	position: absolute;
	left: .8rem;
	text-align: center;
	top: 0.5rem;
	width: 6rem;
	cursor: none;
}
/* .spMenu #sp_nav{
    background: #aa0014;
    display: none;
} */
.spMenu #sp_nav li { border-bottom: 1px dotted #ffed00; }
.spMenu .contents { width: 100%; }
.spMenu footer {
    background: #000;
    padding: .5rem;
}
.spMenu #sp_nav {
	position: absolute;
	width: 100%;
	z-index: 99;
	background: #000;
	display: none;
}
#m_top {
	display: block;
	background-image: url(../../img/old/menu/sp_menu_top_off.jpg);
	background-size: cover;
}
#m_news {
	display: block;
	background-image: url(../../img/old/menu/sp_menu_news_off.jpg);
	background-size: cover;
}
#m_onair {
	display: block;
	background-image: url(../../img/old/menu/sp_menu_onair_off.jpg);
	background-size: cover;
}
#m_intro {
	display: block;
	background-image: url(../../img/old/menu/sp_menu_intro_off.jpg);
	background-size: cover;
}
#m_episodes {
	display: block;
	background-image: url(../../img/old/menu/sp_menu_episodes_off.jpg);
	background-size: cover;
}
#m_chara {
	display: block;
	background-image: url(../../img/old/menu/sp_menu_chara_off.jpg);
	background-size: cover;
}

#m_staff {
	display: block;
	background-image: url(../../img/old/menu/sp_menu_staff_off.jpg);
	background-size: cover;
}
#m_music {
	display: block;
	background-image: url(../../img/old/menu/sp_menu_music_off.jpg);
	background-size: cover;
}
#m_goods {
	display: block;
	background-image: url(../../img/old/menu/sp_menu_goods_off.jpg);
	background-size: cover;
}
#m_bd {
	display: block;
	background-image: url(../../img/old/menu/sp_menu_bd_off.jpg);
	background-size: cover;
}
#m_comics {
	display: block;
	background-image: url(../../img/old/menu/sp_menu_comics_off.jpg);
	background-size: cover;
}
#m_gallery {
	display: block;
	background-image: url(../../img/old/menu/sp_menu_gallery_off.jpg);
	background-size: cover;
}
#m_movie {
	display: block;
	background-image: url(../../img/old/menu/sp_menu_movie_off.jpg);
	background-size: cover;
}
#m_special {
	display: block;
	background-image: url(../../img/old/menu/sp_menu_special_off.jpg);
	background-size: cover;
}
#m_event {
	display: block;
	background-image: url(../../img/old/menu/sp_menu_event_off.jpg);
	background-size: cover;
}



/*== 09 ===================================================================*/
/*================================ oae_共通 ================================*/
/*=================================================================== 09 ==*/
/* contents ------------------------------------------------------------- */
/* event -------------------------------------------------------------- */
.c_contents {overflow: auto;padding-top: 20px;}
.event {width: 850px;}
.event li {
	width: 262px;
	margin: 0 13px 13px 0;
	float: left;
	background: #fff;
	position: relative;
	border: 3px solid #000;
	box-shadow: 3px 3px rgba(0,0,0,1);
	-moz-box-shadow: 3px 3px rgba(0,0,0,1);
	-webkit-box-shadow: 3px 3px rgba(0,0,0,1);
	-o-box-shadow: 3px 3px rgba(0,0,0,1);
	-ms-box-shadow: 3px 3px rgba(0,0,0,1);
}
.event li a:hover {opacity: 0.7;}
.icon_new {position: absolute;top: -6px;left: -6px;}
.event_txt {
	font-size: 200%;
	font-weight: bold;
	color: #fff;
	display: block;
	padding: 20px 0 0 0;
     text-shadow:2px 2px 0 #000, -2px -2px 0 #000,
              -2px 2px 0 #000, 2px -2px 0 #000,
              0px 2px 0 #000,  0 -2px 0 #000,
              -2px 0 0 #000, 2px 0 0 #000;
}
.hd{display:block;width:0;height:0;overflow:hidden}


/*== 10 ===================================================================*/
/*================================ oae_sp ================================*/
/*=================================================================== 10 ==*/
/*-->c_oaesp.css