@charset "utf-8";

/* ………………………………………………………………………………………………………………………… */
/* てがろぐ Twitter風：【完全版】管理画面不要！YouTube・アイコン絶対修正モデル */
/* ………………………………………………………………………………………………………………………… */

:root{
  /* 画面中央寄せの幅（iPadでもiPhone風に見える500px） */
  --content-width: 500px; 
  --side-pad: 12px;
}
html,body{ margin:0; padding:0; background:#e6ecf0; font-family:"メイリオ",Meiryo,"Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif; }

/* 中央寄せの設定 */
body>header, .postform, .contents, .pagenavi, body>footer {
  max-width: var(--content-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--side-pad);
  padding-right: var(--side-pad);
  box-sizing: border-box;
}

@media (max-width: 799px){ :root{ --content-width: 100%; } }

/* 共通リンク */
a{ color:#1da1f2; text-decoration:none; }
header{ display:table; background:#fff; width:100%; border-bottom:1px solid #acb1b4; }
.headtitle{ display:table-cell; padding:.2em; color:#66757f; }
.headcontrol{ display:table-cell; text-align:right; vertical-align:middle; padding:0 3px; }
.headcontrol a{ display:inline-block; border-radius:2em; padding:.5em 1em; background:#08f; color:#fff; }

.postform{ background:#e8f5fe; padding:1em; }
textarea.tegalogpost{ border:2px #08f solid; border-radius:.67em; width:100%; height:4.3em; }

/* ================================================= */
/* ■iPad/PCでも1カラムに固定する（サイドバー消去） */
/* ================================================= */
@media (min-width:800px){
  .contents{ display:block; width:100%; }
  .contents .mainarea{ width:100%; margin:1em 0; }
  .contents .subarea, .sidearea { display:none !important; } /* サイドバーを徹底消去 */
}
@media (min-width: 900px){
  .contents .mainarea{ max-width: 500px; margin:0 auto; }
}

.mainarea{ padding:0; background:#fff; }
.dateseparator{ background:#e6ecf0; font-weight:bold; padding:1px 1em; border-bottom:1px solid #ccd6dd; }

/* ================================ */
/* ■投稿ボックス（アイコン封印・編集ボタン右端） */
/* ================================ */
.onelogbox{ margin:0; padding:1em 0; border-bottom:1px #e6ecf0 solid; display:flex; width:100%; }

/* アイコン（アバター）をChromeでも絶対に出さない設定 */
.iconarea, .onelogside, .avatar, .usericon, .usericonlink { 
  display: none !important; 
  width: 0 !important;
  margin: 0 !important;
}

.onelogbody{ flex: 1; min-width: 0; padding: 0 1em; position: relative; }

/* 編集ボタンを右端に */
.onelogctrl{ float:right; position: relative; z-index: 100; }
.username{ font-weight:bold; color:#000; margin-right:.5em; }
.newsign{ color:#f55; font-size:.8em; font-weight:bold; }
.postdate a{ color:#555; background:#fff; border-radius:.5em; padding:0 .5em; font-size:.85em; }

/* 編集ボタンのデザイン */
.editlink a{ color:#08f; background:#eef; border:1px solid #ccf; border-radius:5px; padding:0 6px; font-size:.67em; }

/* ===================================================== */
/* ■YouTube：管理画面の設定なしでも強制的に直す設定 */
/* ===================================================== */
/* YouTubeの動画本体（iframe）を見つけたら16:9で固定する */
iframe[src*="youtube.com"], 
iframe[src*="youtu.be"], 
.embeddedmovie iframe {
  max-width: 100% !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important; /* 横長比率を強制 */
  height: auto !important;
  display: block !important;
  margin: 15px auto !important;
  border: 0 !important;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* ===================================================== */
/* ■画像（テキスト画像）のサイズ同期 */
/* ===================================================== */
.onelogcontent .imagelink{ display:block !important; margin:12px auto; width: 100% !important; }
.onelogcontent .embeddedimage{
  display:block; width:100% !important; height:auto !important; max-height:none !important;
  border-radius:0; background:#fff; object-fit: contain;
}

/* 不要なパーツの削除 */
.oneloginfo .length, .latestpostarea, .imagelistarea, .multisubbox { display: none !important; }
.pagenavi{ margin:2.5em 0; padding:.5em 0; text-align:center; background:#f5f8fa; border-top:3px solid #ccd6dd; }
footer{ margin:1em 0 0 0; border-top:3px solid #acb1b4; background:#fff; }

.mainarea img{ max-width:100%; height:auto; }
/* End of file */