@charset 'utf-8';
/* ======================================== 
個別CSS（共通）
========================================*/

/* ==================== ▽ 色設定CSS ▽ ==================== */

/* 色 */
.pink { color:#df2459; }

/* ボタン */
.btn01 a { background-color:#226a73; color:#fff; }

/* ヘッダ */
header a:link, header a:visited, header a:active, header a:hover { color:#333; }

/* イントロ */
div.intro h1 { border-top:double 3px #333; border-bottom:double 3px #333; }

/* フッタ */
footer { background-color:#1f1f1f; color:#fff; }

/* 検索窓 */
div.search div#___gcse_0 div.gsc-control-cse.gsc-control-cse-ja { background-color:#ffffff50; }
div.old_flex_box .gsc-control-cse { background-color:transparent; border:none; }

@media only screen and (min-width:600px) {
/* ◆ ===== タブレット ===== ◆ */

}

@media only screen and (min-width:1025px) {
/* ◆ ===== PC ===== ◆ */

}


/* ==================== ▽ 個別CSS ▽ ==================== */

/* 横幅 */
div.w { padding:0 20px; }
header div.w { padding:0 10px; }

/* ボタン */
.btn01 a { border-radius:3em; display:inline-block; padding:5px 15px; margin:auto; width:225px; }

/* ヘッダ */
header h1 { font-size:20px; font-weight:600; padding:7.5px 0 0 0; line-height:1.25; }
header h1 span { font-size:14px; margin:0 0 0 10px; }
header p.en_title { font-size:12px; font-weight:500; padding:0 0 7.5px 0; }

/* イントロ */
div.intro { margin:0; padding:20px 0; }
div.intro div.table { height:auto; }
div.intro h1 { font-size:25px; font-weight:600; display:flex; justify-content:center; align-items:center; padding:20px 0; letter-spacing:.25em; }
div.intro h1 img { margin:0 .25em 0 0; height:36px; }

/* パンくず */
ul.breadcrumb { display:flex; justify-content:flex-start; align-items:flex-start; margin:0 0 20px 0; }
ul.breadcrumb li { font-size:12px; }
ul.breadcrumb li::after { content:'＞'; margin:0 5px; }
ul.breadcrumb li:last-child::after { content:''; margin:0; }

/* コンテンツ */
div.content { margin:0 0 40px 0; }

/* フッタ */
footer p { font-size:12px; text-align:center; padding:5px 16px; }

/* 検索窓 */
div.search div#___gcse_0 { width:100%; }
div.search div#___gcse_0 div.gsc-control-cse.gsc-control-cse-ja { padding:7px 7px 5px 7px; }
button.gsc-search-button.gsc-search-button-v2 { padding:10px; }
.gsc-input { padding-left:7px; font-size:18px; }
.gstl_50.gsc-input { font-size:18px; }

@media only screen and (min-width:600px) {
/* ◆ ===== タブレット ===== ◆ */

/* 横幅 */
div.w { padding:0; margin:auto; max-width:85%; }

/* ボタン */
.btn01 a { width:250px; }

}

@media only screen and (min-width:1025px) {
/* ◆ ===== PC ===== ◆ */

/* 横幅 */
div.w { max-width:80%;  }
header div.w { max-width:100%; }

/* 全体配置 */
div.all { display:flex; justify-content:flex-start ; align-items:flex-start; flex-direction:row-reverse; margin:0 auto auto auto; max-width:1024px; }
div.right_content { box-sizing:border-box; position:fixed; width:260px; z-index:10; }
div.left_content { margin:0 260px 0 0; padding:0 45px 0 0; width:100vw; max-width:calc( 1024px - 260px ); }

/* ヘッダ */
header p.en_title { font-size:11px; }

/* イントロ */
div.intro { margin:0; padding:40px 0 20px 0; }
div.intro h1 { font-size:30px; padding:30px 0; }

/* コンテンツ */
div.content { margin:0 0 60px 0; }

/* 新聞ページ （旧データ）*/
div.old_flex { display:flex; justify-content:space-between; align-items:flex-start; }
div.old_flex div.old_flex_box { width:50%; }


}

@media only screen and (min-width:1200px) {
/* ◆ ===== クソデカ幅 ===== ◆ */

/* 横幅 */
header div.w { padding:0; max-width:100%; }

/* 全体配置 */
div.all { max-width:1200px; }
div.left_content { max-width:calc( 1200px - 260px ); }

/* イントロ */
div.intro { margin:0; }

/* コンテンツ */
div.content { margin:0 0 80px 0; }

}