@charset 'utf-8';

/*-----------------------------
area_top_visual
-----------------------------*/
@media print,screen and (min-width: 901px) {
  .slick-arrow {
    display: block;
    width: 62px;
    height: 62px;
    background-color: #97c1e7;
    font-size: 0;
    z-index: 1;
  }
  .slick-arrow:hover, .slick-arrow:active, .slick-arrow:visited {
    background-color: #97c1e7;
    opacity: 1;
  }
  .slick-arrow img {
    display: none;
  }
  .slick-arrow::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 19px;
    height: 19px;
    content: "";
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
    opacity: 1;
  }
  .slick-prev::before {
    -webkit-transform: translate(-35%,-50%) rotate(-135deg);
    -moz-transform: translate(-35%,-50%) rotate(-135deg);
    -ms-transform: translate(-35%,-50%) rotate(-135deg);
    transform: translate(-35%,-50%) rotate(-135deg);
  }
  .slick-next::before {
    -webkit-transform: translate(-65%,-50%) rotate(45deg);
    -moz-transform: translate(-65%,-50%) rotate(45deg);
    -ms-transform: translate(-65%,-50%) rotate(45deg);
    transform: translate(-65%,-50%) rotate(45deg);
  }
}

/*-----------------------------
area_top_visual
-----------------------------*/
@media print,screen and (min-width: 901px) {
  .area_top_visual {
    background: url('/asset/img/activity/bg_top_pc.jpg') no-repeat center 0;
    background-size: cover;
  }
  .area_top_visual .pgttl {
    top: 315px;
    left: 63%;
  }
  .area_top_visual .catch {
    top: 422px;
    left: 63%;
    line-height: 1.73;
  }
}
@media screen and (max-width: 900px) {
  .area_top_visual {
    background: url('/asset/img/activity/bg_top_sp.jpg') no-repeat center 0;
    background-size: contain;
  }
  .area_top_visual .pgttl {
    top: 48.8%;
    right: 8%;
    letter-spacing: 0.2em;
  }
  .area_top_visual .catch {
    top: 63.46%;
    right: 4.4%;
  }
}

/*-----------------------------
area_smootnbtn
-----------------------------*/
.box_smootnbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.area_smootnbtn .btn_smooth {
  display: inline-block;
  position: relative;
  line-height: 1;
  font-family: "Yu Mincho",YuMincho,"Hiragino Mincho ProN","游明朝","ヒラギノ角ゴ Pro W3","HGS明朝E",Meiryo,"メイリオ",sans-serif;
  color: #000;
  white-space: nowrap;
}
.area_smootnbtn .btn_smooth::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  content: "";
  -webkit-transform: translateX(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
}
@media print,screen and (min-width: 901px) {
  .area_smootnbtn {
    width: 785px;
    margin: auto;
    padding-top: 26px;
/*     padding-bottom: 50px; */
  }
  .area_smootnbtn .btn_smooth {
    padding-top: 11px;
    padding-bottom: 20px;
    font-size: 1.6rem;
    font-weight: 400;
  }
  .area_smootnbtn .btn_smooth::after {
    width: 7px;
    height: 7px;
    -webkit-transition: bottom .1s;
    -ms-transition: bottom .1s;
    -moz-transition: bottom .1s;
    transition: bottom .1s;
  }
  .area_smootnbtn .btn_smooth:hover::after {
    bottom: -3px;
  }
}
@media screen and (max-width: 900px) {
  .area_smootnbtn {
    padding: 10px 15px 20px;
  }
  .area_smootnbtn .btn_smooth {
    padding-top: 10px;
    padding-bottom: 12px;
    font-size: 1.4rem;
    font-weight: bold;
  }
  .area_smootnbtn .btn_smooth::after {
    width: 5px;
    height: 5px;
  }
}

/*-----------------------------
area_info
-----------------------------*/
/*
ttl
-----------*/
.area_info .ttl_enja .big {
  letter-spacing: .3em;
  color: #4b4b4b;
}

/*
コンテンツ
-----------*/
@media print,screen and (min-width: 901px) {
  .area_info {
    padding-top: 100px;
    padding-bottom: 106px;
  }
  .area_info .ttl_enja {
    margin-bottom: 50px;
  }
  .box_info {
    width: calc(100% + 20px);
    max-width: 1306px;
    margin-left: -20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .box_info .info {
    float: none;
    width: 245px;
    margin-bottom: 50px;
  }
  .box_info .info:not(:nth-of-type(5n)) {
    margin-right: 10px;
  }
  .box_info::before{
    content:"";
    display: block;
    width:23%;
    order:1;
  }
  .box_info::after{
    content:"";
    display: block;
    width:23%;
  }
}
@media screen and (max-width: 900px) {
  .area_info {
    padding-top: 20px;
    padding-bottom: 80px;
  }
  .area_info .slick-arrow {
    background-color: transparent;
  }
}

/*
ページャー
-----------*/
@media print,screen and (min-width: 901px) {
  .area_pager {
    margin-top: -10px;
  }
}


/*-----------------------------
area_report
-----------------------------*/
.area_report {
  background-color: #eff5f7;
}
@media print,screen and (min-width: 901px) {
  .area_report {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .area_report .ttl_enja img {
    width: 131px;
    margin-left: 10px;
  }
  .area_report .lead {
    padding-top: 34px;
    margin-bottom: 37px;
  }
}
@media screen and (max-width: 900px) {
  .area_report {
    padding-top: 25px;
    padding-bottom: 40px;
  }
  .area_report .ttl_enja img {
    width: 99px;
  }
  .area_report .lead {
    margin-bottom: 36px;
  }
}

/*
box_report
-----------*/
@media print,screen and (min-width: 901px) {
  .box_report {
    padding: 30px 0;
    background-color: #fff;
  }
  .box_report .report {
    width: 42.6%;
    margin: 0 48px;
  }
  .report .inner::after {
    display: block;
    clear: both;
    content: "";
  }
}
@media screen and (max-width: 900px) {
  .box_report .report {
    padding: 15px;
    background-color: #fff;
  }
}

.report .ttl {
  font-weight: bold;
}
.report .txt + .unlist {
  padding-top: 0;
  border-top: none;
}
.report .unlist li {
  position: relative;
  padding-left: 1em;
}
.report .unlist li::before {
  content: "\30FB";
  position: absolute;
  top: 0;
  left: 0;
}
.report a {
  display: block;
  position: relative;
  border: 1px solid #ea7fad;
  color: #ea7fad;
}
.report a::before {
  position: absolute;
  display: block;
  width: 21px;
  height: 20px;
  content: "";
  background: url('/asset/img/common/ico_dl_p.gif') no-repeat 0 0;
  background-size: contain;
}
@media print,screen and (min-width: 901px) {
  .report .fig_img {
/*     width: 218px; */
    float: left;
    width: 39.27%;
  }
  .report .ttl, .report .txt, .report .unlist, .report a {
    width: 56.2%;
    float: right;
    margin-left: 4.53%;
  }
  .report .ttl {
    padding-bottom: 22px;
    font-size: 1.7rem;
    line-height: 1.23;
    border-bottom: 1px solid #222;
  }
  .report .txt {
    padding-top: 20px;
    border-top: 1px solid #ddd;
    font-size: 1.4rem;
    line-height: 1.28;
  }
  .report .unlist {
    padding-top: 20px;
    border-top: 1px solid #ddd;
  }
  .report .unlist li {
    font-size: 1.4rem;
    line-height: 1.28;
  }
  .report a {
    border-radius: 19px;
    height: 38px;
    margin-top: 40px;
    padding-left: 11.1%;
    font-size: 1.4rem;
    line-height: 38px;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
  }
  .report a:hover {
    background-color: #ea7fad;
    color: #fff;
/*     -webkit-transition: 0 .2s;
    -ms-transition: 0 .2s;
    -moz-transition: 0 .2s;
    transition: 0 .2s; */
  }
  .report a::before {
    top: 9px;
    left: 32px;
  }
  .report a:hover::before {
    background: url('/asset/img/common/ico_dl_w.gif') no-repeat 0 0;
    background-size: contain;
  }
  .box_report .slick-prev {
    left: -31px;
  }
  .box_report .slick-next {
    right: -31px;
  }
  .box_report .slick-dots {
    top: -105px;
    left: 0;
  }
}
@media screen and (min-width: 901px) and (max-width: 1348px) {
  .box_report .slick-prev {
    left: -20px;
  }
  .box_report .slick-next {
    right: -20px;
  }
}
@media print,screen and (min-width: 901px) and (max-width: 1100px) {
  .report a {
    padding-left: 14%;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 900px) {
  .report {
    position: relative;
    width: 300px;
    font-size: 0;
    -webkit-transform: scale(.85);
    -moz-transform: scale(.85);
    -ms-transform: scale(.85);
    transform: scale(.85);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
  }
  .report::after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: rgba(0,0,0,.15);
  }
  .report .fig_img, .report .ttl {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 12px;
  }
  .report .fig_img {
    width: 32%;
  }
  .report .ttl {
    width: 68%;
    padding-left: 8px;
  }
  .report .ttl {
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .report .txt {
    padding-top: 13px;
    border-top: 1px solid #ddd;
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .report .unlist {
    padding-top: 13px;
    border-top: 1px solid #ddd;
  }
  .report .unlist li {
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .report a {
    width: 100%;
    height: 40px;
    margin-top: 6px;
    padding-left: 15%;
    border-radius: 19px;
    font-size: 1.4rem;
    line-height: 38px;
  }
  .report a::before {
    width: 18px;
    height: 18px;
    top: 10px;
    left: 5%;
  }
  .slick-list {
    width: 100%;
    overflow: visible;
  }
  .report.slick-current {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .report.slick-current::after {
    display: none;
  }
  .box_report .slick-arrow {
    background-color: transparent;
  }
  .box_report .slick-dots {
    top: -20px;
  }
  .box_report .slick-dots > li {
    width: 6px;
    height: 6px;
  }
  .box_report .slick-dots li button::before, .box_report .slick-dots li button:hover::before {
    width: 6px;
    height: 6px;
  }
}

/*-----------------------------
area_media
-----------------------------*/

.area_media .ttl_enja .big {
  color: #4b4b4b;
}

.area_media .ttl_enja .big {
  letter-spacing: .01em;
}
.area_media .lead {
   text-align: center;
}
@media print,screen and (min-width: 901px) {
  .area_media {
    padding-top: 50px;
    padding-bottom: 410px;
    background-color: #eff5f7;
    background: url('/asset/img/activity/bg_media_pc.jpg') no-repeat center bottom ,#eff5f7;
    background-size: 100%;
  }
  .area_media .ttl_enja {
    margin-bottom: 50px;
  }
  .area_media .ttl_enja .big {
    letter-spacing: .1em;
  }
   .area_media .lead {
      margin-bottom: 43px;
      font-size: 1.7rem;
   }
}
@media screen and (max-width: 900px) {
  .area_media {
    min-height: 1300px;
    padding-top: 36px;
    padding-bottom: 418px;
    background-color: #eff5f7;
    background: url('/asset/img/activity/bg_media_sp.jpg') no-repeat center bottom ,#eff5f7;
    background-size: 100%;
  }
  .area_media .wrap {
    width: 92%;
    margin: 0 auto;
  }
  .area_media .ttl_enja {
    margin-bottom: 20px;
  }
  .area_media .lead {
    margin-bottom: 23px;
    font-size: 1.4rem;
  }
}
/*
list_year
-----------*/
.list_year {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 47px;
}

.list_year a {
  font-size: 1.4rem;
  color: #285c8b;
  padding: 0 16px 0;
  text-decoration: underline;
}
.list_year li {
  position: relative;
  margin-bottom: 15px;
}
.list_year li:nth-child(n+2)::before {
  content: "";
  display: block;
  width: 1px;
  height: 14px;
  background-color: #000;
  position: absolute;
  left: -1px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 900px) {
  .list_year {
    display: none;
  }
}
/*
wrap_box
-----------*/
.area_media .wrap_box {
  position: relative;
}
.area_media .wrap_box .date {
  color: #fff;
  font-style: italic;
  background-color: #0a649e;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
  -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
  border: 1px solid #fff;
}

@media print,screen and (min-width: 901px) {
  .area_media .wrap_box {
    padding-top: 18px;
  }
  .area_media .wrap_box:nth-of-type(n+2) {
    margin-top: 30px;
  }
  .area_media .wrap_box .date {
    position: absolute;
    font-size: 1.7rem;
    width: 67px;
    height: 67px;
    top: 0;
    left: -18px;
    pointer-events: none;
    z-index: 1;
  }
}

@media screen and (max-width: 900px) {
  .area_media .wrap_box:nth-of-type(n+2) {
    margin-top: 30px;
  }
  .area_media .wrap_box .body_acd {
    padding-top: 10px;
  }
  .area_media .wrap_box .date {
    padding: 10px 0 10px;
    font-size: 1.4rem;
    text-align: center;
    position: relative;
  }  
  .area_media .wrap_box .date::after {
    content: "";
    display: block;
    width: 13px;
    height: 7px;
    background: url(/asset/img/activity/ico_acd_open.svg) no-repeat center center;
    background-size: 100%;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .area_media .wrap_box.is_open .date::after {
    background: url(/asset/img/activity/ico_acd_close.svg) no-repeat center center;
    background-size: 100%;
  }
}
/*
box_media
-----------*/
.box_media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.box_media .media {
  background-color: #fff;
}
.media .fig_img {
  text-align: center;
}
.media a {
  display: block;
  width: 100%;
  height: 100%;
  color: #000;
}
.media .ttl {
  font-size: 1.4rem;
  text-align: left;
}
.box_media li button::before, .box_media li button:hover::before {
  background-color: #fff;
}
@media print,screen and (min-width: 901px) {
  .box_media {
    width: calc(100% + 32px);
  }
  .media {
    width: 23.35%;
    margin-right: 2.2%;
    border-radius: 4px;
  }
  .box_media .media:nth-child(4n) {
    margin-right: 0;
  }
  .box_media .media:nth-child(n+5) {
    margin-top: 40px;
  }
  .media a {
    padding: 12px;
    border-radius: 4px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    transition: .3s;
  }
  .media a:hover {
    opacity: .5;
    box-shadow: 0 0 24px rgba(0,0,0,.5);
  }
  .media img {
    margin: 0 auto 12px;
    height: 197px;
  }
  .media .ttl {
    line-height: 1.28;
  }
  .box_media .slick-prev {
    left: -75px;
  }
  .box_media .slick-next {
    right: -75px;
  }
  .box_media .slick-dots {
    top: -105px;
  }
}
@media screen and (min-width: 901px) and (max-width: 1436px) {
  .box_media .slick-prev {
    left: -20px;
  }
  .box_media .slick-next {
    right: -20px;
  }
}
@media screen and (max-width: 900px) {
  .media {
    position: relative;
    width: 300px;
    padding: 12px 10px;
    font-size: 0;
    border-radius: 2px;
    width: 48.6%;
    margin-right: 2.8%;
  }
  .box_media .media:nth-child(2n) {
    margin-right: 0;
  }
  .box_media .media:nth-child(n+3) {
    margin-top: 20px;
  }
  .media img {
    margin: 0 auto 8px;
    max-height: 110px;
  }
  .media .ttl {
    line-height: 1.28;
  }
  .media.slick-current {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .media.slick-current::after {
    display: none;
  }
  .box_media .slick-arrow {
    background-color: rgba(255, 255, 255, .9);
  }
  .box_media .slick-dots {
    top: -20px;
  }
  .box_media .slick-dots > li {
    width: 6px;
    height: 6px;
  }
  .box_media .slick-dots li button::before, .box_media .slick-dots li button:hover::before {
    width: 6px;
    height: 6px;
  }
}

/*-----------------------------
area_schedule
-----------------------------*/
.area_schedule {

}
.area_info .ttl_enja .big {
  color: #4b4b4b;
}
.area_schedule .inner {
  position: relative;
  height: 0;
  overflow: hidden;
}
.area_schedule iframe,
.area_schedule object,
.area_schedule embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media print,screen and (min-width: 901px) {
  .area_schedule {
    padding-top: 142px;
    padding-bottom: 600px;
  }
  .area_info .ttl_enja .big {
    letter-spacing: .1em;
  }
  .area_schedule .inner {
    padding-bottom: 74.63%;
  }
/*   .area_schedule .box_schedule {
    height: 0;
    padding-bottom: 74.63%;
  } */
}
@media screen and (max-width: 900px) {
  .area_schedule {
    padding-top: 38px;
    padding-bottom: 62px;
  }
  .area_info .ttl_enja .big {
    letter-spacing: .01em;
  }
  .box_schedule {
    padding: 0 15px;
  }
  .area_schedule .inner {
    padding-bottom: 139.1%;
  }
}

/*-----------------------------
area_watch
-----------------------------*/
@media print,screen and (min-width: 901px) {
  .area_watch.time {
    padding-top: 74px;
/*     padding-bottom: 127px; */
    padding-bottom: 0;
  }
  .area_watch.theme {
    padding-bottom: 127px;
  }
}
@media screen and (max-width: 900px) {
  .area_watch.time {
    /* padding-top: 20px; */
    padding-top: 40px;
    padding-bottom: 38px;
  }
  .area_watch.theme {
    /* padding-top: 40px; */
    padding-top: 0;
    padding-bottom: 38px;
  }
}
/*
area_watchtime
-----------*/
.area_watchtime .box_btn {
  position: relative;
  width: 100%;
  background-color: #3381a2;
  cursor: pointer;
  border-bottom-style: solid;
  border-bottom-color: #dcdcdc;
}
.box_btn .link_watch {
  display: block;
  width: 100%;
  color: #fff;
  text-decoration: none;
}
.area_watchtime .btn_acc {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url('/asset/img/honkaigi/ico_glass_p.png') no-repeat 0 0;
  background-size: contain;
}
.area_watchtime .is_open.btn_acc {
  background: url('/asset/img/honkaigi/ico_glass_m.png') no-repeat 0 0;
  background-size: contain;
}
.area_watchtime .description {
  display: none;
  background-color: #d9e9ee;
}
.watchtime {
  position: relative;
}
.watchtime::before {
  display: inline-block;
  position: absolute;
  left: 0;
  content: "\203A";
  color: #285c8b;
}
.watchtime a {
  color: #000;
  text-decoration: none;
  line-height: 1.2;
}
.watchtime a:hover {
  text-decoration: underline;
}

.area_watchtime .box_watchtime {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.area_watchtime .box_watchtime .ttl {
  color: #000;
}
@media print,screen and (min-width: 901px) {
  .area_watchtime .box_btn {
    border-bottom-width: 3px;
    border-radius: 5px;
  }
  .area_watchtime .box_btn:not(:first-of-type) {
    margin-top: 14px;
  }
  .area_watchtime .link_watch {
    border-radius: 5px;
    padding: 17px 67px 17px 26px;
    font-size: 1.7rem;
  }
  .area_watchtime .link_watch,
  .area_watchtime .btn_acc {
    -webkit-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
  }
  .area_watchtime .link_watch:hover,
  .area_watchtime .btn_acc:hover {
    opacity: .7;
  }
  .area_watchtime .is_open {
    border-bottom-width: 1px;
  }
  .area_watchtime .btn_acc {
    width: 40px;
    height: 40px;
    right: 28px;
  }
  .area_watchtime .description {
    padding: 24px 62px 8px;
  }
  .watchtime {
    padding-left: 23px;
    margin-bottom: 15px;
  }
  .watchtime::before, .watchtime a {
    font-size: 1.6rem;
  }
  .watchtime::before {
    top: 1px;
  }
  
  .area_watchtime .box_watchtime>li {
    width: 18%;
    margin-right: 2.5%;;
  }
  .area_watchtime .box_watchtime>li:nth-child(5n) {
    margin-right: 0;
  }
  .area_watchtime .box_watchtime>li:nth-child(n+6) {
    margin-top: 15px;
  }
  .area_watchtime .box_watchtime .ttl {
    font-size: 1.4rem;
    margin-top: 5px;
  }
}
@media screen and (max-width: 900px) {
  .area_watchtime {
    padding: 0 15px;
  }
  .area_watchtime .box_btn {
    border-bottom-width: 2px;
    border-radius: 3px;
  }
  .area_watchtime .link_watch {
    padding: 11px 40px 11px 13px;
    font-size: 1.8rem;
    border-radius: 3px;
  }
  .area_watchtime .box_btn:not(:first-of-type) {
    margin-top: 10px;
  }
  .area_watchtime .btn_acc {
    width: 27px;
    height: 27px;
    right: 13px;
  }
  .area_watchtime .description {
    border-radius: 0 0 3px 3px;
    padding: 10px 17px 8px 15px;
  }
  .watchtime {
    padding-left: 20px;
    margin-bottom: 8px;
  }
  .watchtime::before, .watchtime a {
    font-size: 1.8rem;
  }
  .area_watchtime .box_watchtime>li {
    width: 48%;
    margin-right: 4%;
  }
  .area_watchtime .box_watchtime>li:nth-child(5n) {
    margin-right: 4%;
  }
  .area_watchtime .box_watchtime>li:nth-child(2n) {
    margin-right: 0;
  }
  .area_watchtime .box_watchtime>li:nth-child(n+3) {
    margin-top: 15px;
  }
  .area_watchtime .box_watchtime .ttl {
    font-size: 1.4rem;
    margin-top: 5px;
  }
}