@charset "UTF-8";

/* New Arrivalの表記 */
h3.ttl-h3 >.new_arrival{
    margin-right: 1em;
    padding: 0 0.3em;
    color: #fff;
    background-color: rgb(202, 40, 40);
}
@media screen and (min-width: 2900px){
     .d-2083-none{
        display: none;
    }
}


/* Fortune 2024　バナー */
.index_top_area{
    position: absolute;
    top:0;
}

.index_top_area div.fortune_banner{
    width: 320px;
    margin: 2vw;
    box-shadow: 0px 0px 15px -5px #9a892f;;
}

@media screen and (max-width:991px){
    .index_top_area div.fortune_banner{
        max-width: 300px;
        font-size: 1.4rem;
    }
}

@media screen and (max-width:767px){
    .index_top_area div.fortune_banner{
        width: 44%;
        margin: 2vw;
    }
}

/* 会社概要　ごあいさつ部分 */
.grid{
   /*  display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 100px; */

}
.grid-right{
    grid-area: 1 / 2 / 2 / 6;
}
.grid-left{
    grid-area: 1 / 1 / 2 / 2;
}
.grid-left img{
    width: 100%;
    min-width: 320px;
}

@media screen and (max-width: 1400px){
    .grid{
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: clamp(3.125rem, 1.046rem + 4.34vw, 6.25rem);
    }
    .grid-left img{
        min-width: auto;
    }
}

@media screen and (max-width: 767px){
    .grid{
        display: grid;
        grid-template-columns: 1fr;
        grid-row-gap: 50px;
    }
    .grid-right{
        grid-area: 1 / 1 / 2 / 2;
    }
    .grid-left{
        grid-area: 2 / 1 / 3 / 2;
    }
    .grid-left img{
        min-width: 100%;
    }
}

/* PCグロナビ　販売代理店　追加*/
@media (min-width: 768px) {
    .nav-box ul{
        height: 100%;
        align-items: center;
    }
}
.agency{
    height: 100%!important;
    align-items: center;
    /* padding: 0 1920px→20px、768px→10px; */
    padding: 0 clamp(0.625rem, 0.208rem + 0.87vw, 1.25rem);
    background-color: #efcf62;
}
.agency a{
    color: #000!important;
}
.agency a::before {
    display: none!important;
}
.agency a:hover{
    color: #fff!important;
}
.agency a span::before{
    display: block;
    content: '募集中';
    margin-bottom: 10px;
    padding: 3px 0 2px;
    color: #fff;
    font-size: calc(16 / 1920* 100vw);
    border-radius: 4px;
    background-color: #c52b2d;
}
.agency a span::before{
    display: block;
    content: '募集中';
    margin-bottom: 10px;
    padding: 3px 0 2px;
    color: #fff;
    font-size: calc(16 / 1920* 100vw);
    border-radius: 4px;
    background-color: #c52b2d;
}
.hnav-store {
    display: flex!important;
    color: #fff!important;
    /*text-align: center;*/ /* 変更 */
    align-items: center;
    /*padding: 0 15px 0 20px;*/ /* 変更 */
    font-weight: 500;
    width: 100%;
    height:80px;
    padding:20px;
    background-color: #c52b2d;
  }
 /*.hnav-store-box a span::before{
    display: block;
    content: 'オンラインSHOP';
    margin-bottom: 10px;
    padding: 3px 5px 2px;
    font-weight: 500;
    color: #c52b2d;
    font-size: calc(16 / 1920* 100vw);
    border-radius: 10px;
    background-color: #efcf62;
    letter-spacing: -0.01em;
}*/
.store-title{
    background: #efcf62;
    font-size:13px /* calc(16 / 1920* 100vw)*/;
    font-weight: 500;
    letter-spacing: 0.1em;
    color:#c52b2d;
    padding:5px;
}
.hnav-store-box .online{
    display: flex;
    justify-content: space-around; /* ボタンを均等配置 */
    background-color: #c52b2d;
    margin:8.5px 20px;
    gap:10px;
}
.hnav-store {
  position: relative; 
  display: inline-block;
  border-radius: 10px; 
  overflow: hidden;  
}
.hnav-store img {
  display: block;
  width: 100%;
  height: auto;
}
.hnav-store::after {
  content: "";
  position: absolute;
  top: 1.5px;      /* 上下左右を1px内側に */
  left: 1px;
  right: 1px;
  bottom: 1.5px;
  background: white;
  mix-blend-mode: lighten;
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
}
.hnav-store:hover::after {
  opacity: 0.6;
}
.storebox_content{
    height:120px;
}
.onmb{
    display:none;
}
/*.hnav-store-box a::before {
    display: none!important;
}*/

/* トップページのロゴ位置 */
@media (min-width: 1199px){
    .index-main .index-main-bgimage-box .ttl{
        /* top: 88px;
        transform: translateX(-50%); */
        width: 100%;
    }
    .index-main .index-main-bgimage-box .ttl img{
        height: calc(100dvh - 300px);
    }
}
@media (max-width: 1250px){
    .onmb{
    display:flex;
    justify-content: space-around; /* ボタンを均等配置 */
    margin:15px;
    gap:10px;
    align-items: stretch;
    }
    .onmb .btn{
    background-color:#F5F5F5;
    color:black;
    border-radius:5px;
    padding:1em 1em;
    z-index: 0;
}
    .onmb .btn::after{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: rgba(255, 255, 255, 0.5); /* 白半透明を重ねる */  
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
    z-index: 1;
}
    .onmb .btn:hover::after,.btnl:hover::after  {
    opacity: 1;
}
    .btn span,
    .btn {
    position: relative;
    z-index: 2; 
}
    .taka{
    background-image: url("../images/common/storeop.png");
    background-repeat: no-repeat;
    background-position: center;
}
    .btnl{
        font-size:19px;
        font-weight:500;
        letter-spacing:0.05em;
    }
    .store-title{
        padding:7px;
        font-size:12px;
    }
    .hnav-store-box .online{
    display:none;
}
}
@media (max-width: 999px){
    .onmb .btn{
    padding:1.7em 1em;
}
    .onmb{
    margin:15px 5px;
    gap:5px;
    }
    .btnl{
    font-size:14px;
    }
}
@media (max-width: 800px){
    .onmb .btn{
    padding:2em 1em;
}}
@media (max-width: 575px){
    .index-main .index-main-bgimage-box .ttl{
        width: 12%;
    }
}

@media (min-width: 768px) {
    .nav-box ul{
        height: 100%;
        align-items: center;
    }
}
.agency{
    height: 100%!important;
    align-items: center;
    /* padding: 0 1920px→20px、768px→10px; */
    padding: 0 clamp(0.625rem, 0.208rem + 0.87vw, 1.25rem);
    background-color: #efcf62;
}
.agency a{
    color: #000!important;
}
.agency a::before,.hnav-store-box a::before{
    display: none!important;
}
.agency a:hover{
    color: #fff!important;
}
.agency a span::before{
    display: block;
    content: '募集中';
    margin-bottom: 10px;
    padding: 3px 0 2px;
    color: #fff;
    font-size: calc(16 / 1920* 100vw);
    border-radius: 4px;
    background-color: #c52b2d;
}

/* グロナビ */
@media (min-width: 768px) {
    header .hnav-block .hnav-box .nav-box .parent li p.dealer {
        font-size: calc(16 / 1920 * 100vw);
        font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
        font-weight: 500;
        line-height: 1.1;
        display: block;
        margin: 0;
        padding: 0;
        text-align: center;
        color: #707070;
        position: relative;
    }
    header .hnav-block .hnav-box .nav-box .parent li p.dealer small{
        font-size: 66%;
    }
}

/* ハンバーガーメニュー */
.ghnav-box .nav-box ul.parent li.dealer{
    color: #fff;
}

/* フッター */
@media (min-width: 768px) {
    footer .footer-nav-box  {
        display: flex;
        justify-content: center;
        column-gap: 56px;
        padding: 24px;
    }

    footer .footer-nav-box ul{
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    footer .footer-nav-box ul li{
        margin: 0;
        text-align: left;
    }

    footer .footer-nav-box ul li.parent{
        font-weight: bold;
    }

    footer .footer-nav-box ul li p.dealer{
        margin: 0;
        font-size: calc(20 / 1920 * 100vw);
        font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
        color: #707070;
        line-height: 1;
    }
}

/* 簡体字対応 */
a.chinese_sp span{
    font-family: "Noto Serif SC", serif !important;
}