@charset "UTF-8";
/* CSS Document */
#billboard {position: relative;}
#billboard .sliderWrap ul {height: auto;}
#billboard .sliderWrap ul li {position: relative;}
#billboard .uspWrap01 {/*display: none;*/padding: 1.5em 0 1em;background: linear-gradient(to right, #262628, #71635d, #262628);}
#billboard .uspWrap01 ul {display: flex;flex-wrap: wrap;justify-content: center;}
#billboard .uspWrap01 ul li {padding: 0 2.5em;box-sizing: border-box;position: relative;}
#billboard .uspWrap01 ul li + li {text-align: center;}
#billboard .uspWrap01 ul li:nth-child(2)::before,
#billboard .uspWrap01 ul li:nth-child(2)::after {display: block;content: '';width: 1px;height: calc(100% - 1em); background: #fff;position: absolute;top: 0.5em;opacity: 0.6;}
#billboard .uspWrap01 ul li:nth-child(2)::before {left: 0;}
#billboard .uspWrap01 ul li:nth-child(2)::after {right: 0;}
#billboard .uspWrap01 ul li p {color: #fff;}
#billboard .uspWrap01 ul li p:nth-child(1) {}
#billboard .uspWrap01 ul li p:nth-child(2) sup,
#billboard .uspWrap01 ul li p:nth-child(1) sup {font-size: 10px;}
#billboard .uspWrap01 ul li p:nth-child(2) {color: #fff2b7;font-size: 168.75%;letter-spacing: 0.05em;}
#billboard .uspWrap01 ul li p:nth-child(2) .station {}
#billboard .uspWrap01 ul li p:nth-child(2) .station .sp01 {font-size: 70%;}
#billboard .uspWrap01 ul li p:nth-child(2) .station .sp02 {}
#billboard .uspWrap01 ul li p:nth-child(2) .time {}
#billboard .uspWrap01 ul li p:nth-child(2) .time .sp01 {font-size: 70%;}
#billboard .uspWrap01 ul li p:nth-child(2) .time .sp02 {display: inline-block;font-size: 200%;line-height: 0.7;transform: translateY(2px);}
#billboard .uspWrap02 {text-align: center;padding: 1em 0 0.75em;background: linear-gradient(to right,#b18f63,#c9aa82,#b18f63);}
#billboard .uspWrap02 p:nth-child(1) {color: #fff;font-size: 237.5%;letter-spacing: 0.1em;}
#Main {padding-top: 0 !important;}
#Main .block-index-01 {overflow: hidden;}
#Main .block-index-01 ul {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 4px -4px;}
#Main .block-index-01 ul li {width: calc(25% - 8px);margin: 4px;}
#Main .block-index-01 ul li a {padding-top: 50%;background: #000; position: relative;}
#Main .block-index-01 ul li a::after {display: block;content: '';width: 100%;height: 100%;background: #23131d;opacity: 0.5;position: absolute;top: 0;left: 0;}
#Main .block-index-01 ul li:nth-child(1) a {background: url("../img/top/top_nav01_pc.webp") no-repeat center / 110%;}
#Main .block-index-01 ul li:nth-child(2) a {background: url("../img/top/top_nav02_pc.webp") no-repeat center / 110%;}
#Main .block-index-01 ul li:nth-child(3) a {background: url("../img/top/top_nav03_pc.webp") no-repeat center / 110%;}
#Main .block-index-01 ul li:nth-child(4) a {background: url("../img/top/top_nav04_pc.webp") no-repeat center / 110%;}
#Main .block-index-01 ul li:nth-child(5) a {background: url("../img/top/top_nav05_pc.webp") no-repeat center / 110%;}
#Main .block-index-01 ul li:nth-child(6) a {background: url("../img/top/top_nav06_pc.webp") no-repeat center / 110%;}
#Main .block-index-01 ul li:nth-child(7) a {background: url("../img/top/top_nav07_pc.webp") no-repeat center / 110%;}
#Main .block-index-01 ul li:nth-child(8) a {background: url("../img/top/top_nav08_pc.webp") no-repeat center / 110%;}
#Main .block-index-01 ul li:nth-child(9) a {background: url("../img/top/top_nav09_pc.webp") no-repeat center / 110%;}
#Main .block-index-01 ul li.blank a {background: url("../img/top/top_nav00_pc.webp") no-repeat center / cover;pointer-events: none;}
#Main .block-index-01 ul li.blank a::after {display: none;}
#Main .block-index-01 ul li a span {display: block;color: #fff;font-size: 175%;text-align: center;white-space: nowrap;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 100;}
@media only screen and (min-width: 768px) and (max-width: 1600px) {
  #billboard .uspWrap01 ul li p:nth-child(2) {font-size: 1.9vw;}
}
@media only screen and (max-width: 1200px) {
  #billboard .uspWrap01 ul li {font-size: 1.3vw;}
}
@media only screen and (max-width: 1100px) {
  #billboard .uspWrap01 {padding: 1em 0 0.75em;}
  #billboard .uspWrap01 ul li {padding: 0 1.5em;}
  #billboard .uspWrap02 {font-size: 1.4vw;}
  #Main .block-index-01 ul li a span {font-size: 2.2vw;} 
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
}
@media only screen and (min-width: 768px) {
  #Main .block-index-01 ul li a::after,
  #Main .block-index-01 ul li a {transition: 0.8s;}
  #Main .block-index-01 ul li a:hover::after {opacity: 0;transition: 0.8s;}
  #Main .block-index-01 ul li:nth-child(1) a:hover {background: url("../img/top/top_nav01_pc.webp") no-repeat center / 100%;transition: 0.8s;}
  #Main .block-index-01 ul li:nth-child(2) a:hover {background: url("../img/top/top_nav02_pc.webp") no-repeat center / 100%;transition: 0.8s;}
  #Main .block-index-01 ul li:nth-child(3) a:hover {background: url("../img/top/top_nav03_pc.webp") no-repeat center / 100%;transition: 0.8s;}
  #Main .block-index-01 ul li:nth-child(4) a:hover {background: url("../img/top/top_nav04_pc.webp") no-repeat center / 100%;transition: 0.8s;}
  #Main .block-index-01 ul li:nth-child(5) a:hover {background: url("../img/top/top_nav05_pc.webp") no-repeat center / 100%;transition: 0.8s;}
  #Main .block-index-01 ul li:nth-child(6) a:hover {background: url("../img/top/top_nav06_pc.webp") no-repeat center / 100%;transition: 0.8s;}
  #Main .block-index-01 ul li:nth-child(7) a:hover {background: url("../img/top/top_nav07_pc.webp") no-repeat center / 100%;transition: 0.8s;}
  #Main .block-index-01 ul li:nth-child(8) a:hover {background: url("../img/top/top_nav08_pc.webp") no-repeat center / 100%;transition: 0.8s;}
  #Main .block-index-01 ul li:nth-child(9) a:hover {background: url("../img/top/top_nav09_pc.webp") no-repeat center / 100%;transition: 0.8s;}
}
@media only screen and (max-width: 767px) {
  #billboard .sliderWrap ul li .caption01 {left: 0;right: auto;}
  #billboard .uspWrap01 {padding: 0;}
  #billboard .uspWrap01 ul {display: block;}
  #billboard .uspWrap01 ul li {font-size: 100%; padding: 0.75em 0;width: 100%;}
  #billboard .uspWrap01 ul li:nth-child(2)::before,
  #billboard .uspWrap01 ul li:nth-child(2)::after {width: 100%;height: 1px;}
  #billboard .uspWrap01 ul li:nth-child(2)::before {top: 0;}
  #billboard .uspWrap01 ul li:nth-child(2)::after {top: auto; bottom: 0;}
  #billboard .uspWrap01 ul li div {text-align: center;max-width: 100%;margin: 0 auto;}
  #billboard .uspWrap01 ul li p:nth-child(1) {font-size: 112.5%;margin-bottom: 0;}
  #billboard .uspWrap01 ul li p:nth-child(2) {font-size: 187.5%;}
  #billboard .uspWrap01 ul li p:nth-child(2) .time .sp02 {transform: translateY(3px);}  
  #billboard .uspWrap02 {font-size: 100%;}
  #billboard .uspWrap02 p:nth-child(1) {font-size: 200%;letter-spacing: 0;}
  #Main .block-index-01 ul {margin: 2px 0;}
  #Main .block-index-01 ul li {width: calc(50% - 4px);margin: 2px;}
  #Main .block-index-01 ul li a span {font-size: 125%;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}