@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");

/* ---------- ヘッダー、フッターのみの範囲でreset（2023年リニューアル時、他社作成のcompany配下に影響の無いように必要） ---------- */
header div, header span, header object, header iframe,
header h1, header h2, header h3, header h4, header h5, header h6, header p, header blockquote, header pre,
header abbr, header address, header cite, header code,
header del, header dfn, header em, header img, header ins, header kbd, header q, header samp,
header small, header strong, header sub, header sup, header var,
header b, header i,
header dl, header dt, header dd, header ol, header ul, header li,
header fieldset, header form, header label, header legend,
header table, header caption, header tbody, header tfoot, header thead, header tr, header th, header td,
header article, header aside, header canvas, header details, header figcaption, header figure, 
header, header, header hgroup, header menu, header nav, header section, header summary,
header time, header mark, header audio, header video,
footer div, footer span, footer object, footer iframe,
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer p, footer blockquote, footer pre,
footer abbr, footer address, footer cite, footer code,
footer del, footer dfn, footer em, footer img, footer ins, footer kbd, footer q, footer samp,
footer small, footer strong, footer sub, footer sup, footer var,
footer b, footer i,
footer dl, footer dt, footer dd, footer ol, footer ul, footer li,
footer fieldset, footer form, footer label, footer legend,
footer table, footer caption, footer tbody, footer tfoot, footer thead, footer tr, footer th, footer td,
footer article, footer aside, footer canvas, footer details, footer figcaption, footer figure, 
footer, footer hgroup, footer menu, footer nav, footer section, footer summary,
footer time, footer mark, footer audio, footer video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;  
}
header, footer {
    line-height:1;
}
header article,header aside,header details,header figcaption,header figure,
header,header hgroup,header menu,header nav,header section,header main,
footer article,footer aside,footer details,footer figcaption,footer figure,
footer,footer hgroup,footer menu,footer nav,footer section,footer main { 
    display:block;
}
header ul, header ol, header li,
footer ul, footer ol, footer li {
    list-style:none;
}
header blockquote, header q ,
footer blockquote, footer q {
    quotes:none;
}
header blockquote:before, header blockquote:after,
header q:before, header q:after ,
footer blockquote:before, footer blockquote:after,
footer q:before, footer q:after {
    content:'';
    content:none;
}
header a, footer a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
}
header ins, footer ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
header mark, footer mark, {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
header del, footer del{
    text-decoration: line-through;
}
header abbr[title], header dfn[title] ,
footer abbr[title], footer dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
header table, footer table {
    border-collapse:collapse;
    border-spacing:0;
}
header hr, footer hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
header input, header select ,
footer input, footer select {
    vertical-align:middle;
}
header input,
footer input {
    font-size:100%;
    margin: 0;
    padding: 0; 
}
header img ,
footer img {
    vertical-align:top;
}
header strong ,
footer strong {
    font-weight:bold;
}
header sub ,
footer sub {
    vertical-align:sub;
    font-size:smaller;
    line-height: 0;
}
header sup ,
footer sup {
    vertical-align:super;
    font-size:smaller;
    line-height: 0;
}


/* ---------- ヘッダー フッター共通 ---------- */
header,footer {
    font-family: "Noto Sans JP","メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;
}
header a:link,
header a:visited,
footer a:link,
footer a:visited {
    color: #000;
    text-decoration: none;
}
header *,
footer *{
    box-sizing: border-box;
}


/* ---------- その他 ---------- */
body.scrool_stop{
    height: 100vh;
    overflow-y: hidden;
}
@media print, screen and (max-width: 768px) {
    body.scrool_stop{
        position: fixed;
    }
}


/* ---------- ヘッダー、フッター内 PC版リンクのアニメーション ---------- */
@media print, screen and (min-width: 768px) {
    .gNav_pc_menu a img,
    .footer_31club_block_inner_pc a > img,
    .snsBlock_pc a img,
    .twoBanner_pc a,
    .linkBlock_item_title_pc,
    .linkBlock_item_pc ul li a,
    .linkBlock_02_pc a,
    #pageTop {
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
     }

    .gNav_pc_menu a:hover img,
    .footer_31club_block_inner_pc a:hover > img,
    .snsBlock_pc a:hover img,
    .twoBanner_pc a:hover,
    .linkBlock_item_title_pc:hover,
    .linkBlock_item_pc ul li a:hover,
    .linkBlock_02_pc a:hover,
    #pageTop:hover {
        opacity: 0.5;
        -webkit-transition-delay: 0s !important;
        transition-delay: 0s !important;
    }

}


/* ---------- ヘッダー ---------- */
header{
    z-index: 1001;
}


/* SPヘッダー グローバルナビ */
.gNav_pc{
    display: none;
}
.gNav_sp {
    display: flex;
    justify-content: space-between;
    position: fixed;
    z-index: 100;
    width: 100%;
    height: 60px;
    background-color: #FFF;
    padding: 15px 18px 15px 20px;
    box-sizing: border-box;
}
.gNav_sp h1 a{
    display: block;
    width: 44px;
}
.gNav_sp h1 img{
    width: 44px;
}
.gNav_sp .gNav_btn_box{
    display: flex;
}
.gNav_btn_box .search_btn{
    display: block;
    margin: 5px 18px 0 0;
}
.gNav_btn_box .search_btn img{
    width: 47px;
}
.gNav_btn_box .mobile_order_btn{
    display: block;
    margin: 3px 12px 0 0;
}
.gNav_btn_box .mobile_order_btn img{
    display: inline-block;
    width: 53px;
}
.gNav_btn_box .staff_btn{
    display: block;
    margin: 6px 12px 0 0;
}
.gNav_btn_box .staff_btn img{
    display: inline-block;
    width: 80px;
}

/* サブメニュー部分 */
.gNav_sp #nav_toggle{
    width: 26px;
    height: 26px;
    display: block;
    margin-top: 4px;
}
.gNav_sp #nav_toggle div {
    position: relative;
    top: 0px;
    left: 0px;
    box-sizing: border-box;
}
.gNav_sp #nav_toggle span > span{
    opacity: 0;
    height: 1.785px;
    width: 30px;
    background: #FF0099;
    display: block;
    position: absolute;
    transition: .35s ease-in-out;
}
.gNav_sp #nav_toggle span img{
    display: block;
    position: absolute;
    left: 4px;
    width: 20px;
    transition: .35s ease-in-out;
}
.gNav_sp #nav_toggle span:nth-child(1) img,
.gNav_sp #nav_toggle span:nth-child(1) > span{
    top: 0;
}
.gNav_sp  #nav_toggle span:nth-child(2) img{
    top: 9.5px;
}
.gNav_sp #nav_toggle span:nth-child(3) img,
.gNav_sp #nav_toggle span:nth-child(3) > span{
    top: 18.5px;
}

/* サブメニュー部分（#nav_toggle 切り替えアニメーション） */
.gNav_sp #nav_btn.open #nav_toggle {
    position: relative;
    z-index: 110;
}
.gNav_sp #nav_btn.open #nav_toggle span:nth-child(1) img{
    transform: rotate(315deg);
    opacity: 0;
}
.gNav_sp #nav_btn.open #nav_toggle span:nth-child(2) img{
     transform: rotate(-315deg);
     opacity: 0;
}
.gNav_sp #nav_btn.open #nav_toggle span:nth-child(3) img{
    transform: rotate(315deg);
    opacity: 0;
}
.gNav_sp #nav_btn.open #nav_toggle span:nth-child(1) > span{
    transform: rotate(315deg);
    opacity: 1;
    top: 9.5px;
}
.gNav_sp #nav_btn.open #nav_toggle span:nth-child(3) > span{
    transform: rotate(-315deg);
    opacity: 1;
    top: 9.5px;
}
.gNav_sp #nav_btn .nav_btn_shadow{
    width: 100%;
    height: 5px;
    box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 20%);
    position: absolute;
    top: 55px;
    left: 0;
    z-index: 100;
}
.gNav_sp #nav_btn.open #nav_shadow{
    position: fixed;
    background-color: #000;
    width: 100%;
    height: 110vh;
    opacity: 0.6;
    left: 0;
    top: 60px;
}

/* サブメニュー部分 リンクリスト */
.gNav_sp #nav_btn #subNav_sp {
    position: absolute;
    width: 76.4%;
    height: 100vh;
    z-index: 90;
    display: block;
    top: 60px;
    right: -76.4%;
    overflow-y: scroll;
    background-color:#FFF;
    transition: 0.5s;
    /* padding: 34px 20px 40px; */
    box-sizing: border-box;
    /*padding-bottom: 80px;*/
}
.gNav_sp #nav_btn.open #subNav_sp {
    right: 0%;
    overflow-x: hidden;
}
.gNav_sp #nav_btn #subNav_sp .subMenu_main_link{
    position: relative;
    /* overflow-x: hidden; */
    margin: 34px 0 37px 20px;
}
.gNav_sp #nav_btn #subNav_sp .subMenu_main_link li{
    height: 40px;
    font-size: 1.0rem;
    font-weight: bold;
    line-height: 1;
    margin-top: 26px;
}
.gNav_sp #nav_btn #subNav_sp .subMenu_main_link li:first-child{
    margin-top: 0px;
}
.gNav_sp #nav_btn #subNav_sp .subMenu_main_link li .subMenu_link_inner{
    position: relative;
    height: 40px;
    padding: 13px 0 0 50px;
    box-sizing: border-box;
}
.gNav_sp #nav_btn #subNav_sp .subMenu_main_link li .subMenu_link_inner a{
    display: block;
}
.gNav_sp #nav_btn #subNav_sp .subMenu_main_link li .subMenu_link_inner .fa-chevron-right{
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.81rem;
}
.gNav_sp #nav_btn #subNav_sp .subMenu_main_link li .subMenu_link_flavor .subMenu_link_inner:before{
    position: absolute;
    content: url(https://images.pkg.navitime.co.jp/citrus/336/header_footer/20221226_1/image/top/menu_icon_flavor.svg);
    display: inline-block;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
}
.gNav_sp #nav_btn #subNav_sp .subMenu_main_link li .subMenu_link_news .subMenu_link_inner:before{
    position: absolute;
    content: url(https://images.pkg.navitime.co.jp/citrus/336/header_footer/20221226_1/image/top/menu_icon_news.svg);
    display: inline-block;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
}
.gNav_sp #nav_btn #subNav_sp .subMenu_main_link li .subMenu_link_product .subMenu_link_inner:before{
    position: absolute;
    content: url(https://images.pkg.navitime.co.jp/citrus/336/header_footer/20221226_1/image/top/menu_icon_product.svg);
    display: inline-block;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
}
.gNav_sp #nav_btn #subNav_sp .subMenu_main_link li .subMenu_link_about .subMenu_link_inner:before{
    position: absolute;
    content: url(https://images.pkg.navitime.co.jp/citrus/336/header_footer/20221226_1/image/top/menu_icon_about.svg);
    display: inline-block;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
}
.gNav_sp #nav_btn #subNav_sp .subMenu_main_link li .subMenu_link_search .subMenu_link_inner:before{
    position: absolute;
    content: url(https://images.pkg.navitime.co.jp/citrus/336/header_footer/20221226_1/image/top/menu_icon_search.svg);
    display: inline-block;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
}
.gNav_sp #nav_btn #subNav_sp .subMenu_main_link li .subMenu_link_company .subMenu_link_inner:before{
    position: absolute;
    content: url(https://images.pkg.navitime.co.jp/citrus/336/header_footer/20221226_1/image/top/menu_icon_company.svg);
    display: inline-block;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
}
.subMenu_list{
    position: absolute;
    width: 100%;
    height: 100vh;
    z-index: 90;
    display: block;
    top: 0;
    right: -100%;
    overflow-y: scroll;
    background-color:#FFF;
    transition: 0.5s; 
}
.subMenu_list.active{
    right: 0;
    display: block;
}

/* 第2階層サブメニュー */
#subMenu_list_product_menu{
    position: absolute;
    width: 100%;
    height: 100vh;
    z-index: 90;
    display: block;
    top: 60px;
    right: -100%;
    overflow-y: scroll;
    background-color: #FFF;
    transition: 0.5s;
}
#subMenu_list_product_menu.active{
    right: -23.6%;
    display: block;
}
#subMenu_list_about_menu{
    position: absolute;
    width: 100%;
    height: 100vh;
    z-index: 90;
    display: block;
    top: 60px;
    right: -100%;
    overflow-y: scroll;
    background-color: #FFF;
    transition: 0.5s;
}
#subMenu_list_about_menu.active{
    right: -23.6%;
    display: block;
}
#subMenu_list_company_menu{
    position: absolute;
    width: 100%;
    height: 100vh;
    z-index: 90;
    display: block;
    top: 60px;
    right: -100%;
    overflow-y: scroll;
    background-color: #FFF;
    transition: 0.5s;
}
#subMenu_list_company_menu.active{
    right: -23.6%;
    display: block;
}
.subMenu_list_return{
    display: block;
    font-size: 1.0rem;
    font-weight: bold;
    line-height: 1;
    background-color: #F3F3F3;
    padding: 25px;
}
.subMenu_list_return .fa-chevron-left{
    margin-right: 25px;
    font-size: 0.81rem;
}
.subMenu_list_menu_second{
    margin: 25px 0 0 22px;
}
.subMenu_list_menu_second li{
    height: 40px;
    font-size: 1.0rem;
    font-weight: bold;
    line-height: 1;
    margin-top: 26px;
}
.subMenu_list_menu_second li:first-child{
    margin-top: 0px;
}
.subMenu_list_menu_second li .subMenu_list_menu_second_inner{
    position: relative;
    height: 40px;
    padding: 13px 0 0 50px;
    box-sizing: border-box;
}
.subMenu_list_menu_second li .subMenu_list_menu_second_inner.two_line{
    padding: 0 0 0 50px;
}
.subMenu_list_menu_second li .subMenu_list_menu_second_inner.two_line span{
    line-height: 1.1875;
}
.subMenu_list_menu_second li .subMenu_list_menu_second_inner a{
    display: block;
}
.subMenu_list_menu_second li .subMenu_list_menu_second_inner .fa-chevron-right{
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    left: 63.7vw;
    font-size: 0.81rem;
}
.subMenu_list_menu_second li .second_inner_about .subMenu_list_menu_second_inner:before{
    position: absolute;
    content: url(https://images.pkg.navitime.co.jp/citrus/336/header_footer/20221226_1/image/top/menu_icon_about.svg);
    display: inline-block;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
}
.subMenu_list_menu_second li .second_inner_31club .subMenu_list_menu_second_inner:before{
    position: absolute;
    content: url(https://images.pkg.navitime.co.jp/citrus/336/header_footer/20221226_1/image/top/menu_icon_31club.svg);
    display: inline-block;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
}
.subMenu_list_menu_second li .second_inner_product .subMenu_list_menu_second_inner:before{
    position: absolute;
    content: url(https://images.pkg.navitime.co.jp/citrus/336/header_footer/20221226_1/image/top/menu_icon_product.svg);
    display: inline-block;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
}
.subMenu_list_menu_second li .second_inner_ice .subMenu_list_menu_second_inner:before{
    position: absolute;
    content: url(https://images.pkg.navitime.co.jp/citrus/336/header_footer/20221226_1/image/top/menu_icon_ice.svg);
    display: inline-block;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
}
.subMenu_list_menu_second li .second_inner_cake .subMenu_list_menu_second_inner:before{
    position: absolute;
    content: url(https://images.pkg.navitime.co.jp/citrus/336/header_footer/20221226_1/image/top/menu_icon_cake.svg);
    display: inline-block;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
}
.subMenu_list_menu_second li .second_inner_other .subMenu_list_menu_second_inner:before{
    position: absolute;
    content: url(https://images.pkg.navitime.co.jp/citrus/336/header_footer/20221226_1/image/top/menu_icon_other.svg);
    display: inline-block;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
}
.subMenu_list_menu_second li .second_inner_calorieallergy .subMenu_list_menu_second_inner:before{
    position: absolute;
    content: url(https://images.pkg.navitime.co.jp/citrus/336/header_footer/20221226_1/image/top/menu_icon_calorieallergy.svg);
    display: inline-block;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
}
.subMenu_list_menu_second li .second_inner_giftcard .subMenu_list_menu_second_inner:before{
    position: absolute;
    content: url(https://images.pkg.navitime.co.jp/citrus/336/header_footer/20221226_1/image/top/menu_icon_giftcard.svg);
    display: inline-block;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
}
.subMenu_list_menu_second li .second_inner_dryice .subMenu_list_menu_second_inner:before{
    position: absolute;
    content: url(https://images.pkg.navitime.co.jp/citrus/336/header_footer/20221226_1/image/top/menu_icon_dryice.svg);
    display: inline-block;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
}
.subMenu_list_menu_second li .second_inner_company .subMenu_list_menu_second_inner:before{
    position: absolute;
    content: url(https://images.pkg.navitime.co.jp/citrus/336/header_footer/20221226_1/image/top/menu_icon_company.svg);
    display: inline-block;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
}
.subMenu_list_menu_second li .second_inner_guide .subMenu_list_menu_second_inner:before{
    position: absolute;
    content: url(https://images.pkg.navitime.co.jp/citrus/336/header_footer/20221226_1/image/top/menu_icon_guide.svg);
    display: inline-block;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
}
.subMenu_list_menu_second li .second_inner_pressrelease .subMenu_list_menu_second_inner:before{
    position: absolute;
    content: url(https://images.pkg.navitime.co.jp/citrus/336/header_footer/20221226_1/image/top/menu_icon_pressrelease.svg);
    display: inline-block;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
}
.subMenu_list_menu_second li .second_inner_ir .subMenu_list_menu_second_inner:before{
    position: absolute;
    content: url(https://images.pkg.navitime.co.jp/citrus/336/header_footer/20221226_1/image/top/menu_icon_ir.svg);
    display: inline-block;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
}
.subMenu_list_menu_second li .second_inner_franchise .subMenu_list_menu_second_inner:before{
    position: absolute;
    content: url(https://images.pkg.navitime.co.jp/citrus/336/header_footer/20221226_1/image/top/menu_icon_franchise.svg);
    display: inline-block;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
}
.subMenu_list_menu_second li .second_inner_company_about .subMenu_list_menu_second_inner:before{
    position: absolute;
    content: url(https://images.pkg.navitime.co.jp/citrus/336/header_footer/20221226_1/image/top/menu_icon_company_about.svg);
    display: inline-block;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
}
.subMenu_list_menu_second li .second_inner_sustainability .subMenu_list_menu_second_inner:before{
    position: absolute;
    content: url(https://images.pkg.navitime.co.jp/citrus/336/header_footer/20221226_1/image/top/menu_icon_sustainability.svg);
    display: inline-block;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
}
.subMenu_list_menu_second li .second_inner_recruit .subMenu_list_menu_second_inner:before{
    position: absolute;
    content: url(https://images.pkg.navitime.co.jp/citrus/336/header_footer/20221226_1/image/top/menu_icon_recruit.svg);
    display: inline-block;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
}
.subMenu_list_other_link{
    margin: 37px 0 200px 20px;
}
.subMenu_list_other_link li a{
    display: block;
    font-size: 0.81rem;
    font-weight: 500;
    line-height: 1;
    margin-top: 17px;
}
.subMenu_list_other_link li:first-child a{
    margin-top: 0px;
}
.subMenu_31club{
    width: 100%;
    background-color: #FF66CC;
    padding: 26px 0 26px 23px;
    display: flex;
    box-sizing: border-box;
}
.subMenu_31club .banner_icon_31club{
    width: 55px;
    margin-right: 9px;
}
.subMenu_31club .subMenu_31club_inner{
    width: 134px;
}
.subMenu_31club .subMenu_31club_inner span{
    display: block;
    font-size: 1.0rem;
    font-weight: bold;
    line-height: 1;
    color: #FFF;
    margin-top: 6px;
}
.subMenu_31club .subMenu_31club_inner a img{
    width: 100%;
    margin-top: 15px;
}
.subMenu_mobile_order{
    width: 100%;
    background-color: #4684E5;
    padding: 26px 0 26px 23px;
    display: flex;
    box-sizing: border-box;
}
.subMenu_mobile_order .banner_icon_mobile_order{
    width: 55px;
    margin-right: 9px;
}
.subMenu_mobile_order .subMenu_mobile_order_inner{
    width: 145px;
}
.subMenu_mobile_order .subMenu_mobile_order_inner span{
    display: block;
    font-size: 1.0rem;
    font-weight: bold;
    line-height: 1.1875;
    color: #FFF;
    margin-top: -3px;
    white-space: nowrap;
}
.subMenu_mobile_order .subMenu_mobile_order_inner a{
    width: 100%;
    display: block;
    margin-top: 12px;
    background-color: #FFF;
    border-radius: 7px;
    padding: 13px 15px;
    font-size: 0.87rem;
    font-weight: bold;
    line-height: 1;
    color: #FF0099;
    box-sizing: border-box;
    position: relative;
}
.subMenu_mobile_order .subMenu_mobile_order_inner a .fa-chevron-right{
    position: absolute;
    right: 11px;
    top: 50%;
    transform: translateY(-50%);
}
.subMenu_under{
    padding: 21px 18px 0;
}
.subMenu_staff{
    width: 100%;
    display: flex;
}
.subMenu_staff .banner_icon_staff{
    display: block;
    width: 80px;
    height: 80px;
    margin-right: 12px;
}
.subMenu_staff .subMenu_staff_inner span{
    display: block;
    font-size: 0.87rem;
    font-weight: bold;
    line-height: 1;
    margin-top: 7px;
}
.subMenu_staff .subMenu_staff_inner p{
    display: block;
    font-size: 0.68rem;
    line-height: 1.5454;
    margin-top: 4px;
    text-align: justify;
}
.subMenu_egift{
    width: 100%;
    display: flex;
    margin-top: 25px;
}
.subMenu_egift .banner_icon_gift{
    display: block;
    width: 80px;
    height: 80px;
    margin-right: 12px;
}
.subMenu_egift .subMenu_egift_inner span{
    display: block;
    font-size: 0.87rem;
    font-weight: bold;
    line-height: 1;
    margin-top: 7px;
}
.subMenu_egift .subMenu_egift_inner p{
    display: block;
    font-size: 0.68rem;
    line-height: 1.5454;
    margin-top: 4px;
    text-align: justify;
}
.subMenu_flavorlist{
    display: block;
    width: 100%;
    border: 1px solid #003399;
    border-radius: 7px;
    margin-top: 28px;
    font-size: 0.87rem;
    font-weight: bold;
    color: #003399;
    line-height: 1.2857;
    padding: 12px 15px;
    box-sizing: border-box;
    position: relative;
}
a.subMenu_flavorlist:link, a.subMenu_flavorlist:visited {
    color: #003399;
}
.subMenu_flavorlist .fa-chevron-right {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.subMenu_other_link{
    margin: 25px 0 150px;
    /*margin: 25px 0;*/
}
.subMenu_other_link { 
    -webkit-margin: 25px 0;
}

.subMenu_other_link li a{
    display: block;
    font-size: 0.81rem;
    font-weight: 500;
    line-height: 1;
    margin-top: 17px;
}
.subMenu_other_link li:first-child a{
    margin-top: 0px;
}

/* SP版 ios、androidのDLバナーの処理 */
.judgment_ios{
    display: none;
}
.judgment_ios.active{
    display: block;
}
.judgment_android{
    display: none;  
}
.judgment_android.active{
    display: block;
}


@media print, screen and (min-width: 768px) {
    .gNav_sp{
        display: none;
    }
    .gNav_pc{
        position: fixed;
        display: block;
        width: 100%;
        height: 100px;
        background-color: #FFF;
        z-index: 100;
    }
    .gNav_pc_inner{
        /* max-width: 1300px;*/
        height: 100px;
        margin: 0 auto;
        position: relative;
        z-index: 100;
        background-color: #FFF;
    }
    @media print, screen and (max-width: 1137px) {
        .gNav_pc_inner{
            position: unset;
            display: flex;
        }
    }
    .gNav_pc_menu_shadow{
        position: absolute;
        top: 0;
        width: 100%;
        height: 100px;
        box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 20%);
        z-index: 90;
    }
    .gNav_pc_menu{
        display: flex;
        padding-left: 39px;
        /*　padding-left: calc((100% - 1300px) / 2);　*/
    }
    /* @media print, screen and (max-width: 1400px) {
        .gNav_pc_menu{
            padding-left: 39px;
        }
    }　*/
    .gNav_pc_menu h1 a{
        width: 67px;
        margin: 30px 30px 0 0;
        display: block;
    }
    .gNav_pc_menu h1 a img{
        width: 67px;
    }

    .gNav_pc_menu_link {
        display: flex;
    }
    .gNav_pc_menu_link li{
        font-size: 0.94rem;
        line-height: 1;
        display: block;
        text-align: center;
        width: 106px;
        height: 100px;
        position: relative;
        transition: 0.5s;
        overflow: hidden;
    }
    .gNav_pc_menu_link li:hover{
        cursor: pointer;
    }
    .gNav_pc_menu_link li:before{
        opacity: 0;
        position: absolute;
        content: url(https://images.pkg.navitime.co.jp/citrus/336/header_footer/20221226_1/image/top/gnavi_icon_current_pc.svg);
        width: 15px;
        height: 30px;
        bottom: -10px;
        left: 50%;
        transform: translateX(-50%);
        transition: 0.3s;
        visibility: hidden;
    }
    .gNav_pc_menu_link li:hover:before{
        bottom: 2px;
        opacity: 1;
        visibility: visible;
    }
    /* クリック時の表示 */
    li.subMenu_link_product_pc.active:before{
        bottom: 2px;
        opacity: 1;
        visibility: visible;
    }
    li.subMenu_link_about_pc.active:before{
        bottom: 2px;
        opacity: 1;
        visibility: visible;
    }
    li.subMenu_link_product_pc.active span,
    li.subMenu_link_about_pc.active span{
        opacity: 0.6;
    }
    .gNav_pc_menu_link a{
        display: block;
        width: 106px;
        height: 100px;
        padding-top: 45px;
    }
    .gNav_pc_menu_link span{
        display: block;
        width: 106px;
        height: 100px;
        padding-top: 45px;
    }
    .gNav_pc_btn{
        position: absolute;
        right: 0;
        top: 0;
        display: flex;
    }
    @media print, screen and (max-width: 1137px) {
        .gNav_pc_btn{
            position: unset;
        }
    }
    .gNav_pc_btn a{
        display: block;
        height: 100px;
    }
    .gNav_pc_btn .gnavi_staff_pc{
        transition: 0.5s;
        position: relative;
        overflow: hidden;
    }
    .gNav_pc_btn .gnavi_staff_pc a{
        padding: 29px 34px 0;
        box-sizing: border-box;
        border-left: 1px solid #CCCCCC;
        font-size: 0.94rem;
        line-height: 1.2;
        background-color: #FFF;
    }
    .gNav_pc_btn .gnavi_staff_pc:before{
        opacity: 0;
        position: absolute;
        content: url(https://images.pkg.navitime.co.jp/citrus/336/header_footer/20221226_1/image/top/gnavi_icon_current_pc.svg);
        width: 15px;
        height: 30px;
        bottom: -10px;
        left: 50%;
        transform: translateX(-50%);
        transition: 0.3s;
        visibility: hidden;
    }
    .gNav_pc_btn .gnavi_staff_pc:hover:before{
        bottom: 2px;
        opacity: 1;
        visibility: visible;
    }
    .gNav_pc_btn .gnavi_company_pc{
        box-sizing: border-box;
        border-left: 1px solid #CCCCCC;
        font-size: 0.94rem;
        line-height: 1;
        background-color: #FFF;
        position: relative;
        overflow: hidden;
    }
    .gNav_pc_btn .gnavi_company_pc:hover{
        cursor: pointer;
    }
    .gNav_pc_btn .gnavi_company_pc:before{
        opacity: 0;
        position: absolute;
        content: url(https://images.pkg.navitime.co.jp/citrus/336/header_footer/20221226_1/image/top/gnavi_icon_current_pc.svg);
        width: 15px;
        height: 30px;
        bottom: -10px;
        left: 50%;
        transform: translateX(-50%);
        transition: 0.3s;
        visibility: hidden;
    }
    .gNav_pc_btn .gnavi_company_pc:hover:before{
        bottom: 2px;
        opacity: 1;
        visibility: visible;
    }
    .gNav_pc_btn .gnavi_company_pc.active:before{
        bottom: 2px;
        opacity: 1;
        visibility: visible;
    }
    .gNav_pc_btn .gnavi_company_pc > span{
        display: block;
        width: 133px;
        height: 100px;
        padding: 43px 34px 0;
    }
    .gNav_pc_btn .gnavi_company_pc.active > span{
        opacity: 0.6;
    }
    .gNav_pc_btn .gnavi_search_pc{
        border: 4px solid #FF0099;
        background-color: #FF0099;
        text-align: center;
        width: 140px;
        padding-top: 19px;
        box-sizing: border-box;
        transition: 0.3s;
    }
    .gNav_pc_btn .gnavi_search_pc:before{
        content: url(https://images.pkg.navitime.co.jp/citrus/336/header_footer/20221226_1/image/top/gnavi_icon_search_pc.svg);
        width: 52px;
        display: block;
        margin: 0 auto;
        transition: 0.3s;
    }
    .gNav_pc_btn .gnavi_search_pc span{
        margin: 9px auto 0;
        font-size: 0.94rem;
        line-height: 1;
        display: block;
        color: #FFF;
        transition: 0.3s;
    }
    .gNav_pc_btn .gnavi_search_pc:hover{
        border: 4px solid #FF0099;
        background-color: #FFF;
    }
    .gNav_pc_btn .gnavi_search_pc:hover:before{
        content: url(https://images.pkg.navitime.co.jp/citrus/336/header_footer/20221226_1/image/top/gnavi_icon_search_hover_pc.svg);
    }
    .gNav_pc_btn .gnavi_search_pc:hover span{
        color: #FF0099;
    }
    .gNav_pc_btn .gnavi_mobile_order_pc{
        border: 4px solid #07219B;
        background-color: #07219B;
        text-align: center;
        width: 140px;
        padding-top: 10px;
        box-sizing: border-box;
        transition: 0.3s;
    }
    .gNav_pc_btn .gnavi_mobile_order_pc:before{
        content: url(https://images.pkg.navitime.co.jp/citrus/336/header_footer/20221226_1/image/top/gnavi_icon_mobile_order_pc.svg);
        width: 36px;
        display: block;
        margin: 0 auto;
        transition: 0.3s;
    }
    .gNav_pc_btn .gnavi_mobile_order_pc span{
        margin: 7px auto 0;
        font-size: 0.94rem;
        line-height: 1;
        display: block;
        color: #FFF;
        transition: 0.3s;
    }
    .gNav_pc_btn .gnavi_mobile_order_pc:hover{
        background-color: #FFF;
    }
    .gNav_pc_btn .gnavi_mobile_order_pc:hover:before{
        content: url(https://images.pkg.navitime.co.jp/citrus/336/header_footer/20221226_1/image/top/gnavi_icon_mobile_order_hover_pc.svg);
    }
    .gNav_pc_btn .gnavi_mobile_order_pc:hover span{
        color: #07219B;
    }



    /* 第2階層サブメニュー */
    #subMenu_list_product_menu_pc{
        position: fixed;
        display: block;
        width: 100%;
        height: 168px;
        z-index: -100;
        background-color: #FFF;
        top: -100px;
        left: 0;
        box-shadow: inset 0px 3px 3px 0px rgb(0 0 0 / 20%);
        transition: 0.5s;
    }
    #subMenu_list_product_menu_pc.active{
        position: fixed;
        top: 100px;
    }
    #subMenu_list_about_menu_pc{
        position: fixed;
        display: block;
        width: 100%;
        height: 144px;
        z-index: -100;
        background-color: #FFF;
        top: -100px;
        left: 0;
        box-shadow: inset 0px 3px 3px 0px rgb(0 0 0 / 20%);
        transition: 0.5s;
    }
    #subMenu_list_about_menu_pc.active{
        position: fixed;
        top: 100px;
    }
    #subMenu_list_company_menu_pc{
        position: fixed;
        display: block;
        width: 100%;
        height: 165px;
        z-index: -100;
        background-color: #FFF;
        top: -100px;
        left: 0;
        box-shadow: inset 0px 3px 3px 0px rgb(0 0 0 / 20%);
        transition: 0.5s;
    }
    #subMenu_list_company_menu_pc.active{
        position: fixed;
        top: 100px;
    }
    .subMenu_list_menu_inner_pc{
        display: flex;
        justify-content: center;
        margin: 0 auto;
    }
    #subMenu_list_product_menu_pc .subMenu_list_menu_inner_pc a{
        width: 145px;
        height: 166px;
        display: block;
        padding-top: 30px;
    }
    #subMenu_list_about_menu_pc .subMenu_list_menu_inner_pc a{
        width: 145px;
        height: 144px;
        display: block;
        padding-top: 30px;
    }
    #subMenu_list_company_menu_pc .subMenu_list_menu_inner_pc a{
        width: 145px;
        height: 165px;
        display: block;
        padding-top: 30px;
    }


    .subMenu_list_menu_inner_pc a{
        position: relative;
        transition: background-color .4s,color .4s,height .6s;
    }
    .subMenu_list_menu_inner_pc a:after{
        position: absolute;
        right: 0;
        bottom: -1px;
        left: 0;
        height: 5px;
        background-color: transparent;
        -webkit-transition: .3s;
        transition: .3s;
        content: "";
    }
    .subMenu_list_menu_inner_pc a:hover:after{
        height: 8px;
        /*background-color: #003399;*/
        background-color: #FF0099;
        content: "";
    }


    .subMenu_list_menu_inner_pc a img{
        width: 60px;
        height: 60px;
        display: block;
        margin: 0 auto;
    }
    .subMenu_list_menu_inner_pc a span{
        font-size: 0.94rem;
        line-height: 1.4;
        letter-spacing: -0.05em;
        display: block;
        text-align: center;
        margin-top: 9px;
    }
    .no_accordionHover{
        position: relative;
        transition: 0.5s;
    }
    .no_accordionHover:hover:before{
        position: absolute;
        content: url(https://images.pkg.navitime.co.jp/citrus/336/header_footer/20221226_1/image/top/gnavi_icon_current_pc.svg);
        width: 15px;
        height: 30px;
        bottom: 2px;
        left: 50%;
        transform: translateX(-50%);

        /*z-index: 150;*/
    }

    /* bodyにnameが設定されている場合、同名のヘッダーリンクをactiveにする */
    .gNav_pc_menu_link li{
        position: relative;
    }
    .gNav_pc_menu_link li.active_02 a,
    .gNav_pc_menu_link li.active_02 span{
        opacity: 0.6;
    }

/*    .gNav_pc_menu_link li.active{
        transition: 0.5s;
    }
    .gNav_pc_menu_link li.active:before{
        position: absolute;
        content: url(https://images.pkg.navitime.co.jp/citrus/336/header_footer/20221226_1/image/top/gnavi_icon_current_pc.svg);
        width: 15px;
        height: 30px;
        bottom: 2px;
        left: 50%;
        transform: translateX(-50%);
        bottom: 2px;
        opacity: 1;
        visibility: visible;
    } */

}



/* ---------- フッター ---------- */
.footer_pc{
    display: none;
}
.footer_sp{
    background-color: #f0f0f0;
}
.footer_sp .twoColorArea_sp{
    width: 100%;
    display: flex;
}
.footer_31club_block_sp{
    width: 50%;
    background-color: #FF66CC;
    padding: 20px 18px;
}
.footer_31club_block_sp p{
    font-size: 0.81rem;
    line-height: 1.5384;
    color: #FFF;
    display: block;
    text-align: center;
    padding-bottom: 4px;
    border-bottom: 1px solid #FFF;
}
.footer_31club_block_sp > div{
    margin-top: 20px;
    display: flex;
    align-items: center;
}
.footer_31club_block_sp > div img{
    width: 17.33333vw;
    margin-right: 15px;
}
.footer_31club_block_sp > div span{
    font-size: 1.12rem;
    font-weight: bold;
    line-height: 1;
    color: #FFF;
}
.footer_31club_block_sp > a{
    width: 40.2666vw;
    margin-top: 20px;
}
.footer_31club_block_sp > a img{
    width: 40.2666vw;
    height: 11.96666vw;
}
.footer_mobile_order_block_sp{
    width: 50%;
    background-color: #4684E5;
    padding: 20px 18px;
}
.footer_mobile_order_block_sp p{
    font-size: 0.81rem;
    line-height: 1.5384;
    color: #FFF;
    display: block;
    text-align: center;
    padding-bottom: 4px;
    border-bottom: 1px solid #FFF;
}
.footer_mobile_order_block_sp > div{
    margin-top: 20px;
    display: flex;
    align-items: center;
}
.footer_mobile_order_block_sp > div img{
    width: 17.06666vw;
    margin-right: 11px;
}
.footer_mobile_order_block_sp > div span{
    font-size: 1.12rem;
    font-weight: bold;
    line-height: 1.05555;
    color: #FFF;
}
.footer_mobile_order_block_sp > a{
    width: 40.2666vw;
    height: 11.96666vw;
    background-color: #FFF;
    border-radius: 5px;
    margin-top: 20px;
    display: block;
    padding: 16px 0 0 16px;
    font-size: 0.87rem;
    font-weight: bold;
    line-height: 1;
    color: #FF0099;
    position: relative;
}
.footer_mobile_order_block_sp > a:link,
.footer_mobile_order_block_sp > a:visited {
    color: #FF0099;
}
.footer_mobile_order_block_sp > a .fa-chevron-right{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.81rem;
}
.footer_sp .grayColorArea_sp{
    padding: 60px 20px 10px;
}
.footer_sp .grayColorArea_sp .snsBlock_sp p{
    font-size: 0.81rem;
    line-height: 1;
    text-align: center;
}
.footer_sp .grayColorArea_sp .snsBlock_sp > div{
    display: flex;
    justify-content: space-between;
    width: 292px;
    margin: 12px auto 0;
}
.footer_sp .grayColorArea_sp .snsBlock_sp > div a{
    width: 50px;
    height: 50px;
}
.footer_sp .grayColorArea_sp .snsBlock_sp > div a img{
    width: 50px;
    height: 50px;
}
.footer_sp .staffBtn_sp{
    margin-top: 25px;
    border-radius: 7px;
    display: flex;
    width: 100%;
}
.footer_sp .staffBtn_sp div{
    background-color: #FFF;
    border-radius: 7px 0 0 7px;
    width: 55.6vw;
    padding: 15px 0 0 13px;
}
.footer_sp .staffBtn_sp div span{
    font-size: 0.87rem;
    font-weight: bold;
    line-height: 1;
}
.footer_sp .staffBtn_sp div p{
    font-size: 0.68rem;
    line-height: 1.5454;
    margin-top: 7px;
}
.footer_sp .staffBtn_sp > img{
    width: 33.866666vw;
    height: 21.2vw;
}
.footer_sp .egiftBtn_sp{
    margin-top: 25px;
    border-radius: 7px;
    display: flex;
    width: 100%;
}
.footer_sp .egiftBtn_sp div{
    background-color: #FFF;
    border-radius: 7px 0 0 7px;
    width: 55.6vw;
    padding: 15px 0 0 13px;
}
.footer_sp .egiftBtn_sp div span{
    font-size: 0.87rem;
    font-weight: bold;
    line-height: 1;
}
.footer_sp .egiftBtn_sp div p{
    font-size: 0.68rem;
    line-height: 1.5454;
    margin-top: 7px;
}
.footer_sp .egiftBtn_sp > img{
    width: 33.866666vw;
    height: 21.2vw;
}
.footer_sp .linkBlock_sp{
    margin-top: 45px;
}
.footer_sp .linkBlock_item_sp{
    padding: 23px 0;
    border-bottom: 1px solid #CCCCCC;
}
.footer_sp .linkBlock_item_sp:nth-of-type(1){
    border-top: 1px solid #CCCCCC;
}
.footer_sp .linkBlock_item_sp .linkBlock_item_title{
    font-size: 0.87rem;
    font-weight: bold;
    line-height: 1.2857;
}
.footer_sp .linkBlock_item_list{
    width: 100%;
    margin-top: 7px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.footer_sp .linkBlock_item_list li{
    width: 50%;
    margin-top: 8px;
}
.footer_sp .linkBlock_item_list li a{
    font-size: 0.81rem;
    line-height: 1.5384;
}
.footer_sp .linkBlock_item_single{
    display: block;
    font-size: 0.81rem;
    line-height: 1.5384;
    margin-top: 10px;
}
.footer_sp .linkBlock_item_other_list{
    display: block;
    font-size: 0.81rem;
    line-height: 1.5384;
}
.footer_sp .linkBlock_item_other_list li a{
    display: block;
    font-size: 0.81rem;
    line-height: 1.5384;
    margin-top: 8px;
}
.footer_sp .linkBlock_item_other_list li:first-child a{
    margin-top: 0px;
}

.footer_sp .flavorlist_btn_sp{
    position: relative;
    display: block;
    border-radius: 7px;
    font-size: 0.84rem;
    font-weight: bold;
    color: #003399;
    line-height: 1;
    margin-top: 23px;
    padding: 12px 15px;
    border: 1px solid #003399;
}
.footer_sp .flavorlist_btn_sp .fa-chevron-right{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.81rem;
}
.footerCopyright{
    display: block;
    margin-top: 25px;
    width: 243px;
}



@media print, screen and (min-width: 768px) {
    .footer_sp{
        display: none
    }
    .footer_pc{
        display: block;
        padding-bottom: 18px;
        background-color: #f0f0f0;
    }
    .footer_pc .twoColorArea_container_pc{
        background: linear-gradient(90deg, #FF66CC 0%, #FF66CC 50%, #4684E5 50%, #4684E5 100%);
    }
    .footer_pc .twoColorArea_pc{
        max-width: 1300px;
        margin: 0 auto;
        display: flex;
        overflow: hidden;
    }
    .footer_31club_block_pc{
        width: 50%;
        background-color: #FF66CC;
        padding: 30px 50px 30px 0;
    }
    .footer_31club_block_inner_pc{
        display: flex;
        margin-left: auto;
    }

    .footer_31club_block_inner_pc > img{
        display: block;
        width: 80px;
        margin-right: 15px;
    }
    .footer_31club_block_inner_text{
        padding-top: 24px;
        margin-right: 20px;
    }
    .footer_31club_block_inner_text p{
        font-size: 1.0rem;
        line-height: 1;
        color: #FFF;
        padding-bottom: 7px;
        border-bottom: 1px solid #FFF;
    }
    .footer_31club_block_inner_text span{
        display: block;
        font-size: 1.87rem;
        font-weight: bold;
        line-height: 1;
        color: #FFF;
        margin-top: 16px;
    }
    .footer_31club_block_inner_dl{
        margin-top: 12px;
    }
    .footer_31club_block_inner_dl a{
        display: block;
        width: 130px;
    }
    .footer_31club_block_inner_dl a img{
        width: 130px;
    }
    .footer_31club_block_inner_dl a:nth-of-type(2){
        margin-top: 8px;
    }
    .footer_pc .twoColorArea_pc .footer_mobile_order_block_pc{
        width: 50%;
        background-color: #4684E5;
        padding: 30px 0 30px 50px;
    }
    .footer_mobile_order_block_inner_pc{
        display: flex;
    }
    .footer_mobile_order_block_inner_pc > img{
        display: block;
        width: 80px;
        margin-right: 15px;
    }
    .footer_mobile_order_block_inner_text{
        padding-top: 24px;
        margin-right: 32px;
    }
    .footer_mobile_order_block_inner_text p{
        font-size: 1.0rem;
        line-height: 1;
        color: #FFF;
        padding-bottom: 7px;
        border-bottom: 1px solid #FFF;
    }
    .footer_mobile_order_block_inner_text span{
        display: block;
        font-size: 1.87rem;
        font-weight: bold;
        line-height: 1;
        color: #FFF;
        margin-top: 16px;
    }
    .footer_mobile_order_block_inner_btn a{
        position: relative;
        display: block;
        width: 137px;
        background-color: #FFF;
        border-radius: 7px;
        margin-top: 23px;
        padding: 21px 0 21px 18px;
        font-size: 1.12rem;
        font-weight: bold;
        line-height: 1;
        color: #FF0099;
        transition: 0.3s;
    }
    .footer_mobile_order_block_inner_btn .fa-chevron-right{
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
    }
    .footer_mobile_order_block_inner_btn a:link,
    .footer_mobile_order_block_inner_btn a:visited {
        color: #FF0099;
    }
    .footer_mobile_order_block_inner_btn a:hover {
        background-color: #FF0099;
        color: #FFF;
    }

    .footer_pc .snsBlock_pc{
        margin: 53px auto 0;
        width: 440px;
    }
    .footer_pc .snsBlock_pc p{
        font-size: 1.0rem;
        text-align: center;
        line-height: 1;
    }
    .footer_pc .snsBlock_pc div{
        display: flex;
        justify-content: space-between;
        margin: 15px auto 0;
        width: 434px;
    }
    .footer_pc .snsBlock_pc div a{
        width: 77px;
    }
    .footer_pc .snsBlock_pc div a img{
        width: 77px;
    }
    .footer_pc .twoBanner_pc{
        width: 1022px;
        margin: 35px auto 0;
        display: flex;
        justify-content: space-between;
    }
    .footer_pc .twoBanner_pc a{
        display: block;
        width: 500px;
        display: flex;
    }
    .footer_pc .twoBanner_pc a > div{
        width: 223px;
        background-color: #FFF;
        border-radius: 7px 0 0 7px;
        padding: 30px 20px;
    }
    .footer_pc .twoBanner_pc a > div span{
        font-size: 1.12rem;
        font-weight: bold;
        line-height: 1;
    }
    .footer_pc .twoBanner_pc a > div p{
        font-size: 0.75rem;
        line-height: 1.66666;
        margin-top: 11px;
    }
    .footer_pc .twoBanner_pc a > img{
        width: 277px;
        background-color: #FFF;
        border-radius: 0 7px 7px 0;
    }
    .linkBlock_pc{
        width: 1022px;
        margin: 55px auto 0;
        display: flex;
    }
    .linkBlock_inner_pc{
        width: 339.333%;
        padding: 2px 29px 0px;
    }
    .linkBlock_inner_pc:nth-of-type(1),
    .linkBlock_inner_pc:nth-of-type(3){
        border-right: 1px solid #CCCCCC;
        border-left: 1px solid #CCCCCC;
    }
    .linkBlock_item_title_pc{
        display: block;
        margin-top: 30px;
        font-size: 1.12rem;
        font-weight: bold;
        line-height: 1.3333;
    }
    .linkBlock_item_title_pc.topmargin0{
        margin-top: 0px;
    }
    .linkBlock_inner_pc ul li a{
        display: block;
        font-size: 1.0rem;
        line-height: 1.625;
        margin-top: 16px;
    }
    .linkBlock_inner_pc ul li a:hover{
        text-decoration: underline;
    }
    .linkBlock_02_pc{
        width: 1022px;
        margin: 50px auto 0;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }
    .linkBlock_02_pc a{
        display: block;
        font-size: 1.0rem;
        line-height: 1;
        margin-right: 18px;
        letter-spacing: -0.03em;
    }
    .linkBlock_02_pc a:hover{
        text-decoration: underline;
    }
    .footer_pc .flavorlist_btn_pc{
        width: 374px;
        position: relative;
        display: block;
        border-radius: 7px;
        font-size: 1.12rem;
        font-weight: bold;
        color: #003399;
        line-height: 1;
        padding: 16px 15px;
        border: 1px solid #003399;
        margin-right: 0;
        letter-spacing: 0em;
    }
    .footer_pc .flavorlist_btn_pc:hover{
        text-decoration: none;
    }
    .footer_pc .flavorlist_btn_pc .fa-chevron-right{
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
    }
    .footer_pc #footerCopyright{
        width: 1022px;
        margin: 50px auto 0;
        font-size: 0.75rem;
        line-height: 1;
        letter-spacing: 0.1em;
    }


    @media print, screen and (min-width: 1199px) {
        .footer_31club_block_inner_pc{
            width: 550px;
        }
        .footer_31club_block_inner_text p{
            width: 305px;
        }
        .footer_mobile_order_block_inner_pc{
            width: 550px;
        }
        .footer_mobile_order_block_inner_text p{
            width: 305px;
        }
    }

    
}



/* ---------- ページトップ ---------- */
#pageTop {
    font-family: "Noto Sans JP","メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;
    border-radius: 6px 6px 0 0;
    background-color: #FFF;
    display: block;
    width: 80px;
    height: 30px;
    position: fixed;
    right: 10px;
    text-align: center;
    bottom: -135px;
    z-index: 80;
    font-size: 0.75rem;
    font-weight: bold;
    line-height: 1;
    color: #000;
    padding-top: 10px;
    box-sizing: border-box;
    text-decoration: none;
}
@media print, screen and (min-width: 768px) {
    .pageTop_container{
        width: 1022px;
        position: fixed;
        bottom: 0;
        right: 50%;
        transform: translateX(50%);
        z-index: 2;
    }
    #pageTop {
        position: absolute;
        right: 0;
        padding-top: 12px;
        width: 109px;
        height: 36px;
    }
    #pageTop:hover {
        text-decoration: none;
    }
}
.gNav_sp h1 {margin: 0;}
.gNav_pc h1 {margin: 0;}
.gNav_pc_inner {color: #000;}
.gnavi_staff_pc {text-align: left;}
.gnavi_company_pc {text-align: left;}
