@charset "utf-8";
/* CSS Document */

/* ********************
reset start
******************** */
* {
	-webkit-tap-highlight-color: transparent;
	outline: none;
}

html,
body,
p,
div,
table,
td,
th,
span,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
img,
a,
a img,
canvas,
pre,
header,
footer,
article,
time,
strong,
b,
nav,
section {
	margin: 0;
	padding: 0;
	text-decoration: none;
	border: 0px none transparent;
	font-size: inherit;
	font-weight: inherit;
	font-family: inherit;
	color: inherit;
	cursor: inherit;
	text-align: inherit;

	box-sizing: border-box;
}

html,
body {
	height: 100%;
	width: 100%;
	font-weight: normal;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ',
		Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	cursor: default;

	-webkit-text-size-adjust: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
li {
	list-style: none;
}

a {
	text-decoration: none;
	color: red;
	cursor: pointer;
}
a:hover {
	text-decoration: none;
	color: indianred;
}
a:focus {
	text-decoration: none;
	color: indianred;
}
td,
th {
	vertical-align: top;
}
img {
	vertical-align: bottom;
}

html {
	font-size: 3.125vw;
}
/* ********************
reset end
******************** */

/* ********************
基本構成
******************** */
body {
	background: url(../images/bk.png) #fff;
	background-position: 50% 0;
	background-size: contain;
}
header {
	width: 100%;
	background: url(../images/top_bk.png) repeat-x 50% 0;
	background-size: contain;
}
header > #formbox {
	position: relative;
	width: 100%;
	margin: 0 auto;
	background: url(../images/header.png) no-repeat 50% 0;
	background-size: contain;
}

header #today_month {
	display: none;
}
header #today_area {
	display: block;
	position: absolute;
	top: 0;
	left: 3rem;
	width: 8rem;
	height: 3rem;
	font-family: 'Anton', sans-serif;
}
header #today_area .month {
	position: absolute;
	font-size: 1.8rem;
	top: 0rem;
	left: 0rem;
	width: 2.6rem;
	text-align: right;
	font-weight: bold;
	line-height: 3rem;
}
header #today_area .date {
	position: absolute;
	font-size: 2.4rem;
	top: 0rem;
	left: 2.8rem;
	font-weight: bold;
	width: 3rem;
	line-height: 3rem;
	text-align: center;
}
header #today_area .youbi {
	position: absolute;
	background: #000;
	color: #fff;
	text-align: center;
	height: 1.5rem;
	width: 1.5rem;
	line-height: 1.5rem;
	font-size: 1.3rem;
	top: 1rem;
	left: 6rem;
	border-radius: 0.75rem;
	font-weight: bold;
}
header #today_area .youbi.sun {
	background: red;
}
header #today_area .youbi.holiday {
	background: red;
	white-space: nowrap;
	width: 2.2rem;
	left: 5.5rem;
	font-size: 0.8rem;
}
header #today_area .youbi.holiday::after {
	content: '･祝';
}
header #today_area .youbi.sat {
	background: royalblue;
}

header nav {
	display: block;
	width: 100%;
	height: 4.55rem;
	position: relative;
}
header #calender {
	position: absolute;
	display: block;
	top: 0;
	left: 11em;
}
header #calender h3 {
	display: block;
	height: 3.8rem;
	width: 13.85rem;
	background: url(../images/btn_calendar.png) no-repeat;
	background-size: contain;
}

header .facebook {
	position: absolute;
	display: block;
	top: 0;
	left: 27.7rem;
	height: 3.8rem;
	width: 3rem;
	background: url(../images/ico_btn_fb.png) no-repeat;
	background-size: contain;
}
header .facebook a {
	display: block;
	width: 100%;
	height: 100%;
}

header .twitter {
	position: absolute;
	display: block;
	top: 0;
	left: 24.7rem;
	height: 3.8rem;
	width: 3rem;
	background: url(../images/ico_btn_tw.png) no-repeat;
	background-size: contain;
}
header .twitter a {
	display: block;
	width: 100%;
	height: 100%;
}
header .official {
	display: none;
}

header #search {
	position: absolute;
	display: block;
	top: 4.6rem;
	left: 3.2rem;
}
header #search input.freeword {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 22rem;
	height: 3rem;
	padding: 0 1rem;
	background: #1d1500;
	color: #fff;
	border: 0 none transparent;
	font-weight: bold;
	font-size: 1.4rem;
}
header #search input.freesubmit {
	position: absolute;
	display: block;
	top: 0;
	left: 22rem;
	width: 3rem;
	height: 3rem;
	background: url(../images/ico_search.png) no-repeat #000;
	background-size: contain;
	border: none;
	z-index: 1;
}

header .titlespace {
	display: block;
	width: 100%;
	margin-top: 3.5rem;
	height: 6.2rem;
	background: url(../images/logo.png) no-repeat;
	background-size: contain;
	position: relative;
}
header .titlespace h1 {
	position: absolute;
	display: block;
	top: 0;
	left: 0%;
	width: 85%;
	height: 6rem;
}
header .titlespace h1 a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}

header .jolist {
	width: 100%;
	text-align: center;
	height: 4.7rem;
	overflow: hidden;
	transition: 0.2s height;
}
header .jolist.open {
	height: 30rem;
}
header .jolist:before {
	content: '▼ レース場を絞り込む';
	display: block;
	margin: 0 auto;
	margin-bottom: 1rem;
	margin-top: 1rem;
	background-color: #72a501;
	width: 85%;
	cursor: pointer;
	border-radius: 1.7rem;
	box-shadow: 4px 4px #471600;
	text-align: center;
	color: #fff;
	line-height: 3.4rem;
	height: 3.4rem;
	font-weight: bold;
	font-size: 1.8rem;
}
header .jolist.open:before {
	content: '▲ レース場を絞り込む';
}
header .jobox {
	display: inline-block;
	position: relative;
	box-sizing: border-box;

	margin: 0.4rem;
	text-indent: -9999px;
	background-color: #ff6508;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;

	width: 6rem;
	height: 3.35rem;

	border: 2px solid #ff6508;
}
header .jobox.selected {
	border: 2px solid #72a501;
}
header .jobox.jo_1 {
	background-image: url(../images/btn_j2/btn_jou01.png);
}
header .jobox.jo_2 {
	background-image: url(../images/btn_j2/btn_jou02.png);
}
header .jobox.jo_3 {
	background-image: url(../images/btn_j2/btn_jou03.png);
}
header .jobox.jo_4 {
	background-image: url(../images/btn_j2/btn_jou04.png);
}
header .jobox.jo_5 {
	background-image: url(../images/btn_j2/btn_jou05.png);
}
header .jobox.jo_6 {
	background-image: url(../images/btn_j2/btn_jou06.png);
}
header .jobox.jo_7 {
	background-image: url(../images/btn_j2/btn_jou07.png);
}
header .jobox.jo_8 {
	background-image: url(../images/btn_j2/btn_jou08.png);
}
header .jobox.jo_9 {
	background-image: url(../images/btn_j2/btn_jou09.png);
}
header .jobox.jo_10 {
	background-image: url(../images/btn_j2/btn_jou10.png);
}
header .jobox.jo_11 {
	background-image: url(../images/btn_j2/btn_jou11.png);
}
header .jobox.jo_12 {
	background-image: url(../images/btn_j2/btn_jou12.png);
}
header .jobox.jo_13 {
	background-image: url(../images/btn_j2/btn_jou13.png);
}
header .jobox.jo_14 {
	background-image: url(../images/btn_j2/btn_jou14.png);
}
header .jobox.jo_15 {
	background-image: url(../images/btn_j2/btn_jou15.png);
}
header .jobox.jo_16 {
	background-image: url(../images/btn_j2/btn_jou16.png);
}
header .jobox.jo_17 {
	background-image: url(../images/btn_j2/btn_jou17.png);
}
header .jobox.jo_18 {
	background-image: url(../images/btn_j2/btn_jou18.png);
}
header .jobox.jo_19 {
	background-image: url(../images/btn_j2/btn_jou19.png);
}
header .jobox.jo_20 {
	background-image: url(../images/btn_j2/btn_jou20.png);
}
header .jobox.jo_21 {
	background-image: url(../images/btn_j2/btn_jou21.png);
}
header .jobox.jo_22 {
	background-image: url(../images/btn_j2/btn_jou22.png);
}
header .jobox.jo_23 {
	background-image: url(../images/btn_j2/btn_jou23.png);
}
header .jobox.jo_24 {
	background-image: url(../images/btn_j2/btn_jou24.png);
}
header .jobox input {
	position: absolute;
	border: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.01;
}

header .category {
	width: 100%;
	margin-top: 1rem;
	box-sizing: border-box;
	text-align: center;
}
header .catbox {
	display: inline-block;
	width: 14.6rem;
	height: 3.05rem;
	margin: 0.3rem;
	position: relative;
	box-sizing: border-box;
	text-indent: -9999px;
	border: 2px solid transparent;
}
header .catbox.selected {
	border: 2px solid blue;
}
header .catbox.cat_1 {
	background: url(../images/btn_eve1.png) no-repeat;
	background-size: cover;
}
header .catbox.cat_2 {
	background: url(../images/btn_eve2.png) no-repeat;
	background-size: cover;
}
header .catbox.cat_3 {
	background: url(../images/btn_eve3.png) no-repeat;
	background-size: cover;
}
header .catbox.cat_4 {
	background: url(../images/btn_eve4.png) no-repeat;
	background-size: cover;
}
header .catbox input {
	position: absolute;
	border: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.01;
}
header .catbox:hover {
	opacity: 0.8;
}

header #line_clear {
	width: 100%;
}
header #line_clear #btn_clear {
	display: block;
	margin: 0 auto;
	width: 15rem;
	height: 4.2rem;
	background: url(../images/btn_clear.png) no-repeat;
	background-size: contain;
}

#contents {
	display: block;
	margin: 0 auto;
	width: 100%;
	margin-top: 2em;
}
#contents > h2 {
	width: 21.05rem;
	height: 3.45rem;
	position: relative;
	margin: auto;
	background: url(../images/day_ribbon.png) no-repeat;
	background-size: contain;
	font-size: 1.8rem;
	text-align: center;
	line-height: 3.45rem;
	margin: 0.25em auto;
	padding-right: 1rem;
}
#contents > h2 .youbi {
	position: relative;
	display: inline-block;
	margin-left: 0.2rem;
	background: #000;
	color: #fff;
	text-align: center;
	height: 1.7rem;
	width: 1.7rem;
	line-height: 1.7rem;
	font-size: 1.2rem;
	border-radius: 0.9rem;
	font-weight: bold;
	vertical-align: middle;
}
#contents > h2 .youbi.sun {
	background: red;
}
#contents > h2 .youbi.holiday {
	background: red;
	white-space: nowrap;
	width: 3.4rem;
}
#contents > h2 .youbi.holiday::after {
	content: '･祝';
}
#contents > h2 .youbi.sat {
	background: royalblue;
}

#contents > section {
	display: block;
	margin: 4rem auto 3rem auto;
	padding: 1rem 2rem;
	width: 31rem;
	background: #fff;
	box-sizing: border-box;
	border: 0.2rem solid #f4db04;
	position: relative;
}

#contents > section:before {
	position: absolute;
	top: -2.8rem;
	right: 0rem;
	background: #c10000;
	color: #fff;
	width: 9rem;
	height: 2.6rem;
	text-align: center;
	line-height: 2.6rem;
	font-weight: bold;
	font-size: 1.2rem;
}

#contents > section.jo_01:before {
	content: 'BR　桐　生';
}
#contents > section.jo_02:before {
	content: 'BR　戸　田';
}
#contents > section.jo_03:before {
	content: 'BR　江戸川';
}
#contents > section.jo_04:before {
	content: 'BR　平和島';
}
#contents > section.jo_05:before {
	content: 'BR　多摩川';
}
#contents > section.jo_06:before {
	content: 'BR　浜名湖';
}
#contents > section.jo_07:before {
	content: 'BR　蒲　郡';
}
#contents > section.jo_08:before {
	content: 'BR　常　滑';
}
#contents > section.jo_09:before {
	content: 'BR　　津　';
}
#contents > section.jo_10:before {
	content: 'BR　三　国';
}
#contents > section.jo_11:before {
	content: 'BR　びわこ';
}
#contents > section.jo_12:before {
	content: 'BR　住之江';
}
#contents > section.jo_13:before {
	content: 'BR　尼　崎';
}
#contents > section.jo_14:before {
	content: 'BR　鳴　門';
}
#contents > section.jo_15:before {
	content: 'BR　丸　亀';
}
#contents > section.jo_16:before {
	content: 'BR　児　島';
}
#contents > section.jo_17:before {
	content: 'BR　宮　島';
}
#contents > section.jo_18:before {
	content: 'BR　徳　山';
}
#contents > section.jo_19:before {
	content: 'BR　下　関';
}
#contents > section.jo_20:before {
	content: 'BR　若　松';
}
#contents > section.jo_21:before {
	content: 'BR　芦　屋';
}
#contents > section.jo_22:before {
	content: 'BR　福　岡';
}
#contents > section.jo_23:before {
	content: 'BR　唐　津';
}
#contents > section.jo_24:before {
	content: 'BR　大　村';
}
#contents > section:after {
	display: block;
	position: absolute;
	top: -2.8rem;
	width: 4rem;
	height: 2.6rem;
	background-repeat: no-repeat;
	background-size: contain;
}
#contents > section.cat_1:after {
	content: '';
	left: 3.4rem;
	background-image: url(../images/ico_child.png);
}
#contents > section.cat_2:after {
	content: '';
	left: 7.2rem;
	background-image: url(../images/ico_talkshow.png);
}
#contents > section.cat_3:after {
	content: '';
	left: 11rem;
	background-image: url(../images/ico_gourmet.png);
}
#contents > section.cat_4:after {
	content: '';
	left: 14.8rem;
	background-image: url(../images/ico_other.png);
}

#contents > section h3 {
	position: relative;
	font-size: 1.4rem;
}
#contents > section h3:before {
	content: '';
	position: absolute;
	width: 18.5rem;
	height: 2.6rem;
	top: -3.8rem;
	left: -2rem;
	background-image: url(../images/ico_child_not.png),
		url(../images/ico_talkshow_not.png), url(../images/ico_other_not.png),
		url(../images/ico_gourmet_not.png);
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	background-size: contain, contain, contain, contain;
	background-position: 3.4rem 0, 7.2rem 0, 14.8rem 0, 11rem 0;
	z-index: 0;
}

#contents > section .contblock {
}

#contents > section p.image,
#contents > section p.image img {
	width: 100%;
}
#contents > section .contblock .contblock_l,
#contents > section .contblock .contblock_r {
	width: 100%;
	padding-top: 1rem;
}

#contents > section .datetime {
	font-family: 'Arial Black', Gadget, sans-serif;
	font-weight: bold;
	font-size: 1.2rem;
	display: block;
	position: relative;
	padding-left: 4rem;
	height: 1.8rem;
	line-height: 2rem;
}
#contents > section .datetime .date,
#contents > section .datetime .time {
	display: inline-block;
	transform: scale(0.95, 1.3);
	transform-origin: middle center;
}
#contents > section .datetime .youbi {
	display: inline-block;
	background: #000;
	color: #fff;
	text-align: center;
	height: 1.2rem;
	width: 1.2rem;
	line-height: 1.25rem;
	font-size: 1rem;
	border-radius: 0.6rem;
	font-weight: bold;
}
#contents > section .datetime .youbi.sun {
	background: #ff7eba;
}
#contents > section .datetime .youbi.holiday {
	background: #ff7eba;
	white-space: nowrap;
	width: 3rem;
}
#contents > section .datetime .youbi.holiday::after {
	content: '･祝';
}
#contents > section .datetime .youbi.sat {
	background: royalblue;
}

#contents > section .datetime:before {
	content: '';
	display: block;
	position: absolute;
	top: 0rem;
	left: -1.9rem;
	width: 5.85rem;
	height: 2.05rem;
	background: url(../images/th_1.jpg) 50% 50% no-repeat;
	background-size: 5.65rem 2.05rem;
}
#contents > section .place {
	margin-top: 0.6rem;
	font-weight: bold;
	font-size: 1.2rem;
	display: block;
	position: relative;
	padding-left: 4rem;
	height: 1.8rem;
	line-height: 2rem;
}
#contents > section .place:before {
	content: '';
	display: block;
	position: absolute;
	top: 0rem;
	left: -1.9rem;
	width: 5.85rem;
	height: 2.05rem;
	background: url(../images/th_2.jpg) 50% 50% no-repeat;
	background-size: 5.65rem 2.05rem;
}

#contents > section article {
	padding: 2rem 0;
}

#contents > section .link {
	display: block;
	margin: 0 auto;
	margin-bottom: 2rem;
	width: 22rem;
	height: 3.85rem;
	background: url(../images/btn.png) no-repeat;
	background-size: contain;
}
#contents > section .link:active {
	background-image: url(../images/btn_ov.png);
}
#contents > section .link a {
	display: block;
	width: 100%;
	height: 100%;
}

#pager {
	text-align: center;
	padding-bottom: 2rem;
}
#pager span,
#pager a {
	display: inline-block;
	width: 2.8rem;
	height: 2.8rem;
	font-size: 1.8rem;
	text-align: center;
	line-height: 2.8rem;
	font-weight: bold;
	background-color: #ff9870;
	border: solid #ff4800 0.3rem;
	color: #fff;
	box-sizing: content-box;
	margin: 0 0.4rem;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
#pager span {
	background-color: #fff;
	color: #ff4800;
}
#pager .first {
	text-indent: -9999px;
	background-image: url(../images/page_arrow_left_most_o.png);
	background-size: contain;
}
#pager span.first {
	background-image: url(../images/page_arrow_left_most.png);
}
#pager .back {
	text-indent: -9999px;
	background-image: url(../images/page_arrow_left_o.png);
	background-size: contain;
}
#pager span.back {
	background-image: url(../images/page_arrow_left.png);
}
#pager .next {
	text-indent: -9999px;
	background-image: url(../images/page_arrow_right_o.png);
	background-size: contain;
}
#pager span.next {
	background-image: url(../images/page_arrow_right.png);
}
#pager .last {
	text-indent: -9999px;
	background-image: url(../images/page_arrow_right_most_o.png);
	background-size: contain;
}
#pager span.last {
	background-image: url(../images/page_arrow_right_most.png);
}

#caution_1 {
	width: 100%;
	text-align: center;
	padding: 0.25rem;
	font-size: 1.2rem;
}
#caution_1 span {
	display: inline-block;
}
#caution_2 {
	width: 100%;
	text-align: center;
	font-weight: bold;
	color: #ff4800;
	padding: 0.25rem;
	font-size: 1.2rem;
}
#caution_2 span {
	display: inline-block;
}

footer {
	width: 100%;
	margin-top: 2rem;
	background: #3df7ec;
	box-shadow: 0 -0.1rem 0.6rem lightgray;
}
footer #footer_banner {
	padding: 2.4rem;
	text-align: center;
	box-sizing: border-box;
}
footer #footer_banner a {
	display: block;
	background: rgba(0, 0, 0, 0.1);
	padding: 0.6rem;
	border-radius: 0.6rem;
	margin: 1rem auto;
}
footer #footer_banner a:before {
	content: '';
	display: block;
	width: 25.4rem;
	height: 15.7rem;
	background: #fff;
	margin: 0 auto;
}
footer #footer_banner a#footer_banner_1:before {
	background: url(../images/banner/antena_254_157-1-1.jpg) no-repeat 50% 50%;
	background-size: contain;
}
footer #footer_banner a#footer_banner_2:before {
	background: url(../images/banner/eventnavi_pc_254x157.jpg) no-repeat 50% 50%;
	background-size: contain;
}
footer #footer_banner a#footer_banner_3:before {
	background: url(../images/banner/hbc254_157.jpg) no-repeat 50% 50%;
	background-size: contain;
}
footer #copyright {
	width: 100%;
	overflow: hidden;
	text-align: center;
	font-family: 'Arial Black', Gadget, sans-serif;
	transform: scale(0.7, 1);
	transform-origin: top center;
	padding-bottom: 2.4em;
}
footer #copyright span {
	display: inline-block;
	padding: 0 0.5em;
}

/* ********************
calender
******************** */
header #calender {
	font-family: 'Anton', sans-serif;
}
header #calender #cal_area {
	position: absolute;
	top: 2rem;
	left: 0rem;
	height: 1px;
	overflow: hidden;
	transition: 0.2s top, 0.2s height, 0.05s opacity;
	opacity: 0;
	z-index: 2;
	font-size: 1.2rem;
}
header #calender.open h3 {
	opacity: 0.8;
}
header #calender.open #cal_area {
	opacity: 1;
	top: 4rem;
	left: -9rem;
	width: 28rem;
	height: fit-content;
	background-color: #fff;
	border-radius: 1rem;
	box-shadow: 0.2rem 0.2rem 0.6rem #999;
	white-space: nowrap;
}
header #cal_area .cal {
	display: inline-block;
	width: 100%;
	height: fit-content%;
	background: #fff;
	padding: 1rem;
}
header #cal_area .cal h4 {
	width: 100%;
	height: 3rem;
	line-height: 3rem;
	border-radius: 0.5rem;
	background: #ff4800;
	color: #fff;
	text-align: center;
	position: relative;
	cursor: pointer;
	font-size: 1.2rem;
}
header #cal_area .cal h4:before {
	content: '';
	position: absolute;
	top: 0.75rem;
	left: 0.75rem;
	width: 1.5rem;
	height: 1.5rem;
	background: url(../images/arrow_left.png) no-repeat 50% 50%;
	background-size: contain;
}
header #cal_area .cal h4:after {
	content: '';
	position: absolute;
	top: 0.75rem;
	right: 0.75rem;
	width: 1.5rem;
	height: 1.5rem;
	background: url(../images/arrow_right.png) no-repeat 50% 50%;
	background-size: contain;
}
header #cal_area .cal table {
	margin-top: 0.5rem;
	width: 100%;
	font-family: 'Anton';
}
header #cal_area .cal table td,
header #cal_area .cal table th {
	text-align: center;
	width: calc(100% / 7);
	vertical-align: middle;
	font-weight: bold;
}
header #cal_area .cal table td {
	height: 2.8rem;
	background: #f3f0e7;
	border: 0.4rem solid #fff;
}
header .datebox {
	display: inline-block;
	cursor: default;
	position: relative;
	height: 2.8rem;
	line-height: 2.8rem;
}
header .datebox.submit {
	background: #b1d425;
	width: 100%;
}
header .datebox a {
	position: absolute;
	border: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.01;
	cursor: pointer;
}

header th.sun,
header td.sun,
header td.sun .datebox a {
	color: red;
}
header th.holiday,
header td.holiday,
header td.holiday .datebox a {
	color: red;
}

header th.sat,
header td.sat,
header td.sat .datebox a {
	color: royalblue;
}

/* ********************
calender
******************** */

#back-top {
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
}
#back-top span {
	display: block;
	width: 100%;
	height: 1px;
	margin: auto;
	position: relative;
}
#back-top span:before {
	content: '';
	width: 6rem;
	height: 9.5rem;
	background: url(../images/pagetop.png) no-repeat;
	background-size: contain;
	position: fixed;
	bottom: 1rem;
	right: 2rem;
	z-index: 100;
}

#nocontents {
	display: block;
	margin: auto;
	width: 100%;
	height: 15rem;
	background: url(../images/searchresults0.png) no-repeat 50% 50%;
}
#nocontents_search {
	display: block;
	padding: 2rem;
	text-align: center;
	width: 100%;
	font-size: 1.2rem;
	line-height: 1.35rem;
}
#hiddensubmit {
	position: fixed;
	top: -100px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	display: block;
	opacity: 0.01;
}

#sampling {
	background-color: orange;
	width: 30%;
	border-right: 10px solid red;
}