@charset "UTF-8";
/* CSS Document */
/*----------------------------------------
autumn_petitgift
---------------------------------------- */
/*--------------------------共通--------------------------*/
body#autumn_petitgift #autumn_petitgift_area {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  overflow: hidden;
  margin-bottom: 50px;
  color: #313131;
}
body#autumn_petitgift #autumn_petitgift_area p {
  font-size: 1.6rem;
  font-weight: 500;
}
body#autumn_petitgift #autumn_petitgift_area a {
  text-decoration: none;
}
body#autumn_petitgift #autumn_petitgift_area a:active img {
  opacity: 0.8;
}
body#autumn_petitgift #autumn_petitgift_area span.tax {
  font-size: 1.1rem;
}
body#autumn_petitgift #autumn_petitgift_area span.l_orange {
  color: #DC5000;
  font-size: min(6.6vw, 35px);
}
body#autumn_petitgift #autumn_petitgift_area span.marker {
  background: linear-gradient(transparent 80%, #F8C53B 80%);
}
body#autumn_petitgift #autumn_petitgift_area .bg {
  position: relative;
  padding-top: 20px;
  padding-bottom: 100px;
}
body#autumn_petitgift #autumn_petitgift_area .bg::before {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/autumn_petitgift/2024/bg_y.png");
  background-size: contain;
  aspect-ratio: 2/1;
  width: 1000px;
  top: -30px;
  left: calc(50% - 500px);
  right: auto;
  z-index: 1;
}
body#autumn_petitgift #autumn_petitgift_area .bg .bg_inner {
  position: relative;
  z-index: 2;
  max-width: 980px;
  margin: 0 auto;
}
body#autumn_petitgift #autumn_petitgift_area .bg_y {
  background-color: #F8C53B;
}
body#autumn_petitgift #autumn_petitgift_area .bg_y::before {
  background-image: url(/images/autumn_petitgift/2024/bg_y.png);
  background-size: contain;
}
body#autumn_petitgift #autumn_petitgift_area .bg_ly {
  background-color: #FFF9EB;
}
body#autumn_petitgift #autumn_petitgift_area .bg_ly::before {
  background-image: url(/images/autumn_petitgift/2024/bg_ly.png);
  background-size: contain;
}

/*---- 共通 PC  ----*/
@media screen and (min-width: 950px) {
  body#autumn_petitgift #autumn_petitgift_area {
    max-width: 100vw;
  }
  body#autumn_petitgift #autumn_petitgift_area a:hover img {
    opacity: 0.8;
  }
  body#autumn_petitgift #autumn_petitgift_area .bg::before {
    width: 2000px;
    height: 200px;
    top: -60px;
    left: calc(50% - 1000px);
  }
}

/*--------link_btn--------*/
body#autumn_petitgift #autumn_petitgift_area .link_btn {
  margin: 0 auto;
  text-align: center;
}
body#autumn_petitgift #autumn_petitgift_area .link_btn a {
  position: relative;
  border: 1px solid #025995;
  background-color: #025995;
  color: #fff;
  font-weight: 700;
  font-size: 1.5rem;
  text-align: center;
  width: 100%;
  max-width: 450px;
  border-radius: 60px;
  padding: 10px 5px;
}
body#autumn_petitgift #autumn_petitgift_area .link_btn a::after {
  color: #F8C53B;
  content: "▼";
  font-size: 10px;
  line-height: 10px;
  margin-left: 5px;
  position: absolute;
  transform: rotate(-90deg);
  top: calc(50% - 5px);
}
body#autumn_petitgift #autumn_petitgift_area .link_btn a:active {
  background-color: #fff;
  color: #DC5000;
  border: 1px solid #DC5000;
}

/*---- link_btn PC  ----*/
@media screen and (min-width: 950px) {
  body#autumn_petitgift #autumn_petitgift_area .link_btn a:hover {
    background-color: #DC5000;
    border: 1px solid #DC5000;
  }
}

/*--------heading--------*/
body#autumn_petitgift #autumn_petitgift_area .heading_outer {
  text-align: center;
  margin-bottom: 20px;
}
body#autumn_petitgift #autumn_petitgift_area .heading_outer .heading_basic {
  line-height: 110%;
  font-size: min(6.67vw, 3.5rem);
  font-weight: 700;
  color: #276431;
}
body#autumn_petitgift #autumn_petitgift_area .heading_outer .heading_basic::before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 26px;
  height: 26px;
  background-image: url(/images/autumn_petitgift/2024/icon_flower.png);
  background-size: contain;
}
body#autumn_petitgift #autumn_petitgift_area .bg_ly .heading_outer .heading_basic {
  color: #DC5000;
}
body#autumn_petitgift #autumn_petitgift_area .sub_heading_outer {
  text-align: center;
}
body#autumn_petitgift #autumn_petitgift_area .sub_heading_outer .sub_heading_basic {
  line-height: 110%;
  font-size: min(6.67vw, 3.5rem);
  font-weight: 700;
  color: #276431;
}
body#autumn_petitgift #autumn_petitgift_area .bg_ly .sub_heading_oute .sub_heading_basic {
  color: #DC5000;
}

/*---- heading PC  ----*/
@media screen and (min-width: 950px) {
  body#autumn_petitgift #autumn_petitgift_area .heading_basic {
    font-size: 3rem;
  }
}
/*slide*/
body#autumn_petitgift #autumn_petitgift_area .slide_heading{
  font-weight: 700;
  font-size: 1.8rem;
  color: #276431;
  margin-left: 20px;
  margin-top: 40px;
}
body#autumn_petitgift #autumn_petitgift_area .slide_container {
  position: relative;
}
body#autumn_petitgift #autumn_petitgift_area .slide_container .slide_wrapper {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  overflow-x: auto;
  overflow-y: hidden;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  height: 330px;
}
body#autumn_petitgift #autumn_petitgift_area .slide_container .slide_outer ul.slide_list {
  display: inline-grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(1, auto);
  grid-auto-columns: 200px;
  padding: 15px;
  margin-right: 20px;
  counter-reset: number 0;
}
body#autumn_petitgift #autumn_petitgift_area .slide_container .slide_outer ul.slide_list li.slide_item {
  position: relative;
  margin-right: 30px;
  padding-top: 10px;
}
body#autumn_petitgift #autumn_petitgift_area .slide_container .slide_outer ul.slide_list li.slide_item .item_img {
  padding: 5px;
}
body#autumn_petitgift #autumn_petitgift_area .slide_container .slide_outer ul.slide_list li.slide_item .item_info p {
  font-size: 1.5rem;
  font-weight: 700;
}
body#autumn_petitgift #autumn_petitgift_area .slide_container .slide_outer ul.slide_list li.slide_item .item_info .name,
body#autumn_petitgift #autumn_petitgift_area .slide_container .slide_outer ul.slide_list li.slide_item .item_info .set {
  margin-bottom: 3px;
}
body#autumn_petitgift #autumn_petitgift_area .slide_container .slide_outer ul.slide_list li.slide_item .item_info .txt {
  margin-top: 5px;
}
body#autumn_petitgift #autumn_petitgift_area .slide_container .slide_outer ul.slide_list li.slide_item a:active .item_info p {
  color: #DC5000;
}

/*---- slide PC  ----*/
@media screen and (min-width: 950px) {
  body#autumn_petitgift #autumn_petitgift_area .slide_container .slide_wrapper {
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    overflow-x: hidden;
  }
  body#autumn_petitgift #autumn_petitgift_area .slide_outer ul.slide_list {
    margin-right: 0px;
    grid-auto-columns: 198px;
  }
  body#autumn_petitgift #autumn_petitgift_area ul.slide_list li a:hover .item_info p {
    color: #DC5000;
  }
}

/*-------------------------title-------------------------*/
body#autumn_petitgift #autumn_petitgift_area #title_area .heading_container {
  position: relative;
  max-width: 500px;
  margin: 0 auto;
}
body#autumn_petitgift #autumn_petitgift_area #title_area .heading_container::before {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/autumn_petitgift/2024/bg01.png");
  background-size: contain;
  aspect-ratio: 1/1;
  width: min(20vw, 150px);
  top: -3vw;
  left: -26vw;
}
body#autumn_petitgift #autumn_petitgift_area #title_area .heading_container .heading_wrapper::before {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/autumn_petitgift/2024/bg04.png");
  background-size: contain;
  aspect-ratio: 461/329;
  width: min(65.87vw, 290px);
  top: -5vw;
  left: -125px;
}
body#autumn_petitgift #autumn_petitgift_area #title_area .heading_container .heading_wrapper::after {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/autumn_petitgift/2024/bg02.png");
  background-size: contain;
  aspect-ratio: 847/276;
  width: min(125.33vw, 400px);
  top: min(5vw, 15px);
  right: -310px;
}
body#autumn_petitgift #autumn_petitgift_area #title_area .heading_container .heading_outer::before {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/original_product/kh/kh_wedding01.png");
  background-size: contain;
  aspect-ratio: 1/1;
  width: min(20vw, 100px);
  bottom: min(10vw, 20px);
  left: min(3vw, 10px);
  transform: rotate(-15deg);
}
body#autumn_petitgift #autumn_petitgift_area #title_area .heading_container .heading_outer::after {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/original_product/ef/ef_wedding04.png");
  background-size: contain;
  aspect-ratio: 1/1;
  width: min(20vw, 100px);
  top: -1vw;
  right: min(3vw, 10px);
  transform: rotate(16deg);
  z-index: 1;
}
body#autumn_petitgift #autumn_petitgift_area #title_area .heading_container .heading_outer .heading_basic {
  font-size: min(8vw, 4rem);
}
body#autumn_petitgift #autumn_petitgift_area #title_area .heading_container .heading_outer .heading_basic::after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 46px;
  height: 50px;
  background-image: url(/images/autumn_petitgift/2024/icon_maple.png);
  background-size: contain;
}
body#autumn_petitgift #autumn_petitgift_area #title_area .title_txt {
  margin-top: 10px;
}
body#autumn_petitgift #autumn_petitgift_area #title_area .title_txt p {
  color: #953314;
  padding: 0 20px 0 20px;
}
/*--------------------------point--------------------------*/
body#autumn_petitgift #autumn_petitgift_area #point .heading_outer .heading_basic::before {
  width: 32px;
  height: 27px;
  background-image: url(/images/autumn_petitgift/2024/icon_leaf.png);
  background-size: contain;
}
body#autumn_petitgift #autumn_petitgift_area #point ul.point_list{
  padding: 0 20px;
}
body#autumn_petitgift #autumn_petitgift_area #point ul li.point_item{
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 20px;
}
body#autumn_petitgift #autumn_petitgift_area #point ul li .point_img{
  width: 130px;
  height: 130px;
  padding: 15px;
  flex: none;
  border-radius: 50%;
  background-color: #FDEEC3;
}
body#autumn_petitgift #autumn_petitgift_area #point .point_text{
  margin-left: -15px;
}
body#autumn_petitgift #autumn_petitgift_area #point .point_text .point_heading {
  margin-bottom: 5px;
  line-height: 160%;
  color: #fff;
  font-weight: 500;
  font-size: 1.8rem;
}
body#autumn_petitgift #autumn_petitgift_area #point .point_text .point_heading span{
  background-color: #276431;
}
body#autumn_petitgift #autumn_petitgift_area #point .point_detail{
  font-size: 1.6rem;
  line-height: 120%;
}
/* 飾り */
body#autumn_petitgift #autumn_petitgift_area #point .bg_inner::before {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url(/images/autumn_petitgift/2024/bg02.png);
  background-size: contain;
  aspect-ratio: 847 / 276;
  width: 447px;
  top: -80px;
  left: -360px;
  transform: scale(-1, 1);
}
body#autumn_petitgift #autumn_petitgift_area #point .bg_inner::after {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url(/images/autumn_petitgift/2024/bg02.png);
  background-size: contain;
  aspect-ratio: 847 / 276;
  width: 447px;
  bottom: -80px;
  right: -300px;
}
/*---- point PC  ----*/
@media screen and (min-width: 950px) {
  body#autumn_petitgift #autumn_petitgift_area #point ul.point_list{
    display: flex;
    flex-wrap: nowrap;
    margin-top: 50px;
  }
  body#autumn_petitgift #autumn_petitgift_area #point ul li.point_item{
    margin-right: 10px;
    width: calc(33% - 20px);
  }
  body#autumn_petitgift #autumn_petitgift_area #point ul li.point_item:last-of-type{
    margin-right: 0;
  }
  body#autumn_petitgift #autumn_petitgift_area #point .point_text {
      margin-left: -20px;
  }
}
/*--------------------------ranking--------------------------*/
body#autumn_petitgift #autumn_petitgift_area #ranking .slide_container .slide_wrapper {
  height: 310px;
}
body#autumn_petitgift #autumn_petitgift_area #ranking .heading_outer .heading_basic::before {
  width: 32px;
  height: 27px;
  background-image: url(/images/autumn_petitgift/2024/icon_crown.png);
  background-size: contain;
}
body#autumn_petitgift #autumn_petitgift_area #ranking .slide_outer ul li::before {
  counter-increment: number 1;
  content: counter(number) " ";
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 2.5rem;
  font-weight: 700;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  border: 1px solid #DC5000;
  background-color: #DC5000;
  width: 34px;
  height: 34px;
  line-height: 28px;
  z-index: 2;
}
body#autumn_petitgift #autumn_petitgift_area #ranking .bg_inner::before {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/autumn_petitgift/2024/bg01.png");
  background-size: contain;
  aspect-ratio: 397/333;
  width: min(120vw, 200px);
  top: -60px;
  left: -60px;
}
body#autumn_petitgift #autumn_petitgift_area #ranking .bg_inner::after {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/autumn_petitgift/2024/bg03.png");
  background-size: contain;
  aspect-ratio: 220/149;
  width: min(80vw, 80px);
  top: -40px;
  right: 0;
}
body#autumn_petitgift #autumn_petitgift_area #ranking .slide_container::before {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/autumn_petitgift/2024/bg03.png");
  background-size: contain;
  aspect-ratio: 220/149;
  width: min(22.93vw, 80px);
  bottom: -30px;
  left: 1.5vw;
}
body#autumn_petitgift #autumn_petitgift_area #ranking .slide_container::after {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/autumn_petitgift/2024/bg05.png");
  background-size: contain;
  aspect-ratio: 300/213;
  width: min(45.33vw, 140px);
  bottom: -42px;
  right: -8.5vw;
}
/*--------------------------index--------------------------*/
body#autumn_petitgift #autumn_petitgift_area #index .heading_outer .heading_basic::before {
  width: 32px;
  height: 27px;
  background-image: url(/images/autumn_petitgift/2024/icon_flower02.png);
  background-size: contain;
}
body#autumn_petitgift #autumn_petitgift_area #index ul.index_wrapper{
  counter-reset: number 0;
  text-align: center;
}
body#autumn_petitgift #autumn_petitgift_area #index ul.index_wrapper li.index_item{
  margin: 0 auto;
  padding: 5px 20px;
  position: relative;
  display: inline-block;
}
body#autumn_petitgift #autumn_petitgift_area #index ul.index_wrapper li::before{
  counter-increment: number 1;
  content: counter(number) "";
  display: inline-block;
  font-size: 2rem;
  font-weight: 700;
  color: #025995;
  z-index: 2;
}
body#autumn_petitgift #autumn_petitgift_area #index ul.index_wrapper a{
  text-decoration: underline;
  color: #313131;
  width: 220px;
}
body#autumn_petitgift #autumn_petitgift_area #index ul.index_wrapper a:active{
  text-decoration: none;
}
body#autumn_petitgift #autumn_petitgift_area #index ul.index_wrapper .index_item_main{
  display: inline-block;
}
body#autumn_petitgift #autumn_petitgift_area #index ul.index_wrapper .index_item_main span.jump_txt{
  position: relative;
  text-align: left;
  margin-left: 60px;
  margin-bottom: 2px;
  color: #025995;
  font-weight: 700;
  font-size: 1.1rem;
  display: block;
}
body#autumn_petitgift #autumn_petitgift_area #index ul.index_wrapper .index_item_main span.jump_txt::before,
body#autumn_petitgift #autumn_petitgift_area #index ul.index_wrapper .index_item_main span.jump_txt::after{
  position: relative;
  display: inline-block;
  content: "";
  background: #025995;
  width: 1px;
  height: 8px;
  margin: 0 8px;
  margin-top: -4px;
  margin-bottom: -4px;
  vertical-align: middle;
}
body#autumn_petitgift #autumn_petitgift_area #index ul.index_wrapper .index_item_main span.jump_txt::before {
  transform: rotate(-35deg);
}
body#autumn_petitgift #autumn_petitgift_area #index ul.index_wrapper .index_item_main span.jump_txt::after {
  transform: rotate(35deg);
}
body#autumn_petitgift #autumn_petitgift_area #index ul.index_wrapper .index_item_main{
  font-size: 1.8rem;
  font-weight: 500;
  margin-left: 25px;
  text-align: left;
}
body#autumn_petitgift #autumn_petitgift_area #index ul.index_wrapper .index_item_main span.open_btn{
  padding: 3px 10px;
  font-size: 1.2rem;
  border-radius: 30px;
  background-color: #025995;
  color: #fff;
  margin-left: 5px;
  cursor: pointer;
}
body#autumn_petitgift #autumn_petitgift_area #index ul.index_wrapper .index_item_main span.blank{
  width: 52px;
  display: inline-block;
}
body#autumn_petitgift #autumn_petitgift_area #index ul.index_wrapper li.index_item.open .index_item_main span.open_btn{
  background-color: #313131;
}
body#autumn_petitgift #autumn_petitgift_area #index ul.index_wrapper li .index_item_sub_wrapper{
  background-color: #fff;
  padding: 8px;
  margin-top: 10px;
}
body#autumn_petitgift #autumn_petitgift_area #index ul.index_wrapper .index_item_sub{
  font-size: 1.4rem;
  font-weight: 500;
  margin-top: 8px;
  margin-left: 12px;
  text-align: left;
}
body#autumn_petitgift #autumn_petitgift_area #index ul.index_wrapper .index_item_sub:first-of-type{
  margin-top: 0;
}
/*------------ index_area PC  ------------*/
@media screen and (min-width: 650px) {
  body#autumn_petitgift #autumn_petitgift_area #index ul.index_wrapper li.index_item{
      width: 100%;
      margin-bottom: 20px;
  }
  body#autumn_petitgift #autumn_petitgift_area #index ul.index_wrapper a:hover{
      text-decoration: none;
  }
  body#autumn_petitgift #autumn_petitgift_area #index ul.index_wrapper li .index_item_sub_wrapper {
      width: 380px;
      margin: 0 auto;
      margin-top: 15px;
  }
}
/*--------------------------original_area--------------------------*/
body#autumn_petitgift #autumn_petitgift_area #original_area .heading_outer .heading_basic::before {
  width: 38px;
  height: 41px;
  background-image: url(/images/autumn_petitgift/2024/icon_maple.png);
  background-size: contain;
}
body#autumn_petitgift #autumn_petitgift_area #original_area .original_sub_heading {
  text-align: center;
  position: relative;
}
body#autumn_petitgift #autumn_petitgift_area #original_area .original_sub_heading .line {
  padding: 0 20px 0 20px;
  height: min(21.33vw, 130px);
  padding-top: min(10.67vw, 65px);
}
body#autumn_petitgift #autumn_petitgift_area #original_area .original_sub_heading .line span {
  width: 100%;
  height: 1px;
  background-color: #DC5000;
  position: relative;
  display: block;
}
body#autumn_petitgift #autumn_petitgift_area #original_area .original_sub_heading .line span:nth-of-type(1) {
  top: 0px;
}
body#autumn_petitgift #autumn_petitgift_area #original_area .original_sub_heading .line span:nth-of-type(2) {
  top: 5px;
}
body#autumn_petitgift #autumn_petitgift_area #original_area .original_sub_heading .line span:nth-of-type(3) {
  top: 10px;
}
body#autumn_petitgift #autumn_petitgift_area #original_area .original_sub_heading .txt {
  background-color: #FDEEC3;
  border: 1px solid #DC5000;
  width: min(21.33vw, 130px);
  height: min(21.33vw, 130px);
  border-radius: 50%;
  font-size: min(4vw, 25px);
  font-weight: 700;
  line-height: 120%;
  text-align: center;
  display: inline-grid;
  align-content: center;
  position: absolute;
  top: 0;
  left: calc(50% - min(10.67vw, 65px));
}
body#autumn_petitgift #autumn_petitgift_area #original_area .original_sub_heading .txt span.l_orange {
  display: contents;
}
body#autumn_petitgift #autumn_petitgift_area #original_area .original_sub_heading .memo {
  font-size: 1.1rem;
  margin-top: 5px;
  font-weight: 500;
}

/*---original_area slide-----*/
body#autumn_petitgift #autumn_petitgift_area #original_area .original_item_area {
  margin-bottom: 50px;
  position: relative;
}
body#autumn_petitgift #autumn_petitgift_area .price_range .slide_wrapper {
  height: 560px;
}
body#autumn_petitgift #autumn_petitgift_area .price_range .slide_wrapper .slide_outer ul.slide_list {
  grid-auto-columns: min(69.6vw, 300px);
}
body#autumn_petitgift #autumn_petitgift_area .price_range .slide_wrapper .slide_outer ul.slide_list li.slide_item {
  border-radius: 20px;
  background-color: #FFF9EB;
  border: #FDEEC3 solid 2px;
  padding-top: 0;
}
body#autumn_petitgift #autumn_petitgift_area .price_range .slide_wrapper .slide_outer ul.slide_list li.slide_item .use_img img {
  border-radius: 20px 20px 0px 0px;
}
body#autumn_petitgift #autumn_petitgift_area .price_range .slide_wrapper .slide_outer ul.slide_list li.slide_item .item_info {
  padding: 15px;
  padding-bottom: 20px;
}
body#autumn_petitgift #autumn_petitgift_area .price_range .slide_wrapper .slide_outer ul.slide_list li.slide_item .item_info .name p {
  font-size: 2rem;
  font-weight: 700;
  vertical-align: middle;
}
body#autumn_petitgift #autumn_petitgift_area .price_range .slide_wrapper .slide_outer ul.slide_list li.slide_item .item_info .name p::before {
  background: url(/images/autumn_petitgift/2024/icon_flower.png) no-repeat;
  content: "";
  display: inline-block;
  aspect-ratio: 50/52;
  width: 20px;
  margin-right: 2px;
  background-size: contain;
}
body#autumn_petitgift #autumn_petitgift_area .price_range .slide_wrapper .slide_outer ul.slide_list li.slide_item .item_info .s_recommend {
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 8px;
}
body#autumn_petitgift #autumn_petitgift_area .price_range .slide_wrapper .slide_outer ul.slide_list li.slide_item .item_info .recommend {
  font-size: 1.3rem;
  font-weight: 500;
  margin-bottom: 13px;
}
body#autumn_petitgift #autumn_petitgift_area #original_area .bg_inner::before {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/autumn_petitgift/2024/bg02.png");
  background-size: contain;
  aspect-ratio: 847/276;
  width: 447px;
  top: -60px;
  left: -360px;
  transform: scale(-1, 1);
}
body#autumn_petitgift #autumn_petitgift_area #original_area .bg_inner::after {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/autumn_petitgift/2024/bg01.png");
  background-size: contain;
  aspect-ratio: 397/333;
  width: min(49.07vw, 250px);
  top: 15px;
  right: -90px;
  transform: scale(-1, 1);
}
body#autumn_petitgift #autumn_petitgift_area #original_area #range_200::after {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/autumn_petitgift/2024/bg02.png");
  background-size: contain;
  aspect-ratio: 847/276;
  width: 447px;
  bottom: -90px;
  right: -330px;
}
body#autumn_petitgift #autumn_petitgift_area #original_area #range_300::before {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/autumn_petitgift/2024/bg02.png");
  background-size: contain;
  aspect-ratio: 847/276;
  width: 447px;
  top: 94px;
  left: -300px;
}
body#autumn_petitgift #autumn_petitgift_area #original_area #range_300::after {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/autumn_petitgift/2024/bg01.png");
  background-size: contain;
  aspect-ratio: 397/333;
  width: min(38.4vw, 250px);
  bottom: -90px;
  left: -2.67vw;
}
body#autumn_petitgift #autumn_petitgift_area #original_area #range_400::after {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/autumn_petitgift/2024/bg01.png");
  background-size: contain;
  aspect-ratio: 397/333;
  width: min(38.4vw, 250px);
  bottom: 8vw;
  right: -180px;
}

/*---- original_area slide PC  ----*/
@media screen and (min-width: 950px) {
  body#autumn_petitgift #autumn_petitgift_area ul.slide_list {
    width: 100%;
    margin-right: 0;
    margin-left: 20px;
    justify-content: center;
  }
}

/*--------------------------flow_area--------------------------*/
body#autumn_petitgift #autumn_petitgift_area #flow_area .heading_outer .heading_basic::before {
  width: 40px;
  height: 40px;
  background-image: url(/images/autumn_petitgift/2024/icon_icho.png);
  background-size: contain;
}
body#autumn_petitgift #autumn_petitgift_area #flow_area ul.flow_step {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
body#autumn_petitgift #autumn_petitgift_area #flow_area ul.flow_step li {
  background-color: #F8C53B;
  width: min(41.33vw, 200px);
  height: min(41.33vw, 200px);
  text-align: center;
  margin-bottom: 30px;
}
body#autumn_petitgift #autumn_petitgift_area #flow_area ul.flow_step li:nth-of-type(odd) {
  margin-right: 20px;
}
body#autumn_petitgift #autumn_petitgift_area #flow_area ul.flow_step li .flow_txt {
  color: #276431;
  font-weight: 700;
  font-size: 1.5rem;
  margin-top: 5px;
}
body#autumn_petitgift #autumn_petitgift_area #flow_area ul.flow_step li .flow_img {
  width: min(32vw, 160px);
  margin: 0 auto;
  margin-top: 10px;
}
body#autumn_petitgift #autumn_petitgift_area #flow_area .bg_inner::before {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/autumn_petitgift/2024/bg01.png");
  background-size: contain;
  aspect-ratio: 397/333;
  width: min(53.33vw, 250px);
  top: -50px;
  left: -80px;
}
body#autumn_petitgift #autumn_petitgift_area #flow_area .bg_inner::after {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/autumn_petitgift/2024/bg03.png");
  background-size: contain;
  aspect-ratio: 220/149;
  width: min(29.33vw, 140px);
  top: -35px;
  right: -20px;
}
body#autumn_petitgift #autumn_petitgift_area #flow_area ul.flow_step::before {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/autumn_petitgift/2024/bg03.png");
  background-size: contain;
  aspect-ratio: 220/149;
  width: min(29.33vw, 140px);
  bottom: 0px;
  left: -60px;
}
body#autumn_petitgift #autumn_petitgift_area #flow_area ul.flow_step::after {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/autumn_petitgift/2024/bg05.png");
  background-size: contain;
  aspect-ratio: 300/213;
  width: 145px;
  bottom: -10px;
  right: -130px;
}
@media screen and (min-width: 640px) {
  body#autumn_petitgift #autumn_petitgift_area #flow_area ul.flow_step li:nth-of-type(even) {
    margin-right: 20px;
  }
  body#autumn_petitgift #autumn_petitgift_area #flow_area ul.flow_step li:nth-last-of-type() {
    margin-right: 0;
  }
}

/*---- flow_area PC  ----*/
@media screen and (min-width: 950px) {
  body#autumn_petitgift #autumn_petitgift_area #flow_area ul.flow_step li {
    width: 200px;
  }
  body#autumn_petitgift #autumn_petitgift_area #flow_area ul.flow_step li:nth-of-type(even) {
    margin-right: 20px;
  }
  body#autumn_petitgift #autumn_petitgift_area #flow_area ul.flow_step li:nth-last-of-type() {
    margin-right: 0;
  }
}

/*--------------------------category_area--------------------------*/
body#autumn_petitgift #autumn_petitgift_area #category_area .heading_outer .heading_basic::before,
body#autumn_petitgift #autumn_petitgift_area #person_area .heading_outer .heading_basic::before{
  width: 40px;
  height: 40px;
  background-image: url(/images/autumn_petitgift/2024/icon_flower03.png);
  background-size: contain;
}
body#autumn_petitgift #autumn_petitgift_area #category_area .bg_inner {
  padding: 0 20px;
}
body#autumn_petitgift #autumn_petitgift_area #category_area .bg_inner .slide_container,
body#autumn_petitgift #autumn_petitgift_area #person_area .bg_inner .slide_container {
  padding: 30px 0 50px;
}
body#autumn_petitgift #autumn_petitgift_area #category_area .bg_inner .slide_container .slide_wrapper {
  margin-bottom: 10px;
}
body#autumn_petitgift #autumn_petitgift_area #category_area .bg_inner::before {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/autumn_petitgift/2024/bg02.png");
  background-size: contain;
  aspect-ratio: 847/276;
  width: 447px;
  top: -90px;
  left: -350px;
  transform: scale(-1, 1);
}
body#autumn_petitgift #autumn_petitgift_area #category_area .bg_inner::after {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/autumn_petitgift/2024/bg01.png");
  background-size: contain;
  aspect-ratio: 397/333;
  width: min(49.33vw, 210px);
  top: -85px;
  right: -20px;
  transform: scale(-1, 1);
}
body#autumn_petitgift #autumn_petitgift_area #category_area #slide_food::before {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/autumn_petitgift/2024/bg01.png");
  background-size: contain;
  aspect-ratio: 397/333;
  width: min(49.33vw, 210px);
  bottom: -90px;
  left: -100px;
  transform: scale(-1, 1);
}
body#autumn_petitgift #autumn_petitgift_area #category_area #slide_food::after {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/autumn_petitgift/2024/bg02.png");
  background-size: contain;
  aspect-ratio: 847/276;
  width: 447px;
  bottom: -35px;
  right: -390px;
}
body#autumn_petitgift #autumn_petitgift_area #category_area #slide_towel::before {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/autumn_petitgift/2024/bg02.png");
  background-size: contain;
  aspect-ratio: 847/276;
  width: 447px;
  bottom: -35px;
  left: -100px;
}
body#autumn_petitgift #autumn_petitgift_area #category_area #slide_towel::after {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/autumn_petitgift/2024/bg02.png");
  background-size: contain;
  aspect-ratio: 847/276;
  width: 447px;
  bottom: -75px;
  right: -380px;
}
body#autumn_petitgift #autumn_petitgift_area #category_area #slide_goods::before {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/autumn_petitgift/2024/bg02.png");
  background-size: contain;
  aspect-ratio: 847/276;
  width: 447px;
  bottom: -35px;
  left: -240px;
  transform: scale(-1, 1);
}
body#autumn_petitgift #autumn_petitgift_area #category_area #slide_goods::after {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/autumn_petitgift/2024/bg02.png");
  background-size: contain;
  aspect-ratio: 847/276;
  width: 447px;
  bottom: -75px;
  right: -320px;
  transform: scale(-1, 1);
}
/*--------------------------person_area--------------------------*/
/* 飾り */
body#autumn_petitgift #autumn_petitgift_area #person_area .bg_inner::before {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/autumn_petitgift/2024/bg02.png");
  background-size: contain;
  aspect-ratio: 847/276;
  width: 447px;
  top: -90px;
  left: -350px;
  transform: scale(-1, 1);
}
body#autumn_petitgift #autumn_petitgift_area #person_area #person_women::before {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/autumn_petitgift/2024/bg01.png");
  background-size: contain;
  aspect-ratio: 397/333;
  width: min(49.33vw, 210px);
  bottom: -90px;
  left: -100px;
  transform: scale(-1, 1);
}
body#autumn_petitgift #autumn_petitgift_area #person_area #person_men::after {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/autumn_petitgift/2024/bg02.png");
  background-size: contain;
  aspect-ratio: 847/276;
  width: 447px;
  bottom: -35px;
  right: -390px;
}
body#autumn_petitgift #autumn_petitgift_area #person_area #person_boss::before {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/autumn_petitgift/2024/bg02.png");
  background-size: contain;
  aspect-ratio: 847/276;
  width: 447px;
  bottom: -35px;
  left: -100px;
}
/*--------------------------faq_area--------------------------*/
body#autumn_petitgift #autumn_petitgift_area #faq_area .heading_outer .heading_basic::before {
  width: 45px;
  height: 45px;
  background-image: url(/images/autumn_petitgift/2024/icon_branch.png);
  background-size: contain;
}
body#autumn_petitgift #autumn_petitgift_area #faq_area .faq_item_wrapper {
  padding: 0 20px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
body#autumn_petitgift #autumn_petitgift_area #faq_area .faq_item_wrapper a {
  text-decoration: underline;
}
body#autumn_petitgift #autumn_petitgift_area #faq_area .faq_item_wrapper .faq_item {
  max-width: 625px;
  text-align: left;
  margin: 0 auto;
  margin-top: 15px;
  padding: 10px;
  cursor: pointer;
  background-color: #FDEEC3;
  border-radius: 3px;
}
body#autumn_petitgift #autumn_petitgift_area #faq_area .faq_item_wrapper .faq_item .faq_q {
  position: relative;
  font-size: 1.7rem;
  font-weight: 700;
  padding-right: 23px;
  padding-left: 20px;
  text-indent: -10px;
}
body#autumn_petitgift #autumn_petitgift_area #faq_area .faq_item_wrapper .faq_item .faq_q::before {
  display: inline-block;
  content: "Q";
  font-size: 1.7rem;
  font-weight: 700;
  margin-right: 5px;
}
body#autumn_petitgift #autumn_petitgift_area #faq_area .faq_item_wrapper .faq_item .faq_q::after {
  content: "▼";
  font-size: 1.1rem;
  line-height: 1.1rem;
  position: absolute;
  right: 6px;
  top: calc(50% - 0.5rem);
}
body#autumn_petitgift #autumn_petitgift_area #faq_area .faq_item_wrapper .faq_item .faq_q.open {
  color: #025995;
}
body#autumn_petitgift #autumn_petitgift_area #faq_area .faq_item_wrapper .faq_item .faq_q.open ::after {
  content: "▲";
}
body#autumn_petitgift #autumn_petitgift_area #faq_area .faq_item_wrapper .faq_item .faq_a {
  position: relative;
  padding-top: 15px;
  font-size: 1.6rem;
}
body#autumn_petitgift #autumn_petitgift_area #faq_area .faq_item_wrapper .faq_item .faq_a::before {
  position: absolute;
  content: "A";
  font-size: 1.7rem;
  font-weight: 700;
  margin-right: 5px;
  color: #DC5000;
  width: 17px;
}
body#autumn_petitgift #autumn_petitgift_area #faq_area .faq_item_wrapper .faq_item .faq_a .faq_a_contents {
  padding-left: 15px;
}
body#autumn_petitgift #autumn_petitgift_area #faq_area .faq_item_wrapper .faq_item .faq_a .faq_a_contents:not(:first-of-type) {
  margin-top: 20px;
}
body#autumn_petitgift #autumn_petitgift_area #faq_area .faq_item_wrapper .faq_item .faq_a .faq_a_heading {
  font-weight: 700;
  margin-bottom: 5px;
}
body#autumn_petitgift #autumn_petitgift_area #faq_area .faq_item_wrapper::before {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/autumn_petitgift/2024/bg01.png");
  background-size: contain;
  aspect-ratio: 397/333;
  width: min(49.33vw, 210px);
  top: -155px;
  left: -100px;
  transform: scale(-1, 1);
}
body#autumn_petitgift #autumn_petitgift_area #faq_area .faq_item_wrapper:after {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/autumn_petitgift/2024/bg03.png");
  background-size: contain;
  aspect-ratio: 220/149;
  width: min(18.67vw, 100px);
  top: -110px;
  right: 10px;
}
body#autumn_petitgift #autumn_petitgift_area #faq_area .bg_inner::before {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/autumn_petitgift/2024/bg02.png");
  background-size: contain;
  aspect-ratio: 847/276;
  width: 447px;
  bottom: 50px;
  left: -240px;
}
body#autumn_petitgift #autumn_petitgift_area #faq_area .bg_inner::after {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/autumn_petitgift/2024/bg01.png");
  background-size: contain;
  aspect-ratio: 397/333;
  width: min(49.33vw, 210px);
  top: 145px;
  right: -50px;
  transform: scale(-1, 1);
}
body#autumn_petitgift #autumn_petitgift_area #faq_area::after {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url("/images/autumn_petitgift/2024/bg04.png");
  background-size: contain;
  aspect-ratio: 461/329;
  width: 447px;
  width: 180px;
  bottom: -40px;
  right: -80px;
  transform: scale(-1, 1);
}