/* user.css */

.sorting {
	height:50px;
}

.grid-x {
	padding:16px;
}

#data-table {
  background-color: white;
}

#data-table_wrapper {
  background-color: #f0f3f6;
}

.table-img {
  width:70px;
}

.table-date {
  width:3em;
}

.likebuttons a:link { text-decoration: none; }
.likebuttons a:visited { text-decoration: none; }
.likebuttons a:hover { text-decoration: none; }
.likebuttons a:active { text-decoration: none; }

.nowtag {
  border: 8px solid #33ff44;
}

.red {
	margin:0;
	padding:0;
  color:#F00;
  font-size:small;
}

.tag001{
	margin:3px;
	padding:3px 10px 3px 10px;
	background:#FAFAFA;
	border:#CCC solid 1px;
	border-radius:20px;
	font-size:small;
}

.hint_cap{
	margin:0;
	padding:0;
	color:#F00;
	font-size:small;
}
.required_cap{
	margin:0 0 0 5px;
	color:#F00;
	font-weight:normal;
	font-size:smaller;
}
.required_cap2{
	margin:0 0 0 5px;
	color:blue;
	font-weight:normal;
	font-size:smaller;
}

.t_left{
	text-align:left;
}
.t_center{
	text-align:center;
}
.t_right{
	text-align:right;
}

.notice_email a i{
	color:#F90;
}

.main_logo{
	pointer-events: none;
}

#data-table tr td{
	word-break: break-all;
}
#data-table tr td.dt-id
, #data-table tr td.nowrap{
	white-space: nowrap;
}

/* table 列を非表示 */
.tb_col_hide{
	visibility: hidden;
}

.form-control{
	margin: 0;
}
/* 注釈 */
.annotation1{
	margin: 0 0 7px 0;
	padding: 0;
	color:red;
	font-size: smaller;
}
#chatNotice{
	background: #333e48;
}
#chatNotice li{
}
#chatNotice li a{
	width:60%;
	display: inline-block;
	text-align: left;
	padding-left: 2px;
}
#chatNotice li i.on{
	width:20%;
	display: inline-block;
	text-align:center;
	/* color:#FFF; */
	cursor:pointer;
}
#chatNotice li i.off{
	width:20%;
	display: inline-block;
	text-align:center;
	color:#F90;
	cursor:pointer;
}

#chatNotice li i.noticecheck{
	width:20%;
	display: inline-block;
	text-align:center;
}
.pc-none{
	display: none;
}
.sp-none{
	display: block;
}
#data-table_wrapper #header_search_form_p{
	display: initial;
}
.top_title{
	display: inline;
	padding-right: 9px;
}
@media (max-width: 834px){
  #data-table{
  	width:1405px;
  }
  #data-table tr{
  	/*border-bottom: 50px solid #eee!important;*/
  }
  .grid-x{
  	padding-top:0;
  	padding-bottom: 0;
  }
  .items-list-page .title-block{
  	padding-bottom: 3px;
  }
  .topbar{
  	padding-top: 50px;
  }
  .pc-none{
  	display: block;
  }
  .chat_wrapper{
  	width:60%;
  	background: #85CE36!important;
  	color:white;
  	text-align: center;
  }
  .pickup_wrapper{
  	width:40%;
  	background:blue;
  	color:white;
  	text-align: center;
  }
  .topbar_nav{
  	line-height: 44px;
  }
  #data-table_wrapper{
  	overflow-x: auto;
  }

  .app .content{
  	padding-top:7px;
  }

  #data-table_wrapper .row.grid-x .small-6:nth-child(1){
  	width:41.66667%;
  }
  #data-table_wrapper .row.grid-x .small-6:nth-child(2){
  	width:58.33333%;
  }

  #menu_request,#menu_app_contents,#menu_management,.chatNotice,#menu_user_register{
  	display: none;
  }

  #data-table_filter input{
  	width:110px!important;
  }
  .list_ctn{
  	font-size: 12px;
  }

  ul.pickup li.inner{
  	width: 33%;
  }
  ul.pickupArea li.outer{
  	width:45px!important;
  }
  ul.pickupArea{
  	width:100%!important;
  }

  ul li.arrow p{
  	font-size:11px!important;
  }
  ul li.arrow{
  	font-size:20px!important;
  }
  ul.pickupArea li.outer.main{
  	display: table-row;
  }
  .sp-none{
  	display: none;
  }

  #chat_area div{
    
    white-space: normal;
  }

  #chat_body1 .chat_box{
    max-width: 96%;

  }

  /*#chat_body1 .chat_box .chat_message{
   
  }*/



}