@import url('https:/fonts.googleapis.com/css2?family=Pinyon+Script&display=swap');
img {max-width: 100%;}

.container {
  margin: 0 auto;
  max-width: 450px;
}

.section_container {
  max-width: 340px;
  width: 90%;
  margin: 0 auto;
}
/*-------------------------
    header
-------------------------*/
#header .wrapper {
  display: flex;
  align-items: center;
  vertical-align: bottom;
  justify-content: space-between;
  padding: 5px;
  background-color: #f3f3f3;
  margin: 0 auto;
  height: 80px;
}
#header.wrapper img {
  width: 100px;
  padding: 8px;
}

#header .logo {
  width: 100px;
  height: 60px;
  padding-left: 20px;
}

#header .my_page_info {
  display: flex;
  font-size: 10px;
  width: 50%;
  padding-top: 10px;
}

#header .info p {
  font-weight: bold;
}
#header .info p:nth-of-type(2) {
  margin-top: 13px;
}
#header .header-text {
  padding: 0.2em;
  position: relative;
  display: inline-block;
}

#header .header-text:nth-of-type(1) {
  margin-bottom: 5px;
}
#header .header-text img {
  width: 90px;
  height: 22px;
  padding: 0;
  margin: -4px 0;
}
#header .header-text a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -65%);
  text-decoration: none;
  /* 黄金の文字 */
  background: linear-gradient(
    171.11deg,
    #d4b76e 29.41%,
    #e5d7b3 49.04%,
    #d5a52c 69.06%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /*ここまで*/
  font-weight: 900;
  white-space: nowrap;
}
#header .button {
  text-align: right;
  width: 90px;
  margin-right: 10px;
}

/*-------------------------
footer
-------------------------*/
footer{padding: 1.2em;margin-top: 2em;}
footer li {list-style-type: none;font-weight: 900;font-size:16px; border-bottom: 1px solid rgba(242, 209, 94, 1);padding: 0.9em 0.9em 0.9em 0;margin-top: 0.2em;}
.caution-text{border: 1px solid rgba(242, 209, 94, 1);padding: 2.0em 1.5em;margin-top: 4em;font-size: 12px;line-height: 18px;}


/*-------------------------
的中実績 
-------------------------*/
#section_achievement{
  background-image: url(../img/achievement_back_before.png);
  background-size: cover;
  background-position: center;
  padding-bottom: 70px;
  margin-top: -7px;
}

#section_achievement .result_list{
  max-width: 310px;
  width: 90%;
  margin: 10px auto 0;
}
#section_achievement .result_list li{
  display: flex;
  align-items: center;
  background-image: url(../img/result_back.png);
  background-size: cover;
  background-position: center;
  padding: 6px 0;
}
#section_achievement .result_list li:not(:nth-child(8)){
  margin-bottom: 10px;
}

#section_achievement .result_list li .date{
 text-align: right;
 font-weight: bold;
}
#section_achievement .result_list li .race{
  font-weight: bold;
  text-align: end;
}
#section_achievement .result_list li .price{
  font-size: 34px;
  background: linear-gradient(171.11deg, #d4b76e 29.41%, #e5d7b3 49.04%, #d5a52c 69.06%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  -webkit-text-stroke: 1px #5f5024;
  text-stroke: 1px #FFF;
}


#section_achievement .more_btn {
  margin-top: 35px;
  text-align: center;
}
#section_achievement .more_btn a {
  display: inline-block;
  background-image: url(../img/contact_btn.png);
  background-position: center;
  padding: 20px 85px;
}

#section_achievement .more_btn a span {
  background-image: url(../img/contact_btn.png);
  background: linear-gradient(
    171.11deg,
    #d4b76e 29.41%,
    #e5d7b3 49.04%,
    #d5a52c 69.06%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /*ここまで*/
  font-weight: 900;
  white-space: nowrap;
}
#section_achievement .pagenation{
  margin-top: 30px;
  text-align: center;
}
#section_achievement .pagenation li{
  background-color: #FFF;
  display: inline-block;
  margin-left: 7px;
}
#section_achievement .pagenation li a{
  display: inline-block;
    background: linear-gradient(171.11deg, #d4b76e 29.41%, #e5d7b3 49.04%, #d5a52c 69.06%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 7px 15px;
    font-weight: bold;
    font-size: 22px;
}


/*----------------------
タイトル
------------------------*/
.head-title {
  position: relative;
  height: 92px;
  white-space: nowrap;
}

.head-title img{height: 92px;}

h3.text-title {
  position: absolute;
  text-align: center;
  font-size: 34px;
  font-weight: 900;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
    /* 黄金の文字 */
    background: linear-gradient(
      171.11deg,
      #d4b76e 29.41%,
      #e5d7b3 49.04%,
      #d5a52c 69.06%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /*ここまで*/
}


/*-----------------
お試しコース
 ----------------- */

.pre-course{
  background: url(../img/pre-back.png);background-position: center;height: 409px;
  max-width: 450px;
  width: 100%;
}

.pre-title{background: rgba(0, 0, 0, 1);color: #fff;text-align: center;padding: .34em;font-size: 24px;
  border: 2px solid;border-image-source: linear-gradient(171.11deg, #D4B76E 29.41%, #E5D7B3 49.04%, #D5A52C 69.06%);border-image-slice: 1;
}

.free-course-name{font-family:pinyon Script;font-size: 24px;font-weight: 400;line-height: 29.94px;letter-spacing: 2px;text-align: center;position: absolute;top: 8%;left: 50%;transform: translateX(-50%);

  /* 黄金の文字 */
  background: linear-gradient(
    171.11deg,
    #d4b76e 29.41%,
    #e5d7b3 49.04%,
    #d5a52c 69.06%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /*ここまで*/
}

.free-course-name.top2{font-family:pinyon Script;font-size: 24px;font-weight: 400;line-height: 29.94px;letter-spacing: 2px;text-align: center;position: absolute;top: 17%;left: 50%;transform: translateX(-50%);

  /* 黄金の文字 */
  background: linear-gradient(
    171.11deg,
    #d4b76e 29.41%,
    #e5d7b3 49.04%,
    #d5a52c 69.06%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /*ここまで*/
}


.free-course-item{
  max-width: 340px;
  height: 160px;
  margin: 10px auto;
}

.free-course-item img {border-radius: 10px;}
.font-gold{    /* 黄金の文字 */
  background: linear-gradient(
    171.11deg,
    #d4b76e 29.41%,
    #e5d7b3 49.04%,
    #d5a52c 69.06%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /*ここまで*/
  font-size: 38px;
  font-weight: 900;
}

.items1,.items2{position: relative;}

.amount-goal{color: rgba(54,54,54,1);font-size: 19px;font-weight: 400;position: absolute;top:60%;right: 0;padding-right: 3em;}
.font-small-gold{   /* 黄金の文字 */
  background: linear-gradient(
    171.11deg,
    #d4b76e 29.41%,
    #e5d7b3 49.04%,
    #d5a52c 69.06%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /*ここまで*/
font-size: 25px;}

.point-text{font-size: 38px;color: rgba(54,54,54,1); position: absolute;top: 60%;padding-left: 1.2em;}
.point-text span{font-size: 24px;}
.free-title{text-align: center;position: absolute;inset: 0;padding-top: 1.5em;color: rgba(255, 255, 255, 1);
  font-size: 32px;-webkit-text-stroke:1px #000; line-height: 23px;font-weight: 900;

}
.free-title span{font-size: 20px;}

.free-title.f2{text-align: center;position: absolute;inset: 0;padding-top: 2.5em;color: rgba(255, 255, 255, 1);
  font-size: 28px;-webkit-text-stroke:1.2px #000; line-height: 0.8;font-weight: bold;
}

.point-text.p2{font-size: 32px;color: rgba(54,54,54,1); position: absolute;top: 62%;padding-left: 1.2em;}


/*-----------------
通常コース
 ----------------- */
.normal-bule{
  background: url(../img/normal-course-bule.png);background-position: center;height: 415px;
}
.normal-red{
  background: url(../img/normal-course-red.png); background-position: center;height: 350px;
}
.normal-green{
  background: url(../img/normal-course-green.png);background-position: center;height: 350px;
}

.normal-title{background: rgba(0, 0, 0, 1);color: #fff;text-align: center;font-size: 26px;font-weight: bold;
  border: 2px solid;border-image-source: linear-gradient(171.11deg, #D4B76E 29.41%, #E5D7B3 49.04%, #D5A52C 69.06%);border-image-slice: 1;}

.normal-title p {  /* 黄金の文字 */
  background: linear-gradient(171.11deg, #D4B76E 29.41%, #E5D7B3 49.04%, #D5A52C 69.06%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /*ここまで*/
font-size: 24px;
font-weight: 900;
line-height: 36px;
padding: 0.47em;}

.normal-title span{font-size: 22px;}


.nor-course-item {max-width: 340px;height: 160px; position: relative; margin: 0 auto;}
.nor-course-item img {margin: 10px auto;}

.mt-5{margin-top: 10px;}
.course-name{font-family: pinyon Script; font-weight: 400;font-size: 24px;line-height: 29.94px;text-align: center;position: absolute;top: 2.7em;right: 2.9em;

  /* 黄金の文字 */
  background: linear-gradient(
    171.11deg,
    #d4b76e 29.41%,
    #e5d7b3 49.04%,
    #d5a52c 69.06%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /*ここまで*/}




.course-title{
  /* 黄金の文字 */
  background: linear-gradient(
    171.11deg,
    #d4b76e 29.41%,
    #e5d7b3 49.04%,
    #d5a52c 69.06%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /*ここまで*/
  font-size: 40px;
font-weight: 900;
text-align: center;
letter-spacing: -13%;
line-height: 60px;
text-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
position: absolute;
top: 0.5em;
right: 0.5em;

}

.course-point{color: rgba(255,255,255,1);-webkit-text-stroke:1px rgba(255, 255, 255, 1);text-shadow: 1px 1px 7px rgba(255, 201, 12, 1);font-size: 24px;letter-spacing: 2px;
  line-height: 36px;font-weight: 900;
}

.course-point span{font-size: 16px;}
.course-textarea{text-align: right;position: absolute;top: 60%;right: 1em;}
.course-textarea p{line-height: 1.3;} 
.bg-tx{font-size: 24px !important;}


.star1-wrapper{
  background: url(../img/star1-back_v3.png);
  background-size: cover;
  background-position:center;
  width: 100%;
  height: 484px;
}
.star2-wrapper{
  background: url(../img/star2-back_v2.png);
  background-size: cover;
  background-position:center;
  width: 100%;
  height: 413px;
  margin-top: -4px;
}
.star3-wrapper{
  background: url(../img/star3-back.png);
  background-size: cover;
  background-position:center;
  width: 100%;
  height: 484px;
}

.star1-day .point-count{font-size: 24px;font-weight: 900; color: rgba(255,255,255,1);-webkit-text-stroke:1px rgba(212, 183, 110, 1);text-shadow:0 0 7px rgba(255, 201, 12, 1);}
.star1-day .point-count span{font-size: 16px;}

.star1-day .money-goal{font-size: 16px;font-weight: 900; color: rgba(255,255,255,1);-webkit-text-stroke:1px rgba(212, 183, 110, 1);text-shadow:0 0 7px rgba(255, 201, 12, 1);}
.star1-day .money-goal span{font-size: 24px;}

.star-textarea {line-height: 24px;text-align: right;position: absolute;top:75%;right: 0;padding: 0 1.3em 0 0;}

.star1-day{position: relative;padding-top: 6.5em;text-align: center;max-width: 340px; margin: 0 auto;}
.star1-day img {max-width: 340px; border-radius: 15px;}
.border-flame {
  border: 2px solid #d4b76e;
  max-width: 340px;
  width: 100%;
  height: 160px;
  margin:0 auto;
  position: absolute;
  top: 38%;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 15px;
  overflow: hidden;
  
  }

.star1-night{position: relative;text-align: center;padding-top: 1.8em;max-width: 340px; margin: 0 auto;}
.star1-night img {max-width: 340px; border-radius: 15px;}
.star1-night .point-count{font-size: 24px;font-weight: 900; color: rgba(255,255,255,1);-webkit-text-stroke:1px rgba(212, 183, 110, 1);text-shadow:0 0 7px rgba(255, 201, 12, 1);}
.star1-night .point-count span{font-size: 16px;}

.star1-night .money-goal{font-size: 16px;font-weight: 900; color: rgba(255,255,255,1);-webkit-text-stroke:1px rgba(212, 183, 110, 1);text-shadow:0 0 7px rgba(255, 201, 12, 1);}
.star1-night .money-goal span{font-size: 24px;}


.star-textarea_v2 {line-height: 24px;text-align: right;position: absolute;top:65%;right: 0;max-width: 340px;width: 100%;padding: 0 1.3em 0 0;}
.border-flame_v2 {
  border: 2px solid #d4b76e;
  max-width: 340px;
  width: 100%;
  height: 160px;
  margin:0 auto;
  position: absolute;
  top: 14%;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 15px;
  overflow: hidden;
  
  }


.star2-day{position: relative;padding-top: 2em;text-align: center;max-width: 340px; margin: 0 auto;}
.star2-day img {max-width: 340px; border-radius: 15px;}

.star2-day .point-count{font-size: 24px;font-weight: 900; color: rgba(255,255,255,1);-webkit-text-stroke:1px rgba(212, 183, 110, 1);text-shadow:0 0 7px rgba(255, 201, 12, 1);}
.star2-day .point-count span{font-size: 16px;}

.star2-day .money-goal{font-size: 16px;font-weight: 900; color: rgba(255,255,255,1);-webkit-text-stroke:1px rgba(212, 183, 110, 1);text-shadow:0 0 7px rgba(255, 201, 12, 1);}
.star2-day .money-goal span{font-size: 24px;}

.star2-night{position: relative;padding-top: 1.2em;text-align: center;max-width: 340px; margin: 0 auto;}
.star2-night img {max-width: 340px; border-radius: 15px;}

.star2-night .point-count{font-size: 24px;font-weight: 900; color: rgba(255,255,255,1);-webkit-text-stroke:1px rgba(212, 183, 110, 1);text-shadow:0 0 7px rgba(255, 201, 12, 1);}
.star2-night .point-count span{font-size: 16px;}

.star2-night .money-goal{font-size: 16px;font-weight: 900; color: rgba(255,255,255,1);-webkit-text-stroke:1px rgba(212, 183, 110, 1);text-shadow:0 0 7px rgba(255, 201, 12, 1);}
.star2-night .money-goal span{font-size: 24px;}


.star-textarea_two {line-height: 24px;text-align: right;position: absolute;top:65%;right: 0;max-width: 340px;width: 100%;padding: 0 1.3em 0 0;}
.border-flame_two {
  border: 2px solid #d4b76e;
  max-width: 340px;
  width: 100%;
  height: 160px;
  margin:0 auto;
  position: absolute;
  top: 16%;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 15px;
  overflow: hidden;
  
  }

  .border-flame_two.night {
    border: 2px solid #d4b76e;
    max-width: 340px;
    width: 100%;
    height: 160px;
    margin:0 auto;
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 15px;
    overflow: hidden;
    
    }


.star3-day{position: relative;padding-top: 1.2em;text-align: center;max-width: 340px; margin: 0 auto;}
.star3-day img {max-width: 340px; border-radius: 15px;}

.star3-day .point-count{font-size: 24px;font-weight: 900; color: rgba(255,255,255,1);-webkit-text-stroke:1px rgba(212, 183, 110, 1);text-shadow:0 0 7px rgba(255, 201, 12, 1);}
.star3-day .point-count span{font-size: 16px;}

.star3-day .money-goal{font-size: 16px;font-weight: 900; color: rgba(255,255,255,1);-webkit-text-stroke:1px rgba(212, 183, 110, 1);text-shadow:0 0 7px rgba(255, 201, 12, 1);}
.star3-day .money-goal span{font-size: 24px;}

.star3-night{position: relative;padding-top: 1.8em;text-align: center;max-width: 340px; margin: 0 auto;}
.star3-night img {max-width: 340px; border-radius: 15px;}

.star3-night .point-count{font-size: 24px;font-weight: 900; color: rgba(255,255,255,1);-webkit-text-stroke:1px rgba(212, 183, 110, 1);text-shadow:0 0 7px rgba(255, 201, 12, 1);}
.star3-night .point-count span{font-size: 16px;}

.star3-night .money-goal{font-size: 16px;font-weight: 900; color: rgba(255,255,255,1);-webkit-text-stroke:1px rgba(212, 183, 110, 1);text-shadow:0 0 7px rgba(255, 201, 12, 1);}
.star3-night .money-goal span{font-size: 24px;}


.star-textarea_three {line-height: 24px;text-align: right;position: absolute;top:65%;right: 0;max-width: 340px;width: 100%;padding: 0 1.3em 0 0;}
.border-flame_three {
  border: 2px solid #d4b76e;
  max-width: 340px;
  width: 100%;
  height: 160px;
  margin:0 auto;
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 15px;
  overflow: hidden;
  
  }

  .border-flame_three.night {
    border: 2px solid #d4b76e;
    max-width: 340px;
    width: 100%;
    height: 160px;
    margin:0 auto;
    position: absolute;
    top: 14%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 15px;
    overflow: hidden;
    
    }


.vip-contents{position: relative;max-width: 450px;}

.vip-title{
  position: absolute;
  top: 8%;
  left: 52%;
  transform: translateX(-50%);
  white-space: nowrap;
  font-weight: 900;
  font-size: 36px;
  line-height:72px;
    /* 黄金の文字 */
    background: linear-gradient(
      171.11deg,
      #d4b76e 29.41%,
      #e5d7b3 49.04%,
      #d5a52c 69.06%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /*ここまで*/
    text-shadow: 0 0 2 0 rgba(255, 255, 255, 1);
  
}

.vip-course{max-width: 338.46px;width: 100%; margin: 0 auto;position: absolute;top: 25%;left: 50%;transform: translateX(-50%);}
.vip-course img{text-align: center;}


/*------------------
ナビゲーション
--------------------*/
.nav-contents {
  background: url(../img/nav-back.png);
  background-size: cover;
  max-width: 450px;
  height: 60px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  position: fixed; /* 追従用 */
  bottom: 0; /* 追従用 */
  width: 100%; /* 追従用 */
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); /* 追従用 */
  z-index: 1000; /* 追従用 */
}

.nav-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
}

.nav-list li {
  flex: 1;
  text-align: center;
  border-left: 1px solid rgba(169, 155, 103, 1);
  display: flex;
  justify-content: center;
  align-items: center;
}

.nav-list li:first-child {
  border-left: none;
}

.nav-list a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

.nav-list img {
  max-height: 45px;
  display: inline-block;
  vertical-align: middle;
}