@charset "utf-8";

/*********************************************************************
( ´m｀)σ ユーザー設定用CSS
----------------------------------------------------------------------
※「templates/header.html」23行目付近のコメントアウトを外すと有効になります。
----------------------------------------------------------------------
 1.0 背景・フォント
 2.0 横幅
 3.0 メニューアイコン
 4.0 ページ移動
*********************************************************************/

/*********************************************************************
	1.0 背景・フォント
*********************************************************************/

/********* 1.1 全体 *********/

body {
	border: 1px solid #d3b18e;
	padadding: 10px;
	background-size: 40px 40px;
	background-image: radial-gradient(rgba(255, 213, 86, 0.2) 20%, transparent 20%), radial-gradient(rgba(255, 213, 86, 0.2) 20%, transparent 20%);
	background-position: 0 0, 20px 20px;
	color: #494848;
	font-family: "Kosugi Maru", sans-serif;
	font-size: 12.4px;
}

@media only screen and (max-width: 580px) {
	body {
		font-size: 14px; /* 主にスマホ用の文字サイズ */
	}
}

/* 日付などの英数字用フォント */
.alphanumeric {
	font-family: Consolas, Courier, -apple-system, "BlinkMacSystemFont", ".SFNSDisplay-Regular", Arial;
}

/********* 1.2 サイト名 *********/

#header .site-logo {
	font-size: 36px;
	font-weight: 400;
	text-align: center;
}
#header .site-logo a {
	color: #101010;
}
#header .site-logo a:hover {
	color: #777;
}

/********* 1.2 サイト説明 *********/

#header p {
	color: #909090;
	font-family: Consolas, Courier, "Open Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
}

/********* 1.3 記事タイトル *********/

.entry-title {
	color: #101010;
	font-family: "Kosugi Maru", sans-serif;
	font-size: 160%;
}
.entry-title a {
	color: #101010;
}
.entry-title a:hover {
	color: #303030;
}

/********* 1.4 本文 *********/

.entry .content {
	border-radius: 20px;
}

/*********************************************************************
	2.0 横幅
*********************************************************************/

/********* 2.1 全体 *********/

#header,
#container,
.nav-gallery,
.footer-content {
	width: 86%;
	max-width: 740px;
}

/********* 2.2 ギャラリー *********/

#gallery {
	width: 95%;
	max-width: 1600px;
}

/*********************************************************************
	3.0 メニューアイコン
*********************************************************************/

#menu-toggle-label span {
	height: 1px; /* 太さ（～3px程度推奨） */
	background-color: #404146; /* 色 */
}

@media only screen and (max-width: 560px) {
	#menu {
		background-color: transparent; /* 背景色 */
	}
}

/*********************************************************************
	4.0 ページ移動
*********************************************************************/

#nav-page {
	border-radius: 15px;
}

/****** 4.2 レスポンシブ *********/
@media only screen and (max-width: 560px) {
    #nav-page {
	margin: 30px auto;
	border-radius: 15px;
    }
}

/* ^o^ */