@charset "utf-8";

/* ==========================================================================
 *  
 *  mother_static-mothersday2020.css
 *
 *  Last Modified: 2022/03/11
 *  Last Editor: Hanae I
 *
   ========================================================================== */
/* 190125
------------------------------------------------------- */
/* common
------------------------------------------------------- */
:root {
    --theme-color-1: #fff;
    --theme-color-2: #000;
    --theme-color-3: #003b96;
    --theme-color-4: #3872c1;
    --theme-color-5: #e1eeff;
    --theme-color-6: #165dbd;
    --theme-color-7: #f7fbfe;
    --theme-color-8: #fffaf0;
    --theme-color-9: #d4c483;
    --theme-color-10: #c2281f;
    --theme-color-11: #fef5f6;
    --theme-color-12: #fbe1e1;
    --theme-color-13: #724d44;
    --theme-color-14: #f9576c;
    --theme-color-15: #ab1a65;
    --theme-color-16: #ab1a65;
    --theme-color-17: #cc92b0;
    --theme-color-18: #EB6464;
    --theme-color-19: #F9AEAE;
    --theme-color-20: #fff5f9;
    --theme-color-21: #ff641a;
    --theme-color-22: #fff4e4;
    --theme-color-23: #ffb388;
    --theme-color-24: #ff813a;
    --theme-color-25: #f9e8ef;
    --theme-color-26: #f7a7c0;
    --theme-color-27: #d95178;
    --theme-color-28: #60bff9;
    --theme-color-29: #FFCC00;
    --theme-color-30: #f0e68c;
    --theme-color-31: #7d9db3;
    --theme-color-32: #e2ecfb;
    --theme-color-33: #def0d9;
    --theme-color-34: #f5fbf3;
    --theme-color-35: #9cbe93;
    --theme-color-36: #1e6609;
    --theme-color-37: #9b3e39;
    --theme-color-38: #e9c469;
    --theme-color-39: #cfaf32;
    --theme-color-40: #996024;
    --theme-color-41: #fffde9;
    --theme-color-42: #f47610;
    --theme-color-43: #f6974a;
    --theme-color-44: #bb9760;
    --theme-color-45: #fff4c7;
    --theme-color-46: #fdf6d8;
    --theme-color-47: #cb5e6d;
    --theme-color-48: #911129;
    --theme-color-49: #af8162;
    --theme-color-50: #7dc9c7;
    --theme-color-51: #31a7a4;
    --theme-color-52: #f5f6f4;
    --breakpoint-standard: pc;
    --breakpoint-xl: 1200px;
    --breakpoint-lg: 1000px;
    --breakpoint-md: 768px;
    --breakpoint-sm: 560px;
    --breakpoint-xs: 320px;
}

/* sp
------------------------------------------------------- */
/* MODULE
------------------------------------------------------- */
html {
    scroll-behavior: smooth;
}

.link_head {
    margin-top: -75px;
    padding-top: 75px;
    display: block
}

article {
    display: block;
    clear: both;
    padding: 0 0em
}

.mt10 {
    margin-top: 10px
}

.mt30 {
    margin-top: 30px
}

.mb20 {
    margin-bottom: 20px
}

.mb30 {
    margin-bottom: 30px
}

.display_sp {
    display: block
}

a.link_head {
    margin-top: -100px;
    padding-top: 100px;
    display: block
}

hr {
    display: none;
}

.strong_red {
    color: #FF3333
}

.iphone5_br {
    display: none;
}

.i879-contents--ttl h2 {
    font-family: "Noto Sans JP", 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.i879_contents-outer {
    background: #feeff0;
}

.i879_contents-outer.white01 {
    background: #fff;
}

.i879_contents-outer.yellow01 {
    background: #fffaf0;
}

.i879_contents-outer.yellow02 {
    background: #fefdf7;
}

.i879_contents-outer.yellow03 {
    background: #fbf4dc;
}

.i879_contents-outer.orange01 {
    background: #ffdb99;
}

.i879_contents-outer.orange02 {
    background: #ffebd1;
}

.i879_contents-outer.pink01 {
    background: #feeff0;
}

.i879_contents-outer.pink02 {
    background: #fef5f6;
}

.i879_contents-outer.blue01 {
    background: #e0ffff;
}

.i879_contents-outer.blue02 {
    background: #f7fbfe;
}

.i879_contents-outer.blue03 {
    background: #e8f4fc;
}

.i879_contents-outer.blue04 {
    background: #f5fbf3;
}

.i879_contents-outer.blue05 {
    background: #f5f6f4;
}

.i879_contents-outer.blue_g01 {
    background: #e9f7f7;
}

.i879_contents-outer.purple01 {
    background: #dda0dd;
}

.i879_contents-outer.green01 {
    background: #e9f8f0;
}

.i879_contents {
    padding: 2.66667%;
    margin: 0 auto;
}

.i879_contents.pt00 {
    padding-top: 0;
}

.i879_contents.pt00-pt20 {
    padding-top: 0;
}

/* //MODULE
------------------------------------------------------- */

/* BANNER STYLE
------------------------------------------------------- */
/*ICON NAV*/
.icon-nav {
    display: table;
    margin: 0 10px;
}

.icon-nav li {
    display: table-cell;
    width: 25%;
    padding: 5px 4px;
    text-align: center;
}

.icon-nav li img {
    width: 85%;
    height: auto;
}

.icon-nav li dl dt {
    border-radius: 50%;
    background: #fef7cd;
    padding: 13px;
    margin-bottom: 5px;
}

.icon-nav li:nth-child(even) dl dt {
    background: #ffd8d9;
}

.icon-nav li dl dd {
    font-weight: 500;
    font-size: .75em;
    line-height: 1.2em;
}

.icon-nav li a {
    color: #ce0338;
    display: block;
}

.icon-nav li a:hover {
    opacity: .6;
}

.gift_subnav {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}

.gift_subnav li {
    width: 50%;
    float: left;
    overflow: hidden;
    border: 1px solid #c2acbd;
    height: 150px;
    position: relative;
}

.gift_subnav li a {
    display: block;
}

.gift_subnav li a:hover {
    opacity: .6;
}

.gift_subnav li img {
    width: 90%;
    height: auto;
    position: absolute;
    z-index: 1;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.gift_subnav li.step img {
    top: 55%;
}

.gift_subnav li.step52-55 img {
    top: 52%;
}

.gift_subnav li.spt60 img {
    top: 60%;
}

.gift_subnav li.fullimg img {
    width: 100%;
}

.gift_subnav li.rank.full {
    background: url(https://images.i879.com/image/mother/motherrankback.png) no-repeat right top;
    background-size: 80%;
    background-color: #ffe4ee;
}

.gift_subnav li.rank.full {
    width: 100%
}

.gift_subnav li.rank.full img {
    width: 90%;
    height: auto;
    position: absolute;
    z-index: 1;
    top: 75%;
    right: -20%;
    left: auto;
    transform: translate(-50%, -50%);
}

.gift_subnav li.rank.full.set-rank img {
    width: 60%;
    top: 55%;
    right: 10%;
    left: auto;
}

.gift_subnav li.rank {
    background: url(https://images.i879.com/image/mother/motherrankback.png) no-repeat right top;
    background-size: 100%;
    background-color: #ffe4ee;
}

.gift_subnav--ttl,
.gift_subnav--des {
    width: 100%;
    position: absolute;
    z-index: 2;
    font-weight: 500;
    color: #701a09;
    text-align: center;
}

.gift_subnav--des,
.gift_subnav--ttl {
    text-shadow: 0 0 10px #fff;
}

.gift_subnav--des,
.gift_subnav--ttl {
    text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff,
        0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;
}

.gift_subnav li.full {
    width: 100%
}

.gift_subnav li.full img {
    width: 90%;
    height: auto;
    position: absolute;
    z-index: 1;
    top: 75%;
    right: -20%;
    left: auto;
    transform: translate(-50%, -50%);
}

.gift_subnav li.full.set img {
    width: 65%;
    height: auto;
    position: absolute;
    z-index: 1;
    top: 60%;
    right: 5%;
    left: auto;
    transform: translate(-50%, -50%);
}

.gift_subnav li.full.pudding img {
    width: 65%;
    top: 50%;
    right: 10%;
}

.full .gift_subnav--ttl,
.full .gift_subnav--des {
    text-align: right;
    right: 5px;
}

.gift_subnav--ttl {
    top: 25px;
    font-size: 1.1em;
    line-height: 1;
}

.gift_subnav--ttl.font1 {
    font-size: 1em;
}

.gift_subnav--ttl.font95 {
    font-size: .95em;
}

.gift_subnav--ttl.font1-95 {
    font-size: .95em;
}

.gift_subnav--ttl.font95-95 {
    font-size: .95em;
}

.gift_subnav--des {
    top: 10px;
    font-size: .8em;
    line-height: 1em;
    font-weight: 400;
}

.gift_subnav--des.font85 {
    font-size: .8em;
}

.gift_subnav--des.smalltxt {
    font-size: .75em;
}

.gift_subnav--des span {
    color: #d2443b;
}

.gift_subnav--in {
    position: absolute;
    bottom: 0;
    z-index: 2;
    text-align: right;
    width: 100%;
    display: block;
    padding: 5px;
    background: rgba(255, 255, 255, 0.5);
    font-weight: bold;
    color: #cc0000;
    text-shadow: rgb(255, 255, 255) 0px 0px 11px;
    z-index: 2;
}

/* //BANNER STYLE
------------------------------------------------------- */
ul {
    margin: 0 auto;
    padding: 0;
}

/*
.featured_product{margin-bottom: 40px;}
 */
.text_link li a {
    display: block;
}

.text_link li {
    display: inline-block;
    position: relative;
    padding-left: 20px;
    font-size: 1.2em;
    margin-right: 10px;
}

.text_link li:before {
    position: absolute;
    content: '';
    display: inline-block;
    box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2) inset;
    top: 8px;
    left: 2px;
    height: 0;
    width: 0;
    border-top: 6px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #ff6699;
}

.t_link_heading {
    background: #fcf1f8;
    color: #c7000b;
    margin-bottom: 5px;
    padding: 5px;
    font-weight: 700;
}

.t_link_heading:before {
    color: #c7000b;
    content: " ● ";
}

.t_link_heading.red01 {
    background: #ffdff3;
    color: #c7000b;
}

.t_link_heading.red01:before {
    color: #c7000b;
    content: " ● ";
}

.t_link_heading.blue01 {
    background: #e8f4fc;
    color: #003b96;
}

.t_link_heading.blue01:before {
    color: #003b96;
    content: " ● ";
}

.t_link_heading.blue_g01 {
    background: #e9f7f7;
    color: #339e97;
}

.t_link_heading.blue_g01:before {
    color: #339e97;
    content: " ● ";
}

.t_link_heading.nude01 {
    background: #fbf1f9;
    color: #714141;
}

.t_link_heading.nude01:before {
    color: #714141;
    content: " ● ";
}

.t_link_heading.nude02 {
    background: #ffefce;
    color: #703e40;
}

.t_link_heading.nude02:before {
    color: #703e40;
    content: " ● ";
}

.mother_diagnosis {
    position: relative;
}

.mother_diagnosis-des {
    font-size: 1em;
    padding: 15px 15px;
    text-align: center;
    color: #ce0338;
    font-weight: bold;
}

.mother_diagnosis-des.blue01 {
    color: #003b96;
}

.mother_diagnosis-btn {
    width: 85%;
    margin: 15px auto;
}

.mother_diagnosis-btn i {
    margin-left: 5px;
    color: #ce0338;
}

.mother_diagnosis-btn a {
    display: block;
    background: url(//images.i879.com/image/mother/present.png) no-repeat;
    background-position: 10px;
    background-size: 35px;
    background-color: #fdffed;
    color: #683b38;
    padding: 15px 10px 15px 30px;
    text-decoration: none;
    border: 1px solid #d1d3ba;
    text-align: center;
    font-size: 1.2em;
    font-weight: 700;
    border-radius: 10px;
}

.mother_diagnosis-btn a.display_pc {
    display: none;
}

.mother_ranking-btn {
    width: 80%;
    margin: 0;
    display: inline-block;
    background: #fadeea;
    color: #df6555;
    padding: 15px 10px;
    text-decoration: none;
    border: 1px solid #d1c1a9;
    text-align: center;
    font-size: 1.2em;
    font-weight: 700;
    border-radius: 10px;
}

.mother_ranking-btn:hover {
    text-decoration: none;
    opacity: .8;
    color: #df6555;
}

.mother_diagnosis-btn02 {
    margin-bottom: 30px;
}

.mother_diagnosis-btn02 a {
    display: block;
    background: #fadeea;
    color: #df6555;
    padding: 10px;
    text-decoration: none;
    border: 1px solid #d1c1a9;
    text-align: center;
    font-size: 1.2em;
    font-weight: 700;
    border-radius: 10px;
}

.mother_diagnosis-btn02 a.display_pc {
    display: none;
}

.mother_diagnosis-des02 {
    color: #777;
    font-size: .75em;
    font-weight: 300;
}

.mother_diagnosis-dec02 {
    font-weight: 900;
    font-size: 1.5em;
}

.mother_diagnosis-dec02:after {
    font-family: 'FontAwesome';
    content: '\f0a9';
    margin-left: 3px;
}


.mother-chart-btn {
    margin: 0 15px;
    position: relative;
}

.mother-chart-btn a.display_pc {
    display: none;
}

.mother-chart-btn img {
    width: 100%;
    height: auto;
}

.mother-chart-btn a {
    display: block;
}

.mother-chart-btn a:hover {
    opacity: .6;
}

.mother-chart-btn:before,
.mother-chart-btn:after {
    bottom: 15px;
    box-shadow: 0 12px 10px rgba(0, 0, 0, 0.8);
    content: "";
    left: 9px;
    max-width: 120px;
    position: absolute;
    top: 40%;
    transform: rotate(-7deg);
    width: 50%;
    z-index: -1;
}

.mother-chart-btn:after {
    left: auto;
    right: 9px;
    transform: rotate(7deg);
}

/* contents--ttl
------------------------------------------------------- */
.mother-contents--ttl {
    position: relative;
}

.mother-contents--ttl img {
    position: absolute;
    top: 10px;
    left: 0;
    width: 200px;
}

.mother-contents--ttl p {
    position: absolute;
    top: 65px;
    left: 15px;
    color: #e66896;
}

.mother-contents--ttl h2 {
    font-weight: 800;
    text-align: left;
    font-size: 1.5em;
    line-height: 1.2em;
    font-weight: 500;
    padding: 90px 15px 10px;
    margin: 0 0 20px;
    color: #996600;
    background: #faf0de;
}

.mother-contents--ttl h2 span {
    color: #d2443b;
}

.contents--appeal {
    padding: 0 15px;
    font-size: .9em;
}

.contents--appeal p {
    display: inline;
}

.contents--appeal p em {
    font-style: normal;
    color: #d64646;
}

.ttl-purple {
    color: #994099;
}

.ttl-red {
    color: #d64646;
}

.ttl-pink {
    color: #f68ea7;
}

.ttl-coral-red {
    color: #f4806c;
}

.mother-contents h3 {
    padding: 20px 0;
    font-size: 1.2em;
    text-align: center;
    border-bottom: 1px dotted #cc9900;
    margin-bottom: 20px;
}

.info-mother {
    width: 100%;
}

.info-mother.mt30,
.info-mother.mt30-mt50 {
    margin-top: 30px;
}

.info-mother img {
    width: 100%;
    height: auto;
}

/* //contents--ttl
------------------------------------------------------- */
/* PRODUCT
------------------------------------------------------- */

.product_des {
    font-size: 0.9em;
    line-height: 1.6em;
    margin-bottom: 10px;
}

.product_des span {
    font-size: .8em;
    color: #777;
}

.product_des em {
    font-style: normal;
    color: #d64646;
}

.product_code {
    font-size: 0.8em;
    margin-bottom: 5px;
}

a.product_link:link,
a.product_link:visited {
    color: #C7000B;
    text-decoration: none;
}

.product_name a.product_link:hover {
    text-decoration: underline;
}

.price {
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 5px;
}

.price span.tax {
    font-size: .8em;
}

.price span.tax.small {
    font-size: .5em;
}

.product_emp {
    margin-bottom: 10px;
}

.product_emp em {
    font-style: normal;
    color: #e66896;
}


.contents--col1.totalset01 .price {
    margin-bottom: 10px;
}

.contents--col4.totalset02 li {
    overflow: hidden;
}

.contents--col4 .contents--img {
    width: 45%;
    float: left;
    margin-right: 5%;
}

.contents--col4.totalset02 .product_cd {
    width: 50%;
    float: left;
}

.contents--col4.totalset02 .product_name {
    width: 50%;
    float: left;
}

.contents--col4.totalset02 .product_title {
    width: 50%;
    float: left;
}

.contents--col4.totalset02 .price {
    width: 50%;
    float: left;
    margin-left: 50%;
    margin-bottom: 10px;
}

.product_title_deco {
    color: #ba7f02;
    font-size: 1.1em;
    border-bottom: 3px dotted #ba7f02;
    padding: 5px 0 15px;
    display: block;
}

.product_title_deco:first-letter {
    font-size: 1.1em;
    color: #fff;
    background: #ba7f02;
    padding: 5px 10px;
    width: 25px;
    height: 25px;
    margin-right: 5px;
}

.product_spec {
    font-size: 0.8em;
    margin-bottom: 30px;
    clear: left;
}



.btn_cart a {
    padding: 10px 10px;
    font-size: 1em;
}

.btn_detail a {
    padding: 10px 10px;
    font-size: 1em;
}

.mother_btn_cart a {
    display: block;
    padding: 8px 10px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    border: solid 1px #DA3940;
    background: #DA3940;
    text-align: center;
    letter-spacing: 0.2em;
    font-size: 0.5em;
    width: 95%;
    margin: 10px auto;
}

.contents--col1-r .price,
.contents--col1 .price,
.contents--col2 .price,
.contents--col3 .price,
.contents--col4 .price {
    text-align: right;
}

.i879-set .contents--col2 .price {
    text-align: left;
}

.contents--col1 .contents--img,
.contents--col2 .contents--img,
.contents--col3 .contents--img,
.contents--col4 .contents--img,
.contents--col5 .contents--img,
.contents--motherrank .contents--img {
    position: relative;
}


.contents--col1 .contents--img span.rank_spc,
.contents--col4 .contents--img span.rank_spc,
.contents--motherrank .contents--img span.rank_spc {
    position: absolute;
    width: 70px;
    top: -10px;
    left: -10px;
}

.contents--col1 .contents--img span.rank_spc {
    width: 80px;
}

.contents--col1 .contents--img .rank_spc img,
.contents--col4 .contents--img .rank_spc img,
.contents--motherrank .contents--img .rank_spc img {
    width: 100%;
    height: auto;
}

.contents--col1 .zoom_g,
.contents--col2 .zoom_g,
.contents--col3 .zoom_g,
.contents--col4 .zoom_g,
.contents--col5 .zoom_g {
    display: none;
}

.contents--col1 .contents--img img,
.contents--col2 .contents--img img,
.contents--col3 .contents--img img,
.contents--col4 .contents--img img,
.contents--col5 .contents--img img {
    width: 100%;
    height: auto;
}

.contents--col1 .row,
.contents--col2 .row,
.contents--col3 .row,
.contents--col4 .row,
.contents--col5 .row {
    clear: both;
}

.contents--col1 li {
    padding: 20px 15px 30px;
    overflow: hidden;
}

.contents--col1 .contents--img {
    margin-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
}

.contents--col2 li {
    padding: 20px 15px 30px;
    overflow: hidden;
}

.contents--col2 .contents--img {
    margin-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
}

.contents--col2 .product_title span {
    display: block;
    color: #d64646;
    font-size: 1.1em;
    margin-top: 20px;
}

.contents--col1 li,
.contents--col3 li,
.contents--col4 li,
.contents--col5 li {
    padding: 20px 15px 30px;
    overflow: hidden;
}

.contents--col3 .contents--img,
.contents--col4 .contents--img,
.contents--col5 .contents--img {
    width: 45%;
    float: left;
    margin-right: 5%;
}

.contents--col5 .contents--img {
    margin-bottom: 20px;
}

.contents--col5 .row {
    width: 100%;
    clear: both;
}

.btn_combi {
    font-weight: bold;
    display: block;
    text-align: center;
}

.btn_combi i {
    margin-left: 3px;
}

.contents--col1 .btn_combi {
    margin: 5px auto 0;
}

.contents--col2 .btn_combi,
.contents--col3 .btn_combi,
.contents--col4 .btn_combi,
.contents--col5 .btn_combi {
    margin: 5px auto;
    font-size: .9em;
}

.contents--col3 .contents--img {
    position: relative;
}

.contents--col2 .contents--img .sold_out {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(100, 100, 100, .5);
    color: #fff;
    display: block;
    width: calc(100% - 10px);
    height: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 1.2em;
    padding-top: 45%;
}

.contents--col1 .contents--img .sold_out,
.contents--col3 .contents--img .sold_out,
.contents--col4 .contents--img .sold_out,
.contents--col5 .contents--img .sold_out {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(100, 100, 100, .5);
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 1.2em;
    padding-top: 45%;
}

.contents--col1 .so_price,
.contents--col2 .so_price,
.contents--col3 .so_price,
.contents--col4 .so_price,
.contents--col5 .so_price {
    font-weight: 700;
    color: #C7000B;
    font-size: 1.2em;
    padding: 10px;
    text-align: center;
}


.contents--col1 .contents--img,
.contents--col2 .contents--img,
.contents--col3 .contents--img,
.contents--col4 .contents--img,
.contents--col5 .contents--img {
    position: relative;
}


/* contents--col1-slider
------------------------------------------------------- */
.contents--col1-slider {
    overflow: hidden;
}

.contents--col1-slider img {
    width: 100%;
    height: auto;
    padding: 0 25px 0;
}

.contents--col1-slider {
    padding: 20px 0 30px;
}

.contents--col1-l {
    margin-bottom: 15px;
    padding: 0 0 0;
}

.contents--col1-r {
    margin-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
}

.contents--col1-slider .btn_detail a {
    padding: 10px 10px;
    font-size: 1em;
}

.contents--col1-slider .btn_cart a {
    padding: 10px 10px;
    font-size: 1em;
}

/* //contents--col1-slider
------------------------------------------------------- */

.more_btn {
    background: #fcfaf1;
    border: 1px solid #d1c1a9;
    border-radius: 10px;
    margin: 0 15px;
    font-size: .95em;
    text-align: center;
}

.more_btn a,
.more_btn a:hover {
    color: #a6865a;
    text-decoration: none;
}

.more_btn a {
    display: block;
    padding: 15px;
}

.more_btn a:hover {
    opacity: .6;
}

.more_btn strong:after {
    font-family: 'FontAwesome';
    content: '\f0a9';
    font-size: 1.3em;
    vertical-align: middle;
    margin-left: 3px;
}

.more_btn.more_btn_reco {
    background: #fadeea;
    margin: 15px 15px 0;
}

.more_btn.more_btn_reco a,
.more_btn.more_btn_reco a:hover {
    color: #df6555;
    text-decoration: none;
}

.more_btn.more_btn_reco.blue01 {
    background: #e8f4fc;
}

.more_btn.more_btn_reco.blue01 a,
.more_btn.more_btn_reco.blue01 a:hover {
    color: #003b96;
    text-decoration: none;
}

.more_btn.more_btn_reco.mb40 {
    margin-bottom: 40px
}

.more_btn.more_btn_reco.mb30 {
    margin-bottom: 30px
}

.more_btn.more_btn_reco.mt00 {
    margin-top: 0
}

.more_btn.mt30 {
    margin-top: 30px;
}

.more_btn.mt20-mt50 {
    margin-top: 20px;
}

/* //PRODUCT
------------------------------------------------------- */


.gotoAnchorWrap {
    margin: 20px 0;
    padding: 15px 0;
    text-align: right;
    border-top: 1px solid #fec0cb;
    border-bottom: 1px solid #fec0cb;
}

.fathersday_special .gotoAnchorWrap {
    border-top: 1px dotted #ffa500;
    border-bottom: 1px dotted #ffa500;
}

.column_box .gotoAnchorWrap {
    padding: 20px 0;
}

.gotoAnchor span:after {
    content: "\A";
    white-space: pre;
}

.gotoAnchor {
    height: 46px;
    padding: 0 20px 0;
    position: relative;
    display: inline-block;
    line-height: 46px;
    font-size: 14px;
}

.gotoAnchor {
    height: auto;
    padding: 0 20px 0;
    position: relative;
    display: inline-block;
    ;
    line-height: 1.8em;
    font-size: 14px;
}

.set-long .gotoAnchor {
    padding: 0 10px 0 0;
}

.gotoAnchorWrap a {
    color: #7a7a7a;
}

.gotoAnchorWrap a:hover {
    opacity: .6;
}

.gotoAnchor:hover,
.gotoAnchor:focus {
    text-decoration: none;
}

.gotoAnchor::before {
    content: '';
    width: 42px;
    height: 42px;
    position: absolute;
    top: -7px;
    left: 47px;
    display: block;
    /*background-position:47px 7px;*/
}

/*
.gotoAnchor.mh00style::before {
    background: url(//images.i879.com/image/father/father_gototop.png) 0 0 / cover no-repeat;left: 0;
}
.gotoAnchor.keirou_style::before {
    background: url(//images.i879.com/image/season/keirou_gototop.png) 0 0 / cover no-repeat;left: 0;
}

.gotoAnchor.rose_style::before {
    background: url(//images.i879.com/image/season/rose_gototop.png) 0 0 / cover no-repeat;
    left: 0;
}
*/
.gotoAnchor.obon_style::before {
    background: url(//images.i879.com/image/season/obon01_gototop.png) 0 0 / cover no-repeat;
    left: 0;
}

.gotoAnchor.sunflower_style::before {
    background: url(//images.i879.com/image/father/father_gototop.png) 0 0 / cover no-repeat;
    left: 0;
}

.gotoAnchor.summer_style::before {
    background: url(//images.i879.com/image/father/father_gototop.png) 0 0 / cover no-repeat;
    left: 0;
}

.gotoAnchor.orange_r_style::before {
    background: url(//images.i879.com/image/season/orange_rose_gototop.png) 0 0 / cover no-repeat;
}

.gotoAnchor.blue_s_style::before {
    background: url(//images.i879.com/image/season/blue_snow_gototop.png) 0 0 / cover no-repeat;
}

.gotoAnchor.pp00style::before {
    background: url(//images.i879.com/image/season/newyear_gototop.png) 0 0 / cover no-repeat;
}

.gotoAnchor.rosestyle::before {
    left: 0px;
    background: url(//images.i879.com/image/season/rose_gototop.png) 0 0 / cover no-repeat;
}

/*
.gotoAnchor.mx00style::before {
    left: 0px;
    background: url(//images.i879.com/image/season/spring_gototop.png) 0 0 / cover no-repeat;
}
*/

.gotoAnchor::after {
    content: '▲';
    margin-left: .3em;
}

.gotoAnchor_end {
    background-image: url(//images.i879.com/image/mother2018/line_dot_top.png);
    background-position: left bottom, left bottom, left bottom;
    background-repeat: repeat-x, repeat-x, repeat-x;
    padding-bottom: 30px
}

p.howto_delivery_ttl {
    font-size: 1.1em;
    font-weight: bold;
    padding: 5px 15px;
    color: #663333;
    background-color: #f9f3ed;
    border-top: solid 2px #b9a097;
    margin-bottom: 20px;
}

.cancel_reception {
    padding: 0 15px 10px
}

.cancel_reception li:first-child {
    color: #FF3333;
    font-weight: bold;
}

.cancel_reception_convini p {
    background: #eb6464;
    color: #fff;
    text-align: center;
    margin: -30px -20px 10px;
    padding: 10px;
    border: 1px solid #eb6464;
}

.cancel_reception_convini {
    margin: 40px 20px 40px;
    padding: 20px 20px 10px;
    background: #fdeff5;
    border: 1px solid #eb6464;
    color: #3e3a39;
}

.cancel_reception_convini ul {
    font-size: .9em;
}

.attention_cancel ul {
    padding: 0 15px 20px;
}

.attention_cancel_list {
    padding: 0 15px 10px;
}

.cancel_ttl {
    color: #FF3333;
    font-weight: bold;
    margin-left: 15px;
}

.btn_cancel li {
    margin-bottom: 40px;
}

.btn_cancel li:first-child {
    margin-bottom: 30px;
}

.btn_cancel li a {
    display: block;
    text-decoration: none;
    background: #f9f3ed;
    padding: 10px;
    color: #663333;
    font-weight: bold;
    border: solid 1px #b9a097;
    font-size: .9em;
    line-height: 1.5em;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.within {
    color: #ff759b;
}

.orlater {
    color: #1E99FD;
}

/* TIME TABLE
------------------------------------------------------- */
.schedule_list_ttl span {
    background: linear-gradient(transparent 40%, #ffff66 40%);
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 1.2em;
}

.schedule_list_ttl {
    margin: 0 0 10px 15px;
}

table.ate_table {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    margin-bottom: 10px
}

.ate_table thead th {
    background: #f1e4d8;
    padding: 10px 5px;
    border: 1px solid #ccc;
    color: #663333;
}

.ate_table tbody th {
    width: 16%;
    padding: 10px;
    border: 1px solid #ccc;
    color: #663333;
}

.ate_table td {
    width: 16%;
    padding: 10px;
    border: 1px solid #ccc;
    color: #663333;
}

.ate_table tbody th span:before,
.ate_table tbody td span:before {
    content: "\A";
    white-space: pre
}

.ate_table tbody td span {
    margin-left: 10px
}

.schedule_list_vernor_arrow {
    padding-top: 15%;
}

.schedule_list_ver02_outer table.ate_table {
    width: 650px;
}

.schedule_notice {
    padding: 10px 15px;
    font-size: 1em;
    color: #333;
}

/* //TIME TABLE
----------------------------------------------------- */
/* SPECIAL GIFT
----------------------------------------------------- */


.notice_set {
    width: 96%;
    margin: 0 auto 30px;
    padding: 5px 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #fdfdfd;
    border: 1px solid #d0c1ba;
}

.notice_set.mt30 {
    margin-top: 30px;
}

.notice_set_ttl {
    color: #ef8cb8;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 5px;
    text-align: center;
}

.notice_set_des1 {
    color: #74542c;
    font-weight: bold;
    font-size: .98em;
    margin-bottom: 2px;
}

.notice_set_des2 {
    color: #582021;
    font-size: .78em;
}

.notice_set img {
    display: none;
}

/* //SPECIAL GIFT
----------------------------------------------------- */

/* column index
----------------------------------------------------- */
.mothercolumn_index p {
    text-align: center;
    color: #714141;
    font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-weight: bold;
    background-color: #ffd9ec;
    padding: 15px 0;
    margin: 0;
    font-size: 1.2em;
}

.mothercolumn_index a:hover {
    text-decoration: none;
}

.mothercolumn_index p:hover {
    color: #ffffff;
    background-color: #ff9dca;
}

/* //column index
----------------------------------------------------- */

.tilt-notice {
    border: 2px solid #ffe567;
    background: #fffded;
    padding: 5px 10px;
    text-align: center;
    margin: 0 15px 20px;
}

.tilt-notice-big {
    font-size: 1.2em;
    font-weight: 700;
    color: #fa0418;
}

.tilt-notice p span {
    font-weight: 700;
    color: #fa0418;
}

/*EX PRODUCT TAG*/
.ex-product-tag {
    margin: 0 15px auto;
    background: #fffde9;
    border: 2px solid #f68ea7;
    padding: 10px;
    overflow: hidden;
}

.ex-product-tag dt {
    width: 100px;
    margin-right: 10px;
    float: left;
}

.ex-product-tag dd {
    font-size: .9em;
}

.ex-product-tag dd p {
    display: inline;
}

.ex-ttl {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 5px;
}

.mother-contents h3.ex-ttl {
    padding: 0;
    margin-top: 0;
    text-align: left;
    border-bottom: none;
    color: #f68ea7;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 5px;
}

.ex-product-tag dd p.ex-ttl {
    display: block;
    color: #f68ea7;
}

.info-mother.mt30-mt50 {
    margin-top: 50px;
}

/*HEADOING*/
.heading-mini {
    color: #d6013b;
    text-shadow: 0 0 5px white;
    padding: 10px 15px;
    margin: 30px 0 20px;
    font-size: 1.2em;
    text-align: center;
    background: #fee8ea;
}

.birth-list img {
    width: 100%;
}

.ex-colore-outer {
    padding: 10px 15px;
}

.ex-colore {
    margin-bottom: 10px;
}

.ex-colore p {
    display: inline;
}

.ex-colore-outer img {
    margin: 0 auto;
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

/* 191010 BIRTH LIST
------------------------------------------------------- */
h2.mother-list-ttl {
    text-align: center;
    font-size: 1.5em;
    color: #353535;
    line-height: 1em;
    font-weight: 700;
    margin: 0;
}

h2.mother-list-ttl {
    font-size: 1em;
    margin: 1em 0;
    padding: 10px;
    color: rgb(113, 65, 65);
    text-align: center;
}

h2.mother-list-ttl span:before {
    content: '';
    display: inline-block;
    width: 40px;
    height: 32px;
    margin-right: 10px;
    background-image: url(//images.i879.com/image/mother/carna_tt_l.png);
    background-size: contain;
    vertical-align: middle;
}

h2.mother-list-ttl span:after {
    content: '';
    display: inline-block;
    width: 40px;
    height: 32px;
    margin-left: 10px;
    background-image: url(//images.i879.com/image/mother/carna_tt_r.png);
    background-size: contain;
    vertical-align: middle;
}

h4.mother-list-ttl {
    font-size: 1em;
    margin: 1em 0;
    padding: 10px;
    color: rgb(113, 65, 65);
    text-align: center;
}

h4.mother-list-ttl span:before {
    content: '';
    display: inline-block;
    width: 40px;
    height: 32px;
    margin-right: 10px;
    background-image: url(//images.i879.com/image/mother/carna_tt_l.png);
    background-size: contain;
    vertical-align: middle;
}

h4.mother-list-ttl span:after {
    content: '';
    display: inline-block;
    width: 40px;
    height: 32px;
    margin-left: 10px;
    background-image: url(//images.i879.com/image/mother/carna_tt_r.png);
    background-size: contain;
    vertical-align: middle;
}

h3.mother-list-ttl {
    font-size: 1em;
    padding: 50px 10px 20px;
    color: rgb(113, 65, 65);
    text-align: center;
}

h3.mother-list-ttl span:before {
    content: '';
    display: inline-block;
    width: 40px;
    height: 32px;
    margin-right: 10px;
    background-image: url(//images.i879.com/image/mother/carna_tt_l.png);
    background-size: contain;
    vertical-align: middle;
}

h3.mother-list-ttl span:after {
    content: '';
    display: inline-block;
    width: 40px;
    height: 32px;
    margin-left: 10px;
    background-image: url(//images.i879.com/image/mother/carna_tt_r.png);
    background-size: contain;
    vertical-align: middle;
}

h3.father-list-ttl {
    font-size: 1em;
    padding: 50px 10px 20px;
    color: rgb(113, 65, 65);
    text-align: center;
}

h3.father-list-ttl span:before {
    content: '';
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 10px;
    background-image: url(//images.i879.com/image/father/father_gototop.png);
    background-size: contain;
    vertical-align: middle;
}

h3.father-list-ttl span:after {
    content: '';
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-left: 10px;
    background-image: url(//images.i879.com/image/father/father_gototop.png);
    background-size: contain;
    vertical-align: middle;
}

.fathersday_special h3.mother-list-ttl span:before {
    width: 40px;
    height: 40px;
    background-image: url(//images.i879.com/image/father/father_gototop.png);
}

.fathersday_special h3.mother-list-ttl span:after {
    width: 40px;
    height: 40px;
    background-image: url(//images.i879.com/image/father/father_gototop.png);
}

.keirouday_special h3.mother-list-ttl span:before {
    width: 40px;
    height: 40px;
    background-image: url(//images.i879.com/image/season/keirou_gototop.png);
}

.keirouday_special h3.mother-list-ttl span:after {
    width: 40px;
    height: 40px;
    background-image: url(//images.i879.com/image/season/keirou_gototop.png);
}

h3.father-list-ttl span:before {
    width: 40px;
    height: 40px;
    background-image: url(//images.i879.com/image/father/father_gototop.png);
}

h3.father-list-ttl span:after {
    width: 40px;
    height: 40px;
    background-image: url(//images.i879.com/image/father/father_gototop.png);
}

.mother-list-outer {
    display: table;
    width: 1000px;
}

.mother-list {
    margin-bottom: 30px;
}

.mother-list li {
    display: table-cell;
    width: 25%;
}

.mother-list.col5 li {
    display: table-cell;
    width: 20%;
}

.mother-list li a:hover dl dt {
    background: #fddfdf;
    opacity: .6;
}

.green02 .mother-list li a:hover dl dt {
    background: #e9f8f0;
}

.mother-list li a dl dt {
    color: #ce0338;
}

.mother-list li dl dt {
    border: solid 1px #d4b5b6;
    background: #fffde9;
    overflow: hidden;
    position: relative;
    height: 70px;
    line-height: 1.2em;
}

.mother-list li dl dt img {
    width: 100px;
    position: absolute;
    left: -5px;
    top: -5px;
}

.mother-list-sttl {
    position: absolute;
    right: 15px;
    font-weight: bold;
    font-size: 1.2em;
    top: 50%;
    transform: translateY(-50%);
    color: #ce0338;
}

.green02 .mother-list-sttl {
    color: #00661a;
}

.blue01 .mother-list-sttl {
    color: #244A9E;
}

.blue01 .mother-list li a:hover dl dt {
    background: #e8f4fc;
    opacity: .6;
}

.col5 .mother-list-sttl {
    font-size: 1em;
}

.mother-list-sttl {
    text-shadow: 2px 0px 0px #fff, 0px 2px 0px #fff, -2px 0px 0px #fff, 0px -2px 0px #fff;
}

.mother-list-sttl.yaver {
    top: 25%;
    transform: translateY(-25%);
}

.mother-list-sttl:after {
    font-family: 'FontAwesome';
    content: '\f0a9';
    vertical-align: middle;
    margin-left: 3px;
}

.mother-list-sttl span {
    font-weight: normal;
    font-size: .8em;
}

.mother-list-sttl span::after {
    content: "\A";
    white-space: pre;
}

.mother-list li dl dd {
    font-size: .8em;
    padding: 5px;
}

.mother-list li.Present-location dl dt {
    background: #fd517b;
    color: #fddfdf;
}

.i879-list {
    display: flex;
    margin: 0;
    padding: 0;
}

.i879-list li a:hover {
    background: #fddfdf;
    opacity: .6;
}

.i879-list li a {
    color: #ce0338;
}

.i879-list li {
    border: solid 1px #d4b5b6;
    background: #fffde9;
    overflow: hidden;
    position: relative;
    height: 70px;
    line-height: 1.2em;
}

.i879-list li {
    width: 250px;
    max-width: 250px;
    min-width: 250px;
    height: 70px;
}

.i879-list img {
    width: 100px;
    position: absolute;
    left: -5px;
    top: -5px;
}

/* //191010 BIRTH LIST
------------------------------------------------------- */


/* 191023 PRICE LIST
------------------------------------------------------- */
.price-list {
    margin-bottom: 30px;
    height: 120px;
}

.price-list li {
    display: block;
    width: 50%;
    float: left;
    text-align: center;
    height: 60px;
    border: solid 1px #d4b5b6;
    background: #fffde9;
    line-height: 60px;
}

.price-list li:hover {
    background: #fddfdf;
    opacity: .6;
}

.price-list li a:hover {
    text-decoration: none;
}

.price-list li span {
    color: #ce0338;
    font-weight: bold;
    font-size: 1.2em;
}

.price-list li span::before {
    content: "●\A";
}

.green02 .price-list li span {
    color: #00661a;
}

.green02 .price-list li:hover {
    background: #e9f8f0;
    opacity: .6;
}

.blue01 .price-list li span {
    color: #244A9E;
}

.blue01 .price-list li:hover {
    background: #f5f9fc;
    opacity: .6;
}

.blue02 .price-list li span {
    color: #265b89;
}

.blue02 .price-list li:hover {
    background: #f5f9fc;
    opacity: .6;
}

/* //191023 PRICE LIST
------------------------------------------------------- */

/* 200220 STYLE LIST
------------------------------------------------------- */
.style-list {
    margin-bottom: 30px;
    height: 120px;
}

.style-list li {
    display: block;
    width: 50%;
    float: left;
    text-align: right;
    height: 60px;
    border: solid 1px #d4b5b6;
    background: #fffde9;
    line-height: 60px;
    position: relative;
    overflow: hidden;
}

.style-list li:hover {
    background: #fddfdf;
    opacity: .6;
}

.style-list li a:hover {
    text-decoration: none;
}

.style-list li span {
    color: #ce0338;
    font-weight: bold;
    font-size: 1em;
    line-height: 1.2em;
    text-shadow: 2px 0px 0px #fff, 0px 2px 0px #fff, -2px 0px 0px #fff, 0px -2px 0px #fff;
}

.style-list li img {
    width: 100px;
    position: absolute;
    left: -5px;
    top: -5px;
}

/* //200220 PRICE LIST
------------------------------------------------------- */
.slick-prev::before {
    content: '〈';
}

.slick-next::before {
    content: '〉';
}

.slick-prev::before,
.slick-next::before {
    font-size: 20px;
}

.contents--col1-l .slick-prev,
.contents--col1-l .slick-next {
    position: absolute;
    z-index: 10;
    width: 35px;
    height: 35px;
    background-color: rgba(250, 186, 174, .8);
    color: #fff;
    display: block;
    top: 50%;
    outline: 0;
    border-radius: 8px;
    /* CSS3 */
    -webkit-border-radius: 8px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 8px;
    /* Firefox用 */
    box-shadow: 2px 2px 4px #ccc;
    cursor: pointer;
}

.contents--col1-l .slick-prev {
    left: 10px;
}

.contents--col1-l .slick-next {
    right: 10px;
    padding-left: 12px;
}

.model_carnation {
    margin: 10px 5px;
    text-align: center;
    font-weight: 700;
    color: #000;
    text-shadow: 0 -1px 1px #fff, -1px 0 1px #fff, 1px 0 1px #fff, 0 1px 1px #fff, 1px 1px 1px #888, 2px 2px 2px #888, 3px 3px 3px #888;
}

/* contents--ttl
------------------------------------------------------- */
.i879-contents--ttl {
    position: relative;
    padding: 25px 10px 15px 75px;
    background: #e8f8f7;
    margin-bottom: 10px;
    min-height: 82px;
}

.i879-contents--ttl img {
    position: absolute;
    top: 0;
    left: 0;
}

.i879-contents--ttl p {
    position: absolute;
    top: 5px;
    left: 0;
    padding: 0 0 0 75px;
}

.i879-contents--ttl h2 {
    font-size: 1.3em;
    margin: 0 0 0 0;
    font-weight: 800;
    text-align: left;
    color: #714141;
    line-height: 1.2em;
}

.i879-contents--ttl.mt01 {
    background: #fed2d2;
}

.i879-contents--ttl.mt01 p {
    color: #e95a76;
}

.i879-contents--ttl.mh00 {
    background: #e8f4fc;
}

.i879-contents--ttl.mh00 p {
    color: #13a9cc;
}

span.i879-contents--ttl-deco {
    color: #fff;
    background: #1e4b9e;
    border-radius: 75px;
    position: absolute;
    margin: -75px;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 20px;
    transform: rotate(-21deg);
    padding: 5px;
    font-size: 15px;
    font-family: cursive;
}

span.i879-contents--ttl-deco.red01 {
    color: #fff;
    background: #e43232;
}

span.i879-contents--ttl-deco.yellow01 {
    color: #fff;
    background: #ffb719;
}

span.i879-contents--ttl-deco.line2 {
    padding: 13px 5px;
    font-size: 12px;
}

span.i879-contents--ttl-deco.line2-small {
    padding: 15px 0;
    font-size: 10px;
}

span.i879-contents--ttl-deco.line3 {
    padding: 8px 0;
    font-size: 12px;
    line-height: 1.5em;
}

.ml10 span.i879-contents--ttl-deco {
    color: #fff;
    background: #bb7e00;
    padding: 13px 5px;
}

.osonae-obon span.i879-contents--ttl-deco {
    padding: 13px 5px;
}

.summer span.i879-contents--ttl-deco {
    padding: 13px 5px;
}

.sunflower span.i879-contents--ttl-deco {
    color: #fff;
    background: #ffb719;
    padding: 13px 5px;
    font-size: 12px;
}

.wedding span.i879-contents--ttl-deco {
    color: #fff;
    background: #ffa8c5;
    line-height: 20px;
    padding: 10px 5px;
    font-size: 11px;
    line-height: 18px;
}

span.i879-contents--ttl-deco.pink01 {
    color: #fff;
    background: #ffa8c5;
}

.i879-contents--ttl.ml10 {
    background: #fefaef;
}

.i879-contents--ttl.ml10 p {
    color: #c39f09;
}

.i879-contents--ttl.ml10.v02 {
    background: #fdecd2;
}

.i879-contents--ttl.ml10.v02 p {
    color: #c39f09;
}

.i879-contents--ttl.xmas.xmas {
    background-color: #f1ecd6;
}

.i879-contents--ttl.xmas.xmas h2,
.i879-contents--ttl.xmas.xmas p {
    color: #996600;
}

.i879-contents--ttl.purple01 {
    background: #fcfaf1;
}

.i879-contents--ttl.blue01 {
    background: #e2ecfb;
}

.i879-contents--ttl.blue01 p {
    color: #244A9E;
}

.i879-contents--ttl.blue02 {
    background: #E8F4FC;
}

.i879-contents--ttl.blue02 p {
    color: #244A9E;
}

.i879-contents--ttl.nude {
    background: #fcfaf1;
}

.i879-contents--ttl.nude p {
    color: #f1696c
}

.i879-contents--ttl.nude01 {
    background: #fcfaf1;
}

.i879-contents--ttl.nude01 p {
    color: #f1696c
}

.i879-contents--ttl.nude02 {
    background: #f9f5e4;
}

.i879-contents--ttl.nude02 p {
    color: #339e97;
}

.i879-contents--ttl.pink {
    background: #ffe6e6;
}

.i879-contents--ttl.pink p {
    color: #FF8AB0
}

.i879-contents--ttl.pink01 {
    background: #ffe6e6;
}

.i879-contents--ttl.pink01 p {
    color: #f3447d
}

.i879-contents--ttl.pink02 {
    background: #fed2d2;
}

.i879-contents--ttl.pink02 p {
    color: #e95a76;
}

.i879-contents--ttl.pink03 {
    background: #ffd9ec;
}

.i879-contents--ttl.pink03 p {
    color: #714141;
}

.i879-contents--ttl.green01 {
    background: #e9f8f0;
}

.i879-contents--ttl.green01 p {
    color: #00661a
}

.i879-contents--ttl.orange01 {
    background: #f8d9b3;
}

.i879-contents--ttl.orange01 p {
    color: #e87f00
}

.i879-contents--ttl.yellow01 {
    background: #fffaf0;
}

.i879-contents--ttl.yellow01 p {
    color: #e87f00;
}

.i879-contents--ttl.yellow02 {
    background: #FFF4CB;
}

.i879-contents--ttl.yellow02 p {
    color: #e87f00;
}

/* //contents--ttl
------------------------------------------------------- */

.main_description {
    margin: 0 15px 20px;
    line-height: 1.5em;
    font-size: .9em;
    color: #777;
}

.main_description p {
    display: inline;
}

.main_description.mb00 {
    margin-bottom: 0;
}

.mother-list-nav-outer *,
.mother-list-nav-outer *:before,
.mother-list-nav-outer *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mother-list-nav-outer {
    width: auto;
    /*margin: 2em auto;*/
}

.mother-list-nav-outer label {
    font-weight: bold;
    position: relative;
    display: block;
    margin: auto;
    padding: 10px 15px;
    font-size: 1.2em;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
    color: #701a09;
    background: #ffeeee;
    border: 1px solid #b69eb0;
    margin-bottom: 5px;
}

.mother-list-nav-outer label:hover {
    transition: all 0.3s;
    color: #fff;
    background: #b69eb0;
}

.mother-list-nav-outer label::after {
    font-family: 'FontAwesome';
    content: ' \f067';
    color: #701a09;
}

.mother-list-nav-outer label:hover::after {
    color: #fff;
}

.mother-list-nav-outer input:checked~label::after {
    font-family: 'FontAwesome';
    content: ' \f068';
    color: #701a09;
}

.mother-list-nav-outer input:checked~label:hover::after {
    color: #fff;
}

.mother-list-nav-outer input {
    display: none;
}

.mother-list-nav-outer .mln_container {
    position: relative;
    z-index: 10;
    overflow: hidden;
    height: 0;
    margin-top: -1px;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    /*background: rgba(255, 255, 255, 0.5);*/
}

.mother-list-nav-outer input:checked~div {
    transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
}

.mother-list-nav-outer input:checked~div.mln_container {
    height: 180px;
}

.mother-list-nav-outer.listver input:checked~div.mln_container {
    height: 100px;
}

.mother-list-nav {
    overflow: hidden;
    margin-top: 10px;
}

.mother-list-nav li {
    width: 50%;
    float: left;
    border: solid 1px #d4b5b6;
    background: #fffde9;
    position: relative;
    line-height: 1.2em;
    height: 80px;
}

.mother-list-nav-sttl {
    color: #ce0338;
}

.mother-list-nav li img {
    width: 100px;
    position: absolute;
    left: -5px;
    top: -5px;
}

.mother-list-nav li a {
    display: block;
    color: #ce0338;
    height: 70px;
}

.mother-list-nav li:hover {
    background: #fddfdf;
    opacity: .6;
}

.mother-list-nav-sttl {
    position: absolute;
    right: 10px;
    font-weight: bold;
    font-size: 1.1em;
    top: 50%;
    transform: translateY(-50%);
}

.mother-list-nav-sttl:after {
    font-family: 'FontAwesome';
    content: '\f0a9';
    vertical-align: middle;
    margin-left: 3px;
}

.price-list.mt10 {
    margin-top: 10px;
}

.mother-list-nav-outer.green01 label {
    background: #e9f7f7;
}

.mother-list-nav-outer.green02 label {
    background: #e9f8f0;
}

.mother-list-nav-outer.blue01 label {
    background: #e8f4fc;
    color: #003b96;
}

.mother-list-nav-outer.blue01 label::after {
    color: #003b96;
}

.mother-list-nav-outer.blue01 label:hover,
.mother-list-nav-outer.blue01 label:hover::after,
.mother-list-nav-outer.blue01 input:checked~label:hover::after {
    color: #999999;
}

.mother-list-nav-outer.blue02 label {
    background: #e8f4fc;
    color: #1c588b;
}

.mother-list-nav-outer.blue02 label::after {
    color: #1c588b;
}

.mother-list-nav-outer.blue02 label:hover,
.mother-list-nav-outer.blue02 label:hover::after,
.mother-list-nav-outer.blue02 input:checked~label:hover::after {
    color: #999999;
}

/* 200220 STYLE LIST
------------------------------------------------------- */
.style-list {
    margin: 0 auto;
    width: 50%;
}

.style-list li {
    display: block;
    width: 50%;
}

.col4 .style-list {
    margin: 0 auto;
    width: 100%;
}

.col4 .style-list li {
    display: block;
    width: 25%;
}

/* //200220 PRICE LIST
------------------------------------------------------- */

/* SPECIAL CARD mother
----------------------------------------------------- */
.title_sp_card,
.title_sp_card_pc,
.title_sp_card_02,
.title_sp_card_02_pc {
    font-family: 'Noto Sans JP', 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

.title_sp_card,
.title_sp_card_pc {
    color: #d2443b;
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
}

.sp_card dt img.lb_loupe {
    display: block
}

/*.title_sp_card{margin-top:5px}*/
.sp_card {
    overflow: hidden;
    border-bottom: 1px dotted #ccc;
    margin: 0 -10px 10px;
    padding: 0 10px 20px;
    display: flex;
}

.sp_card dt {
    width: 45%;
    padding: 5px 0 0 5px;
    vertical-align: middle;
}

.contents--col1-slider .sp_card dt img {
    width: 100%;
    height: auto;
    padding: 0;
}

.sp_card dd {
    width: 55%;
    padding: 5px 5px 0 8px;
    vertical-align: middle;
}

.sp_card dd ul li {
    font-size: 0.8em;
    line-height: 1.2em;
}

/* SPECIAL CARD mother ver02  */
.title_sp_card_02,
.title_sp_card_pc_02 {
    background: #f3b2bc;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    margin: 10px 10px 10px;
    padding: 5px;
    font-weight: bold;
}

.sp_card_02 {
    display: flex;
    vertical-align: middle;
}

.sp_card_02 {
    padding: 0 10px 0;
}

.sp_card_02 dt {
    width: 45%;
    padding: 5px 0 0 5px;
}

.sp_card_02 dd {
    width: 55%;
    padding: 5px 5px 0 8px;
}

.sp_card_02 dt img {
    width: 100%;
    height: auto;
    padding: 0;
}

.sp_card_02 dd ul li {
    font-size: 0.8em;
    line-height: 1.2em;
}

.mother-contents .mother_quick2017_contents h3 {
    font-size: 1.5em;
    margin-top: 10px;
    padding: 0;
    font-size: 1.2em;
    text-align: left;
    border-bottom: none;
    margin-bottom: 0;
}


/* //SPECIAL CARD mother
----------------------------------------------------- */

.notice_santyoku {
    width: 96%;
    margin: 0 auto 10px;
    padding: 20px 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #fdfdfd;
    border: 1px solid #d0c1ba;
}

.notice_santyoku_ttl {
    color: #ef8cb8;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 10px;
    text-align: center;
}

.notice_santyoku ul {
    font-weight: bold;
    color: #DA3940;
}

.notice_santyoku ul li {
    margin-bottom: 10px;
    line-height: 1.2em;
}

.notice_santyoku ul li:last-child {
    margin-bottom: 0;
}

.mother-region .price span.tax {
    font-size: .7em;
}

.mother-contents--col3 {
    width: 100%;
    overflow: hidden;
}

.mother-contents--col2 {
    width: 100%;
    overflow: hidden;
}

/* contents--ttl
------------------------------------------------------- */
.mother-contents--ttl {
    position: relative;
}

.mother-contents--ttl img {
    position: absolute;
    top: 10px;
    left: 0;
    width: 200px;
}

.mother-contents--ttl p {
    position: absolute;
    top: 65px;
    left: 15px;
    color: #e66896;
}

.mother-contents--ttl h2 {
    font-family: "Noto Sans JP", 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.mother-contents--ttl h2 {
    font-weight: 800;
    text-align: left;
    font-size: 1.5em;
    line-height: 1.2em;
    font-weight: 500;
    padding: 90px 15px 10px;
    margin: 0 0 20px;
    color: #996600;
    background: #faf0de;
}

.mother-contents--ttl h2 span {
    color: #d2443b;
}

.contents--appeal {
    padding: 0 15px;
    font-size: .9em;
}

.contents--appeal p {
    display: inline;
}

.contents--appeal p em {
    font-style: normal;
    color: #d64646;
}

.ttl-purple {
    color: #994099;
}

.ttl-red {
    color: #d64646;
}

.mother-contents h3 {
    padding: 20px 0;
    font-size: 1.2em;
    text-align: center;
    border-bottom: 1px dotted #cc9900;
    margin-bottom: 20px;
}

.mother-contents--ttl.byage p {
    font-size: 1.4em;
    right: 15px;
}

.mother-contents--ttl.byage h2 {
    font-size: 1.4em;
    padding: 100px 15px 10px;
}

.mother-contents--ttl.byage.long h2 {
    font-size: 1.4em;
    padding: 130px 15px 10px;
}

/* PRODUCER MATERIALS
----------------------------------------------------- */
.producer_materials {
    vertical-align: bottom;
}

.producer_materials input {
    display: none;
}

.producer_materials label {
    cursor: pointer;
    display: block;
    padding: 10px;
    color: #9D887D;
    font-weight: bold;
    border: 1px solid #9D887D;
    border-bottom: none;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    background: #fff;
}

.producer_materials.last label {
    border-bottom: 1px solid #9D887D;
}

.producer_materials label :hover {
    color: #fff;
    background: #9D887D;
}

.producer_materials .producer_panel {
    -webkit-transition: .3s ease;
    transition: .3s ease;
    height: 0;
    overflow: hidden;
    background: #FFFEEE;
    padding: 0;
    border-top: 1px solid #9D887D;
}

.producer_materials .producer_panel {
    font-size: 0.8em;
}

.producer_materials input:checked+.producer_panel {
    height: auto;
    padding: 10px 15px
}

.producer_panel dl dt {
    width: 80%;
    margin: 10px auto;
}

.producer_panel dl dt img {
    width: 100%;
}

.producer_panel_co i {
    color: #943439;
    margin-right: 5px;
}

.producer_panel_co {
    text-shadow: 2px 2px #c5c4c4;
    font-size: 1.5em;
    color: #292929;
    font-weight: bold;
}

.producer_panel_ttl {
    font-size: 1.2em;
    color: #943439;
    border-bottom: 1px solid #943439;
    padding: 3px 10px 5px;
    margin-bottom: 10px;
}

.producer_panel_des {
    margin-bottom: 15px;
    padding: 0 13px;
}

.producer_panel_des ol {
    margin: 10px 5px;
}

.producer_panel_des ol li {
    list-style: decimal;
    list-style-position: inside;
}

/*220729*/
.producer_detail {
    font-size: 0.8em;
    padding: 10px 15px;
    background: #FFFEEE;
}

.producer_detail dt {
    width: 80%;
    margin: 10px auto;
}

.producer_detail dl dt img {
    width: 100%;
}

.producer_materials h3 {
    cursor: pointer;
    display: block;
    padding: 10px;
    color: #9D887D;
    background: #fff;
    font-weight: bold;
    border: 1px solid #9D887D;
}

/*//220729*/

.producer_info_ttl_outer {
    position: relative;
    background: #ffd9ec;
    background-image: url(///images.i879.com/image/mother/mother_mark05.png);
    background-repeat: no-repeat;
    background-size: 100px auto;
    background-position: 98% 60%;
    min-height: 75px;
    padding: 10px 10px 20px 80px;
    color: #714141;
}

.producer_info_ttl_outer img {
    position: absolute;
    top: 0;
    left: 0;
}

.producer_info_ttl_heading {
    position: absolute;
    top: 35px;
    left: 80px;
    font-weight: 800;
    font-size: 1.3em;
}

.producer_info_ttl_des {
    position: absolute;
    top: 10px;
    left: 80px;
    font-weight: 500;
}

/* //PRODUCER MATERIALS
----------------------------------------------------- */

/* SPECIAL GIFT
----------------------------------------------------- */

h2.specialgift-ttl {
    position: relative;
    ;
    overflow: hidden;
    font-family: "Noto Sans JP", 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: left;
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: 700;
    margin: 0;
    color: #fff;
    padding: 10px 15px 10px 110px;
}

h2.specialgift-ttl {
    background: #996600;
    background: #d2443b;
}

.specialgift-logo {
    color: #3e3a39;
    font-family: 'Libre Baskerville', serif;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 10px;
    padding-top: 9%;
    font-size: .8em;
    background: #ffeeb2;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(left, #ffeeb2 0%, #ffeeb2 30%, #ffffff 50%, #ffeeb2 70%, #ffeeb2 100%);
    background: -o-linear-gradient(left, #ffeeb2 0%, #ffeeb2 30%, #ffffff 50%, #ffeeb2 70%, #ffeeb2 100%);
    background: linear-gradient(to right, #ffeeb2 0%, #ffeeb2 30%, #ffffff 50%, #ffeeb2 70%, #ffeeb2 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeb2', endColorstr='#ffeeb2', GradientType=1);
    /* IE6-9 */
}


.notice_set {
    width: 98%;
    margin: 0 auto 30px;
    padding: 5px 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #fdfdfd;
    border: 1px solid #d0c1ba;
}

.notice_set.mt30 {
    margin-top: 30px;
}

.notice_set_ttl {
    color: #ef8cb8;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 5px;
    text-align: center;
}

.notice_set_des1 {
    color: #74542c;
    font-weight: bold;
    font-size: .98em;
    margin-bottom: 2px;
}

.notice_set_des2 {
    color: #582021;
    font-size: .78em;
}

.notice_set img {
    display: none;
}


.notice_santyoku {
    width: 96%;
    margin: 0 auto 30px;
    padding: 20px 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #fdfdfd;
    border: 1px solid #d0c1ba;
}

.notice_santyoku_ttl {
    color: #ef8cb8;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 10px;
    text-align: center;
}

.notice_santyoku ul {
    font-weight: bold;
    color: #DA3940;
}

.notice_santyoku ul li {
    margin-bottom: 10px;
    line-height: 1.2em;
}

.notice_santyoku ul li:last-child {
    margin-bottom: 0;
}

.i879-set .slider img {
    width: 100%;
    height: auto;
    padding: 0;
}

.i879-set .contents--col1-slider figcaption {
    color: #630;
    font-size: .75em;
    background: #fde082;
    padding: 10px;
    line-height: 2em;
}

.i879-set .product_title {
    margin: 10px;
}

.i879-set .product_des {
    padding: 10px;
    margin: 0 -10px;
    margin-bottom: 15px;
    border-bottom: 1px dotted #ccc;
}

.attention_md {
    font-style: normal;
    color: #DA3940;
    font-size: .75em;
    margin-bottom: 15px;
    display: block;
}


.product_lineup {
    padding: 0 15px 10px 15px;
    margin: 0 0 10px 0px;
    font-size: 0.8em;
    line-height: 1.2em;
    color: #3E3A39;
}

.p-ttl {
    font-size: .8em;
}

.p-ttl::after {
    content: "\A";
    white-space: pre;
}

.i879-set .contents--col1 li,
.i879-set .contents--col1 dl,
.i879-set .contents--col2 li {
    padding: 10px 10px 30px;
    overflow: hidden;
}

.i879-set .contents--col1 .contents--img,
.i879-set .contents--col2 .contents--img {
    width: 47%;
    float: left;
    margin-right: 5%;
    margin-bottom: 10px;
    padding: 0;
}

.i879-set .contents--col1 .contents--img img,
.i879-set .contents--col2 .contents--img img {
    width: 100%;
    padding: 0;
}

.i879-set .contents--col1 .product_spec,
.i879-set .contents--col2 .product_spec {
    clear: none;
}

.i879-set .contents--col1 .row,
.i879-set .contents--col2 .row {
    clear: both;
}

.contents--col1-slider .sold_out_slider img {
    padding: 0;
    opacity: .6;
    vertical-align: bottom;
}

.contents--col1-slider .sold_out_slider {
    position: relative;
    background: rgba(000, 000, 000, .5);
}

.contents--col1-slider .sold_out_slider .sold_out {
    position: absolute;
    top: 40%;
    width: 100%;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 1.5em;
}

.i879-set .contents--col2 .contents--img .sold_out {
    width: calc(100% - 0px);
}

/* //SPECIAL GIFT
----------------------------------------------------- */


.set_materials {
    margin-top: 10px;
    margin-bottom: 20px;
}

.set_materials input {
    display: none;
}

.set_materials label {
    cursor: pointer;
    display: inline-block;
    padding: 3px 5px;
    color: #9D887D;
    font-weight: bold;
    border: 1px solid #9D887D;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    font-size: 0.7em;
    background: #fff;
}

.set_materials label :hover {
    color: #fff;
    background: #9D887D;
}

.set_materials .set_panel {
    -webkit-transition: .3s ease;
    transition: .3s ease;
    height: 0;
    overflow: hidden;
    background: #F5F0CF;
    margin-top: 10px;
    padding: 0;
}

.set_materials .set_panel {
    font-size: 0.7em;
}

.set_materials input:checked+.set_panel {
    height: auto;
    padding: 10px 15px
}

.cp_container .set_materials .set_panel {
    height: auto;
    padding: 10px 15px
}

/* SET
------------------------------------------------------- */
.brown01 h2.specialgift-ttl {
    background: #996600;
}

.red01 h2.specialgift-ttl {
    background: #d64646;
}

.blue01 h2.specialgift-ttl {
    background: #e8f4fc;
}

.blue01 h2.specialgift-ttl {
    color: #003b96;
}

.supplementary {
    border-bottom: 1px dotted #ccc;
    background: rgba(255, 255, 255, 0.5);
}

.recomend-point-ttl {
    padding: 10px;
    background: #fde082;
    color: #988070;
    border-radius: 5px 10px;
    font-weight: 500;
    text-align: center;
    font-size: 1.4em;
}

.recomend-point dt {
    text-align: center;
}

.recomend-point dt img {
    width: 30%;
    height: auto;
    border-radius: 50%;
    padding: 10px 0;
}

.recomend-point-des {
    color: #996600;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
    padding: 0 15px;
}

.set_materials {
    margin: 10px 15px 10px;
}

.recomend-point dd .set_materials label {
    margin: 0 auto;
    display: block;
    width: 50%;
    text-align: center;
    padding: 10px 5px;
    font-size: .9em;
}

.special_card {
    width: 96%;
    margin: 0 auto 30px;
    padding: 5px 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #fdfdfd;
    border: 1px solid #d0c1ba;
}

.special_card-ttl {
    color: #ef8cb8;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 5px;
    text-align: center;
}

.special_card dl dt img {
    padding: 0 35px 5px;
    width: 100%;
    height: auto;
}

.special_card ul li {
    color: #582021;
    font-size: .78em;
}



/**********************************************/
.cp_box *,
.cp_box *:before,
.cp_box *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.cp_box {
    width: auto;
    margin: 2em auto;
}

.cp_box .cp_container-outer label {
    font-weight: bold;
    position: relative;
    display: block;
    width: 80%;
    margin: auto;
    padding: 0.3em 1em;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
    color: #da3c41;
    border: 2px solid #da3c41;
    border-radius: 3px;
}

.cp_box .cp_container-outer label:hover {
    transition: all 0.3s;
    color: #ffffff;
    background: #da3c41;
}

.cp_box .cp_container-outer label::after {
    font-family: 'FontAwesome';
    content: ' \f067';
    color: #da3c41;
}

.cp_box .cp_container-outer label:hover::after {
    color: #ffffff;
}

.cp_box .cp_container-outer input:checked~label::after {
    font-family: 'FontAwesome';
    content: ' \f068';
    color: #da3c41;
}

.cp_box .cp_container-outer input:checked~label:hover::after {
    color: #ffffff;
}

.cp_box .cp_container-outer input {
    display: none;
}

.cp_box .cp_container {
    position: relative;
    /*z-index: 10;*/
    overflow: hidden;
    height: 0;
    margin-top: -1px;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    background: rgba(255, 255, 255, 0.5);
}

.cp_box .cp_container-outer input:checked~div {
    transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
}

/* 続きを読むを押すと表示されるテキストの高さ */
.cp_box .cp_container-outer input:checked~div.cp_container {
    height: auto;
}


.btn {
    color: #fff;
    background: rgba(127, 194, 239, .5);
    padding: .3em .5em;
    border-radius: .3em;
    text-align: center;
    display: table;
    cursor: pinter;
}

.btn:hover {
    cursor: pinter;
}

.btn:active {
    background: rgb(127, 194, 239);
}

.box {
    border: 2px solid #d685b0;
    border-radius: .3em;
    height: 200px;
}


/* close button */
.action-close {
    position: relative;
    margin-top: 2em;
}

.action-close .btn {
    position: absolute;
    right: 0;
    top: -1em;
}

.action-close .box {
    margin-bottom: 2em;
    border: 2px solid rgb(127, 194, 239);
}

/* checkbox non-display */
.add-control .checkbox {
    display: block;
}

/* close button's control */
.add-control .action-close #close:checked~.btn {
    display: none;
}

.add-control .action-close #close:checked~.box {
    display: none;
}

.cp_box .cp_container-outer .recomend-point-more label {
    cursor: pointer;
    margin: 0 auto;
    display: block;
    width: 50%;
    text-align: center;
    padding: 10px 5px;
    font-size: .9em;
    color: #9D887D;
    font-weight: bold;
    border: 1px solid #9D887D;
    background: #fff;
}

.cp_box .cp_container-outer .recomend-point-more label::after {
    content: ' ';
}

.cp_box .cp_container-outer .recomend-point-more input:checked~label::after {
    content: ' ';
}


.recomend-point-more {
    /*
  height: 500px;
  width: 500px;
  margin: 100px auto;
  padding: 50px;
  background: #fff;
*/
}

.recomend-point-more label {
    background: #333;
    color: #fff;
    padding: 10px;
    display: block;
    margin: 0;
    border: 1px solid #fff;
}

.recomend-point-more label:hover {
    background: #555;
}

.recomend-point-more input[type="checkbox"].on-off {
    display: none;
}

.recomend-point-more ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

.recomend-point-more li {
    font-size: 0.7em;
    background: #F5F0CF;
    margin-top: 10px;
    padding: 10px;
}

input[type="checkbox"].on-off+ul {
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked+ul {
    height: auto;
}

/**********************************************
**********************************************
/* //SET
------------------------------------------------------- */
/* END ROLL
------------------------------------------------------- */
h2.end_roll {
    font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin: 10px 0px;
    background: #a9a9a9;
    font-weight: 500;
    padding: 10px 0;
    color: #fff;
}

h2.end_roll {
    font-size: 1em;
}

h2.end_roll.mt30 {
    margin-top: 30px
}

h2.end_roll.pink01 {
    background: #f58eab;
}

h2.end_roll.blue01 {
    background: #70a0e5;
}

h2.end_roll a {
    color: #fff;
}

.next_bnr_ttl {
    margin-top: 30px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: bold;
    color: #C7000B;
}

h3.next_bnr {
    margin-bottom: 30px;
    width: 100%;
    text-align: center;
}

h3.next_bnr img {
    width: 100%;
}

h2.end_roll.campaign {
    font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin: 10px 0px 30px;
    background: #a9a9a9;
    font-weight: 500;
    padding: 10px 15px;
    color: #fff;
}

/* //END ROLL
------------------------------------------------------- */
.mmm-concept {
    padding: 15px;
    border: 2px solid pink;
    color: #333;
}

.mmm-concept-ttl {
    color: #e04388;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    margin: 10px 0;
}

/* OMAKASE FLOWER
------------------------------------------------------- */
.omakase_display_pc {
    display: none
}

.omakase_gokibou {
    font-size: 1.1em;
    margin: 0 15px 10px
}

.ch_omakase:after {
    content: '';
    display: block;
    clear: both;
    height: 0
}

.ch_omakase {
    margin-bottom: 20px
}

.ch_omakase_flo_kanban {
    position: relative
}

.ch_omakase_flo_kanban {
    border: 5px solid #CAF3FF;
    background: url(/image/father/img_sky.jpg);
    background-repeat: no-repeat;
    background-size: 260%;
    background-position: 0% 20%;
}

.ch_omakase_oha {
    margin: 15px 10px 15px 10px;
    font-weight: bold;
    font-size: 150%;
    text-align: center
}

.ch_omakase_oha {
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    border-bottom: solid 3px #44bef5;
    color: #fe3ea7;
    padding-bottom: 5px;
    font-size: 1em;
    text-shadow: 2px 2px 1px #FFF, -2px 2px 1px #FFF, 2px -2px 1px #FFF, -2px -2px 1px #FFF
}

.ch_omakase_oha span {
    display: block
}

.ch_omakase_oha span.ch_omakase_pit {
    font-size: 0.8em
}

.ch_omakase_flo_kanban h2 {
    border-radius: 3px;
    color: #fff;
    font-size: 1.4em;
    font-family: 'Noto Sans JP', "游ゴシック", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 1.2em;
    padding: 3px 0;
    text-shadow: #028bc2 0.5px 0.5px 0px, #028bc2 -0.5px 0.5px 0px, #028bc2 0.5px -0.5px 0px, #028bc2 -0.5px -0.5px 0px;
    margin: 0 0 0.5em 0
}

.ch_omakase_flo_kanban h2 span {
    display: block
}

.midasi {
    width: 94%;
    margin: 0 auto;
    padding: 10px 0;
    font-size: 1em;
    font-weight: bold;
    color: #E60012;
    text-shadow: 2px 2px 1px #FFF, -2px 2px 1px #FFF, 2px -2px 1px #FFF, -2px -2px 1px #FFF;
    text-align: center
}

.simasima_des {
    margin: 0px 0
}

.midasi13 .simasima_des {
    font-family: 'Noto Sans JP', "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding: 8px 10px;
    border: rgb(250, 205, 202) 2px;
    border-style: solid none;
    background: repeating-linear-gradient(45deg,
            #facdca,
            #FFF 3px,
            rgba(215, 196, 71, 0.1) 6px,
            rgba(215, 196, 71, 0.1) 6px);
}

#osonae-obon .midasi13 .simasima_des {
    padding: 8px 10px;
    border: rgb(151, 179, 202) 2px;
    border-style: solid none;
    background: repeating-linear-gradient(45deg,
            #97b3ca,
            #FFF 3px,
            rgba(215, 196, 71, 0.1) 6px,
            rgba(215, 196, 71, 0.1) 6px);
}

.omakase_img01 img,
.omakase_img02 img {
    border-radius: 50%;
    -moz-border-image: border-radius: 50%;
    -webkit-border-image: border-radius: 50%;
    box-shadow: 5px 5px 10px #ccc;
    -webkit-box-shadow: 5px 5px 10px #ccc;
    -moz-box-shadow: 5px 5px 10px #ccc
}

.omakase_img01 {
    text-align: center
}

.omakase_img01 img {
    width: 80%;
    height: auto
}

.omakase_img02 img {
    display: none
}

p.omakase_notice {
    padding: 5px 10px;
    margin: 15px 10px;
    text-align: center;
    background: #fff;
    font-weight: bold;
    font-size: 0.7em;
    box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
    -webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
    -moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
    border-radius: 5px;
    -moz-border-image: border-radius: 5px;
    -webkit-border-image: border-radius: 5px;
}

.strong_order {
    color: #e38602;
    font-weight: bold
}

.hanaclo--present a {
    font-weight: bold;
    color: #000;
}

/*おまかせフォーム部分*/
.ch_omakase_flo_form {
    border-top: 5px solid #D7C447;
    border-bottom: 5px solid #D7C447;
    margin: 20px 0px;
    padding: 10px 15px
}

#usageId,
#priceCodeId,
#colorCodeId {
    width: 96%;
    height: 2em;
    font-size: 15px;
    text-align: left
}

#priceCodeId {
    width: 70%
}

.ch_omakase_flo_form dl dt {
    font-size: 1em;
    font-weight: bold;
    color: #5D310C;
    padding: 11px 5px 11px 55px;
    margin-bottom: 6px
}

.ch_omakase_flo_form dl>dd {
    margin-bottom: 20px
}

.ch_omakase_flo_form dl dt strong {
    font-size: 75%
}

.ch_omakase_flo_form dl dt.omakase_no1 {
    background: url(/images/parts/pro_form_no01.gif) no-repeat left center
}

.ch_omakase_flo_form dl dt.omakase_no2 {
    background: url(/images/parts/pro_form_no02.gif) no-repeat left center
}

.ch_omakase_flo_form dl dt.omakase_no3 {
    background: url(/images/parts/pro_form_no03.gif) no-repeat left center
}

.ch_omakase_flo_form dl dt.omakase_no4 {
    background: url(/images/parts/pro_form_no04.gif) no-repeat left center
}

.omakase_keijou:after {
    content: '';
    display: block;
    clear: both;
    height: 0
}

.omakase_keijou {
    /zoom: 1;
}

/* IE */
.omakae_are {
    width: 58%;
    float: left
}

.omakae_are img {
    width: 51px;
    height: auto
}

.omakae_hanataba {
    width: 40%;
    float: left
}

.omakae_hanataba img {
    width: 51px;
    height: auto
}

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

#season div#content div#main table.ate_table {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    margin-bottom: 10px;
    color: #741c1a;
}

.omakase_btn {
    vertical-align: middle;
}

.omakase_btn span.tyumon {
    width: 150px;
    height: auto;
}

.omakase_btn span.tyumon img {
    vertical-align: middle;
    margin-right: 10px;
    width: 150px;
    height: auto;
}

.contents--appeal-order {
    padding: 0 15px 15px;
    font-size: .9em;
    line-height: 1.8em;
}

.contents--appeal-order img {
    width: 110px;
    vertical-align: bottom;
}

.contents--appeal-order span {
    margin: 0 5px;
}

.contents--appeal-order span.btn_cart {
    padding: 8px 2px;
    font-size: .8em;
    color: #fff;
    background: #DA3940;
    overflow: hidden;
}

.contents--appeal-order p em {
    font-style: normal;
    color: #d64646;
}

.ch_omakase_flo_form dl>dd.btn_cart {
    overflow: hidden;
}

.ch_omakase_flo_form dl>dd.btn_cart a {
    width: 80%;
    float: none;
    margin: 10px auto 10px;
}

.ex-product-tag {
    margin: 0 15px auto;
    background: #fffde9;
    border: 2px solid #f68ea7;
    padding: 10px;
    overflow: hidden;
}

.ex-product-tag dt {
    width: 100px;
    margin-right: 10px;
    float: left;
}

.ex-product-tag dd {
    font-size: .9em;
}

.ex-product-tag dd p {
    display: inline;
}

.ex-ttl {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 5px;
}

.ex-product-tag dd p.ex-ttl {
    display: block;
    color: #f68ea7;
}

/*EX PRODUCT TAG*/
.i879-contents--sttl {
    padding: 10px 15px;
    text-align: center;
    background: #01abce;
    color: #fff;
    letter-spacing: .2em;
    margin: -20px -10px 25px;
}

.ex-product-list {
    margin: 0 15px auto;
    background: #fffde9;
    border: 2px solid #0aa9d1;
    padding: 20px 10px;
    text-align: center;
}

.ex-product-list img {
    width: 30%;
    height: auto;
    border-radius: 50%;
    padding: 10px 0;
}

.ex-product-list-des {
    text-align: left;
}

.ex-product-list-des-ttl {
    font-weight: bold;
    color: #714141;
    margin-bottom: 5px;
}

.father_ver .contents-index-jump-ttl--outer {
    background: #E9F4FC;
    background-repeat: no-repeat;
    background-size: 16%;
    background-position: 98% 5%;
}

.father_ver .column_index_title {
    background: #E9F4FC;
    background-repeat: no-repeat;
    background-size: 16%;
    background-position: 98% 5%;
    min-height: 75px;
    text-shadow: 1px 1px #FFF;
}

.father_ver .column_more label {
    background: #E9F4FC;
}

.father_ver .mothercolumn_index p {
    background-color: #E9F4FC;
    font-size: 1.2em;
}

.father_ver .column_more label {
    color: #714141;
}

.father_ver .column_more label:hover {
    color: #714141;
}



.blue01_ver .contents-index-jump-ttl--outer {
    background: #E9F4FC;
    background-image: url(//images.i879.com/image/father/mh00_mark.gif);
    background-repeat: no-repeat;
    background-size: 16%;
    background-position: 98% 5%;
}

.blue01_ver .column_index_title {
    background: #E9F4FC;
    background-image: url(//www.i879.com/image/father/mh00_mark.gif);
    background-repeat: no-repeat;
    background-size: 16%;
    background-position: 98% 5%;
    min-height: 75px;
    text-shadow: 1px 1px #FFF;
}

.blue01_ver .column_more label {
    background: #E9F4FC;
}

.blue01_ver .mothercolumn_index p {
    background-color: #E9F4FC;
    font-size: 1.2em;
}

.blue01_ver .column_more label {
    color: #714141;
}

.blue01_ver .column_more label:hover {
    color: #714141;
}


.column_index_title.mnone {
    background: #ffd9ec;
    background-image: none;
}

.column_index_title.mnone.nude01 {
    background: #fff7e3;
}

.column_index_title.mnone.yellow01 {
    background: #ffefce;
}

.keirou_ver .contents-index-jump-ttl--outer {
    background: #fcfaf1;
    background-image: none;
}

.keirou_ver .column_index_title {
    background: #fdecd2;
    background-image: none;
}


.keirou_ver .mothercolumn_index p {
    background-color: #fdecd2;
    font-size: 1.2em;
}

.keirou_ver .column_more label {
    color: #fcfaf1;
}

.keirou_ver .column_more label:hover {
    color: #714141;
}



/* おまかせフラワー_xmas　171011
------------------------------------------------------- */
.xmas .ch_omakase_flo_kanban {
    border: 5px solid #D7C447;
    background: url(/image/xmas/bg_xmas_omakase2017.jpg);
    background-repeat: no-repeat;
    background-size: 250%;
    /*170%*/
    background-position: 0% 0%;
    /*80% 0%*/
}

.xmas .ch_omakase_oha {
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    border-bottom: solid 3px #D7C447;
    color: #666666;
    padding-bottom: 5px;
    font-size: 1em;
    text-shadow: 2px 2px 1px #FFF, -2px 2px 1px #FFF, 2px -2px 1px #FFF, -2px -2px 1px #FFF;
}

.xmas .ch_omakase_flo_kanban h2 {
    font-size: 1.6em;
    font-family: 'Noto Sans JP', "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-shadow: 2px 2px 0 #f75b37, 5px 5px 0 #CCCCCC;
    text-shadow: 2px 0px 0px #f75b37, 0px 2px 0px #f75b37, -2px 0px 0px #f75b37, 0px -2px 0px #B81C22;
}

.xmas .midasi13 .simasima_des {
    font-family: 'Noto Sans JP', "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding: 8px 10px;
    border: rgb(215, 196, 71) 2px;
    border-style: solid none;
    background: repeating-linear-gradient(45deg,
            #d7c447,
            #FFF 3px,
        );
}


/* iifu-fu */
#ii-fufu .ch_omakase_oha {
    border-bottom: solid 3px #ffbddf;
}

#ii-fufu .ch_omakase_flo_kanban h2 {
    /* text-shadow: 2px 0px 0px #fe3ea7, 0px 2px 0px #fe3ea7, -2px 0px 0px #fe3ea7, 0px -2px 0px #fe3ea7; */
    text-shadow: #fe3ea7 0.5px 0.5px 0px, #fe3ea7 -0.5px 0.5px 0px, #fe3ea7 0.5px -0.5px 0px, #fe3ea7 -0.5px -0.5px 0px;
}

#ii-fufu .ch_omakase_flo_form {
    border-top: 5px solid #ffbddf;
    border-bottom: 5px solid #ffbddf;
    margin: 20px 0px;
    padding: 10px 15px;
}

#ii-fufu .ch_omakase_flo_kanban {
    border: 5px solid #ffbddf;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffe1f3+0,ffffff+96,ffffff+96,ffffff+100 */
    background: #ffe1f3;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffe1f3 0%, #ffffff 96%, #ffffff 96%, #ffffff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffe1f3 0%, #ffffff 96%, #ffffff 96%, #ffffff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffe1f3 0%, #ffffff 96%, #ffffff 96%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe1f3', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
}

#ii-fufu .ch_omakase_flo_form .btn_cart a {
    float: none;
    margin: 30px auto 0;
}



/* OMAKASE_newyear　201020
------------------------------------------------------- */
.newyear .ch_omakase_flo_kanban {
    border: 5px solid #D7C447;
    background: url(//images.i879.com/image/season/bg_newyear_omakase2018.png);
    background-repeat: no-repeat;
    background-size: 150%;
    /*170%*/
    background-position: 0% 0%;
    /*80% 0%*/
}

.newyear .ch_omakase_oha {
    border-bottom: solid 3px #98bb76;
}

.newyear .ch_omakase_oha {
    color: #cc0000;
}

.newyear .ch_omakase_flo_kanban h2 {
    font-size: 1.6em;
    font-family: 'Noto Sans JP', "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-shadow: 2px 2px 0 #cc0000, 5px 5px 0 #CCCCCC;
    text-shadow: 2px 0px 0px #cc0000, 0px 2px 0px #cc0000, -2px 0px 0px #cc0000, 0px -2px 0px #cc0000;
}

.newyear .ch_omakase_flo_form {
    border: 5px solid #D7C447;
    background: #fff;
}

.newyear .midasi13 .simasima_des {
    font-family: 'Noto Sans JP', "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding: 8px 10px;
    border: rgb(215, 196, 71) 2px;
    border-style: solid none;
    background: repeating-linear-gradient(45deg,
            #d7c447,
            #FFF 3px,
        );
}

/* //OMAKASE_newyear　201020
------------------------------------------------------- */

/* おまかせフラワー_valentine　191220
------------------------------------------------------- */
.valentine .ch_omakase_flo_kanban {
    border: 5px solid #e8428c;
    background: #e8428c;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e8428c+0,e41c65+100 */
    background: #e8428c;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #e8428c 0%, #e41c65 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #e8428c 0%, #e41c65 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #e8428c 0%, #e41c65 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8428c', endColorstr='#e41c65', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.valentine .ch_omakase_oha {
    border-bottom: solid 3px #fff;
}

.valentine .ch_omakase_oha {
    color: #fff;
}

.valentine .ch_omakase_flo_kanban h2 {
    font-size: 1.6em;
    font-family: 'Noto Sans JP', "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-shadow: none;
    color: #fff;
    /*text-shadow: rgb(51, 51, 51) 0px 0px 11px;*/
}

.ch_omakase_oha {
    text-shadow: none;
}

.valentine .ch_omakase_flo_form {
    border: 5px solid #e8428c;
    background: #fff;
}

.valentine .midasi13 .simasima_des {
    font-family: 'Noto Sans JP', "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding: 8px 10px;
    border: #fff 2px;
    border-style: solid none;
    background: repeating-linear-gradient(45deg,
            #d7c447,
            #FFF 3px,
        );
}

/* //おまかせフラワー_valentine　191220
------------------------------------------------------- */

/* おまかせフラワー_white　200106
------------------------------------------------------- */
.white .ch_omakase_flo_kanban {
    background: url(//images.i879.com/image/season/bg_white_omakase2018.gif);
    background-repeat: repeat-y;
    background-size: 100%;
    background-position: 0% 20%
}

.white .ch_omakase_flo_kanban h2 {
    color: #045e84;
    text-shadow: #fff 0.5px 0.5px 0px, #fff -0.5px 0.5px 0px, #fff 0.5px -0.5px 0px, #fff -0.5px -0.5px 0px;
}

.white .ch_omakase_oha {
    border-bottom: solid 3px #88c7e2;
}

.white .ch_omakase_oha {
    color: #67aecc;
}

/* //おまかせフラワー_white　200106
------------------------------------------------------- */



/* FAQ 210531
------------------------------------------------------- */
.i879-faq {
    margin: 10px 0 0;
}

.i879-faq-list-outer {
    width: auto;
    font-size: 0px;
}

.i879-faq--ttl {
    color: #f9576c;
    background: #ffd9ec;
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    position: relative;
    display: block;
    padding: 8px 35px 8px 10px;
    margin-bottom: 10px;
}

.i879-faq-list-outer label {
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    background: #ffd9ec;
    position: relative;
    display: block;
    padding: 8px 35px 8px 10px;
    cursor: pointer;
    color: #f9576c;
    margin-bottom: 10px;
}

.i879-faq-list-outer label:hover {
    background: #fb9ca9;
    color: #fff;
}

.i879-faq-list-outer input {
    display: none;
}

.i879-faq-list-outer label:after {
    color: #fff;
    content: "▼";
    color: #f9576c;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -0.5em;
    line-height: 1;
}

.i879-faq-list-outer input:checked~label::after {
    content: "▲";
    color: #fff;
}

#mother .i879-faq-list-outer div {
    height: auto;
    overflow: visible;
    opacity: 10;
}

#mother .i879-faq-list-outer label:after {
    content: "";
}

#mother .i879-faq-list-outer label:hover {
    color: #f9576c;
    background: #ffd9ec;
}

.i879-faq-list-outer div {
    height: 0px;
    overflow: hidden;
    opacity: 0;
    transition: 0.15s;
}

.i879-faq-list-outer input:checked~div {
    height: auto;
    padding: 0;
    /* 開いた部分の枠内の余白 */
    border-radius: 0px;
    background: #fff;
    /* 開いた部分の背景色 */
    opacity: 1;
}

.i879-faq-list-outer .i879-faq-list p {
    margin: 18px;
}

.i879-faq-list-outer input:checked~label {
    background: #f9576c;
    /* クリック後のラベルの背景色 */
}

.i879-faq-list {
    font-size: 15px;
    /* 開いた部分の文字サイズ */
    color: #555555;
    /* 開いた部分の文字色 */
}

.i879-faq-list a {
    color: #eb6464;
    text-decoration: underline;
}

.i879-faq-list a:hover {
    color: #fbbedc;
    text-decoration: none;
}

.i879-faq-list a:hover {
    opacity: .6;
}


.father_ver .i879-faq-list-outer label {
    background: #E9F4FC;
    color: #2a6db0;
}

.father_ver .i879-faq-list-outer label:hover {
    background: #68a7d4;
    color: #fff;
}

.father_ver .i879-faq-list-outer label:after {
    content: "▼";
    color: #2a6db0;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -0.5em;
    line-height: 1;
}

.father_ver .i879-faq-list a {
    color: #2a6db0;
}

.blue01_ver .i879-faq-list-outer label {
    background: #E9F4FC;
    color: #2a6db0;
}

.blue01_ver .i879-faq-list-outer label:hover {
    background: #68a7d4;
    color: #fff;
}

.blue01_ver .i879-faq-list-outer label:after {
    content: "▼";
    color: #2a6db0;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -0.5em;
    line-height: 1;
}

.blue01_ver .i879-faq-list a {
    color: #2a6db0;
}

.keirou_ver .i879-faq-list-outer label {
    background: #fdecd2;
    color: #714141;
}

.keirou_ver .i879-faq-list-outer label:hover {
    background: #714141;
    color: #fff;
}

.keirou_ver .i879-faq-list-outer label:after {
    content: "▼";
    color: #714141;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -0.5em;
    line-height: 1;
}

.keirou_ver .i879-faq-list a {
    color: #2a6db0;
}

.keirou_ver .i879-faq-list-outer label:after:hover {
    color: #fff;
}

.nude01_ver .i879-faq-list-outer label {
    background: #fff7e3;
    color: #714141;
}

.nude01_ver .i879-faq-list-outer label:hover {
    background: #8d6767;
    color: #fff;
}

.nude01_ver .i879-faq-list-outer label:after {
    content: "▼";
    color: #714141;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -0.5em;
    line-height: 1;
}

.nude01_ver .i879-faq-list a {
    color: #714141;
}

/*-----------------------------------------------
OBON
-----------------------------------------------*/
.obon_ver .i879-faq-list-outer label {
    background: #F5F5F5;
    color: #265b89;
    border: 1px solid #97b3ca;
}

.obon_ver .i879-faq-list-outer label:hover {
    background: #265b89;
    color: #F5F5F5;
}

.obon_ver .i879-faq-list-outer label:after {
    content: "▼";
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -0.5em;
    line-height: 1;
    color: #265b89;
}

.obon_ver .i879-faq-list-outer label:after:hover {
    color: #fff;
}

.obon_ver .i879-faq-list a {
    color: #2a6db0;
}

.contents-index-jump-ttl--outer.obon_ver {
    background: #e9f8f0;
    padding: 27px 20px 20px 75px;
}

.obon_ver .i879-faq-list-outer div {
    height: auto;
    overflow: visible;
    opacity: 1;
}

.obon_ver .i879-faq-list-outer div div {
    height: 0px;
    overflow: hidden;
    opacity: 0;
    transition: 0.15s;
}

.obon_ver .i879-faq-list-outer input:checked~div div {
    height: auto;
    opacity: 1;
}

.obon_ver .i879-faq-list-outer input:checked~label {
    color: #fff;
}

.i879-cando {
    font-size: .8em;
    background-color: #e6edf5;
    padding: 10px 15px;
    margin: 0 15px 30px;
}

.i879-cando ul li {
    margin-bottom: 3px;
    padding-left: 22px;
    position: relative;
}

.i879-cando ul li:before {
    content: "\f058";
    font-family: FontAwesome;
    font-size: 1.3em;
    margin-right: 3px;
    color: #466666;
    position: absolute;
    top: 0;
    left: 0;
}

.i879-faq-list ul {
    margin: 10px 15px 20px;
}

.i879-cando p {
    font-weight: bold;
    color: #9D887D;
    text-align: center;
    margin-bottom: 10px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
}

.i879-cando p::before,
.i879-cando p::after {
    content: '';
    width: calc(50% - 10px);
    border-top: 1px solid #bdcbc9;
}

.i879-cando p span {
    padding: 0 12px;
    font-weight: bold;
    color: #387870;
}

/*-----------------------------------------------
//OBON
-----------------------------------------------*/
.contents-index-jump-ttl--outer.pink01_ver {
    background: #ffd9ec;
    padding: 27px 20px 20px 75px;
}

/* //FAQ 210531
------------------------------------------------------- */

/* FAQ
------------------------------------------------------- */
.mothersday-faq {
    margin: 10px 0 0;
}

.mothersday-faq-list-outer {
    width: auto;
    font-size: 0px;
}

.mothersday-faq-list-outer label {
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    background: #ffd9ec;
    position: relative;
    display: block;
    padding: 8px 35px 8px 10px;
    cursor: pointer;
    color: #f9576c;
    margin-bottom: 10px;
}

.mothersday-faq-list-outer label:hover {
    background: #fb9ca9;
    color: #fff;
}

.mothersday-faq-list-outer input {
    display: none;
}

.mothersday-faq-list-outer label:after {
    color: #fff;
    content: "▼";
    color: #f9576c;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -0.5em;
    line-height: 1;
}

.mothersday-faq-list-outer input:checked~label::after {
    content: "▲";
    color: #fff;
}

.mothersday-faq-list-outer div {
    height: 0px;
    overflow: hidden;
    opacity: 0;
    transition: 0.15s;
}

.mothersday-faq-list-outer input:checked~div {
    height: auto;
    padding: 18px;
    /* 開いた部分の枠内の余白 */
    border-radius: 0px;
    background: #fff;
    /* 開いた部分の背景色 */
    opacity: 1;
}

.mothersday-faq-list-outer input:checked~label {
    background: #f9576c;
    /* クリック後のラベルの背景色 */
}

.mothersday-faq-list {
    font-size: 15px;
    /* 開いた部分の文字サイズ */
    color: #555555;
    /* 開いた部分の文字色 */
}

.mothersday-faq-list a {
    color: #eb6464;
    text-decoration: underline;
}

.mothersday-faq-list a:hover {
    color: #fbbedc;
    text-decoration: none;
}

.mothersday-faq-list a:hover {
    opacity: .6;
}


.father_ver .mothersday-faq-list-outer label {
    background: #E9F4FC;
    color: #2a6db0;
}

.father_ver .mothersday-faq-list-outer label:hover {
    background: #68a7d4;
    color: #fff;
}

.father_ver .mothersday-faq-list-outer label:after {
    content: "▼";
    color: #2a6db0;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -0.5em;
    line-height: 1;
}

.father_ver .mothersday-faq-list a {
    color: #2a6db0;
}

/*-----------------------------------------------
OBON
-----------------------------------------------*/
.obon_ver .mothersday-faq-list-outer label {
    background: #F5F5F5;
    color: #265b89;
    border: 1px solid #97b3ca;
}

.obon_ver .mothersday-faq-list-outer label:hover {
    background: #265b89;
    color: #F5F5F5;
}

.obon_ver .mothersday-faq-list-outer label:after {
    content: "▼";
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -0.5em;
    line-height: 1;
    color: #265b89;
}

.obon_ver .mothersday-faq-list-outer label:after:hover {
    color: #fff;
}

.obon_ver .mothersday-faq-list a {
    color: #2a6db0;
}

.contents-index-jump-ttl--outer.obon_ver {
    background: #e2ecfb;
    padding: 27px 20px 20px 75px;
}

.obon_ver .mothersday-faq-list-outer div {
    height: auto;
    overflow: visible;
    opacity: 1;
}

.obon_ver .mothersday-faq-list-outer div div {
    height: 0px;
    overflow: hidden;
    opacity: 0;
    transition: 0.15s;
}

.obon_ver .mothersday-faq-list-outer input:checked~div div {
    height: auto;
    opacity: 1;
}

.obon_ver .mothersday-faq-list-outer input:checked~label {
    color: #fff;
}

.i879-cando {
    font-size: .8em;
    background-color: #e6edf5;
    padding: 10px 15px;
    margin: 0 15px 30px;
}

.i879-cando ul li {
    margin-bottom: 3px;
    padding-left: 22px;
    position: relative;
}

.i879-cando ul li:before {
    content: "\f058";
    font-family: FontAwesome;
    font-size: 1.3em;
    margin-right: 3px;
    color: #466666;
    position: absolute;
    top: 0;
    left: 0;
}

.mothersday-faq-list ul {
    margin: 10px 15px 20px;
}

.i879-cando p {
    font-weight: bold;
    color: #9D887D;
    text-align: center;
    margin-bottom: 10px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
}

.i879-cando p::before,
.i879-cando p::after {
    content: '';
    width: calc(50% - 10px);
    border-top: 1px solid #bdcbc9;
}

.i879-cando p span {
    padding: 0 12px;
    font-weight: bold;
    color: #387870;
}

/*-----------------------------------------------
//OBON
-----------------------------------------------*/

/* //FAQ
------------------------------------------------------- */

/* SOLD OUT
------------------------------------------------------- */
.contents--col1 li.sold-out,
.contents--col2 li.sold-out,
.contents--col3 li.sold-out,
.contents--col4 li.sold-out,
.contents--col5 li.sold-out {
    position: relative;
}

.contents--col1 li.sold-out::after,
.contents--col2 li.sold-out::after,
.contents--col3 li.sold-out::after,
.contents--col4 li.sold-out::after,
.contents--col5 li.sold-out::after {
    content: '完売しました';
    width: 100%;
    height: 100%;
    padding-top: 130px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.contents--col1 li.sold-out a,
.contents--col2 li.sold-out a,
.contents--col3 li.sold-out a,
.contents--col4 li.sold-out a,
.contents--col5 li.sold-out a {
    cursor: default;
    pointer-events: none;
}

.contents--col3 li.sold-out {
    padding: 23px 8px;
    margin: 2px 2px;
}


.col_mother_ranking.sold-out {
    position: relative;
}

.col_mother_ranking.sold-out::after {
    content: '完売しました';
    width: 100%;
    height: 100%;
    padding-top: 130px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.contents--col1 li.coming-soon,
.contents--col2 li.coming-soon,
.contents--col3 li.coming-soon,
.contents--col4 li.coming-soon,
.contents--col5 li.coming-soon {
    position: relative;
}

.contents--col1 li.coming-soon::after,
.contents--col2 li.coming-soon::after,
.contents--col3 li.coming-soon::after,
.contents--col4 li.coming-soon::after,
.contents--col5 li.coming-soon::after {
    content: 'coming soon';
    width: 100%;
    height: 100%;
    padding-top: 130px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.contents--col1 li.coming-soon a,
.contents--col2 li.coming-soon a,
.contents--col3 li.coming-soon a,
.contents--col4 li.coming-soon a,
.contents--col5 li.coming-soon a {
    cursor: default;
    pointer-events: none;
}

/* //SOLD OUT
------------------------------------------------------- */
/* 210607*/
.col6 .col_mother_ranking {
    width: 178px;
}

.rankingForward__inr.col6 {
    width: 1100px;
}
/* 210203 RANKING
------------------------------------------------------- */
/* .rankingForward__inr{width:1800px;padding: 15px 10px;}
.rankingForward__inr.col09{width:1800px;padding: 15px 10px;}
.rankingForward__inr.col08{width:1470px;padding: 15px 10px;}
.rankingForward__inr.col07{width:1260px;padding: 15px 10px;}
.rankingForward__inr.col03,
.rankingForward__inr.col02{width:1000px;padding: 15px 10px;} */
/* .col08 .col_mother_ranking {width: 180px!important;} */
#product .ranking.forward.scroll-none {
    overflow-x: hidden;
}

.feature .contents--col1 .contents--img span.rank_spc.top3,
.feature .contents--col4 .contents--img span.rank_spc.top3,
.feature .contents--motherrank .contents--img span.rank_spc.top3 {
    width: 60px;
    top: -10px;
    left: -10px;
}

/* //210203 RANKING
------------------------------------------------------- */

/* //210607*/

h3.subheading-ttl {
    padding: 20px 0;
    font-size: 1.2em;
    text-align: center;
    border-bottom: 1px dotted #cc9900;
    margin-bottom: 20px;
}

.ttl-green {
    color: #1d4213;
}

.ttl-green01 {
    color: #339e97;
}

.ttl-blue {
    color: #7d9db9;
}

.ttl-nude01 {
    color: #cc9900;
}

h3.subheading-ttl.ttl-blue {
    border-bottom: 1px dotted #7d9db9;
}

h3.subheading-ttl.ttl-green01 {
    border-bottom: 1px dotted #339e97;
}

h3.subheading-ttl.ttl-nude01 {
    border-bottom: 1px dotted #cc9900;
}

#osonae-obon .ch_omakase_flo_kanban {
    border: 5px solid #97b3ca;
    background: #fafaf1;
    background-image: url(//images.i879.com/image/season/img_obon_osusume_02.webp);
    background-repeat: no-repeat;
    background-size: 133%;
    background-position: 50% 0%;
    padding-top: 20px;
}

#osonae-obon .ch_omakase_flo_kanban h2 {
    color: #2c5c89;
    text-shadow: #fff 0.5px 0.5px 0px, #fff -0.5px 0.5px 0px, #fff 0.5px -0.5px 0px, #fff -0.5px -0.5px 0px;
}

#osonae-obon .ch_omakase_flo_form {
    background: #fff;
}

span.new_line:after {
    content: "\A";
    white-space: pre;
}

.i879_kaisetsu {
    margin-top: 10px;
    margin-bottom: 10px;
    border: solid 3px #FFCC00;
    background-color: #FFFFE8;
    padding: 10px;
    min-height: 105px;
}

.i879_kaisetsu>p.title {
    color: #714141;
    font-size: 1.2em;
    font-weight: bold;
}

.i879_kaisetsu>p.img>img {
    float: left;
    padding: 5px;
}

.i879_kaisetsu>p:nth-child(3) {
    font-size: 0.8em;
}

.i879_kaisetsu p em {
    font-style: normal;
    color: #d64646;
}

.i879_kaisetsu>p.title .red-txt {
    color: #dc143c;
}

.i879_kaisetsu>p.title .pink-txt {
    color: #ff69b4;
}

.i879_kaisetsu>p.title .orange-txt {
    color: #ff8c00;
}

.keirou_ver .mothercolumn_index a:hover {
    text-decoration: none;
}

.keirou_ver .mothercolumn_index p:hover {
    color: #ffffff;
    background-color: #714141;
}


/* READ MORE
------------------------------------------------------- */
.read_more_box *,
.read_more_box *:before,
.read_more_box *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.read_more_box {
    position: relative;
    margin-bottom: 30px;
}

.read_more_box label {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
    height: 140px;
    /* グラデーションの高さ */
    cursor: pointer;
    text-align: center;
    /* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
    background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}

.read_more_box input:checked+label {
    background: inherit;
    /* 開いた時にグラデーションを消す */
}

.read_more_box label:after {
    line-height: 2.5rem;
    position: absolute;
    z-index: 2;
    bottom: 20px;
    left: 50%;
    width: 16rem;
    font-family: FontAwesome;
    content: '\f13a'' 続きをよむ';
    transform: translate(-50%, 0);
    letter-spacing: 0.05em;
    color: #ffffff;
    border-radius: 20px;
    background-color: rgba(107, 77, 42, 1);
}

.read_more_box input {
    display: none;
}

.read_more_box .read_more_container {
    overflow: hidden;
    height: 250px;
    /* 開く前に見えている部分の高さ */
    transition: all 0.5s;
}

.read_more_box input:checked+label {
    /* display: none ; 閉じるボタンを消す場合解放 */
}

.read_more_box input:checked+label:after {
    font-family: FontAwesome;
    content: '\f139'' 閉じる';
}

.read_more_box input:checked~.read_more_container {
    height: auto;
    padding-bottom: 80px;
    /* 閉じるボタンのbottomからの位置 */
    transition: all 0.5s;
}

/* //READ MORE
------------------------------------------------------- */


/* contents--ttl
------------------------------------------------------- */
.xmas-contents--ttl {
    position: relative;
}

.xmas-contents--ttl img {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
}

.xmas-contents--ttl p {
    position: absolute;
    top: 10px;
    left: 70px;
    color: #e66896;
}

.xmas-contents--ttl h2 {
    font-family: "Noto Sans JP", 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.xmas-contents--ttl h2 {
    font-weight: 800;
    text-align: left;
    font-size: 1.5em;
    line-height: 1.2em;
    font-weight: 500;
    padding: 35px 10px 10px 70px;
    margin: 0 0 20px;
    color: #996600;
    background: #faf0de;
}

.xmas-contents--ttl h2 span {
    color: #d2443b;
}

/* //contents--ttl
------------------------------------------------------- */


.osusume-cart {
    overflow: hidden;
}

.osusume-cart select {
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.osusume-cart select {
    width: 58%;
    padding: 8px 10px;
    font-size: 1em;
    margin-right: 2%;
    float: left;
    border: 1px solid #9D887D;
    background: #fff;
}

.osusume-cart .cart a {
    width: 40%;
    float: left;
    display: block;
    padding: 11px 3px 11px 20px;
    text-decoration: none;
    color: #fff;
    font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    border: solid 1px #DA3940;
    background: #DA3940;
    text-align: center;
    letter-spacing: 0.2em;
    font-size: .7em;
    float: right;
    position: relative;
}

.osusume-cart .cart a:hover {
    color: #DA3940;
    background: #fff;
}

p.cart a:after {
    position: absolute;
    top: 30%;
    left: 8px;
    content: '\f07a';
    font-size: 1em;
    font-family: fontAwesome;
    color: #fff;
}

p.cart a:hover:after {
    color: #DA3940;
}

/* CAUTION
------------------------------------------------------- */
.bara_caution {
    color: #ff3333;
    font-weight: bold;
    background: #f5f0cf;
    padding: 10px 10px;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
    letter-spacing: 0.1em;
    width: 96%;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: .9em;
}

/* //CAUTION
------------------------------------------------------- */

/**********************************************/
.cp_box *,
.cp_box *:before,
.cp_box *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.cp_box {
    width: auto;
    margin: 2em auto;
}

.cp_container-outer label.more_red {
    font-weight: bold;
    position: relative;
    display: block;
    width: 80%;
    margin: auto;
    padding: 0.3em 1em;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
    color: #da3c41;
    border: 2px solid #da3c41;
    border-radius: 3px;
    background: #fff;
}

.cp_container-outer label.more_red:hover {
    transition: all 0.3s;
    color: #ffffff;
    background: #da3c41;
}

.cp_container-outer label.more_red::after {
    font-family: 'FontAwesome';
    content: ' \f067';
    color: #da3c41;
}

.cp_container-outer label.more_red:hover::after {
    color: #ffffff;
}

.cp_container-outer input.more_red:checked~label.more_red::after {
    font-family: 'FontAwesome';
    content: ' \f068';
    color: #da3c41;
}

.cp_container-outer input.more_red:checked~label.more_red:hover::after {
    color: #ffffff;
}

.cp_container-outer input {
    display: none;
}

.cp_container {
    position: relative;
    /*z-index: 10;*/
    overflow: hidden;
    height: 0;
    margin-top: -1px;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    background: rgba(255, 255, 255, 0.5);
}

.cp_container-outer input:checked~div {
    transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
}

/* 続きを読むを押すと表示されるテキストの高さ */
.cp_container-outer input:checked~div.cp_container {
    height: auto;
}

.i879-set.white .cp_container {
    background: none;
}

.i879-set.mother .cp_container {
    background: none;
}

/* flower Valentine
------------------------------------------------------- */
.question_flo_vale_des {
    color: #380e05;
    font-weight: 500;
    margin: 0 10px 20px;
}

.question_flo_vale_des span {
    font-size: 1.5em;
    margin-left: 2px;
    margin-right: 2px;
}

.question_flo_vale_result {
    margin: 0 10px 30px;
    text-align: center;
}

.question_flo_vale_result li dl dt {
    color: #380e05;
    font-weight: 500;
    font-size: .9em;
    padding: 0 10px;
    text-align: left
}

.question_flo_vale_result li dl dt:first-letter {
    color: #e7428b;
    font-family: 'Libre Baskerville', serif;
    font-size: 1.2em;
    font-weight: bold;
    float: left;
    margin-right: 6px;
    line-height: 1.5em;
}

.question_flo_vale_summary {
    background: #fffff4;
    border: dotted #8c736f 1px;
    color: #380e05;
    font-weight: 500;
    font-size: .9em;
    padding: 10px;
    margin-bottom: 50px;
}

.question_flo_vale_summary_img01 {
    display: none;
}

img.question_flo_vale_summary_img02 {
    width: 80px;
    float: right;
    shape-margin: 10px;
    -webkit-shape-outside: url(//images.i879.com/image/products/png/511349.png);
    shape-outside: url(//images.i879.com/image/products/png/511349.png);
}

/* Valentine epi */
.valentine_ep-ttl+p img {
    width: 100%;
}

.valentine_ep {
    margin: 30px 15px;
}

.valentine_ep li span {
    font-weight: bold;
    padding: 10px;
    border-left: 6px solid #ffd9d9;
    color: #ce0b30;
    display: block;
    margin-bottom: 8px;
}

.valentine_ep li:first-child {
    margin-bottom: 20px;
}

.valentine_ep li div {
    margin: 0 10px;
}

.valentine_ep li div p {
    display: inline-block;
    margin-bottom: 10px;
    line-height: 1.2em;
}

.valentine_ep-outer h3 {
    padding: 20px 15px 20px 5px;
    font-size: 1.2em;
    line-height: 1.3em;
    text-align: left;
    border-top: 1px solid #f0eded;
    border-bottom: 1px solid #f0eded;
    margin: 20px 0;
    line-height: 1;
    background: rgba(255, 255, 255, 0.8);
}

/* //flower Valentine
------------------------------------------------------- */

.ex_attention {
    width: 94%;
    padding: 8px 15px;
    margin-bottom: 40px;
    background: #ffffff;
    border: 1px solid #fedf8f;
    background-color: #fffde9;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-weight: bold;
    color: red;
}
.ex_attention.mother_attention{
    width: 100%;
    padding: 8px 15px;
    margin-bottom: 40px;
    background: #ffffff;
    border: 1px solid #fedf8f;
    background-color: #fffde9;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-weight: bold;
    color:red;
}

.ex_attention.w100 {
    width: 100%;
}

.ex_attention.mt30 {
    margin-top: 30px;
}

.ex_attention li:nth-of-type(1) {
    font-size: 1.2em;
    text-align: center;
}


.toc {
    padding: 15px 26px;
    background-color: #fafaf6;
    border: 4px solid #f4d3dd;
    margin: 0 15px 30px;
}


.toc__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    font-weight: bold;
    color: #c7000b;
    white-space: nowrap;
}

.toc__title span {
    padding-right: 10px;
}

.toc__title::after {
    content: '';
    width: 100%;
    margin-top: 1px;
    border-top: 1px solid #f6ccdd;
}

.toc-list__item {
    padding: 10px 0;
    line-height: 2;
    font-weight: 500;
    font-size: 18px;
}

.toc-list__item a {
    padding-left: 1em;
    display: block;
    position: relative;
    color: #c7000b;
}

.toc-list__item span:before {
    content: "◆";
}

.toc-list__item i {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 2;
    color: #ebaccb;
}

.toc-list__item img {
    line-height: 2;
    vertical-align: middle;
}

.toc-list-child__item {
    padding: 0 0 0 14px;
    line-height: 1.75;
    font-weight: normal;
    font-size: 16px;
}

.toc-list__item:not(:first-child) {
    border-top: 1px solid #f6ccdd;
}

/*osonae*/
.toc.osonae_ver {
    padding: 15px 20px;
    background-color: #fafbfc;
    border: 4px solid #97b3ca;
    margin: 0 15px 30px;
}

.osonae_ver .toc__title {
    color: #97b3ca;
}

.osonae_ver .toc__title::after {
    border-top: 1px solid #97b3ca;
}

.osonae_ver .toc-list__item a {
    color: #7492aa;
}

.osonae_ver .toc-list__item i {
    color: #7492aa;
}

.osonae_ver .toc-list__item:not(:first-child) {
    border-top: 1px solid #97b3ca;
}

.faq-sttl {
    font-weight: bold;
    color: #7492aa;
    font-size: 1.5em;
    margin: 1.2em 15px 1em;
}

.faq-sttl.bt_1 {
    border-top: 1px solid #97b3ca;
}

.faq-sttl-des {
    font-size: 1em;
    margin: 0 20px 1.5em;
}

.gotocontentsWrap {
    margin: 20px 15px;
    padding: 15px 10px;
    text-align: right;
    border-top: 1px solid #97b3ca;
    border-bottom: 1px solid #97b3ca;
}

/*//osonae*/

.m-column-ttl {
    font-size: 24px;
    color: #c7000b;
    text-align: left;
    border-bottom: 2px solid #c7000b;
    margin: 20px 20px 30px;
}

.m-column-ttl span:before {
    content: "◆";
}

.m-column-sttl {
    margin: 20px 20px;
    font-size: 18px;
    color: #c7000b;
}

.m-column-sttl span:before {
    content: "●";
}

.flower_language {
    background: #ffffe8;
    padding: 18px 15px;
    color: #6c4c28;
    margin: 0 20px 30px;
}

.m-column-img {
    margin: 0 20px 20px;
}

.m-column-img img {
    width: 100%;
}

.m-column {
    margin: 0 20px;
}

.m-column.mt20 {
    margin-top: 20px;
}

.m-column.mb20 {
    margin-bottom: 20px;
}

.flower-kind .btn_combi {
    font-size: .7em;
}

.faqBtn {
    width: 250px;
    height: auto;
    margin: 0 auto 30px;
    font-size: 1em;
    font-weight: bold;
    color: #fff;
    background-color: #F1696C;
    border-radius: 8px;
    text-align: center;
    vertical-align: middle;
    padding: 5px 0;
}

.faqBtn a {
    color: #fff;
    display: block;
}

.faqBtn a:hover {
    opacity: .6;
    text-decoration: none;
}

.faqBtn.father_ver {
    color: #fff;
    background-color: #51a0dc;
}

.flower-size__img img {
    width: 100%;
}

.flower-size__img {
    margin: 0 15px 30px;
}

.ending-notice {
    color: red;
    text-align: center;
    font-weight: bold;
    font-size: 1.5em;
    padding: 0 15px 10px;
    line-height: 1.2em;
}

.ending-notice span::before {
    content: "\A";
    white-space: pre;
}

.ending-notice span {
    font-size: .8em;
}

/* II-FUFU COLUMN
------------------------------------------------------- */
.box-other {
    padding: 0 20px;
}

.box-other {
    margin-top: 65px;
}

h2.box-other__title {
    padding-bottom: 40px;
    position: relative;
    font-size: 24px;
    color: #c70054;
    text-align: center;
}

.box-other__title span {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    line-height: 1;
    font-weight: normal;
    font-size: 14px;
}

.box-other__title::before {
    content: '';
    width: 100%;
    height: 20px;
    position: absolute;
    left: 0;
    bottom: 20px;
    background: url(https://images.i879.com/image/1122-column/bg_line.png) center center/cover no-repeat;
}

.box-other__body {
    padding-top: 40px;
}

.column-1122 .gs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.column-1122 .m-n10 {
    margin: -10px !important;
}

.column-1122 .gs__col {
    max-width: 100%;
    min-height: 1px;
    position: relative;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.column-1122 .gs__col img {
    width: 100%;
    height: auto;
}

.column-1122 .p10 {
    padding: 10px !important;
}

.column-1122 #essay a {
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    vertical-align: baseline;
    background-color: transparent;
}

.column-1122 #essay img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
}

.column-1122 .mt10 {
    margin-top: 10px;
}

.column-1122 .normal,
.column-1122 .regular {
    font-weight: 400 !important;
}

.column-1122 .fz14 {
    font-size: 14px !important;
}

/* //II-FUFU COLUMN
------------------------------------------------------- */

.xmas_index-ttl {
    text-align: center;
    width: 100%;
    color: var(--theme-color-10);
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 15px;
}

.blue01 .xmas_index-ttl {
    color: var(--theme-color-3);
}

.brown02 .xmas_index-ttl {
    color: var(--theme-color-40);
}
.blue04 .xmas_index-ttl{
    color: var(--theme-color-51);
}
.feature .box-seek__body #product {
    border: 1px solid #e2d7d6;
}

.feature .box-seek__body .local-nav-outer {
    margin-top: 1em;
}

#product .ranking.forward .mh90 .col_mother_ranking p.mother_product_name {
    min-height: 9em;
}
.ranking button.cart-button {
    min-height: 33px;
    width: 100%;
}
.ranking button.cart-button {
    font-size: 12px;
}


/* pc
------------------------------------------------------- */
@media screen and (min-width:641px),
print {

    .feature .smalltxt .product-menu__text--link {
        font-size: 12px;
        padding: 5px 0;
    }

    .feature .smalltxt .product-menu__text--sub-title {
        font-size: 12px;
    }

    .feature .smalltxt .product-menu__text.product-menu__text--title {
        font-size: 13px;
        font-weight: 500;
    }


    /* II-FUFU COLUMN
------------------------------------------------------- */
    .column-1122 .box-other__title {
        font-size: 30px;
    }

    .column-1122 .gs__col--md-3 {
        max-width: 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    }

    .column-1122 .gs__col--md-4 {
        max-width: 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
    }

    /* //II-FUFU COLUMN
------------------------------------------------------- */

    .ending-notice {
        font-size: 1.8em;
        padding: 20px 15px;
    }

    .m-column-ttl {
        margin: 20px 0 30px;
    }

    .m-column-sttl {
        margin: 20px 0;
    }

    .flower_language {
        margin: 0 0 30px;
    }

    .m-column-img {
        width: 640px;
        margin: 0 auto 20px;
    }

    /* hr
------------------------------------------------------- */
    hr.r_line {
        display: block;
        margin-bottom: 50px;
        border-top: 1px solid #fe699b;
        border-bottom: 1px solid #ccc
    }

    hr.b_line {
        display: block;
        margin-bottom: 50px;
        border-top: 1px solid #3f5dcc;
        border-bottom: 1px solid #ccc
    }

    hr.o_line {
        display: block;
        margin-bottom: 50px;
        border-top: 1px solid #c29c00;
        border-bottom: 1px solid #ccc
    }

    hr.wr_line {
        display: block;
        margin-bottom: 50px;
        border-top: 1px solid #d3223c;
        border-bottom: 1px solid #ccc
    }

    hr.g_line {
        display: block;
        margin-bottom: 50px;
        background-color: #fff;
        border-top: 2px dotted #ccc;
    }

    /* //hr
------------------------------------------------------- */

    /* SPECIAL GIFT
----------------------------------------------------- */

    .notice_set {
        overflow: hidden;
    }

    .notice_set_ttl {
        text-align: left;
        font-size: 1em;
        margin-bottom: 0;
    }

    .notice_set_ttl,
    .notice_set_des1,
    .notice_set_des2 {
        float: left;
        width: 75%;
    }

    .notice_set_des1 {
        font-size: 1em;
    }

    .notice_set_des2 {
        font-size: .9em;
    }

    .notice_set img {
        display: inline-block;
        margin-top: 15px;
    }

    /* //SPECIAL GIFT
----------------------------------------------------- */

    .display_sp {
        display: none;
    }

    /*#mother,#mother-flower,#mother-flower-03,#mother-set,#mother-set01,#mother-set02,#mother-set03{background: #FFE8E8;}*/
    .i879_contents {
        width: 1080px;
        margin: 0 auto;
        padding: 20px 40px;
    }

    .i879_contents.pt00-pt20 {
        padding: 20px 40px;
    }

    .product_cd {
        font-size: 0.8em;
        margin-bottom: 10px;
    }

    .product_spec {
        margin-bottom: 20px;
    }

    .btn_detail a {
        width: 100px;
        font-size: 1em;
        padding: 8px 10px;
        margin-right: 10px;
    }

    .btn_cart a {
        width: 200px;
        font-size: 1em;
        float: left;
    }

    .mother_btn_cart a {
        font-size: 0.5em;
    }

    /* contents--ttl
------------------------------------------------------- */
    .mother-contents--ttl {
        margin-left: -40px;
        margin-right: -40px;
    }

    .mother-contents--ttl img {
        top: 110px;
        left: 0;
        width: 287px;
    }

    .mother-contents--ttl p {
        top: 120px;
        left: 310px;
        color: #e66896;
        font-size: 1.2em;
    }

    .mother-contents--ttl h2 {
        font-size: 2em;
        line-height: 1.2em;
        padding: 80px 15px 30px 310px;
        margin: 0 0 20px;
        border-top: 70px solid #FAF0DE;
        background: #fff;
        font-weight: 800;
    }

    .contents--appeal {
        padding: 0 15px;
        font-size: .9em;
        color: #7a7a7a;
    }

    .mother-contents h3 {
        padding: 20px 0;
        font-size: 1.7em;
        margin-bottom: 20px;
        margin-top: 50px
    }


    /* keirou */
    .mother-contents--ttl.btnone img {
        top: 68px;
        left: 0;
    }

    .mother-contents--ttl.btnone p {
        top: 73px;
    }

    .mother-contents--ttl.btnone h2 {
        padding: 105px 15px 20px 310px;
        margin: 0 0 20px;
        border-top: none;
    }


    /* //contents--ttl
------------------------------------------------------- */

    /* PRODUCT
------------------------------------------------------- */
    .contents--col1 .zoom_g,
    .contents--col2 .zoom_g,
    .contents--col3 .zoom_g,
    .contents--col4 .zoom_g,
    .contents--col5 .zoom_g {
        display: block;
        position: absolute;
        right: 10px;
        bottom: 10px;
        width: 35px;
    }

    .contents--col1 .zoom_g {
        width: 50px;
    }

    .contents--col1.totalset01 .zoom_g {
        display: block;
        position: absolute;
        right: 10px;
        bottom: 35px;
        width: 50px;
    }

    .contents--col2.totalset02 .zoom_g,
    .contents--col3.totalset02 .zoom_g {
        display: block;
        position: absolute;
        right: 10px;
        bottom: 30px;
        width: 35px;
    }

    .contents--col4.totalset02 .zoom_g,
    .contents--col5.totalset02 .zoom_g {
        display: block;
        position: absolute;
        right: 10px;
        bottom: 45px;
        width: 35px;
    }

    .contents--col1 .btn_combi {
        margin: 0 auto;
    }

    .contents--col3 .btn_combi {
        margin: 3px auto 8px;
        font-size: .8em;
    }

    .contents--col4 .btn_combi,
    .contents--col5 .btn_combi {
        margin: 3px auto 8px;
        font-size: .8em;
        height: 2.8em;
    }

    .contents--col1.totalset01 .price {
        margin-bottom: 5px;
    }

    .contents--col3 .contents--img {
        width: 100%;
        float: none;
        margin: 0 auto;
    }

    .contents--col3.totalset02 .btn_combi {
        margin: 3px auto 15px;
    }

    .contents--col3.totalset02 .product_cd {
        width: 100%;
        float: none;
    }

    .contents--col3.totalset02 .product_name {
        width: 100%;
        float: none;
    }

    .contents--col3.totalset02 .product_title {
        width: 100%;
        float: none;
    }

    .contents--col3.totalset02 .price {
        width: 100%;
        float: none;
        margin-left: 0;
        text-align: left;
        margin-bottom: 5px;
    }

    .contents--col4 .contents--img {
        width: 100%;
        float: none;
        margin: 0 auto;
    }

    .contents--col4.totalset02 .btn_combi {
        margin: 3px auto 15px;
    }

    .contents--col4.totalset02 .product_cd {
        width: 100%;
        float: none;
    }

    .contents--col4.totalset02 .product_name {
        width: 100%;
        float: none;
    }

    .contents--col4.totalset02 .product_title {
        width: 100%;
        float: none;
    }

    .contents--col4.totalset02 .price {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-bottom: 5px;
    }


    .contents--col1 {
        overflow: hidden;
    }

    .contents--col1 li {
        overflow: hidden;
    }

    .contents--col1 .contents--img {
        width: 400px;
        float: left;
        margin-bottom: 0px;
        padding-left: 0;
        padding-right: 0;
    }

    .contents--col1 .contents--col1-r {
        width: 570px;
        float: left;
        padding-left: 35px;
        padding-right: 35px;
        margin-bottom: 0;
    }

    .contents--col1 .contents--img span.rank_spc {
        width: 100px;
    }

    .contents--col1 .product_title {
        font-size: 1.2em;
    }

    .contents--col1 .product_name {
        font-size: 1.2em;
    }

    .contents--col2 {
        overflow: hidden;
    }

    .contents--col2 .product_name {
        font-size: 1.3em;
    }

    .contents--col2 li {
        width: 50%;
        float: left;
        padding: 20px 40px 30px;
    }

    .contents--col2 .contents--img {
        width: 80%;
        float: none;
        margin: 0 auto;
    }

    .contents--col3 {
        overflow: hidden;
    }

    .contents--col3 li {
        width: 32.9%;
        float: left;
        padding: 25px 10px 25px;
    }

    .contents--col3 .contents--img {
        width: 300px;
        float: none;
        margin: 0 auto;
    }

    .contents--col3 .btn_detail a {
        width: 28%;
    }

    .contents--col3 .btn_cart a {
        width: 68%;
        float: left;
    }

    .contents--col4 {
        padding: 0 8px 0;
        overflow: hidden;
    }

    .contents--col4 li {
        width: 25%;
        float: left;
        padding: 25px 10px 25px;
    }

    .contents--col4 .contents--img {
        width: 100%;
        float: none;
        margin: 0 auto;
    }

    .contents--col4 .btn_detail a {
        padding: 10px;
        font-size: 0.8em;
        width: 30%;
        margin-right: 4px;
    }

    .contents--col4 .btn_cart a {
        padding: 10px;
        font-size: 0.8em;
        width: 66%;
        letter-spacing: 0em;
    }

    .contents--col5 {
        padding: 0 8px 0;
        overflow: hidden;
    }

    .contents--col5 li {
        width: 20%;
        float: left;
        padding: 20px 10px 20px;
    }

    .contents--col5 .contents--img {
        width: 100%;
        float: none;
        margin: 0 auto;
    }

    .contents--col5 .btn_detail a {
        padding: 8px 3px;
        font-size: 0.8em;
        width: 30%;
        margin-right: 4px;
    }

    .contents--col5 .btn_cart a {
        padding: 8px 3px;
        font-size: 0.8em;
        width: 66%;
        letter-spacing: 0em;
    }

    .contents--col1-r .price,
    .contents--col1 .price,
    .contents--col2 .price,
    .contents--col3 .price,
    .contents--col4 .price {
        text-align: left;
    }

    .price span.tax.small {
        font-size: .7em;
    }

    .contents--col2 .product_name {
        height: 3.3em;
    }

    .contents--col3 .product_name {
        height: 3.3em;
    }

    .contents--col4 .product_name {
        height: 3.5em;
        line-height: 1.3em;
    }

    .contents--col3.line6 .product_name {
        height: 6.2em;
    }

    .contents--col4.line4 .product_name {
        height: 4.5em;
    }

    .contents--col4.line5 .product_name {
        height: 5.2em;
    }

    .contents--col4.totalset02 .product_name {
        height: 4.2em;
    }

    .contents--col2.line1 .product_name {
        height: 1.2em;
    }

    .contents--col2.line2 .product_name {
        height: 2.2em;
    }

    .contents--col3.totalset02.line4 .product_name {
        height: 4.5em;
    }

    .contents--col4.totalset02.line5 .product_name {
        height: 5.2em;
    }

    .contents--col2 .product_title {
        height: 2.5em;
        display: inline-block;
    }

    .contents--col3 .product_title {
        height: 2.5em;
        display: inline-block;
    }

    .contents--col4 .product_title {
        height: 2.5em;
        display: inline-block;
    }

    .contents--col2 .product_title span {
        font-size: 1.2em;
        margin-top: 0;
    }

    .contents--col4.line4-pt .product_title {
        height: 4em;
    }

    .mother-region .price span.tax {
        font-size: .7em;
    }

    .contents--col3.totalset02 .product_spec {
        height: 2.5em;
    }

    .contents--col4 .product_spec {
        height: 2.5em;
    }

    .contents--col4.sline45 .product_spec {
        height: 4.5em;
    }

    .contents--col4.line03 .product_spec {
        height: 3.2em;
    }

    .contents--col4.line04 .product_spec {
        height: 4.2em;
    }

    .contents--col4.line05 .product_spec {
        height: 5.2em;
    }

    .contents--col4.line06 .product_spec {
        height: 6.2em;
    }

    .contents--col4.line07 .product_spec {
        height: 7.2em;
    }

    .contents--col4.line08 .product_spec {
        height: 8.2em;
    }

    .contents--col4.line09 .product_spec {
        height: 9.2em;
    }

    .contents--col4.line10 .product_spec {
        height: 10.2em;
    }


    .contents--col2--osusume {
        overflow: hidden;
    }

    .contents--col2--osusume li {
        width: 50%;
        float: left;
        padding: 20px 40px 30px;
    }

    .contents--col2--osusume dl dt {
        width: 80%;
        margin: 0 auto;
    }

    .osusume-ttl {
        padding: 20px 10px;
        font-size: 1.3em;
        font-weight: 900;
    }

    .contents--col3 .so_price {
        font-weight: 900;
        font-size: 1.5em;
    }

    /* //PRODUCT
------------------------------------------------------- */
    .more_btn {
        border-radius: 10px;
        margin: 50px auto 40px;
        font-size: 1.2em;
        width: 500px;
    }

    .more_btn a {
        padding: 15px;
    }

    .more_btn a:hover {
        opacity: .6;
    }

    .more_btn.more_btn_reco {
        margin: 0 auto 40px;
    }

    .more_btn.more_btn_reco.mt40 {
        margin: 40px auto 40px;
    }

    .more_btn.mt30 {
        margin-top: 0;
    }

    .more_btn.mt20-mt50 {
        margin-top: 50px;
    }

    .icon_link--design li span img {
        border-radius: 20px;
        width: 80px;
        height: 80px;
    }

    /*ICON NAV*/
    .icon-nav {
        margin: 5px 0 0;
    }

    .icon-nav li {
        overflow: hidden;
        padding: 0;
        text-align: left;
    }

    .icon-nav li dl dt {
        float: left;
        width: 20%;
        margin-right: 5px;
        padding: 5px;
        margin-bottom: 0;
        text-align: center;
    }

    .icon-nav li dl dd {
        width: 75%;
        float: left;
        padding-top: 9px;
        padding-left: 10px;
    }

    .icon-nav li dl dd {
        font-size: 1em;
        line-height: 1.2em;
    }

    .icon-nav li a {
        text-decoration: none;
    }

    .gift_subnav li {
        width: 200px;
        height: 200px;
    }

    .gift_subnav li.rank,
    .gift_subnav li.rank.full,
    .gift_subnav li.full {
        width: 200px;
        height: 200px;
    }

    .gift_subnav li.rank,
    .gift_subnav li.rank.full {
        background: url(https://images.i879.com/image/mother/motherrankback.png) no-repeat right top;
        background-size: 100%;
    }

    .gift_subnav li.rank img,
    .gift_subnav li.rank.full img,
    .gift_subnav li.full img {
        top: 75%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .gift_subnav li.full.set img {
        width: 90%;
        top: 65%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .gift_subnav li.full.pudding img {
        width: 90%;
        top: 55%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .gift_subnav li.rank.full.set-rank img {
        width: 90%;
        top: 45%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .linkbtn2 .gift_subnav {
        width: 400px;
        margin: 10px auto 30px;
    }

    .linkbtn3 .gift_subnav {
        width: 600px;
        margin: 10px auto 30px;
    }

    .linkbtn4 .gift_subnav {
        width: 800px;
        margin: 10px auto 30px;
    }

    .linkbtn6 .gift_subnav li {
        width: 16.6%;
        height: 166px;
    }

    .gift_subnav--des {
        font-size: .9em;
    }

    .gift_subnav--des.font85 {
        font-size: .85em;
    }

    .gift_subnav--des.smalltxt {
        font-size: .75em;
    }

    .gift_subnav--ttl {
        top: 30px;
    }

    .gift_subnav--ttl.font1,
    .gift_subnav--ttl.font95 {
        font-size: 1.1em;
    }

    .gift_subnav--ttl.font95-95 {
        font-size: .95em;
    }

    .full .gift_subnav--ttl,
    .full .gift_subnav--des {
        text-align: center;
        right: 0;
    }

    .gift_subnav li img {
        top: 75%;
    }

    .gift_subnav li.step img {
        top: 60%;
    }

    .gift_subnav li.step52-55 img {
        top: 55%;
    }

    .gift_subnav li.spt60 img {
        top: 75%;
    }

    .gift_subnav.set_subnav li img {
        top: 68%;
    }

    .gift_subnav li.newwork img {
        top: 68%;
    }

    .gift_subnav li.russian img {
        top: 68%;
    }

    .gift_subnav li.nest img {
        top: 68%;
    }

    .campaign .gift_subnav--ttl {
        top: 23%;
    }

    .gift_subnav li.campaign img {
        top: 77%;
    }


    .icon_link_ver {
        margin-bottom: 30px;
    }

    .icon_link_ver li {
        padding: 5px;
        display: inline-block;
        vertical-align;
    }

    .icon_link_ver li span {
        width: 50px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
    }

    .icon_link_ver li span img {
        width: 100%;
        border-radius: 5px;
        border: 2px solid #9a6700;
    }


    .gotoAnchor {
        height: 46px;
        display: inline-block;
        line-height: 46px;
        font-size: 14px;
    }

    .gotoAnchor span:after {
        white-space: normal;
    }

    .gotoAnchor {
        line-height: 3em;
    }

    .gotoAnchor::before {
        top: 2px;
        left: 2px;
    }


    .gotoAnchorWrap {
        margin: 20px 0;
        padding: 15px 0;
        border-top: none;
        border-bottom: none;
    }

    .fathersday_special .gotoAnchorWrap {
        border-top: none;
        border-bottom: none;
    }

    .i879-set .gotoAnchorWrap {
        margin: 20px 0 50px;
    }

    .set-long .gotoAnchor {
        padding: 0 10px 0 48px;
    }


    .gotoAnchorWrap a {
        border-top: solid 1px #7a7a7a;
        border-bottom: solid 1px #7a7a7a;
    }

    /* TIME TABLE
------------------------------------------------------- */
    .schedule_list_ver02_outer table.ate_table {
        width: 960px;
        margin: 0 auto;
    }

    .schedule_notice {
        padding: 0 15px;
        font-size: .9em;
        color: #333;
    }

    /* //TIME TABLE
----------------------------------------------------- */
    .howto_delivery {
        margin-top: 30px;
    }

    .cancel_reception {
        font-size: .95em;
    }

    .attention_cancel ul {
        font-size: .95em;
    }

    ul.btn_cancel {
        overflow: hidden;
    }

    .btn_cancel li {
        width: 48%;
        float: left;
        margin-right: 2%;
    }

    .btn_cancel li:first-child {
        margin-bottom: 0;
    }

    .btn_cancel li {
        margin-bottom: 0;
    }

    .btn_cancel li:last-child {
        margin-right: 0;
    }

    .btn_cancel li a:hover {
        opacity: .6;
    }

    .contents-index-set {}

    .contents-index-set-flexbox {
        display: flex;
        flex-wrap: wrap;
    }

    .contents-index-set-flexbox li {
        width: calc(25% - 5px);
        margin-bottom: 5px;
        margin-right: 5px;
    }

    .contents-index-set-flexbox li dl {
        display: flex;
        flex-wrap: wrap;
    }

    .contents-index-set-flexbox li dl dt {
        width: 75px;
    }

    .contents-index-set-flexbox li dl dt img {
        width: 100%;
        height: auto;
        border: 1px solid #727171;
    }

    .contents-index-set-flexbox li dl dd {
        width: calc(100% - 75px);
        padding: 0 3px 3px;
    }

    .contents-index-set-ttl {
        font-size: 1em;
        font-weight: 700;
        margin-bottom: 3px;
    }

    .contents-index-set-flexbox li dl dd {
        font-size: .7em;
    }

    /* mother */
    /* 190228 for mother*/
    .contents-index-flexbox.col4ver {
        height: 380px;
        overflow-x: visible;
        -webkit-overflow-scrolling: touch;
    }

    .contents-index-flexbox.col4ver {
        height: 470px;
    }

    .mother_diagnosis {
        margin: 10px 10% 0;
    }

    .mother_diagnosis-des {
        font-size: 1.2em;
        color: #ce0338;
        padding: 0;
        text-align: center;
        margin: 30px 0 20px;
    }

    .mother_diagnosis-btn {
        width: 450px;
        margin: 0 auto 30px;
    }

    .mother_diagnosis-btn a {
        font-size: 1.8em;
        background-position: 10px;
    }

    .mother_diagnosis-btn a:hover {
        opacity: .8;
    }

    .mother_diagnosis-btn a.display_pc {
        display: block;
        width: 100%;
        height: 100%;
    }

    .mother_diagnosis-btn a.display_sp {
        display: none;
    }

    .mother_diagnosis-btn02 {
        margin: 0 auto 20px;
        width: 500px;
    }

    .mother_diagnosis-btn02 a.display_pc {
        display: block;
    }

    .mother_diagnosis-des02 {
        color: #777;
        font-size: .75em;
        font-weight: 300;
    }


    .mother-chart-btn a.display_sp {
        display: none;
    }

    .mother-chart-btn a.display_pc {
        display: block;
    }

    .mother-chart-btn {
        width: 500px;
        margin: 0 auto 50px;
    }

    .mother-chart-btn img {
        vertical-align: bottom;
    }

    .mother-chart-btn {
        box-shadow: 0 12px 10px rgba(0, 0, 0, 0.4);
    }

    /*
.mother-chart-btn:before, .mother-chart-btn:after {
    bottom: 15px;
    box-shadow: 0 12px 10px rgba(0,0,0,0.8);
    content: "";
    left: 9px;
    max-width: 500px;
    position: absolute;
    top: 80%;
    transform: rotate(-7deg);
    width: 50%;
    z-index: -1;
}
*/

    .schedule_notice {
        padding: 10px 15px;
        font-size: .95em;
        color: #333;
    }

    /*EX PRODUCT TAG*/
    .ex-product-tag {
        width: 780px;
        margin: 30px auto;
        padding: 10px 20px;
    }

    .ex-product-tag dt {
        width: 100px;
        margin-right: 20px;
    }

    .ex-product-tag dd {
        padding-top: 5px;
    }

    .ex-product-tag dd p {
        display: block;
        line-height: 1.5em;
    }

    .ex-product-tag.moon dd p {
        display: inline;
        line-height: 1.5em;
    }

    .ex-product-tag.moon dd p.ex-ttl {
        display: block;
    }


    .heading-mini {
        margin: 30px 0 20px;
        font-size: 1.2em;
    }

    .ex-colore-outer {
        overflow: hidden;
        width: 960px margin:0 auto 30px;
        padding: 10px 15px;
    }

    .ex-colore {
        width: 52%;
        float: left;
        margin: 6px 3% 0 0;
        padding: 0;
        color: #7a7a7a;
        margin-bottom: 0;
    }

    .ex-colore p {}

    .ex-colore-outer img {
        margin: auto;
        display: inline;
        width: 45%;
        height: auto;
        float: left;
    }

    h2.mother-list-ttl span:before {
        width: 50px;
        height: 41px;
    }

    h2.mother-list-ttl span:after {
        width: 50px;
        height: 41px;
    }

    h2.mother-list-ttl {
        font-size: 1.3em;
    }

    h4.mother-list-ttl span:before {
        width: 50px;
        height: 41px;
    }

    h4.mother-list-ttl span:after {
        width: 50px;
        height: 41px;
    }

    h4.mother-list-ttl {
        font-size: 1.3em;
    }

    h3.mother-list-ttl span:before {
        width: 50px;
        height: 41px;
    }

    h3.mother-list-ttl span:after {
        width: 50px;
        height: 41px;
    }

    h3.mother-list-ttl {
        font-size: 1.3em;
    }

    h3.father-list-ttl span:before {
        width: 50px;
        height: 50px;
    }

    h3.father-list-ttl span:after {
        width: 50px;
        height: 50px;
    }

    h3.father-list-ttl {
        font-size: 1.3em;
    }

    .fathersday_special h3.mother-list-ttl span:before,
    .fathersday_special h3.mother-list-ttl span:after {
        width: 50px;
        height: 50px;
    }

    .keirouday_special h3.mother-list-ttl span:before,
    .keirouday_special h3.mother-list-ttl span:after {
        width: 50px;
        height: 50px;
    }

    /* 191023 PRICE LIST
------------------------------------------------------- */
    .price-list {
        height: 60px;
        margin-bottom: 60px;
    }

    .price-list li {
        width: 25%;
    }

    /* //191023 PRICE LIST
------------------------------------------------------- */

    /* contents--col1-slider
------------------------------------------------------- */
    .contents--col1-slider {
        padding: 20px 10px 30px;
    }

    .contents--col1-l .product_title {
        margin-bottom: 20px;
    }

    .contents--col1-l {
        width: 430px;
        float: left;
        margin-bottom: 0px;
    }

    .contents--col1-r {
        width: 550px;
        float: left;
        padding-left: 35px;
        padding-right: 35px;
        margin-bottom: 0;
    }

    .contents--col1-r .product_title {
        font-size: 1.2em;
    }

    .contents--col1-r .product_name {
        font-size: 1.2em;
    }

    /* //contents--col1-slider
------------------------------------------------------- */
    .contents--col1-l .slick-prev {
        left: 0;
    }

    .contents--col1-l .slick-next {
        right: 0;
    }

    .contents--col1-slider img {
        padding: 0 15px 0;
    }


    /* contents--ttl
------------------------------------------------------- */
    .i879-contents--ttl {
        padding: 35px 10px 10px 80px;
    }

    span.i879-contents--ttl-deco {
        margin: -73px -102px;
    }

    .contents-index-jump-ttl--outer span.i879-contents--ttl-deco {
        margin: -40px -102px;
    }

    .i879-contents--ttl.mt01 {
        background: #fed2d2;
        background-position: 890px;
        background-size: 100px;
        background-repeat: no-repeat;
    }

    .i879-contents--ttl.mh00 {
        background: #e8f4fc;
        background-position: 890px;
        background-size: 100px;
        background-repeat: no-repeat;
    }

    .i879-contents--ttl.ml10 {
        background: #fefaef;
        background-position: 890px;
        background-size: 100px;
        background-repeat: no-repeat;
    }

    .i879-contents--ttl.ml10.v02 {
        background: #fdecd2;
        background-position: 890px;
        background-size: 100px;
        background-repeat: no-repeat;
    }

    .i879-contents--ttl.xmas {
        background: #f1ecd6;
        background-position: 935px;
        background-repeat: no-repeat;
    }

    .i879-contents--ttl p {
        display: block;
        position: absolute;
        top: 10px;
        left: 80px;
        text-align: left;
        line-height: 1.2em;
        margin: 0 0 0 0;
        color: #51b2a1;
        padding: 0 0 0 0;
    }

    .i879-contents--ttl.xmas h2,
    .i879-contents--ttl.xmas p {
        color: #996600;
    }

    .i879-contents--ttl.purple01 p {
        color: #b922a0;
    }

    .i879-contents--ttl h2 {
        font-size: 1.5em;
        margin: 0 0 0 0;
        font-weight: 800;
        text-align: left;
        color: #714141;
    }

    .i879-contents h3 {
        padding: 20px 0;
        font-size: 1.7em;
        margin-bottom: 20px;
        margin-top: 50px;
        text-align: center;
        border-bottom: 1px dotted #cc9900;
    }

    .i879-contents--ttl.node p {
        display: block;
        position: absolute;
        top: 10px;
        left: 80px;
        text-align: left;
        line-height: 1.2em;
        margin: 0 0 0 0;
        color: #51b2a1;
    }

    .mothersday_special .i879-contents--ttl.nude {
        background: #fcfaf1;
        background-image: url(//images.i879.com/image/mother/20mother_tt_bk.png);
        background-position: 890px;
        background-size: 100px;
        background-repeat: no-repeat;
    }

    /* //contents--ttl
------------------------------------------------------- */
    .main_description {
        margin: 0 0 20px;
        font-size: .95em;
    }

    .mother-list-nav-outer input:checked~div.mln_container {
        height: 120px;
        height: 150px;
    }

    .mother-list-nav li {
        width: 25%;
        height: 80px;
    }

    .mother-list-nav-sttl {
        right: 15px;
        font-size: 1.2em;
    }

    /* SPECIAL CARD mother
----------------------------------------------------- */
    .sp_card {
        margin: 0 0 10px;
        padding: 0 10px 20px;
    }

    .sp_card dt {
        width: 35%;
        padding: 5px 0 0 5px;
    }

    .sp_card dd {
        width: 65%;
        padding: 5px 5px 0 20px;
    }

    .sp_card dd ul li {
        line-height: 1.3em;
    }

    .sp_card dd ul li.title_sp_card_pc {
        font-size: 1em;
    }

    /* SPECIAL CARD mother ver02  */
    .title_sp_card_pc_02 {
        border-radius: 5px;
        margin: 0 10px 10px;
        padding: 8px;
        font-weight: bold;
    }

    .sp_card_02 {
        width: 80%;
        padding: 0;
        margin: 50px auto 0;
    }

    .sp_card_02 dt {
        width: 25%;
        padding: 5px 0 0 5px;
    }

    .sp_card_02 dt img {
        text-align: center;
    }

    .sp_card_02 dd {
        width: 75%;
        padding: 5px 5px 0 8px;
    }

    .sp_card_02 dd ul {
        margin: 10px 20px 10px;
    }

    .sp_card_02 dd ul li {
        font-size: 1em;
        line-height: 1.3em;
    }

    /* //SPECIAL CARD mother
----------------------------------------------------- */

    .notice_santyoku {
        width: 100%;
        margin: 10px auto 30px;
        padding: 10px 30px 20px;
    }

    .notice_santyoku_ttl {
        margin-bottom: 10px;
    }


    /* PRODUCER MATERIALS
----------------------------------------------------- */
    .producer_materials_col2 {
        overflow: hidden;
        background: #FFFEEE;
    }

    .producer_materials_col2 .producer_materials {
        width: 50%;
        float: left;
    }

    .producer_materials.last label {
        border-bottom: none;
    }

    .producer_panel dl dt {
        width: 225px;
        margin: 10px 0 10px 10px;
        float: right;
    }

    .producer_panel_ttl {
        width: 50%;
        float: left;
        padding: 0 13px 10px;
    }

    .producer_panel_co {
        margin-top: 10px;
        width: 50%;
        float: left;
        padding: 0 13px 10px;
    }

    .producer_panel_des p {
        display: inline;
    }

    .producer_materials .producer_panel {
        -webkit-transition: .2s ease;
        transition: .2s ease;
    }

    .producer_materials input:checked+.producer_panel {
        min-height: 436px;
    }

    .producer_panel_des ol {
        margin: 5px;
    }

    .producer_panel_co span:before {
        content: "\A";
        white-space: pre;
    }

    .producer_panel_co span {
        margin-left: 5px;
        font-size: .9em;
    }

    .producer_detail dl dt {
        width: 225px;
        margin: 10px 0 10px 10px;
        float: right;
    }

    .producer_info_ttl_outer {
        background: #ffd9ec;
        background-image: url(//images.i879.com/image/mother/mother_mark05.png);
        background-repeat: no-repeat;
        background-size: 15%;
        background-position: 98% 27%;
        margin-bottom: 20px;
    }

    .producer_info_ttl_heading {
        top: 30px;
        left: 80px;
        font-size: 1.4em;
    }

    /* //PRODUCER MATERIALS
----------------------------------------------------- */
    /* SPECIAL GIFT
----------------------------------------------------- */
    h2.specialgift-ttl {
        font-size: 1.2em;
        line-height: 1.5em;
        padding: 8px 15px 12px 240px;
        margin-bottom: 20px;
    }

    .specialgift-logo {
        padding: 10px 20px;
        font-size: 1.5em;
        letter-spacing: .1em;
    }

    .notice_set {
        overflow: hidden;
        width: 100%;
    }

    .notice_set_ttl {
        text-align: left;
        font-size: 1em;
        margin-bottom: 0;
    }

    .notice_set_ttl,
    .notice_set_des1,
    .notice_set_des2 {
        float: left;
        width: 75%;
    }

    .notice_set_des1 {
        font-size: 1em;
    }

    .notice_set_des2 {
        font-size: .9em;
    }

    .notice_set img {
        display: inline-block;
    }

    .notice_santyoku {
        width: 100%;
        margin: 10px auto 30px;
        padding: 10px 30px 20px;
    }

    .notice_santyoku_ttl {
        margin-bottom: 10px;
    }


    .i879-set .contents--col1-l {
        border: 8px solid #fff;
        box-shadow: 0 0 8px #ccc;
        width: 458px;
    }

    .i879-set .contents--col1-l .slick-next {
        right: 10px;
    }

    .i879-set .contents--col1-l .slick-prev {
        left: 10px;
    }

    .i879-set .contents--col1-r {
        padding-left: 15px;
        padding-right: 0;
        width: 522px;
    }

    .i879-set .contents--col1-r .product_name {
        font-size: 1.3em;
    }

    .i879-set .contents--col1-r .product_lineup {
        padding: 0 15px 10px 0;
    }

    .i879-set .contents--col1-r .product_des {
        padding: 10px;
        margin: 0 0 15px;
    }

    .p-ttl {
        font-size: 1em;
    }

    .p-ttl::after {
        content: "";
        white-space: normal;
    }

    .i879-set .contents--col1 .product_spec {
        clear: none;
    }

    .i879-set .contents--col1 .row {
        clear: none;
    }

    .i879-set .contents--col1 li {
        padding: 10px 0 30px;
    }

    .i879-set .contents--col1 .contents--img {
        width: 35%;
        margin-right: 2%;
        margin-bottom: 0;
    }

    .i879-set .contents--col1 .btn_detail a {
        width: 95px;
    }

    .i879-set .contents--col1 .zoom_g {
        width: 35px;
    }

    .i879-set .contents--col2 .product_spec {
        clear: none;
    }

    .i879-set .contents--col2 .row {
        clear: none;
    }

    .i879-set .contents--col2 li {
        padding: 10px 5px 30px;
    }

    .i879-set .contents--col2 .contents--img {
        width: 35%;
        margin-right: 2%;
        margin-bottom: 0;
    }

    .i879-set .contents--col2 .btn_detail a {
        width: 95px;
    }

    .i879-set .contents--col2.col1-centering li {
        width: 100%;
    }

    /* //SPECIAL GIFT
----------------------------------------------------- */
    .set_materials {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .set_materials input {
        display: none;
    }

    .set_materials label {
        cursor: pointer;
        display: inline-block;
        padding: 3px 5px;
        color: #9D887D;
        font-weight: bold;
        border: 1px solid #9D887D;
        -webkit-transition: 0.1s;
        transition: 0.1s;
        font-size: 0.7em;
    }

    .set_materials label :hover {
        color: #fff;
        background: #9D887D;
    }

    .set_materials .set_panel {
        -webkit-transition: .3s ease;
        transition: .3s ease;
        height: 0;
        overflow: hidden;
        background: #F5F0CF;
        margin-top: 10px;
        padding: 0;
    }

    .set_materials .set_panel {
        font-size: 0.7em;
    }

    .set_materials input:checked+.set_panel {
        height: auto;
        padding: 10px 15px
    }

    /* SET
------------------------------------------------------- */
    .recomend-point {
        padding: 5px 10px;
        overflow: visible;
    }

    .recomend-point:after {
        content: '';
        display: block;
        clear: both;
        height: 0;
    }

    .recomend-point {
        /zoom: 1;
    }

    /* IE */

    .recomend-point dt {
        float: left;
        width: 22%;
        padding-left: 20px;
        padding-right: 10px;
    }

    .recomend-point dd {
        float: left;
        width: 78%;
        padding: 5px 20px;
    }

    .recomend-point dt img {
        width: 100%;
        padding: 0;
    }

    .recomend-point-ttl {
        padding: 5px 10px;
        border-radius: 8px;
        font-size: 1.2em;
        letter-spacing: .2em;
    }

    .recomend-point-des {
        text-align: left;
        margin-top: 5px;
        margin-bottom: 10px;
        padding: 0;
    }

    .set_materials {
        margin: 0;
    }

    .recomend-point dd .set_materials label {
        display: inline-block;
        padding: 3px 5px;
        font-size: 0.7em;
        width: auto
    }

    .recomend-point-outer {
        border-bottom: none;
        margin-left: 0px;
        margin-right: 0px;
    }

    .product_lineup li {
        display: inline-block;
    }

    .i879-set .contents--col1-r .product_lineup {
        padding: 0;
    }

    .special_card {
        padding: 20px 10px;
        width: 100%;
    }

    .special_card ul li.special_card-ttl {
        color: #996600;
        font-weight: bold;
        font-size: 1.2em;
        margin-bottom: 5px;
        text-align: left;
    }

    .special_card dl {
        overflow: hidden;
    }

    .special_card dl dt {
        width: 25%;
        float: left;
        margin-right: 2%;
    }

    .special_card dl dd {
        width: 73%;
        float: left;
    }

    .special_card dl dt img {
        padding: 0 10px 0;
        width: 100%;
    }

    .special_card ul li {
        font-size: 1em;
    }

    .supplementary {
        padding: 10px;
        box-shadow: 0 0 8px #ccc;
        width: 98%;
        margin-bottom: 20px;
        border-bottom: none;
    }

    /* //SET
------------------------------------------------------- */
    .style-list.w100 {
        width: 50%;
    }

    /* END ROLL
------------------------------------------------------- */
    h2.end_roll {
        font-size: 1.5em;
    }

    h2.end_roll {
        margin-bottom: 0;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .next_bnr_ttl {
        font-size: 1.2em;
    }

    h3.next_bnr {
        width: 520px;
        margin: 0 auto;
    }

    h3.next_bnr img {
        width: 100%;
    }

    h2.end_roll.campaign {
        margin: 10px 0 30px;
        padding: 10px 15px;
        font-size: 1.5em;
        text-align: center;
    }

    /* //END ROLL
------------------------------------------------------- */

    .mmm-concept {
        text-align: center;
        padding: 10px;
    }

    .mmm-concept-ttl {
        margin: 5px;
    }


    .mother-list.half li {
        width: 250px;
    }


    /* ==========================================================================
   set-product
   ========================================================================== */
    .set-product {
        margin-top: 40px;
        font-family: "Noto Sans JP", 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }

    .set-product--line {
        margin-bottom: 35px;
        border-bottom: 3px solid #e3c78e;
    }

    .set-product img {
        max-width: 100%;
        vertical-align: middle;
    }

    .set-product__body {
        margin-top: 20px;
    }

    .set-product__intro {
        line-height: 1.45;
        font-weight: 500;
        font-size: 22px;
        color: #5f1700;
    }

    .set-product__title {
        padding: 10px;
        font-weight: bold;
        font-size: 26px;
        color: #fff;
        text-align: center;
        background: #bc791e;
        background: linear-gradient(to right, #bc791e 0%, #e0cb63 50%, #bc791e 100%);
    }

    .set-product-box__img {
        text-align: center;
    }

    .set-product-box__img--large {
        padding: 0 10px;
        margin-top: 40px;
    }

    .photo-style {
        padding: 10px;
        display: inline-block;
        box-shadow: 0 0 8px 1px rgba(0, 0, 0, .2);
    }

    .set-product-box {
        /*  padding-bottom: 15px; */
    }

    .set-product-box__title {
        margin-top: 20px;
        padding-bottom: 10px;
        position: relative;
        line-height: 1.33;
        font-weight: bold;
        font-size: 24px;
        color: #775a4a;
        text-align: center;
        border-bottom: 3px solid #c09742;
    }

    .set-product-box__title::after {
        content: '';
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 3px;
        border-top: 1px solid #c09742;
    }

    .set-product-box__title--single {
        font-size: 20px;
        color: #8c7569;
        border-bottom-width: 1px;
        border-bottom-color: #8c7569;
    }

    .set-product-box__title--single::after {
        display: none;
    }

    .set-product-box__text {
        margin-top: 15px;
    }

    .set-product-recomend {
        margin: 40px 0 12px;
        padding: 5px 10px;
        font-weight: 500;
        font-size: 20px;
        color: #827370;
        letter-spacing: .2em;
        text-align: center;
        background-color: #fce082;
    }

    .set-product-grid {
        width: calc(100% + 16px);
        margin: 0 -8px 30px;
        display: flex;
        flex-wrap: wrap;
    }

    .set-product-grid__col {
        width: 50%;
        padding: 18px;
    }

    .col1-side-by .set-product-grid__col {
        width: 100%;
    }

    .col1-side-by .set-product-box__img {
        float: left;
    }

    .col1-side-by .photo-style {
        width: 452px;
    }

    .col1-side-by .photo-style img {
        width: 100%;
    }

    .col1-side-by .set-product-box__body {
        float: left;
        width: calc(100% - 452px);
        padding: 0 30px
    }

    .col1-centering .set-product-grid__col {
        margin: 0 auto;
    }

    /* ==========================================================================
//set-product
========================================================================== */

    /* OMAKASE FLOWER
------------------------------------------------------- */
    .omakase_display_sp {
        display: none
    }

    .omakase_display_pc {
        display: block
    }

    .omakase_gokibou {
        margin: 0 0 20px 40px
    }

    .ch_omakase_flo_kanban {
        width: 545px;
        margin-right: 15px;
        float: left;
        position: relative;
        min-height: 570px
    }

    .ch_omakase_flo_kanban {
        background: url(/image/father/img_sky.jpg);
        background-repeat: no-repeat;
        background-size: 155%;
        background-position: 0% 0%;
        /*80% 0%*/
    }

    .ch_omakase_oha {
        margin-top: 30px
    }

    .ch_omakase_oha span {
        display: inline
    }

    .ch_omakase_oha span {
        margin-right: 10px
    }

    .ch_omakase_flo_kanban h2 span {
        display: inline
    }

    .midasi13 .simasima_des {
        padding: 0px 0
    }

    /*おまかせイメージ*/
    .omakase_img {
        position: relative
    }

    .omakase_img01 {
        text-align: center
    }

    .omakase_img01 img {
        width: 300px;
        height: auto;
        position: absolute;
        top: 10px;
        right: 20px
    }

    .omakase_img02 img {
        display: block;
        width: 190px;
        height: auto;
        position: absolute;
        top: 50px;
        right: 330px
    }

    p.omakase_notice {
        position: absolute;
        width: 350px;
        top: 510px
    }

    .ch_omakase_flo_form {
        float: left;
        width: 44%
    }

    /*おまかせフォーム部分*/
    .ch_omakase_flo_form {
        border: 5px solid #CAF3FF;
        margin: 0px 0px;
        padding: 10px 15px 13px 15px
    }

    .ch_omakase_flo_form dl>dd.btn_cart a {
        width: 100%;
        margin: 20px auto 15px;
    }


    /*171011_OMAKASE XMAS*/
    .xmas .ch_omakase_flo_form {
        border: 5px solid #d8c546
    }

    /*171010 xmas*/
    .xmas .ch_omakase_flo_kanban {
        background: url(/image/xmas/bg_xmas_omakase2017.jpg);
        background-repeat: no-repeat;
        background-size: 105%;
        background-position: 0% 0%;
        /*80% 0%*/
    }

    .xmas .omakase_img01 img {
        width: 250px;
        height: auto;
        position: absolute;
        top: 0px;
        right: 20px
    }

    .xmas .omakase_img02 img {
        display: block;
        width: 200px;
        height: auto;
        position: absolute;
        top: 40px;
        right: 300px
    }

    .xmas p.omakase_notice {
        position: absolute;
        width: 350px;
        top: 510px;
        right: 8px
    }


    #ii-fufu .ch_omakase_flo_form {
        border: 5px solid #ffbddf;
        margin: 0;
        padding: 15px 20px 0;
    }

    #ii-fufu .ch_omakase_flo_form dl>dd.btn_cart a {
        margin: 30px auto 15px;
    }


    /* //OMAKASE FLOWER
------------------------------------------------------- */

    /*EX PRODUCT TAG*/
    .ex-product-tag {
        width: 780px;
        margin: 30px auto;
        padding: 10px 20px;
    }

    .ex-product-tag dt {
        width: 100px;
        margin-right: 20px;
    }

    .ex-product-tag dd {
        padding-top: 5px;
    }

    .ex-product-tag dd p {
        display: block;
        line-height: 1.5em;
    }

    .ex-product-tag.moon dd p {
        display: inline;
        line-height: 1.5em;
    }

    .ex-product-tag.moon dd p.ex-ttl {
        display: block;
    }

    .i879-contents--sttl {
        padding: 15px 15px 10px;
        margin: -20px -20px 25px;
    }

    .ex-product-list {
        width: 780px;
        margin: 30px auto;
        padding: 10px 20px;
        overflow: hidden;
    }

    .ex-product-list dl {
        width: 33.3%;
        float: left;
    }

    .ex-product-list img {
        width: 40%;
    }

    .ex-product-list-des {
        text-align: center;
    }


    /* FAQ
------------------------------------------------------- */
    .i879-faq-list-outer label .display_sp {
        display: none;
    }

    /* // FAQ
------------------------------------------------------- */
    /* MOTHER FAQ
------------------------------------------------------- */
    .mothersday-faq-list-outer label .display_sp {
        display: none;
    }

    /* // MOTHER FAQ
------------------------------------------------------- */

    h3.subheading-ttl {
        font-size: 1.7em;
        margin-top: 50px;
    }


    #osonae-obon .count_on_florist-l {
        background: #fafaf1;
        background-image: url(//images.i879.com/image/season/img_obon_osusume_02.jpg);
        background-size: 100%;
        background-position: 50% 0%;
        padding-top: 250px;
    }

    #osonae-obon .ch_omakase_oha {
        -webkit-transform: rotate(-0deg);
        -moz-transform: rotate(-0deg);
        transform: rotate(-0deg);
        -o-transform: rotate(-0deg);
        -ms-transform: rotate(-0deg);
        border-bottom: none;
        color: #97b3ca;
        padding-bottom: 5px;
        font-size: 1em;
        text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff;
    }

    #osonae-obon .ch_omakase_flo_form {
        border: 5px solid #97b3ca;
    }

    .keirou_ver .contents-index-jump-ttl--outer {
        background: #fcfaf1;
        background-image: url(//images.i879.com/image/keirou/leaf02.png);
        background-repeat: no-repeat;
        background-position: 890px;
        background-size: 100px;
        background-repeat: no-repeat;
    }

    .keirou_ver .column_index_title {
        background: #fdecd2;
        background-image: url(//images.i879.com/image/keirou/leaf02.png);
        background-repeat: no-repeat;
        background-position: 890px;
        background-size: 100px;
        background-repeat: no-repeat;
    }


    /* contents--ttl
    ------------------------------------------------------- */
    .contents--appeal {
        padding: 0 15px;
        font-size: .9em;
        color: #7a7a7a;
    }

    .xmas-contents h3 {
        padding: 20px 0;
        font-size: 1.7em;
        margin-bottom: 20px;
        margin-top: 50px
    }


    .xmas-contents--ttl {
        margin-left: 0;
        margin-right: 0;
    }

    .xmas-contents--ttl img {
        top: 0;
        left: 30px;
        width: 80px;
    }

    .xmas-contents--ttl p {
        top: 5px;
        left: 120px;
        color: #d6b630;
        font-size: 1.2em;
    }

    .xmas-contents--ttl h2 {
        font-size: 2em;
        line-height: 1.2em;
        padding: 30px 15px 30px 120px;
        margin: 0 0 20px;
        font-weight: 800;
        background: rgba(0, 0, 0, 0);
        background-image: url(https://images.i879.com/image/xmas/leaf02.png);
        background-repeat: no-repeat;
        background-position: right 40px bottom 30px;
    }

    .xmas-contents--ttl h2.smalltxt {
        font-size: 1.8em;
    }

    /* //contents--ttl
    ------------------------------------------------------- */
    .osusume-cart .cart a {
        width: 35%;
        letter-spacing: 0;
        font-size: 0.7em;
        padding: 12px 3px 12px 20px;
    }

    .osusume-cart select {
        width: 63%;
        padding: 11px 10px;
    }

    .contents--col4 .osusume-cart select {
        width: 100%;
    }

    .contents--col4 .osusume-cart .cart a {
        width: 100%;
        letter-spacing: 0;
        font-size: 0.8em;
        letter-spacing: .3em;
        padding: 12px 3px 12px 20px;
        margin-top: 10px;
    }

    /* Flower Valentine
    ------------------------------------------------------- */
    .question_flo_vale {
        padding: 30px 0;
    }

    .question_flo_vale_des {
        text-align: center;
        margin: 0 0 35px;
    }

    .question_flo_vale_result:after {
        content: '';
        display: block;
        clear: both;
        height: 0;
    }

    .question_flo_vale_result {
        /zoom: 1;
    }

    /* IE */
    .question_flo_vale_result {
        width: 845px;
        margin: 0 auto 30px;
        text-align: left;
    }

    .question_flo_vale_result li {
        width: 32%;
        float: left;
        margin-right: 10px;
    }

    .question_flo_vale_result li:last-child {
        margin-right: 0;
    }

    .question_flo_vale_result li dl dt {
        padding: 12px 5px 10px;
        text-align: center;
    }

    .question_flo_vale_summary {
        width: 845px;
        margin: 0 auto;
        background: #fffff4;
        border: dotted #8c736f 1px;
        color: #380e05;
        font-weight: 500;
        font-size: .9em;
        position: relative;
        min-height: 98px;
    }

    .question_flo_vale_summary p {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 3;
        margin-left: 87px;
        margin-top: 14px;
        width: 650px;
    }

    .question_flo_vale_summary_img01 {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    img.question_flo_vale_summary_img02 {
        position: absolute;
        top: 0;
        right: 2px;
        z-index: 2;
        width: 99px;
        float: none;
        shape-margin: 0;
        -webkit-shape-outside: none;
        shape-outside: none;
    }

    .can_chiiki_ttl {
        font-size: 1.2em
    }

    .wappen_ttl {
        width: 1000px;
        margin: 20px auto 5px;
        font-size: 1.3em;
    }

    .question_flo_vale_summary {
        margin-bottom: 0;
    }

    /* //contents--ttl
    ------------------------------------------------------- */


    /* Valentine epi */
    .valentine_ep-ttl+p {
        width: 500px;
        margin: 0 auto;
    }

    .valentine_ep {
        margin: 0 0 30px;
    }

    .valentine_ep li span {
        border-left: 10px solid #ffd9d9;
        font-size: 1.2em;
    }

    .valentine_ep li div {
        margin: 0 15px;
    }

    .valentine_ep li div p {
        display: inline;
        line-height: 1.2em;
    }

    .valentine_ep-outer h3 {
        font-size: 1.5em;
        text-align: left;
    }

    .ex_attention {
        width: 96%;
    }

    .ex_attention li:nth-of-type(1) {
        font-size: .9em;
        text-align: left;
    }

    .flower-size__img {
        margin: 20px 0 40px;
    }

    /*osonae*/
    .gotocontentsWrap {
        margin: 20px 0;
        padding: 15px 10px;
        border-top: none;
        border-bottom: none;
    }

    .gotocontentsWrap a {
        border-top: solid 1px #7a7a7a;
        border-bottom: solid 1px #7a7a7a;
        padding: 10px 40px;
    }

    /*//osonae*/


    /* //pc
------------------------------------------------------- */
}

/* for flick
------------------------------------------------------- */
@media screen and (max-width: 640px),
print {

    .t_link_heading {
        margin-bottom: 0;
    }

    .icon_link_ver {
        width: 100%;
        padding: 10px 0;
        white-space: nowrap;
        display: -ms-flexbox;
        display: -webkit-flex;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        background: #FFFEEE;
    }

    .icon_link_ver li {
        padding: 5px 8px;
        display: inline-block;
        vertical-align;
    }

    .icon_link_ver li span {
        width: 50px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
    }

    .icon_link_ver li span img {
        width: 100%;
        border-radius: 5px;
        border: 2px solid #9a6700;
    }

    .icon_link_ver.tandem {
        width: 100%;
        padding: 10px 0;
        white-space: normal;
        display: block;
        /* display: -webkit-flex; */
        /* overflow-x: scroll; */
        -webkit-overflow-scrolling: touch;
        background: #FFFEEE;
    }

    .icon_link_ver.tandem li {
        padding: 5px 20px;
        display: block;
    }

    .text_link {
        width: 100%;
        padding: 10px 0;
        white-space: nowrap;
        display: -ms-flexbox;
        display: -webkit-flex;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        background: #FFFEEE;
    }

    .text_link li {
        padding: 10px;
        padding-left: 20px;
    }

    .text_link li:before {
        top: 18px;
    }

    .text_link_outer {
        position: relative;
    }

    .text_link_outer::after {
        content: "→";
        position: absolute;
        top: 0;
        right: 0;
        background: rgba(255, 255, 255, 0.8);
        display: block;
        height: 100%;
        color: #ff6699;
        font-weight: bold;
        padding: 0 10px;
        padding-top: 8%;
    }

    .feature .box-page-btn.mb30-sp {
        margin-bottom: 30px;
    }

    .contents-index-set {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        background: #fffeee;
    }

    .contents-index-set-flexbox {
        display: flex;
        flex-wrap: nowrap;
    }

    .contents-index-set-flexbox li {
        background: #fff;
        padding: 10px 10px;
        margin: 10px 5px;
        border: 1px solid #ccc;
        min-height: 330px;
    }

    .contents-index-set-flexbox li dl {
        display: block;
    }

    .contents-index-set-flexbox li dl dt {
        width: 100%;
    }

    .contents-index-set-flexbox li dl dt img {
        width: 130px;
        border: none;
        height: auto;
    }

    .contents-index-set-flexbox li dl dd {
        width: calc(100% - 0px);
        padding: 0 3px 3px;
    }

    .contents-index-set-ttl {
        font-size: 1em;
        font-weight: bold;
        border-bottom: 1px solid #000;
        height: 4.8em;
        margin-bottom: 5px;
    }

    .contents-index-set-flexbox li dl dd {
        font-size: .75em;
    }


    /* 191010 MOTHER LIST
------------------------------------------------------- */
    .mother-list-outer {
        background: #fffff8;
        display: flex;
        margin: 0 auto 20px;
        max-width: 1000px;
        width: 100%;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
    }

    .mother-list li {
        width: 250px;
        max-width: 250px;
        min-width: 250px;
        height: 70px;
    }

    .mother-list.half li {
        width: 250px;
        max-width: 250px;
        min-width: 250px;
        height: 70px;
    }

    .mother-list.col5 li {
        width: 250px;
        max-width: 250px;
        min-width: 250px;
        height: 70px;
    }

    .mother-list {
        margin-bottom: 10px;
    }

    h4.mother-list-ttl {
        margin: 1em 0 .5em;
    }

    h4.mother-list-ttl {
        margin: 1em 0 .5em;
    }

    h4.mother-list-ttl.stxt {
        padding: 10px 0;
    }

    h4.mother-list-ttl.stxt span:before {
        width: 30px;
        height: 25px;
    }

    h4.mother-list-ttl.stxt span:after {
        width: 30px;
        height: 25px;
    }

    /* //191010 MOTHER LIST
------------------------------------------------------- */

    /* 191010 MOTHER LIST
------------------------------------------------------- */

    .style-list-outer.col4 {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        background: #CCC;
        margin-bottom: 30px;
    }

    .col4 .style-list {
        width: 1000px;
        -webkit-overflow-scrolling: touch;
        height: auto;
    }

    .col4 .style-list li {
        width: 250px;
        max-width: 250px;
        min-width: 250px;
        height: 70px;
    }

    .style-list.w100 {
        width: 100%;
    }

    /* //191010 MOTHER LIST
------------------------------------------------------- */


    /* mother footer index mother
------------------------------------------------------- */
    .contents-index-jump-flexbox-outer {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .contents-index-jump-flexbox {
        width: 1155px;
        width: 4650px;
        -webkit-overflow-scrolling: touch;
        background: #fffeee;
        height: 350px;
    }

    .contents-index-jump-flexbox li {
        background: #fff;
        padding: 10px 10px;
        margin: 10px 5px;
        border: 1px solid #ccc;
        min-height: 330px;
        width: 150px;
        display: inline-block;
        vertical-align: top;
    }

    .contents-index-jump-flexbox li h3 {
        font-size: 0.75em;
        margin-bottom: 5px;
        border-bottom: 1px solid #000;
        height: 4.8em;
    }

    .contents-index-jump-flexbox li p {
        font-weight: normal;
        font-size: 0.7em;
    }

    .contents-index-jump-flexbox li a {
        display: block;
    }

    /* 210206 */
    .mother-list {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
    }

    /* //mother footer index mother
------------------------------------------------------- */

    /* ==========================================================================
   set-product
   ========================================================================== */
    .set-product {
        margin-top: 30px;
        font-family: "Noto Sans JP", 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }

    .set-product--line {
        padding-bottom: 35px;
        margin-bottom: 35px;
        border-bottom: 3px solid #e3c78e;
    }

    .set-product img {
        max-width: 100%;
        vertical-align: middle;
    }

    .set-product__body {
        margin-top: 20px;
        padding: 0 10px;
    }

    .set-product__intro {
        line-height: 1.45;
        font-weight: 500;
        font-size: 16px;
        color: #5f1700;
    }

    .set-product__title {
        padding: 10px;
        line-height: 1.26;
        font-weight: bold;
        font-size: 23px;
        color: #fff;
        text-align: center;
        background: #bc791e;
        background: linear-gradient(to right, #bc791e 0%, #e0cb63 50%, #bc791e 100%);
    }

    .set-product-box__img {
        margin-top: 25px;
    }

    .set-product-box__body {
        padding: 15px 10px 0;
    }

    .set-product-box__title {
        padding-bottom: 15px;
        position: relative;
        line-height: 1.33;
        font-weight: bold;
        font-size: 24px;
        color: #775a4a;
        text-align: center;
        border-bottom: 3px solid #c09742;
    }

    .set-product-box__title::after {
        content: '';
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 3px;
        border-top: 1px solid #c09742;
    }

    .set-product-box__title--single {
        font-size: 20px;
        color: #8c7569;
        border-bottom-width: 1px;
        border-bottom-color: #8c7569;
    }

    .set-product-box__title--single::after {
        display: none;
    }

    .set-product-box__text {
        margin-top: 15px;
    }

    .set-product-recomend {
        margin: 20px 0 12px;
        padding: 5px 10px;
        font-weight: 500;
        font-size: 20px;
        color: #827370;
        letter-spacing: .2em;
        text-align: center;
        background-color: #fce082;
    }

    .set-product-grid {
        margin-bottom: 30px;
    }

    /* //mother footer index mother
------------------------------------------------------- */

    .valentine .gotoAnchor {
        font-size: 12px;
    }

    .spring-retirement .gotoAnchor {
        font-size: 12px;
    }

    .father_ver .contents-index-jump-ttl--outer {
        background: #E9F4FC;
        background-image: none;
    }

    /* contents--col1-slider
------------------------------------------------------- */
    .contents--col1-slider p.center {
        text-align: center;
    }
}


@media screen and (max-width:320px),
print {

    /*iphone5*/
    .iphone5_br {
        display: block;
    }

    .btn_cart a {
        padding: 8px 10px;
        font-size: .8em;
    }

    .btn_detail a {
        padding: 8px 10px;
        font-size: .8em;
    }

    .price span.tax {
        font-size: .65em;
    }

    .contents--col3.totalset02 .product_title,
    .contents--col4.totalset02 .product_title {
        float: right;
    }

    .contents--col3.totalset02 .price,
    .contents--col4.totalset02 .price {
        float: right;
    }

    .contents--col3.totalset02 .product_spec,
    .contents--col4.totalset02 .product_spec {
        clear: both;
    }

    .contents--col2 .btn_combi,
    .contents--col3 .btn_combi,
    .contents--col4 .btn_combi,
    .contents--col5 .btn_combi {
        font-size: .8em;
    }

    .i879-contents--ttl p {
        font-size: .8em;
    }

    .i879-contents--ttl p.smalltxt {
        font-size: 15px !important;
    }
}

@media screen and (min-width: 321px) and (max-width: 375px),
print {

    /*iphone6*/
    .btn_cart a {
        font-size: .9em;
    }

    .btn_detail a {
        font-size: .9em;
    }

    .i879-contents--ttl p {
        font-size: .85em;
    }

    .i879-contents--ttl p.smalltxt {
        font-size: 15px !important;
    }
}

@media screen and (min-width: 376px) and (max-width: 414px),
print {

    /*iphone6PLUS*/
    .specialgift-logo {
        padding-top: 5.5%;
    }

    .contents--col3.totalset02 .price {
        margin-left: 0;
        float: right;
    }

    .contents--col3.totalset02 .product_spec {
        clear: right;
    }

    .contents--col4.totalset02 .price {
        margin-left: 0;
        float: right;
    }

    .contents--col4.totalset02 .product_spec {
        clear: right;
    }

    .i879-contents--ttl p {
        font-size: .9em;
    }

    .i879-contents--ttl p.smalltxt {
        font-size: 15px !important;
    }
}



/* COLOR BOX 190306
------------------------------------------------------- */
#cboxOverlay {
    background: #000;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

#colorbox {
    outline: 0;
}

#cboxTitle {
    font-size: 1em;
    bottom: 20px;
}

#cboxContent {
    background: #000;
}

/* pc colorbox
------------------------------------------------------- */
@media screen and (min-width:641px),
print {
    #colorbox iframe {
        width: 355px;
        height: 525px;
    }

    .model_carnation {
        font-size: 1.2em;
    }

    #cboxTitle {
        font-size: 1em;
        bottom: 6px;
    }
}

@media screen and (max-width:320px),
print {

    /*iphone5*/
    .model_carnation {
        font-size: .8em;
    }

    #cboxTitle {
        font-size: .8em;
        bottom: 20px;
    }
}



/* SP
------------------------------------------------------- */


/* MOTHER FOOTER INDEX 200327
------------------------------------------------------- */
.hidden_box h2:after {
    font-family: 'FontAwesome';
    content: '\f0ab';
    vertical-align: middle;
    margin-left: 3px;
}

.hidden_box input {
    display: none;
}

/*
    h2.footer-index-ttl:after {
        font-family: 'FontAwesome';
        content: '\f0ab';
        vertical-align: middle;
        margin-left: 3px;
    }
    */
h2.footer-index-ttl {
    text-align: left;
    font-size: 1em;
    padding: 20px 0 0;
    margin: 0;
    text-decoration: underline;
}

/*footer-index-l1*/
.footer-index-l1 {
    overflow: hidden;
}

.footer-index-l1 h3 {
    font-size: 1em;
    text-align: center;
}

.footer-index-l1 p {
    font-size: 0.8em;
    text-align: center;
}

.footer-index-l1 li dl dt {
    width: 70%;
    margin: 0 auto;
}

.footer-index-l1 li img,
.footer-index ul li dl dt img {
    width: 100%;
    height: auto;
    border: 1px solid #727171;
}

.footer-index-l1 li {
    width: 25%;
    float: left;
    padding: 10px 5px;
    overflow: hidden;
}

/*footer-index*/
.footer-index ul li {
    padding: 10px;
}

.footer-index ul li dl {
    overflow: hidden;
}

.footer-index ul li dl dt {
    width: 28%;
    margin-right: 2%;
    float: left;
}

.footer-index ul li dl dd {
    width: 70%;
    float: left;
}

.footer-index ul li dl h3 {
    font-size: 0.85em;
    margin-bottom: 3px;
}

.footer-index ul li dl p {
    font-size: 0.8em;
}

/* //MOTHER FOOTER INDEX 200327
------------------------------------------------------- */

.ribon-ttl {
    position: relative;
    margin: 30px;
    text-align: center;
}

.ribon-ttl:before,
.ribon-ttl:after {
    position: absolute;
    z-index: 0;
    bottom: -10px;
    display: block;
    content: '';
    border: 25px solid #d90606;
}

.ribon-ttl:before {
    left: -20px;
    border-left-width: 15px;
    border-left-color: transparent;
}

.ribon-ttl:after {
    right: -20px;
    border-right-width: 15px;
    border-right-color: transparent;
}

.ribon-ttl span {
    position: relative;
    z-index: 1;
    display: block;
    padding: 10px;
    color: #fff;
    background: #eb6868;
    font-weight: bold;
    font-size: 1.1em;
}

.ribon-ttl span:before,
.ribon-ttl span:after {
    position: absolute;
    bottom: -10px;
    display: block;
    width: 10px;
    height: 10px;
    content: '';
    border-style: solid;
    border-color: #b70505 transparent transparent transparent;
}

.ribon-ttl span:before {
    left: 0;
    border-width: 10px 0 0 10px;
}

.ribon-ttl span:after {
    right: 0;
    border-width: 10px 10px 0 0;
}


table.mt_area-tab {
    margin: 30px auto 20px;
    width: 90%;
}

.mt_area-tab th {
    background: #e9727e;
    border: solid 1px #ccc;
    color: #fff;
    padding: 10px;
}

.mt_area-tab td {
    background: #fff;
    border: solid 1px #ccc;
    padding: 10px;
    color: #555;
    font-size: .95em;
}

.attention_parts {
    background: #fff;
    width: 90%;
    margin: 0 auto;
    padding: 10px 15px;
    border: 1px solid #f2e59d;
    font-size: .9em;
}

.attention_parts li {
    margin-bottom: 8px;
}

.attention_parts li:first-child {
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
    color: #ea6565;
}

.attention_parts li:last-child {
    margin-bottom: 0;
}

.attention_parts a {
    color: #C7000B;
    text-decoration: underline;
}

.attention_parts a:hover {
    opacity: .7;
    text-decoration: none;
}

.hero-thum img {
    width: 100%;
    height: auto;
}

.late-attention {
    margin: 0 15px 30px;
    font-size: .95em;
    text-align: center;
}

.late-attention p {
    margin-bottom: 10px;
}

.late-attention-guide a {
    color: #ea6565;
}

#episode .i879-contents--ttl {
    padding-top: 70px;
}


/* 220309
------------------------------------------------------- */
.btn_cart a {
    display: block;
    padding: 11px 5px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    background: #DA3940;
    text-align: center;
    letter-spacing: 0.2em;
    font-size: 0.8em;
}

.btn_cart a {
    padding: 9px 5px;
    font-size: .9em;
}

.box-btn {
    text-align: center;
    padding: 20px 5px 10px;
    clear: both;
}

#pageBody p.box-btn {
    margin-bottom: 0;
}

.box-btn a {
    width: calc(100% - 30px);
    display: inline-block;
    padding: 12px 10px;
    font-size: 1em;
    background: #ea5f5f;
    color: #fff;
    box-shadow: 0px 5px 0px -2px #e5e5e5;
    border-radius: 10px;
    font-weight: bold;
    position: relative;
    font-size: 20px;
}

.box-btn a:hover {
    opacity: .6;
    text-decoration: none;
}

.box-btn a .fa {
    font-size: 22px;
    font-weight: bold;
}

.box-btn a .fa {
    position: absolute;
    top: calc(50% - 0.5em);
    right: 0.5em;
}

.box-btn a::before {
    content: '';
    width: 36px;
    height: 37px;
    display: block;
    position: absolute;
    top: calc(50% - 18px);
    left: 10px;
    background: url(https://images.i879.com/image/mother-column/ico_flower.png) 0 0/cover no-repeat;
}

.box-btn.i879_ver a::before {
    content: '';
    width: 36px;
    height: 37px;
    display: block;
    position: absolute;
    top: calc(50% - 18px);
    left: 10px;
    background: none;
}

.box-btn.father_ver a {
    background: #51a0dc;
}

.box-btn.father_ver a::before {
    background: url(https://images.i879.com/image/father-column/ico_flower.png) 0 0/cover no-repeat;
}

.box-btn.keirou_ver a {
    background-color: #cc9933;
    box-shadow: 0px 5px 0px -2px #e5e5e5;
}

.box-btn.keirou_ver a::before {
    background: url(https://images.i879.com/image/keirou-column/ico_flower.png) 0 0/cover no-repeat;
}

/* pc
------------------------------------------------------- */
@media screen and (min-width:641px),
print {

    .box-btn a {
        width: 500px;
    }

    .ribon-ttl {
        margin: 30px auto;
        width: 60%;
    }

    .ribon-ttl span {
        font-size: 1.5em;
    }

    .mt_area-tab th {
        width: 100px;
        vertical-align: middle;
        font-size: .95em;
    }

    .mt_area-tab td {
        color: #000;
        font-size: .9em;
    }

    table.mt_area-tab {
        margin: 30px auto 30px;
    }


    .attention_parts {
        background: #fff;
        width: 90%;
        margin: 30px auto;
        padding: 15px 20px;
    }

    .late-attention p {
        margin-bottom: 0;
    }

    /* MOTHER FOOTER INDEX 200327
    ------------------------------------------------------- */
    .hidden_box h2 {
        text-align: left;
        font-size: 1em;
        padding: 20px 0 0;
        margin: 0;
        text-decoration: underline;
    }

    .footer-index ul {
        overflow: hidden;

    }

    .footer-index ul li {
        width: 25%;
        float: left;
        height: 110px;
    }

    .footer-index ul li dl h3 {
        font-size: 0.75em;
        margin-bottom: 3px;
    }

    .footer-index ul li dl p {
        font-size: 0.7em;
    }

    .hidden_box.half {
        width: 50%;
        float: left;
    }

    .half .footer-index ul li {
        width: 50%;
    }

    /* //MOTHER FOOTER INDEX 200327
    ------------------------------------------------------- */
    #episode .i879-contents--ttl {
        padding: 35px 10px 10px 80px;
    }
}

/* for flick
------------------------------------------------------- */
@media screen and (max-width: 640px),
print {

    .mt_area-tab th,
    .mt_area-tab td {
        border-bottom: none;
        display: block;
        width: 100%;
    }

    .mt_area-tab--pc {
        display: none;
    }

    /* MOTHER FOOTER INDEX 200327
    ------------------------------------------------------- */
    .footer-index-l1-outer {
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .footer-index-l1 {
        -webkit-overflow-scrolling: touch;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
        background: #fff;
        width: 610px;
    }

    .footer-index-l1 li {
        width: 150px;
        padding: 15px 10px;
    }

    .footer-index-l1 h3 {
        font-size: .8em;
    }

    /*ボタン装飾*/
    .hidden_box h2 {
        text-align: center;
        font-size: 1.2em;
        color: #701a09;
        background: #ffeeee;
        border: 1px solid #b69eb0;
        line-height: 1.1em;
        font-weight: 700;
        padding: 10px 20px;
        margin: 0;
    }

    h2.footer-index-ttl {
        text-align: center;
        font-size: 1.2em;
        color: #701a09;
        background: #ffeeee;
        border: 1px solid #b69eb0;
        line-height: 1.1em;
        font-weight: 700;
        padding: 10px 20px;
        margin: 0;
        text-decoration: none;
        margin-top: 20px;
    }

    /*ボタン装飾*/
    .father_ver .hidden_box h2 {
        color: #701a09;
        background: #e8f4fc;
        border: 1px solid #b69eb0;
    }

    .blue01_ver .hidden_box h2 {
        color: #701a09;
        background: #e8f4fc;
        border: 1px solid #b69eb0;
    }


    .hidden_box h2:hover {
        color: #fff;
        background: #b69eb0;
        border: 1px solid #b69eb0;
    }

    /*全体*/
    .hidden_box {
        margin: 0 0 15px;
        padding: 0;
    }

    /*ボタン装飾*/
    .hidden_box label {
        cursor: pointer;
    }

    /*中身を非表示にしておく*/
    .hidden_box .hidden_show {
        height: 0;
        padding: 0;
        overflow: hidden;
        opacity: 0;
        transition: 0.8s;
    }

    /*クリックで中身表示*/
    .hidden_box input:checked~.hidden_show {
        padding: 10px 0;
        height: auto;
        opacity: 1;
    }

    /* MOTHER FOOTER INDEX 200327
    ------------------------------------------------------- */

    /* 210206 */
    .i879-list {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
    }

    #keirou-set01 .gotoAnchor,
    #keirou-set02 .gotoAnchor {
        font-size: 13px;
    }

}


/* 221018 
------------------------------------------------------- */
.feature .box-goto-anchor {
    margin-top: 45px;
    text-align: right;
}

.feature .box-goto-anchor a {
    padding: 12px 20px;
    display: inline-block;
    font-size: 14px;
    color: #7a7a7a;
    text-decoration: none;
    border-top: 1px solid #7a7a7a;
    border-bottom: 1px solid #7a7a7a;
    transition: opacity .2s linear;
}

.feature .box-goto-anchor a::after {
    content: '▲';
    margin-left: .3em;
}

.feature .box-goto-anchor a:hover {
    opacity: .6;
}

.feature .present-item a {
    width: 100%;
}

.feature .present-item__head {
    border: 1px solid #ccc;
    text-align: center;
    vertical-align: middle;
}


/*xmas-index*/
.feature .present-item__title {
    margin-top: 5px;
    font-weight: bold;
    color: var(--theme-color-10);
    text-align: center;
}

.feature .blue01 .present-item__title {
    color: var(--theme-color-3);
}

.feature .blue04 .present-item__title {
    color: var(--theme-color-51);
}

.feature .brown02 .present-item__title {
    color: var(--theme-color-40);
}

.feature .present-item__text {
    margin-top: 5px;
    font-size: 14px;
}

.feature .present-item--side a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
}

.feature .present-item--side .present-item__head {
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
}

.feature .present-item--side .present-item__body {
    padding-left: 5px;
}

.feature .present-item--side .present-item__title {
    margin-top: 0;
    font-size: 14px;
    text-align: left;
}

.feature .present-item--side .present-item__text {
    margin-top: 5px;
    font-size: 12px;
}



/* SP
------------------------------------------------------- */
@media screen and (max-width: 768px),
print {
    .feature .present-item {
        padding: 0 5px;
    }
}

/* //221018 
------------------------------------------------------- */




/* FORSET NEW DESIGN
------------------------------------------------------- */
.column_index_innner h2 {
    text-align: left;
}

@media screen and (max-width: 767px) {
    #category {
        width: 100%;
        margin: 0;
    }

    .i879-contents--ttl {
        padding-top: 40px;
    }

    .i879-contents--ttl p {
        top: 15px;
    }

    .father_index_more {
        padding: 0 5.3%;
    }

    .column_index_table {
        margin-top: 30px;
    }

    .column_index_table div {
        width: 100%;
        display: block;
    }

    .column_index_table div:first-child {
        padding-top: 36.56%;
        position: relative;
        overflow: hidden;
    }

    .column_index_innner img {
        width: 100%;
        padding: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .column_index_innner h2 {
        margin-top: 15px;
        font-weight: bold;
        font-size: 18px;
        color: #353535;
        text-align: left;
    }

    .column_index_p {
        margin-top: 5px;
        display: block;
        font-size: 16px;
        color: #555;
    }
}

.feature .d-none {
    display: none !important;
}

.feature .d-block {
    display: block !important;
}

.feature .d-xs-none {
    display: block !important;
}

@media screen and (min-width: 320px) {
    .feature .d-xs-none {
        display: none !important;
    }
}

.feature .d-xs-block {
    display: none !important;
}

@media screen and (min-width: 320px) {
    .feature .d-xs-block {
        display: block !important;
    }
}

.feature .d-sm-none {
    display: block !important;
}

@media screen and (min-width: 560px) {
    .feature .d-sm-none {
        display: none !important;
    }
}

.feature .d-sm-block {
    display: none !important;
}

@media screen and (min-width: 560px) {
    .feature .d-sm-block {
        display: block !important;
    }
}

.feature .d-md-none {
    display: block !important;
}

.feature .d-pc-none {
    display: none !important;
}

@media screen and (min-width: 768px) {
    .feature .d-md-none {
        display: none !important;
    }

    .feature .d-pc-none {
        display: block !important;
    }
}

.feature .d-md-block {
    display: none !important;
}

@media screen and (min-width: 768px) {
    .feature .d-md-block {
        display: block !important;
    }
}

.feature .d-lg-none {
    display: block !important;
}

@media screen and (min-width: 1000px) {
    .feature .d-lg-none {
        display: none !important;
    }
}

.feature .d-lg-block {
    display: none !important;
}

@media screen and (min-width: 1000px) {
    .feature .d-lg-block {
        display: block !important;
    }
}

.feature .d-xl-none {
    display: block !important;
}

@media screen and (min-width: 1200px) {
    .feature .d-xl-none {
        display: none !important;
    }
}

.feature .d-xl-block {
    display: none !important;
}

@media screen and (min-width: 1200px) {
    .feature .d-xl-block {
        display: block !important;
    }
}

.feature img,
.feature embed,
.feature object,
.feature audio,
.feature video,
.feature iframe {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
}

.feature .product-nav-wrap {
    margin: 15px 0 40px;
}

.feature .product-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-around;
}

.feature .product-nav.nav02 {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.feature .product-nav.nav03 {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.feature .product-nav.nav04 {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.feature .product-nav__item {
    width: 15.8%;
}

.feature .nav07 .product-nav__item {
    width: 13.5%;
}

.feature .nav02 .product-nav__item,
.feature .nav03 .product-nav__item,
.feature .nav04 .product-nav__item {
    width: 158px;
}

.feature .product-nav__item a {
    padding-top: 100%;
    position: relative;
    display: block;
    text-decoration: none;
    transition: opacity .2s linear;
}

.feature .product-nav__item a:hover,
.product-nav__item a:focus {
    opacity: .5;
}

.feature .product-nav__item--disabled a {
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .feature .product-nav {
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -7px;
        margin: -7px 0;
    }

    .feature .nav02 .product-nav__item,
    .feature .nav03 .product-nav__item,
    .feature .nav04 .product-nav__item,
    .feature .nav06 .product-nav__item,
    .feature .nav07 .product-nav__item,
    .feature .col06_ver .product-nav__item {
        width: 49.33333%;
        padding: 7px;
    }

    .feature .product-nav.nav04 {
        width: 100%;
    }
}

.feature .product-menu {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #b79d99;
    border-radius: 8px;
    font-weight: bold;
}

.feature .product-menu--pink {
    background-color: #ffe4ee;
}

.feature .product-menu--pink01 {
background-color: #fef5f6;
}


.feature .product-menu--blue {
background-color: #e9f4fc;
}

.feature .product-menu--blue02 {
background-color: #E9F4FC;
}

.feature .product-menu--blue03 {
background-color: #e2ecfb;
}

.feature .product-menu--green01 {
background-color: #def0d9;
}
.feature .product-menu--green02 {
background-color: #f5fbf3;
}

.feature .product-menu--yellow {
background-color: #fffde9;
}

.feature .product-menu--yellow02 {
background-color: #fff4c7;
}

.feature .product-menu--orange {
background-color: #fff4e4;
}


.feature .product-menu--gray {
background-color: #ddd;
}

.feature .product-menu__text {
    position: relative;
    text-align: center;
    color: #353535;
    text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;
    z-index: 1;
    line-height: 1.2em;
}

.feature .line_one .product-menu__text {
    margin-top: 5px;
}

.feature .product-menu__text--sub-title {
    padding-top: 5px;
    font-size: 14px;
    line-height: 1.2em;
}

.feature .product-menu__text--link {
    width: 100%;
    padding: 7px 0;
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 1;
    font-weight: bold;
    color: #c00;
    background-color: rgba(255, 255, 255, 0.8);
}

.feature .product-menu__img {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
}

.feature .product-menu__img img {
    width: 80%;
    height: auto;
}

.feature .box__sub-title,
.feature .box__title {
    margin: 0;
    padding: 10px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.feature .box__sub-title {
    min-height: 45px;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background-color: #d4c483;
}

.feature .box__sub-title.purple01 {
    background-color: var(--theme-color-17);
}

.feature .box__sub-title.blue01 {
    background-color: var(--theme-color-4);
}

.feature .box__sub-title.blue02 {
    background-color: var(--theme-color-6);
}

.feature .box__sub-title.pink01 {
    background-color: var(--theme-color-19);
}

.feature .box__sub-title.pink02 {
    background-color: var(--theme-color-26);
}

.feature .box__sub-title.orange01 {
    background-color: var(--theme-color-23);
}

.feature .box__sub-title.yellow01{
    background-color: var(--theme-color-29);
}   
.feature .box__sub-title.blue03{
    background-color: var(--theme-color-31);
}
.feature .box__sub-title.blue04{
    background-color: var(--theme-color-50);
  }
.feature .box__sub-title.green01{
    background-color: var(--theme-color-35);
}
.feature .box__sub-title.brown01{
    background-color: var(--theme-color-38);
}
.feature .box__sub-title.brown02{
    background-color: var(--theme-color-40);
}
.feature .box__sub-title.skyblue01 {
    background-color: var(--theme-color-28);
}


.feature .box__title.purple01 {
    background-color: var(--theme-color-16);
}

.feature .box__title.blue01 {
    background-color: var(--theme-color-3);
}

.feature .box__title.pink01 {
    background-color: var(--theme-color-18);
}

.feature .box__title.pink02 {
    background-color: var(--theme-color-27);
}

.feature .box__title.orange01 {
    background-color: var(--theme-color-24);
}

.feature .box__title.skyblue01 {
    background-color: var(--theme-color-28);
}

.feature .box__title.blue03{
    background-color: var(--theme-color-33);
}
.feature .box__title.blue04{
    background-color: var(--theme-color-51);
}
.feature .box__title.green01{
    background-color: var(--theme-color-36);
}
.feature .box__title.brown01{
    background-color: var(--theme-color-39);
}
.feature .box__title.brown02{
    background-color: var(--theme-color-40);
}
.feature .box__title.brown03{
    background-color: var(--theme-color-49);
}

.feature .box__title {
    min-height: 63px;
    font-weight: 900;
    font-size: 24px;
    color: #fff;
    text-align: center;
    background-color: #c2281f;
}

.feature .box {
    height: auto;
    border: 0;
}

.feature .box__body {
    max-width: 1000px;
    width: 1000px;
    margin: 0 auto;
    padding: 35px 0 80px;
}

.feature .box__lead {
    margin-bottom: 35px;
}

@media screen and (max-width: 767px) {
    .feature .box__body {
        max-width: 100%;
        width: 100%;
        padding-left: 2.66667%;
        padding-right: 2.66667%;
    }
}

.feature .gs {
    width: 100%;
    margin-top: 50px;
    padding: 0 10px;
    display: -ms-flexbox;
    display: flex;
}

.feature .gs__col {
    padding: 10px;
    flex: inherit!important;
}

.feature .gs--mt0 {
    margin-top: 0;
}

.feature .gs--side-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.feature .gs--side-3.gs--side-3-column {
    flex-wrap: nowrap;
}

.feature .gs--side-3 .gs__col {
    width: 33.33%;
}

.feature .gs--side-4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.feature .gs--side-4 .gs__col {
    width: 25%;
}

.feature .gs--side-4-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.feature .gs--side-4-2 .gs__col {
    width: 25%;
}

.feature .gs--side-5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.feature .gs--side-5 .gs__col {
    width: 20%;
}

@media screen and (max-width: 767px) {
    .feature .gs {
        padding: 0;
    }

    .feature .gs__col {
        padding: 5px 0;
    }

    .feature .gs--side .gs__col {
        width: 100%;
    }

    .feature .gs--side-3 .gs__col {
        width: 50%;
    }

    .feature .gs--side-4 .gs__col {
        width: 50%;
    }

    .feature .gs--side-4-2 .gs__col {
        width: 100%;
    }

    .feature .gs--side-5 {
        min-width: 875px;
        min-width: 1750px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .feature .gs--side-5.col5_ver{
        min-width: 875px;
    }
    .feature .gs--side-5 .gs__col {
    width: 175px;
    padding: 0 5px;
    }
    .feature .scroll-md .nav09.gs--side-5 {
    min-width: 1550px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    }
    .feature .scroll-md .gs--side-4 {
    min-width: 1400px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    }
    .feature .scroll-md .gs--side-4 .gs__col {
    width: 175px;
    padding: 0 5px;
    }
    .feature .scroll-md.nav03 .gs--side-3 {
    min-width: 540px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    }
    .feature .scroll-md .gs--side-3 .gs__col {
    width: 175px;
    padding: 0 5px;
    }
}

.feature .scroll-md {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .feature .scroll-md {
        overflow-x: scroll;
    }
}

.feature .column-item {
    width: 100%;
}

.feature .column-item__title {
    margin-top: 5px;
    font-weight: bold;
    color: #000;
}

.feature .column-item a.rec__url{
    color: #f9576c;
    text-decoration: underline;
    font-size: 14px;
}

.feature .column-item__text {
    margin-top: 5px;
    font-size: 14px;
}

.feature .sub-title {
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 20px;
    color: #c2281f;
    border-bottom: 2px solid #c2281f;
}

.feature .sub-title.blue01 {
    color: var(--theme-color-4);
    border-bottom: 2px solid var(--theme-color-4);
}

.feature .sub-title.purple01{
    color: var(--theme-color-47);
    border-bottom: 2px solid var(--theme-color-47);
}

.feature .sub-title.pink01{
color: var(--theme-color-18);
border-bottom: 2px solid var(--theme-color-18);
}
.feature .sub-title.pink02{
color: var(--theme-color-27);
border-bottom: 2px solid var(--theme-color-27);
}
.feature .sub-title.orange01{
color: var(--theme-color-21);
border-bottom: 2px solid var(--theme-color-21);
}
.feature .sub-title.orange02{
color: var(--theme-color-42);
border-bottom: 2px solid var(--theme-color-42);
}
.feature .sub-title.yellow01{
color: var(--theme-color-29);
border-bottom: 2px solid var(--theme-color-21);
}
.feature .sub-title.blue03{
color: var(--theme-color-31);
border-bottom: 2px solid var(--theme-color-31);
}
.feature .sub-title.blue04{
    color: var(--theme-color-51);
    border-bottom: 2px solid var(--theme-color-51);
}
.feature .sub-title.green01 {
color: var(--theme-color-36);
border-bottom: 2px solid var(--theme-color-36);
}
.feature .sub-title.brown01 {
color: var(--theme-color-37);
border-bottom: 2px solid var(--theme-color-37);
}
.feature .sub-title.brown02 {
color: var(--theme-color-40);
border-bottom: 2px solid var(--theme-color-40);
}
.feature .sub-title.skyblue01 {
    color: var(--theme-color-28);
    border-bottom: 2px solid var(--theme-color-28);
}

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

.feature .box-page-btn {
    margin: 30px auto;
    text-align: center;
}

.feature .box-page-btn.mb30 {
    margin-bottom: 30px;
}


.feature .box-page-btn .btn {
    min-width: 400px;
    min-width: 430px;
    min-height: 50px;
    padding: 15px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    background-color: #e75200;
    border-radius: 100vh;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
    transition: background-color .2s linear;
}

.feature .box-page-btn .btn:hover,
.feature .box-page-btn .btn:focus {
    background-color: #f3a980;
}

.feature .box-page-btn .btn--ico-right i {
    position: absolute;
    top: calc(50% - .5em);
    right: 20px;
}

@media screen and (max-width: 767px) {
    .feature .box-page-btn .btn {
        min-width: initial;
        width: 100%;
    }
}

.feature .about {
    padding: 30px 15px 45px;
}

.feature .about-cancel {
    margin-top: 15px;
}

.feature .about-cancel--mt0 {
    margin-top: 0;
}

.feature .about-cancel dt {
    font-weight: bold;
    color: #f33;
}

.feature .cancel-list span {
    color: #f33;
}

.feature .cancel-btn-list {
    margin-top: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.feature .cancel-btn-list__item {
    width: calc(50% - 10px);
}

.feature .cancel-btn-list__item a {
    display: block;
    text-decoration: none;
    background: #f9f3ed;
    padding: 10px;
    color: #633;
    font-weight: bold;
    border: solid 1px #b9a097;
    font-size: .9em;
    line-height: 1.5em;
    border-radius: 2px;
    transition: opacity .2s linear;
}

.feature .cancel-btn-list__item a:hover {
    opacity: .5;
}

.feature .cancel-btn-list__item .within {
    color: #ff759b;
}

.feature .cancel-btn-list__item .orlater {
    color: #1E99FD;
}

@media screen and (max-width: 767px) {
    .feature .cancel-btn-list {
        display: block;
    }

    .feature .cancel-btn-list__item {
        width: 100%;
    }

    .feature .cancel-btn-list__item:not(:first-child) {
        margin-top: 10px;
    }
}

.feature .note-box {
    margin-top: 40px;
    border: 1px solid #eb6464;
}

.feature .note-box dt {
    min-height: 45px;
    padding: 5px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    background-color: #eb6464;
}

.feature .note-box dd {
    padding: 10px 20px;
    font-size: 14px;
    background-color: #fdeff5;
}

.feature .omakase {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.feature .omakase__head {
    width: 54.6%;
    border: 5px solid #caf3ff;
}

.feature .omakase__body {
    width: 44%;
    border: 5px solid #caf3ff;
}

/*xmas*/
.feature .xmas_ver .omakase__head {
    border: 5px solid #D7C447;
}

.feature .xmas_ver .omakase__body {
    border: 5px solid #D7C447;
}


@media screen and (max-width: 767px) {
    .feature .omakase {
        display: block;
    }

    .feature .omakase__head {
        width: 100%;
    }

    .feature .omakase__body {
        width: 100%;
        margin-top: 10px;
    }
}

.feature .schedule {
    margin-top: 10px;
}

.feature .schedule__title {
    margin: 10px 0;
    padding: 0 10px;
    font-size: 19px;
}

.feature .schedule__title span {
    background: linear-gradient(transparent 40%, #ff6 40%);
}

.feature .grid-schedule-wrap {
    margin: 10px 0;
    position: relative;
}

.feature .grid-schedule-wrap__arrow {
    display: none;
}

@media screen and (max-width: 767px) {
    .feature .grid-schedule-wrap {
        margin: 0 calc(50% - 50vw);
    }

    .feature .grid-schedule-wrap__inr {
        width: 100%;
        padding-right: 35px;
        overflow: auto;
    }

    .feature .grid-schedule-wrap__arrow {
        width: 35px;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        color: #eb6363;
        background-color: rgba(255, 255, 255, 0.643);
    }
}

.feature .grid-schedule {
    width: 100%;
    table-layout: fixed;
}

.feature .grid-schedule__lead {
    font-weight: bold;
    text-align: left;
}

.feature .grid-schedule__from {
    width: 40px;
}

.feature .grid-schedule th,
.feature .grid-schedule td {
    padding: 5px;
    font-weight: bold;
    color: #630;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ccc;
}

.feature .grid-schedule thead th {
    height: 44px;
    background-color: #e9ddd0;
}

.feature .grid-schedule.wide tbody td:nth-child(3), .feature .grid-schedule.wide tbody td:nth-child(4){
    font-size: 14px;
}

@media screen and (max-width: 767px) {
    .feature .grid-schedule {
        width: 720px;
    }

    .feature .grid-schedule.wide {
        width: 1000px;
    }
    .feature .grid-schedule thead th:first-child {
        width: 170px;
    }
    .feature .grid-schedule.wide thead th:first-child, .feature .grid-schedule.wide thead th:nth-child(2){
        width: 170px;
    }
}


.feature .scroll-md.scroll-all {
    overflow-x: scroll;
}

.feature .scroll-all .gs--side-5 {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.feature .scroll-all.nav06 .gs--side-5 {
    min-width: 1196px;
}

.feature .scroll-all.nav07 .gs--side-5 {
    min-width: 1200px;
}

.feature .scroll-all.nav08 .gs--side-5 {
    min-width: 1590px;
}

.feature .scroll-all.nav09 .gs--side-5 {
    min-width: 1790px;
}

.feature .scroll-all.nav10 .gs--side-5 {
    min-width: 1990px;
}

.feature .scroll-all.nav11 .gs--side-5 {
    min-width: 2190px;
}
.feature .scroll-all.nav12 .gs--side-5 {
    min-width: 2390px;
}

.feature .scroll-all.nav13 .gs--side-5 {
  min-width: 2420px;
}
.feature .scroll-all.nav14 .gs--side-5 {
  min-width: 2620px;
}
.feature .scroll-all.nav15 .gs--side-5 {
  min-width: 2720px;
}

/*
  .feature .scroll-all .gs {
    width: 1000px;
  }
  */


.feature .scroll-all.nav06 .gs--side-5 .gs__col,
.feature .scroll-all.nav07 .gs--side-5 .gs__col,
.feature .scroll-all.nav08 .gs--side-5 .gs__col,
.feature .scroll-all.nav09 .gs--side-5 .gs__col,
.feature .scroll-all.nav10 .gs--side-5 .gs__col,
.feature .scroll-all.nav11 .gs--side-5 .gs__col,
.feature .scroll-all.nav12 .gs--side-5 .gs__col,
.feature .scroll-all.nav13 .gs--side-5 .gs__col,
.feature .scroll-all.nav14 .gs--side-5 .gs__col {
    width: 196px;
}

/* for flick
------------------------------------------------------- */
@media screen and (max-width: 768px),
print {
    .feature .gs--side-3.mh65-sp .product--side .product_name {
        min-height: 6.5em;
    }

    .feature .box-page-btn.mb30-sp {
        margin-bottom: 30px;
    }

    /*newyear*/
    .feature .box-other__title {
        font-size: 24px;
    }

    .feature .nav03 .gs--side-3 {
        min-width: 700px;
    }

    .feature .nav05 .gs--side-5 {
        min-width: 875px;
    }

    .feature .scroll-all.nav06 .gs--side-5 {
        min-width: 1050px;
    }

    .feature .scroll-all.nav07 .gs--side-5 {
        min-width: 1200px;
    }

    .feature .scroll-all.nav08 .gs--side-5 {
        min-width: 1400px;
    }

    .feature .scroll-all.nav09 .gs--side-5 {
        min-width: 1600px;
    }

    .feature .scroll-all.nav10 .gs--side-5 {
        min-width: 1800px;
    }

    .feature .scroll-all.nav11 .gs--side-5 {
        min-width: 2000px;
    }

    .feature .scroll-all.nav12 .gs--side-5 {
        min-width: 2200px;
    }

      .feature .scroll-all.nav13 .gs--side-5 {
          min-width: 2300px;
      }
      .feature .scroll-all.nav14 .gs--side-5 {
          min-width: 2480px;
      }
      .feature .scroll-all.nav15 .gs--side-5 {
          min-width: 2680px;
      }

    .feature .product-nav {
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -7px;
        margin: -7px 0;
    }

    .feature .product-nav__item {
        width: 49.33333%;
        padding: 7px;
    }

    .feature .nav03 .product-nav__item,
    .feature .nav04 .product-nav__item,
    .feature .nav06 .product-nav__item,
    .feature .nav07 .product-nav__item,
    .feature .col06_ver .product-nav__item {
        width: 49.33333%;
        padding: 7px;
    }

    .feature .product-nav.nav02,
    .feature .product-nav.nav03,
    .feature .product-nav.nav04 {
        width: 100%;
    }

}

/* //for flick
------------------------------------------------------- */



/* local-nav
------------------------------------------------------- */
.feature .local-nav {
    margin: -5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.feature .local-nav__item {
    width: 25%;
    padding: 5px;
}

.feature .local-nav__btn {
    min-height: 70px;
    overflow: hidden;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: bold;
    font-size: 18px;
    border: 1px solid #b79d99;
    border-radius: 7px;
}

.feature .local-nav__btn span {
    position: relative;
    z-index: 1;
    text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;
}

.feature .local-nav__btn i {
    position: absolute;
    top: calc(50% - .5em);
    right: 15px;
    color: #b79d99;
}

.feature .local-nav__lead {
    margin-top: 10px;
    font-size: 12px;
    height: 6em;
}

.feature .local-nav__lead.center {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 12px;
    height: auto;
    text-align: center;
}

.feature .local-nav__img {
    height: 100%;
    position: absolute;
    top: 0;
    left: -20px;
}

.feature .local-nav__img.top_up {
    top: -20px;
}

.feature .ppver .local-nav__img {
    width: 50%;
    height: auto;
}
@media screen and (min-width: 768px) {
    .feature .col06ver .local-nav__btn, .feature .col07ver .local-nav__btn, .feature .col08ver .local-nav__btn{
        min-height: 70px;
        overflow: hidden;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: bold;
        font-size: 14px;
        border: 1px solid #b79d99;
        border-radius: 7px;
    }
    .feature .col06ver .local-nav__btn i, .feature .col07ver .local-nav__btn i, .feature .col08ver .local-nav__btn i {
        right: 0px;
    }
}

@media screen and (max-width: 767px) {
    .feature .local-nav {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .feature .local-nav__item {
        width: 50%;
    }

    .feature .local-nav-outer {
        width: 100%;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        overflow-y: hidden;
    }

    .feature .local-nav-outer .local-nav {
        width: 1110px;
        height: auto;
    }

    .feature .local-nav-outer .local-nav li {
        width: 220px;
    }

    .feature .local-nav-outer .local-nav.col02ver {
        width: 100%;
        height: auto;
    }

    .feature .local-nav-outer .local-nav.col02ver li {
        width: 50%;
    }

    .feature .local-nav-outer .local-nav.col03ver {
        width: 660px;
        height: auto;
    }

    .feature .local-nav-outer .local-nav.col03ver li {
        width: 220px;
    }

    .feature .local-nav__img.top_up {
        top: -10px;
    }

    .feature .local-nav-outer .local-nav.col04ver {
        width: 880px;
    }
    .feature .local-nav-outer .local-nav.col05ver{
    width:1110px;
    }
    .feature .local-nav-outer .local-nav.col06ver{
    width:1330px;
    }
    .feature .local-nav-outer .local-nav.col07ver{
    width:1550px;
    }
    .feature .local-nav-outer .local-nav.col08ver{
    width:1770px;
    }
    .i879-set .product_title {
        text-align: center;
        display: block;
    }
}

/* //local-nav
------------------------------------------------------- */


/* //FORSET NEW DESIGN
------------------------------------------------------- */

/* CART Javascript
------------------------------------------------------- */
input.cart-button[type="button"] {
  -webkit-appearance: none;
}
button.cart-button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

button.cart-button {
    min-height: 35px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
    transition: background-color .2s linear;
}
button.cart-button {
    width: 67%;
    padding: 10px;
    color: #fff;
    background-color: #da3940;
    border:1px solid #da3940;
    font-weight: 700;
    font-size: 1em;
    font-family: 'Noto Sans JP', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

button.cart-button:hover {
    color: #da3940;
    background-color: #fff;
}
button.cart-button .fa {
  margin-right: 5px;
}
/* pc
------------------------------------------------------- */
@media screen and (min-width:641px),print {
    button.cart-button {
        width: 41%;
        padding: 7px 10px;
    }
}


/* //CART Javascript
------------------------------------------------------- */

/* COLUMN RANKIING
------------------------------------------------------- */
.popular-report {
    box-sizing: border-box;
    display: flex;
    width: 100%;
    height: 225x;
    overflow-x: scroll;
}
.popular-report li {
    width: 35%;
    margin: 10px;
    flex-shrink: 0;
    position: relative;
}
.popular-report li img {
    width: 100%;
}
.popular-report li span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    color: #fff;
    background: #d4c483;
    padding: 5px;
}
h3.popular-report_ttl{
  padding: 5px 0 0;
  font-size: .95em;
  line-height: 1.5em;
}
.hero__copy h1.fukuro_moji.gray {
    text-shadow: #696665 0px 0px 5px!important;
}

/* pc
------------------------------------------------------- */
@media screen and (min-width:768px), print{
    .d-md-none {
        display: none !important;
    }
    /* COLUMN　RANKING
    ------------------------------------------------------- */
    .popular-report li {
        width: 16%;
    }
    .popular-report p{
        font-size: 14px;
    }
    .popular-report {
        height: 270px;
    }
    .box-interview__btn {
        margin:0 0 40px;
    }
    /* //COLUMN　RANKING
    ------------------------------------------------------- */
/* //pc
------------------------------------------------------- */
}

/* //COLUMN RANKIING
------------------------------------------------------- */
/* column text_link */
p.text_link a.blue01 {
    color: #5494D4;
    text-decoration: underline;
    cursor: pointer;
}
/* //column text_link */

/* chart */
.feature .box-bnr {
    margin-top: 65px;
    text-align: center;
    margin-bottom: 30px;
}
.feature .box-bnr__lead {
    font-weight: bold;
    color: var(--theme-color-10);
}
.feature .box-bnr__lead.blue01 {
color: var(--theme-color-6);
}
.feature .box-bnr__lead.blue04 {
color: var(--theme-color-50);
}
.feature .box-bnr__lead.brown02 {
color: var(--theme-color-40);
}

.feature .box-bnr__lead span {
color: #e95668;
}
.feature .box-bnr__lead.blue01 span {
color: var(--theme-color-6);
}
.feature .box-bnr__lead.blue04 span {
color: var(--theme-color-50);
}
.feature .box-bnr__lead.brown02 span {
color: var(--theme-color-40);
}