@charset "UTF-8";

/* ****************************************************
Title: base.css
***************************************************** */
a:link    { text-decoration:none;}
a:visited { text-decoration:none;}
a:hover   { text-decoration:none;}
a:active  { text-decoration:none;}

h1 {  }



/* # body
---------------------------------------------------------------------------- */
body {
}


/* # header
---------------------------------------------------------------------------- */
#header {
	height: 68px;
	background:#fff;
}

#header #logo {margin-right:auto; margin-left:70px; padding-top:12px;}

#header #nav {width:850px; padding-right:20px; padding-top:20px;}

#header #nav a img {
    display: block;
    padding: 0 1em 1.56em;
}

#header #nav .nav1 a img:hover { border-bottom: solid #EB5300 3px;}
#header #nav .nav2 a img:hover { border-bottom: solid #8BD1F6 3px;}
#header #nav .nav3 a img:hover { border-bottom: solid #B7D300 3px;}
#header #nav .nav4 a img:hover { border-bottom: solid #9E714F 3px;}
#header #nav .nav5 a img:hover { border-bottom: solid #DFA11D 3px;}
#header #nav .nav6 a img:hover { border-bottom: solid #B88AD2 3px;}

/* # gNavi
---------------------------------------------------------------------------- */
#nav {
}


/* # pageBody
---------------------------------------------------------------------------- */
#pagebody {
	background:#D2F4ED;
	background-image: url(../img/common/btm_bg.png);
	background-repeat: repeat-x;
	background-position: bottom center;
	padding:0 0 285px;
	line-height:1.6;
}

#pagebody article {background: url(../img/common/tr_bg.png) top right no-repeat;}
#pagebody article .bg_l {background: url(../img/common/tl_bg.png) top left no-repeat;}
#pagebody article .bg_l .pagecont {position:relative;padding: 150px 0 0;}
#pagebody article .bg_l .tohead {position: absolute; bottom:0; right:-100px;}

#pagebody article section .bar {margin-bottom:40px;}
#pagebody article section {margin-bottom:150px;}

#pagebody article .bg_l .pagecont  a:hover img {opacity:0.7;}

/* # footer
---------------------------------------------------------------------------- */
#footer {
	background:#6EC323;
	color:#fff;
	padding:20px 0;
}
#footer a{ color:#fff; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer #f_logo {margin:0 auto 50px; width:269px;}
#footer #f_navi {width: 900px; margin:0 auto 50px; font-size:90%;}
#footer .address {text-align:center; color:#fff;}



/* その他
---------------------------------------------------------------------------- */
.imgover {}

.bold{font-weight:bold;}
.red {color:red;}
.yellow{color:#FFFFBF;}
.gray {color:#555;}
.fl {float:left;}
.fr {float:right;}
.stxt {font-size:85%;}
.mtxt {font-size:115%;}
.mltxt {font-size:125%;}
.ltxt {font-size:150%;}
.w1200 {width:1200px; margin: 0 auto;}
.w1100 {width:1100px; margin: 0 auto;}
.w1000 {width:1000px; margin: 0 auto;}
.w100{width:100%;}
.dc {display:block; text-align:center;}
.ma {margin-left: auto; margin-right: auto;}
.flex {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
.jc_sb {-webkit-justify-content:space-between;justify-content:space-between;}
.jc_sa {-webkit-justify-content:space-around;justify-content:space-around;}
.jc_ce {-webkit-justify-content:center;justify-content:center;}
.fl_wp {flex-wrap:-webkit-wrap; flex-wrap:-moz-wrap;flex-wrap:-ms-wrap;flex-wrap:wrap;}
.ai_ce{-webkit-align-items: center;  align-items: center;}
.txtc {text-align:center;}
.btn:hover {opacity:0.7;}
.sp { display: none !important;}

/* ----------------------------------------
  マージン設定
---------------------------------------- */
.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}


/* clearfix
---------------------------------------------------------------------------- */

.cf:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.cf {
  min-height: 1px;
}

* html .cf {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*
behavior: url(/css/pie/PIE.htc); 
*/

@media screen and (max-width:767px){
.pc {display:none;}
.sp {display:block !important;}	
.w1200, 
.w1100,
.w1000 {width:100%; margin: 0 auto;}
.sw100{width:100%;}

.fl,
.fr {float:none;}

.mean-bar .h_entry {width: 18.75vw;position: absolute;}
.mean-bar .h_logo_sp {height:12.6vw;}
.mean-bar .h_logo_sp a {display: inline-block;width: 45vw;padding-top: 2vw;padding-left: 2vw;}

header#header {height:12.6vw;}

#pagebody {background-size:250%;
-webkit-animation: bgscroll 25s linear infinite;
animation: bgscroll 100s linear infinite;
padding: 0 0 285px;
}

#pagebody article .bg_l .tohead {position: absolute; bottom:-5%; right:50%; width:27px;}

@-webkit-keyframes bgscroll {
 0% {background-position: 0 bottom;}
 100% {background-position: 1657px bottom;}
}

@keyframes bgscroll {
 0% {background-position: 0 bottom;}
 100% {background-position: 1657px bottom;}
}

#pagebody article .bg_l .pagecont {padding: 100px 0 0;}



#footer #f_navi {width: 100%; margin:0 auto 50px;}

#footer #f_navi ul {width:; border-top:dotted #fff 1px; flex-wrap:-webkit-wrap; flex-wrap:-moz-wrap;flex-wrap:-ms-wrap;flex-wrap:wrap; overflow:hidden;}
#footer #f_navi ul li {width:50%; border-bottom:dotted #fff 1px; text-align:center;}
#footer #f_navi ul li:first-child {width:100%;}
#footer #f_navi ul li:nth-child(2n) {}
#footer #f_navi ul li a {display:block; width:100%;  padding:0.8em 0;border-right:dotted #fff 1px;}
}

@media screen and (min-width:768px){
#sp_nav {display:none !important;}
}