#contentsWrap { min-width: 980px; max-width: 980px; margin: 0 auto;}

#c01 { text-align: center; }

a.btnApplication { display: block; background: #c30d23; color: #fff!important; font-weight: bold; height: 55px; line-height: 55px; text-align: center;  }
a.btnApplication img { vertical-align: middle; }

a.btnApplication2 { display: none; background: #c30d23; color: #fff!important; font-weight: bold; height: 55px; line-height: 55px; text-align: center;  }
a.btnApplication2 img { vertical-align: middle; }
a.btnApplication2.on { display: block; }

span.btnDummy { display: none; background: #c0c0c0; color: #fff; font-weight: bold; height: 55px; line-height: 55px; text-align: center; width: 590px; margin: 0 auto; /*0420*/ }
span.btnDummy img { vertical-align: middle; }
span.btnDummy.on { display: block;}

#mainLead { width: 674px; margin: 0 auto;}
#mainLead p { padding: 15px 0 40px; line-height: 1.6}
#mainLead a { color: #fff!important;}
#prizeBox { padding-top: 70px; }
#prizeBox > ul > li { padding: 0 2%; width: 50%; display: inline-block; position: relative; vertical-align: top; }
#prizeBox > ul > li.prizeL { width: 100%; } 
.circleW { width: 14%; position: absolute; left: 1%; top: -30px; }
.circleW img { width: 100%; }

#prizeBox li h3 img{ width: 100%; }
#prizeBox li h3 span { font-size: 28px; }
#prizeBox li.prizeL h3 {}
#prizeBox li .btn-prize { background: #fff; text-align: center; }
#prizeBox li .btn-prize a{ display: block; height: 55px; line-height: 55px; color: #333; position: relative; }
#prizeBox li .btn-prize a::before{ content:''; display: block; width: 10px; height: 10px; border-top: 1px solid #333; border-right: 1px solid #333; -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right: 30px; top: 50%; margin-top: -8px;  }
#prizeBox li .btn-prize a.open::before{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; right: 30px; top: 50%; margin-top: 0;  }
#prize1Txt { text-align: left; display: none; border-top: 1px solid #e1e1e1; padding: 40px; font-size: 14px; }

#prizeBox li .prizeDetail { /*border: 1px solid #e1e1e1;*/}
#prizeBox li .prizeDetailTxt { background: #f3f3f3; padding: 25px; min-height: 140px; }
#prizeBox li .prizeDetailTxt2 { min-height: 170px;} 
#prizeBox li .prizeDetailTxt p { font-size: 14px; }
#prizeBox li .prizeDetailTxt ul li { font-size: 14px; }

#termBox { padding: 5%;}

#termInner { background: #fff; text-align: center; border: 1px solid #e1e1e1; }
#termInner .btn-term a{ display: block; height: 55px; line-height: 55px; color: #333; position: relative; }
#termInner .btn-term a::before{ content:''; display: block; width: 10px; height: 10px; border-top: 1px solid #333; border-right: 1px solid #333; -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right: 30px; top: 50%; margin-top: -8px;  }
#termInner .btn-term a.open::before{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; right: 30px; top: 50%; margin-top: 0;  }

#termBox h2 { text-align: center; margin-bottom: 15px; }
#termTxt { text-align: left; display: none; padding: 40px; font-size: 14px; border-top: 1px solid #e1e1e1;  }
#termTxt h3 { font-size: 16px; margin-bottom: 10px; font-weight: normal; }
#termTxt > ul { margin-bottom: 30px;}
#termTxt > ul li { margin-bottom: 5px; }
#termTxt > ul.attList li { padding-left: 1em; text-indent: -1em; }
#termTxt > ul li ul li { padding-left: 1em; } 

#checkBox { padding: 30px 0; text-align:center;}
#agreeLabel { color:#cc132f; font-weight: bold; margin: 0 auto;  background: url(/content/dam/au-com/pr/cm/3taro/iimono/images/checkoff.png) left center no-repeat; height: 26px; padding-left: 30px; background-size: auto 100%;  }
#agreeLabel.checked { background: url(/content/dam/au-com/pr/cm/3taro/iimono/images/checkon.png) left center no-repeat; background-size: auto 100%;  }
#agreeLabel input { 
	-webkit-appearance: none;
	-moz-appearance:none;
	position: absolute;
	left:-999999px;
}

#appliBtnBox { width: 590px; margin: 0 auto;}

#bnArea { padding: 5%;}
#bnArea ul li a { display: block; border: 1px solid #ddd; }

#contentsWrap a { 
	opacity: 1;
	transition-duration:.3s;
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
}

#contentsWrap a:hover { 
	opacity: .6;
	transition-duration:.3s;
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
}

@media screen and (max-width: 979px) and (min-width: 0px) { 
	#contentsWrap { min-width: auto; }
	#prizeBox li .prizeDetailTxt { padding: 20px; min-height: 120px; }
	#prizeBox li .prizeDetailTxt p { font-size: 12px; }

}

@media screen and (max-width: 767px) and (min-width: 0px) { 
	
	a.btnApplication,
	a.btnApplication2,
	span.btnDummy { font-size: 4vw;}
	
	#mainLead { padding: 0 6.4%; width: auto; }
	#mainLead p { padding: 3% 0 6%; line-height: 1.6; font-size: 3.1vw;}
	.circleW { 
		width: 28%;
    	position: absolute;
    	left: 2%;
    	top: 0;
    	margin-top: -5%;
	}
	#prizeBox > ul > li { padding: 0; width: 100%; display: block; }
	#prize1Txt { padding: 5%; font-size: 3.1vw; }
	#prizeBox li .prizeDetailTxt { padding: 6%; min-height: inherit; }
	#prizeBox li .prizeDetailTxt p { font-size: 3.1vw; }
	
	#termBox h2 { font-size: 4vw; margin-bottom: 4%;   }
	#termTxt { padding: 5%; font-size: 3.1vw;  }
	#termTxt h3  { font-size: 4vw; }
	#agreeLabel { font-size: 4vw; }
	#termTxt ul li a { word-wrap: break-word!important; display: inline; }
	#prizeBox li .btn-prize a,
	#termInner .btn-term a { font-size: 4vw; }
	
	span.btnDummy { display: none; background: #c0c0c0; color: #fff; font-weight: bold; height: 55px; line-height: 55px; text-align: center; width: auto; margin: 0 auto; /*0420*/ }
	
	#appliBtnBox { width: auto;}
}

.view-sp { display: none; }
.view-pc { display: block; }

@media screen and (min-width: 0px) and (max-width: 767px) {
	
	.view-sp { display: block; }
	.view-pc { display: none; }

}