@charset "utf-8";
/* CSS Document */

html,body{margin: 0;padding: 0;}

/* ベース */
.satsuki-box {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", "Meiryo", sans-serif;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.04em;
}

/* 中身にも確実に当てる（楽天側の指定に負けないため） */
/*.satsukien * {
  font-family: inherit !important;
}*/

/* 見出しだけ少し強く */
/*
.satsukien h1,
.satsukien h2,
.satsukien h3,
.satsukien .ttl,
.satsukien .title {
  font-weight: 500;
  letter-spacing: 0.03em;
}
*/

/*top以外のheader*/

.satsuki-box {
    .page-header {
        aspect-ratio: 1920 / 145;
        z-index: 100;
        position: sticky;
        top: 84px;
        background-color: #fff;
    }
.header-inner {
    display: flex;
    justify-content: space-between;
    width: 95%;
    margin: auto;
    padding-top: 2%;
    
.satsuki-logo {
    width: 11.6%;
}
.satsuki-logo a {
    width: 100%;
background-image: url("../img/common/page-logo.png");
aspect-ratio: 212 / 54;
background-size: cover;

display: block;
}
    .satsuki-header-nav{
        min-width: 546px;
        width: 30.5%;
        
    }
.satsuki-header-nav ul {
display: flex;
list-style: none;
    margin: 0;
    padding: 0;
    justify-content: space-between;
}
    .satsuki-header-nav ul li{
        margin: 0;
        padding: 0 0 2% 0;
        display: block;
    }
    .satsuki-header-nav ul li a{
color: #42210b;
        
        
    }
}
}
/*topのheader*/
.satsuki-box .top-header{
    position: sticky;
    width: 100%;
    top: 110px;
    background-color: transparent!important;
    .satsuki-logo a{
        background-image: url("../img/common/hl.png")!important;
        
    }
            .satsuki-header-nav ul li a {
            color: #fff!important;
                text-decoration: none;
        }
}

/*footer*/
    .satsuki-box{
        .page-footer{
            aspect-ratio: 1920 / 427;
            background-image: url("../img/common/footer.png");
            .satsuki-footer-nav{
                padding-top: 1.4%;
            }
            .satsuki-footer-nav ul{
                display: flex;
                list-style: none;
                margin: auto;
                width: 60%;
                justify-content: center;
                padding: 0;
            }
            .satsuki-footer-nav ul li{
                padding: 1%;
            }
                .satsuki-footer-nav ul li a{
color: #42210b;
        
        
    }
        }
        
        
    }