@charset "UTF-8";


/* **********************************************************

メインコンテント

********************************************************** */

/* カラーゾーン */
.pageMainColorZoneCommon{
    height: 560px;
    background-color: var(--PartTheme);
}
.pageMainColorZoneCommonAdd{
    height: 400px;
    background-color:var(--BaseBase) ;
}

/* 全体 */
.pageMainContentCommon{
    margin-top: -440px;
}
/* の反転用 */
.pageMainContentAdd{
    margin-top: -280px;
}
/* のカスタム投稿用 */
.pageMainContentAnother{
    padding-top: 120px;
}

/* タイトル部 */
.pageMainTitleCommon{
    color: var(--TextRev);
    margin-bottom: 30px;
    padding: 0 5% 0 2%;
}

/* メインタイトル */
/* 投稿用 */
.pageMainTitleInfoCommon{
    margin-bottom: 15px;
    line-height: 1.2;
    color: var(--TextRev);
    font-weight: normal;
}
.pageMainTitleInfoAnother3{
    font-size: 24px !important;
}
/* 投稿用をセンター寄せ */
.pageMainTitleInfoAdd{
    text-align: center;
}
/* その他ページ用 */
.pageMainTitleInfoAnother{
    margin-bottom: 15px;
    color: var(--TextTheme);
    padding: 0 5% 0 2%;
    font-weight: bold;
}
/* カスタム投稿用 */
.pageMainTitleInfoAnother2{
    margin-bottom: 15px;
    font-size: 40px !important;
    color: var(--TextTheme);
    font-family: sans-serif;
    font-weight: normal;
    line-height: 1.2;
}

/* サブタイトル */
/* 投稿用 */
.pageMainTitleInfoSubCommon{
    font-size: 14px !important;
    font-weight: normal !important;
    color: var(--TextRev);
}
.pageMainTitleInfoSubCommon a{
    font-size: 14px !important;
    font-weight: normal !important;
    color: var(--TextRev);
}

/* 不要？ */
.pageMainTitleInfoSubCommonAdd{
    /* color: var(--TextRev);
    margin-bottom: 30px;
    padding: 0 2% 0 2%;
    font-size: 16px !important; */
}


/* カスタム投稿用 */
.pageMainTitleInfoSubAnother a{
    font-size: 18px !important;
    color: var(--TextTheme) !important;
    padding-left: 24px;
    border-left: 30px solid var(--TextSubTheme1);
    font-family: sans-serif;
}
.pageMainTitleInfoSubAnother2{
    font-family: sans-serif;
    font-weight: bold;
    font-size: 16px !important;
    padding: 0 4%;
    color: var(--TextTheme) !important;
    margin-bottom: 10px;
}

/* アイキャッチ画像 */
.pageMainImageCommon{
    width: 100%;
    margin-bottom: 30px;
}
.pageMainImageCommon img{
    width: 100%;
    border-radius: 2px;
}

@media(max-width:840px){
    .pageMainColorZoneCommon{
        height: 560px;
    }
    .pageMainColorZoneCommonAdd{
        height: 320px;
    }
    .pageMainContentCommon{
        margin-top: -440px;
    }
    .pageMainContentAdd{
        margin-top: -200px;
    }
    .pageArticleTitleTaxo{
    padding: 0;
    text-align: center !important;
    }
}




/* **********************************************************

アーティクルタイトル

********************************************************** */

.pageArticleTitleCommon{
    color: var(--TextSubTheme1);
    margin-bottom: 15px;
    padding: 0 5% 0px 4%;
    line-height: 1.2;
    font-weight: normal;
}
/* ギャラリー用 */
.pageArticleTitleAnother{
    color: var(--TextTheme);
    margin-bottom: 15px;
    padding: 0 5% 0 4%;
    border-left: 30px solid var(--TextSubTheme1);
    margin-left: 4%;
    line-height: 1.2;
    font-family: sans-serif;
    font-weight: normal;
}
/* カスタム投稿用 */
.pageArticleTitleTaxo{
    color: var(--TextRev);
    margin-bottom: 30px;
    padding: 0 15% 0 1%;
    line-height: 1.2;
    font-weight: normal;
}

@media(max-width:840px){
    .pageArticleTitleTaxo{
        padding: 0;
    }
}



/* **********************************************************

アーティクルテキスト

********************************************************** */

.pageArticleTextCommon p{
    margin-bottom: 30px;
    padding: 0 4%;
}

/* ギャラリー用 */
.pageArticleTextAnother{
    padding: 0 4%;
    font-size: 14px;
}
.pageArticleTextAnother:not(:last-of-type){
    margin-bottom: 60px;
}
/* 商品マスター本文用 */
.pageArticleTextAnother2 p{
    padding-top: 10px;
    margin-bottom: 30px;

}

/* カスタム投稿用 */
.pageArticleTextTaxo p{
    margin-bottom: 30px;
    color: var(--TextRev);
    padding: 0 1%;
}




/* **********************************************************

アーティクル画像

********************************************************** */

.pageArticleImageCommon{
    margin-bottom: 30px;
    width: 100%;
}
.pageArticleImageCommon img{
    width: 100%;
}
/* 画像ギャラリー用 */
.pageArticleImageAnother{
    margin-bottom: 15px;
    width: 100%;
    padding: 0 1%;
}
.pageArticleImageAnother img{
    width: 100%;
}
/* マップ埋め込み */
.mapContent{
    padding: 0 1%;
    margin-bottom: 30px;
}
.mapContent iframe{
    width: 100%;
    object-fit: cover;
}




/* **********************************************************

文末　リンク文章

********************************************************** */

/* About Us用 */
.pageArticleEndLinkAbout{
    padding: 0 8% 0 5%;
    margin-top: 30px;
}
.pageArticleEndLinkAbout,
.pageArticleEndLinkAbout a{
    color: var(--LincColor);
}

/* Access用 */
.pageArticleEndLinkAccess{
    margin-top: 30px;
    padding: 0 4%;
}
.pageArticleEndLinkAccess,
.pageArticleEndLinkAccess a{
    color: var(--LincColor);
}

/* Crew用 */
.pageArticleEndLinkCrew{
    margin-top: 30px;
    padding: 0 1%;
}
.pageArticleEndLinkCrew,
.pageArticleEndLinkCrew a{
    color: var(--TextRev);
}

/* Space用 */
.pageArticleEndLinkSpace{
    padding: 0 4%;
}
.pageArticleEndLinkSpace,
.pageArticleEndLinkSpace a{
    color: var(--LincColor);
}