/* ==================================

フッター

=====================================*/
footer{
    &.layout-footer--2026{

        .layout-footer__button-text{
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding-block: min(calc((2/375)*100vw),2px);
            padding-inline: min(calc((4/375)*100vw),4px);
            border: solid 1px #D9D9D9;
            border-radius: 4px;
            font-size: min(calc((14/375)*100vw),14px);
            font-weight: bold;
            line-height: calc((20/14)*100%);
            span{
                font-size: min(calc((12/375)*100vw),12px);
                line-height: calc((20/12)*100%);
            }
        }
        .layout-footer__button--white{
            display: flex;
            align-items: center;
            justify-content: center;
            padding-block: min(calc((12/375)*100vw),12px);
            padding-inline: min(calc((28/375)*100vw),28px) min(calc((76/375)*100vw),76px);
            background: #ffffff;
            border-radius: 8px;
            color: #000000;
            position: relative;

            &::before{
                content: " ";
                display: block;
                width: min(calc((28/375)*100vw),28px);
                height: min(calc((28/375)*100vw),28px);
            }

            span{
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 0 min(calc((32/375)*100vw),32px);
            }

            &.--arrow{
                &::after{
                    content: " ";
                    display: block;
                    width: 0.25em;
                    height: 0.25em;
                    border-top: solid 1px #4A535C;
                    border-right: solid 1px #4A535C;
                    position: absolute;
                    right: min(calc((40/375)*100vw),40px);
                    bottom: 50%;
                    transform: rotate(45deg) translateY(50%);
                }
            }

            &.--contact{
                &::before{
                    background: url(https://hoshi.itembox.cloud/item/images/footer/04_mail.webp);
                    background-size: 100% 100%;
                    background-repeat: no-repeat;
                }
            }

            &.--tel{
                &::before{
                    background: url(https://hoshi.itembox.cloud/item/images/footer/04_tel.webp);
                    background-size: 100% 100%;
                    background-repeat: no-repeat;
                }
            }
        }

        .layout-footer__information{
            padding-block: min(calc((60/375)*100vw),60px);
            padding-inline: min(calc((17/375)*100vw),17px);
            background: #B3C2C4;

            .footer-information-block{

                &+.footer-information-block{
                    border-top: solid 1px #FFFFFF;
                    padding-block-start: min(calc((32/375)*100vw),32px);
                    margin-block-start: min(calc((32/375)*100vw),32px);
                }

                .footer-information-block__item{
                    .footer-information-block__item-heading{
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        flex-wrap: wrap;
                        margin-block-end: min(calc((12/375)*100vw),12px);
                        h2{
                            font-size: min(calc((18/375)*100vw),18px);
                            font-weight: bold;
                            letter-spacing: 10%;
                            line-height: calc((24/18)*100%);
                        }
                        .footer-information-block__item-heading-sub{
                            display: block;
                            width: 100%;
                            font-size: min(calc((12/375)*100vw),12px);
                            font-weight: normal;
                            line-height: calc((20/12)*100%);
                        }
                    }
                    .footer-information-block__item-content{
                        padding-block: min(calc((12/375)*100vw),12px) min(calc((16/375)*100vw),16px);
                        padding-inline: min(calc((20/375)*100vw),20px);
                        background: #FFFFFF;
                        border-radius: 10px;

                        dl{
                            dt{
                                margin-block-end: min(calc((4/375)*100vw),4px);
                                font-size: min(calc((16/375)*100vw),16px);
                                font-weight: bold;
                                line-height: calc((20/16)*100%);
                            }
                            &+dl{
                                margin-block-start: min(calc((16/375)*100vw),16px);
                            }
                        }
                    }

                    .footer-information-block__item-content-column{
                        display: grid;
                        grid-auto-flow: column;
                        justify-content: space-between;

                        dl{
                            &+dl{
                                margin-block-start: initial;
                            }
                        }
                        &+.footer-information-block__item-content-text{
                            margin-block-start: min(calc((8/375)*100vw),8px);
                        }
                    }
                    .footer-information-block__item-content-text{
                        font-size: min(calc((14/375)*100vw),14px);
                        line-height: calc((20/14)*100%);
                    }
                    .footer-information-block__item-list{
                        li{
                            span{
                                color: #CE0031;
                                font-size: min(calc((16/375)*100vw),16px);
                                font-weight: bold;
                                line-height: calc((16/20)*100%);
                            }
                            strong{
                                color: #CE0031;
                                font-size: min(calc((24/375)*100vw),24px);
                                font-weight: bold;
                                line-height: calc((24/16)*100%);
                            }
                            sub{
                                font-size: min(calc((12/375)*100vw),12px);
                                line-height: calc((20/12)*100%);
                                letter-spacing: -5%;
                                bottom: initial;
                            }
                        }
                    }

                    .footer-information-block__item-list--cash{
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        padding-block: min(calc((8/375)*100vw),8px);
                        padding-inline: min(calc((24/375)*100vw),24px);
                        border: solid 1px #D9D9D9;
                        border-radius: 4px;
                    }

                    &[data-item="site-service"]{
                        .footer-information-block__item-heading{
                            .footer-information-block__item-heading-icon{
                                width: min(calc((28/375)*100vw),28px);
                                height: min(calc((20/375)*100vw),20px);
                            }
                        }
                        .footer-information-block__item-content{
                            dl{
                                dd{
                                    .layout-footer__button-text{
                                        &+.layout-footer__button-text{
                                            margin-block-start: min(calc((6/375)*100vw),6px);
                                        }
                                    }
                                }
                                &:nth-child(1){
                                    .footer-information-block__item-list--cash{
                                        padding-inline: min(calc((10/375)*100vw),10px);
                                        li{
                                            height: min(calc((28/375)*100vw),28px);
                                            img{
                                                width: auto;
                                                height: 100%;
                                            }
                                        }
                                    }
                                }
                                &:nth-child(2){
                                    .footer-information-block__item-list--cash{
                                        li{
                                            height: min(calc((17/375)*100vw),17px);
                                            img{
                                                width: auto;
                                                height: 100%;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    } 
                    &[data-item="gift-service"]{
                        .footer-information-block__item-heading{
                            .footer-information-block__item-heading-icon{
                                width: min(calc((24/375)*100vw),24px);
                                height: min(calc((24/375)*100vw),24px);
                            }
                        }
                        .footer-information-block__item-content{
                            .footer-information-block__item-content-column{
                                grid-template-columns: repeat(3, min(calc((90/375)*100vw),90px));
                                grid-template-rows: auto auto;
                                dl{
                                    display: grid;
                                    grid-template-rows: subgrid;
                                    grid-row: span 2;
                                    dt{
                                        align-self: center;
                                        font-size: min(calc((14/375)*100vw),14px);
                                        line-height: calc((16/14)*100%);
                                    }
                                }
                            }
                        }
                    }
                    &[data-item="delivery-shipping"]{
                        .footer-information-block__item-heading{
                            .footer-information-block__item-heading-icon{
                                width: min(calc((26/375)*100vw),26px);
                                height: min(calc((24/375)*100vw),24px);
                            }
                        }
                    }
                    &[data-item="contact"]{
                        .footer-information-block__item-content{
                            padding: initial;
                            background: initial;
                        }
                    }
                }
            }
        }
    }
}