/*!
	Theme Name: I Live You! 2020
	Theme URI: https://koyanagiyu.com/
	Version: 1.0
	License: GNU General Public License v2 or lator
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Author: Cazuki Hoshina
	Author URI: https://m-glam.net/
	Description: コヤナギユウ公式サイト「I Live You!」専用WordPressテーマ
	Text Domain: koyanagiyu
*/

/* 01.reset */
html, body, div, span, applet, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, captipn,  tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
	display:block;
}

body {
	line-height:1;
}

ol, ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after {
	content:'';
	content:none;
}

q:before, q:after {
	content:'';
	content:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

a {
	text-decoration:none;
}

input, textarea, select {
	margin:0;
}

input:focus, textarea:focus, select:focus {
	outline:none;
}

textarea {
	overflow:auto;
}

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
	padding:0 !important;
	border:0 none !important;
}

/* 02.Base */
*, ::before, ::after {
	border-style:solid;
	border-width:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
html {
	font-family:sans-serif;
	overflow-y:scroll;
}
body {
	font-family:system-ui, -apple-system, "Hiragino Sans", "Yu Gothic UI", "Segoe UI", "Meiryo", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight:400;
	font-style:normal;
	letter-spacing:normal;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#070a0a;
	background-color:#eeeeee;
	font-size:16px;
	line-height:1.4;
	-webkit-text-size-adjust:100%;
}
i {
	font-style:normal;
}
img {
	border:0;
}
small {
	font-size:13px;
	font-weight:400;
	font-style:normal;
}
textarea {
	font-family:sans-serif;
	font-size:16px;
}
::selection {
	background:#dc98ff;
	opacity:.4;
}
.clrfix {
	zoom:1;
}
.clrfix:after {
	content:'';
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
}
a, a:link, a:visited, a:active {
	color:#070a0a;
	text-decoration:none;
}
a:hover, a:focus {
	color:#070a0a;
	text-decoration:none;
}

/* 02.vars */
._flex {
	display:-webkit-flex;
	display:-ms-flex;
	display:flex;
}
._flex-justify--start {
	justify-content:flex-start;
}
._flex-justify--end {
	justify-content:flex-end;
}
._flex-justify--around {
	justify-content:space-around;
}
._flex-justify--between {
	justify-content:space-between;
}
._flex-justify--center {
	justify-content:center;
}
._flex-align--center {
	align-items:center;
}
._flex-wrap {
	flex-wrap:wrap;
}
._flex-wrap-reverse {
	flex-wrap:wrap-reverse;
}
._flex-direction--column {
	flex-direction:column;
}


/* logo */
.logo-header {
	width:225px;
}
.logo-footer {
	width:125px;
}
.title-header img,
.title-footer img {
	max-width:100%;
	height:auto;
}
.title-header span,
.title-footer span {
	position:absolute;
	clip:rect(1px 1px 1px 1px);
}
@media screen and (max-width:587px) {
	.logo-header {
		width:165px;
	}
	.menu-header .navi-content--logo {
		width:165px;
	}
}

/* menu */
.menu-header {
	width:calc(100% - 300px);
}
.menu-header ul li,
.menu-footer ul li {
	font-family:'Montserrat', sans-serif;
	font-weight:700;
	margin:0 0 0 2rem;
}
.menu-header ul li:first-of-type,
.menu-footer ul li:first-of-type {
	margin:0;
}
.menu-header a,
.menu-footer a {
	padding:4px;
	transition:.1s ease all;
}
.menu-header a:hover,
.menu-header a:focus,
.menu-footer a:hover,
.menu-footer a:focus {
	background:#dc98ff;
}

.menu-sticky {
	position:-webkit-sticky;
	position:sticky;
	top:1rem;
	max-width:1440px;
	margin:1rem auto 0;
	padding:0 60px;
	z-index:9999;
}
.menu-sticky .navi-unshown {
	display:none;
}
.menu-sticky .navi-content--category {
	overflow:auto;
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	width:100%;
	max-width:100%;
	height:100%;
	background:#fff;
	transition:.3s ease-in-out;
	-webkit-transform:translateX(-105%);
	transform:translateX(-105%);
}
.menu-sticky .navi-content--category:before {
	position:absolute;
	content:'SELECT CATEGORY';
	font-family:'Cormorant Infant', serif;
	font-size:120px;
	font-style:italic;
	line-height:.6;
	color:rgba(0,0,0,.1);
	top:0;
	left:0;
}
.menu-sticky .navi-content--category nav {
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}
.menu-sticky .navi-content--category ul {
	position:relative;
	width:700px;
	height:280px;
	margin:0 0 0 30px;
}
.menu-sticky .navi-content--category ul:before,
.menu-sticky .navi-content--category ul:after {
	position:absolute;
	content:'';
	width:2px;
	background:rgba(0,0,0,.1);
	top:-100vh;
	bottom:-100vh;
}
.menu-sticky .navi-content--category ul:before {
	left:-30px;
}
.menu-sticky .navi-content--category ul:after {
	left:327px;
}
.menu-sticky .navi-content--category li {
	position:relative;
	padding:1rem;
	font-family:'Montserrat', sans-serif;
	font-weight:700;
}
.menu-sticky .navi-content--category li:before {
	position:absolute;
	content:'';
	width:30px;
	height:2px;
	background:#dc98ff;
	top:50%;
	left:-30px;
	transform:translateY(-50%);
}
#menu-sticky--open {
	background:#fff;
	padding:1.5rem;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	border-radius:100px;
	transition:.1s ease;
	filter:drop-shadow(0 1px 4px rgba(0,0,0,.1));
}
#menu-sticky--open:hover {
	cursor:pointer;
	background:#dc98ff;
}
#menu-sticky--open span {
	display:inline-block;
	margin:0 0 0 1rem;
	font-family:'Montserrat', sans-serif;
	font-weight:700;
}
#menu-sticky--open .fa-th-large {
	color:#dc98ff;
}
#menu-sticky--open:hover .fa-th-large {
	color:#fff;
}
#menu-sticky--input:checked ~ #menu-sticky--closed {
	display:block;
	opacity:.5;
}
#menu-sticky--input:checked ~ .navi-content--category {
	-webkit-transform:translateX(0%);
	transform:translateX(0%);
}
#menu-sticky--close {
	position:absolute;
	bottom:40px;
	left:10%;
}
#menu-sticky--close span {
	display:inline-block;
	margin:0 0 0 1rem;
	font-family:'Montserrat', sans-serif;
	font-weight:700;
}
#menu-sticky--close .fa-times {
	font-size:20px;
	color:#dc98ff;
}
.navi-content--social_list {
	font-family:'Montserrat', sans-serif;
}
.navi-content--social_list li {
	font-size:20px;
	margin:0 0 0 1rem;
}
.navi-content--social_list li:first-of-type {
	font-size:16px;
	font-weight:700;
}
.navi-content--social_list a,
.navi-content--social_list a:link,
.navi-content--social_list a:visited,
.navi-content--social_list a:active {
	transition:.1s ease all;
	text-decoration:none;
}
.navi-content--social_list a:hover,
.navi-content--social_list a:focus {
	color:#dc98ff;
}
@media screen and (max-width:587px) {
	.menu-header {
		position:relative;
		right:-80px;		
	}
	.menu-header .navi-unshown {
		display:none;
	}
	.menu-header .navi-content {
		overflow:auto;
		position:fixed;
		top:0;
		left:0;
		z-index:9999;
		width:100%;
		max-width:100%;
		height:100%;
		padding:3rem;
		background:#fff;
		transition:.3s ease-in-out;
		-webkit-transform:translateX(-105%);
		transform:translateX(-105%);
	}
	.menu-header .navi-content--global,
	.menu-header .navi-content--social,
	.menu-header .navi-content--category {
		margin:3rem 0 0;
	}
	.menu-header .navi-content--global li {
		font-size:28px;
		font-weight:700;
		margin:0;
	}
	.menu-header .navi-content--global li+li {
		margin:1.2rem 0 0;
	}
	.menu-header .navi-content--social li {
		font-size:28px;
		margin:0;
	}
	.menu-header .navi-content--social li+li {
		margin:0 0 0 28px;
	}
	.menu-header .navi-content--category {
		position:relative;
		padding:3rem 0 0;
	}
	.menu-header .navi-content--category:before {
		position:absolute;
		content:'BLOG \A CATEGORY';
		font-family:'Cormorant Infant', serif;
		font-size:40px;
		font-style:italic;
		line-height:.6;
		white-space:pre;
		color:rgba(0,0,0,.1);
		top:1rem;
		left:-3rem;
	}
	.menu-header .navi-content--category nav {
		height:100%;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	.menu-header .navi-content--category ul {
		position:relative;
		width:100%;
		height:auto;
		margin:0 0 0 30px;
	}
	.menu-header .navi-content--category ul:before {
		left:-30px;
	}
	.menu-header .navi-content--category ul:after {
		left:327px;
	}
	.menu-header .navi-content--category li {
		position:relative;
		padding:1rem;
		font-family:'Montserrat', sans-serif;
		font-weight:700;
		margin:0;
	}
	.menu-header .navi-content--category li:before {
		position:absolute;
		content:'';
		width:30px;
		height:2px;
		background:#dc98ff;
		top:50%;
		left:-30px;
		transform:translateY(-50%);
	}
	#menu-header--open {
		background:#fff;
		padding:1.5rem;
		-webkit-border-radius:100%;
		-moz-border-radius:100%;
		border-radius:100%;
		transition:.1s ease;
		filter:drop-shadow(0 1px 0 rgba(0,0,0,.1));
	}
	#menu-header--open:hover {
		cursor:pointer;
		background:#dc98ff;
	}
	#menu-header--open span {
		display:inline-block;
		margin:0 0 0 1rem;
		font-family:'Montserrat', sans-serif;
		font-weight:700;
	}
	#menu-header--open .fa-grip-lines {
		color:#dc98ff;
	}
	#menu-header--open:hover .fa-grip-lines {
		color:#fff;
	}
	#menu-header--input:checked ~ #menu-header--closed {
		display:block;
		opacity:.5;
	}
	#menu-header--input:checked ~ .navi-content {
		-webkit-transform:translateX(0%);
		transform:translateX(0%);
	}
	#menu-header--close {
		position:absolute;
		padding:1.3rem 1.5rem;
		-webkit-border-radius:100%;
		-moz-border-radius:100%;
		border-radius:100%;
		top:36px;
		right:20px;
		background:#fff;
		filter:drop-shadow(0 1px 0 rgba(0,0,0,.1));		
		z-index:10000;
	}
	#menu-header--close .fa-times {
		font-size:20px;
		color:#dc98ff;
	}
}

/* header */
.all-header {
	max-width:1440px;
	margin:30px auto 0;
}
.all-header--inner {
	position:relative;
	max-width:1440px;
	height:120px;
	margin:0 auto 30px;
	padding:0 60px;
}
.all-header--inner:before {
	position:absolute;
	content:'';
	width:348px;
	height:5px;
	background:#dc98ff;
	top:-30px;
	left:0;
}
@media screen and (max-width:587px) {
	.all-header {
		margin:10px auto 0;
	}
	.all-header--inner {
		padding:0 20px;
	}
	.all-header--inner:before {
		width:185px;
		top:-10px;
	}
}

/* footer */
.all-footer {
	max-width:100%;
	margin:120px 0 0;
	background:#fff;
}
.all-footer--inner {
	max-width:1440px;
	margin:0 auto;
	padding:48px 120px;
}
.all-footer .totop {
	position:relative;
	background:#eee;
	font-family:'Montserrat', sans-serif;
	font-weight:700;
	font-size:14px;
	letter-spacing:.1333rem;
}
.all-footer .totop a {
	position:absolute;
	display:block;
	top:-42px;
	right:10%;
}
.all-footer .totop a:after {
	position:absolute;
	display:block;
	content:'';
	background:#070a0a;
	width:2px;
	height:30px;
	bottom:-36px;
	left:50%;
	transform:translateX(-50%);
}
.all-footer .footer-content--social {
	margin:0 0 0 32px;
}
.all-footer .footer-content--social_list li {
	font-size:20px;
	margin:0 0 0 20px;
}
.all-footer .footer-content--social_list a,
.all-footer .footer-content--social_list a:link,
.all-footer .footer-content--social_list a:visited,
.all-footer .footer-content--social_list a:active {
	transition:.1s ease all;
	text-decoration:none;
}
.all-footer .footer-content--social_list a:hover,
.all-footer .footer-content--social_list a:focus {
	color:#dc98ff;
}
.all-footer .footer-bottom {
	margin:32px 0 0;
}
.all-footer .footer-credit {
	font-family:'Montserrat', sans-serif;
	font-size:14px;
	letter-spacing:.1333rem;
	color:rgba(0,0,0,.7);
}
.all-footer .footer-copyright {
	background:#eee;
	padding:24px 0;
}
.all-footer .footer-copyright small {
	display:block;
	font-family:'Montserrat', sans-serif;
	font-size:14px;
	letter-spacing:.1333rem;
	color:rgba(0,0,0,.7);
	width:max-content;
	margin:0 auto;
}
@media screen and (max-width:587px) {
	.all-footer--inner {
		padding:48px 28px 32px;
	}
	.all-footer .totop a {
		right:unset;
		left:50%;
		transform:translateX(-50%);
	}
	.logo-footer {
		margin:0 auto;
	}
	.all-footer .footer-content--social {
		width:max-content;
		margin:16px auto 0;
	}
	.all-footer .footer-content--social_list li {
		margin:0;
	}
	.all-footer .footer-content--social_list li+li {
		margin:0 0 0 20px;
	}
	.all-footer .footer-bottom {
		position:relative;
		padding:32px 0 0;
	}
	.all-footer .footer-bottom:before {
		position:absolute;
		content:'';
		width:100vw;
		height:2px;
		background:#efefef;
		top:0;
		left:0;
		margin:0 -28px;
	}
	.all-footer .footer-credit {
		margin:0 auto;
	}
}


/* carousel */
.article-pickup {
	position:relative;
	margin:110px 0 0;
}
.article-pickup:before {
	position:absolute;
	content:'PICK UP TOPICS';
	font-family:'Cormorant Infant', serif;
	font-size:90px;
	font-style:italic;
	font-weight:400;
	color:#fff;
	width:max-content;
	top:-80px;
	left:50%;
	transform:translateX(-50%);
}
.article-pickup--center {
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	width:480px;
	height:600px;
	background:#fff;
	overflow:hidden;
}
.article-pickup--center:before {
	position:absolute;
	content:'PICK UP TOPICS';
	font-family:'Cormorant Infant', serif;
	font-size:90px;
	font-style:italic;
	font-weight:400;
	width:max-content;
	top:-80px;
	left:50%;
	transform:translateX(-50%);
}
.article-pickup--item {
	max-width:480px;
	height:600px !important;
	transform:translateY(50px);
}
.article-pickup--item .article-meta,
.article-pickup--item .article-pickup--content {
	display:none;
}
.swiper-slide-active {
	width:480px !important;
	max-width:100% !important;
}
.article-pickup--media .article-meta time {
	display:block;
	font-family:'Cormorant Infant', serif;
	font-style:italic;
	font-weight:400;
	font-size:14px;
	width:max-content;
	margin:1rem auto 0;
}
.article-pickup--media .article-meta span {
	position:relative;
	display:block;
	font-family:'Montserrat', sans-serif;
	font-weight:700;
	font-size:16px;
	width:max-content;
	margin:1rem auto 0;
}
.article-pickup--media .article-meta span:after {
	position:absolute;
	content:'';
	width:2px;
	height:30px;
	background:#070a0a;
	bottom:-36px;
	left:50%;
	transform:translateX(-50%);
	z-index:1;
}
.article-pickup--thumbnail {
	width:100%;
	height:500px;
	background-color:rgba(0,0,0,.1);
	background-size:cover;
	background-position:top center;
	background-repeat:no-repeat;
}
.article-pickup--content {
	margin:2rem auto 0;
}
.article-pickup--content_title {
	font-size:20px;
	font-weight:400;
	line-height:1.7;
	padding:0 80px;
}
.swiper-slide-active .article-meta,
.swiper-slide-active .article-pickup--content {
	display:block;
}
.swiper-slide-active .article-pickup--media_inner {
	position:relative;
	display:block;
	overflow:hidden;
}
.swiper-slide-active .article-pickup--media_inner:before {
	position:absolute;
	display:block;
	content:'';
	top:1rem;
	left:0;
	width:100%;
	height:300px;
	background:#000;
	opacity:0;
	transition:opacity ease .1s;
}
.swiper-slide-active a:hover .article-pickup--media_inner:before {
	opacity:.35;
}
.swiper-slide-active a:hover .article-pickup--media_inner:after {
	position:absolute;
	display:block;
	content:'READ MORE';
	font-family:'Montserrat', sans-serif;
	font-size:16px;
	font-weight:700;
	color:#fff;
	text-align:center;
	width:max-content;
	top:50%;
	left:50%;
	transform:translate(-50%);
	transition:.1s ease transform;
}
.swiper-slide-active .article-pickup--thumbnail {
	height:300px;
	margin:1rem auto 0;
}
@media screen and (max-width:587px) {
	.article-pickup:before {
		font-size:48px;
		top:-40px;
	}
	.article-pickup--center {
		width:280px;
		height:520px;
	}
	.article-pickup--center:before {
		font-size:48px;
		top:-40px;
	}
	.article-pickup--item {
		max-width:280px;
		height:600px !important;
		transform:translateY(50px);
	}
	.article-pickup--content_title {
		padding:0 30px;
	}
	.swiper-slide-active {
		width:280px !important;
		max-width:100% !important;
	}
	.article-pickup--thumbnail {
		width:100%;
		height:370px;
		background-color:rgba(0,0,0,.1);
		background-size:cover;
		background-position:top center;
		background-repeat:no-repeat;
	}
	.swiper-slide-active .article-pickup--thumbnail {
		height:200px;
		margin:1rem auto 0;
	}
}

/* index */
.article-big {
	max-width:1440px;
	margin:0 auto;
}
.article-big .article-media {
	width:52%;
}
.article-big .article-thumbnail {
	width:100%;
	height:560px;
	background-color:#ccc;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top center;
}
.article-big .article-meta {
	position:relative;
	width:max-content;
	margin:10px 0 0 auto;
	font-family:'Montserrat', sans-serif;
	font-size:14px;
	font-weight:700;
}
.article-big .article-meta:before {
	position:absolute;
	content:'';
	width:20px;
	height:2px;
	background:#dc98ff;
	top:50%;
	left:-30px;
	transform:translateY(-50%);
}
.article-big .article-content {
	position:relative;
	width:48%;
	margin:0;
	padding:0 0 0 60px;
}
.article-big .article-content:before {
	position:absolute;
	content:'NEW';
	font-family:'Cormorant Infant', serif;
	font-size:120px;
	color:#fff;
	font-style:italic;
	transform:rotate(90deg);
	top:40px;
	left:-92px;
	z-index:-1;
}
.article-big .article-content header {
	margin:70px 0 0;
}
.article-big .article-content time {
	font-family:'Cormorant Infant', serif;
	font-style:italic;
	font-size:20px;
}
.article-big .article-content--title {
	width:60%;
	margin:40px 0 0;
	background:transparent;
	font-size:28px;
	line-height:1.8;
}
.article-big .article-content--description {
	width:48%;
	margin:60px 0 0;
	background:transparent;
	font-size:14px;
	line-height:1.8;
}
.article-big .article-more {
	position:absolute;
	padding:140px 140px 60px;
	right:0;
	bottom:10%;
	background-image:linear-gradient(to right, rgba(255, 255, 255, 1) 50%, #dc98ff 50%);
	background-size:200% auto;
	font-family:'Montserrat', sans-serif;
	font-weight:700;
	z-index:-1;
	transition:.1s ease all;
}
.article-big:hover .article-more {
	background-position:-100% 0;
}

.article-list {
	position:relative;
	max-width:1440px;
	margin:120px auto 0;
	padding:0 120px;
}
.article-list:before {
	position:absolute;
	content:'ALL ENTRIES';
	font-family:'Cormorant Infant', serif;
	font-size:90px;
	font-style:italic;
	color:#fff;
	top:-40px;
	left:34px;
	z-index:-10;
}
.article-list article {
	width:calc(100% / 2 - 32px);
}
.article-list article:nth-child(n + 3) {
	margin:72px 0 0;
}
.article-list .article-meta {
	position:relative;
	text-align:center;
	width:max-content;
	margin:0 auto;
}
.article-list .article-meta:after {
	position:absolute;
	content:'';
	width:2px;
	height:30px;
	background:#070a0a;
	left:50%;
	bottom:-32px;
	transform:translateX(-50%);
	z-index:1;
}
.article-list .article-meta span {
	font-family:'Montserrat', sans-serif;
	font-weight:700;
}
.article-list .article-media--inner {
	position:relative;
	display:block;
	margin:16px 0 0;
	overflow:hidden;
}
.article-list article .article-media--inner:before {
	position:absolute;
	display:block;
	content:'';
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0;
	transition:opacity ease .1s;
}
.article-list article a:hover .article-media--inner:before {
	opacity:.25;
}
.article-list article .article-media--inner:after {
	position:absolute;
	display:block;
	content:'READ MORE';
	font-family:'Montserrat', sans-serif;
	font-size:12px;
	font-weight:700;
	text-align:center;
	background:#dc98ff;
	width:50%;
	padding:16px;
	bottom:0;
	right:0;
	transform:translateX(100%);
	transition:.1s ease transform;
}
.article-list article a:hover .article-media--inner:after {
	transform:translateX(0%);
}
.article-list .article-thumbnail {
	width:100%;
	height:388px;
	background-color:rgba(0,0,0,.1);
	background-size:cover;
	background-position:top center;
	background-repeat:no-repeat;
}
.article-list .article-content {
	max-width:100%;
	margin:16px 0 0;
	padding:0 120px;
}
.article-list .article-content time {
	display:block;
	text-align:center;
	width:max-content;
	margin:1rem auto 0;
	font-family:'Cormorant Infant', serif;
	font-style:italic;
}
.article-list .article-content--title {
	position:static;
	font-size:16px;
	font-weight:400;
	line-height:2;
	max-width:100%;
	margin:16px 0 0;
	background:transparent;
}
.article-list .article-content--description {
	font-size:14px;
	line-height:2;
	margin:16px 0 0;
	word-wrap:break-word;
}
@media screen and (max-width:587px) {
	.article-big .article-media {
		width:95%;
	}
	.article-big .article-thumbnail {
		height:280px;
	}
	.article-big .article-content {
		width:100%;
		padding:0 0 0 28px;
	}
	.article-big .article-content:before {
		content:'';
	}
	.article-big .article-content header {
		position:relative;
		margin:20px 0 0;
		padding:0 150px 0 0;
		z-index:1;
	}
	.article-big .article-meta {
		margin:10px 0 0 28px;
	}
	.article-big .article-content--title {
		width:100%;
		margin:10px 0 0;
		font-size:20px;
	}
	.article-big .article-content--description {
		width:100%;
		margin:10px 0 0;
		padding:0 28px 0 0;
	}
	.article-big .article-more {
		padding:115px 30px 30px;
		bottom:inherit;
		top:-10%;
		z-index:0;
		font-size:14px;
	}
	.article-list {
		padding:0 28px;
	}
	.paged .article-list {
		margin:0 auto;
	}
	.article-list:before {
		font-size:60px;
		top:-45px;
		left:-5px;
	}
	.article-list article {
		width:100%;
	}
	.article-list article+article {
		margin:72px 0 0;
	}
	.article-list article .article-media--inner {
		overflow:visible;
	}
	.article-list article .article-media--inner:after {
		background:#fff;
		width:max-content;
		padding:32px 28px;
		right:-28px;
		bottom:-24px;
		transform:none;
	}
	.article-list .article-thumbnail {
		height:288px;
	}
	.article-list .article-content {
		padding:0;
	}
	.article-list .article-content time {
		margin:0;
	}
}

/* pagination */
.pagination {
	margin:72px auto 0;
}
.pagination-inner {
	font-family:'Montserrat', sans-serif;
	font-weight:700;
}
.pagination-inner .current,
.pagination-inner a {
	padding:0;
}
.pagination-inner .current,
.pagination-inner .inactive {
	display:block;
	width:20px;
	text-align:center;
	margin:0 16px;
}
.pagination-inner .current {
	background:linear-gradient(transparent 50%, #dc98ff 50%);;
}
.pagination-inner .inactive:hover,
.pagination-inner .inactive:focus {
	background:linear-gradient(transparent 50%, #dc98ff 50%);;	
}
.pagination-button--prev a:hover,
.pagination-button--next a:hover,
.pagination-button--prev a:focus,
.pagination-button--next a:focus {
	background:#dc98ff;
	color:#070a0a;
}
.pagination-button--prev a,
.pagination-button--next a {
	display:block;
	width:30px;
	height:30px;
	margin:0 16px;
	padding:4px;
	background:#fff;
	text-align:center;
	color:#dc98ff;
	border-radius:100%;
	transition:.1s ease all;
}

/* single */
.article-header {
	position:relative;
	width:100%;
	max-width:1440px;
	min-height:1px;
	margin:0 auto;
	padding:900px 0 0;
}
.article-header--inner {
	position:absolute;
	width:83%;
	max-width:1440px;
	padding:4rem 4rem 4rem 0;
	left:0;
	top:560px;
	background:#fff;
}
.article-header--inner:before {
	position:absolute;
	content:'';
	display:block;
	left:0;
	bottom:0;
	width:100vw;
	min-height:100%;
	margin:0 0 0 -100vw;
	background:#fff;
}
.article-header--meta {
	margin:0 auto 0 120px;
}
.article-header--meta_category {
	position:relative;
	font-family:'Montserrat', sans-serif;
	padding:0 0 0 40px;
}
.article-header--meta_category:before {
	position:absolute;
	content:'';
	display:block;
	width:30px;
	height:2px;
	background:#dc98ff;
	top:50%;
	left:0;
	transform:translateY(-50%)
}
.article-header--meta_date {}
.article-header--meta_date time {
	font-family:'Cormorant Infant', serif;
}
.article-header--title {
	margin:2rem auto 0 120px;
	font-size:32px;
}
.article-featured {
	position:absolute;
	width:100%;
	max-width:1440px;
	margin:0 auto;
	top:0;
	left:0;
}
.featured-media {
	max-width:calc(100% - 120px);
	height:700px;
	background-size:cover;
	background-position:top center;
	background-repeat:no-repeat;
}
.article-header--bottom {
	padding:0 120px;
}
.article-header--bottom .article-tags span {
	font-weight:700;
}
.article-header--bottom .article-tags span:not(:first-of-type) {
	margin:0 0 0 16px;
}
.article-header--bottom .article-tags .fa-hashtag {
	color:#dc98ff;
}
.article-taxonomy {
	max-width:60%;
}
.article-taxonomy--sep {
	color:#dc98ff;
	font-weight:700;
	margin:0 16px;
}
.article-category--child {
	font-weight:700;
}
.article-share--copy {
	position:relative;
}
.article-share--copy_button {
	display:block;
	background:#fff;
	border-radius:100px;
	padding:1.5rem 4rem;
	filter:drop-shadow(0 1px 4px rgba(0,0,0,.1));
}
.article-share--copy_button:before {
	content:'\f0c5';
	font-family:Font Awesome\ 5 Free;
	color:#dc98ff;
}
.article-share--copy_button:after {
	content:'COPY THIS URL';
	font-family:'Montserrat', sans-serif;
	font-weight:700;
	font-size:14px;
	letter-spacing:.1333rem;
	margin:0 0 0 1rem;
}
.article-share--copy_success {
	display:none;
}
.article-share--copy_success span {
	position:absolute;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#dc98ff;
	top:0;
	left:0;
	width:100%;
	height:100%;
	font-family:'Montserrat', sans-serif;
	font-size:14px;
	font-weight:700;
	letter-spacing:.1333rem;
	color:#070a0a;
	border-radius:100px;
	filter:drop-shadow(0 1px 4px rgba(0,0,0,.1));
}
.article-content {
	max-width:1440px;
	margin:90px auto 0;
	padding:0 120px;
	line-height:2;
}
.article-footer {
	overflow:hidden;
}
.article-footer .article-adjacent {
	position:relative;
	max-width:1440px;
	margin:300px auto 0;
	padding:16px 120px;
	font-family:'Montserrat', sans-serif;
	font-weight:700;
	font-size:14px;
	letter-spacing:.1333rem;
}
.article-footer .article-adjacent:before,
.article-footer .article-adjacent:after {
	position:absolute;
	content:'';
	display:block;
	width:100vw;
	height:2px;
	background:#070a0a;
	top:50%;
	transform:translateX(-50%);
}
.article-footer .article-adjacent:before {
	left:0;
	margin:0 0 0 -47vw;
}
.article-footer .article-adjacent:after {
	right:0;
	margin:0 -147vw 0 0;
}
.article-adjacent--home a,
.article-adjacent--home a:link,
.article-adjacent--home a:visited,
.article-adjacent--home a:active {
	padding:16px 48px;
	background-image:linear-gradient(to right, rgba(255, 255, 255, 1) 50%, #dc98ff 50%);
	background-size:200% auto;
	transition:.1s all ease;
}
.article-adjacent--home a:hover,
.article-adjacent--home a:focus {
	background-position:-100% 0;
}
.article-adjacent--next a,
.article-adjacent--prev a {
	transition:.1s ease all;
}
.article-adjacent--next a:hover,
.article-adjacent--prev a:hover,
.article-adjacent--next a:focus,
.article-adjacent--prev a:focus {
	color:#dc98ff;
}
.article-adjacent--next.deactive,
.article-adjacent--prev.deactive {
	color:rgba(0,0,0,.25);
}
.article-related {
	position:relative;
	width:100%;
	max-width:1440px;
	margin:80px auto 0;
}
.article-related h2 {
	position:absolute;
	clip:rect(1px 1px 1px 1px);
}
.article-related aside {
	position:relative;
	width:calc(100% - 120px);
	padding:48px 80px 80px 120px;
	background:#fff;
}
.article-related aside:after {
	position:absolute;
	content:'RELATED';
	font-family:'Cormorant Infant', serif;
	font-weight:400;
	font-style:italic;
	font-size:90px;
	line-height:1;
	color:#efefef;
	top:145px;
	right:-162px;
	transform:rotate(90deg);
}
.article-related article {
	width:calc((100% / 3) - 1rem);
	margin-top:2rem;
}
.article-related article:not(:first-of-type) {
	margin-left:1rem;
}
.article-related article:nth-of-type(4) {
	margin-left:0;
}
.article-related article a {
	transition:.1s ease all;
}
.article-related article a:hover,
.article-related article a:focus {
	color:#dc98ff;
}
.article-related--media {
	position:relative;
}
.article-related--media:before {
	position:absolute;
	content:'';
	width:30px;
	height:1px;
	background:#070a0a;
	top:50%;
	left:-15px;
	transform:translateY(-50%);
}
.article-related--thumbnail {
	width:120px;
	height:120px;
	background-size:cover;
	background-position:top center;
	background-repeat:no-repeat;
}
.article-related--content {
	width:calc(100% - 200px);
	margin:0 0 0 1rem;
}
.article-related--meta time {
	font-family:'Cormorant Infant', serif;
	font-size:16px;
	font-style:italic;
}
.article-related--title h4 {
	font-size:16px;
	font-weight:400;
	word-wrap:break-word;
}
.article-child--categories {
	max-width:1440px;
	margin:80px auto 0;
	padding:0 120px;
}
.article-child--categories h2 {
	padding:0 0 12px;
	border-bottom:1px solid #070a0a;
}
.article-child--categories ul {
	margin:18px 0 0;
}
.article-child--categories li {
	width:calc(100% / 3);
	padding:10px;
}
.article-child--categories a {
	transition:.1s ease all;
}
.article-child--categories a:hover,
.article-child--categories a:focus {
	color:#dc98ff;
}
.article-recommended {
	position:relative;
	width:100%;
	max-width:1440px;
	margin:120px auto 0;
	padding:0 120px;
}
.article-recommended:before {
	position:absolute;
	content:'RECOMMENDED ENTRIES';
	font-family:'Cormorant Infant', serif;
	font-style:italic;
	font-weight:400;
	font-size:80px;
	color:#fff;
	top:-55px;
	left:120px;
	z-index:-1;
}
.article-recommended--item {
	width:calc((100% / 3) - 2rem);
	margin:1rem;
}
@media screen and (max-width:587px) {
	.article-header {
		padding:550px 0 0;
	}
	.article-header--meta_category {
		margin:10px 0 0;
	}
	.featured-media {
		max-width:100%;
		height:320px;
	}
	.article-header--inner {
		width:calc(100% - 28px);
		padding:28px;
		top:230px;
	}
	.article-header--meta {
		margin:0;
	}
	.article-header--title {
		margin:16px 0 0;
		font-size:20px;
		font-weight:400;
	}
	.article-header--bottom {
		position:relative;
		padding:0 28px;
		top:-70px;
		font-size:13px;
		overflow:hidden;
	}
	.article-taxonomy {
		max-width:100%;
		margin:0 0 1rem
	}
	.article-share--copy {
		position:relative;
		width:fit-content;
		margin:0 auto;
	}
	.article-share--copy_button {
		width:200px;
		padding:1.5rem 2rem;
	}
	.article-share--copy_button:after {
		content:'COPY URL';
		font-size:13px;
	}
	.article-content {
		margin:0 auto;
		padding:0 28px;
	}
	.article-footer {
		overflow:visible;
	}
	.article-footer .article-adjacent {
		padding:16px 28px;
	}
	.article-footer .article-adjacent:before,
	.article-footer .article-adjacent:after {
		width:20px;
	}
	.article-footer .article-adjacent:before {
		margin:0 0 0 10px;
	}
	.article-footer .article-adjacent:after {
		margin:0 -10px 0 0;
	}
	.article-adjacent--next {
		text-align:left;
	}
	.article-adjacent--prev {
		text-align:right;
	}
	.article-adjacent--home a,
	.article-adjacent--home a:link,
	.article-adjacent--home a:visited,
	.article-adjacent--home a:active {
		padding:16px 32px;
	}
	.article-related aside {
		width:100%;
		padding:40px 28px 80px;
	}
	.article-related aside:after {
		font-size:48px;
		top:70px;
		right:-77px;
	}
	.article-related article {
		width:100%;
	}
	.article-related article:not(:first-of-type) {
		margin-left:0;
	}
	.article-child--categories {
		padding:0 28px;
	}
	.article-child--categories li {
		width:calc(100% / 2);
	}
	.article-recommended {
		padding:0 28px;
	}
	.article-recommended:before {
		content:'RECOMMENDED \A ENTRIES';
		font-size:48px;
		line-height:.8;
		left:-4px;
	}
	.article-recommended--item {
		width:calc((100% / 2) - 2rem);
	}
}

/* page */
.page .article-header {
	padding:300px 0 0;
}
.page .article-header--inner {
	top:50px;
}
.page .article-header--title {
	margin:0 auto 0 120px;
}
.page .article-pickup {
	margin:210px 0 0;
}
@media screen and (max-width:587px) {
	.page .article-header {
		padding:180px 0 0;
	}
	.page .article-header--inner {
		top:0;
	}
	.page .article-header--title {
		margin:0;
	}
}

/* Contact Form */
.wpcf7 form p span {
	display:block;
	margin:.5rem 0 0;
}
.wpcf7 form p input {
	width:300px;
	padding:5px;
	font-family:'Helvetica Neue', Helvetica, sans-serif;
	font-size:16px;
	color:#999;
	border:1px solid #ccc;
	border-radius:3px;
	filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));
}
.wpcf7 form p input:hover {
	outline:none;
	border:1px solid #bbb;
	filter:unset;
}
.wpcf7 form p input:focus {
	outline:none;
	border:1px solid #dc98ff;
	filter:drop-shadow(0 0 5px #dc98ff);
}
.wpcf7 form p textarea {
	width:100%;
	max-width:500px;
	padding:5px;
	font-family:Arial, sans-serif;
	font-size:16px;
	color:#999;
	border:1px solid #ccc;
	border-radius:3px;
	filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));
	overflow:hidden;
	_overflow-y:hidden;
}
.wpcf7 form p textarea:hover {
	outline:none;
	border:1px solid #bbb;
	filter:unset;
}
.wpcf7 form p textarea:focus {
	outline:none;
	border:1px solid #dc98ff;
	filter:drop-shadow(0 0 5px #dc98ff);
}
.wpcf7 form p .your-consent {
	position:relative;
	display:inline-block;
}
.wpcf7 form p .wpcf7-acceptance {
	display:inline-block;
}
.wpcf7 form p .wpcf7-acceptance span {
	display:inline-block;
	margin:-.1rem 0 0 1rem;
}
.wpcf7 form p input[type="checkbox"] {
	position:absolute;
	width:20px;
	top:0;
	left:0;
	opacity:0;
}
.wpcf7 form p .your-consent input[type="checkbox"]+span:before {
	position:absolute;
	top:5px;
	left:0;
	display:inline-block;
	content:'';
	z-index:0;
	background:transparent;
	width:20px;
	height:20px;
	border:2px solid #ccc;
	border-radius:3px;
	box-sizing:border-box;
}
.wpcf7 form p .your-consent input[type="checkbox"]:checked+span:before {
	background:#ddd;
}
.wpcf7 form p .your-consent input[type="checkbox"]+span:after {
	position:absolute;
	top:5px;
	left:0;
	display:inline-block;
	content:'';
	z-index:1;
	margin:5px 8px;
	width:6px;
	height:9px;
	box-sizing:border-box;
}
.wpcf7 form p .your-consent input[type="checkbox"]:checked+span:after {
	border:2px solid #fff;
	border-width:0 2px 2px 0;
	transform:rotate(45deg);
}
.wpcf7 form p input[type="submit"] {
	color:#070a0a;
	background:#fff;
	border-radius:0;
	-webkit-box-sizing:content-box;
	-webkit-appearance:button;
	appearance:button;
	border:none;
	box-sizing:border-box;
	transition:.1s ease background;
}
.wpcf7 form p input[type="submit"]::-webkit-search-decoration {
	display:none;
}
.wpcf7 form p input[type="submit"]:focus {
	outline-offset:-2px;
}
.wpcf7 form p input[type="submit"]:hover {
	background:#dc98ff;
}
@media screen and (max-width:587px) {
	.wpcf7 form p input {
		width:200px;
	}
	.wpcf7 form p textarea {
		width:100%;
	}
}

/* 404 */
.notfound-header {
	position:relative;
	width:100%;
	max-width:1440px;
	height:450px;
	margin:0 auto;
}
.notfound-header:before {
	position:absolute;
	content:'';
	width:100vw;
	height:100%;
	margin:0 0 0 -100vw;
	top:0;
	left:0;
	background:#fff;
}
.notfound-header:after {
	position:absolute;
	content:'404';
	font-family:'Montserrat', sans-serif;
	font-weight:700;
	font-size:240px;
	line-height:1;
	color:#fff;
	top:-158px;
	left:158px;
}
.notfound-media {
	position:relative;
	max-width:1000px;
	height:450px;
	margin:300px auto 0 0;
	background:#fff;
	overflow:hidden;
	z-index:1;
}
.notfound-media div {
	width:70%;
	height:450px;
	background:#fff;
	margin:0 0 0 auto;
}
.notfound-media div:before {
	position:absolute;
	content:'404';
	font-family:'Montserrat', sans-serif;
	font-weight:700;
	font-size:240px;
	line-height:1;
	color:#efefef;
	top:-158px;
	left:158px;
	z-index:1;
}
.notfound-media div img {
	max-width:100%;
	height:auto;
}
.notfound-backbtn {
	position:relative;
	display:flex;
	max-width:1000px;
	height:90%;
	margin:0 0 0 auto;
	top:-640px;
	right:0;
	justify-content:center;
}
.notfound-backbtn div {
	position:absolute;
	top:30%;
	left:50%;
	transform:translateX(-50%);
}
.notfound-backbtn div span {
	font-family:'Montserrat', sans-serif;
	font-weight:700;
	font-size:16px;
}
.notfound-backbtn a {
	display:block;
	background:#dc98ff;
	width:100%;
	height:100%;
	transition:.1s ease all;
}
.notfound-backbtn a:hover div,
.notfound-backbtn a:focus div {
	opacity:.25;
}
.notfound-message {
	width:100%;
	max-width:980px;
	margin:40px auto 0;
}
.notfound-message strong {
	font-family:'Montserrat', sans-serif;
	font-size:18px;
}
.notfound-message p {
	font-size:16px;
	line-height:1.7;
	margin:1.7rem auto 0;
}
@media screen and (max-width:587px) {
	.notfound-header {
		height:400px;
	}
	.notfound-header:after {
		font-size:80px;
		top:-50px;
		left:50%;
		transform:translateX(-50%);
	}
	.notfound-media {
		height:262px;
		margin:80px auto 0;
	}
	.notfound-media div {
		width:100%;
		height:100%;
	}
	.notfound-media div:before {
		font-size:80px;
		top:-50px;
		left:50%;
		transform:translateX(-50%);
	}
	.notfound-backbtn {
		height:12%;
		top:0;
	}
	.notfound-message {
		margin:0 auto;
		padding:0 1.5rem;
	}
}

/* single - content */
.article-content a {
	color:#070a0a;
	-webkit-transition:all .25s ease;
	-moz-transition:all .25s ease;
	-ms-transition:all .25s ease;
	-o-transition:all .25s ease;
	transition:all .25s ease;
}
.article-content a:link,
.article-content a:visited,
.article-content a:active {
	color:#d94dfc;
	border-bottom:2px solid transparent;
}
.article-content a:hover,
.article-content a:focus {
	border-bottom:2px solid #d94dfc;
}
.article-content h2 {
	position:relative;
	font-size:22px;
	font-weight:400;
	line-height:1.2;
	width:100%;
	max-width:1200px;
	margin:6rem auto 0;
	background:#fff;
}
.article-content h2 div:before {
	position:absolute;
	content:'';
	display:block;
	width:100vw;
	height:100%;
	margin:0 0 0 -100vw;
	background:#fff;
	top:0;
	left:0;
}
.article-content h2 div:after {
	position:absolute;
	content:'';
	display:block;
	width:2rem;
	height:.1rem;
	background:#070a0a;
	left:115px;
	top:50%;
	transform:translateY(-50%);
}
.article-content h2 div {
	width:1200px;
	padding:4rem 0 4rem 175px;
	background:#fff;
}
.article-content h3 {
	position:relative;
	font-size:20px;
	font-weight:400;
	line-height:1.33;
	max-width:1200px;
	margin:4rem 0 0;
	padding:0 175px 8px;
}
.article-content h3:before {
	position:absolute;
	content:'';
	display:block;
	border-bottom:2px solid #dc98ff;
	bottom:0;
	width:25%;
	z-index:1;
}
.article-content h3:after {
	position:absolute;
	content:'';
	display:block;
	border-bottom:2px solid #fff;
	bottom:0;
	width:calc(100% - 175px - 175px);
}
.article-content h4,
.article-content h5,
.article-content h6 {
	margin:4rem 0 0;
	padding:0 175px;
	font-size:18px;
	font-weight:400;
}
.article-content p {
	margin:1.7rem 0 0;
}
.article-content figure:not(:first-child) {
	margin:1.7rem auto 0;
}
.article-content .wp-block-image:not(:first-child) {
	margin:1.7rem auto 0;
}
.article-content p,
.article-content figure,
.article-content .wp-block-image {
	padding:0 175px;
}
.article-content .wp-block-image.alignwide {
	padding:0;
}
.article-content .wp-block-image.alignwide img {
	width:100%;
	height:auto;
}
.article-content .wp-block-image.alignfull {
	margin:0 -120px;
	padding:0;
}
.article-content .wp-block-image.alignfull img {
	width:100%;
	height:auto;
}
.article-content .wp-block-image figure {
	padding:0;
}
.article-content figure.alignleft {
	float:left;
	margin:0 1rem 0 0;
}
.article-content figure.alignright {
	float:right;
	margin:0 0 0 1rem;
}
.article-content figure.aligncenter {
	width:max-content;
	max-width:100%;
	margin:1.7rem auto 0;
	padding:0;
}
.article-content figure.aligncenter img {
	max-width:100%;
	height:auto;
}
.article-content figure figcaption {
	position:relative;
	bottom:38px;
	width:max-content;
	max-width:80%;
	margin:0 0 -45px;
	padding:1.5rem;
	background:#fff;
	font-size:13px;
}
.article-content p img {
	max-width:100%;
	height:auto;
}
.article-content p img.aligncenter {
	display:block;
	margin:0 auto;
}
.article-content p img[class*="wp-image-"] {
	margin:1rem auto 0;
}
.article-content figure>a,
.article-content figure>a:link,
.article-content figure>a:visited,
.article-content figure>a:active,
.article-content figure>a:hover,
.article-content figure>a:focus {
	border-bottom:none;
}
.article-content .wp-block-image img {
	max-width:100%;
	height:auto;
}
.article-content blockquote,
.article-content ul,
.article-content dl,
.article-content ol,
.article-content pre,
.article-content address {
	line-height:1.7;
	margin:1.7rem 0 0;
	padding:0 140px;
}
.article-content ul,
.article-content ol {
	margin:1.7rem 0 0 2rem;
}
.article-content table {
	max-width:920px;
	width:100%;
	margin:1.7rem auto 0;
}
.article-content blockquote p {
	margin:1.7rem 0 0;
	padding:0;
}
.article-content blockquote p:first-of-type {
	margin:0;
}
.article-content iframe.wp-embedded-content {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.article-content ul {
	list-style:disc;
}
.article-content ol {
	list-style:decimal-leading-zero;
}
.article-content ul ul,
.article-content dl ul,
.article-content ol ul {
	margin:0;
	padding:0 0 0 2rem;
}
.article-content ul ol,
.article-content dl ol,
.article-content ol ol {
	margin:0;
	padding:0 0 0 2rem;
}
.article-content strong,
.article-content em {
	font-style:normal;
	font-weight:700;
}
.article-content sup,
.article-content sub {
	font-size:14px;
}
.article-content sup {
	vertical-align:top;
	font-feature-settings:sups;
}
.article-content sub {
	vertical-align:bottom;
	font-feature-settings:subs;
}
.article-content pre {
	white-space:pre-wrap;
}
.article-content address {
	font-style:normal;
}
.article-content address p {
	margin:1.7rem 0 0;
	padding:0;
}
.article-content address p:first-of-type {
	margin:0;
}
.article-content q {
	display:inline;
	quotes:'"' '"' '『' '』';
	font-family:serif;
}
.article-content q:before {
	content:open-quote;
}
.article-content q:after {
	content:close-quote;
}
.article-content .embedly-card {
	margin:1.7rem auto 0;
}
.article-content .twitter-tweet {
	margin-top:1.7rem !important;
	margin-left:auto !important;
	margin-right:auto !important;
	margin-bottom:0 !important;
}
.article-content .instagram-media {
	margin:1.7rem auto 0 !important;
}
.article-content .fb_iframe_widget {
	width:100%;
	padding:0 140px;
}
.article-content .ricoh-theta-spherical-image {
	margin:1.7rem auto 0;
}
.article-content .video-container {
	max-width:100%;
	margin:1.7rem auto 0;
}
.article-content .video-container .video {
	position:relative;
	padding:30px 0 56.25%;
	max-width:100%;
	height:0;
	height:auto;
	overflow:hidden;
}
.article-content .video-container .video iframe,
.article-content .video-container .video object,
.article-content .video-container .video oembed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.article-content .map-container {
	max-width:100%;
	margin:1.7rem auto 0;
}
.article-content .map-container .map {
	position:relative;
	padding:30px 0 300px;
	max-width:100%;
	height:0;
	height:auto;
	overflow:hidden;
}
.article-content .map-container .map iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.article-content .dp-google-map {
	width:calc(100% - (175px * 2)) !important;
	margin:1.7rem 175px 0;
}
.article-content .amazon-container {
	max-width:100%;
	margin:1.7rem auto 0;
	padding:0 175px;
}
.article-content .su-box,
.article-content .su-note,
.article-content .su-posts,
.article-content .su-spoiler,
.article-content .su-quote,
.article-content .su-list,
.article-content .su-youtube,
.article-content .su-button {
	max-width:100%;
	margin:1.7rem 175px 0;
}
.article-content .su-posts h2.su-post-title {
	background:transparent;
}
.article-content .su-posts .su-post-excerpt p {
	padding:0;
}
.article-content .su-list {
	margin-left:175px !important;
}
.article-content .su-list h2,
.article-content .su-list h3,
.article-content .su-list h4,
.article-content .su-list h5,
.article-content .su-list h6 {
	padding:0 0 8px;
}
.article-content .su-list h3:after {
	width:100% !important;
}
.article-content .su-list p,
.article-content .su-list ul,
.article-content .su-list ol,
.article-content .su-list blockquote {
	padding:0;
}
.article-content .su-list .su-button {
	margin:1.7rem auto 0;
}
.article-content .su-spoiler img {
	max-width:100%;
	height:auto;
}
@media screen and (max-width:587px) {
	.article-content h2 div {
		width:100%;
		padding:4rem 0 4rem 1rem;
	}
	.article-content h2 div:after {
		left:-28px;
	}
	.article-content h3 {
		padding:0 0 8px;
	}
	.article-content h4,
	.article-content h5,
	.article-content h6 {
		padding:0;
	}
	.article-content p,
	.article-content figure,
	.article-content .wp-block-image {
		padding:0;
	}
	.article-content .wp-block-image.alignfull {
		margin:1.7rem -28px 0;
	}
	.article-content .wp-block-image.alignwide {
		margin:1.7rem -14px 0;
	}
	.article-content figure.aligncenter {
		max-width:100%;
		height:auto;
	}
	.article-content blockquote,
	.article-content ul,
	.article-content dl,
	.article-content ol,
	.article-content pre,
	.article-content address {
		padding:0;
	}
	.article-content iframe.wp-embedded-content {
		width:fit-content;
	}
	.article-content .fb_iframe_widget {
		padding:0;
	}
	.article-content .dp-google-map {
		margin:1.7rem auto 0;
	}
	.article-content .dp-google-map {
		width:100% !important;
	}
	.article-content .amazon-container {
		padding:0;
	}
	.article-content .su-box,
	.article-content .su-note,
	.article-content .su-posts,
	.article-content .su-spoiler,
	.article-content .su-quote,
	.article-content .su-list,
	.article-content .su-youtube {
		margin:1.7rem auto 0;
	}
	.article-content iframe.wp-embedded-content[src*="koyanagiyu.com"] {
		max-width:100%;
	}
}

/* wp-block */
.wp-block-gallery {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:0;
	padding:0;
}
.wp-block-gallery.is_cropped .blocks-gallery-item img {
	flex:1;
	object-fit:cover;
}
.wp-block-gallery ul {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:0;
	padding:0;
}
.wp-block-gallery li {
	position:static;
	display:flex;
	justify-content:space-between;
	flex-grow:1;
	flex-direction:column;
	margin:0;
	padding:0;
}
.wp-block-gallery li:before {
	display:none;
}
.wp-block-gallery li:nth-of-type(even) {
	margin:0 0 1rem;
}
.wp-block-gallery li:last-child {
	margin:0 0 1rem;
}
.wp-block-gallery figure {
	position:relative;
	margin:0;
	padding:0;
	height:100%;
	line-height:1.4;
}
.wp-block-gallery figure img {
	max-width:100%;
	height:auto;
	line-height:1;
	margin:0;
}
.wp-block-gallery.is-cropped figure img {
	height:100%;
	object-fit:cover;
}
.wp-block-gallery figure figcaotion {
	position:absolute;
	bottom:0;
	width:100%;
	max-width:100%;
	padding:.4rem;
	background:rgba(255,255,255,.4);
}
.wp-block-gallery .blocks-gallery-caption {
	margin:-1rem auto 0;
}
.wp-block-gallery.columns-1 li {
	width:100%;
}
.wp-block-gallery.columns-2 li {
	width:calc((100% - 16px) / 2);
	margin:0 1rem 1rem 0;
}
.wp-block-gallery.columns-2 li:nth-of-type(2n) {
	margin:0 0 1rem;
}
.wp-block-gallery.columns-2 li:last-child {
	margin:0 0 1rem;
}
.wp-block-gallery.columns-3 li {
	width:calc((100% - 16px * 3) / 3);
	margin:0 1rem 1rem 0;
}
.wp-block-gallery.columns-3 li:nth-of-type(3n) {
	margin:0 0 1rem;
}
.wp-block-gallery.columns-3 li:last-child {
	margin:0 0 1rem;
}
.wp-block-gallery+p,
.wp-block-gallery+.wp-block-gallery {
	margin:.7rem 0 0;
}
.wp-block-image+.wp-block-gallery {
	margin:.4rem 0 0 !important;
}

/* zoom image */
img[data-action="zoom"] {
	cursor:pointer;
	cursor:-webkit-zoom-in;
	cursor:-moz-zoom-in;
}
.zoom-img,
.zoom-img-wrap {
	position:relative;
	z-index:666;
	-webkit-transition:all .25s;
	-o-transition:all .25s;
	transition:all .25s;
}
img.zoom-img {
	cursor:pointer;
	cursor:-webkit-zoom-out;
	cursor:-moz-zoom-out;
}
.zoom-overlay {
	z-index:420;
	background:#212121;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	pointer-events:none;
	filter:"alpha(opacity=0)";
	opacity:0;
	-webkit-transition:opacity .3s;
	-o-transition:opacity .3s;
	transition:opacity .3s;
}
.zoom-overlay-open .zoom-overlay {
	filter:"opacity=50";
	opacity:.5;
}
.zoom-overlay-open,
.zoom-overlay-transitioning {
	cursor:default;
}

/* google auto ads */
.article-content .google-auto-placed {
	margin:1.7rem auto 0;
}

/* autopagerized element hidden */
.autopagerize_page_separator {
	display:none;
}
.autopagerize_page_info {
	display:none;
}