@charset "utf-8";

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

/* ========== pl ========== */
.pl5{
  padding-left: 5px;
}
.pl10{
  padding-left: 10px;
}
.pl12{
  padding-left: 12px;
}
.pl18{
  padding-left: 18px;
}
.pl24{
  padding-left: 24px;
}
.pl1125e{
  padding-left: 1.125em;
}

.c-list-02.cpn-coler-bk li:before{
  color: #535252;
}

/* ========== heading ========== */
.cpn-heading2-01 {
	border-top: solid 4px #e80600;
	border-bottom: solid 4px #e80600;
	padding-top: 25px;
	padding-bottom: 25px;
}
.cpn-heading2-01-fx{
  margin: 10px 0px 15px 0px !important;
}

@media only screen and (max-width: 640px) {
.cpn-heading2-01 {
	padding-top: 15px;
	padding-bottom: 15px;
}
.cpn-heading2-01-fx{
  margin: 0px 0px 10px 0px !important;
}
}

/* ========== infoBlock ========== */
.cpn-infoBlock-01 {
	background: #ffdfdb;
	border: none;
	border-radius: 20px;
	padding: 15px;
}
.prg-infoBlock-01 p:last-child {
	margin-bottom: 0;
}


/* ========== apps ========== */
.cpn-apps {
	position: relative;
}
.os-mobile .cpn-apps {
	display: none;
}
.cpn-apps dl,
.cpn-apps dl dt,
.cpn-apps dl dd,
.cpn-apps ul,
.cpn-apps ul li {
	margin: 0; padding: 0;
	list-style-type: none;
}
.cpn-apps .row {
	margin: 0 auto;
	padding: 30px 0;
	max-width: 640px;
}
.cpn-apps .row .col {
	float: left;
}
.cpn-apps .row .col:last-child {
	float: right;
}
.cpn-apps .row .col dl {
	display: table;
	width: 290px;
}
.cpn-apps .row .col dl dt {
	display: table-cell;
	vertical-align: middle;
	width: 194px;
}
.cpn-apps .row .col dl dd {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}
.cpn-apps .row .col dl dd img {
	display: inline-block;
	width: 74px;
}
.cpn-apps .btn-environment {
	position: absolute;
	z-index: 2;
	top: 20px; right: 5%;
}
.cpn-apps .inner-block{
  text-align: left;
  max-width: 70%;
  margin: 0 auto;
}
.cpn-apps .inner-block p {
	font-size: 13px;
	line-height: 1.8;
}
.cpn-apps ul {
	margin: 20px 0 0 0;
}
.cpn-apps ul li {
	font-size: 13px;
	line-height: 1.8;
}

@media only screen and (max-width: 768px) {
	/* ========== apps ========== */
	.cpn-apps .row {
		padding: 15px 0 0 0;
	}
	.cpn-apps .row .col {
		float: none;
		padding: 5px 0;
	}
	.cpn-apps .row .col:last-child {
		float: none;
	}
	.cpn-apps .row .col dl {
		margin: 0 auto;
	}
	.cpn-apps .row .col dl dt {
		width: 194px;
	}
	.cpn-apps .btn-environment {
		position: static;
		margin: 0 0 20px 0;
		padding: 0 54px;
	}

}

@media only screen and (max-width: 640px) {

	/* ========== apps ========== */
.cpn-apps .row .col {
		padding: 0;
	}
.cpn-apps .row .col dl {
		width: 270px;
	}
.cpn-apps .btn-environment {
		padding: 0 10px;
	}

}

@media only screen and (max-width: 640px){
.c-column-group .col-unit-1\/2{
    display: block;
    float: none;
    width: 100%;
    margin-top: 5px;
}
}

	/* ========== list ========== */
.c-noteList-01 li{
font-size: 16px;
}
@media only screen and (max-width: 640px){
.c-noteList-01 li{
font-size: 14px;
}
}