input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.btn-icon {
	top: 0px;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}
p {
    margin: 0 0 1 1px;
}
#titleLayer_button {
	float:left;
	font-size:15pt;
	font-weight:bold;
	display:none;
}
@media (min-width: 768px) {
  #titleLayer_button {
    display:block;
  }
}

#titleLayer_menu {
	display:block;
	color:#dddddd;
	font-size:14pt;
	margin-top:12px;
}
@media (min-width: 768px) {
  #titleLayer_menu {
    display:none;
  }
}

#buttonOpenClose {
	display:block;
	float:left;
	background-color:#eeeeee;
	width:30px;
	height:30px;
	padding:8px;
	border-radius:50%;
}	
@media (min-width: 768px) {
  #buttonOpenClose {
    display:none;
  }
}

#excelButton {
}
@media (max-width: 768px) {
  #excelButton {
    display:none;
  }
}

#printButton {
}
@media (max-width: 768px) {
  #printButton {
    display:none;
  }
 
}
 
	 
#focusTopButton {
	font-size:30px;
	opacity:0.6;
	z-index:10000;
    display:none;
}
@media (min-width: 768px) {
  #focusTopButton {
    display:none;
  }
}

.line
{
  width:100%; height:2px; background:#000; ;
}

.col-ubob-1, .col-ubob-2, .col-ubob-3, .col-ubob-4, .col-ubob-5, .col-ubob-6, .col-ubob-7, .col-ubob-8, .col-ubob-9, .col-ubob-10,
.col-ubob-11, .col-ubob-12, .col-ubob-13, .col-ubob-14, .col-ubob-15, .col-ubob-16, .col-ubob-17, .col-ubob-18, .col-ubob-19, .col-ubob-20,
.col-ubob-21, .col-ubob-22, .col-ubob-23, .col-ubob-24, .col-ubob-25, .col-ubob-26, .col-ubob-27, .col-ubob-28, .col-ubob-29, .col-ubob-30,
.col-ubob-31, .col-ubob-32, .col-ubob-33, .col-ubob-34, .col-ubob-35, .col-ubob-36, .col-ubob-37, .col-ubob-38, .col-ubob-39, .col-ubob-40,
.col-ubob-41, .col-ubob-42, .col-ubob-43, .col-ubob-44, .col-ubob-45, .col-ubob-46, .col-ubob-47, .col-ubob-48, .col-ubob-49, .col-ubob-50
{
	width:;
}
@media (min-width: 768px) {
	.col-ubob-1 {
		width:2%;
	}
	.col-ubob-2 {
		width:4%;
	}
	.col-ubob-3 {
		width:6%;
	}
	.col-ubob-4 {
		width:8%;
	}
	.col-ubob-5 {
		width:10%;
	}
	.col-ubob-6 {
		width:12%;
	}
	.col-ubob-7 {
		width:14%;
	}
	.col-ubob-8 {
		width:16%;
	}
	.col-ubob-9 {
		width:18%;
	}
	.col-ubob-10 {
		width:20%;
	}
	.col-ubob-11 {
		width:22%;
	}
	.col-ubob-12 {
		width:24%;
	}
	.col-ubob-13 {
		width:26%;
	}
	.col-ubob-14 {
		width:28%;
	}
	.col-ubob-15 {
		width:30%;
	}
	.col-ubob-16 {
		width:32%;
	}
	.col-ubob-17 {
		width:34%;
	}
	.col-ubob-18 {
		width:36%;
	}
	.col-ubob-19 {
		width:38%;
	}
	.col-ubob-20 {
		width:40%;
	}
	.col-ubob-21 {
		width:42%;
	}
	.col-ubob-22 {
		width:44%;
	}
	.col-ubob-23 {
		width:46%;
	}
	.col-ubob-24 {
		width:48%;
	}
	.col-ubob-25 {
		width:50%;
	}
	.col-ubob-26 {
		width:52%;
	}
	.col-ubob-27 {
		width:54%;
	}
	.col-ubob-28 {
		width:56%;
	}
	.col-ubob-29 {
		width:58%;
	}
	.col-ubob-30 {
		width:60%;
	}
	.col-ubob-31 {
		width:62%;
	}
	.col-ubob-32 {
		width:64%;
	}
	.col-ubob-33 {
		width:66%;
	}
	.col-ubob-34 {
		width:68%;
	}
	.col-ubob-35 {
		width:70%;
	}
	.col-ubob-36 {
		width:72%;
	}
	.col-ubob-37 {
		width:74%;
	}
	.col-ubob-38 {
		width:76%;
	}
	.col-ubob-39 {
		width:78%;
	}
	.col-ubob-40 {
		width:80%;
	}
	.col-ubob-41 {
		width:82%;
	}
	.col-ubob-42 {
		width:84%;
	}
	.col-ubob-43 {
		width:86%;
	}
	.col-ubob-44 {
		width:88%;
	}
	.col-ubob-45 {
		width:90%;
	}
	.col-ubob-46 {
		width:92%;
	}
	.col-ubob-47 {
		width:94%;
	}
	.col-ubob-48 {
		width:96%;
	}
	.col-ubob-49 {
		width:98%;
	}
	.col-ubob-50 {
		width:100%;
	}
	.col-ubob-1, .col-ubob-2, .col-ubob-3, .col-ubob-4, .col-ubob-5, .col-ubob-6, .col-ubob-7, .col-ubob-8, .col-ubob-9, .col-ubob-10,
	.col-ubob-11, .col-ubob-12, .col-ubob-13, .col-ubob-14, .col-ubob-15, .col-ubob-16, .col-ubob-17, .col-ubob-18, .col-ubob-19, .col-ubob-20,
	.col-ubob-21, .col-ubob-22, .col-ubob-23, .col-ubob-24, .col-ubob-25, .col-ubob-26, .col-ubob-27, .col-ubob-28, .col-ubob-29, .col-ubob-30,
	.col-ubob-31, .col-ubob-32, .col-ubob-33, .col-ubob-34, .col-ubob-35, .col-ubob-36, .col-ubob-37, .col-ubob-38, .col-ubob-39, .col-ubob-40,
	.col-ubob-41, .col-ubob-42, .col-ubob-43, .col-ubob-44, .col-ubob-45, .col-ubob-46, .col-ubob-47, .col-ubob-48, .col-ubob-49, .col-ubob-50
	{
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
		float: left;
	}
}

.grid-col-title {
	text-align:center;
	border:1px solid #ddd;
	border: 1px solid rgba(86,61,124,.2);
	font-weight:bold;
	height:30px;
	padding:0px;
	margin:0px;
	padding-top:3px;
	background-color:#FAECC5;
}

.grid-col-list {
	border:1px solid #ddd;
	border: 1px solid rgba(86,61,124,.2);
	height:30px;
	padding:2px;
	margin:0px;
	padding-top:3px;
}

.grid-col-list_img {
		border:1px solid #ddd;
		border: 1px solid rgba(86,61,124,.2);
		padding:2px;
		margin:0px;
		padding-top:3px;
}
@media (min-width: 768px) {
	.grid-col-list_img {
		border:1px solid #ddd;
		border: 1px solid rgba(86,61,124,.2);
		height:30px;
		padding:2px;
		margin:0px;
		padding-top:3px;
	}
}

.table-title {
	text-align:center;
	font-weight:bold;
	background-color:#BDBDBD;
}

.ubob_container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .ubob_container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .ubob_container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .ubob_container {
    width: 1170px;
  }
}
@media (min-width: 1500px) {
  .ubob_container {
    width: 1470px;
  }
}

.row-margin {
	border-bottom:3px solid #000;
}
@media (min-width: 768px) {
  .row-margin {
	border-bottom:0px;
  }
}

.LoginMOBILE, .LoginPC
{
	display:none;
}
@media (max-width: 768px) {
	.LoginMOBILE {
		display:block;
	}
	.LoginPC {
		display:none;
	}
}
@media (min-width: 769px) {
	.LoginMOBILE {
		display:none;
	}
	.LoginPC {
		display:block;
	}
}





[data-tooltip-text]:hover {
	position: relative;
}

[data-tooltip-text]:after {
	-webkit-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	-moz-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	transition: bottom .3s ease-in-out, opacity .3s ease-in-out;

	background-color: rgba(0, 0, 0, 0.8);

  -webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	
  -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
  color: #FFFFFF;
	font-size: 12px;
	margin-bottom: 10px;
	padding: 7px 12px;
	position: absolute;
	width: auto;
        font-weight: bold;
	min-width: 100px;
	max-width: 300px;
	word-wrap: break-word;

	z-index: 9999;

	opacity: 0;
	left: -9999px;
  top: 90%;
	
	content: attr(data-tooltip-text);
}

[data-tooltip-text]:hover:after {
	top: 130%;
	left: 0;
	opacity: 1;
}

/* ----------------------------------------------------------------------------------------------------------------------- */

#div_shop_pickup { 
	margin: 1px;
	border: 1px solid black; 
}

.pxg_table {
  width: 100%;
  /*border-top: 1px solid #444444;  */
    
}

.pxg_table tr, td {
  padding: 5px;
  font-weight:750;
  border-spacing:10px 10px;
}

.pxg_table#list {
	border-top: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.pxg_table#list tr {
	padding:10px;
}

.pxg_table#list #list_addr, #list_hp {
	opacity:0.5;
	font-size:12px;
	font-weight:bold;
}

.pxg_table#list #list_main_th {
	border-top:none;
	text-align:left;
}

.pxg_table#list #list_th {
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	text-align:left;
}





.pxg-label input[type="radio"] {
	accent-color: #000000;
	width:15px;height:15px
}

.pxg-label {
	font-size:12pt; 
	font-weight:bold;
}

.pxg-shop-info {
	margin-top:15spx;
	margin-bottom:10px;

}
.pxg-btn {
	color:black;
	border:0px solid gold; 
	float: center; 
	width: 100%; 
	text-align:center; 
	margin-top:5px; 
	margin-bottom:5px;
}

.pxg_search_box {
	background-color:#EAEAEA; 
	text-align:left; 
	padding-left:10px;
	padding-top:3px;
	padding-bottom:50px;
}

.pxg_container {
  width: 300px;
  vertical-align: middle;
  white-space: nowrap;
  position: relative;
}

.pxg_container input#search{
  width: 300px;
  height: 30px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 10pt;
  float: left;
  color: #63717f;
  padding-left: 45px;
}

.pxg_container .icon{
  position: absolute;
  top: 50%;
  height: 30px;
  margin-left: -29px;
  z-index: 1;
  outline:none;
  color: #4f5b66;
  background:none;
  border:none;
}


.pxg_container input#search::-webkit-input-placeholder {
   color: #65737e;
}
 
.pxg_container input#search:-moz-placeholder { /* Firefox 18- */
   color: #65737e;  
}
 
.pxg_container input#search::-moz-placeholder {  /* Firefox 19+ */
   color: #65737e;  
}
 
.pxg_container input#search:-ms-input-placeholder {  
   color: #65737e;  
}

.pxg_container input::-webkit-search-decoration,
.pxg_container input::-webkit-search-cancel-button,
.pxg_container input::-webkit-search-results-button,
.pxg_container input::-webkit-search-results-decoration {
	display:none;
}

.pickup_search {

	background-image:url('../../pxg/asp/img/arrow_bottom.png');
	background-repeat:no-repeat;
	background-position: right center;
}


