@charset "utf-8";

/* SP：style_sp.css
 * ************************************************** */

/* headline */
#content h2 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
}

/* catch */
#content .catch {
  padding: 5% 0;
  text-align: center;
}

#content .catch img {
  height: 19px;
}

/* mainvisual */
#content .mainvisual {
  background: url(../images/main.jpg) no-repeat center top;
  background-size: 100%;
  padding-top: 58.9%;
  position: relative;
  text-align: center;
}

#content .mainvisual p {
  position: absolute;
  top: 50.772%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
}

/* lead */
#content .lead {
  padding: 6.6666% 0 6.3333%;
  text-align: center;
}

#content .lead h2 {
  font-weight: normal;
  margin-left: 0.8em;
}

#content .lead p {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 2;
  margin: 0.8em 0 0 0;
  padding: 0 4%;
}

/* reasons */
#content .reasons {
  margin: 6% 0 0 0;
  text-align: center;
}

#content .reasons h2 {
  background: #000000;
  color: #ffffff;
  margin: 0 auto 6%;
  padding: 0.5em 6%;
}

#content .reasons img {
  padding: 0 6%;
}

#content .reasons img+img {
  margin-top: 10%;
}

#content .reasons img+img+img {
  margin-top: 4%;
}

/* store */
#content .store {
  margin: 10% 0 0 0;
  padding: 5% 0 0 0;
  position: relative;
}

#adult_tennis .list {
  position: relative;
}

#content .store h2 {
  background: #000000;
  color: #ffffff;
  padding: 1.2em 0;
}

#adult_tennis .list h2 {
  background: #000000;
  color: #ffffff;
  padding: 1.2em 0;
}

#content .store ul {
  list-style: none;
}

#adult_tennis .list ul {
  list-style: none;
  padding: 6%;
}

#adult_tennis .tabContent .list {
  background: #d9d9d9;
  padding: 0;
  text-align: center;
  width: 50%;
}

#content .store ul li:nth-child(even) {
  background: #f2f2f2;
}

#adult_tennis .tabContent div:nth-child(even) {
  background: #f2f2f2;
}

#content .store ul li img {
  width: 100%;
}

#adult_tennis .list ul li img {
  width: 100%;
}

#content .store ul li h3 {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  margin: 8px 0 0 0;
}

#adult_tennis .list ul li h3 {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  margin: 8px 0 0 0;
}

#content .store ul li .button {
  margin: 0.8em auto 0;
  text-align: center;
  width: 100%;
}

#adult_tennis .list ul li .button {
  margin: 0.8em auto 0;
  text-align: center;
  width: 100%;
}

#content .store ul li .button a {
  background: #000000;
  color: #ffffff;
  display: block;
  font-size: 13px;
  height: 45px;
  line-height: 45px;
  position: relative;
}

#adult_tennis .list ul li .button a {
  background: #000000;
  color: #ffffff;
  display: block;
  font-size: 13px;
  height: 38px;
  line-height: 45px;
  position: relative;
}

/* members */
#content .members {
  background: #000000;
  color: #ffffff;
  padding: 10% 4%;
  text-align: center;
}

#content .members p.notes {
  font-size: 10px;
  letter-spacing: 0;
  margin: 1.5em 0 0 0;
}

#content .members h3 {
  font-size: 15px;
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  margin: 0 auto;
  width: 100%;
}

#content .members h3:first-of-type {
  background: #e3007f;
  margin-top: 10%;
}

#content .members h3:nth-of-type(2) {
  background: #1183c7;
  margin-top: 15%;
}

#content .members ul {
  list-style: none;
  margin: 1.2em 0 0 0;
}

#content .members ul li {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1.8;
}

#content .members ul li a {
  color: #fff;
}


/* network */
#content .network {
  padding: 10% 4% 10.3333%;
  text-align: center;
}

#content .network h2 {
  margin: 0 0 6% 0;
}

#content .network h2 img {
  height: 36px;
}

/* campaign */
#content .campaign {
  background: url(../images/bg_campaign.jpg) no-repeat center center;
  background-size: cover;
  padding: 13.6666% 10%;
  position: relative;
  text-align: center;
}

#content .campaign:before,
#content .campaign:after {
  content: '';
  display: block;
  height: 15px;
  position: absolute;
  left: 0;
  width: 100%;
}

#content .campaign:before {
  background: #000000;
  top: 0;
}

#content .campaign p.notes {
  color: #ffffff;
  font-size: 1.1rem;
  line-height: 1.3;
  margin: 1.5em 0 10% 0;
  text-align: left;

}

.mainvisual__copy {
  font-size: 2.4rem;
  color: #fff;
}

.mainvisual__copy-str {
  font-size: 3.2rem;
}

.reasons__txt {
  margin: 2rem 0 0 0;
  font-size: 1.2rem;
  font-weight: bold;
}

.network__txt {
  font-size: 1.2rem;
  font-weight: bold;
  margin: 0 0 2rem 0;
}

.network__map-image {
  width: 100%;
}