<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* ----------------------------------------------------------------------

	レーシングカレンダー 

---------------------------------------------------------------------- */

#contentsBody {
	max-width: 940px;
	margin: 0 auto;
	padding-bottom: 40px;
}


/* --- SPアイコンの説明部分を非表示に 
-------------------------------------------------- */
#iconHelp { display: none; }



/* - レーシングカレンダー ヘッダー
-------------------------------------------------- */
div.cal_header {
	background-color: #333;
	color: #fff;
}

div.cal_header &gt; div.content {
	max-width: 940px;
	margin: 0 auto;
	padding: 20px 10px;
	overflow: hidden;
}

div.cal_header &gt; div.content:after {
	content: '';
	display: block;
	clear: both;
}

div.cal_header &gt; div.content &gt; h2 {
	font-size: 2.4rem;
	font-weight: bold;
	display: inline-block;
}

div.cal_header &gt; div.content &gt; h2 &gt; a {
	display: block;
	text-decoration: none;
	color: #fff;
}

/* - レーシングカレンダー ヘッダー内　サブメニュー - */
div.cal_header &gt; div.content &gt; div.sub_menu {
	float: right;
	padding-top: 3px;
}

div.cal_header &gt; div.content &gt; div.sub_menu &gt; dl &gt; dt { display: none; }

div.cal_header &gt; div.content &gt; div.sub_menu &gt; dl &gt; dt &gt; a {
	display: block;
	color: #fff;
	text-decoration: none;
}

div.cal_header &gt; div.content &gt; div.sub_menu &gt; dl &gt; dt &gt; a i { margin-right: 0.4em; }

	
div.cal_header &gt; div.content &gt; div.sub_menu &gt; dl &gt; dd &gt; ul { display: table; }
div.cal_header &gt; div.content &gt; div.sub_menu &gt; dl &gt; dd &gt; ul &gt; li { display: table-cell; }	

div.cal_header &gt; div.content &gt; div.sub_menu &gt; dl &gt; dd &gt; ul &gt; li.no_link {
	color: #fff;
    width: auto;
    padding: 5px 10px;
    box-sizing: border-box;
    font-size: 1.3rem;
	color: #AA9999;
}

div.cal_header &gt; div.content &gt; div.sub_menu &gt; dl &gt; dd &gt; ul &gt; li &gt; a {
    color: #fff;
    text-decoration: none;
    display: block;
    width: auto;
    padding: 5px 10px;
    box-sizing: border-box;
    font-size: 1.3rem;
}

div.cal_header &gt; div.content &gt; div.sub_menu &gt; dl &gt; dd &gt; ul &gt; li &gt; a:hover {
	background-color: #455A64;
	border-radius: 4px;
}

div.cal_header &gt; div.content &gt; div.sub_menu &gt; dl &gt; dd &gt; ul &gt; li i { margin-right: 0.4em; }


#racingCalendar { margin-top: 30px; }

#mainBody {
	max-width: 940px;
	margin: 0 auto;
}

/* ----- 年 タブ ----- */

div.tab &gt; ul {
	display: table;
	width: 100%;
}

div.tab &gt; ul &gt; li {
	display: table-cell;
	vertical-align: middle;
}

div.tab.cal_year &gt; ul &gt; li { width: 50%; }

div.tab.cal_year &gt; ul &gt; li &gt; a {
	display: block;
	padding: 10px 0;
	text-align: center;
	background-color: #e7e7e7;
	font-size: 1.6rem;
	text-decoration: none;
	color: #444;
	font-weight: bold;
}

div.tab.cal_year &gt; ul &gt; li &gt; a:hover { background-color: #dcedc8; }

div.tab.cal_year &gt; ul &gt; li.current &gt; a {
	position: relative;
	background: #268300;
	color: #fff;
}

div.tab.cal_year &gt; ul &gt; li.current &gt; a:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	border-color: rgba(38,131,0,0);
	border-top-color: #268300;
	border-width: 10px;
	margin-left: -10px;
}


/* ----- 月タブ ----- */
div.tab.month { margin-top: 20px; }

div.tab.month &gt; ul {
	border-radius: 4px;
	border: 1px solid #ddd;
	table-layout: fixed;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

div.tab.month &gt; ul &gt; li {
	box-sizing: border-box;
	border-right: 1px solid #ddd;
}

div.tab.month &gt; ul &gt; li:first-child { border-radius: 8px 0 0 8px; }

div.tab.month &gt; ul &gt; li:last-child {
	border-radius: 0 8px 8px 0;
	border-right: none;
}

div.tab.month &gt; ul &gt; li &gt; a {
	display: block;
	text-align: center;
	padding: 10px 0;
	text-decoration: none;
	font-weight: bold;
	color: #666;
	font-size: 1.6rem;
	text-shadow: 0 1px 1px rgba(255,255,255,1);
}

div.tab.month &gt; ul &gt; li &gt; a:hover { background-color: #dcedc8; }

div.tab.month &gt; ul &gt; li.current &gt; a {
	background-color: #555;
	color: #fff;
	position: relative;
	text-shadow: 0 1px 2px rgba(0,0,0,0.4);
}

div.tab.month &gt; ul &gt; li.current &gt; a:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	border-color: rgba(85, 85, 85, 0);
	border-top-color: #555;
	border-width: 10px;
	margin-left: -10px;
}

div.tab.month &gt; ul &gt; li &gt; a span { font-size: 1.1rem; }


/* - カレンダー メイン部分
-------------------------------------------------- */
#cal_unit {
	margin-top: 20px;
	position: relative;
}

/* ----- 月ユニット ----- */
div.rc_unit {
	background-color: #ebebeb;
	margin-top: 30px;
}

div.rc_unit.first {
	margin-top: 20px;
}

div.rc_unit .header {
	background-color: #4db6ac;
	color: #fff;
	padding: 20px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	background-color: #225e25;
	border-top: 3px solid #163c18;
	vertical-align: middle;
	overflow: hidden;
}

div.rc_unit .header:after { content: ''; display: block; clear: both; }

div.rc_unit .header .num_month { float: left; }

div.rc_unit .header .num_month &gt; h3 {
	font-size: 4.2rem;
	line-height: 1.0;
	font-weight: bold;
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}

div.rc_unit .header .num_month &gt; h3 &gt; span {
	font-size: 1.4rem;
	margin-left: 0.2rem;
}

div.rc_unit .header .num_month &gt; p {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.0;
	display: inline-block;
	background-color: #fff;
	padding: 4px 6px;
	color: #225e25;
	border-radius: 2px;
	vertical-align: middle;
	margin-left: 1.0rem;
}

div.rc_unit .header .header_submenu {
	float: right;
	vertical-align: middle;
}

div.rc_unit .header .header_submenu &gt; ul { }
div.rc_unit .header .header_submenu &gt; ul:after { content: ''; display: block; clear: both; }

div.rc_unit .header .header_submenu &gt; ul &gt; li {
	float: left;
	margin-right: 14px;
}

div.rc_unit .header .header_submenu &gt; ul &gt; li:last-child { margin-right: 0; }

div.rc_unit .header .header_submenu &gt; ul &gt; li &gt; a {
    display: block;
    padding: 8px 12px;
    text-decoration: none;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.1);
    color: #188542;
    font-size: 1.7rem;
    font-weight: bold;
    text-align: center;
}

div.rc_unit .header .header_submenu &gt; ul &gt; li &gt; a:hover {
	background-color: #f1f8e9;
	color: #444;
}

div.rc_unit .header .header_submenu &gt; ul &gt; li &gt; a &gt; i { margin-right: 0.5rem; }

div.rc_unit div.content {
	padding: 20px;
	padding-top: 10px;
}


/* --------------------------------------------------

	カレンダーテーブル

-------------------------------------------------- */
table.rc_table {
	width: 100%;
	table-layout:auto;
	box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}

table.rc_table caption { display: none; }


/* - 曜日行
-------------------------------------------------- */
table.rc_table th {
	background-color: #333;
	color: #fff;
	padding: 5px 0;
	font-size: 1.3rem;
	font-weight: bold;
	border: 1px solid #ddd;
	box-sizing: border-box;
	background-color: #2a7b73;
}

table.rc_table th.rc-sat { background-color: #0478b7; }
table.rc_table th.rc-sun { background-color: #d33529; }



/* - セル
-------------------------------------------------- */
table.rc_table td {}

table.rc_table td.rc-widget {
	background-color: #fff;
	border: 1px solid #ddd;
	box-sizing: border-box;
	vertical-align: top;
	padding: 2px 4px 4px;
}

/* --- 開催日セル --- */
table.rc_table td.kaisai { background-color: #f2fbeb; }

/* --- 日付ラインブロック --- */
td.rc-widget &gt; div.date_line { width: 100%; }

td.rc-widget &gt; div.date_line &gt; div.content {
	display: table;
	width: 100%;
	height: 100%;
	padding: 0;
}

td.rc-widget &gt; div.date_line &gt; div.content &gt; div {
	display: table-cell;
	vertical-align: top;
}

/* --- 日付表記 --- */
td.rc-widget &gt; div.date_line &gt; div.content &gt; div.date p &gt; span.sp { display: none; }

td.rc-widget &gt; div.date_line &gt; div.content &gt; div.date {
	font-weight: bold;
	font-size: 1.9rem;
}

td.rc-widget &gt; div.date_line &gt; div.content &gt; div.date a {
	display: block;
	text-decoration: none;
	color: #333;
}


/* - 土曜日 - */
td.rc-widget.rc-sat &gt; div.date_line &gt; div.content &gt; div.date,
td.rc-widget.rc-sat &gt; div.date_line &gt; div.content &gt; div.date a { color: #0478b7; }

/* - 日曜日 - */
td.rc-widget.rc-sun &gt; div.date_line &gt; div.content &gt; div.date,
td.rc-widget.rc-sun &gt; div.date_line &gt; div.content &gt; div.date a { color: #d33529; }

/* - 休日 - */
td.rc-widget &gt; div.date_line &gt; div.content &gt; div.date.rc-holiday,
td.rc-widget &gt; div.date_line &gt; div.content &gt; div.date.rc-holiday a { color: #d33529; }


/* --- 枠順／地方アイコン --- */
td.rc-widget &gt; div.date_line &gt; div.content &gt; div.icons { vertical-align: middle; }

td.rc-widget &gt; div.date_line &gt; div.content &gt; div.icons &gt; ul { display: table; float: right; }

td.rc-widget &gt; div.date_line &gt; div.content &gt; div.icons &gt; ul &gt; li {
	display: table-cell;
	font-size: 1.2rem;
	padding-left: 2px;
}

td.rc-widget &gt; div.date_line &gt; div.content &gt; div.icons &gt; ul &gt; li:first-child { padding-left: 0; }

/* - 枠順アイコン - */
td.rc-widget &gt; div.date_line &gt; div.content &gt; div.icons &gt; ul &gt; li.waku {  }

td.rc-widget &gt; div.date_line &gt; div.content &gt; div.icons &gt; ul &gt; li.waku &gt; p {
	background-color: #003f8b;
	color: #fff;
	border-radius: 2px;
	font-weight: bold;
	font-size: 1.1rem;
	padding: 0;
}

td.rc-widget &gt; div.date_line &gt; div.content &gt; div.icons &gt; ul &gt; li.waku.no_link &gt; p {
	padding: 4px;
	line-height: 1;
}

td.rc-widget &gt; div.date_line &gt; div.content &gt; div.icons &gt; ul &gt; li.waku &gt; p &gt; a {
	color: #fff;
	padding: 4px;
	line-height: 1;
	text-decoration: none;
	display: block;
}

/* - 地方アイコン - */
td.rc-widget &gt; div.date_line &gt; div.content &gt; div.icons &gt; ul &gt; li.local { vertical-align: middle; }

td.rc-widget &gt; div.date_line &gt; div.content &gt; div.icons &gt; ul &gt; li.local &gt; p {  }

td.rc-widget &gt; div.date_line &gt; div.content &gt; div.icons &gt; ul &gt; li.local &gt; p &gt; a {
	color: #fff;
	padding: 4px;
	text-decoration: none;
	display: block;
	font-weight: bold;
	font-size: 1.1rem;
	border-radius: 2px;
	font-size: 0.8rem;
	background-color: #ddd;
	color: #444;
	line-height: 1;
	border: 1px dotted #ccc;
	background-color: transparent;
	background-color: rgba(221,221,221,0.6);
	padding-bottom: 3px;
}

/* - 前後月の日付表記 - */
td.rc-other-month div.date_line &gt; div.content &gt; div.date { display: none; }


/* ----- セルボディブロック ----- */
td.rc-widget &gt; div.inner_sp { display: none; }

td.rc-widget &gt; div.inner {
	position: relative;
	display: block;
	box-sizing: border-box;
	min-width: 102px;
	min-height: 80px;
}

/* - お知らせがあるセル - */
td.rc-widget.has_info &gt; div.inner { padding-bottom: 4px; }

table.rc_table td.kaisai &gt; div.inner { max-width: 160px; }


/* --- 開催ブロック --- */
td.rc-widget &gt; div.inner div.kaisai_line { max-width: 152px; }

td.rc-widget &gt; div.inner div.kaisai_line &gt; ul {  }
td.rc-widget &gt; div.inner div.kaisai_line &gt; ul &gt; li { margin-top: 2px; }
td.rc-widget &gt; div.inner div.kaisai_line &gt; ul &gt; li:first-child { margin-top: 0; }

/* - 開催競馬場・重賞レース - */
td.rc-widget &gt; div.inner div.kaisai_line &gt; ul &gt; li &gt; div.k_line { display: table; }

td.rc-widget &gt; div.inner div.kaisai_line &gt; ul &gt; li &gt; div.k_line &gt; div.rc { display: table-cell; }
td.rc-widget &gt; div.inner div.kaisai_line &gt; ul &gt; li &gt; div.k_line &gt; div.rc &gt; p {
	padding: 2px 4px;
	border-radius: 2px;
	font-size: 1.1rem;
	white-space: nowrap;
	line-height: 1.3;
	color: #fff;
}

/* - A場 - */
td.rc-widget &gt; div.inner div.kaisai_line &gt; ul &gt; li.rc_a &gt; div.k_line &gt; div.rc &gt; p { background-color: #1d78c5; }
/* - B場 - */
td.rc-widget &gt; div.inner div.kaisai_line &gt; ul &gt; li.rc_b &gt; div.k_line &gt; div.rc &gt; p { background-color: #248250; }
/* - C場 - */
td.rc-widget &gt; div.inner div.kaisai_line &gt; ul &gt; li.rc_c &gt; div.k_line &gt; div.rc &gt; p { background-color: #d63737; }

/* - 重賞レース表記 - */
td.rc-widget &gt; div.inner div.kaisai_line &gt; ul &gt; li &gt; div.k_line &gt; div.race {
	display: table-cell;
	font-size: 1.1rem;
	padding-left: 4px;
	line-height: 1.3;
}

td.rc-widget &gt; div.inner div.kaisai_line &gt; ul &gt; li &gt; div.k_line &gt; div.race .grade {
	font-size: 1.0rem;
	margin-left: 0.2rem;
}
/* - 開催競馬場・重賞レース（ここまで） - */


td.rc-other-month &gt; div.date_line &gt; div.content &gt; div.date { display: none; }
td.rc-other-month &gt; div.inner &gt; * { display: none; }


/* --- オプション --- */
div.option_line { margin-top: 0; }

td.kaisai div.option_line { margin-top: 8px; }

/* - フリーパス - */
div.option_line .free_pass {
	background-color: #d4caa6;
	background-color: #fcdcf5;
	border-left: 2px solid #6c5658;
	border-left: 2px solid #c151df;
	border-right: 2px solid #6c5658;
	border-right: 2px solid #c151df;
	color: #343981;
	font-weight: bold;
	text-align: center;
	font-size: 1.1rem;
	line-height: 1.3;
}

div.option_line .free_pass a {
    display: block;
    text-decoration: none;
    color: #343981;
    padding: 4px 2px;
}

div.option_line .free_pass &gt; div { padding: 4px 2px; }

div.option_line .free_pass i { margin-right: 0.3em; }

div.option_line .free_pass p &gt; span { display: block; color: #1b1b1b; }

div.option_line .free_pass p.txt { font-size: 1rem; }


/* - 金曜日発売 - */
td.rc-widget div.option_line &gt; ul &gt; li.fri_sale , td.rc-widget div.option_line &gt; ul &gt; li.pre_sale {
	padding: 0;
	color: #fff;
	font-weight: bold;
	font-size: 1.1rem;
	text-align: center;
	border-left: 2px solid #da8944;
	border-right: 2px solid #da8944;
	background-color: #FBC67A;
	line-height: 1.3;
}

td.rc-widget div.option_line &gt; ul &gt; li.fri_sale.no_link , td.rc-widget div.option_line &gt; ul &gt; li.pre_sale.no_link { padding: 4px 2px; }

td.rc-widget div.option_line &gt; ul &gt; li.fri_sale &gt; p &gt; a ,td.rc-widget div.option_line &gt; ul &gt; li.pre_sale &gt; p &gt; a {
	display: block;
	text-decoration: none;
	color: #303030;
	padding: 4px 2px;
}

td.rc-widget div.option_line &gt; ul &gt; li.fri_sale span , td.rc-widget div.option_line &gt; ul &gt; li.pre_sale span {
	color: #005d00;
	display: block;
}


/* --- お知らせ --- */
td.rc-widget div.news_line {
	box-sizing: border-box;
	height: 25px;
	width: 100%;
	height: auto;
}

td.rc-widget div.news_line { margin-top: 8px; }
td.rc-widget.kaisai div.news_line { margin-top: 8px; }

td.rc-widget div.news_line &gt; p {
    text-align: left;
    padding: 0;
    font-size: 1rem;
}
td.rc-widget div.news_line &gt; p.sp { display: none; }

td.rc-widget div.news_line.no_link &gt; p {
	padding: 4px 2px;
	padding-left: 1.6rem;
	background-color: #edeaa9;
	width: 100%;
	box-sizing: border-box;
	border-radius: 4px;
}

td.rc-widget div.news_line &gt; p &gt; a {
	display: block;
	background-color: #edeaa9;
	padding: 4px 2px;
	width: 100%;
	box-sizing: border-box;
	border-radius: 4px;
	padding-left: 1.6rem;
	color: #1122cc;
}

td.rc-widget div.news_line &gt; p &gt; a:hover { text-decoration: none; }

td.rc-widget div.news_line &gt; p i {
	text-decoration: none;
	text-indent: -1.1rem;
	color: #ba0000;
}



/* - 詳細ウインドウ
-------------------------------------------------- */
#kaisai_detail {
	width: 360px;
	border-radius: 4px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.3);
	background-color: rgba(255,255,255,0.9);
	width: 400px;
	position: absolute;
	top: 50px;
	left: 50px;
	display: none;
}

#kaisai_detail_sp { display: none; }
#kaisai_detail_sp.show { display: none; }

#kaisai_detail &gt; div.inner { padding: 20px; }

#kaisai_detail &gt; div.inner p.date {
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
}

#kaisai_detail &gt; div.inner p.date.sat { color: #0478b7; }
#kaisai_detail &gt; div.inner p.date.sun { color: #d33529; }

#kaisai_detail &gt; div.inner p.kaisai_head {
	font-size: 1.3rem;
	font-weight: bold;
	padding: 4px;
	border: 1px solid #bbb;
	margin-top: 8px;
	text-align: center;
}

#kaisai_detail &gt; div.inner &gt; ul { margin-top: 10px; }
#kaisai_detail &gt; div.inner &gt; ul &gt; li { margin-top: 5px; }
#kaisai_detail &gt; div.inner &gt; ul &gt; li:first-child { margin-top: 0; }


/* --- 開催表示（構造変更） --- */
#kaisai_detail &gt; div.inner &gt; ul &gt; li &gt; div.k_line { display: table; }

#kaisai_detail &gt; div.inner &gt; ul &gt; li &gt; div.k_line &gt; div.rc {
	display: table-cell;
	width: 52px;
	box-sizing: border-box;
	vertical-align: top;
}

#kaisai_detail &gt; div.inner &gt; ul &gt; li &gt; div.k_line &gt; div.rc &gt; p {
	padding: 4px;
	border-radius: 2px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 1.3rem;
	line-height: 1.4;
	vertical-align: text-bottom;
}

#kaisai_detail &gt; div.inner &gt; ul &gt; li.rc_a &gt; div.k_line &gt; div.rc &gt; p { background-color: #1d78c5; }
#kaisai_detail &gt; div.inner &gt; ul &gt; li.rc_b &gt; div.k_line &gt; div.rc &gt; p { background-color: #248250; }
#kaisai_detail &gt; div.inner &gt; ul &gt; li.rc_c &gt; div.k_line &gt; div.rc &gt; p { background-color: #d63737; }

#kaisai_detail &gt; div.inner &gt; ul &gt; li &gt; div.k_line &gt; div.race {
	display: table-cell;
	vertical-align: middle;
	padding-left: 10px;
}

#kaisai_detail &gt; div.inner &gt; ul &gt; li &gt; div.k_line &gt; div.race &gt; p {
	font-weight: bold;
	font-size: 1.4rem;
}
/* --- 開催表示（構造変更：ここまで） --- */


#kaisai_detail &gt; div.inner &gt; div.banner_block {
	padding-top: 10px;
	border-top: 1px dotted #ccc;
	margin-top: 20px;
}

#kaisai_detail &gt; div.inner &gt; div.banner_block &gt; dl {
	display: table;
	width: 100%;
}

#kaisai_detail &gt; div.inner &gt; div.banner_block &gt; dl &gt; dt {
	display: table-cell;
	width: 170px;
	text-align: center;
	vertical-align: middle;
	background-color: #1b74bb;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
}

#kaisai_detail &gt; div.inner &gt; div.banner_block &gt; dl &gt; dd {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding-left: 10px;
}

#kaisai_detail &gt; div.inner &gt; div.banner_block &gt; dl &gt; dd img {
	max-width: 180px;
	vertical-align: top;
}


/* - 注釈PC
------------------------------------------------------------ */
#help_pc {
	display: block;
	margin-bottom: 5px;
	text-align: right;
}

#help_pc &gt; ul { font-size: 0; }

#help_pc &gt; ul &gt; li {
	font-size: 1.2rem;
	display: inline-block;
	margin-left: 1.5em;
}

#help_pc &gt; ul &gt; li &gt; span.a_waku {
	background-color: #003f8b;
	color: #fff;
	border-radius: 2px;
	font-weight: bold;
	font-size: 1.1rem;
	padding: 0;
	padding: 4px;
}

#help_pc &gt; ul &gt; li &gt; span.a_local {
	color: #fff;
	padding: 4px;
	font-weight: bold;
	font-size: 1.1rem;
	
	background-color: #797676;
	border-radius: 2px;
	
	font-size: 0.8rem;
	background-color: #ddd;
	color: #444;
	line-height: 1;
	border: 1px solid #b9b9b9;
	background-color: transparent;
	background-color: rgb(245, 245, 245);
	padding-bottom: 3px;
}

#help_pc &gt; ul &gt; li:first-child { margin-left: 0; }



/* - 他のカレンダーと連携 ブロック
------------------------------------------------------------ */
#ics_link { }

#ics_link .content {
    background-color: #ebebeb;
	padding: 15px 20px;
	border-top: 1px dotted #ccc;
}

#ics_link div.btn {  }

#ics_link div.btn &gt; a {
	background-color: #fff;
	color: #444;
	font-weight: bold;
	padding: 15px 10px;
	border-radius: 4px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.1);
	text-align: center;
	text-decoration: none;
	display: block;
	font-size: 1.4rem;
}

#ics_link div.btn &gt; a:hover { background-color: #f1f8e9; }

#ics_link div.btn &gt; a i { margin-right: 0.5rem; }




/* ------------------------------------------------------------

	979px

------------------------------------------------------------ */

@media only screen and (max-width: 979px) {
	
	#contentsBody {
		max-width: 100%;
		margin: 0 auto;
		padding: 0;
		padding-bottom: 40px;
	}
	
	#racingCalendar { padding: 0 10px; }
	
	div.rc_unit div.content { padding: 10px; }
	
	table.rc_table { table-layout: fixed; }
	
	td.rc-widget &gt; div.inner {
		position: relative;
		min-height: 100px;
		display: block;
		box-sizing: border-box;
		min-width: 102px;
		min-width: 86px;
		min-width: 0;
	}
	
	td.rc-widget.has_info &gt; div.inner { padding-bottom: 4px; }
	
	table.rc_table td.kaisai {  }
	
	table.rc_table td.kaisai &gt; div.inner { width: auto; }
	
	td.rc-widget &gt; div.inner div.data_block { min-height: 0; }
	
	td.rc-widget &gt; div.inner &gt; div.news_line { height: auto; }
	
	td.rc-widget.kaisai &gt; div.inner &gt; div.news_line { margin-top: 4px; }
	
	td.rc-widget &gt; div.inner &gt; div.news_line &gt; p &gt; a { position: static; }
	
	#ics_link .content { padding: 10px; }
	
	
}




/* ------------------------------------------------------------

	767px

------------------------------------------------------------ */

@media only screen and (max-width: 767px) {

	div.cal_header &gt; div.content &gt; h2 { font-size: 2.0rem; }
	
	/* --- レーシングカレンダー　ヘッダーサブメニュ --- */
	div.cal_header &gt; div.content &gt; div.sub_menu {
		width: 100%;
    	box-sizing: border-box;
		margin-top: 15px;
		padding: 0;
    	background-color: #5c7885;
		border-radius: 4px;
	}
	
	div.cal_header &gt; div.content &gt; div.sub_menu &gt; dl {
		padding: 5px;
    	background-color: #5c7885;
		border-radius: 4px;
	}

	div.cal_header &gt; div.content &gt; div.sub_menu &gt; dl &gt; dt { display: block; }
	div.cal_header &gt; div.content &gt; div.sub_menu &gt; dl &gt; dt &gt; a { display: block; padding: 5px 8px; }
	div.cal_header &gt; div.content &gt; div.sub_menu &gt; dl &gt; dt i { margin-right: 0.4em; }
	
	div.cal_header &gt; div.content &gt; div.sub_menu &gt; dl &gt; dd { display: none; }
	div.cal_header &gt; div.content &gt; div.sub_menu &gt; dl &gt; dd.open {
    	display: block;
		border-top: 1px solid #444;
		padding-top: 10px;
	}
	
	div.cal_header &gt; div.content &gt; div.sub_menu &gt; dl &gt; dd &gt; ul { display: block; }
	
	div.cal_header &gt; div.content &gt; div.sub_menu &gt; dl &gt; dd &gt; ul &gt; li { display: block; }
	
	/* --- 月タブ --- */
	div.tab.month &gt; ul { box-sizing: border-box; }
	
	div.tab.month &gt; ul &gt; li {
		display: block;
		width: 17%;
		float:left;
	}
	
	div.tab.month &gt; ul &gt; li.current &gt; a:after { border: none; }

	div.tab.month &gt; ul &gt; li:first-child,
	div.tab.month &gt; ul &gt; li:nth-child(6),
	div.tab.month &gt; ul &gt; li:nth-child(7),
	div.tab.month &gt; ul &gt; li:last-child { width: 16%; }
	
	div.tab.month &gt; ul &gt; li:first-child { border-bottom-left-radius: 0; }
	div.tab.month &gt; ul &gt; li:nth-child(6) { border-right: none; }
	div.tab.month &gt; ul &gt; li:nth-child(-n+6)  { border-bottom: 1px solid #ddd; }
	
	div.tab.month &gt; ul &gt; li:first-child.current &gt; a { border-top-left-radius: 4px; }
	div.tab.month &gt; ul &gt; li:nth-child(6).current &gt; a { border-top-right-radius: 4px; }
	div.tab.month &gt; ul &gt; li:nth-child(7).current &gt; a { border-bottom-left-radius: 4px; }
	div.tab.month &gt; ul &gt; li:last-child.current &gt; a { border-bottom-right-radius: 4px; }
	
	
	/* --- カレンダーヘッダー部分 --- */
	div.rc_unit .header { padding: 10px; }
	
	div.rc_unit .header .num_month &gt; h3 {
		font-size: 3.6rem;
		display: block;
		margin-right: 0;
	}
	
	div.rc_unit .header .num_month &gt; p {
		font-size: 0.8rem;
		padding: 3px 4px;
		margin-left: 0;
	}
	
	div.rc_unit .header .header_submenu &gt; ul &gt; li {
		float: none;
		margin-right: 0;
		margin-bottom: 5px;
	}
	
	div.rc_unit .header .header_submenu &gt; ul &gt; li:last-child { margin-bottom: 0; }
	
	div.rc_unit .header .header_submenu &gt; ul &gt; li &gt; a {
		display: block;
		padding: 4px 8px;
		text-decoration: none;
		background-color: #fff;
		border-radius: 4px;
		box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);
		color: #188542;
		font-size: 1.2rem;
		font-weight: bold;
		text-align: left;
	}
	
	div.rc_unit .header .header_submenu &gt; ul &gt; li.current &gt; a {  }
	
	td.rc-widget &gt; div.date_line &gt; div.content { text-align: center; }
	
	/* --- 日付表記 --- */
	td.rc-widget &gt; div.date_line &gt; div.content &gt; div.date p &gt; a { display: none; }
	
	td.rc-widget &gt; div.date_line &gt; div.content &gt; div.date p { font-size: 1.2rem; }
	td.rc-widget &gt; div.date_line &gt; div.content &gt; div.date p &gt; span { display: none; }
	
	td.rc-widget &gt; div.date_line &gt; div.content &gt; div.date p &gt; span.sp {
		display: block; font-size: 1.2rem;
	}
	
	td.rc-widget &gt; div.date_line &gt; div.content &gt; div.icons { display: none; }
	
	td.rc-widget &gt; div.inner { display: none; }
	td.rc-widget &gt; div.inner_sp { display: block; min-height: 25px; }
	
	
	/* --- 開催 --- */
	td.rc-widget &gt; div.inner_sp &gt; div.data_block &gt; div.kaisai_line &gt; ul {
		text-align: center;
		font-size: 0;
		margin-bottom: 4px;
	}
	
	td.rc-widget &gt; div.inner_sp &gt; div.data_block &gt; div.kaisai_line &gt; ul &gt; li {
		display: inline-block;
		padding: 0;
		font-size: 0.8rem;
		padding: 1px;
	}
	
	td.rc-widget &gt; div.inner_sp &gt; div.data_block &gt; div.kaisai_line &gt; ul &gt; li &gt; div.k_line &gt; div.race { display: none; }
	td.rc-widget &gt; div.inner_sp &gt; div.data_block &gt; div.kaisai_line &gt; ul &gt; li &gt; div.k_line { display: block; }
	
	td.rc-widget &gt; div.inner_sp &gt; div.data_block &gt; div.kaisai_line &gt; ul &gt; li &gt; div.k_line &gt; div.rc &gt; p {
		color: #fff;
		padding: 1px 4px;
		border-radius: 2px;
		font-weight: bold;
	}
	
	td.rc-widget &gt; div.inner_sp &gt; div.data_block &gt; div.kaisai_line &gt; ul &gt; li.rc_a &gt; div.k_line &gt; div.rc &gt; p {
		background-color: #1d78c5;
	}
	
	td.rc-widget &gt; div.inner_sp &gt; div.data_block &gt; div.kaisai_line &gt; ul &gt; li.rc_b &gt; div.k_line &gt; div.rc &gt; p {
		background-color: #248250;
	}
	
	td.rc-widget &gt; div.inner_sp &gt; div.data_block &gt; div.kaisai_line &gt; ul &gt; li.rc_c &gt; div.k_line &gt; div.rc &gt; p {
		background-color: #d63737;
	}
	
	
	/* --------------- オプションアイコン関連 --------------- */
	td.rc-widget &gt; div.inner_sp &gt; div.icons &gt; ul { text-align: center; }
	
	td.rc-widget &gt; div.inner_sp &gt; div.icons &gt; ul &gt; li {
		display: inline-block;
		font-size: 0.9rem;
		margin-right: 2px;
	}
	
	td.rc-widget &gt; div.inner_sp &gt; div.icons &gt; ul &gt; li:last-child {
		margin-bottom: 0;
		margin-right: 0;
	}
	
	/* - 地方競馬アイコン - */
	td.rc-widget &gt; div.inner_sp &gt; div.icons &gt; ul &gt; li.local &gt; p { display: none; }
	
	td.rc-widget &gt; div.inner_sp &gt; div.icons &gt; ul &gt; li.local {
		color: #fff;
		padding: 2px;
		line-height: 1;
		text-decoration: none;
		font-weight: bold;
		background-color: #797676;
		border-radius: 3px;
		text-align: center;
		background-color: #ddd;
		color: #444;
	}
	
	/* - 枠順アイコン - */
	td.rc-widget &gt; div.date_line &gt; div.content &gt; div.icons &gt; ul &gt; li.waku &gt; p { display: none; }
	
	td.rc-widget &gt; div.inner_sp &gt; div.icons &gt; ul &gt; li.waku {
		background-color: #003f8b;
		color: #fff;
		border-radius: 3px;
		font-weight: bold;
		text-align: center;
		padding: 2px;
		line-height: 1;
	}
	
	/* - 金曜日発売 - */
	td.rc-widget &gt; div.inner_sp &gt; div.option_line .fri_sale &gt; p { display: none; }
	
	td.rc-widget &gt; div.inner_sp &gt; div.icons &gt; ul &gt; li.fri_sale {
		border: none;
		background-color: #fbc67a;
		color: #303030;
		border-radius: 3px;
		font-weight: bold;
		text-align: center;
		padding: 2px;
		line-height: 1;
	}
	
	/* - 金曜日発売 - */
	td.rc-widget &gt; div.inner_sp &gt; div.option_line .pre_sale &gt; p { display: none; }
	
	td.rc-widget &gt; div.inner_sp &gt; div.icons &gt; ul &gt; li.pre_sale {
		border: none;
		background-color: #fbc67a;
		color: #303030;
		border-radius: 3px;
		font-weight: bold;
		text-align: center;
		padding: 2px;
		line-height: 1;
	}
	
	/* - フリーパス - */
	div.option_line .free_pass p { /*display: none;*/ }
	div.option_line .free_pass p &gt; span { display: inline; margin-left: 0.5rem; }
    
    div.option_line .free_pass p.txt {
        margin-top: 4px;
        font-size: 1.1rem;
    }
	
    div.option_line .free_pass i { display: inline-block; }
    
    
	td.rc-widget &gt; div.inner_sp &gt; div.icons &gt; ul &gt; li.free_pass {
		background: none;
		border: none;
		text-align: left;
		padding: 0;
	}
	
	td.rc-widget &gt; div.inner_sp &gt; div.icons &gt; ul &gt; lifree_pass {
		background: none;
		border: none;
		text-align: left;
		padding: 0;
	}
	
	td.rc-widget &gt; div.inner_sp &gt; div.icons &gt; ul &gt; li.free_pass {
		background-color: #d4caa6;
		background-color: #fcdcf5;
		font-weight: bold;
		color: #343981;
		text-align: center;
		line-height: 1;
		padding: 2px;
		border-radius: 3px;
		color: #1b1b1b;
	}
	
	/* --- inner_sp内のdivのマージン管理 --- */
	td.rc-widget &gt; div.inner_sp &gt; div { margin-top: 2px; }
	
	td.rc-widget &gt; div.inner_sp &gt; div:first-child { margin-top: 0; }
	td.rc-widget &gt; div.inner_sp &gt; div:nth-child(2) { margin-top: 0; }
	
	/* --- お知らせ --- */
	td.rc-widget.kaisai div.news_line { margin-top: 2px; }
	td.rc-widget.kaisai &gt; div:nth-child(2) { margin: 0; }
	
	td.rc-widget div.news_line &gt; p { display: none; }
	
	td.rc-widget div.news_line &gt; p.sp {
		background-color: #edeaa9;
		box-sizing: border-box;
		border-radius: 4px;
		padding-left: 0;
		padding: 2px;
		line-height: 1;
		width: auto;
		display: block;
		text-align: center;
	}
	
	td.rc-widget div.news_line &gt; p.sp i {
		text-indent: 0;
		color: #ba0000;
	}
	
	
	
	/* - 詳細ウインドウ
	-------------------------------------------------- */
	#kaisai_detail { display: none; }
	
	#kaisai_detail_sp {
		display: block;
		position: static;
		width: auto;
		border-radius: 0;
		box-shadow: none;
		background-color: #ebebeb;
		padding: 10px;
		border-top: 1px solid #ddd;
		display:none;
	}
	
	#kaisai_detail_sp.show { display: block; }
	
	
	#kaisai_detail_sp &gt; div.inner {
		background-color: #fff;
		box-shadow: 0 1px 4px rgba(0,0,0,0.1);
		border-radius: 4px;
	}
	
	#kaisai_detail_sp &gt; div.inner p.date { text-align: left; }
	
	#kaisai_detail {
		width: 360px;
		border-radius: 4px;
		box-shadow: 0 1px 4px rgba(0,0,0,0.3);
		background-color: rgba(255,255,255,0.9);
		width: 100%;
	}
	
	#kaisai_detail_sp &gt; div.inner { padding: 16px; }
	
	#kaisai_detail_sp &gt; div.inner &gt; div.innertop {
		display: table;
		width: 100%;
		border-bottom: 1px solid #ddd;
		padding-bottom: 8px;
	}
	
	#kaisai_detail_sp &gt; div.inner &gt; div.innertop p.date {
		display: table-cell;
		font-size: 1.8rem;
		font-weight: bold;
		text-align: left;
		vertical-align: middle;
	}
	
	#kaisai_detail_sp &gt; div.inner &gt; div.innertop p.date.sat { color: #0478b7; }
	#kaisai_detail_sp &gt; div.inner p.date.sun { color: #d33529; }
	
	#kaisai_detail_sp &gt; div.inner &gt; div.innertop div.program { display: table-cell; }
	#kaisai_detail_sp &gt; div.inner &gt; div.innertop div.program.hide { display: none; }
	
	#kaisai_detail_sp &gt; div.inner &gt; div.innertop div.program a {
		display: block;
		text-decoration: none;
		text-align: center;
		background-color: #2aa83d;
		background-color: #268300;
		border-radius: 4px;
		box-shadow: 0 1px 4px rgba(0,0,0,0.1);
		padding: 4px;
		color: #fff;
		font-weight: bold;
	}
	
	#kaisai_detail_sp &gt; div.inner &gt; div.innertop div.program a i { margin-right: 0.5rem; }
	
	
	#kaisai_detail_sp &gt; div.inner p.kaisai_head {
		display: none;
		
		font-size: 1.3rem;
		font-weight: bold;
		padding: 4px;
		border: 1px solid #bbb;
		margin-top: 8px;
		text-align: center;
	}
	
	
	/* --- 開催ブロック --- */
	#kaisai_detail_sp div.kaisai_block { display: block; }
	#kaisai_detail_sp div.kaisai_block.hide { display: none; }
	
	#kaisai_detail_sp div.kaisai_block &gt; ul {
		margin-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px dotted #ddd;
	}
	
	#kaisai_detail_sp div.kaisai_block.no_border &gt; ul { border-bottom: none; }
	
	#kaisai_detail_sp div.kaisai_block &gt; ul &gt; li { margin-top: 5px; }
	#kaisai_detail_sp div.kaisai_block &gt; ul &gt; li:first-child { margin-top: 0; }
	
	
	/* --- 開催 --- */
	#kaisai_detail_sp div.kaisai_block &gt; ul &gt; li &gt; div.k_line { display: table; }
	
	#kaisai_detail_sp div.kaisai_block &gt; ul &gt; li &gt; div.k_line &gt; div.rc {
		display: table-cell;
		width: auto;
		box-sizing: border-box;
		vertical-align: top;
	}
	
	#kaisai_detail_sp div.kaisai_block &gt; ul &gt; li &gt; div.k_line &gt; div.rc &gt; p {
		padding: 3px;
		border-radius: 2px;
		text-align: center;
		color: #fff;
		font-weight: bold;
		font-size: 1.3rem;
		line-height: 1.4;
		white-space: nowrap;
		vertical-align: text-bottom;
	}
	
	#kaisai_detail_sp div.kaisai_block &gt; ul &gt; li.rc_a &gt; div.k_line &gt; div.rc &gt; p { background-color: #1d78c5; }
	#kaisai_detail_sp div.kaisai_block &gt; ul &gt; li.rc_b &gt; div.k_line &gt; div.rc &gt; p { background-color: #248250; }
	#kaisai_detail_sp div.kaisai_block &gt; ul &gt; li.rc_c &gt; div.k_line &gt; div.rc &gt; p { background-color: #d63737; }
	
	#kaisai_detail_sp div.kaisai_block &gt; ul &gt; li &gt; div.k_line &gt; div.race {
		display: table-cell;
		vertical-align: middle;
		padding-left: 10px;
	}
	
	#kaisai_detail_sp div.kaisai_block &gt; ul &gt; li &gt; div.k_line &gt; div.race &gt; p {
		font-weight: bold;
		font-size: 1.4rem;
	}
	
	/* --- オプション--- */
	#kaisai_detail_sp &gt; div.inner &gt; div.option_line { margin-top: 10px; }
	#kaisai_detail_sp &gt; div.inner &gt; div.option_line &gt; ul { margin: 0 auto; }
	
	#kaisai_detail_sp &gt; div.inner &gt; div.option_line &gt; ul &gt; li {
		margin-bottom: 4px;
		text-align: center;
		font-size: 1.3rem;
		line-height: 1.0;
	}
	
	#kaisai_detail_sp &gt; div.inner &gt; div.option_line &gt; ul &gt; li i { margin-right: 0.5rem; }
	
	/* --- 地方競馬発売日（IPAT）--- */
	#kaisai_detail_sp &gt; div.inner &gt; div.option_line &gt; ul &gt; li.local a {
		padding: 8px;
		text-decoration: none;
		display: block;
		color: #fff;
		background-color: #797676;
		border-radius: 4px;
		text-align: center;
	}
	
	#kaisai_detail_sp &gt; div.inner span.no_link { display: none; }
	
	
	/* --- 枠順確定日 --- */
	#kaisai_detail_sp &gt; div.inner &gt; div.option_line &gt; ul &gt; li.waku  {
		color: #fff;
		text-decoration: none;
		display: block;
		background-color: #003f8b;
		border-radius: 4px;
	}
	
	#kaisai_detail_sp &gt; div.inner &gt; div.option_line &gt; ul &gt; li.waku a {
		display: block;
		color: #fff;
		text-decoration: none;
		padding: 8px;
	}
	
	#kaisai_detail_sp &gt; div.inner &gt; div.option_line &gt; ul &gt; li.waku.no_link {
		color: #fff;
		text-decoration: none;
		padding: 8px;
	}
	
	
	/* --- フリーパスの日 --- */
	#kaisai_detail_sp &gt; div.inner &gt; div.option_line &gt; ul &gt; li.free_pass {
		margin-bottom: 4px;
		text-align: center;
		border: none;
		background-color: #d4caa6;
		background-color: #fcdcf5;
		border-radius: 4px;
		color: #343981;
		font-weight: bold;
	}
    
    #kaisai_detail_sp &gt; div.inner &gt; div.option_line &gt; ul &gt; li.free_pass &gt; a,
    #kaisai_detail_sp &gt; div.inner &gt; div.option_line &gt; ul &gt; li.free_pass &gt; div {
        padding: 8px;
        display: block;
    }
    
	
	/* --- 金曜日発売 --- */
	#kaisai_detail_sp &gt; div.inner &gt; div.option_line  &gt; ul &gt; li.fri_sale a {
		display: block;
		padding: 8px;
		text-decoration: none;
		color: #303030;
		background-color: #fbc67a;
		border-radius: 4px;
	}
	
	#kaisai_detail_sp &gt; div.inner &gt; div.option_line  &gt; ul &gt; li.fri_sale a span {
		color: #005d00;
		margin-left: 0.4rem;
	}
	
	#kaisai_detail_sp &gt; div.inner &gt; div.option_line .fri_sale.no_link { padding: 4px 2px; }
	
	#kaisai_detail_sp &gt; div.inner &gt; div.option_line .fri_sale &gt; p &gt; a {
		display: block;
		text-decoration: none;
		color: #303030;
		padding: 8px;
		border-radius: 4px;
	
	}
	
	#kaisai_detail_sp &gt; div.inner &gt; div.option_line .fri_sale &gt; p span {
		color: #0e8e01;
		font-weight: bold;
		display: inline;
		margin-left: 0.5rem;
	}
	
	
	/* ---前日発売 --- */
	#kaisai_detail_sp &gt; div.inner &gt; div.option_line  &gt; ul &gt; li.pre_sale a {
		display: block;
		padding: 8px;
		text-decoration: none;
		color: #303030;
		background-color: #fbc67a;
		border-radius: 4px;
	}
	
	#kaisai_detail_sp &gt; div.inner &gt; div.option_line  &gt; ul &gt; li.pre_sale a span {
		color: #005d00;
		margin-left: 0.4rem;
	}
	
	#kaisai_detail_sp &gt; div.inner &gt; div.option_line .pre_sale.no_link { padding: 4px 2px; }
	
	#kaisai_detail_sp &gt; div.inner &gt; div.option_line .pre_sale &gt; p &gt; a {
		display: block;
		text-decoration: none;
		color: #303030;
		padding: 8px;
		border-radius: 4px;
	
	}
	
	#kaisai_detail_sp &gt; div.inner &gt; div.option_line .pre_sale &gt; p span {
		color: #0e8e01;
		font-weight: bold;
		display: inline;
		margin-left: 0.5rem;
	}
	
	/* --- お知らせ --- */
	#kaisai_detail_sp &gt; div.inner &gt; div.news_line { margin-top: 4px; }
	#kaisai_detail_sp &gt; div.inner &gt; div.news_line.hide { display: none; }
	
	#kaisai_detail_sp &gt; div.inner &gt; div.news_line &gt; p {
		text-align: center;
		padding: 0;
		font-size: 1.3rem;
		line-height: 1.0;
	}
	
	#kaisai_detail_sp &gt; div.inner &gt; div.news_line.no_link &gt; p {
		padding: 8px;
		background-color: #edeaa9;
		width: 100%;
		box-sizing: border-box;
		border-radius: 4px;
	}
	
	#kaisai_detail_sp &gt; div.inner &gt; div.news_line &gt; p &gt; a {
		display: block;
		background-color: #edeaa9;
		padding: 8px;
		width: 100%;
		box-sizing: border-box;
		border-radius: 4px;
	}
	
	#kaisai_detail_sp &gt; div.inner &gt; div.news_line &gt; p &gt; a:hover { text-decoration: none; }
	
	#kaisai_detail_sp &gt; div.inner &gt; div.news_line &gt; p i {
		text-decoration: none;
		margin-right: 0.4rem;
		color: #ba0000;
	}
	
	
	/* --- 注釈（PC） --- */
	#help_pc { display: none; }
	
	/* --- 注釈（SP） --- */
	#iconHelp {
		display: block;
		width: auto;
		border-radius: 0;
		box-shadow: none;
		background-color: #ebebeb;
		padding: 10px;
		font-weight: bold;
		border-bottom: 1px dotted #ddd;
	}
	
	#iconHelp &gt; .optIconList {  }
	
	#iconHelp &gt; div.optIconList &gt; h4 { color: #333; font-size: 1.2rem; }
	
	#iconHelp &gt; div.optIconList &gt; h4 &gt; a {
		display: block;
		text-decoration:none;
		color: #333;
		padding: 6px 10px;
		background-color: #fff;
	}
	
	#iconHelp &gt; div.optIconList &gt; h4 &gt; a span { margin-right: 0.4em; }
	
	#iconHelp &gt; div.optIconList &gt; h4 &gt; a span i.fa-chevron-circle-down { display: inline-block; }
	#iconHelp &gt; div.optIconList &gt; h4 &gt; a.open span i.fa-chevron-circle-down { display: none; }
	#iconHelp &gt; div.optIconList &gt; h4 &gt; a span i.fa-chevron-circle-up { display: none; }
	#iconHelp &gt; div.optIconList &gt; h4 &gt; a.open span i.fa-chevron-circle-up { display: inline-block; }
	
	#iconHelp &gt; div.optIconList &gt; div.content {
		display: none;
		border-top: 1px dotted #ccc;
		padding: 10px;
		background-color: #fff;
	}
	
	#iconHelp &gt; div.optIconList &gt; div.content.open { display: block; }
	
	
	#iconHelp &gt; div.optIconList &gt; div.content &gt; dl { margin-bottom: 2px; overflow: hidden; }
	#iconHelp &gt; div.optIconList &gt; div.content &gt; dl:after { content: ''; display: block; clear: both; }
	
	#iconHelp &gt; div.optIconList &gt; div.content &gt; dl dt {
		float: left;
		padding: 3px;
		margin-right: 8px;
		font-size: 1.1rem;
		border-radius: 3px;
		line-height: 1;
		text-align: center;
		font-weight: bold;
	}
	
	#iconHelp &gt; div.optIconList &gt; div.content &gt; dl dd { font-weight: normal; }
	
	#iconHelp &gt; div.optIconList &gt; div.content &gt; dl dt.local {
		color: #fff;
		background-color: #797676;
		background-color: #ddd;
		color: #444;
	}
	
	#iconHelp &gt; div.optIconList &gt; div.content &gt; dl dt.fri_sale {
		background-color: #fbc67a; color: #303030;
	}
	
	#iconHelp &gt; div.optIconList &gt; div.content &gt; dl dt.waku {
		background-color: #003f8b; color: #fff;
	}
	
	#iconHelp &gt; div.optIconList &gt; div.content &gt; dl dt.free_pass {
		background-color: #d4caa6;
		background-color: #fcdcf5;
		color: #1b1b1b;
	}
		
	#iconHelp &gt; div.optIconList &gt; div.content &gt; dl dt.news {
		background-color: #edeaa9;
		border-radius: 4px;
		padding: 4px;
	}
	
	#iconHelp &gt; div.optIconList &gt; div.content &gt; dl dt.news i { color: #ba0000; }
	
}
</pre></body></html>