@charset "shift_jis";
/* CSS Document */
#nav #nav_top a{
	opacity:1;
}


/*********** side設定 ***********/
.top_side{
	display:block;
}


/*********** top1設定 ***********/
#top1{
	background:url(/img/top1.jpg) 0 0 no-repeat;
	width:785px;
	height:499px;
}



/*********** top1設定 ***********/
#top1{
	position:relative;
}

#top_movie{
	width:642px;
	height:360px;
	background:#000;
	position:absolute;
	top:133px;
	left:5px;
}

#top_movie object{
	width:525px;
	height:283px;
	margin:38px auto 0;
}

#top_movie_frame{
	position:absolute;
	top:0;
	left:0;
}



/*********** top2設定 ***********/
#top2{
	padding-left:5px;
}


/*********** top_slide設定 ***********/
#top_slide{
	position:relative;
}

#slider1_wrap{
	width:630px;
	height:170px;
	overflow:hidden;
}

#slider1{
	width:630px;
	height:170px;
	overflow:hidden;
}

#bx-pager1{
	position:absolute;
	top:-5px;
	right:5px;
	width:146px;
	height:186px;
	background:url(/img/tab.png) 0 0 no-repeat;
}

#bx-pager1 a{
	height:56px;
	text-indent:-9999px;
	width:146px;
	display:block;
	cursor:pointer;
	position:absolute;
}

#bx-pager1 a#tab1{
	top:5px;
	left:0;
	z-index:999;
}

#bx-pager1 a#tab2{
	top:61px;
	left:0;
	z-index:999;
}

#bx-pager1 a#tab3{
	top:117px;
	left:0;
	z-index:999;
}

#bx-pager1 a#tab1.active,
#bx-pager1 a#tab2.active,
#bx-pager1 a#tab3.active{
	top:0;
	left:0;
	height:186px;
	z-index:99;
}

#bx-pager1 a#tab1.active{
	background:url(/img/tab1.png) 0 0 no-repeat;
}

#bx-pager1 a#tab2.active{
	background:url(/img/tab2.png) 0 0 no-repeat;
}

#bx-pager1 a#tab3.active{
	background:url(/img/tab3.png) 0 0 no-repeat;
}



/*********** top3設定 ***********/
/*** #top_news設定 ***/
#top_news{
	float:left;
	width:576px;
	padding:1px;
	border:1px solid #3c3c3c;
	position:relative;
	height:536px;
	margin-right:5px;
}

#btn_news{
	position:absolute;
	top:6px;
	right:6px;
}

#top_news_scroll{
	padding:4px;
	height:474px;
	overflow:auto;
	width:368px;
	margin-left:200px;
}

#top_news_dl{
}

#top_news_dl>dt{
	font-size:9pt;
	font-weight:bold;
	background:#fc1dff;
	line-height:1.4;
	padding:2px 5px;
	margin-bottom:5px;
}

#top_news_dl>dd{
	line-height:1.4;
	margin-bottom:10px;
}

.top_news_img{
	width:190px;
	margin-right:5px;
}

#news_img{
	width:232px;
	position:absolute;
	top:38px;
	left:2px;
	z-index:99;
}

#news_img img{
	width:232px;
}

/*** #top_pick設定 ***/
#top_pick{
	float:left;
	width:190px;
}

#top_pick_ul li{
	list-style-type:none;
	padding-top:2px;
	background:url(/img/top_pick_bg.jpg) 0 bottom no-repeat;
	height:240px;
	position:relative;
}

.top_pick_catch{
	background:url(/img/top_pick_catch.jpg) 0 0 no-repeat;
	height:20px;
	line-height:20px;
	width:190px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size:9pt;
	text-align:center;
	margin-bottom:3px;
}

.top_pick_img{
	text-align:center;
    position: relative;
}

.top_pick_img a{
	display:inline-block;
	width:130px;
	height:173px;
	overflow:hidden;
	position:relative;
	box-sizing:border-box;
}

.top_pick_img a>img{
	width:100%;
	height:100%;
	object-fit: cover;
}

.top_pick_name{
	width:190px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size:9pt;
	text-align:center;
	margin-bottom:3px;
}

.top_pick_name a{
	color:#fff;
	text-decoration:none;
}

.top_pick_name a:hover{
	text-decoration:underline;
}

.top_pick_size{
	width:190px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size:7pt;
	text-align:center;
}

#top_pick_ul .i_osu{
	position:absolute;
	top:0;
	right:0;
}

#top_pick_ul .i_try{
	position:absolute;
	top:24px;
	left:7px;
}

#top_pick_ul .i_try5{
	position:absolute;
	bottom:51px;
	right:32px;
}

.top_pick_icon{
	/*position:absolute;
	bottom:0;
	right:0;*/
    text-align: center;
    margin-top: -3px;
    margin-bottom:2px;
}

.taiken{
    position: absolute;
    top:0;
    left:0;
	width:100%;
	height:100%;
	object-fit: cover;
}


/*********** #top_nf設定 ***********/
#top_nf{
	margin-left:5px;
	width:775px;
	height:418px;
	background:url(/img/top_nf.jpg) 0 0 no-repeat;
}

#slider2_wrap{
	padding-top:65px;
	position:relative;
}

#slider2 li{
	width:190px;
	height:340px;
	background:url(/img/top_nf_panel.jpg) 0 0 no-repeat;
	position:relative;
}

.top_nf_date{
	font-size:9pt;
	text-align:center;
	height:20px;
	line-height:20px;
}

.top_nf_img{
	text-align:center;
	height:228px;
}

.top_nf_img a{
	display:inline-block;
	width:170px;
	height:226px;
	overflow:hidden;
	border:1px solid #000;
	position:relative;
}

.top_nf_img a.try{
	border:1px solid #ff54d1;
}

.top_nf_img a>img{
	width:100%;
	height:100%;
	object-fit: cover;
}

.top_nf_name{
	width:190px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size:9pt;
	text-align:center;
	margin-bottom:3px;
    padding-top:5px;
}

.top_nf_name a{
	color:#fff;
	text-decoration:none;
}

.top_nf_name a:hover{
	text-decoration:underline;
}

.top_nf_size{
	width:190px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size:7pt;
	text-align:center;
	margin-bottom:3px;
}

.top_nf_com{
	font-size:8pt;
	padding:0 5px 0;
	line-height:1.2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	height: 37px;
}


#slider2_wrap .bx-prev{
	position:absolute;
	top:210px;
	left:28px;
	display:block;
	width:50px;
	height:50px;
	background:url(/img/bx-prev.png) 0 0 no-repeat;
	text-indent:-9999px;
}

#slider2_wrap .bx-prev:hover{
	opacity:0.9;
}

#slider2_wrap .bx-next{
	position:absolute;
	top:210px;
	right:28px;
	display:block;
	width:50px;
	height:50px;
	background:url(/img/bx-next.png) 0 0 no-repeat;
	text-indent:-9999px;
}

#slider2_wrap .bx-next:hover{
	opacity:0.9;
}

#slider2 .i_new{
	position:absolute;
	top:0;
	right:0;
}

#slider2 .i_try{
	position:absolute;
	bottom:92px;
	left:5px;
}

#slider2 .i_try5{
	position:absolute;
	bottom:110px;
	right:7px;
}

.top_nf_icon{
    text-align: center;
}


/*********** #top_sch設定 ***********/
#top_sch_title{
	background:url(/img/top_sch.jpg) 0 0 no-repeat;
	width:532px;
	height:50px;
	padding-top:5px;
	padding-left:243px;
}

.day_btn{
	background:url(/img/btn3.png) 0 0 no-repeat;
	display:inline-block;
	width:128px;
	height:45px;
	line-height:48px;
	margin-right:5px;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	font-size:13pt;
}

.day_btn:hover{
	opacity:0.9;
}

.day_btn.active{
	background:url(/img/btn3_on.png) 0 0 no-repeat;
	opacity:1;
	text-shadow: 0px 0px 5px rgba(252, 29, 255, 1);
}

#day1_btn{
	font-size:20pt;
}

#day2,#day3,#day4{
	display:none;
}

.top_sch_ul{
	width:775px;
}

.top_sch_ul li{
	float:left;
	width:190px;
	height:320px;
	overflow:hidden;
	background:url(/img/panel.jpg) 0 0 no-repeat;
	position:relative;
	margin-right:5px;
	margin-bottom:5px;
}

.top_sch_ul li:nth-child(4n){
	margin-right:0px;
}

.panel_link{
	display:block;
	width:190px;
	height:320px;
	overflow:hidden;
	position:relative;
	text-decoration:none;
}

.panel_link:hover{
	background:url(/img/panel_on.jpg) 0 0 no-repeat;
}


.top_sch_catch{
	font-size:9pt;
	text-align:center;
	height:20px;
	line-height:20px;
	color:#fff;
	text-decoration:none;
}

.top_sch_img{
	text-align:center;
	height:228px;
}

.img_wrap.try{
	border:1px solid #ff54d1;
}

.img_wrap{
	display:inline-block;
	width:170px;
	height:226px;
	overflow:hidden;
	border:1px solid #000;
	position:relative;
}

.img_wrap>img{
	object-fit: cover;
	width:100%;
	height:100%;
}

.top_sch_name{
	width:190px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size:11pt;
	text-align:center;
	margin-bottom:5px;
	color:#fff;
	text-decoration:none;
    padding-top:3px;
}

.top_sch_size{
	width:190px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size:8pt;
	text-align:center;
	margin-bottom:3px;
	color:#fff;
}

.top_sch_time{
	font-size:11pt;
	padding:0 5px 0;
	line-height:1.2;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 41px;
	text-align:center;
	color:#ffea3b;
}

.top_sch_ul .i_new,
.top_sch_ul .i_try{
	position:absolute;
	top:0;
	left:0;
}

.top_sch_ul .i_try2{
	position:absolute;
	bottom:72px;
	left:4px;
}

.top_sch_ul .i_try5{
	position:absolute;
	bottom:89px;
	right:7px;
}

.top_sch_icon{
    text-align: center;
}