@charset "UTF-8";
/*PCヘッダーメニュー（common/inc/parts_header_new.php）の追加分。
  新しいページ(basic_new.css)と古いページ(basic_old.css)の両方に効かせるため、ヘッダー部品の中で読み込む。
  都道府県のドロップダウンは Helper_Pref::outHtmlHeaderMenu */

/*===== 色（「都道府県」の色を変えるときはここだけ直す） =====*/
.ddmenu2 li.headMenuPref div.menuCategory{
	background:#4cbfcb;
	background:linear-gradient(to bottom, #4cbfcb 0%, #4490a1 100%);
}
.ddmenu2 li.headMenuPref:hover > div.menuCategory,
.ddmenu2 li.headMenuPref:hover > a div.menuCategory{
	background:#c14343;
	background:linear-gradient(to bottom, #c14343 0%, #ad0000 100%);
}
.ddmenu2 li.headMenuPref div.pref_dropdown{ background:#fff; border:1px solid #CFCFCF; }
.ddmenu2 li.headMenuPref div.pref_dd_region{ color:#fff; background:#4fa5a9; }
.ddmenu2 li.headMenuPref a.pref_dd_link{ color:#0053BF; }
.ddmenu2 li.headMenuPref a.pref_dd_link:hover{ color:#fff; background:#c60000; }
.ddmenu2 li.headMenuPref span.pref_empty{ color:#aaa; }

/*===== メニュー7項目の幅（1000px = 143px×6 + 142px） =====*/
#dropmenu2 > li{ width:143px; }
#dropmenu2 > li:last-child{ width:142px; }

/*===== 都道府県のドロップダウン（地方ごとの縦の列。マウスオーバーで表示） =====*/
.ddmenu2 li.headMenuPref div.pref_dropdown{
	display:none; position:absolute; z-index:9999; top:100%; right:0;
	box-sizing:border-box; width:1000px; padding:8px 6px 10px;
	text-align:left; box-shadow:0 4px 10px rgba(0,0,0,0.15);
}
.ddmenu2 li.headMenuPref:hover div.pref_dropdown{ display:flex; }
.ddmenu2 li.headMenuPref div.pref_dd_col{ flex:1 1 0; min-width:0; padding:0 4px; }
.ddmenu2 li.headMenuPref div.pref_dd_region{ margin:0 0 4px; padding:5px 6px 2px; border-radius:3px; font-size:13px; font-weight:bold; line-height:1.3; }
.ddmenu2 li.headMenuPref .pref_dd_link{ display:block; padding:4px 6px; font-size:13px; line-height:1.4; text-decoration:none; white-space:nowrap; }
