.box p { margin: 1.5em 0; color: #000; line-height: 1.7; }

.hosoku { margin: 0 50px; padding:2vw 2%;border:2px solid #009944;background:white;text-align:center}
.hosoku h4{ margin: 0; font-size:18px; color: #000; }
.hosoku p { margin: 30px 0 0 0; font-size: 22px; letter-spacing: 0.05em; line-height: 1.8; font-weight: bold; color:#f4a40c; }
.kyousan{ margin-top:15px; display: flex; justify-content: center; align-items: center;}
.kyousan h4{ padding-right: 15px; display:inline-block; color: #000; font-weight:normal; font-size:25px; }
.kyousan P{ padding-left: 15px; display:inline-block;vertical-align:middle; font-size:18px;  border-left: 1px solid #009944; }

.h_grad {
  color: #faa714;
  background: -webkit-linear-gradient(0deg, #e60012, #fbd0d4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.h_grad::after {
  background:linear-gradient( 90deg, #f88000 0%, #facc22 100%);
}

#gdj .box > p, #gdj .kosoku, #gdj .kyousan p, #gdj .hosoku { position: relative; background: rgba(255, 255, 255, 0.6); }

.inner_bonus { padding-top: 50px; }

#bonus table{ font-size:20px; }

#bonus { padding-top: 0; }

.table_red th {background-color: #e60012;}
.table_brown th {background-color: #924800;}

#rosita th{width:18%;}
#rosita td{text-align:left;padding-left:5%;}
#rosita img{width:60%;max-width:640px;margin:50px auto 20px;display:block;}
#rosita p{text-align:center;}
#rosita p a{color:#f88602}

.mainimg{
padding-bottom: 40px;
}

.about_future{
  padding: 0 50px;
}

.about_future h3 {
    font-size: 22px;
    color: #000;
    padding-bottom: 10px;
}
.about_future .logo_future {
  display: block;
  margin: 0 auto;
  width: 150px;
}

.box .about_future p {
    margin: 0 0 1.5em;
    color: #000;
    line-height: 1.7;
    font-size: 16px;
}

h3.h_table {
    margin-bottom: 20px;
    font-size: 27px;
    color: #000;
}
h3.h_table span {
    font-size: 18px;
    display: block;
}

.inner_box {
    padding-top: 50px;
}

.subpage .h_underline span {
  font-size: 24px;
  display: block;
}

.table_red td{
  position: relative;
}

.racelist_series {
  display: block;
  width: 60px;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  right:15px;
  top: 8px;
  margin: 0 !important;
}

.racelist_series.jpn1 {
  background: url(../img/common/racelist_class_jpn1.png) right center no-repeat;
  background-size: 47px auto;
}

.racelist_series.jpn2 {
  background: url(../img/common/racelist_class_jpn2.png) right center no-repeat;
  background-size: 47px auto;
}

.racelist_series.jpn3 {
  background: url(../img/common/racelist_class_jpn3.png) right center no-repeat;
  background-size: 47px auto;
}

.racelist_series.future {
  background: url(../img/common/racelist_logo.png) right center no-repeat;
  background-size: 60px auto;
  right:10px;
}


@media all and (min-width: 0) and (max-width: 767px)  {
    .subpage .logo { padding-top: 1.333333vw; }

    .hosoku { margin: 0; display:block; width: auto; padding:3vw 3%; }
    .hosoku h4{ font-size: 3vw; }
    .hosoku p{ margin: 3vw 0; font-size: 3.6vw;}
    .kyousan{margin-top:5vw;width:100%}
    .kyousan h4{ padding-right: 2vw; display:inline-block; font-weight:normal;font-size:calc(100vw / ( 375 / 14 ));line-height:1.6em;}
    .kyousan P{ padding-left: 2vw; display:inline-block;vertical-align:middle; font-size:calc(100vw / ( 375 / 12 )); ; }

    .kyousan { justify-content: start; }

    #rosita img{width:80%;margin:7vw auto 3vw;}
    #rosita p{text-align:center;}
    #rosita p a{color:#009944}
    
    .table_red th, .table_red td,
        .table_brown th, .table_brown td{
    padding: 12px 10px;
}
h3.h_table {
    font-size: calc(100vw / ( 375 / 22 ));
}
h3.h_table span {
    font-size: 15px;
}


.about_future{
  padding: 0 10px;
}

.about_future h3 {
    font-size: 19px;
}

.box .about_future p {
    font-size: 13px;
}

.about_future .logo_future {
  width: 100px;
}

.table_red td.table_logo{
  padding-right: 60px;
}

.racelist_series {
  display: block;
  width: 50px;
  height: 30px;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  right:10px;
  top: 4px;
  margin: 0 !important;
}

.racelist_series.jpn1 {
  background: url(../img/common/racelist_class_jpn1.png) right center no-repeat;
  background-size: 39px auto;
}

.racelist_series.jpn2 {
  background: url(../img/common/racelist_class_jpn2.png) right center no-repeat;
  background-size: 39px auto;
}

.racelist_series.jpn3 {
  background: url(../img/common/racelist_class_jpn3.png) right center no-repeat;
  background-size: 39px auto;
}

.racelist_series.future {
  background: url(../img/common/racelist_logo.png) right center no-repeat;
  background-size: 50px auto;
  right:5px;
}
}