@charset "UTF-8";

/* --------------------------------
 *SP
 * -------------------------------- */
	#CAM00208 h1 {color: #009CDE;font-size: 1.5em;margin-bottom: 10px;text-align: center;border-bottom: none;}
	#CAM00208 p.member {color: #009CDE;font-size: 1em;text-align: center;margin: 0 6%;}

	 #CAM00208 ul.coupon{
						display: flex;
						margin: 5% 2% 12% 2%;
						}
	 #CAM00208 li.cpn-box{
		 				width: calc(100% / 2);
		 				margin: 0 1%;
		 				font-size: 14px;
		 				text-align: center;
		 				}
	 #CAM00208 .cpn-img{color: #666;font-size: 2.2em;width: 100%;}
	 #CAM00208 .cpn-tit{color: #666;font-size: 0.9em;margin: 7% 0;}
	 #CAM00208 .cpn-tit-02{color: #F65C39;font-size: 1.1em;font-weight: bold;}
	 #CAM00208 .cpn-btn{
	min-width: 152px;
	font-size: 1.1em;
	font-weight: 500;
	background-color: #3BAEE8;
	border-radius: 35px;
	color: #fff;
	padding: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	}
	 #CAM00208 .line-title{font-size: 2.5rem;color:#2EA745;font-weight: 600;margin: 3% 0;}
	 #CAM00208 .line{
    width: 90%;
    text-align: center;
    margin: auto;
    border: 7px solid #2EA745;
    border-radius: 31px;
    margin-bottom: 5%;
}
	 #CAM00208 h2{color: #2EA745;font-size: 1.8em;margin: 5%;text-align: center;border-bottom: none;}
	 #CAM00208 .line-inner{
    /* width: calc(100% / 2); */
    display: flex;
    margin: auto 3%;
    flex-direction: column;
}
	 #CAM00208 .line-box{
    /* margin: 0 3%; */
}
	 #CAM00208 .line-btn{
	min-width: 245px;
	font-size: 1.2em;
	font-weight: 500;
	background-color: #2EA745;
	border-radius: 35px;
	color: #fff;
	padding: 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	}
	 #CAM00208 .dw-btn{
	min-width: 245px;
	font-size: 1.2em;
	font-weight: 500;
	background-color: #595757;
	border-radius: 35px;
	color: #fff;
	padding: 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 8% 0;
	}
	 #CAM00208 .line-tit{color: #2EA745;font-size: 1em;text-align: left;padding: 6% 5%;}
	#CAM00208 span.line-txt{font-size: 1.3rem;font-weight: 600;}
	 
	#CAM00208 .strong{padding: 2%; font-size:20px;}
	#CAM00208 .main-txt{font-size: 18px;}
	#CAM00208 .code {width: 60%; font-size: 2rem;}
	#CAM00208 .code li{margin: 0 2em 0 0; float: left;}
	#CAM00208 .code li.codeNo{color: #333; background: #fff !important;}
	#CAM00208 .code li.codetit::after{right: -1em; top: 50%; width: 2.5em; transform: rotate(45deg);	}
	#CAM00208 .deadline{font-size: 14px;}
	
	#CAM00208 .howto .howto-flow{width: 70%;}
	#CAM00208 .howto .howto-flow li{line-height: 1.5rem;}
	 #CAM00208 .circle {width: 1.5rem; height: 1.5rem; line-height: 1.5rem;}
	#CAM00208 .notes{width: 70%;margin: 0 auto 5%;}



/* --------------------------------
 *PC
 * -------------------------------- */
@media screen and (min-width:1200px) {
#CAM00208 .sp { display: none;}
#CAM00208 .pc { display: block;}
	#CAM00208 h1 {color: #009CDE;font-size: 2.6em;margin-bottom: 10px;text-align: center;border-bottom: none;}
	#CAM00208 p.member {color: #009CDE;font-size: 1.5em;text-align: center;}

	 #CAM00208 ul.coupon{
						display: flex;
						margin: 5% 0 12% 0;
						}
	 #CAM00208 li.cpn-box{
		 				width: calc(100% / 2);
		 				margin: 0 1%;
		 				font-size: 14px;
		 				text-align: center;
		 				}
	 #CAM00208 .cpn-img{color: #666;font-size: 2.2em;width: 100%;}
	 #CAM00208 .cpn-tit{color: #666;font-size: 1.3em;margin: 4% 0;}
	 #CAM00208 .cpn-tit-02{color: #F65C39;font-size: 1.9em;font-weight: bold;}
	 #CAM00208 .cpn-btn{
	min-width: 200px;
	font-size: 1.5em;
	font-weight: 500;
	background-color: #3BAEE8;
	border-radius: 35px;
	color: #fff;
	padding: 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	}
	 #CAM00208 .line-title{font-size: 2.5rem;color:#2EA745;font-weight: 600;margin: 3% 0;}
	 #CAM00208 .line{
    width: 80%;
    text-align: center;
    margin: auto;
    border: 9px solid #2EA745;
    border-radius: 31px;
    margin-bottom: 5%;
}
	 #CAM00208 h2{color: #2EA745;font-size: 2.6em;margin-bottom: 10px;text-align: center;border-bottom: none;}
	 #CAM00208 .line-inner{
    /* width: calc(100% / 2); */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
	 #CAM00208 .line-box{margin: 0 3%;}
	 #CAM00208 .line-btn{
	min-width: 300px;
	font-size: 1.5em;
	font-weight: 500;
	background-color: #2EA745;
	border-radius: 35px;
	color: #fff;
	padding: 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	}
 #CAM00208 .dw-btn{
	min-width: 300px;
	font-size: 1.5em;
	font-weight: 500;
	background-color: #595757;
	border-radius: 35px;
	color: #fff;
	padding: 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	}
	 #CAM00208 .line-tit{color: #2EA745;font-size: 1.3em;text-align: left;padding: 4% 5%;}
	 
	 
	#CAM00208 .strong{padding: 2%; font-size:20px;}
	#CAM00208 .main-txt{font-size: 18px;}
	#CAM00208 .code {width: 60%; font-size: 2rem;}
	#CAM00208 .code li{margin: 0 2em 0 0; float: left;}
	#CAM00208 .code li.codeNo{color: #333; background: #fff !important;}
	#CAM00208 .code li.codetit::after{right: -1em; top: 50%; width: 2.5em; transform: rotate(45deg);	}
	#CAM00208 .deadline{font-size: 14px;}
	
	#CAM00208 .howto .howto-flow{width: 70%;}
	#CAM00208 .howto .howto-flow li{line-height: 1.5rem;}
	 #CAM00208 .circle {width: 1.5rem; height: 1.5rem; line-height: 1.5rem;}
	#CAM00208 .notes{width: 70%;margin: 0 auto 5%;}
	#CAM00208 span.line-txt{font-size: 1.5rem; font-weight: 700;}
}