@charset "utf-8";
@import url("basic.css");
@import url("menu.css");
@import url("eco.css");
@import url("policy.css");
@import url("about.css");
@import url("event.css");
@import url("ecoevent.css");
@import url("contact.css");
@import url("dantai.css");
/*
Theme Name: ecolife
Author: arktain
Author URI: https://www.arktain.jp/
*/

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}
img{vertical-align:top;}
a img:hover{opacity:.8;}
table {width:100%;border-collapse: separate;border-spacing: 0;}
td{vertical-align: middle;}
a img {border: 0;transition:all 0.3s;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

* {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
  box-sizing: border-box;
}

body{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 16px;
color:#333;
-webkit-text-size-adjust: none;
}


/* リンク設定
------------------------------------------------------------*/
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#333;
transition:opacity 0.3s;
}

a:hover, a:active{
outline: none;
color:#0078C4;
opacity:1;
}


/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after, ul.post li:after{content:""; display: table;clear: both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post, ul.post li{zoom: 1;}


/* フォーム
------------------------------------------------------------*/


/* レイアウト
------------------------------------------------------------*/
#wrapper{
margin:0 auto 0;
width:100%;
overflow:hidden;
}

.head_inner{
margin:0 auto 0;
width:940px;
}

.inner{
margin:0 auto 0;
width:940px;
overflow:hidden;
}

.text_box{
margin:0 auto 0;
width:700px;
}

#header{background:#fff;}

#content{
width:100%;
padding:0 0 10px 0;
margin:0 auto 0;
}

.post_info{
width:680px;
float:left;
border-top:solid 1px #ccc;
}

#sidebar{
float:right;
width:230px;
margin-bottom:30px;
}
.post{margin:50px auto 20px;padding:0;text-align: justify; text-justify: inter-ideograph;}


/* ヘッダー
*****************************************************/
#headerTopicContainer h1{padding:0;font-size:10px;font-weight:normal;text-align:left;line-height:1.2;}
.h_mail{float:right;background: url(../../../userdata/header/h_mail.png) no-repeat;}
.h_mail a{width:60px;height:60px;background: url(../../../userdata/header/h_mail.png) no-repeat;display:block;text-indent: -9999px;}
.h_mail a:hover{background: url(../../../userdata/header/h_mail-o.png) no-repeat;}

.logo_area{margin-top:20px;}
.logo_box{text-align:center;}
.sns_box{float:left;margin-top:20px;}


/* フッター
*****************************************************/
#footer{clear:both;width:100%;background:#E3F5EB url(../../../userdata/footer/f_bgl.png) repeat-x center bottom;padding-top:30px;min-height:460px;} 

.foot_box{display:flex;flex-wrap:wrap;justify-content: space-between;margin-bottom:20px;}
.foot_inbox_s{width:20%;}
.foot_inbox_l{width:30%;}
.foot_box h3{background:url(../../../userdata/footer/ico_earth.png) no-repeat 0px 0px;font-weight:bold;padding:5px 0 0 30px;height:30px;}
.foot_box li{list-style-type: none;font-size:13px;line-height:1.8;}
.foot_box ul{margin:5px 0 0 32px;}
.foot_box h3 a{color:#338501;transition:all 0.3s;}
.foot_box h3 a:hover{color:#0078C4;}
#copyright{text-align:center;background:#fff;color:#006258;padding:20px 0;font-weight:bold;font-size:14px;}

#foot_logoarea{background:#fff;padding:25px;float:right;width:740px;border-radius:6px;display:flex;flex-wrap: wrap;justify-content: space-between;}
.foot_left{width:320px;display:flex;flex-wrap: wrap;justify-content: space-between;}
.foot_right{width:330px;display:flex;flex-direction:column;justify-content:center;}
.sdgs{width:125px;}
.cool_c{width:180px;}
.sdgs_txt{width:100%;font-weight:bold;font-size:14px;color:#555;line-height:1.2;margin-top:10px;}
.foot_add{width:100%;text-align:right;font-size:14px;line-height:1.3;margin-top:5px;}

#sp_sponsor{margin:10px auto 40px;width:330px;}
#sp_sponsor h3{font-weight:mormal;font-size:18px;text-align:center;}
#sp_sponsor ul{display:flex;justify-content: space-between;margin:20px 0 0;}
#sp_sponsor li{width:48%;border:1px solid #ccc;list-style-type: none;padding:5px;display:flex;justify-content:center;align-items:center;}
#sp_sponsor li a{color:#019E97;font-size:24px;font-weight:bold;transition:all 0.3s;}
#sp_sponsor li a:hover{color:#0078C4;}
#sp_sponsor li img{width:100%;}
.link_banner{position:relative;margin:10px auto 30px;display:block;background:#9BD088;border-radius:4px;width:40%;height:38px;text-align:center;font-weight:bold;}
.link_banner a{position: absolute;top: 0;left: 0;height:100%;width: 100%;color:#fff;transition:all 0.3s;padding:7px;}
.link_banner a:hover{background:#87C66F;border-radius:4px;}




/* 768px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 768px){
.post_info{width:100%;float:none;}
#sidebar{float:none;width:100%;margin-bottom:30px;}
body{font-size:80%;}
#headerTopicContainer h1{display:none;}
.head_inner{margin:0 auto 0;width:100%;}
.h_mail{display:none;}
.logo_area{margin-top:10px;}
.logo_box{text-align:center;}
.logo_box img{width:80%;}
.sns_box{display:none;}
div#wrapper{width:100%;}
div.post{padding:10px;margin:20px auto;}
div.inner{width:100%;padding:0 10px;}
div.text_box{width:100%;padding:0 10px;}

#footer{padding-top:30px;min-height:460px;overflow:auto;} 

.foot_box{justify-content:center;margin-bottom:0px;}
.foot_inbox_s{width:100%;margin-bottom:20px;}
.foot_inbox_l{width:100%;margin-bottom:20px;}

#foot_logoarea{padding:20px;float:none;width:97%;justify-content:center;flex-direction:column-reverse;margin:0 auto 100px;}
.foot_left{width:100%;display:flex;flex-wrap: wrap;justify-content: space-between;}
.foot_right{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:20px;}
.sdgs{width:50%;text-align:center;}
.cool_c{width:50%;text-align:center;}
.sdgs img{width:80%;}
.cool_c img{width:80%;}
.sdgs_txt{width:100%;font-size:12px;line-height:1.2;margin-top:10px;}
.foot_add{width:100%;font-size:14px;line-height:1.3;margin-top:5px;text-align:center;}
.foot_right img{width:100%;margin:0 auto;height:auto;}

.link_banner{width:100%;}
}