@charset "UTF-8";
/***************************************************************************
*
* INDEX STYLE
*
***************************************************************************/
#main { position: relative; border-bottom: 6px solid #fff; }
#main .main-photo-top { text-align: center; background: #000; padding: 10px 0; }
#main .main-photo img { width: 100%; }
#main .main-logo { position: absolute; width: 779px; bottom: 1.4%; left: 50%; transform: translateX(-50%); }

.area-schedule { position: absolute; color: #fff; padding: 25px 0; bottom: 30px; right: 50px; border-right: 5px solid #fff; }
.area-schedule.pc2 { display: none; }
.area-schedule.pc1 { display: block; }
.area-schedule .schedule-table-wrapper { width: 500px; margin: 0 auto; max-height: 260px; overflow: auto; }
.area-schedule .schedule-table-wrapper .schedule-table { margin: 0 auto; }
.area-schedule .schedule-table-wrapper .schedule-table tr th, .area-schedule .schedule-table-wrapper .schedule-table tr td { font-size: 17px; font-weight: normal; text-shadow: 3px 3px 3px #000; }
.area-schedule .schedule-table-wrapper .schedule-table tr th { vertical-align: top; text-align: right; }
.area-schedule .schedule-table-wrapper .schedule-table tr th:after { content: "："; display: inline-block; }
.area-schedule .schedule-table-wrapper .schedule-table tr td { padding-left: 10px; }
.area-schedule .schedule-table-wrapper .schedule-table tr td small { font-size: 14px; }

.area-first { text-align: center; padding-top: 30px; }

.area-news { padding: 15px 0 60px; }
.area-news .news-list-wrapper { overflow: auto; max-height: 414px; border-bottom: 1px solid #484848; border-right: 1px solid #484848; border-left: 1px solid #484848; }
.area-news .news-list-wrapper .news-list { padding: 9px 20px; }
.area-news .news-list-wrapper .news-list li { padding: 17px 0; }
.area-news .news-list-wrapper .news-list li:not(:last-child) { border-bottom: 1px dotted #484848; }
.area-news .news-list-wrapper .news-list li .news-date { color: #f33a0c; font-size: 12px; font-weight: bold; }
.area-news .news-list-wrapper .news-list li .news-title { font-size: 15px; padding-left: 22px; margin-top: 8px; }
.area-news .news-list-wrapper .news-list li .news-link { margin-top: 8px; }
.area-news .news-list-wrapper .news-list li .news-link a { padding-left: 22px; color: #f33a0c; font-size: 15px; font-weight: bold; }
.area-news .news-list-wrapper .news-list li .news-link a.black-color { color: #000; pointer-events: none; }
.area-news .news-list-wrapper .news-list li .news-link a i { color: #fb007d; font-weight: normal; }
.area-news .news-btn { text-align: right; margin-top: -1px; }
.area-news .news-btn a { font-size: 18px; width: 265px; text-align: right; display: inline-block; font-weight: bold; background: url("../images/index/news-btn.png") no-repeat center center/100%; padding: 5px 14px; }

@media (max-width: 1700px) and (min-width: 769px) { #main .main-logo { width: 41vw; bottom: 3.4%; }
  .area-schedule .schedule-table-wrapper { width: 29.4vw; }
  .area-schedule .schedule-table-wrapper .schedule-table tr th, .area-schedule .schedule-table-wrapper .schedule-table tr td { font-size: 1vw; } }
@media (max-width: 1279px) and (min-width: 769px) { #main .main-logo { width: auto; }
  .area-schedule.pc1 { display: none; }
  .area-schedule.pc2 { display: block; position: static; margin: 0 auto; background: #000; border-right: 5px solid transparent; }
  .area-schedule.pc2 .schedule-table-wrapper { border-right: none; width: 100%; }
  .area-schedule.pc2 .schedule-table-wrapper .schedule-table tr th, .area-schedule.pc2 .schedule-table-wrapper .schedule-table tr td { font-size: 12px; vertical-align: middle; } }
@media (max-width: 768px) { #main { overflow: hidden; border-width: 1px; }
  #main .main-photo-top { text-align: left; padding: 0; padding-bottom: 15px; }
  #main .main-photo-top a { color: #fff; padding: 16px 10px 13px; display: block; background: #f33a0c; }
  #main .main-photo-top a .txt-sub { display: table; line-height: 1.3; width: 100%; }
  #main .main-photo-top a .txt-sub .icon { display: table-cell; vertical-align: middle; font-weight: bold; width: 17px; transform: translateY(-3px); }
  #main .main-photo-top a .txt-sub .icon i { font-size: 11px; }
  #main .main-photo-top a .txt-sub .icon i:last-child { margin-left: -7px; }
  #main .main-logo { bottom: -1%; width: 52%; }
  .main-banner { width: 100%; }
  .main-banner .list { display: flex; flex-wrap: nowrap; padding-bottom: 15px; background: #000; }
  .main-banner .list li { width: 100%; background: #f33a0c; }
  .main-banner .list li:nth-child(2n) { background: #ff8040; }
  .main-banner .list li:nth-child(2n) a .icon { color: #f33a0c; }
  .main-banner .list li a { color: #fff; display: table; padding: 10px 5px; height: 100%; width: 100%; }
  .main-banner .list li a .icon { display: table-cell; vertical-align: middle; width: 17px; }
  .main-banner .list li a .icon i { font-weight: bold; font-size: 11px; }
  .main-banner .list li a .icon i:last-child { margin-left: -7px; }
  .main-banner .list li a .text { display: table-cell; vertical-align: middle; line-height: 1.3; font-size: 12px; }
  .area-schedule { padding: 12px 0; }
  .area-schedule.pc1 { display: none; }
  .area-schedule.pc2 { display: block; position: static; border-right: none; background: #000; }
  .area-schedule .schedule-table-wrapper { width: 350px; max-height: auto; }
  .area-schedule .schedule-table-wrapper .schedule-table { width: 100%; }
  .area-schedule .schedule-table-wrapper .schedule-table tr th, .area-schedule .schedule-table-wrapper .schedule-table tr td { font-size: 12px; }
  .area-schedule .schedule-table-wrapper .schedule-table tr td small { font-size: 12px; }
  .area-first { padding-top: 15px; }
  .area-news { padding: 15px 0 30px; }
  .area-news .news-list-wrapper { max-height: 574px; }
  .area-news .news-list-wrapper .news-list { padding: 0 20px; }
  .area-news .news-list-wrapper .news-list li .news-date { font-size: 14px; }
  .area-news .news-list-wrapper .news-list li .news-title { padding-left: 0; font-size: 14px; }
  .area-news .news-list-wrapper .news-list li .news-link a { padding-left: 0; font-size: 14px; } }
@media (max-width: 500px) { .area-schedule .schedule-table-wrapper { width: 100%; } }
@media (max-width: 374px) { .area-schedule .schedule-table-wrapper .schedule-table tr th, .area-schedule .schedule-table-wrapper .schedule-table tr td { font-size: 10px; }
  .area-schedule .schedule-table-wrapper .schedule-table tr td { padding-left: 5px; } }

/*# sourceMappingURL=index.css.map */