@charset "UTF-8";

img {
	width: 100%;
	height: auto;
}

br.wide {
	display: none;
}

/* common */
div.wrap {
	padding: 2%;
	min-height: 30em;
}

div.wide {
	display: none;
}

ul.comment li {
	margin-bottom: 2%;
	border: 1px solid #ccc;
	padding: 2%;
}

ul.comment li .name {
	font-size: 14px;
	color: #666;
}

ul.comment li .ress {
	color: #03f;
}

.ymd {
	color: #666;
	font-size: 14px;
	text-align: right;
}


.download {
	margin-bottom: 1em;
	border: 1px solid #ccc;
	padding: 2%;
}

.download .main_icon {
	float: left;
	width: 35%;
}

.download .details {
	margin-bottom: 2%;
	float: right;
	width: 63%;
}

.download .details h1 {
	font-size: 18px;
}

.download .details .tag {
	margin-bottom: 2%;
}

.download .details .tag li {
	padding: 1%;
	display: inline-block;
	border: 1px solid #000;
	font-size: 12px;
	text-align: center;
}

.download .details .tag .strong {
	border-color: #f00;
	color: #f00;
}

.download .btn {
	padding: 3%;
	clear: both;
	text-align: center;
	background: #3c9;
	color: #fff;
}

.btn {
	padding: 3%;
	clear: both;
	text-align: center;
	background: #3c9;
	color: #fff;
}


.results {
	width: 100%;
}

.results td {
	padding: 1%;
	border: 1px solid #000;
}


.results .caption .date {
	color: #fff;
	background: #000;
}

.results .caption .race {
	color: #fff;
	text-align: right;
	background: #000;
}

.results .caption .race span {
	margin-left: .5em;
	display: inline-block;
	width: 3em;
	padding: 1%;
	background: #e8c56d;
	color: #000;
	font-size: 14px;
	text-align: center;
}

.results .type {
	background: #f7f1e7;
	text-align: center;
}


.results .buy ul {
	text-align: center;
}

.results .buy ul li {
	padding: 2%;
	display: inline-block;
	border: 2px solid #666;
	background: #ccc;
	width: 2.5em;
	text-align: center;
}

.results .dividend ul li span {
	margin-bottom: 2%;
	padding: 2%;
	display: inline-block;
	border: 1px solid #000;
	font-size: 14px;
	width: 4em;
}

.results .dividend ul .strong {
	color: #f00;
	font-size: 18px;
	font-weight: bold;
}

.results .dividend ul .strong span {
	border-color: #f00;
	font-size: 14px;
}

.results .md_btn_area {
	background: #efefef;
	text-align: center;
}

.results .md_btn_area ul li {
	margin: 0 .5em;
	display: inline-block;
	text-decoration: underline;
	cursor: pointer;
}

.modal .wrap .close {
  top: 1em;
  right: 1em;
  width: 1.5em;
	cursor: pointer;
}
.modal .wrap figure {
  margin: 3em auto;
}
.modal .wrap figure span {
  margin: 0 auto;
  display: block;
  width: 90%;
}

section.form {
	padding: 2%;
	border: 1px solid #ccc;
	background: #fffded;
}

section.form dt{
	margin-bottom: 2%;
	font-size: 14px;
	font-weight: bold;
}

section.form dd{
	margin-bottom: 3%;
	font-size: 14px;
	font-weight: bold;}

section.form dd input {
	display: block;
	padding: 2%;
	width: 100%;
	
	border: 1px solid #ccc;
	font-weight: bold;
	font-size: 16px;
}

section.form dd textarea {
	padding: 2%;
	width: 100%;
	min-height: 15em;
	border: 1px solid #ccc;
}

section.form .submit {
	margin-bottom: 0;
}

section.form .submit input {
	background: #b4ad7e;
	color: #fff;
	text-align: center;
}

p.text {
	margin-bottom: 3em;
	text-align: left;
}

p.back {
	display: inline-block;
	padding: 2% 5%;
	background: #b4ad7e;
	color: #fff;
}


footer {
	padding: 2% 0;
}

footer p {
	font-size: 12px;
}