@charset "utf-8";
/* =============================================
                    COMMON
============================================= */
#campaign{
color: #000;
font: 12px/1.4 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
/font: 12px/1.4 'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
}
/*  Anchor  */
#campaign a{ text-decoration: underline;}
#campaign a:link { color: #fff;}
#campaign a:visited{ color: #fff;}
#campaign a:hover{ text-decoration: none;}
#campaign a:active{ color: #fff;}
#campaign a:hover img{ filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
#campaign img{ line-height: 0;}
/* =============================================
                    COMMON
============================================= */
#campaign #contents{ width: 640px; margin: 20px auto 0;}
#campaign #logo{ text-align: right; padding: 10px 10px 10px 0;}
#campaign #logo img{ width: 100px;}
#campaign h1{ line-height: 0;}
#campaign #present-area{ position: relative; text-align: center; padding: 0 10px;}
#campaign #present-area #present_title{margin:5% 10px;}
#campaign #detail{ padding: 40px 20px;}
#campaign #detail h2{ background: #000; font-size: 24px; font-weight: bold; color: #fff; padding: 20px !important;}
#campaign #detail dl{ width: 100%; border-collapse: collapse;}
#campaign #detail dl dt{ border: 1px solid #ccc; border-top: none; background: #f5f5f5; font-size: 24px; font-weight: bold; padding: 20px;}
#campaign #detail dl dd{ border: 1px solid #ccc; border-top: none; font-size: 24px; padding: 20px; line-height: 1.8;}
#campaign #detail dl dd .indent li{ text-indent: -26px; padding-left: 16px; list-style: none; font-size: 24px; line-height: 1.8;}
#campaign #detail dl dd a{ color: #0090ff !important; text-decoration: underline !important;}
#campaign #detail dl dd a:hover{ text-decoration: none !important;}
#campaign #cmpn-quiz .hint{font-size: 33px;}

#campaign #cmpn-quiz ul li.a01 {
background: #FFF url(../images/icona.png) left no-repeat;
background-size: 107px auto;
}
#campaign #cmpn-quiz ul li.a02 {
background: #FFF url(../images/iconb.png) left no-repeat;
background-size: 107px auto;
}
#campaign #cmpn-quiz ul li.a03 {
background: #FFF url(../images/iconc.png) left no-repeat;
background-size: 107px auto;
}


/*ページによっていらないなら削除可*/
#present-area div {
	margin:0;
	padding:0;
}
#present-area .titleist_logo {
	margin:0;
	padding: 7px 17px 7px 17px;
	background: #0071BE;
	text-align: left;
}
#present-area .titleist_logo img { width: auto; height: 35px; vertical-align: middle;}
#present-area .specialsite {
	border-top:#000 10px solid;
	position: relative;
}
#present-area .specialsite img.bg {
	width:100%;
	height: auto;
	position: relative;
	z-index: 1;
}
#present-area .specialsite p.btn {
	position: absolute;
	width:100%;
	left:0;
	bottom:15px;
	text-align: center;
	display: block;
	z-index: 2;
}
#present-area .specialsite p.btn img { max-width: 90%; height: auto;}

#present-area .presentbox {
	margin-top:1em;
	background:#f8f8f8;
	padding:30px 10px 60px;
	text-align:left;
}
.presentbox .presentin .txt {
	font-size: 26px !important;
	line-height:1.2!important;
	font-weight:bold!important;
	padding-top:20px!important;
}
#present-area .presentbox .presentin .presentpanel01 + .presentpanel01 {
	margin:30px 0 0;
}
#present-area .presentbox .presentin dt {
	float:left;
}
#present-area .presentbox .presentin dd {
	overflow:hidden;
	font-size:12px;
	line-height:1.5;
	padding: 20px;
}
#present-area .presentcont {
	background:#0071BE;
	padding:25px 10px 30px;
}
#present-area .presentcont .txt {
	color:#fff;
	font-size: 24px;
    font-weight: bold;
    line-height: 1.6;
    text-align: left;
}
#present-area .presentcont .txt span {
	color:#fffc00;
}
#present-area .presentcont .btn {
	width:80%;
	margin:30px auto 0 !important;
}
#present-area .presentcont .btn a {
	display:block;
	background:#fffc00;
	text-align:center;
	padding:10px 0;
	color:#0071BE;
	font-size: 24px;
	font-weight:bold;
	text-decoration:none !important;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
	border-radius: 40px;
}
#present-area .presentcont .btn a:hover {
	background:#fffec9;
}
#cmpn-quiz .col01 {
	color:#fff;
}

#campaign #cmpn-quiz h3 {
        font-size: 28px!important;

}


#present-area .toptit {
	padding:0 10px;
	text-align:center !important;
	margin:20px 0 !important;
}
#present-area .img01 {
	padding:0 10px;
}
#present-area .img02 {
	padding:0 10px;
	margin:30px 0 0 !important; 
}