@charset "UTF-8";
@import url("b34ddffe27dc98ec8b04.css");

header.open{z-index:200;}

.fanclub {color: #3E3A39;border-top: 5px dotted #f19db5;margin-top: 0;}
.fanclub *:after {content:"";clear:both;display:block;}
.fanclub img {max-width:100%;display:block;}

.headerarea {padding:0;}
.headerarea h2 {width:50%;max-width:250px;margin:2em auto;}

.memmber_enter {padding: 0 5%;margin-bottom: 2em;}
.memmber_enter ul {width:102%;margin-left:-1%;} 
.memmber_enter li {width:50%;float:left;padding:0 1%;text-align:center;font-size: 1.4rem;}
.memmber_enter li a {display:block;line-height:3;background:#3E3A39;border:1px solid #fff;color:#fff;}
.memmber_enter li.regist a {background:#f19db5;border:1px solid #f19db5;}

.com-news-part .type, .com-arclist-part_ver2 .type {border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #f19db5;}
.com-fcnav-elem .memmber_enter>ul>li a {color: #3E3A39;}

.com-fcnav-elem .headerarea h2 {font-size: 2.2rem; letter-spacing: .1em;text-indent: .1em;}
.fanclub_con {padding: 30px 20px 0;}
.fanclub_con > div {margin-bottom:40px;}
.fanclub_con h3 {margin-bottom: 30px;font-size: 2.2rem; letter-spacing: .1em;text-indent: .1em;text-align:center;color:#f19db5;}
/*.fanclub_con h3:after {content:"";border:solid #F19DB5;border-width:1px 0 0 0;width:1em;display:block;margin:1em auto 0;}*/
.fanclub_con h3 + ul {border-left: 1px solid #f19db5;padding:5px 0 5px 20px;margin-bottom: 20px;display: flex;flex-wrap: wrap;width: 103%;}
.fanclub_con .news_box ul {border-left: 1px solid #f19db5;padding:5px 0 5px 20px;margin-bottom: 20px;display: flex;flex-wrap: wrap;width: 103%;}
.fcnews_list_top .title-part {padding-bottom:0 !important;}
.fcnews_list_top li {margin: 0 0 15px !important;padding: 0 0 15px !important;border-bottom: 1px dotted #d1c3b5 !important;}
.fcnews_list_top li:last-child {padding-bottom:0 !important;margin-bottom:0 !important;border:none !important;}
.fccon_list li {margin-bottom: 0;padding-bottom: 15px;padding-right: 3%;width:50%;}
.fccon_list li:nth-last-child(-n+2) {padding-bottom:0;}
.fccon_list li a {display:block;padding:0;}
.fccon_list li .video {width: 100%;position:relative;}
.fccon_list li .video span {display:block;background-repeat:no-repeat;background-color:#000;background-position:center;background-size:cover;padding-top:66.6%;}
.fccon_list li .video + div {width: 100%;padding-left: 0;line-height: 1.6;font-size: 1.4rem;}
.fccon_list li .video + div .date {font-size:.8em;line-height: 1;margin-top: 10px;}
.fccon_list li .video + div .ttl {font-size: 1em;margin-bottom: 5px;line-height: 1.6;margin-top: .5em;}
.fccon_list li .video + div .tag_name {font-size:.9em;}
.fccon_list li .video + div .tag_name span {display: inline-block;vertical-align: top;}
.fccon_list li .video + div .tag_name span:after {content:"・";display: inline-block;vertical-align: top;margin: 0 0.3em;}
.fccon_list li .video + div .tag_name span:last-child:after {content:"";margin:0;}
.fccon_list li .video + div.keyamimi-list-head .ttl {font-size: 1.1em;}
.video_list_top li .video + div .ttl {font-size:1em;margin-bottom:5px;line-height:1.6;margin-top:.5em;}

.keyamimi_list_top li .video span {padding-top:56%;}
.diary_list_top li .video span {padding-top:75%;}
.diary_list_top li.item_logout .video span {-webkit-transform: scale(1.1);transform: scale(1.1);-webkit-filter: blur(10px);filter: blur(10px);}

.fanclub_con .news_tablist {border: none;padding: 0;margin: 0 0 20px;width: 100%;}
.fanclub_con .news_tablist li {margin: 0 !important;padding: 0 !important;border-bottom: 1px solid #fff !important;width: 33.33%;text-align: center;line-height:3;}
.fanclub_con .news_tablist li.active {border-bottom:1px solid #3E3A39 !important;}
.fanclub_con .news_tablist li span {display: block;cursor: pointer;font-size: .75em;}

.fanclub_con .new_icon {font-style: normal;font-size: .7em;background: #f19db5;color: #fff;line-height: 1;display:none;padding: 0.3em 1em;position: absolute;top: 0;left: 0;font-family: 'Roboto Condensed', sans-serif;font-weight:400;}
.fanclub_con .new_icon.is-show {display:inline-block;}

.fanclub_con .diary_list_top li .video {overflow: hidden;}
/*
.fanclub_con .diary_list_top li:nth-child(n+2) .video span {position: relative;z-index: 0;overflow: hidden;}
.fanclub_con .diary_list_top li:nth-child(n+2) .video span:before {content:"";background: inherit;-webkit-filter: blur(10px);filter: blur(10px);position: absolute;top: -10px;left: -10px;right: -10px;bottom: -10px;z-index: -1;}
*/

.morebtn {text-align:right;}
.morebtn a {font-size:1.4rem;padding:0 2em;position:relative;border-bottom:none; line-height: 2;display: inline-block;}
.morebtn a:after {content: "\f3d6";font-family:"ionicons";display: block;position:absolute;right:0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: auto;height: auto;background:none;pointer-events: none;}

.fc_pickup {padding-right: 0;padding-left: 0;padding-bottom:40px;}
.fc-con-slicks {margin-bottom:0 !important;padding-top:0;}
.fc-con-slicks .bnrbox span {display:block;background-position:center;background-size:cover;padding-top: 72%;background-repeat: no-repeat;box-shadow: 0 1px 5px 0 rgb(0 0 0 / 20%);}
.fc-con-slicks .bnrbox .img {padding: 0 8px;}
.fc-con-slicks .bnrbox p {display: block;text-align: center;width: 100%;font-size: 1.2rem;line-height: 1.4;margin-top: 0.5em;}

.fanclub .slicks .slick-dots li.slick-active button:before {background-color: #F19DB5;border: 2px solid #F19DB5;}
.fanclub .slicks .slick-dots li button:before {background-color: #B2B2B2;border: 2px solid #B2B2B2;}

.fanclub_menu {padding:0 5%;margin-bottom:1.5em;}
.fanclub_menu h2 {font-size: 1.6rem;text-align: center;background: #3E3A39;color:#fff;line-height: 2.5;}
.fanclub_menu ul {border-right: 1px solid #3E3A39;}
.fanclub_menu li {text-align:center;width:50%;border-left:1px solid #3E3A39;border-bottom:1px solid #3E3A39;float:left;}
.fanclub_menu li a {display: block;line-height: 3.5;font-size: 1.2rem;background: #fff;}

.fanclub_support {padding:0 5%;margin-bottom:0;}
.fanclub_support h2 {font-size: 1.6rem;text-align: center;background: #3E3A39;color:#fff;line-height: 2.5;position:relative;}
.fanclub_support h2:after {content: "\f2c7";font-family:"ionicons";display: block;position:absolute;right:15px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.fanclub_support h2.active:after {content: "\f2f4";}
.fanclub_support ul {border-right: 1px solid #3E3A39;}
.fanclub_support li {text-align:center;width:50%;border-left:1px solid #3E3A39;border-bottom:1px solid #3E3A39;float:left;}
.fanclub_support li a {display: block;line-height: 3.5;font-size: 1.2rem;background: #fff;}

/*TOPページカスタム*/
.news-tablist {margin-bottom:20px;}
.news-tablist:after {content:"";display:block;clear:both;}
.news-tablist li {width:50%;float:left;text-align:center;line-height:3;}
.news-tablist li span {display:block;cursor: pointer;}
.news-tablist li.active {border-bottom:1px solid #3E3A39;}

/*固定メニュー*/
.fc_fixed_menu {position:fixed;right:10px;bottom:90px;z-index:100;}
.fc_fixed_menu .thumb {transition: all .3s ease-out;width:6em;cursor:pointer;}
.fc_fixed_menu .thumb span {display:block;background-position:center 0;background-repeat:no-repeat;background-size:cover;padding-top:100%;border-radius:50%;box-shadow: 0 0 15px 0 rgb(0 0 0 / 25%);border: 2px solid #fff;}
.fc_fixed_menu .thumb.active {transform: scale(.95);}

.fc_fixed_menu .btn a { display: block;width: 5em;height: 5em;border-radius: 50%; position: relative;background: #fff;font-size: .7em;color:#f19db5;box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);}
.fc_fixed_menu .btn span {display:inline-block;line-height:1;text-align:center;position:absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);font-family: 'Roboto Condensed', sans-serif;font-weight: 500;padding-top: .4em;font-size: .8em;}

.fc_fixed_menu .btn > div {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 5.5em;height: 5.5em;transform: scale(0);transition: all .3s ease-out;z-index:-1;}
.fc_fixed_menu .btn > div.on {right:auto;bottom:auto;transform: scale(1);}
.fc_fixed_menu .btn > div.on:nth-child(1) {top: -4.7em;left: 2em;}
.fc_fixed_menu .btn > div.on:nth-child(2) {top: -3.5em;left: -2.5em;}
.fc_fixed_menu .btn > div.on:nth-child(3) {top: 1em;left: -4.6em;}
.fc_fixed_menu .btn > div.on:nth-child(4) {top: 5.4em;left: -2.3em;}

/*
.fc_fixed_menu .btn { position: absolute;top: 0; left: 0;right: 0;bottom: 0;z-index: -1;transform: scale(0);transition: all .3s ease-out;}
.fc_fixed_menu .btn.on {transform: scale(1);}
.fc_fixed_menu .btn > div {position:absolute;top:0;left:0;}
.fc_fixed_menu .btn > div:nth-child(1) {top: -4.1em;left: 2em;}
.fc_fixed_menu .btn > div:nth-child(2) {top: -2.9em;left: -2.4em;}
.fc_fixed_menu .btn > div:nth-child(3) {top: 1.4em;left: -4.1em;}
.fc_fixed_menu .btn > div:nth-child(4) {top: 5.4em;left: -2.3em;}
*/
.fc_fixed_menu .btn a {border-radius:0;background:none;box-shadow:none;}
.fc_fixed_menu .btn a:after {content:"";display:block;background:url("4227519102211fef8167.svg") no-repeat center;background-size:contain;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-filter: drop-shadow(0px 0px 8px rgba(0,0,0,.2));filter:drop-shadow(0px 0px 8px rgba(0,0,0,.2));z-index: -1;}

.fc_fixed_menu .btn.type2 > div:nth-child(1) a:after {transform:rotate(5deg)}
.fc_fixed_menu .btn.type2 > div:nth-child(2) a:after {transform:rotate(-40deg)}
.fc_fixed_menu .btn.type2 > div:nth-child(3) a:after {transform:rotate(-80deg)}
.fc_fixed_menu .btn.type2 > div:nth-child(4) a:after {transform:rotate(-135deg)}
.fc_fixed_menu .btn.type2 > div:nth-child(2) span {padding-right: 0.5em;}
.fc_fixed_menu .btn.type2 > div:nth-child(4) span {margin-left: -0.2em;}
.fc_fixed_menu .btn.type2 span {font-size: .85em;padding-top: 0;width: 100%;line-height: 1.4;}
.fc_fixed_menu .btn.type2 a {width:6em;height:6em;}

.fc_fixed_menu {display:none;transition : opacity 1s ease-in;}

.fav_date_top {text-align:center;margin-bottom: 20px;}
.fav_date_top > * {display:inline-block;vertical-align:middle;}
.fav_date_top .thumb {width:4.5em;height:4.5em;}
.fav_date_top .thumb span {display:block;background-position:center 0;background-repeat:no-repeat;background-size:cover;padding-top:100%;border-radius:50%;}
.fav_date_top > p {background: #fff;padding: 0;border-radius: 20px;font-size: 1.4rem;margin-left: .5em;line-height: 1;}
.fav_date_top > p b {display: inline-block;vertical-align: bottom;margin-right: .2em;}
.fav_date_top > p span {font-weight:bold;font-size:1.2em;display: inline-block;vertical-align: bottom;color: #f0a1b6;}

@media screen and (max-width:767px) {
.top-newrelease .com-coverbox:before {padding-top: 100%;}
.top-snss.type2 {background-image:none;}
}
@media screen and (min-width:768px) {
.display_sp {display:none;}
.news-tablist {margin-bottom: 50px;width: 300px;}
.fav_date_top {margin-bottom: 30px;}

.fc_fixed_menu {font-size: 1.3em; bottom: 100px;right:3%;}

.fanclub_con .fcnews_list_top .news_box ul {padding-top:80px;width: 98%;}
.fanclub_con .fcnews_list_top .news_tablist {padding: 0 0 0 20px;margin-bottom: 0;position: absolute;top: 0;height: 50px;width: 500px;}
.fanclub_con .fccon_list h3 + ul {padding: 5px 2% 0 0;width: 100%;margin-bottom: 0;}
.fccon_list li {width:33.33%;padding-right: 0;}
.fanclub_menu , .fanclub_support {padding: 0 3%;}

}
@media screen and (min-width:1024px) {
}
@media screen and (min-width:1025px) {
.memmber_enter li {font-size: 1.6rem;}
.fav_date_top > p {font-size: 1.6rem;}
.fanclub_con h3 {font-size: 2.4rem;}
.fanclub_con .fcnews_list_top .news_tablist {width: 800px;font-size: 1.2em;}
.fcnews_list_top li .type {font-size: 1.3rem !important;}
.fcnews_list_top li .lead {font-size: 1.6rem;}
.morebtn a {font-size: 1.6rem;}
.fccon_list li .video + div {font-size: 1.6rem;}

.fcnews_list_top .title-part {display: block;width: 110px;}
.fcnews_list_top li .date {font-size: 1.4rem;margin-top: 10px;}

.fanclub_menu li {width: 33.33%;}
.fanclub_menu li a , .fanclub_support li a {font-size: 1.3rem;}
}
@media screen and (min-width:1280px) {
}
	

