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

/* Link
=========================================== */
a { outline: none; text-decoration: none; }
a:link { color: #009C77; }
a:visited { color: #53BEB4; }
a:hover { color: #A7D282; }
a:active { color: #A7D282; }

/* CLEARFIX
=========================================== */
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }

/* LAYOUT
===========================================1366px*/
body {
	width: 100%;
	min-width: 1366px; 
	color: #555a62;
}
input, select, textarea {
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}
#wrapper {
	position: relative;
	
}

@media screen and (max-width: 640px) {
	body {
		min-width: 320px;
		color: #1e1d1e;
	}
	#wrapper {
		overflow: hidden;
	}
}

/* #gHeader
=========================================== */
#gHeader {
	position: fixed;
	left: 0;
	top: 0;
	width: 200px;
	height: 100%;
	-webkit-box-shadow: 0 1px 10px rgba(4,0,0,.5);
	-moz-box-shadow: 0 1px 10px rgba(4,0,0,.5);
	box-shadow: 0 1px 10px rgba(4,0,0,.5);
	background-color: #FFFFFF; /* #001e4c */
	background-image: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF 78%);
	background-image: -moz-linear-gradient(top, #FFFFFF, #FFFFFF 78%);
	background-image: -o-linear-gradient(top, #FFFFFF, #FFFFFF 78%);
	background-image: -ms-linear-gradient(top, #FFFFFF, #FFFFFF 78%);
	background-image: linear-gradient(to bottom, #FFFFFF, #FFFFFF 78%);
	z-index: 10;
}
#gHeader h1 a {
	display: block;
	width: 200px;
	height: 226px;
	background: url(../img/common/header/logo_pc.png) no-repeat center 62px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#gHeader .btnOpen {
	display: none;
}
@media screen and (max-width: 640px) {
	#gHeader {
		position: static;
		width: 100%;
		height: 50px;
		box-shadow: none;
		background: #F5F5F5;
		overflow: hidden;
	}
	#gHeader h1 {
		float: left;
		width: 150px;
	}
	#gHeader h1 a {
	display: block;
	width: 150px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: 20px 16px;
	background-image: url(../img/common/header/logo_sp01.png);
	background-size: 108px auto;
	}
	#gHeader .btnOpen {
		display: block;
		float: right;
		width: 50px;
		height: 50px;
		background: url(../img/common/header/btn_sp01.png) no-repeat 0 0;
		background-size: 50px auto;
		border-left: 1px solid #FFFFFF;
	}
}
/* #gNav
------------------------------ */
#gNav ul {
	border-top: 1px solid #D3D3D3;　/* #1a355e */
}
#gNav li {
	border-bottom: 1px solid #DCDCDC;　/* #1a355e */
 }
#gNav li a {
	width: 200px;
	height: 50px;
	text-indent: 100%;
	white-space: nowrap;
	display: block;
	background: url(../img/common/header/bg_gnav01.png) no-repeat 0 0;
	overflow: hidden;
	opacity: 1;
	transition: opacity 0.3s linear; 
}
/*  */
#gNav li.nav02 a { background-position: 0 -49px; }
#gNav li.nav03 a { background-position: 0 -98px; }
#gNav li.nav04 a { background-position: 0 -147px; }
#gNav li.nav05 a { background-position: 0 -196px; }
#gNav li.nav06 a { background-position: 0 -245px; }
#gNav li.nav07 a { background-position: 0 -294px; }
#gNav li.nav08 a { background-position: 0 -343px; }

 
#gNav li a:hover {
	opacity: 0.5;
}
#gNav .btnClose {
	display: none;
}
@media screen and (max-width: 640px) {
	#gNav {
		position: absolute;
		top: 50px;
		left: 0;
		display: none;
		width: 100%;
		height: 100%;
		padding: 15px;
		background-color: rgba(0,0,0,.8);
		box-sizing: border-box;
		z-index: 10;
	}
	#gNav ul {
		margin: 0 0 15px;
		border-top: none;
	}
	#gNav li {
		border-bottom: none;
	}
	#gNav li + li {
		border-top: 1px solid #d6d6d6;
	}
	#gNav li a {
		width: auto;
		height: auto;
		padding: 16px 20px 15px;
		background: #fff url(../img/common/ico_arw_sp03.png) no-repeat 90% center;
		background-size: 7px 12px;
		font-size: 13px;
		font-weight: bold;
		text-indent: 0;
		transition: none;
	}
	#gNav li.nav02 a,
	#gNav li.nav03 a,
	#gNav li.nav04 a,
	#gNav li.nav05 a,
	#gNav li.nav06 a,
	#gNav li.nav07 a,
	#gNav li.nav08 a {
		background-position: 90% center;
	}
	#gNav li a:hover {
		opacity: 1;
	}
	#gNav .btnClose {
		display: block;
		width: 200px;
		margin: 0 auto;
		padding: 7px 0 6px;
		background: #626262;
		font-size: 15px;
		font-weight: bold;
		text-align: center;
		color: #fff;
		line-height: 1.5;
	}
}
/* #contaigner
=========================================== */
#contaigner {
	padding: 0 0 0 90px;
}
@media screen and (max-width: 640px) {
	#contaigner {
		padding: 0;
	}
}

/* #mainImg
=========================================== */
#home #mainImg {
	position: relative;
	width: 100%;
	height: auto;
	color: #A7D282;
}
#mainImg h2 {
	width: 900px;
	margin: 0 auto;
	padding: 50px 0;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.5;
	letter-spacing: .1em;
}
#mainImg h2 span {
	font-size: 45px;
	color: #009C77;
}
@media screen and (max-width: 640px) {
	#mainImg h2 {
		width: 100%;
		padding: 12px 0 11px;
		font-size: 22px;
		text-align: center;
	}
	#mainImg h2 span,
	#mainImg h2 br {
		display: none;
	}
}

/* #main
=========================================== */
#main {
	min-width: 1166px;
}
#blog #main {
	width: 900px;
	min-width: 900px;
	margin: 0 auto;
	padding-top: 0;
}
@media screen and (max-width: 640px) {
	#main {
		min-width: 100%;
		width: 100%;
		margin: 0 0 50px;
	}
	#blog #main {
		width: 100%;
		min-width: 100%;
		margin: 0;
		padding: 0;
	}
}
/* #contents
=========================================== */
#contents {
	width: 920px;
	font-size: 14px;
	line-height: 1.8;
	letter-spacing: .1em;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 50px;
	padding-right: 0;
	padding-bottom: 70px;
	padding-left: 0;
}
#blog #contents {
	float: left;
	width: 640px;
}
@media screen and (max-width: 640px) {
	#contents {
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 14px;
		line-height: 1.5;
	}
	#blog #contents {
		float: none;
		width: 100%;
	}
}
/* #gFooter
=========================================== */
#gFooter {
	min-width: 1166px;
	padding: 30px 0 0;
	/*border-top: 1px solid #e8e8e8;*/
}
/* #ftcontent
------------------------------ */
#ftcontent {
	width: 900px;
	margin: 0 auto;
	padding: 0 0 30px;
	overflow: hidden;
}
#ftcontent dl {
	float: left;
	width: 450px; /* 289px*/
	margin-top: 0;
	margin-right: 22px;/* 22px*/
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
}

#ftcontent dl + dl {
	width: 290px;
	margin: 0;
	border: none;
}
#ftcontent dl + dl + dl {
	float: left;
	width: 450px; /* 289px*/
	margin-top: 0;
	margin-right: 22px;/* 22px*/
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
}

#ftcontent dl + dl + dl + dl {
	width: 290px; /* 260ppx*/
	margin: 0;
	border: none;
}

#ftcontent dt {
	margin: 0 0 15px;
}
#ftcontent dd {
	font-size: 11px;
	line-height: 1.5;
}
/* #ftBnr
------------------------------ */
#ftBnr {
	border: 1px solid #e8e8e8;
	border-width: 1px 0;
}
#ftBnr ul {
	overflow: hidden;
	width: 900px;
	margin: 0 auto 0;
	padding: 20px 0 25px;
}
#ftBnr li {
	float: left;
	transition: box-shadow 0.3s linear;
}
#ftBnr li + li {
	margin: 0 0 0 20px;
}
#ftBnr li a {
	display: block;
}
#ftBnr li:hover {
	box-shadow: 1px 1px 3px #ccc;
}
/* #ftInfo
------------------------------ */
#ftInfo {
	width: 900px;
	margin: 0 auto;
	padding: 19px 0 20px;
	overflow: hidden;
}
#ftInfo p {
	float: left;
	width: 174px;
}
#ftInfo p + p {
	float: right;
	width: 75px;
	padding: 17px 0 0;
}
/* #ftCr
------------------------------ */
#ftCr {
	border-top: 1px solid #e8e8e8;
}
#ftCr small {
	display: block;
	width: 900px;
	margin: 0 auto;
	padding: 10px 0 18px;
	font-size: 11px;
	text-align: right;
	line-height: 1.5;
	color: #555a62;
}
@media screen and (max-width: 640px) {
	#gFooter {
	position: relative;
	min-width: 320px;
	padding: 73px 0 0;
	background-size: 124px 32px;
	border: none;
	background-color: #f1f2f4;
	background-image: url(../img/common/footer/logo_sp01.png);
	background-repeat: no-repeat;
	background-position: center 21px;
	}
	#ftBnr {
		display: none;
	}
	#ftInfo {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#ftInfo p {
		display: none;
	}
	#ftInfo p + p {
		position: absolute;
		top: -20px;
		right: 26px;
		display: block;
		width: 40px;
		height: 20px;
		padding: 0;
	}
	#ftInfo p + p a {
		display: block;
		width: 40px;
		height: 20px;
		background: #f1f2f4 url(../img/common/footer/pagetop_sp01.gif) no-repeat;
		background-size: 40px 20px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#ftCr {
		border-top: 1px solid #fff;
	}
	#ftCr small {
		width: 100%;
		padding: 5px 0 3px;
		font-size: 10px;
		text-align: center;
		color: #999;
	}
}

/* COMMON PARTS
=========================================== */
/* .cmnTit01
------------------------------ */
.cmnTit01 {
	position: relative;
	padding: 26px 10px 24px;
	border-top: 2px solid #f1f1f3;
	border-bottom: 1px dotted #e8e8e8;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	color: #043480;
}
.cmnTit01:before {
	position: absolute;
	top: -2px;
	left: 0;
	display: block;
	width: 190px;
	height: 2px;
	content: '';
	background-color: #043480;
}
@media screen and (max-width: 640px) {
	.cmnTit01 {
		position: relative;
		padding: 15px 20px 14px;
		border-top: 3px solid #f1f1f3;
		border-bottom: none;
		font-size: 14px;
	}
	.cmnTit01:before {
		top: -3px;
		width: 135px;
		height: 3px;
	}
}
/* #breadcrumb
------------------------------ */
#breadcrumb {
	border: 1px solid #e8e8e8;
	border-width: 1px 0;
	margin-bottom: 15px;
}
#breadcrumb .inner {
	width: 900px;
	margin: 0 auto;
	padding: 20px 0;
}
#breadcrumb a,
#breadcrumb {
	font-size: 12px;
	line-height: 1.5;
}

/*breadcrumb ぱんくず*/

#breadcrumb ol li {
        display: inline;
        list-style-type: none;
	padding-right: 15px;
}

#breadcrumb ol li:before {
        content: " > ";
}
#breadcrumb ol li:first-child:before {
               content:"";
			   /*　content: none;　*/
}

#breadcrumb a {
	text-decoration: underline;
	color: #555a62;
}
#breadcrumb a.home {
	padding: 0;
	background: none;
}
#breadcrumb a:hover {
	text-decoration: none;
}
@media screen and (max-width: 640px) {
	#breadcrumb {
		padding: 8px 0 7px;
		background-color: #ecedef;
		border: none;
		box-sizing: border-box;
	}
	#breadcrumb .inner {
		width: 100%;
		margin: 0;
		padding: 0 20px;
		box-sizing: border-box;
	}
	#breadcrumb a,
	#breadcrumb .current {
		padding: 0 0 0 13px;
		background-size: 4px auto;
		font-size: 10px;
		line-height: 1.5;
		color: #999;
	}
	#breadcrumb a {
		text-decoration: none;
		color: #999;
	}
}
/* .blockLink
------------------------------ */
.blockLink {
	display: block;
	opacity: 1;
	transition: opacity 0.3s linear;
}
.blockLink:hover {
	opacity: .7;
}
.blockLink:hover h1,
.blockLink:hover h2,
.blockLink:hover h3 {
	text-decoration: underline;
}
@media screen and (max-width: 640px) {
	.blockLink {
		transition: none;
	}
	.blockLink:hover {
		opacity: 1;
	}
	.blockLink:hover h1,
	.blockLink:hover h2,
	.blockLink:hover h3 {
		text-decoration: none;
	}
}
/* .btnMore
------------------------------ */
.btnMore a {
	display: block;
	width: 50px;
	text-align: center;
	line-height: 1.5;
	color: #fff;
	transition: opacity 0.3s linear;
	opacity: 1;
	float: right;
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 3px;
	padding-left: 15px;
	background-color: #A7D282;
	background-repeat: no-repeat;
	background-position: 67px center;
	margin-top: -30px;
	margin-bottom: 10px;
}
.btnMore a:hover {
	opacity: .8;
}
@media screen and (max-width: 640px) {
	.btnMore a {
		width: 40px;
		padding: 3px 13px 1px 8px;
		background-position: 50px center;
		background-size: 4px auto;
		font-size: 10px;
		transition: none;
	}
	.btnMore a:hover {
		opacity: 1;
	}
}
/* .wp-pagenavi
------------------------------ */
.wp-pagenavi {
	padding: 40px 20px 0 0;
	border-top: 1px solid #e8e8e8;
	text-align: center;
}
.wp-pagenavi span.current {
	padding: 5px 8px !important;
	border: 1px solid #555a62 !important;
	background: #555a62;
	font-weight: bold;
	color: #fff;
}
.wp-pagenavi a {
	padding: 5px 8px !important;
	border: 1px solid #555a62 !important;
	color: #555a62 !important;
}
.wp-pagenavi a:hover {
	background: #ccc;
	border: 1px solid #ccc !important;
}
.wp-pagenavi .extend {
	border: none;
}
/* .paginavi
------------------------------ */
.paginavi {
	width: 300px;
	margin: 0 auto;
}
.paginavi li {
	width: 50%;
	float: left;
}
.paginavi li.next {
	text-align: right;
}


/* TOP
=========================================== */
/* feed
------------------------------ */

.topix {
	background-color: #fff;
	border: 1px solid #CCCCCC;
	margin-bottom: 1.5em;
}

.topix dl dt {
	color: #FF99CC;
	float: left;
	width: 85px;
	padding-left: 15px;
}
.topix dl dd {
	color: #333;
	float: left;
	width: 615px;
	padding-left: 15px;
	padding-right: 15px;
}

.topix dl dd a{
	color: #333;
	font-size: 13px;
}

.topix dl {
	margin: 0 10px 0;
	padding:0 8px 0;
	background-image: url(../img/line01.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.tp-title {
	font-family: "FOT-筑紫明朝 Pr6 RB", TsukuMinPr6-RB, "游明朝", YuMincho, "Hiragino Mincho ProN", serif;
	color: #53BEB4;  /*#7D7D7D*/
	padding: 8px;
	font-size: 116%;
	padding-bottom: 5px;
	text-align: left;
}




/*　scroll　*/
.scr {
  overflow: auto;  /*スクロール表示 */
  /*max-width: 760px;*/
  width: 100%;
  height: 135px;
/* ---- CSS3 compatible */
    -moz-border-radius-bottomleft: 30px;
    -moz-border-radius-topleft: 10px;
/* -------------- */
padding:10px 15px 0;

}


.scr li {
line-height: 2.1em;
}


.coment {
	word-wrap: break-word;
}

/*--　feed　--*/

#feed a {
	color: #927C27;
	}
	
#feed li{
	font-family: "FOT-筑紫明朝 Pr6 RB", TsukuMinPr6-RB, "游明朝", YuMincho, "Hiragino Mincho ProN", serif;
	overflow:hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
	white-space: nowrap;
	text-align: left;
}
#feed li a {
	font-size: 14px;
	text-decoration: none;
	color: #666;
}

#feed li a:hover {
	color: #53BEB4;
}

#feed span {
	color: #009c77;
	padding-left: 25px;/**/
	padding-right: 10px;
	line-height: 25px;
	font-weight: bold;
}


/* カスタム, iPhone Retinaディスプレイ */ 
@media only screen and (max-width : 414px) {
 .scr {
	width: 390px;
	/* -height: 100%;*/
	/* ---- CSS3 compatible */
	-moz-border-radius-bottomleft: 30px;
	-moz-border-radius-topleft: 10px;
	/* -------------- */
	padding: 10px 10px 0px;
}	
#feed span {
    padding-left: 5px;
    padding-right: 5px;
}
}
@media only screen and (max-width : 375px) {
 .scr {
	width: 350px;
	/* -height: 100%;*/
	/* ---- CSS3 compatible */
	-moz-border-radius-bottomleft: 30px;
	-moz-border-radius-topleft: 10px;
	/* -------------- */
	padding: 10px 10px 0px;
}	
#feed span {
    padding-left: 5px;
    padding-right: 5px;
}
}	
@media only screen and (max-width : 320px) {
 
 .scr {
	width: 310px;
	/* -height: 100%;*/
	/* ---- CSS3 compatible */
	-moz-border-radius-bottomleft: 30px;
	-moz-border-radius-topleft: 10px;
	/* -------------- */
	padding: 10px 10px;
}

#feed{
	margin-left: 4px;
	}
	
}

.m_b3em{
	margin-bottom: 3em;
}

.m_b1em{
	margin-bottom: 1em;
	border: 1px solid #ccc;
}

.under-boder_sl {
  padding: 0 .5em .5em .5em;
  border-bottom: 1px dotted #ccc;
  text-align: left;
  font-family: "FOT-筑紫明朝 Pr6 RB", TsukuMinPr6-RB, "游明朝", YuMincho, "Hiragino Mincho ProN", serif;
color: #7D7D7D;
margin-bottom: 1em;
font-size: 116%;
	color: #53BEB4;
}

.alpha a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.alpha a {
  color: #E62D30;
  font-family: "FOT-筑紫明朝 Pr6 RB", TsukuMinPr6-RB, "游明朝", YuMincho, "Hiragino Mincho ProN", serif;
}


.m_t10 {
margin-top: 10px;	
}