@charset "utf-8";

/* ========================================
   Suifeel Journal - TB
   768px - 1080px
======================================== */

.JournalPage{
	overflow:hidden;
}

.JournalContainer{
	width:100%;
	max-width:100%;
	padding:0 34px;
	box-sizing:border-box;
}

/* LowerHero */

.LowerHero{
	min-height:520px;
}

.LowerHero_inner{
	padding:150px 34px 92px;
}

.LowerHero_content{
	width:min(620px,100%);
}

.LowerHero_title{
	font-size:42px;
	line-height:1.42;
	letter-spacing:.07em;
}

.LowerHero_lead{
	margin-top:18px;
	font-size:15px;
	line-height:1.95;
	letter-spacing:.08em;
}

.LowerHero_note{
	max-width:560px;
	font-size:13px;
	line-height:2;
}

/* Featured */

.JournalFeatured{
	padding-top:88px;
}

.JournalSectionIntro{
	margin:0 0 56px;
}

.JournalFeaturedArticle_link{
	grid-template-columns:1fr;
	gap:42px;
}

.JournalFeaturedArticle_media{
	border-radius:32px;
	aspect-ratio:16 / 9.8;
	box-shadow:0 22px 62px rgba(13,11,43,.055);
}

.JournalFeaturedArticle_body{
	max-width:760px;
}

.JournalFeaturedArticle_body h3{
	font-size:31px;
	line-height:1.58;
	text-wrap:balance;
}

.JournalFeaturedArticle_body p{
	max-width:680px;
	font-size:14.5px;
	line-height:2.08;
}

/* Philosophy */

.JournalPhilosophy{
	padding-top:92px;
}

.JournalPhilosophy_inner{
	grid-template-columns:1fr;
	row-gap:32px;
	padding-top:66px;
}

.JournalPhilosophy_body{
	max-width:760px;
	padding-top:0;
}

.JournalPhilosophy_body .SfText{
	font-size:14.5px;
	line-height:2.15;
}

/* Latest */

.JournalLatest{
	padding-top:104px;
}

.JournalLatest .SfSectionHead{
	margin-bottom:0;
}

.JournalLatest .SfLead{
	max-width:720px;
}

.JournalArticleGrid{
	grid-template-columns:repeat(2,minmax(0,1fr));
	margin-top:62px;
}

.JournalCard{
	border-right:1px solid rgba(13,11,43,.08);
}

.JournalCard:nth-child(3n){
	border-right:1px solid rgba(13,11,43,.08);
}

.JournalCard:nth-child(2n){
	border-right:none;
}

.JournalCard:nth-child(n+3){
	border-top:1px solid rgba(13,11,43,.08);
}

.JournalCard_body{
	min-height:300px;
	padding:30px 28px 32px;
}

.JournalCard_body h3{
	font-size:20.5px;
	line-height:1.68;
	text-wrap:balance;
}

.JournalCard_body p{
	font-size:13.8px;
	line-height:2.05;
}

/* Category */

.JournalCategoryNav{
	padding-top:104px;
}

.JournalCategoryNav_list{
	grid-template-columns:1fr;
	row-gap:10px;
}

.JournalCategoryNav_list a{
	font-size:13.5px;
}

/* Notice */

.JournalNotice{
	padding-top:108px;
}

.JournalNotice_inner{
	grid-template-columns:1fr;
	row-gap:44px;
	padding:68px 0;
}

.JournalNotice_head .SfText{
	max-width:680px;
}

.JournalNotice_item a{
	grid-template-columns:118px 128px 1fr;
	gap:24px;
	padding:26px 0;
}

.JournalNotice_item h3{
	font-size:15px;
	line-height:1.85;
}

/* Archive */

.JournalArchive{
	padding-top:108px;
}

.JournalArchive_head{
	margin-bottom:46px;
}

.JournalArchiveItem a{
	grid-template-columns:120px 130px 1fr;
	gap:24px;
	padding:24px 0;
}

.JournalArchiveItem h3{
	font-size:15.5px;
	line-height:1.85;
}

/* Pager */

.JournalPager{
	margin-top:58px;
}

/* Closing */

.JournalClosing{
	padding:112px 0 128px;
}

.JournalClosing .SfConclusion{
	max-width:900px;
}

/* 900px以下はSP寄りに詰めすぎず、1カラム化 */

@media screen and (max-width:900px){

	.JournalContainer{
		padding:0 28px;
	}

	.LowerHero_title{
		font-size:38px;
	}

	.JournalArticleGrid{
		grid-template-columns:1fr;
	}

	.JournalCard{
		border-right:none !important;
	}

	.JournalCard:nth-child(n+2){
		border-top:1px solid rgba(13,11,43,.08);
	}

	.JournalCard_link{
		display:grid;
		grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
		align-items:stretch;
	}

	.JournalCard_thumb{
		height:100%;
		aspect-ratio:auto;
	}

	.JournalCard_body{
		min-height:auto;
		padding:28px 28px 30px;
	}

	.JournalNotice_item a,
	.JournalArchiveItem a{
		grid-template-columns:1fr;
		gap:10px;
		padding:26px 0;
	}

	.JournalNotice_item h3,
	.JournalArchiveItem h3{
		font-size:16px;
	}
}

/* ========================================
   TB Final Adjustment 02
======================================== */

/* 水色カーソル装飾をTBでは完全に非表示 */
#cursor,
#stalker{
	display:none !important;
}

/* Featured下の余白を少し締める */
.JournalFeatured{
	padding-top:82px;
}

.JournalFeaturedArticle_media{
	aspect-ratio:16 / 8.2;
}

/* Featured本文の下余白を自然に */
.JournalReadMore{
	margin-top:32px;
}

/* Philosophyの余白を少し軽く */
.JournalPhilosophy{
	padding-top:82px;
}

.JournalPhilosophy_inner{
	padding-top:58px;
}

/* Latestの画像トリミングを少し改善 */
.JournalCard_link{
	grid-template-columns:300px 1fr;
}

.JournalCard_thumb img{
	object-position:center center;
}

/* Latest本文の読みやすさ */
.JournalCard_body{
	padding:32px 32px 30px;
}

.JournalCard_body h3{
	font-size:19px;
	line-height:1.72;
}

/* Category〜Noticeの間を少し整理 */
.JournalCategoryNav{
	padding-top:96px;
}

.JournalNotice{
	padding-top:96px;
}

/* Archiveの見出し位置を少し整える */
.JournalArchive{
	padding-top:86px;
}

.JournalArchive_head .SfSectionTitle{
	font-size:34px;
}

/* Closingを少し上品に締める */
.JournalClosing{
	padding-top:104px;
}