@charset "UTF-8";

@import url(res_lp_common.css);

:root {
  --color_red: #cd0000;
}

#contents img{
	vertical-align: bottom;
	display:block;
}

.detailLink {
	vertical-align: bottom;
	position: relative;
	width:100%;
	display: block;
}
.detailLink img {
	display: block;
	width: 100%;
}

.detailLink .ui-link{
	display: block;
	position: absolute;
}

.detailLink .btn1 {
	top: 0%;
	left: 11.5%;
	width: 77.3%;
	max-width: 572px;
}

.detailLink .btn_text1 {
	top: 0%;
	left: 23%;
	width: 54.1%;
	max-width: 400px;
}
.detailLink .btn_text2 {
	top: 21%;
	left: 22.1%;
	width: 19.6%;
	max-width: 145px;
}
.detailLink .btn_text3 {
	top: 49%;
	left: 9%;
	width: 41%;
	max-width: 301px;
}

#cpn_detail .detailLink .btn1 {
	position: relative;
	top: 0%;
	left: 10%;
	width: 81%;
	max-width: 572px;
	padding: 30px 0;
}

.detailLink a:hover {
	background-color: #ffffff;
	opacity:0.3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	/zoom:1;
}

.clear {
	clear: both;
}
	
#etcMenu img{
	display:inline;
}

.note {
    margin-bottom: 50px;
}

#cpn_detail,
#othercampaign{
	line-height: 1.8em;
	margin: 0 2%;
}

#cpn_detail .link_text{
	color: var(--color_red);
}
#cpn_detail .link_text:hover {
	opacity:0.3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	/zoom:1;
}

#cpn_detail h3{
	text-align: center;
	color: var(--color_red);
	font-size: 26px;
	font-weight: bold;
	border-top: 3px solid var(--color_red);
	border-bottom: 3px solid var(--color_red);
	margin-top: 45px;
	padding-top: 4px;
}
#cpn_detail h4{
	background-color: var(--color_red);
	color: #ffffff;
	font-size: 24px;
	font-weight: bold;
	width: fit-content;
	margin: 45px auto 20px auto;
	padding: 4px 10px 0 10px;
}
#cpn_detail h5{
	 color: var(--color_red);
	 font-weight: bold;
}

#cpn_detail .text_center{
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	letter-spacing: 5%;
	line-height: 1.8em;
}
#cpn_detail .payment_box{
	border: 3px solid var(--color_red);
	margin-top: 45px;
	padding: 5px 10px;
}
#cpn_detail ul li{
	padding-left: 1em;
	text-indent: -1em;
	margin: 0.5em 0;
}
#cpn_detail ul.list1>li:before,
#cpn_detail ul.list3>li:before {
	content: "\30FB";
}
#cpn_detail ul.list3 li{
	margin: 1em 0;
}
#cpn_detail .prize{
	margin: 20px auto;
	font-size: 20px;
}
#cpn_detail .prize td{
	padding: 5px 0;
}
#cpn_detail .prize .rank{
	color: var(--color_red);
}

#othercampaign .detailLink{
	margin-bottom: 50px;
}
#othercampaign a{
	position: relative;
	width: 45.1%;
	max-width: 320px;
	margin: 0 auto;
}

#othercampaign h3{
	position: relative;
	background-color: var(--color_red);
	color: #fff661;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	width: 100%;
	margin: 45px auto 20px auto;
	padding: 14px 10px 10px 10px;
	border-radius: 10px;
	box-sizing: border-box;
}
#othercampaign h3:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid var(--color_red);
}

@media screen and (max-width: 740px){
	#cpn_detail h3{
		font-size: 24px;
	}
	#cpn_detail h4{
		font-size: 22px;
	}
	#cpn_detail .text_center{
		font-size: 18px;
	}
	#cpn_detail .prize{
		font-size: 18px;
	}
	#othercampaign h3{
		font-size: 22px;
	}
}