

/*
 * contents
 */
#contents{
	position:relative;
	display:block;
	background-image:url("../img/bg.png"),url("../img/bg_pattern.png");
	background-repeat:no-repeat,repeat-y;
	background-position:50% 0,center 0;
	width:100%;
	max-width:1920px;
	min-width:1100px;
	height:2105px;
	height:auto;
	margin:0 auto;
	padding: 0 0 180px 0;
}
.title{
width: 100%;
text-align: center;
	padding-top: 74px;
position: relative;
}

/*★ページ毎共通*/

/* *****************
 * index.html
 ***************** */
.youtube_song{
	padding-top:10px;
	cursor: pointer;
}
.video_block{
text-align: center;
	padding: 14px 0 0 0;
	width: 768px;
	margin: 0 auto;
}
.video_wp{
	background-image:url("../img/video_bg.png");
	background-position: top center;
	margin: 60px 0 0 0;
	height: 433px;
	background-size: 753px 100%;
}
.video_wp iframe{
	padding-top: 10px;
}
.block2{
margin: 28px auto 0 auto;}
.block_group{
margin: 28px auto 0 auto;
}

.block_group .video_wp img{
	cursor: pointer;
}
.block4{
	padding-bottom: 40px;
	display: block;
}



.group_pv {
}
.video_wp_g {
	padding: 11px 0 0 0;
}
.video_wp_g iframe{
	padding-top: 0 !important;
}

.txt{
	position: relative;
	text-align: left;
}
.txt.new:after{
	content: "";
	margin-left: 15px;	
	background-image:url("../img/new.png");
	width: 45px;
	height: 15px;
	display: inline-block;
	vertical-align: middle;
}
.block3 .txt{
position: relative;
}

.mov_car_cat{
position: absolute;
	display: inline-block;
bottom: 0;
right: 0;}

.block3{
	width: 1000px;
margin: 28px auto 70px auto;}
.block3 ul{
	text-align: left;
	vertical-align: top;
	padding: 0 24px !important;
}
.block3 li{
	text-align: center;
	vertical-align: top;
	margin: 60px 12px 40px  12px;
	width: 300px;
	display: inline-block;
}
.block3 li:first-child{
	margin-left: 0;
}
ul li:nth-child(4n) {
	margin-left: 0;
}

ul li:nth-child(3n) {
	margin-right: 0;
}
.video_wp_min{
	background-image:url("../img/video_bg.png");
	background-position: top center;
	height: 178px;
	background-size: 300px 100%;
}
.video_wp_min iframe{
	margin-top: 10px;
    height: 161px;
}
.sab_nav{

}
.sab_nav ul{
text-align: center;
	margin: -7px 0 30px 0;
	padding: 0 0 0 0;
}
.sab_nav li{
	display: inline-block;
width: 197px;
	height: 49px;
	text-indent: -999em;
}
.sab_nav li a{
	height: 49px;
	display: block;
	height: 100%;
}
.sab_nav li.pv{
	background-image:url("../img/nav_pv_off.png");
}
.sab_nav li.int{
	background-image:url("../img/nav_int_off.png");
}
.sab_nav li.song{
	background-image:url("../img/nav_song_off.png");
}
.sab_nav li.group{
	background-image:url("../img/nav_group_off.png");
}
.sab_nav li.pv:hover,
.sab_nav li.pv.current{
	background-image:url("../img/nav_pv_on.png");
}
.sab_nav li.int:hover,
.sab_nav li.int.current{
	background-image:url("../img/nav_int_on.png");
}
.sab_nav li.song:hover,
.sab_nav li.song.current{
	background-image:url("../img/nav_song_on.png");
}
.sab_nav li.group:hover,
.sab_nav li.group.current{
	background-image:url("../img/nav_group_on.png");
}

.car_song_cat{
	background-image:url("../img/nav_cat_frame.png");
	width: 634px;
	height: 62px;
	margin: 0 auto;
}
.block3 ul.car_song_catlist{
	text-align: center;
	padding: 2px 20px !important;
    /*	padding: 15px 5px !important;*/
}
.car_song_catlist li{
display: inline-block;
cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -999em;
	height: 31px;
	margin: 0 0;
	position: relative;
}
.car_song_catlist li:after{
	content: "";
	height: 31px;
	width: 31px;
	display: inline-block;
	position: absolute;
	right: -19px;
	background-image:url("../img/nav_cat_line.png");
}
.car_song_catlist li.current{
}

.car_song_catlist li:last-child:after,
.car_song_catlist li#hab:after{
display: none;
}
.car_song_catlist li#all{
	width: 52px;
	background-image:url("../img/nav_cat_all_off.png");
}
.car_song_catlist li#all.current{
	background-image:url("../img/nav_cat_all_on.png");
}
.car_song_catlist li#ame{
	width: 148px;
	background-image:url("../img/nav_cat_ame_off.png");
}
.car_song_catlist li#ame.current{
	background-image:url("../img/nav_cat_ame_on.png");
}
.car_song_catlist li#nap{
	width: 95px;
	background-image:url("../img/nav_cat_nap_off.png");
}
.car_song_catlist li#nap.current{
	background-image:url("../img/nav_cat_nap_on.png");
}
.car_song_catlist li#rom{
	width: 77px;
	background-image:url("../img/nav_cat_rom_off.png");
}
.car_song_catlist li#rom.current{
	background-image:url("../img/nav_cat_rom_on.png");
}
.car_song_catlist li#hab{
	width: 113px;
	background-image:url("../img/nav_cat_hab_off.png");
}
.car_song_catlist li#hab.current{
	background-image:url("../img/nav_cat_hab_on.png");
}
.car_song_catlist li#ott{
	width: 81px;
	background-image:url("../img/nav_cat_ott_off.png");
}
.car_song_catlist li#ott.current{
	background-image:url("../img/nav_cat_ott_on.png");
}
.car_song_catlist li#osa{
	width: 87px;
	background-image:url("../img/nav_cat_osa_off.png");
}
.car_song_catlist li#osa.current{
	background-image:url("../img/nav_cat_osa_on.png");
}
.car_song_catlist li#ger{
	width: 130px;
	background-image:url("../img/nav_cat_ger_off.png");
}
.car_song_catlist li#ger.current{
	background-image:url("../img/nav_cat_ger_on.png");
}
.car_song_catlist li#biz{
	width: 51px;
	background-image:url("../img/nav_cat_biz_off.png");
}
.car_song_catlist li#biz.current{
	background-image:url("../img/nav_cat_biz_on.png");
}
.car_song_catlist li#mat{
	width: 70px;
	background-image:url("../img/nav_cat_mat_off.png");
}
.car_song_catlist li#mat.current{
	background-image:url("../img/nav_cat_mat_on.png");
}
.car_song_catlist li#per{
	width: 50px;
	background-image:url("../img/nav_cat_per_off.png");
}
.car_song_catlist li#per.current{
	background-image:url("../img/nav_cat_per_on.png");
}
.car_song_catlist li#bos{
	width: 87px;
	background-image:url("../img/nav_cat_bos_off.png");
}
.car_song_catlist li#bos.current{
	background-image:url("../img/nav_cat_bos_on.png");
}
.char_song_mov_list{
margin:-17px 0 0 0;}


/*
 * footer
 */
#copy{
	position:relative;
	margin-top:13px;
	margin-bottom:40px;
}

/*
 * modal
 */
#modal_mv_window{
	position:absolute;
	display:none;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
	width:854px;
	height:480px;
}

#modal_close{
	display: block;
	margin:0 0 0 auto;
}


/*
*ボタンホバー
*/
@keyframes btn{
/*	0%{transform: scale(1.3);}
	50%{transform: scale(0.8);}
	100%{transform: scale(1);}*/
}
@-webkit-keyframes btn{
	/*0%{-webkit-transform: scale(1.3);}
	50%{-webkit-transform: scale(0.8);}
	100%{-webkit-transform: scale(1);}*/
}
/*★その他定義_モーダルダイアログなど*/
.petals{
	height:1322px;
}
.petals.petals_group{
	height:1115px;
}
.petals.petals_interview{
	height:1322px;
}
.petals.petals_pv{
	height:1092px;
}
.petals.petals_song{
	height:1485px  !important;
}
.petals.petals_song.pt1{
	height:1122px !important;
}
.petals.petals_song.pt2{
	height:1216px !important;
}

@-webkit-keyframes petalfailn{
	0%{
		-webkit-transform: translate(0px,0px);
	}
	80%{
		opacity:0.9;
	}
	100%{
		-webkit-transform: translate(0px,1200px);
		opacity:0;
	}
}
@keyframes petalfailn{
	0%{
		transform: translate(0px,0px);
	}
	80%{
		opacity:0.9;
	}
	100%{
		transform: translate(0px,1200px);
		opacity:0;
	}
}


