@charset "UTF-8";
/* CSS Document */
/* ------------------------------
SEO 催事用プチギフトページ 一覧 feature-list
------------------------------ */
body#feature_list p.group_heading{
    background-color: #E9A1A4;
    color: #fff;
    font-weight: 700;
    line-height: 130%;
    padding: 5px;
    border-radius: 5px;
    width: 5em;
    text-align: center;
    margin-bottom: 0.5em;
}
body#feature_list div.group{
    margin-bottom: 2em;
}
body#feature_list div.group ul.contents_list{
    display: flex;
    flex-wrap: wrap;
}
body#feature_list div.group ul.contents_list li{
    margin: 5px;
}
body#feature_list div.group ul.contents_list li div.photo_zone{
    overflow: hidden;
    width: 150px;
    height: 150px;
    border: 2px solid #E9A2A3;
    position: relative;
}
body#feature_list div.group ul.contents_list li div.photo_zone img {
    position: absolute;
    top: 71%;
    left: 50%;
    width: 550px;
    max-width: 1000px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
body#feature_list div.group ul.contents_list li a{
    text-decoration: none;
    color: #505050;
    font-weight: 700;
}
body#feature_list div.group ul.contents_list li a:active img,
body#feature_list div.group ul.contents_list li a:active p{
    opacity: 0.6;
}
body#feature_list div.group ul.contents_list li p.use{
    margin-top: 0.5em;
}
/*------------------------ PC  ------------------------*/
@media screen and (min-width: 950px) {
    body#feature_list div.group ul.contents_list li {
        margin: 10px;
    }
    body#feature_list div.group ul.contents_list li div.photo_zone {
        width: 175px;
        height: 175px;
    }
}
/* ------------------------------
SEO 催事用プチギフトページ specialevent
------------------------------ */
body.specialevent .specialevent_area{
    margin-bottom: 80px;
}
body.specialevent .contents_heading{
    font-size: 2.4rem;
    margin-bottom: 15px;
}
body.specialevent #op_area img{
    width: 100%;
}
body.specialevent #title .title_img{
    background-color: #F8E8E6;
    text-align: center;
}
body.specialevent #title .title_img img{
    max-width: 750px;
    text-align: center;
    margin: 0 auto;
}
body.specialevent #round_icon ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
}
body.specialevent #round_icon ul li{
    width: 29%;
    margin: 0 auto;
    margin-bottom: 5%;
}
body.specialevent #round_icon ul li a img{
    width: 100%;
    border: 1px solid #E1E2E9;
    border-radius: 50%;
}
body.specialevent #round_icon ul li a:active img{
    opacity: 0.8;
}
body.specialevent #op_area p{
    line-height: 160%;
    color: #434343;
    border-radius: 5px;
}
body.specialevent #center_area .border{
    border-bottom: 2px dashed #e2e2e2;
    margin: 30px 0;
}
body#admission .more_petit a h2,
body#new_year .more_petit a h2{
    font-size: 1.5rem;
}
body.specialevent .link_btn_area p.link_btn_area_heading{
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 15px;
}
body.specialevent .link_btn_area p.link_btn_area_heading:before,
body.specialevent .link_btn_area p.link_btn_area_heading:after {
    position: relative;
    display: inline-block;
    content: "";
    background: #313131;
    width: 2px;
    height: 18px;
    margin: 0 8px;
    margin-top: 0.2px;
    vertical-align: middle;
}
body.specialevent .link_btn_area p.link_btn_area_heading:before {
    transform: rotate(-35deg);
}
body.specialevent .link_btn_area p.link_btn_area_heading:after {
    transform: rotate(35deg);
}
body.specialevent .link_btn_s{
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 5px;
}
body.specialevent .link_btn_s a{
    text-decoration: none;
    background-color: #e40012;
    border: 2px solid #e40012;
    color: #fff;
    text-decoration: none;
    padding: 2px 8px;
    border-radius: 30px;
    font-weight: 700;
    font-size: 1.5rem;
}
body.specialevent .link_btn_s a:active{
    background-color: #fff;
    color: #e40012;
}
/*------------------------ specialevent PC 共通  ------------------------*/
@media screen and (min-width: 950px) {
    body.specialevent #round_icon ul li a:hover img{
        opacity: 0.8;
    }
    body.specialevent .more_btn p:hover{
        background-color: #fff;
        color: #E4ADAE;
    }
    body.specialevent .more_petit a:hover{
        background-color: #fff;
        color: #fa143c;
    }
    body.specialevent #contents01 ul li a:hover p{
        color:#fa143c;
    }
    body.specialevent #contents01 li:hover img {
        border: solid 2px #fa143c;
    }
    body.specialevent #contents01 li:hover .circle{
        opacity: 1;
    }
    body.specialevent #round_icon ul li {
        width: 12%;
    }
    body.specialevent .link_btn_area p.link_btn_area_heading{
        font-size: 1.8rem;
    }
    body.specialevent .link_btn_s a:hover{
        background-color: #fff;
        color: #e40012;
    }
}
/*--------------------------contents01~3共通-------------------------*/
body.specialevent #contents01,
body.specialevent #contents02,
body.specialevent #contents03,
body.specialevent #text_contents,
body.specialevent #ranking,
body.specialevent #index,
body.specialevent #about_delivery,
body.specialevent #process,
body.specialevent #table_contents,
body.specialevent #scean_area,
body.specialevent #person_area,
body.specialevent #price_area,
body.specialevent #category_area,
body.specialevent #faq{
    margin-bottom: 100px;
}
body.specialevent .more_petit,
body.specialevent .more_btn{
    text-align: center;
    margin-top: 30px;
}
body.specialevent .more_petit a,
body.specialevent .more_btn p{
    display: inline-block;
    background-color: #E4ADAE;
    border: 2px solid #E4ADAE;
    color: #fff;
    text-decoration: none;
    padding: 1em 2em;
    border-radius: 5px;
    font-weight: 700;
    width: 100%;
    max-width: 550px;
    font-size: 1.5rem;
}
body.specialevent .more_petit a{
    background-color: #fa143c;
    border: 2px solid #fa143c;
}
body.specialevent .more_btn p:active{
    background-color: #fff;
    color: #E4ADAE;
}
body.specialevent .more_petit a:active{
    background-color: #fff;
    color: #fa143c;
}
/*--------------------------contents01-------------------------*/
body.specialevent #contents01{
    margin-top: 4em;
}
body.specialevent #contents01 ul li{
    position: relative;
    display: block;
    margin-bottom: 50px;
}
body.specialevent #contents01 ul li a{
    text-decoration: none;
}
body.specialevent #contents01 ul li a:active p{
    color:#fa143c;
}
body.specialevent #contents01 img {
    border: solid 2px #A4A4A4;
    width: 100%;
}
body.specialevent #contents01 li:active img {
    border: solid 2px #fa143c;
}
body.specialevent #contents01 .circle{
    position: absolute;
    font-size: 18px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    background: #fa143c;
    color: #fff;
    font-weight: 700;
    text-align: center;
    top: 190px;
    right: 10px;
    opacity: 0;
}
body.specialevent #contents01 li:active .circle{
    opacity: 1;
}
body.specialevent #contents01 p{
    margin-top: 10px;
    line-height: 150%;
    text-align: justify;
    font-size: 1.6rem;
}
body.specialevent #contents01 .name{
    font-size: 1.8rem;
    text-align: center;
    font-weight: 700;
    margin-top: 1em;
}
body.specialevent #contents01 p.price{
    font-size: 2rem;
    text-align: center;
    margin-top: 0;
}
body.specialevent #contents01 p.tax{
    text-align: center;
    margin-top: 0;
}
/*------------------------ contents01 PC  ------------------------*/
@media screen and (min-width: 950px) {
    body.specialevent #contents01 ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    body.specialevent #contents01 ul li{
        width: 46%;
        margin-bottom: 100px;
    }
    body.specialevent #contents01 .circle{
        font-size: 20px;
        width: 100px;
        height: 100px;
        line-height: 100px;
        top: 250px;
        right: 20px;
    }
}
/*--------------------------contents02-------------------------*/
body.specialevent #contents02 #voice_title{
    background-size: auto auto;
    background-color: rgba(255, 255, 255, 1);
    background-image: repeating-linear-gradient(150deg, transparent, transparent 5px, rgba(233, 177, 171, 1) 5px, rgba(233, 177, 171, 1) 10px );
    border: solid 3px #E9B1AB;
    text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
}
body.specialevent #contents02 ul {
    margin-top: 30px;
}
body.specialevent #contents02 ul li{
    position: relative;
    margin-bottom: 60px;
}
body.specialevent #contents02 ul li p{
    line-height: 160%;
    text-align: justify;
}
body.specialevent #contents02 ul li p.voice_txt{
    padding-bottom: 15px;
    margin-bottom: 25px;
    border-bottom: 2px solid #A4A4A4;
    position: relative;
}
body.specialevent #contents02 ul li p.voice_txt::before {
    content: '';
    position: absolute;
    bottom: -24px;
    left: 50%;
    margin-left: -15px;
    border: 12px solid transparent;
    border-top: 12px solid #FFF;
    z-index: 2;
}
body.specialevent #contents02 ul li p.voice_txt::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin-left: -17px;
    border: 14px solid transparent;
    border-top: 14px solid #A4A4A4;
    z-index: 1;
}
body.specialevent #contents02 .voice_bg_wrapper{
    margin: 0 auto;
    margin-top: 10px;
    text-align: center;
    width: 90%;
}
body.specialevent #contents02 ul li p.voice_name{
    display: inline-block;
    font-weight: 700;
    text-align: center;
    line-height: 130%;
    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%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20x%3D%220%22%20y%3D%220%22%20style%3D%22enable-background%3Anew%200%200%20110%20118%22%20version%3D%221.1%22%20viewBox%3D%220%200%20110%20118%22%3E%3Cstyle%3E.st0%7Bfill%3A%23bcbcbc%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M55%2062c16.6%200%2030-13.4%2030-30v-2C85%2013.4%2071.6%200%2055%200S25%2013.4%2025%2030v2c0%2016.6%2013.4%2030%2030%2030zM110%20118H0c0-27.6%2022.4-50%2050-50h10c27.6%200%2050%2022.4%2050%2050z%22%20class%3D%22st0%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position-x: 20px;
    padding-left: 90px;
    padding-top: 20px;
    height: 100px;
    width: 80%;
}
/*------------------------ contents02 PC  ------------------------*/
@media screen and (min-width: 950px) {
    body.specialevent #contents02 ul,
    body.specialevent #contents03 ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    body.specialevent #contents02 ul li,
    body.specialevent #contents03 ul li {
        width: 30%;
    }
}
/*--------------------------contents03-------------------------*/
body.specialevent #contents03 #heading{
    font-weight: 700;
    margin-bottom: 1em;
    font-size: 1.8rem;
}
body.specialevent #contents03 #heading span#balloon {
    position: relative;
    font-size: 15px;
    line-height: 52px;
    padding: 0 5px;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #FFF;
    font-weight: 700;
    background: #E4ADAE;
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-grid;
    margin-bottom: 8px;
}
body.specialevent #contents03 #heading span#balloon:before {
    content: "";
    position: absolute;
    bottom: -13px;
    left: 65%;
    margin-left: -15px;
    border: 8px solid transparent;
    border-top: 8px solid #E4ADAE;
    z-index: 0;
}
body.specialevent #contents03 ul li {
    border: solid 2px #e2e2e2;
    text-align: center;
    padding: 1em;
    margin-bottom: 3em;
}
body.specialevent #contents03 ul li a{
    text-decoration: none;
    color: #434343;
}
body.specialevent #contents03 ul li a img{
    width: 100%;
}
body.specialevent #contents03 ul li a:active img{
    opacity: 0.6;
}
body.specialevent #contents03 ul li p{
    font-size: 1.7rem;
    font-weight: 500;
}
/*--------------------------about_delivery-------------------------*/
body.specialevent #about_delivery .about_item{
    margin-top: 15px;
    background-color: #F7F7F7;
    padding: 20px;
    border-radius: 5px;
    cursor: pointer;
    text-align: left;
}
body.specialevent #about_delivery .about_item .about_q{
    font-size: 18px;
    font-weight: 700;
    line-height: 120%;
    position: relative;
    padding-right: 30px;
}
body.specialevent #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.specialevent #about_delivery .about_item .about_q.open::after{
    content: '\025b2'
}
body.specialevent #about_delivery .about_item .about_a{
    font-size: 15px;
    line-height: 140%;
    margin-top: 20px;
}
body.specialevent #about_delivery .about_item .about_a p.bold{
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 3px;
}
body.specialevent #about_delivery .about_item a{
     text-decoration: underline;
     color: #313131;
}
body.specialevent #about_delivery .about_item a:active{
    text-decoration: none;
}
/*--------------------------faq-------------------------*/
body.specialevent #faq .faq_item{
    margin-top: 15px;
    background-color: #F7F7F7;
    padding: 20px;
    border-radius: 5px;
    cursor: pointer;
    text-align: left;
}
body.specialevent #faq .faq_item .faq_q{
    font-size: 18px;
    font-weight: 700;
    line-height: 120%;
    position: relative;
    padding-right: 30px;
}
body.specialevent #faq .faq_item .faq_q::after{
    content: '\25BC';
    font-size: 12px;
    line-height: 12px;
    position: absolute;
    right: 10px;
    top: calc( 50% - 0.6rem );
}
body.specialevent #faq .faq_item .faq_q.open::after{
    content: '\025b2'
}
body.specialevent #faq .faq_item .faq_a{
    font-size: 15px;
    line-height: 140%;
    margin-top: 20px;
}
body.specialevent #faq .faq_item .faq_a_inner{
    margin-top: 20px;
}
body.specialevent #faq .faq_item .faq_a .fsz16_bold{
    font-size: 1.6rem;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 3px;
}
body.specialevent #faq .faq_item .faq_a .bold{
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 3px;
}
body.specialevent #faq .faq_item a{
     text-decoration: underline;
     color: #313131;
}
body.specialevent #faq .faq_item a:active{
    text-decoration: none;
}
/*--------------------------process-------------------------*/
body.specialevent #process{
    max-width: 700px;
    margin: 0 auto;
    margin-bottom: 100px;
}
body.specialevent #process h2{
    text-align: center;
    width: 95%;
    margin: 0 auto;
    margin-bottom: 30px;
    letter-spacing: 1px;
    line-height: 240%;
}
body.specialevent #process p{
    text-align: center;
    font-weight: 500;
}
body.specialevent #process .tab_box{
    position: relative;
}
body.specialevent #process .tab_box .btn_area{
    margin:0;
    position: relative;
    display: -webkit-box;
    display: flex;
    z-index: 1;
}
body.specialevent #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.specialevent #process .tab_box .tab_btn + .tab_btn{
    margin-left: 8px;
}
body.specialevent #process .tab_box .tab_btn:active{
    color: #FE6498;
}
body.specialevent #process .tab_box .tab_btn.active{
    background:#FCFCFC;
    color:#434343;
    border-bottom: 3px solid #FE6498;
}
body.specialevent #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.specialevent #process .tab_box .tab_panel{
    display:none;
}
body.specialevent #process .tab_box .tab_panel.active{
    display:block;
}
body.specialevent #process .step_one{
    margin-bottom: 10px;
}
body.specialevent #process p.heading{
    font-weight: 700;
    letter-spacing: 1px;
}
body.specialevent #process span.large{
    font-size: 20px;
}
body.specialevent #process .emphasis{
    font-size: 13px;
    color: #434343;
    position: relative;
    letter-spacing: 1px;
    margin: 0 auto;
    margin-top: 10px;
    line-height: 116%;
    text-align: center;
}
body.specialevent #process .emphasis p{
    display: inline-block;
}
body.specialevent #process .emphasis:before,
body.specialevent #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.specialevent #process .emphasis:before{
    transform: rotate(-35deg);
}
body.specialevent #process .emphasis:after{
    transform: rotate(35deg);
}
body.specialevent #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.specialevent #process .step_img_area .product_img{
    width: 23%;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-right: 5px;
}
body.specialevent #process .step_img_area .product_img img{
    width: 100%;
    height: auto;
}
body.specialevent #process .step_img_area a:active img{
    opacity: 0.7;
}
body.specialevent #process .step_inner{
    position: relative;
}
body.specialevent #process .step_inner:last-of-type{
    margin-right: 0;
}
body.specialevent #process .step_outer .step_img_area{
    width: 200px;
    margin: 0 auto;
}
body.specialevent #process #put_name_tab .step_two .step_img_area{
    width: 80px;
    margin-bottom: 15px;
}
body.specialevent #process .step_outer img{
    width: 100%;
    height: auto;
}
body.specialevent #process .step_outer p.heading{
    line-height: 150%;
    margin: 10px 0;
}
body.specialevent #process .step_outer .step_inner:before {
    content: '\25BC';
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    display: block;
}
body.specialevent #process .step_outer .step_inner p.step_txt_detail{
    text-align: left;
    margin-top: 15px;
    margin-bottom: 5px;
}
body.specialevent #process .process_link{
    margin: 0 auto;
}
body.specialevent #process .process_link a{
    font-size: 1.5rem;
    text-align: center;
    display: block;
    margin: 15px 0;
    font-weight: 500;
}
body.specialevent .specialevent_area span.s_txt{
    font-size: 1.3rem;
    display: block;
    font-weight: 500;
    margin-bottom: 20px;
}
/*------------------------process PC  ------------------------*/
@media screen and (min-width: 950px) {
    /* process */
    body.specialevent #process .tab_box .panel_area{
        padding: 30px;
    }
    body.specialevent #process .step_img_area .product_img {
        width: 15%;
    }
    body.specialevent #process .step_outer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    body.specialevent #process .step_inner {
        width: 30%;
        margin-right: 5%;
        position: relative;
    }
    body.specialevent #process .step_inner:last-of-type {
        margin-right: 0;
    }
    body.specialevent #process .step_outer .step_inner::before{
        position: absolute;
        transform: rotate(-90deg);
        top: calc( 50% - -20px );
        right: -30px;
    }
    body.specialevent #process .step_inner:last-of-type:before {
        content: "";
        border: 20px solid transparent;
    }
}
/*--------------------------text_contents-------------------------*/
body.specialevent #text_contents ul li{
    margin-top: 15px;
    background-color: #F7F7F7;
    padding: 10px 20px 20px;
    border-radius: 5px;
}
body.specialevent #text_contents ul li p.market_price{
    font-weight: 700;
}
body.specialevent #text_contents ul li p.market_price::before {
    display: inline-block;
    content: "";
    margin-top: 5px;
    margin-right: 2px;
    width: 12px;
    height: 12px;
    vertical-align: top;
    border-radius: 10px;
    background-color: #E3381D;
}
body.specialevent #text_contents p{
    line-height: 140%;
    margin-top: 10px;
    text-align: justify;
}
body.specialevent #text_contents p.conclusion{
     margin: 20px 10px 0;
}
/*--------------------------slide--------------------------*/
body.specialevent .slide_ctn{
    margin-bottom: 80px;
}
body.specialevent .slide_ctn .slide_ttl_sub{
    font-weight: 700;
    position: relative;
    margin-top: 30px;
}
body.specialevent .slide_ctn .slide_ttl_sub span{
    background-color: #fff;
    padding: 5px;
    padding-left: 0;
}
body.specialevent .slide_ctn .slide_ttl_sub::before{
    position: absolute;
    content: '';
    background-color: #434343;
    width: 100%;
    height: 1px;
    top: 50%;
    left: 0;
    z-index: -1;
}
body.specialevent .slide_ctn .slide_container{
    position: relative;
}
body.specialevent .slide_ctn .slide_container .slide_wrapper{
    position: relative;
    margin: 0 auto;
    overflow-x: auto;
    overflow-y: hidden;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    height: 355px;
}
body.specialevent .slide_ctn .slide_outer ul.slide_list{
    display: inline-grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(1, auto);
    grid-auto-columns: 200px;
    padding: 15px;
    padding-top: 0;
    margin-right: 20px;
}
body.specialevent .slide_ctn ul.slide_list li.slide_item{
    position: relative;
    margin-right: 20px;
    padding-top: 10px;
}
body.specialevent .slide_ctn ul.slide_list li .item_img{
    padding: 5px;
    border: 1px solid #e2e2e2;
    margin-bottom: 5px;
}
body.specialevent .slide_ctn ul.slide_list li .item_info p{
    font-size: 1.6rem;
    font-weight: 500;
}
body.specialevent .slide_ctn ul.slide_list li .item_info .name,
body.specialevent .slide_ctn ul.slide_list li .item_info .set{
    margin-bottom: 5px;
}
body.specialevent .slide_ctn ul.slide_list li .item_info .txt{
    margin-top: 5px;
}
body.specialevent .slide_ctn ul.slide_list li a{
    text-decoration: none;
}
body.specialevent .slide_ctn .slide_item_point{
    font-weight: 700;
    line-height: 140%;
    margin-top: 15px;
    text-align: justify;
}
body.specialevent .slide_ctn .slide_item_point p{
    font-size: 1.8rem;
}
body.specialevent .slide_ctn .slide_item_point p:before {
    display: inline-block;
    content: "";
    vertical-align: middle;
    margin-right: 2px;
    height: calc(tan(60deg) * 16px / 2);
    width: 16px;
    clip-path: polygon(0 0, 100% 0, 50% 80%);
    background-color: #E3381D;/*お年賀カラー*/
}
/*------------------------slide PC  ------------------------*/
@media screen and (min-width: 950px) {
    body.specialevent .slide_ctn .slide_container .slide_wrapper{
        width: 980px;
        margin-right: 0;
        margin-left: 0;
        overflow-x: hidden;
    }
    body.specialevent .slide_ctn .slide_outer ul.slide_list{
        margin-right: 0px;
        grid-auto-columns: 196px;
    }
    body.specialevent .specialevent_area .slide_btn.prev,
    body.specialevent .specialevent_area .slide_btn.next{
        border: 3px solid #E4ADAE;
    }
    body.specialevent .specialevent_area .slide_btn.prev span.arrow_btn,
    body.specialevent .specialevent_area .slide_btn.next span.arrow_btn {
        border-top: 3px solid #E4ADAE;
        border-right: 3px solid #E4ADAE;
    }
}
/*--------------------------ranking--------------------------*/
body.specialevent #ranking .ranking_heading{
    background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFB400%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M479.4%2C438.4c19.5%2C0%2C32.6-13.9%2C32.6-31V160.2c0-12.5-6.6-23.8-16.7-28.6c-10.1-4.8-21.7-2.2-29.5%2C6.7l-52%2C59.6%20c-10.6%2C12.1-27.7%2C12.1-38.2%2C0L275.1%2C82.7c-10.5-12.1-27.7-12.1-38.2%2C0L136.4%2C197.9c-10.5%2C12.1-27.7%2C12.1-38.2%2C0l-52-59.6%20c-7.7-8.9-19.4-11.5-29.5-6.7C6.6%2C136.4%2C0%2C147.7%2C0%2C160.2v247.2c0%2C17.1%2C13.1%2C31%2C32.6%2C31L479.4%2C438.4L479.4%2C438.4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    text-indent: 45px;
    line-height: 150%;
    background-repeat: no-repeat;
    background-size: 35px;
    background-position-x: 5px;
    background-position-y: -5px;
    margin: 0;
    margin-left: 10px;
    margin-bottom: 15px;
    font-weight: 700;
    color: #434343;
    font-size: 2.2rem;
}
body.specialevent #ranking.slide_ctn .slide_container .slide_wrapper {
    height: 295px;
}
body.specialevent #ranking ul{
    counter-reset: number 0;
}
body.specialevent #ranking ul li{
    border: 2px solid #e2e2e2;
    position: relative;
}
body.specialevent #ranking ul li a {
    text-decoration: none;
    color: #434343;
    margin: 0 10px 10px 10px;
    display: block;
}
body.specialevent #ranking ul li a img{
    width: 100%;
    height: auto;
}
body.specialevent #ranking ul li p.name{
    margin-top: 10px;
}
body.specialevent #ranking ul li a:active img{
    opacity: 0.7;
}
body.specialevent #ranking ul li a:active p{
    color: #fa143c;
}
body.specialevent #ranking ul li:before{
    font-size: 1.6rem;
    counter-increment: number 1;
    content: counter(number) " ";
    position: absolute;
    top: 5px;
    left: 5px;
    font-weight: 700;
    text-align: center;
    border-radius: 50%;
    color: #333;
    background-color: #E4ADAE;
    border: 1px solid #fff;
    width: 30px;
    height: 30px;
    line-height: 25px;
    z-index: 2;
}
body.specialevent #ranking ul li:first-of-type:before {
    background-color: #FFB400 ;
}
/*------------------------ranking PC  ------------------------*/
@media screen and (min-width: 950px) {
    body.specialevent #ranking ul li a:hover img{
        opacity: 0.7;
    }
    body.specialevent #ranking ul li a:hover p{
        color: #fa143c;
    }
    body.specialevent #ranking .slide_outer {
        position: absolute;
        left: 0;
        top: 0;
    }
}
/*--------------------------index--------------------------*/
body.specialevent #index ul.index_wrapper{
    counter-reset: number 0;
    text-align: center;
    border-top: 1px solid #434343;
    border-bottom: 1px solid #434343;
    padding: 10px 0;
}
body.specialevent #index ul.index_wrapper li.index_item{
    margin: 0 auto;
    margin-bottom: 10px;
    position: relative;
    display: inline-block;
}
body.specialevent #index ul.index_wrapper li::before{
    counter-increment: number 1;
    content: counter(number) "";
    display: inline-block;
    font-size: 2rem;
    font-weight: 700;
    color: #E4ADAE;
    z-index: 2;
}
body.specialevent #index ul.index_wrapper a{
    text-decoration: underline;
    color: #434343;
    width: 240px;
    text-align: center;
}
body.specialevent #index ul.index_wrapper a:active{
    text-decoration: none;
}
body.specialevent #index ul.index_wrapper .index_item_main{
    display: inline-block;
}
body.specialevent #index ul.index_wrapper .index_item_main span.jump_txt{
    position: relative;
    text-align: left;
    margin-left: 90px;
    margin-bottom: 2px;
    color: #E4ADAE;
    font-weight: 700;
    font-size: 1.1rem;
    display: block;
}
body.specialevent #index ul.index_wrapper .index_item_main span.jump_txt::before,
body.specialevent #index ul.index_wrapper .index_item_main span.jump_txt::after{
    position: relative;
    display: inline-block;
    content: "";
    background: #E4ADAE;
    width: 1px;
    height: 8px;
    margin: 0 8px;
    margin-top: -4px;
    margin-bottom: -4px;
    vertical-align: middle;
}
body.specialevent #index ul.index_wrapper .index_item_main span.jump_txt::before {
    transform: rotate(-35deg);
}
body.specialevent #index ul.index_wrapper .index_item_main span.jump_txt::after {
    transform: rotate(35deg);
}
body.specialevent #index ul.index_wrapper .index_item_main{
    font-size: 1.8rem;
    font-weight: 500;
    margin-left: 10px;
    text-align: left;
}
body.specialevent #index ul.index_wrapper .index_item_main span.open_btn{
    padding: 3px 10px;
    font-size: 1.2rem;
    border-radius: 30px;
    background-color: #E4ADAE;
    color: #fff;
    margin-left: 5px;
    cursor: pointer;
}
body.specialevent #index ul.index_wrapper .index_item_main span.blank{
    width: 52px;
    display: inline-block;
}
body.specialevent #index ul.index_wrapper li.index_item.open .index_item_main span.open_btn{
    background-color: #434343;
}
body.specialevent #index ul.index_wrapper li .index_item_sub_wrapper{
    background-color: #f9f9f9;
    padding: 8px;
    padding-left: 20px;
    margin-top: 10px;
}
body.specialevent #index ul.index_wrapper .index_item_sub{
    font-size: 1.4rem;
    font-weight: 500;
    margin-top: 8px;
    margin-left: 12px;
    text-align: left;
}
body.specialevent #index ul.index_wrapper .index_item_sub:first-of-type{
    margin-top: 0;
}
body.specialevent #index ul.index_wrapper .index_item_sub a{
    text-align: left;
    position: relative;
}
body.specialevent #index ul.index_wrapper .index_item_sub a::before{
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 7px;
    background-color: #434343;
    border-radius: 50%;
}
/*------------ index_area PC  ------------*/
@media screen and (min-width: 650px) {
    body.specialevent #index ul.index_wrapper li.index_item{
        width: 100%;
        margin-bottom: 20px;
    }
    body.specialevent #index ul.index_wrapper a:hover{
        text-decoration: none;
    }
    body.specialevent #index ul.index_wrapper li .index_item_sub_wrapper {
        width: 380px;
        margin: 0 auto;
        margin-top: 15px;
    }
}
/* ------------------------------
忘年会特集 year-end-party
------------------------------ */
body#year_end_party #ranking ul li a:active p{
    color: #fa143c;
}
body#year_end_party .more_petit a{
    background-color: #fa143c;
    border: 2px solid #fa143c;
}
body#year_end_party .more_petit a:active{
    color: #fa143c;
    background-color: #fff;
}
body#year_end_party #contents01 ul li a:active p{
    color:#fa143c;
}
body#year_end_party #contents01 .circle{
    background: #fa143c;
}
body#year_end_party #contents01 li:active img {
    border: solid 2px #fa143c;
}
body#year_end_party #contents03 ul li a:active p {
    color: #fa143c;
}
/*------------------------ PC  ------------------------*/
@media screen and (min-width: 950px) {
    body#year_end_party #ranking ul li a:hover p{
        color: #fa143c;
    }
    body#year_end_party .more_petit a:hover{
        color: #fa143c;
        background-color: #fff;
    }
    body#year_end_party #contents01 ul li a:hover p{
        color:#fa143c;
    }
    body#year_end_party #contents01 li:hover img {
        border: solid 2px #fa143c;
    }
    body#year_end_party #contents03 ul li a:hover p {
        color: #fa143c;
    }
}
/* ------------------------------
内祝い特集 celebration
------------------------------ */
body#celebration #ranking ul li a:active p{
    color: #FF6499;
}
body#celebration .more_petit a{
    background-color: #FF6499;
    border: 2px solid #FF6499;
}
body#celebration .more_petit a:active{
    color: #FF6499;
    background-color: #fff;
}
body#celebration #contents01 ul li a:active p{
    color:#FF6499;
}
body#celebration #contents01 .circle{
    background: #FF6499;
}
body#celebration #contents01 li:active img {
    border: solid 2px #FF6499;
}
body#celebration #contents03 ul li a:active p {
    color: #FF6499;
}
/*------------------------ PC  ------------------------*/
@media screen and (min-width: 950px) {
    body#celebration #ranking ul li a:hover p{
        color: #FF6499;
    }
    body#celebration .more_petit a:hover{
        color: #FF6499;
        background-color: #fff;
    }
    body#celebration #contents01 ul li a:hover p{
        color:#FF6499;
    }
    body#celebration #contents01 li:hover img {
        border: solid 2px #FF6499;
    }
    body#celebration #contents03 ul li a:hover p {
        color: #FF6499;
    }
}
/* ------------------------------
家族特集 family
------------------------------ */
body#family #ranking ul li a:active p{
    color: #FF99B7;
}
body#family .more_petit a{
    background-color: #FF99B7;
    border: 2px solid #FF99B7;
}
body#family .more_petit a:active{
    color: #FF99B7;
    background-color: #fff;
}
body#family #contents01 ul li a:active p{
    color:#FF99B7;
}
body#family #contents01 .circle{
    background: #FF99B7;
}
body#family #contents01 li:active img {
    border: solid 2px #FF99B7;
}
body#family #contents03 ul li a:active p {
    color: #FF99B7;
}
/*------------------------ PC  ------------------------*/
@media screen and (min-width: 950px) {
    body#family #ranking ul li a:hover p{
        color: #FF99B7;
    }
    body#family .more_petit a:hover{
        color: #FF99B7;
        background-color: #fff;
    }
    body#family #contents01 ul li a:hover p{
        color:#FF99B7;
    }
    body#family #contents01 li:hover img {
        border: solid 2px #FF99B7;
    }
    body#family #contents03 ul li a:hover p {
        color: #FF99B7;
    }
}
/* ------------------------------
入学特集 admission
------------------------------ */
body#admission #ranking .ranking_heading{
    font-weight: 700;
    color: #434343;
    margin-left: 20px;
}
body#admission #ranking ul li a:active p{
    color: #FFB400;
}
body#admission .more_petit a{
    background-color: #FFB400;
    border: 2px solid #FFB400;
}
body#admission .more_petit a:active{
    color: #FFB400;
    background-color: #fff;
}
body#admission #contents01 ul li a:active p,
body#admission #contents01 ul li a:active .name{
    color:#FFB400;
}
body#admission #contents01 .circle{
    background: #FFB400;
}
body#admission #contents01 li:active img {
    border: solid 2px #FFB400;
}
body#admission #contents03 ul li a:active p{
    color: #FFB400;
}
body#admission #text_contents ul li .market_price{
    background-image: url(/images/specialevent/admission/bg_admission.png);
    background-repeat: no-repeat;
    background-size: contain;
    line-height: 30px;
    text-indent: 30px;
    font-size: 1.5rem;
}
body#admission #text_contents ul li .market_price::before {
    display: none;
}
body.specialevent .slide_ctn .slide_item_point p:before {
    background-color: #FFB400;
}
/*------------------------ PC  ------------------------*/
@media screen and (min-width: 950px) {
    body#admission #ranking ul li a:hover p{
        color: #FFB400;
    }
    body#admission .more_petit a:hover{
        color: #FFB400;
        background-color: #fff;
    }
    body#admission #contents01 ul li a:hover p,
    body#admission #contents01 ul li a:hover .name{
        color:#FFB400;
    }
    body#admission #contents01 li:hover img {
        border: solid 2px #FFB400;
    }
    body#admission #contents03 ul li a:hover p{
        color: #FFB400;
    }
}
/* ------------------------------
誕生日特集 birthday
------------------------------ */
body#birthday #ranking ul li a:active p{
    color: #ff3c00;
}
body#birthday .more_petit a{
    background-color: #ff3c00;
    border: 2px solid #ff3c00;
}
body#birthday .more_petit a:active{
    color: #ff3c00;
    background-color: #fff;
}
body#birthday #contents01 ul li a:active p{
    color:#ff3c00;
}
body#birthday #contents01 .circle{
    background: #ff3c00;
}
body#birthday #contents01 li:active img {
    border: solid 2px #ff3c00;
}
body#birthday #contents03 ul li a:active p {
    color: #ff3c00;
}
/*------------------------ PC  ------------------------*/
@media screen and (min-width: 950px) {
    body#birthday #ranking ul li a:hover p{
        color: #ff3c00;
    }
    body#birthday .more_petit a:hover{
        color: #ff3c00;
        background-color: #fff;
    }
    body#birthday #contents01 ul li a:hover p{
        color:#ff3c00;
    }
    body#birthday #contents01 li:hover img {
        border: solid 2px #ff3c00;
    }
    body#birthday #contents03 ul li a:hover p {
        color: #ff3c00;
    }
}
/* ------------------------------
ペット特集 pet
------------------------------ */
body#pet #ranking ul li a:active p{
    color: #00aa00;
}
body#pet .more_petit a{
    background-color: #00aa00;
    border: 2px solid #00aa00;
}
body#pet .more_petit a:active{
    color: #00aa00;
    background-color: #fff;
}
body#pet #contents01 ul li a:active p{
    color:#00aa00;
}
body#pet #contents01 .circle{
    background: #00aa00;
}
body#pet #contents01 li:active img {
    border: solid 2px #00aa00;
}
body#pet #contents03 ul li a:active p {
    color: #00aa00;
}
/*------------------------ PC  ------------------------*/
@media screen and (min-width: 950px) {
    body#pet #ranking ul li a:hover p{
        color: #00aa00;
    }
    body#pet .more_petit a:hover{
        color: #00aa00;
        background-color: #fff;
    }
    body#pet #contents01 ul li a:hover p{
        color:#00aa00;
    }
    body#pet #contents01 li:hover img {
        border: solid 2px #00aa00;
    }
    body#pet #contents03 ul li a:hover p {
        color: #00aa00;
    }
}
/* ------------------------------
ビジネス特集 business
------------------------------ */
body#business #ranking ul li a:active p{
    color: #236AFF;
}
body#business .more_petit a{
    background-color: #236AFF;
    border: 2px solid #236AFF;
}
body#business .more_petit a:active{
    color: #236AFF;
    background-color: #fff;
}
body#business #contents01 ul li a:active p{
    color:#236AFF;
}
body#business #contents01 .circle{
    background: #236AFF;
}
body#business #contents01 li:active img {
    border: solid 2px #236AFF;
}
body#business #contents03 ul li a:active p {
    color: #236AFF;
}
/*------------------------ PC  ------------------------*/
@media screen and (min-width: 950px) {
    body#business #ranking ul li a:hover p{
        color: #236AFF;
    }
    body#business .more_petit a:hover{
        color: #236AFF;
        background-color: #fff;
    }
    body#business #contents01 ul li a:hover p{
        color:#236AFF;
    }
    body#business #contents01 li:hover img {
        border: solid 2px #236AFF;
    }
    body#business #contents03 ul li a:hover p {
        color: #236AFF;
    }
}
/* ------------------------------
送別特集 farewell
------------------------------ */
body#farewell #ranking ul li a:active p{
    color: #3BB58E;
}
body#farewell .more_petit a{
    background-color: #3BB58E;
    border: 2px solid #3BB58E;
}
body#farewell .more_petit a:active{
    color: #3BB58E;
    background-color: #fff;
}
body#farewell #contents01 ul li a:active p,
body#farewell #contents01 ul li a:active .name{
    color:#3BB58E;
}
body#farewell #contents01 .circle{
    background: #3BB58E;
}
body#farewell #contents01 li:active img {
    border: solid 2px #3BB58E;
}
body#farewell #contents03 ul li a:active p {
    color: #3BB58E;
}
body#farewell .slide_ctn .slide_item_point p:before{
    background-color: #3BB58E;
}
body#farewell  .slide_ctn ul.slide_list li a:hover .item_info p{
    color: #3BB58E;
}
/*------------------------ PC  ------------------------*/
@media screen and (min-width: 950px) {
    body#farewell #ranking ul li a:hover p{
        color: #3BB58E;
    }
    body#farewell .more_petit a:hover{
        color: #3BB58E;
        background-color: #fff;
    }
    body#farewell #contents01 ul li a:hover p,
    body#farewell #contents01 ul li a:hover .name{
        color:#3BB58E;
    }
    body#farewell #contents01 li:hover img {
        border: solid 2px #3BB58E;
    }
    body#farewell #contents03 ul li a:hover p {
        color: #3BB58E;
    }
}
/* ------------------------------
お盆、帰省  hometown
------------------------------ */
body#hometown #ranking ul li a:active p{
    color: #008CFF;
}
body#hometown .more_petit a{
    background-color: #008CFF;
    border: 2px solid #008CFF;
}
body#hometown .more_petit a:active{
    color: #008CFF;
    background-color: #fff;
}
body#hometown #contents01 ul li a:active p{
    color:#008CFF;
}
body#hometown #contents01 .circle{
    background: #008CFF;
}
body#hometown #contents01 li:active img {
    border: solid 2px #008CFF;
}
body#hometown #contents03 ul li a:active p {
    color: #008CFF;
}
/*------------------------ PC  ------------------------*/
@media screen and (min-width: 950px) {
    body#hometown #ranking ul li a:hover p{
        color: #008CFF;
    }
    body#hometown .more_petit a:hover{
        color: #008CFF;
        background-color: #fff;
    }
    body#hometown #contents01 ul li a:hover p{
        color:#008CFF;
    }
    body#hometown #contents01 li:hover img {
        border: solid 2px #008CFF;
    }
    body#hometown #contents03 ul li a:hover p {
        color: #008CFF;
    }
}
/* ------------------------------
ひな祭り hinamatsuri
------------------------------ */
body#hinamatsuri #ranking ul li a:active p{
    color: #FF9999;
}
body#hinamatsuri .more_petit a{
    background-color: #FF9999;
    border: 2px solid #FF9999;
}
body#hinamatsuri .more_petit a:active{
    color: #FF9999;
    background-color: #fff;
}
body#hinamatsuri #contents01 ul li a:active p{
    color:#FF9999;
}
body#hinamatsuri #contents01 .circle{
    background: #FF9999;
}
body#hinamatsuri #contents01 li:active img {
    border: solid 2px #FF9999;
}
body#hinamatsuri #contents03 ul li a:active p {
    color: #FF9999;
}
/*------------------------ PC  ------------------------*/
@media screen and (min-width: 950px) {
    body#hinamatsuri #ranking ul li a:hover p{
        color: #FF9999;
    }
    body#hinamatsuri .more_petit a:hover{
        color: #FF9999;
        background-color: #fff;
    }
    body#hinamatsuri #contents01 ul li a:hover p{
        color:#FF9999;
    }
    body#hinamatsuri #contents01 li:hover img {
        border: solid 2px #FF9999;
    }
    body#hinamatsuri #contents03 ul li a:hover p {
        color: #FF9999;
    }
}
/* ------------------------------
イースター easter
------------------------------ */
body#easter #ranking ul li a:active p{
    color: #E67FA2;
}
body#easter .more_petit a{
    background-color: #E67FA2;
    border: 2px solid #E67FA2;
}
body#easter .more_petit a:active{
    color: #E67FA2;
    background-color: #fff;
}
body#easter #contents01 ul li a:active p{
    color:#E67FA2;
}
body#easter #contents01 .circle{
    background: #E67FA2;
}
body#easter #contents01 li:active img {
    border: solid 2px #E67FA2;
}
body#easter #contents03 ul li a:active p {
    color: #E67FA2;
}
/*------------------------ PC  ------------------------*/
@media screen and (min-width: 950px) {
    body#easter #ranking ul li a:hover p{
        color: #E67FA2;
    }
    body#easter .more_petit a:hover{
        color: #E67FA2;
        background-color: #fff;
    }
    body#easter #contents01 ul li a:hover p{
        color:#E67FA2;
    }
    body#easter #contents01 li:hover img {
        border: solid 2px #E67FA2;
    }
    body#easter #contents03 ul li a:hover p {
        color: #E67FA2;
    }
}
/* ------------------------------
お歳暮 year_end_gift
------------------------------ */
body#year_end_gift #ranking ul li a:active p{
    color: #DEC336;
}
body#year_end_gift .more_petit a{
    background-color: #DEC336;
    border: 2px solid #DEC336;
}
body#year_end_gift .more_petit a:active{
    color: #DEC336;
    background-color: #fff;
}
body#year_end_gift #contents01 ul li a:active p{
    color:#DEC336;
}
body#year_end_gift #contents01 .circle{
    background: #DEC336;
}
body#year_end_gift #contents01 li:active img {
    border: solid 2px #DEC336;
}
body#year_end_gift #contents03 ul li a:active p {
    color: #DEC336;
}
/*------------------------ PC  ------------------------*/
@media screen and (min-width: 950px) {
    body#year_end_gift #ranking ul li a:hover p{
        color: #DEC336;
    }
    body#year_end_gift .more_petit a:hover{
        color: #DEC336;
        background-color: #fff;
    }
    body#year_end_gift #contents01 ul li a:hover p{
        color:#DEC336;
    }
    body#year_end_gift #contents01 li:hover img {
        border: solid 2px #DEC336;
    }
    body#year_end_gift #contents03 ul li a:hover p {
        color: #DEC336;
    }
}
/* ------------------------------
納涼祭 summer_festival
------------------------------ */
body#summer_festival #ranking ul li a:active p{
    color: #2FDEEC;
}
body#summer_festival .more_petit a{
    background-color: #2FDEEC;
    border: 2px solid #2FDEEC;
}
body#summer_festival .more_petit a:active{
    color: #2FDEEC;
    background-color: #fff;
}
body#summer_festival #contents01 ul li a:active p{
    color:#2FDEEC;
}
body#summer_festival #contents01 .circle{
    background: #2FDEEC;
}
body#summer_festival #contents01 li:active img {
    border: solid 2px #2FDEEC;
}
body#summer_festival #contents03 ul li a:active p {
    color: #2FDEEC;
}
/*------------------------ PC  ------------------------*/
@media screen and (min-width: 950px) {
    body#summer_festival #ranking ul li a:hover p{
        color: #2FDEEC;
    }
    body#summer_festival .more_petit a:hover{
        color: #2FDEEC;
        background-color: #fff;
    }
    body#summer_festival #contents01 ul li a:hover p{
        color:#2FDEEC;
    }
    body#summer_festival #contents01 li:hover img {
        border: solid 2px #2FDEEC;
    }
    body#summer_festival #contents03 ul li a:hover p {
        color: #2FDEEC;
    }
}
/* ------------------------------
新年会 new_year_party
------------------------------ */
body#new_year_party #ranking ul li a:active p{
    color: #C99930;
}
body#new_year_party .more_petit a{
    background-color: #C99930;
    border: 2px solid #C99930;
}
body#new_year_party .more_petit a:active{
    color: #C99930;
    background-color: #fff;
}
body#new_year_party #contents01 ul li a:active p{
    color:#C99930;
}
body#new_year_party #contents01 .circle{
    background: #C99930;
}
body#new_year_party #contents01 li:active img {
    border: solid 2px #C99930;
}
body#new_year_party #contents03 ul li a:active p {
    color: #C99930;
}
/*------------------------ PC  ------------------------*/
@media screen and (min-width: 950px) {
    body#new_year_party #ranking ul li a:hover p{
        color: #C99930;
    }
    body#new_year_party .more_petit a:hover{
        color: #C99930;
        background-color: #fff;
    }
    body#new_year_party #contents01 ul li a:hover p{
        color:#C99930;
    }
    body#new_year_party #contents01 li:hover img {
        border: solid 2px #C99930;
    }
    body#new_year_party #contents03 ul li a:hover p {
        color: #C99930;
    }
}
/* ------------------------------
お年賀 new_year
------------------------------ */
body#new_year #ranking ul li a:active p{
    color: #E3381D;
}
body#new_year .more_petit a{
    background-color: #E3381D;
    border: 2px solid #E3381D;
}
body#new_year .more_petit a:active{
    color: #E3381D;
    background-color: #fff;
}
body#new_year #contents01 ul li a:active p{
    color:#E3381D;
}
body#new_year #contents01 .circle{
    background: #E3381D;
}
body#new_year #contents01 li:active img {
    border: solid 2px #E3381D;
}
body#new_year #contents03 ul li a:active p {
    color: #E3381D;
}
body#new_year #ranking{
    margin-top: 30px;
}
body#new_year .slide_ctn ul.slide_list li a:hover .item_info p{
    color: #E3381D;
}
/*------------------------ PC  ------------------------*/
@media screen and (min-width: 950px) {
    body#new_year #ranking ul li a:hover p{
        color: #E3381D;
    }
    body#new_year .more_petit a:hover{
        color: #E3381D;
        background-color: #fff;
    }
    body#new_year #contents01 ul li a:hover p{
        color:#E3381D;
    }
    body#new_year #contents01 li:hover img {
        border: solid 2px #E3381D;
    }
    body#new_year #contents03 ul li a:hover p {
        color: #E3381D;
    }
    body#new_year .slide_ctn ul.slide_list li a:hover .item_info p{
        color: #E3381D;
    }
}
/*--------------------------frame_stamp-------------------------*/
body#new_year #frame_stamp{
    margin-bottom: 80px;
}
body#new_year #frame_stamp .frame_stamp_txt{
    margin-bottom: 10px;
}
body#new_year #frame_stamp ul.sample_image,
body#new_year #frame_stamp ul.frame_stamp_list{
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
    align-items: center;
}
body#new_year #frame_stamp ul.sample_image li,
body#new_year #frame_stamp ul.frame_stamp_list li{
    width: calc(33% - 9px);
    margin-right: 10px;
}
body#new_year #frame_stamp ul.frame_stamp_list li:nth-of-type(3n){
    margin-right: 0;
}
/*------------------------ PC  ------------------------*/
@media screen and (min-width: 950px) {
    body#new_year #frame_stamp ul.sample_image{
        justify-content: center;
        margin-bottom: 10px;
    }
    body#new_year #frame_stamp ul.sample_image li{
        width: calc(25% - 7px);
    }
    body#new_year #frame_stamp ul.frame_stamp_list li{
        width: calc(16% - 7px);
    }
}
/* ------------------------------
結婚記念日 wedding_anniversary
------------------------------ */
body#wedding_anniversary #ranking ul li a:active p{
    color: #B41100;
}
body#wedding_anniversary .more_petit a{
    background-color: #B41100;
    border: 2px solid #B41100;
}
body#wedding_anniversary .more_petit a:active{
    color: #B41100;
    background-color: #fff;
}
body#wedding_anniversary #contents01 ul li a:active p{
    color:#B41100;
}
body#wedding_anniversary #contents01 .circle{
    background: #B41100;
}
body#wedding_anniversary #contents01 li:active img {
    border: solid 2px #B41100;
}
body#wedding_anniversary #contents03 ul li a:active p {
    color: #B41100;
}
/*------------------------ PC  ------------------------*/
@media screen and (min-width: 950px) {
    body#wedding_anniversary #ranking ul li a:hover p{
        color: #B41100;
    }
    body#wedding_anniversary .more_petit a:hover{
        color: #B41100;
        background-color: #fff;
    }
    body#wedding_anniversary #contents01 ul li a:hover p{
        color:#B41100;
    }
    body#wedding_anniversary #contents01 li:hover img {
        border: solid 2px #B41100;
    }
    body#wedding_anniversary #contents03 ul li a:hover p {
        color: #B41100;
    }
}
/* ------------------------------
七五三 shichigosan
------------------------------ */
body#shichigosan #ranking ul li a:active p{
    color: #dd003a;
}
body#shichigosan .more_petit a{
    background-color: #dd003a;
    border: 2px solid #dd003a;
}
body#shichigosan .more_petit a:active{
    color: #dd003a;
    background-color: #fff;
}
body#shichigosan #contents01 ul li a:active p{
    color:#dd003a;
}
body#shichigosan #contents01 .circle{
    background: #dd003a;
}
body#shichigosan #contents01 li:active img {
    border: solid 2px #dd003a;
}
body#shichigosan #contents03 ul li a:active p {
    color: #dd003a;
}
/*------------------------ PC  ------------------------*/
@media screen and (min-width: 950px) {
    body#shichigosan #ranking ul li a:hover p{
        color: #dd003a;
    }
    body#shichigosan .more_petit a:hover{
        color: #dd003a;
        background-color: #fff;
    }
    body#shichigosan #contents01 ul li a:hover p{
        color:#dd003a;
    }
    body#shichigosan #contents01 li:hover img {
        border: solid 2px #dd003a;
    }
    body#shichigosan #contents03 ul li a:hover p {
        color: #dd003a;
    }
}
/* ------------------------------
お中元 summer_gift
------------------------------ */
body#summer_gift #ranking ul li a:active p{
    color: #01B1DB;
}
body#summer_gift .more_petit a{
    background-color: #01B1DB;
    border: 2px solid #01B1DB;
}
body#summer_gift .more_petit a:active{
    color: #01B1DB;
    background-color: #fff;
}
body#summer_gift #contents01 ul li a:active p{
    color:#01B1DB;
}
body#summer_gift #contents01 .circle{
    background: #01B1DB;
}
body#summer_gift #contents01 li:active img {
    border: solid 2px #01B1DB;
}
body#summer_gift #contents03 ul li a:active p {
    color: #01B1DB;
}
/*------------------------ PC  ------------------------*/
@media screen and (min-width: 950px) {
    body#summer_gift #ranking ul li a:hover p{
        color: #01B1DB;
    }
    body#summer_gift .more_petit a:hover{
        color: #01B1DB;
        background-color: #fff;
    }
    body#summer_gift #contents01 ul li a:hover p{
        color:#01B1DB;
    }
    body#summer_gift #contents01 li:hover img {
        border: solid 2px #01B1DB;
    }
    body#summer_gift #contents03 ul li a:hover p {
        color: #01B1DB;
    }
}
/* ------------------------------
敬老の日 keirounohi
------------------------------ */
body#keirounohi #ranking ul li a:active p{
    color: #905DC8;
}
body#keirounohi .more_petit a{
    background-color: #905DC8;
    border: 2px solid #905DC8;
}
body#keirounohi .more_petit a:active{
    color: #905DC8;
    background-color: #fff;
}
body#keirounohi #contents01 ul li a:active p{
    color:#905DC8;
}
body#keirounohi #contents01 .circle{
    background: #905DC8;
}
body#keirounohi #contents01 li:active img {
    border: solid 2px #905DC8;
}
body#keirounohi #contents03 ul li a:active p {
    color: #905DC8;
}
/*------------------------ PC  ------------------------*/
@media screen and (min-width: 950px) {
    body#keirounohi #ranking ul li a:hover p{
        color: #905DC8;
    }
    body#keirounohi .more_petit a:hover{
        color: #905DC8;
        background-color: #fff;
    }
    body#keirounohi #contents01 ul li a:hover p{
        color:#905DC8;
    }
    body#keirounohi #contents01 li:hover img {
        border: solid 2px #905DC8;
    }
    body#keirounohi #contents03 ul li a:hover p {
        color: #905DC8;
    }
}
/* ------------------------------
景品 keihin
------------------------------ */
body#keihin #ranking ul li a:active p{
    color: #FF4D56;
}
body#keihin .more_petit a{
    background-color: #FF4D56;
    border: 2px solid #FF4D56;
}
body#keihin .more_petit a:active{
    color: #FF4D56;
    background-color: #fff;
}
body#keihin #contents01 ul li a:active p{
    color:#FF4D56;
}
body#keihin #contents01 .circle{
    background: #FF4D56;
}
body#keihin #contents01 li:active img {
    border: solid 2px #FF4D56;
}
body#keihin #contents03 ul li a:active p {
    color: #FF4D56;
}
/*------------------------ PC  ------------------------*/
@media screen and (min-width: 950px) {
    body#keihin #ranking ul li a:hover p{
        color: #FF4D56;
    }
    body#keihin .more_petit a:hover{
        color: #FF4D56;
        background-color: #fff;
    }
    body#keihin #contents01 ul li a:hover p{
        color:#FF4D56;
    }
    body#keihin #contents01 li:hover img {
        border: solid 2px #FF4D56;
    }
    body#keihin #contents03 ul li a:hover p {
        color: #FF4D56;
    }
}
/* ------------------------------
ホワイトデー whiteday
------------------------------ */
body#whiteday #ranking ul li a:active p{
    color: #0F5EE8;
}
body#whiteday .more_petit a{
    background-color: #0F5EE8;
    border: 2px solid #0F5EE8;
}
body#whiteday .more_petit a:active{
    color: #0F5EE8;
    background-color: #fff;
}
body#whiteday #contents01 ul li a:active p{
    color:#0F5EE8;
}
body#whiteday #contents01 .circle{
    background: #0F5EE8;
}
body#whiteday #contents01 li:active img {
    border: solid 2px #0F5EE8;
}
body#whiteday #contents03 ul li a:active p {
    color: #0F5EE8;
}
/*------------------------ PC  ------------------------*/
@media screen and (min-width: 950px) {
    body#whiteday #ranking ul li a:hover p{
        color: #0F5EE8;
    }
    body#whiteday .more_petit a:hover{
        color: #0F5EE8;
        background-color: #fff;
    }
    body#whiteday #contents01 ul li a:hover p{
        color:#0F5EE8;
    }
    body#whiteday #contents01 li:hover img {
        border: solid 2px #0F5EE8;
    }
    body#whiteday #contents03 ul li a:hover p {
        color: #0F5EE8;
    }
}
/* ------------------------------
周年記念品 anniversary
------------------------------ */
/* 共通 */
body#anniversary #op_area p,
body#anniversary #ranking_anniversary,
body#anniversary #contents01,
body#anniversary #choose,
body#anniversary #example{
    text-align: justify;
}
body#anniversary #title .title_img {
    background-color: #EBD296;
}
body#anniversary #op_area p{
    letter-spacing: -0.5px;
    margin-top: 10px;
}
body#anniversary #contents01 .circle{
    background: #e40012;
}
body#anniversary #contents01 a:active img {
    border: solid 2px #e40012;
}
body#anniversary #contents01 .more_petit a{
    background-color: #e40012;
}
body#anniversary #contents01 .more_petit a:active{
    background-color: #fff;
    border: 2px solid #e40012;
    color: #e40012;
}
body#anniversary .sub_heading_basic{
    position: relative;
    margin-bottom: 15px;
}
body#anniversary .sub_heading_basic::before{
    content: "";
    display: inline-block;
    width: 5px;
    height: 17px;
    margin-right: 5px;
    background-color: #e8cd8b;
}
/* ranking */
body#anniversary #ranking_anniversary{
    margin-top: 30px;
}
body#anniversary .anniversary_partition{
    border: 1px solid #e8cd8b;
    margin: 1em;
}
body#anniversary h2{
    margin-bottom: 1em;
    line-height: 120%;
}
body#anniversary #ranking_anniversary{
    border-top: 2px solid #e8cd8b;
    border-bottom: 2px solid #e8cd8b;
    padding-top: 20px;
    padding-bottom: 20px;
}
body#anniversary #ranking_anniversary ul{
    position: relative;
    margin: 0;
}
body#anniversary #ranking_anniversary ul li{
    margin-bottom: 20px;
    position: relative;
}
body#anniversary #ranking_anniversary ul li a{
    text-decoration: none;
}
body#anniversary #ranking_anniversary ul li a:active p{
    color: #e40012;
}
body#anniversary #ranking_anniversary ul li .ranking_anniversary_basic{
    display: flex;
    align-items: center;
}
body#anniversary #ranking_anniversary li .ranking_anniversary_product{
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    position: relative;
    justify-content: center;
    width: 40%;
    margin-right: 3%;
}
body#anniversary #ranking_anniversary li:active .ranking_anniversary_product img{
    opacity: .75;
}
body#anniversary #ranking_anniversary span.rank_icon{
    display: inline-block;
    z-index: 1;
    border: 1px solid #dedede;
    border-radius: 50%;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 700;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    line-height: 27px;
    border-color: #e8cd8b;
    background: #e8cd8b;
    color: #e40012;
    position: absolute;
    left: 5px;
    top: 5px
}
body#anniversary #ranking_anniversary li.ranking_anniversary_list span.first{
    border-color: #e40012;
    background: #e40012;
    color: #e8cd8b;
}
body#anniversary #ranking_anniversary ul li div.ranking_anniversary_txt{
    line-height: 130%;
    font-weight: 700;
}
/*choose*/
body#anniversary #choose{
    padding-bottom: 5em;
}
body#anniversary #choose .choose_cnt{
    margin-top: 3em;
}
body#anniversary #choose .choose_cnt .choose_ttl{
    margin-bottom: 1em;
}
body#anniversary #choose .choose_cnt .choose_ttl p{
    background-color: #e8cd8b;
    font-weight: 700;
    padding: 5px;
    border-radius: 5px;
    display: inline-block;
}
body#anniversary #choose .choose_cnt .choose_txt a,
body#anniversary #choose .choose_cnt .choose_txt a:visited,
body#anniversary #choose .choose_cnt .choose_txt a:link {
    color: #e40012;
}
body#anniversary #choose .choose_cnt .choose_txt a,
body#anniversary #choose .choose_cnt .choose_txt a:visited,
body#anniversary #choose .choose_cnt .choose_txt a:link {
    color: #e40012;
}
body#anniversary #choose .choose_cnt_outer .choose_img{
    background-color: #e8cd8b;
    text-align: center;
    margin-bottom: 10px;
    padding-top: 3px;
}
body#anniversary #choose .choose_cnt_outer .choose_img img{
    width: 120px;
}
/* report */
body#anniversary #report ul.report_container{
    margin-bottom: 60px;
}
body#anniversary #report li.report_list{
    margin-bottom: 50px;
}
body#anniversary #report li .report_img {
    background-color: #dfdfdf;
    width: 100%;
    text-align: center;
}
body#anniversary #report li .report_img img{
    max-height: 250px;
    width: auto;
    padding: 10px 0;
}
body#anniversary #report .report_voices{
    background-color: #F5F5F5;
    padding: 10px;
    margin-bottom: 10px;
}
body#anniversary #report .report_voices .report_voices_header{
    font-size: 1.3rem;
    font-weight: 700;
}
body#anniversary #report .report_info p{
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: 5px;
    line-height: 160%;
}
body#anniversary #report .report_info span.use_catching{
    background-color: #e8cd8b;
    font-weight: 700;
    padding: 0px 5px;
    border-radius: 5px;
    display: inline-block;
    font-size: 1.2rem;
}
/*------------------------ PC  ------------------------*/
@media screen and (min-width: 950px) {
    body#anniversary #report ul.report_container{
        display: flex;
        flex-wrap: wrap;
    }
    body#anniversary #report ul.report_container li{
        width:calc(50% - 25px) ;
    }
    body#anniversary #report ul.report_container li:nth-of-type(odd){
        margin-right: 50px;
    }
}
/* scene */
body#anniversary #scene{
    margin-bottom: 50px;
}
body#anniversary #scene ul.scene_btn_list{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
body#anniversary #scene ul.scene_btn_list li{
    width: calc(33% - 7px);
    margin-right: 10px;
    margin-bottom: 20px;
    border: 1px solid #e8cd8b;
    padding: 10px;
    border-radius: 5px;
}
body#anniversary #scene ul.scene_btn_list li:nth-of-type(3n){
    margin-right: 0;
}
body#anniversary #scene ul.scene_btn_list li .scene_img{
    margin-bottom: 5px;
}
body#anniversary #scene ul.scene_btn_list li a {
    text-decoration: none;
}
body#anniversary #scene ul.scene_btn_list li a p{
    font-weight: 500;
}
body#anniversary #scene ul.scene_btn_list li a:active p{
    color: #e40012;
}
body#anniversary #scene .scene_example .scene_example_name{
    margin-bottom: 50px;
}
body#anniversary #scene .scene_example .scene_example_item_wrapper{
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}
body#anniversary #scene .scene_example .scene_example_item{
    width: calc(50% - 10px);
    margin-right: 20px;
    margin-bottom: 20px;
}
body#anniversary #scene .scene_example .scene_example_item.item_cj{
    max-width: 180px;
}
body#anniversary #scene .scene_example .scene_example_item.w_l{
    width: 100%;
    margin-right: 0;
}
body#anniversary #scene .scene_example .scene_example_item:nth-of-type(2n){
    margin-right: 0;
}
body#anniversary #scene .scene_example .scene_example_item .scene_example_txt{
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: 3px;
}
/* process */
body#anniversary #process .step_container{
    border: 1px solid #e8cd8b;
    padding: 30px;
    border-radius: 5px;
}
body#anniversary #process h2{
    text-align: left;
    line-height: 120%;
    width: 100%;
    margin: auto;
    margin-bottom: 1em;
    letter-spacing: normal;
}
body#anniversary #process .step_txt_area{
    text-align: center;
}
body#anniversary #process p.heading {
    background-color: #e8cd8b;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}
/*------------------------ PC  ------------------------*/
@media screen and (min-width: 950px) {
    /* 共通 */
    body#anniversary #contents01 a:hover img {
        border: solid 2px #e40012;
    }
    body#anniversary #contents01 .more_petit a:hover{
        background-color: #fff;
        border: 2px solid #e40012;
        color: #e40012;
    }
    body#anniversary #example div.model .link:hover a{
        color: #fff;
        background-color: #e40012;
    }
    /* ranking */
    body#anniversary #ranking_anniversary ul{
        display: flex;
        flex-wrap: nowrap;
    }
    body#anniversary #ranking_anniversary ul li .ranking_anniversary_basic{
        display: block;
    }
    body#anniversary #ranking_anniversary ul li {
        margin: 10px;
        width: 24%;
    }
    body#anniversary #ranking_anniversary li .ranking_anniversary_product{
        width: 100%;
    }
    body#anniversary #ranking_anniversary .price p{
       margin-bottom: 10px;
    }
    body#anniversary #ranking_anniversary ul li a:hover p{
    color: #e40012;
    }
    body#anniversary #ranking_anniversary li:hover .ranking_anniversary_product img{
        opacity: .75;
    }
    /* scene */
    body#anniversary #scene ul.scene_btn_list li{
        width: calc(16.6% - 8.5px);
    }
    body#anniversary #scene ul.scene_btn_list li:nth-of-type(3n){
        margin-right: 10px;
    }
    body#anniversary #scene ul.scene_btn_list li:last-of-type{
        margin-right: 0;
    }
    body#anniversary #scene ul.scene_btn_list li a:hover p{
        color: #e40012;
    }
    body#anniversary #scene .scene_example .scene_example_item{
        width: calc(25% - 15px);
    }
    body#anniversary #scene .scene_example .scene_example_item.w_l{
        width: calc(40% - 15px);
        margin-right: 0;
    }
    body#anniversary #scene .scene_example .scene_example_item:nth-of-type(2n){
        margin-right: 20px;
    }
    body#anniversary #scene .scene_example .scene_example_item:last-of-type{
        margin-right: 0;
    }
    /* process */
    body#anniversary #process {
        max-width: 980px;
        margin: 0 auto;
        margin-bottom: 150px;
        margin-top: 50px;
    }
    body#anniversary #process p.heading {
        font-size: 1.6rem;
        margin-bottom: 20px;
    }
    body#anniversary #process .step_wrapper .step_one .step_img_area{
        width: 80%;
        margin: 0 auto;
        margin-bottom: 40px;
    }
    /* choose */
    body#anniversary #choose .choose_cnt_outer{
        display: flex;
        flex-wrap: nowrap;
    }
    body#anniversary #choose .choose_cnt_outer .choose_img{
        width: 250px;
        margin-right: 10px;
    }
    body#anniversary #choose .choose_cnt_outer p{
        width: calc(100% - 130px);
    }
}