@charset "utf-8";
/* ----------------------------------------------------------
account
---------------------------------------------------------- */
.ac-container {
  margin-bottom: -20px
}

.ac-toolmenu {
  margin-left: 0px;
  margin-bottom: -10px;
  margin-top:-10px;
}

.ac-toolmenu-nav>li>a {
  padding:10px 12px!important;
}

.ac-toolmenu-nav {
  height: 40px;
}

.ac-title-section {
  background-color: #678EB7;
  margin-top: 0px;
  margin-bottom: -10px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 10px;
  position: relative;
  color: #ffffff;
}

.ac-title-section-sub {
  background-color: #678EB7;
  margin-top: 6px;
  margin-bottom: 10px;
  padding: 10px;
  position: relative;
  color: #ffffff;
}

.ac-title-btn {
  width: 160px;
  border-radius: 25px!important;
  border-width: 2px;
  border-color: #ffffff;
  color: #ffffff;
  background-color: #678EB7;
  margin-bottom: 10px;
}

.ac-title-img {
  position: absolute;
  bottom: 0;
  right: 0;
  overflow: hidden;
}

.ac-page-header-pc {
  color: #005EAE;
  border-color: #eeeeee!important;
}

.ac-page-header-xs {
  border-radius: 25px!important;
  border-width: 2px;
  border-color: #005EAE!important;
  color: #005EAE;
  margin-bottom: 10px;
}

.ac-message {
  border-radius: 10px!important;
  margin: 10px auto;
  width: 90%;
}

.btn-opacity {
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}

.ac-push-message {
  border-radius: 10px!important;
  background-color:#eeeeee;
}

.ac-bottom-menu {
  padding-top:20px!important;
  padding-left:20px!important;
}

.ac-btn-default {
  border-color:#eeeeee;
}

.ac-icon {
  font-size: x-large;
  margin-top:10px;
}

.ac-title {
  margin-top:0px; padding-top: 0.6em; padding-bottom: 0.4em; background-color: #fff; border-bottom: 0.4px solid #eeeeee;
}

.ac-nav {
  padding:0px!important;
}

.ac-submenu {
  padding-top:20px;
}

.ac-section-wrapper {
  background-color:#ffffff;
  padding:15px;
}

.ac-expr-section {
  margin-top:60px;
}

.ac-section-text{
  height: 60px;
}

.ac-afpr-section {
  margin-top:30px;
}

#page__account .help-block, .ac-pr-section .help-block {
  line-height: 1.5em!important;
  color: #aaaaaa;
}

.help-block-box {
  padding-left: 8px!important;
  padding-right: 8px!important;
}

.badge {
  padding: 3px 6px;
  font-weight: normal;
  background-color: #5BC0DE!important;
}

.badge-white {
  padding: 1px 6px;
  font-weight: normal;
  color: #4881be;
  background-color: #ffffff;
  border-radius: 10px;
}

.pc-active-btn ,.sp-active-btn {
  background-color: #E4E4E4;
  border-radius: 5px;
}

.pc-diactive-btn:hover {
  background-color: #E4E4E4;
  border-radius: 5px;
}
.status-section-wrapper {
	margin-bottom: 10px;
	background-color: #ffffff;
	padding: 15px;
}
.status-section-wrapper .panel {
	margin-top: 8px !important;
}
.status-section-wrapper .panel .panel-heading {
	background-color: #ffffff;
	border-bottom-width: 2px;
	font-size: 120%;
	padding: 8px;
}
.status-section-wrapper .panel .list-group .list-group-item {
	padding: 8px;
}
.status-section-wrapper .panel .list-group .list-group-item a {
	font-size: 85%;
}
.status-section-wrapper .panel .panel-heading .btn,
.status-section-wrapper .panel .list-group .list-group-item .btn {
	padding: 3px 15px !important;
	font-size: 12px;
	font-weight: bold;
}
.status-section-wrapper .panel .list-group .list-group-item .btn {
	margin-top: -3px;
}
.select-box {
	margin-bottom: 12px;
}
.type-title {
	font-size: 100%;
	text-align: center;
	margin-top: 0;
}

/* アカウントトップ資産状況テーブル ここから*/
#page__account .buy_link_btn {
  background-color: #4881be;
  border: #4881be 1px solid;
  color: #fff;
}
#page__account .buy_link_btn:hover {
  background-color: #337ab7;
  border-color: #337ab7;
  color: #fff;
}
#page__account .sell_link_btn {
  background-color: #df81a2;
  border: #df81a2 1px solid;
  color: #fff;
}
#page__account .sell_link_btn:hover {
  background-color: #e07299;
  border: #e07299 1px solid;
  color: #fff;
}
#page__account .buy_price {
  color: #337ab7;
}
#page__account .sell_price {
  color: #e07299;
}
#assets_table_title {
  padding-bottom: 8px;
}
/* アカウントトップ資産状況テーブル ここまで*/

/* 出金口座テーブル ここから */
.editbank-table{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	padding:0;
	margin:0;
}
.table-tr{
	padding:5px;
}
.table-th,table-td{
	padding:10px;
	text-align:center;
	border-top: hsla(0,0%,82%,1.00)
}
.table th{
	font-size:14px;
	letter-spacing:1px;
}

@media screen and (max-width: 768px) {
.editbank-table{
	overflow: hidden;
	border:0;
	background: white;
}
.table-thead{
	border: none;
	display:none;
}
.table-tr{
	margin-bottom:10px;
	display:block;
	background-color: #fff;		
}
.table-td{
	display:block;
	text-align:right;
	font-size:13px;
	border-bottom:1px dotted #ccc;	
	border-top: none;
}
.table-td:last-child{
	border-bottom:0;
}
.table-td:before {
	content:attr(data-label);
	float:left;
	font-weight: bold;	
}
.edit-btn-table{
	padding:10px;
	text-align:center;
	display:block;
		
	}
.edit-button{
	margin-top: 10px;
}
}
	
@media screen and (max-width: 480px) {
.button-width{
	width: 100%;
}
}
/* 出金口座テーブル ここまで */


.withdraw-button-box{background-color: #f9f9f9;}
.withdraw-log-box{}
.withdraw-log-box div{margin-bottom: 2.0em;}
.withdraw-log-box div.help-box{ text-align: right; }
.btn-withdraw-cancel{
  background-color: #fff;
  color: #CC0000;
  border: 1px solid #c3c3c3;
  border-radius: 10px;
  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;   /* Firefox用 */
}
@media only screen and (min-width: 240px) and (max-width:580px)	{
  .withdraw-log-box div.help-box{ text-align: left; }
}

/* ekyc */
.logo {
  margin: 16px 16px 16px 8px;
}

.logo-zaif {
  width: 64px;
  height: auto;
  display: block;
}

.bg-gray{
  background-color: #F7F7F7;
  padding: 8px;
}

.ekyc-header {
  max-width: 414px;
  margin: 0 auto;
  color: #fff;
}

.ekyc-select-title{
  margin-top: 32px;
  font-size: 18px;
  font-weight: 700;
}

.ekyc-select-icon{
  color: #DC3545;
}

.ekyc-select-group{
  margin: 16px 0;
}

.ekyc-subtitle {
  margin-top: 32px;
  font-weight: 700;
}

.ekyc-subtitle-badge{
  margin-left: 4px;
  font-size: 14px;
  color: #fff;
  background-color: #DC3545;
  padding: 2px 8px;
  border-radius: 4px;
}

.ekyc-subtitle-icon{
  color: #4881BE;
}

.ekyc-select .glyphicon {
  color: #d32f2f;
}

.ekyc-item {
  font-size: 16px;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .ekyc-img{
 text-align: center;
}
}

.ekyc-caption {
  font-size: 12px;
  font-weight: normal;
}

.panel-heading {
  cursor: pointer;
}

a.panel-btn {
  float: right;
}

.panel-body-text{
  padding: 0 0 0 16px;
}