/* ------------------------ */
/* Font関係 */
/* ------------------------ */
/* 文字色 */
.box2021autumnlimited{
    color: #707070;
}
/* 1 */
.box2021autumnlimited .font1 {
    font-family: 'Noto Sans JP',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-size: 1.4rem;
    font-weight: initial;
    line-height: 1.5;
}
/* 2 */
.box2021autumnlimited .font2 {
    font-family: 'Noto Sans JP',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-size: 2.0rem;
    font-weight: initial;
    line-height: 1.5;
}
/* 3 */
.box2021autumnlimited .font3 {
    font-family: 'Noto Sans JP',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-size: 1.6rem;
    font-weight: initial;
    line-height: 1.5;
}
/* 4 */
.box2021autumnlimited .font4 {
    font-family: 'Noto Sans JP',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-size: 1.6rem;
    font-weight: initial;
    line-height: 1.5;
}
/* 5 */
.box2021autumnlimited .font5 {
    font-family: 'Noto Sans JP',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-size: 1.2rem;
    font-weight: initial;
    line-height: 1.5;
}
/* 6 */
.box2021autumnlimited .font6 {
    font-family: 'Noto Sans JP',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-size: 1.4rem;
    font-weight: initial;
    line-height: 1.5;
}
/* 7 */
.box2021autumnlimited .font7 {
    font-family: 'Noto Sans JP',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-size: 1.4rem;
    font-weight: initial;
    line-height: 1.5;
}
/* 8 */
.box2021autumnlimited .font8 {
    font-family: 'Noto Sans JP',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-size: 2.2rem;
    font-weight: initial;
    line-height: 1.5;
}
/* 9 */
.box2021autumnlimited .font9 {
    font-family: 'Noto Sans JP',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-size: 1.2rem;
    font-weight: initial;
    line-height: 1.5;
}
/* 10 */
.box2021autumnlimited .font10 {
    font-family: 'Noto Sans JP',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-size: 1.4rem;
    font-weight: initial;
    line-height: 1.5;
}
/* 11 */
.box2021autumnlimited .font11 {
    font-family: 'Noto Sans JP',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-size: 2.0rem;
    font-weight: initial;
    line-height: 1.5;
}
/* ナビ1 */
.box2021autumnlimited .font_nav1 {
    font-family: 'Noto Sans JP',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-size: 1.2rem;
    color: #FFFFFF;
    line-height: 1.5;
}

@media screen and (min-width: 600px) {
    .box2021autumnlimited .font1 {
        font-size: 2.4rem;
    }
    .box2021autumnlimited .font2 {
        font-size: 3.4rem;
    }
    .box2021autumnlimited .font3 {
        font-size: 2.0rem;
    }
    .box2021autumnlimited .font4 {
        font-size: 2.2rem;
    }
    .box2021autumnlimited .font5 {
        font-size: 1.8rem;
    }
    .box2021autumnlimited .font6 {
        font-size: 1.6rem;
    }
    .box2021autumnlimited .font7 {
        font-size: 1.8rem;
    }
    .box2021autumnlimited .font8 {
        font-size: 2.8rem;
    }
    .box2021autumnlimited .font9 {
        font-size: 1.6rem;
    }
    .box2021autumnlimited .font10 {
        font-size: 1.4rem;
    }
    .box2021autumnlimited .font11 {
        font-size: 2.0rem;
    }
    .box2021autumnlimited .font_nav1 {
        font-size: 1.8rem;
    }
}

/* 太字 */
.box2021autumnlimited .text_bold{
    font-weight: 700;
}

.box2021autumnlimited .section_nav {
    width: 90%;
    max-width: 980px;
    margin-right: 5%;
    margin-left: 5%;
    margin-bottom: 64px;
}
.box2021autumnlimited .section_nav ol {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding-left: 0;
}
.box2021autumnlimited .section_nav li {
    width: 46%;
    height: 64px;
    padding-left: 0;
    margin-bottom: 16px;
}
.box2021autumnlimited .section_nav li:nth-child(odd) {
    margin-right: 2.5%;
}
.box2021autumnlimited .nav_button {
    display: inline-flex;
    width: 100%;
    height: 100%;
    text-align: center;
    align-items: center;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #BCBCBC;
    border: 1px solid #BCBCBC;
    border-radius: 5px;
    outline: none;
    position: relative;
    z-index: 0;
    overflow: hidden;
    cursor: pointer;
}
.box2021autumnlimited .nav_button::before {
    z-index: 1000;
    content: " ";
    position: relative;
    display: inline-flex;
    width: 10%;
    height: 100%;
    background-image: url(/html/user_data/assets/img/box/2021autumnlimited/expand_more_white_24dp.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    top: 5px;
    margin: 0 5%;
}
.box2021autumnlimited .nav_button_text {
    width: 75%;
    margin-right: 5%;
}
@media screen and (min-width: 600px) {
    .box2021autumnlimited .section_nav {
        margin-right: auto;
        margin-left: auto;
    }
    /*.box2021autumnlimited .section_nav li {*/
    /*    width: 23%;*/
    /*}*/
    /*.box2021autumnlimited .section_nav li:not(:last-child) {*/
    /*    margin-right: 2.5%;*/
    /*}*/
}

/* ---------------------------- */
/* その他 */
/* ---------------------------- */
.box2021autumnlimited .spbr { 
    display: inline;
}
.box2021autumnlimited .pcbr{
    display: none;
}
@media screen and (min-width: 600px) {
    .box2021autumnlimited .spbr { 
        display: none;
    }
    .box2021autumnlimited .pcbr{
        display: inline;
    }
}

/* SP/TBのときのみ改行する */
.box2021autumnlimited .tbbr{
    display: inline;
}
@media screen and (min-width: 1025px){
    .box2021autumnlimited .tbbr{
        display: none;
    }
}

/*購入者限定ページのみフッターの空白削除*/
.ec-footerRole {
    margin-top: 0px;
}

/*購入者限定ページの幅修正*/
#page_user_data .ec-layoutRole .ec-layoutRole__contents{
    max-width: initial;
}

/* ---------------------------- */
/* KV */
/* ---------------------------- */
.box2021autumnlimited .section_kv {
    margin-bottom: 40px;
}
.box2021autumnlimited .kv_headline {
    position: relative;
    background-image: url(/html/user_data/assets/img/box/2021autumnlimited/kv_sp.jpg);
    background-repeat:  no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.box2021autumnlimited .kv_headline_text {
    text-align: center;
    width: 100%;
    background-color: #FFFFFF90;
    padding-top: 8px;
    padding-bottom: 16px;
}
.box2021autumnlimited .kv_headline h2 {
    margin: auto;
}
.box2021autumnlimited .kv_headline img {
    width: 100%;
    max-width: 321px;
}

@media screen and (min-width: 600px) {
    .box2021autumnlimited .section_kv {
        margin-bottom: 96px;
    }
    .box2021autumnlimited .kv_headline {
        background-image: url(/html/user_data/assets/img/box/2021autumnlimited/kv_pc.jpg);
    }
}

/* ---------------------------- */
/* profile */
/* ---------------------------- */
.box2021autumnlimited .section_profile {
    width: 90%;
    text-align: left;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 32px;
}
.box2021autumnlimited .profile_headline {
    width: 100%;
    text-align: center;
    margin-bottom: 48px;
}
.box2021autumnlimited .profile_ambassador {
    margin-bottom: 16px;
}
.box2021autumnlimited .ambassador_title {
    width: 33%;
    text-align: left;
    word-break: keep-all;
    margin-bottom: 8px;
}
.box2021autumnlimited .ambassador_block {
    width: 100%;
    display: flex;
    margin-bottom: 16px;
}
.box2021autumnlimited .ambassador_block .ambassador_1 {
    width: 32%;
    text-align: left;
    margin-right: 5%;
}
.box2021autumnlimited .ambassador_block .ambassador_1 img {
    width: 100%;
}
.box2021autumnlimited .ambassador_block .ambassador_2 {
    width: 63%;
    display: block;
    text-align: left;
}
.box2021autumnlimited .ambassador_block .ambassador_name {
    margin-bottom: 8px;
}
.box2021autumnlimited .ambassador_block .ambassador_desc {
    margin-bottom: 16px;
}
.box2021autumnlimited .profile_recommend img {
    width: 100%;
}

.box2021autumnlimited .instagram_button {
    display: block;
    height: 33px;
    margin: 0 auto;
    text-align: center;
    color: #707070;
    line-height: 32px;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #555555;
    border-radius: 5px;
    outline: none;
    position: relative;
    z-index: 0;
    overflow: hidden;
    cursor: pointer;
}
.box2021autumnlimited .instagram_button:hover {
    transition: 0.4s;
    opacity: 0.6;
}

.box2021autumnlimited .recommend_desc {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
.box2021autumnlimited .recommend_desc img {
    max-width: 476px;
}
@media screen and (min-width: 600px) {
    .box2021autumnlimited .section_profile {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 48px;
        max-width: 600px;
    }
    .box2021autumnlimited .profile_headline {
        margin-bottom: 96px;
    }
    .box2021autumnlimited .profile_ambassador {
        margin-bottom: 32px;
    }
    .box2021autumnlimited .ambassador_block {
        margin-bottom: 24px;
    }
}

/* ---------------------------- */
/* section */
/* ---------------------------- */
/* ボタン定義 */
.box2021autumnlimited {
    background-color: #DFEAE7;
}
.box2021autumnlimited .with_product_btn_link {
    display: block;
    height: 33px;
    margin: 0 auto;
    text-align: center;
    color: #707070;
    line-height: 32px;
    text-decoration: none;
    background-color: #EEE;
    border: 1px solid #707070;
    border-radius: 5px;
    outline: none;
    position: relative;
    z-index: 0;
    overflow: hidden;
    cursor: pointer;
}
.box2021autumnlimited .with_product_btn_link:hover {
    transition: 0.4s;
    opacity: 0.6;
}
/* アイコン定義 */
.box2021autumnlimited .recommend_question::before {
    z-index: 1000;
    content: " ";
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url(/html/user_data/assets/img/box/2021autumnlimited/check.svg);
    background-size: contain;
    top: 3px;
}

/* margin/padding/width */
.box2021autumnlimited .img_100{
    width: 100%;
}
.box2021autumnlimited .headline,
.box2021autumnlimited .recommend,
.box2021autumnlimited .with{
    margin-right: 5%;
    margin-left: 5%;
}
.box2021autumnlimited .headline_img{
    padding-right: 10%;
    padding-left: 10%;
}

.box2021autumnlimited .with{
    padding: 24px;
    border: solid  #707070 1px;
}
.box2021autumnlimited .with_introduction{
    display: flex;
}
.box2021autumnlimited .with_img{
    margin-right: 5%;
    width: 38%;
}
.box2021autumnlimited .with_product{
    width: 57%;
}

/* 下線対応 */
.box2021autumnlimited .headline_title h3{
    margin: 0px;
}
.box2021autumnlimited .headline_title{
    border-bottom: solid #707070 1px;
}
.box2021autumnlimited .yellow_underline{
    background:linear-gradient(transparent 70%, #FFFFC3 0%);
}

/* 左寄せ、中央寄せ */
.box2021autumnlimited .recommend,
.box2021autumnlimited .with{
    text-align:center;
}
.box2021autumnlimited .headline_title h3,
.box2021autumnlimited .with_product{
    text-align: left;
}

/* margin-bottom */
.box2021autumnlimited .headline,
.box2021autumnlimited .headline_title,
.box2021autumnlimited .headline_img,
.box2021autumnlimited .headline_desc_upper,
.box2021autumnlimited .recomend_answer,
.box2021autumnlimited .recommend_img{
    margin-bottom: 24px;
}
.box2021autumnlimited .point_img,
.box2021autumnlimited .recommend_question{
    margin-bottom: 8px;
}
.box2021autumnlimited .with_product_button{
    padding-top:8px;
    padding-bottom: 8px;
}
.box2021autumnlimited .with_product_title,
.box2021autumnlimited .with_product_description{
    margin-bottom: 16px;
}
.box2021autumnlimited .box_section{
    padding-bottom: 72px;
}

/* margin-top(section3のみ使用) */
.box2021autumnlimited .with{
    margin-top: 24px;
}
.box2021autumnlimited .with{
    border-radius: 15px;
    background-color: #fff;
}
.box2021autumnlimited .with_product_title{
    border-bottom: 1px solid #707070;
}

/* 背景 */
.box2021autumnlimited .recommend_bg{
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22462.533%22%20height%3D%22344.673%22%20viewBox%3D%220%200%20462.533%20344.673%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23fff%3B%20opacity%3A%200.554%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22sec_background1%22%20data-name%3D%22sec_background1%22%20class%3D%22cls-1%22%20d%3D%22M214.173%2C75.663c121.147%2C0%2C148.543-37.627%2C226.31%2C99.123S329.12%2C471.292%2C140.657%2C396.495%2C1.769%2C282.02%2C1.769%2C174.787%2C93.025%2C75.663%2C214.173%2C75.663Z%22%20transform%3D%22translate(4.123%20-70.922)%22%2F%3E%3C%2Fsvg%3E');
    background-repeat:no-repeat;
    background-position: center top;
    background-size: cover;
}
.box2021autumnlimited .sec-wrap{background-color: #D1DFDB;}
.box2021autumnlimited .sec-wrap_before{
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20167.73%2042.66%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23dfeae7%3B%7D.cls-2%7Bfill%3A%23d1dfdb%3B%7D.cls-3%7Bfill%3A%23e5ebd2%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%3Crect%20class%3D%22cls-1%22%20width%3D%22167.73%22%20height%3D%2242.66%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M20.53%2C13.56c5.32%2C1.59%2C11.38%2C3.29%2C18.39%2C5.25%2C9.32%2C2.61%2C19.88%2C5.57%2C32.3%2C9.28%2C14.57%2C4.34%2C26.56%2C7.46%2C36.66%2C9.53%2C10.8%2C2.22%2C19.7%2C3.3%2C27.21%2C3.3a62.43%2C62.43%2C0%2C0%2C0%2C8.74-.58%2C41.17%2C41.17%2C0%2C0%2C0%2C7.42-1.73%2C30.9%2C30.9%2C0%2C0%2C0%2C6.22-2.91%2C27.81%2C27.81%2C0%2C0%2C0%2C5.18-4.13%2C32.81%2C32.81%2C0%2C0%2C0%2C5.08-6.83V0H0V6a65.72%2C65.72%2C0%2C0%2C0%2C6.88%2C3C10.41%2C10.4%2C14.75%2C11.83%2C20.53%2C13.56Z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M135.09%2C42.66c15.69%2C0%2C26-4.67%2C32.64-14.84V25a33%2C33%2C0%2C0%2C1-5.08%2C6.82A27.81%2C27.81%2C0%2C0%2C1%2C157.47%2C36a29.85%2C29.85%2C0%2C0%2C1-6.22%2C2.91%2C42%2C42%2C0%2C0%2C1-7.42%2C1.74%2C62.49%2C62.49%2C0%2C0%2C1-8.74.57c-7.51%2C0-16.41-1.08-27.21-3.29-10.1-2.07-22.09-5.19-36.66-9.54-12.42-3.7-23-6.66-32.3-9.27-7-2-13.07-3.67-18.39-5.26-5.78-1.72-10.12-3.16-13.65-4.51A65.72%2C65.72%2C0%2C0%2C1%2C0%2C6.31V8c12.09%2C6%2C33.75%2C10.76%2C70.8%2C21.82C98.71%2C38.09%2C119.55%2C42.66%2C135.09%2C42.66Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-position: top;
}
.box2021autumnlimited .sec-wrap_after{
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20174.34%2028.89%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23dfeae7%3B%7D.cls-2%7Bfill%3A%23d1dfdb%3B%7D.cls-3%7Bfill%3A%23e5ebd2%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%3Crect%20class%3D%22cls-1%22%20width%3D%22174.34%22%20height%3D%2228.89%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M150.61%2C11.1c-8.75%2C3.19-17.42%2C6.56-25.4%2C8.79a135.23%2C135.23%2C0%2C0%2C1-36.84%2C4.9%2C189.69%2C189.69%2C0%2C0%2C1-21-1.25c-6.65-.73-12.93-1.69-19-2.62-5-.76-9.72-1.48-14.24-2A109.57%2C109.57%2C0%2C0%2C0%2C21.37%2C18%2C47.68%2C47.68%2C0%2C0%2C0%2C8.79%2C19.52%2C31.1%2C31.1%2C0%2C0%2C0%2C0%2C23.39v5.5H174.34V2.38C163.28%2C3.81%2C158.22%2C8.31%2C150.61%2C11.1Z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M21.37%2C18a109.57%2C109.57%2C0%2C0%2C1%2C12.78.87c4.52.53%2C9.24%2C1.25%2C14.24%2C2%2C6.08.93%2C12.36%2C1.89%2C19%2C2.62a189.69%2C189.69%2C0%2C0%2C0%2C21%2C1.25%2C135.23%2C135.23%2C0%2C0%2C0%2C36.84-4.9%2C228.46%2C228.46%2C0%2C0%2C0%2C25.4-8.79c11.87-4.92%2C19.82-8.72%2C23.73-8.72V0c-8.5%2C0-30%2C12.25-49.73%2C17.76a133.51%2C133.51%2C0%2C0%2C1-36.24%2C4.82c-26.38%2C0-48.8-6.75-67-6.75-7.93%2C0-15.06%2C1.29-21.37%2C5v2.59a31.1%2C31.1%2C0%2C0%2C1%2C8.79-3.87A47.68%2C47.68%2C0%2C0%2C1%2C21.37%2C18Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-position: bottom;
}
.box2021autumnlimited .sec-wrap_all{
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20167.73%2042.66%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23dfeae7%3B%7D.cls-2%7Bfill%3A%23d1dfdb%3B%7D.cls-3%7Bfill%3A%23e5ebd2%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%3Crect%20class%3D%22cls-1%22%20width%3D%22167.73%22%20height%3D%2242.66%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M20.53%2C13.56c5.32%2C1.59%2C11.38%2C3.29%2C18.39%2C5.25%2C9.32%2C2.61%2C19.88%2C5.57%2C32.3%2C9.28%2C14.57%2C4.34%2C26.56%2C7.46%2C36.66%2C9.53%2C10.8%2C2.22%2C19.7%2C3.3%2C27.21%2C3.3a62.43%2C62.43%2C0%2C0%2C0%2C8.74-.58%2C41.17%2C41.17%2C0%2C0%2C0%2C7.42-1.73%2C30.9%2C30.9%2C0%2C0%2C0%2C6.22-2.91%2C27.81%2C27.81%2C0%2C0%2C0%2C5.18-4.13%2C32.81%2C32.81%2C0%2C0%2C0%2C5.08-6.83V0H0V6a65.72%2C65.72%2C0%2C0%2C0%2C6.88%2C3C10.41%2C10.4%2C14.75%2C11.83%2C20.53%2C13.56Z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M135.09%2C42.66c15.69%2C0%2C26-4.67%2C32.64-14.84V25a33%2C33%2C0%2C0%2C1-5.08%2C6.82A27.81%2C27.81%2C0%2C0%2C1%2C157.47%2C36a29.85%2C29.85%2C0%2C0%2C1-6.22%2C2.91%2C42%2C42%2C0%2C0%2C1-7.42%2C1.74%2C62.49%2C62.49%2C0%2C0%2C1-8.74.57c-7.51%2C0-16.41-1.08-27.21-3.29-10.1-2.07-22.09-5.19-36.66-9.54-12.42-3.7-23-6.66-32.3-9.27-7-2-13.07-3.67-18.39-5.26-5.78-1.72-10.12-3.16-13.65-4.51A65.72%2C65.72%2C0%2C0%2C1%2C0%2C6.31V8c12.09%2C6%2C33.75%2C10.76%2C70.8%2C21.82C98.71%2C38.09%2C119.55%2C42.66%2C135.09%2C42.66Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'),url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20174.34%2028.89%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23dfeae7%3B%7D.cls-2%7Bfill%3A%23d1dfdb%3B%7D.cls-3%7Bfill%3A%23e5ebd2%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%3Crect%20class%3D%22cls-1%22%20width%3D%22174.34%22%20height%3D%2228.89%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M150.61%2C11.1c-8.75%2C3.19-17.42%2C6.56-25.4%2C8.79a135.23%2C135.23%2C0%2C0%2C1-36.84%2C4.9%2C189.69%2C189.69%2C0%2C0%2C1-21-1.25c-6.65-.73-12.93-1.69-19-2.62-5-.76-9.72-1.48-14.24-2A109.57%2C109.57%2C0%2C0%2C0%2C21.37%2C18%2C47.68%2C47.68%2C0%2C0%2C0%2C8.79%2C19.52%2C31.1%2C31.1%2C0%2C0%2C0%2C0%2C23.39v5.5H174.34V2.38C163.28%2C3.81%2C158.22%2C8.31%2C150.61%2C11.1Z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M21.37%2C18a109.57%2C109.57%2C0%2C0%2C1%2C12.78.87c4.52.53%2C9.24%2C1.25%2C14.24%2C2%2C6.08.93%2C12.36%2C1.89%2C19%2C2.62a189.69%2C189.69%2C0%2C0%2C0%2C21%2C1.25%2C135.23%2C135.23%2C0%2C0%2C0%2C36.84-4.9%2C228.46%2C228.46%2C0%2C0%2C0%2C25.4-8.79c11.87-4.92%2C19.82-8.72%2C23.73-8.72V0c-8.5%2C0-30%2C12.25-49.73%2C17.76a133.51%2C133.51%2C0%2C0%2C1-36.24%2C4.82c-26.38%2C0-48.8-6.75-67-6.75-7.93%2C0-15.06%2C1.29-21.37%2C5v2.59a31.1%2C31.1%2C0%2C0%2C1%2C8.79-3.87A47.68%2C47.68%2C0%2C0%2C1%2C21.37%2C18Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-position: top,bottom;
}

.box2021autumnlimited .recommend_description{
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2037%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23e1e9cf%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%3Cellipse%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_14%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2014%22%20class%3D%22cls-1%22%20cx%3D%2220%22%20cy%3D%2218.5%22%20rx%3D%2220%22%20ry%3D%2218.5%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'),url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2037%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23e1e9cf%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%3Cellipse%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_14%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2014%22%20class%3D%22cls-1%22%20cx%3D%2220%22%20cy%3D%2218.5%22%20rx%3D%2220%22%20ry%3D%2218.5%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	background-repeat:no-repeat,no-repeat;
	padding: 20px 20px 10px;
	background-size: 50px,30px;
	background-position: left top,bottom right;
}
/* Point背景用*/
.box2021autumnlimited .headline_point {
    position: relative;
    background-color: rgb(255,255,255,0.7);
    padding: 15px;
    border-radius: 10px;
    margin-top: 16px;
}
.box2021autumnlimited .headline_point .point_img {
    position: absolute;
    width: 80px;
    top: -14px;
    left: -14px;
}
@media screen and (min-width: 600px) {
    .box2021autumnlimited .box_section{
        max-width: 980px;
        margin-right: auto;
        margin-left: auto;
    }
    .box2021autumnlimited .headline .headline_product{
        display: flex;
    }
    /*.box2021autumnlimited .point_img{*/
    /*    width: 40%;*/
    /*}*/
    /* margin/padding/width */
    .box2021autumnlimited .headline_img,
    .box2021autumnlimited .headline_description {
        padding-right: 5%;
        padding-left: 5%;
        width: 50%;
    }
    .box2021autumnlimited .recommend,
    .box2021autumnlimited .with{
        margin-right: 25%;
        margin-left: 25%;
        width: 50%;
    }
    .box2021autumnlimited .with_img{
        padding-right: 5%;
        padding-left: 5%;
        width: 38%;
    }
    .box2021autumnlimited .with_product{
        padding-right: 5%;
        padding-left: 5%;
        width: 57%;
    }
    
    /* margin-bottom */
    .box2021autumnlimited .headline_title{
        margin-bottom: 32px;
    }
    .box2021autumnlimited .headline_img{
        margin-bottom: 0;
    }
    .box2021autumnlimited .headline_desc_upper,
    .box2021autumnlimited .recomend_answer,
    .box2021autumnlimited .recommend_img{
        margin-bottom: 16px;
    }
    .box2021autumnlimited .box_section{
        padding-bottom: 80px;
    }
    .box2021autumnlimited .headline{
        margin-bottom: 80px;
    }
    /* 背景 */
    .box2021autumnlimited .recommend_bg{
        background-size: contain;
    }
    .box2021autumnlimited .sec-wrap_all{
        background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20151.22%2021.28%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d1dfdb%3B%7D.cls-2%7Bfill%3A%23e5ebd2%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M0%2C4.67c2.09.71%2C56.22%2C8.82%2C63.24%2C10%2C61.34%2C10%2C79.82%2C3.56%2C88-2.4V0H0Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M118.83%2C21.28c-14.17%2C0-33.42-2.11-62.44-6.82-12.08-2-22.33-3.53-31.37-4.92l-1.65-.25C13.89%2C7.84%2C6.71%2C6.73.62%2C5.65L0%2C5.55V3.21l.88.16c2.07.37%2C4.38.76%2C7%2C1.19%2C5.16.84%2C11%2C1.74%2C17.82%2C2.77%2C9%2C1.38%2C19.22%2C2.94%2C31.32%2C4.91%2C14.12%2C2.29%2C25.73%2C3.94%2C35.5%2C5A240.42%2C240.42%2C0%2C0%2C0%2C118.83%2C19c3%2C0%2C5.84-.1%2C8.41-.3a68.89%2C68.89%2C0%2C0%2C0%2C7.12-.91%2C45.1%2C45.1%2C0%2C0%2C0%2C5.94-1.51%2C30.4%2C30.4%2C0%2C0%2C0%2C4.89-2.13A23.14%2C23.14%2C0%2C0%2C0%2C150%2C10.67l1.26-1.21V13l-.27.22C144.36%2C18.73%2C134.15%2C21.28%2C118.83%2C21.28Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'),url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20174.34%2028.89%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23dfeae7%3B%7D.cls-2%7Bfill%3A%23d1dfdb%3B%7D.cls-3%7Bfill%3A%23e5ebd2%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%3Crect%20class%3D%22cls-1%22%20width%3D%22174.34%22%20height%3D%2228.89%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M150.61%2C11.1c-8.75%2C3.19-17.42%2C6.56-25.4%2C8.79a135.23%2C135.23%2C0%2C0%2C1-36.84%2C4.9%2C189.69%2C189.69%2C0%2C0%2C1-21-1.25c-6.65-.73-12.93-1.69-19-2.62-5-.76-9.72-1.48-14.24-2A109.57%2C109.57%2C0%2C0%2C0%2C21.37%2C18%2C47.68%2C47.68%2C0%2C0%2C0%2C8.79%2C19.52%2C31.1%2C31.1%2C0%2C0%2C0%2C0%2C23.39v5.5H174.34V2.38C163.28%2C3.81%2C158.22%2C8.31%2C150.61%2C11.1Z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M21.37%2C18a109.57%2C109.57%2C0%2C0%2C1%2C12.78.87c4.52.53%2C9.24%2C1.25%2C14.24%2C2%2C6.08.93%2C12.36%2C1.89%2C19%2C2.62a189.69%2C189.69%2C0%2C0%2C0%2C21%2C1.25%2C135.23%2C135.23%2C0%2C0%2C0%2C36.84-4.9%2C228.46%2C228.46%2C0%2C0%2C0%2C25.4-8.79c11.87-4.92%2C19.82-8.72%2C23.73-8.72V0c-8.5%2C0-30%2C12.25-49.73%2C17.76a133.51%2C133.51%2C0%2C0%2C1-36.24%2C4.82c-26.38%2C0-48.8-6.75-67-6.75-7.93%2C0-15.06%2C1.29-21.37%2C5v2.59a31.1%2C31.1%2C0%2C0%2C1%2C8.79-3.87A47.68%2C47.68%2C0%2C0%2C1%2C21.37%2C18Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        background-repeat: no-repeat;
        background-position: top,bottom;
    }
    .box2021autumnlimited .sec-wrap_before{
    	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20151.22%2021.28%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d1dfdb%3B%7D.cls-2%7Bfill%3A%23e5ebd2%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M0%2C4.67c2.09.71%2C56.22%2C8.82%2C63.24%2C10%2C61.34%2C10%2C79.82%2C3.56%2C88-2.4V0H0Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M118.83%2C21.28c-14.17%2C0-33.42-2.11-62.44-6.82-12.08-2-22.33-3.53-31.37-4.92l-1.65-.25C13.89%2C7.84%2C6.71%2C6.73.62%2C5.65L0%2C5.55V3.21l.88.16c2.07.37%2C4.38.76%2C7%2C1.19%2C5.16.84%2C11%2C1.74%2C17.82%2C2.77%2C9%2C1.38%2C19.22%2C2.94%2C31.32%2C4.91%2C14.12%2C2.29%2C25.73%2C3.94%2C35.5%2C5A240.42%2C240.42%2C0%2C0%2C0%2C118.83%2C19c3%2C0%2C5.84-.1%2C8.41-.3a68.89%2C68.89%2C0%2C0%2C0%2C7.12-.91%2C45.1%2C45.1%2C0%2C0%2C0%2C5.94-1.51%2C30.4%2C30.4%2C0%2C0%2C0%2C4.89-2.13A23.14%2C23.14%2C0%2C0%2C0%2C150%2C10.67l1.26-1.21V13l-.27.22C144.36%2C18.73%2C134.15%2C21.28%2C118.83%2C21.28Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    	background-repeat: no-repeat;
    	background-position: top;
    }
    /* point背景用 */
    .box2021autumnlimited .headline_point {
        padding: 30px;
        border-radius: 20px;
        margin-top: 32px;
    }
    .box2021autumnlimited .headline_point .point_img {
        position: absolute;
        top: -25px;
        left: -25px;
        width: 130px;
    }
}
/* */
.box2021autumnlimited .yellow_underline{
    word-wrap: break-word;
}