@charset "UTF-8";
/* 共通 */

/* btn
---------------- */
.btn{text-align: center;}
.btn .main,
.btn input.main{
	display: block;
	width: 160px;
	color: #333;
	font-size: 13px;
	line-height: 40px;
	padding: 0;
	margin: 0 auto;
	border: none;
	background: #7dccf3;
	cursor: pointer;
	min-width: 260px;
	font-size: 15px;
	padding: 6px;
	border-radius: 50px;
	text-decoration: none;
}

.btn a.main:hover,
.btn input.main:hover{
	color: #ff4545;
	background: #7dccf3;
}

.btn .sub,
.btn input.sub{
	display: block;
	width: 160px;
	color: #333;
	font-size: 13px;
	line-height: 40px;
	padding: 0;
	margin: 0 auto;
	border: none;
	background: #fff;
	cursor: pointer;
	min-width: 260px;
	font-size: 15px;
	padding: 6px;
	border-radius: 50px;
	text-decoration: none;
}

.btn .sub:hover,
.btn input.sub:hover{
	color: #FF4545;
	background: #fff;
}


/* 共通
---------------- */
.thumb {
	position: relative;
}
.thumb .dummy {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.movieThumb img{
	background: no-repeat center;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	width: 100%;
}
#secProgram .post .desc a,
.movieSortcnt	.post .desc a{color: #333;}
#gNav .navJoin .linkMypage {margin-right: 8px;}
.navJoin .linkMypage a .txt {
	line-height: 15px;
	padding-top: 12px;
	color: #fff13e;
}
.navJoin .linkMypage a .bg {background: #ff4545;}
.topJoin .navJoin .linkLogout a .bg {background: #7dccf3;}

#shareLink {margin: 0 auto;}
span.new {
	color: #FF4545;
	font-size: 12px;
	margin: 0 0 0 10px;
}
#sidebar span.new {font-size: 10px;}
/*#secSns .snsList {width: 220px;}
#secSns .snsList li .title {line-height: 13px;}*/
#secSns .snsList li.tw01 a .bg {background:url(/static/funassyi/fanclub-pc/ico_twitter01_pc.png) center no-repeat;}
#secSns .snsList li.tw02 a .bg {background:url(/static/funassyi/fanclub-pc/ico_twitter02_pc.png) center no-repeat;}
#secSns .snsArea {
	display: inline-block;
	margin-right: 50px;
}
#secSns .footerBnrArea {
	display: inline-block;
	margin: 20px auto 120px;
}
#secSns .footerBnrList li {
	float: left;
	margin: 0 20px 0 0 ;
}
#secSns .footerBnrList li:last-child {margin: 0;}
#secSns .footerBnrList li a .bg {
	display: block;
	width: 194px;
	height: 140px;
	border-radius: 8px;
	transform: scale(1);
	transition: all 0.1s ease;
}
#secSns .footerBnrList li a:hover .bg { transform: scale(0.9);}

#secProgram #otherProgram .post .newLabel,
#movieList .post .newLabel {z-index: 1;}
.lower #content .post {overflow: visible;}
.lower #header.normalHeader {
	height: 250px;
	background: url(/static/funassyi/fanclub-pc/header_bg.jpg) center top no-repeat;
	background-size: cover;
}
.lower #header.normalHeader .pagetitle {
	width: 100%;
	margin: 0;
	text-align: center;
	left: 0;
	bottom: 35px;
	background-size: cover;
	color: #ff4545;
}
/* pager
---------------- */
.block--pager .pager__item--newer a,
.block--pager .pager__item--older a{
	height: 30px;
	font-size: 12px;
	line-height: 30px;
	padding: 1px 15px;
}
.block--pager .pager__item--current,
.block--pager .pager__item--other a{
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	padding: 0px 10px 0 9px;
}


/* fancybox
---------------- */
.fancybox-close {
	top: 5%;
	right: 4%;
	width: 50px;
	height: 50px;
	background: none;
}
.fancybox-close:before,
.fancybox-close:after {
	content: '';
	width: 50px;
	height: 4px;
	background: #fff23f;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	display: block;
	position: absolute;
	top: 25px;
	transition: all 0.1s ease;
	-webkit-transition: all 0.1s ease;
	right: 0;
}
.fancybox-close:before {transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.fancybox-close:after {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.fancybox-close:hover:before,
.fancybox-close:hover:after {
		width: 44px;
		right: 3px;
}


/* index
---------------- */
/*
a.pickup {text-decoration: none;}
.home .moremovie,
.home .moretopic {
	text-align: right;
	font-size: 13px;
	line-height: 30px;
	color: #333;
}
.home .moremovie a,
.home .moretopic a {
	display: inline-block;
	width: 30px;
	height: 30px;
	border: #333 solid 1px;
	border-radius: 50%;
	background: url(/static/funassyi/fanclub-pc/arrow_s_r.png) center center no-repeat;
	margin-left: 10px;
	transition:all 0.1s ease;
}
.home .moremovie a:hover,
.home .moretopic a:hover {
	background-position: 2px center;
}
.home #secProgram {margin-bottom: 100px;}
.home .ratestThumb img {
	width: 460px;
		background: no-repeat center;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
}
.home .streamThumb img {
	width: 100%;
	background: no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
}
.home .topJoin .navJoin a .bg {
		height: 50px;
	width: 90px;
	border-radius: 50px;
}
.home .topJoin .navJoin .linkJoin a .txt,
.home .topJoin .navJoin .linkLogout a .txt,
.home .topJoin .navJoin .linkMypage a .txt {
	 line-height: 50px;
	 padding-top: 0;
}
.home .topJoin .navJoin a .txt {
	line-height: 50px;
	font-size: 13px !important;
	height: 50px;
	width: 90px;
}
.home .topJoin .navJoin a:hover .bg {
	transform: scale(0.92);
}
*/
/* info系
---------------- */
#mediaCatlist a {
	text-decoration: none;
}
/* PROGRAM
---------------- */
#content #programAchive .achiveLeft {
	width: auto;
	margin-left: -30px;
	float: none;
}
#content #programAchive .achiveLeft li {
	float: left;
	width: 460px;
	margin-left: 30px;
}
.single.program #content .postWrap {
	width: 80%;
	margin: 0 auto;
	float: none;
}
.single.program #content #sidebar {display: none;}
.lower #content #sidebar.sideEvent .postDate { font-size: 12px;}

/* disco
---------------- */
#content .discoLeft .discImage {
	width: 460px;
}

/* wp
---------------- */
#dlContent .post img {
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
}
.download #otherProgram .title {
	line-height: 20px;
	font-size: 14px;
	margin-bottom: 10px;
}
.download #otherProgram .post a {
	font-size: 14px;
	line-height: 20px;
	color: #ff4545;
	margin-right: 10px;
}
#content .dicoCnt .dicoList img {
	width: 310px;
	margin: 0 0 15px;
}
#content .dicoCnt .dicoList li:nth-child(3n+1) {
	clear: both;
}


/* movie
---------------- */
.movie #header.normalHeader {
	background: url(/static/funassyi/fanclub-pc/header_14_movie.png) center top repeat-x;
}
.lower.movie #header .topMovie {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.single.movie #content .postWrap {
	 width: 950px;
	margin: 0 auto;
	float: none;
}
.movie .blockSearch{
	display: flex;
	justify-content: space-between;
	width: 950px;
	margin: 0 auto 80px;
}
.movie .blockSearch form{
	position: relative;
	width: 330px;
}
.movie .blockSearch input{
	display: inline-block;
	border: none;
	appearance: none;
}
.movie .blockSearch input[type="text"]:hover,
.movie .blockSearch input[type="text"]:active,
.movie .blockSearch input[type="text"]:focus {
	outline: none;
}
.movie .blockSearch input[type="text"] {
	width: 100%;
	padding: 15px 55px 13px 25px;
	border: solid 1px #7b7b7b;
	border-radius: 30px;
	font-size: 15px;
	line-height: 1;
}
.movie .blockSearch form label.submit {
	position: absolute;
	right: 0;
}
.movie .blockSearch form label.submit input[type="submit"] {
	background: none;
	width: 50px;
	height: 50px;
	font-family: FontAwesome;
	font-size: 20px;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: -2px;
}
.movie .blockSearch form label.submit input[type="submit"]:hover {
	color: #ff4545;
}
.movie #movieList .blockSearch .movieSortlist {
	margin: 0;
}
.movie #movieList .blockSearch .movieSortlist li span {
	height: 46px;
	font-size: 13px;
	line-height: 46px;
	letter-spacing: 0.05em;
}
.movie #movieList .blockSearch .movieSortlist li {
	width: 120px;
	float: right;
}
.movie.lower #content .programTitle {
	margin-bottom: 60px;
}
.movie .blockTagList{
	padding-top: 20px;
}
.movie .blockTagList .listTag li {
	display: inline-block;
	list-style: none;
	margin-right: 5px;
}
.movie .blockTagList .listTag li:last-child {
	margin-right: 0;
}
.movie .blockTagList .listTag li a {
	display: block;
	text-decoration: none;
	color: #333;
	line-height: 1;
	letter-spacing: 0.05em;
	border: solid 1px;
	padding: 9px 10px 7px;
	font-size: 13px;
	border-radius: 40px;
}
.movie .blockTagList .listTag li a:hover {
	background: #ff4545;
	border-color: #ff4545;
	color: #fff;
}
.playerDL {
	width: 650px;
	margin: 20px auto 0;
	overflow: hidden;
}
.playerDL a {
	display: block;
	float: left;
	width: 112px;
	margin-right: 10px;
}
.playerDL .dlTxt {
	overflow: hidden;
	text-align: left;
	font-size: 11px;
	line-height: 120%;
}
.single.movie #flash_box {
	text-align: center;
	margin-top: 40px;
}
.single.movie .movieWrap {
	margin: 0 0 80px;
}
.movie .movieThumb img {
	width: 310px; height: 175px;
}


/* stream
---------------- */
.movie #header.normalHeader {
	background: url(/static/funassyi/fanclub-pc/header_15_live-streaming.png) center top repeat-x;
}

/* faq
---------------- */
.faq .subNav {margin-bottom: 50px; text-align: center;		padding: 0 20px;}
.faq .subNav li {
	text-align: center;
	margin: 0 5px 13px;
	display: inline-block;
}
.faq .subNav li a {
	display: block;
	color: #fff;
	font-size: 13px;
	line-height: 28px;
	letter-spacing: 0.05em;
	border-radius: 14px;
	background: #7dccf3;
	text-decoration: none;
	padding: 0 18px;
}
.faq .subNav li a:hover {
	background: #ff4545;
	cursor: pointer;
}
.faq .title {
	color: #FF4545;
	font-weight: bold;
	font-size: 20px;
	margin: 50px 0 18px;
}
.faq p.title {position: relative;}
.faq .anchor {
	position: absolute;
	top: -160px;
}

#qaList dl{
	margin-bottom: 40px;
}

#qaList dt{
	font-size: 15px;
	line-height: 160%;
	font-weight: bold;
	text-indent: -1.5em;
	padding-left: 1.5em;
	margin-bottom: 30px;
}

#qaList dt span{color: #3D7DDD;}
#qaList dd span{
	font-weight: bold;
	font-size: 15px;
	color: #E44466;
}
#qaList dd{
	line-height: 170%;
	text-indent: -1.5em;
	padding-left: 1.5em;
	margin: 0 0 80px;
}

#qaList .newsList .tit {
	font-size: 14px;
}

#qaList .lead {
	font-weight: bold;
	text-align: center;
	margin: 50px auto 20px;
}
#qaList dt span {font-weight: bold;}




/* terms
---------------- */
.terms dd ul {
	padding: 10px 0 10px 20px;
}
.terms	dd .decimal li {
	list-style: decimal outside none;
	margin: 0 0 5px;
	padding: 0;
}
.terms dd .disc li {
	list-style: disc outside none;
	margin: 0 0 5px;
	padding: 0;
}


/* device
---------------- */
.device #header {
	background: url(/static/funassyi/fanclub-pc/header_13_systemrequirement.png) center top repeat-x;
}
.device .deviceList dt {
	background: #7dccf3;
	line-height: 30px;
	padding-left: 10px;
	margin: 40px 0 15px;
}

/* 入会案内 */
.about #aboutCont .blockJoin dt a {
	color: #ff4545;
		vertical-align: 1px;
}
.about #aboutCont .blockJoin .btnEmtg .bg{
	height: 50px;
	border-radius: 25px;
	transform: scale(1);
}
.about #aboutCont .blockJoin .btnEmtg .txt{
	line-height: 50px;
	height: 50px;
	font-size: 14px !important;
}


/* ログイン
---------------- */
.loginPage#mypage #container > h1 a {		margin: 70px auto 80px!important;}



/* アンケート
---------------- */
.questionnaire .thumb {
	text-align: center;
	margin: 0 0 40px;
}
.questionnaire p img {
	max-width: 100%;
}
.questionnaire .tit {
	font-size: 22px;
	line-height: 26px;
	margin: 0 auto 30px;
	color: #ff4545;
}
.questionnaire .answer.radio label,
.questionnaire .answer.checkbox label {
	margin-right: 15px;
}
.questionnaire input[type="radio"],
.questionnaire input[type="checkbox"] {
	vertical-align: -2px;
	margin-right: 5px;
}
.questionnaire .txt {text-align: center;}
.questionnaire .questionForm dl {margin: 0 0 70px;}
.questionnaire .errorList {
	border: solid 1px red;
	padding: 10px 15px;
	margin: 0 0 30px;
	color: red;
}
.questionnaire .errorList li {
	margin: 0 0 8px 1em;
	line-height: 1.4em;
	text-indent: -1em;
}
.questionnaire .errorList li:last-child {margin-bottom: 0;}
.questionnaire .errorList:empty {display: none;}
.questionnaire .btnArea {margin: 30px auto 150px;}
.questionnaire .questionForm .submit {margin: 30px auto 0 ;}
.questionnaire input.sub {
	display: block;
	width: 255px;
	color: #333;
	font-size: 13px;
	line-height: 40px;
	padding: 0;
	margin: 30px auto 150px;
	border: none;
	background: #ffffff;
	border-radius: 20px;
	cursor: pointer;
}
.questionnaire .guidance {
	font-size: 16px;
	text-align: center;
	margin: 60px 0 40px;
}
.questionnaire .confirm .answer {
	margin-top: 15px;
}


/* blog
---------------- */
.lower.blog .postDesc .fancybox {
	position: relative;
	display: inline-block;
	margin: 25px auto;
}
.lower.blog #content .postDesc .fancybox img {
	margin: 0;
}
.lower.blog .postDesc .fancybox:after{
	content: '\f00e';
	position: absolute;
	right: 10px;
	bottom: 10px;
	color: #fff;
	font-family: 'FontAwesome';
	font-weight: normal;
	font-size: 22px;
	text-shadow: 0 0 5px rgba(0,0,0,.6);
}


/* errorページ
---------------- */
.lower.errorPage {
	opacity: 0;
}
/* 年会費認証エラーページ追加 */
.yearlyError {
	padding: 50px 0;
	font-size: 20px;
	text-align: center;
}
.yearlyError .txt {
	margin: 0 0 50px;
}
/* 年会費フラグ・無料動画 追加
---------------- */
.postdate .year,
.postDate .year,
.postdate .free,
.postDate .free {
	display: inline-block;
	margin-left: 10px;
	color: #46b9de;
	font-size: 11px;
}
.postdate .free,
.postDate .free {
	background: #fb4544;
	color: #fff;
	line-height: 13px;
	vertical-align: 1px;
	font-size: 10px;
	letter-spacing: 0.08em;
	padding: 0 3px 0 4px;
	margin-left: 4px;
}
.postDate .free {
	vertical-align: 2px;
}


/* お気に入り機能
---------------- */
.ulizahtml5 {
	margin: 0 auto;
}
#otherProgram li:nth-child(3n + 1) {
	clear: both;
}
.linkFavorite a .txt::before,
.btnFavorite::before,
.btnFavorite::after,
#gNav .navFavorite a::before {
	content: "\f004";
	color: #ff4545;
	font-family: 'FontAwesome';
}


/* favoriteList */
.favo #header {
	background: url(/static/funassyi/fanclub-pc/header_17_favo.png) center top repeat-x;
}
.favo .nosearch {
	text-align: center; margin: 0 0 150px;
}


/* movieDetail */
.btnFavorite {
	position: fixed;
	bottom: 5vw;
	right: -50px;
	background: #fff;
	border-radius: 60px 0 0 60px;
	padding: 0 7em 0 5em;
	font-size: 13px;
	cursor: pointer;
	height: 60px;
	line-height: 60px;
	transition: all .4s ease-out, color 0.1s ease;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 20px -5px;
	transform: translateX(100%);
}
.favoApper .btnFavorite{transform: translateX(0);}
.btnFavorite:hover {color: #ff4545;}
.btnFavorite::before,
.btnFavorite::after {
	position: absolute;
	left: .75em;
	top: 15px;
	font-size: 30px;
	line-height: 1;
	transition: all .2s ease-out;
}
.btnFavorite::before {color: #ccc;}
.btnFavorite::after {transform: scale(0);}
.btnFavorite.like::after {transform: scale(1);}
.btnFavorite .txt::after {content:'お気に入りに登録する';}
.btnFavorite.like .txt::after {content:'お気に入りに登録済み';}
.btnFavorite button {display: none;}


/* gNav */
#gNav .navFavorite {
	display: none;
	/*
	position: relative;
	margin: 0 0 0 10px;
	top: -4px;
	*/
}
#gNav .navFavorite a{
	position: relative;
	color: #fff;
	font-size: 11px;
}
#gNav .navFavorite a::before {
	display: block;
	margin: 0 0 3px;
	color: #ff4545;
	font-size: 24px;
	transition: all .1s ease;
}
#gNav .navFavorite a:hover::before {
	transform: scale(.85);
}


/* index */
.linkFavorite {
	display: none;
	/*
	margin: 0 0 15px;
	*/
}
.linkFavorite a {
	display: block;
	position: relative;
	color: #ff4545;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
}
.linkFavorite a::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	background: #fff;
	transform: scale(1);
	transition: all .1s ease;
}
.linkFavorite a:hover:after {
	transform: scale(.85);
}
.linkFavorite a .txt {
	display: block;
	position: relative;
	z-index: 1;
	height: 40px;
	line-height: 40px;
}
.linkFavorite a .txt::before {
	font-size: 18px;
	margin-right: 8px;
	vertical-align: bottom;
	position: relative;
	top: 1px;
}