@charset "utf-8";

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

/* ========== section ========== */
/* ----- key-visual ----- */
#key-visual .fair-title-01-sp {
	background: url(../img/bg_01.png) center center no-repeat;
	background-size: auto 100%;
}
	#key-visual .fair-title-01-sp img {
		margin: 0 auto;
		width: 100%;
		max-width: 394px;
	}

/* ----- lineup ----- */
#flg-lineup {
	padding-top: 0;
}

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

/* ----- 01 ----- */
.fair-heading-01 {
	background: #c71e00;
	margin: 0 -54px 55px;
	text-align: center;
}
	.fair-heading-01.fair-title-pc { background-image: url(../img/bg_02_pc.png); }
	.fair-heading-01.fair-title-sp { background-image: url(../img/bg_02_sp.png); }

/* ----- 02 ----- */
.fair-heading-02 {
	background: #f3d2cc;
	margin: 2.8125em 0 0;
	padding: 15px 15px 12px;
	position: relative;
}
	.fair-heading-02 > .label {
		color: #c51b00;
		font-size: 175%;
		padding-bottom: 0;
		border-bottom: none;
		text-align: center;
	}
	.fair-heading-02:after {
		border-color: #f3d2cc transparent transparent;
		border-style: solid;
		border-width: 11px 22px 0;
		content: "";
		margin-left: -22px;
		position: absolute;
			top: 100%;
			left: 50%;
	}
.fair-heading-02 .label > img[src$="_sp.png"] {
	height: 78px;
	width: 240px;
}

/* ----- 03 ----- */
.fair-heading-03 {
	margin-top: 1.5em;
}

/* ----- 04 ----- */
.fair-heading-04 h4 {
	padding-bottom: 0;
	border: none;
	position: relative;
	color: #c51b00;
	font-size: 175%;
}
	.fair-heading-04 h4 span {
		position: relative;
		z-index: 2;
		display: inline-block;
		margin: 0;
		padding: 0 0.8em;
		background-color: #fff;
		text-align: left;
	}
	.fair-heading-04 h4:before {
		position: absolute;
		top: 0.5em;
		z-index: 1;
		content: '';
		display: block;
		width: 100%;
		height: 4px;
		background-color: #e28d7f;
	}

@media only screen and (max-width: 640px) {
	.fair-heading-01 { margin: 0 -10px 30px; }

	.fair-heading-02 { margin-top: 1.6875em; }
		.fair-heading-02 > .label { font-size: 150%; }

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


/* ========== campaign-block ========== */
.fair-campaign-block {
	margin-top: 1.0em;
}

.fair-campaign-block .campaign-inner {
	text-align: left;
	border-top-style: solid;
	border-top-width: 6px;
	padding-left: 44px;
}

.fair-campaign-block .campaign-inner figure {
	float: left;
	width: 30.82614057%;
}
	.fair-campaign-block .campaign-inner figure img {
		margin-left: auto;
		margin-right: auto;
	}
.fair-campaign-block .campaign-unit .campaign-inner .content {
	padding-left: 0;
}

@media only screen and (max-width: 640px) {
	.fair-campaign-block .campaign-inner figure {
		float: none;
		width: 100%;
	}
	.fair-campaign-block .campaign-inner {
		padding-left: 10px;
		text-align: center;
	}
	.fair-campaign-block .campaign-inner figure { padding-left: 0; }
}

/* ----- colors ----- */
.fair-campaign-block .campaign-06 .campaign-inner {	border-color: #0895e6; }
.fair-campaign-block .campaign-07 .campaign-inner {	border-color: #6d5de6; }
.fair-campaign-block .campaign-10 .campaign-inner { border-color: #ec3a17; }


/* ========== figure ========== */
@media only screen and (min-width: 641px) {
	.fair-figure figure {
		width: 197px !important;
	}
		.fair-figure figure img {
			margin-left: auto;
			margin-right: auto;
		}
}


/* ========== toc ========== */
.c-menu-01 > li > .menu-item {
	margin: 0 9px;
}

@media only screen and (max-width: 640px) {
	.c-menu-01 {
		align-content: stretch;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin: 0 -10px;
	}
	.c-menu-01.cols-02 > li {
		box-sizing: border-box;
		flex-basis: 50%;
	}
}