@charset "utf-8";

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

/* ========== override ========== */
body.color-09 .cpn-heading-01 span,
body.color-09 .cpn-step-02 .heading-main h2 span,
body.color-09 .cpn-step-02 .heading-main h3 span,
body.color-09 .cpn-step-02 .heading-main h4 span,
body.color-09 .cpn-step-02 .heading-main h5 span {
	background-color: #ffdfe6;
	box-shadow: 12px 0 0 #ffdfe6,-12px 0 0 #ffdfe6;
	color: #ed1562;
}

.c-steps-02 .c-heading2-02 {
	margin-left: 12px;
}


/* ========== kye-visual ========== */
#key-visual .cpn-title-sp h1 img {
	margin: 0 auto;
	width: 100%;
}


/* ========== appeal ========== */
.cpn-appeal-01 h3 {
	padding-bottom: 0;
	border: none;
	position: relative;
	text-align: center;
	color: #535252;
}

.cpn-appeal-01 h3 span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0;
	padding: 0 0.8em;
	background-color: #fbf2dc;
	text-align: left;
}
.cpn-appeal-01 h3:before {
	position: absolute;
	top: 0.5em;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background-color: #bcbcbc;
}

@media only screen and (max-width: 640px) {
	.cpn-appeal-01 h3 span {
		padding: 0 0.5em; }
}

.cpn-infoBlock-01 {
	background-color: #fbf2dc;
	border: none;

}


/* ----- cpn-column-group ----- */
@media only screen and (max-width: 640px) {
	.cpn-column-group-01 .c-figure-01 {
		margin-left: 2.5em;
		margin-right: 2.5em;
	}
	.cpn-noticeBlock-01 .col:nth-child(2) figure {
		width: 30%; }
	.cpn-noticeBlock-01 .col:nth-child(2) .content {
		width: 65%; }
}