@charset "UTF-8";
/*---------------------------------------------------------------------------*/
@media screen and (min-width: 768px), print {
  .index .section_block {
    padding-bottom: 60px;
  }
  .index .section_block:last-of-type {
    padding-bottom: 0;
  }
  .index .section_block__title {
    margin-bottom: 30px;
  }
  .index .section_block .btn {
    font-size: 1.8rem;
    margin: 40px auto 0;
  }
  .index .section_block.information {
    padding-bottom: 65px;
  }
  .index .section_block.information .section_block__title {
    margin-bottom: 20px;
  }
  .index__list {
    font-size: 0rem;
    text-align: center;
    letter-spacing: 0;
    margin: 0 0 0 -26px;
    text-align: left;
  }
  .index__list > * {
    display: inline-block;
    vertical-align: top;
    font-size: 1.4rem;
  }
  .index__list li {
    width: 537px;
    height: 112px;
    -moz-border-radius: 10px;
         border-radius: 10px;
    position: relative;
    overflow: hidden;
    margin: 0 0 0 26px;
    line-height: 1.3;
    text-align: center;
  }
  .index__list li:nth-child(n+3) {
    margin-top: 30px;
  }
  .index__list li a {
    display: block;
    height: 100%;
    padding: 0 25px;
    background-color: #f3f3f3;
    text-decoration: none;
    color: #000;
    font-size: 2.5rem;
    font-weight: bold;
  }
  .index__list li a small {
    display: block;
    font-size: 2rem;
    margin-bottom: 5px;
  }
  .index__list li a p {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .index__list li a p:before {
    content: '';
    display: block;
    margin: auto;
    image-rendering: -webkit-optimize-contrast;
  }
  .index__list li a p span {
    width: 360px;
    margin: auto;
  }
  .player .section_block {
    padding-bottom: 80px;
  }
  .player .section_block:last-of-type {
    padding-bottom: 0;
  }
  .player .section_block__title {
    margin-bottom: 25px;
  }
  .player__list {
    font-size: 0rem;
    text-align: center;
    letter-spacing: 0;
    margin-left: -45px;
    text-align: left;
  }
  .player__list > * {
    display: inline-block;
    vertical-align: top;
    font-size: 1.4rem;
  }
  .player__list li {
    width: 525px;
    margin: 0 0 0 45px;
  }
  .player__list li:nth-child(n+3) {
    margin-top: 75px;
  }
  .player__list figure {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .player__list figure figcaption {
    width: 370px;
    padding-left: 20px;
  }
  .player__list--pix {
    width: 145px;
    height: 180px;
  }
  .player__list--caption {
    font-weight: bold;
    font-size: 2.2rem;
  }
  .player__list--caption span {
    padding-right: .5em;
  }
  .player__list--caption small {
    font-size: 1.5rem;
  }
  .player__list dl {
    line-height: 1.8;
    font-size: 1.4rem;
    width: auto;
  }
  .player__list dl dt, .player__list dl dd {
    display: inline;
  }
  .player__list dl dt {
    font-weight: bold;
  }
  .player__list dl dt:after {
    content: '：';
  }
  .player__list dl:last-of-type dt, .player__list dl:last-of-type dd {
    display: block;
  }
  .player__list dl:last-of-type dt:after {
    display: none;
  }
  .index .section_block__title {
    margin-bottom: 15px;
  }
  .index__pix {
    text-align: center;
    margin-bottom: 25px;
  }
  .index__list li {
    width: 346px;
    height: 92px;
  }
  .index__list li:nth-child(n + 3) {
    margin-top: 0;
  }
  .index__list li a {
    font-size: 2.4rem;
    background-color: #e9e9e9;
  }
  .index__list li a p span {
    width: 250px;
  }
  .index__list li:nth-of-type(1) p:before {
    position: relative;
    display: block;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("/common/images/sprite/sprite_academy.png?rev=1524464059455");
    -moz-background-size: 1158.82353% 487.77778%;
         background-size: 1158.82353% 487.77778%;
    background-position: 100% 0%;
    background-repeat: no-repeat;
    width: 32px;
    height: 56px;
  }
  .index__list li:nth-of-type(1) p:before:after {
    content: '';
    display: block;
    padding-top: 176.47059%;
  }
  .index__list li:nth-of-type(2) p:before {
    position: relative;
    display: block;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("/common/images/sprite/sprite_academy.png?rev=1524464059455");
    -moz-background-size: 557.54717% 585.33333%;
         background-size: 557.54717% 585.33333%;
    background-position: 24.12371% 92.85714%;
    background-repeat: no-repeat;
    width: 65px;
    height: 46px;
  }
  .index__list li:nth-of-type(2) p:before:after {
    content: '';
    display: block;
    padding-top: 70.75472%;
  }
  .index__list li:nth-of-type(3) p:before {
    position: relative;
    display: block;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("/common/images/sprite/sprite_academy.png?rev=1524464059455");
    -moz-background-size: 609.27835% 434.65347%;
         background-size: 609.27835% 434.65347%;
    background-position: 0% 100%;
    background-repeat: no-repeat;
    width: 61px;
    height: 63px;
  }
  .index__list li:nth-of-type(3) p:before:after {
    content: '';
    display: block;
    padding-top: 104.12371%;
  }
  .schedule__navi {
    margin-bottom: 55px;
  }
  .schedule .section_block {
    padding-bottom: 50px;
  }
  .schedule .section_block__title {
    margin-bottom: 25px;
  }
  .schedule .flextable {
    border-bottom: none;
  }
  .schedule .flextable__caption {
    border-top: none;
    width: 95px;
    font-weight: normal;
    border-right: none;
    border-bottom: solid 1px #bfbfbf;
  }
  .schedule .flextable__thead {
    background-color: #be9664;
    color: #fff;
    font-weight: bold;
  }
  .schedule .flextable__thead li {
    padding: 10px 0;
  }
  .schedule .flextable__body:nth-child(even) {
    background-color: #e5e5e5;
  }
  .schedule .schedule__list {
    width: 1005px;
    border-left: solid 1px #bfbfbf;
    border-right: solid 1px #bfbfbf;
    font-size: 1.4rem;
  }
  .schedule .schedule__list--row:nth-child(odd) {
    background-color: transparent;
  }
  .schedule .schedule__list a {
    display: block;
    font-weight: bold;
    color: #be9664;
    font-size: 1.6rem;
  }
  .schedule .chapter {
    width: 95px;
  }
  .schedule .data,
  .schedule .time {
    width: 110px;
  }
  .schedule .adversary,
  .schedule .place {
    width: 260px;
  }
  .schedule .result,
  .schedule .note {
    width: 132px;
  }
  .game {
    padding-top: 70px;
    padding-bottom: 185px;
  }
  .game .section_block__title {
    margin-bottom: 35px;
  }
  .game .schedule__navi {
    margin-bottom: 50px;
  }
  .game .entry-content {
    border: solid 1px #c7c7c7;
  }
  .game__about {
    padding: 10px 20px;
    line-height: 2;
    margin-bottom: 25px;
    background-color: #eee;
  }
  .game__about--general {
    font-weight: bold;
    font-size: 2rem;
  }
  .game__result {
    text-align: center;
    margin-bottom: 20px;
  }
  .game__result .match {
    width: 600px;
    margin: auto;
  }
  .game__result .match__team--name.is_home:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 43px;
    height: 53px;
    background: url("/common/images/logomark.png") center center no-repeat;
    -moz-background-size: 100%;
         background-size: 100%;
    margin-right: 15px;
  }
  .game__result .match__point {
    font-family: 'Akrobat-SemiBold';
    letter-spacing: .05em;
    line-height: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .game__result .match__point > * {
    font-size: 5.3rem;
  }
  .game__result .match__point span {
    text-align: center;
  }
  .game__result .match__point span:nth-of-type(1) {
    width: 60px;
  }
  .game__result .match__point span:nth-of-type(2) {
    margin: 0 8px;
  }
  .game__result .match__point span:nth-of-type(3) {
    width: 60px;
  }
  .game__detail h4 {
    font-size: 1.6rem;
    background-color: #be9664;
    color: #fff;
    line-height: 1.3;
    padding: 13px 18px;
  }
  .game__detail--body {
    padding: 20px 18px;
  }
  .game__detail table th,
  .game__detail table td {
    text-align: left;
    padding: 8px 18px;
    font-size: 1.6rem;
    border-left: none;
    border-right: none;
  }
  .game__detail table th {
    width: 192px;
    font-weight: normal;
    background-color: #f3efe0;
    letter-spacing: 0.2em;
  }
  .game__comment {
    line-height: 1.8;
  }
  .game__comment dl dt,
  .game__comment dl dd {
    display: inline;
  }
  .game__comment dl dt:after {
    content: ":";
  }
  .game__comment dl:last-of-type {
    margin-bottom: 1.5em;
  }
  .game__comment p + p {
    margin-top: 1.5em;
  }
  .game .gallery__list {
    margin: 40px 0 0 -9px;
    font-size: 0rem;
    text-align: center;
    letter-spacing: 0;
  }
  .game .gallery__list > * {
    display: inline-block;
    vertical-align: top;
    font-size: 1.4rem;
  }
  .game .gallery__list li {
    width: 205px;
    margin: 0 0 9px 9px;
    font-size: 1.6rem;
  }
  .game .gallery__list a {
    display: block;
    text-decoration: none;
    color: #000;
  }
  .game .gallery__list figcaption {
    margin-top: 10px;
  }
  .training .schedule__list {
    width: 100%;
  }
  .training .schedule__list--row {
    background-color: transparent;
  }
  .training .schedule__list--cell {
    padding: 15px 5px;
    border: none;
    border-top: solid 1px #b7b7b7;
    border-right: solid 1px #b7b7b7;
  }
  .training .schedule__list--cell.team {
    width: 110px;
  }
  .training .schedule__list--cell.time {
    width: 90px;
  }
  .training .schedule__list--cell.content {
    width: 160px;
  }
  .training .schedule__list--cell.place {
    width: 160px;
  }
  .training .schedule__list--cell.opponent {
    width: 160px;
  }
  .training .schedule__list--cell.note {
    width: 325px;
  }
  .training .attention_list {
    margin-top: 15px;
  }
  .flextable {
    border-bottom: solid 1px #bfbfbf;
  }
  .flextable__body:nth-child(odd) .schedule__list--row:nth-child(odd) {
    background-color: #fff;
  }
  .flextable__body:nth-child(even) {
    background-color: #e5e5e5;
  }
  .flextable__body.head {
    background-color: #be9664;
    color: #fff;
  }
  .flextable__body.head .flextable__caption {
    font-weight: bold;
  }
  .flextable__caption {
    width: 95px;
    font-weight: normal;
    font-size: 1.4rem;
    border-right: solid 1px #b7b7b7;
  }
  .match__vs .match__point.-pk {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 12px auto;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .match__vs .match__point.-pk > span {
    width: 20px;
    font-size: 2.2rem;
  }
  .match__vs .match__point.-pk > span:nth-of-type(1) {
    position: relative;
  }
  .match__vs .match__point.-pk > span:nth-of-type(1)::before {
    left: -2em;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute;
    content: "PK: ";
    display: block;
    height: 100%;
  }
  .match__vs .match__point.-pk > span:nth-of-type(2) {
    margin: 0 6px;
  }
}

@media screen and (max-width: 767px) {
  .index {
    padding-top: 6.51042vw;
    padding-bottom: 13.02083vw;
  }
  .index .section_block {
    padding-bottom: 7.8125vw;
  }
  .index .section_block:last-of-type {
    padding-bottom: 0;
  }
  .index .section_block__title {
    margin-bottom: 3.90625vw;
  }
  .index .section_block .btn {
    margin: 4.55729vw auto 0;
  }
  .index .section_block.information {
    padding-bottom: 9.76562vw;
  }
  .index .section_block.information .section_block__title {
    margin-bottom: 0;
  }
  .index__list li {
    height: 19.27083vw;
    -moz-border-radius: 1.30208vw;
         border-radius: 1.30208vw;
    position: relative;
    overflow: hidden;
    line-height: 1.3;
  }
  .index__list li + li {
    margin-top: 3.90625vw;
  }
  .index__list li a {
    display: block;
    text-align: center;
    height: 100%;
    padding: 0 3.90625vw;
    background-color: #f3f3f3;
    text-decoration: none;
    color: #000;
    font-size: 4.42708vw;
    font-weight: bold;
  }
  .index__list li a small {
    display: block;
    font-size: 3.38542vw;
  }
  .index__list li p {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .index__list li p:before {
    content: '';
    display: block;
    margin: auto;
  }
  .index__list li p span {
    width: 63.80208vw;
    margin: auto;
    white-space: nowrap;
  }
  .player .section_block {
    padding-top: 8.46354vw;
    padding-bottom: 7.8125vw;
  }
  .player .section_block:last-of-type {
    padding-bottom: 0;
  }
  .player .section_block__title {
    margin-bottom: 3.90625vw;
  }
  .player__list li:nth-child(n+2) {
    margin-top: 7.8125vw;
  }
  .player__list figure {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .player__list figure figcaption {
    width: 62.5vw;
    padding-left: 3.90625vw;
  }
  .player__list--pix {
    width: 30.07812vw;
    height: 37.23958vw;
  }
  .player__list--caption {
    font-weight: bold;
    margin-bottom: 1.04167vw;
  }
  .player__list--caption span {
    padding-right: .5em;
  }
  .player__list--caption small {
    font-size: 2.86458vw;
  }
  .player__list dl {
    font-size: 3.125vw;
    width: auto;
  }
  .player__list dl dt, .player__list dl dd {
    display: inline;
  }
  .player__list dl dt {
    font-weight: bold;
  }
  .player__list dl dt:after {
    content: '：';
  }
  .player__list dl:last-of-type dt, .player__list dl:last-of-type dd {
    display: block;
  }
  .player__list dl:last-of-type dt:after {
    display: none;
  }
  .index {
    padding-top: 6.51042vw;
    padding-bottom: 13.67188vw;
  }
  .index .section_block {
    padding-bottom: 11.06771vw;
  }
  .index__pix {
    text-align: center;
    margin-bottom: 7.8125vw;
  }
  .index__list li p span {
    width: 61.19792vw;
  }
  .index__list li:nth-of-type(1) p:before {
    position: relative;
    display: block;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("/common/images/sprite/sprite_academy.png?rev=1524464059455");
    -moz-background-size: 1158.82353% 487.77778%;
         background-size: 1158.82353% 487.77778%;
    background-position: 100% 0%;
    background-repeat: no-repeat;
    width: 6.64062vw;
    height: 11.71875vw;
  }
  .index__list li:nth-of-type(1) p:before:after {
    content: '';
    display: block;
    padding-top: 176.47059%;
  }
  .index__list li:nth-of-type(2) p:before {
    position: relative;
    display: block;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("/common/images/sprite/sprite_academy.png?rev=1524464059455");
    -moz-background-size: 557.54717% 585.33333%;
         background-size: 557.54717% 585.33333%;
    background-position: 24.12371% 92.85714%;
    background-repeat: no-repeat;
    width: 13.67188vw;
    height: 9.76562vw;
  }
  .index__list li:nth-of-type(2) p:before:after {
    content: '';
    display: block;
    padding-top: 70.75472%;
  }
  .index__list li:nth-of-type(3) p:before {
    position: relative;
    display: block;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("/common/images/sprite/sprite_academy.png?rev=1524464059455");
    -moz-background-size: 609.27835% 434.65347%;
         background-size: 609.27835% 434.65347%;
    background-position: 0% 100%;
    background-repeat: no-repeat;
    width: 12.63021vw;
    height: 13.15104vw;
  }
  .index__list li:nth-of-type(3) p:before:after {
    content: '';
    display: block;
    padding-top: 104.12371%;
  }
  .schedule {
    padding-top: 9.76562vw;
  }
  .schedule__navi {
    margin-bottom: 9.11458vw;
  }
  .schedule .section_block {
    padding-bottom: 7.8125vw;
  }
  .schedule .section_block__title {
    margin-bottom: 3.90625vw;
  }
  .schedule .flextable__caption {
    background-color: #be9664;
    color: #fff;
    font-weight: bold;
    border: none;
  }
  .schedule .schedule__list--row {
    display: block;
  }
  .schedule .schedule__list--row:nth-child(odd) {
    background-color: transparent;
  }
  .schedule .schedule__list a {
    font-weight: bold;
    color: #be9664;
    margin-right: 0.2em;
  }
  .schedule .entry_text {
    text-align: center;
  }
  .schedule .data:before {
    content: '日付：';
  }
  .schedule .time:before {
    content: 'キックオフ：';
  }
  .schedule .adversary:before {
    content: '対戦相手：';
  }
  .schedule .place:before {
    content: '会場：';
  }
  .schedule .result:before {
    content: '結果：';
  }
  .schedule .note:before {
    content: '備考：';
  }
  .game {
    padding-top: 9.11458vw;
    padding-bottom: 11.71875vw;
  }
  .game .section_block__title {
    margin-bottom: 3.90625vw;
  }
  .game .schedule__navi {
    margin-bottom: 8.46354vw;
  }
  .game .entry-content {
    border: solid 1px #c7c7c7;
  }
  .game__about {
    padding: 3.25521vw 3.90625vw;
    margin-bottom: 5.20833vw;
    background-color: #eee;
  }
  .game__about--general {
    font-weight: bold;
  }
  .game__result {
    text-align: center;
    margin-bottom: 7.8125vw;
  }
  .game__result .match {
    width: 84.89583vw;
    margin: auto;
  }
  .game__result .match__team--name {
    font-size: 3.64583vw;
  }
  .game__result .match__team--name.is_home:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 5.59896vw;
    height: 6.90104vw;
    background: url("/common/images/logomark.png") center center no-repeat;
    -moz-background-size: 100%;
         background-size: 100%;
    margin-right: 1.95312vw;
  }
  .game__result .match__vs {
    width: 5em;
  }
  .game__result .match__point {
    line-height: 1;
    font-family: 'Akrobat-SemiBold';
    letter-spacing: .05em;
  }
  .game__result .match__point > * {
    font-size: 9.11458vw;
  }
  .game__detail h4 {
    font-size: 3.90625vw;
    background-color: #be9664;
    color: #fff;
    line-height: 1.3;
    padding: 1.69271vw 0;
    text-align: center;
  }
  .game__detail--body {
    padding: 2.34375vw 3.90625vw;
  }
  .game__detail table th,
  .game__detail table td {
    border-left: none;
    border-right: none;
  }
  .game__detail table th {
    padding: 2.60417vw 1.95312vw;
    text-align: center;
    width: 11.97917vw;
    font-weight: normal;
    background-color: #f3efe0;
    letter-spacing: 0.2em;
  }
  .game__detail table td {
    padding: 2.60417vw 3.25521vw;
  }
  .game__comment {
    line-height: 1.6;
    padding-bottom: 6.51042vw;
  }
  .game__comment dl dt,
  .game__comment dl dd {
    display: inline;
  }
  .game__comment dl dt:after {
    content: ':';
  }
  .game__comment dl:last-of-type {
    margin-bottom: 1.5em;
  }
  .game__comment p + p {
    margin-top: 1.5em;
  }
  .game .gallery__list li + li {
    margin-top: 4.55729vw;
  }
  .game .gallery__list a {
    display: block;
    text-decoration: none;
    color: #000;
  }
  .game .gallery__list figcaption {
    margin-top: 1.30208vw;
  }
  .training {
    padding-top: 7.8125vw;
    padding-bottom: 11.71875vw;
  }
  .training .flextable {
    width: 92.44792vw;
    margin: auto;
    border-bottom: solid 1px #bfbfbf;
  }
  .training .flextable__body:nth-child(even) {
    background-color: #e5e5e5;
  }
  .training .flextable__body.head {
    background-color: #be9664;
    color: #fff;
  }
  .training .flextable__body.head .flextable__caption {
    font-weight: bold;
  }
  .training .flextable__body.sun {
    background-color: #ffeaea;
  }
  .training .flextable__body.sat {
    background-color: #eaf4ff;
  }
  .training .flextable__caption {
    width: 14.32292vw;
    font-weight: normal;
    border-right: solid 1px #b7b7b7;
  }
  .training .schedule__list {
    width: 78.125vw;
  }
  .training .schedule__list--row {
    padding: 0;
    display: block;
    background-color: transparent;
    border-bottom: none;
  }
  .training .schedule__list--cell {
    padding: 1.30208vw;
    min-height: 8.46354vw;
    border: none;
    border-top: solid 1px #b7b7b7;
    border-right: solid 1px #b7b7b7;
    text-align: center;
  }
  .training .schedule__list--cell span {
    padding-right: 0;
  }
  .training .schedule__list--cell.place span:before {
    display: none;
  }
  .training .schedule__list .data span:before {
    content: '日付：';
  }
  .training .schedule__list .team span:before {
    content: 'チーム：';
  }
  .training .schedule__list .time span:before {
    content: '開始時間：';
  }
  .training .schedule__list .division span:before {
    content: '内容：';
  }
  .training .schedule__list .place span:before {
    content: '場所：';
  }
  .training .schedule__list .adversary span:before {
    content: '対戦相手：';
  }
  .training .schedule__list .note span:before {
    content: '備考：';
  }
  .training .attention_list {
    margin-top: 1.95312vw;
  }
  .match__vs .match__point.-pk {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 12px auto;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .match__vs .match__point.-pk > span {
    width: 5.20833vw;
    font-size: 4.16667vw;
  }
  .match__vs .match__point.-pk > span:nth-of-type(2) {
    position: relative;
    width: 4.16667vw;
  }
  .match__vs .match__point.-pk > span:nth-of-type(2)::before {
    content: 'PK';
    left: 50%;
    bottom: -100%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    position: absolute;
    display: block;
    height: 100%;
  }
}