@charset "utf-8";

html{
font-size:62.5%;
font-family:'Noto Sans JP', sans-serif;
}

body{
width:100%;
color:#333;
font-size:1.42rem;
line-height:1.6;
margin:0;
background:#7ed99b;
}

h1{
width:calc(100% - 22px);
color:#fff;
font-size:1.4rem;
font-weight:360;
line-height:1;
padding:6px 10px;
margin:0 0 20px 0;
border:1px solid #000;
background-image:linear-gradient(#3fad49, #000000);
}

p{
line-height:1.8;
margin:0;
}

p span{
color:#ff0000;
font-weight:500;
margin:0 6px;
}


img, img[class*="wp-image-"], img[class*="attachment-"] {
height:auto;
max-width:100%;
vertical-align:bottom;
image-rendering:crisp-edges;
backface-visibility:hidden;
}

img.scaled-image {
border:0;
margin:0;
}


ul{list-style:none;padding:0;}

.inv-a{
display:inherit;
}

.inv-b{
display:none;
}

a{
color:#000;
text-decoration:none;
transition:1s;
}

a:hover{
color:#333;
text-decoration:none;
opacity:0.8;
transition:1s;
}

#wrapper{
margin:0 auto;
width:100%;
overflow: hidden;
}

#content{
width:824px;
text-align:center;
padding:0 4px;
margin:0 auto;
background:#fff;
}

#header-box{
width:824px;
margin:0 auto;
background:#fff;
display:block;
}


#common-sec{
width:824px;
margin:0 auto;
border-collapse:collapse;
background:#fff;
display:table;
}
#common-sec th{
width:178px;
font-size:1.4rem;
line-height:1.5;
font-weight:360;
text-align:left;
vertical-align:top;
padding:6px 0 0 0;
margin:0;
}
#common-sec td{
width:630px;
text-align:left;
vertical-align:top;
padding:6px 0 0 16px;
margin:0;
}

#common-sec th a{
width:auto;
margin:10px auto;
display:table;
}

#footer-box{
width:824px;
padding:60px 0 0 0;
margin:0 auto;
background:#fff;
display:block;
}

#common-table{
width:100%;
font-size:1.4rem;
font-weight:360;
line-height:1.5;
border-collapse:collapse;
}
#common-table th{
width:160px;
font-weight:360;
text-align:center;
padding:6px 0;
background:#eee;
border:1px solid #666;
}
#common-table td{
width:auto;
text-align:left;
padding:6px 10px;
border:1px solid #666;
}

#breadcrumb-box{
width:98%;
font-size:1.2rem;
text-align:right;
margin:0px auto 20px 0;
}
#breadcrumb-box a{
border-bottom:1px solid #000;
}

#company-table{
width:100%;
font-size:1.4rem;
line-height:1;
border-collapse:collapse;
}
#company-table th{
width:140px;
font-weight:360;
text-align:left;
padding:6px 0;
}
#company-table td{
width:auto;
padding:6px 0;
}


#products-box{
width:100%;
margin:0 0 40px 0;
display:flex;
justify-content:flex-start;
}
.image-left{
flex-flow:wrap;
}
.image-right{
flex-flow:row-reverse;
}
#products-box dt{
width:50%;
min-width:285px;
text-align:center;
padding:0;
marin:0 0 auto 0;
display:table;
}

#products-box dd{
width:calc(50% - 20px);
font-size:1.4rem;
line-height:1.5;
padding:0 10px;
margin:0 0 auto 0;
display:table;
}
#products-box dd span{
margin-bottom:10px;
border-bottom:1px solid #000;
display:table;
}

#items-box{
width:100%;
display:flex;
flex-flow:wrap;
justify-content:flex-start;
}

#items-box div{
width:29%;
min-width:160px;
margin:0 2% 40px 2%;
}
#items-box div span{
width:100%;
color:#fff;
font-size:1.2rem;
line-height:1;
text-align:center;
padding:6px 0;
margin:0 0 10px 0;
background:#9dd908;
display:block;
}
#items-box img{
margin:0 auto;
display:table;
}

#maps{
width:100%;
height:450px;
border:0;
}

#navi{
display:none;
}