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

@import url(//use.fontawesome.com/releases/v5.6.3/css/all.css);


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

/* 画像コピー禁止  注意）リンク設定も無視される */
img {
  pointer-events: none;	
	-webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  touch-callout:none;
  user-select:none
}

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


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

article h1	{margin: 0;
	font-size: 16px;
	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;

	color: #ffffff}

header a	{color: #ffffff;

	text-decoration: none}

.siteinfo	{overflow: hidden;
	padding-top: 14px;
	padding-bottom: 14px;
	
	background-image:url(http://izumidesign.net/wp-content/themes/mytheme/logo.gif);
	background-repeat:no-repeat;
	background-size:contain;                               /* 画像のサイズを指定    */
    width: 60%;                                            /* 横幅のサイズを指定    */
	margin: 10px 0px 0px 80px;
	padding-left: 50px;
	height: 80px;
	}

.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}


/* ヘッダー画像 */
header img	{width: 100%;
	height: auto;
	vertical-align: bottom}


/* ナビゲーションメニュー */
nav {
	height: 50px;
	background-color:#000000;
}

nav ul	{list-style: none;
	margin: 0px 0px 0px 30px;
	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: 100px;
	height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #000000;
	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;
	
	font-size: 40px;
	font-weight: normal}

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


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

#respond label	{font-size: 10px}

#respond input,
#respond textarea	{width: 60%;
	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: 300px;
	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: 75%;
	
	float: left}

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

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

}



/* 記事の概要 */
.excerpt p	{font-size: 14px}

.excerpt .more a	{padding: 5px 20px;
	border: solid 1px #cccccc;
	border-radius: 5px;
	color: #000000;
	text-decoration: none;}

.excerpt .more a:hover
	{background-color: #e6cc1c}

.excerpt .more i	{margin-left: 10px;
	color: #cccccc}

@media (min-width: 200px) {
.excerpt img	{float: left;

	margin-right: 20px;
	margin-bottom: 50px;
	width: 40%}
}

@media (max-width: 249px) {
.excerpt img	{display: block;
	margin-left: auto;
	margin-right: auto}
}



/* トップページ */
.largeheader	{width: 100%;
	height: auto;
	vertical-align: bottom}

.home header	{margin-bottom: 0}

.home footer	{
	
	margin-top: 0}


/* トップページのメニュー */
.topmenu	{padding-top: 10px;
	padding-bottom: 40px}

.link	{text-align: center;
	margin-bottom: 15px}

.link a	{color: #aaaaaa;
	font-size: 12px;
	text-decoration: none}

.link i	{display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	width: 80px;
	line-height: 80px;
	background-color: #993366;
	color: #ffffff;
	font-size: 50px}


.link:nth-child(2) i
{background-color: #669966}

.link:nth-child(3) i
	{background-color: #336699}

.link i:hover {
	opacity: .8;

}


@media (min-width: 500px) {
.topmenu	{overflow: hidden}

.link	{float: left;
	width: 33.3333%}
}