@charset "UTF-8";
#main_area {
  background-color: #fff;
  padding-bottom: 84px;
}

@media only screen and (max-width: 640px) {
  #main_area {
    padding-bottom: 3em;
  }
}
@media only screen and (max-width: 400px) {
  #main_area {
    padding-bottom: 2em;
  }
}
.main_width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
}
@media only screen and (max-width: 1024px) {
  #page .main_width {
    padding: 0 20px;
  }
}

@media only screen and (min-width: 901px) {
  .pc_none {
    display: none;
  }
}
#team #team_info {
  margin-bottom: 84px;
}
#team #team_info .info_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#team #team_info .info_wrap h1 {
  font-size: 271.4%;
  font-weight: 700;
  text-align: center;
  width: 100%;
  margin-bottom: 80px;
}
#team #team_info .info_wrap .logo img {
  margin: 0 auto;
}
#team #team_info .info_wrap .logo .copy_wrap img {
  height: 17px;
  width: auto;
  margin: 0 auto;
}
#team #team_info .info_wrap .anchor ul {
  background-color: #f4f4f4;
  align-items: center;
  display: flex;
}
#team #team_info .info_wrap .anchor ul li {
  font-weight: 500;
  width: 25%;
  text-align: center;
  padding: 0.8em 0;
}
#team #team_info .info_wrap .anchor ul li a:after {
  font-family: FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f107';
  color: #7a5c1e;
  display: block;
  font-size: 150%;
  line-height: 1;
  margin: 0 auto 0;
}
#team #team_info .info_wrap .info {
  width: 53.4%;
  margin-left: 10.6%;
}
#team #team_info .info_wrap .info dl .dl_set {
  display: flex;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 0.8em;
}
#team #team_info .info_wrap .info dl .dl_set + .dl_set {
  margin-top: 0.8em;
}
#team #team_info .info_wrap .info dl .dl_set dt {
  font-weight: 700;
  flex-shrink: 0;
  width: 7em;
}
#team #team_info .info_wrap .info dl .dl_set dd {
  flex: 1 1 0;
}
#team #team_info .info_wrap .info dl .dl_set dd p.city {
  margin-bottom: 0.3em;
}
#team #team_info .info_wrap .info dl .dl_set dd p.city + p {
  margin-left: 2.2em;
}
#team #team_info .info_wrap .info dl .dl_set dd p.city + p + p.city {
  margin-top: 0.5em;
}
#team #team_info .info_wrap .info .link {
  margin-top: 0.8em;
}
#team #team_info .info_wrap .info .link ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -4px -10px;
}
#team #team_info .info_wrap .info .link ul li {
  display: flex;
  width: 33.3333333%;
  padding: 0 4px;
  margin-bottom: 10px;
}
#team #team_info .info_wrap .info .link ul li a {
  align-items: center;
  border: 1px #7a5c1e solid;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  font-weight: 600;
  line-height: 1.2;
  width: 100%;
  text-align: center;
  position: relative;
  padding: 0.85em 0;
}
#team #team_info .info_wrap .info .link ul li.ticket a:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e906';
  display: block;
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
}
#team #team_info .info_wrap .info .link ul li.x a,
#team #team_info .info_wrap .info .link ul li.insta a,
#team #team_info .info_wrap .info .link ul li.youtube a {
  background-repeat: no-repeat;
}
#team #team_info .info_wrap .info .link ul li.x a {
  background-image: url(../images/common/icon_x.svg);
  background-position: 11px 50%;
  background-size: 1.25em auto;
}
#team #team_info .info_wrap .info .link ul li.insta a {
  background-image: url(../images/common/icon_insta.svg);
  background-position: 15px 50%;
  background-size: 1.45em auto;
}
#team #team_info .info_wrap .info .link ul li.youtube a {
  background-image: url(../images/common/icon_youtube.svg);
  background-position: 15px 50%;
  background-size: 1.95em auto;
}
#team.detail h2 {
  font-size: 157.1%;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1em;
}
#team .team_width {
  max-width: 680px;
  margin: 0 auto;
}
#team #team_sns {
  max-width: 450px;
  margin: 0 auto 60px;
}
#team #team_home {
  margin-bottom: 80px;
}
#team #team_home .venue_set + .venue_set {
  margin-top: 60px;
}
#team #team_home .img_wrap {
  margin-bottom: 1.2em;
}
#team #team_home .img_wrap img {
  width: 100%;
}
#team #team_home h3 {
  font-size: 142.9%;
  font-weight: 700;
  margin-bottom: 0.8em;
}
#team #team_home p.address {
  font-size: 114.3%;
  margin-bottom: 0.8em;
}
#team #team_home ul {
  display: flex;
}
#team #team_home ul li a {
  background: url(../images/common/icn-new_window_black.svg) no-repeat right 0.3em;
  background-size: 0.9em auto;
  text-decoration: underline;
  padding-right: 1.5em;
}
#team #team_gallery {
  margin-bottom: 80px;
}
#team #team_gallery ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -9px -18px;
}
#team #team_gallery ul li {
  width: 50%;
  padding: 0 9px;
  margin-bottom: 18px;
}
#team #team_gallery ul li .set_wrap {
  display: block;
  overflow: hidden;
  position: relative;
  padding-top: 100%;
}
#team #team_gallery ul li .set_wrap img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: auto;
  max-width: none;
  transform: translate(-50%, -50%);
}
#team #related_news .news_set {
  background-color: #f4f4f4;
  border-radius: 15px;
  padding: 20px 20px 40px;
}
#team #related_news .news_set + .news_set {
  margin-top: 40px;
}
#team #related_news .news_set .title_wrap {
  margin-bottom: 3em;
}
#team #related_news .news_set .title_wrap p {
  color: #81662b;
  font-weight: 700;
  margin-bottom: 0.1em;
}
#team #related_news .news_set .title_wrap h3 {
  font-size: 171.4%;
  font-weight: 900;
}
#team #related_news .news_set .title_wrap .tag_list {
  margin-top: 0.5em;
}
#team #related_news .news_set .title_wrap .tag_list ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.5em;
}
#team #related_news .news_set .title_wrap .tag_list ul li {
  padding: 0 0.5em;
}
#team #related_news .news_set .title_wrap .tag_list ul li a {
  color: #5f5f5f;
  text-decoration: underline;
}
#team #related_news .news_set .news_list .list_set + .list_set {
  margin-top: 30px;
}
#team #related_news .news_set .news_list .list_set .set_wrap {
  display: flex;
}
#team #related_news .news_set .news_list .list_set .set_wrap .thumb {
  flex-shrink: 0;
  width: 152px;
}
#team #related_news .news_set .news_list .list_set .set_wrap .info {
  flex: 1 1 0;
  padding-left: 15px;
}
#team #related_news .news_set .news_list .list_set .set_wrap .info time {
  display: block;
  font-weight: 500;
}
#team #related_news .news_set .news_list .list_set .set_wrap .info p {
  font-size: 114.3%;
  font-weight: 700;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#team #related_news .news_set .news_list .list_set .set_wrap .info .badge {
  margin-top: 0.6em;
}
#team #related_news .news_set .news_list .list_set .set_wrap .info .badge ul {
  display: flex;
  margin: 0 -5px -10px;
}
#team #related_news .news_set .news_list .list_set .set_wrap .info .badge ul li {
  font-size: 85.7%;
  font-weight: 500;
  line-height: 1;
  padding: 0 5px;
  margin-bottom: 10px;
}
#team #related_news .news_set .news_list .list_set .set_wrap .info .badge ul li span {
  background-color: #fff;
  border-radius: 50px;
  display: block;
  padding: 0.42em 1.2em;
}
#team #related_news .news_set .news_list.square .list_set .set_wrap .thumb {
  overflow: hidden;
  position: relative;
  width: 124px;
  height: 124px;
}
#team #related_news .news_set .news_list.square .list_set .set_wrap .thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: auto;
  max-width: none;
  transform: translate(-50%, -50%);
}
#team #related_news .news_set .news_list.square .list_set .set_wrap .info {
  padding-left: 26px;
}
#team #related_news .news_set .news_list + a {
  align-items: center;
  background-color: #fff;
  border-radius: 50px;
  display: flex;
  font-weight: 700;
  text-align: center;
  justify-content: center;
  max-width: 273px;
  padding: 0.6em 0 0.6em 1.2em;
  margin: 50px auto 0;
}
#team #related_news .news_set .news_list + a:after {
  font-family: FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f105';
  color: #7a5c1e;
  font-size: 170%;
  line-height: 1;
  position: relative;
  top: -0.5px;
  margin-left: 0.5em;
}
#team.index #team_list {
  margin-bottom: 112px;
}
#team.index #team_list h1 {
  font-size: 271.4%;
  font-weight: 700;
  text-align: center;
  width: 100%;
  margin-bottom: 80px;
}
#team.index #team_list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -22px -50px;
}
#team.index #team_list ul li {
  width: 20%;
  padding: 0 22px;
  margin-bottom: 50px;
}
#team.index #team_list ul li .img_copy {
  display: block;
  height: 11px;
  margin: 7px 0 6px;
}
#team.index #team_list ul li .img_copy img {
  height: 11px;
  width: auto;
  margin: 0 auto;
}
#team.index #team_list ul li p {
  text-align: center;
}
#team.index #team_list ul li p.category {
  background-color: #eaeaea;
  border-radius: 50px;
  font-size: 85.7%;
  padding: 6px 0;
  margin-bottom: 10px;
}
#team.index #team_list ul li p.name {
  font-size: 114.3%;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 1.2px;
}
#team.index #team_list ul li a {
  cursor: pointer;
  display: block;
}

@media only screen and (max-width: 640px) {
  #team #team_info {
    margin-bottom: 5em;
  }
}
@media only screen and (max-width: 900px) {
  #team #team_info .info_wrap {
    flex-direction: column;
  }
}
@media only screen and (max-width: 900px) {
  #team #team_info .info_wrap h1 {
    order: 2;
    font-size: 214.3%;
  }
}
@media only screen and (max-width: 640px) {
  #team #team_info .info_wrap h1 {
    font-size: 185.7%;
    margin-bottom: 1.5em;
  }
}
@media only screen and (min-width: 901px) {
  #team #team_info .info_wrap .logo {
    width: 36%;
  }
}
@media only screen and (max-width: 900px) {
  #team #team_info .info_wrap .logo {
    width: 50%;
    margin: 30px auto;
    order: 1;
  }
}
@media only screen and (min-width: 901px) {
  #team #team_info .info_wrap .anchor {
    display: none;
  }
}
@media only screen and (max-width: 900px) {
  #team #team_info .info_wrap .anchor {
    order: 3;
    margin-bottom: 1.5em;
  }
}
@media only screen and (max-width: 1024px) {
  #team #team_info .info_wrap .info {
    margin-left: 0;
  }
}
@media only screen and (max-width: 900px) {
  #team #team_info .info_wrap .info {
    width: 100%;
    order: 4;
    padding: 0 20px;
  }
}
@media only screen and (min-width: 901px) {
  #team #team_info .info_wrap .info h2 {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  #team #team_info .info_wrap .info .link {
    margin-top: 1.5em;
  }
}
@media only screen and (max-width: 640px) {
  #team #team_info .info_wrap .info .link ul li {
    width: 50%;
  }
}
@media only screen and (min-width: 1025px) {
  #team #team_info .info_wrap .info .link ul li a {
    transition: 0.5s;
  }
  #team #team_info .info_wrap .info .link ul li a:hover {
    background-color: #7a5c1e;
    color: #fff;
  }
}
@media only screen and (max-width: 640px) {
  #team #team_info .info_wrap .info .link ul li a {
    min-height: 4em;
  }
}
@media only screen and (max-width: 640px) {
  #team #team_info .info_wrap .info .link ul li.youtube a {
    background-size: 1.6em auto;
  }
}
@media only screen and (max-width: 640px) {
  #team .team_width {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 640px) {
  #team #team_sns {
    padding: 0 20px;
    margin: 0 auto 5em;
  }
}
@media only screen and (max-width: 640px) {
  #team #team_home {
    margin-bottom: 4em;
  }
}
@media only screen and (max-width: 640px) {
  #team #team_home .venue_set + .venue_set {
    margin-top: 3em;
  }
}
@media only screen and (max-width: 640px) {
  #team #team_home ul {
    display: block;
  }
}
@media only screen and (min-width: 641px) {
  #team #team_home ul li + li {
    margin-left: 2.1em;
  }
}
@media only screen and (max-width: 640px) {
  #team #team_home ul li {
    text-align: right;
  }
  #team #team_home ul li + li {
    margin-top: 0.5em;
  }
}
@media only screen and (min-width: 1025px) {
  #team #team_home ul li a:hover {
    text-decoration: none;
  }
}
@media only screen and (max-width: 640px) {
  #team #team_home ul li a {
    display: block;
  }
}
@media only screen and (max-width: 640px) {
  #team #team_gallery {
    margin-bottom: 4em;
  }
}
@media only screen and (max-width: 640px) {
  #team #team_gallery ul {
    margin: 0 -4px -8px;
  }
}
@media only screen and (max-width: 640px) {
  #team #team_gallery ul li {
    padding: 0 4px;
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 640px) {
  #team #related_news .news_set {
    margin: 0 -10px;
  }
}
@media only screen and (max-width: 640px) {
  #team #related_news .news_set + .news_set {
    margin-top: 3em;
  }
}
@media only screen and (max-width: 640px) {
  #team #related_news .news_set .news_list .list_set + .list_set {
    margin-top: 2.5em;
  }
}
@media only screen and (max-width: 640px) {
  #team #related_news .news_set .news_list .list_set .set_wrap .thumb {
    width: 40%;
  }
}
@media only screen and (max-width: 640px) {
  #team #related_news .news_set .news_list .list_set .set_wrap .info p {
    -webkit-line-clamp: 3;
  }
}
@media only screen and (max-width: 640px) {
  #team #related_news .news_set .news_list.square .list_set + .list_set {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 640px) {
  #team #related_news .news_set .news_list.square .list_set .set_wrap .thumb {
    width: 30%;
    height: auto;
    padding-top: 30%;
  }
}
@media only screen and (max-width: 640px) {
  #team #related_news .news_set .news_list.square .list_set .set_wrap .info {
    padding-left: 1.5em;
  }
}
@media only screen and (min-width: 1025px) {
  #team #related_news .news_set .news_list + a {
    transition: 0.5s;
  }
  #team #related_news .news_set .news_list + a:after {
    transition: 0.5s;
  }
  #team #related_news .news_set .news_list + a:hover {
    background-color: #7a5c1e;
    color: #fff;
  }
  #team #related_news .news_set .news_list + a:hover:after {
    color: #fff;
  }
}
@media only screen and (max-width: 1024px) {
  #team.index #team_list {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 640px) {
  #team.index #team_list {
    padding-top: 1.5em;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 900px) {
  #team.index #team_list h1 {
    order: 2;
    font-size: 214.3%;
  }
}
@media only screen and (max-width: 640px) {
  #team.index #team_list h1 {
    font-size: 185.7%;
    margin-bottom: 2em;
  }
}
@media only screen and (max-width: 640px) {
  #team.index #team_list ul {
    justify-content: flex-start;
    margin: 0 -7px -38px;
  }
}
@media only screen and (max-width: 900px) {
  #team.index #team_list ul li {
    width: 25%;
  }
}
@media only screen and (max-width: 640px) {
  #team.index #team_list ul li {
    width: 33.33333333%;
    padding: 0 7px;
    margin-bottom: 38px;
  }
}
@media only screen and (max-width: 640px) {
  #team.index #team_list ul li p.name {
    font-size: 100%;
  }
}
#venue.index h1 {
  font-size: 271.4%;
  font-weight: 700;
  text-align: center;
  width: 100%;
  margin-bottom: 80px;
}
#venue.index #venue_list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px 0;
}
#venue.index #venue_list .list_set {
  width: 33.3333333%;
  padding: 0 15px;
  margin-bottom: 80px;
}
#venue.index #venue_list .list_set .set_wrap {
  display: block;
}
#venue.index #venue_list .list_set .set_wrap .img_wrap {
  overflow: hidden;
  position: relative;
  padding-top: 65.1399%;
  margin-bottom: 1.2em;
}
#venue.index #venue_list .list_set .set_wrap .img_wrap img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: auto;
  max-width: none;
}
#venue.index #venue_list .list_set .set_wrap p.name {
  font-size: 142.9%;
  font-weight: 700;
  margin-bottom: 0.5em;
}
#venue.index #venue_list .list_set .set_wrap p.address {
  font-size: 114.3%;
}
#venue.index #venue_list .list_set .set_wrap p.btn {
  border: 1px #7a5c1e solid;
  border-radius: 50px;
  font-weight: 700;
  text-align: center;
  padding: 0.83em 0;
  margin-top: 1em;
}
#venue.detail #venue_kv,
#venue.detail .cont_width {
  max-width: 680px;
  margin: 0 auto;
}
#venue.detail #venue_kv {
  margin-bottom: 64px;
}
#venue.detail #venue_kv .kv_wrap {
  margin-bottom: 40px;
}
#venue.detail #venue_kv .kv_wrap img {
  width: 100%;
}
#venue.detail #venue_kv .info h1 {
  font-size: 271.4%;
  font-weight: 700;
  text-align: center;
  margin-bottom: 30px;
}
#venue.detail #venue_kv .info p.nickname {
  border: 1px solid #eaeaea;
  border-radius: 50px;
  font-weight: 700;
  display: table;
  padding: 9px 23px 9px 10px;
  margin: 0 auto;
}
#venue.detail #venue_kv .info p.nickname:before {
  background: url(../images/common/icon_pin.svg) no-repeat 50% 50%;
  background-size: 0.9em auto;
  content: '';
  display: inline-block;
  width: 1.3em;
  height: 1.3em;
  vertical-align: middle;
  margin-top: -1px;
  margin-right: 3px;
}
#venue.detail #venue_kv .info ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 30px -20px -10px;
}
#venue.detail #venue_kv .info ul li {
  align-items: center;
  display: flex;
  font-size: 114.3%;
  font-weight: 700;
  padding: 0 20px;
  margin-bottom: 10px;
}
#venue.detail #venue_kv .info ul li img {
  margin-right: 10px;
}
#venue.detail #venue_lead {
  margin-bottom: 46px;
}
#venue.detail #venue_lead p {
  font-size: 114.3%;
}
#venue.detail #venue_map {
  margin-bottom: 40px;
}
#venue.detail #venue_map .frame_wrap {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-top: 60.6232%;
  margin-bottom: 1.5em;
}
#venue.detail #venue_map .frame_wrap iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
#venue.detail #venue_map a {
  display: block;
  font-weight: 500;
  text-align: right;
  background: url(../images/common/icn-new_window_black.svg) no-repeat right 0.3em;
  background-size: 0.9em auto;
  text-decoration: underline;
  padding-right: 1.5em;
}
#venue.detail #venue_overview {
  margin: 3em 0;
}
#venue.detail #venue_overview table {
  border-top: 1px #000 solid;
  border-left: 1px #000 solid;
}
#venue.detail #venue_overview table th,
#venue.detail #venue_overview table td {
  border-bottom: 1px #000 solid;
  border-right: 1px #000 solid;
  font-size: 114.3%;
  display: block;
  width: 100%;
  padding: 24px 20px;
}
#venue.detail #venue_overview table th {
  background-color: #d9c496;
  font-weight: 700;
}
#venue.detail #venue_overview table td .address {
  margin-bottom: 1.8em;
}
#venue.detail #venue_overview table td .editor p strong {
  display: block;
  margin-bottom: -0.5em;
}
#venue.detail #venue_overview table td .editor p + p {
  margin-top: 1.5em;
}
#venue.detail a.btn {
  align-items: center;
  border: 1px #7a5c1e solid;
  border-radius: 50px;
  display: flex;
  font-size: 114.3%;
  font-weight: 700;
  justify-content: center;
  text-align: center;
  max-width: 350px;
  padding: 1.26em 0 1.26em 0.8em;
  margin: 0 auto;
}
#venue.detail a.btn:after {
  background: url(../images/common/icn-new_window_black.svg) no-repeat 0 0;
  background-size: contain;
  content: '';
  width: 0.8em;
  height: 0.8em;
  margin-left: 10px;
}

@media only screen and (max-width: 900px) {
  #venue.index h1 {
    order: 2;
    font-size: 214.3%;
    padding-top: 1em;
  }
}
@media only screen and (max-width: 640px) {
  #venue.index h1 {
    font-size: 185.7%;
    margin-bottom: 1.5em;
  }
}
@media only screen and (max-width: 1024px) {
  #venue.index #venue_list {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 900px) {
  #venue.index #venue_list {
    margin: 0 -8px 0;
  }
}
@media only screen and (max-width: 640px) {
  #venue.index #venue_list {
    display: block;
    margin: 0;
  }
}
@media only screen and (max-width: 900px) {
  #venue.index #venue_list .list_set {
    width: 50%;
    padding: 0 8px;
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 640px) {
  #venue.index #venue_list .list_set {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  #venue.index #venue_list .list_set + .list_set {
    margin-top: 3em;
  }
}
@media only screen and (max-width: 640px) {
  #venue.index #venue_list .list_set .set_wrap p.btn {
    font-size: 114.3%;
  }
}
@media only screen and (min-width: 1025px) {
  #venue.index #venue_list .list_set a p.btn {
    transition: 0.5s;
  }
  #venue.index #venue_list .list_set a:hover p.btn {
    transition: 0.5s;
    background-color: #7a5c1e;
    color: #fff;
  }
}
@media only screen and (max-width: 640px) {
  #venue.detail #venue_kv {
    margin-bottom: 3em;
  }
}
@media only screen and (max-width: 640px) {
  #venue.detail #venue_kv .kv_wrap {
    margin-bottom: 2.5em;
  }
}
@media only screen and (max-width: 640px) {
  #venue.detail #venue_kv .info {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 640px) {
  #venue.detail #venue_kv .info h1 {
    font-size: 185.7%;
    margin-bottom: 0.5em;
  }
}
@media only screen and (max-width: 640px) {
  #venue.detail #venue_kv .info p.nickname {
    font-size: 85.7%;
    padding: 3px 12px 3px 8px;
  }
}
@media only screen and (max-width: 640px) {
  #venue.detail #venue_kv .info ul {
    margin: 2em -20px -10px;
  }
}
@media only screen and (max-width: 640px) {
  #venue.detail #venue_kv .info ul li img {
    margin-right: 3px;
    transform: translateY(1px);
    width: 18px;
  }
}
@media only screen and (max-width: 700px) {
  #venue.detail .main_width {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 640px) {
  #venue.detail #venue_lead {
    margin-bottom: 3em;
  }
}
@media only screen and (max-width: 640px) {
  #venue.detail #venue_map {
    margin-bottom: 2.1em;
  }
}
@media only screen and (max-width: 640px) {
  #venue.detail #venue_overview table th,
  #venue.detail #venue_overview table td {
    padding: 1em 1em;
  }
}
@media only screen and (min-width: 1025px) {
  #venue.detail a.btn {
    transition: 0.5s;
  }
  #venue.detail a.btn:hover {
    background-color: #7a5c1e;
    color: #fff;
  }
}
.return {
  margin-top: 64px;
}
.return ul {
  display: flex;
  justify-content: center;
}
.return ul li {
  width: 100%;
  max-width: 350px;
}
.return a {
  border: 1px #7a5c1e solid;
  border-radius: 50px;
  display: block;
  font-size: 114.3%;
  font-weight: 700;
  text-align: center;
  padding: 1.26em 0;
}

@media only screen and (min-width: 1025px) {
  .return a {
    transition: 0.5s;
  }
  .return a:hover {
    background-color: #7a5c1e;
    color: #fff;
  }
}
#btm_bnr {
  margin-top: 64px;
}

@media only screen and (max-width: 640px) {
  #btm_bnr {
    margin-top: 5em;
  }
}
@media only screen and (min-width: 641px) {
  #btm_bnr ul {
    align-items: flex-end;
    display: flex;
    margin: 0 -18px;
  }
  #btm_bnr ul li {
    width: 50%;
    padding: 0 18px;
  }
}
@media only screen and (max-width: 640px) {
  #btm_bnr ul li + li {
    margin-top: 3em;
    padding: 0 20px;
  }
}
@media only screen and (max-width: 400px) {
  #btm_bnr ul li + li {
    margin-top: 2em;
  }
}
#news.archive .main_width {
  max-width: 1276px;
  padding: 0 50px;
}

@media only screen and (max-width: 1024px) {
  #news.archive .main_width {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 640px) {
  #news.archive .main_width {
    padding: 0;
  }
}
.mod_area .mod_cont article {
  margin-right: 0 !important;
}
.mod_area .mod_cont .sdgs_icon ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -3px -6px;
}
.mod_area .mod_cont .sdgs_icon ul li {
  padding: 0 3px;
  margin-bottom: 6px;
}
.mod_area .mod_cont .sdgs_icon ul li:before {
  display: none;
}
.mod_area .mod_cont .sdgs_icon ul li + li {
  margin-top: 0;
}
.mod_area .mod_cont .sdgs_icon ul.col2 li {
  width: 50%;
}
.mod_area .mod_cont .sdgs_icon ul.col3 li {
  width: 33.3333333%;
}
.mod_area .mod_cont .sdgs_icon ul.col4 li {
  width: 25%;
}
.mod_area .mod_cont .sdgs_icon ul.col5 li {
  width: 20%;
}
.mod_area .mod_cont .sdgs_icon ul.col6 li {
  width: 16.6666667%;
}
.mod_area .mod_cont .sdgs_icon ul.col7 li {
  width: 14.2857142857%;
}
.mod_area .mod_cont .sdgs_icon ul.col8 li {
  width: 12.5%;
}
.mod_area .mod_cont .sdgs_icon ul.col9 li {
  width: 11.1111111111%;
}

#home .main_width {
  max-width: 1170px;
}
#home .area-slider .body .slider {
  opacity: 0;
  transition: opacity 0.3s linear;
}
#home .area-slider .body .slider.slick-initialized {
  opacity: 1;
}

@media only screen and (max-width: 640px) {
  #stamprally.qr .cke_editable table .table_wrap table,
  #stamprally.qr .mod_cont .table_wrap table {
    width: 600px;
  }
}
#stamprally.qr .cke_editable table .table_wrap table tr th,
#stamprally.qr .mod_cont .table_wrap table tr th {
  background-color: #d9c496;
}
#stamprally.qr .cke_editable table .table_wrap table tr td a,
#stamprally.qr .mod_cont .table_wrap table tr td a {
  display: table;
}
#stamprally.qr .cke_editable table .table_wrap table tr td a + a,
#stamprally.qr .mod_cont .table_wrap table tr td a + a {
  margin-left: 0.5em;
}
#stamprally.qr .cke_editable table .table_wrap table tr td a:after,
#stamprally.qr .mod_cont .table_wrap table tr td a:after {
  display: none !important;
}
#stamprally.qr .cke_editable table .table_wrap table tr td small,
#stamprally.qr .mod_cont .table_wrap table tr td small {
  display: block;
}
@media only screen and (max-width: 900px) {
  #stamprally.qr .main_width {
    padding: 0 20px;
  }
}
#stamprally .main_width {
  max-width: 680px;
}
#stamprally #main_area {
  padding-bottom: 100px;
}
#stamprally #main_kv {
  margin-bottom: 60px;
}
#stamprally .cont_title {
  margin-bottom: 60px;
}
#stamprally .cont_title p.lead {
  text-align: center;
}
#stamprally .cont_title p.lead + h2 {
  margin-top: 1em;
}
#stamprally .cont_title h2 {
  font-size: 214.3%;
  font-weight: 700;
  text-align: center;
}
#stamprally #participate {
  margin-bottom: 84px;
}
#stamprally #participate a.link_btn {
  border: 1px #7a5c1e solid;
  border-radius: 50px;
  display: block;
  font-size: 114.3%;
  font-weight: 700;
  text-align: center;
  max-width: 350px;
  padding: 1.35em 0;
  margin: 0 auto;
}
#stamprally #participate a.link_btn + a.link_btn {
  margin: 10px auto 84px;
}
#stamprally #participate a.link_btn + .cont_title {
  margin-top: 84px;
}
@media only screen and (min-width: 1025px) {
  #stamprally #participate a.link_btn {
    transition: 0.5s;
  }
  #stamprally #participate a.link_btn:hover {
    background-color: #7a5c1e;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #participate a.link_btn {
    max-width: 90%;
    margin: 0 auto 5em;
  }
}
#stamprally #participate .matches {
  margin-bottom: 30px;
}
@media only screen and (max-width: 900px) {
  #stamprally #participate .matches {
    padding: 0 20px;
  }
}
#stamprally #participate .matches .cont_title {
  margin-bottom: 30px;
}
#stamprally #participate .matches .matches_wrap {
  background-color: #f4f4f4;
  border-radius: 10px;
  padding: 30px 20px 40px;
}
@media only screen and (max-width: 640px) {
  #stamprally #participate .matches .matches_wrap {
    padding: 1.5em 20px 2em;
  }
}
#stamprally #participate .matches .matches_wrap p.lead {
  text-align: center;
  margin-bottom: 30px;
}
#stamprally #participate .matches a.link_btn {
  background-color: #fff;
  margin-bottom: 0;
}
@media only screen and (max-width: 640px) {
  #stamprally #participate .matches a.link_btn {
    max-width: 100%;
    margin: 0 auto;
  }
}
#stamprally #participate #bonus_points {
  margin-bottom: 84px;
}
@media only screen and (max-width: 900px) {
  #stamprally #participate #bonus_points {
    padding: 0 20px;
  }
}
#stamprally #participate #bonus_points #bonus_points_wrap {
  background-color: #f4f4f4;
  border-radius: 10px;
  padding: 30px 20px 40px;
}
@media only screen and (max-width: 640px) {
  #stamprally #participate #bonus_points #bonus_points_wrap {
    padding: 1.5em 20px 2em;
  }
}
#stamprally #participate #bonus_points #bonus_points_wrap h2 {
  align-items: center;
  color: #81662b;
  display: flex;
  font-size: 157.1%;
  font-weight: 900;
  justify-content: center;
  margin-bottom: 10px;
}
#stamprally #participate #bonus_points #bonus_points_wrap h2 img {
  margin-left: 8px;
  width: 1.6em;
}
#stamprally #participate #bonus_points #bonus_points_wrap dl {
  text-align: center;
}
#stamprally #participate #bonus_points #bonus_points_wrap dl dt {
  font-size: 128.6%;
  font-weight: 700;
  margin-bottom: 0.9em;
}
@media only screen and (max-width: 900px) {
  #stamprally #participate #bonus_points #bonus_points_wrap dl dt {
    text-align: left;
  }
}
#stamprally #participate #bonus_points #bonus_points_wrap dl dd {
  font-size: 114.3%;
}
#stamprally #participate #point .point_set {
  background-color: #f4f4f4;
  border-radius: 10px;
  text-align: center;
  padding: 18px 20px 40px;
}
#stamprally #participate #point .point_set + .point_set {
  position: relative;
  margin-top: 66px;
}
#stamprally #participate #point .point_set + .point_set:before {
  background: url(../images/stamprally/point_arrow.svg) no-repeat 50% 50%;
  background-size: contain;
  content: '';
  display: block;
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 2.5em;
  height: 1.5em;
  transform: translate(-50%, -20px);
}
#stamprally #participate #point .point_set > p {
  color: #81662b;
  display: flex;
  justify-content: center;
  font-size: 157.1%;
  font-weight: 900;
  margin-bottom: 0.5em;
}
#stamprally #participate #point .point_set > p img {
  flex-shrink: 0;
  width: 1.5em;
  margin-left: 4px;
}
#stamprally #participate #point .point_set > p.sup {
  color: #000;
  font-size: 114.3%;
  font-weight: 400;
  margin-top: 1em;
}
#stamprally #participate #point .point_set > p.sup.not_flex {
  display: block;
}
#stamprally #participate #point .point_set > p.sup a {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
@media only screen and (min-width: 1025px) {
  #stamprally #participate #point .point_set > p.sup a:hover {
    text-decoration: none;
  }
}
#stamprally #participate #point .point_set h3 {
  font-size: 128.6%;
  font-weight: 700;
  line-height: 1.5;
}
#stamprally #participate #point .point_set h3 strong {
  background: linear-gradient(transparent 50%, #dac396 50%);
  display: inline;
}
#stamprally #participate #point .point_set a.btn {
  background-color: #fff;
  border: 1px #4dc764 solid;
  border-radius: 50px;
  display: table;
  width: 100%;
  max-width: 314px;
  font-weight: 700;
  margin: 2em auto 0;
}
#stamprally #participate #point .point_set a.btn span {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 1em 1em;
}
#stamprally #participate #point .point_set a.btn span img {
  flex-shrink: 0;
  margin-right: 6px;
}
#stamprally #participate #point a.next {
  align-items: center;
  display: flex;
  font-size: 114.3%;
  justify-content: center;
  text-align: center;
  margin-top: 30px;
}
#stamprally #participate #point a.next span {
  text-decoration: underline;
}
#stamprally #participate #point a.next:before {
  font-family: FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f0d7';
  margin-right: 6px;
}
#stamprally #present {
  background-color: #d9c495;
  padding: 40px 0 70px;
}
#stamprally #present .cont_title {
  position: relative;
  margin-bottom: 30px;
}
#stamprally #present .cont_title:before,
#stamprally #present .cont_title:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  width: 7.428em;
  height: 5.5714em;
  z-index: 2;
}
#stamprally #present .cont_title:before {
  background: url(../images/stamprally/present_deco_left.png) no-repeat 50% 50%;
  background-size: contain;
  left: 0;
  transform: translate(-50%, -45%);
}
#stamprally #present .cont_title::after {
  background: url(../images/stamprally/present_deco_right.png) no-repeat 50% 50%;
  background-size: contain;
  right: 0;
  transform: translate(50%, -45%);
}
#stamprally #present .cont_title p {
  color: #fff;
  font-size: 100%;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0.5em;
}
#stamprally #present .lead {
  margin-bottom: 57px;
}
#stamprally #present .lead p {
  font-size: 114.3%;
  line-height: 1.8;
}
#stamprally #present .present_wrap .present_set {
  background-color: #fff;
  border-radius: 10px;
  position: relative;
  text-align: center;
  padding: 24px 20px 40px;
}
#stamprally #present .present_wrap .present_set + .present_set {
  margin-top: 40px;
}
#stamprally #present .present_wrap .present_set img.badge {
  position: absolute;
  top: 0;
  right: 20px;
  transform: translateY(-30%);
}
#stamprally #present .present_wrap .present_set h3 {
  font-size: 128.6%;
  font-weight: 700;
  margin-bottom: 1.5em;
}
#stamprally #present .present_wrap .present_set p {
  font-size: 114.3%;
  text-align: left;
}
#stamprally #present .present_wrap .present_set .img_wrap {
  margin-top: 1.5em;
}
#stamprally #present .present_wrap .present_set .img_wrap img {
  width: 100%;
}
#stamprally #present .present_wrap .present_set .caption {
  color: #7a5c1e;
  display: block;
  font-weight: 700;
  margin-top: 1em;
}
#stamprally #present #team_present .list_set {
  align-items: center;
  display: flex;
}
#stamprally #present #team_present .list_set + .list_set {
  margin-top: 1em;
}
#stamprally #present #team_present .list_set .logo {
  width: 100px;
  flex-shrink: 0;
}
#stamprally #present #team_present .list_set .lead {
  margin: 0;
  padding-left: 2em;
}
#stamprally #present #team_present .list_set .lead p {
  font-size: 114.3%;
  line-height: 1.5;
}
#stamprally #present #present_other {
  margin-top: 4em;
  text-align: center;
}
#stamprally #present #present_other dl dt {
  font-size: 128.6%;
  font-weight: 700;
  margin-bottom: 0.8em;
}
#stamprally #taget_team {
  padding-top: 84px;
}
#stamprally #taget_team .cont_title {
  margin-bottom: 50px;
}
#stamprally #taget_team .team_set + .team_set {
  margin-top: 52px;
}
#stamprally #taget_team .team_set .set_wrap {
  display: flex;
  margin: 0 -1px;
}
#stamprally #taget_team .team_set dl {
  padding: 0 1px;
}
#stamprally #taget_team .team_set dl.col5_1 {
  width: 20%;
}
#stamprally #taget_team .team_set dl.col5_1 dd ul li {
  width: 100%;
}
#stamprally #taget_team .team_set dl.col4_1 {
  width: 25%;
}
#stamprally #taget_team .team_set dl.col4_1 dd ul li {
  width: 100%;
}
#stamprally #taget_team .team_set dl.col4_2 {
  width: 50%;
}
#stamprally #taget_team .team_set dl.col4_2 dd ul li {
  width: 50%;
}
#stamprally #taget_team .team_set dl.col4_3 {
  width: 75%;
}
#stamprally #taget_team .team_set dl.col4_3 dd ul li {
  width: 33.3333333%;
}
#stamprally #taget_team .team_set dl.col5_2 {
  width: 40%;
}
#stamprally #taget_team .team_set dl.col5_2 dd ul li {
  width: 50%;
}
#stamprally #taget_team .team_set dl.col5_3 {
  width: 60%;
}
#stamprally #taget_team .team_set dl.col5_3 dd ul li {
  width: 33.3333333%;
}
#stamprally #taget_team .team_set dl.col5_4 {
  width: 80%;
}
#stamprally #taget_team .team_set dl.col5_4 dd ul li {
  width: 25%;
}
#stamprally #taget_team .team_set dl dt {
  background-color: #f4f4f4;
  font-size: 114.3%;
  font-weight: 700;
  text-align: center;
  padding: 0.5em 0.5em;
  margin-bottom: 24px;
}
@media only screen and (max-width: 640px) {
  #stamprally #taget_team .team_set dl dt.small {
    padding: 0.1em 0.5em;
  }
}
#stamprally #taget_team .team_set dl dt small {
  display: block;
  font-size: 69%;
  padding: 0.33em 0;
}
@media only screen and (max-width: 640px) {
  #stamprally #taget_team .team_set dl dt small {
    font-size: 93.5%;
    line-height: 1.15;
    padding: 0.1em 0;
  }
}
#stamprally #taget_team .team_set dl dd {
  padding: 0 26px;
}
#stamprally #taget_team .team_set dl dd ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -13px -24px;
}
#stamprally #taget_team .team_set dl dd ul li {
  width: 20%;
  padding: 0 13px;
  margin-bottom: 24px;
}
#stamprally #taget_team .team_set dl dd ul li a {
  display: block;
  position: relative;
}
#stamprally #taget_team .team_set dl dd ul li span.asterisk {
  position: absolute;
  font-size: 142.9%;
  top: -5px;
  left: 0;
}
#stamprally #taget_team .team_set dl dd ul li img {
  width: 100%;
}
#stamprally #taget_team .team_set dl dd ul li .copy.ardija_copy img {
  width: auto;
  height: 0.4em;
  margin: 6px auto 0;
}
#stamprally #taget_team .team_set dl dd ul li .copy img {
  width: auto;
  height: 0.8em;
  margin: 3px auto 0;
}
#stamprally #taget_team .sp_view + p {
  margin-top: 2em;
}
@media only screen and (max-width: 640px) {
  #stamprally #taget_team .sp_view + p {
    padding: 0 20px;
  }
}
#stamprally #taget_team .link_btn a {
  background-color: #fff;
  border: 1px #7a5c1e solid;
  border-radius: 50px;
  display: table;
  font-size: 114.3%;
  font-weight: 700;
  width: 100%;
  max-width: 350px;
  margin: 54px auto 0;
  text-align: center;
  padding: 1.363em 1em;
}
#stamprally #taget_team #regist {
  background-color: #f4f4f4;
  border-radius: 10px;
  padding: 40px 20px 64px;
  margin-top: 84px;
}
#stamprally #taget_team #regist h3 {
  font-size: 214.3%;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1em;
}
#stamprally #taget_team #regist #regist_wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px -24px;
}
#stamprally #taget_team #regist #regist_wrap .regist_set {
  width: 50%;
  display: flex;
  padding: 0 10px;
  margin-bottom: 24px;
  /*&:first-child,
  &:nth-child(2) {
    .set_wrap dl dd {
      min-height: 1em;
    }
  }*/
}
#stamprally #taget_team #regist #regist_wrap .regist_set .set_wrap {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  padding: 1em 1.4em 2em;
}
#stamprally #taget_team #regist #regist_wrap .regist_set .set_wrap dl {
  text-align: center;
  margin-bottom: 1em;
}
#stamprally #taget_team #regist #regist_wrap .regist_set .set_wrap dl dt {
  color: #81662b;
  font-weight: 900;
}
#stamprally #taget_team #regist #regist_wrap .regist_set .set_wrap dl dd {
  font-weight: 700;
}
#stamprally #taget_team #regist #regist_wrap .regist_set .set_wrap .img_wrap {
  margin-bottom: 1.2em;
}
#stamprally #taget_team #regist #regist_wrap .regist_set .set_wrap .img_wrap img {
  margin: 0 auto;
}
#stamprally #taget_team #regist #regist_wrap .regist_set .set_wrap .info a {
  display: inline-block;
  text-decoration: underline;
}
#stamprally #taget_team #regist #regist_wrap .regist_set .set_wrap .info p + p {
  margin-top: 1em;
}
#stamprally #taget_team #regist #regist_wrap .regist_set .set_wrap .info p.sup {
  font-size: 85.7%;
}
#stamprally #taget_team #regist #period {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  max-width: 353px;
  padding: 40px 0;
  margin: 64px auto 0;
}
#stamprally #taget_team #regist #period dl .dl_set {
  display: flex;
  font-size: 114.3%;
}
#stamprally #taget_team #regist #period dl .dl_set + .dl_set {
  margin-top: 1.5em;
}
#stamprally #taget_team #regist #period dl .dl_set dt {
  font-weight: 700;
  flex-shrink: 0;
  width: 7.5em;
}
#stamprally #taget_team #regist #period dl .dl_set dd {
  flex: 1 1 0;
}
#stamprally #taget_team #regist .contact {
  margin-top: 65px;
}
#stamprally #taget_team #regist .contact dl dt {
  line-height: 1.8;
}
#stamprally #taget_team #regist .contact dl dd {
  line-height: 1.8;
}
#stamprally #taget_team #regist .contact dl dd a {
  text-decoration: underline;
}
#stamprally .important_points {
  margin-top: 60px;
}
#stamprally .important_points h2 {
  font-size: 157.1%;
  font-weight: 600;
  margin-bottom: 1em;
}
#stamprally .important_points dl dt {
  font-size: 142.9%;
  font-weight: 600;
  padding-left: 0.2em;
  margin-bottom: 0.8em;
}
#stamprally .important_points dl dd + dt {
  margin-top: 2em;
}
#stamprally .important_points dl dd ul li {
  font-size: 114.3%;
  line-height: 1.8;
  position: relative;
  padding-left: 1em;
}
#stamprally .important_points dl dd ul li + li {
  margin-top: 1em;
}
#stamprally .important_points dl dd ul li:before {
  background-color: #7a5c1e;
  border-radius: 50px;
  content: '';
  display: block;
  flex-shrink: 0;
  width: 0.5em;
  height: 0.5em;
  margin-right: 0.8em;
  position: absolute;
  top: 0.7em;
  left: 0;
}
#stamprally .important_points dl dd ul li a {
  display: inline-block;
  text-decoration: underline;
}
@media only screen and (min-width: 1025px) {
  #stamprally .important_points dl dd ul li a:hover {
    text-decoration: none;
  }
}
#stamprally .important_points dl + p {
  font-size: 114.3%;
  line-height: 1.8;
  margin-top: 1.5em;
}
#stamprally #btm_bnr {
  margin-top: 120px;
}

@media only screen and (max-width: 400px) {
  #stamprally #main_area {
    font-size: 3.5vw;
    padding-bottom: 5em;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #main_kv {
    margin-bottom: 4em;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally .cont_title {
    margin-bottom: 3em;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally .cont_title h2 {
    font-size: 171.4%;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #participate {
    margin-bottom: 5em;
  }
}
@media only screen and (max-width: 900px) {
  #stamprally #participate #point {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #participate #point .point_set {
    padding: 1em 20px 2em;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #participate #point .point_set + .point_set {
    margin-top: 5em;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #participate #point .point_set + .point_set:before {
    transform: translate(-50%, -1.5em);
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #participate #point .point_set > p.sup {
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #participate #point .point_set h3 {
    text-align: left;
  }
  #stamprally #participate #point .point_set h3 br {
    display: none;
  }
}
@media only screen and (min-width: 1025px) {
  #stamprally #participate #point .point_set a.btn {
    transition: 0.5s;
  }
  #stamprally #participate #point .point_set a.btn:hover {
    opacity: 0.8;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #participate #point .point_set a.btn span {
    font-size: 114.3%;
    padding: 0.8em 1em;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #participate #point .point_set a.btn span img {
    width: 2.5em;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #participate #point a.next {
    margin-top: 2em;
  }
}
@media only screen and (min-width: 1025px) {
  #stamprally #participate #point a.next:hover span {
    text-decoration: none;
  }
}
@media only screen and (max-width: 900px) {
  #stamprally #present {
    padding: 2em 20px 4em;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #present .cont_title {
    display: table;
    margin: 0 auto 2em;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #present .cont_title:before,
  #stamprally #present .cont_title:after {
    top: 0;
    width: 3em;
    height: 2em;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #present .cont_title:before {
    transform: translate(0, -30%);
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #present .cont_title::after {
    transform: translate(0, -30%);
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #present .lead {
    margin-bottom: 4em;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #present .present_wrap .present_set {
    padding: 1.5em 20px 2.5em;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #present .present_wrap .present_set + .present_set {
    margin-top: 3.5em;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #present .present_wrap .present_set img.badge {
    width: 20%;
    right: 0;
    transform: translate(5%, -30%);
  }
}
@media only screen and (min-width: 641px) {
  #stamprally #present .present_wrap .present_set ul {
    display: flex;
    margin: 0 -7px;
  }
}
@media only screen and (min-width: 641px) {
  #stamprally #present .present_wrap .present_set ul li {
    width: 50%;
    padding: 0 7px;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #present .present_wrap .present_set ul li + li {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #present #team_present .list_set + .list_set {
    margin-top: 1.5em;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #present #team_present .list_set .logo {
    width: 20%;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #present #team_present .list_set .lead {
    padding-left: 1em;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #present #team_present .list_set .lead p {
    font-size: 100%;
  }
  #stamprally #present #team_present .list_set .lead p span {
    display: block;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #present #present_other {
    margin-top: 3em;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #taget_team {
    padding-top: 5em;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #taget_team .cont_title {
    margin-bottom: 3em;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #taget_team .pc_view {
    display: none;
  }
}
@media only screen and (min-width: 641px) {
  #stamprally #taget_team .sp_view {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #taget_team .team_set + .team_set {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #taget_team .team_set dl dt {
    font-size: 100%;
    padding: 0.5em 0;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #taget_team .team_set dl dd {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #taget_team .team_set dl dd ul {
    margin: -7px -14px;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #taget_team .team_set dl dd ul li {
    width: 25%;
    padding: 0 7px;
    margin-bottom: 14px;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #taget_team .link_btn {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 1025px) {
  #stamprally #taget_team .link_btn a {
    transition: 0.5s;
  }
  #stamprally #taget_team .link_btn a:hover {
    background-color: #7a5c1e;
    color: #fff;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #taget_team #regist {
    border-radius: 0;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #taget_team #regist {
    padding: 3em 20px 5em;
    margin-top: 5em;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #taget_team #regist h3 {
    font-size: 171.4%;
    margin-bottom: 1.5em;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #taget_team #regist #regist_wrap {
    margin: 0 -3px -1.5em;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #taget_team #regist #regist_wrap .regist_set {
    padding: 0 3px;
    margin-bottom: 1.5em;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #taget_team #regist #regist_wrap .regist_set .set_wrap {
    padding: 1em 8px 2em;
  }
}
@media only screen and (min-width: 1025px) {
  #stamprally #taget_team #regist #regist_wrap .regist_set .set_wrap .info a:hover {
    text-decoration: none;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #taget_team #regist #period {
    padding: 2.8em 0;
    margin: 2.5em auto 0;
  }
}
@media only screen and (min-width: 641px) {
  #stamprally #taget_team #regist .contact dl {
    text-align: center;
  }
}
@media only screen and (max-width: 900px) {
  #stamprally #btm_bnr {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 640px) {
  #stamprally #btm_bnr {
    margin-top: 6em;
  }
}
#present_accordion #accordion_head {
  padding: 0 20px;
}
#present_accordion #accordion_head ul {
  display: flex;
}
#present_accordion #accordion_head ul li {
  width: 33.33333333%;
  background-color: #fff;
}
#present_accordion #accordion_head ul li.active {
  background-color: #f4f4f4;
}
@media only screen and (min-width: 1025px) {
  #present_accordion #accordion_head ul li {
    transition: 0.5s;
  }
  #present_accordion #accordion_head ul li:hover {
    background-color: #f4f4f4;
  }
}
#present_accordion #accordion_head ul li span {
  cursor: pointer;
  display: block;
  font-weight: 700;
  text-align: center;
  padding: 1.25em 1em;
}
#present_accordion #accordion_cont {
  background-color: #f4f4f4;
  border-radius: 10px;
  padding: 12px 20px 20px;
}
#present_accordion #accordion_cont h3 {
  font-size: 128.6%;
  font-weight: 700;
  text-align: center;
  position: relative;
}
@media only screen and (min-width: 641px) {
  #present_accordion #accordion_cont h3 {
    padding: 45px 0 55px;
  }
  #present_accordion #accordion_cont h3 img {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-60%);
  }
}
@media only screen and (max-width: 640px) {
  #present_accordion #accordion_cont h3 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5em;
  }
  #present_accordion #accordion_cont h3 img {
    width: 18vw;
    margin-left: 2em;
  }
}
#present_accordion #accordion_cont h3 span {
  display: block;
  text-align: center;
}
#present_accordion #accordion_cont .cont_set {
  display: none;
}
#present_accordion #accordion_cont .cont_set.active {
  display: block;
}
#present_accordion #accordion_cont .present_list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -4px;
}
#present_accordion #accordion_cont .present_list .list_set {
  width: 33.3333333%;
  padding: 0 4px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 640px) {
  #present_accordion #accordion_cont .present_list .list_set {
    width: 50%;
    margin-bottom: 2.9em;
  }
}
@media only screen and (min-width: 901px) {
  #present_accordion #accordion_cont .present_list .list_set .pc_none {
    display: none;
  }
}
#present_accordion #accordion_cont .present_list .list_set h4 {
  align-items: center;
  background-color: #7a5c1e;
  color: #fff;
  display: flex;
  font-size: 114.3%;
  font-weight: 700;
  text-align: center;
  min-height: 3.7em;
  justify-content: center;
  padding: 0.4em 0;
  margin-bottom: 8px;
}
@media only screen and (max-width: 640px) {
  #present_accordion #accordion_cont .present_list .list_set h4 {
    font-size: 100%;
  }
}
#present_accordion #accordion_cont .present_list .list_set .img {
  margin-bottom: 8px;
}
#present_accordion #accordion_cont .present_list .list_set p {
  font-size: 107.1%;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  #present_accordion #accordion_cont .present_list .list_set p {
    font-size: 100%;
  }
}

#game {
  /*@include media900 {
    .area-game .title .condition dl dd ul {
      flex-wrap: nowrap;
      li {
        @include media400 {
          margin-right: 3px;
          font-size: 3vw;
          label {
            width: 100%;
            padding: 5px 8px;
          }
        }
      }
    }
  }*/
}
@media only screen and (min-width: 901px) {
  #game .narrow_down {
    display: flex;
    justify-content: space-between;
  }
  #game .narrow_down .row {
    margin-bottom: 0px;
    width: 48%;
  }
  #game .narrow_down .row:first-child {
    padding-top: 0.5em;
  }
}
@media only screen and (max-width: 900px) {
  #game .narrow_down .row:first-child {
    margin-bottom: 1em;
  }
}
#game .narrow_down dl {
  align-items: center;
  display: flex;
}
#game .narrow_down dl + dl {
  margin-top: 10px;
}
#game .narrow_down dl dt {
  flex-shrink: 0;
}
#game .narrow_down dl dd {
  flex: 1 1 0;
}
#game .narrow_down .select_wrapper {
  width: 100%;
  position: relative;
}
#game .narrow_down .select_wrapper::after {
  content: '';
  display: block;
  background: #d9c495;
  height: 8px;
  width: 11px;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}
#game .narrow_down select {
  border: 1px solid #525252;
  border-radius: 3px;
  background: #fff;
  width: 100%;
  font-size: 14px;
  padding: 0.5em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#game .narrow_down input#sports,
#game .narrow_down input#year,
#game .narrow_down button#sports,
#game .narrow_down button#year {
  border: 1px solid #525252;
  border-radius: 3px;
  background: #fff;
  width: 100%;
  font-size: 14px;
  padding: 0.5em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  text-align: left;
}
#game #select_year ul {
  display: flex;
  flex-wrap: wrap;
}
#game #select_year ul li {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0.3em;
  cursor: pointer;
  padding: 0 15px;
  margin-bottom: 30px;
}
#game #select_year ul li::before {
  content: '●';
  display: inline;
  color: #7a5c1e;
  margin-right: 0.3em;
  font-size: 14px;
}
#game .condition.period input:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
#game .condition.period input:disabled + span {
  cursor: not-allowed;
  opacity: 0.5;
}

.spot_list,
.area-game .body {
  position: relative;
}
.spot_list .loading,
.area-game .body .loading {
  display: none;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

.loading .loader {
  width: 5em;
  height: 5em;
  clear: both;
  margin: 2em auto 3em;
  border: 0.5em rgba(0, 0, 0, 0.25) solid;
  border-top: 0.5em rgba(0, 0, 0, 0.8) solid;
  border-radius: 500px;
  -webkit-animation: spCircRot 0.6s infinite linear;
  animation: spCircRot 0.6s infinite linear;
}
@-webkit-keyframes spCircRot {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes spCircRot {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

#spot .title_wrap {
  margin-bottom: 30px;
}
#spot .title_wrap p {
  color: #7a5c1e;
  font-weight: 700;
  margin-bottom: 0.1em;
}
#spot .title_wrap h3 {
  font-size: 171.4%;
  font-weight: 900;
}
#team #spot,
#venue #spot {
  margin-top: 50px;
}
@media only screen and (max-width: 640px) {
  #team #spot,
  #venue #spot {
    margin-top: 3em;
  }
}
#spot #spot_modal .modal-body > ul {
  display: flex;
  flex-wrap: wrap;
}
#spot #spot_modal .modal-body > ul > li {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0.3em;
  cursor: pointer;
  padding: 0 15px;
  margin-bottom: 30px;
}
#spot #spot_modal .modal-body > ul > li.wide {
  width: 100%;
}
#spot #spot_modal .modal-body > ul > li::before {
  content: '●';
  display: inline;
  color: #7a5c1e;
  margin-right: 0.3em;
  font-size: 14px;
}
#spot #spot_modal .modal-body > ul > li > ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 1em -10px -4px 1em;
}
#spot #spot_modal .modal-body > ul > li > ul li {
  font-weight: 500;
  font-size: 14px;
  padding: 0 10px;
  margin-bottom: 4px;
}
@media only screen and (max-width: 1024px) {
  #spot .main_width {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 640px) {
  #spot .main_width {
    padding: 0 20px;
  }
}
#spot.detail .main_width {
  max-width: 680px;
}
#spot.detail #main_kv {
  overflow: hidden;
  margin-bottom: 40px;
}
@media only screen and (max-width: 640px) {
  #spot.detail #main_kv {
    padding: 0 20px;
    margin: 0 -20px 2em;
  }
}
#spot.detail #main_kv .main_slider {
  margin: 0 -6px;
}
#spot.detail #main_kv .main_slider .item {
  padding: 0 6px;
}
@media only screen and (max-width: 640px) {
  #spot.detail #main_kv .main_slider {
    position: relative;
  }
  #spot.detail #main_kv .main_slider .slick-arrow {
    position: absolute;
    z-index: 1000;
    top: 50%;
    transform: translateY(-50%);
  }
  #spot.detail #main_kv .main_slider .slick-arrow.prev {
    left: 10px;
  }
  #spot.detail #main_kv .main_slider .slick-arrow.next {
    right: 10px;
  }
}
@media only screen and (max-width: 640px) {
  #spot.detail #main_kv .sub_slider {
    display: none;
  }
}
#spot.detail #main_kv .sub_slider .slick-track {
  display: flex;
  flex-wrap: wrap;
  width: 100% !important;
  margin: 8px -2px -4px;
  transform: translate3d(0, 0, 0) !important;
}
#spot.detail #main_kv .sub_slider .slick-track .item {
  width: 20% !important;
  padding: 0 2px;
  margin-bottom: 4px;
}
#spot.detail #main_kv .sub_slider .slick-track .item.slick-cloned {
  display: none;
}
#spot.detail #main_kv .sub_slider .slick-track .item img {
  transition: 0.5s;
  cursor: pointer;
}
#spot.detail #main_kv .sub_slider .slick-track .item.slick-current img {
  opacity: 0.4;
}
#spot.detail #spot_title ul.icon {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px 25px;
}
#spot.detail #spot_title ul.icon li {
  font-size: 100%;
  font-weight: 700;
  padding: 0 5px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 640px) {
  #spot.detail #spot_title ul.icon li {
    font-size: 85.7%;
  }
}
#spot.detail #spot_title ul.icon li span {
  align-items: center;
  border: 1px #eaeaea solid;
  border-radius: 50px;
  display: flex;
  padding: 7px 14px 7px 7px;
}
@media only screen and (max-width: 640px) {
  #spot.detail #spot_title ul.icon li span {
    padding: 3px 8px 3px 3px;
  }
}
#spot.detail #spot_title ul.icon li span img {
  width: 26px;
  flex-shrink: 0;
  margin-right: 8px;
}
@media only screen and (max-width: 640px) {
  #spot.detail #spot_title ul.icon li span img {
    width: 16px;
    margin-right: 3px;
  }
}
#spot.detail #spot_title p.team {
  font-size: 100%;
  font-weight: 500;
}
@media only screen and (max-width: 640px) {
  #spot.detail #spot_title p.team {
    font-size: 85.7%;
  }
}
#spot.detail #spot_title p.team + h1 {
  margin-top: 8px;
}
@media only screen and (max-width: 640px) {
  #spot.detail #spot_title p.team + h1 {
    margin-top: 4px;
  }
}
#spot.detail #spot_title h1 {
  font-size: 271.4%;
  font-weight: 700;
  margin-bottom: 40px;
}
@media only screen and (max-width: 640px) {
  #spot.detail #spot_title h1 {
    font-size: 157.1%;
    margin-bottom: 1.8em;
  }
}
#spot.detail #spot_lead {
  margin-bottom: 40px;
}
#spot.detail #spot_info dl {
  border-top: 1px #eaeaea solid;
}
#spot.detail #spot_info dl .dl_set {
  border-bottom: 1px #eaeaea solid;
  display: flex;
  padding: 1em 0;
}
#spot.detail #spot_info dl .dl_set.address dd a {
  margin-top: 0.5em;
}
@media only screen and (max-width: 640px) {
  #spot.detail #spot_info dl .dl_set.address dd a {
    margin-left: auto;
  }
}
#spot.detail #spot_info dl .dl_set.link ul li + li {
  margin-top: 0.3em;
}
#spot.detail #spot_info dl .dl_set dt {
  font-style: 0;
  font-weight: 700;
  width: 100px;
}
@media only screen and (max-width: 640px) {
  #spot.detail #spot_info dl .dl_set dt {
    width: 84px;
  }
}
#spot.detail #spot_info dl .dl_set dd {
  flex: 1 1 0;
}
#spot.detail #spot_info dl .dl_set dd a {
  display: table;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
@media only screen and (min-width: 1025px) {
  #spot.detail #spot_info dl .dl_set dd a:hover {
    text-decoration: none;
  }
}
#spot.detail #spot_info dl .dl_set dd a[target='_blank']:after {
  background: url(../images/spot/blank.svg) no-repeat left top;
  background-size: contain;
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  position: relative;
  top: 2px;
  margin-left: 4px;
}
#spot.detail #return_spot {
  margin: 60px 0 0;
}
@media only screen and (max-width: 640px) {
  #spot.detail #return_spot {
    margin: 3.8em 0 0;
  }
  #spot.detail #return_spot .btn {
    max-width: 100%;
  }
}
#spot .main_title {
  margin-bottom: 66px;
}
@media only screen and (max-width: 640px) {
  #spot .main_title {
    margin-bottom: 2em;
  }
}
#spot .main_title .en {
  margin-bottom: 6px;
  color: #7a5c1e;
  font-size: 100%;
  font-weight: 600;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  #spot .main_title .en {
    margin-bottom: 2px;
  }
}
#spot .main_title .en img {
  display: block;
  margin: 0 auto 4px;
}
@media only screen and (max-width: 640px) {
  #spot .main_title .en img {
    width: 3.3em;
  }
}
#spot .main_title p.sub_title {
  display: table;
  font-size: 214.3%;
  font-weight: 900;
  text-align: center;
  position: relative;
  margin: 0 auto;
}
@media only screen and (max-width: 640px) {
  #spot .main_title p.sub_title {
    font-size: 128.6%;
  }
}
#spot .main_title p.sub_title:before,
#spot .main_title p.sub_title:after {
  background-color: #000;
  content: '';
  display: block;
  width: 1px;
  height: 1em;
  position: absolute;
  top: 50%;
}
#spot .main_title p.sub_title:before {
  transform: rotate(-40deg) translate(0, -50%);
  right: calc(100% + 0.5em);
}
#spot .main_title p.sub_title:after {
  transform: rotate(40deg) translate(0, -50%);
  left: calc(100% + 0.3em);
}
#spot .main_title .title {
  text-align: center;
  font-size: 271.4%;
  font-weight: 900;
}
@media only screen and (max-width: 640px) {
  #spot .main_title .title {
    font-size: 157.1%;
  }
}
#spot .narrow_down {
  background-color: #f4f4f4;
  border-radius: 10px;
  padding: 40px 20px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 900px) {
  #spot .narrow_down {
    margin: 0 -30px 50px;
  }
}
@media only screen and (max-width: 640px) {
  #spot .narrow_down {
    padding: 12px 20px;
    margin: 0 -20px 3em;
  }
}
@media only screen and (min-width: 641px) {
  #spot .narrow_down dl {
    display: flex;
    max-width: 788px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 641px) {
  #spot .narrow_down dl .dl_set {
    flex: 1 1 auto;
    padding: 0 16px;
  }
}
@media only screen and (max-width: 640px) {
  #spot .narrow_down dl .dl_set {
    align-items: center;
    display: flex;
  }
  #spot .narrow_down dl .dl_set + .dl_set {
    margin-top: 1em;
  }
}
#spot .narrow_down dl .dl_set dt {
  align-items: center;
  display: flex;
  font-size: 100%;
  font-weight: 500;
}
@media only screen and (max-width: 640px) {
  #spot .narrow_down dl .dl_set dt {
    flex-shrink: 0;
    width: 8em;
  }
}
#spot .narrow_down dl .dl_set dt img {
  display: block;
  flex-shrink: 0;
  margin-right: 4px;
}
@media only screen and (min-width: 641px) {
  #spot .narrow_down dl .dl_set dd {
    margin-top: 8px;
  }
}
@media only screen and (max-width: 640px) {
  #spot .narrow_down dl .dl_set dd {
    flex: 1 1 0;
  }
}
#spot .narrow_down dl .dl_set dd .select_wrapper {
  width: 100%;
  position: relative;
}
#spot .narrow_down dl .dl_set dd .select_wrapper:after {
  content: '';
  display: block;
  background: #d9c495;
  height: 8px;
  width: 11px;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}
#spot .narrow_down dl .dl_set dd input {
  border: 1px solid #525252;
  border-radius: 4px;
  background: #fff;
  width: 100%;
  font-size: 14px;
  padding: 0.5em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
@media only screen and (max-width: 640px) {
  #spot .area-bnr-bottom {
    padding-top: 5em;
  }
}
@media only screen and (min-width: 641px) {
  .spot_list.col1 .list_wrap {
    display: block;
    margin: 0;
  }
  .spot_list.col1 .list_wrap .list_set {
    width: 100%;
    padding: 0;
  }
  .spot_list.col1 .list_wrap .list_set + .list_set {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 641px) {
  .spot_list .list_wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -25px -40px;
  }
}
@media only screen and (min-width: 641px) {
  .spot_list .list_wrap .list_set {
    width: 50%;
    padding: 0 25px;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 640px) {
  .spot_list .list_wrap .list_set + .list_set {
    margin-top: 2em;
  }
}
.spot_list .list_wrap .list_set .set_wrap {
  align-items: flex-start;
  display: flex;
}
.spot_list .list_wrap .list_set .set_wrap .img {
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  width: 130px;
  height: 130px;
}
@media only screen and (max-width: 640px) {
  .spot_list .list_wrap .list_set .set_wrap .img {
    width: 36.827195467%;
    height: auto;
    padding-top: 36.827195467%;
  }
}
.spot_list .list_wrap .list_set .set_wrap .img img {
  height: 100%;
  width: auto;
  max-width: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.spot_list .list_wrap .list_set .set_wrap .info {
  padding-left: 15px;
}
.spot_list .list_wrap .list_set .set_wrap .info p.team {
  font-size: 85.7%;
  font-weight: 500;
  margin-bottom: 1px;
}
.spot_list .list_wrap .list_set .set_wrap .info p.title {
  font-size: 142.9%;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 8px;
}
@media only screen and (max-width: 350px) {
  .spot_list .list_wrap .list_set .set_wrap .info p.title {
    font-size: 128.6%;
  }
}
.spot_list .list_wrap .list_set .set_wrap .info ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -2px -5px;
}
.spot_list .list_wrap .list_set .set_wrap .info ul + ul {
  margin-top: 5px;
}
.spot_list .list_wrap .list_set .set_wrap .info ul li {
  font-size: 85.7%;
  font-weight: 500;
  padding: 0 2px;
  margin-bottom: 5px;
}
.spot_list .list_wrap .list_set .set_wrap .info ul li span {
  border: 1px #eaeaea solid;
  border-radius: 50px;
  display: flex;
  padding: 3px 8px 3px 3px;
}
.spot_list .list_wrap .list_set .set_wrap .info ul li span img {
  flex-shrink: 0;
  margin-right: 3px;
}

@-webkit-keyframes scroll-hint-appear {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%,
  100% {
    transform: translateX(-40px);
    opacity: 0;
  }
}

@keyframes scroll-hint-appear {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%,
  100% {
    transform: translateX(-40px);
    opacity: 0;
  }
}
.scroll-hint.is-right-scrollable {
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)),
    linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint-icon {
  position: absolute;
  top: 50%;
  top: 100px;
  left: 50%;
  box-sizing: border-box;
  width: 120px;
  height: 80px;
  border-radius: 5px;
  transition: opacity 0.3s;
  opacity: 0;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  padding: 20px 10px 10px 10px;
}

.scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}

.scroll-hint-text {
  font-size: 10px;
  color: #fff;
  margin-top: 5px;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: 0.8;
}

.scroll-hint-icon:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #fff;
  vertical-align: middle;
  text-align: center;
  content: '';
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon:after {
  content: '';
  width: 34px;
  height: 14px;
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -20px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  opacity: 0;
  transition-delay: 2.4s;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
  opacity: 1;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  -webkit-animation: scroll-hint-appear 1.2s linear;
  animation: scroll-hint-appear 1.2s linear;
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
}

.scroll-hint-icon-white {
  background-color: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
}

.scroll-hint-icon-white:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-white:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.scroll-hint-icon-white .scroll-hint-text {
  color: #000;
}

.game_list {
  margin-top: 5em;
}
.game_list > h3 {
  font-size: 171.4%;
  font-weight: 900;
  text-align: center;
  margin-bottom: 1em;
}
.game_list .inner {
  border-radius: 15px;
}
.game_list .area-game {
  padding: 0;
  margin: 0;
}
.game_list .area-game .title .condition.help {
  margin-left: auto;
}
#team.detail .game_list .area-game .card-games .game .gamename h2 {
  font-size: 16px;
}
#team.detail .game_list .area-game .card-games .game .ticket h3.label {
  margin-bottom: 0;
}
/*# sourceMappingURL=lower2.css.map */