@charset "utf-8";
/* CSS Document */

/* キャンペーン独自CSS */
.cmp-titleist_2210 #cmpn-detail{ width: 960px; margin: 0 auto;}
.cmp-titleist_2210 #cmpn-detail .sec01{ background: url(/special/cp/2022/titleist_2210/images/bg-grid-b.jpg) left top repeat; border-top: 10px solid #0071BE; padding: 45px 0 30px;}
.cmp-titleist_2210 #cmpn-detail .sec01 .img{ text-align: center; margin-bottom: 30px;}
.cmp-titleist_2210 #cmpn-detail .sec01 p,
.cmp-titleist_2210 #cmpn-detail .sec01 p a{ color: #fff !important;}
.cmp-titleist_2210 #cmpn-detail .sec01 .stext{ font-size: 10px; line-height: 1.8; padding: 0 60px;  margin-bottom: 0 !important;}
.cmp-titleist_2210 #cmpn-detail .sec02{ border-top: 10px solid #0071BE; position: relative;}
.cmp-titleist_2210 #cmpn-detail .sec02 .btn{ position: absolute; left: 336px; top: 378px;}
.cmp-titleist_2210 #cmpn-detail .sec02 .btn a{ transition: 1.0s;}
.cmp-titleist_2210 #cmpn-detail .sec02 .btn a:hover{ opacity: 0.8;}
#campaign #cmpn-offer-bg{ background: #0071BE; padding-bottom: 50px;}
#campaign #cmpn-offer-bg #cmpn-offer{ margin: 0 auto; border: none;}
#campaign #cmpn-offer-bg #cmpn-offer > div{ background: #fff;}
#campaign #cmpn-quiz ul li.a01{
	background-image: url(/special/cp/2022/titleist_2210/images/cp_qz_a-a.svg);
}
#campaign #cmpn-quiz ul li.a02{
	background-image: url(/special/cp/2022/titleist_2210/images/cp_qz_a-b.svg);
}
#campaign #cmpn-quiz ul li.a03{
	background-image: url(/special/cp/2022/titleist_2210/images/cp_qz_a-c.svg);
}