/*================================================
*  L2  第2階層　比較表
 ================================================*/

/* タッチパネルPC比較表 */

h2.cmp1_L2 {
  width: 100%;
  font-size: 26px;
  font-weight: 500;
  background: #004b96;
  padding: 1rem;
  color: #fff;
  margin: 1vh 0 0 0;

}

.specBtn {
	color: #fff;
	display:block;
}
.specBtn img {
	padding: 5px 0 0 0;
	width: 50px;
}

.specBtn span::after{
	font-family: Font Awesome\ 5 Free;
	color: #fff;
	content: "\f35d";
	font-weight:900;
	padding-left: 0.5em; 
}


@media only screen and (max-width: 728px) {
  h2.cmp1_L2 {
    font-size: 5vw;
  }
.specBtn {
	font-size: 4vw !important;
}
.specBtn img {
	padding: 15px 0 0 0;
	width: 15%;
}
}

table.compare01 {
  width: 100%;
  margin-top: 1vh;
  font-size: 0.8rem;
  border-collapse:separate !important;
  padding: 0 0 1px;
}

table.compare01 img {
  max-width: 100px;
  margin: 0 12px;
  vertical-align: top;
}

table.compare01 td,
table.compare01 th {
  border: 1px solid #81d1e0 !important;
  min-width: 120px;

}

.compare01 tr:first-child td,
.compare01 tr:nth-of-type(2) td{
	border-collapse:collapse !important;
}




.fixed01 {

}


.fixed01 img {
	max-height:80px;
}
.fixed01::after{

}


.fixed02 {
  /* 縦スクロール時に固定する */
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 61px;
  /* tbody内のセルより手前に表示する */
  z-index: 2;
  background: #ccddef !important;
  font-weight: 600 !important;
  border: 1px solid #81d1e0 !important;
}



.fixed03 {
  /* 縦スクロール時に固定する */
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 86px;
  /* tbody内のセルより手前に表示する */
  z-index: 2;
  background: #ccddef !important;
  font-weight: 600 !important;

}



.fixed04 {
  /* 縦スクロール時に固定する */
  position: -webkit-sticky !important;
  position: sticky !important;
  left: 0;
  /* tbody内のセルより手前に表示する */
  z-index: 1;

  font-weight: 600 !important;

}



.fixed05 {
  /* 縦スクロール時に固定する */
  position: -webkit-sticky !important;
  position: sticky !important;
  left: 0;
  /* tbody内のセルより手前に表示する */
  z-index: 1;

  font-weight: 600 !important;

}



.fixed01r{
  /* 縦スクロール時に固定する */
  position: -webkit-sticky !important;
  position: sticky !important;
  top: -1px;
  /* tbody内のセルより手前に表示する */
  z-index: 2;
  height: 60px;
	background: #202020 !important;
}
.fixed01r::after{
 content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
background: #202020 !important;
  border-bottom: 1px solid #202020 !important;
  z-index: -1;
}

@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 1024px) {
.fixed01r{
	height: 80px;
}
.fixed01 {
  height: 80px;
}
.fixed02 {
  /* 縦スクロール時に固定する */
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 79px;
}
.fixed03 {
  /* 縦スクロール時に固定する */
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 104px;
}
}
@media only screen and (max-width: 728px) {
.fixed01r{
	height: 60px;
	top: -3px;
}
.fixed01r::after{
	top:0;
}

.fixed01 {
  height: 60px;
}
.fixed02 {
  /* 縦スクロール時に固定する */
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 58px;
}
.fixed03 {
  /* 縦スクロール時に固定する */
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 83px;
}
}




table.compare01 td,
th {
  position: relative;
  padding: 3px 5px;
  width: 110px;

  height: 25px;
  font-weight: 500;
  text-align: center;
}

table.compare01 tr {
  min-width: 200px;

}

table.compare01 tr:nth-child(even) {
  background: #f7f7f7;

}

table.compare01 th {
  background: #202020;
  color: #fff;
  vertical-align:middle;
}

table.compare01 td:first-child {
  background: #e6f5fd;
  font-weight: 600;
}

table.compare01 td.cell_W {
  background: #fff;
  z-index: 2;
}

table.compare01 th.cell_B {
  background: #202020;
  color: #fff;
}

table.compare01 span.new {
  position: relative;
}


table.compare01 span.new:before {
  position: absolute;
  content: "";
  background: url(/h/img/icon_new.svg) top left;
  top: 0;
  left: -10px;
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
}


table.compare01 span.finish:before {
  font-family: serif;
  font-style: oblique;
  font-size: 14px;
  position: absolute;
  margin: auto;
  content: "販売終了";
  top: 84%;
  left: 59%;
  color: red;
}


.scroll {
  overflow: visible;
  white-space: nowrap;
  max-width: 1280px;
  overflow-x: scroll;
  height: 600px;
}

.scroll::-webkit-scrollbar {
  /*tableにスクロールバーを追加*/
  height: 15px;
}

.scroll::-webkit-scrollbar-track {
  /*tableにスクロールバーを追加*/
  background: #F1F1F1;
}

.scroll::-webkit-scrollbar-thumb {
  /*tableにスクロールバーを追加*/
  background: #BCBCBC;
}

.date-cost {
  font-size: 1.2rem;
  color: red;
  font-weight: 700;
}

/*
table.compare01 tr:nth-child(even) {
  background: #f7f7f7 !important;
}
*/






/* 他社製品比較表 */

h2.cmp2_L2 {
  width: 100%;
  font-size: 28px;
  font-weight: 500;
  background: #114eaf;
  padding: 1rem;
  color: #fff;
  margin: 0;
}

p.cmp2_L2_p01 {
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  background: #fff;
  padding: 1rem;
  color: red;
  margin: 5px 0 0 0;
}

@media only screen and (max-width: 728px) {
  h2.cmp2_L2 {
    font-size: 5vw;
  }
}

table.compare02 {
  width: 100%;
  margin-top: 1vh;
  font-size: 0.9rem;
}

table.compare02 td {
  border: 1px solid #b6e4ff;
  border-collapse: collapse;
}

table.compare02 td:first-child,
table.compare02 td.cell_Blue {
  background: #e6f5fd;
  font-weight: 600;
}

table.compare02 td {
  padding: 15px 20px;
  width: 30px;
  height: 25px;
}

table.compare02 th {
  padding: 5px;
  width: 100%;
  height: 25px;
  font-weight: 700;
  vertical-align: bottom;
}

table.compare02 td.cell_Green {
  background: #e0f2d6;
  color: #387617;
  font-size: 1.15rem;
}

table.compare02 tr.no-border {
  border: 1px solid #fff;
}

.balloonG {
  position: relative;
  display: inline-block;
  margin: 0.5em 0;
  padding: 15px 20px;
  min-width: 150px;
  max-width: 100%;
  color: #fff;
  font-size: 16px;
  background: #71b44b;
  border-radius: 7px;
}

.balloonG:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #71b44b;
}

.balloonB {
  position: relative;
  display: inline-block;
  margin: 0.5em 0;
  padding: 15px 20px;
  min-width: 120px;
  max-width: 100%;
  color: #fff;
  font-size: 16px;
  background: #7dbaf7;
  border-radius: 7px;
}

.balloonB:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #7dbaf7;
}

.notes {

  margin-top: 10px;
  display: block;
  color: #676767;
  font-size: 11px
}

.cmp_font_01{
	font-size: 1.3rem !important;
	font-weight: 600;
}
	




/* NEWLAND 2Dハンディターミナル スペック比較表 */




table.compare03_newland_pc {
  width: 100% !important;
  box-sizing: border-box;
  table-layout: fixed;
/*  overflow:hidden;*/
  margin-top: 1vh;
  font-size: 1.2rem;
  border-collapse: collapse;
  word-break:break-word
}

table.compare03_newland_pc img {
  width: 140px;
  min-width: 10px;
  padding: 0 !important;
  vertical-align: top;
  text-align: center !important;
}

table.compare03_newland_pc td {
  border: 1px solid #b6e4ff;
  border-collapse: collapse;
  word-break:break-word
}

table.compare03_newland_pc td:first-child,
table.compare03_newland_pc td.cell_Blue {
  background: #e6f5fd;
  font-weight: 600;
}

table.compare03_newland_pc td {
  padding: 15px 20px;
}

td.mt37_td01{
  width: 30px !important;
  padding: 15px 5px !important;
}

table.compare03_newland_pc th {
  padding: 5px;
/*  width: 100%;*/
  font-weight: 700;
  vertical-align: bottom;
}

table.compare03_newland_pc td.img_01{
	padding: 5px 0 !important;
}

.compare03_newland_pc a:link{
	text-decoration: underline;
}

.compare03_newland_pc a:hover{
	text-decoration: none;
}

table.compare03_p{
	text-align: left !important;
}

.compare03_newland_sp_wrapper {
  max-width: 100%;
    overflow: visible;
/*    white-space: nowrap;*/
      overflow-x: scroll !important;
   }

td.fixed05_newland{
  position: sticky;
  left: 0;
  z-index: 30;
}

.compare03_newland_sp_wrapper::-webkit-scrollbar {
  /*tableにスクロールバーを追加*/
  height: 15px;
}

.compare03_newland_sp_wrapper::-webkit-scrollbar-track {
  /*tableにスクロールバーを追加*/
  background: #F1F1F1;
}

.scroll_type-c::-webkit-scrollbar-thumb {
  /*tableにスクロールバーを追加*/
  background: #BCBCBC;
}

table.compare03_newland_sp {
  margin-top: 1vh;
  font-size: 1.2rem;
  border-collapse: collapse;
    overflow: visible;
/*    white-space: nowrap;*/
      overflow-x: scroll !important;
   }

table.compare03_newland_sp img {
  max-width: 50px;
  margin: 0px;
  vertical-align: top;
  box-sizing: border-box;
}

table.compare03_newland_sp td {
  border: 1px solid #b6e4ff;
  border-collapse: collapse;
  padding: 5px;
	width: 0;
    white-space: nowrap;
	}

table.compare03_newland_sp td:first-child,
table.compare03_sp td.cell_Blue {
  background: #e6f5fd;
  font-weight: 600;
}

table.compare03_newland_sp td.img_01{
	padding: 0 !important;
}

.compare03_newland_sp a:link{
	text-decoration: underline;
}

.compare03_newland_sp a:hover{
	text-decoration: none;
}

.compare03_sp_wrapprer{
	width: 100% !important;
  box-sizing: border-box;
  margin-top: 1vh;
  font-size: 1.2rem;
  border-collapse: collapse;
	table-layout: fixed;
}

table.compare03_sp {
  width: 100% !important;
  box-sizing: border-box;
  margin-top: 1vh;
  font-size: 1.2rem;
  border-collapse: collapse;
	table-layout: fixed;
}

table.compare03_sp img {
  min-width: 10px;
  margin: 0px;
  vertical-align: top;
  box-sizing: border-box;
}

table.compare03_sp td {
  border: 1px solid #b6e4ff;
  border-collapse: collapse;
  box-sizing: border-box;
  padding: 5px;
}

table.compare03_sp td:first-child,
table.compare03_sp td.cell_Blue {
  background: #e6f5fd;
  font-weight: 600;
}

table.compare03_sp td.img_01{
	padding: 0 !important;
}



/*
@media screen and (max-width:480px) {
.scroll_newland table.compare03{
	width: 95% !important;
  box-sizing: border-box;
  overflow:hidden;
	}
	
.scroll_newland table.compare03 td{
	width: 80px !important;
	box-sizing: border-box;
	overflow:hidden;
	word-wrap : break-word;
      overflow-wrap : break-word;
	}
}
*/

.fixed02_newland {
  /* 縦スクロール時に固定する */
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0px;
  /* tbody内のセルより手前に表示する */
/*  z-index: 2;*/
  background: #ccddef !important;
  font-weight: 600 !important;
  border: 1px solid #81d1e0 !important;
}

/*
.fixed02_newland::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
*/

.newland_spec_011{
  color: #e6f5fd;
}




.fixed04_newland a:link {
  color: #000;
  opacity: 1;
}

.fixed04_newland a:visited {
  color: #000;
  opacity: 1 !important;
}

.fixed04_newland a:hover {
  opacity: 0.33;
}

.wrapper{
  width: 100% !important;
  box-sizing: border-box;
  overflow:hidden;
}



/* Type-Cシリーズ タッチモニター スペック比較表 */

.scroll_type-c {
  overflow:visible;
  white-space: nowrap;
  max-width: 1280px;
  overflow-x: scroll;
  max-height: 1300px;
  overflow-y:hidden;
}

.scroll_type-c::-webkit-scrollbar {
  /*tableにスクロールバーを追加*/
  height: 15px;
}

.scroll_type-c::-webkit-scrollbar-track {
  /*tableにスクロールバーを追加*/
  background: #F1F1F1;
}

.scroll_type-c::-webkit-scrollbar-thumb {
  /*tableにスクロールバーを追加*/
  background: #BCBCBC;
}




/* NLS-WD1 / NLS-MT37 / NLS-MT93-LHSG / NLS-MT95-RJPG スペック比較表 */

.scroll_newland_spec {
/*
　overflow:visible;
　white-space: nowrap;
*/
　max-width: 100%;
　overflow-x: scroll;
/*　max-height: 1000px;*/
/*　overflow-y: scroll;*/
/*  overflow-y:hidden;*/
	
}

.scroll_newland_spec::-webkit-scrollbar {
  /*tableにスクロールバーを追加*/
  height: 15px;
}

.scroll_newland_spec::-webkit-scrollbar-track {
  /*tableにスクロールバーを追加*/
  background: #F1F1F1;
}

.scroll_newland_spec::-webkit-scrollbar-thumb {
  /*tableにスクロールバーを追加*/
  background: #BCBCBC;
}