@charset "utf-8";
/*bootstrap-custom.css内のメディアクエリ利用箇所を抜粋*/
/***************************************
メディアクエリの設定
　xs→                  max-width : 767px
　sm→min-width : 768px,max-width : 991px
　md→min-width : 992px,max-width :1199px
　lg→min-width :1200px
***************************************/

@media (min-width: 768px) {
	.s_body {
		min-width: 920px;
	}
}
@media (min-width: 768px) and (max-width: 920px) {
	.s_body {
		overflow-x:auto;
	}
}
@media (min-width: 992px) {
	.s_body {
		overflow-x:auto;
		min-width: 1100px;
	}
}
@media (min-width: 768px) {
	.m_body {
		min-width: 950px;
	}
}
@media (min-width: 768px) and (max-width: 950px) {
	.m_body {
		overflow-x:auto;
	}
}
@media (min-width: 992px) {
	.m_body {
		overflow-x:auto;
		min-width: 1150px;
	}
}
@media (min-width: 768px) {
	.l_body {
		min-width: 1500px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.l_body {
		overflow-x:auto;
	}
}
@media (min-width: 992px) {
	.l_body {
		overflow-x:auto;
		min-width: 1500px;
	}
}
@media (min-width: 768px) {
	.le_body {
		min-width: 1300px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.le_body {
		overflow-x:auto;
	}
}
@media (min-width: 992px) {
	.le_body {
		overflow-x:auto;
		min-width: 1300px;
	}
}
@media (min-width: 105px) {
	.pops_body {
		min-width: 370px;
	}
}
@media (min-width: 105px) {
	.pops_body {
		overflow-x:auto;
	}
}
@media (min-width: 992px) {
	#outer {
		min-height: 80%;
	    height: auto !important;
	    height: 100%;
	    position: relative;
	}
}
@media (max-width: 991px) {
	.colpadding-left {
		padding: 10px 15px 0px 15px !important;
		margin: 0 !important;
	}
}

@media (max-width: 991px) {
	.colpadding-left-xs {
		padding: 0px 5px 0px 5px !important;
		margin: 0 !important;
	}
}

@media (max-width: 991px) {
	.colpadding-left-xs2 {
		padding: 0px 10px 0px 10px !important;
		margin: 0 !important;
		overflow: auto;
		text-align:center;
	}
}

@media (max-width: 991px) {
	.colpadding {
		padding: 10px 10px 0px 10px !important;
		margin: 0 !important;
	}
}

/* sm表示の場合、左右にのみpadding **/
@media (max-width: 991px) and (min-width: 768px){
	.colpadding-right-sm {
		padding: 0px 15px 0px 0px;
	}

	.colpadding-left-sm {
		padding: 0px 0px 0px 15px;
	}
}
@media (min-width: 768px){
	.colpadding-center {
		height: 49px;
		display: table-cell;
		vertical-align: middle;
		float: none;
		white-space: normal;
	}
}

/* スマホ用：padding*/
@media (max-width: 767px) {
	.colpadding-center {
		padding: 0 !important;
		margin: 0 !important;
		white-space: normal;
	}
}
@media (min-width: 768px) { 
.table-ref tbody{ 
	width: 100%;
	}
.table-ref tbody tr{ 
	width: 100%;
	}
}
@media (min-width: 768px) { 
table .w30 {
	width:30px;/* No. */
	}
table .w40 {
	width:40px;
	}
table .w45 {
	width:45px;
	}
table .w50 {
	width:50px;/* 取引区分 */
	}
table .w55 {
	width:55px;/* 蜿門ｼ�*/
	}
table .w60 {
	width:60px;/* ボタン領域 */
	}
table .w65 {
	width:65px;
	}
table .w70 {
	width:70px;/* ステータス */
	}
table .w75 {
	width:75px;/* 逕ｳ霎ｼ蜊倅ｽ�*/
	}
table .w80 {
	width:80px;/* 注文数量・単価・日時 */
	}
table .w90 {
	width:90px;/* PC 注文種別・特殊条件 */
	}
table .w100 {
	width:100px;/* 一覧執行条件 */
	}
table .w110 {
	width:110px;/* 売付(評価)単価 */
	}
table .w120 {
	width:120px;/* 銘柄名 */
	}
table .w130 {
	width:130px;/* 銘柄名 */
	}
table .w140 {
	width:140px;/* 銘柄名 */
	}
table .w150 {
	width:150px;/* 銘柄名 */
	}
table .w180 {
	width:180px;/* 銘柄名 */
	}
table .w240 {
	width:240px;/* 銘柄名 */
	}
table .w220 {
	width:220px;/* 驫俶氛蜷�*/
	}

/******************************************************************************
/* 連絡管理: sp,タブレット ラジオボタン表示制御
*******************************************************************************/
	table .w190 { width:190px; }
	table .w260 { width:260px; }
	table .w340 { width:340px; }
}
@media (max-width: 767px) {
.ref-border-bottom-sm{
	border-bottom: 0px solid #909BAA;
	border-spacing:0px;
	}
}
@media (max-width: 767px) {
.ref-border-right-sm{
	border-right: 0px solid #909BAA;
	border-spacing:0px;
	}
}
@media (max-width: 767px) {
.ref-border-left-sm{
	border-left: 0px solid #909BAA;
	border-spacing:0px;
	}
}
@media (max-width: 767px) {
.ref-border-right-xs {
	border-right: 1px solid #909BAA;
	border-spacing:0px;
	}
}
@media (max-width: 767px) {
.ref-border-left-xs {
	border-left: 1px solid #909BAA;
	border-spacing:0px;
	}
}
@media (max-width:767px){
	table.table-ref ,
	table.table-ref tr th,table.table-ref tr td,
	.ref-height01 ,
	.ref-height02 ,
	.ref-height03,
	.ref-height05{
		height: 30px;
	}

	.ref-height04{
		height: 35px;
	}
}

/* 銘柄名太字*/
@media (max-width: 767px) {
	.fontbold-xs {
		font-weight: bold;
	}
}
@media (max-width: 767px) {
	.ref-bkground {
background: #E7EAEB;
	}
}
@media (max-width: 767px) {
	.ref-bkground-even-row {
		background: #E7EAEB;
	}

	.ref-bkground-even-row-data{
		background: #FCFCFC;
	}

	.ref-bkground-even-row-btn {
		background: #FCFCFC;
	}
}
/* スマホ用：padding*/
@media (max-width: 767px) {
.ref-colpadding {
	padding: 0px 15px 0px 15px !important;
	margin: 0 !important;
	}
.ref-colpadding-right {
	padding: 0px 0px 0px 15px !important;
	margin: 0 !important;
	}

.ref-colpadding-left {
	padding: 0px 15px 0px 0px !important;
	margin: 0 !important;
	}
}
/* スマホ用：padding*/
@media (max-width: 767px) {
	.ref-bar-colpadding {
		padding: 0 !important;
		margin: 0 !important;
	}
}
@media (min-width: 768px) { 
.table-ref-linebreaks tbody{ 
	width: 100%;
	}
.table-ref-linebreaks tbody tr{ 
	width: 100%;
	}
}
@media (max-width: 767px){
	table.table-ref-linebreaks ,
	table.table-ref-linebreaks tr th,table.table-ref-linebreaks tr td,
	.ref-height01 ,
	.ref-height02 ,
	.ref-height03,
	.ref-height05{
		height: 30px;
	}
}
/* スマホ用：padding*/
@media (max-width: 767px) {
.list-colpadding {
	padding: 0px 15px 0px 15px !important;
	margin: 0 !important;
	}
.list-colpadding-right {
	padding: 0px 0px 0px 15px !important;
	margin: 0 !important;
	}

.list-colpadding-left {
	padding: 0px 15px 0px 0px !important;
	margin: 0 !important;
	}
}
/* スマホ用：border*/
@media (max-width: 767px) {
.list-border {
	border: 1px solid #909BAA;
	}
}
@media (max-width: 767px) { 
.ref-hgt tbody{ 
	display: block; 
	border-left: 1px solid #909BAA;
	width: 100%;
	}
.ref-hgt tbody tr{ 
	display: inline-block; 
	margin: auto;
	width: 100%;
	}
.ref-hgt td{ 
	display: block;
	}
.ref-hgt-xs{
	height: 25px;
	border-bottom: 1px solid #909BAA;
	border-spacing:0px;
	margin: 6px 0px 0px 0px !important;
	width: 100%;
	}
.ref-hgt-xs01{
	height: 30px;
	padding: 6px 0px 0px 0px !important;
	}
.ref-hgt-xs02{
	height: 40px;
	border-bottom: 1px solid #909BAA;
	border-spacing:0px;
	margin: 6px 0px 0px 0px !important;
	width: 100%;
	}
.ref-hgt-xs03{
	height: 40px;
	padding: 6px 0px 0px 0px !important;
	}
.ref-hgt-xs05{
	height: 30px;
	border-bottom: 1px solid #909BAA;
	border-spacing:0px;
	margin: 0 !important;
	padding: 6px 0px 0px 0px !important;
	width: 100%;
	}
.ref-hgt-xs06{
	height: 25px;
	border-spacing:0px;
	margin: 6px 0px 0px 0px !important;
	width: 100%;
	}
.ref-hgt-xs07{
	height: 60px;
	border-bottom: 1px solid #909BAA;
	border-spacing:0px;
	margin: 6px 0px 0px 0px !important;
	width: 100%;
	}
.ref-hgt-xs08{
	height: 70px;
	border-bottom: 1px solid #909BAA;
	border-spacing:0px;
	margin: 6px 0px 0px 0px !important;
	width: 100%;
	}
}
.ref-hgt-xs09{
	height: 32px;
	border-bottom: 1px solid #909BAA;
	border-spacing:0px;
	margin: -1px 0px 0px 0px !important;
	width: 100%;
	}
}
/* 訂正/取消ボタン：位置（スマホ）*/
@media (max-width: 767px) { 
.btnpos-right {
	float: right;
}
}
@media only screen and (max-width: 767px) { 
.btn-size03{ 
	width: 50px;
	height:30px;
	padding:5px 3px 5px 3px;
}
}
@media only screen and (max-width: 767px) { 
.btn-size04{ 
	width: 100%;
	height:30px;
	padding:5px 3px 5px 3px;
}
}
@media only screen and (max-width: 767px) { 
.btn-size041{ 
	width: 100%;
	height:30px;
	padding:5px 3px 5px 3px;
}
}
@media only screen and (max-width: 767px) { 
.btn-size042{ 
	width: 100%;
	height:30px;
	padding:5px 3px 5px 3px;
}
}
@media only screen and (max-width: 767px) { 
.btn-size06{ 
	width: 45px;
	height:30px;
	padding:3px 3px 3px 3px;
}
}
@media only screen and (max-width: 767px) { 
.btn-size07{ 
	width: 100%;
	height:30px;
	margin: 1px;
	padding:3px 3px 3px 3px;
}
.btn-size08 {
	width: 100%;
	height: 50px;
	margin: 1px;
	padding:3px 3px 3px 3px;
}
}
@media only screen and (max-width: 767px) { 
.nav-tabs > li > a {
	margin-right: 1px;
	line-height: 1.42857143;
	border-color: #DCDCE3 #DCDCE3 #FCFCFC;
	border-top-left-radius: 8px; 
	border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px; 
	width: 59px;
	height: 45px;
	text-align:center;
	padding: 5px 5px 5px 5px;
}
}
@media (min-width: 1225px) {
	#page-top {
		left:1170px;
	}
}
@media (max-width: 767px) {
.bk-color07 {
	background-color: #F0F4FF;
	}
}
@media (max-width: 767px) {
.bk-color05 {
	background-color: #FFCCD2;
	}
}
@media (max-width: 767px) {
.bk-color06 {
	background-color: #CCEEFF;
	}
}
@media (min-width: 768px) {
.textcolor04 {
	color: #2758EA;
	}
}
@media (min-width: 768px) {
.textcolor05 {
	color: #FD404E;
	}
}
@media (min-width: 768px) {
.textcolor06 {
	color: #808080;
	}
}

@media (min-width: 768px) {
.textcolor07 {
	color: #3CB521;
	}
}
@media (max-width: 991px) {
iframe{
	border:none;
	width: 100%;
	padding: 0px !important;
	margin: 0 !important;
}
}
/* SPの場合、数字は中で表示*/
@media (max-width: 767px) {
.text-right01 {
	text-align: center;
	}
}
@media (max-width: 991px) and (min-width: 768px){
	.top-nopadding-right-sm {
		padding-right: 0px;
	}
}
@media (max-width: 991px) {
	.navbar-brand01 {
		float: right;
		margin-top: 16px;
		margin-right: 10px;
	}

	.colpadding-left-menu {
		padding: 0px 0px 0px -15px !important;
		margin: 0 !important;
	}

	.menu-margin {
		margin-left: -5px;
		margin-right: 0px;
	}
}

@media (min-width: 768px) {
  .col-sm-w7-1 {
    width: 14%;
  }
    .col-sm-w7-title {
    width: 16%;
  }
}
@media (min-width: 768px ) and (max-width: 1120px)  {
	.ref-height-tptr {
		height: 40px;
	}
	  .visible-tptr {
	    display: inline-block !important;
	  }
 }
@media  (min-width: 1120px) {
	.ref-height-tptr {
		
	}
	  .visible-tptr {
	    display: none !important;
	  }
 }
@media  (max-width: 768px)  {
	.ref-height-tptr {
		
	}
	.visible-tptr {
		display: none !important;
	}
 }
@media (min-width: 755px ) and (max-width: 1120px)  {
	.x-scroll{
		overflow-x:scroll;
	}
}

@media (max-width: 991px) {
	.ref-bkground-pankuzu {
		padding-right:0px !important;
		margin: 0 !important;
	}
	.pankuzu-text {
		padding-right:10px;
	}
}

@media (min-width: 768px) {
	.div-inner {
		display: table-cell;
		vertical-align: middle;
	}
	.div-outer {
		display: table;
	}
}
@media  (min-width: 768px) {
	.ref-height-line-2 {

		height:60px;
	}
	.ref-height-line-3 {

		height:72px;
	}
	.ref-height-line-4 {

		height:90px;
	}
 }
 
 @media (max-width: 991px) {
.iframe-xsMargin{
	margin: 0px -10px !important;
	}
}

@media (min-width: 768px){
	.topspacer110-sm {
		margin-top: 110px;
	}
}

@media (min-width: 768px){
	.topspacer50-sm {
		margin-top: 50px;
	}
}