@charset: "utf-8";



/* ヘッダーのデザインルール */
header {
    width: 100%;
    height: auto;
    background-color: #f9f9f9;
    
}

header div {
    /* logo & space */
    text-align: center;
}


main {
    background-color: #f9f9f9;
}




/* フッターのデザインルール */
footer {
    background-color: #8f8787;
    width: 100%;
    height: auto;

}

/* フッターのリンクのやつ */
.footer_box {
    margin: 0 auto -75px;
    width: 250px;
    padding: 40px 0 40px 55px ;
}

footer ul {
    /*フッターのロゴ   等間隔に横並び、センターぞろえ*/
    display: flex;
}

footer img {
    width: 100%;
    min-width: 20px;
    max-width: 80px;
    height: auto;
    
    /*ロゴうごく*/
    display: block;
    transition: 0.2s;
    margin: 0 10px;
    
}

footer img:hover {
    /*ロゴうごく　サイズ*/
    transform: scale(1.3, 1.3);
}

footer li {
    list-style: none;
    /* footer logo      センターぞろえ*/
    margin: auto;
    
    transform: translate(-50%, -50%);
}

footer p {
    /*フッターのアクセスを    センターぞろえ*/
    text-align: center;
    margin: 0;
}

footer small {

    /*C マークの上下  余白指示*/
    padding: 10px 0;

    /*C マークの指示*/
    text-align: center;
    display: block;
    color: #e3dcdc;

    /*font style*/
    font-family: 'Sawarabi Mincho', sans-serif;

}




/*見出しのデザイン*/
a {
    /*font style*/
    font-family: 'Sawarabi Mincho', sans-serif;
}

p{
    font-family: 'Sawarabi Mincho', sans-serif;
}


h3 {
    /*font style*/
    font-size: 25px;
    color: #fab54a;
    font-family: 'Sawarabi Mincho', sans-serif;
}


footer h5 {
    /*フッターのサロン名を    センターぞろえ*/
    text-align: center;
    margin: 0;
    
    /*font style*/
    color: #f9f9f9;
    font-family: 'Sawarabi Mincho', sans-serif;
    font-weight: 500;
}