@charset "utf-8";

/* グリーンバック余白 */
.c-pageTitle{
    margin-bottom: 64px;
}

/* セクションタイトル下余白 */
.c-sectTitle--each{
    margin-bottom: 56px;
}

/* オリジナルショップ　下余白 */
.p-shop__infoTitle{
    margin-bottom: 24px;
}

/* 連絡先概要　 */
.p-shop__infoText{
    margin-bottom: 24px;
}
.p-shop__infoText>p{
    font-size: 1.5rem;
}
/* FB　電話番号ボタンのはみ出し修正 */
.c-btnPhone{
    display: inline-block;
}

/* 電話番号ボタン中央寄せ　した余白 */
.p-shop__infoPhoneNumber{
    text-align: center;
    margin-bottom: 40px;
}

/* 諸情報 */
.p-shop__infoList{
    margin-bottom: 40px;
}
/* 点線アンダーライン */
.p-shop__infoList>div{
    border-bottom: 1px dotted var(--gray1);;
}
.p-shop__infoPhoneNumber{
    border-bottom:0 !important;

}
/* 最後以外の間の余白 */
.p-shop__infoList>div:not(:last-child){
    margin-bottom: 16px;
}
/* 見出し */
.p-shop__infoListTitle{
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 8px;
}
/* 説明 */
.p-shop__infoListText{
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 8px;
}

/* マップ画像下の余白 */
.p-shop__map>img{
    margin-bottom: 24px;
}

/* googleマップへのリンクボタン */
.p-shop__mapLink{
    text-align: center;
    margin-bottom: 64px;
}

/* pc */
@media screen and (min-width: 768px) {
    .p-shop__infoFlexbox{
        display: flex;
    }
    .c-btnPhone{
        margin-left: 24px;
    }
    .p-shop__infoList{
        order: 2;
    }
    .p-shop__map{
        order: 1;
    }
    .p-shop__info{
        margin-bottom: 24px;
    }
    .p-shop__infoText>p{
        margin-bottom: 8px;
    }
    .p-shop__infoPhoneNumber{
        text-align: start;
    }
    .p-shop__infoPhoneNumber>a{
        display: inline-block;
    }
    /* 点線アンダーライン 冒頭だけ消す*/
    .p-shop__infoList>div.p-shop__infoPhoneNumber{
        border-bottom: none;
    }

    /* タイトルと記述横並び */
    .p-shop__infoList>div{
        display: flex;
        justify-content: first baseline;
        margin-bottom: 16px;
    }
    /* タイトルと記述の間１文字分開ける */
    .p-shop__infoListTitle{
        margin-right: 1em;
    }

    .p-shop__mapLink{
    text-align: right;
    margin-bottom: 64px;
}
}