@charset "UTF-8";


/* body common
--------------------------------------------------------------------------- */
.pc-only {
    display: block;
}
.sp-only {
    display: none;
}
@media screen and (max-width:1024px) {
.pc-only {
    display: none;
}
.sp-only {
    display: block;
}
}

.content {
    text-align: center;
    position: relative;
    font-family: europa, Noto Sans JP, sans-serif;
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: 0.1em;
    color: #373737;
    font-weight: 400;
}

.content img {
    width: 100%;
    height: auto;
}

.content a img:hover {
    opacity: 0.7;
}





/* 葉っぱ
--------------------------------------------------------------------------- */
.leaf {
    position: relative;
    z-index: 1;
}
.leaf .leaf__left {
    max-width: 18%;
    position: absolute;
    left: 0;
    top: 150px;
    content: url("../images/title_leaf_left.webp");
}
.leaf .leaf__right {
    max-width: 16%;
    position: absolute;
    right: 0;
    top: 500px;
    content: url("../images/title_leaf_right.webp");
}

@media screen and (max-width:1024px) {
.leaf .leaf__right {
    display: none;
}
.leaf .leaf__left {
    display: none;
}
}





/* Page Title
--------------------------------------------------------------------------- */
#archive__title {
    text-align: center;
    margin: 20px auto 0;
    background-image: url("../images/lineup_bkg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left top;
    background-color: #f6e500;
}
#archive__title h1 {
    margin: 0 auto 30px;
    padding: 0;
    max-width: 607px;
}
#archive__lead {
    text-align: center;
    max-width: 790px;
    margin: 0 auto;
    padding: 0 0 50px;
}

@media screen and (max-width:767px) {
#archive__title {
    background-size: contain;
}
#archive__title h1 {
    max-width: 80%;
}
#archive__lead {
    max-width: 90%;
}
}




/* mottainai_fruits
--------------------------------------------------------------------------- */
#archive__product {
    width: 100%;
    margin: 0;
    padding: 0;
    background: url("../images/archive_store_bkg.jpg") no-repeat;
    background-color: #f6e500;
    background-size: contain;
    background-position: bottom;
    text-align: center;
}

.lineup__product {
    max-width: 1000px;
}
.lineup__product li span {
    font-weight: 400;
    font-size: 12px;
    text-align: left;
}
#archive__product p.button {
    margin: 0;
    padding: 0;
}

.modal-container .right__column h5, .modal-container .right__column p, .modal-container .right__column .modal_label__lineup p, .modal-container .right__column .shop__detail .detail__text dt, .modal-container .right__column .shop__detail .detail__text dd {
    text-align: left;
}

@media screen and (max-width:767px) {
#archive__product {
    padding: 0 0 100px;
}
}
@media screen and (max-width:360px) {
.lineup__product li span {
    padding: 0;
    font-size: 10px;
}
}