/*---MPS CSS for Top---*/

/*-----tag-----*/
body {
	background-color: #fff;
	font-size: 16px;
	line-height: 1.7;
	color: #444;
	font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0;
	-webkit-text-size-adjust: 100%;
}
a {
	color: #669900;
	text-decoration: none;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
a:visited {
	color: #669900;
	text-decoration: none;
}
a:hover {
	color: #5B2D0E;
	text-decoration: none;
}
img{
	border:none;
}
ul, li {list-style: none; padding: 0;}
.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
	visibility:hidden;
}
.clearfix{
	display: inline-block;
} 
/*-----background-----*/
.bg_note_l {
	background-image: url(../images/note_l_02.gif);
	background-repeat: repeat-y;
	margin:0px;
	width:42px;
}
.bg_note_r{
	background-image: url(../images/note_r_02.gif);
	background-repeat: repeat-y;
	margin:0px;
	width:438px;
}
.bg_news {
	font-size: 14px;
	border-left: 5px solid #669900;
	margin: 0 0 20px 0;
    padding: 0;
    width: 795px;
}
.bg_news ul {margin: 0 0 0 5px;}
.bg_news2 {
	border-bottom: 5px solid #669900;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:225px;
}
.bg_contents {
	background-color: #FFFFFF;
	text-align:left;
}


/*-----font-----*/
.nenmatsu_font{
	font-size: 20px;
}

.news_date{
	color: #CC6633;
	font-size: 14px;
}

.f_red{
	color: #CC0000;
	font-size: 12px;
}
.cmt_subt1{
	color: #CC6633;
	font-size: 16px;
	line-height: 20px;
	text-align:left;
	margin: 0 0 10px;
	padding: 10px 10px 0;
	width:100%;
}
.cmt_subt2{
	color: #CC0066;
	font-size: 15px;
	line-height: 20px;
	text-align:left;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	width:420px;
}
.cmt_note{
	clear: both;
	color: #5B2D0E;
	font-size: 15px;
	line-height: 1.6;
	margin: 0 0 10px;
	padding: 0 10px;
	text-align:left;
	width: 100%;
}
.cmt_cap{
	color: #5B2D0E;
	font-size: 11px;
	line-height: 13px;
}
.link_r{
	display:block;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	/*
	text-align:right;
	margin-top: auto;
    margin-left: auto;
	*/
	width: 100%;
    position:relative;
}
.cmt_left {
	text-align:left;
	}
.cmt_center {
	text-align:center;
	}
.u_line {
	text-decoration: underline;
}

/*-----other-----*/
.ph_btm{
	float: left;
	margin-bottom: 8px;
	margin-left: 17px;
	border: none;
}
.ph_center{
	text-align: center;
	margin: 5px;
	border: none;
	width:390px;
}
.ph_rightm{
	float:right;
	margin: 17px 0px 0px 0px;
	border: none;
}


/*-----for RF-----*/
div.bnr_rf {
	background: url(../rf/images/banner_logo.jpg) no-repeat;
	width: 215px;
	height: 20px;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 100px 5px 5px 5px;
}
div.bnr_rf a {
	color: #FFFFFF;
}
/*
div.bnr_rf a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}*/

/*-----for Top Banner-----*/
div.bnr_hmc {/*himochi*/
	background: #F2F7EE;
	border: dashed 2px #669900;
	width: 210px;
	color: #5B2D0E;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 8px 5px;
}
div.bnr_02 {/*yellow*/
	background: #FFF2D9;
	border: dashed 2px #FFCC66;
	width: 210px;
	color: #5B2D0E;
	font-size: 13px;
	line-height: 17px;
	text-align: center;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 8px 5px;
}
div.bnr_hmc a, div.bnr_02 a {
	color: #5B2D0E;
}
div.bnr_hmc a:hover, div.bnr_02 a:hover {
	text-decoration: underline;
}

/*-----Instagram-----*/
div.box_ins {
	margin: 1em 0;
}
/*-----for Right Area-----*/
div.box{
	padding: 12px 19px;
	margin: 1.8em 1.5em 2em 0em;
	background: #fff;
	border-top: solid 8px #669900;
	border-bottom: solid 2px #99D51E;
	text-align:center;
}

.box h1 {
	display:inline-block;
	vertical-align: bottom;
	font-size: 36px;
	line-height: 40px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #669900;
}
.box img {
	display:inline;
	vertical-align: bottom;
}
.box h2 {
	font-size: 26px;
	line-height: 31px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #669900;
}
.box p {
    margin: 0; 
    padding: 0;
}
.cmt_ttl {
	font-size: 16px;
	line-height: 21px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

/*-----LIST-----*/
.box ul {
	list-style: none;
	margin: 10px 0px 0px 90px;
	padding:0px;
	text-align: left;
}
.box li {
	margin: 10px 0px 5px 0px;
	padding: 0px;
}


*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

/*===== Template Style =====*/
.header-top {width: 100%; background-color: #669900;}
.header-top_in, .header-nav_in, .index-contents_in {width: 800px; margin: 0 auto;}
.header-nav {width: 100%; background-color: #669900; padding: 5px 0 10px; border-bottom: 10px solid #c8dbb3;}
.contents {width: 100%;}
.footer-top {width: 100%; background: #5b783a url(/common/footer_bottom.png) no-repeat 80% 100%; background-size: 40%; border-top: 10px solid #c8dbb3;}
.footer {width: 100%; background-color: #6d5a4a; font-size: .8rem; color: #fff; text-align: center; padding: 5px 0;}

/*汎用スタイル*/
.flex { display:flex; }
.flex-center {display: flex; flex-wrap: wrap; justify-content: center;}
.w100 {width: 100%;}
.w95 {width: 95%;}
.m0 {margin: 0!important;}
.mb10 {margin-bottom: 10px!important;}
.mb20 {margin-bottom: 20px!important;}
.ml10 {margin-left: 10px!important;}
.ml20 {margin-left: 20px!important;}

/*header-top*/
.header-top_in {padding-top: 10px;}
.header-top_in a {display: inline-block;}
/*header-nav*/
.header-nav_in ul {display: flex; margin: 0; flex-wrap: wrap; width: 100%; justify-content: center;}
.header-nav_in ul li {width: 14%; text-align: center; display: flex; justify-content: center; align-items: center; line-height: 1.2; font-size: 0.95rem; border-right: 1px solid #8cbd2a; margin: 0;}
.header-nav_in ul li:first-child {border-left: 1px solid #8cbd2a;}
.header-nav_in ul li:hover {background-color: #7ab00f;}
.header-nav_in ul li a {color: #fff; display: block; width: 100%;}

/*contents*/
.contents .news, .contents .index-contents, .contents .contents-banner {width: 800px; margin: 0 auto; text-align: left;}
.contents .news { margin-bottom: 20px;}
.contents .news h2 {margin-bottom: 0;}
.contents .news ul {margin: 0; border-bottom: 5px solid #669900; padding: 0 10px 10px;}
.contents .news ul li {display: flex; padding: 5px 0 3px; font-size: 16px;}
.contents .news ul li + li {border-top: 1px dotted #999;}
.contents .news ul li a {margin-left: 10px; font-size: 16px!important; /*line-height: 1.4;*/}
.contents .news p.news-next {margin: 0; text-align: right;}
.contents .news p.news-next a:before {font-family: "Font Awesome 5 Free"; content: '\f0da'; font-weight: bold; margin-right: 5px; color: #669900; font-size: 0.8rem;}
.contents .index-contents {margin-bottom: 40px;}
.index-contents_in {display: flex; flex-wrap: wrap;}
.index-contents_in h2.cmt_ttl {width: 100%; font-size: 24px; line-height: 1.4; text-align: center; margin-bottom: 20px;}
.index-contents_in figure { margin: 20px auto 0; display: flex; flex-wrap: wrap; justify-content: center;}
.index-contents_in figure figcaption {color: #695448;}
.index-contents_in .box {width: 32%; margin: 5px; border: 1px solid #ccc; padding: 10px; border-radius: 10px; text-align: left; flex-wrap: wrap; display: flex; align-items: stretch; justify-content: center;}
.index-contents_in .box h2 {font-size: 20px; color: #695448;}
.index-contents_in .box ul {margin: 0;}
.index-contents_in .box .link_r a {font-size: 16px;}
.index-contents_in ul.pos_left li {text-indent: -0.7em; margin-left: 0.7em; line-height: 1.4;}
.contents .contents-banner ul {display: flex; justify-content: center;}
.contents .contents-banner ul li {margin: 0 10px;}

a.arrow:before {font-family: "Font Awesome 5 Free"; content: '\f0da'; font-weight: bold; margin-right: 5px; color: #669900; font-size: 0.8rem;}

a.arrow2 {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

/*footer-top-in*/
.footer-top-in {width: 800px; margin: 0 auto; display: flex;}
.footer-top-in ul.footer-link, .footer-top-in .box_ins {width: 33.3%;}
.footer-top-in ul.footer-link + ul.footer-link {padding-left: 2rem;}
.footer-top-in ul.footer-link li {text-align: left; text-indent: -0.7em; margin-left: 0.7em; line-height: 1.4; padding: 3px 0;}
.footer-top-in ul.footer-link li a {color: #fff;}
.footer-top-in ul.footer-link li a:hover {color: #c8dbb3;}
.footer-top-in ul.footer-link li a:before {font-family: "Font Awesome 5 Free"; content: '\f0da'; font-weight: bold; margin-right: 5px; color: #fff; font-size: 0.8rem;}
.footer-top-in .box_ins iframe { border: 10px solid #fff!important; border-radius: 5px; height: 347px!important; background-color: #fff;}

.about-menu div[class^="box"] {width: 25%; display: flex; justify-content: center;}
.about-menu div[class^="box"] h2 {width: 100%; margin: 0 2px 10px; display: flex; justify-content: center; align-items: center; font-size: 18px; text-align: center; border-radius: 10px; border:1px solid #ccc;}
.about-menu div[class^="box"] h2.current {background-color: #D1E2C2; border-color: #669900;}
.about-menu div[class^="box"] h2 a {width: 100%; display: block; padding: 10px;}