@charset "utf-8";
/*
 set break point
 */
/*
 Width / Height Settings
 */
/*
 SP Liquid Value
 */
/*
 PC Liquid Value
 */
/*
 Line Height
 */
@media screen and (max-width: 750px) {
  /*------------------------------------------------------------------------------------------
   *
   *
   story_sp.css
   *
   *
   ------------------------------------------------------------------------------------------ */
  /*------------------------------------------------------------------------------------------
   *
   *
   max-width : 750px
   *
   *
   ------------------------------------------------------------------------------------------ */
  /*---------------------------------------
   *
   #input_wrap
   *
   --------------------------------------- */
  .isIE th, .isIE dt {
    text-align: left;
  }
  #content_inner {
    padding: 8vw 4vw;
    overflow-x: hidden;
  }
  #page_contact #sub_kv img {
    opacity: 1 !important;
    visibility: visible !important;
  }
  #page_contact .bg_inner {
    display: none;
  }
  #input_wrap {
    padding-top: 5.33333vw;
    margin: 0 auto;
  }
  #input_wrap th, #input_wrap td, #input_wrap p, #input_wrap li, #input_wrap input, #input_wrap textaraa, #input_wrap select, #input_wrap radio {
    letter-spacing: 0.12em;
  }
  #input_wrap h3 {
    letter-spacing: 0.12em;
    font-weight: bold;
    padding-bottom: 2.66667vw;
    border-bottom: 0.53333vw solid #000;
    position: relative;
  }
  #input_wrap h3 .s {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: normal !important;
  }
  #input_wrap h3 .s .r {
    color: #ff4242;
  }
  #input_wrap .req {
    color: #ff4242;
  }
  #input_wrap select, #input_wrap input, #input_wrap textarea {
    border: 1px solid #c1bfa5;
    transition: border 0.15s ease;
    box-sizing: border-box;
    background-color: #fff;
  }
  #input_wrap select:focus, #input_wrap input:focus, #input_wrap textarea:focus {
    border-color: #8b8866;
  }
  .is_pc #input_wrap select:hover, .is_pc #input_wrap input:hover, .is_pc #input_wrap textarea:hover {
    border-color: #8b8866;
  }
  .is_sp #input_wrap select.touch, .is_sp #input_wrap input.touch, .is_sp #input_wrap textarea.touch {
    border-color: #8b8866;
  }
  #s_contact {
    padding-top: 5vw;
    padding-bottom: 5vw;
    border-bottom: 1px dashed #c1bfa5;
  }
  #s_contact .radio_wrap {
    margin-top: 3.33333vw;
    margin-bottom: 1.66667vw;
    position: relative;
  }
  #s_contact h4 {
    font-weight: bold;
  }
  #s_contact .m_list > div {
    width: 100%;
    height: 32vw;
    margin-bottom: 2.5vw;
    padding-top: 5.33333vw;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    border: 1px solid #c1bfa5;
    background-color: #fff;
    border-radius: 1.66667vw;
    transition: border 0.15s ease;
  }
  #s_contact .m_list > div.on {
    border: 1px solid #ff4242;
  }
  .is_pc #s_contact .m_list > div:hover {
    border: 1px solid #ff4242;
  }
  .is_sp #s_contact .m_list > div.touch {
    border: 1px solid #ff4242;
  }
  #s_contact .m_list > div h4 {
    padding-left: 9.16667vw;
    letter-spacing: 0.12em;
    margin-left: 3.33333vw;
    margin-bottom: 2.66667vw;
    font-weight: bold;
    letter-spacing: 0.12em;
    position: relative;
    left: -0.83333vw;
  }
  #s_contact .m_list > div h4:before {
    content: '';
    width: 6.66667vw !important;
    max-width: 80px !important;
    height: 6.66667vw !important;
    max-height: 80px !important;
    border: 1px solid #c9c7b0;
    border-radius: 6.66667vw;
    background-color: #fff;
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: -1.06667vw;
    left: 0;
  }
  #s_contact .m_list > div h4:after {
    display: none;
    content: '';
    width: 3.33333vw !important;
    max-width: 40px !important;
    height: 3.33333vw !important;
    max-height: 40px !important;
    border-radius: 3.33333vw;
    background-color: #ff4242;
    box-sizing: border-box;
    position: absolute;
    top: 0.5vw;
    left: 1.66667vw;
  }
  #s_contact .m_list > div.on h4:after {
    display: block !important;
  }
  #s_contact .m_list > div .desc {
    margin-left: 3.33333vw;
    padding-right: 2.66667vw;
    color: #5d5d5d;
    letter-spacing: 0.12em;
    line-height: 1.6em;
  }
  #s_contact .m_list > div .img_w {
    padding: 0 5.83333vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #s_contact .m_list > div .img_w .desc {
    padding-left: 3.33333vw;
  }
  #s_contact .m_list > div .img_w h5 {
    margin-top: -1.66667vw;
    font-weight: bold;
    margin-bottom: 1.66667vw;
    line-height: 1.5em;
  }
  #s_contact .m_list > div .img_w p {
    line-height: 1.5em;
  }
  #s_contact .check_m {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
  }
  #s_contact .check_m .mwform-radio-field label {
    display: block;
    width: 100%;
    height: 32vw;
    margin-bottom: 2.5vw;
    padding-top: 5.33333vw;
    box-sizing: border-box;
    border: 1px solid #c1bfa5;
    border-radius: 1.66667vw;
    transition: border 0.15s ease;
    cursor: pointer;
  }
  #s_contact .check_m .mwform-radio-field label.on {
    border: 1px solid #ff4242;
  }
  .is_pc #s_contact .check_m .mwform-radio-field label:hover {
    border: 1px solid #ff4242;
  }
  .is_sp #s_contact .check_m .mwform-radio-field label.touch {
    border: 1px solid #ff4242;
  }
  #s_contact .check_m .mwform-radio-field label span {
    display: none;
  }
  #contact_body {
    padding-top: 8vw;
    padding-bottom: 16vw;
  }
  #contact_body dt {
    font-weight: bold;
    letter-spacing: 0.12em;
    margin-bottom: 4vw;
  }
  #contact_body dt .s {
    margin-top: 2.66667vw;
    display: block;
    font-weight: normal;
    line-height: 1.6em;
  }
  #contact_body dd textarea {
    width: 100%;
    height: 53.33333vw;
    padding: 2.66667vw 4vw;
    box-sizing: border-box;
    font-size: 4.26667vw;
  }
  #section_user {
    margin-bottom: 16vw;
  }
  #section_user h3 {
    margin-bottom: 5.33333vw;
  }
  #section_user table {
    width: 100%;
    text-align: left;
    display: block;
    box-sizing: border-box;
  }
  #section_user tr {
    display: block;
    border-bottom: 0.26667vw dashed #c1bfa5;
  }
  #section_user tr:last-child {
    border: none;
  }
  #section_user th {
    width: 69.33333vw;
    min-width: 69.33333vw;
    padding: 5.33333vw 0 0 0;
    font-weight: bold;
    display: block;
    letter-spacing: 0.12em;
    vertical-align: middle;
  }
  #section_user th .s {
    margin-left: 2.66667vw;
    font-size: 3.2vw;
    font-weight: normal;
  }
  #section_user th .notice {
    margin-top: 2.66667vw;
    display: block;
    line-height: 1.71429em;
    font-weight: normal;
  }
  #section_user td {
    width: 92vw;
    min-width: 92vw;
    display: block;
    padding: 5.33333vw 0;
    vertical-align: middle;
  }
  #section_user td input {
    width: 100%;
    height: 12vw;
    padding-left: 4vw;
    font-size: 4.26667vw;
    letter-spacing: 0.12em;
  }
  #section_user td .c2 {
    display: flex;
    justify-content: space-between;
    position: relative;
  }
  #section_user td .c2 input {
    width: 42.66667vw;
  }
  #section_user td .c2 input:nth-child(2) {
    position: absolute;
    right: 0;
    top: 0;
  }
  #section_user .f_zip {
    display: flex;
  }
  #section_user .f_zip .n {
    display: flex;
  }
  #section_user .f_zip .n input {
    text-align: left;
  }
  #section_user .f_zip .n p:nth-child(1) {
    position: relative;
    padding-right: 8vw;
  }
  #section_user .f_zip .n p:nth-child(1) input {
    width: 17.33333vw;
  }
  #section_user .f_zip .n p:nth-child(1):after {
    content: '-';
    width: 8vw;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
  }
  #section_user .f_zip .n p:nth-child(2) {
    margin-right: 5.33333vw;
  }
  #section_user .f_zip .n p:nth-child(2) input {
    width: 20vw;
  }
  #section_user .f_zip .btn_search {
    width: 48vw;
    height: 9.6vw;
    margin-top: 1.33333vw;
    font-size: 3.2vw;
    display: flex;
    border-radius: 9.6vw;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: bold;
    background-color: #c1bfa5;
    border: 1px solid #c1bfa5;
    box-sizing: border-box;
    color: #fff;
    letter-spacing: 0;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
    position: relative;
    left: -1.33333vw;
  }
  .is_pc #section_user .f_zip .btn_search:hover {
    background-color: #fff;
    color: #c1bfa5;
  }
  .is_sp #section_user .f_zip .btn_search.touch {
    background-color: #fff;
    color: #c1bfa5;
  }
  #section_user .add1, #section_user .add2 {
    margin-bottom: 5.33333vw;
  }
  #section_user .add1 {
    position: relative;
    display: inline-block;
  }
  #section_user .add1 select {
    width: 44.8vw;
    height: 12vw;
    font-size: 4.26667vw;
    color: #000;
    padding-left: 4vw;
    position: relative;
  }
  #section_user .add1 select option {
    color: #000;
  }
  #section_user .add1:after {
    content: '';
    display: block;
    width: 6.4vw;
    height: calc(100% - 2px);
    background-color: #c1bfa5;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/buy/select_arrow.svg);
    position: absolute;
    top: 1px;
    right: 1px;
    transition: background 0.15s ease;
  }
  #section_user .notes {
    margin-top: 2.66667vw;
  }
  #section_user textarea {
    padding: 2.66667vw 4vw;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 40vw;
    line-height: 1.625em;
    font-size: 4.26667vw;
  }
  #section_enquete h3 {
    margin-bottom: 5.33333vw;
  }
  #section_enquete .txt {
    margin-bottom: 10.66667vw;
    line-height: 1.6em;
  }
  #section_enquete li {
    padding-bottom: 5.33333vw;
    margin-bottom: 5.33333vw;
    border-bottom: 1px dashed #c1bfa5;
  }
  #section_enquete li:last-child {
    padding-bottom: 10.66667vw;
    border-bottom: 1px solid #c1bfa5;
  }
  #section_enquete li h4 {
    font-weight: bold;
    line-height: 1.6em;
  }
  #section_enquete li .mwform-checkbox-field {
    margin-top: 5.33333vw;
    margin-right: 2.66667vw;
    display: inline-block;
    letter-spacing: 0.12em;
    position: relative;
  }
  #section_enquete li .mwform-checkbox-field .mwform-checkbox-field-text {
    padding-left: 6.66667vw;
    position: relative;
  }
  #section_enquete li .mwform-checkbox-field .mwform-checkbox-field-text:before {
    content: '';
    display: block;
    width: 4.8vw;
    height: 4.8vw;
    background-color: #fff;
    border: 1px solid #c1bfa5;
    border-radius: 0.53333vw;
    background-image: url(../images/buy/ico_check.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0;
    position: absolute;
    top: -0.13333vw;
    left: 0;
  }
  #section_enquete li .mwform-checkbox-field input:checked + .mwform-checkbox-field-text:before {
    background-size: 3.73333vw;
  }
  #section_enquete li .misc {
    margin-top: 5.33333vw;
  }
  #section_enquete li .misc input {
    width: 100%;
    height: 12vw;
    padding-left: 4vw;
    font-size: 4.26667vw;
    letter-spacing: 0.12em;
  }
  #section_enquete li textarea {
    width: 100%;
    height: 40vw;
    margin-top: 4vw;
    padding: 2.66667vw 4vw;
    letter-spacing: 0.12em;
    font-size: 4.26667vw;
    line-height: 1.625em;
  }
  #section_enquete li .notice {
    margin-top: 4vw;
    font-size: 3.73333vw;
    line-height: 1.6em;
  }
  #btm_btn {
    padding-top: 4.66667vw;
    padding-bottom: 13.33333vw;
    text-align: center;
  }
  #btm_btn .btn_list {
    justify-content: center;
    align-items: center;
  }
  #btm_btn .btn_list .back input {
    width: 37.33333vw;
    height: 18.66667vw;
    background-color: #a0a0a0;
    background-repeat: no-repeat;
    background-position: 8vw center;
    background-image: url(../images/buy/back_arrow.svg);
    background-size: 3.46667vw;
    text-indent: 8vw;
  }
  #btm_btn input[type="submit"] {
    width: 82.66667vw;
    height: 21.33333vw;
    margin-bottom: 10.66667vw;
    background-color: #000;
    border-radius: 26.66667vw;
    font-size: 4.8vw;
    border: none;
    letter-spacing: 0.12em;
    font-weight: bold;
    color: #fff;
    transition: background 0.15s ease;
    cursor: pointer;
  }
  .is_pc #btm_btn input[type="submit"]:hover {
    background-color: #c1bfa5;
  }
  .is_sp #btm_btn input[type="submit"].touch {
    background-color: #c1bfa5;
  }
  #btm_btn .notes a {
    line-height: 2em;
    padding-bottom: 0.26667vw;
    border-bottom: 1px solid #000;
    transition: border 0.15s ease;
  }
  .is_pc #btm_btn .notes a:hover {
    border: 0 solid #000;
  }
  .is_sp #btm_btn .notes a.touch {
    border: 0 solid #000;
  }
  .isIE .notes svg {
    width: 1.8vw;
    height: 1.53333vw;
  }
  #page_contact.thanks #content_inner {
    padding: 0 5.33333vw;
    padding-top: 16vw;
    overflow: hidden;
  }
  #page_contact.thanks #content_inner h3 {
    margin-bottom: 5.33333vw;
    letter-spacing: 0.12em;
    font-weight: bold;
    padding-bottom: 2.66667vw;
    border-bottom: 0.53333vw solid #000;
    position: relative;
  }
  #page_contact.thanks #content_inner .desc p {
    line-height: 1.75em;
    margin-bottom: 1.5em;
    letter-spacing: 0.12em;
  }
  #page_contact.thanks #content_inner .desc p a {
    padding-bottom: 0.53333vw;
    border-bottom: 1px solid #000;
    transition: border 0.15s ease;
  }
  .is_pc #page_contact.thanks #content_inner .desc p a:hover {
    border: 0 solid #000;
  }
  .is_sp #page_contact.thanks #content_inner .desc p a.touch {
    border: 0 solid #000;
  }
  #page_contact.thanks #content_inner .backtop {
    width: 80vw;
    height: 18.66667vw;
    margin: 16vw auto;
  }
  #page_contact.thanks #content_inner .backtop a {
    width: 80vw;
    height: 18.66667vw;
    margin-bottom: 10.66667vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
    border-radius: 26.66667vw;
    font-size: 4.8vw;
    border: none;
    letter-spacing: 0.12em;
    font-weight: bold;
    color: #fff;
    transition: background 0.15s ease;
    cursor: pointer;
  }
  .is_pc #page_contact.thanks #content_inner .backtop a:hover {
    background-color: #c1bfa5;
  }
  .is_sp #page_contact.thanks #content_inner .backtop a.touch {
    background-color: #c1bfa5;
  }
  .t_confirm {
    width: 109.33333vw;
    padding-top: 2.66667vw;
    margin: 0 auto;
    margin-top: -2.66667vw;
    margin-bottom: 2.66667vw;
  }
  input.error {
    border-color: #ff4242 !important;
  }
  .formErrorContent, span.error, .formError {
    visibility: hidden;
    font-size: 0;
    position: fixed;
    top: -200vw;
    display: none;
  }
  .mw_wp_form_confirm p, .mw_wp_form_confirm div, .mw_wp_form_confirm th, .mw_wp_form_confirm td, .mw_wp_form_confirm li {
    word-break: break-all;
  }
  .mw_wp_form_confirm #s_contact h4 {
    display: none;
  }
  .mw_wp_form_confirm #s_contact .notes {
    display: none;
  }
  .mw_wp_form_confirm #s_contact .m_list .v {
    display: none;
  }
  .mw_wp_form_confirm #s_contact .check_m {
    font-size: 4.8vw;
    margin-bottom: 2.66667vw;
    position: relative;
  }
  .mw_wp_form_confirm #contact_body .s {
    display: none;
  }
  .mw_wp_form_confirm #contact_body dd {
    font-size: 4.26667vw;
    line-height: 1.75em;
  }
  .mw_wp_form_confirm #s_machine h4 {
    display: none;
  }
  .mw_wp_form_confirm #s_machine .notes {
    display: none;
  }
  .mw_wp_form_confirm #s_machine .m_list .v {
    display: none;
  }
  .mw_wp_form_confirm #s_machine .check_m {
    position: relative;
    display: inherit;
    font-size: 4.26667vw;
    letter-spacing: 0.12em;
  }
  .mw_wp_form_confirm #s_machine .check_m:before {
    content: '商品：';
    display: inline-block;
    font-size: 4.26667vw;
    font-weight: bold;
  }
  .mw_wp_form_confirm #s_amount dl {
    display: table;
  }
  .mw_wp_form_confirm #s_amount dt, .mw_wp_form_confirm #s_amount dd {
    display: table-cell;
    margin: 0;
  }
  .mw_wp_form_confirm #s_amount .req {
    display: none;
  }
  .mw_wp_form_confirm #s_amount dt:after {
    content: '：';
    font-weight: bold;
  }
  .mw_wp_form_confirm td {
    padding-top: 1.33333vw !important;
  }
  .mw_wp_form_confirm th, .mw_wp_form_confirm td {
    line-height: 1.75em;
  }
  .mw_wp_form_confirm th .s {
    display: none;
  }
  .mw_wp_form_confirm .f_zip .n {
    align-items: center;
  }
  .mw_wp_form_confirm .f_zip .n p:nth-child(1) {
    padding-right: 0 !important;
  }
  .mw_wp_form_confirm .f_zip .n p:nth-child(1):after {
    display: none !important;
  }
  .mw_wp_form_confirm .f_zip .n p:nth-child(2):before {
    content: '-';
  }
  .mw_wp_form_confirm .f_zip .btn_search {
    display: none !important;
  }
  .mw_wp_form_confirm .add1, .mw_wp_form_confirm .add2, .mw_wp_form_confirm .add3 {
    margin-bottom: 0 !important;
    display: inline-block !important;
  }
  .mw_wp_form_confirm .add1 .notes, .mw_wp_form_confirm .add2 .notes, .mw_wp_form_confirm .add3 .notes {
    display: none;
  }
  .mw_wp_form_confirm .add1:after, .mw_wp_form_confirm .add2:after, .mw_wp_form_confirm .add3:after {
    display: none !important;
  }
  .mw_wp_form_confirm #section_enquete h3 {
    margin-bottom: 5.33333vw;
  }
  .mw_wp_form_confirm #section_enquete .txt {
    display: none;
  }
  .mw_wp_form_confirm #section_enquete h4 {
    margin-bottom: 2.66667vw;
  }
  .mw_wp_form_confirm #section_enquete h4 span {
    display: none;
  }
  .mw_wp_form_confirm #section_enquete div, .mw_wp_form_confirm #section_enquete p {
    line-height: 1.75em;
  }
  .mw_wp_form_confirm #section_enquete .notice {
    display: none;
  }
}
/* -------------------------------------------------- */