/**
 * 見出しパターン - デフォルト
 * 親テーマのスタイルをそのまま使用
 */

/* 親テーマのデフォルトスタイルを使用するため、追加のスタイルは不要 */


.p-page__title.c-pageTitle.u-flex--aic{
    flex-direction: column-reverse;
    justify-content: center;
}
.c-pageTitle__sub:after, .c-pageTitle__sub:before{
    content:"";
}

h1.c-pageTitle__main:first-letter {
    font-size: 150%;
    color: var(--restaurant-heading-first-letter-color);
    line-height: 1;
}

h1.c-pageTitle__main {
    position: relative;
    display: inline-block;
    padding: 0 120px;
} 
h1.c-pageTitle__main:before,
h1.c-pageTitle__main:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 100px;
    height: 1px;
    background-color: #666;
}
 
h1.c-pageTitle__main:before {
    left: 0;
}
 
h1.c-pageTitle__main:after {
    right: 0;
}

@media not all and (min-width: 1000px){
h1.c-pageTitle__main:before, h1.c-pageTitle__main:after {
    width: 30px;
}
h1.c-pageTitle__main {
    padding: 0px 40px;
}
}

/* ==========================================================================
   H2〜H4用スタイル（.ark-block-heading構造）
   ========================================================================== */
/* メインタイトル部分 */
.ark-block-heading__main {
    position: relative;
    display: inline-block;
    padding: 0 100px;
}

/* H2〜H4の最初の文字を大きく */
h2.ark-block-heading__main:first-letter,
h3.ark-block-heading__main:first-letter,
h4.ark-block-heading__main:first-letter {
    font-size: 150%;
    color: var(--restaurant-heading-first-letter-color);
    line-height: 1;
}

/* 左右のライン装飾 */
.ark-block-heading__main:before,
.ark-block-heading__main:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 80px;
    height: 1px;
    background-color: #666;
}

.ark-block-heading__main:before {
    left: 0;
}

.ark-block-heading__main:after {
    right: 0;
}

/* H3、H4の個別調整 */
h3.ark-block-heading__main {
    padding: 0 80px;
}

h3.ark-block-heading__main:before,
h3.ark-block-heading__main:after {
    width: 60px;
}

h4.ark-block-heading__main {
    padding: 0 60px;
}

h4.ark-block-heading__main:before,
h4.ark-block-heading__main:after {
    width: 40px;
}

/* レスポンシブ対応 */
@media not all and (min-width: 1000px){
    .ark-block-heading__main {
        padding: 0 35px;
    }
    
    .ark-block-heading__main:before,
    .ark-block-heading__main:after {
        width: 25px;
    }
    
    h3.ark-block-heading__main,
    h4.ark-block-heading__main {
        padding: 0 30px;
    }
    
    h3.ark-block-heading__main:before,
    h3.ark-block-heading__main:after,
    h4.ark-block-heading__main:before,
    h4.ark-block-heading__main:after {
        width: 20px;
    }
}