@charset "utf-8";

@media only screen and (min-width: 0px) and (max-width: 640px) {


/* ────────────────────── *
 *                                              *
 * グローバルナビゲーション（上書き）           *
 *                                              *
 * ────────────────────── */

#gnavi {
    border-bottom: none;
}


/* ────────────────────── *
 *                                              *
 * コンテンツ（上書き）                         *
 *                                              *
 * ────────────────────── */

.contents {
    padding-top: 7.8125%;
}


/* ────────────────────── *
 *                                              *
 * 見出し（h2）                                 *
 *                                              *
 * ────────────────────── */

.contents h2.title {
    font-size: 5.625vw;
    width: 93.75%;
    margin: 0 auto 7.8125%;
}


/* ────────────────────── *
 *                                              *
 * 見出し（h3）                                 *
 *                                              *
 * ────────────────────── */

.contents h3.title {
    font-size: 4.375vw;
    width: 93.75%;
    padding: 1.6666666666666667% 3.3333333333333335%;
    margin: 0 auto 3.3333333333333335%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

/* ────────────────────── *
 *                                              *
 * テキスト                                     *
 *                                              *
 * ────────────────────── */

.contents p.text {
    font-size: 4.0625vw;
    width: 93.75%;
    margin: 0 auto 7.8125%;
}


/* ────────────────────── *
 *                                              *
 * テーブル01                                   *
 *                                              *
 * ────────────────────── */

.contents table.table-01 {
    font-size: 3.75vw;
    width: 93.75%;
    margin: 0 auto 25%;
}
.contents table.table-01 th {
    display: block;
    width: auto;
    padding: 3.3444816053511706%;
}
.contents table.table-01 td {
    display: block;
    width: auto;
    padding: 3.3444816053511706%;
}
.contents table.table-01 td img.email {
    max-height: 3.75vw;
}
.contents table.table-01 td dl dd {
    margin-bottom: 5.39568345323741%;
}
.contents table.table-01 td ul.list {
    margin-left: 20px;
}


/* ────────────────────── *
 *                                              *
 * テーブル02（フォーム）                       *
 *                                              *
 * ────────────────────── */

.contents table.table-02 {
    font-size: 4.0625vw;
    width: 93.75%;
    margin: 0 auto 6.25%;
}
.contents table.table-02 th {
    display: block;
    width: auto;
    padding: 3.3444816053511706% 0;
    border-bottom: none;
}
.contents table.table-02 th .ec-required {
    font-size: 3.125vw;
    vertical-align: 2px;
    padding: 2px 5px;
    margin-left: 3.3333333333333335%;
    position: static;
}
.contents table.table-02 td {
    display: block;
    width: auto;
    padding: 0 0 3.3444816053511706%;
}
.contents table.table-02 td input.left {
    margin-right: 10px;
}
.contents table.table-02 td input.input-01 {
    width: 45%;
    padding: 3.3333333333333335%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.contents table.table-02 td input.input-02 {
    width: 50%;
    padding: 3.3333333333333335%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.contents table.table-02 td input.input-03 {
    padding: 3.3333333333333335%;
}
.contents table.table-02 td select.input-01 {
    width: 70%;
    padding: 3.3333333333333335%;
}
.contents table.table-02 td textarea {
    height: 62.5vw;
    padding: 3.3333333333333335%;
}


/* ────────────────────── *
 *                                              *
 * お客様情報変更時                             *
 *                                              *
 * ────────────────────── */

.contents .cart-left table.table-02 {
    width: 100%;
    margin-bottom: 3.3333333333333335%;
}
.contents .cart-left table.table-02 th {
    width: auto;
}
.contents .cart-left table.table-02 td input {
    width: 45%;
    padding: 3.3333333333333335%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}


/* ────────────────────── *
 *                                              *
 * フォーム                                     *
 *                                              *
 * ────────────────────── */

.contents form.form {
    margin-bottom: 25%;
}
.contents button.btn-submit {
    font-size: 5vw;
    padding: 6.25% 3.125%;
    width: 100%;
}
.contents button.btn-back {
    font-size: 5vw;
    padding: 6.25% 3.125%;
    width: 100%;
}
.contents #button ul li {
    display: block;
    margin: 0 auto 6.25%;
}
.contents #complete {
    font-size: 4.0625vw;
    width: 93.75%;
    padding: 4.6875%;
    margin: 0 auto 25%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.contents #complete h3 {
    font-size: 5.625vw;
    line-height: 1.4;
    padding: 3.7037037037037033%;
    margin-bottom: 5.555555555555555%;
}
.contents #complete h3 + p {
    margin-bottom: 7.4074074074074066%;
}
.contents #complete p .btn-homepage {
    font-size: 5vw;
    padding: 5.555555555555555%;
    width: auto;
}


/* ────────────────────── *
 *                                              *
 * プライバシーポリシー                         *
 *                                              *
 * ────────────────────── */

.contents dl#privacy-policy {
    font-size: 3.75vw;
    width: 93.75%;
    margin: 0 auto 25%;
}
.contents dl#privacy-policy dt {
    font-size: 4.375vw;
    margin-bottom: 1.6666666666666667%;
}
.contents dl#privacy-policy dd {
    padding: 0 3.3333333333333335% 5%;
    margin: 0 0 5%;

}


/* ────────────────────── *
 *                                              *
 * カートの中身・プログレス                     *
 *                                              *
 * ────────────────────── */

.contents ol#progress {
    width: 93.75%;
    margin: 0 auto 6.25%;
}
.contents ol#progress li {
    width: 20%;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.contents ol#progress li .num {
    font-size: 16px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    margin: 0 auto 10px;
}
.contents ol#progress li .num:after {
    width: 15.625vw;
}
.contents ol#progress li .pos {
    font-size: 3.125vw;
}


/* ────────────────────── *
 *                                              *
 * カートの中身・現在の合計                     *
 *                                              *
 * ────────────────────── */

.contents p#currentTotal {
    font-size: 4.375vw;
    width: 93.75%;
    margin: 0 auto 6.25%;
}
.contents p#currentTotal strong {
    font-size: 5.625vw;
}
.contents p#includeTax {
    font-size: 1.7187500000000002vw;
    margin-bottom: 3.125%;
}


/* ────────────────────── *
 *                                              *
 * カートの中身・商品                           *
 *                                              *
 * ────────────────────── */

.contents table#cartItem {
    font-size: 3.75vw;
    width: 93.75%;
    margin: 0 auto 3.125%;
}
.contents table#cartItem th {
    padding: 1.25vw;
}
.contents table#cartItem td {
    padding: 1.25vw;
}
.contents table#cartItem th.c-01 {
    width: 9.375vw;
}
.contents table#cartItem td.c-01 {
    font-size: 5vw;
    width: 9.375vw;
}
.contents table#cartItem th.c-02 {
    width: auto;
}
.contents table#cartItem td.c-02 {
    width: auto;
}
.contents table#cartItem td.c-02 p {
    display: none;
}
.contents table#cartItem td.c-02 dl {
    display: block;
}
.contents table#cartItem td.c-03 {
    width: 15.625vw;
}
.contents table#cartItem td.c-03 ul li {
    font-size: 5vw;
    margin: 0 3px;
}
.contents table#cartItem th.c-04 {
    width: 21.875vw;
}
.contents table#cartItem td.c-04 {
    width: 21.875vw;
}

.contents table#cartItem {
    width: 100%;
    margin: 0 auto 13.333333333333334%;
}
.contents .cart-left table#cartItem th {
    padding: 1.25vw;
}
.contents .cart-left table#cartItem td {
    padding: 1.25vw;
}
.contents .cart-left table#cartItem th.c-02 {
    width: auto;
}
.contents .cart-left table#cartItem td.c-02 {
    width: auto;
}
.contents .cart-left table#cartItem td.c-03 {
    width: 15.625vw;
}
.contents .cart-left table#cartItem th.c-04 {
    width: 18.75vw;
}
.contents .cart-left table#cartItem td.c-04 {
    width: 18.75vw;
}

/* ────────────────────── *
 *                                              *
 * カートの中身・合計                           *
 *                                              *
 * ────────────────────── */

.contents dl#cartTotal {
    font-size: 5.625vw;
    width: 93.75%;
    margin: 0 auto 9.375%;
}
.contents dl#cartTotal dd {
    font-size: 6.25vw;
}


/* ────────────────────── *
 *                                              *
 * カートの中身・送料無料条件                   *
 *                                              *
 * ────────────────────── */

.contents #deliveFreeRule {
    font-size: 3.75vw;
    width: 93.75%;
    padding: 3.125%;
    margin: 0 auto 1.5625%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}


/* ────────────────────── *
 *                                              *
 * カートの中身・購入手続きボタン               *
 *                                              *
 * ────────────────────── */

.contents ul#purchase {
    width: 93.75%;
    margin: 0 auto 18.75%;
}
.contents ul#purchase li {
    font-size: 5vw;
    display: block;
    width: 100%;
    margin: 0 auto 5%;
}
.contents ul#purchase li a {
    padding: 3.3333333333333335%;
}
.contents ul#purchase li button {
    font-size: 5vw;
}


/* ────────────────────── *
 *                                              *
 * カートの中身・何らかのエラー                 *
 *                                              *
 * ────────────────────── */

.contents .cartError {
    font-size: 3.75vw;
    width: 93.75%;
    padding: 3.125%;
    margin: 0 auto 3.125%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.contents .cartWarning {
    font-size: 3.75vw;
    width: 93.75%;
    padding: 3.125%;
    margin: 0 auto 3.125%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.contents .cartWarning#orderEnd {
    margin: 0 auto 15.625%;
}
.contents .cartWarning h3 {
    font-size: 6.25vw;
    line-height: 1.3;
    margin-bottom: 5.39568345323741%;
}
.contents #empty {
    font-size: 3.75vw;
    width: 93.75%;
    padding: 3.125%;
    margin: 0 auto 15.625%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

/* ────────────────────── *
 *                                              *
 * カートの中身・左側                           *
 *                                              *
 * ────────────────────── */

.contents .cart-left {
    float: none;
    width: 93.75%;
    margin: 0 auto 9.375%;
}
.contents .cart-left h3 {
    font-size: 4.375vw;
    padding: 1.6666666666666667% 3.3333333333333335%;
    margin-bottom: 3.3333333333333335%;
}
.contents .cart-left p.btn-change button {
    font-size: 3.75vw;
    padding: 1.5625vw;
}
.contents .cart-left ul.customer-info {
    font-size: 4.0625vw;
    width: 80%;
    margin-bottom: 10%;
}
.contents .cart-left dl.shipping-select {
    font-size: 4.0625vw;
    display: block;
    margin-bottom: 10px;
}
.contents .cart-left dl.shipping-select dt {
    display: block;
    width: auto;
    margin-bottom: 1.6666666666666667%;
}
.contents .cart-left dl.shipping-select dt:before {
    content: "■";
}
.contents .cart-left dl.shipping-select dd {
    display: block;
    margin-bottom: 3.3333333333333335%;
}
.contents .cart-left dl.shipping-select dd select {
    font-size: 5vw;
    width: 100%;
    padding: 1.6666666666666667% 3.3333333333333335%;
}
.contents .cart-left #payment-notice {
    font-size: 3.125vw;
    padding: 3.3333333333333335%;
    margin-bottom: 10%;
}
.contents textarea.textarea {
    font-size: 4.375vw;
    padding: 3.3333333333333335%;
    margin-bottom: 13.333333333333334%;
}

/* ────────────────────── *
 *                                              *
 * カートの中身・右側                           *
 *                                              *
 * ────────────────────── */

.contents .cart-right {
    font-size: 5vw;
    float: none;
    width: 93.75%;
    padding: 4.6875%;
    margin: 0 auto 15.625%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.contents .cart-right dl {
    margin-bottom: 5.555555555555555%;
}
.contents .cart-right dl dt {
    font-size: 5vw;
}
.contents .cart-right dl dd {
    font-size: 3.4375000000000004vw;
}
.contents .cart-right dl dd strong {
    font-size: 6.25vw;
}
.contents .cart-right ul#purchase {
    width: 100%;
}
.contents .cart-right ul#purchase li {
    margin: 0 0 5.555555555555555%;
}

.contents ul.btn-change {
    margin: 0 auto 13.333333333333334%;
}
.contents ul.btn-change li {
    font-size: 4.375vw;
    width: 40%;
    margin: 0 3.3333333333333335%;
}
.contents ul.btn-change li #customer-ok button {
    padding: 8.333333333333332%;
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.contents ul.btn-change li #customer-cancel button {
    padding: 8.333333333333332%;
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}


/* ────────────────────── *
 *                                              *
 * よくあるご質問                               *
 *                                              *
 * ────────────────────── */

.contents #faq-index {
    font-size: 4.0625vw;
    width: 93.75%;
    margin: 0 auto 12.5%;
}
.contents #faq-index h3 {
    font-size: 4.375vw;
    padding: 1.6666666666666667% 3.3333333333333335%;
    margin-bottom: 3.3333333333333335%;
}
.contents #faq-index ul li {
    padding-left: 6.666666666666667%;
    margin-bottom: 1.6666666666666667%;
    position: relative;
}
.contents #faq-index .left {
    float: none;
    width: 100%;
    margin-bottom: 20px;
}
.contents #faq-index .right {
    float: none;
    width: 100%;
    margin-bottom: 20px;
}
.contents .faq {
    font-size: 3.75vw;
    line-height: 1.5;
    width: 93.75%;
    padding: 3.125%;
    margin: 0 auto 12.5%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.contents .faq dl dt {
    font-size: 4.375vw;
    padding-left: 0;
    padding-top: 8.928571428571429%;
    margin-bottom: 10px;
}
.contents .faq dl dt:before {
    width: 21.428571428571427%;
    margin-right: 0;
}
.contents .faq dl dd {
    padding-left: 0;
    padding-top: 8.928571428571429%;
    padding-bottom: 5.357142857142857%;
    margin-bottom: 5.357142857142857%;
}
.contents .faq dl dd:before {
    font-size: 4.375vw;
    width: 21.428571428571427%;
    margin-right: 0;
}
.contents h4.title-faq {
    font-size: 5.625vw;
    line-height: 1.2;
    width: 93.75%;
    padding: 0 3.125%;
    margin: 0 auto 4.6875%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.contents h4.title-faq:before {
    height: 2px;
}
.contents h4.title-faq span {
    padding: 0 3.125vw;
}


/* ────────────────────── *
 *                                              *
 * 食中毒予防ポイント（原因菌）                 *
 *                                              *
 * ────────────────────── */

.contents #virus-index {
    font-size: 4.0625vw;
    width: 93.75%;
    margin: 0 auto 12.5%;
}
.contents #virus-index h3 {
    font-size: 4.375vw;
    padding: 1.6666666666666667% 3.3333333333333335%;
    margin-bottom: 3.3333333333333335%;
}
.contents #virus-index ul li {
    font-size: 4.0625vw;
    padding-left: 6.666666666666667%;
    margin-bottom: 1.6666666666666667%;
    position: relative;
}
.contents .virus {
    font-size: 3.75vw;
    width: 93.75%;
    padding: 3.125%;
    margin: 0 auto 12.5%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.contents .virus p {
    margin-bottom: 3.571428571428571%;
}
.contents .virus dl dt {
    font-size: 5vw;
}
.contents .virus dl dd {
    margin-bottom: 5.357142857142857%;
}
.contents .virus .kind {
    padding: 3.571428571428571%;
    margin-bottom: 3.571428571428571%;
}


/* ────────────────────── *
 *                                              *
 * 食中毒予防ポイント（三原則）                 *
 *                                              *
 * ────────────────────── */

#rule {
    padding: 4.6875% 0;
}
#rule .inner {
    width: 93.75%;
}
#rule .inner h3 {
    font-size: 7.5vw;
    margin-bottom: 10%;
}
#rule .inner dl {
    font-size: 4.375vw;
    float: none;
    width: 100%;
    padding: 5%;
    margin-left: 0;
    margin-bottom: 10%;
}
#rule .inner dl:after {
    top: -10.9375vw;
    right: -3.125vw;
}
#rule .inner dl dt {    
    font-size: 6.25vw;
    margin-bottom: 5.357142857142857%;
}


/* ────────────────────── *
 *                                              *
 * 食中毒予防ポイント（衛生管理のポイント）     *
 *                                              *
 * ────────────────────── */

#health-point {
    padding: 4.6875% 0;
}
#health-point .inner {
    font-size: 3.75vw;
    width: 93.75%;
}
#health-point .inner h3 {
    font-size: 7.5vw;
    margin-bottom: 6.666666666666667%;
}
#health-point .inner .point {
    padding: 5%;
    margin-bottom: 6.666666666666667%;
}
#health-point .inner .point h4 {
    font-size: 5.625vw;
    margin-bottom: 1.8518518518518516%;
}
#health-point .inner .point dl dt {
    font-size: 5vw;
    margin-bottom: 3.7037037037037033%;
}
#health-point .inner .point dl dd {
    margin-bottom: 7.4074074074074066%;
}


/* ────────────────────── *
 *                                              *
 * ご利用ガイド                                 *
 *                                              *
 * ────────────────────── */

.contents .guide {
    font-size: 4.0625vw;
    width: 93.75%;
    margin: 0 auto 12.5%;
}
.contents .guide dl dt {
    font-size: 5vw;
}
.contents .guide dl dd {
    margin-bottom: 6.666666666666667%;
}


/* ────────────────────── *
 *                                              *
 * 商品ページ                                   *
 *                                              *
 * ────────────────────── */

.contents #product-intro {
    font-size: 4.0625vw;
    width: 93.75%;
    margin: 0 auto 9.375%;
}
.contents #product-intro .left {
    float: none;
    width: 100%;
    max-width: 580px;
    margin: 0 auto 10%;
}
.contents #product-intro .left ul.slider-thumb li {
    width: 22.5%;
    margin-left: 3.3333333333333335%;
	margin-bottom: 3.3333333333333335%;
}
.contents #product-intro .left ul.slider-thumb li:nth-child(5n+1) {
    margin-left: 3.3333333333333335%;
}
.contents #product-intro .left ul.slider-thumb li:nth-child(4n+1) {
    margin-left: 0;
}
.contents #product-intro .right {
    float: none;
    width: 100%;
}
.contents #product-intro .right h3 {
    font-size: 7.5vw;
    margin-bottom: 5%;
}
.contents #product-intro .right .different {
    font-size: 3.4375000000000004vw;
    padding: 3.3333333333333335%;
    margin-bottom: 5%;
}
.contents #product-intro .right .different h4 {
    font-size: 4.375vw;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.contents #product-intro .right .different p {
    margin-bottom: 3.3333333333333335%;
}
.contents #product-intro .right dl.description {
    margin-bottom: 5%;
}
.contents #product-intro .right dl.description dt {
    font-size: 5vw;
    margin-bottom: 3.3333333333333335%;
}
.contents #product-intro .right .price {
    font-size: 4.375vw;
    padding: 3.3333333333333335%;
    margin-bottom: 5%;
}
.contents #product-intro .right .price h4 {
    color: #fff;
    font-weight: 700;
    text-align: center;
    padding: 0 5px;
    margin-bottom: 10px;
    border-radius: 4px;
}
.contents #product-intro .right .price ul li {
    margin-left: 20px;
    list-style-type: disc;
}
.contents #product-intro .right dl.shopping {
    margin-bottom: 5%;
}
.contents #product-intro .right dl.shopping dt {
    font-size: 4.375vw;
}
.contents #product-intro .right dl.shopping dd {
    margin-bottom: 10px;
}
.contents #product-intro .right button.add-cart {
    font-size: 5vw;
    padding: 6.25% 3.125%;
    width: 100%;
}
.contents #product-intro .right button.add-disabled {
    font-size: 5vw;
    padding: 6.25% 3.125%;
    width: 100%;
}
.contents #product-intro .right p.notice {
    font-size: 3.4375000000000004vw;
}
.contents #product-intro .right ul.guide-link {
    font-size: 3.4375000000000004vw;
    float: none;
}
.contents #product-intro .right ul.guide-link li {
    display: inline-block;
    margin-right: 10px;
}
.contents #product-intro .right .attention {
    font-size: 3.125vw;
    padding: 3.125vw;
    margin-bottom: 3.75vw;
    border: 1px solid #c00;
}
.contents #product-intro .right .attention-special {
    font-size: 4.375vw;
    padding: 3.125vw;
    margin-bottom: 3.75vw;
    border: 1px solid #c00;
}
.contents #product-intro .right .attention-special h3 {
    font-size: 5vw;
}
.contents #product-intro .right .attention-special h3 i {
    font-size: 5.625vw;
}


/* ────────────────────── *
 *                                              *
 * 商品：F-1＞特徴                              *
 *                                              *
 * ────────────────────── */

#character-f1 {
    padding: 9.375% 3.125% 6.25%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#character-f1 h4 {
    margin: 0 auto 6.25%;
}
#character-f1 h4 span {
    font-size: 3.125vw;
    line-height: 6.875000000000001vw;
    font-weight: 500;
    color: #005ab7;
    background: url("../../image/product/f1/bg-fukidashi.png") no-repeat center top / cover;
    display: inline-block;
    letter-spacing: 2px;
    width: 48.333333333333336%;
    height: 9.375vw;
}
#character-f1 ol {
    width: 100%;
}
#character-f1 ol li {
    font-size: 5vw;
    background: #fff url("../../image/product/f1/bg-merit.png") no-repeat left center / contain;
    float: left;
    width: 100%;
    height: 16.875vw;
    padding-left: 16.666666666666664%;
    margin-left: 0;
    margin-bottom: 3.3333333333333335%;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#character-f1 ol li:before {
    font-size: 6.25vw;
    line-height: 11.875vw;
    width: 11.875vw;
    height: 11.875vw;
    left: 1.875vw;
    top: 3.125vw;
}
#character-f1 ol li div {
    height: 16.875vw;
    padding: 0 5.555555555555555%;
}


/* ────────────────────── *
 *                                              *
 * 商品：F-1＞特許                              *
 *                                              *
 * ────────────────────── */

#patent-f1 {
    padding: 9.375% 3.125%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#patent-f1 h4 {
    margin: 0 auto 6.25%;
}
#patent-f1 h4 span {
    font-size: 3.125vw;
    line-height: 6.875000000000001vw;
    font-weight: 500;
    color: #005ab7;
    background: url("../../image/product/f1/bg-fukidashi.png") no-repeat center top / cover;
    display: inline-block;
    letter-spacing: 2px;
    width: 48.333333333333336%;
    height: 9.375vw;
}
#patent-f1 .inner {
    font-size: 3.75vw;
    line-height: 1.5;
    width: 100%;
}
#patent-f1 .inner figure {
    text-align: center;
    float: none;
    margin-right: 0;
    margin-bottom: 6.666666666666667%;
}
#patent-f1 .inner p {
    margin-bottom: 5%;
}
#patent-f1 .inner p:last-of-type {
    margin-bottom: 0;
}


/* ────────────────────── *
 *                                              *
 * 商品：F-1＞使用例                            *
 *                                              *
 * ────────────────────── */

#use-f1 {
    padding: 9.375% 0;
}
#use-f1 h4 {
    font-size: 5vw;
    width: 93.75%;
    padding: 3.125% 0;
    margin: 0 auto 4.6875%;
    border-top: 1px solid #005ab7;
    border-bottom: 1px solid #005ab7;
}
#use-f1 .bx-viewport {
    margin-bottom: 9.375%;
}
#use-f1 p a {
    font-size: 3.4375000000000004vw;
    width: 68.75%;
    padding: 3.125% 0;
    border-radius: 6px;
}


/* ────────────────────── *
 *                                              *
 * 商品：詳細                                   *
 *                                              *
 * ────────────────────── */

#product-detail {
    padding: 9.375% 0;
}
#product-detail .inner {
    width: 93.75%;
    margin: 0 auto 9.375%;
    flex-direction: column;
}
#product-detail .inner:last-of-type {
    margin: 0 auto;
}
#product-detail .inner p.photo {
    width: 100%;
    flex-basis: 100%;
}
#product-detail .inner p.photo img {
    width: 100%;
    max-width: none;
}
#product-detail .inner .description {
    font-size: 3.75vw;
    line-height: 1.5;
    padding: 5%;
    width: 100%;
    flex-basis: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#product-detail .inner .description h5 {
    font-size: 4.375vw;
    margin-bottom: 5.555555555555555%;
}
#product-detail .inner.even p.photo {
    order: 1;
}
#product-detail .inner.even .description {
    order: 2;
}


/* ────────────────────── *
 *                                              *
 * 商品：データ＞F-1                            *
 *                                              *
 * ────────────────────── */

#data-f1 {
    padding: 9.375% 0;
}
#data-f1 h4 {
    font-size: 5vw;
    width: 93.75%;
    padding: 3.125% 0;
    margin: 0 auto 4.6875%;
    border-top: 1px solid #005ab7;
    border-bottom: 1px solid #005ab7;
}
#data-f1 .inner {
    width: 93.75%;
}
#data-f1 .inner h5 {
    font-size: 5.3125vw;
    padding-left: 1.6666666666666667%;
    margin-bottom: 5%;
}
#data-f1 .inner p:last-of-type {
    margin-bottom: 10%;
}
#data-f1 .inner #test-result {
    font-size: 3.125vw;
    width: auto;
    padding: 5%;
}
#data-f1 .inner #test-result ul li {
    padding-left: 5.639097744360902%;
    margin-bottom: 3.7593984962406015%;
}
#data-f1 .inner #test-result ul li:before {
    content: "";
    background: url("../../image/product/f1/icon-result.png") no-repeat center center / cover;
    width: 2.65625vw;
    height: 2.65625vw;
    top: 1.40625vw;
}
#data-f1 .inner #test-result ul li a:after {
    content: none;
}


/* ────────────────────── *
 *                                              *
 * 商品：データ＞野菜クリーン                   *
 *                                              *
 * ────────────────────── */

#data-vegetable {
    padding: 9.375% 0;
}
#data-vegetable .inner {
    font-size: 3.75vw;
    width: 93.75%;
}
#data-vegetable .inner h5 {
    display: block;
    margin-bottom: 5%;
}
#data-vegetable .inner h5 span {
    font-size: 5.3125vw;
    display: block;
    padding-left: 1.6666666666666667%;
}
#data-vegetable .inner p {
    font-size: 2.8125vw;
    text-align: left;
}
#data-vegetable .inner .left {
    float: none;
    width: 100%;
    margin-bottom: 10%;
}
#data-vegetable .inner .right {
    float: none;
    width: 100%;
}


/* ────────────────────── *
 *                                              *
 * 商品：まほうの水の使い方                     *
 *                                              *
 * ────────────────────── */

#use-magicwater {
    padding: 9.375% 0;
}
#use-magicwater h4 {
    font-size: 5vw;
    width: 93.75%;
    padding: 3.125% 0;
    margin: 0 auto 4.6875%;
    border-top: 1px solid #005ab7;
    border-bottom: 1px solid #005ab7;
}
#use-magicwater ul {
    font-size: 4.0625vw;
    line-height: 1.5;
    width: 93.75%;
    margin: 0 auto 12.5%;
}
#use-magicwater ul li {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-bottom: 13.333333333333334%;
}
#use-magicwater ul li .photo {
    margin-bottom: 10px;
    position: static;
}
#use-magicwater ul li .photo:after {
    content: none;
}
#use-magicwater ul li .text {
    position: relative;
}
#use-magicwater ul li .text:after {
    font-family: "Font Awesome 5 Free";
    font-size: 6.25vw;
    line-height: 12.5vw;
    content: "\f063";
    font-weight: 900;
    text-align: center;
    display: inline-block;
    height: 12.5vw;
    position: absolute;
    right: 50%;
    top: 100%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
}
#use-magicwater ul li:last-child {
    margin-bottom: 0;
}
#use-magicwater ul li:last-child .text:after {
    content: none;
}
#use-magicwater #after {
    width: 100%;
    padding: 3.125%;
}
#use-magicwater #after ul li:first-child {
    margin-bottom: 13.333333333333334%;
}
#use-magicwater #after ul li:last-child {
    margin-left: 0;
}
#use-magicwater #after ul li .text:after {
    content: none;
}


/* ────────────────────── *
 *                                              *
 * 商品：使用例                                 *
 *                                              *
 * ────────────────────── */

#use-notice {
    padding: 6.25% 0;
    margin-bottom: 12.5%;
}
#use-notice h6 {
    font-size: 5.625vw;
    width: 93.75%;
    margin: 0 auto 3.125%;
}
#use-notice .inner {
    font-size: 3.75vw;
    width: 93.75%;
}
#use-notice .inner ul li {
    margin-left: 20px;
    margin-bottom: 5px;
}


/* ────────────────────── *
 *                                              *
 * 商品一覧                                     *
 *                                              *
 * ────────────────────── */

.contents #product-list {
    width: 93.75%;
    margin: 0 auto 15.625%;
}
.contents #product-list ul.list li {
    width: 48.333333333333336%;
    margin-left: 3.3333333333333335%;
    margin-bottom: 10%;
}
.contents #product-list ul.list li:nth-child(3n+1) {
    margin-left: 3.3333333333333335%;
}
.contents #product-list ul.list li:nth-child(odd) {
    margin-left: 0;
}
.contents #product-list ul.list li .photo {
    text-align: center;
    margin: 0 auto 6.896551724137931%;
}
.contents #product-list ul.list li .name {
    font-size: 4.375vw;
    margin-bottom: 0;
}
.contents #product-list ul.list li .name i {
    display: none;
}
.contents #product-list ul.list li .description {
    display: none;
}
.contents #product-list ul.list li .price {
    display: none;
}
.contents #product-list ul.list li .btn {
    display: none;
}
.contents #product-list ul.list li .btn a {
    font-size: 3.75vw;
    padding: 3.4482758620689653%;
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}


/* ────────────────────── *
 *                                              *
 * 商品：スパイラルミスト＞特徴                 *
 *                                              *
 * ────────────────────── */

#character-mist {
    padding: 6.25% 0;
}
#character-mist h4 {
    width: 85.9375%;
    margin: 0 auto 4.6875%;
}
#character-mist .inner {
    font-size: 4.0625vw;
    width: 93.75%;
}
#character-mist .inner dl {
    background: #fff url("../../image/product/mist/bg-character.png") no-repeat 4.6875vw 4.6875vw / 10.9375vw auto;
    padding: 5%;
    margin: 0 auto 3.3333333333333335%;
}
#character-mist .inner dl dt {
    font-size: 5vw;
    padding-top: 1.8518518518518516%;
    padding-left: 16.666666666666664%;
    margin-bottom: 5.555555555555555%;
}
#character-mist .inner dl dt:before {
    font-size: 4.375vw;
    line-height: 10.9375vw;
    width: 10.9375vw;
    height: 10.9375vw;
    left: 4.6875vw;
    top: 4.6875vw;
}


/* ────────────────────── *
 *                                              *
 * 商品：スパイラルミスト＞使用箇所例           *
 *                                              *
 * ────────────────────── */

#use-mist {
    padding: 6.25% 0;
}
#use-mist h4 {
    width: 86.25%;
    margin: 0 auto 4.6875%;
}
#use-mist ul {
    font-size: 4.375vw;
    width: 93.75%;
}
#use-mist ul li {
    width: 48.333333333333336%;
    margin-left: 3.3333333333333335%;
    margin-bottom: 6.666666666666667%;
}
#use-mist ul li:nth-child(3n+1) {
    margin-left: 3.3333333333333335%;
}
#use-mist ul li:nth-child(odd) {
    margin-left: 0;
}


/* ────────────────────── *
 *                                              *
 * 商品：サットクリーン＞特徴                 *
 *                                              *
 * ────────────────────── */

#character-satcrean {
    padding: 6.25% 0;
}
#character-satcrean h4 {
    width: 87.1875%;
    margin: 0 auto 4.6875%;
}
#character-satcrean .inner {
    font-size: 4.0625vw;
    width: 93.75%;
}
#character-satcrean .inner dl {
    background: #fff url("../../image/product/mist/bg-character.png") no-repeat 4.6875vw 4.6875vw / 10.9375vw auto;
    padding: 5%;
    margin: 0 auto 3.3333333333333335%;
}
#character-satcrean .inner dl dt {
    font-size: 5vw;
    padding-top: 1.8518518518518516%;
    padding-left: 16.666666666666664%;
    margin-bottom: 5.555555555555555%;
}
#character-satcrean .inner dl dt:before {
    font-size: 4.375vw;
    line-height: 10.9375vw;
    width: 10.9375vw;
    height: 10.9375vw;
    left: 4.6875vw;
    top: 4.6875vw;
}


/* ────────────────────── *
 *                                              *
 * 商品：お客様の声                             *
 *                                              *
 * ────────────────────── */

#voice {
    padding: 9.375% 0;
}
#voice h4 {
    font-size: 5vw;
    width: 93.75%;
    padding: 3.125% 0;
    margin: 0 auto 4.6875%;
    border-top: 1px solid #005ab7;
    border-bottom: 1px solid #005ab7;
}
#voice .inner {
    font-size: 4.0625vw;
    width: 93.75%;
}
#voice .inner p {
    margin-bottom: 6.666666666666667%;
}
#voice .inner ol li {
    font-size: 5.625vw;
    line-height: 1.3;
    padding-left: 13.333333333333334%;
    margin-bottom: 6.666666666666667%;
    position: relative;
}
#voice .inner ol li:before {
    display: inline-block;
    width: 10vw;
    height: 6.5625vw;
    position: absolute;
    left: 0;
    top: 0;
}
#voice .inner ol li:nth-child(1):before {
    content: "";
    background: url("../../image/product/icon-crown-01.png") no-repeat center center / cover;
}
#voice .inner ol li:nth-child(2):before {
    content: "";
    background: url("../../image/product/icon-crown-02.png") no-repeat center center / cover;
}
#voice .inner ol li:nth-child(3):before {
    content: "";
    background: url("../../image/product/icon-crown-03.png") no-repeat center center / cover;
}

/* ────────────────────── *
 *                                              *
 * クレジットカード決済                         *
 *                                              *
 * ────────────────────── */

#yamato_payment4_credit {
    font-size: 4.0625vw;
    padding: 3.3333333333333335%;
    margin-bottom: 10%;
}
#yamato_payment4_credit h2 {
    font-size: 4.375vw;
    margin-bottom: 1.7857142857142856%;
}
#yamato_payment4_credit p.notice {
    font-size: 3.75vw;
    margin-bottom: 1.7857142857142856%;
}
#yamato_payment4_credit dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
#yamato_payment4_credit dl dt {
    width: auto;
    padding: 3.3444816053511706% 0;
}
#yamato_payment4_credit dl dt span.ec-required {
    font-size: 3.125vw;
    vertical-align: 2px;
    padding: 2px 5px;
    margin-left: 3.3333333333333335%;
    position: static;
}
#yamato_payment4_credit dl dd {
    padding: 0 0 3.3444816053511706%
}
#yamato_payment4_credit dl dd p {
    font-size: 3.125vw;
    margin-top: 1.7857142857142856%;
}
#yamato_payment4_credit dl dd input[type=text] {
    padding: 3.3333333333333335%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#yamato_payment4_credit dl dd input[type=text]#shopping_order_security_code {
    width: 150px;
}
#yamato_payment4_credit dl dd select {
    font-size: 4.0625vw;
    width: 100%;
    padding: 3.3333333333333335%;
}
#yamato_payment4_credit dl dd select#shopping_order_card_exp_month,
#yamato_payment4_credit dl dd select#shopping_order_card_exp_year {
    width: 100px;
}

}