@charset "UTF-8";
/* =========================================================
   「中国ドラマ・時代劇ラインナップ」特設サイト  hualiu
   SP：640px基準（vw） / PC：@media(min-width:1024px) で px 上書き
   ========================================================= */

#sp a img:hover {
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
}

#sp a {
	transition: opacity 0.2s ease;
}

#sp a:hover {
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
}

#sp img {
	width: 100%;
	vertical-align: bottom;
	pointer-events: none;
}

#sp p {
	margin: 0;
	padding: 0;
}

#sp {
	margin: 0 auto;
	width: 100%;
	padding: 0.469vw 0 0 0;
	background-color: #C80000;
}

#sp #sp_page {
	width: 100%;
	margin: 0 auto;
}

/* 雷文ライン */
#sp .hr {
	width: 100%;
	height: 1.250vw;
	background: url(../img/line.webp) top left repeat-x;
	background-size: auto 100%;
}

#sp .hr_btm {
	display: none;
}

/* ---------- タイトル ---------- */
#sp #sp_tl {
	width: 93.750vw;
	margin: 4.688vw auto 0 auto;
	padding: 0;
	text-align: center;
}

#sp .sp_contents {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 9.375vw 0;
	position: relative;
}

#sp .sp_contents .tit {
	width: 93.750vw;
	margin: 0 auto;
}

#sp .btn a,
#sp .bnr_link a,
#sp .poster a,
#sp .pg a,
#sp .next a {
	width: 100%;
	display: block;
	cursor: pointer;
}

/* ---------- 放送決定！ ---------- */
#sp #new {
	padding: 11.406vw 0 0 0;
}

#sp #new .poster_col {
	width: 93.750vw;
	margin: 5.156vw auto 0 auto;
}

#sp #new .poster {
	width: 100%;
	margin: 0 0 6.250vw 0;
}

#sp #new .poster:last-child {
	margin-bottom: 0;
}

/* ---------- 視聴方法バナー ---------- */
#sp .bnr_shicho {
	width: 93.750vw;
	margin: 9.375vw auto 0 auto;
}

/* ---------- 曜日別ラインナップ ---------- */
#sp #schedule {
	padding: 15.938vw 0 0 0;
}

#sp #schedule .day {
	width: 93.750vw;
	margin: 11.250vw auto 0 auto;
	padding: 0 0 4.531vw 0;
	background: #FFFFFF;
	border: 0.469vw solid #DBC68B;
	box-sizing: border-box;
}

#sp #schedule .day .tit_s {
	width: 52.188vw;
	margin: -5.625vw auto 0 auto;
}

#sp #schedule .day .pg {
	width: 83.125vw;
	margin: 4.313vw auto 0 auto;
}

#sp #schedule .day .next {
	width: 83.125vw;
	margin: 5.156vw auto 0 auto;
}

/* ---------- 過去に放送された作品 ---------- */
#sp #past {
	padding: 15.938vw 0 0 0;
}

#sp #past .past_col {
	width: 93.750vw;
	margin: 6.563vw auto 0 auto;
	padding: 0;
}

/* 角の切り欠きは col_top / col_btm 画像（透過）で表現。地色は ul にのみ敷く */
#sp #past .past_col::before,
#sp #past .past_col::after {
	content: "";
	width: 100%;
	height: 3.125vw;
	display: block;
	background: url(../img/col_top.webp) top center no-repeat;
	background-size: 100% 100%;
}

#sp #past .past_col::after {
	background-image: url(../img/col_btm.webp);
}

#sp #past .past_col ul {
	margin: 0;
	padding: 2.500vw 5.625vw 2.500vw 5.625vw;
	list-style: none;
	background: #F4EEDC;
}

#sp #past .past_col li {
	margin: 0 0 1.719vw 0;
	padding: 0 0 0 1.4em;
	position: relative;
	text-align: left;
	font-size: 3.125vw;
	line-height: 1.5;
	letter-spacing: 0.1em;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "AXIS Std", "メイリオ", "Meiryo", sans-serif;
	font-weight: 500;
	font-feature-settings: "palt";
	color: #5D310C;
	word-break: break-all;
}

#sp #past .past_col li:last-child {
	margin-bottom: 0;
}

#sp #past .past_col li::before {
	content: "▶";
	position: absolute;
	top: 0.2em;
	left: 0;
	font-size: 0.75em;
	letter-spacing: 0;
}

#sp #past .past_col li a {
	color: #5D310C;
	text-decoration: none;
}

#sp #past .past_col li .sub {
	font-size: 0.65em;
	letter-spacing: 0.05em;
}

/* ---------- 下部バナー・SNS ---------- */
#sp .bg_btm {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 9.219vw 0;
}

#sp #bnr {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

#sp #bnr .bnr_col {
	width: 93.750vw;
	margin: 0 auto;
	padding: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#sp #bnr .bnr_col .bnr_link {
	width: 93.750vw;
	margin: 0 0 3.125vw 0;
}

#sp #bnr .bnr_col .bnr_link2,
#sp #bnr .bnr_col .bnr_link3 {
	width: 44.688vw;
	margin: 0;
}

#sp .btnArea {
	padding: 6.250vw 0 0 0;
	position: relative;
	text-align: center;
}

#sp .snsLink {
	width: 93.750vw;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#sp .snsLink ul {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	list-style: none;
}

#sp .snsLink ul li {
	width: 29.219vw;
	list-style: none;
}

#sp .snsLink ul li a {
	width: 100%;
	border-radius: 3px;
	display: block;
}

#sp .snsLink ul li.x a {
	padding: 2.144vw 0;
	background-color: #000000;
}

#sp .snsLink ul li.fb a {
	padding: 1.705vw 0;
	background-color: #0078ee;
}

#sp .snsLink ul li.line a {
	padding: 1.837vw 0;
	background-color: #00cc33;
}

#sp .snsLink ul li img {
	width: 6.250vw;
}

#sp .snsLink ul li.x img {
	width: 5.300vw;
}

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

}

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

#sp {
	padding: 6px 0 0 0;
}

#sp .hr {
	height: 16px;
}

#sp .hr_btm {
	display: block;
	margin: 0 0 20px 0;
	padding: 0;
	background-clip: content-box;
	box-sizing: content-box;
}

#sp #sp_tl {
	width: 906px;
	margin: 24px auto 0 auto;
}

#sp .sp_contents {
	padding: 0 0 58px 0;
}

#sp .sp_contents .tit {
	width: 740px;
}

/* 放送決定！ */
#sp #new {
	padding: 76px 0 0 0;
}

#sp #new .poster_col {
	width: 900px;
	margin: 23px auto 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	gap: 19px 20px;
}

#sp #new .poster {
	width: 440px;
	margin: 0;
}

/* 視聴方法バナー */
#sp .bnr_shicho {
	width: 580px;
	margin: 77px auto 0 auto;
}

#sp #schedule + .bnr_shicho {
	margin-top: 93px;
}

/* 曜日別ラインナップ */
#sp #schedule {
	padding: 85px 0 0 0;
}

#sp #schedule .day {
	width: 900px;
	margin: 108px auto 0 auto;
	padding: 0 0 44px 0;
	border-width: 4px;
}

#sp #schedule .day1 {
	margin-top: 91px;
}

#sp #schedule .day .tit_s {
	width: 500px;
	margin: -53px auto 0 auto;
}

#sp #schedule .day .pg {
	width: 800px;
	margin: 42px auto 0 auto;
}

#sp #schedule .day .next {
	width: 800px;
	margin: 50px auto 0 auto;
}

/* 過去に放送された作品 */
#sp #past {
	padding: 68px 0 0 0;
}

#sp #past .past_col {
	width: 900px;
	margin: 19px auto 0 auto;
}

#sp #past .past_col::before,
#sp #past .past_col::after {
	height: 30px;
}

#sp #past .past_col ul {
	padding: 24px 40px 24px 62px;
}

#sp #past .past_col li {
	margin: 0 0 17px 0;
	padding: 0 0 0 1.25em;
	font-size: 22px;
	letter-spacing: 0.2em;
}

#sp #past .past_col li::before {
	top: 0.25em;
	font-size: 0.68em;
}

#sp #past .past_col li .sub {
	font-size: 0.62em;
}

/* 下部バナー・SNS */
#sp .bg_btm {
	padding: 40px 0 56px 0;
	background: #FFFFFF;
}

#sp #bnr .bnr_col {
	width: 580px;
}

#sp #bnr .bnr_col .bnr_link {
	width: 580px;
	margin: 0 0 40px 0;
}

#sp #bnr .bnr_col2 {
	width: 560px;
}

#sp #bnr .bnr_col .bnr_link2,
#sp #bnr .bnr_col .bnr_link3 {
	width: 270px;
	margin: 0;
}

#sp .btnArea {
	width: 100%;
	margin: 0 auto;
	padding: 42px 0 0 0;
}

#sp .snsLink {
	width: 900px;
}

#sp .snsLink ul li {
	width: 288px;
}

#sp .snsLink ul li a {
	border-radius: 5px;
}

#sp .snsLink ul li.x a {
	padding: 9px 0;
}

#sp .snsLink ul li.fb a {
	padding: 8px 0;
}

#sp .snsLink ul li.line a {
	padding: 9px 0;
}

#sp .snsLink ul li img {
	width: 30px;
}

#sp .snsLink ul li.x img {
	width: 28px;
}

}