@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;
}

.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: 1.8em;
margin: 0 0 1em 0;
}

.cp_wrap_inner h2 {
text-align: center;
background-color: rgb(189, 0, 3);
color: #fff;
padding: 0.25em 0;
max-width: 800px;
margin: 20px auto 0;
border-radius: 10px;
}

.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: 800px;
margin: 0 auto;
}

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

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


.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: 25px;
border: solid 3px  #a3362f;/*▽20221226変更*/
background-color: #fff;
position: relative;
display: block;
margin: 0px auto 20px;
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'
}

.acd-label: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;
}

.acd-label: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);
}

.acd-link:after{
transform: rotate(0);
}

input[type=checkbox]:checked + .acd-label::after {
transform: rotate(-90deg);
}

.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);
}
/*ナビ部分*/
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: 10px 0;
text-align: center;
color: #535353;

}

.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{
color: #2b5b00;
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;
}

/*タブの切り替え*/
.tabs_01{
width:100%;
margin:20px auto 10px;
position:relative;
}

.tab-buttons {
}

.tab-buttons span{
font-size:24px;
font-family: 'RocknRoll One', sans-serif;
color: #2D2D2D;
background:#eeeeee;
cursor:pointer;
display:block;
width:50%;
float:left;
text-align:center;
height:80px;
line-height:80px;
}

.s_tab.select {
border-bottom: #f75204 solid 6px;
color:#f75204;
font-size:26px;
}

.w_tab.select{
border-bottom: #008FD4 solid 6px;
color:#008FD4;
font-size:26px;

}

.tab-content{
padding:30px;
display:inline-block;
font-size:13px;
color:#333;
background:#eeeeee;
width: 100%;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

.tab-buttons span.select {

}




#content1{
border-top-left-radius: 10px;
}

#content2{
border-top-right-radius: 10px;
}
#tabs_contets.content1{
left:0;
transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
}

#tabs_contets.content2{
left:25%;
transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
}


.hide{display:none;}

.cate_name1::before {
content: '';
display: inline-block;
width: 30px;
height: 30px;
margin-right: 5px;
margin-top: -7px;
background-image: url("/BASE/asset/img/feature/kcar_sale/summer_tire_icon_w.png");

background-size: contain;
vertical-align: middle;

}


#content1.select >.cate_name1::before {
width: 42px;
height: 30px;
transform:rotate(-5deg);
background-image: url("/BASE/asset/img/feature/kcar_sale/summer_tire_icon.png");

}


.cate_name2::before {
content: '';
display: inline-block;
width: 30px;
height: 30px;
margin-right: 5px;
margin-top: -7px;
background-image: url("/BASE/asset/img/feature/kcar_sale/winter_tire_icon_w.png");
background-size: contain;
vertical-align: middle;

}

#content2.select >.cate_name2::before {
width: 42px;
height: 30px;
transform:rotate(-5deg);
background-image: url("/BASE/asset/img/feature/kcar_sale/winter_tire_icon.png");

}


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

.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;
}

.note ul{
font-size: 14px;
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_2512/main_pc.webp");
background-size: cover;
background-position: center;
height: 0;
background-repeat: no-repeat;
padding-top:20%;
}

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

.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_2512/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;
}

}