* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing : border-box;
  -moz-box-sizing : border-box;
  box-sizing : border-box;
}
html {
  -webkit-text-size-adjust: none;
  font-size: 62.5%;
}
ul, li {
  list-style: none;
}
img, a img {
  border: none;
  max-width: 100%;
}
img, iframe {
  vertical-align: bottom;
}
a img {
  /*-webkit-backface-visibility: hidden;
  backface-visibility: hidden;*/
  transition: all 0.1s ease-in-out;
}
a:hover img {
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  opacity: 0.85;
}
body {
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
  font-family: "Noto Sans JP", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
  font-size: 1.6rem;
  background-color: #111834;
  color: #fff;
}
#container {
  width: 96rem;
  margin: 0 auto;
}
.head-box {
  width: 200rem;
  margin: 0 0 0 -52rem;
  background-color: #fff;
}
.logo-gdo-presents {
  width: 14rem;
  margin: 0;
  padding: 1em 0;
}
.contents-inner {
  width: 96rem;
  margin: 0 auto;
}
.main-visual {
  width: 200rem;
  margin: 0 0 0 -52rem;
  height: 63rem;
  background: #0071BE url("../images/mainimg_pc.jpg") no-repeat center center;
  background-size: 100%;
  position: relative;
}
.main-visual h1 {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.lead-box {
  text-align: center;
  font-size: 24px;
  width: 100%;
  position: absolute;
  bottom: 7.7rem;
  left: 50%;
  transform: translate(-50%,0);
}
.txt-link {
  margin-top: 2rem;
  text-align: center;
  font-size: 1.6rem;
}
.txt-link a {
  color: #fff;
  text-decoration: none;
}
.txt-link a::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  width: 0.5em;
  height: 0.5em;
  border: 0.1em solid #fff;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-50%) rotate(135deg);
  margin-left: 0.5em;
}
.content-box-wrap {
}
.content-box {
  padding: 9rem 0;
}
.nightgolf-box {
  width: 200rem;
  margin: 0 0 0 -52rem;
  background: #1E59AA url("../images/bg_nightgolf.jpg") no-repeat center bottom;
  background-size: 100%;
  padding: 2rem 0 16rem;
}
.nightgolf-box .contents-inner {
  position: relative;
}
.nightgolf-box .contents-inner::before {
  content: "";
  width: 10rem;
  height: 8.8rem;
  background: url("../images/icon_star.png") no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}
.nightgolf-box .contents-inner::after {
  content: "";
  width: 10rem;
  height: 8.8rem;
  background: url("../images/icon_star.png") no-repeat center center;
  background-size: contain;
  position: absolute;
  bottom: -5rem;
  right: -5rem;
}
.nightgolf-title {
  width: 42.4rem;
  margin: 0 auto 1rem;
}
.nightgolf-image {
  width: 110rem;
  margin: 0 0 0 -7rem;
}
.event-box {
  width: 200rem;
  margin: 0 0 0 -52rem;
  background: #15396C url("../images/event_bg.jpg") no-repeat center bottom;
  background-size: 100%;
  padding: 0 0 3rem;
}
.event-box .contents-inner {
  transform: translate(0,-7rem);
}
.event-title {
  width: 31.6rem;
  margin: 0 auto 1rem;
}
.schedule-title {
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  margin: 0 0 2rem;
}
.schedule-list {
  width: 50rem;
  margin: 0 auto 3rem;
}
.schedule-list {
  width: 90rem;
}
.schedule-list ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.schedule-list ul li {
  width: 49%;
}
.schedule-list li:nth-child(n+3) {
  margin-top: 1rem;
}
.schedule-list li a {
  display: block;
  background-color: #3D83EC;
  border-radius: 100vh;
  color: #fff;
  text-decoration: none;
  padding: 0.85em 0.5em 0.85em 2.8em;
  position: relative;
}
.schedule-list li:nth-child(2) a,
.schedule-list li:nth-child(3) a,
.schedule-list li:nth-child(6) a {
  background-color: #2060BE;
}
/*.schedule-list li:nth-child(2n) a {
  background-color: #2060BE;
}*/
.schedule-list li a::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  width: 0.5em;
  height: 0.5em;
  border: 0.1em solid #fff;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-60%) rotate(135deg);
  position: absolute;
  top: 50%;
  left: 1.5em;
}
.schedule-list li a dl {
  display: flex;
  align-items: center;
}
.schedule-list li a dt {
  font-size: 2rem;
}
.schedule-list li a dt span {
  font-size: 1.2rem;
}
.schedule-list li a dd {
  font-size: 1.7rem;
  font-weight: bold;
  padding-left: 0.8em;
}
.schedule-list li a dd span {
  font-size: 1.2rem;
}
.attention {
  text-align: center;
  margin-bottom: 2rem;
}
.event-list {
  width: 90rem;
  margin: 0 auto;
  background-color: #F0F5F8;
  border-radius: 1rem;
  color: #000;
}
.event-list .event-head {
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  color: #003579;
  padding: 0.75em;
  background-color: #D9EAFF;
  border-radius: 1rem 1rem 0 0;
}
.event-list ul.event-list-item {
  padding: 0 5rem 3rem;
}
.event-list ul.event-list-item > li {
  padding: 3rem 3rem;
}
.event-list ul.event-list-item > li + li {
  border-top: 1px solid #ABCBDE;
}
.event-name {
  color: #003579;
  font-size: 2rem;
  font-weight: bold;
  margin: 0 0 2rem;
}
.event-name dl {
  display: flex;
  align-items: center;
}
.event-name dt {
  font-size: 2.2rem;
  position: relative;
  padding-right: 2.2rem;
}
.event-name dt::after {
  display: inline-block;
  content: "";
  width: 2.1rem;
  height: 5rem;
  background: url("../images/line.svg") no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0,-50%);
}
.event-name dt span {
  font-size: 60%;
}
.event-name dd {
  padding-left: 0.2em;
}
.event-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.event-image {
  width:46.5%;
  flex: none;
}
.event-info {
  width: 48%;
  flex: none;
}
.event-desc {
  font-size: 1.6rem;
  line-height: 1.6;
  margin-bottom: 1rem;
}
.event-link {
  text-align: right;
  font-size: 1.3rem;
  margin-bottom: 1rem;
}
.event-link a {
  color: #000;
}
.event-num {
  font-size: 1.5rem;
  background-color: #fff;
  padding: 1rem 1.5rem;
}
.more-wrap {
  padding: 2em 0 0;
}
.more-btn {  
  text-align: center;
  font-size: 1.6rem;
  cursor: pointer;
}
.more-btn::before {
  content: "＋ 詳しく見る";
}
.more-btn.active::before {
  content: "ー 閉じる";
}
.more-content {
  display: none;
  font-size: 1.6rem;
  padding: 0 0 1em;
}
.more-content span {
  font-size: 85%;
}
.more-content ul {
  padding: 0.5em 0;
}
.more-content li {
  text-indent: -3.5em;
  margin-left: 3.5em;
}
.close-btn {
  text-align: center;
  padding: 1em 0 0;
  cursor: pointer;
}
.outline-box {
  padding: 8rem 0 8rem;
}
.plan-body {
  padding: 0 0 2rem;
}
.plan-body > dl {
	display: flex;
	margin: 0 0 0.5rem;
}
.plan-body > dl > dt {
  background-color: #ddd;
  color: #111834;
	width: 21rem;
  padding: 1em;
	line-height: 1.5;
  text-align: left;
	display: flex;
	justify-content: center;
	align-items: center;
}
.plan-body > dl > dd {
	flex: 1;
  padding: 1em 0 1em 2em;
  line-height: 1.5;
  background-color: #efefef;
  color: #111834;
}
.plan-body > dl > dd a {
  color: #111834;
}
.plan-body dd .exp {
  font-size: 85%;
}
.plan-body dd li {
  text-indent: -1em;
  margin: 0 0 0 1em;
}
.btn-entry a {
  width: auto;
  margin: 2rem auto 0;
  display: block;
  text-decoration: none;
  text-align: center;
  background-color: #EB4055;
  border-radius: 100vh;
  box-shadow: 2px 3px 4px rgba(0,0,0,0.15);
  color: #fff;
  padding: 0.8em;
	font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  transition: 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  position: relative;
}
.btn-entry a:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  width: 0.6em;
  height: 0.6em;
  border: 0.1em solid #fff;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-60%) rotate(45deg);
  position: absolute;
  top: 50%;
  right: 1.5em;
}
.btn-entry a:hover {
  opacity: 0.85;
}
.btn-entry a span {
	font-size: 80%;
	font-weight: bold;
}
.btn-exp {
  text-align: center;
}
.logo-box {
  padding: 0;
}
.logo-wrap {
  display: flex;
  justify-content: space-between;
}
.instagram-box {
}
.logo-box .title {
  text-align: center;
  font-size: 2rem;
  background-color: #ddd;
  color: #111834;
  margin: 0 0 2rem;
  padding: 0.4em 0;
}
.sponsored-box ul {
  display: flex;
  justify-content: space-around;
}
.sponsored-box ul li {
  line-height: 9rem;
}
.instagram-box ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.instagram-box ul li {
  width: 16%;
}
.attention-box {
  width: 2000px;
  margin: 0 0 0 -520px;
  background-color: #f4f4f4;
  color: #111834;
  padding: 3em 0;
}
.attention-box h2 {
  font-size: 2.4rem;
  font-weight: 300;
  margin: 0 0 1em;
}
.attention-box li {
  font-size: 1.5rem;
	font-weight: 300;
  margin: 0 0 0.8em 1em;
  line-height: 2;
  text-indent: -1em;
}
.foot_gdo {
  width: 2000px;
  margin: 0 0 0 -520px;
  padding: 4em 0 2em;
  background-color: #fff;
  color: #000;
}
.foot_gdo .inr {
  margin: 0 auto;
}
.foot_gdo .logo_gdo {
  float: left;
  width: 9rem;
  vertical-align: middle;
}
.foot_gdo .logo_gdo svg {
  width: 100%;
  height: 4rem;
}
.foot_gdo dl {
  font-size: 80%;
  margin: 0 0 0 12rem;
}
.foot_gdo dt {
  margin: 0 0 1em;
}
.foot_gdo dd li {
  display: inline-block;
  padding: 0 6px 0 0;
  margin: 0 6px 1em 0;
  line-height: 100%;
  border-right: 1px solid #969696;
}
.foot_gdo dd li:first-child {
  padding-left: 0;
}
.foot_gdo dd li:last-child {
  border-right: none;
}
.foot_gdo dd + dt {
  padding: 2em 0 0;
}
#gtvfoot {
  width: 2000px;
  margin: 0 0 0 -520px;
  padding: 2em 0 5em;
  text-align: center;
  font-size: 80%;
  background-color: #fff;
  color: #000;
}
#gtvfoot p {
  margin-bottom: 1em;
}
.page-top {
	position: fixed;
	bottom: 5%;
	right: 1%;
	cursor: pointer;
	font-size: 2rem;
	width: 5.6rem;
	height: 5.6rem;
	background-color: #F8D700;
	color: #111834;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 10;
}
.view_sp {
  display: none;
}
@media screen and (max-width: 1024px) {
  body {
    font-size: 1.8vw;
  }
  .nightgolf-image {
    width: auto;
    margin: 0;
  }
  .event-list ul.event-list-item > li {
    padding: 3rem 0;
  }
}
@media screen and (max-width: 820px) {
  body {
    font-size: 2vw;
  }
  .view_pc {
    display: none;
  }
  .view_sp {
    display: block;
  }
  img {
    max-width: 100%;
    height: auto;
  }
	.content-box {
		padding: 2em 0;
	}
  .contents-inner {
    width: auto;
    padding: 3vw;
  }
  #container,
  .head-box,
  .main-visual,
  .nightgolf-box,
  .event-box,
  .schedule-list,
  .event-list,
  .attention-box,
  .foot_gdo,
  #gtvfoot {
    width: auto;
    margin: 0 auto;
  }
  .logo-gdo-presents {
    padding: 0;
  }
  .main-visual {
    background: url("../images/mainimg_sp.jpg") no-repeat center top;
    background-size: 100%;
    aspect-ratio: 375 / 496;
    height: auto;
  }
  .lead-box {
    width: 100%;
    text-align: left;
    padding: 0 8vw;
    font-size: 3.8vw;
    bottom: 13vw;
  }
  .txt-link {
    margin-top: 2em;
    font-size: 3.2vw;
    position: relative;
  }
  .txt-link a::after {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%,0%) rotate(135deg);
    margin: 0.2em 0 0;
  }
  .nightgolf-box {
    background: #1E59AA url(../images/bg_nightgolf_sp.jpg) no-repeat center bottom;
    background-size: 100%;
    margin: -1px 0 0;
    padding: 2vw 0 0rem;
  }
  .nightgolf-box .contents-inner::before,
  .nightgolf-box .contents-inner::after {
    display: none;
  }
  .nightgolf-title {
    width: 81%;
    margin: 0 auto 2rem;
  }
  .nightgolf-image {
    margin: 0 -3vw;
  }
  .nightgolf-image img {
    width: 100%;
  }
  .event-box {
    background-image: none;
    margin: -2px 0 0;
    padding: 0 0 5vw;
  }
  .event-box .contents-inner {
    transform: translate(0, -5vw);
  }
  .event-title {
    width: 67%;
    margin: 0 auto 1.5rem;
  }
  .schedule-title {
    font-size: 5.5vw;
  }
  .schedule-list {
    margin: 0 auto 6vw;
  }
  .schedule-list ul {
    display: block;
  }
  .schedule-list ul li {
    width: 100%;
  }
  .schedule-list ul li + li,
  .schedule-list li:nth-child(n+3) {
    margin-top: 2vw;
  }
  .schedule-list li a {
    padding: 3vw 0vw 3vw 8.5vw;
  }
  .schedule-list li:nth-child(2) a,
  .schedule-list li:nth-child(3) a,
  .schedule-list li:nth-child(6) a {
    background-color: #3D83EC;
  }
  .schedule-list ul li:nth-child(2n) a {
    background-color: #2060BE;
  }
  .schedule-list li a::after {
    width: 2vw;
    height: 2vw;
    border: 0.4vw solid #fff;
    border-left: 0;
    border-bottom: 0;
    left: 4vw;
  }
  .schedule-list li a dt {
    font-size: 4vw;
  }
  .schedule-list li a dt span {
    font-size: 3vw;
  }
  .schedule-list li a dd {
    font-size: 4vw;
    padding-left: 1.8vw;
  }
  .schedule-list li a dd span {
    font-size: 2.4vw;
  }
  .attention {
    font-size: 3.3vw;
  }
  .event-list ul.event-list-item {
    padding: 0 3vw 3vw;
  }
  .event-list ul.event-list-item > li {
    padding: 8vw 0 8vw;
  }
  .event-list .event-head {
    font-size: 5.5vw;
  }
  .event-name {
    font-size: 5.5vw;
    line-height: 1.2;
    margin: 0 0 4.5vw;
  }
  .event-name dt {
    font-size: 5.5vw;
    padding-right: 7vw;
  }
  .event-name dt::after {
    width: 6vw;
    height: 13vw;
  }
  .event-name dd {
    padding-left: 1vw;
  }
  .event-wrap {
    display: block;
  }
  .event-image {
    width: 100%;
    text-align: center;
    margin: 0 0 3vw;
  }
  .event-info {
    width: 100%;
  }
  .event-desc {
    font-size: 4.4vw;
    margin-bottom: 3vw;
  }
  .event-link {
    font-size: 3.8vw;
    margin-bottom: 3vw;
  }
  .event-num {
    font-size: 4vw;
  }
  .more-wrap {
    padding: 4vw 0 0;
  }
  .more-btn {
    font-size: 4vw;
  }
  .more-content {
    font-size: 3.8vw;
  }
  .plan-body {
    padding: 0 0 2rem;
  }
	.plan-body > dl {
		display: block;
	}
	.plan-body > dl > dt {
		display: block;
		width: auto;
		text-align: left;
    background-color: #efefef;
    color: #111834;
	}
	.plan-body > dl > dd {
		padding: 1em;
    background-color: transparent;
    color: #fff;
	}
  .plan-body > dl > dd a {
    color: #fff;
  }
	.plan-body dd .exp {
		font-size: 80%;
	}
	.plan-body .btn-entry {
		width: 80%;
	}
  .btn-entry a {
    font-size: 4.4vw;
    margin: 5vw auto 0;
  }
  .logo-box .title {
    text-align: left;
    font-size: inherit;
    padding: 1em;
    background-color: #efefef;
  }
  .instagram-box ul::after {
    display: block;
    width: 30%;
    content: "";
  }
  .instagram-box ul li {
    width: 30%;
  }
  .instagram-box ul li:nth-child(n+4) {
    margin-top: 4vw;
  }
  .outline-box {
    padding: 2rem 0 2rem;
  }
  .foot_gdo {
    padding: 2em 0 0;
  }
  .foot_gdo .logo_gdo {
    float: none;
    width: 10%;
    padding: 0;
    margin: 0 auto 1em 1em;
  }
  .foot_gdo .logo_gdo > svg {
    height: auto;
  }
  .foot_gdo dl {
    float: none;
    margin: 0;
    font-size: 80%;
    padding: 0 1em;
  }
  .foot_gdo dt {
    margin: 0 0 1em;
  }
  .foot_gdo dd li {
    margin: 0 0.5em 1em 0;
    padding: 0 0.5em 0 0;
  }
  #gtvfoot {
    margin: 0;
    padding: 2em 1em;
    font-size: 80%;
  }
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 540px) {
  body {
    font-size: 3.8vw;
  }
	.content-box {
		padding: 2em 0;
	}
  .logo-gdo-presents {
    width: 12rem;
  }

  .plan-body {
    padding: 0;
  }
	.plan-body > dl > dt {
		padding: 0.4em 1em;
    background-color: #efefef;
    color: #111834;
	}
	.plan-body > dl > dd {
		padding: 1em 0;
    background-color: transparent;
    color: #fff;
	}
  .plan-body > dl > dd a {
    color: #fff;
  }
	.plan-body .btn-entry {
		width: auto;
		margin: 2em auto 0;
	}
  .logo-wrap {
    display: block;
  }
  .sponsored-box, .instagram-box {
    width: auto;
  }
  .sponsored-box ul {
    display: block;
    padding: 0 0 2em;
  }
  .sponsored-box ul li {
    line-height: 1.8;
    font-size: 1.8rem;
  }
  .logo-box .title {
    text-align: left;
    font-size: inherit;
    padding: 0.4em 1em;
  }
	.attention-box h2 {
		font-size: 120%;
	}
  .attention-box li {
    font-size: 1.4rem;
    margin: 0 0 0.5em 1em;
  }
  .foot_gdo .logo_gdo {
    font-size: 80%;
    width: 15%;
    padding: 0;
    margin: 0 auto 1em 1em;
  }
  .foot_gdo dl {
    font-size: 75%;
  }
	.page-top {
		width: 2.5em;
		height: 2.5em;
	}
}


a img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: all 0.1s ease-in-out;
}
a:hover img {
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  opacity: 0.85;
}
.footer25th {
  width: 2000px;
  margin: 0 0 0 -520px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  height: 400px;
  padding: 100px 0;
  background-color: #303030;
}
.footer25th p {
  font-size: 14px;
  margin-bottom: 12px;
  font-weight: 400;
  line-height: 120%;
  width: 100%;
  text-align: center;
  font-family: "Hiragino Kaku Gothic Pro";
}
.footer25th p img {
  width: auto;
  height: auto;
}
@media screen and (max-width: 820px) {
  .footer25th {
    width: auto;
    margin: 0;
  }
}