@charset "utf-8";
/* ===================================================================
CSS information
 author     : Takashi Hirasawa - http://mt.underhat.jp/
 style info : MT underHat テーマ 001 スマートフォン用スタイル
=================================================================== */
@import url("default.css");

/* -----------------------------------------------------------
	基本設定
----------------------------------------------------------- */
body {
	color: #333;
	background: #efefef;
	text-shadow: 1px 1px 0px #fff;
}

img {
	vertical-align: top;
}

a {
	text-decoration: none;
}

a:link {
	color: #036;
}

a:visited {
	color: #36c;
}

a:hover {
	color: #36f;
	background-color: rgba(255, 255, 255, 0.5);
	border-color: #36f;
	-webkit-box-shadow: 0px 0px 8px #89b3dd;
	box-shadow: 0px 0px 8px #89b3dd;
	position: relative;
}


footer li,
header li,
#sub li {
	list-style: none;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}

/* -----------------------------------------------------------
	汎用class
----------------------------------------------------------- */
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

#main .btn {
	text-align: center;
	margin: 15px auto;
}

.none {
	display: none;
}

/* 続きを読む */
#page .more {
	margin: 0;
	text-align: right;
}

#page .more a {
	display: block;
	padding: 7px;
	background: #fff;
}

#page .more a:after {
	content: "→";
	margin-left: 5px;
}


/* 外部リンク、PDFリンクの指定 */
.pdfIcon,
.externalIcon {
	display: none;
}

.pdfIcon {
	padding-left: 0;
	padding-right: 5px;
}


/* -----------------------------------------------------------
	角丸
----------------------------------------------------------- */
input[type="button"],
input[type="submit"],
input[type="text"],
#comment-text,
#main #trackBacks section,
#main #comments article,
#sub aside .twtr-widget .twtr-bd,
#sub section.pickupEntries,
.required,
#main ul.pageNav li span,
#main ul.pageNav li a,
#main ul.pageNav,
.more a,
footer.global div.copyright,
header.global nav li a,
#main section.info {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}


/* -----------------------------------------------------------
	#page
----------------------------------------------------------- */
#page {
	width: auto;
	margin: 0;
	text-align: left;
}


/* -----------------------------------------------------------
	ヘッダー
----------------------------------------------------------- */
header.global {
	margin: 0 auto 10px;
}


header.global hgroup {
	padding: 10px;
	line-height: 1.3;
}

header.global hgroup h1 {
	margin: 0 0 2px !important;
	font-size: 1.5em;
	color: #333;
	letter-spacing: 1px;
}

header.global hgroup h1 img {
	margin-top: -5px;
	margin-bottom: 5px;
}

header.global  h1 a:visited,
header.global  h1 a {
	color: #333;
}

header.global hgroup h2 {
	display: none;
	color: #333;
	font-size: 13px;
}

.topBody header.global hgroup h2 {
	display: block;
}

header.global nav {
	padding-bottom: 20px;
}

header.global nav ul {
	padding-left: 1%;
}

header.global nav ul:after { content: ''; display: block; clear: both; }

header.global nav li {
	float: left;
	width: 49%;
	margin: 0 1% 1% 0;
	font-size: 1.2em;
}

header.global nav li.rss {
	display: none;
}

header.global nav li a:visited,
header.global nav li a {
	display: block;
	padding: 13px 12px;
	border: 1px solid #ccc;
	background: #fff no-repeat 8px center;
	color: #333;
}

header.global nav li.home a {
	padding-left: 23px;
	background-image: url(../img/share/icon_home.png);
}

header.global nav li a[href$=".xml"] {
	padding-left: 23px;
	background-image: url(../img/share/icon_rss.png);
}

header.global nav li a[href*="twitter"] {
	padding-left: 25px;
	background-image: url(../img/share/icon_twitter.png);
	background-position: 10px center;
}

header.global nav li a[href*="profile"] {
	padding-left: 23px;
	background-image: url(../img/share/icon_profile.png);
}

header.global nav li a[href*="iddy"] {
	padding-left: 25px;
	background-image: url(../img/share/icon_iddy.png);
	background-position: 10px 0.5em;
}

header.global nav li a:hover {
	color: #36f;
	border: 1px solid #36f;
}


/* -----------------------------------------------------------
	アイキャッチ
----------------------------------------------------------- */
#eye {
	display: none;
}


/* -----------------------------------------------------------
	#contents
----------------------------------------------------------- */
#contents {
	clear: both;
	width: auto;
	margin: 0 auto;
}

#contents:after { content: ''; display: block; clear: both; }

/* pageTop */
#contents p.pageTop {
	text-align: right;
	margin: 0 2% 20px;
}

/* h1 */
#page h1 {
	margin: 0 0 10px;
	font-size: 1.3em;
}

#contents h1 a {
}

.entryBody #contents h1:before,
#contents h1 a:before {
	content: "■";
	margin-right: 3px;
	color: #555;
}

#contents h1 a:after {
	content: "→";
	margin-left: 5px;
	color: #555;
}


#sub h1:before,
#main .info h1:before,
footer.global h1:before {
	content: "■";
	margin-right: 3px;
	color: #555;
}

.archivesBody #main article header h1 {
	margin-bottom: 0;
}

#main article header h1 a {
	display: block;
	padding: 15px 5px;
	background-image: -webkit-gradient(linear, 0% 40%, 0% 100%, from(#fff), to(#e5e5ed));
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
}

#main article:nth-child(odd) header h1 a {
	background-image: -webkit-gradient(linear, 0% 40%, 0% 100%, from(#fff), to(#edebe5));
}

.archivesBody #main article:last-child header {
	border-bottom: 1px solid #ccc;
}



/* ページタイトル */
#main .pageTitle {
	margin: 0;
	margin-bottom: 15px;
	padding: 7px 5px;
	background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#0601e1), to(#00336c));
	color: #fff;
	text-indent: 0;
	font-size: 14px;
}

#main .pageTitle:before {
	content: "■";
	margin-right: 3px;
}


/* -----------------------------------------------------------
	#main
----------------------------------------------------------- */
#main {
	width: auto;
}

#main table,#main ol,#main ul,#main dl,#main blockquote,#main pre,#main p {
	margin-bottom: 10px;
}

#main article,
#main section {
	margin: 0 0 30px;
}

/* お知らせ */
#sub section.pickupEntries,
#main section.info {
	margin-left: 2%;
	margin-right: 2%;
	padding: 10px 5px 2px;
	background: #fff;
	border: 1px solid #999;
}

#main section.info h1 {
	border-top: 0;
}

/* 記事基本スタイル
----------------------------------------------------------- */
#main article {
	padding-bottom: 10px;
}

.archivesBody #main article {
	margin: 0;
	padding: 0;
}

#main article header {
	padding: 0 0 7px;
}

.archivesBody #main article header {
	padding: 0;
}

.entryBody #main article header {
	padding: 0 10px 7px;
}


#main article header ul:after { content: ''; display: block; clear: both; }

#main article header ul {
	margin: -3px 0 0;
	padding: 0 3px;
}

#main article header ul li {
	float: left;
	margin-bottom: 5px;
	margin-right: 20px;
}

#main article header ul li time {
	padding-left: 15px;
	background: url(../img/share/icon_time.png) no-repeat left center;
}

#main article header ul li.category {
	padding-left: 15px;
	background: url(../img/share/icon_category.png) no-repeat left center;
}

#main article header ul li.tag {
	padding-left: 15px;
	background: url(../img/share/icon_tag.png) no-repeat left center;
}

#main .articleFooter {
	display: none;
}


/* 記事本文・続き
----------------------------------------------------------- */
#main section .articleBody,
#main article .articleBody {
	margin-bottom: 0;
	padding: 0 5px;
}

#main section .articleBody p + *,
#main article .articleBody p + * {
	display: none;
}

.entryBody #main article .articleBody {
	margin: 0;
	margin-bottom: 20px;
	padding: 10px 2px 10px 10px;
	font-size: 1.2em;
	background: #fff;
}

.archivesBody #main article header ul,
.archivesBody #main article .articleBody {
	display: none;
}

#main article .articleBody h6,
#main article .articleBody h5,
#main article .articleBody h4,
#main article .articleBody h3,
#main article .articleBody h2 {
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 1.2em;
}

#main article .articleBody h2 {
	margin-bottom: 12px;
	padding-bottom: 7px;
	border-bottom: 5px solid #ccc;
}

#main article .articleBody h2:before {
	content: "■";
	margin-right: 3px;
	color: #999;
}

#main article .articleBody h3 {
	padding-left: 12px;
	border-left: 8px solid #ccc;
}

#main article .articleBody h4 {
	padding-left: 10px;
	border-left: 5px solid #ccc;
}

#main article .articleBody h5 {
	padding-left: 7px;
	border-left: 3px solid #ccc;
	font-size: 1.1em;
}

#main article .articleBody h6:before {
	content: "‐ ";
}

#main article .articleBody em {
	font-style: normal;
	color: #633;
}

#main article .articleBody li {
	margin-bottom: 5px;
}

#main article .articleBody dl {
	margin-top: -5px;
}

#main article .articleBody dl dt {
	margin-top: 10px;
}

#main article .articleBody dl dt:before {
	content: "■";
	margin-right: 3px;
	color: #666;
}

#main article .articleBody dl dd {
	margin-bottom: 5px;
	margin-left: 30px;
}

#main article .articleBody table {
	width: 100%;
	border: 1px solid #999;
}

#main article .articleBody table th {
	padding: 10px 13px;
	border: 1px solid #999;
	background: #f7f7f7;
	color: #555;
	text-align: left;
}

#main article .articleBody table td {
	padding: 10px 13px;
	border: 1px solid #999;
	background: #efefef;
}

#main article .articleBody blockquote {
	position: relative;
	margin: 20px 0;
	padding: 15px 55px;
	border-top: 3px double #999;
	border-bottom: 3px double #999;
}

#main article .articleBody blockquote:after,
#main article .articleBody blockquote:before {
	content: "“";
	position: absolute;
	top: 3px;
	font-size: 100px;
	font-family: "ＭＳ Ｐ明朝", serif;
	color: #ccc;
	line-height: 1em;
}

#main article .articleBody blockquote:before {
	left: 0;
}

#main article .articleBody blockquote:after {
	content: "”";
	right: 0;
}

#main article .articleBody blockquote p:last-of-type {
	margin-bottom: 0;
}

#main article .articleBody pre {
	background: #f7f7f7;
	padding: 15px 20px;
}



/* 関連エントリ
----------------------------------------------------------- */
#main #relatedEntry {
	padding: 0 10px 10px;
}

#main #relatedEntry li {
	margin-bottom: 10px;
}

/* トラックバック、コメント
----------------------------------------------------------- */
#comments {
	margin-top: 30px;
	padding: 0 10px 10px;
}

#trackBacks {
	padding: 0 10px 10px;
}

#trackBacks dl {
	margin-bottom: 20px;
}

#main #trackBacks section,
#main #comments article {
	margin: 10px 0 0;
	padding: 12px 10px;
	background: #fff;
	border: 1px solid #ccc;
}

#main #comments article footer {
	padding-right: 0;
}

#main #comments article article {
	margin: 10px 0 0 -5px;
	padding: 0;
	padding-left: 5px;
	border: 0;
	border-left: 3px solid #eaeaea;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

#trackBacks section h2,
#comments article h2 {
	margin-bottom: 7px;
	padding-bottom: 7px;
	border-bottom: 1px dotted #ccc;
	font-size: 1em;
}

#trackBacks section h2 *,
#comments article h2 * {
	vertical-align: middle;
}

#comments article ul,
#trackBacks section footer ul {
	margin: 0;
	text-align: right;
}

#comments article footer ul li,
#trackBacks section footer ul li {
	margin-bottom: 5px;
}


#comments #comments-open {
	margin-top: 30px;
}

#comments-open-data {
	width: 100%;
}

#comments-open-data th {
	width: 25%;
	padding: 10px;
	padding-left: 0;
	text-align: left;
	font-weight: normal;
}

#comments-open-data td {
	padding: 10px;
}

#comment-text,
#comments-open-data td input[type="text"] {
	width: 70%;
	padding: 3px 5px;
	border: 1px solid #ccc;
	background: rgba(255,255,255,0.7);
}

#permanentLink,
#trackBackURL {
	width: 95%;
	padding: 5px;
	background: #fff;
	border: 0;
}

#comment-text {
	margin-top: 10px;
	width: 95%;
	height: 100px;
	background: rgba(255,255,255,0.7);
}

#comments-open-data td small {
	margin-left: 5px;
	font-size: 12px;
}

.required {
	margin-left: 5px;
	padding: 1px 5px;
	background: #b5377e;
	font-size: 0.8em;
	color: #fff;
	vertical-align: middle;
	text-shadow: none;
}

#comment-form-reply {
	margin-bottom: 10px;
}

#comment-greeting {
	margin: 0 -10px 10px;
	padding: 10px 5px;
	background: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#comment-greeting a {
	padding: 0 3px;
}

#comment-greeting a:before {
	content: "→";
	margin-right: 3px;
}

#comment-form-remember-me * {
	vertical-align: middle;
}

#comments-open-footer {
	padding-top: 10px;
}

#main .postComment {
	margin-top: 20px;
}

#main #comments-open-footer .postComment {
	margin-top: 0;
	margin-left: -1px;
}

.postComment input[type="button"],
.postComment input[type="submit"] {
	margin-bottom: 15px;
	padding: 10px 15px;
	background: #f5f4f3;
	border: 1px solid #ccc;
}

.postComment input[type="button"]:hover,
.postComment input[type="submit"]:hover {
	background-color: #fff;
	cursor: pointer;
}

#comment-submit {
	padding-left: 30px;
	padding-right: 30px;
}

.postComment input[type="submit"],
.postComment input[type="button"] {
	margin-right: 10px;
}


/* ページ送り 
----------------------------------------------------------- */
#main ul.archiveNav,
#main ul.pageNav {
	list-style-type: none;
	margin: 0 0 20px;
	padding: 0 0 10px;
	background: rgba(255, 255, 255, 0.6);
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	text-align: center;
	font-size: 1em;
}

#main article ul.archiveNav {
	margin-bottom: 40px;
}

#main ul.pageNav li {
	display: inline;
	margin: 0 3px;
	padding: 0;
}

#main ul.pageNav li span,
#main ul.pageNav li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 1px 8px;
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	/background: #fff;
	border: 1px solid #ccc;
	text-decoration: none;
	vertical-align: middle;
}

#main ul.pageNav li span {
	background: rgba(241, 244, 247, 0.5);
}

#main ul.pageNav li a:hover {
	border-color: #36f;
}

#main ul.archiveNav {
	padding: 0;
	overflow: hidden;
	text-align: left;
}

#main ul.archiveNav li {
	float: left;
	width: 50%;
}

#main ul.archiveNav li.next {
	float: right;
	text-align: right;
}


#main ul.archiveNav li a {
	display: block;
	padding: 13px 5px;
	padding-right: 0;
}

#main ul.archiveNav li.next a {
	padding-left: 0;
	padding-right: 5px;
}


/* -----------------------------------------------------------
	サイドバー
----------------------------------------------------------- */
#sub {
	display: none;
	width: auto;
}

.topBody #sub {
	display: block;
}

#contents:after {
	content: "各アーカイブなどのサイドバーの情報はHomeから";
	margin: 0 10px 15px;
}

.topBody #contents:after {
	content: "";
	margin: 0;
}

#sub aside,
#sub section {
	/zoom: 1;
	clear: both;
	margin: 0 0 40px;
}

/* サイト内検索 */
#sub section.search {
	padding: 0 15px;
	margin-bottom: 30px;
}

#sub section .siteSearch {
	overflow: hidden;
}

#sub section .siteSearch input[type="text"] {
	float: left;
	width: 180px;
	padding: 4px;
	background: #fff url(../img/share/bg_search.gif) no-repeat;
	border: 1px solid #ccc;
}

#sub section .siteSearch input[type="submit"] {
	float: right;
	width: 73px;
	padding: 4px 5px;
	/padding: 2px 5px;
	background: #f5f4f3;
	border: 1px solid #ccc;
}

html:not(:target) #sub section .siteSearch input[type="submit"] {
	padding : 3px 5px;
}

#sub section .siteSearch input[type="submit"]:hover {
	background-color: #fff;
	cursor: pointer;
}

#sub aside * li:before,
#sub section * li a:before {
	content: "→";
	margin-right: 5px;
	font-size: x-small;
}

#sub nav {
	clear: both;
}

#sub * section:after { content: ''; display: block; clear: both; }

#sub nav section {
}

#sub nav section ol,
#sub nav section ul {
	border-top: 1px solid #ccc;
}

#sub section.pickupEntries * li ul,
#sub nav section * li ul {
	margin-top: 0;
	border-top: 0;
}

#sub section.pickupEntries * li a,
#sub nav section * li a {
	display: block;
	padding: 13px 5px 13px;
	background: #fff;
	border-bottom: 1px solid #ccc;
}

#sub section.pickupEntries * li ul li a:before,
#sub nav section * li ul li a:before {
	content: "●";
	font-size: x-small;
	color: #666;
}

#sub section.pickupEntries * li ul ul li a,
#sub nav section * li ul ul li a {
	padding-left: 3.8em;
	font-size: 0.9em;
}

#sub section.pickupEntries * li ul ul li a:before,
#sub nav section * li ul ul li a:before {
	content: "・";
}


/* Pick up Entries */
#sub section.pickupEntries {
	padding-bottom: 7px;
}

#sub section.pickupEntries h1 {
	margin-bottom: 0;
}

#sub section.pickupEntries * li:last-child a {
	border-bottom: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}


/* アーカイブ */
#sub nav section.archives {
}

#sub nav section.archives ol {
}

#sub nav section.archives ol:after { content: ''; display: block; clear: both; }

#sub nav section.archives ol li {
	float: left;
	width: 50%;
	border: 0;
}

#sub aside li {
	margin-bottom: 8px;
}


/* -----------------------------------------------------------
	フッター
----------------------------------------------------------- */
footer.global {
	width: auto;
	margin: 0 auto;
	padding: 30px 10px 40px;
	background: none;
	border-top: 1px solid #999;
}

/* Author
----------------------------------------------------------- */
footer.global section {
	width: auto;
	margin: 0 0 30px;
}

footer.global aside,
footer.global section {
	display: none;
}

.topBody footer.global aside,
.topBody footer.global section {
	display: block;
}

footer.global section:after { content: ''; display: block; clear: both; }

footer.global section p {
	margin: 0 0 15px;
}

footer.global section p img {
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
	padding: 1px;
	border: 1px solid #aaa;
}

footer.global section .more {
	clear: both;
	margin: 0;
}



/* My Links */
footer.global aside {
	clear: both;
	width: auto;
	margin: 0 0 30px;
}

footer.global aside ul {
	margin-left: 0;
	margin-top: -5px;
}

footer.global aside ul li {
	width: auto;
	margin-left: 0;
	padding: 12px 2px 6px;
	border-bottom: 1px solid #fff;
}

footer.global aside ul li:before {
	content: "→";
	margin-right: 5px;
	font-size: x-small;
}


/* 著作権
----------------------------------------------------------- */
footer.global div.copyright {
	padding: 0;
	background: none;
	border: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-align: right;
}

footer.global div.copyright ul {
	margin-bottom: 5px;
}

footer.global div.copyright ul li {
	margin-bottom: 5px;
}

footer.global div.copyright ul li a {
	color: #036;
}

footer.global div.copyright ul li:first-child {
	margin-left: 0;
}