@charset "UTF-8";

.bloglist {
	/* background-color: #E4DED9; */
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
	box-sizing: border-box;
	padding: 12vw 6.4vw 5vw;
	position: relative;
}
/* .bloglist.all {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_all.jpg");
}
.bloglist.asia {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_asia.jpg");
}
.bloglist.europe {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_europe.jpg");
}
.bloglist.japan {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_japan.jpg");
}
.bloglist.other {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_other.jpg");
}
.bloglist.sdgs {
	background-image: url("/wp/wp-content/uploads/sdgs_bg.jpg");
}
.bloglist.cosmetics {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_cosmetics.jpg");
}
.bloglist.make {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_make.jpg");
}
.bloglist.skin {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_skin.jpg");
}
.bloglist.body {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_body.jpg");
}
.bloglist.hair {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_hair.jpg");
}
.bloglist.fragrance {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_fragrance.jpg");
}
.bloglist.food {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_food.jpg");
}
.bloglist.lifestyle {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_lifestyle.jpg");
}
.bloglist.interview {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_interview.jpg");
}
.bloglist.serialstory {
	background-image: url("/wp/wp-content/themes/kireinote/img/new_serialstory.jpg");
}
.bloglist.taiwan {
	background-image: url("/wp/wp-content/themes/kireinote/img/taiwan_bg.jpg");
}
.bloglist.indonesia {
	background-image: url("/wp/wp-content/themes/kireinote/img/indonesia_bg.jpg");
}
.bloglist.thailand {
	background-image: url("/wp/wp-content/themes/kireinote/img/thailand_bg.jpg");
}
.bloglist.singapore {
	background-image: url("/wp/wp-content/themes/kireinote/img/singapore_bg.jpg");
}
.bloglist.italy {
	background-image: url("/wp/wp-content/themes/kireinote/img/italy_bg.jpg");
}
.bloglist.france {
	background-image: url("/wp/wp-content/themes/kireinote/img/france_bg.jpg");
}
.bloglist.korea {
	background-image: url("/wp/wp-content/themes/kireinote/img/korea_bg.jpg");
}
.bloglist.malaysia {
	background-image: url("/wp/wp-content/themes/kireinote/img/malaysia_bg.jpg");
}
.bloglist.china {
	background-image: url("/wp/wp-content/themes/kireinote/img/china_bg.jpg");
}
.bloglist.spain {
	background-image: url("/wp/wp-content/themes/kireinote/img/spain_bg.jpg");
}
.bloglist.switzerland {
	background-image: url("/wp/wp-content/themes/kireinote/img/switzerland_bg.jpg");
}
.bloglist.netherlands {
	background-image: url("/wp/wp-content/themes/kireinote/img/netherlands_bg.jpg");
}
.bloglist.germany {
	background-image: url("/wp/wp-content/themes/kireinote/img/germany_bg.jpg");
}
.bloglist.uk {
	background-image: url("/wp/wp-content/themes/kireinote/img/uk_bg.jpg");
}
.bloglist.czech {
	background-image: url("/wp/wp-content/themes/kireinote/img/czech_bg.jpg");
}
.bloglist.poland {
	background-image: url("/wp/wp-content/themes/kireinote/img/poland_bg.jpg");
}
.bloglist.portugal {
	background-image: url("/wp/wp-content/themes/kireinote/img/portugal_bg.jpg");
}
.bloglist.austria {
	background-image: url("/wp/wp-content/themes/kireinote/img/austria_bg.jpg");
}
.bloglist.hungary {
	background-image: url("/wp/wp-content/themes/kireinote/img/hungary_bg.jpg");
}
.bloglist.belgium {
	background-image: url("/wp/wp-content/themes/kireinote/img/belgium_bg.jpg");
}
.bloglist.russia {
	background-image: url("/wp/wp-content/themes/kireinote/img/russia_bg.jpg");
}
.bloglist.australia {
	background-image: url("/wp/wp-content/themes/kireinote/img/australia_bg.jpg");
}
.bloglist.morocco {
	background-image: url("/wp/wp-content/themes/kireinote/img/morocco_bg.jpg");
}
.bloglist.america {
	background-image: url("/wp/wp-content/themes/kireinote/img/america_bg.jpg");
}
.bloglist.denmark {
	background-image: url("/wp/wp-content/themes/kireinote/img/denmark_bg.jpg");
}
.bloglist.kirei-voice {
	background-image: url("/wp/wp-content/uploads/2021/12/kirei_voice_bg.jpg");
}
.bloglist.kirei-roots {
	background-image: url("/wp/wp-content/uploads/2021/12/kirei_roots_bg.jpg");
} */
.bloglist.tag {
	background-image: url("/wp/wp-content/themes/kireinote/img/tag_bg.jpg");
	background-position: 0 -14vw;
}
.bloglist .innerBox {
	background-color: #fff;
	padding: 5vw 3.5vw 8vw;
	position: relative;
}
.bloglist .innerBox .title {
	margin-bottom: 4vw;
	text-align: center;
	line-height: 1.8;
}
.bloglist .innerBox .title .ttl_en {
	font-family: 'Cinzel', serif;
	font-size: 4.8vw;
	letter-spacing: 1vw;
	line-height: 1.1;
}
.bloglist .innerBox .title .ttl_jp {
	display: block;
	font-size: 1.6vw;
	margin-bottom: 30px;
}
.bloglist .innerBox .title p {
	text-align: left;
}
.bloglist.tag .innerBox .title > p {
	text-align: center;
}
/** viewall **/
.bloglist .viewall {
	bottom: 4vw;
	left: 50%;
	transform: translateX(-50%);
}
.bloglist .infinite-scroll-request,
.bloglist .infinite-scroll-last {
	text-align: center;
}
/** list **/
.bloglist .list {
	margin: 2vw 6vw 0;
}
.bloglist .list article a {
	display: block;
}
.bloglist .list article figure {
	position: relative;
}
.bloglist .list article figure img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}
.bloglist .list {
	margin: 0 -1vw;
}
.bloglist .list article {
	margin: 0 1vw 3vw;
	width: calc(100% / 2 - 2vw);
}
.bloglist .list article a {
	display: flex;
}
.bloglist .list article figure {
	height: 13vw;
	width: 20vw;
}
.bloglist .list article figure .icon {
	background-color: #E77875;
	color: #fff;
	display: none;
	font-family: "Fjalla One", serif;
	font-size: 1.8vw;
	letter-spacing: .3vw;
	padding: 1vw .2vw .4vw .6vw;
	position: absolute;
	left: 0;
	top: 0;
}
.bloglist .list article:nth-child(1) figure .icon,
.bloglist .list article:nth-child(2) figure .icon {
	display: block;
}
.bloglist .list article .text {
	margin-left: 1.5vw;
	width: calc(100% - 20vw - 1.5vw);
}
.bloglist .list article h3 {
	font-size: 1.4vw;
	margin-bottom: 2vw;
}
.bloglist .list article .addition {
	color: #787878;
	font-size: 1.1vw;
	line-height: 1.0;
}
.bloglist .list article .category {
	border-right: solid 1px #787878;
	padding-right: 1vw;
}
.bloglist .list article .date {
	/* margin-left: 1vw; */
    letter-spacing: 0.1vw;
    font-size: 1vw;
	line-height: 1.6;
}
/** 1つ目の記事 **/
.bloglist .list article:first-child {
	margin: 0 auto 6vw;
	/* width: calc(100% - 2vw); */
	width: 100%;
}
.bloglist .list article:first-child a {
	display: block;
}
.bloglist .list article:first-child figure {
	/* margin-bottom: 0;
	height: 45vw;
	width: 100%; */
	margin-bottom: 2vw;
    height: 36vw;
	width: 100%;
}
.bloglist .list article:first-child figure .icon {
	font-size: 2.4vw;
	letter-spacing: .4vw;
	padding: 1.2vw .3vw .5vw .8vw;
}
.bloglist .list article:first-child .text {
	/* background-color: rgba(214,214,216, .9);
	margin: -10vw 3vw 0;
	padding: 4vw 7vw;
	position: relative;
	width: auto; */
	margin: 0 3vw;
}
.bloglist .list article:first-child h3 {
	font-size: 2vw;
	/* margin-bottom: 2vw; */
	margin-bottom: 1.5vw;
}
.bloglist .list article:first-child .addition {
	color: #787878;
	font-size: 1.3vw;
	letter-spacing: .1vw;
	line-height: 1.0;
}
.bloglist .list article:first-child .category {
	border-right: solid 1px #787878;
	padding-right: 1.5vw;
}
.bloglist .list article:first-child .date {
	/* margin-left: 1.5vw; */
	font-size: 2.6vw;
}
.bloglist .list article .tax {
	/* background-color: #E4DDD8;
	color: #464646;
	font-size: 1vw;
	letter-spacing: .1vw;
	margin-bottom: 1vw;
	text-align: center;
	width: 10vw; */
	font-family: "Uchen", serif;
	border-bottom: 2px solid;
	/* font-size: 1vw; */
	font-size: 1.3vw;
	font-weight: 700;
	letter-spacing: 0.1vw;
	margin-bottom: 1vw;
	width: fit-content;
}
.bloglist .list article .tax.beauty {
	border-color: #FDEB7B;
}
.bloglist .list article .tax.food {
	border-color: #E67335;
}
.bloglist .list article .tax.lifestyle {
	border-color: #5B8468;
}
.bloglist .list article .tax.interview {
	border-color: #3976AD;
}
.bloglist .list article .tax.special {
	border-color: #9B72B0;
}

/* .bloglist .list article:first-child .tax {
	background-color: #fff;
} */
@media screen and (min-width: 1000px) {
	.bloglist {
		padding: 120px 64px 50px;
	}
	.bloglist .innerBox {
		box-sizing: border-box;
		margin: 0 auto;
		padding: 50px 35px 80px;
		max-width: 900px;
	}
	.bloglist .innerBox .title {
		margin-bottom: 40px;
	}
	.bloglist .innerBox .title .ttl_en {
		font-size: 48px;
		letter-spacing: 10px;
	}
	.bloglist .innerBox .title .ttl_jp {
		font-size: 16px;
	}
	/** viewall **/
	.bloglist .viewall {
		bottom: 40px;
	}
	/** list **/
	.bloglist .list {
		margin: 20px 60px 0;
	}
	.bloglist .list {
		margin: 0 -10px;
	}
	.bloglist .list article {
		margin: 0 10px 30px;
		width: calc(100% / 2 - 20px);
	}
	.bloglist .list article figure {
		height: 130px;
		width: 200px;
	}
	.bloglist .list article figure .icon {
		font-size: 18px;
		letter-spacing: 3px;
		padding: 10px 2px 4px 6px;
	}
	.bloglist .list article .text {
		margin-left: 15px;
		width: calc(100% - 200px - 15px);
	}
	.bloglist .list article h3 {
		font-size: 14px;
		margin-bottom: 20px;
		overflow: hidden;
		display: -webkit-box;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	.bloglist .list article .addition {
		font-size: 11px;
	}
	.bloglist .list article .category {
		padding-right: 10px;
	}
	.bloglist .list article .date {
		/* margin-left: 10px; */
		letter-spacing: 1px;
        font-size: 12px;
	}
	/** 1つ目の記事 **/
	.bloglist .list article:first-child {
		margin: 0 auto 60px;
		/* width: calc(100% - 20px); */
	}
	.bloglist .list article:first-child figure {
		margin-bottom: 20px;
        height: 360px;
	}
	.bloglist .list article:first-child figure .icon {
		font-size: 24px;
		letter-spacing: 4px;
		padding: 12px 3px 5px 8px;
	}
	.bloglist .list article:first-child .text {
		/* margin: -100px 30px 0; */
		margin: 0 30px;
		/* padding: 40px 70px; */
	}
	.bloglist .list article:first-child h3 {
		font-size: 20px;
		/* margin-bottom: 20px; */
		margin-bottom: 15px;
	}
	.bloglist .list article:first-child .addition {
		font-size: 16px;
		letter-spacing: 1px;
	}
	.bloglist .list article:first-child .category {
		padding-right: 15px;
	}
	.bloglist .list article:first-child .date {
		/* margin-left: 15px; */
		font-size: 15px;
	}
	.bloglist .list article .tax {
		/* font-size: 12px;
		letter-spacing: 1px;
		margin-bottom: 10px;
		width: 100px; */
		font-size: 15px;
        letter-spacing: 1px;
        margin-bottom: 5px;
	}
}
@media screen and (max-width: 780px) {
	.bloglist {
		padding: 15vw 5vw 5vw;
	}
	.bloglist.tag {
		background-position: 50% 0;
	}
	.bloglist .innerBox {
		padding: 4vw 5vw 18vw;
	}
	.bloglist .innerBox .title {
		margin-bottom: 6vw;
	}
	.bloglist .innerBox .title p {
		font-size: 3.4vw;
		text-align: left;
	}
	.bloglist.tag .innerBox .title > p {
		font-size: 3.4vw;
		text-align: left;
	}
	.bloglist .innerBox .title .ttl_en {
		font-size: 8vw;
		text-align: center;
	}
	.bloglist .innerBox .title .ttl_jp {
		margin-bottom: 3vw;
	}
	/* .bloglist .innerBox .title .ttl_en span {
		display: none;
	} */
	.bloglist.tag .innerBox .title .ttl_jp {
		display: block;
		font-size: 2.8vw;
		margin-bottom: 3vw;
	}
	/** viewall **/
	.bloglist .viewall {
		bottom: 6vw;
	}
	.bloglist .infinite-scroll-request,
	.bloglist .infinite-scroll-last {
		font-size: 3vw;
		margin-top: 3vw;
	}
	/** list **/
	.bloglist .list article {
		margin: 0 0 6vw;
		width: 100%;
	}
	.bloglist .list article:last-child {
		margin-bottom: 0;
	}
	.bloglist .list article figure {
		height: 26vw;
		width: 36vw;
	}
	.bloglist .list article .text {
		margin-left: 4vw;
		width: calc(100% - 36vw - 4vw);
	}
	.bloglist .list article h3 {
		font-size: 3vw;
		margin-bottom: 3vw;
	}
	.bloglist .list article .addition {
		font-size: 2.1vw;
	}
	.bloglist .list article:first-child {
		margin-bottom: 10vw;
		width: 100%;
	}
	.bloglist .list article:first-child figure {
		margin-bottom: 3vw;
		height: 45vw;
	}
	.bloglist .list article:first-child figure .icon {
		font-size: 4vw;
		letter-spacing: .6vw;
		padding: 2.5vw 1vw 1vw 1.6vw;
	}
	.bloglist .list article:first-child .text {
		background-color: transparent;
		padding: 0;
		margin: 0 2vw;
		width: 100%;
	}
	.bloglist .list article:first-child h3 {
		font-size: 3.6vw;
		margin-bottom: 3vw;
	}
	.bloglist .list article:first-child .addition {
		font-size: 2.8vw;
	}
	.bloglist .list article .tax {
		/* font-size: 2.6vw;
		margin-bottom: 2vw;
		width: 23vw; */

		font-size: 2.6vw;
		margin-bottom: 0.2vw;
	}
	.bloglist .list article .date {
		font-size: 2.6vw;
	}
	/* .bloglist .list article:first-child .tax {
		background-color: #E4DDD8;
	} */
}

/** serial story **/
.bloglist.serialstory .innerBox {
	padding-bottom: 8vw;
}
/* tab */
.bloglist.serialstory .tab {
	margin: 0 -3.5vw 3.5vw;
	padding-bottom: .5vw;
	padding-top: 1vw;
	position: relative;
}
.bloglist.serialstory .tab::after {
	border-bottom: solid .7vw #7EC5DC;
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 12;
}
.bloglist.serialstory .tab .inner {
	background-color: #EFEFEF;
	width: 100%;
}
.bloglist.serialstory .tab .box {
	border: solid 1px #C9C9C9;
	border-right: none;
	box-sizing: border-box;
	cursor: pointer;
	padding-bottom: 5vw;
	position: relative;
	height: 5vw;
	width: calc(100% / 5);
}
.bloglist.serialstory .tab .box.current::after {
	background-color: #7EC5DC;
	border-radius: 1.2vw 1.2vw 0 0;
	box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .25);
	content: '';
	display: block;
	position: absolute;
	left: -.2vw;
	top: -.8vw;
	height: 5.8vw;
	width: calc(100% + .4vw);
	z-index: 10;
}
.bloglist.serialstory .tab .box a {
	font-size: 1.5vw;
	font-weight: 600;
	position: absolute;
	left: 0;
	top: 50%;
	text-align: center;
	transform: translateY(-50%);
	width: 100%;
	z-index: 11;
}
/* contents */
.bloglist.serialstory .list .swiper-slide {
	padding-bottom: 0;
}
@media screen and (min-width: 1000px) {
	.bloglist.serialstory .innerBox {
		padding-bottom: 80px;
	}
	/* tab */
	.bloglist.serialstory .tab {
		margin: 0 -35px 35px;
		padding-bottom: 5px;
		padding-top: 10px;
	}
	.bloglist.serialstory .tab::after {
		border-bottom: solid 7px #7EC5DC;
	}
	.bloglist.serialstory .tab .box {
		padding-bottom: 50px;
		height: 50px;
	}
	.bloglist.serialstory .tab .box.current::after {
		border-radius: 12px 12px 0 0;
		left: -2px;
		top: -8px;
		height: 58px;
		width: calc(100% + 4px);
	}
	.bloglist.serialstory .tab .box a {
		font-size: 15px;
	}
}
@media screen and (max-width: 780px) {
	.bloglist.serialstory .innerBox {
		padding-bottom: 20vw;
	}
	.bloglist.serialstory .tab {
		margin: 0 -5vw 6vw;
		padding-bottom: 1vw;
		padding-top: 1vw;
	}
	.bloglist.serialstory .tab::after {
		border-width: 1vw;
	}
	.bloglist.serialstory .tab .box {
		height: 10vw;
	}
	.bloglist.serialstory .tab .box.current::after {
		height: 10.8vw;
	}
	.bloglist.serialstory .tab .box a {
		font-size: 3.2vw;
	}
}

/** back_number **/
.back_number {
	margin: 8vw 0 0;
	padding: 4vw 9vw 0;
	position: relative;
}
.back_number h2 {
	align-items: flex-end;
	display: flex;
	margin-bottom: 5vw;
	margin-left: 0;
}
.back_number h2 p {
	font-family: 'Cinzel', serif;
	font-size: 5vw;
	font-weight: 400;
	letter-spacing: .5vw;
	line-height: .9;
	padding-right: 6vw;
	position: relative;
}
.back_number h2 p:first-letter {
	font-size: 6vw;
}
.back_number h2 p::after {
	border-right: solid 1px #666;
	content: '';
	display: block;
	height: 4.5vw;
	position: absolute;
	right: 0;
	top: .2vw;
}
.back_number h2 span {
	display: block;
	font-size: 1.8vw;
	font-weight: 400;
	margin-left: 2.5vw;
}
.back_number .viewall {
	top: 6vw;
	right: 5vw;
}
.back_number .slider {
	position: relative;
	padding-bottom: 8vw;
}
.back_number .swiper-button-next,
.back_number .swiper-button-prev {
	background: url("/wp/wp-content/themes/kireinote/img/icon-arrow2.gif") no-repeat center / 2.8vw;
	background-color: #373737;
	top: 20vw;
	height: 5vw;
	width: 5vw;
}
.back_number .swiper-button-next {
	right: -7vw;
}
.back_number .swiper-button-prev {
	left: -7vw;
	transform: rotate(180deg);
}
.back_number .swiper-button-next::after,
.back_number .swiper-button-prev::after {
	display: none;
}
.back_number .swiper-pagination-bullets {
	bottom: 0;
	width: 100%;
}
.back_number .swiper-pagination-bullet {
	background-color: transparent;
	border: solid 1px #464646;
	box-sizing: border-box;
	margin: 0 .6vw !important;
	opacity: 1;
	height: 14px;
	width: 14px;
}
.back_number .swiper-pagination-bullet-active {
	background-color: #464646 !important;
}
.back_number .list {
	margin: 0 -1vw;
}
.back_number .list article {
	display: flex;
	margin: 0 1vw 3vw;
	width: calc(100% / 2 - 2vw);
}
.back_number .list article a {
	display: flex;
}
.back_number .list article figure {
	overflow: hidden;
	height: 13vw;
	width: 20vw;
}
.back_number .list article figure img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}
.back_number .list article .text {
	margin-left: 1.5vw;
	/* margin-top: 1vw; */
	width: calc(100% - 20vw - 1.5vw);
}
.back_number .list article h3 {
	font-size: 1.5vw;
	letter-spacing: .1vw;
	margin-bottom: 2vw;
}
.back_number .list article .tax {
	font-family: "Uchen", serif;
    border-bottom: 2px solid;
    font-size: 1vw;
    font-weight: 700;
    letter-spacing: 0.1vw;
    margin-bottom: 1vw;
    width: fit-content;
}
.back_number .list article .tax.beauty {
	border-color: #FDEB7B;
}
.back_number .list article .tax.food {
	border-color: #E67335;
}
.back_number .list article .tax.lifestyle {
	border-color: #5B8468;
}
.back_number .list article .tax.interview {
	border-color: #3976AD;
}
.back_number .list article .tax.special {
	border-color: #9B72B0;
}

.back_number .list article .addition {
	color: #787878;
	font-size: 1.2vw;
	line-height: 1.0;
}
.back_number .list article .category {
	border-right: solid 1px #787878;
	padding-right: 1.2vw;
}
.back_number .list article .date {
	/* margin-left: 1.2vw; */
	letter-spacing: 0.1vw;
    font-size: 1vw;
    line-height: 1.6;
}
/* first */
.back_number .list article:first-child {
	margin: 0 1vw 8vw;
	width: calc(100% - 2vw);
}
.back_number .list article:first-child a {
	display: block;
	width: 100%;
}
.back_number .list article:first-child figure {
	margin-bottom: 3.5vw;
	height: 40vw;
	width: 100%;
}
.back_number .list article:first-child figure img {
	object-fit: contain;
}
.back_number .list article:first-child .text {
	margin-left: 0;
}
.back_number .list article:first-child h3 {
	font-size: 1.8vw;
}
.back_number .list article .addition {
	font-size: 1.3vw;
}
@media screen and (min-width: 1000px) {
	.back_number {
		margin: 80px auto 0;
		padding: 40px 0 0;
		width: 100%;
		max-width: 800px;
	}
	.back_number h2 {
		margin-bottom: 50px;
	}
	.back_number h2 p {
		font-size: 50px;
		letter-spacing: 5px;
		padding-right: 20px;
	}
	.back_number h2 p:first-letter {
		font-size: 60px;
	}
	.back_number h2 p::after {
		height: 45px;
		top: 2px;
	}
	.back_number h2 span {
		font-size: 18px;
		margin-left: 25px;
	}
	.back_number .viewall {
		top: 60px;
		right: 0;
	}
	.back_number .slider {
		margin: 0 auto;
		padding-bottom: 80px;
		max-width: 800px;
	}
	.back_number .swiper-button-next,
	.back_number .swiper-button-prev {
		background-size: 28px;
		top: 210px;
		height: 50px;
		width: 50px;
	}
	.back_number .swiper-button-next {
		right: -70px;
	}
	.back_number .swiper-button-prev {
		left: -7vw;
	}
	.back_number .swiper-pagination-bullet {
		margin: 0 6px !important;
	}
	.back_number .list {
		margin: 0 -10px;
	}
	.back_number .list article {
		margin: 0 10px 30px;
		width: calc(100% / 2 - 20px);
	}
	.back_number .list article figure {
		height: 130px;
		width: 200px;
	}
	.back_number .list article .text {
		margin-left: 15px;
		margin-top: 10px;
		width: calc(100% - 200px - 15px);
	}
	.back_number .list article h3 {
		font-size: 15px;
		letter-spacing: 1px;
		margin-bottom: 20px;
	}
	.back_number .list article .tax {
		font-size: 12px;
        letter-spacing: 1px;
        margin-bottom: 5px;
	}
	.back_number .list article .addition {
		font-size: 12px;
	}
	.back_number .list article .category {
		padding-right: 12px;
	}
	.back_number .list article .date {
		/* margin-left: 12px; */
		letter-spacing: 1px;
        font-size: 12px;
	}
	/* first */
	.back_number .list article:first-child {
		margin: 0 10px 80px;
		width: calc(100% - 20px);
	}
	.back_number .list article:first-child figure {
		margin-bottom: 35px;
		height: 400px;
	}
	.back_number .list article:first-child h3 {
		font-size: 18px;
	}
	.back_number .list article .addition {
		font-size: 13px;
	}
}
@media screen and (max-width: 780px) {
	.back_number {
		margin: 8vw 0 0;
		padding: 0 8vw;
		position: relative;
	}
	.back_number h2 {
		display: block;
		margin-bottom: 5vw;
	}
	.back_number h2 p {
		font-size: 7vw;
		letter-spacing: .8vw;
		padding-right: 0;
		text-align: center;
	}
	.back_number h2 p:first-letter {
		font-size: 8vw;
	}
	.back_number h2 p::after {
		display: none;
	}
	.back_number h2 span {
		display: none;
	}
	.back_number .slider {
		padding-bottom: 12vw;
	}
	.back_number .swiper-button-next,
	.back_number .swiper-button-prev {
		background-size: 5vw;
		top: 20vw;
		height: 7vw;
		width: 7vw;
	}
	.back_number .swiper-pagination-bullet {
		margin: 0 1.5vw !important;
		height: 11px;
		width: 11px;
	}
	.back_number .swiper-pagination-bullet-active {
		background-color: #464646 !important;
	}
	.back_number .list {
		margin: 0;
	}
	.back_number .list article {
		display: flex;
		margin: 0 0 6vw;
		width: 100%;
	}
	.back_number .list article figure {
		height: 26vw;
		width: 40vw;
	}
	.back_number .list article .text {
		margin-left: 3vw;
		/* margin-top: 2vw; */
		width: calc(100% - 40vw - 3vw);
	}
	.back_number .list article:first-child .text {
		margin-left: 0;
		width: auto;
	}
	.back_number .list article h3 {
		font-size: 3vw;
		letter-spacing: .2vw;
		margin-bottom: 3vw;
	}
	.back_number .list article .tax {
        font-size: 2.6vw;
        margin-bottom: 0.2vw;
    }
	.back_number .list article .addition {
		font-size: 2.6vw;
	}
	.back_number .list article .category {
		border-right: solid 1px #787878;
		padding-right: 1.5vw;
	}
	.back_number .list article .date {
		/* margin-left: 1.5vw; */
		font-size: 2.6vw;
	}
	/* first */
	.back_number .list article:first-child {
		margin: 0 1vw 8vw;
		width: calc(100% - 2vw);
	}
	.back_number .list article:first-child figure {
		margin-bottom: 4vw;
		height: 38vw;
	}
	.back_number .list article:first-child h3 {
		font-size: 3.4vw;
	}
	.back_number .list article .addition {
		font-size: 2.6vw;
	}
}

/** -- interview --**/
.interview .main figure figcaption {
	font-family: 'Cinzel', serif;
	font-size: 3vw;
	letter-spacing: .5vw;
	position: absolute;
	right: -1.6vw;
	top: 0;
	text-align: center;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	height: 100%;
}
/* .interview .list article:first-child .text {
	display: none;
} */
/* headline */
.interview .headline {
	background-color: rgba(214, 214, 216, .84);
	display: none;
	margin: 0 2vw;
	margin-top: -10.5vw;
	padding: 5vw 3.5vw;
	position: relative;
}
.interview .list article:first-child .headline {
	display: block;
}
.interview .headline .name {
	color: #000;
	font-family: '游明朝体', '游明朝', 'Yu Mincho', 'YuMincho', serif;
	font-size: 4vw;
	letter-spacing: 1.4vw;
	line-height: 1.2;
	padding-bottom: 2vw;
	position: relative;
}
.interview .headline .name::after {
	background-color: #323232;
	content: '';
	display: block;
	position: absolute;
	bottom: -.5vw;
	left: 0;
	height: 5px;
	width: 12vw;
}
.interview .headline .name span {
	display: block;
	font-size: 1.4vw;
	letter-spacing: .2vw;
	margin-top: 5px;
}
.interview .headline .catch {
	font-size: 2.4vw;
	letter-spacing: .2vw;
	line-height: 1.6;
	margin-top: 20px;
	/* position: absolute;
	right: 2.5vw;
	top: 50%;
	transform: translateY(-50%);
	word-break: keep-all; */
}
@media screen and (min-width: 1000px) {
	.interview .main figure figcaption {
		font-size: 30px;
		letter-spacing: 5px;
		right: -16px;
	}
	/* headline */
	.interview .headline {
		margin: 0 20px;
		margin-top: -105px;
		padding: 50px 35px;
	}
	.interview .headline .name {
		font-size: 40px;
		letter-spacing: 14px;
		padding-bottom: 20px;
	}
	.interview .headline .name::after {
		bottom: -5px;
		width: 120px;
	}
	.interview .headline .name span {
		font-size: 14px;
		letter-spacing: 2px;
	}
	.interview .headline .catch {
		font-size: 24px;
		letter-spacing: 2px;
		/* right: 25px; */
	}
}
@media screen and (max-width: 780px) {
	.interview figure figcaption {
		font-size: 7vw;
		letter-spacing: 1vw;
	}
	.interview .headline {
		box-sizing: border-box;
		margin: 0 auto;
		/* margin-left: 2vw; */
		margin-top: -12vw;
		padding: 3vw 4vw;
		width: 75vw;
	}
	.interview .headline .name {
		font-size: 5.4vw;
		letter-spacing: 1.8vw;
		padding-bottom: 4.5vw;
	}
	.interview .headline .name span {
		display: block;
		font-size: 2.4vw;
		letter-spacing: .3vw;
		margin-top: 1vw;
		/* position: absolute;
		right: 0;
		top: 3vw; */
	}
	.interview .headline .name::after {
		bottom: 0;
		height: .6vw;
		width: 11vw;
	}
	.interview .headline .catch {
		margin-top: 4vw;
		font-size: 3.4vw;
		position: relative;
		right: auto;
		top: auto;
		transform: translateY(0);
	}
}
.bloglist .innerBox .title .img {
	width: 90px;
	height: 90px;
	border: 8px solid rgba(214,214,216, .9);
	margin: 0 auto 20px;
	overflow: hidden;
	border-radius: 50%;
	object-fit: cover;
}
@media only screen and (max-width: 767px) {
	.bloglist .innerBox .title .img {
		border: 5px solid rgba(214,214,216, .9);
		margin: 0 auto 15px;
	}
}