@charset "utf-8";
/*
Theme Name: NatureEnergy
Author: Design Information Inc.
Version: 1.0
*/

.deepblue{color:#2c3e50;}
.blue{color:#2176c4;}
.lightblue{color:#9dafc0;}
.lightgreen{color:#1dd2af;}
.green{color:#46ac13;}
.orange{color:#f8b551;}
.gray{color:#626262;}
.white{color:#ffffff;}

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: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  color:#666;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  font-size:100%;
  line-height:1.5em;
}
a{
  text-decoration:none;
}
img   { border:none;}

html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust:     100%;
}

body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust:     100%;
  padding-top:75px;
}

p {
  margin-bottom:20px;
}

/*top page*/

.action-bar {
    transition: all 0.5s ease 0s;
}
.action-bar {
    background: none repeat scroll 0 0 #2c3e50;
    box-sizing: border-box;
    color: #FFFFFF;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
  max-height:40px;
}
.action-bar_icon {
  max-width:1170px;
  margin:0 auto;
  text-align:right;
}
.action-bar2 {
    transition: all 0.5s ease 0s;
}
.action-bar2 {
    background: none repeat scroll 0 0 #fff;
    /*border-bottom: 1px solid #DDDDDD;*/
    box-sizing: border-box;
    color: #FFFFFF;
    left: 0;
    position: fixed;
    right: 0;
    top: 40px;
    z-index: 999;
  max-height:90px;
}
.action-bar2_nav {
  max-width:1170px;
  margin:0 auto;
  background-color:#FFF;
}
.main_visual input#emailarea {
  width:290px;
}
.main_visual .form form {
  text-align:center;
}
.main_visual .form {
  border:#ccc 1px solid;
  background:#FFFAF0;
  padding:10px;
  width:510px !important;
  box-shadow:rgb(0, 0, 0) 1px 2px 5px 0px;
-webkit-box-shadow:rgb(0, 0, 0) 1px 2px 5px 0px;
-moz-box-shadow:rgb(0, 0, 0) 1px 2px 5px 0px;
  top:auto !important;
  left:auto !important;
}
/*header_top_nav*/
.header_top_nav{
  margin:0 auto;
  max-width:1170px;
}
.main_title{
  width:100%;
  /*height:95px;*/
  text-align:center;
}
.main_title img{
  height:auto;
  margin-bottom: 20px;
}
.header_top_nav .nav{
  width:855px;
  float:left;
  height:90px;
  display:none;
}
.header_top_nav .nav ul{
  list-style:none;
  font-size: 15px;
  margin-left:30px;
  margin-top:30px;
}
.header_top_nav .nav ul li{
  float:left;
  margin-left:30px;
}
.header_top_nav .nav ul li a{
  color:deepblue;
  text-decoration:none;
}
.header_bottom_nav ul li a:hover{
  color:#9dafc0;
}
.header_top_nav .title{
  display:block;
  width:500px;
  height:90px;
  float:left;
  padding:10px 0 10px auto;
}
.header_top_nav .search{
  width:45px;
  height:90px;
  float:right;
  display:none;
}
.header_top_nav .search img{
  margin-top:22px;
}

/*header_bottom_nav*/

.wrapper_header_bottom_nav{
  width:100%;
  background-color:#2c3e50;
}
.header_bottom_nav{
  width:100%;
  margin:0 auto;
}
.header_bottom_nav ul{
  list-style:none;
  font-size:20px;
  text-align:center;
}
.header_bottom_nav ul li{

}
.header_bottom_nav ul li:first-child {
  margin-left:0;
}
.header_bottom_nav ul li a{
  color:#FFF;
  text-decoration:none;
  display:block;
  padding:15px 0 15px 0;
  border-top:#FFF solid 1px;
}
.header_bottom_nav ul li a:hover{
  color:#9dafc0;
}


/*CONTENTS*/

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

#content{
  width:100%;
  max-width:1170px;
  margin:80px auto 50px auto;
}

/*TOP PAGE*/

/*MAIN VISUAL*/

.wrapper_main_visual{
  background-image: url(./img/main02.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  -moz-background-size:140% auto;
  background-size:140% auto;
  width: 100%;
  /*height: 300px;*/
  height: 350px;
  background-color: #fff;
  background-color:#2C3E50;
  display:block;
}
.main_visual{
  max-width:1170px;
  margin:0 auto 0 auto;
  padding-top:50px;
}
.main_visual h2 {
  /*font-size:25px;*/
  font-size:28px;
  line-height:1.2em !important;
  font-weight:bolder;
  color:#FFF;
  width:90% !important;
}
.main_visual h2 span {
  position:static !important;
}
.main_visual p.vwo_loaded {
  position:static !important;
  top:auto !important;
  left:0 !important;
  margin-top:-20px;
  z-index:0 !important;
  display:block;
  width:90%;
  font-size: 16px !important;
  font-weight: inherit !important;
  line-height:1.2em !important;
}

.main_visual p {
  /*font-size:15px;*/
  font-size:18px;
  margin-top:5px;
  line-height:1.5em;
  color:#FFF;
  margin-bottom:7px;
}
.main_visual .join {
  /*width:550px;*/
  margin-top:10px;
  margin-left:10px;
  display:block;
}
.main_visual .form{
  margin-top:0;
  /*margin-left:10px;*/
  width:100% !important;
  top:auto !important;
  left:auto !important;
}
.main_visual .form a{
  display:block;
  color:#00808b;
  text-align:center;
  font-size:1.6em;
  font-weight:bold;
}

/*TOP PAGE CONTENTS*/

.top_title{
  text-align:center;
  font-size:25px;
}
.english{
  text-align:center;
  font-size:16px;
}
.wrapper_top_aboutus{
  background-color:#2c3e50;
  padding:80px 0 110px 0;
  background-color:inherit;
}
.hokkininarea {
  padding:30px 0 110px 0;
}
.wrapper_top_library{
  background-color:#2c3e50;
  padding:80px 0 110px 0;
}
.wrapper_top_friends{
  padding:80px 0 110px 0;
  background-color:inherit;
}
.wrapper_top_icon{
  width:160px;
  margin:30px auto 0 auto;
}

.wrapper_top_icon_friends{
  width:160px;
  margin:30px auto 0 auto;
}
.top_icon{
  width:160px;
  text-align:center;
  float:left;
  margin-top:35px;
}
.top_icon_friends{
  width:160px;
  text-align:center;
  float:left;
  margin-top:35px;
}
.top_icon.first,.top_icon_friends.first{
  margin-left:0;
  margin-top:0;
  margin-top: 35px;
}

.top_icon_friends_box{
  width: 150px;
  height: 150px;
  background-image: url(./img/top_icon_friends_bg.jpg);
  padding: 5px;
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 10px;
  position:relative;
}
.top_icon_friends_box img{
  border-radius: 75px;
  -moz-border-radius: 75px;
  -webkit-border-radius: 75px;
  position:relative;
  behavior:url("/wp-content/themes/natureenergy/js/ie/PIE.htc");
}
.extra_message{
  margin-top: 30px;
  width:700px;
  margin:30px auto 0;
  padding:80px;
  border:1px solid #999;
  box-shadow:0 2px 2px;
}
.extra_message p{
  text-align: center;
}
.extra_message p.sign{
  text-align: right;
  margin:20px 0 50px;
}
.extra_message ol li{
  margin-bottom:20px;
}
.extra_message .sugawara_message{
  width: 560px;
  margin: 0 auto;
}



/*button*/
.css_btn_area {
    margin: 115px auto 0 auto;
    text-align: center;
}
.css_btn_area a {
  text-decoration: none;
  color: #feffff;
}


/*footer*/
footer {
  padding:65px 0 45px;
  background-color: #2C3E50;
  font-size: 13px;
  color:#FFF;
}
footer nav {
  width: 100%;
  float:left;
  text-align:center;
}
footer nav p {
  color:#1dd2af;
  font-size: 18px;
  font-weight:bold;
}
footer nav ul {
  margin:0;
}
footer nav li {
  list-style:none;
}
footer nav li a{
  color:#efefef;
  text-decoration:none;
}
footer nav li a:hover{
  color:#fff;
  text-decoration:none;
}

.wrapper_footer_nav{
  max-width:1170px;
  margin:0 auto;
}

.wrapper_footer_nav ul{
  margin-bottom:30px;
}
.wrapper_footer_nav ul li:first-child{
  margin-top:10px;
}
#copyright {
    font-family: Arial,Helvetica,sans-serif;
    background-color: #2C3E50;
    text-align: center;
    color: #9DAFC0;
    font-size: 13px;
    padding: 15px 0px 15px;
    border-top: 1px solid #9DAFC0;
    line-height: 1.5em;
  height:60px;
}
#copyright p {
    color: #9DAFC0;

}
#footlogo {
  width:60px;
  height:60px;
  float:left;
  padding-left:8%;
}

button,
input,
select,
textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  box-sizing:         border-box;
  font-size: 100%;
  margin: 0;
  max-width: 100%;
  vertical-align: baseline;
}

button,
input {
  line-height: normal;
}
input,
textarea {
  border: 1px solid #CCC;
  color: #2b2b2b;
  padding: 8px 10px 7px;
  width:20%;
}

::-moz-selection {
  background:#CCC;
  color:#333;
  text-shadow: none;
}
::-moz-placeholder {
  color: #939393;
  opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}
#topic_path{

}
#topic_path ul{
  font-size: 12px;
    list-style: none outside none;
  padding:25px 0 25px 0;
}
#topic_path ul li{
  float:left;
}
#topic_path ul li.top:before{
  content: "\25a0";
}
#topic_path ul li.next:before{
  content: "　\3e　";
}
#topic_path ul a{
  color:#2176c4;
  text-decoration:underline;
}

#category_list{
  max-width: 850px;
  float:center;
  margin-bottom:20px;
}
#category_list .category_title{
  max-width: 850px;
}

#category_list .area_wrapper_story{
  background-image: url(./img/belt.jpg);
  background-repeat: no-repeat;
  background-color: #fff;
  margin-top:35px;
  width: 100%;
  max-width: 845px;
}
.category_title_lead{
  background-color:#EEEEEE;
  padding:20px;
  font-style:inherit;
  max-width:620px;
  float:right;
  margin-top: 10px;
}
.category{
  padding-bottom:20px;
}
.category ul{
  font-size: 12px;
    list-style: none outside none;
  /*padding:25px 0 25px 0;*/
}
.category ul li{
  background-color:#f8b551;
    display: inline-block;
    float: left;
    line-height: 2em;
    margin-right: 3px;
    margin-top: 3px;
    padding-left: 1em;
    padding-right: 1em;
  color:#fff;
}
.category ul a{
  color:#fff;
  text-decoration:none;
}
.category ul a:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/*PAGENATION*/

.pagination_box {
  width:100%;
  max-width:800px;
    margin: 30px auto;
    text-align: center;
  display:block;
  float:left;
}
.pagination_box li {
    display: inline;
    line-height: 40px;
    margin: 0 1px;
    width: 100%;
}
.pagination_current {
    background-color: #f8b551;
    color: #FFFFFF !important;
    display: inline-block;
    font-weight: bold;
    padding: 0 7px;
    text-decoration: none;
  border: 2px solid #F8B551;
  margin: 0 2px;
  border-radius:3px;
}
.pagination {
    border: 2px solid #f8b551;
    color: #f8b551;
    display: inline-block;
    font-weight: bold;
    padding: 0 7px;
    text-decoration: none;
  margin: 0 2px;
  border-radius:3px;
}
.pagination:hover {
    border: 2px solid #666666;
    color: #333333;
}
.pagination_move {
    background-color: #f8b551;
    color: #FFFFFF !important;
    display: inline-block;
  line-height:2.7em;
    padding: 0 7px;
    text-decoration: none;
  margin:0 4px;
}
.pagination_move:hover {
    background-color: #CCCCCC;
    color: #33333 !important;
}





/*     */
.area_wrapper_story{
  background-image: url(./img/belt.jpg);
  background-repeat: no-repeat;
  background-color: #fff;
  float:left;
  width: 100%;
  max-width: 845px;
  margin-bottom:20px;
}
.area_wrapper_story_category{
  background-image: url(./img/belt.jpg);
  background-repeat: no-repeat;
  background-color: #fff;
}
.wrapper_story{
  padding-top: 13px;
  margin-left:5px;
  width: 100%;
  max-width: 845px;
  background-color: #eee;
  display:block;
  float:left;
}
.wrapper_story h1{
  color:#fff;
  background-color:#1dd2af;
  font-size:20px;
  font-weight:bold;
  padding-left: 20px;
  line-height: 2.5em;
}
.wrapper_story h1 a{
  color:#fff;
}

.story {
  padding:20px;
}
.story p a{
  text-decoration: underline;
  color: #1DD2AF;
}
.story a.more-link{
  margin-top:25px;
  text-align:right;
  display:block;
  color:#2176c4;
  text-decoration:underline;
}

.story h2{
  background-color:#1dd2af;
  font-size:20px;
  color:#fff;
  font-weight:bold;
  padding-left: 15px;
  margin-top:35px;
  margin-bottom:25px;
  line-height: 2.5em;
}
.story h3{
  border-left-width: 18px;
  border-left-style: solid;
  border-left-color: #1DD2AF;
  padding-left:10px;
  font-weight:bold;
  margin-top:35px;
  margin-bottom:25px;
}
.story img {
  margin-bottom: 20px;
  height: auto;
  max-width: 100%;
  border: 5px solid #FFF;
  border-radius:3px;
}

blockquote{
  background-color:#fff;
  padding:30px;
  font-style:inherit;
  margin-top:50px;
  margin-bottom:25px;
}
blockquote,blockquote p{
  font-style:italic;
}
.wrapper_profile {
  margin-bottom:30px;
}
.profile {
  background-color:#fff;
  padding:20px;
  font-style:inherit;
  margin-top:25px;
  margin-bottom:25px;
  max-width:480px;
  float:right;
}

/*proposer*/

.wrapper_proposer{
  width:160px;
  margin: 0 auto;
}
.proposer{
  width:160px;
  float:left;
  margin-left:0;
  margin-top:30px;
  text-align:center;
}
.proposer_box{
  width: 150px;
  height: 150px;
  background-image: url(./img/proposer_bg.jpg);
  padding: 5px;
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 10px;

}
.proposer img{
  border-radius: 75px;
  -moz-border-radius: 75px;
  -webkit-border-radius: 75px;

  behavior:url("/wp-content/themes/natureenergy/js/ie/PIE.htc");
}

.wrapper_supporter{
  width:310px;
  margin:0 auto;
}
.supporter{
  width:130px;
  float:left;
  margin-left:50px;
  text-align:center;
  margin-top:20px;
}

.supporter_box{
  width: 120px;
  height: 120px;
  background-image: url(./img/supporter_bg.jpg);
  padding: 5px;
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 10px;
  position:relative;
  display:none;
}
.supporter img{
  border-radius: 60px;
  position:relative;
  behavior:url("/wp-content/themes/natureenergy/js/ie/PIE.htc");
}

.supporter:nth-child(odd) {
  margin-left:0;
}

.proposer p , .supporter p {
  margin-bottom:0;
}

/*side_nav*/
#side_nav-box{
        float:right;
        max-width: 300px;
  margin: 0 auto;
        text-align: center;
        display: block;
}
.side_nav{
  max-width:100%;
        text-align: center;
}
.sidenav form{
  padding:10px;
  border: 1px solid #CCCCCC;
  background-color:#eee;
}

.sidenav form input{
  width:100%;
}

/*BUTTONS*/
#searchbox button {
  background: -moz-linear-gradient(center top , #f8b551 5%, #f8b551 100%) repeat scroll 0 0 #f8b551;
  background: none repeat scroll 0 0 #f8b551;
    border: 0 none;
    color: #feffff;
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    padding: 6px 6px;
    text-decoration: none;
  margin-top: 5px;
  overflow: hidden;
  transition: background-color 0.5s ease 0s;
}
#searchbox button:hover {
  background: -moz-linear-gradient(center top , #f09652 5%, #f09652 100%) repeat scroll 0 0 #f09652;
    background: none repeat scroll 0 0 #f09652;
    text-decoration: none;
}
#searchbox button:active {
    position: relative;
}


.main_visual .button {
    background: -moz-linear-gradient(center top , #f8b551 5%, #f8b551 100%) repeat scroll 0 0 #f8b551;
  background: none repeat scroll 0 0 #f8b551;
    border: 0 none;
    color: #feffff;
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    padding: 6px 15px;
    text-decoration: none;
  /*margin-top: 5px;*/
  overflow: hidden;
  transition: background-color 0.5s ease 0s;
}
.main_visual .button:hover {
  background: -moz-linear-gradient(center top , #f09652 5%, #f09652 100%) repeat scroll 0 0 #f09652;
    background: none repeat scroll 0 0 #f09652;
    text-decoration: none;
}
.main_visual .button:active {
    position: relative;
}



.css_btn_class {
    background: -moz-linear-gradient(center top , #f8b551 5%, #f8b551 100%) repeat scroll 0 0 #f8b551;
  background: none repeat scroll 0 0 #f8b551;
    border: 0 none;
    color: #feffff;
    display: inline-block;
    font-size: 25px;
    font-weight: normal;
  width:100%;
    padding: 9px 0;
    text-decoration: none;
  margin: 0;
  overflow: hidden;
  transition: background-color 0.5s ease 0s;
}
.css_btn_class_top {
    background: -moz-linear-gradient(center top , #f8b551 5%, #f8b551 100%) repeat scroll 0 0 #f8b551;
  background: none repeat scroll 0 0 #f8b551;
    border: 0 none;
    color: #feffff;
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    padding: 10px 10px;
    text-decoration: none;
  margin: 0;
  overflow: hidden;
  transition: background-color 0.5s ease 0s;
}
.css_btn_class:hover,.css_btn_class_top:hover {
  background: -moz-linear-gradient(center top , #f09652 5%, #f09652 100%) repeat scroll 0 0 #f09652;
    background: none repeat scroll 0 0 #f09652;
    text-decoration: none;
}
.css_btn_class:active,.css_btn_class_top:active {
    position: relative;
}



footer .mailpoet_submit {
    background: -moz-linear-gradient(center top , #1dd2af 5%, #1dd2af 100%) repeat scroll 0 0 #1dd2af;
  background: none repeat scroll 0 0 #1dd2af;
    border: 0 none;
    color: #feffff;
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    padding: 6px 10px;
    text-decoration: none;
  margin: 0;
  overflow: hidden;
  transition: background-color 0.5s ease 0s;
}
footer .mailpoet_submit:hover {
  background: -moz-linear-gradient(center top , #40ad97 5%, #40ad97 100%) repeat scroll 0 0 #40ad97;
    background: none repeat scroll 0 0 #40ad97;
    text-decoration: none;
}
footer .mailpoet_submit:active {
    position: relative;
}

footer input{ width: 90%!important; margin-bottom: 5px; font-size: 12px;}

footer .mailpoet_paragraph {
  margin-bottom: 0;
}


.side_nav #mailpoet_form_1 .mailpoet_text {
  width: 100%;
}

.side_nav #mailpoet_form_1 .mailpoet_paragraph {
  margin-bottom: 0;
}

.side_nav .mailpoet_submit {
    background: -moz-linear-gradient(center top , #f8b551 5%, #f8b551 100%) repeat scroll 0 0 #f8b551;
  background: none repeat scroll 0 0 #f8b551;
    border: 0 none;
    color: #feffff;
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    padding: 8px 15px;
    text-decoration: none;
  margin: 0;
  margin-top:10px;
  overflow: hidden;
  transition: background-color 0.5s ease 0s;
  width:100%;
}
.side_nav .mailpoet_submit:hover {
  background: -moz-linear-gradient(center top , #f09652 5%, #f09652 100%) repeat scroll 0 0 #f09652;
    background: none repeat scroll 0 0 #f09652;
    text-decoration: none;
}
.side_nav .mailpoet_submit:active {
    position: relative;
}

.side_nav .mailpoet_message {
  display: none;
}

.btn_sidenav_donation {
  background: -moz-linear-gradient(center top , #46ac13 5%, #46ac13 100%) repeat scroll 0 0 #46ac13;
    background: none repeat scroll 0 0 #46ac13;
    border: 0 none;
    color: #feffff;
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    padding: 8px 15px;
    text-decoration: none;
  margin: 0;
  margin-top:10px;
  overflow: hidden;
  transition: background-color 0.5s ease 0s;
  width:100%;
}
.btn_sidenav_donation:hover {
  background: -moz-linear-gradient(center top , #449a32 5%, #449a32 100%) repeat scroll 0 0 #449a32;
    background: none repeat scroll 0 0 #449a32;
    text-decoration: none;
}
.btn_sidenav_donation:active {
    position: relative;
}

.btn_sidenav_others {
  background: -moz-linear-gradient(center top , #1DD2AF 5%, #1DD2AF 100%) repeat scroll 0 0 #1DD2AF;
    background: none repeat scroll 0 0 #1DD2AF;
    border: 0 none;
    color: #feffff;
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    padding: 8px 15px;
    text-decoration: none;
  margin: 0;
  margin-top:10px;
  overflow: hidden;
  transition: background-color 0.5s ease 0s;
  width:100%;
}
.btn_sidenav_others:hover {
  background: -moz-linear-gradient(center top , #1AB999 5%, #1AB999 100%) repeat scroll 0 0 #1AB999;
    background: none repeat scroll 0 0 #1AB999;
    text-decoration: none;
}
.btn_sidenav_others:active {
    position: relative;
}


/*clearfix*/
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/*DESIGNS*/

.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  clear: both;
}
.margin_top {
  margin-top:50px;
}
.margin_top0 {
margin-top: 0px;
}
.margin_top5 {
margin-top: 5px;
}
.margin_top10 {
margin-top: 10px;
}
.margin_top20 {
margin-top: 20px;
}
.margin_top30 {
margin-top: 30px;
}
.margin_top50 {
margin-top: 50px;
}
.margin_top80 {
margin-top: 50px;
}
.margin_bottom5 {
margin-bottom: 5px;
}
.margin_bottom10 {
margin-bottom: 10px;
}
.margin_bottom20 {
margin-bottom: 20px;
}
.margin_bottom30 {
margin-bottom: 30px;
}
.margin_bottom50 {
margin-bottom: 50px;
}
.margin_left10 {
margin-left: 10px;
}
.margin_left20 {
margin-left: 20px;
}
.br-sp {
display:inherit;
}
a:hover img,
.top_icon a:hover,.top_icon_friends a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
/* Alignment */

.alignleft {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignright {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/*個別メッセージページ*/
.message_wrap .go_move a{
  transition: 0.5s ease 0s;
}
.message_wrap .go_move a:hover{
  opacity:0.7;
}

/*ここから下は最近のスマホで閲覧した際のデザインです*/
@media only screen and (min-width: 480px) {
body {
  padding-top:75px;
}
.header_top_nav .nav{
  display:inherit;
}
.main_title {
  text-align:inherit;
  height:95px;
}
.main_title img{
  /*width:100%;*/
  margin-bottom:inherit;
}
.wrapper_main_visual{
  height: 500px;
}
.main_visual{
  max-width:1170px;
  margin:0 auto 0 auto;
  padding-top:55px;
}
.main_visual input#emailarea {
  width:290px;
}
.main_visual .form form {
  text-align:center;
}
.main_visual .form {
  border:#ccc 1px solid;
  background:#FFFAF0;
  padding:10px;
  box-shadow:rgb(0, 0, 0) 1px 2px 5px 0px;
-webkit-box-shadow:rgb(0, 0, 0) 1px 2px 5px 0px;
-moz-box-shadow:rgb(0, 0, 0) 1px 2px 5px 0px;

  margin-top:0;
  margin-left:30px;
  width:510px !important;
  top:auto !important;
  left:auto !important;
  position:static !important;
}
.main_visual .join {
  width:550px;
  margin-left:30px;
  margin-top:20px;
}
.main_visual h2 {
  font-size:50px;
  line-height:1.1;
}
.main_visual p {
  font-size:25px;
  margin-top:0;
}

.main_visual .button {
  margin: 0 0 0 10px;
}
.main_visual input,
.main_visual textarea {
  width:inherit;
}

.main_title{
  width:480px;
  height:90px;
  float:left;
}
/*proposer*/
.wrapper_proposer{
  width:390px;
  margin: 0 auto;
}
.proposer{
  width:160px;
  float:left;
  margin-left:70px !important;
  margin-top:30px;
  text-align:center;
}
.proposer:nth-child(odd) {
  margin-left:0 !important;
}
.wrapper_supporter{
  width:490px;
  margin:0 auto;
}
.supporter{
  width:130px;
  float:left;
  margin-left:50px !important;
  text-align:center;
  margin-top:20px;
}
.supporter:nth-child(3n+1) {
  margin-left:0 !important;
}
/*news*/
#news {
  max-width:470px;
  margin:0 auto;
}

/*justgivingのバナー*/
div.justbn {
  max-width:470px;
}
/*コピーライトmin-width480px*/
#copyright {
  height:100%;
}
#footlogo {
  width:60px;
  height:60px;
  padding:0;
  margin:auto;
  margin-top:10px;
  float:none;
}
#copyright p {
  margin:10px 0 0;
}

/*トップリンク箇所min-width480px*/
#pagelink_area {
  max-width:470px;
  margin:80px auto 0;
}
#pagelink_area a{
  width:470x;
  float:none;
  text-align:center;
}
#pagelink_area a {
  color:#1DD2AD;
  font-size:24px;
  height:173px;
}
#pagelink_area a img {
  display:block;
  width:183px;
  margin:auto;
}
h3.pagelink {
  width:470px;
  color:#1DD2AD;
}
.pagelink_in {
  margin-top:15px;
  width:470px;
}
h3.plink_left {
  width:470px;
  float:none;
  padding:10px;
}
h3.plink_right {
  width:470px;
  float:none;
  padding:10px;
}

a h3.pagelink span.pagelinktext2 {
  color:#1DD2AD;
  font-size:16px;
}

a h3.pagelink span.pagelinktext2:hover {
  text-decoration:underline;
}
.clear {
  clear:both;
}

.extra_message .sugawara_message {
  width:100%;
  max-width:560px;
}
.sugawara_message iframe{
  width:100%;
  height:300px;
}



}

/*ここから下はPCやタブレットで閲覧した際のデザインです*/
@media only screen and (min-width: 768px) {

.br-sp { display:none; }
.header_top_nav .nav{
  display:inherit;
}
.header_top_nav .search{
  display:inherit;
}
.header_bottom_nav{
  max-width:850px;
}
.header_bottom_nav ul li a{
  text-decoration:underline;
  border-top:none;
}
.header_bottom_nav ul li{
  float:left;
  margin-left:40px;
}
#content {
  margin-top:50px;
}
.wrapper_top_icon{
  width:750px;
  margin:75px auto 0 auto;
}
.wrapper_top_icon_friends{
  width:660px;
  margin:75px auto 0 auto;
}
.top_icon{
  margin-left:135px;
  margin-top:0;
}
.top_icon_friends{
  margin-left:90px;
  margin-top:0;
}

.top_icon.first,.top_icon_friends.first{
  margin-top: 0;
}

.category ul li{
    margin-top: 0;
}

#category_list{
  float:left;
}

footer nav {
  width: 25%;
  float:left;
  text-align:left;
}

.css_btn_class {
  max-width:580px;
}
.wrapper_main_visual{
  background-image: url(./img/main02.jpg);
  background-repeat: no-repeat;
  /*background-position: center top;*/
  background-position: center bottom;
  /*-moz-background-size:auto;
  background-size:auto;*/
  -moz-background-size:140% auto;
  background-size:140% auto;
  width: 100%;
  height: 500px;
  background-color: #fff;
  /*background-color:#1E68BF;*/
  background-color:#2C3E50;
  display:block;
}
.main_visual{
  padding-top:55px;
}
.main_visual .join {
  margin-left:70px;
}
.main_visual p {
  font-size:25px;
  margin-top:15px;
}
.main_visual .form{
  margin-top:25px;
  margin-left:70px;
  width:510px !important;
  top:auto !important;
  left:auto !important;
}
/* Alignment */

.alignleft {
  float: left;
}

.alignright {
  float: right;
}
blockquote.alignleft,
img.alignleft {
  margin: 0 24px 7px 0;
}

.wp-caption.alignleft {
  margin: 7px 14px 7px 0;
}

blockquote.alignright,
img.alignright {
  margin: 0 0 7px 24px;
}

.wp-caption.alignright {
  margin: 7px 0 7px 14px;
}

.full-width .post-thumbnail img {
  margin: 0 auto 15px auto;
}

/*proposer*/
.wrapper_proposer{
  width:850px;
  margin: 0 auto;
}
.proposer{
  width:160px;
  float:left;
  margin-left:0;
  margin-left:70px;
  margin-top:30px;
  text-align:center;
}
.proposer:nth-child(-n+100) {
  margin-left:70px !important;
}
.proposer:nth-child(4n+1) {
  margin-left:0 !important;
}
.wrapper_supporter{
  width:850px;
  margin:0 auto;
}
.supporter{
  width:130px;
  float:left;
  margin-left:50px;
  text-align:center;
  margin-top:20px;
}
.supporter:nth-child(-n+100) {
  margin-left:50px !important;
}
.supporter:nth-child(5n+1) {
  margin-left:0 !important;
}
/*news*/
#news {
  max-width:830px;
  margin:0 auto;
}
/*justgivingのバナー*/
div.justbn {
  max-width:448px;
  clear: both;
  margin-top: 15px;
}
/*トップリンク箇所min-width768px*/
#pagelink_area {
  max-width:750px;
  margin:110px auto 0;
  overflow:hidden;
}

#pagelink_area a img.page_rightimg {
  width:183px;
  height:173px;
  display:inline;
  float:right;
  margin:0;
}
#pagelink_area a img.page_leftimg {
  width:183px;
  height:173px;
  display:inline;
  float:left;
  margin:0;
}
#pagelink_area a {
  color:#1DD2AD;
  font-size:24px;
  display:block;
  height:173px;
  text-align:left;
}
h3.pagelink {
  width:560px;
  color:#1DD2AD;
}
.pagelink_in {
  overflow:hidden;
  margin-top:15px;
  width:100%;
}
h3.plink_left {
  width:552px;
  float:left;
  padding:25px 0 0;
}
h3.plink_right {
  width:552px;
  float:right;
  padding:25px 0 0;
}

a h3.pagelink span.pagelinktext2 {
  color:#1DD2AD;
  font-size:16px;
}

a h3.pagelink span.pagelinktext2:hover {
  text-decoration:underline;
}
.clear {
  clear:both;
}
/*コピーライトmin-width:768px*/
#copyright {
    font-family: Arial,Helvetica,sans-serif;
    background-color: #2C3E50;
    text-align: center;
    color: #9DAFC0;
    font-size: 13px;
    padding: 15px 0px 15px;
    border-top: 1px solid #9DAFC0;
    line-height: 1.5em;
  height:60px;
}
#copyright p {
  margin:20px 0 0;
}
#footlogo {
  width:60px;
  height:60px;
  float:left;
  padding-left:8%;
  margin:0;
}
/*個別メッセージページ*/
.message_wrap .go_move a{
  background-color:#1DD2AF;
  color:#FFF;
  padding:10px;
  display:inline;
  transition: 0.5s ease 0s;
}
.message_wrap .go_move a:hover{
  opacity:0.7;
}
}

/*ここから下は大画面で閲覧した際のデザインです*/
@media only screen and (min-width: 1190px) {
.wrapper_main_visual{
  background-image: url(./img/main02.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  -moz-background-size:auto;
  background-size:auto;
  width: 100%;
  height: 500px;
  background-color: #fff;
  background-color:#2C3E50;
  display:block;
}
.main_title{
  width:210px;
  height:90px;
  float:left;
}
.header_top_nav .nav{
  display:inherit;
}
.header_top_nav .search{
  display:inherit;
}

/*トップからの各ページリンク箇所min-width1190px*/
#pagelink_area {
  max-width:750px;
  margin:0 auto;
  margin-top:110px;
  overflow:hidden;
}
#pagelink_area img.page_rightimg {
  width:183px;
  height:173px;
  float:right;
}
#pagelink_area img.page_leftimg {
  width:183px;
  height:173px;
  float:left;

}

#pagelink_area a {
  color:#1DD2AD;
  font-size:24px;
  display:block;
  height:173px;
}
h3.pagelink {
  width:560px;
  color:#1DD2AD;
}
.pagelink_in {
  overflow:hidden;
  margin-top:15px;
}
h3.plink_left {
  width:552px;
  float:left;
  padding:25px 0 0;
}
h3.plink_right {
  width:552px;
  float:right;
  padding:25px 0 0;
}

a h3.pagelink span.pagelinktext2 {
  color:#1DD2AD;
  font-size:16px;
}

a h3.pagelink span.pagelinktext2:hover {
  text-decoration:underline;
}
.clear {
  clear:both;
}


div.justbn {
  width:448px;
  clear:both;
  padding-top:15px;
}
.main_visual .form {
  z-index:0;
}

}

/*コピーライトmin-width1190px*/
#copyright p {
    color: #9DAFC0;
  margin-top:-40px 0 0;
}

.story table{
  border-collapse:collapse;
}

.story table td, .story table th{
  border:solid 1px #ccc;
  padding:10px;
}

.story table th{
  background-color: #17A88B;
  color: #FFF;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  padding: 10px;
  border: solid 1px #CCCCCC;
}


.story table#report2014 td{
  border:0;
}
#yakuwari,
#syakai {
  display: block;
  position: relative;
  top: -95px;
}
.nicobnr {
  margin-top:10px;
}

.story ol {
  padding-left:25px;
}
div#youtube ul li {
  float:left;
  list-style-type:none;
  margin-right:10px;

}

td#kubun input {
  width:30%;
}

/*新着情報のとこ*/
#news {
  width:730px;
  width:90%;
  padding:10px 10px 10px;
  margin:auto;
  margin-top:15px;
}
#news h3 {
  text-align:center;
  font-size:25px;
}
#news dl {
  overflow:hidden;
  width:100%;
}
#news dl dt {
  padding-right:20px;
  width:100%;
  font-size:14px;
}
#news dl dd {
  line-height:25px;
  width:100%;
  font-size:14px;
}
#news dl dd a {
  color: #1DD2AF;
  text-decoration:none;
  width:100%;
}
#news dl dd a:hover {
  text-decoration:underline;
}

/*トップからの各ページリンク箇所*/


/*ここから下は480px以下で閲覧した際のデザインです*/
@media only screen and (max-width: 480px) {
div.justbn img {
  max-width:100%;
  clear:both;
  padding-top:15px;
}
.main_visual input#emailarea {
  width:100%;
}
.main_visual .form {
  border:none;
  background:none;
  padding:0;
  width:100% !important;
  box-shadow:none;
  top:auto !important;
  left:auto !important;
  position:static !important;
}
.main_visual p.vwo_loaded span {
  font-size:14px !important;
}
/*トップからの各ページリンク箇所max-width:480px*/
#pagelink_area {
  max-width:90%;
  margin:80px auto 0;
}
#pagelink_area a{
  width:100%;
  float:none;
  text-align:center;
}
#pagelink_area a {
  color:#1DD2AD;
  font-size:24px;
  height:100%;
}
#pagelink_area a img {
  display:table-cell;
  width:auto;
  height:auto;
  margin:0 auto;
  text-align:center;
}
.main_visual .form a{
  background-color:#FFFAF0;
  padding:10px 0;
}
h3.pagelink {
  width:100%;
  color:#1DD2AD;
}
.pagelink_in {
  margin-top:15px;
  width:100%;
}
h3.plink_left {
  width:100%;
  float:none;
  padding:10px 0;
}
h3.plink_right {
  width:100%;
  float:none;
  padding:10px 0;
}

a h3.pagelink span.pagelinktext2 {
  color:#1DD2AD;
  font-size:16px;
}

a h3.pagelink span.pagelinktext2:hover {
  text-decoration:underline;
}
/*コピーライトmax-width480px*/
#copyright {
  height:100%;
}
#footlogo {
  width:60px;
  height:60px;
  padding:0;
  margin:auto;
  margin-top:10px;
  float:none;
}
#copyright p {
  margin:10px 0 0;
}

.clear {
  clear:both;
}
}

.forumtable {
  overflow:hidden;
}
.forumtable p {
  margin-bottom:10px;
}
.forumtable span {
  color:#F8B551;
  font-weight:bold;
}
.forumtable table tr td.num {
  text-align:right;
}
.tablefloat_left,.tablefloat_right {
  width:395px;
}
.tablefloat_left {
  float:left;
  margin-right:15px;
}
.tablefloat_right {
  float:right;
}
@media only screen and (max-width: 864px) {
.tablefloat_right {
  float:none;
  clear:both;
  padding-top:15px;
}
.tablefloat_left,.tablefloat_right {
  width:100%;
}
/*個別メッセージページ*/
.message_wrap .go_move a{
  background-color:#1DD2AF;
  color:#FFF;
  display:block;
  padding:10px 0;
  text-align:center;
}
.extra_message .sugawara_message {
  width:100%;
  max-width:560px;
}
.sugawara_message iframe{
  width:100%;
  height:300px;
}


}

/*ナビゲーションテスト*/

@media screen and (min-width:1190px){
.header_top_nav #menu{
  width:855px;
  float:left;
  height:90px;

}
.header_top_nav #menu ul{
  list-style:none;
  font-size: 15px;
  margin-left:30px;
  margin-top:30px;
}
.header_top_nav #menu ul li{
  float:left;
  margin-left:20px;
}
.header_top_nav #menu ul li a{
  color:deepblue;
  text-decoration:none;
}
.header_bottom_nav ul li a:hover{
  color:#9dafc0;
}
.menubtn {
    display:none;
  }
  .togmenu {
    display:block;
  }
  #menu li {
    display: inline-block;
    border:none;
  }

body .wrapper_main_visual {
  margin-top:10px;
}

}


@media screen and (max-width:1190px){
.action-bar .header_top_nav .search {
  display:none;
}
.header_top_nav #menu{
  width:100%;
  float:none;
  clear:both;
  height:15px;
  margin:0;

}

.header_top_nav #menu ul li.current a {
  background:#34C6CD;
}

.togmenu {
  display: none;
}
.menubtn {
  padding: 13px 20px;
  background:#34C6CD;
  color: #fff;
  clear:both;
}
.menubtn {cursor:pointer;}

.header_top_nav #menu ul {
  margin: 0;
  padding: 0;
  background:#34C6CD;

}
.header_top_nav #menu li {
  list-style: none;
  border-top: 2px solid #fff;
  float:none;

}
.header_top_nav #menu li a {
  padding: 16px 20px;
  display:block;
  text-decoration:none;
  background:#ccc;
  color: #fff;
}
.header_top_nav #menu li a:hover {
  background:#34C6CD;
}
.action-bartop {
  max-height:140px;
}
body .wrapper_main_visual {
  margin-top:120px;
}

body .action-bar {
  position:relative;
  z-index:0;
}
body .action-bar .action-bar2 {
  position:relative;
  box-sizing: border-box;
  color: #FFF;
  left: 0px;
  right: 0px;
  top: 0;
  z-index: 999;
  max-height: 90px;
}
body .action-bar .action-bar_icon {
  margin:0;
  max-height:40px;
}
body {
  padding:0;
}

}

@media screen and (min-width:480px){
.wrapper_main_visual .main_visual{
  padding-top:70px;
}
.wrapper_main_visual .main_visual .join{
  margin-top:0;
  width:100%;
}

}
/*ナビゲーションテストここまで*/



/*新着のアイキャッチ*/
.news_img {
  float:left;
  margin-right:10px;
}
.post_news {
  border-bottom: dotted 1px #DFDFD0;
  padding-bottom:10px;
  margin-bottom:10px;
}

/*サイトマップ*/
#sitemap_list,.sitemap_list2 {
  margin-left:20px;
}
#sitemap_list li,.sitemap_list2 li {
  margin-bottom:10px;
}
#sitemap_list a:hover,.sitemap_list2 a:hover,.story .sitemap_list2P a:hover {
  text-decoration:underline;
}
#sitemap_list li ul {
  margin-left:2em;
}
.sitemap_list2P {
  display:list-item;
  list-style-type:disc;
  margin:0 0 0 20px;
}
.sitemap_list2 li {
  list-style-type:circle;
  margin-left:2em;
}
.story .sitemap_list2P a {
  color:#666;
  text-decoration:none;
}

/*インタビューYoutube箇所調整max-width:640px*/
@media screen and (max-width:640px){
.story iframe {
  width:100%;
  height:80%;
}
}