@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, sub, sup, tt,
var, ol, ul, li, fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td  {
	margin:0;padding:0;border:0;outline: 0;font-style:normal;font-weight:normal;text-decoration:none;list-style: outside none;position:relative;zoom:1;vertical-align:baseline;transition:all 0.3s;}
dl, dt, dd {}
body {
	font-family: "Average Sans","Helvetica Neue",Helvetica,Arial,"游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","ＭＳ ゴシック",sans-serif;
	height: 100%;
	width: 100%;
	text-align:left;
	line-height: 1.7;
	font-size:18px;
	color:#292115;
	background:#fff;
	-webkit-text-size-adjust: 100%;}
/**************************************** remember to highlight inserts somehow! **********/
table {
	border-collapse: separate;
	border-spacing: 0;
	max-width:100%;}
td,th {
	vertical-align:middle;}
/**************************************** clearfix **********/
.clearfix {zoom:1;}
.clearfix:after{
	content: "";
	display: block;
	clear: both;}
/**************************************** html tag style **********/
a {
	color:#292115;
	text-decoration:;}
a:visited {
	color:#292115;}
a:hover {
	color:#292115;}
/**************************************** font style **********/
.font-family2 {
	font-family: "Source Sans Pro",Helvetica,Arial,"游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","ＭＳ ゴシック",sans-serif;}
.font0 {font-size: 0;}
.rem0 {font-size:0;}
.rem06 {font-size:10.8px;}
.rem08 {font-size:14.4px;}
.rem09 {font-size:16.2px;}
.rem10 {font-size:18.0px;}
.rem11 {font-size:19.8px;}
.rem12 {font-size:21.6px;}
.rem14 {font-size:25.2px;}
.rem16 {font-size:28.8px;}
.rem17 {font-size:30.6px;}
.rem175 {font-size:31.5px;}
.rem18 {font-size:32.4px;}
.rem20 {font-size:36.0px;}
.rem22 {font-size:39.6px;}
.rem24 {font-size:43.2px;}
.rem26 {font-size:46.8px;}
.rem28 {font-size:50.4px;}
.rem30 {font-size:54.0px;}
.rem32 {font-size:57.6px;}
.rem34 {font-size:61.2px;}
.rem38 {font-size:68.4px;}

.line-height12 {line-height:1.2;}
.line-height14 {line-height:1.4;}

/**************************************** global style **********/


.hidden {overflow:hidden;}
.block {display:block;}
.none {display:none!important;}
.hide {display:none;}
.height0 {height: 0;opacity: 0;}
.height100p {height: 100%;}
.height-auto {height: auto;opacity: 1;}
.inline-block {display:inline-block!important;float: none!important;vertical-align: top;}
.inline {display:inline;}
.flex {display: flex;flex-wrap: wrap;}
.bold {font-weight:bold;}
.left {
	float:left!important;
	}
.right {
	float:right!important;}
.center {
	display:block;
	margin-right:auto!important;
	margin-left:auto!important;}
.center2 {
	display:block!important;
	float: none!important;
	margin-right:auto!important;
	margin-left:auto!important;}
.v-center {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);}
.text-center {
	text-align:center;}
.text-right {
	text-align:right;}
.vertical-top {vertical-align: top;}
	
img.left {
	float:left;
	display:block;
	margin-top:5px;
	margin-right:15px;}
img.right {
	float:right;
	display:block;
	margin-top:5px;
	margin-left:15px;}
a img:hover {
	opacity:0.8;
	transition:all 0.3s;}
.pointer {cursor: pointer;}

.margin-top1em {margin-top:1em!important;}
.margin-top5 {margin-top:5px!important;}
.margin-top10 {margin-top:10px!important;}
.margin-top20 {margin-top:20px!important;}
.margin-top30 {margin-top:30px!important;}
.margin-top40 {margin-top:40px!important;}
.margin-top50 {margin-top:50px!important;}
.margin-top60 {margin-top:60px!important;}
.margin-top70 {margin-top:70px!important;}
.margin-top80 {margin-top:80px!important;}
.margin-top90 {margin-top:90px!important;}
.margin-top100 {margin-top:100px!important;}
.margin-bottom-10 {margin-bottom:-10px!important;}
.margin-bottom-20 {margin-bottom:-20px!important;}
.margin-bottom5 {margin-bottom:5px!important;}
.margin-bottom1em {margin-bottom:1em!important;}
.margin-bottom10 {margin-bottom:10px!important;}
.margin-bottom20 {margin-bottom:20px!important;}
.margin-bottom30 {margin-bottom:30px!important;}
.margin-bottom40 {margin-bottom:40px!important;}
.margin-bottom50 {margin-bottom:50px!important;}
.margin-left-1em {margin-left:-1em!important;}
.margin-left1em {margin-left:1em!important;}
.margin-left-50 {margin-left:-50px!important;}
.margin-left-10 {margin-left:-10px!important;}
.margin-left10 {margin-left:10px!important;}
.margin-left20 {margin-left:20px!important;}
.margin-left25 {margin-left:25px!important;}
.margin-left30 {margin-left:30px!important;}
.margin-right1em {margin-right:1em!important;}
.margin-right2em {margin-right:2em!important;}
.margin-right10 {margin-right:10px!important;}
.margin-right20 {margin-right:20px!important;}
.margin-right30 {margin-right:30px!important;}
.padding-top1em {padding-top:1em!important;}
.padding-top2em {padding-top:2em!important;}
.padding-top-20 {padding-top:-20!important;}
.padding-top3 {padding-top:3px!important;}
.padding-top5 {padding-top:5px!important;}
.padding-top10 {padding-top:10px!important;}
.padding-top20 {padding-top:20px!important;}
.padding-top30 {padding-top:30px!important;}
.padding-top40 {padding-top:40px!important;}
.padding-top50 {padding-top:50px!important;}
.padding-top60 {padding-top:60px!important;}
.padding-top70 {padding-top:70px!important;}
.padding-top80 {padding-top:80px!important;}
.padding-top90 {padding-top:90px!important;}
.padding-top100 {padding-top:100px!important;}
.padding-bottom1em {padding-bottom:1em!important;}
.padding-bottom2em {padding-bottom:2em!important;}
.padding-bottom5 {padding-bottom:5px!important;}
.padding-bottom10 {padding-bottom:10px!important;}
.padding-bottom20 {padding-bottom:20px!important;}
.padding-bottom30 {padding-bottom:30px!important;}
.padding-bottom40 {padding-bottom:40px!important;}
.padding-bottom50 {padding-bottom:50px!important;}
.padding-left1em {padding-left:1em!important;}
.padding-left10 {padding-left:10px!important;}
.padding-left20 {padding-left:20px!important;}
.padding-left30 {padding-left:30px!important;}
.padding-right1em {padding-right:1em!important;}
.padding-right10 {padding-right:10px!important;}
.padding-right20 {padding-right:20px!important;}
.padding-right30 {padding-right:30px!important;}
.padding-right40 {padding-right:40px!important;}
.wrapper0 {
	max-width:100%;
	min-width:280px;}
.wrapper1 {
	max-width:1260px;
	min-width:280px;
	padding:0 0 0 0;
	margin:0 auto 0 auto;
	background:;/* url('../images/logo.png') no-repeat center center;*/
	border:#ddd solid;
	border-width:0;
	letter-spacing: 0;}
.wrapper-inner {
	width:100%;
	margin-left:-10px;
	font-size:0;
	letter-spacing: 0;}


img {
	max-width:100%;
	height:auto;}
.radius5 {border-radius:5px;}
.radius10 {border-radius:10px;}
.radius20 {border-radius:20px;}
.radius50 {border-radius:50%;}

.width20percent {width:20%;}
.width25percent {width:25%;}
.width50percent {width:50%;}
.width100percent {width:100%;}

p {
	text-align: justify;
	text-justify: inter-ideograph;}
.footnote {margin-left:1.0em;text-indent:-1.0em;}

.lineheight08 {line-height:0.8;}
.lineheight10 {line-height:1.0;}
.lineheight12 {line-height:1.2;}
.lineheight14 {line-height:1.4;}

.letterspacing01 {letter-spacing:0.1em;}
.letterspacing02 {letter-spacing:0.2em;}

.marker1 {
	background: linear-gradient(transparent 60%, #E6FF84 60%);
}
.marker2 {
	background: linear-gradient(transparent 60%, #bfffff 60%);
}
.table5 tr td:nth-child(3) b.marker2 {
	background: linear-gradient(transparent 60%, #99ccff 60%);
}
.table5 tr td:nth-child(4) b.marker2 {
	background: linear-gradient(transparent 60%, #ffb3b3 60%);
}
.marker3 {
	background: linear-gradient(transparent 60%, #99ccff 60%);
}
.marker4 {
	background: linear-gradient(transparent 60%, #ffb3b3 60%);
}
.width50 {width:50%;}
.width100 {width:100%;}
.border-box {box-sizing: border-box;}
/**************************************** heading style **********/
.heading1 {}
.heading2 {}
.heading3 {}
.heading4 {}
#header {
	/*position:fixed;*/
	z-index:1000;
	background-color:#fff;
	border-top:10px solid #fff;
	border-bottom:0 solid #67A528;
	height:;
	position: sticky;
	top: 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}

/**************************************** grid style **********/
.row {
	width: calc(100% + 20px);/*103%;*/
	overflow:visible;
	margin-left:0px;
	font-size:0;
	letter-spacing: 0;
	word-spacing:0;}
.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12,.grid13,.grid14,.grid15,.grid16 {
	display:inline-block;
	vertical-align:top;
	overflow:;
	background:/*#efefef*/;
	margin:0 20px 1px 0px;/*-0.185rem*/
	padding-bottom:0px;
	height:100%;
	font-size:19.8px;}
.grid1 {width:60px;}
.grid2 {width:140px;}
.grid3 {width:220px;}
.grid4 {width:300px;}
.grid5 {width:380px;}
.grid6 {width:460px;}
.grid7 {width:540px;}
.grid8 {width:620px;}
.grid9 {width:700px;}
.grid10 {width:780px;}
.grid11 {width:860px;}
.grid12 {width:940px;}
.grid13 {width:1020px;}
.grid14 {width:1100px;}
.grid15 {width:1180px;}
.grid16 {width:1260px;}

.w1-1, .w5-6, .w4-5, .w3-4, .w2-3, .w3-5, .w1-2, .w2-5, .w3-8, .w1-3, .w1-4, .w1-5, .w1-6, .w1-7, .w1-8, .w1-9, .w1-10, .w1-11, .w1-12 {
	box-sizing: border-box;
	padding: 0;
	float: left;
	font-size: 1rem;
	margin: 0 ;
	height: ;
	background: ;}
.w-inner20 {
	background: ;
	padding: 0 20px 20px 0;}
.w-inner20-0 {
	background: ;
	padding: 0 20px 0 0;}
.w1-1 {width: 100%;}
.w5-6 {width: 83.3333333%;}
.w4-5 {width: 80%;}
.w3-4 {width: 75%;}
.w2-3 {width: 66.6666666%;}
.w3-5 {width: 60%;}
.w1-2 {width: 50%;}
.w2-5 {width: 40%;}
.w3-8 {width: 37.5%;}
.w1-3 {width: 33.3333333%;}
.w1-4 {width: 25%;}
.w1-5 {width: 20%;}
.w1-6 {width: 16.6666666%;}
.w1-7 {width: 14.285%;}
.w1-8 {width: 12.5%;}
.w1-9 {width: 11.1111111%;}
.w1-10 {width: 10%;}
.w1-11 {width: 9.090%;}
.w1-12 {width: 8.3333333%;}

/**************************************** navi **********/
#navi {
	border-top: 1px solid #ddd;
	padding-top: 5px;}
#navi ul li {
	float:left;
	list-style-type:none;}
#navi ul li a {
	text-decoration:none;
	letter-spacing: 0.0em;
	display:block;
	padding:1em 1em 0.7em;}
#navi ul li li a {
		letter-spacing: 0.0em;}
/*mainmenu*/
#mainmenu{
  list-style-type: none;
  padding: 0;
}
#mainmenu li{
  position: relative;
  float: left;
  width:16.5%;
  margin: 0 0 0 0;
  padding: 0;
  text-align: center;
}
#mainmenu li a{
  display: block;
  color: #4F7A21;/*fdd*/
  line-height: 1.2;
  text-shadow: 2px 2px 1px rgba(0,0,0,0.3);
  text-decoration: none;
  font-weight:normal;
  background:;
}
#mainmenu li:hover > a{
  color:;
  border-radius: 10px 10px 0 0;
  background-color:#E5F2D5;
}
#mainmenu li a.selected {
	background-color: #67A528;
	color: #fff;
	border-radius: 10px 10px 0 0;
}
.navi2  {
	display: flex;
}
.navi2 > li > a {
	display: block;
	text-align: center;
	border-left: solid 1px #ddd;
	padding: 0.7em 1em;
	font-weight: bold;
	color: #777;
}
.navi2 > li a.last {
	border-right: solid 1px #ddd;}
.navi2 > li > a:hover {
	background-color: #fafafa;
}

/*********************** ハンバーガーメニュー ****************************/
#ham-menu {
    background-color: #fff; /*メニュー背景色*/
    box-sizing: border-box;
    height: 100%;
    padding: 10px 20px; /*メニュー内左右上下余白*/
    position: fixed;
    right: -240px; /*メニュー横幅 width と合わせる*/
    top: 0;
    transition: transform 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
    width: 240px; /*メニュー横幅*/
    z-index: 9999;
	font-size: 14px;
	overflow: auto;
}
#ham-menu li a {
	display: block;
	padding: 0.3em 0.3em;
	border-bottom: 1px solid #f4f4f4;
}
#ham-menu li a:hover {
	background: #E5F2D5;
}
#ham-menu li a.selected {
	background: #67A528;
	color: #fff;
}
#menu-background {
    background-color: #333; /*黒背景*/
    display: block;
    height: 100%;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
    width: 100%;
    z-index: -100;
}

#menu-icon {
    background-color: ; /*アイコン部分背景色*/
    border-radius: 0 0 0 10px; /*左下角丸*/
    color: #95ce58; /*アイコン（フォント）色*/
    cursor: pointer;
    display: block;
    font-size: 30px; /*アイコン（フォント）サイズ*/
    height: 50px; /*アイコン縦高さ*/
    line-height: 50px; /*縦位置中央化*/
    position: fixed;
    right: 0;
    text-align: center;
    top: 15px;
    width: 50px; /*アイコン横幅*/
    transition: all 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
    z-index: 9999;
}

#menu-cb {
    display: none; /*チェックボックス本体は消しておく*/
}

#menu-cb:checked ~ #ham-menu,
#menu-cb:checked ~ #menu-icon {
    transform: translate(-240px); /*メニュー本体横幅 width と合わせる*/
}

#menu-cb:checked ~ #menu-background {
    opacity: 0.5;
    z-index: 9999;
}

/*eco-tour-course*/
.eco-tour-course {
	display:block;
	overflow:hidden;
	font-size:15px;
	text-decoration:none;
	padding: 0.5em;
	border:1px solid #ddd;
	border-radius: 5px;
	margin-bottom: -10px;/*10px;*/
	background-color: #FFFFF6;
}
.eco-tour-course:hover {
	border-color:;
	background-color: #E8F4DA;
	border-radius:;
}
.eco-tour-course img {
	width:80px;
	border-radius:5px;
	float: left;
	margin:0 1em 0 0;
}

/*eco-tour-course2*/
.eco-tour-course2 {
	display:block;
	overflow:hidden;
	text-align: center;
	font-size:15px;
	text-decoration:none;
	padding: 1em;
	border:0 solid #ddd;
	border-radius: 5px;
	margin-bottom: 0;
}
.eco-tour-course2:hover {}
.eco-tour-course2 img {
	max-width: 100%;
	width: 240px;
	display: block;
	border-radius:7px;
	margin:0 auto 0.7em auto;
}
/*eco-tour-course3*/
.eco-tour-course3 {
	display: block;
}
.eco-tour-course3:hover {
	opacity:0.9;
	transition:all 0.3s
}
.eco-tour-course3 img {
	vertical-align: bottom;
}
.eco-tour-course3 img:hover {
	opacity:1;
	transition:all 0.3s
}
.eco-tour-course3 .tour-lavel {
	position:absolute;
	bottom:0;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	width: 100%;
	padding: 0.5em 0.7em;
	box-sizing: border-box;
}
/*load-blog-box*/
.load-blog-box {
	display:block;
	overflow:hidden;
	font-size:15px;
	text-decoration:none;
	padding: 0.5em;
	border:0px solid #777;
	border-radius: 0;
	margin-bottom: -10px;/*10px;*/
	background-color: ;
}
.load-blog-box:hover {
	border-color:;
	background-color: #eee;
	border-radius:;
}
.load-blog-box img {
	/*width:80px;*/
	border-radius:0;
	/*float: left;*/
	margin:0 0 0.5em 0;
}
	
/**************************************** header **********/

.header {
	width:100%;
	position:;
	top:0;
	background:;
	color:#000;
	padding-top:10px;}


/**************************************** footer **********/
.footer {
	/* border-bottom: 40px solid #67A528; */
	background:#fff;
	color:#444;}
.footer_bottom {
	padding-top:1em;
	background-color: #F2EFEA;
	height: auto;
}
.footer_bottom img {
	display: block;
}
.sitemap a {
	display:block;
	text-decoration:none;
	font-weight:normal;
	color:#292115;
	border-bottom:solid 1px #aaa ;
	padding: 0.4em 1em;}
.sitemap a:visited {
	color:#292115;}
.sitemap a:hover {
	background:#fff;
	text-indent:0.1em;}
.sitemap a.selected {
	background:#CEBDA1;
	color: #fff;
	border-bottom:;}
.sitemap li {
	font-size:16px;
	float: left;
	width: 20%;
	}



/**************************************** local style **********/
.googlefont1 {
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,"游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","ＭＳ ゴシック",sans-serif;}
.color0 {color:#555;}
.color1 {color:#fff;}
.color2 {color:#353535;}
.color3 {color:#9AD339;}
.color4 {color:#666;}
.color5 {color:#67A528;}
.color5:visited {color:#67A528;}
.color5:hover {color:#67A528;}
.color6 {color:#D11818;}
.bgcolor1 {	background-color:#fff;}
.bgcolor2 {	background-color:#F2EFEA;}
.bgcolor3 {	background-color:#FFFeF9;}
.bgcolor4 {	background-color:#67A528;}
.bgcolor5 {	background:linear-gradient(#ffff66,#ffdd44);}/*#ffee55*/
.ratio16-9 {
	width: 100%;
	padding-top: 56.25%;
}
.ratio3-2 {
	width: 100%;
	padding-top: 66.66%;
}
.ratio4-3 {
	width: 100%;
	padding-top: 75%;
}
}
.ratio1-1 {
	width: 100%;
	padding-top: 100%;
}
.bgcover {
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	}
.indent-1 {text-indent:-1em;padding-left:1em;}
.indent0 {text-indent:0;padding-left:0;}
.underline1 {
	border-bottom:solid 1px #ebebeb;}
.underline2 {
	border-bottom: 2px solid #ddd;}
.underline3 {
	border-bottom:solid 3px #444;}
.underline4 {
	border-bottom:solid 1px #0078c4;}
.underline5 {
	border-bottom:solid 2px #999;}
.underline6 {
	border-bottom:solid 1px #aaa;}
.shadow1 {
	box-shadow:rgba(164, 164, 164, 0.5) 1px 1px 3px 1px;
	-webkit-box-shadow:rgba(164, 164, 164, 0.5) 1px 1px 3px 1px;
	-moz-box-shadow:rgba(164, 164, 164, 0.5) 1px 1px 3px 1px;}
.text-shadow1 {text-shadow:0 0 3px #ddd;}
.text-shadow2 {text-shadow:1px 1px 3px rgba(0,0,0,0.3);}
.text-shadow3 {text-shadow:2px 2px 3px rgba(0,0,0,0.2),
               0px -5px 16px rgba(255,255,255,0.3);}
.button1 {
	padding: 0.5em 1em;
	border-radius: 1em;
	color: #fff;
	background-color: #67A528;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
	min-width: 6em;
}
.button1:visited {
	color: #fff;
	background-color: #88c44d;
}
}
.button1:hover {
	color: #fff;
	background-color: #88c44d;
}
/* .yoyaku-button {
    background: #67A528 none repeat scroll 0 0;
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.1);
	text-shadow:0 0 3px #fff;
    border: 0px solid #83cc00;
    border-radius: 2em;
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 1em 1em;
    text-align: center;
    text-decoration: none;
} */
.yoyaku-button {
	width: 80%;
	color:#444;
	text-decoration:none;
	display:block;
	padding:1em 1em;
	font-weight:bold;
	font-size: 1em;
	border-radius: 1em;
	background:linear-gradient(#ffff66,#ffdd44);
	margin-left:auto;
	margin-right:auto;
}
.yoyaku-button:visited {
	color: #000;
}
.yoyaku-button:hover {
	transition:all 0.3s;
	top:1px;
}
.ul1 {
	list-style-position:outside;}
.ul1 li {
	margin-left:2em;
	margin-bottom:0.5em;
	line-height:1.5;
	list-style-type:square!important;}
.ul2 li {
	float:left;
	list-style:disc;
	margin:0 1em 0 1em;}
.ul2 li a {
	margin-right:1em;}
.ul3 li {
	list-style:none;}
.ul4 li {
	list-style:disc;}
.ul5 li {
	float:left;
	list-style:none;}
.ol1 li {
	list-style:decimal;
	white-space:nowrap;
	margin:0 0 0.5em 1em;}
.ol2 li {
	list-style:decimal;
	margin:0 0 0.5em 1.5em;}
.ol3 li {
		list-style:decimal;
		margin:0 0 0.5em 1em;}
.dl01 {
	margin:0;}
.dl01 dt {
	float:left;}
.dl01 dt {
	width:140px;
	border-top:solid 1px #eee;
	padding: 5px 0;}

.dl01 dd {
	overflow:hidden;
	border-top:solid 1px #eee;
	padding: 5px 0;}

.logo {
	display:block;
	position:relative;
	max-width:90%;}

.course-box3 {
width:100%;}
.course-box3 a {
	display: block;
	position: relative;
	float: left;
	color: #555;
	text-decoration: none;
	width: 100%;	
	margin: ;
	border: #999 solid 0px;
	border-radius:5px;
	background: #95B55E;}
.course-box3 a:hover {
	color: #230;
	border-color: #6a3;
	background: #9AD339;}
.box1 {
	float:;
	padding:0em;
	background:#67A528;
	border:4px solid #67A528;}/*#67A528*/

.box2 {
	padding:1em;
	border:solid #eee 3px;}
.box3 {
	padding:20px 10px;
	border:solid #aaa;
	border-width:0px;
	background:#eee;
	border-radius:50px;}
.box4 {
	background:#eee;
	padding:1em;
	border:1px #ddd solid;}
.box5 {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #eeeeee;
    margin-top: 10px;
    padding: 10px 10px;
}
.box6 {
	padding:1em;
	background: #f4f4f4;
	border:solid #ddd 3px;}
.box7 {
	padding:1em;
	background: #f2ffee;
	border:solid #d2ffcc 0px;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);}

.box8 {
	float:;
	padding:0em;
	background:#fff;
	border:4px solid #67A528;}/*#67A528*/
.box9 {
	padding:1em;
	background: ;
	border:solid #ddd 3px;
	border:4px solid #67A528;}/*#67A528*/
.box10 {
	padding:2em 0;
	background: ;
	border-bottom:solid #ccc 1px;}
.box10.first {
	border-top:solid #ccc 1px;}
	
	
.inbox1 {
	padding:1em;
}


.odd-colored:nth-child(odd) {
	background:#f7f7f7;}

.background1 {
	background:#FEFFF4;}
.background2 {
	background:#ddd;}
.background3 {
	background:#418F67;}
.background4 {
	background:#F8F1DF;}
.background5 {
	background:#faf8f6;}
.background6 {
	background:#fff;}

.border1 {
	border:3px #eee solid;}	
.border2 {
	border:1px #ddd solid;}
.border3 {
	border:2px #95ce58 solid;}
.border-bottom2 {
	border-bottom:2px #ddd solid;
}
.border-bottom3 {
	border-bottom:3px #67A528 solid;
}
.border-top3 {
	border-top:3px #67A528 solid;
}

#page-top {
	position: fixed;
	background:;
	z-index:9999;
	bottom:7px;
	text-align:center;
	border-width:0;
	border-radius:10px;
	right: 0;}
#page-top a {
	color:#95ce58;
	text-decoration:none;
	display:block;
	padding:0em 0.3em;
	font-weight:bold;
	font-size: 2em;}
#contact {
	position: fixed;
	background:;
	opacity:0.7;
	z-index:1000;
	bottom:20px;
	text-align:center;
	border-width:0;
	border-radius:10px;
	right: 60px;}
#contact:hover {
	opacity:1;}
#contact a {
	color:#444;
	text-decoration:none;
	display:block;
	padding:0.3em 1em;
	font-weight:bold;
	font-size: 1em;
	border-radius: 1em;
	background:linear-gradient(#ffff66,#ffdd44);}
.ryoukin-table {
	width: 100%;
	margin-left: 0;
}	
.ryoukin-table td, .ryoukin-table th {
	text-align: center;
	border-bottom: 1px solid #ddd;
}
.koutei > div {
	display: inline-block;
	border: solid #ddd 0;
	border-radius:0.5em;
	background: #777;
	color:#fff;
	padding: 0.1em 0.3em;
	margin: 0 0 0.3em 0;
	font-weight:bold;
} 
.koutei > span {
	
	font-size:1.5em;
}


.table1 {
	border-collapse: separate;
	border:1px solid #aaa;
	border-width:1px 0 0 1px;}
.table1 .tourtitle a {
	font-weight:bold;}
.table1 .tourtitle {
	font-weight:bold;
	background:#eee;}
.table1 td, .table1 td.tourtitle {
	border:solid #aaa;
	padding:0.2em;
	border-width:0 1px 1px 0;}
.table1 td:first-child {
	width:275px;}
.table1 td:last-child {
	width:140px;}
	
.table2 {
	border-collapse: separate;
	border:1px solid #aaa;
	border-width:1px 0 0 1px;}
.table2 .title a {
	font-weight:bold;}
.table2 .title {
	font-weight:bold;
	background:#eee;}
.table2 td, .table2 td.title {
	border:solid #aaa;
	text-align:center;
	padding:0.2em;
	border-width:0 1px 1px 0;}
.table3 {
	border-collapse: separate;
	border:1px solid #aaa;
	border-width:1px 0 0 1px;}
.table3 .title a {
	font-weight:bold;}
.table3 .title {
	font-weight:bold;
	background:#eee;}
.table3 td, .table3 td.title {
	border:solid #aaa;
	text-align:center;
	vertical-align:middle;
	padding:0.2em;
	border-width:0 1px 1px 0;}
.table4 {
	border-collapse: separate;
	border:solid #aaa;
	border-width:1px 0 0 0;}
.table4 .tourtitle a {
	display:block;
	font-weight:bold;}
.table4 .tourtitle a:hover {
	color:#f00;	
	}
.table4 .tourtitle {
	font-weight:bold;
	background:#eee;}
.table4 td, .table4 td.tourtitle {
	border:solid #aaa;
	padding:1em 1em;
	border-width:0 0 1px 0;}
.table4 td:first-child {
	width:300px;}
.table4 td:last-child {
	width:140px;}	
.table5 {
	border-collapse: separate;
	border:solid #aaa 0;}
.table5 td, .table5 th {
	text-align: center;
	padding: 0.3em 0;
	border:dotted #aaa;
	border-width:0 0 1px 0;}
.table5 th {
	font-weight: bold;}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
bottom: -50px;}

.gallery-img {
	width:110px;
	margin:0 9px 9px 0;
	border-radius:5px;
}
    #fb-root {
        display: none;
    }
     
    .fb_iframe_widget, .fb_iframe_widget span,
    .fb_iframe_widget span iframe[style] {
        width: 100% !important;
    }


.faq p {
	margin-bottom:1em;
}
.faq section:nth-child(even) {
	background-color: #fafafa;
}
.faq section {
	padding-bottom:1em;
	border-bottom: solid 1px #ddd;
}
.faq section:hover {
	cursor: pointer;
	background:;
}
.faq2 section {
	}
.faq2 section:hover {
	cursor: pointer;
	background: #f7f7f7;
}

.faq2 section {
	overflow: hidden;}
.faq3 section:hover {
	cursor: pointer;
	background: #f4faed;
}
.pointer section:hover {
	cursor: pointer;
	background-color: #fdfdfd;
}
.monthly-info #tab li {
	float: left;
	line-height: 1.1;
	font-weight: normal;
	border: 1px solid #aaa;
	box-sizing: border-box;
	width:8.333333333%;
	text-align: center;
	padding: 10px 0;
	top: 5px;
	color: #777;
	border-radius: 5px 5px 0 0;
	cursor: pointer;
	background: rgb(238,238,238);
	background: -moz-linear-gradient(top, rgb(238,238,238) 0%, rgb(204,204,204) 100%);
	background: -webkit-linear-gradient(top, rgb(238,238,238) 0%,rgb(204,204,204) 100%);
	background: linear-gradient(to bottom, rgb(238,238,238) 0%,rgb(204,204,204) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
}
.monthly-info #tab li:hover {
	top: 0;
}
.monthly-info #tab li.select {
	background: #fcfbf4;
	font-weight: bold;
	color: #000;
	top: 0;
}
.tab-contents {
	border: solid #aaa;
	border-width: 0 1px 1px 1px;
	border-radius: 0 0 5px 5px;
	top: -1px;
	background: #fcfbf4;
}
.content_wrap {
	padding: 1em;
}
.zoom-icon {
	float: right;
	top:-2.1em;
	z-index:990;
	height:0;
	margin: 0 0.5em 0 0;
	color: #fff;
	xfilter: drop-shadow(0 0 1px rgba(0,0,0,1.0));}
.zoom-icon img {
	width:1em;height:auto;}
.fluidbox__overlay {
	background-color: rgba(0,0,0,0.6)!important;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 0;
}
#toc_container {
	margin-bottom: 4em;
}
.border-gradient1 {
	border-bottom: 1px solid #67A528;
	border-image: linear-gradient(to right, #67A528 20%, #eee 20%);
	border-image-slice: 1;
}
/*************************************** wp **************************/
.entry-content h2 {
	border-left: 5px solid #67A528;
	background: #f7f7f7;
	padding: 0.5em;}
.entry-content h3 {
    border-bottom: 1px solid #67A528;
    border-image: linear-gradient(to right, #67A528 30%, #eee 30%);
    border-image-slice: 1;}
.entry-content h4 {
	border-left: 3px solid #67A528;
	padding: 0.5em;}
.entry-content h5 {
	border-bottom: 1px solid #ddd;}
.content-area a, .content-area a:visited {color: #0000ff;}
.content-area a:hover {color: #5555ff;}
.entry-meta a,.entry-meta a:visited,.entry-meta a:hover {color: #000;}
.nav-links a,.nav-links a:visited,.nav-links a:hover {color: #000;}
/*************************************** inview effects **************/
.fadeIn1 {
	transition: opacity 1s;
	opacity: 1;}

.slideDown1 {opacity: 0;top: -30px;}
.slideDown1-on {
	animation-name: slideDown1-anime;
	animation-duration: 1s;
	animation-timing-function: ease;
	animation-iteration-count: 1;
	animation-delay: 0.0s;
	animation-fill-mode: forwards;}
@keyframes slideDown1-anime {
	0% {opacity: 0;top: -30px;}
	100% {opacity: 1;top: 0;}
}
.slideDown2 {opacity: 0;top: -30px;}
.slideDown2-on {
	animation-name: slideDown2-anime;
	animation-duration: 1s;
	animation-timing-function: ease;
	animation-iteration-count: 1;
	animation-delay: 0.7s;
	animation-fill-mode: forwards;}
@keyframes slideDown2-anime {
	0% {opacity: 0;top: -30px;}
	100% {opacity: 1;top: 0;}
}

.slideLeft1 {opacity: 0;left: 20%;}
.slideLeft1-on {
	animation-name: slideLeft1-anime;
	animation-duration: 1s;
	animation-timing-function: ease;
	animation-iteration-count: 1;
	animation-delay: 0.5s;
	animation-fill-mode: forwards;}
@keyframes slideLeft1-anime {
	0% {opacity: 0;left: 20%;}
	100% {opacity: 1;left: 0;}
}

.fadeIn2 {opacity: 0;}
.fadeIn2-on {
	animation-name: fadeIn2-anime;
	animation-duration: 1s;
	animation-timing-function: ease;
	animation-iteration-count: 1;
	animation-delay: 0.0s;/*0.7s*/
	animation-fill-mode: forwards;
}
@keyframes fadeIn2-anime {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
	
/*************************************** comment baloon **************/
.title-comment-meta:before {
	-moz-osx-font-smoothing: grayscale;
	 -webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: FontAwesome;
	font-size: 16px;
	font-size: 1rem;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	speak: none;
	text-align: center;
	text-decoration: inherit;
	text-rendering: auto;
	text-transform: none;
}
.title-comment-meta:before {
	content: "\f0e5";
	font-size: 21px;
	font-size: 1.3125rem;
	margin-right: 3px;
	margin-right: 0.1875rem;
	position: relative;
	text-decoration: none;
	top: 2px;
}
.entry-title .title-comment-meta:before {
	content: "";
}
.title-comment-meta:hover {
	color: #dd3811;
	text-decoration: none;
}
.title-comment-meta:focus {
	color: #dd3811;
	text-decoration: none;
}

/**************************************** mail form pro **********/

input,
textarea,
select{
    font-size:16px;
    font-family: "游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","ＭＳ ゴシック",sans-serif;
    border: 1px solid #B9C9CE;
    border-radius:5px;
    padding: 1px;
	margin-bottom:5px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
	width:80%!important;
}
 
input[type=text]:focus,
textarea:focus {
  border-color:#83B6C2;
    outline:none;
    box-shadow:2px 2px 4px rgba(143,183,222,0.6),-2px -2px 4px rgba(143,183,222,0.6),inset 0 1px 2px rgba(0,0,0,0.2);
}
::-webkit-input-placeholder {
    color:#AFAFAF;
}
:-moz-placeholder {
    color:#AFAFAF;
}

table#mfp_confirm_table tr th {
	width:auto!important;
	white-space: normal;}
.must {font-size:12px;}
input[type=checkbox] {
	width: 2em!important;
	margin: 8px 0 0 0!important;
	float: left;
	box-shadow: none!important;
}
.label2 {
	width: calc(100% - 3em);
	white-space: normal!important;
	word-wrap:break-all!important;
	padding: 0!important;
	margin: 0!important;
}
.mfp_element_submit, .mfp_element_reset, .mfp_element_button {
	color:#292115;
	text-shadow:none;
}
input[type=radio] {
	width:auto!important;
	box-shadow: none!important;
}
/**************************************** l **********/
@media screen and (max-width: 1333px) {

	.wrapper1 {width:940px;}
	#navi ul li a {
		padding: 1em 0em 0.7em;
		font-size: 16px;}
	.sitemap li {width:25%;}

	.l-width50 {
		width:50%;
		max-width:50%;}
	.l-width49 {
		width:49%;
		max-width:49%;}
	.l-hidden {display:none;}
	.l-show {display: block;}
	.l-display {display:block;}
	.row {
		width:;
		overflow:;
		margin-left:0px;
		font-size:0;
		letter-spacing: 0;
		word-spacing:0;}
	.l-grid1,.l-grid2,.l-grid3,.l-grid4,.l-grid5,.l-grid6,.l-grid7,.l-grid8,.l-grid9,.l-grid10,.l-grid11,.l-grid12 {
		display:inline-block;
		vertical-align:top;
		overflow:;
		background:/*#efefef*/;
		margin:0 20px 1px 0px;/*-0.185rem*/
		padding-bottom:0px;
		height:100%;
		font-size:1rem;}
	.l-grid1 {width:60px;}
	.l-grid2 {width:140px;}
	.l-grid3 {width:220px;}
	.l-grid4 {width:300px;}
	.l-grid5 {width:380px;}
	.l-grid6 {width:460px;}
	.l-grid7 {width:540px;}
	.l-grid8 {width:620px;}
	.l-grid9 {width:700px;}
	.l-grid10 {width:780px;}
	.l-grid11 {width:860px;}
	.l-grid12 {width:940px;}
	.l-block {display:block!important;}
	.l-text-center {text-align:center;}
	.l-center {float:none;margin-left:auto;margin-right:auto;}
	.l-margin-top100 {margin-top:100px!important;}
	.l-margin-top20 {margin-top:20px!important;}
	
	.l-padding-bottom5 {padding-bottom: 5px!important;}
	.l1-1 {width: 100%;}
	.l3-4 {width: 75%;}
	.l2-3 {width: 66.6666666%;}
	.l1-2 {width: 50%;}
	.l3-8 {width: 37.5%;}
	.l1-3 {width: 33.3333333%;}
	.l1-4 {width: 25%;}
	.l1-5 {width: 20%;}
	.l1-6 {width: 16.6666666%;}
	.l1-7 {width: 14.285%;}
	.l1-8 {width: 12.5%;}
	.l1-9 {width: 11.1111111%;}
	.l1-10 {width: 10%;}
	.l1-11 {width: 9.090%;}
	.l1-12 {width: 8.3333333%;}
	
.rem06 {font-size:10.8px;}
.rem08 {font-size:14.4px;}
.rem09 {font-size:16.2px;}
.rem10 {font-size:18.0px;}
.rem11 {font-size:19.8px;}
.rem12 {font-size:21.6px;}
.rem14 {font-size:25.2px;}
.rem16 {font-size:25.2px;}
.rem17 {font-size:30.6px;}
.rem175 {font-size:31.5px;}
.rem18 {font-size:32.4px;}
.rem20 {font-size:36.0px;}
.rem22 {font-size:39.6px;}
.rem24 {font-size:43.2px;}
.rem26 {font-size:46.8px;}
.rem28 {font-size:50.4px;}
.rem30 {font-size:54.0px;}
.rem32 {font-size:57.6px;}
.rem34 {font-size:61.2px;}
.rem38 {font-size:68.4px;}
}

/**************************************** l2 **********/
@media screen and (max-width: 800px) {
	.l2-hide {
		display: none;
	}
	.l2-border-bottom0 {
		border-bottom-width: 0;
	}
}
/**************************************** m **********/
@media screen and (max-width: 996px) {
	.wrapper1 {width:calc(100% - 20px);/*620px;*/
		padding:0 0em;
		overflow:hidden;}
	#navi ul li  {width:33.3%;}
	#navi ul li a {
		padding: 0.3em 0em 0.3em;
		margin-bottom:3px;
		font-size: 16px;
		border-radius:10px;
		background: #f4f4f4;}
	#mainmenu li a:hover {
		border-radius:10px;}
	#mainmenu li a.selected {
		border-radius:10px;}
	.sitemap li {width:33.3%;font-size:14px;}
	.eco-tour-course2 {
		display:block;
		text-align: left;
		font-size:14px;
		padding: 0.3em;
		border:0 solid #ddd;
		border-radius: 5px;
		margin-bottom: 1em;
	}
	.eco-tour-course2 img {
		max-width: 100%;
		width: 100%;
		margin:0 auto 0.7em auto;
	}
	.m-block {display:block!important;}
	.m-table-block td {
		display:block!important;
		max-width:100%;}
	.popup-gallery a {width:120px;}

	.m-bold {font-weight:bold;}
	.m-margin-bottom30 {margin-bottom:30px;}
	.m-hidden {display:none;}
	.m-show {display: block;}
	.m-left {float:left;}
	.m-right {float:right;}
	.row {
		width:;
		overflow:hidden;
		margin-left:0px;
		font-size:0;
		letter-spacing: 0;
		word-spacing:0;}
	.m-grid1,.m-grid2,.m-grid3,.m-grid4,.m-grid5,.m-grid6,.m-grid7,.m-grid8,.m-grid9,.m-grid100p,.m-grid11,.m-grid12 {
		display:inline-block;
		vertical-align:top;
		overflow:;
		background:/*#efefef*/;
		margin:0 20px 1px 0px;/*-0.185rem*/
		padding-bottom:0px;
		height:100%;
		font-size:1rem;}

	.m-width100 {
		width:100%;
		max-width:100%;}
	.m-width50 {
		width:50%;
		margin-left:0;
		max-width:50%;}
	.m-margin-left10 {margin-left:10px;}
	.m-margin-left5 {margin-left:5px;}
	.m-margin-right5 {margin-right:5px;}
	.m-margin-top5 {margin-top:5px!important;}
	.m-height10em {height:10em;}
	.m-rem12 {font-size:1.2rem;}
	.m-padding10 {padding:10px;}
	.m-padding-right0 {padding-right: 0!important;}
	.m-padding-left0 {padding-left: 0!important;}
	.m-padding-right5 {padding-right: 5px!important;}
	.m-padding-left5 {padding-left: 5px!important;}
	.m-grid1 {width:60px;}
	.m-grid2 {width:140px;}
	.m-grid3 {width:220px;}
	.m-grid4 {width:300px;}
	.m-grid5 {width:380px;}
	.m-grid6 {width:460px;}
	.m-grid7 {width:540px;}
	.m-grid8 {width:calc(100% - 20px);}/*620px;}*/
	.m-grid9 {width:700px;}
	.m-grid100p {width:96.1%;}
	.m-text-center {text-align:center;}
	.m-text-left {text-align:left;}
	.m1-1 {width: 100%;}
	.m3-4 {width: 75%;}
	.m2-3 {width: 66.6666666%;}
	.m1-2 {width: 50%;}
	.m3-8 {width: 37.5%;}
	.m1-3 {width: 33.3333333%;}
	.m1-4 {width: 25%;}
	.m1-5 {width: 20%;}
	.m1-6 {width: 16.6666666%;}
	.m1-7 {width: 14.285%;}
	.m1-8 {width: 12.5%;}
	.m1-9 {width: 11.1111111%;}
	.m1-10 {width: 10%;}
	.m1-11 {width: 9.090%;}
	.m1-12 {width: 8.3333333%;}
	
	.rem08 {font-size:0.8rem;}
	.rem09 {font-size:0.9rem;}
	.rem10 {font-size:1.0rem;}
	.rem11 {font-size:1.0rem;}
	.rem12 {font-size:1.0rem;}
	.rem14 {font-size:1.2rem;}
	.rem16 {font-size:1.2rem;}
	.rem17 {font-size:1.2rem;}
	.rem175 {font-size:1.2rem;}
	.rem18 {font-size:1.2rem;}
	.rem20 {font-size:1.2rem;}
	.rem22 {font-size:1.2rem;}
	.rem24 {font-size:1.2rem;}
	.rem26 {font-size:1.2rem;}
	.rem28 {font-size:1.2rem;}
	.rem30 {font-size:1.2rem;}
	.rem32 {font-size:1.2rem;}
	.rem34 {font-size:1.2rem;}
	.rem38 {font-size:2.8rem;}
	

}
/**************************************** s **********/
@media screen and (max-width: 667px) {
	body {
		font-size:16px;
		-webkit-text-size-adjust: 100%;}
	.wrapper1 {width:calc(100% - 20px);/*460px;*/
		padding:0 0em;
		overflow:hidden;}
	.sitemap li {width:50%;font-size:14px;}
	.s-width50 {
		max-width:50%;}
	.s-width100 {
		width:100%;
		max-width:100%;}
	.main-navi li {
		width:49%;
		margin:1px 2px 1px 0;}
	.dl01 dt {
		width:100%;
		border-top:solid 1px #eee;
		padding: 5px 0;
		clear:both;}
	.dl01 dd {
		overflow:visible;
		display:block;
		border-top:solid 1px #eee;
		padding: 5px 0;
		margin-left:0;}
	.s-margin-right0 {margin-right:0!important;}
	.s-margin-left0 {margin-left:0!important;}
	.s-margin-bottom20 {margin-bottom:20px!important;}
	.s-padding-right5 {padding-right: 5px!important;}
	.s-padding-right0 {padding-right: 0!important;}
	.s-padding-left5 {padding-left: 5px!important;}
	.s-padding-top0 {padding-top: 0!important;}
	.s-hidden {display:none;}
	.s-show {display: block;}
	
	.row {
		width:;
		overflow:hidden;
		margin-left:0px;
		font-size:0;
		letter-spacing: 0;
		word-spacing:0;}
	.s-grid1,.s-grid2,.s-grid3,.s-grid4,.s-grid5,.s-grid6,.s-grid7,.s-grid8,.s-grid9,.s-grid10,.s-grid11,.s-grid12 {
		display:inline-block;
		vertical-align:top;
		overflow:;
		background:/*#efefef*/;
		margin:0 20px 1px 0px;/*-0.185rem*/
		padding-bottom:0px;
		height:100%;
		font-size:1rem;}
	.s-grid1 {width:60px;}
	.s-grid2 {width:140px;}
	.s-grid3 {width:220px;}
	.s-grid4 {width:300px;}
	.s-grid5 {width:380px;}
	.s-grid6 {width:calc(100% - 20px);}/*460px;}*/
	.s1-1 {width: 100%;}
	.s3-4 {width: 75%;}
	.s2-3 {width: 66.6666666%;}
	.s1-2 {width: 50%;}
	.s3-8 {width: 37.5%;}
	.s1-3 {width: 33.3333333%;}
	.s1-4 {width: 25%;}
	.s1-5 {width: 20%;}
	.s1-6 {width: 16.6666666%;}
	.s1-7 {width: 14.285%;}
	.s1-8 {width: 12.5%;}
	.s1-9 {width: 11.1111111%;}
	.s1-10 {width: 10%;}
	.s1-11 {width: 9.090%;}
	.s1-12 {width: 8.3333333%;}

	.rem08 {font-size:0.7rem;}
	.rem09 {font-size:0.8rem;}
	.rem10 {font-size:0.9rem;}
	.rem11 {font-size:1.0rem;}
	.rem12 {font-size:1.0rem;}
	.rem14 {font-size:1.1rem;}
	.rem16 {font-size:1.1rem;}
	.rem17 {font-size:1.1rem;}
	.rem175 {font-size:1.1rem;}
	.rem18 {font-size:1.1rem;}
	.rem20 {font-size:1.1rem;}
	.rem22 {font-size:1.1rem;}
	.rem24 {font-size:1.1rem;}
	.rem26 {font-size:1.1rem;}
	.rem28 {font-size:1.1rem;}
	.rem30 {font-size:1.1rem;}
	.rem32 {font-size:1.1rem;}
	.rem34 {font-size:1.1rem;}
	.rem38 {font-size:2.0rem;}
}

/************************************************************************************   xs   ****/
@media screen and (max-width:479px){
	.wrapper1 {width:calc(100% - 20px);/*300px;*/
		padding:0 0em;
		overflow:hidden;}
	#navi ul li  {width:50%;}
	#navi ul li a  {font-size:14px;}
	.eco-tour-course {font-size:12px;}
	.load-blog-box {font-size:12px;}
	.eco-tour-course img {width:50px;margin-right:5px;}
	.load-blog-box img {width:100%;}
	.sitemap li {width:100%;font-size:14px;}
	.sitemap li a {padding:0.1em 1em;}
	.xs-width50 {
		max-width:50%;}
	.xs-width46 {
		max-width:46%;}
	.xs-width100 {
		width:100%!important;
		max-width:100%;}
	.main-navi li {
		width:49%;
		margin:1px 2px 1px 0;}
	.xs-margin-right0 {margin-right:0!important;}
	.xs-margin-left0 {margin-left:0!important;}
	.xs-margin-bottom20 {margin-bottom:20px!important;}
	.xs-padding-top0 {padding-top: 0!important;}
	.xs-hidden {display:none;}
	.xs-show {display: block;}
	.xs-overflow-visible {overflow:visible!important;}
	.xs-text-left {text-align: left;}
	.xs-text-center {text-align: center;}
	.xs-block {display: block;}
	.xs-float-none {float: none;}
	.row {
		width:;
		overflow:hidden;
		margin-left:0px;
		font-size:0;
		letter-spacing: 0;
		word-spacing:0;}
	.xs-grid1,.xs-grid2,.xs-grid3,.xs-grid4,.xs-grid5,.xs-grid6,.xs-grid7,.xs-grid8,.xs-grid9,.xs-grid10,.xs-grid11,.xs-grid12 {
		display:inline-block;
		vertical-align:top;
		overflow:;
		background:/*#efefef*/;
		margin:0 20px 1px 0px;/*-0.185rem*/
		padding-bottom:0px;
		height:100%;
		font-size:1rem;}
	.xs-grid1 {width:60px;}
	.xs-grid2 {width:140px;}
	.xs-grid3 {width:220px;}
	.xs-grid4 {width:calc(100% - 20px);}/*300px;}*/
	.xs-grid5 {width:380px;}
	.xs-grid6 {width:460px;}
	.xs-none-float {float:none;}
	.xs1-1 {width: 100%;}
	.xs3-4 {width: 75%;}
	.xs2-3 {width: 66.6666666%;}
	.xs1-2 {width: 50%;}
	.xs3-8 {width: 37.5%;}
	.xs1-3 {width: 33.3333333%;}
	.xs1-4 {width: 25%;}
	.xs1-5 {width: 20%;}
	.xs1-6 {width: 16.6666666%;}
	.xs1-7 {width: 14.285%;}
	.xs1-8 {width: 12.5%;}
	.xs1-9 {width: 11.1111111%;}
	.xs1-10 {width: 10%;}
	.xs1-11 {width: 9.090%;}
	.xs1-12 {width: 8.3333333%;}

}