@media only screen and (min-width: 897px) {
  #kyoryokudaikon {
    letter-spacing: 1px;
  }
  #kyoryokudaikon .sp,
  .kyoryokudaikon-wrap .sp {
    display: none !important;
  }
  #kyoryokudaikon h3,
  .kyoryokudaikon-wrap h3 {
    padding: 0;
    margin: 0;
    text-align: center;
  }
  #kyoryokudaikon h3::after,
  .kyoryokudaikon-wrap h3::after {
    content: none;
  }
  #kyoryokudaikon .btn {
    display: block;
    width: 435px;
    margin: 0 auto;
    line-height: 1.3;
    border: 2px solid #938675;
    border-radius: 50px;
    text-decoration: none;
    color: #443829;
    font-weight: bold;
    padding: 22px 0 21px;
    background: url(../../common/img/ar_down.png) no-repeat 95%;
  }
  #kyoryokudaikon p { font-size: 20px; }
  #kyoryokudaikon .kyoryokudaikon-bg {
    background: url(../img/bg_contents.jpg) repeat-y center;
  }
  /* feature */
  #kyoryokudaikon #feature { padding-bottom: 40px; }
  #kyoryokudaikon #feature h3 { margin-bottom: 25px; }
  #kyoryokudaikon #feature h4 { text-align: center; }
  #kyoryokudaikon #feature p strong { font-weight: bold; border-bottom: 2px solid #e60012; }
  #kyoryokudaikon #feature .notes { font-size: 16px; text-align: center; margin: 10px 0 0; }
  #kyoryokudaikon #feature .img { margin: 20px 0 0; text-align: center; }
  #kyoryokudaikon #feature .box_feature { margin: 10px 0 50px; padding: 0 45px; }
  #kyoryokudaikon #feature .box_feature:last-of-type { margin: 10px 0 0; }
  #kyoryokudaikon #feature .wrap_feature { margin: 20px 0 0; display: flex; justify-content: space-between; position: relative; }
  #kyoryokudaikon #feature .wrap_feature .img { margin: 0; width: 380px; }
  #kyoryokudaikon #feature .wrap_feature .label { position: absolute; bottom: -10px; right: -20px; }
  #kyoryokudaikon #feature .wrap_feature .fukidashi { padding: 15px 0; border-radius: 8px; margin: 0 0 10px; text-align: center; position: relative; }
  #kyoryokudaikon #feature .wrap_feature .img:nth-child(1) .fukidashi { background-color: #8e8e90; }
  #kyoryokudaikon #feature .wrap_feature .img:nth-child(2) .fukidashi { background-color: #e60012; }
  #kyoryokudaikon #feature .wrap_feature .fukidashi::after { content: ''; width: 0; height: 0; border-style: solid; border-width: 10px 5px 0 5px; position: absolute; bottom: -10px; left: calc(50% - 5px); }
  #kyoryokudaikon #feature .wrap_feature .img:nth-child(1) .fukidashi::after { border-color: #8e8e90 transparent transparent transparent; }
  #kyoryokudaikon #feature .wrap_feature .img:nth-child(2) .fukidashi::after { border-color: #e60012 transparent transparent transparent; }
  /* series */
  #kyoryokudaikon #series { margin: 40px 0; padding-bottom: 20px; }
  #kyoryokudaikon #series .img { margin: 40px 0 0; text-align: center; }
  #kyoryokudaikon #series .box_series { margin: 10px 0 0; padding: 0 40px; position: relative; }
  #kyoryokudaikon #series .box_series.type01 { padding-top: 100px; background: url(../img/bg_series01.png) no-repeat center top; margin-top: -20px; }
  #kyoryokudaikon #series .box_series.type02 { padding-top: 40px; background: url(../img/bg_series02.png) no-repeat center top; margin-top: 40px; }
  #kyoryokudaikon #series h4 { padding-left: 150px; }
  #kyoryokudaikon #series p { margin: 10px 0 0 10px; font-size: 18px; }
  #kyoryokudaikon #series .box_series .img { margin: 10px 0 0; }
  #kyoryokudaikon #series .box_series .label { position: absolute; top: 30px; left: 30px; }
  /* howto */
  #kyoryokudaikon #howto { margin: 40px 0 0; padding-bottom: 40px; }
  #kyoryokudaikon #howto h4 { margin: 0 0 20px; padding: 0 0 20px; text-align: center; position: relative; }
  #kyoryokudaikon #howto h4::after { content: ''; width: calc(100% + 80px); height: 2px; background-color: #f4f0ea; position: absolute; bottom: 0; left: -40px; }
  #kyoryokudaikon #howto p { margin: 30px 0 0; text-align: center; }
  #kyoryokudaikon #howto .headline { position: absolute; top: -20px; left: 30px; z-index: 5; }
  #kyoryokudaikon #howto .box_howto { margin: 40px 40px 0; padding: 20px 40px 40px; background-color: #fff; position: relative; }
  #kyoryokudaikon #howto .wrap_howto { margin: 30px 0 0; display: flex; justify-content: space-between; }
  #kyoryokudaikon #howto .wrap_howto:nth-of-type(odd) { flex-direction: row-reverse; }
  #kyoryokudaikon #howto .wrap_howto .txt { width: 435px; }
  #kyoryokudaikon #howto .wrap_howto ol { margin: 10px 0 0; }
  #kyoryokudaikon #howto .wrap_howto li { font-size: 20px; text-indent: -1.3em; margin-left: 1.3em; }
  #kyoryokudaikon #howto .wrap_howto p { margin: 0; text-align: left; text-indent: -1.3em; margin-left: 1.3em; }
  #kyoryokudaikon #howto .wrap_howto p.notes { font-size: 16px; }
  #kyoryokudaikon #howto .wrap_howto strong { font-weight: bold; }
  #kyoryokudaikon #howto dl { margin: 60px 0 0; border: 3px solid #3a7752; border-top: none; }
  #kyoryokudaikon #howto dt { color: #fff; font-size: 30px; font-weight: bold; text-align: center; line-height: 1.0; background-color: #3a7752; padding: 20px 0; position: relative; }
  #kyoryokudaikon #howto dt::after { content: ''; width: 93px; height: 118px; background: url(../img/label_howto.png) no-repeat center; position: absolute; top: -30px; left: 10px; }
  #kyoryokudaikon #howto dd { font-size: 20px; padding: 30px; }
  #kyoryokudaikon #howto .color { color: #3a7752; font-weight: bold; }
  #kyoryokudaikon #howto .sec01 h4,
  #kyoryokudaikon #howto .sec04 h4 { margin: 0 0 40px; }
  #kyoryokudaikon #howto .sec02 .wrap_howto,
  #kyoryokudaikon #howto .sec03 .wrap_howto { margin: 0; align-items: center; }
  #kyoryokudaikon #howto .sec02 .wrap_howto .img,
  #kyoryokudaikon #howto .sec03 .wrap_howto .img { padding: 0 40px; }
  #kyoryokudaikon #howto .sec03 .wrap_howto:nth-of-type(odd) { flex-direction: row; }
  #kyoryokudaikon #howto .sec03 .wrap_howto:nth-of-type(even) { flex-direction: row-reverse; }
  #kyoryokudaikon #howto .sec04 .wrap_howto { align-items: center; }
  #kyoryokudaikon #howto .sec04 .wrap_howto .txt { width: 460px; }
  #kyoryokudaikon #howto .sec04 .wrap_howto p { margin-top: 10px; }
  #kyoryokudaikon #howto .sec04 .wrap_howto p.notes { margin-top: 0; margin-bottom: 30px; }
  #kyoryokudaikon #howto .sec05 .wrap_howto .img { width: calc(50% - 20px); text-align: center; position: relative; }
  #kyoryokudaikon #howto .sec05 .wrap_howto .img:nth-child(1) { padding-top: 20px; }
  #kyoryokudaikon #howto .sec05 .wrap_howto .img:nth-child(1) img { padding-left: 30px; }
  #kyoryokudaikon #howto .sec05 .wrap_howto .label { position: absolute; }
  #kyoryokudaikon #howto .sec05 .wrap_howto .img:nth-child(1) .label { top: 0; left: -20px; }
  #kyoryokudaikon #howto .sec05 .wrap_howto .img:nth-child(2) .label { top: 15px; right: -15px; }
  #kyoryokudaikon #howto .sec05 .wrap_howto .img:nth-child(1) .label img { padding-left: 0; }
  #kyoryokudaikon #howto .sec05 .wrap_howto p { text-indent: 0; margin: 30px 0 0; }

  .kyoryokudaikon-wrap { margin: 60px 0 30px; }

  .event-bottom-banners ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .event-bottom-banners ul li { width: 49%; margin: 0 0 20px; }

  #lineup + .block-top-event--goods .block-goods-list-d li:nth-child(even) { display: none; }

  /*
  #kyoryokudaikon .demo h3 { padding: 10px 0 20px; position: relative; }
  #kyoryokudaikon .demo h3::before { content: ''; width: 100%; height: 30px; background-image: linear-gradient(90deg, #0e0e0f 0%, #0e0e0f 33%, #d87d06 33%, #d87d06 66%, #3a7752 66%, #3a7752 100%); background-size: 60px 60px; position: absolute; top: 0; left: 0; }
  #kyoryokudaikon .demo h3::after { content: ''; width: 100%; height: 9px; background-color: transparent; background-image: linear-gradient(-45deg, transparent 0%, transparent 25%, #cbb796 25%, #cbb796 50%, transparent 50%, transparent 75%,#cbb796 75%, #cbb796 100%); background-size: 6px 6px; border-radius: 0; position: absolute; top: auto; bottom: 0; left: 0; }
  #kyoryokudaikon .demo h3 img { position: relative; }
  */
}

@media only screen and (max-width: 896px) {
  #kyoryokudaikon {
    padding: 0;
    text-align: justify;
  }
  #kyoryokudaikon .pc,
  .kyoryokudaikon-wrap .pc {
    display: none !important;
  }
  #kyoryokudaikon .special-intro { padding: 0 10px; }
  #kyoryokudaikon h3,
  .kyoryokudaikon-wrap h3 {
    padding: 0;
    margin: 0;
    text-align: center;
  }
  #kyoryokudaikon h3::after,
  .kyoryokudaikon-wrap h3::after {
    content: none;
  }
  #kyoryokudaikon .btn {
    display: block;
    margin: 0 10px;
    line-height: 1.3;
    border: 2px solid #938675;
    border-radius: 50px;
    color: #443829;
    font-weight: bold;
    padding: 10px 0 9px;
    background: url(../../common/img/ar_down.png) no-repeat 95%;
  }
  #kyoryokudaikon .kyoryokudaikon-bg {
    background: url(../img/bg_contents.jpg) repeat-y center;
  }
  #kyoryokudaikon p { font-size: 18px; }
  /* feature */
  #kyoryokudaikon #feature { padding-bottom: 20px; overflow: hidden; }
  #kyoryokudaikon #feature h3 { margin-bottom: 15px; }
  #kyoryokudaikon #feature h4 { margin: 0 10px; }
  #kyoryokudaikon #feature p strong { font-weight: bold; border-bottom: 2px solid #e60012; }
  #kyoryokudaikon #feature .notes { font-size: 14px; text-align: center; margin: 5px 0 0; }
  #kyoryokudaikon #feature .img { margin: 10px 0 0; text-align: center; }
  #kyoryokudaikon #feature .img img { height: auto; }
  #kyoryokudaikon #feature .box_feature { margin: 10px 0 30px; padding: 0 10px; }
  #kyoryokudaikon #feature .box_feature:last-of-type { margin: 10px 0 0; }
  #kyoryokudaikon #feature .wrap_feature { margin: 10px 0 0; display: flex; justify-content: space-between; position: relative; }
  #kyoryokudaikon #feature .wrap_feature .img { margin: 0; width: 49%; }
  #kyoryokudaikon #feature .wrap_feature .label { position: absolute; bottom: -10px; right: -15px; width: 120px; }
  #kyoryokudaikon #feature .wrap_feature .fukidashi { padding: 0 0 10px; border-radius: 8px; margin: 0 0 10px; text-align: center; position: relative; }
  #kyoryokudaikon #feature .wrap_feature .img:nth-child(1) .fukidashi { background-color: #8e8e90; }
  #kyoryokudaikon #feature .wrap_feature .img:nth-child(2) .fukidashi { background-color: #e60012; }
  #kyoryokudaikon #feature .wrap_feature .img:nth-child(1) .fukidashi img { width: 129px; }
  #kyoryokudaikon #feature .wrap_feature .img:nth-child(2) .fukidashi img { width: 134px; }
  #kyoryokudaikon #feature .wrap_feature .fukidashi::after { content: ''; width: 0; height: 0; border-style: solid; border-width: 10px 5px 0 5px; position: absolute; bottom: -10px; left: calc(50% - 5px); }
  #kyoryokudaikon #feature .wrap_feature .img:nth-child(1) .fukidashi::after { border-color: #8e8e90 transparent transparent transparent; }
  #kyoryokudaikon #feature .wrap_feature .img:nth-child(2) .fukidashi::after { border-color: #e60012 transparent transparent transparent; }
  /* series */
  #kyoryokudaikon #series { margin: 30px 0; padding-bottom: 20px; }
  #kyoryokudaikon #series .img { margin: 10px 10px 0; text-align: center; }
  #kyoryokudaikon #series .box_series { padding: 0 10px; position: relative; }
  #kyoryokudaikon #series .box_series.type01 { padding-top: 60px; background: url(../img/sp/bg_series01.png) no-repeat center top / contain; }
  #kyoryokudaikon #series .box_series.type02 { margin-top: 20px; background: url(../img/sp/bg_series02.png) no-repeat center top / contain; }
  #kyoryokudaikon #series h4 { text-align: center; }
  #kyoryokudaikon #series .type01 h4 img { width: 326px; }
  #kyoryokudaikon #series .type02 h4 img { width: 328px; }
  #kyoryokudaikon #series p { margin: 10px 0 0; font-size: 14px; }
  #kyoryokudaikon #series .box_series .img { margin: 10px 0 0; }
  #kyoryokudaikon #series .box_series .label { position: absolute; top: 30px; left: -5px; width: 70.5px; }
  /* howto */
  #kyoryokudaikon #howto { margin: 30px 0 0; padding-bottom: 20px; }
  #kyoryokudaikon #howto h4 { margin: 0 0 20px; padding: 5px 0 10px; text-align: center; position: relative; }
  #kyoryokudaikon #howto h4::after { content: ''; width: calc(100% + 40px); height: 2px; background-color: #f4f0ea; position: absolute; bottom: 0; left: -20px; }
  #kyoryokudaikon #howto h5 { margin: 20px 0 0; }
  #kyoryokudaikon #howto p { margin: 10px 0 0; text-align: center; }
  #kyoryokudaikon #howto .headline { position: absolute; top: -10px; left: 10px; width: 41px; z-index: 5; }
  #kyoryokudaikon #howto .box_howto { margin: 30px 10px 0; padding: 5px 15px 20px; background-color: #fff; position: relative; }
  #kyoryokudaikon #howto .wrap_howto { margin: 10px 0 0; }
  #kyoryokudaikon #howto .wrap_howto ol { margin: 10px 0 0; list-style: none; }
  #kyoryokudaikon #howto .wrap_howto li { font-size: 18px; text-indent: -1.3em; margin-left: 1.3em; line-height: 1.5; }
  #kyoryokudaikon #howto .wrap_howto p { margin: 0; text-align: left; text-indent: -1.3em; margin-left: 1.3em; }
  #kyoryokudaikon #howto .wrap_howto p.notes { font-size: 14px; }
  #kyoryokudaikon #howto .wrap_howto strong { font-weight: bold; }
  #kyoryokudaikon #howto dl { margin: 50px 0 0; border: 2px solid #3a7752; border-top: none; }
  #kyoryokudaikon #howto dt { color: #fff; font-size: 17px; font-weight: bold; text-align: center; line-height: 1.0; background-color: #3a7752; padding: 10px 0; position: relative; }
  #kyoryokudaikon #howto dt::after { content: ''; width: 60.5px; height: 77px; background: url(../img/sp/label_howto.png) no-repeat center / 60.5px; position: absolute; top: -30px; left: -10px; }
  #kyoryokudaikon #howto dd { font-size: 18px; padding: 15px; }
  #kyoryokudaikon #howto .color { color: #3a7752; font-weight: bold; }
  #kyoryokudaikon #howto .sec01 h4 img { height: 35px;width: auto; }
  #kyoryokudaikon #howto .sec02 h4 img { height: 35px;width: auto; }
  #kyoryokudaikon #howto .sec03 h4 img { height: 35px;width: auto; }
  #kyoryokudaikon #howto .sec04 h4 img { height: 35px;width: auto; }
  #kyoryokudaikon #howto .sec05 h4 img { height: 35px;width: auto; }
  #kyoryokudaikon #howto .sec01 .wrap_howto .img { text-align: center; }
  #kyoryokudaikon #howto .sec01 .wrap_howto .img img { width: 50%; }
  #kyoryokudaikon #howto .sec02 .wrap_howto,
  #kyoryokudaikon #howto .sec03 .wrap_howto { display: flex; justify-content: space-between; align-items: flex-start; align-items: center; }
  #kyoryokudaikon #howto .sec02 .wrap_howto:nth-of-type(odd) { flex-direction: row-reverse; }
  #kyoryokudaikon #howto .sec02 .wrap_howto .txt,
  #kyoryokudaikon #howto .sec03 .wrap_howto .txt { width: 50%; }
  #kyoryokudaikon #howto .sec02 .wrap_howto .img,
  #kyoryokudaikon #howto .sec03 .wrap_howto .img { width: 50%; padding: 0 20px; text-align: center; }
  #kyoryokudaikon #howto .sec03 .wrap_howto:nth-of-type(even) { flex-direction: row-reverse; }
  #kyoryokudaikon #howto .sec04 .wrap_howto .img { text-align: center; }
  #kyoryokudaikon #howto .sec04 .wrap_howto .img img { width: 50%; }
  #kyoryokudaikon #howto .sec04 .wrap_howto .img.sp { margin-top: 10px; }
  #kyoryokudaikon #howto .sec04 .wrap_howto p { margin-top: 10px; }
  #kyoryokudaikon #howto .sec04 .wrap_howto p.notes { margin-top: 0; margin-bottom: 15px; }
  #kyoryokudaikon #howto .sec05 .wrap_howto { display: flex; justify-content: space-between; align-items: flex-start; align-items: flex-end;  flex-direction: row-reverse; }
  #kyoryokudaikon #howto .sec05 .wrap_howto .img { text-align: center; position: relative; }
  #kyoryokudaikon #howto .sec05 .wrap_howto .img:nth-child(1) { width: 50%; padding-bottom: 2.0em; }
  #kyoryokudaikon #howto .sec05 .wrap_howto .img:nth-child(2) { width: calc(50% - 10px); }
  #kyoryokudaikon #howto .sec05 .wrap_howto .img:nth-child(1) img { padding-left: 5px; }
  #kyoryokudaikon #howto .sec05 .wrap_howto .img:nth-child(2) img { padding-left: 20px; padding-right: 40px; }
  #kyoryokudaikon #howto .sec05 .wrap_howto .label { position: absolute; }
  #kyoryokudaikon #howto .sec05 .wrap_howto .img:nth-child(1) .label { top: 30px; left: 0; width: 64.5px; }
  #kyoryokudaikon #howto .sec05 .wrap_howto .img:nth-child(2) .label { top: 50px; right: -5px; width: 67px; }
  #kyoryokudaikon #howto .sec05 .wrap_howto .img:nth-child(1) .label img,
  #kyoryokudaikon #howto .sec05 .wrap_howto .img:nth-child(2) .label img { padding: 0; }
  #kyoryokudaikon #howto .sec05 .wrap_howto p { text-indent: 0; margin: 15px 0 0; }

  .kyoryokudaikon-wrap { margin: 30px 15px 20px; }

  .event-bottom-banners { margin: 4vw; }
  .event-bottom-banners ul li:not(:last-child) { margin: 0 0 10px; }

  .block-goods-detail-j--default-price.default-price { display: none; }
}
@media only screen and (max-width: 410px) {
  #kyoryokudaikon #series .type01 h4 img,
  #kyoryokudaikon #series .type02 h4 img { width: 100%; }
  #kyoryokudaikon #howto dt { font-size: 16px; padding-left: 40px; }
  #kyoryokudaikon #howto .sec05 .wrap_howto .img:nth-child(1) { padding-bottom: 4.0em; }
  #kyoryokudaikon #howto .sec05 .wrap_howto .img:nth-child(1) .label { top: 20px; left: -10px; }
  #kyoryokudaikon #howto .sec05 .wrap_howto .img:nth-child(2) .label { top: 30px; right: -10px; }
}
@media only screen and (max-width: 320px) {
  #kyoryokudaikon #howto .sec05 .wrap_howto .img:nth-child(1) .label { top: 0; }
  #kyoryokudaikon #howto .sec05 .wrap_howto .img:nth-child(2) .label { top: 0; }
}