@charset "UTF-8";

/*--------------------------------------------------
**************************************************
  詳細ページ系共通
**************************************************
--------------------------------------------------*/
/* 初期状態：非表示 */
.header-hide {
	transform: translateY(-100%);
	transition: transform .3s ease;
}
/* 表示 */
.header-show {
	transform: translateY(0);
}
.main_container.no_scroll .header-hide {
	transform: translateY(0);
}

/* -- メイン画像部 -- */
.post_single_title {
	width:100%;
	aspect-ratio:375 / 185;
	display:flex;
	justify-content:center;
	align-items:center;
	color:#FFF;
	background:#d9d9d9;
	position:relative;
}
.post_single_title p {
	text-align:center;
	font-size:1.2rem;
	font-weight:900;
	color:#FFF;
	text-shadow:2px 2px 4px rgba(0,0,0,.25);
	position:relative;
	z-index:2;
}
.post_single_title p span {
	font-family:"Antonio";
	display:block;
	font-size:2.4rem;
	letter-spacing:.5em;
	font-weight:400;
}
.post_single_title .main_image {
	position:absolute;
	width:100%;
	aspect-ratio:375 / 185;
	z-index:1;
}


/*--------------------------------------------------
**************************************************
  NEWS / TRENDS / SALON
**************************************************
--------------------------------------------------*/
#post_single article {
	margin:4rem 2rem;
}
#post_single article h1 {
	font-size:1.4rem;
	font-weight:900;
	line-height:1.4;
}
#post_single article p.post_date {
	margin-top:10px;
	text-align:right;
	font-size:1rem;
}

/* -- エディタ内 -- */
.post_content {
	margin-top:2rem;
	word-break:break-word;
}
.post_content p {
	margin-top:2rem;
	font-size:1rem;
	line-height:2;
}
.post_content h2 {
	margin-top:3rem;
	font-size:1.2rem;
	font-weight:900;
	padding:1rem 1.5rem;
	background:#d9d9d9;
}
.post_content h3 {
	margin-top:3rem;
	font-size:1.2rem;
	font-weight:900;
	padding:1rem 0 0.5rem;
	border-bottom:5px solid #d9d9d9;
}
.post_content img {
	margin-top:2rem;
	width:auto;
	max-width:100%;
}
.post_content a {
	color:var(--color-blue-1);
	font-weight:700;
	text-decoration:underline;
}
.post_content ul {
	margin-top:1rem;
}
.post_content ul li {
	padding:1rem;
	border-bottom:1px solid #d9d9d9;
	font-size:1rem;
}
.post_content ol {
	margin-top:1rem;
	list-style:number inside;
}
.post_content ol li {
	padding:1rem;
	border-bottom:1px solid #d9d9d9;
	font-size:1rem;
}
.post_content dl {
	margin-top:2rem;
}
.post_content dl dt {
	font-size:1.2rem;
	font-weight:500;
	padding:0.5rem 1rem;
	border-left:3px solid var(--color-blue-1);
	line-height:1;
}
.post_content dl dd {
	margin-top:1rem;
	font-size:1rem;
}
.post_content table {
	margin-top:2rem;
	width:100%;
	font-size:1rem;
	border-collapse:collapse;
}
.post_content table th {
	padding:1rem;
	background: #f0f0f0;
	border:1px solid #d9d9d9;
}
.post_content table td {
	padding:1rem;
	border:1px solid #d9d9d9;
}
.back_archive_btn {
	margin-top:4rem;
	text-align:center;
}
.back_archive_btn a {
	font-size:1rem;
	padding:0.5rem 3rem;
	background:#d9d9d9;
}
.back_archive_btn a:hover {
	background:var(--color-blue-1);
	color:#FFF;
}

/* 目次 */
#ez-toc-container {
	margin-top:2rem;
	border-radius:0;
	border:none;
	background:#d9d9d9;
	padding:2rem;
}
.ez-toc-title {
	font-size:1.2rem !important;
	font-weight:700 !important;
}
#ez-toc-container > nav > ul > li {
	margin-top:1rem;
}
#ez-toc-container > nav > ul > li > a {
	font-size:1rem;
	font-weight:900;
}
#ez-toc-container > nav > ul > li > ul {
	margin-left:1rem;
}
#ez-toc-container > nav > ul > li > ul > li {
	margin-top:0.5rem;
}
#ez-toc-container > nav > ul > li > ul > li a {
	font-size:1rem;
}
#ez-toc-container > nav > ul > li > ul > li a::before {
	content:"・";
}
/*----
#ez-toc-container a {
	text-decoration:underline;
}
---- */
#ez-toc-container a:visited {
	color:inherit;
}


/*--------------------------------------------------
**************************************************
  TRENDS
**************************************************
--------------------------------------------------*/
.related_posts {
	width:calc(100% - 3rem);
	margin:4rem auto 0;
	padding:4rem 0 0;
	border-top:1px solid #d9d9d9;
}
.related_posts p.related_posts_title {
	text-align:center;
	font-size:1.2rem;
	font-weight:900;
}
.related_posts_list {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.related_post_item {
	width:47.5%;
	position:relative;
	margin-top:2rem;
}
.related_post_item img {
	width:100%;
	border-radius:0.8rem;
}
.related_post_item p.cat {
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background:#d9d9d9;
	font-size:0.8rem;
	padding:3px 6px;
	border-radius:8px 0 0 0;
}
.related_post_item time {
	margin-top:5px;
	display:flex;
	justify-content:flex-end;
	font-size:0.8rem;
}
.related_post_item .post_title a {
	display:block;
	font-size:1rem;
	line-height:1.4;
	margin-top:5px;
}
.related_post_item .post_title a:hover {
	color:var(--color-blue-1);
}



/*--------------------------------------------------
**************************************************
  REVENUE
**************************************************
--------------------------------------------------*/
main.revenue_single {
	padding-top:0 !important ;
}
.revenue_single_title {
	position:relative;
}
.revenue_single_title .article_text_area {
	width:100%;
	height:100%;
	color:#FFF;
	position:absolute;
	text-align:center;
	display:flex;
	justify-content:center;
	flex-direction:column;
}
.revenue_single_title .article_text_area h1 {
	font-weight:900;
	letter-spacing:.65em;
	font-size:1.2rem;
	text-shadow:2px 2px 4px rgba(0,0,0,.25);
}
.revenue_single_title .article_text_area h1 span {
	display:block;
	font-family:"Antonio";
	font-size:2.4rem;
	font-weight:400;
	letter-spacing:.5em;
}
.revenue_single_title .article_text_area p.en_name {
	margin-top:5rem;
	font-family:"Antonio";
	font-size:1.4rem;
}
.revenue_single_title .article_text_area p.rent_fee {
	margin-top:0.5rem;
	font-size:1.4rem;
	font-weight:900;
	letter-spacing:0;
}
.revenue_single_title .main_image img {
	width:100%;
	height:auto;
	display:block;
}

.revenue_single article {
	margin:0 !important;
	background:#000;
	color:#FFF;
	padding:5rem 0;
}

.revenue_content {
	padding:0 5rem;
}
.revenue_content h2 {
	text-align:center;
	font-size:1.4rem;
	font-weight:900;
}
.revenue_content p {
	margin-top:2rem;
	font-size:1rem;
	line-height:2;
}
.js-slider {
	width: 100%;
	overflow:hidden;
	padding-left:2.5rem;
}
.js-slider-track {
	display:flex;
}
.js-slide {
	flex:0 0 auto;
	width:231px;
	margin-right:1.5rem;
}
.js-slide img {
	width: 100%;
	display: block;
	border-radius:0.8rem;
}

@media (max-width: 750px) {
	.js-slider-track {
		display:flex;
	}
	.js-slide {
		flex:0 0 auto;
		width:61.6%;
		margin-right:1.5rem;
	}
}
.js-pagination {
	width:calc(100% - 5rem);
	display: flex;
	gap: 0.8rem;
	justify-content: center;
	margin: 2rem auto 0;
}
.js-slider-dot {
	width: 20%;
	height: 0.5rem;
	background: #d9d9d9;
	cursor: pointer;
	transition: background 0.3s ease;
}
.js-slider-dot.active {
	background: #AAAAAA;
}

.revenue_middle_image {
	margin-top:5rem;
	width:100%;
}
.revenue_middle_image img {
	width:100%;
	height:auto;
	display:block;
}
.revenue_middle_content {
	padding-top:4rem !important;
}

.pickup_gallery_item {
	margin-top:5rem;
	text-align:center;
}
.pickup_gallery_en_title {
	font-family:"Antonio";
	font-size:2.4rem;
	font-weight:400;
	letter-spacing:.5em;
}
.pickup_gallery_sub_title {
	font-size:1.4rem;
	font-weight:900;
}
.pickup_gallery_image {
	margin-top:1.5rem;
}