/* 追加スタイルはここに */
.entry-content h1, .entry-content h2, .entry-content h3 { line-height: 1.35; margin: 1.4em 0 .6em; }
.entry-content p { margin: 1em 0; }
code, pre { background: #f3f4f6; padding: .2em .4em; border-radius: .25rem; }
.widget { padding: 1rem; background:#f9fafb; border:1px solid #e5e7eb; border-radius: .75rem; }
.sec-body {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 70px 10px 200px;
    box-sizing: border-box;
}
.head-title {
    color: #FFF;
    padding-left: 10px;
    font-weight: bold;
	font-size:5vw;
	text-align:center;
}
#sec1 .sec-read {
    line-height: 1.4;
    font-size: 4.6vw;
}
a.top-menu {
display: block;
        padding: 10px 0;
        text-align: center;
}

.fixed-footer {
position: fixed;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 55px;
        display: flex;
        justify-content: center;
        flex-wrap: nowrap;
    }
.fixed-footer-link a {
        display: block;
        padding: 10px 20px;
        background: #ffffffde;
        margin: 0 5px 0;
        border-radius: 20px;
	        color: #6d3a04;
    }
.top-menu span.flex-p {

}
.sec-flex-contener3 .img480-640 {
        width: 50%;
        border-color: #e99741 !important;
        border-style: solid !important;
        padding: 10px;
}
.sec-flex-contener3 .img480-640:nth-child(1) {border-width: 1px 1px 0px 1px;}
.sec-flex-contener3 .img480-640:nth-child(2) {border-width: 1px 1px 0px 0px;}
.sec-flex-contener3 .img480-640:nth-child(3) {border-width: 1px 1px 0px 1px;}
.sec-flex-contener3 .img480-640:nth-child(4) {border-width: 1px 1px 1px 0px;}
.sec-flex-contener3 .img480-640:nth-child(5) {border-width: 1px 1px 1px 1px;}

.sec-flex-contener2 {
    display: flex;
    flex-wrap: wrap;
justify-content: space-around;
    gap: 0px;
    margin-top: 30px;
}
.sec-flex-contener3 {
    display: flex;
    flex-wrap: wrap;
justify-content: left;
    gap: 0px;
    margin-top: 30px;
}
.sec-flex-contener2 div {
    width: 50%;
    padding: 5px;
}
/* スマホサイズの時に適用 */
    .sec-flex-contener {
        display: flex !important;    /* 強制的にフレックスボックス化 */
        flex-wrap: nowrap !important; /* 絶対に折り返さない */
        overflow-x: auto !important; /* 横スクロールを強制許可 */
        -webkit-overflow-scrolling: touch;
        
        /* スナップ機能 */
        scroll-snap-type: x mandatory;
        
        /* 余白の調整（必要に応じて） */
        padding: 20px 0;
        gap: 15px;                    /* 要素間の隙間 */
    }

    /* スクロールバーを隠す（スッキリさせるため） */
    .sec-flex-contener::-webkit-scrollbar {
        display: none;
    }

    /* 配下のdiv要素（img480-640など） */
    .sec-flex-contener > div {
        flex: 0 0 80% !important;    /* 横幅を画面の80%で固定（縮ませない） */
        scroll-snap-align: center;    /* スクロールした時に中央で止まる */
        display: block !important;    /* 中身をブロック化 */
    }

    /* aタグと画像の設定 */
    .sec-flex-contener > div a {
        text-decoration: none;
        display: block;
    }

    .sec-flex-contener img {
        width: 100% !important;
        height: auto !important;
        object-fit: cover;
        border-radius: 15px;         /* 画像の角を丸く（お好みで） */
        display: block;
    }
    
    /* テキストの設定 */
    .flex-p {
        text-align: center;
        margin-top: 8px;
        color: #fff;                 /* 背景がオレンジなら白が見やすいです */
    }
.sec9-body,.sec18-body,.sec21-body{
padding: 0px 10px 400px;
	
}

#sec9 h2,#sec18 h2,#sec9 h21 {
	font-family: 'Inter', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	font-weight:700;
}