*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;
background:linear-gradient(180deg,#f7f9fc,#eef2f7);
color:#1d1d1f;
line-height:1.7;
margin:0px;

}

* {
    scrollbar-width: none;        /* Firefox */
    -ms-overflow-style: none;     /* IE / Edge */
  }
  
  *::-webkit-scrollbar {
    display: none;                /* Chrome / Safari */
  }
/* 共通中央 */

.container{
max-width:1200px;
margin:auto;
padding:0 20px;
}

/* ヘッダー */

.site-header{
width:100%;
background:rgba(255,255,255,0.8);
backdrop-filter:blur(12px);
border-bottom:2px solid #111 !important;
position:sticky;
top:0;
z-index:100;

}
.top_himg{
    width: 100%;
    margin-bottom: 2%;
}

.header-inner{
max-width:1200px;
margin:auto;
padding:18px 20px;
display:flex;
justify-content:space-between;
align-items:center;
color: white;
}

.logo a{
font-size:22px;
font-weight:700;
text-decoration:none;
list-style: none;
color:white;
}

.main-nav ul{
display:flex;
gap:28px;
list-style:none;
}

.main-nav a{
text-decoration:none;
color:white;
font-weight:500;
}

/* レイアウト */

.layout{
max-width:1200px;
margin:auto;
padding:40px 20px;
display:flex;
gap:40px;
}

/* サイドバー */

.sidebar{
width:260px;
background:#fff;
padding:25px;
border-radius:14px;
box-shadow:0 8px 25px rgba(0,0,0,0.05);
}

.sidebar h2{
font-size:16px;
margin-bottom:15px;
}

.keyword-list{
list-style:none;
}

.keyword-list li{
margin-bottom:8px;
display: inline-block;

}

.keyword-list a{
text-decoration:none;
color:#7DA835;
}

/* メイン */

main{
flex:1;

}

/* 記事カード */

.article-list{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
gap:30px;
margin-top: 3%;
}

.article-card{
background:#fff;
border-radius:18px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,0.06);
transition:0.3s;
}

.article-card:hover{
transform:translateY(-6px);
}

.article-card img{
width:100%;
height:190px;
object-fit:cover;
}

.article-content{
padding:10px;
}

.article-content h2{
font-size:18px;
margin-bottom:10px;
}

.article-content p{
font-size:14px;
color:#555;
}

/* ボタン */

.btn{
display:inline-block;
margin-top:12px;
padding:10px 18px;
border-radius:8px;
background:#7DA835;
color:#fff;
text-decoration:none;
font-size:14px;
transition:0.3s;
}

.btn:hover{
background:#7DA835;
}

/* 記事ページ */

.article-top{
width:100%;
border-radius:14px;
margin-bottom:25px;
}

.article-section{
background:#fff;
padding:25px;
margin-bottom:25px;
border-radius:14px;
box-shadow:0 6px 20px rgba(0,0,0,0.05);
}

.article-section img{
width:100%;
border-radius:10px;
margin-bottom:10px;
}

.button-group{
display:flex;
gap:10px;
margin-top:10px;
}

/* フッター */

.site-footer{
width:100%;
background:#111;
color:#fff;
margin-top:60px;
}

.footer-inner{
max-width:1200px;
margin:auto;
padding:50px 20px;
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
}

/* フッターキーワード */

.footer-keywords{
max-height:220px;
overflow-y:auto;
background:#1c1c1c;
padding:15px;
border-radius:10px;
}

.footer-keywords ul{

list-style:none;
}

.footer-keywords a{
color:#9ec1ff;
text-decoration:none;
font-size:14px;
}

.footer-keywords li{
margin-bottom:6px;
margin-right: %;
display: inline-block;
}

/* スクロールバー */

.footer-keywords::-webkit-scrollbar{
width:6px;
}

.footer-keywords::-webkit-scrollbar-thumb{
background:#555;
border-radius:4px;
}

/* iframe */

.header-frame{
width:100%;
border:none;
height:70px;
background-color: #333;
}

.footer-frame{
width:100%;
margin-top: 5%;
border:none;
height:300px;
margin-bottom: -10px;
}
.btn2w{
    width: 47%;
    display: inline-block;
    background-color: #7DA835;
    color: white;
    padding: 3%;
    list-style: none;
    text-align: center;
   margin-right: 2%;
   border-radius: 8px;
}
.btn1w{
    width: 70%;
    display: inline-block;
    background-color: #7DA835;
    color: white;
    padding: 3%;
    list-style: none;
    text-align: center;
   
   border-radius: 8px;
}
.btn2w_w{
    text-align: left;
    width: 100%;
    margin-top: 5%;
}
.sidebar-frame{
    margin-top: 7.5%;
}
.ad_img{
    width: 50%;
}
.cate_title{
    margin-left: 3%;
    margin-top: 2%;
}
.huki_pc{
    height: 250px;
    margin-left: 2%;
    display: inline-block;
}
.ymovie{
    width: 95%;
    margin-left: 2.5%;
    border-radius: 8px;
    height: 300px;
}
.iframe_w{
    width: 96%;
    margin-left: 2%;
    height: 170px;
    margin-top: 2%;
}
/* モバイルレスポンシブ */

@media(max-width:900px){

   
        
    .iframe_w{
        width: 100%;
        margin-left: 0%;
        height: 350px;
        margin-top: 2%;
    }
    .adstyle{
        width: 100% !important;
        height: auto !important;
    }
    .mlb-ad{
        padding-left: 0px !important;
        padding-right: 0px !important;
        line-height: 1;
    }
  .ymovie{
    width: 100%;
    margin-left: 0px;
  }
    .footer-frame{
        width:100%;
        margin-top: 5%;
        border:none;
        height:400px;
        margin-bottom: -10px;
        }
    .main-nav ul{
        display:flex;
        gap:30px;
        list-style:none;
        width: 80%;
        text-align: center;
        }
        .main-nav li{
        text-align: center;
        }
        .main-nav a{
            
            display: inline-block;
            width: 45%;
            letter-spacing: 0.1em;
            padding-bottom: 6%;
        
        text-decoration:none;
        color:white;
        font-weight:500;
        border-bottom: 2px dotted #7DA835;
        }
.sentate{
    display: none;
}
    .header-inner{
padding: 10px 20px !important;

    }
    .logo img{
        margin-top: 1%;
        height: 35px !important;
    }
    .sidebar-frame{
        display: none;
    }

.layout{
flex-direction:column;
margin-top: 35px !important;
padding-left: 13px !important;
padding-right: 13px !important;
}
.huki_pc{
    width: 300px;
    height: auto;
    margin-left: 0px;
}
.sidebar{
width:100%;
}

.footer-inner{
grid-template-columns:1fr;
}

.footer-keywords ul{
columns:2;
}

}

/* ===== ベース ===== */
.mlb-article {
    max-width: 900px;
    margin: auto;
   
  
    color: #222;
    line-height: 1.8;
  }
  
  /* ===== 画像 ===== */
  .mlb-hero {
    width: 100%;
    border-radius: 12px;
    margin-bottom: 20px;
  }
  
  /* ===== タイトル ===== */
  .mlb-title {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 20px;
  }
  
  /* ===== カード ===== */
  .mlb-card {
    background: #fff;
    padding: 20px;
    margin-bottom: 25px;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
  }
  
  /* ===== 見出し ===== */
  .mlb-heading {
    border-left: 5px solid #7DA835;
    padding-left: 10px;
    margin-bottom: 15px;
  }
  
  /* ===== リスト ===== */
  .mlb-list {
    padding-left: 20px;
  }
  .mlb-list li {
    margin-bottom: 8px;
  }
  
  /* ===== テーブル ===== */
  .mlb-table {
    width: 100%;
    border-collapse: collapse;
  }
  .mlb-table th {
    background: #7DA835;
    color: #fff;
  }
  .mlb-table td, .mlb-table th {
    border: 1px solid #ddd;
    padding: 10px;
  }
  
  /* ===== CTA ===== */
  .mlb-cta {
    border: 2px solid #7DA835;
  }
  
  /* ===== 広告 ===== */
  .mlb-ad {
    text-align: left;
    margin-top: 20px;
  }
  .mlb-ad img {
    max-width: 100%;
  }
  
  /* ===== FAQ ===== */
  .mlb-faq-item {
    margin-bottom: 15px;
  }
  .mlb-faq-item .q {
    font-weight: bold;
    color: #7DA835;
  }
  .mlb-faq-item .a {
    margin-left: 10px;
  }
  
  /* ===== スマホ ===== */
  @media (max-width: 768px) {

   
 
    .mlb-ad {
        text-align: center;
        padding: 3%;
    }
    .mlb-title { font-size: 1.4rem; }
    .mlb-card { padding: 15px; }
  }
  
  /* ===== PC ===== */
  @media (min-width: 1024px) {
    .mlb-title { font-size: 2.2rem; }
  }
  
  /* =========================
    PC強化
  ========================= */
  @media screen and (min-width: 1024px) {
  
    article {
      padding: 20px;
    }
  
    article h1 {
      font-size: 2.3rem;
    }
  
    .article-section h2 {
      font-size: 1.6rem;
    }
  
    .btn {
      font-size: 1.1rem;
      padding: 14px;
    }
  }