@charset "utf-8";

@media screen and (min-width: 980px) {
#mainOuter{width: 970px; margin: 20px auto;}
#mainBox{width: 650px; float: left; background: #FFF; padding: 16px;border: 3px solid #38a330;}
#rightBox{width: 300px; float: right; background: #FFF; padding: 16px;border: 3px solid #38a330;}
}


@media screen and (max-width: 979px) {
#mainOuter{width: 100%; margin: 20px auto; clear: both;}

#mainBox{width: 94%; margin: 0 auto; background: #FFF; padding: 15px 2%; border: 3px solid #38a330;}

#rightBox{width: 94%; background: #FFF; padding: 15px 2%; border: 3px solid #38a330; margin: 20px auto;}
}



/* LOGOスマホ時のみ */
@media screen and (max-width: 979px) {
h1{
margin-top: 10px;
margin-bottom: -20px;
}
}

/* 本文・リスト部分 */

/* パンくず */
@media screen and (min-width: 980px) {
#pan{
	width: 970px;
	margin: 10px auto -10px auto;
}
ul.bread_list {
    display: flex;
    margin: 0.5rem;
    font-size: 12px;
}
.bread_list li:not(:last-child):after {
    content: " > ";
    margin: 0 0.3rem;
	color:#ababab;
}
.bread_list li a{
	color:#50ab6d;
}
}

@media screen and (max-width: 979px) {
#pan{
	width: 100%;
	margin: 0 auto -10px auto;
	background-color: #f5f5f5;
	padding: 2px 0 2px 0;
}
ul.bread_list {
    display: flex;
    margin: 0.5rem;
    font-size: 12px;
}
.bread_list li{
background:url(../imgNew/list_icon2.png) no-repeat left 2px;
background-size: 7px 7px;
    margin: 0 5px 0 0;
    padding-top: 0px;
    padding-left: 10px;
	height: 12px;
}
.bread_list li:first-child{
background:none;
    padding-left: 0px;
}
.bread_list li a{
	color:#50ab6d;
}
}




/* もっと見る */
.overView{
/*	float: right;*/
	margin-top:20px;
}
.overView:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
.overView a{
background:#fb3f85 url(../imgNew/list_icon.png) no-repeat 200px center;
background-size: 14px 14px;
	display: block;
	margin: 8px auto;
	width: 220px;
	padding: 8px 0 6px 0;
	text-align: center;
	font-size: 90%;
	color: #fff;
	text-decoration: none;
	border-radius: 3px;
	border-bottom: 3px solid #c00024;
}
.overView a:hover{
background:#fb3f85 url(../imgNew/list_icon.png) no-repeat 200px center;
background-size: 14px 14px;
	color: #fff;
	text-decoration: none;
}

@media screen and (max-width: 979px) {
.overView a{
background:#fb3f85 url(../imgNew/list_icon.png) no-repeat 200px center;
background-size: 14px 14px;
	display: block;
	margin: 8px auto;
	width: 220px;
	padding: 8px 0 6px 0;
	text-align: center;
	font-size: 80%;
	color: #fff;
	text-decoration: none;
	border-radius: 3px;
	border-bottom: 3px solid #c00024;
}
.overView a:hover{
background:#fb3f85 url(../imgNew/list_icon.png) no-repeat 200px center;
background-size: 14px 14px;
	color: #fff;
	text-decoration: none;
}
}

/* 右寄せの場合 */
.right {
	text-align: right;
	padding:5px;
	margin:0 10px;
	color: #333;
	font-size: 110%;
	line-height:180%;
}

/* 本文タイトル */
#mainBox h3.blogH3{
background:url(../imgNew/bg_h.png) left center;
background-size: 20px 20px;
	padding-bottom: 4px;
	border-bottom: 1px solid #e2dbc5;
	text-align: left;
	margin-left: 20px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 8px;
	font-size: 140%;
	text-shadow: none;
	line-height: 120%;
}
#mainBox h3.blogH3 a{
	color: #333;
	text-decoration: none;
}
@media screen and (max-width: 979px) {
#mainBox h3.blogH3{
background:url(../imgNew/bg_h.png) left center;
background-size: 20px 20px;
	padding-bottom: 4px;
	border-bottom: 1px solid #e2dbc5;
	text-align: left;
	margin-left: 8px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 8px;
	font-size: 120%;
	text-shadow: none;
}
#mainBox h3.blogH3 a{
	color: #333;
	text-decoration: none;
}
}
.mainTime{
	clear: both;
	color: #999;
	font-size: 80%;
	margin-left: 20px;
	margin-bottom: -30px;
}

@media screen and (max-width: 979px) {
.mainTime{
	clear: both;
	color: #999;
	font-size: 80%;
	margin-left: 8px;
	margin-bottom: -80px;
}

}

/* 本文 */

/* 目次 */
#indexListBlock{
	clear: both;
	background-color: #fff4fc;
	border-radius: 8px;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 40px;

}
#indexListBlock .indexListTitle{
	clear: both;
	font-size: 1.0em;
	color: #333;
	font-weight: bold;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	margin:0px auto 0 auto;
	padding-top: 6px;
	padding-bottom: 12px;
	text-shadow: none;
	box-shadow: none;
	border-bottom: none;
	border-left: none;
	background: none;
/* 
	background: url(../imgNew/bg_title.png) center 24px no-repeat;
	background-size: 100px 30px;
*/
	border-bottom: 1px #ffc6ec dotted;
}
#indexListBlock ol.indexListBox{margin:20px auto; list-style-type:none;} 
#indexListBlock ol.indexListBox li.indexList{
	font-size:12px;
	color: #000;
	padding: 0px 0 0px 16px;
	margin-bottom: 8px;
	margin-left: 12px;
	list-style-position:outside;
	background: url(../imgNew/bg_h.png) no-repeat 0px 8px;
background-size: 7px 7px;
	margin-top: 0px;
}
#indexListBlock ol.indexListBox li.indexList a{
	color: #333;
	font-size: 14px;
}


#mainBox p.blogTextBody{
	padding: 5px 22px;
	font-size: 110%;
}
@media screen and (max-width: 979px) {
#mainBox p.blogTextBody{
	padding: 5px 7px;
}
}

/* pager */
.pager {
	text-align:center;
	margin:20px auto;
	clear:both;
}
.pager li {
	display:inline;
	margin-left:5px;
	color: #fff;
}
.pager li.pager_num span {
	display:inline-block;
	font-size: 16px;
	padding:8px 8px;

}
.pager li.pager_num span.now {
	display:inline-block;
	font-size: 16px;
	padding:8px 16px;
	background-color:#eee;
	font-weight:bold;
	color: #38a330;

}
.pager li.pager_num a {
	display:inline-block;
	font-size: 16px;
	padding:8px 16px;
	text-decoration:none;
	background-color:#38a330;
	color: #FFF;
}
.pager li.pager_num a:hover {
	background-color:#258c1e;

}
.pager li.pager_right a {
	display:inline-block;
	font-size: 16px;
	padding:8px 15px 8px 15px;
	margin:0;
	border-radius: 0 3px 3px 0;
	text-decoration:none;
	background-color:#38a330;
	color: #FFF;
}
.pager li.pager_right a:hover {
	background-color:#258c1e;
}
.pager li.pager_left a {
	display:inline-block;
	font-size: 16px;
	padding:8px 15px 8px 15px;
	margin:0;
	border-radius: 3px 0 0 3px;
	text-decoration:none;
	background-color:#38a330;
	color: #FFF;
}
.pager li.pager_left a:hover {
	background-color:#258c1e;
}

@media screen and (max-width: 979px) {
.pager {
	text-align:center;
	margin:20px auto;
	clear:both;
}
.pager li {
	display:inline;
	margin:0;
	font-size: 90%;
}
.pager li.pager_num span {
	display:inline-block;
	padding:8px 8px;
	margin-left:0;
}
.pager li.pager_num span.now {
	display:inline-block;
	font-size: 16px;
	padding:4px 8px;
	margin-left:0;
	background-color:#eee;
	font-weight:bold;

}
.pager li.pager_num a {
	display:inline-block;
	font-size: 16px;
	padding:4px 8px;
	margin:0;
	text-decoration:none;
	background-color:#38a330;
	color: #FFF;
}
.pager li.pager_num a:hover {
	background-color:#258c1e;

}
.pager li.pager_right a {
	display:inline-block;
	font-size: 16px;
	padding:4px 8px 4px 8px;
	margin:0;
	border-radius: 0 3px 3px 0;
	text-decoration:none;
	background-color:#38a330;
	color: #FFF;
}
.pager li.pager_right a:hover {
	background-color:#258c1e;
}
.pager li.pager_left a {
	display:inline-block;
	font-size: 16px;
	padding:4px 8px 4px 8px;
	margin:0;
	border-radius: 3px 0 0 3px;
	text-decoration:none;
	background-color:#38a330;
	color: #FFF;
}
.pager li.pager_left a:hover {
	background-color:#258c1e;
}
}


/* 右メニュー */

/* blogRightSide */

#rightBox h4{
background:url(../imgNew/bg_h.png) no-repeat left center;
background-size: 20px 20px;
	color: #38a330;
	margin-top: 8px;
	padding-left: 28px;
	text-shadow: none;

}
@media screen and (max-width: 979px) {
#rightBox h4{
background:url(../imgNew/bg_h.png) no-repeat left center;
background-size: 20px 20px;
	color: #38a330;
	margin-top: 8px;
	padding-left: 28px;
	margin-left: 8px;
	text-shadow: none;
}
}

#blogRightSide{
}

ul.rightMenu{
	margin: 0px 0 20px 0;
}
ul.rightMenu li a{
	display: block;
	padding: 8px 0px 8px 20px;
	font-size: 70%;
	line-height: 120%;
	color: #333;
	text-decoration: none;
	border-bottom: solid 1px #e7e7e7;
	background: url(../imgNew/bg_h.png) no-repeat 6px center;
	background-size: 7px 7px;
}
ul.rightMenu li a:hover{
	color: #999;
	text-decoration: none;
}


@media screen and (max-width: 979px) {
ul.rightMenu li a{
	display: block;
	padding: 8px 0px 8px 20px;
	font-size: 100%;
	line-height: 120%;
	color: #333;
	text-decoration: none;
	border-bottom: solid 1px #e7e7e7;
	background: url(../imgNew/bg_h.png) no-repeat 6px center;
	background-size: 7px 7px;
}
ul.rightMenu li a:hover{
	color: #999;
	text-decoration: none;
}
}

/* clearfix */
.clear {clear: both;}
.clearfix:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}