@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;
}

/* }}} */

/* top */
.key-img {
    width: 100%;
    margin: 0 auto 3vw;
}
.kv-area img.kvmenu {
	bottom: auto;
	top: 0;
	right: 0;
	width: 18%;
}
.bgpota {
	width: 100%;
	padding-bottom: 10vw;
}
.read {
	font-size: 3.6vw;
	line-height: 2;
	margin-bottom: 1.2em;
	padding: 0 2.4vw;
}
.contents-inner {
	padding: 1em 2.4vw 2em;
}
.contents-inner h2 {
	font-size: 2.88vw;
}

.contents-inner .ttl-rotate {
	font-size: 3vw;
    margin: 2em 0 2.5em;
    padding: 0.2em 0;
}
.contents-inner .ttl-rotate span {
	font-size: 3.6vw;
}
.contents-inner h4 {
	font-size: 3.6vw;
	margin-top: 5vw;
}
.c-nav-content .content-menu {
	padding: 6.88vw;
}
.c-nav-content .content .contmenu.list li {
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 2.65vw 0;
}
.c-nav-content .content .contmenu.list a {
	font-size: 4.32vw;
	line-height: 15.33vw;
	width: 100%;
}
.c-nav-content .content .contmenu.list a span {
	font-size: 1em;
}

.c-nav-content .content .contmenu.entry li {
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 5vw 0;
}
.c-nav-content .content .contmenu.entry a {
	font-size: 4.32vw;
	line-height: 15.33vw;
	width: 100%;
}

.c-nav-content .content .contmenu.regist li {
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 5vw 0;
}
.c-nav-content .content .contmenu.regist a {
	font-size: 4.32vw;
	line-height: 15.33vw;
	width: 100%;
}

div.c-nav ul.contmenu {
	margin-top: 5%;
}
div.c-nav ul.contmenu li {
	width: 100%;
}
div.c-nav h4 {
	margin: 1.2em 0 0 0;
	text-align: center;
	font-size: 6vw;
}
div.c-nav ul.contmenu.entry,
div.c-nav ul.contmenu.regist {
	margin-top: 0;
}
div.c-nav ul.contmenu.entry li,
div.c-nav ul.contmenu.regist li {
	border: none;
}
div.c-nav ul.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%);
	display: block;
	line-height: 15vw;
	text-align: center;
	color: #000;
}
div.c-nav ul.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%);
	display: block;
	line-height: 15vw;
	text-align: center;
	border: solid 1px #000;
}

.contents .result {
	margin-top: 5vw;
}
.contents .note {
	padding: 0 4.58vw;
	margin-top: 8vw;
	font-size: 2.88vw;
}


/* race table */
.bgpota .racecard table.race {
    table-layout: fixed;
}

.bgpota .racecard table.race tr th:nth-child(3) {
    width: 5em;
}
.bgpota .racecard table.race tr th {
    word-break: break-all;
}
.bgpota .racecard table.race tr td {
	word-break: break-all;
    padding-left: 0;
    padding-right: 0;
}



}


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