/* mixin
*********************************************************************/
/* hannari*/
/* media query */
/* setting
**********************************************************************/
/* mixin
*********************************************************************/
/* hannari*/
/* media query */
@font-face {
  font-family: 'Hannari';
  src: url("../wf/Hannari.eot") format("eot"), url("../wf/Hannari.woff") format("woff"), url("../wf/Hannari.ttf") format("truetype"); }
@font-face {
  font-family: 'honokamin';
  src: url("../wf/honokamin.woff") format("woff"), url("../wf/honokamin.woff") format("woff2"), url("../wf/honokamin.eot") format("eot"), url("../wf/honokamin.ttf") format("truetype"); }
.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex; }

.flex_bottom {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-box-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end; }

.flex_between {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-pack: justify;
  -moz-flex-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between; }

.flex_wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.flex_center {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-flex-pack: center;
  -moz-flex-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center; }

.flex_center_wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-flex-pack: center;
  -moz-flex-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center; }

.flex_right {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -webkit-flex-pack: end;
  -moz-flex-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end; }

.flex_between_wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.flex_reverse {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.flex_reverse_between {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between; }

.fade, .inner_headline .box_contact ul li a, .inner_headline .box_contact ul li a:hover, .inner_headline .box_contact .reserve_box a, .inner_headline .box_contact .reserve_box a:hover, ul.parent li a:hover .thumb .inner .box_img, ul.parent li a:hover .thumb_m .inner .box_img, ul.parent li a:hover .thumb .inner .box_txt, ul.parent li a:hover .thumb_m .inner .box_txt {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s; }

.cover_w {
  position: relative;
  width: 100%;
  height: auto;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.cover_h {
  position: relative;
  width: auto;
  height: 100%;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.glow {
  text-shadow: 0px 0px 10px #ffffff, 0px 0px 10px #ffffff, 0px 0px 10px #ffffff, 0px 0px 10px #ffffff, 0px 0px 10px #ffffff, 0px 0px 8px #ffffff, 0px 0px 8px #ffffff, 0px 0px 8px #ffffff, 0px 0px 4px #ffffff, 0px 0px 4px #ffffff, 0px 0px 4px #ffffff; }

/* top header
***********************************************************************/
.feature_block {
  width: 100%;
  box-sizing: border-box; }

.inner_headline {
  position: relative;
  text-align: center;
  background-color: #FFF;
  width: auto;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  @media all and (max-width: 768px) {
    .inner_headline {
      padding: 70px 0 40px; } }
  .inner_headline .logo_box {
    padding: 0px 0 0; }
    .inner_headline .logo_box img {
      width: auto;
      height: 180px; }
    @media all and (max-width: 1365px) {
      .inner_headline .logo_box img {
        width: auto;
        height: 140px; } }
  .inner_headline .ttl_box {
    padding: 10px 0 0;
    width: 100%;
    max-width: 400px;
    margin: 0 auto; }
    @media all and (max-width: 1365px) {
      .inner_headline .ttl_box {
        max-width: 360px; } }
    .inner_headline .ttl_box .ttl_column {
      display: flex;
      justify-content: center; }
      .inner_headline .ttl_box .ttl_column .icon_side {
        width: 36px; }
        .inner_headline .ttl_box .ttl_column .icon_side img {
          width: 100%;
          height: auto; }
    .inner_headline .ttl_box p {
      font-size: 108%;
      line-height: 1.4em;
      white-space: nowrap;
      text-align: left;
      padding: 10px 0 0 10px;
      color: #777; }
    .inner_headline .ttl_box h1 {
      font-size: 124%;
      white-space: nowrap;
      line-height: 1em;
      padding: 4px 0 0 10px;
      text-align: left; }
      .inner_headline .ttl_box h1 span.oishi {
        font-size: 15px; }
    .inner_headline .ttl_box h2 {
      font-size: 108%;
      white-space: nowrap;
      line-height: 1em;
      border-top: #CCC dotted 1px;
      margin: 8px 0 0;
      padding: 8px 0 0; }
  .inner_headline .box_contact {
    width: 100%;
    max-width: 400px;
    margin: 0 auto; }
    @media all and (max-width: 1365px) {
      .inner_headline .box_contact {
        max-width: 360px; } }
    .inner_headline .box_contact ul {
      padding: 5px;
      display: flex;
      justify-content: center; }
      @media all and (max-width: 1365px) {
        .inner_headline .box_contact ul {
          padding: 3px; } }
      .inner_headline .box_contact ul li {
        font-size: 116%;
        line-height: 1.5em;
        width: 50%;
        padding: 5px;
        box-sizing: border-box; }
        @media all and (max-width: 1365px) {
          .inner_headline .box_contact ul li {
            padding: 3px; } }
        .inner_headline .box_contact ul li a {
          border: #c0c0c0 solid 1px;
          display: block;
          padding: 8px 0 6px;
          color: #000; }
          @media all and (max-width: 1365px) {
            .inner_headline .box_contact ul li a {
              padding: 5px 0 3px; } }
          .inner_headline .box_contact ul li a i {
            padding: 0 4px 0 0; }
          .inner_headline .box_contact ul li a:hover {
            border-color: #f5a659;
            color: #f5a659; }
    .inner_headline .box_contact .reserve_box {
      font-size: 116%;
      line-height: 1.5em;
      padding: 0 10px; }
      @media all and (max-width: 1365px) {
        .inner_headline .box_contact .reserve_box {
          padding: 0 6px; } }
      .inner_headline .box_contact .reserve_box a {
        display: block;
        border: #c0c0c0 solid 1px;
        color: #000;
        padding: 8px 0 6px; }
        @media all and (max-width: 1365px) {
          .inner_headline .box_contact .reserve_box a {
            padding: 5px 0 3px; } }
        .inner_headline .box_contact .reserve_box a:hover {
          border-color: #f5a659;
          color: #f5a659; }

ul.parent {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(4, 1fr);
  display: -ms-grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: 1fr 1fr 1fr 1fr;
  padding: 8px; }
  @media all and (max-width: 1365px) {
    ul.parent {
      padding: 5px; } }
  @media all and (max-width: 1160px) {
    ul.parent {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      grid-template-rows: repeat(6, 1fr);
      display: -ms-grid;
      -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
      -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr 1fr; } }
  @media all and (max-width: 768px) {
    ul.parent {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(14, auto);
      display: -ms-grid;
      -ms-grid-columns: 1fr 1fr;
      -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } }
  ul.parent li {
    padding: 8px;
    box-sizing: border-box; }
    @media all and (max-width: 1365px) {
      ul.parent li {
        padding: 5px; } }
    ul.parent li a {
      display: block; }
      ul.parent li a:hover .thumb .inner, ul.parent li a:hover .thumb_m .inner {
        background-color: #ff9900; }
        ul.parent li a:hover .thumb .inner .box_img, ul.parent li a:hover .thumb_m .inner .box_img {
          opacity: 0.7; }
        ul.parent li a:hover .thumb .inner .box_txt, ul.parent li a:hover .thumb_m .inner .box_txt {
          background-color: rgba(0, 0, 0, 0.7); }
    ul.parent li .thumb {
      padding-top: 100%; }
    ul.parent li .thumb_m {
      padding-top: calc(200% + 16px); }
      @media all and (max-width: 1160px) {
        ul.parent li .thumb_m {
          padding-top: calc(200% + 10px); } }
    ul.parent li .thumb, ul.parent li .thumb_m {
      position: relative;
      width: 100%; }
      ul.parent li .thumb .inner, ul.parent li .thumb_m .inner {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
        background-color: #ededed;
        border-radius: 10px;
        overflow: hidden;
        background-color: #ededed; }
        ul.parent li .thumb .inner .box_img, ul.parent li .thumb_m .inner .box_img {
          position: absolute;
          top: 0;
          right: 0;
          width: 100% !important;
          height: 100% !important; }
          ul.parent li .thumb .inner .box_img img, ul.parent li .thumb_m .inner .box_img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            font-family: 'object-fit: cover;'; }
        ul.parent li .thumb .inner .pict, ul.parent li .thumb_m .inner .pict {
          position: absolute;
          top: 10px;
          left: 10px; }
          ul.parent li .thumb .inner .pict img, ul.parent li .thumb_m .inner .pict img {
            width: 28px;
            height: auto; }
          @media all and (max-width: 1365px) {
            ul.parent li .thumb .inner .pict img, ul.parent li .thumb_m .inner .pict img {
              width: 24px;
              height: auto; } }
        ul.parent li .thumb .inner .box_txt, ul.parent li .thumb_m .inner .box_txt {
          position: absolute;
          bottom: 0px;
          background-color: rgba(0, 0, 0, 0.5);
          width: 100%;
          padding: 8px 10px;
          box-sizing: border-box; }
          ul.parent li .thumb .inner .box_txt p, ul.parent li .thumb_m .inner .box_txt p {
            color: #FFF;
            font-size: 100%;
            line-height: 1.4em;
            font-weight: 700;
            font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; }
          @media all and (max-width: 480px) {
            ul.parent li .thumb .inner .box_txt, ul.parent li .thumb_m .inner .box_txt {
              padding: 5px 7px; }
              ul.parent li .thumb .inner .box_txt p, ul.parent li .thumb_m .inner .box_txt p {
                line-height: 1.3em; } }
        ul.parent li .thumb .inner .new, ul.parent li .thumb_m .inner .new {
          position: absolute;
          top: -12px;
          right: -25px;
          transform: rotateZ(45deg);
          color: #FFF;
          font-family: 'Noto Sans JP', sans-serif;
          font-size: 11px;
          line-height: 1em;
          font-weight: 700;
          background-color: #FF9900;
          padding: 22px 20px 5px; }
    ul.parent li.div01 {
      grid-area: 1 / 1 / 3 / 3;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      -ms-grid-row: 1;
      -ms-grid-row-span: 2; }
    ul.parent li.div02 {
      grid-area: 1 / 3 / 2 / 4;
      -ms-grid-column: 3;
      -ms-grid-row: 1; }
    ul.parent li.div03 {
      grid-area: 1 / 4 / 2 / 5;
      -ms-grid-column: 4;
      -ms-grid-row: 1; }
    ul.parent li.div04 {
      grid-area: 1 / 5 / 2 / 6;
      -ms-grid-column: 5;
      -ms-grid-row: 1; }
    ul.parent li.div05 {
      grid-area: 1 / 6 / 2 / 7;
      -ms-grid-column: 6;
      -ms-grid-row: 1; }
    ul.parent li.div06 {
      grid-area: 1 / 7 / 3 / 8;
      -ms-grid-column: 7;
      -ms-grid-row: 1;
      -ms-grid-row-span: 2; }
    ul.parent li.div07 {
      grid-area: 2 / 3 / 4 / 4;
      -ms-grid-column: 3;
      -ms-grid-row: 2;
      -ms-grid-row-span: 2; }
    ul.parent li.div08 {
      grid-area: 2 / 4 / 3 / 5;
      -ms-grid-column: 4;
      -ms-grid-row: 2; }
    ul.parent li.div09 {
      grid-area: 2 / 5 / 4 / 7;
      -ms-grid-column: 5;
      -ms-grid-column-span: 2;
      -ms-grid-row: 2;
      -ms-grid-row-span: 2; }
    ul.parent li.div10 {
      grid-area: 3 / 1 / 4 / 2;
      -ms-grid-column: 1;
      -ms-grid-row: 3; }
    ul.parent li.div11 {
      grid-area: 3 / 2 / 4 / 3;
      -ms-grid-column: 2;
      -ms-grid-row: 3; }
    ul.parent li.div12 {
      grid-area: 3 / 4 / 5 / 5;
      -ms-grid-column: 4;
      -ms-grid-row: 3;
      -ms-grid-row-span: 2; }
    ul.parent li.div13 {
      grid-area: 3 / 7 / 4 / 8;
      -ms-grid-column: 7;
      -ms-grid-row: 3; }
    ul.parent li.div14 {
      grid-area: 4 / 1 / 5 / 2;
      -ms-grid-column: 1;
      -ms-grid-row: 4; }
    ul.parent li.div15 {
      grid-area: 4 / 2 / 5 / 3;
      -ms-grid-column: 2;
      -ms-grid-row: 4; }
    ul.parent li.div16 {
      grid-area: 4 / 3 / 5 / 4;
      -ms-grid-column: 3;
      -ms-grid-row: 4; }
    ul.parent li.div17 {
      grid-area: 4 / 5 / 5 / 6;
      -ms-grid-column: 5;
      -ms-grid-row: 4; }
    ul.parent li.div18 {
      grid-area: 4 / 6 / 5 / 7;
      -ms-grid-column: 6;
      -ms-grid-row: 4; }
    ul.parent li.div19 {
      grid-area: 4 / 7 / 5 / 8;
      -ms-grid-column: 7;
      -ms-grid-row: 4; }
    ul.parent li.div20 {
      display: none; }
    ul.parent li.div21 {
      display: none; }
    @media all and (max-width: 1160px) {
      ul.parent li.div01 {
        grid-area: 1 / 1 / 3 / 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2; }
      ul.parent li.div02 {
        grid-area: 1 / 3 / 2 / 4;
        -ms-grid-column: 3;
        -ms-grid-row: 1; }
      ul.parent li.div03 {
        grid-area: 1 / 4 / 2 / 5;
        -ms-grid-column: 4;
        -ms-grid-row: 1; }
      ul.parent li.div04 {
        grid-area: 1 / 5 / 2 / 6;
        -ms-grid-column: 5;
        -ms-grid-row: 1; }
      ul.parent li.div05 {
        grid-area: 2 / 3 / 3 / 4;
        -ms-grid-column: 3;
        -ms-grid-row: 2; }
      ul.parent li.div06 {
        grid-area: 2 / 4 / 4 / 5;
        -ms-grid-column: 4;
        -ms-grid-row: 2;
        -ms-grid-row-span: 2; }
      ul.parent li.div07 {
        grid-area: 2 / 5 / 4 / 6;
        -ms-grid-column: 5;
        -ms-grid-row: 2;
        -ms-grid-row-span: 2; }
      ul.parent li.div08 {
        grid-area: 3 / 1 / 4 / 2;
        -ms-grid-column: 1;
        -ms-grid-row: 3; }
      ul.parent li.div09 {
        grid-area: 4 / 2 / 6 / 4;
        -ms-grid-column: 2;
        -ms-grid-column-span: 2;
        -ms-grid-row: 4;
        -ms-grid-row-span: 2; }
      ul.parent li.div10 {
        grid-area: 3 / 2 / 4 / 3;
        -ms-grid-column: 2;
        -ms-grid-row: 3; }
      ul.parent li.div11 {
        grid-area: 3 / 3 / 4 / 4;
        -ms-grid-column: 3;
        -ms-grid-row: 3; }
      ul.parent li.div12 {
        grid-area: 4 / 1 / 6 / 2;
        -ms-grid-column: 1;
        -ms-grid-row: 4;
        -ms-grid-row-span: 2; }
      ul.parent li.div13 {
        grid-area: 4 / 4 / 5 / 5;
        -ms-grid-column: 4;
        -ms-grid-row: 4; }
      ul.parent li.div14 {
        grid-area: 4 / 5 / 5 / 6;
        -ms-grid-column: 5;
        -ms-grid-row: 4; }
      ul.parent li.div15 {
        grid-area: 5 / 4 / 6 / 5;
        -ms-grid-column: 4;
        -ms-grid-row: 5; }
      ul.parent li.div16 {
        grid-area: 5 / 5 / 6 / 6;
        -ms-grid-column: 5;
        -ms-grid-row: 5; }
      ul.parent li.div17 {
        grid-area: 6 / 1 / 7 / 2;
        -ms-grid-column: 1;
        -ms-grid-row: 6; }
      ul.parent li.div18 {
        grid-area: 6 / 2 / 7 / 3;
        -ms-grid-column: 2;
        -ms-grid-row: 6; }
      ul.parent li.div19 {
        grid-area: 6 / 3 / 7 / 4;
        -ms-grid-column: 3;
        -ms-grid-row: 6; }
      ul.parent li.div20 {
        display: block;
        grid-area: 6 / 4 / 7 / 5;
        -ms-grid-column: 4;
        -ms-grid-row: 6; }
      ul.parent li.div21 {
        display: block;
        grid-area: 6 / 5 / 7 / 6;
        -ms-grid-column: 5;
        -ms-grid-row: 6; } }
    @media all and (max-width: 768px) {
      ul.parent li.div01 {
        grid-area: 1 / 1 / 3 / 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2; }
      ul.parent li.div02 {
        grid-area: 3 / 1 / 4 / 2;
        -ms-grid-column: 1;
        -ms-grid-row: 3; }
      ul.parent li.div03 {
        grid-area: 3 / 2 / 4 / 3;
        -ms-grid-column: 2;
        -ms-grid-row: 3; }
      ul.parent li.div04 {
        grid-area: 4 / 1 / 5 / 2;
        -ms-grid-column: 1;
        -ms-grid-row: 4; }
      ul.parent li.div05 {
        grid-area: 4 / 2 / 5 / 3;
        -ms-grid-column: 2;
        -ms-grid-row: 4; }
      ul.parent li.div06 {
        grid-area: 5 / 1 / 7 / 2;
        -ms-grid-column: 1;
        -ms-grid-row: 5;
        -ms-grid-row-span: 2; }
      ul.parent li.div07 {
        grid-area: 7 / 2 / 9 / 3;
        -ms-grid-column: 2;
        -ms-grid-row: 7;
        -ms-grid-row-span: 2; }
      ul.parent li.div08 {
        grid-area: 5 / 2 / 6 / 3;
        -ms-grid-column: 2;
        -ms-grid-row: 5; }
      ul.parent li.div09 {
        grid-area: 10 / 1 / 12 / 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        -ms-grid-row: 10;
        -ms-grid-row-span: 2; }
      ul.parent li.div10 {
        grid-area: 6 / 2 / 7 / 3;
        -ms-grid-column: 2;
        -ms-grid-row: 6; }
      ul.parent li.div11 {
        grid-area: 7 / 1 / 8 / 2;
        -ms-grid-column: 1;
        -ms-grid-row: 7; }
      ul.parent li.div12 {
        grid-area: 8 / 1 / 10 / 2;
        -ms-grid-column: 1;
        -ms-grid-row: 8;
        -ms-grid-row-span: 2; }
      ul.parent li.div13 {
        grid-area: 9 / 2 / 10 / 3;
        -ms-grid-column: 2;
        -ms-grid-row: 9; }
      ul.parent li.div14 {
        grid-area: 12 / 1 / 13 / 2;
        -ms-grid-column: 1;
        -ms-grid-row: 12; }
      ul.parent li.div15 {
        grid-area: 12 / 2 / 13 / 3;
        -ms-grid-column: 2;
        -ms-grid-row: 12; }
      ul.parent li.div16 {
        grid-area: 13 / 1 / 14 / 2;
        -ms-grid-column: 1;
        -ms-grid-row: 13; }
      ul.parent li.div17 {
        grid-area: 13 / 2 / 14 / 3;
        -ms-grid-column: 2;
        -ms-grid-row: 13; }
      ul.parent li.div18 {
        grid-area: 14 / 1 / 15 / 2;
        -ms-grid-column: 1;
        -ms-grid-row: 14; }
      ul.parent li.div19 {
        grid-area: 14 / 2 / 15 / 3;
        -ms-grid-column: 2;
        -ms-grid-row: 14; }
      ul.parent li.div20 {
        display: none; }
      ul.parent li.div21 {
        display: none; } }