@charset "UTF-8";
/*
Theme Name: Miracle Ace 01
Author: Miracle ACE
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}

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

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

/* 記事の付加情報（投稿日時とカテゴリーの設定） */
.postinfo {margin-top: 15px;
				font-size: 13px}

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

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

.postinfo i {color: #888888}

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

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

.pagenav a:hover{background-color: #cc0066;
							border:solid 1px #cc0066;
							color: #ffffff}

.pagenav .old a {float: left}

.pagenav .new a {float: right}

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

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

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

.siteinfo	{overflow: hidden;
				padding-top: 25px;
/*padding-top: 14px;*/
				padding-bottom: 185px;
/*padding-bottom: 14px;*/
				padding-left: 14px;
				padding-right: 14px;
				background-color: #ffffff;
				color: #ffffff;
/*color: #660000;*/
				background-image: url(title_cat.png)
/*background-image: url(title_todai.png)*/
/*background-image: url(title_momiji.png)*/
				}

.siteinfo a {
					color: #ffffff
/*color: #660000*/
				}

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

.siteinfo p	{float: left;
				margin: 0;
				margin-top: 10px;
				font-size: 14px}

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

nav li {float: left;
			margin-right: 0px;
			width: 120px;
			text-align: center}

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

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

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

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

/* 本文中の画像 */
article img	{border: none; /* IE10以前向け対応 */
				max-width: 100%;
				height: auto}

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

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

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

/* メニュー */
.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 #660000;
									color: #660000;
									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;
								border: solid 1px #999999;
								-moz-box-sizing: border-box;
								-webkit-box-sizing: border-box;
								box-sizing: border-box}

#respond input[type="submit"]
				{width: 60px;
					padding: 8px;
					border: solid 1px #999999;
					border-radius: 4px;
/*color: #000000;*/
/*border: none;*/
					background-color: #ffffff;
/*background-color: #ff0461;*/
					-webkit-appearance: none;
					cursor: pointer;
					font-size: 11pt}

#respond input[type="submit"]:hover
					{background-color: #cc0066;
						border: solid 1px #cc0066;
						color: #ffffff}

#respond .required {color: #cc0000}

#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 10px 20px}
#comments .comment-content {margin-left: 20px;
													font-size: 12px}

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

.wpcf7 input[type="submit"]
				{width: 60px;
 					padding: 8px;
					border: solid 1px #999999;
					border-radius: 4px;
					background-color: #ffffff;
					-webkit-appearance: none;
					cursor: pointer;
					font-size: 11pt}

.wpcf7 input[type="submit"]:hover
					{background-color: #cc0066;
					border: solid 1px #cc0066;
						color: #ffffff}

/* トラックバック */
.trackback {margin-top: 30px;padding: 10px;border: dotted 1px #ccc;font-size: 12px}

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

/* 2段組の設定 */
.container {max-width: 1000px;
					overflow: hidden}

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

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

/* 記事の概要 */
.excerpt p {font-size: 13px}
.excerpt .more a	{padding: 7px 8px;
	border: solid 1px #bbbbbb;
/*border: solid 1px #ffd5ec;*/
	border-radius: 4px;
	color: #000000;
	text-decoration: none;}

.excerpt .more a:hover
	{background-color: #cc0066;
		border: solid 1px #cc0066;
		color: #ffffff}

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