/*
Theme Name: 新生海運
Theme URI: https://skaiun.com/
Author: 新生海運
Description: 有限会社新生海運のオリジナルWordPressテーマ
Version: 1.0.0
Text Domain: shisei-kaiun
*/

.top-news{width:min(760px,100%);margin:70px auto 0;padding:36px clamp(18px,4vw,40px);background:var(--primary-lightgray)}
.subpage-header{width:100%;padding:18px var(--content-padding);background:var(--primary-white);border-bottom:1px solid #e2e6eb}
.subpage-header__brand{display:flex;width:fit-content;flex-direction:column;color:var(--primary-blue);line-height:1.35}
.subpage-header__brand-en{font-size:1.5rem;font-weight:700;letter-spacing:.08em}
.subpage-header__brand-ja{font-size:2rem;font-weight:700}
.top-news h2{margin-bottom:20px;font-size:2.4rem;text-align:left}
.top-news__item{border-top:1px solid #d7dce2}
.top-news__item:last-child{border-bottom:1px solid #d7dce2}
.top-news__item a{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:15px 4px;transition:color .2s}
.top-news__item a:hover{color:var(--hover-blue)}
.top-news__item time{color:var(--primary-blue);font-size:1.4rem}
.top-news__empty{text-align:center}
.news-single{min-height:calc(100vh - 100px);padding:clamp(60px,10vw,120px) var(--content-padding);background:var(--primary-white)}
.news-single__inner{width:min(820px,100%);margin:0 auto}
.news-article{padding:clamp(25px,5vw,60px);background:var(--primary-white)}
.news-article__header{padding-bottom:24px;border-bottom:1px solid #d7dce2}
.news-article__header h1{margin:8px 0 12px;font-size:clamp(2.6rem,5vw,4rem)}
.news-article__header time,.news-article__label{color:var(--primary-blue);font-size:1.4rem}
.news-article__content{padding-top:32px}
.news-article__content>*+*{margin-top:1.5em}
.news-article__content ul{list-style:disc;padding-left:1.5em}
.news-article__content ol{list-style:decimal;padding-left:1.5em}
.news-article__content a{color:var(--primary-blue);text-decoration:underline}
.news-single__back{margin-top:30px;text-align:center}
.news-single__back a{color:var(--primary-blue);text-decoration:underline}
@media screen and (max-width:640px){
	.subpage-header{padding-top:14px;padding-bottom:14px}
	.subpage-header__brand-en{font-size:1.2rem}
	.subpage-header__brand-ja{font-size:1.7rem}
	.top-news{margin-top:45px;padding:26px 18px}
	.top-news__item a{grid-template-columns:1fr;gap:2px}
	.news-single{padding-top:40px}
}