/*=========================================================
    Delta-SC HP dlt-index 用設定
    共通項目は　delta-sc_2020.css で設定

    2020-07-26:新規設定
    2025-07-25：Gemini 修正実施
========================================================= */

@charset "UTF-8";
/* class属性 属性値(名前)の前に「.」(ドット)をつけることで、CSSを指定      */

/* id   属性    属性値(名前)の前に「#」(シャープ)をつけることで、CSSを指定 */

/*=========================================================*/

/* main部分 の設定*/

/* ---------------------------------------------------- */

/* dlt-topmenu の設定 */
.dlt-topmenu {
    width: 100%; /* 全幅に広げる */
    background-color: #fff; /* ナビゲーションバーの背景色を設定（コンテンツが透けて見えないように） */
    z-index: 1000; /* 他の要素より手前に表示させる */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* 影を追加して視覚的に区別する（任意） */
    /* 必要に応じて、paddingやheightなどのレイアウト調整 */
}


#fadein_area ul li {
    float: left;
}


/* ---------------------------------------------------- */

/* スマホ表示時のdlt-mapのマージン設定 */
.dlt-map {
    margin-top: 20px; /* スマートフォン表示時の上部マージン */
    margin-left: 10px;
    text-align: left;
}
.map-icon-small {
    width: 40%; /* スマホでは親要素の40%に設定 */
    height: auto; /* 縦横比を維持 */
}


/* スマホ表示時のdlt-snsのマージン設定 */
.dlt-sns {
    margin-top: 20px; /* スマートフォン表示時の上部マージン */
    margin-left: 10px;
    text-align: left;
}

.insta-icon-small {
    width: 30%; /* スマホでは親要素の30%に設定 */
    height: auto; /* 縦横比を維持 */
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝  */
/* PC 用設定 */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝  */
@media screen and (min-width:960px) {
	/* index内 案内図とSNSのレイアウト設定*/
	.map-sns-container {
	    display: flex; /* Flexboxを適用して子要素を横並びにする */
	    flex-wrap: nowrap; /* ここがnowrapに設定されています */
	    justify-content: space-around; /* アイテム間に均等なスペースを配置する */
        width: 100%; /* lp-slideに合わせるため100%に設定 */
        max-width: 720px; /* lp-slideに合わせるためmax-widthも設定 */
        margin: 0 auto; /* 中央揃えにする */
	}

    .dlt-map {
        margin-right: 20px; /* 右側に任意のスペースを設定 */
    }

    .dlt-sns {
        margin-left: 20px; /* 左側に任意のスペースを設定 */
    }

    /* ... 他のスタイル ... */

    .insta-icon-small {
        height: 10vh; /* PC表示は高さ基準 */
        width: auto; /* 縦横比を維持 */
    }

    .map-icon-small {
        height: 10vh; /* PC表示は高さ基準 */
        width: auto; /* 縦横比を維持 */
    }
} /* @media ブロックがここで正しく閉じます */