/****************************************************************************************************************************/
/*
/*
/* = Kids Page Style
/*
/*
/****************************************************************************************************************************/
/*
/* = visual
/*
/* ------------------------------------------------------------------------------------------------------------------------ */
.visual.kids-visual .visual-inner--ttl span::before {
  background-image: url(../media/images/top/topnav-inner--list_lm8_hv.png); }

/*
/* = Main
/*
/* ------------------------------------------------------------------------------------------------------------------------ */
#main .hikouki-inner .how-cnt {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch; }
  @media print, screen and (max-width: 767px) {
    #main .hikouki-inner .how-cnt {
      flex-direction: column; } }
  #main .hikouki-inner .how-cnt--fig {
    width: 238px; }
    @media print, screen and (max-width: 767px) {
      #main .hikouki-inner .how-cnt--fig {
        width: 100%;
        text-align: center; }
        #main .hikouki-inner .how-cnt--fig img {
          max-width: 238px; } }
    #main .hikouki-inner .how-cnt--fig figcaption {
      font-size: 0.875em;
      margin-top: 0.5em; }
  #main .hikouki-inner .how-cnt--desc {
    width: calc(100% - (238px + 60px)); }
    @media print, screen and (max-width: 767px) {
      #main .hikouki-inner .how-cnt--desc {
        width: 100%;
        margin-top: 30px; } }
#main .umigame-inner .story-cnt {
  width: 600px;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (max-width: 767px) {
    #main .umigame-inner .story-cnt {
      width: calc(100% - (5.3vw * 2));
      margin-left: auto;
      margin-right: auto; } }
  #main .umigame-inner .story-cnt--thum {
    text-align: center; }
    #main .umigame-inner .story-cnt--thum img {
      max-width: 480px; }
  #main .umigame-inner .story-cnt--desc {
    margin-top: 2em;
    font-size: 1.125em;
    line-height: 2.5;
    letter-spacing: 0.1em; }
    @media print, screen and (max-width: 767px) {
      #main .umigame-inner .story-cnt--desc {
        font-size: 1em; } }
#main .umigame-inner .story-paging {
  margin-top: 3em; }
  #main .umigame-inner .story-paging .pagination {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
    #main .umigame-inner .story-paging .pagination li {
      display: none; }
      #main .umigame-inner .story-paging .pagination li.prev, #main .umigame-inner .story-paging .pagination li.next, #main .umigame-inner .story-paging .pagination li.first {
        display: block;
        margin: 0 20px;
        text-align: center; }
        #main .umigame-inner .story-paging .pagination li.prev a,
        #main .umigame-inner .story-paging .pagination li.prev span, #main .umigame-inner .story-paging .pagination li.next a,
        #main .umigame-inner .story-paging .pagination li.next span, #main .umigame-inner .story-paging .pagination li.first a,
        #main .umigame-inner .story-paging .pagination li.first span {
          display: block;
          padding: 0.5em 2em; }
        #main .umigame-inner .story-paging .pagination li.prev a, #main .umigame-inner .story-paging .pagination li.next a, #main .umigame-inner .story-paging .pagination li.first a {
          border: 1px solid #018deb; }
          #main .umigame-inner .story-paging .pagination li.prev a:hover, #main .umigame-inner .story-paging .pagination li.next a:hover, #main .umigame-inner .story-paging .pagination li.first a:hover {
            background-color: #018deb;
            color: #ffffff; }
        #main .umigame-inner .story-paging .pagination li.prev span, #main .umigame-inner .story-paging .pagination li.next span, #main .umigame-inner .story-paging .pagination li.first span {
          border: 1px solid #bdbdbd;
          color: #bdbdbd; }
      @media print, screen and (max-width: 767px) {
        #main .umigame-inner .story-paging .pagination li.prev {
          order: 1;
          width: calc((80% - 40px) / 2); }
        #main .umigame-inner .story-paging .pagination li.next {
          order: 2;
          width: calc((80% - 40px) / 2); }
        #main .umigame-inner .story-paging .pagination li.first {
          order: 3;
          width: 80%;
          margin: 10px 0 0 0; } }

/*# sourceMappingURL=page-kids.css.map */