/* 共通 */
.ul-1items li img {
  width: 1100px;
}
.header-sticky {
  top: 55px !important;
}
.spacer--xFAdr.flex-column--zlXTp {
  width: 320px;
  margin-right: 20px;
}
.floating-cart-wrapper .spacer--xFAdr {
  width: unset;
  margin-right: 0;
}
.sdlayout a {
  color: #0000ff !important;
}
td.sdtext {
  color: #0000ff !important;
}
#risFil .risfHeadFootWrap {
  padding-bottom: 18px !important;
}
#risFil .risfHeadPart .selectForm {
  appearance: auto;
  background: #fff;
}
/* 共通↑ */

.item_img {
  width: 100%;
}
a:hover {
  opacity: 0.8;
}
.mt150 {
  margin-top: 150px;
}

.top_bnrArea2 {
  width: 100%;
  min-width: 1260px;
  position: relative;
  z-index: 1;
  background-color: #fff;
}
.top_bnrArea2 img {
  width: 100%;
}
.top_bnrArea2::after {
}

.mv_main {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 64%;
  max-width: 1233px;
}

.top_bnrArea3 {
  /* background-image: url(../img/mv_bg2.png);
    background-repeat: no-repeat;
    background-size: contain; */
  width: 100%;
  min-width: 1260px;
  padding: 0;
  z-index: 1;
  position: relative;
}

.top_bnrArea3_inner {
  min-width: 1260px;
  padding: 0px 0px;
  padding-bottom: 137px;
  background-color: #fff23f;
  background-image: url(../img/mv_bg_left.png), url(../img/mv_bg_right.png);
  background-position: top 50% left 140px, top 50% right 90px;
  /* -webkit-background-size: 210px, 210px, contain; */
  background-size: 500px, 600px;
  /* background-size: 10.4%, 10.4%, contain; */
  background-repeat: no-repeat, no-repeat;
}
@media only screen and (max-width: 1700px) {
  .top_bnrArea3_inner {
    background-size: 400px, 400px;
  }
}
.top_bnrArea3 img {
  width: 100%;
  /* height: 100%; */
}

.top_bnrArea3 .text {
  /* position: absolute;
top: 35%;
left: 50%;
transform: translate(-50%, -50%); */
  width: 60%;
  max-width: 600px;
  padding-top: 143px;
  padding-bottom: 87px;
  margin: 0 auto;
}
.top_bnrArea3 p {
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.1em;
  padding-bottom: 120px;
}

.top_bnrArea4 {
  background-image: url(../img/main_bg.png);
  background-color: #396084;
  background-repeat: repeat;
  background-size: contain;
  width: 100%;
  min-width: 1260px;
  padding: 0;
  z-index: 0;
  position: relative;
  margin-top: -100px;
  padding-top: 140px;
  padding-bottom: 100px;
}
.top_bnrArea4_inner {
  min-width: 1260px;
  padding: 0px 0px;
  z-index: 1;
  position: relative;
  margin-top: -1000px;
}
.top_bnrArea4_inner::before {
  content: "";
  background-image: url(../img/main_left.png);
  background-position: left top;
  background-size: contain;
  background-repeat: no-repeat;
  position: sticky;
  width: 350px;
  height: 1000px;
  /* width: 277px;
  height: 1000px; */
  top: 12%;
  right: calc(75vw - 7em);
  /* right: calc(100vw - 7em); */
  display: block;
}
.top_bnrArea4::before {
  content: "";
  background-image: url(../img/main_right.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: sticky;
  width: 350px;
  height: 1000px;
  /* width: 240px;
  height: 1000px; */
  top: 12%;
  /* left: calc(100vw - 7em); */
  left: calc(77vw - 7em);
  display: block;
}
@media only screen and (max-width: 2300px) {
  .top_bnrArea4_inner::before {
    right: calc(81vw - 9em);
  }
  .top_bnrArea4::before {
    left: calc(81vw - 3em);
  }
}
@media only screen and (max-width: 2100px) {
  .top_bnrArea4_inner::before {
    right: calc(83vw - 9em);
  }
  .top_bnrArea4::before {
    left: calc(83vw - 5em);
  }
}
@media only screen and (max-width: 1900px) {
  .top_bnrArea4_inner::before {
    right: calc(87vw - 9em);
  }
  .top_bnrArea4::before {
    width: 300px;
    left: calc(87vw - 5em);
  }
}

@media only screen and (max-width: 1700px) {
  .top_bnrArea4_inner::before {
    right: calc(90vw - 9em);
  }
  .top_bnrArea4::before {
    left: calc(90vw - 3em);
  }
}
@media only screen and (max-width: 1500px) {
  .top_bnrArea4_inner {
    margin-top: -1000px;
  }
  .top_bnrArea4_inner::before {
    width: 380px;
    height: 1000px;
    right: calc(83vw - 6em);
  }
  .top_bnrArea4::before {
    width: 280px;
    height: 1000px;
    left: calc(83vw - 4em);
  }
}
@media only screen and (max-width: 1280px) {
  .top_bnrArea4::before {
    left: 1000px;
  }
}

.inner-xmas {
  margin: 0 auto;
  width: 1100px;
  padding: 0;
  /* サイドをかえたら変える */
  margin-top: -930px;
}

@media only screen and (max-width: 1500px) {
  .inner-xmas {
    margin-top: -930px !important;

    margin: 0 auto;
    padding: 0 150px !important;
    /* padding: 0 140px !important; */
  }
}

.top_bnrArea4 img {
  /* width: 100%; */
  /* height: 100%; */
}
.main_area {
  background-color: #fff;
  filter: drop-shadow(20px 30px 50px rgba(0, 0, 0, 0.16));
}
.main_area_title img {
  width: 100%;
}
.main_area_a {
  padding: 150px 80px 100px;
}
@media only screen and (max-width: 1500px) {
  .main_area_a {
    padding: 50px 40px 80px;
  }
}

.item_wrapperA {
  display: flex;
  align-items: center;
  gap: 38px;
  margin-bottom: 120px;
}
.item_left {
  width: 50%;
  display: block;
  position: relative;
}
.item_left::after {
  content: "";
  position: absolute;
  background-image: url(../img/ichioshi.png);
  top: -70px;
  left: -30px;
  width: 157px;
  height: 157px;
}
.ichioshi{
  position: relative;
}
.ichioshi::after {
  content: "";
  position: absolute;
  background-image: url(../img/ichioshi.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: -30px;
  left: 10px;
  width: 90px;
  height: 90px;
}
@media only screen and (max-width: 1500px) {
  .item_left::after {
    background-size: contain;
    background-repeat: no-repeat;
    width: 120px;
    height: 120px;
    top: -50px;
    left: -10px;
  }
}
.ichioshi::after {
  top: -30px;
  left: -10px;
  width: 110px;
  height: 110px;
}
.item_right {
  width: 50%;
}
.item_right01 {
  font-family: "Noto Sans JP";
  margin-bottom: 32px;
  font-weight: 700;
  font-size: 27px;
  line-height: 41px;
  text-align: left;
  color: #000;
}
.item_right02 {
  margin-bottom: 42px;
  font-family: "Noto Sans JP";
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  color: #000;
}
.item_right03 {
  margin-bottom: 38px;
  display: flex;
  align-items: center;
  font-family: "Noto Sans JP";
  font-weight: 500;
  font-size: 25px;
  line-height: 27px;
  text-align: left;
  color: #000;
  gap: 9px;
}
.item_right03 p {
  margin-left: 14px;
}
.item_right04 {
  border-radius: 8px;
  text-decoration: none;
  width: 100%;
  height: 76px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #1D2E52;
  font-family: "Noto Sans JP";
  font-weight: 500;
  font-size: 25px;
  color: #fff;
}
.item_wrapperB {
  margin-bottom: 170px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.item_wrapperB li {
  width: 30%;
}
.item_wrapperB li a {
  text-decoration: none;
}
.item_01 {
  margin-bottom: 27px;
}
.item_02 {
  font-family: "Noto Sans JP";
  font-weight: 700;
  font-size: 24px;
  line-height: 31px;
  text-align: left;
  color: #000;
  margin-bottom: 27px;
}
.item_03 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Noto Sans JP";
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  text-align: left;
  color: #000;
}
.item_03 p {
  margin-left: 10px;
}

@media only screen and (max-width: 1500px) {
  .item_right01 {
    font-size: 25px;
  }
  .item_02 {
    font-size: 22px;
  }
}

.item_btn {
  margin-left: auto;
  margin-right: auto;
  display: table;
  position: relative;
}
.item_btn a {
}
.item_btn_img {
  position: absolute;
  width: 124px;
  height: 172px;
  top: -39px;
  left: -33px;
}
.item_btn_img.w {
  left: unset;
  right: -33px;
}
.item_btn:hover {
  opacity: 1;
}
.item_btn:hover .item_btn_img {
  animation: rotateIcon 0.3s linear 2;
}

/* ボタンエリア */
.btn_area {
  display: flex;
  justify-content: space-between;
  width: 65%;
  max-width: 1030px;
  margin: 0 auto;
  padding-bottom: 50px;
}
.btn_area li {
  width: 22%;
}

.btn_area .btn02 {
  position: relative;
  display: block;
}
.btn_area .btn02 img {
  width: 100%;
}


.btn-img img {
  transition: all 0.35s ease;/*移り変わる速さを変更したい場合はこの数値を変更*/
  backface-visibility: hidden;/*三次元になった際に裏面を可視化させない*/
}

.btn02:hover img {/*hoverした時の変化*/
  transform: rotateY(-180deg);
  opacity: 0;
}

.btn-img-after {
/*ここからエリアの絶対配置の指定*/
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
/*ここまでエリアの絶対配置の指定*/
  transition: all 0.35s ease;/*移り変わる速さを変更したい場合はこの数値を変更*/
  transform: rotateY(90deg);/*横軸に回転*/
  transform-origin: 50% 0%;/*回転する基点*/
  opacity: 0;
}

.btn02:hover .btn-img-after {/*hoverした時の変化*/
  transform: rotateY(0);/*横軸に回転*/
  opacity: 1;
  transition-delay: 0.15s;/*移り変わる速さを変更したい場合はこの数値を変更*/
}



.btn03:hover .btn-flame img {
  transition: none;
  transform: none;
}

/* ボタンエリア↑↑ */

/*ボタン 桜色 */
.t-before {
  opacity: 1;
  transition: opacity 0.3s;
}
.btn02:hover .t-before {
  opacity: 0;
}
.t-after {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s;
}
.btn02:hover .t-after {
  opacity: 1;
}
/* 桜色 ↑↑*/

.top_bnrArea3-2_inner {
  padding-top: 50px;
}

.categori_btn {
  border-radius: 8px;
  text-decoration: none;
  /* width: 608px; */
  height: 70px;
  border: 3px solid #1D2E52;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #1D2E52;
  font-family: "Noto Sans JP";
  font-weight: 500;
  font-size: 25px;
  color: #fff;
  transition: all 0.3s;

}
@media only screen and (max-width: 1500px) {
  .categori_btn {
    /* width: 568px; */
  }
}
.categori_btn:hover{
  background: #ffffff;
  color: #1D2E52;

}

.sale{
  display: block;
  color: red;
  padding-top: 5px;
}
.aaa{
  font-size: 14px;
}

.aab{
  text-align: end;
}


/* makeshop */


@media only screen and (max-width: 600px) {
  .under600-none {
      display: none;
  }
}
.over600-none{
  display: block;
}
@media only screen and (min-width: 601px) {
  .over600-none {
      display: none;
  }
}

.item_right01{
  line-height: 1.6;
}
.top_bnrArea2 {
  min-width: unset;
}
.top_bnrArea3 {
  min-width: unset;
}
.top_bnrArea3_inner {
  min-width: unset;
}
.top_bnrArea4 {
  min-width: unset;
}
.top_bnrArea4_inner {
  min-width: unset;
}
@media only screen and (max-width: 600px) {
  .top_bnrArea4{
    padding-top: 0;
    margin-top: 0;
  }
  .top_bnrArea4_inner {
      margin-top: 0;
  }
}
.inner-xmas{
width: 100%;
max-width: 1100px;

}
.top_bnrArea4::before{
  width: 310px;
}
@media only screen and (max-width: 970px) {
  .inner-xmas {
      padding: 0 10vw !important;
  }
  .top_bnrArea4::before {
    width: 120px;
}
.top_bnrArea4_inner::before {
  width: 120px;
}
}
@media only screen and (max-width: 600px) {
  .top_bnrArea4_inner::before {
      width: 0;
      display: none;
  }
}
@media only screen and (max-width: 600px) {
  .inner-xmas {
      margin-top: 0px !important;
      padding: 0 0 !important;
  }
}

@media only screen and (max-width: 1500px) {
  .top_bnrArea4::before {
      left: calc(83vw - 0em);
  }
}
@media only screen and (max-width: 1900px) {
  .top_bnrArea4::before {
      left: calc(87vw - 0em);
  }
}
@media only screen and (max-width: 2100px) {
  .top_bnrArea4::before {
      left: calc(86vw - 0em);
  }
}
@media only screen and (max-width: 600px) {
  .top_bnrArea4::before {
      width: 0;
      display: none;
  }
}
.main_area_a {
    padding: 100px 80px 100px;
}
@media only screen and (max-width: 1500px) {
  .main_area_a {
      padding: 50px 40px 80px;
  }
}
@media only screen and (max-width: 970px) {
  .main_area_a {
      padding: 50px 30px 50px;
  }
}
@media only screen and (max-width: 600px) {
  .main_area_a {
      padding: 50px 30px 30px;
  }
}

@media only screen and (max-width: 970px) {
  .item_wrapperA {
      gap: 16px;
      margin-bottom: 80px;
  }
}

@media only screen and (max-width: 600px) {
  .item_wrapperA {
      flex-direction: column;
      margin-bottom: 60px;
  }
}
@media only screen and (max-width: 600px) {
  .item_left {
      width: 100%;
  }
}
@media only screen and (max-width: 900px) {
  .item_left::after {
      top: -70px;
      left: -30px;
      width: 120px;
      height: 120px;
  }
}
@media only screen and (max-width: 600px) {
  .item_left::after {
      top: -10px;
      left: -10px;
      width: 100px;
      height: 100px;
  }
}
@media only screen and (max-width: 600px) {
  .item_right {
      width: 100%;
  }
}
@media only screen and (max-width: 1500px) {
  .item_right01 {
      font-size: 22px;
      line-height: 32px;
      margin-bottom: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .item_right01 {
      font-size: 18px;
      line-height: 24px;
  }
}
@media only screen and (max-width: 1500px) {
  .item_right02 {
      margin-bottom: 25px;
  }
}
@media only screen and (max-width: 600px) {
  .item_right02 {
      font-size: 14px;
      line-height: 20px;
      margin-bottom: 15px;
  }
}
@media only screen and (max-width: 1500px) {
  .item_right03 {
      flex-direction: column;
      align-items: flex-start;
      font-size: 22px;
      line-height: 25px;
  }
}
@media only screen and (max-width: 600px) {
  .item_right03 {
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 15px;
  }
}
@media only screen and (max-width: 600px) {
  .item_right04 {
      font-size: 4vw;
      height: 55px;
  }
}
@media only screen and (max-width: 600px) {
  .categori_btn {
      height: 60px;
      font-size: 20px;
      width: 100%;
  }
}

.footer {
  background-color: #fff03d;
  display: flex
;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 64px 0 54px;
  position: relative;
  z-index: 1;
  margin-top: -2px;
}
.footer-logo {
  margin-bottom: 12px;
}
@media screen and (max-width: 600px) {
  .footer-logo {
      width: 150px;
  }
}
.footer-logo img {
  width: 100%;
}
.footer-address {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.06em;
  margin-bottom: 53px;
}
@media screen and (max-width: 600px) {
  .footer-address {
      font-size: 14px;
  }
}
.footer small {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.06em;
}