/* マイクロマウスエントリーシステム スタイルシート */

hr.hr900	{ width: 900px; }
hr.hr750	{ width: 750px; }

.tbx2 { width: 95%; }
.tbx22 { width: 50%; }
.tbx23 { width: 120px; }
.tbx3 { width: 98%; }
.tbx32 { width: 270px; }
.tbx4 { width: 370px;  /*border: 1px solid #eee;*/ }

#per10 {
	width: 7%; 
	padding-right: 15px;
}

#per33 {
	width: 33%; 
}

.em3 {
  width:3em;
  display: inline-block;
  _display: inline;
}
.em5 {
  width:5em;
  display: inline-block;
  _display: inline;
}
.em10 {
  width:10em;
  display: inline-block;
  _display: inline;
}

/*
form{
  border:2px solid #D09B52;
  padding:40px 10px 0px 40px;
  width:70%;
  max-width:700px;
  border-radius:20px;
}
#focus{
  border:3px solid #fef6fb;
  box-shadow:0 0 10px 0 #D09B52;
  position:absolute;
  transition:
    width .2s ease, 
    height .2s ease, 
    left .2s ease, 
    top .2s ease, 
    border-radius .2s ease;
  pointer-events:none;
  z-index:5;
  border-radius:10px;
  display:none;
}
input{
  padding:10px 15px;
  border-radius:8px;
  transition:.3s ease;
}  
*/
input[type="text"] , input[type="password"] {
  padding:5px 5px;
  margin:3px;
/*
  border-radius:3px;
  border:2px solid #868283;
  border: none;
*/
  border: 1px solid #ccc;
  border-bottom: 2px solid #1b2538;
  font-size: 1.2em;
}

input.tbx95 { width: 95%; }

select {
  padding:5px 5px;
  margin:3px;
/*
  border-radius:3px;
  border:2px solid #868283;
*/
  border: none;
  border-bottom:1px solid #1b2538;
  font-size: 1.2em;
}
input[type="checkbox"] , input[type="radio"] {
  transform: scale(1.2);
  margin: 0.2em 0.5em 0.2em 1em;
}

/*select.sel-w400  { width: 400px; }*/
select.sel-w400  {
  width: 400px; 
  min-width: 400px; 
  max-width: 90%; 
}
select.sel-w90  { width: 90%; }

textarea {
  padding:5px 5px;
  margin:3px;
  border: none;
  border-bottom: 2px solid #1b2538;
  font-family : inherit;
  font-size: 1.2em;
}

.tbx3h {
	height: 15em;
}
input[type="button"] , input[type="submit"] , button {
  border-radius:5px;
  border:1px solid #868283;
}

/*textarea.tbx2 { width: 95%; }*/

/*
input [type="text"] {
  width:100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*/
table.width500 { 
	width: 500px; 
}
table.width600 { 
	max-width: 660px; 
}
table.width700 { 
	width: 700px; 
}
table.width750 { 
	width: 750px; 
}
table.width900 { 
	width: 900px; 
}
table.width950 { 
	width: 950px; 
}
table.tbl-r1 {
	width: 750px; 
}
table.tbl-r11 {
	width: 650px;
}
table.tbl-r90 {
	width: 900px; 
}

/* My page */
table.MyTbl1 {
	border: none;
	border-top: 1px solid #888;
}
.MyTbl1 th,.MyTbl1 td{
	border: none;
	border-bottom: 1px solid #888;
}
table.MyTbl10 {
	border: none;
}
.MyTbl10 th,.MyTbl10 td{
	border: none;
}

/* ランキング一覧 */
table.rank_table0 {
	max-width: 1100px;
	border: none;
}
.rank_table0 th,.rank_table0 td{
	border: 2px;
	border-bottom: 1px solid #888;
}
.rank_table0 td {
	border-right: 1px solid #888;
}
table.rank_table0 tr:nth-child(odd) td {
	background: #f8f8f8;
}
table.rank_table0 #rank-tbl0tr {
	background-color:#ccffcc;
}

/* ロボット一覧  写真タイル */
table.ent_table2 {
	max-width: 850px;
	border: none;
	vertical-align: top;
}
.ent_table2 th,.ent_table2 td{
	border: none;
	border-bottom: 1px solid #888;
}

/* ロボット一覧 */
table.ent_table0 {
	max-width: 850px;
	border: none;
}
.ent_table0 th,.ent_table0 td{
	border: none;
	border-bottom: 1px solid #888;
}
table.ent_table0 tr:nth-child(even) td {
	background: #f8f8f8;
}
table.ent_table0 #ent-tbl0tr {
	background-color: #FFFFAA;
}

/* ロボット一覧 */
table.ent_table5 {
	max-width: 15000px;
	border: none;
}
.ent_table5 th,.ent_table5 td{
	border: none;
	border-bottom: 1px solid #888;
	border-right: 1px solid #888;
}

table.ent_table5 #ent-tbl0tr {
	background-color: #FFFFAA;
}

/* ロボット一覧 */
table.mana_table0 {
	min-width: 850px;
	border: none;
}
.mana_table0 th,.mana_table0 td{
	border: none;
	border-bottom: 1px solid #888;
}
table.mana_table0 tr:nth-child(even)  {
	background: #f8f8f8;
}
table.mana_table0 #ent-tbl0tr {
	background-color: #FFFFAA;
}

table.mana_table1 {
	min-width: 750px;
	border: none;
	border-top: 1px solid #888;
}
.mana_table1 th {
	border: none;
	border-bottom: 1px solid #888;
	background: #f8f8f8;
}
.mana_table1 td {
	border: none;
	border-bottom: 1px solid #888;
}

/* ロボット一覧、テクニカルシート */
table.ent_table {
  border: none;
  border-collapse: separate;
  border-spacing: 5px 0;
  margin: 0 auto;
}
table.ent_table td,th{
  padding: 5px;
}
table.ent_table th{
  color: #fff;
  background: #005ab3;
  border-radius: 5px;
  text-align: left;
}

table.ent_table th, table.ent_table tr:last-child {
  border-bottom:1px solid #005ab3;
}
table.ent_table td {
  border: none;
  border-bottom:1px solid #005ab3;
}

table.ent_table_nolc th, table.ent_table_nolc td, table.ent_table_nolc tr:last-child {
  border-bottom: none;
}

table.tbl_nopadding td, table.tbl_nopadding th, table.tbl_nopadding tr {
	padding: 0px;
	border-spacing: 0px;
}

/* 競技申し込み */
table.EntTbl1 {
	border: none;
}
.EntTbl1 th,.EntTbl1 td{
	border: none;
	padding: 5px 15px;
	border-bottom: 1px solid #888;
}

/* ******** */
table.ConList1 {
	border: none;
	background: #ffffee;
}
.ConList1 th,.ConList1 td{
	border: none;
	padding: 5px 15px;
	border-bottom: 1px solid #888;
}

/* システム登録 */
table.ConList2 {
	border: none;
	background: #ffffee;
}
.ConList2 th,.ConList2 td{
	border: none;
	padding: 5px 15px;
	border-bottom: 1px solid #888;
}

table.ConList20 {
	border: none;
	background: #ffffee;
}
.ConList20 th,.ConList20 td{
	border: none;
}

/* ******** */

/*
label {
    padding: 10px 40px;
    color: #ffffff;
    background-color: #384878;
    cursor: pointer;
}
*/
.browse_btn {
    background-color: #d3d3d3;
    padding: 2px;
    border-radius: 3px;
/*    font-weight: bold;*/
    cursor: pointer;
    line-height: 2em;
  border:1px solid #868283;
}
/*
input[type="file"] {
    display: none;
}
*/
.browse_btn2 {
    background-color: #d3d3d3;
    padding: 0px;
    border-radius: 2px;
/*    font-weight: bold;*/
    cursor: pointer;
    line-height: 2em;
    border:1px solid #868283;
}

.equal_table td{
  word-break : break-all;
}

.tech_pic_space {
	display: inline-block;
	padding: 10px; 
	vertical-align: top;  
  border:1px solid #868283;
/*	background:whitesmoke; */
	max-width: 48%;
}

/* ロボット一覧  画像背景 */
.RoboBox1 {
  margin         : auto;
  box-sizing     : border-box;
  width          : 100%;
  height         : 150px;
  background     : whitesmoke;
  display        : table;
}
.RoboImg1 {
  display        : table-cell;
  text-align     : center;
  vertical-align : middle;
}

/* ロボット画像のポップアップ */
.popup {
  background-color: #efefef;
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, .8);
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 70vw;
  height: 55vw;
  overflow-y: scroll;
}

.pup-img {
	/* max-width: 95%; */
}

.pup-img1 {
	max-width: 250px;
}

/* 表示・非表示のトグル */
#popup-on {
  display: none;
}
#popup-on:checked + .popup {
  display: block;
}

#popup-on2 {
  display: none;
}
#popup-on2:checked + .popup {
  display: block;
}

.icon-close {
  background: #000;
  color: #fff;
  font-size: 30px;
  padding: 0 10px;
  position: absolute;
  right: 0;
}

.btn-close{
  background: #000;
  border-radius: 10px;
  color: #fff;
  padding: 10px;
  cursor: pointer;
  margin: 10px auto;
  width: 95%;
  text-align: center;
}

.btn-open{
  background: #fff;
  border-radius: 10px;
  color: #fff;
  padding: 10px;
  cursor: pointer;
  margin: 10px auto;
  width: 95%;
  text-align: center;
}

.popup-content{
  margin: 40px auto 40px auto;
  width: 90%;
}

/* ボタン */
.btn-type1 {
  color: #fff;
  background-color: #f56500;
  font-size: 1.1rem;
  position: relative;
  padding: 0.4rem 2rem 0.4rem 2rem;
  margin: 0.5rem;
/*  border-radius: 5px; */
  border-radius: 2vh; 
}

.btn-type1:hover {
  color: #fff;
  background: #ff9933;  /*eb6100  */
}

.btn-type2 {
  color: #fff;
  background-color: #f56500;
  font-size: 1rem;
  padding: 0.4rem 2rem 0.4rem 2rem;
/*  border-radius: 5px; */
  border-radius: 2vh; 
}

.btn-type2:hover {
  color: #fff;
  background: #ff9933;  /*eb6100  */
}

.btn-type3 {
  color: #fff;
  background-color: #f56500;
  padding: 0.3rem 0.7rem 0.3rem 0.7rem;
}

.btn-type3:hover {
  color: #fff;
  background: #ff9933;  /*eb6100  */
}

input.btn-type1:disabled {
    background-image: none;
    background-color: #ccc;
    border-color: #ccc;
}
input.btn-type2:disabled {
    background-image: none;
    background-color: #ccc;
    border-color: #ccc;
}
input.btn-type3:disabled {
    background-image: none;
    background-color: #ccc;
    border-color: #ccc;
}

button.btn-type1:disabled {
    background-image: none;
    background-color: #ccc;
    border-color: #ccc;
}
button.btn-type2:disabled {
    background-image: none;
    background-color: #ccc;
    border-color: #ccc;
}
button.btn-type3:disabled {
    background-image: none;
    background-color: #ccc;
    border-color: #ccc;
}

.btn-c {
  font-size: 1.1rem;
  position: relative;
  padding: 0.5rem 2rem 0.5rem 2rem;
  border-radius: 2vh;
}

/* 幅狭対応１ */
@media (max-width: 945px )
{
	hr.hr900	{ width: 100%; }
	hr.hr750	{ width: 100%; }
	table.tbl-r1 {
		width: 750px;
	}
	table.tbl-r11 {
		width: 650px;
	}
	table.tbl-r90 {
		width: 100%; 
	}
	table.width750 { 
	/*	width: 100%; */ 
		width: 750px; 
	}
	table.width900 { 
		width: 100%; 
	}
	table.width950 { 
		width: 100%; 
	}
	.tbx3 { width: 98%; }
}

/* 幅狭対応２ */
@media (max-width: 749px )
{
	table.tbl-r1 {
		width: 100%;
	}
	table.tbl-r11 {
		width: 100%;
	}
	table.width500 { 
		width: 100%; 
	}
	table.width700 { 
		width: 100%; 
	}
	table.width750 { 
		width: 100%; 
	}
	table.width900 { 
		width: 100%; 
	}
	table.width950 { 
		width: 100%; 
	}
/*
	table.width950 td { 
		width: 100%; 
		display: block;
	}
*/
	.tbx3 { width: 98%; }
}

/* 幅狭対応３ */
@media (max-width: 500px )
{
	.break::before {
		content: "\A" ;
		white-space: pre ;
	}

	table.tbl-r1 {
		width: 100%;
	}
	table.tbl-r11 {
		width: 100%;
	}
	table.width500 { 
		width: 100%; 
	}
	table.width600 { 
		width: 100%; 
	}
	table.width700 { 
		width: 100%; 
	}
	table.width750 { 
		width: 100%; 
	}
	table.width900 { 
		width: 100%; 
	}
	table.width950 { 
		width: 100%; 
	}
	table.width950 td { 
		width: 100%; 
		display: block;
	}

	.tbx3 { width: 98%; }
	.tbx32 { width: 98%; }

	#per33 {
		width: 100%; 
	/*	border-bottom:solid 1px silver;*/
		border-bottom: none;
	}

	table.ent_table2 {
	  border-collapse:collapse;
	  vertical-align: top;
	  max-width: 98%;
	}
	table.ent_table2 th {
	  display:  inline;
	  text-align: left;
	  vertical-align: top;
	  border:none;
	}
	table.ent_table2 td {
	  display:  inline-block;
	  text-align: left;
	  vertical-align: top;
	  border:none;
	  max-width: 48%;
	  border-top:solid 1px silver;
	  border-bottom:none;
	}
	table.ent_table2 tr {
	  display: inline;
	  vertical-align: top;
	  width: 98%;
	  border-bottom: none;
	}
	table.ent_table2 #ent-tbl2tr {
	  display:  block;
	  border-top:solid 1px silver;
	  border-bottom:solid 1px silver;
	  max-width: 98vw;
	  background: #FFFFAA;
	}

}


/* タブレット、スマホ対応 */
/* @media only screen */
@media only screen and (max-device-width: 950px)
{
	table.width750 { 
		width: 100%; 
	}
}

/* タブレット、スマホ対応 */
/* @media only screen */
@media only screen and (max-device-width: 700px)
{
	#EechBtn {
		width: 95%;
		text-align: right;
	}
/*	#spc3:before {
		content: "　　　";
	}
*/
	#spc2:before {
		content: "　　";
	}

	#per10 {
		width: 2em; 
		padding-right: 0px;
		border-right:solid 1px silver;
	}
	#per20 {
		width: 4em; 
		padding-right: 0px;
		border-right:solid 1px silver;
	}
	#per33 {
		width: 100%; 
	/*	border-bottom:solid 1px silver;*/
		border-bottom: none;
	}
	#per80 {
		width: auto; 
	}
	#per90 {
		width: auto; 
	}
	#per100 {
		width: 100%; 
	}

	#video_box {
		width: 95%;
		max-width: 560px;
	}

	table.width750 { 
		width: 100%; 
	}

	/* ロボット一覧 */
	table.ent_table {
	  border-collapse:collapse;
	  width: 98%;
	}
	table.ent_table th {
		color: #000;
		background-color: #eeeeee;
		display:  inline;
		text-align: left;
		vertical-align: top;
		border:none;
		width: 100%;
	}
	table.ent_table td {
		 display:  inline-block;
		 text-align: left;
		 vertical-align: top;
		 border:none;
		 width: 100%;
	}
	table.ent_table tr {
	 	border-bottom:solid 1px silver;
	}
	table.ent_table th br {
	 	display: none;
	}

	table.ent_table0 {
	  border-collapse:collapse;
	  width: 98%;
	}
	table.ent_table0 th {
	 display:  inline;
	 text-align: left;
	 vertical-align: top;
	 border:none;
	}
	table.ent_table0 td {
	 display:  inline-block;
	 text-align: left;
	 vertical-align: top;
	 border:none;
	}
	table.ent_table0 tr {
	  border-bottom:solid 1px silver;
	}
	table.ent_table0 tr:nth-child(even) td {
	  background: none;
	}

	/* ランキング一覧 */
	table.ent_table2 {
	  border-collapse:collapse;
	  vertical-align: top;
	  max-width: 98%;
	}
	table.ent_table2 th {
	  display:  inline;
	  text-align: left;
	  vertical-align: top;
	  border:none;
	}
	table.ent_table2 td {
	  display:  inline-block;
	  text-align: left;
	  vertical-align: top;
	  border:none;
	  max-width: 48%;
	  padding-bottom: 10px;
	  margin-bottom: 4px;
	  border-top:solid 1px silver;
	  border-bottom:none;
/*	  border-bottom:solid 1px silver;*/
	}
	table.ent_table2 tr {
	  display: inline;
	  vertical-align: top;
	  width: 98%;
	  border-bottom: none;
	}
	table.ent_table2 #ent-tbl2tr {
	  display:  block;
	  border-top:solid 1px silver;
	  border-bottom:solid 1px silver;
	  max-width: 98vw;
	  background: #FFFFAA;
	}

}

/* タブレット、スマホ対応 */
/* @media only screen */
@media only screen and (max-device-width: 600px)
{
	table.tbl-r5 {
		width: 100%;
		background-color: #CCFF99;
	}
	table.tbl-r5 tr	{
		display: inline;
		width: auto;
	}
	table.tbl-r5 td {
		width: auto;
	}
	table.tbl-r90 {
		width: 98%; 
		display: inline-block;
	}
	.tbl-r90 tr , .tbl-r90 td	{
		width: 98%; 
		display: inline-block;
	}
	.spDis {
		display: none !important;
	}
	
	img.barcode {
		height:60;
	}
}

/* タブレット、スマホ対応 */
/* @media only screen */
@media only screen and (max-device-width: 480px)
{
	img { max-width: 100%; height: auto; }
	img.barcode {
		height:60;
	}

	div.clearBlockImg {
		clear: both;
	}

	.entry-title{
	  display: none;
	}

	.break::before {
		content: "\A" ;
		white-space: pre ;
	}

	hr	{ width: 100%; }
	hr.hr750	{ width: 100%; }
	hr.hr900	{ width: 100%; }

	.tech_pic_space {
		max-width: none;
		width: 90%;
	}

	#EechBtn {
		width: 95%; 
		text-align: right;
	}
	#per10 {
		width: 2em; 
	}
	#per20 {
		width: 4em; 
	}
	#per33 {
		width: 100%; 
	/*	border-bottom:solid 1px silver;*/
		border-bottom:none;
	}
	#per80 {
		width: auto; 
	}
	#per90 {
		width: auto; 
	}
	#per100 {
		width: 100%; 
	}
	#video_box {
		width: 95%; 
	}

	.btn-type3 {
	  color: #fff;
	  background-color: #f56500;
	  font-size: 1rem;
	  padding: 0.4rem .7rem 0.4rem .7rem;
	}
	
	.ols_center {
	  text-align: center;
	}

	table { 
		width: 100%; 
	}

	table.tbl-r1 {
		width: 100% ;
		display: inline-block;
	}
	table.tbl-r1 td	{
		width: 100%;
		display: inline-block;
	 }
	table.tbl-r11 {
		width: 100% ;
	}
	
	table.tbl-r2  {
		width: 100%;
	}
	table.tbl-r2 td	{
	}
	
	table.tbl-r3 { width: 90%; }
	
	table.tbl-r4 { width: 100%; }
	table.tbl-r4 td	{
		width: 20%;
		display: inline-block;
	}

	table.tbl-r5 {
		width: 100%;
		background-color: #CCFF99;
	}
	table.tbl-r5 tr	{
		display: inline;
		width: auto;
	}
	table.tbl-r5 td {
		width: auto;
	}

	table.width500 { 
		width: 100%; 
	}
	table.width600 { 
		width: 100%; 
	}
	table.width700 { 
		width: 100%; 
	}
	table.width750 { 
		width: 100%; 
	}
	table.width900 { 
		width: 100%; 
	}

	table.width950 { 
		width: 100%; 
	}

	table.width950 td { 
		width: 100%; 
		display: block;
	/*	border:none;	*/
	}

	table.tbl-r90 {
		width: 98%; 
		display: inline-block;
	}
	.tbl-r90 tr , .tbl-r90 td	{
		width: 98%; 
		display: inline-block;
	}

	table.ent_table {
	  border-collapse:collapse;
	  width: 98%;
	}
	table.ent_table th {
		color: #000;
		background-color: #eeeeee;
		display:  inline;
		text-align: left;
		vertical-align: top;
		border:none;
		width: 100%;
	}
	table.ent_table td {
		 display:  inline-block;
		 text-align: left;
		 vertical-align: top;
		 border:none;
		 width: 100%;
	}
	table.ent_table tr {
	 	border-bottom:solid 1px silver;
	}
	table.ent_table th br {
	 	display: none;
	}

	table.ent_table0 {
	  border-collapse:collapse;
	  width: 98%;
	}
	table.ent_table0 th {
	 display:  inline;
	 text-align: left;
	 vertical-align: top;
	 border:none;
	}
	table.ent_table0 td {
	 display:  inline-block;
	 text-align: left;
	 vertical-align: top;
	 border:none;
	}
	table.ent_table0 tr {
	  border-bottom:solid 1px silver;
	}

	table.ent_table2 td {
	 max-width: 98%
	}
	table.ent_table2 tr {
	  border-bottom: none;
	}
	table.ent_table2 td.ent-tbl2tr
	{
	  border-top:solid 1px silver;
/*	  border-bottom:solid 1px silver;*/
	}

/*	select { max-width:300px; }*/
	select { max-width:90%; }
	select.sel-w400  {
		min-width: 100px;
		max-width: 300px;
	}
	
	/* inputbox */
	input.tbx { width: 100%; }
	input.tbx95 { width: 95%; }
	/* inputbox */
	/* .tbx2 { width: 270px; } */
	.tbx2 { width: 95%; box-sizing: border-box; }
	.tbx22 { width: 270px; }
	.tbx23 { width: 70px; }
	/* inputbox */
	.tbx3 { width: 98%; }
	/*.tbx3 { width: 270px; }*/
	.tbx32 { width: 270px }
	.tbx4 { width: 90%; }

	.btn-type12 { width:none; max-width:93vw; }

	input[type="text"],select,textarea { width:none; max-width:92vw;}
/*	input[type="submit"] { width:none; max-width:93vw; }*/
	
}

/* px以上のとき */
@media screen and (min-width: 600px) {
  .sp-only {
    display: none;
  }
}

/* px以下のとき */
@media screen and (max-width: 599px) {
  .pc-only {
    display: none;
  }
}
 
/*  印刷用CSSの定義を指定する*/
@media print{
/* ロボット一覧、テクニカルシート */
table.ent_table th{
  color: #005ab3;
  background: #fff;
  border-radius: 5px;
  text-align: left;
}

}