@charset "utf-8";

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


/* ========== section ========== */
@media only screen and (max-width: 640px) {
.c-btnGroup-01 {
	text-align: center;
}

#flg-save    .c-column-group .col-unit-1\/2 > .c-btnGroup-01,
#flg-grow    .c-column-group .col-unit-1\/2 > .c-btnGroup-01,
#flg-enjoy   .c-column-group .col-unit-1\/2 > .c-btnGroup-01,
#flg-related .c-column-group .col-unit-1\/2 > .c-btnGroup-01 {
	display: none;
}

#flg-save  > header.c-heading4-01,
#flg-grow  > header.c-heading4-01,
#flg-enjoy > header.c-heading4-01 {
	margin-top: 2.5em !important;
}
}

@media only screen and (min-width: 640px) {
#flg-save    .c-column-group > .c-btnGroup-01,
#flg-grow    .c-column-group > .c-btnGroup-01,
#flg-enjoy   .c-column-group > .c-btnGroup-01,
#flg-related .c-column-group > .c-btnGroup-01 {
	display: none;
}
}


/* ========== heading ========== */
.fair-heading-01 > .label,
.fair-heading-02 > .label,
.fair-heading-03 > .label,
.fair-heading-04 > .label,
.fair-heading-05 > .label {
	font-weight: bold;
}

/* ----- 02 ----- */
.fair-heading-02 > .label {
	font-size: 150%;
}

#flg-debut                  .fair-heading-02 > .label { color: #3d8e7f; }
#flg-setDeposit             .fair-heading-02 > .label { color: #0895e6; }
#flg-yenFixedDeposit_switch .fair-heading-02 > .label { color: #e96767; }
#flg-yenDepositPremium_big  .fair-heading-02 > .label { color: #e61010; }
#flg-yenDepositPremium_jra  .fair-heading-02 > .label { color: #007a53; }
#flg-homeloan               .fair-heading-02 > .label { color: #ec3a17; }

/* ----- 03 ----- */
.fair-heading-03 {
	background: #def7ff;
	color: #0895e6;
	margin: 60px 0 0;
	padding: 15px 15px 12px;
}

.fair-heading-03 > .label {
	font-size: 175%;
}

#flg-banking .fair-heading-03 {
	background: #e7e4ff;
	color: #6d5de6;
}

#flg-shopping .fair-heading-03 {
	background: #ffdfe6;
	color: #ed1562;
}

#flg-fx .fair-heading-03 {
	background: #e3f3ea;
	color: #35a667;
}

/* ----- 04 ----- */
.fair-heading-04 {
	background: url(../img/line_01.png) center center repeat-x;
}

/* ----- 05 ----- */
.fair-heading-05 {
	margin: -30px -54px 0 !important;
}


@media only screen and (max-width: 640px) {
.fair-heading-02 {
	margin-top: 2.5em;
}

.fair-heading-03 {
	border-width: 3px 0;
	margin-top: 30px;
	padding: 10px;
}

.fair-heading-04 img {
	width: 240px;
}

.fair-heading-05 {
	margin: -16px -10px 0 !important;
}
}


/* ========== term ========== */
.fair-term-01 {
	font-weight: bold;
}

.fair-term-01 .icon {
	margin-right: 5px;
	vertical-align: -5px;
	width: 24px;
}

#flg-yenDepositPremium_big .fair-term-01 { color: #e61010; }
#flg-yenDepositPremium_jra .fair-term-01 { color: #007a53; }

@media only screen and (max-width: 640px) {
.fair-term-01 .icon {
	vertical-align: middle;
	width: 17px;
}
}


/* ========== infoBlock ========== */
.fair-infoBlock-01 {
	border-top: #ef8686 dotted 3px;
}


/* ========== toc ========== */
.fair-toc-01 {
	margin: 0 -10px;
	padding: 0;
}

.fair-toc-01 > li {
	list-style: none;
	margin: 0;
	padding: 0 10px;
}

.fair-toc-01 > li img[src$="_sp.png"] {
	height: 63px;
	width: 280px;
}


@media only screen and (min-width: 640px) {
.fair-toc-01:after {
	clear: both;
	content: "";
	display: block;
}

.fair-toc-01 > li {
	float: left;
	width: 33.33%;
}

.fair-toc-01 > li > a:hover img,
.fair-toc-01 > li > a:focus img,
.fair-toc-01 > li > a:active img {
	opacity: 0.7;
}
}

@media only screen and (max-width: 640px) {
.fair-toc-01 > li {
	margin-top: 10px;
}
}