@charset "UTF-8";
/* CSS Document */

/*******************************　共通　*******************************/
* {
	color:#666;
	list-style:none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a {
	color:#048ece;
}
a:hover {
	color:#AAA;
}



body {
	font-size:13px;
}

section {
	margin-bottom:40px;
}

/*ヘッダー*/
header {
}

header div#headerUpper {
	width:980px;
	margin:0 auto;
	padding:10px 0;
	text-align:center;
}

p.logo {
}
p.logo a {
	font-size:30px;
	color:#ce0414;
	font-family: 'Chango', cursive;
	line-height:1;
}

p.discription {
	color:#ce0414;
	font-size:12px;
}


/*コンテンツ*/
div#container {
	width:980px;
	margin:0 auto;
	padding:30px 0;
}

#post-head {
	background:#048ece;
	padding:20px;
}
#post-head-inner {
	width:73%;
	margin:0 auto;
}


body#home h3 {
	font-size:20px;
	font-weight:bold;
}
table.feed {
	width:100%;
}
table.feed th,
table.feed td {
	font-weight:normal;
	padding:5px 20px 5px 0;
	border-bottom:2px dotted #CCC;
}
table.feed th {
	width:130px;
}
table.feed td a {
	color:#048ece;
	font-size:1.5em;
}
table.feed td a:hover {
	color:#666;
}

/*サイド*/
h2.widgettitle {
	background:#048ece;
	text-align:center;
	color:#fff;
	padding:5px;
}

div#sub #search-2 {
	margin-bottom:20px;
}

div#sub h3 {
	border-bottom:3px dotted #ccc;
	padding-bottom:5px;
	font-size:1.3em;
}

/*フッター*/
footer {
	background:#048ece;
	padding:20px;
	clear:both;
}


footer ul.zapper li {
	color:#fff;
}


div#footerInner {
	width:980px;
	margin:0 auto;
}


/*******************************　home　*******************************/
body#home section {
}

body#home section.feed {
}
body#home section.cal {
}
body#home section.cal table {
	width:100%;
	font-size:1.5em;
	margin-bottom:30px;
}

body#home section.cal table th,
body#home section.cal table td {
	text-align:center;
	padding:10px 0;
}
body#home section.cal table td a {
	color:#ce0414;
	text-decoration:underline;
}

body#home section.cal table caption,
body#home section.cal tfoot {
	background:#048ece;
	text-align:center;
	color:#fff;
	padding:10px 0;
}
body#home section.cal tfoot td#prev {
	text-align:left;
	padding:10px 20px;
}
body#home section.cal tfoot td#next {
	text-align:right;
	padding:10px 20px;
}
body#home section.cal tfoot td a {
	color:#fff;
}

body#home section.cal ul li {
	font-size:1.5em;
}

body#home .search input#s {
	width:80%;
	padding:5px;
	font-size:1.5em;
}
body#home .search label {
	color:#fff;
}
body#home.search #searchsubmit {
	width:10%;
}
#search-3 {
	margin-bottom:30px;
}

#ajax-calendar-2 {
	float:left;
	width:80%;
}
#archives-3 {
	float:right;
	width:15%;
}



/*******************************　カテゴリー　*******************************/
h1 {
	color:#fff;
	font-size:2em;
	font-weight:bold;
	text-align:center;
}

body#search article,
body#category article,
body#archive article,
body#search article,
body#detail article {
	width:70%;
	float:right;
}

section.post p {
	margin-bottom:20px;
}

div#sub {
	width:24%;
	float:left;
}

div#sub ul li.cat-item {
}
div#sub ul li.cat-item a {

	display:block;
	text-align:left;
	font-size:13px;
	color:#048ece;
	padding:3px 5px 3px 10px;
}

div#sub li.cat-item ul.children li a {
}
div#sub ul {
	margin-bottom:30px;
}
div#sub ul li {
	margin-bottom:5px;
}

div#sub ul li a {
	display:block;
	text-decoration:underline;
}

div#sub h3 {
	margin-bottom:20px;
}

body#detail #calendar_wrap table {
	width:100%;
	margin-bottom:30px;
}

/*******************************　詳細　*******************************/
	
body#detail div.images {
	margin:0 0 0 -20px;
}
body#detail figure {
	background:#F6F6F6;
	float:left;
	padding:10px;
	margin:0 30px 15px 20px;
}

body#detail h1 {
}

body#detail div.txt h2 {
	font-size:20px;
	font-weight:bold;
	border-bottom:2px dotted #000;
	margin-bottom:10px;
}

body#detail dl dt {
	font-size:2em;
	color:#048ece;
}
body#detail dl dd {
	margin-bottom:30px;
	font-size:1.6em;
}
body#detail dl dd a {
	text-decoration:underline;
}

body#detail h4 {
	font-size:2em;
}

.bookName {
	width:70%;
	float:right;
}
.bookImage {
	float:left;
}

#commentArea h4 {
	text-align:center;
	color:#fff;
	background:#ccc;
}






/*これよりスマホ*/
@media only screen and (max-width:480px) {
	header div#headerUpper,
	nav ul,
	div#container,
	div#footerInner,
	body#category article,
	body#detail article,
	body#archive article,
	body#search article,
	div#sub,
	body#detail figure,
	body#detail figure img {
		width:96%;
	}
	
	div#container {
		padding:2%;
		margin-bottom:20px;
	}
	
	#post-head-inner {
		width:100%;
	}
	
	body#detail figure {
		float:none;
		padding:10px;
		margin:0 0 15px 0;
	}
	body#detail figure img {
		width:100%;
		height:auto;
	}
	body#detail h1 {
		float:none;
	}

	ul.thumb li {
		width:140px;
	}
	ul.thumb li a {
		width:120px;
	}
	ul.thumb li a img {
		width:100%;
		height:auto;
	}
	
	 p.menuBtn {
		 text-align:right;
	 }
	 header p.menuBtn a {
		 background:#F36;
		 padding:3px 10px;
		 color:#fff;
	 }
	 header p.menuBtn a:hover {
		 background:#F69;
	 }
}