@charset "UTF-8";
/*
Theme Name: MY THEME (Chapter 7)
Author: TRAVEL SKETCH
Description: This is my original theme.
Version: 1.0
*/


body	{margin: 0;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif}

.container	{max-width: 650px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px}


/* 記事 */
article	{margin-bottom: 40px;
	overflow: hidden}

article h1	{margin: 0;
	font-size: 32px;
	font-weight: normal}

article h1 a	{color: #000000;
	text-decoration: none}


/* 記事の付加情報 */
.postinfo	{margin-top: 15px;
	font-size: 14px}

.postinfo a	{color: #000000;
	text-decoration: none}

.postinfo .postcat	{margin-left: 20px}

.postinfo .postcom	{margin-left: 20px}

.postinfo i	{color: #888888}


/* 前後の記事へのリンク */
.pagenav a	{padding: 5px 10px;
	border: solid 1px #cccccc;
	border-radius: 10px;
	color: #666666;
	font-size: 12px;
	text-decoration: none}

.pagenav .old a	{float: left}

.pagenav .new a	{float: right}

.pagenav	{overflow: hidden;
	margin-top: 40px;
	margin-bottom: 40px;
	clear: both}


/* ヘッダー */
header	{margin-bottom: 40px;
	background-color: #4a5f7e;
	color: #ffffff}

header a	{color: #ffffff;
	text-decoration: none}

.siteinfo	{overflow: hidden;
	padding-top: 14px;
	padding-bottom: 14px;
	background-color: #ffffff;
	color: #4a5f7e}

.siteinfo a	{color: #4a5f7e}

.siteinfo h1	{float: left;
	margin: 0;
	font-family: 'Acme', sans-serif;
	font-size: 20px}

.siteinfo p	{float: right;
	margin: 0;
	margin-top: 5px;
	font-size: 12px}


/* ナビゲーションメニュー */
nav ul	{list-style: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
	overflow: hidden}

nav li	{float: left;
	margin-right: 15px}

nav li a	{display: block;
	padding-top: 15px;
	padding-bottom: 10px;
	border-bottom: solid 5px transparent}

nav li a:hover	{border-bottom-color: #00ccff}

nav li.current-menu-item a
	{border-bottom-color: #e6cc1c}


/* フッター */
footer	{margin-top: 40px;
	padding-top: 14px;
	padding-bottom: 14px;
	background-color: #4a5f7e;
	color: #ffffff}


/* 本文中の画像 */
article img	{border: none;
	max-width: 100%;
	height: auto}

.aligncenter	{display: block;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto}

.alignright	{float: right;
	margin-bottom: 30px;
	margin-left: 30px}

.alignleft	{float: left;
	margin-bottom: 30px;
	margin-right: 30px}

.wp-caption	{max-width: 100%}

.wp-caption-text	{margin: 0;
	color: #666666;
	font-size: 14px;
	text-align: center}


/* メニュー */
.blogmenu ul	{margin: 0;
	padding: 0;
	list-style: none}

.blogmenu .widget	{margin-bottom: 30px;
	padding: 20px;
	background-color: #e8e8e8}

.blogmenu .widgettitle	{margin-top: 10px;
	margin-bottom: 20px;
	border-right: solid 10px #4a5f7e;
	color: #4a5f7e;
	font-size: 14px}

.blogmenu li a	{display: block;
	padding: 10px 5px;
	color: #666666;
	font-size: 14px;
	text-decoration: none}

.blogmenu li a:hover	{background-color: #ffffff}


/* 見出し */
.archive-title	{margin-top: 0;
	margin-bottom: 40px;
	background-color: #eeeeee;
	font-size: 14px;
	font-weight: normal}

.archive-title i	{padding: 15px;
	background-color: #4a5f7e;
	color: #ffffff}


/* コメント投稿フォーム */
#respond p	{margin-top: 0;
	margin-bottom: 20px;
	font-size: 12px}

#respond label	{font-size: 14px}

#respond input,
#respond textarea	{width: 100%;
	padding: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

#respond input[type="submit"]
	{width: 200px;
	padding: 10px;
	border: none;
	background-color: #e6cc1c;
	-webkit-appearance: none;
	cursor: pointer}

#respond input[type="submit"]:hover
	{background-color: #ffaa00}

#respond .required	{color: #ff0000}


/* コメント */
#comments footer	{background: none;
	margin: 0;
	color: #000000;
	font-size: 12px}

#comments footer a	{color: #000000}

#comments footer div	{display: inline}

#comments ul	{list-style: none;
	margin: 0;
	padding: 0}

#comments article	{border: dotted 1px #aaaaaa;
	margin-bottom: 10px;
	padding: 10px 20px 20px 20px}

#comments .comment-content	{margin-left: 30px}


/* お問い合わせフォーム */
.wpcf7 input,
.wpcf7 textarea	{width: 100%;
	padding: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

.wpcf7 input[type="submit"]
	{width: 200px;
	padding: 10px;
	border: none;
	background-color: #e6cc1c;
	-webkit-appearance: none;
	cursor: pointer}

.wpcf7 input[type="submit"]:hover
	{background-color: #ffaa00}



/* メディアクエリの設定 */
@media (min-width: 768px) {

/* ２段組 */
.container	{max-width: 1000px;
	overflow: hidden}

.contents	{width: 65%;
	float: left}

.blogmenu	{width: 30%;
	float: right}

/* ナビゲーションメニュー */
nav li	{margin-right: 40px}

}