@charset "UTF-8";
/*/////////////////////////////////////////////////////////////////////////
TVer PLUS (202401)
/////////////////////////////////////////////////////////////////////////*/
* { margin: 0; padding: 0; box-sizing: border-box;}
html, body { height: 100%;}
html { font-size: 62.5%; line-height: 1; font-family: 'Noto Sans JP', sans-serif; -webkit-text-size-adjust: 100%;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary { display: block;}
audio,canvas,progress,video { display: inline-block;}
a,embed,object,button { outline: none;}
img { border: none; box-sizing: content-box;}
hr { display: none;}
li { list-style: none;}
a { background-color: transparent;}
iframe { border: 0;}


/*@common
/////////////////////////////////////////////////////////////////////*/
body {
	background: #fff;
	color: #000;
	line-height: 1.5;
	font-weight: 400;
	text-align: center;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
a {
	color: #000;
	text-decoration: none;
	transition: all 0.1s;
}
img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
input, button, textarea, select {
	border: none;
	border-radius: 0;
	outline: none;
	background: none;
	vertical-align: baseline;
	font-family: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
button { cursor: pointer;}
.text-center { text-align: center;}
.text-right { text-align: right;}
.text-left { text-align: left;}
.ib { display: inline-block;}
.red { color: #f00;}

#main {
	overflow: hidden;
}

body.scroll-hidden {
	overflow: hidden;
}
body::before {
	content: "";
	display: block;
	width: 100%;
	background: #fff;
}
@media screen and (min-width: 768px) {
	body { min-width: 1240px;}
	body::before { height: 182px;}
	body.d2::before { height: 167px;}
	br.sp { display: none;}
}
@media screen and (max-width: 767.98px) {
	body { min-width: 320px;}
	body::before { height: 100px;}
	br.pc { display: none;}
}


/*@header
/////////////////////////////////////////////////////////////////////*/
#globalheader {
	width: 100%;
	background: #fff;
	padding: 0 2%;
	position: absolute;
	top: 0;
	left: 0;
}
#globalheader .gh-inner {
	display: grid;
	height: 100%;
	grid-template-columns: 1fr auto 1fr;
	grid-template-rows: 105px auto;
	grid-template-areas:
		"area1 area2 area4"
		"area3 area3 area3";
	position: relative;
	z-index: 999;
}
.gh-btn { grid-area: area1;}
.gh-logo { grid-area: area2;}
.gh-nav { grid-area: area3;}
.gh-sub { grid-area: area4;}
@media screen and (min-width: 768px) {
	#globalheader {
		min-width: 1240px;
		height: 182px;
	}
	.d2 #globalheader {
		height: 167px;
	}
}
@media screen and (max-width: 767.98px) {
	#globalheader {
		height: 100px;
		z-index: 999;
	}
	.top #globalheader {
		position: fixed;
	}
	#globalheader .gh-inner {
		grid-template-columns: 60px 1fr 60px;
		grid-template-rows: 65px auto;
	}
}

/*logo*/
#globalheader .gh-logo {
	width: 140px;
	justify-self: center;
	padding-top: 24px;
}
#globalheader .gh-logo a {
	display: block;
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 767.98px) {
	#globalheader .gh-logo {
		width: 80px;
		padding-top: 13px;
	}
}

/*navOpen*/
#navOpen {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 100px;
	cursor: pointer;
	margin-top: 16px;
	position: relative;
	z-index: 10;
	transition: background 0.2s;
}
#navOpen > span {
	width: 52px;
	height: 18px;
	position: relative;
}
#navOpen > span::before,
#navOpen > span::after {
	content: "";
	width: 100%;
	height: 2px;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	transition: all 0.3s;
}
#navOpen > span::after {
	top: 100%;
}
@media screen and (max-width: 767.98px) {
	#navOpen {
		width: 50px;
		height: 50px;
		margin-top: 8px;
	}
	#navOpen > span {
		width: 28px;
		height: 8px;
	}
	#navOpen > span::before,
	#navOpen > span::after {
		height: 1px;
	}
}

/*navOpen-active*/
#navOpen.active {
	background: #3c3c3c;
}
#navOpen.active > span::before,
#navOpen.active > span::after {
	background: #fff;
}
#navOpen.active > span::before {
	transform: translateY(9px) rotate(-25deg);
}
#navOpen.active > span::after {
	transform: translateY(-9px) rotate(25deg);
}
@media screen and (max-width: 767.98px) {
	#navOpen.active > span::before {
		transform: translateY(4px) rotate(-25deg);
	}
	#navOpen.active > span::after {
		transform: translateY(-4px) rotate(25deg);
	}
}

/*headernav*/
#headernav .hn-inner,
#headernav .hn-list,
#headernav .hn-list-more {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
#headernav .hn-list-item {
	margin: 0 8px;
	position: relative;
}
#headernav .hn-list-item::after {
	content: "";
	display: block;
	width: 1px;
	height: 50%;
	background: #888;
	position: absolute;
	top: 50%;
	right: -8px;
	transform: translateY(-50%);
	margin-top: 1px;
}
#headernav .hn-link {
	display: block;
	font-size: 18px;
	font-weight: 700;
	color: #222;
	white-space: nowrap;
	border-radius: 12px;
	padding: 10px 15px;
}
@media screen and (min-width: 768px) {
	#headernav .hn-list-item {
		margin: 0 10px;
	}
	#headernav .hn-list-item::after {
		right: -10px;
	}
	#headernav .hn-list.fixed .hn-list-item:last-child {
		margin-right: 5px;
	}
	#headernav .hn-list.fixed .hn-list-item:last-child::after,
	#headernav .hn-list.hide .hn-list-item::after {
		display: none;
	}
}
@media screen and (max-width: 767.98px) {
	#headernav {
		width: 104%;
		height: 38px;
		padding-bottom: 0;
		margin-top: -3px;
		margin-left: -2%;
		overflow: hidden;
	}
	#headernav .hn-inner,
	#headernav .hn-list,
	#headernav .hn-list-more {
		justify-content: flex-start;
	}
	#headernav .hn-inner {
		overflow: auto;
		padding-bottom: 20px;
	}
	#headernav .hn-list.hide .hn-list-item:last-child::after {
		display: none;
	}
	#headernav .hn-link {
		font-size: 13px;
		border-radius: 8px;
		padding: 5px;
	}
	#headernav .hn-list-open {
		display: none;
	}
	.sp #headernav .hn-link.hover {
		opacity: 0.5;
	}
}

/*headernav-more*/
@media screen and (min-width: 768px) {
	#headernav .hn-list-open {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50px;
		height: 40px;
		border-radius: 12px;
		cursor: pointer;
		transition: all 0.1s;
	}
	#headernav .hn-list-open::after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border: 7px transparent solid;
		border-top-color: #000;
		border-width: 12px 7px 0 7px;
		margin-top: 1px;
	}
	/*hide*/
	#headernav .hn-list.hide {
		flex-direction: column;
		background: #fff;
		border: 2px solid #000;
		border-radius: 16px;
		min-width: 250px;
		box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.2);
		position: absolute;
		top: 38px;
		left: -30px;
		z-index: 990;
		overflow: hidden;
		opacity: 0;
		visibility: hidden;
		transform: translateY(-5px);
		transition: all 0.2s;
	}
	#headernav .hn-list.hide .hn-list-item {
		width: 100%;
		margin: 0;
	}
	#headernav .hn-list.hide .hn-list-item:not(:last-child) {
		border-bottom: 1px dashed #000;
	}
	#headernav .hn-list.hide .hn-link {
		font-size: 16px;
		text-align: left;
		border-radius: 0;
		padding: 10px 20px;
	}
	/*hover*/
	#headernav .hn-list-more:hover .hn-list.hide {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}
	#headernav .hn-list-more:hover .hn-list-open {
		background: #f8f8f8;
	}
	#headernav .hn-link:hover {
		background: #f8f8f8;
	}
}


/*header-search*/
.gh-search {
	display: flex;
	width: 100%;
	justify-content: flex-end;
	margin-top: 52px;
	position: relative;
}
.gh-search-area {
	width: 100%;
	max-width: 500px;
	height: 50px;
	background: #fff;
	padding-left: 30px;
	position: absolute;
	top: -10px;
	right: 0;
	z-index: 10;
	transition: background 0.2s;
	display: none;
}
.gh-search-inner {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}
.gh-search-inner input[type="text"] {
	width: 100%;
	height: 42px;
	font-size: 18px;
	line-height: 1.5;
	color: inherit;
	background: #fff;
	border-radius: 50px 0 0 50px;
	border: 1px solid #000;
	border-right: 0;
	padding: 5px 0 5px 1em;
}
.gh-search button {
	width: 60px;
	height: 42px;
	background: #fff url(../img/icon_search.svg) no-repeat center right 20px;
	background-size: auto 18px;
	border-radius: 0 50px 50px 0;
	border: 1px solid #000;
	border-left: 0;
	flex-shrink: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.2);
	cursor: pointer;
}
.gh-search button span {
	display: none;
}
.gh-search input[type="text"]::placeholder {
	font-size: 16px;
	color: #636363;
	letter-spacing: 0.03em;
	position: relative;
	top: -1px;
}
@media screen and (max-width: 767.98px) {
	.gh-search {
		margin-top: 22px;
		position: static;
	}
	.gh-search-area {
		width: 100%;
		max-width: 100%;
		height: 65px;
		padding: 0 5px 0 4%;
		top: 0;
	}
	.gh-search-inner input[type="text"] {
		height: 36px;
		font-size: 16px;
		padding: 4px 0 1px 1em;
	}
	.gh-search button {
		width: 50px;
		height: 36px;
		background-size: auto 16px;
		background-position: center right 15px;
	}
	.gh-search input[type="text"]::placeholder {
		font-size: 14px;
		letter-spacing: 0;
		top: -2px;
	}
}

/*header-search--open*/
#gh-searchOpen {
	width: 100px;
	height: 30px;
	background: #fff;
	border-radius: 50px;
	border: 1px solid #000;
	position: relative;
	cursor: pointer;
}
#gh-searchOpen::before {
	content: "";
	display: block;
	width: 35px;
	height: 100%;
	background: url(../img/icon_search.svg) no-repeat center center;
	background-size: auto 18px;
	position: absolute;
	top: 0;
	right: 2px;
}
@media screen and (max-width: 767.98px) {
	#gh-searchOpen {
		width: 60px;
		height: 24px;
	}
	#gh-searchOpen::before {
		width: 30px;
		background-size: auto 14px;
		right: -1px;
	}
}

/*header-search--close*/
#gh-searchClose {
	width: 50px;
	height: 40px;
	position: relative;
	cursor: pointer;
}
#gh-searchClose::before,
#gh-searchClose::after {
	content: "";
	display: block;
	width: 22px;
	height: 2px;
	background: #000;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: rotate(-45deg);
}
#gh-searchClose::after {
	transform: rotate(45deg);
}
.pc #gh-searchClose:hover {
	opacity: 0.7;
}
@media screen and (max-width: 767.98px) {
	#gh-searchClose {
		width: 45px;
		height: 30px;
	}
	#gh-searchClose::before,
	#gh-searchClose::after {
		width: 18px;
		left: 9px;
	}
}

/*header-search--suggestbox*/
.suggestbox {
	min-width: 200px;
	max-width: 280px;
	background: #fff;
	border-radius: 10px;
	border: 1px solid #000;
	overflow: hidden;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 50px;
	left: 40px;
	z-index: 1000;
	display: none;
}
.suggest-item {
	border-bottom: 1px solid #c0c0c0;
}
.suggest-item:last-child {
	border-bottom: none;
}
.suggest-link {
	display: block;
	width: 100%;
	font-size: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 7px 18px 7px 34px;
	position: relative;
}
.suggest-link::before {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	background: url(../img/icon_search.svg) no-repeat;
	background-size: contain;
	position: absolute;
	top: calc(50% - 7px);
	left: 10px;
	opacity: 0.2;
}
/*hover*/
.pc .suggest-link:hover {
	background: #f8f8f8;
}
@media screen and (max-width: 767.98px) {
	.suggestbox {
		top: 55px;
		left: 20px;
	}
}


/*@nav
/////////////////////////////////////////////////////////////////////*/
#globalnav {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 998;
	font-size: 19px;
	color: #fff;
	letter-spacing: 0.05em;
	text-align: left;
	background: #3c3c3c;
	padding-top: 125px;
	display: none;
}
#globalnav .gn-outer {
	height: 100%;
	overflow-y: auto;
	padding: 0 3% 60px;
}
#globalnav .gn-link {
	display: block;
	font-weight: 700;
	color: #fff;
	padding: 7px 0;
	position: relative;
}
#globalnav .gn-sub-title {
	font-weight: 700;
	padding-bottom: 10px;
}
#globalnav .gn-sub-list {
	font-size: 15px;
	font-weight: 400;
}
#globalnav .gn-sub-link {
	display: block;
	color: #fff;
	padding: 5px 0 5px 2px;
}
/*hover*/
.pc #globalnav a:hover,
.sp #globalnav a.hover {
	opacity: 0.5;
}
@media screen and (min-width: 768px) {
	#globalnav .gn-inner {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		column-gap: 20px;
		max-width: 1100px;
		border-top: 1px solid #636363;
		border-bottom: 1px solid #636363;
		padding: 60px 20px 75px;
		margin: 0 auto;
	}
	#globalnav .gn-list {
		margin-bottom: 40px;
		position: relative;
	}
	#globalnav .gn-list:last-of-type {
		margin-bottom: 0;
	}
	#globalnav .gn-list.othersite::before {
		content: "";
		display: block;
		width: calc(100% + 40px);
		height: calc(100% + 30px);
		background: #454545;
		border-radius: 10px;
		position: absolute;
		top: -15px;
		left: -20px;
		z-index: -1;
	}
}
@media screen and (max-width: 767.98px) {
	#globalnav {
		padding-top: 65px;
		font-size: 14px;
	}
	#globalnav .gn-outer {
		padding: 0 7% 80px;
	}
	#globalnav .gn-list-item {
		border-bottom: 1px solid #636363;
	}
	#globalnav .gn-link {
		min-height: 37px;
		padding: 8px 0.5em;
	}
	#globalnav .gn-sub-title {
		padding: 12px 0.5em 3px;
	}
	#globalnav .gn-sub-list {
		font-size: 14px;
		padding: 0 0 12px 3em;
	}
	#globalnav .gn-sub-link {
		padding: 3px 0;
	}
}

/*snsbtn*/
#globalnav .snsbtn {
	display: flex;
	justify-content: center;
	padding: 30px 0;
}
#globalnav .snsbtn-item {
	margin-right: 12px;
}
#globalnav .snsbtn-item:last-child {
	margin-right: 0;
}
#globalnav .snsbtn-link {
	display: block;
	width: 42px;
	height: 42px;
	background: #fff no-repeat center;
	background-size: 24px auto;
	border-radius: 50%;
}
#globalnav .snsbtn-link.tw {
	background-image: url(/assets/img/icon_x_b.svg);
}
#globalnav .snsbtn-link.fb {
	background-image: url(/assets/img/icon_fb_b.svg);
}
#globalnav .snsbtn-link.rss {
	background-image: url(/assets/img/icon_rss.svg);
}
#globalnav .snsbtn-link span {
	display: none;
}
@media screen and (max-width: 767.98px) {
	#globalnav .snsbtn {
		padding-bottom: 0;
	}
	#globalnav .snsbtn-link {
		width: 38px;
		height: 38px;
		background-size: 20px auto;
	}
	#globalnav .gn-list.othersite {
		width: 100vw;
		background: #454545;
		padding: 5px calc(7% + 0.5em);
		margin: 25px calc(50% - 50vw) 0;
	}
	#globalnav .gn-list.othersite .gn-list-item {
		border-bottom: none;
	}
}


/*active*/
#globalheader.active {
	width: 100%;
	height: 125px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}
#globalheader.active .gh-logo a {
	background: url(../img/logo_tverplus_white.svg) no-repeat;
	background-size: contain;
}
#globalheader.active .gh-logo img {
	display: none;
}
#globalheader.active .gh-search-area {
	background: #3c3c3c;
}
#globalheader.active #gh-searchClose::before,
#globalheader.active #gh-searchClose::after {
	background: #fff;
}
#globalheader.active #gh-searchOpen,
#globalheader.active .gh-search-inner input[type="text"],
#globalheader.active .gh-search-inner button {
	border-color: #3c3c3c;
}
#globalheader.active #headernav {
	display: none;
}

/*fixed*/
#globalheader.fixed:not(.active) {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	box-shadow: 0 0 10px -5px rgba(0,0,0,0.5);
}
@media screen and (min-width: 768px) {
	#globalheader.fixed:not(.active) {
		min-width: 1240px;
		height: 70px;
		animation: nav_slideIn .5s ease .2s both;
	}
	#globalheader.fixed:not(.active) .gh-inner {
		grid-template-columns: auto auto auto 1fr;
		grid-template-rows: 1fr;
		grid-template-areas: "area1 area2 area3 area4";
		align-items: center;
	}
	#globalheader.fixed:not(.active) .gh-logo {
		width: 80px;
		padding-top: 0;
	}
	#globalheader.fixed:not(.active) .gh-btn {
		width: 100px;
		margin-right: 25px;
	}
	#globalheader.fixed:not(.active) #navOpen {
		height: 100%;
		margin-top: 0;
		position: absolute;
		top: 0;
		left: 0;
	}
	#globalheader.fixed:not(.active) .gh-search {
		margin-top: 0;
	}
	#globalheader.fixed:not(.active) .gh-nav {
		padding-top: 3px;
	}
	#globalheader.fixed:not(.active) #headernav .hn-link {
		font-size: 16px;
	}
	#globalheader.fixed:not(.active) #headernav .hn-list.fixed .hn-link {
		padding-left: 12px;
		padding-right: 12px;
	}
}
@media screen and (max-width: 767.98px) {
	#globalheader {
		position: fixed;
		transition: height .35s;
	}
	#headernav {
		transition: transform .35s, opacity .1s;
	}
	#globalheader.fixed {
		height: 65px;
	}
	#globalheader.fixed #headernav {
		transform: translateY(-40px);
		opacity: 0;
		visibility: hidden;
	}
}

@keyframes nav_slideIn {
	0% { transform: translateY(-100%);}
	100% { transform: translateY(0);}
}
@keyframes nav_slideUp {
	0% { transform: translateY(0);}
	100% { transform: translateY(-100%);}
}



/*@footer
/////////////////////////////////////////////////////////////////////*/
#globalfooter {
	border-top: 1px solid #000;
	position: relative;
}
#globalfooter .gf-logo {
	background: #fff;
	padding: 50px 2% 50px;
}
#globalfooter .gf-logo-link {
	display: block;
	width: 150px;
	margin: 0 auto;
}
#globalfooter .gf-inner {
	background: #3c3c3c;
	padding: 45px 2% 40px;
}
#globalfooter .gf-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	margin-bottom: 40px;
}
#globalfooter .gf-links-text {
	display: block;
	font-size: 15px;
	font-weight: 500;
	color: #fff;
	letter-spacing: 0.065em;
	padding: 15px;
}
#globalfooter .gf-copyright {
	font-size: 12px;
	color: #b0b0b0;
}
#globalfooter .webpush .gf-links-text {
	color: #00b4dc;
	padding-left: 45px;
	background: url(../img/icon_webpush.png) no-repeat left center;
	background-size: 35px auto;
}
#globalfooter .webpush .gf-links-text span {
	border-bottom: 1px solid #00b4dc;
	padding-bottom: 2px;
}
/*hover*/
.pc #globalfooter .gf-links-text:hover {
	opacity: 0.7;
}
@media screen and (max-width: 767.98px) {
	#globalfooter .gf-logo {
		padding: 25px 2%;
	}
	#globalfooter .gf-logo-link {
		width: 90px;
	}
	#globalfooter .gf-inner {
		padding: 30px 2% 40px;
	}
	#globalfooter .gf-links {
		margin-bottom: 25px;
	}
	#globalfooter .gf-links-text {
		font-size: 12px;
		padding: 5px 10px;
	}
	#globalfooter .gf-copyright {
		font-size: 0.9rem;
	}
	#globalfooter .webpush {
		width: 100%;
		margin-bottom: 10px;
	}
	#globalfooter .webpush .gf-links-text {
		display: inline-block;
		padding-left: 26px;
		background-size: 20px auto;
	}
	#globalfooter .webpush .gf-links-text span {
		border-bottom: none;
		padding-bottom: 0;
	}
}

#ptop {
	position: fixed;
	bottom: 35px;
	right: 2%;
	z-index: 998;
}
.ptop-link {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 70px;
	height: 60px;
	background: #000;
	border-radius: 16px;
	position: absolute;
	bottom: 0;
	right: 5px;
	transition: all 0.5s;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
}
.ptop-link::before {
	content: "";
	display: block;
	width: 15px;
	height: 25px;
	background: url(../img/arrow_white.svg) no-repeat;
	background-size: contain;
	transform: rotate(-90deg);
}
.ptop-text {
	display: none;
}
#ptop.end {
	position: relative;
}
#ptop.end .ptop-link {
	bottom: -165px;
}
/*hover*/
.pc .ptop-link:hover,
.sp .ptop-link.hover {
	background: #00b4dc;
}
@media screen and (max-width: 767.98px) {
	#ptop {
		bottom: 22px;
	}
	.ptop-link {
		width: 50px;
		height: 42px;
	}
	.ptop-link::before {
		width: 10px;
		height: 17px;
	}
	#ptop.end .ptop-link {
		bottom: -105px;
	}
}


/*@parts
/////////////////////////////////////////////////////////////////////*/
/*hoverline*/
.hoverline {
	border-bottom: 1px solid #000;
	background: linear-gradient(#000, #000) 0 100%/0 1px no-repeat;
	transition: background 0.4s;
	text-decoration: none;
	line-height: 1.75;
	padding-bottom: 1px;
}
.pc .hoverline:hover,
.sp .hoverline.hover {
	background-size: 100% 1px;
}

/*icon*/
.icon-pr {
	display: inline-flex;
	align-items: center;
	font-size: 12px;
	font-weight: 500;
	color: #fff;
	line-height: 18px;
	background: #9e9e9e;
	border-radius: 50px;
	padding: 0 10px;
	margin-right: 5px;
	position: relative;
}
.icon-realtime {
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
	font-size: 12px;
	font-weight: 400;
	line-height: 22px;
	background: #eaff00;
	border-radius: 50px;
	padding: 0 10px;
	white-space: nowrap;
	position: relative;
}
@media screen and (max-width: 767.98px) {
	.icon-pr {
		font-size: 0.85rem;
		line-height: 13px;
		padding: 0 7px;
	}
	.icon-realtime {
		font-size: 0.9rem;
		line-height: 17px;
		padding: 0 7px;
	}
}

/*btn-more*/
.btn-more {
	width: 90%;
	padding-top: 10px;
	margin: 0 auto;
}
.btn-more-link {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 32px;
	letter-spacing: 0.05em;
	font-size: 15px;
	font-weight: 500;
	color: #fff;
	background: #3c3c3c;
	border-radius: 50px;
	padding-bottom: 1px;
}
/*large*/
.btn-more.large {
	max-width: 640px;
	padding-top: 0;
	margin-bottom: 60px;
}
.btn-more.large .btn-more-link {
	font-size: 18px;
	line-height: 49px;
}
/*close*/
.btn-more.close .btn-more-link {
	background: #b0b0b0;
}
/*hover*/
.pc .btn-more:not(.close) .btn-more-link:hover,
.sp .btn-more:not(.close) .btn-more-link.hover {
	background-color: #00b4dc;
}
.pc .btn-more.close .btn-more-link:hover,
.sp .btn-more.close .btn-more-link.hover {
	opacity: 0.7;
}
@media screen and (max-width: 767.98px) {
	.btn-more {
		width: 80%;
	}
	.btn-more-link {
		font-size: 13px;
		line-height: 33px;
	}
	.btn-more.large {
		margin-bottom: 35px;
	}
	.btn-more.large .btn-more-link {
		font-size: 15px;
		line-height: 39px;
	}
	.list .btn-more.large {
		margin: 30px auto;
	}
	.list .btn-more.large .btn-more-link {
		font-size: 14px;
	}
}

/*load-more*/
.load-more-link {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 200px;
	min-height: 36px;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	background: #3c3c3c url(../img/arrow_white.svg) no-repeat center right 20px;
	background-size: auto 14px;
	border-radius: 50px;
	letter-spacing: 0.05em;
	padding: 5px 30px 6px;
}
/*hover*/
.pc .load-more-link:hover,
.sp .load-more-link.hover {
	background-color: #00b4dc;
}
@media screen and (max-width: 767.98px) {
	.load-more-link {
		min-width: 85px;
		min-height: 25px;
		font-size: 11px;
		line-height: 1;
		background-position: center right 7px;
		background-size: auto 8px;
		border-radius: 50px 0 0 50px;
		padding: 0 15px;
	}
}

/*tag*/
.tag-list {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
.tag-item {
	max-width: 100%;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
	text-align: center;
	line-height: 1.5;
	border-radius: 50px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.tag-genre-link {
	font-size: 12px;
	background: #fff;
	border: 1px solid #000;
	padding: 1px 10px 2px;
	margin: 3px 5px 10px 0;
	position: relative;
	z-index: 10;
}
.tag-genre-link.category {
	flex-shrink: 0;
}
.tag-word-link {
	font-size: 16px;
	background: #e6e6e6;
	padding: 1px 15px 3px;
	margin: 0 5px 8px 0;
}
.article-list .tag-list,
.article-card .tag-list {
	height: 29px;
	flex-wrap: nowrap;
	overflow: hidden;
}
/*hover*/
.pc .tag-genre-link:hover,
.sp .tag-genre-link.hover {
	background: #f4f4f4;
}
.pc .tag-word-link:hover,
.sp .tag-word-link.hover {
	background: #3c3c3c;
	color: #fff;
}
@media screen and (max-width: 767.98px) {
	.tag-item {
		letter-spacing: 0.03em;
	}
	.tag-genre-link {
		min-width: 40px;
		font-size: 0.9rem;
		line-height: 17px;
		padding: 0 6px;
		margin-right: 3px;
	}
	.tag-word-link {
		font-size: 12px;
		padding: 2px 10px;
	}
	.article-list .tag-list,
	.article-card .tag-list {
		height: 25px;
	}
}

/*share*/
.share-btn {
	display: flex;
	align-items: center;
	z-index: 998;
}
.share-btn-link {
	display: block;
	width: 45px;
	height: 45px;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 50%;
	cursor: pointer;
}
.share-btn-link.tw { background-image: url(../img/icon_sns_x.svg);}
.share-btn-link.fb { background-image: url(../img/icon_sns_fb.svg);}
.share-btn-link.line { background-image: url(../img/icon_sns_line.svg);}
.share-btn-link.hb { background-image: url(../img/icon_sns_hb.svg);}
.share-btn-link span {
	display: none;
}
/*hover*/
.pc .share-btn-link:hover {
	opacity: 0.8;
}
@media screen and (min-width: 768px) {
	.share-btn {
		flex-direction: column;
		position: absolute;
		margin: 80px 0 50px -80px;
	}
	.share-btn-item {
		margin-bottom: 8px;
	}
	.share-btn.fixed {
		position: fixed;
		top: 160px;
		margin-top: 0;
	}
	.share-btn.off {
		position: absolute;
		bottom: 0;
	}
}
@media screen and (max-width: 767.98px) {
	.share-btn {
		width: calc(100% - 65px);
		justify-content: center;
		position: fixed;
		bottom: 23px;
		left: 0;
		opacity: 0;
		transition: all 0.3s;
	}
	.share-btn-item {
		margin: 0 7px;
	}
	.share-btn-link {
		width: 40px;
		height: 40px;
	}
	.share-btn.on {
		opacity: 1;
	}
	.share-btn.off {
		opacity: 0;
	}
}

/*AD*/
@media screen and (min-width: 768px) {
	.ad-section.pc {
		background: #f6f6f6;
		height: 120px;
		padding: 15px 0;
		/* margin-top: -15px; */
		position: relative;
	}
	.ad-section.sp {
		display: none;
	}
}
@media screen and (max-width: 767.98px) {
	.ad-section.pc {
		display: none;
	}
	.ad-section.sp {
		background: #f6f6f6;
		height: 70px;
		padding: 10px 0;
		position: relative;
	}
	.content-main .ad-section.sp {
		height: 250px;
		background: none;
		padding: 0;
		margin-bottom: 20px;
	}
	.article .content-main .ad-section.sp {
		margin-bottom: 35px;
	}
	.article .content-main .related-words + .ad-section.sp {
		margin-bottom: 30px;
	}
	.webpush .content-main .ad-section.sp,
	.list .content-main .ad-section.sp:last-of-type {
		margin-bottom: 30px;
	}
}


/*@contents
/////////////////////////////////////////////////////////////////////*/
#content-outer {
	display: flex;
	max-width: 1500px;
	text-align: left;
	margin: 0 auto;
	position: relative;
}
@media screen and (min-width: 768px) {
	.content-main {
		flex: 1;
	}
	.content-inner {
		padding: 0 35px 20px;
		margin: 0 auto;
	}
	.d2.list .content-inner {
		padding-bottom: 50px;
	}
	.article-main {
		max-width: 1040px;
		padding: 0 50px;
		margin: 0 auto;
		position: relative;
	}
}
@media screen and (max-width: 767.98px) {
	#content-outer {
		flex-direction: column;
	}
}

/*content-header*/
.content-header {
	min-height: 120px;
	padding: 40px 0;
	margin-bottom: 30px;
	position: relative;
}
.content-header.empty {
	height: 50px;
	min-height: 0;
	padding: 0;
	margin-bottom: 50px;
}
.content-header::before {
	content: "";
	display: block;
	width: 200vw;
	height: 100%;
	background: #b6e2ec;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	margin-left: calc(((100% + 335px) / 2) - 50vw);
}
.content-header-title {
	max-width: 950px;
	font-size: 30px;
	font-feature-settings: "palt";
	letter-spacing: 0.08em;
	margin: 0 auto;
}
.content-header-title span {
	display: inline-block;
}
.content-header-title .normal {
	font-weight: 400;
}
.content-header-title .small {
	font-size: 26px;
}
@media screen and (max-width: 1500px) {
	.content-header::before {
		margin-left: -10vw;
	}
}
@media screen and (max-width: 767.98px) {
	.content-header {
		min-height: 62px;
		padding: 20px 0;
		margin-bottom: 20px;
	}
	.content-header.empty {
		height: 20px;
		min-height: 0;
		padding: 0;
		margin-bottom: 30px;
	}
	.content-header::before {
		width: calc(100vw + 50%);
		margin-left: 0;
	}
	.content-header-title {
		font-size: 18px;
		text-align: center;
	}
	.content-header-title .small {
		font-size: 15px;
	}
}

/*section-block*/
.section-block {
	border-top: 1px solid #000;
	padding: 45px 3% 60px;
}
.top-section .section-block:nth-child(even) {
	background: #f8f8f8;
}
.section-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 25px;
}
.section-title {
	font-size: 28px;
	font-weight: 500;
}
.section-title.title-en {
	font-size: 32px;
	font-weight: 700;
}
@media screen and (max-width: 767.98px) {
	.section-block {
		padding: 20px 5%;
	}
	.section-header {
		width: 100vw;
		margin: 0 calc(50% - 50vw) 15px;
		padding-left: 5%;
	}
	.section-title {
		font-size: 17px;
		font-weight: 700;
	}
	.section-title.title-en {
		font-size: 19px;
	}
}

/*new-arrivals*/
.section-block.new-arrivals {
	border-top: none;
}

/*topics*/
.section-block.topics {
	background: #b6e2ec;
	border-top: none;
	padding-top: 15px;
	padding-bottom: 20px;
	position: relative;
}
.section-block.topics + .section-block {
	border-top: none;
}
.section-block.topics .section-header {
	margin-bottom: 0;
	transform: translateY(-40px);
}
.section-block.topics .section-title {
	padding-left: 12px;
	position: relative;
}
.section-block.topics .section-title::before {
	content: "";
	display: block;
	width: 1px;
	height: 90%;
	background: #000;
	position: absolute;
	top: 10%;
	left: 0;
}
@media screen and (max-width: 767.98px) {
	.section-block.topics {
		padding-top: 0;
		padding-bottom: 25px;
		margin-top: 20px;
	}
	.section-block.topics .section-header {
		margin-bottom: 0;
		transform: translateY(-15px);
	}
}

/*pickup*/
.d2 .section-block.pickup {
	background: #b6e2ec;
	border-top: none;
	padding-top: 5px;
	padding-bottom: 40px;
	position: relative;
}
.d2 .section-block.pickup::before {
	content: "";
	display: block;
	width: 100vw;
	height: 100%;
	background: #b6e2ec;
	position: absolute;
	top: 0;
	right: 90px;
	z-index: -1;
	margin-left: calc(((100% - 335px) / 2) - 50vw);
}
.d2 .section-block.pickup .section-header {
	margin-bottom: 0;
	transform: translateY(-30px);
}
.d2 .section-block.pickup .section-title {
	padding-left: 12px;
	position: relative;
}
.d2 .section-block.pickup .section-title::before {
	content: "";
	display: block;
	width: 1px;
	height: 90%;
	background: #000;
	position: absolute;
	top: 10%;
	left: 0;
}
.top .section-block.pickup .section-header {
	margin-bottom: 15px;
}
.section-block.pickup + .section-block {
	border-top: none;
}
.pickup-item {
	max-width: 850px;
	margin: 0 auto 25px;
	position: relative;
}
.pickup-item:last-of-type {
	margin-bottom: 0;
}
.pickup-item img {
	width: 100%;
}
.pickup-detail {
	font-size: 16px;
	font-weight: 500;
	margin-top: 12px;
}
.pickup-detail a::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.pickup-pic {
	position: relative;
}
.pickup-pic::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 0.1s;
}
.pc .pickup-item:hover .pickup-pic::before {
	opacity: 0.2;
}
@media screen and (max-width: 767.98px) {
	.d2 .section-block.pickup {
		width: 100vw;
		margin: 20px calc(50% - 50vw) 0;
		padding-top: 5px;
		padding-bottom: 20px;
		margin-top: 45px;
	}
	.d2 .section-block.pickup::before {
		display: none;
	}
	.d2 .section-block.pickup .section-header {
		transform: translateY(-20px);
	}
	.d2 .section-block.pickup .section-title {
		padding-left: 8px;
	}
	.top .section-block.pickup {
		padding-bottom: 25px;
	}
	.top .section-block.pickup .section-header {
		margin-bottom: 10px;
	}
	.pickup-detail {
		font-size: 11px;
		font-weight: 400;
		margin-top: 7px;
	}
	.pickup-item {
		margin-bottom: 20px;
	}
}

/*banner-list*/
.banner-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
}
.banner-list-item {
	width: 270px;
	margin: 0 20px 20px 0;
}
.banner-list-item img {
	width: 100%;
}
.banner-list-item a {
	display: block;
}
.banner-main-item {
	margin-bottom: 20px;
}
.banner-main-item a {
	display: inline-flex;
	align-items: center;
}
.banner-main-pic {
	width: 350px;
}
.banner-main-description {
	font-size: 14px;
	margin-left: 20px;
}
/*hover*/
.pc .banner-list-item a:hover,
.sp .banner-list-item a.hover,
.pc .banner-main-item a:hover,
.sp .banner-main-item a.hover {
	opacity: 0.7;
}
@media screen and (max-width: 767.98px) {
	.banner-list {
		width: 100%;
		max-width: 450px;
		padding-bottom: 5px;
	}
	.banner-list-item {
		width: 47%;
		margin: 0 1.5% 3%;
	}
	.banner-main-item {
		width: 80%;
		max-width: 400px;
		margin: 10px auto 20px;
	}
	.banner-main-item a {
		flex-direction: column;
	}
	.banner-main-pic {
		width: 100%;
	}
	.banner-main-description {
		font-size: 11px;
		margin: 5px 0 0;
	}
	.banner-main-description br {
		display: none;
	}
}

/*media-partners*/
.media-partners .banner-list-item {
	background: #fff;
	border: 1px solid #d5d5d5;
}
@media screen and (max-width: 767.98px) {
	.media-partners .section-header {
		justify-content: center;
	}
}

/*article-list*/
.article-list-item {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #c0c0c0;
	padding: 25px 0;
	position: relative;
	/* overflow: hidden; */
}
@media screen and (max-width: 767.98px) {
	.article-list-item {
		align-items: flex-start;
		padding: 12px 0;
	}
	.article-list-item:last-child {
		margin-bottom: 0;
	}
}

.article-list-pic {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 220px;
	height: 124px;
	overflow: hidden;
}
.article-list-pic img {
	width: 100%;
}
@media screen and (max-width: 767.98px) {
	.article-list-pic {
		width: 110px;
		height: 62px;
	}
}

.article-list-detail {
	width: calc(100% - 220px);
	padding-left: 20px;
}
.article-list-title {
	font-size: 19px;
	font-weight: 500;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: calc(1.5em * 2);
	overflow: hidden;
	margin-bottom: 8px;
}
.article-list-title a::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 7;
}
.article-list-title a::after {
	content: "";
	display: block;
	width: 220px;
	height: 124px;
	background: #fff;
	position: absolute;
	top: calc(50% - 62px);
	left: 0;
	opacity: 0;
	z-index: 5;
	transition: opacity 0.2s;
}
.article-list-title .icon-pr {
	top: -2px;
}
@media screen and (max-width: 767.98px) {
	.article-list-detail {
		width: calc(100% - 110px);
		padding-left: 12px;
		margin-top: -3px;
	}
	.article-list-title {
		font-size: 13px;
		margin-bottom: 2px;
	}
	.article-list-title a::after {
		width: 110px;
		height: 62px;
		top: 12px;
	}
	.article-list-title .icon-pr {
		top: -1px;
	}
}

/*meta*/
.article-list-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
	margin-bottom: 8px;
}
.article-meta-item {
	font-size: 12px;
	white-space: nowrap;
	line-height: 22px;
	border-radius: 50px;
	padding: 0 10px;
	margin: 0 3px 3px 0;
}
.article-meta-date {
	background: #b6e2ec;
	margin-right: 3px;
}
.article-meta-realtime {
	background: #eaff00;
}
.article-meta-tv {
	background: #eee;
}
.article-meta-text {
	font-size: 14px;
	padding: 2px 0;
	margin: 0 10px 2px 0;
}
.article-meta-program {
	width: 100%;
	font-size: 14px;
	line-height: 1.4;
	white-space: normal;
	padding-left: 0;
	margin-bottom: 10px;
}
@media screen and (max-width: 767.98px) {
	.article-list-meta {
		letter-spacing: 0;
		margin-bottom: 0;
	}
	.article-meta-item {
		font-size: 0.9rem;
		line-height: 17px;
		padding: 0 7px;
	}
	.article-meta-text {
		font-size: 10px;
		padding: 0;
		margin: 0 10px 2px 0;
	}
	.article-meta-program {
		width: 100%;
		font-size: 11px;
		line-height: 1.2;
		padding-left: 0;
		margin-bottom: 7px;
	}
}

/*video*/
.article-list-item.video-have::before {
	content: "";
	display: block;
	width: 42px;
	height: 42px;
	background: url(../img/icon_play.svg) no-repeat;
	background-size: contain;
	position: absolute;
	top: 120px;
	left: 5px;
	z-index: 6;
}
@media screen and (max-width: 767.98px) {
	.article-list-item.video-have::before {
		width: 22px;
		height: 22px;
		top: 60px;
		left: 3px;
	}
}

/*hover*/
.pc .article-list-title:hover,
.pc .article-list-title a:hover {
	color: #636363;
}
.pc .article-list-title a:hover::after,
.sp .article-list-title a.hover::after {
	opacity: 0.25;
}
@media screen and (min-width: 768px) {
	.d2 .article-list.normal .article-list-item:first-child {
		padding-top: 0;
	}
	.d2 .article-list.normal .article-list-item:first-child::before {
		top: 2px;
	}
	.d2 .article-list.normal .article-list-item:first-child .article-list-title a::after {
		top: 2px;
	}
}

/*normal*/
@media screen and (max-width: 767.98px) {
	.article-list.normal .article-list-item {
		border-bottom: none;
		padding: 0;
		margin-bottom: 15px;
	}
	.article-list.normal .article-list-item:last-child {
		margin-bottom: 0;
	}
	.article-list.normal .article-list-title a::after {
		top: 0;
	}
	.article-list.normal .article-list-item.video-have::before {
		top: 47px;
	}
}

/*article-card*/
.article-card {
	display: flex;
}
.article-card-item {
	position: relative;
}
.article-card-inner {
	background: #fff;
	border: 1px solid #000;
	border-radius: 16px;
	padding: 5%;
	position: relative;
	overflow: hidden;
}
.article-card-pic {
	width: 100%;
	height: 0;
	padding-top: calc(9 / 16 * 100%);
	overflow: hidden;
	position: relative;
}
.article-card-pic img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.article-card-detail {
	padding-top: 13px;
}
.article-card-title {
	font-size: 16px;
	margin: 5px 0 12px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: calc(1.5em * 2);
	overflow: hidden;
}
.article-card-title a::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 7;
}
.article-card-title a::after {
	content: "";
	display: block;
	width: 90%;
	height: 0;
	padding-top: calc(9 / 16 * 90%);
	background: #fff;
	position: absolute;
	top: 5%;
	left: 5%;
	z-index: 5;
	opacity: 0;
	transition: opacity 0.2s;
}
/*video*/
.article-card-item.video-have .article-card-inner::before {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	padding-top: calc((9 / 16 * 100%) + 8px);
	background: url(../img/icon_play.svg) no-repeat left 22px bottom;
	background-size: 38px auto;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 6;
}
/*hover*/
.pc .article-card-title a:hover::after,
.sp .article-card-title a.hover::after {
	opacity: 0.25;
}
@media screen and (min-width: 768px) {
	.article-card-item {
		width: calc((100% - 2.6%) / 3);
		margin-right: 1.3%;
	}
	.article-card-item:nth-child(3) {
		margin-right: 0;
	}
	.article-card-item:nth-child(n + 4) {
		display: none;
	}
}
@media screen and (max-width: 767.98px) {
	.scroll-outer {
		width: 100vw;
		margin: 0 calc(50% - 50vw);
		overflow: hidden;
	}
	.scroll-inner {
		margin-bottom: -35px;
	}
	.article-card {
		justify-content: flex-start;
		overflow-x: auto;
		padding: 0 0 40px 5%;
	}
	.article-card-item {
		width: 245px;
		flex: 0 0 auto;
		padding-right: 10px;
	}
	.article-card-inner {
		padding: 12px;
	}
	.article-card-detail {
		padding-top: 8.5px;
	}
	.article-card-title {
		font-size: 12px;
		margin: 5px 0;
	}
	.article-card-title a::after {
		width: 209px;
		height: 118px;
		padding-top: 0;
		top: 12px;
		left: 12px;
	}
	.article-card-item.video-have .article-card-inner::before {
		content: "";
		display: block;
		width: 30px;
		height: 30px;
		padding-top: 0;
		background-position: center;
		background-size: contain;
		top: 108px;
		left: 16px;
	}
}

/*others-list*/
.others-list-item a {
	display: block;
	transition: opacity 0.2s;
}
.others-list-pic img {
	width: 100%;
}
.others-list-title {
	font-size: 16px;
	margin-top: 7px;
}
.talent .others-list-title {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.special-feature .others-list-pic {
	width: 100%;
	height: 0;
	padding-top: calc(9 / 16 * 100%);
	background: transparent no-repeat center;
	background-size: cover;
}
.others-list .slick-track {
	margin-left: 0;
	margin-right: 0;
}
/*arrows*/
.others-list .slick-arrow {
	position: absolute;
	top: 50%;
	margin-top: calc(-19px - 1em);
	z-index: 100;
}
.special-feature .others-list .slick-arrow {
	margin-top: calc(-19px - 2.2em);
}
.others-list-arrows.prev {
	left: -38px;
}
.others-list-arrows.next {
	right: -38px;
}
/*hover*/
.pc .others-list-item a:hover,
.sp .others-list-item a.hover {
	opacity: 0.75;
}
@media screen and (min-width: 768px) {
	.others-list-item {
		width: calc(20% - 20px);
		margin: 0 10px;
	}
	.talent .others-list-title {
		text-align: center;
	}
	.special-feature .others-list-item {
		width: 210px;
	}
}
@media screen and (max-width: 767.98px) {
	.others-list {
		display: flex;
		overflow-x: auto;
		padding: 0 0 40px 5%;
	}
	.others-list-item {
		width: 195px;
		flex: 0 0 auto;
		padding-right: 10px;
	}
	.others-list-item:last-child {
		margin-right: 0;
	}
	.others-list-title {
		font-size: 11px;
		margin-top: 5px;
	}
	.talent .others-list-item {
		width: 100px;
	}
}

/*list*/
.list-header {
	display: flex;
	justify-content: center;
	padding: 10px 0 25px;
}
.list-header-item {
	font-size: 28px;
	font-weight: 700;
	padding: 5px 5px 3px;
	margin: 0 20px;
}
.list-header-item.active {
	border-bottom: 3px solid #000;
}
.pc .list-header-link:hover {
	color: #00b4dc;
	border-color: #00b4dc;
}
.list-update {
	max-width: 950px;
	margin: 0 auto 10px;
	font-size: 14px;
	text-align: right;
	color: #3c3c3c;
}
@media screen and (max-width: 767.98px) {
	.list-header {
		padding: 0 0 10px;
	}
	.list-header-item {
		font-size: 18px;
		margin: 0 10px;
	}
	.list-header-item.active {
		border-bottom-width: 2px;
	}
	.list-update {
		font-size: 10px;
		padding: 0 5%;
		margin-bottom: 5px;
	}
}

/*ranking*/
.d2.list .article-list.ranking {
	padding-bottom: 20px;
}
.article-list.ranking .article-list-item {
	margin-left: 65px;
}
.article-list.ranking .article-list-title {
	margin-bottom: 0;
}
.article-list.ranking.keyword .article-list-item {
	align-items: center;
}
.article-list.ranking.keyword .article-list-detail {
	width: 100%;
}
.article-list.ranking.keyword .article-list-title a::after {
	display: none;
}
.article-list.ranking.keyword .article-list-title a::before {
	background: rgba(0, 0, 0, 0);
	transition: background 0.1s;
}
/*hover*/
.pc .article-list.ranking.keyword .article-list-title a:hover::before,
.sp .article-list.ranking.keyword .article-list-title a.hover::before {
	background: rgba(0, 0, 0, 0.03);
}
.list-rank-up {
	width: 50px;
	flex-shrink: 0;
	margin: 0 10px;
}
.list-rank-num {
	width: 65px;
	text-align: center;
	font-size: 32px;
	font-weight: 500;
	color: #747474;
	position: absolute;
	left: -65px;
}
.article-list.ranking .article-list-item:nth-child(-n + 5) .list-rank-num {
	font-weight: 700;
}
.article-list.ranking .article-list-item:nth-child(-n + 3) .list-rank-num {
	color: #00d0e9;
}
@media screen and (max-width: 767.98px) {
	.d2.list .article-list.ranking {
		padding-left: 1%;
		padding-bottom: 0;
	}
	.d2.list .article-list.ranking.keyword {
		padding-left: 2.5%;
	}
	.article-list.ranking .article-list-item {
		margin-left: 35px;
	}
	.article-list.ranking.keyword .article-list-item {
		padding-bottom: 12px;
	}
	.list-rank-up {
		width: 32px;
		margin: 0 5px;
	}
	.list-rank-num {
		width: 35px;
		font-size: 18px;
		left: -35px;
	}
}

/*article-textlink*/
.article-textlink {
	margin-bottom: 40px;
}
.article-media {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 20px;
}
.article-textlink + .article-media {
	margin-top: -20px;
}
.article-media img {
	height: 40px;
}
.textlink-item {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
	padding-left: 25px;
	margin-bottom: 15px;
	position: relative;
}
.textlink-item::before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left-color: #0a0a0a;
	border-width: 5px 5px 5px 8px;
	position: absolute;
	top: 10px;
	left: 5px;
}
.textlink-item a {
	border-bottom: 1px solid #000;
}
.textlink-item .icon-pr {
	top: -2px;
}
/*hover*/
.pc .textlink-item a:hover,
.sp .textlink-item a.hover {
	color: #00b4dc;
	border-color: #00b4dc;
}
@media screen and (max-width: 767.98px) {
	.article-textlink {
		margin-bottom: 15px;
	}
	.article-media {
		margin-bottom: 5px;
	}
	.article-textlink + .article-media {
		margin-top: -5px;
	}
	.article-media img {
		height: 32px;
	}
	.textlink-item {
		font-size: 14px;
		padding-left: 18px;
		margin-bottom: 12px;
	}
	.textlink-item::before {
		border-width: 4px 4px 4px 7px;
		top: 8px;
		left: 2px;
	}
	.textlink-item .icon-pr {
		top: -1px;
	}
}


/*@side
/////////////////////////////////////////////////////////////////////*/
.content-side {
	text-align: left;
}
.side-inner {
	background: #fff;
	overflow: hidden;
}
.side-block {
	border-top: 1px solid #000;
	padding: 30px 0;
}
.side-ad {
	width: 300px;
	margin: 20px auto;
}
.side-header {
	display: flex;
	align-items: center;
	font-size: 20px;
}
@media screen and (min-width: 768px) {
	.content-side {
		width: 335px;
		padding-bottom: 40px;
	}
	.side-inner {
		border: 1px solid #000;
		border-right: none;
		border-radius: 20px 0 0 20px;
		padding: 0 25px;
	}
	.d2 .side-inner {
		margin: 20px auto;
	}
	.side-block:first-of-type {
		border-top: none;
	}
	.side-block:last-child {
		margin-bottom: 10px;
	}
}
@media screen and (min-width: 1501px) {
	.d2 .side-inner {
		border-right: 1px solid #000;
		border-radius: 20px;
		margin: 20px auto;
	}
}
@media screen and (min-width: 768px) {
	.side-ad {
		height: 250px;
	}
	.side-ad.ad600 {
		height: 600px;
	}
}
@media screen and (max-width: 767.98px) {
	.d2 .side-ad:first-child {
		margin-top: 0;
	}
	.side-ad {
		display: none;
	}
}

/*ranking*/
.side-ranking-header {
	display: flex;
	align-items: center;
	color: #3c3c3c;
}
.side-ranking-header .ja {
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 0.05em;
}
.side-ranking-header .en {
	font-size: 22px;
	letter-spacing: 2px;
	margin-left: 3px;
}
.side-ranking-header .normal {
	font-size: 19px;
}
.side-ranking-list {
	counter-reset: number 0;
	padding: 20px 0 15px;
}
.side-ranking-item {
	display: flex;
	align-items: center;
	font-size: 16px;
	margin-bottom: 5px;
}
.side-ranking-item:last-child {
	margin-bottom: 0;
}
.side-ranking-item::before {
	counter-increment: number 1;
	content: counter(number);
	width: 1.8em;
	font-size: 20px;
	font-weight: 700;
	color: #b3afaf;
	padding-left: 3px;
}
.side-ranking-item:nth-child(-n + 3)::before {
	color: #00d0e9;
}
.side-ranking-title {
	flex: 1;
}
.side-ranking-link {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: calc(1.5em * 2);
	overflow: hidden;
}
.ranking-article .side-ranking-item {
	margin-bottom: 15px;
}
.ranking-article .side-ranking-item:last-child {
	margin-bottom: 0;
}
/*hover*/
.pc .side-ranking-link:hover,
.sp .side-ranking-link.hover {
	color: #00b4dc;
}
@media screen and (max-width: 767.98px) {
	.side-block.ranking {
		padding-top: 0;
	}
	.side-ranking-header {
		min-height: 62px;
		justify-content: center;
		background: #b6e2ec;
	}
	.side-ranking-header .ja {
		font-size: 17px;
		padding-bottom: 1px;
	}
	.side-ranking-header .en {
		font-size: 19px;
		letter-spacing: 1px;
	}
	.side-ranking-header .normal {
		font-size: 17px;
	}
	.side-ranking-header::before {
		content: "";
		display: block;
		width: 32px;
		height: 32px;
		background: url(../img/logo_plus.svg) no-repeat;
		background-size: contain;
		margin-right: 10px;
	}
	.side-ranking-list {
		padding: 15px 5%;
	}
	.side-ranking-item {
		font-size: 14px;
	}
	.side-ranking-item::before {
		font-size: 18px;
		text-align: center;
		padding: 0 0.5em 0 0;
	}
	.ranking-article .side-ranking-item {
		font-size: 14px;
	}
}

/*banner*/
.side-block.banner .banner-main-description {
	font-size: 12px;
	margin-top: 5px;
}
.side-block.banner .banner-list {
	width: 90%;
	margin: 20px auto 0;
}
.side-block.banner .banner-list-item {
	margin-bottom: 10px;
}
.side-block.banner .banner-list-item a {
	display: block;
}
/*hover*/
.pc .side-block.banner .banner-list-item a:hover,
.sp .side-block.banner .banner-list-item a.hover {
	opacity: 0.8;
}
@media screen and (max-width: 767.98px) {
	.side-block.banner {
		background: #f8f8f8;
		border-top: none;
		padding: 35px 0 30px;
	}
	.side-block.banner .banner-main-item {
		width: 70%;
		max-width: 400px;
		margin: 0 auto;
	}
	.side-block.banner .banner-main-description {
		font-size: 11px;
	}
	.side-block.banner .banner-list {
		display: flex;
		max-width: 450px;
		flex-wrap: wrap;
		padding-bottom: 5px;
		margin-top: 30px;
	}
	.side-block.banner .banner-list-item {
		width: 47%;
		margin: 0 1.5% 3%;
	}
}

/*timeline*/
@media screen and (max-width: 767.98px) {
	.side-block.timeline {
		padding: 7.692vw 6.41vw;
	}
}

/*author*/
.side-author-list {
	padding-top: 20px;
}
.side-author-item {
	font-size: 14px;
	margin-bottom: 7px;
}
.side-author-item:last-child {
	margin-bottom: 0;
}
.side-author-link {
	display: flex;
	align-items: center;
}
.side-author-pic {
	width: 42px;
	border-radius: 50%;
	margin-right: 10px;
}
.side-author-name {
	flex: 1;
}
.side-author-name span {
	border-bottom: 1px solid #000;
}
/*hover*/
.pc .side-author-link:hover,
.sp .side-author-link.hover {
	opacity: 0.7;
}
@media screen and (max-width: 767.98px) {
	.side-block.author {
		padding-left: 5%;
		padding-right: 5%;
	}
	.side-author-item {
		font-size: 13px;
	}
	.side-author-pic {
		width: 36px;
	}
}

/*@side TVerウィジェット
/////////////////////////////////////////////////////////////////////*/
.ranking-tver {
	/* background: #f0f9fb; */
	background: #f8f8f8;
	padding: 30px 0;
}
.ranking-tver-inner {
	padding: 0 25px;
}
.ranking-tver .update {
	font-size: 13px;
	padding: 5px 3px 0;
}
.ranking-tver .notes {
	font-size: 10px;
	color: #555;
	padding: 5px 3px 10px;
}
.ranking-tver .credit {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: normal;
	margin-top: 8px;
}
.ranking-tver .credit img {
	width: 26px;
	flex-shrink: 0;
	margin: 0;
	margin-left: 3px;
}
@media screen and (min-width: 768px) {
	.ranking-tver {
		width: calc(100% + 50px);
		padding: 30px 0;
		margin-left: -25px;
	}
	.ranking-tver:not(:last-child) {
		border-bottom: 1px solid #000;
	}
	.ranking-tver.pc-hidden {
		display: none;
	}
	.ranking-tver + .side-block {
		border-top: none;
	}
}
@media screen and (max-width: 767.98px) {
	.ranking-tver {
		width: 100%;
		border-top: 1px solid #000;
		padding-top: 25px;
	}
	.ranking-tver.sp-hidden {
		display: none;
	}
	.ranking-tver-inner {
		padding: 0 5%;
	}
	.ranking-tver .update {
		font-size: 12px;
		text-align: center;
	}
	.ranking-tver .btn-more {
		width: 90%;
	}
	/*top/article/talent*/
	.top .ranking-tver {
		border-top: none;
		margin: 10px 0 40px;
	}
	.article .ranking-tver {
		margin-bottom: 40px;
	}
	.list.talent:not(.search) .ranking-tver {
		border-bottom: 1px solid #000;
	}
}

/*header*/
.ranking-tver-header {
	display: flex;
	align-items: center;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.05em;
	color: #3c3c3c;
}
.ranking-tver-header img {
	width: 42px;
	margin: 0;
	margin: 0 5px 2px 0;
	flex-shrink: 0;
}
@media screen and (max-width: 767.98px) {
	.ranking-tver-header {
		justify-content: center;
		font-size: 19px;
	}
	.ranking-tver-header img {
		width: 38px;
	}
}

/*list*/
.ranking-tver-list {
	counter-reset: number 0;
	padding: 10px 0 15px;
}
.ranking-tver-item {
	display: flex;
	min-height: 80px;
	line-height: 1.35;
	margin-bottom: 5px;
	position: relative;
}
.ranking-tver-item:not(:last-child) {
	margin-bottom: 15px;
}

/*pic*/
.ranking-tver-pic {
	width: 110px;
	padding-top: calc(9 / 16 * 110px);
	flex-shrink: 0;
	margin-right: 10px;
	position: relative;
}
.ranking-tver-pic img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.ranking-tver-pic.loader::before {
	width: 20px;
	height: 20px;
	margin-top: -13px;
}
.ranking-tver-pic.loader img {
	position: absolute;
}

/*title*/
.ranking-tver-title::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: #f8f8f8;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	opacity: 0;
	transition: opacity 0.15s;
}
.pc .ranking-tver-title:hover::before,
.sp .ranking-tver-title.hover::before {
	opacity: 0.3;
}
.ranking-tver-title .title-main {
	font-size: 14px;
	font-weight: 700;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: calc(1.35em * 2);
	overflow: hidden;
	margin-bottom: 3px;
}
.ranking-tver-title .title-sub {
	font-size: 11px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: calc(1.35em * 2);
	overflow: hidden;
	margin-bottom: 3px;
}
.ranking-tver-title .title-oa {
	font-size: 11px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*link-btn*/
.ranking-tver-item .link-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0.03em;
	background: #00b4dc;
	padding: 0.182em 0 0.318em;
	position: relative;
	z-index: 3;
}
.ranking-tver-item .link-btn::after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background: url(../img/rank_play.svg) no-repeat;
	background-size: contain;
	margin: 1px -5px 0 3px;
}

/*rank num*/
.ranking-tver-item::before {
	content: "";
	width: 25px;
	height: 30px;
	background: url(../img/rank_num_1.png) no-repeat;
	background-size: contain;
	flex-shrink: 0;
	padding-left: 0;
	margin: -3px 5px 0 -5px;
	position: relative;
	z-index: 11;
}
.ranking-tver-item:nth-child(2):before {
	background-image: url(../img/rank_num_2.png);
}
.ranking-tver-item:nth-child(3):before {
	background-image: url(../img/rank_num_3.png);
}
.ranking-tver-item:nth-child(4):before {
	background-image: url(../img/rank_num_4.png);
}
.ranking-tver-item:nth-child(5):before {
	background-image: url(../img/rank_num_5.png);
}
@media screen and (max-width: 767.98px) {
	.ranking-tver-item::before {
		width: 22px;
		height: 26px;
		margin-top: -2px;
	}
}


/*@TOP
/////////////////////////////////////////////////////////////////////*/
.top #content-outer {
	max-width: 100%;
	border-top: 20px solid #b6e2ec;
	padding: 0;
}
.top .content-side {
	padding-bottom: 0;
}
#headline {
	background: #b6e2ec;
	text-align: left;
}
.headline-inner {
	position: relative;
	overflow: hidden;
	z-index: 200;
}
.headline-link {
	width: 100%;
	height: 100%;
	background: transparent no-repeat center;
	background-size: cover;
	position: relative;
	transition: opacity 0.2s;
}
.headline-detail {
	text-align: left;
	background: #fff;
	border: 1px solid #000;
	border-radius: 16px;
	position: relative;
}
.headline-text {
	font-weight: 700;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: calc(1.5em * 2);
	overflow: hidden;
}
/*hover*/
.pc .headline-link:hover,
.sp .headline-link.hover {
	opacity: 0.8;
}
@media screen and (min-width: 768px) {
	.top #globalfooter {
		margin-top: -30px;
	}
	.top .content-main {
		width: calc(100% - 335px);
		padding-right: 0;
	}
	.top .content-side {
		margin-top: -25px;
	}
	.top .side-inner {
		height: 100%;
		position: relative;
		z-index: 10;
	}
	.top .section-block {
		padding-left: 5%;
		padding-right: 5%;
	}
	.top .section-title:not(.title-en) {
		font-size: 30px;
	}

	.top #main {
		padding-top: 20px;
		margin-top: -20px;
	}
	/* #headline { padding-bottom:20px;} */
	.headline-inner {
		height: 460px;
		padding-left: 20px;
		position: relative;
		top: -20px;
	}
	.headline-item-inner {
		display: flex;
		justify-content: center;
		align-items: flex-start;
		width: 1085px;
		margin: 0 auto;
	}
	.headline-pic {
		width: 762px;
		height: 460px;
		background: #f4f4f4;
		border: 1px solid #000;
		border-radius: 16px;
	}
	.headline-picinner {
		display: flex;
		width: 750px;
		height: 448px;
		background: #fff;
		border: 1px solid #000;
		border-radius: 16px;
		padding: 29px;
		position: relative;
		top: -1px;
		left: -1px;
	}
	.headline-detail {
		width: 375px;
		height: 335px;
		padding: 30px 30px 75px;
		margin: 60px 0 0 -55px;
		flex: 1;
	}
	.headline-detail::before,
	.headline-detail::after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border: 9px solid transparent;
		border-right-color: #000;
		border-width: 9px 16px 9px 9px;
		position: absolute;
		top: 65px;
		right: 100%;
	}
	.headline-detail::after {
		border-right-color: #fff;
		right: calc(100% - 1px);
	}
	.headline-title {
		margin-bottom: 15px;
	}
	.headline-text {
		font-size: 24px;
	}
	.headline-text .icon-pr {
		top: -4px;
	}
	.headline-description {
		font-size: 16px;
		line-height: 1.8;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;
		max-height: calc(1.8em * 5);
		overflow: hidden;
	}
	/*video*/
	.video-have .headline-link::after {
		content: "";
		display: block;
		width: 82px;
		height: 82px;
		background: url(../img/icon_play.svg) no-repeat;
		background-size: contain;
		position: absolute;
		bottom: -15px;
		left: 10px;
	}
	/*arrow*/
	.headline-arrows {
		display: flex;
		width: 378px;
		justify-content: center;
		position: absolute;
		top: 335px;
		left: 50%;
		z-index: 100;
		transform: translateX(-50%);
		margin-left: 363px;
	}
	.headline-arrows .slick-arrow {
		margin: 0 8px;
	}
}
@media screen and (max-width: 767.98px) {
	.top #content-outer {
		border-top-width: 15px;
	}
	.headline-pic {
		width: 100%;
		height: 0;
		padding-top: calc(9 / 16 * 100%);
		position: relative;
		overflow: hidden;
	}
	.headline-picinner {
		display: flex;
		width: 100%;
		height: 100%;
		background: #fff;
		position: absolute;
		top: 0;
		left: 0;
	}
	.headline-detail {
		width: 90%;
		padding: 12px 15px;
		margin: -10px auto 0;
	}
	.headline-detail::before,
	.headline-detail::after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border: 5px solid transparent;
		border-bottom-color: #000;
		border-width: 5px 5px 8px 5px;
		position: absolute;
		bottom: 100%;
		left: 25px;
	}
	.headline-detail::after {
		border-bottom-color: #fff;
		bottom: calc(100% - 2px);
	}
	.headline-title {
		display: flex;
		align-items: center;
		min-height: 45px;
	}
	.headline-text {
		font-size: 14px;
	}
	.headline-text .icon-pr {
		top: -2px;
	}
	.headline-description {
		display: none;
	}
	/*video*/
	.video-have .headline-title {
		background: url(../img/icon_play.svg) no-repeat 0 center;
		background-size: 30px auto;
		padding-left: 40px;
	}
	/*arrow*/
	.headline-arrows .slick-arrow {
		position: absolute;
		top: 35%;
		z-index: 100;
	}
	/*current*/
	.headline-detail {
		opacity: 0;
		transform: translateY(-10px);
		transition: all 0.3s ease 0.3s;
	}
	.slick-current .headline-detail {
		opacity: 1;
		transform: translateY(0);
	}
}

/*info*/
.top-info {
	background: #b6e2ec;
	padding-top: 5px;
	margin-top: -30px;
	position: relative;
}
.top-info::before {
	content: "";
	display: block;
	width: 100vw;
	height: 100%;
	background: #b6e2ec;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.top-info-header {
	display: inline-block;
	font-size: 18px;
	color: #fff;
	letter-spacing: 0.05em;
	background: #000;
	border-radius: 10px 10px 0 0;
	padding: 9px 40px 6px;
	margin-left: 5%;
}
.top-info-list {
	background: #fff;
	border-top: 1px solid #000;
}
.top-info-item {
	background: #fff;
	border-bottom: 1px solid #000;
}
.top-info-link {
	display: flex;
	min-height: 50px;
	align-items: center;
	font-size: 16px;
	font-weight: 500;
	padding: 10px 30px 10px 5%;
}
.top-info-date {
	width: 6.2em;
}
.top-info-text {
	flex: 1;
}
.top-info-link[href] .top-info-text {
	line-height: 1.7;
	padding-bottom: 3px;
}
.top-info-link[href] .top-info-text span {
	border-bottom: 1px dashed #000;
}
/*hover*/
.pc .top-info-link[href]:hover,
.sp .top-info-link[href].hover {
	background: #f2f2f2;
}
@media screen and (max-width: 767.98px) {
	.top-info {
		padding: 0 0 15px;
		margin-top: 0;
	}
	.top-info::before {
		display: none;
	}
	.top-info-header {
		font-size: 11px;
		border-radius: 0 10px 0 0;
		padding: 5px 20px 4px 15px;
		margin-left: 0;
	}
	.top-info-link {
		min-height: 30px;
		font-size: 12px;
		padding: 7px 10px 7px 15px;
	}
}

/*article-list*/
@media screen and (min-width: 768px) {
	.top .article-list {
		display: flex;
		flex-wrap: wrap;
	}
	.top .article-list-item {
		width: 31.7333%;
		padding: 0;
		margin: 0 2.4% 45px 0;
		border-bottom: none;
		position: relative;
		display: block;
	}
	.top .article-list-item:nth-child(3n) {
		margin-right: 0;
	}
	.top .article-list-item:nth-last-child(-n + 3) {
		margin-bottom: 30px;
	}
	.top .article-list-pic {
		display: block;
		width: 100%;
		height: 0;
		padding-top: calc(9 / 16 * 100%);
		margin-top: 0;
		position: relative;
		z-index: 1;
	}
	.top .article-list-pic img {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}
	.top .article-list-detail {
		width: 100%;
		padding: 12px 0 0;
	}
	.top .article-list-title {
		height: calc(1.5em * 2);
		font-size: 16px;
		margin-bottom: 0;
	}
	.top .article-list-title a::after {
		width: 100%;
		height: 0;
		padding-top: calc(9 / 16 * 100%);
		top: 0;
	}
	/*video*/
	.top .article-list-item.video-have::before {
		width: 100%;
		height: 0;
		padding-top: calc((9 / 16 * 100%) + 10px);
		background-position: left 5px bottom;
		background-size: 38px auto;
		top: 0;
		left: 0;
	}
	/*date*/
	.top .article-list.normal .article-list-meta {
		margin: 3px 0 5px;
	}
	.top .article-card .article-meta-text {
		margin: -9px 0 -1px;
	}
	.top .article-meta-text {
		font-size: 13px;
		color: #454545;
	}
}
@media screen and (max-width: 767.98px) {
	.top .article-card .article-meta-text {
		margin: -2px 0 2px;
	}
	.top .article-meta-text {
		color: #454545;
	}
}


/*@article
/////////////////////////////////////////////////////////////////////*/
.article-header {
	height: auto;
	padding: 35px 40px 45px;
	margin-bottom: -35px;
}
.article-header::before {
	height: 120px;
}
.article-header::after {
	content: "";
	display: block;
	width: 200vw;
	height: 100%;
	background: #fff;
	border: 1px solid #000;
	border-radius: 0 20px 20px 0;
	position: absolute;
	top: 0;
	right: -30px;
	z-index: -1;
	margin-left: calc(((100% - 335px) / 2) - 50vw);
}
.article-header-inner {
	max-width: 800px;
	margin: 0 auto;
}
.article-header-title {
	font-size: 30px;
	letter-spacing: 0.03em;
}
.article-header-meta {
	display: flex;
	min-height: 42px;
	align-items: center;
	font-size: 14px;
	font-weight: 500;
	margin-top: 5px;
}
.article-header-date {
	padding: 10px 0;
}
.article-header-date > span {
	display: block;
}
.article-header-media {
	height: 45px;
	margin-left: auto;
	overflow: hidden;
}
.article-header-media a {
	display: flex;
	align-items: center;
	height: inherit;
}
.article-header-media img {
	width: auto;
	height: 100%;
}
.article-header-meta .icon-pr {
	margin-right: 10px;
}
@media screen and (max-width: 767.98px) {
	.article-header {
		border-top: 1px solid #000;
		padding: 25px 5% 5px;
		margin-bottom: 0;
	}
	.ad-section + #main .article-header {
		border-top: none;
		padding: 15px 5% 5px;
	}
	.article-header::before,
	.article-header::after {
		display: none;
	}
	.article-header-title {
		font-size: 18px;
		letter-spacing: normal;
	}
	.article-header-meta {
		min-height: 30px;
		font-size: 12px;
	}
	.article-header-date {
		padding: 7px 0;
	}
	.article-header-media {
		height: 32px;
	}
}

/*sub-header*/
.article-sub-header {
	max-width: 800px;
	margin: 0 auto;
}
.article-kv {
	position: relative;
}
.article-kv img {
	width: 100%;
}
.article-kv.embed {
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	position: relative;
}
.article-kv.embed iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.article-kv .video-tver {
	display: block;
}
.article-kv .video-tver::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 0.1s;
}
.article-kv .video-tver::after {
	content: "";
	display: block;
	width: 17%;
	height: 0;
	padding-top: 17%;
	background: url(../img/img_80_play@3x.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
/*hover*/
.pc .article-kv .video-tver:hover::before,
.sp .article-kv .video-tver.hover::before {
	opacity: 0.2;
}

/*btn*/
.article-sub-header .tver-banner {
	display: flex;
	min-height: 60px;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0.03em;
	line-height: 1.2;
	background: #00d0e9;
	padding: 15px 0;
}
.article-sub-header .tver-banner::after {
	content: "";
	display: block;
	width: 32px;
	height: 32px;
	background: url(../img/icon_play_white.svg) no-repeat;
	background-size: contain;
	margin-left: 10px;
}
/*hover*/
.pc .article-sub-header .tver-banner:hover,
.sp .article-sub-header .tver-banner.hover {
	background: #00b4dc;
}
@media screen and (max-width: 767.98px) {
	.article-kv .video-tver::after {
		width: 20%;
		padding-top: 20%;
	}
	.article-sub-header {
		margin-top: 0;
	}
	.article-sub-header .tver-banner {
		min-height: 40px;
		font-size: 16px;
		padding: 9px 0 10px;
	}
	.article-sub-header .tver-banner::after {
		width: 20px;
		height: 20px;
		margin-left: 7px;
	}
	.article-sub-header .meta {
		padding-left: 4%;
		padding-right: 4%;
	}
}

/*body*/
.article-body {
	max-width: 750px;
	font-size: 17px;
	line-height: 2;
	overflow-wrap: break-word;
	padding: 10px 0 40px;
	margin: 0 auto;
}
.article-header + .share-btn + .article-body {
	padding-top: 50px;
}
.link-banner + .share-btn + .article-body {
	margin-top: -20px;
}
.article-sub-title {
	font-size: 26px;
	font-weight: 700;
	line-height: 1.5;
	padding-top: 0.5em;
	margin: 2em 0 1.2em;
}
.article-body p {
	margin: 2em auto;
}
/* .article-body p:first-of-type { margin-top:1.5em;} */
.article-body a:not(.kw):not(.link-bn-inner):not(.next-page):not(.pagination-item):not(.program-card-item a):not(.tver-text-link) {
	color: #00b4dc;
	border-bottom: 1px solid #00b4dc;
}
.article-body a.kw {
	color: #000;
	border-bottom: 1px dashed #000;
}
.article-main .meta {
	display: flex;
	justify-content: space-between;
	padding-top: 12px;
}
.article-main .caption,
.article-main .credit {
	font-size: 14px;
	color: #3c3c3c;
	line-height: 1.5;
}
.article-main .caption {
	margin-right: 1em;
}
.article-main .credit {
	min-width: 27%;
	text-align: right;
	margin-left: auto;
}
/*pic*/
.article-body .innerpic {
	max-width: 640px;
	padding: 20px 0;
	margin: 2em auto;
}
.article-body .innerpic a {
	border: none;
}
.article-body img {
	max-width: 640px;
	height: auto;
	margin: 0 auto;
}
/*video*/
.article-body .player {
	max-width: 640px;
	margin: 3em auto;
	position: relative;
}
.article-body .player::before {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	padding-top: calc(9 / 16 * 100%);
}
.article-body .player iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
/*other*/
.article-body > img {
	margin: 2em auto;
}
.article-body > h2:not(.article-sub-title) {
	font-size: 22px;
	line-height: 1.5;
	padding-top: 0.5em;
	margin: 2em 0 1.2em;
}
.article-body > h3:not(.article-sub-title) {
	font-size: 20px;
	line-height: 1.5;
	margin: 2em 0;
}
/*widgets*/
.article-body .widgets {
	width: 100%;
	max-width: 640px;
	padding: 20px 0;
	margin: 2em auto;
	position: relative;
}
.article-body .widgets iframe {
	margin-left: auto !important;
	margin-right: auto !important;
}
/*youtube*/
.article-body .widgets.youtube,
.article-body .widgets.youtube_short {
	max-width: 640px;
	padding: 0;
	margin: 3em auto;
}
.article-body .widgets.youtube::before,
.article-body .widgets.youtube_short::before {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	padding-top: calc(9 / 16 * 100%);
}
.article-body .widgets.youtube iframe,
.article-body .widgets.youtube_short iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.article-body .widgets.youtube + .meta,
.article-body .widgets.youtube_short + .meta {
	max-width: 640px;
	padding-top: 0;
	margin: -2.3em auto 0;
}
/*youtube short*/
.article-body .widgets.youtube_short {
	max-width: 360px;
}
.article-body .widgets.youtube_short::before {
	padding-top: calc(16 / 9 * 100%);
}
.article-body .widgets.youtube_short + .meta {
	max-width: 360px;
}
/*links*/
.article-body .linkList {
	line-height: 1.8;
	margin: 40px 0 40px 25px;
}
.article-body .linkList li {
	list-style: disc;
	margin: 7px 0;
}
.article-body .linkList li::marker {
	color: #00b4dc;
}
.article-body .linkList li a {
	color: #00b4dc;
	border-bottom: 1px solid #00b4dc;
}
/*hover*/
.pc .article-body a:not(.kw):not(.link-bn-inner):not(.next-page):not(.pagination-item):not(.program-card-item a):not(.tver-text-link):hover,
.sp .article-body a:not(.kw):not(.link-bn-inner):not(.next-page):not(.pagination-item):not(.program-card-item a):not(.tver-text-link).hover,
.pc .article-body .linkList li a:hover,
.sp .article-body .linkList li a.hover {
	color: #000;
	border-bottom: 1px solid #000;
}
.pc .article-body a.kw:hover,
.sp .article-body a.kw.hover {
	color: #00b4dc;
	border-bottom-color: #00b4dc;
}
@media screen and (max-width: 767.98px) {
	.article-body {
		font-size: 15px;
		line-height: 1.8;
		padding: 0 5% 20px;
	}
	.article-header + .share-btn + .article-body {
		padding-top: 0;
		margin-top: -10px;
	}
	.link-banner + .share-btn + .article-body {
		margin-top: 0;
	}
	.article-main .meta {
		padding-top: 7px;
	}
	.article-main .caption,
	.article-main .credit {
		font-size: 11px;
	}
	.article-sub-title {
		font-size: 18px;
		margin: 1.7em 0 -10px;
	}
	.article-body .innerpic {
		padding: 0;
	}
	.article-body img {
		max-width: 100%;
	}
	.article-body > h2:not(.article-sub-title) {
		font-size: 18px;
		margin: 1.7em 0 1.2em;
	}
	.article-body > h3:not(.article-sub-title) {
		font-size: 16px;
	}
	.article-body .widgets {
		padding: 0;
	}
	.article-body .widgets.youtube_short,
	.article-body .widgets.youtube_short + .meta {
		width: 68%;
	}
	.article-body .linkList {
		margin: 2em 0 2em 20px;
	}
	.article-body .linkList li {
		margin: 5px 0;
	}
	.article-body iframe {
		max-width: 100%;
	}
}

/*intro*/
.article-body.intro {
	height: 400px;
	overflow: hidden;
	padding-bottom: 0;
	margin-bottom: 10px;
	position: relative;
}
.article-body.intro::before {
	content: "";
	display: block;
	width: 100%;
	height: 60%;
	background: linear-gradient(
		to bottom,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 100%
	);
	position: absolute;
	bottom: 0;
	left: 0;
}
@media screen and (max-width: 767.98px) {
	.article-body.intro {
		margin-bottom: 0;
	}
	.link-banner + .share-btn + .article-body.intro {
		margin-top: -15px;
	}
}

/*index*/
.article-index {
	padding: 35px 0 40px;
	margin: 2em auto;
	position: relative;
}
.article-index::before,
.article-index::after {
	content: "";
	width: 100%;
	height: 10px;
	position: absolute;
	left: 0;
	background: repeating-linear-gradient(
		-45deg,
		#b6e2ec,
		#b6e2ec 3px,
		#fff 0,
		#fff 6px
	);
	opacity: 0.8;
}
.article-index::before {
	top: 0;
}
.article-index::after {
	bottom: 0;
}
.article-index-title {
	font-size: 20px;
	font-weight: 700;
	padding: 0 15px;
	margin-bottom: 12px;
}
.article-index-list {
	padding: 0 10px 0 40px;
}
.article-index-list li {
	line-height: 1.8;
	margin: 7px 0;
}
.article-index-list a {
	display: inline-block;
	font-size: 16px;
	vertical-align: top;
	color: #000 !important;
	border-bottom: none !important;
}
.article-index-list a span {
	transition: all 0.1s;
}
.pc .article-index-list a:hover span,
.sp .article-index-list a.hover span {
	color: #00b4dc;
}
/*li*/
ul.article-index-list li {
	list-style: disc;
}
ul.article-index-list li a {
	margin-left: 4px;
}
/*ol*/
ol.article-index-list {
	counter-reset: indexnum 0;
	padding-left: 20px;
}
ol.article-index-list li {
	display: flex;
	list-style: decimal;
}
ol.article-index-list li::before {
	counter-increment: indexnum 1;
	content: counter(indexnum) ".";
	width: 1.5em;
	font-size: 18px;
	flex-shrink: 0;
	font-weight: 500;
}
ol.article-index-list a {
	padding-top: 2px;
}
@media screen and (max-width: 767.98px) {
	.article-index {
		padding: 30px 0 35px;
	}
	.article-index::before,
	.article-index::after {
		height: 8px;
	}
	.article-index-title {
		font-size: 17px;
		padding: 0 5px;
	}
	.article-index-list {
		padding: 0 0 0 30px;
	}
	.article-index-list li {
		line-height: 1.5;
	}
	.article-index-list a {
		font-size: 14px;
	}
	ul.article-index-list li a {
		margin-left: 2px;
	}
	ol.article-index-list {
		padding-left: 10px;
	}
	ol.article-index-list li::before {
		font-size: 16px;
	}
}

/*section*/
.article-section {
	max-width: 800px;
	border-top: 1px solid #c0c0c0;
	padding: 45px 15px 60px;
	margin: 0 auto;
}
.article-section .section-title {
	font-size: 26px;
}
/*Author*/
.article-author-header {
	display: flex;
	align-items: center;
}
.article-author-pic img {
	width: 130px;
	border-radius: 50%;
	margin-right: 20px;
}
.article-author-title {
	font-size: 16px;
	margin-bottom: 10px;
}
.article-author-detail {
	padding: 0 10px;
}
.article-author-name {
	font-size: 24px;
}
.article-author-name .kana {
	font-size: 16px;
}
.article-author-text {
	font-size: 14px;
	line-height: 1.8;
	padding: 0 10px;
	margin-top: 1.5em;
}
@media screen and (max-width: 767.98px) {
	.article-section {
		padding: 20px 15px 25px;
	}
	.article-section .section-title {
		font-size: 17px;
	}
	/*Author*/
	.article-author-pic img {
		width: 65px;
		margin: 0 5px;
	}
	.article-author-title {
		font-size: 11px;
		margin-bottom: 0;
	}
	.article-author-name {
		font-size: 16px;
	}
	.article-author-name .kana {
		font-size: 11px;
	}
	.article-author-text {
		font-size: 12px;
		line-height: 1.5;
		padding: 0 10px;
		margin-top: 10px;
	}
}

/*pagination*/
.pagination {
	margin: 60px 0 40px;
}
.pagination:last-of-type {
	margin-bottom: 10px;
}
.pagination .next-page {
	display: flex;
	min-height: 60px;
	color: #00b4dc;
	font-weight: 500;
	line-height: 1.35;
	border: 2px solid #00b4dc;
	border-radius: 10px;
	margin-bottom: 30px;
	overflow: hidden;
}
.pagination .next-page > span {
	display: flex;
	justify-content: center;
	align-items: center;
}
.next-page-heading {
	color: #fff;
	font-weight: 500;
	white-space: nowrap;
	background: #00b4dc;
	padding: 15px 1.2em;
	position: relative;
}
.next-page-heading::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-left-color: #fff;
	border-width: 7px 0 7px 12px;
	position: absolute;
	top: calc(50% - 6px);
	left: calc(100% - 4px);
	opacity: 0;
	transition: opacity 0.1s;
}
.next-page-title {
	padding: 12px 1.2em 12px 1.4em;
}
/*hover*/
.pc .pagination .next-page:hover,
.sp .pagination .next-page.hover {
	background: #00b4dc;
	color: #fff;
}
.pc .pagination .next-page:hover .next-page-heading::after,
.sp .pagination .next-page.hover .next-page-heading::after {
	opacity: 1;
}
@media screen and (max-width: 767.98px) {
	.pagination {
		margin: 35px 0;
	}
	.pagination .next-page {
		border-radius: 8px;
		margin-bottom: 25px;
	}
	.pagination .next-page > span {
		min-height: 45px;
	}
	.next-page-heading {
		font-size: 12px;
		padding: 8px 0.5em;
	}
	.next-page-title {
		font-size: 14px;
		padding: 10px 0.5em 10px 0.8em;
	}
	.next-page-heading::after {
		border-width: 4px 0 4px 7px;
		top: calc(50% - 4px);
		left: 100%;
	}
}

.pagination-num {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #00b4dc;
	font-weight: 500;
	margin-top: 10px;
}
.pagination-num li {
	margin: 0 4px;
}
.pagination-item {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.5em;
	height: 2.5em;
	line-height: 2.5em;
	color: #00b4dc;
}
.pagination-item.num {
	border: 1px solid #00b4dc;
	border-radius: 50%;
	padding-bottom: 2px;
}
.pagination-item.current {
	background: #00b4dc;
	color: #fff;
}
.pagination-item.dot {
	width: auto;
}
.pagination-item.prev,
.pagination-item.next {
	border-radius: 50%;
	padding-top: 1px;
}
.pagination-item.prev span,
.pagination-item.next span {
	display: none;
}
.pagination-item.prev::before,
.pagination-item.next::before {
	content: "";
	display: block;
	width: 9px;
	height: 15px;
	background: url(/assets/img/arrow_blue.svg) no-repeat center;
	background-size: contain;
}
.pagination-item.prev::before {
	transform: rotate(-180deg);
	margin-right: 1px;
}
.pagination-item.prev:not([href])::before,
.pagination-item.next:not([href])::before {
	opacity: 0.3;
}
/*hover*/
.pc .pagination-item.num[href]:hover,
.pc .pagination-item.prev[href]:hover,
.pc .pagination-item.next[href]:hover,
.sp .pagination-item.num[href].hover,
.sp .pagination-item.prev[href].hover,
.sp .pagination-item.next[href].hover {
	background: #f5f5f5;
}

/*link-banner*/
.link-banner {
	width: 680px;
	background: #fff;
	border: 1px solid #000;
	border-radius: 16px;
	overflow: hidden;
	margin: 20px auto;
}
.article-header + .link-banner {
	margin-top: 5px;
}
.article-body p + .link-banner {
	margin-top: 50px;
}
.link-bn-inner {
	display: flex;
	height: 100px;
	align-items: center;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3;
	color: #000;
	background: #fff;
	padding: 0 12px;
}
.link-bn-pic {
	width: 150px;
	height: 84px;
	overflow: hidden;
}
.link-bn-pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.link-bn-text {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	min-height: 50px;
	padding: 11px 0 11px 15px;
	flex: 1;
}
.link-bn-text .icon-pr {
	margin: 3px 10px 0;
}
.link-bn-text .icon-realtime {
	margin: 3px 10px 0;
}

.link-banner.tver .link-bn-text,
.link-banner.svod .link-bn-text {
	font-size: 22px;
	padding-left: 73px;
	background: url(../img/icon_play.svg) no-repeat left 10px center;
	background-size: 50px auto;
}
.link-banner.svod .link-bn-text {
	background-image: url(../img/icon_play_black.svg);
}
/*hover*/
.pc .link-bn-inner:hover,
.sp .link-bn-inner.hover {
	background: #b6e2ec;
}
@media screen and (max-width: 767.98px) {
	.link-banner {
		width: 90%;
		border-radius: 10px;
		margin: 0 auto 15px;
	}
	.article-body .link-banner {
		width: 100%;
	}
	.article-header + .link-banner {
		margin-top: 0;
	}
	.article-body p + .link-banner {
		margin-top: 35px;
	}
	.link-bn-inner {
		height: 70px;
		font-size: 13px;
		padding: 0 10px;
	}
	.link-bn-pic {
		width: 90px;
		height: 50px;
	}
	.link-bn-text {
		min-height: 30px;
		padding: 6px 0 6px 10px;
	}
	.link-bn-text .icon-pr {
		margin: 2px 5px 0;
	}
	.link-bn-text .icon-realtime {
		margin: 2px 5px 0;
	}
	.link-banner.tver .link-bn-text,
	.link-banner.svod .link-bn-text {
		font-size: 15px;
		padding-left: 45px;
		background-position: left 7px center;
		background-size: 30px auto;
	}
	.link-banner.other .link-bn-text {
		padding-top: 7px;
	}
}

/*photo-gallery*/
.photo-gallery {
	position: relative;
}
.gallery-slider {
	padding-left: 4px;
}
.gallery-slider-item {
	margin: 0 8px 0 2px;
}
.gallery-slider-item a {
	display: block;
}
.gallery-slider-item img {
	width: 182px;
	height: 122px;
	object-fit: cover;
}
.gallery-arrows .slick-arrow {
	position: absolute;
	top: 50%;
	margin-top: -19px;
	z-index: 100;
}
.gallery-arrows .prev {
	left: -15px;
}
.gallery-arrows .next {
	right: -15px;
}
/*hover*/
.pc .gallery-slider-item a:hover,
.sp .gallery-slider-item a.hover {
	opacity: 0.7;
}
@media screen and (max-width: 767.98px) {
	.photo-gallery {
		width: 100vw;
		margin: 0 calc(50% - 50vw) 10px;
	}
	.gallery-slider {
		padding-left: 0;
	}
	.gallery-slider-item {
		margin: 0 4px;
	}
	.gallery-slider-item img {
		width: 125px;
		height: 84px;
	}
}

/*photo-gallery-main*/
.photo-gallery-main {
	margin-bottom: 40px;
}
.gallery-main-slider .pic img {
	height: auto;
	max-height: 650px;
}
/*arrow*/
.gallery-main-slider .slick-arrow {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 200px;
	z-index: 100;
}
.gallery-main-slider .slick-arrow.prev::before {
	transform: scale(1.4) rotate(-180deg);
}
.gallery-main-slider .slick-arrow.next::before {
	transform: scale(1.4);
}
.gallery-main-arrows.prev {
	left: -30px;
}
.gallery-main-arrows.next {
	right: -30px;
}
/*thumbnail*/
.gallery-main-slider .slick-dots {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 40px;
}
.gallery-main-slider .slick-dots li {
	width: 12%;
	height: 0;
	padding-top: 12%;
	margin: 0 0.5% 10px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	transition: opacity 0.1s;
}
.gallery-main-slider .slick-dots li img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: auto;
	max-width: inherit;
	height: 100%;
}
.gallery-main-slider .slick-dots li.slick-active {
	opacity: 0.5;
}
.pc .gallery-main-slider .slick-dots li:not(.slick-active):hover {
	opacity: 0.7;
}
@media screen and (max-width: 767.98px) {
	.photo-gallery-main {
		margin-bottom: 20px;
	}
	.gallery-main-slider .pic img {
		max-height: 350px;
	}
	.gallery-main-slider .meta {
		padding-left: 3%;
		padding-right: 3%;
	}
	.gallery-main-slider .slick-arrow {
		display: none;
	}
	.gallery-main-slider .slick-dots {
		margin-top: 20px;
	}
}

/*related*/
@media screen and (min-width: 768px) {
	.article .related-words,
	.article .related-links {
		max-width: 800px;
		margin: 0 auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	.article .section-title:not(.title-en) {
		font-size: 26px;
	}
}

/*d2*/
.d2 .article-list {
	margin-bottom: 30px;
}
.d2.list .article-list {
	max-width: 950px;
	margin: 0 auto 50px;
}
@media screen and (max-width: 767.98px) {
	.d2 .article-list {
		margin-bottom: 10px;
	}
	.d2.list .article-list {
		padding: 0 5%;
		margin-bottom: 30px;
	}
}


/*@search
/////////////////////////////////////////////////////////////////////*/
.search .content-header-title {
	display: none;
}
.search .searchField {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	position: relative;
}
.search .searchFieldinner {
	display: flex;
	align-items: center;
	width: 100%;
	height: 50px;
}
.search .searchFieldinner input[type="text"] {
	width: 100%;
	height: 100%;
	font-size: 20px;
	line-height: 1.5;
	color: inherit;
	background: #fff;
	border-radius: 50px 0 0 50px;
	border: 2px solid #000;
	border-right: 0;
	padding: 5px 0 5px 1em;
}
.search .searchFieldinner button {
	width: 60px;
	height: 100%;
	background: #fff url(../img/icon_search.svg) no-repeat center right 20px;
	background-size: auto 24px;
	border-radius: 0 50px 50px 0;
	border: 2px solid #000;
	border-left: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.2);
	cursor: pointer;
}
.search .searchFieldinner button span {
	display: none;
}
.search .searchFieldinner input[type="text"]::placeholder {
	color: #3c3c3c;
	position: relative;
	top: -1px;
}
.search .searchField .suggestbox {
	top: 54px;
	left: 20px;
}
/*link*/
.search .search-link {
	text-align: right;
	background: url(../img/arrow_black.svg) no-repeat center right;
	background-size: auto 10px;
	padding-right: 15px;
	margin: 15px 15px -20px;
}
.search .search-link a {
	display: inline-block;
	font-size: 15px;
	font-weight: 700;
	border-bottom: 1px solid #000;
	position: relative;
}
/*hover*/
.pc.search .search-link a:hover {
	opacity: 0.5;
}
@media screen and (max-width: 767.98px) {
	.search .searchField {
		width: 90%;
		margin-top: 7px;
	}
	.search .searchFieldinner {
		height: 40px;
	}
	.search .searchFieldinner input[type="text"] {
		font-size: 16px;
	}
	.search .searchFieldinner button {
		background-position: center right 17px;
		background-size: auto 20px;
	}
	.search .searchField .suggestbox {
		top: 44px;
		left: 10px;
	}
	.search .search-link {
		background-size: auto 10px;
		padding-right: 15px;
		margin: 8px 5px -3px;
	}
	.search .search-link a {
		font-size: 13px;
	}
}

/*detail*/
.search-detail {
	max-width: 800px;
	margin: 0 auto 60px;
}
.search-detail-header {
	margin-bottom: 20px;
}
.search-detail-pic {
	height: 360px;
	margin: 0 auto 15px;
}
.search-detail-pic img {
	max-height: 100%;
}
.search-detail-title {
	font-size: 32px;
	text-align: center;
	margin-bottom: 20px;
}
.search-detail-title img {
	width: 60%;
	max-width: 300px;
	margin: 0 auto;
}
.search-credit {
	font-size: 12px;
	text-align: right;
	color: #636363;
}
.talent .search-detail-info,
.bangumi .search-detail-info {
	display: none;
}
.talent .search-detail-pic img {
	height: 100%;
}
/*btn-tver*/
.btn-tver {
	max-width: 640px;
	margin: 0 auto;
}
.btn-tver.category {
	width: 90%;
	margin-top: 25px;
	margin-bottom: 20px;
}
.btn-tver-link {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	min-height: 45px;
	line-height: 1.3;
	text-align: center;
	background: #00d0e9 url(/assets/img/arrow_white.svg) no-repeat center right
		30px;
	background-size: auto 16px;
	border-radius: 50px;
	padding: 0 50px 1px;
}
/*hover*/
.pc .btn-tver-link:hover,
.sp .btn-tver-link.hover {
	background-color: #00b4dc;
}
/*hide_ui*/
.search-detail-hide_ui {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
}
.search-detail-hide_ui a {
	border-bottom: solid 1px #000;
	position: relative;
}
.search-detail-hide_ui::after {
	content: "×";
	width: 22px;
	text-align: center;
	font-size: 17px;
	font-weight: 400;
	padding-bottom: 1px;
}
.search-detail-hide_ui a.hide::before {
	content: "";
	width: 18px;
	height: 18px;
	background: #fff;
	position: absolute;
	top: 50%;
	right: -20px;
	margin-top: -8px;
}
.search-detail-hide_ui a.hide::after {
	content: "";
	width: 8px;
	height: 8px;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	position: absolute;
	top: 50%;
	right: -16px;
	margin-top: -6px;
	transform: rotate(45deg);
}
/*detail-info*/
.search-detail-info {
	font-size: 16px;
	line-height: 1.8;
	padding: 20px 0;
}
.search-detail-info .detail-text {
	margin-bottom: 20px;
}
.search-detail-info .tag-list {
	margin-bottom: 10px;
}
.search-detail-info .detail-free p {
	margin-bottom: 20px;
}
.search-detail-info .detail-links {
	display: flex;
	flex-wrap: wrap;
	font-size: 15px;
}
.search-detail-info .detail-links-item {
	margin-right: 15px;
}
.search-detail-info .detail-links-item a {
	border-bottom: 1px solid #000;
}
/**/
.search-detail-info .detail-links-icon {
	justify-content: center;
	padding-top: 20px;
}
.search-detail-info .detail-links-item.icon {
	display: flex;
	align-items: center;
	margin: 0 10px;
}
.search-detail-info .detail-links-item.icon::before {
	content: "";
	width: 20px;
	height: 20px;
	background: transparent no-repeat center;
	background-size: contain;
	margin: 3px 6px 0 0;
}
.search-detail-info .detail-links-item.tw::before {
	background-image: url(/assets/img/icon_x_b.svg);
}
.search-detail-info .detail-links-item.fb::before {
	background-image: url(/assets/img/icon_fb_b.svg);
}
.search-detail-info .detail-links-item.ig::before {
	background-image: url(/assets/img/icon_ig_b.svg);
}
.search-detail-info .detail-links-item.arrow::before {
	background-image: url(/assets/img/arrow_black.svg);
	background-size: auto 10px;
	width: 10px;
	margin-right: 4px;
}
/*hover*/
.pc .search-detail-info .detail-links-item a:hover {
	opacity: 0.5;
}
@media screen and (max-width: 767.98px) {
	.search-detail {
		width: 90%;
		margin: 0 auto 40px;
	}
	.search-detail-header {
		margin-bottom: 15px;
	}
	.search-detail-pic {
		width: 100%;
		height: 0;
		padding-top: calc(9 / 16 * 100%);
		margin-bottom: 12px;
		position: relative;
	}
	.search-detail-pic img {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}
	.search-detail-title {
		font-size: 22px;
		margin-bottom: 12px;
	}
	.search-credit {
		font-size: 10px;
		padding-top: 10px;
	}
	/*btn-tver*/
	.btn-tver-link {
		min-height: 34px;
		font-size: 15px;
		background-position: center right 18px;
		background-size: auto 13px;
		padding: 5px 35px;
	}
	.btn-tver-link > span span {
		display: inline-block;
	}
	.btn-tver.category {
		margin-top: 20px;
		margin-bottom: 10px;
	}
	/*hide_ui*/
	.search-detail-hide_ui {
		font-size: 13px;
		margin-bottom: 5px;
	}
	.search-detail-hide_ui::after {
		font-size: 15px;
		padding-bottom: 0;
	}
	.search-detail-hide_ui a.hide::after {
		width: 7px;
		height: 7px;
		right: -14px;
		margin-top: -5px;
	}
	/*detail-info*/
	.search-detail-info {
		font-size: 14px;
		line-height: 1.6;
		padding: 15px 0;
	}
	.search-detail-info .detail-text {
		margin-bottom: 15px;
	}
	.search-detail-info .tag-list {
		margin-bottom: 5px;
	}
	.search-detail-info .detail-free p {
		margin-bottom: 15px;
	}
	.search-detail-info .detail-links {
		font-size: 12px;
	}
	.search-detail-info .detail-links-item {
		margin-right: 10px;
	}
	.search-detail-info .detail-links-icon {
		padding-top: 10px;
	}
	.search-detail-info .detail-links-item.icon {
		margin: 0 7px 5px;
	}
	.search-detail-info .detail-links-item.icon::before {
		width: 17px;
		height: 17px;
		margin: 2px 5px 0 0;
	}
	.search-detail-info .detail-links-item.arrow::before {
		background-size: auto 8px;
		width: 8px;
		margin-right: 3px;
	}
}

/*result*/
.search-result-header {
	max-width: 950px;
	text-align: center;
	margin: 0 auto 30px;
}
.search-result-title {
	display: inline-block;
	min-width: 250px;
	font-size: 30px;
	letter-spacing: 0.03em;
	border-bottom: 3px solid #000;
	padding: 10px 10px 5px;
}
.search-result-title span {
	color: #00b4dc;
	padding-right: 5px;
}
@media screen and (max-width: 767.98px) {
	.search-result-header {
		width: 90%;
		margin-bottom: 10px;
	}
	.search-result-title {
		min-width: 150px;
		font-size: 21px;
		letter-spacing: normal;
		border-bottom-width: 2px;
		padding: 5px;
	}
	.search-result-title span {
		padding-right: 2px;
	}
}

/*svod*/
.svod-pickup-list {
	max-width: 950px;
	margin: 0 auto 80px;
}
.svod-pickup-list-inner {
	display: flex;
	flex-wrap: wrap;
	padding: 10px 0;
}
.svod-pickup-item {
	width: calc((100% - 50px) / 3);
	margin: 0 25px 30px 0;
}
.svod-pickup-item a {
	display: block;
	position: relative;
}
.svod-pickup-title {
	font-size: 16px;
	font-weight: 500;
	margin-top: 5px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: calc(1.5em * 2);
	overflow: hidden;
}
.svod-pickup-pic {
	width: 100%;
	height: 0;
	padding-top: calc(9 / 16 * 100%);
	overflow: hidden;
	position: relative;
}
.svod-pickup-pic img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	transition: transform 0.25s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
/*hover*/
.pc .svod-pickup-item a:hover img,
.sp .svod-pickup-item a.hover img {
	-webkit-transform: scale3d(1.1, 1.1, 1);
	transform: scale3d(1.1, 1.1, 1);
}
/*new*/
.svod-pickup-item.new a::before {
	content: "new!";
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3em;
	height: 3em;
	padding-bottom: 2px;
	font-size: 13px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	background: #00b4dc;
	border-radius: 50%;
	position: absolute;
	top: -7px;
	left: -7px;
	z-index: 10;
	box-sizing: border-box;
}
@media screen and (min-width: 768px) {
	.svod-pickup-item:nth-child(3n) {
		margin-right: 0;
	}
	.svod .side-inner {
		padding-bottom: 0;
	}
	.svod .side-block.ranking {
		padding-bottom: 20px;
	}
	.svod .side-block.timeline {
		padding: 25px 0;
		margin-bottom: 0;
	}
}
@media screen and (max-width: 767.98px) {
	.svod-pickup-list {
		margin-bottom: 45px;
	}
	.svod-pickup-list-inner {
		padding: 10px 5%;
	}
	.svod-pickup-item {
		width: calc((100% - 4%) / 2);
		margin: 0 4% 20px 0;
	}
	.svod-pickup-item:nth-child(2n) {
		margin-right: 0;
	}
	.svod-pickup-title {
		font-size: 12px;
		margin-top: 3px;
	}
	.svod-pickup-list .btn-more.large {
		margin: 0 auto;
	}
	.svod-pickup-item.new a::before {
		font-size: 10px;
		padding-bottom: 3px;
	}
	.svod .search-detail {
		margin-bottom: 20px;
	}
	.svod .side-block.ranking {
		padding-bottom: 0;
	}
	.svod .side-block.timeline {
		margin-top: 35px;
	}
}

/*more-list*/
.search-more {
	max-width: 800px;
	margin: 0 auto 60px;
}
.search-more-title {
	font-size: 28px;
	margin-bottom: 5px;
}
.search-more-list {
	padding-left: 5px;
}
.search-more-item {
	display: flex;
	align-items: center;
	font-size: 16px;
	margin-top: 10px;
}
.search-more-item:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left-color: #000;
	border-width: 5px 5px 5px 8px;
}
.search-more-item a {
	border-bottom: 1px solid #000;
	line-height: 1.35;
	padding-bottom: 1px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-left: 5px;
}
/*hover*/
.pc .search-more-item a:hover,
.sp .search-more-item a.hover {
	color: #00b4dc;
	border-color: #00b4dc;
}
@media screen and (max-width: 767.98px) {
	.search-more {
		width: 90%;
		margin-bottom: 40px;
	}
	.search-more-title {
		font-size: 20px;
	}
	.search-more-list {
		padding-left: 2px;
	}
	.search-more-item {
		font-size: 14px;
		margin-top: 8px;
	}
	.search-more-item:before {
		border-width: 4px 4px 4px 7px;
	}
	.search-more-item a {
		margin-left: 3px;
	}
}


/*@talent
/////////////////////////////////////////////////////////////////////*/
/*sort*/
.sortby {
	display: flex;
	justify-content: flex-end;
	max-width: 950px;
	margin: 0 auto;
}
.sortby-inner {
	min-width: 200px;
	text-align: center;
	position: relative;
}
#sortby-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 38px;
	font-size: 16px;
	font-weight: 500;
	background: #fff;
	border: 1px solid #000;
	border-radius: 10px;
	cursor: pointer;
	padding: 6px 35px 6px 30px;
	position: relative;
}
#sortby-btn::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-top-color: #000;
	border-width: 10px 6px 0 6px;
	position: absolute;
	top: calc(50% - 4px);
	right: 15px;
}
.sortby-list {
	width: 100%;
	background: #fff;
	cursor: pointer;
	border: 1px solid #000;
	border-radius: 2px;
	border-radius: 10px;
	padding: 10px 0;
	position: absolute;
	top: calc(100% - 1px);
	left: 0;
	z-index: 200;
	display: none;
}
.sortby-list li a {
	display: block;
	font-size: 15px;
	font-weight: 500;
	padding: 8px 0;
}
/*hover*/
.pc .sortby-list li a:hover,
.sp .sortby-list li a.hover {
	background: #f2f2f2;
}
@media screen and (max-width: 767.98px) {
	.sortby {
		padding: 0 3%;
	}
	.sortby-inner {
		min-width: 150px;
	}
	#sortby-btn {
		min-height: 30px;
		font-size: 13px;
		padding: 4px 25px 4px 20px;
	}
	#sortby-btn::after {
		border-width: 8px 5px 0 5px;
		top: calc(50% - 3px);
		right: 10px;
	}
	.sortby-list li a {
		font-size: 13px;
		padding: 5px 0;
	}
}

/*list*/
.talent-list {
	padding: 20px 0 40px;
}
.talent-list ul {
	display: flex;
	flex-wrap: wrap;
	max-width: 970px;
	margin: 0 auto;
}
.talent-list-item {
	width: calc((100% - 100px) / 5);
	margin: 0 10px 30px;
}
.talent-list-title {
	font-size: 15px;
	line-height: 1.2;
	margin-top: 8px;
}
.talent-list-item a {
	display: block;
	transition: opacity 0.2s;
}
/*hover*/
.pc .talent-list-item a:hover,
.sp .talent-list-item a.hover {
	opacity: 0.7;
}
@media screen and (max-width: 767.98px) {
	.talent-list {
		padding: 12px 3% 10px;
	}
	.talent-list-item {
		width: calc((100% - 9%) / 3);
		margin: 0 1.5% 25px;
	}
	.talent-list-title {
		font-size: 12px;
		margin-top: 5px;
	}
}


/*@webpush
/////////////////////////////////////////////////////////////////////*/
.webpush-main {
	max-width: 950px;
	padding-bottom: 20px;
	margin: 0 auto;
}
.webpush-lead {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.8;
	text-align: center;
	padding: 10px 0 30px;
}
.webpush-lead .notice {
	font-size: 18px;
	font-weight: 400;
	color: #f00;
	margin-bottom: 20px;
}
.webpush-block {
	font-size: 16px;
	margin-bottom: 40px;
}
.webpush-header {
	display: flex;
	font-size: 20px;
	font-weight: 700;
	border-bottom: 3px solid #000;
	padding: 5px 0 3px;
	margin-bottom: 25px;
}
.webpush-header span {
	padding: 0 5px;
}
.webpush-block p {
	margin-bottom: 20px;
	padding: 0 5px;
}
.webpush-block .note {
	font-size: 14px;
}
.webpush-block .note li {
	text-indent: -1em;
	padding-left: 1em;
}
.webpush-block .system {
	display: flex;
	flex-wrap: wrap;
	padding: 0 5px;
	margin-bottom: 5px;
}
.webpush-block .system dt,
.webpush-block .system dd {
	margin-bottom: 5px;
}
.webpush-block .system dt {
	width: 14.5em;
}
.webpush-block .system dd {
	width: calc(100% - 14.5em);
}
.webpush-block .attention {
	margin-left: 30px;
}
.webpush-block .attention li {
	list-style: disc;
	margin-bottom: 5px;
}
.webpush-block .guideimage {
	width: 65%;
	margin: 0 auto 30px;
}
.webpush-block .guideimage.w100 {
	width: 100%;
}
.webpush-block .guideimage img {
	border: 1px solid #e6e6e6;
}
.webpush-block .setting {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #b6e2ec;
	border-radius: 20px;
	padding: 25px 6%;
	margin: 0 auto;
}
.webpush-block .setting-text {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.8;
	padding-right: 75px;
	position: relative;
}
.webpush-block .setting-text::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 16px solid transparent;
	border-left-color: #00b4dc;
	border-width: 16px 0 16px 20px;
	position: absolute;
	top: calc(50% - 16px);
	right: 27px;
}
.webpush-block .setting-btn {
	display: flex;
	width: 100px;
	height: 100px;
	flex-shrink: 0;
}
.webpush-block .setting-btn .webpushbell {
	width: 100%;
	height: 100%;
	background: #fff;
	border: 3px solid #00b4dc;
	border-radius: 16px;
	padding: 15px;
	overflow: hidden;
}
.webpush-block .setting-btn .webpushbell span {
	display: none;
}
.webpush-block .setting-btn .webpushbell img {
	width: 100%;
	transition: transform 0.25s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
/*hover*/
.pc .webpush-block .setting-btn .webpushbell:hover,
.sp .webpush-block .setting-btn .webpushbell.hover {
	border-color: #fff;
}
.pc .webpush-block .setting-btn .webpushbell:hover img,
.sp .webpush-block .setting-btn .webpushbell.hover img {
	-webkit-transform: scale3d(1.15, 1.15, 1);
	transform: scale3d(1.15, 1.15, 1);
}

/*switch*/
body .webpush-main .switch {
	display: none !important;
}
body.windows .webpush-main .switch.windows {
	display: block !important;
}
body.mac .webpush-main .switch.mac {
	display: block !important;
}
body.ios .webpush-main .switch.ios {
	display: block !important;
}
body.pc .webpush-main .switch.pc {
	display: block !important;
}
body.sp .webpush-main .switch.sp {
	display: block !important;
}

/*guide*/
.webpush-block.guide {
	border: 5px solid #e6e6e6;
	border-radius: 20px;
	padding: 45px 6%;
}
.webpush-guide-title {
	font-size: 24px;
	color: #00b4dc;
	margin-bottom: 25px;
}
.webpush-block.guide p {
	font-size: 17px;
	line-height: 1.8;
	padding: 0;
}
.webpush-block.guide .hl {
	background: #ff9;
}
.webpush-block.guide ol {
	font-size: 18px;
	font-weight: 700;
	counter-reset: number 0;
	padding-top: 10px;
}
.webpush-block.guide ol li {
	padding-left: 55px;
	padding-bottom: 10px;
	position: relative;
}
.webpush-block.guide ol li::before {
	counter-increment: number 1;
	content: counter(number);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	color: #fff;
	background: #00b4dc;
	border-radius: 50%;
	padding-bottom: 1px;
	box-sizing: border-box;
	position: absolute;
	top: -5px;
	left: 0;
}
@media screen and (max-width: 767.98px) {
	.webpush-main {
		padding-bottom: 0;
	}
	.webpush-lead {
		max-width: 330px;
		font-size: 16px;
		line-height: 1.8;
		padding: 5px 0 25px;
		margin: 0 auto;
	}
	.webpush-lead .notice {
		font-size: 15px;
	}
	.webpush-block {
		font-size: 14px;
		padding: 0 5%;
		margin-bottom: 30px;
	}
	.webpush-block:last-child {
		margin-bottom: 0;
	}
	.webpush-header {
		font-size: 16px;
		border-bottom-width: 2px;
		margin-bottom: 15px;
	}
	.webpush-block .note {
		font-size: 12px;
	}
	.webpush-block .system {
		display: flex;
		flex-wrap: wrap;
		padding: 0 5px;
		margin-bottom: 5px;
	}
	.webpush-block .system dt {
		width: 100%;
		margin-bottom: 0;
	}
	.webpush-block .system dd {
		width: 100%;
		text-indent: 1em;
	}
	.webpush-block .system dd span {
		display: none;
	}
	.webpush-block .guideimage {
		width: 90%;
		margin: 10px auto 30px;
	}
	.webpush-block .setting {
		flex-direction: column;
	}
	.webpush-block .setting-text {
		font-size: 15px;
		line-height: 1.6;
		padding: 0 0 40px;
	}
	.webpush-block .setting-text::after {
		border: 18px solid transparent;
		border-top-color: #00b4dc;
		border-width: 16px 18px 0 18px;
		top: initial;
		right: initial;
		bottom: 10px;
		left: calc(50% - 18px);
	}
	.webpush-block.guide {
		border: none;
		border-top: 3px solid #e6e6e6;
		border-radius: 0;
		padding: 30px 5% 0;
		margin-top: 40px;
	}
	.webpush-guide-title {
		font-size: 17px;
		margin-bottom: 18px;
	}
	.webpush-block.guide p {
		font-size: 14px;
		line-height: 1.6;
		padding: 0;
	}
	.webpush-block.guide ol {
		font-size: 15px;
		padding-top: 0;
	}
	.webpush-block.guide ol li {
		padding-left: 40px;
		position: relative;
	}
	.webpush-block.guide ol li::before {
		width: 30px;
		height: 30px;
		font-size: 15px;
		top: -3px;
	}
	.webpush-block.guide ol .guideimage {
		width: 100%;
	}
}

/*///////////modalbox///////////*/
.modalbox {
	width: 700px;
	text-align: center;
	background: #fff;
	border: 5px solid #00b4dc;
	border-radius: 30px;
	margin: 0 auto;
	position: relative;
}
.modalbox-inner {
	padding: 30px 40px;
}
.modalbox-inner p {
	display: inline-block;
	font-size: 18px;
	line-height: 1.8;
	text-align: left;
}
.modalbox-inner p + p {
	padding-top: 20px;
}
.modalbox-inner p a {
	color: #00b4dc;
	border-bottom: 1px solid #00b4dc;
}
.modalbox-inner p a:hover {
	color: #000;
	border-color: #000;
}
.modalbox .btn {
	text-align: center;
	padding-top: 25px;
}
.modalbox .btn a {
	display: inline-flex;
	min-width: 300px;
	height: 42px;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0.1em;
	background: #00b4dc;
	border-radius: 100px;
	padding: 0 20px 1px;
	position: relative;
}
.pc .modalbox .btn a:hover,
.sp .modalbox .btn a.hover {
	background: #3c3c3c;
}
/*close*/
.modalbox .mfp-close {
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #00b4dc;
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: -25px;
	right: -25px;
	transition: all 0.1s;
}
.modalbox .mfp-close::before,
.modalbox .mfp-close::after {
	content: "";
	display: block;
	width: 26px;
	height: 4px;
	background: #fff;
	border-radius: 10px;
	position: absolute;
	top: 23px;
	left: 12px;
	transform: rotate(-45deg);
}
.modalbox .mfp-close::after {
	transform: rotate(45deg);
}
.pc .modalbox .mfp-close:hover,
.sp .modalbox .mfp-close.hover {
	background: #3c3c3c;
}
@media screen and (max-width: 767.98px) {
	.modalbox {
		width: 90%;
		border-width: 3px;
		border-radius: 20px;
	}
	.modalbox-inner {
		padding: 25px;
	}
	.modalbox-inner p {
		font-size: 15px;
		line-height: 1.6;
	}
	.modalbox .btn a {
		min-width: 0;
		width: 100%;
		height: 38px;
		font-size: 15px;
	}
	.modalbox .mfp-close {
		width: 40px;
		height: 40px;
		top: -20px;
		right: -4%;
	}
	.modalbox .mfp-close::before,
	.modalbox .mfp-close::after {
		width: 19px;
		height: 3px;
		top: 19px;
		left: 11px;
	}
}


/*@info
/////////////////////////////////////////////////////////////////////*/
.info .content-header::before {
	margin-left: calc(50% - 50vw);
}
@media screen and (max-width: 1500px) {
	.info .content-header::before {
		margin-left: -10vw;
	}
}
.info .content-header-title {
	text-align: center;
}
.info-main {
	max-width: 900px;
	padding-bottom: 60px;
	margin: 0 auto;
}
@media screen and (max-width: 767.98px) {
	.info-main {
		padding: 0 5% 40px;
	}
}

/*about*/
.about .info-main {
	text-align: center;
	line-height: 1.5;
}
.about-lead {
	font-size: 24px;
	font-weight: 500;
	line-height: 2.2;
	letter-spacing: 0.03em;
	padding: 20px 0 45px;
}
.about-lead .large {
	font-size: 28px;
	font-weight: 700;
	font-feature-settings: "palt";
	letter-spacing: 0.08em;
	padding: 0.2em;
	margin: 0 0.3em;
	position: relative;
}
.about-lead .large::after {
	content: "";
	width: 100%;
	height: 18px;
	position: absolute;
	bottom: 3px;
	left: 0;
	z-index: -1;
	background: repeating-linear-gradient(
		-45deg,
		#b6e2ec,
		#b6e2ec 3px,
		#fff 0,
		#fff 6px
	);
	opacity: 0.8;
}
.about-contents {
	font-size: 18px;
	font-weight: 500;
	background: #f5f5f5;
	border-radius: 30px;
	padding: 40px 70px 45px;
	margin-bottom: 50px;
}
.about-contents dl {
	margin-bottom: 30px;
}
.about-contents dt {
	font-size: 23px;
	font-weight: 700;
	border-bottom: 1px dashed #000;
	padding-bottom: 15px;
}
.about-contents dd {
	display: flex;
	text-align: left;
	border-bottom: 1px dashed #000;
	padding: 10px 5px;
}
.about-contents dd::before {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	background: url(/assets/img/logo_plus.svg) no-repeat;
	background-size: contain;
	margin: 5px 10px 0 0;
}
.about-text {
	font-size: 20px;
	font-weight: 500;
	line-height: 2;
}
.about-text strong {
	font-weight: 700;
}
.about-links {
	display: flex;
	padding: 50px 0 30px;
}
.about-link-item {
	width: 100%;
	margin: 0 10px;
}
.about-link-item a {
	display: flex;
	width: 100%;
	height: 80px;
	font-weight: 700;
	align-items: center;
	justify-content: center;
	background: #fff;
	border: 1px solid #000;
	border-radius: 16px;
	padding: 1px 35px 0;
	position: relative;
}
.about-link-item a::after {
	content: "";
	display: block;
	width: 8px;
	height: 14px;
	background: url(../img/arrow_black.svg) no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	margin-top: 1px;
}
.about-link-item .sub {
	min-width: 150px;
	font-size: 16px;
	color: #fff;
	background: #00b4dc;
	border-radius: 50px;
	position: absolute;
	top: -24px;
	z-index: 10;
	padding: 3px 27px 4px 25px;
}
.about-link-item .sub::before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-top-color: #00b4dc;
	border-width: 8px 4px 0 4px;
	position: absolute;
	top: 100%;
	left: calc(50% - 4px);
}
.about-link-item .title {
	font-size: 20px;
	letter-spacing: 0.05em;
	font-feature-settings: "palt";
	position: relative;
	z-index: 10;
}
/*hover*/
.pc .about-link-item a:hover,
.sp .about-link-item a.hover {
	background-color: #b6e2ec;
}
@media screen and (max-width: 767.98px) {
	.about-lead {
		font-size: 18px;
		font-size: 4.61vw;
		letter-spacing: 0.02em;
		padding: 10px 0 30px;
	}
	.about-lead .large {
		font-size: 21.5px;
		font-size: 5.51vw;
		line-height: 1.85;
		letter-spacing: 0.075em;
		padding: 0.1em;
		margin: 0 0.2em;
	}
	.about-lead .large::after {
		height: 3.2vw;
	}
	.about-contents {
		font-size: 14px;
		border-radius: 20px;
		padding: 30px 7% 35px;
		margin-bottom: 40px;
	}
	.about-contents dl {
		margin-bottom: 25px;
	}
	.about-contents dt {
		font-size: 18px;
		padding-bottom: 12px;
	}
	.about-contents dd::before {
		width: 16px;
		height: 16px;
		margin-top: 3px;
	}
	.about-text {
		font-size: 15px;
		line-height: 1.7;
	}
	.about-text span {
		display: inline-block;
	}
	/*links*/
	.about-links {
		flex-wrap: wrap;
		padding: 20px 0;
	}
	.about-link-item {
		margin: 0 auto 35px;
	}
	.about-link-item:last-child {
		margin-bottom: 0;
	}
	.about-link-item a {
		height: auto;
		min-height: 65px;
		border-radius: 10px;
		padding: 18px 25px;
	}
	.about-link-item a::after {
		width: 7px;
		height: 12px;
		right: 14px;
		margin-top: 2px;
	}
	.about-link-item .sub {
		min-width: 130px;
		font-size: 13px;
		top: -18px;
		padding: 2px 17px 3px 15px;
	}
	.about-link-item .sub::before {
		border-width: 8px 4px 0 4px;
		margin-top: -1px;
	}
	.about-link-item .title {
		font-size: 16px;
		line-height: 1.2;
	}
	.about-link-item .title span {
		display: inline-block;
	}
}

/*contact*/
.contact-header {
	font-size: 26px;
	font-weight: 700;
	text-align: center;
	color: #333;
	margin: 50px 0 40px;
	position: relative;
}
.contact-header::before {
	content: "";
	display: block;
	width: 100%;
	height: 7px;
	background: #82c8da;
	position: absolute;
	top: calc(50% - 7px);
	left: 0;
	background: repeating-linear-gradient(
		-45deg,
		#ccc,
		#ccc 3px,
		#fff 0,
		#fff 6px
	);
}
.contact-header span {
	display: inline-block;
	letter-spacing: 0.03em;
	background: #fff;
	padding: 0 20px 10px 22px;
	position: relative;
}
.contact-form-block {
	font-size: 16px;
	padding-bottom: 70px;
}
.contact-form-block dl {
	display: flex;
	align-items: center;
	padding: 20px 0;
}
.contact-form-block dt {
	display: flex;
	align-items: center;
	width: 260px;
	font-size: 17px;
	font-weight: 500;
}
.contact-form-block dt .red {
	font-size: 16px;
	padding-left: 5px;
}
.contact-form-block dd {
	flex: 1;
}
.contact-form-block dl.textarea {
	align-items: flex-start;
}
.contact-form-block .red {
	font-weight: 500;
}
.contact-form-block .err {
	display: block;
	font-size: 14px;
	font-weight: 700;
	color: #f00;
	margin-bottom: 4px;
	display: none;
}
/*input*/
.contact-form-block dd input {
	width: 100%;
	height: 50px;
	font-size: 17px;
	line-height: 1.5;
	background: #fff;
	border: 1px solid #666;
	border-radius: 10px;
	padding: 0 1.2em;
	position: relative;
}
.contact-form-block dd textarea {
	width: 100%;
	height: 200px;
	font-size: 16px;
	line-height: 1.8;
	background: #fff;
	border-radius: 10px;
	border: 1px solid #666;
	padding: 1.2em 1.5em;
	position: relative;
}
.contact-form-block dd input:focus,
.contact-form-block dd textarea:focus {
	border: 1px solid #00b4dc;
}
/*select*/
.contact-form-block .selectdd {
	position: relative;
}
.contact-form-block .selectdd label {
	display: flex;
	align-items: center;
	width: 100%;
	height: 50px;
	font-size: 17px;
	color: #000;
	text-align: left;
	background: #fff;
	border: 1px solid #000;
	border-radius: 10px;
	white-space: nowrap;
	overflow: hidden;
	padding: 0 50px 1px 1.2em;
	cursor: pointer;
	position: relative;
	z-index: 1;
}
.contact-form-block .selectdd label::before {
	content: "";
	display: block;
	width: 50px;
	height: 100%;
	background: #fff;
	position: absolute;
	top: 0;
	right: 0;
}
.contact-form-block .selectdd label::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 7px transparent solid;
	border-top-color: #000;
	border-width: 12px 7px 0 7px;
	position: absolute;
	top: calc(50% - 5px);
	right: 20px;
}
.contact-form-block .selectdd label:active {
	border: 1px solid #00b4dc;
}
.contact-form-block .selectdd select {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 16px;
	line-height: 1.5;
	cursor: pointer;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.contact-form-block .selectdd select option {
	opacity: 1;
	background-color: #fff;
}
/*attention*/
.contact-form-block .attention {
	height: 270px;
	background: #f5f5f5;
	padding: 30px 35px;
	margin-top: 30px;
	overflow: auto;
}
.contact-form-block .attention h2 {
	font-size: 13px;
	padding-bottom: 10px;
}
.contact-form-block .attention p {
	font-size: 13px;
	line-height: 1.8;
	padding-bottom: 20px;
}
.contact-form-block .attention p:last-child {
	padding-bottom: 0;
}
.contact-form-block .attention a {
	font-weight: 500;
	color: #00b4dc;
	border-bottom: 1px solid #00b4dc;
}
.contact-form-block .attention a:hover {
	color: #000;
	border-bottom: 1px solid #000;
}
/*check*/
.contact-form-block .checkbox {
	text-align: center;
	margin-top: 20px;
}
.contact-form-block .checkbox input[type="checkbox"] {
	display: none;
}
.contact-form-block .checkbox label {
	display: inline-flex;
	align-items: center;
	font-size: 16px;
	background: #f5f5f5;
	border-radius: 50px;
	padding: 14px 30px 15px 60px;
	cursor: pointer;
	position: relative;
	transition: all 0.1s linear;
}
.contact-form-block .checkbox label::before {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	border: 2px solid #ccc;
	border-radius: 5px;
	position: absolute;
	top: 50%;
	left: 28px;
	transform: translateY(-50%);
	transition: all 0.1s linear;
}
.contact-form-block .checkbox label::after {
	content: "";
	display: block;
	width: 5px;
	height: 11px;
	border-right: 2px solid #5db1ca;
	border-bottom: 2px solid #5db1ca;
	position: absolute;
	top: calc(50% - 8px);
	left: 36px;
	opacity: 0;
	transition: all 0.1s linear;
	transform: rotate(45deg);
}
/*checkbox*/
.pc .contact-form-block .checkbox label:hover {
	color: #fff;
	background: #82c8da;
}
.pc .contact-form-block .checkbox label:hover::before {
	border-color: #fff;
	opacity: 0.5;
}
.pc .contact-form-block .checkbox label:hover::after {
	border-color: #fff;
	opacity: 0.5;
}
.pc .contact-form-block .checkbox label:hover span {
	color: #fff;
}
.contact-form-block .checkbox input[type="checkbox"]:checked + label {
	color: #fff;
	background: #5db1ca;
}
.contact-form-block .checkbox input[type="checkbox"]:checked + label::before {
	border-color: #fff;
	background: #fff;
	opacity: 1;
}
.contact-form-block .checkbox input[type="checkbox"]:checked + label::after {
	border-color: #5db1ca;
	opacity: 1;
}
.contact-form-block .checkbox input[type="checkbox"]:checked + label span {
	color: #fff;
}
/*confirm*/
body.confirm .contact-form-block dl {
	border-bottom: 1px solid #555;
}
.contact-form-block dd.confirm {
	display: flex;
	align-items: center;
	font-size: 17px;
	letter-spacing: 0.03em;
	padding: 0 1.2em 1px;
}
.contact-form-block dl:not(.textarea) dd.confirm {
	height: 50px;
}
.contact-form-block dl.textarea {
	padding: 30px 0;
}
.contact-form-block dl.textarea dd.confirm {
	padding: 0 1.2em;
}
body.confirm .contact-form-block .attention {
	margin-top: 50px;
}
/*end*/
.contact-end {
	font-size: 24px;
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.03em;
	padding: 20px 0 120px;
}
/*btn*/
.contact-form-block .send {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 60px;
}
.contact-form-block button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 500px;
	font-size: 20px;
	color: #fff;
	font-weight: 700;
	border-radius: 50px;
	background: #3c3c3c;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 16px 0;
	margin: 0 10px;
	cursor: pointer;
	position: relative;
	transition: all 0.1s linear;
}
.contact-form-block button.back {
	min-width: 200px;
	background: #9e9e9e;
}
.contact-form-block button.na {
	background: #d5d5d5;
}
.pc .contact-form-block button:not(.na):hover,
.sp .contact-form-block button:not(.na):active {
	background: #00b4dc;
}
.pc .contact-form-block button.back:hover,
.sp .contact-form-block button.back:active {
	background: #747474;
}
/*notice*/
.contact .notice {
	border: 1px solid #000;
	padding: 30px 50px 35px;
}
.contact .notice h2 {
	font-size: 15px;
	padding-bottom: 10px;
}
.contact .notice p {
	font-size: 14px;
}
.contact .note {
	font-size: 14px;
	line-height: 1.8;
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 20px;
}
.contact .note span {
	background: #e6e6e6;
	padding: 0 3px 2px;
}
@media screen and (max-width: 767.98px) {
	.contact-header {
		font-size: 17px;
		margin: 30px 0 30px;
	}
	.contact-header::before {
		height: 1px;
		top: calc(50% + 1px);
		background: #333;
	}
	.contact-header span {
		padding: 0 10px;
	}
	.contact-form-block {
		max-width: 500px;
		font-size: 14px;
		padding-bottom: 40px;
		margin: 0 auto;
	}
	.contact-form-block dl {
		flex-direction: column;
		padding: 10px 0;
	}
	.contact-form-block dt {
		width: 100%;
		font-size: 15px;
		margin-bottom: 5px;
	}
	.contact-form-block dt .red {
		font-size: 14px;
	}
	.contact-form-block dd {
		width: 100%;
	}
	.contact-form-block .err {
		font-size: 12px;
	}
	.contact-form-block dd input {
		font-size: 16px;
		height: 42px;
		padding: 0 1em;
	}
	.contact-form-block dd textarea {
		padding: 1em;
	}
	.contact-form-block .selectdd label {
		font-size: 16px;
		height: 42px;
		padding-right: 40px;
	}
	.contact-form-block .selectdd label::after {
		right: 17px;
	}
	.contact-form-block .attention {
		height: 200px;
		padding: 25px 20px;
		margin-top: 20px;
	}
	.contact-form-block .attention p {
		font-size: 12px;
		line-height: 1.6;
	}
	.contact-form-block .checkbox label {
		font-size: 13px;
		padding: 12px 25px 13px 55px;
	}
	.contact-form-block .checkbox label::before {
		left: 25px;
	}
	.contact-form-block .checkbox label::after {
		left: 33px;
	}
	/*confirm*/
	body.confirm .contact-form-block dl {
		border-bottom: none;
	}
	.contact-form-block dd.confirm {
		font-size: 15px;
		letter-spacing: 0.03em;
		padding: 0.8em 1em;
		background: #f5f5f5;
	}
	.contact-form-block dl.textarea {
		padding: 10px 0;
	}
	.contact-form-block dl.textarea dd.confirm {
		padding: 1em 1.2em;
	}
	body.confirm .contact-form-block .attention {
		margin-top: 30px;
	}
	/*end*/
	.contact-end {
		font-size: 16px;
		padding: 20px 0 70px;
	}
	/*btn*/
	.contact-form-block .send {
		flex-direction: column;
		padding-top: 40px;
	}
	.contact-form-block button {
		width: 100%;
		font-size: 16px;
		padding: 12px 0;
		margin: 0 auto;
	}
	.contact-form-block button.back {
		width: 50%;
		order: 1;
		margin-top: 15px;
	}
	/*notice*/
	.contact .notice {
		padding: 25px 20px 30px;
	}
	.contact .notice h2 {
		font-size: 14px;
	}
	.contact .notice p {
		font-size: 13px;
	}
	.contact .note {
		font-size: 13px;
		line-height: 1.6;
	}
}

/*error404*/
.error-main {
	text-align: center;
	padding: 40px 20px 100px;
}
.error-title {
	font-size: 28px;
	margin-bottom: 30px;
}
.error-title span {
	display: inline-block;
}
.error-text {
	font-size: 16px;
	line-height: 2;
}
.error-main .btn-more {
	max-width: 300px;
	margin-top: 50px;
}
.error-main .btn-more-link {
	font-size: 16px;
	line-height: 42px;
}
@media screen and (max-width: 767.98px) {
	.error-main {
		padding: 20px 8% 80px;
	}
	.error-title {
		font-size: 20px;
	}
	.error-text {
		font-size: 14px;
		line-height: 1.8;
		text-align: left;
	}
	.error-main .btn-more {
		margin-top: 30px;
	}
	.error-main .btn-more-link {
		font-size: 14px;
		line-height: 36px;
	}
}
@media screen and (min-height: 810px) {
	.error #globalfooter {
		width: 100%;
		border-top: none;
		position: fixed;
		bottom: 0;
	}
}
@media screen and (max-width: 767.98px) and (min-height: 690px) {
	.error #globalfooter {
		width: 100%;
		border-top: none;
		position: fixed;
		bottom: 0;
	}
}

/*breadcrumb*/
.breadcrumb {
	background: #f8f8f8;
}
.breadcrumb-inner {
	max-width: 1500px;
	text-align: left;
	padding: 20px 370px 20px 35px;
	margin: 0 auto;
}
.breadcrumb ol {
	max-width: 950px;
	margin: 0 auto;
}
.breadcrumb li {
	display: inline;
	font-size: 16px;
	line-height: 1.8;
}
.breadcrumb li::after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 10px;
	background: url(../img/arrow_black.svg) no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin: -2px 10px 0 13px;
	opacity: 0.5;
}
.breadcrumb li:last-child::after {
	display: none;
}
.breadcrumb li a[href]:hover {
	color: #00b4dc;
}
@media screen and (min-width: 768px) {
	.article .breadcrumb ol {
		max-width: initial;
		padding-left: 3%;
	}
}
@media screen and (max-width: 767.98px) {
	.breadcrumb-inner {
		padding: 18px 5%;
	}
	.breadcrumb li {
		font-size: 13px;
		line-height: 1.65;
	}
	.breadcrumb li::after {
		margin-right: 7px;
		margin-left: 10px;
		transform: scale(0.9);
	}
}


/*@other
/////////////////////////////////////////////////////////////////////*/
/*loader*/
@keyframes loader-icon {
	0% {
		transform: translate(-50%, -50%) rotate(0) scale(1);
	}
	100% {
		transform: translate(-50%, -50%) rotate(360deg) scale(1);
	}
}
.loader {
	position: relative;
}
.loader img {
	position: relative;
	z-index: 2;
}
.loader::before {
	content: "";
	display: block;
	width: 42px;
	height: 42px;
	border: 1px solid #b6e2ec;
	border-bottom-color: transparent;
	border-radius: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	animation: loader-icon 0.75s 0s linear infinite;
}
.loader.loaded::before {
	display: none;
}
@media screen and (max-width: 767.98px) {
	.loader::before {
		width: 20px;
		height: 20px;
	}
}

/*lazyload*/
.lazyload {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.35s;
}
.lazyloaded {
	opacity: 1;
	visibility: visible;
}
img.lazyload:not([src]) {
	visibility: hidden;
}

/*slick
////////////////////////////////////////////////////*/
.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;
}
.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 {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	margin-left: auto;
	margin-right: auto;
}
.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;
	outline: none;
}
[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;
}
/*arrow*/
.slick-arrow {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 38px;
	height: 38px;
	background: #3c3c3c;
	border-radius: 50%;
	cursor: pointer;
}
.slick-arrow.prev {
	padding-right: 1px;
}
.slick-arrow.next {
	padding-left: 2px;
}
.slick-arrow::before {
	content: "";
	display: block;
	width: 8px;
	height: 13px;
	background: url(../img/arrow_white.svg) no-repeat;
	background-size: contain;
}
.slick-arrow.prev::before {
	transform: rotate(-180deg);
}
@media screen and (max-width: 767.98px) {
	.slick-arrow.prev {
		left: -18px;
		padding-left: 11px;
	}
	.slick-arrow.next {
		right: -18px;
		padding-right: 11px;
	}
	.slick-arrow::before {
		width: 7px;
		height: 12px;
	}
}

.slick-slider {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s;
}
.slick-slider.slick-initialized {
	opacity: 1;
	visibility: visible;
}

/*magnific
////////////////////////////////////////////////////*/
.mfp-bg {
	width: 100%;
	height: 100%;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1042;
	overflow: hidden;
	opacity: 0.9;
}
.mfp-wrap {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1043;
	outline: none !important;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-overflow-scrolling: touch;
}
.mfp-container {
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mfp-container:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
	display: none;
}
.mfp-content {
	position: relative;
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	margin: 0 auto;
	z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto;
}
.mfp-ajax-cur {
	cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}
.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
	cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.mfp-loading.mfp-figure {
	display: none;
}
.mfp-hide {
	display: none !important;
}
.mfp-preloader {
	position: absolute;
	top: 50%;
	left: 8px;
	right: 8px;
	z-index: 1044;
	width: auto;
	text-align: center;
	color: #ccc;
	margin-top: -0.8em;
}
.mfp-preloader a {
	color: #ccc;
}
.mfp-preloader a:hover {
	color: #fff;
}
.mfp-s-ready .mfp-preloader {
	display: none;
}
.mfp-s-error .mfp-content {
	display: none;
}

button.mfp-close,
button.mfp-arrow {
	display: block;
	overflow: visible;
	cursor: pointer;
	border: 0;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	appearance: none;
	-webkit-appearance: none;
	padding: 0;
	z-index: 1046 !important;
}
button::-moz-focus-inner {
	padding: 0;
	border: 0;
}
/*close*/
.mfp-close {
	cursor: pointer;
}
/*iframe*/
.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px;
}
.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
/* .mfp-inline-holder { padding:60px 0;} */
/*img*/
img.mfp-img {
	display: block;
	width: auto;
	max-width: 96%;
	height: auto;
	line-height: 0;
	box-sizing: border-box;
	margin: 0 auto;
}
/*animation*/
.mfp-zoom-in .mfp-container,
.mfp-zoom-in.mfp-bg {
	opacity: 0;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transition: all 0.2s ease-in-out;
}
.mfp-zoom-in.mfp-ready .mfp-container {
	opacity: 1;
}
.mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.9;
}
.mfp-zoom-in.mfp-removing .mfp-container,
.mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}

/*////////////////////////////////////////////////////*/
/*txplus*/
.txplus .article-header-media img,
.txplus .article-media img {
	height: 53px;
}
.txplus #content-outer .videotvtokyo_recommend {
	text-align: center;
}
@media screen and (max-width: 767.98px) {
	.txplus .article-header-media img,
	.txplus .article-media img {
		height: 37px;
	}
}

/*yomitv*/
.yomitv .article-header-media img,
.yomitv .article-media img {
	height: 38px;
}
@media screen and (max-width: 767.98px) {
	.yomitv .article-header-media img,
	.yomitv .article-media img {
		height: 25px;
	}
}

/*ntvtopics*/
/*tbstopics*/
/*fujitvview*/
/*expost*/
/*plusparavi*/

/*add 202304
/////////////////////////////////////////////////////////////////////*/
.program-card-item {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid #000;
	border-radius: 16px;
	padding: 5% 5% 7%;
}
@media screen and (min-width: 768px) {
	.program-card {
		padding-bottom: 8px;
	}
	.program-card-inner {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 25px;
	}
}
@media screen and (max-width: 767.98px) {
	.program-card {
		width: 100vw;
		margin: 30px calc(50% - 50vw) -15px;
		overflow: hidden;
	}
	.program-card-scroll {
		display: flex;
		overflow: auto;
		padding-bottom: 15px;
	}
	.program-card-inner {
		display: flex;
		padding: 0 5%;
		margin: 0 auto;
	}
	.program-card-item {
		width: 270px;
		padding: 15px 15px 20px;
	}
	.program-card-item:not(:last-child) {
		margin-right: 12px;
	}
}

.program-card-pic {
	width: 100%;
	height: 0;
	padding-top: calc(9 / 16 * 100%);
	overflow: hidden;
	position: relative;
}
.program-card-pic img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	position: absolute;
	top: 0;
	left: 0;
}
.program-card-pic a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.pc .program-card-pic a:hover,
.sp .program-card-pic a.hover {
	opacity: .75;
}


.program-card-detail {
	padding: 13px 0 16px;
}
.program-card-title {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.35;
	margin-bottom: 10px;
}
.pc .program-card-title a:hover,
.sp .program-card-title a.hover {
	opacity: .6;
}
.program-card-text {
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 5px;
}
@media screen and (max-width: 767.98px) {
	.program-card-detail {
		padding: 10px 0;
	}
	.program-card-title {
		font-size: 16px;
	}
	.program-card-text {
		font-size: 12px;
		margin-bottom: 3px;
	}
}

/*link*/
.program-card-link {
	display: inline-block;
	font-size: 15px;
	font-weight: 500;
	color: #00b4dc;
	padding-right: 12px;
	margin-top: 10px;
	position: relative;
}
.program-card-link {
	border-bottom: none;
}
.program-card-link span {
	border-bottom: 1px solid #00b4dc;
}
.program-card-link::after {
	content: "";
	display: block;
	width: 7px;
	height: 12px;
	background: url(/assets/img/arrow_blue.svg) no-repeat;
	background-size: contain;
	flex-shrink: 0;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(calc(-50% + 2px));
}
.pc .program-card-link[href]:hover,
.sp .program-card-link[href].hover {
	color: #000;
}
.pc .program-card-link[href]:hover span,
.sp .program-card-link[href].hover span {
	border-bottom-color: #000;
}
.pc .program-card-link[href]:hover::after,
.sp .program-card-link[href].hover::after {
	background-image: url(/assets/img/arrow_black.svg);
}
/*disable*/
.program-card-link:not([href]) {
	filter: grayscale(1);
}
@media screen and (max-width: 767.98px) {
	.program-card-link {
		font-size: 14px;
	}
	.program-card-link::after {
		top: 7px;
		transform: translateY(0);
	}
}

/*btn*/
.program-card-tverbtn {
	margin-top: auto;
}
.program-card-tverlink {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	min-height: 45px;
	line-height: 1.3;
	text-align: center;
	background: #00d0e9 url(/assets/img/arrow_white.svg) no-repeat center right 30px;
	background-size: auto 16px;
	border-radius: 50px;
	padding: 0 50px 1px;
}
.program-card-tverlink span {
	padding-bottom: 1px;
}
.pc .program-card-tverlink[href]:hover,
.sp .program-card-tverlink[href].hover {
	background-color: #00b4dc;
}
/*disable*/
.program-card-tverlink:not([href]) {
	filter: grayscale(1);
	opacity: .7;
}
@media screen and (max-width: 767.98px) {
	.program-card-tverlink {
		font-size: 15px;
		min-height: 36px;
		background-position: center right 18px;
		background-size: auto 13px;
		padding: 5px 35px;
	}
}


/*add 202311
/////////////////////////////////////////////////////////////////////*/
/*app*/
.side-block.app {
	text-align: center;
}
.app-dl-text {
	font-size: 19px;
	font-weight: 700;
	padding-bottom: 5px;
}
@media screen and (min-width: 768px) {
	.side-block.app {
		width: calc(100% + 50px);
		border-bottom: 1px solid #000;
		padding: 30px 25px 25px;
		margin-left: -25px;
	}
	.app-dl-item {
		display: block;
		margin-bottom: 10px;
	}
	.app-dl-link {
		display: flex;
		align-items: center;
		justify-content: center;
		column-gap: 5px;
		margin: 5px auto;
	}
	.app-dl-item img {
		width: auto;
		height: 46px;
	}
}
@media screen and (max-width: 767.98px) {
	.app-dl-link {
		display: flex;
		align-items: center;
		justify-content: center;
		column-gap: 10px;
		width: 85%;
		max-width: 400px;
		margin: 5px auto;
	}
	.app-dl-item img {
		height: 50px;
	}
}


/*banner - Rectangle*/
.side-block.banner .banner-item:not(:last-child) {
	margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
	.side-block.banner {
		width: calc(100% + 50px);
		margin-left: -25px;
	}
}
@media screen and (max-width: 767.98px) {
	.side-block.banner {
		padding-bottom: 35px;
	}
}


/*banner - Fixed*/
.banner-fixed {
	width: 420px;
	position: fixed;
	bottom: 110px;
	right: 2%;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	transition: all .3s;
}
.banner-fixed.end {
	opacity: 0 !important;
	visibility: hidden !important;
}
.banner-fixed-item {
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #fff;
	text-align: left;
	background: #000000CC;
	border-radius: 10px;
	padding: 20px;
	transition: background .2s;
}
.pc .banner-fixed-item:hover,
.sp .banner-fixed-item.hover {
	background: #000000FF;
}
@media screen and (max-width: 767.98px) {
	.banner-fixed {
		width: 90%;
		max-width: 500px;
		bottom: 75px;
		left: 0;
		right: 0;
		margin: auto;
	}
	.banner-fixed-item {
		font-size: 12px;
		color: #fff;
		padding: 12px 15px;
	}
}

.banner-fixed-item .pic {
	width: 170px;
	flex-shrink: 0;
}
.banner-fixed-item .detail {
	flex: 1;
	padding-left: 15px;
}
.banner-fixed-item .detail-text {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	height: calc(1.35em * 3);
	overflow: hidden;
	line-height: 1.35;
	margin-bottom: 10px;
}
@media screen and (max-width: 767.98px) {
	.banner-fixed-item .pic {
		width: min(45%, 130px);
	}
	.banner-fixed-item .detail {
		padding-left: 10px;
	}
	.banner-fixed-item .detail-text {
		margin-bottom: 7px;
	}
}

.banner-fixed-item .detail-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 29px;
	font-weight: 700;
	background: #00b4dc;
	border-radius: 50px;
}
.banner-fixed-item .detail-btn::before {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	background: url(../img/rank_play.svg) no-repeat;
	background-size: contain;
	margin: 0 8px 0 -5px;
}
.banner-fixed-item .detail-btn span {
	padding-bottom: 2px;
}
@media screen and (max-width: 767.98px) {
	.banner-fixed-item .detail-btn {
		min-height: 24px;
		font-size: 13px;
	}
	.banner-fixed-item .detail-btn::before {
		width: 14px;
		height: 14px;
		margin-right: 5px;
	}
}

.banner-fixed .btn-close {
	width: 34px;
	height: 34px;
	background: #fff;
	border: 1px solid #000;
	border-radius: 50%;
	position: absolute;
	top: -10px;
	right: -10px;
}
.banner-fixed .btn-close::before,
.banner-fixed .btn-close::after {
	content: "";
	display: block;
	width: 16px;
	height: 3px;
	background: #000;
	position: absolute;
	top: 50%;
	left: 50%;
}
.banner-fixed .btn-close::before {
	transform: translate(-50%,-50%) rotate(-45deg);
}
.banner-fixed .btn-close::after {
	transform: translate(-50%,-50%) rotate(45deg);
}
@media screen and (max-width: 767.98px) {
	.banner-fixed .btn-close {
		width: 28px;
		height: 28px;
	}
	.banner-fixed .btn-close::before,
	.banner-fixed .btn-close::after {
		width: 13px;
		height: 2px;
	}
}

.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	border: 0;
	overflow: hidden;
	padding: 0;
	margin: -1px;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}


/*add 202311（card list）
/////////////////////////////////////////////////////////////////////*/
.top-section .program-card-inner {
	display: flex;
	gap: 0 1.3%;
}
.program-card-text {
	display: grid;
	grid-template-columns: auto 1fr;
}
@media screen and (min-width: 768px) {
	.top-section .program-card-item {
		width: calc((100% - 2.6%) / 3);
		padding: 1.65%;
	}
	.top-section .program-card-item:nth-child(n + 4) {
		display: none;
	}
}
@media screen and (max-width: 767.98px) {
	.top-section .program-card-inner {
		justify-content: flex-start;
		overflow-x: auto;
		padding: 0 10px 40px 5%;
		gap: 0 10px;
	}
	.top-section .program-card-item {
		width: 235px;
		flex: 0 0 auto;
		padding: 12px;
		margin-right: 0;
	}
}

/*link*/
.program-card-item .name-link a {
	border-bottom: 1px solid #000;
}
.program-card-item .name-link a:hover {
	opacity: .5;
}

/*btn*/
.program-card-tverbtn.col2 {
	display: flex;
	justify-content: center;
	gap: 5px;
}
.program-card-tverbtn.col2 .program-card-tverlink.logo {
	border: 1px solid #00d0e9;
	padding-top: 1px;
}
.program-card-tverbtn.col2 .program-card-tverlink.story {
	width: 100%;
}
.pc .program-card-tverbtn.col2 .program-card-tverlink.logo[href]:hover,
.sp .program-card-tverbtn.col2 .program-card-tverlink.logo[href].hover {
	opacity: .7;
}
@media screen and (min-width: 768px) {
	.program-card-tverbtn.col2 .program-card-tverlink {
		min-height: 40px;
		font-size: 17px;
		background-position: center right 7.5%;
		background-size: auto 14px;
		padding: 0 10px;
	}
	.program-card-tverbtn.col2 .program-card-tverlink.logo {
		width: min(55%, 150px);
		background: #fff url(/assets/img/arrow_blue.svg) no-repeat center right 10px;
		background-size: auto 14px;
	}
}
@media screen and (max-width: 767.98px) {
	.program-card-tverbtn.col2 .program-card-tverlink {
		background-position: center right 9px;
		padding: 0 10px;
	}
	.program-card-tverbtn.col2 .program-card-tverlink.logo {
		width: min(45%, 100px);
		background: #fff url(/assets/img/arrow_blue.svg) no-repeat center right 7px;
		background-size: auto 12px;
	}
	.program-card-tverbtn.col2 .program-card-tverlink.logo img {
		width: auto;
		height: 16px;
	}
}


/*add 202401
/////////////////////////////////////////////////////////////////////*/
.article-sub-header .tver-banner-black {
	display: flex;
	min-height: 60px;
	align-items: center;
	font-size: 22px;
	font-weight: 700;
	color: #fff;
	line-height: 1.2;
	background: #000;
	border-radius: 10px;
	padding: 15px;
	margin-top: 20px;
}
@media screen and (max-width: 767.98px) {
	.article-sub-header .tver-banner-black {
		width: 94%;
		min-height: 40px;
		font-size: 15px;
		padding: 10px;
		margin: 15px auto 0;
	}
}

.article-sub-header .tver-banner-text {
	font-feature-settings: "palt";
	letter-spacing: 0.075em;
	padding-bottom: 2px;
}
.article-sub-header .tver-banner-text .title {
	padding-right: 0.3em;
}
.article-sub-header .tver-banner-text .period {
	display: block;
	font-size: 0.636em;
	font-weight: 500;
	letter-spacing: 0.03em;
	margin-top: 3px;
}

.article-sub-header .tver-banner-logo {
	display: grid;
	place-items: center;
	width: 80px;
	height: 50px;
	flex-shrink: 0;
	background: #fff;
	border-radius: 5px;
	padding-top: 1px;
	margin-right: 15px;
}
.article-sub-header .tver-banner-logo::before {
	content: "";
	display: block;
	width: 73%;
	padding-top: calc(33 / 58 * 73%);
	background: url(../img/logo_tver.svg) no-repeat;
	background-size: contain;
}
@media screen and (max-width: 767.98px) {
	.article-sub-header .tver-banner-logo {
		width: 40px;
		height: 32px;
		margin-right: 8px;
	}
}

.article-sub-header .tver-banner-icon {
	flex-shrink: 0;
	margin-right: 10px;
}
.article-sub-header .tver-banner-icon::before {
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	background: url(../img/icon_play_white.svg) no-repeat;
	background-size: contain;
}
@media screen and (max-width: 767.98px) {
	.article-sub-header .tver-banner-icon {
		margin-right: 6px;
	}
	.article-sub-header .tver-banner-icon::before {
		width: 28px;
		height: 28px;
	}
}

/*hover*/
.pc .article-sub-header .tver-banner-black:hover,
.sp .article-sub-header .tver-banner-black.hover {
	background: #00b4dc;
}


/*記事内TVerテキストリンク*/
.tver-text-link {
	display: inline-block;
	font-style: italic;
	color: #00b4dc;
	padding-left: 28px;
	position: relative;
}
.tver-text-link span {
	border-bottom: 1px solid #00b4dc;
	line-height: 1.5;
}
.tver-text-link::before {
	content: "";
	display: block;
	width: 22px;
	height: 22px;
	background: url(../img/icon_play.svg) no-repeat;
	background-size: contain;
	position: absolute;
	top: 7px;
	left: 0;
}
.pc .tver-text-link:hover,
.sp .tver-text-link.hover {
	color: #000;
}
.pc .tver-text-link:hover span,
.sp .tver-text-link.hover span {
	border-color: #000;
}
@media screen and (max-width: 767.98px) {
	.tver-text-link {
		padding-left: 24px;
	}
	.tver-text-link::before {
		width: 18px;
		height: 18px;
		top: 6px;
	}
}

/*リスト内TVer*/
.article-tver-item {
	border-color: #e2f3f7;
}
.article-tver-item::after {
	content: "";
	display: block;
	width: calc(100% + 40px);
	height: calc(100% + 2px);
	background: #e2f3f7;
	position: absolute;
	top: -1px;
	left: -20px;
}
.article-tver-item .article-list-pic,
.article-tver-item .article-list-detail {
	z-index: 2;
}
@media screen and (min-width: 768px) {
	.article-tver-item {
		padding: 20px 0;
	}
}
@media screen and (max-width: 767.98px) {
	.article-tver-item {
		align-items: center;
	}
	.article-tver-item::after {
		width: 100vw;
		height: calc(100% + 2px);
		top: -1px;
		left: 0;
		margin: 0 calc(50% - 50vw);
	}
	.article-tver-item .article-list-pic {
		margin-top: 0;
	}
}