@charset "utf-8";

/* recet -----------------------------------------------------  */

/* html, */
/* body, */
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin        : 0;
    padding       : 0;
    border        : 0;
    font          : inherit;
    font-size     : 100%;
    vertical-align: baseline;
}

html {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing : 0;
}

caption,
th,
td {
    text-align    : left;
    font-weight   : normal;
    vertical-align: middle;
}

q,
blockquote {
    quotes: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none;
}

a img {
    border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none;
}


.clearfix {
    overflow: hidden;
}

input,
button,
textarea,
select {
    -webkit-appearance: none;
    -moz-appearance   : none;
    appearance        : none;
    font-size         : inherit;
    font-family       : inherit;
}

html {
    font-size: 62.5%;
}

html, body {
    scroll-behavior: smooth;
    text-align: justify;
    word-break: break-all;
    color: #042d53;
    font-family: "Zen Maru Gothic", serif;
}

html,
body {
    height: 100%;
}

/* html, body,#wrapper {
 height: 100%;
} */

#wrapper {
    display       : flex;
    flex-direction: column;
}

main {
    flex: 1;
}

@media all and (-ms-high-contrast:none) {

    *::-ms-backdrop,
    #wrapper {
        display: block;
    }

    /* IE11 */
}


iframe[name="google_conversion_frame"] {
    position: absolute;
    top     : 0;
}


/* -------------------------------------*/

input[type=password],
input[type=text],
textarea,
select {
    font-size: 1.6rem;
}


/* font ----------------------------------------------------- */

@font-face {
    font-family: YuGothicM;
    src        : local("Yu Gothic Medium");
}

.mypage-help-menu .next-menu .ico-next,
#gfooter .copyright,
.mypage-help-menu .lesson-menu .lesson-num {
    font-family: "Helvetica Neue", "arial", sans-serif;
}

.mypage .tit-02,
#gheader .gsc-control-cse,
.font-normal,
body {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
}

.font-normal {
    display: inline;
}

.box-info-btn .txt-info-btn,
.list-freeze-vege .tit-freeze,
.tit-about-info .tit,
.box-cnv p,
.tit-about .tit,
.tit-02,
.tit-03,
.tit-01 .pagetit,
.top-nav,
.font-serif {
    font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}

/* form -------------------------------------------------------- */

input[type=radio],
input[type=checkbox] {
    display     : inline-block;
    margin-right: 6px;
}

input[type=radio]+label,
input[type=checkbox]+label {
    position    : relative;
    display     : inline-block;
    margin-right: 12px;
    line-height : 1.3;
    cursor      : pointer;
}

@media (min-width: 1px) {
    input[type=radio],
    input[type=checkbox] {
        display: none;
        margin : 0;
    }

    input[type=radio]+label,
    input[type=checkbox]+label {
        padding: 0 0 0 30px;
    }

    input[type=radio]+label:before,
    input[type=checkbox]+label:before {
        content        : "";
        position       : absolute;
        /* top         : 50%; */
        left           : 0;
        -moz-box-sizing: border-box;
        box-sizing     : border-box;
        display        : block;
        width          : 22px;
        height         : 22px;
        /* margin-top  : -9px; */
        background     : #FFF;
    }

    input[type=radio]+label:before {
        border       : 1px solid #6e5c50;
        border-radius: 30px;
    }

    input[type=checkbox]+label:before {
        border: 1px solid #6e5c50;
    }

    input[type=radio]:checked+label:after,
    input[type=checkbox]:checked+label:after {
        content : "";
        position: absolute;
        top     : 11px;

        -moz-box-sizing: border-box;
        box-sizing     : border-box;
        display        : block;
    }

    /* input[type=radio]:checked + label:before {
 border-color:#cc0000;
}
 */

    input[type=radio]:checked+label:after {
        left: 6px;

        width     : 10px;
        height    : 10px;
        margin-top: -5px;

        background   : #cc0000;
        border-radius: 8px;
    }

    input[type=checkbox]:checked+label:after {
        left: 3px;

        width     : 16px;
        height    : 8px;
        margin-top: -8px;

        border-left  : 3px solid #cc0000;
        border-bottom: 3px solid #cc0000;

        -webkit-transform: rotate(-45deg);
        -ms-transform    : rotate(-45deg);
        transform        : rotate(-45deg);
    }
}

/*---------------------*/

.customSelect {
    border                 : 1px solid #999;
    border-radius          : 5px;
    background-color       : #fff;
    background-image       : url(/common/images/ico-arrow01.png);
    background-repeat      : no-repeat;
    -moz-background-size   : 13px 8px;
    -o-background-size     : 13px 8px;
    -webkit-background-size: 13px 8px;
    background-size        : 13px 8px;
    background-color       : #fff;
    background-position    : 92% center;
    padding                : 5px 25px 5px 5px;
    -webkit-appearance     : none !important;
    -moz-appearance        : none !important;
    appearance             : none !important;
}

.customSelect .customSelectInner {
    width         : auto !important;
    font-size     : 93%;
    vertical-align: top;
}

.box-deliv-prd-list-wrap .box-btn {
    margin: 20px 0;
}

.customSelect::-ms-expand {
    display: none;
}

/*---------------------*/

textarea,
input[type=password],
input[type=text] {
    border    : 1px solid #6e5c50;
    padding   : 10px;
    box-sizing: border-box;
}

input[type=password],
input[type=text] {
    border-radius: 4px;
}


::-webkit-input-placeholder {
    color: #ccc;
}

::-moz-placeholder {
    color  : #ccc;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #ccc;
}

.form-base-01 {
    display    : -webkit-box;
    /*Android4.3*/
    display    : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display    : flex;
    align-items: center;
    flex-wrap  : wrap;
}

.form-base-01 dt {
    font-size    : 1.4rem;
    padding-right: 10px;
}

.form-base-01 dd {
    padding-right: 10px;
}

.form-base-01 li {
    padding-right: 10px;
    font-size    : 1.4rem;
}

.search-zip {
    margin       : 10px 0 0 auto;
    padding-right: 0;
}

.form-base-02 dt {
    font-size    : 1.4rem;
    margin-bottom: 5px;
}

.form-base-02 dd {
    margin-bottom: 20px;
}

ul.form-base-02 {
    margin-bottom: -10px;
}

.form-base-02 li {
    font-size    : 1.4rem;
    margin-bottom: 10px;
}

.form-base-03 {
    display  : -webkit-box;
    /*Android4.3*/
    display  : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display  : flex;
    flex-wrap: wrap;
}

ul.form-base-03 {
    margin-bottom: -10px;
}

.form-base-03 li {
    font-size    : 1.4rem;
    margin-bottom: 15px;
}

.box-form-01 {
    padding: 10px;
}

.box-form-check {
    text-align: center;
    margin    : 30px 0;
    font-size : 1.4rem;
}

.input-01 {
    width: 110px;
}

.input-02 {
    width: 50px;
}

.input-03 {
    width: 80px;
}

.input-04 {
    width: 90%;
}

.box-check {
    text-align: center;
    font-size : 1.3rem;
    margin    : 40px 0 20px;
}

.box-rule {
    overflow-y: scroll;
    height    : 200px;
    padding   : 20px;
    border    : 1px solid #c0b9b4;
    margin    : 10px;
}

/* menu ----------------------------------------------------- */

html {
    height  : 100%;
    overflow: auto;
}

.mask {
    height  : 100%;
    overflow: hidden;
}

.mask #wrapper {
    overflow: hidden;
}

.mask #gheader-01 {
    position: static;
}

.mask .ico-hamburger {
    z-index: 1002;
}

.mask .ico-hamburger span {
    background: #301706;
}

.hamburger-menu {
    display       : none;
    background    : #594538;
    /*  background: rgba(255,255,255,1); */
    position      : fixed;
    top           : 0;
    left          : 0;
    width         : 100%;
    height        : 100%;
    /*  height    : calc(100% - 100px); */
    /*  padding   : 20px 0 80px; */
    overflow      : auto;
    z-index       : 1001;
}

.hamburger-menu-inner-01 {
    background: #fff;
}

.hamburger-menu-inner-02 {
    max-width: 1100px;
    margin   : 0 auto;
}


.hamburger-menu .box-profile-tit {
    padding    : 20px;
    display    : -webkit-box;
    /*Android4.3*/
    display    : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display    : flex;
    align-items: center;
    background : #fff;
}

.hamburger-menu .box-profile-logout {
    text-align: right;
    font-size : 1.1rem;
    margin-top: 5px;
}

.hamburger-menu .box-profile-logout a {
    color: #6e5c50;
}

.hamburger-menu .box-profile-tit .box-profile-img img {
    display: block;
}

.hamburger-menu .box-profile-tit .box-profile-txt {
    flex-grow  : 2;
    margin-left: 10px;
    font-size  : 1.3rem;
}

.hamburger-menu-body {
    background: #fff;
}

.hamburger-menu-list-01-wrap {
    margin-right: 30px;
}

.hamburger-menu-list-01-wrap,
.hamburger-menu-list-02 ul {
    max-width: 1000px;
}

.hamburger-menu-list-01 {
    margin-right: 10px;
}

.hamburger-menu-list-01>dt {
    background : #eae7e6;
    font-size  : 1.3rem;
    line-height: 1.3;
    padding    : 10px 15px;
    color      : #301706;
}

.hamburger-menu-list-01 dd li span,
.hamburger-menu-list-01 dd dt span,
.hamburger-menu-list-01 dd li a {
    padding: 15px 20px;
    display: block;
}

.hamburger-menu-list-01 dd dt,
.hamburger-menu-list-01 dd li {
    border-bottom: 1px solid #eae7e6;
    font-size    : 1.4rem;
    line-height  : 1.3;
}

.hamburger-menu-list-01 dd li:last-of-type {
    border-bottom: none;
}

.hamburger-menu-list-01 dd li a {
    color: #301706;
}

.hamburger-menu-list-01 dd .nav-03 li:last-of-type {
    border-bottom: none;
}

.hamburger-menu-list-01 dd dt span,
.hamburger-menu-list-01 dd li a {
    position: relative;
}

.hamburger-menu-list-01 .accordion dt {
    cursor: pointer;
}

.hamburger-menu-list-01 .accordion li a {
    padding-left: 30px;
}

.hamburger-menu-list-01 .accordion li li a {
    padding-left: 45px;
}

.hamburger-menu-list-01 .accordion,
.hamburger-menu-list-01 .accordion li ul {
    border-top: 1px solid #eae7e6;
}

.hamburger-menu-list-01 dd dt span:after,
.hamburger-menu-list-01 dd li a:after {
    position   : absolute;
    font-family: 'FontAwesome';
    top        : 10px;
    right      : 10px;
    font-size  : 2.4rem;
}

.hamburger-menu-list-01 dd li a:after {
    content: "\f105";
    color  : #f09f69;
}

.hamburger-menu-list-01 dd dt span:after {
    content: "\f107";
    color  : #c0b9b4;
}

.hamburger-menu-list-01 dd dt.open span:after {
    content: "\f106";
}

.hamburger-menu-list-02 {
    background: #594538;
}

.hamburger-menu-list-02 ul {
    max-width: 1100px;
    margin   : 0 auto;
}

@media screen and (max-width: 799px) {
    .mask #header-wrap01 {
        position: static;
    }

    .mask main {
        margin-top: -1px;
    }

    .mask #nav-wrap {
        z-index: 997
    }
}

/* gfooter ----------------------------------------------------- */

#gfooter .footer-02 {
    background: #fff;
}

#gfooter .footer-02 p {
    text-align   : right;
    box-sizing   : border-box;
    padding-right: 20px;
}

#gfooter .footer-02 img {
    width         : 26px;
    vertical-align: bottom;
    font-size     : 0;
    line-height   : 0;
}

.gfooter-inner {
    background: #3b2313;
}

.hamburger-menu-list-02 ul,
#gfooter ul {
    display    : -webkit-box;
    /*Android4.3*/
    display    : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display    : flex;
    align-items: center;
    flex-wrap  : wrap;
    padding    : 10px 0;
}

.hamburger-menu-list-02 li,
#gfooter li {
    width      : 50%;
    font-size  : 1.2rem;
    line-height: 1.4;
    position   : relative;
}

.hamburger-menu-list-02 li:after,
#gfooter li:after {
    content    : "\f105";
    color      : #fff;
    font-family: 'FontAwesome';
    position   : absolute;
    right      : 20px;
    top        : 5px;
    font-size  : 1.6rem;
}

.hamburger-menu-list-02 li a,
#gfooter li a {
    color  : #fff;
    display: block;
    padding: 10px;
}

#gfooter .copyright {
    color      : #fff;
    font-size  : 1.1rem;
    line-height: 1.4;
    text-align : center;
    margin-top : 20px;
    background : #301706;
    padding    : 10px;
}

/* gheader ----------------------------------------------------- */

#gheader {
    background: #fff;
}

#gheader .btn-search {
    position: absolute;
    top     : 8px;
    right   : 65px;
    cursor  : pointer;
}

#gheader .btn-search i {
    font-size: 2rem;
    color    : #301706;
}

#gheader-01 {
    border-bottom: 1px solid #eae7e6;
    background   : #fff;
}

#gheader-01-inner {
    box-sizing: border-box;
    position  : relative;
}

#gheader-01 .logo {
    position: absolute;
    top     : 10px;
    left    : 10px;
}


#gheader .box-search {
    display        : -webkit-box;
    /*Android4.3*/
    display        : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display        : flex;
    align-items    : center;
    justify-content: center;
}

#gheader .box-search input,
#gheader .box-search button {
    height    : 36px;
    border    : none;
    /*  border: 1px solid #978b82; */
}

#gheader .gsc-control-cse {
    background: none;
    border    : none;
}


#gheader table.gsc-search-box td,
#gheader table.gsc-search-box input {
    vertical-align: top !important;
}

#gheader input.gsc-input,
#gheader .gsc-input-box,
#gheader .gsc-input-box-hover,
#gheader .gsc-input-box-focus {
    border            : none !important;
    background        : none;
    -webkit-appearance: none;
    box-shadow        : none !important;
}

#gheader .gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 0;
}

#gheader input[type="text"] {
    font-size : 1.3rem;
    text-align: left;
}

#gheader .gsc-control-cse {
    padding: 0;
}

#gheader input[type="text"]:focus {
    border            : none;
    outline           : 0;
    box-shadow        : none !important;
    -webkit-appearance: none;
}

#gheader .gsib_a {
    padding      : 7px 5px 8px 10px;
    font-size    : 1.2rem;
    line-height  : 1.2;
    display      : block;
    border-radius: 20px 0 0 20px;
    border-right : 0;
    font-family  : inherit;
    border       : 1px solid #eae7e6;
    background   : #fff;
    box-sizing   : border-box;
    height       : 40px;
}


/*edge*/
_:-ms-lang(x),
_::-webkit-meter-bar,
#gheader .gsib_a input {
    text-indent: 25px !important;
}

#gheader #gsc-iw-id1 {
    border: none !important;
}

#gheader .gsib_b {
    display: none;
}

#gheader button.gsc-search-button,
#gheader button.gsc-search-button:hover,
#gheader button.gsc-search-button:focus {
    padding      : 0;
    display      : block;
    border-radius: 0 20px 20px 0;
    border-left  : 0;
    line-height  : 1.2;
    cursor       : pointer;
    background   : #594538;
    padding      : 12px;
    margin       : 0;
}

#gheader .gsc-results-wrapper-overlay {
    width: 80%;
    left : 2%;
}

#gheader .logo img {
    width: 130px;
}

/*-------------------
ico-hamburger
-------------------*/

.ico-hamburger {
    width   : 30px;
    height  : 20px;
    cursor  : pointer;
    position: absolute;
    top     : 10px;
    right   : 15px;
}

.ico-hamburger span {
    position          : absolute;
    top               : 0;
    left              : 0;
    display           : block;
    width             : 30px;
    height            : 2px;
    background        : #000;
    -webkit-transition: all 0.3s ease-out;
    transition        : all 0.3s ease-out;
}

.ico-hamburger span:nth-child(1) {
    top: 0;
}

.ico-hamburger span:nth-child(2) {
    top: 8px;
}

.ico-hamburger span:nth-child(3) {
    top: 16px;
}

.ico-hamburger.is-active span:nth-child(1) {
    top              : 8px;
    -webkit-transform: rotate(45deg);
    transform        : rotate(45deg);
}

.ico-hamburger.is-active span:nth-child(2) {
    opacity: 0;
}

.ico-hamburger.is-active span:nth-child(3) {
    top              : 8px;
    -webkit-transform: rotate(135deg);
    transform        : rotate(135deg);
}

/*-------------------
header-wrap
-------------------*/

.subnav {
    background   : #fff;
    border-bottom: 1px solid #eae7e6;
    box-sizing   : border-box;
    position     : absolute;
    width        : 100%;
    top          : 95px;
}

.mypage .subnav {
    top: 80px;
}

.subnav ul {
    display        : -webkit-box;
    /*Android4.3*/
    display        : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display        : flex;
    flex-wrap      : wrap;
    justify-content: space-around;
    max-width      : 1100px;
}

.subnav>ul>li>a {
    display    : block;
    color      : #978b82;
    font-size  : 1.2rem;
    font-weight: bold;
    cursor     : pointer;
    height     : 45px;
    line-height: 45px;
    box-sizing : border-box;
}

.mypage-04-1 .subnav>ul>li.nav-04>a,
.mypage-04-2 .subnav>ul>li.nav-04>a,
.mypage-04-3 .subnav>ul>li.nav-04>a,
.mypage-01 .subnav .nav-01 a,
.mypage-02 .subnav .nav-02 a,
.mypage-02-1 .subnav .nav-02 a,
.mypage-02-2 .subnav .nav-02 a,
.mypage-02-2-2 .subnav .nav-02 a,
.mypage-02-2-3 .subnav .nav-02 a,
.mypage-03 .subnav .nav-03 a,
.mypage-03-1 .subnav .nav-03 a,
.mypage-03-2 .subnav .nav-03 a,
.mypage-03-3 .subnav .nav-03 a,
.mypage-03-4 .subnav .nav-03 a,
.mypage-03-5 .subnav .nav-03 a,
.mypage-04 .subnav .nav-04 a,
.about-01 .subnav .nav-01 a,
.about-02 .subnav .nav-02 a,
.about-03 .subnav .nav-03 a,
.about-04 .subnav .nav-04 a,
.delivery-01 .subnav .nav-01 a,
.delivery-02 .subnav .nav-02 a,
.delivery-03 .subnav .nav-03 a,
.delivery-04 .subnav .nav-04 a {
    color        : #e97629;
    border-bottom: 3px solid #e97629;
}

/*-------------------
nav-wrap
-------------------*/

#nav-takuhai-push {
    display        : -webkit-box;
    /*Android4.3*/
    display        : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display        : flex;
    align-items    : center;
    justify-content: space-around;
    padding        : 5px;
    background     : rgba(214, 209, 205, 0.8);
}

#nav-takuhai-push .point {
    color        : #fff;
    background   : #e97629;
    margin       : 0;
    width        : 60px;
    height       : 60px;
    line-height  : 1.4;
    text-align   : center;
    display      : block;
    border-radius: 50%;
    font-size    : 1.2rem;
}

#nav-takuhai-push .point span {
    padding-top: 13px;
    display    : block;
}

#prd-search,
#recipe-search {
    padding   : 10px;
    text-align: center;
    background: rgba(214, 209, 205, 0.8);
}

#prd-search.result,
#recipe-search.result {
    background: none;
}

#prd-search i,
#recipe-search i {
    margin-right: 10px;
}

/*-------------------
gnav
-------------------*/

#gnav {
    background: rgba(255, 255, 255, 1);
    border-top: 1px solid #eae7e6;
}

#gnav ul {
    display        : -webkit-box;
    /*Android4.3*/
    display        : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display        : flex;
    align-items    : center;
    justify-content: space-between;
}

#gnav li a {
    color     : #301706;
    text-align: center;
    padding   : 10px;
    display   : block;
}

#gnav .icon {
    width : 25px;
    height: 25px;
    fill  : #301706;
}

#gnav .pagename {
    display   : block;
    text-align: center;
    margin-top: 2px;
}

.about .gnav-01 .icon,
.delivery .gnav-02 .icon,
.recipe .gnav-03 .icon,
.mypage .gnav-04 .icon {
    fill: #e97629 !important;
}

.about .gnav-01 a,
.delivery .gnav-02 a,
.recipe .gnav-03 a,
.mypage .gnav-04 a {
    color: #e97629 !important;
}

/*----------------------------------------------------- container */

/*-------------------
topicpath
-------------------*/

.topicpath {
    display       : -webkit-box;
    display       : -webkit-flex;
    display       : flex;
    flex-wrap     : wrap;
    padding-bottom: 30px;
    background    : #fff;
}

.topicpath li {
    font-size    : 1.1rem;
    line-height  : 1.4;
    padding-right: 20px;
    color        : #6e5c50;
}

.topicpath li a {
    display : block;
    position: relative;
    color   : #e97629;
}

.topicpath li a:after {
    content    : "\f105";
    position   : absolute;
    font-family: 'FontAwesome';
    right      : -10px;
    color      : #6e5c50;
}

/*------------------------------------*/

main {
    background: #fff;
}

#contents {
    background    : #fff;
    padding-bottom: 50px;
}

.box-clm-side-wrap {
    display: none;
}

.box-inner {
    padding: 10px;
}

.box-flex {
    display        : -webkit-box;
    /*Android4.3*/
    display        : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display        : flex;
    align-items    : center;
    justify-content: space-between;
}

.sec-02+.sec-02 {
    margin-top: 20px;
}

.box-view {
    display: none;
}

#iframe-modal .box-view {
    display: block;
}

#iframe-modal .btn-view {
    display: none;
}

.about-04 .btn-view {
    text-align: center;
}

.btn-view.btn-about-info-more p {
    cursor       : pointer;
    font-size    : 1.4rem;
    color        : #6e5c50;
    border       : 2px solid #6e5c50;
    text-align   : center;
    padding      : 10px 40px 10px 30px;
    display      : inline-block;
    border-radius: 5em;
    position     : relative;
}

.btn-view p:before {
    content    : "\f107";
    font-family: 'FontAwesome';
    position   : absolute;
    top        : 20%;
    right      : 20px;
    font-size  : 1.8rem;
    color      : #6e5c50;
}

.btn-view.open p:before {
    content: "\f106";
    top    : 18%;
}

/* top ----------------------------------------------------- */

#top-wrapper-mask {
    width     : 100%;
    height    : 100%;
    background: #fff;
    position  : fixed;
    z-index   : 99999;
    top       : 0;
    left      : 0;
}

.top-tagline {
    background     : #f6f6f6 url(/common/images/bg-tagline.png) right center no-repeat;
    background-size: 78px 30px;
    font-size      : 1.1rem;
    padding        : 10px 0;
    font-weight    : bold;
    color          : #301706;
}

.top-tagline span {
    max-width : 1100px;
    margin    : 0 auto;
    display   : block;
    box-sizing: border-box;
    padding   : 0 20px;
}

#mv {
    text-align: center;
    background: #fff;
    position  : relative;
    z-index   : 1;
}

#mv img {
    width         : 100%;
    vertical-align: bottom;
}


.mv-txt {
    position: absolute;
    z-index : 9;
    display : none;
}

#mv .mv-txt img {
    display: block;
}

@media (max-width: 540px) {
    .mv-txt {
        bottom: 40px;
        left  : 30px;
    }

    #mv .mv-txt .img-01 {
        width: 100%;
    }

    #mv .mv-txt .img-02 {
        margin-top: 15px;
        width     : 30%;
    }
}

@media (min-width: 541px) and (max-width: 640px) {
    .mv-txt {
        bottom: 50px;
        left  : 30px;
    }

    #mv .mv-txt .img-01 {
        width: 90%;
    }

    #mv .mv-txt .img-02 {
        margin-top: 15px;
        width     : 30%;
    }
}

@media (min-width: 641px) and (max-width: 799px) {
    .mv-txt {
        bottom: 50px;
        left  : 40px;
    }

    #mv .mv-txt .img-01 {
        width: 70%;
    }

    #mv .mv-txt .img-02 {
        margin-top: 20px;
        width     : 25%;
    }
}

@media (min-width: 800px) {
    .mv-txt {
        bottom: 60px;
        left  : 50px;
    }

    #mv .mv-txt .img-01 {
        width: 65%;
    }

    #mv .mv-txt .img-02 {
        margin-top: 30px;
        width     : 25%;
    }
}

.sp-slides-container {
    background: #e9e6e5;
}

.sp-slide {
    /*  opacity:0.8; */
    line-height: 0;
    font-size  : 0;
}

.sp-slide.sp-selected {
    opacity: 1;
}

.sp-slide a {
    display: block;
}

.sp-slide img {
    vertical-align: bottom;
}

.sp-arrow:after,
.sp-arrow:before {
    transform: none !important;
}

.sp-next-arrow:after,
.sp-next-arrow:before,
.sp-previous-arrow:after,
.sp-previous-arrow:before {
    background: none !important;
}

.sp-next-arrow:before,
.sp-previous-arrow:before {
    font-family: FontAwesome !important;
    font-size  : 8rem;
    color      : #fff;
}

.sp-next-arrow:before {
    content: '\f105' !important;
}

.sp-previous-arrow:before {
    content: '\f104' !important;
}

.sp-horizontal.sp-rtl .sp-previous-arrow,
.sp-next-arrow {
    transform: none !important;
}

.sp-selected .mv-txt {
    animation: fadeIn 3s ease;
    display  : block;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.top-nav {
    position: relative;
    z-index : 2;
}

.top-nav .catch,
.top-nav .tit {
    line-height: 1.4;
    font-weight: bold;
    display    : block;
}

.top-nav .catch {
    font-size: 1.0rem;
}

.top-nav .tit {
    font-size     : 1.7rem;
    letter-spacing: 0.05em;
}

.top-nav {
    display    : -webkit-box;
    /*Android4.3*/
    display    : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display    : flex;
    align-items: center;
    background : #301706;
}

.top-nav li {
    width: 50%;
}

.top-nav li a {
    background : #301706;
    color      : #fff;
    display    : block;
    height     : 45px;
    padding-top: 5px;
    text-align : center;
    box-sizing : border-box;
}

.top-nav li:first-of-type a {
    background   : #fff;
    color        : #301706;
    height       : 65px;
    margin-top   : -10px;
    padding-top  : 15px;
    border-radius: 0 3px 0 0;
}

@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop,
    .top-nav li:first-of-type a {
        border-bottom: 1px solid #fff;
    }
    /* IE11 */
}

/* color ----------------------------------------------------- */

.clr-01 {
    color: #301706;
}

.clr-02 {
    color: #ff0000;
}

.clr-03 {
    color: #e97629;
}

.clr-04 {
    color: #1c7e1c;
}

/* txt ----------------------------------------------------- */

.txt-01 {
    font-size  : 1.3rem;
    line-height: 1.4;
}

.txt-02 {
    font-size  : 1.3rem;
    line-height: 1.4;
    padding    : 0 10px;
}

.txt-03 {
    font-size  : 1.2rem;
    line-height: 1.4;
}

.txt-04 {
    font-size  : 1.1rem;
    line-height: 1.4;
}

.txt-05 {
    font-size  : 1.4rem;
    line-height: 1.4;
}

.txt-06 {
    font-size  : 1.6rem;
    line-height: 1.4;
}

.txt-07 {
    font-size  : 1.4rem;
    line-height: 1.5;
}


.txt-msg-01 {
    font-size  : 1.4rem;
    line-height: 1.4;
    padding    : 20px;
    color      : #e97629;
    border     : 1px solid #e97629;
    margin     : 0 0 40px;
}

.txt-msg-02 {
    font-size  : 1.3rem;
    line-height: 1.4;
    color      : #e97629;
    font-weight: bold;
}

.txt-msg-03 {
    font-size  : 1.2rem;
    line-height: 1.6;
    padding    : 10px;
    color      : #1c7e1c;
    background : #e8f2e8;
    /* border  : 1px solid #499849; */
    margin     : 10px;
}

.txt-msg-01 i,
.txt-msg-02 i,
.txt-msg-03 i {
    margin-right: 5px;
}

.txt-msg-03 li {
    margin-bottom: 10px;
}

.txt-msg-03 li:last-of-type {
    margin-bottom: 0;
}

.txt-intro-01 {
    font-size  : 1.3rem;
    line-height: 1.6;
    padding    : 10px;
}

.txt-intro-02 {
    font-size  : 1.3rem;
    line-height: 1.6;
}

.txt-intro-01 a,
.txt-intro-02 a {
    color          : #301706;
    text-decoration: underline;
}

.txt-notice {
    font-size  : 1.3rem;
    line-height: 1.4;
    color      : #ff0000;
}

.txt-notice-02,
.txt-notice-02 a {
    font-size  : 1.2rem;
    line-height: 1.6;
    color      : #ff0000;
}

.txt-notice-02 a {
    text-decoration: underline;
}

.txt-notice-03,
.txt-notice-03 a {
    font-size  : 1.2rem;
    line-height: 1.4;
    color      : #594538;
}

.txt-notice-03 a {
    text-decoration: underline;
}

.txt-notice-04 {
    font-size  : 1.1rem;
    line-height: 1.4;
    color      : #6e5c50;
}

.txt-notice-05 {
    font-size  : 1.3rem;
    line-height: 1.8;
    color      : #ff0000;
}

.txt-notice-06 {
    font-size  : 1.3rem !important;
    line-height: 1.8;
    color      : #ff0000 !important;
}

.txt-memo {
    font-size  : 1.2rem;
    line-height: 1.6;
    margin     : 0 20px 10px;
}

.txt-memo-02 {
    font-size: 1.1rem;
}

.box-txt-01 p {
    font-size  : 1.4rem;
    line-height: 1.6;
    padding    : 0 10px 10px;
}

.link-back {
    margin-bottom: 30px;
    text-align   : right;
    padding-right: 10px;
}

.link-back i {
    margin-right: 5px;
    font-size   : 1.2em;
}

.link-back a {
    color    : #6e5c50;
    font-size: 1.3rem;
}

.link-01 {
    padding: 0 10px;
}

.link-01 a {
    color    : #6e5c50;
    font-size: 1.3rem;
}

.link-02 a {
    color          : #6e5c50;
    font-size      : 1.3rem;
    text-decoration: underline;
}

/* tit ----------------------------------------------------- */

.tit-01 {
    background-color: #f0efed;
    color           : #301706;
    line-height     : 1.4;
    position        : relative;
}

.tit-01 .tit-wrap {
    background-position: right bottom;
    background-repeat  : no-repeat;
    padding            : 7px 20px;
    display            : block;
}

.tit-01 .tagline {
    font-size: 1.1rem;
}

.tit-01 .pagetit {
    font-size  : 1.8rem;
    font-weight: bold;
    display    : block;
}

.recipe .tit-01 .tit-wrap {
    background-image: url(/common/images/bg-tit-recipe.png);
    background-size : 54px 48px;
}

.delivery .tit-01 .tit-wrap {
    background-image   : url(/common/images/bg-tit-about.png);
    background-size    : 54px 50px;
    background-position: right center;
}

.about .tit-01 .tit-wrap {
    background-image   : url(/common/images/bg-tit-delivery.png);
    background-size    : 52px 38px;
    background-position: right center;
}

.tit-02 {
    font-size  : 1.8rem;
    line-height: 1.3;
    padding    : 15px;
    font-weight: bold;
    color      : #301706;
}

.tit-02 .ctgry {
    margin-bottom: 10px;
    font-weight  : normal;
    display      : block;
}

.tit-02 .ctgry,
.tit-02 .ctgry a {
    color    : #e97629;
    font-size: 1.1rem;
}

.tit-02 .txt-sub {
    font-weight : normal;
    font-size   : 1.2rem;
    padding-left: 10px;
}

.tit-03-2 {
    font-size      : 1.3rem;
    padding        : 10px;
    /*  font-weight: bold; */
    color          : #6e5c50;
    letter-spacing : -0.05em;
    background     : #eae7e6;
    /*  border-top : 1px solid #eae7e6;
 border-bottom     : 1px solid #eae7e6; */
    margin-bottom  : 10px;
}

.tit-03 {
    /*  background: #e6e3e1; */
    color        : #301706;
    font-size    : 1.6rem;
    /*  padding  : 8px; */
    margin-bottom: 10px;
}

.tit-04 {
    font-size  : 1.4rem;
    font-weight: bold;
    color      : #301706;
}

#iframe-modal .tit-04 {
    font-size: 1.8rem;
}

.tit-05 {
    font-size  : 2rem;
    font-weight: bold;
    color      : #301706;
    line-height: 1.4;
}

.tit-06 {
    font-size    : 1.8rem;
    font-weight  : bold;
    color        : #301706;
    line-height  : 1.4;
    margin-bottom: 20px;
}

/* btn ----------------------------------------------------- */

.box-btn {
    text-align: center;
    margin-top: 40px;
}

.box-btn02 {
    padding: 20px;
}

.btnlist-01 {
    display        : -webkit-box;
    /*Android4.3*/
    display        : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display        : flex;
    align-items    : center;
    justify-content: space-around;
    margin         : 30px auto;
    width          : 70%;
}

.btnlist-01 li {
    width     : 50%;
    text-align: center;
}

.btnlist-02>li {
    display        : -webkit-box;
    /*Android4.3*/
    display        : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display        : flex;
    justify-content: center;
    margin-bottom  : 15px;
}

.btnlist-03 li {
    text-align   : center;
    margin-bottom: 20px;
}

.btnlist-04 {
    display        : -webkit-box;
    /*Android4.3*/
    display        : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display        : flex;
    align-items    : center;
    justify-content: space-around;
}

.btnlist-05 li {
    text-align   : center;
    margin-bottom: 30px;
}

.btn i {
    margin-right: 5px;
}

.btn {
    display       : inline-block;
    vertical-align: middle;
    white-space   : nowrap;
    font-family   : inherit;
    font-size     : 100%;
    cursor        : pointer;
    border        : none;
    margin        : 0;
    padding-top   : 0;
    padding-bottom: 0;
    line-height   : 3;
    height        : 3em;
    padding-right : 1em;
    padding-left  : 1em;
    border-radius : 4px;
    overflow      : visible;
    text-align    : center;
    box-sizing    : border-box;
}

.btn,
.btn:hover,
.btn:active,
.btn:focus,
.btn:visited {
    text-decoration: none;
}

.btn::-moz-focus-inner {
    border : 0;
    padding: 0;
}

.btn {
    color: #fff;
}


.btn-clr-01 {
    background-color: #499849;
}

.btn-clr-02 {
    background-color: #6e5c50;
}

.btn-clr-03 {
    background-color: #e97629;
}

.btn-clr-04 {
    border    : 1px solid #e97629;
    color     : #e97629;
    background: #f6f6f6;
}

.btn-clr-05 {
    border    : 1px solid #c0b9b4;
    color     : #c0b9b4;
    background: #f6f6f6;
}

.btn-clr-06 {
    border    : 1px solid #499849;
    color     : #499849;
    background: #f6f6f6;
}

.btn-clr-07 {
    border    : 1px solid #999;
    color     : #666;
    background: #f6f6f6;
}

.btn-clr-08 {
    border    : 1px solid #301706;
    color     : #301706;
    background: #f6f6f6;
}

.btn-clr-09 {
    border    : 1px solid #c0b9b4;
    color     : #6e5c50;
    background: #fff;
}

.btn-level-01 .btn {
    height     : 3.5em !important;
    line-height: 3.5 !important;
    font-size  : 1.6rem !important;
}

.btn-size-01 {
    width: 75%;
}

.btn-size-02 {
    width: 90%;
}

.btn-size-03 {
    width: 40%;
}

.btn-size-04 {
    width: 80%;
}

.btn-size-05 {
    width: 100%;
}

.btn-size-06 {
    width        : auto;
    padding-right: 20px;
    padding-left : 20px;
}

.btn-fsize-01 {
    font-size: 1.4rem;
}

.btn-fsize-02 {
    font-size: 1.6rem;
}

.btn-fsize-03 {
    font-size: 1.3rem;
}

.btn-r-00 {
    border-radius: 0;
}

.btn-r-01 {
    border-radius: 4px;
}

.btn-r-02 {
    border-radius: 5em;
}

.btn-r-03 {
    border-radius: 6px;
}

.btn-h-01 {
    height     : 4em;
    line-height: 4;
}

.btn-h-02 {
    height     : 2em;
    line-height: 2;
}

.btn-h-03 {
    height     : 2.5em;
    line-height: 2.5;
}

.btn i.ico-size-01 {
    font-size: 2rem;
}

/* module ----------------------------------------------------- */

.box-fade {
    transition                : 0.3s;
    transition-delay          : 0.3s;
    transition-timing-function: ease-in;
    opacity                   : 0;
}

.box-fade.view {
    opacity: 1.0;
}

.box-close {
    margin    : 20px 0;
    text-align: center;
}

.btn-popup-close {
    border-radius: 6px;
    color        : #6e5c50;
    /*  border   : 1px solid #6e5c50; */
    padding      : 10px;
    box-sizing   : border-box;
    font-size    : 1.3rem;
    display      : inline-block;
    cursor       : pointer;
}

.box-close .btn-popup-close {
    border: none;
}

.box-about-set dt {
    background : #eae7e6 none repeat scroll 0 0;
    color      : #6e5c50;
    padding    : 10px;
    font-size  : 1.4rem;
    font-weight: bold;
}

.box-about-set .price {
    font-size    : 1.6rem;
    font-weight  : bold;
    margin-bottom: 5px;
}

.box-about-set .price span {
    font-size  : 1.2rem;
    font-weight: normal;
    margin-left: 10px;
}

.box-about-set dd {
    font-size  : 1.3rem;
    line-height: 1.6;
    padding    : 10px 10px 20px;
}

.box-about-set .ico-rcm {
    background  : #499849;
    font-size   : 1rem;
    color       : #fff;
    font-weight : bold;
    padding     : 2px 5px;
    margin-right: 5px;
}

.ico-ess {
    color      : #e97629;
    font-size  : 1.1rem;
    line-height: 1.2;
    margin-left: 10px;
    display    : inline-block;
    font-weight: normal;
}

.note-01 {
    font-size  : 1.1rem;
    color      : #ff0000;
    line-height: 1.4;
}

/*-----------------
err
------------------*/

.txt-err {
    font-size  : 1.2rem;
    line-height: 1.4;
    color      : #ff0000;
}

.box-err {
    border     : 1px solid #ff0000;
    color      : #ff0000;
    padding    : 10px;
    font-size  : 1.3rem;
    line-height: 1.4;
}

.err-list {
    border       : 1px solid #ff0000;
    margin-bottom: 20px;
    padding      : 10px;
}

.err-list li {
    line-height  : 1.4;
    font-size    : 1.2rem;
    margin-bottom: 5px;
    color        : #ff0000;
    font-weight  : bold;
    position     : relative;
}

.err-list li:before {
    content     : "\f071";
    font-family : 'FontAwesome';
    font-size   : 1.2em;
    margin-right: 10px;
}

.err-list li:last-of-type {
    margin-bottom: 0;
}

.err {
    background: #ffffcc;
}

/*-----------------
link
------------------*/

.link-01 {
    text-align: center;
}

.link-01 a {
    color    : #6e5c50;
    padding  : 30px 0;
    font-size: 1.3rem;
    display  : inline-block;
}

.link-01 a:hover {
    text-decoration: underline;
}

.link-02 a {
    color    : #6e5c50;
    font-size: 1.3rem;
}

.link-02 i {
    margin-right: 5px;
}

.link-03 {
    color          : #6e5c50;
    text-decoration: underline !important;
}

.link-03:hover {
    text-decoration: none !important;
}

/*-----------------
box-paging
------------------*/

.box-paging {
    margin: 20px 0;
}

.box-paging ul {
    display        : -webkit-box;
    /*Android4.3*/
    display        : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display        : flex;
    align-items    : center;
    flex-wrap      : wrap;
    justify-content: center;
}

.box-paging li {
    padding: 20px;
}

.box-paging .page-btn span,
.box-paging .page-btn a {
    display      : block;
    background   : #301706;
    color        : #fff;
    font-size    : 2rem;
    width        : 30px;
    height       : 30px;
    line-height  : 30px;
    text-align   : center;
    border-radius: 2px;
}

.box-paging .page-btn span {
    background: #ddd;
}



.box-paging .count {
    font-size: 1.4rem;
    color    : #301706;
}

/*-----------------
thumb
------------------*/

.thumb {
    box-sizing: border-box;
    overflow  : hidden;
    position  : relative;
    width     : 100%;
}

.thumb:before {
    display    : block;
    content    : '';
    padding-top: 100%;
}

.thumb img {
    bottom   : -100%;
    left     : -100%;
    margin   : auto;
    position : absolute;
    right    : -100%;
    top      : -100%;
    min-width: 100%;
}

img.vertically_long {
    height   : auto;
    max-width: 100%;
}

img.horizontally_long {
    max-height: 100%;
    width     : auto;
}

img.square {
    max-height: 100%;
    max-width : 100%;
}

/*-----------------
list
-------------------*/

.list-01 a,
.pic-list-01 a {
    display: block;
    color  : #301706;
}

.list-01>li {
    border-bottom: 1px solid #eae7e6;
}

.list-01>li .outofstock,
.list-01>li a {
    padding: 10px;
}

.list-01 .list-wrap {
    display: -webkit-box;
    /*Android4.3*/
    display: -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display: flex;
}

.list-01 .thumb-wrap {
    width       : 20%;
    margin-right: 10px;
}

.list-01 .thumb {
    border    : 1px solid #ddd;
    box-sizing: border-box;
}

.list-01 .main-name {
    font-size    : 1.4rem;
    line-height  : 1.4;
    font-weight  : bold;
    margin-bottom: 5px;
}

.list-02>dt {
    background   : #f0efed;
    color        : #301706;
    font-size    : 1.3rem;
    line-height  : 1.3;
    border-top   : 1px solid #eae7e6;
    border-bottom: 1px solid #eae7e6;
    padding      : 5px 10px;
}

.list-03 li {
    border-bottom: 1px solid #eae7e6;
    font-size    : 1.4rem;
    font-weight  : bold;
    position     : relative;
}

.list-03 li:before {
    content    : "\f105";
    font-family: 'FontAwesome';
    position   : absolute;
    right      : 20px;
    top        : 20px;
}

.list-03 li a {
    color  : #301706;
    padding: 20px;
    display: block;
}

.list-03 li a:hover {
    color: #c0b9b4;
}

.list-04 {
    display    : -webkit-box;
    /*Android4.3*/
    display    : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display    : flex;
    align-items: center;
    flex-wrap  : wrap;
}

.list-05 li {
    font-size    : 1.6rem;
    margin-bottom: 10px;
    text-align   : left;
}

/*-----------------
pic-list
-------------------*/

.pic-list-01 {
    display    : -webkit-box;
    /*Android4.3*/
    display    : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display    : flex;
    align-items: center;
    flex-wrap  : wrap;
}

.pic-list-01 li {
    width       : 33.3%;
    border-top  : 1px solid #fff;
    border-right: 1px solid #fff;
    position    : relative;
    box-sizing  : border-box;
}

.pic-list-01 .main-name {
    position   : absolute;
    bottom     : 0;
    background : rgba(255, 255, 255, 0.8);
    color      : #301706;
    z-index    : 99;
    width      : 100%;
    box-sizing : border-box;
    padding    : 5px;
    font-size  : 1.2rem;
    line-height: 1.4;
    min-height : 40%;
}

/*-----------------
box-popup-msg
-------------------*/

.box-popup-msg-wrap {
    display: none;
}

.box-popup-msg {
    display        : -webkit-box;
    /*Android4.3*/
    display        : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display        : flex;
    align-items    : center;
    justify-content: center;
    height         : 100%;
}

.box-popup-msg-inner {
    text-align: center;
    padding   : 30px;
    width     : 100%;
    box-sizing: border-box;
}

.box-popup-msg .txt-01 {
    font-size    : 1.4rem;
    line-height  : 1.6;
    text-align   : center;
    font-weight  : bold;
    color        : #301706;
    margin-bottom: 30px;
}

.box-popup-msg .txt-memo-01 {
    display    : block;
    font-size  : 1.2rem;
    line-height: 1.6;
    margin-top : 10px;
    margin-left: 20px;
}

/*-----------------
accordion
-------------------*/

.accordion>dd {
    display: none;
}

.accordion>dt .ico-open,
.accordion>dt .ico-close {
    position : absolute;
    right    : 15px;
    top      : 0.5em;
    font-size: 2.2rem;
}

.accordion>dt .ico-open {
    display: none;
}

.accordion>dt.open .ico-open {
    display: block;
}

.accordion>dt.open .ico-close {
    display: none;
}

/*-----------------
search-list
-------------------*/

.box-no-data {
    font-size    : 1.4rem;
    line-height  : 1.8;
    margin-bottom: 60px;
}

.search-list-01 dt {
    padding: 12px;
}

.search-list-01 dd {
    padding: 15px 7px;
}

.search-list-01 dt {
    background   : #6e5c50;
    color        : #fff;
    font-size    : 1.6rem;
    position     : relative;
    cursor       : pointer;
    margin-top   : 20px;
    border-radius: 4px;
}

.search-list-01 dd ul {
    display  : -webkit-box;
    /*Android4.3*/
    display  : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display  : flex;
    flex-wrap: wrap;
}

.search-list-01 dd ul li {
    width         : 50%;
    font-size     : 1.4rem;
    margin-bottom : 15px;
    vertical-align: top;
}

.search-list-02 li a {
    display      : block;
    background   : #6e5c50;
    color        : #fff;
    font-size    : 1.6rem;
    position     : relative;
    cursor       : pointer;
    margin-top   : 20px;
    border-radius: 4px;
    padding      : 12px;
    font-weight  : bold;
}

.search-list-02 .ico {
    position : absolute;
    right    : 15px;
    top      : 0.4em;
    font-size: 2.2rem;
}

#prd-search-item .search-list-02 li a {
    border    : 1px solid #6e5c50;
    background: #f6f6f6;
    color     : #6e5c50;
}

#prd-search-item .box-btn {
    margin: 20px 0 40px;
}

/*----------------
iframe-modal
-----------------*/

#iframe-modal {
    background: #fff;
}

.box-modal {
    padding: 20px;
}

.box-modal .tit-04 {
    margin-bottom: 20px;
}

.box-modal .box-modal-list a {
    padding      : 12px;
    background   : #6e5c50;
    color        : #fff;
    font-size    : 1.6rem;
    border-radius: 4px;
    display      : block;
    position     : relative;
}

.box-modal .box-modal-list a .ico {
    font-size: 2.2rem;
    position : absolute;
    right    : 15px;
    top      : 0.4em;
}

.box-modal .box-modal-list li {
    margin-bottom: 20px;
}

.box-modal .box-deliv-prd-list-wrap {
    background: none;
    padding   : 0;
}

.box-modal .box-deliv-prd-list-wrap .box-control {
    justify-content: center;
}

.box-modal .box-err {
    margin-bottom: 20px;
}

.box-modal .box-deliv-prd-list-wrap .ingre-select-list {
    align-items  : flex-start;
    margin-bottom: 30px;
}

.box-modal .box-deliv-prd-list-wrap .ingre-select-list li {
    font-size    : 1.3rem;
    line-height  : 1.4;
    margin-bottom: 10px;
    width        : 33%;
}

/* index.html ----------------------------------*/

.top-contents-01 {
    margin-bottom: 30px;
}

.top-contents-01 .iecook-img-01 {
    display        : -webkit-box;
    display        : -webkit-flex;
    display        : flex;
    align-items    : center;
    justify-content: space-around;
    margin         : 30px 0;
}

.top-contents-01 .iecook-img-01 li img {
    width: 50px;
}

.top-contents-01 {
    color     : #301706;
    text-align: center;
}

.top-contents-01 .top-01-text-01 {
    font-size  : 1.3rem;
    font-weight: bold;
    line-height: 1.3;
}

.top-contents-01 .top-01-tit {
    font-size  : 2.6rem;
    font-weight: bold;
    line-height: 1.3;
    margin     : 20px 0 30px;
}

.top-contents-01 .top-01-tit .katakana {
    letter-spacing: -0.17em;
}

.top-contents-01 .top-01-tit .part {
    font-size: 0.8em;
    padding  : 0 3px;
}

.top-01-text-02 {
    font-size    : 1.4rem;
    line-height  : 2.4;
    margin-bottom: 30px;
}

.top-01-text-03 {
    font-size     : 1.8rem;
    line-height   : 1.3;
    font-weight   : bold;
    letter-spacing: -0.05em;
}

.top-01-text-02 {
    position: relative;
}

.top-01-text-02:before,
.top-01-text-02:after {
    content : "";
    position: absolute;
    width   : 30px;
    height  : 84px;
    top     : 20px;
}

.top-01-text-02:before {
    background     : url(/common/images/img-deco-01.png) 0 0 no-repeat;
    background-size: 30px 84px;
    left           : 15px;
}

.top-01-text-02:after {
    background     : url(/common/images/img-deco-02.png) 0 0 no-repeat;
    background-size: 30px 84px;
    right          : 15px;
}

.top-contents-02 {
    text-align: center;
    color     : #301706;
}

.top-contents-02 .top-02-tit {
    font-size     : 3rem;
    line-height   : 1.3;
    padding-bottom: 5px;
    border-bottom : 1px solid #301706;
    display       : inline-block;
    margin        : 40px 0 30px;
}

.top-contents-02 .top-02-txt {
    font-size     : 1.8rem;
    line-height   : 1.8;
    padding-bottom: 40px;
}

.top-contents-02 .top-02-img img {
    display: block;
    width  : 100%;
}

.top-contents-03,
.top-contents-05 {
    background: #eae7e6;
    padding   : 20px;
    color     : #301706;
}

.top-contents-04.prd-list {
    background: #f4f3f2;
}


.top-contents-04.prd-list .pic-list-01 li {
    border-color: #f4f3f2;
}

.top-prd-list-tit,
.top-contents-05 .top-05-tit,
.top-contents-03 .top-03-tit {
    color      : #301706;
    font-size  : 2rem;
    line-height: 1.6;
    font-weight: bold;
    text-align : center;
    margin     : 20px 0 30px;
}

.top-prd-list-tit {
    margin: 0 0 20px;
}

.top-contents-03-2 {
    background   : #fff;
    padding      : 10px 40px 40px;
    margin-bottom: 20px;
    position     : relative;
}

.top-contents-03-2:after {
    position  : absolute;
    content   : "";
    bottom    : -30px;
    right     : 48%;
    border    : 15px solid transparent;
    border-top: 15px solid #fff;
}

.top-contents-03-2.cts-03:after {
    border: none;
}


.top-contents-03 .top-03-2-tit {
    font-size    : 3.6rem;
    line-height  : 1.2;
    text-align   : center;
    margin-bottom: 30px;
}

.top-contents-03 .top-03-2-tit span {
    display      : block;
    margin-bottom: 10px;
    text-align   : center;
    color        : #e97629;
    font-size    : 5.6rem;
}

.top-contents-03 .top-03-txt-01 {
    font-size  : 1.6rem;
    line-height: 1.4;
    text-align : center;
    margin     : 20px 0 0;
    font-weight: bold;
}

.top-contents-03 .top-03-img {
    text-align: center;
    margin    : 30px 0;
}

.top-contents-03 .top-03-img img {
    vertical-align: bottom;
    line-height   : 0;
    font-size     : 0;
    width         : 100%;
}

.top-contents-03 .cts-02 .top-03-img img {
    width: 70%;
}

.top-contents-03 .cts-03 .top-03-img img {
    width: 60%;
}


.top-contents-03 .top-03-txt-02 {
    font-size  : 1.4rem;
    line-height: 1.8;
}

.top-contents-03-2.cts-03 .top-03-txt-02 {
    font-size  : 1.8rem;
    color      : #e97629;
    text-align : center;
    font-weight: bold;
}

.top-contents-03-bnr {
    margin: 20px 0;
}

.top-contents-03-bnr li {
    margin-bottom: 20px;
}

.top-contents-03-bnr li img {
    width         : 100%;
    vertical-align: bottom;
    font-size     : 0;
    line-height   : 0;
}

.top .btn-topcontents {
    text-align: center;
}

.btn-top-list {
    padding: 30px 0 40px;
}

.btn-top-list li {
    padding-bottom: 20px;
}

.btn-top-list li:last-of-type {
    padding-bottom: 0;
}

.top .btn-topcontents a {
    font-size  : 1.4rem;
    font-weight: bold;
    width      : 90%;
}

.top .btn-about-iecook a {
    color     : #fff;
    background: #978b82;
}

.top .btn-recipe a,
.top .btn-prd a {
    color     : #fff;
    background: #8dbe8d;
}

.top .top-contents-04.prd-list .btn-prd.btn-topcontents {
    padding-bottom: 0;
}

.btn-about-deliv-app a {
    background: #e97629;
}


.top-contents-04 {
    padding: 40px 0 0;
}

.top-contents-04 .top-04-tit {
    text-align     : center;
    padding-bottom : 30px;
    background     : url(/common/images/dotline-01.png) left bottom repeat-x;
    background-size: 22px 4px;
    margin-bottom  : 10px;
}

.top-contents-04 .top-04-tit img {
    width         : 40%;
    vertical-align: bottom;
    font-size     : 0;
    line-height   : 0;
}

.top-contents-04 .main-pic-wrap {
    margin-bottom: 20px;
}

.top-contents-04 .main-pic:before {
    padding-top: 50%;
}

.top-contents-04 .recipe-info {
    padding: 10px;
}

.top-contents-04 .recipe-info .txt-comment {
    margin-top: 10px;
}

.top-04-recipe-tit {
    color        : #301706;
    font-size    : 1.8rem;
    line-height  : 1.4;
    font-weight  : bold;
    margin-bottom: 20px;
}

.top-04-recipe-tit a {
    color: #301706;
}

.top-contents-04 .recipe-list-page .pic-list-01 {
    margin-bottom: 0;
}

.top-contents-05 .link-about-prd li {
    background   : #fff;
    margin-bottom: 10px;
}

.top-contents-05 .link-about-prd li a {
    color          : #301706;
    display        : -webkit-box;
    display        : -webkit-flex;
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    box-sizing     : border-box;
    padding        : 15px;
    height         : 90px;
    border         : 1px solid #c0b9b4;
}

.top-contents-05 .txt-about-prd-01,
.top-contents-05 .txt-about-prd-02 {
    line-height: 1.4;
}

.top-contents-05 .txt-about-prd-01 {
    color        : #333;
    font-size    : 1.3rem;
    margin-bottom: 5px;
}

.top-contents-05 .txt-about-prd-02 {
    color      : #301706;
    font-size  : 2rem;
    font-weight: bold;
}

.top-contents-05 .link-about-prd .prd-01 img {
    width: 70px;
}

.top-contents-05 .link-about-prd .prd-02 img {
    width: 60px;
}

.top-contents-05 .link-about-prd .prd-03 img {
    width: 80px;
}

.top-contents-06 {
    padding: 30px 20px 20px;
}

.top-contents-06 .top-06-tit {
    color          : #301706;
    font-size      : 2rem;
    display        : -webkit-box;
    display        : -webkit-flex;
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    line-height    : 1.2;
    font-weight    : bold;
    margin-bottom  : 30px;
}

.top-contents-06 .top-06-tit a {
    font-size: 1.3rem;
    color    : #301706;
}


.top-contents-06 .news-list {
    font-size  : 1.3rem;
    line-height: 1.6;
}

.box-media-info .news-list {
    font-size  : 1.4rem;
    line-height: 1.6;
}

.box-media-info .news-list dt,
.top-contents-06 .news-list dt {
    color        : #301706;
    font-weight  : bold;
    margin-bottom: 5px;
}

.box-media-info .news-list dt .ico-new,
.top-contents-06 .news-list dt .ico-new {
    color       : #ff0000;
    padding-left: 10px;
}

.top-contents-06 .news-list dd {
    margin-bottom: 15px;
}

.box-media-info .news-list dd {
    margin-bottom: 30px;
}

.box-media-info .news-list dd a,
.top-contents-06 .news-list dd a {
    text-decoration: underline;
    color          : #6e5c50;
}




.top-contents-06.top-info {
    padding-top: 0;
}

.top-contents-06.top-info .top-06-tit {
    padding-top: 20px;
    border-top : 1px solid #e0dcda;
}

@media (max-width: 320px) {
    .top-contents-01 .top-01-text-03 {
        font-size: 1.6rem;
    }

    .top-contents-02 .top-02-tit {
        font-size: 2.6rem;
    }

    .top-contents-02 .top-02-txt {
        font-size: 1.6rem;
    }

    .top-contents-03 .top-03-tit {
        font-size: 1.6rem;
    }

    .top-contents-03 .top-03-2-tit {
        font-size: 3rem;
    }

    .top-contents-03 .top-03-2-tit span {
        font-size: 4rem;
    }

    .top-contents-03 .top-03-txt-01 {
        font-size: 1.4rem;
    }

    .top-contents-03-2 {
        padding: 10px 20px 20px;
    }

    .top-contents-03 .top-03-txt-02 {
        font-size: 1.3rem;
    }

    .top .btn-topcontents a {
        font-size: 1.3rem;
    }
}

@media (min-width: 480px) {
    .top-contents-01 .top-01-text-02:before {
        left: 50px;
    }

    .top-contents-01 .top-01-text-02:after {
        right: 50px;
    }

    .top-contents-01 .top-01-text-03 {
        font-size: 2.4rem;
    }
}

@media (min-width: 640px) {
    .top-01-text-01 {
        font-size: 1.6rem;
    }

    .top-contents-01 .top-01-tit {
        font-size: 3.6rem;
    }

    .top-01-text-03 {
        font-size     : 2.4rem;
        letter-spacing: 0;
    }

    .top-01-text-02 {
        font-size: 1.6rem;
    }

    .top-contents-01 .top-01-tit .katakana {
        letter-spacing: -0.05em;
    }

    .top-01-text-02:before {
        left: 100px;
    }

    .top-01-text-02:after {
        right: 100px;
    }

    .top-contents-03 .top-03-2-tit {
        margin-bottom: 40px;
    }

    .top-contents-03 .top-03-txt-01 {
        font-size: 1.8rem;
    }

    .top-contents-03 .top-03-txt-02 {
        text-align: center;
    }

    .top-contents-03 .top-03-txt-02 span {
        display: block;
    }

    .top-contents-03-2.cts-03 .top-03-txt-02 {
        font-size: 2.2rem;
    }

    .top-contents-03 .top-03-img {
        margin: 40px 0;
    }

    .top-contents-03 .cts-01 .top-03-img img {
        width: 80%;
    }

    .top-contents-03 .cts-02 .top-03-img img {
        width: 40%;
    }

    .top-contents-03 .cts-03 .top-03-img img {
        width: 40%;
    }

    .top-contents-03-bnr {
        display        : -webkit-box;
        display        : -webkit-flex;
        display        : flex;
        justify-content: space-between;
    }

    .top-contents-03-bnr li {
        width: 33%;
    }

    .top-contents-04 .top-04-tit img {
        width: 200px;
    }

    .top-contents-04 .main-pic-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
    }

    .top-contents-04 .main-pic-wrap .main-pic {
        width : 50%;
        margin: 0 20px;
    }

    .top-contents-04 .recipe-list-page .pic-list-01 li {
        width: 20%;
    }

    .top-contents-04.prd-list .recipe-list-page .pic-list-01 li {
        width: 16.6%;
    }

    .top-contents-04 .top-04-tit {
        margin-bottom: 20px;
    }

    .top .btn-topcontents a {
        width      : 60%;
        height     : 3.2em;
        line-height: 3.2;
    }

}

@media (min-width: 799px) {
    .top-contents-04 .recipe-list-page .pic-list-01 {
        margin: 0 20px;
    }

    .top-contents-04 .recipe-list-page .pic-list-01 li {
        width: 16.6%;
    }

    .top-contents-04.prd-list .recipe-list-page .pic-list-01 li {
        width: 14.2%;
    }


    .top-contents-06-wrap {
        display        : -webkit-box;
        display        : -webkit-flex;
        display        : flex;
        justify-content: space-between;
    }

    .top-contents-06 {
        width: 45%;
    }

    .top-contents-06.top-info {
        padding-top: 30px;
    }

    .top-contents-06.top-info .top-06-tit {
        padding-top: 0;
        border-top : none;
    }
}

@media (min-width: 899px) {
    .top-contents-01 .top-01-text-01 {
        font-size: 2rem;
    }

    .top-contents-01 .top-01-tit {
        font-size: 4rem;
    }

    .top-contents-02-wrap {
        display        : -webkit-box;
        display        : -webkit-flex;
        display        : flex;
        justify-content: space-between;
        padding-left   : 20px;
    }

    .top-contents-02 {
        width: 32%;
    }

    .top-contents-02 .top-02-tit {
        margin: 20px 0;
    }

    .top-contents-02 .top-02-txt {
        font-size: 1.5rem;
    }

    .top-contents-01 .top-01-text-02:before {
        left: 200px;
    }

    .top-contents-01 .top-01-text-02:after {
        right: 200px;
    }

    .top-contents-01 .iecook-img-01 li img {
        width: 70px;
    }

    .top-contents-01 .top-01-text-03 {
        font-size: 2.8rem;
    }

    .top-contents-03-2-wrap {
        display        : -webkit-box;
        display        : -webkit-flex;
        display        : flex;
        justify-content: space-between;
    }

    .top-contents-03-2 {
        width: 23%;
    }

    .top-contents-03-2:after {
        border     : 15px solid transparent;
        border-left: 15px solid #fff;
        right      : -30px;
        bottom     : 45%;
    }

    .top .btn-topcontents a {
        width: 50%;
    }

    .top-contents-05 .link-about-prd {
        display        : -webkit-box;
        display        : -webkit-flex;
        display        : flex;
        justify-content: space-between;
    }

    .top-contents-05 .link-about-prd li {
        width: 32.5%;
    }

    .top-contents-05 .txt-about-prd-01 {
        font-size: 1.2rem;
    }

    .box-fade.top-contents-02:nth-child(2),
    .box-fade.top-contents-03-2:nth-child(2) {
        transition-delay: 1s;
    }

    .box-fade.top-contents-02:nth-child(3),
    .box-fade.top-contents-03-2:nth-child(3) {
        transition-delay: 1.5s;
    }

    .top-contents-03 .cts-01 .top-03-img img {
        width: 100%;
    }
}


@media (min-width: 1100px) {
    .top-contents-03-2 {
        width: 24.5%;
    }
}

/* registration/inquiry ------------------------*/

.regist-form-01 .ico-rcm {
    font-size  : 1.1rem;
    font-weight: bold;
    line-height: 1.2;
    color      : #fff;
    padding    : 3px 5px;
    background : #e97629;
    margin-left: -10px;
}

.form-progress {
    display        : -webkit-box;
    /*Android4.3*/
    display        : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display        : flex;
    justify-content: center;
    margin         : 0 0 40px;
}

.form-progress li:after,
.form-progress li:before {
    z-index   : -100;
    background: #c0b9b4;
    height    : 2px;
    position  : absolute;
    content   : "";
    display   : block;
    bottom    : 5px;
    width     : 50%;
}

.form-progress li:after {
    right: 0;
}

.form-progress li:before {
    left: 0;
}

.form-progress li:first-child:before {
    display: none;
}

.form-progress li:last-child:after {
    display: none;
}

.form-progress li {
    position : relative;
    min-width: 60px;
    z-index  : 1;
}

.form-progress li .txt {
    font-size  : 1.1rem;
    line-height: 1.2;
    color      : #6e5c50;
    height     : 30px;
    text-align : center;
    display    : block;
}

.form-progress li .point {
    width           : 11px;
    height          : 11px;
    border-radius   : 50%;
    background-color: #c0b9b4;
    display         : block;
    margin          : 0 auto;
}

.inquiry-form-01 .form-progress li.inquiry-01 .txt,
.inquiry-form-02 .form-progress li.inquiry-02 .txt,
.inquiry-form-03 .form-progress li.inquiry-03 .txt,
.regist-form-01 .form-progress li.prg-01 .txt,
.regist-form-02 .form-progress li.prg-02 .txt,
.regist-form-03 .form-progress li.prg-03 .txt,
.regist-form-04 .form-progress li.prg-04 .txt {
    color      : #e97629;
    font-weight: bold;
}

.inquiry-form-01 .form-progress li.inquiry-01 .point,
.inquiry-form-02 .form-progress li.inquiry-02 .point,
.inquiry-form-03 .form-progress li.inquiry-03 .point,
.regist-form-01 .form-progress li.prg-01 .point,
.regist-form-02 .form-progress li.prg-02 .point,
.regist-form-03 .form-progress li.prg-03 .point,
.regist-form-04 .form-progress li.prg-04 .point {
    background: #e97629;
}

.inq-summary {
    align-items: flex-start;
}


.inq-summary li {
    width        : 170px;
    margin-bottom: 10px;
}

.inquiry-form-01 textarea {
    width : 90%;
    height: 200px;
}

.box-prd-plan {
    border       : 1px solid #eae7e6;
    border-radius: 4px;
    margin       : 20px 10px;
}

.box-prd-plan>dt {
    font-size  : 1.8rem;
    color      : #301706;
    font-weight: bold;
    line-height: 1.4;
    padding    : 20px 50px 20px 20px;
    position   : relative;
    cursor     : pointer;
}

.box-prd-plan>dt:after {
    content    : "\f107";
    font-family: 'FontAwesome';
    position   : absolute;
    top        : 0.5em;
    right      : 20px;
    font-size  : 2.4rem;
    color      : #6e5c50;
}

.box-prd-plan>dt.open:after {
    content: "\f106";
}

.box-prd-plan th,
.box-prd-plan td {
    font-size  : 1.4rem;
    line-height: 1.4;
}

.box-prd-plan>dd {
    padding: 0 20px 20px;
    display: none;
}

.box-prd-plan table {
    width: 100%;
}

.box-prd-plan th,
.box-prd-plan td {
    border-bottom : 1px solid #eae7e6;
    padding       : 7px;
    box-sizing    : border-box;
    vertical-align: top;
}

.box-prd-plan th {
    width       : 140px;
    padding-left: 20px;
}

.box-prd-plan th span {
    font-weight: bold;
    position   : relative;
}

.box-prd-plan th span:before {
    width                : 6px;
    height               : 6px;
    -webkit-border-radius: 50%;
    -moz-border-radius   : 50%;
    border-radius        : 50%;
    background-color     : #e97629;
    content              : "";
    position             : absolute;
    top                  : 0.5em;
    left                 : -15px;
}


.box-prd-plan dl dt {
    background : #eae7e6;
    padding    : 7px;
    font-size  : 1.4rem;
    line-height: 1.2;
    font-weight: bold;
    color      : #301706;
}


.box-prd-plan-list dd {
    padding: 10px;
}

.box-prd-plan-list li {
    font-size    : 1.4rem;
    line-height  : 1.4;
    margin-bottom: 10px;
    position     : relative;
}

.box-prd-plan-list li:before {
    width                : 6px;
    height               : 6px;
    -webkit-border-radius: 50%;
    -moz-border-radius   : 50%;
    border-radius        : 50%;
    background-color     : #e97629;
    content              : "";
    position             : absolute;
    top                  : 0.5em;
    left                 : -5px;
}

/* mypage-help ------------------------------------------------------- */

.mypage-help {
    background: #fff;
}

.mypage-help-section-01 {
    padding: 20px 0;
}

.mypage-help-section-01>.tit {
    color      : #301706;
    font-size  : 2rem;
    font-weight: bold;
    line-height: 1.6;
    margin     : 0 10px 30px;
}

.mypage-help-section-02+.mypage-help-section-02 {
    margin-top: 40px;
}

.mypage-help-section-02 .tit-sec-02 {
    border-left : 5px solid #fa6d00;
    color       : #301706;
    font-size   : 1.8rem;
    font-weight : bold;
    line-height : 1.4;
    padding-left: 20px;
    margin      : 0 10px 20px;
}

.mypage-help-section-01 .txt {
    font-size  : 1.4rem;
    line-height: 1.8;
    margin     : 0 10px;
}

.mypage-help-section-01 .mypage-lesson .txt {
    margin: 0;
}

.mypage-help-section-01 .mypage-box-caution {
    border : 2px solid #ff0000;
    padding: 10px;
    margin : 10px;
}

.mypage-help-section-01 .txt a {
    color          : #6e5c50;
    text-decoration: underline;
}

.mypage-help-section-01 .txt-ref {
    padding-left: 20px;
}

.mypage-help-section-01 .txt-ref a {
    color          : #6e5c50;
    text-decoration: underline;
    line-height    : 1.4;
    font-size      : 1.2rem;
    position       : relative;

}

.mypage-help-section-01 .txt-ref a:before {
    content    : "\f0a4";
    position   : absolute;
    color      : #6e5c50;
    left       : -15px;
    font-family: 'FontAwesome';
}

.mypage-help-section-01 .txt-ref i {
    margin-right: 5px;
}

.mypage-help .mypage-place {
    padding      : 10px 10px 20px;
    border       : 1px solid #d3ceca;
    border-radius: 6px;
    margin       : 0 10px 20px;
}

.mypage-help .tit-mypage-place,
.mypage-help .tit-mypage-intro {
    color      : #008000;
    font-size  : 1.4rem;
    line-height: 1.4;
    font-weight: bold;
}

.mypage-help .tit-mypage-place {
    margin-bottom: 20px;
}

.mypage-help .tit-mypage-intro {
    position: relative;
    cursor  : pointer;
}

.mypage-help .tit-mypage-intro:after {
    content    : "\f107";
    font-family: 'FontAwesome';
    position   : absolute;
    right      : 20px;
    top        : 28%;
    font-size  : 2.6rem;
}

.mypage-help .tit-mypage-intro.open:after {
    content: "\f106";
}


.mypage-help .tit-mypage-place {
    color: #6e5c50;
}

.mypage-help .tit-mypage-place i {
    margin-right: 5px;
}

.mypage-help .box-help-img li {
    margin-bottom: 20px;
    text-align   : center;
}

.mypage-help .box-help-img li:last-of-type {
    margin-bottom: 0;
}

.mypage-help .box-help-img li .txt {
    text-align: left;
}

.mypage-help .box-help-img li.arrow {
    background     : url(/common/images/ico-mypage-arrow.png) center bottom no-repeat;
    background-size: 31px 20px;
    padding-bottom : 40px;
    margin-bottom  : 20px;
}

.mypage-help .box-help-img li .txt-help-01 {
    font-size    : 1.3rem;
    color        : #301706;
    line-height  : 1.4;
    margin-bottom: 10px;
    font-weight  : bold;
}

.mypage-help .box-help-img li img {
    width    : 100%;
    max-width: 300px;
}

.mypage-help-menu {
    margin-top: 40px;
}

.mypage-help-menu li {
    margin-bottom: 3px;
}

.mypage-help-menu li:last-of-type {
    margin-bottom: 0;
}

.mypage-help .mypage-intro {
    margin-bottom: 3px;
}

.mypage-help .mypage-intro dd {
    padding: 10px;
}

.mypage-help .mypage-intro dt,
.mypage-help-menu li a {
    padding    : 10px;
    display    : -webkit-box;
    display    : -webkit-flex;
    display    : flex;
    align-items: center;
    box-sizing : border-box;
}

.mypage-help-menu li a .menu-wrap {
    display: block;
}

.mypage-help .mypage-intro dt {
    background: #e8f2e8;
    font-size : 1.6rem;
    height    : 70px;
}

.mypage-help-menu .lesson-menu a {
    background: #f0efed;
    color     : #301706;
    min-height: 70px;
}

.mypage-help-menu .next-menu a {
    background: #fbe4d4;
    color     : #301706;
    min-height: 70px;
}

.mypage-help-menu .lesson-menu {
    position: relative;
}

.mypage-help-menu .lesson-menu:after {
    content    : "\f105";
    font-family: 'FontAwesome';
    position   : absolute;
    right      : 20px;
    top        : 32%;
    font-size  : 2.6rem;
}

.mypage-help-menu .lesson-menu .lesson-num {
    font-size  : 1.4rem;
    font-weight: bold;
    line-height: 1.4;
    display    : block;
}

.mypage-help-menu .lesson-menu .menu-name {
    font-size    : 1.6rem;
    font-weight  : bold;
    line-height  : 1.4;
    display      : block;
    padding-right: 40px;
}

.mypage-help-menu .next-menu .ico-next {
    display      : block;
    margin-bottom: 10px;
}

.mypage-help-menu .next-menu .ico-next span {
    background   : #f09f69;
    border-radius: 10px;
    color        : #fff;
    padding      : 3px 20px;
    font-size    : 1.1rem;
    line-height  : 1.2;
    font-weight  : bold;
}

.mypage-help-menu .next-menu .lesson-num,
.mypage-help-menu .next-menu .menu-name {
    font-weight: bold;
    line-height: 1.4;
    color      : #301706;
    font-size  : 1.4rem;
}

.mypage-help-menu .next-menu .lesson-num {
    font-size: 1.3rem;
}

.mypage-help-menu .next-menu .lesson-num {
    padding-right: 10px;
}

.mypage-help .tit .lesson-num {
    font-size    : 1.8rem;
    font-weight  : bold;
    line-height  : 1.4;
    display      : block;
    margin-bottom: 7px;
}

.mypage-help .tit .lesson-num span {
    font-size   : 2.4rem;
    padding-left: 5px;
}

.mypage-help .tit .menu-name {
    font-size    : 2rem;
    font-weight  : bold;
    line-height  : 1.4;
    display      : block;
    padding-right: 20px;
}

.mypage-help .mypage-back a {
    background : #f0efed;
    padding    : 10px;
    font-size  : 1.2rem;
    line-height: 1.2;
    color      : #301706;
    display    : block;
}

.mypage-help .mypage-back i {
    font-size   : 1.4rem;
    margin-right: 5px;
}


.mypage-help .mypage-lesson {
    padding: 10px;
    margin : 0 10px 20px;
}

.mypage-help .tit-num {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.mypage-help .tit-num .tit {
    color        : #301706;
    font-size    : 1.8rem;
    line-height  : 1.4;
    margin-bottom: 20px;
    font-weight  : bold;
}

.mypage-help .tit-num .num-circle {
    display     : block;
    position    : relative;
    margin-right: 10px;
    width       : 30px;
}

.mypage-help .tit-num .num-circle:before {
    position             : absolute;
    content              : "";
    -webkit-border-radius: 50%;
    -moz-border-radius   : 50%;
    border-radius        : 50%;
    background           : #fa6d00;
}

.mypage-help .tit-num .num-circle span {
    text-align : center;
    color      : #fff;
    font-weight: bold;
    font-size  : 2rem;
    position   : absolute;
    z-index    : 2;
    display    : block;
    line-height: 30px;
}

.mypage-help .tit-num .num-circle:before,
.mypage-help .tit-num .num-circle span {
    width : 30px;
    height: 30px;
}


.mypage-help .page-nav {
    margin: 40px 10px 0;
}

.mypage-help .page-nav li {
    margin-bottom: 10px;
}

.mypage-help .page-nav a {
    position     : relative;
    display      : block;
    border       : 1px solid #c0b9b4;
    border-radius: 4px;
    color        : #301706;
    padding      : 15px 10px;
}

.mypage-help .page-nav a:after {
    content    : "\f105";
    font-family: 'FontAwesome';
    position   : absolute;
    right      : 20px;
    top        : 22%;
    font-size  : 2.6rem;
}

.mypage-help .page-nav .menu-name {
    font-size    : 1.6rem;
    font-weight  : bold;
    line-height  : 1.4;
    display      : block;
    padding-right: 20px;
}




.popup-mypage-howto .box-popup-msg-inner {
    padding: 10px;
}

.popup-mypage-howto .box-mypage-howto {
    background: #eae7e6;
    padding   : 20px;
}

.mypage-howto-txt-01 {
    font-size    : 2rem;
    font-weight  : bold;
    line-height  : 1.6;
    margin-bottom: 10px;
    color        : #301706;
}

.mypage-howto-txt-02 {
    font-size    : 1.3rem;
    line-height  : 1.8;
    margin-bottom: 20px;
    color        : #301706;
}

.popup-mypage-howto .btn {
    background   : #fff;
    color        : #301706;
    border       : 2px solid #301706;
    font-size    : 1.4rem;
    font-weight  : bold;
    border-radius: 50px;
    padding      : 0 30px;
}

.popup-mypage-howto .btn i {
    padding-left: 5px;
    font-size   : 120%;
}

.nextnoview {
    font-size : 1.2rem;
    margin-top: 10px;
}

.box-mypage-howto-btm {
    display        : -webkit-box;
    display        : -webkit-flex;
    display        : flex;
    justify-content: space-between;
}

/* other contents ------------------------------------------------------*/

.box-info-btn {
    background     : url(/common/images/bg-craft-02.jpg);
    padding        : 30px 50px;
    display        : -webkit-box;
    display        : -webkit-flex;
    display        : flex;
    justify-content: space-between;
    align-items    : center;
    margin-bottom  : 50px;
}

.box-info-btn .list-info-btn {
    width: 50%;
}

.box-info-btn .list-info-btn li {
    margin-bottom: 15px;
    border-radius: 5em;
}

.box-info-btn .list-info-btn li:last-of-type {
    margin-bottom: 0;
}

.box-info-btn .txt-info-btn {
    font-size  : 2.4rem;
    line-height: 1.6;
    font-weight: bold;
    color      : #301706;
}

.box-info-btn .txt-info-btn .point {
    color: #e97629;
}

.box-info-btn .list-info-btn li a {
    height     : 3.2em;
    line-height: 3.2;
    display    : block;
    font-size  : 1.4rem;
    color      : #fff;
    font-weight: bold;
    text-align : center;
}

.box-info-btn .info-btn-01 {
    background: #978b82;
}

.box-info-btn .info-btn-02 {
    background: #499849;
}

@media (min-width: 800px) and (max-width: 999px) {
    .box-info-btn {
        display: block;
    }

    .box-info-btn .list-info-btn {
        width: 100%;
    }

    .box-info-btn .txt-info-btn {
        text-align   : center;
        margin-bottom: 20px;
    }
}

@media (max-width: 799px) {
    .box-info-btn {
        display   : block;
        padding   : 0 30px 30px;
        background: none;
    }


    .box-info-btn .list-info-btn {
        width : 60%;
        margin: 0 auto;
    }

    .box-info-btn .txt-info-btn {
        text-align   : center;
        margin-bottom: 20px;
    }
}

@media (max-width: 541px) {
    .box-info-btn {
        border    : none;
        margin-top: 30px;
    }

    .box-info-btn .list-info-btn {
        width: 100%;
    }
}

.box-about-01 {
    text-align: center;
    margin    : 20px 0 0 0;
    padding   : 0 10px 20px;
}

.box-about-01 .top-01-text-03 {
    line-height: 1.6;
}

.box-about-01 .top-01-text-03 {
    font-size: 2.6rem;
}

.box-about-01 .box-image {
    display        : -webkit-box;
    display        : -webkit-flex;
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    margin         : 30px 0 0 0;
}

.box-about-01 .box-image img {
    width: 50%;
}

.box-about-01 .desc-about-01 {
    margin-top: 30px;
}

.box-about-01 .desc-about-01 dt {
    color        : #e97629;
    font-size    : 2.4rem;
    line-height  : 1.6;
    font-weight  : 900;
    margin-bottom: 10px;
}

.box-about-01 .desc-about-01 dd {
    font-size    : 1.4rem;
    line-height  : 1.8;
    margin-bottom: 40px;
}

.tit-about .point {
    display     : block;
    position    : relative;
    margin-right: 20px;
}

.tit-about .point:before {
    position             : absolute;
    content              : "";
    -webkit-border-radius: 50%;
    -moz-border-radius   : 50%;
    border-radius        : 50%;
    border               : 1px solid #e97629;
}

.tit-about .point span {
    text-align    : center;
    color         : #e97629;
    font-weight   : bold;
    font-size     : 2rem;
    vertical-align: middle;
    display       : table-cell;
}

.tit-about .point:before,
.tit-about .point span {
    width : 90px;
    height: 90px;
}

.tit-about {
    display    : -webkit-box;
    display    : -webkit-flex;
    display    : flex;
    align-items: center;
    margin     : 0 0 20px 20px;
}

.tit-about .tit {
    font-size  : 2.4rem;
    line-height: 1.4;
    color      : #301706;
    font-weight: bold;
}

.recipe-list-page {
    margin-bottom: 30px;
}

.box-about-recipe {
    background     : url(/common/images/bg-about-recipe.png) 0 0 repeat;
    background-size: 16px 16px;
    padding        : 20px;
}

.box-about-recipe li {
    background   : #fff;
    border-radius: 6px;
    padding      : 15px;
    position     : relative;
    box-shadow   : 2px 2px 3px rgba(0, 0, 0, 0.2);
    margin-bottom: 15px;
}

.box-about-recipe li:last-of-type {
    margin-bottom: 0;
}

.box-about-recipe li a {
    display    : -webkit-box;
    display    : -webkit-flex;
    align-items: center;
    display    : flex;
}

.box-about-recipe li .pht {
    width       : 150px;
    margin-right: 20px;
}

.box-about-recipe li .pht img {
    width: 100%;
}

.box-about-recipe li dl {
    flex: 1;
}

.box-about-recipe li dt {
    color        : #301706;
    font-size    : 1.8rem;
    line-height  : 1.4;
    font-weight  : bold;
    margin-bottom: 10px;
}

.box-about-recipe li .time i {
    font-size: 3rem;
}

.box-about-recipe li .time {
    color      : #e97629;
    font-weight: bold;
    font-size  : 1.6rem;
}

.box-about-recipe li .time span {
    font-size: 2.6rem;
}

.box-about-recipe .cmt {
    position: absolute;
    z-index : 2;
    right   : -10px;
    bottom  : -10px;
}

.box-about-recipe .cmt img {
    width: 160px;
}





@media (min-width: 320px) and (max-width: 540px) {
    .tit-about .point span {
        line-height: 70px;
    }

    .tit-about .point:before,
    .tit-about .point span {
        width : 70px;
        height: 70px;
    }

    .tit-about .tit {
        font-size: 1.8rem;
    }

    .box-about-01 .desc-about-01 dt {
        font-size: 2rem;
    }

    .box-about-01 .top-01-text-03 {
        font-size: 2.2rem;
    }

    .box-about-recipe {
        padding: 10px;
    }

    .box-about-recipe li {
        padding: 10px;
    }

    .box-about-recipe li .pht {
        width       : 100px;
        margin-right: 10px;
    }

    .box-about-recipe li dt {
        font-size    : 1.6rem;
        margin-bottom: 5px;
    }

    .box-about-recipe li .time i {
        font-size: 2rem;
    }

    .box-about-recipe li .time {
        font-size: 1.3rem;
    }

    .box-about-recipe li .time span {
        font-size: 1.8rem;
    }

    .box-about-recipe .cmt img {
        width: 120px;
    }

    .box-about-recipe .cmt {
        right : -5px;
        bottom: -10px;
    }
}


@media (min-width: 320px) and (max-width: 370px) {
    .box-about-recipe li a {
        align-items: flex-start;
    }

    .box-about-recipe li {
        margin-bottom: 10px;
    }

    .box-about-recipe li .pht {
        width: 80px;
    }

    .box-about-01 .top-01-text-03 {
        font-size: 2rem;
    }

    .box-about-01 .desc-about-01 dd {
        font-size: 1.3rem;
    }

    .tit-about .tit {
        font-size: 1.6rem;
    }

    .tit-about {
        margin-left: 0;
    }

    .box-about-recipe li dt {
        font-size    : 1.3rem;
        margin-bottom: 0;
    }
}


@media (min-width: 800px) and (max-width: 840px) {
    .box-about-recipe li dt {
        font-size: 1.6rem;
    }

    .box-about-recipe li a {
        align-items: flex-start;
    }
}

@media (min-width: 800px) and (max-width: 900px) {
    .box-about-01 .top-01-text-02:before {
        left: 50px;
    }

    .box-about-01 .top-01-text-02:after {
        right: 50px;
    }
}

@media (min-width: 640px) and (max-width: 800px) {
    .box-about-recipe .cmt {
        top   : 30%;
        right : 2%;
        bottom: auto;
    }
}

@media (max-width: 700px) {
    .tit-about .sp-br {
        display: block;
    }
}

@media (min-width: 800px) and (max-width: 1024px) {
    .tit-about .sp-br {
        display: block;
    }
}

@media (min-width:1024px) {
    .box-about-recipe .cmt {
        top   : 30%;
        right : 2%;
        bottom: auto;
    }
}


.box-about-03 {
    padding-bottom: 30px;
}


.box-about-03 .txt-05,
.box-about-04 .txt-05 {
    line-height : 1.8;
    padding-left: 20px;
}

.box-about-03 ul {
    display        : -webkit-box;
    display        : -webkit-flex;
    display        : flex;
    flex-wrap      : wrap;
    justify-content: center;
    margin         : 20px 0;
}

.box-about-03 li {
    width        : 80%;
    margin-bottom: 20px;
}

.box-about-03 li img {
    width: 100%;
}

@media (max-width: 540px) {
    .box-about-03 .sp-br {
        display: block;
    }
}

@media (min-width: 540px) {
    .box-about-03 .sp-br-02 {
        display: block;
    }
}

@media (min-width: 640px) and (max-width: 800px) {
    .box-about-03 li {
        width: 60%;
    }
}

@media (min-width: 800px) {
    .box-about-03 .txt-05 {
        padding-left: 0;
    }
}

@media (min-width: 900px) {
    .box-about-03 li {
        width: 100%;
    }

    .box-about-03 li img {
        width: 60%;
    }

    .box-about-03 li:nth-child(2) {
        text-align: right;
    }
}

@media (min-width: 1024px) {
    .box-about-03 li {
        margin-bottom: 0;
    }

    .box-about-03 li img {
        width: 60%;
    }
}


.box-about-04 .pht img {
    vertical-align: bottom;
    font-size     : 0;
    line-height   : 0;
    width         : 100%;
}

.box-about-04 ul {
    margin-top: 30px;
}

.box-about-04 li {
    margin-bottom: 30px;
}

.box-about-04 dl {
    margin: 20px 10px 0;
}

.box-about-04 dt {
    color        : #301706;
    font-size    : 2rem;
    line-height  : 1.6;
    font-weight  : bold;
    margin-bottom: 10px;
}

.box-about-04 dd {
    font-size  : 1.5rem;
    line-height: 1.8;
}

@media (min-width: 1024px) {
    .box-about-04 dl {
        margin: 20px 0 0;
    }

    .box-about-04 ul {
        display        : -webkit-box;
        display        : -webkit-flex;
        display        : flex;
        justify-content: space-between;
        margin         : 20px 0;
    }

    .box-about-04 li {
        width: 48%;
    }
}

.box-about-05,
.box-about-06 {
    padding: 20px;
}

.box-about-05 dt,
.box-about-06 dt {
    font-size    : 1.8rem;
    font-weight  : bold;
    margin-bottom: 15px;
}

.box-about-05 .txt,
.box-about-06 .txt,
.box-about-07 .txt {
    font-size    : 1.4rem;
    line-height  : 1.8;
    margin-bottom: 1em;
}

.box-about-05 .btn-link,
.box-about-07 .btn-link {
    text-align: right;
}

.box-about-05 .btn-link a,
.box-about-07 .btn-link a {
    font-size    : 1.4rem;
    border-radius: 20px;
    display      : inline-block;
    line-height  : 2em;
    padding      : 0 20px;
}

.box-about-05 {
    background: #e8f2e8;
}

.box-about-05 dt {
    color: #1c7e1c;
}

.box-about-05 .txt-memo {
    margin-left: 0;
}

.box-about-05 .btn-link a {
    background: #59a159;
    color     : #fff;
}

.box-about-06 {
    background   : #fbe4d4;
    margin-top   : 10px;
    margin-bottom: 30px;
}

.box-about-06 dt {
    color: #e97629;
}

.box-about-06 ul {
    background: #fff;
    padding   : 10px;
}

.box-about-06 li {
    padding-left: 1em;
    text-indent : -1em;
    font-size   : 1.4rem;
    line-height : 1.6;
    font-weight : bold;
}

.box-about-07 {
    padding: 30px 20px;
}

.box-about-07 dt {
    font-size    : 1.8rem;
    font-weight  : bold;
    color        : #301706;
    line-height  : 1.4;
    margin-bottom: 10px;
}

.box-about-07 dt span {
    font-size    : 2.4rem;
    color        : #e97629;
    padding-right: 10px;
}

.box-about-07 .bnr img {
    width: 100%;
}

.box-about-07 dd {
    margin-bottom: 30px;
}

.box-about-07 .btn-link a {
    background: #998d84;
    color     : #fff;
}

.box-about-07 .btn-link {
    margin-top: 10px;
}

@media (min-width: 540px) and (max-width: 800px) {
    .box-about-07 .bnr {
        display        : -webkit-box;
        display        : -webkit-flex;
        display        : flex;
        justify-content: center;
    }

    .box-about-07 .bnr a {
        width  : 60%;
        display: block;
    }
}

@media (min-width: 900px) {
    .box-about-07 .bnr {
        display        : -webkit-box;
        display        : -webkit-flex;
        display        : flex;
        justify-content: flex-end;
    }

    .box-about-07 .bnr a {
        width  : 60%;
        display: block;
    }
}

@media (min-width: 1024px) {
    .box-about-07 .bnr a {
        width: 50%;
    }
}

/* box-about-info -------------------------------------------*/

.about-04 .help-link-02 {
    display: none;
}

#iframe-modal .help-link-01 {
    display: none;
}


.box-about-info {
    background     : url(/common/images/dotline-02.png) 0 0 repeat-x;
    background-size: 22px 4px;
    padding        : 30px 0 10px;
}

.box-about-info p a {
    color          : #6e5c50;
    text-decoration: underline;
}

.about-04 .box-cnv.box-cnv-02 {
    margin-top: 30px;
}


@media (max-width: 799px) {
    .box-info-01 {
        margin: 30px 0 0 0;
    }

    .about-04 .box-cnv.box-cnv-02 {
        display: none;
    }
}

.tit-about-info {
    display    : -webkit-box;
    display    : -webkit-flex;
    display    : flex;
    align-items: center;
    color      : #301706;
    margin     : 0 20px;
}

.tit-about-info .tit {
    font-size  : 2.2rem;
    line-height: 1.4;
    font-weight: bold;
}

.tit-about-info .num {
    font-family : "Arial", sans-serif;
    font-size   : 8rem;
    font-weight : bold;
    margin-right: 20px;
}

.tit-about-info .tit .txt-memo {
    font-family: inherit;
}


.box-about-info .point {
    display     : block;
    position    : relative;
    margin-right: 20px;
    width       : 100px;
}

.box-about-info .point:before {
    position             : absolute;
    content              : "";
    -webkit-border-radius: 50%;
    -moz-border-radius   : 50%;
    border-radius        : 50%;
    border               : 1px solid #e97629;
}

.box-about-info .point span {
    text-align    : center;
    vertical-align: middle;
    display       : table-cell;
    color         : #e97629;
    font-weight   : bold;
    font-size     : 1.6rem;
    line-height   : 1.6;
}

.box-about-info .point:before,
.box-about-info .point span {
    width : 100px;
    height: 100px;
}

.box-info-01 dl {
    display    : -webkit-box;
    display    : -webkit-flex;
    display    : flex;
    align-items: center;
    margin     : 30px;
}

.box-info-01 dd {
    font-size  : 1.8rem;
    line-height: 1.8;
    color      : #301706;
}

.box-info-01 .txt {
    font-size  : 1.4rem;
    line-height: 1.6;
    padding    : 0 20px;
}

.desc-about-info {
    margin: 30px 20px;
}

#info-02-1 .desc-about-info {
    margin: 30px 0;
}

#info-02-1 .desc-about-info>dt {
    padding-left : 20px;
    padding-right: 20px;
}

#info-02-1 .desc-about-info>dd {
    padding-left : 20px;
    padding-right: 20px;
}

#info-02 .desc-about-info {
    margin-top: 0;
}

.box-about-info .pht {
    text-align: center;
    margin    : 30px 0;
}

.box-about-info .pht img {
    width         : 90%;
    vertical-align: bottom;
    line-height   : 0;
    font-size     : 0;
}

.desc-about-info>dt {
    color        : #e97629;
    font-size    : 1.8rem;
    line-height  : 1.6;
    font-weight  : bold;
    margin-bottom: 20px;
}

.desc-about-info .txt {
    font-size  : 1.4rem;
    line-height: 1.8;
}

.list-about-info {
    margin: 20px 0;
}

.list-about-info li {
    padding-left : 1em;
    text-indent  : -1em;
    font-size    : 1.4rem;
    line-height  : 1.8;
    margin-bottom: 10px;
    color        : #301706;
}

.box-info-02-02,
.box-info-02-03 {
    padding: 40px 10px 0;
}

.box-info-02-01 {
    margin-top: 30px;
}

.box-info-02-01 .tit-basepack {
    margin: 0 20px;
}

.box-info-02-01-inner {
    background   : #eae7e6;
    padding      : 10px;
    margin-bottom: 20px;
}

.tit-basepack {
    margin: 0 10px;
}

.tit-basepack .num-circle {
    display : block;
    position: relative;
    width   : 40px;
}

.tit-basepack .num-circle:before {
    position             : absolute;
    content              : "";
    -webkit-border-radius: 50%;
    -moz-border-radius   : 50%;
    border-radius        : 50%;
    background           : #301706;
}

.tit-basepack .num-circle span {
    text-align : center;
    color      : #fff;
    font-weight: bold;
    font-size  : 2rem;
    position   : absolute;
    z-index    : 2;
    display    : block;
    line-height: 30px;
}

.tit-basepack .num-circle:before,
.tit-basepack .num-circle span {
    width : 30px;
    height: 30px;
}

.tit-basepack {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.tit-basepack .tit {
    color        : #301706;
    font-size    : 2rem;
    line-height  : 1.4;
    margin-bottom: 20px;
    flex         : 1;
}

.box-info-02-01 .list-base-pack li {
    background   : #fff;
    border-radius: 6px;
    padding      : 15px;
    box-shadow   : 1px 1px 3px rgba(0, 0, 0, 0.3);
    margin-bottom: 10px;
}

.list-base-pack .packs {
    display        : -webkit-box;
    display        : -webkit-flex;
    display        : flex;
    align-items    : center;
    justify-content: space-between;
}

.list-base-pack .packs .pht {
    width : 180px;
    margin: 0 0 0 10px;
    order : 2;
}

.list-base-pack .packs .pht img {
    width: 100%;
}

.list-base-pack .packs dt {
    font-size  : 1.8rem;
    color      : #301706;
    line-height: 1.4;
    font-weight: bold;
}

.list-base-pack .packs-01 {
    font-size   : 1.4rem;
    line-height : 1.4;
    margin-right: 10px;
}

.list-base-pack .packs-02 {
    font-weight: bold;
    font-size  : 1.6rem;
    margin-left: 5px;
    line-height: 1.4;
    color      : #e97629;
}

.list-base-pack .packs .price {
    font-size    : 2.2rem;
    padding-right: 5px;
}

.list-base-pack .packs-03 {
    font-size  : 1.1rem;
    line-height: 1.4;
    display    : block;
}


.list-base-pack .txt {
    font-size  : 1.4rem;
    line-height: 1.6;
    margin-top : 10px;
}

.list-base-pack .txt .txt-em {
    color      : #e97629;
    font-weight: bold;
}

.list-base-pack .recommend {
    display      : inline-block;
    background   : #e97629;
    color        : #fff;
    font-size    : 1.2rem;
    font-weight  : bold;
    padding      : 3px 10px;
    margin-left  : -10px;
    margin-bottom: 10px;
}

.list-base-pack .notice {
    border     : 1px solid #ff0000;
    color      : #ff0000;
    padding    : 5px;
    text-align : center;
    font-size  : 1.2rem;
    line-height: 1.4;
    margin-top : 10px;
}

.box-about-info .list-notice {
    padding: 0 10px;
}

.box-about-info .list-notice li {
    padding-left: 1em;
    text-indent : -1em;
    font-size   : 1.3rem;
    line-height : 1.8;
    color       : #301706;
}

.box-about-info .list-notice-02 li {
    padding-left: 1em;
    text-indent : -1em;
    font-size   : 1.4rem;
    line-height : 1.8;
    color       : #301706;
}

.desc-about-info .notice-02 {
    text-align : right;
    font-size  : 1.3rem;
    display    : block;
    font-weight: normal;
}

.box-info-02-02 .desc-about-info>dd {
    margin-bottom: 40px;
}

.box-info-02-02 .desc-price>li {
    border       : 1px solid #c0b9b4;
    border-radius: 6px;
    padding      : 20px;
    margin-bottom: 10px;
}

.box-info-02-02 .desc-price-main>dt {
    text-align   : center;
    margin-bottom: 20px;
}

.box-info-02-02 .desc-price-main>dt img {
    width: 130px;
}

.box-info-02-02 .desc-price-main>dd {
    font-weight: bold;
}

.box-info-02-02 .desc-price .totalprice {
    display        : -webkit-box;
    display        : -webkit-flex;
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.box-info-02-02 .desc-price .totalprice dt {
    font-size  : 1.3rem;
    color      : #301706;
    border     : 1px solid #301706;
    padding    : 3px 5px;
    line-height: 1.4;
}

.box-info-02-02 .desc-price .totalprice dd {
    font-size  : 2rem;
    color      : #301706;
    line-height: 1.4;
    margin-left: 10px;
}

.box-info-02-02 .desc-price .totalprice dd span {
    font-size: 1.6rem;
}

.box-info-02-02 .desc-price .pht {
    margin: 10px 0 20px;
}

.box-about-info .sp-br {
    display: block;
}

.about-04 #nav-takuhai-push .point {
    background: #1c7e1c;
}


.box-modal .box-info-02-01 .tit-basepack {
    display: none;
}

.box-modal .box-info-02-01 .list-notice {
    font-size  : 1.3rem;
    line-height: 1.6;
}

.box-modal .box-info-02-02 .pht {
    text-align: center;
}

.box-modal .box-info-02-02 .pht img,
.box-modal .box-info-02-03 .pht img {
    width: 70%;
}

.box-modal .box-info-02-03 .pht {
    text-align   : center;
    margin-bottom: 20px;
}

.box-modal .box-info-02-03 a {
    color          : #6e5c50;
    text-decoration: underline;
}


.box-modal .box-info-02-02 {
    padding: 0;
}

.box-modal .tit-basepack,
.box-modal .box-info-02-02 .pht-01,
.box-modal .box-info-02-02 .dt-num-01,
.box-modal .box-info-02-02 .dd-num-01 {
    display: none;
}

.box-modal .desc-about-info {
    margin: 0;
}



@media (max-width: 340px) {
    .list-base-pack .packs .pht {
        width: 120px;
    }
}


@media (max-width: 540px) {
    #info-02-1 .desc-about-info dd {
        padding-left : 0;
        padding-right: 0;
    }

    #info-02-1 .box-view {
        padding: 0 20px;
    }

}

@media (min-width: 640px) and (max-width: 800px) {
    .box-about-info .pht img {
        width: 70%;
    }

    .box-about-info .sp-br {
        display: inline;
    }

    .list-base-pack .packs {
        display: block;
    }

    .list-base-pack .packs .pht {
        margin: 0 0 10px 0;
        width : 100%;
    }

    .list-base-pack .txt {
        margin-top : 20px;
        border-top : 1px dashed #e97629;
        padding-top: 20px;
    }

    .list-base-pack {
        display        : -webkit-box;
        display        : -webkit-flex;
        display        : flex;
        flex-wrap      : wrap;
        justify-content: space-between;
    }

    .list-base-pack li {
        width: 44%;
    }
}


@media (min-width: 800px) {
    .about-04 #nav-takuhai-push button {
        width: 200px;
    }
}

@media (min-width: 960px) {
    .box-about-info .pht img {
        width: 70%;
    }

    .box-about-info .sp-br {
        display: inline;
    }

    .list-base-pack .packs {
        display: block;
    }

    .list-base-pack .packs .pht {
        margin: 0 0 10px 0;
        width : 100%;
    }

    .list-base-pack .txt {
        margin-top : 20px;
        border-top : 1px dashed #e97629;
        padding-top: 20px;
    }

    .list-base-pack {
        display        : -webkit-box;
        display        : -webkit-flex;
        display        : flex;
        flex-wrap      : wrap;
        justify-content: space-between;
    }

    .list-base-pack li {
        width: 44%;
    }
}

@media (min-width: 1024px) {
    .list-base-pack li {
        width: 45%;
    }
}


/* box-about-freeze ---------------------------------------------*/


.box-freeze-01 {
    margin : 30px 0;
    padding: 0 20px;
}

.box-freeze-01 .txt {
    font-size  : 1.4rem;
    line-height: 1.8;
}

.box-freeze-01 .list-notice {
    margin-top: 20px;
}

.box-freeze-01 .list-notice li {
    padding-left: 1em;
    text-indent : -1em;
    font-size   : 1.4rem;
    line-height : 1.8;
    color       : #ff0000;
}

.list-freeze-vege {
    padding   : 20px 10px;
    background: #f4f3f2;
}

.list-freeze-vege.box-freeze-03 {
    background: #f0eeed;
    margin-top: 0px;
}

.list-freeze-vege .tit-freeze {
    font-size  : 2rem;
    font-weight: bold;
    color      : #301706;
    text-align : center;
    padding    : 10px 0 20px;
}

.list-freeze-vege .list-wrap>dl {
    border-radius: 10px;
    border       : 1px solid #cdc7c3;
    background   : #fff;
    margin-bottom: 10px;
}

.list-freeze-vege .list-wrap>dl>dt {
    display      : -webkit-box;
    display      : -webkit-flex;
    display      : flex;
    align-items  : center;
    padding      : 20px;
    position     : relative;
    padding-right: 40px;
    cursor       : pointer;
}

.list-freeze-vege .list-wrap>dl>dt:before {
    content    : "\f107";
    font-family: 'FontAwesome';
    position   : absolute;
    top        : 35%;
    right      : 20px;
    font-size  : 3rem;
    color      : #6e5c50;
}

.list-freeze-vege .list-wrap>dl>dt.open:before {
    content: "\f106";
}


.list-freeze-vege .list-wrap>dl>dt .pht {
    width       : 60px;
    margin-right: 20px;
}

.list-freeze-vege .list-wrap>dl>dt .pht+.pht {
    margin-left: -15px;
}

.list-freeze-vege .list-wrap>dl>dt .pht img {
    width: 100%;
}

.list-freeze-vege .list-wrap>dl>dt .vege-name {
    font-size  : 1.8rem;
    line-height: 1.4;
    color      : #301706;
    font-weight: bold;
}

.list-freeze-vege .list-wrap>dl>dd {
    padding   : 20px;
    border-top: 1px dashed #cdc7c3;
}

.list-freeze-vege .list-wrap>dl>dd .txt {
    font-size  : 1.6rem;
    line-height: 1.8;
}

.list-freeze-vege .box-onepoint {
    background: #fdf1e9;
    padding   : 15px;
    margin-top: 20px;
}

.list-freeze-vege .box-onepoint dt {
    margin-bottom: 10px;
}


.list-freeze-vege .list-wrap>dl .box-onepoint dd .txt {
    font-size  : 1.4rem;
    line-height: 1.6;
}

.list-freeze-vege .box-onepoint dt img {
    width: 120px;
}

@media (max-width: 540px) {
    .list-freeze-vege .sp-br {
        display: block;
    }
}

@media (min-width: 700px) and (max-width: 800px) {

    .list-freeze-vege .list-wrap {
        display        : -webkit-box;
        display        : -webkit-flex;
        display        : flex;
        flex-wrap      : wrap;
        justify-content: space-between;
        align-items    : baseline;
    }

    .list-freeze-vege .list-wrap>dl {
        width: 49%;
    }

    .list-freeze-vege .sp-br {
        display: block;
    }

    .list-freeze-vege .list-wrap>dl>dt .pht+.pht {
        margin-left: -60px;
    }
}

@media (min-width: 1000px) {

    .list-freeze-vege .list-wrap {
        display        : -webkit-box;
        display        : -webkit-flex;
        display        : flex;
        flex-wrap      : wrap;
        justify-content: space-between;
        align-items    : baseline;
    }

    .list-freeze-vege .list-wrap>dl {
        width: 49%;
    }

    .list-freeze-vege .sp-br {
        display: block;
    }

    .list-freeze-vege .list-wrap>dl>dt .pht+.pht {
        margin-left: -60px;
    }

}

@media (min-width: 1024px) {
    .list-freeze-vege .list-wrap>dl {
        width: 49.5%;
    }
}

/* box-report ---------------------------------------------*/

.box-report-wrap {
    padding: 40px 20px;
}

.box-report .tit-report {
    border-top   : 1px dashed #c0b9b4;
    border-bottom: 1px dashed #c0b9b4;
    padding      : 10px 20px;
}

.box-report .tit-report img {
    height : 35px;
    display: block;
}

.box-report .tit-report {
    margin-bottom: 40px;
}

.box-report p {
    font-size    : 1.6rem;
    line-height  : 2;
    margin-bottom: 2em;
}

.box-report p.pht {
    text-align: center;
    margin    : 40px 0;
}

.box-report p img {
    width    : 100%;
    max-width: 560px;
}

.box-report p a {
    color          : #6e5c50;
    text-decoration: underline;
}

.box-report p.pht {
    text-align: center;
}

.box-report p img {
    width    : 100%;
    max-width: 560px;
}

.box-report+.box-report {
    margin-top: 70px;
}

@media (max-width: 640px) {
    .box-report .tit-report img {
        height: 30px;
    }
}

/* box-cnv --------------------------------------*/

.box-cnv {
    background     : url(/common/images/dotline-02.png) 0 0 repeat-x;
    background-size: 22px 4px;
    padding        : 30px 0 60px;
    text-align     : center;
}

.box-cnv.box-cnv-01 {
    background-position: left bottom;
    padding-top        : 0;
}

@media (max-width: 799px) {
    .box-cnv.box-cnv-01 {
        display: none;
    }

    .box-about-02,
    .box-about-04 {
        background     : url(/common/images/dotline-02.png) 0 0 repeat-x;
        background-size: 22px 4px;
        padding        : 30px 0;
    }
}

@media (min-width: 800px) {
    .box-about-02 {
        padding-bottom: 60px;
    }

    .box-about-02,
    .box-about-03,
    .box-about-04 {
        padding-top: 30px;
    }

    .box-about-05 {
        margin-top: 30px;
    }
}

.box-cnv p {
    font-size    : 2.4rem;
    line-height  : 1.6;
    margin-bottom: 20px;
    font-weight  : bold;
    color        : #301706;
}

.box-cnv p .point {
    color: #e97629;
}

@media (max-width: 640px) {
    .box-cnv .sp-br {
        display: block;
    }
}

/* contents-mv --------------------------*/

#contents-mv {
    width   : 100%;
    position: relative;
}

#contents-mv:before {
    content    : "";
    display    : block;
    padding-top: 58%;
}

#contents-mv .contents-mv-img img {
    width    : 100%;
    max-width: 100%;
    height   : auto;
}

#contents-mv .contents-mv-img,
#contents-mv .tit,
#contents-mv .catch {
    position: absolute;
}

#contents-mv .contents-mv-img {
    z-index: 1;
    top    : 0;
    left   : 0;
}

#contents-mv .tit,
#contents-mv .catch {
    z-index   : 2;
    left      : 0;
    right     : 0;
    margin    : 0 auto;
    text-align: center;
}

#contents-mv .tit {
    z-index: 2;
}

#contents-mv .catch {
    z-index: 3;
}

.about-01 #contents-mv .tit {
    top: -10%;
}

.about-01 #contents-mv .tit img {
    width: 80%;
}

.about-01 #contents-mv .catch {
    bottom: 9%;
}

.about-01 #contents-mv .catch img {
    width: 50%;
}


.about-02 #contents-mv .tit {
    top       : 10%;
    left      : 5%;
    right     : auto;
    margin    : 0;
    text-align: left;
}

.about-02 #contents-mv .tit img {
    width: 45%;
}

.about-02 #contents-mv .catch {
    bottom    : 12%;
    left      : 5%;
    right     : auto;
    margin    : 0;
    text-align: left;
}

.about-02 #contents-mv .catch img {
    width: 47%;
}


.about-03 #contents-mv .tit {
    top       : 15%;
    left      : 10%;
    right     : auto;
    margin    : 0;
    text-align: left;
}

.about-03 #contents-mv .tit img {
    width: 65%;
}

.about-03 #contents-mv .catch {
    bottom    : 12%;
    left      : 10%;
    right     : auto;
    margin    : 0;
    text-align: left;
}

.about-03 #contents-mv .catch img {
    width: 70%;
}

.about-04 #contents-mv {
    background     : url(/common/images/bg-craft.png) 0 0 repeat;
    background-size: 200px 200px;
}

.about-04 #contents-mv .contents-mv-img {
    top       : auto;
    bottom    : 30%;
    text-align: center;
}

.about-04 #contents-mv .contents-mv-img img {
    width: 65%;
}

.about-04 #contents-mv .tit {
    top: 12%;
}

.about-04 #contents-mv .tit img {
    width: 80%;
}

.about-04 #contents-mv .catch {
    bottom: 10%;
}

.about-04 #contents-mv .catch img {
    width: 70%;
}

@media (min-width: 640px) {
    .about-01 #contents-mv .tit {
        top: -5%;
    }

    .about-01 #contents-mv .tit img {
        width: 70%;
    }

    .about-01 #contents-mv .catch {
        bottom: 12%;
    }

    .about-01 #contents-mv .catch img {
        width: 45%;
    }

    .about-02 #contents-mv .tit {
        top: 12%;
    }

    .about-02 #contents-mv .tit img {
        width: 55%;
    }

    .about-02 #contents-mv .catch {
        bottom: 12%;
    }

    .about-02 #contents-mv .catch img {
        width: 50%;
    }

    .about-03 #contents-mv .tit {
        top: 18%;
    }

    .about-03 #contents-mv .tit img {
        width: 60%;
    }

    .about-03 #contents-mv .catch {
        bottom: 15%;
    }

    .about-03 #contents-mv .catch img {
        width: 60%;
    }

    .about-04 #contents-mv .catch img {
        width: 55%;
    }
}

@media (min-width: 640px) {
    .about-04 #contents-mv .contents-mv-img {
        bottom: 27%;
    }
}

@media (min-width: 800px) {
    .about-02 #contents-mv .tit img {
        width: 47%;
    }

    .about-02 #contents-mv .catch img {
        width: 45%;
    }
}


@media (min-width: 1024px) {
    .about-01 #contents-mv .tit {
        top: 0;
    }

    .about-01 #contents-mv .tit img {
        width: 67%;
    }

    .about-01 #contents-mv .catch img {
        width: 40%;
    }

    .about-02 #contents-mv .tit img {
        width: 55%;
    }

    .about-02 #contents-mv .catch {
        bottom: 17%;
    }

    .about-02 #contents-mv .catch img {
        width: 50%;
    }


    .about-03 #contents-mv .tit {
        top: 17%;
    }

    .about-03 #contents-mv .tit img {
        width: 57%;
    }

    .about-03 #contents-mv .catch {
        bottom: 17%;
    }

    .about-03 #contents-mv .catch img {
        width: 57%;
    }


    .about-04 #contents-mv .tit {
        top: 10%;
    }

    .about-04 #contents-mv .tit img {
        width: 80%;
    }

    .about-04 #contents-mv .contents-mv-img img {
        width: 70%;
    }

    .about-04 #contents-mv .catch img {
        width: 55%;
    }

    .about-04 #contents-mv .contents-mv-img {
        bottom: 27%;
    }


}

/* recipe/delivery(prd)  -------------------------------------------------------- */

.recipe-list-page .pic-list-01 {
    margin-bottom: 60px;
}

.recipe-list-page .box-paging ul {
    margin-top: -40px;
}

.prd-ctgry {
    display      : -webkit-box;
    /*Android4.3*/
    display      : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display      : flex;
    flex-wrap    : wrap;
    margin-bottom: 7px;
}

.prd-ctgry li {
    background   : #eae7e6;
    border-radius: 20px;
    padding      : 3px 10px;
    font-size    : 1rem;
    line-height  : 1.2;
    margin-right : 5px;
    margin-bottom: 3px;
    white-space  : nowrap;
}

.prd-ctgry li,
.prd-ctgry li a {
    color: #301706;
}

.prd-ctgry li a:hover {
    color: #6e5c50;
}

/*---------------*/

.recipe-timecal {
    font-size: 1.2rem;
    display  : -webkit-box;
    /*Android4.3*/
    display  : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display  : flex;
    flex-wrap: wrap;
}

.recipe-timecal li {
    margin-right : 5px;
    display      : -webkit-box;
    /*Android4.3*/
    display      : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display      : flex;
    align-items  : center;
    margin-bottom: 10px;
}

.recipe-timecal .icon {
    width : 13px;
    height: 13px;
}

.recipe-timecal i,
.recipe-timecal .icon {
    margin-right: 5px;
}

.recipe-timecal li,
.recipe-timecal li a {
    color: #301706;
}

.recipe-timecal li a:hover {
    text-decoration: underline;
}


#recipe-search-item .input-cal input {
    border : 1px solid #301706;
    width  : 30%;
    padding: 3px 5px;
}


#recipe-search-item .input-cal span {
    font-size  : 1.3rem;
    margin-left: 5px;
}


.box-recipe-info {
    margin-bottom: 50px;
}

/*---------------*/

.recipe-keyword {
    display  : -webkit-box;
    /*Android4.3*/
    display  : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display  : flex;
    flex-wrap: wrap;
}

.recipe-keyword li {
    margin: 0 5px 5px 0;
}

.recipe-keyword li i {
    color       : #6e5c50;
    font-size   : 1.3rem;
    margin-right: 5px;
}

.recipe-keyword li a {
    color        : #6e5c50;
    font-size    : 1.2rem;
    border       : 1px solid #eae7e6;
    padding      : 5px 10px;
    border-radius: 20px;
    display      : block;
}

.recipe-keyword li a:hover {
    background  : #6e5c50;
    border-color: #6e5c50;
}

.recipe-keyword li a:hover i,
.recipe-keyword li a:hover {
    color: #fff;
}

/*-------------------*/

.time-compare {
    display        : -webkit-box;
    /*Android4.3*/
    display        : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.time-compare li {
    text-align: center;
    padding   : 20px;
}

.time-compare .txt-01,
.time-compare .txt-02,
.time-compare .time {
    font-weight: bold;
}

.time-compare .txt-01 {
    display      : block;
    font-size    : 1.1rem;
    margin-bottom: 5px;
}

.time-compare .time {
    font-size: 2.6rem;
}

.time-compare .txt-02 {
    font-size: 1.2rem;
}

.time-compare li:nth-child(1) {
    padding-right: 30px;
}

.time-compare li:nth-child(2) {
    display                : inline-block;
    font                   : normal normal normal 14px/1 FontAwesome;
    font-size              : inherit;
    text-rendering         : auto;
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale;
    position               : relative;
    color                  : #e97629;
    padding-left           : 30px;
}

.time-compare li:nth-child(2):before {
    content  : "\f0da";
    left     : 0;
    top      : 0.7em;
    position : absolute;
    font-size: 3.2rem;
}


/*-------------------*/

.recipe-detail-page .recipe-info {
    padding: 15px;
}

.recipe-info .recipe-timecal {
    margin-bottom: 5px;
}

.recipe-info .recipe-timecal li {
    margin-right: 15px;
    font-size   : 1.4rem;
}

.recipe-info .prd-ctgry {
    margin-bottom: 15px;
}

.recipe-info .prd-ctgry li {
    font-size   : 1.3rem;
    margin-right: 5px;
}

.txt-comment {
    font-size  : 1.4rem;
    line-height: 1.6;
    margin-top : 20px;
}


.recipe-detail-page .size-price {
    font-size  : 1.3rem;
    line-height: 1.6;
}

.recipe-detail-page .size-price .size {
    display: block;
}

.recipe-detail-page .note-01 {
    padding: 5px;
}


.recipe-material table {
    width: 100%;
}

.recipe-material th,
.recipe-material td {
    padding      : 12px;
    font-size    : 1.4rem;
    line-height  : 1.4;
    font-weight  : bold;
    border-bottom: 1px solid #eae7e6;
    color        : #301706;
}


.others-prd tr td:first-of-type {
    width     : 3em;
    text-align: right;
}

.iecook-prd td,
.others-prd tr td:last-of-type {
    text-align: right;
}


.iecook-prd th,
.iecook-prd td {
    color: #e97629;
}


.recipe-material.howto td {
    text-align : left;
    font-weight: normal;
}

.box-recipe-info dd {
    margin-bottom: 30px;
}

.box-recipe-info .txt-outofstock {
    padding    : 10px;
    font-size  : 1.3rem;
    line-height: 1.4;
}


.recipe-info-table th {
    width: 3em;
}

.recipe-info-table td {
    text-align: left !important;
    width     : auto !important;
}

/*-------------------*/

.sns-share {
    display        : -webkit-box;
    /*Android4.3*/
    display        : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display        : flex;
    flex-wrap      : wrap;
    justify-content: space-around;
}

.sns-share li {
    margin-bottom: 15px;
}

.sns-share li a {
    width        : 170px;
    height       : 3em;
    line-height  : 3;
    display      : block;
    border-radius: 4px;
    box-sizing   : border-box;
    font-size    : 1.3rem;
    font-weight  : bold;
}

.sns-share li a i {
    font-size   : 1.5rem;
    margin-right: 5px;
}

.sns-share li.facebook a {
    background: #3B5998;
    color     : #fff;
}

.sns-share li.twitter a {
    background: #1DA1F2;
    color     : #fff;
}

.sns-share li.line a {
    background: #00C73C;
    color     : #fff;
}

.sns-share li.link a {
    border: 2px solid #999;
    color : #999;
}

/*-------------------*/

.add-delivery-wrap {
    width  : 75%;
    display: inline-block;
}

.add-delivery .icon {
    width       : 13px;
    height      : 13px;
    fill        : #e97629;
    margin-right: 5px;
}

.add-delivery dt {
    border-radius: 6px;
}

.add-delivery dt.open {
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
}

.add-delivery {
    width  : 100%;
    display: inline-block;
}

.add-delivery dt,
.add-delivery dd {
    width: 100%;
}

_:-ms-lang(x),
_::-webkit-meter-bar,
.add-delivery dd {
    margin-top: -1px;
}

.add-delivery dd {
    border-radius: 0 0 6px 6px;
    border-top   : 0;
    box-sizing   : border-box;
}

.add-delivery dd li {
    font-size  : 1.6rem;
    line-height: 1.4;
    color      : #301706;
    padding    : 10px 30px;
}

.add-delivery dd .box-btn {
    margin: 20px 0;
}

/*-------------------*/

.prd-detail-page .btnlist-02 {
    margin: 30px 0 40px;
}

.prd-detail-page .phtwrap {
    display        : -webkit-box;
    /*Android4.3*/
    display        : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.prd-detail-page .phtwrap .thumb {
    margin: 0 40px;
    border: 1px solid #eae7e6;
}


.prd-detail-page .swiper-pagination {
    position: static;
    margin  : 10px 0 20px;
}

.prd-detail-page .swiper-pagination-bullet-active {
    background: #e97629;
}

.prd-detail-page .swiper-button-next:before,
.prd-detail-page .swiper-button-prev:before {
    font-family: 'FontAwesome';
    font-size  : 7rem;
    color      : #fff;
}

.prd-detail-page .swiper-button-next:before {
    content: "\f105";
}

.prd-detail-page .swiper-button-prev:before {
    content: "\f104";
}

.prd-detail-page .swiper-button-next,
.prd-detail-page .swiper-button-prev {
    background: none;
}

.prd-detail-page .swiper-button-prev {
    top : 40%;
    left: 5%;
}

.prd-detail-page .swiper-button-next {
    top  : 40%;
    right: 5%;
}

.prd-detail-page .swiper-button-next,
.prd-detail-page .swiper-button-prev,
.prd-detail-page .swiper-button-next.swiper-button-disabled,
.prd-detail-page .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
}

.prd-detail-page .swiper-button-next:hover,
.prd-detail-page .swiper-button-prev:hover {
    opacity: 1;
}


.add-delivery .box-err {
    padding: 20px 20px 0;
    border : none;
}

/*------------------------------*/

.main-pic {
    position: relative;
    width   : 100%;
}

.main-pic:before {
    content    : "";
    display    : block;
    padding-top: 75%;
}

.main-pic .pht {
    position: absolute;
    top     : 0;
    left    : 0;
    bottom  : 0;
    right   : 0;
}

.main-pic img {
    width     : 100%;
    height    : 100%;
    object-fit: cover;
}

@media all and (-ms-high-contrast:none) {

    *::-ms-backdrop,
    .main-pic:before {
        padding-top: 100%;
    }

    *::-ms-backdrop,
    .main-pic img {
        height: auto !important;
    }
}

_:-ms-lang(x),
_::-webkit-meter-bar,
.main-pic:before {
    padding-top: 100%;
}

_:-ms-lang(x),
_::-webkit-meter-bar,
.main-pic img {
    height: auto !important;
}

/*--------------------*/

.txt-prd-intro {
    padding    : 10px;
    font-size  : 1.3rem;
    line-height: 1.6;
}

.txt-prd-price {
    padding    : 0 10px;
    font-size  : 1.6rem;
    line-height: 1.2;
    color      : #978b82;
    text-align : right;
}

.txt-prd-price .memo {
    font-size: 1.2rem;
}

.prd-desc {
    color : #301706;
    margin: 20px 20px 50px;
}

.prd-desc dt {
    font-size    : 1.6rem;
    line-height  : 1.2;
    margin-bottom: 10px;
    font-weight  : bold;
}

.prd-desc dd {
    font-size    : 1.3rem;
    line-height  : 1.8;
    margin-bottom: 30px;
}

/* mypage -------------------------------------------------------- */

.mypage .tit-01 .pagetit {
    order: 1;
}

.mypage .tit-01 .txt-link {
    order    : 2;
    font-size: 1.3rem;
}

.mypage .tit-01 .txt-link i {
    font-size: 1.5rem;
}

.mypage .tit-01 .txt-link a {
    color: #301706;
}

.mypage .tit-01 {
    display: block;
}

.mypage .tit-wrap {
    display        : -webkit-box;
    /*Android4.3*/
    display        : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    max-width      : 1100px;
    margin         : 0 auto;
    box-sizing     : border-box;
    padding        : 7px 20px;
}


.mypage-01 .sec-01 {
    margin-bottom: 50px;
}


.mypage .box-contents-menu {
    padding: 10px;
}

.box-contents-menu .box-profile-tit {
    padding-bottom: 10px;
    border-bottom : 1px solid #eae7e6;
}

.box-contents-menu .box-profile-tit-inner {
    display    : -webkit-box;
    /*Android4.3*/
    display    : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display    : flex;
    align-items: center;
}

.box-contents-menu .box-profile-logout {
    text-align: right;
    font-size : 1.1rem;
    margin-top: 5px;
}

.box-contents-menu .box-profile-logout a {
    color: #6e5c50;
}

.box-contents-menu .box-profile-tit .box-profile-img img {
    display: block;
}

.box-contents-menu .box-profile-tit .box-profile-txt {
    flex-grow  : 2;
    margin-left: 10px;
    font-size  : 1.3rem;
}

.mypage .box-contents-menu ul {
    margin: 10px;
}

.mypage-03-5 .list-05 li {
    font-size  : 1.4rem;
    line-height: 1.6;
}

/*-------------
news
--------------*/

.box-news {
    border       : 1px solid #eae7e6;
    border-radius: 4px;
    padding      : 10px 10px 0 10px;
    margin       : 0 10px 10px;
}

.box-news-day {
    font-size    : 1.2rem;
    margin-bottom: 5px;
    color        : #301706;
}

.box-news-tit {
    font-size    : 1.4rem;
    font-weight  : bold;
    line-height  : 1.4;
    color        : #301706;
    margin-bottom: 10px;
}

.box-news .ico-new {
    color      : #e97629;
    border     : 1px solid #e97629;
    padding    : 2px 3px 1px;
    display    : inline-block;
    font-size  : 1rem;
    margin-left: 5px;
    line-height: 1.1;
}

.box-news.btn-more {
    position     : relative;
    padding-right: 40px;
    cursor       : pointer;
}

.box-news.btn-more:before {
    content    : "\f107";
    font-family: 'FontAwesome';
    position   : absolute;
    top        : 20px;
    right      : 10px;
    font-size  : 2.4rem;
    color      : #6e5c50;
}

.box-news.btn-more.open:before {
    content: "\f106";
}

.box-news-body {
    display    : none;
    border-top : 1px dashed #d6d1cd;
    padding    : 10px 0;
    font-size  : 1.4rem;
    line-height: 1.6;
    margin-top : 10px;
}

.box-news.btn-more.open .box-news-body {
    display: block;
}

.box-news:last-of-type {
    margin-bottom: 30px;
}

/*-------------
mypage-top-box
--------------*/

.mypage .mypage-box-01 {
    background    : #eae7e6;
    padding-bottom: 5px;
}

.mypage-03 .tit-02 {
    background: #fff;
}

.mypage .mypage-box-01 dl {
    background: #fff;
    margin    : 0 5px;
}

.mypage .mypage-box-01 dt {
    padding    : 20px 20px 0;
    font-size  : 1.5rem;
    font-weight: bold;
}

.mypage .mypage-box-01 dd.detail {
    padding: 20px;
}

.mypage .mypage-box-01 dd.detail .ico-fix {
    margin-left: 0;
}

.mypage .mypage-box-01 .link-01 a {
    color: #e97629;
}

.mypage .mypage-box-01 dt {
    padding  : 20px 20px 0;
    font-size: 1.5rem;
    color    : #301706;
}

.mypage .mypage-box-01 .next-day {
    font-size: 2.4rem;
    padding  : 10px 0;
}

.mypage .mypage-box-01 .deadline {
    color     : #ff0000;
    font-size : 1.3rem;
    margin-top: 10px;
}

.mypage .mypage-box-01 .box-btn {
    margin-top: 20px;
}

.mypage .mypage-box-01 .link-01 {
    border-top: 1px solid #eae7e6;
}

/* .mypage .mypage-box-01 .link-01 a {
 color: #e97629;
} */

.deliv-base-table th,
.mypage .mypage-box-01 dd.detail th {
    font-size  : 1.3rem;
    color      : #301706;
    width      : 7em;
    padding    : 3px 0 15px 10px;
    line-height: 1.4;
}

.deliv-base-table td,
.mypage .mypage-box-01 dd.detail td {
    font-size  : 1.5rem;
    line-height: 1.4;
    padding    : 0 0 15px 10px;
}

.deliv-base-table th,
.deliv-base-table td,
.mypage .mypage-box-01 dd.detail th,
.mypage .mypage-box-01 dd.detail td {
    vertical-align: top;
}

/* .mypage .mypage-box-01 dd.detail tr:last-of-type th,
.mypage .mypage-box-01 dd.detail tr:last-of-type td {
 padding-bottom: 0;
} */

.mypage .mypage-box-01 .list-03 li {
    border-bottom: 0;
    margin       : 5px 5px 0;
    background   : #fff;
}

/* .mypage .mypage-box-01 .list-03 li a:hover {
 background: #d6d1cd;
}
 */

.deliv-base-table table,
.mypage .mypage-box-01 dd.detail.detail-02 table {
    margin-right: 50px;
}







/*-------------------
schedule
-------------------*/

.mypage-02 .box-schedule-list-wrap .txt-notice {
    font-size  : 1.2rem;
    line-height: 1.6;
    margin     : 10px;
}

.mypage-02 .txt-msg-02 {
    margin-right: 10px;
    font-size   : 1.2rem;
}




.box-schedule-list-wrap-02 {
    background: #f4f3f2;
    padding   : 10px;
}


.box-schedule-list-wrap .box-btn-all {
    display      : -webkit-box;
    /*Android4.3*/
    display      : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display      : flex;
    align-items  : center;
    margin-bottom: 10px;
    padding      : 10px;
}

.box-schedule-list-wrap .box-btn-all .txt-msg-03 {
    margin    : 0;
    padding   : 0 10px 0 0;
    background: none;
}

.box-schedule-list-wrap .box-btn-all p {
    margin-left: auto;
}

.box-schedule-list-wrap .box-btn-all .btn {
    height     : 2.5em;
    line-height: 2.5;
}

.box-schedule-list {
    background   : #fff;
    margin-bottom: 10px;
    padding      : 10px;
    border       : 1px solid #d6d1cd;
    border-radius: 4px;
}



.tit-schedule-list {
    margin-bottom: 10px;
}

.tit-schedule-list>ul {
    display        : -webkit-box;
    /*Android4.3*/
    display        : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display        : flex;
    align-items    : center;
    justify-content: space-between;
}


.tit-schedule-list a {
    font-size: 1.3rem;
    color    : #6e5c50;
}

.tit-schedule-list .tit-week {
    font-size  : 1.6rem;
    font-weight: bold;
}

.tit-schedule-list li:nth-child(2) {
    margin-right: auto;
}

.tit-schedule-list li:nth-child(3) {
    margin-left: auto;
}

.tit-schedule-list .tit-week,
.tit-schedule-list li:nth-child(2) a {
    color: #301706;
}

.tit-schedule-list li:nth-child(3) i {
    font-size   : 1.4rem;
    margin-right: 5px;
}




.box-schedule-list.fix .body-schedule-list li {
    font-weight : bold;
    font-size   : 1.6rem;
    margin-right: 20px;
}

.box-schedule-list.fix .body-schedule-list li.box-btn {
    margin: 0 0 0 auto;
}

.box-schedule-list.fix .body-schedule-list li .tit {
    font-weight: normal;
}

.body-schedule-list {
    padding: 10px;
}


.body-schedule-list-inner {
    display        : -webkit-box;
    /*Android4.3*/
    display        : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display        : flex;
    justify-content: center;
    /*  background : #eae7e6; */
    position       : relative;
}

.body-schedule-list-inner:before {
    /*  content: "";
 position: absolute;
 bottom: -20px;
 right: 47%;
 border: 10px solid transparent;
 border-top: 10px solid #eae7e6; */
}


.box-schedule-list.fix .body-schedule-list {
    background: #fbe4d4;
    padding   : 10px;
}

.box-schedule-list.pause .body-schedule-list {
    background: #f0efed;
}

.tit-schedule-list .ico-fix {
    padding  : 5px;
    font-size: 1.2rem;
}


.mypage .box-deliv-prd-list .thumb-wrap {
    width: 70px;
}

.mypage .prd-change .box-deliv-prd-list .thumb-wrap {
    width: 80px;
}



.body-schedule-list {
    background: #d2e5d2;
}

.box-schedule-list.unref,
.body-schedule-list.unref {
    background: #ffffcc;
    border    : 2px solid #e97629 !important;
}

.body-schedule-list .txt-unref {
    color        : #FF0000;
    font-size    : 1.2rem;
    margin-bottom: 5px;
    line-height  : 1.6;
    display      : block;
    font-weight  : bold;
}

.fix .body-schedule-list {
    background: #fff;
}

.box-schedule-list .txt-btn-check {
    font-size  : 1.1rem;
    color      : #e97629;
    margin-top : 5px;
    line-height: 1.3;
}

.body-schedule-list-inner>ul {
    display    : -webkit-box;
    /*Android4.3*/
    display    : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display    : flex;
    align-items: center;
    flex-wrap  : wrap;
}

.mypage-02-1 .body-schedule-list-inner>ul {
    display: block;
}

.body-schedule-list-inner>ul li {
    margin   : 0 10px 10px 0;
    font-size: 1.4rem;
}

.body-schedule-list-inner>ul li .tit {
    font-size    : 1.1rem;
    margin-right : 5px;
    margin-bottom: 5px;
    display      : block;
}

.body-schedule-list .box-btn {
    margin       : 0;
    text-align   : center;
    width        : auto;
    background   : #fdf1bb;
    padding      : 10px;
    border-radius: 6px;
}


.body-schedule-list .box-btn .ico-fix {
    padding    : 0 1em;
    font-weight: bold;
    width      : 7em;
}


.mypage-02-1 .txt-limit,
.box-schedule-list .txt-limit {
    color     : #ff0000;
    font-size : 1.2rem;
    margin-top: 10px;
    text-align: center;
}

.box-schedule-list.fix .txt-limit {
    color: #333;
}

.mypage-02-1 .body-schedule-list {
    display    : -webkit-box;
    /*Android4.3*/
    display    : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display    : flex;
    flex-wrap  : wrap;
    align-items: flex-end;
}

.mypage-02-1 .body-schedule-list-inner {
    flex           : initial;
    justify-content: space-between;
}

.mypage-02-1 .body-schedule-list .box-btn {
    width        : auto;
    text-align   : center;
    background   : #fdf1bb;
    padding      : 10px;
    border-radius: 6px;
    margin-top   : 10px;
}


.box-schedule-calendar {
    font-size  : 1.4em;
    display    : -webkit-box;
    /*Android4.3*/
    display    : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display    : flex;
    align-items: center;
}


.box-schedule-calendar .tit-calendar {
    text-align   : center;
    font-size    : 1.6rem;
    font-weight  : bold;
    margin-bottom: 10px;
}

.box-schedule-calendar .cal-prev,
.box-schedule-calendar .cal-next {
    font-size: 4rem;
    color    : #301706;
}

.box-schedule-calendar .btn-cal-left {
    margin-right: auto;
}

.box-schedule-calendar .btn-cal-right {
    margin-left: auto;
}


.box-schedule-calendar table {
    border-top: 1px solid #eee;
}

.box-schedule-calendar th,
.box-schedule-calendar td {
    border-bottom: 1px solid #eee;
    text-align   : center;
    padding      : 5px;
}

.box-schedule-calendar th {
    background: #f5f5f5;
}

.box-schedule-calendar .sat,
.box-schedule-calendar .sat a {
    color: #147ae2;
}

.box-schedule-calendar .holiday,
.box-schedule-calendar .holiday a,
.box-schedule-calendar .sun,
.box-schedule-calendar .sun a {
    color: #d24d4d;
}

.box-schedule-calendar-wrap {
    padding: 10px 15px;
}


.box-schedule-calendar {
    border : 1px solid #eae7e6;
    padding: 20px 0;
}

.box-schedule-calendar-wrap .iconsample,
.box-schedule-calendar-wrap .iconsample li {
    display    : -webkit-box;
    /*Android4.3*/
    display    : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display    : flex;
    align-items: center;
    flex-wrap  : wrap;
}

.box-schedule-calendar-wrap .iconsample {
    justify-content: flex-end;
    margin-bottom  : 10px;
}

.box-schedule-calendar-wrap .iconsample li {
    margin-left  : 10px;
    margin-bottom: 5px;
    font-size    : 1.1rem;
}

.box-schedule-calendar-wrap .intro-calendar .txt {
    font-size    : 1.1rem;
    margin-bottom: 10px;
}

.box-schedule-calendar-wrap .iconsample span {
    width        : 15px;
    height       : 15px;
    border-radius: 50%;
    display      : inline-block;
}

.box-schedule-calendar td span,
.box-schedule-calendar td a {
    display      : block;
    width        : 30px;
    height       : 30px;
    line-height  : 30px;
    border-radius: 50%;
}

.box-schedule-calendar-wrap .iconsample .deli-day01,
.box-schedule-calendar-wrap .deli-day01 a {
    background: #ddd;
}

.box-schedule-calendar-wrap .iconsample .deli-day02,
.box-schedule-calendar-wrap .deli-day02 a {
    background: #f4ba94;
}

.box-schedule-calendar-wrap .iconsample .deli-day03,
.box-schedule-calendar-wrap .deli-day03 a {
    background: #d2e5d2;
}


.mypage-02 .tit-04 {
    padding: 20px 10px 10px;
}





/*----------------------
deliv-prd-list
------------------------*/

.box-deliv-prd-list-wrap {
    background: #f4f3f2;
    padding   : 10px;
}

.box-deliv-prd-list-wrap.confarea {
    background: #ffffcc;
}

.txt-conf {
    color: #ff0000;
}


.box-deliv-prd-list-wrap .box-control,
.box-deliv-prd-list,
.box-deliv-prd-list .box-detail {
    display: -webkit-box;
    /*Android4.3*/
    display: -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display: flex;
}

.box-deliv-prd-list-wrap .box-control {
    justify-content: space-between;
    font-size      : 1.3rem;
    margin-bottom  : 10px;
}

.box-deliv-prd-list-wrap .box-control {
    padding: 10px 0;
}

.box-deliv-prd-list {
    align-items    : center;
    justify-content: space-between;
    border         : 1px solid #d6d1cd;
    padding        : 10px;
    background     : #fff;
    margin-bottom  : 5px;
}


.deliv-basic-list .box-deliv-prd-list {
    position: relative;
}

.deliv-basic-list .box-deliv-prd-list:before {
    border-top   : 8px solid #594538;
    border-left  : 8px solid #594538;
    border-right : 8px solid transparent;
    border-bottom: 8px solid transparent;
    position     : absolute;
    top          : 0;
    left         : 0;
    content      : "";
}

.deliv-basic-list .box-deliv-prd-list.add-prd:before {
    border-color: #fff;
}

.prd-icon-desc {
    position     : relative;
    padding-left : 10px;
    font-size    : 1rem;
    margin-bottom: 10px;
}

.prd-icon-desc:before {
    border-top   : 5px solid #594538;
    border-left  : 5px solid #594538;
    border-right : 5px solid transparent;
    border-bottom: 5px solid transparent;
    position     : absolute;
    top          : 0;
    left         : 0;
    content      : "";
}


.box-deliv-prd-list .box-detail {
    align-items: center;
    flex-wrap  : wrap;
}

.box-deliv-prd-list .thumb-wrap {
    margin-right: 10px;
}

.box-deliv-prd-list .thumb {
    border    : 1px solid #ddd;
    box-sizing: border-box;
}

#mypage-prd-add .box-deliv-prd-list .thumb {
    width: 80px;
}

.box-deliv-prd-list .main-name {
    font-size  : 1.4rem;
    line-height: 1.4;
    font-weight: bold;
}

.box-deliv-prd-list .size-price {
    font-size  : 1.3rem;
    line-height: 1.6;
}

.box-deliv-prd-list .list-04 {
    margin-left: auto;
}

.box-deliv-prd-list .list-04 li {
    margin-left: 10px;
}

.box-deliv-prd-list .customSelect {
    font-size          : 1.5rem;
    height             : 2.5em;
    box-sizing         : border-box;
    background-position: 85% center;
    padding            : 0 30px 0 10px;
}

.box-deliv-prd-list .list-04 li .btn {
    height     : 2.5em;
    line-height: 2.5;
}


.box-deliv-prd-list input[type="checkbox"]+label:before {
    position: static;
}

.box-deliv-prd-list input[type="checkbox"]+label {
    padding-left: 0;
}


.prd-change-btnlist-01 {
    margin: 20px 0 20px;
}

.prd-change-btnlist-01>li {
    text-align   : center;
    margin-bottom: 30px;
}

.prd-change-btnlist-01 .favsetchange {
    display        : -webkit-box;
    /*Android4.3*/
    display        : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.prd-change-btnlist-01 .favsetchange-inner {
    width: 80%;
}

.prd-change-btnlist-01 .favsetchange-inner dl {
    box-sizing: border-box;
}

.prd-change-btnlist-01 .favsetchange-inner dt {
    font-weight  : bold;
    font-size    : 1.4rem;
    background   : #f6f6f6 none repeat scroll 0 0;
    border       : 1px solid #6e5c50;
    color        : #6e5c50;
    border-radius: 6px;
    height       : 3em;
    line-height  : 3;
    box-sizing   : border-box;
    cursor       : pointer;
}

.prd-change-btnlist-01 .favsetchange-inner dt.open {
    border-bottom: 0 none;
    border-radius: 6px 6px 0 0;
}

.prd-change-btnlist-01 .favsetchange-inner dd {
    background   : #f6f6f6 none repeat scroll 0 0;
    border       : 1px solid #6e5c50;
    border-top   : none;
    border-radius: 0 0 6px 6px;
    padding      : 10px;
}

.prd-change-btnlist-01 .favsetchange-select {
    display        : -webkit-box;
    /*Android4.3*/
    display        : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display        : flex;
    align-items    : center;
    justify-content: space-around;
}

.prd-change-btnlist-01 .favsetchange-select .btn {
    height     : 2.5em;
    line-height: 2.5;
}

.prd-change-btnlist-01 .favsetchange-select .box-select {
    width: 70%;
}


.prd-change-btnlist-01 .favsetchange-select .customSelect {
    font-size: 1.4rem;
    width    : 100%;
}

.link-02.about-favset {
    text-align: center;
    margin-top: 20px;
}

.link-02.about-favset a {
    font-size: 1.2rem;
}



.box-deliv-prd-list .box-detail {
    /*  flex-grow: 2; */
    flex: 1;
}


.box-deliv-prd-list .quantity {
    font-size : 1.5rem;
    margin-top: 5px;
    color     : #e97629;
}


.box-favset-add {
    text-align: center;
    font-size : 1.3rem;
    margin    : 20px 0;
}

.box-favset-add .box-select {
    margin : 20px 0 40px;
    display: none;
}

.box-favset-add .box-select .newset {
    margin-top: 10px;
}

.box-favset-add .box-select .newset input[type=text] {
    width: 50%;
}


.box-price {
    background   : #fff;
    border-radius: 6px;
    position     : relative;
    padding      : 10px;
    margin-top   : 20px;
}

.box-price:before {
    content      : "";
    position     : absolute;
    top          : -20px;
    right        : 48%;
    border       : 12px solid transparent;
    border-bottom: 12px solid #fff;
}

.mypage-02-2-2 .box-price:before {
    border: none;
}


.box-recalculation-wrap {
    background   : #fdf1e9;
    padding      : 20px;
    border-radius: 6px;
    color        : #e97629;
    font-weight  : bold;
    text-align   : center;
    font-size    : 1.4rem;
}

.box-recalculation .btn {
    margin-top: 20px;
}

.box-price .list-price {
    width : 100%;
    margin: 10px 10px 10px 0;
}

.box-price .list-price th {
    font-size: 1.4rem;
}

.box-price .list-price td {
    font-size : 1.6rem;
    text-align: right;
}

.box-price .list-price td.att {
    color: #ff0000;
}

.box-price .list-price th,
.box-price .list-price td {
    padding    : 10px;
    font-weight: bold;
}

.box-price .list-price .total {
    border: 3px solid #e97629;
}

.box-price .list-price .dif th,
.box-price .list-price .dif td {
    padding-bottom: 20px;
}

.box-price .list-price .total th,
.box-price .list-price .total td {
    padding: 15px;
}

.box-price .list-price .total th span {
    font-size  : 1.1rem;
    font-weight: normal;
}


.box-price-note {
    font-size  : 1.2rem;
    line-height: 1.4;
    color      : #ff0000;
}

.box-price-note dt {
    font-weight: bold;
}

.box-price-note dd {
    margin-bottom: 5px;
}


.box-price .txt-notice {
    text-align : center;
    color      : #ff0000;
    font-size  : 1.1rem;
    line-height: 1.2;
    font-weight: normal;
    margin-top : 10px;
}

.box-price .txt-notice-02 {
    text-align  : center;
    color       : #ff0000;
    font-size   : 1.1rem;
    line-height : 1.4;
    font-weight : normal;
    margin-top  : 20px;
    text-align  : left;
    padding-left: 1em;
    text-indent : -1em;
}


.box-price .about-howtocalc {
    text-align: right;
    margin    : 0 10px 10px 0;
}

.box-price .about-howtocalc a {
    font-size: 1.2rem;
    color    : #e97629;
}


.box-deliv-detail {
    padding        : 10px;
    font-size      : 1.4rem;
    line-height    : 1.4;
    display        : -webkit-box;
    /*Android4.3*/
    display        : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display        : flex;
    align-items    : center;
    justify-content: space-between;
}

.box-deliv-detail li {
    margin-bottom: 10px;
}

.box-deliv-detail .box-btn {
    margin: 0;
}

.mypage-02-1 .box-deliv-prd-list-wrap {
    background: #fff;
}

.mypage-02-1 .box-deliv-prd-list-wrap .box-btn {
    margin: 0 0 0 auto;
}

.mypage-02-1 .box-deliv-prd-list-wrap .box-btn .btn {
    width: auto;
}

.mypage-02-1 .box-deliv-prd-list-wrap .prd-icon-desc {
    margin: 0;
}

.mypage-02-1 .box-deliv-prd-list-wrap .box-flex {
    margin-bottom: 10px;
    align-items  : flex-end;
}

.mypage-02-1 .box-price:before {
    border: none;
}

.mypage-02-1 .box-price {
    padding: 0;
}

.mypage-02-1 .box-price-inner {
    justify-content: flex-end;
}

.mypage .ico-pause,
.mypage .ico-deliv,
.mypage .ico-fix {
    font-size  : 1.2rem;
    cursor     : default;
    padding    : 0 10px;
    height     : 20px;
    line-height: 20px;
    display    : inline-block;
    margin-left: 10px;
    font-weight: bold;
}

.mypage .ico-deliv {
    color : #1c7e1c;
    border: 1px solid #1c7e1c;
}

.mypage .ico-fix {
    color : #e97629;
    border: 1px solid #e97629;
}

.mypage .ico-pause {
    color : #999;
    border: 1px solid #999;
}

.mypage .tit-02 .ico-deliv,
.mypage .tit-02 .ico-fix,
.mypage .tit-02 .ico-pause {
    vertical-align: top;
    display       : inline-block;
    margin-top    : 2px;
}


.mypage-02-1 .box-schedule-list {
    border: 0;
}

.mypage-02-1 .body-schedule-list {
    border             : 0;
    background         : 0;
    padding            : 0;
    margin             : 0;
    display            : -webkit-box;
    /*Android4.3*/
    display            : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display            : flex;
    align-items        : center;
    /*  justify-content: space-between; */
}


.mypage-02-1 .box-schedule-list.fix .body-schedule-list {
    border    : none;
    background: none;
    padding   : 0;
}

.mypage-02-1 .box-schedule-list .txt-limit {
    text-align: left;
}


/*----------------------
box-deliv-base
------------------------*/

.box-deliv-base .err-list {
    margin-left : 10px;
    margin-right: 10px;
}

.box-deliv-base {
    background: #eae8e6;
    padding   : 5px;
}

.mypage-03-2 .box-deliv-base {
    background: #fff;
    padding   : 0 0 20px;

}

.mypage-03-2 .box-deliv-base .tbl-base-01 td {
    background: #fff;
}


.box-deliv-base>dl {
    background   : #fff;
    margin-bottom: 10px;
    box-shadow   : 0px 3px 3px -3px rgba(0, 0, 0, 0.2);
}

.box-deliv-base>dl>dt {
    padding    : 20px;
    font-size  : 1.4rem;
    color      : #301706;
    font-weight: bold;
    line-height: 1.4;
}

.box-deliv-base dt .txt-note {
    font-weight: normal;
    font-size  : 1.2rem;
    margin-top : 10px;
    display    : block;
}

.select-deliv-week {
    padding: 10px 20px 20px 0;
}

.select-deliv-week li {
    margin-bottom: 20px;
    font-size    : 1.6rem;
}

.select-deliv-week li:last-of-type {
    margin-bottom: 0;
}

.select-deliv-week i {
    font-size    : 1.5em;
    padding-right: 9px;
    color        : #ccc;
}

.select-deliv-week .fix {
    color: #999;
}

.select-deliv-week .ico-states {
    font-size  : 1.1rem;
    padding    : 3px;
    margin-left: 0;
    border     : none;
    color      : #999;
}


.box-deliv-base .accordion dt {
    cursor  : pointer;
    position: relative;
}

.tbl-base-01 {
    width: 100%;
}

@media all and (-ms-high-contrast:none) {

    *::-ms-backdrop,
    .tbl-base-01 {
        table-layout: fixed;
    }
}



.tbl-base-01 th,
.tbl-base-01 td {
    border-top   : 1px solid #eae7e6;
    border-bottom: 1px solid #eae7e6;
    padding      : 7px 10px;
    line-height  : 1.4;
}

.tbl-base-01 th {
    background : #f4f3f2;
    color      : #301706;
    font-size  : 1.4rem;
    font-weight: bold;
    padding    : 7px 10px;
}

.tbl-base-01 td {
    border-left: 1px solid #eae7e6;
    font-size  : 1.4rem;
}


.tbl-base-01 td .link-02 {
    margin-left: 5px;
}

.box-deliv-base .box-btn {
    margin: 40px 0;
}

.result-image-wrap {

    position: relative;
}

.result-image-wrap:before {
    /*  content: "";
 position: absolute;
 bottom: -20px;
 right: 48%;
 border: 12px solid transparent;
 border-top: 12px solid #dedad7; */
}



.box-result-image {
    background: #fff;
    border    : 1px solid #eae7e6;
    position  : relative;
    padding   : 20px;
    margin    : 20px auto 0;
}

.box-result-image:before {
    content      : "";
    position     : absolute;
    top          : -25px;
    right        : 48%;
    border       : 12px solid transparent;
    border-bottom: 12px solid #e9e7e5;
}

.box-result-image dl {
    margin-top: 20px;
    display   : none;
}

.box-result-image dl.show {
    display: block;
}


.box-result-image dt {
    font-size  : 1.4rem;
    color      : #301706;
    font-weight: bold;
    text-align : left;
}

.box-result-image dd {
    border       : 1px solid #eae7e6;
    border-radius: 4px;
    margin-top   : 10px;
    padding      : 20px 20px 0;
    background   : #fff;
    color        : #333;
}

.box-result-image dd table {
    font-size: 1.4rem;
}

.box-result-image dd th,
.box-result-image dd td {
    vertical-align: top;
    padding       : 0 0 15px 0;
    line-height   : 1.4;
    font-weight   : bold;
}

.box-result-image dd th i {
    margin-right: 5px;
}

.box-result-image dd tr td:first-of-type {
    padding-left : 10px;
    padding-right: 10px;
}

.box-deliv-base .txt-notice {
    font-weight: bold;
    text-align : center;
    margin-top : 10px;
}


.box-ref-txt {
    color      : #301706;
    text-align : center;
    font-size  : 1.3rem;
    font-weight: bold;
}

.mypage-03-2 .box-ref-txt {
    margin-bottom: 20px;
}


.box-ref {
    /*  background:#fbe4d4; */
    background   : none;
    border-radius: 6px;
    font-weight  : bold;
    text-align   : center;
    font-size    : 1.4rem;
    line-height  : 1.4;
    position     : relative;
}





/*----------------------
fav
------------------------*/

.box-favset-wrap {
    /*  background: #eae8e6;
 padding: 10px; */
}


.box-set-note {
    background: #ffe5e5;
    margin    : 20px 10px;
    padding   : 15px;
}

.box-set-note dt {
    font-size    : 1.3rem;
    font-weight  : bold;
    display      : inline-block;
    margin-bottom: 10px;
    color        : #ff0000;
}

.box-set-note dt i {
    margin-right: 5px;
}

.box-set-note dd {
    font-size  : 1.2rem;
    line-height: 1.6;
}

.box-set-note dd ul span {
    color      : #ff0000;
    font-weight: bold;
}

.box-set-note dd li {
    padding-left : 1em;
    text-indent  : -1em;
    margin-bottom: 5px;
}

.box-set-note dd li:last-of-type {
    margin-bottom: 0;
}


.box-favset-wrap table:first-of-type {
    border-top: 1px solid #c5beb9;
}


.box-favset-wrap table {
    /*  margin-bottom: 10px; */
    width        : 100%;
    border-bottom: 1px solid #c5beb9;
}


@media all and (-ms-high-contrast:none) {

    *::-ms-backdrop,
    .box-favset-wrap table {
        table-layout: fixed;
    }
}



.box-favset-wrap th {
    background : #f3f1f0;
    font-size  : 1.4rem;
    line-height: 1.4;
    font-weight: bold;
    width      : 230px;
}

.box-favset-wrap th a {
    color          : #301706;
    display        : block;
    padding        : 10px 15px;
    display        : -webkit-box;
    /*Android4.3*/
    display        : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display        : flex;
    align-items    : center;
    justify-content: space-between;
}

.box-favset-wrap th .ico {
    font-size  : 2.2rem;
    margin-left: 20px;
}

.box-favset-wrap td {
    background : #fff;
    font-size  : 1.4rem;
    line-height: 1.4;
    padding    : 10px;
}

.box-favset-wrap .btnlist-04 {
    flex-wrap: wrap;
}


.box-favset-wrap .btnlist-04 li .btn {
    height     : 2.5em;
    line-height: 2.5;
}

.box-favset-wrap .btnlist-04 li,
.box-favset-wrap .btnlist-04 li a {
    min-width: 4em;
}



.btn-favset-intro li {
    padding: 10px;
}

.btn-favset-intro li:first-of-type {
    text-align: center;
}

#add-favset-replace .txt-sub {
    font-size: 1.3rem;
}


#add-favset-replace input[type="radio"]:checked+label:after {
    top: 10px;
}

.mypage-04-3 .box-price .txt-notice {
    margin     : 10px 0 0 0;
    line-height: 1.4;
}

.mypage-04-3 .new-fav-set {
    width: 70%;
}




.fav-select-list .thumb-wrap {
    cursor: pointer;
}

.fav-select-list .disabled_checkbox {
    position: absolute;
    z-index : 998;
    top     : 5px;
    left    : 5px;
    display : block;
}


.fav-select-list .disabled_checkbox {
    width                : 30px;
    height               : 30px;
    -webkit-border-radius: 50%;
    /* 50%でもOK */
    -moz-border-radius   : 50%;
    border-radius        : 50%;
    background-color     : #ccc;
    /* 円の色 */
    border               : 1px solid #fff;
    display              : none;
}


_:-ms-lang(x),
_::-webkit-meter-bar,
.fav-select-list .disabled_checkbox {
    width : 20px;
    height: 20px;
    border: none;
}

@media all and (-ms-high-contrast:none) {

    *::-ms-backdrop,
    .fav-select-list .disabled_checkbox {
        width : 20px;
        height: 20px;
        border: none;
    }
}



.fav-select-list .disabled_checkbox:after {
    border-bottom    : 3px solid #fff;
    border-left      : 3px solid #fff;
    content          : "";
    position         : absolute;
    top              : 17px;
    left             : 6px;
    -moz-box-sizing  : border-box;
    box-sizing       : border-box;
    display          : block;
    width            : 16px;
    height           : 8px;
    margin-top       : -8px;
    -webkit-transform: rotate(-45deg);
    -ms-transform    : rotate(-45deg);
    transform        : rotate(-45deg);
}

.fav-select-list .disabled_checkbox:checked {
    background-color: #e97629;
    display         : block;
}

.mypage-04-1 .list-04,
.mypage-04-2 .list-04 {
    justify-content: flex-end;
}

.mypage-04-1 .list-04 li,
.mypage-04-2 .list-04 li {
    margin-left  : 20px;
    margin-bottom: 10px;
}


.list-howknow li {
    width: 45%;
}


.mypage-01 .recipe-list-page .pic-list-01 {
    margin-bottom: 0;
}



/*--------------
bill-dtl-page
---------------*/

.bill-dtl-page {
    margin-top: 20px;
}

.bill-dtl-page table {
    width        : 100%;
    border-bottom: 1px solid #eae7e6;
}

.bill-dtl-page th,
.bill-dtl-page td {
    padding       : 10px;
    border-top    : 1px solid #eae7e6;
    font-size     : 1.4rem;
    line-height   : 1.6;
    vertical-align: top;
}

.bill-dtl-page th {
    background : #f4f4f2;
    font-weight: bold;
    width      : 100px;
}

.bill-dtl-page .bill-all {
    font-size  : 1.6rem;
    font-weight: bold;
}

.bill-dtl-page .breakdown {
    font-size  : 1.3rem;
    font-weight: normal;
    display    : block;
    margin-top : 5px;
}



/*--------------
leave
---------------*/

.list-leave-conf {
    border : 1px solid #ff0000;
    padding: 15px;
    margin : 0 10px 20px;
}

.list-leave-conf li {
    font-size    : 1.4rem;
    line-height  : 1.6;
    margin-bottom: 10px;
    position     : relative;
    padding-left : 1em;
    text-indent  : -1.3em;
}

.list-leave-conf li:before {
    font-family : 'FontAwesome';
    content     : "\f06a";
    margin-right: 5px;
}

.list-leave-conf li.emp:before {
    color: #ff0000;
}

.list-leave-conf li.emp {
    font-weight: bold;
    color      : #ff0000;
}

.list-leave-conf li:last-of-type {
    margin-bottom: 0;
}

.mypage-03-5 .tit-03-2 span {
    font-size  : 1.2rem;
    margin-left: 10px;
    font-weight: bold;
}

.mypage-03-5 .tbl-base-01 .customSelect {
    width              : 90%;
    overflow           : hidden;
    white-space        : nowrap;
    text-overflow      : ellipsis;
    background-position: 97% center;
}





.hope-bill-conf {
    margin       : 0 0 20px;
    border-bottom: 1px solid #eae7e6;
}

.hope-bill-conf dt {
    background   : #f7f7f6;
    font-weight  : bold;
    border-top   : 1px solid #eae7e6;
    border-bottom: 1px solid #eae7e6;
    padding      : 10px;
}

.hope-bill-conf dt,
.hope-bill-conf dd {
    line-height: 1.4;
    font-size  : 1.4rem;
}

.hope-bill-conf dd {
    padding: 20px 10px 10px;
}

.hope-bill-conf dd .txt-notice {
    font-size : 1.2rem;
    margin-top: 20px;
}



/*------------------------------------ login */


.box-login {
    background: #f4f4f2;
    box-sizing: border-box;
    padding   : 20px;
}

.box-login .err-list {
    background-color: #fcf0f1;
    font-size       : 1.2rem;
    line-height     : 1.6;
    margin          : 0 0 20px 0;
    padding         : 10px;
}

.box-login .err-list li {
    font-weight: normal;
}

.box-login dt {
    font-size: 1.4rem;
}

.box-login dd input {
    width: 100%;
}

.box-login dt {
    margin-bottom: 10px;
}

.box-login dd {
    margin-bottom: 20px;
}




.btn-login {
    text-align   : center;
    margin-bottom: 30px;
}

.btn-send .btn,
.btn-login .btn {
    border-radius: 4px;
    color        : #fff;
    font-size    : 1.6rem;
    width        : 100%;
    max-width    : 300px;
    font-weight  : bold;
}

.btn-send {
    text-align: center;
    margin    : 10px 0 0;
}


.passwd dt .txt-notice {
    margin-left: 10px;
    font-size  : 1.1rem;
}




.other-link {
    font-size      : 1.3rem;
    display        : -webkit-box;
    /*Android4.3*/
    display        : -webkit-flex;
    /*PC-Safari,iOS8.4*/
    display        : flex;
    justify-content: center;
    margin         : 0 auto;
}

.other-link li {
    margin-bottom: 10px;
    line-height  : 1.4;
}

.other-link li a {
    color: #e97629;
}

.other-link li a:hover {
    text-decoration: underline;
}


/*---------------------------------------------------- other page */



.list-rule-policy dt {
    font-size  : 1.6rem;
    line-height: 1.8;
    font-weight: bold;
    color      : #301706;
}

.list-rule-policy dd {
    margin-bottom: 30px;
}

.list-rule-policy ul {
    margin: 10px 0;
}

.list-rule-policy li {
    padding-left : 1em;
    text-indent  : -1em;
    margin-bottom: 10px;
}


.list-rule-policy li,
.list-rule-policy dd,
.list-rule-policy .txt-intro,
.list-rule-policy .txt-end {
    font-size  : 1.4rem;
    line-height: 1.8;
}

.list-rule-policy .txt-intro {
    margin-bottom: 30px;
}

.list-rule-policy .txt-end {
    text-align    : right;
    padding-bottom: 20px;
}


.list-rule-policy .tit {
    font-weight  : bold;
    margin-bottom: 30px;
    font-size    : 1.8rem;
    line-height  : 1.4;
    color        : #301706;
}


.box-check.reg {
    padding: 20px;
    margin : 20px 0;
}


.list-rule-policy ul ul {
    margin-top   : 10px;
    margin-bottom: 20px;
}

.list-rule-policy .box-contact {
    margin-top: 20px;
}

.list-rule-policy .box-contact dt {
    font-size  : 1.4rem;
    line-height: 1.8;
}

.list-rule-policy .box-list-inner {
    margin: 10px 0 0 10px;
}

.list-sitemap dt,
.box-cmn-page .list-cmn-page-01>dt {
    font-size    : 1.8rem;
    line-height  : 1.8;
    font-weight  : bold;
    color        : #301706;
    margin-bottom: 10px;
}

.list-sitemap dd,
.box-cmn-page .list-cmn-page-01>dd {
    font-size    : 1.4rem;
    line-height  : 1.8;
    margin-bottom: 10px;
}

.list-sitemap dd {
    margin-bottom: 30px;
}

.list-sitemap dd:last-of-type {
    margin-bottom: 0;
}

.list-sitemap dd ul {
    display  : -webkit-box;
    display  : -webkit-flex;
    display  : flex;
    flex-wrap: wrap;
}

.list-sitemap dd li {
    width: 15em;
}

.list-sitemap dd li a {
    color: #6e5c50;
}


.box-cmn-page .list-cmn-page-02 {
    margin: 20px 0 0 10px;
}

.box-cmn-page .list-cmn-page-02>dt {
    font-size    : 1.6rem;
    line-height  : 1.8;
    font-weight  : bold;
    color        : #301706;
    margin-bottom: 10px;
}

.box-cmn-page .list-cmn-page-02>dd {
    font-size    : 1.4rem;
    line-height  : 1.8;
    margin-bottom: 30px;
}

.box-cmn-page .list-cmn-page-03>dt,
.box-cmn-page .list-cmn-page-03>dd {
    font-size  : 1.3rem;
    line-height: 1.8;
}


.box-cmn-page .available-card {
    display    : -webkit-box;
    display    : -webkit-flex;
    display    : flex;
    align-items: center;
    margin     : 20px 0;
}

.box-cmn-page .sec-02 {
    margin-bottom: 50px;
}


.box-cmn-page .available-card li {
    margin-right: 10px;
}

.box-cmn-page .available-card img {
    width: 50px;
}

.box-cmn-page .deliv-table {
    border-right: 1px solid #d6d1cd;
    border-top  : 1px solid #d6d1cd;
    width       : 100%;
}

.box-cmn-page .deliv-table th,
.box-cmn-page .deliv-table td {
    padding      : 7px;
    border-left  : 1px solid #d6d1cd;
    border-bottom: 1px solid #d6d1cd;
}

.box-cmn-page .deliv-table th {
    background: #f0efed;
}

.box-cmn-page li {
    padding-left : 1em;
    text-indent  : -1em;
    margin-bottom: 10px;
}

.list-rule-policy .num-list,
.box-cmn-page .num-list {
    margin-left: 10px;
}

.list-rule-policy .num-list>li,
.box-cmn-page .num-list>li {
    padding-left: 1em;
    text-indent : -1.6em;
}

.box-cmn-page .list-cmn-page-03 li {
    margin-bottom: 0;
}

#page-faq.box-1clm-wrap {
    border : none;
    padding: 30px 0;
}

#page-faq>dl {
    border       : 1px solid #eae7e6;
    margin-bottom: 20px;
    border-radius: 6px;
}

#page-faq dl dt {
    line-height: 1.8;
    font-weight: bold;
    color      : #301706;
    cursor     : pointer;
}

#page-faq>dl>dt {
    font-size: 1.8rem;
    padding  : 20px;
}

#page-faq dl dl {
    padding-left: 40px;
}

#page-faq dl dl dt {
    font-size    : 1.6rem;
    margin-bottom: 10px;
}

#page-faq dl dl dd {
    font-size    : 1.4rem;
    line-height  : 1.8;
    margin-bottom: 20px;
}


#page-faq>dl>dt.open {
    border-bottom: 1px dashed #eae7e6;
}


#page-faq>dl>dd {
    padding: 20px;
}



#page-faq dl dt span {
    display     : block;
    position    : relative;
    padding-left: 40px;
}


#page-faq dl dt span:before {
    position     : absolute;
    content      : "";
    border-radius: 50%;
}

#page-faq>dl>dt span:before {
    top             : 0.3em;
    left            : 0;
    width           : 1.2em;
    height          : 1.2em;
    background-color: #301706;
}

#page-faq dl dl dt span:before {
    top             : 0.3em;
    left            : 0;
    width           : 1.2em;
    height          : 1.2em;
    background-color: #fff;
    border          : 1px solid #301706;
}

#page-faq>dl>dt.open span:before {
    background-color: #e97629;
}

#page-faq dl dl dt.open span:before {
    border: 1px solid #e97629;
}

/* #page-faq dl dt.open {
 color: #e97629;
} */


#page-faq dl dt span:after {
    content    : "\f107";
    font-family: 'FontAwesome';
    position   : absolute;
}

#page-faq>dl>dt span:after {
    top      : -0.1em;
    left     : 0.2em;
    font-size: 2rem;
    color    : #fff;
}

#page-faq dl dl dt span:after {
    top      : -0.1em;
    left     : 0.2em;
    font-size: 2rem;
    color    : #301706;
}

#page-faq dl dt.open span:after {
    content: "\f106";
}

#page-faq>dl>dt.open span:after {
    top: -0.2em;
}

#page-faq dl dl dt.open span:after {
    top  : -0.2em;
    color: #e97629;
}

#page-faq dl a {
    text-decoration: underline;
    color          : #6e5c50;
}

/* Media Queries ------------------------------------------------------ */

#gheader-01 {
    height: 40px;
}

main {
    margin-top: 40px;
}

.about #contents,
.delivery #contents {
    padding-top: 50px;
}

.mypage #contents {
    padding-top: 50px;
}

.mypage-04-1 #contents,
.mypage-04-2 #contents,
.mypage-04-3 #contents {
    padding-top: 100px;
}

.pic-list-01 .main-name {
    font-size: 1.1rem;
}

.txt-br {
    display: block;
}

/*--------------------------------------------------------*/

@media (max-width: 374px) {

    .box-favset-wrap .btnlist-04 li .btn {
        width: 90%;
    }

    .box-favset-wrap .btnlist-04 li {
        width     : 45%;
        text-align: center;
    }

    .box-favset-wrap .btnlist-04 li:last-of-type {
        width     : 100%;
        margin-top: 10px;
    }



}

/*--------------------------------------------------------*/



@media (max-width: 540px) {


    #gheader .box-search-wrap {
        display   : none;
        background: rgba(214, 209, 205, 0.8);
        padding   : 10px;
        width     : 100%;
        box-sizing: border-box;
        position  : absolute;
        top       : 40px;
        left      : 0;
    }

    #gheader .box-search input {
        width     : 250px;
        background: #fff;
    }

    .fix .body-schedule-list-inner>ul {
        margin-bottom: -10px;
    }

    .mypage-02-1 .box-schedule-list.fix .body-schedule-list li {
        margin-bottom: 20px;
    }


    .tbl-base-01 th,
    .tbl-base-01 td {
        display: block;
    }

    .tbl-base-01 td {
        border : none;
        padding: 10px;
    }

    .btnlist-01 {
        width: 100%;
    }


    .box-modal .box-deliv-prd-list-wrap .ingre-select-list li {
        width: 48%;
    }







}

/*--------------------------------------------------------*/

@media (min-width: 541px) {

    #gheader-01 {
        height: 65px;
    }

    main {
        margin-top: 65px;
    }

    .subnav {
        top: 120px;
    }

    .mypage .subnav {
        top: 105px;
    }

    #gheader-01 .logo {
        top : 17px;
        left: 20px;
    }

    #gheader .logo img {
        width: 200px;
    }

    .ico-hamburger {
        top  : 22px;
        right: 20px;
    }

    #gnav ul {
        justify-content: space-around;
    }

    #gheader .btn-search {
        display: none;
    }

    #gheader .box-search-wrap {
        position: absolute;
        top     : 15px;
        right   : 80px;
    }

    .hamburger-menu-list-02 li,
    #gfooter li {
        width: 33%;
    }

    .list-01 .list-wrap {
        display: block;
    }

    .list-01 {
        display  : -webkit-box;
        /*Android4.3*/
        display  : -webkit-flex;
        /*PC-Safari,iOS8.4*/
        display  : flex;
        flex-wrap: wrap;
    }

    .list-01>li {
        width : 33%;
        border: none;
    }

    .list-01 .thumb-wrap {
        width        : 100%;
        margin-bottom: 10px;
    }


    .prd-detail-page .phtwrap .thumb {
        margin: 0 40px;
        border: 1px solid #eae7e6;
    }

    .prd-detail-page .phtwrap .thumb {
        margin: 0 60px;
        border: 1px solid #eae7e6;
    }


    .body-schedule-list>ul li {
        margin-right : 20px;
        margin-bottom: 0;
    }

    .body-schedule-list>ul li .tit {
        display      : block;
        margin-bottom: 5px;
        font-size    : 1.2rem;
    }

    .box-recalculation {
        display        : -webkit-box;
        /*Android4.3*/
        display        : -webkit-flex;
        /*PC-Safari,iOS8.4*/
        display        : flex;
        align-items    : center;
        justify-content: center;
    }

    .box-recalculation .btn {
        margin: 0 0 0 20px;
    }

    .search-zip {
        margin-top: 0px;
    }

    .mypage-04-3 .prd-change-btnlist-01 li {
        margin-left: auto;
        width      : 40%;
    }

    .mypage-04-3 .prd-change-btnlist-01 li a {
        width: 100%;
    }

    .mypage-04-3 .list-price {
        margin: 10px 0 0 auto;
    }


    .bill-dtl-page .bill-wrap {
        display: -webkit-box;
        /*Android4.3*/
        display: -webkit-flex;
        /*PC-Safari,iOS8.4*/
        display: flex;
    }

    .bill-dtl-page .bill-all {
        width: 100px;
    }

    .bill-dtl-page .breakdown {
        margin: 0;
    }

    .hope-bill-conf dt {
        border-top: none;
    }


    .regist-form-01 .tbl-base-01 th {
        width: 170px;
    }

    .inquiry-form-01 .tbl-base-01 th {
        width: 200px;
    }

    .mypage-03-5 .tbl-base-01 th,
    .mypage-03-1 .tbl-base-01 th {
        width: 170px;
    }



}

/*--------------------------------------------------------*/



@media (min-width: 480px) and (max-width: 639px) {

    .box-favset-wrap .btnlist-04 li .btn {
        width: 90%;
    }

    .box-favset-wrap .btnlist-04 li {
        width: 100px;
    }

    .box-favset-wrap .btnlist-04 li:last-of-type {
        width: auto;
    }

    .box-favset-wrap .btnlist-04 li:last-of-type .btn {
        width: 100%;
    }


}

/*--------------------------------------------------------*/



@media (min-width: 541px) and (max-width: 799px) {
    .pic-list-01 li {
        width: 25%;
    }

    .list-01>li {
        width: 25%;
    }

    .pic-list-01 .main-name {
        height: 25%;
    }

    .prd-list .pic-list-01 .main-name {
        height: auto;
    }


    .search-list-01 dd ul li {
        width: 33%;
    }


    #gheader .box-search-wrap {
        width: 235px;
    }


    #recipe-search-item .input-cal input {
        width: 10%;
    }


    .body-schedule-list {
        display: -webkit-box;
        /*Android4.3*/
        display: -webkit-flex;
        /*PC-Safari,iOS8.4*/
        display: flex;
    }

    .body-schedule-list .box-btn {
        width     : auto;
        margin-top: 0;
    }

    .box-schedule-list .txt-limit {
        text-align: left;
    }


    .body-schedule-list-inner>ul li {
        margin-bottom: 5px;
    }

    .mypage-02-1 .body-schedule-list-inner>ul {
        display: -webkit-box;
        /*Android4.3*/
        display: -webkit-flex;
        /*PC-Safari,iOS8.4*/
        display: flex;
    }



}

/*--------------------------------------------------------*/

@media (min-width: 640px) and (max-width: 799px) {

    .box-prd-plan .box-prd-plan-list,
    .box-prd-plan .box-prd-plan-table {
        display        : -webkit-box;
        display        : -webkit-flex;
        display        : flex;
        flex-wrap      : wrap;
        justify-content: space-between;
    }

    .box-prd-plan table,
    .box-prd-plan .box-prd-plan-list dl {
        width: 48%;
    }


    .main-pic-wrap {
        display: -webkit-box;
        /*Android4.3*/
        display: -webkit-flex;
        /*PC-Safari,iOS8.4*/
        display: flex;
    }

    .main-pic {
        margin-left: 20px;
        width      : 400px;
    }

    .main-pic:before {
        padding-top: 100%;
    }


    .recipe-info .recipe-timecal li {
        margin-bottom: 10px;
    }


    .prd-intro-wrap {
        margin: 0 20px;
    }

    .recipe-detail-page .recipe-info {
        margin : 0 20px;
        padding: 0;
    }

    .box-clm-side {
        padding: 60px;
    }







    #gnav li a {
        padding: 15px;
    }

    #prd-search,
    #recipe-search {
        padding: 20px;
    }

    .box-deliv-prd-list-layout {
        display  : -webkit-box;
        /*Android4.3*/
        display  : -webkit-flex;
        /*PC-Safari,iOS8.4*/
        display  : flex;
        flex-wrap: wrap;
    }

    .box-deliv-prd-list {
        width        : 45%;
        margin-bottom: 5px;
    }

    .box-deliv-prd-list:nth-child(odd) {
        margin-right: 5px;
    }


    .prd-change-btnlist-01 {
        display        : -webkit-box;
        /*Android4.3*/
        display        : -webkit-flex;
        /*PC-Safari,iOS8.4*/
        display        : flex;
        justify-content: space-between;
        margin-left    : 10px;
        margin-right   : 10px;
    }

    .prd-change-btnlist-01 li {
        width        : 50%;
        margin-bottom: 0;
    }

    .prd-change-btnlist-01 li .customSelect,
    .prd-change-btnlist-01 li .btn {
        width: 90%;
    }



    .box-price-inner {
        display        : -webkit-box;
        /*Android4.3*/
        display        : -webkit-flex;
        /*PC-Safari,iOS8.4*/
        display        : flex;
        justify-content: space-around;
    }

    .box-price .list-price {
        width: 50%;
    }

    .box-price-note {
        margin-top: 20px;
    }

    .box-deliv-prd-list-wrap .box-btn .btn {
        width: 50%;
    }


    .box-schedule-calendar-wrap .intro-calendar {
        display        : -webkit-box;
        /*Android4.3*/
        display        : -webkit-flex;
        /*PC-Safari,iOS8.4*/
        display        : flex;
        align-items    : center;
        justify-content: space-between;
    }

    .btn-favset-intro {
        display        : -webkit-box;
        /*Android4.3*/
        display        : -webkit-flex;
        /*PC-Safari,iOS8.4*/
        display        : flex;
        align-items    : center;
        justify-content: center;

    }

    .btn-favset-intro li {
        width: 50%;
    }

    .btn-favset-intro {
        display        : -webkit-box;
        /*Android4.3*/
        display        : -webkit-flex;
        /*PC-Safari,iOS8.4*/
        display        : flex;
        align-items    : center;
        justify-content: space-between;

    }

    .btn-favset-intro .txt-notice {
        order: 1;
    }

    .btn-favset-intro .btnarea {
        order: 2;
        width: 40%;
    }

    .btn-favset-intro .btnarea a {
        width: 100%;
    }


    .list-howknow li {
        width: 32%;
    }


    .sns-share li a {
        width: 200px;
    }


}

/*--------------------------------------------------------*/



@media (max-width: 640px) {

    .box-favset-wrap th,
    .box-favset-wrap td {
        display: block;
    }

    .box-favset-wrap th {
        width: auto;
    }

    .box-favset-add .box-select .newset input[type=text] {
        width: 70%;
    }

    .deliv-base-table .box-btn-02 {
        text-align: center;
        margin-top: 20px;
    }

    .deliv-base-table .box-btn-02 .btn {
        width: 80%;
    }


}

/*--------------------------------------------------------*/



@media (min-width: 640px) {


    .form-progress li {
        min-width: 100px;
    }

    .form-progress li .point {
        height: 16px;
        width : 16px;
    }

    .form-progress li .txt {
        font-size: 1.3rem;
        height   : 50px;
    }

    .form-progress li:after,
    .form-progress li:before {
        bottom: 7px;
    }



    .prd-detail-page .main-pic-wrap {
        display: -webkit-box;
        /*Android4.3*/
        display: -webkit-flex;
        /*PC-Safari,iOS8.4*/
        display: flex;
    }

    .prd-detail-page .swiper-slide {
        max-width: 400px;
    }

    .prd-detail-page .swiper-wrapper {
        max-width : 400px;
        min-width : 300px;
        max-height: 400px;
        min-height: 300px;
        width     : auto;
        height    : auto;
    }

    .prd-detail-page .phtwrap .thumb {
        margin: 0 0 0 20px;
    }

    .prd-detail-page .swiper-slide .phtwrap .thumb {
        margin-left: 0;
    }

    .prd-detail-page .btnlist-02 #btn-addfav,
    .prd-detail-page .btnlist-02 .add-delivery-wrap {
        width: 90% !important;
    }


    .subnav .nav-03 ul {
        display: none;
    }

    .deliv-base-table,
    .mypage .mypage-box-01 dd.detail {
        display        : -webkit-box;
        /*Android4.3*/
        display        : -webkit-flex;
        /*PC-Safari,iOS8.4*/
        display        : flex;
        align-items    : center;
        justify-content: space-between;
    }

    .mypage .mypage-box-01 dd.detail .box-inner02 {
        width: 300px;
    }

    .deliv-base-table,
    .mypage .mypage-box-01 dd.detail.detail-02 {
        justify-content: flex-start;
        align-items    : flex-start;
    }

    .mypage-03-2 .deliv-base-table {
        /*  align-items: center; */
    }


    .deliv-base-table table,
    .mypage .mypage-box-01 dd.detail.detail-02 table {
        margin-right: 30px;
    }

    .deliv-base-table .box-btn-02 {
        margin-left : auto;
        margin-right: 20px;
    }


    _:-ms-lang(x),
    _::-webkit-meter-bar,
    .deliv-base-table table,
    .mypage .mypage-box-01 dd.detail.detail-02 table {
        width: 40%;
    }




    .btnlist-03 {
        display        : -webkit-box;
        /*Android4.3*/
        display        : -webkit-flex;
        /*PC-Safari,iOS8.4*/
        display        : flex;
        align-items    : center;
        justify-content: space-between;
    }

    .btnlist-03 li {
        width: 50%;
    }

    .btnlist-03 li:nth-child(2) {
        order: 1;
    }

    .btnlist-03 li:nth-child(1) {
        order: 2;
    }


    .txt-br {
        display: inline;
    }

    .box-result-image .txt-br {
        margin-left: 20px;
    }


    .search-zip {
        margin: 0 0 0 20px;
    }


    .box-login {
        width  : 600px;
        margin : 0 auto;
        padding: 30px;
    }

    .box-login dl {
        display        : -webkit-box;
        /*Android4.3*/
        display        : -webkit-flex;
        /*PC-Safari,iOS8.4*/
        display        : flex;
        align-items    : center;
        justify-content: center;
        flex-wrap      : wrap;
        width          : 500px;
        margin         : 0 auto;
    }

    .box-login dt {
        width: 7em;
    }

    .reminder.box-login dt {
        width: 9em;
    }

    .passwd.box-login dt {
        width: 11em;
    }

    .box-login dd {
        width: 70%;
    }

    .reminder.box-login dd,
    .passwd.box-login dd {
        width: 60%;
    }



    .box-check {
        margin-top: 10px;
    }

    .passwd dt .txt-notice {
        display: block;
        margin : 3px 0 0 0;
    }

    .box-login.reminder {
        margin-top: 20px;
    }



    .hamburger-menu-list-01-wrap {
        display  : -webkit-box;
        display  : -webkit-flex;
        display  : flex;
        flex-wrap: wrap;
    }

    .hamburger-menu-list-01 {
        width: 48%;
    }

    .box-profile-tit+.hamburger-menu-list-01-wrap {
        margin-top: 0;
    }


    #nav-takuhai-push .btn {
        height     : 3.5em;
        line-height: 3.5;
    }





}

/*--------------------------------------------------------*/


@media (max-width: 799px) {


    #page-top {
        display: none !important;
    }


    .box-no-data {
        margin-left : 10px;
        margin-right: 10px;
    }



    .about #contents-mv {
        margin-top: 10px;
    }


    #page-faq.box-1clm-wrap {
        padding: 10px;
    }

    #page-faq dl dl {
        padding-left: 10px;
    }


    .box-cmn-page .deliv-table th,
    .box-cmn-page .deliv-table td {
        display: block;
    }

    .box-cmn-page .deliv-table td {
        border-bottom: none;
    }

    .box-cmn-page .deliv-table th {
        border-top: 1px solid #d6d1cd;
    }

    .box-cmn-page .deliv-table {
        border-top   : none;
        border-bottom: 1px solid #d6d1cd;
    }


    .top #gfooter .copyright,
    .delivery-01 #gfooter .copyright,
    .recipe #gfooter .copyright {
        padding-bottom: 130px;
    }



    .tit-01 .tit-wrap {
        padding-left: 10px;
        display     : block;
    }

    .mypage .tit-01 .tit-wrap {
        display: -webkit-box;
        /*Android4.3*/
        display: -webkit-flex;
        /*PC-Safari,iOS8.4*/
        display: flex;
    }


    .topicpath {
        padding: 10px 10px 0 15px;
    }

    .txt-intro-02 {
        padding: 0 15px;
    }



    #gheader-01 {
        position  : fixed;
        top       : 0;
        left      : 0;
        z-index   : 1000 !important;
        width     : 100%;
        transition: .3s;
    }


    #nav-wrap {
        position  : fixed;
        bottom    : 0;
        left      : 0;
        z-index   : 999;
        width     : 100%;
        transition: .3s;
    }

    .clm-wrap {
        display: block;
        padding: 0;
    }


    .mypage .subnav .nav-03-menu {
        display: none;
    }

    .subnav ul ul {
        display   : none;
        background: #fff;
        border-top: 1px solid #eae7e6;
    }


    .mypage-04-1 .subnav ul ul,
    .mypage-04-2 .subnav ul ul,
    .mypage-04-3 .subnav ul ul {
        display        : -webkit-box;
        /*Android4.3*/
        display        : -webkit-flex;
        /*PC-Safari,iOS8.4*/
        display        : flex;
        flex-wrap      : wrap;
        justify-content: space-around;
        align-content  : center;
        max-width      : 1100px;
        position       : absolute;
        width          : 100%;
        left           : 0;
        border-bottom  : 1px solid #eae7e6;
        height         : 50px;
        box-sizing     : border-box;
    }

    .mypage-04-1 .subnav ul ul li,
    .mypage-04-2 .subnav ul ul li,
    .mypage-04-3 .subnav ul ul li {
        height     : 50px;
        line-height: 50px;
        box-sizing : border-box;
    }

    .subnav ul ul a {
        color        : #978b82;
        cursor       : pointer;
        /*  display  : block; */
        font-size    : 1.2rem;
        font-weight  : bold;
        box-sizing   : border-box;
        border-radius: 20px;
        padding      : 7px 20px;
    }

    .subnav ul ul a:hover {
        color: #e97629;
    }

    .mypage-04-1 .subnav ul ul .nav-04-1 a,
    .mypage-04-2 .subnav ul ul .nav-04-2 a,
    .mypage-04-3 .subnav ul ul .nav-04-3 a {
        color     : #fff;
        background: #e97629;
    }

    .box-clm-side {
        padding: 20px;
    }

    .mypage .tit-02 {
        padding      : 20px 15px;
        font-size    : 1.8rem;
        background   : #fff;
        margin-bottom: 5px;
    }

    .txt-msg-01 {
        margin: 10px 10px 30px;
    }


    .mypage-03 .mypage-box-01 dl {
        border-top: 10px solid #eae7e6;
    }

    .hope-bill-conf {
        border-left : 0;
        border-right: 0;
    }


    .err-list {
        margin-left : 10px;
        margin-right: 10px;
    }


    .tit-03 {
        margin-left  : 10px;
        margin-bottom: 10px;
    }

    .recipe .tit-03+.list-01 {
        border-top: 1px solid #eae7e6;
    }


    .mypage-04-1 .list-04,
    .mypage-04-2 .list-04 {
        margin-right: 20px;
    }


    #mv .sp-arrows {
        display: none;
    }


    .hamburger-menu-list-02 ul li:nth-child(even) {
        border-right: none;
    }


    .cmnpage .box-1clm-wrap {
        padding   : 20px;
        border-top: 1px solid #eae7e6;
    }

    .box-clm-side-wrap .side-btn {
        display: none;
    }


}

/*--------------------------------------------------------*/


@media (min-width: 760px) and (max-width: 899px) {

    .body-schedule-list>ul li .tit {
        display: inline;
    }



}

/*--------------------------------------------------------*/

@media (min-width: 800px) {

    .about-04 #nav-takuhai-push {
        display: none;
    }

    .box-clm-side-wrap .side-btn li {
        width: 240px;
    }

    .box-clm-side-wrap .side-btn li img {
        width: 100%;
    }

    #page-top {
        position : fixed;
        bottom   : 20px;
        right    : 20px;
        font-size: 2rem;
        z-index  : 100;
    }

    #page-top a {
        background           : rgba(48, 23, 6, 0.7);
        color                : #fff;
        width                : 50px;
        height               : 50px;
        -webkit-border-radius: 25px;
        -moz-border-radius   : 25px;
        border-radius        : 25px;
        text-align           : center;
        display              : block;
    }

    #page-top i {
        padding-top: 10px;
    }

    .btn-about-info {
        line-height: 3.5;
        height     : 3.5em;
        font-size  : 1.8rem;
    }

    .tit-01 .tit-wrap {
        align-items     : center;
        box-sizing      : border-box;
        display         : flex;
        margin          : 0 auto;
        max-width       : 1100px;
        background-image: none !important;
    }

    textarea,
    input[type="password"],
    input[type="text"] {
        padding: 5px;
    }

    .box-prd-plan {
        margin-left : 0;
        margin-right: 0;
    }

    .box-prd-plan>dt:after {
        content: "\f106";
    }

    .box-prd-plan>dt.open:after {
        content: "\f107";
    }

    .box-prd-plan>dd {
        display: block;
    }


    .txt-memo {
        margin: 0 0 10px;
    }

    .box-1clm-wrap {
        max-width : 1200px;
        padding   : 60px;
        box-sizing: border-box;
        margin    : 0 auto;
        border    : 0px solid #eae7e6;
    }

    .regist-form-01 .box-btn .btn {
        width: 300px;
    }

    main {
        margin-top    : 0 !important;
        padding-top   : 0 !important;
        padding-bottom: 50px;
    }

    #contents {
        padding-top: 30px !important;
    }

    #gheader-01 {
        height: 70px;
    }

    #gheader-01 .logo {
        top : 20px;
        left: 20px;
    }


    #nav-wrap {
        position : relative;
        max-width: 1100px;
        margin   : 0 auto;
        top      : -70px;
    }

    #gnav {
        position  : absolute;
        right     : 300px;
        top       : 5px;
        border    : none;
        background: none;
        width     : 260px;
    }

    #nav-takuhai-push {
        position  : absolute;
        top       : 70px;
        right     : 0;
        background: none;
        z-index   : 2;
    }

    .about #nav-takuhai-push {
        display: none;
    }

    #prd-search,
    #recipe-search {
        display: none;
    }

    .top-tagline {
        background-image: none;
    }

    #contents {
        max-width : 1100px;
        padding   : 30px;
        box-sizing: border-box;
        margin    : 0 auto;
    }

    .top #contents {
        padding  : 0;
        max-width: initial;
    }

    #gfooter .footer-02 p,
    .top-contents-06-wrap,
    .link-about-prd,
    .recipe-list-page,
    .main-pic-wrap,
    .btn-topcontents,
    .top-contents-03-bnr,
    .top-contents-03-2-wrap,
    .top-contents-02-wrap,
    .top-contents-02-wrap,
    .top-contents-01 {
        max-width   : 1100px;
        margin-left : auto;
        margin-right: auto;
    }

    .btn-about-iecook {
        text-align: center;
    }

    .tit-01 .tit-wrap {
        display    : -webkit-box;
        /*Android4.3*/
        display    : -webkit-flex;
        /*PC-Safari,iOS8.4*/
        display    : flex;
        align-items: center;
    }

    .tit-01 .pagetit {
        order        : 1;
        padding-right: 20px;
    }

    .tit-01 .txt-link,
    .tit-01 .tagline {
        order: 2;
    }

    .tit-02 {
        /*  border-bottom: 1px solid #eae7e6; */
        padding      : 0;
        margin-bottom: 20px;
        font-size    : 2rem;
    }

    .mypage-box-01 .tit-02 {
        background    : #fff;
        padding-bottom: 20px;
        margin-bottom : 0;
    }

    .pic-list-01 li {
        width: 25%;
    }

    .box-paging {
        margin-top: 30px;
    }

    .box-clm-side-wrap {
        display: block;
        order  : 1;
    }

    .clm-wrap {
        display        : -webkit-box;
        /*Android4.3*/
        display        : -webkit-flex;
        /*PC-Safari,iOS8.4*/
        display        : flex;
        justify-content: space-between;
    }

    .box-clm-main {
        flex       : 1;
        max-width  : 770px;
        order      : 2;
        margin-left: 30px;
    }

    .box-clm-side {
        width          : 240px;
        /*  margin-left: 30px; */
        background     : #eae7e6;
        padding        : 20px 20px 30px;
        box-sizing     : border-box;
        margin-bottom  : 20px;
    }

    /* .box-clm-side + .box-clm-side {
    margin-top: 20px;
    } */

    .box-clm-side.box-contents-menu {
        /*  background: #f8f5ef; */
        box-sizing: border-box;
        padding   : 10px;
        background: #fff;
        border    : 1px solid #eae7e6;
    }

    .box-contents-menu .tit-side {
        color        : #301706;
        font-size    : 1.4rem;
        font-weight  : bold;
        padding      : 10px 10px 15px;
        border-bottom: 1px solid #eae7e6;
    }

    .box-contents-menu ul {
        margin: 10px;
    }

    .box-contents-menu li {
        font-size    : 1.3rem;
        font-weight  : bold;
        margin-bottom: 10px;
    }

    /* .box-contents-menu li:before {
    content: "\f111";
    font-family: 'FontAwesome';
    position: absolute;
    font-size: 0.2em;
    top: 15px;
    } */

    .box-contents-menu li span,
    .box-contents-menu li a {
        color         : #301706;
        display       : block;
        padding       : 10px 0;
        /*  background: #f4eee4;
    border-radius     : 4px; */
    }

    .mypage .box-contents-menu li ul {
        margin        : 0;
        /*  background: #f4eee4;
    border-radius     : 0 0 4px 4px; */
        padding       : 0 10px 0 20px;
    }

    .mypage .box-contents-menu li ul li {
        margin-bottom: 3px;
    }

    .box-contents-menu li ul li a {
        background: none;
        padding   : 10px 0;
    }

    .about .subnav,
    .delivery .subnav,
    .mypage .subnav {
        display: none;
    }

    .about-01 .box-contents-menu .nav-01 a,
    .about-02 .box-contents-menu .nav-02 a,
    .about-03 .box-contents-menu .nav-03 a,
    .about-04 .box-contents-menu .nav-04 a,
    .box-contents-menu>ul>li a:hover,
    .delivery-01 .box-contents-menu .nav-01 a,
    .delivery-02 .box-contents-menu .nav-02 a,
    .delivery-03 .box-contents-menu .nav-03 a,
    .delivery-04 .box-contents-menu .nav-04 a,
    .mypage-01 .box-contents-menu .nav-01 a,
    .mypage-02 .box-contents-menu .nav-02 a,
    .mypage-02-1 .box-contents-menu .nav-02 a,
    .mypage-02-2 .box-contents-menu .nav-02 a,
    .mypage-02-2-2 .box-contents-menu .nav-02 a,
    .mypage-02-2-3 .box-contents-menu .nav-02 a,
    .mypage-03 .box-contents-menu .nav-03-0 a,
    .mypage-03-1 .box-contents-menu .nav-03-1 a,
    .mypage-03-2 .box-contents-menu .nav-03-2 a,
    .mypage-03-3 .box-contents-menu .nav-03-3 a,
    .mypage-03-4 .box-contents-menu .nav-03-4 a,
    .mypage-03-5 .box-contents-menu .nav-03-5 a,
    .mypage-04-1 .box-contents-menu .nav-04-1 a,
    .mypage-04-2 .box-contents-menu .nav-04-2 a,
    .mypage-04-3 .box-contents-menu .nav-04-3 a,
    .mypage-04-4 .box-contents-menu .nav-04-4 a {
        color         : #e97629;
        /*  background: #fff;
    border            : 1px solid #eae7e6; */
        box-sizing    : border-box;
    }

    /* .mypage .box-contents-menu .nav-03 > a:hover,
    .mypage .box-contents-menu .nav-04 > a:hover {
    color: #301706;
    cursor: default;
    } */

    .btn-pc-01 {
        line-height: 2.5;
        height     : 2.5em;
    }

    .search-list-01 dd ul {
        display: block;
    }

    .search-list-01 dd ul li {
        width: 100%;
    }

    .search-list-01 dt {
        font-size: 1.3rem;
        padding  : 10px;
    }

    .search-list-01 dt .ico-open,
    .search-list-01 dt .ico-close {
        top: 0.3em;
    }

    .search-list-01 dd {
        padding: 10px;
    }

    .search-list-01 dd ul li {
        font-size    : 1.3rem;
        margin-bottom: 10px;
    }

    input[type="checkbox"]+label::before {
        width : 18px;
        height: 18px;
    }

    .search-list-02 li a {
        font-size: 1.3rem;
        padding  : 10px;
    }

    .search-list-02 li .ico {
        top: 0.25em;
    }

    #gheader .box-search-wrap {
        width: 200px;
    }

    .mypage .box-news {
        margin-left : 0;
        margin-right: 0;
    }

    .mypage .mypage-box-01 dl {
        margin-top: 5px;
    }

    .mypage .mypage-box-01 .box-btn {
        text-align: left;
    }

    .search-list-02 li a {
        margin-top: 10px;
    }

    #recipe-search-item .box-btn {
        /*  margin-top: 20px; */
    }

    .mypage .mypage-box-01 dd.detail .box-inner02 {
        width: 200px;
    }

    .mypage .mypage-box-01 dd.detail .box-inner02 {
        width: auto;
    }

    .body-schedule-list>ul li {
        font-size: 1.4rem;
    }

    .body-schedule-list .customSelect {
        padding-top   : 0;
        padding-bottom: 0;
    }

    .txt-msg-03 {
        margin-left : 0;
        margin-right: 0;
    }

    .box-close {
        display: none;
    }

    .list-leave-conf {
        margin: 0 0 20px;
    }

    .delivery-01 .link-01,
    .recipe .link-01 {
        text-align: right;
        padding   : 0;
    }

    .delivery-01 .link-01 a,
    .recipe .link-01 a {
        padding-top: 20px;
    }

    .pc-ct {
        text-align: center;
    }

    .box-schedule-calendar-wrap {
        padding: 0;
    }

    .hamburger-menu-list-02 ul li {
        width: 24.9%;
    }

    .hamburger-menu-list-02 ul li:nth-child(4),
    .hamburger-menu-list-02 ul li:nth-child(8) {
        border-right: none;
    }
}

/*--------------------------------------------------------*/




@media (min-width: 801px) and (max-width: 899px) {

    .mypage .mypage-box-01 dd.detail {
        display: block;
    }

    .body-schedule-list>ul li {
        margin-right: 10px;
    }

    .body-schedule-list>ul li .tit {
        display      : block;
        margin-bottom: 5px;
    }

    .fix .body-schedule-list-inner>ul {
        margin-bottom: -10px;
    }

    .mypage-02-1 .box-schedule-list.fix .body-schedule-list li {
        margin-bottom: 20px;
    }

    .tbl-base-01 th {
        width: 100px;
    }

    .search-zip {
        margin       : 10px 0 0 auto;
        padding-right: 0;
    }
}

/*--------------------------------------------------------*/




@media (min-width: 900px) {
    .box-prd-plan .box-prd-plan-list,
    .box-prd-plan .box-prd-plan-table {
        display        : -webkit-box;
        display        : -webkit-flex;
        display        : flex;
        flex-wrap      : wrap;
        justify-content: space-between;
    }

    .box-prd-plan table,
    .box-prd-plan .box-prd-plan-list dl {
        width: 48%;
    }

    #gnav {
        left : 230px;
        right: auto;
        width: auto;
    }

    #gnav ul {
        width: 350px;
    }

    .main-pic-wrap {
        display: -webkit-box;
        /*Android4.3*/
        display: -webkit-flex;
        /*PC-Safari,iOS8.4*/
        display: flex;
    }

    @media all and (-ms-high-contrast:none) {

        *::-ms-backdrop,
        .main-pic-wrap {
            display: block;
        }

        /* IE11 */
    }

    @media all and (-ms-high-contrast:none) {

        *::-ms-backdrop,
        .recipe-info {
            margin-top: 10px;
        }

        /* IE11 */
    }

    #gheader .box-search-wrap {
        width: 220px;
    }

    .body-schedule-list>ul li {
        margin-right: 10px;
    }

    .box-deliv-prd-list-layout {
        display      : -webkit-box;
        /*Android4.3*/
        display      : -webkit-flex;
        /*PC-Safari,iOS8.4*/
        display      : flex;
        flex-wrap    : wrap;
        margin-bottom: -10px;
    }

    .box-deliv-prd-list {
        width        : 45%;
        margin-bottom: 5px;
    }

    .box-deliv-prd-list:nth-child(odd) {
        margin-right: 5px;
    }

    .prd-change-btnlist-01 {
        display      : -webkit-box;
        /*Android4.3*/
        display      : -webkit-flex;
        /*PC-Safari,iOS8.4*/
        display      : flex;
        margin-bottom: 30px;
    }

    .prd-change-btnlist-01 li {
        width        : 50%;
        margin-bottom: 0;
    }

    .prd-change-btnlist-01 li .customSelect {
        background-position: 97% center;
    }

    .box-price-inner {
        display        : -webkit-box;
        /*Android4.3*/
        display        : -webkit-flex;
        /*PC-Safari,iOS8.4*/
        display        : flex;
        justify-content: space-between;
    }

    .box-price .list-price {
        width: 50%;
        order: 2;
    }

    .box-price-note {
        margin-top : 20px;
        margin-left: 10px;
    }

    .box-deliv-prd-list-wrap .box-btn .btn {
        width: 50%;
    }

    .body-schedule-list {
        display    : -webkit-box;
        /*Android4.3*/
        display    : -webkit-flex;
        /*PC-Safari,iOS8.4*/
        display    : flex;
        align-items: center;
    }

    .body-schedule-list .box-btn {
        margin-top: 0;
    }

    .box-schedule-list .txt-limit {
        text-align: left;
    }

    .body-schedule-list-inner>ul li {
        /*  margin-bottom: 0; */
    }

    .mypage-02-1 .body-schedule-list-inner>ul {
        display: -webkit-box;
        /*Android4.3*/
        display: -webkit-flex;
        /*PC-Safari,iOS8.4*/
        display: flex;
    }

    .box-schedule-calendar-wrap .intro-calendar {
        display        : -webkit-box;
        /*Android4.3*/
        display        : -webkit-flex;
        /*PC-Safari,iOS8.4*/
        display        : flex;
        align-items    : center;
        justify-content: space-between;
    }

    .btn-favset-intro {
        display        : -webkit-box;
        /*Android4.3*/
        display        : -webkit-flex;
        /*PC-Safari,iOS8.4*/
        display        : flex;
        align-items    : center;
        justify-content: space-between;

    }

    .btn-favset-intro .txt-notice {
        order: 1;
    }

    .btn-favset-intro .btnarea {
        order: 2;
        width: 40%;
    }

    .btn-favset-intro .btnarea a {
        width: 100%;
    }
}

/*--------------------------------------------------------*/

@media (min-width: 800px) and (max-width: 960px) {
    .box-favset-wrap th,
    .box-favset-wrap td {
        display: block;
    }

    .box-favset-wrap th {
        width: auto;
    }

    #gnav li a {
        padding: 5px;
    }
}

/*--------------------------------------------------------*/

@media (min-width: 900px) and (max-width: 1024px) {
    .prd-change-btnlist-01 .favsetchange-inner,
    .prd-change-btnlist-01 li .customSelect,
    .prd-change-btnlist-01 li .btn {
        width: 90%;
    }
}

/*--------------------------------------------------------*/

@media (min-width: 1024px) {
    #gnav {
        left : 280px;
        right: auto;
    }

    #gnav ul {
        width: 400px;
    }

    #gfooter ul {
        justify-content: center;
    }

    #gfooter li:after {
        content: "";
    }

    #gfooter li {
        width: auto;
    }

    #gfooter li a {
        padding: 0 15px;
    }

    #gheader-01-inner {
        box-sizing: border-box;
        max-width : 1100px;
        margin    : 0 auto;
    }

    .pic-list-01 li {
        width: 20%;
    }

    .list-01>li {
        width: 25%;
    }

    .recipe-detail-page .recipe-info {
        padding    : 0;
        margin-left: 15px;
        min-width  : 340px;
    }

    .main-pic {
        width: 500px;
    }

    .main-pic:before {
        padding-top: 100%;
    }

    .body-schedule-list>ul li {
        margin-bottom: 0;
    }


    .body-schedule-list>ul li .tit {
        display: inline;
    }

    .box-deliv-prd-list {
        width: 45%;
    }

    .box-deliv-prd-list-wrap .box-control {
        padding: 10px;
    }


    .box-deliv-prd-list {
        width: 46%;
    }


    .list-howknow li {
        width: 25%;
    }
}

/*--------------------------------------------------------*/

.leadText {
    margin-bottom: 30px;
}

.leadText p {
    font-size  : 1.4rem;
    line-height: 1.8;
}

.leadText p+p {
    margin-top: 1em;
}

.leadText a {
    color          : #301706;
    text-decoration: underline;
}

@media (max-width: 800px) {
    .leadText {
        padding: 0 10px;
    }

    .tit-06 {
        padding: 0 10px;
    }
}

.box-pause-status {
    background     : #f4f2f2;
    padding        : 20px;
    display        : flex;
    display        : -webkit-flex;
    border-bottom  : 20px solid #fff;
    justify-content: space-between;
}

.box-pause-status .txt-status {
    font-size  : 1.4rem;
    line-height: 1.6;
}

.box-pause-status-btnlist {
    display        : flex;
    display        : -webkit-flex;
    justify-content: flex-end;
}

.box-pause-status-btnlist li {
    margin-left: 10px;
}

.box-pause-status-btnlist .btn-clr-06 {
    background: #fff;
}

@media (max-width: 920px) and (min-width: 780px) {
    .box-pause-status {
        display: block;
    }

    .box-pause-status-btnlist {
        display        : flex;
        display        : -webkit-flex;
        justify-content: center;
        margin-top     : 20px;
    }
}

@media (max-width: 600px) {
    .box-pause-status {
        display: block;
    }

    .box-pause-status-btnlist {
        display   : block;
        margin-top: 20px;
    }

    .box-pause-status-btnlist li {
        margin-bottom: 20px;
    }

    .box-pause-status-btnlist li a {
        width: 100%;
    }
}

@media (max-width: 799px) {
    .mypage .mypage-box-01 .tit-02 {
        margin-bottom: 0;
    }

    .mypage .mypage-box-01 dl {
        margin-top: 5px;
    }
}


.mypage .mypage-box-01 dd.detail-first {
    padding-bottom: 0;
    margin-bottom : -20px;
}

.deliv-base-table-pause {
    margin-bottom : 20px;
    padding-bottom: 20px;
    border-bottom : 1px dotted #eee;
}

.btnlist-06 {
    display        : flex;
    display        : -webkit-flex;
    justify-content: center;
}

.btnlist-06 li {
    width: 100%;
}


@media (min-width: 760px) {
    .btnlist-06 li {
        width: 50%;
    }
}

/*----------------------------------------------*/

.sec-faq {
    margin-bottom: 30px;
}

#page-faq.box-1clm-wrap {
    border : none;
    padding: 20px 0;
}

#page-faq .box-guide dt {
    line-height: 1.6;
    font-weight: bold;
    color      : #301706;
    cursor     : pointer;
    font-size  : 1.5rem;
    padding    : 10px 20px 10px 10px;
}

#page-faq .box-guide dt.open {
    border-bottom: 1px dashed #c8e0c8;
}

#page-faq .box-guide dd {
    padding: 20px;
}

#page-faq .box-guide dt span {
    display     : block;
    position    : relative;
    padding-left: 40px;
    color       : #301706;
}

#page-faq .box-guide dt span:after {
    content    : "\f13a";
    font-family: 'FontAwesome';
    position   : absolute;
}

#page-faq .box-guide dt span:after {
    top      : -0.2em;
    left     : 0.2em;
    font-size: 2rem;
    color    : #499849;
}

#page-faq .box-guide dt.open span:after {
    content: "\f139";
}

#page-faq .box-guide dd {
    font-size  : 1.4rem;
    line-height: 1.8;
    padding    : 10px;
}


#page-faq .box-faq-list {
    display        : flex;
    display        : -webkit-flex;
    flex-wrap      : wrap;
    justify-content: space-between;
}

#page-faq .box-faq-list>li {
    width        : 49%;
    border       : 1px solid #c8e0c8;
    margin-bottom: 15px;
    border-radius: 6px;
}

@media (max-width: 799px) {
    .sec-faq {
        padding: 0 10px;
    }

    #page-faq .box-faq-list>li {
        width: 100%;
    }
}

#page-faq .box-basic-guide {
    display        : flex;
    display        : -webkit-flex;
    flex-wrap      : wrap;
    justify-content: space-between;
}

@media (max-width: 920px) {
    #page-faq .box-basic-guide>li {
        width: 49%;
    }
}

#page-faq .box-basic-guide dt.open {
    color: #58473b
}

@media (min-width: 920px) {
    #page-faq .box-basic-guide>li {
        width: 24%;
    }
}

@media (min-width: 481px) {
    #page-faq .box-basic-guide dd {
        display: block !important;
    }
}

@media (max-width: 480px) {
    #page-faq .box-basic-guide {
        display: block;
    }

    #page-faq .box-basic-guide>li {
        width: 100%;
    }

    #page-faq .box-basic-guide>li:last-of-type {
        margin-bottom: 50px;
    }
}

#page-faq .box-basic-guide>li {
    border       : 1px solid #eae7e6;
    margin-bottom: 20px;
    border-radius: 6px;
}

#page-faq .box-basic-guide-child li {
    margin-bottom: 10px;
}

#page-faq .box-basic-guide-child li.pickup a,
#page-faq .box-basic-guide-child li.pickup a:before {
    color: #e97629;
}

#page-faq .box-basic-guide-child li a {
    position    : relative;
    display     : block;
    font-size   : 1.4rem;
    line-height : 1.6;
    padding-left: 20px;
    color       : #58473b;
}

#page-faq .box-basic-guide-child li a:before {
    content    : "\f138";
    font-family: 'FontAwesome';
    position   : absolute;
    color      : #58473b;
    left       : 0;
}

#page-faq .box-basic-guide .icon {
    width       : 22px;
    height      : 22px;
    fill        : #58473b;
    margin-right: 10px;
}

#page-faq .box-basic-guide .icon-takuhai {
    width : 18px;
    height: 18px;
}

#page-faq .box-basic-guide .fa {
    margin-right: 10px;
}

#page-faq .box-basic-guide dt {
    display    : flex;
    display    : -webkit-flex;
    flex-wrap  : wrap;
    align-items: center;
    font-size  : 1.6rem;
    padding    : 10px 10px 10px 15px;
    color      : #58473b;
    cursor     : default;
}

#page-faq .box-basic-guide dt .txt-s {
    font-size   : 1.2rem;
    padding-left: 0;
    position    : static;
}

#page-faq .box-basic-guide dt .txt-s:before,
#page-faq .box-basic-guide dt .txt-s:after {
    position: static;
    content : "";
}

#page-faq .box-basic-guide dd {
    padding   : 10px 15px;
    border-top: 1px dashed #eae7e6;
}

#box-faq>dl {
    border       : 1px solid #eae7e6;
    margin-bottom: 20px;
    border-radius: 6px;
}

#box-faq dl dt {
    line-height: 1.8;
    font-weight: bold;
    cursor     : pointer;
}

#box-faq>dl>dt {
    font-size: 1.6rem;
    padding  : 10px;
    color    : #58473b;
}

#box-faq dl dl {
    padding-left: 30px;
}

#box-faq dl dl dt {
    font-size    : 1.5rem;
    margin-bottom: 10px;
    color        : #58473b;
}

#box-faq dl dl dd {
    font-size    : 1.4rem;
    line-height  : 1.8;
    margin-bottom: 20px;
}

#box-faq>dl>dt.open {
    border-bottom: 1px dashed #eae7e6;
}

#box-faq>dl>dd {
    padding: 20px;
}

#box-faq dl dt span {
    display     : block;
    position    : relative;
    padding-left: 40px;
}

/* #box-faq > dl >dt span:before {
 top: 0.3em;
 left: 0;
 width: 1.2em;
 height: 1.2em;
 background-color: #301706;
} */
/* #box-faq dl dl dt span:before {
 top: 0.3em;
 left: 0;
 width: 1.2em;
 height: 1.2em;
 background-color: #fff;
 border: 1px solid #301706;
} */

#box-faq dl dl dt.open span:before {
    border: 1px solid #e97629;
}

#box-faq>dl>dt span:after {
    content    : "\f13a";
    font-family: 'FontAwesome';
    position   : absolute;
}

#box-faq>dl>dt.open span:after {
    content: "\f139";
    color  : #e97629;
}

#box-faq>dl>dt span:after {
    top      : -0.2em;
    left     : 0.2em;
    font-size: 2rem;
    color    : #58473b;
}

#box-faq dl dl dt span:after {
    top      : -0.1em;
    left     : 0.25em;
    font-size: 1.8rem;
    color    : #58473b;
}

#box-faq>dl>dt.open span:after {
    top: -0.2em;
}

#box-faq dl dl dt.open span:after {
    top  : -0.2em;
    color: #e97629;
}

#box-faq dl a {
    text-decoration: underline;
    color          : #6e5c50;
}

/* #box-faq dl dl dt span:before {
    top: 0.3em;
    left: 0;
    width: 1.2em;
    height: 1.2em;
    background-color: #fff;
    border: 1px solid #301706;
} */
/* #box-faq dl dl dt span:before {
    position: absolute;
    content: "";
    border-radius: 50%;
} */

#box-faq dl dl dt span:after {
    content    : "\f107";
    font-family: 'FontAwesome';
    position   : absolute;
    top        : 0.02em;
}

#box-faq dl dl dt.open span:after {
    content: "\f106";
    top    : -0.1em;
}

.tit-07 {
    font-size    : 1.7rem;
    font-weight  : bold;
    color        : #301706;
    line-height  : 1.4;
    margin-bottom: 20px;
}

.tit-07 i {
    padding-right: 10px;
    font-size    : 120%;
}

/*----------------------------------------*/

.bnrlist-2clm {
    display        : flex;
    display        : -webkit-flex;
    justify-content: space-between;
    margin-bottom  : 50px;
}

.bnrlist-2clm li {
    width: 49%;
}

.bnrlist-2clm li img {
    width: 100%;
}

@media (max-width: 900px) and (min-width: 800px) {
    .bnrlist-2clm {
        display: block;
    }

    .bnrlist-2clm li {
        width        : 100%;
        margin-bottom: 20px;
    }
}

@media (max-width: 540px) {
    .bnrlist-2clm {
        display: block;
    }

    .bnrlist-2clm li {
        width        : 100%;
        margin-bottom: 20px;
    }
}

@media (max-width: 800px) {
    .bnrlist-2clm {
        padding: 0 10px;
    }
}

.icon-guide {
    fill  : #301706;
    width : 18px;
    height: 18px;
    margin: -3px 5px 0 0;
}

.mypage .tit-01 .txt-link {
    display    : flex;
    display    : -webkit-flex;
    align-items: center;
}

.side-nav-01 {
    border     : 1px solid #eae7e6;
    font-size  : 1.4rem;
    font-weight: bold;
}

.side-nav-01 a {
    display    : block;
    padding    : 20px;
    color      : #301706;
    display    : flex;
    display    : -webkit-flex;
    align-items: center;
}

.side-nav-01 a:hover {
    color: #e97629;
}

.side-nav-01 i {
    font-size   : 150%;
    margin-right: 15px;
}

.nav-help {
    font-size: 1.2rem;
    position : absolute;
    top      : 25px;
    right    : 330px;
    z-index  : 10;
}

.nav-help a {
    display    : flex;
    display    : -webkit-flex;
    align-items: center;
    color      : #301706;
}

.nav-help i {
    font-size   : 1.6rem;
    margin-right: 5px;
    color       : #301706;
}

@media (min-width: 1080px) {
    #gnav {
        position  : absolute;
        right     : 300px;
        top       : 7px;
        border    : none;
        background: none;
        width     : auto;
    }
}

@media (min-width: 1030px) and (max-width: 1079px) {
    #gnav {
        left : 260px;
        right: auto;
        width: auto;
    }

    #gnav ul {
        width: 360px;
    }

    .nav-help {
        right: 310px;
    }
}

@media (min-width: 1000px) and (max-width: 1029px) {

    #gnav {
        left : 260px;
        right: auto;
        width: auto;
    }

    #gnav ul {
        width: 320px;
    }

    .nav-help {
        right: 310px;
    }
}


@media (min-width: 800px) and (max-width: 960px) {
    #gnav {
        top: 10px;
    }
}

@media (min-width: 920px) and (max-width: 999px) {
    .nav-help {
        right: 310px;
    }

    #gnav {
        left : 230px;
        right: auto;
        width: auto;
    }

    #gnav ul {
        width: 300px;
    }
}

@media (min-width: 800px) and (max-width: 919px) {
    #gnav {
        left : 230px;
        right: auto;
        width: auto;
    }

    #gnav ul {
        width: 300px;
    }

    .nav-help {
        right: 240px;
    }

    #gheader .box-search-wrap {
        width: 160px;
        right: 70px;
    }
}


@media (min-width: 800px) and (max-width: 860px) {
    .nav-help-txt {
        display: none;
    }

    #gnav ul {
        width: 280px;
    }
}

@media (min-width: 540px) and (max-width: 700px) {
    .nav-help-txt {
        display: none;
    }

    .nav-help {
        right: 260px;
    }

    .nav-help i {
        font-size : 1.6rem;
        margin-top: -3px;
    }

    #gheader .box-search-wrap {
        width: 180px;
        right: 70px;
    }

}


@media (max-width: 540px) {
    .nav-help-txt {
        font-size: 1rem;
    }

    .nav-help {
        top  : 12px;
        right: 110px;
    }

    .nav-help i {
        font-size: 1.6rem;
    }

    #box-faq dl dl {
        padding-left: 0;
    }

    #box-faq dl dl dt span:after {
        left: 0.23em;
    }
}

.box-side-nav-list li,
.box-clm-side-wrap .side-btn li {
    margin-bottom: 20px;
}

.box-side-nav-list li img,
.box-clm-side-wrap .side-btn li img {
    display: block;
}

.box-faq-list .box-link {
    background   : #e9efed;
    border-radius: 4px;
    padding      : 10px;
    margin-top   : 10px;
}

#page-faq .box-faq-list .box-link li {
    padding: 0 10px;
}

#page-faq .box-faq-list .box-link li a {
    position    : relative;
    padding-left: 20px;
    font-weight : bold;
    color       : #499849;
}

.box-faq-list .box-link li a:before {
    content    : "\f138";
    font-family: 'FontAwesome';
    position   : absolute;
    color      : #499849;
    left       : 0;
}

.list-prd-replace {
    display: flex;
    display: -webkit-flex;
    padding: 5px 0;
}

.box-prd-replace-wrap {
    margin-top: 10px;
}

.box-prd-replace-wrap dt {
    background     : #f4f3f2;
    color          : #301706;
    padding        : 5px 10px;
    font-size      : 1.3rem;
    font-weight    : bold;
    display        : flex;
    display        : -webkit-flex;
    justify-content: space-between;
}

.box-prd-replace-wrap dt a {
    color          : #58473b;
    text-decoration: underline;
    font-weight    : normal;
}

.box-prd-replace-wrap dd {
    border : 1px solid #eee;
    padding: 0 5px 5px;
}

.select-prd-replace {
    display    : flex;
    display    : -webkit-flex;
    flex-wrap  : wrap;
    align-items: center;
    padding    : 0 5px 5px;
}

.select-prd-replace.prd-from {
    padding-bottom: 15px;
}

.select-prd-replace.prd-to {
    position  : relative;
    margin-top: 5px;
    background: #E8F2E7;
}

.select-prd-replace.prd-to:before {
    content   : "";
    position  : absolute;
    top       : -13px;
    left      : 5%;
    border    : 10px solid transparent;
    border-top: 10px solid #499849;
}

.select-prd-replace li {
    margin-right: 5px;
    margin-top  : 5px;
}

.box-prd-addbtn {
    margin-top   : 10px;
    font-size    : 1.3rem;
    border       : 1px solid #eae7e6;
    border-radius: 4px;
    padding      : 5px 10px;
    display      : inline-block;
    cursor       : pointer;
}

.box-prd-addbtn i {
    margin-right: 5px;
}

.prd-detail-replace>dl>dd {
    border    : 1px solid #999;
    border-top: none;
    color     : #666;
    background: #f6f6f6;
    padding   : 10px;
}

@media (min-width: 640px) {

    .main-pic-wrap .prd-intro-wrap,
    .main-pic-wrap .swiper-container {
        width: 50%;
    }

}

.prd-detail-replace .select-prd-replace {
    margin-top: 10px;
}

.prd-detail-replace .select-prd-replace li {
    padding: 0;
}

.prd-replace-fix {
    border          : 1px solid #999;
    border-radius   : 5px;
    background-color: #fff;
    padding         : 5px 25px 5px 5px;
    font-size       : 1.6rem;
    line-height     : 1.65;
}

.prd-detail-replace .select-deliv-week li {
    padding      : 0;
    margin-bottom: 10px;
}

.prd-detail-replace .select-prd-replace.prd-from {
    margin-top: 0;
}

.config-prd-replace .select-deliv-week-wrap {
    margin-top: 20px;
}

.config-prd-replace .select-deliv-week-wrap dt {
    font-size    : 1.4rem;
    color        : #301706;
    font-weight  : bold;
    margin-bottom: 10px;
}

.config-prd-replace .select-deliv-week {
    padding: 0;
}

.add-delivery dd .config-prd-replace .box-btn {
    margin-bottom: 10px;
}

.add-delivery dd .config-prd-replace .list-prd-replace {
    margin: 0 10px 10px;
}

.add-delivery dd .config-prd-replace .list-prd-replace li {
    padding: 0;
}

.prd-detail-replace .txt-02 {
    line-height: 1.8;
}

.prd-detail-replace .txt-02 a {
    color          : #301706;
    text-decoration: underline;
}

.replcaceprd-list {
    list-style-type: disc;
    margin-left    : 30px;
}

.replcaceprd-list li {
    font-size    : 1.5rem;
    line-height  : 1.4;
    margin-bottom: 10px;
}

/*---------------------------------------------*/

#config-prd-replace .select-list-01 {
    margin: 60px 0;
}

#config-prd-replace .select-list-01 li {
    margin-bottom: 20px;
    font-size    : 1.8rem;
    line-height  : 1.6;
}

.btnlist-s {
    display        : flex;
    display        : -webkit-flex;
    justify-content: center;
    margin-top     : 30px;
}

.btnlist-s li {
    margin: 0 20px;
}

.btnlist-s li .close {}

#config-prd-replace .box-list-selectcontrol {
    justify-content: flex-end;
    display        : flex;
    display        : -webkit-flex;
    margin-bottom  : 20px;
}

#config-prd-replace .box-list-selectcontrol li {
    margin-left  : 20px;
    margin-bottom: 10px;
}

#config-prd-replace .leadText {
    padding: 0;
}

.fav-select-list .disabled_checkbox:checked {
    background-color: #e97629;
    display         : block;
}

.box-prd-replace {
    margin-bottom: 20px;
}

.box-prd-replace dt {
    font-size    : 1.4rem;
    font-weight  : bold;
    color        : #301706;
    line-height  : 1.4;
    margin-bottom: 10px;
}

.box-prd-replace dd {
    display        : flex;
    display        : -webkit-flex;
    justify-content: space-between;
    align-items    : center;
    padding        : 10px;
}

.box-prd-replace dd .prdlist li {
    font-size  : 1.4rem;
    line-height: 1.8;
    font-weight: bold;
}

.box-prd-replace dd .prdlist li:not(:last-child) {
    margin-bottom: 10px;
}

.box-prd-replace dd .prdlist li .price {
    font-weight: normal;
}

.box-prd-replace .btn {
    font-size    : 1.2rem;
    line-height  : 2.7;
    height       : 2.7em;
    font-weight  : bold;
    border-radius: 4px;
}

.prd-replace-01 dd {
    background: #f3f3f2;
}

.prd-replace-02 dd {
    background: #e8f2e6;
}

.prd-replace-02 dt {
    color: #4e994b;
}

.det-box-prd-replace dt {
    font-size    : 1.2rem;
    font-weight  : bold;
    color        : #4e994b;
    line-height  : 1.4;
    margin-bottom: 10px;
}

.det-box-prd-replace dd {
    background : #e8f2e6;
    padding    : 10px;
    font-size  : 1.3rem;
    line-height: 1.6;
}

.det-box-prd-replace-wrap {
    background   : #fff;
    border-radius: 4px;
    padding      : 10px;
    margin-top   : 10px;
}

.det-box-prd-replace-wrap .btnlist-s {
    margin-top: 10px;
}

.det-box-prd-replace-wrap .btnlist-s li {
    padding: 0 !important;
    margin : 0 8px;
}

.det-box-prd-replace-wrap .btnlist-s li .btn {
    line-height: 2.8;
    height     : 2.8em;
    font-size  : 1.3rem;
}

.mypage-box-01 .box-deliv-conf {
    padding: 15px;
}

@media (max-width: 800px) {
    .box-mypage-prd-replace-conf {
        padding: 10px;
    }
}

.tbl-mypage-prd-replace-conf {
    margin-top: 10px;
    width     : 100%;
}

.tbl-mypage-prd-replace-conf th {
    background   : #f3f3f2;
    padding      : 5px 10px;
    font-size    : 1.2rem;
    line-height  : 1.6;
    border-top   : 1px solid #e3dfdd;
    border-bottom: 1px solid #e3dfdd;
}

.tbl-mypage-prd-replace-conf td {
    font-size    : 1.4rem;
    line-height  : 1.6;
    padding      : 10px;
    border-bottom: 1px solid #e3dfdd;
    font-weight  : bold;
}

.tbl-mypage-prd-replace-conf .btnlist-s {
    margin: 0;
}

.tbl-mypage-prd-replace-conf .btnlist-s li {
    margin: 0 0 0 7px;
}

.tbl-mypage-prd-replace-conf .btnlist-s .btn {
    height     : 2.5em;
    line-height: 2.5;
    font-size  : 1.3rem;
}

.tbl-mypage-prd-replace-conf .num {
    padding-right: 10px;
}

.tbl-mypage-prd-replace-conf th.prd-before {}

.tbl-mypage-prd-replace-conf th.prd-replace {
    background: #ecebea;
}

.tbl-mypage-prd-replace-conf td.prd-replace {
    background  : #edf5ed;
    padding-left: 32px;
}

.tbl-mypage-prd-replace-conf td.prd-replace .prd-replace-inner {
    position: relative;
    display : block;
}

.tbl-mypage-prd-replace-conf td.prd-replace .prd-replace-inner:after {
    position: absolute;
    content : "→";
    top     : 0;
    left    : -20px;
}

.tbl-mypage-prd-replace-conf td .price {
    font-weight: normal;
    display    : block;
}


.box-mypage-prd-replace-conf .btn-new-replace a {
    height     : 2.7em;
    line-height: 2.7;
    font-size  : 1.3rem;
    padding    : 0 15px;
}

.tbl-mypage-prd-replace-conf .prd-before {
    width         : 40%;
    vertical-align: top;
}

.tbl-mypage-prd-replace-conf .prd-replace {
    width         : 40%;
    vertical-align: top;
}

@media (min-width: 800px) and (max-width: 900px) {
    .tbl-mypage-prd-replace-conf {
        border-bottom: 1px solid #e3dfdd;
    }

    .tbl-mypage-prd-replace-conf thead {
        display: none;
    }

    .tbl-mypage-prd-replace-conf th,
    .tbl-mypage-prd-replace-conf td {
        display: block;
        border : none;
    }

    .tbl-mypage-prd-replace-conf tr {
        border-top: 1px solid #e3dfdd;
    }

    .tbl-mypage-prd-replace-conf .btnlist-s {
        margin: 10px 0 20px;
    }

    .tbl-mypage-prd-replace-conf td.box-input-wrap {
        display       : table-cell;
        vertical-align: top;
    }

    .box-mypage-prd-replace-conf .box-control .btn-new-replace {
        order          : -1;
        display        : block;
        width          : 100%;
        display        : flex;
        display        : -webkit-flex;
        justify-content: center;
        margin-bottom  : 80px;
    }

    .box-mypage-prd-replace-conf {
        margin-top: 0 !important;
    }

    .tbl-mypage-prd-replace-conf .prd-before {
        width: auto;
    }

    .tbl-mypage-prd-replace-conf .prd-replace {
        width: auto;
    }
}

@media (max-width: 640px) {
    .tbl-mypage-prd-replace-conf {
        border-bottom: 1px solid #e3dfdd;
    }

    .tbl-mypage-prd-replace-conf thead {
        display: none;
    }

    .tbl-mypage-prd-replace-conf th,
    .tbl-mypage-prd-replace-conf td {
        display: block;
        border : none;
    }

    .tbl-mypage-prd-replace-conf tr {
        border-top: 1px solid #e3dfdd;
    }

    .tbl-mypage-prd-replace-conf .btnlist-s {
        margin: 10px 0 20px;
    }

    .tbl-mypage-prd-replace-conf td.box-input-wrap {
        display       : table-cell;
        vertical-align: top;
    }

    .box-mypage-prd-replace-conf .box-control .btn-new-replace {
        order          : -1;
        display        : block;
        margin         : 0;
        width          : 100%;
        display        : flex;
        display        : -webkit-flex;
        justify-content: center;
        margin-bottom  : 80px;
    }

    .box-mypage-prd-replace-conf {
        margin-top: 0 !important;
    }

    .tbl-mypage-prd-replace-conf .prd-before {
        width: auto;
    }

    .tbl-mypage-prd-replace-conf .prd-replace {
        width: auto;
    }
}

.box-note {
    border     : 1px solid #ff0000;
    color      : #ff0000;
    line-height: 1.8;
    font-size  : 1.3rem;
    padding    : 10px;
}

.tbl-mypage-prd-replace-conf td .box-input {
    width: 18px;
}

.tbl-mypage-prd-replace-conf td .box-input input[type=checkbox]+label:before {
    top: -13px;
}

.tbl-mypage-prd-replace-conf td .box-input input[type=checkbox]:checked+label:after {
    top: -2px;
}

.tbl-mypage-prd-replace-conf td.box-input-wrap {
    width: 18px;
}

.box-mypage-prd-replace-conf .box-control {
    display    : flex;
    display    : -webkit-flex;
    align-items: center;
    flex-wrap  : wrap;
    font-size  : 1.3rem;
}

.box-mypage-prd-replace-conf .box-control .btn-new-replace {
    margin-left: auto;
}

.box-mypage-prd-replace-conf {
    margin-top: 50px;
}


.btnlist-s .box-close {
    margin-top: 0;
}

#popup_fd_deliv_list #gheader,
#popup_fd_deliv_list #gfooter,
#popup_fd_deliv_list h1,
#popup_fd_deliv_list h2,
#popup_fd_deliv_list .topicpath,
#popup_fd_deliv_list .box-clm-side-wrap,
#popup_fd_deliv_list .box-info-btn {
    display: none;
}

#popup_fd_deliv_list #contents {
    padding-top: 0;
}

#popup_fd_deliv_list main {
    margin-top: 0;
}

#close_fd_deliv_list {
    display: none;
}

#popup_fd_deliv_list #close_fd_deliv_list {
    display: block;
}

#popup_fd_deliv_list {
    background: #fff;
}


.fd_deliv_list {
    animation: fadeIn 0.5s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

/*-------------*/

.txt-common {
    font-size  : 1.4rem;
    line-height: 1.8;
}

.txt-common p+p {
    margin-top: 1em;
}

.txt-common a {
    color          : #333;
    text-decoration: underline;
}

.box-common-01 {
    background: #F4F3F2;
    padding   : 20px;
}

.list-common {
    list-style-type: disc;
    margin-left    : 2em;
}