/*
Theme Name: cpn.css
Description: This style cpn-revo18a
*/

/*
	Common Module
---------------------------------------------------------------------------- */
.main_cpn {width: 940px;} /* Contents of the template is different? Adjusted 940px */
.main_cpn .contents {padding: 0 30px;}
.center {text-align: center;}
.cpn-revo18a img {vertical-align: bottom;}
.cpn-revo18a strong {font-weight: bold;}
.pc {display: block;}
.smp {display: none;}
.main--page_campaing {margin-top: 0;}
.center {text-align:center;}
.bold {font-weight:bold;}
@media screen and (max-width: 768px){
.pc {display: none;}
.smp {display: block;}
.main {overflow:hidden;}
.main_cpn .contents {padding: 0 3.75%;}
.main_cpn {width: 100%;} /* Contents of the template is different? Adjusted 940px */
.w100 {width:100%; height:auto;}
}

/*
	Style of this campaign [cpn-revo18a]
---------------------------------------------------------------------------- */
.key_v {
	margin: -20px -30px 0;
}
.cpn-revo18a .bt_links {
	display:block;
}
.cpn-revo18a .bt_links:hover {
	opacity: 0.65;
}
.cpn-revo18a .fixed .bt_links:hover {
	opacity: 1;
}
.cpn-revo18a .bt_area {
	margin: 0 -30px 0;
	text-align:center;
	font-size:32px;
}
.cpn-revo18a .btnBox a {
	display:block;
	padding-top:20px;
}
.cpn-revo18a .bg_ye {
	background-color:#F5EC2E;
}
.cpn-revo18a .notice {
	font-size:19px;
}
.cpn-revo18a .notice a {
	color:#F44336;
	font-weight:normal !important;
}

/* bl00 */
.cpn-revo18a .bl00 {
	background: url(//d1mts1n1u0bek1.cloudfront.net/std/campaigns/revo18a/images/cpn-revo18a/bl00_bg.png) center bottom no-repeat #fff;
	background-size:100% auto;
	margin: 0 -30px;
	padding-bottom:40px;
}
.cpn-revo18a .bl00 .period {
	padding: 30px 30px 0;
}

/* bl01 */
.cpn-revo18a .bl01 {
	margin: 0 -30px;
	padding: 0 30px 20px;
}
.cpn-revo18a .bl01 h2,
.cpn-revo18a .bl01 h3 {
	padding-top:0 !important;
}
.cpn-revo18a .bl01 p {
	padding:0;
}
.cpn-revo18a .bl01 p.txt01 {
	padding:50px 0 40px;
}
.cpn-revo18a .bl01 .about {
	line-height:1.3;
}
.cpn-revo18a .bl01 .about dt {
	font-size:39px;
	font-weight:bold;
}
.cpn-revo18a .bl01 .about dd {
	font-size:33px;
	margin-bottom:0.5em;
}
.cpn-revo18a .bl01 .inner01 {
	background: url(//d1mts1n1u0bek1.cloudfront.net/std/campaigns/revo18a/images/cpn-revo18a/bl01_bg_inner.png) center repeat-y;
	background-size:100% auto;
	text-align:left;
	padding: 0 70px;
}

/* bl02 */
.cpn-revo18a .bl02 {
	margin: 0 -30px;
	padding: 0 30px;
}
.cpn-revo18a .bl02 h2 {
	padding-top:40px !important;
}
.cpn-revo18a .bl02 .inner {
	background: url(//d1mts1n1u0bek1.cloudfront.net/std/campaigns/revo18a/images/cpn-revo18a/bl02_bg_inner.png) 492px bottom no-repeat #fff;
	padding: 0 0 270px 70px;
	position:relative;
}
.cpn-revo18a .bl02 .inner .notice {
	position:absolute;
	left:70px;
	bottom:0;
}
.cpn-revo18a .bl02 .hint {
	padding-top:1em;
}
.cpn-revo18a .bl02 .hint li {
	margin-bottom:50px !important;
	background-position: left top;
	background-repeat:no-repeat;
	padding-left:195px;
	font-weight:bold;
	min-height:165px;
}
.cpn-revo18a .bl02 .hint li#hint1 {
	background-image: url(//d1mts1n1u0bek1.cloudfront.net/std/campaigns/revo18a/images/cpn-revo18a/bl02_hint01.png);
}
.cpn-revo18a .bl02 .hint li#hint2 {
	background-image: url(//d1mts1n1u0bek1.cloudfront.net/std/campaigns/revo18a/images/cpn-revo18a/bl02_hint02.png);
	padding-top:0.5em;
}
.cpn-revo18a .bl02 .hint li#hint3 {
	background-image: url(//d1mts1n1u0bek1.cloudfront.net/std/campaigns/revo18a/images/cpn-revo18a/bl02_hint03.png);
	padding-top:0.5em;
	margin-bottom:20px !important;
}
.cpn-revo18a .bl02 .hint li span {
	display:block;
	color:#009247;
	text-decoration:underline;
	font-size:36px;
	font-weight:bold;
	line-height:1.4;
	padding-top:10px;
	letter-spacing:-0.05em;
}

/* challenge */
.cpn-revo18a .challenge {
	padding-bottom:40px;
}
.cpn-revo18a .challenge p {
	margin-bottom:10px;
}

/* info */
.cpn-revo18a .info a {
	color: #009587;
}
.cpn-revo18a .info em {
	color: #FF0000;
}
.cpn-revo18a .info em a {
	color: #FF0000;
}
.cpn-revo18a .info .mt20 {
	margin-top: 20px;
}

/* footer*/
.privacylinks {
	display: inline-block;
	margin: 0 30px;
	color: #333;
	text-decoration: underline;
}
#cpn_footer {
    margin: 50px -30px -30px;
}
#cpn_footer p {
    margin-bottom: 30px;
    text-align: center;
}
#cpn_footer ul {
    border-top: 1px solid #ebebeb;
    display: table;
    margin: 0;
    padding: 0;
    width: 100%;
}
#cpn_footer ul li {
    border-left: 1px solid #ebebeb;
    display: table-cell;
    list-style-type: none;
    width: 50%;
}
#cpn_footer ul li:first-child {
    border-left: medium none;
}
#cpn_footer ul li a {
    background-size: 15px auto;
    color: #000;
    display: block;
    padding: 15px 0 15px 30px;
    position: relative;
    text-decoration: none;
}
#revo01, #revo02 {
  margin-top:-185px;
  padding-top:185px;
}
#before_revo {
	margin-bottom:2em;
}

/*
	Style of this campaign [cpn-revo18a SMP]
---------------------------------------------------------------------------- */
@media screen and (max-width: 768px){
.key_v img {
	width: 100%;
}
.key_v {
	margin: -2.58% -3.75% 0;
}
.cpn-revo18a .bt_area {
	margin: 0 -3.75% 0;
	font-size:11px;
}
.cpn-revo18a .btnBox a {
	display:block;
	padding-top:4.6875%;
}
.cpn-revo18a .notice {
	font-size:11px;
}

/* bl00 */
.cpn-revo18a .bl00 {
	background-image: url(//d1mts1n1u0bek1.cloudfront.net/std/campaigns/revo18a/images/cpn-revo18a/bl00_bg_smp.png);
	margin: 0 -3.75%;
	padding-bottom:4.6875%;
}
.cpn-revo18a .bl00 .period {
	padding: 4.6875% 3.75% 0;
}

/* bl01 */
.cpn-revo18a .bl01 {
	margin: 0 -3.75%;
	padding: 0 3.75% 3.125%;
}
.cpn-revo18a .bl01 p.txt01 {
	padding:7.8125% 0 4.6875%;
}
.cpn-revo18a .bl01 .about {
	line-height:1.3;
}
.cpn-revo18a .bl01 .about dt {
	font-size:13px;
}
.cpn-revo18a .bl01 .about dd {
	font-size:11px;
}
.cpn-revo18a .bl01 .inner01 {
	background-image: url(//d1mts1n1u0bek1.cloudfront.net/std/campaigns/revo18a/images/cpn-revo18a/bl01_bg_inner_smp.png);
	padding: 0 7.5%;
}

/* bl02 */
.cpn-revo18a .bl02 {
	margin: 0 -3.75%;
	padding: 0 3.75%;
}
.cpn-revo18a .bl02 h2 {
	padding-top:8.28125% !important;
}
.cpn-revo18a .bl02 .inner {
	background-image: none;
	padding: 0;
	position:relative;
}
.cpn-revo18a .bl02 .inner .notice {
	position:absolute;
	left:3.4375%;
	bottom:6em;
}
.cpn-revo18a .bl02 .hint li {
	background-size:21.28378% auto;
	background-position:3.4375% top;
	padding-left:26.07263%;
	min-height:21.28378%;
	margin-bottom:1em !important;
}
.cpn-revo18a .bl02 .hint li span {
	font-size:14px;
	padding-top:5px;
	letter-spacing: normal;
}
.cpn-revo18a .bl02 .hint li img {
	width:92%;
	max-width:92%;
	height:auto;
}

/* challenge */
.cpn-revo18a .challenge {
	padding-bottom: 4.6875%;
}
.cpn-revo18a .challenge p {
	display:block;
	width:64.0625%;
	margin:auto;
	padding-bottom:2.1875%;
}

/* footer*/
.privacylinks {
	display: inline-block;
	margin: 0 2.64%;
	font-size: 14px;
	/*font-size: 3.8vw;*/
}
#cpn_footer {
    margin: 4.68% -20px -30px;
}
#cpn_footer ul li a {
	font-size: 12px;
	/*font-size: 3.2vw;*/
}
#revo01, #revo02 {
  margin-top:-23%;
  padding-top:23%;
}
#before_revo {
	margin-bottom:10%;
}
}


/*=== btn_fixed ===*/
.cpn-revo18a .bt_area.fixed {
    position: fixed;
    top: 0;
	left:0;
    width: 100%;
    z-index: 10000;
	background-color: rgba(255,255,255,0.8);
	margin:0;
	padding:8px 0 5px;
	transition: background-color 0.3s linear 0.1s;
}
@media screen and (min-width: 769px){
	.cpn-revo18a .bt_area.fixed img.pc {
		display:block;
		margin:auto;
	}
}
@media screen and (max-width: 768px){
	.cpn-revo18a .bt_area.fixed img.smp {
		display:block;
		margin:auto;
	}
}