@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Crimson+Text');

body{
	font-family:'Crimson Text', "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size:14px;
	color:#000;
	line-height:1.6;
	position:relative;
}

* {
    margin: 0;
    padding: 0;
}

ol,ul { list-style:none; }

.inner{
	width:1080px;
	margin:0 auto;
}

a{
	text-decoration:none;
}

/*--------------------------------------------------
/* cfix
--------------------------------------------------*/
.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-table; min-height:1%; }
* html .clearfix { height:1%; }
.clearfix { display:block; }


/*--------------------------------------------------
/* header
--------------------------------------------------*/
.header{
	background-color:#fff;
}

.logo{
	float:left;
	margin:20px 0 15px;
}

.sp-menu,.header-nav-wrap-sp{
	display:none;
}

.header-nav-wrap{
	float:right;
	margin-top:15px;
}

.header-nav{
	display:table;
}

.header-nav__item{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.header-nav__link{
	color:#000;
	width:100%;
	display:block;
	padding:15px 10px;
	box-sizing:border-box;
	font-weight:600;
	font-size:16px;
}

.header-nav__link:hover,.header-nav__link_state_current{
	background: url(../images/top/header_bg.png) center center no-repeat;
}

/*--------------------------------------------------
/* footer
--------------------------------------------------*/
.footer{
	background-color:#000;
	padding:20px 20px 20px 0;
	color:#fff;
}

.footer-link{
	float:right;
}

.footer-link_type_table{
	display:table;
}

.footer-link__item,.footer__sns{
	display:table-cell !important;
	vertical-align: top;
}

.footer__sns_type_tweet{
    padding-top:2px;
}

.footer-link__item{
	font-size:16px;
}

.footer-link__item + .footer-link__item{
	padding-left:20px;
}

.footer-link__link{
	color:#fff;
}

.footer__copy{
	font-size:11px;
	margin-bottom:10px;
}

.footer__copy:last-child{
	margin-bottom:0;
}

.footer__sns:not(:first-child){
	padding-left:10px; 
}

/*--------------------------------------------------
/* pagetop
--------------------------------------------------*/
.pagetop{
	position:fixed;
	bottom:20px;
	right:5px;
	z-index:80;
}


/*--------------------------------------------------
/* 下層共通
--------------------------------------------------*/

/* 下層ヘッダー */

.header-nav-wrap_type_secondary{
	margin-top:0;
}

.logo_type_secondary{
	margin:8px 0;
}

/* 下層ヘッダー */

.content{
	
}

.title-area{
	height:100px;
	width:100%;
	display: table;
	background: url(../images/common/titlearea_bg.gif) repeat left top;
	margin-bottom:33px;
}

.title-area__title{
	display:table-cell;
	font-size:30px;
	vertical-align: middle;
	text-align: center;
}

.title-area__title-inner::before{
	background:url(../images/common/title-area__title_bg.png) left bottom no-repeat;
	content: "";
	display: inline-block;
	background-size:13px 21px;
	width:13px;
	height:21px;
	margin-right: 10px;
	
}

.title-area__title-inner::after{
	background:url(../images/common/title-area__title_bg.png) left bottom no-repeat;
	content: "";
	display: inline-block;
	background-size:13px 21px;
	width:13px;
	height:21px;
	margin-left: 10px;
	
}


.category{
	display:table;
	margin: 0 auto 33px;
}

.category__item{
	display:table-cell;
}

.category__link{
	display: block;
	padding:0 10px 10px;
	font-size:15px;
	color:#000;
	font-weight: bold;
}

.category__link:hover,.category__link_state_current{
	background: url(../images/common/category_bg.png) center bottom no-repeat;
	background-size: 23px 7px;
}

.category-sp{
	display:none;
}

.topic-wrap{
	width:700px;
	margin:0 auto 20px;
}

.topic-wrap-box{
	border-top:1px solid #979797;
	padding:30px 0 0;
}

.topic-wrap-box:last-child{
	border-bottom:1px solid #979797;
	margin-bottom:20px;
}


.topic-wrap-box_head{
	font-size:16px;
	font-weight:bold;
}

.topic-wrap-box_head__cat{
	margin-left:20px;
}

.topic-wrap-box__title{
	font-size:18px;
	font-weight:bold;
}

.topic-wrap-box__title_type_secondary{
	margin-bottom:10px;	
}	


.topic-wrap-box__inner{
	padding:20px;
	background-color:#eff1f1;
}

.topic-wrap-box__arrow{
	height:30px;
	background: url(../images/common/topic-wrap-box_arrow_down.png) no-repeat center center;
	background-size:19px 6px;
}

.topic-wrap-box__arrow.open{
	background: url(../images/common/topic-wrap-box_arrow_up.png) no-repeat center center;
	background-size:19px 6px;
}

.topic-wrap-box__title-link{
	color:#000;
}

.topic-wrap-box__title-link:hover{
	text-decoration: underline;
}

.btn-group{
	text-align: center;
	margin-bottom:60px;
    vertical-align: top;	
}

.btn-group__btn{
	display:inline-block;
	position: relative;
	font-size:16px;
	background-color:#000;
	color:#fff;
}

.btn-group__btn + .btn-group__btn{
	margin-left:20px;
}

.btn-group__btn-inner_prev,.btn-group__btn-inner_next,.btn-group__btn-inner_center{
	width:160px;
	height:30px;
	text-align: center;
	box-sizing: border-box;
	border:2px solid #000;
}

.btn-group__btn-inner_center{
	background-color:#fff;
}

.btn-group__btn-inner_prev::before{
	content: "＜";
	position: absolute;
	top:5px;
	left:10px;
	font-size:12px;
}

.btn-group__btn-inner_next::after{
	content: "＞";
	position: absolute;
	top:5px;
	right:10px;
	font-size:12px;
}


.btn-group__btn_state_disabled{
	opacity:0.2;
}

.btn-group__link{
	color:#fff;
}

.btn-group__link_type_black{
	color:#000;
}

/* ディスコグラフィー */

.disco{
	width:880px;
	margin:0 auto 20px;
}

.disco_box{
	border-top:1px solid #979797;
	margin:0 auto;
	padding:30px 0;
}

.disco_box:last-child{
	border-bottom:1px solid #979797;
}


.disco-head_display_sp{
	display:none;
}

.disco-img-group{
	width:340px;
	float:left;
	margin-right:20px;
}

.disco-img-group__img{
	width:340px;
}

.disco-img-group__caption{
	font-size:12px;
	margin-bottom:20px;
}

.disco-img-group-btn-group__btn_type_01{
	display:block;
	background-color:#000;
	text-align:center;
    vertical-align:middle;
	color:#fff;
	margin-bottom:10px;
	line-height:34px;
	font-size:16px;
}

.disco-img-group-btn-group__btn_type_02{
	display:inline-block;
	background-color:#000;
	text-align:center;
    vertical-align:middle;
	color:#fff;
	margin-bottom:10px;
	width:30.8%;
	line-height:34px;
	font-size:16px;
}

.disco-img-group-btn-group__btn_type_02 + .disco-img-group-btn-group__btn_type_02{
	margin-left:2.7%;
}

.youtube{
	margin-bottom:12px;
	position: relative;
    height: 191px;
    width: 340px;
}

.youtube a::after{
    content:"" ;
	background:rgba(0,0,0,0.7) url(../images/discography/youtube_bg.png) center center no-repeat;
	background-size:60px 70px;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 20;
}

.disco-main{
	float:left;
	width:520px;
}

.disco-head_display-pc-cat{
	margin-bottom:20px;
}

.disco-head_display-pc-cat__inner{
	display:inline-block;
	padding:5px 15px;
	background-color:#eff1f1;
}

.disco-head_display-pc-cat__inn + .disco-head_display-pc-cat__inner{
	margin-left:10px;
}

.disco-head_display-pc__caption{
	font-size:14px;
}

.disco-head_display-pc__title{
	font-size:18px;
	margin-bottom:20px;
	font-weight:bold;
}

.disco-head__title-link{
	color:#000;
}

.disco-head__title-link:hover{
	text-decoration:underline;
}

.disco-main__release{
	font-size:20px;
	font-weight:bold;
}

.disco-main__partno{
	font-size:12px;
	margin-bottom:45px;
}

.disco-main__text_type_01{
	font-weight:bold;
	margin-bottom:4px;
}

.disco-main__text_type_02{
	margin-bottom:30px;
}

/* ディスコグラフィー */

/* プロフィール */

.profile{
	width:880px;
	margin:0 auto 95px;
}

.profile-name_display_sp{
	display:none;
}

.profile-img{
	width:430px;
	float:left;
	margin-right:20px;
}

.profile-name_display_pc{
	padding-bottom:2px;
	border-bottom:1px solid #979797;
	font-size:16px;
	margin-bottom:20px;
}

.profile-name_display_sp__jp{
	font-family: "Yu Mincho", "YuMincho", serif;
	font-size:30px;
	margin-right:20px;
	font-weight: bold;
}

.profile-right{
	float:left;
	width:430px;
}

.profile__txt {
	padding-bottom: 15px;
	border-bottom: solid 1px #979797;
	margin-bottom: 15px;
}

.profile__banner {
	width: 115px;
}

.profile__banner img {
	border: solid 1px #979797;
}
/* プロフィール */

@media screen and (max-width:767px){
	
.inner{
	width:auto;	
}	
	
/*--------------------------------------------------
/* header
--------------------------------------------------*/
	
.header{
    position:fixed;
	height:53px;
	padding-top:7px;
	width:100%;
	z-index:100;
}	
	
.header-nav-wrap{
	display:none;
}	
	
.logo{
	text-align:center;
	margin:0;
	float:none;
}
	
.logo__img{
	width:126px;
	height:41px;
}
	
.sp-menu{
	display:block;
	position:fixed;
	top:4px;
	right:4px;
	background:url(../images/top/sp_menu.png) no-repeat top right;
	width:55px;
	height:53px;
	background-size:55px 53px;
}
	
.sp-menu.on{
	background:url(../images/top/sp_menu_close.png) no-repeat top right;
	background-size:55px 53px;
}	
	
.header-nav-wrap-sp{
	display:block;
	position:fixed;
	height:0;
	width:100%;
	top:60px;
	right:0;
	background:rgba(239,241,241,0.9);
	z-index:120;
	overflow:hidden;
}	
	
.header-nav-sp{
	text-align:center;
	padding:14.5% 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;	
	display:flex;
    -webkit-box-direction:reverse;
    -ms-flex-direction:column;
    -webkit-flex-direction:column;
    -moz-flex-direction:column;
    flex-direction:column;
    -ms-flex-wrap:nowrap;
    -webkit-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
	height:100%;
	box-sizing: border-box;
}	

.header-nav-sp__item{
	
	font-size:20px;
	font-weight:bold;
}
	
.header-nav-sp__link{
	color:#000;	
	display: block;
	width:100%;
}	
	
/*--------------------------------------------------
/* footer
--------------------------------------------------*/

.footer{
	padding-bottom:90px;
}	
	
.footer-link{
    float:none;	
}	

.footer-link_type_table{
	margin: 0 auto 15px;	
}
	
.footer-link__item{
	font-size:20px;
}
	
	
.footer__copy{
	font-size:10px;
	margin:0 auto 10px;
	width:92%;
}
	
.footer__copy_type_copyright{
	text-align: center;	
}	
	
/*--------------------------------------------------
/* 下層共通
--------------------------------------------------*/
	
.content{
	padding-top:60px;
}
	
.title-area{
	height:60px;
}

.title-area__title{
	font-size:25px;
}
	
	
.title-area__title-inner::before{
	background-size:11px 18px;
	width:11px;
	height:28px;
	margin-right: 10px;
	
}

.title-area__title-inner::after{
	background-size:11px 18px;
	width:11px;
	height:28px;
	margin-left: 10px;
	
}

.category{
	display:none;
}
	
.category-sp{
    display:block;
	margin:0 auto 20px;
	width:172px;
	position:relative;
	font-weight:bold;
	font-size:15px;
}
	
.category-sp__button{
	border:1px solid #000;
	line-height:26px;
	text-align:center;
	background:url(../images/common/category-sp__button_bg.png) right 8px center no-repeat;
	background-size:9px 5px;
}	
	
.category-sp__list{
 	border-left:1px solid #000;
 	border-right:1px solid #000;
 	border-bottom:1px solid #000;
	text-align:center;
	position: absolute;
	top:28px;
	left:0;
	width:100%;
	background-color:#fff;
	box-sizing: border-box;
}	
	
.category-sp__link{
	line-height:35px;
	color:#000;
	display:block;
	width:100%;
	position:relative;
}	
	
.category-sp__link_state_current::before{
	background: url(../images/common/category_bg.png) left top no-repeat;
	background-size:22px 7px;
	width:22px;
	height:7px;
	display:inline-block;
	margin-right:10px;
	content: "";
}	
	
.category-sp__link_state_current::after{
	background: url(../images/common/category_bg.png) left top no-repeat;
	background-size:22px 7px;
	width:22px;
	height:7px;
	display:inline-block;
	margin-left:10px;
	content: "";
}	
	

.topic-wrap{
	width:auto;
	margin:0 auto 20px;
}

.topic-wrap-box{
	padding:15px 0 0;
}
	
.topic-wrap-box__title{
	font-size:17px;
	margin:0 15px;
}
	
.topic-wrap-box__title_type_secondary{
	margin-bottom:10px;	
}	
	
.topic-wrap-box_head{
	font-size:17px;
	margin:0 15px;
}

.topic-wrap-box__inner{
	padding:15px;
}

.topic-wrap-box__arrow{
	height:28px;
	background: url(../images/common/topic-wrap-box_arrow_down.png) no-repeat center center;
	background-size:16px 5px;
}

.topic-wrap-box__arrow.open{
	background: url(../images/common/topic-wrap-box_arrow_up.png) no-repeat center center;
	background-size:16px 5px;
}

.btn-group{
	width:92%;
	margin:0 auto 60px;
}

.btn-group__btn{
	display:block;
	position: relative;
	font-size:17px;
	width:31.8%;
}

.btn-group__link_prev,.btn-group__link_next{
	color:#fff;
}

.btn-group__btn + .btn-group__btn{
	margin-left:0;
}

.btn-group__btn-inner_prev,.btn-group__btn-inner_next,.btn-group__btn-inner_center{
	width:auto;
}
	
.btn-group__btn_type_2column:first-child{
	float:left;
	margin-left:15px;
}
	
.btn-group__btn_type_2column:last-child{
	float:right;
	margin-right:15px;
}	

.btn-group__btn_type_3column{
	display:inline-block;
}	
	
.btn-group__btn_type_3column + .btn-group__btn_type_3column{
	margin-left:2.3%;	
}	
	
/* ディスコグラフィー */	
	
.disco{
	width:auto;
}	
	
.disco_box{
	padding:15px;
}
	
.disco-main{
	float:none;
	width:auto;
}

.disco-img-group{
	width:auto;
	float:none;
	margin-right:0;
}

.disco-head_display-pc{
	display:none;
}
	
.disco-head_display_sp{
	display:block;
}

.disco-head_display_sp-cat{
	margin-bottom:7px;
}

.disco-head_display_sp-cat__inner{
	display:inline-block;
	padding:5px 15px;
	background-color:#eff1f1;
	font-size:15px;
}

.disco-head_display_sp-cat__inn + .disco-head_display_sp-cat__inner{
	margin-left:10px;
}

.disco-head_display_sp__caption{
	font-size:17px;
}

.disco-head_display_sp__title{
	font-size:17px;
	margin-bottom:20px;
	font-weight:bold;
}
	
.disco-img-group__img{
	width:290px;
	margin:0 auto;
}
	
.disco-img-group__caption{
	text-align:center;
}

.youtube{
    width:100%;
	height:100%;
	line-height:1;
}

.youtube a::after{
    content:"" ;
	background:rgba(0,0,0,0.7) url(../images/discography/youtube_bg.png) center center no-repeat;
	background-size:62px 72px;
}
	
.disco-img-group-btn-group__btn_type_01,.disco-img-group-btn-group__btn_type_02{
	font-size:12px;
}
	
.disco-main__partno{
	font-size:15px;
	margin-bottom:30px;
}

.disco-main__text_type_01{
	font-weight:bold;
	font-size:15px;
}

.disco-main__text_type_02{
	font-size:15px;
}
	
/* ディスコグラフィー */		
	
/* プロフィール */

.profile{
	width:auto;
	margin:0 auto 30px;
}

.profile-name_display_sp{
	display:block;
}

.profile-img{
	width:288px;
	float:none;
	margin:0 auto 25px;
}

.profile-name_display_pc{
	display:none;
}
	
.profile-name_display_sp{
	display: block;
	text-align:center;
	font-size:17px;
}

.profile-name_display_sp__jp{
	font-family: "Yu Mincho", "YuMincho", serif;
	font-size:30px;
	margin-right:20px;
	font-weight:bold;
}

.profile-right{
	float:none;
	width:auto;
	padding:0 15px;
}

/* プロフィール */	
	
	
}
