/*ヘッダー修正*/
/*megaMenuのちらつき改善*/
.megaMenu {
    z-index: 10000!important;
    top: 95%!important;
    }
.hasChildren:hover .megaMenu {
  display: block;
    }
.gNav > ul > li{
    max-width:250px;
    padding: 0 25px;
    }
.gNav > ul > li:not(:last-child) {
    margin-right: 0px;
    }
.gNav > ul > li:first-child{
    margin-right: 0px;
    padding-left: 0;
    padding-right:25px;
    }

/*ヘッダー*/
.hdr--typeE .hdrMiddle__middle {
    padding: 0 20px;
    padding: 0 17px 0px 20px;
    }
.gNav--typeA{
    width: 100%;
    }
.gNav--typeA ul {
    width: 100%;
    }
.btnNav > a {
    display: inline-block;
    margin-left: 0px;
    margin-right: 5px;
    }

/*megamenu SNSアイコン*/
.gNav--typeA .snsNav {
    justify-content: flex-end;
    width: 100px !important;
    margin-left: auto;
    }
.gNav--typeA .snsNav li a{
    color: #cbcbcb !important;
    }
.gNav--typeA .snsNav li a:visited{
    color: #cbcbcb !important;
    }
.gNav--typeA .snsNav li:last-child{
    margin-right: 8px !important;
    }
/*megamenu 小メニューあり*/
.select-type .col-3_first a {/*食器の種類で選ぶ*/
    margin-bottom: 0px !important;
    }
.select-type{/*食器の種類で選ぶ*/
    display:flex;
    max-width: 100%!important;
    flex: 100%!important;
    }
.select-type ul{/*食器の種類で選ぶ*/
    /*max-width: 25%;
    flex: 0 0 25%;*/
    max-width: 21%;
    flex: 0 0 21%;
    }
.col-3_first .megaMenu__button:hover{/*食器の種類で選ぶ*/
    color: #333!important;
    opacity: 1!important;
    }
.col-3_first .megaMenu__button_link:hover{/*食器の種類で選ぶ*/
    opacity: 0.6!important;
    }
.megaMenu__button-blank{/*食器の種類で選ぶ*/
    border:none!important;
    height:34px;
    }
.select-type .col-3_first a{/*食器の種類で選ぶ*/  
    padding: 10px 30px 10px 15px!important;
    font-size: 1.4rem!important;
    }
.select-type .megaMenu__button{/*食器の種類で選ぶ*/
    padding: 6px 10px 6px 15px;
    }
.megaMenu__parent .col-3{ 
    max-width: 100% !important;
    margin-bottom: 0px!important;
    }
.megaMenu__parent .col-3:last-child{
    margin-bottom: 20px!important;
    }
.megaMenu__parent .col-3 a{
    padding-left:3rem;
    border:none;
    font-size:1.3rem;
    }
.megaMenu__parent .col-3 a::after{
    left:2rem;
    display: none;
    }
.megaMenu__parent .col-3_first a::after{
    left:auto;
    right:15px;
    }
.megaMenu__parent .col-3_first a{
    padding-left: 15px;
    border: 1px solid #dfdfdf;
    margin-bottom: 10px !important;
    font-size:1.4rem;
    }
.megaMenu__parent .col-3 a:hover {
    background: transparent!important;
    }
.hdrInfo {
    flex-wrap: wrap;
    width: 240px;
    margin: 0 auto 0;
    line-height: 11px;
    }
.hdrInfo strong {
    margin-right: 5px;
    font-size: 1.5rem;
    }
.megaMenu__button-color{
    color:#af0909!important;
    }
.megaMenu__button-color::after{
    border-top: 2px solid #af0909!important;
    border-right: 2px solid #af0909!important;
    }
.snsNav li{
    margin-right: 17px !important;
    }
.info-icon{
    text-align: center;
    font-size: 1.1rem;
    color: #333;
    line-height: 1.3rem;
    letter-spacing: 0rem;
    margin-right: 13px!important;
    }
.info-icon:last-child{
    margin-right: 5px !important;
    }
.info-icon i{
    margin-left:-3px;
    color: #333;
    }
.info-icon span{
    color: #333;
    }
.info-icon a:hover{
    text-decoration: none;
    opacity:0.6;
    }







    


/*footer*/
.footer-grid_parent1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /*grid-template-rows: repeat(2, 1fr);*/
    grid-column-gap: 50px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    margin-bottom:70px;
    box-sizing: border-box;
    }
.footer-grid1_child1 { grid-area: 1 / 1 / 3 / 2; }
.footer-grid1_child2 { grid-area: 1 / 2 / 2 / 3; margin-bottom: -200px;}
.footer-grid1_child3 { grid-area: 2 / 2 / 3 / 3; }
.footer-grid1_child4 { grid-area: 1 / 3 / 3 / 4; }





.footer-grid_parent1 p{
    font-size:1.3rem;
    line-height: 2rem;
    }
.footer-mb30 {
    margin-top: 0px;
    margin-bottom: 30px;
    }
.footer-mb30 a:visited {
    color:#fff;
    }
.nav_pay-icon{
    width:80px;
    object-fit: contain;
    }
.footerpx_e-payment{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0px 5px;
    }
.footer-userGuide__btn {
    display: inline-block;
    width: 100%;
    padding: 15px 24px 15px 70px;
    font-size: 14px;
    font-weight: 700;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 24px;
    background-color: #333;
    color: #fff!important;
    }
.footer-userGuide__btn i {
    margin-right: 20px;
    }
.footer-userGuide__btn::after{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right:15px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    transform-origin: top center;
    transition: 0.15s;
    }
.footer-userGuide__btn:hover {
    color: #fff!important;
    opacity:0.6;
    }
.userGuide__tel p {
    font-size: 1.4rem;
    margin-bottom: 0px;
    }



    
/*sp*/
.nav_pay-list li{
    list-style: none;
    }
@media (max-width: 1500px) {
    .userGuide h3 {
    font-size: 1.4rem;
    font-weight: 600;
    }
    .nav_pay-icon{
    max-width: 80px !important;
    min-width: 80px !important;
    }
    .footersp_card{
    max-width: 250px !important;
    min-width: 250px !important;
    }
    .nav_pay-icon_l{
    max-width: 110px !important;
    min-width: 110px !important;
    /*max-height: 20px !important;
    min-height: 20px !important;*/
    margin-bottom:20px;
    }
    .nav_pay-list li{
    list-style: none;
    width: calc(100%);
    }
    .nav_about{
    display:block;
    margin-top:30px;
    }
    }
@media (max-width: 499px) {
    .userGuide h3 {
    font-size: 1.3rem;
    font-weight: 600;
    }
    .nav-payment{
    margin-bottom: 40px !important;
    }
    .nav-payment p{
    margin-bottom:15px;
    padding: 0 20px;
    }
    .nav-payment h3{
    margin-bottom:5px!important;
    }
    .footerpx_e-payment{
    gap: 0px 15px;
    }
    .fa-chevron-right:before {
    margin-left: 5px;
    }
    .nav_about{
    margin-top:20px;
    /*text-decoration: underline;*/
    }
    .nav_pay-list{
    display:flex;
    flex-wrap:wrap;
    gap: 5px 0px;
    }
    .nav_pay-list li{
    list-style: none;
    width: calc(100% / 2 - 10px);
    margin-bottom:0px;
    }
    .nav_pay-list h3{
    margin-bottom:0px!important;
    }
    .nav_pay-icon{
    max-width: 65px !important;
    min-width: 65px !important;
    }
    .footersp_card{
    max-width: 220px !important;
    min-width: 220px !important;
    }
    .nav_pay-icon_l{
    max-width: 90px !important;
    min-width: 90px !important;
    margin-bottom: 5px;
    }
    .userGuide__info {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    }
    }



/*包括*/
.footer-container{
    display:flex;
    min-height: 480px;
    }



/* アコーディオン全体デザイン */
.ac_area {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    margin-right: 20px;
    }
.ac_area a{
    display:block;
    }
.ac_area a:hover{
    opacity:0.6;
    }
.ac_area:last-child {
    margin-right: 30px;
    }
.ac_area li {
    width: 100%;
    list-style:none;
    margin: 10px 0;
    padding-right: 15px;
    padding-left: 15px;
    }
.ac_area:first-child li {
    padding-left: 0px;
    }
.ac_area h3 {
    line-height: 20px;
    padding: 10px 0;
    font-size: 16px;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 10px;
    }
.title_btn {
    position: relative;
    cursor: pointer;
    font-size: 1rem;
    font-weight: bold;
    padding: 3% 3% 3% 50px;
    transition: all 0.3s ease;
    }
.title_btn:hover {
    opacity:0.6;
    transition: none;
    }
.no-toggle{
    width: 100%; 
    height: 100%; 
    }
.nest-li{
    margin: 10px 0 0;
    }
.nest-li .title_btn:hover{
    opacity:0.6;
    transition: none;
    }
.nest-li ul li:last-child{
    margin: 10px 0 0;
    }
.nest-li ul li:last-child{
    margin: 10px 0 0;
    padding-bottom: 0px;
    }
.nest-li .title_btn{
    font-size: 14px!important;
    font-weight: normal;
    border-bottom: none!important;
    line-height: 14px!important;
    padding: 0 !important;
    margin-bottom: 0!important;
    }
.text_box {
    display: none;
    padding: 1rem;
    }
.text_box li {
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
    }
.title_btn::after {
    content: "";
    position: absolute;
    top: 42%;
    right: 20px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    transform: rotate(45deg);
    transition: all 0.3s;
    }
.title_btn.open::after {
    transform: rotate(135deg);
    }




.footer-row{
    width:100%;
    }
.footer-guide{
    flex: 1;
    max-width: 100%;
    }


.fNav--typeA .fNav__logo {
    margin-top: 18px;
    }








/*スマホヘッダー*/
.hdrBottom .hdrInner{
display: flex;
align-items: center;}