/* This is the StyleCatcher theme addition. Do not remove this block. */
@import url(/ss/mt-static/support/theme_static/rainier/css/base.css);
@import url(/ss/mt-static/support/theme_static/rainier/css/rainier-white/screen.css);
/* end StyleCatcher imports */


body {
    font-size: inherit;
}
#container {
    max-width: 100% !important;
    padding: 0 0px !important;
}
#container #container-inner {
    width: 100%;
    max-width: 100%;
    position: relative;
    background-color: #fff;
    margin: 0 auto;
}
#header[role="banner"] h1 img {
    max-width: 100%;
    height: auto;
}
[role="banner"] h1 img {
    max-width: 100%;
    height: auto;
}
#header[role="banner"] #header-content:before {
    background: none !important;
}
#header[role="banner"] #header-content {
    background-image: none !important;
    background-color: #fff !important;
    max-width: 980px !important;
    width: 100% !important;
    margin: 0 auto;
min-height: auto !important;

}
#header[role="banner"] h1 {
    margin: 0 !important;
}
#header[role="banner"] [role="navigation"] a {
color: #000 !important;
}
#header[role="banner"] {
    border: none;
}
footer {
    color: #333;
    font-size: inherit;
    line-height: 1.15;
}
[role="contentinfo"] {
    padding: 0px 0;
    color: #333;
    border-top: none;
}

#content {
    max-width: 980px !important;
    width: 100% !important;
    margin: 0 auto;
}



#header[role="banner"] #header-content:before {
    width: auto !important;
}

.entry-content p {
margin: 1.618em 0;
}

/* Search Pagination */
div.content-nav {
    font-size: 114%;
    padding: 0.5em;
    text-align: center;
    color: #fff;
    background-color: #AAAAAA;
}
div.content-nav a {
text-decoration: underline;
}

div.lists {
background-color: #009C3B;
padding: 5px;
border-radius: 5px;
}
div.lists a {
color: #fff;
}

.postlist article {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #aaa;
}
.postlist article figure {
    float: left;
    margin: 0 0 0 0;
    width: 30%;
}
.postlist article figure.noimage {
    text-align: center;
    background-color: #ccc;
    height: 127px;
    color:#fff;
    padding-top:52px;
    box-sizing: border-box;
}
.postlist article figure img {
    width: 100%;
    max-width: 100%;
}
.postlist article .entry-detail {
    width: 65%;
    float: right;
}
.postlist article .entry-detail h1 {
    font-size: 1.5em;
    color: #000;
    line-height: 1.2;
    margin-bottom: 10px;
}
.postlist article .entry-detail p {
    color: #009C3B;
}
.postlist article .entry-detail p.cate {
    color: #000;
}

ul.page-navigation-list, ul.pagination-list {
padding-top: 15px;
}


.gsc-search-box table {
    margin: 0 0 !important;
    border: none !important;
}
.gsc-search-button input {
    box-sizing: inherit !important;
}
.gsc-input table th, .gsc-search-box table td {
    border: none !important;
}


h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: #009B40;
}

/* hero_image */
@media (max-width: 480px) {
  .headimg {
      text-align: center;
      width: 100%;
      height: 300px;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-box-align: center !important;
      -webkit-align-items: center !important;
      -ms-flex-align: center !important;
      align-items: center !important;
      background-size: cover;
      background-image: url(/ss/shutoeco/img/eco_blogbanner.jpg);
      background-position: center;
  }
  .headimg img {
    display: none;
  }
}

/* Footer */
#ss-footer .container.woods {
  width: 95%;
  margin: 0 auto !important;
}
html {
  overflow: visible !important;
}

@media (max-width: 480px) {
#content {
  width: 95% !important;
  margin: 0 auto !important;
    /* padding: 0 5px; */
    box-sizing: border-box;
}
}