body.body-home .wrapper{
overflow:hidden;
}
.slick-dots li button:before{
font-size: 12px!important;
content: '●'!important;
}
.wrapper .__inner .__content-home-top{
margin-bottom: 1.5em;
width: 100vw;
margin: 0 calc(50% - 50vw);
}
.slick-slide img{
width:100%;
}
header.header{
    display: grid;
    grid-template-columns: 180px calc(98% - 180px);
    gap: 2%;
    padding: 0 1% 15px 1%;
}
header.header .__content-top{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    order:2;
    padding-top: 15px;
}
header.header .__content-top .searchbox{
    width:calc(100% - 320px);
    border:1px solid #000000;
    border-radius: 10px;
    padding:10px 5px;
    display: flex;
    justify-content: space-between;
    position: relative;
    top:5px
}
header.header .__content-top .searchbox input:focus {
  outline: none;
}

header.header .__content-top .searchbox button{
    background-color: transparent;
    border:none;
    width:42px;
}
header.header .__content-top .searchbox button img{
    width: 66%;
    display: block;
    margin: 0 auto;
}
header.header .__content-top .searchbox input{
    border:none;
    width:calc(100% - 36px)
}
header.header .__content-top .shoptool{
    width:100px;
    display:flex;
    justify-content:flex-end;

}
header.header .__content-top .shoptool a{
    width:40%;
    display:block;
    text-align: center;
    font-size:11px;
    white-space: nowrap;
    margin:5%
}
header.header .__content-top .shoptool a img{
    width:100%;
    display:block;
}
header.header .__content-top .entry{
    width:180px;
    position: relative;
    top:-15px;    
}
header.header .__content-top .entry .wrap{
    display: flex;
    padding:0.5rem;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background-color: #000000;
    border-radius: 0 0 10px 10px;
    transition: 1s all;
}
header.header .__content-top .entry .wrap:hover{
    opacity: 0.8;
}

header.header .__content-top .entry .wrap img{
    max-width: 32px;
    margin-right: 5px;
}
header.header .__banner{
    order:1;
}
header.header .gnav-pc{
    display: none;
}


.sidecontent .searchbox{
    width:100%;
    border:1px solid #000000;
    border-radius: 10px;
    padding:10px 5px;
    display: flex;
    justify-content: space-between;
    margin-bottom:15px;
}
.sidecontent .searchbox button{
    background-color: transparent;
    border:none;
    width:42px;
}
.sidecontent .searchbox button img{
    width: 66%;
    display: block;
    margin: 0 auto;
}
.sidecontent .searchbox input{
    border:none;
    width:calc(100% - 36px);
}
.sidecontent .entry{
    width:100%;
    margin-bottom: 15px;
}
.sidecontent .entry .wrap{
    display: flex;
    padding:15px 5px;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background-color: #000000;
    border-radius:10px;
    transition: 1s all;
}
.sidecontent .entry .wrap:hover{
    opacity: 0.8;
}
.sidecontent .entry .wrap img{
    max-width: 32px;
    margin-right: 5px;
}
.sidecontent .searchlist{
    padding: 0;
    margin:0 0 15px 0;
}
.sidecontent .searchlist li{
    list-style-type: none;
    margin-bottom: 5px;
}
.sidecontent .searchlist li a{
    display: flex;
    width:calc(100% - 2px);
    height: 80px;
    justify-content: space-between;
    align-items: center;
    border:1px solid #000000;
    padding:0 10px;
}
.sidecontent .searchlist li a:after{
    content:'';
    display: block;
    width:10px;
    height:10px;
    border-right:2px solid #000000;
    border-bottom:2px solid #000000;
    transform:rotate(-45deg);
}
.sidecontent .searchlist li strong{
    display: block;
    line-height: 1.2;
    font-weight: normal;
}
.sidecontent .searchlist li a small{
    display: block;
    font-size:21px;
}
.aside section.__block.__block--category .__body ul.__tree > li.__item{
    margin:0;
    padding:0.5em 0
}
.aside section.__block.__block--category .__body ul.__tree > li.__item:last-child{
    border-bottom: 1px solid #e6e6e6;
}

.aside section.__block.__block--calendar ul li{
    padding:0
}
.aside section.__block:not(:last-child){
    margin-bottom:5px;
}
.__block--banner img{
    display: block;
}
.__block--category h3 span:after{
    content: 'から探す';
    display: inline-block;
}
.main.main--home section.__block.__block--news .__body ul{
    border-bottom: 1px solid #000000;
}
.main.main--home section.__block.__block--news .__body ul li > a span.__date,
.main.main--home section.__block.__block--news .__body ul li > span span.__date{
    padding:15px 5px;
}
.main.main--home section.__block.__block--news .__body ul li > a span.__title,
.main.main--home section.__block.__block--news .__body ul li > span span.__title{
    padding:15px 5px;
}
.top_main_banner ul{
    padding: 0;
    display: grid;
    grid-template-columns: 48% 48%;
    gap:4%;
}
.top_main_banner li {
    list-style-type: none;
}
.top_main_banner li img{
    width:100%;
    display: block;
}
.main.main--home section.__block:not(:last-child){
    margin-bottom: 4em;
}
.__block--pro-new .__more{
    display: none;
}
.main.main--home section.__block.__block--feature .__body ul li{
    width:50%;
}


.top_main_feature {
    margin-bottom:4em
}
.top_main_feature h2{
    margin-bottom:1em
}
.top_main_feature ul{
    display: flex;
    padding:0;
    margin:0 1em;
    flex-wrap: wrap;
    justify-content: space-between;
}
.top_main_feature li{
    list-style-type: none; 
    padding:0; 
    margin-bottom:0.5em;
    width:49%
}
.top_main_feature li img{ 
    width:100%; 
    display: block;
}
.top_main_feature li a{ 
    display: block;
}


/* ブランド一覧の5列グリッド化 */
.top_main_brand ul {
  display: grid;
  grid-template-columns: repeat(5, 1fr); /* 5列 */
  gap: 20px; /* グリッド間隔 */
  list-style: none;
  padding: 0;
  margin: 0;
}

/* 各ブランドアイテムのスタイル（黒枠＋中央寄せ） */
.top_main_brand li {
  border: 1px solid #000; /* 黒枠 */
  padding: 10px;
  text-align: center;
  background-color: #fff;
  box-sizing: border-box;
  transition: transform 0.2s;
}

.top_main_brand li:hover {
  transform: scale(1.03); /* ホバー時の軽い拡大（任意） */
}

/* 画像サイズ調整（任意） */
.top_main_brand li img {
  max-width: 100%;
  height: auto;
}

/* ブランド名のスタイル（smallタグ） */
.top_main_brand li small {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  color: #333;
}



.top_main_maker {
    margin-bottom:4em
}
.top_main_maker h2{
    margin-bottom:1em
}
.top_main_maker ul{
    display: flex;
    padding:0;
    margin:0 1em;
    flex-wrap: wrap;
    justify-content: space-between;
}
.top_main_maker li{
    list-style-type: none; 
    padding:0; 
    margin-bottom:15px;
    width:32%
}
.top_main_maker li a{ 
    display: flex;
    font-size:16px;
}
.top_main_maker li a:before{
    content:'□';
    margin:0 5px 0 0;
}







.pickupnav{
    margin:0 auto;
    padding:25px 0;
    width:98%;
    max-width:1000px;
    display: flex;
    justify-content: space-between;
}
.pickupnav a{
    width:calc(24% - 10px);
    padding:0 10px;
    display: flex;
    height:80px;
    background-color: #ffffff;
    align-items: center;
}
.pickupnav a img{
    width:18%;
    display: block;
    margin-right: 2%;
}
.pickupnav a strong{
    width:80%;
    display: block;
    font-size:14px;
    line-height: 1.2;
    font-weight: normal;
}
.pickupnav a strong small{
    display: block;
    font-size:18px;
}
.footer nav.__nav, .footer .__copyright{
    text-align: center;
}



@media (max-width: 599px) {
    header.header{
        display: flex;
        position: relative;
        flex-direction: column;
    }
    header.header .__banner{
        width:100%;
    }
    .header .__banner .__wrap{
        padding: 15px;
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
    }
    .header .__banner .__wrap a.__logo{
        width:45%;
    }
    .header .__banner .__wrap .__view-cart{
        display: none;
    }
    header.header .__content-top{
        width:100%;
        display: flex;
        justify-content: space-between;
        padding:0 15px
    }
    header.header .__content-top .searchbox{
        width:48%;
    }
    header.header .__content-top .entry{
        width:48%;
        top:5px;
    }
    header.header .__content-top .shoptool{
        position: absolute;
        top:10px;
        right:60px;
    }
    header.header .__content-top .shoptool a{
        font-size:10px;
    }
    header.header .__content-top .shoptool a img{
        width:80%;
        margin:0 auto;
    }

    header.header .__content-top .entry .wrap{
        border-radius: 10px;
        border:1px solid #000000;
    }
    .main.main--home section.__block.__block--news .__body ul li > a span.__date,
    .main.main--home section.__block.__block--news .__body ul li > span span.__date{
        padding:0;
    }
    .main.main--home section.__block.__block--news .__body ul li > a span.__title,
    .main.main--home section.__block.__block--news .__body ul li > span span.__title{
        padding:0;
    }
    .__block--news{
        width:90%;
        margin-left:auto;
        margin-right:auto;
    }
    .top_main_banner{
        width:90%;
        margin-left:auto;
        margin-right:auto;
    }
    .top_main_banner ul{
        display: block;
    }
    .top_main_banner li{
        width:100%;
        margin-bottom:10px
    }
    .__block--feature,
    .__block--pro-ranking,
    .__block--pro-recommend,
    .__block--free,
    .__block--category,
    .__block--calendar,
    .__block--banner,
    .__block--pro-new{
        width:90%;
        margin-left:auto;
        margin-right:auto;
    }
    .main.main--home section.__block.__block--feature .__body ul li{
        width:100%;
    }

    .top_main_brand li{
        width:48%;
    }
    .top_main_maker li{
        width:100%;
    }


    .__block--banner{
        display: inline-block;
        width:45%;
        margin:2.2%
    }
    .pickupnav{
        width:90%;
        flex-wrap: wrap;
    }
    .pickupnav a{
        width:48%;
        margin-bottom:5px
    }
    .pickupnav a strong{
        font-size: 11px;
    }
    .pickupnav a strong small{
        font-size: 15px;
    }
    .footer nav.__nav ul{
        display: block;
        width:90%;
        margin-left:auto;
        margin-right:auto;
    }
    .footer nav.__nav ul li{
        display: block;
    }
    .footer nav.__nav ul li a{
        display: flex;
        padding:10px 0;
        justify-content: space-between;
        border-bottom: 1px solid #000000;
        border-right: none;
        text-decoration: none;
    }
    .footer nav.__nav ul li a:after{
        content:'';
        display: block;
        width:5px;
        height:5px;
        border-right:1px solid #000000;
        border-bottom:1px solid #000000;
        transform:rotate(-45deg);
    }

[id] {
  scroll-margin-top: 80px; /* ヘッダーの高さに合わせて調整 */
}