@charset "UTF-8";
.searchIcon {
  color: #fff;
  border-radius: 1em;
  font-size: 1.2rem;
  text-align: center;
  line-height: 1;
  padding: 3px;
  width: 94px;
  letter-spacing: 0.07em;
  display: inline-block; }
  @media only screen and (max-width: 768px) {
    .searchIcon {
      width: 88px;
      padding: 3px 2px;
      font-size: 1.0rem; } }
  .searchIcon.searchIcon01 {
    background: #1abc9c; }
  .searchIcon.searchIcon02 {
    background: #2ecc71; }
  .searchIcon.searchIcon03 {
    background: #3498db; }
  .searchIcon.searchIcon04 {
    background: #34495e; }
  .searchIcon.searchIcon05 {
    background: #000;
    letter-spacing: 1.5em;
    text-indent: 1.5em; }

#top .searchTabs.nav-tabs,
#search .searchTabs.nav-tabs {
  width: 1100px;
  margin: 30px auto 0; }
  @media only screen and (max-width: 768px) {
    #top .searchTabs.nav-tabs,
    #search .searchTabs.nav-tabs {
      width: 100%; } }
#top .searchTabs .nav-item,
#search .searchTabs .nav-item {
  width: 50%; }
  #top .searchTabs .nav-item a,
  #search .searchTabs .nav-item a {
    display: block;
    background-color: #e6e6e6;
    color: #999;
    text-decoration: none;
    border-top: 5px solid #e6e6e6;
    border-bottom: none;
    border-right: none;
    border-left: none;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
    margin-bottom: 10px; }
  #top .searchTabs .nav-item a.active,
  #search .searchTabs .nav-item a.active {
    background-color: #f6f6f6;
    color: #ff6c00;
    border-top: 5px solid #ff6c00;
    border-bottom: none;
    border-right: none;
    border-left: none; }
#top .searchTabs .topSearch__title,
#search .searchTabs .topSearch__title {
  padding: 20px 0; }
#top .searchTabs .active .topSearch__title,
#search .searchTabs .active .topSearch__title {
  padding: 20px 0; }
#top #main,
#search #main {
  padding-bottom: 0; }
#top #eventDate .questionArea__item,
#top #campDate .questionArea__item,
#search #eventDate .questionArea__item,
#search #campDate .questionArea__item {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center; }
  @media only screen and (max-width: 768px) {
    #top #eventDate .questionArea__item,
    #top #campDate .questionArea__item,
    #search #eventDate .questionArea__item,
    #search #campDate .questionArea__item {
      display: block;
      width: 100%; } }
@media only screen and (max-width: 768px) {
  #top #eventDate .formList__outer,
  #top #campDate .formList__outer,
  #search #eventDate .formList__outer,
  #search #campDate .formList__outer {
    margin: 5px 0; } }
#top ::placeholder,
#search ::placeholder {
  font-size: 1.5rem;
  color: #ccc; }
@media only screen and (max-width: 768px) {
  #top .btnArea__item,
  #search .btnArea__item {
    margin-bottom: 0; } }

#top .questionTab__item {
  display: none; }

#search .questionTab__item {
  display: block; }

#search .category__outer li.formList__item,
#result .category__outer li.formList__item {
  margin-bottom: 10px; }

#notfound .inner {
  background-color: #fff;
  width: 1100px;
  margin: 0 auto 200px;
  padding: 30px; }
  @media only screen and (max-width: 768px) {
    #notfound .inner {
      width: 100%; } }
  #notfound .inner .title {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 30px; }
  #notfound .inner p {
    font-size: 1.5rem;
    line-height: 200%;
    margin-bottom: 100px; }
  #notfound .inner .btnArea a {
    display: block;
    width: 250px;
    text-decoration: none; }
    @media only screen and (max-width: 768px) {
      #notfound .inner .btnArea a {
        width: 100%; } }
  @media only screen and (max-width: 768px) {
    #notfound .inner .btnArea__item {
      width: 50%; } }

.bx-wrapper {
  border: none !important;
  max-width: 100% !important;
  box-shadow: none !important;
  margin-bottom: 20px !important; }
  .bx-wrapper .bx-pager {
    font-size: .85em !important;
    color: #eee !important;
    padding: 5px !important;
    background: #fff !important;
    bottom: -20px !important;
    line-height: 1; }
    .bx-wrapper .bx-pager.bx-default-pager a {
      background: #eee !important; }
      .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
        background: #ff8e00 !important; }

#top .slick-prev,
#top .slick-next {
  position: absolute;
  display: block;
  height: 72px;
  width: 31px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  z-index: 500;
  background: center center no-repeat;
  margin-top: -15px; }
  @media only screen and (max-width: 768px) {
    #top .slick-prev,
    #top .slick-next {
      display: none !important; } }
#top .slick-prev {
  left: 50%;
  margin-left: -600px;
  background-image: url(../img/top/arrow_l.png); }
  #top .slick-prev:hover, #top .slick-prev:focus {
    background-image: url(../img/top/arrow_l.png) !important;
    opacity: 0.7; }
  #top .slick-prev::before {
    content: ""; }
#top .slick-next {
  right: 50%;
  margin-right: -600px;
  background-image: url(../img/top/arrow_r.png); }
  #top .slick-next:hover, #top .slick-next:focus {
    background-image: url(../img/top/arrow_r.png) !important;
    opacity: 0.7; }
  #top .slick-next::before {
    content: ""; }

.topslider__list {
  opacity: 0;
  transition: opacity .3s linear; }
  .topslider__list.slick-initialized {
    opacity: 1; }
    .topslider__list.slick-initialized.slick-dotted.slick-slider {
      margin-bottom: 0 !important; }
  .topslider__list .dot-class {
    text-align: center;
    background: #fff;
    padding: 3px 0 1px;
    line-height: 1; }
    .topslider__list .dot-class li {
      display: inline-block;
      margin: 0; }
      .topslider__list .dot-class li button {
        margin: 0;
        padding: 0;
        background: none;
        border: none;
        border-radius: 0;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        position: relative;
        text-indent: -9999px;
        background: #eee;
        display: block;
        width: 10px;
        height: 10px;
        margin: 0 5px;
        outline: 0;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px; }
      .topslider__list .dot-class li.slick-active button {
        background: #ff8e00; }
  .topslider__list .slick-track {
    margin: 0 !important; }

.topslider {
  position: relative;
  overflow: hidden; }
  .topslider__mask {
    width: 100%;
    height: 213px;
    overflow: hidden;
    position: absolute;
    top: 0; }
    .topslider__mask_l, .topslider__mask_r {
      background: url(../img/top/mask.png) center top repeat;
      width: 1000px;
      height: 100%;
      position: absolute;
      top: 0;
      z-index: 100; }
      @media only screen and (max-width: 768px) {
        .topslider__mask_l, .topslider__mask_r {
          display: none; } }
    .topslider__mask_l {
      right: 50%;
      margin-right: 550px; }
    .topslider__mask_r {
      left: 50%;
      margin-left: 550px; }
  .topslider__item a {
    display: block;
    color: #000;
    text-decoration: none; }
    .topslider__item a:hover {
      opacity: 0.6; }
  .topslider__img {
    width: 367px;
    height: 184px;
    overflow: hidden; }
    @media only screen and (max-width: 768px) {
      .topslider__img {
        position: relative;
        width: 100%;
        height: auto; } }
    @media only screen and (max-width: 768px) {
      .topslider__img:before {
        content: "";
        display: block;
        padding-top: 50%; } }
    .topslider__img img {
      width: 100%;
      height: auto; }
      @media only screen and (max-width: 768px) {
        .topslider__img img {
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0; } }
  .topslider__text {
    background: #eee;
    font-size: 1.1rem;
    padding: 4px;
    vertical-align: middle;
    overflow: hidden;
    width: 100%;
    letter-spacing: 0;
    white-space: nowrap;
    text-overflow: ellipsis; }
    .topslider__text .searchIcon {
      width: auto;
      font-size: 0.9rem;
      margin-right: 0.25em; }

.topSearch {
  width: 520px;
  margin: 40px auto; }
  @media only screen and (max-width: 768px) {
    .topSearch {
      width: 80%;
      margin-top: 20px; } }
  .topSearch__title {
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    padding: 20px 0;
    line-height: 1; }
    @media only screen and (max-width: 768px) {
      .topSearch__title {
        font-size: 1.8rem;
        font-weight: bold;
        padding: 20px 0 15px; } }
  .topSearch .topForm__item {
    margin-bottom: 20px; }
    .topSearch .topForm__item label {
      font-size: 1.6rem; }
      .topSearch .topForm__item label::before {
        left: -23px;
        width: 18px;
        height: 18px;
        margin-top: -10px; }
      .topSearch .topForm__item label::after {
        left: -19px;
        width: 10px;
        height: 6px;
        margin-top: -6px; }
  @media only screen and (max-width: 768px) {
    .topSearch__btn {
      width: 78%;
      margin: 0 auto; } }
  .topSearch__btn a {
    display: block;
    border: #dbdbdb 1px solid;
    padding: 10px;
    position: relative;
    color: #6d6d6d;
    font-size: 1.5rem;
    text-align: center;
    text-decoration: none;
    background: #fff; }
    .topSearch__btn a::after {
      font-family: 'Font Awesome 5 Free';
      content: "\f101";
      font-weight: 900;
      color: #FF8E00;
      position: absolute;
      top: 50%;
      right: 15px;
      transform: translateY(-50%); }
    .topSearch__btn a:hover {
      background: #ff8e00;
      color: #fff; }
      .topSearch__btn a:hover::after {
        color: #fff; }
  .topSearch__submit {
    margin-top: 25px;
    position: relative; }
    @media only screen and (max-width: 768px) {
      .topSearch__submit {
        width: 100%;
        margin: 25px auto 0; } }
    .topSearch__submit #confirm,
    .topSearch__submit #campConfirm {
      width: 100%;
      text-align: center;
      font-size: 1.8rem;
      padding: 10px;
      border: none;
      cursor: pointer;
      background: #ff8e00;
      border: #ff8e00 2px solid;
      color: #fff; }
      .topSearch__submit #confirm:hover,
      .topSearch__submit #campConfirm:hover {
        background: #fff;
        color: #ff8e00; }
      @media only screen and (max-width: 768px) {
        .topSearch__submit #confirm,
        .topSearch__submit #campConfirm {
          width: 100%;
          -webkit-appearance: none;
          border-radius: 0;
          border-width: 1px; } }

.topList {
  background: #fff;
  padding-bottom: 60px; }
  .topList__title {
    font-size: 2.4rem;
    font-weight: bold;
    color: #ef9538;
    text-align: center;
    padding: 40px 0 30px; }
    @media only screen and (max-width: 768px) {
      .topList__title {
        padding-bottom: 10px; } }
  .topList__outer {
    width: 1030px;
    margin: 0 auto; }
    @media only screen and (max-width: 768px) {
      .topList__outer {
        width: 100%; } }
  .topList__table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 2px;
    margin-bottom: 80px; }
    @media only screen and (max-width: 768px) {
      .topList__table {
        margin-bottom: 30px; } }
    @media only screen and (max-width: 768px) {
      .topList__table thead {
        display: none; } }
    .topList__table thead th {
      background: #b5b5b5;
      font-size: 1.4rem;
      font-weight: bold;
      color: #fff;
      text-align: center;
      vertical-align: middle;
      white-space: nowrap;
      padding: 10px 5px; }
    .topList__table thead th:nth-child(2) {
      display: none; }
    .topList__table thead th:nth-child(3) {
      width: 18%; }
    .topList__table thead th:nth-child(4) {
      width: 40%; }
    .topList__table thead th:nth-child(5) {
      width: 5rem; }
    .topList__table thead th:nth-child(6) {
      width: 7rem; }
    .topList__table thead th:nth-child(7) {
      width: 7rem; }
    .topList__table tbody tr:nth-child(even) th, .topList__table tbody tr:nth-child(even) td {
      background: #f2f2f2; }
    .topList__table tbody th, .topList__table tbody td {
      background: #fff;
      text-align: center;
      padding: 10px 5px;
      vertical-align: middle;
      letter-spacing: 0;
      font-size: 1.3rem;
      font-weight: 500; }
      @media only screen and (max-width: 768px) {
        .topList__table tbody th, .topList__table tbody td {
          text-align: left;
          padding-left: 85px !important; } }
      .topList__table tbody th a, .topList__table tbody td a {
        color: #1d2087; }
        .topList__table tbody th a:hover, .topList__table tbody td a:hover {
          text-decoration: none; }
    @media only screen and (max-width: 768px) {
      .topList__table tbody td:first-child {
        padding-top: 10px; } }
    @media only screen and (max-width: 768px) {
      .topList__table tbody td:last-child {
        padding-bottom: 10px; } }
    .topList__table tbody td:nth-child(2) {
      display: none; }
    .topList__table tbody td:nth-child(3),
    .topList__table tbody td:nth-child(4) {
      text-align: left; }
    .topList__table tbody td:nth-child(5) img {
      width: 60px;
      height: auto;
      -webkit-backface-visibility: hidden; }
      @media only screen and (max-width: 768px) {
        .topList__table tbody td:nth-child(5) img {
          width: 50px; } }
    @media only screen and (max-width: 768px) {
      .topList__table tbody td:nth-child(5),
      .topList__table tbody td:nth-child(6) {
        width: 50%;
        display: inline-block;
        vertical-align: top;
        height: 4em; } }
    @media only screen and (max-width: 768px) {
      .topList__table tbody td {
        width: 100%;
        display: block;
        padding: 5px;
        border: none; } }
    .topList__table tbody .sp-icon {
      display: none; }
      @media only screen and (max-width: 768px) {
        .topList__table tbody .sp-icon {
          display: inline-block;
          background: #b5b5b5;
          color: #fff;
          padding: 3px;
          margin-right: 10px;
          text-align: center;
          width: 70px;
          margin-left: -80px; } }
  .topList__date {
    width: 125px; }
    @media only screen and (max-width: 768px) {
      .topList__date {
        width: auto; } }
  .topList__area {
    width: 70px; }
    @media only screen and (max-width: 768px) {
      .topList__area {
        width: auto; } }
  .topList__place {
    width: 170px; }
    @media only screen and (max-width: 768px) {
      .topList__place {
        width: auto; } }
  .topList__name {
    width: auto; }
  .topList__icon {
    width: 80px; }
    @media only screen and (max-width: 768px) {
      .topList__icon {
        width: auto; } }
  .topList__fee {
    width: 70px; }
    @media only screen and (max-width: 768px) {
      .topList__fee {
        width: auto; } }
  .topList__situation {
    width: 90px; }
    @media only screen and (max-width: 768px) {
      .topList__situation {
        width: auto; } }
  .topList__time {
    display: block; }
    @media only screen and (max-width: 768px) {
      .topList__time {
        display: inline; } }
  .topList .saturday {
    color: #00f; }
  .topList .sunday, .topList .holiday {
    color: #f00; }
  .topList .pagination {
    margin-bottom: 0; }

.topForm__item {
  margin-bottom: 5px; }
  .topForm__item input[type="checkbox"] {
    display: none; }
  .topForm__item label {
    font-size: 1.2rem;
    margin-left: 2em;
    position: relative;
    line-height: 1; }
    .topForm__item label::before, .topForm__item label::after {
      position: absolute;
      content: '';
      transition: all 0.2s; }
    .topForm__item label::before {
      top: 50%;
      left: -21px;
      width: 14px;
      height: 14px;
      margin-top: -8px;
      background: #fff;
      border: 1px solid #ccc;
      border-radius: 3px; }
    .topForm__item label::after {
      opacity: 0;
      top: 50%;
      left: -18px;
      width: 8px;
      height: 4px;
      margin-top: -4px;
      border-left: 2px solid #444;
      border-bottom: 2px solid #444;
      transform: rotate(-45deg) scale(0.5); }
    .topForm__item label:hover {
      cursor: pointer; }
  .topForm__item input[type="checkbox"]:checked + label::before {
    border: 1px solid #444; }
  .topForm__item input[type="checkbox"]:checked + label::after {
    opacity: 1;
    transform: rotate(-45deg) scale(1); }
  .topForm__item p.searchIcon {
    display: block;
    font-size: 1rem;
    margin-left: 2em; }
.topForm__text {
  border: #bdbdbd 1px solid;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 0 4px rgba(189, 189, 189, 0.7) inset;
  font-size: 1.8rem;
  padding: 5px; }

.topNews {
  background: #ededed;
  padding: 35px 0 25px; }
  @media only screen and (max-width: 768px) {
    .topNews {
      padding-top: 10px; } }
  .topNews__title {
    font-family: 'Abel', sans-serif;
    color: #ec742f;
    font-size: 4rem;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.25em; }
    @media only screen and (max-width: 768px) {
      .topNews__title {
        font-size: 2.4rem; } }
  .topNews__outer {
    width: 960px;
    margin: 0 auto; }
    @media only screen and (max-width: 768px) {
      .topNews__outer {
        width: 100%; } }
  .topNews__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: stretch;
    margin-top: 40px; }
    @media only screen and (max-width: 768px) {
      .topNews__list {
        margin-top: 10px; } }
  .topNews__item {
    width: 215px;
    margin: 0 12px 30px; }
    @media only screen and (max-width: 768px) {
      .topNews__item {
        width: 50%;
        padding: 0 10px;
        margin: 0 0 10px; } }
    @media only screen and (max-width: 768px) {
      .topNews__item:nth-child(n+5) {
        display: none; } }
    .topNews__item a {
      display: block;
      width: 100%;
      height: 100%;
      color: #000;
      text-decoration: none;
      transition: all 0.2s linear; }
      .topNews__item a:hover {
        opacity: 0.7;
        color: #333; }
    .topNews__item img {
      width: 215px;
      height: auto; }
      @media only screen and (max-width: 768px) {
        .topNews__item img {
          width: 100%; } }
  .topNews__img {
    width: 215px;
    height: 108px;
    overflow: hidden; }
    @media only screen and (max-width: 768px) {
      .topNews__img {
        width: 167px;
        height: 84px; } }
  .topNews__date {
    font-size: 1rem;
    position: relative;
    margin-top: 10px;
    margin-bottom: 5px;
    font-style: italic; }
    @media only screen and (max-width: 768px) {
      .topNews__date {
        margin-top: 5px; } }
    .topNews__date .searchIcon {
      position: absolute;
      top: -4px;
      right: 0;
      font-size: 0.8rem;
      font-style: normal;
      width: auto;
      margin-right: 0; }
  @media only screen and (max-width: 768px) {
    .topNews__text {
      font-size: 1rem; } }
  .topNews__footer {
    text-align: right;
    font-family: 'Abel', sans-serif; }
    @media only screen and (max-width: 768px) {
      .topNews__footer {
        text-align: center; } }
    .topNews__footer a {
      color: #ef9336;
      text-decoration: none;
      font-size: 1.8rem;
      font-weight: bold;
      letter-spacing: 0.1em;
      position: relative;
      padding-right: 2rem; }
      @media only screen and (max-width: 768px) {
        .topNews__footer a {
          padding-right: 0;
          padding-bottom: 1.5em;
          font-size: 1.5rem; } }
      .topNews__footer a:hover {
        text-decoration: underline; }
      .topNews__footer a::after {
        font-family: 'Font Awesome 5 Free';
        content: "\f105";
        font-weight: 900;
        color: #ef9336;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        font-size: 2.4rem; }
        @media only screen and (max-width: 768px) {
          .topNews__footer a::after {
            content: "\f107";
            top: auto;
            bottom: 0;
            right: auto;
            left: 50%;
            transform: translateX(-50%); } }

.bannerArea {
  background: #fff;
  padding: 30px 0 80px; }
  @media only screen and (max-width: 768px) {
    .bannerArea {
      padding-bottom: 0; } }
  .bannerArea__outer {
    width: 960px;
    margin: 0 auto; }
    @media only screen and (max-width: 768px) {
      .bannerArea__outer {
        width: 100%; } }
  .bannerArea__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch; }
  .bannerArea__item {
    margin-bottom: 20px; }
    @media only screen and (max-width: 768px) {
      .bannerArea__item {
        width: 50%;
        padding: 0 10px; } }
    .bannerArea__item a:hover {
      opacity: 0.6; }
    @media only screen and (max-width: 768px) {
      .bannerArea__item a img {
        width: 100%;
        height: auto; } }

.instaArea {
  background: #eebc40;
  padding-top: 50px;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .instaArea {
      padding: 30px 20px 0; } }
  .instaArea::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 30px 0 30px;
    border-color: #ffffff transparent transparent transparent; }
    @media only screen and (max-width: 768px) {
      .instaArea::before {
        border-width: 10px 15px 0 15px; } }
  .instaArea__outer {
    width: 960px;
    margin: 0 auto; }
    @media only screen and (max-width: 768px) {
      .instaArea__outer {
        width: 100%; } }
  .instaArea__title {
    text-align: center;
    margin-bottom: 30px; }
    @media only screen and (max-width: 768px) {
      .instaArea__title {
        width: 30%;
        margin: 0 auto 20px; } }
    @media only screen and (max-width: 768px) {
      .instaArea__title img {
        width: 100%;
        height: auto; } }
  .instaArea__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch; }
  .instaArea__item {
    margin-bottom: 25px;
    width: 165px; }
    @media only screen and (max-width: 768px) {
      .instaArea__item {
        width: 33.333%;
        padding: 0 5px; } }
    @media only screen and (max-width: 768px) {
      .instaArea__item:nth-child(n+7) {
        display: none; } }
    .instaArea__item a {
      width: 165px;
      height: 165px;
      display: table-cell;
      vertical-align: middle;
      background: #000; }
      @media only screen and (max-width: 768px) {
        .instaArea__item a {
          width: 100%;
          height: 100px; } }
      .instaArea__item a:hover {
        opacity: 0.6; }
      .instaArea__item a img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        object-fit: cover; }
    .instaArea__item p {
      text-align: center;
      color: #fff;
      margin-top: 5px; }
      .instaArea__item p img {
        vertical-align: top; }

.sport {
  background: #a22115;
  padding: 50px 0; }
  @media only screen and (max-width: 768px) {
    .sport {
      padding: 50px 20px 30px; } }
  .sport__outer {
    width: 960px;
    margin: 0 auto; }
    @media only screen and (max-width: 768px) {
      .sport__outer {
        width: 100%; } }
  .sport__title {
    text-align: center;
    margin-bottom: 30px; }
    @media only screen and (max-width: 768px) {
      .sport__title {
        width: 30%;
        margin: 0 auto 20px; } }
    @media only screen and (max-width: 768px) {
      .sport__title img {
        width: 100%;
        height: auto; } }
  .sport__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch; }
  .sport__item {
    width: 210px; }
    @media only screen and (max-width: 768px) {
      .sport__item {
        width: 50%;
        padding: 0 10px;
        margin-bottom: 10px; } }
  .sport a {
    color: #fff;
    text-decoration: none;
    display: block; }
    .sport a:hover {
      opacity: 0.6; }
  .sport__img {
    width: 210px;
    height: 118px;
    overflow: hidden; }
    @media only screen and (max-width: 768px) {
      .sport__img {
        width: 100%;
        height: auto; } }
    .sport__img img {
      width: 100%;
      height: auto; }
  .sport__date {
    font-size: 1.2rem;
    font-family: 'Abel', sans-serif;
    font-style: italic;
    padding-top: 20px; }
    @media only screen and (max-width: 768px) {
      .sport__date {
        padding-top: 5px; } }
  .sport__name {
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 2px; }
    @media only screen and (max-width: 768px) {
      .sport__name {
        font-size: 1.2rem; } }
  .sport__text {
    font-size: 1.2rem;
    line-height: 1.5; }
    @media only screen and (max-width: 768px) {
      .sport__text {
        font-size: 1rem; } }

.footSNS {
  display: none; }
  @media only screen and (max-width: 768px) {
    .footSNS {
      display: block;
      background: #fff;
      padding: 20px; } }
  .footSNS__title {
    color: #ef9336;
    text-align: center;
    font-family: 'Abel', sans-serif;
    font-weight: bold;
    font-size: 1.8rem;
    margin-bottom: 10px;
    letter-spacing: 0.1em; }
  .footSNS .sns {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch; }
    .footSNS .sns li {
      margin-right: 15px; }
      .footSNS .sns li:last-child {
        margin-right: 0; }
      .footSNS .sns li a {
        display: block;
        background: #757575;
        color: #fff;
        text-decoration: none;
        font-size: 2.4rem;
        width: 45px;
        height: 100%;
        text-align: center;
        padding: 5px 0; }
      .footSNS .sns li.facebook a:hover {
        background: #3B5999; }
      .footSNS .sns li.twitter a:hover {
        background: #1B95E0; }
      .footSNS .sns li.instagram a:hover {
        background: #db3373; }
      .footSNS .sns li.line a:hover {
        background: #00C300; }

#venue .searchTabs.nav-tabs, #venue_detail .searchTabs.nav-tabs {
  margin: 10px auto 0;
  border: none; }
  @media only screen and (max-width: 768px) {
    #venue .searchTabs.nav-tabs, #venue_detail .searchTabs.nav-tabs {
      width: 100%; } }
#venue .searchTabs .nav-item, #venue_detail .searchTabs .nav-item {
  width: 50%; }
  #venue .searchTabs .nav-item a, #venue_detail .searchTabs .nav-item a {
    font-size: 1.4rem;
    font-weight: bold;
    display: block;
    background-color: #e6e6e6;
    color: #999;
    text-decoration: none;
    border-top: 5px solid #e6e6e6;
    border-bottom: none;
    border-right: none;
    border-left: none;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
    margin-bottom: 10px;
    padding: 10px 0; }
  #venue .searchTabs .nav-item a.active, #venue_detail .searchTabs .nav-item a.active {
    background-color: #f6f6f6;
    color: #ff6c00;
    border-top: 5px solid #ff6c00;
    border-bottom: none;
    border-right: none;
    border-left: none; }
#venue .searchTabs .topSearch__title, #venue_detail .searchTabs .topSearch__title {
  padding: 10px 0; }
#venue .searchTabs .active .topSearch__title, #venue_detail .searchTabs .active .topSearch__title {
  padding: 10px 0; }
#venue a, #venue_detail a {
  text-decoration: none; }
  #venue a:hover, #venue_detail a:hover {
    color: #ffa766;
    text-decoration: underline; }
#venue .camp_btn a, #venue_detail .camp_btn a {
  display: block;
  padding: 10px;
  background-color: #ED0808;
  color: #fff;
  margin: 30px auto;
  text-align: center;
  width: 30rem;
  font-size: 1.5rem;
  text-decoration: none; }
  #venue .camp_btn a:hover, #venue_detail .camp_btn a:hover {
    margin-top: 31px;
    margin-bottom: 29px;
    background-color: #fa6161;
    color: #fff;
    text-decoration: none; }
#venue .banner_wrap, #venue_detail .banner_wrap {
  display: inline-flex;
  flex-wrap: wrap;
  margin-bottom: 10px; }
  @media only screen and (max-width: 768px) {
    #venue .banner_wrap, #venue_detail .banner_wrap {
      justify-content: center; } }
  #venue .banner_wrap a, #venue_detail .banner_wrap a {
    margin-right: 20px;
    margin-bottom: 20px; }
#venue .vd_inrBox02, #venue_detail .vd_inrBox02 {
  width: 1000px;
  height: 402px;
  overflow: hidden;
  /*
  #map {
  	@include sp() {
  		top: 50%;
  		left: 50%;
  		-webkit-transform: translate(-50%, -50%);
  		-ms-transform: translate(-50%, -50%);
  		transform: translate(-50%, -50%);
  		width: auto;
  		height: 100%;
  	}
  }
  */ }
  @media only screen and (max-width: 768px) {
    #venue .vd_inrBox02, #venue_detail .vd_inrBox02 {
      width: 100%;
      height: 352px; } }
  #venue .vd_inrBox02 .map_container, #venue_detail .vd_inrBox02 .map_container {
    border: 1px solid #ddd; }
    #venue .vd_inrBox02 .map_container img, #venue_detail .vd_inrBox02 .map_container img {
      max-width: none; }
    #venue .vd_inrBox02 .map_container #map, #venue_detail .vd_inrBox02 .map_container #map {
      width: 100%;
      height: 400px; }
      @media only screen and (max-width: 768px) {
        #venue .vd_inrBox02 .map_container #map, #venue_detail .vd_inrBox02 .map_container #map {
          width: 100%;
          height: 350px; } }
#venue .clearfix::after, #venue_detail .clearfix::after {
  content: "";
  display: table;
  clear: both; }
#venue .fl, #venue_detail .fl {
  float: left; }
#venue .fr, #venue_detail .fr {
  float: right; }
#venue .arrow a, #venue_detail .arrow a {
  position: relative; }
#venue .arrow a::after, #venue_detail .arrow a::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  right: 0;
  top: 45%;
  border-top: solid 2px #333333;
  border-right: solid 2px #333333;
  transform: rotate(45deg);
  color: inherit; }
#venue .ttl_h2, #venue_detail .ttl_h2 {
  margin: 20px;
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  color: #fff; }
#venue .ttl_h2_02, #venue_detail .ttl_h2_02 {
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  color: #ec742f;
  margin: 40px 0; }
#venue .ttl_h3_01, #venue_detail .ttl_h3_01 {
  font-size: 20px;
  margin: 0 0 15px 20px;
  padding: 30px 0 0 0; }
#venue .ttl_h3_02, #venue_detail .ttl_h3_02 {
  font-size: 20px;
  padding: 30px 0 0 0;
  margin: 0 0 15px 0; }
#venue .arrow, #venue_detail .arrow {
  position: relative;
  display: inline-block;
  padding-left: 20px; }
#venue .ctgIcon01, #venue .ctgIcon02, #venue .ctgIcon03, #venue .ctgIcon04, #venue .ctgIcon05, #venue_detail .ctgIcon01, #venue_detail .ctgIcon02, #venue_detail .ctgIcon03, #venue_detail .ctgIcon04, #venue_detail .ctgIcon05 {
  line-height: 200%;
  list-style: none;
  color: #fff;
  text-align: center;
  border-radius: 20px;
  font-size: 1.0rem;
  box-sizing: border-box; }
#venue .ctgIcon01, #venue_detail .ctgIcon01 {
  background-color: #1abc9c; }
#venue .ctgIcon02, #venue_detail .ctgIcon02 {
  background-color: #2ecc71 !important; }
#venue .ctgIcon03, #venue_detail .ctgIcon03 {
  background-color: #3498db !important; }
#venue .ctgIcon04, #venue_detail .ctgIcon04 {
  background-color: #34495e !important; }
#venue .ctgIcon05, #venue_detail .ctgIcon05 {
  background-color: #000000 !important; }
#venue .logo, #venue_detail .logo {
  text-align: right;
  padding: 50px 20px 50px; }

@media screen and (max-width: 769px) {
  #venue .ctgIconBox .ctgIcon01, #venue .ctgIconBox .ctgIcon02, #venue .ctgIconBox .ctgIcon03, #venue .ctgIconBox .ctgIcon04, #venue .ctgIconBox .ctgIcon05 {
    width: 31%; }
  #venue .ctgIconBox .ctgIcon01, #venue .ctgIconBox .ctgIcon02, #venue .ctgIconBox .ctgIcon03, #venue .ctgIconBox .ctgIcon04 {
    margin: 5px 5px 0 0; }
  #venue .ctgIconBox .ctgIcon05 {
    margin: 5px 0 0 0; }
  #venue #main {
    margin: 0; }
    #venue #main img {
      width: 100%; }
    #venue #main .pageTitle {
      background-image: url(../img/venue/pagetitle_bg_sp.png); }
    #venue #main .venueTxt01 {
      padding: 20px 15px 15px 15px;
      background-color: #f6f6f6;
      margin: 0;
      line-height: 200%; }
    #venue #main .venueDate {
      font-size: 15px;
      font-weight: bold;
      text-align: center;
      padding: 5px 15px; }
    #venue #main .venueBox01 {
      background-color: #f6f6f6;
      padding: 0 15px;
      font-size: 12px; }
      #venue #main .venueBox01 .venueInrBox01 {
        padding: 0;
        float: left;
        width: 100%;
        margin-bottom: 10px;
        background-color: #fff;
        position: relative; }
        #venue #main .venueBox01 .venueInrBox01 span {
          width: 25%;
          height: 45px;
          float: left;
          text-align: center;
          border-right: 1px solid #f6f6f6;
          margin: 0 10px 0 0;
          padding: 15px 0 0 0;
          font-family: abel;
          font-size: 1.2rem; }
        #venue #main .venueBox01 .venueInrBox01 .extraction01 {
          width: 66%;
          height: 30px;
          border-radius: 5px;
          background-color: #f6f6f6;
          margin: 10px 0;
          padding: 0 0 0 10px;
          font-weight: bold;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          font-size: 1.2rem; }
      #venue #main .venueBox01 .venueInrBox01::after {
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        margin: -22px 0 0 320px;
        border-top: solid 2px #333333;
        border-right: solid 2px #333333;
        transform: rotate(135deg);
        color: inherit;
        position: absolute;
        top: 42px;
        right: 25px; }
      #venue #main .venueBox01 .venueInrBox02 {
        padding: 0;
        float: left;
        width: 100%;
        margin: 0;
        background-color: #fff;
        position: relative; }
        #venue #main .venueBox01 .venueInrBox02 span {
          width: 25%;
          height: 45px;
          float: left;
          text-align: center;
          border-right: 1px solid #f6f6f6;
          margin: 0 10px 0 0;
          padding: 15px 0 0 0;
          font-family: abel;
          font-size: 1.2rem; }
        #venue #main .venueBox01 .venueInrBox02 .extraction02 {
          width: 66%;
          height: 30px;
          border-radius: 5px;
          background-color: #f6f6f6;
          margin: 10px 0;
          padding: 0 0 0 10px;
          font-weight: bold;
          font-size: 1.2rem;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none; }
      #venue #main .venueBox01 .venueInrBox02::after {
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        border-top: solid 2px #333333;
        border-right: solid 2px #333333;
        transform: rotate(135deg);
        color: inherit;
        position: absolute;
        top: 20px;
        right: 25px; }
    #venue #main .line2Ttl {
      background-color: #f6f6f6;
      font-size: 18px;
      padding: 45px 0 25px;
      text-align: center !important;
      margin: 0 auto 10px !important;
      letter-spacing: 0.1em;
      height: 18px; }
      #venue #main .line2Ttl span {
        position: absolute;
        right: 0;
        left: 0; }
    #venue #main .line2Ttl:before {
      position: absolute;
      left: 25px;
      content: url(../img/venue/ttlLineL.png);
      padding: 0 20px 0 0;
      display: inline-block;
      -webkit-transform: scale(0.5);
      transform: scale(0.5); }
    #venue #main .line2Ttl:after {
      position: absolute;
      right: 25px;
      content: url(../img/venue/ttlLineR.png);
      padding: 0 0 0 20px;
      display: inline-block;
      -webkit-transform: scale(0.5);
      transform: scale(0.5); }
    #venue #main section .ico {
      margin: 0;
      padding: 0; }
      #venue #main section .ico .arrow:nth-child(odd) {
        background-color: #fff; }
      #venue #main section .ico .arrow {
        padding: 15px 10px 20px 10px;
        box-sizing: border-box;
        list-style: none;
        width: 100%; }
        #venue #main section .ico .arrow a {
          width: 100%;
          position: relative;
          display: table;
          color: #000;
          padding: 0 10px 0 0; }
          #venue #main section .ico .arrow a .ph {
            float: left;
            width: 20%;
            overflow: hidden;
            margin: 0 7px 0 0; }
          #venue #main section .ico .arrow a .ctgIconBox {
            padding: 0; }
            #venue #main section .ico .arrow a .ctgIconBox .ctgIcon01, #venue #main section .ico .arrow a .ctgIconBox .ctgIcon02, #venue #main section .ico .arrow a .ctgIconBox .ctgIcon03, #venue #main section .ico .arrow a .ctgIconBox .ctgIcon04, #venue #main section .ico .arrow a .ctgIconBox .ctgIcon05 {
              float: left; }
          #venue #main section .ico .arrow a .fl {
            width: 77%; }
        #venue #main section .ico .arrow h5 {
          font-size: 14px;
          font-weight: bold;
          margin: 0 0 5px 0; }
        #venue #main section .ico .arrow p {
          padding: 5px 0 0 0; }
        #venue #main section .ico .arrow p.shisetsu {
          font-size: 11px;
          line-height: 18px; }

  #venue_detail .saturday {
    color: #00f; }
  #venue_detail .sunday, #venue_detail .holiday {
    color: #f00; }
  #venue_detail .other {
    background: #f6f7f7 !important;
    width: 100%; }
  #venue_detail .vd_txt01 {
    padding: 0 15px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 140%;
    letter-spacing: 1px;
    text-align: center; }
  #venue_detail .vd_btn01 {
    margin: 25px 0 10px 0; }
    #venue_detail .vd_btn01 ul {
      display: flex;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center; }
      #venue_detail .vd_btn01 ul li {
        width: 100px;
        text-align: center;
        margin: 0 10px 0 0; }
        #venue_detail .vd_btn01 ul li a {
          display: block;
          background: #ff6c00;
          border-radius: 5px;
          border: #ff6c00 1px solid;
          box-shadow: 0 2px 2px grey;
          color: #fff;
          font-size: 1.2rem;
          padding: 5px 10px;
          text-decoration: none; }
          #venue_detail .vd_btn01 ul li a i {
            margin: 0 2px; }
  #venue_detail .vd_box01 {
    padding: 15px;
    margin: 0 0 30px 0;
    background-color: #fff; }
    #venue_detail .vd_box01 .vd_inrTxt01 {
      margin: 0 0 15px 0;
      font-size: 1.4rem;
      line-height: 150%; }
    #venue_detail .vd_box01 .vd_inrBoxfl01 {
      width: 90%;
      margin: 0 auto; }
      #venue_detail .vd_box01 .vd_inrBoxfl01 .jumbotron-slider {
        width: 100%;
        display: flex; }
        #venue_detail .vd_box01 .vd_inrBoxfl01 .jumbotron-slider .jumbotron-slider-item img {
          width: 100%; }
        #venue_detail .vd_box01 .vd_inrBoxfl01 .jumbotron-slider .slick-arrow {
          width: 17px;
          height: 42px; }
        #venue_detail .vd_box01 .vd_inrBoxfl01 .jumbotron-slider .slick-dots {
          position: absolute;
          bottom: -25px;
          width: 100%;
          text-align: center; }
          #venue_detail .vd_box01 .vd_inrBoxfl01 .jumbotron-slider .slick-dots li {
            display: inline-block;
            width: 10px;
            height: 10px;
            margin: 0 5px;
            background-color: #eeeeee;
            border-radius: 50%;
            transition: all 0.2s; }
            #venue_detail .vd_box01 .vd_inrBoxfl01 .jumbotron-slider .slick-dots li button {
              display: none; }
          #venue_detail .vd_box01 .vd_inrBoxfl01 .jumbotron-slider .slick-dots .slick-active {
            background-color: #f70; }
        #venue_detail .vd_box01 .vd_inrBoxfl01 .jumbotron-slider .slick-slide img {
          width: 100%; }
    #venue_detail .vd_box01 .vd_inrBoxfl02 {
      margin: 25px 0 0 0; }
      #venue_detail .vd_box01 .vd_inrBoxfl02 .ctgIconBox {
        display: inherit;
        margin: 0 0 10px 0; }
        #venue_detail .vd_box01 .vd_inrBoxfl02 .ctgIconBox li {
          float: left;
          margin: 10px 10px 0 0px;
          width: 30%; }
      #venue_detail .vd_box01 .vd_inrBoxfl02 .vd_ttlBox01 .vd_ttl01 {
        background-color: #b5b5b5;
        color: #fff;
        font-weight: bold;
        padding: 2px 10px;
        font-size: 1.4rem;
        line-height: 140%; }
      #venue_detail .vd_box01 .vd_inrBoxfl02 .vd_ttlBox01 .vd_txtColor01 {
        color: #ff8e00;
        padding: 8px 10px;
        font-size: 1.4rem;
        line-height: 140%; }
      #venue_detail .vd_box01 .vd_inrBoxfl02 .vd_ttlBox01 .vd_txtColor02 {
        padding: 10px 5px 25px 5px;
        font-size: 1.4rem;
        line-height: 150%; }
    #venue_detail .vd_box01 .vd_inrBox02 .map_sp {
      width: 100%;
      height: 300px; }
    #venue_detail .vd_box01 .vd_inrBox02 .map_pc {
      display: none; }
  #venue_detail .vd_box02 {
    padding: 0 15px 15px 15px; }
    #venue_detail .vd_box02 dt {
      background-color: #ff8e00;
      font-size: 1.4rem;
      font-weight: bold;
      color: #fff;
      line-height: 130%;
      margin: 0;
      padding: 6px 7px; }
    #venue_detail .vd_box02 dd {
      background-color: #fff;
      font-size: 1.4rem;
      color: #333;
      line-height: 150%;
      padding: 10px; }
      #venue_detail .vd_box02 dd img {
        max-width: 100%; }
    #venue_detail .vd_box02 .icoArea img {
      padding: 0 0 10px;
      width: 24%;
      width: -webkit-calc(94% / 5);
      width: calc(94% / 5); }
    #venue_detail .vd_box02 .vd_inrBox04 ul li {
      list-style-type: none !important;
      list-style-image: none !important;
      position: relative;
      padding-left: 15px; }
    #venue_detail .vd_box02 .vd_inrBox04 ul li:after {
      content: '';
      display: block;
      position: absolute;
      background: #333333;
      width: 10px;
      height: 10px;
      top: 7px;
      left: 2px;
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      -o-transform: rotate(-45deg); }
    #venue_detail .vd_box02 .vd_inrBox28 a {
      text-decoration: none; }
    #venue_detail .vd_box02 .vd_inrBox29 img, #venue_detail .vd_box02 .vd_inrBox30 img {
      margin: 0 0 5px 0;
      width: 100%; }
  #venue_detail .vd_h2Ttl {
    margin: 0 0 20px;
    height: 30px;
    background-color: #ff8e00;
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 130%;
    padding: 6px 7px; }
  #venue_detail .vd_box03 .event_list_header {
    display: none; }
  #venue_detail .vd_box03 .vd_result {
    padding: 0; }
    #venue_detail .vd_box03 .vd_result .event_list_rec:nth-child(odd) {
      background-color: #f6f7f7; }
    #venue_detail .vd_box03 .vd_result .event_list_rec {
      padding: 10px 0; }
      #venue_detail .vd_box03 .vd_result .event_list_rec li {
        margin: 0 0 10px 0;
        height: 25px;
        display: table; }
        #venue_detail .vd_box03 .vd_result .event_list_rec li .vd_ttlSp01 {
          text-align: center;
          font-size: 1.3rem;
          line-height: 150%;
          background-color: #b5b5b5;
          color: #fff;
          width: 70px;
          padding: 3px 0;
          margin: 0 10px 0 0;
          display: inline-table; }
        #venue_detail .vd_box03 .vd_result .event_list_rec li br {
          display: none; }
        #venue_detail .vd_box03 .vd_result .event_list_rec li img {
          height: 25px; }
        #venue_detail .vd_box03 .vd_result .event_list_rec li a {
          color: #1d2087;
          width: 70%;
          /* display: inline-table; */ }
      #venue_detail .vd_box03 .vd_result .event_list_rec li:nth-child(3) {
        display: inline-block;
        width: 50%;
        padding: 0 5px 0 0; }
      #venue_detail .vd_box03 .vd_result .event_list_rec li:nth-child(4) {
        display: inline-block;
        padding: 0; }
      #venue_detail .vd_box03 .vd_result .event_list_rec li:nth-child(5) a {
        display: inline; }
  #venue_detail .vd_box03 .vd_resultBtn01 {
    text-decoration: none;
    background-color: #fff;
    display: block;
    padding: 25px 0 50px 0; }
    #venue_detail .vd_box03 .vd_resultBtn01 p {
      background-color: #ff6c00;
      color: #fff;
      text-align: center;
      vertical-align: middle;
      margin: 0 auto;
      width: 250px;
      height: 40px;
      font-size: 1.5rem;
      line-height: 200%;
      padding: 5px 0 0px 0px; } }
@media screen and (min-width: 769px) {
  #venue .inner {
    width: 1100px;
    margin: 0 auto;
    padding: 0; }
  #venue .ctgIcon01, #venue .ctgIcon02, #venue .ctgIcon03, #venue .ctgIcon04, #venue .ctgIcon05 {
    width: 95px; }
  #venue .ctgIcon01, #venue .ctgIcon02, #venue .ctgIcon03, #venue .ctgIcon04 {
    margin: 0 10px 0 0; }
  #venue .ctgIcon05 {
    margin: 0; }
  #venue #main .pageTitle {
    background-image: url(../img/venue/pagetitle_bg.png); }
  #venue #main .other {
    background: #f6f7f7 !important;
    width: 100%; }
    #venue #main .other .placeList {
      width: 100%;
      margin: 0 auto;
      padding: 30px 0; }
      #venue #main .other .placeList .inner .venueTxt01 {
        text-align: center;
        margin: 0 0 50px 0;
        line-height: 200%; }
  #venue #main .venueDate {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding: 15px 0; }
  #venue #main .venueBox01 {
    margin: 0 0 100px 0;
    display: flex; }
    #venue #main .venueBox01 .venueInrBox01 {
      margin: 0 20px 0 0;
      display: table;
      width: 540px;
      height: 44px;
      background-color: #fff; }
      #venue #main .venueBox01 .venueInrBox01 span {
        float: left;
        width: 148px;
        margin: 0 15px 0 0;
        padding: 21px 0;
        display: inline-table;
        text-align: center;
        border-right: 1px solid #f6f6f6;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        font-family: abel;
        font-size: 1.8rem; }
      #venue #main .venueBox01 .venueInrBox01 .extraction01 {
        float: left;
        margin: 15px 10px 0 0;
        padding: 0 0 0 15px;
        width: 345px;
        height: 42px;
        display: inline-table;
        border-radius: 5px;
        background-color: #f6f6f6;
        font-weight: bold;
        font-size: 1.8rem;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
    #venue #main .venueBox01 .venueInrBox01::after {
      content: "";
      display: block;
      width: 10px;
      height: 10px;
      margin: 30px 0 0 500px;
      border-top: solid 2px #333333;
      border-right: solid 2px #333333;
      transform: rotate(135deg);
      color: inherit; }
    #venue #main .venueBox01 .venueInrBox02 {
      display: table;
      width: 540px;
      height: 44px;
      background-color: #fff; }
      #venue #main .venueBox01 .venueInrBox02 span {
        float: left;
        width: 150px;
        max-width: 148px;
        margin: 0 15px 0 0;
        padding: 21px 0;
        display: inline-table;
        text-align: center;
        border-right: 1px solid #f6f6f6;
        font-family: abel;
        font-size: 1.8rem; }
      #venue #main .venueBox01 .venueInrBox02 .extraction02 {
        float: left;
        margin: 15px 10px 0 0;
        padding: 0 0 0 10px;
        width: 345px;
        height: 42px;
        display: inline-table;
        border-radius: 5px;
        background-color: #f6f6f6;
        font-weight: bold;
        font-size: 1.8rem;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
    #venue #main .venueBox01 .venueInrBox02::after {
      content: "";
      display: block;
      width: 10px;
      height: 10px;
      margin: 30px 0 0 500px;
      border-top: solid 2px #333333;
      border-right: solid 2px #333333;
      transform: rotate(135deg);
      color: inherit; }
  #venue #main section {
    padding: 0 0 100px !important; }
    #venue #main section .line2Ttl {
      font-size: 20px;
      padding: 0 0 30px;
      text-align: center !important;
      margin: 0 auto !important;
      letter-spacing: 0.1em; }
    #venue #main section .line2Ttl:before {
      content: url(../img/venue/ttlLineL.png);
      padding: 0 20px 0 0; }
    #venue #main section .line2Ttl:after {
      content: url(../img/venue/ttlLineR.png);
      padding: 0 0 0 20px; }
    #venue #main section .ico {
      margin: 0;
      padding: 0; }
      #venue #main section .ico .arrow:nth-child(odd) {
        background-color: #fff; }
      #venue #main section .ico .arrow {
        padding: 20px 30px 20px 20px;
        box-sizing: border-box;
        list-style: none; }
        #venue #main section .ico .arrow a {
          width: 1050px;
          position: relative;
          display: table;
          color: #000; }
          #venue #main section .ico .arrow a .ph {
            float: left;
            width: 140px;
            height: 110px;
            overflow: hidden;
            margin: 0 20px 0 0; }
            #venue #main section .ico .arrow a .ph img {
              width: 140px; }
          #venue #main section .ico .arrow a .ctgIconBox {
            padding: 0 0 20px 0; }
            #venue #main section .ico .arrow a .ctgIconBox .ctgIcon01, #venue #main section .ico .arrow a .ctgIconBox .ctgIcon02, #venue #main section .ico .arrow a .ctgIconBox .ctgIcon03, #venue #main section .ico .arrow a .ctgIconBox .ctgIcon04, #venue #main section .ico .arrow a .ctgIconBox .ctgIcon05 {
              float: left; }
          #venue #main section .ico .arrow a .fl {
            width: 83%; }
        #venue #main section .ico .arrow h5 {
          font-size: 18px;
          font-weight: bold;
          margin: 0 0 10px 0; }
        #venue #main section .ico .arrow p.shisetsu {
          font-size: 14px;
          line-height: 28px;
          padding: 20px 0 0 0; }

  #venue_detail .saturday {
    color: #00f; }
  #venue_detail .sunday, #venue_detail .holiday {
    color: #f00; }
  #venue_detail .ctgIconBox {
    margin: 0 0 10px 0; }
  #venue_detail .inner {
    width: 1100px;
    margin: 0 auto;
    padding: 0; }
  #venue_detail .vd_ttlSp01, #venue_detail .vd_ttlSp01 {
    display: none; }
  #venue_detail .other {
    background: #f6f7f7 !important;
    width: 100%; }
    #venue_detail .other .placeList {
      width: 100%;
      margin: 0 auto;
      padding: 50px 0 0 0; }
  #venue_detail .orange {
    text-decoration: none;
    color: #ff8e00; }
  #venue_detail .vd_txt01 {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin: 0 0 50px 0;
    letter-spacing: 0.3rem; }
  #venue_detail .vd_btn01 {
    margin: 0 0 10px 0; }
    #venue_detail .vd_btn01 ul {
      display: flex;
      flex-wrap: nowrap;
      justify-content: flex-end;
      align-items: flex-end; }
      #venue_detail .vd_btn01 ul li {
        width: 130px;
        height: 40px;
        text-align: center;
        position: relative; }
        #venue_detail .vd_btn01 ul li a {
          display: block;
          background: #ff6c00;
          border-radius: 5px;
          border: #ff6c00 1px solid;
          box-shadow: 0 2px 2px grey;
          color: #fff;
          font-size: 1.5rem;
          font-weight: bold;
          padding: 7px 0;
          text-decoration: none; }
          #venue_detail .vd_btn01 ul li a i {
            margin: 0 5px; }
          #venue_detail .vd_btn01 ul li a:hover {
            width: 130px;
            position: absolute;
            top: 1px;
            background: #ffa766;
            border: #ffa766 1px solid; }
      #venue_detail .vd_btn01 ul li:first-child {
        margin: 0 15px 0 0; }
  #venue_detail .vd_box01 {
    background-color: #fff;
    padding: 50px 35px 30px 35px;
    margin: 0 0 30px 0; }
    #venue_detail .vd_box01 .vd_inrTxt01 {
      font-size: 1.5rem;
      line-height: 200%;
      padding: 0 0 30px 0; }
    #venue_detail .vd_box01 .vd_inrBox01 {
      margin: 0 0 25px 0; }
      #venue_detail .vd_box01 .vd_inrBox01 .vd_inrBoxfl01 {
        float: left;
        margin: 0 25px; }
        #venue_detail .vd_box01 .vd_inrBox01 .vd_inrBoxfl01 .jumbotron-slider {
          width: 500px; }
          #venue_detail .vd_box01 .vd_inrBox01 .vd_inrBoxfl01 .jumbotron-slider .slick-arrow {
            width: 17px;
            height: 42px; }
          #venue_detail .vd_box01 .vd_inrBox01 .vd_inrBoxfl01 .jumbotron-slider .slick-dots {
            display: inherit !important; }
            #venue_detail .vd_box01 .vd_inrBox01 .vd_inrBoxfl01 .jumbotron-slider .slick-dots li {
              display: inline-block;
              width: 10px;
              height: 10px;
              margin: 0 5px;
              background-color: #eeeeee;
              border-radius: 50%;
              transition: all 0.2s; }
              #venue_detail .vd_box01 .vd_inrBox01 .vd_inrBoxfl01 .jumbotron-slider .slick-dots li button {
                display: none; }
            #venue_detail .vd_box01 .vd_inrBox01 .vd_inrBoxfl01 .jumbotron-slider .slick-dots .slick-active {
              background-color: #f70; }
      #venue_detail .vd_box01 .vd_inrBox01 .jumbotron-slider-item {
        width: 500px;
        height: 375px;
        overflow: hidden; }
        #venue_detail .vd_box01 .vd_inrBox01 .jumbotron-slider-item img {
          width: 500px;
          height: auto; }
      #venue_detail .vd_box01 .vd_inrBox01 .vd_inrBoxfl02 {
        float: left;
        width: 450px;
        margin: 0 0 0 30px; }
        #venue_detail .vd_box01 .vd_inrBox01 .vd_inrBoxfl02 .vd_ttlBox01 .vd_ttl01 {
          background-color: #b5b5b5;
          color: #fff;
          font-weight: bold;
          padding: 3px 10px;
          font-size: 1.5rem;
          line-height: 180%; }
        #venue_detail .vd_box01 .vd_inrBox01 .vd_inrBoxfl02 .vd_ttlBox01 .vd_txtColor01 {
          color: #ff8e00;
          padding: 10px;
          font-size: 1.5rem;
          line-height: 180%; }
        #venue_detail .vd_box01 .vd_inrBox01 .vd_inrBoxfl02 .vd_ttlBox01 .vd_txtColor02 {
          padding: 10px 10px 0 10px;
          font-size: 1.5rem;
          line-height: 180%; }
    #venue_detail .vd_box01 .vd_inrBox02 {
      margin: 0 15px; }
      #venue_detail .vd_box01 .vd_inrBox02 .map_pc {
        width: 1000px;
        height: 400px; }
      #venue_detail .vd_box01 .vd_inrBox02 .map_sp {
        display: none; }
  #venue_detail .vd_box02 {
    display: flex;
    margin-bottom: 20px; }
    #venue_detail .vd_box02 dt {
      width: 220px;
      float: left;
      background-color: #ff8e00;
      font-size: 1.5rem;
      font-weight: bold;
      color: #fff;
      line-height: 160%;
      margin: 0 20px 0 0;
      padding: 20px; }
    #venue_detail .vd_box02 dd {
      width: 860px;
      float: left;
      background-color: #fff;
      font-size: 1.5rem;
      color: #333;
      line-height: 160%;
      padding: 20px; }
    #venue_detail .vd_box02 .icoArea img {
      padding: 0 0 10px;
      width: 60px;
      height: 88px; }
    #venue_detail .vd_box02 .vd_inrBox04 ul li {
      list-style-type: none !important;
      list-style-image: none !important;
      position: relative;
      padding-left: 15px; }
    #venue_detail .vd_box02 .vd_inrBox04 ul li:after {
      content: '';
      display: block;
      position: absolute;
      background: #333333;
      width: 10px;
      height: 10px;
      top: 7px;
      left: 2px;
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      -o-transform: rotate(-45deg); }
    #venue_detail .vd_box02 .vd_inrBox29 img, #venue_detail .vd_box02 .vd_inrBox30 img {
      padding: 0 20px 0 0; }
  #venue_detail .vd_h2Ttl {
    padding: 20px;
    width: 100%;
    height: 55px;
    font-size: 1.5rem;
    line-height: 110%;
    background-color: #ff8e00;
    color: #fff;
    font-weight: bold;
    margin: 0 0 20px; }
  #venue_detail .vd_box03 {
    padding: 0 0 30px;
    background-color: #fff; }
  #venue_detail .vd_result .json_data_rakuza .event_list_header, #venue_detail .vd_result .json_data_rakuza .event_list_rec {
    display: table;
    font-size: 0;
    padding: 0 0 5px;
    height: 100%; }
  #venue_detail .vd_result .json_data_rakuza .event_list_rec:nth-child(odd) li {
    background: #f2f2f2; }
  #venue_detail .vd_result .json_data_rakuza {
    margin: 0 auto;
    padding: 0;
    background-color: #fff;
    z-index: 5; }
    #venue_detail .vd_result .json_data_rakuza h3 {
      color: #ef9538;
      font-weight: bold;
      background: url(../img/top/searchListBg.gif) no-repeat center 30px;
      width: 875px;
      margin: 0 auto 0;
      text-align: center;
      padding: 75px 0 20px 0; }
    #venue_detail .vd_result .json_data_rakuza .event_list_header {
      color: #000;
      text-align: center;
      padding: 10px 0;
      margin: 0 1px;
      font-size: 1.2rem;
      font-weight: bold;
      border-collapse: separate;
      border-spacing: 3px 0; }
      #venue_detail .vd_result .json_data_rakuza .event_list_header li {
        display: table-cell;
        color: #fff;
        background: #b5b5b5;
        text-align: center;
        padding: 10px 0;
        margin: 0 1px;
        font-size: 13px;
        vertical-align: middle; }
        #venue_detail .vd_result .json_data_rakuza .event_list_header li span {
          font-size: 1.1rem;
          line-height: 160%; }
      #venue_detail .vd_result .json_data_rakuza .event_list_header li:nth-child(1) {
        width: 125px !important; }
      #venue_detail .vd_result .json_data_rakuza .event_list_header li:nth-child(2) {
        width: 545px; }
      #venue_detail .vd_result .json_data_rakuza .event_list_header li:nth-child(3) {
        width: 100px; }
      #venue_detail .vd_result .json_data_rakuza .event_list_header li:nth-child(4) {
        width: 120px; }
      #venue_detail .vd_result .json_data_rakuza .event_list_header li:nth-child(5) {
        width: 120px; }
    #venue_detail .vd_result .json_data_rakuza .event_list_rec {
      color: #000;
      background: #fff;
      text-align: center;
      padding: 0 0;
      margin: 0 1px;
      font-size: 1.3rem;
      border-collapse: separate;
      border-spacing: 3px 0; }
      #venue_detail .vd_result .json_data_rakuza .event_list_rec li {
        display: table-cell;
        color: #000;
        background: #fff;
        text-align: center;
        padding: 10px;
        margin: 0 1px;
        vertical-align: middle; }
        #venue_detail .vd_result .json_data_rakuza .event_list_rec li img {
          width: 60px; }
        #venue_detail .vd_result .json_data_rakuza .event_list_rec li a {
          color: #1d2087; }
      #venue_detail .vd_result .json_data_rakuza .event_list_rec li:nth-child(1) {
        width: 125px !important;
        font-weight: 500; }
      #venue_detail .vd_result .json_data_rakuza .event_list_rec li:nth-child(2) {
        width: 545px;
        text-align: left; }
      #venue_detail .vd_result .json_data_rakuza .event_list_rec li:nth-child(3) {
        width: 100px; }
      #venue_detail .vd_result .json_data_rakuza .event_list_rec li:nth-child(4) {
        width: 120px; }
      #venue_detail .vd_result .json_data_rakuza .event_list_rec li:nth-child(5) {
        width: 120px; }
  #venue_detail .vd_resultBtn01 {
    text-decoration: none; }
    #venue_detail .vd_resultBtn01 p {
      background-color: #ff6c00;
      color: #fff;
      text-align: center;
      vertical-align: middle;
      margin: 20px auto 30px;
      width: 250px;
      height: 40px;
      font-size: 1.5rem;
      line-height: 200%;
      padding: 5px 0 0px 0px;
      cursor: pointer; } }
.questionArea {
  background: #fff;
  width: 1100px;
  margin: 0 auto 10px;
  display: table; }
  @media only screen and (max-width: 768px) {
    .questionArea {
      width: 90%; } }
  .questionArea__title {
    display: table-cell;
    width: 150px;
    border-right: #f6f6f6 1px solid;
    text-align: center;
    vertical-align: middle;
    font-size: 1.8rem;
    font-weight: bold; }
    @media only screen and (max-width: 768px) {
      .questionArea__title {
        width: 27%;
        text-align: left;
        padding-left: 10px;
        line-height: 1.25;
        font-size: 1.6rem; } }
  .questionArea__item {
    display: table-cell;
    width: 950px;
    padding: 20px; }
    @media only screen and (max-width: 768px) {
      .questionArea__item {
        width: 73%;
        padding: 10px; } }

.formList {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center; }
  @media only screen and (max-width: 768px) {
    .formList {
      flex-wrap: wrap; } }
  .formList__item {
    margin-right: 1em; }
    @media only screen and (max-width: 768px) {
      .formList__item {
        margin-bottom: 10px; } }
    .formList__item:last-child {
      margin-right: 0; }
    .formList__item input[type="checkbox"] {
      display: none; }
    .formList__item label {
      color: #fff;
      border-radius: 1em;
      font-size: 1.2rem;
      text-align: center;
      margin-left: 2em;
      position: relative;
      line-height: 1;
      padding: 3px; }
      .formList__item label.sosaichi, .formList__item label.futsal, .formList__item label.soccer, .formList__item label.beach, .formList__item label.camp {
        width: 94px; }
        @media only screen and (max-width: 768px) {
          .formList__item label.sosaichi, .formList__item label.futsal, .formList__item label.soccer, .formList__item label.beach, .formList__item label.camp {
            width: 88px;
            padding: 2px;
            font-size: 1.0rem; } }
      .formList__item label.sosaichi {
        background: #1abc9c;
        letter-spacing: 0.07em; }
      .formList__item label.futsal {
        background: #2ecc71;
        letter-spacing: 0.07em; }
      .formList__item label.soccer {
        background: #3498db;
        letter-spacing: 0.07em; }
      .formList__item label.beach {
        background: #34495e;
        letter-spacing: 0.01em; }
      .formList__item label.camp {
        background: #000;
        letter-spacing: 1.5em;
        text-indent: 1.5em; }
      .formList__item label::before, .formList__item label::after {
        position: absolute;
        content: '';
        transition: all 0.2s; }
      .formList__item label::before {
        top: 50%;
        left: -21px;
        width: 14px;
        height: 14px;
        margin-top: -8px;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 3px; }
      .formList__item label::after {
        opacity: 0;
        top: 50%;
        left: -18px;
        width: 8px;
        height: 4px;
        margin-top: -4px;
        border-left: 2px solid #444;
        border-bottom: 2px solid #444;
        transform: rotate(-45deg) scale(0.5); }
      .formList__item label:hover {
        cursor: pointer; }
    .formList__item input[type="checkbox"]:checked + label::before {
      border: 1px solid #444; }
    .formList__item input[type="checkbox"]:checked + label::after {
      opacity: 1;
      transform: rotate(-45deg) scale(1); }
  .formList__outer {
    background: #f6f6f6;
    border-radius: 5px;
    display: inline-block;
    padding: 5px; }
  .formList__text {
    border: none;
    background: #f6f6f6;
    font-size: 1.8rem;
    padding: 5px; }
    @media only screen and (max-width: 768px) {
      .formList__text {
        width: 70%; } }
    @media only screen and (max-width: 768px) {
      .formList__text::placeholder {
        font-size: 1.5rem;
        color: #ccc; } }
    .formList__text:focus {
      outline: 0; }
      .formList__text:focus::placeholder {
        color: transparent; }

#eventDate .formList__outer,
#campDate .formList__outer {
  width: 365px;
  position: relative; }
  @media only screen and (max-width: 768px) {
    #eventDate .formList__outer,
    #campDate .formList__outer {
      width: 100% !important; } }
#eventDate .formList__text,
#campDate .formList__text {
  width: 300px; }
  @media only screen and (max-width: 768px) {
    #eventDate .formList__text,
    #campDate .formList__text {
      width: 70%; } }
#eventDate .ui-datepicker-trigger,
#campDate .ui-datepicker-trigger {
  background: #fff;
  padding: 9px 15px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%); }

#keyword .formList__text,
#campKeyword .formList__text {
  width: 700px; }
  @media only screen and (max-width: 768px) {
    #keyword .formList__text,
    #campKeyword .formList__text {
      width: 100%; } }

.questionTab {
  width: 1100px;
  margin: 0 auto 10px; }
  @media only screen and (max-width: 768px) {
    .questionTab {
      width: 90%; } }
  .questionTab__title {
    background: #e6e6e6;
    padding: 5px 35px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #333;
    cursor: pointer;
    transition: all 0.2s linear;
    position: relative; }
    @media only screen and (max-width: 768px) {
      .questionTab__title {
        padding: 5px 10px;
        font-size: 1.5rem; } }
    .questionTab__title:hover {
      opacity: 0.8; }
      @media only screen and (max-width: 768px) {
        .questionTab__title:hover {
          opacity: 1.0; } }
    .questionTab__title::after {
      font-family: "Font Awesome 5 Free";
      content: "\f107";
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 35px; }
      @media only screen and (max-width: 768px) {
        .questionTab__title::after {
          right: 20px; } }
    .questionTab__title.is-active::after {
      content: "\f106"; }
  .questionTab__item {
    background: #fff;
    padding: 20px 35px;
    display: none; }
    @media only screen and (max-width: 768px) {
      .questionTab__item {
        padding: 10px; } }

.table {
  width: 100%;
  border-collapse: collapse;
  border-top: #eee 1px solid; }
  .table__list th,
  .table__list td {
    font-size: 1.2rem;
    color: #4b4b4b;
    padding: 15px;
    text-align: left; }
    @media only screen and (max-width: 768px) {
      .table__list th,
      .table__list td {
        padding: 5px; } }
  .table__list th {
    background: #eee;
    width: 150px;
    vertical-align: top; }
    @media only screen and (max-width: 768px) {
      .table__list th {
        width: 30%; } }
  .table__list td {
    width: 880px;
    border-bottom: #eee 1px solid;
    border-right: #eee 1px solid; }
    @media only screen and (max-width: 768px) {
      .table__list td {
        width: 70%; } }

@media only screen and (max-width: 768px) {
  #competition .formList__item,
  #competition_c .formList__item {
    width: 50%;
    margin: 5px 0; } }
@media only screen and (max-width: 768px) {
  #competition .formList__item label,
  #competition_c .formList__item label {
    width: 88px;
    font-size: 1rem;
    padding: 2px; } }

#prefecture .formList__item label,
#campPrefecture .formList__item label,
#place .formList__item label,
#campPlace .formList__item label {
  color: #333;
  padding: 0; }
@media only screen and (max-width: 768px) {
  #prefecture .table,
  #campPrefecture .table,
  #place .table,
  #campPlace .table {
    margin-bottom: 0; } }

#place td,
#campPlace td {
  padding-bottom: 0; }
#place .formList,
#campPlace .formList {
  display: block;
  overflow: hidden;
  position: relative;
  zoom: 1; }
  #place .formList__item,
  #campPlace .formList__item {
    width: 50%;
    margin-right: 0;
    float: left; }
    @media only screen and (max-width: 768px) {
      #place .formList__item,
      #campPlace .formList__item {
        width: 100%;
        float: none; } }
    @media only screen and (max-width: 768px) {
      #place .formList__item label,
      #campPlace .formList__item label {
        line-height: 150%;
        text-align: left; } }

.place__category {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 2px;
  margin-bottom: 15px; }
  @media only screen and (max-width: 768px) {
    .place__category {
      flex-wrap: wrap;
      margin-bottom: 5px; } }
  .place__category li {
    color: #fff;
    border-radius: 1em;
    font-size: 1.2rem;
    text-align: center;
    margin-right: 5px;
    line-height: 1;
    padding: 3px; }
    @media only screen and (max-width: 768px) {
      .place__category li {
        font-size: 1.0rem;
        margin: 0 5px 5px 0;
        padding: 2px; } }
    .place__category li:last-child {
      margin-right: 0; }
    .place__category li.sosaichi, .place__category li.futsal, .place__category li.soccer, .place__category li.beach {
      width: 94px; }
      @media only screen and (max-width: 768px) {
        .place__category li.sosaichi, .place__category li.futsal, .place__category li.soccer, .place__category li.beach {
          width: 88px;
          padding: 2px;
          font-size: 1.0rem; } }
    .place__category li.sosaichi {
      background: #1abc9c;
      letter-spacing: 0.07em; }
    .place__category li.futsal {
      background: #2ecc71;
      letter-spacing: 0.07em; }
    .place__category li.soccer {
      background: #3498db;
      letter-spacing: 0.07em; }
    .place__category li.beach {
      background: #34495e;
      letter-spacing: 0.01em; }

#category,
#campCategory {
  /*
  .category__1 label{background: #310081;}
  .category__2 label{background: #00a8e5;}
  .category__3 label{background: #e95413;}
  .category__4 label{background: #f7b52c;}
  .category__5 label{background: #900782;}
  .category__6 label{background: #cd2e7c;}
  .category__7 label{background: #009139;}
  .category__8 label{background: #de5530;}
  .category__9 label{background: #000000;}
  .category__10 label{background: #63615f;}
  */ }
  #category .formList,
  #campCategory .formList {
    flex-wrap: wrap;
    align-items: flex-start; }
    @media only screen and (max-width: 768px) {
      #category .formList__item,
      #campCategory .formList__item {
        margin: 0 5px 5px 0; } }
    #category .formList__item p,
    #campCategory .formList__item p {
      text-align: center;
      font-size: 1rem;
      margin-top: 3px;
      padding-left: 28px;
      line-height: 1; }
      @media only screen and (max-width: 768px) {
        #category .formList__item p,
        #campCategory .formList__item p {
          padding-left: 19px; } }
    #category .formList__item label,
    #campCategory .formList__item label {
      padding: 0 0 0 5px; }
      @media only screen and (max-width: 768px) {
        #category .formList__item label,
        #campCategory .formList__item label {
          padding: 0; } }
      #category .formList__item label img,
      #campCategory .formList__item label img {
        width: 60px;
        height: auto;
        vertical-align: middle;
        -webkit-backface-visibility: hidden; }
        @media only screen and (max-width: 768px) {
          #category .formList__item label img,
          #campCategory .formList__item label img {
            width: 50px; } }

.btnArea__list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin-top: 20px; }
.btnArea__item {
  margin: 0 10px;
  width: 250px; }
  @media only screen and (max-width: 768px) {
    .btnArea__item {
      width: 35%;
      margin-bottom: 50px; } }
.btnArea #confirm,
.btnArea #campConfirm,
.btnArea #reset,
.btnArea #campReset {
  width: 250px;
  text-align: center;
  border: #ff6c00 2px solid;
  font-size: 1.5rem;
  padding: 10px;
  cursor: pointer; }
  @media only screen and (max-width: 768px) {
    .btnArea #confirm,
    .btnArea #campConfirm,
    .btnArea #reset,
    .btnArea #campReset {
      width: 100%;
      -webkit-appearance: none;
      border-radius: 0;
      padding: 5px;
      border-width: 1px; } }
.btnArea #confirm,
.btnArea #campConfirm {
  background: #ff6c00;
  color: #fff; }
  .btnArea #confirm:hover,
  .btnArea #campConfirm:hover {
    background: #fff;
    color: #ff6c00; }
.btnArea #reset,
.btnArea #campReset {
  background: #fff;
  color: #ff6c00; }
  .btnArea #reset:hover,
  .btnArea #campReset:hover {
    background: #ff6c00;
    color: #fff; }

#resultList {
  background: #fff;
  width: 1100px;
  margin: 50px auto;
  padding: 35px; }
  @media only screen and (max-width: 768px) {
    #resultList {
      width: 90%;
      margin: 50px auto;
      padding: 0 0 30px; } }

.resultList__table {
  width: 100%;
  border-collapse: collapse; }
  @media only screen and (max-width: 768px) {
    .resultList__table thead {
      display: none; } }
  .resultList__table thead th {
    background: #b5b5b5;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 15px;
    border-right: #fff 2px solid; }
  .resultList__table tbody tr:nth-child(even) td {
    background: #f2f2f2; }
  .resultList__table tbody tr td {
    font-size: 1.3rem;
    padding: 15px;
    border-right: #fff 2px solid;
    font-weight: 500; }
    @media only screen and (max-width: 768px) {
      .resultList__table tbody tr td {
        width: 100%;
        display: block;
        padding: 5px;
        padding-left: 75px;
        border: none; } }
    .resultList__table tbody tr td:first-child {
      text-align: center; }
      @media only screen and (max-width: 768px) {
        .resultList__table tbody tr td:first-child {
          padding-top: 10px;
          text-align: left; } }
    @media only screen and (max-width: 768px) {
      .resultList__table tbody tr td:last-child {
        padding-bottom: 10px; } }
    @media only screen and (max-width: 768px) {
      .resultList__table tbody tr td:nth-child(3) {
        display: none; } }
    .resultList__table tbody tr td:nth-child(4) {
      text-align: center;
      vertical-align: middle; }
      @media only screen and (max-width: 768px) {
        .resultList__table tbody tr td:nth-child(4) {
          text-align: left; } }
    .resultList__table tbody tr td .saturday {
      color: #00f; }
    .resultList__table tbody tr td .sunday,
    .resultList__table tbody tr td .holiday {
      color: #f00; }
    .resultList__table tbody tr td a {
      color: #1d2087; }
      .resultList__table tbody tr td a.btn-primary {
        color: #fff; }
      .resultList__table tbody tr td a:hover {
        text-decoration: none; }
    .resultList__table tbody tr td .sp-icon {
      display: none; }
      @media only screen and (max-width: 768px) {
        .resultList__table tbody tr td .sp-icon {
          display: inline-block;
          background: #b5b5b5;
          color: #fff;
          padding: 1px 3px;
          margin-right: 10px;
          text-align: center;
          width: 60px;
          margin-left: -68px; } }
.resultList__date {
  width: 140px; }
  @media only screen and (max-width: 768px) {
    .resultList__date {
      width: auto; } }
.resultList__name {
  width: 390px; }
  @media only screen and (max-width: 768px) {
    .resultList__name {
      width: auto; } }
.resultList__result {
  width: 80px; }
  @media only screen and (max-width: 768px) {
    .resultList__result {
      width: auto; } }
.resultList__time {
  display: none; }
  @media only screen and (max-width: 768px) {
    .resultList__time {
      display: inline-block;
      color: #000; } }

.pagination {
  margin-top: 30px;
  display: block !important; }
  @media only screen and (max-width: 768px) {
    .pagination {
      margin-bottom: 30px; } }
  .pagination__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
  .pagination__item {
    margin: 0 5px 10px; }
    .pagination__item a {
      display: block;
      background: #ff6c00;
      border: #ff6c00 1px solid;
      color: #fff;
      font-size: 1.5rem;
      padding: 7px 15px;
      text-decoration: none; }
      @media only screen and (max-width: 768px) {
        .pagination__item a {
          font-size: 1.2rem;
          padding: 4px 10px; } }
      .pagination__item a:hover, .pagination__item a.is-current {
        background: #fff;
        color: #ff6c00; }
      .pagination__item a.is-disable {
        opacity: 0.25;
        cursor: default;
        pointer-events: none; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-radius: 0; }

.ui-datepicker .ui-datepicker-title {
  text-align: left;
  margin: 0 1em; }

.ui-widget-content {
  background: #fff;
  border: #e9e9e9 1px solid;
  padding-bottom: 50px; }

.ui-datepicker .ui-datepicker-header {
  background: #eee;
  font-size: 12px;
  color: #000;
  border: none;
  position: static; }

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: none;
  background: none;
  color: #333; }

.ui-datepicker td span,
.ui-datepicker td a {
  text-align: center; }

.ui-datepicker-calendar td {
  border: #fff 1px solid; }

.ui-datepicker-calendar td:first-child {
  background: #e74c3c; }

.ui-datepicker-calendar td.holiday {
  background: #e74c3c !important; }
  .ui-datepicker-calendar td.holiday a {
    color: #fff !important; }

.ui-datepicker-calendar td:last-child {
  background: #3498db;
  color: #fff !important; }

.ui-datepicker-calendar td:first-child .ui-state-default,
.ui-datepicker-calendar td:last-child .ui-state-default {
  color: #fff !important; }

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  top: auto;
  bottom: -10px; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  top: auto;
  bottom: 5px;
  background: #eeeeee;
  cursor: pointer;
  padding: 0 25px; }

.ui-widget-header .ui-icon {
  background: url(../img/result/datepicker_left.png) center center no-repeat; }

.ui-widget-header .ui-icon.ui-icon-circle-triangle-e {
  background: url(../img/result/datepicker_right.png) center center no-repeat; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  position: relative; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: none; }

.result .headArea {
  width: 1100px;
  margin: 100px auto;
  text-align: center; }
  @media only screen and (max-width: 768px) {
    .result .headArea {
      width: 100%;
      padding: 0 20px;
      margin: 20px auto; } }
  .result .headArea__title {
    font-size: 2.4rem;
    font-weight: bold; }
    @media only screen and (max-width: 768px) {
      .result .headArea__title {
        font-size: 1.6rem; } }
  .result .headArea__date {
    font-size: 2.4rem; }
    @media only screen and (max-width: 768px) {
      .result .headArea__date {
        font-size: 1.6rem; } }
    .result .headArea__date .saturday {
      color: #00f; }
    .result .headArea__date .sunday, .result .headArea__date .holiday {
      color: #f00; }
.result .contentsArea {
  background: #fff;
  width: 1100px;
  margin: 0 auto;
  padding: 40px; }
  @media only screen and (max-width: 768px) {
    .result .contentsArea {
      width: 100%;
      padding: 10px; } }
  .result .contentsArea__title {
    background: #ff8e00;
    color: #fff;
    font-size: 1.5rem;
    padding: 10px 20px; }
    @media only screen and (max-width: 768px) {
      .result .contentsArea__title {
        padding: 5px 10px;
        margin-top: 10px; } }
  .result .contentsArea__title2 {
    color: #333333;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 10px 20px; }
    @media only screen and (max-width: 768px) {
      .result .contentsArea__title2 {
        padding: 10px 0 0; } }
.result .dataArea {
  margin-bottom: 30px; }
  @media only screen and (max-width: 768px) {
    .result .dataArea {
      margin-bottom: 10px; } }
  .result .dataArea__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch; }
  .result .dataArea__item {
    width: 50%;
    margin-bottom: 10px; }
    @media only screen and (max-width: 768px) {
      .result .dataArea__item:nth-child(3) {
        width: 100%; } }
    @media only screen and (max-width: 768px) {
      .result .dataArea__item:nth-child(3) .dataArea__data {
        display: block; } }
    @media only screen and (max-width: 768px) {
      .result .dataArea__item:nth-child(3) .dataArea__data__title {
        text-align: left;
        padding-left: 10px; } }
    @media only screen and (max-width: 768px) {
      .result .dataArea__item:nth-child(3) .dataArea__data__text {
        padding-top: 5px;
        color: #000; } }
  .result .dataArea__data {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center; }
    .result .dataArea__data__title {
      width: 100px;
      background: #b5b5b5;
      text-align: center;
      color: #fff;
      font-size: 1.5rem;
      padding: 5px 10px; }
      @media only screen and (max-width: 768px) {
        .result .dataArea__data__title {
          font-size: 1.5rem;
          padding: 5px;
          width: 100%; } }
    .result .dataArea__data__text {
      font-size: 1.5rem;
      padding: 5px 10px; }
      @media only screen and (max-width: 768px) {
        .result .dataArea__data__text {
          padding: 0 5px;
          width: 100%; } }
    .result .dataArea__data__category {
      color: #fff;
      border-radius: 1em;
      font-size: 1.2rem;
      text-align: center;
      line-height: 1;
      padding: 3px; }
      @media only screen and (max-width: 768px) {
        .result .dataArea__data__category {
          font-size: 1rem;
          padding: 2px;
          width: 88px;
          display: block; } }
      .result .dataArea__data__category.sosaichi, .result .dataArea__data__category.futsal, .result .dataArea__data__category.soccer, .result .dataArea__data__category.beach, .result .dataArea__data__category.camp {
        width: 94px;
        display: block; }
      .result .dataArea__data__category.sosaichi {
        background: #1abc9c;
        letter-spacing: 0.07em; }
      .result .dataArea__data__category.futsal {
        background: #2ecc71;
        letter-spacing: 0.07em; }
      .result .dataArea__data__category.soccer {
        background: #3498db;
        letter-spacing: 0.07em; }
      .result .dataArea__data__category.beach {
        background: #34495e;
        letter-spacing: 0.01em; }
    .result .dataArea__data__place {
      color: #ff8e00; }
.result__winner {
  padding: 20px;
  font-size: 2.4rem;
  font-weight: bold; }
  @media only screen and (max-width: 768px) {
    .result__winner {
      padding: 5px 0 0;
      font-size: 1.8rem; } }
.result__comment {
  padding: 20px;
  font-size: 1.5rem; }
  @media only screen and (max-width: 768px) {
    .result__comment {
      padding: 0; } }
  .result__comment p {
    padding-top: 1em; }
.result__list__midashi {
  margin-top: 20px;
  font-weight: bold; }
.result__list__text {
  margin-top: 5px;
  color: #44aaee; }
.result__mark {
  color: #777777;
  font-size: 1.2rem;
  text-align: right;
  margin-top: 5px; }
.result .table__outer {
  width: 100%;
  overflow-x: auto; }
  @media only screen and (max-width: 768px) {
    .result .table__outer:last-child {
      margin-bottom: 20px; } }
.result__table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px;
  margin-bottom: 30px; }
  @media only screen and (max-width: 768px) {
    .result__table {
      width: auto;
      margin-bottom: 0; } }
  .result__table thead th {
    background: #b5b5b5;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 1.5rem; }
    @media only screen and (max-width: 768px) {
      .result__table thead th {
        white-space: nowrap;
        font-size: 1.2rem; } }
    @media only screen and (max-width: 768px) {
      .result__table thead th.sticky {
        position: -webkit-sticky;
        /* Safari */
        position: sticky;
        left: 0; } }
  .result__table tbody tr:nth-child(even) {
    background: #f2f2f2; }
    @media only screen and (max-width: 768px) {
      .result__table tbody tr:nth-child(even) td.sticky {
        background: #f2f2f2; } }
  .result__table tbody th, .result__table tbody td {
    text-align: center;
    padding: 10px;
    font-size: 1.5rem;
    vertical-align: middle; }
    @media only screen and (max-width: 768px) {
      .result__table tbody th, .result__table tbody td {
        padding: 8px;
        white-space: nowrap;
        font-size: 1.2rem; } }
    @media only screen and (max-width: 768px) {
      .result__table tbody th.sticky, .result__table tbody td.sticky {
        position: -webkit-sticky;
        /* Safari */
        position: sticky;
        left: 0;
        background: #fff; } }
  .result__table tbody th {
    background: #b5b5b5;
    color: #fff;
    padding: 5px;
    width: 30px; }
    @media only screen and (max-width: 768px) {
      .result__table tbody th {
        padding: 5px;
        width: auto; } }
  .result__table tbody td {
    width: 6%; }
    @media only screen and (max-width: 768px) {
      .result__table tbody td {
        width: auto; } }
    .result__table tbody td:nth-child(2) {
      width: auto;
      text-align: left; }
.result__match {
  padding: 30px 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center; }
  @media only screen and (max-width: 768px) {
    .result__match {
      padding: 10px 0 0; } }
  .result__match__winner, .result__match__loser {
    font-size: 1.5rem;
    color: #333;
    text-align: center;
    padding: 20px;
    width: 250px; }
    @media only screen and (max-width: 768px) {
      .result__match__winner, .result__match__loser {
        width: 40%;
        padding: 5px 10px; } }
  .result__match__winner {
    border: #ff8e00 5px solid; }
    @media only screen and (max-width: 768px) {
      .result__match__winner {
        border-width: 2px; } }
  .result__match__loser {
    background: #f2f2f2;
    border: #f2f2f2 5px solid; }
  .result__match__score {
    width: 100px;
    padding: 20px;
    font-size: 1.5rem;
    color: #333;
    text-align: center;
    font-weight: bold;
    line-height: 1.25; }
    @media only screen and (max-width: 768px) {
      .result__match__score {
        width: 20%;
        padding: 10px; } }
.result__gallery {
  padding: 30px 0; }
  @media only screen and (max-width: 768px) {
    .result__gallery {
      padding: 15px 0; } }
  .result__gallery__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch; }
    @media only screen and (max-width: 768px) {
      .result__gallery__list {
        justify-content: space-between; } }
  .result__gallery__item {
    margin-right: 20px; }
    @media only screen and (max-width: 768px) {
      .result__gallery__item {
        width: 49%;
        margin: 0 0 10px; } }
    .result__gallery__item:nth-child(4n) {
      margin-right: 0; }
    @media only screen and (max-width: 768px) {
      .result__gallery__item img {
        width: 100%;
        height: auto; } }
.result__footer {
  padding: 30px; }
  @media only screen and (max-width: 768px) {
    .result__footer {
      padding-top: 0;
      padding-bottom: 40px; } }
  .result__footer__btn {
    width: 270px;
    margin: 0 auto; }
    .result__footer__btn a {
      width: 100%;
      display: block;
      border: #ff6c00 2px solid;
      background: #ff6c00;
      text-align: center;
      color: #fff;
      padding: 10px;
      text-decoration: none;
      font-size: 1.5rem; }
      @media only screen and (max-width: 768px) {
        .result__footer__btn a {
          padding: 5px; } }
      .result__footer__btn a:hover {
        background: #fff;
        color: #ff6c00; }

.newsContents {
  margin-bottom: 50px; }
  @media only screen and (max-width: 768px) {
    .newsContents {
      width: 100%;
      padding: 0 10px; } }
  .newsContents a {
    text-decoration: none;
    color: #333; }

.newsList {
  width: 1100px;
  margin: 0 auto;
  display: table; }
  @media only screen and (max-width: 768px) {
    .newsList {
      width: 100%;
      box-sizing: border-box; } }

.newsNav {
  margin-top: 50px; }
  .newsNav .newsBox01 {
    display: flex;
    margin-bottom: 50px;
    width: 100%;
    padding: 0px; }
    @media only screen and (max-width: 768px) {
      .newsNav .newsBox01 {
        display: block;
        padding: 0 10px; } }
  .newsNav .newsInrBox01,
  .newsNav .newsInrBox02 {
    display: flex;
    margin-right: 20px;
    width: 540px;
    background-color: #fff;
    position: relative;
    overflow: hidden; }
    @media only screen and (max-width: 768px) {
      .newsNav .newsInrBox01,
      .newsNav .newsInrBox02 {
        margin-bottom: 10px;
        display: flex;
        width: 100%;
        box-sizing: border-box; } }
    .newsNav .newsInrBox01 span,
    .newsNav .newsInrBox02 span {
      font-family: 'Abel', sans-serif;
      font-size: 18px;
      width: 150px;
      padding: 14px 0;
      text-align: center;
      border-right: 1px solid #f6f6f6; }
      @media only screen and (max-width: 768px) {
        .newsNav .newsInrBox01 span,
        .newsNav .newsInrBox02 span {
          width: 25%;
          height: 45px;
          margin: 0 10px 0 0;
          padding: 15px 0 0 0;
          font-size: 1.2rem;
          display: inline-block; } }
    .newsNav .newsInrBox01::after,
    .newsNav .newsInrBox02::after {
      content: "";
      display: block;
      width: 10px;
      height: 10px;
      border-top: solid 2px #333333;
      border-right: solid 2px #333333;
      transform: rotate(135deg);
      color: inherit;
      position: absolute;
      top: 24px;
      right: 27px; }
      @media only screen and (max-width: 768px) {
        .newsNav .newsInrBox01::after,
        .newsNav .newsInrBox02::after {
          width: 7px;
          height: 7px;
          top: 19px; } }
  .newsNav .extraction01,
  .newsNav .extraction02 {
    margin: 10px;
    padding: 0 10px;
    width: 345px;
    height: 42px;
    display: inline-table;
    border-radius: 5px;
    background-color: #f6f6f6;
    border: none;
    font-weight: bold;
    font-size: 1.6rem;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    float: left; }
    .newsNav .extraction01:active,
    .newsNav .extraction02:active {
      background-color: #f6f6f6; }
    @media only screen and (max-width: 768px) {
      .newsNav .extraction01,
      .newsNav .extraction02 {
        width: 66%;
        height: 30px;
        font-size: 1.2rem; } }
  .newsNav .custom-select {
    background-image: none; }

a .newsDetail:hover {
  background-color: #fafafa; }

.newsDetail {
  width: 1100px;
  padding: 15px 15px;
  background-color: #fff;
  display: flex;
  margin-bottom: 10px;
  font-size: 15px;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .newsDetail {
      box-sizing: border-box;
      width: 100%;
      padding: 10px;
      display: inline-block; } }
  .newsDetail i {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -.5em; }
    @media only screen and (max-width: 768px) {
      .newsDetail i {
        right: 10px; } }
  .newsDetail .data {
    font-family: 'Abel', sans-serif;
    font-style: italic;
    color: #ff8e00;
    padding: 0 10px;
    margin-right: 10px;
    margin-top: 2px; }
    @media only screen and (max-width: 768px) {
      .newsDetail .data {
        float: left;
        padding-left: 0;
        letter-spacing: 0.07em; } }
  .newsDetail .icon {
    margin-right: 10px;
    margin-top: 2px; }
    @media only screen and (max-width: 768px) {
      .newsDetail .icon {
        float: left;
        margin-top: 0; } }
  .newsDetail .title {
    line-height: 180%;
    margin-right: 20px; }
    @media only screen and (max-width: 768px) {
      .newsDetail .title {
        box-sizing: border-box;
        clear: both;
        display: block;
        width: 95%; } }

.newsWrapper {
  margin: 0 auto;
  display: table;
  box-sizing: border-box; }
  .newsWrapper .inner {
    width: 1100px;
    padding: 50px 35px;
    background-color: #fff; }
    @media only screen and (max-width: 768px) {
      .newsWrapper .inner {
        width: 94%;
        margin: 0 auto;
        padding: 20px; } }
  .newsWrapper .title {
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 0.15em;
    text-align: left;
    line-height: 180%;
    background: #fff;
    margin: 0 auto;
    padding: 25px 0;
    border-bottom: 1px solid #333;
    border-top: 1px solid #333; }
    @media only screen and (max-width: 768px) {
      .newsWrapper .title {
        padding: 10px 0;
        line-height: 150%; } }
  .newsWrapper .tags {
    clear: both;
    display: flex;
    justify-content: flex-end;
    padding: 20px 0; }
  .newsWrapper .data {
    font-size: 1.5rem;
    font-family: 'Abel', sans-serif;
    font-style: italic; }
  .newsWrapper .icon {
    margin-right: 10px;
    margin-top: -2px; }
    @media only screen and (max-width: 768px) {
      .newsWrapper .icon {
        float: left; } }
  .newsWrapper .content {
    font-size: 1.5rem;
    line-height: 200%;
    letter-spacing: 0.07em; }
    .newsWrapper .content p {
      padding-bottom: 20px; }
    .newsWrapper .content a {
      color: #ff8e00;
      text-decoration: none;
      border: none; }
    @media only screen and (max-width: 768px) {
      .newsWrapper .content img {
        max-width: 100%;
        height: auto; } }

/*
 * Mixin for placeholder
 * @include placeholderColor(#00ff00);
 */
#mypage {
  letter-spacing: 0.05em; }
  #mypage ::placeholder {
    font-size: 1.5rem; }
  #mypage .alert {
    font-size: 1.5rem;
    margin-bottom: 20px; }
    #mypage .alert .alert-heading {
      margin-bottom: .5rem;
      font-weight: bold;
      line-height: 1.8em;
      color: inherit; }
      #mypage .alert .alert-heading a {
        text-decoration: none !important; }
    #mypage .alert p {
      font-weight: normal; }
    #mypage .alert.info {
      margin-bottom: 200px; }
  @media only screen and (max-width: 768px) {
    #mypage .btnArea__item {
      width: 250px;
      margin-bottom: 5px; } }
  #mypage .btnArea__item a {
    color: #fff !important;
    text-decoration: none !important;
    display: block; }
    #mypage .btnArea__item a:hover {
      color: #ff6c00 !important; }
    @media only screen and (max-width: 768px) {
      #mypage .btnArea__item a {
        margin-bottom: 5px; } }
  #mypage .content {
    width: 1100px;
    margin: 0 auto; }
    #mypage .content a {
      color: #ff8e00; }
    @media only screen and (max-width: 768px) {
      #mypage .content {
        width: 100%;
        margin: 0 auto;
        padding: 0; } }
    #mypage .content .contentInner {
      background: #fff;
      width: 1100px;
      margin: 50px auto;
      padding: 35px; }
      @media only screen and (max-width: 768px) {
        #mypage .content .contentInner {
          width: 100%;
          margin: 20px auto;
          padding: 10px; } }
  #mypage .info {
    font-size: 1.5rem;
    font-weight: bold; }
    @media only screen and (max-width: 768px) {
      #mypage .info {
        margin: 0 10px; } }
  #mypage .titleWrap {
    background-color: #ff8e00;
    padding: 5px;
    clear: both;
    margin-bottom: 20px;
    position: relative; }
    #mypage .titleWrap .title {
      font-size: 1.5rem;
      color: #fff;
      font-weight: bold;
      margin: 5px 10px; }
    #mypage .titleWrap .moreBtn {
      position: absolute;
      right: 5px;
      top: 5px;
      background-color: #fff;
      padding: 7px 10px 5px;
      text-decoration: none; }
      #mypage .titleWrap .moreBtn:hover {
        background-color: #eee; }
      #mypage .titleWrap .moreBtn i {
        margin-left: 8px; }
  #mypage .infoList {
    margin-bottom: 30px; }
    #mypage .infoList ul {
      display: table;
      background-color: #f2f2f2;
      width: 100%; }
      #mypage .infoList ul:nth-child(even) {
        background-color: #fff; }
      #mypage .infoList ul:last-child {
        border-bottom: 1px solid #f2f2f2; }
      #mypage .infoList ul li {
        font-size: 1.3rem;
        padding: 7px 5px;
        display: table-cell; }
      #mypage .infoList ul li.data {
        width: 120px;
        padding-left: 20px; }
      #mypage .infoList ul li.desc {
        padding-right: 20px; }
  #mypage .mypageList {
    margin-bottom: 30px; }
    #mypage .mypageList .alert {
      margin-bottom: 100px; }
    #mypage .mypageList a {
      color: #1d2087;
      text-decoration: underline; }
      #mypage .mypageList a:hover {
        text-decoration: none; }
    #mypage .mypageList__table {
      width: 100%;
      border-collapse: collapse; }
      #mypage .mypageList__table .tableHead {
        display: table; }
        @media only screen and (max-width: 768px) {
          #mypage .mypageList__table .tableHead {
            display: none; } }
        #mypage .mypageList__table .tableHead li {
          display: table-cell;
          background: #b5b5b5;
          color: #fff;
          text-align: center;
          vertical-align: middle;
          font-size: 1.4rem;
          font-weight: bold;
          padding: 10px 5px;
          border-right: #fff 2px solid; }
          #mypage .mypageList__table .tableHead li.data {
            width: 122px; }
          #mypage .mypageList__table .tableHead li.place {
            width: 140px; }
          #mypage .mypageList__table .tableHead li.term {
            width: 158px; }
          #mypage .mypageList__table .tableHead li.name {
            width: 495px; }
          #mypage .mypageList__table .tableHead li.category {
            width: 85px; }
          #mypage .mypageList__table .tableHead li.type {
            width: 105px; }
          #mypage .mypageList__table .tableHead li.fee {
            width: 85px; }
          #mypage .mypageList__table .tableHead li.site {
            width: 85px; }
          #mypage .mypageList__table .tableHead li.receipt {
            width: 85px; }
          #mypage .mypageList__table .tableHead li.details {
            width: 85px; }
          #mypage .mypageList__table .tableHead li.result {
            width: 85px; }
          #mypage .mypageList__table .tableHead li.img {
            width: 210px; }
          #mypage .mypageList__table .tableHead li.name2 {
            width: 310px; }
          #mypage .mypageList__table .tableHead li.name3 {
            width: 475px; }
          #mypage .mypageList__table .tableHead li.name4 {
            width: 248px; }
          #mypage .mypageList__table .tableHead li.name5 {
            width: 164px; }
          #mypage .mypageList__table .tableHead li.age {
            width: 90px; }
          #mypage .mypageList__table .tableHead li.area {
            width: 90px; }
          #mypage .mypageList__table .tableHead li.link {
            width: 240px; }
          #mypage .mypageList__table .tableHead li.fee span {
            font-size: 1.1rem;
            display: block; }
        #mypage .mypageList__table .tableHead.teamMemberList li.name {
          width: 280px; }
        #mypage .mypageList__table .tableHead.teamMemberList li.dist {
          width: 250px; }
        #mypage .mypageList__table .tableHead.teamMemberList li.state {
          width: 250px; }
        #mypage .mypageList__table .tableHead.teamMemberList li.link {
          width: 250px; }
      #mypage .mypageList__table .tableBody {
        display: table; }
        #mypage .mypageList__table .tableBody:nth-child(even) {
          background: #f2f2f2; }
        @media only screen and (max-width: 768px) {
          #mypage .mypageList__table .tableBody {
            display: inline-block;
            padding-bottom: 5px; } }
        #mypage .mypageList__table .tableBody li {
          display: table-cell;
          font-size: 1.3rem;
          padding: 10px 5px;
          border-right: #fff 2px solid;
          vertical-align: middle; }
          @media only screen and (max-width: 768px) {
            #mypage .mypageList__table .tableBody li {
              display: inline-block;
              padding: 5px 10px 5px 88px;
              vertical-align: middle; }
              #mypage .mypageList__table .tableBody li:first-child {
                padding-top: 10px; }
              #mypage .mypageList__table .tableBody li:last-child {
                padding-bottom: 10px; } }
          #mypage .mypageList__table .tableBody li.data {
            text-align: center;
            width: 122px; }
            @media only screen and (max-width: 768px) {
              #mypage .mypageList__table .tableBody li.data {
                text-align: left;
                width: 100%; } }
          #mypage .mypageList__table .tableBody li.place {
            width: 140px;
            vertical-align: middle; }
            @media only screen and (max-width: 768px) {
              #mypage .mypageList__table .tableBody li.place {
                width: 100%; } }
          #mypage .mypageList__table .tableBody li.term {
            width: 158px;
            vertical-align: middle; }
            @media only screen and (max-width: 768px) {
              #mypage .mypageList__table .tableBody li.term {
                width: 100%; } }
          #mypage .mypageList__table .tableBody li.name {
            width: 495px;
            vertical-align: middle; }
            @media only screen and (max-width: 768px) {
              #mypage .mypageList__table .tableBody li.name {
                width: 100%; } }
          #mypage .mypageList__table .tableBody li.category {
            text-align: center;
            padding: 0px;
            width: 85px; }
            @media only screen and (max-width: 768px) {
              #mypage .mypageList__table .tableBody li.category {
                text-align: left;
                padding: 5px 5px 5px 88px;
                width: 46%;
                border: none; } }
          #mypage .mypageList__table .tableBody li.type {
            text-align: center;
            padding: 0px;
            width: 105px; }
            @media only screen and (max-width: 768px) {
              #mypage .mypageList__table .tableBody li.type {
                text-align: left;
                padding: 5px 5px 5px 88px;
                width: 100%; } }
            #mypage .mypageList__table .tableBody li.type .searchIcon {
              margin: 0 auto; }
              @media only screen and (max-width: 768px) {
                #mypage .mypageList__table .tableBody li.type .searchIcon {
                  margin: 0; } }
          #mypage .mypageList__table .tableBody li.details {
            text-align: center;
            padding: 0px;
            width: 85px; }
            @media only screen and (max-width: 768px) {
              #mypage .mypageList__table .tableBody li.details {
                text-align: left;
                padding: 5px 5px 5px 88px;
                width: 45%;
                border: none; } }
          #mypage .mypageList__table .tableBody li.result {
            text-align: center;
            padding: 0px;
            width: 85px; }
            @media only screen and (max-width: 768px) {
              #mypage .mypageList__table .tableBody li.result {
                text-align: left;
                padding: 5px 5px 5px 88px;
                width: 45%;
                border: none; } }
          #mypage .mypageList__table .tableBody li.site {
            white-space: nowrap;
            text-align: center;
            width: 85px; }
            @media only screen and (max-width: 768px) {
              #mypage .mypageList__table .tableBody li.site {
                text-align: left;
                width: 45%;
                border: none;
                vertical-align: top; } }
            @media only screen and (max-width: 768px) {
              #mypage .mypageList__table .tableBody li.site .sp-icon {
                font-size: 1.0rem; } }
          #mypage .mypageList__table .tableBody li.receipt {
            text-align: center;
            padding: 0px;
            width: 85px; }
            @media only screen and (max-width: 768px) {
              #mypage .mypageList__table .tableBody li.receipt {
                text-align: left;
                padding: 5px 5px 5px 88px;
                width: 45%;
                border: none;
                vertical-align: top; } }
            @media only screen and (max-width: 768px) {
              #mypage .mypageList__table .tableBody li.receipt .sp-icon {
                font-size: 1.0rem; } }
          #mypage .mypageList__table .tableBody li.fee {
            white-space: nowrap;
            text-align: right;
            width: 85px; }
            @media only screen and (max-width: 768px) {
              #mypage .mypageList__table .tableBody li.fee {
                text-align: left;
                width: 45%;
                border: none; } }
          #mypage .mypageList__table .tableBody li.img {
            text-align: center;
            width: 210px; }
            #mypage .mypageList__table .tableBody li.img img {
              width: 180px;
              height: auto; }
            @media only screen and (max-width: 768px) {
              #mypage .mypageList__table .tableBody li.img {
                width: 100%;
                padding: 10px 10px 5px; } }
          #mypage .mypageList__table .tableBody li.name2 {
            width: 310px; }
            @media only screen and (max-width: 768px) {
              #mypage .mypageList__table .tableBody li.name2 {
                width: 100%;
                padding: 5px 10px; } }
          #mypage .mypageList__table .tableBody li.name3 {
            width: 475px;
            vertical-align: middle; }
            @media only screen and (max-width: 768px) {
              #mypage .mypageList__table .tableBody li.name3 {
                width: 100%; } }
          #mypage .mypageList__table .tableBody li.name4 {
            width: 248px;
            vertical-align: middle; }
            @media only screen and (max-width: 768px) {
              #mypage .mypageList__table .tableBody li.name4 {
                width: 100%; } }
          #mypage .mypageList__table .tableBody li.name5 {
            width: 164px;
            vertical-align: middle; }
            @media only screen and (max-width: 768px) {
              #mypage .mypageList__table .tableBody li.name5 {
                width: 100%; } }
          #mypage .mypageList__table .tableBody li.age {
            text-align: center;
            padding: 0px;
            width: 90px; }
            @media only screen and (max-width: 768px) {
              #mypage .mypageList__table .tableBody li.age {
                text-align: left;
                width: 100%;
                padding: 5px 10px; } }
          #mypage .mypageList__table .tableBody li.area {
            text-align: center;
            padding: 0px;
            width: 90px; }
            @media only screen and (max-width: 768px) {
              #mypage .mypageList__table .tableBody li.area {
                text-align: left;
                width: 100%;
                padding: 5px 10px; } }
          #mypage .mypageList__table .tableBody li.name2 .sp-icon, #mypage .mypageList__table .tableBody li.age .sp-icon, #mypage .mypageList__table .tableBody li.area .sp-icon {
            margin-left: 0;
            width: 100px; }
          #mypage .mypageList__table .tableBody li.link {
            width: 240px; }
            #mypage .mypageList__table .tableBody li.link .button {
              display: flex;
              align-items: center;
              justify-content: space-around; }
              #mypage .mypageList__table .tableBody li.link .button a {
                display: block;
                padding: 2px 8px;
                color: #fff;
                font-size: 1.2rem;
                text-decoration: none;
                border-radius: 2px; }
            @media only screen and (max-width: 768px) {
              #mypage .mypageList__table .tableBody li.link {
                width: 100%;
                padding: 5px 10px;
                margin: 10px 0; } }
          #mypage .mypageList__table .tableBody li .saturday {
            display: inline-block !important;
            color: #00f; }
          #mypage .mypageList__table .tableBody li .sunday,
          #mypage .mypageList__table .tableBody li .holiday {
            display: inline-block !important;
            color: #f00; }
          #mypage .mypageList__table .tableBody li .sp-icon {
            display: none; }
            @media only screen and (max-width: 768px) {
              #mypage .mypageList__table .tableBody li .sp-icon {
                display: inline-block;
                background: #b5b5b5;
                color: #fff;
                padding: 3px 3px;
                margin-right: 10px;
                text-align: center;
                width: 70px;
                margin-left: -79px; } }
        #mypage .mypageList__table .tableBody.teamMemberList li.name {
          width: 280px; }
        #mypage .mypageList__table .tableBody.teamMemberList li.dist {
          width: 250px;
          text-align: center; }
        #mypage .mypageList__table .tableBody.teamMemberList li.state {
          width: 250px;
          text-align: center; }
        #mypage .mypageList__table .tableBody.teamMemberList li.link {
          width: 250px; }
        #mypage .mypageList__table .tableBody.teamMemberList li.name, #mypage .mypageList__table .tableBody.teamMemberList li.dist, #mypage .mypageList__table .tableBody.teamMemberList li.state, #mypage .mypageList__table .tableBody.teamMemberList li.link {
          text-align: left; }
          #mypage .mypageList__table .tableBody.teamMemberList li.name .sp-icon, #mypage .mypageList__table .tableBody.teamMemberList li.dist .sp-icon, #mypage .mypageList__table .tableBody.teamMemberList li.state .sp-icon, #mypage .mypageList__table .tableBody.teamMemberList li.link .sp-icon {
            width: 8em; }
        @media only screen and (max-width: 768px) {
          #mypage .mypageList__table .tableBody.teamMemberList li {
            width: 100% !important;
            border-right: none; } }
    #mypage .mypageList__tableF {
      width: 100%;
      border-collapse: separate;
      border-spacing: 2px;
      margin-bottom: 80px; }
      @media only screen and (max-width: 768px) {
        #mypage .mypageList__tableF {
          margin-bottom: 30px; } }
      @media only screen and (max-width: 768px) {
        #mypage .mypageList__tableF thead {
          display: none; } }
      #mypage .mypageList__tableF thead th {
        background: #b5b5b5;
        font-size: 1.4rem;
        font-weight: bold;
        color: #fff;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        padding: 10px 5px; }
      #mypage .mypageList__tableF thead th:nth-child(1) {
        width: 122px; }
      #mypage .mypageList__tableF thead th:nth-child(2) {
        width: 158px; }
      #mypage .mypageList__tableF thead th:nth-child(3) {
        width: auto; }
      #mypage .mypageList__tableF thead th:nth-child(4) {
        width: 105px; }
      #mypage .mypageList__tableF thead th:nth-child(5) {
        width: 120px; }
      #mypage .mypageList__tableF thead th:nth-child(6) {
        width: 120px; }
      #mypage .mypageList__tableF tbody tr:nth-child(even) th, #mypage .mypageList__tableF tbody tr:nth-child(even) td {
        background: #f2f2f2; }
      #mypage .mypageList__tableF tbody th, #mypage .mypageList__tableF tbody td {
        background: #fff;
        text-align: center;
        padding: 10px 5px;
        vertical-align: middle;
        letter-spacing: 0;
        font-size: 1.3rem;
        font-weight: 500; }
        @media only screen and (max-width: 768px) {
          #mypage .mypageList__tableF tbody th, #mypage .mypageList__tableF tbody td {
            text-align: left;
            padding-left: 85px !important; } }
        #mypage .mypageList__tableF tbody th a, #mypage .mypageList__tableF tbody td a {
          color: #1d2087; }
          #mypage .mypageList__tableF tbody th a:hover, #mypage .mypageList__tableF tbody td a:hover {
            text-decoration: none; }
      @media only screen and (max-width: 768px) {
        #mypage .mypageList__tableF tbody td:first-child {
          padding-top: 10px; } }
      @media only screen and (max-width: 768px) {
        #mypage .mypageList__tableF tbody td:last-child {
          padding-bottom: 10px; } }
      #mypage .mypageList__tableF tbody td:nth-child(2) {
        text-align: left; }
      #mypage .mypageList__tableF tbody td:nth-child(3) {
        text-align: left; }
      @media only screen and (max-width: 768px) {
        #mypage .mypageList__tableF tbody td:nth-child(4),
        #mypage .mypageList__tableF tbody td:nth-child(5) {
          width: 50%;
          display: inline-block;
          vertical-align: top; } }
      #mypage .mypageList__tableF tbody td:nth-child(4) img,
      #mypage .mypageList__tableF tbody td:nth-child(5) img {
        width: 60px;
        height: auto;
        -webkit-backface-visibility: hidden; }
        @media only screen and (max-width: 768px) {
          #mypage .mypageList__tableF tbody td:nth-child(4) img,
          #mypage .mypageList__tableF tbody td:nth-child(5) img {
            width: 50px; } }
      @media only screen and (max-width: 768px) {
        #mypage .mypageList__tableF tbody td:nth-child(6) br {
          display: none; }
          #mypage .mypageList__tableF tbody td:nth-child(6) br::before {
            content: " "; } }
      @media only screen and (max-width: 768px) {
        #mypage .mypageList__tableF tbody td {
          width: 100%;
          display: block;
          padding: 5px;
          border: none; } }
      #mypage .mypageList__tableF tbody .sp-icon {
        display: none; }
        @media only screen and (max-width: 768px) {
          #mypage .mypageList__tableF tbody .sp-icon {
            display: inline-block;
            background: #b5b5b5;
            color: #fff;
            padding: 3px;
            margin-right: 10px;
            text-align: center;
            width: 70px;
            margin-left: -80px; } }
      #mypage .mypageList__tableF__date {
        width: 122px; }
      #mypage .mypageList__tableF__place {
        width: 158px; }
      #mypage .mypageList__tableF__name {
        width: auto; }
      #mypage .mypageList__tableF__category {
        width: 105px; }
      #mypage .mypageList__tableF__fee {
        width: 120px; }
      #mypage .mypageList__tableF__situation {
        width: 120px; }
      #mypage .mypageList__tableF .saturday {
        color: #00f; }
      #mypage .mypageList__tableF .sunday, #mypage .mypageList__tableF .holiday {
        color: #f00; }
      #mypage .mypageList__tableF .pagination {
        margin-bottom: 0; }
    #mypage .mypageList__status {
      display: block; }
      @media only screen and (max-width: 768px) {
        #mypage .mypageList__status {
          display: inline-block;
          padding-left: 1rem; } }
    #mypage .mypageList__time {
      display: inline-block !important; }
      @media only screen and (max-width: 768px) {
        #mypage .mypageList__time {
          display: inline-block;
          color: #000; } }
    #mypage .mypageList__image {
      width: 70%; }
      @media only screen and (max-width: 768px) {
        #mypage .mypageList__image {
          width: 44px;
          vertical-align: middle; } }
  #mypage .questionTab {
    width: 100%; }
  #mypage .questionTab__item {
    padding: 10px 0; }

@media only screen and (max-width: 768px) {
  .mypageNav {
    margin-bottom: 100px; } }
.mypageNav ul {
  display: inline-flex;
  flex-wrap: wrap; }
  @media only screen and (max-width: 768px) {
    .mypageNav ul {
      display: flex;
      box-sizing: border-box;
      flex-wrap: wrap;
      padding-top: 2px;
      border-top: 1px solid #fff; } }
.mypageNav li {
  width: 218px;
  margin: 0 2px 2px 0;
  padding: 0;
  height: 75px;
  font-size: 1.4rem;
  background-color: #fff; }
  .mypageNav li:hover {
    background-color: #e8e8e8; }
  @media only screen and (max-width: 768px) {
    .mypageNav li {
      width: 49%;
      padding: 5px 10px;
      height: auto;
      background-color: #f6f6f6;
      border-bottom: 1px solid #fff; }
      .mypageNav li:nth-child(odd) {
        border-right: 1px solid #fff; } }
  .mypageNav li a {
    display: block;
    width: 218px;
    height: 75px;
    padding: 10px 10px 10px 15px;
    color: #000 !important;
    text-decoration: none; }
    @media only screen and (max-width: 768px) {
      .mypageNav li a {
        display: inline-flex;
        width: 100%;
        height: auto;
        padding: 0; } }
  .mypageNav li svg {
    width: 18px !important;
    display: inline-block; }
    @media only screen and (max-width: 768px) {
      .mypageNav li svg {
        margin-right: 5px; } }
  .mypageNav li i {
    font-size: 1.5rem; }
    @media only screen and (max-width: 768px) {
      .mypageNav li i {
        width: 20px;
        text-align: center; } }
  .mypageNav li span {
    display: inline-block;
    width: 165px;
    font-size: 1.1rem;
    margin: 5px 5px 0px 24px; }
    @media only screen and (max-width: 768px) {
      .mypageNav li span {
        display: none; } }

.mypageForm {
  margin-bottom: 50px; }
  .mypageForm .mypageFormItem {
    display: table; }
    @media only screen and (max-width: 768px) {
      .mypageForm .mypageFormItem {
        display: block; } }
    .mypageForm .mypageFormItem .name,
    .mypageForm .mypageFormItem .desc {
      display: table-cell;
      padding: 8px 12px;
      font-size: 1.5rem; }
      @media only screen and (max-width: 768px) {
        .mypageForm .mypageFormItem .name,
        .mypageForm .mypageFormItem .desc {
          display: block; } }
      @media only screen and (max-width: 768px) {
        .mypageForm .mypageFormItem .name .gender div,
        .mypageForm .mypageFormItem .desc .gender div {
          padding-left: 20px; } }
      @media only screen and (max-width: 768px) {
        .mypageForm .mypageFormItem .name .checkarea div,
        .mypageForm .mypageFormItem .desc .checkarea div {
          padding-left: 20px; } }
    .mypageForm .mypageFormItem .s {
      font-size: 1.2rem; }
    .mypageForm .mypageFormItem .form-text {
      color: #d74548;
      font-size: 1.2rem; }
    .mypageForm .mypageFormItem .btn {
      font-size: 1.4rem; }
    @media only screen and (max-width: 768px) {
      .mypageForm .mypageFormItem .sentence {
        width: 100%; } }
    .mypageForm .mypageFormItem .termPh {
      width: 100%;
      height: auto; }
    .mypageForm .mypageFormItem .name {
      width: 260px;
      background-color: #eee;
      border-bottom: 1px solid #fff;
      text-align: right;
      padding-right: 50px;
      vertical-align: middle;
      position: relative; }
      @media only screen and (max-width: 768px) {
        .mypageForm .mypageFormItem .name {
          text-align: left;
          width: 100%;
          padding: 5px 10px; } }
      .mypageForm .mypageFormItem .name .req {
        position: absolute;
        left: 205px;
        background-color: #d74548;
        color: #fff;
        font-size: 1.2rem;
        border-radius: 2px;
        padding: 2px 6px;
        margin-left: 10px; }
        @media only screen and (max-width: 768px) {
          .mypageForm .mypageFormItem .name .req {
            position: static; } }
    .mypageForm .mypageFormItem .desc {
      width: 770px;
      border-bottom: 1px solid #eee; }
      @media only screen and (max-width: 768px) {
        .mypageForm .mypageFormItem .desc {
          width: 98%;
          padding: 10px 0 20px; } }
    .mypageForm .mypageFormItem .extraction {
      padding: 0 10px;
      height: 42px;
      display: inline-table;
      border-radius: 5px;
      background-color: #f6f6f6;
      border: none;
      font-size: 1.6rem; }
      .mypageForm .mypageFormItem .extraction:active {
        background-color: #f6f6f6; }
      .mypageForm .mypageFormItem .extraction.is-invalid {
        border: 1px solid #f00;
        background-color: #ffd3d6; }
      @media only screen and (max-width: 768px) {
        .mypageForm .mypageFormItem .extraction {
          width: 90%;
          height: 42px; } }
    .mypageForm .mypageFormItem .fileUpload {
      position: relative;
      overflow: hidden;
      font-size: 1.4rem; }
      .mypageForm .mypageFormItem .fileUpload .upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0; }
    .mypageForm .mypageFormItem .teamImage {
      max-width: 200px;
      max-height: 200px;
      overflow: hidden; }
      @media only screen and (max-width: 768px) {
        .mypageForm .mypageFormItem .teamImage {
          margin-bottom: 10px; } }
      .mypageForm .mypageFormItem .teamImage img {
        display: block;
        margin: 0 auto;
        width: auto;
        height: auto;
        max-width: 200px;
        max-height: 200px; }
    .mypageForm .mypageFormItem .avatar img {
      width: 150px;
      height: 150px;
      margin-bottom: 10px;
      border: 1px solid #f6f6f6; }
    .mypageForm .mypageFormItem .formList__outer {
      background: #f6f6f6;
      border: 1px solid #eee;
      border-radius: 5px;
      display: inline-block;
      padding: 5px;
      width: 100%;
      position: relative; }
      .mypageForm .mypageFormItem .formList__outer .ui-datepicker-trigger {
        background: #fff;
        padding: 9px 15px;
        cursor: pointer;
        position: absolute;
        top: 50%;
        right: 5px;
        transform: translateY(-50%); }
      .mypageForm .mypageFormItem .formList__outer.is-invalid {
        border: 1px solid #f00;
        background-color: #ffd3d6; }
        .mypageForm .mypageFormItem .formList__outer.is-invalid .formList__text {
          background-color: #ffd3d6; }
    .mypageForm .mypageFormItem .formList__text {
      border: none;
      background: #f6f6f6;
      font-size: 1.6rem;
      padding: 5px; }
      .mypageForm .mypageFormItem .formList__text:placeholder-shown {
        color: #ccc; }
      .mypageForm .mypageFormItem .formList__text::-webkit-input-placeholder {
        color: #ccc; }
      .mypageForm .mypageFormItem .formList__text:-moz-placeholder {
        color: #ccc;
        opacity: 1; }
      .mypageForm .mypageFormItem .formList__text::-moz-placeholder {
        color: #ccc;
        opacity: 1; }
      .mypageForm .mypageFormItem .formList__text:-ms-input-placeholder {
        color: #ccc; }
      @media only screen and (max-width: 768px) {
        .mypageForm .mypageFormItem .formList__text {
          width: 100%; } }
    .mypageForm .mypageFormItem .invalid-feedback {
      display: inline-block;
      background-color: #dc3545;
      padding: 2px 10px;
      color: #fff;
      width: auto; }

.mypageTab_title {
  cursor: pointer;
  transition: all 0.2s linear; }
  .mypageTab_title::after {
    font-family: "Font Awesome 5 Free";
    content: "\f107";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 35px; }
    @media only screen and (max-width: 768px) {
      .mypageTab_title::after {
        right: 20px; } }
  .mypageTab_title.is-active::after {
    content: "\f106"; }

#entry {
  letter-spacing: 0.05em; }
  #entry ::placeholder {
    font-size: 1.5rem;
    color: #ccc; }
  #entry p {
    line-height: 200%;
    font-size: 1.5rem; }
  #entry .s {
    font-size: 1.2rem; }
  #entry .alert .alert-heading {
    margin-bottom: .5rem;
    font-weight: bold;
    line-height: 1.8em;
    color: inherit;
    font-size: 1.5rem; }
  #entry .info {
    margin-bottom: 200px; }
  #entry .saturday {
    color: #00f; }
  #entry .sunday,
  #entry .holiday {
    color: #f00; }
  #entry .invalid-feedback {
    display: inline-block;
    background-color: #dc3545;
    padding: 2px 10px;
    color: #fff;
    width: auto; }
  #entry .content {
    width: 1100px;
    margin: 0 auto; }
    #entry .content a {
      color: #0088cc; }
    @media only screen and (max-width: 768px) {
      #entry .content {
        width: 100%;
        margin: 0 auto;
        padding: 0; } }
    #entry .content .contentInner {
      background: #fff;
      width: 1100px;
      margin: 50px auto;
      padding: 35px; }
      @media only screen and (max-width: 768px) {
        #entry .content .contentInner {
          width: 100%;
          margin: 20px auto;
          padding: 10px; } }
    #entry .content .step {
      width: 977px;
      height: 60px;
      background-size: 100%;
      text-indent: -9993px;
      margin: 0 auto; }
      @media only screen and (max-width: 768px) {
        #entry .content .step {
          width: 340px;
          height: 44px; } }
      #entry .content .step.step01 {
        background-image: url("../img/entry/pc_step01.png"); }
        @media only screen and (max-width: 768px) {
          #entry .content .step.step01 {
            background-image: url("../img/entry/sp_step01.png"); } }
      #entry .content .step.step02 {
        background-image: url("../img/entry/pc_step02.png"); }
        @media only screen and (max-width: 768px) {
          #entry .content .step.step02 {
            background-image: url("../img/entry/sp_step02.png"); } }
      #entry .content .step.step03 {
        background-image: url("../img/entry/pc_step03.png"); }
        @media only screen and (max-width: 768px) {
          #entry .content .step.step03 {
            background-image: url("../img/entry/sp_step03.png"); } }
  #entry .titleWrap {
    background-color: #ff8e00;
    padding: 5px;
    clear: both;
    margin-bottom: 20px;
    position: relative; }
    #entry .titleWrap .title {
      font-size: 1.5rem;
      color: #fff;
      font-weight: bold;
      margin: 5px 10px; }
      #entry .titleWrap .title .req {
        position: absolute;
        background-color: #d74548;
        color: #fff;
        font-size: 1.2rem;
        border-radius: 2px;
        padding: 2px 6px;
        margin-left: 10px; }
        @media only screen and (max-width: 768px) {
          #entry .titleWrap .title .req {
            position: static; } }
  #entry .entryForm {
    margin-bottom: 50px; }
    #entry .entryForm .entryCheck {
      width: 280px;
      margin: 0 auto 30px;
      text-align: center;
      font-size: 1.5rem; }
      #entry .entryForm .entryCheck label {
        margin-left: 5px; }
      #entry .entryForm .entryCheck .form-check-input {
        margin-left: -1.75rem; }
    #entry .entryForm .agreement {
      width: 100%;
      height: 150px;
      padding: 10px;
      margin-bottom: 30px;
      border: 1px solid #ccc;
      overflow: scroll;
      color: #4d4d4d;
      font-size: 1.2rem; }
      #entry .entryForm .agreement h4 {
        font-weight: bold; }
      #entry .entryForm .agreement strong {
        font-weight: bold; }
      #entry .entryForm .agreement ol {
        margin-left: 10px;
        padding-left: 10px;
        list-style: decimal; }
    #entry .entryForm .entryFormItem {
      display: table; }
      @media only screen and (max-width: 768px) {
        #entry .entryForm .entryFormItem {
          display: block; } }
      #entry .entryForm .entryFormItem .btn {
        font-size: 1.4rem; }
      #entry .entryForm .entryFormItem .name,
      #entry .entryForm .entryFormItem .desc {
        display: table-cell;
        padding: 8px 12px;
        font-size: 1.5rem; }
        @media only screen and (max-width: 768px) {
          #entry .entryForm .entryFormItem .name,
          #entry .entryForm .entryFormItem .desc {
            display: block; } }
      @media only screen and (max-width: 768px) {
        #entry .entryForm .entryFormItem .numberWrap > div:nth-child(odd) {
          width: 20%; } }
      @media only screen and (max-width: 768px) {
        #entry .entryForm .entryFormItem .numberWrap > div:nth-child(even) {
          width: 29%; } }
      #entry .entryForm .entryFormItem .numberWrap > div:nth-child(3) {
        margin-left: 30px; }
        @media only screen and (max-width: 768px) {
          #entry .entryForm .entryFormItem .numberWrap > div:nth-child(3) {
            margin-left: 0; } }
      #entry .entryForm .entryFormItem .name {
        width: 260px;
        background-color: #eee;
        border-bottom: 1px solid #fff;
        text-align: right;
        padding-right: 50px;
        vertical-align: middle;
        position: relative; }
        @media only screen and (max-width: 768px) {
          #entry .entryForm .entryFormItem .name {
            text-align: left;
            width: 100%;
            padding: 5px 10px; } }
        #entry .entryForm .entryFormItem .name .req {
          position: absolute;
          left: 205px;
          background-color: #d74548;
          color: #fff;
          font-size: 1.2rem;
          border-radius: 2px;
          padding: 2px 6px;
          margin-left: 10px; }
          @media only screen and (max-width: 768px) {
            #entry .entryForm .entryFormItem .name .req {
              position: static; } }
      #entry .entryForm .entryFormItem .desc {
        width: 770px;
        border-bottom: 1px solid #eee;
        padding-left: 30px; }
        @media only screen and (max-width: 768px) {
          #entry .entryForm .entryFormItem .desc {
            width: 98%;
            padding: 10px 0 20px; } }
        #entry .entryForm .entryFormItem .desc.eventName {
          font-weight: bold; }
        #entry .entryForm .entryFormItem .desc.categoryIcon img {
          width: 60px;
          height: auto;
          -webkit-backface-visibility: hidden; }
        #entry .entryForm .entryFormItem .desc .fee {
          font-size: 3rem;
          font-weight: bold; }
        #entry .entryForm .entryFormItem .desc .paid {
          color: #f00; }
        #entry .entryForm .entryFormItem .desc .form-text {
          color: #d74548;
          font-size: 1.2rem; }
        #entry .entryForm .entryFormItem .desc .formList__outer {
          background: #f6f6f6;
          border: 1px solid #eee;
          border-radius: 5px;
          display: inline-block;
          padding: 5px;
          width: 100%;
          position: relative; }
          #entry .entryForm .entryFormItem .desc .formList__outer .ui-datepicker-trigger {
            background: #fff;
            padding: 9px 15px;
            cursor: pointer;
            position: absolute;
            top: 50%;
            right: 5px;
            transform: translateY(-50%); }
          #entry .entryForm .entryFormItem .desc .formList__outer.is-invalid {
            border: 1px solid #f00;
            background-color: #ffd3d6; }
            #entry .entryForm .entryFormItem .desc .formList__outer.is-invalid .formList__text {
              background-color: #ffd3d6; }
        #entry .entryForm .entryFormItem .desc .formList__text {
          border: none;
          background: #f6f6f6;
          font-size: 1.5rem;
          padding: 5px; }
          #entry .entryForm .entryFormItem .desc .formList__text:placeholder-shown {
            color: #ccc; }
          #entry .entryForm .entryFormItem .desc .formList__text::-webkit-input-placeholder {
            color: #ccc; }
          #entry .entryForm .entryFormItem .desc .formList__text:-moz-placeholder {
            color: #ccc;
            opacity: 1; }
          #entry .entryForm .entryFormItem .desc .formList__text::-moz-placeholder {
            color: #ccc;
            opacity: 1; }
          #entry .entryForm .entryFormItem .desc .formList__text:-ms-input-placeholder {
            color: #ccc; }
          @media only screen and (max-width: 768px) {
            #entry .entryForm .entryFormItem .desc .formList__text {
              width: 100%; } }
          #entry .entryForm .entryFormItem .desc .formList__text:active {
            background: #fff; }
        #entry .entryForm .entryFormItem .desc .extraction {
          padding: 0 10px;
          height: 42px;
          display: inline-table;
          border-radius: 5px;
          background-color: #f6f6f6;
          border: none;
          font-size: 1.5rem; }
          #entry .entryForm .entryFormItem .desc .extraction:active {
            background-color: #f6f6f6; }
          #entry .entryForm .entryFormItem .desc .extraction.is-invalid {
            border: 1px solid #f00;
            background-color: #ffd3d6; }
          @media only screen and (max-width: 768px) {
            #entry .entryForm .entryFormItem .desc .extraction {
              width: 90%;
              height: 42px;
              font-size: 1.6rem !important; } }
        #entry .entryForm .entryFormItem .desc select.number {
          padding: 0 10px;
          height: 42px;
          display: inline-table;
          border-radius: 5px;
          background-color: #f6f6f6;
          border: none;
          font-size: 1.5rem; }
          #entry .entryForm .entryFormItem .desc select.number:active {
            background-color: #f6f6f6; }
          #entry .entryForm .entryFormItem .desc select.number.is-invalid {
            border: 1px solid #f00;
            background-color: #ffd3d6; }
          @media only screen and (max-width: 768px) {
            #entry .entryForm .entryFormItem .desc select.number {
              width: 5rem;
              margin: 0; } }
    #entry .entryForm .entryTab {
      font-size: 1.5rem;
      margin-bottom: 20px; }
      #entry .entryForm .entryTab .entryTab_title {
        background: #e6e6e6;
        padding: 5px 35px;
        font-size: 1.8rem;
        font-weight: bold;
        color: #333;
        cursor: pointer;
        transition: all 0.2s linear;
        position: relative; }
        #entry .entryForm .entryTab .entryTab_title::after {
          font-family: "Font Awesome 5 Free";
          content: "\f107";
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: 35px; }
        #entry .entryForm .entryTab .entryTab_title.is-active::after {
          content: "\f106"; }
        @media only screen and (max-width: 768px) {
          #entry .entryForm .entryTab .entryTab_title {
            padding: 5px 10px;
            font-size: 1.5rem; } }
      #entry .entryForm .entryTab .entryTab_item {
        background: #fff;
        padding: 20px 35px; }
        @media only screen and (max-width: 768px) {
          #entry .entryForm .entryTab .entryTab_item {
            padding: 10px; } }
        #entry .entryForm .entryTab .entryTab_item .paymentWrap .payment_item {
          padding: 10px 0;
          border-bottom: 1px solid #eee; }
          @media only screen and (max-width: 768px) {
            #entry .entryForm .entryTab .entryTab_item .paymentWrap .payment_item {
              border: none; } }
          #entry .entryForm .entryTab .entryTab_item .paymentWrap .payment_item .form-check-input {
            margin-top: 0.4rem; }
          #entry .entryForm .entryTab .entryTab_item .paymentWrap .payment_item .extraction {
            padding: 0 10px;
            height: 42px;
            display: inline-table;
            border-radius: 5px;
            background-color: #f6f6f6;
            border: none;
            font-size: 1.8rem; }
          #entry .entryForm .entryTab .entryTab_item .paymentWrap .payment_item .title {
            display: table; }
            #entry .entryForm .entryTab .entryTab_item .paymentWrap .payment_item .title p {
              display: table-cell;
              vertical-align: middle; }
            @media only screen and (max-width: 768px) {
              #entry .entryForm .entryTab .entryTab_item .paymentWrap .payment_item .title {
                display: block;
                margin: 0 15px 10px 15px;
                width: 100%;
                border-bottom: 1px solid #eee; } }
          #entry .entryForm .entryTab .entryTab_item .paymentWrap .payment_item .formList__text {
            width: 100%; }
          #entry .entryForm .entryTab .entryTab_item .paymentWrap .payment_item .row .row {
            width: 50%; }
            @media only screen and (max-width: 768px) {
              #entry .entryForm .entryTab .entryTab_item .paymentWrap .payment_item .row .row {
                width: 100%;
                margin: 0 15px 10px 15px; } }
            @media only screen and (max-width: 768px) {
              #entry .entryForm .entryTab .entryTab_item .paymentWrap .payment_item .row .row.day {
                width: 250px; } }
            @media only screen and (max-width: 768px) {
              #entry .entryForm .entryTab .entryTab_item .paymentWrap .payment_item .row .row.day .col:nth-child(1) {
                width: 100px; } }
            @media only screen and (max-width: 768px) {
              #entry .entryForm .entryTab .entryTab_item .paymentWrap .payment_item .row .row.day .col:nth-child(2) {
                width: 1	0px !important; } }
            @media only screen and (max-width: 768px) {
              #entry .entryForm .entryTab .entryTab_item .paymentWrap .payment_item .row .row.day .col:nth-child(3) {
                width: 120px;
                padding-left: 0; } }
          #entry .entryForm .entryTab .entryTab_item .paymentWrap .payment_item .formList__outer {
            background: #f6f6f6;
            border: 1px solid #eee;
            border-radius: 5px;
            display: inline-block;
            padding: 5px;
            width: 100%;
            position: relative; }
  #entry .conveni_01 img {
    width: 273px;
    vertical-align: middle;
    height: auto;
    margin-left: 10px; }
    @media only screen and (max-width: 768px) {
      #entry .conveni_01 img {
        margin: 0; } }
  #entry .conveni_02 img {
    width: 145px;
    vertical-align: middle;
    height: auto;
    margin-left: 10px; }
    @media only screen and (max-width: 768px) {
      #entry .conveni_02 img {
        margin: 0; } }
  #entry .conveni_03 img {
    width: 110px;
    vertical-align: middle;
    height: auto;
    margin-left: 10px; }
    @media only screen and (max-width: 768px) {
      #entry .conveni_03 img {
        margin: 0; } }
  #entry .credit_01 img {
    width: 390px;
    vertical-align: middle;
    height: auto;
    margin-left: 10px; }
    @media only screen and (max-width: 768px) {
      #entry .credit_01 img {
        margin: 0;
        width: 300px; } }
  #entry .np_01 img {
    width: 180px;
    vertical-align: middle;
    height: auto;
    margin-left: 10px; }
    @media only screen and (max-width: 768px) {
      #entry .np_01 img {
        margin: 0;
        width: 180px; } }
  #entry img.np_01 {
    width: 468px;
    height: 200px; }
    @media only screen and (max-width: 768px) {
      #entry img.np_01 {
        width: 100%;
        height: auto; } }
  #entry .paymentTable {
    border: solid 1px #eee;
    border-collapse: collapse; }
    @media only screen and (max-width: 768px) {
      #entry .paymentTable {
        width: 100%; } }
    #entry .paymentTable td, #entry .paymentTable th {
      padding: 8px 15px;
      border: solid 1px #eee;
      border-collapse: collapse; }
      @media only screen and (max-width: 768px) {
        #entry .paymentTable td, #entry .paymentTable th {
          padding: 5px;
          font-size: 1.3rem; } }
    #entry .paymentTable td.txtRight {
      text-align: right; }
    #entry .paymentTable thead {
      background-color: #eee; }
      #entry .paymentTable thead th {
        color: #333;
        text-align: center; }
    #entry .paymentTable tbody tr:last-child td {
      border-bottom: 3px solid #eee; }

#login a {
  text-decoration: none; }
  #login a:hover {
    color: #ff6c00; }
#login .btnArea__item {
  width: 250px;
  margin-bottom: 0; }
  @media only screen and (max-width: 768px) {
    #login .btnArea__item {
      width: 250px; } }
#login .content {
  width: 1100px;
  margin: 0 auto; }
  @media only screen and (max-width: 768px) {
    #login .content {
      width: 100%;
      margin: 0 auto;
      padding: 0; } }
  #login .content .contentInner {
    background: #fff;
    width: 1100px;
    margin: 50px auto;
    padding: 35px; }
    @media only screen and (max-width: 768px) {
      #login .content .contentInner {
        width: 95%;
        margin: 20px auto;
        padding: 10px; } }
    #login .content .contentInner .mypageForm {
      margin-bottom: 0; }
#login .titleWrap {
  background-color: #ff8e00;
  padding: 5px;
  clear: both;
  margin-bottom: 20px;
  position: relative; }
  #login .titleWrap .title {
    font-size: 1.5rem;
    color: #fff;
    font-weight: bold;
    margin: 5px 10px; }
#login .btnArea a {
  display: block;
  text-decoration: none; }
#login .btnArea .confirm {
  width: 250px;
  text-align: center;
  border: #ff6c00 2px solid;
  font-size: 1.5rem;
  padding: 10px;
  cursor: pointer;
  background: #ff6c00;
  color: #fff; }
  #login .btnArea .confirm:hover {
    background: #fff;
    color: #ff6c00; }
  @media only screen and (max-width: 768px) {
    #login .btnArea .confirm {
      width: 100%;
      -webkit-appearance: none;
      border-radius: 0;
      padding: 5px;
      border-width: 1px; } }
#login .password-forget {
  margin: 20px 0; }
  #login .password-forget a {
    text-decoration: underline; }

#inquiry {
  letter-spacing: 0.05em; }
  #inquiry ::placeholder {
    font-size: 1.5rem;
    color: #ccc; }
  @media only screen and (max-width: 768px) {
    #inquiry {
      letter-spacing: 0em; } }
  #inquiry p {
    line-height: 200%;
    font-size: 1.5rem;
    margin-bottom: 30px; }
  @media only screen and (max-width: 768px) {
    #inquiry .content {
      padding: 0 5%; } }
  #inquiry .alert.info {
    margin-bottom: 100px; }
  #inquiry .alert .alert-heading {
    margin-bottom: .5rem;
    font-weight: bold;
    line-height: 1.8em;
    color: inherit;
    font-size: 1.5rem; }
    #inquiry .alert .alert-heading a {
      text-decoration: none !important; }
  #inquiry .faq {
    width: 1100px;
    margin: 0 auto 50px; }
    #inquiry .faq a {
      transition: all 0.2s linear;
      color: #ff8e00;
      text-decoration: none; }
      #inquiry .faq a:hover {
        text-decoration: underline; }
    @media only screen and (max-width: 768px) {
      #inquiry .faq {
        width: 100%;
        margin: 0 auto;
        padding: 0; } }
    #inquiry .faq .title {
      font-size: 2.4rem;
      font-weight: bold;
      margin: 30px auto;
      text-align: center;
      letter-spacing: 0.2em; }
    #inquiry .faq .faqList {
      width: 100%;
      margin: 0 auto; }
      #inquiry .faq .faqList .qBox {
        font-size: 1.5rem;
        display: block;
        cursor: pointer;
        background-color: #fff;
        padding: 25px 28px 25px 25px;
        margin: 1px 0;
        position: relative; }
        @media only screen and (max-width: 768px) {
          #inquiry .faq .faqList .qBox {
            padding: 10px 28px 10px 10px; } }
        #inquiry .faq .faqList .qBox::after {
          font-family: "Font Awesome 5 Free";
          content: "\f067";
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: 35px; }
          @media only screen and (max-width: 768px) {
            #inquiry .faq .faqList .qBox::after {
              right: 20px; } }
        #inquiry .faq .faqList .qBox.is-active {
          background-color: #30c9db;
          color: #fff !important; }
          #inquiry .faq .faqList .qBox.is-active::after {
            content: "\f068"; }
        #inquiry .faq .faqList .qBox .faqTitle {
          padding: 0 10px 0 0; }
          #inquiry .faq .faqList .qBox .faqTitle .num {
            font-family: 'Noto Sans', sans-serif;
            padding: 0 10px 0 0;
            font-size: 1.8rem;
            letter-spacing: 0.1em;
            font-weight: normal; }
            @media only screen and (max-width: 768px) {
              #inquiry .faq .faqList .qBox .faqTitle .num {
                font-size: 15px; } }
      #inquiry .faq .faqList .aBox {
        font-size: 1.5rem;
        width: 100%;
        background: #fff;
        padding: 25px;
        display: none;
        line-height: 28px;
        margin: 0 !important; }
        @media only screen and (max-width: 768px) {
          #inquiry .faq .faqList .aBox {
            padding: 10px; } }
        #inquiry .faq .faqList .aBox .num {
          display: table-cell;
          font-family: 'Noto Sans', sans-serif;
          padding: 0 10px 0 0;
          font-size: 1.8rem;
          letter-spacing: 0.1em;
          font-weight: normal; }
          @media only screen and (max-width: 768px) {
            #inquiry .faq .faqList .aBox .num {
              font-size: 15px; } }
        #inquiry .faq .faqList .aBox .answer {
          display: table-cell;
          padding: 0 10px 0 0; }
  #inquiry .inquiryForm {
    width: 1100px;
    margin: 0 auto;
    background-color: #fff;
    padding: 30px; }
    @media only screen and (max-width: 768px) {
      #inquiry .inquiryForm {
        width: 100%;
        margin: 0 auto;
        padding: 10px; } }
    #inquiry .inquiryForm a {
      transition: all 0.2s linear;
      color: #ff8e00;
      text-decoration: none; }
      #inquiry .inquiryForm a:hover {
        text-decoration: underline; }
    #inquiry .inquiryForm .title {
      font-size: 2.4rem;
      font-weight: bold;
      margin: 30px auto;
      text-align: center;
      letter-spacing: 0.2em; }
    #inquiry .inquiryForm .tel {
      margin: 20px 0 30px;
      background: #f7f7f7;
      border-radius: 10px;
      padding: 30px;
      text-align: center;
      color: #9d7caf; }
      #inquiry .inquiryForm .tel i {
        font-size: 2.5rem;
        margin-right: 4px; }
      #inquiry .inquiryForm .tel a {
        font-family: 'Noto Sans', sans-serif;
        font-size: 2.5rem;
        letter-spacing: 0.07em;
        color: #9d7caf;
        text-decoration: none; }
    #inquiry .inquiryForm .extraction {
      padding: 0 10px;
      height: 42px;
      display: inline-table;
      border-radius: 5px;
      background-color: #f6f6f6;
      border: none;
      font-size: 1.6rem; }

#resist {
  letter-spacing: 0.05em; }
  #resist ::placeholder {
    font-size: 1.5rem;
    color: #ccc; }
  #resist p {
    line-height: 200%;
    font-size: 1.5rem; }
  #resist .alert .alert-heading {
    margin-bottom: .5rem;
    font-weight: bold;
    line-height: 1.8em;
    color: inherit;
    font-size: 1.5rem; }
  #resist .info {
    margin-bottom: 200px; }
  #resist .saturday {
    color: #00f; }
  #resist .sunday,
  #resist .holiday {
    color: #f00; }
  #resist .invalid-feedback {
    display: inline-block;
    background-color: #dc3545;
    padding: 2px 10px;
    color: #fff;
    width: auto; }
  #resist .content {
    width: 1100px;
    margin: 0 auto; }
    #resist .content a {
      color: #0088cc; }
    @media only screen and (max-width: 768px) {
      #resist .content {
        width: 100%;
        margin: 0 auto;
        padding: 0; } }
    #resist .content .contentInner {
      background: #fff;
      width: 1100px;
      margin: 50px auto;
      padding: 35px; }
      @media only screen and (max-width: 768px) {
        #resist .content .contentInner {
          width: 100%;
          margin: 20px auto;
          padding: 10px; } }
    #resist .content .step {
      width: 977px;
      height: 60px;
      background-size: 100%;
      text-indent: -9993px;
      margin: 0 auto; }
      @media only screen and (max-width: 768px) {
        #resist .content .step {
          width: 340px;
          height: 44px; } }
      #resist .content .step.step01 {
        background-image: url("/img/registration/pc_step01.png"); }
        @media only screen and (max-width: 768px) {
          #resist .content .step.step01 {
            background-image: url("/img/registration/sp_step01.png"); } }
      #resist .content .step.step02 {
        background-image: url("/img/registration/pc_step02.png"); }
        @media only screen and (max-width: 768px) {
          #resist .content .step.step02 {
            background-image: url("/img/registration/sp_step02.png"); } }
      #resist .content .step.step03 {
        background-image: url("/img/registration/pc_step03.png"); }
        @media only screen and (max-width: 768px) {
          #resist .content .step.step03 {
            background-image: url("/img/registration/sp_step03.png"); } }
      #resist .content .step.step04 {
        background-image: url("/img/registration/pc_step04.png"); }
        @media only screen and (max-width: 768px) {
          #resist .content .step.step04 {
            background-image: url("/img/registration/sp_step04.png"); } }
      #resist .content .step.step05 {
        background-image: url("/img/registration/pc_step05.png"); }
        @media only screen and (max-width: 768px) {
          #resist .content .step.step05 {
            background-image: url("/img/registration/sp_step05.png"); } }
  #resist .titleWrap {
    background-color: #ff8e00;
    padding: 5px;
    clear: both;
    margin-bottom: 20px;
    position: relative; }
    #resist .titleWrap .title {
      font-size: 1.5rem;
      color: #fff;
      font-weight: bold;
      margin: 5px 10px; }
      #resist .titleWrap .title .req {
        position: absolute;
        background-color: #d74548;
        color: #fff;
        font-size: 1.2rem;
        border-radius: 2px;
        padding: 2px 6px;
        margin-left: 10px; }
        @media only screen and (max-width: 768px) {
          #resist .titleWrap .title .req {
            position: static; } }
  #resist .entryForm {
    margin-bottom: 50px; }
    #resist .entryForm .entryCheck {
      width: 280px;
      margin: 0 auto 30px;
      text-align: center;
      font-size: 1.5rem; }
      #resist .entryForm .entryCheck label {
        margin-left: 5px; }
      @media all and (-ms-high-contrast: none) {
        #resist .entryForm .entryCheck {
          padding-left: 30px;
          /* IE10以上 */ } }
      @media all and (-ms-high-contrast: none) {
        #resist .entryForm .entryCheck {
          padding-left: 30px;
          /* IE10以上 */ } }
    #resist .entryForm .agreement {
      width: 100%;
      height: 150px;
      padding: 10px;
      margin-bottom: 30px;
      border: 1px solid #ccc;
      overflow: scroll;
      color: #4d4d4d;
      font-size: 1.2rem; }
      #resist .entryForm .agreement h4 {
        font-weight: bold; }
      #resist .entryForm .agreement strong {
        font-weight: bold; }
      #resist .entryForm .agreement ol {
        margin-left: 10px;
        padding-left: 10px;
        list-style: decimal; }
    #resist .entryForm .entryFormItem {
      display: table; }
      @media only screen and (max-width: 768px) {
        #resist .entryForm .entryFormItem {
          display: block; } }
      #resist .entryForm .entryFormItem .name,
      #resist .entryForm .entryFormItem .desc {
        display: table-cell;
        padding: 8px 12px;
        font-size: 1.5rem; }
        @media only screen and (max-width: 768px) {
          #resist .entryForm .entryFormItem .name,
          #resist .entryForm .entryFormItem .desc {
            display: block; } }
      #resist .entryForm .entryFormItem .name {
        width: 260px;
        background-color: #eee;
        border-bottom: 1px solid #fff;
        text-align: right;
        padding-right: 50px;
        vertical-align: middle;
        position: relative; }
        @media only screen and (max-width: 768px) {
          #resist .entryForm .entryFormItem .name {
            text-align: left;
            width: 100%;
            padding: 5px 10px; } }
        #resist .entryForm .entryFormItem .name .req {
          position: absolute;
          left: 205px;
          background-color: #d74548;
          color: #fff;
          font-size: 1.2rem;
          border-radius: 2px;
          padding: 2px 6px;
          margin-left: 10px; }
          @media only screen and (max-width: 768px) {
            #resist .entryForm .entryFormItem .name .req {
              position: static; } }
      #resist .entryForm .entryFormItem .desc {
        width: 770px;
        border-bottom: 1px solid #eee;
        padding-left: 30px; }
        @media only screen and (max-width: 768px) {
          #resist .entryForm .entryFormItem .desc {
            width: 100%;
            padding: 10px 0 20px; } }
        #resist .entryForm .entryFormItem .desc.eventName {
          font-weight: bold; }
        #resist .entryForm .entryFormItem .desc.categoryIcon img {
          width: 60px;
          height: auto; }
        @media only screen and (max-width: 768px) {
          #resist .entryForm .entryFormItem .desc .row {
            width: 100%;
            margin: 0; } }
        @media only screen and (max-width: 768px) {
          #resist .entryForm .entryFormItem .desc .row .col {
            padding: 0; } }
        #resist .entryForm .entryFormItem .desc .fee {
          font-size: 3rem;
          font-weight: bold; }
        #resist .entryForm .entryFormItem .desc .form-text {
          color: #d74548;
          font-size: 1.2rem; }
        #resist .entryForm .entryFormItem .desc .formList__outer {
          background: #f6f6f6;
          border: 1px solid #eee;
          border-radius: 5px;
          display: inline-block;
          padding: 5px;
          width: 100%;
          position: relative; }
          #resist .entryForm .entryFormItem .desc .formList__outer .ui-datepicker-trigger {
            background: #fff;
            padding: 9px 15px;
            cursor: pointer;
            position: absolute;
            top: 50%;
            right: 5px;
            transform: translateY(-50%); }
        #resist .entryForm .entryFormItem .desc .formList__text {
          border: none;
          background: #f6f6f6;
          font-size: 1.6rem;
          padding: 5px; }
          #resist .entryForm .entryFormItem .desc .formList__text:placeholder-shown {
            color: #ccc; }
          #resist .entryForm .entryFormItem .desc .formList__text::-webkit-input-placeholder {
            color: #ccc; }
          #resist .entryForm .entryFormItem .desc .formList__text:-moz-placeholder {
            color: #ccc;
            opacity: 1; }
          #resist .entryForm .entryFormItem .desc .formList__text::-moz-placeholder {
            color: #ccc;
            opacity: 1; }
          #resist .entryForm .entryFormItem .desc .formList__text:-ms-input-placeholder {
            color: #ccc; }
          @media only screen and (max-width: 768px) {
            #resist .entryForm .entryFormItem .desc .formList__text {
              width: 100%; } }
          #resist .entryForm .entryFormItem .desc .formList__text:active {
            background: #fff; }
        #resist .entryForm .entryFormItem .desc .extraction {
          padding: 0 10px;
          height: 42px;
          display: inline-table;
          border-radius: 5px;
          background-color: #f6f6f6;
          border: none;
          font-size: 1.6rem; }
          #resist .entryForm .entryFormItem .desc .extraction:active {
            background-color: #f6f6f6; }
          @media only screen and (max-width: 768px) {
            #resist .entryForm .entryFormItem .desc .extraction {
              width: 90%;
              height: 42px; } }
    #resist .entryForm .entryTab {
      font-size: 1.5rem;
      margin-bottom: 20px; }
      #resist .entryForm .entryTab .entryTab_title {
        background: #e6e6e6;
        padding: 5px 35px;
        font-size: 1.8rem;
        font-weight: bold;
        color: #333;
        cursor: pointer;
        transition: all 0.2s linear;
        position: relative; }
        #resist .entryForm .entryTab .entryTab_title::after {
          font-family: "Font Awesome 5 Free";
          content: "\f107";
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: 35px; }
        #resist .entryForm .entryTab .entryTab_title.is-active::after {
          content: "\f106"; }
        @media only screen and (max-width: 768px) {
          #resist .entryForm .entryTab .entryTab_title {
            padding: 5px 10px;
            font-size: 1.5rem; } }
      #resist .entryForm .entryTab .entryTab_item {
        background: #fff;
        padding: 20px 35px; }
        @media only screen and (max-width: 768px) {
          #resist .entryForm .entryTab .entryTab_item {
            padding: 10px; } }
        #resist .entryForm .entryTab .entryTab_item .paymentWrap .payment_item {
          padding: 10px 0;
          border-bottom: 1px solid #eee; }
          @media only screen and (max-width: 768px) {
            #resist .entryForm .entryTab .entryTab_item .paymentWrap .payment_item {
              border: none; } }
          #resist .entryForm .entryTab .entryTab_item .paymentWrap .payment_item .form-check-input {
            margin-top: 0.4rem; }
          #resist .entryForm .entryTab .entryTab_item .paymentWrap .payment_item .extraction {
            padding: 0 10px;
            height: 42px;
            display: inline-table;
            border-radius: 5px;
            background-color: #f6f6f6;
            border: none;
            font-size: 1.8rem; }
          #resist .entryForm .entryTab .entryTab_item .paymentWrap .payment_item .title {
            display: table; }
            #resist .entryForm .entryTab .entryTab_item .paymentWrap .payment_item .title p {
              display: table-cell;
              vertical-align: middle; }
            @media only screen and (max-width: 768px) {
              #resist .entryForm .entryTab .entryTab_item .paymentWrap .payment_item .title {
                display: block;
                margin: 0 15px 10px 15px;
                width: 100%;
                border-bottom: 1px solid #eee; } }
          #resist .entryForm .entryTab .entryTab_item .paymentWrap .payment_item .formList__text {
            width: 100%; }
          #resist .entryForm .entryTab .entryTab_item .paymentWrap .payment_item .row .row {
            width: 50%; }
            @media only screen and (max-width: 768px) {
              #resist .entryForm .entryTab .entryTab_item .paymentWrap .payment_item .row .row {
                width: 100%;
                margin: 0 15px 10px 15px; } }
            @media only screen and (max-width: 768px) {
              #resist .entryForm .entryTab .entryTab_item .paymentWrap .payment_item .row .row.day {
                width: 250px; } }
            @media only screen and (max-width: 768px) {
              #resist .entryForm .entryTab .entryTab_item .paymentWrap .payment_item .row .row.day .col:nth-child(1) {
                width: 100px; } }
            @media only screen and (max-width: 768px) {
              #resist .entryForm .entryTab .entryTab_item .paymentWrap .payment_item .row .row.day .col:nth-child(2) {
                width: 1	0px !important; } }
            @media only screen and (max-width: 768px) {
              #resist .entryForm .entryTab .entryTab_item .paymentWrap .payment_item .row .row.day .col:nth-child(3) {
                width: 120px;
                padding-left: 0; } }
          #resist .entryForm .entryTab .entryTab_item .paymentWrap .payment_item .formList__outer {
            background: #f6f6f6;
            border: 1px solid #eee;
            border-radius: 5px;
            display: inline-block;
            padding: 5px;
            width: 100%;
            position: relative; }

.ui-datepicker select.ui-datepicker-year,
.ui-datepicker select.ui-datepicker-month {
  width: 3.5em !important;
  padding: 2px 5px;
  margin: 0 5px !important;
  background: url("/img/common/angle-down.png") no-repeat 3.2em 9px #fff;
  border: 1px solid #f6f6f6; }

#chu-i p, #chu-i li {
  font-size: 1.5rem;
  line-height: 180%; }
#chu-i .chui_detail01 a {
  transition: all 0.2s linear;
  color: #ff8e00;
  text-decoration: none; }
  #chu-i .chui_detail01 a:hover {
    opacity: 0.7;
    text-decoration: underline !important; }

@media screen and (max-width: 769px) {
  #chu-i .pageTitle__eng::after {
    width: 190px; }
  #chu-i .other {
    margin: 0 auto 100px; }
    #chu-i .other h3 {
      letter-spacing: 0.1em; }
    #chu-i .other .inner {
      margin: 30px 10px 0 10px; }
      #chu-i .other .inner .ttlIco {
        text-align: center;
        width: 50px;
        margin: 0 auto; }
        #chu-i .other .inner .ttlIco img {
          width: 100%;
          height: auto; }
      #chu-i .other .inner .bottomLine {
        padding: 10px 0 20px;
        font-size: 1.6rem;
        letter-spacing: 0.1em;
        text-align: center;
        font-weight: bold; }
        #chu-i .other .inner .bottomLine span {
          font-family: 'Abel', sans-serif;
          font-size: 1.2rem;
          border-bottom: 1px solid #ff8e00;
          padding: 0 0 5px;
          letter-spacing: 0.05em;
          font-weight: bold; }
      #chu-i .other .inner .list {
        display: table;
        margin: 0 auto 40px;
        font-size: 0;
        width: 100%; }
        #chu-i .other .inner .list li {
          display: inline-block;
          width: 50%;
          text-align: center;
          font-size: 1.4rem;
          background: #fff;
          border-top: 1px solid #000;
          border-left: 1px solid #000; }
          #chu-i .other .inner .list li a {
            display: block;
            padding: 15px 0;
            color: #000;
            font-weight: bold;
            text-decoration: none;
            border: none; }
        #chu-i .other .inner .list li:nth-child(even) {
          border-right: 1px solid #000; }
        #chu-i .other .inner .list li:nth-last-child(-n + 2) {
          border-bottom: 1px solid #000; }
        #chu-i .other .inner .list li:last-child {
          border-right: 1px solid #000; }
      #chu-i .other .inner .chui_detail01 {
        line-height: 2.2em;
        margin: 0 0 30px 0; }
        #chu-i .other .inner .chui_detail01 h3 {
          font-weight: bold; }
        #chu-i .other .inner .chui_detail01 ol {
          padding: 0 0 0 30px; }
          #chu-i .other .inner .chui_detail01 ol li {
            padding: 0 0 10px 0;
            list-style: decimal; }
            #chu-i .other .inner .chui_detail01 ol li span {
              font-weight: bold; }
        #chu-i .other .inner .chui_detail01 a {
          text-decoration: none; }
      #chu-i .other .inner .chui_detail01Btm {
        margin: 0; } }
@media screen and (min-width: 769px) {
  #chu-i .pageTitle__eng::after {
    width: 190px; }
  #chu-i .other h3 {
    letter-spacing: 0.1em;
    font-size: 1.5rem; }
  #chu-i .other .inner {
    width: 1100px;
    margin: 0 auto; }
    #chu-i .other .inner .ttlIco {
      text-align: center; }
    #chu-i .other .inner .bottomLine {
      padding: 20px 0 40px;
      font-size: 2.4rem;
      font-weight: bold;
      letter-spacing: 0.1em;
      text-align: center; }
      #chu-i .other .inner .bottomLine span {
        border-bottom: 1px solid #ff8e00;
        font-family: 'Abel', sans-serif;
        font-size: 1.5rem;
        border-bottom: 1px solid #ff8e00;
        padding: 0 0 10px;
        letter-spacing: 0.1em;
        font-weight: bold; }
    #chu-i .other .inner .list {
      display: table;
      margin: 0 auto 40px;
      font-size: 0; }
      #chu-i .other .inner .list li {
        display: inline-block;
        width: 274px;
        margin: 0;
        text-align: center;
        background: #fff;
        border-left: 1px solid #000;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        font-size: 1.4rem; }
        #chu-i .other .inner .list li a {
          background: url(../img/common/icoLink.png) no-repeat center right 15px;
          background-size: 20px 10px;
          display: block;
          padding: 15px 0;
          color: #000;
          font-weight: bold;
          text-decoration: none;
          border: none; }
          #chu-i .other .inner .list li a:hover {
            opacity: 0.5;
            transition: all 0.2s linear; }
      #chu-i .other .inner .list li.listS a {
        margin: 0 0 0 -25px; }
      #chu-i .other .inner .list li:nth-child(n+5) {
        border-top: none; }
      #chu-i .other .inner .list li:last-child, #chu-i .other .inner .list li:nth-child(4n) {
        border-right: 1px solid #000; }
    #chu-i .other .inner .chui_detail01 {
      line-height: 2.2em;
      margin: 0 0 40px 0; }
      #chu-i .other .inner .chui_detail01 h3 {
        font-weight: bold; }
      #chu-i .other .inner .chui_detail01 ol {
        padding: 0 0 0 40px; }
        #chu-i .other .inner .chui_detail01 ol li {
          list-style: decimal;
          padding: 0 0 0 0; }
          #chu-i .other .inner .chui_detail01 ol li span {
            font-weight: bold; }
      #chu-i .other .inner .chui_detail01 a {
        text-decoration: none; }
    #chu-i .other .inner .chui_detail02 {
      line-height: 2.2em;
      margin: 0; }
      #chu-i .other .inner .chui_detail02 h3 {
        font-weight: bold; }
      #chu-i .other .inner .chui_detail02 ol {
        padding: 0 0 0 40px; }
        #chu-i .other .inner .chui_detail02 ol li {
          list-style: decimal;
          padding: 0 0 10px 0; }
          #chu-i .other .inner .chui_detail02 ol li span {
            font-weight: bold; }
      #chu-i .other .inner .chui_detail02 a {
        text-decoration: none; } }
#FAQ p {
  font-size: 1.5rem;
  line-height: 180%; }
#FAQ .txt_answer a {
  transition: all 0.2s linear;
  color: #ff8e00;
  text-decoration: none; }
  #FAQ .txt_answer a:hover {
    opacity: 0.7;
    text-decoration: underline !important; }

@media screen and (max-width: 769px) {
  #FAQ .other {
    background: #f6f7f7 !important;
    margin: 0 auto 100px; }
    #FAQ .other h3 {
      letter-spacing: 0.1em;
      line-height: 180%; }
    #FAQ .other .inner {
      margin: 30px 10px 0 10px; }
      #FAQ .other .inner .ttlIco01 {
        text-align: center; }
      #FAQ .other .inner .ttlIco02 {
        text-align: center;
        margin: 60px 0 0 0; }
      #FAQ .other .inner .bottomLine {
        padding: 20px 0 40px;
        font-size: 1.8rem;
        font-weight: bold;
        letter-spacing: 0.1em;
        text-align: center; }
        #FAQ .other .inner .bottomLine span {
          border-bottom: 1px solid #30c9db !important;
          font-family: 'Abel', sans-serif;
          font-size: 1.5rem;
          border-bottom: 1px solid #ff8e00;
          padding: 0 0 10px;
          letter-spacing: 0.1em;
          font-weight: bold; }
      #FAQ .other .inner .questionTab {
        margin: 0 auto 10px;
        width: 100%; }
        #FAQ .other .inner .questionTab .is-inactive {
          display: none; }
        #FAQ .other .inner .questionTab .questionTab__title {
          background: #e6e6e6;
          padding: 5px 20px 5px 10px;
          font-size: 1.5rem;
          font-weight: bold;
          color: #333;
          cursor: pointer;
          transition: all 0.2s linear;
          position: relative; }
          #FAQ .other .inner .questionTab .questionTab__title .ico {
            margin-right: 0.5em;
            letter-spacing: 0.1em; }
        #FAQ .other .inner .questionTab .questionTab__item {
          background: #fff;
          padding: 10px;
          font-size: 1.5rem; }
          #FAQ .other .inner .questionTab .questionTab__item .ico {
            display: table-cell;
            padding: 0 0.5em 0 0;
            font-size: 1.5rem;
            font-weight: bold !important;
            letter-spacing: 0.1em;
            font-weight: normal; }
          #FAQ .other .inner .questionTab .questionTab__item .txt_answer {
            display: table-cell; }
        #FAQ .other .inner .questionTab .questionTab__title.is-active::after {
          content: "\f106"; }
        #FAQ .other .inner .questionTab .questionTab__title::after {
          font-family: "Font Awesome 5 Free";
          content: "\f107";
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: 10px; }
        #FAQ .other .inner .questionTab .questionTab__ol01 {
          padding: 0 0 0 25px; }
          #FAQ .other .inner .questionTab .questionTab__ol01 li {
            list-style: decimal; }
            #FAQ .other .inner .questionTab .questionTab__ol01 li span {
              padding: 0 0 0 50px; }
        #FAQ .other .inner .questionTab .questionTab__ul01 li {
          list-style: circle;
          margin: 0 0 8px 30px; }
        #FAQ .other .inner .questionTab .bold {
          font-weight: bold; }
        #FAQ .other .inner .questionTab ol li, #FAQ .other .inner .questionTab ul li, #FAQ .other .inner .questionTab p {
          line-height: 28px; }
        #FAQ .other .inner .questionTab a {
          text-decoration: none; }
      #FAQ .other .inner .questionTabBtm {
        margin: 0; }
      #FAQ .other .inner .grayBtn01 {
        background: #dedede;
        width: 61%;
        border-radius: 5px;
        padding: 5px 20px;
        margin: 20px 0 10px 0;
        font-weight: bold; }
      #FAQ .other .inner .grayBtn02 {
        background: #dedede;
        width: 92%;
        border-radius: 5px;
        padding: 5px 20px;
        margin: 20px 0 10px 0;
        font-weight: bold; }
      #FAQ .other .inner .grayBtn03 {
        background: #dedede;
        width: 100%;
        border-radius: 5px;
        padding: 5px 20px;
        margin: 20px 0 10px 0;
        font-weight: bold; } }
@media screen and (min-width: 769px) {
  #FAQ .other h3 {
    letter-spacing: 0.2em; }
  #FAQ .other .inner {
    width: 1100px;
    margin: 0 auto;
    padding: 0; }
    #FAQ .other .inner .ttlIco01 {
      text-align: center; }
    #FAQ .other .inner .ttlIco02 {
      text-align: center;
      margin: 60px 0 0 0; }
    #FAQ .other .inner .bottomLine {
      padding: 20px 0 40px;
      font-size: 2.4rem;
      font-weight: bold;
      letter-spacing: 0.2em;
      text-align: center; }
      #FAQ .other .inner .bottomLine span {
        border-bottom: 1px solid #30c9db !important;
        font-family: 'Abel', sans-serif;
        font-size: 1.5rem;
        border-bottom: 1px solid #ff8e00;
        padding: 0 0 10px;
        letter-spacing: 0.1em;
        font-weight: bold; }
    #FAQ .other .inner .questionTab {
      width: 1100px;
      margin: 0 auto 20px; }
      #FAQ .other .inner .questionTab .is-inactive {
        display: none; }
      #FAQ .other .inner .questionTab .questionTab__title {
        background: #e6e6e6;
        padding: 5px 35px;
        font-size: 1.8rem;
        font-weight: bold;
        color: #333;
        cursor: pointer;
        transition: all 0.2s linear;
        position: relative; }
        #FAQ .other .inner .questionTab .questionTab__title .ico {
          margin-right: 1em; }
      #FAQ .other .inner .questionTab .questionTab__item {
        background: #fff;
        padding: 20px 35px;
        font-size: 1.5rem; }
        #FAQ .other .inner .questionTab .questionTab__item .ico {
          display: table-cell;
          padding: 0 1em 0 0;
          font-size: 1.8rem;
          font-weight: bold !important;
          letter-spacing: 0.2em;
          font-weight: normal; }
        #FAQ .other .inner .questionTab .questionTab__item .txt_answer {
          display: table-cell; }
      #FAQ .other .inner .questionTab .questionTab__title.is-active::after {
        content: "\f106"; }
      #FAQ .other .inner .questionTab .questionTab__title::after {
        font-family: "Font Awesome 5 Free";
        content: "\f107";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 35px; }
      #FAQ .other .inner .questionTab .questionTab__ol01 {
        padding: 0 0 0 25px; }
        #FAQ .other .inner .questionTab .questionTab__ol01 li {
          list-style: decimal; }
          #FAQ .other .inner .questionTab .questionTab__ol01 li span {
            padding: 0 0 0 50px; }
      #FAQ .other .inner .questionTab .questionTab__ul01 li {
        list-style: circle;
        margin: 0 0 8px 30px; }
      #FAQ .other .inner .questionTab .bold {
        font-weight: bold; }
      #FAQ .other .inner .questionTab ol li, #FAQ .other .inner .questionTab ul li, #FAQ .other .inner .questionTab p {
        line-height: 28px; }
      #FAQ .other .inner .questionTab a {
        text-decoration: none; }
    #FAQ .other .inner .questionTabBtm {
      margin: 0; }
    #FAQ .other .inner .grayBtn01 {
      background: #dedede;
      width: 25%;
      border-radius: 5px;
      padding: 5px 20px;
      margin: 20px 0 10px 0;
      font-weight: bold; }
    #FAQ .other .inner .grayBtn02 {
      background: #dedede;
      width: 27%;
      border-radius: 5px;
      padding: 5px 20px;
      margin: 20px 0 10px 0;
      font-weight: bold; }
    #FAQ .other .inner .grayBtn03 {
      background: #dedede;
      width: 34%;
      border-radius: 5px;
      padding: 5px 20px;
      margin: 20px 0 10px 0;
      font-weight: bold; } }
#kiyaku-top2 .cWidthS {
  letter-spacing: -0.1em; }
  @media only screen and (max-width: 768px) {
    #kiyaku-top2 .cWidthS {
      letter-spacing: 0.1em; } }
#kiyaku-top2 p {
  font-size: 1.5rem;
  line-height: 180%; }
#kiyaku-top2 .questionTab a {
  transition: all 0.2s linear;
  color: #ff8e00;
  text-decoration: none; }
  #kiyaku-top2 .questionTab a:hover {
    opacity: 0.7;
    text-decoration: underline !important; }

@media screen and (max-width: 769px) {
  #kiyaku-top2 .other {
    background: #f6f7f7 !important;
    margin: 0 auto 100px; }
    #kiyaku-top2 .other h3 {
      letter-spacing: 0.1em; }
    #kiyaku-top2 .other .mainArea {
      margin: 30px 10px 0 10px; }
      #kiyaku-top2 .other .mainArea .txtMain {
        padding: 0 0 20px; }
        #kiyaku-top2 .other .mainArea .txtMain .ttlIco {
          text-align: center;
          width: 50px;
          margin: 0 auto; }
          #kiyaku-top2 .other .mainArea .txtMain .ttlIco img {
            width: 100%; }
        #kiyaku-top2 .other .mainArea .txtMain .bottomLine {
          padding: 10px 0 20px;
          font-size: 1.6rem;
          letter-spacing: 0.1em;
          text-align: center;
          font-weight: bold; }
          #kiyaku-top2 .other .mainArea .txtMain .bottomLine span {
            font-family: 'Abel', sans-serif;
            font-size: 1.2rem;
            padding: 0 0 5px;
            letter-spacing: 0.05em;
            font-weight: bold;
            border-bottom: 1px solid #58cc00 !important; }
      #kiyaku-top2 .other .mainArea .phMain img {
        width: 100%; }
    #kiyaku-top2 .other .inner {
      margin: 30px 10px 0 10px; }
      #kiyaku-top2 .other .inner .flowTtl {
        padding: 20px 0 20px; }
      #kiyaku-top2 .other .inner .line2Ttl {
        text-align: center;
        margin: 0 auto;
        font-size: 1.6rem; }
      #kiyaku-top2 .other .inner .line2Ttl:before {
        content: url(../img/common/ttlLineL_sp.png);
        padding: 0 5px 0 0; }
      #kiyaku-top2 .other .inner .line2Ttl:after {
        content: url(../img/common/ttlLineR_sp.png);
        padding: 0 0 0 5px; }
      #kiyaku-top2 .other .inner .questionTab {
        margin: 0 auto 10px;
        width: 100%; }
        #kiyaku-top2 .other .inner .questionTab .questionTab__title {
          background: #e6e6e6;
          padding: 5px 35px 5px 10px;
          font-size: 1.5rem;
          font-weight: bold;
          color: #333;
          cursor: pointer;
          transition: all 0.2s linear;
          position: relative; }
        #kiyaku-top2 .other .inner .questionTab .questionTab__item {
          display: block;
          background: #fff;
          padding: 20px 10px; }
          #kiyaku-top2 .other .inner .questionTab .questionTab__item a {
            text-decoration: none; }
        #kiyaku-top2 .other .inner .questionTab .questionTab__title.is-active::after {
          content: "\f106"; }
        #kiyaku-top2 .other .inner .questionTab .questionTab__title::after {
          font-family: "Font Awesome 5 Free";
          content: "\f107";
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: 20px; }
      #kiyaku-top2 .other .inner .orangeBtn {
        display: table-cell;
        padding: 0 10px 0 0; }
        #kiyaku-top2 .other .inner .orangeBtn a {
          display: block;
          color: #fff;
          background: #ff8e00;
          border-radius: 5px;
          padding: 5px 20px;
          margin: 10px 0;
          text-decoration: none;
          border: none; }
      #kiyaku-top2 .other .inner .list {
        display: table;
        padding: 20px 0 0 0;
        margin: 0 auto;
        font-size: 0;
        width: 100%; }
        #kiyaku-top2 .other .inner .list li {
          display: inline-block;
          width: 100%;
          margin: 0;
          text-align: center;
          background: #fff;
          border-bottom: 1px solid #000;
          border-left: 1px solid #000;
          border-right: 1px solid #000;
          font-size: 1.4rem; }
          #kiyaku-top2 .other .inner .list li a {
            background: url(../img/common/icoLink.png) no-repeat center right 15px;
            background-size: 20px 10px;
            display: block;
            padding: 15px 0;
            color: #000;
            font-weight: bold;
            text-decoration: none;
            border: none;
            font-size: 1.5rem; }
        #kiyaku-top2 .other .inner .list li.listS {
          letter-spacing: -0.1em !important; }
          #kiyaku-top2 .other .inner .list li.listS a {
            margin: 0 0 0 -25px; }
        #kiyaku-top2 .other .inner .list li:first-child {
          border: 1px solid #000; } }
@media screen and (min-width: 769px) {
  #kiyaku-top2 .other h3 {
    letter-spacing: 0.1em; }
  #kiyaku-top2 .other .mainArea {
    position: relative;
    background: url(../img/kiyaku-top2/mainPhBg.jpg) no-repeat center 0px;
    height: 600px;
    margin: 0 0 50px; }
    #kiyaku-top2 .other .mainArea .txtMain {
      position: absolute;
      top: 170px;
      left: 0;
      right: 0;
      margin: 0 auto;
      padding: 0 0 0 0;
      width: 500px; }
      #kiyaku-top2 .other .mainArea .txtMain .ttlIco {
        text-align: center; }
      #kiyaku-top2 .other .mainArea .txtMain .bottomLine {
        padding: 20px 0 40px;
        font-size: 2.4rem;
        letter-spacing: 0.1em;
        text-align: center;
        font-weight: bold; }
        #kiyaku-top2 .other .mainArea .txtMain .bottomLine span {
          border-bottom: 1px solid #58cc00 !important;
          font-family: 'Abel', sans-serif;
          font-size: 1.5rem;
          border-bottom: 1px solid #ff8e00;
          padding: 0 0 10px;
          letter-spacing: 0.1em;
          font-weight: bold; }
      #kiyaku-top2 .other .mainArea .txtMain p {
        font-size: 1.5rem;
        line-height: 3.7rem; }
    #kiyaku-top2 .other .mainArea .phMain {
      display: none; }
  #kiyaku-top2 .other .inner {
    width: 1100px;
    margin: 0 auto;
    padding: 50px 0 0 0; }
    #kiyaku-top2 .other .inner .line2Ttl {
      font-size: 2.0rem;
      padding: 0 0 30px;
      text-align: center !important;
      margin: 0 auto !important;
      letter-spacing: 0.1em; }
    #kiyaku-top2 .other .inner .line2Ttl:before {
      content: url(../img/common/ttlLineL.png);
      padding: 0 20px 0 0; }
    #kiyaku-top2 .other .inner .line2Ttl:after {
      content: url(../img/common/ttlLineR.png);
      padding: 0 0 0 20px; }
    #kiyaku-top2 .other .inner .questionTab {
      width: 1100px;
      margin: 0 auto 20px; }
      #kiyaku-top2 .other .inner .questionTab .questionTab__title {
        background: #e6e6e6;
        padding: 5px 35px;
        font-size: 1.8rem;
        font-weight: bold;
        color: #333;
        cursor: pointer;
        transition: all 0.2s linear;
        position: relative; }
      #kiyaku-top2 .other .inner .questionTab .questionTab__item {
        display: block;
        background: #fff;
        padding: 20px 35px; }
        #kiyaku-top2 .other .inner .questionTab .questionTab__item a {
          text-decoration: none; }
      #kiyaku-top2 .other .inner .questionTab .questionTab__title.is-active::after {
        content: "\f106"; }
      #kiyaku-top2 .other .inner .questionTab .questionTab__title::after {
        font-family: "Font Awesome 5 Free";
        content: "\f107";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 35px; }
    #kiyaku-top2 .other .inner .questionTabBtm {
      margin: 0; }
    #kiyaku-top2 .other .inner .orangeBtn {
      display: table-cell;
      padding: 0 10px 0 0; }
      #kiyaku-top2 .other .inner .orangeBtn a {
        display: block;
        color: #fff;
        background: #ff8e00;
        border-radius: 5px;
        padding: 5px 20px;
        margin: 10px 0;
        text-decoration: none;
        border: none; }
        #kiyaku-top2 .other .inner .orangeBtn a:hover {
          opacity: 0.7;
          transition: all 0.2s linear;
          text-decoration: none !important; }
    #kiyaku-top2 .other .inner .list {
      display: table;
      padding: 20px 0 0 0;
      margin: 0 auto;
      font-size: 0; }
      #kiyaku-top2 .other .inner .list li {
        display: inline-block;
        width: 255px;
        margin: 0;
        text-align: center;
        background: #fff;
        border-left: 1px solid #000;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        font-size: 1.4rem; }
        #kiyaku-top2 .other .inner .list li a {
          background: url(../img/common/icoLink.png) no-repeat center right 15px;
          background-size: 20px 10px;
          display: block;
          padding: 15px 0;
          color: #000;
          font-weight: bold;
          text-decoration: none;
          border: none; }
          #kiyaku-top2 .other .inner .list li a:hover {
            opacity: 0.5;
            transition: all 0.2s linear;
            text-decoration: none !important; }
      #kiyaku-top2 .other .inner .list li.listS {
        letter-spacing: -0.1em !important; }
        #kiyaku-top2 .other .inner .list li.listS a {
          margin: 0 0 0 -25px; }
      #kiyaku-top2 .other .inner .list li:nth-child(n+5) {
        border-top: none; }
      #kiyaku-top2 .other .inner .list li:last-child, #kiyaku-top2 .other .inner .list li:nth-child(4n) {
        border-right: 1px solid #000; } }
#kiyaku-top3 p, #kiyaku-top3 li {
  font-size: 1.5rem;
  line-height: 180%; }

@media screen and (max-width: 769px) {
  #kiyaku-top3 .other {
    margin: 0 auto 100px; }
    #kiyaku-top3 .other h3 {
      letter-spacing: 0.1em; }
    #kiyaku-top3 .other .inner {
      margin: 30px 10px 0 10px; }
      #kiyaku-top3 .other .inner .ttlIco {
        width: 50px;
        margin: 0 auto; }
        #kiyaku-top3 .other .inner .ttlIco img {
          width: 100%; }
      #kiyaku-top3 .other .inner .bottomLine {
        padding: 10px 0 20px;
        font-size: 1.5rem;
        font-weight: bold;
        letter-spacing: 0.1em;
        text-align: center; }
        #kiyaku-top3 .other .inner .bottomLine span {
          font-family: 'Abel', sans-serif;
          font-size: 1.2rem;
          border-bottom: 1px solid #ff8e00;
          padding: 0 0 5px;
          letter-spacing: 0.05em;
          font-weight: bold; }
      #kiyaku-top3 .other .inner .line2Ttl {
        padding: 20px 0;
        text-align: center;
        margin: 0 auto;
        font-size: 1.5rem; }
      #kiyaku-top3 .other .inner .line2Ttl:before {
        content: url(../img/common/ttlLineL_sp.png);
        padding: 0 5px 0 0;
        width: 30%; }
      #kiyaku-top3 .other .inner .line2Ttl:after {
        content: url(../img/common/ttlLineR_sp.png);
        padding: 0 0 0 5px;
        width: 30%; }
      #kiyaku-top3 .other .inner .f1 {
        color: #2b087d;
        font-weight: bold; }
      #kiyaku-top3 .other .inner .f2 {
        color: #2ca6df;
        font-weight: bold; }
      #kiyaku-top3 .other .inner .f3 {
        color: #e95413;
        font-weight: bold; }
      #kiyaku-top3 .other .inner .f4 {
        color: #f7b52c;
        font-weight: bold; }
      #kiyaku-top3 .other .inner .box_teamLvl01 {
        margin: 0 0 20px; }
        #kiyaku-top3 .other .inner .box_teamLvl01 .lvl {
          display: table;
          width: 100%;
          margin: 20px auto;
          table-layout: fixed;
          border-spacing: 2px 0; }
          #kiyaku-top3 .other .inner .box_teamLvl01 .lvl li {
            display: table-cell;
            text-align: center;
            padding: 10px 0;
            font-size: 16px;
            font-weight: bold;
            background: #fff; }
        #kiyaku-top3 .other .inner .box_teamLvl01 .team_img {
          margin: 0 auto; }
          #kiyaku-top3 .other .inner .box_teamLvl01 .team_img img {
            width: 100%; }
      #kiyaku-top3 .other .inner .box_ctg01 {
        margin: 0 0 40px; }
        #kiyaku-top3 .other .inner .box_ctg01 .ttl_ctg01 {
          text-align: center;
          background: #ff8e00;
          color: #fff;
          margin: 20px 0 0; }
          #kiyaku-top3 .other .inner .box_ctg01 .ttl_ctg01 li {
            padding: 5px 0; }
        #kiyaku-top3 .other .inner .box_ctg01 ul {
          display: table;
          width: 100%;
          margin: 0 auto;
          background: #fff; }
          #kiyaku-top3 .other .inner .box_ctg01 ul li {
            display: table-cell;
            border: #f7f7f7 2px solid;
            padding: 10px 5px;
            vertical-align: middle; }
            #kiyaku-top3 .other .inner .box_ctg01 ul li img {
              width: 100%; }
            #kiyaku-top3 .other .inner .box_ctg01 ul li span {
              display: block; }
              #kiyaku-top3 .other .inner .box_ctg01 ul li span .red {
                color: #ff0000; }
            #kiyaku-top3 .other .inner .box_ctg01 ul li .red {
              color: #ff0000; }
          #kiyaku-top3 .other .inner .box_ctg01 ul li:nth-child(1), #kiyaku-top3 .other .inner .box_ctg01 ul li:nth-child(3) {
            width: 20%;
            text-align: center; }
          #kiyaku-top3 .other .inner .box_ctg01 ul li:nth-child(2) {
            width: 60%; }
      #kiyaku-top3 .other .inner .questionTab {
        width: 100%;
        margin: 0 auto 10px; }
        #kiyaku-top3 .other .inner .questionTab .questionTab__title {
          background: #e6e6e6;
          padding: 5px 35px;
          font-size: 1.8rem;
          font-weight: bold;
          color: #333;
          cursor: pointer;
          transition: all 0.2s linear;
          position: relative; }
        #kiyaku-top3 .other .inner .questionTab .questionTab__item {
          line-height: 24px;
          display: block;
          background: #fff;
          padding: 20px 15px; }
          #kiyaku-top3 .other .inner .questionTab .questionTab__item ol {
            padding: 0 0 0 20px; }
            #kiyaku-top3 .other .inner .questionTab .questionTab__item ol li {
              list-style: decimal; }
        #kiyaku-top3 .other .inner .questionTab .questionTab__title.is-active::after {
          content: "\f106"; }
        #kiyaku-top3 .other .inner .questionTab .questionTab__title::after {
          font-family: "Font Awesome 5 Free";
          content: "\f107";
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: 35px; }
      #kiyaku-top3 .other .inner .questionTabBtm {
        margin: 0; } }
@media screen and (min-width: 769px) {
  #kiyaku-top3 .other h3 {
    letter-spacing: 0.1em; }
  #kiyaku-top3 .other .inner {
    width: 1100px;
    margin: 0 auto; }
    #kiyaku-top3 .other .inner .ttlIco {
      text-align: center; }
    #kiyaku-top3 .other .inner .bottomLine {
      padding: 20px 0 40px;
      font-size: 2.4rem;
      font-weight: bold;
      letter-spacing: 0.1em;
      text-align: center; }
      #kiyaku-top3 .other .inner .bottomLine span {
        border-bottom: 1px solid #ff8e00 !important;
        font-family: 'Abel', sans-serif;
        font-size: 1.5rem;
        border-bottom: 1px solid #ff8e00;
        padding: 0 0 10px;
        letter-spacing: 0.1em;
        font-weight: bold; }
    #kiyaku-top3 .other .inner .line2Ttl {
      font-size: 2.0rem;
      padding: 40px 0;
      text-align: center !important;
      margin: 0 auto !important;
      letter-spacing: 0.1em; }
    #kiyaku-top3 .other .inner .line2Ttl:before {
      content: url(../img/common/ttlLineL.png);
      padding: 0 20px 0 0; }
    #kiyaku-top3 .other .inner .line2Ttl:after {
      content: url(../img/common/ttlLineR.png);
      padding: 0 0 0 20px; }
    #kiyaku-top3 .other .inner .f1 {
      color: #2b087d;
      font-weight: bold; }
    #kiyaku-top3 .other .inner .f2 {
      color: #2ca6df;
      font-weight: bold; }
    #kiyaku-top3 .other .inner .f3 {
      color: #e95413;
      font-weight: bold; }
    #kiyaku-top3 .other .inner .f4 {
      color: #f7b52c;
      font-weight: bold; }
    #kiyaku-top3 .other .inner .box_teamLvl01 {
      margin: 0 0 60px; }
      #kiyaku-top3 .other .inner .box_teamLvl01 .lvl {
        display: table;
        width: 1100px;
        margin: 20px auto;
        table-layout: fixed;
        border-spacing: 2px 0; }
        #kiyaku-top3 .other .inner .box_teamLvl01 .lvl li {
          display: table-cell;
          text-align: center;
          padding: 10px 0;
          font-size: 16px;
          font-weight: bold;
          background: #fff; }
      #kiyaku-top3 .other .inner .box_teamLvl01 .team_img {
        margin: 0 auto;
        text-align: center; }
    #kiyaku-top3 .other .inner .box_ctg01 {
      margin: 0 0 100px; }
      #kiyaku-top3 .other .inner .box_ctg01 .ttl_ctg01 {
        text-align: center;
        background: #ff8e00;
        color: #fff;
        margin: 40px 0 0; }
        #kiyaku-top3 .other .inner .box_ctg01 .ttl_ctg01 li {
          padding: 25px 0; }
      #kiyaku-top3 .other .inner .box_ctg01 ul {
        display: table;
        width: 1100px;
        margin: 0 auto;
        background: #fff; }
        #kiyaku-top3 .other .inner .box_ctg01 ul li {
          display: table-cell;
          border: #f7f7f7 2px solid;
          padding: 10px 15px;
          vertical-align: middle; }
          #kiyaku-top3 .other .inner .box_ctg01 ul li img {
            width: 35%; }
          #kiyaku-top3 .other .inner .box_ctg01 ul li span {
            padding: 0 8px; }
            #kiyaku-top3 .other .inner .box_ctg01 ul li span .red {
              color: #ff0000; }
          #kiyaku-top3 .other .inner .box_ctg01 ul li .red {
            color: #ff0000; }
        #kiyaku-top3 .other .inner .box_ctg01 ul li:nth-child(1), #kiyaku-top3 .other .inner .box_ctg01 ul li:nth-child(3) {
          width: 20%;
          text-align: center; }
        #kiyaku-top3 .other .inner .box_ctg01 ul li:nth-child(2) {
          width: 60%; }
    #kiyaku-top3 .other .inner .questionTab {
      width: 1100px;
      margin: 0 auto 10px; }
      #kiyaku-top3 .other .inner .questionTab .questionTab__title {
        background: #e6e6e6;
        padding: 5px 35px 5px 10px;
        font-size: 1.6rem;
        font-weight: bold;
        color: #333;
        cursor: pointer;
        transition: all 0.2s linear;
        position: relative; }
      #kiyaku-top3 .other .inner .questionTab .questionTab__item {
        display: block;
        background: #fff;
        padding: 20px 35px; }
        #kiyaku-top3 .other .inner .questionTab .questionTab__item ol li {
          list-style: decimal;
          margin: 0 0 0 25px; }
      #kiyaku-top3 .other .inner .questionTab .questionTab__title.is-active::after {
        content: "\f106"; }
      #kiyaku-top3 .other .inner .questionTab .questionTab__title::after {
        font-family: "Font Awesome 5 Free";
        content: "\f107";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 35px; }
    #kiyaku-top3 .other .inner .questionTabBtm {
      margin: 0; } }
#manual_touroku p, #manual_touroku li {
  font-size: 1.5rem;
  line-height: 180%; }
#manual_touroku .flow {
  background-color: #fff;
  padding: 15px;
  margin: 0 auto 30px; }
  @media only screen and (max-width: 768px) {
    #manual_touroku .flow {
      width: 95%; } }
  #manual_touroku .flow .num {
    font-size: 24px; }
  #manual_touroku .flow img {
    width: 700px;
    height: auto;
    margin: 0 auto;
    border: 1px solid #ccc; }
    @media only screen and (max-width: 768px) {
      #manual_touroku .flow img {
        width: 100%; } }

@media screen and (max-width: 769px) {
  #manual_touroku .other {
    background: #f6f7f7 !important;
    margin: 0 auto 100px; }
    #manual_touroku .other h3 {
      letter-spacing: 0.2em; }
    #manual_touroku .other .inner {
      margin: 30px 10px 0 10px; }
      #manual_touroku .other .inner .ttlIco {
        text-align: center;
        width: 50px;
        margin: 0 auto; }
        #manual_touroku .other .inner .ttlIco img {
          width: 100%; }
      #manual_touroku .other .inner .bottomLine {
        padding: 10px 0 20px;
        font-size: 2.0rem;
        font-weight: bold;
        letter-spacing: 0.2em;
        text-align: center; }
        #manual_touroku .other .inner .bottomLine span {
          font-family: 'Abel', sans-serif;
          font-size: 1.2rem;
          padding: 0 0 5px;
          letter-spacing: 0.05em;
          font-weight: bold;
          border-bottom: 1px solid #58cc00 !important; }
      #manual_touroku .other .inner .flowTtl {
        padding: 20px 0 20px; }
      #manual_touroku .other .inner .line2Ttl {
        text-align: center;
        margin: 0 auto;
        font-size: 1.5rem; }
      #manual_touroku .other .inner .line2Ttl:before {
        content: url(../img/common/ttlLineL_sp.png);
        padding: 0 5px 0 0; }
      #manual_touroku .other .inner .line2Ttl:after {
        content: url(../img/common/ttlLineR_sp.png);
        padding: 0 0 0 5px; }
      #manual_touroku .other .inner .list {
        margin: 0 0 40px;
        font-size: 0;
        /*
        li:before {
        	content: " ";
        	display: block;
        	width: 0;
        	height: 0;
        	border-top: 50px solid transparent;
        	border-bottom: 50px solid transparent;
        	border-left: 30px solid #000;
        	position: absolute;
        	top: 50%;
        	margin-top: -50px;
        	margin-left: 1px;
        	left: 100%;
        	z-index: 1;
        }
        li:after {
        	content: " ";
        	display: block;
        	width: 0;
        	height: 0;
        	border-top: 50px solid transparent;
        	border-bottom: 50px solid transparent;
        	border-left: 30px solid #fff;
        	position: absolute;
        	top: 50%;
        	margin-top: -50px;
        	left: 100%;
        	z-index: 2;
        }
        */ }
        #manual_touroku .other .inner .list li {
          margin: 0 0 20px 0;
          padding: 10px;
          text-align: center;
          background: #fff;
          font-size: 1.4rem;
          position: relative; }
          #manual_touroku .other .inner .list li a {
            display: block;
            color: #000;
            font-weight: bold;
            text-decoration: none;
            border: none;
            letter-spacing: 0.1em; }
            #manual_touroku .other .inner .list li a h4 {
              font-size: 1.5rem;
              text-align: left;
              letter-spacing: 0.1em; }
            #manual_touroku .other .inner .list li a p {
              text-align: left;
              line-height: 22px;
              font-weight: normal;
              font-size: 1.3rem;
              letter-spacing: 0; }
            #manual_touroku .other .inner .list li a i {
              position: absolute;
              right: 10px;
              top: 40%; }
        #manual_touroku .other .inner .list li.listS {
          letter-spacing: -0.1em !important; }
          #manual_touroku .other .inner .list li.listS a {
            margin: 0 0 0 -25px; }
        #manual_touroku .other .inner .list li:last-child:before, #manual_touroku .other .inner .list li:last-child:after {
          border-top: none;
          border-bottom: none;
          border-left: none; }
      #manual_touroku .other .inner .listBtm {
        margin: 0; } }
@media screen and (min-width: 769px) {
  #manual_touroku .other h3 {
    letter-spacing: 0.2em; }
  #manual_touroku .other .inner {
    width: 1100px;
    margin: 0 auto; }
    #manual_touroku .other .inner .ttlIco {
      text-align: center; }
    #manual_touroku .other .inner .bottomLine {
      padding: 20px 0 40px;
      font-size: 2.4rem;
      font-weight: bold;
      letter-spacing: 0.2em;
      text-align: center; }
      #manual_touroku .other .inner .bottomLine span {
        border-bottom: 1px solid #58cc00 !important;
        font-family: 'Abel', sans-serif;
        font-size: 1.5rem;
        border-bottom: 1px solid #ff8e00;
        padding: 0 0 10px;
        letter-spacing: 0.1em;
        font-weight: bold; }
    #manual_touroku .other .inner .line2Ttl {
      font-size: 2.0rem;
      padding: 30px 0;
      text-align: center !important;
      margin: 0 auto !important;
      letter-spacing: 0.1em; }
    #manual_touroku .other .inner .line2Ttl:before {
      content: url(../img/common/ttlLineL.png);
      padding: 0 20px 0 0; }
    #manual_touroku .other .inner .line2Ttl:after {
      content: url(../img/common/ttlLineR.png);
      padding: 0 0 0 20px; }
    #manual_touroku .other .inner .list {
      display: table;
      margin: 0 0 40px;
      font-size: 0;
      /*
      li:before {
      	content: " ";
      	display: block;
      	width: 0;
      	height: 0;
      	border-top: 50px solid transparent;
      	border-bottom: 50px solid transparent;
      	border-left: 30px solid #000;
      	position: absolute;
      	top: 50%;
      	margin-top: -50px;
      	margin-left: 1px;
      	left: 100%;
      	z-index: 1;
      }
      li:after {
      	content: " ";
      	display: block;
      	width: 0;
      	height: 0;
      	border-top: 50px solid transparent;
      	border-bottom: 50px solid transparent;
      	border-left: 30px solid #fff;
      	position: absolute;
      	top: 50%;
      	margin-top: -50px;
      	left: 100%;
      	z-index: 2;
      }
      */ }
      #manual_touroku .other .inner .list li {
        display: inline-table;
        width: 100%;
        height: 100%;
        margin: 0 0 20px 0;
        text-align: center;
        background: #fff;
        font-size: 1.4rem;
        position: relative;
        padding: 10px 0 0 20px;
        vertical-align: middle; }
        #manual_touroku .other .inner .list li a {
          display: block;
          color: #000;
          text-decoration: none;
          letter-spacing: 0.1em;
          width: 100%;
          height: 26px; }
          #manual_touroku .other .inner .list li a h4 {
            float: left;
            font-size: 2.0rem;
            text-align: left;
            letter-spacing: 0.1em;
            padding: 0 0 10px;
            margin-right: 20px;
            width: 200px;
            font-weight: bold; }
          #manual_touroku .other .inner .list li a p {
            float: left;
            line-height: 22px;
            font-weight: normal; }
          #manual_touroku .other .inner .list li a i {
            float: right;
            margin-right: 20px;
            margin-top: 5px; }
      #manual_touroku .other .inner .list li.listS {
        letter-spacing: -0.1em !important; }
        #manual_touroku .other .inner .list li.listS a {
          margin: 0 0 0 -25px; }
      #manual_touroku .other .inner .list li:nth-child(2) {
        border-left: none; }
      #manual_touroku .other .inner .list li:last-child {
        border-left: none;
        /*border-right:1px solid #000;*/ }
      #manual_touroku .other .inner .list li:last-child:before, #manual_touroku .other .inner .list li:last-child:after {
        border-top: none;
        border-bottom: none;
        border-left: none; }
      #manual_touroku .other .inner .list .full {
        width: 1100px;
        /* border-left:1px solid #000!important; */ }
    #manual_touroku .other .inner .listBtm {
      margin: 0; } }
#point p, #point li {
  font-size: 1.5rem;
  line-height: 180%; }
#point .questionTab a {
  transition: all 0.2s linear;
  color: #ff8e00;
  text-decoration: none; }
  #point .questionTab a:hover {
    opacity: 0.7;
    text-decoration: underline !important; }
#point .btnArea__item {
  width: 250px;
  margin-bottom: 0; }
  @media only screen and (max-width: 768px) {
    #point .btnArea__item {
      width: 250px; } }
#point .clear {
  clear: both; }
@media screen and (min-width: 769px) {
  #point .sp {
    display: none; } }
#point .btnArea a {
  display: block;
  text-decoration: none; }
#point .btnArea .confirm {
  width: 250px;
  text-align: center;
  border: #ff6c00 2px solid;
  font-size: 1.5rem;
  padding: 10px;
  cursor: pointer;
  background: #ff6c00;
  color: #fff; }
  #point .btnArea .confirm:hover {
    background: #fff;
    color: #ff6c00; }
  @media only screen and (max-width: 768px) {
    #point .btnArea .confirm {
      width: 100%;
      -webkit-appearance: none;
      border-radius: 0;
      padding: 5px;
      border-width: 1px; } }
#point .point__table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px;
  margin-bottom: 80px; }
  @media only screen and (max-width: 768px) {
    #point .point__table {
      margin-bottom: 30px; } }
  @media screen and (min-width: 769px) {
    #point .point__table.narrow {
      width: 50%;
      float: right; } }
  #point .point__table thead th {
    background: #b5b5b5;
    font-size: 1.4rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    padding: 10px 5px; }
  #point .point__table tbody tr:nth-child(even) th, #point .point__table tbody tr:nth-child(even) td {
    background: #f2f2f2; }
  #point .point__table tbody th, #point .point__table tbody td {
    background: #fff;
    text-align: center;
    padding: 10px 5px;
    vertical-align: middle;
    letter-spacing: 0;
    font-size: 1.3rem;
    font-weight: 500; }
  @media only screen and (max-width: 768px) {
    #point .point__table tbody td {
      padding: 5px;
      border: none; } }
  @media only screen and (max-width: 768px) {
    #point .point__table tbody .rankTr {
      width: 10rem;
      text-align: left;
      font-size: 10px; } }
#point .point__guide {
  float: left;
  margin: 0 155px 30px;
  display: inline-block;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  text-align: center;
  line-height: 240px;
  background-color: #ff6c00;
  border: 1px solid #ff6c00;
  color: #fff;
  font-size: 30px; }
  #point .point__guide span {
    font-size: 24px; }
  @media only screen and (max-width: 768px) {
    #point .point__guide {
      float: none;
      margin: 0 auto 30px;
      display: block; } }
#point .rank {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  margin: 0 0.5rem 0 0;
  color: #fff; }
  @media only screen and (max-width: 768px) {
    #point .rank {
      display: block; } }
  #point .rank.regular {
    background-color: #ff6c00;
    border: 1px solid #ff6c00; }
  #point .rank.silver {
    background: -webkit-linear-gradient(40deg, #919191, #fafafa);
    background: linear-gradient(40deg, #919191, #fafafa);
    border: 1px solid #919191; }
  #point .rank.gold {
    background: -webkit-linear-gradient(40deg, #ffb800, #fff0bd);
    background: linear-gradient(40deg, #ffb800, #fff0bd);
    border: 1px solid #FFB800; }
  #point .rank.platinum {
    background: -webkit-linear-gradient(40deg, black, #606060);
    background: linear-gradient(40deg, black, #606060);
    border: 1px solid #000; }
#point .imgPt02 {
  width: 100%;
  margin: 0 0 30px 0; }
  #point .imgPt02 img {
    width: 100%; }

@media screen and (max-width: 769px) {
  #point #breadcrumbs {
    margin: 0; }
  #point .redBold {
    color: #ff0000;
    font-weight: bold; }
  #point .red {
    color: #ff0000; }
  #point .bold {
    font-weight: bold; }
  #point .mainArea {
    background: #fff;
    padding: 0 10px; }
    #point .mainArea .box_pt01 {
      padding: 0 !important; }
  #point .other {
    margin: 0 auto 100px; }
    #point .other h3 {
      letter-spacing: 0.1em; }
    #point .other .inner {
      width: 100%;
      margin: 0 auto;
      padding: 25px 0 0 0; }
      #point .other .inner .imgPt01 .mainPh_pc {
        display: none; }
      #point .other .inner .imgPt01 img {
        width: 100%; }
      #point .other .inner .ttlIco {
        margin: 0 auto;
        width: 50px; }
        #point .other .inner .ttlIco img {
          width: 100%; }
      #point .other .inner .bottomLine {
        padding: 10px 0 20px;
        font-size: 1.6rem;
        font-weight: bold;
        letter-spacing: 0.1em;
        text-align: center; }
        #point .other .inner .bottomLine span {
          border-bottom: 1px solid #ff8e00 !important;
          font-family: 'Abel', sans-serif;
          font-size: 1.5rem;
          border-bottom: 1px solid #ff8e00;
          padding: 0 0 10px;
          letter-spacing: 0.1em;
          font-weight: bold; }
      #point .other .inner .pointList {
        width: 100%;
        padding: 40px 0 0 0; }
        #point .other .inner .pointList li:nth-child(1) {
          background: #ff8e00; }
          #point .other .inner .pointList li:nth-child(1) .pointIco {
            border: 5px solid #ff8e00;
            color: #ff8e00; }
        #point .other .inner .pointList li {
          padding: 10px;
          margin-bottom: 50px; }
          #point .other .inner .pointList li .pointInner {
            background: #fff;
            border-radius: 5px;
            padding: 10px;
            margin: 10px 0 0 0; }
            #point .other .inner .pointList li .pointInner .ph {
              text-align: center; }
              #point .other .inner .pointList li .pointInner .ph img {
                width: 100%; }
            #point .other .inner .pointList li .pointInner .txt {
              display: table;
              width: 100%; }
            #point .other .inner .pointList li .pointInner p {
              display: table-cell;
              text-align: center;
              width: 50%;
              font-weight: bold;
              font-size: 1.1rem;
              line-height: 18px;
              padding: 10px 0 0 0; }
          #point .other .inner .pointList li .pointIco {
            width: 70px;
            height: 70px;
            background: #fff;
            border-radius: 50px;
            font-size: 3.0rem;
            font-weight: bold;
            text-align: center;
            margin: -55px auto 0;
            font-family: 'Abel', sans-serif;
            padding-top: 6px; }
            #point .other .inner .pointList li .pointIco span {
              display: block;
              font-size: 1.5rem;
              margin: 0px 0 0 0; }
      #point .other .inner .uniformList {
        display: table;
        width: 100%; }
        #point .other .inner .uniformList ul {
          display: table;
          width: 100%; }
          #point .other .inner .uniformList ul li {
            position: relative;
            display: inline-block;
            width: 50%;
            font-weight: bold;
            line-height: 20px; }
            #point .other .inner .uniformList ul li .ph {
              padding: 0 40% 0 0; }
            #point .other .inner .uniformList ul li .zaiko {
              position: relative;
              display: inline-block;
              top: -60px;
              left: 55%;
              background: #ff8e00;
              border-radius: 5px;
              font-family: 'Abel', sans-serif;
              padding: 20px 0;
              color: #fff;
              font-size: 20px;
              letter-spacing: 0.05em;
              width: 70px;
              text-align: center;
              z-index: 0; }
            #point .other .inner .uniformList ul li .zaiko:after {
              border: 10px solid transparent;
              border-right-color: #ff8e00;
              border-left-width: 0;
              width: 0;
              left: -10px;
              content: "";
              display: block;
              top: 20px;
              position: absolute; }
            #point .other .inner .uniformList ul li img {
              width: 100%;
              height: auto; }
    #point .other .lineTtl {
      font-weight: bold;
      color: #333;
      padding: 15px 0;
      margin: 30px 0 30px;
      border-bottom: 1px solid #333;
      border-top: 1px solid #333;
      font-size: 1.5rem;
      letter-spacing: 0.1em;
      text-align: center; }
    #point .other .line2Ttl {
      padding: 0 0 20px 0;
      text-align: center !important;
      margin: 0 auto !important; }
    #point .other .line2Ttl:before {
      content: url(../img/common/ttlLineL_sp.png);
      padding: 0 5px 0 0; }
    #point .other .line2Ttl:after {
      content: url(../img/common/ttlLineR_sp.png);
      padding: 0 0 0 5px; }
    #point .other .box_pt01 {
      width: 100%;
      margin: 0 auto;
      padding: 0 10px; }
      #point .other .box_pt01 a {
        text-decoration: none; }
    #point .other .box_pt02 {
      width: 100%;
      margin: 0 auto;
      padding: 0 10px; }
      #point .other .box_pt02 a {
        text-decoration: none; }
    #point .other .txt_pt01 {
      padding: 0 0 20px 0;
      font-size: 1.6rem; }
    #point .other .questionTab {
      width: 100%;
      margin: 0 auto 10px; }
      #point .other .questionTab .questionTab__title {
        background: #e6e6e6;
        padding: 5px 25px 5px 15px;
        font-size: 1.8rem;
        font-weight: bold;
        color: #333;
        cursor: pointer;
        transition: all 0.2s linear;
        position: relative; }
      #point .other .questionTab .questionTab__item {
        display: block;
        background: #fff;
        padding: 20px 15px;
        font-size: 1.5rem; }
        #point .other .questionTab .questionTab__item ul li {
          list-style: outside disc !important;
          padding: 0 0 5px 0;
          margin: 0 0 8px 30px; }
      #point .other .questionTab .questionTab__title.is-active::after {
        content: "\f106"; }
      #point .other .questionTab .questionTab__title::after {
        font-family: "Font Awesome 5 Free";
        content: "\f107";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 10px; }
      #point .other .questionTab .inrBox_grey01 {
        margin: 20px 0;
        line-height: 20px; }
        #point .other .questionTab .inrBox_grey01 h3 {
          font-weight: bold;
          padding: 0 0 20px;
          letter-spacing: inherit; }
        #point .other .questionTab .inrBox_grey01 ul li {
          margin: 0 0 8px 30px; }
    #point .other .questionTabBtm {
      margin: 0; }
    #point .other .ol01 {
      padding: 0 0 0 20px;
      font-size: 1.5rem; }
      #point .other .ol01 li {
        list-style: decimal;
        line-height: 3rem; }
        #point .other .ol01 li span {
          padding: 0 0 0 50px; }
      #point .other .ol01 ul li {
        margin: 0 0 0 20px;
        list-style: disc; }
    #point .other .uniformLink li {
      margin: 20px 0 0 0; }
      #point .other .uniformLink li img {
        width: 100%;
        height: auto; } }
@media screen and (min-width: 769px) {
  #point .redBold {
    color: #ff0000;
    font-weight: bold; }
  #point .red {
    color: #ff0000; }
  #point .bold {
    font-weight: bold; }
  #point .mainArea {
    /* background: #fff;
    margin: 250px 0 0 0; */ }
  #point .other h3 {
    letter-spacing: 0.2em; }
  #point .other .inner {
    width: 1100px;
    margin: 0 auto;
    padding: 0; }
    #point .other .inner .imgPt01 .mainPh_sp {
      display: none; }
    #point .other .inner .imgPt01 img {
      margin: -180px 0 0 0; }
    #point .other .inner .ttlIco {
      text-align: center; }
    #point .other .inner .bottomLine {
      padding: 20px 0 40px;
      font-size: 2.4rem;
      font-weight: bold;
      letter-spacing: 0.2em;
      text-align: center; }
      #point .other .inner .bottomLine span {
        border-bottom: 1px solid #ff8e00 !important;
        font-family: 'Abel', sans-serif;
        font-size: 1.5rem;
        border-bottom: 1px solid #ff8e00;
        padding: 0 0 10px;
        letter-spacing: 0.1em;
        font-weight: bold; }
    #point .other .inner .pointList {
      display: table;
      width: 100%;
      padding: 50px 0 0 0; }
      #point .other .inner .pointList li:nth-child(1) {
        background: #ff8e00; }
        #point .other .inner .pointList li:nth-child(1) .pointIco {
          border: 8px solid #ff8e00;
          color: #ff8e00; }
      #point .other .inner .pointList li {
        display: table-cell;
        padding: 20px;
        width: 50%; }
        #point .other .inner .pointList li .pointInner {
          background: #fff;
          border-radius: 5px;
          padding: 20px;
          margin: 10px 0 0 0; }
          #point .other .inner .pointList li .pointInner .ph {
            text-align: center;
            width: 100%; }
          #point .other .inner .pointList li .pointInner .txt {
            display: table;
            width: 100%; }
          #point .other .inner .pointList li .pointInner p {
            display: table-cell;
            text-align: center;
            width: 50%;
            font-weight: bold;
            font-size: 1.4rem;
            line-height: 20px;
            padding: 10px 0 0 0; }
        #point .other .inner .pointList li .pointIco {
          width: 100px;
          height: 100px;
          background: #fff;
          border-radius: 50px;
          font-size: 4.0rem;
          font-weight: bold;
          text-align: center;
          margin: -70px auto 0;
          padding: 13px 0 0 0;
          font-family: 'Abel', sans-serif; }
          #point .other .inner .pointList li .pointIco span {
            display: block;
            font-size: 1.6rem;
            margin: 15px 0 0 0; }
    #point .other .inner .uniformList {
      display: table;
      width: 100%; }
      #point .other .inner .uniformList ul {
        display: table;
        width: 100%; }
        #point .other .inner .uniformList ul li {
          position: relative;
          display: table-cell;
          width: 25%;
          font-weight: bold;
          line-height: 20px; }
          #point .other .inner .uniformList ul li .ph {
            padding: 20px 0 0 0; }
          #point .other .inner .uniformList ul li .zaiko {
            position: relative;
            display: inline-block;
            top: -60px;
            left: 150px;
            background: #ff8e00;
            border-radius: 5px;
            font-family: 'Abel', sans-serif;
            padding: 20px 0;
            color: #fff;
            font-size: 24px;
            letter-spacing: 0.05em;
            width: 90px;
            text-align: center;
            z-index: 0; }
          #point .other .inner .uniformList ul li .zaiko:after {
            border: 10px solid transparent;
            border-right-color: #ff8e00;
            border-left-width: 0;
            width: 0;
            left: -10px;
            content: "";
            display: block;
            top: 20px;
            position: absolute; }
  #point .other .lineTtl {
    font-weight: bold;
    color: #333;
    padding: 25px 0;
    margin: 30px 0 30px;
    border-bottom: 1px solid #333;
    border-top: 1px solid #333;
    font-size: 2.0rem;
    letter-spacing: 0.2em;
    text-align: center; }
  #point .other .line2Ttl {
    font-size: 2.0rem;
    padding: 40px 0;
    text-align: center !important;
    margin: 0 auto !important;
    letter-spacing: 0.1em; }
  #point .other .line2Ttl:before {
    content: url(../img/common/ttlLineL.png);
    padding: 0 20px 0 0; }
  #point .other .line2Ttl:after {
    content: url(../img/common/ttlLineR.png);
    padding: 0 0 0 20px; }
  #point .other .box_pt01 {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 60px; }
    #point .other .box_pt01 a {
      text-decoration: none; }
  #point .other .box_pt02 {
    width: 100%;
    margin: 0 auto;
    padding: 0; }
    #point .other .box_pt02 a {
      text-decoration: none; }
  #point .other .txt_pt01 {
    padding: 0 0 20px 0;
    text-align: center;
    font-size: 1.5rem;
    margin-bottom: 30px; }
  #point .other .questionTab {
    width: 1100px;
    margin: 0 auto 20px; }
    #point .other .questionTab .questionTab__title {
      background: #e6e6e6;
      padding: 5px 35px 5px 10px;
      font-size: 1.5rem;
      font-weight: bold;
      color: #333;
      cursor: pointer;
      transition: all 0.2s linear;
      position: relative; }
    #point .other .questionTab .questionTab__item {
      display: block;
      background: #fff;
      padding: 20px 35px; }
      #point .other .questionTab .questionTab__item ul li {
        list-style: outside disc !important;
        padding: 0 0 5px 0;
        margin: 0 0 8px 30px; }
    #point .other .questionTab .questionTab__title.is-active::after {
      content: "\f106"; }
    #point .other .questionTab .questionTab__title::after {
      font-family: "Font Awesome 5 Free";
      content: "\f107";
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 35px; }
    #point .other .questionTab .inrBox_grey01 {
      margin: 20px 0;
      font-size: 1.4rem;
      line-height: 20px;
      padding: 25px;
      background: #f7f7f7; }
      #point .other .questionTab .inrBox_grey01 h3 {
        font-weight: bold;
        text-align: center;
        padding: 0 0 20px;
        font-size: 1.5rem; }
      #point .other .questionTab .inrBox_grey01 ul li {
        margin: 0 0 8px 30px; }
  #point .other .questionTabBtm {
    margin: 0; }
  #point .other .questionTab__ol01 {
    padding: 0 0 0 25px; }
    #point .other .questionTab__ol01 li {
      list-style: decimal; }
      #point .other .questionTab__ol01 li span {
        padding: 0 0 0 50px; }
  #point .other .ol01 {
    padding: 0 0 0 40px; }
    #point .other .ol01 li {
      list-style: decimal;
      line-height: 3rem; }
      #point .other .ol01 li span {
        padding: 0 0 0 50px; }
    #point .other .ol01 ul li {
      margin: 0 0 0 20px;
      list-style: disc; }
  #point .other .uniformLink {
    display: table;
    padding: 40px 0 0 0;
    width: 100%; }
    #point .other .uniformLink li {
      display: table-cell;
      width: 50%;
      text-align: center; } }
#point p, #point li {
  font-size: 1.5rem;
  line-height: 180%; }
#point .questionTab a {
  transition: all 0.2s linear;
  color: #ff8e00;
  text-decoration: none; }
  #point .questionTab a:hover {
    opacity: 0.7;
    text-decoration: underline !important; }
#point .btnArea__item {
  width: 250px;
  margin-bottom: 0; }
  @media only screen and (max-width: 768px) {
    #point .btnArea__item {
      width: 250px; } }
#point .clear {
  clear: both; }
@media screen and (min-width: 769px) {
  #point .sp {
    display: none; } }
#point .btnArea a {
  display: block;
  text-decoration: none; }
#point .btnArea .confirm {
  width: 250px;
  text-align: center;
  border: #ff6c00 2px solid;
  font-size: 1.5rem;
  padding: 10px;
  cursor: pointer;
  background: #ff6c00;
  color: #fff; }
  #point .btnArea .confirm:hover {
    background: #fff;
    color: #ff6c00; }
  @media only screen and (max-width: 768px) {
    #point .btnArea .confirm {
      width: 100%;
      -webkit-appearance: none;
      border-radius: 0;
      padding: 5px;
      border-width: 1px; } }
#point .point__table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px;
  margin-bottom: 80px; }
  @media only screen and (max-width: 768px) {
    #point .point__table {
      margin-bottom: 30px; } }
  @media screen and (min-width: 769px) {
    #point .point__table.narrow {
      width: 50%;
      float: right; } }
  #point .point__table thead th {
    background: #b5b5b5;
    font-size: 1.4rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    padding: 10px 5px; }
  #point .point__table tbody tr:nth-child(even) th, #point .point__table tbody tr:nth-child(even) td {
    background: #f2f2f2; }
  #point .point__table tbody th, #point .point__table tbody td {
    background: #fff;
    text-align: center;
    padding: 10px 5px;
    vertical-align: middle;
    letter-spacing: 0;
    font-size: 1.3rem;
    font-weight: 500; }
  @media only screen and (max-width: 768px) {
    #point .point__table tbody td {
      padding: 5px;
      border: none; } }
  @media only screen and (max-width: 768px) {
    #point .point__table tbody .rankTr {
      width: 10rem;
      text-align: left;
      font-size: 10px; } }
#point .point__guide {
  float: left;
  margin: 0 155px 30px;
  display: inline-block;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  text-align: center;
  line-height: 240px;
  background-color: #ff6c00;
  border: 1px solid #ff6c00;
  color: #fff;
  font-size: 30px; }
  #point .point__guide span {
    font-size: 24px; }
  @media only screen and (max-width: 768px) {
    #point .point__guide {
      float: none;
      margin: 0 auto 30px;
      display: block; } }
#point .rank {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  margin: 0 0.5rem 0 0;
  color: #fff; }
  @media only screen and (max-width: 768px) {
    #point .rank {
      display: block; } }
  #point .rank.regular {
    background-color: #ff6c00;
    border: 1px solid #ff6c00; }
  #point .rank.silver {
    background: -webkit-linear-gradient(40deg, #919191, #fafafa);
    background: linear-gradient(40deg, #919191, #fafafa);
    border: 1px solid #919191; }
  #point .rank.gold {
    background: -webkit-linear-gradient(40deg, #ffb800, #fff0bd);
    background: linear-gradient(40deg, #ffb800, #fff0bd);
    border: 1px solid #FFB800; }
  #point .rank.platinum {
    background: -webkit-linear-gradient(40deg, black, #606060);
    background: linear-gradient(40deg, black, #606060);
    border: 1px solid #000; }
#point .imgPt02 {
  width: 100%;
  margin: 0 0 30px 0; }
  #point .imgPt02 img {
    width: 100%; }

@media screen and (max-width: 769px) {
  #point #breadcrumbs {
    margin: 0; }
  #point .redBold {
    color: #ff0000;
    font-weight: bold; }
  #point .red {
    color: #ff0000; }
  #point .bold {
    font-weight: bold; }
  #point .mainArea {
    background: #fff;
    padding: 0 10px; }
    #point .mainArea .box_pt01 {
      padding: 0 !important; }
  #point .other {
    margin: 0 auto 100px; }
    #point .other h3 {
      letter-spacing: 0.1em; }
    #point .other .inner {
      width: 100%;
      margin: 0 auto;
      padding: 25px 0 0 0; }
      #point .other .inner .imgPt01 .mainPh_pc {
        display: none; }
      #point .other .inner .imgPt01 img {
        width: 100%; }
      #point .other .inner .ttlIco {
        margin: 0 auto;
        width: 50px; }
        #point .other .inner .ttlIco img {
          width: 100%; }
      #point .other .inner .bottomLine {
        padding: 10px 0 20px;
        font-size: 1.6rem;
        font-weight: bold;
        letter-spacing: 0.1em;
        text-align: center; }
        #point .other .inner .bottomLine span {
          border-bottom: 1px solid #ff8e00 !important;
          font-family: 'Abel', sans-serif;
          font-size: 1.5rem;
          border-bottom: 1px solid #ff8e00;
          padding: 0 0 10px;
          letter-spacing: 0.1em;
          font-weight: bold; }
      #point .other .inner .pointList {
        width: 100%;
        padding: 40px 0 0 0; }
        #point .other .inner .pointList li:nth-child(1) {
          background: #ff8e00; }
          #point .other .inner .pointList li:nth-child(1) .pointIco {
            border: 5px solid #ff8e00;
            color: #ff8e00; }
        #point .other .inner .pointList li {
          padding: 10px;
          margin-bottom: 50px; }
          #point .other .inner .pointList li .pointInner {
            background: #fff;
            border-radius: 5px;
            padding: 10px;
            margin: 10px 0 0 0; }
            #point .other .inner .pointList li .pointInner .ph {
              text-align: center; }
              #point .other .inner .pointList li .pointInner .ph img {
                width: 100%; }
            #point .other .inner .pointList li .pointInner .txt {
              display: table;
              width: 100%; }
            #point .other .inner .pointList li .pointInner p {
              display: table-cell;
              text-align: center;
              width: 50%;
              font-weight: bold;
              font-size: 1.1rem;
              line-height: 18px;
              padding: 10px 0 0 0; }
          #point .other .inner .pointList li .pointIco {
            width: 70px;
            height: 70px;
            background: #fff;
            border-radius: 50px;
            font-size: 3.0rem;
            font-weight: bold;
            text-align: center;
            margin: -55px auto 0;
            font-family: 'Abel', sans-serif;
            padding-top: 6px; }
            #point .other .inner .pointList li .pointIco span {
              display: block;
              font-size: 1.5rem;
              margin: 0px 0 0 0; }
      #point .other .inner .uniformList {
        display: table;
        width: 100%; }
        #point .other .inner .uniformList ul {
          display: table;
          width: 100%; }
          #point .other .inner .uniformList ul li {
            position: relative;
            display: inline-block;
            width: 50%;
            font-weight: bold;
            line-height: 20px; }
            #point .other .inner .uniformList ul li .ph {
              padding: 0 40% 0 0; }
            #point .other .inner .uniformList ul li .zaiko {
              position: relative;
              display: inline-block;
              top: -60px;
              left: 55%;
              background: #ff8e00;
              border-radius: 5px;
              font-family: 'Abel', sans-serif;
              padding: 20px 0;
              color: #fff;
              font-size: 20px;
              letter-spacing: 0.05em;
              width: 70px;
              text-align: center;
              z-index: 0; }
            #point .other .inner .uniformList ul li .zaiko:after {
              border: 10px solid transparent;
              border-right-color: #ff8e00;
              border-left-width: 0;
              width: 0;
              left: -10px;
              content: "";
              display: block;
              top: 20px;
              position: absolute; }
            #point .other .inner .uniformList ul li img {
              width: 100%;
              height: auto; }
    #point .other .lineTtl {
      font-weight: bold;
      color: #333;
      padding: 15px 0;
      margin: 30px 0 30px;
      border-bottom: 1px solid #333;
      border-top: 1px solid #333;
      font-size: 1.5rem;
      letter-spacing: 0.1em;
      text-align: center; }
    #point .other .line2Ttl {
      padding: 0 0 20px 0;
      text-align: center !important;
      margin: 0 auto !important; }
    #point .other .line2Ttl:before {
      content: url(../img/common/ttlLineL_sp.png);
      padding: 0 5px 0 0; }
    #point .other .line2Ttl:after {
      content: url(../img/common/ttlLineR_sp.png);
      padding: 0 0 0 5px; }
    #point .other .box_pt01 {
      width: 100%;
      margin: 0 auto;
      padding: 0 10px; }
      #point .other .box_pt01 a {
        text-decoration: none; }
    #point .other .box_pt02 {
      width: 100%;
      margin: 0 auto;
      padding: 0 10px; }
      #point .other .box_pt02 a {
        text-decoration: none; }
    #point .other .txt_pt01 {
      padding: 0 0 20px 0;
      font-size: 1.6rem; }
    #point .other .questionTab {
      width: 100%;
      margin: 0 auto 10px; }
      #point .other .questionTab .questionTab__title {
        background: #e6e6e6;
        padding: 5px 25px 5px 15px;
        font-size: 1.8rem;
        font-weight: bold;
        color: #333;
        cursor: pointer;
        transition: all 0.2s linear;
        position: relative; }
      #point .other .questionTab .questionTab__item {
        display: block;
        background: #fff;
        padding: 20px 15px;
        font-size: 1.5rem; }
        #point .other .questionTab .questionTab__item ul li {
          list-style: outside disc !important;
          padding: 0 0 5px 0;
          margin: 0 0 8px 30px; }
      #point .other .questionTab .questionTab__title.is-active::after {
        content: "\f106"; }
      #point .other .questionTab .questionTab__title::after {
        font-family: "Font Awesome 5 Free";
        content: "\f107";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 10px; }
      #point .other .questionTab .inrBox_grey01 {
        margin: 20px 0;
        line-height: 20px; }
        #point .other .questionTab .inrBox_grey01 h3 {
          font-weight: bold;
          padding: 0 0 20px;
          letter-spacing: inherit; }
        #point .other .questionTab .inrBox_grey01 ul li {
          margin: 0 0 8px 30px; }
    #point .other .questionTabBtm {
      margin: 0; }
    #point .other .ol01 {
      padding: 0 0 0 20px;
      font-size: 1.5rem; }
      #point .other .ol01 li {
        list-style: decimal;
        line-height: 3rem; }
        #point .other .ol01 li span {
          padding: 0 0 0 50px; }
      #point .other .ol01 ul li {
        margin: 0 0 0 20px;
        list-style: disc; }
    #point .other .uniformLink li {
      margin: 20px 0 0 0; }
      #point .other .uniformLink li img {
        width: 100%;
        height: auto; } }
@media screen and (min-width: 769px) {
  #point .redBold {
    color: #ff0000;
    font-weight: bold; }
  #point .red {
    color: #ff0000; }
  #point .bold {
    font-weight: bold; }
  #point .mainArea {
    /* background: #fff;
    margin: 250px 0 0 0; */ }
  #point .other h3 {
    letter-spacing: 0.2em; }
  #point .other .inner {
    width: 1100px;
    margin: 0 auto;
    padding: 0; }
    #point .other .inner .imgPt01 .mainPh_sp {
      display: none; }
    #point .other .inner .imgPt01 img {
      margin: -180px 0 0 0; }
    #point .other .inner .ttlIco {
      text-align: center; }
    #point .other .inner .bottomLine {
      padding: 20px 0 40px;
      font-size: 2.4rem;
      font-weight: bold;
      letter-spacing: 0.2em;
      text-align: center; }
      #point .other .inner .bottomLine span {
        border-bottom: 1px solid #ff8e00 !important;
        font-family: 'Abel', sans-serif;
        font-size: 1.5rem;
        border-bottom: 1px solid #ff8e00;
        padding: 0 0 10px;
        letter-spacing: 0.1em;
        font-weight: bold; }
    #point .other .inner .pointList {
      display: table;
      width: 100%;
      padding: 50px 0 0 0; }
      #point .other .inner .pointList li:nth-child(1) {
        background: #ff8e00; }
        #point .other .inner .pointList li:nth-child(1) .pointIco {
          border: 8px solid #ff8e00;
          color: #ff8e00; }
      #point .other .inner .pointList li {
        display: table-cell;
        padding: 20px;
        width: 50%; }
        #point .other .inner .pointList li .pointInner {
          background: #fff;
          border-radius: 5px;
          padding: 20px;
          margin: 10px 0 0 0; }
          #point .other .inner .pointList li .pointInner .ph {
            text-align: center;
            width: 100%; }
          #point .other .inner .pointList li .pointInner .txt {
            display: table;
            width: 100%; }
          #point .other .inner .pointList li .pointInner p {
            display: table-cell;
            text-align: center;
            width: 50%;
            font-weight: bold;
            font-size: 1.4rem;
            line-height: 20px;
            padding: 10px 0 0 0; }
        #point .other .inner .pointList li .pointIco {
          width: 100px;
          height: 100px;
          background: #fff;
          border-radius: 50px;
          font-size: 4.0rem;
          font-weight: bold;
          text-align: center;
          margin: -70px auto 0;
          padding: 13px 0 0 0;
          font-family: 'Abel', sans-serif; }
          #point .other .inner .pointList li .pointIco span {
            display: block;
            font-size: 1.6rem;
            margin: 15px 0 0 0; }
    #point .other .inner .uniformList {
      display: table;
      width: 100%; }
      #point .other .inner .uniformList ul {
        display: table;
        width: 100%; }
        #point .other .inner .uniformList ul li {
          position: relative;
          display: table-cell;
          width: 25%;
          font-weight: bold;
          line-height: 20px; }
          #point .other .inner .uniformList ul li .ph {
            padding: 20px 0 0 0; }
          #point .other .inner .uniformList ul li .zaiko {
            position: relative;
            display: inline-block;
            top: -60px;
            left: 150px;
            background: #ff8e00;
            border-radius: 5px;
            font-family: 'Abel', sans-serif;
            padding: 20px 0;
            color: #fff;
            font-size: 24px;
            letter-spacing: 0.05em;
            width: 90px;
            text-align: center;
            z-index: 0; }
          #point .other .inner .uniformList ul li .zaiko:after {
            border: 10px solid transparent;
            border-right-color: #ff8e00;
            border-left-width: 0;
            width: 0;
            left: -10px;
            content: "";
            display: block;
            top: 20px;
            position: absolute; }
  #point .other .lineTtl {
    font-weight: bold;
    color: #333;
    padding: 25px 0;
    margin: 30px 0 30px;
    border-bottom: 1px solid #333;
    border-top: 1px solid #333;
    font-size: 2.0rem;
    letter-spacing: 0.2em;
    text-align: center; }
  #point .other .line2Ttl {
    font-size: 2.0rem;
    padding: 40px 0;
    text-align: center !important;
    margin: 0 auto !important;
    letter-spacing: 0.1em; }
  #point .other .line2Ttl:before {
    content: url(../img/common/ttlLineL.png);
    padding: 0 20px 0 0; }
  #point .other .line2Ttl:after {
    content: url(../img/common/ttlLineR.png);
    padding: 0 0 0 20px; }
  #point .other .box_pt01 {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 60px; }
    #point .other .box_pt01 a {
      text-decoration: none; }
  #point .other .box_pt02 {
    width: 100%;
    margin: 0 auto;
    padding: 0; }
    #point .other .box_pt02 a {
      text-decoration: none; }
  #point .other .txt_pt01 {
    padding: 0 0 20px 0;
    text-align: center;
    font-size: 1.5rem;
    margin-bottom: 30px; }
  #point .other .questionTab {
    width: 1100px;
    margin: 0 auto 20px; }
    #point .other .questionTab .questionTab__title {
      background: #e6e6e6;
      padding: 5px 35px 5px 10px;
      font-size: 1.5rem;
      font-weight: bold;
      color: #333;
      cursor: pointer;
      transition: all 0.2s linear;
      position: relative; }
    #point .other .questionTab .questionTab__item {
      display: block;
      background: #fff;
      padding: 20px 35px; }
      #point .other .questionTab .questionTab__item ul li {
        list-style: outside disc !important;
        padding: 0 0 5px 0;
        margin: 0 0 8px 30px; }
    #point .other .questionTab .questionTab__title.is-active::after {
      content: "\f106"; }
    #point .other .questionTab .questionTab__title::after {
      font-family: "Font Awesome 5 Free";
      content: "\f107";
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 35px; }
    #point .other .questionTab .inrBox_grey01 {
      margin: 20px 0;
      font-size: 1.4rem;
      line-height: 20px;
      padding: 25px;
      background: #f7f7f7; }
      #point .other .questionTab .inrBox_grey01 h3 {
        font-weight: bold;
        text-align: center;
        padding: 0 0 20px;
        font-size: 1.5rem; }
      #point .other .questionTab .inrBox_grey01 ul li {
        margin: 0 0 8px 30px; }
  #point .other .questionTabBtm {
    margin: 0; }
  #point .other .questionTab__ol01 {
    padding: 0 0 0 25px; }
    #point .other .questionTab__ol01 li {
      list-style: decimal; }
      #point .other .questionTab__ol01 li span {
        padding: 0 0 0 50px; }
  #point .other .ol01 {
    padding: 0 0 0 40px; }
    #point .other .ol01 li {
      list-style: decimal;
      line-height: 3rem; }
      #point .other .ol01 li span {
        padding: 0 0 0 50px; }
    #point .other .ol01 ul li {
      margin: 0 0 0 20px;
      list-style: disc; }
  #point .other .uniformLink {
    display: table;
    padding: 40px 0 0 0;
    width: 100%; }
    #point .other .uniformLink li {
      display: table-cell;
      width: 50%;
      text-align: center; } }
#rule p, #rule li {
  font-size: 1.5rem;
  line-height: 180%; }
#rule .txt_rule01 a,
#rule .questionTab__item a {
  transition: all 0.2s linear;
  color: #ff8e00;
  text-decoration: none; }
  #rule .txt_rule01 a:hover,
  #rule .questionTab__item a:hover {
    opacity: 0.7;
    text-decoration: underline !important; }

@media screen and (max-width: 769px) {
  #rule .other h3 {
    letter-spacing: 0.2em; }
  #rule .other .inner {
    width: 100%;
    margin: 0 auto 100px;
    padding: 0 10px; }
    #rule .other .inner .ruleListNav {
      position: relative;
      width: 100%;
      background: #fff;
      margin: 0 auto 40px;
      height: 70px; }
      #rule .other .inner .ruleListNav h4 {
        display: none; }
      #rule .other .inner .ruleListNav ul {
        width: 100%;
        margin: 5px 0 0 0;
        display: table; }
        #rule .other .inner .ruleListNav ul li {
          display: inline-block;
          padding: 10px 0;
          width: 50.0%;
          text-align: center;
          border-bottom: 2px solid #f7f7f7;
          border-left: 2px solid #f7f7f7;
          background: #fff; }
          #rule .other .inner .ruleListNav ul li a {
            display: block;
            font-weight: bold;
            color: #000;
            text-decoration: none; }
            #rule .other .inner .ruleListNav ul li a span {
              display: none; }
    #rule .other .inner .ttlIco {
      text-align: center; }
    #rule .other .inner .bottomLine {
      padding: 20px 0 30px;
      font-size: 1.5rem;
      font-weight: bold;
      letter-spacing: 0.2em;
      text-align: center; }
      #rule .other .inner .bottomLine span {
        border-bottom: 1px solid #ff8e00 !important;
        font-family: 'Abel', sans-serif;
        font-size: 1.2rem;
        border-bottom: 1px solid #ff8e00;
        padding: 0 0 10px;
        letter-spacing: 0.1em;
        font-weight: bold; }
    #rule .other .inner .box_rule01 {
      width: 100%;
      margin: 0 auto;
      padding: 0 0 60px; }
      #rule .other .inner .box_rule01 a {
        text-decoration: none; }
    #rule .other .inner .box_rule02 {
      width: 100%;
      margin: 0 auto;
      padding: 0; }
      #rule .other .inner .box_rule02 a {
        text-decoration: none; }
    #rule .other .inner .txt_rule01 {
      padding: 0 0 20px 0; }
    #rule .other .inner .questionTab {
      width: 100%;
      margin: 0 auto 10px; }
      #rule .other .inner .questionTab .questionTab__title {
        background: #e6e6e6;
        padding: 5px 35px 5px 10px;
        font-size: 1.5rem;
        font-weight: bold;
        color: #333;
        cursor: pointer;
        transition: all 0.2s linear;
        position: relative; }
      #rule .other .inner .questionTab .questionTab__item {
        display: block;
        background: #fff;
        padding: 20px 15px; }
        #rule .other .inner .questionTab .questionTab__item ul li {
          list-style: outside disc !important;
          padding: 0 0 5px 0;
          margin: 0 0 8px 15px; }
        #rule .other .inner .questionTab .questionTab__item .inr_imgRule01 {
          width: 1030px;
          padding: 15px 0;
          text-align: center !important;
          margin: 0 auto !important;
          display: table-cell; }
          #rule .other .inner .questionTab .questionTab__item .inr_imgRule01 img {
            width: 100%;
            vertical-align: top; }
      #rule .other .inner .questionTab .questionTab__title.is-active::after {
        content: "\f106"; }
      #rule .other .inner .questionTab .questionTab__title::after {
        font-family: "Font Awesome 5 Free";
        content: "\f107";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 35px; }
    #rule .other .inner .questionTabBtm {
      margin: 0; } }
@media screen and (min-width: 769px) {
  #rule .other h3 {
    letter-spacing: 0.2em; }
  #rule .other .inner {
    width: 1100px;
    margin: 0 auto;
    padding: 0; }
    #rule .other .inner .ruleListNav {
      position: relative;
      width: 1100px;
      background: #fff;
      margin: 0 auto 70px;
      height: 70px; }
      #rule .other .inner .ruleListNav h4 {
        position: absolute;
        font-family: 'Abel', sans-serif;
        left: 60px;
        top: 20px;
        font-size: 18px;
        width: 200px; }
      #rule .other .inner .ruleListNav ul {
        position: absolute;
        right: 0;
        display: table;
        width: 900px; }
        #rule .other .inner .ruleListNav ul li {
          display: table-cell;
          border-left: 2px solid #f7f7f7;
          font-weight: bold;
          text-align: center; }
          #rule .other .inner .ruleListNav ul li a {
            display: inline-block;
            width: 222px;
            padding-top: 21px;
            padding-bottom: 21px;
            color: #000;
            text-decoration: none;
            font-size: 1.6rem;
            vertical-align: middle; }
          #rule .other .inner .ruleListNav ul li a:hover {
            opacity: 1;
            background: #ff8e00;
            color: #fff; }
    #rule .other .inner .ttlIco {
      text-align: center; }
    #rule .other .inner .bottomLine {
      padding: 20px 0 40px;
      font-size: 2.4rem;
      font-weight: bold;
      letter-spacing: 0.2em;
      text-align: center; }
      #rule .other .inner .bottomLine span {
        border-bottom: 1px solid #ff8e00 !important;
        font-family: 'Abel', sans-serif;
        font-size: 1.5rem;
        border-bottom: 1px solid #ff8e00;
        padding: 0 0 10px;
        letter-spacing: 0.1em;
        font-weight: bold; }
    #rule .other .inner .box_rule01 {
      width: 100%;
      margin: 0 auto;
      padding: 0 0 60px; }
      #rule .other .inner .box_rule01 a {
        text-decoration: none; }
    #rule .other .inner .box_rule02 {
      width: 100%;
      margin: 0 auto;
      padding: 0; }
      #rule .other .inner .box_rule02 a {
        text-decoration: none; }
    #rule .other .inner .txt_rule01 {
      padding: 0 0 20px 0; }
    #rule .other .inner .questionTab {
      width: 1100px;
      margin: 0 auto 10px; }
      #rule .other .inner .questionTab .questionTab__title {
        background: #e6e6e6;
        padding: 5px 35px;
        font-size: 1.8rem;
        font-weight: bold;
        color: #333;
        cursor: pointer;
        transition: all 0.2s linear;
        position: relative; }
      #rule .other .inner .questionTab .questionTab__item {
        display: block;
        background: #fff;
        padding: 20px 35px; }
        #rule .other .inner .questionTab .questionTab__item ul li {
          list-style: outside disc !important;
          margin: 0 0 0 25px; }
        #rule .other .inner .questionTab .questionTab__item .inr_imgRule01 {
          width: 1030px;
          padding: 15px 0;
          text-align: center !important;
          margin: 0 auto !important;
          display: table-cell; }
          #rule .other .inner .questionTab .questionTab__item .inr_imgRule01 img {
            max-width: 400px;
            vertical-align: top; }
      #rule .other .inner .questionTab .questionTab__title.is-active::after {
        content: "\f106"; }
      #rule .other .inner .questionTab .questionTab__title::after {
        font-family: "Font Awesome 5 Free";
        content: "\f107";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 35px; }
    #rule .other .inner .questionTabBtm {
      margin: 0; } }
#staff {
  letter-spacing: 0.05em; }
  #staff p, #staff li, #staff dt, #staff dd {
    font-size: 1.5rem;
    line-height: 180%; }
  #staff .box_staff01 a {
    transition: all 0.2s linear;
    color: #ff8e00;
    text-decoration: none; }
    #staff .box_staff01 a:hover {
      opacity: 0.7;
      text-decoration: underline !important; }
  #staff ::placeholder {
    font-size: 1.5rem;
    color: #ccc; }
  @media only screen and (max-width: 768px) {
    #staff {
      letter-spacing: 0em; } }
  #staff .staffForm {
    width: 1100px;
    margin: 0 auto;
    background-color: #fff;
    padding: 30px; }
    @media only screen and (max-width: 768px) {
      #staff .staffForm {
        width: 100%;
        margin: 0 auto;
        padding: 10px; } }
    #staff .staffForm p {
      margin-bottom: 30px; }
    #staff .staffForm .mypageForm .mypageFormItem:first-child .desc {
      border-top: 1px solid #eee; }
    #staff .staffForm a {
      transition: all 0.2s linear;
      color: #ff8e00;
      text-decoration: none; }
      #staff .staffForm a:hover {
        text-decoration: underline; }
    #staff .staffForm .req {
      line-height: 150%; }
    #staff .staffForm .title {
      font-size: 2.4rem;
      font-weight: bold;
      margin: 30px auto;
      text-align: center;
      letter-spacing: 0.2em; }
    #staff .staffForm .tel {
      margin: 20px 0 30px;
      background: #f7f7f7;
      border-radius: 10px;
      padding: 30px;
      text-align: center;
      color: #9d7caf; }
      #staff .staffForm .tel i {
        font-size: 2.5rem;
        margin-right: 4px; }
      #staff .staffForm .tel a {
        font-family: 'Noto Sans', sans-serif;
        font-size: 2.5rem;
        letter-spacing: 0.07em;
        color: #9d7caf;
        text-decoration: none; }
    #staff .staffForm .extraction {
      padding: 0 10px;
      height: 42px;
      display: inline-table;
      border-radius: 5px;
      background-color: #f6f6f6;
      border: none;
      font-size: 1.6rem; }

@media screen and (max-width: 769px) {
  #staff .other {
    margin: 0 auto 100px; }
    #staff .other .inner {
      width: 100%;
      margin: 30px auto 0;
      padding: 0 10px; }
      #staff .other .inner .ttlIco {
        text-align: center;
        width: 50px;
        margin: 0 auto; }
        #staff .other .inner .ttlIco img {
          width: 100%;
          height: auto; }
      #staff .other .inner a {
        text-decoration: none; }
      #staff .other .inner .bottomLine {
        padding: 10px 0 20px;
        font-size: 1.6rem;
        font-weight: bold;
        letter-spacing: 0.2em;
        text-align: center; }
        #staff .other .inner .bottomLine span {
          border-bottom: 1px solid #ff8e00 !important;
          font-family: 'Abel', sans-serif;
          font-size: 1.5rem;
          border-bottom: 1px solid #ff8e00;
          padding: 0 0 10px;
          letter-spacing: 0.1em;
          font-weight: bold; }
    #staff .other .staffListNav {
      width: 100%;
      background: #fff;
      margin: 0 auto 30px; }
      #staff .other .staffListNav ul {
        width: 100%; }
        #staff .other .staffListNav ul li {
          width: 100%;
          text-align: center;
          border-bottom: 2px solid #f7f7f7;
          background: #fff; }
          #staff .other .staffListNav ul li a {
            display: block;
            font-weight: bold;
            color: #000;
            padding: 5px 0 5px 0; }
          #staff .other .staffListNav ul li img {
            width: 100%;
            height: auto; }
    #staff .other .line2Ttl {
      padding: 20px 0;
      text-align: center;
      margin: 0 auto;
      font-size: 1.5rem; }
    #staff .other .line2Ttl:before {
      content: url(../img/common/ttlLineL_sp.png);
      padding: 0 5px 0 0; }
    #staff .other .line2Ttl:after {
      content: url(../img/common/ttlLineR_sp.png);
      padding: 0 0 0 5px; }
    #staff .other .box_staff01 {
      padding: 0 0 30px; }
    #staff .other .box_staff02 {
      padding: 0; }
    #staff .other .inrbox_staff02 h4 {
      font-weight: bold; }
    #staff .other dl {
      width: 100%;
      margin: 0 0 10px; }
    #staff .other dt {
      background: #ff8e00;
      color: #fff;
      padding: 10px;
      font-weight: bold; }
    #staff .other dd {
      padding: 10px;
      background: #fff; } }
@media screen and (min-width: 769px) {
  #staff .other .inner {
    width: 1100px;
    margin: 0 auto;
    padding: 0; }
    #staff .other .inner .ttlIco {
      text-align: center; }
    #staff .other .inner a {
      text-decoration: none; }
    #staff .other .inner .bottomLine {
      padding: 20px 0 40px;
      font-size: 2.4rem;
      font-weight: bold;
      letter-spacing: 0.2em;
      text-align: center; }
      #staff .other .inner .bottomLine span {
        border-bottom: 1px solid #ff8e00 !important;
        font-family: 'Abel', sans-serif;
        font-size: 1.5rem;
        border-bottom: 1px solid #ff8e00;
        padding: 0 0 10px;
        letter-spacing: 0.1em;
        font-weight: bold; }
  #staff .other .staffListNav {
    width: 1100px;
    background: #fff;
    margin: 40px auto 70px; }
    #staff .other .staffListNav ul {
      display: table;
      width: 100%;
      padding: 20px 0 0 0; }
      #staff .other .staffListNav ul li {
        display: inline-block;
        border-left: 2px solid #f7f7f7;
        font-weight: bold;
        width: 33%;
        text-align: center; }
        #staff .other .staffListNav ul li a {
          display: block;
          padding: 22px 0;
          color: #000; }
        #staff .other .staffListNav ul li a:hover {
          opacity: 1;
          background: #ff8e00;
          color: #fff; }
  #staff .other .line2Ttl {
    font-size: 2.0rem;
    padding: 40px 0;
    text-align: center !important;
    margin: 0 auto !important;
    letter-spacing: 0.1em; }
  #staff .other .line2Ttl:before {
    content: url(../img/common/ttlLineL.png);
    padding: 0 20px 0 0; }
  #staff .other .line2Ttl:after {
    content: url(../img/common/ttlLineR.png);
    padding: 0 0 0 20px; }
  #staff .other .box_staff01 {
    padding: 0 0 60px; }
  #staff .other .box_staff02 {
    padding: 0; }
  #staff .other .inrbox_staff02 {
    margin: 20px auto;
    padding: 25px;
    background: #f7f7f7; }
    #staff .other .inrbox_staff02 h4 {
      font-weight: bold; }
  #staff .other dl {
    display: table;
    width: 1100px;
    border-bottom: 5px solid #f7f7f7; }
  #staff .other dt {
    display: table-cell;
    background: #ff8e00;
    color: #fff;
    width: 180px;
    padding: 20px 0 20px 20px;
    font-weight: bold; }
  #staff .other dd {
    display: table-cell;
    border-left: #f7f7f7 solid 10px;
    padding: 20px;
    margin: 0 0 0 10px;
    background: #fff;
    border-bottom: 5px solid #fff; }
    #staff .other dd ul li {
      list-style: disc;
      margin: 0 0 0 20px; } }
#terms p, #terms li {
  font-size: 1.5rem;
  line-height: 180%; }
#terms .teamsSec01 a {
  transition: all 0.2s linear;
  color: #ff8e00;
  text-decoration: none; }
  #terms .teamsSec01 a:hover {
    opacity: 0.7;
    text-decoration: underline !important; }

@media screen and (max-width: 769px) {
  #terms .other .inner {
    width: 100%;
    margin: 0 auto; }
    #terms .other .inner .ttlIco {
      text-align: center;
      width: 65px;
      margin: 0 auto; }
    #terms .other .inner .bgGray01 {
      background: #e7e7e7;
      margin: 10px 0;
      padding: 3px 10px;
      display: inline-block;
      border-radius: 5px;
      font-weight: bold; }
    #terms .other .inner .bgGray02 {
      background: #f9f4e1;
      margin: 10px 0;
      padding: 2px 10px;
      display: inline-block; }
    #terms .other .inner .bottomLine {
      padding: 10px 0 20px;
      font-size: 1.6rem;
      font-weight: bold;
      letter-spacing: 0.2em;
      text-align: center; }
      #terms .other .inner .bottomLine span {
        font-family: 'Abel', sans-serif;
        font-size: 1.2rem;
        border-bottom: 1px solid #ff8e00;
        padding: 0 0 5px;
        letter-spacing: 0.05em;
        font-weight: bold; }
    #terms .other .inner .teamsSec01 {
      padding: 30px 0;
      background: #fff; }
      #terms .other .inner .teamsSec01 .txt {
        margin: 0 auto;
        width: 100%;
        font-size: 1.6rem;
        padding: 0 10px; }
        #terms .other .inner .teamsSec01 .txt ol.number {
          position: relative;
          line-height: 30px; }
          #terms .other .inner .teamsSec01 .txt ol.number li {
            list-style: none;
            list-style-position: outside;
            margin: 0;
            padding: 0 0 0 22px; }
            #terms .other .inner .teamsSec01 .txt ol.number li span {
              position: absolute;
              left: 0;
              margin: 0; }
            #terms .other .inner .teamsSec01 .txt ol.number li ol.decimal li {
              list-style: decimal;
              margin: 0 0 0 30px;
              line-height: 22px;
              padding: 0 0 0px 0; }
            #terms .other .inner .teamsSec01 .txt ol.number li a {
              text-decoration: none; }
    #terms .other .inner .teamsSec02 {
      font-size: 1.5rem;
      padding: 30px 10px; }
      #terms .other .inner .teamsSec02 h4 {
        font-weight: bold; }
      #terms .other .inner .teamsSec02 ol.decimal {
        margin: 0 0 0 30px; }
        #terms .other .inner .teamsSec02 ol.decimal li {
          list-style: decimal;
          padding: 0 0 0 0; }
        #terms .other .inner .teamsSec02 ol.decimal ol.number li {
          list-style: none !important;
          padding: 0 0 0 18px !important; }
      #terms .other .inner .teamsSec02 a {
        text-decoration: none; }
      #terms .other .inner .teamsSec02 ol.number, #terms .other .inner .teamsSec02 ol.number, #terms .other .inner .teamsSec02 ol.number {
        position: relative; }
        #terms .other .inner .teamsSec02 ol.number li, #terms .other .inner .teamsSec02 ol.number li, #terms .other .inner .teamsSec02 ol.number li {
          list-style: none;
          list-style-position: outside;
          margin: 0;
          padding: 0 0 0 18px; }
      #terms .other .inner .teamsSec02 ol.number li {
        list-style: none;
        list-style-position: outside;
        margin: 0; }
        #terms .other .inner .teamsSec02 ol.number li span {
          position: absolute;
          left: 0;
          margin: 0; }
        #terms .other .inner .teamsSec02 ol.number li a {
          text-decoration: none; }
      #terms .other .inner .teamsSec02 ol.number ol.decimal {
        margin: 0 0 0 20px; }
        #terms .other .inner .teamsSec02 ol.number ol.decimal li {
          list-style: decimal;
          padding: 0 0 0 0; }
    #terms .other .inner h3 {
      letter-spacing: 0.2em; }
    #terms .other .inner .lineTtl {
      border-bottom: 1px solid #333;
      border-top: 1px solid #333;
      padding: 15px 0;
      text-align: center;
      margin: 0 0 20px;
      font-weight: bold; }
    #terms .other .inner .list {
      display: table;
      padding: 0 0 40px;
      margin: 0 auto;
      font-size: 0;
      border-collapse: separate;
      border-spacing: 0; }
      #terms .other .inner .list li:nth-child(2n+1) {
        border-left: 1px solid #000; }
      #terms .other .inner .list li {
        display: inline-block;
        width: 50%;
        text-align: center;
        background: #fff;
        border-right: 1px solid #000;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        font-size: 1.1rem; }
        #terms .other .inner .list li a {
          display: block;
          padding: 15px 0;
          color: #000;
          font-weight: bold;
          text-decoration: none; }
    #terms .other .inner section section {
      padding: 0 0 30px; }
      #terms .other .inner section section h5 {
        padding: 10px 0 5px;
        font-weight: bold; }
    #terms .other .inner .pc {
      display: none; } }
@media screen and (min-width: 769px) {
  #terms .other .inner {
    width: 1100px;
    margin: 0 auto; }
    #terms .other .inner .ttlIco {
      text-align: center; }
    #terms .other .inner .bgGray01 {
      background: #e7e7e7;
      margin: 10px 0;
      padding: 3px 10px;
      display: inline-block;
      border-radius: 5px;
      font-weight: bold; }
    #terms .other .inner .bottomLine {
      padding: 20px 0 40px;
      font-size: 2.4rem;
      font-weight: bold;
      letter-spacing: 0.2em;
      text-align: center; }
      #terms .other .inner .bottomLine span {
        border-bottom: 1px solid #ff8e00;
        font-family: 'Abel', sans-serif;
        font-size: 1.5rem;
        border-bottom: 1px solid #ff8e00;
        padding: 0 0 10px;
        letter-spacing: 0.1em;
        font-weight: bold; }
    #terms .other .inner .teamsSec01 {
      background: #fff;
      padding: 50px 0 !important;
      margin-bottom: 70px; }
      #terms .other .inner .teamsSec01 .txt {
        margin: 0 auto;
        width: 85%;
        font-size: 1.6rem; }
        #terms .other .inner .teamsSec01 .txt ol.number {
          position: relative;
          line-height: 30px; }
          #terms .other .inner .teamsSec01 .txt ol.number li {
            list-style: none;
            list-style-position: outside;
            margin: 0;
            padding: 0 0 0 22px; }
            #terms .other .inner .teamsSec01 .txt ol.number li span {
              position: absolute;
              left: 0;
              margin: 0; }
            #terms .other .inner .teamsSec01 .txt ol.number li ol.decimal {
              margin-left: 1em; }
              #terms .other .inner .teamsSec01 .txt ol.number li ol.decimal li {
                list-style: decimal;
                padding: 0 0 0 0em; }
            #terms .other .inner .teamsSec01 .txt ol.number li a {
              text-decoration: none; }
    #terms .other .inner .teamsSec02 {
      font-size: 1.5rem;
      padding: 50px 0 0 0; }
      #terms .other .inner .teamsSec02 h4 {
        font-weight: bold; }
      #terms .other .inner .teamsSec02 a {
        text-decoration: none; }
      #terms .other .inner .teamsSec02 ol {
        margin: 0 0 0 20px;
        line-height: 24px; }
      #terms .other .inner .teamsSec02 ol.number li, #terms .other .inner .teamsSec02 ol.number li ol.decimal li ol.number li {
        list-style: none;
        list-style-position: outside;
        margin: 0;
        padding: 0 0 0 22px; }
      #terms .other .inner .teamsSec02 ol.number, #terms .other .inner .teamsSec02 ol.number ol.decimal ol.number {
        position: relative; }
      #terms .other .inner .teamsSec02 ol.number li span {
        position: absolute;
        left: 0;
        margin: 0; }
      #terms .other .inner .teamsSec02 ol.decimal {
        margin: 0 0 0 40px; }
        #terms .other .inner .teamsSec02 ol.decimal li {
          list-style: decimal;
          padding: 0 0 0 0; }
    #terms .other .inner h3 {
      letter-spacing: 0.2em; }
    #terms .other .inner .lineTtl {
      color: #333;
      padding: 25px 0;
      margin: 30px 0 30px;
      border-bottom: 1px solid #333;
      border-top: 1px solid #333;
      font-size: 2.0rem;
      font-weight: bold;
      letter-spacing: 0.2em;
      text-align: center; }
    #terms .other .inner .list {
      display: table;
      padding: 0 0 40px;
      margin: 0 auto;
      font-size: 0;
      border-collapse: separate;
      border-spacing: 0; }
      #terms .other .inner .list li:nth-child(4n+1) {
        border-left: 1px solid #000; }
      #terms .other .inner .list li:nth-child(n+5) {
        border-top: none; }
      #terms .other .inner .list li {
        border-collapse: separate;
        border-spacing: 0;
        display: inline-block;
        width: 274px;
        text-align: center;
        background: #fff;
        border-right: 1px solid #000;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        font-size: 1.4rem; }
        #terms .other .inner .list li a {
          background: url(../img/common/icoLink.png) no-repeat center right 20px;
          background-size: 20px 10px;
          display: block;
          padding: 15px 0;
          color: #000;
          font-weight: bold;
          margin: 0 0 0 -10px;
          text-decoration: none; }
          #terms .other .inner .list li a:hover {
            opacity: 0.5;
            transition: all 0.2s linear; }
    #terms .other .inner section section {
      padding: 0 0 40px;
      display: block; }
      #terms .other .inner section section h5 {
        padding: 10px 0 5px;
        font-weight: bold; }
    #terms .other .inner .tremList01 h5, #terms .other .inner .tremList02 h5, #terms .other .inner .tremList03 h5, #terms .other .inner .tremList04 h5, #terms .other .inner .tremList05 h5, #terms .other .inner .tremList06 h5, #terms .other .inner .tremList07 h5, #terms .other .inner .tremList08 h5 {
      display: none !important; }
    #terms .other .inner .teamsSec021001 {
      position: relative;
      background: #f9f4e1;
      border: 10px solid #f9f4e1;
      height: 1265px;
      margin: 15px 0; }
      #terms .other .inner .teamsSec021001 .tremListTtl01 {
        top: 150px;
        left: 0;
        width: 30px;
        height: 150px;
        letter-spacing: 1em; }
      #terms .other .inner .teamsSec021001 .tremListTtl02 {
        top: 600px;
        left: 0;
        width: 30px;
        height: 150px;
        letter-spacing: 1em; }
      #terms .other .inner .teamsSec021001 .tremListTtl03 {
        top: 0;
        left: 45px; }
      #terms .other .inner .teamsSec021001 .tremListTtl04 {
        top: 0;
        left: 53%; }
    #terms .other .inner .tremListTtl01, #terms .other .inner .tremListTtl02, #terms .other .inner .tremListTtl05, #terms .other .inner .tremListTtl06 {
      position: absolute;
      width: 15px;
      padding: 20px; }
    #terms .other .inner .tremListTtl03, #terms .other .inner .tremListTtl04 {
      position: absolute;
      padding: 10px;
      text-align: center;
      width: 45%; }
    #terms .other .inner .tremList01 {
      top: 50px;
      left: 55px;
      height: 290px; }
    #terms .other .inner .tremList02 {
      top: 375px;
      left: 55px;
      height: 845px; }
    #terms .other .inner .tremList03 {
      top: 50px;
      left: 53%;
      height: 290px; }
    #terms .other .inner .tremList04 {
      top: 375px;
      left: 53%;
      height: 845px; }
    #terms .other .inner .tremList05 {
      top: 50px;
      left: 55px;
      height: 180px; }
    #terms .other .inner .tremList06 {
      top: 265px;
      left: 55px;
      height: 340px; }
    #terms .other .inner .tremList07 {
      top: 50px;
      left: 53%;
      height: 180px; }
    #terms .other .inner .tremList08 {
      top: 265px;
      left: 53%;
      height: 340px; }
    #terms .other .inner .tremList01, #terms .other .inner .tremList02, #terms .other .inner .tremList03, #terms .other .inner .tremList04, #terms .other .inner .tremList05, #terms .other .inner .tremList06, #terms .other .inner .tremList07, #terms .other .inner .tremList08 {
      position: absolute;
      background: #fff;
      padding: 25px 25px 25px 0;
      width: 44%; }
    #terms .other .inner .teamsSec021002 {
      position: relative;
      background: #f9f4e1;
      border: 10px solid #f9f4e1;
      height: 660px;
      margin: 15px 0; }
    #terms .other .inner .tremListTtl04 {
      top: 0;
      left: 53%; }
    #terms .other .inner .tremListTtl05 {
      top: 110px;
      left: 0;
      width: 30px;
      height: 150px;
      letter-spacing: 1em; }
    #terms .other .inner .tremListTtl06 {
      top: 310px;
      left: 0;
      width: 30px;
      height: 150px;
      letter-spacing: 1em; }
    #terms .other .inner .tremListTtl03, #terms .other .inner .tremListTtl04 {
      position: absolute;
      padding: 10px;
      text-align: center;
      width: 45%; } }
@media print {
  #receipt {
    width: 172mm !important;
    height: 241mm !important;
    margin: 0 auto;
    page-break-after: auto;
    font-color: #000;
    font-family: "メイリオ", sans-serif;
    font-weight: 500; } }
#receipt .page {
  width: 1000px;
  height: 1450px;
  box-sizing: border-box;
  position: relative;
  margin: 30px auto;
  border: 3px solid #ccc;
  font-size: 1.8rem;
  line-height: 180%; }
  @media only screen and (max-width: 768px) {
    #receipt .page {
      width: 100%;
      height: 600px;
      margin: 0;
      padding: 10px;
      font-size: 0.8rem; } }
  #receipt .page h1, #receipt .page h2, #receipt .page .header, #receipt .page .total, #receipt .page .items, #receipt .page .message, #receipt .page .footer {
    position: absolute; }
  #receipt .page h1 {
    top: 20%;
    width: 100%;
    text-align: center;
    font-size: 3rem; }
    @media only screen and (max-width: 768px) {
      #receipt .page h1 {
        top: 60px;
        font-size: 1.5rem; } }
  #receipt .page h2 {
    top: 120px;
    left: 30px;
    font-size: 3rem; }
    @media only screen and (max-width: 768px) {
      #receipt .page h2 {
        top: 20%;
        left: 10px;
        font-size: 1.5rem; } }
  #receipt .page .header {
    top: 30px;
    right: 30px;
    text-align: right; }
    @media only screen and (max-width: 768px) {
      #receipt .page .header {
        top: 10px;
        right: 10px; } }
    #receipt .page .header p {
      margin-bottom: 15px; }
      @media only screen and (max-width: 768px) {
        #receipt .page .header p {
          margin-bottom: 5px; } }
  #receipt .page .total {
    top: 40%;
    width: 100%; }
    @media only screen and (max-width: 768px) {
      #receipt .page .total {
        top: 180px;
        width: 98%; } }
    #receipt .page .total h3 {
      padding: 20px;
      background-color: #eee;
      border: 1px solid #eee;
      margin: 0 30px;
      text-align: center; }
      @media only screen and (max-width: 768px) {
        #receipt .page .total h3 {
          padding: 10px; } }
      #receipt .page .total h3 span {
        font-weight: bold;
        font-size: 4rem; }
        @media only screen and (max-width: 768px) {
          #receipt .page .total h3 span {
            font-size: 1.5rem; } }
  #receipt .page .items {
    top: 50%;
    left: 30px; }
    @media only screen and (max-width: 768px) {
      #receipt .page .items {
        top: 240px;
        left: 10px; } }
    #receipt .page .items li {
      margin-bottom: 10px; }
      @media only screen and (max-width: 768px) {
        #receipt .page .items li {
          margin-bottom: 5px; } }
  #receipt .page .message {
    top: 70%;
    left: 30px; }
  #receipt .page .footer {
    bottom: 30px;
    right: 30px;
    width: 380px; }
    @media only screen and (max-width: 768px) {
      #receipt .page .footer {
        bottom: 10px;
        right: 10px;
        width: 200px; } }
    #receipt .page .footer img {
      float: right;
      right: 0;
      width: 100px;
      height: 100px; }
      @media only screen and (max-width: 768px) {
        #receipt .page .footer img {
          width: 50px;
          height: 50px; } }

#program .w100p {
  width: 100% !important; }
#program .program__comment {
  padding: 20px;
  font-size: 1.5rem; }
  @media only screen and (max-width: 768px) {
    #program .program__comment {
      padding: 20px 0; } }
#program .ruleArea__item {
  margin-bottom: 20px; }
  #program .ruleArea__item .rule__item {
    padding: 5px 0 5px 10px;
    border-bottom: 1px solid #b5b5b5;
    display: block; }
#program .team__table, #program .schedule__table, #program .standings__table, #program .memo__table, #program .tournament__table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px; }
@media only screen and (max-width: 768px) {
  #program .team__table, #program .schedule__table, #program .standings__table, #program .memo__table, #program .tournament__table {
    margin: 10px 0; }
  #program .schedule__table,
  #program .standings__table,
  #program .tournament__table {
    width: auto; } }
#program .team__table thead th, #program .team__table tbody th,
#program .schedule__table thead th, #program .schedule__table tbody th,
#program .standings__table thead th, #program .standings__table tbody th,
#program .memo__table thead th, #program .memo__table tbody th,
#program .tournament__table thead th, #program .tournament__table tbody th {
  background: #b5b5b5;
  color: #fff;
  text-align: center;
  padding: 10px;
  font-size: 1.5rem;
  white-space: nowrap; }
#program .team__table tbody tr:nth-child(even),
#program .schedule__table tbody tr:nth-child(even),
#program .tournament__table tbody tr:nth-child(even) {
  background: #f2f2f2; }
#program .tournament__table tbody td {
  padding: 10px; }
#program .tournament__table thead tr th.sticky,
#program .tournament__table tbody tr td.sticky {
  white-space: nowrap;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 100; }
#program .tournament__table tbody tr td.sticky {
  background: #fff; }
#program .tournament__table tbody tr:nth-child(even) td.sticky {
  background: #f2f2f2; }
#program .schedule__table tbody td:nth-child(2) {
  text-align: center; }
#program #program thead th:nth-child(1) {
  width: 6rem; }
#program .standings__table thead th.win_point,
#program .standings__table thead th.gd,
#program .standings__table thead th.rank {
  width: 8rem; }
#program .team__table tbody td:nth-child(2),
#program .schedule__table tbody td:nth-child(3),
#program .standings__table tbody td:nth-child(2) {
  padding: 10px 10px 10px 20px; }
  @media only screen and (max-width: 768px) {
    #program .team__table tbody td:nth-child(2),
    #program .schedule__table tbody td:nth-child(3),
    #program .standings__table tbody td:nth-child(2) {
      padding: 10px; } }
#program .standings__table th.po {
  background-color: #40c4ff; }
#program .standings__table th.final {
  background-color: #0091ea; }
#program .schedule__table tbody tr.po td {
  background-color: #e1f5fe; }
#program .schedule__table tbody tr.final td {
  background-color: #b3e5fc; }
#program .memo__table th {
  width: 6rem; }
  @media only screen and (max-width: 768px) {
    #program .memo__table th {
      width: 100%;
      display: block; } }
#program .memo__table td {
  border: 1px solid #b5b5b5;
  width: 45%;
  text-align: center; }
  @media only screen and (max-width: 768px) {
    #program .memo__table td {
      width: 100%;
      display: block; } }
#program .standings__table td {
  border: 1px solid #b5b5b5; }
#program .no_game {
  background-color: #b5b5b5;
  text-align: center;
  vertical-align: middle; }
#program .notice__comment {
  margin: 20px;
  padding: 20px;
  font-size: 1.5rem;
  font-weight: 900; }
  @media only screen and (max-width: 768px) {
    #program .notice__comment {
      margin: 10px 0; } }
#program .notice__comment .fair_play {
  margin: 20px auto 0;
  padding: 10px;
  color: #a94442;
  background-color: #E3C7C7;
  text-align: center; }
@media print {
  #program #header, #program nav, #program .hamburger, #program .pageTitle, #program #breadcrumbs, #program footer {
    display: none; }
  #program th, #program td {
    border: 1px solid #b5b5b5; }
  #program .page-break {
    page-break-before: always; } }

#tokutei .pageTitle__eng {
  font-size: 2.0rem; }
#tokutei .tokutei__list {
  width: 1100px;
  margin: 0 auto; }
  @media only screen and (max-width: 768px) {
    #tokutei .tokutei__list {
      width: 100%; } }
  #tokutei .tokutei__list a:hover {
    color: #ff8e00;
    text-decoration: underline; }
  #tokutei .tokutei__list dl {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #fff; }
    @media only screen and (max-width: 768px) {
      #tokutei .tokutei__list dl {
        flex-flow: column nowrap; } }
    #tokutei .tokutei__list dl:first-of-type {
      border-top: 1px solid #fff; }
  #tokutei .tokutei__list dt {
    width: 30%;
    background: #e6e6e6;
    padding: 20px;
    font-size: 1.5rem;
    font-weight: bold;
    color: #333; }
    #tokutei .tokutei__list dt span {
      font-size: 1.2rem; }
    @media only screen and (max-width: 768px) {
      #tokutei .tokutei__list dt {
        width: 100%; } }
  #tokutei .tokutei__list dd {
    width: 70%;
    padding: 20px;
    font-size: 1.3rem;
    line-height: 150%; }
    @media only screen and (max-width: 768px) {
      #tokutei .tokutei__list dd {
        width: 100%; } }

#mypage .pointPresent .box {
  display: flex; }
  @media only screen and (max-width: 768px) {
    #mypage .pointPresent .box {
      display: block; } }
  #mypage .pointPresent .box .presentImages__main li:not(:first-child) {
    display: none; }
  #mypage .pointPresent .box .presentImages__main img {
    width: 500px;
    height: 500px;
    object-fit: contain;
    margin: 0 20px 10px 0; }
    @media only screen and (max-width: 768px) {
      #mypage .pointPresent .box .presentImages__main img {
        width: 100%;
        height: 100%;
        margin: 0 0 20px; } }
  #mypage .pointPresent .box .presentImages__thumb {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px; }
    #mypage .pointPresent .box .presentImages__thumb li {
      min-height: 50px;
      margin: 0 10px 2px 0; }
      #mypage .pointPresent .box .presentImages__thumb li a {
        border: #ddd 1px solid;
        display: block;
        height: 100%;
        width: 100%;
        overflow: hidden; }
        #mypage .pointPresent .box .presentImages__thumb li a img {
          width: 100px;
          height: 100px;
          margin: 0;
          object-fit: scale-down;
          font-family: 'object-fit: scale-down;'; }
      #mypage .pointPresent .box .presentImages__thumb li a.active {
        border: #ff8e00 1px solid; }
  @media only screen and (max-width: 768px) {
    #mypage .pointPresent .box .presentDetail {
      border-bottom: 1px solid #ccc; } }
  #mypage .pointPresent .box .presentDetail h4 {
    font-size: 2.4rem;
    font-weight: 700;
    color: #ff8e00;
    margin: 0 0 10px;
    border-bottom: 2px solid #ff8e00;
    text-indent: 1rem; }
  #mypage .pointPresent .box .presentDetail dl {
    margin: 0 10px 0 10px; }
    #mypage .pointPresent .box .presentDetail dl dt {
      font-weight: 700;
      font-size: 1.5rem;
      color: #ff8e00;
      margin: 0 0 5px; }
      @media only screen and (max-width: 768px) {
        #mypage .pointPresent .box .presentDetail dl dt {
          font-size: 1.6rem; } }
    #mypage .pointPresent .box .presentDetail dl dd {
      margin: 0 0 20px;
      font-size: 1.5rem; }
      @media only screen and (max-width: 768px) {
        #mypage .pointPresent .box .presentDetail dl dd {
          font-size: 1.6rem; } }
  @media only screen and (max-width: 768px) {
    #mypage .pointPresent .box .presentDetail .btnArea__item {
      width: auto; } }
  #mypage .pointPresent .box .presentDetail a.confirm {
    color: #fff !important;
    text-decoration: none !important;
    display: block;
    background: #ff6c00;
    width: 280px;
    text-align: center;
    border: #ff6c00 2px solid;
    font-size: 1.6rem;
    padding: 10px;
    cursor: pointer; }
    @media only screen and (max-width: 768px) {
      #mypage .pointPresent .box .presentDetail a.confirm {
        width: auto;
        white-space: nowrap; } }
    #mypage .pointPresent .box .presentDetail a.confirm:hover {
      background: #fff;
      color: #ff6c00 !important; }
  #mypage .pointPresent .box .presentDetail .outside {
    display: block;
    width: 280px;
    text-align: center;
    padding: 10px;
    border: #777 2px solid;
    background: #999;
    color: #fff;
    font-size: 1.6rem;
    margin: 0 auto 20px; }
    @media only screen and (max-width: 768px) {
      #mypage .pointPresent .box .presentDetail .outside {
        width: auto; } }
#mypage #change .entryForm {
  margin-bottom: 50px; }
  #mypage #change .entryForm .entryTab {
    font-size: 1.5rem;
    margin-bottom: 20px; }
    #mypage #change .entryForm .entryTab .entryTab_title {
      background: #e6e6e6;
      padding: 5px 35px;
      font-size: 1.8rem;
      font-weight: bold;
      color: #333;
      cursor: pointer;
      transition: all 0.2s linear;
      position: relative; }
      #mypage #change .entryForm .entryTab .entryTab_title::after {
        content: ""; }
      #mypage #change .entryForm .entryTab .entryTab_title.is-active::after {
        content: ""; }
      @media only screen and (max-width: 768px) {
        #mypage #change .entryForm .entryTab .entryTab_title {
          padding: 5px 10px;
          font-size: 1.8rem; } }
      @media only screen and (max-width: 768px) {
        #mypage #change .entryForm .entryTab .entryTab_title input {
          margin: 7px 0 0 -5px; } }
  #mypage #change .entryForm .payment_item {
    margin: 0 auto;
    padding: 10px 0;
    border-bottom: 1px solid #eee; }
  #mypage #change .entryForm select {
    padding: 0 10px;
    height: 42px;
    display: inline-table;
    border-radius: 5px;
    background-color: #f6f6f6;
    border: 1px solid #eee;
    font-size: 1.6rem; }
    @media only screen and (max-width: 768px) {
      #mypage #change .entryForm select {
        max-width: 320px; } }
  #mypage #change .entryForm .formList__outer {
    background: #f6f6f6;
    border: 1px solid #eee;
    border-radius: 5px;
    display: inline-block;
    padding: 3px;
    width: 100%;
    position: relative; }
  #mypage #change .entryForm .formList__text {
    font-size: 1.6rem;
    padding: 5px; }
  #mypage #change .entryForm .ui-datepicker-trigger {
    background: #fff;
    padding: 7px 10px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%); }
  #mypage #change .entryForm .title p {
    padding: 10px; }