@import url(/campaign/css/campaign-detail.css);

/* ========== hidden ========== */
@media only screen and (min-width: 641px) {
.c-hide-pc {
	display: none;
}
}
@media only screen and (max-width: 640px) {
.c-hide-sp {
	display: none;
}
}

/* ========== logo ========== */
@media only screen and (max-width: 640px) {
#jbk-header-area h1.logo {
	width: 140px;
}
}

/* ========== supplement ========== */
.c-ground-01.supplement {
	padding: 15px 54px;
	background-color: #fefbf0;
}
@media only screen and (max-width: 640px) {
.c-ground-01.supplement {
	padding: 10px;
}
}

/* ========== fxapp ========== */
.fxapp-area {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 40px;
}
@media only screen and (max-width: 640px) {
.fxapp-area {
	padding: 0;
	margin-top: 0.5em;
}
}
.fxapp-content {
	width: 60%;
	margin-right: 5%;
}
.fxapp-area .c-figure-01 {
	width: 35%;
}

/* ========== btn-strong ========== */
.btn-strong .c-btn-account.icon-arrow-01 {
	font-weight: bold;
	font-size: 18px;
	margin-top: 8px;
	padding: 16px 58px 16px 80px;
}

/* ========== btn-simple ========== */
.btn-simple .c-btn-account {
	font-size: 18px;
	margin-top: 15px;
}

/* ========== width ========== */
@media only screen and (max-width: 640px) {
.c-w90-sp {
	width: 90%;
}
.c-w80-sp {
	width: 80%;
}
.c-w70-sp {
	width: 70%;
}
.c-w60-sp {
	width: 60%;
}
}

/* ========== margin ========== */
.c-mt2e {
	margin-top: 2em;
}
.c-mt3e {
	margin-top: 3em;
}
@media only screen and (max-width: 640px) {
.c-mt3e {
	margin-top: 2em;
}
}
@media only screen and (max-width: 640px) {
.c-mt25e-sp {
	margin-top: 2.5em;
}
}
@media only screen and (min-width: 641px) {
.c-column-group .col-unit-1\/2.c-mt15-pc {
	margin-top: 15px;
}
}
@media only screen and (max-width: 640px) {
.c-column-group .col-unit-1\/2.c-mt10-sp {
	margin-top: 10px;
}
}

/* ========== padding ========== */
@media only screen and (min-width: 641px) {
.c-column-group.c-p50-pc {
	padding: 0 50px;
}
}

/* ========== heading ========== */
.prg-ground-02 {
  margin-top: 75px;
}
.c-ground-01 > .prg-heading2-01:first-child {
  margin-top: -45px;
  margin-bottom: 1.875em;
}
.c-ground-01 > .prg-heading2-02:first-child {
  margin-top: -75px;
  margin-bottom: 1.25em;
}
@media only screen and (max-width: 640px) {
  .prg-ground-02 {
    margin-top: 45px;
  }
  .c-ground-01 > .prg-heading2-01:first-child {
    margin-top: -25px;
    margin-bottom: .5625em;
  }
  .c-ground-01 > .prg-heading2-02:first-child {
    margin-top: -45px;
  }
}

/* ========== cnv-qr ========== */
.cnv-type02.cnv-qr {
	border: 4px solid #49a19d;
}

/* ========== icon-modal ========== */
.icon-modal::after {
	content: "";
	display: inline-block;
	background: url(../img/icon_modal.png) 0 0 no-repeat;
	background-size: auto 16px;
	height: 16px;
	width: 16px;
	margin-left: 5px;
}


/* ========== table ========== */
.c-table-01.jplus2112-table-01 th,
.c-table-01.jplus2112-table-01 td {
padding: 5px;
}
.c-table-01.jplus2112-table-01 tbody th,
.c-table-01.jplus2112-table-01 tbody td {
vertical-align: middle;
}
@media only screen and (max-width: 640px) {
.c-table-01.jplus2112-table-01 thead tr th,
.c-table-01.jplus2112-table-01 tbody tr th{
font-size: 78%;
}
}

.sty-table-accent {
color: #eb5505;
font-size: 150%;
}
.sty-icon {
  position: relative;
  padding-left: 20px;
}
.sty-icon::before{
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  background-size: 24px;
  background-position: 0 0;
  background-repeat: no-repeat;
  top: 0;
  left: -5px;
}
.sty-icon-regular::before{
  background-image: url(/customer_stage/img/icon_regular_40x40.png);
}
.sty-icon-silver::before{
  background-image: url(/customer_stage/img/icon_silver_40x40.png);
}
.sty-icon-gold::before{
  background-image: url(/customer_stage/img/icon_gold_40x40.png);
}
.sty-icon-premium::before{
  background-image: url(/customer_stage/img/icon_premium_40x40.png);
}
@media only screen and (max-width: 640px) {
.sty-table-accent {
color: #eb5505;
font-size: 120%;
}
}