@charset "UTF-8";
body {
	background: url('../images/header_bg.png');
	font-size: 16px;
	line-height: 1.6
}

.f-min {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", 'YuMincho', '游明朝', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif
}

.renewal .single-main main p:not(:last-of-type) {
	margin-bottom: 0
}

a {
	text-decoration: none;
	color: #555
}

a:hover img {
	opacity: 1
}

li {
	margin: 0
}

.material-icons {
	vertical-align: middle
}

.excerpt {
	font-size: .8em;
	margin: 10px 0
}

.site-header,
.global-nav,
.main-body,
.site-footer {
	min-width: auto
}

.link-txt a {
	display: inline-block;
	position: relative
}

.link-txt a:after {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.link-txt a:hover:after {
	width: 100%
}

.link-btn {
	text-align: center
}

.link-btn a {
	display: inline-block;
	padding: 5px 20px;
	border-radius: 3px;
	border: 1px solid #435d78;
	color: #435d78
}

.link-btn a:hover {
	color: #fff;
	background: #435d78
}

.link-img img {
	width: 100%
}

a.link-img img,
.link-img a {
	padding: 2px;
	display: block;
	border: 1px solid #d0d0d0;
	-webkit-box-shadow: 0 0 0 0 rgba(67, 93, 120, 0.75);
	-moz-box-shadow: 0 0 0 0 rgba(67, 93, 120, 0.75);
	box-shadow: 0 0 0 0 rgba(67, 93, 120, 0.75);
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

a.link-img:hover img,
.link-img a:hover {
	-webkit-box-shadow: 0 0 15px 0 rgba(67, 93, 120, 0.9);
	-moz-box-shadow: 0 0 15px 0 rgba(67, 93, 120, 0.9);
	box-shadow: 0 0 15px 0 rgba(67, 93, 120, 0.9)
}

a.link-txt .link-txt-title {
	line-height: 1.2;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.link-txt-color a:hover,
a.link-txt:hover .link-txt-title {
	color: #5089c5
}

.link-next {
	width: 100%;
	margin-top: 15px
}

.link-next>a {
	line-height: 1.2;
	font-size: .9em;
	padding: 5px 10px;
	border-radius: 3px;
	border: 1px solid #d4d4d4;
	background: #e9e9e9;
	-webkit-box-shadow: 0 0 0 0 rgba(190, 190, 190, 0.75);
	-moz-box-shadow: 0 0 0 0 rgba(190, 190, 190, 0.75);
	box-shadow: 0 0 0 0 rgba(190, 190, 190, 0.75)
}

.link-next.flex>a {
	-webkit-flex: 0 0 95px;
	-moz-flex: 0 0 95px;
	-ms-flex: 0 0 95px;
	-o-flex: 0 0 95px;
	flex: 0 0 95px
}

.renewal .link-next.flex>a {
	font-weight: 600;
	background: #fff;
	border-color: #333
}

.link-next>a:hover {
	background: #f1f1f1;
	-webkit-box-shadow: 0 0 10px 0 rgba(190, 190, 190, 0.75);
	-moz-box-shadow: 0 0 10px 0 rgba(190, 190, 190, 0.75);
	box-shadow: 0 0 10px 0 rgba(190, 190, 190, 0.75)
}

.site-title {
	text-align: left;
	margin: 0
}

.renewal .site-title {
	text-align: center
}

.site-title a {
	display: block;
	max-width: 400px
}

.renewal .site-title a {
	display: inline-block
}

.site-title a:hover {
	opacity: .8;
	text-decoration: none
}

.header-date {
	background: #353535;
	color: #fff;
	display: inline-block;
	padding: 5px 20px;
	font-size: 12px;
	font-weight: 600;
	border-radius: 5px 5px 0 0;
	margin-top: 10px
}

.article-title {
	font-size: 1.1em;
	margin-bottom: 30px;
	line-height: 1.3em;
	padding: 10px 0
}

.article-title:before,
.article-title:after {
	display: inline-block;
	vertical-align: middle;
	content: '';
	height: 5px;
	border-style: solid;
	border-width: 1px 0;
	border-color: #435c77
}

.article-title:before {
	width: 20px;
	margin-right: 10px
}

.article-title:after {
	-webkit-flex: 1 0 auto;
	-moz-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	-o-flex: 1 0 auto;
	flex: 1 0 auto;
	margin-left: 10px
}

.renewal .single-post-conts .article-body h2,
.renewal .article-title {
	background: #004986;
	color: #fff;
	font-size: 22px;
	font-weight: 600;
	padding-left: 10px;
	border-left: 5px solid #7db4e6;
	border-bottom: 2px solid #bfbfbf
}

.renewal .article-title:after,
.renewal .article-title:before {
	content: none
}

.archive-title {
	font-size: 1.3em;
	background: #425b76;
	padding: 10px 15px;
	color: #fff;
	margin-bottom: 30px
}

.section-wrap .section-title {
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 5px
}

.renewal .section-wrap .section-title {
	font-size: 16px
}

.aside-title {
	background: rgba(205, 205, 205, 0.1);
	padding: 10px;
	margin-bottom: 15px;
	font-weight: 700;
	letter-spacing: 2px;
	color: #fff
}

h3.aside-title {
	background: url('../images/h3_bg.jpg')
}

h3.aside-title img {
	padding-right: 10px
}

.single-title {
	font-size: 1.3em;
	font-weight: 700;
	line-height: 1.2
}

.single-title-img {
	position: relative
}

.single-title-img .single-title {
	position: absolute;
	bottom: 10px;
	left: 0;
	padding: 10px;
	background: rgba(0, 0, 0, .6);
	color: #fff;
	width: 100%;
	line-height: 1.2
}

#single-related-title {
	font-size: 1.1em;
	font-weight: 700;
	border-bottom: 1px solid #d4d4d4;
	padding: 0 0 10px;
	margin-bottom: 15px
}

.single-post-conts .article-body h2,
.single-post-conts .article-body h3,
.single-post-conts .article-body h4 {
	font-weight: 700;
	line-height: 1.2
}

.single-post-conts .article-body h2 {
	font-size: 1.4em;
	padding: 10px;
	margin: 30px 0;
	border-style: solid;
	border-width: 0 0 1px 5px;
	border-color: #004986;
	color: #004986
}

.renewal .single-post-conts .article-body h3 {
	padding: 0 0 5px 20px;
	border-bottom: 0;
	position: relative
}

.renewal .single-post-conts .article-body h3:after,
.renewal .single-post-conts .article-body h3:before {
	content: '';
	position: absolute
}

.renewal .single-post-conts .article-body h3:before {
	width: 15px;
	height: 15px;
	left: 0;
	bottom: 0;
	background: url('../images/h3-deco.png') no-repeat left bottom;
	background-size: contain
}

.renewal .single-post-conts .article-body h3:after {
	height: 4px;
	width: calc(100% - 10px);
	left: 10px;
	bottom: 0;
	background: #004986
}

.renewal .single-post-conts .article-body h4 {
	background: #004986;
	color: #fff;
	position: relative;
	border-bottom: 0;
	margin-top: 40px;
	padding: 10px;
	margin-bottom: 0
}

.renewal .single-post-conts .article-body h4+p {
	padding: 10px;
	background: #ddf0fd;
	border: 1px solid #004986
}

.renewal .single-post-conts .article-body h4:before {
	content: 'Check';
	background: #1893f6;
	color: #fff;
	padding: 3px 10px;
	border-radius: 5px 5px 0 0;
	position: absolute;
	bottom: 100%;
	left: 0;
	font-size: 12px
}

.single-post-conts .article-body h3 {
	font-size: 1.1em;
	padding: 5px;
	margin: 20px 0;
	border-style: double;
	border-width: 0 0 3px 0;
	border-color: #d4d4d4
}

.single-post-conts .article-body .racer_title h2 {
	font-size: 1.6em;
	text-align: center;
	color: #fff;
	border-style: none;
	margin-bottom: 30px;
	background: url(../images/blue_title_label.png)
}

.single-post-conts .article-body .racer_title h3 {
	font-size: 1.6em;
	text-align: center;
	color: #fff;
	border-style: none;
	margin-bottom: 30px;
	background: url(../images/blue_title_label.png)
}

.single-post-conts .article-body h4 {
	font-size: 1em;
	padding: 5px;
	margin: 15px 0;
	border-style: dashed;
	border-width: 0 0 2px 0;
	border-color: #d4d4d4
}

.box-kv {
	background: #000;
	text-align: center
}

.box-kv .slick-slide img {
	width: 100%
}

.site-header {
	margin-bottom: 0;
	background: url('../images/header_bg.png')
}

.site-header-in {
	width: 100%;
	background: url('../images/header_bg.png');
	border-style: solid;
	border-width: 0 0 1px 0;
	position: relative
}

.site-header-in.renewal {
	padding: 10px 0 0;
	border-bottom: 1px solid #353535
}

.site-header:after {
	content: none
}

.site-header-conts {
	padding: 0;
	max-width: 1200px;
	margin: 0 auto
}

.renewal .site-header-conts {
	text-align: center
}

.site-header-conts:after {
	content: none
}

.global-nav {
	border-bottom: 0;
	margin-bottom: 0;
	background: transparent;
	position: static
}

.global-nav-in {
	width: auto
}

.global-nav-in li {
	position: static
}

.global-nav-in li a {
	padding: 20px;
	color: #555;
	position: relative;
	font-weight: 700
}

.global-nav-in>ul>li:not(:last-child)>a:before {
	content: '';
	width: 1px;
	height: 60%;
	position: absolute;
	left: calc(100% - .5px);
	top: 20%;
	background: rgba(205, 205, 205, 0.6)
}

.global-nav-in>ul>li>a:hover,
.global-nav-in>ul>li>a.hover {
	background: rgba(205, 205, 205, 0.6)
}

.global-nav-in>ul>li>a:after {
	top: 80%;
	left: 50%;
	opacity: 0;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-width: 10px;
	margin-left: -10px;
	z-index: 50;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.global-nav-in>ul>li>a:after {
	border-top-color: rgba(205, 205, 205, 0)
}

.global-nav-in>ul>li>a.hover:after {
	top: 100%;
	opacity: 1;
	border-top-color: rgba(205, 205, 205, .6)
}

.global-nav li ul {
	background: #fff;
	border-bottom: 1px solid #d4d4d4;
	padding: 10px 0
}

.global-nav li ul li {
	display: inline-block;
	width: auto
}

.global-nav li ul li a {
	padding: 10px 20px;
	font-size: .9em;
	background: transparent;
	color: inherit;
	position: relative
}

.global-nav li ul li:not(:last-child) a {
	border-right: 1px solid #d4d4d4
}

.global-nav li ul li a:after {
	content: "\f178";
	font: normal normal normal 14px/1 FontAwesome;
	position: absolute;
	top: calc(50% - .5em);
	right: 50px;
	opacity: 0;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.global-nav li ul li a:hover:after {
	right: 5px;
	opacity: 1
}

.breadcrumbs {
	margin-bottom: 10px;
	overflow-x: auto;
}
.breadcrumbs ol{
	white-space: nowrap;
}
.breadcrumbs-in {
	font-size: .8em
}

.breadcrumbs-in li {
	display: inline-block
}

.breadcrumbs-in li:not(:first-child):before {
	content: "\f105";
	font: normal normal normal 14px/1 FontAwesome;
	display: inline-block;
	margin-right: 5px
}

.breadcrumbs-in li a {
	color: rgba(85, 85, 85, .6)
}

.breadcrumbs-in li a:hover {
	color: rgba(85, 85, 85, 1)
}

.breadcrumbs-in li i {
	font-size: 1em
}

.main-body-in {
	padding-top: 0;
	margin-top: 40px
}

.single-main .main-body-in {
	max-width: 1000px
}

.single-main main {
	width: 100%
}

.main-conts>[id^="post-"]:not(:last-child) {
	border-bottom: 1px solid #d4d4d4;
	padding-bottom: 30px
}

.renewal .main-conts>[id^="post-"]:not(:last-child) {
	border-bottom: 0;
	padding-bottom: 0
}

.top-yosou {
	margin-bottom: 40px
}

.top-twitter {
	margin-top: 40px;
	text-align: center
}

.top-twitter h2 {
	text-align: left
}

.section-wrap {
	margin-bottom: 30px
}

.renewal .section-wrap.flex-posts {
	background: #fff;
	border: 0;
	padding: 0;
	border-style: solid;
	border-color: #ccc;
	border-width: 0 1px 1px
}

.renewal .section-wrap.past-race {
	background: #f4f4f4
}

.renewal .section-wrap.flex-posts .section-in {
	background: 0;
	border: 0;
	padding: 0;
	box-shadow: none
}

.section-meta {
	font-size: .8em
}

.section-meta>span {
	display: inline-block;
	margin-right: 10px
}

.section-in .eye-catch {
	width: 180px;
	margin-right: 20px
}

.section-in .article-body {
	-webkit-flex: 1 0 300px;
	-moz-flex: 1 0 300px;
	-ms-flex: 1 0 300px;
	-o-flex: 1 0 300px;
	flex: 1 0 300px
}

.renewal .section-in .article-body {
	padding: 10px 15px 20px
}

.cat a:hover {
	opacity: .8
}

.single-post-conts .article-header {
	margin-bottom: 30px
}

.single-post-conts .article-header>.flex {
	margin-top: 15px
}

.single-meta {
	font-size: .8em
}

.related-articles {
	border: 1px solid #d4d4d4;
	padding: 10px;
	margin: 30px 0
}

.related-articles li {
	width: 50%;
	padding: 5px
}

.related-articles .related-thumb {
	display: inline-block
}

.keni-relatedposts-list a {
	position: relative;
	display: block;
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1)
}

.keni-relatedposts-list a:hover {
	opacity: .7
}

.keni-relatedposts-list a span {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 5px;
	font-size: .9em;
	color: #fff;
	background: rgba(0, 0, 0, .8)
}

.page-nav-bf {
	margin: 30px 0
}

.page-nav-bf a {
	-webkit-flex: 1 0 50%;
	-moz-flex: 1 0 50%;
	-ms-flex: 1 0 50%;
	-o-flex: 1 0 50%;
	flex: 1 0 50%;
	font-size: .9em;
	line-height: 1.2;
	padding: 5px 10px;
	position: relative;
	-webkit-box-shadow: 0 0 0 1px #d4d4d4;
	-moz-box-shadow: 0 0 0 1px #d4d4d4;
	box-shadow: 0 0 0 1px #d4d4d4
}

.page-nav-bf a:hover {
	background: #f4f4f4
}

.page-nav-bf a:before {
	position: absolute;
	font: normal normal normal 1em/1 FontAwesome;
	top: calc(50% - 1em);
	padding: .5em
}

.page-nav-bf a[rel="next"] {
	padding-left: 2em
}

.page-nav-bf a[rel="next"]:before {
	content: '\f104';
	left: 0;
	border-right: 1px solid #d4d4d4
}

.page-nav-bf a[rel="prev"] {
	padding-right: 2em
}

.page-nav-bf a[rel="prev"]:before {
	content: '\f105';
	right: 0;
	border-left: 1px solid #d4d4d4
}

.comments-area {
	margin-top: 30px
}

blockquote {
	margin: 0;
	padding: 0;
	border: 3px double #d4d4d4;
	padding: 20px;
	margin-top: 30px
}

blockquote:not(:last-child) {
	margin-bottom: 30px
}

blockquote:before,
blockquote:after {
	font: normal normal normal 1em/1 FontAwesome;
	display: block
}

blockquote:before {
	content: '\f10d'
}

blockquote:after {
	content: '\f10e';
	text-align: right
}

blockquote cite {
	font-size: .8em
}

blockquote cite a {
	text-decoration: underline
}

blockquote cite a:hover {
	opacity: .7
}

q:before,
q:after {
	font: normal normal normal 1em/1 FontAwesome;
	display: inline-block;
	font-size: .5em;
	vertical-align: top;
	color: #d1d1d1
}

q:before {
	content: '\f10d';
	margin-right: 3px
}

q:after {
	content: '\f10e';
	margin-left: 3px
}

.talker {
	-webkit-flex: 0 0 20%;
	-moz-flex: 0 0 20%;
	-ms-flex: 0 0 20%;
	-o-flex: 0 0 20%;
	flex: 0 0 20%
}

.flow-chart {
	margin: 30px 0
}

.flow-chart li {
	border: 1px solid #d4d4d4;
	border-radius: 3px;
	padding: 10px
}

.flow-chart li:not(:last-child) {
	margin-bottom: 2em;
	position: relative
}

.flow-chart li:not(:last-child):after {
	font: normal normal normal 2em/1 FontAwesome;
	content: '\f107';
	position: absolute;
	left: calc(50% - 1em);
	top: 100%
}

main .tablepress tfoot th,
main .tablepress thead th {
	background: #ccc
}

.table-break .break-th {
	display: none
}

.aside-box {
	width: 30%
}

.aside-box>div:not(:last-child) {
	margin-bottom: 30px
}

.col1 .aside-box {
	display: none
}

.col2 .aside-box {
	float: right
}

.col2r .aside-box {
	float: left
}

.link-menu-image a {
	position: relative;
	padding-right: 20px
}

.link-menu-image a:after {
	position: absolute;
	font: normal normal normal 1em/1 FontAwesome;
	content: '\f105';
	opacity: 1;
	right: 5px;
	position: absolute;
	top: calc(50% - .5em);
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.link-menu-image a:hover:after {
	right: 0
}

.link-menu-image .flex>p {
	-webkit-flex: 0 0 80px;
	-moz-flex: 0 0 80px;
	-ms-flex: 0 0 80px;
	-o-flex: 0 0 80px;
	flex: 0 0 80px;
	margin-right: 10px
}

.link-menu-image .flex .post-date {
	font-size: .8em
}

.section-wrap .section-in,
.float-area,
.textwidget {
	-webkit-box-shadow: 0 0 10px 0 rgba(55, 76, 99, 0.5);
	-moz-box-shadow: 0 0 10px 0 rgba(55, 76, 99, 0.5);
	box-shadow: 0 0 10px 0 rgba(55, 76, 99, 0.5)
}

.textwidget iframe {
	vertical-align: bottom
}

.aside-section ul {
	padding: 10px 10px;
	border: 1px solid #f1f1f1;
	background: #fbfaf9;
	-webkit-box-shadow: 0 0 10px 0 rgba(55, 76, 99, 0.5);
	-moz-box-shadow: 0 0 10px 0 rgba(55, 76, 99, 0.5);
	box-shadow: 0 0 10px 0 rgba(55, 76, 99, 0.5)
}

.aside-section li:not(:last-child) {
	margin-bottom: 15px
}

.aside-section li:not(:last-child) {
	padding-bottom: 20px;
	border-bottom: 1px solid #d4d4d4
}

.ranking-widget li .link-txt {
	padding-left: 60px;
	margin-bottom: 10px
}

.ranking-widget li .link-txt a {
	min-height: 24px;
	color: #000;
	font-weight: 600
}

.ranking-widget li:first-child .link-txt {
	background: url('../images/rank_no1.png') no-repeat left center;
	background-size: contain
}

.ranking-widget li:nth-child(2) .link-txt {
	background: url('../images/rank_no2.png') no-repeat left center;
	background-size: contain
}

.ranking-widget li:nth-child(3) .link-txt {
	background: url('../images/rank_no3.png') no-repeat left center;
	background-size: contain
}

.ranking-widget li:nth-child(4) .link-txt {
	background: url('../images/rank_no4.png') no-repeat left center;
	background-size: contain
}

.ranking-widget li:nth-child(5) .link-txt {
	background: url('../images/rank5.png') no-repeat left center;
	background-size: contain
}

.aside-section .site-ranking {
	padding: 0;
	-webkit-box-shadow: 0 0 5px 0 rgba(55, 76, 99, 0.5);
	-moz-box-shadow: 0 0 5px 0 rgba(55, 76, 99, 0.5);
	box-shadow: 0 0 5px 0 rgba(55, 76, 99, 0.5)
}

.aside-section .site-ranking li:not(:last-child) {
	padding-bottom: 0;
	border: 0
}

.site-ranking li>div {
	padding: 10px 10px 20px
}

.site-ranking h4 {
	font-size: 18px;
	font-weight: 600;
	padding: 10px;
	background: #374c63;
	color: #fff;
	text-align: center
}

.site-ranking .link-txt {
	margin-bottom: 10px;
	font-weight: 600;
	border-left: 5px solid #333;
	padding-left: 5px
}

.site-ranking .link-img {
	margin-bottom: 10px
}

.site-ranking .ranking-content {
	font-size: 14px;
	margin-bottom: 15px
}

.site-ranking .tekichu-box {
	border: 1px solid #333;
	margin: 10px 0 15px;
	font-size: 14px
}

.site-ranking .tekichu-box>p {
	padding: 5px 10px;
	background: #333;
	color: #fff;
	font-weight: 600
}

.site-ranking .tekichu-box>div {
	padding: 10px
}

.site-ranking .tekichu-box>div p:not(:last-child) {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #333
}

.site-ranking .tekichu-box>div p {
	color: #f00;
	font-weight: 600
}

.site-ranking .tekichu-box>div p small {
	color: #333;
	font-weight: 300
}

.site-ranking .link-btn a {
	background: #37803a;
	border-color: #37803a;
	color: #fff;
	font-weight: 600;
	letter-spacing: 1px
}

.site-ranking .link-btn a:hover {
	opacity: 1;
	color: #37803a;
	background: #fff
}

.site-footer {
	margin-top: 80px;
	border-style: solid;
	border-width: 1px 0 0;
	border-color: #d4d4d4
}

.site-footer-nav {
	padding: 20px 0
}

.site-footer-nav li {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	font-size: .9em
}

.site-footer-nav li:not(:last-child) {
	margin-right: 10px
}

.site-footer-nav li a {
	padding: 5px 0;
	display: inline-block
}

.site-footer-nav li ul {
	padding-left: 1em
}

.site-footer-nav li ul li {
	display: block
}

.copyright {
	background: #435c77;
	padding: 5px 0;
	color: #fff;
	line-height: 1;
	font-size: .9em
}

.page-top a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 3px;
	border: 1px solid #f4f4f4;
	display: block;
	text-align: center;
	background: rgba(255, 255, 255, .8);
	-webkit-box-shadow: 0 0 0 0 rgba(190, 190, 190, 0.75);
	-moz-box-shadow: 0 0 0 0 rgba(190, 190, 190, 0.75);
	box-shadow: 0 0 0 0 rgba(190, 190, 190, 0.75)
}

.page-top a:hover {
	-webkit-box-shadow: 0 0 10px 0 rgba(190, 190, 190, 0.75);
	-moz-box-shadow: 0 0 10px 0 rgba(190, 190, 190, 0.75);
	box-shadow: 0 0 10px 0 rgba(190, 190, 190, 0.75)
}

.page-top a i {
	line-height: 38px;
	font-size: 2em
}

.widget-banner img {
	border: 1px solid #333
}

@media only screen and (max-width :1200px) {
	.main-body,
	.site-header-conts {
		padding: 0 20px
	}
	.main-body-in {
		margin-top: 35px
	}
}

@media only screen and (max-width :768px) {
	body {
		overflow-x: hidden
	}
	.main-body {
		padding: 0
	}
	.article-body+.sns-list,
	.page-nav-bf,
	.article-header>.flex,
	.article-body,
	.breadcrumbs,
	.float-area,
	.main-conts>[id^="post-"] {
		padding: 0 10px
	}
	.aside-box {
		margin-top: 60px
	}
	.col2 main,
	.col2r main,
	.col2 .aside-box,
	.col2r .aside-box {
		float: none;
		width: 100%
	}
	.site-header-in {
		padding: 10px 0
	}
	.global-nav {
		left: 0
	}
	.global-nav-in {
		overflow: hidden
	}
	.global-nav ul#menu {
		background: rgba(255, 255, 255, 1);
		display: block;
		position: absolute;
		border-bottom: 1px solid #d4d4d4;
		right: 0;
		top: 100%;
		width: auto;
		max-width: 100%;
		padding: 0 10px;
		-webkit-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
		-webkit-box-shadow: 0 1px 3px 0 rgba(205, 205, 205, 0.75);
		-moz-box-shadow: 0 1px 3px 0 rgba(205, 205, 205, 0.75);
		box-shadow: 0 1px 3px 0 rgba(205, 205, 205, 0.75);
		-webkit-transform: translate(100%, 0);
		-moz-transform: translate(100%, 0);
		-ms-transform: translate(100%, 0);
		-o-transform: translate(100%, 0);
		transform: translate(100%, 0)
	}
	.global-nav ul#menu.show-menu {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	.global-nav li ul li a,
	.global-nav-in li a {
		font-size: .9em;
		font-weight: 300;
		padding: 10px 15px
	}
	.global-nav li ul li:not(:last-child) a {
		border: 0
	}
	.global-nav-in>ul>li>a:after,
	.global-nav-in>ul>li:not(:last-child)>a:before {
		content: none;
		top: auto;
		left: auto;
		height: auto;
		width: auto;
		border: 0
	}
	.global-nav-in li ul {
		display: block;
		padding: 0;
		padding-left: .5em
	}
	.global-nav-in li ul li {
		display: block
	}
	.global-nav li ul li a {
		padding-right: 30px
	}
	.global-nav-in>ul>li>a:after,
	.global-nav li ul li a:after {
		font: normal normal normal 14px/1 FontAwesome;
		content: '\f105';
		opacity: 1;
		right: 5px;
		position: absolute;
		top: calc(50% - .5em)
	}
	.btn-global-nav {
		line-height: 1.2;
		padding: 5px 10px;
		border-radius: 3px;
		border: 1px solid #d4d4d4;
		background: #fbfaf9
	}
	.global-nav-panel span span {
		display: inline-block;
		vertical-align: middle
	}
	.recommend-widget {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between
	}
	.recommend-widget li {
		-webkit-flex: 0 0 48%;
		-moz-flex: 0 0 48%;
		-ms-flex: 0 0 48%;
		-o-flex: 0 0 48%;
		flex: 0 0 48%
	}
	.recommend-widget li:not(:last-child) {
		border-bottom: 0
	}
	.section-in .eye-catch {
		-webkit-flex: 0 0 120px;
		-moz-flex: 0 0 120px;
		-ms-flex: 0 0 120px;
		-o-flex: 0 0 120px;
		flex: 0 0 120px
	}
	.section-in .article-body {
		-webkit-flex: 1 0 60%;
		-moz-flex: 1 0 60%;
		-ms-flex: 1 0 60%;
		-o-flex: 1 0 60%;
		flex: 1 0 60%
	}
	.section-wrap:first-of-type .section-in .article-body {
		-webkit-flex: 1 0 60%;
		-moz-flex: 1 0 60%;
		-ms-flex: 1 0 60%;
		-o-flex: 1 0 60%;
		flex: 1 0 60%
	}
	.link-menu-image {
		white-space: nowrap;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch
	}
	.aside-section .link-menu-image li:not(:last-child) {
		border-bottom: 0;
		padding-bottom: 0;
		margin-bottom: 0
	}
	.link-menu-image li {
		display: inline-block;
		white-space: normal;
		vertical-align: top;
		max-width: 60%
	}
	.link-menu-image li .link-txt-title {
		font-size: .9em
	}
	.widget-banner {
		float: left;
		width: 50%;
		padding: 10px;
		vertical-align: top;
		text-align: center
	}
	#text-2 .aside-section {
		text-align: center
	}
}

@media only screen and (max-width :519px) {
	.table-scroll {
		width: 100%;
		overflow-x: auto
	}
	.table-scroll table {
		white-space: nowrap
	}
	.table-break table tbody,
	.table-break table {
		display: block
	}
	.table-break table thead {
		display: none
	}
	.table-break table tr {
		display: table;
		width: 100%;
		border: 1px solid #ddd;
		margin-bottom: 20px;
		border-spacing: 5px;
		border-collapse: separate
	}
	.table-break table td {
		display: table-row
	}
	.table-break .break-th {
		display: table-cell;
		padding: 10px;
		width: auto;
		background: #f4f4f4
	}
	.table-break .tablepress .odd td {
		background: 0
	}
	.table-break .tablepress tbody td {
		border: 0
	}
	.table-break .tablepress tbody td:not(:last-child) {
		border-bottom: 1px solid #ddd
	}
}

@media only screen and (max-width :425px) {
	.article-body+.sns-list,
	.page-nav-bf,
	.article-header>.flex,
	.article-body,
	.breadcrumbs,
	.float-area,
	.site-header-conts {
		padding: 0 10px
	}
	.recommend-widget li {
		-webkit-flex: 0 0 100%;
		-moz-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		-o-flex: 0 0 100%;
		flex: 0 0 100%
	}
	.widget-banner {
		float: none;
		width: 100%;
		padding: 0
	}
	.link-menu-image li {
		max-width: 85%
	}
	.bubble {
		font-size: .9em
	}
	.talker {
		-webkit-flex: 0 0 80px;
		-moz-flex: 0 0 80px;
		-ms-flex: 0 0 80px;
		-o-flex: 0 0 80px;
		flex: 0 0 80px;
		margin-bottom: 20px
	}
	.bubble .bubble-in:after,
	.bubble .bubble-in:before {
		top: auto;
		bottom: 100%
	}
	.chat-l .bubble .bubble-in:after,
	.chat-l .bubble .bubble-in:before {
		right: auto;
		left: 20px
	}
	.chat-r .bubble div:after,
	.chat-r .bubble div:before {
		left: auto;
		right: 20px
	}
	.chat-l .bubble .bubble-in:after {
		margin-top: 0;
		border-width: 15px;
		border-color: transparent;
		border-bottom-color: inherit
	}
	.chat-l .bubble .bubble-in:before {
		margin-top: 0;
		border-width: 16px;
		border-color: transparent;
		border-bottom-color: #ccc
	}
	.chat-r .bubble .bubble-in:after {
		margin-top: 0;
		border-width: 15px;
		border-color: transparent;
		border-bottom-color: inherit
	}
	.chat-r .bubble .bubble-in:before {
		margin-top: 0;
		border-width: 16px;
		border-color: transparent;
		border-bottom-color: #ccc
	}
	.section-wrap:first-of-type .section-in .article-body{
		padding-left: 0;
		padding-right: 0;
	}
}

.top-race {
	margin-bottom: 80px;
	background: #353535 url('../images/bg-kv.jpg') no-repeat center bottom;
	background-size: cover
}

@media only screen and (max-width :990px) {
	.site-header-in.renewal {
		background: url('../images/bg-race.png') no-repeat right bottom, url('../images/header_bg.png');
		background-size: contain, auto
	}
}

@media only screen and (max-width :768px) {
	.top-race {
		background: #353535
	}
}

@media only screen and (max-width :425px) {
	.top-race {
		margin-bottom: 60px
	}
}

.top-race>div {
	max-width: 800px;
	margin: 0 auto;
	padding: 30px 15px
}

.sg-box {
	margin: 0 5px 15px;
	background: #fff
}

.sg-box-2 .posts_sg,
.sg-box .posts_sg {
	padding: 10px 15px
}

.sg-box .ttl h2 {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2
}

.sg-box .ttl h2 .sg-class {
	display: inline-block;
	background: #ef3d3b;
	color: #fff;
	font-size: 14px;
	padding: 3px 5px
}

.sg-box .ttl h2 .sg-count {
	font-size: 20px;
	display: block;
	color: #ef3d3b
}

.sg-box .ttl p {
	font-size: 14px
}

.top-race .sg-box-2 {
	margin: 0 5px 15px;
	background: #fff
}

.top-race .sg-box-2 .ttl {
	position: relative;
	padding: 0
}

.top-race .sg-box-2 .ttl h2>img {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 20%
}

.top-race .sg-box-2 .ttl h2 {
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	position: relative
}

.top-race .sg-box-2 .ttl h2 .sg-ttl {
	display: block;
	border-bottom: 1px solid #fff;
	background: url('../images/bg-sg.jpg');
	padding: 5px 0
}

.top-race .sg-box-2 .ttl h2 .sg-class {
	display: block;
	color: #353535;
	font-size: 14px;
	padding: 5px 0
}

.top-race .sg-box-2 .ttl h2 .sg-ttl+span {
	display: block;
	background: url('../images/bg-sg.jpg')
}

.top-race .sg-box-2 .ttl h2 .sg-count {
	font-size: 22px
}

.top-race .sg-box-2 .ttl h2+p {
	font-size: 14px;
	padding: 5px 0
}

.posts_sg {
	font-size: 14px
}

.posts_sg>div {
	-webkit-flex: 1 0 250px;
	-moz-flex: 1 0 250px;
	-ms-flex: 1 0 250px;
	-o-flex: 1 0 250px;
	flex: 1 0 250px
}

.posts_sg>div>div {
	-webkit-flex: 1 0 33%;
	-moz-flex: 1 0 33%;
	-ms-flex: 1 0 33%;
	-o-flex: 1 0 33%;
	flex: 1 0 33%;
	padding: 2px;
	text-align: center
}

.posts_sg .sg-day {
	font-size: 12px;
	font-weight: 600;
	padding: 3px 0;
	background: #353535;
	color: #fff
}

.posts_sg .later,
.posts_sg a {
	display: block;
	position: relative;
	padding: 5px 0;
	border: 1px solid #353535;
	border-top: 0;
	background: #ddd
}

.predict_sg a {
	background: #fff;
	border-width: 0 0 1px 0;
	font-weight: 600
}

.top-race .sg-box-2 a {
	background: #fff;
	border-width: 0 0 1px 0;
	font-weight: 600
}

.will_predict {
	font-weight: 600;
	text-align: center
}

.posts_sg .later {
	background: #353535;
	color: #fff
}

.posts_sg .sg-hit {
	font-weight: 600;
	color: #ef3d3b
}

.posts_sg .sg-today {
	background: #fff;
	font-weight: 600
}

.posts_sg a i {
	position: absolute;
	right: 5px;
	top: calc(50% - .5em)
}

.yosou-box>div {
	-webkit-flex: 1 0 250px;
	-moz-flex: 1 0 250px;
	-ms-flex: 1 0 250px;
	-o-flex: 1 0 250px;
	flex: 1 0 250px;
	margin: 0 5px 15px
}

.yosou-box .today {
	background: #ffe9e9
}

.yosou-box .future {
	background: #e9f3ea
}

.top-race .ttl {
	padding: 5px 15px;
	border-style: solid;
	border-width: 5px 0 1px 0;
	font-weight: 600;
	font-size: 16px;
	background: #fff;
	text-align: center
}

.yosou-box .today .ttl {
	color: #ff1615
}

.yosou-box .future .ttl {
	color: #138a22
}

.pr .ttl {
	color: #2668cf
}

.pr>div,
.yosou-box .future>div,
.yosou-box .today>div {
	padding: 10px 15px
}

.yosou-box a {
	text-align: center;
	font-weight: 600;
	font-size: 14px;
	border: 1px solid #555;
	background: #fff;
	margin: 0 5px 5px;
	border-radius: 5px;
	overflow: hidden
}

.yosou-box a>div {
	border-right: 1px solid #555
}

.yosou-box a>div+p {
	padding: 0 5px
}

.yosou-box a .race-place span {
	display: block;
	font-size: 10px;
	background: #dfdfdf;
	border-bottom: 1px solid #ccc
}

.section-in .raceclass-sg .class-type,
.yosou-box a .class-sg span {
	background: #ef3d3b;
	color: #fff;
	border-color: #ef3d3b
}

.section-in .raceclass-g1 .class-type,
.yosou-box a .class-g1 span {
	background: #f1bd15;
	color: #fff;
	border-color: #f1bd15
}

.section-in .raceclass-g2 .class-type,
.yosou-box a .class-g2 span {
	background: #77af4b;
	color: #fff;
	border-color: #77af4b
}

.section-in .raceclass-g3 .class-type,
.yosou-box a .class-g3 span {
	background: #407dcd;
	color: #fff;
	border-color: #407dcd
}

.section-in .raceclass-l .class-type,
.yosou-box a .class-l span {
	background: #fa628b;
	color: #fff;
	border-color: #fa628b
}

.section-in .raceclass-v .class-type,
.yosou-box a .class-v span {
	background: #fc91ae;
	color: #fff;
	border-color: #fc91ae
}

.yosou-box a .race-day {
	background: #dfdfdf;
	border-top: 1px solid #ccc;
	padding: 0 20px;
	font-size: 12px
}

.yosou-box a .race-day.aborted {
	color: #f00;
	font-weight: 600
}

.pr {
	background: #eaf1fa;
	margin: 0 5px
}

.pr>div>.flex a {
	-webkit-flex: 1 0 200px;
	-moz-flex: 1 0 200px;
	-ms-flex: 1 0 200px;
	-o-flex: 1 0 200px;
	flex: 1 0 200px;
	margin: 0 5px 10px
}

.pr>div>div.flex>div {
	padding: 0 5px;
	margin: 0 5px;
	-webkit-flex: 1 0 190px;
	-moz-flex: 1 0 190px;
	-ms-flex: 1 0 190px;
	-o-flex: 1 0 190px;
	flex: 1 0 190px;
	text-align: center
}

.pr .tekichu-ttl {
	font-weight: 600;
	padding: 0 5px 5px;
	line-height: 1.2;
	border-bottom: 2px dashed #d4d4d4;
	margin-bottom: 15px;
	text-align: center
}

.pr li {
	font-size: 14px;
	font-weight: 600;
	text-align: left
}

.pr li:not(:last-child) {
	margin-bottom: 10px
}

.pr li>p {
	font-size: 12px;
	background: #ef3d3c;
	padding: 0 3px;
	color: #fff;
	margin-right: 5px
}

.pr li>div {
	-webkit-flex: 1 0 0;
	-moz-flex: 1 0 0;
	-ms-flex: 1 0 0;
	-o-flex: 1 0 0;
	flex: 1 0 0
}

main .pr .date {
	font-size: 12px;
	border-bottom: 1px solid #d4d4d4;
	margin-bottom: 0
}

.pr .ticket span {
	color: #ef3d3c
}

.pr>div>div.flex>div a {
	background: #fff;
	border: 1px solid #2668cf;
	border-radius: 5px;
	color: #2668cf;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	margin-top: 10px;
	padding: 5px 15px
}

.section-in p[class^="raceclass"] {
	border-style: solid;
	border-width: 5px 0 0 0;
	padding-left: 10px
}

.section-in p[class^="raceclass"] span,
.section-in p[class^="raceclass"]+p {
	font-size: 12px;
	font-weight: 600
}

.section-in p[class^="raceclass"]+p {
	padding-left: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc
}

.section-in p[class^="raceclass"]+p span span {
	background: #333;
	color: #fff;
	padding: 3px;
	margin-right: 5px;
	font-size: 10px;
	font-weight: 300
}

.section-in p[class^="raceclass"] .class-type {
	display: inline-block;
	padding: 5px 15px;
	border-radius: 0 0 5px 5px;
	margin-right: 5px
}

.section-in .raceclass-n .class-type {
	background: #dfdfdf
}

.section-in .raceclass-sg {
	border-color: #ef3d3b
}

.section-in .raceclass-g1 {
	border-color: #f1bd15
}

.section-in .raceclass-g2 {
	border-color: #77af4b
}

.section-in .raceclass-g3 {
	border-color: #407dcd
}

.section-in .raceclass-l {
	border-color: #fa628b
}

.section-in .raceclass-v {
	border-color: #fc91ae
}

.section-in .raceclass-n {
	border-color: #dfdfdf
}

.section-in .article-body .race-info {
	font-size: 12px
}

.section-in .article-body .race-info span {
	font-size: 14px;
	font-weight: 600
}

.flex-posts {
	-webkit-flex: 1 0 300px;
	-moz-flex: 1 0 300px;
	-ms-flex: 1 0 300px;
	-o-flex: 1 0 300px;
	flex: 1 0 300px;
	margin: 10px
}

.index-pr-list {
	-webkit-flex: 1 0 320px;
	-moz-flex: 1 0 320px;
	-ms-flex: 1 0 320px;
	-o-flex: 1 0 320px;
	flex: 1 0 320px;
	margin: 10px
}

@media only screen and (max-width :425px) {
	.index-pr-list,
	.flex-posts {
		-webkit-flex: 1 0 100%;
		-moz-flex: 1 0 100%;
		-ms-flex: 1 0 100%;
		-o-flex: 1 0 100%;
		flex: 1 0 100%;
		margin: 0 0 10px
	}
}

.flex-posts-img {
	-webkit-flex: 0 0 100px;
	-moz-flex: 0 0 100px;
	-ms-flex: 0 0 100px;
	-o-flex: 0 0 100px;
	flex: 0 0 100px;
	margin-right: 10px;
	position: relative
}

.flex-posts-img.aborted:after,
.flex-posts-img.live:after,
.flex-posts-img.finished:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.flex-posts-img.aborted:after {
	background: rgba(255, 255, 255, .8) url(../images/aborted.png) no-repeat center
}

.flex-posts-img.live:after {
	background: rgba(255, 255, 255, .8) url(../images/live.gif) no-repeat center
}

.flex-posts-img.finished:after {
	background: rgba(255, 255, 255, .8) url(../images/finished.png) no-repeat center
}

.flex-posts-txt {
	-webkit-flex: 1 0 100px;
	-moz-flex: 1 0 100px;
	-ms-flex: 1 0 100px;
	-o-flex: 1 0 100px;
	flex: 1 0 100px
}

.flex-posts-txt p {
	text-align: right
}

.flex-posts-txt p span {
	display: inline-block;
	padding: 3px 10px;
	font-size: 14px;
	font-weight: 600;
	border-radius: 5px;
	border: 1px solid #ccc;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.flex-posts a:hover .flex-posts-txt p span {
	background: #333;
	color: #fff
}

@media only screen and (max-width :425px) {
	.flex-posts-img {
		-webkit-flex: 1 0 100%;
		-moz-flex: 1 0 100%;
		-ms-flex: 1 0 100%;
		-o-flex: 1 0 100%;
		flex: 1 0 100%;
		margin: 0 0 10px
	}
}

.index-pr-list {
	border: 1px solid #ccc;
	background: #fff;
	font-size: 14px
}

.index-pr-list .pr-ttl {
	padding: 10px;
	font-size: 18px;
	font-weight: 600;
	background: #374c63;
	color: #fff;
	text-align: center
}

.index-pr-list>div {
	padding: 10px
}

.index-pr-list>div>div {
	padding: 10px 0
}

.index-pr-list>.flex {
	border-bottom: 1px solid #ccc
}

.index-pr-list>.flex>a {
	-webkit-flex: 0 1 160px;
	-moz-flex: 0 1 160px;
	-ms-flex: 0 1 160px;
	-o-flex: 0 1 160px;
	flex: 0 1 160px;
	margin-bottom: 10px
}

.index-pr-list .flex>ul {
	-webkit-flex: 1 0 60%;
	-moz-flex: 1 0 60%;
	-ms-flex: 1 0 60%;
	-o-flex: 1 0 60%;
	flex: 1 0 60%;
	margin: 0 5px 10px
}

.index-pr-list .pr-content {
	-webkit-flex: 1 0 0;
	-moz-flex: 1 0 0;
	-ms-flex: 1 0 0;
	-o-flex: 1 0 0;
	flex: 1 0 0
}

.index-pr-list .to-pr-site {
	text-align: center
}

.index-pr-list .to-pr-site a {
	display: inline-block;
	padding: 10px 0;
	width: 90%;
	max-width: 350px;
	background: #2668cf;
	border: 1px solid #020b39;
	border-radius: 5px;
	color: #fff;
	font-weight: 600
}

.renewal footer {
	padding-top: 10px;
	border-color: #353535
}

.renewal footer nav>ul>li {
	-webkit-flex: 1 0 190px;
	-moz-flex: 1 0 190px;
	-ms-flex: 1 0 190px;
	-o-flex: 1 0 190px;
	flex: 1 0 190px;
	padding: 0 10px;
	font-weight: 600;
	font-size: 14px
}

.renewal footer nav>ul>li>a {
	display: block;
	padding: 10px 10px 5px;
	border-bottom: 1px solid #353535
}

.renewal footer nav li ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap
}

.renewal footer nav li li a:before {
	content: "\f068";
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 10px;
	font: normal normal normal 14px/1 FontAwesome
}

.renewal footer nav li li {
	display: block;
	margin-top: 5px
}

.renewal .copyright {
	background: #353535;
	padding: 10px 0;
	margin-top: 30px
}

.renewal .copyright a {
	color: #fff
}

.live-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
	margin-top: 30px
}

.live-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.kv-img {
	margin-top: 30px;
	text-align: center
}

.race-aborted,
.race-end {
	position: relative;
	background: #000
}

.race-aborted img,
.race-end img {
	opacity: .3
}

.race-aborted:after,
.race-end:after {
	color: #fff;
	line-height: 100%;
	font-weight: 600;
	width: 100%;
	position: absolute;
	left: 0;
	top: calc(50% - .5em)
}

.race-aborted:after {
	content: 'このレースは中止されました。'
}

.race-end:after {
	content: '全レース終了致しました。'
}

.blog-ranking-txt {
	border-top: 1px solid #353535;
	padding-top: 20px;
	text-align: center;
	font-weight: 600;
	margin-top: 30px
}

.renewal main .blog-ranking-txt p:not(:last-child) {
	margin-bottom: 20px;
	line-height: 1.2
}

.blog-ranking-txt+p {
	padding-top: 30px;
	margin-top: 30px;
	text-align: center;
	border-top: 1px solid
}

.blog-ranking-txt+p a {
	font-weight: 600;
	display: inline-block;
	padding: 10px 15px;
	background: #92aace;
	background: -moz-linear-gradient(top, rgba(146, 170, 206, 1) 0, rgba(38, 104, 207, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(146, 170, 206, 1) 0, rgba(38, 104, 207, 1) 100%);
	background: linear-gradient(to bottom, rgba(146, 170, 206, 1) 0, rgba(38, 104, 207, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92aace', endColorstr='#2668cf', GradientType=0);
	color: #fff;
	border-radius: 5px;
	border: 1px solid #020b39
}

.short_intxt_pr {
	margin-top: 20px;
	border: 1px solid #353535;
	border-radius: 5px;
	overflow: hidden;
	display: inline-block
}

.short_intxt_pr p:last-child {
	background: #fff
}

.short_intxt_pr span {
	font-size: 12px;
	padding: 3px 10px;
	background: #353535;
	color: #fff
}

.short_intxt_pr a {
	display: inline-block;
	padding: 10px;
	font-size: 12px;
	font-weight: 600
}

.single-post-conts .index-pr-list {
	padding: 10px
}

.line-add {
	text-align: center;
	font-weight: 600
}

.line-add>div>.qr-img img {
	width: 120px;
	border: 1px solid #ccc
}

.line-add>div>a {
	display: inline-block;
	margin-bottom: 10px
}

.keiba-pr {
	margin-bottom: 30px
}

.keiba-pr>div {
	-webkit-flex: 0 0 32%;
	-moz-flex: 0 0 32%;
	-ms-flex: 0 0 32%;
	-o-flex: 0 0 32%;
	flex: 0 0 32%;
	margin-bottom: 10px
}

.keiba-pr>div a {
	display: block;
	border: 1px solid #333
}

@media only screen and (max-width :550px) {
	.keiba-pr>div {
		-webkit-flex: 0 0 100%;
		-moz-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		-o-flex: 0 0 100%;
		flex: 0 0 100%
	}
}

.chart-article .article-body {
	background: #fff
}

.chart-title {
	font-size: 22px;
	font-weight: 600;
	padding: 10px 5px;
	color: #374c63;
	border-top: 2px solid #374c63;
	border-bottom: 2px solid #374c63;
	line-height: 1.2
}

.chart-title small {
	display: block;
	padding: 5px 10px;
	background: #374c63;
	color: #fff;
	font-size: 14px;
	vertical-align: middle;
	margin-bottom: 10px
}

.chart-wrap {
	border: 1px solid #ccc;
	overflow: hidden
}

.chart-wrap>div {
	display: none;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	-webkit-transform: translate(110%, 0);
	-moz-transform: translate(110%, 0);
	-ms-transform: translate(110%, 0);
	-o-transform: translate(110%, 0);
	transform: translate(110%, 0);
	text-align: center;
	padding: 10px
}

.chart-wrap>#q1 {
	display: block
}

.chart-wrap>.active1 {
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}

.chart-wrap>.active2 {
	-moz-transform: translate(0, 0) scale(1);
	-ms-transform: translate(0, 0) scale(1);
	-o-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1)
}

.chart-wrap .title {
	font-family: 'Sawarabi Gothic', sans-serif;
	font-size: 18px;
	font-weight: 400;
	margin: 0!important
}

.chart-wrap .yes-no-btn {
	margin-top: 10px
}

.chart-wrap>.title {
	font-size: 22px;
	padding: 10px;
	border-bottom: 1px solid #ccc;
	line-height: 1.2;
	letter-spacing: 1px;
	background: #374c63;
	color: #fff;
	text-align: center
}

.chart-wrap>.title span {
	font-size: 25px;
	margin-left: 5px
}

.chart-wrap .next-q {
	font-family: 'Sawarabi Gothic', sans-serif;
	display: inline-block;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid;
	width: 100px;
	font-weight: 600;
	color: #666
}

.chart-wrap .next-q.yes {
	background: #c9e3ff;
	border-color: #c9e3ff
}

.chart-wrap .next-q.no {
	background: #ffc9c9;
	border-color: #ffc9c9
}

.chart-wrap .next-q:hover {
	opacity: 1;
	background: #fff
}

.chart-wrap .answer-box {
	text-align: left;
	margin-top: 15px
}

.chart-wrap .answer-box:not(:last-child) {
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc
}

.chart-wrap .answer-box>a:hover {
	color: #3187f9
}

.chart-wrap .answer-box .ans-content {
	font-size: 13px!important;
	padding: 5px;
	background: #f4f4f4;
	margin: 0 10px
}

.chart-wrap .ans-title {
	color: #37803a;
	border-left: 5px solid #37803a;
	padding: 5px;
	font-weight: 600;
	text-align: left
}

.answer-box>div>p {
	-webkit-flex: 0 0 170px;
	-moz-flex: 0 0 170px;
	-ms-flex: 0 0 170px;
	-o-flex: 0 0 170px;
	flex: 0 0 170px
}

.answer-box .site-title {
	font-size: 18px;
	font-weight: 600;
	text-align: left;
	padding-bottom: 5px;
	line-height: 1.2;
	margin-bottom: 10px;
	border-bottom: 3px double
}

.answer-box .site-title span {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	padding: 3px 10px;
	background: #374c63;
	color: #fff;
	line-height: 1
}

.answer-box .site-link {
	text-align: center;
	margin-top: 15px
}

.answer-box .site-link a {
	display: inline-block;
	padding: 5px 20px;
	border-radius: 3px;
	background: #37803a;
	border-color: #37803a;
	color: #fff;
	font-weight: 600;
	letter-spacing: 1px
}

.chart-wrap .keiba {
	margin-top: 20px;
	padding: 10px;
	border: 3px solid #37803a
}

.chart-wrap .keiba>p {
	-webkit-flex: 0 0 60px;
	-moz-flex: 0 0 60px;
	-ms-flex: 0 0 60px;
	-o-flex: 0 0 60px;
	flex: 0 0 60px
}

.chart-wrap .keiba>div {
	-webkit-flex: 1 0 1px;
	-moz-flex: 1 0 1px;
	-ms-flex: 1 0 1px;
	-o-flex: 1 0 1px;
	flex: 1 0 1px;
	text-align: left;
	padding-left: 10px
}

.chart-wrap .keiba>div>p:first-child {
	margin-bottom: 10px!important
}

.chart-wrap .keiba>div>.right {
	margin: 0
}

.chart-wrap .keiba>div>.right a {
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	padding: 5px 15px;
	border-radius: 5px;
	border: 1px solid #ccc
}

@media only screen and (max-width :425px) {
	.answer-box>div>p {
		-webkit-flex: 0 0 100%;
		-moz-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		-o-flex: 0 0 100%;
		flex: 0 0 100%;
		margin-bottom: 15px;
		text-align: center
	}
}

.chart-archive {
	margin-top: 30px;
	background: #fff;
	padding: 10px
}

.chart-archive>p {
	margin-bottom: 30px
}

.chart-archive h2 {
	font-size: 18px;
	font-weight: 600;
	margin: 30px 0 20px;
	line-height: 1.2;
	padding: 10px;
	background: #374c63;
	color: #fff
}

.chart-archive h3 {
	font-size: 16px;
	font-weight: 600;
	padding: 0 5px 5px;
	margin-bottom: 10px;
	border-bottom: 2px solid #374c63;
	line-height: 1.2
}

.chart-archive .right {
	float: none;
	text-align: right;
	margin: 15px 0 0
}

.chart-archive .right a {
	display: inline-block;
	padding: 5px 15px;
	border-radius: 5px;
	border: 1px solid #333
}

.chart-archive .right a:hover {
	opacity: 1;
	background: #333;
	color: #fff
}

.chart-archive .flex>div {
	margin-left: 10px;
	-webkit-flex: 1 0 1px;
	-moz-flex: 1 0 1px;
	-ms-flex: 1 0 1px;
	-o-flex: 1 0 1px;
	flex: 1 0 1px
}

@media only screen and (max-width :425px) {
	.chart-archive .flex>.link-img {
		-webkit-flex: 0 0 100px;
		-moz-flex: 0 0 100px;
		-ms-flex: 0 0 100px;
		-o-flex: 0 0 100px;
		flex: 0 0 100px
	}
}

.boat-num{
	display: inline-block;
	vertical-align: middle;
	padding: 5px;
	border: 1px solid #ccc;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
}
.boat-num.num-1{
	background: #ebebeb;
}
.boat-num.num-2{
	background: #505050;
	color: #fff;
}
.boat-num.num-3{
	background: #f04141;
	color: #fff;
}
.boat-num.num-4{
	background: #4184d0;
	color: #fff;
}
.boat-num.num-5{
	background: #ece962;
}
.boat-num.num-6{
	background: #54b74d;
	color: #fff;
}
.today-line{
	font-weight: 600;
	display: inline-block;
	padding: 5px;
	background: #efefef;
	border: 1px solid #ccc;
}

.venue-body .venue-table{
	font-size: 14px;
}
.venue-body .venue-table td:first-child{
	background: #f4f4f4;
}
.venue-body .today-race a{
	padding: 5px;
	font-size: 14px;
}
.venue-body .today-race a img{
	width: 60px;
	margin-right: 5px;
	border-radius: 5px;
}
.venue-body .today-post-link a>span{
	display: inline-block;
	padding: 3px 5px;
	font-weight: 600;
	background: #f4f4f4;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-left: 10px;
	-webkit-flex: 0 0 70px;
	-moz-flex: 0 0 70px;
	-ms-flex: 0 0 70px;
	-o-flex: 0 0 70px;
	flex: 0 0 70px;
	text-align: center;
}
.venue-body .today-post-link a:hover >span{
	background: #fff;
}
.venue-body .past-post-link{
	/*padding: 10px 0;*/
	border: 1px solid #ccc;
}
.venue-body .past-post-link p a{
	padding: 10px;
}
.venue-body .past-post-link p:not(:last-child){
	border-bottom: 1px solid #ccc;
	margin-bottom: 0!important;
}
.renewal .section-in .venue-body{
	padding: 10px 0 20px;
}
.venue-body .past-post-link p a:hover{
	opacity: 1;
	background: #f4f4f4;
}