@charset "UTF-8";
/* CSS Document */
/*----------------------------------------
mothersday fathersday keirounohi 共通
---------------------------------------- */
body.day .day_container .feature_headline_area{
    margin-bottom: 10px;
}
body.day .day_container{
    margin-bottom: 100px;
}
body.day .day_container .contents{
    margin-bottom: 100px;
}
body.day .day_container #product_list{
    margin-top: 50px;
}
body.day .day_container a{
    text-decoration: none;
}
body.day #main_img img,
body.day .day_container .contents img{
    width: 100%;
    height: auto;
}
body.day .product_img a{
    text-decoration: none;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
body.day p.explanation{
    padding-bottom: 4em;
    text-align: left;
}
/*------------  PC  ------------*/
@media screen and (min-width: 950px) {
    body.day .day_container{
        max-width: 750px;
        margin: 0 auto;
    }
}
/*------------------------heading------------------------*/
body.day .heading_s h2{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #ff7199;
}
body.day .heading_s{
    padding: 4em 0 2em;
    position: relative;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20id%3D%22bg%22%20x%3D%220%22%20y%3D%220%22%20style%3D%22enable-background%3Anew%200%200%20150%2079%22%20version%3D%221.1%22%20viewBox%3D%220%200%20150%2079%22%3E%3Cstyle%3E.st0%7Bfill%3A%23ff7199%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M122.02%2048.1c-2.01-.55-4.21-1.06-6.51-1.54-.46-.2-.92-.38-1.37-.57h-.02c-11.73%202.6-25.56%203.92-39.03%203.92-13.41%200-27.19-1.32-38.89-3.88-.33.13-.68.27-1.02.42-2.21.46-4.34.93-6.28%201.45l-.04.02c-11.02%202.93-17.77%206.9-17.77%2011.29%200%209%2028.64%2016.32%2064.01%2016.32%2035.33%200%2063.99-7.32%2063.99-16.32.01-4.3-6.49-8.18-17.07-11.11zM109.26%2035.84c0-.07.01-.14.01-.21%200-17.49-15.41-31.67-34.43-31.67S40.41%2018.14%2040.41%2035.63v.02c9.44%201.83%2021.25%203.13%2034.96%203.13%2013.21%200%2024.65-1.2%2033.89-2.94z%22%20class%3D%22st0%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: 60px;
    background-position-x: 50%;
    background-position-y: 8px;
}
body.day div#introduction::before,
body.day div#introduction::after,
body.day .heading_s::before,
body.day .heading_s::after{
    display: block;
    background-size: contain;
    content: "";
    position: absolute;
    height: 100%;
}
/*------------ heading PC  ------------*/
@media screen and (min-width: 950px) {
    body.day .heading_s {
        padding: 5em 0;
    }
}
/*------------------------link------------------------*/
body.day .day_container .link a{
    padding: 1em 0;
    text-decoration: none;
    background: #fff04e;
    color: #ff7199;
    border-bottom: solid 4px #8c8c8c;
    border-radius: 35px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    max-width: 460px;
    margin: 0 auto;
    display: block;
}
body.day .day_container .link a:active{
    background: #ff7199;
    color: #fff04e;
}
body.day .day_container .link a h2{
    font-size: 15px;
}
body.day .day_container .link.row a{
    margin-bottom: 20px;
}
/*------------product_list  PC  ------------*/
@media screen and (min-width: 950px) {
    body.day .day_container .link a:hover{
        background: #ff7199;
        color: #fff04e;
    }
}
/*------------------------unit------------------------*/
body.day span.unit{
    text-align: center;
    color: #fff;
    background-color: #ff7199;
    display: inline-block;
    font-weight: bold;
    padding: 3px 5px;
    width: 100px;
    margin-right: 5px;
}
/*------------------------introduction------------------------*/
body.day div#introduction{
    position: relative;
    text-align: center;
}
body.day div#introduction p{
    font-size: 14px;
    line-height: 140%;
    margin: 20px auto;
    letter-spacing: 1px;
    text-align: justify;
}
body.day .day_container div#introduction a{
    color: #5f5f5f;
    font-weight: bold;
    text-align: right;
    display: block;
    text-decoration: underline;
}
/*------------------------product_list------------------------*/
body.day #products_intro{
    text-align: center;
    position: relative;
}
body.day #product_list ul{
    margin: 0;
}
body.day #product_list ul li{
    position: relative;
    margin-bottom: 2em;
}
body.day #process .step_img_area .product_img{
    width: 25%;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}
body.day #product_list ul li .product_name a{
     font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #5f5f5f;
    background-color: #FFC5D1;
    -webkit-box-shadow: 4px 4px 0 #ff7199;
    box-shadow: 4px 4px 0 #ff7199;
    padding: 10px;
    width: 65%;
    height: 45px;
    line-height: 24px;
    margin: 0 auto;
    -webkit-transition: .2s ease;
    transition: .2s ease;
    position: relative;
    display: block;
}
body.day #product_list ul li .product_name a:active{
    background-color: #FFE2E8;
}
body.day #product_list ul li .product_name::before,
body.day #product_list ul li .product_name::after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}
body.day #product_list ul li .product_info{
    border: 4px solid #FFC5D1;
    padding: 20px;
    margin: 20px;
    margin-top: -20px;
}
body.day #product_list ul li .product_txt{
    color: #5f5f5f;
    font-size: 16px;
    text-align: justify;
    line-height: 135%;
}
body.day #product_list ul li p.price{
    text-align: center;
    color: #5f5f5f;
    font-size: 18px;
    font-weight: bold;
    margin:15px 0;
}
body.day #product_list ul li p.price span.tax{
    font-size:15px;
    line-height: 200%;
}
body.day #product_list ul li .product_img{
    width: 80%;
    margin: 15px auto;
    position: relative;
}
body.day #product_list ul li img{
    width: 100%;
    height: auto;
}
body.day #product_list ul li .product_img:active img{
    opacity:0.7;
}
/*------------product_list  PC  ------------*/
@media screen and (min-width: 950px) {
    body.day #product_list ul{
        display: flex;
        flex-wrap: wrap;
    }
    body.day #product_list ul li{
        width: 50%;
    }
}
/*------------------------products_intro------------------------*/
body.day #products_intro #products_wrapper{
    margin:0 ;
}
body.day #products_intro #products_wrapper .product_content{
    position: relative;
    margin-bottom: 100px;
}
body.day #products_intro #products_wrapper .product_content:last-child{
    margin-bottom: 8em;
}
body.day #products_intro .contents_img{
    position:relative;
    z-index: 3;
}
body.day #products_intro .contents_img p,
body.day #products_intro .contents_img h3{
    position: absolute;
    top: 10px;
    left: 10px;
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    background: rgba(255,255,255,0.6);
    line-height: 1;
    padding: 5px 10px;
    letter-spacing: 1px;
}
body.day #products_intro a{
    text-decoration: none;
}
body.day #products_intro .product_area{
    background: #ffe8ed;
    padding: 20px;
    margin-top: -5px;
    position: relative;
    z-index: 1;
}
body.day #products_intro .product_area::after{
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    border: 45vw solid transparent;
    border-top: 40px solid #ffe8ed;
}
body.day #products_intro .product_area .product_img{
    width: 100%;
    height: 330px;
    position: relative;
    background: no-repeat url(/images/day/mothersday2024/goods_bg.png);
    background-size: contain;
    background-position-x: 50%;
}
body.day #products_intro .product_area .product_img img{
    width: 200px;
    height: auto;
    margin-top: 89px;
    cursor: pointer;
}
body.day #products_intro .product_area .product_img:active img{
    opacity:0.7;
}
body.day #products_intro .product_area .product_info img{
    margin:2em 0;
}
body.day #products_intro .product_area .product_info p{
    text-align: left;
}
body.day #products_intro .contents_img::before{
    display: block;
    background-size: contain;
    content: "";
    position: absolute;
    height: 100%;
}
body.day #products_intro .contents_img::before{
    width: 140px;
    height: 100px;
    background: no-repeat url(/images/day/mothersday2024/bg08.png);
    right: 10px;
    background-size: 100%;
    top: 130px;
    transform: rotate(-8deg);
}
body.day #products_intro .product_area .product_info .product_txt{
    font-size: 15px;
    text-align: justify;
    line-height: 160%;
    color: #5f5f5f;
}
body.day #products_intro .product_area p.price{
    text-align: center;
    font-size: 25px;
    margin: 15px 0;
    font-weight: bold;
    color: #5f5f5f;
}
body.day #products_intro .product_area p.price span.tax{
    font-size: 13px;
    margin-top: 5px;
    display: inline-block;
}
/*------------  PC  ------------*/
@media screen and (min-width: 950px) {
    body.day div#products_intro .contents_img p {
        top: 30px;
        left: 50px;
        margin: 0;
        font-size: 30px;
    }
    body.day div#products_intro .product_area {
        display: flex;
        flex-wrap: nowrap;
        padding: 160px 30px 30px;
        margin-top: -100px;
        position: relative;
        z-index: 1;
    }
    body.day div#products_intro .product_area .product_img {
        width: 50%;
        height: auto;
        position: relative;
        background: no-repeat url(/images/day/mothersday2024/goods_bg.png);
        background-size: contain;
    }
    body.day #products_intro .product_area .product_img img {
        margin-top: 90px;
        width: 70%;
    }
    body.day div#products_intro .product_area .product_info {
        display: flex;
        flex-direction: column;
        margin-left: 2em;
        width: 50%;
    }
    body.day #products_intro .product_area::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        border: 375px solid transparent;
        border-top: 40px solid #ffe8ed;
    }
}
/*------------------------ex 作例------------------------*/
body.day #products_intro .ex{
    padding: 70px 10px 50px;
    background-color: #FFF8FA;
}
body.day #products_intro .ex .slide_title{
    font-size: 18px;
    font-weight: bold;
    color: #E7287D;
    padding: 0 60px;
    display: inline-block;
    position: relative;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #F7C8D5;
    box-sizing: border-box;
}
body.day #products_intro .ex .slide_title::before,
body.day #products_intro .ex .slide_title::after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}
body.day #products_intro .ex .slide_title::before {
  top: 0;
  left: 0;
  border-width: 25px 0px 25px 10px;
  border-color: transparent transparent transparent #FFF8FA;
  border-style: solid;
}
body.day #products_intro .ex .slide_title::after {
  top: 0;
  right: 0;
  border-width: 25px 10px 25px 0px;
  border-color: transparent #FFF8FA transparent transparent;
  border-style: solid;
}
/*------------------------slide------------------------*/
body.day #products_intro .ex .ex_slide,
body.day .product_info .ex .ex_slide{
    width: 100%;
    position: relative;
    margin-top: 30px;
}
body.day #products_intro .ex .ex_slide_wrapper{
    width: 100%;
    position: relative;
    height: calc(300px * 0.91);
    margin: 0 auto;
    overflow: hidden;
}
body.day #products_intro .ex #slide_mb .ex_slide_wrapper{
    height: calc(300px * 0.54);
}
body.day #products_intro .ex #slide_sd .ex_slide_wrapper{
    height: calc(220px * 1.38);
}
body.day #products_intro .ex #slide_cj .ex_slide_wrapper{
    height: calc(190px * 1.18);
}
body.day #products_intro .ex #slide_ob .ex_slide_wrapper{
    height: calc(250px * 1.248);
}
body.day #products_intro .ex #slide_sj .ex_slide_wrapper{
    height: calc(300px * 0.62);
}
body.day #products_intro .ex #slide_hu .ex_slide_wrapper{
    height: calc(210px * 1.1);
}
body.day #products_intro .ex ul.ex_slide_inner,
body.day .product_info .ex ul.ex_slide_inner_p{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: -webkit-box;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 10px;
}
body.day #products_intro .ex ul li.ex_slide_list{
    width: 230px;
    height: calc(230px * 0.91);
    margin-left: 15px;
    margin-right: 0;
}
body.day #products_intro .ex #slide_mb ul li.ex_slide_list{
    width: 230px;
    height: calc(230px * 0.54);
}
body.day #products_intro .ex #slide_sd ul li.ex_slide_list{
    width: 220px;
    height: calc(220px * 1.286);
}
body.day #products_intro .ex #slide_cj ul li.ex_slide_list{
    width: 190px;
    height: calc(190px * 1.18);
}
body.day #products_intro .ex #slide_ob ul li.ex_slide_list{
    width: 250px;
    height: calc(250px * 1.248);
}
body.day #products_intro .ex #slide_sj ul li.ex_slide_list{
    width: 230px;
    height: calc(230px * 0.62);
}
body.day #products_intro .ex #slide_hu ul li.ex_slide_list{
    width: 190px;
    height: calc(190px * 1.1);
}
body.day #products_intro .ex ul li.ex_slide_list:first-of-type,
body.day .product_info .ex ul li.ex_slide_list_p:first-of-type{
    margin-left: 0px;
}
body.day .slide_container .slide_wrapper{
    height: 350px;
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
}
body.day .slide_container{
    margin-bottom: 50px;
    position: relative;
}
body.day .slide_container li.slide_item a .item_info .name p{
    font-size: 1.6rem;
    font-weight: 700;
}
body.day .slide_container li.slide_item a .item_info .txt{
    margin-top: 5px;
}
/*------------------------new_slide------------------------*/
body#mothersday .product_info ul li,
body#fathersday .product_info ul li{
    margin-bottom: 0;
}
body.day .product_info .ex .ex_slide_wrapper{
    width: 100%;
    position: relative;
    height: calc(240px * 0.91);
    margin: 0 auto;
    overflow: hidden;
}
body.day .product_info .ex #slide_mb_p .ex_slide_wrapper{
    height: calc(280px * 0.54);
}
body.day .product_info .ex #slide_sd_p .ex_slide_wrapper{
    height: calc(200px * 1.38);
}
body.day .product_info .ex #slide_cj_p .ex_slide_wrapper{
    height: calc(205px * 1.18);
}
body.day .product_info .ex #slide_ob_p .ex_slide_wrapper{
    height: calc(235px * 1.248);
}
body.day .product_info .ex #slide_ce_p .ex_slide_wrapper{
    height: calc(190px * 1.248);
}
body.day .product_info .ex #slide_hu_p .ex_slide_wrapper{
    height: calc(210px * 1.1);
}
body.day .product_info .ex #slide_sj_p .ex_slide_wrapper{
    height: calc(280px * 0.6223);
}
body.day .product_info .ex ul li.ex_slide_list_p{
    width: 180px;
    height: calc(180px * 0.91);
    margin-right: 0;
    margin-left: 15px;
}
body.day .product_info .ex #slide_mb_p ul li.ex_slide_list_p{
    width: 180px;
    height: calc(180px * 0.54);
}
body.day .product_info .ex #slide_sd_p ul li.ex_slide_list_p{
    width: 170px;
    height: calc(170px * 1.286);
}
body.day .product_info .ex #slide_cj_p ul li.ex_slide_list_p{
    width: 160px;
    height: calc(160px * 1.19);
}
body.day .product_info .ex #slide_ob_p ul li.ex_slide_list_p{
    width: 190px;
    height: calc(190px * 1.248);
}
body.day .product_info .ex #slide_ce_p ul li.ex_slide_list_p{
    width: 190px;
    height: calc(190px * 0.94);
}
body.day .product_info .ex #slide_sj_p ul li.ex_slide_list_p{
    width: 180px;
    height: calc(180px * 0.6223);
}
body.day .product_info .ex #slide_hu_p ul li.ex_slide_list_p{
    width: 180px;
    height: calc(180px * 1.115);
}
/*------------ slide PC  ------------*/
@media screen and (min-width: 950px) {
    body.day #products_intro .ex .ex_slide{
        width: 100%;
        position: relative;
        margin-top: 30px;
    }
    body.day #products_intro .ex .ex_slide_wrapper{
        width: 680px;
        position: relative;
        height: calc(330px * 0.91);
        margin: 0 auto;
        overflow: hidden;
    }
    body.day .product_info .ex .ex_slide_wrapper{
        width: 100%;
        position: relative;
        height: calc(240px * 0.91);
        margin: 0 auto;
        overflow: hidden;
    }
    body.day #products_intro .ex #slide_mb .ex_slide_wrapper{
        height: calc(300px * 0.54);
    }
    body.day #products_intro .ex #slide_sd .ex_slide_wrapper{
        height: calc(260px * 1.284);
    }
    body.day #products_intro .ex #slide_cj .ex_slide_wrapper{
        height: calc(190px * 1.18);
    }
    body.day #products_intro .ex #slide_ob .ex_slide_wrapper{
        height: calc(250px * 1.248);
    }
    body.day #products_intro .ex #slide_sj .ex_slide_wrapper{
        height: calc(300px * 0.62);
    }
    body.day #products_intro .ex #slide_hu .ex_slide_wrapper{
        height: calc(200px * 1.1);
    }
    body.day .product_info .ex #slide_mb_p .ex_slide_wrapper{
        height: calc(280px * 0.54);
    }
    body.day .product_info .ex #slide_sd_p .ex_slide_wrapper{
        height: calc(200px * 1.284);
    }
    body.day .product_info .ex #slide_cj_p .ex_slide_wrapper{
        height: calc(205px * 1.18);
    }
    body.day .product_info .ex #slide_ob_p .ex_slide_wrapper{
        height: calc(235px * 1.248);
    }
    body.day .product_info .ex #slide_ce_p .ex_slide_wrapper{
        height: calc(190px * 1.248);
    }
    body.day .product_info .ex #slide_sj_p .ex_slide_wrapper{
        height: calc(215px * 0.9);
    }
    body.day .product_info .ex #slide_hu_p .ex_slide_wrapper{
        height: calc(190px * 1.4);
    }
    body.day #products_intro .ex ul.ex_slide_inner,
    body#mothersday .product_info .ex .ex_slide_wrapper ul,
    body#fathersday .product_info .ex .ex_slide_wrapper ul{
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    body.day #products_intro .ex ul li.ex_slide_list{
        width: 300px;
        height: calc(300px * 0.91);
        margin-left: 15px;
        margin-right: 0;
    }
    body.day #products_intro .ex #slide_mb ul li.ex_slide_list{
        width: 300px;
        height: calc(300px * 0.54);
    }
    body.day #products_intro .ex #slide_sd ul li.ex_slide_list{
        width: 250px;
        height: calc(250px * 1.284);
    }
    body.day #products_intro .ex #slide_cj ul li.ex_slide_list{
        width: 190px;
        height: calc(190px * 1.18);
    }
    body.day #products_intro .ex #slide_ob ul li.ex_slide_list{
        width: 250px;
        height: calc(250px * 1.248);
    }
    body.day #products_intro .ex #slide_sj ul li.ex_slide_list{
        width: 300px;
        height: calc(300px * 0.62);
    }
    body.day #products_intro .ex #slide_hu ul li.ex_slide_list{
        width: 190px;
        height: calc(190px * 1.1);
    }
    body.day #products_intro .ex .ul li.ex_slide_list:first-of-typee{
        margin-left: 0px;
    }
    body#mothersday .product_info .ex ul li.ex_slide_list_p:first-of-type,
    body#fathersday .product_info .ex ul li.ex_slide_list_p:first-of-type{
        margin-left: 10px;
    }
    body#mothersday .product_info .ex ul li.ex_slide_list_p,
    body#fathersday .product_info .ex ul li.ex_slide_list_p{
        width: 180px;
        height: calc(180px * 0.91);
        margin-bottom: 0;
        margin-left: 15px;
    }
    body#mothersday .product_info .ex #slide_mb_p ul li.ex_slide_list_p{
        width: 180px;
        height: calc(180px * 0.54);
    }
    body#mothersday .product_info .ex #slide_sd_p ul li.ex_slide_list_p{
        width: 170px;
        height: calc(170px * 1.286);
    }
    body#mothersday .product_info .ex #slide_cj_p ul li.ex_slide_list_p,
    body#fathersday .product_info .ex #slide_cj_p ul li.ex_slide_list_p{
        width: 160px;
        height: calc(160px * 1.18);
    }
    body#mothersday .product_info .ex #slide_ob_p ul li.ex_slide_list_p,
    body#fathersday .product_info .ex #slide_ob_p ul li.ex_slide_list_p{
        width: 190px;
        height: calc(190px * 1.248);
    }
    body#fathersday .product_info .ex #slide_sj_p ul li.ex_slide_list_p{
        width: 215px;
        height: calc(215px * 0.62);
    }
    body#mothersday .product_info .ex #slide_ce_p ul li.ex_slide_list_p,
    body#fathersday .product_info .ex #slide_ce_p ul li.ex_slide_list_p{
        width: 190px;
        height: calc(190px * 0.94);
    }
    body#fathersday .product_info .ex #slide_hu_p ul li.ex_slide_list_p{
        width: 190px;
        height: calc(190px * 1.18);
    }
    body.day .ex .buttons .prev_btn,
    body.day .ex .buttons .next_btn,
    body.day .ex .buttons .prev_btn_p,
    body.day .ex .buttons .next_btn_p,
    body.day #decoto_list .buttons .prev_btn,
    body.day #decoto_list .buttons .next_btn,
    body.day #decoto_list .buttons .prev_btn_p,
    body.day #decoto_list .buttons .next_btn_p{
        opacity: 0.7;
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 45%;
        width: 40px;
        height: 40px;
        border: 3px solid #ff7199;
        background-color: #fff;
        border-radius: 50%;
        padding: 5px;
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.4);
        z-index: 10;
        cursor: pointer;
    }
    body.day .ex .buttons .prev_btn:hover,
    body.day .ex .buttons .next_btn:hover,
    body.day .ex .buttons .prev_btn_p:hover,
    body.day .ex .buttons .next_btn_p:hover,
    body.day #decoto_list .buttons .prev_btn:hover,
    body.day #decoto_list .buttons .next_btn:hover,
    body.day #decoto_list .buttons .prev_btn_p:hover,
    body.day #decoto_list .buttons .next_btn_p:hover{
        opacity: 1;
    }
    body.day .ex .buttons .prev_btn,
    body.day .ex .buttons .prev_btn_p,
    body.day #decoto_list .buttons .prev_btn,
    body.day #decoto_list .buttons .prev_btn_p{
        left: 0;
    }
    body.day .ex .buttons .next_btn,
    body.day .ex .buttons .next_btn_p,
    body.day #decoto_list .buttons .next_btn,
    body.day #decoto_list .buttons .next_btn_p{
        right: 0;
    }
    body.day .ex .buttons .prev_btn span.arrow_slide,
    body.day .ex .buttons .next_btn span.arrow_slide,
    body.day .ex .buttons .prev_btn_p span.arrow_slide,
    body.day .ex .buttons .next_btn_p span.arrow_slide,
    body.day #decoto_list .buttons .prev_btn span.arrow_slide,
    body.day #decoto_list .buttons .next_btn span.arrow_slide,
    body.day #decoto_list .buttons .prev_btn_p span.arrow_slide,
    body.day #decoto_list .buttons .next_btn_p span.arrow_slide{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 15px;
        height: 15px;
        border-top: 3px solid #ff7199;
        border-right: 3px solid #ff7199;
        -webkit-transform: rotate(220deg);
        transform: rotate(220deg);
        margin-left: 3px;
    }
    body.day .ex .buttons .next_btn span.arrow_slide,
    body.day .ex .buttons .next_btn_p span.arrow_slide,
    body.day #decoto_list .buttons .next_btn span.arrow_slide,
    body.day #decoto_list .buttons .next_btn_p span.arrow_slide{
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-right: 8px;
    }
    body.day .slide_container .slide_wrapper{
        width: 100%;
        margin: 10px;
        overflow-x: hidden;
    }
    body#keirounohi .slide_container .slide_outer ul.slide_list,
    body#fathersday .slide_container .slide_outer ul.slide_list{
        grid-auto-columns: 150px;
    }
    body#keirounohi .slide_container .slide_outer ul.slide_list li.slide_item,
    body#fathersday .slide_container .slide_outer ul.slide_list li.slide_item{
        width: 130px;
    }
}
/*------------------------voice_list------------------------*/
body.day #voice_list,
body.day #bulk_list{
    text-align: center;
}
body.day #voice_list .voice_pickup,
body.day #bulk_list .voice_pickup{
    margin-bottom: 50px;
}
body.day #voice_list .voice_txt,
body.day #bulk_list .voice_txt{
    background-color: #f6f6f6;
    color: #5f5f5f;
    font-size: 15px;
    line-height: 150%;
    text-align: left;
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 5px;
}
body.day #voice_list .voice_txt::before,
body.day #bulk_list .voice_txt::before {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 50%;
    border: 15px solid transparent;
    border-top: 15px solid #f6f6f6;
}
body.day #voice_list .voice_txt p,
body.day #bulk_list .voice_txt p{
    font-weight: bold;
    margin-bottom: 5px;
}
body.day #voice_list .voice_txt span.date,
body.day #bulk_list .voice_txt span.date{
    text-align: right;
    font-weight: bold;
    font-size: 12px;
    display: block;
}
body.day #voice_list .voice_info,
body.day #bulk_list .voice_info{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 70%;
    margin: 0 auto;
}
body.day #voice_list .voice_info .give{
    position: relative;
    margin-right: 10px;
    width: 50%;
}
body.day #voice_list .voice_info .give::after{
    display: block;
    background-size: contain;
    content: "";
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #FF7199;
    position: absolute;
    top: 50%;
    right: -15px;
}
body.day #voice_list .voice_info .get{
    margin-left: 10px;
    width: 50%;
}
body.day #voice_list .voice_info .give_info,
body.day #voice_list .voice_info .get_info,
body.day #bulk_list .voice_info .bulk_info{
    font-size: 12px;
    font-weight: bold;
    line-height: 120%;
    margin-top: 10px;
    color: #5f5f5f;
}
body.day #bulk_list .voice_info .bulk{
    width: 100%;
    flex-direction: column;
}
body.day #bulk_list .voice_info .bulk_img{
    width: 50%;
    height: auto;
    margin: auto;
}
/*txt_contents*/
body.day #txt_contents .txt_wrapper{
    text-align: left;
    margin: 0 auto;
    margin-bottom: 50px;
}
body.day #txt_contents .txt_wrapper h2,
body.day #txt_contents .txt_wrapper h3{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 120%;
}
body.day #txt_contents .txt_wrapper .txt_inner{
    margin-top: 10px;
}
body.day #txt_contents .txt_wrapper .img_area{
    position: relative;
    width: 70%;
    margin: 0 auto;
    margin-bottom: 10px;
}
body.day #txt_contents .txt_wrapper .img_area img{
    width:calc(100% - 20px);
    border: 1px solid #ccc;
    padding: 10px;
}
body.day #txt_contents .txt_wrapper .img_txt{
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    font-weight: bold;
    font-family: sans-serif;
    stroke-linejoin: round;
}
body.day #txt_contents .txt_wrapper .txt_area{
    text-align: justify;
}
body.day #txt_contents .txt_wrapper p{
    font-size: 15px;
    line-height: 130%;
}
body.day span.bold_color{
    font-weight: bold;
    color: #ff7199;
}
/*------------ voice_list PC  ------------*/
@media screen and (min-width: 950px) {
    body.day #voice_list .voice_pickup,
    body.day #bulk_list .voice_pickup {
        display: flex;
        flex-wrap: nowrap;
        margin-bottom: 50px;
    }
    body.day #voice_list .voice_txt,
    body.day #bulk_list .voice_txt {
        background-color: #f6f6f6;
        color: #5f5f5f;
        font-size: 15px;
        line-height: 150%;
        text-align: left;
        position: relative;
        display: inline-block;
        margin-right: 20px;
        padding: 20px;
        border-radius: 5px;
        width: 70%;
    }
    body.day #voice_list .voice_info,
    body.day #bulk_list .voice_info {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        width: 30%;
    }
    body.day #voice_list .voice_info .give {
        position: relative;
        margin-right: 10px;
        width: 50%;
    }
    body.day #voice_list .voice_info .get {
        margin-left: 10px;
        width: 50%;
    }
    body.day #txt_contents .txt_wrapper .txt_inner {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        margin-top: 10px;
    }
    body.day #txt_contents .txt_wrapper .img_area {
        width: 35%;
        margin-right: 3%;
        position: relative;
        margin-bottom: 0;
    }
    body.day #txt_contents .txt_wrapper .txt_area {
        width: 67%;
    }
    body.day #decoto_list ul.decoto_area li{
        width: 30%;
    }
}
/*------------------------decoto_list------------------------*/
body.day #decoto_list{
    text-align: center;
}
body.day #decoto_list ul.decoto_area{
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
body.day #decoto_list ul.decoto_area li{
    margin-bottom: 50px;
    width: 47%;
}
body.day #decoto_list ul.decoto_area li .product_img_main{
    border: 1px solid #ccc;
    margin-bottom: 15px;
}
body.day #decoto_list ul.decoto_area li .product_img_main:active img{
    opacity: 0.7;
}
body.day #decoto_list ul.slide_list li .product_name{
    height: 40px;
    font-size: 15px;
    font-weight: bold;
    color: #434343;
    text-decoration: underline;
}
body.day #decoto_list ul.slide_list li .product_name:active{
    text-decoration: none;
}
body.day #decoto_list ul.slide_list li .product_price{
    font-size: 15px;
    margin-top: 6px;
}
body.day #decoto_list ul.slide_list li .product_txt{
    font-size: 13px;
    line-height: 110%;
    text-align: justify;
    margin-top: 5px;
    margin-bottom: 10px;
}
body#mothersday .slide_ctn h3.slide_ttl_sub,
body#fathersday .slide_container h3.slide_ttl_sub{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 120%;
}
body#mothersday .slide_ctn .decoto_item_point p,
body#fathersday .slide_container .decoto_item_point p{
    text-align: center;
    margin-top: 0.5em;
}
/*------------------------decoto_list category(mothersday)------------------------*/
body#mothersday .slide_ctn .slide_container .slide_wrapper{
    margin-bottom: 0;
}
body#mothersday .slide_ctn .slide_outer ul.slide_list{
    display: inline-grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(1, auto);
    grid-auto-columns: 190px;
    padding: 15px;
    padding-top: 0;
    margin-right: 20px;
}
body#mothersday .slide_ctn .slide_outer ul.slide_list li.slide_item{
    position: relative;
    margin-right: 15px;
    padding-top: 10px;
    text-align: left;
}
body#mothersday .slide_ctn .slide_outer ul.slide_list li.slide_item img{
    padding: 5px;
    border: 1px solid #e2e2e2;
    margin-bottom: 5px;
}
body#mothersday .slide_ctn .slide_outer li.slide_item a .item_info .name{
    margin-bottom: 5px;
}
body#mothersday .slide_ctn h3.slide_ttl_sub .heading_inner{
    border-bottom: dashed 2px #ff7199;
    display: inline-block;
    padding-bottom: 0.5em;
}
/*------------------------decoto_list category(fothersday)------------------------*/
body#fathersday .slide_container h3.slide_ttl_sub .heading_inner{
    border-bottom: dashed 2px #0B94F4;
    display: inline-block;
    padding-bottom: 0.5em;
}
/*------------  PC  ------------*/
@media screen and (min-width: 950px) {
    body#mothersday .slide_ctn .slide_wrapper .slide_outer ul.slide_list{
        margin-right: 0px;
        grid-auto-columns: 145px;
    }
}
/*------------------------ranking_contents------------------------*/
body.day .ranking_contents {
    margin-top: 50px;
    margin-bottom: 20px;
}
body.day .ranking_contents h2{
    color: #E7287D;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 10px;
    text-align: center;
}
body.day .ranking_contents .ranking_slide{
    width: 100%;
    margin: 0 auto;
    position: relative;
    height: calc(130px * 2.6);
    overflow-x: auto;
    overflow-y: hidden;
}
body.day .ranking_contents .ranking_slide img {
    width: 100%;
    height: auto;
    -webkit-transition: .2s ease;
    transition: .2s ease;
}
body.day .ranking_contents .ranking_slide_wrapper{
    height: 100%;
    width: 700px;
    margin: 10px;
}
body.day .ranking_contents .ranking_slide_wrapper .ranking_slide_inner{
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0;
    counter-reset: number 0;
     border: 2px solid #7DD5EB;
    border-radius: 3px;
    padding: 10px;
}
body.day .ranking_contents .ranking_slide_wrapper li.ranking_slide_list{
    width: 120px;
    height: calc(130px * 2.3);
    margin-left: 12px;
    margin-right: 0;
    text-align: center;
    position: relative;
}
body.day .ranking_contents .ranking_slide_wrapper li:active img{
    opacity: 0.7;
}
body.day .ranking_contents .ranking_slide_wrapper li a{
    color: #5f5f5f;
    text-decoration: none;
}
body.day .ranking_contents .ranking_slide_wrapper li .ranking_slide_img{
    width: 110px;
}
body.day .ranking_contents .ranking_slide_wrapper li .ranking_slide_txt{
    margin-top: 5px
}
body.day .ranking_contents .ranking_slide_wrapper li p.ranking_slide_name{
    font-weight: bold;
    height: 35px;
}
body.day .ranking_contents .ranking_slide_wrapper li p.ranking_slide_number{
    margin-top: 5px;
}
body.day .ranking_contents .ranking_slide_wrapper li p.ranking_slide_sentence{
    margin-top: 5px;
    line-height: 160%;
    text-align: left;
}
body.day .ranking_contents .ranking_slide_wrapper ul li:first-of-type::before {
    color: #fff;
    background-color: #0B94F4;
}
body.day .ranking_contents .ranking_slide_wrapper ul li:nth-of-type(2)::before,
body.day .ranking_contents .ranking_slide_wrapper ul li:nth-of-type(3)::before{
    color: #333;
    background-color: #7DD5EB;
}
body.day .ranking_contents .ranking_slide_wrapper ul li::before {
    counter-increment: number 1;
    content: counter(number) " ";
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    color: #333;
    background-color: #fff;
    border: 1px solid #333;
    width: 30px;
    height: 30px;
    line-height: 30px;
    z-index: 2;
}
/*------------  PC  ------------*/
@media screen and (min-width: 950px) {
    body.day .ranking_contents .ranking_slide_wrapper li.ranking_slide_list {
        width: 130px;
    }
}
/*------------------------ご注文までの流れ process------------------------*/
body.day #process{
    max-width: 700px;
    margin: 0 auto;
    margin-bottom: 100px;
}
body.day #process p.heading {
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 1.5rem;
}
body.day #process .tab_box{
    position: relative;
}
body.day #process .tab_box .btn_area{
    margin: 0;
    position: relative;
    display: -webkit-box;
    display: flex;
    z-index: 1;
}
body.day #process .tab_box .btn_area .tab_btn.active{
    background: #FCFCFC;
    color: #434343;
    border-bottom: 3px solid #FE6498;
}
body.day #process .tab_box .tab_btn + .tab_btn{
    margin-left: 8px;
}
body.day #process .tab_box .tab_btn{
    width: 300px;
    padding: 15px 0;
    color: #333;
    background: #e9e9e9;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    letter-spacing: -0.5px;
    border-radius: 5px 5px 0 0;
    box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.13);
    font-weight: 700;
}
body.day #process .tab_box .panel_area{
    background-color: #fcfcfc;
    padding: 10px;
    padding-top: 35px;
    box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.13);
    position: relative;
    z-index: 2;
}
body.day #process .tab_box .tab_panel{
    display: none;
}
body.day #process .tab_box .tab_panel.active{
    display: block;
}
body.day #process .panel_area .step_one .product_img{
    width: 23%;
    margin-right: 5px;
}
body.day #process .panel_area .step_one .product_img a{
    position: static;
}
body.day #process .panel_area .step_one .product_img a img{
    width: 100%;
    height: auto;
}
body.day #process .panel_area .step_one .step_txt_area .emphasis{
    font-size: 13px;
    margin-bottom: 0;
}
body.day #process .panel_area .step_one .step_txt_area .emphasis p{
    font-weight: 500;
}
body.day #process #put_name_tab .step_two .step_img_area{
    width: 80px;
    margin-bottom: 15px;
}
body.day #process .panel_area .step_outer .step_three.step_inner .step_txt_detail{
    text-align: left;
    margin-top: 15px;
    margin-bottom: 5px;
    font-weight: 500;
}
body.day #process .panel_area .step_outer .step_three.step_inner .s_txt{
    font-size: 1.3rem;
    display: block;
    font-weight: 500;
    margin-bottom: 20px;
}
body.day #process .panel_area .step_outer .step_three .process_link{
    margin: 0 auto;
}
body.day #process .panel_area .step_outer .step_three.step_inner .process_link a{
    font-size: 1.5rem;
    text-align: center;
    display: block;
    margin: 15px 0;
    font-weight: 500;
    text-decoration: underline;
}
/*------------  PC  ------------*/
@media screen and (min-width: 950px) {
    body.day #process .panel_area .step_one .step_img_area .product_img{
        width: 15%;
    }
    body.day #process .panel_area .step_outer{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    body.day #process .panel_area .step_outer .step_inner{
        width: 30%;
        margin-right: 5%;
        position: relative;
    }
    body.day #process .step_outer .step_inner::before{
        position: absolute;
        transform: rotate(-90deg);
        top: calc(50% - -20px);
        right: -30px;
    }
    body.day #process .step_outer .step_inner:last-of-type:before{
        content: "";
        border: 20px solid transparent;
    }
}

/*------------------------注文までの手順 process(keiro)------------------------*/
body.day #process{
    margin-bottom: 100px;
}
body.day .process_inner{
    position: relative;
    position: relative;
    padding: 20px;
    margin-top: -20px;
    border: solid 2px #EC4113;
    border-radius: 10px;
    background-color: #FCF8EC;
    margin: 15px;
}
body.day #process p{
    text-align: center;
}
body.day #process .step_one{
    margin-bottom: 10px;
}
body.day #process p.heading{
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
}
body.day #process span.large{
    font-size: 20px;
}
body.day #process .emphasis{
    font-size: 11px;
    color: #434343;
    position: relative;
    letter-spacing: 1px;
    margin: 0 auto;
    margin-top: 10px;
    line-height: 116%;
    text-align: center;
    margin-bottom: 5px;
}
body.day #process .emphasis p{
    display: inline-block;
}
body.day #process .emphasis::before,
body.day #process .emphasis::after{
    position: relative;
    display: inline-block;
    content: "";
    background: #434343;
    width: 1px;
    height: 20px;
    margin: 0 10px;
    margin-top: -.20px;
    vertical-align: middle;
}
body.day #process .emphasis::before{
    transform: rotate(-35deg);
}
body.day #process .emphasis::after{
    transform: rotate(35deg);
}
body.day #process .step_one .step_img_area{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
   -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
body.day #process .step_img_area .step_product_img{
    width: 25%;
    text-align: center;
    margin-top: 10px;
}
body.day #process .step_img_area .step_img_area img{
    width: 100%;
    height: auto;
}
body.day #process .step_img_area a:active img{
    opacity: 0.7;
}
body.day #process .step_inner{
    position: relative;
 }
body.day #process .step_inner:last-of-type{
    margin-right: 0;
 }
body.day #process .step_outer .step_img_area{
    width: 200px;
    margin: 0 auto;
  }
body.day #process .step_outer img{
    width: 100%;
    height: auto;
 }
body.day #process .step_outer p.heading{
    line-height: 150%;
    margin: 10px 0;
}
body.day #process .step_outer .step_inner::before {
    content: '\25BC';
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    display: block;
}
/*------------------------product_list_smal(keiro)------------------------*/
body.day #product_list_small{
    padding: 20px 10px;
    margin-top: 30px;
    color: #EC4113;
    background-color: #FCF8EC;
}
body.day #product_list_small h2{
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
}
body.day #product_list_small .product_small_wrapper ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}
body.day #product_list_small .product_small_wrapper ul li{
    width: 28%;
    margin-right: 10px;
    margin-bottom: 25px;
    text-align: center;
}
body.day #product_list_small .product_small_wrapper ul li:nth-of-type(3n){
    margin-right: 0;
}
body.day #product_list_small .product_small_wrapper ul li a{
    color: #5f5f5f;
}
body.day #product_list_small .product_small_wrapper ul li a:active img{
    opacity: 0.7;
}
body.day #product_list_small .product_small_wrapper ul li a:active{
    color: #EC4113;
}
body.day #product_list_small  ul li .product_small_name{
    font-weight: bold;
    font-size: 12px;
    line-height: 110%;
    height: 60px;
}
body.day #product_list_small  ul li .page_link_btn{
    text-align: center;
    margin: 0 auto;
    margin-top: 5px;
}
body.day #product_list_small  ul li .page_link_btn a{
    border: 1px solid #EC4113;
    background-color: #fff;
    color: #EC4113;
    padding: 5px;
    display: block;
    border-radius: 5px;
    line-height: 110%;
    height: 35px;
    font-size: 10px;
}
body.day #product_list_small  ul li .page_link_btn a:active{
    background-color: #EC4113;
    color: #fff;
}
/*------------product_list_small PC  ------------*/
@media screen and (min-width: 950px) {
    body.day #product_list_small .product_small_wrapper ul li{
        width: 15%;
    }
}
/*------------------------about_delivery------------------------*/
body.day .about_delivery .about_header{
    font-size: 25px;
    font-weight: bold;
    text-align: left;
    color: #EC4113;
}
body.day .about_delivery .about_item_wrapper{
    margin-top: 15px;
}
body.day .about_delivery .about_item{
    border: 1px solid #EC4113;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    cursor: pointer;
}
body.day .about_delivery .about_item .about_q{
    font-size: 16px;
    font-weight: bold;
    position: relative;
    line-height: 120%;
}
body.day .about_delivery .about_item .about_q::after {
    content: '\25BC';
    font-size: 12px;
    line-height: 12px;
    position: absolute;
    right: 10px;
    top: calc( 50% - 0.6rem );
}
body.day .about_delivery .about_item .about_q.open::after{
    content: '\025b2'
}
body.day .about_delivery .about_item .about_a{
    font-size: 13px;
    margin-top: 10px;
}
body.day .about_delivery .about_item .about_a p.bold{
    color: #EC4113;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 3px;
}
body.day .about_delivery .about_item a{
     color: #EC4113;
     text-decoration: underline;
}
body.day .about_delivery .about_item a:hover{
    text-decoration: none;
}
/*------------------------about_order flow------------------------*/
body.day .flow ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    margin-top: 20px;
    justify-content: space-between;
}
body.day .flow ul li{
    width: calc(50% - 20px);
    line-height: 120%;
    position: relative;
    display: inline-block;
    background-color: #f6f6f6;
    border: 1px solid #E1E3E0;
    border-radius: 3px;
    padding: 2%;
    margin-right: 10px;
    margin-bottom: 10px;
}
body.day .flow ul li:before{
    content: "";
    position: absolute;
    top: 50%;
    right: -25px;
    margin-top: -15px;
    border: 12px solid transparent;
    border-left: 18px solid #E1E3E0;
    z-index: 3;
}
body.day .flow ul li:last-of-type:before{
     border-left:none;
}
body.day .flow ul li p{
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 10px;
    text-align: center;
}
body.day .flow #flow_1 .flow_img{
    margin: 0 10px;
}
body.day .flow #flow_1 .flow_img img{
    border: 6px solid #fff;
}
body.day .flow #flow_3 .flow_img .flow_img_inner{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
body.day .flow #flow_3 .flow_img .flow_img_inner img.txt{
    width: 65%;
}
body.day .flow #flow_3 .flow_img .flow_img_inner img.stamp{
    width: 35%;
}
body.day .flow #flow_3 .flow_img .flow_img_frame{
    margin: 0 15px;
}
body.day .flow #flow_4 .flow_img .flow_img_inner{
    position: relative;
}
body.day .flow #flow_4 .flow_img .flow_img_inner img{
    position: absolute;
    transform: rotate(6deg);
    top: -10px;
    width: 90%;
    left: 5%;
}
body.day .flow #flow_4 .flow_img .flow_img_inner::before,
body.day .flow #flow_4 .flow_img .flow_img_inner::after{
    display: block;
    background: no-repeat url(/images/gf_fixed_form/flow04_kirakira.png);
    transform: scale(-1, 1);
    background-size: contain;
    content: '';
    position: absolute;
    height: 45px;
    width: 50px;
    z-index: 2;
}
body.day .flow #flow_4 .flow_img .flow_img_inner::before{
    top: -5px;
    left: -20px;
}
body.day .flow #flow_4 .flow_img .flow_img_inner::after{
    top: 73px;
    right: 0;
    height: 40px;
}
/*------------  flow PC  ------------*/
@media screen and (min-width: 950px) {
    body.day .flow ul li {
        width: calc(25% - 15px);
        margin: 0;
        margin-right: 20px;
    }
    body.day .flow ul li:last-of-type{
        margin-right: 0;
    }
}
/*------------------------index------------------------*/
body.day #index ul{
    counter-reset: number 0;
    text-align: center;
    padding: 10px 0;
}
body.day #index ul li{
    margin: 0 auto;
    margin-bottom: 10px;
    position: relative;
    display: inline-block;
}
body.day #index ul li::before {
    counter-increment: number 1;
    content: counter(number) "";
    display: inline-block;
    font-size: 2rem;
    font-weight: 700;
    color: #0B94F4;
    z-index: 2;
}
body.day #index ul li span.jump_txt{
    position: relative;
    text-align: left;
    margin-left: 55px;
    margin-bottom: 2px;
    color: #0B94F4;
    font-weight: 700;
    font-size: 1.1rem;
    display: block;
}
body.day #index ul li span.jump_txt::before{
    position: relative;
    display: inline-block;
    content: "";
    background: #0B94F4;
    width: 1px;
    height: 8px;
    margin: 0 8px;
    margin-top: -4px;
    margin-bottom: -4px;
    vertical-align: middle;
    transform: rotate(-35deg);
}
body.day #index ul li span.jump_txt::after{
    position: relative;
    display: inline-block;
    content: "";
    background: #0B94F4;
    width: 1px;
    height: 8px;
    margin: 0 8px;
    margin-top: -4px;
    margin-bottom: -4px;
    vertical-align: middle;
    transform: rotate(35deg);
}
body.day #index ul li .index_item_main{
    font-size: 1.8rem;
    font-weight: 500;
    margin-left: 20px;
    text-align: left;
    display: inline-block;
}
body.day #index ul li .index_item_main a{
    text-decoration: underline;
    color: #434343;
    width: 175px;
    text-align: center;
}
body.day #index ul li .index_item_main span.open_btn{
    padding: 3px 10px;
    font-size: 1.2rem;
    border-radius: 30px;
    background-color: #0B94F4;
    color: #fff;
    margin-left: 15px;
    cursor: pointer;
}
body.day #index ul li .index_item_main span.blank{
    width: 65px;
    display: inline-block;
}
body.day #index ul li .index_item_sub_wrapper{
    background-color: #f9f9f9;
    padding: 8px;
    padding-left: 20px;
    margin-top: 10px;
}
body.day #index ul li .index_item_sub_wrapper .index_item_sub:first-of-type{
    margin-top: 0;
}
body.day #index ul li .index_item_sub_wrapper a{
    text-align: left;
    position: relative;
    text-decoration: underline;
    color: #434343;
}
body.day #index ul li .index_item_sub_wrapper a::before{
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 7px;
    background-color: #434343;
    border-radius: 50%;
}
body.day #index ul li .index_item_sub_wrapper .index_item_sub{
    font-size: 1.4rem;
    font-weight: 500;
    margin-top: 8px;
    margin-left: 12px;
    text-align: left;
}
/*------------product_list_small PC  ------------*/
@media screen and (min-width: 950px) {
    body.day #index ul li{
        width: 100%;
        margin-bottom: 20px;
    }
    body.day #index ul li .index_item_main a{
        width: 330px;
    }
    body.day #index ul li span.jump_txt{
        margin-left: 135px;
    }
    body.day #index ul li .index_item_sub_wrapper{
        width: 380px;
        margin: 0 auto;
        margin-top: 15px;
    }
}

/*----------------------------------------
mothersday
---------------------------------------- */
/*about_delivery*/
body#mothersday .about_delivery .about_header,
body#mothersday .about_delivery .about_item .about_a p.bold,
body#mothersday .about_delivery .about_item a{
    color: #ff7199;
}
body#mothersday .about_delivery .about_item{
    border: 1px solid #ff7199;
}
body#mothersday #decoto_list ul.decoto_area{
    margin-top: 50px;
}

/*------------------------ex 作例------------------------*/

body#mothersday .day_container .ex_item{
    margin-top:10px;
    background: #ffe8ed;
    cursor: pointer;
}
body#mothersday .day_container .ex_l{
    padding-top: 1em;
    padding-bottom: 2em;
    text-decoration: none;
    color: #ff7199;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    max-width: 460px;
    margin: 0 auto;
    display: block;
    position: relative;
}
body#mothersday .day_container .ex_l::after {
    content: '\25BC';
    font-size: 15px;
    position: absolute;
    right: 47%;
    top: calc( 74% - 0.6rem );
}
body#mothersday .day_container .ex_l.open::after{
    content: '\025b2';
}
body#mothersday .product_info .ex .ex_slide{
    padding: 15px;
    margin-top: 0;
}
body#mothersday .day_container .ex_o {
    padding-bottom: 1em;
}

/*------------ slide PC  ------------*/
@media screen and (min-width: 950px) {
    body#mothersday .product_info .ex .ex_slide{
        width: 100%;
        position: relative;
        margin-top: 30px;
    }
    body#mothersday .product_info .ex .buttons .prev_btn_p,
    body#mothersday .product_info .ex .buttons .next_btn_p{
        top: 28%;
        width: 35px;
        height: 35px;
    }
}

/*----------------------------------------
fathersday
---------------------------------------- */
/*heading*/
body#fathersday .heading_s h2{
    color: #0B94F4;
}
body#fathersday .ranking_contents h2{
    color: #0B94F4;
}
body#fathersday .heading_s{
    position: relative;
    background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2027.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%0A%09%20y%3D%220px%22%20viewBox%3D%220%200%20285%20150%22%20style%3D%22enable-background%3Anew%200%200%20285%20150%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%230B94F4%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M172.68%2C11.76c-8.88%2C3.65-20.36%2C5.41-29.99%2C6.25c-9.63-0.84-21.11-2.6-29.99-6.25%0A%09%09c-18.77-7.72-61.4%2C7.29-64.76%2C97.84h75.6h38.29h75.6C234.08%2C19.05%2C191.45%2C4.05%2C172.68%2C11.76z%22%2F%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M237.44%2C119.42H47.94c0%2C0-77.61%2C19.58-28.52%2C19.58h100.87h38.54h107.13%0A%09%09C315.05%2C139%2C237.44%2C119.42%2C237.44%2C119.42z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A');
    background-repeat: no-repeat;
    background-size: 60px;
    background-position-x: 50%;
    background-position-y: 8px;
}
/*unit*/
body#fathersday span.unit{
    background-color: #0B94F4;
}
/*product_list*/
body#fathersday #products_intro .contents_img::before{
    background: no-repeat url(/images/day/fathersday2024/bg08.png);
}
body#fathersday #product_list ul li h3.product_name a{
    background-color: #7DD5EB;
    -webkit-box-shadow: 4px 4px 0 #0B94F4;
    box-shadow: 4px 4px 0 #0B94F4;
}
body#fathersday #product_list ul li h3.product_name a:active{
    background-color: #E5F7FB;
}
body#fathersday #product_list ul li .product_info{
    border: 4px solid #7DD5EB;
}
/*product_area*/
body#fathersday #products_intro .product_area{
    background: #c0ebf6;
}
body#fathersday #products_intro .product_area::after{
    border-top: 60px solid #c0ebf6;
}
body#fathersday #products_intro .product_area .product_img{
    background: no-repeat url(/images/day/fathersday2024/goods_bg.png);
    background-size: contain;
    background-position-x: 50%;
    background-position-y: -5px;
    height: 330px;
}
/*voice_list*/
body#fathersday #voice_list .voice_info .give::after{
    border-left: 15px solid #0B94F4;
}
/*txt_contents*/
body#fathersday span.bold_color{
    color: #0B94F4;
}
/*ranking_contents*/
body#fathersday .ranking_contents h2{
    color: #0B94F4;
}
/*about_delivery*/
body#fathersday .about_delivery .about_header,
body#fathersday .about_delivery .about_item .about_a p.bold,
body#fathersday .about_delivery .about_item a{
    color: #0B94F4;
}
body#fathersday .about_delivery .about_item{
    border: 1px solid #0B94F4;
}
/*slide*/
body#fathersday .slide_container {
    margin-top: 3em;
}
body#fathersday .slide_container .slide_wrapper ul.slide_list{
    display: inline-grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(1, auto);
    grid-auto-columns: 200px;
    padding: 15px;
    margin-right: 20px;
    counter-reset: number 0;
}
body#fathersday .slide_container .slide_wrapper ul.slide_list li.slide_item{
    position: relative;
    margin-right: 30px;
    padding-top: 10px;
}

/*------------------------ex 作例------------------------*/

body#fathersday .day_container .ex_item{
    margin-top:10px;
    background: #cff5ff;
    cursor: pointer;
}
body#fathersday .day_container .ex_l{
    padding-top: 1em;
    padding-bottom: 2em;
    text-decoration: none;
    color: #0B94F4;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    max-width: 460px;
    margin: 0 auto;
    display: block;
    position: relative;
}
body#fathersday .day_container .ex_l::after {
    content: '\25BC';
    font-size: 15px;
    position: absolute;
    right: 47%;
    top: calc( 74% - 0.6rem );
}
body#fathersday .day_container .ex_l.open::after{
    content: '\025b2';
}
body#fathersday .product_info .ex .ex_slide{
    padding: 15px;
    margin-top: 0;
}
body#fathersday .day_container .ex_o {
    padding-bottom: 1em;
}

/*------------ fathersday PC  ------------*/
@media screen and (min-width: 950px) {
    body#fathersday #products_intro .product_area .product_img{
        height: auto;
    }
    body#fathersday .ex .buttons .prev_btn_p,
    body#fathersday .ex .buttons .next_btn_p{
        border: 3px solid #0B94F4;
    }
    body#fathersday .ex .buttons .prev_btn_p span.arrow_slide,
    body#fathersday .ex .buttons .next_btn_p span.arrow_slide{
        border-top: 3px solid #0B94F4;
        border-right: 3px solid #0B94F4;
    }
    body#fathersday .slide_container .slide_wrapper{
        width: 100%;
        margin: 10px;
        overflow-x: hidden;
    }
    body#fathersday .slide_container .slide_outer ul.slide_list{
    grid-auto-columns: 150px;
    }
    body#fathersday .slide_container .slide_outer ul.slide_list li.slide_item{
        width: 130px;
    }
    /*------------ slide PC  ------------*/
    body#fathersday .product_info .ex .ex_slide{
        width: 100%;
        position: relative;
        margin-top: 30px;
    }
    body#fathersday .product_info .ex .buttons .prev_btn_p,
    body#fathersday .product_info .ex .buttons .next_btn_p{
        top: 28%;
        width: 35px;
        height: 35px;
    }
}
/*----------------------------------------
keirounohi
---------------------------------------- */
/*heading*/
body#keirounohi .heading_s h2{
    color: #EC4113;
    line-height: 120%;
}
body#keirounohi .ranking_contents h2{
    color: #EC4113;
}
body#keirounohi .heading_s{
    padding: 7em 0;
    position: relative;
    background: no-repeat url(/images/day/keirounohi2023/heading_kero.svg);
    background-repeat: no-repeat;
    background-size: 70px;
    background-position-x: 50%;
    background-position-y: 0px;
}
/*btn*/
body#keirounohi .day_container .link a,
body#keirounohi .day_container .link a h2{
    background: #FED700;
    color: #EC4113;
}
body#keirounohi .day_container .link a:active,
body#keirounohi .day_container .link a:active h2{
    background: #EC4113;
    color: #FED700;
}
/*unit*/
body#keirounohi span.unit{
    background-color: #EC4113;
}
/*index*/
body#keirounohi #index ul li::before,
body#keirounohi #index ul li span.jump_txt{
    color: #EC4113;
}
body#keirounohi #index ul li span.jump_txt::before,
body#keirounohi #index ul li span.jump_txt::after{
    background: #EC4113;
}
body#keirounohi #index ul li .index_item_main span.open_btn{
    background-color:  #EC4113;
}
body#keirounohi #index ul li span.jump_txt {
    margin-left: 70px;
}
body#keirounohi #index ul li .index_item_main a{
    width: 200px;
}
/*product_list*/
body#keirounohi #products_intro .contents_img::before{
    background: no-repeat url(/images/day/keirounohi2023/parts02.png;)
}
body#keirounohi #product_list ul li p.product_name a{
    background-color:  #F38001;
    -webkit-box-shadow: 4px 4px 0 #EC4113;
    box-shadow: 4px 4px 0 #EC4113;
    color: #fff;
}
body#keirounohi #product_list ul li p.product_name a:active{
    background-color: #FCF8EC;
    color: #EC4113;
}
body#keirounohi #product_list ul li .product_info{
    border: 4px solid #F38001;
}
/*product_area*/
body#keirounohi #products_intro .product_area{
    background: #F9DABA;
}
body#keirounohi #products_intro .product_area::after{
    border-top: 60px solid #F9DABA;
}
body#keirounohi #products_intro .product_area .product_img{
    background: no-repeat url(/images/day/keirounohi2023/parts01.png);
    background-position-y: -25px;
    background-size: contain;
    background-position: center;
    height: 330px;
}
/*ranking_contents*/
body#keirounohi .ranking_contents h2{
    color: #EC4113;
}
body#keirounohi .ranking_contents .ranking_slide_inner{
    border: 2px solid #FFBC00;
}
body#keirounohi .ranking_contents .ranking_slide_wrapper ul li:first-of-type::before {
    background-color: #EC4113;
}
body#keirounohi .ranking_contents .ranking_slide_wrapper ul li:nth-of-type(2)::before,
body#keirounohi .ranking_contents .ranking_slide_wrapper ul li:nth-of-type(3)::before{
    background-color: #FFBC00;
}
/*ex 作例*/
body#keirounohi #products_intro .ex{
    background-color: #FFFDF2;
}
body#keirounohi #products_intro .ex .slide_title{
    color: #fff;
    background: #EC4113;
}
body#keirounohi #products_intro .ex .slide_title::before{
  border-color: transparent transparent transparent #FFFDF2;
}
body#keirounohi #products_intro .ex .slide_title::after{
  border-color: transparent #FFFDF2; transparent transparent;
}
/*voice_list*/
body#keirounohi #voice_list .voice_info .give::after{
    border-left: 15px solid #EC4113;
}
/*txt_contents*/
body#keirounohi span.bold_color{
    color: #EC4113;
}
/*slide_container*/
body#keirounohi .slide_container .slide_heading{
    font-size: 1.8rem;
    color: #EC4113;
    max-width: 980px;
    font-weight: 700;
}
body#keirounohi .slide_container .slide_outer ul.slide_list{
    display: inline-grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(1, auto);
    grid-auto-columns: 200px;
    padding: 15px;
    margin-right: 20px;
    counter-reset: number 0;
}
body#keirounohi #decoto_list .slide_container .slide_outer ul.slide_list{
    grid-auto-columns: 185px;
}
body#keirounohi .slide_container .slide_wrapper{
    height: 425px;
}
body#keirounohi .slide_container ul.slide_list li.slide_item{
    position: relative;
    margin-right: 30px;
    padding-top: 10px;
}
body#keirounohi .slide_container li.slide_item a .item_info .name{
    margin-bottom: 5px;
}

/*------------ keirounohi PC  ------------*/
@media screen and (min-width: 950px) {
    body#keirounohi #products_intro .product_area .product_img{
        height: auto;
        background-position : center top;
    }
    body#keirounohi .ex .buttons .prev_btn,
    body#keirounohi .ex .buttons .next_btn,
    body#keirounohi #decoto_list .buttons .prev_btn,
    body#keirounohi #decoto_list .buttons .next_btn{
        border: 3px solid #EC4113;
    }
    body#keirounohi .ex .buttons .prev_btn span.arrow_slide,
    body#keirounohi .ex .buttons .next_btn span.arrow_slide,
    body#keirounohi #decoto_list .buttons .prev_btn span.arrow_slide,
    body#keirounohi #decoto_list .buttons .next_btn span.arrow_slide{
        border-top: 3px solid #EC4113;
        border-right: 3px solid #EC4113;
    }
    body#keirounohi .slide_container .slide_wrapper{
        width: 100%;
        margin: 10px;
        overflow-x: hidden;
    }
    body#keirounohi .slide_container .slide_outer ul.slide_list{
        grid-auto-columns: 150px;
    }
    body#keirounohi .slide_container .slide_outer ul.slide_list li.slide_item{
        width: 130px;
    }
    body#keirounohi #decoto_list .slide_container .slide_outer ul.slide_list li.slide_item{
        width: 200px;
        box-sizing: border-box;
        flex: none;
        margin-right: 50px;
    }
    body#keirounohi #decoto_list .slide_container .slide_outer ul.slide_list{
        display: flex;
        position: relative;
    }
    body#keirounohi #index ul li .index_item_main a{
        width: 380px;
    }
    body#keirounohi #index ul li span.jump_txt{
        margin-left: 155px;
    }
}