@charset "shift_jis";
/* CSS Document */

.ct_box {
  width: 100%;
  margin: 0 auto;
  background: #fceff4;
}

.ct_inbox {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}

.ct_box > .w480 {
  width: 100%;
  max-width: 480px;
  box-sizing: border-box;
  margin: 0 auto;
}

@media (min-width: 481px) {
  .ct_box > .w480 {
    border-right: 4px #fff solid;
    border-left: 4px #fff solid;
  }
  .ct_box {
    background: url(../images/bg_pc_2407.png);
  }

  /* min-width: 481px */
}

.pc_none {
  display: none;
}
.sp_none {
  display: block;
}

.price_box {
  padding: 35px 0;
  background: url(../images/date_bg.jpg) no-repeat center center;
  background-size: cover;
}

.price_box .price_inbox {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
}

.price_box .date_2207 {
  max-width: 632px;
  width: 90%;
}

.ct_box .btn_mall .btn {
  display: inline-block;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.15em 2em;
  font-size: 22px;
  width: 220px;
  border-radius: 6px;
  box-sizing: border-box;

  margin-top: 15px;
}
.ct_box .btn_mall .btn.btn-light {
  display: block;
  color: #fff;
  background-color: #00b2ff;
  border-color: #00b2ff;
}

/* #contents .movie_box {
width: 90%;
max-width: 800px;
padding: 40px 0;
margin: 0 auto;
} */

#contents .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#contents .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

#contents .mainimg {
  background: url(../images/main_bg.png) no-repeat center center;
  background-size: cover;
  padding: 30px 10px 20px;
}

#contents .mainimg .mainimg_inbox {
  max-width: 1120px;
  width: 100%;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#contents .mainimg .mainimg_inbox h1 {
  display: block;
  max-width: 618px;
  width: 56%;
}
#contents .mainimg .mainimg_inbox .txt_box {
  display: block;
  max-width: 472px;
  width: 80%;
  margin: 20px auto;
}
#contents .mainimg .mainimg_inbox .mainimg_btn {
  display: block;
  max-width: 472px;
  width: 80%;
  margin: 20px auto;
}
.main_text_btn{
  display: block;
  max-width: 472px;
  width: 80%;
  margin: 20px auto;
}
#contents .mainimg .mainimg_inbox .txt_box .copyright {
  text-align: center;
  font-size: 12px;
  color: #895d4b;
}

#contents .ct_inbox {
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
}

#contents .list_box {
  background: #f1f1f1 url(../images/box_bg_top.png) no-repeat top center;
  position: relative;
  margin-bottom: 140px;
}
#contents .list_box .list_bottom {
  background: url(../images/box_bg_bottom.png) no-repeat bottom center;
  /* display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-flex-wrap: wrap;
flex-wrap: wrap; */
  display: block;
  padding: 80px 10px 50px;
}

#contents .list_box .list_bottom .list_bottom_inbox {
  position: relative;
}

#contents .list_bottom_inbox .list_bottom_label {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  margin: 0 auto;
  width: 330px;
  height: 74px;
  cursor: pointer;
  z-index: 10;
}

#contents .list_bottom_inbox .list_bottom_label::before {
  position: absolute;
  display: block;
  width: 330px;
  height: 74px;
  cursor: pointer;
  content: "";
  background: url(../images/newbtn_open.png) top center no-repeat;
  background-size: 100% auto;
}

#contents .list_bottom_inbox input[type="checkbox"]:checked ~ .list_bottom_label::before {
  position: absolute;
  display: block;
  width: 330px;
  height: 74px;
  cursor: pointer;
  content: "";
  background: url(../images/newbtn_close.png) top center no-repeat;
  background-size: 100% auto;
}

#contents .list_bottom_inbox input[type="checkbox"] {
  display: none;
  /* position: absolute;
bottom:0;
z-index: 10; */
}

#contents .list_bottom_inbox .list_btn_readmore {
  position: relative;
  height: 950px;
  overflow: hidden;
}

#contents .list_bottom_inbox input[type="checkbox"]:checked ~ .list_btn_readmore {
  height: auto;
  padding-bottom: 90px;
}

#contents .list_bottom_inbox .list_btn_readmore::before {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 140px;
  background: linear-gradient(to bottom, rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 0.95) 90%);
}

#contents .list_bottom_inbox input[type="checkbox"]:checked ~ .list_btn_readmore::before {
  background: none;
}

#contents .list_bottom_inbox ul.list_btn {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
}
#contents .list_bottom_inbox ul.list_btn li {
  width: 49%;
  max-width: 500px;
  margin-bottom: 20px;
}

.slick-prev {
  left: 12px;
  width: 25px;
  height: 27px;
  background: url(../images/icon_arrow_prev.png) no-repeat;
}
.slick-next {
  right: 12px;
  width: 25px;
  height: 27px;
  background: url(../images/icon_arrow_next.png) no-repeat;
}
.slick-prev:before,
.slick-next:before {
  display: none;
}
.slick-prev:hover,
.slick-prev:focus {
  opacity: 0.7;
  background: url(../images/icon_arrow_prev.png) no-repeat;
}
.slick-next:hover,
.slick-next:focus {
  opacity: 0.7;
  background: url(../images/icon_arrow_next.png) no-repeat;
}
#contents .list_box h2 {
  display: block;
  text-align: center;
  position: absolute;
  top: -50px;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 10;
}
#contents .list_box h2 span {
  display: block;
  max-width: 518px;
  width: 90%;
  margin: 0 auto;
}

#contents .house_box {
  position: relative;
  background: #86bddf;
  padding: 80px 0 10px;
}

#contents .house_box .anchor {
  position: absolute;
  top: -100px;
}

#contents h2.houselogo_ttl {
  display: block;
  width: 90%;
  max-width: 758px;
  margin: 0 auto 30px;
}

#contents .house_ctgly_box {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;

  margin: 0 auto 100px;
}

#contents .house_ctgly_box a {
  display: block;
  width: 32%;
  margin: 0 0.5% 10px;
  max-width: 344px;
}

#contents .house_box h2.house_ttl {
  display: block;
  text-align: center;
  position: absolute;
  top: -50px;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 10;
}
#contents .house_box h2.house_ttl span {
  display: block;
  max-width: 518px;
  width: 90%;
  margin: 0 auto;
}
#contents .house_box .house_list_2304 {
  margin-bottom: 40px;
}

#contents .house_box .house_img01 {
  display: block;
  max-width: 980px;
  width: 96%;
  margin: 0 auto 40px;
}

#contents .house_box .house_img02 {
  display: block;
  margin: 0 auto 60px;
}

#contents .house_each_box {
  position: relative;
  width: 94%;
  max-width: 980px;
  margin: 0 auto;
  position: relative;
  background: url(../images/house01_bg.png);
  padding: 120px 0 30px;
}
#contents .house_each_box.eachbox02 {
  background: url(../images/house02_bg.png);
}
#contents .house_each_box.eachbox03 {
  background: url(../images/house03_bg.png);
}
#contents .house_each_box.eachbox04 {
  background: url(../images/house04_bg.png);
}
#contents .house_each_box.eachbox05 {
  background: url(../images/house05_bg.png);
}

#contents .house_each_box.eachbox07 {
  background: url(../images/house03_bg.png);
}

#contents .house_each_box.eachbox08 {
  background: url(../images/house02_bg.png);
}

#contents .house_each_box .house_anchor {
  position: absolute;
  top: -100px;
}

#contents .house_each_box h2 {
  display: block;
  text-align: center;
  position: absolute;
  top: -100px;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 10;
}
#contents .house_each_box h2 span {
  display: block;
  max-width: 816px;
  width: 100%;
  margin: 0 auto;
}

#contents .house_each_box .house_img01 {
  width: 96%;
  max-width: 886px;
  margin: 0 auto 20px;
}

#contents .house_each_box .house_img02 {
  display: block;
  width: 96%;
  max-width: 806px;
  margin: 0 auto 10px;
}

#contents .house_each_box .house_img03 {
  display: block;
  width: 90%;
  max-width: 741px;
  margin: 0 auto;
}

#contents .house_each_box .pconly {
  position: relative;
}

#contents .house_each_box .btn_buy {
  margin: 0 auto;
  width: 220px;
}

/* #contents .house_each_box.eachbox05 .pconly .btn_buy,
#contents .house_each_box.eachbox06 .pconly .btn_buy {
position: absolute;
right: 100px;
bottom: 350px;
} */

#contents .balloon_box {
  /* background: #F8DFE1; */
  background: #b2e7f9;

  overflow: hidden;
  border-radius: 40px;
  padding: 40px 0;
  max-width: 983px;
  width: 100%;
  margin: 0 auto 160px;
}

/* #contents .balloon_box .balloon_inbox {
padding: 40px 25px 0;
background: url(../images/balloon_bg_2402.jpg) top right no-repeat;
} */

#contents .balloon_box .balloon_inbox .balloon_listbox01 {
  width: 75%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
#contents .balloon_box .balloon_inbox .balloon_listbox02 {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

#contents .balloon_box .balloon_inbox .balloon_each {
  width: 231px;
  margin: 0 auto;
}

#contents .balloon_box .balloon_inbox .balloon_each .balloonbtn_07_txt {
  text-align: center;
  font-weight: bold;
  color: #7e482c;
  font-size: 15px;
}

.ct_box .balloon_each .btn_mall .btn {
  display: inline-block;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.15em 2em;
  font-size: 22px;
  width: 180px;
  border-radius: 6px;
  margin: 0 auto;
}
.ct_box .balloon_each .btn_mall .btn.btn-light {
  display: block;
  color: #fff;
  background-color: #00b2ff;
  border-color: #00b2ff;
}

#contents .party_garden {
  position: relative;
  background-color: #85d7f3;
  padding: 80px 0 0;
}

#contents .party_garden .anchor {
  position: absolute;
  top: -100px;
}

#contents .party_garden h2.party_garden_ttl {
  display: block;
  text-align: center;
  position: absolute;
  top: -50px;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 10;
}
#contents .party_garden h2.party_garden_ttl span {
  display: block;
  max-width: 518px;
  width: 90%;
  margin: 0 auto;
}

#contents .party_garden .garden_img01 {
  width: 96%;
  max-width: 890px;
  position: relative;
  margin: 0 auto 20px;
}

#contents .party_garden .garden_img01 .btn_buy {
  position: absolute;
  bottom: 40px;
  right: 70px;
}

#contents .party_garden .garden_img02 {
  width: 96%;
  max-width: 894px;
  position: relative;
  margin: 0 auto 40px;
}

#contents .party_doll {
  position: relative;
  background-color: #85d7f3;
  padding: 80px 0 1px;
}

#contents .party_doll .anchor {
  position: absolute;
  top: -100px;
}

#contents .party_doll h2.party_doll_ttl {
  display: block;
  text-align: center;
  position: absolute;
  top: -50px;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 10;
}
#contents .party_doll h2.party_doll_ttl span {
  display: block;
  max-width: 518px;
  width: 90%;
  margin: 0 auto;
}

#contents .party_doll .party_doll_img01 {
  width: 96%;
  max-width: 837px;
  position: relative;
  margin: 0 auto 20px;
}

#contents .party_doll .party_doll_img01 .btn_buy {
  position: absolute;
  bottom: 40px;
  right: 40px;
}

#contents .party_doll .party_doll_img02 {
  width: 96%;
  max-width: 837px;
  position: relative;
  margin: 0 auto 30px;
}

/*- 2402 --------------------------*/

#contents .sweets_shop {
  position: relative;
  background: #f4bece;
  padding: 80px 0 40px;
}

#contents .sweets_shop .anchor {
  position: absolute;
  top: -100px;
}

#contents .sweets_shop h2.sweets_shop_ttl {
  display: block;
  text-align: center;
  position: absolute;
  top: -50px;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 10;
}
#contents .sweets_shop h2.sweets_shop_ttl span {
  display: block;
  max-width: 518px;
  width: 90%;
  margin: 0 auto;
}

#contents .sweets_shop .sweets_shop_img01 {
  width: 96%;
  max-width: 941px;
  position: relative;
  margin: 0 auto 20px;
}

#contents .sweets_shop .sweets_shop_img01 .btn_buy {
  position: absolute;
  bottom: 40px;
  right: 70px;
}

.ct_box .sweets_shop .sweets_shop_img01 .btn_mall .btn.btn-light {
  display: block;
  color: #fff;
  background-color: #ee87a5;
  border: solid 3px #fff;
}

#contents .sweets_shop .sweets_shop_img02 {
  width: 96%;
  max-width: 870px;
  position: relative;
  margin: 0 auto 20px;
}

#contents .sweets_shop .sweets_shop_img04 {
  margin: 0 auto 10px;
}

#contents .sweets_shop .sweets_shop_img05_box {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  width: 96%;
  margin: 0 auto;
}

#contents .sweets_shop .sweets_shop_img05_box .sweets_shop_img05 {
  display: block;
  width: 50%;
  height: auto;
  max-width: 494px;
}

#contents .sweets_shop .sweets_shop_img05_box > a {
  display: block;
  width: 50%;
  height: auto;
  max-width: 454px;
}

#contents .crepe {
  position: relative;
  background: #f4bece url(../images/crepe_bg.png) top center repeat-y;
  background-size: 100% auto;
  padding: 80px 0 20px;
}

#contents .crepe .anchor {
  position: absolute;
  top: -100px;
}

#contents .crepe h2.crepe_ttl {
  display: block;
  text-align: center;
  position: absolute;
  top: -50px;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 10;
}
#contents .crepe h2.crepe_ttl span {
  display: block;
  max-width: 518px;
  width: 90%;
  margin: 0 auto;
}

#contents .crepe .crepe_img00 {
  width: 96%;
  max-width: 957px;
  margin: 0 auto 20px;
}

#contents .crepe .buy_box {
  margin: 0 auto 40px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 80%;
}
#contents .crepe .buy_box > div {
  width: 50%;
}
#contents .crepe .buy_box > div p {
  text-align: center;
  font-weight: bold;
  color: #7e482c;
  font-size: 16px;
}

#contents .crepe .btn_mall .btn.btn-light {
  margin: 0 auto 20px;
  display: block;
  color: #fff;
  background-color: #ee87a5;
  border: solid 3px #fff;
}
#contents .crepe .crepe_img01 {
  margin: 0 auto 40px;
}

#contents .crepe .crepe_set_ttl {
  display: block;
  width: 175px;
  height: auto;
  margin: 0 auto 20px;
}

#contents .crepe .crepe_set {
  width: 96%;
  max-width: 918px;
  margin: 0 auto 10px;
}

/*- 2404 --------------------------*/

#contents .movie_box {
  position: relative;
  background: #ffe5da;
  padding: 100px 0 40px;
  width: 100%;
}

#contents .movie_box .anchor {
  position: absolute;
  top: -100px;
}

#contents .movie_box h2.movie_box_ttl {
  display: block;
  text-align: center;
  position: absolute;
  top: -50px;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 10;
}
#contents .movie_box h2.movie_box_ttl span {
  display: block;
  max-width: 518px;
  width: 90%;
  margin: 0 auto;
}

#contents .movie_box .promo_movie_box {
  width: 94%;
  max-width: 860px;
  margin: 0 auto;
  border: solid 8px #fff;
}

#contents .movie_box p.movie_txt {
  display: block;
  margin: 0 auto 40px;
  width: 90%;
  text-align: center;
  padding-top: 20px;
  font-size: 16px;
  font-weight: bold;
}

#contents .movie_box p.movie_txt:last-of-type {
  margin-bottom: 0px;
}

/*- 2405  -----------------*/

#contents .movie_box .movie_inbox {
  max-width: 800px;
  width: 96%;
  margin: 0 auto;
}

#contents .movie_box .movie_inbox #slider {
  width: 100%;
  margin: 0 auto 15px;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 8px;
  border: solid 3px #fff;
}
#contents .movie_box .movie_inbox #slider li {
  display: block;
  overflow: hidden;
  border-radius: 10px;
}
#contents .movie_box .movie_inbox #slider li a {
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 104% auto;
}

#contents .movie_box .movie_inbox #thumbnail_slider {
  width: 100%;
}
#contents .movie_box .movie_inbox #thumbnail_slider .slick-track {
  transform: unset !important;
}
#contents .movie_box .movie_inbox #thumbnail_slider .thumbnail-item {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 12px;
  border: solid 2px #fff;
  margin: 0 5px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 104% auto;
}

#contents .hoshizora {
  position: relative;
  background: url(../images/2405_hoshizora_bg.jpg) top center repeat-y;
  background-size: 100% auto;
  padding: 80px 0 40px;
}

#contents .hoshizora .anchor {
  position: absolute;
  top: -100px;
}

#contents .hoshizora h2.hoshizora_ttl {
  display: block;
  text-align: center;
  position: absolute;
  top: -40px;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 10;
}
#contents .hoshizora h2.hoshizora_ttl span {
  display: block;
  max-width: 603px;
  width: 90%;
  margin: 0 auto;
}

#contents .hoshizora .hoshizora_img01 {
  width: 100%;
  /* max-width: 941px; */
  position: relative;
  /* margin: 0 auto 40px; */
}

#contents .hoshizora .hoshizora_img01 .btn_buy {
  position: absolute;
  bottom: 80px;
  right: 150px;
}

.ct_box .hoshizora .hoshizora_img01 .btn_mall .btn.btn-light {
  display: block;
  color: #fff;
  background-color: #549fa2;
  border: solid 3px #fff;
}

#contents .hoshizora .hoshizora_img02 {
  background: url(../images/2405_hoshizora_img02_bgtop.png) top center no-repeat;
  background-size: 100% auto;
}

#contents .hoshizora .hoshizora_img02_inbox {
  background: url(../images/2405_hoshizora_img02_bgbottom.png) bottom center no-repeat;
  background-size: 100% auto;
  padding: 40px 0;
}
#contents .hoshizora .hoshizora_img02_inbox img {
  display: block;
  width: 96%;
  max-width: 980px;
  margin: 0 auto;
}

#contents .hoshizora .hoshizora_img03_ttl {
  background-color: #a1d7dd;
  padding: 15px 0;
}
#contents .hoshizora .hoshizora_img03_ttl img {
  display: block;
  width: 96%;
  max-width: 992px;
  margin: 0 auto;
}

#contents .hoshizora .hoshizora_img03_img {
  display: block;
  width: 96%;
  max-width: 980px;
  margin: 10px auto;
}

#contents .hoshizora .hoshizora_img04 {
  display: block;
  width: 96%;
  max-width: 913px;
  margin: 0 auto;
}

#contents .charm_house {
  position: relative;
  background: url(../images/2405_house_bg.png) top center repeat-y;
  background-size: 100% auto;
  padding: 80px 0 40px;
}

#contents .charm_house .anchor {
  position: absolute;
  top: -100px;
}

#contents .charm_house h2.charm_house_ttl {
  display: block;
  text-align: center;
  position: absolute;
  top: -50px;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 10;
}
#contents .charm_house h2.charm_house_ttl span {
  display: block;
  max-width: 703px;
  width: 90%;
  margin: 0 auto;
}

#contents .charm_house .charm_house_img01 {
  width: 93%;
  max-width: 874px;
  position: relative;
  margin: 0 auto 40px;
}

#contents .charm_house .charm_house_img01 .btn_buy {
  position: absolute;
  bottom: 10px;
  right: 100px;
}

.ct_box .charm_house .charm_house_img01 .btn_mall .btn.btn-light {
  display: block;
  color: #fff;
  background-color: #de9123;
  border: solid 3px #fff;
}

#contents .charm_house .charm_house_img02 {
  display: block;
  width: 93%;
  max-width: 870px;
  position: relative;
  margin: 0 auto 30px;
}

#contents .btn2405_manual {
  display: block;
  width: 60%;
  max-width: 360px;
  margin: 0 auto;
}

#contents .charm_house.charm_starry {
  background: url(../images/2405_night_bg.jpg) top center repeat-y;
  background-size: 100% auto;
}
.ct_box .charm_house.charm_starry .charm_house_img01 .btn_mall .btn.btn-light {
  display: block;
  color: #fff;
  background-color: #726bb7;
  border: solid 3px #fff;
}

#contents .charm_house {
  position: relative;
  background: url(../images/2405_house_bg.png) top center repeat-y;
  background-size: 100% auto;
  padding: 80px 0 40px;
}

#contents .charm_house .anchor {
  position: absolute;
  top: -100px;
}

#contents .charm_house h2.charm_house_ttl {
  display: block;
  text-align: center;
  position: absolute;
  top: -50px;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 10;
}
#contents .charm_house h2.charm_house_ttl span {
  display: block;
  max-width: 703px;
  width: 90%;
  margin: 0 auto;
}

#contents .charm_house .charm_house_img01 {
  width: 93%;
  max-width: 874px;
  position: relative;
  margin: 0 auto 40px;
}

#contents .charm_house .charm_house_img01 .btn_buy {
  position: absolute;
  bottom: 10px;
  right: 100px;
}

.ct_box .charm_house .charm_house_img01 .btn_mall .btn.btn-light {
  display: block;
  color: #fff;
  background-color: #de9123;
  border: solid 3px #fff;
}

#contents .charm_house .charm_house_img02 {
  display: block;
  width: 93%;
  max-width: 870px;
  position: relative;
  margin: 0 auto 30px;
}

.price_texts {
  width: 53.64583333%;
  margin: 0 auto;
}

#contents .charm_myCuddlyFriend {
  position: relative;
  background: #fcd7a1;
  padding: 80px 0 40px;
}

#contents .charm_myCuddlyFriend .anchor {
  position: absolute;
  top: -100px;
}

#contents .charm_myCuddlyFriend h2.charm_myCuddlyFriend_ttl {
  display: block;
  text-align: center;
  position: absolute;
  top: -50px;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 10;
}
#contents .charm_myCuddlyFriend h2.charm_myCuddlyFriend_ttl span {
  display: block;
  max-width: 703px;
  width: 90%;
  margin: 0 auto;
}

#contents .charm_myCuddlyFriend .charm_myCuddlyFriend_img01 {
  width: 93%;
  max-width: 874px;
  position: relative;
  margin: 0 auto 40px;
}

#contents .charm_myCuddlyFriend .charm_myCuddlyFriend_img01 .btn_buy {
  position: absolute;
  bottom: 10px;
  right: 100px;
}

.ct_box .charm_myCuddlyFriend .charm_myCuddlyFriend_img01 .btn_mall .btn.btn-light {
  display: block;
  color: #fff;
  background-color: #de9123;
  border: solid 3px #fff;
}

#contents .charm_myCuddlyFriend .charm_myCuddlyFriend_img02 {
  display: block;
  width: 93%;
  max-width: 870px;
  position: relative;
  margin: 0 auto 30px;
}

.charm_myCuddlyFriend_copy {
  position: relative;
  z-index: 2;
  width: 68.54166667%;
  margin: 4% auto 0;
  opacity: 0;
}
.animate_charm_myCuddlyFriend_copy {
  animation: charm_myCuddlyFriend_copy 0.4s ease-in-out forwards;
}
@keyframes charm_myCuddlyFriend_copy {
  0% {
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

.charm_myCuddlyFriend_main_flex {
  display: flex;
  gap: 6%;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  width: 100%;
  margin: -29% 0% 0% 0;
}

.charm_myCuddlyFriend_text1 {
  position: absolute;
  width: 38.125%;
  top: 39%;
  left: 5%;
  opacity: 0;
}
.animate_charm_myCuddlyFriend_text1 {
  animation: charm_myCuddlyFriend_text1 0.3s ease forwards;
  transform-origin: right;
}
@keyframes charm_myCuddlyFriend_text1 {
  0% {
    transform: translateX(30px) rotate(10deg);
    opacity: 0;
  }
  100% {
    transform: translateX(0) rotate(0);
    opacity: 1;
  }
}

.charm_myCuddlyFriend_main_flex_left {
  width: 31.66666667%;
}

.charm_myCuddlyFriend_img1 {
  opacity: 0;
}
.animate_charm_myCuddlyFriend_img1 {
  animation: charm_myCuddlyFriend_img1 0.5s ease forwards;
  transform-origin: top;
}
@keyframes charm_myCuddlyFriend_img1 {
  0% {
    transform: rotate(50deg);
    opacity: 0;
  }
  50% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(0);
    opacity: 1;
  }
}

.charm_myCuddlyFriend_text2 {
  position: absolute;
  width: 13.02083333%;
  top: 39%;
  right: 2%;
  opacity: 0;
}
.animate_charm_myCuddlyFriend_text2 {
  animation: charm_myCuddlyFriend_text2 0.3s ease forwards;
}
@keyframes charm_myCuddlyFriend_text2 {
  0% {
    transform: translateY(10px) translateX(-10px);
    opacity: 0;
  }
  100% {
    transform: translateY(0) translateX(0);
    opacity: 1;
  }
}

.charm_myCuddlyFriend_main_flex_right {
  width: 48.29166667%;
}

.charm_myCuddlyFriend_kinds {
  width: 16.875%;
  margin: -10% 0 0 5%;
  opacity: 0;
}
.animate_charm_myCuddlyFriend_kinds {
  animation: charm_myCuddlyFriend_kinds 0.3s ease forwards;
}
@keyframes charm_myCuddlyFriend_kinds {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.charm_myCuddlyFriend_img2 {
  margin-top: 100%;
  opacity: 0;
}
.animate_charm_myCuddlyFriend_img2 {
  animation: charm_myCuddlyFriend_img2 0.3s ease forwards;
  transform-origin: right bottom;
}

@keyframes charm_myCuddlyFriend_img2 {
  0% {
    transform: translateX(30px);
    rotate: 30deg;
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    rotate: 0;
    opacity: 1;
  }
}

.charm_myCuddlyFriend_kinds_price_box {
  margin-top: -7%;
}

.charm_myCuddlyFriend_item_list_box {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.charm_myCuddlyFriend_item_list {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  justify-content: center;
}

.charm_myCuddlyFriend_items {
  width: 29.06041667%;
}

#contents .charm_sweetsShop {
  position: relative;
  background-color: #fbe6ef;
  padding: 80px 0 40px;
}

#contents .charm_sweetsShop .anchor {
  position: absolute;
  top: -100px;
}

#contents .charm_sweetsShop h2.charm_sweetsShop_ttl {
  display: block;
  text-align: center;
  position: absolute;
  top: -50px;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 10;
}
#contents .charm_sweetsShop h2.charm_sweetsShop_ttl span {
  display: block;
  max-width: 703px;
  width: 90%;
  margin: 0 auto;
}

#contents .charm_sweetsShop .charm_sweetsShop_img01 {
  width: 93%;
  max-width: 874px;
  position: relative;
  margin: 0 auto 40px;
}

#contents .charm_sweetsShop .charm_sweetsShop_img01 .btn_buy {
  position: absolute;
  bottom: 10px;
  right: 100px;
}

.ct_box .charm_sweetsShop .charm_sweetsShop_img01 .btn_mall .btn.btn-light {
  display: block;
  color: #fff;
  background-color: #d86898;
  border: solid 3px #fff;
}

#contents .charm_sweetsShop .charm_sweetsShop_img02 {
  display: block;
  width: 93%;
  max-width: 870px;
  position: relative;
  margin: 0 auto 30px;
}

.charm_sweetsShop_copy {
  position: relative;
  z-index: 2;
  width: 68.54166667%;
  margin: 4% auto 0;
  opacity: 0;
}
.animate_charm_sweetsShop_copy {
  animation: charm_sweetsShop_copy 0.4s ease-in-out forwards;
}
@keyframes charm_sweetsShop_copy {
  0% {
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

.charm_sweetsShop_main_flex {
  display: flex;
  gap: 6%;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  width: 100%;
  margin: -27% 0% 0% 0;
}

.charm_sweetsShop_text1 {
  position: absolute;
  width: 38.125%;
  top: 39%;
  left: 5%;
  opacity: 0;
}
.animate_charm_sweetsShop_text1 {
  animation: charm_sweetsShop_text1 0.3s ease forwards;
  transform-origin: right;
}
@keyframes charm_sweetsShop_text1 {
  0% {
    transform: translateX(30px) rotate(10deg);
    opacity: 0;
  }
  100% {
    transform: translateX(0) rotate(0);
    opacity: 1;
  }
}

.charm_sweetsShop_img1 {
  opacity: 0;
}
.animate_charm_sweetsShop_img1 {
  animation: charm_sweetsShop_img1 0.5s ease forwards;
  transform-origin: top;
}
@keyframes charm_sweetsShop_img1 {
  0% {
    transform: rotate(50deg);
    opacity: 0;
  }
  50% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(0);
    opacity: 1;
  }
}

.charm_sweetsShop_main_flex_left {
  width: 31.66666667%;
}

.charm_sweetsShop_text2 {
  position: absolute;
  z-index: 2;
  width: 13.02083333%;
  top: 32%;
  right: 0%;
  opacity: 0;
}
.animate_charm_sweetsShop_text2 {
  animation: charm_sweetsShop_text2 0.3s ease forwards;
}
@keyframes charm_sweetsShop_text2 {
  0% {
    transform: translateY(10px) translateX(-10px);
    opacity: 0;
  }
  100% {
    transform: translateY(0) translateX(0);
    opacity: 1;
  }
}

.charm_sweetsShop_main_flex_right {
  width: 48.29166667%;
}

.charm_sweetsShop_kinds {
  width: 16.875%;
  margin: -3% 0 0 5%;
  opacity: 0;
}
.animate_charm_sweetsShop_kinds {
  animation: charm_sweetsShop_kinds 0.3s ease forwards;
}
@keyframes charm_sweetsShop_kinds {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.charm_sweetsShop_img2 {
  margin-top: 100%;
  opacity: 0;
}
.animate_charm_sweetsShop_img2 {
  animation: charm_sweetsShop_img2 0.5s ease forwards;
  transform-origin: right bottom;
}
@keyframes charm_sweetsShop_img2 {
  0% {
    transform: translateX(30px);
    rotate: 30deg;
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    rotate: 0;
    opacity: 1;
  }
}

.charm_sweetsShop_kinds_price_box {
  margin-top: -7%;
}

.charm_sweetsShop_item_list_box {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.charm_sweetsShop_item_list {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  justify-content: center;
}

.charm_sweetsShop_items {
  width: 29.06041667%;
}

#contents .peaceLife {
  position: relative;
  background: url(../images/peaceLife_bg.webp) top center repeat-y;
  background-size: 100% auto;
  padding: 80px 0 40px;
}

#contents .peaceLife .anchor {
  position: absolute;
  top: -100px;
}

#contents .peaceLife h2.peaceLife_ttl {
  display: block;
  text-align: center;
  position: absolute;
  top: -50px;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 10;
}
#contents .peaceLife h2.peaceLife_ttl span {
  display: block;
  max-width: 703px;
  width: 90%;
  margin: 0 auto;
}

#contents .peaceLife .peaceLife_img01 {
  width: 93%;
  max-width: 874px;
  position: relative;
  margin: 0 auto 40px;
}

#contents .peaceLife .peaceLife_img01 .btn_buy {
  position: absolute;
  bottom: 10px;
  right: 100px;
}

.ct_box .peaceLife .peaceLife_img01 .btn_mall .btn.btn-light {
  display: block;
  color: #fff;
  background-color: #008fc9;
  border: solid 3px #fff;
}

#contents .peaceLife .peaceLife_img02 {
  display: block;
  width: 93%;
  max-width: 870px;
  position: relative;
  margin: 0 auto 30px;
}

.peaceLife_main {
  position: relative;
}

.peaceLife_copy {
  position: relative;
  z-index: 2;
  width: 68.54166667%;
  margin: 8% auto 0;
  opacity: 0;
}
.animate_peaceLife_copy {
  animation: peaceLife_copy 0.4s ease-in-out forwards;
}
@keyframes peaceLife_copy {
  0% {
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

.peaceLife_main_flex {
  display: flex;
  justify-content: right;
  align-items: flex-end;
  position: relative;
  z-index: 1;
  width: 100%;
}

.peaceLife_text1 {
  position: absolute;
  width: 28.54166667%;
  top: 8%;
  right: 8%;
  opacity: 0;
}
.animate_peaceLife_text1 {
  animation: peaceLife_text1 0.3s ease-in-out forwards;
}
@keyframes peaceLife_text1 {
  0% {
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

.peaceLife_main_flex_left {
  width: 38.02083333%;
}

.peaceLife_img1 {
  margin-top: -135%;
  opacity: 0;
}
.animate_peaceLife_img1 {
  animation: peaceLife_img1 0.4s ease forwards;
  transform-origin: bottom right;
}
@keyframes peaceLife_img1 {
  0% {
    transform: translateX(30px) rotate(10deg);
    opacity: 0;
  }
  100% {
    transform: translateX(0) rotate(0);
    opacity: 1;
  }
}

.peaceLife_main_flex_right {
  width: 35.9375%;
  margin-right: 10%;
}

.peaceLife_kinds {
  width: 17.5%;
  margin: -7% 0 0 5%;
  opacity: 0;
}
.animate_peaceLife_kinds {
  animation: peaceLife_kinds 0.3s ease-in-out forwards;
}
@keyframes peaceLife_kinds {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.peaceLife_img2 {
  margin-top: 68%;
  opacity: 0;
}
.animate_peaceLife_img2 {
  animation: peaceLife_img2 0.4s ease-in-out forwards;
  transform-origin: bottom left;
}
@keyframes peaceLife_img2 {
  0% {
    transform: translateX(-30px) rotate(-10deg);
    opacity: 0;
  }
  100% {
    transform: translateX(0) rotate(0);
    opacity: 1;
  }
}

.peaceLife_item_list_box {
  display: flex;
  justify-content: center;
  margin-bottom: 3px;
}

.peaceLife_item_list {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  justify-content: center;
}

.peaceLife_items {
  width: 29.06041667%;
}

.peaceLife_information {
  width: 38.75%;
  margin-left: 7%;
  margin-bottom: 20px;
}

/* animationここから */
.item_fade1 {
  opacity: 0;
}
.animate_item_fade1 {
  animation: item_fade 0.4s ease forwards;
}

.item_fade2 {
  opacity: 0;
}
.animate_item_fade2 {
  animation: item_fade 0.4s ease forwards;
  animation-delay: 0.2s;
}

.item_fade3 {
  opacity: 0;
}
.animate_item_fade3 {
  animation: item_fade 0.4s ease forwards;
  animation-delay: 0.4s;
}

@keyframes item_fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}




#contents .campaign_box {
  position: relative;
  background: #FACDCD;
  padding: 40px 0 40px;
  width: 100%;
}

#contents .campaign_box .anchor {
  position: absolute;
  top: -100px;
}

#contents .campaign_box h2.campaign_title {
  display: block;
  text-align: center;
  position: absolute;
  top: -50px;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 10;
}
#contents .campaign_box h2.campaign_title span {
  display: block;
  max-width: 518px;
  width: 80%;
  margin: 0 auto;
}

#contents .campaign_box .campaign_link {
display: block;
width: 90%;
margin: 0 auto;
}

#contents .campaign_box .campaign_link>img:first-of-type {
margin-bottom: 10px;
}




#contents .slide_box {
  position: relative;
  background: #dffcfb;
  padding: 10px 0 40px;
  width: 100%;
}

#contents .slide_box .anchor {
  position: absolute;
  top: -100px;
}

#contents .slide_box h2.slide_title {
  display: block;
  text-align: center;
  position: absolute;
  top: -50px;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 10;
}
#contents .slide_box h2.slide_title span {
  display: block;
  max-width: 518px;
  width: 80%;
  margin: 0 auto;
}





.filter-buttons {
  margin-bottom: 20px;
}

.btn_flex{
  display: flex;
  justify-content: center;
  margin-bottom: 3%;
}

.filter-btn {
  width: 50%;
  padding: 2% 0;
  margin-right: 1%;
  background-color: white; /* 非アクティブ時の背景は白 */
  color: #8e6d60; /* 非アクティブ時の文字色は青 */
  border: 2px solid #8e6d60; /* 非アクティブ時のボーダーは青 */
  font-weight:bold;
  text-decoration: none;
  border-radius: 30px;
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  font-family: "Mochiy Pop One", sans-serif;
}
@media (max-width: 420px) {
  .filter-btn{
    font-size: 12px;
  }
}

.filter-btn.active {
  background-color: #8e6d60; /* アクティブ時の背景は青 */
  color: white; /* アクティブ時の文字色は白 */
  border: none; /* アクティブ時はボーダーなし */
}

.filter-btn:hover {
  background-color: #8e6d60; /* ホバー時の背景は少し濃い青 */
  opacity: 0.7;
  color: white;
}

.item-list{
  display: flex;
  flex-wrap: wrap;
}

.item_box{
  text-decoration: none;
  color: #9d8073;
  font-weight: bold;
  padding: 10px;
  margin: 5px 0;
}

.item_box:hover{
  opacity: 0.6;
}

/* アイテムのスタイル */
.item {
  width: 50%;
  display: none; /* デフォルトで非表示 */
}

/* 表示するアイテムに対するスタイル */
.show {
  display: block; /* 表示 */
}

.icon_name{
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  text-shadow: 
    -2px -2px 0 #feffed,  
    2px -2px 0 #feffed,
    -2px 2px 0 #feffed,
   2px 2px 0 #feffed; /* アウトラインの色と位置 */
font-size: 13px;
line-height: 1.2;
}

@media (max-width: 423px) {
  .icon_name{
  font-size: 10px;
  }
}

/* モーダルの背景（デフォルトは非表示） */
.modal {
  position: relative;
  z-index: 1000;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* 半透明の背景 */
}

/* モーダルコンテンツ */
.modal-content {
  margin: 25% auto;
  padding: 20px;
  width: 100%;
  max-width: 500px;
}

@media (max-width: 480px) {
  .modal-content {
    margin: 50% auto;
  }
}

/* 閉じるボタン（右上に表示） */
.close {
  color: #fff;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #707070;
  text-decoration: none;
  cursor: pointer;
}

.swiper-wrapper{
  height: 70%;
}

.swiper-container {
  width: 100%; /* コンテナの幅を設定 */
  height: 350px; /* 高さを設定 */
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; /* はみ出した部分を隠す */
}

.swiper-slide {
  display: flex;
  flex-direction: column; /* 縦に配置 */
  justify-content: flex-start; /* 上に寄せる */
  align-items: center;
  width: 200px; /* 各スライドの幅を設定 */
  transition: transform 0.5s ease; /* スライドのトランジション */
}

.swiper-slide img {
  width: 100%; /* 画像の幅をスライドに合わせる */
  height: auto; /* 高さは自動調整 */
  transition: transform 0.5s ease; /* 画像のトランジション */
}

.swiper-slide-active img {
  transform: scale(1.2); /* アクティブなスライドを大きくする */
  opacity: 1; /* アクティブなスライドは透明度を100%に */
}

.slide-text {
  width: 90%;
  display: none; /* 初期は非表示 */
  margin: 25px auto 0; /* 画像とのスペース */
  color: #333; /* テキストの色 */
}

.swiper-slide-active .slide-text {
  display: block; /* アクティブなスライドのテキストを表示 */
}

.top_btn{
  width: 60%;
  margin: 0 auto;
  padding: 10% 0;
}
.top_btn:hover{
  opacity: 0.7;
}

.campaign_bg{
  background: url(../images/campaign_bg.png);
  padding-top: 15%;
}

.slide_bg{
  background: url(../images/slide_bg.webp);
  padding-top: 15%;
}

.movie_bg{
  background: url(../images/movie_bg.webp);
  padding-top: 15%;
}

.list_bg{
  background: url(../images/list_bg.webp);
  padding-top: 15%;
}

.copyright_box {
padding: 10px 20px;
}


/* cozy winterここから */

#contents .charm_cozyWinter {
  position: relative;
  /* background: url(../images/charm_cozyWinter_bg.webp); */
  background: #C9E7F2;
  padding: 80px 0 40px;
}

#contents .charm_cozyWinter .anchor {
  position: absolute;
  top: -100px;
}

#contents .charm_cozyWinter h2.charm_cozyWinter_ttl {
  display: block;
  text-align: center;
  position: absolute;
  top: -50px;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 10;
}
#contents .charm_cozyWinter h2.charm_cozyWinter_ttl span {
  display: block;
  max-width: 703px;
  width: 90%;
  margin: 0 auto;
}

#contents .charm_cozyWinter .charm_cozyWinter_img01 {
  width: 93%;
  max-width: 874px;
  position: relative;
  margin: 0 auto 40px;
}

#contents .charm_cozyWinter .charm_cozyWinter_img01 .btn_buy {
  width: 220px;
  position: inherit;
  bottom: inherit;
  right: inherit;
  margin: 10px auto 20px;
}

.ct_box .charm_cozyWinter .charm_cozyWinter_img01 .btn_mall .btn.btn-light {
  display: block;
  color: #fff;
  background-color: #52a0c0;
  border: solid 3px #fff;
}

#contents .charm_cozyWinter .charm_cozyWinter_img02 {
  display: block;
  width: 93%;
  max-width: 870px;
  position: relative;
  margin: 0 auto 30px;
}

.charm_cozyWinter_copy {
  position: relative;
  z-index: 2;
  width: 83.541667%;
  margin: 0 auto;
}
.charm_cozyWinter_main_flex {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  width: 100%;
  margin: -29% 0% 0% 0;
}

.charm_cozyWinter_text1 {
  position: absolute;
  width: 38.125%;
  top: 39%;
  left: 5%;
}

.charm_cozyWinter_main_flex_left {
  width: 31.66666667%;
}

.charm_cozyWinter_text2 {
  position: absolute;
  z-index: 2;
  width: 13.02083333%;
  top: 32%;
  right: 0%;
}

.charm_cozyWinter_main_flex_right {
  width: 58.29166667%;
}

.charm_cozyWinter_kinds {
  width: 16.875%;
  margin: -3% 0 0 5%;
}

.charm_cozyWinter_img2 {
  margin-top: 100%;
}

.charm_cozyWinter_kinds_price_box {
  margin-top: -7%;
}

.charm_cozyWinter_item_list_box {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.charm_cozyWinter_item_list {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  justify-content: center;
}

.charm_cozyWinter_items {
  width: 29.06041667%;
}
/* ---------------------------- */

/* collectionHouse_peaceLifeここから */
#contents .collectionHouse {
  position: relative;
  background: #cde6e3;
}

#contents .collectionHouse .anchor {
  position: absolute;
  top: -100px;
}

#contents .collectionHouse h2.collectionHouse_ttl {
  display: block;
  text-align: center;
  position: absolute;
  top: -50px;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 10;
}
#contents .collectionHouse h2.collectionHouse_ttl span {
  display: block;
  max-width: 703px;
  width: 90%;
  margin: 0 auto;
}

#contents .collectionHouse .collectionHouse_img01 {
  width: 100%;
  max-width: 874px;
  position: relative;
  margin: 0 auto;
  padding-bottom: 1px;
}

#contents .collectionHouse .collectionHouse_img01 .collectionHouse_img01_1 {
  margin-bottom: 15px;
}

#contents .collectionHouse .collectionHouse_img01 .btn_buy {
  width: 220px;
  position: inherit;
  bottom: inherit;
  right: inherit;
  margin: 10px auto 20px;
}

.ct_box .collectionHouse .collectionHouse_img01 .btn_mall .btn.btn-light {
  display: block;
  color: #fff;
  background-color: #48b59f;
  border: solid 3px #fff;
}

.collectionHouse_img8{
  padding-bottom: 30px;
}
/* ---------------------------- */

/* plush_Crepe_mawhipここから */
#contents .crepe_mawhip {
  position: relative;
  background: #f4bece url(../images/crepe_mawhip_bg.webp) top center repeat-y;
  background-size: 100% auto;
  padding: 55px 0 20px;
}

#contents .crepe_mawhip .anchor {
  position: absolute;
  top: -100px;
}

#contents .crepe_mawhip h2.crepe_ttl {
  display: block;
  text-align: center;
  position: absolute;
  top: -50px;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 10;
}
#contents .crepe_mawhip h2.crepe_ttl span {
  display: block;
  max-width: 518px;
  width: 90%;
  margin: 0 auto;
}

#contents .crepe_mawhip .crepe_img00 {
  width: 100%;
  max-width: 957px;
  margin: 0 auto 20px;
}

#contents .crepe_mawhip .buy_box {
  margin: 0 auto 40px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 80%;
}
#contents .crepe_mawhip .buy_box > div {
  width: 50%;
}
#contents .crepe_mawhip .crepe_mawhip_name_text {
  text-align: center;
  font-weight: bold;
  color: #7a655d;
  font-size: 16px;
}

#contents .crepe_mawhip .btn_mall .btn.btn-light {
  margin: 0 auto 20px;
  display: block;
  color: #fff;
  background-color: #ee87a5;
  border: solid 3px #fff;
}
#contents .crepe_mawhip .crepe_img01 {
  margin: 0 auto 40px;
}

#contents .crepe_mawhip .crepe_set_ttl {
  display: block;
  width: 175px;
  height: auto;
  margin: 0 auto 20px;
}

#contents .crepe_mawhip .crepe_set {
  width: 96%;
  max-width: 918px;
  margin: 0 auto 10px;
}

.copyright_box_right{
  padding: 10px 20px;
  text-align: right;
}

.crepe_mawhip .price_texts{
  width: 100%;
}

/* ---------------------------- */

#contents .peacelife2 {
  background: url(../images/peacelife2_bg.webp) top center repeat-y;
  background-size: 100% auto;
}
#contents .peacelife2 .btn_mall .btn.btn-light {
  margin: 0 auto 20px;
  display: block;
  color: #fff;
  background-color: #f36d92;
  border: solid 3px #fff;
}

.peacelife2 .price_texts{
  width: 100%;
}
/* sliderここから */
.main_img_slide {
  position: relative;
  width: 100%;
  height: auto;
}

.fade_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  z-index: 0;
}

.fade_img.active {
  opacity: 1;
  z-index: 1;
}

/* ---------------------------- */

/* アクセセットここから */
#contents .accessory_set {
  background: url(../images/accessory_set_bg.webp) top center repeat-y;
  background-size: 100% auto;
}
#contents .accessory_set .price_texts{
  padding-top: 95%;
  margin: 0 auto;
}

.accessory_set_img01{
  width: 100%;
  margin-top: -45px;
  position: relative;
  z-index: 1;
}

.accessory_set_ttl{
  position: relative;
  z-index: 2;
  margin-top: -46px;
}

.ct_inbox h2.accessory_set_ttl span {
  display: block;
  max-width: 518px;
  width: 90%;
  margin: 0 auto;
}

#contents .accessory_set .btn_basic .btn_buy {
  width: 220px;
  position: inherit;
  bottom: inherit;
  right: inherit;
  margin: 10px auto 20px;
}

.ct_box .accessory_set .btn_basic .btn_mall .btn.btn-light {
  display: block;
  color: #fff;
  background-color: #56afe8;
  border: solid 3px #fff;
  margin-top: -5px;
}

#contents .accessory_set .btn_sweetsshop .btn_buy {
  width: 220px;
  position: inherit;
  bottom: inherit;
  right: inherit;
  margin: 10px auto 20px;
}

.ct_box .accessory_set .btn_sweetsshop .btn_mall .btn.btn-light {
  display: block;
  color: #fff;
  background-color: #f590b1;
  border: solid 3px #fff;
  margin-top: -8px;
}

.price_btn_ttl{
  width: 66.66666667%;
  margin: 20px auto 0;
}

.MT_50{
  margin-top: 50px;
}
/* ---------------------------- */

/* ネイルセットここから */
#contents .nail_set {
  background: url(../images/nail_set_bg.webp) top center repeat-y;
  background-size: 100% auto;
}
#contents .nail_set .price_texts{
  padding-top: 95%;
  margin: 0 auto;
}

.nail_set_img01{
  width: 100%;
  margin-top: -45px;
  position: relative;
  z-index: 1;
}

.nail_set_ttl{
  position: relative;
  z-index: 2;
  margin-top: -46px;
}

.ct_inbox h2.nail_set_ttl span {
  display: block;
  max-width: 518px;
  width: 90%;
  margin: 0 auto;
}

#contents .nail_set .btn_basic .btn_buy {
  width: 220px;
  position: inherit;
  bottom: inherit;
  right: inherit;
  margin: 10px auto 20px;
}

.ct_box .nail_set .btn_basic .btn_mall .btn.btn-light {
  display: block;
  color: #fff;
  background-color: #f59805;
  border: solid 3px #fff;
  margin-top: -5px;
}

#contents .nail_set .btn_sweetsshop .btn_buy {
  width: 220px;
  position: inherit;
  bottom: inherit;
  right: inherit;
  margin: 10px auto 20px;
}

.ct_box .nail_set .btn_sweetsshop .btn_mall .btn.btn-light {
  display: block;
  color: #fff;
  background-color: #c6a6e8;
  border: solid 3px #fff;
  margin-top: -8px;
}

.price_btn_ttl{
  width: 66.66666667%;
  margin: 20px auto 0;
}

.MT_50{
  margin-top: 50px;
}

.PLR_20{
  padding: 0 20px;
}
/* ---------------------------- */