﻿*{
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#content img{max-width: 100%;}

.top{background-color: #1ABC9C;}

.contents {
	position: relative;
	margin: 0 auto;
	width: 800px;
}
.contents-mini {
	margin: 0 auto;
	width: 800px;
}
#content.detail{padding: 0;background-color: transparent;}
@media (max-width: 960px){
	.contents{width: 90%;}
	.contents-mini{width: 85%;}
	#content.detail{padding: 30px 0;}
}
@media (max-width: 480px){
	.contents,.contents-mini{width: 90%;}
	#content.detail{padding: 30px 0 10px;}
}

/*-----------------------------------------------
 main
-----------------------------------------------*/

#runrun-intro{
	background: url(./img/head.jpg) no-repeat center top;
	background-size: cover;
	height: 500px;
	text-indent: -99999px;
}

#runrun-main{
	padding: 60px 0;
	background-color: #fefabd;
	color: #907d04;
	text-align: center;
}
#runrun-main h2{font-size: 32px;margin-bottom: 30px;font-weight: bold;letter-spacing: 0.06em;line-height: 1.5;text-align: center;}
#runrun-main p{margin-bottom: 30px;font-weight: bold;letter-spacing: 0.06em;}
#runrun-main ul{display: table;margin: 0 auto;}
#runrun-main ul li{display: table-cell;padding: 0 10px;}
#runrun-main ul li a:hover{opacity: 0.6;}
@media (max-width: 767px){
	#runrun-main ul li{display: block;padding: 5px 0;}
}

#runrun-main2{
	padding: 60px 0;
	background-color: #fbfadb;
	color: #907d04;
	text-align: center;
}
#runrun-main2 h2{font-size: 32px;margin-bottom: 30px;font-weight: bold;letter-spacing: 0.06em;line-height: 1.5;text-align: center;}
#runrun-main2 p{margin-bottom: 30px;font-weight: bold;letter-spacing: 0.06em;}
#runrun-main2 ul{display: table;margin: 0 auto;}
#runrun-main2 ul li{display: table-cell;padding: 0 10px;}
#runrun-main2 ul li a:hover{opacity: 0.6;}
@media (max-width: 767px){
	#runrun-main2 ul li{display: block;padding: 5px 0;}
}



#runrun-data{padding: 60px 0;}
#runrun-data .contents{
	border: 3px solid #9e8b24;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 30px 15px;
}
#runrun-data p.lead{text-align: center;margin-bottom: 30px;font-size: 16px;letter-spacing: 0.06em;color: #E50012;font-weight: bold;}
#runrun-data h2{text-align: center;font-weight: bold;font-size: 16px;line-height: 46px;background-color: #fdfaba;color: #9c8a15;margin-bottom: 15px;}
#runrun-data li{float: left;width: 25%;padding: 0 10px;}
#runrun-data li img{display: block;width: 100%;margin-bottom: 10px;}
#runrun-data li h3{text-align: center;margin-bottom: 5px;letter-spacing: 0.06em;font-size: 18px;font-weight: bold;}
#runrun-data li:nth-child(1) h3{color: #E3007F;}
#runrun-data li:nth-child(2) h3{color: #36A0DA;}
#runrun-data li:nth-child(3) h3{color: #F2984F;}
#runrun-data li:nth-child(4) h3{color: #70B437;}
#runrun-data li p{
	text-align: justify;
	text-justify: inter-ideograph;
	-webkit-text-size-adjust: 80%;
	font-size: 12px;
	letter-spacing: 0.03em;
}

@media (max-width: 960px){
	#runrun-intro{height: 320px;}
	#runrun-data li{padding: 0 5px;}
	#runrun-data li p{text-align: left;}
}
@media (max-width: 767px){
	#runrun-intro{height: 140px;}
	#runrun-data li{width: 100%;padding: 0 5px 10px;}
	#runrun-data li p{
	text-align: justify;
	text-justify: inter-ideograph;
	-webkit-text-size-adjust: 100%;
	}
}

/* ?t?H?[?????? */
#form {
	padding: 50px 0;
	background-color: #f7f8f8;
}
#form h2{text-align: center;margin-bottom: 15px;}
#form table{width: 100%;margin-bottom: 30px;text-align: left;border-top: 1px #CCCCCC dotted;}
#form table th{width: 25%;}
#form table th, #form table td {
	padding: 10px;
	border-bottom: 1px #CCCCCC dotted;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#form table th img {float: right;margin-top: 5px;}
#form input, #form select, #form textarea {
  border: 2px #CCCCCC solid;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 100%;
	left: 1.2em;
}
input.err, select.err, textarea.err, .err input, .err select, .err textarea, .chkgroup.err label {
    background: #FFFFCC;
    border-color: #fdd7c1;
}
.w100{width: 100%;}
.box{
	padding: 20px;
	background-color: #FFFFFF;
	margin-bottom: 20px;
}
.formbtn{text-align: center;}
.formbtn input{
	border: none!important;
	-webkit-border-radius: 0!important;
	-moz-border-radius: 0!important;
	border-radius: 0!important;
}
.btn-confirm-event{background: url(./img/btn-confirm.gif) no-repeat center center;}
.btn-grey-event{background: url(./img/btn-grey.gif) no-repeat center center;}
.btn-reinput{background: url(./img/btn-reinput.gif) no-repeat center center;width: 226px;height: 62px;}
.btn-send{background: url(./img/btn-send.gif) no-repeat center center;width: 226px;height: 62px;}
.btn-confirm{width: 400px;height: 100px;background-size: contain!important;max-width: 100%;}
@media (max-width: 768px){
	#form table th, #form table td {width: 100%;display: block;}
	#form table th img {margin-top: 2px;}
	#form table th{border: none;}
	#form table td{padding-bottom: 20px;}
}

/* Clearfix */
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.row:before,
.row:after {
	content: " ";
	display: table;
	width: 100%;
}
.clearfix:after,
.container:after,
.row:after {
	clear: both;
}