@charset "utf-8";

/*==============================================
 CSS INFO
 Description : responsiv css
===============================================*/

/* レスポンシブ用
============================================== */
@media(max-width: 767px){
	.table-responsive > .table{
		table-layout: auto;
	}
	.table-responsive > table > thead > tr > th,
	.table-responsive > table > tbody > tr > th,
	.table-responsive > table > tbody > tr > td{
		white-space: nowrap;
	}
	.table-responsive > table table th,
	.table-responsive > table table td{
		white-space: normal;
	}
	#side-contents .brand-logo{
		width: 110px;
		text-align: left;
		padding-left: 10px;
	}
	.header-contents-inner{
		margin-left: 110px;
	}
	#loginAgentUserBtn{
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	#loginAgentUserBtn > span{
		display: none;
	}
	.loginer.dropdown{
	/*	text-overflow: ellipsis;
		overflow: hidden;
		width: 180px;*/
	}
	.loginer.dropdown [data-toggle="dropdown"]{
		overflow: hidden;
		display: inline-block;
		text-overflow: ellipsis;
		width: 140px;
		white-space: nowrap;
	}
	.loginer.dropdown [data-toggle="dropdown"]:after{
		position: absolute;
		right: 3px;
	}
	#LoginAgentSelPopup {
		width: 100%!important;
	}
	.container-fluid{

	}
	.resp_tbl{}
	.resp_tbl th,.resp_tbl td,
	.search-table th,.search-table td,
	.ledger-table th,.ledger-table td,
	colgroup{
		display: block;
	}
	.resp_tbl th[class^="w"],
	.search-table td[class^="w"],
	.ledger-table th[class^="w"],
	.ledger-table td[class^="w"],
	colgroup [class^="w"]{
		width: 100%!important;
	}
	.resp_tbl th.text-right,
	.search-table th.text-right{
		text-align: left!important;
	}
	.btn-wrap{
		flex-direction:column;
		text-align: center;
	}
	.btn-wrap > div .btn{
		margin-bottom: 15px;
	}
	.btn-wrap > .backBtn{
		position: relative;
		margin-right: 0;
		order: 99;
	}
	.search-andor{
		text-align: center;
		width: 100%;
	}
	[id^="pc_list_child_box_"]{
		flex-wrap: wrap;
	}
	[id^="pc_list_child_box_"] .itemList{
		width: 45%;
	}
	#RelatedUserReplacePopup, #RelatedUserPopup, #IntroUserPopup, #IntroPlacePopup, #CollectOrdersPopup,
	#DeviceHistoryPopup{
		width: 90%!important;
	}
	#faqConts #main,#faqConts #side{
		float: none;
		width: 100%;
		margin: 0;
		padding: 0;
	}
}
@media(max-width: 575px){
	[id^="pc_list_child_box_"] .itemList{
		width: 100%;
	}
	.btn.w300.icn-search{
		width: 80%!important;
	}
	[style="position:absolute;top:-130px;right:0;width: 190px;text-align: right;"]{
		top: -190px!important;
	}
}