@charset "utf-8";
/*
Theme Name: Lightning Pro Child Sample
Theme URI:
Template: lightning-pro
Description:
Author:
Tags:
Version: 0.0.0
*/


/***★ ヘッダー右上の連絡先 ★***/
/* ロゴ右側のブロック */
.logo-after {
    display: block;
    max-width: 500px;
    float: right;
}
 
.logo-after img {
    max-height: 100px;
}
 
/* ヘッダー幅を100%に */
.navbar-header {
    width: 100%;
}
 
@media (max-width: 991px) {
    .logo-after {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: center;
    }
}
 
/* 新バージョン対応 */
@media (min-width: 1200px) {
    .gMenu_outer,
    .gMenu,
    .gMenu > li {
        width: 100%;
    }
}
 
@media (max-width: 1199.98px) {
    .siteHeader_logo {
        width: unset;
    }
}



/* グローバルメニュー設定 */
#gMenu_outer,
#gMenu_outer nav > li > a {
    background: #00A650;
}

#gMenu_outer nav li > a:hover {
    background: #4DC185;
}

.gMenu > li .gMenu_name {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}

#gMenu_outer {
    margin-top:8px;
}

/* サイドバー見出し */
h1.subSection-title {
    background-color: #00A650;
    padding: 0.6em 0.7em 0.5em;
    color: #fff;
    border-radius: 4px;
    border: none;
}

.subSection-title:after {
    display: none;
}

/* 見出し2フォントサイズ */
.h2, .mainSection-title, h2 {
    font-size: 2.0rem !important;
}

/* ロゴ上余白 */
.siteHeader .container {
    padding-top: 5px;
}

/* キャッチフレーズ */
.headerTop .headerTop_description {
    padding: 2px 20px 7px 0;
    line-height: 150%;
}

/* パンくずリストフォントサイズ */
.breadSection .breadcrumb span {
    font-size: 16px;
}

/* フローティングメニューのスタイル */
#footerFloatingMenu {
    display: flex;
    width: 100%;
    position: fixed;
    bottom: 0px;
    z-index: 9999;
    justify-content: center;
    align-items: center;
}


/* TablePress */
.tablepress td, .tablepress th {
    border: 1px solid #ddd !important;
}

/* TablePress特定の表のスタイル */
.tablepress-id-1 .column-1{
    background-color: #f1f6ef !important;
}


/* セル色づけ用 */
.tablepress-id-8 .row-1 .column-1,
.tablepress-id-8 .row-2 .column-1,
.tablepress-id-8 .row-3 .column-1,
.tablepress-id-8 .row-4 .column-1,
.tablepress-id-9 .column-1,
.tablepress-id-11 .column-1,
.tablepress-id-12 .column-1,
.tablepress-id-13 .column-1,
.tablepress-id-14 .column-1,
.tablepress-id-15 .column-1,
.tablepress-id-16 .column-1,
.tablepress-id-17 .column-1,
.tablepress-id-18 .column-1,
.tablepress-id-19 .column-1,
.tablepress-id-24 .column-1{
background-color: #e6f3ff !important;
font-weight: bold;
}


/* テーブルプレス10　墓石の価格のめやす 色つけ */
.tablepress-id-10 .row-1 .column-1,
.tablepress-id-10 .row-1 .column-2{
background-color: #c1e1ff !important;
font-weight: bold;
}
.tablepress-id-10 .row-3 .column-1,
.tablepress-id-10 .row-3 .column-2{
background-color: #e6f3ff !important;
}


/* テーブルプレス　墓石種類 色つけ */
.tablepress-id-22 .row-1 .column-1,
.tablepress-id-22 .row-1 .column-2,
.tablepress-id-23 .row-1 .column-1,
.tablepress-id-23 .row-1 .column-2{
background-color: #c1e1ff !important;
font-weight: bold;
}
.tablepress-id-22 .row-2 .column-1,
.tablepress-id-22 .row-3 .column-1,
.tablepress-id-23 .row-2 .column-1,
.tablepress-id-23 .row-3 .column-1{
background-color: #e6f3ff !important;
}


/* テーブルプレス33 店舗概要 色つけ */
.tablepress-id-33 .row-1 .column-1,
.tablepress-id-33 .row-2 .column-1,
.tablepress-id-33 .row-3 .column-1,
.tablepress-id-33 .row-4 .column-1{
background-color: #E6F7E4 !important;
font-weight: bold;
}


/* テーブルプレス26 引越し 色つけ */
.tablepress-id-26 .row-1 .column-1,
.tablepress-id-26 .row-1 .column-2{
background-color: #E6F7E4 !important;
font-weight: bold;
}


/* コンテンツ幅設定 */
@media (min-width: 1200px) {
    .container {
        max-width: 1060px;
    }

    .mainSection-col-two {
        width: 800px;
    }

    .sideSection-col-two {
        width: calc(100% - 800px - 0rem);
    }

    /* ヘッダー画像とコンテンツの余白 */
    .siteContent {
        padding: 0.5rem 0 4rem;
    }
}




/* ページヘッダー調整 */
.page-header_pageTitle, h1.page-header_pageTitle:first-child {
    margin: 0.5em 0;
    font-size: 1.5rem;
    line-height: 1.1;
}



/* サイト種類・大きさ */
body {
    font-family: "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 16px;
}


/*サイドバーの投稿日を削除 */
#vkexunit_post_list-2 .published.postList_date.postList_meta_items {
display: none;
}


/* 投稿ページの投稿日・更新日等削除 */
.entry-meta .published,
.entry-meta .updated {
    display: none;
}

.infoList .infoListBox div.entryTxtBox p.entryMeta .infoDate {
    display: none;
}

/* スマホフッターロゴセンタリング */
@media (max-width: 767px) {
    footer .widget_media_image {
        text-align: center;
    }
}



/* ボタン1 */
.button-1{
 ?  border-style: none;
	border-radius: 5px;
	border: solid 1px #67a4d6 !important;
	width: 250px;
    font-weight: bold;
    background-color: #67a4d6 !important;
    color: #ffffff;
	box-shadow: 3px 3px 0 0 #5698ce;
}

.button-1:hover{
	border: solid 1px #4182b7 !important;
	background-color: #4182b7 !important;
    color: #ffffff;
	box-shadow: 3px 3px 0 0 #5698ce;
}

.button-1{
    padding: 10px;
}


/* リンクに下線 */
div.entry-body a {
 text-decoration: underline;
}



/* ボタン3オレンジ白文字 */
.button-3{
 ?  border-style: none;
	border-radius: 5px;
	border: solid 1px #FB983A !important;
    font-weight: bold;
 ? ?padding: 5px 15px;
    background-color: #FB983A !important;
    color: #ffffff;
	box-shadow: 3px 3px 0 0 #EF7D16;
}
 
.button-3:hover{
	border: solid 1px #FFBB60 !important;
	background-color: #FFBB60 !important;
    color: #ffffff;
	box-shadow: 3px 3px 0 0 #F8A029;
}

.button-3{
	width: 350px;
    padding: 10px;
}



/* ボタン4オレンジ背景白 */
.button-4{
 ?  border-style: none;
	border-radius: 5px;
	border: solid 1px #FB983A !important;
    font-weight: bold;
 ? ?padding: 5px 15px;
    background-color: #FFFFFF !important;
    color: #FB983A;
	box-shadow: 3px 3px 0 0 #FB983A;
}
 
.button-4:hover{
	border: solid 1px #FFBB60 !important;
	background-color: #FFFFFF !important;
    color: #FFBB60;
	box-shadow: 3px 3px 0 0 #FFBB60;
}

.button-4{
	width: 350px;
    padding: 10px;
}


/* パソコンでの画像表示 */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンでの画像表示 */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

@media only screen and (max-width: 750px) {
img { max-width: 100%; }
}