@charset "utf-8";
@import url("common.css");
body {
  background-color: #fff;
}
#net-header-section {
  background-color: #eee;
}
#net-header-section a {
  color: #777;
}
#net-header-section a:hover {
  color: #33cccc;
}

#net-body {
  display:block;
  line-height: 1.5;
  font-size: 16px;
  color: #777;
  background-color: #fff;
  width: 100%;
  padding-top: 120px;
}
@media screen and (max-width: 1200px) {
  #net-body {
    padding-top: 150px;
  }
}
@media screen and (max-width: 1000px) {
  #net-body {
    padding-top: 50px;
    height: 100%;
  }
  #net-body h1{
    font-size: 24px;
  }
  #net-body p{
    font-size: 14px;
  }
}
/*========================================*/
/*common修正*/
/*========================================*/
.col-md-1,.col-md-2,.col-md-8,
.col-md-4,.col-md-12{
	padding:0;
}
.col-md-6{
	padding:0 3px;
}
.btn-outline{
	margin:0;
	width: 100%;
	background: #eee;
	border: 2px solid #777 !important;
}
input[type="number"]{
	border-radius: 3px;
	border: 2px solid #d0d0d0;
	padding:5px;
}
.input-nblock{
  display: inline-block;
}
/*========================================*/
/*その他*/
/*========================================*/
.bg-black{
	background: #000;
	color:#fff;
	padding:0 0 0 8px;
}
.bg-gray{
	background: #eee;
}
.color-blue{
  color:blue;
}

.notice{
	margin:0;
	margin-left:14px;
}
.notice:first-letter{
	margin-left:-14px;
}
.b-weight{
  font-weight: bold;
}
.font-12{
	font-size:12px !important;
	margin:0 !important;
	color:#777;
}
.font-16{
	font-size:16px !important;
	margin:0 !important;
	color:#777;
}
.font-20{
	font-size:20px !important;
}

/*広告のところのセル幅*/
.cm-ttl{
	width:170px;
}
.cm-no{
	width:30px;
}
/*申込番号*/
.ex-no{
	margin-right:2em;
}
/*戻るボタン*/
.btn-back {
  background: #eeeeee;
  margin-right:5em !important;
}

.jituen{
	margin-top: 10px!important;
	font-size:14px !important;
}
.jituen{
	font-size: 16px;
  top: 4px;
  position: relative;
	color:#333;
	font-weight: 600;
}

.select2{
  width:auto; height:25px;
  display:inline;
  margin:2px 0;
  padding: 0 10px;
}
/*========================================*/
/*リボン*/
/*========================================*/
.ribbon {
	display: inline-block;
	position: relative;
	width:100%;
	padding:0;
	padding-top: 10px;
	font-weight: 600;
	font-size: 16px;
	color: #FFF;
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	background: #EFB625;/*リボンの色*/
}

.ribbon:before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 20px transparent;
	border-right: solid 150px #CB3656;/*折り返し部分*/
}
.ribbon:after{
  content: "";
  position:absolute;
  top:0;
  right:0;
  width:0;
  height:0;
  border-style: solid;
  border-color: transparent #fff #CB3656 transparent;
  border-width: 0 20px 20px 0;
}
/*========================================*/
/*テキスト*/
/*========================================*/
.text-10{
  height: 20px;
  width: 10%;
}
.text-20{
  height: 20px;
  width: 20%;
}
.text-30{
  height: 20px;
  width: 30%;
}
.text-40{
  height: 20px;
  width: 40%;
}
.text-90{
  height: 20px;
  width: 90%;
}
@media screen and (max-width: 1000px) {
	.text-10,
	.text-20,
	.text-30,
	.text-40{
	  width: 50%;
	}
}
/*========================================*/
/*ラジオボタン*/
/*========================================*/

.radio-inp{
  display: none;
  cursor: pointer;
}
.radio-parts,
.radio-parts2{
  padding-left: 35px;
  top: 4px;
  position: relative;
  cursor: pointer;
	color:#333;
}
.radio-parts::before,
.radio-parts2::before{
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: -2px;
  left: 10px;
  background: #ccc;
  border-radius: 3px;
  border-bottom: 2px solid #aaa;
  line-height: 1em;
}
.radio-parts::after,
.radio-parts2::after{
  font-family: 'themify';
  content: "\e64c";
  font-weight: bold;
  position: absolute;
  left: 10px;
  top: -6px;
  color: blue;
  text-shadow:0 2px #999;
  transform: scale(0,0);
  display: block;
  font-size: 28px;
}
.radio-parts2::after{
  top: -16px;
}
.radio-parts2::before{
  top: 0;
  left: 12px;
}

.radio-inp:checked + .radio-parts::after,
.radio-inp:checked + .radio-parts2::after{
  transform: scale(1,1);
  width: 2px;
  height: 5px;
  animation: baunce .3s;  /* スピードなど */
}
.radio-inp:checked + .radio-parts,
.radio-inp:checked + .radio-parts2{
  color: red;
}
/*========================================*/
/*チェックボックス*/
/*========================================*/

.chk-inp{
  display: none;
  cursor: pointer;
}
.chk-parts,
.chk-parts-l{
  padding-left: 17px;
  position: relative;
  top: 4px;
  cursor: pointer;
	color:#333;
}
.chk-parts::before{
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  top: 0px;
  left: 0px;
  background: #ccc;
  border-radius: 3px;
  border-bottom: 2px solid #aaa;
}
/* \0チェックボックス */
.chk-parts-l::before{
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 4px;
  left: -5px;
  background: #ccc;
  border-radius: 3px;
  border-bottom: 2px solid #aaa;
}
.chk-parts::after,
.chk-parts-l::after{
  font-family: 'themify';
  content: "\e64c";
  font-weight: bold;
  position: absolute;
  left: 0px;
  top: -6px;
  color: blue;
  text-shadow:0 2px #999;
  transform: scale(0,0);
  display: block;
  font-size: 20px;
}

.chk-inp:checked + .chk-parts::after,
.chk-inp:checked + .chk-parts-l::after{
  transform: scale(1,1);
  width: 2px;
  height: 5px;
  animation: baunce .3s;  /* スピードなど */
}
.chk-inp:checked + .chk-parts,
.chk-inp:checked + .chk-parts-l{
  color: red;
}
.line-height-s{
  top: 0;
}

/*========================================*/
/*小間入力*/
/*========================================*/
.booth-info{
	font-size:14px;
}
.sp-inp{
	font-size:14px;
	display:none;
}
/*========================================*/
/*無線の使用*/
/*========================================*/
.booth-info{
	font-size:14px;
}
.wifi-inp{
	display:none;
}
/*========================================*/
/* テーブル */
/*========================================*/

table.table01,
table.table02 {
	width:100%;
	border-collapse: collapse;
	text-align: left;
	color:#000;
}
table.table01 tbody tr th ,
table.table01 thead th ,
table.table02 thead th {
	background:#aaa;
	color:#FFF;
	padding:0px;
	border:#777 solid 1px;
	text-align: center;
	line-height: 2em;
	font-size:14px;
}
table.table01 thead th a{
    display:block;
    width:100%;
    height:100%;
	color:#FFF;
}
table.table01 tbody th,
table.table02 tbody th{
	padding:5px 0px;
	border:#0081B0 solid 1px;
	font-size:12px;
}
table.table01 tbody td,
table.table02 tbody td{
	padding:0px 5px;
	border:#777 solid 1px;
	font-size:12px;
	line-height: 2em;
}
table.table01 tbody td{
	white-space: nowrap;
}
@media screen and (max-width: 1000px) {
	table.table01 tbody td{
		white-space: normal;
	}
}

table.table02 tbody td{
	line-height: 1.5em;
	padding:5px;
}
table.table01 tbody td a{
    display:block;
    width:100%;
    height:100%;
}
table.table01  tbody tr:hover a{
	color:#000;
}

#tbl{
  animation: flipY-in .6s;
  -webkit-animation: flipY-in .6s;
}
@-webkit-keyframes flipY-in {

  0% { -webkit-transform: scale(.99); opacity: 0;}
  50% { -webkit-transform: scale(1.01); }
  100% { -webkit-transform: scale(1); opacity: 1;}
}

table.table01 tbody td.no-border{
	border:#fff solid 1px;
}
table.table01 tbody td.bo-border{
	border:#777 solid 2px;
}
table.table01 tbody td.font-l{
	font-size:18px;
}
.red-border{
	border:red solid 3px !important;
}
.black-border{
	border:#000 solid 3px;
}
/*========================================*/
/*幅設定*/
/*========================================*/
/*申込日*/
.th00{
	background: #eee;
}

/*表題*/
.th4em{
    width:4em;
	background: #eee;
}
.th1em{
    width:1em;
	background: #eee;
}
.th5em{
    width:5em;
	background: #eee;
}
.th24{
    width:24%;
	background: #eee;
}
.th5{
    width:5%;
	background: #eee;
}
.th40{
    width:40%;
	background: #eee;
}

/*テキストボックス*/
.w40{
    width:40%;
}
.w16{
    width:16%;
}
/*========================================*/
/*見出し改行幅*/
/*========================================*/
.midashi{
	padding-top:20px;
	line-height: 1em;
	font-size: 12px;
	float:right;
}
.privacy{
	font-size: 14px;
	color:#000;
}
@media screen and (max-width: 1000px) {
	span.privacy{
	    display:block;
		padding:10px !important;
	}
}