/*  Typo
----------------------------------------------- */

a:link, a:visited
{
    text-decoration: underline;
    color:#EC4413;
}
a:active { 	text-decoration: underline; }
a:hover { text-decoration:none; }


h1 { font:bold 18px/140% "Trebuchet MS", Verdana, sans-serif; }
h2 { font:bold 14px/140% "Trebuchet MS", Verdana, sans-serif; }

p {	font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;}

/*  Layout
----------------------------------------------- */

body {
    background: #333333 url(https://u.jimcdn.com/cms/o/sb4d893546c3a4e50/userlayout/img/bg.gif?t=1516078543) no-repeat top left;
    padding:35px 0 0 0;
    margin:0;
    font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
    background:#ffffff;
}
body, p, table, td ,h1,h2,h3{
    font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif!important;
}

#container
{
    margin:0 auto;
    width:100%;
    background:white;
}


#sidebar
{
    padding-top:10px;
}

#content
{
    width:1000px;
margin-left:auto;
margin-right:auto;
max-width:100%;
}

#footer
{
    margin-top:10px;
    background:url(https://u.jimcdn.com/cms/o/sb4d893546c3a4e50/userlayout/img/footer-bg.gif?t=1516078543) repeat-x top;
    height:65px;
}

#footer .gutter 
{
    height:30px;
    padding:35px 15px 0 90px;
}

/*  Navigation
----------------------------------------------- */

ul.mainNav1,
ul.mainNav2
{
    margin:0;
    padding: 0;
}


ul.mainNav1 li,
ul.mainNav2 li
{
    display: inline;
    margin: 0;	
    padding: 0;
}


ul.mainNav1 li a,
ul.mainNav2 li a
{
    font:normal 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
    display: block;
    color:#333;
    border-bottom:1px solid #CCC;
}


ul.mainNav1 li a { padding:4px 4px 4px 4px; }
ul.mainNav2 li a { padding:4px 4px 4px 14px; }
ul.mainNav3 li a { padding:4px 4px 4px 24px; }


ul.mainNav1 a:hover
{
    background:#EEE;
    color:black;
}

ul.mainNav1 a.current { font-weight:bold; }

/* 20200611 */
.pc-none{
display:none;
}

.cc-page-index #breadcrumb{
display:none;
}

#logo img{
display:block;
padding:10px;
}

#header{
display:flex;
justify-content:space-between;
align-items:center;
}

#hero{
width:100%;

}

#hero img{
display:block;
max-width:100%;
width:100%;
margin-left:auto;
margin-right:auto;
}

#navigation ul{
display:flex;
justify-content:space-between;
width:100%;
background-color:#3e6f07;
padding:0;
margin:0;
}
#navigation ul li{
display:flex;
list-style:none;
padding-left:0;
width:14.28%;
}

#navigation ul li a{
display:block;
padding:14px 0;
border-bottom:0;
text-align:center;
text-decoration:none;
background-color:#3e6f07;
color:#ffffff;
text-align:center;
font-size:14px;
width:100%;
font-family: 'Noto Sans JP',"新ゴ M", "Shin Go Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#navigation ul li a:hover{
background-color:#63a51a;
}

.j-calltoaction-link.j-calltoaction-link-style-1 {
    background-color:#3e6f07;
    border:0;
}

#hero{
display:none;
}

.cc-page-index #hero{
display:block;
}

.header-sns ul{
display:flex;
list-style:none;
padding:0;
}
.header-sns ul li{
margin-right:20px;
}
.header-sns ul li a{
display:block;
}
.header-sns ul li a img{
display:block;width:40px;
}

.rssFeed h3 {display:none;}

.footer-nav ul{
display:flex;
justify-content:center;
}

.footer-nav ul li{
border-right:1px solid #efefef;
}

.footer-nav ul li:last-child{
border-right:none;
}

#navigation ul li a.current {
background-color:#63a51a;
}
/* hum menu */
.hum-menu{
    display: none;
}

dt {
float:left;
}

dd {
margin-left:100px;
}

iframe{
display:block;
width:100%;
}
.gmap iframe{
 height:600px;
}
.table{
    width:100%;
}
.table,.table th,.table td{
    border:1px solid #efefef;
border-collapse: collapse;
}
.table,.table th,.table td{
    padding:10px ;
}

.cc-page p{
line-height:1.8;
}
.cc-page dd{
    margin-bottom:20px;
}
h2 span{
display:inline;
font-size:0.8em;
}
.product-item{
width:100%;
}

.clearfix::after {
   content: "";
   display: block;
   clear: both;
}
.p-left{
float:left;
width:30%;
padding-right:10px;
box-sizing:border-box;
}
.p-right{
float:right;
width:70%;
padding-left:10px;
box-sizing:border-box;
}
.product-item h3{
margin-top:8px;
margin-bottom:16px;
}
a.btn01 {
display:block;
width:100%;
background-color:#e58011;
color:#ffffff!important;
margin-top:20px;
text-align:center;
padding-top:10px;
padding-bottom:10px;
text-decoration:none!important;
}
a.btn01:hover{
opacity:0.8;
}
.j-nav-variant-breadcrumb ol{
list-style:none;
}

.cc-page h2 {
  position: relative;
  margin-bottom:20px;
  color:#e58011;
  padding: 0.25em 0;
  font-weight:normal;
font-size:28px;
}
.cc-page h2:after {
  content: "";
  display: block;
  height: 3px;
  background: -webkit-linear-gradient(to right, rgb(229, 128, 17), transparent);
  background: linear-gradient(to right, rgb(229, 128, 17), transparent);
}
h3{
    color:#3e6f07!important;
    font-size:20px!important;
    margin-bottom:22px!important;
}
#content{
 padding-left:10px;
 padding-right:10px;
box-sizing:border-box;
}
.price-table th{
width:80px;
text-align:center;
background-color:#efefef;
}
.price-table{
margin-bottom:15px;
margin-top:15px;
}
.cc-page h4{
border-bottom:1px solid #999999;
margin-top:20px;
}

#page-2221174897 h3{
  margin-bottom:0px!important;
}
#page-2221174897 div.hr{
  margin-top:10px!important;
  margin-bottom:10px!important;
}
.cc-indexpage h3{
  margin-bottom:0px!important;
}
.cc-indexpage div.hr{
  margin-top:10px!important;
  margin-bottom:10px!important;
}
.cursive{
  font-family: 'Damion', cursive;
}
.attention{
  background-color:#fff5f0;
  padding:20px 15px;
}
.attention h3{
  margin-bottom:8px!important;
}
.rssFeed .rssFeedTitle {
    font-size: 18px!important;
    margin-bottom:8px!important;
}
.rssFeed a {
    display:block;
    padding-top:8px;
}

a:hover img{
opacity:0.8;
}




@media screen and (max-width : 800px ){
    #logo img{
        max-width:80%;
    }
    .pc-none{
        display: block!important;
    }
    .sp-none{
        display: none!important;
    }
    .hum-menu{
        display: block;
        position: fixed;
        top:10px;
        right: 10px;
        float: none;
        background-color:transparent;
        z-index:100000;
    }
    nav{
        display: none!important;
    }
    .open{
        display: block!important;
    }
    .menu-trigger,
    .menu-trigger span {
      display: inline-block;
      transition: all .4s;
      box-sizing: border-box;
    }
    .menu-trigger {
      position: static;
      width: 44px;
      height: 40px;
    }
    .menu-trigger span {
      position: absolute;
      left: 15%;
      width: 70%;
      height: 4px;
      background-color: #3e6f07;
      border-radius: 0;
    }
    .menu-trigger span:nth-of-type(1) {
      top: 10px;
    }
    .menu-trigger span:nth-of-type(2) {
      top: 20px;
    }
    .menu-trigger span:nth-of-type(3) {
      bottom: 10px;
    }
    .menu-trigger.active span:nth-of-type(1) {
      -webkit-transform: translateY(10px) rotate(-45deg);
      transform: translateY(10px) rotate(-45deg);
    }
    .menu-trigger.active span:nth-of-type(2) {
      opacity: 0;
      height:40px;
      top:-8px;
    }
    .menu-trigger.active span:nth-of-type(3) {
      -webkit-transform: translateY(-10px) rotate(45deg);
      transform: translateY(-10px) rotate(45deg);
    }
    nav{
        position: fixed;
        top:56px;
        width:100%;
        left: 0;
        background-color:rgba(0,0,0,0.6);
        z-index: 100000;
        animation: slideMenu 0.2s linear ;
    }
	@keyframes slideMenu {
        0% {
			transform: translateX(100%);
		}
        100% {
            transform: translatex(0);
		}
	}
    #gnavi nav.open ul{
        padding: 0;
        padding-bottom: 40px;
        padding-top:40px;
        display: block;
        width:100%;
    }
    #gnavi ul li{
        width:100%;
    }
    #gnavi li a{
        width:100%;
        text-align: center;
    }
.cc-page .cc-m-hgrid-column{
float:none;
width:100%!important;
padding-left:15px;
padding-right:15px;
box-sizing:border-box;
}
.cc-page .cc-m-hgrid-column.last {
    float: none;
    width:100%!important;
padding-left:15px;
padding-right:15px;
}
.footer-nav #mainNav1{
display:block;
box-sizing:border-box;
padding-left:10px;
padding-right:10px;
}

}