@charset "utf-8";

/* CSS Document */

/***************************
 * 爆サイ.com　PC版css
 * └共通で使用するスタイル
 * ----------------------------
 * Copyright(C) 爆サイ.com All rights reserved.
 * http://bakusai.com
 ****************************/

/* ============================================================
 * ⚠ このファイルは複数ページから参照されている共通 CSS です。
 * 既存クラスのスタイル定義を変更すると、流用先の他ページの
 * レイアウトが崩れる可能性があります。
 *
 * 編集する前に必ず以下を確認してください:
 *   1) 変更対象クラスの使用箇所を grep で全件洗い出す
 *   2) 既存挙動への影響を判断する
 *   3) 影響が広い場合は直接編集せず、design.md §11.2 の
 *      「親スコープ」または「修飾子クラス」で拡張する
 * 詳細: /design.md §11
 * ============================================================ */
html {}
body {}
body#index {
	min-width: 980px;
}

:root {
	--bakusai_blue: #0d507e;
	--bakusai_l_blue: #e9f4fb;
	--bakusai_gray: #ccc;
	--bakusai_l_gray: #F8F8F8;
    --bakusai_green: #4A7A2A;
}

/*******************************
 *
 *　common
 *
 *******************************/

a {
	text-decoration:none;
	-webkit-transition: background .2s linear;
	transition: background .2s linear;
}
.cont a,
#rule #rule_box a {
	text-decoration: none;
}
a:hover {text-decoration:underline;	color:#F00;}

a.here {
	background-color: #FFF;
	border: 1px solid #ccc;
	border-radius: 2px;
	margin: 0 1px;
	padding: 2px 6px;
}

img {border: none;}

/* 配置位置 */
.floatRight {float:right;}
.floatLeft {float:left;}
.left {float:left;text-align:left;}
.right {float:right;text-align:right;}
.center {text-align:center!important; margin:auto;}

.noborder {border:none!important;}

/* 文字サイズ・太さ */
.xx-small {font-size:xx-small !important;}
.x-small {font-size:x-small !important;}
.small {font-size:small !important;}
.medium {font-size:medium !important;}
.large {font-size:large !important;}
.x-large {font-size:x-large !important;}
.xx-large {font-size:xx-large !important;}

/* 装飾 */
.bold {font-weight:bold!important;}
.normal, .nobold {font-weight: normal!important;}
.underline,.uline {text-decoration: underline;}
.blink {text-decoration: blink;}
.pointer {cursor:pointer;}

/* clearfix */
.clearfix {
	font-size:0;
	height:0;
	overflow:hidden;
	clear:both;
}
.clear {clear:both; font-size:1px; height:1px;}
.clear2 {clear:both;}
.clear hr {display:none;}

/* 色/color */
.red {color:#F00 !important;}
.semired {color:#F33 !important;}
.lightred {color: #F66 !important;}
.deepred {color: #A00 !important;}
.green {color: #0F0 !important;}
.deepgreen {color: #090 !important;}
.gray {color: #666 !important;}
.deepgray {color: #999 !important;}
.lightgray {color: #CCC !important;}
.blue {color: #00F !important;}
.lightblue {color: #36C !important;}
.orange {color: #FF9200 !important;}
.orange2 {color: #F60 !important;}
.pink {color:#FF6699 !important;}
.deeppink {color:#F0F !important;}
.yellow {color:#F90 !important;}
.black {color:#000 !important;}

/* スペーサー */
.sp5 {margin: 5px 0;}
.sp10 {margin: 10px 0;}

/* ボーダー装飾 */
.border_lightgray {
	border:2px solid #D9D9D9;
}
.border_dashed {
	border:#CCC 1px dashed;
	margin:5px 0;
}
.border_dotted {
	border:#CCC 1px dotted;
	margin:5px 0;
}


:focus {
	outline: none;
}

input, textarea {
	font-family: 'ＭＳ Ｐゴシック',sans-serif;
}

textarea,
input[type="text"],
input[type="search"] {
	ime-mode: active;
}

/* 非推奨ブラウザ対応 */
#notRecommended {
	background-color:#FFC;
	border:1px solid #C1C1C1;
	width:700px;
	margin:0 auto;
	font-size:12px;
}

#notRecommended table th,
#notRecommended table td {
	border-collapse:collapse;
	font-size:12px;
}

#notRecommended table tr:last-child th,
#notRecommended table tr:last-child td {
	background-color: #FFF;
}
span.emoji_font {
    font-family: Segoe UI Emoji;
}

/*******************************
 *
 *　旧ブラウザ使用者への通知
 *
 *******************************/
.ie6nomore {border-top: 1px solid #FF9999; border-bottom: 1px solid #FF9999; margin:0px auto 0 auto; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;}
.ie6nomore div.ienotice {position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;}
.ie6nomore div.nosupport {width: 670px; margin: 0 auto; padding: 0; overflow: hidden; color: black; text-align: center;}
.ie6nomore div.nosupport .iewarning {width: 75px; float: left;}
.ie6nomore div.nosupport .iemesse {width: 275px; float: left; font-family: Arial, sans-serif;}
.ie6nomore div.nosupport .iemesse .iemesseBody1 {font-size: 14px; font-weight: bold; margin-top: 12px; text-align: left;}
.ie6nomore div.nosupport .iemesse .iemesseBody2 {font-size: 12px; margin-top: 6px; line-height: 12px; text-align: left;}
.ie6nomore div.nosupport div[class*="Icon"] {width: 75px; float: left;}
.ie6nomore div.nosupport div[class*="Icon"] a {color: #FFF; display: table-cell !important; font-size: 15px; height: 70px; line-height: 16px !important; margin: 2px 0; padding: 0; position: relative; text-align: center; top: 3px; vertical-align: middle; width: 70px;}
.ie6nomore div.nosupport .mozIcon a {background-color:#D54C1C;}
.ie6nomore div.nosupport .ieIcon a {background-color:#00CCFF;}
.ie6nomore div.nosupport .safariIcon a {background-color:#0894E1;}
.ie6nomore div.nosupport .chromeIcon a {background-color:#149F5B;}

/*******************************
 *
 *　メニューカラム
 *
 *******************************/
.iry .fa.fa-angle-down {
	color: #999;
	margin-right: 1px;
	transform: rotate(50deg);
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
}

/*******************************
 *
 *　メイン
 *
 *******************************/
body {
	font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ ProN W3",sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
}
body:not(.header_body):not(.top_index){
    max-width: 1000px;
}
/* 掲示板のバナー・タイトル・ニュース等 */
div#container.container_header {
	background-color: transparent;
	border: medium none !important;
	border-collapse: collapse;
	margin: 0 auto;
	width: -webkit-calc(100% - 4%);
	width: calc(100% - 4%);
	max-width: 1000px;
}

#bbsTitleHeader {
	margin: 0 auto;
	width: 100%;
	min-width: 800px;
	position: relative;
}

#bbsTitleHeader .headerNews {
	vertical-align: middle;
	font-size: 14px;
	line-height: 17px;
	max-width: 350px;
	position: relative;
}
#bbsTitleHeader .headerNews .headerNewsWrap {
    width: 100%;
    position: relative;
    margin: auto 0px;
	display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
}
#bbsTitleHeader .headerNews a {
	vertical-align: middle;
    font-size: 14px;
    display: inline-block;
    overflow: hidden;
	width: calc(100% - 226px);
    white-space: nowrap;
    text-overflow: ellipsis;
}
#bbsTitleHeader .headerNews .headerNewsIcon {
	display: inline-block;
	background: #F95252;
	color: #FFF;
	font-size: 11px;
	line-height: 13px;
	padding: 2.5px 4px;
	border-radius: 10px;
	text-align: center;
	position: relative;
	vertical-align: middle;
	width: 75px;
	letter-spacing: 0.5px;
}
/* BAKUSAI-5592 ヘッダー最新ニュース サムネイル（A案・小サムネ1行）。ログインリンクに波及しないよう .headerNewsWrap 内にスコープ */
#bbsTitleHeader .headerNews .headerNewsWrap a {
	display: flex;
	align-items: center;
	gap: 6px;
}
#bbsTitleHeader .headerNews .headerNewsThumb {
	flex: 0 0 auto;
	width: 26px;
	height: 26px;
	border-radius: 3px;
	object-fit: cover;
	border: 1px solid #cbd3db;
	background: #dfe4ea;
}
#bbsTitleHeader .headerNews .headerNewsText {
	min-width: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#bbsTitleHeader .bbsTitle {
	min-width: 310px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	vertical-align: middle;
	width: -webkit-calc(100% - 492px);
	width: calc(100% - 492px);
}
#bbsTitleHeader .bbsTitle h1 {
	font-size: 15px;
	margin: 0 auto;
}

#bbsTitleHeader .bbsTitle h1 br {
	display: none;
}

@media (max-width: 1023px) {
	div#container.container_header {
		width: -webkit-calc(100% - 2%);
		width: calc(100% - 2%);
	}
}

/* 郡詳細・町村名 */
#largeBbsTitle .countyWrap {
	background: transparent;
	border-spacing: 0;
	color: #FFF;
	font-size: 14px;
	margin: 0 2%;
	text-align: left;
	max-width: -webkit-calc(100% - 4%);
	max-width: calc(100% - 4%);
}

#largeBbsTitle .countyWrap th.countyTitle {
	font-weight: normal;
	line-height: 15px;
	height: 50px;
	padding: 0;
	text-align: center;
	min-width: 80px;
	max-width: 800px;
	vertical-align: middle;
	white-space: nowrap;
}
#largeBbsTitle .countyWrap h1 {
	background: #164e79;
	border-radius: 5px;
	color: #FFF;
	font-weight: normal;
	font-size: 20px;
	padding: 11px 10px;
	margin: 0;
	text-align: center;
	min-height: 20px;
	line-height: 20px;
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
    display: flex;
    align-items: center;
}

#largeBbsTitle .countyWrap.thr-title-roman__wrap h1 {
    padding: 5px 5px 1px;
    line-height: 18px;
    min-height: 26px;
}

.thr-title-roman__text {
    text-align: left;
    font-size: 14px;
    color: #000;
    padding: 0 0 0 2px;
}

#largeBbsTitle .countyWrap .county {
	padding: 0 10px 0 15px;
	color: #000;
}

#largeBbsTitle .countyWrap .county i {
	font-size: 18px;
	padding-right: 4px;
	line-height: 18px;
	color: #787F84;
}

#largeBbsTitle .countyWrap .town,
#largeBbsTitle .countyWrap .words {
	font-size: 14px;
	font-weight: normal;
	height: 30px;
	line-height: 15px;
	vertical-align: middle;
	display: table-cell;
	text-align: left;
}
#largeBbsTitle .countyWrap .town::after {
	content: "\30FB";
}
#largeBbsTitle .countyWrap .town:last-child::after {
	content: "";
}

#largeBbsTitle .countyWrap .words {
	font-weight: bold;
	padding-right: 3px;
}
#largeBbsTitle .countyWrap .postscript {
	font-size: 15px;
	font-weight: normal;
	height: 15px;
	line-height: 15px;
	vertical-align: middle;
	display: table-cell;
	text-align: left;
	padding-right: 10px;
}

#largeBbsTitle .baloon {
	background: #FFF;
	border: 4px solid #bdbdbd;
	border-radius: 7px;
	padding: 1px 6px;
	position: relative;
	display: block;
	margin: 0 5px;
	z-index: 0;
}

#largeBbsTitle .baloon::before {
	border-top: 9px solid transparent;
	border-right: 10px solid #FFF;
	border-bottom: 9px solid transparent;
	border-left: 0px solid transparent;
	content: "";
	position: absolute;
	left: -10px;
	top: 8px;
	z-index: -1;
}
#largeBbsTitle .baloon::after {
	border-top: 10px solid transparent;
	border-right: 11px solid #bdbdbd;
	border-bottom: 10px solid transparent;
	border-left: 0px solid transparent;
	content: "";
	position: absolute;
	left: -15px;
	top: 7px;
	z-index: -2;
}


#largeBbsTitle {
    background: #EEE url("https://img2.bakusai.com/p/img/itokioTrio_default.png") no-repeat left 2% bottom -25px;
    /* イベント期間中の itokio は inc_pc_header.html の {{if $smarty.now …}} で背景画像だけ差し替える（期間外はこの通常画像のまま） */
}


#largeBbsTitle {
	-webkit-background-size: 180px auto;
	background-size: 180px auto;
	border-spacing: 0;
	min-height: 45px;
	margin: 2px auto 10px;
	padding: 2px 0;
	min-width: 800px;
    max-width: 1000px;
	width: 100%;
	vertical-align: middle;
}

#largeBbsTitle .countyWrap {
	background: transparent;
	border-spacing: 0;
	color: #FFF;
	font-size: 14px;
	margin: 3px 2% 3px -webkit-calc(180px + 2%);
	margin: 3px 2% 3px calc(180px + 2%);
	text-align: left;
	max-width: -webkit-calc(100% - 4%);
	max-width: calc(100% - 4%);
}
#largeBbsTitle .countyWrap .county {
	padding: 0 0 0 10px;
	color: #000;
}
#largeBbsTitle .baloon {
	background: #fff;
	border: 0px solid #fff;
	border-radius: 3px;
	padding: 2px;
	position: relative;
	display: block;
	margin: 0 5px;
	z-index: 0;
	box-shadow: 1px 1px 1px #BCBCBC;
}
#largeBbsTitle .baloon::before {
	border-top: 9px solid transparent;
	border-right: 11px solid #FFF;
	border-bottom: 9px solid transparent;
	border-left: 0px solid transparent;
	content: "";
	position: absolute;
	left: -11px;
	top: 13px;
	z-index: -1;
}
#largeBbsTitle .baloon::after {
	border-top: 10px solid transparent;
	border-right: 11px solid #C6C6C6;
	border-bottom: 10px solid transparent;
	border-left: 0px solid transparent;
	content: "";
	position: absolute;
	left: -11px;
	top: 13px;
	z-index: -2;
}
#largeBbsTitle .countyWrap table {
	border: 0px solid #fff;
}
#largeBbsTitle .countyWrap th.countyTitle,
#largeBbsTitle .countyWrap th.countyTitle {
	font-weight: normal;
	line-height: 15px;
	height: auto;
	padding: 0 3px;
	text-align: center;
	min-width: 80px;
	max-width: 800px;
}
#largeBbsTitle .countyWrap th.countyTitle + td {
	padding: 0;
}
#largeBbsTitle .countyWrap h1 {
	background: transparent;
	border-radius: 2px;
	color: #000;
	font-weight: normal;
	font-size: 18px;
	padding: 5px;
	margin: 0;
	text-align: center;
	min-height: 32px;
	line-height: 32px;
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
#largeBbsTitle .countyWrap .town,
#largeBbsTitle .countyWrap .words {
	font-size: 14px;
	font-weight: normal;
	height: 30px;
	line-height: 15px;
	vertical-align: middle;
	display: table-cell;
	text-align: left;
	padding: 0 5px 0 10px;
	border-radius: 0 3px 3px 0;
	word-break: break-all;
	border-left: 2px #E1E1E1 solid;
}

#largeBbsTitle .countyWrap .words {
	font-weight: bold;
	padding-right: 3px;
	font-size: 15px;
}

/* だぬき画像(bid223,524,525のみ) */
#largeBbsTitle.danuki_banner223 {
    background: #EEE url(https://img2.bakusai.com/p/img/danuki_img/danukiTrio_bbs223.svg) no-repeat left 0.6% bottom -1px;
    background-size: 195px;
}
#largeBbsTitle.danuki_banner524 {
    background: #EEE url(https://img2.bakusai.com/p/img/danuki_img/danukiTrio_bbs524.svg) no-repeat left 0.5% bottom -2px;
    background-size: 195px;
}
#largeBbsTitle.danuki_banner525 {
    background: #EEE url(https://img2.bakusai.com/p/img/danuki_img/danukiTrio_bbs525.svg) no-repeat left 1% bottom -1px;
    background-size: 195px;
}

/* スレ・レスタイトル全国共通カテゴリ―に全国アイコン追加 */
/* 全国アイコン非表示  ※全国アイコンを付けたくない物を:not([title$="〇〇掲示板"])と追加 */
div.baloon table tbody tr th.countyTitle:not([title$="検索結果"]):not([title$="体験談"]):not([title$=" 掲示板"]):not([title$="　掲示板"]):not([title$="特集カテ掲示板"]):not([title$="天気・災害掲示板"]):not([title$="災害掲示板"]):not([title$="生命保険・損害保険掲示板"]):not([title$="自衛隊・軍事掲示板"]):not([title$="高校野球掲示板"]):not([title$="野球総合掲示板"]):not([title$="サッカー総合掲示板"]):not([title$="スポーツ・施設掲示板"]):not([title$="雑談掲示板"]):not([title$="首都圏雑談掲示板"]):not([title$="雑談総合掲示板"]):not([title$="区雑談掲示板"]):not([title$="島雑談掲示板"]):not([title$="地方雑談掲示板"]):not([title$="市雑談掲示板"]):not([title$="町雑談掲示板"]):not([title$="村雑談掲示板"]):not([title$="郡雑談掲示板"]):not([title$="いじめ総合掲示板"]):not([title$="同窓会掲示板"]):not([title$="お水掲示板"]):not([title$="コンカフェ・ガルバ掲示板"]):not([title$="外国人パブ・クラブ掲示板"]):not([title$="外国人パブ・クラブ 掲示板"]):not([title$="ゲイバー掲示板"]):not([title$="ホスト掲示板"]):not([title$="新地総合掲示板"]):not([title$="新地個人掲示板"]):not([title$="社交街掲示板"]):not([title$="風俗・出張ホスト掲示板"]):not([title$="ｳﾘ専･出張ﾎｽﾄ･ﾏｯｻｰｼﾞ掲示板"]):not([title$="ｳﾘ専･出張ﾎｽﾄ･ﾏｯｻｰｼﾞ総合掲示板"]):not([title$="マッサージ掲示板"]):not([title$="マッサージ総合掲示板"]):not([title$="出会い系総合掲示板"]):not([title$="パパ活・出会い系総合掲示板"]):not([title$="ハッテン場掲示板"]):not([title$="レズビアン掲示板"]):not([title$="ゲイ総合掲示板"]):not([title$="マッチング掲示板"]):not([title$="女装子・ﾆｭｰﾊｰﾌ総合掲示板"]):not([title$="LGBT総合掲示板"]):not([title$="グルメ・飲食総合掲示板"]):not([title$="ラーメン掲示板"]):not([title$="一般求人掲示板"]):not([title$="風俗求人掲示板"]):not([title$="お水・ホスト求人掲示板"]):not([title$="会社・就活掲示板"]):not([title$="サークル掲示板"]):not([title$="釣り･漁･漁協雑談掲示板"]):not([title$="釣り･漁･漁協画像掲示板"]):not([title$="釣り･漁･漁協掲示板"]):not([title$="クラブ・ディスコ・フェス掲示板"]):not([title$="お祭り・イベント掲示板"]):not([title$="遊園地・レジャー施設掲示板"]):not([title$="遊園地・ﾚｼﾞｬｰ施設掲示板"]):not([title$="不良・族掲示板"]):not([title$="不良･刑務所掲示板"]):not([title$="ﾍｱｰｻﾛﾝ・ｴｽﾃ掲示板"]):not([title$="ﾍｱｰｻﾛﾝ･ｴｽﾃ掲示板"]):not([title$="ママ・育児掲示板"]):not([title$="ママ･育児掲示板"]):not([title$="不倫・略奪愛掲示板"]):not([title$="TV実況中継掲示板"]):not([title$="テレビ・ラジオ番組掲示板"]):not([title$="ﾊﾟﾁﾝｺ・ｽﾛｯﾄ店掲示板"]):not([title$="ﾊﾟﾁﾝｺ・ｽﾛｯﾄ総合掲示板"]):not([title$="パチンコイベント総合掲示板"]):not([title$="コロナ・感染症掲示板"]):not([title$="病院・医師掲示板"]):not([title$="福祉・介護掲示板"]):not([title$="運輸・交通掲示板"]):not([title$="土木・建設掲示板"]):not([title$="沖縄情報掲示板"]):not([title$="岐阜ボーイ掲示板"]):not([title$="岐阜情報掲示板"]):not([title$="中国雑談掲示板"]):not([title$="上海雑談掲示板"]):not([title$="北京雑談掲示板"]):not([title$="大連雑談掲示板"]):not([title$="香港雑談掲示板"]):not([title$="台湾雑談掲示板"]):not([title$="韓国雑談掲示板"]):not([title$="バンコク雑談掲示板"]):not([title$="タイ南部総合掲示板"]):not([title$="タイ雑談総合掲示板"]):not([title$="タイ北部総合掲示板"]):not([title$="パタヤ雑談掲示板"]):not([title$="タイ中部総合掲示板"]):not([title$="チェンマイ雑談掲示板"]):not([title$="タイ東北部総合掲示板"]):not([title$="タイ東部総合掲示板"]):not([title$="タイビザ情報掲示板"]):not([title$="インドネシア雑談掲示板"]):not([title$="バリ雑談掲示板"]):not([title$="マニラ雑談掲示板"]):not([title$="ベトナム雑談掲示板"]):not([title$="アメリカ雑談掲示板"]):not([title$="(雑談) 掲示板"]):not([title$="(雑談) 総合掲示板"]):not([title$="アメリカ料理・レシピ掲示板"]):not([title$="アメリカお悩み相談・愚痴掲示板"]):not([title$="ロシア雑談掲示板"]):not([title$="ウクライナ雑談掲示板"]):not([title$="インドネシアビジネス掲示板"]):not([title$="医療掲示板"]):not([title$="マーケット掲示板"]):not([title$="グルメ・飲食掲示板"]):not([title$="美しい風景掲示板"]):not([title$="ウォンテッド掲示板掲示板"]):not([title$="中国画像掲示板"]):not([title$="台湾画像掲示板"]):not([title$="タイ画像掲示板"]):not([title$="海外画像総合掲示板"]):not([title$="ナイトライフ掲示板"]):not([title$="ナイトライフ総合掲示板"]):not([title$="お店掲示板"]):not([title$="・個人掲示板"]):not([title$="･個人掲示板"]):not([title$="・総合掲示板"]):not([title$="･総合掲示板"]) h1::after {
    content: "全国";
    background-color: #ffffff;
    border: 1px solid #93bb77;
    color: #4a7a2a;
    border-radius: 2px;
    float: right;
    font-size: 12px;
    height: 16px;
    line-height: 17px;
    margin: auto 4px;
    padding: 0px 3px;
    position: relative;
}

/* 全国アイコン表示  ※:notで除外されているが、全国アイコンを付けたいカテ */
div.baloon table tbody tr th.countyTitle[title$="全国掲示板"] h1::after,
div.baloon table tbody tr th.countyTitle[title$="なれあい雑談掲示板"] h1::after,
div.baloon table tbody tr th.countyTitle[title$="全国雑談総合掲示板"] h1::after,
div.baloon table tbody tr th.countyTitle[title$="全国パパ活・出会い系総合掲示板"] h1::after,
div.baloon table tbody tr th.countyTitle[title$="全国LGBT総合掲示板"] h1::after,
div.baloon table tbody tr th.countyTitle[title$="全国メンエス・リフレ・癒し・総合掲示板"] h1::after,
div.baloon table tbody tr th.countyTitle[title$="全国高校野球総合掲示板"] h1::after,
div.baloon table tbody tr th.countyTitle[title$="全国プロ野球総合掲示板"] h1::after,
div.baloon table tbody tr th.countyTitle[title$="全国野球総合掲示板"] h1::after,
div.baloon table tbody tr th.countyTitle[title$="全国サッカー総合掲示板"] h1::after,
div.baloon table tbody tr th.countyTitle[title$="全国グルメ・飲食総合掲示板"] h1::after,
div.baloon table tbody tr th.countyTitle[title$="ニュース雑談総合掲示板"] h1::after,
div.baloon table tbody tr th.countyTitle[title$="チョットHな雑談掲示板"] h1::after,
div.baloon table tbody tr th.countyTitle[title$="ネタ雑談掲示板"] h1::after,
div.baloon table tbody tr th.countyTitle[title$="Hなサークル掲示板"] h1::after,
div.baloon table tbody tr th.countyTitle[title$="鉄道・電車 掲示板"] h1::after,
div.baloon table tbody tr th.countyTitle[title$="AKB48・個人掲示板"] h1::after,
div.baloon table tbody tr th.countyTitle[title$="AKB48・総合掲示板"] h1::after,
div.baloon table tbody tr th.countyTitle[title$="SKE48・個人掲示板"] h1::after,
div.baloon table tbody tr th.countyTitle[title$="HKT48・個人掲示板"] h1::after,
div.baloon table tbody tr th.countyTitle[title$="坂道ｼﾘｰｽﾞ・個人掲示板"] h1::after,
div.baloon table tbody tr th.countyTitle[title$="全国ウリ専・マッサージ総合掲示板"] h1::after,
div.baloon table tbody tr th.countyTitle[title$="ハプニングバー・総合掲示板"] h1::after,
div.baloon table tbody tr th.countyTitle[title$="ハプニングバー・お店掲示板"] h1::after {
    content: "全国" !important;
    background-color: #ffffff;
    border: 1px solid #93bb77;
    color: #4a7a2a;
    border-radius: 2px;
    float: right;
    font-size: 12px;
    height: 16px;
    line-height: 17px;
    margin: auto 4px;
    padding: 0px 3px;
    position: relative;
}

/* ウォンテッド（ctgid=159）は板名が変わっても全国バッジを出さない。上の :not 連鎖は詳細度が高い */
div.baloon table tbody tr th.countyTitle[data-ctgid="159"] h1::after {
    content: none !important;
}

/* 郡詳細・町村名 */
.countyWrap {
	background: #FFF;
	color: #000;
	text-align: left;
	margin: 0 auto;
}
.countyWrap table {
	border: 1px solid #fff;
	border-radius: 4px;
	padding: 0;
	margin: 0;
	border-spacing: 0;
}
.countyTitle {
	font-weight: normal;
	text-align: center;
	line-height: 15px;
	vertical-align: middle;
	min-width: 80px;
}
.countyWrap .county {
	vertical-align: middle;
	line-height: 10px;
	margin: 0;
	text-align: left;
	padding-left: 5px;
	width: -webkit-calc(100% - 62px);
	width: calc(100% - 62px);
}
.countyWrap .town {
	font-weight: normal;
	font-size: 13px;
	height: 15px;
	line-height: 15px;
	vertical-align: middle;
	display: inline;
	text-align: left;
}
.countyWrap .town::after {
	content: "\30FB";
}
.countyWrap .town:last-child::after {
	content: "";
}
#wrapper{
    max-width: 1000px;
}

/* 掲示板の枠 */
#container {
	border: 1px solid #666;
	border-collapse: separate;
	border-spacing: 1px;
	margin: 0 auto 5px;
	padding: 2px;
	width: 96%;
	font-size: 14px;
	display: table;
	max-width: 1000px;
}
#container.main_page {
	margin: 0 auto 5px;
}



/* 掲示板の内枠 */
#container table#inner_container {
	background-color: #FFF;
	border: 1px solid #000;
	min-width: 795px;
	width:100%;
}

hr {
	margin:3px 0;
	height:1px;
	width:100%;
	border-top:1px solid #999;
	border-bottom:none;
	border-left:none;
	border-right:none;
	z-index: 1;
}

/* 総投稿○○件突破！！ */
#comment {
	text-align:center;
	margin:20px 0 20px 0;
	font-size:18px;
	font-weight:bold;
}


/* アクセスランキング国内第○○位！ */
#comment .trafficRank a {
	color: #00F;
	display: inline-block;
	margin: 5px 0 0;
}

#comment .trafficRank span.green {
	color: #090;
}

#menu {margin:0 auto;}

#menu ul {
	width:800px;
	height:30px;
	list-style:none;
	text-align:center;
	margin:0 auto 10px auto;
	padding: 0;
}

#menu li {
	display: inline-block;
	float:none;
	margin: 0 auto;
}

#menu a {
	width:55px;
	height:20px;
	display:block;
	padding:10px 0 0 0;
	color:#BA3A51;
	font-size:12px;
}

#menu a:hover {
	color:#6D1928;
}

/*******************************
 *
 *　カテゴリ一覧
 *
 *******************************/
#menu-body {
	width:auto;
	margin:0 auto;
	padding:0;
    margin-right: 5px;
	text-align:left;
}
#menu-body:hover {
    overflow-y: scroll
}
#menu-body::-webkit-scrollbar{
    width: 7px;
}
#menu-body::-webkit-scrollbar-thumb{
    background-color: #fff;
    border-radius: 10px;
}
#menu-body:hover::-webkit-scrollbar-thumb,
#menu-body::-webkit-scrollbar-thumb:hover{
    background-color: rgb(197, 197, 197);
}


#ctgmenu {
	margin: 0 0 0 auto;
	padding: 0;
	width: 100%;
	max-width: 200px;
	color: #333;
	overflow-x: hidden;
}
#ctgmenu p {
	margin:10px 5px;
}

.menuTopAds {
    text-align: center;
    margin: 0px auto 16px;
    width: 190px;
    box-sizing: border-box;
    padding: 12px 0px 0px;
    border-top: 1px solid #c8cfd5;
}
.menuTopAds_link {
    border: 1px solid #D4D4D4;
    display: inline-block;
    width: 165px;
    height: 109px;
    box-sizing: border-box;
    margin: auto;
}
.menuTopAds_link img {
    vertical-align: top;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    display: block;
}

.ctg_box {
	background-color: #F6F6F6;
	margin: 0 0 12px auto;
	padding: 1px 0 3px;
	text-align: left;
	position: relative;
	width: 190px;
}
.ctg_box ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
.ctg_box li {
	border-bottom: 1px solid #c8cfd5;
	margin: 0;
    padding: 4px 0px;
}

ul li#pickup_1 a,
ul li#pickup_2 a,
ul li#pickup_3 a,
ul li#pickup_4 a {
    padding: 0 0 0 2px !important;
}
/* 旭川市・酒田市いじめ総合ピックアップ時にbefore　content: "└";非表示 */
ul li#pickup_1 a::before,
ul li#pickup_2 a::before,
ul li#pickup_3 a::before,
ul li#pickup_4 a::before {
    display: none !important;
}

.bg_camera {
	background: url("https://img2.bakusai.com/p/pictograms/D/F8E2.gif") no-repeat right transparent;
	margin: 0;
}
.ctg_box i.fa.fa-caret-right {
	color: #94a3ae;
	text-align: center;
	transition: all 0.1s ease-in-out 0s;
	width: 7px;
}
.ctg_title,
.bg_rec,
.bg_guide {
	background: #F6F6F6;
	background-color: #F6F6F6;
	border-bottom: 3px solid #0d507e;
	color: #000;
	margin-bottom: 2px;
	padding: 2px;
	width: auto;
}

.ctg_title i.fa {
	color: #0d507e;
	text-align: center;
	width: 17px;
}
.balloon2-top {
    position: relative;
    display: inline-block;
    margin: 0px 0px 5px 2px;
    padding: 4px 3px;
    color: #555;
    font-size: 14px;
    background: #FFF;
    border: solid 1px #555;
    box-sizing: border-box;
    border-radius: 2px;
    max-width: calc(100% + 14px);
    transform-origin: top left;
    transform: scale(0.9, 1);
}
  .balloon2-top:before,
  .balloon2-top:after{
    content: "";
    position: absolute;
    left: 20%;
  }
  .balloon2-top:before {
    position: absolute;
    top: -15px;
    margin-left: -16px;
    border: 12px solid transparent;
    border-bottom: 12px solid #FFF;
    z-index: 2;
  }
  .balloon2-top:after {
    position: absolute;
    top: -9px;
    margin-left: -9px;
    border: 5px solid transparent;
    border-bottom: 4px solid #555;
    z-index: 1;
  }
  #ctgmenu .balloon2-top p {
    margin: 0;
    padding: 0;
    z-index: 3;
    font-size: 14px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    letter-spacing: -0.6px;
}

/* orympic */
.cate_olympic ul {
    background: url(https://img2.bakusai.com/p/img/pickup/olympic2022_back.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    padding: 40px 7px 97px;
}

.cate_olympic li {
    background: #fff;
    padding-left: 4px;
}

.cate_olympic li:first-child {
    border-radius: 5px 5px 0 0;
}

.cate_olympic li:last-child {
    border-radius: 0 0 5px 5px;
}

.cate_olympic:after {
    content: "";
    background: url(https://img2.bakusai.com/p/img/pickup/olympic2022_under.png) no-repeat;
    width: 152px;
    height: 110px;
    display: block;
    position: absolute;
    background-size: contain;
    z-index: 3;
    bottom: 0px;
}

/* 甲子園特集 */

.cate_koshien .ctg_title.bg_new {
    border-bottom: 3px solid #3aac4c;
}

.cate_koshien div#pickup_list_wapper:before {
    background: url(https://img2.bakusai.com/p/img/tokushu/koshien_top_02.png);
    height: 2.6rem;
}
.cate_koshien div#pickup_list_wapper:after {
    background: url(https://img2.bakusai.com/p/img/tokushu/koshien_bottom_02.png);
    height: 2.3rem;
}

.cate_koshien div#pickup_list_wapper:before,
.cate_koshien div#pickup_list_wapper:after {
    content: "";
    width: 100%;
    display: block;
    background-size: cover;
	background-repeat: no-repeat;
}

.cate_koshien ul li,
div#pickup_collaboration_thr {
	border-left: solid 3px #88a060;
    border-right: solid 4px #88a060;
}

.ctg_box.cate_koshien li a,
div#pickup_collaboration_thr a {
    display: flex;
    align-items: center;
}
.cate_koshien li:nth-of-type(odd) {
    border-bottom: none;
}

.cate_koshien ul a:before {
    content: '';
    width: 20%;
    right: 10px;
    border: 1px solid #909090;
    position: absolute;
    z-index: 1;
}

.cate_koshien ul a:after {
    content: '';
    width: 6px;
    right: 7px;
    border: 0.5px solid #909090;
    position: absolute;
    z-index: 1;
    transform: rotate(90deg);
}
.cate_koshien ul li:nth-of-type(odd) a:after {
    margin-top: 6px;
}
.cate_koshien ul li:nth-of-type(even) a:after {
	margin-top: -6px;
}

#ctgmenu .ctg_box.cate_koshien li a p.icon_baseball,
div#pickup_collaboration_thr p.icon_baseball {
    padding-right: 1px;
	margin: auto 0 auto -2px;
	font-size: 10px;
	line-height: normal;
}
#ctgmenu .ctg_box.cate_koshien li a p,
div#pickup_collaboration_thr p {
    z-index: 2;
    background: #F6F6F6;
    line-height: initial;
    box-sizing: border-box;
    margin: 7px 0;
    padding-right: 5px;
	letter-spacing: 0.3px;
}
#ctgmenu .ctg_box.cate_koshien li a:hover p,
div#pickup_collaboration_thr a:hover p {
    background: #eee;
}
.koshien_school {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 152px;
    gap: 4px;
}
.koshien_school_name {
    display: inline-block;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
}
div#pickup_collaboration_thr .koshien_school {
    width: 163px;
}
.koshien_score_victory {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
    justify-content: flex-start;
    min-width: 35px;
    font-size: 13px;
}
.koshien_score,
.koshien_victory {
    flex: 0 1 auto;
}
.koshien_score {
    width: 15px;
    text-align: right;
}
.koshien_victory {
    font-family: Segoe UI Emoji;
}

.ctg_box.cate_koshien li:nth-of-type(even):before {
    content: "🆚";
    position: relative;
    bottom: 5px;
    width: 98%;
    text-align: right;
    display: block;
    line-height: 0.3;
}
/* 甲子園特集時、第～試合と表示 不要の場合コメントアウト*/
div#pickup_list_wapper {
    background: #88a060;
}
.cate_koshien ul li,
div#pickup_collaboration_thr {
    background-color: #F6F6F6;
}
.cate_koshien ul li:nth-of-type(odd) {
    padding: 8px 0px 4px;
    margin: 16px 0px 0px;
}
.cate_koshien ul li:nth-of-type(even) {
    padding: 4px 0px;
}
.cate_koshien ul li:first-child {
    margin: 0px;
}
.mac {
    .cate_koshien ul li:first-child {
        margin: 0px !important;
    }
    .cate_koshien ul li:nth-of-type(odd) {
        margin: 28px 0px 0px !important;
    }
    div#pickup_collaboration_thr {
        margin: 0px 0px 24px !important;
    }
}
#pickup_match_list li:nth-child(1)::before,
#pickup_match_list li:nth-child(3)::before,
#pickup_match_list li:nth-child(5)::before,
#pickup_match_list li:nth-child(7)::before {
    padding: 4px 8px;
    display: block;
    position: absolute;
    z-index: 3;
    left: 50%;
    transform: translate(-50%, -95%);
    background-color: rgb(132, 95, 17);
    color: #FFF;
    font-size: 12px;
}
#pickup_match_list li:nth-child(1)::before {
    content: "第一試合";
}
#pickup_match_list li:nth-child(3)::before {
    content: "第二試合";
}
#pickup_match_list li:nth-child(5)::before {
    content: "第三試合";
}
#pickup_match_list li:nth-child(7)::before {
    content: "第四試合";
}
/* 延期時の表示対応 */
ul#pickup_match_list li[data-label*="順延"] + li[data-label^=" "],
ul#pickup_match_list li[data-label*="順延"] + li[data-label^="　"],
ul#pickup_match_list li[data-label*="延期"] + li[data-label^=" "],
ul#pickup_match_list li[data-label*="延期"] + li[data-label^="　"],
ul#pickup_match_list li[data-label*="中止"] + li[data-label^=" "],
ul#pickup_match_list li[data-label*="中止"] + li[data-label^="　"],
ul#pickup_match_list li[data-label*="休養日"] + li[data-label^=" "],
ul#pickup_match_list li[data-label*="休養日"] + li[data-label^="　"] {
    display: none;
}
ul#pickup_match_list li[data-label*="順延"],
ul#pickup_match_list li[data-label*="延期"],
ul#pickup_match_list li[data-label*="中止"],
ul#pickup_match_list li[data-label*="休養日"] {
    padding: 4px 0px;
    margin: 20px 0px 0px;
}
ul#pickup_match_list li[data-label*="順延"] a:before,
ul#pickup_match_list li[data-label*="順延"] a:after,
ul#pickup_match_list li[data-label*="延期"] a:before,
ul#pickup_match_list li[data-label*="延期"] a:after,
ul#pickup_match_list li[data-label*="中止"] a:before,
ul#pickup_match_list li[data-label*="中止"] a:after,
ul#pickup_match_list li[data-label*="休養日"] a:before,
ul#pickup_match_list li[data-label*="休養日"] a:after {
    display: none;
}


/* sangiinsenkyo */
.cate_sangiinsenkyo ul {
    background: url(https://img2.bakusai.com/p/img/pickup/sangiinsenkyo2022/sangiinsenkyo_back.jpg);
    background-size: contain;
    background-repeat: no-repeat;
		padding: 47px 7px 105px;
    background-size: 100%;
}

.cate_sangiinsenkyo li {
    background: #fff;
    padding-left: 4px;
}

.cate_sangiinsenkyo li:first-child {
    border-radius: 5px 5px 0 0;
}

.cate_sangiinsenkyo li:last-child {
    border-radius: 0 0 5px 5px;
}

.cate_sangiinsenkyo:after {
    content: "";
    background: url(https://img2.bakusai.com/p/img/pickup/sangiinsenkyo2022/sangiinsenkyo_under.png) no-repeat;
    width: 152px;
    height: 110px;
    display: block;
    position: absolute;
    background-size: contain;
    z-index: 3;
    bottom: 0px;
}

/* メニューリストのカテゴリアイコン */
.ctg_title i.fa.fa-search,
.ctg_title i.fa.fa-flag,
.ctg_title i.fa.fa-star,
.ctg_title i.fa.fa-comments,
.ctg_title i.fa.fa-info-circle,
.pnTitle i.fa.fa-star,
.nfTitle i.fa.fa-desktop,
.nfTitle i.fa.fa-comment,
.nfTitle i.fa.fa-bolt,
.nfTitle i.fa-globe {
	background-color: #C8C8C8;
	border-radius: 2px;
	color: #fff !important;
	font-size: 14px;
	height: 20px;
	line-height: 19px;
	margin-right: 2px;
	text-align: center;
	vertical-align: middle;
	width: 20px;
}
.ctg_title i.fa.fa-search {
	background-color: #b1c4d2;
}
.ctg_title i.fa.fa-flag,
.nfTitle i.fa.fa-bolt {
	background-color: #DC8686;
}
.ctg_title i.fa.fa-star,
.pnTitle i.fa.fa-star {
	background-color: #EAD056;
}
.ctg_title i.fa.fa-comments,
.nfTitle i.fa.fa-comment {
	background-color: #62C66E;
}
.ctg_title i.fa.fa-info-circle,
.nfTitle i.fa.fa-desktop {
	background-color: #768DBE;
	line-height: 20px;
}

.ctg_box .ctg_title .ctgIcon {
	display: inline-block;
	vertical-align: middle;
}
.ctg_box .ctg_title .ctgIcon > img {
	border-radius: 2px;
	height: 20px;
	margin-right: 3px;
	width: 20px;
}
.ctg_box .ctg_title .ctgTitle {
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	max-width: 160px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
    font-feature-settings: "palt" 1;
}
.ctg_box .ctg_title:has(div.newBadge) .ctgTitle,
div.Featured_ctgTitle {
    max-width: 130px;
}
.ctg_box .ctg_title .ctgTitle.thinTitle {
	letter-spacing:-0.06em;
}
.thinTitle_kerning_02 {
    letter-spacing: -0.12em !important;
}
.ctg_box ul span {
    letter-spacing: -1px;
}

.nfTitle i.fa-globe {
	background-color: #639bc4;
}

.nfTitle img {
	border-radius: 2px;
	height: 20px;
	vertical-align: middle;
	width: 20px;
}

.nfTitle .ctgIcon,
.pnTitle .ctgIcon,
.nfTitle .ctgTitle,
.pnTitle .ctgTitle {
	display: inline-block;
	font-size: 14px;
	margin-right: 5px;
	vertical-align: middle;
}

.ctg_box li:last-child {
	border-bottom: none!important;
}

.ctg_box li a,.ctg_box li span.hokkaido-zatsudan,
div#pickup_collaboration_thr {
    font-size: 14px;
	display: block;
	padding: 0 0 0 2px;
	transition: all 0.1s ease-in-out 0s;
	line-height: 23px;
	min-height: 23px;
    word-break: keep-all;
    letter-spacing: -0.5px;
    font-feature-settings: "palt" on;
    width: 100%;
    box-sizing: border-box;
    max-width: 190px;
}
div#pickup_collaboration_thr {
    padding: 4px 0px 4px 2px;
    margin: 0px 0px 16px;
}
.mac {
    /* Mac OSのみ */
    .ctg_box li a,.ctg_box li span.hokkaido-zatsudan {
        letter-spacing: -0.7px;
    }
}

.menu_emoji {
    letter-spacing: 0px !important;
    margin-right: 1px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 17px;
    font-size: 15px;
    font-family: Segoe UI Emoji;
    position: relative;
    text-decoration: none !important;
    color: #000;
    flex: 0 0 auto;
}
.menu_emoji:link,
.menu_emoji:visited,
.menu_emoji:hover,
.menu_emoji:active {
    text-decoration: none;
    text-decoration-color: none;
    color: #000;
}

.ctg_box li a:hover {
	background-color: #eee;
}

/* NEWバッヂ */
#ctgmenu .newBadge {
	background-color: #ffcb00;
	border-radius: 2px;
	color: #000;
	float: right;
	font-family: monospace;
	font-size: 12px;
	height: 14px;
	line-height: 15px;
	margin: 2px 0;
	padding: 0 2px;
	vertical-align: middle;
}

/* オリンピックNEWバッジ */
#ctgmenu .ctg_box.border_new.cate_olympic .newBadge {
    padding: 0 2px;
    margin: 3px 0;
}

/* Chrome */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
	#ctgmenu .newBadge {
		line-height: 16px;
	}
}

#ctgmenu h1 {
	font-family: "Meiryo mod 12pt AA", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","monospace" !important;
	font-size: 14px !important;
	font-weight: normal !important;
	margin: 0 0 7px auto;
	padding: 0px !important;
	height: 30px;
	line-height: 30px;
	max-width: 188px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
}
/*******************************
 *
 *　検索生中継
 *
 *******************************/
#title_realsearch,
#title_realserch {
	font-size: 15px;
	letter-spacing: 1px;
	margin: 5px auto;
	text-align: center !important;
}

#realsearch,
#realserch {
	height: 75px;
	letter-spacing: 0;
	margin: 3px auto;
	text-align: left;
	width: 470px;
}

.repolist {
	height: 50px;
	letter-spacing: 0;
	line-height: 19px;
	margin: 0 auto 10px;
	width: 815px;
}

/*******************************
 *
 *　新グローバルメニュー
 *
 *******************************/
#global_header {
	display: table;
	width:100%;
    position: relative;
    z-index: 10001;
}
#global_menu {
	background: #f5f5f5;
	border-bottom: 1px solid #e7e7e7;
	height: 30px;
	margin: 1px auto;
	width: 100%;
	vertical-align: middle;
	display: table-cell;
	overflow: hidden;
}
#global_menu ul {
	display: block;
	height: 25px;
	line-height: 25px;
	list-style: outside none none;
	margin: 0 auto;
	padding: 0;
	min-width: 1140px;
	text-align: center;
	max-width: 1140px;
	/* 折り返すと #global_menu の overflow:hidden で通知アイコンが隠れるため改行させない */
	white-space: nowrap;
}
#global_menu li:not(.auth_menu) {
	height: inherit;
	text-align: center;
	display: inline-block;
}
.menu_login .auth_menu,
#global_menu li.auth_menu {
	height: inherit;
	text-align: center;
	min-width: 59px;
	display: inline-block;
}
html.oversea #global_menu li {
	min-width: 65px;
}
#global_menu li:not(.auth_menu) a {
	background: transparent;
	border-radius: 2px;
	color: #000;
	display: block;
	font-size: 12px;
	height: inherit;
	/* エリア20項目＋通知アイコンが 1100px に収まるよう間隔を詰める */
	margin-right: 2px;
	padding: 0 2px 0 1px;
	text-decoration: none;
	vertical-align: middle;
	width: auto;
}
#global_menu li:last-child a {
	margin-right: 0;
}
#global_menu li a.currentArea,
#global_menu li a.currentArea:visited,
#global_menu li:not(.auth_menu) a:hover {
	background: #164e79;
	color: #FFF;
}
#global_menu li:not(.auth_menu) a::before {
	display: inline-block;
	content: "";
	height: 25px;
	margin-bottom: 2px;
	vertical-align: middle;
	width: 19px;
}
#global_menu li a.currentArea span,
#global_menu li:not(.auth_menu) a:hover span {
	color: #FFF;
}

#global_menu li.auth_menu a {
	color: #000;
}
.auth_menu.header_login_blue,
.auth_menu.header_login_gray,
#global_menu li.auth_menu.header_login_blue,
#global_menu li.auth_menu.header_login_gray,
.login_tmp  {
    padding: 0px 7px 0px;
    height: 18px;
    border-radius: 3px;
    line-height: 19px;
}

.auth_menu.header_login_blue,
#global_menu li.auth_menu.header_login_blue,
.login_tmp  {
    margin-left: 5px;
    background: #164e79;
    border: solid 2px #164e79;
}

.auth_menu.header_login_gray,
#global_menu li.auth_menu.header_login_gray {
    min-width: 0;
}

.auth_menu.header_login_blue i,
li.auth_menu.header_login_blue i,
.login_tmp  i {
    margin-right: 5px;
    font-size: 15px;
    vertical-align: -1px;
}
.auth_menu.header_login_gray i,
li.auth_menu.header_login_gray i {
    margin-left: 3px;
}
.auth_menu.header_login_gray i,
li.auth_menu.header_login_gray i {
    font-size: 18px;
    vertical-align: middle;
    margin-bottom: 4px;
    color: var(--bakusai_blue);
}
.auth_menu.header_login_gray i{
    margin-bottom: 0px;
}
.auth_menu.header_login_blue a,
#global_menu li.auth_menu.header_login_blue a,
.login_tmp a{
    color: #fff;
}

.auth_menu.header_login_blue a:visited,
#global_menu li.auth_menu.header_login_blue a:visited{
    color: #fff!important;
}

.login_tmp {
    margin-left: 5px;
    background: #164e79;
    border: solid 2px #164e79;
    padding: 0px 4px 0px 4px;
    height: 18px;
    border-radius: 3px;
    line-height: 19px;
    width: max-content;
}

#global_menu li a.header_index_top::before {
	content: "\f015";
    font-family: fontawesome;
    color: var(--bakusai_blue);
    font-size: 18px;
}
#global_menu li a.header_index_top:hover::before {
    color: #FFF;
}
#global_menu li a.area01::before {
	background: transparent url("https://img2.bakusai.com/p/img/icons/ico_hokkaido.png") no-repeat scroll center center/20px;
}
#global_menu li a.area02::before {
	background: transparent url("https://img2.bakusai.com/p/img/icons/ico_minamitohoku.png") no-repeat scroll center center/20px;
}
#global_menu li a.area15::before {
	background: transparent url("https://img2.bakusai.com/p/img/icons/ico_kitakanto.png") no-repeat scroll center center/20px;
}
#global_menu li a.area17::before {
	background: transparent url("https://img2.bakusai.com/p/img/icons/ico_minamikanto_2.png") no-repeat scroll center center/20px;
}
#global_menu li a.area03::before {
	background: transparent url("https://img2.bakusai.com/p/img/icons/ico_toukyo.png") no-repeat scroll center center/20px;
}
#global_menu li a.area04::before {
	background: transparent url("https://img2.bakusai.com/p/img/icons/ico_koshinetsu.png") no-repeat scroll center center/20px;
}
#global_menu li a.area05::before {
	background: transparent url("https://img2.bakusai.com/p/img/icons/ico_aichi.png") no-repeat scroll center center/20px;
}
#global_menu li a.area06::before {
	background: transparent url("https://img2.bakusai.com/p/img/icons/ico_hokuriku.png") no-repeat scroll center center/20px;
}
#global_menu li a.area18::before {
	background: transparent url("https://img2.bakusai.com/p/img/icons/ico_kansai_2.png") no-repeat scroll center center/20px;
}
#global_menu li a.area07::before {
	background: transparent url("https://img2.bakusai.com/p/img/icons/ico_oosaka.png") no-repeat scroll center center/20px;
}
#global_menu li a.area08::before {
	background: transparent url("https://img2.bakusai.com/p/img/icons/ico_sanyo.png") no-repeat scroll center center/20px;
}
#global_menu li a.area09::before {
	background: transparent url("https://img2.bakusai.com/p/img/icons/ico_shikoku.png") no-repeat scroll center center/20px;
}
#global_menu li a.area10::before {
	background: transparent url("https://img2.bakusai.com/p/img/icons/ico_fukuoka.png") no-repeat scroll center center/20px;
}
#global_menu li a.area20::before {
	background: transparent url("https://img2.bakusai.com/p/img/icons/ico_hokubukyushu_2.png") no-repeat scroll center center/20px;
}
#global_menu li a.area11::before {
	background: transparent url("https://img2.bakusai.com/p/img/icons/ico_okinawa.png") no-repeat scroll center center/20px;
}
#global_menu li a.area12::before {
	background: transparent url("https://img2.bakusai.com/p/img/icons/ico_sanin.png") no-repeat scroll center center/20px;
}
#global_menu li a.area13::before {
	background: transparent url("https://img2.bakusai.com/p/img/icons/ico_oversea.png") no-repeat scroll center center/20px;
}
#global_menu li a.area14::before {
	background: transparent url("https://img2.bakusai.com/p/img/icons/ico_tohoku.png") no-repeat scroll center center/20px;
}
#global_menu li a.area15::before {
	background: transparent url("https://img2.bakusai.com/p/img/icons/ico_kitakanto.png") no-repeat scroll center center/20px;
}
#global_menu li a.area16::before {
	background: transparent url("https://img2.bakusai.com/p/img/icons/ico_nanbukyushu.png") no-repeat scroll center center/20px;
}
#global_menu li a.area19::before {
	background: transparent url("https://img2.bakusai.com/p/img/icons/ico_tokai_2.png") no-repeat scroll center center/20px;
}

#global_menu li a.CHN::before {
	background: url("https://img2.bakusai.com/p/img/overarea/flag_of_China.gif") no-repeat scroll center center transparent;
	-webkit-background-size: 16px auto;
	background-size: 16px auto;
	margin-right: 4px;
}
#global_menu li a.TWN::before {
	background: url("https://img2.bakusai.com/p/img/overarea/flag_of_Taiwan.gif") no-repeat scroll center center transparent;
	-webkit-background-size: 16px auto;
	background-size: 16px auto;
	margin-right: 4px;
}
#global_menu li a.THA::before {
	background: url("https://img2.bakusai.com/p/img/overarea/flag_of_Thailand.gif") no-repeat scroll center center transparent;
	-webkit-background-size: 16px auto;
	background-size: 16px auto;
	margin-right: 4px;
}
#global_menu li a.PHL::before {
	background: url("https://img2.bakusai.com/p/img/overarea/flag_of_Philippines.gif") no-repeat scroll center center transparent;
	-webkit-background-size: 16px auto;
	background-size: 16px auto;
	margin-right: 4px;
}
#global_menu li a.VNM::before {
	background: url("https://img2.bakusai.com/p/img/overarea/flag_of_Vietnam.gif") no-repeat scroll center center transparent;
	-webkit-background-size: 16px auto;
	background-size: 16px auto;
	margin-right: 4px;
}
#global_menu li a.KOR::before {
	background: url("https://img2.bakusai.com/p/img/overarea/flag_of_South_Korea.gif") no-repeat scroll center center transparent;
	-webkit-background-size: 16px auto;
	background-size: 16px auto;
	margin-right: 4px;
}
#global_menu li a.USA::before {
	background: url("https://img2.bakusai.com/p/img/overarea/flag_of_USA.gif") no-repeat scroll center center transparent;
	-webkit-background-size: 16px auto;
	background-size: 16px auto;
	margin-right: 4px;
}
#global_menu li a.IDN::before {
	background: url("https://img2.bakusai.com/p/img/overarea/flag_of_Indonesia.gif") no-repeat scroll center center transparent;
	-webkit-background-size: 16px auto;
	background-size: 16px auto;
	margin-right: 4px;
}
#global_menu li a.RUS::before {
	background: url("https://img2.bakusai.com/p/img/clock/flag_of_Russia.svg") no-repeat scroll center center transparent;
	-webkit-background-size: 16px auto;
	background-size: 16px auto;
	margin-right: 4px;
}
#global_menu li a.UKR::before {
	background: url("https://img2.bakusai.com/p/img/clock/flag_of_Ukraine.svg") no-repeat scroll center center transparent;
	-webkit-background-size: 16px auto;
	background-size: 16px auto;
	margin-right: 4px;
}
#global_menu li a.JPN::before {
	background: url("https://img2.bakusai.com/p/img/overarea/flag_of_Japan.gif") no-repeat scroll center center transparent;
	-webkit-background-size: 16px auto;
	background-size: 16px auto;
	margin-right: 4px;
}


#global_menu .auth_menu a::before {
	-webkit-background-size: 16px auto;
	background-size: 16px auto;
	margin-right: 4px;
}

#global_menu li a:visited {
	color: #000 !important;
}
a.area03 span,a.area04 span {
    margin-left: -2px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#global_menu li a::before {
		position: relative;
		top: -2px;
	}
}

#home, #home a {
	background: url("https://img.bakusai.com/p/img/home.gif") no-repeat scroll left center transparent;
	text-align: right;
	width: 135px !important;
}

#home {
	border-left:solid 1px #C0C0C0 !important;
}

#home a {
	width:133px !important;
}

/* Googleマーク */
#google {
	background: url("https://img.bakusai.com/p/img/google.gif") no-repeat scroll center center transparent;
	border-right: 2px solid #C0C0C0 !important;
	text-decoration: none;
}

#google a:hover {
	border:solid 1px;
	border-top-color:#FFF;
	border-left-color:#FFF;
	border-right-color:#808080;
	border-bottom-color:#808080;
	color:#6D1928;
	text-decoration:none;
}

.vi {
	text-decoration:none;
	visibility:hidden;
}

/*******************************
 *
 *　indexヘッダー
 *
 *******************************/
#header {
	background: #f5f5f5;
	color: #000;
	height: 30px;
    border-bottom: 1px solid #e7e7e7;
    position: relative;
    z-index: 5;
}
.headerInner {
    display: flex;
    justify-content: space-between;
    height: 30px;
    margin: 0 10px;
}
.head_h{
    display: flex;
	white-space: nowrap;
}
#header h1 ,
#header h2 {
    font-size: 13px;
    font-weight: normal;
    margin: auto 5px;
}

.menu_login {
    display: flex;
}

.auth_menu.header_login_blue{
    width: max-content;
}

/*******************************
 *
 *　掲示板名（スレッド一覧／レス一覧等のローカルルールの下）
 *
 *******************************/
#thr_bbs {
	text-align: center;
}

#thr_bbs strong {
	font-weight: bold;
}


/*******************************
 *
 *　SNS/SBM
 *
 *******************************/
#sbm {
	background: #FFF;
	border: 1px solid #999;
	float: right;
	height: 85px;
	padding: 3px;
	text-align: left;
	width:140px;
}

.thr_sbm {
	position:absolute;
	right:2px;
	top:0;
}

.thr_img/sbm {
	float: right !important;
	height: 184px !important;
	margin: 3px !important;
	text-align: center !important;
	width: 131px !important;
}

#sbm p {
	color: #333;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

.title_bk {margin:10px 0 0 0!important;}

.ico_list {
	margin:1px 0 0 1px;
}

.ico_list img {
	border: medium none;
	height: 16px;
	margin: 1px;
	width: 16px;
}

.ico_imglist img {
	border: medium none;
	height: 16px;
	margin: 1px;
	vertical-align: bottom;
	width: 16px;
}

.mov_list {
	margin-bottom:2px;
}

.img_res {
	border: 0 none;
	float: left;
	margin: 0 5px 2px 0!important;
}


/*******************************
 *
 *　indexサブタイトル
 *
 *******************************/
#subtitle {
	color: #666;
	font-size: 15px;
	font-weight: bold;
	margin-top: 10px;
	text-align: center;
}

/*******************************
 *
 *　ロゴ
 *
 *******************************/

img.baner {
	margin: 10px auto;
}


/*******************************
 *
 *　コンテンツ
 *
 *******************************/
#contents {
	margin-top:0px;
}



/*******************************
 *
 *　障害・お知らせ帯
 *
 *******************************/

#infoAlert {
	display: block;
	font-size: 14px;
	height: 24px;
	line-height: 24px;
	margin: 5px auto;
	padding: 4px 0;
	text-align: center;
}

#infoAlert #oshiraseBg {
	background: #727171;
	border-radius: 2px 0 0 2px;
	color: #ffffff;
	display: inline-block;
	height: 25px;
	margin: 0 -5px 0 0;
	padding: 0 5px 0 8px;
	text-align: left;
	vertical-align: middle;
	width: 80px;
	line-height: 25px;
}

#infoAlert #oshiraseBg i {
	background-color: #fff;
	border-radius: 20px;
	color: #ff3b00;
	line-height: 15px;
	margin-right: 3px;
	text-align: center;
	width: 15px;
}

#infoAlert #osiraseContents {
	background: #fff;
	border: 1px solid #727171;
	border-radius: 0 2px 2px 0;
	display: inline-block;
	height: 23px;
	line-height: 23px;
	max-width: 370px;
	min-width: 355px;
	padding: 0 0 0 5px;
	text-align: left;
	vertical-align: middle;
}

#infoAlert #osiraseContents a {
	text-decoration: underline;
}


/*******************************
 *
 *　メンテ関連
 *
 *******************************/
.mainteInfo {
	background: #FFC;
	border: 1px solid #FC9;
	margin: 3px auto;
	padding: 5px 0 3px;
	text-align: left;
	width: 470px;
}

.mainteInfo div {
	color:#F00;
	text-align:center;
	margin-bottom:3px;
}

/* 検索障害時用 */
#schMainte {
	background: #FFC;
	border: 3px solid #E6E65D;
	border-radius: 3px;
	height: 20px;
	line-height: 20px;
	margin: 5px auto;
	padding: 5px 5px 3px 5px;
	text-align: center;
	width: 440px;
}

/*******************************
 *
 *　掲示板管理メニュー
 *
 *******************************/
#main_menu {
	margin: 0 auto;
	padding-top: 15px;
	text-align: center;
}

#main_menu ul {
	margin:3px auto;
	padding:0;
}

#main_menu li {
	border-left: 1px solid #999;
	display: inline;
	list-style: none outside none;
	padding: 0 3px 0 5px;
}


/*******************************
 *
 *　フッターメニュー
 *
 *******************************/
.footerarea {
    width: 100%;
    min-width: 1000px;
    max-width: 1070px;
    margin: 0 auto;
	padding: 5px 0;
	background: #efefef;
	box-sizing: border-box;
    position: relative;
    z-index: 9999;
}

.footerMenuArea {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto auto auto;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    font-feature-settings: "palt" on;
    padding: 12px 15px 0px;
    box-sizing: border-box;
    width: 100%;
}
ul.footerMenu_about {grid-area: 1 / 1 / 2 / 2; }
/* BAKUSAI-6600: コンテンツ（3列目上段→1列目下段）とその他（1列目下段→3列目上段）を入れ替え */
ul.footerMenu_contents { grid-area: 3 / 1 / 4 / 2;}
ul.footerMenu_support { grid-area: 2 / 1 / 3 / 2; }
ul.footerMenu_other { grid-area: 1 / 3 / 2 / 4; }
ul.footerMenu_policies_and_terms_of_use { grid-area: 1 / 2 / 2 / 3; }
ul.footerMenu_press_release{ grid-area: 2 / 2 / 3 / 3; }
ul.footerMenu_quote { grid-area: 2 / 3 / 3 / 4; }
ul.footer_official_account_LINE { grid-area: 3 / 2 / 4 / 3; }
ul.footer_official_account_X { grid-area: 3 / 3 / 4 / 4; }
div.twitterArea { grid-area: 1 / 4 / 4 / 5; }

ul.footer_official_account_LINE,
ul.footer_official_account_X {
	display: flex;
    flex-direction: column;
    gap: 4px;
}

div.footerMenuArea ul {
	list-style: none;
	line-height: 20px;
	padding: 0px;
	margin: 0px;
}
div.footerMenuArea ul li {
	list-style: none outside none;
    letter-spacing: -0.5px;
	font-size: 13px;
	box-sizing: border-box;
    width: 100%;
	/* padding: 1px 0px 1px 4px; */
}
div.footerMenuArea ul li a {
	display: inline-flex;
	align-items: center;
}
div.footerMenuArea ul li .fa.fa-caret-right {
	margin-right: 5px;
}
div.footerMenuArea ul li .fa.fa-external-link {
	margin-left: 4px;
}
.footermenu_new_icon {
	background-color: #ffcb00;
    border-radius: 2px;
    color: #000;
    font-family: monospace;
    font-size: 12px;
	margin-left: 3px;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 16px;
    padding: 0 5px;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    letter-spacing: normal !important;
}
#footer .shiftUP {
	bottom: 3px;
	cursor: pointer;
	height: 43px;
	position: fixed;
	right: 3px;
	transition: all 0.1s ease-in-out 0s;
    z-index: 99999;
}

#footer .shiftUP a {
	background: #FFF;
	border: 1px solid #626262;
	bottom: 5px;
	color: #323232;
	display: block;
	float: right;
	font-size: 30px;
	height: 33px;
	line-height: 30px;
	position: absolute;
	right: 5px;
	width: 70px;
	text-align: center;
}

#footer .shiftUP a:hover {
	background: #EBEBEB;
	border: 1px solid #555;
}

.footer_official_account li {
	line-height: 18px;
}

li.twitter_trbinfo {
    margin-bottom: 6px;
    margin-left: 0px;
    white-space: nowrap;
}

img.footer_sns_icon {
    width: 20px;
    vertical-align: -4px;
    margin-right: 3px;
}

img.footer_X_icon{
    width: 15px !important;
    display: inline;
    vertical-align: -3px !important;
}

img.article_sns_icon {
    width: 16px !important;
    display: inline;
}
img.footer_contents_icon{
    vertical-align: -2px;
    margin-right: 3px;
    width: 15px !important;
    display: inline;
}

img.footer_sns_icon_line_icon,
img.footer_sns_icon_X {
    vertical-align: top;
    width: 24px;
    margin-right: 6px;
}

p.title_account {
    margin: 0px auto 3px;
    font-size: 15px;
}
li.line_stamp_margin {
	display: inline-flex;
	align-items: center;
}
li.line_stamp_store {
	display: inline-flex;
    align-items: center;
}
li.line_stamp_store::before {
    content: "└";
}

li.line_stamp_store a img.line_icon {
    width: 28px;
    margin: 0px;
}

li.footer_title {
    font-size: 15px !important;
    margin-bottom: 8px;
	border-bottom: solid 1px #666;
}
li.footer_title i {
	margin-right: 3px;
}

li.fMenu-dalete {
    white-space: nowrap;
	letter-spacing: -0.7px !important;
}

/* 公式Twitter吹き出し */
.footer_twi_balloon {
    /* BAKUSAI-6600: 吹き出しの幅を文字に合わせる（旧 flex: 0 / min-width: 115px の固定幅だと、フッター幅1000pxで X(旧Twitter) が2行になる） */
    flex: none;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    padding: 3px 6px 1px;
    min-width: 0;
    max-width: 100%;
    background: #FFF;
    border: solid 1px #3c3c3c;
    box-sizing: border-box;
    border-radius: 6px;
    top: -2px;
    /* BAKUSAI-6600: 3列目が狭くなり見出し「X(旧Twitter)」が2行になるため詰める（旧 left: 14px） */
    left: 8px;
    letter-spacing: -0.5px;
    height: 21px;
    line-height: normal;
}

.footer_twi_balloon:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left: -10px;
    margin-right: -15px;
    border: 5px solid transparent;
    border-right: 6px solid #FFF;
    z-index: 2;
}

.footer_twi_balloon:after {
    top: 50%;
    left: -13px;
    transform: translate(0%, -50%);
    content: "";
    border: 6px solid transparent;
    border-right: 7px solid #656565;
    z-index: 1;
    content: "";
    position: absolute;
}

.footer_twi_balloon.__line {
    min-width: 55px;
}

.footer_twi_balloon.__line:before {
    right: 24%;
}

.footer_twi_balloon.__line:after {
    right: 24%;
}

.footer_twi_text {
    font-size: 11px;
    color: #3c3c3c;
    line-height: 14px;
}

#twitterTimeline {
    margin-top: 3px;
    background: #000;
    padding: 5px;
	width: 100%;
    box-sizing: border-box;
    height: 100%;
}

.tw_titleText {
		margin: 4px 3px 5px;
		font-size: 16px;
    color: #fff;
    font-weight: bold;
}

.tw_content_inner {
    background: url(https://img.bakusai.com/p/img/loading/bksiloading_back_h355.gif) no-repeat;
    border-radius: 12px;
    width: 100%;
    height: 100%;
	max-height: 500px;
    background-position: center;
    background-color: #FFF;
    background-size: cover;
}

.tw_content_inner a {
    position: relative;
    top: 7px;
    left: 7px;
}
.foot_sns_title {
	display: flex;
    margin: 0px auto 3px;
    font-size: 15px;
    /* BAKUSAI-6600: 右の余白を詰めて X(旧Twitter) を1行に収める（旧 padding: 1px 6px） */
    padding: 1px 0px 1px 6px;
    color: #000;
    border-bottom: solid 1px #000;
    border-left: solid 6px #000;
	width: 100%;
	box-sizing: border-box;
}
.foot_sns_title.__line {
    border-bottom: solid 1px #06c755;
    border-left: solid 6px #06c755;
}
.X_li {
	margin-bottom: 2px;
}
.X_li .footer_sns_icon {
	margin-right: 6px;
}
.x_label_box {
	display: flex;
	flex-direction: column;
	margin: 0px;
	gap: 4px 0px;
	line-height: 14px;
}
.x_follower_count {
    font-size: 11px;
    background: rgb(224 224 224);
    color: rgb(83, 100, 113);
    padding: 2px 4px;
    box-sizing: border-box;
    border-radius: 4px;
	font-family: "Segoe UI", Meiryo, system-ui, sans-serif;
}
.x_follower_count:empty {
    display: none;
}
.x_label_box:has(.x_follower_count_wapper .x_follower_count:empty)  {
	display: inline;
}
.x_label {
    display: inline-block;
}
.x_follower_count_wapper {
    display: inline-block;
    white-space: nowrap;
}

.footerSection.twTimeline {
	width: 100%;
    min-width: 285px;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}

.footer_timeline_back {
    width: 430px;
    position: absolute;
    top: 38%;
    text-align: center;
}

.footer_timeline_back img {
    width: 80%;
}

  .tw_titleText {
	margin: 4px 8px 3px;
	font-size: 16px;
	color: #55acee;
	font-weight: bold;
	padding-top: 5px;
	line-height: 22px;
  }

  img.footer_sns_icon {
	width: 20px;
	vertical-align: -4px;
	margin-right: 3px;
  }

  img.tw_Timeline_sns_icon {
    width: 18px;
    vertical-align: -4px;
    margin-right: 3px;
  }
  .tw_content_inner a {
	position: relative;
	top: 7px;
	left: 7px;
  }

  /* Twitterリンクタイトル */

  .twitter_title_link {
    padding: 3px 5px;
	display: flex;
	justify-content: space-between;
    align-items: center;
  }

  .tw_follow_text {
	font-size: 13px;
	font-weight: bold;
  }

  .tw_follow_text a {
	color: #000;
  }

  .tw_follow_button a {
	background: #000;
	color: #fff;
	padding: 4px 7px;
	border-radius: 12px;
	font-size: 10px;
	font-weight: bold;
  }

  .tw_follow_button p {
    margin: 2px 0 0;
}

/*******************************
 *
 *　フッター
 *
 *******************************/
.copyright {
	color: #000;
	padding-bottom: 10px;
	margin: 5px 0 0;
	text-align: center;
	width: auto;
	display: block;
	font-size: 12px;
	clear: both;
}

.footer-uni-emoji {
	font-size: 12px;
  font-family: Segoe UI emoji;
}
@-moz-document url-prefix() {
  .footer-uni-emoji {
		font-size: 10px;
		vertical-align: 1px;
		}
  }
}

/* 上へ遷移ボタン */
.shiftUp {
	background-color: rgba(160, 160, 160, 0.3);
	border-radius: 2px;
	bottom: 1px;
	position: fixed;
	right: 10px;
	text-align: center;
	z-index: 10;
}

.shiftUp:hover {
	background-color: rgba(210, 210, 210, 0.9);
}

.shiftUp a {
	color: #000;
	display: block;
	font-size: 25px;
	height: 35px;
	line-height: 35px;
	text-decoration: none;
	width: 65px;
}

.shiftUp a i {
	color: rgba(0, 0, 0, 0.3);
}
.shiftUp a:hover i {
	color: rgba(0, 0, 0, 0.8);
}


/****************************************
 *
 * 広告バナー
 *
 ****************************************/
.banner_top_wapper {
    margin-top: 1rem;   /* 画像掲示板スレ一覧の広告非表示にmargin-top追加 */
}
.banner_top_wapper:has(#banner_top) {
    margin: 0px;
}
.banner_top {
	text-align: center;
	position: relative;
	margin: 20px auto;
	width: 728px;
}
.banner_top > iframe,
.banner_top img {
	border: 1px solid #999;
}

.banner_thr {
	text-align:left;
}

.banner_thr iframe {
	margin: 2px 0;
}

.banner_thr > span {
	display: inline-block;
	height: 18px;
	line-height: 18px;
	padding: 2px 0 2px 2px;
	vertical-align: middle;
}


/*******************************
 *
 *　障害・メンテナンス情報
 *
 *******************************/
/* 一覧 */
#trouble {
	font-size:14px;
	margin:10px auto;
	width:560px;
}

#trouble tr {
	background-color:#F3F1E7;
	text-align:left;
}

#trouble th {
	border-top:solid 2px #BEBEBE;
	border-right:dotted 1px #BEBEBE;
	border-bottom:solid 2px #BEBEBE;
	color: #666;
	height: 30px;
	text-align: left;
}

#trouble td {
	border-top:solid 1px #FFF;
	border-right:solid 1px #FFF;
	color:#666;
	height:32px;
	text-align:left;
}

#trouble td.data {
	text-align:center;
	width:100px;
}

#trouble td.body {
	padding-left:5px;
	text-align:left;
	width:450px;
}

/* 詳細 */
#datelis {
	width:500px;
	height:auto;
	margin:15px auto;
	color:#666;
	border:solid 1px #BEBEBE;
	text-align:left;
}

#datelis #title {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin: 10px;
	text-align: left;
}

#datelis #reg_date {
	border-bottom: 1px dotted #BEBEBE;
	float: right;
	margin: 0 10px 10px 0;
	padding-bottom: 2px;
	text-align: left;
}

#datelis #margin {
	font-size: 15px;
	margin: 10px auto;
	text-align: left;
	width: 100%;
}


#datelis table {
	border-top: solid 2px #BEBEBE;
	border-bottom: solid 2px #BEBEBE;
	font-size: 14px;
	height: 100px;
	min-height: 100px;
	text-align: left;
	width: 450px;
}

#datelis td {
	border-bottom: 1px dashed #BEBEBE;
	font-size:14px;
	text-align:left;
}

#datelis td.data {
	border-right: 2px dotted #003388;
	font-size: 14px;
	font-weight: bold;
	padding-left: 2px;
	text-align: left;
}

#datelis strong {
	display: block;
	margin: 15px;
	text-align: center;
}

#datelis a {
	float: right;
	margin: 0 10px 10px 0;
}


/*******************************
 *
 *　掲示板メニュー
 *
 *******************************/
.bbs_menu {
	height: 30px;
	line-height: 30px;
	text-align: left;
	width: max-content;
}

.bbs_menu span {
	display:inline;
	zoom:1; /* hasLayout を true にする */
}

.bbs_menu a,
.bbs_menu input.updateBtn[type="submit"] {
	background: #FFF;
	border: 1px solid #999;
	color: #383838 !important;
	display: inline-block;
	font-weight: 600;
	margin-right: 4px;
	padding: 0px 5px;
	border-radius: 2px;
	min-height: 30px;
	line-height: 30px;
	font-size: 13px;
}

.bbs_menu a:hover,
.bbs_menu input.updateBtn[type="submit"]:hover {
	background: #0D507E;
	border: 1px solid #0D507E;
	color: #FFF !important;
  cursor: pointer;
}

.bbs_mainmenu {
	margin: 0 auto 4px;
	min-height: 32px;
	vertical-align: middle;
    width: 100%;
    box-sizing: border-box;
    font-size: 0;
    padding: 0 5px;
  position: relative;
}

#top_menu .bbs_mainmenu {
    margin: 0 auto;
    min-height: 35px;
    padding: 0 2px 2px;
    line-height: 35px;
    width: 100%;
    box-sizing: border-box;
}

/*******************************
 *
 *　検索
 *
 *******************************/

#mainSchWrap {
	text-align: center;
	margin: 20px auto 15px;
}

.mainSchWrap form.searchForm {
	margin: 0;
	padding: 0;
}

.mainSchWrap form.searchForm .schFormInner {
	border-radius: 25px;
	background: #F3F3F3;
	font-size: 0;
	margin: 0 auto 3px;
	padding: 0;
	position: relative;
	height: 35px;
}
.mainSchWrap form.searchForm .schFormInner:hover {
	box-shadow: 0 1px 0px 0 rgba(152, 152, 152, 0.2),
              0 1px 5px 0 rgba(152, 152, 152, 0.3);
}

input[type="search"].schWordsInpt {
	background: #f3f3f3;
	border: none;
	border-radius: 18px 0 0 18px;
	font-size: 14px;
	height: 35px;
	left: 0;
	padding: 3px 3px 3px 15px;
	position: absolute;
	vertical-align: middle;
	width: 100%;
	-webkit-appearance: none;
}
/* safari css hack */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	_::-webkit-full-page-media, _:future, :root input[type="search"].schWordsInpt {
		padding: 0 0 0 5px;
	}
}

button[name="submit"]#schWordsSubmit {
	background: #E1E1E1;
	border: 1px solid #E1E1E1;
	border-radius: 0 20px 20px 0 !important;
	display: inline-block;
	display: block;
	color: #000;
	cursor: pointer;
	font-size: 14px;
	padding: 5px 10px 5px 28px !important;
	height: 35px;
	position: absolute;
	right: 0;
	min-width: 110px !important;
	text-align: center;
}

button[name="submit"]#schWordsSubmit:hover {
	background: #D5D5D5;
	background: linear-gradient(to bottom, #D5D5D5 0%,#CBCBCB 100%);
	border: 1px solid #D5D5D5;
}

button[name="submit"]#schWordsSubmit span {
	position: relative;
	display: inline-block;
}
button[name="submit"]#schWordsSubmit span::after {
	color: #595959;
	content: "\f002";
	cursor: pointer;
	font-family: fontawesome;
	font-size: 17px;
	position: absolute;
	left: -25px;
	width: 25px;
	display: inline-block;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	button[name="submit"]#schWordsSubmit span::after {
		top: -2px;
	}
}


/* areatop用検索周り */
#mainSchWrap.mainSchWrap form.searchForm .schFormInner {
	background: #E1E1E1;
	border: 4px solid #E1E1E1;
	width: 55%;
}
#mainSchWrap.mainSchWrap form.searchForm .schFormInner:hover {
	box-shadow: 1px 1px 0px 0 rgba(152, 152, 152, 0.2),
              0 1px 5px 0 rgba(152, 152, 152, 0.3);
}
#mainSchWrap input[type="search"].schWordsInpt {
	background: #FFF;
	border: 1px solid #E1E1E1;
	box-shadow: 1px 1px 0 0 #E1E1E1 inset;
	width: -webkit-calc(100% - 110px);
	width: calc(100% - 110px);
}

/* menu用検索周り */
#menuSchWrap.mainSchWrap form.searchForm .schFormInner {
	background: #FFF;
	border: 3.5px solid #DEDEDE;
	border-radius: 27px;
	margin: 5px auto 3px;
	height: 27px;
	width: 95%;
}
#menuSchWrap.mainSchWrap form.searchForm .schFormInner:hover {
	box-shadow: 0 1px 0px 0 rgba(152, 152, 152, 0.5);
}

#menuSchWrap input[type="search"].schWordsInpt {
	background: #FFF;
	font-size: 14px;
	height: 27px;
	line-height: 27px;
	padding: 0 0 0 7px;
	width: -webkit-calc(100% - 30px);
	width: calc(100% - 30px);
}
/* safari css hack */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	_::-webkit-full-page-media, _:future, :root #menuSchWrap input[type="search"].schWordsInpt {
		line-height: 26px;
		padding: 0;
	}
}
#menuSchWrap button[name="submit"]#schWordsSubmit {
	font-size: 12px;
	padding: 0 !important;
	height: 27px;
	min-width: 30px !important;
	margin: 0;
}
#menuSchWrap button[name="submit"]#schWordsSubmit span {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	display: block;
	height: 25px;
	line-height: 25px;
	width: 25px;
}
#menuSchWrap button[name="submit"]#schWordsSubmit span::after {
	font-size: 16px;
	left: -19px;
}

.banner_link {
	margin-bottom:20px;
	clear:both;
}

.img_size {
	font-size:15px;
	color:#666;
	font-weight:bold;
}



#errMesse {
	color: #F00;
	background: #FFC;
	border: 3px solid #FFC49C;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
	border-radius: 3px;
}


/*******************************
 *
 *　フォーム
 *
 *******************************/

/* フォーム部分 */
.inqForm {
	border-collapse: collapse;
	min-width: 740px;
}

.inqForm th {
	background-color:#F2F2F2;
	width: 120px;
}

.inqForm th,
.inqForm td {
	border:1px solid #CCC;
	text-align:left;
	padding:5px 10px;
	vertical-align:top;
}

.inqForm .formExample {
	color: #777;
	font-size: 97%;
	line-height: 16px;
}

.inqForm input[type="text"],
.inqForm input[type="email"],
.inqForm input[type="url"],
.inqForm input[type="number"],
.inqForm input[type="password"],
.inqForm input[type="search"],
.inqForm textarea {
	border: 1px solid #AAA;
	border-radius: 1px;
	color: #000;
	font-size: 13px !important;
}
.inqForm input[type="search"] {
	height: 30px !important;
}

:-ms-input-placeholder {
	color: #ADADAD !important;
	opacity: 1;
}
::-webkit-input-placeholder {
	color: #ADADAD !important;
	opacity: 1;
}
::-moz-placeholder {
	color: #ADADAD !important;
	opacity: 1;
}

:-moz-placeholder {
	color: #ADADAD !important;
	opacity: 1;
}


input[type="text"]:focus:-ms-input-placeholder,
input[type="email"]:focus:-ms-input-placeholder,
input[type="url"]:focus:-ms-input-placeholder,
input[type="number"]:focus:-ms-input-placeholder,
input[type="password"]:focus:-ms-input-placeholder,
input[type="search"]:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
	opacity: 0;
}
input[type="text"]:focus::-webkit-input-placeholder,
input[type="email"]:focus::-webkit-input-placeholder,
input[type="url"]:focus::-webkit-input-placeholder,
input[type="number"]:focus::-webkit-input-placeholder,
input[type="password"]:focus::-webkit-input-placeholder,
input[type="search"]:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
	opacity: 0;
}

input[type="text"]:focus::-moz-placeholder,
input[type="email"]:focus::-moz-placeholder,
input[type="url"]:focus::-moz-placeholder,
input[type="number"]:focus::-moz-placeholder,
input[type="password"]:focus::-moz-placeholder,
input[type="search"]:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
	opacity: 0;
}

input[type="text"]:focus:-moz-placeholder,
input[type="email"]:focus:-moz-placeholder,
input[type="url"]:focus:-moz-placeholder,
input[type="number"]:focus:-moz-placeholder,
input[type="password"]:focus:-moz-placeholder,
input[type="search"]:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
	opacity: 0;
}



form.searchForm input[type="submit"] {
	background: #ffda63;
	background: -webkit-linear-gradient(top, #ffda63 0%,#F8D460 100%);
	background: linear-gradient(to bottom, #ffda63 0%,#F8D460 100%);
	background-color: #ffda63;
	border-top: 1px solid #ffda63;
	border-right: 1px solid #F2CB4D;
	border-bottom: 3px solid #e8b920;
	border-left: 1px solid #F2CB4D;
	border-radius: 2px;
	cursor: pointer;
	font-size: 14px;
	line-height: 18px;
	padding: 3px 10px 4px;
	vertical-align: middle;
	min-width: 90px;
}
form.searchForm input[type="submit"]:hover {
	background: #FCD147;
	background: -webkit-linear-gradient(top, #FCD147 0%,#FCCB2E 100%);
	background: linear-gradient(to bottom, #FCD147 0%,#FCCB2E 100%);
	background-color: #ffda63;
	border-top: 1px solid #ffda63;
	border-right: 1px solid #F2CB4D;
	border-bottom: 3px solid #e8b920;
	border-left: 1px solid #F2CB4D;
}
form.searchForm input[type="submit"].normalBtn {
	background: #e4e4e4;
	background: -webkit-linear-gradient(top, #ebebeb 0%,#e4e4e4 100%);
	background: linear-gradient(to bottom, #ebebeb 0%,#e4e4e4 100%);
	border-top: 1px solid #e7e4e4;
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #B5B5B5;
	border-left: 1px solid #e7e4e4;
}
form.searchForm input[type="submit"].normalBtn:hover {
	background: #DEDEDE;
	background: -webkit-linear-gradient(top, #E4E4E4 0%,#DEDEDE