/*
Theme Name: twentyseventeen-child
Template:   twentyseventeen
Theme URI:  https://wordpress.org/themes/twentyseventeen/
 
Description:   Twenty Seventeen の子テーマ
Author:        ヌーベルムラチ
Author URI:    https://murachi-g.com/awabidake-news/
*/

img {
box-shadow: 1px 1px 8px #000;
border-radius: 5px;
}

/* 投稿一覧の「投稿」を非表示 */
.blog .page-header {
display: none;
}

/* お知らせ見出し */
.blog #primary::before {
content: "🍄 お知らせ";
display: block;
font-size: 2.2rem;
color: #5a3e1b;
border-bottom: 3px solid #a67c52;
padding-bottom: 10px;
margin-bottom: 35px;
font-weight: bold;
}

/* サイト幅 */
.wrap {
max-width: 1280px;
}

/* 個別記事タイトル */
.single-post .entry-title,
.page-title {
font-size: 2rem;
color: #5a3e1b;
border-bottom: 3px solid #a67c52;
padding-bottom: 10px;
margin-bottom: 20px;
font-weight: 700;
}

/* H2 */
.entry-content h2 {
font-size: 1.6rem;
color: #5a3e1b;
border-left: 6px solid #8b5a2b;
background: #f8f3ea;
padding: 12px 18px;
border-radius: 4px;
margin-top: 50px;
margin-bottom: 25px;
}

/* H3 */
.entry-content h3 {
font-size: 1.3rem;
color: #6b4f2a;
border-bottom: 2px dotted #b08d57;
padding-bottom: 6px;
margin-top: 35px;
margin-bottom: 15px;
}

/* 投稿日 */
.entry-meta {
font-size: 0.9rem;
color: #8a7b67;
margin-bottom: 10px;
}

/* お知らせ一覧カード */
.blog article {
background: #fffdf8;
border: 1px solid #e6dccd;
border-radius: 10px;
padding: 25px 30px;
margin-bottom: 40px;
box-shadow: 0 3px 10px rgba(0,0,0,.08);
transition: all .3s ease;
}

.blog article {
box-shadow: 0 5px 15px rgba(0,0,0,.12);
}

/* お知らせ一覧タイトル */
.blog .entry-title {
font-size: 1.35rem;
font-weight: 700;
line-height: 1.5;
margin-bottom: 15px;
border: none;
padding: 0;
}

.blog .entry-title a {
color: #5a3e1b;
text-decoration: none;
box-shadow: none;
}

.blog .entry-title a {
color: #8b5a2b;
text-decoration: none;
box-shadow: none;
}

/* 抜粋 */
.blog .entry-summary {
font-size: 1rem;
line-height: 1.8;
color: #555;
}

/* 続きを読む */
.read-more {
margin-top: 15px;
}

.read-more a {
display: inline-block;
background: #8b5a2b;
color: #fff !important;
padding: 8px 18px;
border-radius: 5px;
text-decoration: none;
font-size: 0.9rem;
font-weight: bold;
}

.read-more a {
background: #a06a35;
}

/* メニュー全体 */

.navigation-top {
	background: linear-gradient(
		to bottom,
		#c9a87c 0%,
		#b89268 50%,
		#a97f55 100%
	);
	border-top: 1px solid #d9c2a3;
	border-bottom: 2px solid #7b5a3b;
}

/* メニュー幅 */

.navigation-top .wrap {
	max-width: 1280px;
}

/* メニュー文字 */

.navigation-top a {
	color: #fffaf2;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-decoration: none;
	padding: 15px 18px;
	transition: all .3s ease;
	text-shadow: 1px 1px 2px rgba(0,0,0,.3);
}

/* マウスを乗せた時 */

.navigation-top a:hover {
	background: rgba(255,255,255,.15);
	color: #ffffff;
}

/* 現在のページ */

.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
	background: rgba(255,255,255,.2);
	color: #ffffff;
	border-bottom: 3px solid #f5e3c8;
}

/* メニュー間隔 */

.navigation-top .menu-item {
	padding: 0 5px;
}

/* スマホメニュー */

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

	/* メニュー全体 */

	.navigation-top {
		background: linear-gradient(
			to bottom,
			#c9a87c 0%,
			#b89268 50%,
			#a97f55 100%
		);
	}

	/* ハンバーガーメニューの文字 */

	.menu-toggle,
	.menu-scroll-down {
		color: #fffaf2;
		font-weight: bold;
	}

	/* 開いたメニュー */

	.main-navigation ul {
		background: linear-gradient(
			to bottom,
			#c9a87c 0%,
			#b89268 50%,
			#a97f55 100%
		);
	}

	.main-navigation a {
		color: #fffaf2;
		font-weight: 700;
		border-top: 1px solid rgba(255,255,255,.15);
	}

	.main-navigation a:hover,
	.main-navigation a:focus {
		background: rgba(255,255,255,.15);
		color: #ffffff;
	}

	/* ハンバーガーアイコン */

	.menu-toggle {
		border-color: rgba(255,255,255,.4);
	}
}