/* =============================================================
    Module
============================================================= */
@media screen and (min-width: 992px) {
}
@media screen and (max-width: 991px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
}

/* =============================================================
    Common
============================================================= */
.c-top-section{
	margin-top: 5rem;
}
.l-container{
	padding-inline: 2rem;
}
.l-container-scroll{
	padding-inline: 0;
}
.c-top-section__heading{
	font-size: 2.6rem;
	line-height: 1;
	letter-spacing: .15em;
	font-family: var(--font-ja-serif);
	font-weight: var(--fw-semibold);
	margin-bottom: 2rem;
}
.c-top-section__heading-inner{
	border-bottom: 1px solid var(--color-border);
	padding-bottom: 1.5rem;
	display: grid;
	gap:1.2rem;
}
.c-top-section__heading span{
	color: var(--color-primary);
	font-size: 1.2rem;
	font-family: var(--font-en);
	font-weight: var(--fw-regular);
	letter-spacing: .15em;
}
[data-section="commitment"] .c-top-section__heading{
	line-height: 1.5;
}
[data-section="commitment"] .c-top-section__heading-inner{
	border-bottom: unset;
	padding-bottom:0;
}

@media screen and (min-width: 768px) {
	.c-top-section{
		margin-top: 8rem;
	}
	[data-section="mv"] + .c-top-section{
		margin-top: 0;
	}
	.l-container-scroll{
		margin-inline: auto;
		width: var(--container-default);
	}
	.c-top-section__heading{
		font-size: 3rem;
	}
	.c-top-section__heading-inner{
		gap:1.5rem;
	}
}
@media screen and (max-width: 767px) {
	.gutter-sp{
		padding-inline: var(--gutter-sp);
	}
}



/* メインロゴ（ティッカー表示中に表示、スクロール後に非表示）
------------------------------------------------------------- */
@media screen and (min-width: 768px) {
	.s-header-wrap__logo--vertical {
		display: block;
	}
  .s-header-wrap__logo--vertical {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 18rem;
    height: 18rem;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--transition-default);
    border: 1px solid var(--color-border);
  }
  .s-header-wrap__logo--vertical::before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--color-white);
    display: block;
    z-index: -1;
  }

  html.show-vertical-logo .s-header-wrap__logo--vertical {
    opacity: 1;
    pointer-events: auto;
  }

  html.no-transition .s-header-wrap__logo--vertical {
    transition: none !important;
  }

  /* 既存ロゴ（ティッカー表示中は非表示、スクロール後に表示）*/
  .s-header-wrap__logo {
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--transition-default);
  }

  html.show-mainlogo .s-header-wrap__logo {
    opacity: 1;
    pointer-events: auto;
  }

  html.no-transition .s-header-wrap__logo {
    transition: none !important;
  }
}
@media screen and (max-width: 767px) {
  .s-header-wrap__logo{
    opacity: 1;
    pointer-events: auto;
  }
}

@media (hover: hover) {
  .s-header-wrap__logo--vertical:hover::before{
    opacity: 1;
  }
}



/* =============================================================
    Swiper
============================================================= */
/* Swiperが暴走しないように */
.p-page-home .swiper {
	display: grid;
	width: 100%;
}
.p-page-home .swiper-wrapper {
	min-width: 0;
}

.top-product-slider{
	position: relative;
}
.slider-arrow{
	margin-block: auto;
	padding: 0;
	width: 4.5rem;
	aspect-ratio: 1;
	border-radius: 99%;
	overflow: hidden;
	background-color: rgba(255,255,255,.7);
	border: 1px solid var(--color-primary);
	transition: background var(--transition-default), opacity var(--transition-default);

	position: absolute;
	top: 0;
	bottom: 0;
	z-index: var(--zindex-hamburgermenu-contents);

	display:grid;
	place-items: center;
}
.top-button-primary{
	margin-inline: auto 0;
	display:grid;
	align-items: center;
	grid-template-columns: auto 3rem;
	gap: 1rem;
	width: fit-content;
	font-size: 1.5rem;
	letter-spacing: .05em;
	line-height: 1;
	font-family: var(--font-ja-serif);
	font-weight: var(--fw-semibold);
	color: var(--color-primary);
}
.top-button-primary__icon{
	width: 3rem;
	aspect-ratio: 1;
	border-radius: 99%;
	overflow: hidden;
	background-color: rgba(255,255,255,.7);
	border: 1px solid var(--color-primary);
	display:grid;
	place-items: center;
	transition: background var(--transition-default);
}
.slider-arrow::after,
.top-button-primary__icon::after{
	content: '';
	width: 4.5rem;
	aspect-ratio: 1;
	mask-repeat: no-repeat;
	mask-size: contain;
	background-color: var(--color-primary);
	transition: background var(--transition-default);
}
.slider-arrow.slider-arrow-next::after,
.top-button-primary__icon::after{
	mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2245%22%20height%3D%2245%22%20viewBox%3D%220%200%2045%2045%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M36.8252%2024.585L25.6709%2024.585L25.6709%2028.9268L24.6709%2028.9268L24.6709%2024.585L10%2024.585L10%2023.585L24.6709%2023.585L24.6709%2013.8946L36.8252%2024.585ZM25.6709%2023.585L34.1738%2023.585L25.6709%2016.1046L25.6709%2023.585Z%22%20fill%3D%22%23BE3B3B%22%2F%3E%3C%2Fsvg%3E')
}
.slider-arrow.slider-arrow-prev::after{
	mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2245%22%20height%3D%2245%22%20viewBox%3D%220%200%2045%2045%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.17481%2024.585L19.3291%2024.585L19.3291%2028.9268L20.3291%2028.9268L20.3291%2024.585L35%2024.585L35%2023.585L20.3291%2023.585L20.3291%2013.8946L8.17481%2024.585ZM19.3291%2023.585L10.8262%2023.585L19.3291%2016.1046L19.3291%2023.585Z%22%20fill%3D%22%23BE3B3B%22%2F%3E%3C%2Fsvg%3E')
}
.top-button-primary__icon::after{
	width: 3rem;
}
[data-section="feature"] .slider-arrow{
	top: 7.3rem;
	bottom: unset;
	margin-block: unset;
}
.slider-arrow.js-arrow-prev{
	left: 0;
}
.slider-arrow.js-arrow-next{
	right: 0;
}
.slider-arrow[aria-disabled="true"]{
	opacity: 0;
	pointer-events: none;
}

.slider-arrow__wrap{
	margin-top: 2rem;
}

@media screen and (max-width: 767px) {
    .top-product-slider.l-container{
        padding-inline: 0;
    }
    .p-page-home .swiper,
    .slider-arrow__wrap{
        padding-inline: 2rem;
    }
    .slider-arrow{
        display: none;
    }
}

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



/* =============================================================
	Mv
============================================================= */
[data-section="mv"]{
	position: relative;
	margin-bottom: 5rem;
}
[data-section="mv"] .swiper{
	padding-block: 0 1.5rem;
}
.c-mv-item{
}
.c-mv-item__link{
	border-radius: 1rem;
	overflow: hidden;
}
[data-section="mv"] .slider-arrow__wrap {
	margin-top: 0;
}
.swiper-pagination{
	position: static;
	display: flex;
	justify-content: center;
	gap: 1rem;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
	margin-inline: 0;
}
.swiper-pagination-bullet{
	content: '';
	display: block;
	width: .8rem;
	height: .8rem;
	opacity: 1;
	background-color: var(--color-border);
	transition: background var(--transition-default);
}

.swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: var(--color-primary);
}
[data-section="mv"] .slider-arrow{
	opacity: 0;
	pointer-events: none;
	transition: opacity var(--transition-default),background var(--transition-default);
}
[data-section="mv"]:has(.swiper-initialized) .slider-arrow{
	opacity: 1;
	pointer-events: all;
}
@media screen and (min-width: 768px) {
  [data-section="mv"]{
		margin-top: 0;
		margin-bottom: 5rem;
  }
  [data-section="mv"] .swiper{
		padding-block: 0 2rem;
  }
  [data-section="mv"] .slider-arrow{
		top: calc(50% - 2.5rem);
		bottom: unset;
  }
	[data-section="mv"] .swiper-pagination{
		gap: 1.5rem;
	}
	[data-section="mv"] .slider-arrow{
		z-index:1;
	}
}
@media screen and (max-width: 991px) {
	[data-section="mv"] .slider-arrow{
		display: none;
	}
}
@media screen and (max-width: 1200px) {
  [data-section="mv"] .slider-arrow.js-arrow-next{
		/* right:calc(50% - 2rem - 43rem); */
		right:18svw;
  }
  [data-section="mv"] .slider-arrow.js-arrow-prev{
		/* left:calc(50% - 2rem - 43rem); */
		left:18svw;
  }
}
@media screen and (min-width: 1201px) {
  [data-section="mv"] .slider-arrow.js-arrow-next{
		/* right:calc(50% - 2rem - 43rem); */
		right:18svw;
  }
  [data-section="mv"] .slider-arrow.js-arrow-prev{
		/* left:calc(50% - 2rem - 43rem); */
		left:18svw;
  }
}
@media screen and (max-width: 767px) {
  .p-page-home [data-section="mv"] .swiper,
  [data-section="mv"] .slider-arrow__wrap {
		padding-inline: 0;
  }
}

/* =============================================================
	重要なお知らせ
============================================================= */
.important-notice{
	display: grid;
	align-items: center;
}
.important-notice dt{
	background-color: var(--color-primary);
	font-size: 1.8rem;
	letter-spacing: .15em;
	line-height: 1;
	padding: .8rem 1rem .9rem;
	font-family: var(--font-ja-serif);
	color: var(--color-white);
	font-weight: var(--fw-semibold);
	text-align: center;
	height: 100%;
	display: grid;
	place-content: center;
}
.important-notice dd{
	background-color: var(--color-bg-gray);
	padding: 1.5rem;
	font-size: 1.4rem;
	line-height: 1.5;
	letter-spacing: .05em;
}
@media screen and (min-width: 768px) {
	.important-notice{
		grid-template-columns: max-content 1fr;
		width: 104rem;
		margin-inline: auto;
		padding-inline: 2rem;
	}
	.important-notice dt{
		padding: .8rem 2rem .9rem;
	}
	.important-notice dd{
		padding: 1.4rem 2rem;
	}
}

/* =============================================================
	アイテムリスト
============================================================= */
.c-top-section--product-list:not(:has(.card-list__item)){
	display:none;
}
.card-list{
	display: flex;
	flex-wrap: nowrap;
	gap: 2rem 1.2rem;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	padding-inline: var(--gutter-sp);
}
.card-list__item{
	width: 16rem;
	flex-shrink: 0;
}
.c-product-body{
	margin-top: .8rem;
}
.c-product-body__title-name{
	font-size: 1.4rem;
	letter-spacing: .1em;
	line-height: 1.5;
	margin-top: 0.8rem;
	overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.c-product-head__rank {
	opacity: 0;
	pointer-events: none;
	top: 0;
	left: 0;
	min-width: unset;
	width: 3.5rem;
	height: 3.5rem;
	padding: 0;
	font-size: 2.5rem;
	font-family: var(--font-en);
	background-color: var(--color-main);
	color: var(--color-white);
	outline: 1px solid rgba(255,255,255,.5);
	outline-offset: -0.2rem;
}
[data-section="ranking"] .c-product-head__rank {
	opacity: 1;
	pointer-events: auto;
}
.c-product-head__rank span{
	transform: translateY(-0.1em);
}
.c-product-head__rank[data-ranking-numeric="1"]{
	background-color: #9A7D4A;
}
.c-product-head__rank[data-ranking-numeric="2"]{
	background-color: #8B8B8B;
}
.c-product-head__rank[data-ranking-numeric="3"]{
	background-color: #7E4F25;
}

@media screen and (min-width: 768px) {
	.card-list{
		display: grid;
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: 2rem;
	}
	.card-list__item{
		width: 100%;
	}
	.c-product-body__title-name{
		margin-top: 0.5rem;
	}
	.c-product-head__rank {
		width: 3.4rem;
		height: 3.4rem;
		font-size: 1.8rem;
	}
	.top-button-area{
		position: absolute;
		top: 3ch;
		right: 0;
		z-index: 1;
	}
	.point-button-pc{
		position: relative;
	}
}
@media screen and (max-width: 767px) {
	.top-button-area{
		margin-top: 2rem;
	}
}
/* 価格部分
------------------------------------------------------------- */
/* 価格ベース */
.c-product-body__price,
.c-product-body__price-subsc,
.c-product-body__price-prime,
.c-product-body__price-default {
  width: 100%;
	font-size: 1.7rem;
	margin-top: 0.6rem;
	font-weight: var(--fw-medium);
	line-height: 1.3;
	letter-spacing: .1em;
	font-family: var(--font-ja-serif);
}

.c-product-body__price--num,
.c-product-body__price-subsc--num,
.c-product-body__price-prime--num,
.c-product-body__price-default--num {
  width: 100%;
  white-space: normal;
}
.c-product-body__price + .c-product-body__price-subsc,
.c-product-body__price-subsc + .c-product-body__price-subsc,
.c-product-body__price-prime + .c-product-body__price-subsc,
.c-product-body__price-default + .c-product-body__price-subsc {
  margin-top: .8rem;
}

/* 特別価格 */
.c-product-body__price-prime {
  /* color: var(--color-red); */
	color: #D41C1C;
}

/* 割引価格 */
.c-product-body__price--sale .c-product-body__price-default--num {
  font-size: 1.5rem;
}
.c-product-body__price--sale .c-product-body__price-default {
  margin-top: -0.5rem;
}

/* 定期価格大枠 */
.c-product-body__price-subsc {
  column-gap: 0;
	align-items: flex-start;
}

.c-product-body__price-subsc-icon {
  display: grid;
  place-content: center;
  color: var(--color-text-default);
  font-weight: var(--fw-regular);
  border: 0.1rem solid var(--color-main);
  border-radius: 0;
  padding: 0.2rem;
  margin-right: 0.5rem;
}
@media screen and (min-width: 768px) {
  .c-product-body__price-subsc-icon {
    height: 2.1rem;
    font-size: 1.2rem;
  }
}

.c-product-body__price-value:has(.del-line), .c-product-body__price-subsc-price:has(.del-line) {
  color: var(--color-text-default);
  font-size: 1.5rem;
	margin-left: .5rem;
	position: relative;
}
.c-product-body__price-value:has(.del-line):after, .c-product-body__price-subsc-price:has(.del-line):after{
	content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 1px; 
  background-color: var(--color-main);
  border-radius: 2px;
}
@media screen and (min-width: 768px) {
  .c-product-body__price-value:has(.del-line), .c-product-body__price-subsc-price:has(.del-line) {
    margin-left: 0.5rem;
  }
}

/* .c-product-body__price-subsc-price {
  color: #D41C1C;
} */

/* 定期初回価格 */
.c-product-body__price-subsc--first {
  width: 100%;
  text-align: center;
  color: #D41C1C;
  border: 0.1rem solid #D41C1C;
  border-radius: 0.2rem;
  margin-top: .8rem;
}
@media screen and (min-width: 768px) {
  .c-product-body__price-subsc--first {
    font-size: 1.3rem;
    padding: 0.4rem 1rem;
  }
}
@media screen and (max-width: 767px) {
  .c-product-body__price-subsc--first {
    font-size: 1.2rem;
    margin-top: 0.4rem;
    padding: 0.15rem 1rem;
  }
  .c-product-body__price-subsc--first .c-product-body__price-subsc-price {
    font-size: 1.3rem;
  }
  .c-product-body__price-subsc--first .c-product-body__price--yen {
    font-size: 1rem;
  }
}

/* 定期通常価格 */
.c-product-body__price-subsc--regular {
  color: var(--color-text-default);
}
@media screen and (max-width: 767px) {
  .c-product-body__price-subsc--regular {
    align-items: flex-start;
  }
  .c-product-body__price-subsc--regular .c-product-body__price-subsc-icon {
    position: relative;
    top: 0.5rem;
  }
}

/* 「税込」表記 */
.c-product-body__price--tax {
  font-size: 1.1rem;
  color: var(--color-sub);
  margin-left: 0.4rem;
}

/* 「¥」もしくは「円」表記 */
.c-product-body__price--yen {
  margin-left: 0.2rem;
}
@media screen and (max-width: 767px) {
  .c-product-body__price--yen {
    font-size: 1.1rem;
  }
}

/* ▲ランキング価格部分▲ */

/* 画像のアスペクト比調整、必要ならcommonへ移動 */
.c-product-head__image{
	position: static;
	aspect-ratio: 1;
}
.c-product-head__picture::before{
	display:none;
}


/* =============================================================
	CategoryList
============================================================= */
.top-panel-list{
	display: grid;
}
[data-panel-type="category"]{
	grid-template-columns: repeat(2, minmax(0,1fr));
	gap: .4rem .3rem;
}
[data-panel-type="scene"]{
	gap: .5rem;
}
.top-panel-item__description{
  position:absolute;
  z-index: 2;
  color: var(--color-white);
}
[data-panel-type="category"] .top-panel-item__description{
	right: 1rem;
	bottom: .5rem;
}
[data-panel-type="scene"] .top-panel-item__description{
	padding-inline: 2rem;
	bottom: 1.5rem;
	left:0;
}
.top-panel-item__heading{
	font-size: 1.6rem;
  letter-spacing: .15em;
  line-height: 1.5;
  font-family: var(--font-ja-serif);
	display: grid;
}
[data-panel-type="scene"] .top-panel-item__heading{
	font-size: 2rem;
}
.top-panel-item__heading span{
	font-size: 1.2rem;
	line-height: 2.1;
	letter-spacing: .15em;
	font-family: var(--font-en);
}
.top-panel-item__read{
	margin-top: 1rem;
  font-size: 1.4rem;
  letter-spacing: .05em;
	line-height: 1.5;
}
[data-panel-type="category"] .overlay-cover::before{
	background-color: unset;
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4));
}
[data-panel-type="scene"] .overlay-cover::before{
	background-color: unset;
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
}
@media screen and (min-width: 768px) {
	[data-panel-type="category"]{
		grid-template-columns: repeat(3, minmax(0,1fr));
		gap: .6rem;
	}
	[data-panel-type="scene"]{
		grid-template-columns: repeat(4, minmax(0,1fr));
		gap: .4rem;
	}
	.top-panel-item__heading,
	[data-panel-type="scene"] .top-panel-item__heading{
		font-size: 2.2rem;
	}

	.top-panel-item__read{
		margin-top: .5rem;
		font-size: 1.4rem; 
		gap: .5rem;
	}
}
@media screen and (max-width: 767px) {
	[data-section="budget"] .budget-list{
		background-color: unset;
		display: grid;
		gap: 1rem;
	}
	[data-section="budget"] .budget-item{
		font-size: 1.6rem;
		line-height: 1;
		letter-spacing: .05em;
		border: 1px solid var(--color-border);
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 1.8rem 1.5rem;
		font-family: var(--font-ja-serif);
	}
}
/* =============================================================
	Commitment
============================================================= */
[data-section="commitment"]{	
	background: url(../img/home/commitment/bg_commitment_sp.jpg) no-repeat center top / cover;
}
[data-section="commitment"] .c-top-section__heading{
	font-size: 3rem;
}
.commitment__text{
	position: relative;
	display: grid;
	margin-top: 3rem;
	padding-bottom: 7.2rem;
}
.commitment__text-heading{
	border-bottom: 1px solid var(--color-border);
	padding-bottom: 3rem;
}
.commitment__text-sub{
	font-size: 1.8rem;
	line-height: 1.5;
	letter-spacing: .15em;
	font-family: var(--font-ja-serif);
	font-weight: var(--fw-semibold);
	color: var(--color-secondary);
	margin-top: 1.5rem;
}
.commitment__text-description{
	font-size: 1.5rem;
	line-height: 1.7;
	letter-spacing: .05em;
	margin-top: 3rem;
	font-family: var(--font-ja-serif);
}
.commitment__logo{
	position: absolute;
	bottom: -.2rem;
	right: 0;
	width: 11.2rem;
	opacity: .1;
}
.commitment__logo img{
	width: 100%;
}
@media screen and (min-width: 768px) {
	[data-section="commitment"]{	
		background: url(../img/home/commitment/bg_commitment_pc.jpg) no-repeat center top / cover;
	}
	.commitment__inner{
		padding-block: 8rem;
	}
	.commitment__content{
		display: grid;
		grid-template-columns: 53.84615% auto;
		gap: 5.38461%;
		align-items: center;
	}
	.commitment__text{
		width: 46rem;
		height: 100%;
		align-content: center;
		margin-top: 0;
	}
	.commitment__text-heading{
		padding-bottom: 2.5rem;
	}
	.commitment__text-sub{
		margin-top: 1.5rem;
	}
	.commitment__text-description{
		margin-top: 3rem;
	}
	.commitment__logo{
		top: -7rem;
		right: -6rem;
		width: 10.3svw;
	}
}
/* =============================================================
	お知らせ
============================================================= */
.l-container-news{
	width: 100%;
	padding: 0 2rem;
}
.p-homeNewsList{
	display: grid;
	gap: 1rem;
	border-top: unset;
}
.p-homeNewsList-body {
	padding: 1.5rem 2rem;
	align-items: flex-start;
	flex-direction: column;
	gap: 1rem 0 ;
	background-color: var(--color-bg-gray);
	border-bottom: unset;
}
.p-homeNewsList-body__time {
	letter-spacing: .05em;
	line-height: 1.4;
	font-weight: var(--fw-regular);
	color: rgba(26,26,26,.5);
	font-family: var(--font-ja-serif);
}
.p-homeNewsList-body__title {
	font-size: 1.4rem;
	letter-spacing: .1em;
	line-height: 1.5;
}
.p-homeNewsList-body__title div{
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.p-homeNewsList__item:has(a) .p-homeNewsList-body{
	pointer-events: none;
}
.p-homeNewsList__item:has(a) .p-homeNewsList-body a{
	pointer-events: all;
}

@media screen and (min-width: 768px) {
	[data-section="news"] .l-container-sm{
		--container-small:78rem;
		max-width: var(--container-small);
	}
	.p-homeNewsList{
		gap: 1.6em;
	}
	.p-homeNewsList-body__title{
		max-width: 100%;
	}
	.p-homeNewsList-body__title div{
		-webkit-line-clamp: 2;
	}
}

@media screen and (hover: hover) {
	.slider-arrow:hover,
	.top-button-primary:hover .top-button-primary__icon{
		background-color: var(--color-primary);
	}
	.top-button-primary:hover{
		opacity: 1;
		color: var(--color-primary);
	}
	.slider-arrow:hover::after,
	.top-button-primary:hover .top-button-primary__icon::after{
		background-color: var(--color-white);
}

	.p-ranking-tab-button,
	.p-homeNewsList-body__title{
		transition: opacity var(--transition-default);
		cursor: pointer;
	}
	.p-ranking-tab-button:not(.active):hover,
	.p-homeNewsList-body__title:hover{
		opacity: var(--hover-opacity);
	}

	.p-homeNewsList-body--link:hover{
		opacity: 1;
	}
	.p-homeNewsList-body__title:hover{
		opacity: 0.7;
	}
	.p-homeNewsList__item::after{
		transition: right var(--transition-default);
	}
	.p-homeNewsList__item:has(.p-homeNewsList-body__title:hover).p-homeNewsList__item::after{
		right: 0;
	}
}