@charset "utf-8";

body {

    margin: 0px;

    background-color: #FFF;

    color: #737373;

    font-size: 0.9rem;

	line-height: 1.5rem;

    font-weight: normal;

    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

/*---画像、表示---*/

img,object, embed, video {

	max-width: 100%;

	height: auto;

} 

/*画像*/

img {

	border:0;

}

/*Template内box部分*/

.boxed {

	width: 80%;

	background-color:#f9fff0;

	border:3px solid #80C070;

	padding:0.5em 1em;

	margin-left: auto;

	margin-right: auto;

	}

.text_Boxed {

	margin: 0.5rem;

	padding: 1rem .5rem;/*20210604変更*/

	line-height: 1.8rem;/*20210604追加*/

}

.text_Boxed p {/*20210604追加*/

	margin-bottom: 1rem;

}

/*---リンク---*/

a {

	text-decoration: underline;

	color: #3B792B;

	transition: 0.3s;

}

a:hover {/*リンクマウスで変化*/

    text-decoration: underline;

    color: #80C070;

}

a:visited {/*リンク先訪問後*/

    color: #3B792B;

}

/*ロールオーバー*/

.rollover { /* for javascript */

}

/*共通css:画面非表示*/

.noDisplay {

	display: none;

}

/*トップへ戻る*/

.backTopBox {

	height: 45px;

	text-align: right;

	width: 100%;

	background: #fff!important;

	clear: both;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 0px!important;

	padding-bottom: 0px!important;

}

.backTop {

	width: 100px!important;

	height: auto;

	margin-bottom: 0px!important;

	padding-bottom: 0px!important;

}

/*ヘッダ*/

.titleBox {

	width: 90%;
    
	height: 100px!important;
    
	margin: 0px 0px 1em 10px;
    
	padding-bottom: 1.5em!important;
    
	text-align: left;

}

.header_sideMenu {

	width: 90%;

	height: 37px;

	margin: 5px auto 15px auto;

}

.arrowicon {

	width: 15px;

    height: 15px;

	margin-left: 5px;

    color: #fff;

    background: #3B792B;

    font-weight: bold;

    border-radius: 2px;

}

.header_listBox {

	display: none;

}

.gcse-searchbox-only { 

	width:auto;

	height:35px;

	margin:5px auto;

	padding:0px 5px;

 }

/*---ナビゲーション---*/

.globNav-row ul li {

    width: 100%;

    height: 2.5rem;

    margin: 0 auto;

    text-align: center;

    text-decoration: none;

	list-style: none;

	font-size: 0.8rem;

	border-bottom: 1px solid #fff;

	background-color: #80C070;

}

.globNav-row li a {

	text-decoration: none;

    color: #fff;

    font-weight: bold;

	line-height: 0.7rem;

    width: 100%;

	display: inline-block;

}

.globNav-row li a:hover {

    width: 100%;

    height: 2.5rem;

	display: inline-block;

    text-decoration: none;

    background-color: #3B792B;

	line-height: 1rem;

}

.globNav-row li a:active {

	color: #D5EBD0;

	

}

.globNav-row li a.lh3Rem {

	line-height: 2.5rem;

}

/*---見出し---*/

h1 { 

	font-weight: bold;

	font-size: 2rem;

	line-height: 2.25rem;

	color: #3B792B;

	margin-bottom: 15px;

	margin-top: 15px;

}

h2 { 

	font-weight: bold;

	font-size: 1.5rem;

	line-height: 2.3rem;

	color: #80C070;

	margin-bottom: 20px;

	margin-top: 20px;

}

h3 { 

	font-weight: bold;

	font-size: 1.2rem;

	line-height: 2rem;

	color: #F68149;

	margin-bottom: 15px;

	margin-top: 15px;

}

h4 {

	font-weight: bold;

	font-size: 1rem;

	line-height: 1.1rem;

	color: #904801;

	margin-bottom: 15px;

	margin-top: 15px;

}

h5 { 

	font-weight: bold;

	font-size: 1.05rem;

	line-height: 1.5rem;

	margin-bottom: 10px;

	margin-top: 10px;

}

.index_h1 {

    width: auto;

	height: 97px;

    padding: 5px;

	margin-right: 3px;

	margin-bottom: 20px!important;

	margin-top: 0px;

}

.index_h1 img {

	min-width: 250px!important;

	height: auto;

}

.index_h2 {

	display: none;

}

.index_h3 {

    background-image: url(../img/h3_ico.png)!important;

    background-repeat: no-repeat;

	padding-left: 60px;

	padding-bottom: 10px;

	font-size: 1.5rem;

	line-height: 3rem;

}

.index_h3 a {

	text-decoration: none;

}

/*キャッチコピー*/

.catch {

	width: auto;

	height: 10px;

	display: block;

	font-size: 0.7rem;

    font-weight: bold;

	line-height: 1rem;

	padding: 5px 5PX 1em 5px;

	margin: 0px 45px 25px 0px;

	color: #3B792B;

	white-space: pre-line;

	text-overflow: inherit;

	text-align: left;

}

/*メイン*/

main {

	clear: both;

	width: auto;

	height: auto;

	margin-bottom: 0px!important;

}

/*キービジュアル*/

.slider {

    margin: 30px auto;

    width: 80%;

}

.slider img{

    height: auto;

    width: 100%;

}

.slick-prev:before,

.slick-next:before

	{

	width: 20px;

	height: 20px;

	background: #80C070;

	line-height: 8px;

	display: block;

	border-radius: 5px!important;

}

/*ボディコピー*/

.bodyCopy {

	width: 98%;

	height: auto;

	margin: 1rem auto;

	font-size: 0.8rem;

	font-weight: bold;

}

/*トピックス*/

.topiBox_l {

	width: 98%;

	height: auto;

	border-top: 3px dotted #CCCCCC;

	margin-top: 1rem;

	margin-bottom: 10px;

	margin-left: auto;

	margin-right: auto;

}

.topiBox {

    display: block;

    border-bottom: 3px dotted #CCCCCC;

	width: 100%;

    height: auto;

	padding-bottom: 5px;

	margin-bottom: 0.5rem;

}

.topiBox li {

	list-style: none;

	list-style-image: none;

	line-height: 1.5rem;

}

.topi_Box_s {

	margin-left: 1rem;

	margin-right: 1rem

}

.topi_time {

	font-weight: bold;

	color: #3B792B;

	font-size: 1rem;

}

.topi_time img {

	width: 70px!important;

	height: auto;

	margin-left: 5px;

	vertical-align: bottom;

}

.topi_sub {

	font-weight: bold;

	margin-bottom: 3px;

	margin-right: 2rem;

}

.update {

	font-size: 0.8rem;

	color: #F970A8;

}

.topi_backNbrBox {

	width: 100%;

	height: 1.8rem;

	margin-bottom: 1rem;

}

.topixButton {

	width: 100%;

	height: auto;

	text-align: right;

}

.topixButton img {

	width: 150px!important;

	height: 20px!important;

	padding-right: 10px;

}

.blogButton {

	width: 100%;

	height: auto;

	text-align: right;

}

.blogButton img {

	width: 134px!important;

	height: 20px!important;

	padding-right: 10px;

}

/*バナー*/

.bannerBox {

	width: 94%;

	height: auto;

	margin-left: auto;

	margin-right: auto;

	margin-top: 5px;

	margin-bottom: 1rem;

}

.bannerBox li {

    list-style-type: none;

	display: block;

}

.bannerBox img {

	padding: 1rem 0.3rem 0px 0.3rem;

}

/*ブログトピックス*/

.blog_arcvTOP {

	width: 100%;

	margin-bottom: 1rem;

}

.blg_arcvFl_R {

	float: right;

	width: auto;

	padding-right: 1rem;

}

.blg_arcvFl_L {

	float: left;

	width: 50%;

}

.blog_topi {

	padding: 0px;

	margin-top: 0px;

}

.blog_topiBox {

	width: 96%;

	height: auto;

    border: 1px solid #CCCCCC;

	font-size: 0.8rem;

	line-height: 1.2rem;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 2rem;

}

.blog_topiBox img {

	width: 100%!important;

	height: auto;

}

.blog_textBox {

	margin: 0.5rem auto;

	padding: 0px 5px;

	width: 92%;

	height: 100px;

	line-height: normal;

}

.blog_time {

	font-size: 1rem;

	font-weight: bold;

	color: #478004;

	margin-bottom: 0.2rem;

	padding-left: 5px;

}

.blog_title {

	font-size: 0.9rem;

	font-weight: bold;

	line-height: normal;

	margin: 0.2rem 3px 0.3rem 0px;

	padding-left: 5px;

}

.blog_linkNext {

	text-align: right;

	line-height: normal;

	margin-top: 5px;

	margin-right: 0.3rem;

	margin-bottom: 10px;

	clear: both;

}

.blogicon {

    width: 16px;

    height: 16px;

    color: #fff;

    background: #80C070;

    font-weight: bold;

    border-radius: 2px;

}

/*フッタ*/

footer {

	width: 100%;

	height: auto;

	background: #fff;

	color: #fff;

	clear: both;

	margin-top: 0px;

}

footer h4 {



}

footer h5 {

	

}

.ftr_h3 {

    width: 11rem;

	height: 1.2rem;

    border: 1px solid #3B792B;

	border-radius: 70px;

    background: #3B792B;

    margin: 0px 0px 0.5rem 0px;

	line-height: normal;

    text-align: center;

    color: #fff;

	font-size: 0.8rem;

    font-weight: bold;

	margin-bottom: 0.5rem;

}

.ftr_h4{

    color: #fff;

    font-size: 0.77rem;

    margin-bottom: 0.5rem;

    font-weight: bold;

    text-decoration: none;

}

.ftr_h5 {

    width: 4.5rem;

	height: 1.2rem;

    border: 1px solid #FDFDFD;

    line-height: normal;

	margin: 0.3rem 0px 0.3rem 0px;

    text-align: center;

    color: #fff;

	font-size: 0.77rem;

	margin-bottom: 0.5rem;

	font-weight: 700;

}

.footerBox_l {

	width: 100%;

	background: #80C070;

	padding: 1rem 0px 1rem 0px;

	margin-top: 0px!important;

}

.footerBox_m ul {

		margin-bottom: 0.5rem;

}

.footerBox_m li {

    list-style-type: none;

	padding-top: 0.7rem;

	padding-left: 0.3rem;

	font-size:0.77rem;

	font-weight: bold;

}

.footerBox_m a {

	text-decoration: none;

	color: #fff;

}

.footerBox_m a:hover {

	background: #3B792B;

}

.ftr_MenuBox {

	width: 100%;

	height: auto;

	margin: 0.5rem 1rem 0.5rem 1rem;

}

.copyright {

	text-align: center;

	padding-bottom: 1rem;

	clear: both!important;

}



/*-----------------Template用css-----------------*/

.contBox {

	padding: 10px;

	margin-bottom: 50px;

}

/*パンくずリスト*/

.breadcrumb {

	background: #D5EBD0;

	padding: 5px 0px 5px 10px;

	margin-bottom: 10px;

	margin-top: 20px;

	color: #3B792B;

	font-weight: bold;

}

/*テーブルcss*/

.contBox table {

    width: 100%;

    border: 1px solid #fff;

    border-collapse: separate;

    border-spacing: 0px;

	margin-top:1.2em;

	margin-bottom:1.2em;

    table-layout: fixed;

}

.contBox caption {

    color: white;

    background-color: #80C070;

    padding: 5px 10px;

	text-align: left;

	margin-bottom: 10px;

	font-weight: bold;

}

.contBox th {

    background-color: #fff;

    border: 1px solid #80C070;

    padding: 5px;

}

.contBox td {

	background-color: #fff;

	border: 1px solid #80C070;

	padding: 5px;

}

.th_01 {

	width: 80px;

}

/*リスト関連*/

.contBox ul {

    width: 100%;

    display: block;

	list-style-position: inside;

	margin-bottom: 15px;

	margin-top: 15px;

}

.contBox ul.long {

    width: 100%;

    display: block;

    list-style-position: outside;

    margin-left: 1rem;

	margin-bottom: 15px;

	margin-top: 15px;

}

.contBox li ul {

    margin-left: 2rem;

}

.contBox li.default_list {

    list-style-type: disc;

}

.contBox li.temp_list {

	list-style-image: url("../img/temp_list.png");

	list-style-type: none;

}

.contBox ol {

    width: 100%;

    display: block;

    list-style-position: inside;

	margin-bottom: 15px;

	margin-top: 15px;

}

/*.contBox img {

	margin: 1rem auto;

	padding: 1rem;

	text-align: center;

}*/

/*回り込み回避*/

.clear_L {

	clear: left;/*右*/

}

.clear_R {

	clear: right;/*左*/

}

/*トピックスバックナンバー用*/

.topiBn_h2 {

	clear: left;

	font-size: 1.2rem!important;

	font-weight: bold;

	line-height: 2rem;

	margin: 10px 0px 20px 0px;

}

.topiBn_Box {

	height: auto;

	margin: 10px auto 15px auto;

	padding-bottom: 5px;

	border: #ccc 1px solid;

	padding: 10px;

}

.topiBn_txtBox {

	height: auto;

}

.cate_icon {

	vertical-align: bottom;

	line-height: 5px;

	margin-left: 10px;

}

.topiBn_imgBox {

	margin: 0px auto 15px auto;

	width: 100px;

	height: 80px;

}

/*ブログ関連css*/

.contBox_blog {

	width: 95%;

	margin: 0px auto 50px auto;

	padding-left: 5px;

	padding-right: 5px;

}

.sideBox {

    width: 95%;

    height: auto; 

	margin: 0px auto 50px auto;

    padding-left: 5px;

    padding-right: 5px;

	padding-bottom: 15px;

}

.sideBox li {

    list-style-image: none;

    list-style-type: none;

	padding-left: 5px;

}

.cate_tag {

	width: 100%;

	clear: both;

	margin-top: 30px;

	margin-bottom: 10px;

	text-align: right;

}

.blog_cate {

    width: auto;

    height: 20px;

    margin:5px 10px;

    padding: 3px;

    color: #3B792B;

    text-decoration: none;

	font-size: 0.8em;

    font-weight: bold;

	border: #3B792B solid 1px;

    border-radius: 8px;

}

.blog_tag {

	font-size: 0.8em;

    font-weight: bold;

	text-decoration: none;

}

.blog_tag img {

	vertical-align: middle;

	margin-right: 3px;

}

/*----------------デスクトップ用-------------*/

@media only screen and (min-width: 1023px) {

/*img  {

	width: 45%!important;

	height: auto;

}*/

/*キャッチコピー*/

.catch {

	margin-bottom: 5px;

	white-space: nowrap;

}

.index_h1 img {

	width: 80%!important;

	height: auto;

}

/*ヘッダ*/

header {

	width: 100%;

	height: 100px;

	margin:0px auto 3rem auto;

}

.titleBox {

	width: 35%;

	float: left;

}

.header_sideMenu {

	width: 250px;

	height: 50px;

	font-size: 0.8rem;

	float: right;

}

.header_listBox {

    display: flex!important;

	height: 15px;

	padding-bottom: 10px;

	padding-left: 60px;

}	

.header_listBox a {

    width: 120px!important;

    height: 20px!important;

	line-height: normal!important;

    list-style-type: none;

    color: #3B792B!important;

    background: #fff!important;

	padding-left: 10px;

}

.header_listBox a {

	text-decoration: none;

}

.header_listBox a:hover {

	text-decoration: none;

	color: #fff!important;

	background: #80C070!important;

}

/*ナビゲーション*/	

nav {

	width: 60%;

	height: 100px;

	padding-right: 10px;

	float: right;

	display: inline-block;

}

.globNav-row ul {

	float: right;

	}

.globNav-row ul li {

    width: 5.5rem;

	font-size: 8pt!important;

    vertical-align: middle;

	border-radius: 80px;

	margin: 0px 3px 0px 5px;

}

.globNav-row li a {

    border-radius: 80px;

}

.globNav-row li a:hover {

	border-radius: 80px;

}

.container {

	width: 1024px;

	height: auto;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 0px;

}

.slider {

    margin-top: 50px;

}

/*トピックス*/

.topi_Box_s {

	display: flex;

}

/*ブログトピックス*/

.blog_topi {

	display: flex;

	margin: 10px auto;

}

.blog_topiBox {

	width: 15.625rem!important;

	margin: 1rem 1rem 0px 1rem!important;

}

/*バナー*/

.bannerBox li {

	display: flex;

	}

.bannerBox img {

		width: 50%;

		height: auto;

	}

/*トップへ戻る*/

.backTopBox {

	width: 1024px;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 0px!important;

	padding-bottom: 0px!important;

	}

/*フッタ	*/

.footerBox_m {

	width: 1024px;

	margin-left: auto;

	margin-right: auto;

	display: flex!important;

}

.ftr_MenuBox {

	width: 30%;

}

.copyright {

	width: 1024px;

	margin-left: auto;

	margin-right: auto;

}

/* 左フロート */

.img_left {

	float:left;

	margin:1rem;

	padding: 8px;

}

/* 右フロート */	

.img_right {

float:right;

padding: 8px;

margin:1rem;

}

/*トピックスバックナンバー用*/

.topiBn_Box {

	height: 120px;

}

.topiBn_txtBox {

	margin: 0px 10px 10px 10px!important;

	float:right;

	width: 80%;

}

.cate_icon {

	vertical-align: bottom;

	line-height: 5px;

	margin-left: 10px;

}

.topiBn_imgBox {

	float: left;

	margin: 0px 10px 15px 5px;

}

/*デスクトップ用ブログ関連css*/

.contBox_blog {

	width: 70%;

	height: auto;

	float: left;

	clear: right!important;

	margin-bottom: 50px;

	margin-right: 15px;

}

.sideBox {

	width: 23%;

	height: auto;

	margin: 0px 5px 100px 5px;

	padding-left: 5px;

	padding-right: 5px; 

	float: right;

}

}

/* CSS OLD */

/*----------------------------------------------------

	text

----------------------------------------------------*/

.caption {

	font-size:.8em;

    padding: 0;

    margin: 0;

}

.lh110 {

    line-height: 1.1rem;

}

.textBold {

	font-weight:bold;

	}

.textLarge {

	font-size:1.3em;

	}

.textSmall {

	font-size:.8em;

	}

.textLeft {

	text-align:left;

	}

.textRight {

	text-align:right;

	}

.textCenter {

	text-align:center;

	}

.textGreen {

	color:#3B792B;

	}

.textRed {

	color:red;

	}

/*----------------------------------------------------

	position

----------------------------------------------------*/

.valignCenter {

	vertical-align:middle;

	}

.valignTop {

	vertical-align: top;

}

.floatLeft {

	float:left;

	margin-right:10px;

	margin-bottom:10px;

	}

.floatRight {

	float:Right;

	margin-left:10px;

	margin-bottom:10px;

	}

.clearBoth {

	clear:both;

	}

.overflowH {

    overflow: hidden;

}