@charset "utf-8";
/*CSS INFOMATION=======================

HOBBY
BASECSS

File name : base.css
====================================*/



/*----------------------------------------
	
	=COMMON
-----------------------------------------*/
body{
	background:#eeeeee;
}


#header{
	width:100%;
	background:#fff;
}

#header h1{
	width:220px;
	height:56px;
}

#inheader{
	width:1030px;
	margin:0 auto;
	height:120px;
}

#globalNavi{
	background:#7FC3E6;
	height:50px;
}

#inNav{
	width:1030px;
	margin:0 auto;
	height: 100%;
}
#inNav ul{
	display: flex;
	justify-content:space-between;
	height: 100%;
}
#inNav li{
	float:left;
	color:#fff;
	width: 16.6%;
	height: 100%;
	position: relative;
}
#inNav li p,
#inNav li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 30px;
	margin: 10px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-left: 1px dotted#ffffff;
	text-decoration: none;
	color: #ffffff;
	cursor: pointer;
}
#inNav li p:hover,
#inNav li a:hover {
	color: #ffff00;
}
#inNav li p span,
#inNav li a span {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
	font-weight: 600;
	font-size: 14px;
}
#inNav li:last-child p,
#inNav li:last-child a {
	border-right: 1px dotted#ffffff;
}
#inNav li p span::before,
#inNav li a span::before{
	content: url(../images/gnavi/gnavi01_off.gif);
	display: inline;
	vertical-align:middle;
	margin-right: 3px;
}
#inNav li.gnav01 a span::before{
	content: url(../images/gnavi/gnavi01_off.gif);
}
#inNav li.gnav01 a:hover span::before{
	content: url(../images/gnavi/gnavi01_on.gif);
}
#inNav li.gnav02 a span::before{
	content: url(../images/gnavi/gnavi02_off.gif);
}
#inNav li.gnav02 a:hover span::before{
	content: url(../images/gnavi/gnavi02_on.gif);
}
#inNav li.gnav03 a span::before{
	content: url(../images/gnavi/gnavi03_off.gif);
}
#inNav li.gnav03 a:hover span::before{
	content: url(../images/gnavi/gnavi03_on.gif);
}
#inNav li.gnav04 a span::before{
	content: url(../images/gnavi/gnavi04_off.gif);
}
#inNav li.gnav04 a:hover span::before{
	content: url(../images/gnavi/gnavi04_on.gif);
}
#inNav li.gnav05 p span::before,
#inNav li.gnav05 a span::before{
	content: url(../images/gnavi/gnavi05_off.gif);
}
#inNav li.gnav05 p:hover span::before,
#inNav li.gnav05 a:hover span::before{
	content: url(../images/gnavi/gnavi05_on.gif);
}
#inNav li.gnav06 a span::before{
	content: url(../images/gnavi/gnavi06_off.gif);
}
#inNav li.gnav06 a:hover span::before{
	content: url(../images/gnavi/gnavi06_on.gif);
}
#inNav li.gnav07 a span::before{
	content: url(../images/gnavi/gnavi07_off.gif);
}
#inNav li.gnav07 a:hover span::before{
	content: url(../images/gnavi/gnavi07_on.gif);
}

/**グロナビ-_プルダウン**/
#inNav li ul {
	display: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50px;
	left: 0px;
	z-index: 100;
	width: 171px;
}
#inNav li ul li {
	float: none;
	width: 100%;
	background-color: #53AEDC;
	border-top: 1px dotted #ffffff;
		height: auto;
}
#inNav li ul li:last-child {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}


#inNav li ul li a {
	display: block;
	margin: 0;
	padding: 12px 14px 12px 12px;
	border: none;
	height: auto;
	line-height: 100%;
	vertical-align: middle;
}
#inNav li ul li a::before {
	content: "";
	display: inline-block;
	margin-right: 3px;
width: 0;
height: 0;
border-style: solid;
border-width: 4px 0 4px 5px;
border-color: transparent transparent transparent #ffffff;
	vertical-align: baseline;
	
}
#inNav li ul li:last-child a {
	border: none;
}

#contents{
	width:1030px;
	margin:0 auto;
	padding:10px 0 30px;
	overflow:hidden;
	clear:both;
}

#contents h2{
	padding:15px 0 0;
	clear:both;
}
#contents h2.ttl_tags {
	font-weight: bold;
	color: #FFF;
	/*
	background-image: url(../images/ttl_tags.png);
	background-repeat: no-repeat;
	background-position: left top;
	*/
	width: 100%;
	font-size: 15px;
	padding: 12px 15px 12px 35px;
	line-height: 115%;
	margin: 15px 0px 15px;
	background-color: #7FC3E6;
	border-radius: 6px;
	position: relative;
	background-image: url(../images/h2.gif);
	background-repeat: no-repeat;
	background-position: 15px 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
/*
#contents h2.ttl_tags::before {
    content: url(../images/h2.gif);
    padding-right: 5px;
	padding-left: 1em;
}
*/
#contents h2.ttl_tags::after {
	content: "";
	display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 6px 0 6px;
border-color: #7FC3E6 transparent transparent transparent;	
	position: absolute;
	left: 35px;
	bottom: -5px;
}

#slideArea{
	margin:15px 0 0;
}

#leftside{
	width:160px;
	float:left;
}

#rightside{
	width:855px;
	float:right;
	position:relative;
}

#left-contents{
	width:540px;
	float:left;
}

#right-contents{
	width:300px;
	float:right;
}
#right-contents h2.txt {
	display: block;
	background-color: #7fc3e6;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding: 16px 0px 14px 16px;
	line-height: 100%;
	margin-top: 15px;
}
#right-contents h2.txt span{
	font-weight: bold;
	color: #ffffff;
	font-size: 16px;
}
#right-contents h2.txt span::before {
	content: url(../images/h2.gif);
	padding-right: 8px;
}

#footer{
	background:#fff;
	text-align:center;
	padding:30px 0;
}

#familysite li a:hover{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#bannerArea_A{
	padding:15px 0 0;
}

#bannerArea_B{
	padding:15px 0 0;
	float:right;
}

/* box */

.boxA{
	width:120px;
	background:#fff url(../images/waku_left_bottom.png) bottom center no-repeat;
	padding:20px 20px 10px;
}
.boxA img {
	width:120px;
	height:auto;
}
.boxA li{
	padding:0 0 10px;
}

.boxBtop{
	background:url(../images/waku_white03_top.png) top center no-repeat;
	padding:12px 0 0;
	margin:10px 0 0;
}

.boxBmiddle{
	width:500px;
	background:#fff;
	padding:8px 20px;
	overflow:hidden;
}

.boxBbottom{
	background:url(../images/waku_white03_bottom.png) bottom center no-repeat;
	padding:0 0 12px;
}

.boxC{
	width:260px;
	background:#fff;
	padding:20px;
}

.boxD li.underwaku a:link {
	display:block;
	padding:15px 6px 13px 20px;
	background:url(../images/waku_white01_off.png) center bottom no-repeat;
	margin:0 0 1px;
	color:#111;
	overflow:hidden;
	text-decoration:none;
}


.boxD li.underwaku a:hover {
	display:block;
	padding:15px 6px 13px 20px;
	background:url(../images/waku_white01_on.png) center bottom no-repeat;
	margin:0 0 1px;
	color:#111;
	overflow:hidden;
	vertical-align:bottom;
	text-decoration:none;
}

.boxD li{
	margin:0;
}

.boxD li a{
	display:block;
	padding:15px 6px 13px 20px;
	background:#fff;
	margin:0 0 1px;
	/margin:0 0 1px;
	color:#111;
	text-decoration:none;
	overflow:hidden;
	vertical-align:bottom;
}

.boxD li a:hover{
	display:block;
	padding:15px 6px 13px 20px;
	background:#ddd;
	margin:0 0 1px;
	/margin:0 0 1px;
	color:#111;
	text-decoration:none; 
	overflow:hidden;
	vertical-align:bottom;
}

/*新着記事用*/

.boxNewPost li.underwaku a:link {
	display: block;
	padding:15px 6px 13px 20px;
	background: url(../images/waku_white01_off.png) center bottom no-repeat;
	margin: 0 0 1px;
	color: #111;
	overflow: hidden;
	text-decoration: none;
}


.boxNewPost li.underwaku a:hover {
	display:block;
	padding:15px 6px 13px 20px;
	background:url(../images/waku_white01_on.png) center bottom no-repeat;
	margin:0 0 1px;
	color:#111;
	overflow:hidden;
	vertical-align:bottom;
	text-decoration:none;
}

.boxNewPost li{
	margin:0;
}

.boxNewPost li a{
	display: block;
	padding: 15px 6px 13px 20px;
	background: #fff;
	margin: 0 0 1px;
	color: #111;
	text-decoration: none;
}

.boxNewPost li a div {
	min-height: 30px;
}

.boxNewPost li a:hover{
	display:block;
	padding:15px 6px 13px 20px;
	background:#ddd;
	margin:0 0 1px;
	color:#111;
	text-decoration:none; 
	overflow:hidden;
	vertical-align:bottom;
}
.boxNewPost li a p{
	margin: 0px 18px 0px 0px;
}


.boxE li.boxblackA a{
	display:block;
	padding:15px 20px 13px;
	background:#727373 url(../images/icon_yaji01.png)  200pt center no-repeat;
	color:#fff;
	text-decoration:none;
	overflow:hidden;
	vertical-align:bottom;
}

.boxE li.boxblackA a:hover{
	display:block;
	padding:15px 20px 13px;
	background:#888b8b url(../images/icon_yaji01.png)  200pt center no-repeat;
	color:#fff;
	text-decoration:none; 
	overflow:hidden;
	vertical-align:bottom;
}


.boxE li.boxblackB a{
	display:block;
	padding:15px 20px 13px;
	background:#646567 url(../images/icon_yaji01.png)  200pt center no-repeat;
	color:#fff;
	text-decoration:none;
	overflow:hidden;
	vertical-align:bottom;
}

.boxE li.boxblackB a:hover{
	display:block;
	padding:15px 20px 13px;
	background:#858688 url(../images/icon_yaji01.png)  200pt center no-repeat;
	color:#fff;
	text-decoration:none; 
	overflow:hidden;
	vertical-align:bottom;
}

.boxE li.boxblackC{
	padding:15px 20px 13px;
	background:#3d3d3d url(../images/waku_black01_bottom.png) center bottom no-repeat;
	overflow:hidden;
	vertical-align:bottom;
	
}


.boxF li.rankboxA a{
	display:block;
	padding:15px 6px 13px 20px;
	background:#be91e4;
	color:#fff;
	text-decoration:none;
	overflow:hidden;
	vertical-align:bottom;
}

.boxF li.rankboxA a:hover{
	display:block;
	padding:15px 6px 13px 20px;
	background:#d9adff;
	color:#fff;
	text-decoration:none; 
	overflow:hidden;
	vertical-align:bottom;
}


.boxF li.rankboxB a{
	display:block;
	padding:15px 6px 13px 20px;
	background:#8f96f1;
	color:#fff;
	text-decoration:none;
	overflow:hidden;
	vertical-align:bottom;
}

.boxF li.rankboxB a:hover{
	display:block;
	padding:15px 6px 13px 20px;
	background:#b6bbff;
	color:#fff;
	text-decoration:none; 
	overflow:hidden;
	vertical-align:bottom;
}

.boxF li.rankboxC a{
	display:block;
	padding:15px 6px 13px 20px;
	background:url(../images/waku_dou_off.png) center bottom no-repeat;
	color:#fff;
	text-decoration:none;
	overflow:hidden;
	vertical-align:bottom;
}

.boxF li.rankboxC a:hover{
	display:block;
	padding:15px 6px 13px 20px;
	background:url(../images/waku_dou_on.png) center bottom no-repeat;
	color:#fff;
	text-decoration:none; 
	overflow:hidden;
	vertical-align:bottom;
}


.boxG{
	padding:8px 0 0;
}

.boxG li{
	float:left;
}

.boxG li.kijiA a{
	width:229px;
	display:block;
	padding:15px 20px 13px;
	background:url(../images/waku_white02_off.png) top left no-repeat;
	margin:0 1px 1px 0;
	color:#111;
	font-size:10px;
	overflow:hidden;
	text-decoration:none;
}

.boxG li.kijiA a:hover{
	width:229px;
	display:block;
	padding:15px 20px 13px;
	background:url(../images/waku_white02_on.png) top left no-repeat;
	margin:0 1px 1px 0;
	color:#111;
	font-size:10px;
	overflow:hidden;
	text-decoration:none;
}



.boxG li.kijiB a{
	width:230px;
	display:block;
	padding:15px 20px 13px;
	background:url(../images/waku_white02_off.png) top right no-repeat;
	margin:0 0 1px;
	color:#111;
	font-size:10px;
	overflow:hidden;
	text-decoration:none;
}

.boxG li.kijiB a:hover {
	width:230px;
	display:block;
	padding:15px 20px 13px;
	background:url(../images/waku_white02_on.png) top right no-repeat;
	margin:0 0 1px;
	color:#111;
	font-size:10px;
	overflow:hidden;
	text-decoration:none;
}

.boxG li.kijiC a{
	width:229px;
	display:block;
	padding:15px 20px 13px;
	background:url(../images/waku_white02_off.png) bottom left no-repeat;
	margin:0 1px 1px 0;
	color:#111;
	font-size:10px;
	overflow:hidden;
	text-decoration:none;
}

.boxG li.kijiC a:hover {
	width:229px;
	display:block;
	padding:15px 20px 13px;
	background:url(../images/waku_white02_on.png) bottom left no-repeat;
	margin:0 1px 1px 0;
	color:#111;
	font-size:10px;
	overflow:hidden;
	text-decoration:none;  
}

.boxG li.kijiD a{
	width:230px;
	display:block;
	padding:15px 20px 13px;
	background:url(../images/waku_white02_off.png) bottom right no-repeat;
	margin:0 0 1px;
	color:#111;
	font-size:10px;
	overflow:hidden;
	text-decoration:none; 
}

.boxG li.kijiD a:hover {
	width:230px;
	display:block;
	padding:15px 20px 13px;
	background:url(../images/waku_white02_on.png) bottom right no-repeat;
	margin:0 0 1px;
	color:#111;
	font-size:10px;
	overflow:hidden;
	text-decoration:none;
	}

.boxH li.underwaku a:link {
	display:block;
	padding:15px 20px 13px 20px;
	background:url(../images/waku_white01_off.png) center bottom no-repeat;
	margin:0 0 1px;
	color:#111;
	overflow:hidden;
	text-decoration:none;
}


.boxH li.underwaku a:hover {
	display:block;
	padding:15px 20px 13px 20px;
	background:url(../images/waku_white01_on.png) center bottom no-repeat;
	margin:0 0 1px;
	color:#111;
	overflow:hidden;
	text-decoration:none;
}

.boxH li a{
	display:block;
	padding:15px 20px 13px 20px;
	background:#fff;
	margin:0 0 1px;
	color:#111;
	text-decoration:none;
	overflow:hidden;
}

.boxH li a:hover{
	display:block;
	padding:15px 20px 13px 20px;
	background:#ddd;
	margin:0 0 1px;
	color:#111;
	text-decoration:none; 
	overflow:hidden;
}



.boxItop{
	background:url(../images/waku_white03_top.png) top center no-repeat;
	padding:12px 0 0;
	margin:10px 0 0;
}

.boxImiddle{
	width:510px;
	background:#fff;
	padding:8px 15px;
	overflow:hidden;
}

.boxIbottom{
	background:url(../images/waku_white03_bottom.png) bottom center no-repeat;
	padding:0 0 12px;
}


.boxJ{
	width:480px;
	background:#f4f4f4;
	padding:10px;
	margin:0 auto 10px;
	font-size:10px;
	border-radius: 6px; /* CSS3 */
	-moz-border-radius: 6px; /* Firefox */
	-webkit-border-radius: 6px; /* Safari,Chrome */
	behavior: url(/PIE.htc);　/* IE */
}

.boxK{
margin:0 5px;
padding:15px 0;
border-top:1px dotted #ccc;
}
/* ttl */

.ttlA a:link, .ttlA a:visited {
	width:470px;
	display:block;
	background:#b76aea;
	padding:8px 15px 5px;
	color:#fff;
	font-size:14px;
	margin:0 0 15px;
	clear:both;
	text-decoration:none;
	border-radius: 5px; /* CSS3 */
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	behavior: url(/PIE.htc);　/* IE */
}

.ttlA a:hover{
	width:470px;
	display:block;
	background:#f38d0a;
	padding:8px 15px 5px;
	color:#fff;
	clear:both;
	font-size:14px;
	margin:0 0 15px;
	text-decoration:none;
	border-radius: 5px; /* CSS3 */
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	behavior: url(/PIE.htc);　/* IE */
}

.ttlB a:link, .ttlB a:visited {
	width:305px;
	display:block;
	background:#b76aea;
	padding:8px 15px 5px;
	color:#fff;
	font-size:14px;
	margin:0 0 15px;
	text-decoration:none;
	border-radius: 5px; /* CSS3 */
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	behavior: url(/PIE.htc);　/* IE */
}

.ttlB a:hover{
	width:305px;
	display:block;
	background:#f38d0a;
	padding:8px 15px 5px;
	color:#fff;
	font-size:14px;
	margin:0 0 15px;
	text-decoration:none;
	border-radius: 5px; /* CSS3 */
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	behavior: url(/PIE.htc);　/* IE */
}

.ttlC {
	width:470px;
	display:block;
	background:#b76aea;
	padding:8px 15px 5px;
	color:#fff;
	font-size:14px;
	margin:0 0 15px;
	clear:both;
	text-decoration:none;
	border-radius: 5px; /* CSS3 */
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	behavior: url(/PIE.htc);　/* IE */
}


.post-category{
	padding:10px 0 0;
	text-align:right;
	font-size:10px;
	clear:both;
}

#commonLink{
	padding:20px 0 0;
}

#commonLink li{
	padding:0 0 5px;
}

#searchArea{
	width:300px;
	padding:50px 0 0;
}

#searchArea input:focus{
	background:#e6e6e6 !important;
	outline: none!important;
}

/* searchArea */

#searchArea .kensaku_area{
	background:#e6e6e6;
	width:210px !important;
	height:28px!important;
	padding:5px !important;
	border-top:1px solid #e6e6e6!important;
	border-bottom:1px solid #e6e6e6!important;
	border-left:1px solid #e6e6e6!important;
	border-right:1px solid #000!important;
	-webkit-border-radius: 6px 0 0 6px / 6px 0px 0 6px;
	-moz-border-radius: 6px 0 0 6px / 6px 0 0 6px;
	border-radius: 6px 0 0 6px / 6px 0 0 6px;
	behavior: url(/PIE.htc);　/* IE */
}

#searchAreaB{
	width:270px;
	padding:10px 0 0;
}

#searchAreaB input:focus{
	background:#e6e6e6 !important;
	outline: none!important;
}


#searchAreaB .kensaku_area{
	background:#e6e6e6;
	width:173px !important;
	height:14px!important;
	padding:5px !important;
	border-top:1px solid #e6e6e6!important;
	border-bottom:1px solid #e6e6e6!important;
	border-left:1px solid #e6e6e6!important;
	/*border-right:1px solid #000!important;*/
	-webkit-border-radius: 6px 0 0 6px / 6px 0px 0 6px;
	-moz-border-radius: 6px 0 0 6px / 6px 0 0 6px;
	border-radius: 6px 0 0 6px / 6px 0 0 6px;
	behavior: url(/PIE.htc);　/* IE */
}

/**検索結果**/
#cse-search-results iframe{
	width: 100% !important;
}
.gs-webResult {
	width: 100% !important;
}


/* float */

.leftBoxA{
	width: 70px;
	height: 70px;
	float: left;
	background-color: #FFF;
}

.leftBoxA img {
	position: absolute;
	clip: rect(0px 70px 70px 0px);	
}
.rightBoxA{width:165px;float:right; padding:0 15px 0 0; font-size:10px;}

.leftBoxB{width:220px;float:left;}


.rightBoxB{width:270px;float:right;}

.leftBoxC{width:70px;height:70px; float:left;
	background-color: #FFF;
}
.leftBoxC img {
	position: absolute;
	clip: rect(0px 70px 70px 0px);	
}
.rightBoxC{width:150px;float:right; font-size:10px;}

.leftBoxD{width:152px;height:152px;float:left;
	background-color: #FAFAFA;
}
.leftBoxD img {
	position: absolute;
	clip: rect(0px 152px 152px 0px);	
	width:152px;
	height:auto;
}

.rightBoxD{width:335px;float:right;}

.leftBoxE{width:270px;float:left;padding:10px 0 0;}
.rightBoxE{width:728px;float:right;}

.leftBoxF{width:220px;float:left;padding:30px 0 0;}
.rightBoxF{width:300px;float:right;}

.leftBoxG{width:90px;float:left;}
.rightBoxG{width:400px;float:right;}

.noImage{
	background-image: url(../images/noimage.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.bookList li{
	width:140px;
	background:#f4f4f4;
	padding:10px;
	float:left;
	margin:5px;
	border-radius: 5px; /* CSS3 */
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	behavior: url(/PIE.htc);　/* IE */
}
.bookList li.line{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-radius: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}

.bookList li img {
	width:140px;
	height:auto;
}

.bookListShinkan li{
/*	width:140px;*/
/*	background:#f4f4f4;*/
/*	padding:10px;*/
	float:left;
	margin:5px;
/*	border-radius: 5px; /* CSS3 */
/*	-moz-border-radius: 5px; /* Firefox */
/*	-webkit-border-radius: 5px; /* Safari,Chrome */
/*	behavior: url(/PIE.htc);　/* IE */
}
.bookListShinkan li.line{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-radius: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}

.bookListShinkan li img {
/*	width:140px;*/
	height:auto;
}
.bookListShinkan li .bookTxt{
	min-height: 15px;
	text-align: right;
}


.bookTxt{
/*	text-align:center; */
	font-weight:bold;
	padding:10px 0 0;
	min-height:40px;
}



.hobbykanList li{
	width:140px;
	background:#f4f4f4;
	padding:10px;
	float:left;
	margin:5px;
	border-radius: 5px; /* CSS3 */
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	behavior: url(/PIE.htc);　/* IE */
}

.hobbykanTxt{
	text-align:left;
	font-weight:bold;
	font-size:10px;
	padding:10px 0 0;
	height:45px;
}

.hobbykanTxt02{
	text-align:left;
	font-size:10px;
	padding:5px 0 0;
	height:50px;
}

#info{
padding:10px 5px 15px;
}

#info .shohin{
font-weight:bold;
padding:0 0 10px; 
}

#info li{
font-size:10px !important;
}




.btnA {
	clear:both;
	padding:20px 0 ;
	text-align:center;

}

/* icon */

.icon_yajiA{
	background:url(../images/icon_yaji02.png)  right center no-repeat;
	overflow:hidden;
	padding:0 13px 0 0;
}

.icon_yajiB{
	background:url(../images/icon_yaji01.png)  right center no-repeat;
	overflow:hidden;
	padding:0 13px 0 0;
}

.icon_yajiC{
	background:url(../images/icon_yaji03.png) center left no-repeat;
	padding:0 0 0 20px;
}

.icon_yaji04{
	background:url(../images/icon_yaji04.png) center left no-repeat;
	padding:0 0 0 15px;
}




/*----------------------------------------
	
	=POST
-----------------------------------------*/

.postContents div,.postContents p {
	font-size:12pt;
}

.postContents h1{
	font-size:22px;
	padding:0 0 5px !important;
}

.postContents h2{
	font-size:20px;
	padding:0 0 5px !important;
}

.postContents h3{
	font-size:18px;
	padding:0 0 5px !important;
}

.postContents h4{
	font-size:16px;
	padding:0 0 5px !important;
}

.postContents h5{
	font-size:14px;
	padding:0 0 5px !important;
}

.postContents img{
	padding:3px 3px;
}

.day{
	font-size:10px;
	font-weight:100 !important;
}

.relatedTitle{
	padding:5px 10px;
	background:#111;
	color:#fff;
	font-weight:bold;
	margin:30px 0 5px;
}

.related{
	padding:0 0 10px;
}

.related li{
	border-bottom:1px dotted #ccc;
	padding:10px 0;
	clear:both;
	overflow:hidden;
}


/*----------------------------------------
	
	=LINK
-----------------------------------------*/


a:link {color: #1591cd;text-decoration:none;}
a:visited {color:#1591cd;text-decoration:none;}
a:hover, a:active {color: #1591cd;text-decoration:underline;}
a:focus {color:#1591cd;}
a img, a:link img, a:visited img, a:hover img, a:active img {border: none;text-decoration: none;}


/*----------------------------------------
	
	=MARGIN - PADDING
-----------------------------------------*/

.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl11 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt22 {padding-top:22px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}

.ml5 {margin-left:5px !important;}
.ml9 {margin-left:8px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.mr5 {margin-right:5px !important;}
.mr9 {margin-right:8px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}

.mg5 {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg25 {margin:25px !important;}
.mg30 {margin:30px !important;}
.mg35 {margin:35px !important;}
.mg40 {margin:40px !important;}
.mg45 {margin:45px !important;}
.mg50 {margin:50px !important;}

.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd25 {padding:25px !important;}
.pd30 {padding:30px !important;}
.pd35 {padding:35px !important;}
.pd40 {padding:40px !important;}
.pd45 {padding:45px !important;}
.pd50 {padding:50px !important;}

.ma0 {margin:0 !important;}
.pd0 {padding:0 !important;}

*/

/*----------------------------------------
	
	=ALIGN
-----------------------------------------*/


.alignL {
	text-align:left !important;
}
.alignR {
	text-align:right !important;
}

.alignC {
    text-align:center !important;
}


/*----------------------------------------
	
	=FLOAT
-----------------------------------------*/

.floatR{
	float:right;
}

.floatL{
	float:left;
}

.floatN{
	float:none;
}


/*-----------------------------------------
 
  =FLOATING BOX CLEAR
-----------------------------------------*/

.clr:after {
content: ".";
display: block;
height: 0; 
clear: both;
visibility: hidden;
}

.clr {
display: inline-block;
}

* html .clr { 
height: 1%;
}

.clr {
display: block;
}

.clearR{
	clear:right;
}

.clearL{
	clear:left;
}


/*----------------------------------------
	
	=TXT
-----------------------------------------*/

.fontSS{
	font-size:77%;
}

.fontS{
	font-size:85%;
}

.fontM{
	font-size:100%;
}

.fontL{
	font-size:108%;
}

.fontB{
font-weight:bold;
}


.fontP{
color:#ff7ebe;
font-size:12px;
font-weight:bold;
}

.fontGreen{
color:#4daa35;
font-size:20px;
font-weight:bold;
}

.fontRed{
color:#E50012;
font-weight:bold;
}



.fontPink{
color:#d70085;
font-size:30px;
font-weight:bold;
}

.fontBlue{
color:#04447c;
font-weight:bold;
}

/*---------------------
ナビゲーション
---------------------*/
.post_nav {
	margin: 0px;
	padding: 0px;
	position:relative;
	height: 170px;
}
.post_nav div {
	text-align: center;
	margin: 10px;
	padding: 0px;
	height: auto;
	width: 80px;
	position:absolute;
}
.post_nav  img {
	width:80px;
	height: auto;
}

.prev_post {
	top:0px;
	left:0px;
}
.next_post {
	top:0px;
	right:0px;
}

/*----改ページナビゲーション--*/
.pagesprit {
    color: #000000;
    background:white;
    margin: 1em auto;
    line-height:2em;
/*    text-align:center;*/
}
.page-numbers a {
    display:inline;
    color: #00019b;
    border:solid 1px #ccc;
    text-decoration:none;
}
.page-numbers a:hover {
    color:white;
    background: #328ab2;
}
.numbers {
    margin: 0 10px;
}

/*snsボックス*/
.snsbox {
	position:absolute;
	margin:0px;
	padding:0px;	
	left: 20px;
	top: 150px;
}
/*facebookボタン*/
.fb-like {
	width:102px;
}


.alignleft{
	float: left;
}

.notfound h1 {
    font-size: 16px;
    margin: 30px;
}
.notfound p {
    margin: 30px 0 0 30px;
}

/*web連載kカテゴリレイアウト*/
.web_rensai_box {
	 width: 500px;
	height: 100%;
   background: #fff;
   padding: 8px 20px;
	display: flex;
	justify-content: space-between;
}
.web_rensai_box .leftBox {
	width: 48%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	
}
.web_rensai_box .leftBox img {
	max-width: 100%;
	height: auto;
}
.web_rensai_box .rightBox {
	width: 50%;
	height: auto;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.web_rensai_box .rightBox h3 {
	font-size: 19px;
}
.web_rensai_box .rightBox .day {
	font-size: 10px;
	color: #f90000;
}
.web_rensai_box .rightBox .desc {
	font-size: 10px;
}
.web_rensai_box .rightBox a{
	display: block;
	background-color: #004499;
	color: #ffffff;
	padding: 6px;
	text-decoration: none;
	text-align: center;
	border-radius: 4px;
}
.web_rensai_box .rightBox a:hover{ 
	opacity: 0.7;
}

.web_rensai_cat_box {
	background-color: #ffffff;
	padding: 10px;
	border-radius: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 5px;
}
.web_rensai_cat_box img {
	max-width: 100%;
	height: auto;
	margin-bottom: 5px;
}
.web_rensai_cat_box .day {
	font-size: 10px;
	color: #f90000;
}
.web_rensai_cat_box h3 {
	font-size: 19px;
	width: 50%;
}
.web_rensai_cat_box .desc {
	font-size: 10px;
	width: 49%;
}
.web_rensai_cat_box .subbox {
	display: flex;
	justify-content: space-between;
}

/*カレンダー*/
#wp-cal {
	margin-top: 15px;
}

#ArchiveCalendar {
	margin: 0px;
	width: 100%;
	min-height: 200px;
	font-size: 13px;
	background-color: #ffffff;
	color: #404040;
}
#ArchiveCalendar .nav {
	display: flex;
	justify-content: space-between;
	background-color: #a0a0a6;
color: #ffffff;
}
#ArchiveCalendar .nav div {
	padding: 6px 10px;
	cursor: pointer;
}
#ArchiveCalendar .nav .prev {
	border-right: 1px solid #b9b9b9;
}
#ArchiveCalendar .nav .next {
	border-left: 1px solid #b9b9b9;
	
}

#ArchiveCalendar table {
    border-collapse:  collapse;     /* セルの線を重ねる */
	width: 100%;
	
}
#ArchiveCalendar table td,
#ArchiveCalendar table th {
	border: 1px solid #f0f0f0;
	vertical-align: middle;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
#ArchiveCalendar table th {
	padding: 4px 0px;
	background-color: #e0e0ee;
}
#ArchiveCalendar table td span,
#ArchiveCalendar table td a {
	display: block;
	padding: 5px;
}
#ArchiveCalendar table td a {
	background-color: #7fc3e6;
	color: #ffffff;
}
#ArchiveCalendar table td.empty {
	background-color: #f6f6f6;
}

/*土日の色変え*/
#ArchiveCalendar table th.sat {
	color: #0066ee;
}
#ArchiveCalendar table th.sun {
	color: #ff0000;
}



.calendar-archives.calendrier {
    box-shadow:0px 0px 0px !important;
    border-radius: 0px !important;
}
.calendar-archives.calendrier .calendar-navigation {
	background-color: #a0a0a6;
	background-image: none !important;
}
.calendar-archives.calendrier>.archives-years {
	background-color: #f9f9f9;
}
.calendar-archives.calendrier .calendar-navigation>.menu-container li>a.selected {
	background-color: #c0c0c3;
	background-image: none !important;
}
.calendar-archives.calendrier .calendar-navigation>.menu-container li>a:hover {
	background-color: #d0d0d3;
	background-image: none !important;
}
.calendar-archives.calendrier .month.has-posts, .calendar-archives.calendrier .day.has-posts,
.calendar-archives.calendrier .month.has-posts a, .calendar-archives.calendrier .day.has-posts a {
	background-color: #7fc3e6 !important;
}
.calendar-archives.calendrier .calendar-navigation>.prev-year,
.calendar-archives.calendrier .calendar-navigation>.next-year,
.calendar-archives.calendrier .calendar-navigation {
	border-radius: 0px !important;
}
/*土日の色変え*/
#wp-cal .weekdays span:nth-child(6) {
	color: #0066ee;
}
#wp-cal .weekdays span:last-child {
	color: #ff0000;
}


/*カテゴリー（タグ）一覧ドロップリスト周り*/
.taglistBox {
	padding: 16px 14px;
	background-color: #ffffff;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.taglistBox select {
	width: 100%;
	padding: 8px;
	line-height: 100%;
	font-size: 110%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
}


/**
Anothersページ用
***/
.main_image {
	margin-bottom: 2em;
}
.main_image img {
	max-width: 100%;
	height: auto;
}

.anothers {
	display: flex;
	justify-content: space-between;
}
.anothers .leftBox {
	width: 47%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
.anothers .leftBox br {
    display: none;
  }
.anothers .leftBox a {
	width: 100%;
	padding: 14px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	border: 2px solid #efefef;
	display: block;
	margin-bottom: 1em;
	transition: all 0.5s;
}
.anothers .leftBox a:hover {
	border: 2px solid #0099ff;
	transition: all 0.3s;
}
.anothers .leftBox img {
	max-width: 100%;
	height: auto;
}

.anothers .rightBox {
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	padding: 2px;
	border: 1px solid #efefef;
}

/**　月別アーカイブ **/
.monthly_list .item {
	line-height: 100%;
	display: flex;
	margin: 0px 0px 1em 0px;
	padding: 0px 0px 0.8em 0px;
	border-bottom: 1px solid #efefef;
}
.monthly_list .item .yy {
	margin-right: 1.5em;
}
.monthly_list .item a {
	margin-right: 1em;
	font-weight: bold;
}
.monthly_date {
	font-weight: bold;
	border-bottom: 1px solid #efefef;
	padding-bottom: 0.15em;
	margin-bottom: 0.4em;
	margin-top: 1.5em;
}
.monthly_date:first-child {
	margin-top: 0px;
}

.monthly_title {
	margin-bottom: 0.4em;
}