@charset "utf-8";
/* ***************************************************
サイト名　××××
------------------------------------------------------
サイト CSS
------------------------------------------------------
・640pxまでをスマホとする
・641pxからタブレット／PCとする
・1000pxはPC専用とする
*************************************************** */
/* =============================================
 サイトカラー
------------------------------------------------
文字色： （デフォルト）#222
------------------------------------------------
キーカラー ： （デフォルト）なし
※設定時 「※キーカラー」で検索し、該当箇所を変更してください。
------------------------------------------------
キーカラー２ ： （デフォルト）なし
※設定時 「※キーカラー２」で検索し、該当箇所を変更してください。
------------------------------------------------
背景カラー： （デフォルト）#FFF
------------------------------------------------
基本フォント： （デフォルト）'メイリオ', 'Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','Osaka', sans-serif;
------------------------------------------------
WEBフォント　（デフォルト）非表示
※設定時 「※WEBフォント」で検索し、該当箇所を変更してください。
============================================= */
/* =============================================
 リセット
============================================= */
.wrap-menu .wrap-fixed {
	position: absolute !important;
}
html {
	font-size: 62.5%;
}
body {
	color: #222;
	font: 1.6em/1.6 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'Osaka', sans-serif;
	font-weight: 300;
	margin: 0;
	-webkit-text-size-adjust: none;
	vertical-align: bottom !important;
}
img {
	border: none;
	display: inline-block;
	vertical-align: middle;
	/*width: 100%;*/
	max-width: 100%;
}
a {
	color: #222; /* ※キーカラー */
	display: inline-block;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}
dl, dt, dd {
	margin: 0;
	padding: 0;
	text-align: left;
}
p {
	line-height: 1.7;
	margin: 0;
	padding: 0;
	text-align: left;
}
blockquote {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 20px;
	text-align: center;
}
h1, h2, h3, h4, h5 {
	font-weight: normal;
	line-height: 1;
	margin: 0;
}
a:focus {
	outline: none;
}
area {
	border: none;
	outline: none;
}
@media screen and (max-width:640px) {
	.onlyPC {
		display: none !important;
	}
	.onlySP {
		display: block;
	}
}
@media screen and (min-width:641px) {
	.onlyPC {
		display: block;
	}
	.onlySP {
		display: none !important;
	}
}
/* =============================================
 ★animation 設定
適用したいクラスに下記のように設定する
animation: zoom 10s infinite;
============================================= */
/* ズームアクション */
@-webkit-keyframes zoom {
	100% {
		-webkit-transform: scale(1.05);
	}
}
@-moz-keyframes zoom {
	100% {
		-webkit-transform: scale(1.05);
	}
}
@keyframes zoom {
	100% {
		transform: scale(1.05);
	}
}
/* 少しあがる動き */
@-webkit-keyframes topMove {
	50% {
		-webkit-transform: translate3d(0, -10px, 0);
	}
}
@-moz-keyframes topMove {
	50% {
		-webkit-transform: translate3d(0, -10px, 0);
	}
}
@keyframes topMove {
	50% {
		transform: translate3d(0, -10px, 0);
	}
}
/* 点滅 */
@-webkit-keyframes blink {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-moz-keyframes blink {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes blink {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/*  fade-in
---------------------------------------- */
section > .inner {
	transition: opacity 2s;
	-moz-transition: opacity 2s;
	-webkit-transition: opacity 2s;
	-o-transition: opacity 2s;
}
/* =============================================
 トップ ヘッダー
============================================= */
.header_wrap {
	background-color: #fff;
	position: relative;
}
.header_wrap .inner {
	position: relative;
}
@media screen and (min-width:641px) {}
@media screen and (min-width:1000px) {}
/*  トップ ヘッダー　ロゴ
---------------------------------------- */
.logo {
	width: 63%;
	position: absolute;
	top: 2%;
	left: 4%;
	z-index: 1;
	text-align: center;
}
	.logo img {
	    width: 100%;
    	max-width: 636px;
	}
@media screen and (min-width:1000px) {
	.logo {
		top: 20px;
	}
}
/*  トップ ヘッダー　OA時間
---------------------------------------- */
.oatime {
	width: 90%;
	background: linear-gradient(315deg, transparent 10px, rgba(255, 255, 255, 0.9) 0) bottom right;
	background-repeat: no-repeat;
	position: absolute;
	left: 5%;
	bottom: 16vw;
	z-index: 1;
	font-size: 0;
	text-align: center;
}
.oatime img {
	width: 90%;
}
/*.oatime li {
	padding: 0 1%;
	width: 48%;
}
.oatime .oa-right {
	text-align: left;
}
.oatime .oa-left {
	text-align: right;
}
.oatime:after {
	content: "";
	width: 14px;
	height: 14px;
	border-top: 7px solid rgba(0, 0, 0, 0.1);
	border-right: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 7px solid rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
	position: absolute;
	right: 0;
	bottom: 0;
}
.oatime ul {
	display: flex;
}
.oatime li {
	width: 50%;
	padding: 2.5%;
	box-sizing: border-box;
	position: relative;
	text-align: center;
}
.oatime li:first-child:before {
	content: "";
	width: 2px;
	height: 80%;
	border-left: 2px dotted #000;
	position: absolute;
	right: -1px;
	top: 10%;
}
.oatime img {
	position: static;
}*/
@media screen and (min-width:641px) {
	.oatime {
		width: 60%;
		left: 1.5%;
		bottom: 16%;
	}
/*	.oatime img {
		width: 100%;
		max-width: 205px;
	}*/
}
@media screen and (min-width:1000px) {
	.oatime {
		height: 100px;
		top: 70%;
		left: 0;
		bottom: 18%;
	}
}
/*  トップ ヘッダー　SNS
---------------------------------------- */
.hd_sns {
	bottom: 3%;
	position: absolute;
	right: 1%;
	text-align: right;
	width: 60%;
}
.sns_list {
	display: inline-block;
	font-size: 0;
	text-align: right;
}
.sns_list {
	position: relative;
	z-index: 1;
}
.sns_list li {
	display: inline-block;
	padding: 1.5%;
	width: 15%;
}
.sns_list .logo_doramal {
	width: 35%;
}
.sns_list .logo_doramal img {
	max-width: 122px;
}
.hd_sns_subpage {
	display: none;
}
.visual img {
	display: block;
}
@media screen and (min-width:641px) {
	.hd_sns.gnav_none {
		bottom: 2%;
	}
	.hd_sns {
		bottom: 16%;
		width: 30%;
	}
	.sns_list {
		width: 100%;
	}
	.sns_list li {
		width: 18%;
	}
	.sns_list .logo_doramal {
		width: 45%;
	}
	.hd_sns {
		bottom: 16%;
		width: 36%;
	}
	.sns_list li {
		width: 10%;
	}
	.sns_list .logo_doramal {
		width: 35%;
	}
	.visual {
		width: 79%;
		max-width: 790px;
		padding-bottom: 7%;
		position: relative;
		margin: 0 auto;
	}
	.header_wrap .visual {
		width: 100%;
		max-width: 1000px;
	}
/*	.header_wrap .visual img {
		display: none;
	}
	.header_wrap .visual:before {
		content: "";
		width: 100%;
		padding-top: 65%;
		background: url(../img/common/img_main.png) 0 0 no-repeat;
		background-size: contain;
		position: absolute;
		top: 0;
		left: 0;
	}
	.header_wrap .visual:after {
		content: "";
		padding-top: 65%;
		display: block;
	}*/
}
@media screen and (min-width:1000px) {
	.hd_sns {
		bottom: 18%;
		right: 3%;
	}
	.sns_list {
		width: 100%;
	}
	.sns_list li {
		display: inline-block;
		padding: 0 0 0 10px;
	}
	.visual {
		padding-bottom: 10%;
	}
}
/*  共通 ヘッダー　ナビ
---------------------------------------- */
.gnavi_wrap {
	background-color: #333;
	bottom: 0;
	display: none;
	position: absolute;
	text-align: center;
	width: 100%;
}
.gnavi {
	display: flex;
	font-size: 0;
	justify-content: space-around;
	text-align: center;
}
.gnavi li {
	background: url(../img/common/line_gnav.png) right center no-repeat;
	color: #FFF;
	display: inline-block;
	font-size: 1rem;
	margin: 1%;
	padding: 0;
	position: relative;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	width: 100%;
}
.gnavi li:last-child {
	background: none;
}
.gnavi a {
	color: #FFF;
	display: block;
	font-size: 30rem;
	letter-spacing: 1px;
	padding: 0;
	text-decoration: none;
}
.gnavi a em {
	position: relative;
	display: inline-block;
	text-decoration: none;
	font-style: normal;
	font-family: 'Shadows Into Light', cursive; /*※WEBフォント*/
}
.gnavi a em::after {
	background: #d90000;
	bottom: 35%;
	content: '';
	height: 2px;
	left: 0;
	opacity: 0;
	position: absolute;
	transition: 0.8s;
	visibility: hidden;
	width: 100%;
}
.gnavi a:hover em::after {
	bottom: -10%;
	opacity: 1;
	visibility: visible;
}
.gnavi li .jp {
	font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'Osaka', sans-serif;
	font-weight: 400;
	margin-top: 0;
}
@media screen and (min-width:641px) {
	.gnavi_wrap {
		display: block;
		padding: 1.3% 0;
	}
	.gnavi li {
		margin: 0 0;
	}
	.gnavi a {
		font-size: 3.0vw;
		line-height: 0.9;
	}
	.gnavi li .jp {
		margin-top: 0;
		font-size: 1.2vw;
	}
}
@media screen and (min-width:641px) and (max-width:999px) {
	.gnavi li.gnavi_twitter {
		width: 14%;
	}
	.gnavi li.gnavi_twitter a {
		padding: 8.6% 0 8.6% 10%;
	}
}
@media screen and (min-width:1000px) {
	.gnavi {
		width: 1000px;
		margin: 0 auto;
	}
	.gnavi_wrap {
		padding: 26px 0 20px;
	}
	.visual {
		margin: 0 auto;
		width: 1000px;
	}
	.gnavi a {
		font-size: 3.5rem;
		letter-spacing: 2px;
	}
	.gnavi li .jp {
		font-size: 1.4rem;
	}
}
/*	共通 ヘッダー　ハンバーガーメニュー
---------------------------------------- */
.sub_header {
	background-color: #000; /* ※キーカラー */
	display: none;
	height: 85px;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}
.sub_header.show {
	align-items: center;
	display: flex;
}
.sub_header.hide {
	display: none;
}
.sub_header .hd_logo {
	padding: 0 15px;
	width: calc( 100% - 40px - 2%);
}
.sub_header .hd_logo img {
    width: 100%;
	max-width: 257px;
}
.sub_header .hd_btn {
	margin: 0 2% 0 0;
}
.sub_header .drawer-hamburger {
	border-radius: 0;
	height: 40px;
	padding: 8px 8px 17px;
	position: static;
	right: 4px;
	top: 4px;
	width: 40px;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after {
	background-color: #222;/* ※キーカラー */
}
.drawer-nav {
	background-color: #f8f8f8;
}
.drawer-menu li a {
	/*! font-family: 'a-otf-ryumin-pr6n'; */
	font-size: 1.8rem;
	font-weight: 400;
	letter-spacing: 2px;
	text-decoration: none;
}
.drawer-hamburger-icon:before {
	top: -8px;
}
.drawer-hamburger-icon:after {
	top: 8px;
}
.drawer-nav {
	top: 85px;
}
@media screen and (min-width:641px) {
	.sub_header {
		display: none;
	}
}
/* =============================================
  共通 タイトル（WEBFONT）
============================================= */
.ttl_eng {
	display: inline-block;
	font-family: 'Shadows Into Light', cursive; /*※WEBフォント*/
	font-size: 5.0rem;
	letter-spacing: 3px;
	line-height: 1.6;
	padding: 20px 5px 0;
	position: relative;
	text-align: center;
	/*color: #222; ※キーカラー */
}
.ttl_eng:first-letter{
	color: #d90000;
}
.ttl_jpn {
	font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'Osaka', sans-serif;
	font-size: 1.4rem;
	font-weight: 500;
	margin-bottom: 5%;
	letter-spacing: 2px;
	line-height: 1;
	text-align: center;
	/*color: #222; ※キーカラー */
}
/*話数*/
.oa_num {
	font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'Osaka', sans-serif;
	font-size: 2.0rem;
	font-weight: 500;
	padding: 0 0 20px;
	text-align: center;
}
.oa_num span {
	font-size: 150%;
	/*color: #222; ※キーカラー */
}
.txt_jpn {
	color: #ff7fb8;
	font-weight: 700; /* ボールド */
	margin-bottom: 3%;
}
.txt_catch {
	font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'Osaka', sans-serif;
	font-weight: bold;
	text-align: center;
	font-size: 4vw;
	line-height: 1.6;
}
.txt_sub_catch {
	display: inline-block;
	font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'Osaka', sans-serif;
	font-size: 2.0rem;
	font-weight: 500;
	margin: 0 0 30px;
	position: relative;
	text-align: center;
	/*color: #222; ※キーカラー */
}
.txt_sub_catch::after, .txt_sub_catch::before {
	border-bottom: 1px solid #222;	/* ※キーカラー */
	content: "";
	height: 50%;
	position: absolute;
	width: 30px;
}
.txt_sub_catch::after {
	right: -40px;
}
.txt_sub_catch::before {
	left: -40px;
}
@media screen and (min-width:641px) {
	.oa_num {
		padding: 0;
		text-align: left;
	}
	.oa_num span {
		font-size: 170%;
	}
	.ttl_eng {
		background-size: auto !important;
		font-size: 8.2rem;
		letter-spacing: 6px;
		margin-bottom: 0.5%;
		padding-top: 30px;
	}
	.ttl_jpn {
		font-size: 2.0rem;
		margin-bottom: 5%;
	}
	.txt_catch {
		text-align: center;
		font-size: 3.0rem;
		line-height: 1.8;
	}
	.txt_sub_catch {
		font-size: 2.4rem;
		margin: 30px 0 35px;
		/*color: #000; ※キーカラー */
	}
}
@media screen and (min-width:1000px) {
	.txt_catch {
		padding: 0 0 50px !important;
	}
}
/* =============================================
  共通 テキストスタイル
============================================= */
.txt {
	text-align: left;
}
.txt span {
	color: #000;
}/* ※キーカラー */
.txtRed {
	color: #d90000;
	font-weight: bold;
}/* ※キーカラー */
.txtYellow {
	color: #bf8f00;
	font-weight: bold;
}
.txtBold {
	font-weight: bold;
}
.txtL {
	font-size: 1.125rem;
	line-height: 1.6;
}
.txtLL {
	/*! font-family: 'IM Fell English', 'a-otf-ryumin-pr6n';　明朝の場合 */
	font-weight: bold;
	font-size: 2.5rem;
	line-height: 1.2;
	padding-top: 10px;
	color: #d90000;/* ※キーカラー */
}
.txtS {
	font-size: 1.6rem !important;
	line-height: 1.8 !important;
	text-align: left !important;
}
.txtSS {
	font-size: 1.4rem !important;
	line-height: 1.4;
}
.txtCenter {
	text-align: center !important;
}
.ls04 {
	letter-spacing: 0.4em;
}
.ls-01 {
	letter-spacing: -0.1em;
}
.ls-02 {
	letter-spacing: -0.2em;
}
.ls-03 {
	letter-spacing: -0.3em;
}
@media screen and (min-width:641px) {
	.txtLL {
		font-size: 3.6rem;
	}
}
/* 共通部分　間隔あける
---------------------------------------- */
.pb30 {
	padding-bottom: 3%;
}
.mb30 {
	margin-bottom: 3%;
}
.pt30 {
	padding-top: 3%;
}
.mt30 {
	margin-top: 3%;
}
.pl30 {
	padding-left: 3%;
}
.ml30 {
	margin-left: 3%;
}
.pr30 {
	padding-right: 3%;
}
.mr30 {
	margin-right: 3%;
}
.pict {
	margin: 0 auto 6%;
}
/* =============================================
  共通 ボックススタイル
============================================= */
.sec_wrap {
	margin-top: -70px;
	padding-top: 70px;
	color: #222;
}
/* 偶数 */
.sec_wrap:nth-child(2n+0) .sec {
	background: #fff;
}
/* 奇数 */
.sec_wrap:nth-child(2n+1) .sec {
	
	background: #f8f8f8;
}
/*バナーエリアがある場合*/
.sec_wrap .bnr-area.sec {
	/*background: #f8f8f8;*/
}
.sec {
	padding: 3% 0 12%;
}
/* 白地 */
.sec_box {
	background-color: #fff;
	margin: 0 3%;
	padding: 6% 5%;
}
.sec_box:after {
	clear: both;
	content: "";
	display: block;
}
/* 白100% */
.sec_box.wh_box {
	background-color: #fff;
}
/* ボックス無し */
.sec_box.box_none {
	background: none;
	padding: 0 !important;
}
/* innerはclearfixいれている */
.inner {
	text-align: center;
	width: 100%;
}
.inner#twitter {
	margin-top: -90px;
	padding-top: 90px;
}
.inner:after {
	clear: both;
	content: "";
	display: block;
}
@media screen and (min-width:641px) {
	.sec_wrap {
		margin-top: 0;
		padding-top: 0;
	}
	.sec_wrap:nth-child(2n+0) .sec {
		background-size: 40px;
	}
	.sec_wrap .sec {
		padding: 3% 0 8%;
	}
	/* 白地 */
	.sec_box {
		padding: 4%;
	}
}
@media screen and (min-width:1000px) {
	.sec_wrap .sec {
		padding: 15px 0 70px 0 !important;
	}
	/* 共通部分　ボックス
	---------------------------------------- */
	/* 白地 */
	.sec_box {
		margin: 0;
		padding: 40px;
	}
	.inner {
		margin: 0 auto;
		width: 1000px;
	}
	.inner#twitter {
		margin-top: -70px;
		padding-top: 70px;
	}
}
/* 共通部分　区切りケイ
---------------------------------------- */
.border-b {
	overflow: hidden;
	padding-bottom: 10px !important;
}
.border-b:after {
	border-top: 3px solid #000;/* ※キーカラー２ */
	content: "";
	display: block;
	height: 25px;
	margin: 6% 0;
	width: 100%;
}
.media_cont.border-b:after {
	margin: 15% 0 -10% !important;
}
@media screen and (min-width:641px) {
	.border-b:after {
		background-size: 100%;
		margin: 6% 0;
	}
}
@media screen and (min-width: 1000px) {
	.border-b:after {
		background-size: auto;
		margin: 40px 0;
	}
	.media_cont.border-b:after {
		margin: 40px 0 -40px !important;
	}
}
/* 共通部分　アニメーション
---------------------------------------- */
/* 点滅 */
.blinking {
	-webkit-animation: blink 1.5s ease-in-out infinite alternate;
	-moz-animation: blink 1.5s ease-in-out infinite alternate;
	animation: blink 1.5s ease-in-out infinite alternate;
}
/* 共通部分　フロート
---------------------------------------- */
.fltR {
	float: right !important;
}
.fltL {
	float: left !important;
}
/* リンクボタン
---------------------------------------- */
.link_btn_rd {
	padding-top: 35px;
}
.link_btn_rd a {
	background: #e5409b;
	box-sizing: border-box;
	display: block;
	margin: 0 auto;
	padding: 2%;
	text-align: center;
	text-decoration: none;
	width: 100%;
}
.link_btn_rd span {
	background: url(../img/common/ico_link_arrow_wh.png) center right no-repeat;
	background-size: 13px;
	color: #fff;
	display: inline-block;
	font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'Osaka', sans-serif;
	font-size: 1.4rem;
	font-weight: 300;
	line-height: 40px;
	padding: 0 35px 0 0;
}
@media screen and (min-width:641px) {
	.link_btn_rd span {
		padding: 0 55px 0 0;
	}
	.link_btn_rd {
		clear: both;
	}
	.link_btn_rd a {
		width: 100%;
	}
	.link_btn_rd span {
		font-size: 2.0rem;
		padding: 0 90px;
	}
	.link_btn_rd span {
		background-size: 13px;
	}
}
@media screen and (min-width:1000px) {
	.link_btn_rd a {
		width: 65%;
	}
	.link_btn_rd span {
		background-size: 13px;
	}
}
/* 共通部分　動画
---------------------------------------- */
.video {
	display: block;
	height: 0;
	margin-bottom: 4%;
	overflow: hidden;
	padding-top: 56.25%;
	position: relative;
	width: 100%;
}
@media screen and (min-width:641px) {
	.video {
		float: left;
		margin: 0 1% 1% 0;
		padding-top: 28.25%;
		width: 50%;
	}
}
.video iframe {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
/* jquery.colorbox
---------------------------------------- */
#colorbox {
	overflow: inherit;
	z-index: 10001;
}
#cboxOverlay {
	background: #272727;
	z-index: 10000;
}
#cboxContent {
	background: none;
	padding: 0 0 40px;
}
#cboxClose {
	background: url(../img/common/btn_close.png) no-repeat 0 0;
	bottom: 0;
	height: 56px;
	width: 56px;
}
#cboxClose:hover {
	background-position: 0;
}
#cboxWrapper {
	padding: 0 0 20px;
}
#cboxMiddleLeft, #cboxTopLeft, #cboxMiddleRight, #cboxTopRight {
	background: none;
	width: 0;
}
#cboxTopCenter, #cboxBottomCenter {
	background: none;
	height: 0;
}
/* マウスオーバーアクション

---------------------------------------- */
/* Radial Out */
.link_btn_rd a {
	background: #d90000;/* ※キーカラー */
	overflow: hidden;
	position: relative;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
	vertical-align: middle;
}
.link_btn_rd a:before {
	background: #111;
	content: "";
	border-radius: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	z-index: -1;
}
@media screen and (min-width:1001px) {
	.link_btn_rd a:hover, .link_btn_rd a:focus, .link_btn_rd a:active {
		color: white;
	}
	.link_btn_rd a:hover:before, .link_btn_rd a:focus:before, .link_btn_rd a:active:before {
		-webkit-transform: scale(1.2, 9);
		transform: scale(1.2, 9);
	}
}
/* =============================================
 トップページ
============================================= */
/* OA前
---------------------------------------- */
.oatime_pre {
    width: 65%;
	position: absolute;
    bottom: 2vw;
    left: 4%;
    z-index: 2;
	text-align: left;
}

@media screen and (min-width:641px) {
	.oatime_pre {
		width: 70%;
	    bottom: 11.5vw;
	}
}
@media screen and (min-width:1000px) {
	.oatime_pre {
    	bottom: 17.2%;
	}
}
/* バナーエリア
---------------------------------------- */
#bnrArea .inner.intro_txt .sec_box {
	padding: 6%;
	border: 1px solid #e5e5e5;
}
/**/
#bnrArea .inner.intro_txt .sec_box .txt_catch {
	font-size: 4.5vw;
	line-height: 1.8;
	padding: 0 0 20px;
}
/**/
#bnrArea .inner.intro_txt .sec_box p {
	font-size: 1.4rem;
	line-height: 1.6;
	padding: 0 0 20px;
}
#bnrArea .inner.intro_txt .sec_box p:last-child {
	padding: 0;
}
#bnrList {
	margin: 20px 4% -10px;
}
.bnr_list {
	font-size: 0;
	margin: 8% auto;
}
.bnr_list:last-child {
	margin-bottom: 0;
}
.bnr_list .bnr_l {
	/*height: 120px;*/
	margin: 0 auto;
	width: 100%;
}
.bnr_list .bnr_l a {
	border-radius: 8px;
	height: 100%;
	width: 100%;
}
.bnr_list .bnr_l img {
	border-radius: 8px;
	border: solid 1px #000;/* ※キーカラー */
}
.bnr_list .bnr_s {
	font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'Osaka', sans-serif;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: 10px;
	text-align: center;
}
.bnr_list .bnr_s span {
	color: #555;
}
.bnr_list .bnr_s a {
	background:/* url(../img/common/bg_btn_line_top.gif) center top repeat-x,
		url(../img/common/bg_btn_line_top.gif) center bottom repeat-x,
		url(../img/common/bg_btn_line_side.gif) left center repeat-y,
		url(../img/common/bg_btn_line_side.gif) right center repeat-y,*/
	url(../img/common/ico_arrow_bnr.png) 95% center no-repeat #fff;
	background-size: auto, auto, auto, auto, 8% auto;
	border: 1px solid #d90000;/* ※キーカラー */
	border-radius: 8px;
	box-sizing: border-box;
	display: block;
	letter-spacing: 2px;
	padding: 9px 10% 10px 15px;
	text-decoration: none;
	/*color:#000 !important; ※キーカラー */
}
.bnr_list .bnr_s a:hover {}
@media screen and (min-width:641px) {
	#bnrArea .inner.intro_txt .sec_box {
		padding: 35px 40px;
	}
	/**/
	#bnrArea .inner.intro_txt .sec_box .txt_catch .frap {
		display: none;
	}
	#bnrArea .inner.intro_txt .sec_box .txt_catch {
		font-size: 3.5vw;
		line-height: 1.8;
		padding: 0 0 35px;
	}
	/**/
	#bnrArea .inner.intro_txt .sec_box p {
		line-height: 1.8;
		padding: 0 0 20px;
	}
	.bnr_list {
		text-align: center;
		font-size: 0;
	}
	#bnrList {
		margin: 10px 0 5px;
	}
	.bnr_list .bnr_l {
		width: 70%;
	}
	.bnr_list .bnr_s {
		font-size: 2.0rem;
		width: 31%;
		margin: 0 1% 2%;
		display: inline-block;
	}
	.bnr_list .bnr_s a {
		background-size: auto, auto, auto, auto, 15% auto;
		padding: 9px 18% 10px 15px;
	}
}
@media screen and (min-width:1000px) {
	#bnrArea .inner.intro_txt .sec_box .txt_catch {
		padding: 0 0 35px !important;
		font-size: 3.2rem;
	}
	#bnrList {
		margin: 60px 0 0;
	}
	.bnr_list {
		font-size: 0;
		margin: 0 auto 40px;
		width: 1000px;
	}
	.bnr_list .bnr_s {
		font-size: 2.6rem;
	}
	.bnr_list .bnr_s span {
		color: #999;
	}
	.bnr_list .bnr_s a {
		background-size: auto, auto, auto, auto, 13% auto;
		padding: 9px 50px 10px 15px;
	}
}
#bnrList .onlySP {
	display: none !important;
}
@media screen and (max-width:640px) {
	#bnrList .onlySP {
		display: block;
	}
}
@media screen and (min-width:641px) {
	#bnrList .onlySP {
		display: block !important;
	}
}
@media screen and (max-width:1000px) {
	#bnrList .onlySP {
		display: block;
	}
}
@media screen and (min-width:1001px) {
	#bnrList .onlySP {
		display: none !important;
	}
}
/* バナーオンマウス */
.bnr_list li a {
	display: inline-block;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: transform;
	transition-property: transform;
	vertical-align: middle;
}
@media screen and (min-width:1001px) {
	.bnr_list li a:hover, .bnr_list li a:focus, .bnr_list li a:active {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}
	.bnr_list .bnr_l a:hover, .bnr_list .bnr_l a:focus, .bnr_list .bnr_l a:active {
		-webkit-transform: scale(1.025);
		transform: scale(1.025);
	}
}
/* PR動画
---------------------------------------- */
.prmov_wrap {
	width: 94%;
	max-width: 800px;
	margin: 0 auto;
}
.prmov {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.prmov iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
@media screen and (min-width:641px) {
	.prmov_wrap {
		margin: 0 auto;
	}
}
/* 01：次回予告
---------------------------------------- */
.next-area {
	margin-top: -70px;
	padding-top: 70px;
}
.next_oatime {
	border-bottom: 1px dotted #d90000;/* ※キーカラー */
	margin-bottom: 2%;
	padding-bottom: 2%;
	text-align: left;
}
.sttl {
	font-size: 1.4rem;
	font-weight: 500;
	display: inline-block;
	padding: 3px 0;
}
.next_oatime dd {
	/*! background: url(../img/common/ico_oa.png) 0 center no-repeat; */
	background-size: 12px;
	font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'Osaka', sans-serif;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.2;
	/*! padding: 0 0 0 18px; */
}
.next_oatime span {
	color: #d90000;/* ※キーカラー */
	font-size: 130%;
}
.next_oatime p.date, .next_oatime p.time {
	display: inline-block;
}
.next_oatime dd {
	font-size: 1.55rem;
}
.next_pict {
	margin-bottom: 4%;
	width: 100%;
}
.irre {
	font-size: 1.4rem;
	text-align: left;
}
@media screen and (min-width:641px) {
	.txt_left {
		float: right;
		text-align: left;
		width: 50%;
	}
	.sttl {
		font-size: 1.6rem;
	}
	.sttl.txt_left {
		margin: 0;
	}
	#next .oa_num {
		border-bottom: 1px #000 dotted;/* ※キーカラー２ */
		float: right;
		margin-bottom: 2%;
		padding-bottom: 10px;
		width: 50%;
	}
	.next_oatime {
		margin-bottom: 1%;
		padding-bottom: 1%;
	}
	.next_oatime dd {
		font-size: 1.6rem;
	}
	.next_pict {
		float: left;
		margin: 0;
		width: 48%;
	}
	.txt {
		padding-top: 15px;
	}
	.minogashi ul li img {
		width: 80%;
	}
}
@media screen and (min-width:1000px) {
	.next_oatime dd {
		font-size: 2.2rem;
	}
}
/* 02:公式ツイッター

---------------------------------------- */
#twitter .sec_box:first-child {
	height: 350px;
}
.twitter-inner {
	margin: 0 auto;
}
@media screen and (max-device-width:320px) {
	.twitter-inner, .twitter-inner iframe {
		width: 260px !important;
	}
}
@media screen and (min-device-width:321px) and (max-device-width:375px) {
	.twitter-inner, .twitter-inner iframe {
		width: 300px !important;
	}
}
@media screen and (min-device-width:376px) and (max-device-width:414px) {
	.twitter-inner, .twitter-inner iframe {
		width: 320px !important;
	}
}
@media screen and (min-device-width:415px) and (max-device-width:500px) {
	.twitter-inner, .twitter-inner iframe {
		width: 380px !important;
	}
}
@media screen and (min-device-width:501px) and (max-device-width:640px) {
	.twitter-inner, .twitter-inner iframe {
		width: 480px !important;
	}
}
@media screen and (min-device-width:641px) {
	.twitter-inner, .twitter-inner iframe {}
}
/* 03:イントロ
---------------------------------------- */
#intro .sec_box .txt_catch {
	/*font-size: 2.4rem;*/
	font-size: 4.2vw;
	line-height: 1.8;
	padding: 0 0 20px;
}
#intro .sec_box .txt_catch .frap {}
#intro .sec_box p {
	font-size: 1.4rem;
	line-height: 1.6;
	padding: 0 0 20px;
}
#intro .sec_box p:last-child {
	padding: 0;
}
#intro .sec_box .img {
	margin: 0 auto;
	width: 100%;
}
#intro .sec_box .img img {
	height: auto;
}
#intro .intro_cast {
	margin: 0 0 40px;
}
#intro .intro_cast ul {
	font-size: 0;
	text-align: center;
}
#intro .intro_cast li {
	/* width: 30%; */
	padding: 0 10px;
	display: inline-block;
	box-sizing: border-box;
	font-size: 1.4rem;
	text-align: right;
}
#intro .intro_cast li:nth-child(even) {
	text-align: left;
}
#intro .intro_cast ul + ul {
	margin-top: 20px;
}
@media screen and (min-device-width:350px) {
	#intro .intro_cast li {
		font-size: 1.6rem;
	}
}
@media screen and (min-device-width:641px) {
	#intro .sec_box .txt_catch .frap {
		display: none;
	}
	#intro .sec_box .img {
		width: 70%;
	}
	#intro .sec_box .txt_catch {
		line-height: 1.8;
		padding: 0 0 50px;
	}
	#intro .sec_box p {
		line-height: 1.8;
		padding: 0 0 20px;
	}
	#intro .intro_cast li {
		width: auto;
		font-size: 1.6rem;
		text-align: left;
	}
	#intro .intro_cast ul {
		/*! display:inline-block; */
	}
}
@media screen and (min-device-width:760px) {
	#intro .sec_box .txt_catch {
		font-size: 3.2rem;
	}
}
@media screen and (min-device-width:1000px) {
	#intro .sec_box .img {
		width: 45%;
	}
}
/* 04：キャスト
---------------------------------------- */
.txt_comment {
	font-size: 1.4rem;
}
.txt_comment dt {
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.4;
	text-align: left;
	padding: 0 0 5px;
	margin-top: 0.75em;
}
.pict_diagram {
	padding: 0;
}
.pict_diagram li {
	position: absolute;
}
.pict_cast {
	font-size: 0;
}
.sttl_cast {
	font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'Osaka', sans-serif;
	font-size: 1.85rem;
	text-align: left;
	padding: 15px 0 10px 0;
	margin-top: -5px;
	line-height: 1.2;
}
.sttl_cast span {
	padding-top: 5px;
	display: block;
	font-size: 1.4rem;
}

.txt_cast {
	padding: 0 0 30px;
	text-align: center;
}
.cast_list .cast_box {
    width: 95%;
    margin: 0 auto 15px;
	background: #fff;
	overflow: hidden;
}
.cast_list .cast_box:last-child::after {
	content: none;
}
.pict_cast li {
	/*! display: inline-block; */
	width: 50%;
	margin: 0 auto;
}
.sttl_cast + .sec_box {
	margin-top: 15px;
}
.sttl_cast p.br {
	display: inline-block;
}
.cast_list .short .pict_cast li {
	display: unset;
}
.cast_list .short .sttl_cast {
	text-align: center;
	font-size: 1.5rem;
	line-height: 1;
	color: #e5409b;
	padding-bottom: 1%;
}
.short {
	display: inline-block;
	width: 31.1%;
}
.short .sec_box {
	margin: 0 2px;
}
@media screen and (min-width:350px) {
	.sttl_cast {
		font-size: 2.0rem;
	}
}
@media screen and (min-width:641px) {
	.sttl_cast {
		/* padding: 15px 0 15px 0; */
	}
	.pict_cast + .txt_comment {
		padding-left: 240px;
	}
	.txt_comment dt {
		font-size: 2.4rem;
		padding: 0 0 5px;
		text-align: left;
	}
	.sttl_cast {
		font-size: 2.5rem;
		padding: 0px 0 15px 0;
	}
	.sttl_cast span {
		padding-top: 0;
		display: inline-block;
		font-size: 57%;
	}
	.txt_cast {
		font-size: 1.8rem;
	}
	.cast_list .cast_box::after {
		background-size: 100%;
		margin: 40px 3% 30px;
		width: 94%;
	}
	.pict_cast {
		float: left;
		width: 200px;
	}
	.pict_cast li {
		display: block;
		width: 100%;
	}
	.short .pict_cast {
		float: unset;
		width: auto;
	}
	.short .pict_cast + .txt_comment {
		padding: 8% 0 0;
	}
	.cast_list .short .sttl_cast {
		font-size: 2rem;
		padding: 15px 0 10px 0;
	}
	.cast_list .short .sttl_cast span {
		font-size: 1.5rem;
	}
}
@media screen and (min-width:1000px) {
	.cast_list .cast_box {
		width: 100%;
	}
	.sttl_cast {
		font-size: 3.2rem;
	}
	.pict_cast + .txt_comment {
		padding-left: 280px;
	}
	.pict_cast {
		float: left;
		width: 250px;
	}
	.pict_cast li {
		/*! display: inline-block; */
		/*! width: 50%; */
	}
	.cast_list .cast_box::after {
		background-size: auto;
		margin: 40px 0 30px;
		width: 100%;
	}
	.short {
		width: 18.75%;
		margin: 5px;
	}
	.short {
		font-size: 0;
	}
	#cast06 {
		margin-left: -5px;
	}
	#cast10 {
		margin-right: -5px;
	}
	.short .sec_box {
		margin: 0;
		padding: 10px;
	}
	.short .pict_cast {
		float: unset !important;
	}
	.short .pict_cast li {
		display: unset;
	}
	.cast_list .short .sttl_cast {
		font-size: 2.2rem;
		margin: 10px 0 10px 0;
		display: block;
	}
	.cast_list .short .sttl_cast span {
		font-size: 1.5rem;
	}
	.short .pict_cast li {
		display: unset;
		width: 100%;
	}
}
/*相関図　キャスト詳細*/
#diagramCast {
	/*display: none;*/
}
#diagramCast .sec_box {
    margin: 0;
	/*background: #fff;*/
}
/*モーダル*/
#colorbox .sttl_cast {
	/* padding-top: 30px; */
}
#colorbox .sec_box {
	/* padding-top: 0; */
}
#colorbox .cast_box {
	/* background: #fff; */
}
@media screen and (min-width:1000px) {
	#colorbox .cast_box {
		width: 1000px;
	}
}
#cast .relation_wrap {
	margin: 0 0 40px;
	text-align: center;
}
#cast .relation {
	margin: 0 auto;
	position: relative;
}
#cast .relation:after {
	content: "";
	width: 7.87%;
	height: 4.83%;
	background-size: 100%;
	position: absolute;
	top: 77.97%;
	left: 53.19%;
}
#cast .relation a {
	width: 14.89%;
	height: 18.71%;
	position: absolute;
	transition: .3s;
	box-shadow: 0 0 10px rgba(255, 255, 255, 0);
	box-sizing: border-box;
}
/*　相関図モーダルサイズ種類　*/
#cast .relation a.l_size {
	width: 29.8%;
	height: 39.2%;
}
#cast .relation a.m_size {
	width: 27.5%;
	height: 35.2%;
}
/*　相関図モーダル各キャスト位置　*/
#cast .relation .cast01 {
	top: 12.2%;
	left: 35.2%;
}
#cast .relation .cast02 {
	top: 12.2%;
	left: 3.2%;
}
#cast .relation .cast03 {
	top: 12.2%;
	left: 67%;
}
#cast .relation .cast04 {
	top: 61.4%;
	left: 19%;
}
#cast .relation .cast05 {
	top: 61.4%;
	left: 53.6%;
}
#cast .cast_wrap {
	position: relative;
}
/* 05:ストーリー
---------------------------------------- */
#story .oa_num {
	font-size: 2.4rem;
	overflow: hidden;
	text-align: center;
}
#story .oa_num::after {
	border-top: solid 3px #d90000;/* ※キーカラー */
	content: "";
	display: block;
	height: 25px;
	margin: 2% 0;
	width: 100%;
}
.story_img {
	width: 100%;
	max-width: 650px;
	margin: 0 auto 10px;
}
.story_txt {
	max-width: 650px;
    margin: 0 auto;
	font-size: 1.4rem;
}
@media screen and (min-width:641px) {
	#story .oa_num::after {
		background-size: 100%;
	}
	.story_img {
		margin: 0 auto 30px;
	}
}
@media screen and (min-width: 1000px) {
	#story .oa_num::after {
		margin: 15px 0 5px;
		background-size: auto;
	}
}
/*カルーセル設定*/
#story .bx-viewport {
	border: solid 1px #f2f2f2;
}
.bx-wrapper .bx-pager {
	bottom: -19px !important;
}
@media screen and (max-width:640px) {
	.bx-wrapper .bx-pager {
		margin: 0 auto;
		position: static;
		width: 16em;
	}
}
.bx-wrapper {
	background: none;
	border: none;
	box-shadow: none;
}
.bx-wrapper .bx-controls-direction a {
	height: 90px;
	width: 45px;
}
.bx-wrapper .bx-prev {
	background: url(../img/common/btn_arrow_prev.png) no-repeat 0 0;
	left: -30px;
}
.bx-wrapper .bx-next {
	background: url(../img/common/btn_arrow_next.png) no-repeat 0 0;
	right: -30px;
}
.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {
	background-position: 0;
}
.bx-wrapper .bx-pager-item {
	font-size: 1.8rem;
	font-weight: 400;
	margin: 0 5px;
	margin: 0 5px 5px !important;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #000;/* ※キーカラー２ */
	border-radius: inherit;
	color: #fff;
	height: 30px;
	line-height: 30px;
	margin: 0;
	text-indent: inherit;
	text-decoration: none;
	width: 30px;
}
.bx-controls {
	padding-top: 30px;
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: url(../img/common/ico_pager_activ.png) 0 0 no-repeat;
}
.bx-wrapper {
	margin-bottom: 30px;
}
.bx-controls-direction {
	display: none;
}
.slider_box {
	background-color: #fff;
	box-sizing: border-box;
	padding: 20px 40px 0;
}
@media screen and (min-width:1000px) {
	.bx-controls-direction {
		display: block;
	}
}
/* 06:原作　07:主題歌
---------------------------------------- */
.edtheme {
	margin-top: -20px;
}
.media_detail {
	border: 1px solid #000;/* ※キーカラー２ */
	font-size: 1.6rem;
	line-height: 2;
	margin-top: 30px;
	padding: 20px;
}
.author_comment {
	clear: both;
	margin: 0;
	padding: 30px 0 0 !important;
}
.author_comment img {
	border: 1px solid #000;
}
/*　１冊　*/
p.comic {
	max-width: 300px;
	margin: 0 auto;
}
/*　複数　*/
.comic_pict li {
	display: table-cell;
	padding: 0 1%;
}
.comic_pict li:first-child {
	padding-right: 1%;
}
.comic_pict li:last-child {
	padding-left: 1%
}
p.topics {
	padding-top: 4% !important;
}
span.comment_tit {
	display: block;
	font-weight: bold;
	padding: 1% 0 !important;
	background: #000;/* ※キーカラー２ */
	color: #666;
	margin: 5% auto 0 auto;
}
p.original_comment {
	background: #fefefe;
	padding: 5% !important;
	margin: 0 auto;
	text-align: left !important;
	font-size: 1.3rem !important;
}
p.original_comment span {
	display: block;
	font-weight: bold;
	font-size: 1.5rem;
}
@media screen and (min-width:1000px) {
	span.comment_tit {
		margin: 2% auto 0 auto;
	}
	p.original_comment {
		padding: 2% !important;
		font-size: 1.5rem !important;
	}
	.author_comment {
		margin: 20px auto;
		width: 80%;
	}
	p.topics {
		padding-top: 2% !important;
		width: 80%;
		margin: 30px auto 0;
	}
}
@media screen and (min-width:641px) {
	p.topics {
		padding-top: 2% !important;
	}
}
/* media_cont
------------------- */
.media_cont .pict {
	margin: 0 auto 3%;
	width: 100%;
}
.media_cont .txt > * {
	text-align: center;
}
.media_cont .txt > p {
	padding-top: 0;
}
@media screen and (min-width:641px) {
	.media_cont .txt {
		box-sizing: border-box;
		text-align: center;
	}
	.media_cont .txt > p {
		font-size: 1.8rem;
		/* padding-top: 15px; */
	}
	.media_cont .pict {
		margin-bottom: 0;
		width: 40%;
	}
}
/* 07:主題歌　float
---------------------------------------- */
@media screen and (min-width:641px) {
	#music .pict {
		float: left;
	}
	.border-b .txt {
		margin-bottom: 30px;
	}
	.border-b .pict {
		margin-bottom: 50px;
	}
	#music .txt {
		float: right;
		width: calc(60% - 40px);
	}
	.border-b .media_detail {
		margin-bottom: 60px;
	}
}
/* 動画
---------------------------------------- */
.mov {
	position: relative;
}
.mov .cboxElement {
	position: relative;
}
.next_pict {
	z-index: 2;
}
.next_pict a:before {
	background: url("../img/common/mov_icon.png") center no-repeat;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	width: 100%;
}
/*  スタッフ
---------------------------------------- */
#staff .sec_box {
	font-size: 0;
	padding: 3% 0px;
}
#staff dl {
	font-size: 0;
	text-align: center;
	line-height: 1.6;
	padding-bottom: 10px;
}
#staff dl:last-child {
	padding-bottom: 0;
}
#staff dt {
	color: #d90000;/* ※キーカラー */
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
}
#staff .bg-non {
	background: none;
}
#staff dd {
	text-align: center;
	font-size: 1.4rem;
}
#staff .col_1 dt {
	display: block;
}
#staff .col_left dl, #staff .col_left dt, #staff .col_left dd {  /*左寄せの場合*/
	text-align: left !important;
}
#staff dd {
	display: block;
}
#staff .col_left dd:after {
	content: "　"
}
#staff .col_2 {
	padding: 3%;
}
#staff .col_2 dl {
	width: 95%;
	margin: 0 auto;
	padding: 2%;
}
@media screen and (min-width:641px) {
	#staff dl {
		/* display: inline-block; */
		width: 50%;
	}
	#staff dt {
		display: block;
		font-size: 1.7rem;
	}
	#staff dd {
		display: block;
		font-size: 1.7rem;
	}
	#staff .col_1 dl {
		width: 100%;
	}
	#staff .col_1 dd {
		/* display: inline-block; */
		margin-bottom: 10px;
	}
	#staff .col_2 dl {
		width: 95%;
		padding: 1%;
		margin-bottom: 2.5%;
	}
	#staff .col {
		display: table-cell;
	}
}
@media screen and (min-width:321px) and (max-width:425px) {
	.w425 {
		display: block !important;
	}
}
.w410 {
	display: none;
}
@media screen and (max-width:410px) {
	.w410 {
		display: block !important;
	}
}
/* 見逃し配信
---------------------------------------- */
.sponsor_bnr {
	font-size: 0;
	width: 95%;
	margin: 0 auto;
}
.sponsor_bnr li {
	display: inline-block;
	font-size: 1.6rem;
	margin: 0 2% 2% 0;
	width: calc(25.4% - 2%);
}
.sponsor_bnr li:nth-child(4n) {
	margin-right: 0;
}
@media screen and (min-width:641px) {
	.sponsor_bnr li {
		width: calc(20.4% - 2%);
	}
	.sponsor_bnr li:nth-child(4n) {
		margin-right: 2%;
	}
	.sponsor_bnr li:nth-child(5n) {
		margin-right: 0;
	}
}
/* 見逃し配信
---------------------------------------- */
.size_m img {
	border: solid 1px #000 !important;
}/*サイズMバナーに外枠をつける 181004*/
#watch .sec_box {
	margin: 0;
}
.watch_bnr {
	padding: 0 calc(40px - 1%);
	font-size: 0;
	text-align: center;
}
.watch_bnr li {
	display: inline-block;
	font-size: 1.6rem;
	margin: 0 1% 2%;
	width: 98%;
}
.watch_bnr.size_m li {
	margin: 0 1% 2%;
	width: 48%;
}
.watch_bnr.size_s {
	padding: 0 3%;
}
.watch_bnr.size_s li {
	margin: 0 1% 2%;
	width: 23%;
}
.watch_bnr + .watch_bnr {
	margin-top: 2%;
}
#watch .sec_box.broadcaster_cont {
	margin: 4% 3%;
	padding: 6% 6% 5%;
	background: #f8f8f8;
	font-size: 1.4rem;
}
.watch_txt {
    margin-bottom: 5%;
	font-size: 1.5rem;
	font-weight: bold;
}
.watch_txt p{
    margin-bottom: 0.5em;
    text-align: center;
    line-height: 1.3;
}
.watch_txt p:last-child{
	margin-bottom: 0;
}
.bclist {
	font-size: 1.6rem;
	margin-bottom: 20px;
	text-align: left;
}
.ttl_bclist {
	margin-bottom: 5px;
	font-size: 1.6rem;
	display: block;
}
.bclist li {
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 0.5em;
	font-size: 1.4rem;
}
.bclist li:last-child {
	margin-bottom: 0;
}
.broadcaster_cont .txtBold {
	margin-right: 1em;
	color: #d90000;/* ※キーカラー */
	font-size: 1.6rem;
	font-weight: normal;
}
.other_area {
    width: 94%;
    margin: 0 auto;
    font-size: 1.4rem;
}
.other_area li {
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 0.5em;
	font-size: 1.4rem;
}
.other_area li:last-child {
	margin-bottom: 0;
}
.other_area li a {
	display: inline;
}
@media screen and (min-width:641px) {
	.watch_bnr, .watch_bnr.size_s {
		padding: 0;
	}
	.watch_bnr li {
		margin: 0 1% 0;
		width: 35%;
	}
	.watch_bnr.size_m li {
		width: 23%;
	}
	.watch_bnr.size_s li {
		margin: 0 0.5% 2%;
		width: 13.2%;
	}
	#watch .sec_box.broadcaster_cont {
		padding: 25px 40px 30px;
		font-size: 1.6rem;
	}
	.watch_txt {
	    margin-bottom: 3%;
		font-size: 1.6rem;
	}
}
/* =============================================

 フッター
============================================= */
.footer_wrap {
	color: #fff;
	display: block;
	text-align: center;
}
/* 03：コピーライト
---------------------------------------- */
.footer_copy {
	background: #333;
	color: #FFF;
	font-size: 1.4rem;
	line-height: 2.0;
	font-weight: 100;
	padding: 30px 0;
	text-align: center;
}
.footer_copy p {
	width: 100%;
	padding: 0 10px;
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
}
.footer_copy p:last-child {
	width: 100%;
}
@media screen and (min-width:641px) {
	.footer_copy p {
		width: auto;
	}
	.footer_copy p:last-child {
		width: 100%;
	}
}
/* 04：ページトップ
---------------------------------------- */
.pageTop {
	bottom: 20px;
	position: fixed;
	right: 5%;
	z-index: 10;
}
.pageTop a {
	width: 60px;
}
@media screen and (min-width:641px) {
	.pageTop {
		bottom: 40px;
	}
	.pageTop a {
		width: auto;
		transition: 0.3s;
	}
	.pageTop a:hover {
		-webkit-transform: translate(0, -10px);
		-ms-transform: translate(0, -10px);
		-o-transform: translate(0, -10px);
		transform: translate(0, -10px);
	}
}
/* 本サイト：プレゼント
---------------------------------------- */
.present {
	font-size: 1.4rem;
	margin-top: 5%;
}
.present a {
	color: #e5409b;
	line-height: 1.2;
}
.present .img_present {
	width: 100%;
	max-width: 755px;
	margin: 0 auto 30px auto;
}
.present .ttl_present {
	margin-bottom: 0.75em;
	color: #322b2e;
	font-size: 5vw;
	font-weight: 600;
	line-height: 1.2;
}
.present .ttl_present .logo_present {
	width: 80%;
	max-width: 402px;
	margin: 0 auto 0.25em;
	display: block;
}
.present .ttl_present .logo_present img {
	position: relative;
	left: -0.125em;
}
.txt_caution {
	font-size: 1.3rem;
}
.sttl_present {
	margin: 2em 0 0.25em;
	color: #e5409b;
	font-weight: 700;
	text-align: left;
	text-indent: -0.5em;
}
.copy_present {
	margin: 0 0 20px;
	font-size: 1.3rem;
	text-align: center;
}
.txt_address {
	padding: 0.75em 1.0em;
	margin-top: 1em;
	border: 1px solid #ddd;
	border-radius: 5px;
	background: rgba( 999, 999, 999, 0.5);
	line-height: 1.8;
}
.txt_address strong {
	display: inline-block;
	text-indent: -0.5em;
}
@media screen and (min-width: 641px) {
	.present .ttl_present {
		font-size: 4.0vw;
	}
	.img_present {
		margin: 30px auto 0;
	}
	.img_present li {
		width: 20%;
		padding: 0 0.5% 0%;
	}
	.copy_present {
		margin: 8px 0 30px;
	}
}
@media screen and (min-width: 1000px) {
	.present .ttl_present {
		font-size: 3rem;
		line-height: 0.8rem;
		margin-bottom: -20px;
	}
}
/* 終了後対応
---------------------------------------- */
/*　見逃し配信終了対応　*/
.watch_bnr.watch_end li {
	background: #787878;
}
.watch_bnr.watch_end li img {
	opacity: 0.5;
	border: none !important;
}
/*　次回予告終了対応　*/
.end {
	font-weight: bold;
	font-size: 1.5rem;
	text-align: center;
}
@media screen and (min-width:640px) {
	.end {
		font-size: 2.0rem;
	}
}