@charset "UTF-8";
section {
  /* ===============================================
  nissho cup
  =============================================== */
  /* ===============================================
  photo change
  =============================================== */
}

section.slideshow {
  padding: 0px 16px;
  width: 100%;
}

section.slideshow:hover {
  cursor: url("/common/images/stop.cur"), auto;
}

section.slideshow div.viewport {
  height: 324px;
  overflow: hidden;
  width: 100%;
}

section.slideshow div.viewport div.flipsnap {
  /* width: 400%; */
  width: 100%;
  position: relative;
  height: 324px;
}

section.slideshow div.viewport div.flipsnap item {
  background-color: #CCC;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  /* float: left; */
  height: 324px;
  /* width: 25%; */
  width: 100%;
  top: 0px;
  left: 0px;
  position: absolute;
}

section.slideshow div.viewport div.flipsnap item a {
  cursor: pointer !important;
  display: block;
  height: 324px;
  width: 100%;
}

section.slideshow div.viewport div.flipsnap item a span {
  bottom: 4px;
  color: #FFF;
  font-size: 11px;
  position: absolute;
  right: 4px;
  text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.75), -1px 0px 0px rgba(0, 0, 0, 0.75), -1px 1px 0px rgba(0, 0, 0, 0.75), 0px -1px 0px rgba(0, 0, 0, 0.75), 0px 1px 0px rgba(0, 0, 0, 0.75), 1px -1px 0px rgba(0, 0, 0, 0.75), 1px 0px 0px rgba(0, 0, 0, 0.75), 1px 1px 0px rgba(0, 0, 0, 0.75);
}

section.slideshow div.viewport div.flipsnap item a:hover span {
  color: #FF0;
}

section.slideshow div.viewport div.flipsnap item a span em {
  font-style: normal;
  transform: rotate(-90deg);
}

section.slideshow div.viewport div.flipsnap item:nth-child(1) {
  z-index: 3;
}

section.slideshow div.viewport div.flipsnap item:nth-child(2) {
  z-index: 2;
}

section.slideshow div.viewport div.flipsnap item:nth-child(3) {
  z-index: 1;
}

section.slideshow div.viewport div.flipsnap item:nth-child(4) {
  z-index: 0;
}

section.slideshow div.pointer {
  font-size: 4px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  width: 100%;
}

section.slideshow div.pointer span {
  background-color: #CCC;
  display: inline-block;
  height: 4px;
  margin: 0px 4px;
  width: 24px;
}

section.slideshow div.pointer span.current {
  background-color: #F9F;
}

section.schedule-gallery, section.aisatsu, section.whatsnew, section.result {
  padding: 32px 150px;
  width: 100%;
}

section.schedule-gallery h2, section.schedule-gallery span.alphabet {
  display: inline-block;
  line-height: 100%;
  padding-bottom: 15px;
}

section.result h2, section.result span.alphabet {
  display: inline-block;
  line-height: 100%;
  padding-bottom: 15px;
}

section.aisatsu h2 {
  display: inline-block;
  line-height: 100%;
  padding-bottom: 15px;
}

section.whatsnew h2, section.whatsnew span.alphabet {
  display: inline-block;
  line-height: 100%;
  padding-bottom: 15px;
}

section.schedule-gallery h2, section.result h2, section.aisatsu h2, section.whatsnew h2 {
  color: #666;
  font-size: 22px;
}

section.aisatsu h2 {
  border-color: #CCC;
  border-style: solid;
  border-width: 0 0 1px 0;
  margin-bottom: 16px;
  width: 100%;
}

section.whatsnew span.alphabet {
  color: #999;
  font-size: 18px;
  text-indent: 14px;
}

section.whatsnew article {
  border-color: #CCC;
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  display: block;
  width: 100%;
}

section.whatsnew article a {
  background-image: url("/common/images/arrow-right-y.png");
  background-position: 100% 50%;
  background-repeat: no-repeat;
  color: #333;
  display: flex;
  padding: 18px 0px;
  width: 100%;
}

section.whatsnew article a h3 {
  color: #F93;
  display: inline-block;
  font-size: 14px;
  white-space: nowrap;
}

section.whatsnew article a time {
  color: #333;
  display: inline-block;
  font-size: 14px;
  text-indent: 16px;
  white-space: nowrap;
}

section.whatsnew article a p {
  display: inline-block;
  font-size: 14px;
  padding: 0px 8px;
  text-indent: 16px;
}

section.aisatsu p {
  color: #333;
  font-size: 16px;
  text-indent: 16px;
}

section.whatsnew article a.media {
  font-size: 12px;
  padding: 9px 0px;
}

section.result a {
  background-image: url("/common/images/arrow-right-y.png");
  background-position: 100% 50%;
  background-repeat: no-repeat;
  border-color: #CCC;
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  display: block;
  padding: 24px 0px;
}

section.result a strong {
  color: #F93;
  display: inline-block;
  font-size: 14px;
}

section.result a time, section.result a address {
  color: #333;
  display: inline-block;
  font-size: 14px;
  text-indent: 18px;
}

section.result a h3 {
  color: #333;
  font-size: 32px;
}

section.result a h3 span {
  font-size: 18px;
}

section.result div.player {
  display: table;
  width: 100%;
}

section.result div.player article {
  display: table-cell;
  width: 32%;
}

section.result div.player article:nth-child(2) {
  padding: 0px 2%;
  width: 36%;
}

section.result div.player article img.player {
  background-color: #EFEFEF;
  background-position: 50% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  height: 174px;
  width: 100%;
}

section.result div.player article h4 {
  color: #33F;
  font-size: 12px;
  padding: 10px 0px;
}

section.result div.player article h4 span {
  color: #333;
  display: inline-block;
  padding-right: 12px;
}

section.result div.player article img.rank {
  background-color: #EFEFEF;
  border-radius: 4px;
  display: inline-block;
  height: 50px;
  vertical-align: top;
  width: 53px;
}

section.result div.player article p {
  color: #333;
  display: inline-block;
  font-size: 26px;
  line-height: 50px;
  /* text-indent: 10px; */
  padding-left: 10px;
}

section.schedule-gallery {
  display: table;
}

section.schedule-gallery div.gallery, section.schedule-gallery div.schedule {
  display: table-cell;
  position: relative;
}

section.schedule-gallery div.gallery a.button {
  color: #999;
  display: inline-block;
  font-size: 14px;
  line-height: 100%;
  position: absolute;
  right: 0px;
  text-align: right;
  top: 8px;
}

section.schedule-gallery div.schedule {
  width: 56%;
}

section.schedule-gallery div.schedule a.button {
  color: #999;
  display: inline-block;
  font-size: 14px;
  line-height: 100%;
  position: absolute;
  right: 0px;
  text-align: right;
  top: 8px;
}

section.schedule-gallery div.schedule article {
  border-color: #CCC;
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  display: block;
  padding: 16px 0px;
  width: 100%;
}

section.schedule-gallery div.schedule article time {
  color: #333;
  display: inline-block;
  font-size: 14px;
  line-height: 100%;
}

section.schedule-gallery div.schedule article h3 {
  color: #F93;
  /* display: inline-block; */
  font-size: 14px;
}

section.schedule-gallery div.schedule article p {
  color: #333;
  display: inline-block;
  font-size: 16px;
}

section.schedule-gallery div.schedule article p span {
  color: #333;
  display: inline-block;
  font-size: 14px;
  text-indent: 18px;
}

section.schedule-gallery div.gallery {
  padding-left: 5%;
  width: 44%;
}

section.schedule-gallery div.gallery div.gallery-viewport {
  overflow: hidden;
  padding: 0px 25px;
  position: relative;
  width: 100%;
}

section.schedule-gallery div.gallery div.gallery-viewport div.gallery-flipsnap {
  width: 400%;
}

section.schedule-gallery div.gallery div.gallery-viewport div.gallery-flipsnap item {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  float: left;
  height: 1px;
  width: 25%;
}

section.schedule-gallery div.gallery div.gallery-viewport button {
  background-color: #FFF;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border: 0;
  height: 100%;
  position: absolute;
  top: 0px;
  width: 25px;
}

section.schedule-gallery div.gallery div.gallery-viewport button.prev {
  /* background-image: url('/common/images/arrow-left-y.png'); */
  left: 0px;
}

section.schedule-gallery div.gallery div.gallery-viewport button.next {
  background-image: url("/common/images/arrow-right-y.png");
  right: 0px;
}

section.schedule-gallery div.gallery div.gallery-pointer {
  padding: 16px 0px;
  text-align: center;
  width: 100%;
}

section.schedule-gallery div.gallery div.gallery-pointer span {
  background-color: #CCC;
  display: inline-block;
  height: 4px;
  width: 24px;
}

section.schedule-gallery div.gallery div.gallery-pointer span.current {
  background-color: #F9F;
}

section.olympics {
  width: 100%;
}

section.olympics a img {
  border: 2px solid #7ECEF4;
  display: block;
  margin: 0px auto;
}

section.olympics strong {
  color: #333;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  display: inline-block;
  width: 100%;
}

section.olympics > img.olympics {
  display: block;
  margin: 0 auto 12px auto;
  width: 894px;
}

section.bottom {
  width: 100%;
  padding: 20px 0px;
  text-align: center;
}

section.bottom p {
  color: #333;
  font-size: 12px;
}

section.oshirase-mail {
  display: none;
  min-height: 24px;
  padding: 0px 16px 4px 16px;
}

section.oshirase-mail table {
  background-color: #FFF;
  background-image: url("/top/images/info_lt.png"), url("/top/images/info_rt.png"), url("/top/images/info_lb.png"), url("/top/images/info_rb.png"), url("/top/images/info_lm.png"), url("/top/images/info_rm.png"), url("/top/images/info_ct.png"), url("/top/images/info_cb.png");
  background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%, 0% 0%, 100% 0%, 0% 0%, 0% 100%;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-y, repeat-y, repeat-x, repeat-x;
  background-size: 67px 12px, 12px 12px, 67px 12px, 12px 12px, 67px 2px, 12px 2px, 2px 12px, 2px 12px;
  color: #FFF;
  min-height: 24px;
  width: 100%;
}

section.oshirase-mail table td:nth-child(1) {
  color: #333;
  font-size: 11px;
  font-weight: bold;
  line-height: 100%;
  text-align: center;
  width: 55px;
}

section.oshirase-mail table td:nth-child(2) {
  color: #F90;
  font-size: 12px;
  font-weight: bold;
  padding: 3px 12px;
}

section.oshirase-mail table td:nth-child(2) span {
  color: #666;
  display: inline-block;
  font-size: 10px;
  font-weight: normal;
  text-indent: 4px;
}

section.photoChange {
  height: 562px;
  width: 1000px;
}

section.photoChange > div.data {
  display: none;
}

section.photoChange > div.bg {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

section.photoChange > div.bg > div {
  background-position: 50% 50%;
  background-size: cover;
  height: 187px;
  left: 100%;
  position: absolute;
  top: 100%;
  transition: left 0.5s ease, top 0.5s ease, width 0.75s ease, height 0.75s ease;
  width: 25%;
  z-index: 1;
}

section.photoChange > div.bg > div.on {
  height: 562px !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  z-index: 2;
}

section.nisshocup {
  width: 100%;
}

section.nisshocup > a, section.nisshocup > img {
  display: block;
  margin: 0 auto 12px auto;
  width: 894px;
}

section.nisshocup > a > img {
  display: block;
  width: 100%;
}

.schedule__login {
  background: no-repeat center center/auto 100% url(/sp/schedule/images/formbg), black;
  filter: opacity(0.95);
  height: 380px;
  min-height: calc(100vh - 530px);
  position: relative;
  width: 100%;
}
.schedule__login__msg {
  background-color: white;
  border-radius: 5px;
  left: 50%;
  padding: 15px;
  position: absolute;
  top: 55px;
  transform: translateX(-50%);
  width: 270px;
}
.schedule__login__msg:before {
  border: 10px solid transparent;
  border-top: 25px solid white;
  content: "";
  left: 65%;
  margin-left: -15px;
  position: absolute;
  top: 100%;
}
.schedule__login form {
  align-items: center;
  background: rgba(255, 255, 255, 0.5);
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 15px;
  position: absolute;
  text-align: center;
  width: 100%;
}
.schedule__login form input {
  -webkit-appearance: none;
  color: white;
  background-color: #333333;
  border: solid 0.1rem #FEFEFE;
  border-radius: 3px;
  font-size: 16px;
  padding: 7.5px;
  width: 100%;
}
.schedule__login form input[name=password] {
  margin-top: 65px;
}
.schedule__login form input[type=submit] {
  border-radius: 50px;
  font-weight: bold;
  margin-top: 45px;
  padding-top: 9px;
  width: 215px;
}

.schedule.--schedule-form {
  padding: 0;
}

/*
 * 年末年始以外のメッセージ用
*/
.msg {
  background: no-repeat center/550px auto url("/sp/top/images/nissho-character.png");
  display: flex;
  color: white;
  flex-direction: column;
  font-size: 16px;
  gap: 16px;
  margin-top: 16px;
  padding-top: 16px;
  text-align: justify;
}
.msg * {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  text-align: inherit;
}
.msg img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.msg__title {
  font-family: "Yu Mincho", "YuMincho", "游明朝", "arial black", "Hiragino Mincho ProN", "HGS明朝E", serif;
  font-size: 1.35em;
  margin: 8px 0px;
  text-align: center;
  width: 100%;
}
/*# sourceMappingURL=top.css.map */