@charset "utf-8";

/* ---------------------------------------------
  pages css
--------------------------------------------- */
/* common
----------------------------------------*/
.page h2 {
  text-align: center;
  font-family: Anton;
  font-size: 28px;
	letter-spacing: 0.05em;
	font-weight: lighter;
	margin-bottom: 53px;
}
.page h3 {
  text-align: center;
	line-height: 1.8;
	font-family: Anton;
	font-size: 16px;
	letter-spacing: 0.14em;
	font-weight: lighter;
	margin-bottom: 7px;
}
.page p {
  margin-bottom: 30px;
	line-height: 1.8;
	font-family: Poppins-Light,NotoSansCJKjp-Light;
	font-size: 14px;
	letter-spacing: 0.18em;
	margin-bottom: 40px;
}
.page .btn_transition {
	padding-top: 20px;
}
#wrap p {
	text-align: center;
}
#footer h2 {
	margin-bottom: 25px;
}

@media(max-width:768px) {
  .page h2 {
    font-size: 18px;
  }
  .page h3 {
    line-height: 1.8;
    font-size: 10px;
  }
  .page p {
    line-height: 1.8;
    font-size: 10px;
  }
  .page .btn_transition {
    margin: 0 26px;
  }
	.page .btn_transition {
		padding-top: 6px;
	}
	#footer h2 {
		margin-bottom: 	16px;
	}
}

/* plan, recruit
----------------------------------------*/
@media(min-width:769px) {
	.page.plan #wrap,
	.page.recruit #wrap {
	  padding: 300px 0 350px;
	/*  background: url(../images/pages_bg_logo.png) center 214px no-repeat; */
	}
}
@media(max-width:768px) {
  .page.plan #wrap,
  .page.recruit #wrap {
  	padding: 150px 20px 175px;
/*    background: url(../images/pages_bg_logo.png) center 160px no-repeat; */
/*    background-size: 69% auto; */
  }
}

/* map
----------------------------------------*/
.page.map #wrap {
  width: 100%;
  padding: 246px 0 200px;
}
.page.map article > p {
    font-family: Poppins-Light,NotoSansCJKjp-Light;
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: 0.18em;
}
#map {
  width: 100%;
  height: 450px;
  margin: -40px 0 40px 0;
}
@media(max-width:768px) {
  .page.map article {
      margin: 0;
  }
  .page.map #wrap {
    padding: 150px 0 175px;
  }
  .page.map article > p {
    font-size: 10px;
  }
  #map {
    height: 260px;
    margin-bottom: 20px;
  }
}

/* SATELLITE KOARA
----------------------------------------*/
.page.satellite-koara #wrap,
.page.satellite-koara-2 #wrap,
.page.satellite-koara_0614 #wrap {
  width: 100%;
  padding: 0 0 200px;
}
.page.satellite-koara #wrap p a,
.page.satellite-koara-2 #wrap p a,
.page.satellite-koara_0614 #wrap p a {
  text-decoration: underline;
}
.movie_wrap {
  width: 1000px;
  margin: 0 auto 40px;
}
.movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.dj_info {
  margin: 0 auto 70px;
}
.dj_info p {
  margin-bottom: 30px;
}
.dj_info p:not(.soundcloud) {
	 width: 90%;
	 margin-right: auto;
	 margin-left: auto;
}
.dj_info .txt_left {
  text-align: left !important;
}
.dj_info .txt_right {
  text-align: right !important;
}
.dj_info span.block {
  display: block;
}
.Donate p {
  margin-bottom: 20px;
}
.Donate img {
  width: 150px;
  height: auto;
}
.soundcloud {
	max-width: 1000px;
  margin: 70px auto;
}
.soundcloud:last-child {
  margin: 70px auto 0;
}
.soundcloud iframe {
  width: 70%;
}
.soundcloud + div {
	text-align: center;
}
.satellite_koara_off {
  width: 800px;
  margin: 0 auto;
}

.satellite_koara_info {
  margin: 0 auto 60px;
}
.satellite_koara_info p {
  margin-bottom: 30px;
}

@media(max-width:768px) {
  .page.satellite-koara #wrap,
  .page.satellite-koara-2 #wrap,
  .page.satellite-koara_0614 #wrap {
    padding: 0 0 175px;
  }
	.satellite_koara_info{
    width: 90%;
  }
  .Donate {
    width: 90%;
    margin: auto;
  }
  .soundcloud {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin: 50px 0;
  }
  .soundcloud:last-child {
    margin: 50px 0 0;
  }
  .soundcloud iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }

  .satellite_koara_off {
    width: 90%;
  }
}