/*---------------------------------------------
  HEADER
---------------------------------------------*/

header.top_header {
	box-shadow: 0 3px 6px rgba(0,0,0,0);
}





/*---------------------------------------------
  MAIN
---------------------------------------------*/

#main-visual {
	margin: 77px 0 64px;
    position: relative;
}


@media screen and (max-width: 1199px) {

#main-visual {
	margin: 59px 0 64px;
}

}



/*---------------------------------------------
  TOP
---------------------------------------------*/

#top-main-contents {
	overflow:hidden;
	clear:both;
}




/*---------------------------------------------
  TOP CONTENTS
---------------------------------------------*/

#top-main-contents .container {
	padding:64px 15px;
}

#top-main-contents .more {
	text-align:center;
	margin-top:32px;
}




/*-----------------------------
  bnr
-----------------------------*/

#bnr {
	overflow:hidden;
	clear:both;
	margin:0 auto 50px;
}

#bnr .bnr {
	width:100%;
	position:relative;
}

#bnr .bnr a {
display:block;
}


#bnr .bnr .post-eyecatch {
	overflow: hidden;
	position: relative;
	width:480px;
	padding-top: 75%;
	border-radius: 16px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
	z-index:-1;
}

#bnr .bnr .post-eyecatch img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    object-fit: cover;
    object-position: top;
    max-width: none;
    max-height: none;
    min-width: 100%;
    min-height: 100%;
}

#bnr .bnr .post-eyecatch::after {
    content:"";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    background-color: rgba(255, 255,255, 0);
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

#bnr .bnr:hover .post-eyecatch::after {
    background-color: rgba(255, 255,255, .4);
}

#bnr .bnr .post-title {
    width: 100%;
	padding:0px 10px;
	margin:0 !important;
	position:absolute;
	color:#fff;
	text-align:center;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	z-index:999;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	display:none;
	
}

#bnr .bnr:hover .post-title {
    display:block;
}

@media screen and (max-width: 991px) {

#bnr .bnr .post-eyecatch {
	width:240px;
	border-radius: 16px;
}

}


/*-----------------------------
  NEWS
-----------------------------*/

#top-main-contents #news .post-item-type_a1 a {
	color:#5F6368;
}


/*-----------------------------
  PROFILE
-----------------------------*/

#top-main-contents #profile dt {
margin: 0 auto 32px;
}

/*-----------------------------
  MUSIC VIDEO
-----------------------------*/

#top-main-contents #mv .col-md-4 {
	width: 100%;
	max-width: 100%;
	margin: 0px auto;
	padding: 0;
	flex: none;
}

#top-main-contents #mv .col-md-4 .post-eyecatch {
	border-radius:3px !important;
}

#top-main-contents #mv .col-md-4 a {
	color:#5F6368;
}

#top-main-contents #mv .col-md-4 .post-title {
text-align: center;
}


@media screen and (max-width: 991px) {

#top-main-contents #mv .col-md-4 .post-eyecatch {
	border-radius:4px !important;
}
}

/*-----------------------------
  FANCLUB
-----------------------------*/

#top-main-contents #fanclub dt {
	width:50%;
	max-width:450px;
	margin:0px auto 32px;
	text-align:center;
}

@media screen and (max-width: 767px) {
	
#top-main-contents #fanclub dt {
	width:100%;
}

}



/*-----------------------------
  banner
-----------------------------*/

#top-main-contents #link_list ul {
overflow: hidden;
clear: both;
margin: 0 -1.5%;
}

#top-main-contents #link_list li {
width: 30.33%;
margin: 0 1.5% 32px;
float: left;
}

#top-main-contents #link_list li a:hover {
opacity: 0.7;
}



@media screen and (max-width: 767px) {

#top-main-contents #link_list ul {
margin: 0 -1%;
}

#top-main-contents #link_list li {
width: 48%;
margin: 0 1% 16px;
}

}

@media screen and (max-width: 575px) {

#top-main-contents #link_list ul {
margin: 0;
}

#top-main-contents #link_list li {
width: 100%;
margin: 0 auto 16px;
display: block;
float: none;
}

}