@charset "UTF-8";

/* ==========================================================================
   Foundation
   ==========================================================================*/

/* reset
-----------------------------------------------------------------*/

* {
	margin: 0px;
	padding: 0px;
}

html,
body {
	font-size: 62.5%;/* 10px */
	/*font-size: calc(56.5% + 0.1vw);*/
	height: 100%;
	/* overflow: hidden;*/
}
@media (max-width: 767px) {
	body{
		font-size: 62.5%;/* 10px */
	}
}

/*
.ie-edge html,
.ie-edge body {
	font-size: 62.5%;
}
*/

body {
	font-family: "游ゴシック体","Yu Gothic",YuGothic,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ Pro","メイリオ","Meiryo",メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","Helvetica","Verdana",sans-serif;
	display: block;
	line-height: 1;
	color: #171717;
	text-align: left;
	width: 100% !important;
	height: 100% !important;
	background: #ffffff;
	margin: 0px;
	padding: 0px;
	position: relative;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	-moz-font-feature-settings: normal;
	-webkit-font-feature-settings: normal;
	font-feature-settings: normal;
}
@media (max-width: 767px) {
	body{
		max-width: 767px !important;
		min-width: 0px !important;
		width: 100% !important;
		height: 100%;
		overflow-x: hidden !important;
	}
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
	display: block;
}

audio, canvas, progress, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

template {
    display: none
}

address {
	font-style: normal;
}

h1,
h2,
h3,
h4 {
	font-weight: normal;
	line-height: 100%;
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
	vertical-align: bottom;
}
svg:not(:root) {
    overflow: hidden
}

strong,
b {
	font-weight: bold;
}

a {
	color: #18458e;
	word-wrap: break-word;

	/* text-decoration: none; */
}
a:hover {
	text-decoration: none;
}
a:focus {
	outline: none;
}
a* {
	cursor: pointer;
}

object {
	pointer-events: none;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
textarea {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
textarea:focus,
select {
	outline: 0;/*safariの自動フォーカスを切る */
}

:placeholder-shown {
	color: #e0e0e0;
}
::placeholder {
	color: #e0e0e0;
}
:-ms-input-placeholder {
	color: #e0e0e0 !important;
}
:-moz-placeholder {
	color: #e0e0e0;
}
::-moz-placeholder {
	color: #e0e0e0;
}
::-webkit-input-placeholder {
	color: #e0e0e0;
}

iframe {
	width: 100%;
}

/* ==========================================================================
   Layout
   ==========================================================================*/

/* header
-----------------------------------------------------------------*/

#header {
	display: block;
	height: 70px;
	text-align: left;
	background: #ffffff;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100000;
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.15);
	-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.15);
	-webkit-transform: translateZ(100px);
	-moz-transform: translateZ(100px);
	-ms-transform: translateZ(100px);
	transform: translateZ(100px);
}
@media (max-width: 767px) {
	#header {
		font-family: inherit;
		height: 60px;
		background: #ffffff;
	}
}

/* header__logo */

.header__logo {
	display: block;
	width: 205px;
	border-right: #dadada solid 1px;
	position: absolute;
	/* left: -34px; */
	left: 0;
	top: 0;
	transform: skew(-25deg);
	-ms-transform: skew(-25deg);
	-moz-transform: skew(-25deg);
	-webkit-transform: skew(-25deg);
	transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
}
@media (max-width: 767px) {
	.header__logo {
		width: 100%;
		border-right: none;
		position: absolute;
		/* left: -34px; */
		left: 0;
		top: 0;
		transform: skew(0);
		-ms-transform: skew(0);
		-moz-transform: skew(0);
		-webkit-transform: skew(0);
	}
}

.header__logo__link {
	display: block;
	width: 100%;
	height: 70px;
	position: relative;
}
@media (max-width: 767px) {
	.header__logo__link {
		width: 113px;
		height: 30px;
		margin: 0 auto;
	}
}

.header__logo__link:hover {
	background: #dce7f9;
}
@media (max-width: 767px) {
	.header__logo__link:hover {
		background: transparent;
	}
}

.header__logo__vi {
	display: block;
	width: 120px;
	height: 32px;
	background-size: 120px 32px;
	background: url(../images/logo.svg) no-repeat left top;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-48%) translateY(-50%) skew(25deg);
	-ms-transform: translateX(-48%) translateY(-50%) skew(25deg);
	-moz-transform: translateX(-48%) translateY(-50%) skew(25deg);
	-webkit-transform: translateX(-48%) translateY(-50%) skew(25deg);
}
@media (max-width: 767px) {
	.header__logo__vi {
		width: 113px;
		height: 30px;
		margin-top: 15px;
		background-size: 113px 30px;
		position: relative;
		left: 0;
		top: 0;
		transform: translateX(0) translateY(0) skew(0);
		-ms-transform: translateX(0) translateY(0) skew(0);
		-moz-transform: translateX(0) translateY(0) skew(0);
		-webkit-transform: translateX(0) translateY(0) skew(0);
	}
}

/* header__admission */

.header__admission {
	font-family: 'NotoSansJP-Bold';
	display: block;
	width: 205px;
	/* border-left: #dadada solid 1px; */
	position: absolute;
	right: 0;
	top: 0;
	transform: skew(-25deg);
	-ms-transform: skew(-25deg);
	-moz-transform: skew(-25deg);
	-webkit-transform: skew(-25deg);
	transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-webkit-transform-origin: 0 100%;
}
@media (max-width: 767px) {
	.header__admission {
		font-family: "游ゴシック体","Yu Gothic",YuGothic,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ Pro","メイリオ","Meiryo",メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","Helvetica","Verdana",sans-serif;
		display: block;
		width: 75px;
		text-align: center;
	}
}

.header__admission__link {
	display: block;
	width: 100%;
	height: 70px;
	text-align: center;
	color: #ffffff;
	background: #d02027;
	position: relative;
}
@media (max-width: 767px) {
	.header__admission__link {
		height: 60px;
	}
}

.header__admission__link:hover {
	background: #9c181d;
}
@media (max-width: 767px) {
	.header__admission__link:hover {
		background: #d02027;
	}
}

.header__admission__txt {
	display: block;
	width: 100%;
	font-size: 14px;
	font-size: 1.4rem;
	font-style: italic;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-52%) translateY(-50%) skew(25deg);
	-ms-transform: translateX(-52%) translateY(-50%) skew(25deg);
	-moz-transform: translateX(-52%) translateY(-50%) skew(25deg);
	-webkit-transform: translateX(-52%) translateY(-50%) skew(25deg);
}
@media (max-width: 767px) {
	.header__admission__txt {
		display: block;
		width: 80%;
		font-size: 9px;
		font-size: 0.9rem;
		font-style: normal;
		font-weight: bold;
		text-align: center;
		position: relative;
		left: 0;
		top: 50%;
		transform: translateX(0) translateY(-50%) skew(25deg);
		-ms-transform: translateX(0) translateY(-50%) skew(25deg);
		-moz-transform: translateX(0) translateY(-50%) skew(25deg);
		-webkit-transform: translateX(0) translateY(-50%) skew(25deg);
	}
}

.header__admission__icon {
	display: inline-block;
	padding-left: 2.4rem;
	padding-left: 24px;
	position: relative;
}
@media (max-width: 767px) {
	.header__admission__icon {
		display: inline-block;
		padding-left: 0;
		padding-left: 0;
		position: relative;
	}
}

.header__admission__icon:before {
	content: "";
	display: block;
	width: 19px;
	width: 1.9rem;
	height: 18px;
	height: 1.8rem;
	background: url(../images/icon_tv.svg) no-repeat left top;
	background-size: 19px 18px;
	background-size: 1.9rem 1.8rem;
	position: absolute;
	left: 0;
	top: 35%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
@media (max-width: 767px) {
	.header__admission__icon:before {
		content: "";
		display: block;
		width: 21px;
		width: 2.1rem;
		height: 20px;
		height: 2.0rem;
		margin: 0 auto 5px auto;
		background-size: 21px 20px;
		background-size: 2.1rem 2.0rem;
		position: relative;
		left: 0;
		top: 0;
		transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}

/* header__menu */

.header__menu {
	font-family: 'NotoSansJP-Bold';
	display: block;
	margin: 0 187px;/* 205-18 */
	position: relative;
	left: 0;
}
@media (max-width: 767px) {
	.header__menu {
		font-family: "游ゴシック体","Yu Gothic",YuGothic,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ Pro","メイリオ","Meiryo",メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","Helvetica","Verdana",sans-serif;
		display: block;
		width: 100%;
		height: 0;
		margin: 0;
		padding: 0;
		background: #ffffff;
		position: fixed;
		left: 0;
		top: 60px;
		z-index: 100000;
		/* 枠の高さ計算必須 */
		transform: skew(0);
		-ms-transform: skew(0);
		-moz-transform: skew(0);
		-webkit-transform: skew(0);
		opacity: 0;
		-webkit-overflow-scrolling: touch;
		visibility: hidden;
		overflow: hidden;
		transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-webkit-transition: all 300ms ease;
	}
}

.ie-edge .header__menu {
	font-family: inherit;
	font-weight: bold;
}

@media (max-width: 767px) {
	.is-menu .header__menu {
		visibility: visible;
		overflow-y: scroll;
		opacity: 1;
	}

	.header__menu .u-table--fixed,
	.header__menu .u-table__cell {
		display: block;
		width: auto;
		table-layout: auto !important;
	}
}

.header__menu__list {
	display: block;
}

@media (max-width: 767px) {
	.header__menu__list {
		border-top: #eaeaea solid 1px;
		transform: translateY(-60px);
		-ms-transform: translateY(-60px);
		-moz-transform: translateY(-60px);
		-webkit-transform: translateY(-60px);
		transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-webkit-transition: all 300ms ease;
	}
	.is-menu .header__menu__list {
		-webkit-transform: translateY(0);
	}
}

.header__menu__list li {
	font-size: 15px;
	font-size: 1.5rem;
	text-align: center;
	line-height: 1.4;
	color: #9fb0c0;
	/* border-right: #dadada solid 1px; */
	/*
	transform: skew(-25deg);
	-ms-transform: skew(-25deg);
	-moz-transform: skew(-25deg);
	-webkit-transform: skew(-25deg);
	*/
}
@media (max-width: 767px) {
	.header__menu__list > li {
		font-size: 15px;
		font-size: 1.5rem;
		font-weight: bold;
		text-align: center;
		line-height: 1.4;
		color: #9fb0c0;
		transform: skew(0);
		-ms-transform: skew(0);
		-moz-transform: skew(0);
		-webkit-transform: skew(0);
		border-bottom: #eaeaea solid 1px;
		/**/
		position: relative;
		overflow: hidden;
	}
}

.header__menu__list li:last-child {
	border-right: none;
}
@media (max-width: 767px) {
	.header__menu ul li:last-child {
		border-right: none;
	}
}

.header__menu__list > li > a {
	height: 70px;
	text-decoration: none;
	border-right: #dadada solid 1px;
	/**/
	transform: skew(-25deg);
	-ms-transform: skew(-25deg);
	-moz-transform: skew(-25deg);
	-webkit-transform: skew(-25deg);
	transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
}
@media (max-width: 767px) {
	.header__menu__list > li > a {
		display: block;
		width: auto;
		height: auto;
		padding: 1em 0;
		text-decoration: none;
		background: #ffffff;
		border-right: none;
		/**/
		transform: skew(0);
		-ms-transform: skew(0);
		-moz-transform: skew(0);
		-webkit-transform: skew(0);
		transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
		-webkit-transform-origin: 50% 50%;
		position: relative;
		z-index: 10;
	}
}

.header__menu__list li:hover a {
	/*background: #dce7f9;*/
	/*background: #dce7f9; */
}
@media (max-width: 767px) {
	.header__menu__list > li:hover a {
		background: #ffffff;
	}
	.header__menu__list > li > a .u-table__cell {
		display: block;
	}
}

.header__menu__list > li.is-current > a {
	background: #dce7f9;
}

.header__menu__box {
	display: block;
	transform: skew(25deg);
	-ms-transform: skew(25deg);
	-moz-transform: skew(25deg);
	-webkit-transform: skew(25deg);
}
@media (max-width: 767px) {
	.header__menu__box {
		display: block;
		transform: skew(0);
		-ms-transform: skew(0);
		-moz-transform: skew(0);
		-webkit-transform: skew(0);
	}
}

.header__menu__icon {
	padding-right: 16px;
	padding-right: 1.6rem;
	position: relative;
}
@media (max-width: 767px) {
	.header__menu__icon {
		display: block;
		padding-right: 0;
	}
}

.header__menu__icon:after {
	content: "";
	display: block;
	width: 11px;
	height: 6px;
	width: 1.1rem;
	height: 0.6rem;
	background: url(../images/icon_arrow_y.svg) no-repeat left top;
	background-size: 11px 6px;
	background-size: 1.1rem 0.6rem;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	opacity: 0.25;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transition: all 0.2s cubic-bezier(.65,.05,.36,1);
	-webkit-transition: all 0.2s cubic-bezier(.65,.05,.36,1);
}
.ie9 .header__menu__icon:after {
	width: 14px;
	height: 6px;
	background-size: 14px 6px;
	top: 40%;
}
@media (max-width: 767px) {
	.header__menu__icon:after {
		right: 20px;
		opacity: 1;
	}
}

.header__menu ul li:hover .header__menu__icon:after {
	transform: translateY(-20%);
	-ms-transform: translateY(-20%);
	-moz-transform: translateY(-20%);
	-webkit-transform: translateY(-20%);
	opacity: 1;
}
@media (max-width: 767px) {
	.header__menu__list li:hover .header__menu__icon:after {
		transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		opacity: 0.25;
	}
}

/* header__menu__listFooter */

.header__menu__listFooter {
	display: none !important;
	visibility: hidden;
}
@media (max-width: 767px) {
	.header__menu__listFooter {
		visibility: visible;
		width: auto;
		font-size: 10px;
		font-size: 1.0rem;
		text-align: center;
		padding: 24px 10px;
	}

	.is-menu .header__menu__listFooter {
		display: block !important;
	}

	.header__menu__listFooter > li {
		/*margin-right: 2.5em;*/
		margin: 0 1.25em;
		padding: 0.75em 0;
	}

	/*
	.header__menu__listFooter > li:last-child {
		margin-right: 0;
	}
	*/

	.header__menu__listFooter > li > a {
		color: #333333;
		text-decoration: none;
	}
}

/* header__menu - is-open */

@media (max-width: 767px) {
	.header__menu__list li.is-open,
	.header__menu__list li.is-open a {
		background: #edf3fb;/*f6f9fd*/
	}
	.header__menu__list li.is-open .header__menu__icon:after {
		transform: translateY(-50%) rotate(180deg);
		-ms-transform: translateY(-50%) rotate(180deg);
		-moz-transform: translateY(-50%) rotate(180deg));
		-webkit-transform: translateY(-50%) rotate(180deg);
		opacity: 0.25;
	}
}

/* header__submenu */

.header__submenu {
	display: block;
	width: 75%;
	max-width: 1600px;
	min-width: 980px;
	background: #dce7f9;
	position: absolute;
	top: 70px;
	left: 50%;
	z-index: 100001;
	/**/
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	/*
	transform: translateX(-50%) skew(25deg);
	-ms-transform: translateX(-50%) skew(25deg);
	-moz-transform: translateX(-50%) skew(25deg);
	-webkit-transform: translateX(-50%) skew(25deg);
	*/
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	/**/
	visibility: hidden;
	opacity: 0;
	pointer-events: none;/* hover切替 jsの方がいいかも */
}
@media (max-width: 767px) {
	.header__submenu {
		width: 100%;
		height: auto;
		min-width: inherit;
		min-width: auto;
		font-weight: normal;
		background: #dce7f9;
		position: relative;
		top: 0;
		left: 0;
		opacity: 1;
		visibility: visible;
		background: transparent;
		/**/
		transform: translateX(0%);
		-ms-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-webkit-transform: translateX(0%);
	}
}


.header__menu li:hover .header__submenu {
	visibility: visible;
	z-index: 100002;
	opacity: 1;
	pointer-events: auto;/* hover切替 jsの方がいいかも */
}
@media (max-width: 767px) {
	.header__menu li:hover .header__submenu {
		z-index: 0;
	}
}

.header__submenu__box {
	background: #dce7f9;
	position: relative;
	z-index: 100002;
	padding: 20px 0 0 0;
}
@media (max-width: 767px) {
	.header__submenu__box {
		padding: 0;
		background: transparent;
		position: relative;
		z-index: inherit;
	}
}

.header__submenu:before {
	content: "";
	pointer-events: none;
	display: block;
	width: 100vw;
	min-width: 1024px;
	height: 100vh;
	text-align: left;
	background: #000000;
	position: fixed;
	left: 50%;
	top: 0;
	z-index: 99999;
	/**/
	-webkit-transition: none;
	transition: none;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	/**/
	opacity: 0.5;
}
.ie .header__submenu:before {
	display: none;
}
@media (max-width: 767px) {
	.header__submenu:before {
		display: none;
	}
}

/* header__submenu__list */

.header__submenu__list {
	margin: 0 20px;
	padding-bottom: 30px;
	text-align: left;
}
@media (max-width: 767px) {
	.header__submenu__list {
		margin: 0;
		padding-bottom: 0;
	}

	.header__menu ul li.is-open .is-open,
	.header__menu ul li.is-open .is-open a {
		background: #dbe8f8;
	}
}

/* header__sp-menu */

.header__sp-menu {
	display: none;
}
@media (max-width: 767px) {
	.header__sp-menu {
		display: block;
		width: 75px;
		text-align: center;
		position: absolute;
		left: 0;
		top: 0;
		transform: skew(-25deg);
		-ms-transform: skew(-25deg);
		-moz-transform: skew(-25deg);
		-webkit-transform: skew(-25deg);
		transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
	}

	.header__sp-menu__link {
		display: block;
		width: 100%;
		height: 60px;
		text-align: center;
		color: #ffffff;
		text-decoration: none;
		background: #18458e;
		position: relative;
	}

	.header__sp-menu__txt {
		display: block;
		width: 80%;
		font-size: 9px;
		font-size: 0.9rem;
		font-style: normal;
		font-weight: bold;
		text-align: center;
		position: relative;
		left: 20%;
		top: 50%;
		transform: translateX(0) translateY(-2%) skew(25deg);
		-ms-transform: translateX(0) translateY(-2%) skew(25deg);
		-moz-transform: translateX(0) translateY(-2%) skew(25deg);
		-webkit-transform: translateX(0) translateY(-2%) skew(25deg);
	}
	.header__sp-menu__txt__close {
		display: none;
	}

	.header__sp-menu__icon {
		display: block;
		width: 20px;
		height: 3px;
		background: #ffffff;
		position: relative;
		margin: 0 auto;
		margin-bottom: 6px;
		transform: translateY(-6px);
		-ms-transform: translateY(-6px);
		-moz-transform: translateY(-6px);
		-webkit-transform: translateY(-6px);
		transform-style: preserve-3d;
		-webkit-transform-style: preserve-3d;
	}
	.header__sp-menu__icon:before,
	.header__sp-menu__icon:after {
		content: "";
		display: block;
		width: 20px;
		height: 3px;
		background: #ffffff;
		position: absolute;
		left: 0;
		top: 0;
		transform-style: preserve-3d;
		-webkit-transform-style: preserve-3d;
	}
	.header__sp-menu__icon:before {
		transform: translateY(6px);
		-ms-transform: translateY(6px);
		-moz-transform: translateY(6px);
		-webkit-transform: translateY(6px);
	}
	.header__sp-menu__icon:after {
		transform: translateY(-6px);
		-ms-transform: translateY(-6px);
		-moz-transform: translateY(-6px);
		-webkit-transform: translateY(-6px);
	}

	/* is-menu header__sp-menu */

	.is-menu .header__sp-menu__link {
		background: #333333;
	}

	.is-menu .header__sp-menu__txt__open {
		display: none;
	}
	.is-menu .header__sp-menu__txt__close {
		display: block;
	}

	.is-menu .header__sp-menu__icon {
		background: transparent;
	}
	.is-menu .header__sp-menu__icon:before {
		-webkit-transform: rotate(135deg);
	}
	.is-menu .header__sp-menu__icon:after {
		-webkit-transform: rotate(-135deg);
	}
}

/* breadcrumb
-----------------------------------------------------------------*/

.breadcrumb {
	font-size: 10px;
	font-size: 1.0rem;
	background: #eaeaea;
	margin-top: 70px;
	padding: 1.5em 0;
}
@media (max-width: 767px) {
	.breadcrumb {
		margin-top: 60px;
		padding: 1.2em 0;
	}
}

.breadcrumb__list {
	margin: 0 30px;
}

.breadcrumb__list > li {
	color: #999999;
	padding: 0;
}

.breadcrumb__list > li:after {
	content: ">";
	display: inline-block;
	color: #999999;
	padding: 0 0.8em;
}
@media (max-width: 767px) {
	.breadcrumb__list > li:after {
		padding: 0 0.6em;
	}
}

.breadcrumb__list > li:last-child:after {
	display: none;
}

.breadcrumb__list > li > a {
	text-decoration: none;
	color: #111111;
}
.breadcrumb__list > li > a:hover {
	opacity: 0.5;
}

/* tab
-----------------------------------------------------------------*/

#tab {
	display: block;
	font-family: 'NotoSansJP-Medium';
	text-align: center;
	background: #ffffff;
	padding: 20px 0;
	/* box-shadow */
	box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.15);
	-ms-box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.15);
}
@media (max-width: 767px) {
	#tab {
		font-family: inherit;
		/*padding: 1.4em 0;*/
		overflow: hidden;
		position: relative;
		width: 100%;
		height: 3em;
	}
}

.ie-edge #tab {
	font-family: inherit;
	font-weight: bold;
}

/* tab__menu */

@media (max-width: 767px) {
	.tab__menu {
		text-align: center;
		margin: 0 !important;
		position: relative;
		/*
		width: calc(100% + 40px);
		width: 100%;
		*/
		height: 100%;
		z-index: 1;
	}
}

/* tab__menu__list */

@media (max-width: 767px) {
	.tab__menu__list {
		display: block !important;
		table-layout: inherit !important;
		list-style: none;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap;
	}
}

.tab__menu__list > li {
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
	line-height: 1.4;
	color: #111111;
}
@media (max-width: 767px) {
	.tab__menu__list > li {
		display: inline-block;
		font-size: 12px;
		font-size: 1.2rem;
		padding: 0 1.4em 50px 1.4em;
	}

	.tab__menu__list > li:first-child {
		padding-left: 40px;
	}

	.tab__menu__list > li:last-child {
		margin-right: 40px;
	}
}

.tab__menu__list > li.is-current > a {
	pointer-events: none;
}

.tab__menu__list > li.is-current > a > span {
    filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	opacity: 0.25;
}

.tab__menu__list li:last-child {
	border-right: none;
}
@media (max-width: 767px) {
	.tab__menu__list li:last-child {
		border-right: none;
		padding-right: 0;
	}
}

.tab__menu__list > li > a {
	text-decoration: none;
	color: #111111;
	padding: 0.6em 0;
	border-right: #dadada solid 1px;
	/**/
	transform: skew(-25deg);
	-ms-transform: skew(-25deg);
	-moz-transform: skew(-25deg);
	-webkit-transform: skew(-25deg);
	transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
}
@media (max-width: 767px) {
	.tab__menu__list > li > a {
		padding: 0.6em 0;
		border: none !important;
		/**/
		transform: skew(0);
		-ms-transform: skew(0);
		-moz-transform: skew(0);
		-webkit-transform: skew(0);
	}
}

.tab__menu__list > li:first-child > a {
	border-left: #dadada solid 1px;
}

/* tab__menu__box */

.tab__menu__box {
	display: block;
	transform: skew(25deg);
	-ms-transform: skew(25deg);
	-moz-transform: skew(25deg);
	-webkit-transform: skew(25deg);
}
@media (max-width: 767px) {
	.tab__menu__box {
		display: block;
		transform: skew(0);
		-ms-transform: skew(0);
		-moz-transform: skew(0);
		-webkit-transform: skew(0);
	}
}

/* tab__menu__icon */

.tab__menu__icon {
	padding-right: 16px;
	padding-right: 1.6rem;
	position: relative;
}
.tab__menu__icon:after {
	content: "";
	display: block;
	width: 11px;
	height: 6px;
	width: 1.1rem;
	height: 0.6rem;
	background: url(../images/icon_arrow_y.svg) no-repeat left top;
	background-size: 11px 6px;
	background-size: 1.1rem 0.6rem;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transition: all 0.2s cubic-bezier(.65,.05,.36,1);
	-webkit-transition: all 0.2s cubic-bezier(.65,.05,.36,1);
}
.ie9 .tab__menu__icon:after {
	width: 14px;
	height: 6px;
	background-size: 14px 6px;
	top: 40%;
}
.header__menu ul li:hover .tab__menu__icon:after {
	transform: translateY(-20%);
	-ms-transform: translateY(-20%);
	-moz-transform: translateY(-20%);
	-webkit-transform: translateY(-20%);
}
.tab__menu__icon--yellow:after {
	background-image: url(../images/icon_arrow_y--yellow.svg);
}
.tab__menu__icon--green:after {
	background-image: url(../images/icon_arrow_y--green.svg);
}
.tab__menu__icon--skyblue:after {
	background-image: url(../images/icon_arrow_y--skyblue.svg);
}
.tab__menu__icon--pink:after {
	background-image: url(../images/icon_arrow_y--pink.svg);
}
.tab__menu__icon--purple:after {
	background-image: url(../images/icon_arrow_y--purple.svg);
}

/* tab--live */

.tab--live {
	visibility: hidden;
}

@media (max-width: 767px) {
	.tab--live {
		/*display: table;*/
		/*padding: 0 !important;*/
		/*padding-bottom: 10px !important;*/
		visibility: visible;
		padding-top: 0 !important;
		margin-bottom: 30px !important;
		position: relative;
		/*top: -5px;*/
		z-index: 1;
	}

	.tab--live .tab__menu__list > li {
		/*display: table-cell;*/
		font-size: 12px;
		font-size: 1.2rem;
		/*padding: 0;*/
	}

	.tab--live .tab__menu__list > li a {
		color: #18458e;
	}

	.tab--live .tab__menu__list > li .num {
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		font-size: 1.6rem;
	}
}

/* tab--program */

#tab.tab--program {
	padding-top: 0;
}

/* main
-----------------------------------------------------------------*/

#main {
}

/* side
-----------------------------------------------------------------*/

#side {
}

/* viewing
-----------------------------------------------------------------*/

.viewing {
	background: #000000;
	padding: 80px 0;
}
@media (max-width: 767px) {
	.viewing {
		padding: 40px 0;
	}
}

/* viewing__title */

.viewing__title {
	display: block;
	font-family: 'NotoSansJP-Bold';
	font-size: 24px;
	font-size: 2.4rem;
	letter-spacing: 0.1em;
	color: #ffffff;
	text-align: center;
}
@media (max-width: 767px) {
	.viewing__title {
		font-family: inherit;
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: bold;
		letter-spacing: 0;
	}
}

.viewing__title a {
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
}

.viewing__title a:hover {
	opacity: 0.5;
}

.viewing__title__icon {
	display: inline-block;
	padding-left: 100px;
	padding-left: 10.0rem;
	position: relative;
}
@media (max-width: 767px) {
	.viewing__title__icon {
		padding-left: 76px;
		padding-left: 7.6rem;
	}
}

.viewing__title__icon:after {
	content: "";
	display: block;
	width: 83px;
	height: 22px;
	width: 8.3rem;
	height: 2.2rem;
	background: url(../images/logo--white.svg) no-repeat left top;
	background-size: 83px 22px;
	background-size: 8.3rem 2.2rem;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
@media (max-width: 767px) {
	.viewing__title__icon:after {
		width: 62px;
		height: 16px;
		width: 6.2rem;
		height: 1.6rem;
		background-size: 62px 16px;
		background-size: 6.2rem 1.6rem;
	}
}

/* viewing__txt */

.viewing__txt {
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
	color: #ffffff;
	line-height: 1.6;
	padding: 1.8em 0 40px 0;
}
@media (max-width: 767px) {
	.viewing__txt {
		font-size: 12px;
		font-size: 1.2rem;
		text-align: center;
		padding: 1.2em 0 10px 0;
	}
}

/* viewing__list */

.viewing__list > li {
	margin-top: 0;
}
@media (max-width: 767px) {
	.viewing__list > li {
		margin-top: 10px;
	}
}

.viewing__list > li > a {
	display: block;
	width: 100%;
	background: #ffffff;
}

.viewing__list__title {
	display: block;
	width: 100%;
	height: 100px;
	position: relative;
}
@media (max-width: 767px) {
	.viewing__list__title {
		height: 60px;
	}
}

.viewing__list > li > a:hover .viewing__list__title {
	opacity: 0.5;
	transform: scale(0.95);
	-ms-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-webkit-transform: scale(0.95);
}
@media (max-width: 767px) {
	.viewing__list > li > a:hover .viewing__list__title {
		opacity: inherit;
		transform: inherit;
		-ms-transform: inherit;
		-moz-transform: inherit;
		-webkit-transform: inherit;
	}
}

.viewing__list__title:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
}

.viewing__list__title.u-bg-skyperfectv:after {
	width: 150px;
	height: 54px;
	background-size: 150px 54px;
}
@media (max-width: 767px) {
	.viewing__list__title.u-bg-skyperfectv:after {
		width: 90px;
		height: 32px;
		background-size: 90px 32px;
	}
}

.viewing__list__title.u-bg-jcom:after {
	width: 124px;
	height: 39px;
	background-size: 124px 39px;
	transform: translateX(-50%) translateY(-40%);
	-ms-transform: translateX(-50%) translateY(-40%);
	-moz-transform: translateX(-50%) translateY(-40%);
	-webkit-transform: translateX(-50%) translateY(-40%);
}
@media (max-width: 767px) {
	.viewing__list__title.u-bg-jcom:after {
		width: 74px;
		height: 23px;
		background-size: 74px 23px;
	}
}

.viewing__list__title.u-bg-cabletv:after {
	width: 115px;
	height: 32px;
	background-size: 115px 32px;
}
@media (max-width: 767px) {
	.viewing__list__title.u-bg-cabletv:after {
		width: 69px;
		height: 19px;
		background-size: 69px 19px;
	}
}

.viewing__list__title.u-bg-hikaritv:after {
	width: 156px;
	height: 27px;
	background-size: 156px 27px;
}
@media (max-width: 767px) {
	.viewing__list__title.u-bg-hikaritv:after {
		width: 94px;
		height: 16px;
		background-size: 94px 16px;
	}
}
.viewing__list__title.u-bg-skyondemand {
  background-color: #000;
}
.viewing__list__title.u-bg-skyondemand:after {
	width: 150px;
	height: 54px;
	background-size: 150px 54px;
}
@media (max-width: 767px) {
	.viewing__list__title.u-bg-skyondemand:after {
		width: 90px;
		height: 32px;
		background-size: 90px 32px;
	}
}


/* viewing .c-layer__bg__* */

.viewing .c-layer__bg__inner:before {
	content: "";
	display: block;
	width: 100%;/* js */
	height: 100%;/* js */
	background: url(/common/images/video_mask.gif) repeat center center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	opacity: 0.25;
}
@media (max-width: 767px) {
	.viewing .c-layer__bg__inner:before {
		display: none;
	}
}

.viewing .c-layer__bg__inner:after {
	content: "";
	display: block;
	width: 100%;/* js */
	height: 100%;/* js */
	background: #000000;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	opacity: 0.5;
}

.viewing .c-layer__bg__obj {
	display: block;
	width: 100%;/* js */
	height: auto;/* js */
	position: absolute;
	left: 0;/* js */
	top: 0;/* js */
	z-index: 1;
}

/* .c-layer__bg__logo */

.c-layer__bg__logo {
	display: block;
	width: 200%;/* js */
	height: 36px;/* js */
	position: relative;
	left: -110px;/* js */
	top: 0;/* js */
	z-index: 1;
	background: url(/common/images/bg_slider.png) repeat-x left top;
	background-size: 110px 36px;
	animation: bgslide 5000ms linear infinite;
	-webkit-animation: bgslide 5000ms linear infinite;
	transition: 0.3s ease-out;
	-webkit-transition: 0.3s ease-out;
	opacity: 0;
}
@media (max-width: 767px) {
	.c-layer__bg__logo {
		width: 200%;/* js */
		height: 27px;/* js */
		left: -83px;/* js */
		background-size: 83px 27px;
	}
}

.is-setted .c-layer__bg__logo {
	opacity: 1;
}

.c-layer__bg__logo:nth-child(2n) {
	left: -55px;/* js */
	background: url(/common/images/bg_slider.png) repeat-x left top;
	animation: bgslide_reverse 7500ms linear infinite;
	-webkit-animation: bgslide_reverse 7500ms linear infinite;
}
@media (max-width: 767px) {
	.c-layer__bg__logo:nth-child(2n) {
		background-size: 83px 27px;
	}
}

.channelmap .c-layer__bg__logo {
	opacity: 0.55;
}


@-webkit-keyframes bgslide {
	0% {-webkit-transform:translate3d(0, 0, 0);}
	100% {-webkit-transform:translate3d(110px, 0, 0);}
}
@keyframes bgslide {
	0% {transform:translate3d(0, 0, 0);}
	100% {transform:translate3d(110px, 0, 0);}
}

@-webkit-keyframes bgslide_reverse {
	0% {-webkit-transform:translate3d(0, 0, 0);}
	100% {-webkit-transform:translate3d(-110px, 0, 0);}
}
@keyframes bgslide_reverse {
	0% {transform:translate3d(0, 0, 0);}
	100% {transform:translate3d(-110px, 0, 0);}
}
@media (max-width: 767px) {
	@-webkit-keyframes bgslide {
		0% {-webkit-transform:translate3d(0, 0, 0);}
		100% {-webkit-transform:translate3d(83px, 0, 0);}
	}
	@keyframes bgslide {
		0% {transform:translate3d(0, 0, 0);}
		100% {transform:translate3d(83px, 0, 0);}
	}

	@-webkit-keyframes bgslide_reverse {
		0% {-webkit-transform:translate3d(0, 0, 0);}
		100% {-webkit-transform:translate3d(-83px, 0, 0);}
	}
	@keyframes bgslide_reverse {
		0% {transform:translate3d(0, 0, 0);}
		100% {transform:translate3d(-83px, 0, 0);}
	}
}

/* channelmap
-----------------------------------------------------------------*/

.channelmap {
	background: #272727;
	padding: 60px 0;
}
@media (max-width: 767px) {
	.channelmap {
		padding: 40px 0;
	}
}

/* channelmap__title */

.channelmap__title {
	display: block;
	font-family: 'NotoSansJP-Bold';
	font-size: 18px;
	font-size: 1.8rem;
	font-style: italic;
	letter-spacing: 0.1em;
	color: #818181;
	text-align: center;
	padding-bottom: 60px;
}
@media (max-width: 767px) {
	.channelmap__title {
		font-family: inherit;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
		letter-spacing: 0;
		padding-bottom: 20px;
	}
}

.channelmap__title a {
	display: inline-block;
	color: #818181;
	text-decoration: none;
}
@media (max-width: 767px) {
	.channelmap__title a {
		display: inline-block;
		color: #818181;
		text-decoration: none;
	}
}

.channelmap__title a:hover {
	opacity: 0.5;
}
@media (max-width: 767px) {
	.channelmap__title a:hover {
		opacity: inherit;
	}
}

.channelmap__title__icon {
	display: inline-block;
	padding-left: 40px;
	padding-left: 4.0rem;
	position: relative;
}
@media (max-width: 767px) {
	.channelmap__title__icon {
		display: block;
		padding-left: 0;
	}
}

.channelmap__title__icon:before {
	content: "";
	display: block;
	width: 28px;
	height: 26px;
	width: 2.8rem;
	height: 2.6rem;
	background: url(../images/icon_tv--gray.svg) no-repeat left top;
	background-size: 28px 26px;
	background-size: 2.8rem 2.6rem;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-65%);
	-ms-transform: translateY(-65%);
	-moz-transform: translateY(-65%);
	-webkit-transform: translateY(-65%);
}
@media (max-width: 767px) {
	.channelmap__title__icon:before {
		content: "";
		display: block;
		margin: 0 auto 0.8em auto;
		position: relative;
		left: 0;
		top: 0;
		transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}

/* channelmap__bg */

.channelmap__bg {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
@media (max-width: 767px) {
	.channelmap__bg {
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
	}
}

.channelmap__bg__inner {
	display: block;
	width: 100%;
	height: 100%;/* js */
	position: relative;
	overflow: hidden;
}
@media (max-width: 767px) {
	.channelmap__bg__inner {
		display: block;
		width: 100%;
		height: 100%;/* js */
		position: relative;
		overflow: hidden;
	}
}

.channelmap__bg__obj {
	display: block;
	position: absolute;
	left: 0;/* js */
	top: 0;/* js */
	z-index: 1;
}
@media (max-width: 767px) {
	.channelmap__bg__obj {
		display: block;
		position: absolute;
		left: 0;/* js */
		top: 0;/* js */
		z-index: 1;
	}
}

/* footer
-----------------------------------------------------------------*/

#footer {
	padding: 30px 0;
	background: #ffffff;
}
@media (max-width: 767px) {
	#footer {
		padding: 20px 0;
	}
}

/* footer__menu */

.footer__menu {
	float: left;
	/*
	font-size: 13px;
	font-size: 1.3rem;
	*/
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.2;
}
@media (max-width: 767px) {
	.footer__menu {
		display: none;
	}
}

.footer__menu > ul > li {
	/*margin-right: 30px;*/
	margin-right: 1.4em;
}

.footer__menu > ul > li > a {
	color: #333333;
}

/* footer__sns */

.footer__sns {
	float: right;
	position: relative;
}
@media (max-width: 767px) {
	.footer__sns {
		float: none;
		margin: 0 10px;
	}
}

.footer__sns__list {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.footer__sns__icon {
	margin-right: 5px;
}

.footer__sns__icon:last-child {
	margin-right: 0;
}

.footer__sns__icon > a {
	display: block;
	width: 30px;
	height: 30px;
}

.footer__sns__icon--twitter > a {
	background: url(../images/icon_twitter.svg) no-repeat left top;
	background-size: 30px 30px;
}

.footer__sns__icon--facebook > a {
	background: url(../images/icon_facebook.svg) no-repeat left top;
	background-size: 30px 30px;
}

.footer__sns__icon > a:hover {
	opacity: 0.5;
}

.footer__copyright {
	font-size: 11px;
	font-size: 1.1rem;
	color: #999999;
	line-height: 1.2;
	margin-right: 80px;
}
@media (max-width: 767px) {
	.footer__copyright {
		font-size: 10px;
		font-size: 1.0rem;
		margin-right: 0;
	}
}

.is-wait .footer__sns__list {
	display: none;
}

.is-wait .footer__copyright {
	margin-right: 0;
}

/* loading
-----------------------------------------------------------------*/

/* ==========================================================================
   Object
   ==========================================================================*/

/* Component
-----------------------------------------------------------------*/

/**
* Grid
*/

/* c-grid--base */

.c-grid--base {
	width: 100%;
	min-width: 1024px;
	/*overflow: hidden; /* sticky効かなくなる */*/
	position: relative;
 }
 @media (max-width: 767px) {
	 .c-grid--base {
	 	min-width: inherit;
	 	min-width: auto;
	  }
 }

.c-grid--base--over {
	overflow: hidden;
}

 .c-grid--base__inner {
	margin: 0 30px;
 }
 @media (max-width: 767px) {
	 .c-grid--base__inner {
		margin: 0 10px;
	 }
 }

.c-grid--base--border {
	 border-bottom: #eaeaea solid 2px;
 }

/* c-grid--content */

.c-grid--content {
	 width: 75%;
	 /*max-width: 1600px;*/
	 /*max-width: 1440px;*/
	 max-width: 1280px;
	 min-width: 980px;
	 margin: 0 auto;
}
@media (max-width: 767px) {
	.c-grid--content {
		width: auto;
		margin: 0 20px;
		max-width: inherit;
		max-width: auto;
		min-width: inherit;
		min-width: auto;
	}
}

.c-grid--content--stand {
	 padding: 80px 0;
}
@media (max-width: 767px) {
	.c-grid--content--stand {
		 padding: 20px 0;
	}
}

.c-grid--content__main {
	float: left;
	width: 76.5%;
	width: calc(76.5% - 40px);
	width: calc(76.5% - 4%);
}
@media (max-width: 767px) {
	.c-grid--content__main {
		float: none;
		width: 100%;
	}
}

.p-topics .c-grid--content__main {
	width: calc(76.5% - 20px);
}
@media (max-width: 767px) {
	.p-topics .c-grid--content__main {
		width: 100%;
	}
}

.c-grid--content__side {
	float: right;
	width: 23.5%;
}
@media (max-width: 767px) {
	.c-grid--content__side {
		float: none;
		width: 100%;
	}
}

.c-grid--content__small {
	width: 76.5%;
	width: calc(76.5% - 40px);
	width: calc(76.5% - 4%);
	margin: 0 auto;
}
@media (max-width: 767px) {
	.c-grid--content__small {
		float: none;
		width: 100%;
	}
}

/* c-grid--large */

.c-grid--large {
	text-align: left;
	margin: 0 auto;
}
.c-grid--large__inner {
	margin: 0 6.5%;
}

/* c-grid--middle */

/* c-grid--small */

/**
* Column
*/

/* c-colum - common */

.c-colum /* clearfix */ {
  display: inline-block;
}
.c-colum:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height:0;
  font-size:0;
}
* html .c-colum {
  height: 1%;
}
.c-colum {
  display: block;
}

.c-colum__block {
	display: block;
	list-style-type: none;
}

/* c-colum--2 */

.c-colum--2 {
	display: block;
}
.c-colum--2 > .c-colum__block {
	float: left;
	width: 50%;
	width: 	calc((100% - 20px) / 2);
	margin-right: calc(20px + 0px);
}
.c-colum--2 > .c-colum__block:nth-child(2n) {
	margin-right: 0;
}
.c-colum--2 > .c-colum__block:nth-child(2n+1) {
	clear: both;
}

.ie-edge .c-colum--2 > .c-colum__block {
	width: 	calc((99.9% - 20px) / 2);
}

/* c-colum--2--small */

.c-colum--2--small > .c-colum__block {
	width: 	calc((100% - 10px) / 2);
	margin-right: calc(10px + 0px);
}

.ie-edge .c-colum--2--small > .c-colum__block {
	width: 	calc((99.9% - 10px) / 2);
}

/* c-colum--2--large */

.c-colum--2--large > .c-colum__block {
	width: 	calc((100% - 50px) / 2);
	margin-right: calc(50px + 0px);
}

.ie-edge .c-colum--2--large > .c-colum__block {
	width: 	calc((99.9% - 50px) / 2);
}

/* c-colum--2--fit */

.c-colum--2--fit > .c-colum__block {
	width: 	calc(100% / 2);
	margin-right: 0;
}

.ie-edge .c-colum--2--fit > .c-colum__block {
	width: 	calc(99.9% / 2);
}

/* c-colum--3 */

.c-colum--3 {
	display: block;
}
.c-colum--3 > .c-colum__block {
	float: left;
	width: 33.3%;
	width: 	calc((100% - 40px) / 3);
	margin-right: calc(20px + 0px);
}
.c-colum--3 > .c-colum__block:nth-child(3n) {
	margin-right: 0;
}
.c-colum--3 > .c-colum__block:nth-child(3n+1) {
	clear: both;
}

.ie-edge .c-colum--3 > .c-colum__block {
	width: 	calc((99.9% - 40px) / 3);
}

/* c-colum--3--small */

.c-colum--3--small > .c-colum__block {
	width: 	calc((100% - 20px) / 3);
	margin-right: calc(10px + 0px);
}

.ie-edge .c-colum--3--small > .c-colum__block {
	width: 	calc((99.9% - 20px) / 3);
}

/* c-colum--3--large */

.c-colum--3--large > .c-colum__block {
	width: 	calc((100% - 100px) / 3);
	margin-right: calc(50px + 0px);
}

.ie-edge .c-colum--3--large > .c-colum__block {
	width: 	calc((99.9% - 100px) / 3);
}

/* c-colum--4 */

.c-colum--4 {
	display: block;
}
.c-colum--4 > .c-colum__block {
	float: left;
	width: 33.3%;
	width: 	calc((100% - 60px) / 4);
	margin-right: calc(20px + 0px);
	margin-bottom: 10px;
}
.c-colum--4 > .c-colum__block:nth-child(4n) {
	margin-right: 0;
}
.c-colum--4 > .c-colum__block:nth-child(4n+1) {
	clear: both;
}

.ie-edge .c-colum--4 > .c-colum__block {
	width: 	calc((99.9% - 60px) / 4);
}

/* c-colum--5 */

.c-colum--5 {
	display: block;
}
.c-colum--5 > .c-colum__block {
	float: left;
	width: 20%;
	width: 	calc((100% - 80px) / 5);
	margin-right: calc(20px + 0px);
}
.c-colum--5 > .c-colum__block:nth-child(5n) {
	margin-right: 0;
}
.c-colum--5 > .c-colum__block:nth-child(5n+1) {
	clear: both;
}

.ie-edge .c-colum--5 > .c-colum__block {
	width: 	calc((99.9% - 80px) / 5);
}

/* c-colum--6 */

.c-colum--6 {
	display: block;
}
.c-colum--6 > .c-colum__block {
	float: left;
	width: 16.6%;
	width: 	calc((100% - 80px) / 6);
	margin-right: calc(16px + 0px);
}
.c-colum--6 > .c-colum__block:nth-child(6n) {
	margin-right: 0;
}
.c-colum--6 > .c-colum__block:nth-child(6n+1) {
	clear: both;
}

.ie-edge .c-colum--6 > .c-colum__block {
	width: 	calc((99.9% - 80px) / 6);
}

/* c-colum - common - reset */

@media (max-width: 767px) {
	.c-colum .c-colum__block {
		width: inherit;
		width: auto;
		margin-right: inherit;
		margin-right: auto;
		float: inherit;
		float: none;
	}

	.c-colum .c-colum__block:nth-child(1n),
	.c-colum .c-colum__block:nth-child(2n),
	.c-colum .c-colum__block:nth-child(3n),
	.c-colum .c-colum__block:nth-child(4n),
	.c-colum .c-colum__block:nth-child(5n) {
		margin-right: auto;
	}

	.c-colum .c-colum__block:nth-child(1n+1),
	.c-colum .c-colum__block:nth-child(2n+1),
	.c-colum .c-colum__block:nth-child(3n+1),
	.c-colum .c-colum__block:nth-child(4n+1),
	.c-colum .c-colum__block:nth-child(5n+1) {
		clear: none;
	}
}

/* c-colum--sp--2 */

@media (max-width: 767px) {
	.c-colum--sp--2 > .c-colum__block {
		float: left;
		width: 	calc((100% - 20px) / 2) !important;
		margin-right: calc(20px + 0px) !important;
	}
	.c-colum--sp--2 > .c-colum__block:nth-child(2n) {
		margin-right: 0 !important;
	}
	.c-colum--sp--2 > .c-colum__block:nth-child(2n+1) {
		clear: both !important;
	}
}

/* c-colum--2--small */

@media (max-width: 767px) {
	.c-colum--sp--2--small > .c-colum__block {
		width: 	calc((100% - 10px) / 2) !important;
		margin-right: calc(10px + 0px) !important;
	}
}

/**
* Box
*/

/* c-box + u-table */

.c-box {
	border: #eaeaea solid 1px;
	border-width: 1px 1px 0 1px;
	position: relative;
}
@media (max-width: 767px) {
	.c-box {
		display: block !important;
	}
}

.c-box__title {
	width: 33%;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: left;
	line-height: 1.4;
	color: #18458e;
	background: #f4f4f4;
	border: #eaeaea solid 1px;
	border-width: 0 1px 1px 0;
	padding: 1em;
	position: relative;
}
@media (max-width: 767px) {
	.c-box__title {
		display: block !important;
		font-size: 12px;
		font-size: 1.2rem;
		width: auto;
		text-align: center;
	}
}

.c-box__content {
	text-align: left;
	line-height: 1.4;
	position: relative;
}
@media (max-width: 767px) {
	.c-box__content {
		display: block !important;
	}
}

.c-box__element {
	padding: 30px 20px;
	border-bottom: #eaeaea solid 1px;
}
@media (max-width: 767px) {
	.c-box__element {
		padding: 20px;
	}
}

/**
* Heading
*/

/* c-heading1 */

.c-heading1 {
	text-align: left;
	height: 140px;
	background: #18458e;
	background: #205db5;
	background: -moz-linear-gradient(left, #205db5 0%, #18458e 100%);
	background: -webkit-linear-gradient(left, #205db5 0%,#18458e 100%);
	background: linear-gradient(to right, #205db5 0%,#18458e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#205db5', endColorstr='#18458e',GradientType=1 );
	position: relative;
}
@media (max-width: 767px) {
	.c-heading1 {
		height: 80px;
	}
}

.c-heading1 .u-table {
	text-align: center;
	height: 140px;
}
@media (max-width: 767px) {
	.c-heading1 .u-table {
		height: 80px;
	}
}

.c-heading1__title {
	font-family: 'NotoSansJP-Bold';
	font-size: 36px;
	font-size: 3.6rem;
	font-style: italic;
	letter-spacing: 0.1em;
	line-height: 1.4;
	color: #ffffff;
}
@media (max-width: 767px) {
	.c-heading1__title {
		font-family: inherit;
		font-size: 15px;
		font-size: 1.5rem;
		font-weight: bold;
		letter-spacing: 0;
	}
}

.c-heading1 .c-layer__bg__inner .c-layer__bg__logo:first-child {
	margin-top: -14px;
}
@media (max-width: 767px) {
	.c-heading1 .c-layer__bg__inner .c-layer__bg__logo:first-child {
		margin-top: -11px;
	}
}

/* c-heading1--hidden */

.c-heading1--hidden {
	width: 0;
	height: 0;
	overflow: hidden;
	opacity: 0;
}

/* c-heading1--slogan */

.c-heading1--slogan {
	height: 480px;
	background: #000000;
}
@media (max-width: 767px) {
	.c-heading1--slogan {
		height: 240px;
	}
}

.c-heading1--slogan .u-table {
	height: 480px;
}
@media (max-width: 767px) {
	.c-heading1--slogan .u-table {
		height: 240px;
	}
}

.c-heading1--slogan .c-heading1__title {
	display: inline-block;
	font-size: 24px;
	font-size: 2.4rem;
	padding-bottom: 0.2em;
	border-bottom: 3px solid #ffffff;
	text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	-ms-text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	-moz-text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	-webkit-text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}
@media (max-width: 767px) {
	.c-heading1--slogan .c-heading1__title {
		font-size: 14px;
		font-size: 1.4rem;
		border-bottom: 2px solid #ffffff;
	}
}

.c-heading1--slogan__title {
	font-family: 'NotoSansJP-Bold';
	font-size: 48px;
	font-size: 4.8rem;
	color: #ffffff;
	line-height: 1.4;
	padding-top: 0.75em;
	letter-spacing: 0.1em;
	text-shadow: 0px 0px 20px rgba(0,0,0,0.5);
	-ms-text-shadow: 0px 0px 20px rgba(0,0,0,0.5);
	-moz-text-shadow: 0px 0px 20px rgba(0,0,0,0.5);
	-webkit-text-shadow: 0px 0px 20px rgba(0,0,0,0.5);
}
@media (max-width: 767px) {
	.c-heading1--slogan__title {
		font-family: inherit;
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: bold;
		letter-spacing: 0;
	}
}

.c-heading1--slogan__lead {
	font-family: 'NotoSansJP-Bold';
	font-size: 16px;
	font-size: 1.6rem;
	color: #ffffff;
	line-height: 2;
	padding-top: 1.5em;
	text-shadow: 0px 0px 14px rgba(0,0,0,0.5);
	-ms-text-shadow: 0px 0px 14px rgba(0,0,0,0.5);
	-moz-text-shadow: 0px 0px 14px rgba(0,0,0,0.5);
	-webkit-text-shadow: 0px 0px 14px rgba(0,0,0,0.5);
}
@media (max-width: 767px) {
	.c-heading1--slogan__lead {
		font-family: inherit;
		font-size: 11px;
		font-size: 1.1rem;
		line-height: 1.8;
		padding-top: 0.8em;
	}
}

/*.c-heading1--slogan .c-layer__bg__obj {
	opacity: 0.6;
}*/

.c-heading1--slogan  .c-layer__bg__inner:before {
	content: "";
	display: block;
	width: 100%;/* js */
	height: 100%;/* js */
	background: url(/common/images/video_mask.gif) repeat center center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	opacity: 0.25;
}
@media (max-width: 767px) {
	.viewing .c-layer__bg__inner:before {
		display: none;
	}
}

.c-heading1--slogan .c-layer__bg__inner:after {
	content: "";
	display: block;
	width: 100%;/* js */
	height: 100%;/* js */
	background: #000000;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	/*opacity: 0.5;*/
	opacity: 0.35;
}

/* c-heading1--janjan */

/*.c-heading1--janjan {
	height: auto;
	background: #57c0e5 url(/common/images/bg_dot-large.png) repeat center center;
	padding: 20px 0;
	padding: calc(10px + 1.5vw) 0;
	-webkit-background-size: 59px;
	background-size: 59px;
	-webkit-animation: bgscroll 10s linear infinite;
	animation: bgscroll 10s linear infinite;
}

@-webkit-keyframes bgscroll {
 0% {background-position: 0 0;}
 100% {background-position: 59px 59px;}
}

@keyframes bgscroll {
 0% {background-position: 0 0;}
 100% {background-position: 59px 59px;}
}*/


.c-heading1--janjan {
	height: auto;
	padding: 20px 0;
	/*padding: calc(10px + 1.5vw) 0;*/
	padding: 60px 0;
	padding: calc(50px + 2vw) 0;
	position: relative;
	z-index: 1;
}
@media (max-width: 767px) {
	.c-heading1--janjan {
		padding: 30px 0;
	}
}


.c-heading1--janjan__bg {
	width: 100%;
	height: 100%;
	background: #57c0e5;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.c-heading1--janjan__bg__inner {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.c-heading1--janjan__bg__inner:after {
	content: "";
	display: block;
	width: 300%;
	height: 300%;
	background: #57c0e5 url(/common/images/bg_dot-large.png) repeat center center;
	padding: 20px 0;
	/*padding: calc(10px + 1.5vw) 0;*/
	padding: 60px 0;
	padding: calc(50px + 1.5vw) 0;
	-webkit-background-size: 59px;
	background-size: 59px;
	position: absolute;
	left: -59px;
	top: -59px;
	-webkit-animation: bgscroll 7500ms linear infinite;
	animation: bgscroll 7500ms linear infinite;
}

@-webkit-keyframes bgscroll {
	0% {-webkit-transform:translate3d(0, 0, 0);}
	100% {-webkit-transform:translate3d(59px, 59px, 0);}
}

@keyframes bgscroll {
	0% {transform:translate3d(0, 0, 0);}
	100% {transform:translate3d(59px, 59px, 0);}
}

.c-heading1--janjan .c-grid--content {
	position: relative;
	z-index: 10;
}

.c-heading1--janjan__box {
	padding-left: 40px;
	padding-left: calc(20px + 1vw);
}
@media (max-width: 767px) {
	.c-heading1--janjan__box {
		padding-left: 0;
	}
}

.c-heading1--janjan__title {
	width: 450px;
	width: calc(450px + 10vw);
	height: 146px;
	height: calc(146px + 3.24vw);
	background: url(/janjan/images/logo_janjan.svg) no-repeat left top;
	background-size: 450px 146px;
	background-size: calc(450px + 10vw) calc(146px + 3.24vw);
	position: relative;
	z-index: 10;
}
@media (max-width: 1480px) {
	.c-heading1--janjan__title {
		width: calc(450px + 6vw);
		height: calc(146px + 1.944vw);
		background-size: calc(450px + 6vw) calc(146px + 1.944vw);
	}
}
@media (max-width: 767px) {
	.c-heading1--janjan__title {
		width: 320px;
		height: 104px;
		background-size: 320px 104px;
		margin: 0 auto;
		position: relative;
		left: -3%;
	}
}

.c-heading1--janjan__txt {
	text-align: left;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.6;
	color: #ffffff;
	padding: 0.75em 0 0 1.5em;
	position: relative;
	z-index: 10;
}
@media (max-width: 767px) {
	.c-heading1--janjan__txt {
		text-align: center;
		font-size: 13px;
		font-size: 1.3rem;
		font-weight: bold;
		line-height: 1.5;
		color: #ffffff;
		padding: 0.75em 0 0 0;
	}
}

.c-heading1--janjan__pict {
	width: auto;
	height: 150%;
	height: calc(145% + 2vw);
	position: absolute;
	right: 0;

	bottom: -90px;
	bottom: calc(-70px - 2vw);
	z-index: 1;
}
@media (max-width: 767px) {
	.c-heading1--janjan__pict {
		display: none;
	}
}

.c-heading1--janjan__pict > img {
	display: block;
	width: auto;
	height: 100%;
}

/*.c-heading1--janjan .c-heading1__right {
	text-align: left;
	width: 53%;
}
@media (max-width: 767px) {
	.c-heading1--janjan .c-heading1__right {
		display: none;
	}
}*/

/* c-heading2 */

.c-heading2 {
	font-family: 'NotoSansJP-Bold';
	font-size: 18px;
	font-size: 1.8rem;
	/* font-weight: bold; */
	line-height: 1.25;
	color: #18458e;
	letter-spacing: 0.05em;
	border-bottom: #eaeaea solid 2px;
	padding: 0 0 1em 0;
	position: relative;
}
@media (max-width: 767px) {
	.c-heading2 {
		font-family: inherit;
		font-size: 14px !important;
		font-size: 1.4rem !important;
		font-weight: bold;
		/*text-align: center;*/
		line-height: 1.2;
		letter-spacing: 0;
		padding: 0 0 0.75em 0 !important;
	}

	.p-multi-box .c-heading2 {
		text-align: center;
	}
}

.c-heading2__icon {
	padding-left: 1em;
	position: relative;
}
@media (max-width: 767px) {
	.c-heading2__icon {
		padding-left: 1em;
		position: relative;
	}
}

.c-heading2__icon:before {
	content: "";
	display: block;
	width: 0.2em;
	height: 1.2em;
	background: #d02027;
	position: absolute;
	left: 0;
	top: -0.1em;
	transform: skew(-25deg);
	-ms-transform: skew(-25deg);
	-moz-transform: skew(-25deg);
	-webkit-transform: skew(-25deg);
	transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-webkit-transform-origin: 0 100%;
}
.c-heading2__icon--color-yellow:before {
	background: #e7b900;
}
.c-heading2__icon--color-green:before {
	background: #249422;
}
.c-heading2__icon--color-skyblue:before {
	background: #3689cf;
}
.c-heading2__icon--color-pink:before {
	background: #cd405e;
}
.c-heading2__icon--color-purple:before {
	background: #b762c4;
}

/* c-heading2--pt-none */

@media (max-width: 767px) {
	.c-heading2--pt-none {
		padding-top: 0;
	}
}

/* c-heading2--channel */

.c-heading2--channel {
	font-family: "游ゴシック体","Yu Gothic",YuGothic,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ Pro","メイリオ","Meiryo",メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","Helvetica","Verdana",sans-serif;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.25;
	color: #222222;
	letter-spacing: 0;
	border-bottom: none;
	padding: 0 0 0.5em 0;
}
@media (max-width: 767px) {
	.c-heading2--channel {
		display: block;
		font-size: 14px;
		font-size: 1.4rem;
		text-decoration: none;
		font-weight: bold;
		line-height: 1.25;
		color: #222222;
		letter-spacing: 0;
		border-bottom: none;
		padding: 1em 0 !important;
		position: relative;
	}

	.c-heading2--channel .c-heading2__icon {
		padding-left: 0;
	}

	.c-heading2--channel .c-heading2__icon {
		display: block;
	}

	.header__submenu .c-heading2--channel,
	.channelmap .c-heading2--channel {
		text-align: center;
	}

	.c-heading2--channel .c-heading2__icon:before {
		content: "";
		display: block;
		width: 11px;
		height: 6px;
		width: 1.1rem;
		height: 0.6rem;
		position: absolute;
		left: auto;
		right: 20px;
		top: 50%;
		transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
		-webkit-transform-origin: 50% 50%;
		transform: skew(0) translateY(-50%);
		-ms-transform: skew(0) translateY(-50%);
		-moz-transform: skew(0) translateY(-50%);
		-webkit-transform: skew(0) translateY(-50%);
	}
	.c-heading2--channel .c-heading2__icon--color-yellow:before {
		background: url(../images/icon_arrow_y--yellow.svg) no-repeat left top;
		background-size: 11px 6px;
		background-size: 1.1rem 0.6rem;
	}
	.c-heading2--channel .c-heading2__icon--color-green:before {
		background: url(../images/icon_arrow_y--green.svg) no-repeat left top;
		background-size: 11px 6px;
		background-size: 1.1rem 0.6rem;
	}
	.c-heading2--channel .c-heading2__icon--color-skyblue:before {
		background: url(../images/icon_arrow_y--skyblue.svg) no-repeat left top;
		background-size: 11px 6px;
		background-size: 1.1rem 0.6rem;
	}
	.c-heading2--channel .c-heading2__icon--color-pink:before {
		background: url(../images/icon_arrow_y--pink.svg) no-repeat left top;
		background-size: 11px 6px;
		background-size: 1.1rem 0.6rem;
	}
	.c-heading2--channel .c-heading2__icon--color-purple:before {
		background: url(../images/icon_arrow_y--purple.svg) no-repeat left top;
		background-size: 11px 6px;
		background-size: 1.1rem 0.6rem;
	}
}

.c-heading2--channel a {
	color: #222222;
}

/* c-heading2--border-none */

.c-heading2--border-none {
	border-bottom: none;
	padding: 0;
}

/* c-heading2--xlarge */

.c-heading2--xlarge {
	font-size: 24px;
	font-size: 2.4rem;
}

/* c-heading2--large */

.c-heading2--large {
	font-size: 21px;
	font-size: 2.1rem;
}

/* c-heading2--small */

.c-heading2--small {
	font-size: 16px;
	font-size: 1.6rem;
}

/* c-heading2--center */

.c-heading2--center {
	text-align: center;
	margin: 0 auto;
	border-bottom: none;
}
@media (max-width: 767px) {
	.c-heading2--center {
		text-align: center;
	}
}

/* c-heading2--black */

.c-heading2--black {
	color: #111111;
}

/* c-heading2--white */

.c-heading2--white {
	color: #ffffff;
}

/* c-heading2--skyblue */

.c-heading2--skyblue {
	color: #00a0e9;
}

/* c-heading2--janjan */

.c-heading2--janjan {
	color: #57c0e5;
}

.c-heading2--janjan .c-heading2__icon:before {
	background: #ee86a1;
}

/* c-heading2--pt-none */

.c-heading2--pt-none {
	padding-top: 0;
}

/* c-heading2--pb-none */

.c-heading2--pb-none {
	padding-bottom: 0;
	border: none;
}

/* c-heading2--bg（20161110honda） */
.c-heading2--bg {
	border-bottom: none;
	padding: 0.7em 0.6em;
	background: #e7ecf3;
}
@media (max-width: 767px) {
	.c-heading2--bg {
		text-align: left;
		padding: 0.8em 0.8em 0.7em !important;
	}
}

/* c-heading2--normal（20161110honda） */
.c-heading2--normal {
	font-size: 16px;
	font-size: 1.6rem;
	border-bottom: none;
	padding: 0;
}
@media (max-width: 767px) {
	.c-heading2--normal {
		font-size: 12px !important;
		font-size: 1.2rem !important;
		font-weight: bold;
		padding: 0.3em 0 0 !important;
	}
}

/* c-heading3 */

/* c-heading4 */

.c-heading4 {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.6;
	color: #111111;
}
@media (max-width: 767px) {
	.c-heading4 {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

/* c-heading4--medium（20161115honda） */

.c-heading4--medium {
	font-size: 16px;
	font-size: 1.6rem;
}
@media (max-width: 767px) {
	.c-heading4--medium {
		font-size: 14px;
		font-size: 1.4rem;
	}
}

/* c-heading4--center（20161115honda） */

.c-heading4--center {
	text-align: center;
}

/**
* Title（20161115honda）
*/

/* c-title（20161115honda） */

.c-title {
	position: relative;
}
.c-title:before {
	content: "【";
	display: inline-block;
}
.c-title:after {
	content: "】";
	display: inline-block;
}

/**
* List
*/

/* c-list */

.c-list {
	list-style-type: none;
	text-align: left;
}
.c-list li {
	list-style-type: none;
	padding-left: 1.2em;
	position: relative;
}
.c-list li:after {
	content: "";
	display: block;
	width: 5px;
	width: 0.5rem;
	height: 5px;
	height: 0.5rem;
	background: #000000;
	border-radius: 50%;
	position: absolute;
	left: 0.3em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* c-list--blue （20161110honda）*/

.c-list--blue li:after {
	background: #18458e;
	top: 0.65em;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

/* c-list--lightblue （20161110honda）*/

.c-list--lightblue li:after {
	background: #c5d0e3;
}

/* c-list--indent （20161110honda） */

.c-list--indent {
	padding-left: 2em;
}

/* c-list--type1 */

.c-list--type1 li:after {
	content: "※";
	display: block;
	width: auto;
	height: auto;
	background: none;
	border-radius: 0;
	left: 0;
	top: 0;
	transform: translateY(0);
	-ms-transform: translateY(0);
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
}

/* c-definition-list */

.c-definition-list {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.6;
	color: #333333;
	padding-top: 0.5em;
	transition: none;
}
.c-definition-list dt {
	font-weight: bold;
	padding-top: 0.5em;
}

/* c-list-icon */

.c-list-icon {
	display: block;
	text-align: left;
	list-style-type: none;
	position: relative;
}

.c-list-icon li {
	display: block;
	list-style-type: none;
	padding-left: 1.2em;
	position: relative;
}

.c-list-icon li:after {
	content: "・";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

/* c-list-icon--notice */

.c-list-icon--notice li {/* （20161110honda） */
	padding-left: 2.5em;
}

.c-list-icon--notice li:after {/* （20161110honda） */
	content: "(注)";
	color: #333333;
}

/* c-list-icon--count */

.c-list-icon--count {
	counter-reset: listNum;
}

.c-list-icon--count li {
	margin-top: 0.5em;
	padding-left: 4.0em;
}

.c-list-icon--count li:first-child {
	margin-top: 0;
}

.c-list-icon--count li:after {
	counter-increment: listNum;
	content:"（注" counter(listNum) "）";
}

/* c-list-tag */

.c-list-tag {
	display: block;
}
.c-list-tag li {
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: bold;
	color: #18458e;
	background: #e7ecf3;
	margin: 0 10px 10px 0 ;
	padding: 0.5em 0.75em;
	border-radius: 5px;
}

/* c-list-tag--large（20161115honda） */
.c-list-tag--large {
	text-align: center;
	display: inline-block;
}
.c-list-tag--large li {
	font-size: 16px;
	font-size: 1.6rem;
}
@media (max-width: 767px) {
	.c-list-tag--large li {
		font-size: 14px;
		font-size: 1.4rem;
	}
}

/**
* Txt
*/

.c-txt {
	font-size: 14px;
	font-size: 1.4rem;
	color: #333333;
	line-height: 1.8;
}
@media (max-width: 767px) {
	.c-txt {
		font-size: 12px;
		font-size: 1.2rem;
	}
	/*
	.c-txt br {
		display: none;
	}
	*/
}

/* c-txt - size */

.c-txt--xlarge {
	font-size: 24px;
	font-size: 2.4rem;
}
@media (max-width: 767px) {
	.c-txt--xlarge {
		font-size: 18px;
		font-size: 1.8rem;
	}
}

.c-txt--small {
	font-size: 12px;
	font-size: 1.2rem;
}
@media (max-width: 767px) {
	.c-txt--small {
		font-size: 10px;
		font-size: 1.0rem;
	}
}

.c-txt--xsmall {
	font-size: 10px;
	font-size: 1.0rem;
}
@media (max-width: 767px) {
	.c-txt--xsmall {
		font-size: 10px;
		font-size: 1.0rem;
	}
}

/* c-txt - color */

.c-txt--lightgray {
	color: #999999;
}

.c-txt--gray {
	color: #666666;
}

.c-txt--darkgray {
	color: #333333;
}

.c-txt--blue {
	color: #18458e;
}

.c-txt--red {
	color: #E30A0A;
}

/* c-txt - aline */

.c-txt--center {
	text-align: center;
}

@media (max-width: 767px) {
	.c-txt--sp-center {
		text-align: center;
	}
}

/* c-txt - weight */

.c-txt--bold {
	font-weight: bold;
}

/* c-txt - border */
.c-txt--border {
	padding: 5px 10px;
	border: #eaeaea solid 2px;
	background: #eaeaea;
}

/**
* Button
*/

/* c-button */

.c-button {
	display: block;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	text-decoration: underline;
	line-height: 1.4;
	text-align: center;
	color: #ffffff;
	padding: 0.85em 0;
	background: #0e3962;
	background: linear-gradient(to right, #205db5 0%,#18458e 100%);
	background: -moz-linear-gradient(left, #205db5 0%, #18458e 100%);
	background: -webkit-linear-gradient(left, #205db5 0%,#18458e 50%,#18458e 51%,#205db5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#205db5', endColorstr='#18458e',GradientType=1 );
	background-size: 200% 200%;
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 2px 3px 0px #rgba(0,0,0,0.3);
	background-position:0% 50%
}
@media (max-width: 767px) {
	.c-button {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

a.c-button:hover,
a:hover .c-button {
	text-decoration: none;
	background-position:100% 50%;
	/*
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0);
	-webkit-box-shadow: 0px 2px 3px 0px #rgba(0,0,0,0);
	*/
	box-shadow: 4px 6px 20px rgba(0,0,0,0.3);
	transition: 0.2s ease-out;
}
@media (max-width: 767px) {
	a.c-button:hover,
	a:hover .c-button {
		background-position:100% 50%;
		box-shadow: 0px 2px 3px 0px rgba(0,0,0,0);
		-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0);
		-webkit-box-shadow: 0px 2px 3px 0px #rgba(0,0,0,0);
	}
}

/* c-button--xlarge */

.c-button--xlarge {
	font-size: 20px;
	font-size: 2.0rem;
	padding: 1.0em 0;
}
@media (max-width: 767px) {
	.c-button--xlarge {
		font-size: 14px;
		font-size: 1.4rem;
		padding: 1.1em 0;
	}
}

/* c-button--large */

.c-button--large {
	font-size: 15px;
	font-size: 1.5rem;
	padding: 1.2em 0;
}
@media (max-width: 767px) {
	.c-button--large {
		font-size: 12px;
		font-size: 1.2rem;
		padding: 1.1em 0;
	}
}

/* c-button--medium */

.c-button--medium {
	font-size: 14px;
	font-size: 1.4rem;
	padding: 1.0em 0;
}
@media (max-width: 767px) {
	.c-button--medium {
		font-size: 12px;
		font-size: 1.2rem;
		padding: 1.0em 0;
	}
}

/* c-button--skyblue */

.c-button--skyblue {
	background: #00acec;
	background: rgb(0,183,238);
	background: linear-gradient(to right, #00b7ee 0%,#00a0e9 100%);
	background: -moz-linear-gradient(left, #00b7ee 0%, #00a0e9 100%);
	background: -webkit-linear-gradient(left, #00b7ee 0%,#00a0e9 50%,#00a0e9 51%,#00b7ee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ee', endColorstr='#00a0e9',GradientType=1 );
	background-size: 200% 200%;
	background-position:0% 50%
}

/* c-button--slash */

.c-button--slash {
	transform: skew(-25deg) !important;
	-ms-transform: skew(-25deg) !important;
	-moz-transform: skew(-25deg) !important;
	-webkit-transform: skew(-25deg) !important;
}

.c-button--slash .c-button__icon {
	transform: skew(25deg);
	-ms-transform: skew(25deg);
	-moz-transform: skew(25deg);
	-webkit-transform: skew(25deg);
}

/* c-button__icon */

.c-button__icon {
	display: inline-block;
	text-decoration: underline;
	position: relative;
}
.c-button:hover .c-button__icon,
a:hover .c-button .c-button__icon {
	text-decoration: none;
}
.c-button__icon:after {
	content: "";
	display: block;
	width: 5px;
	height: 9px;
	background-size: 5px 9px;
	width: 0.5rem;
	height: 0.9rem;
	background-size: 0.5rem 0.9rem;
	background: url(../images/icon_arrow_right1.svg) no-repeat left top;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* c-button__icon--program */

.c-button__icon--program {
	padding-left: 1.6em;
}
.c-button__icon--program:after {
	content: "";
	display: block;
	width: 14px;
	height: 11px;
	background-size: 14px 11px;
	width: 1.4rem;
	height: 1.1rem;
	background-size: 1.4rem 1.1rem;
	background: url(../images/icon_program.svg) no-repeat left top;
	position: absolute;
	right: auto;
	left: 0;
}

/* c-button__icon--hash */

.c-button__icon--hash {
	padding-right: 28px;
	padding-right: 2.8rem;
}
@media (max-width: 767px) {
	.c-button__icon--hash {
		padding-right: 20px;
		padding-right: 2.0rem;
	}
}

.c-button__icon--hash:after {
	content: "";
	display: block;
	width: 18px;
	height: 10px;
	background-size: 18px 10px;
	width: 1.8rem;
	height: 1.0rem;
	background-size: 1.8rem 1.0rem;
	background: url(../images/icon_arrow_y--white.svg) no-repeat left top;
	position: absolute;
	right: 0;
	left: auto;
}
@media (max-width: 767px) {
	.c-button__icon--hash:after {
		width: 14px;
		height: 7px;
		background-size: 14px 7px;
		width: 1.4rem;
		height: 0.7rem;
		background-size: 1.4rem 0.7rem;
	}
}

/* c-button__icon--top */

.c-button__icon--top:after {
	display: none;
}

.c-button__icon--top--live:before {
	content: "";
	display: block;
	width: 29px;
	height: 27px;
	background-size: 29px 27px;
	width: 2.9rem;
	height: 2.7rem;
	background-size: 2.9rem 2.7rem;
	background: url(../images/icon_tv-live.svg) no-repeat left top;
	position: relative;
	margin: 0 auto;
	top: 0;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	margin-bottom: 5px;
}

.c-button__icon--top--pdf:before {
	content: "";
	display: block;
	width: 20px;
	height: 27px;
	background-size: 20px 27px;
	width: 2.0rem;
	height: 2.7rem;
	background-size: 2.0rem 2.7rem;
	background: url(../images/icon_pdf.svg) no-repeat left top;
	position: relative;
	margin: 0 auto;
	top: 0;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	margin-bottom: 5px;
}

/* c-button--color-yellow */

.c-button--color-yellow {
	color: #0e3962;
	background: #fabe00;
}
.c-button--color-yellow .c-button__icon:after {
	background: url(../images/icon_arrow_right2.svg);
}

/**
* Banner
*/

.c-banner {
	display: block;
	position: relative;
}

.c-banner__title {
	display: block;
	width: 100%;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
	color: #ffffff;
	background: #18458e;
	padding: 0.8em 0;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
}
@media (max-width: 767px) {
	.c-banner__title {
		font-size: 9px;
		font-size: 0.9rem;
		padding: 0.6em 0;
	}
}

/**
* Tab
*/

/* c-tab */

.c-tab {
}
.c-tab__ui {
	position: relative;
	left: 0;
	top: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.c-tab__ui__list {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: 0;
	background: #0e3962;
	border-radius: 5em;
}
.c-tab__ui__list a {
	display: block;
	padding: 1em 0;
	color: #ffffff;
	text-decoration: none;
}
.c-tab__ui__list a {
	border-right: #325779 solid 1px;
}
.c-tab__ui__list li:last-child a {
	border-right: none;
}
.c-tab__icon {
	display: inline-block;
	padding-right: 22px;
	padding-right: 2.2rem;
	position: relative;
}
.c-tab__icon:after {
	content: "";
	display: block;
	width: 14px;
	width: 1.4rem;
	height: 8px;
	height: 0.8rem;
	background: url(../images/icon_arrow_bottom1.svg) no-repeat left top;
	background-size: 14px 8px;
	background-size: 1.4rem 0.8rem;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0.25;
}
.c-tab__ui__list a:hover .c-tab__icon:after {
	opacity: 1;
	-webkit-transform: translateY(-25%);
	-ms-transform: translateY(-25%);
	transform: translateY(-25%);
}

.c-tab__ui__list .is-current a {
	pointer-events: none;
}
.c-tab__ui__list .is-current .c-tab__icon__txt {
	opacity: 0.25;
}
.c-tab__ui__list .is-current a:hover .c-tab__icon:after {
	opacity: 0.25;
}

/* c-tab__contents */
/* jsエリアへ記述 */

/**
* Select
*/

/* c-select */

.c-select {
	display: block;
	margin-right: 0;
	position: relative;
}

.c-select:after {
	content: "";
	display: block;
	width: 14px;
	height: 7px;
	background-size: 14px 7px;
	background: url(../images/icon_arrow_y--lightblue.svg) no-repeat left top;
	position: absolute;
	right: 12px;
	top: 50%;
	zoom: 1;
	z-index: 10;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	pointer-events: none;
}

.ie .c-select:after {
	display: none;
}

.c-select select {
	display: block;
	width: 100%;
	font-size: 12px;
	font-size: 1.2rem;
	height: 36px;
	height: 3.6rem;
	border: solid 2px #dadada;
	background: #ffffff;
	border-radius: 0;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	text-indent: 10px; /*Firefox用*/
	text-overflow: ""; /*Firefox用*/
	position: relative;
	z-index: 0;
}

.c-select select:focus {
	border-color: #57c0e5;
}

/* c-select--round */

.c-select--round select {
	border-radius: 5px;
}

/**
* Table
*/

/* c-table */

.c-table {
	width: 100%;
	line-height: 1.6;
	/*
	white-space: nowrap;
	word-wrap: normal;
	*/
	vertical-align: middle;
	border-top: #eaeaea solid 1px;
}
@media (max-width: 767px) {
}

.c-table th,
.c-table td {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
	color: #333333;
	text-align: left;
	vertical-align: middle;
	padding: 1.2em 0;
    border-bottom: #eaeaea solid 1px;
}
@media (max-width: 767px) {
	.c-table th,
	.c-table td {
		font-size: 12px;
		font-size: 1.2rem;
		padding: 0.8em 0;
	}
}

.c-table th {
	width: 35%;
	color: #184690;
}
@media (max-width: 767px) {
	.c-table th {
		width: 30%;
	}
}

.c-table td {
	padding-left: 0;
}
@media (max-width: 767px) {
	.c-table td {
		padding-left: 20px;
	}
}

/* c-table--form */

.c-table--form  th,
.c-table--form  td {
	font-size: 14px;
	font-size: 1.4rem;
}
@media (max-width: 767px) {
}

.c-table--form th {
	width: 25%;
	color: #184690;
	font-weight: bold;
}

/* c-table--type2 */

.c-table--type2 th,
.c-table--type2 td {
	font-size: 12px;
	font-size: 1.2rem;
	color: #111111;
	padding: 1em 0 !important;
}

.c-table--type2 th {
	width: 65%;
}

.c-table--type2 td {
	text-align: right;
	font-weight: bold;
	color: #18458e;
}

/* c-table--type3 */

.c-table--type3 td {
	font-size: 12px;
	font-size: 1.2rem;
	text-align: center;
	font-weight: bold;
	color: #18458e;
	padding: 1em 0 !important;
}

/* c-table--type4（20161110honda） */

.c-table--type4 {
	border-color: #eaeaea;
	border-style: solid;
	border-width: 1px 1px 0 1px;
}

.c-table--type4 th,
.c-table--type4 td {
	font-size: 12px;
	font-size: 1.2rem;
	vertical-align: top;
	padding: 1em 1.1em;
}
@media (max-width: 767px) {
	.c-table--type4 th,
	.c-table--type4 td {
		display: block;
		box-sizing: border-box;
	}
}

.c-table--type4 th {
	width: 33%;
	color: #000000;
	font-weight: bold;
   border-right: #eaeaea solid 1px;
	background: #f7f7f7;
}
@media (max-width: 767px) {
	.c-table--type4 th {
		width: 100%;
		padding: 0.7em;
		text-align: center;
   	border-right: none;
	}
}

.c-table--type4 td {
}
@media (max-width: 767px) {
	.c-table--type4 td {
		width: 100%;
		padding: 0.8em 0.6em;
	}
}

/* c-table--data */

.c-table--data {
	width: 100%;
	line-height: 1.6;
	vertical-align: middle;
	border-color: #eaeaea;
	border-style: solid;
	border-width: 1px 0 0 1px;
}
@media (max-width: 767px) {
	.c-table--data {
		border-color: #eaeaea;
		border-style: solid;
		border-width: 1px 0 0 1px;
	}
}

.c-table--data th,
.c-table--data td {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: center;
	color: #111111;
	text-align: center;
	vertical-align: middle;
	padding: 0.5em 0;
	border-color: #eaeaea;
	border-style: solid;
	border-width: 0 1px 1px 0;
}
@media (max-width: 767px) {
	.c-table--data th,
	.c-table--data td {
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: center;
		color: #111111;
		text-align: center;
		vertical-align: middle;
		padding: 0.5em 0;
		border-color: #eaeaea;
		border-style: solid;
		border-width: 0 1px 1px 0;
	}
}

.c-table--data th {
	width: auto;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	color: #ffffff;
	background-color: #18458e;
}
@media (max-width: 767px) {
	.c-table--data th {
		width: auto;
		font-size: 11px;
		font-size: 1.1rem;
		color: #ffffff;
	}
}

/* c-table--data2 */

.c-table--data2 {
	width: 100%;
	line-height: 1.6;
	vertical-align: middle;
	border-color: #eaeaea;
	border-style: solid;
	border-width: 1px 0 0 1px;
	table-layout: fixed;
}
@media (max-width: 767px) {
	.c-table--data2 {
		border-color: #eaeaea;
		border-style: solid;
		border-width: 1px 0 0 1px;
	}
}

.c-table--data2 th,
.c-table--data2 td {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: center;
	color: #111111;
	text-align: center;
	vertical-align: middle;
	padding: 0.5em 0;
	border-color: #eaeaea;
	border-style: solid;
	border-width: 0 1px 1px 0;
}
@media (max-width: 767px) {
	.c-table--data2 th,
	.c-table--data2 td {
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: center;
		color: #111111;
		text-align: center;
		vertical-align: middle;
		padding: 0.6em 0;
		border-color: #eaeaea;
		border-style: solid;
		border-width: 0 1px 1px 0;
	}
}

.c-table--data2 th {
	width: auto;
	font-weight: bold;
	color: #18458e;
	background-color: #f4f4f4;
}
@media (max-width: 767px) {
	.c-table--data2 th {
		width: auto;
	}
}

.c-table--data2 td {
	padding: 1em 0;
}

/**
* Icon
*/

.c-icon {
	display: inline-block;
	padding-left: 34px;
	padding-left: 3.4rem;
	position: relative;
}
@media (max-width: 767px) {
	.c-icon {
		padding-left: 28px;
		padding-left: 2.8rem;
	}
}

.c-icon:after {
	content: "";
	display: block;
	background-repeat: none;
	background-position: left top;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

/* c-icon--phone */

.c-icon--phone:after {
	width: 24px;
	height: 24px;
	width: 2.4rem;
	height: 2.4rem;
	background: url(../images/icon_phone.svg);
	background-size: 24px 24px;
	background-size: 2.4rem 2.4rem;
}

/* c-icon--arrow-left */

.c-icon--arrow-left {
	padding-left: 14px;
	padding-left: 1.4rem;
}

.c-icon--arrow-left:after {
	width: 7px;
	height: 14px;
	width: 0.7rem;
	height: 1.4rem;
	background: url(../images/icon_arrow_x.svg);
	background-size: 7px 14px;
	background-size: 0.7rem 1.4rem;
	opacity: 0.25;
	transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	transform: scale(-1, 1) translateY(-50%);
	-ms-transform: scale(-1, 1) translateY(-50%);
	-moz-transform: scale(-1, 1) translateY(-50%);
	-webkit-transform: scale(-1, 1) translateY(-50%);
}

a:hover .c-icon--arrow-left:after,
.c-icon--arrow-left:hover:after {
	opacity: 1;
}

/* c-icon--arrow-left2 */

.c-icon--arrow-left2 {
	padding-left: 14px;
	padding-left: 1.4rem;
}

.c-icon--arrow-left2:after {
	width: 7px;
	height: 14px;
	width: 0.7rem;
	height: 1.4rem;
	background: url(../images/icon_arrow_x.svg);
	background-size: 7px 14px;
	background-size: 0.7rem 1.4rem;
	opacity: 0.25;
	transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

a:hover .c-icon--arrow-left2:after,
.c-icon--arrow-left2:hover:after {
	opacity: 1;
}

/* c-icon--arrow-right */

.c-icon--arrow-right {
	padding-left: 0;
	padding-right: 14px;
	padding-right: 1.4rem;
}

.c-icon--arrow-right:after {
	width: 7px;
	height: 14px;
	width: 0.7rem;
	height: 1.4rem;
	background: url(../images/icon_arrow_x.svg);
	background-size: 7px 14px;
	background-size: 0.7rem 1.4rem;
	opacity: 0.25;
	left: auto;
	right: 0;
}

a:hover .c-icon--arrow-right:after,
.c-icon--arrow-right:hover:after {
	opacity: 1;
}

/* c-icon--arrow-right2 */

.c-icon--arrow-right2 {
	padding-left: 0;
	padding-right: 14px;
	padding-right: 1.4rem;
}

.c-icon--arrow-right2:after {
	width: 6px;
	height: 10px;
	width: 0.6rem;
	height: 1.0rem;
	background: url(../images/icon_arrow_x--lightblue.svg);
	background-size: 6px 10px;
	background-size: 0.6rem 1.0rem;
	left: auto;
	right: 0;
}

/* c-icon--arrow-bottom */

.c-icon--arrow-bottom {
	padding-left: 0;
	padding-right: 25px;
	padding-right: 2.5rem;
}
@media (max-width: 767px) {
	.c-icon--arrow-bottom {
		padding-right: 18px;
		padding-right: 1.8rem;
	}
}

.c-icon--arrow-bottom:after {
	width: 16px;
	height: 9px;
	width: 1.6rem;
	height: 0.9rem;
	background: url(../images/icon_arrow_y--white.svg);
	background-size: 16px 9px;
	background-size: 1.6rem 0.9rem;
	left: auto;
	right: 0;
	opacity: 0.25;
}
@media (max-width: 767px) {
	.c-icon--arrow-bottom:after {
		width: 12px;
		height: 6px;
		width: 1.2rem;
		height: 0.6rem;
		background-size: 12px 6px;
		background-size: 1.2rem 0.6rem;
	}
}

a:hover .c-icon--arrow-bottom:after {
	opacity: 1;
	transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	-webkit-transform: translateY(-2px);
}

/* c-icon--pc */

.c-icon--pc:after {
	width: 22px;
	height: 20px;
	width: 2.2rem;
	height: 2.0rem;
	background: url(../images/icon_pc.svg);
	background-size: 22px 20px;
	background-size: 2.2rem 2.0rem;
}
@media (max-width: 767px) {
	.c-icon--pc:after {
		width: 18px;
		height: 16px;
		width: 1.8rem;
		height: 1.6rem;
		background-size: 18px 16px;
		background-size: 1.8rem 1.6rem;
	}
}

/* c-icon--phone2 */

.c-icon--phone2:after {
	width: 18px;
	height: 20px;
	width: 1.8rem;
	height: 2.0rem;
	background-image: url(../images/icon_phone2.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 18px 20px;
	background-size: 1.8rem 2.0rem;
	left: 5%;
}
@media (max-width: 767px) {
	.c-icon--phone2:after {
		width: 14px;
		height: 16px;
		width: 1.4rem;
		height: 1.6rem;
		background-size: 14px 16px;
		background-size: 1.4rem 1.6rem;
	}
}

/* c-icon--phone2--skyblue */

.c-icon--phone2--skyblue:after {
	background-image: url(../images/icon_phone2--skyblue.svg);
}

/* c-icon--phone2--large */

.c-icon--phone2--large {
	padding-left: 30px;
	padding-left: 3.0rem;
}
@media (max-width: 767px) {
	.c-icon--phone2--large {
		padding-left: 24px;
		padding-left: 2.4rem;
	}
}

.c-icon--phone2--large:after {
	width: 20px;
	height: 24px;
	width: 2.0rem;
	height: 2.4rem;
	background-size: 20px 24px;
	background-size: 2.0rem 2.4rem;
	left: 0;
}
@media (max-width: 767px) {
	.c-icon--phone2--large:after {
		width: 14px;
		height: 15px;
		width: 1.4rem;
		height: 1.5rem;
		background-size: 14px 15px;
		background-size: 1.4rem 1.5rem;
	}
}

/* c-icon--mail */

.c-icon--mail {
	padding-left: 38px;
	padding-left: 3.8rem;
}
@media (max-width: 767px) {
	.c-icon--mail {
		padding-left: 25px;
		padding-left: 2.5rem;
	}
}

.c-icon--mail:after {
	width: 28px;
	height: 18px;
	width: 2.8rem;
	height: 1.8rem;
	background-image: url(../images/icon_mail.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 28px 18px;
	background-size: 2.8rem 1.8rem;
	left: 0;
}
@media (max-width: 767px) {
	.c-icon--mail:after {
		width: 17px;
		height: 11px;
		width: 1.7rem;
		height: 1.1rem;
		background-size: 17px 11px;
		background-size: 1.7rem 1.1rem;
	}
}

/* c-icon--mail--skyblue */

.c-icon--mail--skyblue:after {
	background-image: url(../images/icon_mail--skyblue.svg);
}

/* c-icon--mail--large */

.c-icon--mail--large:after {
	width: 28px;
	height: 18px;
	width: 2.8rem;
	height: 1.8rem;
	background-size: 28px 1.8px;
	background-size: 2.8rem 1.8rem;
}
@media (max-width: 767px) {
	.c-icon--mail--large:after {
		width: 17px;
		height: 11px;
		width: 1.7rem;
		height: 1.1rem;
		background-size: 17px 11px;
		background-size: 1.7rem 1.1rem;
	}
}

/* c-icon--station */

.c-icon--station:after {
	width: 18px;
	height: 25px;
	width: 1.8rem;
	height: 2.5rem;
	background: url(../images/icon_station.svg);
	background-size: 18px 25px;
	background-size: 1.8rem 2.5rem;
	left: 7%;
}
@media (max-width: 767px) {
	.c-icon--station:after {
		width: 10px;
		height: 15px;
		width: 1.0rem;
		height: 1.5rem;
		background-size: 10px 15px;
		background-size: 1.0rem 1.5rem;
	}
}

/* c-icon--freedial */

.c-icon--freedial {
	padding-left: 42px;
	padding-left: 4.2rem;
}
@media (max-width: 767px) {
	.c-icon--freedial {
		padding-left: 32px;
		padding-left: 3.2rem;
	}
}

.c-icon--freedial:after {
	width: 34px;
	height: 20px;
	width: 3.4rem;
	height: 2.0rem;
	background-image: url(../images/icon_freedial.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 34px 20px;
	background-size: 3.4rem 2.0rem;
}
@media (max-width: 767px) {
	.c-icon--freedial:after {
		width: 26px;
		height: 14px;
		width: 2.6rem;
		height: 1.4rem;
		background-size: 26px 14px;
		background-size: 2.6rem 1.4rem;
	}
}

/* c-icon--freedial--large */

.c-icon--freedial--large {
	padding-left: 80px;
	padding-left: 8.0rem;
}
@media (max-width: 767px) {
	.c-icon--freedial--large {
		padding-left: 40px;
		padding-left: 4.0rem;
	}
}

.c-icon--freedial--large:after {
	width: 72px;
	height: 42px;
	width: 7.2rem;
	height: 4.2rem;
	background-size: 72px 42px;
	background-size: 7.2rem 4.2rem;
}
@media (max-width: 767px) {
	.c-icon--freedial--large:after {
		width: 36px;
		height: 20px;
		width: 3.6rem;
		height: 2.0rem;
		background-size: 36px 20px;
		background-size: 3.6rem 2.0rem;
	}
}

/**
* Layer
*/

.c-layer {
	position: relative;
}

/* c-layer__content */

.c-layer__content {
	position: relative;
	z-index: 10;
}

/* c-layer__bg */

.c-layer__bg {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.c-layer__bg__inner {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.c-layer__bg__obj /* canvas or img */ {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

/**
* Airdate
*/

/* c-airdate */

.c-airdate {
	font-size: 12px;
	font-size: 1.2rem;
	/*line-height: 1.5;*/
	border-bottom: #f0f0f0 solid 1px;
}

.c-airdate__title {
	font-weight: bold;
	/*padding-bottom: 0.5em;*/
}

.c-airdate__cell {
	font-size: 11px;
	font-size: 1.1rem;
	padding: 0.5em 0;
	color: #666666;
	border-top: #f0f0f0 solid 1px;
}

.c-airdate__cell:hover {
	background: #fafafa;
}

.c-airdate__date {
	display: block;
	font-weight: bold;
}

.c-airdate__cell small {
	color: #999999;
}

.c-airdate__ch {
	display: inline-block;
	margin-right: 0.75em;
}

.c-airdate__ch:before {
	content: "[";
	display: inline-block;
}

.c-airdate__ch:after {
	content: "]";
	display: inline-block;
}

/* c-airdate--large */

.c-airdate--large .c-airdate__cell {
	font-size: 12px;
	font-size: 1.2rem;
}

.c-airdate--large .c-airdate__date,
.c-airdate--large .c-airdate__cell p {
	display: inline-block;
}

.c-airdate--large .c-airdate__date {
	padding-right: 0.5em;
}

/**
* SNS
*/

.c-sns-buttons {
	display: block;
	height: 20px;
}
.c-sns-buttons > ul > li {
	/* float: left\9; */
	display: inline-block !important;
	list-style: none;
	position: relative;
	overflow: hidden;
	vertical-align: top;
	margin-right: 10px;
}
.c-sns-buttons > ul > li:last-child {
	margin-right: 0;
}
.c-sns-buttons > ul > li.twitter {
	width: 75px !important;
	width: 75px\9 !important;
}
.c-sns-buttons > ul > li.facebook {
	width: 80px !important;
	width: 80px\9 !important;
}
.c-sns-buttons .social_facebook {
	width: 80px;
}
.c-sns-buttons > ul > li.fbshare {
	width: 90px !important;
	width: 90px\9 !important;
}

/* Project
-----------------------------------------------------------------*/

/**
* p-sec
*/

.p-sec {
	padding-top: 60px;
}

/**
* p-form
*/

.p-form {
	margin-top: 0;
}

/* p-form__table */

.p-form__table {
	width: 100%;
	margin: 0 auto;
	border-collapse: collapse;
	border-top: #eaeaea solid 1px;
}
@media (max-width: 767px) {
	.p-form__table {
		display: block;
	}
}

.p-form__table tr th,
.p-form__table tr td {
	vertical-align: middle;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 2;
	padding: 20px 0;
	border-bottom: #eaeaea solid 1px;
}
@media (max-width: 767px) {
	.p-form__table tbody,
	.p-form__table tr,
	.p-form__table tr th,
	.p-form__table tr td {
		display: block;
		font-size: 12px;
		font-size: 1.2rem;
	}
}

.p-form__table tr th {
	width: 25%;
	color: #18458e;
	text-align: left;
	position: relative;
	padding: 20px 0;
}
@media (max-width: 767px) {
	.p-form__table tr th,
	.p-form__table tr td {
		width: auto;
		border-bottom: none;
	}
}

.p-form__table-check tr.var_t th {
	vertical-align: middle;
	padding: 10px 0 0 0;
	top: 0 !important;
}

.p-form__table tr.var_t th {
	vertical-align: top;
}

.p-form__table tr.var_t th label {
	display: block;
	position: relative;
}

.p-form__table tr th .is-required::after {
	content: "必須" ;
	background: #18458e;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	padding: 0.35em 0.5em;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
@media (max-width: 767px) {
	.p-form__table tr th .is-required::after {
		font-size: 10px;
		font-size: 1.0rem;
		margin-left: 1em;
		position: relative;
		right: 0;
		top: 0;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

.p-form__table tr td {
	color: #333333;
	padding-left: 30px;
	text-align: left;
}
@media (max-width: 767px) {
	.p-form__table tr td {
		padding: 10px 0;
		border-bottom: #eaeaea solid 1px;
	}
}

.p-form__table tr td ul {
	display: block;
}

/* p-form__table__list */

.p-form__table__list {
}

.p-form__table__list li,
.p-form__table__list img,
.p-form__table__list label {
	vertical-align: middle;
}

/* form - reset */

.p-form input[type="text"],
.p-form input[type="tel"],
.p-form input[type="email"],
.p-form input[type="number"],
.p-form textarea {
	font-size: 16px;
	font-size: 1.6rem;
	color: #000000;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
	border: 1px solid #eaeaea;
	background: #ffffff;
	box-shadow: none;
	margin: 0;
	border-radius: 0;
	padding: 1.2em 1em;
}
@media (max-width: 767px) {
	.p-form input[type="text"],
	.p-form input[type="tel"],
	.p-form input[type="email"],
	.p-form input[type="number"],
	.p-form textarea {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

/* select */

.p-form select {
	font-family: inherit;
	font-weight: normal;
	width: 100%;
	font-size: 1.6rem;
	font-size: 16px;
	/*height: 50px;*/
	padding: 0.75em 0;
	border: 1px solid #eaeaea;
	background: #ffffff;
	border-radius: 0;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	text-indent: 15px; /*Firefox用*/
	text-overflow: ""; /*Firefox用*/
	position: relative;
}
@media (max-width: 767px) {
	.p-form select {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

.p-form__select {
	display: block;
	position: relative;
}

.p-form__select:after {
	content: "";
	display: block;
	width: 15px;
	height: 8px;
	background-image: url(/common/images/icon_arrow_y.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 15px 8px;
	position: absolute;
	right: 1em;
	top: 50%;
	zoom: 1;
	z-index: 10;
	pointer-events: none;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
@media (max-width: 767px) {
	.p-form__select:after {
		width: 10px;
		height: 5px;
		background-size: 10px 5px;
	}
}

/* p-form__select--single - selsect単体使用時 */

.p-form__select--single select {
	width: 100%;
	font-family: 'NotoSansJP-Medium';
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal !important;
	color: #aaaaaa;
	padding: 0;
	padding-right: 1.3em;
	border: none;
	border-radius: 0;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	text-indent: 0; /*Firefox用*/
	text-overflow: ""; /*Firefox用*/
	position: relative;
}

.p-form__select--single:after {
	font-size: 13px;
	font-size: 1.3rem;
	right: 0 !important;
}

/* radio */

.p-form input[type="radio"] {
	display: none;
}
.label--radio {
	display: inline-block;
    cursor: pointer;
    margin-right: 1em;
    padding-left: 1.8em;
    position: relative;
}
.label--radio:before{
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background: transparent;
	border: 1px solid #cccccc;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -10px;
	border-radius: 50%;
}
.p-form input[type="radio"] + .label--radio:after {
	content: "";
	display: block;
	width: 9px;
	height: 9px;
	background: #18458e;
	position: absolute;
	left: 4px;
	top: 50%;
	margin-top: -6px;
	border-radius: 50%;
	opacity: 0;
	-webkit-transform: scale(0,0);
}
.p-form input[type="radio"]:checked + .label--radio:after {
	opacity: 1;
	-webkit-transform: scale(1,1);
}

.p-form input:focus,
.p-form textarea:focus,
.p-form select:focus {
	border: 1px solid #18458e;
	background: #f9f9f9;
}

/*.p-form textarea {
	height: 15em;
}*/

/* checkbox */

.p-form input[type="checkbox"] {
	display: none;
}
.label--checkbox {
	display: inline-block;
    cursor: pointer;
    margin-right: 1em;
    padding-left: 2em;
    position: relative;
}
.label--checkbox:before {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -8px;
	border: 1px solid #e0e0e0;
}
.p-form input[type="checkbox"] + .label--checkbox:after {
	content: "";
	display: block;
	width: 18px;
	height: 16px;
	background: url(/common/images/icon_check.svg);
	background-size: 18px 16px;
	position: absolute;
	left: 1px;
	bottom: 3px;
	opacity: 0;
	-webkit-transform: scale(0,0);
}
.p-form input[type="checkbox"]:checked + .label--checkbox:after {
	opacity: 1;
	-webkit-transform: scale(1,1);
}

/* placeholder */

::-webkit-input-placeholder {
	color: #e0e0e0;
}
::-moz-placeholder {
	color: #e0e0e0;
}
::placeholder {
	color: #e0e0e0;
}

/* form layout */

.form_layout1 {
	width: 40%;
	float: left;
}

/* form size */

.form_size1 {
	width: 100%;
}
.form_size2 {
	width: 100%;
}
.form_size3 {
	width: 100%;
}
.form_size4 {
	width: 15%;
}
.form_size25 {
	width: 25%;
}
.form_size50 {
	width: 50%;
}
.form_size70 {
	width: 70%;
}
.form_size80 {
	width: 80%;
}
.form_vTop {
	vertical-align: top !important;
}
.form_vTop label {
	padding-top: 0;
}

/* p-form__policy */

.p-form__policy {
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
	padding-top: 40px;
}
@media (max-width: 767px) {
	.p-form__policy {
		font-size: 12px;
		font-size: 1.2rem;
		padding-top: 10px;
	}
}

.p-form__policy__check {
	font-weight: bold;
	padding: 1em 0 0 0;
}
@media (max-width: 767px) {
	.p-form__policy__check {
		padding: 1em 0;
	}
}

/* form_submit */

.p-form__submit {
	width: 50%;
	margin: 0 auto;
}
@media (max-width: 767px) {
	.p-form__submit {
		width: auto;
	}
}

/* form_error */

.form_error {
	display: block;
	color: #ff0000;
	font-weight: normal;
	font-size: 1.4rem;
	line-height: 1.8;
	letter-spacing: 0;
	background: #ffe5e5;
	border: #ff0000 solid 1px;
	padding: 0.4em 0.8em !important;
	margin: 0 auto 10px auto;
}

/* .p-form__info */

.p-form__info {
	text-align: center;
	padding: 40px 0;
}
.p-form__info__heading {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.8;
	padding-top: 32px;
}
.p-form__info__txt {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.8;
	padding-top: 32px;
}

/* form_check */

.form_check .p-form__table  {
	margin-bottom: 40px !important;
}
.form_check .p-form__table tr th,
.form_check .p-form__table tr td {
	padding-top: 11px !important;
	padding-bottom: 11px !important;
}

/**
* p-form--skyblue
*/

.p-form--skyblue .p-form__table tr th {
	color: #00a0e9;
}

.p-form--skyblue .p-form__table tr th .is-required::after {
	background: #00a0e9;
}

.p-form--skyblue .p-form__select:after {
	background-image: url(/common/images/icon_arrow_y--skyblue.svg);
}

.p-form--skyblue input:focus,
.p-form--skyblue textarea:focus,
.p-form--skyblue select:focus {
	border-color: #00a0e9 !important;
}

.p-form--skyblue input[type="radio"] + .label--radio:after {
	background: #00a0e9;
}

.p-form--skyblue .p-form input[type="checkbox"] + .label--checkbox:after {
	background: url(/common/images/icon_check--skyblue.svg);
}

/**
* p-program-list
*/

.p-program-list {
	text-align: center;
	margin: 0 20px;
}

.p-program-list > li {
	padding-bottom: 26px;
}
@media (max-width: 767px) {
	.p-program-list li {
		font-family: inherit !important;
		font-weight: normal !important;
		padding-bottom: 20px;
	}
}

.p-program-list > li > a {
	display: block;
}

.p-program-list__pict {
	display: block;
	width: 100%;
	height: auto;
}

.p-program-list > li > a:hover .p-program-list__pict {
	opacity: 0.5;
}
@media (max-width: 767px) {
	.p-program-list > li > a:hover .p-program-list__pict {
		opacity: inherit;
	}
}

.p-program-list__title {
	display: block;
	font-family: 'NotoSansJP-Medium';
	font-size: 16px;
	font-size: 1.6rem;
	color: #222222;
	margin-top: 0.8em;
}
@media (max-width: 767px) {
	.p-program-list__title {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

.p-program-list__title__icon {
	display: inline-block;
	padding-right: 14px;
	padding-right: 1.4rem;
	position: relative;
}
@media (max-width: 767px) {
	.p-program-list__title__icon {
		padding-right: 12px;
		padding-right: 1.2rem;
	}
}

.p-program-list__title__icon:after {
	content: "";
	display: block;
	width: 7px;
	height: 14px;
	width: 0.7rem;
	height: 1.4rem;
	background: url(../images/icon_arrow_x.svg) no-repeat left top;
	background-size: 7px 14px;
	background-size: 0.7rem 1.4rem;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
@media (max-width: 767px) {
	.p-program-list__title__icon:after {
		width: 5px;
		height: 10px;
		width: 0.5rem;
		height: 1.0rem;
		background-size: 5px 10px;
		background-size: 0.5rem 1.0rem;
	}
}

.p-program-list > li > a:hover .p-program-list__title__icon:after {
	-webkit-transform: translateY(-50%) translateX(0.4rem);
}
.p-program-list__title__icon--yellow:after {
	background: url(../images/icon_arrow_x--yellow.svg) no-repeat left top;
}
.p-program-list__title__icon--green:after {
	background: url(../images/icon_arrow_x--green.svg) no-repeat left top;
}
.p-program-list__title__icon--skyblue:after {
	background: url(../images/icon_arrow_x--skyblue.svg) no-repeat left top;
}
.p-program-list__title__icon--pink:after {
	background: url(../images/icon_arrow_x--pink.svg) no-repeat left top;
}
.p-program-list__title__icon--purple:after {
	background: url(../images/icon_arrow_x--purple.svg) no-repeat left top;
}

/**
* p-channel-list
*/

.p-channel-list,
.p-channel-list li {
	text-align: left !important;
}
@media (max-width: 767px) {
	.p-channel-list,
	.p-channel-list li {
		text-align: center !important;
	}
}

@media (max-width: 767px) {
	.p-channel-list {
		border-color: #3f3f3f;
		border-width: 1px 0 0 0;
		border-style: solid;
		margin: 0;
	}

	.p-channel-list > li {
		border-color: #3f3f3f;
		border-width: 0 0 1px 0;
		border-style: solid;
	}

	.header__menu .p-channel-list,
	.header__menu .p-channel-list > li {
		border-color: #eaeaea;
	}

	.header__menu .p-channel-list > li:last-child {
		border: none;
	}
}

/* p-channel-list > a */

.p-channel-list > a {
	display: block;
	text-decoration: none;
}
@media (max-width: 767px) {
	.p-channel-list > a {
		display: block;
		text-decoration: none;
	}
}

.p-channel-list > a > span > span {
	display: inline-block;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
@media (max-width: 767px) {
	.p-channel-list > a > span > span {
		display: inline-block;
		-webkit-transition: all 200ms ease;
		transition: all 200ms ease;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

.p-channel-list > a:hover img,
.p-channel-list > a:hover > span > span {
	opacity: 0.5;
}
@media (max-width: 767px) {
	.p-channel-list > a:hover img,
	.p-channel-list > a:hover > span > span {
		opacity: inherit;
	}
}

.p-channel-list__pict {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
@media (max-width: 767px) {
	.p-channel-list__pict {
		display: none !important;
	}
}

/* p-channel-list__child */

.p-channel-list__child {
	font-weight: normal;
}
@media (max-width: 767px) {
	.p-channel-list__child {
		position: relative;
		overflow: hidden;
		/**/
		transition: height 300ms ease;
		-ms-transition: height 300ms ease;
		-moz-transition: height 300ms ease;
		-webkit-transition: height 300ms ease;
	}
}

.p-channel-list__child ul {
}
@media (max-width: 767px) {
	.p-channel-list__child ul {
		padding-bottom: 2em;
	}
}

.p-channel-list__child li {
	font-family: "游ゴシック体","Yu Gothic",YuGothic,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ Pro","メイリオ","Meiryo",メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","Helvetica","Verdana",sans-serif;
	line-height: 1.4;
	padding-top: 0.9em;
	font-size: 12px !important;
	font-size: 1.2rem !important;
}
@media (max-width: 767px) {
	.p-channel-list__child li {
		font-family: "游ゴシック体","Yu Gothic",YuGothic,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ Pro","メイリオ","Meiryo",メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","Helvetica","Verdana",sans-serif;
		line-height: 1.4;
		padding-top: 0.9em;
		font-size: 12px !important;
		font-size: 1.2rem !important;
	}
}

.p-channel-list__child li a {
	display: inline-block;
	text-decoration: underline !important;
	color: #333333;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
}
@media (max-width: 767px) {
	.p-channel-list__child li a {
		display: inline-block;
		text-decoration: underline !important;
		color: #333333;
		-webkit-transition: all 200ms ease;
		transition: all 200ms ease;
	}
}

.p-channel-list__child li a:hover {
	text-decoration: none !important;
	opacity: 0.5;
	-webkit-transform: translateX(3%);
}
@media (max-width: 767px) {
	.p-channel-list__child li a:hover {
		text-decoration: none !important;
		opacity: inherit;
		-webkit-transform: translateX(0);
	}
}

/* .is-open p-channel-list__child */

@media (max-width: 767px) {
	.is-open > .p-channel-list__child {
		visibility: visible;
		height: auto;
		margin-bottom: -1px;
		position: relative;
	}
	.is-open > a > .c-heading2__icon:before {
		opacity: 0.25;
		-webkit-transform: rotate(180deg);
	}
}

/* p-channel-list--white */

.p-channel-list--white > li > a {
	color: #ffffff;
}

.p-channel-list--white .p-channel-list__child a {
	color: #afafaf;
}

/**
* p-external-banner
*/

.p-external-banner {
	margin-top: 60px;
	padding-top: 40px;
	border-top: #3f3f3f solid 1px;
}
@media (max-width: 767px) {
	.p-external-banner {
		margin-top: 0;
		padding-top: 20px;
		border-top: none;
	}

	.p-external-banner.c-grid--content {
		/*
		width: calc(100% + 20px);
		left: calc(0px - 10px);
		*/
		margin: 0;
		position: relative;
	}
}

/**
* p-nowonair
*/

.p-nowonair {
	display: block;
}

.p-nowonair__box {
	transition: none;
	-ms-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
}

.p-nowonair__heading {
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	padding: 10px 0;
	/*padding: calc(4px + 0.75vw) 0;*/
	background: #18458e;
}

.p-nowonair__heading__title {
	font-size: 18px;
	font-size: 1.8rem;
	font-style: italic;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #ea1921;
	line-height: 1.2;
}

.p-nowonair__heading__title > span {
	display: inline-block;
	animation: nowonarir cubic-bezier(.42,0,.58,1) 1000ms infinite alternate forwards;
   transform-origin: 50% 50%;
	-webkit-animation: nowonarir cubic-bezier(.42,0,.58,1) 1000ms infinite alternate forwards;
   -webkit-transform-origin: 50% 50%;
}

.p-nowonair__heading__title > span:nth-child(1) {
	animation-delay: -450ms;
	-webkit-animation-delay: -450ms;
}

.p-nowonair__heading__title > span:nth-child(2) {
	animation-delay: -400ms;
	-webkit-animation-delay: -400ms;
}

.p-nowonair__heading__title > span:nth-child(3) {
	animation-delay: -350ms;
	-webkit-animation-delay: -350ms;
}

.p-nowonair__heading__title > span:nth-child(4) {
	animation-delay: -300ms;
	-webkit-animation-delay: -300ms;
}

.p-nowonair__heading__title > span:nth-child(5) {
	animation-delay: -250ms;
	-webkit-animation-delay: -250ms;
}

.p-nowonair__heading__title > span:nth-child(6) {
	animation-delay: -200ms;
	-webkit-animation-delay: -200ms;
}

.p-nowonair__heading__title > span:nth-child(7) {
	animation-delay: -150ms;
	-webkit-animation-delay: -150ms;
}

.p-nowonair__heading__title > span:nth-child(8) {
	animation-delay: -100ms;
	-webkit-animation-delay: -100ms;
}

.p-nowonair__heading__title > span:nth-child(9) {
	animation-delay: -50ms;
	-webkit-animation-delay: -50ms;
}

@keyframes nowonarir {
  0% {
	 opacity:0.5;
     transform: rotateY(90deg);
  }
  50% {
		opacity:1;
	  transform: rotateY(0deg);
  }
  100% {
	  opacity:1;
     transform: rotateY(0deg);
  }
}
@-webkit-keyframes nowonarir {
  0% {
	 opacity:0.5;
     -webkit-transform: rotateY(90deg);
  }
  50% {
		opacity:1;
	  -webkit-transform: rotateY(0deg);
  }
  100% {
	  opacity:1;
     -webkit-transform: rotateY(0deg);
  }
}

/* p-nowonair__heading__date */

.p-nowonair__heading__date {
	display: block;
	color: #ffffff;
	line-height: 1.2;
}
.p-nowonair__heading__date > span {
	display: inline-block;
}

.p-nowonair__heading__date__num {
	font-size: 16px;
	font-size: 1.6rem;
}
.p-nowonair__heading__date__num--large {
	font-size: 24px;
	font-size: 2.4rem;
}

.p-nowonair__heading__date__jp {
	font-family: 'NotoSansJP-Bold';
}

.ie-edge .p-nowonair__heading__date__jp {
	font-family: inherit;
	font-weight: bold;
}

.p-nowonair__heading__date__jp--small {
	font-size: 10px;
	font-size: 1.0rem;
}
.p-nowonair__heading__date__jp--large {
	font-size: 14px;
	font-size: 1.4rem;
}

.p-nowonair__heading__date__jp--week {
	font-size: 11px;
	font-size: 1.1rem;
	color: #18458e;
	line-height: 1;
	margin-left: 0.5em;
	position: relative;
	z-index: 10;
	top: -0.24em;
}
.p-nowonair__heading__date__jp--week > span {
	display: inline-block;
	position: relative;
	z-index: 10;
}
.p-nowonair__heading__date__jp--week:after {
	content: "";
	width: 20px;
	height: 20px;
	width: 2.0rem;
	height: 2.0rem;
	background: #ffffff;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	border-radius: 50%;
}

/* p-nowonair__content */

.p-nowonair__content {
	border-color: #18458e;
	border-style: solid;
	border-width: 0 2px 2px 2px;
	padding: 10px 0 20px 0;
}
.p-nowonair__content__inner {
	margin: 0 20px;
}

/* p-nowonair__list */

.p-nowonair__list {
}

.p-nowonair__list > li {
	padding: 10px 0;
	border-bottom: #eaeaea solid 1px;
}
@media (max-width: 767px) {
	.p-nowonair__list > li {
		width: 50%;
		width: calc((100% - 10px) / 2);
		float: left;
		margin-right: 10px;
		padding: 10px 0;
		border-bottom: none
	}
	.p-nowonair__list > li:nth-child(2n) {
		margin-right: 0;
	}
	.p-nowonair__list > li:nth-child(2n+1) {
		clear: both;
	}
}

/*
.p-nowonair__list > li:last-child {
	border-bottom: none;
}
*/

/* p-nowonair__list__body */

.p-nowonair__list__body {
	text-decoration: none;
}
@media (max-width: 767px) {
	.p-nowonair__list__body {
		display: block !important;
	}
}

/*
a.p-nowonair__list__body:hover {
	opacity: 0.75;
}
*/
a.p-nowonair__list__body .p-nowonair__ch {
	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
	transition: none;
	-ms-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
}
@media (max-width: 767px) {
	a.p-nowonair__list__body:hover .p-nowonair__ch {
		animation: none;
		-ms-animation: none;
		-moz-animation: none;
		-webkit-animation: none;
	}
}

a.p-nowonair__list__body:hover .p-nowonair__ch {
	animation: jumpBounce 800ms forwards ease-in-out;
	-ms-animation: jumpBounce 800ms forwards ease-in-out;
	-moz-animation: jumpBounce 800ms forwards ease-in-out;
	-webkit-animation: jumpBounce 800ms forwards ease-in-out;
}

/* p-nowonair__ch */

.p-nowonair__ch {
	width: 30%;
	height: 42px;
	height: 4.2rem;
	min-height: 42px;
	min-height: 4.2rem;
	height: calc(2rem + 2vw);
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.02vw;
	line-height: 1.2;
	color: #ffffff;
	background: #3b72c2;
	border-radius: 5px;
}
@media (max-width: 767px) {
	.p-nowonair__ch {
		display: block !important;
		width: auto;
		height: auto;
		min-height: inherit;
		min-height: auto;
		letter-spacing: 0;
		padding: 0.4em 0;
	}
}

.p-nowonair__ch small {
	display: block;
	font-size: 10px;
	font-size: 1.0rem;
}

/* p-nowonair__name */

.p-nowonair__name {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4;
}
@media (max-width: 767px) {
	.p-nowonair__name {
		display: block !important;
		font-size: 12px;
		font-size: 1.2rem;
		padding-top: 0.6em;
	}
}

a.p-nowonair__list__body .p-nowonair__name {
	text-decoration: underline;
}
a.p-nowonair__list__body:hover .p-nowonair__name {
	text-decoration: none;
}

.p-nowonair__name__inner {
	margin-left: 10px;
}
@media (max-width: 767px) {
	.p-nowonair__name__inner {
		text-align: center;
		margin-left: 0;
	}
}

/* p-nowonair type */

.p-nowonair__program--live .p-nowonair__ch {
	color: #18458e;
	background: #ffcc00;
}
@media (max-width: 767px) {
	.p-nowonair__program--live .p-nowonair__ch {
		color: #18458e;
		background: #ffcc00;
	}
}

.p-nowonair__program--live .p-nowonair__ch p:before {
	content: "[LIVE]";
	display: block;
	font-size: 10px;
	font-size: 1.0rem;
}
@media (max-width: 767px) {
	.p-nowonair__program--live .p-nowonair__ch p:before {
		content: "[LIVE]";
		display: inline-block;
		padding-right: 0.5em;
	}
}

.p-nowonair__program--blank .p-nowonair__ch {
	background: #c3c3c3;
}
@media (max-width: 767px) {
	.p-nowonair__program--blank .p-nowonair__ch {
		background: #c3c3c3;
	}
}

.p-nowonair__program--blank .p-nowonair__name {
	font-size: 11px;
	font-size: 1.1rem;
	color: #999999;
}
@media (max-width: 767px) {
	.p-nowonair__program--blank .p-nowonair__name {
		font-size: 11px;
		font-size: 1.1rem;
		color: #999999;
	}
}

/* p-nowonair__links */

.p-nowonair__links {
	margin-top: 20px;
	/*background-color: #ffff00;*/
}

/**
* p-side-banner
*/

.p-side-banner {
	border-top: #eaeaea solid 1px;
	margin-top: 20px;
	padding-top: 10px;
}
@media (max-width: 767px) {
	.p-side-banner {
		display: none;
	}
}

.p-side-banner__cell {
	padding-top: 10px;
}
.p-side-banner__cell > a {
	display: block;
}
.p-side-banner__cell > a > img {
	display: block;
	width: 100%;
	height: auto;
}

/**
* p-program-block
*/

.p-program-block {
	margin-bottom: 0;
}

.p-program-block__cell {
	margin-top: 20px;
}

.p-program-block__cell__link {
	display: block;
	text-decoration: none;
}

.p-program-block__cell__inner {
	margin: 0;
	padding-bottom: 1.2em;
}

.p-program-block__pict,
.p-program-block__content {
	display: block;
}

.p-program-block__title {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
	padding-top: 1.2em;
}
@media (max-width: 767px) {
	.p-program-block__title {
		font-size: 12px;
		font-size: 1.2rem;
		padding-top: 0.8em;
	}
}

a .p-program-block__title {
	text-decoration: underline;
}

.p-program-block__title__icon {
	display: inline-block;
	font-size: 10px;
	font-size: 1.0rem;
	color: #ffffff;
	margin-right: 0.6em;
	padding: 0.1em 0.4em;
	background: #d02027;
	border-radius: 3px;
}
@media (max-width: 767px) {
	.p-program-block__title__icon {
		font-size: 9px;
		font-size: 0.9rem;
	}
}

.p-program-block__title__icon--new {
	color: #ffffff;
	background: #d02027;
}

.p-multi-box--color-yellow .p-program-block__title__icon--new {
	background: #e7b900;
}

.p-multi-box--color-green .p-program-block__title__icon--new {
	background: #249422;
}

.p-multi-box--color-skyblue .p-program-block__title__icon--new {
	background: #3689cf;
}

.p-multi-box--color-pink .p-program-block__title__icon--new {
	background: #cd405e;
}

.p-multi-box--color-purple .p-program-block__title__icon--new {
	background: #b762c4;
}

.p-multi-box--color-purple .p-program-block__title__icon--new {
	background: #b762c4;
}

.p-program-block__title__icon--new span {
	-webkit-animation: hFlash2 100ms 0ms forwards cubic-bezier(.42,0,.58,1) infinite alternate;
	animation: hFlash2 100ms 0ms forwards cubic-bezier(.42,0,.58,1) infinite alternate;
}

.p-program-block__title__icon--playback {
	color: #ffffff;
	background: #d02027;
}

.p-program-block__cell__link:hover .p-program-block__title {
	text-decoration: none;
}

.p-program-block__txt {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.8;
	color: #333333;
	padding-top: 0.75em;
}
@media (max-width: 767px) {
	.p-program-block__txt {
		display: none;
	}
}

/* p-program-block--frame */

.p-program-block--frame .p-program-block__cell {
	margin-top: 10px;
	background: #ffffff;
}

.p-program-block--frame .p-program-block__cell__link {
	border: #eaeaea solid 1px;
}

.p-program-block--frame .p-program-block__cell__link:hover {
	border-color: #18458e;
	box-shadow: 0px 4px 20px rgba(0,0,0,0.2);
	transition: 0.2s ease-out;
}

.p-program-block--frame .p-program-block__cell__inner {
	margin: 10px;
}

.p-program-block--frame .p-program-block__title {
	color: #111111;
}
.p-program-block--frame .p-program-block__txt {
	color: #666666;
}

/* p-program-block--frame-sp-horizontal */

@media (max-width: 767px) {
	.p-program-block--frame-sp-horizontal .p-program-block__cell__inner {
		display: table;
		height: auto !important;
		margin: 10px;
		padding-bottom: 0;
	}
}

@media (max-width: 767px) {
	.p-program-block--frame-sp-horizontal .p-program-block__pict,
	.p-program-block--frame-sp-horizontal .p-program-block__content {
		display: table-cell;
		vertical-align: middle;
	}
}

@media (max-width: 767px) {
	.p-program-block--frame-sp-horizontal .p-program-block__pict {
		width: 38%;
	}
}

@media (max-width: 767px) {
	.p-program-block--frame-sp-horizontal .p-program-block__content {
		padding-left: 10px;
	}
}

@media (max-width: 767px) {
	.p-program-block--frame-sp-horizontal .p-program-block__title {
		padding-top: 0;
	}
}

/* p-program-block--pickup */

.p-program-block--pickup .p-program-block__cell__inner {
	display: table;
	padding-bottom: 0;
}

.p-program-block--pickup .p-program-block__pict,
.p-program-block--pickup .p-program-block__content {
	display: table-cell;
	vertical-align: middle;
}

.p-program-block--pickup .p-program-block__pict {
	width: 38%;
}

.p-program-block--pickup .p-program-block__content {
	padding-left: 20px;
}

.p-program-block--pickup.p-program-block--frame .p-program-block__cell__inner {
	margin: 20px;
}

.p-program-block--pickup .p-program-block__title {
	font-size: 18px;
	font-size: 1.8rem;
	font-size: calc(1.4rem + 100%);
	padding-top: 0;
}

.p-program-block--pickup .p-program-block__txt {
	font-size: 13px;
	font-size: 1.3rem;
}

@media (max-width: 767px) {
	.p-program-block--pickup .p-program-block__cell__inner {
		display: block;
	}

	.p-program-block--pickup .p-program-block__pict,
	.p-program-block--pickup .p-program-block__content {
		display: block;
		vertical-align: bottom;
	}

	.p-program-block--pickup .p-program-block__pict {
		width: auto;
	}
	.p-program-block--pickup .p-program-block__content {
		padding-left: 0;
	}

	.p-program-block--pickup.p-program-block--frame .p-program-block__cell__inner {
		margin: 10px;
	}

	.p-program-block--pickup .p-program-block__title {
		font-size: 14px;
		font-size: 1.4rem;
		padding-top: 1em;
	}

	.p-program-block--pickup .p-program-block__txt {
		display: block;
		font-size: 12px;
		font-size: 1.2rem;
	}
}

/**
* p-multi-box
*/

.p-multi-box {
	border-top: #18458e solid 4px;
	background: #e7ecf3;
}
@media (max-width: 767px) {
	.p-multi-box {
		border-width: 3px 0 0 0;
	}
}

.p-multi-box__inner {
	margin: 0 20px;
	padding-bottom: 20px;
}
@media (max-width: 767px) {
	.p-multi-box__inner {
		margin: 0 10px;
		padding-bottom: 10px;
	}
}

.p-multi-box__heading {
	padding: 30px 0 20px 0;
	position: relative;
}
@media (max-width: 767px) {
	.p-multi-box__heading {
		padding: 20px 0 10px 0;
	}

	.p-multi-box__heading .c-heading2 {
		font-size: 16px !important;
		font-size: 1.6rem !important;
	}

	.p-multi-box__heading .c-heading2 .c-heading2__icon {
		padding-left: 0;
	}

	.p-multi-box__heading .c-heading2 .c-heading2__icon:before {
		display: none;
	}
}

.p-multi-box__heading__slogan {
	font-size: 14px;
	font-size: 1.4rem;
	font-style: italic;
	font-weight: bold;
	color: #18458e;
	letter-spacing: 0.075em;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
@media (max-width: 767px) {
	.p-multi-box__heading__slogan {
		font-size: 11px;
		font-size: 1.1rem;
		letter-spacing: 0;
		text-align: center;
		margin-bottom: 10px;
		position: relative;
		right: 0;
		top: 0;
		transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}

/* p-multi-box__body */

.p-multi-box__body {
	background: #ffffff;
	border: #eaeaea solid 1px;
}
@media (max-width: 767px) {
	.p-multi-box__body {
		margin-top: 0
	}
}

.p-multi-box__body__inner {
	margin: 0 40px;
	padding: 40px 0;
}
@media (max-width: 767px) {
	.p-multi-box__body__inner {
		margin: 0 20px;
		padding: 20px 0;
	}
}

/* p-multi-box - color */

.p-multi-box--color-yellow {
	border-color: #e7b900;
	background-color: #fffae5;
}
.p-multi-box--color-yellow .p-multi-box__heading__slogan {
	color: #e7b900;
}
.p-multi-box--color-yellow .p-program-block--frame .p-program-block__cell__link:hover {
	border-color: #e7b900;
}

.p-multi-box--color-green {
	border-color: #249422;
	background-color: #ecf6e7;
}
.p-multi-box--color-green .p-multi-box__heading__slogan {
	color: #249422;
}
.p-multi-box--color-green .p-program-block--frame .p-program-block__cell__link:hover {
	border-color: #249422;
}

.p-multi-box--color-skyblue {
	border-color: #3689cf;
	background-color: #ecf4fb;
}
.p-multi-box--color-skyblue .p-multi-box__heading__slogan {
	color: #3689cf;
}
.p-multi-box--color-skyblue .p-program-block--frame .p-program-block__cell__link:hover {
	border-color: #3689cf;
}

.p-multi-box--color-pink {
	border-color: #cd405e;
	background-color: #faecef;
}
.p-multi-box--color-pink .p-multi-box__heading__slogan {
	color: #cd405e;
}
.p-multi-box--color-pink .p-program-block--frame .p-program-block__cell__link:hover {
	border-color: #cd405e;
}

.p-multi-box--color-purple {
	border-color: #b762c4;
	background-color: #f8eff9;
}
.p-multi-box--color-purple .p-multi-box__heading__slogan {
	color: #b762c4;
}
.p-multi-box--color-purple .p-program-block--frame .p-program-block__cell__link:hover {
	border-color: #b762c4;
}

/**
* p-topics
*/

.p-topics {
	text-align: left;
	margin-top: 70px;
	padding: 30px 0;
	padding: calc(15px + 1.5vw) 0;
	background: #18458e;
	background: #205db5;
	background: -moz-linear-gradient(left, #205db5 0%, #18458e 100%);
	background: -webkit-linear-gradient(left, #205db5 0%,#18458e 100%);
	background: linear-gradient(to right, #205db5 0%,#18458e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#205db5', endColorstr='#18458e',GradientType=1 );
	position: relative;
}
@media (max-width: 767px) {
	.p-topics {
		margin-top: 35px;
		padding-bottom: 20px;
		border-bottom: #eaeaea solid 2px;
		background: none;
	}
}

.p-topics__box {
	min-height: 360px;
	background: #ffffff;
	position: relative;
}
@media (max-width: 767px) {
		.p-topics__box {
			/*
			min-height: inherit;
			min-height: auto;
			*/
			min-height: 120px;
			padding: 20px;
			background: #18458e;
			background: #205db5;
			background: -moz-linear-gradient(left, #205db5 0%, #18458e 100%);
			background: -webkit-linear-gradient(left, #205db5 0%,#18458e 100%);
			background: linear-gradient(to right, #205db5 0%,#18458e 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#205db5', endColorstr='#18458e',GradientType=1 );
			position: relative;
		}
}

.p-topics__box:after {
	content: "";
	display: block;
	width: 60px;
	height: 60px;
	background: url(/common/images/loader.gif) no-repeat left top;
	background-size: 60px 60px;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
}
@media (max-width: 767px) {
	.p-topics__box:after {
		width: 50px;
		height: 50px;
		background: url(/common/images/loader_white.gif) no-repeat left top;
		background-size: 50px 50px;
	}
}

.p-topics__box__bg {
	display: none;
}
@media (max-width: 767px) {
	.p-topics__box__bg {
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
	}
}

.p-topics__box__bg__inner {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}

@media (max-width: 767px) {
	.p-topics .c-grid--content {
		margin: 0;
	}

	.p-topics .c-grid--content__side {
		width: auto;
		margin: 0 20px;
	}
}

/* p-topics p-nowonair */

.p-topics .p-nowonair {
}

.p-topics .p-nowonair__heading {
	background: #ffffff;
}
@media (max-width: 767px) {
	.p-topics .p-nowonair__heading {
		margin-top: 20px;
		background: #18458e;
	}
}

.p-topics .p-nowonair__heading__date {
	color: #18458e;
}
@media (max-width: 767px) {
	.p-topics .p-nowonair__heading__date {
		color: #ffffff;
	}
}

.p-topics .p-nowonair__heading__date__jp--week {
	color: #ffffff;
}
@media (max-width: 767px) {
	.p-topics .p-nowonair__heading__date__jp--week {
		color: #18458e;
	}
}

.p-topics .p-nowonair__heading__date__jp--week:after {
	background: #18458e;
}
@media (max-width: 767px) {
	.p-topics .p-nowonair__heading__date__jp--week:after {
		background: #ffffff;
	}
}

.p-topics .p-nowonair__content {
	padding: 0 0 20px 0;
	border-color: #ffffff;
}
@media (max-width: 767px) {
	.p-topics .p-nowonair__content {
		border-color: #18458e;
	}
}

.p-topics .p-nowonair__name {
	color: #ffffff;
}
@media (max-width: 767px) {
	.p-topics .p-nowonair__name {
		color: #18458e;
	}
}

.p-topics .p-nowonair__ch {
	/*min-height: 4.2rem;*/
	/*height: calc(2rem + 2vw);*/
	color: #18458e;
	background: #ffffff;
}
@media (max-width: 767px) {
	.p-topics .p-nowonair__ch {
		color: #ffffff;
		background: #18458e;
	}
}
@media (min-width: 1361px) {
	.p-topics .p-nowonair__ch {
		height: calc(2rem + 2.2vw);
	}
}

@media (max-width: 767px) {
	.p-topics .p-nowonair__program--blank .p-nowonair__ch {
		background: #c3c3c3;
	}

	.p-topics .p-nowonair__program--blank .p-nowonair__name {
		color: #999999;
	}
}

.p-topics .p-nowonair__program--live .p-nowonair__ch {
	background: #ffcc00;
}
@media (max-width: 767px) {
	.p-topics .p-nowonair__program--live .p-nowonair__ch {
		color: #18458e;
	}
}

.p-topics .p-nowonair__program--blank .p-nowonair__list__body {
	opacity: 0.25;
}
@media (max-width: 767px) {
	.p-topics .p-nowonair__program--blank .p-nowonair__list__body {
		opacity: 1;
	}
}

@media (max-width: 767px) {
	.p-topics .p-nowonair__list {
		padding-top: 10px !important;
		margin-bottom: 0 !important;
	}
}

.p-topics .p-nowonair__list > li {
	border-color: #5274aa;
	/*border-color: rgba(255,255,255,0.25);*/
}

.p-topics .p-nowonair__list > li:first-child {
	border-top: #5274aa solid 1px;
}
@media (max-width: 767px) {
	.p-topics .p-nowonair__list > li:first-child {
		border-top: none;
	}
}

.p-topics .p-nowonair .c-button {
	color: #17448a;
	background: #ffffff;
	box-shadow: none;
	-ms-box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
@media (max-width: 767px) {
	.p-topics .p-nowonair .c-button {
		color: #ffffff;
		background: #0e3962;
		background: linear-gradient(to right, #205db5 0%,#18458e 100%);
		background: -moz-linear-gradient(left, #205db5 0%, #18458e 100%);
		background: -webkit-linear-gradient(left, #205db5 0%,#18458e 50%,#18458e 51%,#205db5 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#205db5', endColorstr='#18458e',GradientType=1 );
		background-size: 200% 200%;
		box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0px 2px 3px 0px #rgba(0,0,0,0.3);
	}
}

.p-topics .c-grid--content__side .c-button .c-button__icon--program:after {
	background-image: url(../images/icon_program--blue.svg);
}
@media (max-width: 767px) {
	.p-topics .c-grid--content__side .c-button .c-button__icon--program:after {
		background-image: url(../images/icon_program.svg);
	}
}

.p-topics .c-grid--content__side .c-button .c-button__icon--top--live:before {
	background-image: url(../images/icon_tv-live--blue.svg);
}
@media (max-width: 767px) {
	.p-topics .c-grid--content__side .c-button .c-button__icon--top--live:before {
		background-image: url(../images/icon_tv-live.svg);
	}
}

.p-topics .c-grid--content__side .c-button .c-button__icon--top--pdf:before {
	background-image: url(../images/icon_pdf--blue.svg);
}
@media (max-width: 767px) {
	.p-topics .c-grid--content__side .c-button .c-button__icon--top--pdf:before {
		background-image: url(../images/icon_pdf.svg);
	}
}

.p-topics .p-nowonair__links .c-button {
	padding: 0;
	transition: none;
	-ms-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
}

.p-topics .p-nowonair__links .c-button .u-table__cell {
	position: relative;
	padding: 0.75em 0;
}

@media (max-width: 767px) {
	.p-topics .p-nowonair__links .c-button.u-font-small.u-font-normal.u-table.u-table--middle {
		height: auto !important;
	}
}


/* p-topics__slider */

.p-topics__slider {
	/*height: 440px;*/
	/*background: #ffffff;*/
	position: relative;
	z-index: 10;
}
@media (max-width: 767px) {
	.p-topics__slider {
		background: none;
	}
}

.p-topics__slider img {
	transition: none;
	-ms-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
}

.p-topics__slider__main {
	margin: 0 2px;
	padding: 2px 0 0 0;
}
@media (max-width: 767px) {
	.p-topics__slider__main {
		margin: 0;
		padding: 2px;
	}
}

@media (max-width: 767px) {
	 .p-topics__slider .p-topics__slider__main .slick-current {
		opacity: 1 !important;
	}
}

.p-topics__slider__nav {
	margin: 0 5px;
	padding: 10px 0;
}
@media (max-width: 767px) {
	.p-topics__slider__nav {
		display: none;
	}
}

.p-topics__slider__main .slider,
.p-topics__slider__nav .slider {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 600ms ease;
	transition: all 600ms ease;
}

.is-loaded .p-topics__slider__main .slider,
.is-loaded .p-topics__slider__nav .slider {
	visibility: visible;
	opacity: 1;
	background: #ffffff;
}
/*.p-topics__slider__main .slider.slick-initialized,
.p-topics__slider__nav .slider.slick-initialized {
	visibility: visible;
	opacity: 1;
	background: #ffffff;
}*/

/* p-topics__monthly + u-table */

.p-topics__monthly {
	margin-top: 20px;
	background: #ffffff;
}
@media (max-width: 767px) {
	.p-topics__monthly {
		display: block;
		margin-top: 30px;
		background: transparent;
	}
}

.p-topics__monthly,
.p-topics__monthly a,
.p-topics__monthly a *,
.p-topics__monthly a *:before {
	transition: none;
}

.p-topics__monthly > .u-table {
	text-decoration: none;
	height: 140px;
	/*height: 150px;*/
	/*height: 180px;*/
	/*height: 210px;*/
	border-collapse:separate;
	border-spacing:2px;
}
@media (max-width: 767px) {
	.p-topics__monthly > .u-table {
		display: block;
		height: auto;
	}

	.p-topics__monthly > .u-table > .u-table__cell {
		display: block;
		height: auto;
	}
}

/*p-topics__monthly__heading*/

.p-topics__monthly__heading {
	/*width: 22.5%;*/
	width: 22%;
	text-align: center;
}
@media (max-width: 767px) {
	.p-topics__monthly__heading {
		width: auto;
		text-align: center;
		margin: 0 20px;
		border: #e0e0e0 solid 2px;
		border-width: 1px 1px 0 1px;
		/*border-radius: 10px 10px 0 0;*/
		padding: 2.4em 0 1.6em 0;
	}
}

/*p-topics__monthly__title*/

.p-topics__monthly__title {
	font-family: 'NotoSansJP-Bold';
	font-size: 16px;
	font-size: 1.6rem;
	font-style: italic;
	letter-spacing: 0;
	color: #111111;
}
@media (max-width: 767px) {
	.p-topics__monthly__title {
		vertical-align: middle;
	}
}

.p-topics__monthly__title:before {
	content: "";
	display: block;
	width: 100px;
	height: 26px;
	width: 10.0rem;
	height: 2.6rem;
	margin: 0 auto 15px auto;
	background: url(../images/logo.svg) no-repeat left top;
	background-size: 100px 26px;
	background-size: 10.0rem 2.6rem;
}
@media (max-width: 767px) {
	.p-topics__monthly__title:before {
		display: inline-block;
		vertical-align: middle;
		width: 80px;
		height: 21px;
		width: 8.0rem;
		height: 2.1rem;
		background-size: 80px 21px;
		background-size: 8.0rem 2.1rem;
		margin: 0 0.5em 0 0;
		position: relative;
		top: -0.2em;
	}
}

.p-topics__monthly__title > strong {
	font-family: 'Montserrat', sans-serif;
	font-size: 28px;
	font-size: 2.8rem;
	font-style: italic;
	letter-spacing: 0;
	color: #18458e;
}

.p-topics__monthly__title > span {
	display: inline-block;
	position: relative;
}

.p-topics__monthly__title > span:before {
	content: "";
	display: block;
	width: 4px;
	height: 4px;
	width: 0.4rem;
	height: 0.4rem;
	background: #d02027;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: -0.5em;
	transform: translateX(50%);
	-ms-transform: translateX(50%);
	-moz-transform: translateX(50%);
	-webkit-transform: translateX(50%);
	transform-origin: 50% 50%;
	animation: monthlypickup cubic-bezier(.42,0,.58,1) 1000ms infinite alternate forwards;
	-webkit-animation: monthlypickup cubic-bezier(.42,0,.58,1) 1000ms infinite alternate forwards;
}

.p-topics__monthly__title > span:nth-child(1):before {
	animation-delay: -600ms;
	-webkit-animation-delay: -600ms;
}

.p-topics__monthly__title > span:nth-child(2):before {
	animation-delay: -450ms;
	-webkit-animation-delay: -450ms;
}
.p-topics__monthly__title > span:nth-child(3):before {
	animation-delay: -300ms;
	-webkit-animation-delay: -300ms;
}
.p-topics__monthly__title > span:nth-child(4):before {
	animation-delay: -150ms;
	-webkit-animation-delay: -150ms;
}

@keyframes monthlypickup {
  0% {
	  opacity: 1;
	  transform: translateY(-75%);
  }
  100% {
	  opacity: 0;
	  transform: translateY(75%);
  }
}
@-webkit-keyframes monthlypickup {
  0% {
	  opacity: 1;
	  -webkit-transform: translateY(-75%);
  }
  100% {
	  opacity: 0;
	  -webkit-transform: translateY(75%);
  }
}

.p-topics__monthly__title-en {
	font-family: 'Montserrat', sans-serif;
	font-size: 10px;
	font-size: 1.0rem;
	font-style: italic;
	text-transform: uppercase;
	letter-spacing: 0;
	color: #8ba2c6;
	padding-top: 1.2em;
}
@media (max-width: 767px) {
	.p-topics__monthly__title-en {
		display: none;
	}
}

/*p-topics__monthly__content*/

.p-topics__monthly__content {
	color: #ffffff;
	background: #000000;
	background-image: url(/recommend/images/recommend_visual.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
@media (max-width: 767px) {
	.p-topics__monthly__content {
		text-align: center;
		/*margin-top: 15px;*/
		margin: 0 20px;
		/*border-radius: 0 0 10px 10px;*/
	}
}

.p-topics__monthly__content:after {
	content: "";
	width: 100%;
	height: 100%;
	background: #000000;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	opacity: 0.3;
}
@media (max-width: 767px) {
	.p-topics__monthly__content:after {
		/*border-radius: 0 0 10px 10px;*/
	}
}

a:hover .p-topics__monthly__content:after {
	opacity: 0.5;
}

.p-topics__monthly__box {
	/*padding: 30px;*/
	padding: 20px 30px;
	position: relative;
	z-index: 10;
}

.p-topics__monthly__slogan {
	display: inline-block;
	font-family: 'NotoSansJP-Bold';
	font-size: 22px;
	font-size: 2.2rem;
	font-style: italic;
	text-decoration: underline;
	letter-spacing: 0.05em;
	line-height: 1.4;
	position: relative;
	-webkit-transition: color 300ms ease;
	transition: color 300ms ease;
}
@media (max-width: 767px) {
	.p-topics__monthly__slogan {
		font-size: 16px;
		font-size: 3.8vw;
		letter-spacing: 0;
	}
}

.p-topics__monthly__slogan:after {
	content: "";
	display: block;
	width: 0;
	height: 100%;
	background: #ffffff;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	-webkit-transition: all 240ms ease;
	transition: all 240ms ease;
}

a:hover .p-topics__monthly__slogan:after {
	width: 100%;
}

.p-topics__monthly__slogan > span {
	display: inline-block;
	text-decoration: underline;
	position: relative;
	z-index: 10;
}

a:hover .p-topics__monthly__slogan > span {
	color: #18458e;
	text-decoration: none;
}

.p-topics__monthly__lead {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4;
	padding-top: 1em;
}
@media (max-width: 767px) {
	.p-topics__monthly__lead {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

.p-topics__monthly__lead__title br {
	display: none;
}

/* p-topics__news */

.p-topics__news  {
	height: 60px;
	margin-top: 20px;
	background: #ffffff;
	position: relative;
}
@media (max-width: 767px) {
	.p-topics__news  {
		display: block;
		height: auto;
		margin-top: 30px;
		padding: 0 20px;
		background: transparent;
	}
}

/*p-topics__news__heading*/

.p-topics__news__heading {
	font-family: 'NotoSansJP-Bold';
	font-size: 15px;
	font-size: 1.5rem;
	width: 22%;
	float: left;
	text-align: left;
	color: #18458e;
}
@media (max-width: 767px) {
	.p-topics__news__heading {
		font-family: inherit;;
		font-size: 14px;
		font-size: 1.4rem;
		width: auto;
		float: none;
		text-align: center;
		font-weight: bold;
		padding: 1em 0;
		border: #e0e0e0 solid 2px;
		border-width: 1px 1px 0 1px;
		background: #eaeaea;
	}
}

.p-topics__news__heading > .u-table {
	height: 60px;
}
@media (max-width: 767px) {
	.p-topics__news__heading > .u-table {
		display: block;
		height: auto;
	}
}

.p-topics__news__heading > .u-table > .u-table__cell {
	padding-left: 20px;
}
@media (max-width: 767px) {
	.p-topics__news__heading > .u-table > .u-table__cell {
		display: block;
		height: auto;
	}
}

/*p-topics__news__list*/

.p-topics__news__list {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4;
	/*width: 76%;*/
	/*float: left;*/
	height: 60px;
	position: relative;
	overflow: hidden;
	overflow-y: scroll;

}
@media (max-width: 767px) {
	.p-topics__news__list {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.4;
		width: auto;
		float: none;
		/*height: 120px;*/
		height: 10em;
		border: #e0e0e0 solid 2px;
		border-width: 0 1px 1px 1px;
	}
}

.p-topics__news__list > li {
	margin-right: 20px;
	border-bottom: #eaeaea solid 1px;
}
@media (max-width: 767px) {
	.p-topics__news__list > li {
		margin: 0 10px 0 20px;
	}

	.p-topics__news__list > li:last-child {
		border-bottom: none;
	}
}

.p-topics__news__list > li:first-child {
	border-top: #eaeaea solid 1px;
}

.p-topics__news__list__link {
	display: block;
	text-decoration: none;
	padding: 1.45em 0;
}
@media (max-width: 767px) {
	.p-topics__news__list__link {
		padding: 1em 0;
	}
}

.p-topics__news__list > li > a:hover {
	/*background: #f4f4f4;*/
}

.p-topics__news__list > li > a > time {
	display: inline-block;
	color: #184690;
	padding-right: 2em;
}
@media (max-width: 767px) {
	.p-topics__news__list > li > a > time {
		display: block;
	}
}

.p-topics__news__list > li > a > span {
	display: inline-block;
	color: #333333;
	text-decoration: underline;
}

.p-topics__news__list > li > a:hover > span {
	text-decoration: none;
}

/**
* p-questionnaire
*/

.p-questionnaire {
	margin-top: 20px;
}
@media (max-width: 767px) {
	.p-questionnaire {
		margin-top: 0;
	}
}

/* p-questionnaire__heading */

.p-questionnaire__heading {
	font-family: 'NotoSansJP-Bold';
	font-size: 21px;
	font-size: 2.1rem;
	letter-spacing: 0.1em;
	color: #111111;
}
@media (max-width: 767px) {
	.p-questionnaire__heading {
		font-family: inherit;
		font-weight: bold;
		font-size: 16px;
		font-size: 1.6rem;
		letter-spacing: 0;
		text-align: center;
		padding-bottom: 1em;
	}
}

/* p-questionnaire__body */

.p-questionnaire__body {
	border-color: #eaeaea;
	border-style: solid;
	border-width: 2px 2px 0 2px;
}

.p-questionnaire__body--submit {
	border-width: 2px;
}

.p-questionnaire__body__inner {
	margin: 0 30px;
	padding: 30px 0;
	position: relative;
}
@media (max-width: 767px) {
	.p-questionnaire__body__inner {
		margin: 0 20px;
		padding: 20px 0 0 0;
	}
}

/* p-questionnaire__texts */

.p-questionnaire__texts {
	margin-right: 230px;
}
@media (max-width: 767px) {
	.p-questionnaire__texts {
		margin-right: 0;
	}
}

.p-questionnaire__texts__title {
	font-family: 'NotoSansJP-Bold';
	font-size: 24px;
	font-size: 2.4rem;
	/* font-weight: bold; */
	font-style: italic;
	line-height: 1.4;
	/*letter-spacing: 0.1em;*/
	color: #18468f;
}
@media (max-width: 767px) {
	.p-questionnaire__texts__title {
		font-family: inherit;
		font-size: 15px;
		font-size: 1.5rem;
		font-weight: bold;
		font-style: italic;
		letter-spacing: 0;
		text-align: center;
	}
}

.p-questionnaire__texts__txt {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.8;
	color: #333333;
	padding-top: 1em;
}
@media (max-width: 767px) {
	.p-questionnaire__texts__txt {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.6;
	}
}

.p-questionnaire__texts__comment {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.6;
	color: #999999;
	padding-top: 1.2em;
}
@media (max-width: 767px) {
	.p-questionnaire__texts__comment {
		font-size: 11px;
		font-size: 1.1rem;
	}
}

.p-questionnaire__texts__comment dt {
	font-weight: bold;
}

/* p-questionnaire__pict */

.p-questionnaire__pict {
	position: absolute;
	right: -40px;
	bottom: 0;
}
@media (max-width: 767px) {
	.p-questionnaire__pict {
		height: 160px;
		overflow: hidden;
		padding-top: 20px;
		position: relative;
		right: auto;
		bottom: auto;
	}
	.p-questionnaire__pict img {
		display: block;
		margin: 0 auto;
		/*
		transform: translateX(-5%);
		-ms-transform: translateX(-5%);
		-moz-transform: translateX(-5%);
		-webkit-transform: translateX(-5%);
		*/
	}
}

/* p-questionnaire__form */

.p-questionnaire__form {
	background: #eaeaea;
}

.p-questionnaire__form__inner {
	margin: 0px 15px;
	padding: 15px 0;
}
@media (max-width: 767px) {
	.p-questionnaire__form__inner {
		margin: 0px 10px;
		padding: 10px 0;
	}
}

.p-questionnaire__form__input {
	width: 75%;
}
@media (max-width: 767px) {
	.p-questionnaire__form__input {
		width: 65%;
	}
}

.p-questionnaire__form__input input {
	width: 100%;
	border: #dadada solid 1px;
	padding: 1.2em 1em;
}
@media (max-width: 767px) {
	.p-questionnaire__form__input input {
		width: 100%;
		border: #dadada solid 1px;
		padding: 1.2em 1em;
	}
}

.p-questionnaire__form__input input:focus {
	border-color: #18468f;
}

.p-questionnaire__form__submit {
	padding-left: 10px;
}

/**
* p-tvprogram
*/

.p-tvprogram__image {
	width: 100%;
	width: calc(100% + 40px);
	position: relative;
	left: -20px;
	top: -20px;
}
@media (max-width: 767px) {
	.p-tvprogram__image {
		width: calc(100% + 20px);
		left: -10px;
		top: -10px;
	}
}

/*p-tvprogram__heading */

.p-tvprogram__heading {
	text-align: center;
	padding: 10px 0 30px 0;
	padding: 1.0rem 0 3.0rem 0;
	border-bottom: #eaeaea solid 1px;
}
@media (max-width: 767px) {
	.p-tvprogram__heading {
		padding: 10px 0 20px 0;
		padding: 1.0rem 0 2.0rem 0;
	}
}

.p-tvprogram__heading__title {
	font-family: 'NotoSansJP-Bold';
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 1.4;
	color: #111111;
}
@media (max-width: 767px) {
	.p-tvprogram__heading__title {
		font-family: inherit;
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: bold;
	}
}

.p-tvprogram__heading__sns {
	padding-top: 24px;
	padding-top: 2.4rem;
}
@media (max-width: 767px) {
	.p-tvprogram__heading__sns {
		padding-top: 10px;
		padding-top: 1.0rem;
	}
}

/*p-tvprogram__txt */

.p-tvprogram__txt {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.8;
	color: #666666;
	padding-top: 0.6em;
}
@media (max-width: 767px) {
	.p-tvprogram__txt {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.6;
		padding-top: 0;
	}
}

.p-tvprogram__txt > p {
	padding-top: 1.6em;
}
@media (max-width: 767px) {
	.p-tvprogram__txt > p {
		padding-top: 1.4em;
	}
}

/*p-tvprogram__schedule */

.p-tvprogram__schedule {
	padding-top: 50px
}
@media (max-width: 767px) {
	.p-tvprogram__schedule {
		padding-top: 30px
	}
}

.p-tvprogram__schedule__heading {
	position: relative;
	margin-top: 40px;
	margin-top: 4.0rem;
}

/* p-tvprogram__schedule__title */

.p-tvprogram__schedule__title {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.4;
}
@media (max-width: 767px) {
	.p-tvprogram__schedule__title {
		font-size: 14px;
		font-size: 1.4rem;
		text-align: center;
	}
}

.p-multi-box--color-yellow .p-tvprogram__schedule__title {
	color: #e7b900;
}
.p-multi-box--color-green .p-tvprogram__schedule__title {
	color: #249422;
}
.p-multi-box--color-skyblue .p-tvprogram__schedule__title {
	color: #3689cf;
}
.p-multi-box--color-pink .p-tvprogram__schedule__title {
	color: #cd405e;
}
.p-multi-box--color-purple .p-tvprogram__schedule__title {
	color: #b762c4;
}

/* p-tvprogram__schedule__link */

.p-tvprogram__schedule__link {
	font-size: 12px;
	font-size: 1.2rem;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
@media (max-width: 767px) {
	.p-tvprogram__schedule__link {
		font-size: 10px;
		font-size: 1.0rem;
		text-align: center;
		padding-top: 1em;
		position: relative;
		right: 0;
		top: 0;
		transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}

.p-tvprogram__schedule__link a {
	display: inline-block;
	color: #111111;
	padding-right: 14px;
	padding-right: 1.4rem;
	position: relative;
}
@media (max-width: 767px) {
	.p-tvprogram__schedule__link a {
		padding-right: 12px;
		padding-right: 1.2rem;
	}
}

.p-tvprogram__schedule__link a:after {
	content: "";
	display: block;
	width: 7px;
	height: 12px;
	width: 0.7rem;
	height: 1.2rem;
	background: url(../images/icon_arrow_x.svg) no-repeat left top;
	background-size: 7px 12px;
	background-size: 0.7rem 1.2rem;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
@media (max-width: 767px) {
	.p-tvprogram__schedule__link a:after {
		content: "";
		display: block;
		width: 7px;
		height: 12px;
		width: 0.7rem;
		height: 1.2rem;
		background: url(../images/icon_arrow_x.svg) no-repeat left top;
		background-size: 7px 12px;
		background-size: 0.7rem 1.2rem;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}
}

.p-tvprogram__schedule__link a:hover:after {
	right: -5px;
}
.p-multi-box--color-yellow .p-tvprogram__schedule__link a:after {
	background-image: url(../images/icon_arrow_x--yellow.svg);
}
.p-multi-box--color-green .p-tvprogram__schedule__link a:after {
	background-image: url(../images/icon_arrow_x--green.svg);
}
.p-multi-box--color-skyblue .p-tvprogram__schedule__link a:after {
	background-image: url(../images/icon_arrow_x--skyblue.svg);
}
.p-multi-box--color-pink .p-tvprogram__schedule__link a:after {
	background-image: url(../images/icon_arrow_x--pink.svg);
}
.p-multi-box--color-purple .p-tvprogram__schedule__link a:after {
	background-image: url(../images/icon_arrow_x--purple.svg);
}

/* p-tvprogram__schedule__table */

@media (max-width: 767px) {
	.p-tvprogram__schedule__table {
		position: relative;
	}

	.p-tvprogram__schedule__table__inner {
		margin-top: 20px;
		width: auto;
		height: 300px;
		height: 60vh;
		overflow: scroll;
		overflow-scrolling: touch;
		-webkit-overflow-scrolling: touch;
		border: #eaeaea solid 2px;
		position: relative;
	}

	.p-tvprogram__schedule__table table {
		width: 500px;
		width: 110vw;
		margin-top: 0;
		z-index: 1;
	}

	.p-tvprogram__schedule__table:after {
		content: "";
		width: 120px;
		height: 120px;
		background-color: #000000;
		background-color: rgba(0,0,0,0.5);
		background-image: url(../images/icon_flick.png);
		background-size: 72px 101px;
		background-position: center;
		background-repeat: no-repeat;
		border-radius: 10px;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
	}

	/*
	.p-tvprogram__schedule__table:hover:after {
		opacity: 0;
		visibility: hidden;
	}
	*/

	.p-tvprogram__schedule__table.is-taped:after {
		opacity: 0;
		visibility: hidden;
	}
}

.p-multi-box--color-yellow .p-tvprogram__schedule__table th {
	background-color: #e7b900;
}
.p-multi-box--color-green .p-tvprogram__schedule__table th {
	background-color: #249422;
}
.p-multi-box--color-skyblue .p-tvprogram__schedule__table th {
	background-color: #3689cf;
}
.p-multi-box--color-pink .p-tvprogram__schedule__table th {
	background-color: #cd405e;
}
.p-multi-box--color-purple .p-tvprogram__schedule__table th {
	background-color: #b762c4;
}

.p-tvprogram__schedule__table__comment {
	font-size: 12px;
	font-size: 1.2rem;
	color: #999999;
	padding-top: 1.4em;
}
@media (max-width: 767px) {
	.p-tvprogram__schedule__table__comment {
		font-size: 10px;
		font-size: 1.0rem;
	}
}

/**
* p-top
*/

.p-top__commercial {
	position:relative;
	width:100%;
	height:0;
	padding-top:315px;
}

.p-top__commercial iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/*p-top / heading*/

.p-top_heading2 {
	font-size: 16px;
	font-size: 1.6rem;
}
@media (max-width: 767px) {
	.p-top_heading2 {
		font-size: 16px !important;
		font-size: 1.6rem !important;
		text-align: center;
		padding-bottom: 0 !important;
	}
}

.p-top_heading2.c-heading2--xlarge {
	font-size: 24px;
	font-size: 2.4rem;
}

.p-page-top .p-program-block__cell__inner {
	padding-bottom: 0;
}

.p-top__button {
	width: 50%;
	margin: 0 auto;
	padding-top: 50px;
}
@media (max-width: 767px) {
	.p-top__button {
		width: 90%;
		padding-top: 30px;
	}
}

/*p-top__shortcut*/

.p-top__shortcut {
}

.p-top__shortcut__content {
}
@media (max-width: 767px) {
	.p-top__shortcut__content {
		padding-top: 10px;
	}
}

.p-top__shortcut__content iframe {
	border: none;
}

@media (max-width: 767px) {
	.p-top__shortcut__pr {
			display: none;
	}
}

.p-top__shortcut__ex {
	margin-top: 20px;
	margin-top: calc(20px + 0.1vw);
}
@media (max-width: 767px) {
	.p-top__shortcut__ex {
		margin-top: 20px;
	}
}

/*p-top__webmovie*/

@media (max-width: 767px) {
	.p-top__movie .c-grid--content {
		margin-left: 15%;
		margin-right: 15%;
	}
}

.p-top__webmovie {
	padding-bottom: 20px;
}

@media (max-width: 767px) {
	.p-top__webmovie--pr {
		padding-top: 20px;
	}
}

.p-top__webmovie--pr iframe {
	border: none;
}

@media (max-width: 767px) {
	.p-top__webmovie:last-child {
		padding-bottom: 0;
	}
}

.p-top__webmovie__obj {
}

.p-top__webmovie__title {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #111111;
	text-align: center;
	line-height: 1.4;
	padding-top: 20px;
}
@media (max-width: 767px) {
	.p-top__webmovie__title {
		font-size: 14px;
		font-size: 1.4rem;
		padding-top: 1em;
	}
}

.p-top__webmovie__txt {
	font-size: 14px;
	font-size: 1.4rem;
	color: #333333;
	text-align: center;
	line-height: 1.4;
	padding-top: 1em;
}
@media (max-width: 767px) {
	.p-top__webmovie__txt {
		display: none;
	}
}

/*p-top-banner*/

.p-top-banner {
}

/*p-top-info*/

.p-top-info {
}

@media (max-width: 767px) {
	.p-top-info {
		padding-top: 30px;
	}

	.p-top-info--twitter,
	.p-top-info--facebook {
		display: none;
	}
}

.p-top-info__content {
	margin-top: 20px;
	background: #ffffff;
}

.fb-page {
  width:100% !important;
}

.p-top-info__blog {
	height: 280px;
	overflow-y: scroll;
}

.p-top-info__blog__list {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.4;
	padding: 20px;
}

.p-top-info__blog__list > li {
	border-bottom: #eaeaea solid 1px;
}

.p-top-info__blog__list > li:first-child {
	border-top: #eaeaea solid 1px;
}

.p-top-info__blog__list > li > a {
	display: block;
	text-decoration: none;
	padding: 1em 0;
}

.p-top-info__blog__list > li > a:hover {
	background: #f4f4f4;
}

.p-top-info__blog__list > li > a > time {
	display: block;
	color: #184690;
	padding-bottom: 0.5em;
}

.p-top-info__blog__list > li > a > span {
	display: block;
	color: #333333;
	text-decoration: underline;
}

.p-top-info__blog__list > li > a:hover > span {
	text-decoration: none;
}

.p-top-info__banner {
}

.p-top-info__banner__cell {
	padding-top: 20px;
}

.p-top-info__banner__link {
	display: block;
	height: 70px;
	background: #ffffff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 203px 48px;
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
}

.p-top-info__banner__link--facebook {
	background-image: url(/images/banner_facebook.png);
}

.p-top-info__banner__link--twitter {
	background-image: url(/images/banner_twitter.png);
}

/*p-topics__announce*/

.p-topics__announce {
	padding-bottom: 20px;
}
@media (max-width: 767px) {
	.p-topics__announce {
		padding-bottom: 0;
	}
}

.p-topics__announce__list {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.6;
	padding: 8px 20px;
	background: #d02027;
}
@media (max-width: 767px) {
	.p-topics__announce__list {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

.p-topics__announce__list > li {
	padding: 0.8em 0;
	border-top: rgba(255,255,255,0.25) solid 1px;
}

.p-topics__announce__list > li:first-child {
	border-top: none;
}

.p-topics__announce__list a {
	display: inline-block;
	color: #ffffff;
	/*border-left: #ffffff solid 3px;*/
	padding-left: 0.8em;
}

/*p-topics__special*/

.p-topics__special {
	/* 横1440px × 縦260px */
	height: 260px;
	height: 18vw;
	overflow: hidden;
	background-color: #000000;
	margin: -30px 0 30px 0;
	margin: calc(-1 * (15px + 1.5vw)) 0 calc(15px + 1.5vw) 0;
	position: relative;
	z-index: 10;
}
@media (max-width: 767px) {
	.p-topics__special {
		margin: 0;
		height: 34vw;
	}
}

.p-topics__special__link {
	display: block;
}

.p-topics__special__inner {
	display: block;
	/* 横1440px × 縦260px */
	height: 260px;
	height: 18vw;
	overflow: hidden;
	background-color: #000000;
	background-position: center center;
	background-repeat: no-repeat !important;
	background-size: cover;
	position: relative;
	-webkit-transition: all 380ms cubic-bezier(.39,.575,.565,1);
	transition: all 380ms cubic-bezier(.39,.575,.565,1);
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
@media (max-width: 767px) {
	.p-topics__special__inner {
		height: 34vw;
	}
}

.p-topics__special__link:hover .p-topics__special__inner {
	opacity: 0.8;
	-webkit-transform: scale(1.04);
	transform: scale(1.04);
	/*
	box-shadow:0px 0px 20px 0px #000000 inset;
	-moz-box-shadow:0px 0px 20px 0px #000000 inset;
	-webkit-box-shadow:0px 0px 20px 0px #000000 inset;
	*/
}

/**
* p-cast
*/

/* p-cast__list */

.p-cast__list {
	padding: 0 0 30px 0;
	border-bottom: #eaeaea solid 1px;
}
@media (max-width: 767px) {
	.p-cast__list {
		padding: 0 0 20px 0;
	}
}

.p-cast__block .p-cast__list:first-child {
	padding: 0 0 30px 0;
}
@media (max-width: 767px) {
	.p-cast__block .p-cast__list:first-child {
		padding: 0 0 20px 0;
	}
}

.p-cast__block .p-cast__list:last-child {
	padding: 0 0 0 0;
	border-bottom: none;
}

.p-cast__list__cell {
	text-align: center;
	padding-top: 30px;
}
@media (max-width: 767px) {
	.p-cast__list__cell {
		padding-top: 20px;
	}
}

.p-cast__list__link {
	display: block;
	text-decoration: none;
}
.p-cast__list__figure,
.p-cast__list__figure > figcaption {
	display: block;
}

.p-cast__list__figure > figcaption {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	text-decoration: underline;
	padding-top: 1em;
}
@media (max-width: 767px) {
	.p-cast__list__figure > figcaption {
		font-size: 12px;
		font-size: 1.2rem;
		padding-top: 1em;
	}
}

.p-cast__list__link:hover .p-cast__list__figure > figcaption {
	text-decoration: none;
}

.p-cast__list__caption {
	font-size: 12px;
	font-size: 1.2rem;
	color: #333333;
	padding-top: 0.8em;
}
@media (max-width: 767px) {
	.p-cast__list__caption {
		font-size: 10px;
		font-size: 1.0rem;
		padding-top: 0.8em;
	}
}

/**
* p-profile
*/

/* p-profile__title */

.p-profile__title {
	background: #e7ecf3;
	border-top: #18458e solid 4px;
}
@media (max-width: 767px) {
	.p-profile__title {
		display: block !important;
		border-top: #18458e solid 3px;
	}
}

.p-profile__title__pict {
	width: 35%;
}
@media (max-width: 767px) {
	.p-profile__title__pict {
		display: block !important;
		width: auto;
		margin: 20px 20px 0 20px
	}
}

.p-profile__title__txt {
}
@media (max-width: 767px) {
	.p-profile__title__txt {
		display: block !important;
		text-align: center;
		margin: 0 20px 20px 20px;
		padding-bottom: 20px;
	}
}

.p-profile__title__txt__inner {
	margin: 0 40px;
}
@media (max-width: 767px) {
	.p-profile__title__txt__inner {
		margin: 0;
	}
}
.p-profile_title_txt_ruby {
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	color: #18458e;
	line-height: 1.4;
}
@media (max-width: 767px) {
	.p-profile_title_txt_ruby {
		font-size: 13px;
		font-size: 1.3rem;
		padding-top: 1.2em;
	}
}
.p-profile__title__txt__name {
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: bold;
	color: #18458e;
	line-height: 1.4;
}
@media (max-width: 767px) {
	.p-profile__title__txt__name {
		font-size: 20px;
		font-size: 2.0rem;
	}
}

.p-profile__title__txt__position {
	font-size: 14px;
	font-size: 1.4rem;
	color: #333333;
	line-height: 1.4;
	padding-top: 0.8em;
}
@media (max-width: 767px) {
	.p-profile__title__txt__position {
		font-size: 12px;
		font-size: 1.2rem;
		padding-top: 0.4em;
	}
}

/* p-profile__banner */

.p-profile__banner {
	padding: 20px 0;
	background: #eaeaea;
}
@media (max-width: 767px) {
	.p-profile__banner {
		padding: 10px 0;
	}
}

.p-profile__banner__inner {
	margin: 0 20px;
}
@media (max-width: 767px) {
	.p-profile__banner__inner {
		margin: 0 10px;
	}
}

.p-profile__banner__list li {
	padding-bottom: 10px;
}
.p-profile__banner__list li:last-child {
	padding-bottom: 0;
}

/**
* p-howto
*/

/* p-howto__flow */

.p-howto__flow {
	counter-reset: bdNum;
}

/* p-howto__flow__cell */

.p-howto__flow__cell {
	text-align: center;
	background: #eaeaea;
	border-radius: 10px;
	position: relative;
}
@media (max-width: 767px) {
	.p-howto__flow__cell {
	}
	.p-howto__flow__cell:first-child {
	 margin-bottom: 40px;
	}
}

.p-howto__flow__cell:after {
	content: "";
	display: block;
	width: 21px;
	height: 21px;
	background: url(../images/icon_plus--red.svg);
	background-size: 21px 21px;
	position: absolute;
	right: -36px;
	top: 50%;
	transform: ranslateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
@media (max-width: 767px) {
	.p-howto__flow__cell:after {
		content: "";
		display: block;
		width: 21px;
		height: 21px;
		background: url(../images/icon_plus--red.svg);
		background-size: 21px 21px;
		position: absolute;
		left: 50%;
		right: auto;
		top: auto;
		bottom: -30px;
		transform: translateX(-50%) translateY(0);
		-ms-transform: translateX(-50%) translateY(0);
		-moz-transform: translateX(-50%) translateY(0);
		-webkit-transform: translateX(-50%) translateY(0);
	}
}

.p-howto__flow__cell:last-child:after {
	display: none;
}

/* p-howto__flow__pict */

.p-howto__flow__pict {
	height: 90px;
	height: calc(80px + 2vw);
	position: relative;
}
.p-howto__flow__pict:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
}
.p-howto__flow__pict--conditions1:after {
	width: 60px;
	height: 57px;
	background-image: url(../images/icon_tv--blue.svg);
	background-size: 60px 57px;
	top: 48%;
}
.p-howto__flow__pict--conditions2:after {
	width: 140px;
	height: 37px;
	background-image: url(../images/logo.svg);
	background-size: 140px 37px;
}

/* p-howto__flow__title */

.p-howto__flow__title {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #ffffff;
	padding: 0.8em 0;
	background: #000000;
	border-radius: 0 0 10px 10px;
}
@media (max-width: 767px) {
	.p-howto__flow__title {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

.p-howto__flow__title__icon {
	display: inline-block;
	padding-left: 1.8em;
	position: relative;
}
@media (max-width: 767px) {
	.p-howto__flow__title__icon {
		padding-left: 1.8em;
	}
}

.p-howto__flow__title__icon:before,
.p-howto__flow__title__icon:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: ranslateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
@media (max-width: 767px) {
	.p-howto__flow__title__icon:before,
	.p-howto__flow__title__icon:after {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: 50%;
		transform: ranslateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}
}

.p-howto__flow__title__icon:before {
	width: 18px;
	height: 18px;
	width: 1.8rem;
	height: 1.8rem;
	background: #ffffff;
	border-radius: 50%;
}
@media (max-width: 767px) {
	.p-howto__flow__title__icon:before {
		width: 16px;
		height: 16px;
		width: 1.6rem;
		height: 1.6rem;
	}
}

.p-howto__flow__title__icon:after {
	counter-increment: bdNum;
	content: counter(bdNum);
	width: 18px;
	width: 1.8rem;
	color: #000000;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
}
@media (max-width: 767px) {
	.p-howto__flow__title__icon:after {
		counter-increment: bdNum;
		content: counter(bdNum);
		width: 16px;
		width: 1.6rem;
		font-size: 10px;
		font-size: 1.0rem;
	}
}

/**
* p-station
*/

/* p-station */

.p-station {
}

.p-station___link {
	display: block;
}

@media (max-width: 767px) {
	.p-station .c-colum__block {
		margin-top: 20px;
	}
	.p-station .c-colum__block:nth-child(1),
	.p-station .c-colum__block:nth-child(2) {
		margin-top: 0;
	}
}

/* p-station__list */

.p-station__list .is-current a {
	text-decoration: none;
	pointer-events: none;
    filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}

.p-station__list .is-current a .p-station__logo:after,
.p-station__list .is-current a .p-station__title {
	opacity: 0.25;
}

/* p-station__logo */

.p-station__logo {
	display: block;
	height: 100px;
	border: #eaeaea solid 1px;
	position: relative;
	-webkit-transition: border 300ms ease;
	transition: border 300ms ease;
}

.p-station___link:hover .p-station__logo {
	border-color: #18458e;
}

.p-station___link:hover .p-station__logo:after {

}

.p-station__logo:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
}

.p-station___link:hover .p-station__logo:after {
	opacity: 0.5;
	/*
	transform: scale(0.95) translateX(-50%) translateY(-50%);
	-ms-transform: scale(0.95) translateX(-50%) translateY(-50%);
	-moz-transform: scale(0.95) translateX(-50%) translateY(-50%);
	-webkit-transform: scale(0.95) translateX(-50%) translateY(-50%);
	*/
}
@media (max-width: 767px) {
}

.p-station__logo.u-bg-skyperfectv:after {
	width: 120px;
	height: 43px;
	background-size: 120px 43px;
}

.p-station__logo.u-bg-jcom:after {
	width: 104px;
	height: 32px;
	background-size: 104px 32px;
	transform: translateX(-50%) translateY(-40%);
	-ms-transform: translateX(-50%) translateY(-40%);
	-moz-transform: translateX(-50%) translateY(-40%);
	-webkit-transform: translateX(-50%) translateY(-40%);
}

.p-station__logo.u-bg-cabletv:after {
	width: 96px;
	height: 27px;
	background-size: 96px 27px;
}

.p-station__logo.u-bg-hikaritv:after {
	width: 125px;
	height: 21px;
	background-size: 125px 21px;
}
.p-station__logo.u-bg-skyondemand {
  background-color: #000;
}
.p-station__logo.u-bg-skyondemand:after {
	width: 120px;
	height: 43px;
	background-size: 120px 43px;
}

/* p-station__title */

.p-station__title {
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
	padding-top: 0.9em;
}
@media (max-width: 767px) {
	.p-station__title {
		font-size: 12px;
		font-size: 1.2rem;
		padding-top: 0.8em;
	}
}

/* p-station__company */

.p-station__company {
	border: #eaeaea solid 1px;
}

.p-station__company__inner {
	margin: 30px;
}
@media (max-width: 767px) {
	.p-station__company__inner {
		margin: 20px;
	}
}

/* p-station__company__title */

.p-station__company__title {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
@media (max-width: 767px) {
	.p-station__company__title {
		font-size: 13px;
		font-size: 1.3rem;
	}
}

/* p-station__dinos */

.p-station__dinos {
	background: #e7ecf3;
}
@media (max-width: 767px) {
	.p-station__dinos {
		text-align: center;
		margin-top: 15px;
	}
}

.p-station__dinos__inner {
	margin: 0 20px;
	padding: 20px 0;
}
@media (max-width: 767px) {
	.p-station__dinos__inner {
		margin: 0 20px;
		padding: 20px 0;
	}
}

@media (max-width: 767px) {
	.p-station__dinos__date {
		font-size: 13px;
		font-size: 1.3rem;
		padding-top: 0.5em;
	}
}

.p-station__dinos__title {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
}

.p-station__dinos__phone {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	color: #18458e;
	padding-bottom: 0.2em;
}
@media (max-width: 767px) {
	.p-station__dinos__phone {
		font-size: 20px;
		font-size: 2.0rem;
		font-weight: bold;
		color: #18458e;
		padding-bottom: 0.2em;
	}
}

.p-station__dinos__phone small {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
	color: #111111;
}
@media (max-width: 767px) {
	.p-station__dinos__phone small {
		display: block;
		font-size: 12px;
		font-size: 1.2rem;
		padding-top: 0.5em;
	}
}

/**
* p-viewing
*/

.p-viewing {
}

.p-viewing__navi {
}

/* p-viewing__navi__title */

.p-viewing__navi__title {
	height: 300px;
	border-color: #eaeaea;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	position: relative;
}
@media (max-width: 767px) {
	.p-viewing__navi__title {
		height: 120px;
	}
}

.p-viewing__navi__title:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
}

.p-viewing__navi__title.u-bg-skyperfectv:after {
	width: 420px;
	height: 150px;
	background-size: 420px 150px;
}
@media (max-width: 767px) {
	.p-viewing__navi__title.u-bg-skyperfectv:after {
		width: 166px;
		height: 59px;
		background-size: 166px 59px;
	}
}

.p-viewing__navi__title.u-bg-jcom:after {
	width: 349px;
	height: 109px;
	background-size: 349px 109px;
}
@media (max-width: 767px) {
	.p-viewing__navi__title.u-bg-jcom:after {
		width: 137px;
		height: 42px;
		background-size: 137px 42px;
	}
}

.p-viewing__navi__title.u-bg-cabletv:after {
	width: 354px;
	height: 100px;
	background-size: 354px 100px;
}
@media (max-width: 767px) {
	.p-viewing__navi__title.u-bg-cabletv:after {
		width: 134px;
		height: 37px;
		background-size: 134px 37px;
	}
}

.p-viewing__navi__title.u-bg-hikaritv:after {
	width: 430px;
	height: 74px;
	background-size: 430px 74px;
}
@media (max-width: 767px) {
	.p-viewing__navi__title.u-bg-hikaritv:after {
		width: 170px;
		height: 29px;
		background-size: 170px 29px;
	}
}

.p-viewing__navi__title.u-bg-skyondemand:after {
	width: 420px;
	height: 150px;
	background-size: 420px 150px;
}
@media (max-width: 767px) {
	.p-viewing__navi__title.u-bg-skyondemand:after {
		width: 166px;
		height: 59px;
		background-size: 166px 59px;
	}
}

/* p-viewing__navi__menu */

.p-viewing__navi__menu {
	/*
	font-size: 16px;
	font-size: 1.6rem;
	*/
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}
@media (max-width: 767px) {
	.p-viewing__navi__menu,
	.p-viewing__navi__menu .u-table__cell {
		display: block !important;
	}
	.p-viewing__navi__menu {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

.p-viewing__navi__menu__link {
	display: block;
	color: #ffffff;
	padding: 1.2em 0;
	background-color: #18458e;
}

.p-viewing__navi__menu__link:hover {
	background-color: #244e94;
}

.p-viewing__navi__menu__link:first-child {
	border-right: #3a619f solid 1px;
}
@media (max-width: 767px) {
	.p-viewing__navi__menu__link:first-child {
		border-right: none;
		border-bottom: #3a619f solid 1px;
	}
}

.p-viewing__navi__menu__link span {
	text-decoration: underline;
}

.p-viewing__navi__menu__link:hover span {
	text-decoration: none;
}

/* p-viewing__navi__heading4 */

.p-viewing__navi__heading4 {
}
@media (max-width: 767px) {
	.p-viewing__navi__heading4 {
		padding-bottom: 10px;
	}
}

/**
* p-station-list
*/

.p-station-list {
}

.p-station-list__table tr,
.p-station-list__table td {
	padding: 0.5em;
}

.p-station-list__table td {
	text-align: left;
}

.p-station-list__table tr td:first-child {
	/*text-align: center;*/
}

.p-station-list__table tr td:last-child {
	text-align: center;
}

.p-station-list__table tr:first-child th:nth-child(1) {
	width: 6em;
}

.p-station-list__table tr:first-child th:nth-child(2) {
	width: 12em;
}

.p-station-list__table tr:first-child th:nth-child(3) {
	width: auto;
}

.p-station-list__table tr:first-child th:nth-child(4) {
	width: 10em;
}

/**
* p-timeline
*/

.p-timeline {
}

/* p-timeline__heading */

.p-timeline__heading {
	position: relative;
	padding: 60px 0;
}
@media (max-width: 767px) {
	.p-timeline__heading {
		padding: 30px 0 20px 0;
		background: #ffffff;
		position: relative;
		/*z-index: 10;*/
	}
}

.p-timeline__heading .c-grid--content {
	position: relative;
}

/* p-timeline__heading__title */

.p-timeline__heading__title {
	display: block;
	font-family: 'Montserrat', sans-serif;
	color: #18458e;
	text-align: center;
	line-height: 1.2;
	position: relative;
}

.p-timeline__heading__title > span {
	display: inline-block;
}

.p-timeline__heading__title__num {
	font-size: 32px;
	font-size: 3.2rem;
}
@media (max-width: 767px) {
	.p-timeline__heading__title__num {
		font-size: 18px;
		font-size: 1.8rem;
	}
}

.p-timeline__heading__title__num--large {
	font-size: 48px;
	font-size: 4.8rem;
}
@media (max-width: 767px) {
	.p-timeline__heading__title__num--large {
		font-size: 28px;
		font-size: 2.8rem;
	}
}

.p-timeline__heading__title__jp {
	font-family: 'NotoSansJP-Bold';
}

.ie-edge .p-timeline__heading__title__jp {
	font-family: inherit;
	font-weight: bold;
}

.p-timeline__heading__title__jp--small {
	font-size: 20px;
	font-size: 2.0rem;
}
@media (max-width: 767px) {
	.p-timeline__heading__title__jp--small {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

.p-timeline__heading__title__jp--large {
	font-size: 29px;
	font-size: 2.9rem;
}
@media (max-width: 767px) {
	.p-timeline__heading__title__jp--large {
		font-size: 16px;
		font-size: 1.6rem;
	}
}

.p-timeline__heading__title__jp--week {
	font-size: 22px;
	font-size: 2.2rem;
	color: #ffffff;
	line-height: 1;
	margin-left: 0.5em;
	position: relative;
	z-index: 10;
	top: -0.24em;
}
@media (max-width: 767px) {
	.p-timeline__heading__title__jp--week {
		font-size: 12x;
		font-size: 1.2rem;
	}
}

.p-timeline__heading__title__jp--week > span {
	display: inline-block;
	position: relative;
	z-index: 10;
}

.p-timeline__heading__title__jp--week:after {
	content: "";
	width: 38px;
	height: 38px;
	width: 3.8rem;
	height: 3.8rem;
	background: #18458e;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	border-radius: 50%;
}
@media (max-width: 767px) {
	.p-timeline__heading__title__jp--week:after {
		width: 20px;
		height: 20px;
		width: 2.0rem;
		height: 2.0rem;
	}
}

/* p-timeline__heading__title__box */

.p-timeline__heading__title__box {
	display: inline-block;
	/*
	padding-right: 36px;
	padding-right: 3.6rem;
	*/
	padding-left: 42px;
	padding-left: 4.2rem;
	position: relative;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	cursor: pointer;
}
@media (max-width: 767px) {
	.p-timeline__heading__title__box {
		padding-left: 30px;
		padding-left: 3.0rem;
	}
}

.p-timeline__heading__title__box:hover {
	opacity: 0.5;
}

.p-timeline__heading__title__box * {
	cursor: pointer;
}

.p-timeline__heading__title__box:hover {
	/*opacity: 0.5;*/
}

.p-timeline__heading__title__box:before {
	content: "";
	display: block;
	/*
	width: 20px;
	width: 2.0rem;
	height: 10px;
	height: 1.0rem;
	background: url(../images/icon_arrow_y.svg) no-repeat left top;
	background-size: 20px 10px;
	background-size: 2.0rem 1.0em;
	*/
	width: 30px;
	width: 3.0rem;
	height: 26px;
	height: 2.6rem;
	background: url(../images/icon_calendar.svg) no-repeat left top;
	background-size: 30px 26px;
	background-size: 3.0rem 2.6rem;
	position: absolute;
	left: 0;
	top: 55%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	/*opacity: 0.25;*/
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transition: all 300ms cubic-bezier(.65,.05,.36,1);
	-webkit-transition: all 300ms cubic-bezier(.65,.05,.36,1);
}
@media (max-width: 767px) {
	.p-timeline__heading__title__box:before {
		width: 20px;
		width: 2.0rem;
		height: 17px;
		height: 1.7rem;
		background-size: 20px 17px;
		background-size: 2.0rem 1.7rem;
	}
}

.p-timeline__heading__title__box:after {
	content: "";
	display: block;
	width: 102%;
	height: 1px;
	background: #18458e;
	position: absolute;
	left: 0;
	bottom: 0;
}
.p-timeline__heading__title__box:hover:after {
	display: none;
}

/*
.p-timeline__heading__title__box:hover:after {
	transform: translateY(-20%);
	-ms-transform: translateY(-20%);
	-moz-transform: translateY(-20%);
	-webkit-transform: translateY(-20%);
	opacity: 1;
}
*/

.p-timeline__heading__title__date {
	display: inline-block;
	position: relative;
	transition: all 300ms cubic-bezier(.65,.05,.36,1);
	-webkit-transition: all 300ms cubic-bezier(.65,.05,.36,1);
}

/*
.p-timeline__heading__title__date:after {
	content: "";
	display: block;
	width: 102%;
	height: 1px;
	background: #18458e;
	position: absolute;
	left: 0;
	bottom: 0;
}
*/

.p-timeline__heading__title__box:hover .p-timeline__heading__title__date:after {
	display: none;
}

.p-timeline__heading__title__date:hover:after {
	display: none;
}

/* p-timeline__heading__title__calendar */

.p-timeline__heading__title__calendar {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.p-timeline__heading__title__calendar input {
	display: block;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
	box-shadow: none;
	border: none;
	margin: 0;
	width: 100%;
	height: 95%;
	position: relative;
	z-index: 100;
	opacity: 0;
}

.p-page-program #ui-datepicker-div {
	width: 23.5em;
}
@media (max-width: 767px) {
	.p-page-program #ui-datepicker-div {
		width: auto;
		transform: translateX(-10%);
		-ms-transform: translateX(-10%);
		-moz-transform: translateX(-10%);
		-webkit-transform: translateX(-10%);
	}
}

/* p-timeline__heading__ui */

.p-timeline__heading__ui {
}

.p-timeline__heading__ui__prev,
.p-timeline__heading__ui__next {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
@media (max-width: 767px) {
	.p-timeline__heading__ui__prev,
	.p-timeline__heading__ui__next {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

.p-timeline__heading__ui__next {
	left: auto;
	right: 0;
}

/* p-timeline__fix */

.p-timeline__fix {
	/*display: none;*/
	text-align: center;
	visibility: hidden;
	background-color: #ffffff;
	position: fixed;
	left: 0;
	top: 70px;
	z-index: 100;
	padding-top: 10px;
}
@media (max-width: 767px) {
	.p-timeline__fix {
		display: none;
	}
}

/* p-timeline__table */

.p-timeline__table {
	table-layout: fixed;
}

.p-timeline__table td {
	/*width: 9.75%;*/
	font-size: 12px;
	font-size: 1.2rem;
	text-align: left;
	line-height: 1.4;
	padding: 5px;
}

.p-timeline__table .date,
.p-timeline__table .nullbox {
	/*width: auto;*/
	width: 4%;
	font-weight: bold;
	color: #333333;
	background: transparent;
}
@media (max-width: 767px) {
	.p-timeline__table .date,
	.p-timeline__table .nullbox {
		width: 10%;
	}
}

.p-timeline__table .nullbox,
.p-timeline__table .time th {
	font-weight: bold;
	color: #333333;
	background: transparent;
}

.p-timeline__table .today th,
.p-timeline__table .today td {
	font-weight: bold;
	background: #fbebec;
}

.p-timeline__table .today th.date > p {
	-webkit-animation: hFlash 100ms 0ms forwards cubic-bezier(.42,0,.58,1) infinite alternate;
	animation: hFlash 100ms 0ms forwards cubic-bezier(.42,0,.58,1) infinite alternate;
}

.p-timeline__table .today td {
	/*color: #18458e;*/
	color: #111111;
}

.p-timeline__table .ch th {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: normal;
	padding: 0.4em 0;
}

.p-timeline__table .ch th .num {
	font-family: 'Montserrat', sans-serif;
}

.p-timeline__table .time th {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.4;
	padding: 0.4em 0;
}

.p-timeline__table .time .time1 {
	background: #f8ebde;
}

.p-timeline__table .time .time2 {
	background: #dfebf5;
}

.p-timeline__table .time .time4 {
	background: #e0d9eb;
	position: relative;
}

.p-timeline__table .time .time4:after {
	content: "Midnight";
	width: 65%;
	color: #18458e;
	font-size: 11px;
	font-size: 1.1rem;
	font-style: italic;
	padding: 0.5em 0;
	background: #ffffff;
	position: absolute;
	left: 63%;
	top: -53%;
	transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	border-radius: 5px;
}

@media (max-width: 767px) {
	.p-timeline__table .time .time4:after {
		width: auto;
		font-size: 10px;
		font-size: 1.0rem;
		padding: 0.2em 0.4em;
	}
}

.p-timeline__table tfoot .time .time4:after {
	left: 63%;
	top: auto;
	bottom: -55%;
	transform: translateX(-50%) translateY(50%);
	-ms-transform: translateX(-50%) translateY(50%);
	-moz-transform: translateX(-50%) translateY(50%);
	-webkit-transform: translateX(-50%) translateY(50%);
}

.p-timeline__table .date .dayweek,
.p-timeline__table .date .dayweek > span {
	display: inline-block;
	position: relative;
	z-index: 10;
}

.p-timeline__table .date .dayweek > span {
	font-size: 10px;
	font-size: 1.0rem;
}

.p-timeline__table .date .dayweek:after {
	content: "";
	width: 18px;
	height: 18px;
	width: 1.8rem;
	height: 1.8rem;
	background: #e0e0e0;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	border-radius: 50%;
}

.p-timeline__table .date .saturday .dayweek,
.p-timeline__table .date .sunday .dayweek {
	color: #ffffff;
}

.p-timeline__table .date .saturday .dayweek:after {
	background: #538cad;
}

.p-timeline__table .date .sunday .dayweek:after {
	background: #b84a4a;
}

/* sp / p-timeline */

@media (max-width: 767px) {
	.p-timeline__table td {
		width: auto;
	}

	.p-timeline__table tfoot {
		display: none;
	}

	.p-timeline__table .ch th {
	   display: none;
	}

	.p-timeline__table .ch th:nth-child(1){
	   display: table-cell;
	}

	.p-timeline__table .time th {
		display: none;
	}

	.p-timeline__table tr td {
		display: none;
	}
}

/* sp / p-timeline.is-690ch */

.is-690ch .ch th:nth-child(2){
   display: table-cell;
}

.is-690ch .time th:nth-child(1),
.is-690ch .time th:nth-child(2) {
	display: table-cell;
}

.is-690ch tr td:nth-child(2),
.is-690ch tr td:nth-child(3) {
	display: table-cell;
}

/* sp / p-timeline.is-691ch */

.is-691ch .ch th:nth-child(3){
   display: table-cell;
}

.is-691ch .time th:nth-child(3),
.is-691ch .time th:nth-child(4) {
	display: table-cell;
}

.is-691ch tr td:nth-child(4),
.is-691ch tr td:nth-child(5){
	display: table-cell;
}

/* sp / p-timeline.is-692ch */

.is-692ch .ch th:nth-child(4){
   display: table-cell;
}

.is-692ch .time th:nth-child(5),
.is-692ch .time th:nth-child(6) {
	display: table-cell;
}

.is-692ch tr td:nth-child(6),
.is-692ch tr td:nth-child(7) {
	display: table-cell;
}

/* sp / p-timeline.is-693ch */

.is-693ch .ch th:nth-child(5){
   display: table-cell;
}

.is-693ch .time th:nth-child(7),
.is-693ch .time th:nth-child(8) {
	display: table-cell;
}

.is-693ch tr td:nth-child(8),
.is-693ch tr td:nth-child(9) {
	display: table-cell;
}

/* sp / p-timeline.is-694ch */

.is-694ch .ch th:nth-child(6){
   display: table-cell;
}

.is-694ch .time th:nth-child(9) {
	display: table-cell;
}

.is-694ch tr td:nth-child(10) {
	display: table-cell;
}

/* sp / p-timeline.is-695ch */

.is-695ch .ch th:nth-child(7){
   display: table-cell;
}

.is-695ch .time th:nth-child(10) {
	display: table-cell;
}

.is-695ch tr td:nth-child(11) {
	display: table-cell;
}

/* p-timeline__list */

.p-timeline__list {
}

.p-timeline__list__cell {
}
@media (max-width: 767px) {
	.p-timeline__list__cell {
		margin-top: 20px;
	}
}

/* p-timeline__list__heading */

.p-timeline__list__heading {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	text-align: center;
	color: #ffffff;
	padding: 1.05em 0;
	background: #18458e;
	border-radius: 4px 4px 0 0;
}
@media (max-width: 767px) {
	.p-timeline__list__heading {
		padding: 1.3em 0;
		border-radius: 4px 4px 4px 4px;
		position: relative;
	}

	.is-open	.p-timeline__list__heading {
		border-radius: 4px 4px 0 0;
	}

	.p-timeline__list__heading:after {
		content: "";
		display: block;
		width: 1.1rem;
		height: 0.6rem;
		background: url(../images/icon_arrow_y--white.svg) no-repeat left top;
		background-size: 1.1rem 0.6rem;
		position: absolute;
		right: 20px;
		top: 50%;
		opacity: 0.25;
		transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}

	.is-open	.p-timeline__list__heading:after {
		opacity: 1;
		transform: translateY(-50%) rotate(180deg);
		-ms-transform: translateY(-50%) rotate(180deg);
		-moz-transform: translateY(-50%) rotate(180deg);
		-webkit-transform: translateY(-50%) rotate(180deg);
	}
}

.p-timeline__list__heading .num {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
}

/* p-timeline__list__contents */

.p-timeline__list__contents {
	border: #e0e0e0 solid 1px;
	border-width: 0 1px 1px 1px;
	border-radius: 0 0 4px 4px;
	position: relative;
	/*overflow: hidden;*/
}
@media (max-width: 767px) {
	.p-timeline__list__contents {
		height: auto !important;
	}
}

.p-timeline__list__contents--blank {
	text-align: center;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.4;
	color: #999999;
	background: #f0f0f0;
}

.p-timeline__list__contents--blank li {
	padding-top: 1.5em;
}
@media (max-width: 767px) {
	.p-timeline__list__contents--blank li {
		padding: 1.5em 0;
	}
}

/* p-timeline__list__program */

.p-timeline__list__program {
	border-bottom: #e0e0e0 solid 1px;
}

.p-timeline__list__contents.js-tile-max-height .p-timeline__list__program:last-child {
	border-radius: 0 0 4px 4px;
}

/*
.p-timeline__list__program.live {
	background: #fffae5;
}
*/

.p-timeline__list__program.is-onair {
	font-weight: bold;
}

.p-timeline__list__contents .p-timeline__list__program:last-child {
	/*border-bottom: none;*/
	margin-bottom: -1px;
}

.p-timeline__list__contents--blank .p-timeline__list__program {
	border-bottom: none;
}

/* p-timeline__list__program__link */

.p-timeline__list__program__link {
	display: block;
	text-decoration: none;
	padding: 15px 10px;
	position: relative;
	z-index: 1;
}

.is-onair .p-timeline__list__program__link {
	background: #fbebec;
}

.p-timeline__list__program__link:hover {
	z-index: 10;
	background: #f0f0f0;
	box-shadow: 0px 4px 14px rgba(0,0,0,0.3);
	transition: 0.2s ease-out;
}

.is-onair .p-timeline__list__program__link > time:after {
	content: "Now On Air!";
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	font-style: italic;
	font-size: 11px;
	font-size: 1.1rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #d02027;
	padding-left: 0.75em;
	-webkit-animation: hFlash 100ms 0ms forwards cubic-bezier(.42,0,.58,1) infinite alternate;
	animation: hFlash 100ms 0ms forwards cubic-bezier(.42,0,.58,1) infinite alternate;
}

.is-onair .p-timeline__list__program__link:hover {
	background: #f3c7c9;
}

/*
.is-onair .p-timeline__list__program__link > time,
.is-onair .p-timeline__list__program__link > p {
	-webkit-animation: hFlash 200ms 0ms forwards cubic-bezier(.42,0,.58,1) infinite alternate;
	animation: hFlash 200ms 0ms forwards cubic-bezier(.42,0,.58,1) infinite alternate;
}

.is-onair .p-timeline__list__program__link:hover > time,
.is-onair .p-timeline__list__program__link:hove > p {
	-webkit-animation: none;
	animation: none;
}
*/

/*

.live .p-timeline__list__program__link:hover {
	background: #fffae5;
}

.race .p-timeline__list__program__link:hover {
	background: #ecf6e7;
}

.expected .p-timeline__list__program__link:hover {
	background: #ecf4fb;
}

.variety .p-timeline__list__program__link:hover {
	background: #faecef;
}

.documentary .p-timeline__list__program__link:hover {
	background: #f8eff9;
}
*/

/* p-timeline__list__time */

.p-timeline__list__time {
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	color: #18458e;
	padding-bottom: 0.75em;
}

/* p-timeline__list__tag */

.p-timeline__list__tag {
	display: inline-block;
	font-size: 10px;
	font-size: 1.0rem;
	font-weight: bold;
	color: #ffffff;
	line-height: 1;
	background: #888888;
	padding: 0.4em 0.5em;
	border-radius: 3px;
}

.live .p-timeline__list__tag {
	color: #18458e;
	background: #e7b900;
}

.race .p-timeline__list__tag {
	background: #249422;
}

.expected .p-timeline__list__tag {
	background: #3689cf;
}

.variety .p-timeline__list__tag {
	background: #cd405e;
}

.documentary .p-timeline__list__tag {
	background: #b762c4;
}

/* p-timeline__list__title */

.p-timeline__list__title {
	font-size: 12px;
	font-size: 1.2rem;
	color: #111111;
	text-decoration: underline;
	line-height: 1.4;
	padding-top: 0.75em;
}

.is-onair .p-timeline__list__title {
	font-size: 14px;
	font-size: 1.4rem;
}

.p-timeline__list__program__link:hover .p-timeline__list__title {
	text-decoration: none;
}

/**
* p-recommend
*/

.p-recommend {
}

/* p-recommend__visual */

.p-recommend__visual {
	height: 480px;
	height: calc(400px + 5vw);
	background-position: center center;
	background-repeat: none;
	background-size: cover;
	background-color: #cccccc;
}
@media (max-width: 767px) {
	.p-recommend__visual {
		height: 180px;
	}
}

/* p-recommend__heading */

.p-recommend__heading {
	margin-top: -100px;
	padding: 30px 0;
	position: relative;
	transform: skew(-25deg);
	-ms-transform: skew(-25deg);
	-moz-transform: skew(-25deg);
	-webkit-transform: skew(-25deg);
}
@media (max-width: 767px) {
	.p-recommend__heading {
		margin-top: -40px;
		padding: 20px 0;
		transform: skew(0);
		-ms-transform: skew(0);
		-moz-transform: skew(0);
		-webkit-transform: skew(0);
	}
}

/*.p-recommend__heading:after,*/
.p-recommend__heading__bg {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: #18458e;
	background-color: attr(data-color);
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	opacity: 0.95;
}

/* p-recommend__heading__regular */

.p-recommend__heading__regular {
	position: relative;
	transform: skew(25deg);
	-ms-transform: skew(25deg);
	-moz-transform: skew(25deg);
	-webkit-transform: skew(25deg);
	transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	-moz-transform-origin: 0 50%;
	-webkit-transform-origin: 0 50%;
}
@media (max-width: 767px) {
	.p-recommend__heading__regular {
		position: relative;
		transform: skew(0);
		-ms-transform: skew(0);
		-moz-transform: skew(0);
		-webkit-transform: skew(0);
	}
}

/* p-recommend__heading__content */

.p-recommend__heading__content {
	font-family: 'NotoSansJP-Bold';
	color: #ffffff;
	text-align: center;
	position: relative;
	z-index: 10;
}
@media (max-width: 767px) {
	.p-recommend__heading__content {
		font-family: inherit;
	}
}

/* p-recommend__heading__title */

.p-recommend__heading__title {
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 1.4;
	letter-spacing: 0.1em;
	padding-bottom: 20px;
	position: relative;
}
@media (max-width: 767px) {
	.p-recommend__heading__title {
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 1.4;
		letter-spacing: 0;
		padding-bottom: 1em;
	}
}

.p-recommend__heading__title__place {
	font-size: 18px;
	font-size: 1.8rem;
	letter-spacing: 0.05em;
	padding-bottom: 0.4em;
}
@media (max-width: 767px) {
	.p-recommend__heading__title__place {
		font-size: 12px;
		font-size: 1.2rem;
		letter-spacing: 0;
	}
}

.p-recommend__heading__pict {
	position: absolute;
	right: 8%;
	/*top: -100px;*/
	top: -140px;
	transform: skew(25deg) rotate(15deg);
	-ms-transform: skew(25deg) rotate(15deg);
	-moz-transform: skew(25deg) rotate(15deg);
	-webkit-transform: skew(25deg) rotate(15deg);
}
@media (max-width: 767px) {
	.p-recommend__heading__pict {
		display: none;
	}
}

.p-recommend__heading__pict img {
	display: block;
	width: 200px;
	/* box-shadow */
	box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.15);
}

/* p-recommend__heading__data */

.p-recommend__heading__data {
	width: 80%;
	margin: 0 auto;
	font-weight: bold;
	padding-top: 20px;
	border-top: #ffffff solid 1px;
	border-top: rgba(255,255,255,0.25) solid 1px;
	position: relative;
	/*left: -4%;*/
	/*-webkit-transform: translateX(-50%) translateY(-50%) skew(-25deg);*/
}
@media (max-width: 767px) {
	.p-recommend__heading__data {
		width: 90%;
		padding-top: 15px;
	}
}

.p-recommend__heading__data > dl {
	line-height: 1.6;
}

.p-recommend__heading__data > dl > dt {
	font-size: 12px;
	font-size: 1.2rem;
	color: #18458e;
	vertical-align: middle;
}
@media (max-width: 767px) {
	.p-recommend__heading__data > dl > dt {
		font-size: 10px;
		font-size: 1.0rem;
	}
}

.p-recommend__heading__data > dl > dt > span {
	display: inline-block;
	background: #ffffff;
	padding: 0.35em 0.75em;
}
@media (max-width: 767px) {
	.p-recommend__heading__data > dl > dt > span {
		padding: 0.25em 0.75em;
	}
}

.p-recommend__heading__data > dl > dd {
	font-size: 18px;
	font-size: 1.8rem;
	color: #ffffff;
	vertical-align: middle;
	padding: 0 1.2em 0 0.6em;
}
@media (max-width: 767px) {
	.p-recommend__heading__data > dl > dd {
		font-size: 11px;
		font-size: 1.1rem;
		padding: 0 1.2em 0 0.6em;
	}
}

.p-recommend__heading__data > dl > dd:last-child {
	padding-right: 0;
}

/* p-recommend__slogan */

.p-recommend__slogan {
	font-family: 'NotoSansJP-Bold';
	font-size: 28px;
	font-size: 2.8rem;
	font-style: italic;
	letter-spacing: 0.025em;
	line-height: 1.4;
	text-align: center;
	padding-bottom: 60px;
}
@media (max-width: 767px) {
	.p-recommend__slogan {
		font-family: inherit;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: bold;
		letter-spacing: 0;
		padding-bottom: 20px;
	}
}

/* p-recommend__article */

.p-recommend__article {
	position: relative;
	margin-bottom: 60px;
}
@media (max-width: 767px) {
	.p-recommend__article {
	 margin-bottom: 40px;
	}
}

.p-recommend__article:before,
.p-recommend__article:after {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background: #eaeaea;
	position: absolute;
	left: calc((100% - 25px) / 3);
	top: 0;
}
@media (max-width: 767px) {
	.p-recommend__article:before,
	.p-recommend__article:after {
		display: none;
	}
}

.p-recommend__article:after {
	left: auto;
	right: calc((100% - 25px) / 3);
}

/* p-recommend__txt */

.p-recommend__article__txt {
	position: relative;
	padding-bottom: 3em;
}
@media (max-width: 767px) {
	.p-recommend__article__txt {
		padding-bottom: 3em;
	}
}

.p-recommend__article .c-colum__block {
	position: relative;
}

.p-recommend__article .c-colum__block:last-child:after {
	display: none;
}

.p-recommend__article .c-colum__block:after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	width: 1.6rem;
	height: 1.6rem;
	background: url(../images/icon_txt-next.svg) no-repeat left top;
	background-size: 16px 16px;
	background-size: 1.6rem 1.6rem;
	position: absolute;
	right: 0;
	bottom: 0;
}
@media (max-width: 767px) {
	.p-recommend__article .c-colum__block:after {
		display: none;
	}
}

.p-recommend__article__txt > p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.8;
	color: #333333;
	padding-top: 30px;
}
@media (max-width: 767px) {
	.p-recommend__article__txt > p {
		font-size: 12x;
		font-size: 1.2rem;
		line-height: 1.6;
		padding-top: 2em;
	}
}

.p-recommend__article__txt > p:first-child {
	padding-top: 0;
}

/* p-recommend__afterword */

.p-recommend__afterword {
	background: #efefef;
}

.p-recommend__afterword__content {
	margin: 0 15px;
	padding: 15px 0;
}

.p-recommend__afterword__title {
	font-size: 14px;

}

/* p-recommend__programs */

.p-recommend__programs {
	position: relative;
	border: #efefef solid 3px;
	margin-bottom: 60px;
}
@media (max-width: 767px) {
	.p-recommend__programs {
		margin-bottom: 40px;
	}
}

.p-recommend__programs__heading {
	display: block;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #1111111;
	text-align: center;
	margin-top: -0.5em;
	position: relative;
}
@media (max-width: 767px) {
	.p-recommend__programs__heading {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.4;
		margin-top: 0;
		padding-top: 20px;
	}
}

@media (max-width: 767px) {
	.p-recommend__programs .c-colum__block {
		padding-top: 40px;
	}
	.p-recommend__programs .c-colum__block:first-child {
		padding-top: 20px;
	}
}

.p-recommend__programs__title {
	display: inline-block;
	font-weight: bold;
	background-color: #ffffff;
	padding: 0 0.5em;
	position: relative;
}
@media (max-width: 767px) {
	.p-recommend__programs__title {
		line-height: 1.4;
		padding: 0;
	}
}

.p-recommend__programs__title br {
	display: none;
}
@media (max-width: 767px) {
	.p-recommend__programs__title br {
		display: block;
	}
}

.p-recommend__programs__content {
	margin: 0 37px;
	padding: 37px 0;
}
@media (max-width: 767px) {
	.p-recommend__programs__content {
		margin: 0 20px;
		padding: 0 0 20px 0;
	}
}

.p-recommend__programs__name {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.4;
	/*padding: 0.8em 1em;*/
	background-color: #18458e;
}
@media (max-width: 767px) {
	.p-recommend__programs__name {
		font-size: 13px;
		font-size: 1.3rem;
		text-align: center;
		height: auto !important;
	}
}

.p-recommend__programs__name > span {
	padding: 0.8em 1em;
}
@media (max-width: 767px) {
	.p-recommend__programs__name > span {
		height: auto !important;
	}
}

@media (max-width: 767px) {
	.p-recommend__programs__lead {
		height: auto !important;
	}
}

.p-recommend__movie {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.c-movie {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.c-movie iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}



/* .u-bg-gray-shift p-recommend__programs */

.u-bg-gray-shift .p-recommend__programs {
 	border: none;
	background: #ffffff;
	margin-top: 20px;
	padding-top: 40px;
}

.u-bg-gray-shift .p-recommend__programs__heading {
	margin-top: 0;
}

/* p-recommend__pickup */

.p-recommend__pickup {
	margin-top: 20px;
	background: #ffffff;
}
@media (max-width: 767px) {
	.p-recommend__pickup {
		margin-top: 10px;
	}
}

.p-recommend__pickup__content {
	margin: 0 20px;
	padding: 20px 0;
}
@media (max-width: 767px) {
	.p-recommend__pickup__content {
		display: block;
		margin: 0 10px;
		padding: 10px 0;
	}
}

@media (max-width: 767px) {
	.p-recommend__pickup__content .u-table,
	.p-recommend__pickup__content .u-table .u-table__cell {
		display: block;
	}
}

.p-recommend__pickup__pict {
	width: 47%;
}
@media (max-width: 767px) {
	.p-recommend__pickup__pict {
		width: auto;
	}
}

.p-recommend__pickup__detail {
	padding: 0 20px 0 30px;
}
@media (max-width: 767px) {
	.p-recommend__pickup__detail {
		width: auto;
		padding: 0;
	}
}

.p-recommend__pickup__detail__title {
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
}
@media (max-width: 767px) {
	.p-recommend__pickup__detail__title {
		font-size: 14px;
		font-size: 1.4rem;
		padding-top: 1em;
	}
}

.p-recommend__pickup__detail__lead {
	line-height: 1.5;
	padding-top: 1em;
}
@media (max-width: 767px) {
	.p-recommend__pickup__detail__lead {
		padding-top: 0.6em;
	}
}

/* p-recommend__next */

.p-recommend__next {
	width: 225px;
	height: 70px;
	text-align: left;
	background: #ffffff;
	z-index: 100000;
	/* box-shadow */
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.15);
	-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.15);
	transform: skew(-25deg) translateY(100%);
	-ms-transform: skew(-25deg) translateY(100%);
	-moz-transform: skew(-25deg) translateY(100%);
	-webkit-transform: skew(-25deg) translateY(100%);
	position: fixed;
	right: -15px;
	bottom: 0;
	-webkit-transition: all 800ms cubic-bezier(.19,1,.22,1);
	transition: all 800ms cubic-bezier(.19,1,.22,1);
}
@media (max-width: 767px) {
	.p-recommend__next {
		width: 100%;
		height: 40px;
		transform: skew(0) translateY(100%);
		-ms-transform: skew(0) translateY(100%);
		-moz-transform: skew(0) translateY(100%);
		-webkit-transform: skew(0) translateY(100%);
		right: 0;
	}
}

.is-next-view .p-recommend__next {
	transform: skew(-25deg) translateY(0%);
	-ms-transform: skew(-25deg) translateY(0%);
	-moz-transform: skew(-25deg) translateY(0%);
	-webkit-transform: skew(-25deg) translateY(0%);
}
@media (max-width: 767px) {
	.is-next-view .p-recommend__next {
		transform: skew(0) translateY(0%);
		-ms-transform: skew(0) translateY(0%);
		-moz-transform: skew(0) translateY(0%);
		-webkit-transform: skew(0) translateY(0%);
	}
}

.p-recommend__next__link {
	display: block;
	width: 100%;
	height: 70px;
	text-align: center;
	text-decoration: none;
	position: relative;
}
@media (max-width: 767px) {
	.p-recommend__next__link {
		height: 40px;
	}
}

.p-recommend__next__link:hover {
	background: #dce7f9;
}

.p-recommend__next .p-topics__monthly__title:before {
	display: none;
}

.p-recommend__next .p-topics__monthly__title {
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-52%) translateY(-50%) skew(25deg);
	-ms-transform: translateX(-52%) translateY(-50%) skew(25deg);
	-moz-transform: translateX(-52%) translateY(-50%) skew(25deg);
	-webkit-transform: translateX(-52%) translateY(-50%) skew(25deg);
}
@media (max-width: 767px) {
	.p-recommend__next .p-topics__monthly__title {
		font-size: 13px;
		font-size: 1.3rem;
	}

	.p-recommend__next .p-topics__monthly__title {
		transform: translateX(-52%) translateY(-50%) skew(0);
		-ms-transform: translateX(-52%) translateY(-50%) skew(0);
		-moz-transform: translateX(-52%) translateY(-50%) skew(0);
		-webkit-transform: translateX(-52%) translateY(-50%) skew(0);
	}

	.p-recommend__next .p-topics__monthly__title > span:before {
		width: 3px;
		height: 3px;
		width: 0.3rem;
		height: 0.3rem;
	}
}

@media (max-width: 767px) {
	.p-recommend__next .p-topics__monthly__title > strong {
		font-size: 22px;
		font-size: 2.2rem;
	}
}

.p-recommend__next .p-topics__monthly__title small {
	font-family: 'NotoSansJP-Regular';
	font-size: 13px;
	font-size: 1.3rem;
	color: #333333;
}
@media (max-width: 767px) {
	.p-recommend__next .p-topics__monthly__title small {
		font-size: 11px;
		font-size: 1.1rem;
	}
}

/**
* p-join
*/

.p-join {
	position: relative;
}

.p-join:before {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background-color: #eaeaea;
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 10;
}
@media (max-width: 767px) {
	.p-join:before {
		display: none;
	}
}

@media (max-width: 767px) {
	.p-join > .c-colum__block > .u-table {
		height: auto !important;
	}
}

.p-join.c-colum .c-colum__block {
	border-top: #eaeaea solid 1px;
}

.p-join.c-colum .c-colum__block:nth-child(1),
.p-join.c-colum .c-colum__block:nth-child(2) {
	border-top: none;
}
@media (max-width: 767px) {
	.p-join.c-colum .c-colum__block:nth-child(2) {
		border-top: #eaeaea solid 1px;
	}
}

/* p-join__link */

.p-join__link {
	text-align: center;
	text-decoration: none;
	padding: 80px;
}
@media (max-width: 767px) {
	.p-join__link {
		padding: 30px 20px 40px 20px;
	}
}

.p-join__link:hover {
	background: #f0f0f0;
}

/*p-join__logo*/

.p-join__logo {
	width: 320px;
	height: 112px;
	margin: 0 auto;
	position: relative;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
}
@media (max-width: 767px) {
	.p-join__logo {
		width: 200px;
		height: 50px;
		transition: none;
		-webkit-transition: none;
	}
}

.p-join__logo:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
}

.p-join__logo.u-bg-skyperfectv:after {
	width: 315px;
	height: 112px;
	background-size: 315px 112px;
}
@media (max-width: 767px) {
	.p-join__logo.u-bg-skyperfectv:after {
		width: 175px;
		height: 63px;
		background-size: 175px 63px;
	}
}

.p-join__logo.u-bg-jcom:after {
	width: 237px;
	height: 74px;
	background-size: 237px 74px;
}
@media (max-width: 767px) {
	.p-join__logo.u-bg-jcom:after {
		width: 142px;
		height: 44px;
		background-size: 142px 44px;
	}
}

.p-join__logo.u-bg-cabletv:after {
	width: 228px;
	height: 64px;
	background-size: 228px 64px;
}
@media (max-width: 767px) {
	.p-join__logo.u-bg-cabletv:after {
		width: 130px;
		height: 37px;
		background-size: 130px 37px;
	}
}

.p-join__logo.u-bg-hikaritv:after {
	width: 306px;
	height: 52px;
	background-size: 306px 52px;
}
@media (max-width: 767px) {
	.p-join__logo.u-bg-hikaritv:after {
		width: 184px;
		height: 31px;
		background-size: 184px 31px;
	}
}

a:hover .p-join__logo {
	opacity: 0.5;
	transform: scale(0.95);
	-ms-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-webkit-transform: scale(0.95);
}
@media (max-width: 767px) {
	a:hover .p-join__logo {
		opacity: inherit;
		transform: inherit;
		-ms-transform: inherit;
		-moz-transform: inherit;
		-webkit-transform: inherit;
	}
}

/* p-join__txt */

.p-join__txt {
	display: block;
	max-width: 520px;
	font-size: 15px;
	font-size: 1.5rem;
	color: #333333;
	text-align: left;
	line-height: 1.6;
	margin: 0 auto;
	padding-top: 40px;
}
@media (max-width: 767px) {
	.p-join__txt {
		max-width: inherit;
		max-width: auto;
		height: auto !important;
		font-size: 12px;
		font-size: 1.2rem;
		padding-top: 15px;
	}
}

/* p-join__button */

.p-join__button {
	width: 80%;
	max-width: 440px;
	margin: 0 auto;
	padding-top: 40px;
}
@media (max-width: 767px) {
	.p-join__button {
		width: 90%;
		max-width: inherit;
		max-width: auto;
		padding-top: 30px;
	}
}

/**
* p-invitation
*/

.p-invitation {
}

.p-invitation--skyperfectv {
}

.p-invitation--cabletv {
}

/* p-invitation__main */

.p-invitation__main {
	text-align: center;
	padding-bottom: 80px;
	background-color: #18448b;
}
@media (max-width: 767px) {
	.p-invitation__main {
		padding-bottom: 20px;
	}
}

.p-invitation--skyperfectv .p-invitation__main {
	background-color: #00a0e9;
	background-image: url(/shinkikanyu/skyperfectv/images/invitation--skyperfectv_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
}

.p-invitation--cabletv .p-invitation__main {
	background-color: #18448b;
	background-image: url(/shinkikanyu/cabletv/images/invitation--cabletv_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
}

/* p-invitation__main__heading */

.p-invitation__main__heading {
	padding: 80px 0;
}
@media (max-width: 767px) {
	.p-invitation__main__heading {
		padding: 40px 0;
	}
}

.p-invitation__main__heading__logo {
	padding-bottom: 30px;
}
@media (max-width: 767px) {
	.p-invitation__main__heading__logo {
		padding-bottom: 15px;
	}
}

.p-invitation__main__heading__logo > img {
	display: block;
	margin: 0 auto;
}
@media (max-width: 767px) {
	.p-invitation__main__heading__logo > img {
		width: 80%;
		height: auto;
	}
}

.p-invitation__main__heading__title {
	font-family: 'NotoSansJP-Bold';
	font-size: 30px;
	font-size: 3.0rem;
	font-style: italic;
	letter-spacing: 0.1em;
	color: #ffffff;
}
@media (max-width: 767px) {
	.p-invitation__main__heading__title {
		font-family: inherit;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
		letter-spacing: 0;
	}
}

/* p-invitation__main__content */

.p-invitation__main__content {
	background: #ffffff;
	border-radius: 10px;
}

.p-invitation__main__content__inner {
	margin: 0 40px;
	padding: 40px 0;
}
@media (max-width: 767px) {
	.p-invitation__main__content__inner {
		margin: 0 20px;
		padding: 20px 0;
	}
}

/* p-invitation__main__poster */

.p-invitation__main__poster {
	margin: 0 auto;
}

.p-invitation__main__poster > img {
	max-width: 1280px;
	margin: 0 auto;
}

/* p-invitation__main__title */

.p-invitation__main__title {
	font-family: 'NotoSansJP-Bold';
	font-size: 28px;
	font-size: 2.8rem;
	font-style: italic;
	letter-spacing: 0.025em;
	line-height: 1.4;
	color: #18458e;
	padding-top: 20px;
}
@media (max-width: 767px) {
	.p-invitation__main__title {
		font-family: inherit;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: bold;
		letter-spacing: 0;
		line-height: 1.4;
		padding-top: 0;
	}
}

/* p-invitation__main__txt */

.p-invitation__main__txt {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.8;
	color: #333333;
	padding-top: 24px;
}
@media (max-width: 767px) {
	.p-invitation__main__txt {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.6;
		padding-top: 1.5em;
	}
}

.p-invitation__main__txt > small {
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.8;
	color: #999999;
}
@media (max-width: 767px) {
	.p-invitation__main__txt > small {
		font-size: 10px;
		font-size: 1.0rem;
		line-height: 1.6;
	}
}

/*p-invitation__main__slider*/

.p-invitation__main__slider {
	width: calc(100% + 80px);
	height: 180px;
	margin-top: 60px;
	position: relative;
	left: -40px;
}
@media (max-width: 767px) {
	.p-invitation__main__slider {
		width: calc(100% + 40px);
		height: 100px;
		margin-top: 20px;
		left: -20px;
	}
}

/* p-invitation__main__button */

.p-invitation__main__button {
	width: 75%;
	margin: 0 auto;
	padding-top: 40px;
}
@media (max-width: 767px) {
	.p-invitation__main__button {
		width: 90%;
		padding-top: 20px;
	}
}

/* p-invitation__regular */

.p-invitation__regular {
	text-align: center;
	padding: 80px 0;
	background-color: #f4f4f4;
	background-repeat: repeat;
	background-position: center;
}
@media (max-width: 767px) {
	.p-invitation__regular {
		padding: 40px 0;
	}
}

@media (max-width: 767px) {
	.p-invitation__regular .c-heading2 {
		font-size: 16px !important;
		font-size: 1.6rem !important;
		padding-bottom: 40px !important;
	}
}

.p-invitation__regular:nth-child(odd) {
	background-color: #e9e9e9;
	background-image: url(/shinkikanyu/images/invitation_bg.png);
}

.p-invitation--skyperfectv .p-invitation__regular {
	background-color: #edf7fc;
}

.p-invitation--skyperfectv .p-invitation__regular:nth-child(odd) {
	background-color: #cdeffe;
}

.p-invitation--cabletv .p-invitation__regular {
	background-color: #cde0fe;
	background-image: url(/shinkikanyu/images/invitation_bg.png);
}

.p-invitation--cabletv .p-invitation__regular:nth-child(odd) {
	background-color: #ebf2fe;
	background-image: none;
}

/* p-invitation__slider */

.p-invitation__slider {
	height: 180px;
	height: calc(130px + 5vw);
}
@media (max-width: 767px) {
	.p-invitation__slider {
		height: 100px;
	}
}

.p-invitation__slider__list {
}

/* p-invitation__box */

.p-invitation__box {
	background: #ffffff;
	border-radius: 10px;
	box-shadow:1px 1px 3px 0px rgba(0,0,0,0.15);
	-ms-box-shadow:1px 1px 3px 0px rgba(0,0,0,0.15);
	-moz-box-shadow:1px 1px 3px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow:1px 1px 3px 0px rgba(0,0,0,0.15);
}
@media (max-width: 767px) {
	.p-invitation__box {
		margin-top: 20px;
	}

	.p-invitation__regular .p-invitation__box:first-child {
		margin-top: 0;
	}
}

/*p-invitation__box__title*/

.p-invitation__box__title {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #ffffff;
	line-height: 1;
	padding: 1em 0;
	background-color: #18458e;
	border-radius: 10px 10px 0 0;
}
@media (max-width: 767px) {
	.p-invitation__box__title {
		font-size: 13px;
		font-size: 1.3rem;
	}
}

.p-invitation--skyperfectv .p-invitation__box__title {
	background-color: #00a0e9;
}

.p-invitation__box__title--type2 {
	font-weight: normal;
	line-height: 1.6;
	padding: 1em 0;
}
@media (max-width: 767px) {
	.p-invitation__box__title--type2 {
		font-size: 11px;
		font-size: 1.1rem;
	}
}

.p-invitation__box__title__att {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}
@media (max-width: 767px) {
	.p-invitation__box__title__att {
		font-size: 13px;
		font-size: 1.3rem;
	}
}

/*p-invitation__box__content*/

.p-invitation__box__content {
	padding: 20px 0;
}
@media (max-width: 767px) {
	.p-invitation__box__content {
		height: auto !important;
	}
}

.p-invitation__box__content .u-table__cell {
	padding: 0 20px;
}

/*p-invitation__box__content--large*/

.p-invitation__box__content--large {
	padding: 40px 0;
}
@media (max-width: 767px) {
	.p-invitation__box__content--large {
		padding: 20px 0;
	}
}

.p-invitation__box__content--large .u-table__cell {
	padding: 0 40px;
}
@media (max-width: 767px) {
	.p-invitation__box__content--large .u-table__cell {
		padding: 0 20px;
	}
}

/* p-invitation__box--flow p-invitation__box__content */

.p-invitation__box--flow .p-invitation__box__content {
	position: relative;
}

.p-invitation__box--flow .p-invitation__box__content:after {
	content: "";
	display: block;
	width: 14px;
	height: 37px;
	background: url(/shinkikanyu/images/invitation_icon_arrow.png) no-repeat left top;
	background-size: 14px 37px;
	position: absolute;
	right: -14px;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
@media (max-width: 767px) {
	.p-invitation__box--flow .p-invitation__box__content:after {
		width: 37px;
		height: 14px;
		background: url(/shinkikanyu/images/invitation_icon_arrow_y.png) no-repeat left top;
		background-size: 37px 14px;
		left: 50%;
		right: auto;
		top: auto;
		bottom: -14px;
		transform: translateX(-50%) translateY(0%);
		-ms-transform: translateX(-50%) translateY(0%);
		-moz-transform: translateX(-50%) translateY(0%);
		-webkit-transform: translateX(-50%) translateY(0%);
	}
}

.c-colum .p-invitation__box--flow:last-child .p-invitation__box__content:after {
	display: none;
}

/*p-invitation__box__point*/

.p-invitation__box__point {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #333333;
	line-height: 1.6;
}
@media (max-width: 767px) {
	.p-invitation__box__point {
		font-size: 14px;
		font-size: 1.4rem;
	}
}

.p-invitation__box__point__maker {
	display: inline-block;
	color: #d02027;
	position: relative;
}

.p-invitation__box__point__maker:after {
	content: "";
	display: block;
	width: 100%;
	height: 8px;
	background-color: #f8dedf;
	position: absolute;
	left: 50%;
	bottom: 2px;
	z-index: 1;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

.p-invitation__box__point__maker > span {
	position: relative;
	z-index: 10;
}

/*p-invitation__box__step*/

.p-invitation__box__txt {
	font-size: 12px;
	font-size: 1.2rem;
	color: #666666;
	text-align: left;
	line-height: 1.6;
	margin: 0 20px;
	padding-top: 12px;
}

/* p-invitation__value */

.p-invitation__value {
	background-color: #ffdece;
	border-radius: 10px;
}

.p-invitation__value--skyblue {
	background-color: #c8edfd;
}

.p-invitation__value__title {
	width: 180px;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #ffffff;
	padding: 1em 0;
	background-image: url(/shinkikanyu/skyperfectv/images/invitation--skyperfectv_value_bg1.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	border-radius: 10px;
}
@media (max-width: 767px) {
	.p-invitation__value__title {
		display: block !important;
		width: auto;
		font-size: 14px;
		font-size: 1.4rem;
		padding: 0.75em 0;
		background-image: none;
		background: #e16427;
		border-radius: 0;
	}
}

.p-invitation__value--orange .p-invitation__value__title {
	background-image: url(/shinkikanyu/skyperfectv/images/invitation--skyperfectv_value_bg1.png);
}
@media (max-width: 767px) {
	.p-invitation__value--orange .p-invitation__value__title {
		background-image: none;
	}
}

.p-invitation__value--skyblue .p-invitation__value__title {
	background-image: url(/shinkikanyu/skyperfectv/images/invitation--skyperfectv_value_bg2.png);
}
@media (max-width: 767px) {
	.p-invitation__value--skyblue .p-invitation__value__title {
		background-image: none;
		background: #00a0e9;
	}
}

.p-invitation__value__title > p {
	padding-right: 1em;
}

@media (max-width: 767px) {
	.p-invitation__value__content {
		display: block !important;
	}
}

.p-invitation__value__content > p {
	padding: 20px;
}

/* p-invitation__contact */

.p-invitation__contact {
	text-align: center;
	padding: 80px 0;
	background-color: #18448b;
}
@media (max-width: 767px) {
	.p-invitation__contact {
		padding: 40px 0;
	}
}

@media (max-width: 767px) {
	.p-invitation__contact .c-heading2 {
		font-size: 16px !important;
		font-size: 1.6rem !important;
		padding-bottom: 30px !important;
	}
}

.p-invitation--skyperfectv .p-invitation__contact {
	background-color: #00a0e9;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
}

/* p-invitation__contact__content */

.p-invitation__contact__content {
	background: #ffffff;
	border-radius: 10px;
}

.p-invitation__contact__content__inner {
	margin: 0 40px;
	padding: 40px 0;
}
@media (max-width: 767px) {
	.p-invitation__contact__content__inner {
		margin: 0 20px;
		padding: 20px 0;
	}
}

/* p-invitation__contact__title */

.p-invitation__contact__title {
	font-size: 21px;
	font-size: 2.1rem;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}
@media (max-width: 767px) {
	.p-invitation__contact__title {
		font-size: 14px;
		font-size: 1.4rem;
		padding-bottom: 10px;
	}
}

/* p-invitation__tel */

.p-invitation__tel {
	text-align: center;
	border: #eaeaea solid 1px;
}

.p-invitation__tel__inner {
	margin: 0 30px;
	padding: 30px 0;
}
@media (max-width: 767px) {
	.p-invitation__tel__inner {
		margin: 0 20px;
		padding: 20px 0;
	}
}

.p-invitation__tel__num {
	font-size: 48px;
	font-size: 4.8rem;
	font-weight: bold;
	color: #18458e;
}
@media (max-width: 767px) {
	.p-invitation__tel__num {
		font-size: 24px;
		font-size: 2.4rem;
	}
}

.p-invitation--skyperfectv .p-invitation__tel__num,
.p-invitation--skyperfectv .p-invitation__tel__num a {
	color: #00a0e9;
}

.p-invitation__tel__txt {
	font-size: 16px;
	font-size: 1.6rem;
	padding-top: 1.2em;
}
@media (max-width: 767px) {
	.p-invitation__tel__txt {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

/* p-invitation__select */

.p-invitation__select {
}

.p-invitation__select__title {
	width: 6em;
}

/* p-invitation__agreement */

.p-invitation__agreement {
	font-size: 12px;
	font-size: 1.2rem;
	height: 250px;
	overflow-y: scroll;
	color: #666666;
	line-height: 1.5;
	text-align: left;
	border: #eaeaea solid 1px;
}
@media (max-width: 767px) {
	.p-invitation__agreement {
		font-size: 10px;
		font-size: 1.0rem;
	}
}

.p-invitation__agreement--noframe {
	height: auto;
	overflow-y: auto;;
}

.p-invitation__agreement__inner {
	margin: 0 30px;
	padding: 30px 0;
}
@media (max-width: 767px) {
	.p-invitation__agreement__inner {
		margin: 0 15px;
		padding: 15px 0;
	}
}

.p-invitation__agreement_title {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #b72839;
	padding-bottom: 1em;
}
@media (max-width: 767px) {
	.p-invitation__agreement_title {
		font-size: 12px;
		font-size: 1.2rem;
		text-align: center;
	}
}

.p-invitation__agreement__list {
	padding-left: 1.5em;
}

.p-invitation__agreement__list li ul {
	list-style-type: disc;
	padding-left: 1.5em;
}

.p-invitation__agreement_heading {
	font-weight: bold;
	color: #333333;
	padding: 1.5em 0 0.5em 0;
}

/**
* p-monthly
*/

.p-monthly-program {
	padding: 60px;
	border: #eaeaea solid 2px;
	text-align: center;
}
@media (max-width: 767px) {
	.p-monthly-program {
		padding: 20px;
	}
}

.p-monthly-program__heading {
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: bold;
	color: #18458e;
}
@media (max-width: 767px) {
	.p-monthly-program__heading {
		font-size: 18px;
		font-size: 1.8rem;
		padding-top: 10px;
	}
}

.p-monthly-program__button {
	width: 50%;
	margin: 0 auto;
	padding-top: 30px;
}
@media (max-width: 767px) {
	.p-monthly-program__button {
		width: 90%;
		padding-top: 30px;
	}
}

.p-monthly-program__image {
	width: auto;
	max-width: 720px;
	margin: 0 auto 50px;
}
@media (max-width: 767px) {
	.p-monthly-program__image {
		max-width: inherit;
		max-width: auto;
	}
}

/**
* p-janjan
*/

.janjan_info {
	width: 100%;
	padding-top: 50px;
	text-align: center;
}
.janjan_info img {
	max-width: 100%;
}

.p-page-janjan main a,
.p-page-janjan aside a {
	color: #57c0e5;
}

/*p-janjan__box*/

.p-janjan__box {
}

.p-janjan__box--blue {
}

/*p-janjan__box__title*/

.p-janjan__box__title {
	font-family: 'NotoSansJP-Bold';
	font-size: 18px;
	font-size: 1.8rem;
	color: #57c0e5;
	text-align: center;
	padding: 0.8em 0;
	background: #eaeaea;
	border-radius: 10px 10px 0 0;
}
@media (max-width: 767px) {
	.p-janjan__box__title {
		font-family: inherit;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
	}
}

.p-janjan__box--blue .p-janjan__box__title {
	color: #ffffff;
	background: #57c0e5;
}

/*p-janjan__box__content*/

.p-janjan__box__content {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.8;
	border-color: #eaeaea;
	border-style: solid;
	border-width: 0 2px 2px 2px;
	border-radius: 0 0 10px 10px;
}
@media (max-width: 767px) {
	.p-janjan__box__content {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.6;
	}
}

.p-janjan__box--blue .p-janjan__box__content {
	border-color: #57c0e5;
}

.p-janjan__box__content__inner {
	margin: 0 38px;
	padding: 38px 0;
}
@media (max-width: 767px) {
	.p-janjan__box__content__inner {
		margin: 0 20px;
		padding: 20px 0;
	}
}

.p-janjan__box__content img {
	display: block;
	width: 100% !important;
	height: auto !important;

}

/*
.p-janjan__box__content p {
	padding-top: 2em;
}
*/

/*p-janjan__table*/

.p-janjan__table {
	width: 100%;
	table-layout: fixed;
	line-height: 1.6;
	vertical-align: middle;
	border-color: #eaeaea;
	border-style: solid;
	border-width: 1px 0 0 1px;
}
@media (max-width: 767px) {
	.p-janjan__table {
		border-color: #eaeaea;
		border-style: solid;
		border-width: 1px 0 0 1px;
	}

	.p-janjan__table:first-child {
		margin-bottom: 10px;
	}
}

.p-janjan__table th,
.p-janjan__table td {
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
	color: #111111;
	text-align: center;
	vertical-align: middle;
	padding: 0;
	border-color: #eaeaea;
	border-style: solid;
	border-width: 0 1px 1px 0;
}
@media (max-width: 767px) {
	.p-janjan__table th,
	.p-janjan__table td {
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: center;
		color: #111111;
		text-align: center;
		vertical-align: middle;
		border-color: #eaeaea;
		border-style: solid;
		border-width: 0 1px 1px 0;
	}
}

.p-janjan__table th {
	width: auto;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	color: #ffffff;
	background-color: #18458e;
}
@media (max-width: 767px) {
	.p-janjan__table th {
		width: auto;
		font-size: 11px;
		font-size: 1.1rem;
		color: #ffffff;
	}
}

.p-janjan__table tr:first-child td:first-child {
	font-weight: bold;
	color: #57c0e5;
	padding: 0.4em 0;
}

.p-janjan__table td.photobox {
	width: 120px;
}
@media (max-width: 767px) {
	.p-janjan__table td.photobox {
		width: 80px;
	}
}


.p-janjan__table td.photobox > img {
	display: block;
	width: 100%;
	height: auto;
}

.p-janjan__table em {
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	font-size: 2.4rem;
}
@media (max-width: 767px) {
	.p-janjan__table em {
		font-size: 16px;
		font-size: 1.6rem;
	}
}

.p-janjan__table .chk1 {
	background-color: #fce7ec;
}

/*p-janjan__side*/

.p-janjan__side {
	margin-top: 20px;
	padding-top: 20px;
	border-top: #eaeaea solid 1px;
}

/*p-janjan__profile*/

.p-janjan__profile {
	border: #eaeaea solid 2px;
	border-radius: 10px;
}

.p-janjan__profile__inner {
	padding: 20px;
}

.p-janjan__profile__pict {
	margin: 0 5px;
}
@media (max-width: 767px) {
	.p-janjan__profile__pict {
		margin: 0 20%;
	}
}

.p-janjan__profile__title {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	color: #e37390;
	letter-spacing: 0.05em;
	line-height: 1.4;
	padding-top: 1em;
	position: relative;
}

.p-janjan__profile__title > span {
	display: inline-block;
	position: relative;
}

.p-janjan__profile__title > span:before,
.p-janjan__profile__title > span:after {
	content: "";
	display: block;
	width: 17px;
	height: 30px;
	background: url(/janjan/images/janjan_pop.svg) no-repeat left top;
	background-size: 17px 30px;
	position: absolute;
	left: -1.4em;
	bottom: 0;
}

.p-janjan__profile__title > span:after {
	left: auto;
	right: -1.2em;
	bottom: 0;
	transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
}

.p-janjan__profile__txt {
	font-size: 12px;
	font-size: 1.2rem;
	color: #333333;
	line-height: 1.6;
	padding-top: 1.2em;
	position: relative;
}

.p-janjan__profile__txt {
	font-size: 12px;
	font-size: 1.2rem;
	color: #333333;
	line-height: 1.6;
	padding-top: 1.2em;
	position: relative;
}

@media (max-width: 767px) {
	.p-janjan__table td.photobox {
		width: 80px;
	}
}

/**
* p-app（20161115honda）
*/

.p-app {
}

/* app__list（20161115honda） */

.p-app__list li {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	border: #eaeaea solid 2px;
	box-sizing: border-box;
	margin-top: 20px;
	padding: 1em;
}
@media (max-width: 767px) {
	.p-app__list li {
		font-size: 14px;
		font-size: 1.4rem;
		width: 100%;
		display: block;
		margin-top: 10px;
	}
}

.p-app__list__icon {
	position: relative;
	padding-left: 2em;
}
@media (max-width: 767px) {
	.p-app__list__icon {
		padding-left: 1.7em;
	}
}
.p-app__list__icon:before {
	content: "";
	display: block;
	width: 22px;
	width: 2.2em;
	height: 20px;
	height: 2.0em;
	background: url(../images/icon_check_blue.svg) no-repeat top left;
	background-size: 22px 20px;
	background-size: 2.2rem 2.0rem;
	position: absolute;
	left: 0;
	top: 0;
}
.p-app__list__icon--pink:before {
	width: 22px;
	width: 2.2em;
	height: 20px;
	height: 2.0em;
	background: url(../images/icon_check_pink.svg) no-repeat top left;
	background-size: 22px 20px;
	background-size: 2.2rem 2.0rem;
}
@media (max-width: 767px) {
	.p-app__list__icon:before,
	.p-app__list__icon--pink:before {
		width: 17px;
		width: 1.7em;
		height: 15px;
		height: 1.5em;
		background-size: 17px 15px;
		background-size: 1.7rem 1.5rem;
	}
}
.p-app .c-box__title {
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
	width: 25%;
}
@media (max-width: 767px) {
	.p-app .c-box__title {
		font-size: 14px;
		font-size: 1.4rem;
		width: auto;
		display: block;
		border-width: 0 0 1px;
	}
}

/* p-app__download（20161115honda） */

.p-app__download {
}

.p-app__download__heading4 {
	font-size: 15px;
	font-size: 1.5rem;
}
@media (max-width: 767px) {
	.p-app__download__heading4 {
		font-size: 13px;
		font-size: 1.3rem;
	}
}

.p-app__download__link {
	display: block;
	width: 160px;
	height: 46px;
}
@media (max-width: 767px) {
	.p-app__download__link {
		margin: 0 auto;
	}
}
.p-app__download__link a {
	display: block;
	width: 100%;
	height: 100%;
}
.p-app__download__link__logo {
	display: block;
	width: 160px;
	height: 46px;
	position: relative;
}

.u-bg-app:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 160px;
	height: 46px;
	background: url(../images/logo_app.svg) no-repeat center center;
	background-size: 160px 46px;
}
.u-bg-app--play:after {
	background: url(../images/logo_play.svg) no-repeat center center;
}

.p-app__download__qrimg {
	padding: 1em 1em 0 0;
}

.p-app__download__qr {
	vertical-align: top;
}

/* p-letter（20161115honda） */

.p-letter {
}

/* p-letter__segment（20161115honda） */

.p-letter__segment {
	text-align: center;
}

.p-letter__segment .c-list-tag {
	margin: 30px 20px 20px;
}
@media (max-width: 767px) {
	.p-letter__segment .c-list-tag {
		margin: 0 20px;
		padding: 20px 0 15px;
	}
	.p-letter__segment .c-list-tag li {
		margin: 0 0 5px;
	}
	.p-letter__segment .u-inline-block,
	.p-letter__segment .u-inline-block li {
		width: auto;
		display: block;
	}
}

/* p-letter__send（20161115honda） */
.p-letter__send.u-table {
	box-sizing: border-box;
}

.p-letter__send .u-table__cell {
	width: 50%;
}
.p-letter__send .u-table__cell:first-child {
	border-right: #eaeaea solid 1px;
}
@media (max-width: 767px) {
	.p-letter__send .u-table__cell {
		width: auto;
		display: block;
	}
	.p-letter__send .u-table__cell:first-child {
		border-right: none;
	}
	.p-letter__send .c-box__element {
		padding: 15px 0;
	}
}

/*p-letter__send__mail（20161115honda） */

.p-letter__send__mail {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.8;
	text-align: center;
}
@media (max-width: 767px) {
	.p-letter__send__mail {
		font-size: 16px;
		font-size: 1.6rem;
	}
}


/**
* p-privacy（20161115honda）
*/

/* p-privacy（20161110honda） */

.p-privacy {
	margin-top: 60px;
	margin-top: 6.0rem;
}
@media (max-width: 767px) {
	.p-privacy {
		margin-top: 30px;
		margin-top: 3.0rem;
	}
}

/* p-privacy__guideline （20161110honda）*/
.p-privacy__guideline .c-list--blue li {
}
@media (max-width: 767px) {
	.p-privacy__guideline .c-list--blue li {
		margin-bottom: 0.5em;
	}
}

/* p-privacy__customer（20161110honda） */

.p-privacy__customer {
	padding: 15px;
}

/**
* p-event
*/

.p-event__button {
	width: 75%;
	margin: 0 auto;
}

/**
* p-sitemap
*/

.p-sitemap {
}

.p-sitemap__list {
	padding: 15px 0;
	border-bottom: #eaeaea solid 1px;
}

.p-sitemap__list--single {
	border-top: #eaeaea solid 1px;
}

.p-sitemap__list > li {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.6;
	padding: 0.8em 0;
}
@media (max-width: 767px) {
	.p-sitemap__list > li {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

.p-sitemap__list li ul {
	padding-left: 1.2em;
}

.p-sitemap__list li ul li {
	font-size: 12px;
	font-size: 1.2rem;
	padding-top: 0.9em;
}
@media (max-width: 767px) {
	.p-sitemap__list li ul li {
		font-size: 10px;
		font-size: 1.0rem;
	}
}

.p-sitemap__list li ul li a {
	color: #333333;
}

.p-sitemap__list li ul li a.c-icon--arrow-left2:after {
	width: 5px;
	height: 10px;
	width: 0.5rem;
	height: 1.0em;
	background-size: 5px 10px;
	background-size: 0.5rem 1.0rem;
	background-repeat: no-repeat;
}

/**
* p-error
*/

.p-error {
	text-align: center;
	padding-bottom: 120px;
}
@media (max-width: 767px) {
	.p-error {
		text-align: left;
		padding-bottom: 60px;
	}
}

.p-error__heading {
	font-family: 'Montserrat', sans-serif;
	font-size: 48px;
	font-size: 4.8rem;
	text-align: center;
	color: #18458e;
	padding: 120px 0 0 0;
}
@media (max-width: 767px) {
	.p-error__heading {
		font-size: 24px;
		font-size: 2.4rem;
		font-size: 7.5vw;
		text-align: center;
		padding: 60px 0 10px 0;
	}
}

.p-error__txt {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
	color: #333333;
	line-height: 1.8;
	padding-top: 32px;
}
@media (max-width: 767px) {
	.p-error__txt {
		font-size: 12px;
		font-size: 1.2rem;
		text-align: left;
		line-height: 1.6;
		padding-top: 1.5em;
	}

	.p-error__txt br {
		display: none;
	}
}

/* Utitlity
-----------------------------------------------------------------*/

/**
* Anchor
*/

/* u-links */

.u-links {
	color: #18458e;
	text-decoration: underline;
}
.u-links:hover {
	color: #ffffff;
	background: #18458e;
	text-decoration: none;
}

/**
* Clearfix
*/

.u-clearfix {
  display: inline-block;
}
.u-clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height:0;
  font-size:0;
}
* html .u-clearfix {
  height: 1%;
}
.u-clearfix {
  display: block;
}

/**
* Clear
*/

.u-clear {
	clear: both;
}
.u-clear > hr {
	display: none;
}

/**
* Display
*/

/* u-block */

.u-block,
.u-block ul,
.u-block li,
.u-block dl,
.u-block dt,
.u-block dd {
	display: block;
 	list-style-type: none;
}

/* u-inline */

.u-inline,
.u-inline ul,
.u-inline li,
.u-inline dl,
.u-inline dt,
.u-inline dd {
	display: inline;
	list-style-type: none;
}

/* u-inline-block */

.u-inline-block,
.u-inline-block ul,
.u-inline-block li,
.u-inline-block dl,
.u-inline-block dt,
.u-inline-block dd {
	display: inline-block;
	list-style-type: none;
	/display: inline;
	/position: relative;
	/zoom: 1;
}
.u-inline-block--list,
.u-inline-block ul {
	letter-spacing: -.40em;
}
.u-inline-block > *,
.u-inline-block * {
	letter-spacing: 0;
}

/* u-table */

.u-table {
  display: table;
  width: 100%;
}

.u-table__row {
  display: table-row;
}

.u-table__cell {
  display: table-cell;
}

/* u-table--fixed */

.u-table--fixed {
	table-layout: fixed;
}

/* u-table--middle */

.u-table--middle,
.u-table--middle > .u-table__cell {
	vertical-align: middle;
}

/**
* Img
*/

.u-img-fit {
	display: inherit;
	width: 100%;
	height: auto;
}

/**
* Txt
*/

/* u-txt-hide */

.u-txt-hide {
	text-indent: 100%;
	/text-indent: -9999px;/*IE*/
    white-space: nowrap;
    overflow: hidden;
    position: relative;/*IE*/
    text-align: left;
}

/**
* Position
*/

/* u-fixed */

.u-fixed {
	position: fixed !important;
	overflow-y: scroll;
    top: 0px;
}

/* u-sticky  */

.u-sticky {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
}
.u-sticky--top {
	top: 30px;
}

/**
* Font
*/

/* font-size */

.u-font-xlarge {
	font-size: 24px;
	font-size: 2.4rem;
}
@media (max-width: 767px) {
	.u-font-xlarge {
		font-size: 22px;
		font-size: 2.2rem;
	}
}

.u-font-large {
	font-size: 18px;
	font-size: 1.8rem;
}
@media (max-width: 767px) {
	.u-font-large {
		font-size: 16px;
		font-size: 1.6rem;
	}
}

.u-font-medium {
	font-size: 14px;
	font-size: 1.4rem;
}
@media (max-width: 767px) {
	.u-font-medium {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

.u-font-small {
	font-size: 12px;
	font-size: 1.2rem;
}
@media (max-width: 767px) {
	.u-font-small {
		font-size: 10px;
		font-size: 1.0rem;
	}
}

.u-font-xsmall {
	font-size: 10px;
	font-size: 1.0rem;
}

.u-font-xxsmall {
	font-size: 9px;
	font-size: 0.9rem;
}

/* font-weight */

.u-font-normal {
	font-weight: normal;
}

.u-font-bold {
	font-weight: bold;
}

/* font-align */

.u-font-center {
	text-align: center;
}

/* font-color */

.u-font-navyblue {
	color: #0e3962;
}

.u-font-green {
	color: #369f1a;
}

.u-font-red {
	color: #d02027;
}

.u-font-white {
	color: #ffffff;
}

/**
* Bg
*/

/* u-bg-navyblue */

.u-bg-navyblue {
	background: #0e3962;
	position: relative;
}

/* u-bg-middlegray */

.u-bg-middlegray {
	background: #eaeaea;
	position: relative;
}

/* u-bg-gray */

.u-bg-gray {
	background: #f0f0f0;
	position: relative;
}

/* u-bg-lightgray */

.u-bg-lightgray {
	background: #f5f5f5;
	position: relative;
}

/* u-bg-gray-shift */

.u-bg-gray-shift {
	background: #f0f0f0;
	position: relative;
}

.u-bg-gray-shift:nth-child(odd) {
	background: #f7f7f7;
}

/* u-bg-red */

.u-bg-red {
	background: #fae7eb;
	position: relative;
}

/* u-bg-skyblue */

.u-bg-skyblue {
	background: #e6ebef;
	position: relative;
}

/* u-bg-yellow */

.u-bg-yellow {
	background: #fffaeb;
	position: relative;
}

/* u-bg-skyperfectv */

.u-bg-skyperfectv:after {
	background: url(../images/logo_skyperfectv.svg) no-repeat center center;
}

/* u-bg-jcom */

.u-bg-jcom:after {
	background: url(../images/logo_jcom.svg) no-repeat center center;
}

/* u-bg-cabletv */

.u-bg-cabletv:after {
	background: url(../images/logo_cabletv.svg) no-repeat center center;
}

/* u-bg-hikaritv */

.u-bg-hikaritv:after {
	background: url(../images/logo_hikaritv.svg) no-repeat center center;
}

/* u-bg-skyondemand */

.u-bg-skyondemand:after {
	background: url(../images/logo_skyondemand.svg) no-repeat center center;
}

/**
* Float
*/

.u-float-left {
	float: left;
}

.u-float-right {
	float: right;
}

/**
* Overflow
*/

.u-of-hidden {
	position: relative;
	overflow: hidden;
}

/**
* Margin
*/

/* margin - top */

.u-mt-mlarge { /*（20161110honda）*/
	margin-top: 50px;
	margin-top: 5.0rem;
}
@media (max-width: 767px) {
	.u-mt-mlarge {
		margin-top: 30px;
		margin-top: 3.0rem;
	}
}

.u-mt-large {
	margin-top: 60px;
	margin-top: 6.0rem;
}
@media (max-width: 767px) {
	.u-mt-large {
		margin-top: 40px;
		margin-top: 4.0rem;
	}
}

.u-mt-medium {
	margin-top: 40px;
	margin-top: 4.0rem;
}
@media (max-width: 767px) {
	.u-mt-medium {
		margin-top: 20px;
		margin-top: 2.0rem;
	}
}

.u-mt-regular {
	margin-top: 30px;
	margin-top: 3.0rem;
}
@media (max-width: 767px) {
	.u-mt-regular {
		margin-top: 15px;
		margin-top: 1.5rem;
	}
}

.u-mt-small {
	margin-top: 20px;
	margin-top: 2.0rem;
}
@media (max-width: 767px) {
	.u-mt-small {
		margin-top: 10px;
		margin-top: 1.0rem;
	}
}

.u-mt-xsmall {
	margin-top: 10px;
	margin-top: 1.0rem;
}
@media (max-width: 767px) {
	.u-mt-xsmall {
		margin-top: 10px;
		margin-top: 1.0rem;
	}
}

/* margin - right */

.u-mr-large {
	margin-right: 60px;
	margin-right: 6.0rem;
}
@media (max-width: 767px) {
	.u-mr-large {
		margin-right: 40px;
		margin-right: 4.0rem;
	}
}

.u-mr-medium {
	margin-right: 40px;
	margin-right: 4.0rem;
}
@media (max-width: 767px) {
	.u-mr-medium {
		margin-right: 20px;
		margin-right: 2.0rem;
	}
}

.u-mr-regular {
	margin-right: 30px;
	margin-right: 3.0rem;
}
@media (max-width: 767px) {
	.u-mr-regular {
		margin-right: 15px;
		margin-right: 1.5rem;
	}
}

.u-mr-small {
	margin-right: 20px;
	margin-right: 2.0rem;
}
@media (max-width: 767px) {
	.u-mr-small {
		margin-right: 10px;
		margin-right: 1.0rem;
	}
}

.u-mr-xsmall {
	margin-right: 10px;
	margin-right: 1.0rem;
}
@media (max-width: 767px) {
	.u-mr-xsmall {
		margin-right: 10px;
		margin-right: 1.0rem;
	}
}

/* margin - bottom */

.u-mb-large {
	margin-bottom: 60px;
	margin-bottom: 6.0rem;
}
@media (max-width: 767px) {
	.u-mb-large {
		margin-bottom: 40px;
		margin-bottom: 4.0rem;
	}
}

.u-mb-medium {
	margin-bottom: 40px;
	margin-bottom: 4.0rem;
}
@media (max-width: 767px) {
	.u-mb-medium {
		margin-bottom: 20px;
		margin-bottom: 2.0rem;
	}
}

.u-mb-regular {
	margin-bottom: 30px;
	margin-bottom: 3.0rem;
}
@media (max-width: 767px) {
	.u-mb-regular {
		margin-bottom: 15px;
		margin-bottom: 1.5rem;
	}
}

.u-mb-small {
	margin-bottom: 20px;
	margin-bottom: 2.0rem;
}
@media (max-width: 767px) {
	.u-mb-small {
		margin-bottom: 10px;
		margin-bottom: 1.0rem;
	}
}

.u-mb-xsmall {
	margin-bottom: 10px;
	margin-bottom: 1.0rem;
}
@media (max-width: 767px) {
	.u-mb-xsmall {
		margin-bottom: 10px;
		margin-bottom: 1.0rem;
	}
}

/* margin - left */

.u-ml-large {
	margin-left: 60px;
	margin-left: 6.0rem;
}
@media (max-width: 767px) {
	.u-ml-large {
		margin-left: 40px;
		margin-left: 4.0rem;
	}
}

.u-ml-medium {
	margin-left: 40px;
	margin-left: 4.0rem;
}
@media (max-width: 767px) {
	.u-ml-medium {
		margin-left: 20px;
		margin-left: 2.0rem;
	}
}

.u-ml-regular {
	margin-left: 30px;
	margin-left: 3.0rem;
}
@media (max-width: 767px) {
	.u-ml-regular {
		margin-left: 15px;
		margin-left: 1.5rem;
	}
}

.u-ml-small {
	margin-left: 20px;
	margin-left: 2.0rem;
}
@media (max-width: 767px) {
	.u-ml-small {
		margin-left: 10px;
		margin-left: 1.0rem;
	}
}

.u-ml-xsmall {
	margin-left: 10px;
	margin-left: 1.0rem;
}
@media (max-width: 767px) {
	.u-ml-xsmall {
		margin-left: 10px;
		margin-left: 1.0rem;
	}
}

/* padding - top */

.u-pt-large {
	padding-top: 60px;
	padding-top: 6.0rem;
}
@media (max-width: 767px) {
	.u-pt-large {
		padding-top: 40px;
		padding-top: 4.0rem;
	}
}

.u-pt-medium {
	padding-top: 40px;
	padding-top: 4.0rem;
}
@media (max-width: 767px) {
	.u-pt-medium {
		padding-top: 20px;
		padding-top: 2.0rem;
	}
}

.u-pt-regular {
	padding-top: 30px;
	padding-top: 3.0rem;
}
@media (max-width: 767px) {
	.u-pt-regular {
		padding-top: 15px;
		padding-top: 1.5rem;
	}
}
.howtobnr img {
	max-width: 100%;
}
.howto_guide {
    margin-top: 4.0rem;
	border: #eaeaea solid 1px;
	-webkit-transition: border 300ms ease;
    transition: border 300ms ease;
}
.howto_guide:hover {
    border-color: #18458e;
}

.u-pt-small {
	padding-top: 20px;
	padding-top: 2.0rem;
}
@media (max-width: 767px) {
	.u-pt-small {
		padding-top: 10px;
		padding-top: 1.0rem;
	}
}

.u-pt-xsmall {
	padding-top: 10px;
	padding-top: 1.0rem;
}
@media (max-width: 767px) {
	.u-pt-xsmall {
		padding-top: 10px;
		padding-top: 1.0rem;
	}
}

/* padding - right */

.u-pr-large {
	padding-right: 60px;
	padding-right: 6.0rem;
}
@media (max-width: 767px) {
	.u-pr-large {
		padding-right: 40px;
		padding-right: 4.0rem;
	}
}

.u-pr-medium {
	padding-right: 40px;
	padding-right: 4.0rem;
}
@media (max-width: 767px) {
	.u-pr-medium {
		padding-right: 20px;
		padding-right: 2.0rem;
	}
}

.u-pr-regular {
	padding-right: 30px;
	padding-right: 3.0rem;
}
@media (max-width: 767px) {
	.u-pr-regular {
		padding-right: 15px;
		padding-right: 1.5rem;
	}
}

.u-pr-small {
	padding-right: 20px;
	padding-right: 2.0rem;
}
@media (max-width: 767px) {
	.u-pr-small {
		padding-right: 10px;
		padding-right: 1.0rem;
	}
}

.u-pr-xsmall {
	padding-right: 10px;
	padding-right: 1.0rem;
}
@media (max-width: 767px) {
	.u-pr-xsmall {
		padding-right: 10px;
		padding-right: 1.0rem;
	}
}

/* padding - bottom */

.u-pb-large {
	padding-bottom: 60px;
	padding-bottom: 6.0rem;
}
@media (max-width: 767px) {
	.u-pb-large {
		padding-bottom: 40px;
		padding-bottom: 4.0rem;
	}
}

.u-pb-medium {
	padding-bottom: 40px;
	padding-bottom: 4.0rem;
}
@media (max-width: 767px) {
	.u-pb-medium {
		padding-bottom: 20px;
		padding-bottom: 2.0rem;
	}
}

.u-pb-regular {
	padding-bottom: 30px;
	padding-bottom: 3.0rem;
}
@media (max-width: 767px) {
	.u-pb-regular {
		padding-bottom: 15px;
		padding-bottom: 1.5rem;
	}
}

.u-pb-small {
	padding-bottom: 20px;
	padding-bottom: 2.0rem;
}
@media (max-width: 767px) {
	.u-pb-small {
		padding-bottom: 10px;
		padding-bottom: 1.0rem;
	}
}

.u-pb-xsmall {
	padding-bottom: 10px;
	padding-bottom: 1.0rem;
}
@media (max-width: 767px) {
	.u-pb-xsmall {
		padding-bottom: 10px;
		padding-bottom: 1.0rem;
	}
}

/* padding - left */

.u-pl-large {
	padding-left: 60px;
	padding-left: 6.0rem;
}
@media (max-width: 767px) {
	.u-pl-large {
		padding-left: 40px;
		padding-left: 4.0rem;
	}
}

.u-pl-medium {
	padding-left: 40px;
	padding-left: 4.0rem;
}
@media (max-width: 767px) {
	.u-pl-medium {
		padding-left: 20px;
		padding-left: 2.0rem;
	}
}

.u-pl-regular {
	padding-left: 30px;
	padding-left: 3.0rem;
}
@media (max-width: 767px) {
	.u-pl-regular {
		padding-left: 15px;
		padding-left: 1.5rem;
	}
}

.u-pl-small {
	padding-left: 20px;
	padding-left: 2.0rem;
}
@media (max-width: 767px) {
	.u-pl-small {
		padding-left: 10px;
		padding-left: 1.0rem;
	}
}

.u-pl-xsmall {
	padding-left: 10px;
	padding-left: 1.0rem;
}
@media (max-width: 767px) {
	.u-pl-xsmall {
		padding-left: 10px;
		padding-left: 1.0rem;
	}
}

/**
* Responsive
*/

/* u-hidden - js：fsJq.responsiveHiddenの起動必須 */

.u-hidden--pc {
}
.u-hidden--pc-tablet {
}
.u-hidden--tablet {
}
.u-hidden--tablet-sp{
}
.u-hidden--sp {
}

/* u-txtBreak */

.u-txtBreak-pc {
	display: block !important;
}
@media (min-width: 768px) and (max-width: 1023px) {
	.u-txtBreak-pc {
		display: inline !important;
	}
}
@media (max-width: 767px) {
	.u-txtBreak-pc {
		display: inline !important;
	}
}

.u-txtBreak--pc-tablet {
	display: block !important;
}
@media (min-width: 768px) and (max-width: 1023px) {
	.u-txtBreak--pc-tablet {
		display: block !important;
	}
}
@media (max-width: 767px) {
	.u-txtBreak--pc-tablet {
		display: inline !important;
	}
}

.u-txtBreak--tablet {
	display: inline !important;
}
@media (min-width: 768px) and (max-width: 1023px) {
	.u-txtBreak--tablet {
		display: block !important;
	}
}
@media (max-width: 767px) {
	.u-txtBreak--tablet {
		display: inline !important;
	}
}

.u-txtBreak--tablet-sp{
	display: inline !important;
}
@media (min-width: 768px) and (max-width: 1023px) {
	.u-txtBreak--tablet-sp{
		display: inline !important;
	}
}
@media (max-width: 767px) {
	.u-txtBreak--tablet-sp{
		display: block !important;
	}
}

.u-txtBreak--sp {
	display: inline !important;
}
@media (min-width: 768px) and (max-width: 1023px) {
	.u-txtBreak--sp {
		display: inline !important;
	}
}
@media (max-width: 767px) {
	.u-txtBreak--sp {
		display: block !important;
	}
}

/* ==========================================================================
   Javascript
   ==========================================================================*/

/**
* textSplitEffect
*/

.js-textSplitEffect,
h1.c-heading1__title {
	visibility: hidden;
}

/**
* loopSlider
*/

.js-loopSlider {
	/* background: #eeeeee url(../images/loader.gif) no-repeat center center; */
	background: #eeeeee;
}

.js-loopSlider > * {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 500ms cubic-bezier(.445,.05,.55,.95);
	-moz-transition: opacity 500ms cubic-bezier(.445,.05,.55,.95);
	transition: opacity 500ms cubic-bezier(.445,.05,.55,.95);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.js-loopSlider.is-loaded > * {
	visibility: visible !important;
	opacity: 1 !important;
}

.js-loopSlider.is-drag {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: -ms-grab;
	cursor: grab;
}
.js-loopSlider.is-drag.is-dragging {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: -ms-grabbing;
	cursor: grabbing;
}

/**
* selectNone
*/

.js-selectNone {
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-drag: none;
	-moz-user-drag: none;
	-khtml-user-drag: none;
}

/**
* TabSwich
*/

.c-tab__contents {
	height: 0;
	position: relative;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: all 300ms cubic-bezier(.250, .460, .450, .940);
	transition: all 300ms cubic-bezier(.250, .460, .450, .940);
}
.c-tab__contents.is-current {
	height: auto;
	opacity: 1;
}

/**
* toggleHeight
*/

@media (max-width: 767px) {
	.js-toggleHeight {
		position: relative;
		overflow: hidden;
	}

	.js-toggleHeight > .js-toggleHeight__switch {
		position: relative;
		z-index: 10;
	}

	.js-toggleHeight > .js-toggleHeight__body {
		visibility: hidden;
		opacity: 0;
		width: 100%;
		height: auto;
		/* 以下で高さ確保 */
		float: left;
		clear: both;
		/**/
		margin-top: -100%;
		/* position: relative; */
		/* 要素がはみ出る場合はabsoluteへ変更
		ただし、閉じるアニメーションなし
		*/
		position: absolute;
		z-index: 1;
		left: 0;
		top: 0;
		/**/
		transition: margin 300ms ease;
		-ms-transition: margin 300ms ease;
		-moz-transition: margin 300ms ease;
		-webkit-transition: margin 300ms ease;
	}
	.js-toggleHeight.is-open > .js-toggleHeight__body {
		visibility: visible;
		opacity: 1;
		margin-top: 0;
		position: relative;
		/**/
		transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-webkit-transition: all 300ms ease;
	}

	.js-toggleHeight > .js-toggleHeight__body > * {
		opacity: 0;
		/**/
		transition: all 800ms ease-out;
		-ms-transition: all 800ms ease-out;
		-moz-transition: all 800ms ease-out;
		-webkit-transition: all 800ms ease-out;
	}
	.js-toggleHeight.is-open > .js-toggleHeight__body > * {
		opacity: 1;
	}
}

/**
* slick-1.6.0
*/

/* slick.css */

/* Slider */

.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* slick-theme.css */

/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '窶｢';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* slick - speedchannel skin / p-topics__slider */

.p-topics__slider__nav .slider {
}

.p-topics__slider__nav .slider .slick-slide {
  margin: 0;
}

.p-topics__slider__main .slider .slick-slide img {
	width: 100%;
}

.p-topics__slider__nav .slider .slick-slide img {
	width: 100%;
	width: calc(100% - 10px);
	margin-left: calc(5px - 0px);
}

@media (max-width: 767px) {
	.p-topics__slider .slick-dots li button:before {
		background: #ffffff;
	}
}

@media (max-width: 767px) {
	.p-topics__slider .slick-dotted.slick-slider {
		margin-bottom: 25px;
	}

	.p-topics__slider .slick-dots {
		bottom: -25px;
	}

	.p-topics__slider .slick-list {
		border: #ffffff solid 2px;
	}
}

/* slick - speedchannel skin / common */

.slick-slide:focus,
.slick-slide a:focus {
	outline: none;
}

/* slick - speedchannel skin / p-topics__slider */

.p-topics__slider .slider {
	display: none;
}

.p-topics__slider .slider.slick-initialized {
	display: block;
}

.p-topics__slider .slick-current {
	opacity: 0.5;
}

/* slick - speedchannel skin / p-external-banner__slider */

.slick-list.draggable {
	cursor: grab;
}

.p-external-banner__slider.slider {
    width: 	calc(100% + 5px);
    position: relative;
    left: calc(0px - 5px);
}
@media (max-width: 767px) {
	.p-external-banner__slider.slider {
	    width: 	calc(100% + 0px);
	    left: 0;
	}
}

.p-external-banner__slider .slick-slide {
  margin: 0px 5px;
}

.p-external-banner__slider .slick-slide img {
  width: 100%;
}

/* slick - speedchannel skin / p-top-banner*/

.p-top-banner.slider {
    width: 	calc(100% + 10px);
    position: relative;
    left: calc(0px - 10px);
}
@media (max-width: 767px) {
	.p-top-banner.slider {
	    width: 	calc(100% + 40px);
	    position: relative;
	    left: calc(0px - 20px);
	}
}

.p-top-banner .slick-slide {
  margin: 0px 10px;
}

.p-top-banner .slick-slide img {
	display: block;
	width: 100%;
	height: auto;
}

/* slick - speedchannel skin / p-app-slider*/

.p-app-slider {
	display: none;
}
@media (max-width: 767px) {
	.p-app-slider {
	    width: 	calc(100% + 40px);
	    position: relative;
	    left: calc(0px - 20px);
	}
}

.p-app-slider.slick-initialized {
	display: block;
}

.p-app-slider .slick-slide {
  margin: 0px 10px;
}

.p-app-slider .slick-slide img {
  border: #eaeaea solid 1px;
}

.p-app-slider.slick-dotted.slick-slider {
	margin-bottom: 20px;
}

.p-app-slider .slick-dots {
	bottom: -30px;
}

/* slick - speedchannel skin / p-program-block--slider */

.p-program-block--slider.slider {
    width: 	calc(100% + 10px);
    position: relative;
    left: calc(0px - 10px);
}
@media (max-width: 767px) {
	.p-program-block--slider.slider {
	    width: 	calc(100% + 40px);
	    left: calc(0px - 20px);
	}
}

.p-program-block--frame.p-program-block--slider.slider .slick-list {
   padding-bottom: 30px;
}

.p-program-block--slider.slider .slick-slide {
  margin: 0px 10px;
  padding-bottom: 1px;
}
@media (max-width: 767px) {
	.p-program-block--slider.slider .slick-slide {
	  margin: 0px 5px;
	  padding-bottom: 0;
	}
}

.p-program-block--slider.slider .p-program-block__cell__inner {
}

.p-program-block--slider.slider .slick-slide img {
  width: 100%;
}

/* slick - speedchannel skin / prev/next */

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 12px;
    height: 36px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-next:hover {
	opacity: 0.5;
}

.slick-prev:before,
.slick-next:before{
	content: "";
	display: block;
	width: 12px;
	height: 36px;
    opacity: 1;
    cursor: pointer;
}

.slick-prev {
    left: -24px;
}

[dir='rtl'] .slick-prev {
    right: -24px;
    left: auto;
}

.slick-prev:before {
    background: url(../images/icon_slider_left.svg) no-repeat left top;
    background-size: 12px 36px;
}

.channelmap .slick-prev:before {
    background-image: url(../images/icon_slider_left--white.svg);
}

[dir='rtl'] .slick-prev:before {
    background: url(../images/icon_slider_right.svg) no-repeat left top;
    background-size: 12px 36px;
}

.channelmap [dir='rtl'] .slick-prev:before {
    background-image: url(../images/icon_slider_right--white.svg);
}


.slick-next {
    right: -30px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -30px;
}

.slick-next:before {
    background: url(../images/icon_slider_right.svg) no-repeat left top;
    background-size: 12px 36px;
}

.channelmap .slick-next:before {
    background-image: url(../images/icon_slider_right--white.svg);
}

[dir='rtl'] .slick-next:before {
    background: url(../images/icon_slider_left.svg) no-repeat left top;
    background-size: 12px 36px;
}

.channelmap [dir='rtl'] .slick-next:before{
    background-image: url(../images/icon_slider_left--white.svg);
}

/* skin - p-external-banner__slider Dots */

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -40px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
@media (max-width: 767px) {
	.slick-dots {
		bottom: -30px;
	}
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 7px;
    padding: 0;
    cursor: pointer;
}
@media (max-width: 767px) {
	.slick-dots li {
	    width: 8px;
	    height: 8px;
	    margin: 0 6px;
	}
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 12px;
    height: 12px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
@media (max-width: 767px) {
	.slick-dots li button {
		width: 8px;
		height: 8px;
	}
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    line-height: 0;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    text-align: center;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    width: 12px;
    height: 12px;
    background: #18468f;
    border-radius: 50%;
}
@media (max-width: 767px) {
	.slick-dots li button:before {
		width: 8px;
		height: 8px;
	}
}

.slick-dots li.slick-active button:before {
    opacity: 1;
}

/**
* DatePicker
*/

#ui-datepicker-div {
	width: auto;
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: -60px;
	background: #ffffff;
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.15);
	-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.15);
}
/*@media (max-width: 767px) {
	#ui-datepicker-div {
		width: auto;
	}
}*/

.ui-datepicker {
	width: 17em;
	padding: .6em .8em;
	display: none
}

.ui-datepicker-title {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #18458e;
	padding-bottom: 0.4em;
}

.p-invitation--skyperfectv .ui-datepicker-title {
	color: #00a0e9;
}

.ui-datepicker-year,
.ui-datepicker-month {
}

.ui-datepicker-next,
.ui-datepicker-prev {
	width: 6px !important;
	height: 11px !important;
	width: 0.6rem !important;
	height: 1.1rem !important;
	right: 0 !important;
	top: 45% !important;;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	background: url(../images/icon_arrow_x.svg) no-repeat left top;
	background-size: 6px 11px;
	background-size: 0.6rem 1.1rem;
	cursor: pointer;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}

.p-invitation--skyperfectv .ui-datepicker-next,
.p-invitation--skyperfectv .ui-datepicker-prev {
	background: url(../images/icon_arrow_x--skyblue.svg) no-repeat left top;
}

.ui-datepicker-next:hover,
.ui-datepicker-prev:hover {
	opacity: 0.5;
}

.ui-datepicker-prev {
	transform: translateY(-50%) scale(-1, 1);
	-ms-transform: translateY(-50% scale(-1, 1));
	-moz-transform: translateY(-50%) scale(-1, 1);
	-webkit-transform: translateY(-50%) scale(-1, 1);
	filter: FlipH;
    -ms-filter: "FlipH";
}

.ui-datepicker-next.ui-state-disabled,
.ui-datepicker-prev.ui-state-disabled {
	display: none;
}

.ui-datepicker-next span {
	display: none !important;
}

.ui-datepicker-calendar {
	border-color: #eaeaea;
	border-style: solid;
	border-width: 1px 0 0 1px;
}

.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
	text-align: center;
	padding: 0.5em;
	border-color: #eaeaea;
	border-style: solid;
	border-width: 0 1px 1px 0;
}

.ui-datepicker-calendar th {
	background: #f7f7f7;
}

.ui-datepicker-calendar td {
	color: #aaaaaa;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}

.ui-datepicker-calendar td:hover {
	background: #e7ecf3;
}

.p-invitation--skyperfectv .ui-datepicker-calendar td:hover {
	background: #e5f5fd;
}

.ui-datepicker-calendar .ui-datepicker-unselectable:hover {
	background: #ffffff;
}

.p-invitation--skyperfectv .ui-datepicker-calendar a {
	color: #00a0e9;
}

.top_bnr_box {
	width:100%;
	padding-bottom: 10px;
}

.top_bnr_box p {
    width: 75%;
    max-width: 1280px;
    min-width: 980px;
    margin: 0 auto;	
	z-index: 2;
	position: relative;
	margin-top: calc(-15px - 1.5vw) ;
}

.top_bnr_box p img {
	width:100%;
}

@media (max-width: 767px) {
	.top_bnr_box {
		padding-top: 3px;
		width:100vw;
		padding-bottom: 0;
	}

	.top_bnr_box p {
		width: 100%;
		max-width: inherit;
		min-width: inherit;
		margin: 0 auto;
	}
	.top_bnr_box p img {
		width:100%;
	}
}


.spooxlist {
	background: #000;
}

.spooxlist h3.channelmap__title a{
	margin: 2em 0 0 0; 
	color: rgba(255,243,0,1.00);
}