@charset "UTF-8";
/* CSS Document */
/* --------------------------------------------------------------------
	www.sgh-ecokaiga.jp/
/* --------------------------------------------------------------------
	00. variable
	01. basic
	02. header
	03. footer
	04. wrap
	05. otherpage
	06. home
	07. examiner
	08. entry
	09. publication
	10. archive
	11. archive

-------------------------------------------------------------------- */
/* --------------------------------------------------------------------

	00. variable
	
-------------------------------------------------------------------- */
/* --------------------------------------------------------------------

	01. basic
	
-------------------------------------------------------------------- */
html {
  font-size: 62.5%;
  /* sets the base font to 10px for easier math */ }

body {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.8;
  padding: 0;
  background-image: url("../img/common/mein_bk.jpg");
 background-repeat: repeat-x;
 background-position: center top;
 background-color: #EEFBFF;
  color: #403F41;
  /* sets the default sizing to make sure nothing is actually 10px */
 }

@media screen and (max-width: 768px) {
	body{
  		background-image: none;
	}
}

@media only screen and (min-width: 900px) {
  .br-pc {
    display: none; } }

@media screen and (max-width: 640px) {
  .br-sp {
    display: none; } }

@media screen and (max-width: 900px) {
  .br-sp2017 {
    display: none; } }

body:not(:target) {
  font-size: 16px\9;
  /* IE9, 10 */ }

body {
  font-size: 16px\9; }

@media all and (-ms-high-contrast: none) {
  body {
    font-size: 16px\0; } }

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, body {
    font-size: 16px; }
  /* IE11 */ }

body a img:hover,
article a img:hover {
  opacity: 0.6; }

body a img {
  transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  /* :WebKit用 */
  -webkit-transition: opacity 0.2s linear;
  /* :Mozilla用 */ }

.box {
  margin: 0 auto;
  padding: 0; }

.examiner #wrap {
  background: #eb8d36; }

.entry #wrap {
  background: #e2689b; }

.publication #wrap {
  background: #90c31f; }

.archive #wrap,
.archive20xx #wrap {
  background: #ffae1b; }

h1 {
  font-size: 32px;
  font-size: 3.2rem; }

ul {
  margin: 0 auto; }
  ul li {
    list-style: none; }

.box {
  width: 90%;
  margin: 0 auto;
  padding: 0; }

.sagawa-btn {
  width: 280px;
  border: none !important;
  margin: 20px auto 0 auto !important; }

footer .sitemap a.sagawa-btn-s {
  color: #4a6ab3 !important; }

footer .sitemap a.pdf-btn01 {
  margin-left: 13px; }

footer .sitemap a.pdf-btn02 {
  margin-left: 13px;
  margin-right: 5px; }

.sagawa-btn-s {
  border: none !important;
  background: #fff;
  padding: 2px 6px; }

.pdf li.dl a.sagawa-btn-s:hover {
  color: #ffcc00 !important; }

.sagawa-btn span {
  padding: 10px 10px; }

.sagawa-btn span:after {
  content: "　>"; }

span.notice {
  color: #ff5d5d; }

span.brown {
  color: #ae8745; }
  

/* --------------------------------------------------------------------

	02. sagawaheader
	
-------------------------------------------------------------------- */
.sagawaheader {
  background: #fff;
  margin: 0;
  padding: 14px auto 0px auto;
  width: 100%; 

}
  
.sagawaheader hgroup {
    width: 298px;
    height: 110px; 
}
    
.sagawaheader hgroup h1 {
      width: 67px;
      height: 60px;
      float: left;
      margin: 0 5px 0 0 !important;
      padding: 0 0 0 0 !important; 
}
.sagawaheader hgroup h1 img {
        margin: 0 0 0 0 !important;
        padding: 0 0 0 0 !important;
        width: 67px;
        height: 48px; 
}

    .sagawaheader hgroup h2 {
      width: 191px;
      height: 50px;
      float: left;
      margin: 0 5px 0 18px !important;
      padding: 0 0 0 18px !important; }
      .sagawaheader hgroup h2 img {
        width: 191px;
        height: 33px;
        margin-top:8px; }
                
  .sagawaheader .r_cont {
    display: none; }

/*header-------------------------------------------------------------------- */
  header h1.logo_sagawaart2016 {
    background: url(http://www.sgh-ecokaiga.jp/img/common/logo_ecoart2016.png) no-repeat left 10px;
    background-size: contain;
    margin: 0;
    padding: 10px;
    width: 60%;
    min-height: 90px; }
    header h1.logo_sagawaart2016 span {
      display: none; }
  header ul.subnavi {
    display: block;
    text-align: center;
    width: 90%;
    padding: 5px;
    border-radius: 10px;
    margin: 10px auto;
    letter-spacing: -.40em;
    /* 文字間を詰めて隙間を削除する */ }
    header ul.subnavi li {
      letter-spacing: normal;
      /* 文字間を通常に戻す */
      display: inline-block;
      font-size: 1.2rem;
      padding: 3px 8px; }
      header ul.subnavi li.subnav01 {
        border-left: 0px; }

.entry ul.subnavi {
  background: #f9d4e3; }

.archive ul.subnavi {
  background: #fde6bd; }

.archive20xx ul.subnavi {
  background: #fde6bd; }

.examiner ul.subnavi {
  background: #fed8bd; }

.entry header ul.subnavi {
  background: #f9d4e3; }
  .entry header ul.subnavi li {
    border-left: 1px solid #ff3399; }

.archive header ul.subnavi {
  background: #fde6bd; }
  .archive header ul.subnavi li {
    border-left: 1px solid #ff6600; }

.archive20xx header ul.subnavi {
  background: #fde6bd; }
  .archive20xx header ul.subnavi li {
    border-left: 1px solid #ff6600; }

.examiner header ul.subnavi {
  background: #ffe0cc; }
  .examiner header ul.subnavi li {
    border-left: 1px solid #ff6600; }

.entry header ul.subnavi li.subnav01 {
  border-left: 0 !important; }

.archive header ul.subnavi li.subnav01 {
  border-left: 0 !important; }

.archive20xx header ul.subnavi li.subnav01 {
  border-left: 0 !important; }

.examiner header ul.subnavi li.subnav01 {
  border-left: 0 !important; }

#sidedl {
  display: none; }

@media only screen and (min-width: 569px) {
  .entry header ul.subnavi li.subnav04 {
    border-left: 1px solid #ff3399 !important; }
  .archive header ul.subnavi li.subnav03 {
    border-left: 1px solid #ff6600 !important; }
  .archive20xx header ul.subnavi li.subnav03 {
    border-left: 1px solid #ff6600 !important; } }

@media only screen and (min-width: 768px) {
  .examiner header h1.logo_sagawaart2016,
  .home header h1.logo_sagawaart2016,
  .publication header h1.logo_sagawaart2016,
  .entry header h1.logo_sagawaart2016,
  .archive header h1.logo_sagawaart2016,
  .archive20xx header h1.logo_sagawaart2016 {
    background: url(http://www.sgh-ecokaiga.jp/img/common/logo_ecoart2016.png) no-repeat center top;
    background-size: contain;
    position: static;
    margin: 20px auto 40px auto;
    width: 720px;
    height: 111px; }
    .examiner header h1.logo_sagawaart2016 img,
    .home header h1.logo_sagawaart2016 img,
    .publication header h1.logo_sagawaart2016 img,
    .entry header h1.logo_sagawaart2016 img,
    .archive header h1.logo_sagawaart2016 img,
    .archive20xx header h1.logo_sagawaart2016 img {
      width: 720px;
      height: 111px; }
  .examiner header h1.smaller,
  .home header h1.smaller,
  .publication header h1.smaller,
  .entry header h1.smaller,
  .archive header h1.smaller,
  .archive20xx header h1.smaller {
    height: 40px;
    margin: 20px auto 10px auto; }
  .examiner header h1.normal,
  .home header h1.normal,
  .publication header h1.normal,
  .entry header h1.normal,
  .archive header h1.normal,
  .archive20xx header h1.normal {
    width: 720px;
    height: 111px;
    margin: 20px auto 40px auto; }
  .examiner header ul.subnavi,
  .home header ul.subnavi,
  .publication header ul.subnavi,
  .entry header ul.subnavi,
  .archive header ul.subnavi,
  .archive20xx header ul.subnavi {
    display: block;
    text-align: center;
    width: 100%;
    height: 40px;
    line-height: 24px;
    padding: 5px;
    border-radius: 20px;
    margin: 20px auto;
    letter-spacing: -.40em;
    /* 文字間を詰めて隙間を削除する */ }
    .examiner header ul.subnavi li,
    .home header ul.subnavi li,
    .publication header ul.subnavi li,
    .entry header ul.subnavi li,
    .archive header ul.subnavi li,
    .archive20xx header ul.subnavi li {
      letter-spacing: normal;
      /* 文字間を通常に戻す */
      display: inline-block;
      font-size: 12px;
      padding: 3px 8px; }
  .head_k {
    display: none;
    height: 360px; }
  .head_k02 {
    display: none;
    height: 220px; } }

@media only screen and (min-width: 768px) {

  .examiner header div.dl_sp,
  .home header div.dl_sp,
  .publication header div.dl_sp,
  .entry header div.dl_sp,
  .archive header div.dl_sp,
  .archive20xx header div.dl_sp {
    display: none; }


  .examiner header h1.smaller,
  .home header h1.smaller,
  .publication header h1.smaller,
  .entry header h1.smaller,
  .archive header h1.smaller,
  .archive20xx header h1.smaller {
    height: 40px;
    margin: 20px auto 10px auto; }


  .examiner header h1.normal,
  .home header h1.normal,
  .publication header h1.normal,
  .entry header h1.normal,
  .archive header h1.normal,
  .archive20xx header h1.normal {
    width: 750px;
    height: 116px;
    margin: 20px auto 40px auto; }


  .examiner header ul.subnavi,
  .home header ul.subnavi,
  .publication header ul.subnavi,
  .entry header ul.subnavi,
  .archive header ul.subnavi,
  .archive20xx header ul.subnavi {
    width: 750px; }


  .sagawaheader {
    padding: 9px 0 9px 0; }


    .sagawaheader .l_cont {
      float: left; }


      .sagawaheader .l_cont h1 {
        margin: 0 0 0 0 !important;
        padding: 0 0 0 0 !important; }


        .sagawaheader .l_cont h1 img {
          margin: 0 0 0 0 !important;
          padding: 0 0 0 0 !important;
          width: 67px;
          height: 48px; }


    .sagawaheader .r_cont {
      display: block; }


      .sagawaheader .r_cont h3 {
        float: right;
        margin: 0 0 0 0 !important;
        padding: 0 0 0 0 !important; }


      .sagawaheader .r_cont ul {
        float: right;
        padding-left: 2px; }


        .sagawaheader .r_cont ul li {
          width: 234px; }


          .sagawaheader .r_cont ul li:first-child {
            height: 21px; }


          .sagawaheader .r_cont ul li:nth-child(2) {
            height: 22px; }


          .sagawaheader .r_cont ul li img {
            vertical-align: baseline; }
}



@media only screen and (min-width: 1120px) {

  #sidedl {
    display: block;
    position: fixed;
    top: 160px;
    width: 160px;
    right: 70px;
    z-index: 10000; }


    #sidedl li {
      width: 160px;
      height: 98px;
      display: block;
      text-align: center;
      padding-top: 48px; }


      #sidedl li.sidedl01 {
        height: 116px;
        background: url(http://www.sgh-ecokaiga.jp/img/common/btn_download01.png) no-repeat;
        background-size: 100%; }


      #sidedl li.sidedl02 {
        height: 116px;
        background: url(http://www.sgh-ecokaiga.jp/img/common/btn_download02.png) no-repeat;
        background-size: 100%; }


  html > body #sidedl li.sidedl01 {
    background: url(http://www.sgh-ecokaiga.jp/img/common/btn_download01_win08.png) no-repeat \9; }


  html > body #sidedl li.sidedl02 {
    background: url(http://www.sgh-ecokaiga.jp/img/common/btn_download02_win08.png) no-repeat \9; } 

}



nav {
  margin: 20px auto 20px auto; 
}
  
nav ul.navbar-nav {
    margin: 0 auto;
    width: 960px; 
}

nav ul.navbar-nav li {
      -webkit-transition: background-size 0.35s ease 0s;
      -moz-transition: background-size 0.35s ease 0s;
      height: 72px;
      padding-left: 5px;
      margin-bottom: 0.6rem; 
}

     
nav ul.navbar-nav li a {
        display: block;
        text-align: left;
        text-decoration: none;
        padding-left: 0px; 
}


@media only screen and (max-width: 768px) {

	nav {
	width: 100%;
	margin: 48px 0 0 0px; 
	}


	nav ul.navbar-nav {
	width: 100%; 
	}


	nav ul.navbar-nav li {
	height: 73px;
	padding-left: 0;
	margin-bottom: 0;
	margin-left: 5px; 
	}
	        
	nav ul.navbar-nav li a {
	height: 73px;
	line-height: 42px;
	display: block;
	 text-align: left;
	text-decoration: none;
	padding: 0 0 0 10px !important; 
	} 
}


/* --------------------------------------------------------------------

	03. footer
	
footer {
  color: #fff;
  width: 100%;
   }
  
  
  
  footer .sitemap {
    background: #3c5da2;
    padding: 40px 0 30px 0; }
    
    footer .sitemap a {
      color: #fff !important; }
    footer .sitemap ul li:before {
      content: "> ";
      color: #f9c059; }
    footer .sitemap ul.pagelink {
      border-left: 2px solid #4e72bb;
      padding-left: 25px; }
      footer .sitemap ul.pagelink li:nth-child(1) {
        height: 24px; }
      footer .sitemap ul.pagelink li:nth-child(2) {
        height: 24px; }
    footer .sitemap ul.pagelink02 {
      border-left: 2px solid #4e72bb;
      padding-left: 25px; }
      footer .sitemap ul.pagelink02 li:nth-child(1) {
        height: 24px; }
      footer .sitemap ul.pagelink02 li:nth-child(2) {
        height: 24px; }
    footer .sitemap ul.pagelink03 {
      border-left: 2px solid #4e72bb;
      padding-left: 25px; }
      footer .sitemap ul.pagelink03 li:nth-child(1) {
        height: 24px; }
    footer .sitemap ul.pdf {
      border-left: 2px solid #4e72bb;
      padding-left: 25px; }
    footer .sitemap ul.blanklink {
      border-left: 2px solid #4e72bb;
      padding-left: 25px; }
      footer .sitemap ul.blanklink li:nth-child(1) {
        height: 24px; }
  footer .access {
    padding: 40px 0 30px 0;
    background: #4e72bb; }
    footer .access .l_cont {
      border-left: 2px solid #fff;
      padding-left: 23px; }
      footer .access .l_cont h1 {
        font-size: 18px;
        line-height: 1.4;
        margin: 10px 0; }
      footer .access .l_cont p {
        margin: 0;
        padding: 0;
        line-height: 1.2; }
      footer .access .l_cont ul {
        margin: 12px !important;
        padding: 0; }
    footer .access .r_cont h2 {
      background: #fff;
      padding: 2px 8px;
      font-size: 14px;
      color: #4164af;
      line-height: 2.4rem;
      margin-top: 0px; }
  footer .copyright {
    background: #3c5da2;
    height: 48px;
    padding-bottom: 10px;
    text-align: center;
    font-size: 1.2rem; }
    footer .copyright p {
      line-height: 48px;
      color: #fff !important;
      margin: 0; }

nav.privacy a {
  background: #b3303c none repeat scroll 0 0;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: normal;
  letter-spacing: 1px;
  margin: 6px;
  padding: 0.8rem 3rem; }

@media only screen and (min-width: 900px) {
  .box {
    width: 960px;
    margin: 0 auto; }
  footer {
    color: #fff; }
     }


-------------------------------------------------------------------- */



/* --------------------------------------------------------------------

	05. category-title
	
-------------------------------------------------------------------- */
.examiner h2.category-title,
.entry h2.category-title,
.publication h2.category-title {
  width: 60%; }

h2.category-title {
  margin: 40px auto 0 auto; }

.publication .container p {
  padding: 50px 0 200px 0;
  text-align: center; }

@media only screen and (min-width: 768px) {
  .examiner h2.category-title,
  .entry h2.category-title,
  .publication h2.category-title,
  .archive h2.category-title,
  .archive20xx h2.category-title {
    width: 307px;
    height: 43px; }
    .examiner h2.category-title img,
    .entry h2.category-title img,
    .publication h2.category-title img,
    .archive h2.category-title img,
    .archive20xx h2.category-title img {
      width: 307px;
      height: 43px; } }

/* --------------------------------------------------------------------

	06. home
	
-------------------------------------------------------------------- */
.keyVisual {
  background: url(../img/top/bg_mainart.png) repeat-x; }
  .keyVisual .box {
    background-size: cover; }
  .keyVisual .keyart {
    width: 85%;
    height: auto;
    margin: 0 auto; }
  .keyVisual .lead-sp {
    width: 100%;
    height: auto;
    margin: 0 auto; }







.newsarea {
  background-size: 111px 110px;
  padding: 50px 0 0 0; }
  
  
  .newsarea dd {
    padding-bottom: 12px; }

.award-to01,
.award-to02,
.award-to03,
.award-to04,
.award-to05,
.award-to06 {
  width: 90%;
  margin: 0 5%;
  padding: 20px 0 20px 0;
  background-size: contain !important; }
  .award-to01 ul,
  .award-to02 ul,
  .award-to03 ul,
  .award-to04 ul,
  .award-to05 ul,
  .award-to06 ul {
    width: 80%;
    margin: 0 auto;
    text-align: left;
    padding-left: 0 !important; }
    .award-to01 ul li,
    .award-to02 ul li,
    .award-to03 ul li,
    .award-to04 ul li,
    .award-to05 ul li,
    .award-to06 ul li {
      list-style: disc; }
  .award-to01 p.gre-sp,
  .award-to02 p.gre-sp,
  .award-to03 p.gre-sp,
  .award-to04 p.gre-sp,
  .award-to05 p.gre-sp,
  .award-to06 p.gre-sp {
    color: #6b9238;
    width: 300px;
    min-height: 100px;
    margin: 20px auto;
    padding: 8px 33px 0 33px;
    font-size: 1.4rem;
    background: url(http://www.sgh-ecokaiga.jp/img/top/img_gre.png) no-repeat;
    background-size: contain; }
  .award-to01 p.gre,
  .award-to02 p.gre,
  .award-to03 p.gre,
  .award-to04 p.gre,
  .award-to05 p.gre,
  .award-to06 p.gre {
    display: none; }
  .award-to01 p.gre-img,
  .award-to02 p.gre-img,
  .award-to03 p.gre-img,
  .award-to04 p.gre-img,
  .award-to05 p.gre-img,
  .award-to06 p.gre-img {
    width: 100%;
    margin: 20px auto;
    text-align: center; }

.award-to06 ul li.orgimg {
  list-style: none;
  width: 100%; }

.award-to01 h4 {
  display: none; }

.award-to02 h4 {
  display: none; }

.award-to03 h4 {
  display: none; }

.award-to04 h4 {
  display: none; }

.award-to05 h4 {
  display: none; }

.award-to06 h4 {
  display: none; }

@media only screen and (min-width: 768px) {
  .award-to01,
  .award-to02,
  .award-to03,
  .award-to04,
  .award-to05,
  .award-to06 {
    width: 90%;
    margin: 0 5%;
    padding: 20px 0 50px 0;
    background-size: contain !important; }
    .award-to01 p.gre-img,
    .award-to02 p.gre-img,
    .award-to03 p.gre-img,
    .award-to04 p.gre-img,
    .award-to05 p.gre-img,
    .award-to06 p.gre-img {
      width: 100%;
      margin: 20px auto;
      text-align: center; }
      .award-to01 p.gre-img img,
      .award-to02 p.gre-img img,
      .award-to03 p.gre-img img,
      .award-to04 p.gre-img img,
      .award-to05 p.gre-img img,
      .award-to06 p.gre-img img {
        margin: 0 auto; } }

@media only screen and (min-width: 900px) {
  .keyVisual {
    height: 640px; }
    .keyVisual .box {
      height: 640px; }
    .keyVisual .keyvisual-box {
      background: url(../img/top/bg_mainart02.png) no-repeat center 0px;
      background-size: contain; }
    .keyVisual .keyword {
      width: 556px;
      height: auto;
      margin: 0 auto; }
    .keyVisual .keyart {
      width: 556px;
      height: auto;
      margin: 0 auto; }
    .keyVisual .lead-sp {
      display: none; }
  #information-top {
    padding: 40px 0; }
    #information-top .newsarea {
      background-size: 111px 110px;
      padding: 0 0 0 120px; }
  #sakanakun {
    background: url(../img/top/bg_sakana.png) repeat-x center bottom;
    padding: 40px 0; }
  .bg_mosule01 {
    background: url(../img/top/bg_modules01.png) no-repeat center bottom; }
  .bg_mosule02 {
    background: url(../img/top/bg_modules02.png) no-repeat center bottom; }
  .bg_mosule03 {
    background: url(http://www.sgh-ecokaiga.jp/img/top/bg_modules03.png) no-repeat center bottom; }
  .award-to01,
  .award-to02,
  .award-to03,
  .award-to04,
  .award-to05,
  .award-to06 {
    margin: 0 auto; }
    .award-to01 .award_sp-title,
    .award-to02 .award_sp-title,
    .award-to03 .award_sp-title,
    .award-to04 .award_sp-title,
    .award-to05 .award_sp-title,
    .award-to06 .award_sp-title {
      display: none; }
  .award-to01 {
    width: 960px !important;
    height: 360px;
    padding: 20px 0 0 0;
    background: url(../img/top/img_award_top_01.png) no-repeat left 30px;
    background-size: contain !important;
    text-align: left;
    list-style: disc; }
    .award-to01 h4 {
      display: none; }
    .award-to01 ul {
      margin: 20px 0 0 640px;
      width: 300px; }
      .award-to01 ul li {
        list-style: disc; }
        
    .award-to01 p.gazoime {
      padding: 225px 0 0 300px;
      position: absolute; }
    .award-to01 p.gre {
      display: block;
      color: #6b9238;
      width: 300px;
      min-height: 200px;
      margin: 20px 0 0 620px;
      padding: 8px 33px 0 33px;
      font-size: 14px !important;
      background: url(http://www.sgh-ecokaiga.jp/img/top/img_gre.png) no-repeat;
      background-size: contain; }
    .award-to01 p.gre-sp {
      display: none; }
    .award-to01 p.gre-img {
      width: 300px;
      min-height: 200px;
      margin: 20px 0 0 620px;
      text-align: left; }
  .award-to02 {
    width: 50% !important;
    height: 350px;
    margin-top: 40px;
    padding: 180px 0 0 70px;
    background: url(../img/top/img_award_top_02.png) no-repeat left 30px;
    background-size: contain !important;
    text-align: left;
    list-style: disc; }
    .award-to02 h4 {
      display: none; }
    .award-to02 ul {
      margin: 10px 0 0 130px; }
      .award-to02 ul li {
        list-style: disc; }
  .award-to03 {
    width: 50% !important;
    height: 350px;
    margin-top: 40px;
    padding: 180px 0 0 70px;
    background: url(../img/top/img_award_top_03.png) no-repeat left 30px;
    background-size: contain !important;
    text-align: left;
    list-style: disc; }
    .award-to03 h4 {
      display: none; }
    .award-to03 ul {
      margin: 10px 0 0 140px; }
      .award-to03 ul li {
        list-style: disc; }
  .award-to04 {
    width: 50% !important;
    height: 350px;
    margin-top: 40px;
    padding: 180px 0 0 70px;
    background: url(../img/top/img_award_top_04.png) no-repeat left 30px;
    background-size: contain !important;
    text-align: left;
    list-style: disc; }
    .award-to04 h4 {
      display: none; }
    .award-to04 ul {
      margin: 20px 0 0 130px; }
      .award-to04 ul li {
        list-style: disc; }
  .award-to05 {
    width: 50% !important;
    height: 350px;
    margin-top: 40px;
    padding: 180px 0 0 70px;
    background: url(../img/top/img_award_top_05.png) no-repeat left 30px;
    background-size: contain !important;
    text-align: left;
    list-style: disc; }
    .award-to05 h4 {
      display: none; }
    .award-to05 ul {
      margin: 20px 0 0 140px; }
      .award-to05 ul li {
        list-style: disc; }
  .award-to06 {
    width: 960px !important;
    height: 466px;
    margin-top: 40px;
    padding: 20px 0 0 0;
    background: url(http://www.sgh-ecokaiga.jp/img/top/img_award_top_06.png) no-repeat left 0px;
    background-size: contain !important;
    text-align: left;
    list-style: disc; }
    .award-to06 h4 {
      display: none; }
    .award-to06 ul {
      margin: 0px 0 0 260px;
      width: 620px; }
      .award-to06 ul li {
        list-style: disc; }
      .award-to06 ul li.orgimg {
        padding: 60px 0 0 0; } }

.award_sp {
  padding: 20px 0 0 0;
  text-align: center; }
  .award_sp img {
    width: 70%;
    height: 70%;
    margin: 0 auto; }

@media only screen and (min-width: 900px) {
  .award_sp {
    display: none; } }

/* --------------------------------------------------------------------

	07. examiner
	
-------------------------------------------------------------------- */
.examiner-days {
  width: 90%;
  height: auto; }

@media only screen and (min-width: 768px) {
  .examiner-days {
    width: 500px;
    height: 145px;
    margin: 40px auto 0 auto !important; }
    .examiner-days img {
      width: 500px;
      height: 145px; } }

/* --------------------------------------------------------------------

	08. entry
	
-------------------------------------------------------------------- */
.entry .numbering {
  padding-left: 1.6rem;
  display: block; }

.entry .numbering-after {
  padding-left: 1.6rem;
  display: block; }

.entry-theme01 {
  width: auto;
  height: 60px;
  margin: 0 0 20px 0; }
  .entry-theme01 img {
    width: auto;
    height: 60px; }

.entry-theme02 {
  width: auto;
  height: 60px; }
  .entry-theme02 img {
    width: auto;
    height: 60px; }

.bg-bdr {
  background: url(../img/entry/bdr.png) repeat-x center bottom;
  padding: 40px 0; }

.leaf {
  width: 90%;
  height: auto;
  margin: 40px auto 20px auto; }

.entry dl dt {
  color: #e2689b;
  text-align: left; }

.entry dl dd .numbering {
  text-indent: -1.6rem; }

.entry dl dd .numbering-notice {
  text-indent: -1.6rem; }

.entry p.gre {
  display: none; }

.entry p.gre-sp {
  color: #6b9238;
  width: 90%;
  min-height: 60px;
  margin: 20px;
  padding: 0 15px 0 25px;
  font-size: 1.4rem;
  background: url(http://www.sgh-ecokaiga.jp/img/entry/img_gre.png) no-repeat center top;
  background-size: contain;
  text-align: center; }

p.gre-img {
  width: 100%;
  margin: 0px auto 50px auto; }

.entry dl.award-list dd ul {
  margin-bottom: 50px; }
  .entry dl.award-list dd ul li {
    list-style: disc; }

.entry dl.award-list dd ul:first-child {
  margin-bottom: 10px; }

@media only screen and (min-width: 768px) {
  .entry-theme01 {
    margin: 0 0 20px 40px !important;
    padding: 0 0 0 0 !important;
    height: 120px;
    float: left; }
    .entry-theme01 img {
      width: auto;
      height: 120px; }
  .entry-theme02 {
    margin: 20px 0 20px 40px !important;
    padding: 0 0 0 0 !important;
    height: 120px;
    float: left; }
    .entry-theme02 img {
      width: auto;
      height: 120px; }
  .entry p.gre-sp {
    display: none; }
  .entry p.gre {
    display: block;
    color: #6b9238;
    width: 360px;
    min-height: 90px;
    margin: 20px 0 0 20px;
    padding: 5px 33px 0 56px;
    font-size: 14px !important;
    background: url(http://www.sgh-ecokaiga.jp/img/entry/img_gre.png) no-repeat;
    background-size: contain; }
  .entry p.gre-img {
    width: 360px;
    min-height: 90px;
    margin: 20px 0 0 20px; }
  /*.entry dl.award-list {
		padding-bottom: 45px;
		background-size: contain;
		dt {
			width: 100%;
			margin: 50px 0 60px 0;
			float: none!important;
		}
		
		dd {
			width: 100%;
			//margin-left: 400px;
			float: none!important;
			ul {
				//width: 450px;
				margin: 80px 0 60px 0;
				li {
				}
			}
		}
	}*/
  .entry dl.award-list dd {
    min-height: 100px;
    margin-bottom: 0px; } }

@media only screen and (min-width: 900px) {
  .entry-theme01 {
    width: 556px !important;
    margin: 0 60px 0 0 !important;
    padding: 0 0 0 0 !important; }
    .entry-theme01 img {
      width: 100%;
      height: 100%; }
  .entry-theme02 {
    width: 282px !important;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important; }
    .entry-theme02 img {
      width: 100%;
      height: 100%; }
  .leaf {
    width: 403px;
    height: 88px;
    margin: 60px auto 40px auto; }
    .leaf img {
      width: 403px;
      height: 88px; }
  .entry p.gre {
    display: block;
    color: #6b9238;
    width: 360px;
    min-height: 90px;
    margin: 20px 0 0 20px;
    padding: 10px 33px 0 36px;
    font-size: 14px !important;
    background: url(http://www.sgh-ecokaiga.jp/img/top/img_gre.png) no-repeat;
    background-size: contain; }
  .entry p.gre-img {
    width: 360px !important;
    min-height: 90px;
    margin: 20px 0 0 20px; }
  .entry dl.award-list {
    background: url(http://www.sgh-ecokaiga.jp/img/entry/modules.png) no-repeat right top;
    padding-bottom: 45px;
    background-size: contain; }
    .entry dl.award-list dt {
      width: 354px;
      height: 116px;
      margin: 50px 0 0 0; }
    .entry dl.award-list dd {
      margin-left: 400px; }
      .entry dl.award-list dd ul {
        width: 450px;
        margin: 80px 0 0 0; }
  .entry p.notice-bottom {
    margin-left: 181px !important; } }

/* --------------------------------------------------------------------

	09. publication
	
-------------------------------------------------------------------- */
.publication .pub2015_sp_box {
  width: 100%;
  height: auto !important;
  margin-top: 48px;
  margin-left: auto;
  margin-right: auto;
  background: url(http://www.sgh-ecokaiga.jp/img/publication/bdr.png) repeat-x center bottom; }
  .publication .pub2015_sp_box:last-child {
    background-image: none; }
  .publication .pub2015_sp_box .face {
    width: 100%;
    float: none;
    text-align: center; }
  .publication .pub2015_sp_box hgroup {
    width: 100%;
    padding: 0 0 0 0px;
    text-align: center; }
    .publication .pub2015_sp_box hgroup h4 {
      text-align: center;
      color: #6e9d03;
      font-weight: bold; }
    .publication .pub2015_sp_box hgroup h5 {
      text-align: center; }
  .publication .pub2015_sp_box p {
    width: 100% !important;
    height: 100%;
    float: none;
    padding: 12px 0 24px 0;
    margin: 0;
    position: static !important;
    text-align: left; }

@media only screen and (min-width: 768px) {
  .publication .container {
    padding-right: 0px !important;
    padding-left: 0px !important; }
  .publication .pub2015_sp_box {
    width: 100%;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 25px 26px 25px !important;
    background: #e9e8a4;
    background-image: none;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
    border-bottom: none; }
    .publication .pub2015_sp_box p {
      padding: 12px 0 0 0; } }

@media only screen and (min-width: 980px) {
  .publication .pub2015_sp_box {
    width: 960px;
    padding: 36px 26px 26px 26px !important;
    background: #e9e8a4 url(../img/publication/bg_pub.gif) no-repeat center top;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */ }
    .publication .pub2015_sp_box:last-child {
      background: #e9e8a4 url(../img/publication/bg_pub.gif) no-repeat center top; }
    .publication .pub2015_sp_box .face {
      width: 126px;
      float: left; }
    .publication .pub2015_sp_box .face_txt {
      width: 782px;
      float: left;
      padding-left: 26px; }
    .publication .pub2015_sp_box hgroup {
      padding: 0px;
      text-align: left; }
      .publication .pub2015_sp_box hgroup h4 {
        text-align: left; }
      .publication .pub2015_sp_box hgroup h5 {
        text-align: left; }
    .publication .pub2015_sp_box p {
      padding: 30px 100px 0 0; } }

@media only screen and (min-width: 1286px) {
  .publication .pub2015_sp_box p {
    padding: 30px 0 0 0; } }

/* --------------------------------------------------------------------

	10. archive
	
-------------------------------------------------------------------- */
.archivebox {
  margin: 40px 0 0 0; }

@media only screen and (min-width: 768px) {
  .archivebox {
    width: 455px;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
    border: 3px solid #4a6ab3;
    padding: 20px 0px;
    background: #fef9d5;
    text-align: center;
    margin: 40px auto 0 auto !important;
    float: none; }
    .archivebox p {
      width: 401px;
      height: 96px;
      margin: 10px auto 10px auto; } }

@media only screen and (min-width: 900px) {
  .archivebox {
    width: 455px !important;
    float: left;
    padding: 20px 0px; }
    .archivebox:first-child {
      margin-right: 40px !important; }
    .archivebox p {
      width: 401px;
      height: 96px;
      margin: 10px auto 10px auto; } }

/* --------------------------------------------------------------------

	11. examiner　2016/10/25 受賞作品追加
	
-------------------------------------------------------------------- */
/* . {
}

@media only screen and (min-width: 480px) {
}

@media only screen and (min-width: 768px) {
}

@media only screen and (min-width: 900px) {
	
	. {
	}
	
} */
.award2016_h3_theme {
  width: 100%;
  height: auto;
  margin: 20px auto 0 auto; }
  .award2016_h3_theme img {
    width: 100%;
    height: auto; }

@media only screen and (min-width: 900px) {
  .award2016_h3_theme {
    width: 556px;
    height: 110px; } }

.award2016_h4_title {
  width: 100%;
  height: auto;
  margin: 30px auto 20px auto; }
  .award2016_h4_title img {
    width: 100%;
    height: auto; }

@media only screen and (min-width: 900px) {
  .award2016_h4_title {
    width: 300px;
    height: 60px;
    margin: 0 auto; } }

#award2016 ul.art01 {
  width: 100%;
  margin: 0 auto !important;
  padding: 0; }
  #award2016 ul.art01 a:link,
  #award2016 ul.art01 a:visited,
  #award2016 ul.art01 a:active {
    color: #333 !important; }
  #award2016 ul.art01 li {
    width: 100%;
    float: none;
    background: #fff;
    margin: 0px 0px 20px 0;
    text-align: center;
    border-radius: 15px;
    /* CSS3草案 */ }
    #award2016 ul.art01 li img {
      padding: 0px;
      padding-top: 5%;
      padding-bottom: 5%;
      width: 90%; }
    #award2016 ul.art01 li p {
      width: 100%;
      height: auto;
      min-height: 80px;
      line-height: 1.4;
      text-align: center;
      font-size: 14px;
      margin: 0 auto; }
      #award2016 ul.art01 li p span {
        color: #3c5da2;
        font-weight: bold; }
    #award2016 ul.art01 li p.crown {
      width: 50%;
      height: auto;
      min-height: 40px;
      line-height: 1.4;
      text-align: center;
      font-size: 14px;
      margin: 0 auto; }
      #award2016 ul.art01 li p.crown span {
        color: #3c5da2;
        font-weight: bold; }
    #award2016 ul.art01 li p.departure {
      min-height: 60px; }

@media only screen and (min-width: 900px) {
  #award2016 ul.art01 {
    width: 960px;
    margin: 30px auto 30px auto !important;
    padding: 0 !important; }
    #award2016 ul.art01 li {
      width: 470px;
      float: left;
      margin: 0px 20px 20px 0; }
      #award2016 ul.art01 li a:link,
      #award2016 ul.art01 li a:visited,
      #award2016 ul.art01 li a:active {
        color: #333 !important; }
      #award2016 ul.art01 li img {
        margin: 25px;
        width: 420px;
        padding-top: 0%;
        padding-bottom: 0%; }
      #award2016 ul.art01 li p {
        height: 80px;
        line-height: 1.4;
        text-align: center;
        font-size: 14px;
        margin: 0 auto; }
        #award2016 ul.art01 li p span {
          color: #3c5da2;
          font-weight: bold; }
      #award2016 ul.art01 li p.crown {
        width: 121px;
        height: 40px;
        min-height: 40px;
        text-align: center;
        margin: 0 auto !important; }
        #award2016 ul.art01 li p.crown img {
          width: 100%;
          margin: 0; }
      #award2016 ul.art01 li p.departure {
        min-height: 60px;
        height: 60px; }
    #award2016 ul.art01 li.mark-archive {
      margin: 0px 0 20px 0; } }

#award2016 ul.art02 {
  width: 100%;
  margin: 0 auto !important;
  padding: 0 !important; }
  #award2016 ul.art02 li {
    width: 48%;
    text-align: center;
    float: left;
    margin: 0 0 12px 0 !important;
    background: #fff;
    border-radius: 3px;
    /* CSS3草案 */ }
    #award2016 ul.art02 li:nth-child(odd) {
      margin: 0 0 12px 0 !important; }
    #award2016 ul.art02 li:nth-child(even) {
      margin: 0 0 12px 4% !important; }
    #award2016 ul.art02 li a:link,
    #award2016 ul.art02 li a:visited,
    #award2016 ul.art02 li a:active {
      color: #333 !important; }
    #award2016 ul.art02 li img {
      padding-top: 5% !important;
      padding-bottom: 5% !important;
      width: 90% !important;
      height: 90% !important; }
    #award2016 ul.art02 li p {
      width: 90% !important;
      line-height: 1.4;
      text-align: center !important;
      font-size: 10.5px;
      margin: 0 auto 15px auto; }
  #award2016 ul.art02 li.mark-archive {
    margin: 0 0 0 0; }

@media only screen and (min-width: 960px) {
  #award2016 ul.art02 {
    width: 960px;
    margin: 30px auto 30px auto !important;
    padding: 0 !important; }
    #award2016 ul.art02 li {
      width: 150px;
      margin: 0 12px 12px 0 !important; }
      #award2016 ul.art02 li:nth-child(odd) {
        margin: 0 12px 12px 0 !important; }
      #award2016 ul.art02 li:nth-child(even) {
        margin: 0 12px 12px 0 !important; }
      #award2016 ul.art02 li img {
        margin: 5px;
        width: 140px;
        height: 87px; }
      #award2016 ul.art02 li p {
        width: 120px;
        height: 56px;
        line-height: 1.4;
        text-align: center;
        margin: 0 auto; }
    #award2016 ul.art02 li.mark-archive {
      margin: 0px 0 12px 0 !important; } }

#award2016 h4.grade {
  color: #3c5da2;
  text-align: center;
  margin-top: 28px;
  margin-bottom: 18px; }

#award2016 h4.grade_k {
  color: #3c5da2;
  text-align: center;
  margin-bottom: 18px;
  margin-top: 30px; }

#award2016 .past_glade {
  margin-bottom: 20px; }

@media only screen and (min-width: 900px) {
  #award2016 h4.grade {
    color: #3c5da2;
    text-align: center;
    margin-top: 28px;
    margin-bottom: 18px; }
  #award2016 h4.grade_k {
    color: #3c5da2;
    text-align: center;
    margin-bottom: 18px;
    margin-top: 30px; }
  #award2016 .past_glade {
    margin-bottom: 20px;
    text-align: right; }
  #award2016 p.past_glade {
    width: 960px;
    margin: 0 auto 20px auto !important; } }

#award2016 .review {
  position: relative;
  width: 100%;
  margin: 0 auto 60px auto;
  padding: 0 !important; }
  #award2016 .review li {
    width: 100%;
    float: left;
    list-style: none;
    margin: 15px 0 0 0;
    text-align: center; }
    #award2016 .review li img {
      width: 100%; }
  #award2016 .review li.first_l {
    margin: 15px 0 0 0; }
  #award2016 .review li.second_t {
    margin: 15px 0 0 0; }

#award2016 .review2015 {
  position: relative;
  width: 100%;
  margin: 0 auto 0px auto;
  padding: 0 !important; }
  #award2016 .review2015 li {
    width: 100%;
    float: left;
    list-style: none;
    margin: 15px 0 0 0;
    text-align: center; }
    #award2016 .review2015 li img {
      width: 100%; }
  #award2016 .review2015 li.first_l {
    margin: 15px 0 0 0; }
  #award2016 .review2015 li.second_t {
    margin: 15px 0 0 0; }

@media only screen and (min-width: 960px) {
  #award2016 .review {
    width: 960px;
    position: relative;
    padding-left: 0 !important; }
    #award2016 .review li {
      width: 310px;
      float: left;
      list-style: none;
      margin-left: 15px; }
      #award2016 .review li img {
        width: 310px; }
    #award2016 .review li.first_l {
      margin-left: 0px; }
    #award2016 .review li.second_t {
      margin-top: 15px;
      margin-bottom: 60px; }
  #award2016 .review2015 {
    width: 960px;
    position: relative;
    padding-left: 0 !important; }
    #award2016 .review2015 li {
      width: 310px;
      float: left;
      list-style: none;
      margin-left: 15px; }
      #award2016 .review2015 li img {
        width: 310px; }
    #award2016 .review2015 li.first_l {
      margin-left: 0px; } }

#award2016 .teamaward2015_wrap {
  background: #fcfdd8;
  border-radius: 15px;
  padding: 20px 0 20px 0;
  margin: 30px auto 10px auto; }

#award2016 .teamaward2015_01 {
  text-align: center;
  font-size: 16px;
  width: 90%;
  margin: 0 auto;
  font-size: 14px; }

#award2016 .teamaward2015_02 {
  text-align: center;
  color: #3c5da2;
  font-size: 20px;
  font-weight: bold;
  width: 90%;
  margin: 0 auto;
  line-height: 1.3;
  padding: 10px 0 0 0; }

#award2016 .school_spc {
  display: none; }

@media only screen and (min-width: 960px) {
  #award2016 .teamaward2015_wrap {
    width: 960px;
    background: #fcfdd8;
    border-radius: 15px;
    padding: 20px 0 20px 0;
    margin: 30px auto 10px auto; }
  #award2016 .teamaward2015_01 {
    text-align: center;
    font-size: 16px;
    width: 90%;
    margin: 0 auto;
    font-size: 14px; }
  #award2016 .teamaward2015_02 {
    text-align: center;
    color: #3c5da2;
    font-size: 20px;
    font-weight: bold;
    width: 90%;
    margin: 0 auto;
    line-height: 1.3; }
  #award2016 .school_spc {
    display: inline; } }

/* --------------------------------------------------------------------

	12. examiner 2016/10/25 表彰式関連　
	
-------------------------------------------------------------------- */
#award2016 .art_ceremony {
  width: 100%;
  background: #fcfdd8;
  margin: 0px 20px 20px 0;
  padding: 0;
  border-radius: 5%;
  /* CSS3草案 */ }
  #award2016 .art_ceremony img {
    width: 100%;
    padding: 5%; }

#award2016 .art_ceremony_lead {
  padding-bottom: 20px; }

#award2016 ul.art01 li {
  /* 出発式用追加 */ }
  #award2016 ul.art01 li p.sakana_photo {
    height: 20px;
    min-height: 20px;
    margin: 0 auto 15px auto;
    padding: 0 !important;
    font-weight: bold; }
  #award2016 ul.art01 li p.aec0 {
    display: none; }
  #award2016 ul.art01 li .art_ceremony_comment {
    width: 90% !important;
    border-radius: 10px;
    /* CSS3草案 */
    border: 2px solid #9cadbd;
    margin-left: auto;
    margin-right: auto;
    padding: 12px;
    height: auto !important; }
    #award2016 ul.art01 li .art_ceremony_comment p {
      margin: 0;
      padding: 0;
      text-align: left !important; }
  #award2016 ul.art01 li .art_ceremony_comment2017 {
    width: 90% !important;
    border-radius: 10px;
    /* CSS3草案 */
    border: 2px solid #9cadbd;
    margin-left: auto;
    margin-right: auto;
    padding: 12px;
    height: auto !important; }
    #award2016 ul.art01 li .art_ceremony_comment2017 p {
      margin: 0;
      padding: 0;
      text-align: left !important; }

#award2016 ul.award_m2015 {
  width: 100%;
  margin: 0 auto;
  padding: 20px 0 0px 0; }
  #award2016 ul.award_m2015 li {
    text-align: center;
    color: #3c5da2;
    float: none;
    margin: 10% auto 0 auto;
    line-height: 1.6;
    font-size: 11px; }
    #award2016 ul.award_m2015 li p {
      text-align: center;
      margin: 0 auto;
      padding: 0;
      width: 100% !important; }
  #award2016 ul.award_m2015 li.yos01 {
    width: 100%; }
    #award2016 ul.award_m2015 li.yos01 img {
      width: 100%; }
  #award2016 ul.award_m2015 li.yos02 {
    width: 100%; }
    #award2016 ul.award_m2015 li.yos02 img {
      width: 100%; }
  #award2016 ul.award_m2015 li.yos03 {
    width: 100%; }
    #award2016 ul.award_m2015 li.yos03 img {
      width: 100%; }
  #award2016 ul.award_m2015 li.yos04 {
    width: 100%; }
    #award2016 ul.award_m2015 li.yos04 img {
      width: 100%; }

@media only screen and (min-width: 960px) {
  #award2016 .art_ceremony {
    width: 470px;
    height: 468px;
    background: #fcfdd8;
    margin: 0px auto;
    border-radius: 15px;
    /* CSS3草案 */ }
    #award2016 .art_ceremony img {
      padding: 25px;
      width: 100%;
      height: 100%; }
  #award2016 .art_ceremony_lead {
    padding: 25px 0 20px 0; }
  #award2016 ul.art01 li .art_ceremony_comment {
    width: 420px !important;
    border-radius: 10px;
    /* CSS3草案 */
    border: 2px solid #9cadbd;
    padding: 12px 12px 12px 12px;
    text-align: left !important;
    height: auto !important;
    font-size: 14px !important;
    line-height: 1.4 !important; }
    #award2016 ul.art01 li .art_ceremony_comment p.aec {
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      text-align: left !important; }
  #award2016 ul.art01 li .art_ceremony_comment2017 {
    width: 420px !important;
    border-radius: 10px;
    /* CSS3草案 */
    border: 2px solid #9cadbd;
    padding: 12px 12px 12px 12px;
    text-align: left !important;
    height: auto !important;
    font-size: 14px !important;
    line-height: 1.4 !important; }
    #award2016 ul.art01 li .art_ceremony_comment2017 p.aec {
      width: 100% !important;
      min-height: 100px !important;
      margin: 0 !important;
      padding: 0 !important;
      text-align: left !important; }
  #award2016 ul.award_m2015 {
    width: 900px;
    margin: 0 auto;
    padding: 20px 0 60px 0; }
    #award2016 ul.award_m2015 li {
      width: 422px !important;
      padding: 12px;
      height: 390px;
      text-align: center;
      color: #3c5da2;
      float: left;
      margin: 0 0 0 0px;
      line-height: 1.6;
      font-size: 12px; }
      #award2016 ul.award_m2015 li p {
        text-align: center;
        margin: 0 auto;
        padding: 0;
        width: 422px !important; }
    #award2016 ul.award_m2015 li.yos02 {
      margin-left: 50px; }
    #award2016 ul.award_m2015 li.yos03 {
      padding-top: 23px; }
    #award2016 ul.award_m2015 li.yos04 {
      margin-left: 50px;
      padding-top: 23px; } }

.examiner .pub2015_sp_box {
  width: 100%;
  height: auto !important;
  margin-top: 48px;
  margin-left: auto;
  margin-right: auto; }
  .examiner .pub2015_sp_box .face {
    width: 100%;
    float: none;
    text-align: center; }
  .examiner .pub2015_sp_box hgroup {
    width: 100%;
    padding: 0 0 0 0px;
    text-align: center; }
    .examiner .pub2015_sp_box hgroup h4 {
      text-align: center;
      color: #ee8f31;
      font-weight: bold; }
    .examiner .pub2015_sp_box hgroup h5 {
      text-align: center; }
  .examiner .pub2015_sp_box p {
    width: 100% !important;
    height: 100%;
    float: none;
    padding: 12px 0 24px 0;
    margin: 0;
    position: static !important;
    text-align: left; }

.examiner .dotted {
  background: url(http://www.sgh-ecokaiga.jp/img/examiner/2016/bdr.png) repeat-x center bottom; }

@media only screen and (min-width: 768px) {
  .examiner .pub2015_sp_box {
    width: 100%;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 25px 26px 25px !important;
    background-image: none;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
    border-bottom: none; }
    .examiner .pub2015_sp_box p {
      padding: 12px 0 0 0; }
  .examiner .departure_sp_box {
    margin-top: -10px !important; }
  .examiner .dotted {
    background: none; } }

@media only screen and (min-width: 960px) {
  .examiner .container {
    width: 100% !important; } }

@media only screen and (min-width: 980px) {
  .examiner .pub2015_sp_box {
    width: 960px;
    padding: 36px 26px 26px 26px !important;
    background: #fcfdd8 url(http://www.sgh-ecokaiga.jp/img/examiner/2016/bg_pub.gif) no-repeat center top;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */ }
    .examiner .pub2015_sp_box:last-child {
      background: #e9e8a4 url(http://www.sgh-ecokaiga.jp/img/examiner/2016/bg_pub.gif) no-repeat center top; }
    .examiner .pub2015_sp_box .face {
      width: 126px;
      float: left; }
    .examiner .pub2015_sp_box .face_txt {
      width: 782px;
      float: left;
      padding-left: 26px; }
    .examiner .pub2015_sp_box hgroup {
      padding: 0px;
      text-align: left; }
      .examiner .pub2015_sp_box hgroup h4 {
        text-align: left; }
      .examiner .pub2015_sp_box hgroup h5 {
        text-align: left; }
    .examiner .pub2015_sp_box p {
      padding: 30px 30px 0 0; } }

@media only screen and (min-width: 1286px) {
  .examiner .pub2015_sp_box p {
    padding: 30px 0 0 0; } }

/* --------------------------------------------------------------------

	13. examiner,2016award 2016/12/22 表彰式関連　
	
-------------------------------------------------------------------- */
.sagawa-btn_nmgn {
  margin: 0px 0 10px 0 !important; }

@media only screen and (min-width: 960px) {
  .sagawa-btn_nmgn {
    margin: -30px 0 50px 0 !important; } }

.sagawa-btn_nmgnR {
  margin: 0px 0 10px 0 !important; }

@media only screen and (min-width: 960px) {
  .sagawa-btn_nmgnR {
    margin: -30px 0 50px 20px !important; } }

.pc_pagelink {
  display: none !important; }

.sp_pagelink {
  display: block !important; }

@media only screen and (min-width: 960px) {
  .pc_pagelink {
    display: block !important; }
  .sp_pagelink {
    display: none !important; } }

/* --------------------------------------------------------------------

	14. 2016award 2017/2/24 出発式関連　
	
-------------------------------------------------------------------- */
#award2016 .departure170224 {
  width: 100%;
  background: #fcfdd8;
  margin: 0px 20px 20px 0;
  padding: 0;
  border-radius: 5%;
  /* CSS3草案 */ }
  #award2016 .departure170224 img {
    width: 100%;
    padding: 5%; }
  #award2016 .departure170224 p {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    padding-bottom: 18px; }

@media only screen and (min-width: 960px) {
  #award2016 .departure170224 {
    width: 960px;
    height: auto;
    background: #fcfdd8;
    margin: 0px auto;
    border-radius: 15px;
    /* CSS3草案 */ }
    #award2016 .departure170224 img {
      padding: 25px;
      width: 100%; } }

/*12. examiner 2016/10/25 表彰式関連　側に、さかなくんとのテキスト追加。*/
/*******************
/* CLASSES
 */
/* clearfix */
.container:after,
.clear:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }
  
  
  
  
  
 /* --------------------------------------------------------------------
   2017年CSS追加 
    --------------------------------------------------------------------*/
 
  
  /*ヘッダーボタン*/

.btn01 {
    background: url("http://www.sgh-ecokaiga.jp/img/common/navi_u_001.png") no-repeat; /* ロールオーバー時のチラつき防止 */
}

.btn01 a {
    width: 149px;
    height: 73px;
    background: url("http://www.sgh-ecokaiga.jp/img/common/navi_u_001.png") no-repeat;
    display: block;
    text-indent: -9999px;
}

.btn01 a:hover {
    background-image: url("http://www.sgh-ecokaiga.jp/img/common/navi_d_001.png");
}



.btn02 {
    background: url("http://www.sgh-ecokaiga.jp/img/common/navi_u_002.png") no-repeat; /* ロールオーバー時のチラつき防止 */
}

.btn02 a {
    width: 149px;
    height: 73px;
    background: url("http://www.sgh-ecokaiga.jp/img/common/navi_u_002.png") no-repeat;
    display: block;
    text-indent: -9999px;
}

.btn02 a:hover {
    background-image: url("http://www.sgh-ecokaiga.jp/img/common/navi_d_002.png");
}



.btn03 {
    background: url("http://www.sgh-ecokaiga.jp/img/common/navi_u_003.png") no-repeat; /* ロールオーバー時のチラつき防止 */
}

.btn03 a {
    width: 149px;
    height: 73px;
    background: url("http://www.sgh-ecokaiga.jp/img/common/navi_u_003.png") no-repeat;
    display: block;
    text-indent: -9999px;
}

.btn03 a:hover {
    background-image: url("http://www.sgh-ecokaiga.jp/img/common/navi_d_003.png");
}


.btn04 {
    background: url("http://www.sgh-ecokaiga.jp/img/common/navi_u_004.png") no-repeat; /* ロールオーバー時のチラつき防止 */
}

.btn04 a {
    width: 149px;
    height: 73px;
    background: url("http://www.sgh-ecokaiga.jp/img/common/navi_u_004.png") no-repeat;
    display: block;
    text-indent: -9999px;
}

.btn04 a:hover {
    background-image: url("http://www.sgh-ecokaiga.jp/img/common/navi_d_004.png");
}


.btn05 {
    background: url("http://www.sgh-ecokaiga.jp/img/common/navi_u_005.png") no-repeat; /* ロールオーバー時のチラつき防止 */
}

.btn05 a {
    width: 149px;
    height: 73px;
    background: url("http://www.sgh-ecokaiga.jp/img/common/navi_u_005.png") no-repeat;
    display: block;
    text-indent: -9999px;
}

.btn05 a:hover {
    background-image: url("http://www.sgh-ecokaiga.jp/img/common/navi_d_005.png");
}


.btn06 {
    background: url("http://www.sgh-ecokaiga.jp/img/common/navi_u_006.png") no-repeat; /* ロールオーバー時のチラつき防止 */
}

.btn06 a {
    width: 149px;
    height: 73px;
    background: url("http://www.sgh-ecokaiga.jp/img/common/navi_u_006.png") no-repeat;
    display: block;
    text-indent: -9999px;
}

.btn06 a:hover {
    background-image: url("http://www.sgh-ecokaiga.jp/img/common/navi_d_006.png");
}

.btn_eco_top{
width: 172px;
margin: 0px;
padding: 10px 0px;
}


.relative {
    position: relative;
}

.absolute {
    position: absolute;
    right: 180px;
    top: 75px;
}

@media only screen and (max-width: 768px) {

.btn_eco_top{
width: 100%;
margin: 0px;
padding: 10px 0px;
}


}


/* --------------------------------------------------------------------

	04. wrap
	
-------------------------------------------------------------------- */
#wrap {
  padding: 11px 0px;
  width: 100%;
}


#wrap_sea_top {
  width: 100%;
  background-image: url("http://www.sgh-ecokaiga.jp/img/common/sea_top_bk.png");
  background-repeat: repeat-x;
  background-position: center top;
  padding-top: 40px;
}



#wrap_sea_area {
  width: 100%;
  background-image: url("http://www.sgh-ecokaiga.jp/img/common/sea_area_bk.png");
  background-repeat: repeat;
  background-position: center top;
  padding-bottom: 50px;
}

div.inner {
    width: 960px;
    margin: 0px auto;
   overflow: hidden;

}


span.gray {
  color: #403F41; }







@media only screen and (max-width: 768px) {

div.inner {
    width: 100%;
    margin: 0px auto;
   overflow: hidden;
}

img {
width: 100%;
height: auto;
}

p.text_96{
width: 96%;
margin: 0px 2%;}


}





}
/* --------------------------------------------------------------------

	06. home
	



/* ----------
メイン画像部分
  ----------*/
   
#mein_area{
padding: 10px 0px;
}

#mein_area h3{
padding: 0px;
margin: 0px;
}

@media only screen and (max-width: 768px) {

#mein_area{
padding: 0px;
}

#mein_area img{
width: 100%;
height: auto;
}

#mein_area h3{
padding: 0px;
margin: 0px;
}

}

/* ----------
全国エコ絵画コンクールとは？
  ----------*/
#concours_area{
width: 100%;
margin: 10px 0px;
padding-top: 0px;
color: #403F41;
}


.concours_bk_green{
background-image: url("http://www.sgh-ecokaiga.jp/img/top/eco_bk.png");
background-repeat: no-repeat;
width: 960px;
margin: 0px auto;
height: 415px;
}


h5.eco_title{
font-weight: 600;
font-size: 35px;
text-align: left;
padding-top: 70px;
margin-left: 200px;
}


.concours_bk_green p{
margin: 20px 40px 20px 200px;
padding: 0px;
}


.concours_bk_green ul.dw_print{
padding: 0px;
overflow: hidden;
margin:10px 0px 0px 180px;}

.dw_print li{
text-align: center;
margin: 0px 15px 0px 10px;
padding: 0px;
float: left;
width: 350px;
height: auto;
}


@media only screen and (max-width: 768px) {

#concours_area{
width: 100%;
margin: 10px 0px;
background-image: url("http://www.sgh-ecokaiga.jp/img/top/tori_bk.png");
background-repeat: no-repeat;
background-position: right top;
padding-top: 70px;
color: #403F41;
}

.concours_bk_green{
background-image: url("http://www.sgh-ecokaiga.jp/img/top/eco_bk_sp.png");
background-repeat: repeat;
margin: 0px;
width: 100%;
height: auto;

}

.concours_bk_green p{
margin: 5px;
padding: 5px;
}

h5.eco_title{
font-weight: 600;
font-size: 20px;
text-align: center;
padding-top: 20px;
margin: 0px;
}

.concours_bk_green ul.dw_print{
width: 100%;
padding: 5px;
overflow: hidden;
margin:0px;
}

.dw_print li{
text-align: center;
margin: 0px;
padding: 0px;
float: none;
width: 100%;

}

}



/* ----------
先生へ
応募要項
  ----------*/
#topbnr_area{
width: 960px;
margin: 5px auto;
}

#topbnr_area ul{
width: 960px;
padding: 0px;
overflow: hidden;}

#topbnr_area li{
text-align: center;
margin: 0px;
padding-top: 5px;
float: left;
}

li.right_space{
padding-right: 20px;
}

@media only screen and (max-width: 768px) {


#topbnr_area{
width: 100%;
margin: 5px 0px;
}

#topbnr_area ul{
width: 100%;
padding: 5px;
overflow: hidden;}

#topbnr_area li{
text-align: center;
margin: 0px;
padding-top: 5px;
float: none;
}

li.right_space{
padding-right: 0px;
}



}

/* ----------
イベントの案内
  ----------*/
  
  
 .eventinfo_area{
width: 960px;
margin: 20px auto;
padding:20px 63px;
background-color: rgba( 255,255,255,0.9 );

}

h5.eventinfo_title{
font-weight: 600;
font-size: 20px;
text-align: left;
background-image: url("http://www.sgh-ecokaiga.jp/img/common/pc_news_boder.png");
background-repeat: no-repeat;
background-position: center bottom;
padding: 10px 20px 10px 20px;
margin: 0px 0px 0px 0px;
height: 45px;
}

.eventinfo_content{
padding:5px 10px 0 20px;
}
.eventinfo_subtitle{
font-weight: bold;
font-size: 17px;
margin-bottom: 2px;
}
.eventinfo_area table{
margin-bottom:10px;
}

@media only screen and (max-width: 768px) {

.eventinfo_area{
width: 100%;
margin: 35px 0px 5px;
padding:0;
background-color: rgba( 255,255,255,0.9 );
}

h5.eventinfo_title{
font-weight: 600;
font-size: 20px;
text-align: left;
background-image: url("http://www.sgh-ecokaiga.jp/img/common/sp_news_boder.png");
background-repeat: repeat-x;
background-position: center bottom;
padding: 10px 20px ;
margin: 0px ;
height: auto;
}
.eventinfo_subtitle,
.eventinfo_content th{
font-weight: 600;
}
.eventinfo_content{
	padding:5px 5px 30px 5px;
}
.eventinfo_content th,.eventinfo_content td{
	display:block;
}
}

/* ----------
お知らせ
  ----------*/
  
  
 .news_area{
width: 960px;
margin: 20px auto;
background-color: rgba( 255,255,255,0.5 );
padding-top: 1px;
}

h5.news_title{
font-weight: 600;
font-size: 20px;
text-align: left;
background-image: url("http://www.sgh-ecokaiga.jp/img/common/pc_news_boder.png");
background-repeat: no-repeat;
background-position: center bottom;
padding: 10px 20px 10px 20px;
margin: 20px 63px 0px 63px;
height: 45px;
}

.news_area ul{
padding: 5px 5px 25px 5px;
margin: 0px 63px;
}

.news_area ul li{
border-bottom: #403F41 dashed 1px;
margin: 10px 0px;
overflow: hidden;
}


span.day{
padding-left: 20px;
padding-right: 20px;
}


span.news_text{
float: none;
}
 

  
@media only screen and (max-width: 768px) {

.news_area{
width: 100%;
margin: 5px 0px;
background-color: rgba( 255,255,255,0.5 );
}

h5.news_title{
font-weight: 600;
font-size: 20px;
text-align: left;
background-image: url("http://www.sgh-ecokaiga.jp/img/common/sp_news_boder.png");
background-repeat: repeat-x;
background-position: center bottom;
padding: 10px 20px ;
margin: 0px ;

}

.news_area ul{
padding: 5px 5px 30px 5px;
margin: 0px;
}

.news_area ul li{
border-bottom: #403F41 dashed 1px;
overflow: hidden;
}


span.day{
padding: 0px 5px 0px 0px;
float: left;

}

span.news_text{
float: left;
padding: 0px;
margin: 0px;
}


}

/* ----------
受賞作品追加部分
  ----------*/
.leaf_top {
  width: 960px;
  height: auto;
  margin: 40px auto 20px auto;
  text-align: left; 
}
  
  
    

@media only screen and (max-width: 768px) {

.leaf_top {
    width: 403px;
    height: 88px;
    margin: 60px auto 40px auto; 
}


.leaf_top img {
      width: 403px;
      height: 88px; 
}
      
 

 
      
}

/* ----------
フッター追加部分
  ----------*/
footer .sitemap ul li:before {
      content: "> ";
      color: #ffffff; }  
      
#foote_top {
width: 100%;
background-image: url("http://www.sgh-ecokaiga.jp/img/common/sp_news_boder.png");
background-repeat: repeat;
}
     
      
footer {
color: #fff;
width: 100%;
font-size: 16px; 
background-image: url("../img/common/footer_bk.png");
background-repeat: repeat;
padding-top: 30px;

}

footer a{ 
color: #fff;
}


.sitemap ul{
padding: 0px 0 0 2%;
margin: 0px;
}

footer .sitemap {
background: #37A9E2;
padding: 10px 5px 0px 5px;
width: 960px;
margin: 0px auto;
overflow: hidden;
}


footer .sitemap ul.linklist_shot { 
width: 14%;
float: left;
margin: 0px;
padding: 0px;
}




footer .sitemap ul.linklist, ul.linklist_shot{ 
width: 18%;
float: left;
margin: 0px;
padding: 0px;
}

ul.linklist_shot li{
margin: 0px;
padding: 0px;
float: none;
}  



ul.linklist li{
margin: 0px;
padding: 0px;
float: none;
}  


footer .sitemap ul.privacylist { 
width: 30%;
float: left;
margin-left: 2%;
}
   

ul.privacylist li{
padding: 0px;
margin: 0px;
}   


ul.privacylist img{
width: 6%;}

footer .access {
padding: 30px 0px 0px 0px;
ine-height: 16px;
margin: 0px 5% 0px 0px;
width: 40%;
float: left;
clear: both;
}

span.tel{
font-size: 32px;
line-height: 32px;
}

span.mail img{
width: 80%;
} 


.etc{
width: 55%;
float: left;
margin-top: 30px;
}

footer dl.text_box_001{
width: 100%;
margin: 0px 2% 20px 2%;
}
      
dl.text_box_001 dt{
border-bottom: #ffffff solid 1px;
border-top: #ffffff solid 1px;
padding: 10px 2px 10px 2px;
}

dl.text_box_001 dd{
padding: 10px 2px 20px 2px;
}


dl.text_box_001 img{
width: 3%;}



.footer_bottob_bk{
width: 960px;
margin: 10px auto 0px auto;
background-image: url("http://www.sgh-ecokaiga.jp/img/common/footer_anko.png");
background-repeat: no-repeat;
background-position: right top;
height: 72px;
}


.copyright{
width: 100%;
background: #3C5DA2;
padding: 5px 0px;
font-size: 12px;
}


.copyright_textbox{
text-align: center;}
      
  
@media only screen and (max-width: 768px) {


footer {
color: #fff;
background-image: url("../img/common/footer_bk.png");
background-repeat: repeat;
background-position: center top;
width: 100%;
font-size: 16px; 
}

footer a{ 
color: #fff;
}


.sitemap ul{
padding: 0px 0 0 0%;
margin: 0px;
}

footer .sitemap {
background: #37A9E2;
padding: 10px 5px 0px 5px;
width: 100%;
margin: 0px;
overflow: hidden;
}

footer .sitemap ul.linklist_shot { 
width: 100%;
float: none;
}



footer .sitemap ul.linklist { 
width: 100%;
float: none;
}
  
ul.linklist, ul.linklist_shot li{
float: none;}  


footer .sitemap ul.privacylist { 
width: 100%;
float: none;
margin-left: 0%;

}
   

ul.privacylist li{
padding: 0px;
margin: 0px;
}   


ul.privacylist img{
width: 3%;}

footer .access {
padding: 40px 2% 30px 2%;
ine-height: 16px;
margin: 0px;
width: 100%;
}

span.tel{
font-size: 32px;
line-height: 32px;
}

span.mail img{
width: 80%;
} 


.etc{
width: 100%;
}

footer dl.text_box_001{
width: 96%;
margin: 0px 2% 20px 2%;
}
      
dl.text_box_001 dt{
border-bottom: #ffffff solid 1px;
border-top: #ffffff solid 1px;
padding: 10px 2px 10px 2px;
}

dl.text_box_001 dd{
padding: 10px 2px 20px 2px;
}


dl.text_box_001 img{
width: 3%;}


.footer_bottob_bk{
display: none;
height: 0px;

}


.copyright{
width: 100%;
background: #3C5DA2;
padding: 5px 0px;
font-size: 12px;
}


.copyright_textbox{
text-align: center;
}




/* top戻るアイコン */

div#btnPagetop{
	bottom:5px!important;
	right:5px!important;
}
}



/* TOP page design fixes */

ul.nav.navbar-nav li.toppageLink{
	display:none;
}

div.sagawaheader {
	background-image: url(../img/common/header_bottom_bk.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

/* header bug-fix ( PC first www ) */

@media only screen and (min-width: 768px) {
	div#wrapper{
		width:990px!important;
	}

	div.sagawaheader div.box{
		width:100%!important;
	}

	div.sagawaheader{
		width:100%!important;
		padding-bottom:30px;
	}

}

@media only screen and (min-width: 990px) {
	div#wrapper{
		width:100%!important;
	}
}

/*---------------------Nested Li(Anchor Link) Setting PC----------------------*/


/*** reset CSS *****/
li#sub_navi ul,
li#sub_navi ul li,
li#sub_navi ul li a,
li#sub_navi{
	height:auto!important;
	margin:0!important;
	padding:0!important;
}

li#sub_navi li,
li#sub_navi ul li a{
	font-size:12px;
	line-height:1.5em;
	white-space:nowrap;
	background-image:none!important;
	display:inline!important;
	color:#FFFFFF!important;
}

li#sub_navi{
	overflow:hidden;
	width:100%;
	padding-right:15px!important;
}

li#sub_navi div{
	margin-left:-15px!important;
}

li#sub_navi ul{
	display:block;
	width:75%;
	margin:20px auto!important;
	padding:10px 30px!important;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}

/*** Color Setting *****/

li#sub_navi ul{
	background:#CC0066;			/* BG Color */
}

li#sub_navi ul li a{
	color:#FFFFFF!important;	/* Link Color */
}

li#sub_navi li{
	color:#660000!important;	/* separator Color */
}


footer {
	margin-top:80px;
}

footer.topPageFooter {
	margin-top:0;
	background-image: url(http://www.sgh-ecokaiga.jp/img/common/footer_bk_top.png);
}




/*----------------------------------------------------------*/



/* Mobile Design fixes */

@media only screen and (max-width: 768px) {

	/* reset current PC style */

	ul.nav.navbar-nav li div {
		background-image: none;
	}

	ul.nav.navbar-nav li div a {
	    display: block;
	    text-indent: 0;
	}

	ul.nav.navbar-nav li.toppageLink{
		display:block;
	}

	/* reset current PC style END */



	.sagawaheader {
		padding: 5px 0 30px 0; 
	}

	.sagawaheader hgroup {
		width:100%;
		height:auto; 
	}

	nav ul.navbar-nav li a {
		padding-left:55px!important;
		padding-top:10px!important;
		font-size:16px;
		background-position: 5px 10px;
		background-repeat: no-repeat;
		width: 100%;
		height: auto;
		display: block;
	}

		nav ul.navbar-nav li div.btn00 a {
			background-image: url(http://www.sgh-ecokaiga.jp/img/common/navi_lh_00.png);
		}
		nav ul.navbar-nav li div.btn01 a {
			background-image: url(http://www.sgh-ecokaiga.jp/img/common/navi_lh_01.png);
		}
		nav ul.navbar-nav li div.btn02 a {
			background-image: url(http://www.sgh-ecokaiga.jp/img/common/navi_lh_02.png);
		}
		nav ul.navbar-nav li div.btn03 a {
			background-image: url(http://www.sgh-ecokaiga.jp/img/common/navi_lh_03.png);
		}
		nav ul.navbar-nav li div.btn04 a {
			background-image: url(http://www.sgh-ecokaiga.jp/img/common/navi_lh_04.png);
		}
		nav ul.navbar-nav li div.btn05 a {
			background-image: url(http://www.sgh-ecokaiga.jp/img/common/navi_lh_05.png);
		}
		nav ul.navbar-nav li div.btn06 a {
			background-image: url(http://www.sgh-ecokaiga.jp/img/common/navi_lh_06.png);
		}

	nav ul.navbar-nav li a:hover {
		background-position: 5px 5px;
	}

	#header.navbar.navbar-default div.container button{
		margin:0 0 15px;;
	}

	#header.navbar.navbar-default{
		width:100%;
		position: absolute;
		top:10px;
		right:15px;
	}

	nav.navbar-collapse.collapsing,
	nav.navbar-collapse.collapse{
		margin:0 0 0 15px;
	}

	ul.nav.navbar-nav {
		margin-right:0px;
		width:100%;
		background:rgba(200,200,255,.95);
	}

	#header.navbar.navbar-default div.container{
		padding:0;
	}

	/*----------------------------------------------------------*/

	/* Nested Li(Anchor Link) Setting */


	li#sub_navi li,
	li#sub_navi ul li a{
		font-size:12px;
		line-height:1.5em;
		display:inline!important;
		color:#FFFFFF!important;
	}

	li#sub_navi ul{
		width:auto;
		display:block;
		margin:20px!important;
		padding:10px!important;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	}

	li#sub_navi{
		padding-right:0!important;
		width:auto;
	}

	li#sub_navi div{
			margin-left:0!important;
	}

	footer {
		margin-top:50px;
	}


}

/*----------------------------------------------------------*/


@media only screen and (max-width: 414px) {
	.sagawaheader {
		padding: 10px 0 20px 0; 
	}

	.sagawaheader hgroup {
		width: auto;
		height: auto; 
	}

	.sagawaheader hgroup h1 {
		width: auto;
		height: auto; 
	}

	.sagawaheader hgroup h1 img {
		width: 42px;
		height: auto; 
	}

	.sagawaheader hgroup h2 {
		width: auto;
		height: auto;
		float: left;
		margin: 0 0 0 20px !important;
		padding: 0 0 0 0 !important; 
	}

	.sagawaheader hgroup h2 img {
		width: 140px;
		height: auto;
		margin-top:0; 
	}

	.btn_eco_top{
		width: 100%;
		margin: 0px;
		padding: 45px 0px 10px;
	}
}

#header{
	z-index:99;
}