@charset "utf-8";



/* --------------------------------------------------- */
/* DefaultBlock                                        */
/* 汎用Block                                           */
/* --------------------------------------------------- */

/* DefaultBlock (common style)
--------------------------------------------------- */
.DefaultBlock{
  padding: 0px;
  background: #fff;
}
    .DefaultBlock .BlockHeader{
    }
    .DefaultBlock .BlockHeader .Heading{
    }
    
/* --------------------------------------------------- */
/* PageBlock                                           */
/* 固定ページ用 汎用ブロック                           */
/* --------------------------------------------------- */
.PageBlock{
  margin: 0 0px;
  position:relative;
  /* 親のdivでマージンがかかってしまうので打ち消し */
}
.PageBlock ul{
  list-style:none;
}

    .PageBlock .BlockHeader{
      background: url(../img/common/decoration/image_headingtype01.png) no-repeat left top;
      border-radius: 0;
    }
    .PageBlock .BlockHeader .contents-head{
      vertical-align: top;
      padding: 20px 20px 20px 5px;
      min-height:64px;
      font-size: 145%;
    }
    .PageBlock .BlockHeader .Heading{
      vertical-align: middle;
      /*padding: 20px 30px;*/
      padding: 16px 30px;
      margin: 0;
      /*font-size: 100%;*/
      font-size: 125%;
      min-height:64px;
    }
    .PageBlock .BlockHeader .Heading *{
      vertical-align: middle;
    }
    .PageBlock .BlockContents{
      /*padding:0 20px 20px 20px ;*/
      padding:0 0 0 0;
    }
    .NarrowView .BlockContents{
      padding:0;
    }
    /* リストのマージン調整 */
    .PageBlock .BlockContents ul,
    .PageBlock .BlockContents ol{
      margin: 0.5em 0em 0.5em 2em;
    }
    .PageBlock .BlockContents ul li,
    .PageBlock .BlockContents ol li{
      margin: 0.5em 0 0.5em 0 ;
      margin:0;
    }

    /* ページ上部のローカルメニュー（同カテゴリへのリンク）のスタイル */
    .PageBlock .BlockContents .LocalMenuList{
      list-style: none;
      margin: 0!important;
    }
        .PageBlock .BlockContents .LocalMenuList li{
          margin: 0.1em 0;
        }
        .PageBlock .BlockContents .LocalMenuList li *{
          vertical-align: middle;
        }
        .PageBlock .BlockContents .LocalMenuList li a{
          margin: 3px 3px 0 3px;
          padding: .25em;
          display: block;
          text-align: center;
          background: #eee;
          border: 1px solid #ccc;
          border-bottom: none;
          /*border-radius: 0.25em;*/
          /*border-radius: 8px 8px 0 0;*/
        }
        .PageBlock .BlockContents .LocalMenuList li a.current{
          background: #333;
          border: 1px solid #333;
          border-bottom: none;
          color: #fff;
        }
        /* スマホ用 */
        body.SpView .PageBlock .BlockContents .LocalMenuList li a{
          margin: 5px;
          padding: .25em;
          display: block;
          text-align: center;
          background: #eee;
          /*border: 1px solid #ccc;*/
          border: none;
          border-radius: 0.25em;
        }
        body.SpView .PageBlock .BlockContents .LocalMenuList li a.current{
          background: #333;
          /*border: 0px solid #333;*/
          border: none;
          color: #fff;
        }

        /* スマホ用 （縦持ち時） */
        @media screen and (orientation : portrait ) {
            body.SpView .PageBlock .BlockContents .LocalMenuList li{
              width: auto;
              float: none;
            }
        }

    /* タブ化 */
    .PageBlock .BlockContents .LocalMenu ul.AutoColumnGroup{
      border-bottom: 1px solid #333;
    }
        .PageBlock .BlockContents ul.AutoColumnGroup li{
          margin: 0;
        }

    body.SpView .PageBlock .BlockContents ul.AutoColumnGroup{
     border: none;
    }
        body.SpView .PageBlock .BlockContents ul.AutoColumnGroup li{
          margin: 0.1em 0;
          /*並列*/
          display:inline-block;
          float:none;
          width: 48%;
          vertical-align: top;
        }



body .ContentsDivision.Home .MainContentsArea{
  min-width:100px;
  max-width:2000px;
} 



/*メインイメージ*/
.MainImageBlock ul.bxslider li.topImage{
  background-size:100% auto!important;
}
.MainImageBlock .bx-viewport{
  /*max-height:600px!important;*/
  overflow:hidden!important;
}
.MainImageBlock ul.bxslider li{

}
 
 
/*ページトップ用Type03*/
.TopImage.Type03{
  position:relative;
}

.TopImage.Type03 .TextItem.Type03{
  position:absolute;
  top:20%;
  left:0%;
}
.TopImage.Type03 .TextItem.Type03 .PageTitleType03{
  background-color: rgba(0,0,0,0.6);  
  padding: 0.5em; 
  border: 5px solid #000;  
  color: #fff;
  font-size:180%;
  text-align:left;
  display:inline-block;
  border:none;
}
 
 
/*ページトップ用Type02Type03*/
.TopImage.Type03.Type02{
  position:relative;
}

.TopImage.Type03.Type02 .TextItem.Type03{
  position:absolute;
  top:10%;
  left:0%;
  max-width:60%;
}


.TopImage.Type03.Type02  .Heading.Type3::before{
  background:none;
}

.TopImage.Type03.Type02 .TextItem.Type03 .PageTitleType03{
  background:none;  
  padding: 0.5em; 
  border: 5px solid #000;  
  color: #333;
  font-size:180%;
  text-align:left;
  display:inline-block;
  border:none;
  font-size: 1.6rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif!important;
  /*font-family: YuMincho, '游明朝', serif !important;*/
  text-shadow: 0 0px 1px #fff, 0 0px 3px #fff, 0 0px 7px #fff , 0 0px 10px #fff;
  margin: 0;
}

 
 
/* --------------------------------------------------- */
/* SitemapBlock                                        */
/* サイトマップ 表示用ブロック                         */
/* --------------------------------------------------- */


/* サイトマップ用 PageBlock
--------------------------------------------------- */
body[class*="SitemapPage"] .PageBlock {
}
    /* PageList
    --------------------------------------------------- */
    body[class*="SitemapPage"] .PageBlock .PageList{
      list-style: none;
      padding: 0.5em 0;
      margin: 0;
    }
        /* 共通の処理 */
        body[class*="SitemapPage"] .PageBlock .PageList li p a,
        body[class*="SitemapPage"] .PageBlock .PageList li p.NoLink > span{
          padding: 0.25em 0.25em;
          display: inline-block;
        }
        body[class*="SitemapPage"] .PageBlock .PageList li a::before{
          color: #005a99;
          
        }
        body[class*="SitemapPage"] .PageBlock .PageList li a:hover{
        }
        body[class*="SitemapPage"] .PageBlock .PageList li a:hover::before{
          text-decoration: none;
        }
        /* 階層別の処理 */
        body[class*="SitemapPage"] .PageBlock .PageList{
          
        }
        body[class*="SitemapPage"] .PageBlock .PageList .ul-level-1{
        }
        body[class*="SitemapPage"] .PageBlock .PageList .ul-level-2{
          font-size: 87.5%;
          font-size: 0.875rem;
        }
        body[class*="SitemapPage"] .PageBlock .PageList .ul-level-3{
          font-size: 87.5%;
          font-size: 0.75rem;
          margin-left: 50px;
        }
        body[class*="SitemapPage"] .PageBlock .PageList .CategoryName.p-level-1{
          font-weight: bold;
        }
        body[class*="SitemapPage"] .PageBlock .PageList .CategoryName.p-level-1{
          padding: 0.5em 0.25em;
          background: #f0f0f0;
        }
        body[class*="SitemapPage"] .PageBlock .PageList .li-level-2{
          border-bottom: 1px dotted #ddd;
          padding: 0.25em 0;
          padding-left: 25px;
        }
        body[class*="SitemapPage"] .PageBlock .PageList .li-level-3{
          display: inline-block;
          float: left;
          margin-right: 2em;
          white-space: nowrap;
        }


/*archive一覧のリンク*/
body.archive .PageBlock .Heading.Type3 a{
  display:block;
}
body.archive .PageBlock .Heading.Type3 a:hover{
  color:#89b742;
}

/*archive*/
.archive .PageBlock .BlockContents ul, 
.archive .PageBlock .BlockContents ol {
    margin: 0.5em 0em 0.5em 0;
}



.SknTpl .Heading.Type3.Type4::before{
  height:100%;
}


.SknTpl .Heading.Type3 a{
  display:block;
}

.SknTpl .Heading.Type3 a:hover{
  color:#89b742;
}


/*more*/
a.more{
  color:#97ca49;
}
a:hover.more{
  color:#97ca49;
}


.BlockContents p.Date{
  margin-bottom:2em;
  font-size:90%;
  text-align:left;
  margin-left:10px;
}
.BlockContents p.Date span{
  display:inline-block;
  white-space:nowrap;
  margin-right:20px;
}

.SknTplThumbnailList .ThumbnailList li > .inner > .Label{
  font-size: 100%;
  line-height: 1.75;
}


/* --------------------------------------------------- */
/* XXXXXXXBlock                                        */
/* XXXX用ブロック                                      */
/* --------------------------------------------------- */



/* XXXXXBlock
--------------------------------------------------- */
.XXXXBlock{
}

/*動画*/
.SknTplEmbedVideo.SknTpl iframe{
  border: none;
}

/**/
.SknTplEmbedVideo > .inner {
    padding: 0;
}
body.SpView  .SknTplEmbedVideo > .inner {
  padding: 10px;
  background:#fff;
  border-radius:4px;
}
.SknTplEmbedVideo > .inner > .Label{
  font-size: 87.5%;
  line-height: 1.25;
  display: block;
  margin: 0.5em 0;
  text-align: left;
}

/*Facebook*/
.SpdePageWidthSetter.SpItem .Imagebox.FacecookItem{
  padding: 10px;
  background:#fff;
  border-radius:4px;
}

.SpdePageWidthSetter.SpItem  .SknTplThumbnailList .ThumbnailList.Type1 .ImageItem {
  width: 45px;
}
.SpdePageWidthSetter.SpItem  .SknTplThumbnailList .ThumbnailList.Type1 .TextItem.FaceBookItem{
  margin-left:45px;
  display: block;
  min-height: 45px;
}
.SpdePageWidthSetter.SpItem  .SknTplThumbnailList .ThumbnailList.Type1 .TextItem.FaceBookItem .Title{
  font-weight: bold;
  color:#333;
  margin:0;
  line-height:45px;
  text-align:center;
  border-radius:4px;
  background:#efeeee;
  display: block;
}
.SidemenuPlus.SpItem{
  background: #fff;
  border-radius: 4px;
  padding: 10px 10px;
}



#SideBarArea .LinkBannerBlock{
  background:#fff;
  background-color: rgba(255,255,255,0.8);
  border-radius:4px;
  padding:10px 5px;
}
.SideBarArea .LinkBannerArea ul{

}
.SideBarArea .LinkBannerArea ul li{
  padding: 0px 5px;
}
.SideBarArea .SideOneBannerBlock{}
#SideBarArea .SideOneBannerBlock .LinkBannerBlock{
  padding:0;
  margin:0;
}

#SideBarArea .SideOneBannerBlock ul li{
  padding: 0px 0px;
  float:none;
  width:100%;
}
#SideBarArea .SideOneBannerBlock ul li{
  margin-bottom:10px;
}
#SideBarArea .SideOneBannerBlock ul li:last-child{
  margin-bottom:0px;
}

#SideBarArea .SideOneBannerBlock .LinkBannerBlock{
  background:none;
}
#SideBarArea .SideMenuBlock{
  background:#fff;
  background-color: rgba(255,255,255,0.8);
  border-radius:4px;
  padding:10px 10px;
}





.ConcertIndexPage .MainContentsArea,
.ConcertConcertHhfPage .MainContentsArea
{

}
/*プロセス
table.ProcessTable{
  border-collapse: collapse;
  border:none;
}
table.ProcessTable tbody td{
  border:none;
}
table.ProcessTable tbody td{
  width:90px;
  padding:0;
}
table.ProcessTable tbody td.TabArrow{
  width:20px;
}

table.ProcessTable div.ProcessCircle{
  border:3px solid red;
  border-radius:90px;
  height:90px;
  width:90px;
}
table.ProcessTable div.ProcessCircle.type02{
  border:3px solid #ff6b6b;
}
table.ProcessTable div.ProcessCircle.type03{
  border-radius:0px;
}
*/
/*プロセス*/
table.ProcessTable{
  border-collapse: collapse;
  border:none;
  position:relative;
  table-layout:auto;
  margin-bottom:50px;
}
table.ProcessTable::before{
  content: "改良・再検討";
  display:inline-block;
  position:absolute;
  background: url(/wpshirasaki/wp-content/uploads/2016/11/image_examination_arrow_yoko.png) no-repeat center top;
  background-size:433px auto;
  text-align:center;
  width:433px;
  height:32px;
  bottom:-32px;
  left:180px;
}



table.ProcessTable tbody td{
  border:none;
}
table.ProcessTable tbody td{
  width:90px;
  padding:0;
}
table.ProcessTable tbody td.TabArrow{
  width:20px;
  position:relative;
}
table.ProcessTable tbody td.TabArrow:before {
  font-family: "co-font";
  font-style: normal;
  font-weight: normal;
  content: '\e84c'; 
  display:inline-block;
  font-size:150%;
  color:#555;
  position: absolute;
  margin-top: -0.2em;
  left:1px;
}



table.ProcessTable div.ProcessCircle{
  color: #fff;
  background: #cb5c9e;
  vertical-align: middle;
  padding: 0 0.5em 0 1.0em;
  border-radius: 20px;
}
table.ProcessTable div.ProcessCircle.type02{
  border:0px solid #ff6b6b;
  background: #89b945;
}
table.ProcessTable div.ProcessCircle.type03{
  border-radius:0px;
  background: #00a0dd;
}

table.ProcessTable div.ProcessCircle .ProcessBlock{
  height:80px;
  width:110px;
  font-size:16px;
  line-height:1.2;
  display: table-cell;
  text-align:center;
  vertical-align:middle;
}

table.ProcessTable div.ProcessCircle span{
  display: block;

}


/*ページプルダウンメニュー余白調整*/
body.SpView .widget-local-navi .PullContents ul li{
  margin: 0;
}
/*ページ下メニュー余白調整 .BlogItem*/
body.SpView .PageBottom .sitemap li {
  margin: 0;
}
/*ページ下２段目メニュー*/
body.SpView .DubbleMenu{
  margin-top:20px;
}



/*※スマホ縦持ち用++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (orientation : portrait ) {




}/*スマホ縦持ち用++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



/*※スマホ横持ち用++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (orientation : landscape ) {




}/*スマホ横持ち用++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*以下Block2より*/

/* リストのマージン調整（テンプレート使用時） */

.PageBlock .BlockContents .SknTplTextList ul,
.PageBlock .BlockContents .SknTplTextList ol{
  margin-left: 0em;
}
.PageBlock .BlockContents .SknTplThumbnailList ul,
.PageBlock .BlockContents .SknTplThumbnailList ol{
  margin-left: 0em;
}
.PageBlock .BlockContents .SknTplTextButton ul,
.PageBlock .BlockContents .SknTplTextButton ol{
  margin-left: 0em;
}



body.PcView{
}

body.PcView .XXXXXXBlock{

}





/*※スマホ縦持ち用++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (orientation : portrait ) {



}/*スマホ縦持ち用++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*※スマホ横持ち用++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (orientation : landscape ) {


}/*スマホ横持ち用++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*350+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 350px) {

body.SpView .PageBlock .BlockContents ul.AutoColumnGroup li{
  width: 100%;
}



}/*350++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/




/*テストページ*/
body .ContentsDivision.Home{
  width:100%!important;
}


/*インフォメーション*/
.InformationArea{
  margin-top:30px;
  color:#89b93c;
  color:#7aa335;
}
.InformationArea ul{
  list-style:none;
}
.InformationArea a,
.InformationArea a:hover{

}
.InformationArea a.Button{}
.InformationArea a.Button:hover{

}
.InformationArea .InformationHeader{

}
.InformationArea .InformationHeader .InformationHeaderTitle{
  float:left;
  width:380px;
  font-size:90%;
  padding-top:10px;
}


.InformationArea .InformationHeader .InformationHeaderTitle span.MainHeaderTitle{
  font-size:280%;
  font-style: italic;
  color:#75a625;
  font-family:Arial;
  margin-left:20px;
  margin-right:20px;
}

.InformationArea .InformationHeader .InformationCateItem{
  float:right;
  width:580px;
  width:auto;
  margin-top:30px;
  margin-right:20px;
}




.InformationArea .InformationHeader .InformationCateItem li{
  font-size:90%;
  display:inline-block;
  cursor:pointer;
  text-align:right;
  padding:6px 25px;
	-webkit-transform: skewX(-30deg);
	transform: skewX(-30deg);
  border-left:1px solid #89b93c;
  margin-left:-3px;
  margin-right:-3px;
  color:#89b93c;
}
.InformationArea .InformationHeader .InformationCateItem li:last-child{
  border-right:1px solid #89b93c;
}
.InformationArea .InformationHeader .InformationCateItem li.current{
  color: #fff;
  background: #89b93c;
	-webkit-transform: skewX(-30deg);
	transform: skewX(-30deg);
}
.InformationArea .InformationHeader .InformationCateItem li span{
	-webkit-transform: skewX(30deg);
	transform: skewX(30deg);
  display:block;

}

.InformationArea .BlockContents{
  width:850px;
  margin:40px auto  40px auto;
  padding:0 0 0 50px;
  border-left:1px solid #ddd;
}
.InformationArea .BlockContents li{
  margin:15px 0 0 0;
  min-height:2em;

}
.InformationArea .BlockContents li span.Date{
  display:inline-block;
  width:120px;
  vertical-align:top;
  padding-left: 10px;
}
.InformationArea .BlockContents li span.InformationContentsTitle{
  display:inline-block;
  width:600px;
  vertical-align:top;
}
.InformationArea .BlockFooter{
  text-align:center;
  margin-top:20px;
  margin-bottom:40px;
}
.InformationArea .BlockFooter a.Button{
  width:400px;
 
}
.InformationArea .BlockFooter a.Button .Label::before{
  margin-right: 4em;
}
.InformationArea .BlockFooter a.Button .Label{
  margin-right: 6em;
}


.PrPointArea{
  text-align:center;
  margin:40px 0 40px 0;
}

.PrPointArea .PrPointBlock{

}
.PrPointArea .PrPointBlock .PrPointHeader{
  font-size:160%;
  line-height:2;
  margin:0 0 20px 0;
  letter-spacing: 0.1em;
}
.PrPointArea .BlockContents{
  line-height:1.75;
  letter-spacing: 0.05em;
}

.OutsideViewArea{
  background: url(../img/common/decoration/large_photo02.jpg) repeat-x 0% 0%;
  background-size:  auto 100%;
}


.OutsideViewArea .OutsideViewBlock{
  height:550px;
}

.OutsideViewArea .OutsideViewBlock .TopSquareMiddleLogo{
  margin:0 auto;
  padding:150px 0;
  width:205px;
  height:205px;
}


/*カテゴリー 再生トナー 防草・植栽*/
.PickUpBlock ul.PickUpList{
  list-style:none;
  margin:0 -25px;
}
.PickUpBlock ul.PickUpList li{
  float:left;
  width:25%;
  margin:0;
  min-height:300px;
  text-align:center;
}
.PickUpBlock ul.PickUpList li a{
  text-align:center;
}
.PickUpBlock ul.PickUpList li a span.EyeCatchImg{
  display:block;
  text-align:center;
}
.PickUpBlock ul.PickUpList li a span img{
  display:block;
  width:240px;
  border-radius:200px;
  margin:0 auto;
  width:80%;
  border-radius:20px!important;
  /*box-shadow: 0 0 15px rgba(0,0,0,0.15); */
}
/*アイキャッチ*/
.PageBlock .PickUpBlock ul.PickUpList li a span.EyeCatchImg {
    overflow: hidden !important;
    display: block;
    border-radius: 20px !important;
    width: 240px;
    margin: 0 auto;
    box-shadow: 0 0 15px rgba(0,0,0,0.15);

}
.PageBlock .PickUpBlock ul.PickUpList li a:hover span.EyeCatchImg {
    overflow: hidden !important;
    display: block;
    border-radius: 20px !important;
    width: 240px;
    margin: 0 auto;
    box-shadow: 0 0 15px rgba(0,0,0,0.15);
}





.PageBlock .PickUpBlock ul.PickUpList li a:hover span.EyeCatchImg{
    opacity: 0.8;
    transition-property: opacity;
    transition-duration: 0.1s;
    transition-timing-function: ease-in-out;
}


.PageBlock .PickUpBlock ul.PickUpList li a span.EyeCatchImg img {
  width: 100%;
  border-radius: 20px !important;
  box-shadow: none;
  display: block;
  margin: -25px auto -30px auto;
}
.PageBlock .PickUpBlock ul.PickUpList li a:hover span.EyeCatchImg img {


}

.PcView #ContentsDivision .MainContentsArea .PageBlock ul.PickUpList li a:hover img{
    opacity: 1;
    transition-property: opacity;
    transition-duration: 0.1s;
    transition-timing-function: ease-in-out;
}


/*
.PageBlock .PickUpBlock ul.PickUpList li a span.EyeCatchImg img{
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
.PageBlock .PickUpBlock ul.PickUpList li a:hover span.EyeCatchImg img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
*/


.PageBlock .PickUpBlock ul.PickUpList li .PickUpTitle {
  text-align: left;
  display: block;
  width: 85%;
  width:240px;
  margin: 0px auto 0px auto;
  padding-top:5px;
  font-weight: bold;
}
.PageBlock .PickUpBlock p.OutlineText {
  font-size: 83%;
  text-align: left;
  width: 83%;
  width:240px;
  margin: 0 auto 20px auto;
}
/*ナロー*/
.NarrowView .PickUpBlock ul.PickUpList{
  list-style:none;
  margin:0 -15px;
}
.NarrowView .PageBlock .PickUpBlock ul.PickUpList li a span.EyeCatchImg{
  width:80%;
  margin: 0 auto;
}
.NarrowView .PageBlock .PickUpBlock ul.PickUpList li a span.EyeCatchImg img {
  width:100%;
  border-radius: 0px !important;
  box-shadow: none;
  display: block;
  margin: 0 auto;
}
.NarrowView .PageBlock .PickUpBlock p.OutlineText{
  width: 85%;
}
.NarrowView .PageBlock .PickUpBlock ul.PickUpList li .PickUpTitle {
  text-align: left;
  display: block;
  width: 75%;
  margin: 0px auto 10px auto;
  padding-top:5px;
  font-weight: bold;
}

/*ボタン*/
.PageTitle.PlusButton .FloatBlock{
  position:relative;
  width:1200px;
  margin:0 auto;
}
.PageTitle.PlusButton .FloatBlock a{
  position: absolute;
  bottom: 20px;
  right: 20px;
  /*box-shadow: 0 0 15px rgba(0,0,0,0.15); */
}

body.NarrowView .PageTitle.PlusButton .FloatBlock{
    width:100%;
}


/*再生トナー*/
.toner .MainContentsArea{
  width:100%;
  max-width: 1200px;
  min-width: 1200px;
}
/*ナロー*/
.toner.NarrowView .MainContentsArea{
  width:100%;
  max-width: 855px;
  min-width: 855px;
}

.toner .PickUpBlock ul.PickUpList li {
  min-height: 340px;
}


/*ナロー*/
.toner.NarrowView .PickUpBlock ul.PickUpList li {
  min-height: 390px;

}




/*再生トナーランディング*/
.recycle_toner_info .MainContentsArea{
  width:100%;
  max-width: 1200px;
  min-width: 1200px;
}
/*ナロー*/
.recycle_toner_info.NarrowView .MainContentsArea{
  width:100%;
  max-width: 855px;
  min-width: 855px;
}

.recycle_toner_info .PickUpBlock ul.PickUpList li {
  min-height: 340px;
}


/*ナロー*/
.recycle_toner_info.NarrowView .PickUpBlock ul.PickUpList li {
  min-height: 390px;

}

/*カテゴリトップのみ*/
.CateIndex.MainContentsArea{
  width:100%;
  max-width: 1200px;
  min-width: 1200px;
}

/*ナロー*/
.NarrowView .MainContentsArea.CateIndex{
  width:100%;
  max-width: 855px;
  min-width: 855px;
}

.CateIndex .PickUpBlock ul.PickUpList li {
  min-height: 250px;
}

/*ナロー*/
.NarrowView .CateIndex .PickUpBlock ul.PickUpList li {
  min-height: 250px;
}



/*防草商品の読み込み*/
.PageBlock .BlockContents ul.ProductListItem{
  list-style:none;
  margin:1em;
}
.ProductListItem li{
  display:inline-block;
  width:24%;
  vertical-align:top;
}
.ProductListItem li .Inner{
  padding:10px;
}
.ProductListItem li .Inner .ImageItem{
  height:180px;
  overflow:hidden;
  border:1px solid #ccc;
  position:relative;
}
.SknTplImageParagraph .ImageItem .PrImageLinlItem{
  position:relative;
  height:171px;
  overflow:hidden;
  display: block;
}

.PageBlock .BlockContents ul.ProductListItem.TypePdfIcon > li{
  margin:10px 0!important;
}


/*Netis 建設物価*/
.SknTplImageParagraph .ImageItem .PrImageLinlItem .TypeMK,
.ProductListItem li .Inner .ImageItem .TypeMK{
  position:absolute;
  right:5px;
  bottom:5px;
}
.TypeMK .TypeNeti,
.TypeMK .TypeKens{
  margin:2px;
  padding:2px 6px;
  background:#fff;
  border-radius:2px;
  color:#fff;
  display:block;
  line-height:1.2;
  text-align:center;
}
.TypeNeti.Type1{
  background:#00b0f0;
}
.TypeNeti.Type2{
  background:#ffbf3a;
}
.TypeKens.Type1{
  background:#ff8c8c;
}
.TypeNetiItemNon ,
.TypeKensItemNon {
  display:inline-block;
}
.TypeNetiItemNon .TypeNeti,
.TypeKensItemNon .TypeKens{
  margin:2px;
  padding:2px 10px;
  color:#fff;
  display:inline-block;
  line-height:1.2;
  text-align:center;
  
}

/*事例の読み込み*/
.PageBlock .BlockContents ul.CaseBlogListItem{
  list-style:none;
  margin:1em 0;
}
.CaseBlogListItem:not(.Type2) li{
  display:inline-block;
  width:32%;
  vertical-align:top;
}



.CaseBlogListItem:not(.Type2) li .Inner{
  padding:10px;
}
.CaseBlogListItem:not(.Type2) li .Inner .ImageItem{
  height:160px;
  overflow:hidden;
  border:1px solid #ccc;
  margin-bottom:10px;
}

.CaseBlogListItem li .Inner .Heading.Type4{
  margin-top:0;

}

/*2列*/
.CaseBlogListItem.Type2 {
  display:flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.CaseBlogListItem.Type2 li{
  width:50%;
}
.CaseBlogListItem.Type2 li .Inner{
  padding:10px;
}
.CaseBlogListItem.Type2 li .Inner .ImageItem{
  border:1px solid #ccc;
  margin-bottom:10px;
}

/*500+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 500px) {

  .CaseBlogListItem.Type2{
    display:flex;
    flex-wrap: wrap;
    flex-direction:column;
  }
  .CaseBlogListItem.Type2 li{
    float:none!important;
    width:100%!important;
  }

}

/*事例写真3列*/
.CommonPhotoBlock .AutoColumnGroup > .Column{
  width:31%!important;
  display:inline-block!important;
  float: none!important;
  vertical-align: top;
}
.CommonPhotoBlock .AutoColumnGroup > .Column > .inner > .Label{
  text-align:center;
}

/*500+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 500px) {

  .CommonPhotoBlock .ColumnGroup > .Column {
    float: none;
    width: 48%!important;
    display: inline-block;
    float: none;
    vertical-align: top;
  }
  
}


/*関連リンク4列*/
.RelationLink{
  margin-top:0;
}
.RelationLink .AutoColumnGroup > .Column{
  width:24%!important;
  display:inline-block!important;
  float: none!important;
  vertical-align: top;
}
.CommonPhotoBlock .AutoColumnGroup > .Column > .inner > .Label{
  text-align:center;
}

/*500+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 500px) {

  .RelationLink .ColumnGroup > .Column {
    float: none;
    width: 48%!important;
    display: inline-block;
    float: none;
    vertical-align: top;
  }
  
}




/*よくある質問*/

.FaqPage{}

.FaqContentsBlock{}
.FaqContentsBlock ul{
  list-style:none;
}
.FaqContentsBlock ul li{

  border-bottom:1px solid #555;
/*  margin:10px 0;
  padding:10px 0;
*/

}
.FaqContentsBlock ul li:first-child{
  border-top:1px solid #eee;
}
.FaqContentsBlock ul li .QuestionList{}

.QuestionList{}
.QuestionList .Heading{

  cursor:pointer;
  position:relative;
  min-height:70px;
}
.QuestionList .Heading::before{
  font-family: "co-font";
  content: "\e822 open";
  position:absolute;
  right:10px;
  font-weight:normal;
  font-size:80%;
  bottom:10px;
  font-weight:bold;
  color:#97ca48;
}


.QuestionList .open{
  color:#333!important;
}


.QuestionList .open::before{
  font-family: "co-font";
  content: "\e821 close";
  position:absolute;
  right:10px;
  font-weight:normal;
  font-size:80%;
  bottom:10px;
  font-weight:bold;
}



.QuestionList .Heading span.QuestionIcon{
  font-family: 'Gothic One', sans-serif;
  font-size:45px;
  width:50px;
  text-align:center;
  line-height:50px;
  background:#177ec2;
  border: 1px solid #97ca48;
  display:block;
  position:absolute;
  left:0;
  border-radius:16px;
  color:#fff;
  box-shadow: 0px 0px 5px #fff;
  
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#89b982+0,89b95e+46,89b93d+100 */
  background: rgb(137,185,130); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(137,185,130,1) 0%, rgba(137,185,94,1) 46%, rgba(137,185,61,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(137,185,130,1) 0%,rgba(137,185,94,1) 46%,rgba(137,185,61,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(137,185,130,1) 0%,rgba(137,185,94,1) 46%,rgba(137,185,61,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */


}
.QuestionList .Heading span.DefaultMainTitle{
  margin-left:100px;
  padding-top:15px;;
  display:block;
}

.QuestionList .InfoSide{}

.QuestionList .InfoSide .Inner{position:relative;}
.QuestionList .InfoSide .Inner .AnswerIconBlock{
  font-family: 'Gothic One', sans-serif;
  font-size:45px;
  width:50px;
  text-align:center;
  line-height:50px;
  background:#ffffff;
  border: 1px solid #97ca48;
  display:block;
  position:absolute;
  left:0;
  top:10px;
  border-radius:16px;
  color:#97ca48;
  box-shadow: 0px 0px 5px #fff;


}
.QuestionList .InfoSide .Inner .ContentsText{
  margin-left:100px;
  padding-top:15px;
  display:block;
  border-top:2px dotted #aaa; 
  min-height:80px;
}

Body.SpView .QuestionList .Heading span.QuestionIcon,
Body.SpView .QuestionList .InfoSide .Inner .AnswerIconBlock{
  font-size:200%;
}


/*ダウンロード*/
.PageBlock .BlockContents ul.PdfDownloadBlock{
  margin: 0;
}
.PageBlock .BlockContents ul.PdfDownloadBlock > li .SknTplTextList{
  margin: 0em 0em 0em 2em;
}
.PageBlock .BlockContents ul.PdfDownloadBlock > li .SknTplTextList ul{
  margin: 0;
}
.PageBlock .BlockContents ul.PdfDownloadBlock > li .SknTplTextList ul li{
  margin: 0;
}


/*水路で使用*/
/*テンプレ追加*/

.SknTplImageParagraph.LeftImage.TypeMin .ImageItem{
  width: 20%;
}
.SknTplImageParagraph.TypeMin .TextItem {
  width: 77.5%;
}
.SknTplImageParagraph.LeftImage.TypeLarge .ImageItem{
  width: 50%;
}
.SknTplImageParagraph.TypeLarge .TextItem {
  width: 47.5%;
}

.SknTplImageParagraph.RightImage.TypeLarge  .ImageItem{
  width: 50%;
}

.SknTplImageParagraph.RightImage.TypeMin  .ImageItem{
  width: 20%;
}



.SknTplImageParagraph.TypeEx .TextItem {
  width: 30%;
}

.SknTplImageParagraph.RightImage.TypeEx  .ImageItem{
  width: 67.5%;
}
.SknTplImageParagraph.LeftImage.TypeEx .ImageItem{
  width: 67.5%;
}




/*経営理念ページ*/

.philosophy .PageBlock .BlockContents p{
  margin-top:0.5em;
}

/*基本情報事業拠点*/
table.DefaultTable.Type4{
  border:none;

}
table.DefaultTable.Type4 > tbody > tr > th{
/*  font-size:100%;*/
  color:#333;
  text-align:center;
  background: -webkit-gradient(linear, left top, right bottom, from(#d9f1c0), color-stop(0.25, #d9f1c0), color-stop(0.25, #cfe4af), color-stop(0.5, #cfe4af), color-stop(0.5, #d9f1c0), color-stop(0.75, #d9f1c0), color-stop(0.75, #cfe4af), to(#cfe4af));
  background: -moz-linear-gradient(-45deg, #d9f1c0 25%, #cfe4af 25%, #cfe4af 50%, #d9f1c0 50%, #d9f1c0 75%, #cfe4af 75%, #cfe4af);
  background: linear-gradient(-45deg, #d9f1c0 25%, #cfe4af 25%, #cfe4af 50%, #d9f1c0 50%, #d9f1c0 75%, #cfe4af 75%, #cfe4af);
  background-size: 6px 6px;
  border:none;
  border-bottom:1px solid #ccc;
}
table.DefaultTable.Type4 > tbody > tr > td{
/*  font-size:100%;*/
  border:none;
  border-bottom:1px solid #ccc;
}

/*e_and_q*/
.page table.DefaultTable tbody  td  a{
  color:#0e3f8f;
}
.e_and_q table.DefaultTable tbody  td  a{
  font-weight:bold;
}
.e_and_q table.DefaultTable tbody  td  a:before{
  content: '\e84f';
  font-family: "co-font";
  font-weight:normal;
  
}





/*商品*/
.single-product .PageBlock .BlockHeader .contents-head{
  padding: 20px 0 20px 5px;
  width: calc(100% - 190px);
  display:inline-block;
}

/*商品カテゴリタイトル*/
.PageDetailBlock.PageBlock .ProductCategolyList{
  width: 180px;
  height: 100px;
  text-align: right;
  overflow-y: auto;
  display: inline-block;
  margin-top: 20px;
  overflow-y: auto;
  font-size: 0.75rem;
}

.PageDetailBlock.PageBlock .label{
  /*position:absolute;
  top:30px;
  right:0px;*/
  background:#cce198;
  border-radius:4px;
  padding:0 10px;
  margin:2px;
  display:inline-block;
  min-width: 115px;
  text-align: center;
}

/*スマート++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and  (max-width: 500px) {
  

  .single-product .PageBlock .BlockHeader .contents-head{
    width:100%;
    display:block;
    text-align:left;
  }
  .PageDetailBlock.PageBlock .ProductCategolyList{
    width:100%;
    height: auto;
    display:block;
    text-align:left;
    margin-top:0;
    overflow-y: visible;
    
  }
  .PageDetailBlock.PageBlock .label{
    min-width: 50px;
  }
  
}







/*一覧*/
.archive ul.ArchiveList{
  list-style:none;
  margin:0;
}
.archive ul.ArchiveList li{
  border-bottom:1px dashed #ccc;

}

.archive ul.ArchiveList .SknTplImageParagraph .ImageItem {
  width: 20%;
}
.archive ul.ArchiveList .SknTplImageParagraph .TextItem {
  width: 75.0%;
}

.archive ul.ArchiveList .SknTplImageParagraph .TextItem.Fullwidth{
  width: 100%;
}

/*雑草ブログ*/
.WeedBlogContentsBlock{}
.WeedBlogContentsBlock .contentinfo ul li{
  padding:1em 0;
  border-bottom:1px dotted #aaa;
}




/*お問い合わせページ*/
#contact.contact ul.ContactList{

}
#contact.contact .MainContentsArea ul.ContactList li{
  min-width:262px;
  width:32%;
  display:inline-block;
}
#contact .MainContentsArea .ConTactListItem{
  border:1px solid #333;
}

/*表*/
#contact table.DefaultTable{

}
#contact table.DefaultTable > tbody > tr > th{
  font-size:100%;
  color:#333;
  text-align:center;
  background: -webkit-gradient(linear, left top, right bottom, from(#d9f1c0), color-stop(0.25, #d9f1c0), color-stop(0.25, #cfe4af), color-stop(0.5, #cfe4af), color-stop(0.5, #d9f1c0), color-stop(0.75, #d9f1c0), color-stop(0.75, #cfe4af), to(#cfe4af));
  background: -moz-linear-gradient(-45deg, #d9f1c0 25%, #cfe4af 25%, #cfe4af 50%, #d9f1c0 50%, #d9f1c0 75%, #cfe4af 75%, #cfe4af);
  background: linear-gradient(-45deg, #d9f1c0 25%, #cfe4af 25%, #cfe4af 50%, #d9f1c0 50%, #d9f1c0 75%, #cfe4af 75%, #cfe4af);
  background-size: 6px 6px;

}
#contact table.DefaultTable > tbody > tr > td{
  font-size:100%;
}


/*フォーム*/
span.wpcf7-list-item{
  display:inline-block;
  white-space:nowrap;
}

.mw_wp_form .error{
font-size:200%;
}
.g-recaptcha{
  margin-bottom:30px!important;
}
.g-recaptcha > div{
  margin:0 auto;
  display:block;
}
.g-recaptcha > div::after{
  content: "※画像認証を完了後下記ボタンが有効となります。";
  display:inline-block;
  width:100%;
  height:1em;
  color:blue;
  text-align:center;
  font-size:90%;
  
}


table.ContactFormTable tbody th .FormItemTitle {
  position: relative;
  display: block;
  padding-right: 30px;
}
table.ContactFormTable .Necessary {
  position: absolute;
  background: #be0000 none repeat scroll 0% 0%;
  color: #FFF;
  display: block;
  top: 0px;
  right: 0px;
  padding: 2px 3px;
}

/*mainを転記上書き*/
table.ContactFormTable{ 
  border: 0px solid #eeeeee; 
  margin: 0 auto 10px auto; 
  width: 100%; 
  background: none; 
  border-collapse: collapse;
}
table.ContactFormTable tbody th, 
table.ContactFormTable tbody td{ 
  padding:35px 5px; 
  border:none;
  border-bottom: 1px solid #ccc;
}
table.ContactFormTable tbody th.Thtop, 
table.ContactFormTable tbody td.Thtop{ 
  background:none;
}
table.ContactFormTable tbody th{
  /*font-size: 87.5%; */
  font-weight: normal; 
  width: 270px; 
  white-space: nowrap; 
  text-align: center;  
}
table.ContactFormTable tbody td{
 /* font-size: 87.5%; */
}
table.ContactFormTable tbody td label{
 padding:0 10px 0  2px;
}

table.ContactFormTable tbody td .InputZip{
  width:120px!important;
}


.FormItem{
  margin:5px 0;
}

.TableTitle span.SubTableTitle{
  position:absolute;
  font-size:75%;
  right:0;
  bottom:0;
}

input, textarea {
  border: 1px solid #aaa;
  line-height: 1.5;
  padding: 5px 3px;
  vertical-align: middle;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  border-radius: 3px;        /* CSS3草案 */  
  -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 3px;   /* Firefox用 */  
}




select{
  font-size:110%;
  width:200px;
  border: 1px solid #aaa;
  padding: 3px 3px;
  vertical-align: middle;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
.FormItem .InputTitle, .FormItem .InputId, .FormItem .InputPass, .FormItem .InputCaption, .FormItem .InputName, .FormItem .InputAccess, .FormItem .InputPlanDetail, .FormItem .InputMail , .FormItem .InputDate{ 
  font-size:110%!important;
  width: 75%; 
  padding:5px 5px;
    border-radius: 0px;        /* CSS3草案 */  
    -webkit-border-radius: 0px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 0px;   /* Firefox用 */  
}
/*
.FormItem textarea{ width: 75%; font-size:110%!important; height: 5em; }
.FormItem  .InputPlanText{  }
.FormItem  .InputOnsenName{ width: 75%; }
.FormItem  InputPR, .FormItem  .InputNote, .FormItem  .InputComment, .FormItem  .InputContact{ display: block; width: 75%;}

*/

/*メッセージ*/

#contact .ContactFormTable .wpcf7c-conf {
  background-color: #fff;
  color: black;
  border: 1px solid #ccc;
}
#contact form.wpcf7-form.failed{
  padding-top: 100px;
}
#contact form.wpcf7-form.failed table.ContactFormTable{

}

#contact form.wpcf7-form.failed table.ContactFormTable::before{
  content: "この内容でよければ送信ボタンを押してください";
  display:inline-block;
  width:100%;
  height:1em;
  color:blue;
  text-align:center;
}
/*アラート*/
#contact div.wpcf7-validation-errors {
  border: 2px solid #edbab5;
  color: #f00;
}
#contact .wpcf7-not-valid{
  border: 2px solid #edbab5;
}

#contact span.wpcf7-not-valid-tip {
  color: #f00;
  font-size: 1em;
  display: block;
}




#contact .ContactFormTable{


}




table.ContactFormTable tbody .KodawariItem br{
  display:block; 
  margin:3px 0;
}

#Contact{}
.BlockContents .ContactBlock{
  position:relative;
  /*font-size:120%!important;*/
}
.BlockContents .ContactBlock .Heading{

  padding: 20px 0 20px 0;
  margin: 40px 0 60px 0;
  font-size: 135%;
  color: #fff;
  text-align:left;
}
.BlockContents .ContactBlock .SunHeading{
  position:absolute;
  top:-15px;
  right:0px;
}


.BlockContents .ContactBlock .HeadingText{
 margin: 0 20px 30px;
}


.ButtonBlock.ContactButton{
 margin: 20px 0 ;
}

.ReadMore{
  text-align:right;
  font-size:80%;
  color:#97ca48;
}
/*狭小時*/
.NarrowView .InformationArea .InformationHeader .InformationHeaderTitle{
  float:none;
}
.NarrowView .InformationArea .InformationHeader .InformationCateItem{
  float:none;
  width:580px;
  margin:0 auto;
  margin-top:30px;
}


/*PDF資料ダウンロード*/

body.page-id-247 .ProductListItem li {
    display: inline-block;
    width: 19%;
    vertical-align: top;
}
body.page-id-247 .PageBlock .BlockContents ul.ProductListItem li.PdflistTtitle,
body.page-id-247 .PageBlock .BlockContents ul.ProductListItem li.PdflistCcomment{
  width: 100%;
}

.TypeProduct  ul.TextList li{
  width:50%;
  float:left;
  display:inline-block;
}
.TypeProduct  ul li.PdflistTtitle{
  display:none;
}

.PdfDownloadBlock li.PdflistTtitle,
.PdfDownloadBlock li.PdflistCcomment{
  width:100%;
}
.FileTable td{

}
.FileTable td.Image {
  width:80px;
}

.FileTable td.Image img{
  
  width:auto;
  border:1px solid #ccc;
}

.file-link img.FileImage {
    height: 80px;
}



.PageBlock .BlockContents ul.ProductListItem li .FileTable td {
  display:block;
  float:left;
}

.PageBlock .BlockContents ul.ProductListItem li .FileTable td.Image{
  width:100%;
}

.PageBlock .BlockContents ul.ProductListItem li .FileTable td.Image img{
  height:auto;
  width:85%;
}


.FileTable td span.FileTitle{
  font-size:83.5%;
  line-height:1.3;
  margin:0;
  display: block;
}


/*会社案内の投稿コンテンツ*/
.CompanyContentsBlock{
}
.PageBlock .BlockContents .CompanyContentsBlock ul, 
.PageBlock .BlockContents .CompanyContentsBlock ol {
  margin: 1.0em 0em 0.5em 1.5em;
  margin: 0em 0em 0.5em 0em;
}


/*解像度対応*/

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

.MainImageArea{
 min-width:1200px;
}

.NarrowView .MainImageArea{
 min-width:855px;
 min-width:875px;
}





}




/*スマート++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width: 501px) and (max-width: 760px) {




.InqueryWindowItem .Inner .PickUpList li {
    float: none;
    width: 100%;
}




}/*スマート++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



/*500+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 500px) {

/*テンプレ*/

body .SknTplImageParagraph.RightImage .TextItem, 
body .SknTplImageParagraph.LeftImage .TextItem {
    float: none;
    width: 100%;
}


.SknTpl {
  margin: 20px 0px;
}
.SknTplThumbnailList .ThumbnailList li > .inner {
  margin: 10px;
}

.SknTpl.TypeHikaku ul.ColumnGroup > .Column{
  width: 100%;
}




body .SknTplImageParagraph.RightImage .ImageItem, 
body .SknTplImageParagraph.LeftImage .ImageItem {
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
}


.TopImage.Type03 .TextItem.Type03{
  position:relative;
}
.TopImage.Type03 .TextItem.Type03 .PageTitleType03{
  background-color: rgba(0,0,0,0.6);  
  padding: 0.5em; 
  border: 5px solid #000;  
  color: #fff;
  font-size:180%;
  text-align:left;
  display:inline-block;
  border:none;
  font-size:120%;
  padding-left:1em;
}
.TopImage.Type03 .TextItem.Type03 .PageTitleType033::before {
  height: 100%;
  
}

/*テンプレート*/
.ColumnGroup > .Column {
  /*float: none;*/
  width:50%;
  width: 48%;
  display: inline-block;
  float: none;
  vertical-align: top;
}

/*２枚画像*/
.SknTplImageParagraph.TypeLarge .ColumnGroup2elements  > .Column{
  float: left;
  width: 50%;
  padding:0 1%;
}

/*2枚比較*/
.PageBlock .BlockContent .SknTplThumbnailList.TypeHikaku{}
.PageBlock .BlockContent .SknTplThumbnailList.TypeHikaku ul.ColumnGroup > li {
  float: none;
  width: 100%;
}
.PageBlock .BlockContent .SknTplThumbnailList.TypeHikaku ul.ColumnGroup > li {
  float: none;
  width: 100%;
}
body.SpView .PageBlock .BlockContents .TypeHikaku ul.ColumnGroup > li {
  float: none;
  width: 100%;
}







/*タイトル付*/
.SknTplThumbnailList.TypeTitle{}
.TypeTitle ul.ColumnGroup > li {

}



.TypeHikaku ul.ColumnGroup > li  ul.ColumnGroup > li.Column{
  width: 50%;
  float:left;
}






/*枠内画像*/

.GrBox01 .ColumnGroup > .Column {
  float: none;
  width:auto;
}

#HeaderDivision {
  border-top: none;
}


.NarrowView .MainContentsArea.CateIndex,
.NarrowView .MainContentsArea,
.MainContentsArea {
  width: 100%;
  min-width: 0px;
  max-width: 2000px;
}
/*ナロー*/
.NarrowView .CateIndex .PickUpBlock ul.PickUpList li {
  min-height: 250px;
}


/*社内ブログを１列表示に*/
.CompanyContentsBlock{}

.PageBlock .CompanyContentsBlock ul.ColumnGroup.ColumnGroup2elements > li.Column{
  float:none;
  width:100%;
}

/*雑草*/
.single.single-weed_blog .PageBlock ul.ColumnGroup.ColumnGroup2elements > li.Column{
  float:none;
  width:100%;
}


body.NarrowView .CateIndex .PickUpBlock ul.PickUpList li {
    min-height: 100px;
    display:inline-block;
    vertical-align: top;
    float:none;
    width:45%;
    margin-bottom:1em;
}



.PageTitle.PlusButton .FloatBlock a{
  position: absolute;
  bottom: -50px;
  right: 10px;
  
}


.PageBlock .BlockContents {
    padding: 0;
}


.PageBlock .BlockContents ul, 
.PageBlock .BlockContents ol {
  margin:0;
}
/* リストのマージン調整*/
.PageBlock .BlockContents ul, 
.PageBlock .BlockContents ol{
  margin: 0.5em 0em 0.5em 2em;
  margin: 0.5em 0em 0.5em 0;
}
.PageBlock .GrBox01 ul,
.PageBlock .GrBox01 ol{
  margin: 0.5em 0em 0.5em 1em;
}
.PageBlock .GrLineBox01 ul,
.PageBlock .GrLineBox01 ol{
  margin: 0.5em 0em 0.5em 1em;
}
.PageBlock .ImageItem ul,
.PageBlock .ImageItem ol{
  margin: 0.5em 0em 0.5em 0em;
}
.PageBlock .ImageItem ul li p.Label{
  font-size:83.5%;

}

.PulldownNaviArea{
}

/*商品*/
.single-product .PageBlock .BlockHeader .contents-head{
  padding: 20px 5px 20px 5px;
}
/*商品カテゴリタイトル*/
.PageDetailBlock.PageBlock .label{
  position:static;
  top:0;
  right:0;
  padding: 0 5px ;
}

/*スクエアロゴイメージ*/
.OutsideViewArea{
  background: url(../img/dummy/large_photo02.jpg) repeat-x 0% 0%;
  background-size: auto 500px;
  height:300px;
}


.OutsideViewArea .OutsideViewBlock{
  height:300px;
}

.OutsideViewArea .OutsideViewBlock .TopSquareMiddleLogo{
  margin:0 auto;
  padding:100px 0;
  width:100px;
  height:100px;
}


/*ショートコード一覧*/
.PageBlock .BlockContents ul.ProductListItem{

}
.PageBlock .BlockContents ul.ProductListItem li{
  width: 48%;
  margin: 5px 0;
}
.PageBlock .BlockContents ul.ProductListItem li .ImageItem{
  height:auto;
  width:100%;
}

/*商品一覧*/

ul.ArchiveList li{}

ul.ArchiveList li .TextItem{
  width:100%;
}
.archive ul.ArchiveList .SknTplImageParagraph{


}
.archive ul.ArchiveList .SknTplImageParagraph .ImageItem{
  width:40%;
  float:left;
  margin-right:10px;
}
.archive ul.ArchiveList .SknTplImageParagraph .TextItem{
  width:100%;

}
.archive ul.ArchiveList .SknTplImageParagraph > div{
  position:relative;
  margin-top:2.5em;
}
.archive ul.ArchiveList .SknTplImageParagraph > div > div.TextItem{}

.archive ul.ArchiveList .SknTplImageParagraph > div > div.TextItem  span{
/*  position:absolute;
  top:-2em;
  display:inline-block;
  left:0;
  */
}



.archive ul.ArchiveList .SknTplImageParagraph > div > div.TextItem  .ReadMore{
  position:relative;
  display:block;
}



/*インフォメーション*/


.InformationArea .InformationHeader .InformationHeaderTitle {
  float: none;
  width: 100%;
  font-size: 60%;
  text-align:center;
}
.InformationArea .InformationHeader .InformationHeaderTitle span.MainHeaderTitle{
  margin-left:0px;
  margin-right:10px;
}

.NarrowView .InformationArea .InformationHeader .InformationCateItem {
  float: none;
  width: 88%;
  margin:0 auto;

}
.NarrowView  .InformationArea .InformationHeader .InformationCateItem li{
  margin-top: 20px;
  width:auto;
  width:50%;
  padding: 6px 6px;
  text-align:center;
  border-right:1px solid #89b93c;
}


.InformationArea .BlockContents{
  width:90%;
  margin:30px auto  20px auto;
  padding:0;
  border-left:0px solid #ddd;
}

.InformationArea .BlockContents li span{
  font-size:90%;
}
.InformationArea .BlockContents li span.Date {
  display: inline-block;
  width: 28%;
  vertical-align: top;
}
.InformationArea .BlockContents li span.InformationContentsTitle {
  display: inline-block;
  width: 68%;
  vertical-align: top;
}
.InformationArea .BlockFooter a.Button {
  width: 80%;
}
.InformationArea .BlockFooter a.Button .Label {
  margin-right: 0em;
}
.InformationArea .BlockFooter a.Button .Label::before {
  margin-right: 0em;
}

.InformationArea .BlockContents li{
   border-right:0px solid #89b93c;
   border-left:1px solid #89b93c;
}
.InformationArea .BlockContents li:first-child{
   border-right:0px solid #89b93c;
}
.InformationArea .BlockContents li:last-child{
   border-left:1px solid #89b93c;
}

/*カテゴリー*/
/*防草・植栽*/
.NarrowView .PickUpBlock ul.PickUpList{
  list-style:none;
  margin:0;
}
.greenup.NarrowView .MainContentsArea{
  width:100%;
  max-width: 855px;
  min-width: 1px;
}
.PickUpArea .PickUpBlock ul.PickUpList li {
  float: left;
  width: 46%;
  margin: 0 2%;
  min-height: 220px;
}
.PickUpArea .PickUpBlock ul.PickUpList li a br{
  display:none;
}


.PickUpArea .PickUpBlock{
  border-top:0px solid #555;
  margin-top:0;
  padding: 0 2%;

  width: 100%;
}
.PickUpArea .PickUpBlock .BlockHeader{
  margin:0 auto;
  height:100px!important;
  float:none;
  display:block;
  width:150px;
  vertical-align:top;
  padding:0;
}
.PickUpArea .PickUpBlock .BlockHeader .PickUpHeader {
  text-align: center;
  width: 100%;
  height: 20px;
  border: 0px solid #84ac46;
  border-top: 8px solid #84ac46;
  border-radius: 0;
  color: #84ac46;
  margin-top: 0;
  padding:0;
  position: relative;
  top: 0;
  display: inline-block;
  vertical-align:top;
}
.PickUpArea .PickUpBlock .BlockHeader .PickUpHeader .PickUpHeaderTitle {
  font-size: 120%;
  margin-top: 30px!important;
}

.PickUpArea .PickUpBlock ul.PickUpList li a br{
  display:none;
}
.PickUpArea .PickUpBlock p.OutlineText {
  font-size: 83%;
  text-align: left;
  width: 100%;
  margin: 0 auto 20px auto;
}
.NarrowView .PageBlock .PickUpBlock ul.PickUpList li a span.EyeCatchImg{
  width:100%;
  margin: 0 auto;
}
.NarrowView .PageBlock .PickUpBlock ul.PickUpList li .PickUpTitle {
  width: 100%;
}


/*事例の読み込み*/
.PageBlock .BlockContents ul.CaseBlogListItem{
  list-style:none;
  margin:1em 0;
}
.CaseBlogListItem li{
  display:inline-block;
  width:100%;
  vertical-align:top;
}
.CaseBlogListItem li .Inner{
  border:1px solid #ccc;
  padding:10px;
  margin-bottom:10px;
}
.SknTplImageParagraph.RightImage.TypeLarge .ImageItem {
  width: 100%;
  margin:10px 0 0 0;
}

.CaseBlogListItem li .Inner .ImageItem{
  height:auto;
  width:100%;
  overflow:hidden;
  border:0px solid #ccc;
  margin-bottom:10px;
}
.CaseBlogListItem li .Inner .ImageItem img{
  
  max-width:100%;
}
.CaseBlogListItem li .Inner p.DefaultText{
  min-height:0!important;

}
.page-id-120 .SknTplThumbnailList .ThumbnailList li > .inner {
    margin: 3px;
}



/*プロセス*/
table.ProcessTable{
  border-collapse: collapse;
  border:none;
  position:relative;
  table-layout:auto;
  margin-bottom:50px;
  width: 80%;
}
table.ProcessTable::before{
  content: "改良・再検討";
  display:inline-block;
  position:absolute;
  background:none;
  text-align:center;
  width:20px;
  height:200px;
  bottom:25%;
  left: 108%;
  border:0px solid red;
}
table.ProcessTable:after{
  content: "";
  display:inline-block;
  position:absolute;
  width:40px;
  height:230px;
  background: url(/wpshirasaki/wp-content/uploads/2017/01/image_examination_arrow_yoko_2.png) no-repeat 100% 0%;
  background-size:auto 100%;
  
  top:82px;
  right:-20px;
}


/*新製品開発のプロセス*/
table.ProcessTable tbody td{
  display:block;
  width:80%;
  margin:0 auto;
}

table.ProcessTable tbody td{
  border:none;
}
table.ProcessTable tbody td{
  width:auto;
  padding:0;
}
table.ProcessTable tbody td.TabArrow{
  width:20px;
  position:relative;
}
table.ProcessTable tbody td.TabArrow::before {
  font-family: "co-font";
  font-style: normal;
  font-weight: normal;
  content: '\e84a'; 
  display:inline-block;
  font-size:150%;
  color:#555;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  left:2px;

}
table.ProcessTable div.ProcessCircle{
  border-radius:10px;

}
table.ProcessTable div.ProcessCircle .ProcessBlock {
    height: auto;
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
    display: block;
    text-align: center;
    vertical-align: middle;
    padding:0.5em 0;
}
table.ProcessTable div.ProcessCircle.type02{
  margin-right:0px;

}

table.ProcessTable div.ProcessCircle span {
  display: inline-block;
}




/*商品ページ資料ダウンロード*/
.TypeProduct  ul.TextList li{
  width:100%;
  float:none;
  display:inline-block;
}



/*PDF資料ダウンロード*/

.PageBlock .BlockContents ul.ProductListItem li.PdflistTtitle,
.PageBlock .BlockContents ul.ProductListItem li.PdflistCcomment{
  width: 100%;
}


body.page-id-247 .PageBlock .BlockContents ul.ProductListItem li.PdflistTtitle,
body.page-id-247 .PageBlock .BlockContents ul.ProductListItem li.PdflistCcomment{
  width: 100%;
}


/*経営理念ページ*/

.philosophy .PageBlock .BlockContents p{
  padding-left: 2em!important;
  text-indent: -2em;
  margin-top:0.5em;
}

/*基本情報事業拠点*/
div.Heading.Type4{
  padding:10px;
}
table.DefaultTable.Type4 > tbody > tr > th{
  display:block;
  width:100%;
  max-width:100%;
  padding: 0.5em 0.5em;
  border:none;
}
table.DefaultTable.Type4 > tbody > tr > td{
  display:block;
  width:100%;
  max-width:100%;
  margin-bottom:1em;
}



/*お問い合わせ*/
.InqueryWindowItem .Inner .PickUpList li {
  float:none;
  width: 100%;
}
.InqueryWindowItem .Inner {
  margin: 0;
}


/*お問い合わせページ*/
#contact.contact ul.ContactList{

}
#contact.contact .MainContentsArea ul.ContactList li{
  width:100%;
  display:inline-block;
}
.ConTactListItem{
  border:1px solid #333;
}
#contact table.DefaultTable{
  border:none;
}
#contact table.DefaultTable > tbody > tr > th{
  width:100%!important;
  display:block;
  max-width:1000px;
  margin-top:1em;
  padding: 0.5em 0.5em;
}
#contact table.DefaultTable > tbody > tr > td{
  display:block;
  width:100%!important;
  max-width:1000px;
  font-size:100%;
  border:none;
  padding: 0em 0.5em;
  text-align:center;
}

#contact table.DefaultTable > thead {
  display:none;
}



/*フォーム共通*/

table.ContactFormTable tbody td .FormItem{
  /*margin:0;*/
}

table.ContactFormTable .Necessary {
  position: absolute;
  background: #be0000 none repeat scroll 0% 0%;
  color: #FFF;
  display: block;
  top: 5px;
  right: 10px;
  padding: 2px 4px;
  line-height: 1.2;
}


.LayoutTable122{
  width:100%!important;
}
.LayoutTable122 tbody{}
.LayoutTable122 tbody th,.LayoutTable122 tbody td{
  display:block; 
  float:left; 
  clear:both; 
  width:100%; 
  padding-left:0; 
  padding-right:0;
}
.LayoutTable122 tbody th img,.LayoutTable122 tbody td img{
  max-width:100%; 
  height: auto; 
  max-height:100%;
}
.LayoutTable122 tbody td.Cell01{
  border:none;
}

/*mainを転記上書き*/
table.ContactFormTable{ }
table.ContactFormTable tbody th, 
table.ContactFormTable tbody td{
  width: 100%!important;
  border-bottom: 0px solid #ccc;
}
table.ContactFormTable tbody th{ 
/*color:#dc3a12;*/
  border-top: 2px solid #dc3a12;
  border-top: 2px solid #555;
  font-size: 90%; 
  font-weight: normal;  
  white-space: nowrap; 
  text-align: left; 
  padding:10px 0 5px 0!important;
 }
table.ContactFormTable tbody td{ 
  padding:5px 0 20px 0!important;
  font-size: 87.5%; 
  padding:5px 0 45px 0; 
  border-bottom:none;}
table.ContactFormTable tbody td label{ 
  padding:5px 10px 5px  2px;
}
table.ContactFormTable tbody th.Thtop, 
table.ContactFormTable tbody td.Thtop{
 }


input, textarea {
  border: 1px solid #ccc;
  padding: 5px 3px;
  vertical-align: middle;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  border-radius: 0px;        /* CSS3草案 */  
  -webkit-border-radius: 0px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 0px;   /* Firefox用 */  
}


select{
  width: 100%;
  max-width:400px;
  border: 1px solid #ccc;
  font-size:110%;
  
  vertical-align: middle;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  border-radius: 0px;        /* CSS3草案 */  
  -webkit-border-radius: 0px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 0px;   /* Firefox用 */  
}

.FormItem .InputTitle, .FormItem .InputId, .FormItem .InputPass, .FormItem .InputCaption, .FormItem .InputName, .FormItem .InputAccess, .FormItem .InputPlanDetail, .FormItem .InputMail , .FormItem .InputDate{ 
/*font-size:110%!important;
width: 100%; 
width: 96%; 
padding:5px 0px;*/
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
    text-indent: 0.05em;
}
.FormItem textarea{ width: 90%; font-size:110%!important; height: 5em!important; }
.FormItem  .InputPlanText{  }
.FormItem  .InputOnsenName{ width: 99%; }


.FormItem .mwform-tel-field input[type="text"]{
  width:28%;
}

#Contact{}
.BlockContents .ContactBlock{position:relative; font-size:110%;}
.BlockContents .ContactBlock .BlockHeader{
 }


table.ContactFormTable tbody td.StackInputBlock .FormItem{
  margin:10px 0 10px 0!important;
}

.DoubleList .FormItem{
  float:none!important;
}
.DoubleList .SubDoubleList01{
  width:80%!important;
  margin:10px 0 10px 0!important;
}
.DoubleList .SubDoubleList02{
  margin:10px 0 10px 0!important;
  margin-left: 0;
  width:95%!important;
}

.QuestionList .Heading span.DefaultMainTitle {
  margin-left: 60px;
  padding-top: 0px;
  padding-bottom: 15px;
  display: block;
}
.QuestionList .InfoSide .Inner .ContentsText {
  margin-left: 60px;
  padding-top: 15px;
  display: block;
  border-top: 2px dotted #aaa;
  min-height: 80px;
}
QuestionList .Heading::before {
  font-family: "co-font";
  content: "\e822 open";
  position: absolute;
  right: 10px;
  font-weight: normal;
  font-size: 80%;
  bottom: 5px;
  font-weight: bold;
  color: #97ca48;
}

/*水路で使用*/


.SknTplImageParagraph.LeftImage.TypeMin .ImageItem{
  width: auto;
  margin:10px 0 0 0;
}
.SknTplImageParagraph.LeftImage.TypeMin .ImageItem img{
  max-width:100%;
  width: auto;
  float:left;
}

.SknTplImageParagraph.LeftImage.TypeLarge .ImageItem{
  width: 100%;
  margin:0 auto;
}


.SknTplImageParagraph.RightImage.TypeLarge  .ImageItem{
  width: 100%;
  margin:0 auto;
}

.SknTplImageParagraph.RightImage.TypeMin  .ImageItem{
  width: auto;
  margin:10px 0 0 0;
}
.SknTplImageParagraph.RightImage.TypeMin  .ImageItem img{
  max-width:100%;
  width: auto;
  float:left;
}

.SknTplImageParagraph.LeftImage.TypeEx .ImageItem{
  width: 80%;
  margin:0 auto;
}


.SknTplImageParagraph.RightImage.TypeEx  .ImageItem{
  width: 100%;
  margin:0 auto;
}


/*e_and_q*/
.e_and_q table.DefaultTable{
  border:none;

}
.e_and_q table.DefaultTable tbody tr{
  height:auto!important;
}
.e_and_q table.DefaultTable tbody  th {
  display:inline-block;
  width:45%!important;
  max-width:100%;
  height:auto!important;
}
.e_and_q table.DefaultTable tbody  td {
  display:inline-block;
  width:54%!important;
  height:auto!important;
}









}/*500++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.Page .PageBlock .PickUpBlock .BlockContents{
  padding:0;
  margin:10px 10px;
}


/*350+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 350px) {

body.NarrowView .CateIndex .PickUpBlock ul.PickUpList li {
    min-height: 100px;
    display:inline-block;
    vertical-align: top;
    float:none;
    width:44%;
    margin-bottom:1em;
}

}/*350++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*動画一覧用*/

.MovieListBlock{}
.MovieListItem{
  display:flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.MovieListItem .Column{
  width:50%;
  width:33%;
}
.MovieListItem .Column .modal__content{
  padding:10px;
}
.MovieListItem .Column .Caption{
  padding:10px 0;
  font-size:1.15rem;
  line-height:1.6;
}

.YtubeItem .inner{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.YtubeItem .inner iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/*スマート++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width: 501px) and (max-width: 760px) {

}/*スマート++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



/*500+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 500px) {

  .CaseBlogListItem.Type2 li{
    float:none!important;
    width:100%!important;
  }
  .MovieListItem{
    display:flex;
    flex-wrap: wrap;
    flex-direction:column;
  }
  .MovieListItem .Column{

  }

}

/*テンプレート画像調整*/
.PageBlock .BlockContents .SknTpl .GrLineBox01{
  border: 0px solid #cccccc;
  margin: 0.5em 0;
  padding: 0.5em 0em;
  background: #fff;
}
.PageBlock .BlockContents .SknTpl .GrLineBox01 ul, 
.PageBlock .BlockContents .SknTpl .GrLineBox01 ol {
  margin: 0;
}
.PageBlock .BlockContents .SknTpl .GrLineBox01 ul li{
  margin-right: 1em ;
  width: calc(50% - 0.5em);
}
.PageBlock .BlockContents .SknTpl .GrLineBox01 ul li:last-child{
  margin-right:0;
}
/*500+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 500px) {

  .PageBlock .BlockContents .SknTpl .GrLineBox01 ul li{
    margin-right: 1em ;
    width: calc(50% - 0.75em);
  }
}



/*商品詳細用*/
.single .PageBlock .BlockContents .YtubeIVideo{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin:20px auto;
}
.single .PageBlock .BlockContents .YtubeIVideo iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/*一般用*/
body .PageBlock .BlockContents .YtubeIVideo{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin:20px auto;
}
body .PageBlock .BlockContents .YtubeIVideo iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/*リンク色*/
#PageDetailBlock p > a > span{
  color: blue;
  font-weight:700;
}
#PageDetailBlock p > a{
  position:relative;
}
#greenup #PageDetailBlock p > a::before{
  content: '\e899';
  font-family: "co-font";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  color: #81c369;
  height: 1.9em;
  height: calc(100% - 0.5em);
  left: 0px;
  top: 0.25em;
  position:static;
}

#PageDetailBlock .ButtonItem .DoubleButton{
  line-height:1.6;
  padding-top:5px;
  padding-bottom:5px;
}



/*公共　固定ページ事例*/
.public_works .CommonPhotoBlock .ThumbnailList li > .inner > .Label{
  text-align:center;
}


/*お問い合わせ*/
.SknTplDecoratedBox{
  border-top:1px solid #ccc;
  margin-top:20px;
  padding-top:20px;
}
.SknTplDecoratedBox .DecoratedBox{

}
.SknTplDecoratedBox .DecoratedBox{
  max-width:800px;
  border:1px solid #222;
  border-radius:20px;
  padding:20px 30px;
  margin:0 auto;
}
.SknTplDecoratedBox .DecoratedBox .inner p{
  text-align:center;
}
.SknTplDecoratedBox .DecoratedBox .inner .InqueryButtonItem{
  margin-top:10px;
}

.SknTplDecoratedBox .DecoratedBox .inner .ButtonItem{
  display:block;
  margin:10px auto;
}
.SknTplDecoratedBox .DecoratedBox .inner .ButtonItem .Button{
  padding: 0 2em;
}

/*500+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 500px) {

  .SknTplDecoratedBox .DecoratedBox{
    border:1px solid #ccc;
    border-radius:20px;
    padding:20px 10px;
    margin:0 auto;
  }
  .SknTplDecoratedBox .DecoratedBox .inner .ButtonItem .Button{
    padding: 0.8em 0;
  }
}



/*多面的*/

.PageBlock .BlockContents .SknTpl .GrLineBox02 {
  border: 0px solid #cccccc;
  margin: 0 20px;
  padding: 0em;
  background: #fff;
}

.TamenPrImage2Box{
  padding:0 50px;
}


/*スマート++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width: 501px) and (max-width: 760px) {

}/*スマート++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



/*500+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 500px) {
    
    
.PageBlock .BlockContents .SknTpl .GrLineBox02 {
  border: 0px solid #cccccc;
  margin: 10px 0;
  padding: 0em;
  background: #fff;
}

.TamenPrImage2Box{
  padding:0;
}

.DisBlockListItem  .ColumnGroup > .Column{
  display:block;
  width:100%;
}

.MovieListItem .Column {
  width: 100%;
}



}/*500++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*350+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 350px) {




}/*350++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/









/*SDGs*/

#sdgs #PageDetailBlock .Heading.TypeS{
  font-size: 1.6rem;
  padding-top: 0.5em;
  padding-bottom: 0.35em;
  line-height: 1.5;
  color:#555;
}

/*製品*/

/*SDGsアイコン*/
#sdgs .SknTplThumbnailList.Pictgram .ColumnGroup3elements{
  width:324px;
  margin:0 auto;
}
#sdgs .SknTplThumbnailList.Pictgram  .ColumnGroup4elements{
  width:424px;
  margin:0 auto;
}
#sdgs .SknTplThumbnailList.Pictgram  .ColumnGroup5elements{
  width:524px;
  margin:0 auto;
}
#sdgs .SknTplThumbnailList.Pictgram  .ColumnGroup6elements{
  width:624px;
  margin:0 auto;
}

#sdgs .GrLineBoxNone {
  font-size: 1.1rem;
  color:#222;
  padding:10px 0;
}



#sdgs .SknTplThumbnailList.Pictgram  .ColumnGroup li{
  display:inline-block;
}
#sdgs .SknTplThumbnailList.Pictgram  .ColumnGroup li .inner{
  margin:0;
}

#sdgs .IconList{
  display:block;
  max-width:800px;
  margin:20px auto;
  border:1px solid #ddd;
  background:#f5f5f5;
  padding:15px;
  background: -webkit-gradient(linear, left top, right bottom, from(#ececec), color-stop(0.25, #ececec), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #ececec), color-stop(0.75, #ececec), color-stop(0.75, white), to(white));
  background: -moz-linear-gradient(-45deg, #ececec 25%, white 25%, white 50%, #ececec 50%, #ececec 75%, white 75%, white);
  background: linear-gradient(-45deg, #ececec 25%, white 25%, white 50%, #ececec 50%, #eee 75%, white 75%, white);
  background-size: 6px 6px;
  border-radius:5px;
}
#sdgs .IconList .IconCircleItem{
  display: inline-block;
  width:70px;
  vertical-align:middle;
}
#sdgs .IconList .IconCircleItem img{
  width:100%;
}
#sdgs .IconList ul{
  margin:0 auto;
}
#sdgs .IconList ul li{
  padding:10px 0;
  position:relative;
}

#sdgs .IconList .Sub{
  width: calc(100% - 40px);
  display: inline-block;
  vertical-align:middle;
  font-size:1.2rem;
  line-height:1.5;
  margin-left:35px;
  position:relative;
}
#sdgs .IconList ul li .Sub:before{
  content: "\e80f";
  font-family: "co-font";
  position:absolute;
  top:0%;
  left:-35px;
  margin-top:2px;
  display:inline-block;
  width:24px;
  height:24px;
  border-radius:50%;
  font-size:20px;
  line-height:1;
  border:2px solid #89b958;
  color:#407935;
  background:#fff;
}


.SknTplThumbnailList .ThumbnailList li > .inner {
  margin: 10px;
}




/*スマート++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width: 501px) and (max-width: 760px) {

}/*スマート++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



/*500+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 500px) {
    
/*SDGs*/
/*製品*/
#sdgs .IconList{
  padding:10px;
}
/*SDGsアイコン*/
#sdgs .SknTplThumbnailList.Pictgram  .ColumnGroup{
  width:100%;
  margin:0 auto;
}
#sdgs .SknTplThumbnailList.Pictgram  .ColumnGroup li{
  display:inline-block;
  float: none;
  width: 24%;
  vertical-align: top;
  width:33.3!important%
}
#sdgs .SknTplThumbnailList.Pictgram  .ColumnGroup li .inner{
  margin:2% 0;
}






.IconList{
  max-width:100%;
  margin:20px auto;
}

}/*500++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/





/*350+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 350px) {




}/*350++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*TEMP*/

/*スマート++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width: 501px) and (max-width: 760px) {

}/*スマート++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



/*500+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 500px) {
    

}/*500++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*350+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 350px) {




}/*350++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/