@charset "utf-8";

/*==========================================
 body
===========================================*/

body {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Verdana, sans-serif;
	font-size:16px;
	line-height:2;
	color:#444;
	background-color:#b6d4ea;
}

a {
	color:#29aae1;
}

a:visited {
	color:#666;
}

a:hover {
	text-decoration:none;
}

a:active {
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clearfix { display: inline-table; }
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

strong {
	font-weight: bold !important;
}


/*==========================================
 ヘッダー
===========================================*/

#header {
	width:100%;
	min-width:1082px;
	background-color:#FFF;
	border-bottom:#8a6d50 2px solid;
}

#header .cap {
	border-top:#29aae1 3px solid;
	border-bottom:#999999 1px solid;
	padding:6px 10px;
}

#header h1{
	width:1082px;
	margin:8px auto 0 auto;
	overflow:hidden;
	font-size:13px;
	line-height:1.1;
}

#header .logo {
	width:1082px;
	margin:0 auto;
}

#header .abi{
	float:right;
    margin:-3px auto 0px auto;
	padding-right:10px;
}

#header .blogname {
	margin:20px auto;
	text-align:center;
}



/*==========================================
 コンテンツエリア全体
===========================================*/

#wrapper {
	margin:0 auto;
	width:1082px;
}

#contents {
	width:1082px;
	clear:both;
}


/*==========================================
 メインエリア
===========================================*/

#main {
	float:left;
	width:754px;
	margin-top:20px;
	padding:38px 45px 30px;
	background-color:#FFF;
	border:12px #c5ddee solid;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
}

.pagenavi {
	clear:both;
	font-size:100%;
	font-weight:bold;
	padding-bottom:80px;
}

.pagenavi a {
	color:#29aae1;
}

.pagenavi .previous {
	float:left;
}

.pagenavi .next_page {
	float:right;
}

/*サムネイル付き前後リンク*/
.singlenavi a { text-decoration:none; }
.singlenavi a:link { color:#29aae1; }
.singlenavi a:visited { color:#29aae1; }
.singlenavi a:hover { color:#29aae1 !important; }

.singlenavi{
	margin:0px 10px 0 10px; 
	font-size:14px;
	overflow:hidden;
	background:url(../parts/single_singlenavi_bg.gif) no-repeat center center;
}
.singlenavi a{
	display:block;
}
.singlenavi a:hover{
	color:#009fe8;
}
singlenavi .prev{
	float:left;
}
.singlenavi .arrow{
	margin:1.45em 0;
}
.singlenavi .title{
	width:50%;
	margin:0 !important;
	line-height:1.5;
}
.singlenavi .prev p,
.singlenavi .prev img{
	float:left;
	margin-right:8px;
}
.singlenavi .prev{
	float:left;
	width:50%;
	text-align:left;
}
.singlenavi .next{
	float:right;
	width:50%;
	text-align:right;
}
.singlenavi .next p,
.singlenavi .next img{
	float:right;
	margin-left:8px;
	
}
.singlenavi .next .arrow {
	float:right;
}

.singlenavi .thumbnail img{
	width:72px !important;
}


/*==========================================
 サイド
===========================================*/
 
#side {
	width:290px;
	float:right;
	font-size:14px;
	line-height:1.6;
	background-color:#fff;
	margin-top:20px;
	padding:0 22px 26px 22px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
 }

#side h3 {
	margin:22px 0 0;
	padding:9px 0 8px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	line-height:1.2;
	background-color:#7ecbdd;
	color:#FFF;
 }

 
#side ul {
	margin:10px 10px 10px 0px;
	list-style:none;
 }
 
#side ul li {
	margin:10px 0px 10px 0px;
	padding:0px 0px 5px 10px;
 }
 
#side ul li .children {
	margin:5px 0px 0px 0px;
}
 
#side ul li .children  li {
	border-bottom:none;
	margin:0px;
}

#side #category-2 ul {
	margin:20px 0 40px;
}

#side #category-2 ul .sub-menu {
	margin:20px 0 0px !important;
}

#side #category-2 a {
	font-size:16px;
	text-decoration:underline;
	color:#29aae1;
}
#side #category-2 a:hover {
	text-decoration:none;
}

#side #recent-posts-2 ul {
	margin:20px 0 40px;
}
#side #recent-posts-2 li {
	margin-bottom:10px;
	padding-left:0;
	padding-bottom:0;
	line-height:1.5;
	overflow:hidden;
}
#side #recent-posts-2 li img {
	display:block;
	width:55px;
	float:left;
	margin:0 16px 20px 0;
}
#side #recent-posts-2 li .txt:before {
	content:"●"
}
#side #recent-posts-2 li a .txt {
	text-decoration:underline;
}
#side #recent-posts-2 li a:hover .txt {
	text-decoration:none;
}


#side .blog a:hover,
#side .link a:hover,
#side .book a:hover{
	text-decoration:none;
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background:none!important;
}

#side .blog img{
	margin:20px 0 -3px 0;
}

#side .link{
	margin:15px 0;
	text-align:center;
}
#side .link img {
	margin:0 0 -3px 0;
	width:220px;
}

#side .book{
	margin:15px 0;
	text-align:center;
}
#side .book img{
	margin:0 0 15px;
}


/*==========================================
 フッター
===========================================*/

#footer {
	margin:0 auto;
	width:100%;
	margin-top:20px;
	padding:12px 0px 16px 0px;
}

#footer ul {
	margin:0 auto;
	text-align:center;
}

#footer ul li {
	display:inline;
}

#footer p {
	text-align:center;
	font-size:12px;
}








@media screen and (max-width: 630px) {

body {
	width:100%;
	line-height:1.6;
}

#header {
	min-width:100%;
}
#header .blogname {
	margin:0px auto;
	overflow:hidden;
}
#header .blogname img{
   	width:90%;
   	height: auto;
	margin:20px auto;
}
#header .cap {
	background-color:#c5ddee;
	border-top:none;
	border-bottom:#8a6d50 2px solid;
}
#header h1{
	width:100%;
	font-size:12px;
	line-height:1.4;
}
#header .logo {
	width:100%;
}
#header .abi img{
	width:70%;
	float:right;
    margin:5px auto 0 auto;
}
/*#header .blogname a img:first-child{
	display:none;
}*/
#header .blogname a img:last-child{
	display:block;
}

#wrapper {
	width:100%;
  	position:relative;
  	overflow:hidden;
}

#contents {
	width:100%;
	margin:0 auto;
	clear:both;
}

#main {
	float:none;
	width:100%;
	padding:5%;
	border:none;
}

#main img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

.pagenavi {
	font-weight: normal;
}


.singlenavi{
	margin:0px;
	background:none;
}

.singlenavi .prev{
	float:none;
	width:100%;
}
.singlenavi .next{
	width:100%;
	margin-top:30px !important;
}
.singlenavi img.wp-post-image{
	width:50px !important;
}

#side {
	float:none;
	width:100%;
	padding:5px 6% 10px;
}

#side #category-2 ul {
	margin-left:6%;
	margin-bottom:30px;
}

#side #recent-posts-2 ul {
	margin-bottom:0;
}
#side #recent-posts-2 li {
	margin-bottom:2px;
	line-height:1.4;
}
#side #recent-posts-2 li img {
	margin-bottom:12px;
}

#side .link img {
	margin-bottom:5px;
	width:48%;
	margin-right:3px;
}

#side .book img{
	width:60%;
	margin:0 auto 8px;
}

}