@charset 'euc-jp';


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

/* iOSリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
.search-area select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
}
/* iOS reset end */


/* 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: 96%;
    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: -6vw;
    right: -3vw;
}
.popup-modal-detail .btn-modal-close img {
    width: 13vw;
}
.popup-modal-detail h3 {
    text-align: center;
    font-size: 4vw;
}
.popup-modal-detail h4 {
	font-weight: bold;
    font-size: 6vw;
}
.popup-modal-detail .modal-inner {
    width: 90%;
    margin: 0 auto;
    background: #fff;
}
.popup-modal-detail .modal-inner p {
    margin-bottom: 0.5em;
    font-size: 4vw;
}
.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;
}

/* }}} */

img.kv {
    width: 100%;
}

.search-area input[type="text"] {
    width: 40%;
}
.search-area .btn.search {
    height: 8vw;
    padding: 0;
    line-height: 4vw;
    box-sizing: border-box;
}

.freebnr,
.key-img {
    width: 95.16%;
    margin: 5vw auto 0;
}
.key-img .about {
	left: auto;
	right: 0.5em;
	bottom: 57%;
	font-size: 0.875em;
}
.key-img .point-area {
	right: auto;
	left: 50%;
	top: auto;
	bottom: 0.5em;
	width: 97.46%;
	font-size: 0.75em;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	box-sizing: border-box;
	padding: 0.5em;
}
.key-img .point-area .point {
	font-size: 1.5em;
	padding: 0.1em 0.5em 0;
}
.key-img .point-area .point-buy {
	display: inline-block;
	font-size: 1em;
	margin-top: 0.2em;
	padding: 0.5em 1em;
	width: 72%;
}

.bgkaime {
	width: 100%;
}

.result {
  width: 95.16%;
  margin: 4vw auto 0;
}
.result-wrap {
	margin: 4vw 0 0 0;
}
.result-wrap .result {
	margin: 0 auto;
}
.result-wrap .btn-list {
	width: auto;
	padding: 0.5em 1em 0.5em 2em;
	margin: 0.5em 2.5% 0 auto;
}
.result h3 {
	width: 25%;
}
.result ul {
	width: 75%;
}
.result ul li span {
  display: block;
  padding-left: 0;
}

.kaime-list {
  width: 95.16%;
  margin: 2vw auto 0;
}
.kaime-list > li {
	width: 100%;
	padding: 0.6em;
  margin-bottom: 4vw;
  font-size: 0.75em;
}
.kaime-list > li:nth-child(n+3) {
	margin-top: 0;
}
.kaime-list > li .ph .profile {
	position: absolute;
	right: 0.8em;
	bottom: 0.8em;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	border-radius: 0.3em;
	padding: 0.4em 0.8em;
}

.kaime-list > li .ph.active::after {
	width: 18vw;
	height: 18vw;
}

.kaime-list > li .racecard {
	margin-top: 4vw;

}
.kaime-list > li .racecard span {
	padding: 0.3em 1em;
}
.kaime-list > li .backnumber {
	margin-top: 4vw;

}
.kaime-list > li .backnumber span {
	padding: 0.3em 1em;
}
.kaime-list > li .graph-wrap .graph {
	height: 50vw;
	margin-top: 4vw;
}
.kaime-list > li .graph-wrap .data {
	margin-top: 2vw;
	padding: 0.3em;
}
.kaime-list > li .graph-wrap .tab {
	margin-top: 4vw;
}
.kaime-list > li .graph-wrap .search-content {
	border-width: 4px 1px 1px 1px;
	padding: 1em 2em 0.5em;
}
.kaime-list > li .graph-wrap .search-content .btnarea {
	margin-top: 4vw;
}

.result.list .profile,
.result.detail .profile {
	position: absolute;
	right: 0.8em;
	bottom: 0.8em;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	border-radius: 0.3em;
	padding: 0.4em 0.8em;
}

.kaime-list-main {
    margin: 2vw auto 0;
    width: 95.16%;
    border: solid 1px #cfcfcd;
    background: #f6f5f3;
    box-sizing: border-box;
    padding: 0.2em;
    position: relative;
}
.kaime-list-main .btn-block {
    position: static;
    width: 100%;
}
.kaime-list-main .btn-block .today {
    background: #fff;
    font-size: 1.25em;
    border-radius: 5px;
    padding: 10px 1em;
    text-align: center;
    margin: 0.2em auto;
    width: 100%;
}
.kaime-list-main .btn-block .past {
    font-size: 1.25em;
	background: -moz-linear-gradient(top, #def2fb 0%, #def2fb 50%, #b6e0f9 51%, #b6e0f9 100%);
	background: -webkit-linear-gradient(top, #def2fb 0%, #def2fb 50%, #b6e0f9 51%, #b6e0f9 100%);
	background: linear-gradient(top, #def2fb 0%, #def2fb 50%, #b6e0f9 51%, #b6e0f9 100%);
    border-radius: 5px;
    padding: 10px 1em;
    text-align: center;
    margin: 0.2em auto;
    width: 100%;

    /*
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffffb), color-stop(100%,#eadb38));
    background: -ms-linear-gradient(top, #fffffb 0%, #eadb38 100%);
    background: -o-linear-gradient(top, #fffffb 0%, #eadb38 100%);
    background: linear-gradient(top, #fffffb 0%, #eadb38 100%);
    */


}
.kaime-list-main ul.tab li  {
    margin-top: 25px;
}
.kaime-list-main ul.tab li  {
	width: 45%;
	box-sizing: border-box;
    margin-right: 5px;
}
.kaime-list-main ul.tab li a {
	display: block;
	text-align: center;
	color: #7eb500;
	font-size: 1.125em;
	font-weight: bold;
    background: #fff;

	-moz-border-radius: 0.1em;
	-webkit-border-radius: 0.1em;
	border-radius: 0.1em;
	border-top: solid 1px #81b400;
	border-left: solid 1px #81b400;
	border-right: solid 1px #81b400;
	box-shadow: 0 -1px 3px rgba(0,0,0,0.2);
	text-decoration: none;
	position: relative;

}
.kaime-list-main ul.tab li a.current {
	background: #7eb500;
    color: #fff;
}

.kaime-list-main ul.tab li a span {
	display: block;
	padding: 0.2em 1em;
	border-top: solid 1px #adc27f;
	border-left: solid 1px #adc27f;
	-moz-border-radius: 0.1em;
	-webkit-border-radius: 0.1em;
	border-radius: 0.1em;
}
.kaime-list-main ul.tab li:nth-child(2) a {
	color: #db6000;
	border-top: solid 1px #dc6000;
	border-left: solid 1px #dc6000;
    border-right: solid 1px #dc6000;
}
.kaime-list-main ul.tab li:nth-child(2) a.current {
    color: #fff;
	background: #db6000;
}
.kaime-list-main ul.tab li:nth-child(2) a span {
	border-top: solid 1px #df8a47;
	border-left: solid 1px #df8a47;
}
.kaime-list-main .race-list {
    margin: 0 auto 25px;
    width: 100%;
    box-sizing: border-box;
    padding-top: 15px;
	/* background: #ecf5d8; */
}
.kaime-list-main .race-list.jra {
    border-top: 5px solid #7eb500;
}
.kaime-list-main .race-list.nar {
    border-top: 5px solid #db6000;
    display: none;
}
.kaime-list-main .race-list h3 {
}

.kaime-list-main .race-list .race-box {
    box-sizing: border-box;
    width: 100%;
    margin: 5px auto;
    border: 2px solid #e3e3e3;
    background: #fff;
    padding: 5px;
    flex-direction: column;
}
.kaime-list-main .race-list .race-box .box {
    box-sizing: border-box;
    margin-right: 5px;
    padding: 5px;
}
.kaime-list-main .race-list .race-box .box1 {
    box-sizing: border-box;
    width: 100%;
}
.kaime-list-main .race-list .race-box .box2 {
    box-sizing: border-box;
    width: 100%;
    border-left: 1px solid #e3e3e3;

}
.kaime-list-main .race-list .race-box .box3 {
    box-sizing: border-box;
    width: 100%;
    height: 4.2em;
    margin-right: 0;
    border-left: 1px solid #e3e3e3;
    position: relative;
}
.kaime-list-main .race-list .race-box .race-info {
    font-size: 1.25em;
    font-weight: bold;
}
.kaime-list-main .race-list .race-box .box1 > div {
    box-sizing: border-box;
    padding: 0.2em 0;
    width: 100%;
}
.kaime-list-main .race-list .race-box .box1 .kaime-info {
    border-top: 1px dotted #e3e3e3;
    border-bottom: 1px dotted #e3e3e3;
}

.kaime-list-main .race-list .race-box .box2 .kitai-area {
    box-sizing: border-box;
    width: 100%;
}
.kaime-list-main .race-list .race-box .box2 .kitai-area .kitailevel {
    box-sizing: border-box;
    width: 45%;
    font-weight: bold;
    border: 1px solid #e3e3e3;
    background: #f4f3f1;
    border-radius: 5px;
    padding: 2px 4px;
    margin: auto 5px;
    text-align: center;
}
.kaime-list-main .race-list .race-box .box2 .kitai-area .kitailevel span.kitailevel {
    color: #d85e09;
}
.kaime-list-main .race-list .race-box .box2 .kitai-area .syoubu {
    width: 45%;
    box-sizing: border-box;
    font-weight: bold;
    border: 3px solid #ff0300;
    border-radius: 5px;
    padding: 2px 10px;
    color: #ff0300;
    margin: auto 5px;
    text-align: center;
}
.kaime-list-main .race-list .race-box .box2 .result-area {
    margin-top: 1em;
}
.kaime-list-main .race-list .race-box .box2 .result-area .tekichu {
    background: #ff0300;
    font-size: 1.4em;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    margin: auto 5px;
}
.kaime-list-main .race-list .race-box .box2 .result-area .detail {
    color: #ff0300;
    margin: auto 5px;
}
.kaime-list-main .race-list .race-box .box3 .kaime-btn {
	position: absolute;
    width: 90%;
    height: 4em;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);

	background: -moz-linear-gradient(top, #fffffb 0%, #eadb38 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffffb), color-stop(100%,#eadb38)); /* webkit */
    background: -ms-linear-gradient(top, #fffffb 0%, #eadb38 100%); /* IE windows phone */
    background: -o-linear-gradient(top, #fffffb 0%, #eadb38 100%); /* opera */
    background: linear-gradient(top, #fffffb 0%, #eadb38 100%); /* css3 */
    -moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
	font-weight: bold;
	text-align: center;
	padding: 0.4em 0.8em;

	display: flex;
	display:-webkit-flex;
	display:-ms-flexbox;
	-ms-flex-pack:center;
    -webkit-justify-content: center;
    justify-content:center;
		align-items: center;
	-webkit-align-items: center;
	-ms-flex-align: center;

	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;

}
.kaime-list-main .race-list .race-box .box3 .kaime-btn .desc {
    font-size: 1.25em;
    width: 40%;
}
.kaime-list-main .race-list .race-box .box3 .kaime-btn .btn-detail {
    box-sizing: border-box;
    background: #fff;
    width: 40%;
    padding: 5px;
    border-radius: 5px;
}
.kaime-list-main .race-list .race-box .box3 .kaime-btn .btn-detail .pt {
    color: #d26700;
}
.kaime-list-main .race-list .race-box .box3 .kaime-btn .btn-detail .kokai {
    color: #27ad3c;
}

.kaime-detail .race-info {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    font-size: 1.25em;
    font-weight: bold;
    background: #fff;
    padding: 10px;
}
.kaime-detail .race-info .wrap {
    width: 70%;
}
.kaime-detail .race-info .tekichu {
    background: #ff0300;
    font-size: 1.4em;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    margin: auto 5px;
    position: absolute;
    right: 1em;
    top: 0;
}
.kaime-detail .kitailevel-area {
    margin: 10px auto;
	-ms-flex-pack:center;
    -webkit-justify-content: center;
    justify-content:center;
}
.kaime-detail .kitailevel-area .kitailevel {
    box-sizing: border-box;
    font-weight: bold;
    border: 1px solid #ddd;
    background: #f4f3f1;
    border-radius: 5px;
    padding: 2px 4px;
    margin: auto;
    width: 45%;
    text-align: center;
}
.kaime-detail .kitailevel-area .kitailevel span.kitailevel {
    color: #d85e09;
}
.kaime-detail .kitailevel-area .syoubu {
    box-sizing: border-box;
    font-weight: bold;
    border: 3px solid #ff0300;
    border-radius: 5px;
    padding: 2px 10px;
    color: #ff0300;
    margin: auto;
    width: 45%;
    text-align: center;
}
.kaime-detail .race-block {
    box-sizing: border-box;
    width: 100%;
    flex-direction: column;
}
.kaime-detail .race-block .flex-wrap {
    box-sizing: border-box;
    width: 100%;
}
.kaime-detail .race-block .ttl {
    background: #edebdf;
    border: 1px solid #d3d3d1;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    padding: 5px auto;
    font-weight: bold;
}
.kaime-detail .race-block .race-table,
.kaime-detail .race-block .race-table table {
    box-sizing: border-box;
    width: 100%;
}
.kaime-detail .race-block .race-table table {
    border: 1px solid #d3d3d1;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
.kaime-detail .race-block .race-table table th {
    border: 1px solid #d3d3d1;
    background: #fff;
    padding: 0.2em;
}
.kaime-detail .race-block .race-table table td {
    border: 1px solid #d3d3d1;
    background: #fff;
    background: #fff;
    padding: 0.2em;
}
.kaime-detail .race-block .race-table table td.mark {
    background: #f5f4f2;
}
.kaime-detail .race-block .race-table table td.bracket2 {
    background: #000;
    color: #fff;
}
.kaime-detail .race-block .race-table table td.bracket3 {
    background: #e81e1a;
    color: #fff;
}
.kaime-detail .race-block .race-table table td.bracket4 {
    background: #1f499d;
    color: #fff;
}
.kaime-detail .race-block .race-table table td.bracket5 {
    background: #f1e92e;
    color: #000;
}
.kaime-detail .race-block .race-table table td.bracket6 {
    background: #096234;
    color: #fff;
}
.kaime-detail .race-block .race-table table td.bracket7 {
    background: #ea9016;
    color: #fff;
}
.kaime-detail .race-block .race-table table td.bracket8 {
    background: #ee96be;
    color: #000;
}

.kaime-detail .race-block .result-money {
    margin-top: 15px;
    box-sizing: border-box;
    width: 100%;
}
.kaime-detail .race-block .result-money table {
    border: 1px solid #d3d3d1;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;

}
.kaime-detail .race-block .result-money table th {
}
.kaime-detail .race-block .result-money table td {
    border: 1px solid #d3d3d1;
    background: #fff;
    background: #fff;
    padding: 0.2em;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
}
.kaime-detail .race-block .result-money table td.win {
    background: #ffe5f2;
}
.kaime-detail .race-block .result-money table td.place {
    background: #f2e4f1;
}
.kaime-detail .race-block .result-money table td.bracket_quinella {
    background: #e5f3e4;
}
.kaime-detail .race-block .result-money table td.wide {
    background: #fef2f2;
}
.kaime-detail .race-block .result-money table td.quinella {
    background: #eaf0fe;
}
.kaime-detail .race-block .result-money table td.exacta {
    background: #faf1d4;
}
.kaime-detail .race-block .result-money table td.trio {
    background: #fde1f0;
}
.kaime-detail .race-block .result-money table td.trifecta {
    background: #e6f6d9;
}

.kaime-detail .race-block .result-summary {
    border: 2px solid #fb0102;
    box-sizing: border-box;
    width: 100%;
    background: #fff;
    font-size: 1.25em;
    font-weight: bold;
    padding: 0.4em;
    margin-top: 1em;
}
.kaime-detail .race-block .result-summary .konyu {
    box-sizing: border-box;
    width: 45%;
}
.kaime-detail .race-block .result-summary .resultm .wrap {
    box-sizing: border-box;
    width: 45%;
}
.kaime-detail .race-block .result-summary .resultm {
    color: #ff7c67;
}
.kaime-detail .race-block .result-summary .resultm .wrap:nth-of-type(1) {
    box-sizing: border-box;
}

.kaime-detail .race-block .kaime {
    margin-top: 15px;
}
.kaime-detail .race-block .kaime .item {
    width: 100%;
    background: #fff;
    border: 1px solid #d3d3d1;
    box-sizing: border-box;
    margin: 10px auto;
}
.kaime-detail .race-block .kaime .item .inner {
    padding: 1em;
}
.kaime-detail .race-block .kaime .item .inner .no {
    margin-bottom: 0.25em;
}
.kaime-detail .race-block .kaime .item .inner .no .no-ttl {
    width: 3em;
}
.kaime-detail .race-block .kaime .item .inner .no .numarea  .no {
    box-sizing: border-box;
    width: 2em;
    line-height: 1em;
    padding: 0.2em 0;
    background: #000;
    color: #fff;
    margin-right: 0.2em;
    text-align: center;
}
.kaime-detail .race-block .kaime .item .inner .money {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px dotted #d3d3d3;
}
.kaime-detail .race-block .kaime .item .inner .result {
    border: none;
    margin: auto;
    color: #ff370c;
}
.kaime-detail .race-block .kaime .item .inner .result .big {
    font-weight: bold;
    font-size: 1.25em;
}
.kaime-detail .race-block .bet {
    margin-top: 1em;
    width: 100%;
}
.kaime-detail .race-block .bet button.bet {
    width: 100%;
    box-sizing: border-box;
    border: 3px solid #d8d8d8;
    border-radius: 5px;
    font-weight: bold;
    padding: 1.2em;
    font-size: 1.25em;

	background: -moz-linear-gradient(top, #ffca26 0%, #ffca26 50%, #d9a400 51%, #d9a400 100%);
	background: -webkit-linear-gradient(top, #ffca26 0%, #ffca26 50%, #d9a400 51%, #d9a400 100%);
	background: linear-gradient(top, #ffca26 0%, #ffca26 50%, #d9a400 51%, #d9a400 100%);

}
.kaime-detail .search-block {
    margin: 0 auto 10px;
}
.kaime-detail .search-block select {
    margin-right: 0.5em;
    padding: 0.2em;
}
.kaime-detail .search-block .searchbtn {
}
.kaime-detail .search-block .searchbtn a {
    display: inline-block;
    background: #ffca26;
    text-align: center;
    padding: 0.2em;
    color: #000;
    width: 4em;
    font-weight: bold;
    vertical-align: bottom;
    border: 1px solid #e7b11d;
    border-radius: 3px;
}

.kaime-point .data-block {
    width: 100%;
    box-sizing: border-box;
    overflow-x: scroll;
}
.kaime-point .data-block .point-table th {
	white-space: nowrap;
}

.search-block .searchbtn {
	margin-top: 0.5em;
}
.kaime-result .result-table-wrap {
	width: 100%;
	overflow-x: scroll;
}
.kaime-result .result-table {
	white-space: nowrap;
}



}


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