@charset "utf-8";
@media screen
{
 html
	{
	background: #eeeeee;
	}

 body
	{
	background: #eeeeee;
	margin: 0 auto;
	padding: 0;
	}

	/*========================================
	  div#header
	========================================*/

 #header
	{
	}

 #header .site-name
	{
	margin: 0;
	padding: 25px 0 0 20px;
	line-height: 1.1;
	font: 250% "Arial Black",Helvetica,Arial,sans-serif;
	}

 #header .site-name a
,.index h1 a
	{
	text-decoration: none;
	color: #000000 !important;
	}

 .menu
	{
	margin: 10px 20px 10px 0;
	padding: 0;
	text-align: right;
	}

 .menu li
	{
	display: inline;
	margin-left: 1em;
	}

 .menu a
	{
	font: 125% Verdana,"Arial Black",Helvetica,Arial,sans-serif;
	color: #000000;
	text-decoration: none;
	}

 .current-menu-item a
,.blog.single              .menu a[href*="blog"] /* スラッグが「blog」のsingle用。「blog」以外のcategoryは放置。 */
,.taxonomy-picture-tag     .menu a[href*="picture"]
,.single-picture           .menu a[href*="picture"] /* pictureのsingle用 */
,.taxonomy-text-tag        .menu a[href*="text"]
,.single-text              .menu a[href*="text"] /* textのsingle用 */
	{
	color: #999999 !important;
	}

	/*========================================
	  div#content
	========================================*/

 #content
	{
	border-top: 5px solid #000000;
	border-bottom: 5px solid #000000;
	background: #ffffff;
	}

 .topic-path
	{
	margin: 0 20px 10px;
	padding-top: 0;
	}

 .topic-path a
	{
	text-decoration: none;
	color: #666666;
	}

 .topic-path .current
	{
	padding: 0.25em 0.5em;
	border: 1px solid #cccccc;
	color: #000000;
	background-color: #f5f5f5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}

 .local-navigation
	{
	margin: 0 20px 10px;
	line-height: 1.6;
	text-align: center;
	}

 .local-navigation a
,.local-navigation .current
	{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}

	/*========================================
	  div#main
	========================================*/

 #main
	{
	margin: 15px 20px;
	}

 #main>*
	{
	margin-left: 0;
	margin-right: 0;
	}

	/* 700px×300px */
 #key-visual img
	{
	border: none;
	margin: 0;
	padding: 0;
	}

 #main h1
	{
	line-height: 1.1;
	font-size: 150%;
	}

 .category h2
,.blog h2
,body[class^="archive"] h2
,.single h1
,body[class^="single"] h1
,.page h1
	{
	margin: 1em 0 0;
	padding: 3px 10px;
	border-left: 5px solid #000000;
	border-bottom: 1px dotted #000000;
	font-size: 150%;
	}
		 h2 a
			{
			text-decoration: none;
			}
		 h2 a:link
			{
			color: #333333;
			}
		 h2 a:visited
			{
			color: #555555;
			}
		 h2 a:hover
			{
			color: #086693;
			}

				 .category p+h2 /* 記事がずらずら並んでいるとき詰まって見えるので調整。 */
				,.blog p+h2
				,.archive p+h2
					{
					margin-top: 2em;
					}

 .category h3
,.blog h3
,body[class^="archive"] h3
,.single h2
,body[class^="single"] h2
,.page h2
	{
	padding-bottom: 2px;
	padding-left: 10px;
	border-bottom: 1px solid #000000;
	font-size: 125%;
	}

 .category h4
,.blog h4
,body[class^="archive"] h4
,.single h3
,body[class^="single"] h3
,.page h3
	{
	padding-bottom: 2px;
	padding-left: 10px;
	border-bottom: 1px dotted #000000;
	}

 .category h5
,.blog h5
,body[class^="archive"] h5
,.single h4
,body[class^="single"] h4
,.page h4
	{
	padding-left: 4px;
	border-left: 6px double #000000;
	}

 .category h6
,.blog h6
,body[class^="archive"] h6
,.single h5
,body[class^="single"] h5
,.page h5
	{
	padding-left: 6px;
	border-left: 4px solid #000000;
	}

,.single h6
,body[class^="single"] h6
,.page h6
	{
	padding-left: 10px;
	}
 .topic-path+h2
	{
	margin-top: 2em;
	}

 .document-information
	{
	margin: 0 0 1em 0;
	padding: 0.25em 10px;
	border-left: 5px solid #000000;
	list-style-type: none;
	color: #666666;
	}

 .document-information li
	{
	margin: 0;
	padding: 3px 10px 3px 0;
	float: left;
	}

 .document-information li
	{
	float: none;
	display: inline;
	}

 .document-information li a
	{
	text-decoration: none;
	color: #086693;
	}

 .flip
	{
	margin: 2em 10% 1em;
	padding: 1em;
	border: 1px solid #eeeeee;
	}

 .flip dt
	{
	clear: left;
	float: left;
	margin: 0 0 0.5em;
	width: 6.5em;
	}

 .flip dd
	{
	margin-bottom: 0.5em;
	margin-left: 6.5em;
	}


	/*========================================
	  #site-navigation
	========================================*/

 #site-navigation a
	{
	color: #666666;
	text-decoration: none;
	}

 #site-navigation a:hover
		{
		color: #000000 !important;
		}

 #site-navigation dt
	{
	margin: 5px 0;
	padding: 2px 10px;
	border-top: 2px solid #000000;
	border-bottom: 1px dotted #000000;
	}

 #site-navigation dd
	{
	margin: 5px 0;
	padding: 2px 10px;
	}

 #site-navigation ul
	{
	margin: 0;
	list-style-type: none;
	}

 #site-navigation li
	{
	margin: 0.1em 0;
	}

 #site-navigation li ul
	{
	margin-left: 1em;
	}

 #site-navigation li ul li
	{
	display: inline;
	}

 #site-navigation p
,#site-navigation form
	{
	margin: 0;
	padding: 0;
	}

 .tag-list li
	{
	display: inline;
	margin: 0;
	padding: 0;
	}

.tag-list li+li:before
,.archive-list li li+li:before
	{
	content: "/ ";
	}

 .tag-cloud /* タグクラウド（ul） */
	{
	line-height: 1.1;
	}
		.tag-cloud li
			{
			margin: 0 0.25em 0 0;
			padding: 0;
			display: inline;
			font-size: 100%;
			}
			/* タグレベル1～6 */
		.level1 a
			{
			font-size: 167%;
			font-weight: 700;
			color: #424242 !important;
			line-height: 1.0;
			}
		.level2 a
			{
			font-size: 136%;
			font-weight: 700;
			color: #5e5e5e !important;
			}
		.level3 a
			{
			font-size: 122%;
			font-weight: 700;
			color: #7a7a7a !important;
			}
		.level4 a
			{
			font-size: 114%;
			color: #979797 !important;
			}
		.level5 a
			{
			font-size: 92%;
			color: #b3b3b3 !important;
			}
		.level6 a
			{
			font-size: 77%;
			color: #cfcfcf !important;
			}

 .local-navigation /* 普通のページの「戻る」 */
	{
	text-align: right;
	padding: 1.5em 0;
	line-height: 2.5;
	}
		.local-navigation li
			{
			display: inline;
			margin: 0;
			}
		.local-navigation a,
		span.current
			{
			padding: 0.1em 0.5em;
			margin: 1.5em 0.25em;
			border: 1px solid;
			text-decoration: none;
			}
		.prev,
		.next
			{
			border: none !important;
			text-decoration: underline !important;
			}







	/*========================================
	  カスタム投稿タイプ「picture」のサムネイル一覧
	========================================*/

 .thumbnail-list
	{
	margin: 1em 0;
	padding: 0;
	}

 .thumbnail-list li
	{
	margin: 0 5px 10px 0;
	padding: 0;
	float: left;
	width: 110px;
	list-style: none;
	}

 .thumbnail-list img
	{
	border: solid 5px #eeeeee;
	width: 100px; /* ★サムネイルのサイズに変更する */
	height: 100px; /* ★サムネイルのサイズに変更する */
	margin: 0;
	padding: 0;
	}

 .thumbnail-list a:hover img
	{
	border-color: #999999;
	}

 .thumbnail-list .entry-title
	{
	margin-top: 3px;
	display: block;
	text-align: center;
	color: #393630;
	background-color: inherit;
	font-size: 0.9em;
	text-decoration: none;
	white-space: nowrap; /* ←↓はみ出た分は「...」となる。 */
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	}

 #site-navigation .thumbnail-list
	{
	margin: 1em 0;
	padding: 0;
	}

 #site-navigation .thumbnail-list li
	{
	margin: 0;
	padding: 0;
	float: left;
	width: 61px;
	list-style: none;
	}

 #site-navigation .thumbnail-list img
	{
	border: solid 3px #eeeeee;
	width: 50px; /* ★サムネイルのサイズに変更する */
	height: 50px; /* ★サムネイルのサイズに変更する */
	margin: 0 3px 3px 0;
	padding: 0;
	}

 #site-navigation .thumbnail-list a:hover img
	{
	border-color: #999999;
	}


	/*========================================
	  .return
	========================================*/

 .return
	{
	margin: 0;
	padding: 0.7em 20px;
	background: #222222;
	text-align: right;
	clear: both;
	}

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

 .return a:before
	{
	content: "\25b2  "
	}

	/*========================================
	  #footer
	========================================*/

 #footer
	{
	color: #000000;
	}

 #footer a
	{
	color: #000000;
	}

 #footer a:hover
	{
	color: #999999;
	}

 #footer ul
	{
	margin: 0.7em 20px 2em 0;
	text-align: right;
	}

 #footer ul li
	{
	margin-left: 1em;
	display: inline;
	}

/* Clearfix
---------------*/

 #content
,.document-information
,.flip
,.thumbnail-list
	{
	_height: 1px;
	min-height: 1px;
	/*\*//*/
	height: 1px;
	overflow: hidden;
	/**/
	}

 #content:after
,.document-information:after
,.flip:after
,.thumbnail-list:after
	{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
	}

 .clear
	{
	display: block;
	clear: both;
	}

	/*===========================================================================
	  サイト表示設定
	===========================================================================*/

 #header
,#content
,#footer
	{
	max-width: 740px;
	margin: 0 auto;
	position: relative;
	}

	/*========================================
	  single（ページと個別記事）
	========================================*/

 #site-navigation
	{
	margin: 30px 0 0;
	padding: 15px 10px 0;
	background: #fafafa;
	border-top: 3px solid #dddddd;
	}

 #site-navigation dl
	{
	margin: 0;
	}

 #site-navigation .blog
,#site-navigation .works
	{
	margin-left: 2%;
	float: left;
	width: 47%;
	}

	/* clearfix */

 #site-navigation
	{
	_height: 1px;
	min-height: 1px;
	/*\*//*/
	height: 1px;
	overflow: hidden;
	/**/
	}

 #site-navigation:after
	{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
	}




 /* 削除不可 */
}






	/*========================================
	  スマートフォン用（仮）
	========================================*/
@media screen and (max-width: 740px)
{
	/* 小さい画面では余白をpxでなく％で取る */
 #header .site-name
,.return
	{
	padding-left: 2%;
	padding-right: 2%;
	}

 .menu
,.topic-path
,.local-navigation
,#main
,#footer ul
	{
	margin-left: 2%;
	margin-right: 2%;
	}


 #header .site-name
	{
	font-size: 150%;
	}



 /* 削除不可 */
}