/***************************************************************************
*
* INDEX STYLE
*
***************************************************************************/
body:before { display: none; }

#main { position: relative; }
#main .main-photo-top { text-align: center; padding: 10px 0; background: #000 url("../images/index/line.png") no-repeat bottom center; }
#main .main-photo-top a { display: inline-block; }
#main .main-photo img { width: 100%; }
#main .important { text-align: center; font-size: 17px; font-weight: bold; padding: 10px 10px 0;}
#main .important a { color: #f00;}
#main .important a:hover { text-decoration: underline;}
#main .main-logo { position: absolute; width: 779px; bottom: 23.2%; left: 50.8%; transform: translateX(-50%); }

.area-schedule { position: absolute; color: #fff; padding: 25px 0; bottom: 264px; left: 0; width: 100%; }
.area-schedule.pc2 , .index-bnr.pc2 { display: none; }
.area-schedule.pc1 , .index-bnr.pc1 { display: block; }
.area-schedule .schedule-table-wrapper { max-height: 260px; }
.area-schedule .schedule-table-wrapper .schedule-table1, .area-schedule .schedule-table-wrapper .schedule-table2 { float: left; }
.area-schedule .schedule-table-wrapper .schedule-table1 { width: 535px; }
.area-schedule .schedule-table-wrapper .schedule-table1 .schedule-table { width: 100%; }
.area-schedule .schedule-table-wrapper .schedule-table2 .schedule-table { width: 100%; }
.area-schedule .schedule-table-wrapper .schedule-table2 .schedule-table tr td { padding-left: 0; }
.area-schedule .schedule-table-wrapper .schedule-table tr:last-child th:before { width: 69.5%; }
.area-schedule .schedule-table-wrapper .schedule-table tr th, .area-schedule .schedule-table-wrapper .schedule-table tr td { font-size: 16px; font-weight: normal; text-shadow: 3px 3px 3px #000; padding: 3px 0 2px; }
.area-schedule .schedule-table-wrapper .schedule-table tr th { vertical-align: top; text-align: right; position: relative; width: 41.6%; }
.area-schedule .schedule-table-wrapper .schedule-table tr th:after { content: ""; width: 6px; height: 6px; background: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.area-schedule .schedule-table-wrapper .schedule-table tr th:before { content: ""; width: 84.5%; height: 1px; background: #4d4d5c; position: absolute; left: -29px; top: 50%; }
.area-schedule .schedule-table-wrapper .schedule-table tr td { padding-left: 14px; }
.area-schedule .schedule-table-wrapper .schedule-table tr td small { font-size: 13px; }

.index-bnr { position: relative; top: -60px; text-align: center;}
.index-bnr.pc1 ul { display: flex; flex-wrap: wrap; /*justify-content: space-between;*/ justify-content: center; }
.index-bnr.pc1 ul li { margin: 0 10px; }
/*.index-bnr.pc1 ul li:nth-child(odd) { width: 43%; text-align: right;}
.index-bnr.pc1 ul li:nth-child(even) { width: 53%; text-align: left;}
.index-bnr.pc1 ul li:nth-child(n+3) { margin-top: 20px;}
.index-bnr.pc1 ul li:last-child { width: 100%; text-align:center;}*/

.area-news { padding: 58px 0; background: #000; }
.area-news .inner { position: relative; margin-top: -53px; /*margin-top: -233px;*/ }
.area-news .news-list-wrapper { overflow: auto; max-height: 422px; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; }
.area-news .news-list-wrapper .news-list { padding: 10px 20px 120px; background: #1a1a1c; }
.area-news .news-list-wrapper .news-list li { padding: 17px 15px 15px 0; border-bottom: 1px dotted #484848; line-height: 1.6; }
.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: 6px; }
.area-news .news-list-wrapper .news-list li .news-link a { padding-left: 22px; color: #ff8000; font-size: 15px; font-weight: bold; display: block; }
.area-news .news-list-wrapper .news-list li .news-link a.black-color { color: #fff; pointer-events: none; font-weight: normal; }
.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 (min-width: 1060px) { #main .main-photo { width: calc(100% + 60px); margin-left: -30px; margin-right: -30px; } }
@media (max-width: 1059px) and (min-width: 769px) { #main .main-logo { width: 80%; bottom: 25.2%; }
  .area-schedule .schedule-table-wrapper .schedule-table tr th { padding-left: 4.5%; width: 20%; }
  .area-schedule .schedule-table-wrapper .schedule-table tr th:before, .area-schedule .schedule-table-wrapper .schedule-table tr th:after { display: none; } }
@media (max-width: 930px) and (min-width: 769px) { #main #main .main-logo { width: 41vw; bottom: 3.4%; }
  .area-schedule .schedule-table-wrapper .schedule-table tr th, .area-schedule .schedule-table-wrapper .schedule-table tr td { font-size: 13px; }
  .area-schedule .schedule-table-wrapper .schedule-table1, .area-schedule .schedule-table-wrapper .schedule-table2 { width: auto; }
  .area-schedule .schedule-table-wrapper .schedule-table1 .schedule-table tr td, .area-schedule .schedule-table-wrapper .schedule-table2 .schedule-table tr td { padding: 4px 0 3px; }
  .area-schedule .schedule-table-wrapper .schedule-table1 .schedule-table tr td small, .area-schedule .schedule-table-wrapper .schedule-table2 .schedule-table tr td small { font-size: 11px; }
  .area-schedule .schedule-table-wrapper .schedule-table1 { min-width: 360px; } }
@media (max-width: 768px) { body { background: #000; }
  #main { overflow: hidden; border-width: 1px; }
  #main .inner { padding: 0; }
  #main .main-photo { padding-bottom: 2px; }
  #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 .important a::before { font-family: "FontAwesome"; font-weight: 900; content: "\f054"; margin-right: 5px;}  
  #main .important { text-align: left; font-size: 12px; padding: 10px 5px;}
  #main .main-logo { bottom: 2.3%; width: 72%; left: 49.9%; }
  .main-banner { width: 100%; }
  .main-banner .list { display: flex; flex-wrap: nowrap; align-items: center; background: #ff8040; }
  .main-banner .list li { width: 100%; height: 100%; background: #f33a0c; }
  .main-banner .list li:nth-child(2n) { background: #ff8040; }
  .main-banner .list li a { color: #fff; display: inline-block; padding: 10px 5px; height: 100%; width: 100%; }
  .main-banner .list li a div { display: flex; align-items: center; line-height: 1.3;}
  .main-banner .list li a div::before { font-family: "FontAwesome"; font-weight: 900; content: "\f054"; font-size: 80%; margin-right: 5px;}
  .main-banner .list li a .text { vertical-align: middle; font-size: 12px; font-weight: bold; }
  .area-schedule { padding: 12px 0; }
  .area-schedule.pc1 , .index-bnr.pc1 { display: none; }
  .area-schedule.pc2 , .index-bnr.pc2 { display: block; position: static; border-right: none; }
  .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; width: auto; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
  .area-schedule .schedule-table-wrapper .schedule-table tr th { padding-left: 4.5%; width: 18.5%; }
  .area-schedule .schedule-table-wrapper .schedule-table tr th:before, .area-schedule .schedule-table-wrapper .schedule-table tr th:after { display: none; }
  .area-schedule .schedule-table-wrapper .schedule-table tr td { padding-right: 4.5%; }
  .area-schedule .schedule-table-wrapper .schedule-table tr td small { font-size: 12px; }

  .index-bnr { top: 0; display: block; margin-top: 25px; }
.index-bnr.pc2 ul { display: flex; flex-wrap: wrap; justify-content: space-between;}
.index-bnr.pc2 ul li:nth-child(odd) { width: 40%; text-align: right;}
.index-bnr.pc2 ul li:nth-child(even) { width: 57%; text-align: left;}
.index-bnr.pc2 ul li:nth-child(n+3) { margin-top: 10px;}
/*.index-bnr.pc2 ul li:last-child { margin: 10px auto 0;}*/

  .area-news { padding: 0 0 30px; }
  .area-news .inner { margin-top: 0; }
  .area-news .news-list-wrapper { max-height: 574px; }
  .area-news .news-list-wrapper .news-list { padding: 0 20px 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 { font-weight: normal; padding-left: 0; font-size: 14px; color: #fff; }
  .area-news .news-list-wrapper .news-list li .news-link a .redText { font-size: 14px; font-weight: bold; color: #f33a0c; }
  .area-news .news-list-wrapper .news-list li .news-link a .redText::first-letter { color: #fb007d; } }
@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 */