@charset "UTF-8";
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
共通
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.flex {
  display: flex;
}
.inner {
  width: 90%;
  margin: 0 auto;
}
img {
  width: 100%;
}
figure {
  line-height: 1;
}
a.btn {
  display: block;
  width: 85%;
  margin: 0 auto;
}
a,
.button {
  display: block;
  transition: .3s !important;
  cursor: pointer;
}
a:hover,
.button:hover {
  opacity: .6 !important;
}
.sp {
  display: none !important;
}
.noto-sans-jp-200 {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}
.noto-sans-jp-400 {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.fade-in {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.fade-in.show {
  opacity: 1;
  transform: translateY(0);
}
@media only screen and (max-width: 800px) {
  .sp {
    display: block !important;
  }
  .flex.sp {
    display: flex;
  }
  .pc {
    display: none !important;
  } 
}
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
PC レイアウト時
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
main {
  position: relative;
}
section.title {
  /* background-color: #b50080;
  padding: 0 0 87px 0;
  border-bottom: 12px solid;
  border-image: linear-gradient(30deg, rgba(241, 198, 103, 1), rgba(255, 238, 188, 1) 50%, rgba(241, 198, 103, 1));
  border-image-slice: 1;
   */
}
section.title .main_img_box {
}
section.title .main_slide {
}
section.title .title_pc {
}
@media only screen and (max-width: 800px) {
  section.title .title_pc {
  }
}
section.title article {
  background-image: url(/img/kids/festivaldoll/25/portal/bg_01_pc.jpg);
  background-size: 100%;
  padding: 0 0 70px 0;
}
section.title .btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 90%;
  max-width: 780px;
  margin: 0 auto;
}
section.title .btns li {
  width: 100%;
  max-width: 360px;
}
@media only screen and (max-width: 800px) {
  section.title .btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 85%;
    margin: 0 auto;
  }
  section.title .btns li {
    width: 46%;
  }
}
section.contents {
  background-image: url(/img/kids/festivaldoll/25/hagoita_hamayumi/bg_01.jpg);
  background-size: 100%;
  margin: 0 auto 0;
  padding: 0 0 70px 0;
}
section.contents #hagoita .ttl,
section.contents #hamaya .ttl {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 100px 0 80px;
}
section.contents #hagoita .btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
  background-color: #fff;
}
section.contents #hagoita .btns li {
  width: 25%;
  cursor: pointer;
  transition: .3s !important;
}
section.contents #hagoita .btns li:hover {
  opacity: .6 !important;
}
section.contents #hagoita .btns li .crr {
  display: none;
}
section.contents #hagoita .tab_cnt {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
  background-color: #fff;
  padding: 0 0 20px 0;
}
section.contents #hagoita .midashi {
  width: 90%;
  max-width: 900px;
  margin: 20px auto 0;
}
section.contents #hamaya .btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
  background-color: #fff;
}
section.contents #hamaya .btns li {
  width: 33.3%;
  cursor: pointer;
  transition: .3s !important;
}
section.contents #hamaya .btns li:hover {
  opacity: .6 !important;
}
section.contents #hamaya .btns li:nth-of-type(3n) {
  width: 33.4%;
}
section.contents #hamaya .btns li .crr {
  display: none;
}
section.contents #hamaya .tab_cnt {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
  background-color: #fff;
  padding: 0 0 20px 0;
}
section.contents #hamaya .midashi {
  width: 90%;
  max-width: 900px;
  margin: 20px auto 0;
}
@media only screen and (max-width: 800px) {
section.contents {
  padding: 0 0 40px 0;
}
section.contents #hagoita .ttl,
section.contents #hamaya .ttl {
  width: 100%;
  padding: 0;
}
section.contents #hagoita .btns.sp,
section.contents #hamaya .btns.sp {
  display: flex !important;
  flex-wrap: wrap;
  width: 100%;
  margin: 30px auto 0;
  background-color: #fff;
}
section.contents #hagoita .tab_cnt {
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
  padding: 0 0 20px 0;
}
section.contents #hamaya .tab_cnt {
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
  padding: 0 0 20px 0;
}
section.contents #hagoita .btns.sp li:nth-of-type(1) {
  width: 25.06%;
}
section.contents #hagoita .btns.sp li:nth-of-type(2) {
  width: 25.2%;
}
section.contents #hagoita .btns.sp li:nth-of-type(3) {
  width: 25.2%;
}
section.contents #hagoita .btns.sp li:nth-of-type(4) {
  width: 24.54%;
}
section.contents #hamaya .btns.sp li:nth-of-type(1) {
  width: 33.46%;
}
section.contents #hamaya .btns.sp li:nth-of-type(2) {
  width: 33.46%;
}
section.contents #hamaya .btns.sp li:nth-of-type(3) {
  width: 33.08%;
}
section.contents #hamaya .midashi {
  width: 100%;
  margin: 15px auto 0;
}
}
.tab_01_01_cnt,
.tab_01_02_cnt,
.tab_01_03_cnt,
.tab_02_01_cnt,
.tab_02_02_cnt,
.tab_02_03_cnt {
  width: 90%;
  max-width: 900px;
  margin: 20px auto 0;
}
.tab_01_01_cnt .slick-slide,
.tab_01_02_cnt .slick-slide,
.tab_01_03_cnt .slick-slide,
.tab_02_01_cnt .slick-slide,
.tab_02_02_cnt .slick-slide,
.tab_02_03_cnt .slick-slide {
  margin: 0 10px;
}
.tab_01_01_cnt .slick-list,
.tab_01_02_cnt .slick-list,
.tab_01_03_cnt .slick-list,
.tab_02_01_cnt .slick-list,
.tab_02_02_cnt .slick-list,
.tab_02_03_cnt .slick-list {
  margin: 0 -10px;
}
section.contents .lineup {
  width: 90%;
  max-width: 1200px;
  background-color: rgb(255 255 255 / 0.5);
  margin: 50px auto 0;
  padding: 50px 0 50px;
  border-radius: 30px;
}
section.contents .lineup .img {
  width: 90%;
  max-width: 242px;
  margin: 0 auto;
}
section.contents .lineup .item {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
}
section.contents .lineup .item li {
  width: 32%;
  margin: 5% 2% 0 0;
}
section.contents .lineup .item li:nth-of-type(3n) {
  margin: 5% 0 0 0;
}
section.contents .lineup .ichiran {
  width: 90%;
  max-width: 310px;
  margin: 50px auto 0;
}
section.contents .line {
  padding: 130px 0 30px;
}
section.contents .line p {
  width: 210px;
  border-bottom: 2px solid #cb1320;
  margin: 0 auto;
}
@media only screen and (max-width: 800px) {
section.contents .lineup {
  padding: 30px 0 50px;
}
section.contents .lineup img {
  padding: 0 0 15px;
}
section.contents .lineup .ichiran {
  width: 90%;
  margin: 30px auto 0;
}
  section.contents .lineup .item li {
  width: 100%;
  margin: 5% 0 0 0;
}
section.contents .lineup .item li:nth-of-type(3n) {
  margin: 5% 0 0 0;
}
section.contents .line {
  padding: 50px 0 50px;
}
}
section.footer {
  background-image: url(/img/kids/festivaldoll/25/hagoita_hamayumi/bg_02_pc.jpg);
  /* background-repeat: no-repeat; */
  background-size: 100%;
}
@media only screen and (max-width: 800px) {
  section.footer {
    background-image: url(/img/kids/festivaldoll/25/hagoita_hamayumi/bg_02_sp.jpg);
    background-size: 10%;
  }
}
section.footer article {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 110px 0 185px;
}
section.footer .btn2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
section.footer .btn2 li.btn_04 {
  width: 90%;
  max-width: 665px;
}
section.footer .btn2 li.btn_05 {
  width: 90%;
  max-width: 310px;
}
section.footer .btn3 {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
  margin: 58px auto 0;
}
section.footer .btn3 li {
  width: 33.3%;
}
section.float {
  position: fixed;
  width: 90%;
  max-width: 1125px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 120;
  margin: auto;
}
@media only screen and (max-width: 800px) {
  section.float {
    width: 100%;
  }
  section.footer article {
    padding: 90px 0 100px;
  }
  section.footer .btn2 li.btn_04,
  section.footer .btn2 li.btn_05,
  section.footer .btn3 li {
    width: 100%;
    max-width: 100%;
  }
  section.footer .btn2 li.btn_05 {
    margin-top: 50px;
  }
  section.footer .btn3 li.btn_07,
  section.footer .btn3 li.btn_08 {
    margin-top: 30px;
  }
}
#modal {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  background: rgba(0,0,0,0.8);
  z-index: 999;
  display: none;
}
#modal .modal_box_pc {
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 1060px;
  width: 90%;
  /* top: 50%;
  left: 50%;
  transform: translate(-50%,-50%); */
  box-sizing: border-box;
  background: #fff;
  /* padding: 30px; */
}
#modal .modal_box_pc figure {
  position: absolute;
  width: 15.37%;
}
#modal .modal_box_pc figure {
  transition: .3s !important;
  cursor: pointer;
}
#modal .modal_box_pc figure:hover {
  opacity: .6 !important;
}
#modal .modal_box_pc figure .crr {
  display: none;
}
#modal .modal_box_pc figure.active .crr {
  display: block;
}
#modal .modal_box_pc figure.active .nml {
  display: none;
}
#modal .modal_box_pc figure:nth-of-type(1) {
  top: 2%;
  left: 19%;
}
#modal .modal_box_pc figure:nth-of-type(2) {
  top: 2%;
  left: 35%;
}
#modal .modal_box_pc figure:nth-of-type(3) {
  top: 2%;
  left: 52%;
}
#modal .modal_box_pc figure:nth-of-type(4) {
  top: 12%;
  left: 19%;
}
#modal .modal_box_pc figure:nth-of-type(5) {
  top: 12%;
  left: 34%;
}
#modal .modal_box_pc figure:nth-of-type(6) {
  top: 12%;
  left: 50%;
}
#modal .modal_box_pc figure:nth-of-type(7) {
  top: 12%;
  left: 66%;
}
#modal .modal_box_pc figure:nth-of-type(8) {
  top: 12%;
  left: 81%;
}
#modal .modal_box_pc figure:nth-of-type(9) {
  top: 20%;
  left: 19%;
}
#modal .modal_box_pc figure:nth-of-type(10) {
  top: 20%;
  left: 34%;
}
#modal .modal_box_pc figure:nth-of-type(11) {
  top: 20%;
  left: 50%;
}
#modal .modal_box_pc figure:nth-of-type(12) {
  width: 18.58%;
  top: 20%;
  left: 66%;
}
#modal .modal_box_pc figure:nth-of-type(13) {
  top: 30%;
  left: 19%;
}
#modal .modal_box_pc figure:nth-of-type(14) {
  width: 16.69%;
  top: 30%;
  left: 34%;
}
#modal .modal_box_pc figure:nth-of-type(15) {
  top: 39%;
  left: 19%;
}
#modal .modal_box_pc figure:nth-of-type(16) {
  top: 39%;
  left: 34%;
}
#modal .modal_box_pc figure:nth-of-type(17) {
  top: 49%;
  left: 19%;
}
#modal .modal_box_pc figure:nth-of-type(18) {
  top: 49%;
  left: 34%;
}
#modal .modal_box_pc figure:nth-of-type(19) {
  top: 49%;
  left: 50%;
}
#modal .modal_box_pc figure:nth-of-type(20) {
  top: 49%;
  left: 66%;
}
#modal .modal_box_pc figure:nth-of-type(21) {
  top: 49%;
  left: 81%;
}
#modal .modal_box_pc figure:nth-of-type(22) {
  top: 61.5%;
  left: 19%;
}
#modal .modal_box_pc figure:nth-of-type(23) {
  top: 61.5%;
  left: 34%;
}
#modal .modal_box_pc figure:nth-of-type(24) {
  top: 61.5%;
  left: 50%;
}
#modal .modal_box_pc figure:nth-of-type(25) {
  top: 74%;
  left: 19%;
}
#modal .modal_box_pc figure:nth-of-type(26) {
  top: 74%;
  left: 34%;
}
#modal .modal_box_pc figure:nth-of-type(27) {
  top: 74%;
  left: 50%;
}
#modal .modal_box_pc figure:nth-of-type(28) {
  top: 85%;
  left: 19%;
}
#modal .modal_box_pc figure:nth-of-type(29) {
  top: 85%;
  left: 34%;
}
#modal .modal_box_pc figure:nth-of-type(30) {
  top: 85%;
  left: 50%;
}
#modal .modal_box_pc figure:nth-of-type(31) {
  top: 85%;
  left: 66%;
}
#modal .modal_box_pc figure:nth-of-type(32) {
  top: 85%;
  left: 81%;
}
#modal .modal_box_pc figure:nth-of-type(33) {
  top: 92%;
  left: 19%;
}
#modal .modal_box_pc figure:nth-of-type(34) {
  top: 92%;
  left: 34%;
}
#modal .modal_box_pc figure.close {
  width: 6%;
  top: -2%;
  right: 2%;
}
#modal .modal_box_pc figure.close {
  width: 6%;
  top: -2%;
  right: 2%;
}
#modal .modal_box_pc figure.clear {
  width: 29.24%;
  bottom: -15%;
  left: 20%;
}
#modal .modal_box_pc figure.run {
  width: 29.24%;
  bottom: -15%;
  right: 20%;
}
#modal .modal_box_sp {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 1060px;
  width: 90%;
  /* transform: translate(-50%,-50%); */
  box-sizing: border-box;
  background: #fff;
  /* padding: 30px; */
}
#modal .modal_box_sp figure {
  position: absolute;
  width: 28%;
}
#modal .modal_box_sp figure {
  transition: .3s !important;
  cursor: pointer;
}
#modal .modal_box_sp figure:hover {
  opacity: .6 !important;
}
#modal .modal_box_sp figure .crr {
  display: none;
}
#modal .modal_box_sp figure.active .crr {
  display: block;
}
#modal .modal_box_sp figure.active .nml {
  display: none;
}
#modal .modal_box_sp figure:nth-of-type(1) {
  top: 5%;
  left: 6%;
}
#modal .modal_box_sp figure:nth-of-type(2) {
  top: 5%;
  left: 35%;
}
#modal .modal_box_sp figure:nth-of-type(3) {
  top: 5%;
  left: 64%;
}
#modal .modal_box_sp figure:nth-of-type(4) {
  top: 15%;
  left: 6%;
}
#modal .modal_box_sp figure:nth-of-type(5) {
  top: 15%;
  left: 35%;
}
#modal .modal_box_sp figure:nth-of-type(6) {
  top: 15%;
  left: 64%;
}
#modal .modal_box_sp figure:nth-of-type(7) {
  top: 19%;
  left: 6%;
}
#modal .modal_box_sp figure:nth-of-type(8) {
  top: 19%;
  left: 35%;
}
#modal .modal_box_sp figure:nth-of-type(9) {
  top: 19%;
  left: 64%;
}
#modal .modal_box_sp figure:nth-of-type(10) {
  top: 24%;
  left: 6%;
}
#modal .modal_box_sp figure:nth-of-type(11) {
  top: 24%;
  left: 35%;
}
#modal .modal_box_sp figure:nth-of-type(12) {
  top: 24%;
  left: 64%;
}
#modal .modal_box_sp figure:nth-of-type(13) {
  width: 36.4%;
  top: 34.5%;
  left: 6%;
}
#modal .modal_box_sp figure:nth-of-type(14) {
  width: 36.4%;
  top: 34.5%;
  left: 52%;
}
#modal .modal_box_sp figure:nth-of-type(15) {
  top: 44.5%;
  left: 6%;
}
#modal .modal_box_sp figure:nth-of-type(16) {
  top: 44.5%;
  left: 52%;
}
#modal .modal_box_sp figure:nth-of-type(17) {
  top: 53%;
  left: 6%;
}
#modal .modal_box_sp figure:nth-of-type(18) {
  top: 53%;
  left: 35%;
}
#modal .modal_box_sp figure:nth-of-type(19) {
  top: 53%;
  left: 64%;
}
#modal .modal_box_sp figure:nth-of-type(20) {
  top: 57%;
  left: 6%;
}
#modal .modal_box_sp figure:nth-of-type(21) {
  top: 57%;
  left: 35%;
}
#modal .modal_box_sp figure:nth-of-type(22) {
  top: 66%;
  left: 6%;
}
#modal .modal_box_sp figure:nth-of-type(23) {
  top: 66%;
  left: 36%;
}
#modal .modal_box_sp figure:nth-of-type(24) {
  top: 66%;
  left: 64%;
}
#modal .modal_box_sp figure:nth-of-type(25) {
  top: 75.5%;
  left: 6%;
}
#modal .modal_box_sp figure:nth-of-type(26) {
  top: 75.5%;
  left: 36%;
}
#modal .modal_box_sp figure:nth-of-type(27) {
  top: 75.5%;
  left: 64%;
}
#modal .modal_box_sp figure:nth-of-type(28) {
  top: 85%;
  left: 6%;
}
#modal .modal_box_sp figure:nth-of-type(29) {
  top: 85%;
  left: 36%;
}
#modal .modal_box_sp figure:nth-of-type(30) {
  top: 85%;
  left: 64%;
}
#modal .modal_box_sp figure:nth-of-type(31) {
  top: 90%;
  left: 6%;
}
#modal .modal_box_sp figure:nth-of-type(32) {
  top: 90%;
  left: 36%;
}
#modal .modal_box_sp figure:nth-of-type(33) {
  top: 90%;
  left: 64%;
}
#modal .modal_box_sp figure:nth-of-type(34) {
  top: 95%;
  left: 6%;
}
#modal .modal_box_sp figure.close {
  width: 6%;
  top: -2%;
  right: 2%;
}
#modal .modal_box_sp figure.close {
  width: 18%;
  top: -3%;
  right: -1%;
}
#modal .modal_box_sp figure.clear {
  width: 40%;
  bottom: -7%;
  left: 7%;
}
#modal .modal_box_sp figure.run {
  width: 40%;
  bottom: -7%;
  right: 7%;
}
.clickable {
  position: relative;
}
.clickable a {
  position: absolute;
  background-color: rgb(225 225 225 / 0);
  /* background-color: rgb(0 0 0 / 0.5); */
  transition: .3s !important;
}
.clickable a.click1 {
  width: 17.5%;
  height: 31%;
  top: 16%;
  left: 38.5%;
}
.clickable a.click2 {
  width: 17%;
  height: 31%;
  top: 64%;
  left: 44%;
}
.clickable a:hover {
  background-color: rgb(255, 255, 255);
  opacity: .6;
}
@media only screen and (max-width: 800px) {
.clickable a.click1 {
  width: 36.5%;
  height: 19%;
  top: 5%;
  left: 7%;
}
.clickable a.click2 {
  width: 36%;
  height: 17%;
  top: 82%;
  left: 7.5%;
}
}
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
ステージング用
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
#outer {
  margin-top: 0;
  margin-bottom: 0;
}
#site_aside2 {
  display: none;
}
#mid {
  margin-top: 0;
  max-width: 100%;
  width: unset;
  padding: 0;
}
#footer {
  position: relative;
  z-index: 99999999;
}
#main_Wrap {
  height: 100%;
}
.slick-slide {
  height: auto;
}