@charset "utf-8";

/*
	/tv/backstage/module/css/style.pc.css
	-----------------------------------
	v1.2
	Last Updated: 2021-07-19
	Copyright: CBC TELEVISION CO.,LTD. All rights Reserved.
	-----------------------------------
	[Updated]
	v1.3		2021-07-19	ぷちリニューアル対応
	v1.2		2020-04-03	ぷちリニューアル対応
	v1.1		2019-09-17	mc-boxの追加
	v1.0		2019-04-25
	-----------------------------------
*/

/* ***********************************************************

		基本設定

*********************************************************** */
html {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
}
body {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	background: #fff;
	color: #000;
	/*background: url('../img/pc/bg.png') repeat-y center 0;*/
}

/*フォント設定*/
.noto-b,
strong {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
}
.roboto-b {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}

/*デフォルトリンクカラー*/
a, a:link {
	color: #0000DE;
}
a:visited {
	color: #941D55;
}
a:active,
a:hover {
	color: #CC0000;
}
a:focus {
	color: #CC0000;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.text-red {
	color: #ff0000;
}

/* FireFox リンク選択時の点線を消す */
a:link,
a:visited,
a:active,
a:hover {
	overflow: hidden;
	outline: none;
}

/*画像の横幅*/
img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}


/* -----------------------------------------------------

	非表示設定

----------------------------------------------------- */
.hide-pc {
	display: none !important;
}

.hide-text {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	list-style-type: none;
	height: 0;
	overflow: hidden;
}

/* ***********************************************************

		ソーシャルボタン

*********************************************************** */
#sns-block {
	width: 100%;
	background: #fff;
	padding-bottom: .75em;
	box-shadow: 0px 0 2px 0 rgba(0, 0, 0, 0.6);
	position: relative;
	z-index: 2;
}
.sns {
	width: 96%;
	padding-top: .75em;
	margin: 0 auto;
	text-align: center;
}
.ttl-sns {
	display: inline-block;
	vertical-align: top;
	margin-right: 1em;
	color: #000;
	font-size: .9em;
}
.ttl-sns i {
	padding-right: .1em;
}
.sns-list {
	display: inline-block;
}
.sns-list li {
	display: inline-block;
	position: relative;
}
.sns-list li img {
	width: 42px;
	height: auto;
	vertical-align: middle;
}
@media screen and (min-width: 40em) {
	.sns {
		width: 980px;
	}
	.sns-list li img {
		width: 26px;
		height: auto;
		vertical-align: middle;
	}
}
@media screen and (min-width: 64em) {
}


/* ***********************************************************

	ヘッダー

*********************************************************** */
.backstage .header {
}
.backstage .header-top {
	background: url(../img/header/pc/header-top.jpg) no-repeat center 0;
	height: 60px;
}
.backstage .header-top-inner {
	width: 980px;
	height: 60px;
	margin: auto;
	position: relative;
}


.backstage .header-nav ul,
.backstage .header-nav li {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}
.backstage .header-nav li a {
	display: block;
	height: 60px;
	position: absolute;
	top: 0px;
}
.backstage .header-nav li a:hover {
	opacity: 0.7;
}
.backstage .header-nav li:nth-child(1) a {
	background: url('../img/header/pc/header-nav01.png') no-repeat 0 0;
	width: 104px;
	left: 286px;
}
.backstage .header-nav li:nth-child(2) a {
	background: url('../img/header/pc/header-nav02.png') no-repeat 0 0;
	width: 134px;
	left: 590px;
}

.backstage .header-bottom {
	background: url('../img/header/pc/header.jpg') no-repeat center 0;
	height: 210px;
	margin: 0 auto;
	position: relative;
}
.backstage.backstage-index .header-bottom {
	background: url('../img/header/pc/header-home.jpg') no-repeat center 0;
	height: 470px;
}

.backstage .header .header-text {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	list-style-type: none;
	height: 0;
	overflow: hidden;
}



/* ***********************************************************

	フッター

*********************************************************** */
/*フッター枠*/
.backstage .footer {
	background: url(../img/footer/pc/footer.jpg) no-repeat 0 0;
	max-width: 1920px;
	margin: auto;
}
.backstage .footer-inner {
	width: 980px;
	height:195px;
	margin:auto;
}
.backstage .footer-inner p {
	line-height:195px;
	text-align: center;
	font-size: 12px;
}
.backstage .footer-inner p a,
.backstage .footer-inner p a:link,
.backstage .footer-inner p a:visited {
	color: #fff;
	text-decoration: none;
}
.backstage .footer-inner p a:active,
.backstage .footer-inner p a:hover {
	color: #fff;
	text-decoration: underline;
}
.backstage .footer-inner p a:focus {
	color: #fff;
}

/*ページアップ*/
.backstage .pageup a {
	display: block;
	background: url('../img/pageup.png') no-repeat 0 0 ;
	-moz-background-size:100% auto;
	background-size:100% auto;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	position: fixed;
}
.backstage.backstage-miyake .pageup a {
	background: url('../img/pageup-miyake.png') no-repeat 0 0 ;
	-moz-background-size:100% auto;
	background-size:100% auto;
}


.backstage .pageup a {
	width: 40px;
	height: 40px;
	right: 20px;
	bottom: 30px;
	transition: 0.3s ease-in-out;
}
.backstage .pageup a:hover {
	opacity: 0.7;
}


/* ***********************************************************

	サイドボックス

*********************************************************** */

.side-box {
	width: 1024px;
	margin: auto;
	position: relative;
}
.side-box.fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}
.side-box figure {
	width: 20px;
	position: absolute;
	top: 0;
	left: 0;
}
.side-box figure.delighter {
	transform: translate(0, -100%);
	opacity: 0;
}
.side-box figure.delighter.started {
	transform: translate(0, 0);
	transition: all 1.8s ease-out .3s;
	opacity: 1;
}

@media only screen and (max-width: 1023px) {
	.side-box {
		display: none;
	}
}


/* ***********************************************************

	トップページ

*********************************************************** */
/*next-box*/
.backstage-index .next-box {
	background: url('../img/pc/next-pc.png') no-repeat center top,
		url('../img/pc/next-pc2.jpg') repeat-y center top;
}
.backstage-index .next-box-inner {
	width: 980px;
	margin: auto;
	padding: 60px 140px 108px;
}
.backstage-index .next-box h2 {
	background: url('../img/next-box-title.png') no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 145px;
	height: 72px;
	margin: 0 auto 43px;
}
.backstage-index .next-box .date {
	background: url('../img/pc/date.png') no-repeat 0 0;
	font-size: 20px;
	line-height: 38px;
	text-align: center;
	width: 368px;
	height: 38px;
	margin: 0 auto 36px;
}
.backstage-index .next-box .number {
	background: #f60099;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 36px;
	text-align: center;
	width: 96px;
	height: 36px;
	margin: 0 0 22px;
	position: relative;
}
/*.backstage-index .next-box .number::before {
	content: "";
	display: block;
	background: #f60099;
	width: 140px;
	height: 2px;
	position: absolute;
	top: 18px;
	left: -140px;
}*/
.backstage-index .next-box h3 {
	font-size: 32px;
	font-weight: bold;
	width: 700px;
	margin: 0 auto 20px;
}
.backstage-index .next-box .youtube {
	position: relative;
	width: 100%;
	margin: 0 auto 18px;
	padding-top: 56.25%;
}
.backstage-index .next-box .youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.backstage-index .next-box .nomovie {
	position: relative;
	width: 100%;
	margin: 0 auto 18px;
}
.backstage-index .next-box .text {
	border-left: 3px solid #fff;
	margin: 0 0 24px;
	padding: 0 0 5px;
}
.backstage-index .next-box .text p {
	color: #fff;
	font-size: 20px;
	line-height: 34px;
	margin: 0 0 0.5em 15px;
}
.backstage-index .next-box .guest {
	color: #fff;
	font-size: 14px;
	margin: 0 0 15px 84px;
	position: relative;
}
.backstage-index .next-box .guest::before {
	content: "ゲスト";
	display: block;
	background: #1d181b;
	color: #fff;
	font-size: 10px;
	line-height: 26px;
	text-align: center;
	width: 74px;
	height: 26px;
	position: absolute;
	top: -2px;
	left: -84px;
}
.backstage-index .next-box .vtr {
	color: #fff;
	font-size: 14px;
	margin: 0 0 0 84px;
	position: relative;
}
.backstage-index .next-box .vtr::before {
	content: "VTR出演";
	display: block;
	background: #1d181b;
	color: #fff;
	font-size: 10px;
	line-height: 26px;
	text-align: center;
	width: 74px;
	height: 26px;
	position: absolute;
	top: -2px;
	left: -84px;
}
.backstage-index .next-box .narrator {
	color: #fff;
	font-size: 14px;
	margin: 0 0 0 84px;
	position: relative;
}
.backstage-index .next-box .narrator::before {
	content: "ナレーター";
	display: block;
	background: #1d181b;
	color: #fff;
	font-size: 10px;
	line-height: 26px;
	text-align: center;
	width: 74px;
	height: 26px;
	position: absolute;
	top: -2px;
	left: -84px;
}


/*minogashi-box*/
.backstage-index .minogashi-box {
	background: #f4f4f0 url('../img/pc/archive-bg.png') no-repeat center bottom;
	max-width: 1920px;
	margin: auto;
}
.backstage-index .minogashi-box-inner {
	width: 700px;
	margin: auto;
	padding: 95px 0px 90px;
}
.backstage-index .minogashi-box h2 {
	background: url('../img/minogashi-box-title.png') no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 240px;
	height: 76px;
	margin: 0 auto 38px;
}
.backstage-index .minogashi-date {
	text-align: center;
	margin: 0 0 40px;
}
.backstage-index .minogashi-date p {
	display: inline-block;
	background: #000;
	color: #fff;
	font-size: 20px;
	line-height: 40px;
	height: 40px;
	padding: 0 20px;
}
.backstage-index .minogashi-box h3 {
	font-size: 32px;
	font-weight: bold;
	line-height: 44px;
	margin: 0 0 20px;
}
.backstage-index .minogashi-box .minogashi-text01 {
	font-size: 16px;
	line-height: 34px;
	margin: 0 0 16px;
}

.backstage-index .minogashi-box .mc {
	font-size: 14px;
	line-height: 24px;
	margin: 0 0 6px 66px;
	position: relative;
}
.backstage-index .minogashi-box .mc::before {
	content: "MC";
	display: block;
	background: #000000;
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	width: 60px;
	height: 24px;
	position: absolute;
	top: 0px;
	left: -66px;
}

.backstage-index .minogashi-box .guest {
	font-size: 14px;
	line-height: 24px;
	margin: 0 0 6px 66px;
	position: relative;
}
.backstage-index .minogashi-box .guest::before {
	content: "ゲスト";
	display: block;
	background: #f70099;
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	width: 60px;
	height: 24px;
	position: absolute;
	top: 0px;
	left: -66px;
}

.backstage-index .minogashi-box .vtr {
	font-size: 14px;
	line-height: 24px;
	margin: 0 0 6px 66px;
	position: relative;
}
.backstage-index .minogashi-box .vtr::before {
	content: "VTR出演";
	display: block;
	background: #f70099;
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	width: 60px;
	height: 24px;
	position: absolute;
	top: 0px;
	left: -66px;
}

.backstage-index .minogashi-video-box {
	margin: 20px 0 0;
}
.backstage-index .minogashi-video {
	margin: 0 0 20px;
}
.backstage-index .minogashi-video {
	position:relative;
	width:100%;
	padding-top:56.25%;
}
.backstage-index .minogashi-video iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}

.backstage-index .minogashi-box .minogashi-text02 {
	font-size: 18px;
	line-height: 34px;
}














/*mc-box*/
.backstage-index .mc-box {
	background: #f4f4f0 url('../img/pc/archive-bg.png') no-repeat center bottom;
	max-width: 1920px;
	margin: auto;
}
.backstage-index .mc-box-inner {
	width: 980px;
	margin: auto;
	padding: 95px 0px 90px;
}

.backstage-index .mc-box .mc-catch {
	color: #f60099;
	font-size: 24px;
	font-weight: bold;
	line-height: 42px;
	text-align: center;
	margin: 0 auto 20px;
}
.backstage-index .mc-box .mc-catch strong {
	color: #f60099;
	font-size: 32px;
}

.backstage-index .mc-box h2 {
	background: url('../img/mc-box-title.png') no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 82px;
	height: 72px;
	margin: 0 auto 38px;
}

.backstage-index .mc-box figure {
	text-align: center;
}
.backstage-index .mc-box figure img {
	width: 298px;
}
.backstage-index .mc-box figure figcaption {
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	padding: 10px 0 0;
}
.backstage-index .mc-box .mc-textbox ,
.backstage-index .mc-box figure figcaption:nth-of-type(2) {
	text-align: left;
	width: 489px;
	margin: 0 auto 0;
	padding: 1em 0 0;
}
.backstage-index .mc-box figure figcaption span {
	font-size: 14px;
}
.backstage-index .mc-box .mc-textbox {
	margin-top: 1em;
	padding: 1em 0;
	text-align: center;
	background-color: #f60099;
	color: #fff;
}









/*narrator-box*/
.backstage-index .narrator-box {
	background: #f4f4f0 url('../img/pc/archive-bg.png') no-repeat center bottom;
	max-width: 1920px;
	margin: auto;
}
.backstage-index .narrator-box-inner {
	width: 980px;
	margin: auto;
	padding: 95px 0px 90px;
}
.backstage-index .narrator-box h2 {
	background: url('../img/narrator-box-title.png') no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 308px;
	height: 72px;
	margin: 0 auto 38px;
}
.backstage-index .narrator-box figure {
	text-align: center;
}
.backstage-index .narrator-box figure img {
	width: 150px;
}
.backstage-index .narrator-box figure figcaption {
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	padding: 10px 0 0;
}
.backstage-index .narrator-box figure figcaption:nth-of-type(2) {
	text-align: left;
	width: 489px;
	margin: 0 auto 0;
	padding: 1em 0 0;
}
.backstage-index .narrator-box figure figcaption span {
	font-size: 14px;
}







/*archive-box*/
.backstage-index .archive-box {
	background: #f4f4f0 url('../img/pc/archive-bg.png') no-repeat center bottom;
	max-width: 1920px;
	margin: auto;
}
.backstage-index .archive-box-inner {
	width: 980px;
	margin: auto;
	padding: 95px 30px 72px;
}
.backstage-index .archive-box h2 {
	background: url('../img/archive-box-title.png') no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 244px;
	height: 72px;
	margin: 0 auto 35px;
}
.backstage-index .archive-item {
	display: flex;
	flex-wrap: wrap;
}
.backstage-index .archive-box-btn {
	display: flex;
	flex-direction: column;
	width: 290px;
	margin: 0 25px 25px 0;
	position: relative;
}
.backstage-index .archive-box-btn:nth-child(3n) {
	margin-right: 0;
}
.backstage-index .archive-box-btn:nth-child(n+4) {
	display: none;
}
.backstage-index .archive-box-btn a {
	flex: 1;
	display: block;
	text-decoration: none;
	transition: 0.3s ease-in-out;
}
.backstage-index .archive-box-btn a:hover {
	opacity: 0.7;
}
.backstage-index .archive-box-thumb_img {
	margin: 0 0 8px;
}
.backstage-index .archive-box-num {
	color: #7d7d7d;
	font-size: 14px;
	margin: 0 0 8px;
}
.backstage-index .archive-box-num span {
	color: #f60099;
}
.backstage-index .archive-box-title {
	color: #000;
	font-size: 16px;
	line-height: 26px;
	margin: 0 0 10px;
	padding: 0 0 0 9px;
	border-left: 3px solid #f60099;
}
.backstage-index .archive-box-guest {
	color: #000;
	font-size: 14px;
	line-height: 20px;
	position: relative;
	padding: 0 0 0 4em;
}
.backstage-index .archive-box-guest::before {
	content: "ゲスト：";
	display: block;
	color: #000;
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 0em;
}



/*tver*/
.backstage-index .tver {
	background: url('../img/pc/tver-bg.png') no-repeat 0 0;
	width: 920px;
	height: 163px;
	margin: 0 0 70px;
	position: relative;
}
.backstage-index .tver .tver-date-box {
	text-align: center;
	width: 400px;
	height: 163px;
	margin: 0 0 0 190px;
	padding: 12px 0 0;
}
.backstage-index .tver .tver-date-box .date {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 2px;
}
.backstage-index .tver .tver-date-box .date .num {
	font-size: 34px;
}
.backstage-index .tver .tver-date-box .date .line {
	border-bottom: 2px solid #fff;
}
.backstage-index .tver .tver-date-box .kikan {
	color: #fff100;
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 8px;
}
.backstage-index .tver .tver-date-box .kikan .num {
	font-size: 30px;
}
.backstage-index .tver .tver-date-box .comments {
	color: #fff;
	font-size: 12px;
}
.backstage-index .tver ul {
	list-style: none;
	font-size: 0;
	line-height: 0;
	width: 300px;
	text-align: center;
	position: absolute;
	top: 32px;
	right: 29px;
}
.backstage-index .tver li {
	display: inline-block;
	width: 100px;
}


.backstage-index .archive-btn ul,
.backstage-index .archive-btn li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.backstage-index .archive-btn li a {
	display: block;
	background: url('../img/pc/archive-btn.png') no-repeat 0 0;
	color: #fff;
	font-size: 16px;
	line-height: 86px;
	text-decoration: none;
	text-align: center;
	width: 540px;
	height: 86px;
	margin: auto;
	transition: 0.3s ease-in-out;
}

.backstage-index .archive-btn li a:hover {
	opacity: 0.7;
}


/*sns-box*/
.backstage-index .sns-box {
	background: #f4f4f0;
	max-width: 1920px;
	margin: auto;
}
.backstage-index .sns-box-inner {
	width: 980px;
	margin: auto;
	padding: 100px 0;
}
.backstage-index .sns-box h2 {
	background: url('../img/sns-box-title.png') no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 112px;
	height: 77px;
	margin: 0 auto 50px;
}
.backstage-index .sns-box-twitter {
	width: 400px;
	height: 580px;
	margin: auto;
}
.backstage-index .sns-box-twitter-btn {
	display: none;
}



/*concept-box*/
.backstage-index .concept-box {
	background: url('../img/pc/concept-bg.png') no-repeat center top;
}
.backstage-index .concept-box-inner {
	width: 980px;
	height: 614px;
	margin: auto;
	position: relative;
}
.backstage-index .concept-box h2 {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	list-style-type: none;
	height: 0;
	overflow: hidden;
}
.backstage-index .concept-box p.concept-text01 {
	color: #ffd800;
	font-size: 36px;
	font-weight: normal;
	line-height: 50px;
	text-align: center;
	margin: 235px 0 50px;
}
.backstage-index .concept-box p.concept-text02 {
	color: #fff;
	font-size: 28px;
	font-weight: normal;
	line-height: 50px;
	text-align: center;
	margin: 0;
}
.backstage-index .concept-box p.concept-text02 span {
	font-size: 32px;
}


.backstage-index .concept-box h3 {
	color: #fff;
	font-size: 30px;
	font-weight: normal;
	line-height: 60px;
	margin: 0 0 10px 86px;
}


/*  */
/*.backstage-index .concept-box h3 {
	color: #f60099;
	font-size: 32px;
	font-weight: normal;
	line-height: 48px;
	margin: 215px 0 10px 86px;
}
.backstage-index .concept-box p {
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	line-height: 40px;
	margin: 0 0 0 86px;
}*/




/* ***********************************************************

	アーカイブリスト

*********************************************************** */

/*archive-box*/
.backstage-archive-list .archive-box {
	background: #f4f4f0;
	max-width: 1920px;
	margin: auto;
}
.backstage-archive-list .archive-box-inner {
	width: 980px;
	margin: auto;
	padding: 95px 30px 72px;
}
.backstage-archive-list .archive-box h1 {
	background: url('../img/archive-box-title.png') no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 244px;
	height: 72px;
	margin: 0 auto 35px;
}
.backstage-archive-list .archive-item {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 50px;
}
.backstage-archive-list .archive-box-btn {
	display: flex;
	flex-direction: column;
	width: 290px;
	margin: 0 25px 25px 0;
	position: relative;
}
.backstage-archive-list .archive-box-btn:nth-child(3n) {
	margin-right: 0;
}
.backstage-archive-list .archive-box-btn a {
	flex: 1;
	display: block;
	text-decoration: none;
	transition: 0.3s ease-in-out;
}
.backstage-archive-list .archive-box-btn a:hover {
	opacity: 0.7;
}
.backstage-archive-list .archive-box-thumb_img {
	margin: 0 0 8px;
}
.backstage-archive-list .archive-box-num {
	color: #7d7d7d;
	font-size: 14px;
	margin: 0 0 8px;
}
.backstage-archive-list .archive-box-num span {
	color: #f60099;
}
.backstage-archive-list .archive-box-title {
	color: #000;
	font-size: 16px;
	line-height: 26px;
	margin: 0 0 10px;
	padding: 0 0 0 9px;
	border-left: 3px solid #f60099;
}
.backstage-archive-list .archive-box-guest {
	color: #000;
	font-size: 14px;
	line-height: 20px;
	position: relative;
	padding: 0 0 0 4em;
}
.backstage-archive-list .archive-box-guest::before {
	content: "ゲスト：";
	display: block;
	color: #000;
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 0em;
}


.backstage-archive-list .top-btn ul,
.backstage-archive-list .top-btn li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.backstage-archive-list .top-btn li a {
	display: block;
	background: url('../img/pc/top-btn.png') no-repeat 0 0;
	color: #fff;
	font-size: 16px;
	line-height: 86px;
	text-decoration: none;
	text-align: center;
	width: 540px;
	height: 86px;
	margin: auto;
	transition: 0.3s ease-in-out;
}

.backstage-archive-list .top-btn li a:hover {
	opacity: 0.7;
}













/*list-menu-box*/
.backstage-archive-list .list-menu-box {
	width: 842px;
	margin: 0 auto 30px;
	position: relative;
}
.backstage-archive-list .list-menu {
	padding: 10px 0;
}
.backstage-archive-list .list-menu a {
	display: block;
	background: #fff;
	color: #f60099;
	font-size: 20px;
	line-height: 38px;
	text-decoration: none;
	text-align: center;
	height: 42px;
	border: 2px solid #f60099;
	margin: 0 8px;
	overflow: visible;
}
#genki-archive-list.genki-miyake .list-box .list-menu a {
	color: #19927a;
	border: 2px solid #19927a;
}


.backstage-archive-list .list-menu.active a {
	background: #f60099;
	color: #fff;
	position: relative;
	top: -10px;
}
#genki-archive-list.genki-miyake .list-box .list-menu.active a {
	background: #19927a;
}

.backstage-archive-list .list-menu.active a:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #f60099;
}
#genki-archive-list.genki-miyake .list-box .list-menu.active a:before {
	border-top: 15px solid #19927a;
}

.backstage-archive-list .list-menu-box .slick-arrow {
	background: #f60099;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;

	width: 28px;
	height: 46px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}
#genki-archive-list.genki-miyake .list-box .list-menu-box .slick-arrow {
	background: #19927a;
}


.backstage-archive-list .list-menu-box .slick-arrow {
	position: relative;
	display: inline-block;
	padding: 0;
	vertical-align: middle;
	text-decoration: none;
}
.backstage-archive-list .list-menu-box .slick-prev {
	position: absolute;
	top: 10px;
	left: -42px;
}
.backstage-archive-list .list-menu-box .slick-next {
	position: absolute;
	top: 10px;
	right: -42px;
}

.backstage-archive-list .list-menu-box .slick-arrow::before,
.backstage-archive-list .list-menu-box .slick-arrow::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.backstage-archive-list .list-menu-box .slick-prev::before{
	left: 10px;
	width: 10px;
	height: 10px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}



.backstage-archive-list .list-menu-box .slick-next::before{
	left: 5px;
	width: 10px;
	height: 10px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}












/* ***********************************************************

	 アーカイブ

*********************************************************** */
.backstage-archive-index .text-box {
	border: 2px solid #f00;
	padding: 1em;
	margin: 0 auto 48px;
}


/*archive-box*/
.backstage-archive-index .archive-box {
	background: #f4f4f0;
	max-width: 1920px;
	margin: auto;
}
.backstage-archive-index .archive-box-inner {
	width: 980px;
	margin: auto;
	padding: 95px 140px 72px;
}
.backstage-archive-index .archive-box .category-title {
	background: url('../img/archive-box-title.png') no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 244px;
	height: 72px;
	margin: 0 auto 48px;
}
.backstage-archive-index .archive-box .date {
	background: url('../img/pc/date.png') no-repeat 0 0;
	font-size: 20px;
	line-height: 38px;
	text-align: center;
	width: 368px;
	height: 38px;
	margin: 0 auto 36px;
}
.backstage-archive-index .archive-box .number {
	background: #f60099;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 36px;
	text-align: center;
	width: 96px;
	height: 36px;
	margin: 0 0 22px;
	position: relative;
}
/*.backstage-archive-index .archive-box .number::before {
	content: "";
	display: block;
	background: #f60099;
	width: 140px;
	height: 2px;
	position: absolute;
	top: 18px;
	left: -140px;
}*/
.backstage-archive-index .archive-box h1 {
	font-size: 32px;
	font-weight: bold;
	width: 700px;
	margin: 0 auto 34px;
}

/*guest-box*/
.backstage-archive-index .guest-box section {
	background: url('../img/pc/guest-box-bg.png') no-repeat 0 28px;
	padding: 14px 0 14px 97px;
	margin: 0 0 46px;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}
.backstage-archive-index .guest-box section:after {
	content: "";
	display: block;
	clear: both;
}
.backstage-archive-index .guest-box section div {
	float: left;
	width: 289px;
	padding: 0px 0 0 37px;
	position: relative;
}
.backstage-archive-index .guest-box section div:nth-child(2) {
	float: right;
}
.backstage-archive-index .guest-box section div figure {
	display: table-cell;
	/*background: #f60099;*/
	width: 252px;
	height: 66px;
	vertical-align: middle;
	padding: 0 0 5px 46px;
}
.backstage-archive-index .guest-box section div figure img {
	width: 66px;
	/*border: 1px solid #f60099;*/
	position: absolute;
	top: 0;
	left: 0;
}
.backstage-archive-index .guest-box section div figcation {
	color: #000;
	font-size: 16px;
}
.backstage-archive-index .guest-box section div figcation span {
	display: block;
	font-size: 11px;
}


/*body-box*/
.backstage-archive-index .body-box section {
	padding: 0 0 54px;
	margin: 0 0 54px;
	border-bottom: 1px solid #000;
}
.backstage-archive-index .body-box section h2 {
	font-size: 20px;
	font-weight: bold;
	line-height: 35px;
}
.backstage-archive-index .body-box section figure {
	margin: 0 0 1em;
}
.backstage-archive-index .body-box section header {
	position: relative;
	margin: 0 0 32px;
}
.backstage-archive-index .body-box section header h2 {
	background-color: rgba(246,0,153,0.8);
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	width: 100%;
	padding: 3px 0 5px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.backstage-archive-index .body-box section header h2 span.job {
	padding: 0 0 1px;
	border-bottom: 2px solid #fff;
}
.backstage-archive-index .body-box section header h2 span.name {
	display: block;
	padding: 3px 0 0;
}

.backstage-archive-index .body-box section div h3.ttl-mission {
	background: url('../img/mission.png') no-repeat center 0;
	color: #f60099;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	padding: 24px 0 0;
	margin: 0 0 15px;
}
.backstage-archive-index .body-box section div div p {
	font-size: 16px;
	line-height: 28px;
	margin: 0 0 1em;
}

.backstage-archive-index .top-btn ul,
.backstage-archive-index .top-btn li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.backstage-archive-index .back-btn li a {
	display: block;
	background: url('../img/pc/top-btn.png') no-repeat 0 0;
	color: #fff;
	font-size: 16px;
	line-height: 86px;
	text-decoration: none;
	text-align: center;
	width: 540px;
	height: 86px;
	margin: auto;
	transition: 0.3s ease-in-out;
}

.backstage-archive-index .back-btn li a:hover {
	opacity: 0.7;
}