body{
  margin:0;
  padding:0;
  background:#FFC8F1;
  font-family:sans-serif;
}


/* 全体中央固定 */
.container{
  width:1200px;
  margin:20px auto;
}

/* 文字サイズ */
.t_mini{
  font-size:0.85rem;
}

.t_big{
  font-size:1.15rem;
  font-weight:bold;
}

/* トップ画像 */
.top-image{
text-align:center;
margin-bottom:5px;
}

.top-image img{
max-width:100%;
height:auto;
}

/* 共通セル */
.cell{
  background:#fff;
  padding:15px;
  border:1px solid #999;
  box-sizing:border-box;
}

/* セル0 */
.cell0{
  background:#fff;
  padding:12px;
  border:2px solid #000;
  margin-bottom:10px;
}

/* セル4 */
.cell4{
min-height:250px;
  position:relative;
  background-image:url("/g_menu.jpg");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  color:#000000;
}

.cell4::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(250,250,250,0.7); /* 暗さ調整 */
}

.cell4 *{
  position:relative;
  z-index:1;
}

/* 上段 */
.row-top{
  display:grid;
  grid-template-columns:1fr 1.2fr 1fr;
  gap:5px;
  row-gap:10px;
  margin-bottom:5px;
}

/* 下段 */
.row-bottom{
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:5px;
}

/* セル2強調 */
.cell2{
  box-shadow:0 4px 10px rgba(0,0,0,0.15);
}

/* iframe中央 */
.iframe-wrapper{
  display:flex;
  justify-content:center;
}

/* 中央テキスト */
.center{
  text-align:center;
}

/* ランダム画像 */
#randomLink img{
  width:200px;
  height:150px;
  object-fit:cover;
  transition:transform .2s ease, opacity .2s ease;
}

/* リンク演出 */
a{
  display:inline-block;   /* ← 重要 */
  transition:transform .2s ease, opacity .2s ease;
}

a:hover{
  transform:scale(1.05);
  opacity:0.9;
}

a:active{
  transform:scale(0.97);
}

/* リンク画像リアクション */

img{
  transition:transform .2s ease, opacity .2s ease;
}

a:hover img{
  transform:scale(1.05);
  opacity:0.9;
}


/* バナー画像自動調整 */
.bnr-fx{
width:400px;
max-width:100%;
height:auto;
}

/* --- リンクボタン --- */
.link-btn{
  display:inline-block;
  padding:5px 18px;
  margin:0px 0px 0px;
  background:#fdeeef;
  border:1px solid #ccc;
  border-radius:2px;
  text-decoration:none;
  color:#0033cc;
  font-size:1.1em;
  font-weight:bold;
  transition:0.2s;
}

/* ホバー */
.link-btn:hover{
  background:#eddbd8;
  transform:scale(1.05);
}

/* hr整形 */
hr{
  border:none;
  border-top:1px solid #ccc;
  margin:15px 0;
}

/* 画面クエリ（スマホモード） */
@media screen and (max-width:900px){

  .container{
    width:100%;
    max-width:100%;
    margin:10px 0;
    padding:0 10px;
  }

  .row-top,
  .row-bottom{
    grid-template-columns:1fr;
  }

  iframe{
    width:100%;
    height:auto;
    display:block;
  }


}