/*
Theme Name: AFFINGER Child
Template: affinger
Description: AFFINGER6 対応
Version: 20210719
*/

/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {


	/*-- ここまで --*/
}
	
/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {


	/*-- ここまで --*/
}	
	
/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {


	/*-- ここまで --*/
}

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {


	/*-- ここまで --*/
}

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {

	
	/*-- ここまで --*/
	
	/* ===========================
イロドリ風ベースデザイン
=========================== */

/* 背景と本文の基本設定 */
body {
font-family: "Noto Sans JP", sans-serif;
color: #3A3A3A;
background-color: #FAF8F5;
line-height: 1.8;
font-size: 15px;
}

/* ヘッダー（ロゴ部分）を中央寄せ */
#headbox {
text-align: center;
padding: 12px 0;
background-color: #FAF8F5;
}

/* ナビゲーションバー */
#navi {
background-color: #FAF8F5;
padding: 8px 0;
border-top: 1px solid #E8E5E0;
border-bottom: 1px solid #E8E5E0;
}

/* メニューのリンク */
#navi ul li a {
color: #3A3A3A;
font-weight: 400;
letter-spacing: 0.5px;
padding: 10px 12px;
text-transform: uppercase; /* メニューを英字風に */
}

/* メニューのリンク hover */
#navi ul li a:hover {
color: #C4A484; /* アクセントカラー */
}

/* スライダー画像の下に余白を追加 */
#top-slide {
margin-bottom: 20px;
}

/* 記事タイトルなど */
.entry-title,
.post-title {
color: #3A3A3A;
font-weight: 500;
}

/* リンク全般 */
a {
color: #3A3A3A;
text-decoration: none;
}
a:hover {
color: #C4A484;
}

/* ===========================
スマホ用の調整
=========================== */
@media screen and (max-width: 768px) {
#headbox {
padding: 8px 0;
}

#navi ul li a {
padding: 12px;
font-size: 14px;
}

body {
font-size: 14px;
}
}

}