@charset "utf-8";
/* CSS Document */
.coin-header-box {
	display: flex;
	padding: 20px 20px 15px;
}

.two_column_left {
  margin-right: 20px;
  padding: 20px 10px;
  text-align: center;
  background-color: #ddeedd;
  border: solid 1px #669988;
	flex:2;
}
.two_column_left .button, .two_column_right .button {
  margin: 5px 0;
  padding: 10px 3px;
  border-radius: 10px;
  background-color: #0B8EFB;
}
.two_column_right h4 {
	margin:3px 0 0;
}
.two_column_left .button a, .two_column_right .button a {
  color: #ffffff;
}
.two_column_left h3, .two_column_right h3 {
  font-weight: bold;
}
.two_column_right {
  padding: 20px 10px;
  text-align: center;
  background-color: #ccdddd;
  border: solid 1px #ccdddd;
	flex:3;
}
.two_column_right .wrap{
	margin-top:10px;
	text-align: center;
}
.two_column_left p a {
  text-decoration: underline;
  color: #0A249C;
}
.two_column_left p.button a {
  text-decoration: none;
}
.two_column_left p {
  margin-top: 10px;
}

.two_column_right .box {
  width: calc(50% - 10px);
  float: left;
}
.mr10 {
  margin-right: 20px;
}
.mb20 {
  margin-bottom: 20px;
}
.pb30 {
padding-bottom:30px;	
	}
.coin-icon {
  width: 2rem;
  margin-right: 5px;
}

/*@media only screen and (min-width: 768px) {

.two_column_left {
    width: 40%;
    float: left;
  }
.two_column_left.mr10 {
		margin-right: 0;
	}
.two_column_right {
    width: calc(60% - 64px);
    float: left;
  }
.two_column_left, .two_column_right {
  height: 100px;
}
}*/
@media print, screen and (max-width: 767px) {
.coin-header-box {
	display: block;
}	
  .two_column_left,.two_column_right {
    width:calc(100% - 20px);
    float: none;
  }
.two_column_left{
	margin-right: 20px;
	margin-bottom: 20px;	
	}
.two_column_right {
	height: auto;
	margin-bottom: 0px;
	}
.two_column_right .box {
  width: 100%;
  float: none;
}
.two_column_right .box.second {
	margin:20px 0 0;
}
.two_column_right.box.mr10 {
	margin-right:0;
	}
.pb30 {
  padding-bottom: 0px;
}
}