/* スマートフォン表示での右側空白問題を修正 */

/* 基本的なoverflow設定 */
html, body {
    overflow-x: hidden;
    max-width: 100%;
}

/* 全体のコンテナ設定 */
#wrapper {
    overflow-x: hidden;
    max-width: 100%;
}

/* Innerクラスの設定 */
.Inner {
    max-width: 100%;
    overflow-x: hidden;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

/* フレックスボックスの調整 */
.flex_jcs {
    flex-wrap: wrap;
}

/* 画像の調整 */
img {
    max-width: 100%;
    height: auto;
}

/* スライダーの調整 */
.splide {
    max-width: 100%;
    overflow: hidden;
}

/* モバイル専用の調整 */
@media screen and (max-width: 750px) {
    /* 全体のコンテナ */
    #wrapper {
        width: 100%;
        overflow-x: hidden;
    }
    
    /* セクション全体 */
    section {
        overflow-x: hidden;
        max-width: 100%;
    }
    
    /* Inner要素 */
    .Inner {
        width: 100%;
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 0;
        margin-right: 0;
        box-sizing: border-box;
    }
    
    /* フレックスボックス要素 */
    .flex_jcs.sp-noflex {
        display: block;
        width: 100%;
    }
    
    .flex_jcs.sp-noflex > div {
        width: 100%;
        margin-bottom: 20px;
    }
    
    /* テキスト要素 */
    .txt, .txtInner {
        width: 100%;
        max-width: 100%;
        overflow-wrap: break-word;
        word-wrap: break-word;
    }
    
    /* 画像要素 */
    .img {
        width: 100%;
        max-width: 100%;
    }
    
    /* スライダー要素 */
    .splide, .splide__track, .splide__list {
        max-width: 100%;
        overflow: hidden;
    }
    
    /* フレーム要素 */
    .frame35 {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }
    
    /* ヘッダー要素 */
    header {
        max-width: 100%;
        overflow-x: hidden;
    }
    
    /* FVセクション */
    #ind_FV {
        max-width: 100%;
        overflow-x: hidden;
    }
    
    /* 英語タイトル要素 */
    .english-title, .english-enhanced {
        word-break: break-word;
        overflow-wrap: break-word;
    }
}

/* 極小画面での追加調整 */
@media screen and (max-width: 480px) {
    .Inner {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    /* フォントサイズの調整 */
    .fns14 {
        font-size: 1.2em;
    }
    
    .fns105 {
        font-size: 1em;
    }
}