@charset "utf-8";
/* CSS Document */
:root {
--bkColor:#000;
--primaryColor:#2db32a;
--secondaryColor:#FFECAE;
--pointColor:#FBE394;
--bgColor:#FFECAE;
--shadowColor:rgba(0, 0, 0, 0.35);
}
/*========= ▼reset ===============*/
/* ブラウザのUAスタイルシートのすべてのスタイルを削除します、displayは除く */
*:where(:not(iframe, canvas, img, svg, video):not(svg *)) {all: unset;display: revert;}
/* box-sizingの優先値 */
*, *::before, *::after {box-sizing: border-box;}
/* リストのスタイル（箇条書き・番号）を削除します */
ol,ul {list-style: none;}
/* 画像がコンテナを超えないようにするため */
img {max-width: 100%;}
/* テーブルのセル間のスペースを削除します */
table {border-collapse: collapse;}
/*========= ▲reset ===============*/
#HEADER .global{display: none;}
#CONTENTS, body:not(.noGlobal) #CONTENTS {margin-left: 0;padding: 0;}
#FOOTER{margin-left: 0;}
#PAGEBODY{padding-bottom: 0;}
#renewal_2024 ul.action {display: none;}
#renewal_2024 .includeSCT .item{box-shadow: 2px 5px 10px var(--shadowColor);}
#renewal_2024 .includeSCT .item:hover{transform:translateY(-5px);box-shadow: 2px 10px 20px var(--shadowColor);}
#renewal_2024 .includeSCT .name{text-align:left;}
*{box-sizing: border-box;}
#renewal_2024 a {
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
text-decoration: none;
}
#renewal_2024 .splide__list{display: flex;flex-wrap: wrap;}
#renewal_2024 .includeSCT .splide .splide__slide{flex-basis: 25%;}
#RECO-SPLIDE .splide__list{justify-content: center !important;}

#renewal_2024 .font_small {font-size: 80%;}
#renewal_2024 .font_ss{font-size: 70%;}
#renewal_2024 .font_sss{font-size: 62%;}
#renewal_2024 .font_large {font-size: 130%;}
#renewal_2024 .font_ll{font-size: 155%;}
#renewal_2024 .line_center {text-align: center;}
#renewal_2024 .line_right{text-align: right;}
#renewal_2024 .line_left{text-align: left;}
#renewal_2024 .font_bold{font-weight: bold;}
#renewal_2024 img {width: auto;max-width: 100%;vertical-align: bottom;}

#renewal_2024 ul {list-style: none;margin: 0;padding: 0;position: relative;}
#renewal_2024{position: relative;overflow: hidden;font-family:  "Noto Sans JP", sans-serif;font-optical-sizing: auto; font-weight: 400;font-style: normal;line-break: strict;overflow-wrap: break-word;word-wrap: break-word;word-break: normal !important;line-height: 1.7;color: var(--bkColor);max-width: 1920px;margin: auto;background: var(--secondaryColor);}
#renewal_2024 h2 {font-family: 'Noto Sans JP', sans-serif; line-break: strict;overflow-wrap: break-word;word-wrap: break-word;word-break: normal !important;letter-spacing:inherit; font-size: clamp(23px, 2.4vw, 38px);font-style: italic;font-weight: 900;text-align: center;color: var(--primaryColor);}
#renewal_2024 .lead-txt{font-size: clamp(17px, 1.25vw, 20px);font-weight: 500;}


#renewal_2024 section {position: relative;margin: 0 auto;padding: 5% 0;}
#renewal_2024 .secInner {position: relative;max-width: 1290px; width: 88%; margin: 0 auto;}
#renewal_2024 .white-box01 {padding: 1.2em;max-width: 660px;width: 90%;background: rgba(255,255,255,0.65);text-align: center;margin: auto;}
#renewal_2024 #sec01 {position: relative;overflow: hidden;padding: 0;}
#renewal_2024 #sec01 img {width: 100%;}

#renewal_2024 #sec02{padding:0;overflow: hidden;}
#renewal_2024 #sec02 .secInner {padding: 5% 0;}
#renewal_2024 .logo{text-align: center;margin: 2% auto;width: 38%;}
#renewal_2024 .abIllust{position: absolute;width: 31%;}
#renewal_2024 .abLeft {top: 0;left: 0;}
#renewal_2024 .abRIght{top: 0;right: 0;}
#renewal_2024 .leadBox {margin: 4% auto;}
#renewal_2024 .productContainer_ul{position: relative;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
#renewal_2024 .productContainer_ul > li:not(:first-child){flex-basis: 20%;}
#renewal_2024 .productContainer_ul > li:first-child{flex-basis: 40%;}
#renewal_2024 #sec03, #renewal_2024 #sec05{background-color: var(--pointColor);}
#renewal_2024 #sec03, #renewal_2024 #sec06 {background-image: url("feature_renewal_2024/smallflag.png?$staticlink$");background-repeat: no-repeat;background-position: center top;background-size: contain;}
#renewal_2024 .bnrContainer_ul {position: relative;display: flex;flex-wrap: wrap;justify-content: space-around;align-items: center;}
#renewal_2024 .bnrContainer_ul > li {flex-basis: 27%; margin: 0 1%;transition: all .5s;}
#renewal_2024 .bnrContainer_ul > li:nth-child(2){flex-basis: 35%;box-shadow: 3px 6px 15px var(--shadowColor);}
#renewal_2024 .bnrContainer_ul > li a {display: block;}
#renewal_2024 .productContainer {margin: 4% auto;}
#renewal_2024 #sec04 {
  background-image: url("feature_renewal_2024/smallflag.png?$staticlink$"), url("feature_renewal_2024/goldRibbon.png?$staticlink$");
  background-position: center top, center bottom;background-repeat: no-repeat;background-size: contain;
}
#renewal_2024 #sec05 {
  background-image: url("feature_renewal_2024/smallflag.png?$staticlink$"), url("feature_renewal_2024/goldcoin.png?$staticlink$");
  background-position: center top, center bottom;background-repeat: no-repeat;background-size: contain;
}
#renewal_2024 .abImg{position: absolute;}
.abImgL {width: 15%;left: 10%;bottom: -6%;}
.abImgR{width: 23%;right: 7%; bottom: -5%;}
.bnrContainer figure {display: inline-block;}
.bnrContainer a {display: block;transition: all .5s;box-shadow: 3px 6px 15px var(--shadowColor);}

#renewal_2024 .sp_only {display: none !important;}
#renewal_2024 .pad_only {display: none !important;}
#renewal_2024 .pad-sp {display: none !important;}
#renewal_2024 .pc_only {display: block;}
#renewal_2024 .pad-pc {display: block;}

#renewal_2024 .bnrContainer_ul > li:hover:nth-child(2){transform: translateY(-5px);ox-shadow: 3px 10px 20px var(--shadowColor);}

#renewal_2024 .includeSCT .kanbai .item::after{
    background: rgba(0, 0, 0, .5);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "完　売";
    top: 0;
    left: 0;
    font-size: 36px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
}
#renewal_2024 .includeSCT .kanbai .item:hover{
  transform: none;
}

@media (any-hover: hover) {
/*:hover はここに書く*/
    
}
/************************************************************/@media screen and (max-width: 1279px) {
  #HEADER .global{display: block;}
}


/************************************************************/@media screen and (max-width: 820px) {
  #renewal_2024 .includeSCT .splide .splide__slide{flex-basis: 33.333%;}
#renewal_2024 .pad_only {display: block !important;}
#renewal_2024 .pad-pc {display: block !important;}
#renewal_2024 .pc_only {display: none !important;}
#renewal_2024 .sp_only {display: none !important;}
}
/************************************************************/@media screen and (max-width: 768px) {
/*#link01, #link02, #link03, #link04, #link05 {padding-top: 45px;margin-top: -45px;}
*/
}

/************************************************************/@media screen and (max-width: 700px) {
  #RECO-SPLIDE .splide__list{justify-content: flex-start !important;}
  #renewal_2024 .includeSCT .splide .splide__slide{flex-basis: 50%;}
  #renewal_2024 .bnrContainer_ul > li {flex-basis: 48%;}
  #renewal_2024 .bnrContainer_ul > li:nth-child(1) {order: 1;}
  #renewal_2024 .bnrContainer_ul > li:nth-child(2) {order: 0;flex-basis: 100%;margin-bottom: 5%;}
  #renewal_2024 .bnrContainer_ul > li:nth-child(3) {order: 2;}
  
  #renewal_2024 section{padding: 12% 0;}
  #renewal_2024 #sec02 {padding: 10% 0;}
  #renewal_2024 .lead-txt{text-align: left;}
  #renewal_2024 .logo{width: 65%;}
  #renewal_2024 .productContainer_ul > li:first-child{flex-basis: 63%;}
  #renewal_2024 .productContainer_ul > li:not(:first-child){flex-basis: 37%;}
  
	
#renewal_2024 .pad-sp {display: block !important;}
#renewal_2024 .pc_only {display: none !important;}
#renewal_2024 .sp_only {display: block !important;}
#renewal_2024 .pad_only {display: none !important;}
#renewal_2024 .pad-pc {display: none !important;}
}