@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;
}
.p-reset{padding: 0 0 30px 0;}
.m-reset{margin: -30px -54px 54px -54px;}
.pb30{padding-bottom: 30px;}
.pt0{padding-top: 0px;}
.mr10{margin-right: 10px;}
.font-n{font-weight:normal !important;}
.c-figure-01 {
    margin: 0;
    padding: 0;
    margin-top: 18px;
    text-align: center;
}
.c-space-125em{margin-top: 1.25em !important;}
@media only screen and (max-width: 640px) {
.p-reset{padding: 0 0 30px 0;}
.m-reset{margin: 16px -10px;}
.c-figure-01 {
    margin: 0px 10px;
    padding: 0;
    margin-top: 18px;
    text-align: center;
}
.c-space-125em{margin-top: 0.75em !important;}
}
    

/* ========== 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 ========== */
@media only screen and (max-width: 640px){
.c-noteList-01 li{
font-size: 14px;
}
}


.adjust-text {
	margin-top: 1.75em;
}

@media only screen and (max-width: 640px){
	.adjust-text {
		margin-top: 0.625em;
	}	
}


/* ----- 02 ----- */
.dop-block-02 > dl > dt {
  background-color: #facf9c;
  font-size: 150%;
  margin: 0;
  padding: 12px;
  text-align: center;
}
.dop-block-02 > dl > dt > span {
  background: url(../img/icon_02.png) left center no-repeat;
  display: inline-block;
  padding: 10px 10px 8px 44px;
}
.dop-block-02 > dl > dd {
   background-color: #fce7cd;
  font-size: 150%;
  margin: 0;
  padding: 0;
  padding: 16px;
  text-align: center;
}
.dop-block-02 > dl > dd .c-copy-01 p {
	margin-top: 0.4583em;
}
.dop-block-02 > dl > dd .c-copy-01 p:first-child {
	margin-top: 0;
}
.dop-block-02 em {
  color : #e50000;
}
.dop-block-02 small {
  font-size: 66.67%;
}
.dop-block-02 > dl > dt > span.icon-D {
    background: url(../img/icon_03.png) left center no-repeat;
    display: inline-block;
    padding: 10px 10px 8px 44px;
    background-size: 37px;
}

/* ----- coler ----- */
.bg-col-o01{background:#fec054 !important;}
.bg-col-o02{background:#ffef94 !important;}

@media only screen and (max-width: 640px) {
.dop-block-02 > dl > dt > span {
  background-size: 24px 32px;
  padding: 0 10px 0 31px;
}
.dop-block-02 > dl > dt,
.dop-block-02 > dl > dd {
  font-size: 100%;
}
.dop-block-02 > dl > dt > span.icon-D {
    background: url(../img/icon_03.png) left center no-repeat;
    display: inline-block;
    padding: 20px 10px 10px 40px;
    background-size: 27px;
}
}