@charset "UTF-8";
/*------------------------------
mixIn
------------------------------*/
@media (max-width: 768px) {
  .sectionFlexSP {
    -webkit-flex-wrap: wrap;
    /* Safari etc. */
    -ms-flex-wrap: wrap;
    /* IE10        */
    flex-wrap: wrap; }
    .sectionFlexSP.sp-column-2 > * {
      width: 40%;
      box-sizing: border-box; } }

/*-- gmap --*/
.gmap {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative; }
  .gmap iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%; }

/*-----------------------------------
facility
-----------------------------------*/
.facility-child #content .entry-content ul.columns2 ul,
.facility #content .entry-content ul.columns2 ul {
  margin-bottom: 1em; }
  .facility-child #content .entry-content ul.columns2 ul li,
  .facility #content .entry-content ul.columns2 ul li {
    width: 100%; }

/*-----------------------------------
kodomo
-----------------------------------*/
/* kodomoTitle */
.kodomoTitle01 {
  position: relative;
  padding: 8vw 0;
  margin-bottom: 2em;
  color: #34281f;
  background-image: url(../img/kodomo_title01-01.png), url(../img/kodomo_title01-02.png);
  background-repeat: no-repeat,
 no-repeat;
  background-position: top left,
 top right;
background-color: #fff;}
  @media (max-width: 768px) {
    .kodomoTitle01 {
      background-size: contain;
      padding: 0;
      width: 100%;
      height: 50vw;
      box-sizing: border-box; }
      .kodomoTitle01:before {
        z-index: 0;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(255, 255, 255, 0.6); } }
  .kodomoTitle01 h2 {
    font-size: 140%;
    display: block;
    letter-spacing: 2px;
    border: none;
    font-family: 'tbchibirgothicplusk-pro',sans-serif;
    font-weight: 400;
    font-style: normal; }
    @media (max-width: 768px) {
      .kodomoTitle01 h2 {
        padding: 15vw 8vw 10vw 8vw;
        font-size: 130%;
        letter-spacing: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; } }

.kodomoindexBtn {
  width: 90%;
  margin: 0 auto; }
  .kodomoindexBtn .btn {
    background-image: url(../img/kodomo_btnimg.png);
    background-repeat: no-repeat;
    margin-bottom: 1em;
    background-color: #ffe13a;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px; }
    .kodomoindexBtn .btn a {
      height: 80px;
      line-height: 80px;
      display: block;
      text-decoration: none;
      color: #34281f;
      font-weight: bold;
      text-align: center;
      position: relative;
      font-size: 120%; }
      .kodomoindexBtn .btn a::after {
        position: absolute;
        content: '\f105';
        top: 0;
        right: 5%;
        font-size: 120%;
        font-weight: 900;
        font-family: Font Awesome\ 5 Free, FontAwesome;
        margin-right: 0.5em; }
    .kodomoindexBtn .btn:hover {
      background-color: #e5bf0d;
      text-decoration: underline; }
  .kodomoindexBtn .img01 {
    background-position: 0% 0%; }
  .kodomoindexBtn .img02 {
    background-position: 0% 50%; }
  .kodomoindexBtn .img03 {
    background-position: 0% 100%; }

.kodomoTitle02 {
  position: relative;
  padding: 8vw 0;
  background-image: url(../img/kodomo_title02-01.png), url(../img/kodomo_title02-02.png);
  background-repeat: no-repeat,
 no-repeat;
  background-position: center left,
 center right; 
background-color: #fff;}
  @media (max-width: 768px) {
    .kodomoTitle02 {
      background-size: contain;
      margin-top: 2em;
      margin-bottom: 2em;
      padding: 0;
      width: 100%;
      height: 35vw;
      box-sizing: border-box; }
      .kodomoTitle02:before {
        z-index: 0;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(255, 255, 255, 0.6); } }
  .kodomoTitle02 h3 {
    color: #de6868;
    text-align: center;
    font-family: 'tbchibirgothicplusk-pro',sans-serif;
    font-weight: 400;
    font-style: normal; }
    @media (max-width: 768px) {
      .kodomoTitle02 h3 {
        padding: 12vw 0 0 0;
        letter-spacing: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; } }

.kodomoContent02 .kodomo-eventBlock {
  width: 90%;
  margin: 0 auto 1em auto;
  color: #34281f;
  font-weight: bold;
  position: relative; }
  .kodomoContent02 .kodomo-eventBlock a {
    color: #34281f;
    border: 2px solid #ffe13a;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    display: block;
    padding: 1em 2em;
    padding-right: 10%;
    background-color: #fff;
    text-decoration: none;
    position: relative; }
    @media (max-width: 768px) {
      .kodomoContent02 .kodomo-eventBlock a {
        padding: 1em 2em 1em 1.3em; } }
    .kodomoContent02 .kodomo-eventBlock a:hover {
      background-color: rgba(255, 225, 58, 0.5); }
  .kodomoContent02 .kodomo-eventBlock::after {
    position: absolute;
    content: '\f105';
    top: 50%;
    right: 3%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    font-size: 120%;
    font-weight: 900;
    font-family: Font Awesome\ 5 Free, FontAwesome;
    margin-right: 0.3em; }
  .kodomoContent02 .kodomo-eventBlock h4 {
    font-size: 140%;
    display: block;
    border-bottom: 0;
    padding: 0;
    margin: 1.8em 0 0 0;
    line-height: 1.3em; }
  .kodomoContent02 .kodomo-eventBlock h4 + span.date,
  .kodomoContent02 .kodomo-eventBlock h4 + span.place {
    margin-top: 0.8em; }
  .kodomoContent02 .kodomo-eventBlock .date {
    display: block;
    position: relative;
    padding-left: 1.8em; }
    .kodomoContent02 .kodomo-eventBlock .date::before {
      content: '\f073';
      font-weight: 900;
      font-family: Font Awesome\ 5 Free, FontAwesome;
      color: #de6868;
      position: absolute;
      top: 0;
      left: 0; }
  .kodomoContent02 .kodomo-eventBlock .place {
    display: block;
    position: relative;
    padding-left: 1.8em; }
    .kodomoContent02 .kodomo-eventBlock .place::before {
      content: '\f015';
      font-weight: 900;
      font-family: Font Awesome\ 5 Free, FontAwesome;
      color: #de6868;
      position: absolute;
      top: 0;
      left: -0.1em; }

.kodomoTitle03 {
  position: relative;
  padding: 8vw 0;
  background-image: url(../img/kodomo_title03-01.png), url(../img/kodomo_title03-02.png);
  background-repeat: no-repeat,
 no-repeat;
  background-position: center left,
 center right; 
background-color: #fff;}
  @media (max-width: 768px) {
    .kodomoTitle03 {
      background-size: 35%;
      margin-top: 2em;
      margin-bottom: 2em;
      padding: 0;
      width: 100%;
      height: 35vw;
      box-sizing: border-box; }
      .kodomoTitle03:before {
        z-index: 0;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(255, 255, 255, 0.6); } }
  .kodomoTitle03 h3 {
    color: #de6868;
    text-align: center;
    font-family: 'tbchibirgothicplusk-pro',sans-serif;
    font-weight: 400;
    font-style: normal; }
    @media (max-width: 768px) {
      .kodomoTitle03 h3 {
        padding: 12vw 0 0 0;
        letter-spacing: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; } }

.kodomoContent03 .kodomo-dayoriBlock {
  width: 90%;
  margin: 0 auto 1em auto;
  color: #34281f;
  font-weight: bold;
  position: relative; }
  .kodomoContent03 .kodomo-dayoriBlock a {
    color: #34281f;
    border: 2px solid #ffe13a;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    display: block;
    padding: 1em 2em;
    padding-right: 10%;
    background-color: #fff;
    text-decoration: none;
    position: relative;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    /* Safari */
    justify-content: space-between; }
    @media (max-width: 768px) {
      .kodomoContent03 .kodomo-dayoriBlock a {
        padding: 1em 2.5em 1em 1em; } }
    .kodomoContent03 .kodomo-dayoriBlock a:hover {
      background-color: rgba(255, 225, 58, 0.5); }
  .kodomoContent03 .kodomo-dayoriBlock::after {
    position: absolute;
    content: '\f105';
    top: 50%;
    right: 3%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    font-size: 120%;
    font-weight: 900;
    font-family: Font Awesome\ 5 Free, FontAwesome;
    margin-right: 0.5em; }
  .kodomoContent03 .kodomo-dayoriBlock .section {
    width: 70%;
    padding-left: 5%;
    display: flex;
    align-items: center; }
    @media (max-width: 768px) {
      .kodomoContent03 .kodomo-dayoriBlock .section {
        padding-left: 3%;
        padding-top: 3%; } }
  .kodomoContent03 .kodomo-dayoriBlock a img {
    width: 30%; }
    @media (max-width: 768px) {
      .kodomoContent03 .kodomo-dayoriBlock a img {
        width: 20vw;
        height: 20vw; } }
  .kodomoContent03 .kodomo-dayoriBlock .date {
    display: block; }
    @media (max-width: 768px) {
      .kodomoContent03 .kodomo-dayoriBlock .date {
        font-size: 90%; } }
  .kodomoContent03 .kodomo-dayoriBlock .title {
    display: block;
    font-size: 140%; }

.kodomomoreBtn {
  text-align: center; }
  .kodomomoreBtn a {
    color: #34281f;
    background-color: #ffe13a;
    display: inline-block;
    margin: 0 auto;
    font-weight: bold;
    padding: 0 5em 0 3em;
    line-height: 4em;
    height: 4em;
    text-decoration: none;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px; }
    @media (max-width: 768px) {
      .kodomomoreBtn a {
        padding: 0 4em 0 2em; } }
    .kodomomoreBtn a::after {
      position: absolute;
      content: '\f105';
      top: 0;
      right: 5%;
      font-size: 120%;
      font-weight: 900;
      font-family: Font Awesome\ 5 Free, FontAwesome;
      margin-right: 0.5em; }
    .kodomomoreBtn a:hover {
      background-color: #e5bf0d; }

/*
child
*/
.child-child #content .entry-content h2 {
  background-image: url(../img/kodomo_commontitle-h2.png);
  background-size: contain;
  border: none;
  height: 166px; }
  @media (max-width: 768px) {
    .child-child #content .entry-content h2 {
      height: 23vw;
      font-size: 1.3em;
      padding-top: 0.3em;
      letter-spacing: 0; } }

.child-child #content .entry-content h3 {
  color: #de6868;
  font-weight: bold;
  font-size: 200%; }

.child-child #content .entry-content h4 {
  background-image: url(../img/kodomo_commontitle-h4.png);
  border-bottom: 2px dotted #666;
  padding: 0.5em 2em 0.5em 3.5em; }

.child-child #content .entry-content h5 {
  background-image: url(../img/kodomo_commontitle-h5.png);
  background-size: contain;
  background-color: #fff7ca; }
  .child-child #content .entry-content h5::before {
    content: '��';
    color: white;
    font-size: 150%;
    line-height: 1em;
    margin-right: 0.5em; }

a.kodomoDl {
  position: relative;
  color: #000;
  line-height: 1.5em;
  padding: 0.3em 0 0.3em 1.8em;
  margin-left: 1em;
  margin-bottom: 0.5em;
  display: inline-block; }
  a.kodomoDl:hover {
    text-decoration: none; }
  a.kodomoDl::before {
    content: '\f381';
    font-weight: 900;
    font-family: Font Awesome\ 5 Free, FontAwesome;
    color: #de6868;
    position: absolute;
    top: 0.3em;
    left: 0;
    text-decoration: none; }

a.kodomomusicDl {
  position: relative;
  color: #000;
  line-height: 1.5em;
  padding: 0.5em 0 0.5em 1.5em;
  margin-left: 0em;
  display: inline-block; }
  a.kodomomusicDl:hover {
    text-decoration: none; }
  a.kodomomusicDl::before {
    content: '\f001';
    font-weight: 900;
    font-family: Font Awesome\ 5 Free, FontAwesome;
    color: #de6868;
    position: absolute;
    top: 0.5em;
    left: 0;
    text-decoration: none; }

/* yomukikuradio */
body.yomukikuradio br.sp_only {
  display: none; }

@media (max-width: 768px) {
  body.yomukikuradio br.sp_only {
    display: block; }
  body.yomukikuradio #content table {
    display: table;
    table-layout: fixed;
    border-collapse: collapse; }
    body.yomukikuradio #content table thead tr th:nth-of-type(2) {
      background-color: #e8e8e8; }
    body.yomukikuradio #content table tr {
      width: 100%;
      box-sizing: border-box;
      display: flex;
      display: -webkit-flex;
      -webkit-justify-content: space-between;
      /* Safari */
      justify-content: space-between;
      border-bottom: 1px solid #e5e5e5;
      /* th,td */ }
      body.yomukikuradio #content table tr td:nth-of-type(1),
      body.yomukikuradio #content table tr th:nth-of-type(1) {
        width: 22%; }
      body.yomukikuradio #content table tr td:nth-of-type(2),
      body.yomukikuradio #content table tr th:nth-of-type(2) {
        width: 33%;
        background-color: #fcfcfc; }
      body.yomukikuradio #content table tr td:nth-of-type(3),
      body.yomukikuradio #content table tr th:nth-of-type(3) {
        width: 45%; }
      body.yomukikuradio #content table tr td,
      body.yomukikuradio #content table tr th {
        display: inline-block;
        white-space: normal;
        border-top: none;
        box-sizing: border-box;
        padding: 0.7em 0.5em;
        border: none;
        font-size: 85%; }
      body.yomukikuradio #content table tr th {
        font-size: 75%;
        padding: 1em 0 1em 0.5em; } }

/* kanaya */
@media (max-width: 768px) {
  body.kanaya.facility-child {
    /* table */ }
    body.kanaya.facility-child #content table.corner {
      display: table;
      table-layout: fixed;
      border-collapse: collapse;
      /* thead */
      /* tbody */ }
      body.kanaya.facility-child #content table.corner tr {
        width: 100%;
        box-sizing: border-box;
        display: flex;
        display: -webkit-flex;
        -webkit-justify-content: space-between;
        /* Safari */
        justify-content: space-between;
        border-bottom: 1px solid #e5e5e5; }
        body.kanaya.facility-child #content table.corner tr td,
        body.kanaya.facility-child #content table.corner tr th {
          display: inline-block;
          white-space: normal;
          border-top: none;
          box-sizing: border-box;
          padding: 0.7em 0.5em;
          border: none;
          font-size: 85%; }
      body.kanaya.facility-child #content table.corner thead tr {
        background-color: #fcfcfc; }
      body.kanaya.facility-child #content table.corner thead th:nth-of-type(1) {
        width: 22%;
        max-width: 5em;
        background-color: transparent; }
      body.kanaya.facility-child #content table.corner thead th:nth-of-type(2) {
        width: 45%;
        background-color: #f5f5f5; }
      body.kanaya.facility-child #content table.corner thead th:nth-of-type(3) {
        width: 35%;
        background-color: transparent;
        padding-right: 1em; }
      body.kanaya.facility-child #content table.corner tbody th {
        width: 22%;
        max-width: 5em;
        background-color: transparent; }
      body.kanaya.facility-child #content table.corner tbody td:nth-of-type(1) {
        background-color: #e8e8e8;
        width: 45%;
        background-color: #fcfcfc; }
      body.kanaya.facility-child #content table.corner tbody td:nth-of-type(2) {
        width: 35%;
        padding-right: 1em; } }