@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');


/* --- Global box-sizing --- */
*,
*::before,
*::after {
    box-sizing: border-box;
}

img,
svg,
video,
canvas {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
}

/* 共通 */
body #tf_base {
    font-size: 18px !important;
}

#tf_base span {
    font-size: 100% !important;
    /* font-weight: 700 !important; */
    /* line-height: 1 !important; */
}

#tf_base hr {
    border-color: transparent;
    margin-bottom: 9px;
}

#contents {
    width: 100% !important;
    /* width: 950px; */
    padding: 0 !important;
    font-family: "Noto Sans JP", serif;
    font-style: normal;
    color: #000 !important;
}

.pc_only {
    display: block;
}

.sp_only {
    display: none;
}

.ib {
    display: inline-block !important;
}

.tf2501_view_timer {
    display: none;
}

#tf2501_contents {
    width: 100%;
    /* background-color: #f9f9f9; */
    background: url(https://www.kojitusanso.jp/common/img/page/campaign/shop_campaign/bg_gold.png) repeat-y top center / 100%;
}

.container {
    width: 100%;
    max-width: 950px;
    /* 
    max-width: 1248px; */
    margin: 0 auto;
}

.img_wrap ul li {
    width: 100%;
}

.img_wrap ul li img {
    width: 100%;
}

ul.note {
    margin: 1em 0 2em 1em;
}

ul.note li {
    margin-bottom: 10px;
}

.campaign_hr {
    background-color: #414d18;
    margin: 3em 0;
}

/* アイテム*/
.sec_item {
    width: 100%;
    margin-top: -100px;
    padding-top: 160px;
    padding-bottom: 5em;
}

.sec_item h2 {
    width: 100%;
    text-align: center;
    font-size: 1.5em;
    margin-bottom: 50px;
    line-height: 1.2;
}

.sec_item h2 small {
    font-size: 70%;
}

.slick-slider .slick-track {
    padding-bottom: 0 !important;
}

#tf_base h3 {
    font-size: 1.2em;
    font-weight: 700;
    text-align: center;
    margin: 1em 0;
    padding: 1em;
}

.item_wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.item_wrap_2item {
    width: 50%;
    margin-top: 2em;
}

.item_wrap_2item_inner {
    display: flex;
}

.item_wrap .item {
    width: 23.5%;
    /* margin-right: 2%;
    margin-bottom: 4%; */
    background-color: #fff;
    border: solid 1px #b5b5b6;
    display: flex;
    align-items: stretch;
    flex-direction: column;
    justify-content: space-between;
    /* height: 100%; */
    position: relative;
}

/* .item_wrap .item {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 4%;
    background-color: #fff;
    border: solid 1px #b5b5b6;
    display: flex;
    align-items: stretch;
    flex-direction: column;
    justify-content: space-between;
     height: 100%; 
    position: relative;
}

*/
.item_wrap_2item_inner .item {
    width: 48%;
}

.item_wrap .item:nth-of-type(4n),
.item_wrap .item:last-of-type {
    margin-right: 0;
}

.item_wrap a,
.item_wrap img {
    display: block;
    width: 100%;
}


.item_wrap p {
    text-align: center;
}

.item_wrap .item_txt {
    width: 100%;
    padding: 0 15px 10px 15px;
}

.item_wrap .brand_name {
    width: 100%;
    font-weight: 400;
    margin-bottom: 10px;
    line-height: 1;
    font-size: 0.8em;
}

.item_wrap .item_name {
    width: 100%;
    font-size: 1.15em;
    letter-spacing: 0;
    font-weight: 700;
    margin-bottom: 9px;
    line-height: 1.2;
}

.item_wrap .item_desc {
    text-align: justify;
    line-height: 1.5;
    margin-bottom: 10px;
    font-size: 0.9em;
}

.item_wrap .price_wrap,
.item_wrap .point_up_wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.item_wrap .price_wrap {
    justify-content: space-around;
    align-items: flex-end;
}

.item_wrap .price_wrap p,
.item_wrap .point_up_wrap p {
    font-family: "Nunito Sans", "Noto Sans JP", sans-serif;
    font-style: normal;
    line-height: 1;
    letter-spacing: 0 !important;
    word-break: break-all;
}

.item_wrap .price_wrap p:first-of-type {
    font-size: 1.15em;
    font-weight: 400;
    position: relative;
    padding-bottom: 2px;
}

/*打消し線*/
/* .item_wrap .price_wrap p:first-of-type::before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #000;
    top: calc(50% - 1px);
    left: 0;
} */

.item_wrap .price_wrap p:last-of-type {
    font-size: 1.95em;
    font-weight: 900;
    /* color: #b02725; */
}

.item_wrap .price_wrap p:last-of-type small {
    /*font-size: 50%;*/
    font-size: 35%;
}

/*
.item_wrap .price_off_rate {
    background-color: #b02725;
    color: #fff;
    font-family: "Nunito Sans", "Noto Sans JP", serif;
    font-style: normal;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1;
    padding: 12px 10px 7px 10px;
}
*/

/*バクダン付きの見出しここから*/
.item_wrap .price_off_rate {
    position: absolute;
    top: -0.1em;
    right: 0.8em;
    font-size: 1.5em;
    font-weight: 700;
}

.item_wrap .price_off_rate,
.item_wrap .price_off_rate:before,
.item_wrap .price_off_rate:after,
.item_wrap .price_off_rate_in,
.item_wrap .price_off_rate .price_off_rate_in:before {
    position: absolute;
    background-color: #b02725;
    width: 3.0em;
    height: 3.0em;
    display: inline-block;
}

.item_wrap .price_off_rate:before,
.item_wrap .price_off_rate:after,
.item_wrap .price_off_rate_in,
.item_wrap .price_off_rate .price_off_rate_in:before {
    content: '';
    top: 0;
    right: 0;
}

.item_wrap .price_off_rate:before {
    transform: rotate(22deg);
}

.item_wrap .price_off_rate:after {
    transform: rotate(-22deg);
}

.item_wrap .price_off_rate_in {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 1;
}

.item_wrap .price_off_rate .price_off_rate_in:before {
    transform: rotate(45deg);
}

.item_wrap .price_off_rate .price_off_rate_in .price_off_rate_in2 {
    position: absolute;
    top: 50%;
    color: #ffffff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*バクダン付きの見出しここまで*/


/*円形の見出しここから*/
/*
.item_wrap .item {
    position:relative;
]
.item_wrap .price_off_rate {
    position:absolute;
    top:-15px;    
    right:0.5em;
    font-size:1.3em;
    font-weight:700;
}
.price_off_rate .price_off_rate_in {
  background-color: #b02725;
  position: relative;
  display: inline-block;
  width: 3.5em;
  height: 3.5em;
  border-radius: 50%;
}
.item_wrap .price_off_rate .price_off_rate_in2 {
  position: absolute;
  left: 0;
  top: 50%;
  color:#ffffff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :3.5em;
}
*/
/*円形の見出しここまで*/



/*フェードインアニメーションここから*/
.fadeInDown {
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -ms-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    visibility: visible !important;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

/*フェードインアニメーションここまで*/



.item_wrap .point_up_wrap {
    background-color: #ffecec;
    justify-content: center;
    padding: 10px;
    /*    border-bottom: solid 1px #b5b5b6;*/
}

.item_wrap .point_up_wrap p {
    font-size: 1.5em;
    color: #b02725;
}

.item_wrap .point_up_wrap span.txt_pt_small {
    font-size: 0.6em !important;
}

.item_wrap .point_up_wrap p:first-of-type {
    font-weight: 700;
    /* position: relative; */
}

/* .item_wrap .point_up_wrap p:first-of-type::before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    top: calc(50% - 1px);
    left: 0;
    background-color: #b02725;
} */

.item_wrap .point_up_wrap p:last-of-type {
    font-weight: 700;
}

/*
.item_wrap .item_stock a { border-bottom: solid 1px #b5b5b6;}
*/

.item_wrap .link_btn a {
    font-size: 1em;
    line-height: 3;
    transition: all .3s;
    background-color: #eeeeee;
}

.item_wrap .link_btn a:hover {
    background-color: #d5d5d5;
    color: #000 !important;
    opacity: 1 !important;
}


/* 共通 */




/* トップ */
#tf_base {
    width: 100%;
    /* background-color: #f9f9f9; */
    background: url(https://www.kojitusanso.jp/common/img/page/campaign/shop_campaign/bg_gold.png) repeat-y top center / 100%;
}

#tf_base h1 {
    /* max-width: 950px; */
    max-width: 1920px;
    margin: 0 auto;
    padding: 0;
}

#tf_base h1 img {
    width: 100%;
}



/* トップ */


/* イントロ*/

.tf2501_intro {
    width: 100%;
    margin-bottom: 3em;
}

.tf2501_intro p {
    width: 100%;
    padding: 2em 0;
    text-align: center;
    font-size: 1.4em;
    line-height: 1.4;
}

.point {
    width: 100%;
}

.point img {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    display: block;
}

.tf2501_intro ul {
    width: 100%;
    text-align: center;
}

/* .tf2501_intro ul li:first-child {
    margin-right: 2%;
} */

/* キャンペーン情報 */

.campaign {
    width: 100%;
}

.img_wrap {
    width: 100%;
    text-align: center;
    margin-bottom: 2em;
    text-align: center;
}

.sale_img {
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
}

.img_wrap p {
    padding: 2em 0;
    font-size: 1.4em;
    line-height: 1.4;
}

.img_wrap h3 {
    padding: 1em 0;
    font-size: 1.8em !important;
}

.tit_wrap h2 {
    text-align: center;
    color: #184313;
    font-size: 2em;
    margin: 3em 0 1em 0;
}

.end {
    padding: 2em 0;
}

.end h5 {
    font-family: 'Noto Sans JP', sans-serif !important;
    text-align: center;
    font-size: 1.6em;
}

/* クリアランス商品 */
#clearance_item .recommend_ttl {
    color: #b02725;
    margin-bottom: 25px;
    padding: 0;
}

#clearance_item ul {
    width: 100%;
    text-align: center;
    margin-bottom: 55px;
}

#clearance_item ul li {
    font-size: 1.2em !important;
    font-weight: 400 !important;
}

#clearance_item .clearance_price_ttl,
#clearance_item .clearance_price_ttl img {
    width: 100%;
}

#clearance_item .clearance_price_ttl {
    margin-bottom: 80px;
}

#clearance_item .txt_premium {
    font-size: 0.5em !important;
}

/* クリアランス商品 */

/* 営業時間 */
#eigyou,
#eigyou2 {}

#eigyou2 {
    margin-bottom: 100px;
}

#eigyou img,
#eigyou2 img {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
}

/* 営業時間 */

/* ザ・ノース・フェイス15%OFF */
#tnf_off {
    margin-bottom: 50px;
}

#tnf_off img {
    width: 70%;
    margin: 0 auto;
    display: block;
}

/* ザ・ノース・フェイス15%OFF */

/* パタゴニアポイント還元 */
#patagonia_point {
    margin-bottom: 50px;
}

#patagonia_point img {
    width: 70%;
    margin: 0 auto;
    display: block;
}

/* パタゴニアポイント還元 */


/*============================
 shop
============================*/

.bgnone {
    background: none;
}

.shop {
    background-color: #eee;
    margin: 80px 0;
    padding: 0 0 40px;
}

.shop h4 {
    background: url(https://www.kojitusanso.jp/common/img/page/campaign/cp_template/shop_bk.jpg) repeat center top;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 500px;
    font-size: 45px;
    color: #fff;
    text-align: center;
    font-weight: 900;
}

.shop_ttl {
    font-size: 24px;
    color: #00533a;
    text-align: center;
    font-weight: 700;
    margin: 30px 0;
}

.shop_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin: 0 auto;
}

.shop_list {
    width: 23%;
    margin: 0 1% 10px;
}

.shop_list a {
    background-color: #fff;
    font-size: 20px;
    display: block;
    text-align: center;
    border: solid 2px #065d42;
    color: #065d42;
    font-weight: 500;
    line-height: 50px;
}


/* ================================================== */
/* ここからレスポンシブ */
/* ================================================== */

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

    /* 2025大感謝祭共通 */
    body {
        font-size: 14px !important;
    }

    .container {
        width: 100%;
        max-width: 910px;
    }

    /* 2025大感謝祭共通 */
}



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

    /* 2025大感謝祭共通 */
    .container {
        width: 100%;
        /* max-width: 90%; */
    }

    /* 2025大感謝祭共通 */

    /* ナビゲーション */
    #tf2501_navi ul li:first-child {
        border-left: none;
    }

    #tf2501_navi ul li:last-child {
        border-right: none;
    }

    /* ナビゲーション */
}



@media screen and (max-width:1024px) and (min-width:768px) {

    /* iPad対応 */
    .container {
        width: 100vw;
        max-width: 100vw;
    }

    .sale_img {
        max-width: 500px
    }

    .item_wrap {
        display: flex;
        flex-wrap: wrap;
        gap: 2%;
    }

    .item_wrap .item {
        width: calc((100% - 4%) / 3);
        margin-right: 0;
    }

    .item_wrap .item:nth-of-type(3n),
    .item_wrap .item:last-of-type {
        margin-right: 0;
    }

    .item_wrap_2item {
        width: 100%;
    }

    .item_wrap_2item_inner .item {
        width: 48%;
    }

    .sec_item h2 {
        /* font-size: 1.5em; */
    }

    .btn {
        max-width: 100%;
        padding: 16px 24px;
        font-size: 16px;
    }

}

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

    /* 2025大感謝祭共通 */
    .container {
        /* width: 90%; */
        /* padding: 70px 0; */
    }

    .sec_item {
        margin-top: -120px;
        padding-top: 150px;
    }

    /* .item_wrap .item {
        width: 31.3%;
        margin-right: 3%;
    } */

    .item_wrap .item:nth-of-type(3n),
    .item_wrap .item:last-of-type {
        margin-right: 0;
    }

    .item_wrap .price_wrap {
        justify-content: center;
    }

    .item_wrap .price_wrap p:last-of-type {
        /*font-size: 1.55em;*/
        font-size: 2.2em;
        font-weight: 900;
        /* color: #b02725; */
    }

    .item_wrap .point_up_wrap p {
        font-size: 1.3em;
    }

    .sec_item h2 {
        font-size: 1.5em;
    }

    /* 2025大感謝祭共通 */

    /* ナビゲーション */
    #tf2501_navi ul li a {
        line-height: 3.5;
    }

    #tf2501_navi {
        top: 50px;
    }

    /* ナビゲーション */

    /* 割引率 */
    .item_wrap .price_off_rate {
        font-size: 0.9em;
    }

    /* 割引率 */

    /* いち推しアイテム */
    #recommend_item ul li {
        font-size: 1em !important;
        text-align: left;
    }

    /* いち推しアイテム */

    /* クリアランス商品 */
    #clearance_item ul li {
        font-size: 1em !important;
    }

    /* クリアランス商品 */

    /* ザ・ノース・フェイス15%OFF */
    #tnf_off {
        margin-top: -110px;
        padding-top: 160px;
        margin-bottom: 0;
    }

    #tnf_off img {
        width: 100%;
    }

    /* ザ・ノース・フェイス15%OFF */

    /* パタゴニアポイント還元 */
    #patagonia_point {
        margin-top: -110px;
        padding-top: 160px;
        margin-bottom: 50px;
    }

    #patagonia_point img {
        width: 100%;
    }

    /* パタゴニアポイント還元 */
}



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

    /* 2025大感謝祭共通 */
    .pc_only {
        display: none;
    }

    .sp_only {
        display: block;
    }

    .sec_item h2 {
        font-size: 2.2em;
    }

    /* 2025大感謝祭共通 */

    /* ナビゲーション */
    #tf2501_navi ul li {
        width: 50%;
    }

    #tf2501_navi ul li:first-child,
    #tf2501_navi ul li:nth-child(2) {
        border-bottom: solid 1px #005240;
    }

    #tf2501_navi ul li:nth-child(2) {
        border-right: none;
    }

    /* ナビゲーション */

    /* 割引率 */
    .item_wrap .price_off_rate {
        font-size: 0.9em;
    }

    /* 割引率 */
}



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

    /* 共通 */
    .tit_wrap h2 {
        font-size: 1.8em;
        margin: 3em 0 1em 0;
    }

    .tf2501_intro p {
        width: 100%;
        padding: 2em 1em;
        text-align: left;
        font-size: 1em;
        line-height: 1.8;
    }

    .point {
        padding: 0 1em;
    }

    .point ul li {
        font-size: 90%;
    }

    .img_wrap {
        padding: 0 1em;
    }

    .img_wrap p {
        text-align: left;
        font-size: 1em;
        line-height: 1.8;
    }

    .img_wrap p span {
        font-size: 85% !important;
        line-height: 1.8 !important;
        display: inline-block;
        margin-top: 0.5em;
    }

    .img_wrap h3 {
        font-size: 1.2em !important;
    }

    .item_wrap {
        justify-content: space-between;
    }

    .item_wrap_2item {
        width: 100%;
    }

    .item_wrap .item {
        width: 48%;
        margin-right: 0;
        min-width: 200px;
    }

    .item_wrap .brand_name,
    .item_wrap .item_desc {
        font-size: 3vw;
    }

    .item_wrap .item_name,
    .item_wrap .price_wrap p:first-of-type {
        font-size: 4vw;
    }

    .item_wrap .price_wrap p:last-of-type {
        font-size: 6.5vw;
    }

    .item_wrap .price_off_rate {
        font-size: 6vw;
        padding: 5px;
    }

    .item_wrap .shop_stock {
        font-size: 3.3vw;
        line-height: 2.7;
    }

    .item_wrap .item_txt {
        padding: 0 10px 5px 10px;
    }

    .item_wrap .point_up_wrap {
        padding: 7px;
    }

    .item_wrap .point_up_wrap p {
        font-size: 4.7vw;
    }

    .sec_item h2 {
        /* font-size: 7vw; */
        font-size: 1.5em;
        margin-bottom: 25px;
        letter-spacing: 0.1rem !important;
    }

    .item_wrap .link_btn a {
        font-size: 3vw;
        padding: 6px 0;
    }


    /* クリアランス商品 */
    #clearance_item .clearance_price_ttl {
        margin-bottom: 40px;
    }

    #clearance_item ul {
        margin-bottom: 25px;
    }

    #clearance_item ul li {
        font-size: 3vw !important;
    }

    /* クリアランス商品 */

    /* 割引率 */
    .item_wrap .price_off_rate {
        font-size: 0.9em;
    }

    /* 割引率 */

    /*============================
 shop
============================*/
    .shop {
        background-color: #eee;
        margin: 50px 0;
        padding: 0 0 40px;
    }

    .shop h4 {
        background: url(https://www.kojitusanso.jp/common/img/page/campaign/cp_template/shop_bk.jpg) repeat center top;
        background-size: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 280px;
        font-size: 26px;
        color: #fff;
        text-align: center;
        font-weight: 900;
    }

    .shop_ttl {
        font-size: 20px;
        color: #00533a;
        text-align: center;
        font-weight: 700;
        margin: 30px 0;
    }

    .shop_wrap {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: 100%;
        margin: 0 auto;
    }

    .shop_list {
        width: 23%;
        margin: 0 1% 10px;
    }

    .shop_list a {
        background-color: #fff;
        font-size: 20px;
        display: block;
        text-align: center;
        border: solid 2px #065d42;
        color: #065d42;
        font-weight: 500;
        line-height: 1.2;
        padding: 15px 0;
    }
}


/* iOS */
.fullwidth-ios {
    width: 100vw;
    max-width: 100vw;
}


/* 20251205追加 */

/* 基本設定 */

.btn_wrap {
    width: 100%;
    text-align: center;
}

.btn {
    margin: 1em auto;
    width: 100%;
    max-width: 960px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 18px 36px;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Noto Sans JP', sans-serif;
    border-radius: 999px;
    cursor: pointer;
    position: relative;
    gap: 12px;
    transition: 0.2s ease;
    box-sizing: border-box;
}

/* --------------------------------------------
  黒ボタン（通常：影あり → ホバー：影なし）
-------------------------------------------- */
.btn-black {
    background: #000;
    color: #fff;
    border: none;
    box-shadow: 0px 6px 0px #e5e5e5;
}

.btn-black:hover {
    box-shadow: none;
}

/* 左の矢印（白） */
.btn-black::before {
    content: "";
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGxpbmUgeDE9IjAiIHkxPSI0IiB4Mj0iMTAiIHkyPSI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIvPjxwb2x5bGluZSBwb2ludHM9IjYsMCAxMCw0IDYsOCIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9Im5vbmUiLz48L3N2Zz4=");
    background-size: contain;
    background-repeat: no-repeat;
}

/* --------------------------------------------
  小さい黒ボタン
-------------------------------------------- */
.btn-black-sm {
    background: #000;
    color: #fff;
    padding: 12px 28px;
    font-size: 16px;
    border: none;
}

/* 白丸の中に黒矢印 */
.btn-black-sm::before {
    content: "";
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #fff url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGxpbmUgeDE9IjAiIHkxPSI0IiB4Mj0iMTAiIHkyPSI0IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIvPjxwb2x5bGluZSBwb2ludHM9IjYsMCAxMCw0IDYsOCIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9Im5vbmUiLz48L3N2Zz4=") center/12px no-repeat;
}

/* --------------------------------------------
  白アウトラインボタン（右矢印）
-------------------------------------------- */
.btn-white {
    background: #fff;
    color: #000;
    border: 3px solid #000;
    padding: 16px 32px;
    font-size: 18px;
    gap: 18px;
    /* box-shadow: 0px 6px 0px #e5e5e5; */
    box-shadow: 0px 6px 0px #897a27;
}

/* 黒丸の中に白矢印（右側） */
.btn-white::before {
    content: "";
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #000 url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGxpbmUgeDE9IjAiIHkxPSI0IiB4Mj0iMTAiIHkyPSI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIvPjxwb2x5bGluZSBwb2ludHM9IjYsMCAxMCw0IDYsOCIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9Im5vbmUiLz48L3N2Zz4=") center/12px no-repeat;
}

.btn-white:hover {
    box-shadow: none;
}

/* --------------------
slickslider custum
-------------------------*/

.slick-slider {
    display: block;
    position: relative;
    box-sizing: border-box;
}

/* .slick-slide {
    display: none;
    float: left;
    height: auto;
    min-height: 1px;
} 

.slick-initialized .slick-slide {
    display: block;
}*/

.slick-prev,
.slick-next {
    z-index: 50;
    width: 45px;
    height: 45px;
}

.slick-prev:before,
.slick-next:before {
    content: "" !important;
    display: block;
    width: 100%;
    height: 100%;
}

.item_wrap .slick-prev:before {
    background: url(/common/img/home/slider_arrow_prev.png) no-repeat center / 100%;
}

.item_wrap .slick-next:before {
    background: url(/common/img/home/slider_arrow_next.png) no-repeat center / 100%;
}

.item_wrap .slick-prev {
    left: 0;
}

.item_wrap .slick-next {
    right: 15px;
}

.view_timer {
    display: none;
}

.item_wrap .slick-prev {
    z-index: 9;
}

.item_wrap button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
}

.item_wrap slick-arrow {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 0;
    width: 20px;
    height: 38px;
    color: transparent;
    z-index: 1;
    transition: opacity 0.5s;
    z-index: 1;
}

.item_wrap .slick-arrow:hover {
    opacity: 0.7;
}

/* .item_wrap .slick-next::before,
.item_wrap .slick-next::after,
.item_wrap .slick-prev::before,
.item_wrap .slick-prev::after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.item_wrap .slick-next::after,
.item_wrap .slick-prev::after {
    width: 20px;
    height: 20px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

.item_wrap .slick-next {
    right: 25px;
}

.item_wrap .slick-next::after {
    right: 4px;
    transform: rotate(45deg);
}

.item_wrap .slick-prev {
    left: 25px;
}

.item_wrap .slick-prev::after {
    left: 4px;
    transform: rotate(-135deg);
} */

.item_wrap .slick-prev {
    left: 7px;
}

.item_wrap .slick-next {
    right: 8px;
}