@charset 'euc-jp';


.font-mincho {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.flexbox.jaround {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

/* modal {{{ */

#wrapper .popup-modal-detail {
    display: none;
}

.modal-grade {
    display: none;
}
.modal-inner {
/*
    position: absolute;
    height: 50%;
    max-width: 700px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 99999;
    */
}
.modal-inner .wrap {
    background-color: #ffffff;
}
.modal-grade .modal-inner a.btnclose {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#13c1ff), color-stop(100%,#3190c1)); /* webkit */
    background: -ms-linear-gradient(top, #13c1ff 0%, #3190c1 100%); /* IE windows phone */
    background: -o-linear-gradient(top, #13c1ff 0%, #3190c1 100%); /* opera */
    background: linear-gradient(top, #13c1ff 0%, #3190c1 100%);
    color: #ffffff;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;
    display: inline-block;
    text-align: right;
}
.popup-modal-detail {
    /* background: url('../img/modal/bg.png') left top repeat; */
    background: #fff;
    width: 500px;
    color: #000;
    margin: 30px auto;
    position: relative;
    padding: 27px 0 30px 0;
    box-sizing: border-box;
}
.popup-modal-detail .btn-modal-close {
    position: absolute;
    top: -25px;
    right: -25px;
}
.popup-modal-detail h3 {
    text-align: center;
}
.popup-modal-detail h4 {
	font-weight: bold;
	font-family: 'メイリオ', Meiryo, sans-serif;
	color: #0063b2;
	text-align: center;
	box-sizing: border-box;
    font-size: 2em;
    margin-bottom: 0.5em;
}
.popup-modal-detail .modal-inner {
    width: 450px;
    margin: 0 auto;
    background: #fff;
}
.popup-modal-detail .modal-inner p {
    margin-bottom: 0.5em;
}
.popup-modal-detail .modal-inner table {
    border-collapse: collapse;
    width: 100%;
    border-spacing: 0;
    margin: 1em 0;
}
.popup-modal-detail .modal-inner table th {
    border: 1px solid #d8d8d8;
    padding: 0.4em;
}
.popup-modal-detail .modal-inner table td {
    border: 1px solid #d8d8d8;
    padding: 0.4em;
    text-align: center;
}
.popup-modal-detail .modal-inner .btn-area {
    width: 100%;
    margin: 1em auto 1em;
}
.popup-modal-detail .modal-inner .btn-area button {
    margin: 0 0.5em;
}
.popup-modal-detail .point {
    font-weight: bold;
    color: #fc0000;
}
.popup-modal-detail .user_point {
    font-weight: bold;
    color: #fc0000;
}
.popup-modal-detail .btn-buy {
    display: inline-block;
    background: #ffca26;
    text-align: center;
    padding: 0.2em;
    color: #000;
    width: 6em;
    font-weight: bold;
    vertical-align: bottom;
    border: 1px solid #e7b11d;
    border-radius: 3px;
}

/* }}} */

.txt-bold {font-weight: bold !important;}
.em075 {
    font-size: 0.75em;
}
button a {
    text-decoration: none;
    color: #333;
}

img {
	max-width: 100%;
}
.underline {
	text-decoration: underline;
}
.bold {
	font-weight: bold;
}
/* top */
.key-img {
    width: 1000px;
    margin: 30px auto 0;
    position: relative;
    background: none;
}
.key-img img {
	display: block;
}
.bgpota {
	width: 1000px;
    margin: auto;
}
.read {
	font-size: 1.125em;
	line-height: 2.22;
	margin-bottom: 30px;
}
.read span {
	text-decoration: underline;
}
.contents-inner {
	background: #eae9d8;
	padding: 1em 1em 2em;
}
.contents-inner h2 {
	text-align: center;
	font-size: 1.5em;
}

.contents-inner .ttl-rotate {
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	background: #000;
	color: #fff;
	-ms-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
    margin: 40px 0 50px;
}
.contents-inner .ttl-rotate span {
	font-size: 36px;
	color: #e0d100;
}
.contents-inner h4 {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	background: #000;
	color: #fff;
	padding: 0.2em 0.5em;
	position: relative;
	margin-top: 33px;
}
.contents-inner h4:after {
	content: "";
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-top: 9px solid #000;
    border-left: 5px solid transparent; 
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.c-nav-content .content {
	background: none;
	padding: 0;
}
.c-nav-content .content-menu {
	background: #f7f6f0;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	padding: 2em 1em;
}
.c-nav-content .content .contmenu.list li {
	border: solid 1px #cd9962;
	padding: 1px;
	margin: 0 13px 17px 0;
}
.c-nav-content .content .contmenu.list li:nth-child(3n),
.c-nav-content .content .contmenu.list li:last-child {
	margin-right: 0;
}
.c-nav-content .content .contmenu a:hover {
	opacity: 0.8;
}
.c-nav-content .content .contmenu.list a {
	background: #ffcd5d;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 63px;
	box-sizing: border-box;
	width: 298px;
	border: solid 1px #ffeecb;
	display: block;
	color: #000;
	text-decoration: none;
	white-space: nowrap;
}
.c-nav-content .content .contmenu.list a span {
	font-size: 21.4px;
	margin: 0 0 0 0.4em;
}

.c-nav-content .content .contmenu.entry li {
	border: solid 1px #cccd19;
	padding: 1px;
	margin: 0 39px 0 0;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
.c-nav-content .content .contmenu.entry li:nth-child(2n),
.c-nav-content .content .contmenu.entry li:last-child {
	margin-right: 0;
}
.c-nav-content .content .contmenu.entry a {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0e200), color-stop(100%,#d0b400)); /* webkit */
    background: -ms-linear-gradient(top, #f0e200 0%, #d0b400 100%); /* IE windows phone */
    background: -o-linear-gradient(top, #f0e200 0%, #d0b400 100%); /* opera */
    background: linear-gradient(top, #f0e200 0%, #d0b400 100%);
	font-size: 21px;
	font-weight: bold;
	text-align: center;
	line-height: 113px;
	box-sizing: border-box;
	width: 403px;
	border: solid 1px #f4eead;
	display: block;
	color: #000;
	text-decoration: none;
	white-space: nowrap;
}
.c-nav-content .content .contmenu.entry a span {
	margin: 0 0 0 0.4em;
}

.c-nav-content .content .contmenu.regist li {
	border: solid 1px #8b140b;
	padding: 1px;
	margin: 0 39px 0 0;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
.c-nav-content .content .contmenu.regist li:nth-child(2n),
.c-nav-content .content .contmenu.regist li:last-child {
	margin-right: 0;
}
.c-nav-content .content .contmenu.regist a {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e13008), color-stop(100%,#b70800)); /* webkit */
    background: -ms-linear-gradient(top, #e13008 0%, #b70800 100%); /* IE windows phone */
    background: -o-linear-gradient(top, #e13008 0%, #b70800 100%); /* opera */
    background: linear-gradient(top, #e13008 0%, #b70800 100%);
	font-size: 23px;
	font-weight: bold;
	text-align: center;
	line-height: 113px;
	box-sizing: border-box;
	width: 403px;
	border: solid 1px #e7aead;
	display: block;
	color: #fff;
	text-decoration: none;
}
.c-nav-content .content .contmenu.regist a span {
	margin: 0 0 0 0.4em;
}

.contents .result {
	margin-top: 30px;
}
.contents .note {
	margin-top: 50px;
	font-size: 14px;
	line-height: 1.28;
}

/* lower */
.lower .content img {
	width: auto;
}
.lower .contents-inner h2 {
	font-size: 1.5em;
	font-weight: bold;
	background: #000;
	color: #fff;
	padding: 0.2em 0.5em;
	position: relative;
	margin: 0 0 0.4em;
}
.lower .read {
	line-height: 1.8;
}
.lower .contents .content {
	background: #f7f6f0;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	padding: 1em;
}
.lower .contents .content + .content {
	margin-top: 1.5em;
}
.lower .contents h3 {
	margin: 0 0 0.5em;
	font-size: 20px;
}
.lower .contents .content + h3 {
	margin: 1em 0 0.5em;
}

.racecard {
}
.racecard table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 20px;
	background-color: #fff;
}
.racecard table.race {
	min-width: 70%;
}
.racecard table th {
    font-weight: normal;
    text-align: center;
    border: 1px solid #333;
    border: 1px solid #333;
    padding: 5px;
}
.racecard table td {
    text-align: center;
    border: 1px solid #333;
    padding: 5px;
}
.racecard table td.bg-A {
	background-color: #F4B084;
}
.racecard table td.bg-B {
	background-color: #FCE4D6;
}
.racecard table td.bg-C {
	background-color: #fff;
}
.racecard table td.bg-D {
	background-color: #DDEBF7;
}
.racecard table td.bg-E {
	background-color: #9BC2E6;
}
.dl.inner {
    padding: 35px;
    border: 1px solid #333;
}

.btn-entry {
	border-radius: 1em;
	font-size: 1em;
	color: #333;
	background: #ffcd5d;
	padding: .8em 1em;
	text-decoration: none;
	font-weight: bold;
	border: solid 1px #ccc;
}

.bgwh {
	background: #fff;
	padding: 1em;
	border: solid 1px;
	margin: 1em 0 2em;
	font-size: 1.05em;
}
.bgwh h5 {
	font-weight: bold;
	margin-bottom: 0.5em;
	display: inline-block;
	background: #000;
	color: #fff;
	padding: 0.2em 1em;
}


/* vim: set ts=4 sw=4 sts=0 foldmethod=marker : */