@charset "UTF-8";

/*リセット ------------------------------------------------------*/
div.container ul,
div.container li {
  margin: 0 auto;
  padding: 0;
  color: #000;
}

/*共通 ------------------------------------------------------*/

div.container {
	font-size: 18px;/*追加*/
	margin: 0 12.5% 12px 12.5%;
}}
p {padding:0;}


/*枠番別 ------------------------------------------------------*/
#wakubanbetu nav{
  width:100%;
  margin-bottom: 0px;
}

#wakubanbetu p	{
				text-align:left;
				margin:2% 1%;
				line-height:1.2;
				font-size:18px;
}

#wakubanbetu nav ul li {
  float: left;
  margin-right: 0.8%;
  width: 16%;
  background: #fff;
}
#wakubanbetu nav ul li:nth-child(2) {
  background: #464646;
}
#wakubanbetu nav ul li:nth-child(3) {
  background: #ff0000;
}
#wakubanbetu nav ul li:nth-child(4) {
  background: #0040d1;
}
#wakubanbetu nav ul li:nth-child(5) {
  background: #eae844;
}
#wakubanbetu nav ul li:nth-child(6) {
  background: #00872c;
  margin-right: 0;
}
#wakubanbetu nav ul li a {
  display: block;
  text-align: center;
  padding:8px 6px 4px 0;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  margin:0 1% 0 0;
  cursor:pointer;
}

#wakubanbetu nav ul li a img{
							width:16px;
							height:auto;
							position:relative;
							top:3px;
							}

#wakubanbetu nav ul li:nth-child(1) a{border-top:1px solid #AAA;border-right:1px solid #AAA;}
#wakubanbetu nav ul li:nth-child(2) a{border:1px solid #464646;}
#wakubanbetu nav ul li:nth-child(3) a{border:1px solid #FF0000;}
#wakubanbetu nav ul li:nth-child(4) a{border:1px solid #0040d1;}
#wakubanbetu nav ul li:nth-child(5) a{border:1px solid #eae844;}
#wakubanbetu nav ul li:nth-child(6) a{border-top:1px solid #00872c;border-bottom:1px solid #00872c;border-left:1px solid #00872c;}

#wakubanbetu nav ul li:nth-child(1) a,
#wakubanbetu nav ul li:nth-child(5) a {
  color: #1c1d1d;
}
#wakubanbetu article{
						display:none;
}

#wakubanbetu article#con1{
						display:block;
}

#wakubanbetu article {
  width: 100%;
  margin: 0 0.002%;
  float: left;
  background:#FFF;
}

#wakubanbetu article:nth-child(6) {
  margin-right: 0;
}
#wakubanbetu hr {
  clear: both;
  margin: 0;
  padding: 0;
  height: 0;
}
#wakubanbetu #con1 hr {
  border-top: solid 4px #fff;
  border-bottom: solid 4px #fff;
}
#wakubanbetu #con2 hr {
  border-top: solid 4px #464646;
  border-bottom: solid 4px #464646;
}
#wakubanbetu #con3 hr {
  border-top: solid 4px #ff0000;
  border-bottom: solid 4px #ff0000;
}
#wakubanbetu #con4 hr {
  border-top: solid 4px #0040d1;
  border-bottom: solid 4px #0040d1;
}
#wakubanbetu #con5 hr {
  border-top: solid 4px #eae844;
  border-bottom: solid 4px #eae844;
}
#wakubanbetu #con6 hr {
  border-top: solid 4px #00872c;
  border-bottom: solid 4px #00872c;
}
#wakubanbetu table {
  width: 100%;
  border-bottom: dashed 1px;
}
#wakubanbetu caption {
  text-align: left;
  padding:6px 0 0 10px;
  color:#000000;
  font-size: 18px;
}
#wakubanbetu tr.no1 {
  background: #ffe5e5;
}
#wakubanbetu tr.no2 {
  background: #fdf0f0;
}
#wakubanbetu tr.no3 {
  background: #faf7f7;
}
#wakubanbetu th, #wakubanbetu td {
  margin: 0;
  padding: 2px;
}
#wakubanbetu th {
  background: #2194ff;
  color: #fff;
  font-size:16px;
  padding:5px;
  white-space: nowrap;
  border: 1px #f0f0f0 solid;
}
#wakubanbetu td {
  text-align: center;
  font-size:16px;
  color:#000000;
  white-space:nowrap;
}
#wakubanbetu td:nth-child(4),
#wakubanbetu td:nth-child(5),
#wakubanbetu td:nth-child(6),
#wakubanbetu th:nth-child(4),
#wakubanbetu th:nth-child(5),
#wakubanbetu th:nth-child(6) {text-align:right;}


/*#wakubanbetu th:nth-child(4),
#wakubanbetu td:nth-child(4) {
  width: 21%;
}*/
#wakubanbetu article p {
  margin: 0;
  padding: 2% 0 0 5%;
  color: #1c1d1d;
}

/*コース別 ------------------------------------------------------*/
#courcebetu p			{
                        text-align:left;
                        margin:2% 1%;
						line-height:1;
                        font-size:18px;
						}


#courcebetu table {
box-sizing:border-box; /*追加*/
-webkit-box-sizing:border-box; /*追加*/
-moz-box-sizing:border-box; /*追加*/
  width: 100%;
  border-bottom: solid 1px #bebebe;
  color: #1c1d1d;
}

#courcebetu tr:nth-child(2n) {
  background: #fff;
}
#courcebetu tr:nth-child(2n+1) {
//  background: #fefacb;
  background: #f3f3f3;
}
#courcebetu th, #courcebetu td {
  margin: 0;
  padding: 0.1em;
  width: 5%;
  white-space:nowrap;
}
#courcebetu th {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  background: #2194ff;
  color: #fff;
  font-size:16px;
}
#courcebetu td {
  text-align: center;
  /*font-size: 20px;*/
  font-size:16px;
}
#courcebetu td img {
  vertical-align:middle;
}
#courcebetu th:nth-child(3),
#courcebetu td:nth-child(3) {
  width: 16%;
}
#courcebetu th:nth-child(6),
#courcebetu td:nth-child(6) {
  width: 11%;
}
#courcebetu th:nth-child(4)
{
  width: 7%;
}
#courcebetu td:nth-child(4)
{
  text-align:right;
  width: 7%;
  padding-right: 8px;
}

#courcebetu .content-bottom {
  margin: 0 auto;
  background: #fff;
  color: #1c1d1d;
  overflow: hidden;
}
#courcebetu .content-bottom p {
						margin:0;
						background: #ffecec url("../img/check.png") no-repeat 15px;
                        font-size:18px;
                        text-align:left;
                        background-size:24px;
						padding: 10px 10px 10px 60px;
							}
#courcebetu .content-bottom-left {
  background:url("../img/touch.png") 8px 16px no-repeat;
  display:inline-block;
  margin:0 2% 20px 0;
}
#courcebetu .content-bottom-left ul{
  margin:10px 0 80px 100px;
}
#courcebetu .content-bottom-left ul li {
  float: left;
  margin-left: 6px;
  background-size:cover;
  position:relative;
}

/*
#courcebetu .content-bottom-left ul li#touch_img {
						background:url("../img/touch.png") no-repeat 0 10px;
						background-size:100%;
						width:15%;
						}
*/
#courcebetu .content-bottom-left ul li.icn_boat {
						width:54px;
						}

#courcebetu .content-bottom-left ul li:after {
  padding-top: 100%;
  display: block;
  content: "";
}
#courcebetu .content-bottom-left ul li a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
    cursor: pointer;
}
#courcebetu .content-bottom-left #touch{
  witdh:40%;
  height:auto;
}
#courcebetu .content-bottom-left .boat1{
  background-image: url("../img/boat1_w.png");
}
#courcebetu .content-bottom-left .boat2 {
  background-image: url("../img/boat2_w.png");
}
#courcebetu .content-bottom-left .boat3 {
  background-image: url("../img/boat3_w.png");
}
#courcebetu .content-bottom-left .boat4 {
  background-image: url("../img/boat4_w.png");
}
#courcebetu .content-bottom-left .boat5 {
  background-image: url("../img/boat5_w.png");
}
#courcebetu .content-bottom-left .boat6 {
  background-image: url("../img/boat6_w.png");
}
#courcebetu .content-bottom-left div {
  clear: left;
  margin-left:104px;
  text-align: left;
  }

#courcebetu .content-bottom-left div span {
  /*width: 26rem;*/ /*追加*/
  /*追加*/
  vertical-align:bottom;
  width:258px;
  display: inline-block;
  border: solid 1px #000;
  margin:0;
  min-height:37px;
  height: auto;
/*
  width: 12em;
  height: 1.2em;
  display: inline-block;
  border: solid 1px #000;
*/
} /*追加*/
#courcebetu .content-bottom-left div span img { /*追加*/
  float: left; /*追加*/
  background-size: cover; /*追加*/
//  margin:4px 5px;
//  width:28px;
  margin:0px 3px;
  width:36px;
}

#courcebetu .content-bottom-right {
  margin:12px 0 0 0;
  width:190px;
  display:inline-block;
  text-align: center;
}
#courcebetu .content-bottom-right img {
  width: 180px;
  cursor: pointer;
}
#courcebetu .content-bottom-right img#submit {
	margin:0 0 16px 0;
}





/

/*モーター機歴簿 ------------------------------------------------------*/
section#motor			{margin:0 0 50px 0;}
#motor div#content		{
//						margin:5px 0 10px 0;
						}

#motor h2			{
						font-size:1.9rem;
						line-height:1.4;
						margin-top: 10px;
						margin-bottom: 0;
						padding:1% 0 1% 60px;
						background:url('../img/icon_boat.png') no-repeat 15px 50%;
						-webkit-background-size: 30px auto;
						-moz-background-size: 30px auto;
						-o-background-size: 30px auto;
						-ms-background-size: 30px auto;
						}

#motor p		{
				text-align:left;
				margin:0 0 5px 0;
//				line-height:1;
				line-height:1.2;
				font-size:18px;
				color:#1c1d1d;
				}

#motor nav{
  width:100%;
  margin-bottom: 0px;
}

#motor nav ul{
text-align:left;
margin:0;  
//border-bottom: 8px solid #ffe400;
border-bottom: 8px solid #FFFFFF;
white-space: nowrap;
}
#motor nav ul li { 
  text-align:center;
  display: inline-block; 
  width: 46%;
  min-width: 150px;
  margin:5px 5px 0 15px;
//  background: #ffe400;
  background: #5090ff;
  padding:5px 5px 0 5px;
  font-size:16px;
  font-weight:bold;
  line-height:1.4;
//  border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
//  -webkit-border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
//  -moz-border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;

}


#motor nav ul li.tab-off {
//  background:#90c31f;
  background:#3DD0CA;
}
#motor nav ul li.tab-off a{
//  color:#000;
//	filter:alpha(opacity=50);
//	-moz-opacity: 0.5;
//	opacity: 0.5;
}
#motor nav ul li a {
  padding:15px 0 15px 0;
  display:block;
  height:25px;
//  color:#000000;
  color:#FFFFFF;
  text-decoration: none;
}

#motor article {
  width: 100%;
  /*margin: 0 0.0015%;*/
//  float: left;
  background: #fff;
  color: #fff;
}

#kako3setu {
  background: #ffffff;
  margin-top:5px;
  margin-bottom:5px;
  margin-right:2px;
  margin-left:5px;
  line-height:1.2;
  color:#00412d;
  font-size:1.0em;
}

#motor table {
  box-sizing:border-box; /*追加*/
  -webkit-box-sizing:border-box; /*追加*/
  -moz-box-sizing:border-box; /*追加*/
  width: 100%;
  border-collapse:collapse;
  color: #1c1d1d;
}
#motor h4 {
  text-align: left;
  padding: 2% 0 0 0;
  clear: both;
  margin: 0;
  color: #1c1d1d;
  font-weight:bold;
  font-size:18px;
}
#motor tr:nth-child(2n+1) {
//  background: #fffdf5;
  background: #F0F0F0;
}
#motor tr:nth-child(2n) {
//  background: #fffcd5;
}
#motor th {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  background: #2194ff;
  color: #fff;
  font-size:16px;
  font-weight: normal;
  white-space:nowrap;
  border: 1px #f0f0f0 solid;
}

#motor th:nth-child(2),
#motor th:nth-child(3),
#motor th:nth-child(4),
#motor th:nth-child(5),
#motor th:nth-child(6) {width:12%;}

#motor th a{
  display: block;
  margin:5px 0px;
  color: #fff;
  text-decoration:underline;

}
#motor td {
  text-align:center;
  /*font-size: 20px;*/
  font-size:16px;
  white-space: nowrap;
}

#motor td:nth-child(2),
#motor td:nth-child(3),
#motor td:nth-child(4),
#motor th:nth-child(2),
#motor th:nth-child(3),
#motor th:nth-child(4) {text-align:right;padding:0 10px 0 0;}

#motor td.race_title {
  white-space:normal;
  min-width: 18rem;
  text-align:left;
}
#motor td a,
#motor td a:link,
#motor td a:visited {
  display: block;
  margin:5px 0px;
  text-decoration:underline;
}

#motor td span.attention{
  font-weight:bold;
  white-space: nowrap;
  color:red;
}

#motor table.motor .empty{
  width:1px;
  background-color:#FFFFFF;
}

/*モーター機歴簿詳細　節間成績のみ左寄り*/
#motor div:nth-of-type(2) table td:nth-child(2),
#motor div:nth-of-type(2) table td:nth-child(4),
#motor div:nth-of-type(2) table th:nth-child(2),
#motor div:nth-of-type(2) table th:nth-child(4) {text-align:left;padding:0;width:auto;}

#motor div:nth-of-type(2) table td:nth-child(3),
#motor div:nth-of-type(2) table th:nth-child(3) {text-align:center;padding:0;width:auto;}

#motor div:nth-of-type(2) #motor th:nth-child(5),
#motor div:nth-of-type(2) #motor th:nth-child(6) {width:auto;}

#motor nav#sub_nav ul.databox_mot,
#wakubanbetu nav#sub_nav ul.databox{
	display: flex;
}

#motor nav#sub_nav ul.databox_mot > li a,
#wakubanbetu nav#sub_nav ul.databox > li a{
	padding :10px 0 10px 40px !important;
	color: #f0f0f0;
	background-color: #FF8900;
	height: 36px;
	border: 0;
}

#motor nav#sub_nav ul.databox_mot > li.active a,
#wakubanbetu nav#sub_nav ul.databox > li.active a{
	padding :10px 0 10px 40px !important;
	color: #f0f0f0;
	background-color: #5090ff;
}

#motor nav#sub_nav ul.databox_mot > li a.single,
#wakubanbetu nav#sub_nav ul.databox > li a.single{
	padding :20px 0 0px 40px !important;
}

#motor div.container, #wakubanbetu div.container {
	font-size: 18px;/*追加*/
	margin: 0 12.5% 12px 12.5%;
}

#motor nav#sub_nav ul.databox_mot > li a.motor_icon,
#wakubanbetu nav#sub_nav ul.databox > li a.motor_icon{
	background-image: url("../img/icon_motor.png");
	background-repeat: no-repeat;
	background-position: 145px 10px;
	background-size: 35px;
}
#motor nav#sub_nav ul.databox_mot > li a.waku10_icon,
#wakubanbetu nav#sub_nav ul.databox > li a.waku10_icon{
	background-image: url("../img/icon_waku10.png");
	background-repeat: no-repeat;
	background-position: 155px 10px;
	background-size: 20px;
}

nav#sub_nav ul.databox.ch_yoso_x{
	display: flex;
	justify-content: center;
}

nav#sub_nav ul.databox.ch_yoso_x > li{
	width: 33% !important;
	margin-left: 0%;
	text-align: left !important;
}

nav#sub_nav ul.databox.ch_yoso_x > li a{
	padding :12px 0 8px 65px !important;
	color: #f0f0f0;
	background-color: #3DD0CA;
	font-size: 90%;
	height: 36px;
}

nav#sub_nav ul.databox.ch_yoso_x > li.active a{
	color: #f0f0f0;
	background-color: #5090ff;
}

nav#sub_nav ul.databox.ch_yoso_x > li a.single{
	padding :22px 0 0px 65px !important;
}

nav#sub_nav ul.databox.ch_yoso_x > li a.zenya_icon{
	background-image: url("../img/icon_zenya.png");
	background-repeat: no-repeat;
	background-position: 33px 14px;
	background-size: 25px;
}

nav#sub_nav ul.databox.ch_yoso_x > li a.sdatasim_icon{
	background-image: url("../img/icon_sdatasim.png");
	background-repeat: no-repeat;
	background-position: 24px 16px;
	background-size: 30px;
}

nav#sub_nav ul.databox.ch_yoso_x > li a.cs10_icon{
	background-image: url("../img/icon_cs10.png");
	background-repeat: no-repeat;
	background-position: 28px 16px;
	background-size: 28px;
}