/*===============================================
●style.css 画面の横幅が1024px以上
===============================================*/
@media screen and (min-width: 1024px){

.tyu2{
	color:#84A0E4;
	font-size:13px;
	line-height:1.4;

}

.tyu3{
	font-size:0.8rem;
	line-height:1.4;
}

table{
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.price-table{
	 margin:40px auto 80px !important;
}

table tr{
  border-bottom: solid 1px #eee;
  cursor: pointer;
  height:100px;
}

table tr.trhover:hover{
  background-color: #c8e2ff;
}


input{
  width:56px !important;
  text-align:right;
}

table th,table td{
  text-align: center;
  width: 19%;
  padding: 15px 0;
}
table td.seton{
  text-align: center;
  background-color:#84A0E4;
  color:#fff;
}
table tr.r_seton:hover{
  background-color: #fff;
}

table td.seton2{
  text-align: left;
}
table tr.r_seton2:hover{
  background-color: #fff;
}
table td.ttitle{
  text-align: left;
  width: 40%;
  padding: 15px 0;
}




table td.shohinmei{
  text-align: center !important;
}

table td.icon{
  background-size: 60px;
  background-position: left 5px center;
  background-repeat: no-repeat;
  padding-left: 100px;
}

table td.mit_title{
  background-color:#84A0E4;
  color:#fff;
}

table td.icon.tentan{
  background-image: url(../img/icon_tentan.png)
}

table td.icon.ktab{
  background-image: url(../img/icon_ktab.png)
}

table td.icon.print{
  background-image: url(../img/icon_printer.png)
}
table td.icon.printwifi{
  background-image: url(../img/icon_printerw.png)
}
table td.icon.pos{
  background-image: url(../img/icon_pos.png)
}
table td.icon.self{
  background-image: url(../img/icon_selftab.png)
}
table td.icon.buzzer{
  background-image: url(../img/icon_buzzer.png)
}

table td.icon.doroa{
  background-image: url(../img/icon_doroa.png)
}
table td.icon.wifi{
  background-image: url(../img/icon_wifi.png)
}

table tr.dnone{
  display:none
}

.inputtext{
	font-size:18px;
	text-align:center;
}

	
.d_button {
	color:#454545;
	background:#a9cbff;
	border-width:2px;
	border-style: solid;
	border-color: #454545;position:relative;
	margin:1em;
	display:inline !important;
	padding:0.2em 0.4em;transition:all 0.3s ease-in-out;
	font-size:16px;
	text-align:center;
	font-weight:bold
}
.u_button {
	color:#454545;
	background:#9ae1d6;
	border-width:2px;
	border-style: solid;
	border-color: #454545;position:relative;
	margin:1em;
	display:inline !important;
	padding:0.2em 0.4em;transition:all 0.3s ease-in-out;
	font-size:16px;
	text-align:center;
	font-weight:bold
}
.d_button:before, .u_button:before {
	top:0;left:0;border-width:0;
}
.d_button:after, .u_button:after {
	bottom:0;right:0;border-width:0;
	}
.du_button:before, .du_button:after {
	display:inline !important;
	border-color:#E85498 !important;
}
.du_button:hover:before, .du_button:hover:after {
	width:auto !important;
	height:auto !important;
}

.divinfo{
	text-align:center;
	margin:10px auto 130px;
}

/****↓jidoumitumori****/
	
.btn--orange,
a.btn--orange {
  color: #fff;
  font-size:1.4rem;
  background-color: #eb6100;
  padding:10px 3rem;
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}

a.btn--radius {
   border-radius: 100vh;
}	

.td_kosu{
	width:28%;
	
}






/****↓tooltip****/


.tooltip { 
  position: relative;
  cursor: pointer;
  padding: 0 5px;
  color: #4682b4;
}
 
.balloon_top { 
  width: 200px; 
  position: absolute;
  left: 50%;
  bottom: 80%; 
  transform: translateX(-50%);
  margin-bottom: 15px;
  padding: 8px;
  border-radius: 10px;
  background-color: #666;
  font-size: 0.8em;
  line-height:1.2;
  color: #fff;
  text-align: left;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  transition: 0.5s all;
}
 
.balloon_top::before {
  content: "";
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 12px solid #666;
  position: absolute;
  top: 99%;
  left: 50%;
  transform: translateX(-50%);
}
 
.tooltip:hover .balloon_top {
  bottom: 100%;
  visibility: visible;
  opacity: 1;
}

/****↓PAGETOP****/

#page_top{
  width: 100px;
  height: 100px;
  position: fixed;
  right: 2%;
  bottom: 2%;
  background: #ef3f98;
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 100px;
  height: 100px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f46d';
  font-size: 26px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -42px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: '自動見積りはこちら';
  font-size: 15px;
  line-height:1.2;
  color: #fff;
  position: absolute;
  top: 50px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

/****↑PAGETOP****/

.h3m{
	border-bottom:1px #121212 solid;
	text-align:center;
	margin-top:120px;
}

.pc_none{
	display:none;
}

}



/*===============================================
●smt.css  画面の横幅が1023pxまで
===============================================*/
@media screen and (max-width:1023px){



.tyu2{
	color:#84A0E4;
	font-size:13px;
	line-height:1.4;

}
.tyu3{
	font-size:0.8rem;
	line-height:1.2;
}

table{
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.price-table{
  width: 98%;	
	 margin:40px auto 80px !important;
}

.p_pr{
	font-size:0.9rem;
}

table tr{
  border-bottom: solid 1px #eee;
  cursor: pointer;
  height:100px;
}

table tr.trhover:hover{
  background-color: #c8e2ff;
}

table th,table td{
  text-align: center;
  width: 19%;
  padding: 15px 0;
}

input{
  width:26px !important;
  text-align:right;
}

table td.seton{
  text-align: center;
  margin:5% auto;
  background-color:#84A0E4;
  color:#fff;
}
table tr.r_seton:hover{
  background-color: #fff;
}
table td.seton2{
  text-align: left;
}
table tr.r_seton2:hover{
  background-color: #fff;
}
table td.ttitle{
  text-align: left;
  width: 30%;
  padding: 15px 0;
}

table td.shohinmei{
  text-align: center !important;
}

table td.icon{
  background-size: 60px;

  padding-left: 10px;
}

table td.mit_title{
	font-size:14px;
  background-color:#84A0E4;
  color:#fff;
}

table td.td_ud{
  width:28%;
  }
	
.d_button {
	color:#454545;
	background:#a9cbff;
	border-width:2px;
	border-style: solid;
	border-color: #454545;position:relative;
	margin:0.1em;
	display:inline !important;
	padding:0.1em 0.3em;transition:all 0.3s ease-in-out;
	font-size:11px;
	text-align:center;
	font-weight:bold
}
.u_button {
	color:#454545;
	background:#9ae1d6;
	border-width:2px;
	border-style: solid;
	border-color: #454545;position:relative;
	margin:0.1em;
	display:inline !important;
	padding:0.1em 0.3em;transition:all 0.3s ease-in-out;
	font-size:11px;
	text-align:center;
	font-weight:bold
}
.d_button:before, .u_button:before {
	top:0;left:0;border-width:0;
}
.d_button:after, .u_button:after {
	bottom:0;right:0;border-width:0;
	}
.du_button:before, .du_button:after {
	display:inline !important;
	border-color:#E85498 !important;
}
.du_button:hover:before, .du_button:hover:after {
	width:auto !important;
	height:auto !important;
}


/****↓tooltip****/


.tooltip { 
	font-size:12px;
  position: relative;
  cursor: pointer;
  padding: 0 5px 0 0;
  color: #4682b4;
}
 
.balloon_top { 
  width: 160px; 
  position: absolute;
  left: 50%;
  bottom: 80%; 
  transform: translateY(-50%);
  margin-bottom: 15px;
  padding: 8px;
  border-radius: 10px;
  background-color: #666;
  font-size: 0.8em;
  line-height:1.2;
  color: #fff;
  text-align: left;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  transition: 0.5s all;
}

 
.tooltip:hover .balloon_top {
  bottom: 100%;
  visibility: visible;
  opacity: 1;
}

table tr.dnone{
  display:none
}

/****↓PAGETOP****/

#page_top{
  width: 100px;
  height: 100px;
  position: fixed;
  right: 2%;
  bottom: 2%;
  background: #ef3f98;
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 100px;
  height: 100px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f46d';
  font-size: 26px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -42px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: '自動見積りはこちら';
  font-size: 15px;
  line-height:1.2;
  color: #fff;
  position: absolute;
  top: 50px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

/****↑PAGETOP****/

.h3m{
	border-bottom:1px #121212 solid;
	text-align:center;
	margin-top:120px;
}
.divinfo{
	text-align:center;
	margin:50px auto;
}
.t_btn{
	text-align:center;
	font-size:14px;
	color:#fff;
	background:#E85498;
	margin:30px auto;
	padding:12px 18px;
	border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */  
    border:none;
    text-decoration: none;
}


}