@charset "UTF-8";

/* all 
***************************/

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

body {background-color:#ae0009;
    background-image: url(../parts/body_bg.jpg);
	font-family:'Noto Sans JP',sans-serif;
	color:#000000;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    min-width: 1200px;
    min-height: 600px;
    position: relative;
}

/***　loading
***********************/
/*#opbg{position:absolute;
	top:0;
	left:0;
	width:100%;
	min-height:800px;
	z-index:4000;
overflow: hidden;}*/
#opbg{min-height: 100%;
    min-width: 1024px;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
left: 0;z-index:4000;}

#opening{
	position:absolute;
	top:0;
	left:0;
	padding:20% 30%;
	width:40%;
	min-height:800px;
	z-index:5000;
text-align: center;}
img.bg_full {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1002px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
}
/******************************/


/*a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -webkit-transition: 0.6s ease-in-out;
  -moz-transition: 0.6s ease-in-out;
  -o-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
}
*/


header{height: 150px; padding-bottom:500px;
background-image:url(../parts/body_top.jpg);background-repeat: repeat-x;
position: relative;}

.hd_bg{width: 100%; 
    overflow: hidden; 
    text-align: center;
    position: relative; 
    height:128px;}

.hd_bg img{position: absolute; 
    top:0; left: 50%; 
    margin-left: -960px; 
    height: 128px;}

.logo{position: absolute; 
    top:27px; left:50%; 
    margin-left: -183px;
    width: 268px;
    z-index: 2;}

nav{width: 1000px;text-align: center; 
    position: absolute; 
    top:150px;left: 50%; 
    margin-left: -500px; 
    z-index: 10;}
nav .nav_c{margin: 0 7px;}/*中央左*/
nav .nav_c2{margin: 0 7px 0 0;}/*中央右*/

#page{width: 1002px;
position: absolute;
    top:186px; left: 50%; margin-left: -501px;
    z-index: 5;}
#content{display: block; width:950px; padding:25px;
    background: #FFF;
    box-shadow:0px 0px 12px 2px #4a0000;
-moz-box-shadow:0px 0px 12px 2px #4a0000;
-webkit-box-shadow:0px 0px 12px 2px #4a0000;
}


section:after{visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
}

/*** class
**************/
.cb{clear:both;}
.tac{text-align: center;}
.tar{text-align: right;}
.fl{float: left;}
.fr{float: right;}
.small{font-size:8px;}



/*** TOP h2
*************/

h2{text-align: center;margin: 18px auto;display: block;}

/***slide
******************/

.slide_area{position: relative;width:950px; height: 475px;}

/*** SNS
*********************/
.tw_area{width: 950px; height: 110px; overflow: hidden;border-bottom: 1px solid #000;border-top: 1px solid #000;}
.account{width: 275px; height: 110px;float: left; font-size: 12px;}
.atxt{text-align: center;margin: 20px 0 0;color: #0756a5;}
.atxt span{color: #25255b;}
.tw_icon{margin: 10px 7px; float: left;border-radius: 5px;}
.tw_icon img{}
.tw_timeline{ height: 110px; overflow: hidden;width: 650px; float: right;}

/*iframe .twitter-timeline .twitter-timeline-rendered .SandboxRoot.env-bp-550 .timeline-Tweet-text{font-size:14px!important;}
p.timeline-Tweet-text{font-size: 14px !important;}
*/

/* Twitter
#document.timeline-Widget {
    max-width: 100% !important;
    width: 100% !important;
    }

div.timeline-Widget {
    max-width: 100% !important;
    width: 100% !important;
    }

.timeline {
    max-width: 100% !important;
    width: 100% !important;
    }


.SandboxRoot.env-bp-970 .timeline-Tweet-text {
    font-size: 10.5pt !important;
    line-height: 14pt!important;
    }

.SandboxRoot.env-bp-820 .timeline-Tweet-text {
    font-size: 10.5pt !important;
    line-height: 14pt!important;
    }
ここまで*/



.sns_btn{text-align: right; clear: both; margin-top: 10px;margin-bottom: 15px;}

.sns_btn.event{text-align:left;margin-top: 17px;margin-bottom: 20px;}

/****/

/* Let's get this party started */

.tw_area::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
.tw_area::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
.tw_area::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(0,0,0,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.tw_area::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0,0,0,0.8); 
}


/*** movie
******************/

#movie{display: block;}

#movie article{width: 472px; height: 70px; background-color: #ff3991;    margin-top: 6px;}
#movie h3{
	float: left;
	color: #FFF;
	font-size: 16px;
	margin-left: 30px;
	margin-top: 27px;
	width: 330px;
}
.play{float: right; width: 76px; height: 27px; margin:22px 22px auto auto;}
.play img{border-radius: 5px;}

/*** release_info
******************/

#release_info a.R_info_area{width: 478px;}

#release_info .article{width: 472px; height:142px;
    background-size: cover;float: left;margin-bottom: 8px;}
.article.odd{margin-right:6px; }
#release_info .article a{text-decoration: none;}
.CD{background-image: url(../parts/bg_cd.jpg);}
.BD{background-image: url(../parts/bg_bd.jpg);}
#release_info .info_txt{float: left;margin-left: 28px;margin-top: 32px;width: 310px;}
#release_info .CD .date{color: #f73c71;font-size: 14px;padding-bottom: 8px;}
#release_info .CD .sub_tit{color: #80082a;font-size: 11px;padding-bottom: 9px;}
#release_info .CD h3{
	font-size: 16px;
	color: #BD0030;
}
#release_info .CD h3 a{text-decoration: none;color: #80082a;}
#release_info .CD h3 a:hover{text-decoration: none;color: #DC2961;}

#release_info .BD .date{color: #0a7edd;font-size: 14px;padding-bottom: 8px;}
#release_info .BD .sub_tit{color:#103557;font-size: 11px; padding-bottom: 9px;}
#release_info .BD h3{font-size: 16px; }
#release_info .BD h3 a{text-decoration: none;color:#103557;}
#release_info .BD h3 a:hover{text-decoration: none;color:#2B499c;}

#release_info .thumbnail{width: 113px; height: 113px;float: right; margin-top: 15px; margin-right: 15px; overflow: hidden;text-align: center;}
.thumbnail img{width: 100%; height: auto;margin: 0 auto;}

/*** extra_info
********************/
#extra_info dl{width:948px; margin: 0 auto;}
#extra_info dl a{text-decoration: underline; color: #744411;}
#extra_info dl a:hover{text-decoration:none; color: #fd8241;}
#extra_info dl dt{clear: both; width: 123px; height: 30px;float: left;
    background-image: url(../parts/bg_date2.jpg);
    background-size: cover;letter-spacing: 1px;
    font-size: 10px;color: #FFF;line-height:3;padding-left: 12px;margin-bottom: 4px;}
#extra_info dl dd{display:block;width: 794px; height: 30px;font-size: 14px;line-height: 2;margin-bottom: 4px;margin-left: 18px;float: right;}

#extra_info dl dd span.more{width: 64px;height: auto;}
#extra_info dl dd span.more img{width: 64px;height:18px; vertical-align: middle;padding-left: 10px;}
#extra_info dl dd:after{}



/*** event_info
********************/
#event_info dl{width:948px; margin: 0 auto;}
#event_info dl a{text-decoration: underline; color: #023260;}
#event_info dl a:hover{text-decoration:none; color: #0099ff;}
#event_info dl dt{clear: both; width: 123px; height: 30px;float: left;
    background-image: url(../parts/bg_date.jpg);
    background-size: cover;letter-spacing: 1px;
    font-size: 10px;color: #FFF;line-height:3;padding-left: 12px;margin-bottom: 4px;}
#event_info dl dd{display:block; width: 794px; height: 30px;font-size: 14px;line-height: 2;margin-bottom: 4px;margin-left: 18px;float: right;}

#event_info dl dd span.more{width: 64px;height: auto;}
#event_info dl dd span.more img{width: 64px;height:18px; vertical-align: middle;padding-left: 10px;}
#event_info dl dd:after{}


/*** discographys
***********************/

#discographys{}
.CD_area , .BD_area{background-image: url(../parts/dsc_bg.png); background-repeat: repeat-y;height: 100%;width: 950px;display: block;}
.cat_cd , .cat_bd{width: 85px;padding-left: 15px;padding-top: 17px;
float: left;}
.BD_area{margin-top: 18px;}
.CD_area:after{visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
}

.BD_area:after{visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
}

.list{width: 840px; float: right;}

.dsc_box{height: 98px;display: inline-block;margin-bottom: 12px;}
.dsc_box h4{background-image: url(../parts/dsc_cat_line.gif);background-repeat: repeat-x; color: #000;font-size: 10px; font-family:"Verdana", Arial, sans-serif;padding-bottom: 8px;}
.dsc_box h4 span{background-color: #FFF;padding-right: 6px;}
.dsc_box img{height: 80px; width: auto; margin-right: 5px;}
.dsc_box img:last-child{margin-right: 0;}
.ml10{margin-left: 10px;}
.mb0{margin-bottom: 0 !important;}

/***eventページ
*********************/
#events{margin-top: 33px;width: 840px;margin-left: auto;margin-right: auto;margin-bottom: 74px;}
#events .titles{display: block; border-left: 24px solid #000;
padding-left: 12px;}
#events .titles .date{font-size: 12px; color: #298dea;}
.titles h2{text-align: left;font-size: 14px;margin-top: 8px; color: #333333;line-height: 1.2;}

.event_contens {line-height: 1.5;}
.event_contens p{font-size: 12px;margin-bottom: 8px;}
.event_contens p.fontM{font-size:14px;}

.event_img_right{width: 300px;display: block; float: right;margin-left: 30px; }
.event_img_left{width: 300px;display: block; float: left;margin:10px 0 10px 0; }

.box_area{display: block;margin-bottom: 20px;height: 250px;margin-top: 10px;}
.event_3box{width: 33.333333%; text-align: center;float: left;font-size: 14px;}
.event_3box img{width: 158px;height: auto;margin-bottom: 12px;}
.event_3box span{font-size:12px;line-height: 20px;}
.event_3box:after{visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;}

/*** releaseページ
************************/
#release{margin-top: 33px;width: 840px;margin-left: auto;margin-right: auto;margin-bottom: 74px;}

#release .titles{display: block; height: initial; border-left: 24px solid #000;
padding-left: 12px;}
#release .titles .date{font-size: 24px; color: #ff3e75;}
.titles h2{text-align: left;font-size: 14px;margin-top: 8px; color: #004e98;line-height: 1.2;}
.titles h2 a{text-decoration: none;}
.release_img{width: 378px;height: 378px; text-align: center;float: right;margin-left: 10px;
margin-bottom: 10px;}
.release_img img{height: 100%; width: auto;}
.release_contents{width: 440px;line-height: 1.5;float: left; margin-top: 18px;}

.release_contents:after{visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;}

.release_contents p{font-size: 12px;margin-bottom: 16px;}
.trial_play{width: 135px; height: 26px; 
    margin-top:10px ;margin-bottom: 21px;}
.trial_play img{width: 100%; height: auto;}
.release_contents h3{margin-bottom: 12px;}
.release_contents h3 img{height: 11px; width: auto;}
.mt16{margin-top: 16px;}

#release .CD_area , #release .BD_area{background-image: none;width: 840px;float: none;;}
#release section#discographys{margin-top: 40px}

#release_info_sp{display: none;}

/*** Footerまわり
***********************/
.copy{margin: 25px auto 0; text-align: center; font-size: 11px;}


footer{width: 474px;height: 99px; margin: 30px auto 33px;}
footer aside{background-color: #000;width: 100%;text-align: center;height: 26px;margin-bottom: 7px;}
footer aside.half{width:49.5%;}
footer aside a{color: #FFF;display: block;font-size: 11px;line-height: 2.1; text-decoration: none;}


/*** PAGETOP 
*****************************************/
#page-top {position: fixed;bottom: 50px;right: 20px;font-size: 110%;z-index: 500;cursor:pointer;text-decoration: none;width: 90px; height: 90px;} 
#page-top img{width: 90px; height: auto;}
#page-top a {z-index: 500;}
#page-top a:hover {}




/*15周年ロゴ*/

.logo15th{
    position: absolute;
    top: 20px;
    left: 30px;
}


@media screen and (max-width : 471px ){/* スマートフォン*/

#release_info{display: none;}

/*****loading*/
#opbg{
    min-width: 320px;
}

#opening{min-height:600px;padding: 20% 20%;
    width: 60%;}
img.bg_full {
  min-width: 320px;
}
#opening img{width: 100%;height: auto;}
/*base
****************************/
body{min-width: 320px;}

    header{height: 100px; padding-bottom:500px;}
    
/* ヘッダー */
.hd_bg img{ margin-left: -533px;height: 72px;}
    .logo{ text-align: center;    margin-left: -110px;
    width: inherit;}
    .logo img{ width: 220px; height: auto;}

nav {width: 98%;top:127px; left: 0;margin-left: 1%;text-align: center;}
    nav .nav_c {
    margin: 0;}
	nav .nav_c2 {
    margin: 0;}
    nav img{ width: 24%; height: auto; margin: 0 0.5%; float: left;}

    #page{width: 100%; top: 140px;left: 0;margin-left: 0;}
    #content {width:  96%; padding: 2%;
        box-shadow: 0px 5px 12px -2px #4a0000;
    -moz-box-shadow: 0px 5px 12px -2px #4a0000;
    -webkit-box-shadow: 0px 5px 12px -2px #4a0000;
    }
	
.logo15th img{margin-left: -20px; width: 40px; height: auto;}
    
    
    .slide_area{width: 100%;height: auto;display: block;margin-top: 10px;}
    .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 2px !important;}
/* Twitterarea*/
/*   .tw_area {width: 100%;}
    .account {width: 40%; text-align: center;}
    .account img{width: 40%;}
    .atxt{margin: 10px 0 0; font-size: 8px;line-height: 1.2;}*/
    
    .tw_area {width: 100%;height: 220px; border-top:none; }
    .account {width:100%; text-align: center;}
    .account img{width: 20%;    margin-left: 10%;    margin-top: 10px;}
    .atxt{margin: 10px 0 0; font-size: 8px;line-height: 1.2;}
    .tw_icon{margin: 7px auto;}
    .tw_timeline{width: 99%;border-top: 1px solid #000;}
    
/* movie link*/
    
    #movie article {width: 98%;height: 41px; margin:0 auto 6px;}/*width: 49.5%;height: 60px;*/
    #movie article.fr , #movie article.fl{float: none;}
    
    #movie h3 {
    font-size: 11px;
    margin-left: 11px;
    margin-top: 14px;
    width: auto;
    }
    .play{width: 50px; height: auto;margin: 11px 11px auto auto;}
    
    h2 img{width: 90% ; height: auto; margin: auto;}
    
    
/*** release情報スライダー
*************************/
#release_info_sp{display: inherit;    width: 94%;/*width: 96%;*/
    margin: auto;}
 .slide_area_sp{ /*width:96%; height:auto;*margin: 0 auto;*/}
    /* .slide_area_sp{ width:70%; height:auto;margin: 0 auto;}*/

#bxslider .info_txt{position: absolute; top:20%; left: 5%;width: 69%;}
#bxslider .thumbnail{width: 24%; height: auto; position: absolute; top:10%; right: 3%;}
#bxslider .info_txt.C .date {
    color: #f73c71;
    font-size: 10px;
    padding-bottom: 4px;}
#bxslider .info_txt.C .sub_tit {
    color: #80082a;
    font-size: 9px;
    padding-bottom: 4px;}

#bxslider .info_txt.C h3 {
    font-size: 9px;}
#bxslider .info_txt.C h3 a {text-decoration: none;
    color: #80082a;}

#bxslider .info_txt.B .date {
    color: #0a7edd;
    font-size: 10px;
    padding-bottom: 4px;}
#bxslider .info_txt.B .sub_tit {
    color: #103557;
    font-size: 9px;
    padding-bottom: 4px;}

#bxslider .info_txt.B h3 {
    font-size: 9px;}
#bxslider .info_txt.B h3 a {text-decoration: none;
    color: #103557;}

    
.bx-wrapper .bx-next {
    right: -22px!important; }/* 0 -50px!important;*/
.bx-wrapper .bx-prev {
    left: -23px!important;}/* -10px -50px!important;*/
    .bx-wrapper{margin-bottom: 27px!important;font-size: 12px;}  

/** EVENT **/
#event_info dl {
    width: 100%;}
    #event_info dl dt {
        width: 114px;padding-left: 9px;}
    #event_info dl dd{width: 99%;margin-left: 1%;height:auto;font-size: 12px;}
    #event_info dl dd span.more img {
    width: 50px;
        height: auto;    padding-left: 3px;}
    #event_info:after{visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;}
	
#extra_info dl {
    width: 100%;}
    #extra_info dl dt {
        width: 114px;padding-left: 9px;}
    #extra_info dl dd{width: 99%;margin-left: 1%;height:auto;font-size: 12px;}
    #extra_info dl dd span.more img {
    width: 50px;
        height: auto;    padding-left: 3px;}
    #extra_info:after{visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;}	

    
/** event page **/    
#events {width: 100%;}
    #events .titles .date {font-size: 11px;}
    .titles h2 {font-size: 12px;}

.box_area {
	height: auto;}
.event_img_right{width: 100%;display: block; float: none;margin-left:0; margin-bottom: 12px; }
.event_3box{width:100%; float: none;}
	
/** release page **/
    #release {width: 100%;}
    .release_img {width: 110px;height: auto;}
    .release_img img {height: 108px;}
    #release .titles {
        width: 63%;height:inherit;}
#release .titles .date {
    font-size: 16px;}
   .release_contents {
       width: 100%;} 
#release .CD_area, #release .BD_area {
    width: 100%;}
    #release .list{width: 100%;}


	
    
/* ディスコグラフィー*/
    #discographys{clear: both;}
.CD_area, .BD_area{width: 100%;background-size: 50px;}
    
    .CD_area, .BD_area {
        background-image: none;}
.cat_cd, .cat_bd {
    width:98%;padding-left: 6px;padding-top: 4px;padding-bottom:4px;background-color: #dadada;
    /*margin-bottom: 20px;*/}/*width: 43px;padding-left: 7px;padding-top: 7px;*/
    .cat_cd img, .cat_bd img{height: 13px}
    
    .list { width: 99%; margin-top: 8px;float: none;} 
    .list .ml10 {
        margin-left: 0;}
    /*.dsc_box img {height: 48.9%;}
    .dsc_box {height: 117px;}*/
    .dsc_box img {
        height: 68px;}
    .dsc_box{margin-top: 12px;margin-bottom: -17px;/*余白調整*/}
    
    .copy{font-size: 7px;}
    footer {
        width: 96%;}
    footer aside a{font-size: 8px;line-height: 3.1;}
    #page-top{bottom: 8px;right: 10px;width: 50px;height: 50px;}
    #page-top img {
        width: 50px;}
    
}

@media screen and (max-width : 320px) {/* スマートフォン*/
    
    .dsc_box img {
        height: 57px;}
	#bxslider .info_txt {
		width: 68.5%;}
	#bxslider .info_txt.C .date {
		font-size: 8px;}
	#bxslider .info_txt.B .date {
		font-size: 8px;}
	#bxslider .info_txt.C h3 {
		font-size: 10px;}
	#bxslider .info_txt.B h3 {
		font-size: 10px;}
	#bxslider .info_txt.C .sub_tit {
		font-size: 7px;}
	#bxslider .info_txt.B .sub_tit {
		font-size: 7px;}
}



/*　追加 */

.bold{font-weight:bold;}
.pink{color:#F06;}
.red{color:red;}
.navy{color:#000080;}
.orange{color:#ffa500;}
.indigo{color:#4b0082;}
.green01{color:#008b8b;}
span.underline{text-decoration:underline;}
span.font8{font-size:8pt;}
.hosoku01{padding:10px;border:1px solid #c0c0c0;}
.mb80{margin-bottom:80px;}
.mb50{margin-bottom:50px;}
.mb20{margin-bottom:20px;}
.mb10{margin-bottom:10px;}
.mb5{margin-bottom:5px;}
.mr10{margin-right:10px;}
.font10{font-size:10px;}


div.bd_infoarea p{clear:both;margin-bottm:10px;}
div.bd_infoarea p img{float:left;margin-right:10px;margin-bottom:10px;}

p.event_leftsilver{
	border-left:5px solid #CCC;
	padding:2px 0 2px 10px;
	margin:10px 0;
}

.img_tokuten_sample{padding-bottom:15px;}



.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}


div.event_contens img{padding-top: 5px;padding-bottom: 5px;}