sup {
vertical-align:text-top;
font-size:0.6em;
}
.w884on {
  display:none;
}
.w768on {
  display:none;
}
.w667on {
  display:none;
}
.w560on {
  display:none;
}
.w480on {
  display:none;
}
.w375on {
  display:none;
}
.m_pt1 {
    padding-top: 5em;
}
.m_pt2 {
    padding-top: 1.5em;
}
.m_l {
    float: left;
}
.m_r {
    float: right;
}
.m_h2bn {
    margin: 1.25em auto 3em;;
    width: 100%;
    max-width: 768px;
}
.m_h2bn dl {
	width: 100%;
    box-sizing: border-box;
    margin: 1em 0;
}
.m_h2bn dl dt, .m_h2bn dl dd {
	width: 100%;
    text-align: center;
    box-sizing: border-box;
    margin: 0;
}
.m_h2bn dl.m_d1 dt.m_dt1 {
    width: 100%;
    padding: .7em;
    background-color: #000;
    color: #fff;
}
.m_h2bn dl p {
    font-size: 1.1em;
    font-weight: 500;
    margin-bottom: 0;
}
.m_h2bn dl.m_d1 dd.m_dd1 {
    padding: .7em;
    border: 3px solid #000;
}
.m_h2bn dl.m_d2 {
    color: #fff;
}
.m_h2bn dl.m_d2 dd.m_dd1 {
    border: 3px solid #000;
    background: linear-gradient(to top, #00a9ec 50%, #111b1f);
    padding: .7em;
}
.m_h2bn dl.m_d2 dd.m_dd2 {
    color: #000;
    padding: .2rem 0 .7rem;
    font-size: 5rem;
    font-weight: 900;
    line-height: 3rem;
    margin-bottom: 0;
}
.m_h2bn dl.m_d2 dd.m_dd3 {
    border: 3px solid #000;
    background: linear-gradient(to top, #df0024 50%, #47000b);
    padding: .7em;
}
.m_h2 {
    margin: 0 0 .5em;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.8rem;
    letter-spacing: .07rem;
    color: #f8f400;
}
.m_h3 {
    margin: 0;
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 1.8rem;
    color: #fff;
    text-align: center;
}
.m_h3 span {
    font-size: .7em;
    font-weight: 600;
}
.m_h3b {
    margin: 0;
    font-size: 2rem;
    font-weight: 600;
    line-height: 2rem;
    color: #fff;
    text-align: center;
}
.m_h3b span {
    font-size: .7em;
    font-weight: 600;
}
.m_lead {
    font-size: 1.1em;
    font-weight: 400;
    line-height: 1.8em;
    margin: 0;
    padding-top: 1.5em;
}
.m_note {
    font-size: .7rem;
}
.m_note2 {
    font-size: .9em;
    line-height: 1.5em;
    margin-bottom: .4em;
    
}
.m_date {
    font-size: 1.2rem;
    font-weight: 400;
    color: #c50018;
}
.m_cp {
    font-size: .8em;
    font-weight: 400;
    margin: .7em 0 0;
    text-align: right;
}

.m_color1 {
    color: #c50018;
}
.m_color2 {
    color: #e5007f;
}
.m_color3 {
    color: #71a0c7;
}
.m_l img, .m_r img {
    width: 100%;
}
.m_box_a {
    box-sizing: border-box;
    background: linear-gradient(to top, #00a9ec 50%, #111b1f);
    padding: 1.7em;
}
.m_box_b {
    box-sizing: border-box;
    background: linear-gradient(to top, #df0024 50%, #47000b);
    padding: 1.7em;
}
.m_box_a p, .m_box_b p {
    font-size: 1.2em;
    font-weight: 500;
    text-align: center;
    color: #fff;
}
.m_box_a p {
    padding-bottom: 2em;
}
.m_box_a img, .m_box_b img {
    width: 100%;
}
.m_box_a .m_l, .m_box_a .m_r {
    width: 50%;
    margin-top: -1.5em;
}
.m_box_b .m_l, .m_box_b .m_r {
    width: 50%;
    margin-top: 1em;
}
.m_box_c1 {
    width: 50%;
    margin-top: 2.5em;
    display: flex;
    flex-wrap: wrap;
    float: right;
}
.m_box_c1 img:nth-of-type(1) {
    width: 36%;
    margin-left: 16%;
}
 .m_box_c1 img:nth-of-type(2) {
    width: 36%;
    margin-left: 6%;
}
.m_box_c1 img:nth-of-type(3) {
    width: 60%;
    margin-left: 20%;
}
.m_box_c2 {
    width: 80%;
    display: block;
    padding-top: 3em;
    margin: 0 auto;
}
.m_box_c2 img {
    float: left;
}
.m_box_c2 img:nth-of-type(1), .m_box_c2 img:nth-of-type(2) {
    width: 24%;
    padding: 0 1%;
}
.m_box_c2 img:nth-of-type(3) {
    width: 48%;
}

@media screen and (max-width:884px) {
.producttitle_club:first-child {
	padding-bottom: .1em;
    margin-bottom: 0;
}
.w884on {
  display:inline;
}
}

@media screen and (max-width:768px) {
.m_pt1 {
    padding-top: 5vw;
}
.w768on {
  display:inline;
}
}

@media screen and (max-width:667px) {
.w667on {
  display:inline;
}
.m_h2 {
    font-size: 1.75rem;
    line-height: 2rem;
}
.m_box_a {
    padding: 1.5em .7em;
}
.m_box_a p, .m_box_b p {
    margin-top: .5em;
}
}
@media screen and (max-width:560px) {
.producttitle_club {
	line-height: 1em;
}
.w560on {
  display:inline;
}
.m_h2 {
    font-size: 1.8rem;
    line-height: 2rem;
}
.m_h3 {
    font-size: 1.5rem;
    line-height: 1.7rem;
}
.m_l, .m_r {
    width: 80% !important;
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.m_box_c1 {
    width: 100%;
    margin: 0 auto;
}
.m_box_c2 {
    width: 100%;
    padding-top: 2em;
    display: flex;
    flex-wrap: wrap;
}
.m_box_c2 img {
    float: none;
}
.m_box_c2 img:nth-of-type(1), .m_box_c2 img:nth-of-type(2) {
    width: 30%;
    padding: 0 10%;
}
.m_box_c2 img:nth-of-type(3) {
    width: 52%;
    margin-left: 24%;
}
}

@media screen and (max-width:480px) {
.w480on {
  display:inline;
}
.m_pt1 {
    padding-top: 3vw;
}
.m_h2bn dl p {
    font-size: 1em;
}
.m_h2bn dl.m_d2 dd.m_dd2 {
    padding: .2rem 0 .7rem;
    font-size: 3rem;
    line-height: 3rem;
}
.m_h2 {
    font-size: 1.6rem;
    line-height: 1.8rem;
}
.m_h3 {
    font-size: 1.5rem;
    line-height: 1.55rem;
}
.m_h3b {
    font-size: 1.8rem;
    line-height: 1.9rem;
}
.m_l, .m_r {
    width: 96% !important;
}
.m_box_a p, .m_box_b p {
    font-size: 1em;
}
.m_box_a .m_l, .m_box_a .m_r {
    margin-top: -.7em;
}
.m_box_c2 img:nth-of-type(1), .m_box_c2 img:nth-of-type(2) {
    width: 38%;
    padding: 0 6%;
}
.m_box_c2 img:nth-of-type(3) {
    width: 62%;
    margin-left: 10%;
}
}

@media screen and (max-width:420px) {
.m_h2bn dl p {
    font-size: .9em;
}
.m_h2 {
    font-size: 1.3rem;
    line-height: 1.5rem;
    margin-bottom: .2rem;
}
.m_box_a, .m_box_b {
    padding: .5em;
}
}

@media screen and (max-width:375px) {
.w375on {
  display:inline;
}
.m_l, .m_r {
    width: 100% !important;
}
}

@media screen and (max-width:350px) {
.m_h2bn dl p {
    font-size: .8em;
}
.m_h2bn dl.m_d1 dt.m_dt1 {
    padding: .6em .3em;
}
}

@media screen and (max-width:320px) {
.m_h2bn dl p {
    font-size: .75em;
}
.m_box_a p, .m_box_b p {
    font-size: .9em;
}
}