@charset "UTF-8";
/*=============================================
 Google Fonts(Kosugi Maru・M PLUS Rounded 1c)
=============================================*/
@import url("https://fonts.googleapis.com/css2?family=Kosugi+Maru&family=M+PLUS+Rounded+1c:wght@400;900&display=swap");
:root {
  --colorblack: #2E2323;
  --colorgray: #efefef;
  --colorwhite: #FFF;
  --colorred: #d40c78;
  --colorpink: #ed7bae;
  --coloryellow: #ffff7f;
  --colororange: #ed6111;
  --colorlightgreen: #a7be18;
  --colorgreen: #1b9443;
  --colorlightblue: #1997d6;
  --colorblue: #0052a4;
  --colorpurple: #8c4491;
}

.kids-fes2024_body {
  font-family: "Kosugi Maru", sans-serif;
  background-image: url("/event/kids-project/images/bg_kidsfestival2023.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  /* =========================
    ステージ
    ========================= */
}
.kids-fes2024_body .sp {
  display: none;
}
.kids-fes2024_body .flex {
  display: flex;
}
.kids-fes2024_body .border-line {
  background: linear-gradient(transparent 50%, var(--coloryellow) 50%);
}
.kids-fes2024_body .blue {
  color: var(--colorlightblue);
}
.kids-fes2024_body .pink {
  color: var(--colorred);
}
.kids-fes2024_body .green {
  color: var(--colorgreen);
}
.kids-fes2024_body .purple {
  color: var(--colorpurple);
}
.kids-fes2024_body .pink {
  color: var(--colorpink);
}
.kids-fes2024_body .orange {
  color: var(--colororange);
}
.kids-fes2024_body .coming-big {
  font-size: 2.2em;
}
.kids-fes2024_body .main_catch span {
  font-weight: bold;
}
.kids-fes2024_body section .date-venue a {
  color: var(--colorblue);
  text-decoration: underline;
}
.kids-fes2024_body .ribbon.ribbon-bk-blue {
  background: var(--colorlightblue);
}
.kids-fes2024_body .ribbon.ribbon-bk-green {
  background: var(--colorgreen);
}
.kids-fes2024_body .ribbon.ribbon-bk-purple {
  background: var(--colorpurple);
}
.kids-fes2024_body .text-pink {
  color: var(--colorred);
}
.kids-fes2024_body .text-blue {
  color: var(--colorlightblue);
}
.kids-fes2024_body .text-green {
  color: var(--colorgreen);
}
.kids-fes2024_body .text-purple {
  color: var(--colorpurple);
}
.kids-fes2024_body .text-small {
  font-size: 0.8em;
}
.kids-fes2024_body .signboard {
  text-align: center;
}
.kids-fes2024_body .signboard a {
  display: inline-block;
  margin: 0.5em 0 0;
}
.kids-fes2024_body img[alt=PDF] {
  vertical-align: sub;
  margin: 0 0.25em 0 0;
}

@media screen and (min-width: 900px) {
  .kids-fes2024_body {
    font-size: 15px;
    padding: 50px 0;
  }
  .kids-fes2024_body .main_img {
    text-align: center;
    padding: 50px 0 0 0;
  }
  .kids-fes2024_body .main_catch {
    text-align: center;
    font-size: 48px;
    margin: 0 0 100px;
    background-image: url("/event/kids-project/images/kids-festival2023_catch-copy.png");
    background-repeat: no-repeat;
    background-position: center center;
    height: 489px;
  }
  .kids-fes2024_body .main_catch p:first-of-type {
    padding: 200px 0 0 0;
  }
  .kids-fes2024_body section {
    width: 1080px;
    margin: 0 auto 100px;
    /* =========================
    タイトルリボン
    ========================= */
    /* =========================
    ステージ
    ========================= */
    /* =========================
    　ブース
    　========================= */
  }
  .kids-fes2024_body section .bg_wht {
    padding: 30px;
    border-radius: 30px;
    border-top: 5px solid var(--colorred);
    border-right: 5px solid var(--colorpurple);
    border-bottom: 5px solid var(--colorlightblue);
    border-left: 5px solid var(--colorgreen);
    background-color: var(--colorwhite);
  }
  .kids-fes2024_body section .bg_wht .map img {
    display: block;
    margin: 0 auto;
  }
  .kids-fes2024_body section .date-venue {
    font-size: 30px;
  }
  .kids-fes2024_body section .date-venue ul {
    display: flex;
    width: 27em;
    margin: 0 auto 10px;
  }
  .kids-fes2024_body section .date-venue ul:last-child {
    margin: 0 auto;
  }
  .kids-fes2024_body section .date-venue li:first-child {
    padding: 0 1em;
  }
  .kids-fes2024_body section .date-venue ul.last-maile {
    font-weight: bold;
    display: block;
    text-align: center;
    width: 100%;
    color: #c25613;
  }
  .kids-fes2024_body section .banner {
    text-align: center;
  }
  .kids-fes2024_body section .banner-70 {
    text-align: center;
    margin: 0 auto;
    width: 70%;
  }
  .kids-fes2024_body section .sponsor ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
  }
  .kids-fes2024_body section .sponsor ul li {
    width: 240px;
    text-align: center;
  }
  .kids-fes2024_body section .sponsor ul li img {
    max-width: 180px;
    padding: 15px;
  }
  .kids-fes2024_body section .sponsor .order {
    text-align: right;
    font-size: 18px;
  }
  .kids-fes2024_body section .ribbon {
    position: relative;
    height: 60px;
    line-height: 60px;
    vertical-align: middle;
    text-align: center;
    padding: 7px 0;
    font-size: 18px;
    color: var(--colorwhite);
    box-sizing: border-box;
    margin: 0 0 50px;
  }
  .kids-fes2024_body section .ribbon p {
    vertical-align: middle;
    padding: 0 30px;
    border-top: dashed 1px var(--colorwhite);
    border-bottom: dashed 1px var(--colorwhite);
    line-height: 46px;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
  }
  .kids-fes2024_body section .ribbon:before,
  .kids-fes2024_body section .ribbon:after {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    z-index: 1;
  }
  .kids-fes2024_body section .ribbon:before {
    top: 0;
    left: 0;
    border-width: 30px 0px 30px 15px;
    border-color: transparent transparent transparent var(--colorwhite);
    border-style: solid;
  }
  .kids-fes2024_body section .ribbon:after {
    top: 0;
    right: 0;
    border-width: 30px 15px 30px 0px;
    border-color: transparent var(--colorwhite) transparent transparent;
    border-style: solid;
  }
  .kids-fes2024_body section .stage {
    width: 960px;
    margin: 0 auto;
  }
  .kids-fes2024_body section .stage .time-schedule {
    min-width: 400px;
    list-style: none;
    margin: 0 auto 0 6em;
    padding-left: 20px;
    border-left: 6px solid var(--colorlightgreen);
    box-sizing: border-box;
  }
  .kids-fes2024_body section .stage .time-schedule li {
    width: 100%;
    margin: 0 0;
    padding: 5px 0;
    position: relative;
  }
  .kids-fes2024_body section .stage .time-schedule span.time {
    width: 5em;
    display: inline-block;
    margin-left: -8em;
    padding: 0 0 5px;
    margin-top: 15px;
    vertical-align: top;
    position: relative;
    text-align: right;
    box-sizing: border-box;
  }
  .kids-fes2024_body section .stage .time-schedule span.time::after {
    content: "";
    position: absolute;
    right: -32px;
    top: 0;
    background: var(--colorlightgreen);
    width: 20px;
    height: 20px;
    border-radius: 10px;
  }
  .kids-fes2024_body section .stage .time-schedule .sch_box {
    display: inline-block;
    width: 100%;
    margin-left: 30px;
    padding: 15px 10px 15px 10px;
    vertical-align: middle;
    background: #efefef;
    box-sizing: border-box;
    border-radius: 6px;
  }
  .kids-fes2024_body section .stage .time-schedule .sch_title {
    font-size: 16px;
    font-weight: 700;
  }
  .kids-fes2024_body section .stage .time-schedule .sch_tx {
    font-size: 14px;
    font-weight: normal;
  }
  .kids-fes2024_body section .stage .schedule-box {
    display: flex;
    justify-content: center;
  }
  .kids-fes2024_body section .flex-box {
    flex-wrap: wrap;
  }
  .kids-fes2024_body section .flex-box .booth_item {
    width: 50%;
  }
  .kids-fes2024_body section .sponsor_booth,
  .kids-fes2024_body section .jobcar_booth,
  .kids-fes2024_body section .bsn_booth,
  .kids-fes2024_body section .attraction_booth {
    margin: 60px 0 0;
  }
  .kids-fes2024_body section .booth_box_kp {
    padding: 0 30px;
    display: flex;
    flex-wrap: wrap;
  }
  .kids-fes2024_body section .booth_box_kp .booth_item {
    margin: 0 0 30px 0;
    font-size: 18px;
    flex: 28%;
    padding: 5px;
  }
  .kids-fes2024_body section .booth_box_kp .booth_item.border-no {
    border-right: none;
  }
  .kids-fes2024_body section .booth_box_kp .booth_name {
    text-align: center;
  }
  .kids-fes2024_body section .booth_box_kp .booth_name span img {
    display: block;
    margin: 0 auto;
    width: 180px;
  }
  .kids-fes2024_body section .booth_box_kp .booth_detail {
    padding: 10px;
    text-align: center;
  }
  .kids-fes2024_body section .booth_box_kp::after {
    content: "";
    display: block;
    width: 33.3%;
    /* 子要素と同じ幅 */
  }
  .kids-fes2024_body section .booth_box {
    padding: 0 30px;
  }
  .kids-fes2024_body section .booth_item {
    margin: 0 0 30px;
    font-size: 18px;
  }
  .kids-fes2024_body section .booth_name {
    font-size: 24px;
    margin: 0 0 10px;
  }
  .kids-fes2024_body section .booth_detail {
    padding: 0 0 0 24px;
  }
  .kids-fes2024_body section .jobcar_item {
    display: flex;
    align-items: center;
    margin: 0 0 15px;
  }
  .kids-fes2024_body section .jobcar_item li:nth-of-type(1) {
    font-size: 24px;
  }
  .kids-fes2024_body section .jobcar_item li:nth-of-type(2) {
    font-size: 18px;
    padding: 0 0 0 2em;
  }
  .kids-fes2024_body section .bsn_booth,
  .kids-fes2024_body section .attraction_booth {
    font-size: 24px;
  }
  .kids-fes2024_body section .bsn_booth ul li {
    margin: 0 0 15px;
  }
  .kids-fes2024_body section .bsn_booth ul li p:nth-of-type(2) {
    font-size: 18px;
    padding: 0 0 0 24px;
  }
  .kids-fes2024_body section .signboard {
    font-size: 24px;
  }
  .kids-fes2024_body section .bg_wht .img_flex ul {
    display: flex;
    flex-wrap: wrap;
  }
  .kids-fes2024_body section .bg_wht .img_flex ul li {
    margin: 0 5px;
    font-size: 18px;
    flex: 28%;
  }
  .kids-fes2024_body section .bg_wht .img_flex ul::after {
    content: "";
    display: block;
    width: 33.3%;
  }
  .kids-fes2024_body section .bg_wht .img_flex ul li img {
    max-width: 100%;
    max-height: 245px;
    width: auto;
    display: block;
    margin: 0 auto 0.6em;
  }
}
@media screen and (max-width: 899px) {
  .kids-fes2024_body {
    font-size: 4vw;
    padding: 8vw 0;
  }
  .kids-fes2024_body .pc {
    display: none;
  }
  .kids-fes2024_body .flex {
    display: block;
  }
  .kids-fes2024_body .main_catch {
    text-align: center;
    font-size: 5vw;
    margin: 0 0 8vw;
    background-image: url(/event/kids-project/images/kids-festival2023_catch-copy.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 115%;
    height: 42vw;
    display: grid;
    place-items: center center;
  }
  .kids-fes2024_body .main_catch div {
    padding: 4vh 0 0 0;
  }
  .kids-fes2024_body section {
    width: 90%;
    margin: 0 auto 8vw;
    /* =========================
    タイトルリボン
    ========================= */
    /* =========================
    　　　ステージ
    　　　========================= */
    /* =========================
    ブース
    ========================= */
  }
  .kids-fes2024_body section .banner-70 {
    text-align: center;
    width: 100%;
  }
  .kids-fes2024_body section .bg_wht {
    padding: 2vw;
    border-radius: 2vw;
    border-top: 3px solid var(--colorred);
    border-right: 3px solid var(--colorpurple);
    border-bottom: 3px solid var(--colorlightblue);
    border-left: 3px solid var(--colorgreen);
    background-color: var(--colorwhite);
  }
  .kids-fes2024_body section .date-venue ul {
    margin: 0 0 2vw;
  }
  .kids-fes2024_body section .date-venue ul:first-child {
    text-align: center;
  }
  .kids-fes2024_body section .date-venue ul:last-child {
    margin: 0;
  }
  .kids-fes2024_body section .date-venue li:first-child {
    font-weight: bold;
    margin: 0 0 0.5em;
    display: inline-block;
  }
  .kids-fes2024_body section .date-venue ul.last-maile {
    font-weight: bold;
    display: block;
    text-align: center;
    width: 100%;
    color: #c25613;
  }
  .kids-fes2024_body section .sponsor ul {
    margin: 4vw 0 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  .kids-fes2024_body section .sponsor ul li {
    width: 40%;
    margin: 0 auto;
    text-align: center;
  }
  .kids-fes2024_body section .sponsor ul li img {
    padding: 2vw 0;
  }
  .kids-fes2024_body section .sponsor .order {
    text-align: right;
    font-size: 3.5vw;
  }
  .kids-fes2024_body section .ribbon {
    position: relative;
    height: 60px;
    line-height: 60px;
    vertical-align: middle;
    text-align: center;
    padding: 7px 0;
    font-size: 18px;
    color: var(--colorwhite);
    box-sizing: border-box;
    margin: 30px 0 50px;
  }
  .kids-fes2024_body section .ribbon p {
    vertical-align: middle;
    padding: 0 30px;
    border-top: dashed 1px var(--colorwhite);
    border-bottom: dashed 1px var(--colorwhite);
    line-height: 46px;
    font-size: 2.5vh;
    font-weight: 600;
    text-align: center;
  }
  .kids-fes2024_body section .ribbon .ribbon-01 {
    line-height: 23px;
  }
  .kids-fes2024_body section .ribbon:before,
  .kids-fes2024_body section .ribbon:after {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    z-index: 1;
  }
  .kids-fes2024_body section .ribbon:before {
    top: 0;
    left: 0;
    border-width: 30px 0px 30px 15px;
    border-color: transparent transparent transparent var(--colorwhite);
    border-style: solid;
  }
  .kids-fes2024_body section .ribbon:after {
    top: 0;
    right: 0;
    border-width: 30px 15px 30px 0px;
    border-color: transparent var(--colorwhite) transparent transparent;
    border-style: solid;
  }
  .kids-fes2024_body section .stage {
    padding: 0.5em;
  }
  .kids-fes2024_body section .stage_time {
    color: var(--colorwhite);
    padding: 0.5em 0 0.5em 0.5em;
    font-size: 4.25vw;
  }
  .kids-fes2024_body section .stage_detail {
    padding: 0.5em;
    font-size: 5vw;
    text-align: center;
  }
  .kids-fes2024_body section .stage ul li {
    margin: 0 0 0.25em;
    text-align: center;
  }
  .kids-fes2024_body section .stage ul li img {
    width: 70%;
  }
  .kids-fes2024_body section .time-schedule {
    list-style: none;
    margin: 0 0 0 20%;
    padding-left: 7%;
    border-left: 6px solid var(--colorlightgreen);
    box-sizing: border-box;
  }
  .kids-fes2024_body section .time-schedule li {
    width: 100%;
    margin: 0 0;
    padding: 5px 0;
    position: relative;
  }
  .kids-fes2024_body section .time-schedule span.time {
    width: 5em;
    display: inline-block;
    margin-left: -8em;
    padding: 0 0 5px;
    margin-top: 15px;
    vertical-align: top;
    position: relative;
    text-align: right;
    box-sizing: border-box;
  }
  .kids-fes2024_body section .time-schedule span.time::after {
    content: "";
    position: absolute;
    right: -35%;
    top: 0;
    background: var(--colorlightgreen);
    width: 20px;
    height: 20px;
    border-radius: 10px;
  }
  .kids-fes2024_body section .time-schedule .sch_box {
    display: inline-block;
    width: 100%;
    margin-left: 30px;
    padding: 15px 10px 15px 10px;
    vertical-align: middle;
    background: var(--colorgray);
    box-sizing: border-box;
    border-radius: 6px;
  }
  .kids-fes2024_body section .time-schedule .sch_title {
    font-size: 16px;
    font-weight: 700;
  }
  .kids-fes2024_body section .time-schedule .sch_tx {
    font-size: 14px;
    font-weight: normal;
  }
  .kids-fes2024_body section .booth_ttl {
    font-size: 4.5vw;
    font-weight: 600;
    margin: 0 0 0.75em;
  }
  .kids-fes2024_body section .sponsor_booth,
  .kids-fes2024_body section .jobcar_booth,
  .kids-fes2024_body section .bsn_booth,
  .kids-fes2024_body section .attraction_booth {
    margin: 6vw 0 0;
  }
  .kids-fes2024_body section .booth_box {
    padding: 0 0.5em;
  }
  .kids-fes2024_body section .booth_item {
    margin: 0 0 0.75em;
  }
  .kids-fes2024_body section .booth_name {
    font-size: 4vw;
    margin: 0 0 0.25em;
  }
  .kids-fes2024_body section .booth_detail {
    padding: 0 0 0 4vw;
  }
  .kids-fes2024_body section .jobcar_item {
    margin: 0 0 0.75em;
  }
  .kids-fes2024_body section .jobcar_item li:nth-of-type(1) {
    font-size: 4vw;
  }
  .kids-fes2024_body section .jobcar_item li:nth-of-type(2) {
    font-size: 3.5vw;
  }
  .kids-fes2024_body section .bsn_booth,
  .kids-fes2024_body section .attraction_booth {
    font-size: 4vw;
  }
  .kids-fes2024_body section .bsn_booth ul li {
    margin: 0 0 0.75em;
  }
  .kids-fes2024_body section .bsn_booth ul li p:nth-of-type(2) {
    font-size: 3.5vw;
    padding: 0 0 0 4vw;
  }
  .kids-fes2024_body section .signboard {
    font-size: 4.5vw;
  }
  .kids-fes2024_body section .link_flyer a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18em;
    margin: 0 auto;
    padding: 0.5em 0;
    border: 2px solid #0052a5;
    font-weight: 500;
    border-radius: 0.5em;
    transition: all 0.5s ease-in-out;
  }
}/*# sourceMappingURL=2024kids-fes.css.map */