/* =========================================================
   page-single-news.css
   ---------------------------------------------------------
   お知らせ詳細ページ（news）専用スタイル用CSS

   ■ 概要
   WordPressの「お知らせ（news）」カスタム投稿タイプの
   詳細ページに適用されるスタイルを記述するファイル

   ■ 読み込み条件
   functions.php にて以下条件で読み込み
   - if ( is_singular('news') )

   ■ 対象ページ
   - お知らせ詳細ページ（news シングルページ）

   ■ 今後の運用
   - 他の投稿タイプの詳細ページに流用する場合は、
     ファイル名・読み込み条件の見直しを行うこと
========================================================= */
body{
	color: #002F34;
	line-height: 1.8;
}

.p-page-header__sub, .p-cover__header-sub{
	color: #FFFFFF !important;
}

.l-contents--grid .l-contents__inner .l-secondary{
	display: none;
}

.p-page-header, .p-list__item a::before, .p-cover__header, .p-works-entry__cat:hover, .p-service-cat-header{
	border-radius: 16px;
}

.p-news-list{
    border: 1px solid #002F34;
    border-radius: 12px;
    overflow: hidden;     	
}

.p-article04__title{
	font-weight: 600;
}

.p-article04__title a{
	color:#002F34;
}

.p-article04__title a:hover{
	color: #F79B3F;
}

.p-article04__date{
	color:#002F34;
	font-weight: 700;	
}

/* 各項目は左右と下の枠線を消し、項目間の区切り線だけ残す */
.p-article04 {
    border: none;
    border-top: 1px solid #002F34;  /* 項目間の区切り線 */
}
/* 最初の項目は上の区切り線を消す（外枠と重ならないように） */
.p-article04:first-child {
    border-top: none;
}

.c-nav01__item--next a::before{
	color:#002F34;
}

.p-nav01__item--next a{
	color:#002F34;	
}

.p-nav01__item--prev a{
	color:#002F34;		
}

@media screen and (max-width: 767px) {
	.l-primary{
		margin-bottom: 120px;
	}
		.p-page-header{
		margin:  30px 0 0 0;
		padding: 30px;
	}
}