@charset "utf-8";

.pc {
    display: none;
}

.sp {
    display: block;
}

/* すべてのページに適用される設定 */

nav ul {
    justify-content: start;
    gap: 30px;
    padding-left: 20px;
}

/* すべてのページに適用 - ヘッダー */

.head {
    flex-wrap: wrap;
}

.title img {
    max-width: 100%;
}

.address img {
    max-width: 0;
}

/* すべてのページに適用 - メイン */

#bread {
    font-size: 13px;
    margin-left: -30px;
}

.menu {
    flex-wrap: wrap;
    font-size: 16px;
}

h1 {
    background-position: center center;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 10px;
    font-size: 25px;
}

/* すべてのページに適用 - フッター */

.hari img {
    max-width: 70px;
}

/* 個別のスタイル */
/* index.html */

.service {
    font-size: 14px;   
}

.service {
    margin-left: -30px;
}

.careful {
    font-size: 14px;
    margin-left: -10px;
}

.taoya {
    font-size: 14px;
    margin-left: -20px;
}

.access {
    margin-left: 0;
}

/* plan.html */

.price {
    display: block;
}

.plan {
    margin: 20px 0;
}

.plan p {
    font-size: 14px;
}

.plan h4 {
    margin: 0;
}

.sasebo {
    background-position: center center;
}

.oshima {
    background-position: center center;
}

.oseto {
    background-position: center center;
}

.hirado {
    background-position: center center;
}

.supplement {
    margin-left: -30px;
}

.supplement li {
    font-size: 14px;
}

/* reserve.html */

.reserve ul li {
    font-size: 14px;
    margin-left: -15px;
}

/* introduction.html */

.kuni {
    flex-wrap: wrap;
}

.ship {
    flex-wrap: wrap;
}

.face {
    width: auto;
    margin-right: 0;
    margin-left: -30px;
}

.hune {
    width: auto;
    margin-right: 0;
    margin-left: -70px;
}

.name {
    margin-left: -90px;
    margin-right: -50px;
    padding-left: 0;
    padding-right: 0;

}

.parts {
    margin-left: -75px;
    margin-right: 10px;
    font-size: 14px;
}

.name p {
    font-size: 14px;
}

.parts ul{
    margin-top: 20px;
}

.kitei p {
    font-size: 14px;
}