@charset "utf-8";
/* CSS Document */

/* 全体 */
html {
scroll-behavior: smooth;
}


.pc{
display: block;
}

.sp{
display: none;
}

.cp_wrap {
width: 100%;
font-family: "Noto Sans JP", sans-serif;
background-color:#fcfbf5;
 background-image: url("/PC/ja/asset/img/nw/feature/sale_set_2601/bg_ss.webp");
background-repeat: repeat-y;
  background-position: center;
  background-size:contain;
}

.cp_wrap_inner {
width: 100%;
max-width: 960px;
margin: 0 auto;
margin: 0 auto;
padding: 20px;
box-sizing: border-box;
}

.title_sub{
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
font-size: 2.4rem;
margin: 0 auto 1em;
text-align: center;
display: block;
}

.cp_wrap_inner h1 {
text-align: center;
color: rgb(189, 0, 3);
line-height: 1.3;
font-size: 26px;
margin: 0 0 1em 0;
}

.cp_wrap_inner h2 {
text-align: center;
margin: 20px auto 0;
display: block;
width: 100%;
max-width: 800px;
}

.headline{
text-align: center;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
font-size: 1.5rem;
line-height: 1.4;
margin-bottom: 1em;
}

.items{
width: calc(50% - 10px);
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 10px 0;
border-bottom: dotted #B63031 2px;
}

.items.items_full{
width: 100%;
/*max-width: 740px;*/
margin: 0 auto;
}

.items.items_full >.items_img{
width: 100%;
margin: 20px auto;
image-rendering: -webkit-optimize-contrast;
}

.items_img{
width: 100%;
height: auto;
image-rendering: -webkit-optimize-contrast;
margin-top: 20px;
}


.btn_02 a{
border-radius: 25px;
border: solid 3px  #a3362f;/*▽20221226変更*/
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin: 20px auto;
width: 300px;
height: 50px;
padding: 10px 25px;
color: #a3362f;/*▽20221226変更*/
transition: 0.3s ease-in-out;
text-decoration: none;
box-sizing: border-box;
font-size: 18px;
font-weight: bold;/*▽20221226変更*/
font-family: 'Zen Antique', serif;
}

.btn_02 a:after {
content: url(/BASE/asset/img/feature/newyear_sale/arrow_icon_c.png);/*▽20221226変更*/
position: relative;
margin-right: 2px;
margin-top: 5px;
}


.btn_02 a:hover{
background: #a3362f;/*▽20221226変更*/
color: #FFF;
}
.btn_02 a:hover::after {
content: url(/BASE/asset/img/feature/allseason/new/arrow_icon.png);/*▽20221226追加*/
}

.link_note{
display: block;
width: 700px;
text-align: left;
font-size: 13px;
margin: 15px auto 30px
}

.details {
line-height: 1.5;
color: #606060;
width: 800px;
margin-top:20px;
font-weight: bold;
overflow: hidden;
/*border: solid 2px  #606060;
border-radius: 25px;*/
box-sizing: border-box;
}

.details input[type=checkbox] {
display: none;
}

.details__summary {
border-radius: 25px;
border: solid 3px  #a3362f;/*▽20221226変更*/
position: relative;
display: block;
margin: 0 auto;
padding: 12px 5px 3px;
width: 300px;
height: 50px;
padding: 10px 25px;
color: #a3362f;/*▽20221226変更*/
transition: 0.3s ease-in-out;
text-decoration: none;
box-sizing: border-box;
font-size: 18px;
font-weight: bold;/*▽20221226変更*/
cursor: pointer;
text-align: center;
font-family: 'Makinas 4 Flat'

}
.details__summary:first-child {
margin-top: 0;
}

.details__summary::before{
display: inline-block;/*忘れずに！*/
width: 30px;/*画像の幅*/
height: 30px;/*画像の高さ*/
content: "";
box-sizing: border-box;
position: absolute;
top: calc(10%);
left: 30px;
background-image: url(/BASE/asset/img/feature/kcar_sale/car_b.gif);
background-size: contain;
vertical-align: middle;
}

.details__summary::after{
display: block;
content: "";
box-sizing: border-box;
position: absolute;
top: calc(50% - 3px );
right: 40px;
width: 6px;
height: 6px;
border: 6px solid transparent;
border-left: 6px solid #a3362f;
transition: all 0.4s ease-out;
transform-origin: 3px 6px;
transform: rotate(90deg);
}


.details__content {
overflow: hidden;
transition: line-height 0.4s ;
line-height: 0;
border-top: none;
opacity: 0;
margin: 0;
padding: 0 ;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.details__content a {
text-decoration: none;
}

input[type=checkbox]:checked + .details__summary::before {
transform: scale(120%);
}
input[type=checkbox]:checked + .details__summary::after {
transform: rotate(-90deg);
}
input[type=checkbox]:checked + .details__summary + .details__content {
line-height: 2;
opacity: 1;
padding: 16px;
}

.c_txt{
width: 100%;
text-align: center;
border-bottom: none!important;
font-size: 18px;
}

.c_maler{
width: 100%;
text-align: center;
border-bottom: none!important;
}



.details__content li{
margin: 0 10px;
border-bottom: dotted 1px #414141;
position: relative;
display: block;
}

.acd-check{
display: none;
}
.acd-label{
border-radius: 100vh;
border: solid 3px  #d1491f;/*▽20221226変更*/
background-color: #fff;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
margin: 0px auto 20px;
width: 100%;
height: 50px;
padding: 30px;
color: #d1491f;/*▽20221226変更*/
transition: 0.3s ease-in-out;
text-decoration: none;
box-sizing: border-box;
font-size: 22px;
font-weight: bold;/*▽20221226変更*/
cursor: pointer;
text-align: center;
}

.acd-label:before{
display: block;
width: 60px;/*画像の幅*/
height: 60px;/*画像の高さ*/
content: "";
box-sizing: border-box;
background-image: url("/PC/ja/asset/img/nw/feature/sale_set_2601/car_icon.webp");
background-size: contain;
vertical-align: middle;
margin: 0 5px 6px 0;
}

.acd-label::after {
    content: "";
    width: 26px;
    height:26px;
    margin-left: 10px;

    /* ▼（下向き） */
    background: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'>\
<polygon points='1,3 9,3 5,8' fill='%23d1491f'/>\
</svg>") no-repeat center / contain;

    transition: transform 0.4s ease;
    transform: rotate(0deg);
}

/* ▲（上向き） */
input[type=checkbox]:checked + .acd-label::after {
    transform: rotate(180deg);
}

.acd-content{
display: block;
height: 0;
opacity: 0;
padding: 0 10px;
transition: .5s;
visibility: hidden;
}

.acd-content p{
font-size: 18px;
display: block;
font-weight: bold;
text-align: center;
}

.acd-check:checked + .acd-label + .acd-content{
height: auto;
opacity: 1;
padding: 10px;
visibility: visible;
}


.acd-content ul{
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin:0;
padding: 0;
}

.acd-content ul li{
margin:5px 10px;
border-bottom: dotted 1px #414141;
position: relative;
display: block;
}

.car_maker{
width: 100%;
text-align: left;
position: relative;
border-bottom: none!important;
margin-top: 20px!important;
margin-bottom: 20px!important;
margin-left: 0 !important;
}
.car_maker p{
display: block;
margin-left: 60px;
text-align: left;
font-size: 16px;
color: #505050;
}

.car_maker:before{
display: inline-block;
width: 60px;/*画像の幅*/
height: 60px;/*画像の高さ*/
content: "";
box-sizing: border-box;
position: absolute;
top:50%;
left: 0;
transform: translateY(-50%);
background-size: contain;
vertical-align: middle;
}
.toyota:before{
background-image: url(https://www.fujicorporation.com/BASE/asset/img/logo/car_maker_1.png);
}

.nissan:before{
background-image: url(https://www.fujicorporation.com/BASE/asset/img/logo/car_maker_2.png);
}

.honda:before{
background-image: url(https://www.fujicorporation.com/BASE/asset/img/logo/car_maker_3.png);
}

.mazda:before{
background-image: url(https://www.fujicorporation.com/BASE/asset/img/logo/car_maker_4.png);
}
.mitsubishi:before{
background-image: url(https://www.fujicorporation.com/BASE/asset/img/logo/car_maker_5.png);
}

.subaru:before{
background-image: url(https://www.fujicorporation.com/BASE/asset/img/logo/car_maker_6.png);
}

.daihatsu:before{
background-image: url(https://www.fujicorporation.com/BASE/asset/img/logo/car_maker_7.png);
}

.suzuki:before{
background-image: url(https://www.fujicorporation.com/BASE/asset/img/logo/car_maker_8.png);
}

.lexus:before{
background-image: url(https://www.fujicorporation.com/BASE/asset/img/logo/car_maker_35.png);
}
/*ナビ部分*/
ul.allseason_nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 30px 0;
padding: 0;
list-style: none;
width: 960px;
}

ul.allseason_nav li{
width:calc(25% - 10px);
color: #CC0003;
font-size: 14px;
text-align: center;
box-sizing: border-box;
border: solid 2px #00620B;
padding: 0.5em 0.15em;
border-radius: 5px;
font-weight: bold;
}

.arrow_u {
position: relative;
display: inline-block;
padding-left: 20px;
color: #00620B;
text-decoration: none;
}
.arrow_u:before {
content: '';
width: 8px;
height: 8px;
border: 0;
border-bottom: solid 2px #00620B;
border-right: solid 2px #00620B;
position: absolute;
top: 50%;
left: 0;
margin-top: -6px;
transform: rotate(45deg);
}

/*コンテンツ部分*/
.block_01,.block_02,.block_03,.block_04{
width: 100%;
margin: 10px auto 20px;
box-sizing: border-box;

}

.block_content{
width: 900px;
margin: 0 auto 30px;
padding: 20px ;
box-sizing: border-box;
}

.block_content.contet_01{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.contet_01_img{
width: 99px;
margin-right: 80px;
}

.contet_01_img img{
width: 99px;
height: auto;
margin-top: 10px;
}


.contet_01_txt{
width: calc(100% - 180px)
}



.contet_01_txt p{
display: block;
font-size: 14px;
line-height: 1.6;
color: #FFFFFF;
word-break: keep-all;
line-break: strict;
word-wrap: break-word;
overflow-wrap: break-word;

}

.contet_01_txt p > span{
font-size: 12px;
}


.contet_02_item{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

.contet_02_items{
position: relative;
width: calc(25% - 20px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

.contet_02_items span{
background-color: #46891a;
border-radius: 50%;
width: 180px;
height:180px;
display: block;
}

.contet_02_items p{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #FFFFFF;
font-size: 16px;
position: absolute;
top:80px;
left: 0;
right: 0;
margin: auto;
text-align: center;
}

.contet_02_items img{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #FFFFFF;
font-size: 16px;
position: absolute;
top:0;
left: 0;
right: 0;
margin: auto;
text-align: center;
}


.allow_img{
width: 210px;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 20px;
}


.contet_02_p{
display: block;
width: 210px;
text-align: center;
margin-top: 10px;
line-height: 1.5;
}

.contet_02_p span{
font-weight: bold;
color: #535353;
font-size: 18px;
line-height: 1.0;
}

.contet_03{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}


.contet_03 h2{
padding: 0;
margin: 20px 0;
text-align: center;


}

.contet_03_txt{
display: block;
width: 810px;
margin: 0 auto 20px;
line-height: 1.6;
word-break: break-all;
line-break: strict;
word-wrap: break-word;
overflow-wrap: break-word;
text-align: center;
}

.contet_03 img{
padding: 0;
margin: 0 auto;

}

.contet_03 p span{
font-weight: bold;

}


.note_01{
font-size: 16px;
font-weight: bold;
text-align: left!important;
line-break: strict;
word-wrap: break-word;
overflow-wrap: break-word;
}

.note_02{
font-size: 14px;
text-align: left!important;
}

.block_03 ul {
list-style: none;
padding: 0;
font-size: 14px;
width: 810px;
margin: 0 auto 20px;

}

.block_03 ul li{
text-indent: -2em;
padding-left: 2em;
}


.note_01.green{
color:#46891a
}



.block_03_02{
width: 810px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;

}


.circle{
border-radius: 50%;
width: 185px;
height: 185px;
padding: 17px;
box-sizing: border-box;
background: #2b5b00;
position: relative;
margin-right: 25px;
}
.circle>div{
border-radius: 50%;
width: 100%;
height: 100%;
box-sizing: border-box;
background: #5aa418;
}
@media(max-width:750px){
.circle{
width: 30vw;
height: 30vw;
padding: 6vw;
}
}

.circle p{
display: block;
position: absolute;
top:50%;
left: 50%;
transform: translate(-50%, -50%);
color: #FFFFFF;
text-align: center;
font-weight: bold;
font-size: 18px;
line-height: 1.3;
}


.block_03_03{
width: 300px;
box-sizing: border-box;
padding: 0 10px;
}

.block_03_03 span{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: solid #1b4171 4px;
}


.block_03_03 img{
display: inline-block;
margin: 0;
padding: 0;
}

.block_03_03_headline{
display:block;
margin-left: 10px;
font-size: 18px;
font-weight: bold;
}


.block_03_03_text{
display:block;
font-size: 16px;
font-weight: bold;
}

.block_03_03_note{
width: 600px;
margin-left: 220px;
font-size: 14px;
text-indent: -1.4em;
padding-left: 1.4em;
margin-top: -20px;
}

.contet_04 {
padding: 20px;


}

.contet_04 h2{
padding: 0;
margin: 10px 0;
text-align: center;

}

.contet_04_txt{
font-weight: bold;
text-align: center;
font-size: 16px;
}

.contet_04_items{
width: 920px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

.contet_04_item{
width: calc(50% - 20px);
position: relative;
background-color: #FFFFFF;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border: solid 5px #2b5b00;
box-sizing: border-box;
padding: 10px;
border-radius: 15px;
margin-top: 30px;
}

.contet_04_item_01{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}


.contet_04_item_01 img{

}


.icon01,.icon02{
position: absolute;
}


.icon01{
top:5px;
right: 60px;
}

.icon02{
top:5px;
right: 10px;
}

.name_s{
font-size: 12px;
line-height: 1.5;
display: block;
}

.product_txt{
font-size: 18px;
font-weight: bold;
line-height: 1.3;
display: block;
margin-top: 20px;
width: 230px
}


.contet_04_item_02{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;

}


.contet_04_item_02_01, .contet_04_item_02_02{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 20px;
}

.size_t {
position: relative;
display: inline-block;
padding: 0;
font-size: 12px;
font-weight: bold;
}
.car_t {
position: relative;
display: inline-block;
padding: 0;
font-size: 12px;
font-weight: bold;
}

.size_t:after {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 90%;
height: 1px;
background-color: black;
}

.car_t:after {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 87%;
height: 1px;
background-color: black;
}

.size_t:before {
left:0;
}
.size_t:after {
right: 0;

}

.car_t:before {
left:0;
}
.car_t:after {
right: 0;
}

.contet_04_item_02_01 ul,.contet_04_item_02_02 ul{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
}

.contet_04_item_02_01 ul li{
font-size: 20px;
font-weight: bold;
margin: 0 5px;

}
.contet_04_item_02_01 ul li:after {
content: 'inch';
font-size: 8px;
display: block;
text-align: center;
margin-top: -5px;
}

.contet_04_item_02_02 ul li{
margin-right:3px;
}


.contet_04_item_02_02 ul li span {
display: block;
text-align: center;
font-size: 11px;
font-weight: bold;
margin-top: -7px;
}

.contet_04_item_03{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}



/* モーダルCSS */
.modal-overlay{
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .7;
z-index: 9999;
}



.modal-contents{
display: none;
position: fixed;
top: 10px;
left: 50%;
width: 100%;
max-width: 960px;
height: auto;
overflow: hidden;
transform: translateX(-50%);
z-index: 10000;
}


.modal-contents-inner{
padding: 24px 40px;
background: #fff;
height: 100vh;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;

}



.close_mark{
position: absolute;
top: 20px;
right: 30px;
width: 25px;
height: 22px;
z-index: 9999;
cursor: pointer;
}



.close_mark_round {
display: block;
position: relative;
width: 30px;
height: 30px;
border: 2px solid #333; /* 枠の調整 */
border-radius: 50%;  /* 丸みの度合い */
background: #fff; /* ボタンの背景色 */
}

.close_mark_round::before, .close_mark_round::after { /* 共通設定 */
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 3px; /* 棒の幅（太さ） */
height: 22px; /* 棒の高さ */
background: #333; /* バツ印の色 */
border-radius: 2.5px;
}

.close_mark_round::before {
transform: translate(-50%,-50%) rotate(45deg);
}

.close_mark_round::after {
transform: translate(-50%,-50%) rotate(-45deg);
}
.item_img{
image-rendering: -webkit-optimize-contrast;
}

.text_title{
display: block;
margin: 0 auto;
width: 489px;
}
.text_title img{
width: 100%;
}

.btn_list{
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
justify-content: center;
margin: 0 auto;
width: 600px;
}

.btn_list img{
width: 100%;
}

.note{
width: 100%;
max-width: 800px;
margin: 0 auto;
box-sizing: border-box;
border: #BD0003 solid 2px;
border-radius: 10px;
padding: 15px;
font-family: "Noto Sans JP", sans-serif;
background-color: #FFFFFF;
}

.note ul{
font-size: 13px;
text-align: left;
padding: 0 0 0 20px;
margin: 0 0.5em;
list-style: disc;
}


/* TOPイメージ */
.main_image {
background-image: url("/PC/ja/asset/img/nw/feature/sale_set_2601/main_pc.webp");
background-size: cover;
background-position: center;
height:360px;
background-repeat: no-repeat;

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

.main_image {
background-size: cover;
height:340px;
}
}
@media screen and (max-width: 912px) {

.main_image {
background-size: cover;
height:300px;
}
}
@media screen and (max-width: 786px) {
.main_image {
height:280px;

}}
@media screen and (max-width: 720px) {
.main_image{
background-image: url('/PC/ja/asset/img/nw/feature/sale_set_2601/main_sp.webp');
background-position: center;
min-height: 360px;
}

}
@media screen and (max-width: 600px) {
.sp{
display: block;
}
.main_image{
background-image: url('/PC/ja/asset/img/nw/feature/sale_set_2601/main_sp.webp');
background-position: center;
min-height: 360px;
}

.items.items_full{
width: 100%;
margin: 0 auto;
}

}
/*



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

.main_image {
background-size: cover;
padding-top:30%;
}
}
@media screen and (max-width: 720px) {
.main_image {
background-image: url("/PC/ja/asset/img/nw/feature/sale_set_2601/main_pc.webp");
background-size: 2000px auto;
background-position: center;
padding-top: 40%;
background-size: cover;
}

}

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

.main_image{
background-image: url('/PC/ja/asset/img/nw/feature/sale_set_2512/main_sp.webp');
background-position: center;
min-height: 360px;
}

.items.items_full{
width: 100%;
margin: 0 auto;
}

}
*/
/*タブの切り替え*/
.tabs_01 {
  width: 100%;
  max-width: 800px;
  margin: 20px auto 10px;
  position: relative;
}
.tab-buttons {
background-color: #ffffff;
position: relative; /* 仕切り線の基準 */
}



.tab-buttons span {
  color: #2d2d2d;
  cursor: pointer;
  display: block;
  width: 50%;
  float: left;
  text-align: center;
 height: 70px;
  font-weight: 800;
  transform: rotate(0.05deg);
 background-color: #ffffff;
box-shadow:
    0 -3px 4px rgba(0, 0, 0, 0.12); /* 上だけ */
font-size:14px;
padding: 10px 0;
line-height: 1.5;
}

@media screen and (max-width: 640px) {
.tab-buttons span {
font-size:13px;

}
}
.tab-buttons span:first-child {
  box-shadow:
    0 -3px 4px rgba(0, 0, 0, 0.12),  /* 上 */
    3px 0 4px rgba(0, 0, 0, 0.08);   /* 右のみ */
}

.tab-buttons span:last-child {
  box-shadow:
    0 -3px 4px rgba(0, 0, 0, 0.12),  /* 上 */
   -3px 0 4px rgba(0, 0, 0, 0.08);   /* 左のみ */
}

.w_tab.is-active {
  background-color:#008fd4; 
  color: #ffffff;
  font-size: 16px;
  box-shadow:
    0 -3px 4px rgba(0, 0, 0, 0.12),  /* 上 */
    3px 0 4px rgba(0, 0, 0, 0.08);   /* 右のみ */
}

.s_tab.is-active {
  background-color:#f75204; 
  color: #ffffff;
  font-size: 16px;
box-shadow:
    0 -3px 4px rgba(0, 0, 0, 0.12),  /* 上 */
    3px 0 4px rgba(0, 0, 0, 0.08);   /* 右のみ */
}

.tab-buttons::after {
  content: "";
  position: absolute;
  top: 10px;          /* 上下に少し余白 */
  bottom: 10px;
  left: 50%;
  width: 1px;
  background-color: #dddddd; /* 線の色 */
  transform: translateX(-50%);
  z-index: 3;         /* 影より前 */
  pointer-events: none;
}
#content1 { border-top-left-radius: 10px; }
#content2 { border-top-right-radius: 10px; }

/* ▼外枠：高さアニメのためにheightをtransition */
.tab-content {
  position: relative;
  overflow: hidden;                 /* 高さアニメ時にはみ出さない */
  height: auto;                     /* JSが数値で上書きする */
  transition: height 0.35s ease;    /* 高さのヌルっと伸縮 */
  padding: 30px;
  display: block;
  font-size: 13px;
  color: #333;
  width: 100%;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
 background-color: #FFFFFF;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

/* ▼中身：display切替をやめてフェード＋スライド */
.content.content1,
.content.content2 {
  display: block;
  position: absolute; /* 重ねる */
  top: 0;
  left: 0;
  width: 100%;

  opacity: 0;
  transform: translateY(8px);
  pointer-events: none;

  transition: opacity 0.25s ease, transform 0.25s ease;
}

.content.content1.is-active,
.content.content2.is-active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  position: relative; /* アクティブだけ通常フローに戻す（高さ計測しやすい） */
}

/* アイコン */
.cate_name1::before {
  content: "";
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-right: 5px;
  margin-top: -7px;
  background-image: url("/PC/ja/asset/img/nw/feature/cp_list/web_icon.png");
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}

#content1.select > .cate_name1::before {
  background-image: url("/PC/ja/asset/img/nw/feature/cp_list/web_icon_select.png");
}

.cate_name2::before {
  content: "";
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-right: 5px;
  margin-top: -7px;
  background-image: url("/PC/ja/asset/img/nw/feature/cp_list/shop_icon.png");
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}

#content2.select > .cate_name2::before {
  background-image: url("/PC/ja/asset/img/nw/feature/cp_list/shop_icon_select.png");
}


/*タブの切り替えここまで*/

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

.acd-check{
display: none;
}
.acd-label{
font-size: 16px;
}

.acd-label:before{
display: block;
width: 40px;/*画像の幅*/
height: 40px;/*画像の高さ*/
content: "";
box-sizing: border-box;
background-image: url("/PC/ja/asset/img/nw/feature/sale_set_2601/car_icon.webp");
background-size: contain;
vertical-align: middle;
margin: 0 5px 6px 0;
}

.acd-label::after {
    content: "";
    width: 26px;
    height:26px;
    margin-left: 10px;

    /* ▼（下向き） */
    background: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'>\
<polygon points='1,3 9,3 5,8' fill='%23d1491f'/>\
</svg>") no-repeat center / contain;

    transition: transform 0.4s ease;
    transform: rotate(0deg);
}

.tab-content {
padding:10px;
}
}

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

.p-anchor {
padding-top: 110px;
    margin-top: -110px;
}
 }