body {
    font-family: "Helvetica Neue",
      Arial,
      "Hiragino Kaku Gothic ProN",
      "Hiragino Sans",
      Meiryo,
      sans-serif;
 }
a{
    text-decoration: none;
}
 ul{
    list-style: none;
 }

header .header-headline{
    background-color: #294E37;
    color: #294E37;
    text-align: center;
}

@media screen and (min-width: 521px) {
    body {
    font-family: "Helvetica Neue",
      Arial,
      "Hiragino Kaku Gothic ProN",
      "Hiragino Sans",
      Meiryo,
      sans-serif;
      font-size: 16px;
    }
    header .header-headline{
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }
    header .header-nav{
        max-width: 1280px;
        height: 100px;
        margin: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    header .header-nav h1{
        margin-top: 17px;
    }
    header .header-nav h1 img{
        width: 137px;
    }
    header .header-nav .header-nav-li li{
        padding-right: 34px;
        color:#294E37;
        position: relative;
    }
    header .header-nav .header-nav-li a{
        color:#294E37;
    }
    header .header-nav .header-nav-li li > ul{
        display: none;
    }
    header .header-nav .header-nav-li li:hover > ul{
        display: block;
        position: absolute;
        left: 1rem;
        width: 200px;
    }
    header .header-nav .header-nav-li li:hover > ul li{
        background-color: #294E37;
        color: #fff;
        font-size: 0.8rem;
        height: 2rem;
        line-height: 2rem;
        padding-left: 1rem;
        border-bottom: 1px solid #fff;
    }
    header .header-nav .header-nav-li li:hover > ul li a{
        color:#fff ;
    }
    header .header-nav .header-nav-li{
        display: flex;
    }

    .heroImage{
        height: 480px;
        width: 100%;
        background-image: url(../assets/images/heroBG.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .heroImage .heroImg_inner{
        padding-top: 191px;
        width: 100%;
        text-align: center;
        color: #fff;
    }
    .heroImage .heroImg_inner h2{
        font-size: 2rem;
        margin-bottom: 6px;
    }
    .heroImage .heroImg_inner .heroImg_discription{
        font-size: 1rem;
        line-height: calc(1rem + 3px);
        width: 480px;
        margin: 0 auto 25px;
    }
    .brandStory ,.newItems,.detail,.news.,.takuetshu,.gogen{
        text-align: center;
    }
    .brandStory ,.newItems,.detail,.news,.ourVision,.takuetshu,.gogen{
        padding-top: 3rem;
    }
    .brandStory h2,.newItems h2,.detail h2,.news h2,.ourVision h2,.takuetshu h2,.gogen h2{
        font-size: 2rem;
    }
    .brandStory h2{
        text-align: center;
    }
    .brandStory p{
        font-size: 1rem;
        text-align: left;
        width: 960px;
        margin: 2rem auto;
    }
    .brandStory p .btn{
        font-size: 1rem;
        color: #fff;
        background-color: #294E37;
        display: block;
        width: 180px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-weight: bold;
        margin: auto;
    }
    .BoxLink{
        width: 100%;
        display: flex;
    }
    .BoxLink a{
        text-decoration: underline;
        color: #fff;
        display: block;
        width: 100%;
        text-align: center;
        font-size: 1.5rem;
    }
    .BoxLink li{
        height: 568px;
        line-height: 568px;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .topBl1{background-image: url(../assets/images/category_1.png);}
    .topBl2{background-image: url(../assets/images/category_2.png);}
    .topBl3{background-image: url(../assets/images/category_3.png);}
    .topBl4{background-image: url(../assets/images/category_4.png);}
    .topBl5{background-image: url(../assets/images/category_5.png);}



    .newItems,.news{
        background-color: #F7F7F7;
        padding-bottom: 60px;
    }
    .itemList{
        display: flex;
        flex-wrap: wrap;
        max-width:1180px ;
        margin:20px auto;
    }
    .itemList li{
        padding: 12px;
    }

    .itemListItem{
        position: relative;
    }
    .btn_wrap{
        display: none;
    }
    .itemListItem:hover .btn_wrap{
        display: block;
        top: 12px;
        left: 12px;
        position: absolute;
        height: 212px;
        width: 212px;
        background: rgba(255,255,255,0.5);
        z-index: 100;
        padding-top: 81px;
        box-sizing: border-box;
    }
    .btn{
        font-size: 1rem;
        color: #fff;
        background-color: #294E37;
        display: block;
        width: 180px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-weight: bold;
        margin: auto;
    }
    .detailList{
        padding-top: 3rem;
        display: flex;
        max-width: 1160px;
        margin: auto;
        justify-content: space-around;
        padding-bottom: 3rem;
    }
    .detailList p{
        padding-top: .8rem;
        font-size: 1.2rem;
    }
    .detailList p small{
        font-size: 1rem;
    }
    .footer{
        background: #575756;
        padding-top: 3rem;
        padding-bottom: 4rem;
    }
    .footerLi{
        display: flex;
        width: 900px;
        margin: 0 auto 3rem;
        justify-content: space-between;
    }
    .footerLi a{
        color: #fff;
        font-size: .8rem;
    }
    .footer p{
        width: 250px;
        margin: auto;
    }
    .footer p img{
        width: 100%;
    }
    .items{
        padding-top: 3rem;
    }
    .items h2{
        text-align: center;
        font-size: 2rem;
        margin: 0 auto;
        padding-bottom: 3rem;
    }
    .items h3{
        text-align: center;
        font-size: 1.5rem;
        margin: 0 auto;
        padding-bottom: 1rem;
    }
    .items h3 .micro{
        font-size: 1rem;
    }
    .items h3 a{
        text-decoration: underline;
        color: inherit;
    }
    .items_item{
        padding-bottom: 2rem;
        padding-top: 3rem;
    }
    .items_item:nth-child(odd){
        background-color: #F7F7F7;
    }
    .category{
        background-color: #294E37;
        color: #fff;
        display: flex;
        max-width: 1280px;
        margin: auto;
    }
    .category_txt{
        padding: 3rem 5rem 2rem 5rem;
    }
    .category_txt h2{
        font-size: 2rem;
        margin-bottom: 1rem;
    }
    .category_txt p{
        font-size: 1rem;
        line-height: 1.5;
        margin-bottom: 1rem;
        font-weight: normal;
    }
    .brandStory p.brandStoryImg{
        text-align: center;
        width: 720px;
        margin:2rem auto;
    }
    .ourVision h2{
        width: 960px;
        margin: auto;
    }
    

    .ourVision p{
        font-size: 1rem;
        text-align: left;
        width: 960px;
        margin: 2rem auto;
    }
    .keiken_wrap{
        width: 960px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        padding-bottom: 3rem;
    }
    .keiken{
        width: 480px;
    }
    .takuetshu{
        background-color: #F7F7F7;
        padding-bottom: 3rem;
    }
    .gogen{
        padding-bottom: 3rem;
    }
    .takuetshu h2,.gogen h2{
        width: 960px;
        margin: 0 auto 3rem;
        text-align: center;
    }
    .takuetsu_p{
        width: 960px;
        margin: 0 auto 3rem;
    }
    .takuetsu_img_wrap{
        width: 960px;
        margin: auto;
        display: flex;
        justify-content: space-between;
        color: #707070;
    }
    .takuetsu_img_wrap figure{
        width: 460px;

    }

    .itemList,.temList-cost,.itemList-Star{
        text-align: center;
    }
    #size,#haiso,.henpin{
        width: 1180px;
        margin: auto;
    }

    h2{
        text-align: center;
    }
}


@media screen and (max-width: 520px) {
}

/*
** 20231128 css
*/

.itemList-cost,.itemList-Star{
    display: none;
}