@charset "utf-8";

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


/* ────────────────────── *
 *                                              *
 * メインビジュアル                             *
 *                                              *
 * ────────────────────── */

#mainvisual {
    height: 81.25vw;
    margin-bottom: 10%;
}
#mainvisual .inner {
    width: 93.75%;
}
#mainvisual .inner img {
    bottom: 3.125vw;
}
p#campaign {
    width: 93.75%;
    margin: 0 auto 10%;
}


/* ────────────────────── *
 *                                              *
 * おすすめ横並び                               *
 *                                              *
 * ────────────────────── */

ul#recommend-flex {
    width: 93.75%;
    margin: 0 auto 9.375%;
    display: block;
}
ul#recommend-flex li:first-child {
    margin-bottom: 3.3333333333333335%;
}
ul#recommend-flex li img {
    width: 100%;
    max-width: none;
}

/* ────────────────────── *
 *                                              *
 * スーパードリームF-1バナー                    *
 *                                              *
 * ────────────────────── */

#banner-f1 {
/*    margin-bottom: 21.875%;*/
    margin-bottom: 15.625%;
}
#banner-f1 .inner {
    font-size: 3.75vw;
    line-height: 1.7;
    background: url("../../image/banner-f1.jpg") no-repeat 60% center / cover;
    width: 93.75%;
    min-height: 62.5vw;
    padding: 3.90625% 3.125% 3.125%;
    margin: 0 auto 6.25%;
}
#banner-f1 .inner h1 {
    font-size: 6.875000000000001vw;
    margin-bottom: 7.142857142857142%;
}
#banner-f1 .inner ul li {
    font-size: 4.375vw;
    margin-bottom: 5.357142857142857%;
}
#banner-f1 .inner p.text {
    background: rgba(255,255,255, 0.5);
    width: auto;
    padding: 3.571428571428571%;
    border-radius: 4px;
    text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}
#banner-f1 .inner #winter-virus {
    font-size: 3.4375000000000004vw;
    width: 25vw;
    height: 25vw;
    padding: 5px;
    border: 2px solid #fff;
    right: -2.1875vw;
    top: -6.25vw;
}
#banner-f1 p.btn-more {
    font-size: 5vw;
    width: 75%;
}
#banner-f1 p.btn-more a {
    padding: 6.25%;
}
#vegetable-clean {
    width: 93.75%;
    margin: 0 auto 12.5%;
}
#teclean {
    width: 93.75%;
    margin: 0 auto 6.75%;
}

/* ────────────────────── *
 *                                              *
 * 見出し                                       *
 *                                              *
 * ────────────────────── */

h2.title {
    font-size: 6.25vw;
    width: 84.375%;
    margin: 0 auto 15.625%;
}
h2.title span {
    padding: 0 3.7037037037037033%;
}
h2.title span:after {
    font-size: 3.4375000000000004vw;
    bottom: -6.25vw;
}

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

#products {
    width: 93.75%;
    margin: 0 auto 30px;
}
#products .list {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10%;
}
#products .list p.photo {
    margin-bottom: 3.3333333333333335%;
}
#products .list p.photo img {
    width: 100%;
    max-width: none;
}
#products .list dl dt {
    font-size: 4.6875vw;
    margin-bottom: 1.6666666666666667%;
}
#products .list dl dd {
    font-size: 3.75vw;
}

/* ────────────────────── *
 *                                              *
 * お知らせ                                     *
 *                                              *
 * ────────────────────── */

#info {
    font-size: 4.0625vw;
    width: 93.75%;
    padding: 3.125%;
    margin: 0 auto 25%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#info table th {
    display: block;
    width: auto;
    padding: 0;
    border-bottom: none;
}
#info table td {
    display: block;
    width: auto;
    padding: 0 0 3.571428571428571%;
    margin-bottom: 3.571428571428571%;
}
#info table tr:last-child td {
    padding: 0;
    margin-bottom: 0;
}
#info table td i {
    font-size: 3.125vw;
    line-height: 4.0625vw;
    width: 4.0625vw;
    height: 4.0625vw;
    margin-top: 5px;
    border-radius: 50%;
}
#info table td .info-detail {
    font-size: 3.75vw;
    padding-top: 10px;
}

/* ────────────────────── *
 *                                              *
 * 入荷待ち                                     *
 *                                              *
 * ────────────────────── */

#soldout {
    font-size: 3.125vw;
    width: 93.75%;
    margin: 0 auto 9.375%;
    padding: 3.125%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#soldout h2 {
    font-size: 5vw;
    padding: 1.8656716417910446%;
    margin-bottom: 3.731343283582089%;
}
#soldout ul {
    font-size: 3.125vw;
    margin: 3.7593984962406015% auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
#soldout ul li {
    width: 100%;
    margin: 0 0 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#soldout ul li figure {
    width: 11.278195488721805%;
    margin-right: 5px;
}
#soldout ul li br {
    display: none;
}
#soldout ul li img {
    margin: 0;
}

/* ────────────────────── *
 *                                              *
 * 新年御挨拶                                   *
 *                                              *
 * ────────────────────── */

#newyear {
    width: 93.75%;
    margin: 0 auto 9.375%;
}

}