/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*ページ*/
#primary.page-orpuchi {
    background-color: #E8F5FA;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    color: #2E2E2E;
}

/*パンくず*/
.page-orpuchi .order-page__bn_top {
    margin: 0;
}

.page-orpuchi #main .breadcrumb {
    margin-bottom: 0;
}

/*メインイメージ*/
.top-image-orpuchi {
    margin-bottom: .375rem;
    background-color: #fff;
    position: relative;
}

.top-image-orpuchi__copy {
    background-color: #006790;
    color: #fff;
    font-weight: bold;
    height: 1.75rem;
    line-height: 1.75rem;
    padding-left: 15px;
    border-bottom: 2px solid #11485C;
    border-radius: 0 15px 0 0;
}

.top-image-orpuchi__txt {
    position: absolute;
    top: 60px;
    left: 210px;
    color: #11485C;
    line-height: 1.125;
}

/*セクション*/
.main-contents-orpuchi__section {
    margin: 0 .9375rem 1.125rem;
}

.main-contents-orpuchi__section h3 {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: bold;
    font-size: 1.125rem;
    letter-spacing: -0.03rem;
    position: relative;
    margin-left: 44px;
    padding-top: 7px;
    height: 40px;
    color: #2E2E2E;
}

.main-contents-orpuchi__section h3:before {
    content: '';
    width: 100%;
    height: 12px;
    display: block;
    background: url(/wp-content/uploads/2022/06/midashi-wave4.png) repeat-x;
    position: absolute;
    bottom: -2px;
}

.main-contents-orpuchi__section h3 > .num-img {
    display: block;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    left: -44px;
}

.main-contents-orpuchi__section_01 h3 > .num-img {
    background: url(/wp-content/uploads/2022/06/midashi-01.png) no-repeat top/contain;
}

.main-contents-orpuchi__section_02 h3 > .num-img {
    background: url(/wp-content/uploads/2022/06/midashi-02.png) no-repeat top/contain;
}

.main-contents-orpuchi__section_03 h3 > .num-img {
    background: url(/wp-content/uploads/2022/06/midashi-03.png) no-repeat top/contain;
}

.main-contents-orpuchi__section_04 h3 > .num-img {
    background: url(/wp-content/uploads/2022/06/midashi-04.png) no-repeat top/contain;
}

.main-contents-orpuchi__section_05 h3 > .num-img {
    background: url(/wp-content/uploads/2022/06/midashi-05.png) no-repeat top/contain;
}

.main-contents-orpuchi__section h3 > .text-color {
    color: #006790;
}

.main-contents-orpuchi__section h4 {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: bold;
    font-size: 1rem;
    letter-spacing: -0.03rem;
    position: relative;
    line-height: 1.75rem;
    border-left: 4px solid #0087BC;
    padding-left: 8px;
    color: #2E2E2E;
    margin-bottom: 0;
}

.main-contents-orpuchi__section h4 .main-contents-orpuchi__section__help {
    padding-left: 1rem;
}

.main-contents-orpuchi__section h4 .main-contents-orpuchi__section__help .modal-open {
    font-weight: normal;
    color: #000000;
    text-decoration: underline;
    -webkit-text-decoration-color: #0087BC;
            text-decoration-color: #0087BC;
    cursor: pointer;
}

.main-contents-orpuchi__section__help .material-symbols-outlined {
    color: #CFEEFA;
    position: relative;
    z-index: 0;
    font-size: 24px;
    vertical-align: top;
    margin-right: 2px;
}

.main-contents-orpuchi__section__help .material-symbols-outlined:before {
    content: '';
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    background-color: #707070;
    z-index: -1;
    border-radius: 20px;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}


/*共通*/
.main-contents-orpuchi__section__radio .orpuchi-form-control-wrap {
    display: block;
}

.main-contents-orpuchi__section__radio .orpuchi-radio {
    overflow: hidden;
}

.main-contents-orpuchi__section__radio .orpuchi-list-item label {
    width: 100%;
    height: 0;
    position: relative;
    cursor: pointer;
    border-radius: 10px;
}

.main-contents-orpuchi__section__radio .orpuchi-list-item-label {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    display: block;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    background-color: #fff;
    border: 1px solid #006790;
    border-radius: 10px;
    letter-spacing: -0.1rem;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
}

.main-contents-orpuchi__section__radio input:checked+.orpuchi-list-item-label {
    border: 2px solid #006790;
    background-color: #CFEEFA;
}

.main-contents-orpuchi__section__radio label:hover .orpuchi-list-item-label {
    background-color: #CFEEFA;
}

.main-contents-orpuchi__section__radio input {
    position: absolute;
    white-space: nowrap;
    width: 1px;
    height: 1px;
    overflow: hidden;
    border: 0;
    padding: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    margin: -1px;
}

.main-contents-orpuchi__section__select {
    overflow: hidden;
    height: 34px;
    margin-top: .825rem;
}

.main-contents-orpuchi__section__select label, .main-contents-orpuchi__section__select span.orpuchi-form-control-wrap {
    float: left;
    display: block;
}

.main-contents-orpuchi__section__select label {
    width: 35.85657370517928%;
    font-size: .875rem;
    padding-left: 46px;
    position: relative;
    line-height: 34px;
}

.main-contents-orpuchi__section__select label:before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background-color: #6DC7EA;
    border-radius: 6px;
    position: absolute;
    top: 9.5px;
    left: 29px;
}

.main-contents-orpuchi__section__select span.orpuchi-form-control-wrap {
    width: 64.1434262%;
}

.main-contents-orpuchi__section__select .orpuchi-select {
    max-width: 280px;
    font-size: .825rem;
    font-weight: bold;
    height: 2rem;
    padding-left: 1.25rem;
    line-height: 1;
    border: 1px solid #B2B4B5;
    border-radius: 5px;
    cursor: pointer;
    background-color: #CFEEFA;
}

.main-contents-orpuchi__section__select .orpuchi-select:focus {
    background-color: #fff;
    border: 1px solid #006790;
}

.main-contents-orpuchi__section__number {
    width: 46.2151394422%;
    float: right;
    overflow: hidden;
    margin-top: .825rem;
}

.main-contents-orpuchi__section__number > span {
    display: block;
    float: left;
    width: 100px;
}

.main-contents-orpuchi__section__number .orpuchi-form-control-wrap input {
    font-size: .875rem;
    font-weight: bold;
    height: 2rem;
    padding: .5rem 0 .5rem 1.25rem;
    line-height: 1;
    border: 1px solid #006790;
    border-radius: 5px;
    color: #2E2E2E;
    margin-bottom: 0;
}

.main-contents-orpuchi__section__number .orpuchi-form-control-wrap input::-webkit-input-placeholder {
    color: #aaa;
}

.main-contents-orpuchi__section__number .orpuchi-form-control-wrap input::-moz-placeholder {
    color: #aaa;
}

.main-contents-orpuchi__section__number .orpuchi-form-control-wrap input:-ms-input-placeholder {
    color: #aaa;
}

.main-contents-orpuchi__section__number .orpuchi-form-control-wrap input::-ms-input-placeholder {
    color: #aaa;
}

.main-contents-orpuchi__section__number .orpuchi-form-control-wrap input::placeholder {
    color: #aaa;
}

.main-contents-orpuchi__section__number .orpuchi-form-control-wrap input:not(:-moz-placeholder-shown) {
    background-color: #CFEEFA;
    border-color: #B2B4B5;
}

.main-contents-orpuchi__section__number .orpuchi-form-control-wrap input:not(:-ms-input-placeholder) {
    background-color: #CFEEFA;
    border-color: #B2B4B5;
}

.main-contents-orpuchi__section__number .orpuchi-form-control-wrap input:not(:placeholder-shown) {
    background-color: #CFEEFA;
    border-color: #B2B4B5;
}

.main-contents-orpuchi__section__number .orpuchi-form-control-wrap input:-moz-placeholder-shown {
    background-color: #fff;
}

.main-contents-orpuchi__section__number .orpuchi-form-control-wrap input:-ms-input-placeholder {
    background-color: #fff;
}

.main-contents-orpuchi__section__number .orpuchi-form-control-wrap input:placeholder-shown {
    background-color: #fff;
}

.main-contents-orpuchi__section__number .unit {
    font-size: .825rem;
    line-height: 32px;
    font-weight: bold;
    margin-left: 7px;
}

.main-contents-orpuchi__section__number label, .main-contents-orpuchi__section__number label+span {
    float: left;
}

.main-contents-orpuchi__section__number label {
    width: 53.7848605%;
    font-size: .825rem;
    padding-left: 46px;
    position: relative;
    line-height: 34px;
}

.main-contents-orpuchi__section__number label:before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background-color: #6DC7EA;
    border-radius: 6px;
    position: absolute;
    top: 9.5px;
    left: 29px;
}

.main-contents-orpuchi__section__number label > span {
    display: none;
}

.main-contents-orpuchi__section__number label > span.active {
    display: inline-block;
}

.main-contents-orpuchi__section__container .note {
    font-size: .75rem;
    padding-left: 2rem;
    margin-top: .625rem;
}

/*商品タイプ*/
.orpuchi-form-control-wrap.item-type {
    height: 266px;
}

.item-type .orpuchi-list-item {
    width: 23.89474%;
    float: left;
    margin-left: 1.47368%;
}

.item-type .orpuchi-list-item:first-child {
    margin-left: 0;
}

.item-type .orpuchi-list-item label {
    padding-top: 117.1806167%;
}

.item-type .orpuchi-list-item:nth-child(1) label {
    background: #fff url(/wp-content/uploads/2022/11/01-1-roll.jpg) no-repeat center 16px / 80%;
}

.item-type .orpuchi-list-item:nth-child(2) label {
    background: #fff url(/wp-content/uploads/2022/08/01-2-sheet_b.png) no-repeat center 16px / 80%;
}

.item-type .orpuchi-list-item:nth-child(3) label {
    background: #fff url(/wp-content/uploads/2022/08/01-3-bag_b.png) no-repeat center 16px / 80%;
}

.item-type .orpuchi-list-item:nth-child(4) label {
    background: #fff url(/wp-content/uploads/2022/08/01-4-flapbag_b.png) no-repeat center 16px / 80%;
}


.item-type .orpuchi-list-item-label {
    bottom: 6.47482%;
    width: 114px;
    height: 32px;
    line-height: 32px;
}

/*粒タイプ*/
.orpuchi-form-control-wrap.grain-size {
    height: 294px;
}

.grain-size .orpuchi-list-item {
    width: 18.947368%;
    float: left;
    margin-left: 1.3157894%;
}

.grain-size .orpuchi-list-item:first-child {
    margin-left: 0;
}

.grain-size .orpuchi-list-item label {
    padding-top: 163.33333%;
    position: relative;
}

.grain-size .orpuchi-list-item:nth-child(1) label {
    background: #fff url(/wp-content/uploads/2022/06/02-1-small.jpg) no-repeat center 16px;
}

.grain-size .orpuchi-list-item:nth-child(2) label {
    background: #fff url(/wp-content/uploads/2022/06/02-2-normal.jpg) no-repeat center 16px;
}

.grain-size .orpuchi-list-item:nth-child(3) label {
    background: #fff url(/wp-content/uploads/2022/06/02-3-large.jpg) no-repeat center 16px;
}

.grain-size .orpuchi-list-item:nth-child(4) label {
    background: #fff url(/wp-content/uploads/2022/06/02-4-huge.jpg) no-repeat center 16px;
}

.grain-size .orpuchi-list-item:nth-child(5) label {
    background: #fff url(/wp-content/uploads/2022/06/02-5-heart.jpg) no-repeat center 16px;
}

.grain-size .orpuchi-list-item label:before {
    white-space: pre;
    text-align: center;
    display: inline-block;
    font-size: .875rem;
    line-height: 1.125rem;
    position: absolute;
    top: 222px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.grain-size .orpuchi-list-item:nth-child(1) label:before {
    content: '粒径：φ7\A粒高：約2.5mm';
}

.grain-size .orpuchi-list-item:nth-child(2) label:before {
    content: '粒径：φ10\A粒高：約3.5mm';
}

.grain-size .orpuchi-list-item:nth-child(3) label:before {
    content: '粒径：φ20\A粒高：約8mm';
}

.grain-size .orpuchi-list-item:nth-child(4) label:before {
    content: '粒径：φ32\A粒高：約13mm';
}

.grain-size .orpuchi-list-item:nth-child(5) label:before {
    content: '粒サイズ：\AW14mm×D11mm\A粒高：約3mm';
}

.grain-size .orpuchi-list-item-label {
    width: 92px;
    height: 32px;
    line-height: 32px;
    top: 182px;
}

/*サイズ・数量*/
.main-contents-orpuchi__section__size-quantity {
    overflow: hidden;
    background-color: #fff;
    border-radius: 10px;
    padding: 1rem 2.25rem;
    display: none;
}

.main-contents-orpuchi__section__size-quantity.selected {
    display: block;
}

.main-contents-orpuchi__section__container__left, .main-contents-orpuchi__section__container__right {
    float: left;
}

.main-contents-orpuchi__section__container__left {
    width: 32.801822%;
    margin-right: 10.022779%;
}

.main-contents-orpuchi__section__container__right {
    width: 57.1753986%;
}

.main-contents-orpuchi__section__size-quantity .main-contents-orpuchi__section__container__right {
    padding-top: 56px;
}

.main-contents-orpuchi__section__select.main-contents-orpuchi__section__roll-size-length .orpuchi-select {
    max-width: 120px;
}

.main-contents-orpuchi__section__number.main-contents-orpuchi__section__number_size {
    width: 100%;
    float: none;
}

.main-contents-orpuchi__section__number.main-contents-orpuchi__section__roll-quantity {
    width: 64.1434262%;
}

.main-contents-orpuchi__section__select.main-contents-orpuchi__section__flap-bag-size-3 label {
    width: 53.7848605%;
}

.main-contents-orpuchi__section__select.main-contents-orpuchi__section__flap-bag-size-3 span.orpuchi-form-control-wrap {
    width: 35.85657370517928%;
}

.main-contents-orpuchi__section__select.main-contents-orpuchi__section__flap-bag-size-3 .orpuchi-select {
    max-width: 100px;
}

.main-contents-orpuchi__section__roll-size-length {
    margin-bottom: 2rem;
}

.main-contents-orpuchi__section__select.main-contents-orpuchi__section__sheet-direction {
    margin-bottom: 2rem;
}

.main-contents-orpuchi__section__number.main-contents-orpuchi__section__sheet-size-2 {
    margin-bottom: 2rem;
}

.main-contents-orpuchi__section__number.main-contents-orpuchi__section__sheet-quantity {
    margin-bottom: 2rem;
}

.main-contents-orpuchi__section__number.main-contents-orpuchi__section__bag-size-2+.note {
    margin-bottom: 2rem;
}

.main-contents-orpuchi__section__select.main-contents-orpuchi__section__flap-bag-size-3 {
    margin-bottom: 2rem;
}

.main-contents-orpuchi__section__container__img.sheet-normal,
.main-contents-orpuchi__section__container__img.sheet-vertical, 
.main-contents-orpuchi__section__container__img.sheet-horizon {
    display: none;
}

.main-contents-orpuchi__section__container__img.sheet-normal.selected,
.main-contents-orpuchi__section__container__img.sheet-vertical.selected, 
.main-contents-orpuchi__section__container__img.sheet-horizon.selected {
    display: block;
}

/* 素材  */
.main-contents-orpuchi__section__material {
    background-color: #fff;
    overflow: hidden;
    border-radius: 10px;
    padding: 1rem 1.25rem;
    display: none;
}

.main-contents-orpuchi__section__material.selected {
    display: block;
}

.main-contents-orpuchi__section__material .main-contents-orpuchi__section__container__left {
    width: 31.648351%;
    margin-right: 9.6703296%;
}

.main-contents-orpuchi__section__container__img-slider .slick-slide {
    cursor: pointer;
}

.main-contents-orpuchi__section__material .main-contents-orpuchi__section__container__right {
    width: 58.6813186%;
    padding-top: 52px;
}

.main-contents-orpuchi__section__radio_slider {
    padding: 1rem;
    padding-left: 0;
}

.main-contents-orpuchi__section__radio_slider label {
    cursor: pointer;
    height: 28px;
    line-height: 28px;
    margin-left: 1rem;
}

.main-contents-orpuchi__section__radio_slider input[type="radio"] {
    margin: 0 .875rem;
    padding: 0;
    position: relative;
    top: 1px;
}

.main-contents-orpuchi__section__radio_slider label {
    cursor: pointer;
}

.main-contents-orpuchi__section__radio_slider label:hover {
    background-color: #CFEEFA;
}

.main-contents-orpuchi__section__select.main-contents-orpuchi__section__grain-direction .orpuchi-select {
    max-width: 120px;
}

.material-switch {
    display: none;
}

.material-switch.selected {
    display: block;
}

/* （特殊加工）商品加工タイプ  */
.main-contents-orpuchi__section__item-type-sp {
    background-color: #fff;
    overflow: hidden;
    border-radius: 10px;
    padding: 1rem 1.25rem;
}

.main-contents-orpuchi__section__item-type-sp.selected {
    display: block;
}

.main-contents-orpuchi__section__item-type-sp .main-contents-orpuchi__section__container__left {
    width: 31.648351%;
    margin-right: 9.6703296%;
}

.main-contents-orpuchi__section__item-type-sp .img-slider__img {
    max-width: 250px;
    margin: 0 auto 1rem;
}

.main-contents-orpuchi__section__item-type-sp .img-slider__detail {
    background-color: #f9f9f9;
    padding: 1rem;
    font-size: .875rem;
    border-radius: 10px;
}

.main-contents-orpuchi__section__item-type-sp .main-contents-orpuchi__section__container__right {
    width: 58.6813186%;
}

.main-contents-orpuchi__section__radio_slider {
    padding: 1rem;
    padding-left: 0;
}

.main-contents-orpuchi__section__radio_slider label {
    cursor: pointer;
    height: 28px;
    line-height: 28px;
    margin-left: 1rem;
}

.main-contents-orpuchi__section__radio_slider input[type="radio"] {
    margin: 0 .875rem;
    padding: 0;
    position: relative;
    top: 1px;
}

.main-contents-orpuchi__section__radio_slider label {
    cursor: pointer;
}

.main-contents-orpuchi__section__radio_slider label:hover {
    background-color: #CFEEFA;
}

.main-contents-orpuchi__section__select.main-contents-orpuchi__section__grain-direction .orpuchi-select {
    max-width: 120px;
}

/* （特殊加工）素材  */
.main-contents-orpuchi__section__material-sp {
    background-color: #fff;
    overflow: hidden;
    border-radius: 10px;
    padding: 1rem 1.25rem;
}

.main-contents-orpuchi__section__material-sp.selected {
    display: block;
}

.main-contents-orpuchi__section__material-sp .main-contents-orpuchi__section__container__left {
    width: 31.648351%;
    margin-right: 9.6703296%;
}

.main-contents-orpuchi__section__material-sp .main-contents-orpuchi__section__container__right {
    width: 58.6813186%;
    padding-top: 52px;
}



/* 粒の向きとは  */

.modal-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0,0,0,50%);
    padding: 40px 20px;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 9999;
}

.modal-container:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.modal-container.active {
    opacity: 1;
    visibility: visible;
}

.modal-body {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 90%;
}

.modal-grain-direction .modal-body {
    max-width: 880px;
}

.modal-heart-direction .modal-body {
    max-width: 450px;
}

.modal-close {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    top: -40px;
    right: -40px;
    width: 40px;
    height: 40px;
    font-size: 40px;
    color: #fff;
    cursor: pointer;
}

/*お客様情報*/
.main-contents-orpuchi__section__customer {
    background-color: #fff;
    border-radius: 10px;
    padding: 2.5rem 1.25rem;
}

.main-contents-orpuchi__section__customer dl {
    overflow: hidden;
    max-width: 88.13186813%;
    margin: 0 auto;
}

.main-contents-orpuchi__section__customer dl {
    overflow: hidden;
}

.main-contents-orpuchi__section__customer dt, .main-contents-orpuchi__section__customer dd {
    float: left;
    margin-bottom: 1.25rem;
}

.main-contents-orpuchi__section__customer dt {
    width: 30.37037037%;
    position: relative;
    margin-bottom: 0;
}

.main-contents-orpuchi__section__customer dd {
    width: 69.62962962%;
}

.main-contents-orpuchi__section__customer dt .required {
    position: absolute;
    font-size: 1rem;
    color: #E25743;
    border: 2px solid #E25743;
    border-radius: 10px;
    display: inline-block;
    padding: 6px 10px;
    line-height: 1;
}

.main-contents-orpuchi__section__customer dt label {
    display: inline-block;
    font-size: 1rem;
    margin-left: 33.3333333%;
    padding: 8px 0;
    line-height: 1;
}

.orpuchi-customer-input input {
    height: 40px;
    margin: 0;
    border: 1.5px solid #006790;
    padding: 10px 16px;
    max-width: 500px;
}

.orpuchi-customer-input input[name="customer-zip"], .orpuchi-customer-input input[name="shipping-zip"] {
    max-width: 120px;
}

.orpuchi-customer-input input[name="customer-tel"], .orpuchi-customer-input input[name="customer-fax"], .orpuchi-customer-input input[name="shipping-tel"] {
    max-width: 180px;
}

.orpuchi-customer-select select {
    height: 40px;
    margin: 0;
    border: 1.5px solid #006790;
    padding: 10px 32px 10px 16px;
    font-size: 1rem;
    line-height: 1;
    max-width: 200px;
    cursor: pointer;
}

.orpuchi-customer-textarea textarea {
    max-width: 500px;
    margin: 0;
    border: 1.5px solid #006790;
    padding: 10px 32px 10px 16px;
    font-size: 1rem;
    height: 140px;
}

.orpuchi-customer-shipping-data {
    display: none;
}

.orpuchi-customer-shipping-data.active {
    display: block;
}


/* 入力内容確認  */
.main-form-orpuchi-confirm {
    padding: 1.125rem 0.9375rem;
}

.main-form-orpuchi-confirm-btn {
    max-width: 378px;
    background-color: #006790;
    height: 66px;
    font-size: 1.375rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 66px;
    border-radius: 15px;
    margin: 0 auto;
    cursor: pointer;
    position: relative;
    display: none;
    border: 2px solid #006790;
    margin-bottom: 2rem;
}

.main-form-orpuchi-confirm-btn.active {
    display: block;
}

.main-form-orpuchi-confirm-btn:before {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.main-form-orpuchi-confirm-btn:hover:before {
    width: 60px;
}

.main-form-orpuchi-confirm-container {
    background-color: #fff;
    border-radius: 10px;
    padding: 1rem 4.5rem;
    display: none;
}

.main-form-orpuchi-confirm-container.active {
    display: block;
}

.main-form-orpuchi-confirm-container > h4 {
    height: 28px;
    line-height: 28px;
    font-size: 1.125rem;
    font-weight: bold;
    border-left: 4px solid #006790;
    padding-left: .625rem;
    margin-bottom: 1rem;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

.main-form-orpuchi-confirm-item {
    margin-bottom: 2rem;
    overflow: hidden;
    display: none;
}

.main-form-orpuchi-confirm-item.active {
    display: block;
}

.main-form-orpuchi-confirm-item-img, .main-form-orpuchi-confirm-item-data {
    float: left;
    margin-bottom: 1rem;
}

.main-form-orpuchi-confirm-item-img {
    width: 34.73945409%;
    margin-right: 4.4665012406%;
}

.main-form-orpuchi-confirm-item_sheet .main-form-orpuchi-confirm-item-img > img {
    display: none;
}

.main-form-orpuchi-confirm-item_sheet .main-form-orpuchi-confirm-item-img > img.active {
    display: block;
}

.main-form-orpuchi-confirm-item-data {
    width: 60.79404466%;
}

.main-form-orpuchi-confirm-container table tr {
    background-color: #fff;
    border-bottom: 1px dashed #707070;
}

.main-form-orpuchi-confirm-container table tr:first-child {
    border-top: 1px solid #707070;
}

.main-form-orpuchi-confirm-container th, .main-form-orpuchi-confirm-container td {
    height: 2rem;
    line-height: 2rem;
}

.main-form-orpuchi-confirm-container th {
    background-color: #E8EAEB;
    text-align: left;
    font-weight: normal;
    padding: 0 0 0 2rem;
}

.main-form-orpuchi-confirm-container td {
    padding: 0 1rem;
}

.main-form-orpuchi-confirm-container td.confirm-customer-message {
    white-space: pre-wrap;
    line-height: 1.5;
    padding: .5rem 1rem;
}

.main-form-orpuchi-confirm-item-data th {
    width: 45%;
}

.confirm-selected-heart {
    display: none;
}

.confirm-selected-heart.selected {
    display: table-row;
}

.main-form-orpuchi-confirm-customer-data th {
    width: 35%;
}

.orpuchi-cf7 {
    display: none;
}

.orpuchi-cf7.active {
    display: block;
}

.main-form-orpuchi-submit-form > p {
    text-align: center;
    font-size: .875rem;
    margin-bottom: 1rem;
}

.main-form-orpuchi-submit-form__btn {
    overflow: hidden;
    max-width: 800px;
    margin: 0 auto;
}

.main-form-orpuchi-submit-form__correct-btn {
    margin-right: 44px;
    width: 378px;
    background-color: #fff;
    height: 66px;
    font-size: 1.375rem;
    font-weight: bold;
    color: #006790;
    text-align: center;
    line-height: 66px;
    border-radius: 15px;
    cursor: pointer;
    position: relative;
    display: block;
    border: 2px solid #006790;
    margin-bottom: 2rem;
    float: left;
}

.main-form-orpuchi-submit-form__submit-btn {
    width: 378px;
    background-color: #006790;
    height: 66px;
    line-height: 66px;
    border-radius: 15px;
    cursor: pointer;
    position: relative;
    display: block;
    border: 2px solid #006790;
    margin-bottom: 2rem;
    float: left;
    padding: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.main-form-orpuchi-submit-form__submit-btn > input {
    width: 100%;
    background-color: transparent;
    height: 100%;
    font-size: 1.375rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
    border-radius: 15px;
    cursor: pointer;
    position: relative;
    display: block;
    border: none;
    padding: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.main-form-orpuchi-submit-form__correct-btn:before,
.main-form-orpuchi-submit-form__submit-btn:before {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.main-form-orpuchi-submit-form__correct-btn:hover {
    background-color: #006790;
    color: #fff;
}

.main-form-orpuchi-submit-form__correct-btn:hover:before,
.main-form-orpuchi-submit-form__submit-btn:hover:before {
    width: 60px;
}

.main-form-orpuchi-submit-form__correct-btn:hover+.main-form-orpuchi-submit-form__submit-btn {
    background-color: #fff;
}

.main-form-orpuchi-submit-form__correct-btn:hover+.main-form-orpuchi-submit-form__submit-btn > input {
    color: #006790;
}

.main-form-orpuchi-submit-form__submit-btn .ajax-loader {
    display: none;
}

.wpcf7 .screen-reader-response {
    display: none;
}

.wpcf7-response-output {
    text-align: center;
}

/*見積送信後　ボタン非表示*/
form.wpcf7-form.sent[data-status="sent"] .main-form-orpuchi-submit-form {
    display: none;
}


/* バリデーション  */
.main-form-orpuchi .formError .formErrorContent {
    background-color: #fff;
    color: #e25743;
    font-size: .875rem;
    font-weight: bold;
    border: 2px solid #e25743;
    -webkit-box-shadow: none;
            box-shadow: none;
    position: relative;
}

.main-form-orpuchi .formError .formErrorContent:before {
    content: '';
    position: absolute;
    border: 6px solid transparent;
    border-top-color: #e25743;
    bottom: -13px;
    left: 8px;
}

.main-form-orpuchi .formError .formErrorArrow {
    display: none;
}

.orpuchi-cf7 .visible-only-if-sent {
    text-align: center;
    padding-bottom: 2rem;
    display: none;
}

.sent .orpuchi-cf7 .visible-only-if-sent {
    display: block;
}