@charset "UTF-8";
/*----------
	/enjoy/
	体験・エンタメ 共通
----------*/
/*  overide  */
@media (min-width: 768px), print {
	.icon-sns a {
		transition: opacity 0.2s;
	}
	.icon-sns a:hover img {
		opacity: 0.7;
	}
}
.c-enjoy-content {
	padding-bottom: 0;
}

ruby rt {
	font-size: 1rem;
}

/*  layout  */
.c-wave {
	position: relative;
	margin-top: 50px;
}
.c-wave::before {
	content: "";
	display: block;
	width: 100%;
	aspect-ratio: 375/31;
	background: url(/sitemanage/assets/images/customer/top/wave_t_sp.svg) no-repeat 0 0/cover;
}
.c-wave__inner {
	position: relative;
	background-color: #E8F4FF;
	padding-top: 40px;
	padding-bottom: 80px;
}
.c-wave__inner::after {
	display: none;
}
@media (min-width: 768px), print {
	.c-wave {
		margin-top: 80px;
	}
	.c-wave::before {
		aspect-ratio: 1440/120;
		background: url(/sitemanage/assets/images/customer/top/wave_t_pc.svg) no-repeat 0 0/cover;
	}
	.c-wave__inner {
		padding-top: 0;
		padding-bottom: 100px;
	}
}

.c-keyword__list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 8px 15px;
	margin-top: 20px;
	color: var(--color-txt);
	font-size: 1.6rem;
}
.c-keyword__list li + li {
	margin-top: 3px;
}
.c-keyword__hit {
	text-align: center;
	font-weight: 500;
	margin-top: 30px;
}
.c-keyword .js-keyword-search-btn {
	pointer-events: none;
}
.c-keyword .js-keyword-search-btn > span {
	color: var(--color-txt-caption);
}
.c-keyword .js-keyword-search-btn .c-button__icon {
	color: var(--color-txt-caption);
}
.c-keyword .js-keyword-search-btn.is-active {
	pointer-events: auto;
}
.c-keyword .js-keyword-search-btn.is-active > span {
	color: inherit;
}
.c-keyword .js-keyword-search-btn.is-active .c-button__icon {
	color: var(--color-link);
}
@media (min-width: 768px), print {
	.c-keyword__list {
		grid-template-columns: repeat(4, 1fr);
		gap: 10px 50px;
	}
}

.c-medialist__item-inner {
	color: var(--color-txt);
	display: flex;
	padding-block: 16px;
	border-top: 1px solid var(--color-border);
	border-bottom: 1px solid var(--color-border);
	margin-top: -1px;
}
.c-medialist__image {
	position: relative;
	flex: 0 0 140px;
	margin-right: 15px;
	background-color: #fff;
}
.c-medialist__image figure {
	overflow: hidden;
}
.c-medialist__image figure img {
	transition: transform 0.3s;
	aspect-ratio: 203/140;
	object-fit: contain;
}
.c-medialist__tag {
	margin-bottom: 10px;
}
.c-medialist__text {
	font-size: 1.4rem;
	line-height: 1.8;
}
.c-medialist--rank .c-medialist__item .c-medialist__image::before {
	position: absolute;
	top: -10px;
	left: -5px;
	width: 32px;
	height: 32px;
	border: 2px solid #fff;
	border-radius: 100%;
	color: #fff;
	font-family: var(--font-mplus);
	font-size: 1.8rem;
	font-weight: 500;
	text-align: center;
	line-height: 30px;
	z-index: 1;
}
.c-medialist--rank .c-medialist__item:nth-child(1) .c-medialist__image::before {
	content: "1";
	background-color: #D6A500;
}
.c-medialist--rank .c-medialist__item:nth-child(2) .c-medialist__image::before {
	content: "2";
	background-color: #999999;
}
.c-medialist--rank .c-medialist__item:nth-child(3) .c-medialist__image::before {
	content: "3";
	background-color: #D17D48;
}
@media (min-width: 768px), print {
	.c-medialist__item-inner {
		transition: color 0.2s;
	}
	.c-medialist__item-inner:hover {
		text-decoration: underline;
		color: var(--color-hover);
	}
	.c-medialist__item-inner:hover figure img {
		transform: scale(1.05);
	}
	.c-medialist__image {
		flex: 0 0 203px;
		margin-right: 30px;
	}
	.c-medialist__text {
		font-size: 1.6rem;
	}
	.c-medialist--rank .c-medialist__item .c-medialist__image::before {
		width: 40px;
		height: 40px;
		font-size: 2.2rem;
		line-height: 38px;
	}
}

.c-imagelink-rank .c-imagelink-v2 .c-imagelink-v2__link::before {
	position: absolute;
	top: -10px;
	left: -5px;
	width: 32px;
	height: 32px;
	border: 2px solid #fff;
	border-radius: 100%;
	color: #fff;
	font-family: var(--font-mplus);
	font-size: 1.8rem;
	font-weight: 500;
	text-align: center;
	line-height: 30px;
	z-index: 1;
}
.c-imagelink-rank .c-imagelink-v2:nth-child(1) .c-imagelink-v2__link::before {
	content: "1";
	background-color: #D6A500;
}
.c-imagelink-rank .c-imagelink-v2:nth-child(2) .c-imagelink-v2__link::before {
	content: "2";
	background-color: #999999;
}
.c-imagelink-rank .c-imagelink-v2:nth-child(3) .c-imagelink-v2__link::before {
	content: "3";
	background-color: #D17D48;
}
@media (max-width: 1024px) {
	.c-imagelink-rank {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
}
@media (max-width: 767px) {
	.c-imagelink-rank {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 0 15px;
	}
	.c-imagelink-rank .g-grid__item:first-child {
		grid-column: 1/-1;
	}
	.c-imagelink-rank .g-grid__item:not(:first-child) .c-imagelink-v2__figure {
		padding: 8px;
	}
	.c-imagelink-rank .g-grid__item:not(:first-child) .c-imagelink-v2__content {
		padding-inline: 8px;
	}
}

.c-articles__count {
	margin-bottom: 13px;
}
.c-articles .c-imagelink-v3 {
	display: block;
	opacity: 1;
	transition: opacity 0.2s allow-discrete;
}
@starting-style {
	.c-articles .c-imagelink-v3 {
		opacity: 0;
	}
}
.c-articles .c-imagelink-v3.is-hide {
	display: none;
	opacity: 0;
}
.c-articles .p-btn-more {
	margin-top: 30px;
}
@media (min-width: 768px), print {
	.c-articles .p-btn-more {
		max-width: 300px;
		margin-top: 30px;
	}
}