/*-- トップページ用のCSS --*/
#gnav{
	margin-bottom:0;
}
#contents{
	width:100%;
	margin-top:0;
}
#main{
	width:980px;
	float:none;
	margin:30px auto 0;
}
#main h2{
	font-size:15px;
	font-weight:bold;
	margin:25px 0 20px;
	border-bottom:solid 1px #999;
	padding-bottom:5px;
}
#main h2:first-child{
	margin-top:0;
}

.jquery-slider-page{

}
#slider .sft .p2 img{
	margin-left:-250px;
	margin-top:-50px;
}
#slider .sft .p3 img{
	position:absolute;
	display:block;
	bottom:30px;
	left:50%;
	margin-left:200px;
}
#slider .shot img{
	position:absolute;
	display:block;
	left:50%;
	margin-left:-631px;
}


	
/*-- news --*/
#box_news{
	background:#fff;
	padding:10px 15px;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.05);
	border-radius:4px;
}
#box_news ul li{
	vertical-align:top;
}
#box_news ul li a{
	display:block;
	color:inherit;
	padding:5px 0;
	position:relative;
	overflow:hidden;
	transition: background-color 0.3s;
}
#box_news ul li a:hover{
	text-decoration:none;
	background-color:#DCD0DC;
}
#box_news ul li .date{
	display:block;
	float:left;
	clear:left;
	width:6em;
	height:100%;
	
}
#box_news ul li .category{
	margin-left:0px;
	display:block;
	float:left;
	width:75px;
	background:#ddd;
	font-size:10px;
	text-align:center;
	padding:3px 0;
}
	#box_news ul li .category.newrelease{	background:#FE9A9A;	}
	#box_news ul li .category.event{	background:#B0DC69;}
	#box_news ul li .category.works{background:#A0D5FF;}
	#box_news ul li .category.onlineshop,
	#box_news ul li .category.haishin{	background:#FEC29A;}
#box_news ul li .title{
	margin-left:15px;
	width:760px;
	float:left;
	display:block;
	line-height:120%;
}
#box_news ul li .title .new{
	margin-left:5px;
	display:inline-block;
	color:#fff;
	background:#FE4A4B;
	padding:2px 5px;
	font-size:8px;
	position:relative;
	top:-3px;
	
}
/*-- release --*/
#box_release ul {
	overflow:hidden;
}
#box_release ul li {
	float:left;
	width:230px;
	padding-top:10px;
	background:#fff;
	margin-left:20px;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.05);
	border-radius:4px;
	overflow:hidden;
	position:relative;
	padding-bottom:15px;
}
#box_release ul li a{
	display:block;
	transition: opacity 0.2s;
	color:inherit;
	padding-bottom:45px;
}
#box_release ul li a:hover{
	filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;
	text-decoration:none;
}
	#box_release ul li:first-child {
		margin-left:0px;
	}
#box_release ul li p{
	margin:0 15px;
	text-align:center;
}
#box_release ul li p.eyecatch{
	border:solid 0px #ddd;
}
#box_release ul li p.title{
	font-size:15px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
	line-height:140%;
	text-align:center;
}
#box_release ul li .pretitle{
	font-size:12px;
	line-height:140%;
	display:block;
}
#box_release ul li .date {
	position:absolute;
	bottom:40px;
	width:100%;
	margin:0;
}
#box_release ul li .date .onsale{
	color:#fe4a4b;
}
#box_release ul li p.info{
	font-size:13px;
	
}
#box_release ul li p.btn_website{
	margin:0px 0 0;
	text-align:center;
	width:100%;
	color:#fff;
	font-size:13px;
	position:absolute;
	bottom:0;
}
#box_release ul li p.btn_website a{
	padding:7px 0;
	color:#fff;
	display:block;
	transition: background-color 0.2s;
	text-decoration:none;
	background:url(../images/top/arrow_white.gif) 65px center no-repeat;
	background-color:#704773;
}
#box_release ul li p.btn_website a:hover{
	background-color:#AD699C;
}

/*-- event --*/
#box_event{
	background:#fff;
	padding:10px 15px;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.05);
	border-radius:4px;
}
#box_event ul li a{
	display:block;
	color:inherit;
	padding:5px 0;
	transition: background-color 0.3s;
}
#box_event ul li a:hover{
	text-decoration:none;
	background-color:#eee;
}
#box_event ul li .date{
	display:inline-block;
	min-width:13em;
	text-align:center;
}
#box_event ul li .title{
	display:inline-block;
	margin-left:20px;
	width:600px;
}
#box_event ul li .countdown,
#box_event ul li .going{
	float:right;
	font-size:11px;
	padding:3px 5px;
	position:relative;
	top:-2px;
	display:inline-block;
}
#box_event ul li .countdown{
	width:5em;
	background:#f2eaf7;
}
#box_event ul li .going{
	background:#ffc9c9;
}
#box_event #yotei{
	margin:20px;
	text-align:center;
	line-height:140%;
}
/* _________________________________________main_menu*/
.main_menu{
	margin:60px 0 40px;
}
.main_menu ul{	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction:row;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	justify-content: center;/*-- 中央揃え --*/
	justify-content: space-between;/*-- 両端揃え --*/
}
.main_menu li{
	width:300px;
	background-color:#fff;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.05);
	border-radius:4px;
	overflow:hidden;
	position:relative;
	margin-bottom:30px;
	height: 214px;
}
.main_menu li a{
	display:block;
	color:inherit;
	padding-bottom:10px;
	transition: all 0.2s;
	text-align:center;
	height:200px;
	text-decoration:none;
	transition: all 0.2s;
}

.main_menu li.label{
	border-top:solid 4px #FE9A9A;
}
.main_menu li.music{
	border-top:solid 4px #A0D5FF;
}
.main_menu li.live{
	border-top:solid 4px #FEFF99;
}
.main_menu li.shop{
	border-top:solid 4px #FEC29A;
}
.main_menu li.event{
	border-top:solid 4px #B0DC69;
}
.main_menu li.online-shop {
	border-top:none;
}
.main_menu li.streaming {
	border-top:none;
}





/*--  --*/
.main_menu li{
	border-top:solid 0px #666;
	position:relative;
}

.main_menu li p.h{
	font-family: "Arvo", "YakuHanJPs", "NotoSans-regular", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;font-weight: 400;
	font-size:20px;
	padding-top:45px;
	letter-spacing:0.2em;
	color:#333;
	opacity:1;
	transition: all 0.4s;
	
}
.main_menu li a:hover .h{
	letter-spacing:0.23em;
	opacity:0.8;
}
.main_menu li h3{
	font-size:11px;
	padding-top:22px;
	letter-spacing:0.2em;
	color:#666;
}
.main_menu li p.img{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:80px;
}
.main_menu li.label  p.img{
	background-image:url(../images/top/disco.jpg);
	background-image:url(../images/top/disco2.jpg);
	background-size:400px auto;
	background-position:-40px -140px;
}
.main_menu li.music  p.img{
	background-image:url(../images/top/music.jpg);
	background-size:cover;
	background-position:0px -60px;
}
.main_menu li.live  p.img{
	background-image:url(../images/top/live.jpg);
	background-size:450px;
	background-position:-70px -30px;
}
.main_menu li.shop  p.img{
	background-image:url(../images/top/shop.jpg);
	background-size:500px auto;
	background-position:-75px -130px;
}
.main_menu li.event  p.img{
	background-image:url(../images/top/event.jpg);
	background-size:400px auto;
	background-position:-25px -20px;
}
.main_menu li.dummy{
	opacity:0;
}
.main_menu li.online-shop p.img{
	height:100%;
	background-image:url(../images/top/online-shop.png);
	background-size:cover;
}
.main_menu li.streaming a {
 	height: auto;
}
.main_menu li.streaming p.img1{
	height:134px;
	background-image:url(../images/top/streaming-1.jpg);
	background-size:cover;
	top: 0;
    	bottom: inherit;
}
.main_menu li.streaming p.img2{
	height:80px;
	background-image:url(../images/top/streaming-2.jpg);
	background-size:cover;
}





	
/* _________________________________________pickup*/

#pickup{
	margin:60px 0 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction:row;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	justify-content: center;/*-- 中央揃え --*/
	justify-content: space-between;/*-- 両端揃え --*/
}
#pickup li{
	width:300px;
	background-color:#fff;
	margin-left:15px;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.05);
	border-radius:4px;
	overflow:hidden;
	position:relative;
}
#pickup li:first-child{
	margin-left:0;
}
#pickup li a{
	display:block;
	color:inherit;
	padding-bottom:10px;
	transition: all 0.2s;
	text-align:center;
}
#pickup li a:hover{
	text-decoration:none;
	background-color:rgba(244,223,240,0.6);
}
#pickup li a:hover .img{
	filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;
	transition: all 0.2s;
}
#pickup li .img{
	background-color:#fff;
}
#pickup li .title{
	margin:15px 10px 8px;
	font-weight:bold;
}
#pickup li.pickup_yoko .title{
}
#pickup li .yoko_date{
	position:absolute;
	top:87px;
	right:15px;
	padding:2px 5px;
	text-align:center;
	font-size:12px;
	color:#E43F89;
	display:inline-block;
}
#pickup li .yoko_date span{
	font-size:10px;
}
#pickup li .exp{
	font-size:12px;
	margin:0px 10px ;
	line-height:140%;
	
}
/* _________________________________________inq_wrap*/
.inq_wrap{
	margin:60px 0 40px;
}
.inq_wrap ul{	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction:row;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	justify-content: center;/*-- 中央揃え --*/
	justify-content: space-around;/*-- 両端揃え --*/
}
.inq_wrap li{
	width:400px;
	background-color:#fff;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.05);
	border-radius:4px;
	overflow:hidden;
	position:relative;
	margin-bottom:30px;
	
}
.inq_wrap li a{
	display:block;
	color:inherit;
	padding-bottom:10px;
	transition: all 0.2s;
	text-align:center;
	height:95px;
	
	text-decoration:none;
	padding:45px 0 0;
	transition: all 0.2s;
}
.inq_wrap li a:hover{
	text-decoration:none;
	background-color:rgba(244,223,240,0.6);
}
.inq_wrap li h3{
	font-size:15px;
	font-weight:bold;
	letter-spacing:0.1em;
}
.inq_wrap li p{
	font-size:11px;
	line-height:140%;
	letter-spacing:0.2em;
	color:#666;
	padding-top:20px;
}
/*-- link --*/
#box_link{
	position:relative;
	background:#fff;
	padding:20px 0 20px 30px;
	overflow:hidden;
	height:190px;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.05);
	border-radius:4px;
	overflow:hidden;
	
	
}
#box_link #slider_link_wrap{
	height:100%;
	width:920px;
	margin-left:0px;
	position:relative;
}
#box_link #slider_link{
	height:100%;
	width:6000px;/*-- バナースライドの数が6つを超えたら（バナーの数が8*6=48を超えたら）+1000pxする --*/
	position:absolute;
	left:-895px;
}
#box_link ul {
	overflow:hidden;
	width:893px;
	padding:0 2px;
	height:100%;
	float:left;
	
}
#box_link ul li{
	float:left;
	margin-left:23px;
	margin-bottom:10px;
	
}
#box_link ul li a{
	display:block;
}
#box_link .btn_next,
#box_link .btn_prev{
	width:30px;
	height:100%;
	position:absolute;
	top:0;
	z-index:2;
	cursor:pointer;
	background:#fff;
	
}
#box_link .btn_next {
	right:0;
}
#box_link .btn_prev {
	left:0;
}

#box_link .btn_next:hover img,
#box_link .btn_prev:hover img{
	filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;
	
}
/*--  --*/

#slider .sprite2 {
	background:url(../../../../images/slide/sprite2/spritelive2015.jpg) center 0 no-repeat;
	background-color:#000;
}
#slider .al {
	background:url(../../../../images/slide/augustlive2016/slide.jpg) center 0 no-repeat;
	background-color:#000;
}
.panel ul li.al {
	background:url(../../../../images/slide/augustlive2016/slide.jpg) center 0 no-repeat;
	background-size:cover;
}
#slider .senmomo {
	background:url(../../../../images/slide/senmomomaxi.jpg) center 0 no-repeat;
	background-color:#000;
}
.panel ul li.senmomo {
	background:url(../../../../images/slide/senmomomaxi.jpg) center 0 no-repeat;
	background-size:cover;
}
#slider .stella {
	background:url(../../../../images/slide/stella.jpg) center 0 no-repeat;
	background-color:#000;
}
.panel ul li.stella {
	background:url(../../../../images/slide/stella.jpg) center 0 no-repeat;
	background-size:cover;
}
#slider .senmomo_ed {
	background:url(../../../../images/slide/senmomomaxied.jpg) center 0 no-repeat;
	background-color:#000;
}
.panel ul li.senmomo_ed {
	background:url(../../../../images/slide/senmomomaxied.jpg) center 0 no-repeat;
	background-size:cover;
}
#slider .kenran {
	background:url(../../../../images/slide/kenran.jpg) center 0 no-repeat;
	background-color:#000;
}
	.panel ul li.kenran {
		background:url(../../../../images/slide/kenran.jpg) center 0 no-repeat;
		background-size:cover;
	}
#slider .soto {
	background:url(../../../../images/slide/soto.jpg) center 0 no-repeat;
	background-color:#000;
}
	.panel ul li.soto {
		background:url(../../../../images/slide/soto.jpg) center 0 no-repeat;
		background-size:cover;
	}
	.panel ul li.sl2015 {
		background:url(../../../../images/slide/sprite2/spritelive2015.jpg) center 0 no-repeat;
		background-size:cover;
	}
#slider .sl2017 {
	background:url(../../../../images/slide/sl2017_2.jpg) center 0 no-repeat;
	background-color:#000;
}
	.panel ul li.sl2017 {
		background:url(../../../../images/slide/sl2017_2.jpg) center 0 no-repeat;
		background-size:cover;
	}
#slider .albd {
	background:url(../../../../images/slide/albd.jpg) center 0 no-repeat;
	background-color:#000;
}
	.panel ul li.albd {
		background:url(../../../../images/slide/albd.jpg) center 0 no-repeat;
		background-size:cover;
	}
#slider .ta2017 {
	background:url(../../../../images/slide/ta2017_2.jpg) center 0 no-repeat;
	background-color:#000;
}
	.panel ul li.ta2017 {
		background:url(../../../../images/slide/ta2017_2.jpg) center 0 no-repeat;
		background-size:cover;
	}
#slider .fwlive2017 {
	background:url(../../../../images/slide/fwlive2017.jpg) center 0 no-repeat;
	background-color:#000;
}
	.panel ul li.fwlive2017 {
		background:url(../../../../images/slide/fwlive2017.jpg) center 0 no-repeat;
		background-size:cover;
	}
#slider .ta2017cd {
	background:url(../../../../images/slide/ta2017_3.jpg) center 0 no-repeat;
	background-color:#000;
}
	.panel ul li.ta2017cd {
		background:url(../../../../images/slide/ta2017_3.jpg) center 0 no-repeat;
		background-size:cover;
	}
#slider .ta2017bd {
	background:url(../../../../images/slide/ta2017bd.jpg) center 0 no-repeat;
	background-color:#000;
}
	.panel ul li.ta2017bd {
		background:url(../../../../images/slide/ta2017bd.jpg) center 0 no-repeat;
		background-size:cover;
	}
#slider .egg2018cd {
	background:url(../../../../images/slide/egg2018cd.jpg) center 0 no-repeat;
	background-color:#000;
}
	.panel ul li.egg2018cd {
		background:url(../../../../images/slide/egg2018cd.jpg) center 0 no-repeat;
		background-size:cover;
	}
#slider .gigalive2018 {
	background:url(../../../../images/slide/gigalive.jpg) center 0 no-repeat;
	background-color:#000;
}
	.panel ul li.gigalive2018 {
		background:url(../../../../images/slide/gigalive.jpg) center 0 no-repeat;
		background-size:cover;
	}
#slider .pianobullets {
	background:url(../../../../images/slide/pianobullets.jpg) center 0 no-repeat;
	background-color:#000;
}
	.panel ul li.pianobullets {
		background:url(../../../../images/slide/pianobullets.jpg) center 0 no-repeat;
		background-size:cover;
	}
#slider .al2018 {
	background:url(../../../../images/slide/al2018.jpg) center 0 no-repeat;
	background-color:#000;
}
	.panel ul li.al2018 {
		background:url(../../../../images/slide/al2018.jpg) center 0 no-repeat;
		background-size:cover;
	}
#slider .al2018cd {
	background:url(../../../../images/slide/al2018cd.jpg) center 0 no-repeat;
	background-color:#000;
}
	.panel ul li.al2018cd {
		background:url(../../../../images/slide/al2018cd.jpg) center 0 no-repeat;
		background-size:cover;
	}
#slider .summer2018 {
	background:url(../../../../images/slide/al2018_3.jpg) center 0 no-repeat;
	background-color:#000;
}
	.panel ul li.summer2018 {
		background:url(../../../../images/slide/al2018_3.jpg) center 0 no-repeat;
		background-size:cover;
	}
#slider .fav {
	background:url(../../../../images/slide/fav.jpg) center 0 no-repeat;
	background-color:#000;
}
	.panel ul li.fav {
		background:url(../../../../images/slide/fav.jpg) center 0 no-repeat;
		background-size:cover;
	}
#slider .sono {
	background:url(../../../../images/slide/sono.jpg) center 0 no-repeat;
	background-color:#000;
}
	.panel ul li.sono {
		background:url(../../../../images/slide/sono.jpg) center 0 no-repeat;
		background-size:cover;
	}
#slider .koihime {
	background:url(../../../../images/slide/koihime.jpg) center 0 no-repeat;
	background-color:#000;
}
	.panel ul li.koihime {
		background:url(../../../../images/slide/koihime.jpg) center 0 no-repeat;
		background-size:cover;
	}
#slider .airots {
	background:url(../../../../images/slide/airots.jpg) center 0 no-repeat;
	background-color:#000;
}
	.panel ul li.airots {
		background:url(../../../../images/slide/airots.jpg) center 0 no-repeat;
		background-size:cover;
	}
#slider .a1l {
	background:url(../../../../images/slide/a1l.jpg) center 0 no-repeat;
	background-color:#000;
}
	.panel ul li.a1l {
		background:url(../../../../images/slide/a1l.jpg) center 0 no-repeat;
		background-size:cover;
	}
#slider .hitotu {
	background:url(../../../../images/slide/hitotu.jpg) center 0 no-repeat;
	background-color:#000;
}
	.panel ul li.hitotu {
		background:url(../../../../images/slide/hitotu.jpg) center 0 no-repeat;
		background-size:cover;
	}
#slider .fm2020 {
	background:url(../../../../images/slide/fm2020.jpg) center 0 no-repeat;
	background-color:#fff;
}
	.panel ul li.fm2020 {
		background:url(../../../../images/slide/fm2020.jpg) center 0 no-repeat;
		background-size:cover;
	}

#slider .a2l {
	background:url(../../../../images/slide/a2l.jpg) center 0 no-repeat;
	background-color:#fff;
}
	.panel ul li.a2l {
		background:url(../../../../images/slide/a2l.jpg) center 0 no-repeat;
		background-size:cover;
	}
#slider .yc2021 {
	background:url(../../../../images/slide/yc2021.jpg) center 0 no-repeat;
	background-color:#fff;
}
	.panel ul li.yc2021 {
		background:url(../../../../images/slide/yc2021.jpg) center 0 no-repeat;
		background-size:cover;
	}
#slider .hajilove {
	background:url(../../../../images/slide/hajilove_bnr.jpg) center 0 no-repeat;
	background-color:#fff;
}
	.panel ul li.hajilove {
		background:url(../../../../images/slide/hajilove_bnr.jpg) center 0 no-repeat;
		background-size:cover;
	}
#slider .ikoi {
	background:url(../../../../images/slide/ikoi_bnr.jpg) center 0 no-repeat;
	background-color:#fff;
}
	.panel ul li.ikoi {
		background:url(../../../../images/slide/ikoi_bnr.jpg) center 0 no-repeat;
		background-size:cover;
	}

#slider .imys_ost4 {
	background:url(../../../../images/slide/imys_ost4_bnr.jpg) center 0 no-repeat;
	background-color:#fff;
}
	.panel ul li.imys_ost4 {
		background:url(../../../../images/slide/imys_ost4_bnr.jpg) center 0 no-repeat;
		background-size:cover;
	}
	
#slider .ag_20th {
	background:url(../../../../images/slide/ag_20th_bnr.jpg) center 0 no-repeat;
	background-color:#fff;
}
	.panel ul li.ag_20th {
		background:url(../../../../images/slide/ag_20th_bnr.jpg) center 0 no-repeat;
		background-size:cover;
	}

#slider .imys_ost5 {
	background:url(../../../../images/slide/imys_ost5_bnr.jpg) center 0 no-repeat;
	background-color:#fff;
}
	.panel ul li.imys_ost5 {
		background:url(../../../../images/slide/imys_ost5_bnr.jpg) center 0 no-repeat;
		background-size:cover;
	}

#slider .hajilovefun {
	background:url(../../../../images/slide/hajilovefun_bnr.jpg) center 0 no-repeat;
	background-color:#fff;
}
	.panel ul li.hajilovefun {
		background:url(../../../../images/slide/hajilovefun_bnr.jpg) center 0 no-repeat;
		background-size:cover;
	}

#slider .karekano {
	background:url(../../../../images/slide/karekano_bnr.jpg) center 0 no-repeat;
	background-color:#fff;
}
	.panel ul li.karekano {
		background:url(../../../../images/slide/karekano_bnr.jpg) center 0 no-repeat;
		background-size:cover;
	}

#slider .afterschool {
	background:url(../../../../images/slide/afterschool_bnr.jpg) center 0 no-repeat;
	background-color:#fff;
}
	.panel ul li.afterschool {
		background:url(../../../../images/slide/afterschool_bnr.jpg) center 0 no-repeat;
		background-size:cover;
	}

	#slider .sono2nd {
		background:url(../../../../images/slide/sono_makers_2nd_bnr.jpg) center 0 no-repeat;
		background-color:#fff;
	}
		.panel ul li.sono2nd {
			background:url(../../../../images/slide/sono_makers_2nd_bnr.jpg) center 0 no-repeat;
			background-size:cover;
		}
			
		