/*
 Theme Name:   lightning Child
 Template:     lightning
 Description:  lightningの子テーマ
 Version:      1.0
 Author:       MIKU INOUE
*/

@import url("../lightning/style.css"); /* 親テーマのCSSをインポート */


/*ハンバーガー消す*/
.vk-mobile-nav-menu-btn {
 display: none;
}

/* フォント変更 */
body, html {
	font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', 'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;

}

/* 
フッターのライセンス表記を非表示に変更 */	

.siteFooter .copySection p:nth-child(2){
    display:none;
}


/* フッターの背景色 */
.siteFooter {
    background-color: #248f84;
}

/* メニューバーの背景色・文字色変更 */
ul.gMenu a{
color:#248f84;
}

/** メニューバーのカーソルオンの文字色変更 */
ul.gMenu a:hover{
color: #f3818c;
}

@media (max-width: 800px) {
    .three-p img {
        max-width: 80%; /* 画像の最大幅を親要素の幅に合わせる */
        height: auto; /* 高さを自動で調整 */
        margin-right: 3%; /* 画像とテキストの間隔をパーセンテージで設定 */
        margin-bottom: 3%; /* マージンをパーセンテージで設定 */
    }
}




/* PCで表示する画像 */
.pc-image {
    display: block !important;
}

.sp-image {
    display: none !important;
}

/* スマホで表示する画像 */
@media screen and (max-width: 800px) {
    .pc-image {
        display: none !important;
    }

    .sp-image {
        display: block !important;
    }
}

}
/* PC用画像の横幅を800pxに設定 */
.pc-image {
    width: 800px !important;
    height: auto; /* 高さを自動調整して画像の比率を維持 */
}

/* スマホなどの小さい画面サイズの場合の設定（800px以下） */
@media screen and (max-width: 800px) {
    .pc-image {
        width: 100% !important; /* 画面幅に合わせて画像の横幅を調整 */
    }
}

/* 共通のスタイルを設定 */
.ｍessage, .profile, .h2, .intro, .voice, .cause, .foam, .is-style-stripes, .nagare, .threep, .tel, .yt, .price, .hosyo, .kakaku, .step, .ope, .q {
    max-width: 800px;
    margin: 0 auto;
}

/* タブレット以下の画面幅でのスタイル設定 */
@media (max-width: 800px) { 
    .ｍessage, .profile, .h2, .intro, .voice, .cause, .foam, .is-style-stripes, .nagare, .threep, .tel, .yt, .price, .hosyo, .kakaku, .step, .ope, .q {
        width: 100%;
        max-width: none; /* 最大幅の設定を解除 */
    }
}

.navbar-header{
	width:100%;
	text-align:center;
}
.siteHeader_logo{
	float:none;
}
#gMenu_outer{
	float:none;
	margin:0 auto;
}

/* ロゴを大きくするためのCSS */
.siteHeader_logo img {
 ? ?width: 500px; /* ロゴの幅を設定。サイズは調整可能 */
    height: auto; /* 高さを自動にして比率を保つ */
}

/* レスポンシブ対応（画面が小さいときにサイズを調整） */
@media (max-width: 800px) {
    .siteHeader_logo img {
 ? ? ? ?width: 300px; /* スマホなどの小さい画面ではロゴの幅を小さくする */
    }
}


/* フッターメニューの文字を白にする */
.footerMenu .menu a {
    color: #ffffff !important;
    font-weight: bold; /* 文字を太くする */
    font-size: 18px; /* 文字のサイズを変更する */
}

/* フッターメニューを中央に配置する */
.footerMenu {
    text-align: center;
}

.footerMenu .menu {
    display: inline-block;
}

.footerMenu .menu li {
    display: inline;
    margin: 0 15px; /* メニューアイテム間のスペースを調整 */
}

.adjust-image {
    display: block; /* 画像をブロック要素として扱う */
    margin: 0 auto; /* 画像を中央に配置 */
    max-width: 100%; /* 画像が親要素の幅を超えないようにする */
}

.pc-image {
    margin-top: -20px; /* PC用画像を上に詰める */
}

.sp-image {
    margin-top: -10px; /* スマホ用画像を上に詰める */
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
    .sp-image {
 ? ? ? ?margin-top: -15px; /* スマホ用画像の位置をさらに調整 */
    }
}

.siteHeader, .header {
    display: none; /* ヘッダーを非表示にする */
}

.horizontal-layout {
    display: flex; /* 横並びのフレックスボックスを使用 */
    justify-content: center; /* 子要素を中央に配置 */
}

.image-container {
    text-align: center; /* 画像を中央揃え */
}

.widget_text img {
    max-width: 100%; /* 画像が親要素の幅を超えないようにする */
    height: auto; /* 画像のアスペクト比を維持 */
}

.horizontal-layout {
    display: flex;
    justify-content: center;
    margin: 0; /* 上下のマージンを削除 */
    padding: 0; /* 上下のパディングを削除 */
}

.image-container {
    text-align: center;
    margin: 0; /* 上下のマージンを削除 */
    padding: 0; /* 上下のパディングを削除 */
}

.widget_text img {
    display: block; /* 画像の下の余白をなくす */
    margin: 0; /* 画像の上下のマージンを削除 */
    padding: 0; /* 画像の上下のパディングを削除 */
    max-width: 100%; /* 親要素に収まるように設定 */
    height: auto; /* アスペクト比を維持 */
}

/* 画像の余白調整 */
#block-13 img {
    display: block; /* 画像をブロック要素として表示 */
    margin: 0 auto; /* 中央揃え */
}

/* 上下の余白を削除 */
.widget.widget_block.widget_text {
    margin: 0; /* 上下の余白をなくす */
    padding: 0; /* 上下の余白をなくす */
}

/* CSS（カスタマイズ用） */

/* PC用画像のスタイル */
.pc-image {
    display: block; /* PCでは表示 */
    margin: 0 auto; /* 中央揃え */
}

/* スマホ用画像のスタイル */
.sp-image {
    display: none; /* PCでは非表示 */
}

/* すべての画像に適用される余白の削減 */
.adjust-image {
    margin: 0; /* 上下の余白をなくす */
}

/* スマホ対応のメディアクエリ */
@media only screen and (max-width: 768px) {
    .pc-image {
        display: none; /* スマホでは非表示 */
    }
    
    .sp-image {
        display: block; /* スマホで表示 */
        width: 100%; /* 画面幅に合わせる */
        height: auto; /* アスペクト比を維持 */
        margin: 0; /* 上下の余白をなくす */
    }
}
/* 画像間の余白をなくす */
img {
    display: block;
    margin: 0;
    padding: 0;
}

/* 特定のクラスに対しても余白を削除 */
.pc-image, .sp-image {
    margin: 0;
    padding: 0;
}

/* aligncenter クラスの画像のスタイルも調整 */
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.table-heading {
    font-size: 24px; /* フォントサイズを大きく設定 */
    font-weight: 800; /* 太字に設定 */
}

.highlight {
    color: #E63314; /* テキストカラーを赤色に設定 */
    font-weight: 800; /* 太字に設定 */
}

/* フッターメニューのリンクをボタン風にデザイン */
.footerMenu .menu a {
    color: #038B8B !important; /* 文字色を緑に */
    font-weight: bold;
    font-size: 18px;
    padding: 10px 20px;
    background-color: #ffffff; /* ボタンの背景色を白に */
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
    transition: background-color 0.3s;
}

/* ボタンのホバー効果（背景を薄い緑に変更） */
.footerMenu .menu a:hover {
    background-color: #e0ffe0; /* ホバー時の背景色 */
}

/* フッターメニューを中央に配置 */
.footerMenu {
    width: 100%; /* 幅を全体に設定 */
    display: flex; /* フレックスボックスを使用 */
    justify-content: center; /* 中央揃え */
    align-items: center; /* 縦方向も中央揃え */
    text-align: center;
}

/* メニューリストも中央揃えに */
.footerMenu .menu {
    list-style: none; /* 点を消す */
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
}

/* リストアイテムもインラインブロックで中央に */
.footerMenu .menu li {
    display: inline-block;
    margin: 0 5px; /* リンク間の余白 */
}

/* スマホ表示用のレスポンシブ設定 */
@media (max-width: 768px) {
    .footerMenu {
        width: 100%; /* スマホで幅を100%に */
    }
    .footerMenu .menu {
        flex-direction: row; /* 横並びにする */
        justify-content: center; /* 中央揃え */
    }
    .footerMenu .menu li {
        margin: 0 5px; /* スペースを小さく調整 */
    }
}

a[href^="tel:"] {
  pointer-events: auto !important; /* クリック可能 */
  z-index: 1 !important; /* 最前面に配置 */
  display: inline !important; /* 確実に表示 */
  visibility: visible !important; /* 確実に表示 */
  text-decoration: none; /* 必要に応じてスタイル調整 */
}