/* ------------------------------------- /
/   Header
/* ------------------------------------- */
#header {
    padding-top: 20px;
    background-color: #fff;
}
 
/*  logo
/--------------------------------- */
.logo{ / センタリング */
    width: 300px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
 
 
/*  nav
/*--------------------------------- */

@media (min-width: 920px){ /* xsサイズでの崩れ防止 */
.container {
	max-width:800px;
}
}


@media (min-width: 768px){ /* xsサイズでの崩れ防止 */

    .navbar {
        border-radius: 0;
    }

    .navbar-nav {
        float: none;
        width: 650px;
        margin: 10px auto;
    }

    .navbar-nav>li {
        text-align: center;
        float: left;
        border-right: 1px solid #fff;
        width:130px;
    }
    .navbar-nav>li.first {
        border-left: 1px solid #fff;
    }

    .navbar-nav>li>a {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .navbar-default {
        background-color: #c30e23;
        border:none;
    }

    .navbar-default .navbar-nav>li>a {
        color: #fff;
    }
    .navbar-default .navbar-nav>li>a:hover {
			color:#ff8916;
	}





}



/* navスタイリング */
@media (max-width: 768px){

    .logo img { width:100%; }

    .navbar-default {
        border-color: #7E7E7E;
    }

    .navbar-header {
        background-color: #c30e23;
    }

    .navbar-default .navbar-toggle {
        border-color: #FFF;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: #FFF;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #FFF;
    }
    .navbar-default .navbar-toggle:hover > .icon-bar,
    .navbar-default .navbar-toggle:focus > .icon-bar {
        background-color: #7E7E7E;
    }

    .navbar-default .navbar-brand {
        color: #FFF;
    }



}


/* 画面サイズによりタイトル画像出しわけ */
.pcv { display: block !important; }
.spv { display: none !important; }
@media only screen and (max-width: 750px) {
.pcv { display: none !important; }
.spv { display: block !important; }
}




/*  記事のトグル表示  */
 .panel-heading {
    cursor: pointer;
}
 .accordion-toggle a:after {
    font-family: 'Glyphicons Halflings';
    content:"\e113";
    float: right;
    color: inherit;
}
 .accordion-toggle a.collapsed:after {
    font-family: 'Glyphicons Halflings';
    content:"\e114";
    float: right;
    color: inherit;
}
.toggle-btn {
	float:right;
}


/* 記事の文字体裁 */
.kiji {
	padding:15px 15px;
}
.kiji .kijidate {
	color:#999;
	font-size:9pt;
	margin-bottom:10px;
}
.kiji p {
	font-size:11pt;
	line-height:200%;
}
.kiji .psetu {
	font-size:10pt;
	font-weight:bold;
}





/* ------------------------------------- /
/   content
/* ------------------------------------- */

.team_title {
	color:#fff307;
	background-color:#c30e23;
	border-radius:10px;
	padding:5px 20px 10px 20px;
	margin-top:30px;
	margin-bottom:0px;
	overflow:auto;
	word-break: break-all;
}
.team_title a {
	color:#fff307;
}

.team_thema {
	background-color:#eee;
	margin:0px 5px;
	margin-bottom:10px;
	padding:5px;
	font-size:14pt;
}

.team_member {
	font-size:10pt;
	margin-top:10px;
	padding-right:15px;
}
.team_comment {
	border:1px dashed #ccc;
	margin-top:10px;
	margin-right:15px;
	padding:10px;
	font-size:14pt;
}

/*** 5列のグリッド対応 ***/
.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5,
.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5,
.col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5,
.col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
/* スマホ（767px以下） */
.col-xs-1-5 {width: 20%;float: left;}
.col-xs-2-5 {width: 40%;float: left;}
.col-xs-3-5 {width: 60%;float: left;}
.col-xs-4-5 {width: 80%;float: left;}
/* タブレット（768px〜991px） */
@media (min-width: 768px) {
    .col-sm-1-5 {width: 20%;float: left;}
    .col-sm-2-5 {width: 40%;float: left;}
    .col-sm-3-5 {width: 60%;float: left;}
    .col-sm-4-5 {width: 80%;float: left;}
}
/* PC（992px〜1119px） */
@media (min-width: 992px) {
    .col-md-1-5 {width: 20%;float: left;}
    .col-md-2-5 {width: 40%;float: left;}
    .col-md-3-5 {width: 60%;float: left;}
    .col-md-4-5 {width: 80%;float: left;}
}
/* PC大画面（1200px以上）*/
@media (min-width: 1200px) {
    .col-lg-1-5 {width: 20%;float: left;}
    .col-lg-2-5 {width: 40%;float: left;}
    .col-lg-3-5 {width: 60%;float: left;}
    .col-lg-4-5 {width: 80%;float: left;}
}




@media (min-width: 768px){
.read_text {
	position:relative;
	top:-335px;
	padding:14px;
	margin-bottom:-335px;
	color:#009944;
	background-color:#eee;
	background: rgba(214,248,215,0.7);
}

.eco_tree_sengen {
	font-size:0.9em;
}

.eco_total {
	position:relative;
	top:-200px;
	margin-bottom:-270px;
}

.ecosuu {
	position:relative;
	top:-70px;
	margin-bottom:-70px;
	width:140px;
  left:50px;
}

}



@media (max-width: 768px){
.read_text {
	position:relative;
	font-weight:bold;
	margin-top:-200px;
	color:#009944;
	margin-bottom:-200px;
	background: rgba(214,248,215,0.5);
}

.eco_tree_sengen {
	font-size:0.9em;
}

.eco_total {
	position:relative;
	margin-top:10px;
	margin-bottom:-100px;
}

.ecosuu {
	position:relative;
	top:-70px;
	margin-bottom:-70px;
	width:140px;
  left:50px;
}


}




.title{
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px;
}
 
.text-box{
    padding:20px;
    font-size:1.3em;
}
 
/*  panel-box
/*--------------------------------- */
.panel {
    margin-bottom: 20px;
/*
    border: none;
    background-color: #D1D1D1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
*/
}
 
.panel-body {
    font-size: 18px;
}
 
.panel-footer {
    padding: 18px 15px;
    background-color: #7E7E7E;
    border-top: none;
    color: #fff;
    font-weight: bold;
}
 

.subtitle {
	margin-top:40px;
}

.keisaikiji li {
	font-size:1.2em;
}

.ecosuu {
	background-color:#fff;
	margin:20px auto;
	text-align:right;

	
}
.ecosuu .count {
	font-size:1.8em;
	color:#ff8916;
}

.howto_sengen .panel-body{
	background-color:#d3f1f7;
	color:#009944;
	font-weight:bold;
}


.tokushu {
	font-size:1.2em;
	
}
.tokushu_honbun {
	font-size:1.2em;
	line-height:160%;
}

.ecosengen_detail .panel-body{
	background-color:#009944;
	color:#fff;
}
.ecosengen_detail .panel-footer{
	background-color:#fff;
	color:#000;
	padding:5px;
}


/* ------------------------------------- /
/    Footer
/* ------------------------------------- */
#footer{
    text-align: center;
    padding: 20px 0;
    background-color: #c30e23;
}

/*  logo
/*--------------------------------- */
#footer .logo{
    margin-top: 0;
}

.logo p { /* 丸とフォントのスタイリング */
    margin: 0;
    padding-top: 34px;
    width: 100px;
    height: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 26px;
    color: #7E7E7E;
    font-weight: bold;
    background-color: #fff;
}

/*  nav
/*--------------------------------- */
#footer .navbar-nav>li {
    border-right: 1px solid #000;
}
#footer .navbar-nav>li.first{
    border-left: 1px solid #000;
}

#footer .navbar-nav li a{
    color: #fff;
}

/*  sns-icon
/*--------------------------------- */
.sns-icon{
    margin-top: 30px;
}

.sns-icon li{
    padding-left: 20px;
}
.sns-icon li:hover{
    color: #fff;
}

/*  copy
/*--------------------------------- */
.copy{
    margin-top: 20px;
}

.copy span{
    color: #fff;
}}


/*  gotoTop
/*--------------------------------- */

.pageTop {
/*
  width:35px;
  position: fixed !important;
  bottom: 20px;
  right: 20px;
*/
}
 
.pageTop a {
  margin:10px 10px 0px 0px;
  display: block;
  z-index: 999;
  padding: 10px 0px 0px 0px;
  border-radius: 30px;
  width: 55px;
  height: 55px;
  background-color: #9FD6D2;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  font-size:18pt;
}
 
.pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}