@charset "UTF-8";
/* .loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	overflow: auto;
	overscroll-behavior: none;
	scrollbar-width: none;
	background:
		url(/wp/wp-content/themes/kireinote/img/bg_loader01.jpg) no-repeat center center/cover,
		#475968;
	z-index: 999999999999;
}
.loader__content {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 424px;
	-webkit-transform: translate(-50%, -50%);
	transform: translateY(-50%, -50%);
	text-align: center;
	opacity: 0;
}
.loader__logo {
	margin: 0 0 25px;
}
.loader__ttl {
	position: relative;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0.2em;
	padding: 0 50px;
	text-align: center;
}
.loader__ttl::before,
.loader__ttl::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 1px;
	background: #000;
}
.loader__ttl::before {
	left: 0;
}
.loader__ttl::after {
	right: 0;
}

@media only screen and (max-width: 767px) {
	.loader {
		height: 100dvh;
		background:
			url(/wp/wp-content/themes/kireinote/img/bg_loader.jpg) no-repeat center center/cover,
			#475968;
	}
	.loader__logo {
		margin: 0 0 15px;
	}
	.loader__content {
		width: 204px;
	}
	.loader__ttl {
		font-size: 11px;
		letter-spacing: 0.08em;
		padding: 0 22px;
	}
	.loader__ttl::before,
	.loader__ttl::after {
		width: 20px;
	}
} */

/* .headline_new {
	font-family: "Uchen", serif;
	font-size: 3vw;
	font-weight: 600;
	line-height: 1.2;
	width: fit-content;
	margin: 0 auto 4vw;
	border-bottom: 2px solid #000;
}
.headline_new.all {
	border-color: #EA6170;
}
.headline_new.beauty {
	border-color: #FDEB7B;
}
.headline_new.food {
	border-color: #E67335;
}
.headline_new.lifestyle {
	border-color: #5B8468;
}
.headline_new.interview {
	border-color: #3976AD;
}
.headline_new.special {
	border-color: #9B72B0;
}
.headline_sub {
	font-size: 1vw;
	line-height: 1.6;
	font-weight: 700;
	letter-spacing: 0.1em;
	padding: 0 7vw;
	max-width: 75vw;
	width: fit-content;
	margin: 0 auto 4vw;
}
@media only screen and (max-width: 780px) {
	.headline_new {
		font-family: "Uchen", serif;
		font-size: 6vw;
		font-weight: 600;
		line-height: 1.2;
		width: fit-content;
		margin: 0 auto 8vw;
		border-bottom: 2px solid #000;
	}
	.headline_sub {
		font-size: 3.5vw;
        line-height: 1.6;
        font-weight: 700;
        letter-spacing: 0.1em;
        padding: 0 7vw;
        max-width: 75vw;
        margin: 0 auto 10vw;
	}
} */

.splide-wrapper .splide {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.splide-wrapper .splide .splide__track {
	margin-bottom: 12px;
}
.splide-wrapper .splide__pagination {
	position: relative;
	bottom: 0;
	padding: 0;
}
.splide-wrapper .splide__pagination__page {
	border-radius: 0;
	margin: 0;
	height: 4px;
	background: #efefef;
}
.splide-wrapper .splide__pagination__page.is-active {
	background: #ccc;
	transform: scale(1);
}
.splide-wrapper .pagination {
	font-family: "Uchen", serif;
	font-weight: 400;
	order: 3;
	margin: 9px 0 0 15px;
	line-height: 1;
}
.splide-wrapper .pagination span {
	font-size: 23px;
}
@media screen and (max-width: 780px) {
	.splide-wrapper .splide .splide__track {
		margin-bottom: 4vw;
	}
	.splide-wrapper .splide__pagination__page {
		height: 1vw;
	}
	.splide-wrapper .pagination {
		margin: 2vw 0 0 3vw;
	}
	.splide-wrapper .pagination span {
		font-size: 5vw;
	}
}

/** -- header slider -- **/
.header_slider .swiper-wrapper {
	padding-bottom: 5vw;
}
.header_slider .swiper-pagination-bullets {
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	height: auto;
	width: 100%;
}
.header_slider .swiper-pagination-bullet {
	background-color: transparent;
	border: solid 1px #949198;
	margin: 0 0.6vw !important;
	opacity: 1;
	height: 11px;
	width: 11px;
}
.header_slider .swiper-pagination-bullet-active {
	background-color: #949198 !important;
}
.header_slider .swiper-button-next,
.header_slider .swiper-button-prev {
	background: url("/wp/wp-content/themes/kireinote/img/icon-arrow2.gif") no-repeat center / 2.8vw;
	background-color: #373737;
	top: 28vw;
	height: 5vw;
	width: 5vw;
}
.header_slider .swiper-button-next {
	right: 0;
}
.header_slider .swiper-button-prev {
	left: 0;
	transform: rotate(180deg);
}
.header_slider .swiper-button-next::after,
.header_slider .swiper-button-prev::after {
	display: none;
}
.header_slider .splide-wrapper .splide .splide__track {
	margin-bottom: 0;
}
.header_slider article a {
	display: block;
}
.header_slider article figure {
	height: 50vw;
}
.header_slider article figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.header_slider article .text_box {
	padding: 3vw 6vw 3vw;
}
.header_slider article .category {
	font-size: 1.6vw;
	letter-spacing: 0.1vw;
	font-weight: 700;
	font-family: "Uchen", serif;
	border-bottom: 2px solid;
	width: fit-content;
}
.header_slider article .category.beauty {
	border-color: #fdeb7b;
}
.header_slider article .category.food {
	border-color: #e67335;
}
.header_slider article .category.lifestyle {
	border-color: #5b8468;
}
.header_slider article .category.interview {
	border-color: #3976ad;
}
.header_slider article .category.special {
	border-color: #9b72b0;
}
.header_slider article .title {
	font-size: 2vw;
	font-weight: 700;
	letter-spacing: 0.6vw;
	margin: 4vw auto;
	width: fit-content;
	line-height: 1.7;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.header_slider article .date {
	font-size: 1.6vw;
	text-align: right;
}
.header_slider .splide-wrapper .splide__pagination__page {
	width: 40px;
}
@media screen and (min-width: 1000px) {
	.header_slider .swiper-wrapper {
		padding-bottom: 50px;
	}
	.header_slider .swiper-slide {
		width: 1000px;
	}
	.header_slider .swiper-pagination-bullet {
		margin: 0 6px !important;
	}
	.header_slider .swiper-button-next,
	.header_slider .swiper-button-prev {
		background-size: 28px;
		top: 280px;
		height: 50px;
		width: 50px;
	}
	.header_slider .swiper-button-next {
		right: 4vw;
	}
	.header_slider .swiper-button-prev {
		left: 4vw;
	}
	.header_slider article {
		padding: 0 15px;
	}
	.header_slider article figure {
		height: 500px;
	}
	.header_slider article figure img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.header_slider article .text_box {
		padding: 20px 80px 20px;
	}
	.header_slider article .category {
		font-size: 16px;
		font-weight: 700;
		font-family: "Uchen", serif;
		border-bottom: 2px solid;
		width: fit-content;
	}
	.header_slider article .category.beauty {
		border-color: #fdeb7b;
	}
	.header_slider article .category.food {
		border-color: #e67335;
	}
	.header_slider article .category.lifestyle {
		border-color: #5b8468;
	}
	.header_slider article .category.interview {
		border-color: #3976ad;
	}
	.header_slider article .category.special {
		border-color: #9b72b0;
	}
	.header_slider article .title {
		font-size: 20px;
		font-weight: 700;
		margin: 20px auto 20px;
		width: fit-content;
		line-height: 1.7;
	}
	.header_slider article .date {
		font-size: 16px;
		text-align: right;
	}
}
@media screen and (min-width: 1200px) {
	.header_slider article figure {
		height: 550px;
	}
	.header_slider .swiper-button-next {
		right: 7vw;
	}
	.header_slider .swiper-button-prev {
		left: 7vw;
	}
}
@media screen and (min-width: 1400px) {
	.header_slider article figure {
		height: 560px;
	}
	.header_slider .swiper-button-next {
		right: 10vw;
	}
	.header_slider .swiper-button-prev {
		left: 10vw;
	}
}
@media screen and (min-width: 1600px) {
	.header_slider .swiper-button-next {
		right: 14vw;
	}
	.header_slider .swiper-button-prev {
		left: 14vw;
	}
}
@media screen and (min-width: 1700px) {
	.header_slider .swiper-button-next {
		right: 16vw;
	}
	.header_slider .swiper-button-prev {
		left: 16vw;
	}
}
@media screen and (max-width: 780px) {
	.header_slider .swiper-wrapper {
		padding-bottom: 11vw;
	}
	.header_slider .swiper-pagination-bullet {
		margin: 0 1vw !important;
		opacity: 1;
		height: 10px;
		width: 10px;
	}
	.header_slider .swiper-button-next,
	.header_slider .swiper-button-prev {
		background-size: 5.6vw;
		top: 64vw;
		height: 10vw;
		width: 10vw;
	}
	.header_slider .swiper-button-next {
		right: 0;
	}
	.header_slider .swiper-button-prev {
		left: 0;
	}

	.header_slider article figure {
		height: 65vw;
	}
	.header_slider article figure img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.header_slider article .text_box {
		padding: 4vw 5vw 5vw;
	}
	.header_slider article .category {
		font-size: 3vw;
		letter-spacing: 0.1vw;
		font-weight: 700;
		font-family: "Uchen", serif;
		border-bottom: 2px solid;
		width: fit-content;
	}
	.header_slider article .category.beauty {
		border-color: #fdeb7b;
	}
	.header_slider article .category.food {
		border-color: #e67335;
	}
	.header_slider article .category.lifestyle {
		border-color: #5b8468;
	}
	.header_slider article .category.interview {
		border-color: #3976ad;
	}
	.header_slider article .category.special {
		border-color: #9b72b0;
	}
	.header_slider article .title {
		font-size: 4vw;
		font-weight: 700;
		letter-spacing: 0.6vw;
		margin: 4vw auto;
		width: fit-content;
		line-height: 1.7;
	}
	.header_slider article .date {
		font-size: 2.6vw;
		text-align: right;
	}
	.header_slider .splide-wrapper .splide__pagination__page {
		width: 8vw;
	}
}

/** -- top_new -- **/
.top_new {
	/* margin-top: 10vw; */
	margin-top: 2vw;
}
/** headline **/
.top_new h2.headline {
	display: table;
	line-height: 1.3;
	margin: 0 auto 2vw;
	text-align: center;
}
.top_new h2.headline span {
	display: block;
	font-size: 2.3vw;
	font-weight: 500;
	padding-left: 1vw;
}
.top_new h2.headline p {
	font-family: "Uchen", serif;
	font-size: 5.6vw;
	font-weight: 400;
	letter-spacing: 0.8vw;
	position: relative;
}
.top_new h2.headline p::before,
.top_new h2.headline p::after {
	background-color: #464646;
	content: "";
	display: block;
	position: absolute;
	bottom: 1.8vw;
	height: 4.4vw;
	width: 1px;
}
.top_new h2.headline p::before {
	left: 0;
	transform: rotate(-20deg);
}
.top_new h2.headline p::after {
	right: 0;
	transform: rotate(20deg);
}
/** tab **/
.top_new .tab_area {
	padding-top: 1vw;
	position: relative;
}
.top_new .tab_area::before {
	background-color: #efefef;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: calc(100% - 1vw);
	width: 100%;
}
.top_new .tab_area::after {
	/* border-bottom: solid 1vw #7ec5dc; */
	border-bottom: solid 1vw #ea6170;
	content: "";
	display: block;
	position: absolute;
	bottom: -0.5vw;
	left: 0;
	width: 100%;
	z-index: 12;
}
.top_new .tab_area .swiper-wrapper {
	background-color: #efefef;
	margin: 0 2vw;
	width: auto;
}
.top_new .tab_area .swiper-slide {
	border: solid 1px #c9c9c9;
	border-right: none;
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
	height: 4.2vw;
	width: calc(100% / 6 - 0.2vw);
}
.top_new .tab_area .swiper-slide:last-child {
	border-right: solid 1px #c9c9c9;
}
.top_new .tab_area li.ls {
	width: calc(100% / 13 + 0.6vw);
}
.top_new .tab_area .swiper-slide-thumb-active {
	color: #fff;
}
.top_new .tab_area .swiper-slide-thumb-active::after {
	/* background-color: #7ec5dc; */
	background-color: #ea6170;
	border-radius: 0.8vw 0.8vw 0 0;
	box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.25);
	content: "";
	display: block;
	position: absolute;
	left: -0.2vw;
	top: -0.8vw;
	height: 5vw;
	width: calc(100% + 0.4vw);
	z-index: 10;
}
.top_new .tab_area .swiper-slide-thumb-active.all::after {
	background-color: #ea6170;
}
.top_new .tab_area .swiper-slide-thumb-active.beauty {
	color: #000;
}
.top_new .tab_area .swiper-slide-thumb-active.beauty::after {
	background-color: #fdeb7b;
}
.top_new .tab_area .swiper-slide-thumb-active.food::after {
	background-color: #e67335;
}
.top_new .tab_area .swiper-slide-thumb-active.lifestyle::after {
	background-color: #5b8468;
}
.top_new .tab_area .swiper-slide-thumb-active.interview::after {
	background-color: #3976ad;
}
.top_new .tab_area .swiper-slide-thumb-active.special::after {
	background-color: #9b72b0;
}
.top_new .tab_area:has(.swiper-wrapper .swiper-slide-thumb-active.all)::after {
	border-color: #ea6170;
}
.top_new .tab_area:has(.swiper-wrapper .swiper-slide-thumb-active.beauty)::after {
	border-color: #fdeb7b;
}
.top_new .tab_area:has(.swiper-wrapper .swiper-slide-thumb-active.food)::after {
	border-color: #e67335;
}
.top_new .tab_area:has(.swiper-wrapper .swiper-slide-thumb-active.lifestyle)::after {
	border-color: #5b8468;
}
.top_new .tab_area:has(.swiper-wrapper .swiper-slide-thumb-active.interview)::after {
	border-color: #3976ad;
}
.top_new .tab_area:has(.swiper-wrapper .swiper-slide-thumb-active.special)::after {
	border-color: #9b72b0;
}

.top_new .tab_area .swiper-slide p {
	font-size: 1.2vw;
	font-weight: 600;
	position: absolute;
	left: 0;
	top: 50%;
	text-align: center;
	transform: translateY(-50%);
	width: 100%;
	z-index: 11;
}
.top_new .tab_area .swiper-slide.ls p {
	letter-spacing: -0.2vw;
}
/** box **/
.top_new .box {
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	box-sizing: border-box;
	padding: 5vw 5vw 3vw;
	position: relative;
}
/* .top_new .box.all {
	background-image: url("/wp/wp-content/uploads/2021/12/top_all.jpg");
}
.webp .top_new .box.asia {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_asia.webp");
}
.no-webp .top_new .box.asia {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_asia.jpg");
}
.webp .top_new .box.europe {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_europe.webp");
}
.no-webp .top_new .box.europe {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_europe.jpg");
}
.webp .top_new .box.japan {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_japan.webp");
}
.no-webp .top_new .box.japan {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_japan.jpg");
}
.webp .top_new .box.other {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_other.webp");
}
.no-webp .top_new .box.other {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_other.jpg");
}
.webp .top_new .box.sdgs {
	background-image: url("/wp/wp-content/themes/kireinote/img/sdgs_bg02.webp");
}
.no-webp .top_new .box.sdgs {
	background-image: url("/wp/wp-content/themes/kireinote/img/sdgs_bg02.jpg");
}
.webp .top_new .box.cosmetics {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_cosmetics.webp");
}
.no-webp .top_new .box.cosmetics {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_cosmetics.jpg");
}
.webp .top_new .box.make {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_make.webp");
}
.no-webp .top_new .box.make {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_make.jpg");
}
.webp .top_new .box.skin {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_skin.webp");
}
.no-webp .top_new .box.skin {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_skin.jpg");
}
.webp .top_new .box.body {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_body.webp");
}
.no-webp .top_new .box.body {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_body.jpg");
}
.webp .top_new .box.hair {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_hair.webp");
}
.no-webp .top_new .box.hair {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_hair.jpg");
}
.webp .top_new .box.fragrance {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_fragrance.webp");
}
.no-webp .top_new .box.fragrance {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_fragrance.jpg");
}
.webp .top_new .box.food {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_food.webp");
}
.no-webp .top_new .box.food {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_food.jpg");
}
.webp .top_new .box.lifestyle {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_lifestyle.webp");
}
.no-webp .top_new .box.lifestyle {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_lifestyle.jpg");
}
.webp .top_new .box.interview {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_interview.webp");
}
.no-webp .top_new .box.interview {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_interview.jpg");
}
.webp .top_new .box.serialstory {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_serialstory.webp");
}
.no-webp .top_new .box.serialstory {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_serialstory.jpg");
} */
.top_new .box .innerBox {
	background-color: #fff;
	/* padding: 8vw 5vw 5vw; */
	/* padding: 8vw 5vw; */
	/* padding: 2vw 5vw 8vw; */
	padding: 2vw 5vw 6vw;
	position: relative;
}
.top_new .box .innerBox .list {
	align-items: flex-start;
}
.top_new .box h3 {
	align-items: flex-end;
	display: flex;
	margin-bottom: 2.5vw;
}
.top_new .box h3 p {
	font-family: "Uchen", serif;
	font-size: 5vw;
	font-weight: 400;
	letter-spacing: 0.5vw;
	line-height: 0.9;
	padding-right: 2vw;
	position: relative;
}
.top_new .box h3 p::after {
	border-right: solid 1px #666;
	content: "";
	display: block;
	height: 4vw;
	position: absolute;
	right: 0;
	top: 0;
}
.top_new .box h3 span {
	display: block;
	font-size: 1.8vw;
	font-weight: 400;
	margin-left: 2.5vw;
}
.top_new .box .viewall {
	position: absolute;
	/* top: 10vw;
	right: 5vw; */
	bottom: 3vw;
	left: 50%;
	transform: translateX(-50%);
}
/** article **/
.top_new .box article {
	position: relative;
}
.top_new .box article figure img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}
.top_new .box article .tax {
	/* background-color: #E4DDD8; */
	/* color: #464646; */
	font-family: "Uchen", serif;
	border-bottom: 2px solid;
	font-size: 1vw;
	font-weight: 700;
	letter-spacing: 0.1vw;
	margin-bottom: 0.5vw;
	/* text-align: center; */
	/* width: 9vw; */
	width: fit-content;
}
.top_new .box article .tax.beauty {
	border-color: #fdeb7b;
}
.top_new .box article .tax.food {
	border-color: #e67335;
}
.top_new .box article .tax.lifestyle {
	border-color: #5b8468;
}
.top_new .box article .tax.interview {
	border-color: #3976ad;
}
.top_new .box article .tax.special {
	border-color: #9b72b0;
}
.top_new .box .first {
	width: 38vw;
}
.top_new .box .first:nth-of-type(1) {
	margin-bottom: 5vw;
}
.top_new .box .first a {
	display: block;
	height: 100%;
}
.top_new .box .first figure {
	position: relative;
	height: 52vw;
	width: 100%;
}
.top_new .box .first figure .icon {
	background-color: #e77875;
	color: #fff;
	font-family: "DIN Condensed Bold";
	font-size: 2.5vw;
	letter-spacing: 0.4vw;
	padding: 1.4vw 0.3vw 0.7vw 0.8vw;
	position: absolute;
	left: 0;
	top: 0;
}
.top_new .box .first figure::before {
	background-image: linear-gradient(to bottom, transparent 0%, transparent 50%, #464646 100%);
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
.top_new .box .first .text {
	color: #fff;
	position: absolute;
	bottom: 2.6vw;
	left: 2.4vw;
	width: calc(100% - 5vw);
}
.top_new .box .first h3 {
	font-size: 1.7vw;
	letter-spacing: 0.1vw;
	line-height: 1.5;
	margin-bottom: 1vw;
}
.top_new .box .first .addition {
	font-size: 1vw;
	line-height: 1;
}
.top_new .box .first .category {
	letter-spacing: 0.1vw;
	padding-right: 1.2vw;
}
.top_new .box .first .date {
	/* border-left: solid 1px #fff; */
	letter-spacing: 0.1vw;
	font-size: 3vw;
	/* padding-left: 1.2vw; */
}
.top_new .box .second {
	/* margin-left: 1.25vw;
	margin-right: -1.25vw; */
	/* width: calc(100% - 38vw - .5vw); */
	width: 100%;
	gap: 0 3.76vw;
}
.top_new .box .second:nth-of-type(1) {
	margin-bottom: 5vw;
}
.top_new .box .second article {
	/* margin: 0 1.25vw; */
	margin-bottom: 2.4vw;
	/* width: calc(50% - 2.5vw); */
	width: calc(50% - 15.84vw);
}
.top_new .box .second article:last-child {
	margin-bottom: 0;
}
.top_new .box .second figure {
	margin-bottom: 1vw;
	height: 12vw;
	width: 100%;
}
.top_new .box .second .text {
}
.top_new .box .second h3 {
	font-size: 1.2vw;
	letter-spacing: 0.1vw;
	margin-bottom: 1.2vw;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.top_new .box .second .addition {
	color: #787878;
	font-size: 1vw;
	line-height: 1;
}
.top_new .box .second .category {
	letter-spacing: 0.1vw;
	padding-right: 1vw;
}
.top_new .box .second .date {
	/* border-left: solid 1px #666; */
	letter-spacing: 0.1vw;
	font-size: 1vw;
	/* padding-left: 1vw; */
}
/** slider **/
.top_new .swiper-button-next,
.top_new .swiper-button-prev {
	background: url("/wp/wp-content/themes/kireinote/img/icon-arrow2.gif") no-repeat center / 2.8vw;
	background-color: #373737;
	display: block;
	top: 43vw;
	height: 5vw;
	width: 5vw;
}
.top_new .swiper-button-next {
	left: calc(50% + 44vw);
	transform: translateX(-50%);
}
.top_new .swiper-button-prev {
	left: calc(50% - 49vw);
	transform: rotate(180deg) translateX(-50%);
}
.top_new .swiper-button-next::after,
.top_new .swiper-button-prev::after {
	display: none;
}
@media screen and (min-width: 1000px) {
	.top_new {
		margin-top: 100px;
	}
	/** headline **/
	.top_new h2.headline {
		margin: 0 auto 20px;
	}
	.top_new h2.headline span {
		font-size: 23px;
	}
	.top_new h2.headline p {
		font-size: 56px;
		letter-spacing: 8px;
	}
	.top_new h2.headline p::before,
	.top_new h2.headline p::after {
		bottom: 18px;
		height: 44px;
	}
	/** tab **/
	.top_new .tab_area::after {
		border-bottom: solid 8px #7ec5dc;
		bottom: -5px;
	}
	.top_new .tab_area .swiper-wrapper {
		margin: 0 20px;
	}
	.top_new .tab_area .swiper-slide {
		height: 42px;
		width: calc(100% / 6 - 2px);
	}
	.top_new .tab_area .swiper-slide.ls {
		width: calc(100% / 13 + 6px);
	}
	.top_new .tab_area .swiper-slide-thumb-active::after {
		border-radius: 8px 8px 0 0;
		left: -2px;
		top: -8px;
		height: 50px;
		width: calc(100% + 4px);
	}
	.top_new .tab_area .swiper-slide p {
		font-size: 12px;
	}
	.top_new .tab_area .swiper-slide.ls p {
		letter-spacing: -2px;
	}
	/** box **/
	.top_new .box {
		/* padding: 100px 7vw 50px; */
		padding: 50px 7vw;
	}
	.top_new .box .innerBox {
		box-sizing: border-box;
		margin: 0 auto;
		/* padding: 100px 7vw 60px; */
		/* padding: 100px 7vw; */
		padding: 20px 7vw 100px;
	}
	.top_new .box h3 {
		margin-bottom: 25px;
	}
	.top_new .box h3 p {
		font-size: 50px;
		letter-spacing: 5px;
		padding-right: 20px;
	}
	.top_new .box h3 p::after {
		height: 40px;
	}
	.top_new .box h3 span {
		font-size: 18px;
		margin-left: 25px;
	}
	.top_new .box .viewall {
		/* top: 115px;
		right: 7vw; */
		top: initial;
		right: initial;
		bottom: 4vw;
		left: 50%;
		transform: translateX(-50%);
	}
	/** article **/
	.top_new .box article figure {
		position: relative;
		z-index: 1;
	}
	.top_new .box article figure img {
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
	}
	.top_new .box article .tax {
		font-size: 12px;
		letter-spacing: 1px;
		margin-bottom: 5px;
	}
	.top_new .box .first {
		width: calc(50% - 1.2vw);
	}
	.top_new .box .first:nth-of-type(1) {
		margin-bottom: 4vw;
	}
	.top_new .box .first figure {
		padding-top: 140%;
		height: auto;
	}
	.top_new .box .first figure .icon {
		font-size: 25px;
		letter-spacing: 4px;
		padding: 14px 3px 7px 8px;
	}
	.top_new .box .first .text {
		bottom: 26px;
		left: 24px;
		width: calc(100% - 50px);
		z-index: 1;
	}
	.top_new .box .first h3 {
		font-size: 18px;
		letter-spacing: 1px;
		margin-bottom: 14px;
	}
	.top_new .box .first .addition {
		font-size: 14px;
	}
	.top_new .box .first .category {
		letter-spacing: 1px;
		padding-right: 14px;
	}
	.top_new .box .first .date {
		letter-spacing: 1px;
		padding-left: 15px;
	}
	.top_new .box .second {
		/* margin-left: 1.2vw;
		margin-right: -1.2vw; */
		/* width: calc(50% + 1.2vw); */
		width: 100%;
		gap: 0 3.6vw;
	}
	.top_new .box .second:nth-of-type(1) {
		margin-bottom: 4vw;
	}
	.top_new .box .second article {
		/* margin: 0 1.2vw; */
		margin-bottom: 24px;
		/* width: calc(50% - 2.4vw); */
		width: calc(50% - 14.4vw);
	}
	.top_new .box .second figure {
		margin-bottom: 10px;
		padding-top: 68%;
		height: auto;
	}
	.top_new .box .second h3 {
		letter-spacing: 1px;
		margin-bottom: 15px;
	}
	.top_new .box .second .addition {
		font-size: 12px;
	}
	.top_new .box .second .category {
		letter-spacing: 1px;
		padding-right: 10px;
	}
	.top_new .box .second .date {
		letter-spacing: 1px;
		font-size: 12px;
	}
	/** slider **/
	.top_new .swiper-button-next,
	.top_new .swiper-button-prev {
		background-size: 28px;
		top: calc(50% + 60px);
		height: 50px;
		width: 50px;
	}
	.top_new .swiper-button-next {
		left: auto;
		right: 15px;
	}
	.top_new .swiper-button-prev {
		left: 15px;
		right: auto;
	}
}
@media screen and (max-width: 780px) {
	.top_new {
		/* margin-top: 15vw; */
		margin-top: 0;
	}
	/** headline **/
	.top_new h2.headline {
		line-height: 1.5;
		margin: 0 auto 2vw;
	}
	.top_new h2.headline span {
		font-size: 3.6vw;
		padding-left: 1vw;
	}
	.top_new h2.headline p {
		font-size: 10vw;
		letter-spacing: 1.7vw;
		padding: 0 7vw;
	}
	.top_new h2.headline p::before,
	.top_new h2.headline p::after {
		bottom: 4vw;
		height: 8vw;
	}
	.top_new h2.headline p::before {
		transform: rotate(-25deg);
	}
	.top_new h2.headline p::after {
		right: 1vw;
		transform: rotate(25deg);
	}
	/** tab **/
	.top_new .tab_area {
		overflow-x: scroll;
		padding-top: 5vw;
	}
	.top_new .tab_area::before {
		height: calc(100% - 5vw);
	}
	.top_new .tab_area::after {
		/* border-bottom: solid 2vw #7ec5dc; */
		border-bottom: solid 2vw #ea6170;
		bottom: 0;
		/* width: 300vw; */
		width: 150vw;
	}
	.top_new .tab_area .swiper-wrapper {
		margin: 0;
		padding-bottom: 1vw;
		/* width: 300vw; */
		width: 150vw;
	}
	.top_new .tab_area .swiper-slide {
		height: 10vw;
		/* width: calc(100% / 6 - 0.4vw); */
		width: 25vw;
	}
	.top_new .tab_area .swiper-slide.ls {
		width: calc(100% / 13 + 1.2vw);
	}
	.top_new .tab_area .swiper-slide-thumb-active::after {
		border-radius: 1.2vw 1.2vw 0 0;
		box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.25);
		left: -0.4vw;
		top: -1.2vw;
		height: 12vw;
		width: calc(100% + 0.8vw);
	}
	.top_new .tab_area .swiper-slide p {
		font-size: 3.2vw;
	}
	.top_new .tab_area .swiper-slide.ls p {
		letter-spacing: -0.2vw;
	}
	/** box **/
	.top_new .box {
		background-position: 50% 0;
		background-size: 150%;
		/* padding: 17vw 5vw 7vw; */
		padding: 7vw 5vw;
	}
	.top_new .box .innerBox {
		/* padding: 5vw 3.5vw 18vw; */
		/* padding: 2vw 3.5vw 20vw; */
		padding: 2vw 3.5vw 15vw;
	}
	.top_new .box h3 {
		/* margin-bottom: 2.5vw; */
		margin-bottom: 5.5vw;
	}
	.top_new .box h3 p {
		font-size: 9vw;
		letter-spacing: 1vw;
		margin: 0 auto 2vw;
		padding-right: 0;
	}
	.top_new .box h3 p::after {
		display: none;
	}
	.top_new .box h3 span {
		display: none;
	}
	.top_new .box .viewall {
		/* bottom: 5vw; */
		/* bottom: 6vw; */
		bottom: 0;
		right: 50%;
		top: auto;
		transform: translateX(50%);
		left: initial;
	}
	/** article **/
	.top_new .box article figure img {
		object-fit: cover;
		height: 100%;
		width: 100%;
	}
	.top_new .box article .tax {
		font-size: 2.6vw;
		margin-bottom: 0.2vw;
		/* width: 23vw; */
	}
	.top_new .box .first {
		margin-bottom: 10vw;
		width: 100%;
	}
	.top_new .box .first:nth-of-type(1) {
		margin-bottom: 10vw;
	}
	.top_new .box .first figure {
		margin-bottom: 3vw;
		position: relative;
		height: 45vw;
		width: 100%;
	}
	.top_new .box .first figure::before {
		display: none;
	}
	.top_new .box .first figure .icon {
		font-size: 4vw;
		letter-spacing: 0.6vw;
		padding: 2vw 0.8vw 0.8vw 1vw;
	}
	.top_new .box .first .text {
		color: #464646;
		margin: 0 2vw;
		position: relative;
		bottom: auto;
		left: auto;
		width: auto;
	}
	.top_new .box .first h3 {
		font-size: 3.2vw;
		letter-spacing: 0.2vw;
		line-height: 1.6;
		margin-bottom: 2vw;
	}
	.top_new .box .first .addition {
		color: #787878;
		font-size: 2.8vw;
	}
	.top_new .box .first .category {
		padding-right: 2vw;
	}
	/* .top_new .box .first .date {
		border-left: solid 1px #787878;
		padding-left: 2vw;
	} */
	.top_new .box .second {
		/* margin-left: 0; */
		width: 100%;
	}
	.top_new .box .second:nth-of-type(1) {
		/* margin-bottom: 10vw; */
		margin-bottom: 0;
	}
	.top_new .box .second article {
		margin-bottom: 5vw;
		width: 100%;
	}
	.top_new .box .second figure {
		height: 26vw;
		width: 35vw;
	}
	.top_new .box .second .text {
		margin-left: 3vw;
		width: calc(100% - 35vw - 3vw);
	}
	.top_new .box .second h3 {
		font-size: 3vw;
		margin-bottom: 2vw;
	}
	.top_new .box .second .addition {
		font-size: 2.6vw;
	}
	.top_new .box .second .category {
		padding-right: 2vw;
	}
	.top_new .box .second .date {
		font-size: 2.6vw;
	}
	/* .top_new .box .second .date {
		padding-left: 2vw;
	} */
	/** slider **/
	.top_new .swiper-button-next,
	.top_new .swiper-button-prev {
		background-size: 4.2vw;
		top: calc(50% - 7vw);
		height: 9vw;
		width: 9vw;
	}
	.top_new .swiper-button-next {
		left: calc(50% + 43vw);
	}
	.top_new .swiper-button-prev {
		left: calc(50% - 53vw);
	}
}
.top_new .box .post-15041 figure img {
	object-position: 20% 0;
}
@media screen and (max-width: 780px) {
}

/** -- serial story -- **/
.top_serial {
	background-color: #efefef;
	padding-bottom: 5vw;
	padding-top: 6vw;
}
.top_serial .title {
	margin-bottom: 6vw;
	margin-left: 10vw;
}
.top_serial .title h2 {
	font-family: "Uchen", serif;
	font-size: 5vw;
	font-weight: 400;
	letter-spacing: 0.4vw;
	line-height: 1;
	margin-bottom: 2vw;
}
.top_serial .title h2 span {
	font-size: 3vw;
}
.top_serial .title p {
	line-height: 2.2;
}
.top_serial .title p br.sp {
	display: none;
}
/** tab **/
.top_serial .tab {
	margin-bottom: 3.5vw;
	padding-bottom: 0.5vw;
	padding-top: 1vw;
	position: relative;
}
.top_serial .tab::after {
	border-bottom: solid 0.7vw #7ec5dc;
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 12;
}
.top_serial .tab .swiper-wrapper {
	background-color: #efefef;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.top_serial .tab .swiper-slide {
	border: solid 1px #c9c9c9;
	border-right: none;
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
	height: 5vw;
	width: calc(100% / 5);
}
.top_serial .tab .swiper-slide-thumb-active::after {
	background-color: #7ec5dc;
	border-radius: 1.2vw 1.2vw 0 0;
	box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.25);
	content: "";
	display: block;
	position: absolute;
	left: -0.2vw;
	top: -0.8vw;
	height: 5.8vw;
	width: calc(100% + 0.4vw);
	z-index: 10;
}
.top_serial .tab .swiper-slide p {
	font-size: 1.5vw;
	font-weight: 600;
	position: absolute;
	left: 0;
	top: 50%;
	text-align: center;
	transform: translateY(-50%);
	width: 100%;
	z-index: 11;
}
/** viewall **/
.top_serial .viewall {
	/* right: 0;
	top: 1vw; */
	position: relative;
	margin: 7vw auto 1vw;
}
/** list **/
.top_serial .list {
	margin: 2vw 6vw 0;
}
.top_serial .list .swiper-slide {
	padding-top: 6vw;
}
.top_serial .list article a {
	display: block;
}
.top_serial .list article figure {
	position: relative;
}
.top_serial .list article figure img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}
.top_serial .list figure .tag {
	color: #fff;
	font-family: "YuMincho", "Yu Mincho", "游明朝体", "游明朝", serif;
	letter-spacing: 0.5vw;
	position: absolute;
	bottom: 0;
	left: 2.5vw;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
}
.top_serial .list .first {
	margin-bottom: 6vw;
}
.top_serial .list .first figure {
	margin-bottom: 2vw;
	height: 36vw;
}
.top_serial .list .first figure .icon {
	background-color: #93a929;
	color: #fff;
	font-family: "DIN Condensed Bold";
	font-size: 2.4vw;
	letter-spacing: 0.4vw;
	padding: 1.2vw 0.3vw 0.5vw 0.8vw;
	position: absolute;
	left: 0;
	top: 0;
}
.top_serial .list .first figure .tag {
	font-size: 3.4vw;
}
.top_serial .list .first .text {
	margin: 0 3vw;
}
.top_serial .list .first h3 {
	margin-bottom: 1.5vw;
}
.top_serial .list .first .tax {
	font-family: "Uchen", serif;
	border-bottom: 2px solid #9b72b0;
	font-size: 1.3vw;
	font-weight: 700;
	letter-spacing: 0.1vw;
	margin-bottom: 1vw;
	width: fit-content;
}
.top_serial .list .first .addition {
	color: #787878;
	letter-spacing: 0.1vw;
	line-height: 1;
}
.top_serial .list .first .category {
	border-right: solid 1px #787878;
	padding-right: 1.5vw;
}
.top_serial .list .first .date {
	/* margin-left: 1.5vw; */
	letter-spacing: 0.1vw;
	font-size: 1.3vw;
}
.top_serial .list .second {
	margin: 0 -2.5vw;
}
.top_serial .list .second article {
	margin: 0 2.5vw;
	width: calc(100% / 2 - 5vw);
}
.top_serial .list .second article a {
	display: flex;
}
.top_serial .list .second figure {
	height: 15vw;
	width: 20vw;
}
.top_serial .list .second figure .tag {
	font-size: 2.2vw;
	left: 1vw;
}
.top_serial .list .second .text {
	margin-left: 3vw;
	margin-top: 1vw;
	width: calc(100% - 20vw - 3vw);
}
.top_serial .list .second h3 {
	font-size: 1.4vw;
	margin-bottom: 2vw;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.top_serial .list .second .tax {
	font-family: "Uchen", serif;
	border-bottom: 2px solid #9b72b0;
	font-size: 1vw;
	font-weight: 700;
	letter-spacing: 0.1vw;
	margin-bottom: 1vw;
	width: fit-content;
}
.top_serial .list .second .addition {
	color: #787878;
	font-size: 1.1vw;
	line-height: 1;
}
.top_serial .list .second .category {
	border-right: solid 1px #787878;
	padding-right: 1vw;
}
.top_serial .list .second .date {
	/* margin-left: 1vw; */
	letter-spacing: 0.1vw;
	font-size: 1vw;
}
@media screen and (min-width: 1000px) {
	.top_serial {
		padding-bottom: 50px;
		padding-top: 60px;
	}
	.top_serial .title {
		margin: 0 auto 40px;
		max-width: 800px;
	}
	.top_serial .title h2 {
		font-size: 50px;
		letter-spacing: 4px;
		margin-bottom: 20px;
	}
	.top_serial .title h2 span {
		font-size: 30px;
	}
	/** tab **/
	.top_serial .tab {
		margin-bottom: 35px;
		padding-bottom: 5px;
		padding-top: 10px;
	}
	.top_serial .tab::after {
		border-bottom: solid 7px #7ec5dc;
	}
	.top_serial .tab .swiper-slide {
		height: 50px;
	}
	.top_serial .tab .swiper-slide-thumb-active::after {
		border-radius: 12px 12px 0 0;
		left: -2px;
		top: -8px;
		height: 58px;
		width: calc(100% + 4px);
	}
	.top_serial .tab .swiper-slide p {
		font-size: 15px;
	}
	/** viewall **/
	.top_serial .viewall {
		/* top: 10px; */
		position: relative;
		right: inherit;
		top: inherit;
		margin: 60px auto 20px;
	}
	/** list **/
	.top_serial .list {
		margin: 20px auto 0;
		max-width: 800px;
	}
	.top_serial .list .swiper-slide {
		padding-top: 60px;
	}
	.top_serial .list figure .tag {
		letter-spacing: 5px;
		left: 25px;
	}
	.top_serial .list .first {
		margin-bottom: 60px;
	}
	.top_serial .list .first figure {
		margin-bottom: 20px;
		height: 360px;
	}
	.top_serial .list .first figure .icon {
		font-size: 24px;
		letter-spacing: 4px;
		padding: 12px 3px 5px 8px;
	}
	.top_serial .list .first figure .tag {
		font-size: 34px;
	}
	.top_serial .list .first .text {
		margin: 0 30px;
	}
	.top_serial .list .first h3 {
		margin-bottom: 15px;
	}
	.top_serial .list .first .tax {
		font-size: 15px;
		letter-spacing: 1px;
		margin-bottom: 5px;
	}
	.top_serial .list .first .addition {
		letter-spacing: 0.1px;
	}
	.top_serial .list .first .category {
		padding-right: 15px;
	}
	.top_serial .list .first .date {
		/* margin-left: 15px; */
		letter-spacing: 1px;
		font-size: 15px;
	}
	.top_serial .list .second {
		margin: 0 -25px;
	}
	.top_serial .list .second article {
		margin: 0 25px;
		width: calc(100% / 2 - 50px);
	}
	.top_serial .list .second figure {
		height: 150px;
		width: 200px;
	}
	.top_serial .list .second figure .tag {
		font-size: 22px;
		left: 10px;
	}
	.top_serial .list .second .text {
		margin-left: 20px;
		margin-top: 10px;
		width: calc(100% - 200px - 20px);
	}
	.top_serial .list .second h3 {
		font-size: 14px;
		margin-bottom: 20px;
	}
	.top_serial .list .second .tax {
		font-size: 12px;
		letter-spacing: 1px;
		margin-bottom: 5px;
	}
	.top_serial .list .second .addition {
		font-size: 11px;
	}
	.top_serial .list .second .category {
		border-right: solid 1px #787878;
		padding-right: 10px;
	}
	.top_serial .list .second .date {
		/* margin-left: 10px; */
		letter-spacing: 1px;
		font-size: 12px;
	}
}
@media screen and (max-width: 780px) {
	.top_serial {
		/* padding: 8vw 0; */
		/* padding: 8vw 0 4vw; */
		padding: 10vw 0 4vw;
	}
	.top_serial .title {
		margin: 0 4vw 8vw;
		text-align: center;
	}
	.top_serial .title h2 {
		font-size: 7vw;
		line-height: 1.1;
		margin-bottom: 4vw;
	}
	.top_serial .title h2 span {
		font-size: 5vw;
	}
	.top_serial .title p {
		font-size: 3.4vw;
		line-height: 1.8;
	}
	.top_serial .title p br.pc {
		display: none;
	}
	.top_serial .title p br.sp {
		display: inherit;
	}
	.top_serial .tab::after {
		border-width: 1vw;
	}
	.top_serial .tab .swiper-slide {
		height: 10vw;
	}
	.top_serial .tab .swiper-slide-thumb-active::after {
		height: 10.8vw;
	}
	.top_serial .tab .swiper-slide p {
		font-size: 3.2vw;
	}
	.top_serial .list .swiper-slide {
		/* padding-bottom: 10vw; */
		padding-bottom: 15vw;
	}
	.top_serial .list .first {
		margin-bottom: 8vw;
	}
	.top_serial .list .first figure {
		margin-bottom: 3vw;
		height: 45vw;
	}
	.top_serial .list .first figure .icon {
		font-size: 4vw;
		letter-spacing: 0.6vw;
		padding: 2.5vw 1vw 1vw 1.6vw;
	}
	.top_serial .list .first .text {
		/* margin: 0; */
	}
	.top_serial .list .first h3 {
		font-size: 3.6vw;
		margin-bottom: 3vw;
	}
	.top_serial .list .first .tax {
		font-size: 2.6vw;
		margin-bottom: 0.2vw;
	}
	.top_serial .list .first .addition {
		font-size: 2.8vw;
	}
	.top_serial .list .first .date {
		font-size: 2.6vw;
		line-height: 1.6;
	}
	.top_serial .list .second {
		margin: 0;
	}
	.top_serial .list .second article {
		margin: 0 0 5vw;
		width: 100%;
	}
	.top_serial .list .second article:last-child {
		margin-bottom: 0;
	}
	.top_serial .list .second figure {
		height: 25vw;
		width: 37vw;
	}
	.top_serial .list .second .text {
		margin-left: 4vw;
		width: calc(100% - 37vw - 4vw);
	}
	.top_serial .list .second .text h3 {
		font-size: 3vw;
	}
	.top_serial .list .second .text .tax {
		font-size: 2.6vw;
		margin-bottom: 0.2vw;
	}
	.top_serial .list .second .addition {
		font-size: 2.1vw;
	}
	.top_serial .list .second .date {
		font-size: 2.6vw;
		line-height: 1.6;
	}
	.top_serial .viewall {
		/* bottom: 0; */
		/* bottom: 10px;
		left: 50%;
		right: auto;
		top: auto;
		transform: translateX(-50%); */
		margin: 8vw auto 3vw;
	}
}

/** -- radio -- **/
.top_radio {
	padding-bottom: 5vw;
	padding-top: 12vw;
}
.top_radio .title {
	margin-bottom: 3vw;
	margin-left: 9vw;
}
.top_radio .title h2 {
	font-family: "Uchen", serif;
	font-size: 5vw;
	font-weight: 400;
	letter-spacing: 0.4vw;
	line-height: 1;
	margin-bottom: 2vw;
}
.top_radio .title figure {
	display: none;
}
.top_radio .title p {
	line-height: 2.2;
}
.top_radio .title p br.sp {
	display: none;
}
/** viewall **/
.top_radio .viewall {
	position: absolute;
	right: 0;
	top: 0;
}
/** inner **/
.top_radio .inner {
	margin: 0 9vw;
	padding-top: 6vw;
	position: relative;
}
.top_radio .inner figure {
	position: relative;
}
.top_radio .inner figure img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}
.top_radio .banner {
	overflow: hidden;
	height: 54vw;
	width: 35vw;
}
/** list **/
.top_radio .list {
	margin-left: 3vw;
	width: calc(100% - 35vw - 3vw);
}
.top_radio .list article {
	margin-bottom: 4.5vw;
}
.top_radio .list article:last-child {
	margin-bottom: 0;
}
.top_radio .list a {
	display: flex;
}
.top_radio .list figure {
	height: 15vw;
	width: 20vw;
}
.top_radio .list .text {
	margin-left: 2vw;
	margin-top: 1vw;
	width: calc(100% - 20vw - 3vw);
}
.top_radio .list h3 {
	font-size: 1.5vw;
	letter-spacing: 0.1vw;
	line-height: 1.7;
	margin-bottom: 2vw;
}
.top_radio .list .addition {
	color: #787878;
	font-size: 1.3vw;
	line-height: 1;
}
.top_radio .list .category {
	border-right: solid 1px #787878;
	padding-right: 1.2vw;
}
.top_radio .list .date {
	margin-left: 1.2vw;
}
@media screen and (min-width: 1000px) {
	.top_radio {
		padding-bottom: 50px;
		padding-top: 120px;
	}
	.top_radio .title {
		margin: 0 auto 30px;
		max-width: 800px;
	}
	.top_radio .title h2 {
		font-size: 50px;
		letter-spacing: 4px;
		margin-bottom: 0;
	}
	/** viewall **/
	.top_radio .viewall {
	}
	/** inner **/
	.top_radio .inner {
		margin: 0 auto;
		padding-top: 60px;
		max-width: 800px;
	}
	.top_radio .banner {
		height: 540px;
		width: 350px;
	}
	/** list **/
	.top_radio .list {
		margin-left: 30px;
		width: calc(100% - 350px - 30px);
	}
	.top_radio .list article {
		margin-bottom: 45px;
	}
	.top_radio .list figure {
		height: 150px;
		width: 200px;
	}
	.top_radio .list .text {
		margin-left: 20px;
		margin-top: 10px;
		width: calc(100% - 200px - 30px);
	}
	.top_radio .list h3 {
		font-size: 15px;
		letter-spacing: 1px;
		margin-bottom: 20px;
	}
	.top_radio .list .addition {
		font-size: 13px;
	}
	.top_radio .list .category {
		padding-right: 12px;
	}
	.top_radio .list .date {
		margin-left: 12px;
	}
}
@media screen and (max-width: 780px) {
	.top_radio {
		padding-bottom: 10vw;
		padding-top: 15vw;
	}
	.top_radio .title {
		margin-bottom: 10vw;
		margin-left: 0;
	}
	.top_radio .title h2 {
		font-size: 10vw;
		letter-spacing: 1.5vw;
		margin-bottom: 6vw;
		text-align: center;
	}
	.top_radio .title figure {
		display: block;
		margin-bottom: 6vw;
	}
	.top_radio .title p {
		line-height: 2;
		text-align: center;
	}
	.top_radio .title p br.sp {
		display: inherit;
	}
	/** viewall **/
	.top_radio .viewall {
		bottom: 0;
		right: 50%;
		top: auto;
		transform: translateX(50%);
	}
	/** inner **/
	.top_radio .inner {
		margin: 0 8vw;
		padding-bottom: 14vw;
		padding-top: 0;
	}
	.top_radio .banner {
		display: none;
	}
	/** list **/
	.top_radio .list {
		margin-left: 0;
		width: 100%;
	}
	.top_radio .list article {
		margin-bottom: 5vw;
	}
	.top_radio .list figure {
		height: 27vw;
		width: 36vw;
	}
	.top_radio .list .text {
		margin-left: 3vw;
		margin-top: 1vw;
		width: calc(100% - 36vw - 3vw);
	}
	.top_radio .list h3 {
		font-size: 3.2vw;
		letter-spacing: 0.2vw;
		margin-bottom: 3vw;
	}
	.top_radio .list .addition {
		font-size: 2.4vw;
	}
	.top_radio .list .category {
		padding-right: 2vw;
	}
	.top_radio .list .date {
		margin-left: 2vw;
	}
}
/** -- top_method -- **/
.top_method {
	/* margin: 14vw 0 10vw; */
	margin: 4vw 0 10vw;
	padding-bottom: 4vw;
	position: relative;
}
.top_method h2 {
	background-color: #e1e2e0;
	font-family: "Uchen", serif;
	font-size: 5vw;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 1vw;
	margin-bottom: 4vw;
	padding: 1.2vw 2vw 0.4vw;
	text-align: center;
}
.top_method .viewall {
	bottom: 0;
	left: 50%;
	right: auto;
	top: auto;
	transform: translateX(-50%);
}
.top_method .banner {
	margin-bottom: 4vw;
}
.top_method .title {
	margin-bottom: 6vw;
}
.top_method .title h2 {
	background-color: initial;
	letter-spacing: 0.8vw;
	margin-bottom: 0.5vw;
}
.top_method .title p {
	line-height: 2.4;
	text-align: center;
}
.top_method .swiper-pagination-fraction {
	font-family: "Uchen", serif;
	font-size: 26px;
	text-align: left;
	/* width: 20vw; */
	width: 30vw;
	left: auto;
	right: 0;
	bottom: 0;
	padding: 0 0 0 20px;
	box-sizing: border-box;
}
.top_method .swiper-scrollbar {
	bottom: 20px;
	/* width: calc(100% - 100px); */
	/* width: 60vw; */
	width: 40vw;
	/* left: 20vw; */
	left: 30vw;
	height: 3px;
}
.top_method .swiper-scrollbar-drag {
	/* background: #000; */
}
.top_method .splide-wrapper {
	margin-bottom: 60px;
}
.top_method .splide-wrapper .splide__pagination__page {
	width: 13px;
}
@media screen and (min-width: 1000px) {
	.top_method {
		/* margin: 140px 0 100px; */
		margin: 30px 0 100px;
		padding-bottom: 40px;
	}
	.top_method h2 {
		font-size: 50px;
		letter-spacing: 10px;
		margin-bottom: 40px;
		padding: 12px 40px 7px;
	}
	.top_method .banner {
		margin: 0 auto 40px;
		max-width: 1000px;
	}
	.top_method .title {
		margin-bottom: 60px;
	}
	.top_method .title h2 {
		letter-spacing: 8px;
		margin-bottom: 5px;
	}
}
@media screen and (max-width: 780px) {
	.top_method {
		padding-bottom: 4vw;
	}
	.top_method h2 {
		font-size: 8vw;
		letter-spacing: 1vw;
		margin-bottom: 6vw;
		padding: 3vw 2vw 2vw;
	}
	.top_method .title {
		margin-bottom: 10vw;
	}
	.top_method .title h2 {
		letter-spacing: 2vw;
		line-height: 1.1;
		margin-bottom: 3vw;
	}
	.top_method .banner {
		margin-bottom: 6vw;
	}
	.top_method .splide-wrapper {
		margin-bottom: 9vw;
	}
	.top_method .splide-wrapper .splide__pagination__page {
		width: 1.1vw;
	}
}
/** -- top_interview -- **/
.top_interview {
	margin-top: 5vw;
	/* margin-bottom: 10vw; */
	/* margin-bottom: 5vw; */
	margin-bottom: 12vw;
	position: relative;
}
/** headline **/
.top_interview h2.headline {
	display: table;
	line-height: 1.3;
	margin: 0 auto 2vw;
	text-align: center;
}
.top_interview h2.headline span {
	display: block;
	font-size: 2.3vw;
	font-weight: 500;
	padding-left: 1vw;
}
.top_interview h2.headline p {
	font-family: "Uchen", serif;
	font-size: 5.6vw;
	font-weight: 400;
	letter-spacing: 0.8vw;
	position: relative;
}
.top_interview h2.headline p::before,
.top_interview h2.headline p::after {
	background-color: #464646;
	content: "";
	display: block;
	position: absolute;
	bottom: 1.8vw;
	height: 4.4vw;
	width: 1px;
}
.top_interview h2.headline p::before {
	left: 0;
	transform: rotate(-20deg);
}
.top_interview h2.headline p::after {
	right: 0;
	transform: rotate(20deg);
}

.top_interview .innerBox {
	background-color: #fff;
	/* padding: 8vw 5vw 5vw; */
	padding: 8vw 5vw;
	position: relative;
}
.top_interview .innerBox .list {
	align-items: flex-start;
}
.top_interview h3 {
	align-items: flex-end;
	display: flex;
	margin-bottom: 2.5vw;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.top_interview h3 p {
	font-family: "Uchen", serif;
	font-size: 5vw;
	font-weight: 400;
	letter-spacing: 0.5vw;
	line-height: 0.9;
	padding-right: 2vw;
	position: relative;
}
.top_interview h3 p::after {
	border-right: solid 1px #666;
	content: "";
	display: block;
	height: 4vw;
	position: absolute;
	right: 0;
	top: 0;
}
.top_interview h3 span {
	display: block;
	font-size: 1.8vw;
	font-weight: 400;
	margin-left: 2.5vw;
}
.top_interview .viewall {
	position: absolute;
	/* top: 10vw;
	right: 5vw; */
	/* bottom: 6vw; */
	bottom: -5vw;
	left: 50%;
	transform: translateX(-50%);
}
/** article **/
.top_interview article {
	position: relative;
}
.top_interview article .text_box {
	padding: 3vw 6vw 3vw;
}
.top_interview article figure img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}
.top_interview article .tax {
	/* background-color: #E4DDD8; */
	/* color: #464646; */
	font-family: "Uchen", serif;
	border-bottom: 2px solid;
	font-size: 1vw;
	font-weight: 700;
	letter-spacing: 0.1vw;
	margin-bottom: 0.5vw;
	/* text-align: center; */
	/* width: 9vw; */
	width: fit-content;
}
/* ここから */
.top_interview .list {
	/* max-width: 800px; */
	margin: 2vw 6vw 0;
}
.top_interview article .tax.beauty {
	border-color: #fdeb7b;
}
.top_interview article .tax.food {
	border-color: #e67335;
}
.top_interview article .tax.lifestyle {
	border-color: #5b8468;
}
.top_interview article .tax.interview {
	border-color: #3976ad;
}
.top_interview article .tax.special {
	border-color: #9b72b0;
}
.top_interview .first {
	/* width: 38vw; */
	width: 100%;
	margin: 0 0 40px;
}
/* .top_interview .first:nth-of-type(1) {
	margin-bottom: 5vw;
} */
.top_interview .first a {
	display: block;
	height: 100%;
}
.top_interview .first figure {
	position: relative;
	/* height: 52vw; */
	/* padding-top: 60%;
	width: 100%; */
}
.top_interview .first figure .icon {
	background-color: #e77875;
	color: #fff;
	font-family: "DIN Condensed Bold";
	font-size: 2.5vw;
	letter-spacing: 0.4vw;
	padding: 1.4vw 0.3vw 0.7vw 0.8vw;
	position: absolute;
	left: 0;
	top: 0;
}
.top_interview .first figure::before {
	background-image: linear-gradient(to bottom, transparent 0%, transparent 50%, #464646 100%);
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
.top_interview .first .text {
	color: #fff;
	position: absolute;
	bottom: 2.6vw;
	left: 2.4vw;
	width: calc(100% - 5vw);
}
.top_interview .first h3 {
	font-size: 2vw;
	font-weight: 700;
	letter-spacing: 0.6vw;
	margin: 4vw auto;
	width: fit-content;
	line-height: 1.7;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.top_interview .first .addition {
	font-size: 1vw;
	line-height: 1;
}
.top_interview .first .tax {
	/* letter-spacing: 0.1vw;
	padding-right: 1.2vw; */
	font-size: 1.6vw;
	letter-spacing: 0.1vw;
	font-weight: 700;
	font-family: "Uchen", serif;
	border-bottom: 2px solid;
	width: fit-content;
}
.top_interview .first .date {
	/* border-left: solid 1px #fff; */
	letter-spacing: 0.1vw;
	/* padding-left: 1.2vw; */
	font-size: 1.6vw;
	text-align: right;
}
.top_interview .second {
	/* margin-left: 1.25vw;
	margin-right: -1.25vw; */
	/* width: calc(100% - 38vw - .5vw); */
	width: 100%;
	gap: 0 3.76vw;
}
/* .top_interview .second:nth-of-type(1) {
	margin-bottom: 5vw;
} */
.top_interview .second article {
	/* margin: 0 1.25vw; */
	margin-bottom: 2.4vw;
	/* width: calc(50% - 2.5vw); */
	/* width: calc(50% - 15.84vw); */
	width: calc(50% - 17.2vw);
	/* width: calc(50% - 15.9vw); */
}
.top_interview .second article:last-child {
	margin-bottom: 0;
}
.top_interview .second figure {
	margin-bottom: 1vw;
	height: 12vw;
	width: 100%;
}
.top_interview .second .text {
}
.top_interview .second h3 {
	font-size: 1.2vw;
	letter-spacing: 0.1vw;
	margin-bottom: 1.2vw;
}
.top_interview .second .addition {
	color: #787878;
	font-size: 1vw;
	line-height: 1;
}
.top_interview .second .category {
	letter-spacing: 0.1vw;
	padding-right: 1vw;
}
.top_interview .second .date {
	letter-spacing: 0.1vw;
	font-size: 1vw;
}
@media screen and (min-width: 1000px) {
	.top_interview {
		margin-top: 100px;
		margin-bottom: 100px;
	}
	/** headline **/
	.top_interview h2.headline {
		margin: 0 auto 20px;
	}
	.top_interview h2.headline span {
		font-size: 23px;
	}
	.top_interview h2.headline p {
		font-size: 56px;
		letter-spacing: 8px;
	}
	.top_interview h2.headline p::before,
	.top_interview h2.headline p::after {
		bottom: 18px;
		height: 44px;
	}
	.top_interview .innerBox {
		box-sizing: border-box;
		margin: 0 auto;
		/* padding: 100px 7vw 60px; */
		padding: 100px 7vw;
	}
	.top_interview h3 {
		margin-bottom: 25px;
	}
	.top_interview h3 p {
		font-size: 50px;
		letter-spacing: 5px;
		padding-right: 20px;
	}
	.top_interview h3 p::after {
		height: 40px;
	}
	.top_interview h3 span {
		font-size: 18px;
		margin-left: 25px;
	}
	.top_interview .viewall {
		/* top: 115px;
		right: 7vw; */
		top: initial;
		right: initial;
		bottom: -3vw;
		left: 50%;
		transform: translateX(-50%);
	}
	/** article **/
	.top_interview article figure {
		position: relative;
		z-index: 1;
	}
	.top_interview article figure img {
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
	}
	.top_interview article .tax {
		font-size: 12px;
		letter-spacing: 1px;
		margin-bottom: 10px;
		width: 100px;
	}
	/* ここから */
	.top_interview .list {
		max-width: 800px;
		margin: 0 auto;
		padding: 0;
	}
	.top_interview .first {
		/* width: calc(50% - 1.2vw); */
		width: 100%;
		margin: 0 0 40px;
	}
	/* .top_interview .first:nth-of-type(1) {
		margin-bottom: 4vw;
	} */
	.top_interview .first figure {
		padding-top: 60%;
		height: auto;
	}
	.top_interview .first figure .icon {
		font-size: 25px;
		letter-spacing: 4px;
		padding: 14px 3px 7px 8px;
	}
	.top_interview .first .text {
		/* bottom: 26px;
		left: 24px;
		width: calc(100% - 50px);
		z-index: 1; */
		margin: 0 30px;
	}
	.top_interview .first h3 {
		/* font-size: 18px;
		letter-spacing: 1px;
		margin-bottom: 14px; */
		font-size: 20px;
		font-weight: 700;
		margin: 20px auto 20px;
		width: fit-content;
		line-height: 1.7;
	}
	.top_interview .first .tax {
		font-size: 16px;
	}
	.top_interview .first .addition {
		font-size: 14px;
	}
	.top_interview .first .category {
		letter-spacing: 1px;
		padding-right: 14px;
	}
	.top_interview .first .date {
		/* letter-spacing: 1px;
		padding-left: 15px; */
		font-size: 16px;
		/* text-align: right; */
	}
	.top_interview .second {
		/* margin-left: 1.2vw;
		margin-right: -1.2vw; */
		/* width: calc(50% + 1.2vw); */
		width: 100%;
		/* gap: 0 3.6vw; */
		gap: 0 3.6%;
	}
	/* .top_interview .second:nth-of-type(1) {
		margin-bottom: 4vw;
	} */
	.top_interview .second article {
		/* margin: 0 1.2vw; */
		/* margin-bottom: 24px; */
		/* width: calc(50% - 2.4vw); */
		/* width: calc(50% - 14.4vw); */
		width: 30.9%;
	}
	.top_interview .second figure {
		margin-bottom: 10px;
		padding-top: 68%;
		height: auto;
	}
	.top_interview .second .text {
		width: 100%;
	}
	.top_interview .second h3 {
		/* letter-spacing: 1px;
		margin-bottom: 15px; */
		font-size: 14px;
		margin-bottom: 15px;
	}
	.top_interview .second .addition {
		font-size: 12px;
	}
	.top_interview .second .category {
		letter-spacing: 1px;
		padding-right: 10px;
	}
	.top_interview .second .date {
		/* letter-spacing: 1px;
		padding-left: 10px;
		font-size: 12px; */
		font-size: 11px;
		/* text-align: right; */
	}
}
@media screen and (max-width: 780px) {
	.top_interview {
		margin-top: 15vw;
		padding-bottom: 24vw;
		margin-bottom: 7vw;
	}
	/** headline **/
	.top_interview h2.headline {
		font-family: "Uchen", serif;
		line-height: 1.5;
		font-size: 9vw;
		margin: 0 auto 2vw;
		padding-right: 0;
	}
	.top_interview h2.headline p::before,
	.top_interview h2.headline p::after {
		bottom: 4vw;
		height: 8vw;
	}
	.top_interview h2.headline p::before {
		transform: rotate(-25deg);
	}
	.top_interview h2.headline p::after {
		right: 1vw;
		transform: rotate(25deg);
	}
	.top_interview .list {
		padding: 0;
	}
	.top_interview .innerBox {
		padding: 5vw 3.5vw 18vw;
	}
	.top_interview h3 {
		margin-bottom: 2.5vw;
	}
	.top_interview h3 p {
		font-size: 9vw;
		letter-spacing: 1vw;
		margin: 0 auto 2vw;
		padding-right: 0;
	}
	.top_interview h3 p::after {
		display: none;
	}
	.top_interview h3 span {
		display: none;
	}
	.top_interview .viewall {
		/* bottom: 5vw; */
		bottom: 6vw;
		right: 50%;
		top: auto;
		transform: translateX(50%);
		left: initial;
	}
	/** article **/
	.top_interview article figure img {
		object-fit: cover;
		height: 100%;
		width: 100%;
	}
	.top_interview article .tax {
		font-size: 2.6vw;
		margin-bottom: 0.2vw;
		/* width: 23vw; */
	}
	.top_interview .first {
		margin-bottom: 10vw;
		width: 100%;
	}
	.top_interview .first:nth-of-type(1) {
		margin-bottom: 10vw;
	}
	.top_interview .first figure {
		/* margin-bottom: 3vw; */
		position: relative;
		height: 45vw;
		width: 100%;
	}
	.top_interview .first figure::before {
		display: none;
	}
	.top_interview .first figure .icon {
		font-size: 4vw;
		letter-spacing: 0.6vw;
		padding: 2vw 0.8vw 0.8vw 1vw;
	}
	.top_interview .first .text {
		color: #464646;
		margin: 0 2vw;
		position: relative;
		bottom: auto;
		left: auto;
		width: auto;
	}
	.top_interview .first h3 {
		font-size: 3.2vw;
		letter-spacing: 0.2vw;
		line-height: 1.6;
		margin-bottom: 2vw;
	}
	.top_interview .first .addition {
		color: #787878;
		font-size: 2.8vw;
	}
	.top_interview .first .category {
		padding-right: 2vw;
	}
	/* .top_interview .first .date {
		border-left: solid 1px #787878;
		padding-left: 2vw;
	} */
	.top_interview .second {
		/* margin-left: 0; */
		width: 100%;
		margin: 0 5vw;
	}
	.top_interview .second:nth-of-type(1) {
		/* margin-bottom: 10vw; */
		margin-bottom: 0;
	}
	.top_interview .second article {
		margin-bottom: 5vw;
		width: 100%;
	}
	.top_interview .second figure {
		height: 26vw;
		width: 35vw;
	}
	.top_interview .second .text {
		margin-left: 3vw;
		width: calc(100% - 35vw - 3vw);
	}
	.top_interview .second h3 {
		font-size: 3vw;
		margin-bottom: 2vw;
	}
	.top_interview .second .addition {
		font-size: 2.6vw;
	}
	.top_interview .second .category {
		padding-right: 2vw;
	}
	.top_interview .second .date {
		font-size: 2.6vw;
	}
	.top_interview article.first figure {
		height: 65vw;
	}
	.top_interview article.first figure img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.top_interview article.first .text_box {
		padding: 4vw 5vw 5vw;
	}
	.top_interview article.first .category {
		font-size: 3vw;
		letter-spacing: 0.1vw;
		font-weight: 700;
		font-family: "Uchen", serif;
		border-bottom: 2px solid;
		width: fit-content;
	}
	.top_interview article.first .category.beauty {
		border-color: #fdeb7b;
	}
	.top_interview article.first .category.food {
		border-color: #e67335;
	}
	.top_interview article.first .category.lifestyle {
		border-color: #5b8468;
	}
	.top_interview article.first .category.interview {
		border-color: #3976ad;
	}
	.top_interview article.first .category.special {
		border-color: #9b72b0;
	}
	.top_interview article.first .title {
		font-size: 4vw;
		font-weight: 700;
		letter-spacing: 0.6vw;
		margin: 4vw auto;
		width: fit-content;
		line-height: 1.7;
	}
	.top_interview article.first .tax {
		font-size: 3vw;
		letter-spacing: 0.1vw;
		font-weight: 700;
		font-family: "Uchen", serif;
		width: fit-content;
	}
	.top_interview article.first .date {
		font-size: 2.6vw;
		text-align: right;
	}
}

/** -- kirei nail -- **/
.top_nail {
	/* padding: 5vw 0 7.6vw; */
	padding: 5vw 0 3vw;
	margin-top: -1px;
}
/* .webp .top_nail {
	background: url("../img/kireinail_bg.webp") no-repeat center / cover;
}
.no-webp .top_nail {
	background: url("../img/kireinail_bg.jpg") no-repeat center / cover;
} */
.top_nail .title {
	margin-bottom: 2.5vw;
	position: relative;
}
/* .top_nail .title h2 {
	font-family: 'Cormorant Garamond', serif;
	font-weight: 400;
	font-size: 5vw;
	letter-spacing: .5vw;
	margin-left: 9vw;
} */
.top_nail .title h2 {
	/* width: 208px; */
	/* width: 15vw; */
	width: 28vw;
	margin-left: 9vw;
}
.top_nail .title p {
	letter-spacing: 0.3vw;
	position: absolute;
	right: 6vw;
	top: 3vw;
}
.top_nail figure img.sp {
	display: none;
}
/** slider **/
.top_nail .swiper-slide {
	box-sizing: border-box;
	padding: 0 3.4vw;
}
.top_nail .swiper-button-next,
.top_nail .swiper-button-prev {
	background: url("/wp/wp-content/themes/kireinote/img/icon-arrow2.gif") no-repeat center / 2.8vw;
	background-color: #373737;
	top: 50%;
}
.top_nail .swiper-button-next {
	right: 13.2vw;
}
.top_nail .swiper-button-prev {
	left: 13.2vw;
	transform: rotate(180deg);
}
.top_nail .swiper-button-next::after,
.top_nail .swiper-button-prev::after {
	display: none;
}
/* .top_nail .swiper-slide a {
	position: relative;
	display: block;
	padding-top: 56%;
}
.top_nail .swiper-slide a img {
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
} */
.top_nail .splide-wrapper .splide__pagination__page {
	width: 40px;
}
@media screen and (min-width: 1000px) {
	.top_nail {
		/* padding: 55px 0 80px; */
		padding: 55px 0 20px;
	}
	.top_nail .title {
		margin: 0 auto 25px;
		max-width: 800px;
	}
	.top_nail .title h2 {
		/* font-size: 50px;
		letter-spacing: 5px; */
		width: 280px;
		margin-left: 0;
	}
	.top_nail .title p {
		letter-spacing: 3px;
		right: 60px;
		top: 30px;
	}
}
@media screen and (min-width: 781px) {
	/** slider **/
	.top_nail .swiper-button-next,
	.top_nail .swiper-button-prev {
		background-size: 2.15vw;
		height: 3.07vw;
		width: 3.07vw;
	}
}
@media screen and (max-width: 780px) {
	.top_nail {
		/* padding: 8vw 0 9vw; */
		padding: 8vw 0 3vw;
	}
	.top_nail .title {
		margin-bottom: 2.5vw;
	}
	.top_nail .title h2 {
		/* font-size: 10vw; */
		/* letter-spacing: 1vw; */
		/* margin-left: 0; */
		/* text-align: center; */
		margin-left: auto;
		margin-right: auto;
		width: 40vw;
	}
	.top_nail .title p {
		display: none;
	}
	.top_nail figure img.sp {
		display: inherit;
	}
	.top_nail figure img.pc {
		display: none;
	}
	/** slider **/
	.top_nail .swiper-slide {
		padding: 0 8vw;
	}
	.top_nail .swiper-button-next,
	.top_nail .swiper-button-prev {
		background-size: 5.6vw;
		top: 50%;
		height: 10vw;
		width: 10vw;
	}
	.top_nail .swiper-button-next {
		right: 0;
	}
	.top_nail .swiper-button-prev {
		left: 0;
	}
	.top_nail .splide-wrapper .splide__pagination__page {
		width: 4vw;
	}
}

.top_nail .splide__arrow--next,
.top_nail .splide__arrow--prev {
	background: url("/wp/wp-content/themes/kireinote/img/icon-arrow2.gif") no-repeat center / 2.8vw;
	background-color: #373737;
	top: 50%;
}
.top_nail .splide__arrow--next {
	right: 13.2vw;
}
.top_nail .splide__arrow--prev {
	left: 13.2vw;
	/* transform: rotate(180deg); */
	transform: rotate(180deg) translateY(50%);
}
.top_nail .splide__arrow--next::after,
.top_nail .splide__arrow--prev::after {
	display: none;
}
@media screen and (min-width: 781px) {
	/** slider **/
	.top_nail .splide__arrow--next,
	.top_nail .splide__arrow--prev {
		background-size: 2.15vw;
		height: 3.07vw;
		width: 3.07vw;
	}
}
@media screen and (max-width: 780px) {
	.top_nail .splide__arrow--next,
	.top_nail .splide__arrow--prev {
		background-size: 5.6vw;
		top: 50%;
		height: 10vw;
		width: 10vw;
	}
	.top_nail .splide__arrow--next {
		right: 0;
	}
	.top_nail .splide__arrow--prev {
		left: 0;
	}
}
.splide__arrow {
	border-radius: 0;
	opacity: 1;
}
.splide__arrow:hover {
	opacity: 1 !important;
}
.splide__arrow svg {
	display: none;
}

.common_category {
	margin-top: 6vw;
}
@media only screen and (max-width: 780px) {
	.common_category {
		margin-top: 17vw;
	}
}
@media only screen and (min-width: 1000px) {
	.common_category {
		margin-top: 100px;
	}
}