@charset "Shift_JIS";
body {
    background-image: none;
}

body {
    font-family: Arial, "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

img {
    display: block;
}

a:hover>img {
    opacity: 0.7;
    -ms-filter: "alpha(opacity=70)";
}

a:hover>img.rollover {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
}


/* ---------- #wrapper ---------- */

#wrapper {
    width: 100%;
}

#wrapper .inner {
    width: 950px;
    min-width: 950px;
    margin: 0 auto;
}

#main-visual {
    width: 100%;
    min-width: 950px;
    height: 540px;
    background: url(/shopping/camp/healthy_autumn_life/img/main-visual__bg.png) center top repeat-x;
}

#main-visual img {
    margin: 0 auto;
}

.navi {
    width: 100%;
    min-width: 950px;
    height: 160px;
    background-color: #753700;
}

.navi .inner {
    padding-top: 30px;
}

.navi__btn--kenko {
    float: left;
    width: 470px;
}

.navi__btn--honey {
    float: right;
    width: 470px;
}

.rj {
    width: 100%;
    min-width: 950px;
    padding-bottom: 62px;
    background: #F4ECD7 url(/shopping/camp/healthy_autumn_life/img/rj__bg--middle.png) left 431px repeat-x;
}

.rj__header {
    position: relative;
    width: 100%;
    min-width: 950px;
    padding: 147px 0 107px 0;
    overflow: hidden;
    background: url(/shopping/camp/healthy_autumn_life/img/rj__bg--top.png) left top repeat-x;
}

.rj__header .background {
    position: absolute;
    left: 50%;
    bottom: 0;
}

.rj__title {
    position: relative;
    z-index: 1;
}

.rj__title:before {
    position: absolute;
    top: -75px;
    left: -20px;
    display: block;
    width: 310px;
    height: 77px;
    content: "";
    background-image: url(/shopping/camp/healthy_autumn_life/img/rj__title--balloon.png);
}

.rj__product {
    position: relative;
}

.rj__btn--purchase {
    position: absolute;
    right: 285px;
    bottom: 60px;
}

.rj__btn--teiki {
    position: absolute;
    right: 0;
    bottom: 60px;
}

.rj03 {
    box-sizing: border-box;
    width: 100%;
    padding-bottom: 15px;
    border: 4px solid #5E2C02;
    border-radius: 4px;
    background-color: #FFF;
}

.rj04__box {
    box-sizing: border-box;
    width: 100%;
    padding-bottom: 44px;
    border: 4px solid #5E2C02;
    border-top: none;
    border-radius: 0 0 4px 4px;
    background-color: #FFF;
}

.rj__inner {
    width: 870px;
    margin: 0 auto;
}

.gather {
    min-width: 950px;
    position: relative;
    background-color: #F3FFDB;
    z-index: -3;
}

.gather__title {
    z-index: 1;
}

.gather__bg01 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 198px;
    background: url(/shopping/camp/healthy_autumn_life/img/gather__bg--center.png) center 38px no-repeat;
    z-index: -1;
}

.gather__bg02 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 177px;
    background: #F7EBC9 url(/shopping/camp/healthy_autumn_life/img/gather__bg--side.png) left 38px repeat-x;
    z-index: -2;
}

.box--yoridori {
    position: relative;
}

.btn--yorodori1 {
    position: absolute;
    top: 99px;
    right: 34px;
}

.btn--yorodori2 {
    position: absolute;
    top: 189px;
    right: 34px;
}

.kenko {
    width: 100%;
    min-width: 950px;
    padding-bottom: 90px;
    background-color: #F3FFDB;
}

.kenko__title {
    width: 396px;
    padding: 23px 0 48px 0;
    margin: 0 auto;
}

.kenko__box {
    width: 100%;
    box-sizing: border-box;
    border-left: 4px solid #7AA90A;
    border-right: 4px solid #7AA90A;
    background-color: #FFF;
}

.kenko__inner {
    width: 870px;
    margin: 0 auto;
}

.kenko__product {
    position: relative;
}

.kenko__btn--tanpin {
    position: absolute;
    right: 285px;
    bottom: 30px;
}

.kenko__btn--matome {
    position: absolute;
    right: 0;
    bottom: 30px;
}

.kenko01__box {
    padding-bottom: 70px;
}

.kenko01__product {
    position: relative;
}

.kenko01__btn--tanpin {
    position: absolute;
    right: 65px;
    bottom: 186px;
}

.kenko01__box--matome {
    box-sizing: border-box;
    border: 2px solid #5E2C02;
    border-top: none;
    border-radius: 0 0 2px 2px;
}

.kenko01__box--matome li {
    float: left;
    width: 433px;
}

.kenko01__btn--set {
    margin-top: 24px;
}

.kenko02__box {
    padding: 29px 0 56px 0;
}

.kenko03__box {
    padding: 30px 0 25px 0;
}

.kenko04__box {
    border-top: 4px solid #7AA90A;
    border-bottom: 4px solid #7AA90A;
    border-radius: 0 0 4px 4px;
}

.kenko04__product {
    position: relative;
    float: left;
    width: 471px;
}

.kenko04__btn--tanpin {
    position: absolute;
    right: 30px;
    bottom: 269px;
}

.kenko04__btn--matome {
    position: absolute;
    right: 30px;
    bottom: 51px;
}

.honey {
    width: 100%;
    min-width: 950px;
    padding-bottom: 100px;
    border-top: 1px solid #E6DDA1;
    background-color: #FFF8C7;
}

.honey__title {
    width: 626px;
    padding: 69px 0 47px 0;
    margin: 0 auto;
}

.honey__box {
    width: 100%;
    box-sizing: border-box;
    border-left: 4px solid #FFBC00;
    border-right: 4px solid #FFBC00;
    background-color: #FFF;
}

.honey__box--bottom {
    width: 100%;
    box-sizing: border-box;
    border: 4px solid #FFBC00;
    border-top: none;
    border-radius: 4px;
    background-color: #FFF;
}

.honey__inner {
    width: 870px;
    margin: 0 auto;
}

.honey01__box {
    position: relative;
    padding: 39px 0 67px 0;
}

.honey01__product {
    position: relative;
}

.honey01__product:first-child {
    margin-bottom: 59px;
}

.honey01__btn--tanpin {
    position: absolute;
    bottom: 0;
    left: 147px;
}

.honey01__recipe {
    position: absolute;
    top: 37px;
    right: 33px;
}

.honey02__box {
    padding: 39px 0 67px 0;
}

.honey02__box .matome {
    margin-top: 20px;
}

.honey02__product {
    position: relative;
}

.honey02-01__btn {
    position: absolute;
    top: 208px;
    right: 0;
}

.honey02-01__btn li {
    margin-top: 4px;
}

.honey02-02 {
    position: relative;
    margin-top: 46px;
}

.honey02-02__btn {
    position: absolute;
    top: 301px;
    right: 0;
}

.honey02-02:before {
    position: absolute;
    top: -34px;
    left: -19px;
    display: block;
    width: 143px;
    height: 143px;
    content: "";
    background-image: url(/shopping/camp/healthy_autumn_life/img/honey02-02__icon.png);
}

.honey03__box {
    padding-bottom: 67px;
}

.honey03__product {
    position: relative;
    float: left;
    width: 471px;
}

.honey03__btn--tanpin {
    position: absolute;
    bottom: 334px;
    right: 30px;
}

.honey03__btn--matome {
    position: absolute;
    bottom: 42px;
    right: 30px;
}

.honey03-01 {
    position: relative;
    margin-top: 40px;
}

.honey03-01 .matome {
    margin-top: 20px;
}

.honey03-01__btn01 {
    position: absolute;
    top: 219px;
    right: 285px;
}

.honey03-01__btn02 {
    position: absolute;
    top: 219px;
    right: 0;
}

.honey03-01__btn03 {
    position: absolute;
    top: 309px;
    right: 0;
}

.honey04__product {
    position: relative;
    float: left;
    width: 471px;
}

.honey04__btn--tanpin {
    position: absolute;
    bottom: 377px;
    right: 30px;
}

.honey04__btn--matome {
    position: absolute;
    bottom: 37px;
    right: 30px;
}


/* ---------- #footer ---------- */

#footer {
    width: 100%;
    min-width: 950px;
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 1.5;
    color: #996600;
}

#footer a {
    color: #996600;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}

.footer__top {
    padding: 10px 0;
    border-top: 1px solid #CCB27F;
    text-align: center;
    background: #FFFFFF;
}

.footer__middle {
    padding: 10px 0;
    border-top: 1px solid #CCB27F;
    text-align: center;
    background: #FFFFFF;
}

.footer__middle li {
    display: inline-block;
    padding: 0 10px;
    border-left: 1px solid #CCB27F;
}

.footer__middle li:first-child {
    border-left: none;
}

.footer__bottom {
    padding: 10px 0;
    border-top: 1px solid #CCB27F;
    font-style: normal;
    text-align: center;
    background-color: #F7F2DA;
}


/* ---------- #banner ---------- */

#banner {
    width: 950px;
    margin: 90px auto;
}