/* ========================================== */
/* ヘッダー */
/* ========================================== */
body{
background-image: url(https://s3-ap-northeast-1.amazonaws.com/pf-web/fanclubs/77/assets/120/images/top/top_bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
    background-size: cover;
}
@media screen and (max-width: 1000px){
body{
    background: none;
}
body:before{
background: url(https://s3-ap-northeast-1.amazonaws.com/pf-web/fanclubs/77/assets/120/images/top/top_bg_sp.jpg) no-repeat center top;
    background-size: cover;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -2;
}
}

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





/*---------------------------------------------
  MAIN
---------------------------------------------*/
.top-key-visual{
  margin-top: 78px;
}
.top-key-visual img{
  margin: 0;
  height: auto;
}
@media screen and (max-width: 1199px){
.top-key-visual{
  margin-top: 66px
}

}


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

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

.fc_logo{
  width: 60%;
  margin: 0 auto;
}
@media screen and (max-width: 1199px){
.fc_logo{
  width: 80%;
}
}
.top-main-contents #mv .col-md-4{
    width: 100%;
    max-width: 100%;
    margin: 0px auto;
    padding: 0;
    flex: none;
}

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

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

.top-main-contents .more {
	text-align:center;
}

.top-main-contents .more {
	text-align:center;
	margin-top:32px;
}
section.service{
  padding: 6rem 15px;
}
section.service .plan{
  border-radius: 16px;
  box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
 padding: 0;
}
section.service h2{
  width: 250px;
  margin: 0 auto;
}
@media screen and (max-width: 1199px){
section.service h2{
  width: 180px;
}
section.service{
  padding: 4rem 15px 6rem;
}
}
.topics .post-eyecatch{
  border-radius: 16px !important;
}
/*-----------------------------
  bnr
-----------------------------*/

#bnr {
	overflow:hidden;
	clear:both;
	margin:40px auto;
}
#bnr a{
  display: block;
}

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


#bnr .bnr .post-eyecatch {
	overflow: hidden;
	position: relative;
	width:480px;
	padding-top: 75%;
	border-radius: 32px;
	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: 4px;
}

}


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

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


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

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


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

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

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

@media screen and (max-width: 991px){
.top-main-contents #mv .post-eyecatch {
	border-radius:16px !important;
}
}

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

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


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

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


/*-----------------------------
  Twitter
-----------------------------*/

#twitter .twitter_box {
	border-radius: 16px !important;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}


@media screen and (min-width: 768px) {

#twitter .twitter_box {
width: 80%;
margin: 0 auto;
}
}


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

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




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

#foot_bnr .sns_list {
margin-bottom: 64px;
}

#foot_bnr .sns_list h3 {
text-align: center;
font-weight: 200;
margin-bottom: 16px;
}

#foot_bnr .sns_list ul {
overflow: hidden;
clear: both;
text-align: center;
}

#foot_bnr .sns_list li {
width: 44px;
display: inline-block;
margin: 0 8px;
}

#foot_bnr .sns_list li.lineblog {
width: 160px;
}
.foot_bnr{
  justify-content: center;
}
.foot_bnr a{
  margin-right: 1.5rem;
  transition: .2s;
}
.foot_bnr a.sns_i{
  margin-right: 0;
}
.foot_bnr i{
  font-size: 1.8rem;
}
.foot_bnr .fa-instagram{
background: -webkit-linear-gradient(-125deg, #4C64D3, #CF2E92, #F26939, #FFDD83);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

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

#foot_bnr .sns_list li {
width: 34px;
display: inline-block;
margin: 0 8px;
}

#foot_bnr .sns_list li.lineblog {
width: 100px;
}
}
.post-item-type_a1 {
	border-bottom:solid 1px #ccc !important;
}





/*------------------
  複数プラン
------------------*/

#service.service_multiple .lead {
	font-size: 14px;
	margin-bottom: 64px;
}

/***** plan *****/

#service.service_multiple .plan {
margin-bottom: 64px;
}

#service.service_multiple .plan ul {
	clear:both;
	text-align:center;
	padding: 10px 0;
}

#service.service_multiple .plan li {
	padding: 32px 0 0;
	box-sizing: border-box;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
	border-radius: 3px;
background:#fff;
}

#service.service_multiple .plan li dl  {
	margin:0 16px 32px;
}

#service.service_multiple .plan li dt  {
	margin-bottom:16px;
	font-weight: normal;
}

#service.service_multiple .plan li dt .plan_name {
	font-size:20px;
}

#service.service_multiple .plan li dd {
	text-align:left;
}

#service.service_multiple .plan li .registrations a {
	padding:16px 0;
	border-top: solid 1px #E0E0E0;
	display:block;
}


@media screen and (min-width: 768px) {

#service.service_multiple .plan ul {
	clear:both;
}

#service.service_multiple .plan li {
	display:inline-block;
	margin: 0px 1.5%;
}

#service.service_multiple .plan.plan-2 li {
	width:40%;
}

#service.service_multiple .plan.plan-3 li {
	width:30%;
	float: left;
	display: block;
}
	
}


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

#service.service_multiple .plan li {
	margin-bottom:32px;
}

}


/***** service *****/

#service.service_multiple .service h5 {
	font-size:16px;
	text-align:center;
	margin-bottom:32px;
}

#service.service_multiple .service table {
	width:100%;
}

#service.service_multiple .service th {
	text-align:center;
	border-bottom:solid 1px #E0E0E0;
	padding-bottom:16px;
	font-weight:normal;
}

#service.service_multiple .service td {
	border-bottom:solid 1px #E0E0E0;
	padding:16px 0px;
}

#service.service_multiple .service tr td:nth-child(n+2) {
	text-align:center;
	border-left:solid 16px rgba(255,255,255,0);
}

#service.service_multiple .service tr td.no_service {
	color:#E0E0E0;
}

#service.service_multiple .service tr td .sub_txt {
	font-size:12px;
	margin-top:8px;
}




@media screen and (min-width: 768px) {

#service.service_multiple .service tr td:first-child {
	padding:16px;
}

	
}


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

#service.service_multiple .service th {
	padding-bottom:8px;
	line-height:1.4;
}

#service.service_multiple .service tr td:nth-child(n+2) {
	text-align:center;
	border-left:solid 8px #fff;
	width:20%;
}

}