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

@import url(https://fonts.googleapis.com/css?family=Lato:400,700,700italic,400italic);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);


.mt0{ margin-top:0 !important;}
.mt8{margin-top:8px;}
.mt5{ margin-top:5px !important;}
.mt10{ margin-top:10px !important;}
.mt15{ margin-top:15px !important;}
.mt20{ margin-top:20px !important;}
.mt30{ margin-top:30px !important;}
.mt40{ margin-top:40px !important;}
.mt50{ margin-top:50px !important;}
.mt80{ margin-top:80px !important;}
.mt100{ margin-top:100px !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;}
.mb40{ margin-bottom:40px !important;}
.mb50{ margin-bottom:50px !important;}
.mb100{ margin-bottom:100px !important;}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.mr40{margin-right:40px}
.mr50{margin-right:50px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.ml40{margin-left:40px}
.ml50{margin-left:50px}
.ml100{margin-left:100px}

.fl{float:left;}
.fr{float:right;}
.fc{clear:both;}



body{
font-family:'Lato','Noto Sans Japanese','メイリオ',Meiryo,'Osaka',Osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
/*font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto ,  "メイリオ" , Meiryo , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
*/
width:100%;
margin:0;
padding:0;
font-size:14px;
/*background-image: url("../image/common/bg1.jpg");
*/
background-attachment:fixed;
word-break: break-all;
overflow-x:hidden;
}
a{
	text-decoration:none;
	color: #24872A;}

p{font-weight: 400;
letter-spacing:1px;
line-height:24px;
}


a:hover,a:hover img{
    cursor:pointer;
    filter: alpha(opacity=80);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=80)";  /* ie 8 */
    -moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.8;              /* Safari 1.x */
    opacity:0.8;
    zoom:1;
}
li{
	list-style-type:none;}


.fc{
	clear:both;}
	
/*スマホナビ*/	
#sp_header{
	display:none;}

	



.width9{
	width:900px;
	margin:auto;
	}



#pageTop {
  position: fixed;
  z-index:1000;
  bottom: 10px;
  right: 30px;
}
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
footer{
	text-align:center;
	margin:0 auto;
	padding:20px 0 0;
	position:relative;
	 }
.footer_ecopiyo_img{
	position:absolute;
	top:20px;
	left:17%;}	 
.footer_btn{
	display:block;
	padding:10px;
	width:50%;
	border:solid 1px  #006633;
	color:#006633;
	margin:10px auto;}	 
.copy{
	font-size:11px;
	text-align:center;
	padding:0;
	margin-top:0px;
	width:100%;}	
.copy p{
	line-height:10px;
	color: #666;}

	
	
.pc_none{
	display:none !important;
}

@media screen and (max-width: 1100px) {
.footer_ecopiyo_img{
	display:none;}	


}
@media screen and (max-width: 900px) {

.header_menu {
  position: fixed;
  z-index: 100;
  top:0;
}
.header_menu .btnMenu img{
  height: 50px;
  width: 50px;
  top: 0px;
  right: 0px;
  position: absolute;
  padding:0px;
}


	

.sp_none{
	display:none !important;
}

.pc_none{
	display:block !important;
}

.width9{
	width:94%;
	}



.footer_l{
	float:none;
	margin:0 auto;
	text-align:center;}
.copy p{
	padding:0 10px;
	margin:5px;
	line-height:17px;}	
}
@media screen and (max-width: 600px) {
#sp_header{
	display:block;
	z-index:1000;
	background-color:#FFF;}

.header_menu {
  height: 60px;
  position: fixed;
  width: 60px;
  z-index: 100;
  top:0;
  right:0;
}
.header_menu .btnMenu {
  top: 0px;
  right: 0px;
  position: absolute;
  padding:0px;
}

.gNav {
  background: #fff;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.gNav .gNav_list li {
  border-bottom: 1px solid #F29300;
  box-sizing: border-box;
  width: 100%;
  list-style:none;
  padding-left:5px;
  font-size:16px;
}
.gNav .gNav_list li a {
  color:#F29300;
  display: block;
  padding: 15px 10px;
  text-decoration: none;
}

#pageTop {
  position: fixed;
  bottom:5px;
  right: 10px;
}


#pageTop img{
	width:60px;}
.bn img{
	width:60%;
}
.otoiawase_img{
	width:90%;}	

.otoiawase1{
	width:90%;
	color:#FF6600;
	padding:10px 0;
}	
.otoiawase2{
	width:90%;
	margin:10px 0;
	padding:10px 0;
}
.otoiawase_p2 br{
	display: block;}
	
.otoiawase3{
	width:90%;
	margin:10px 0;
	padding:10px 0;
}	
.footer_logo{
	width:90%;}	 

	
}