@charset "utf-8";

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

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

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

body {
	background-color: #F9F9F9;
	color: #494848;
	font-family: "Open Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", 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-size: 160%;
}
.entry-title a {
	color: #101010;
}
.entry-title a:hover {
	color: #303030;
}

/*********************************************************************
	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; /* 背景色 */
	}
}

/* ^o^ */