@charset "UTF-8";

/*
 *
 * $下ボタン
 *
 *
*/
#campaignBtn{
	width:300px;
	margin:0 auto;
}
/* 横幅 680px以下 */
@media screen and (max-width: 679px) {
	
}


/*
 *
 * $キャンペーン用style
 *
 *
*/
.main{text-align:left;}


#PC .contentBox{padding:0 20px;}
#SP .contentBox{padding:0;}
#NF .contentBox{width:640px; margin:0 auto;}

.contentBox img{vertical-align:bottom;}
.contentBox .alt{
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
}

.head h1{width:100%;}
.head h1 img{width:100%;}


.event1{position:relative; width:100%;}
.event1 h2{width:100%;}
.event1 h2 img{width:100%;}

.event1 a.info{
	position:absolute;
	background:url(../img/btn_info.png) left top no-repeat;
	background-size:100% 200%;
	width:36%;
	height:20%;
	display:block;
}
.event1 a.info:hover{background-position:left bottom;}
#PC .event1 a.info{
	right:5%;
	top:75%;
}
#SP .event1 a.info{
	left:50%;
	bottom:8%;
	background-image:url(../img/btn_info_s.png);
	background-size:226px 50px;
	width:226px;
	height:50px;
	margin-left:-113px;
	margin-bottom:-25px;
}
#SP .event1 a.info:hover{background-position:left top;}
#NF .event1 a.info{
	right:32px;
	bottom:16px;
	background-image:url(../img/btn_info_nf.jpg);
	width:230px;
	height:64px;
}


.event2{margin-top:16px;}
.event2 h2{width:100%; text-align:center;}
.event2 h2 img{width:100%; max-width:640px;}

.event2 ul{list-style:none; margin:0; line-height:0;}
.event2 ul li{display:inline-block; width:48%; padding:0.7% 1%;}
#SP .event2 ul li{display:block; width:97%; padding:1.5%;}
.event2 ul li a{
	position:relative;
	width:100%;
	border-radius:5px;
	border:1px solid #ca6;
	overflow:hidden;
	display:block;
}
.event2 ul li a:hover{border:1px solid #ffa;}
#SP .event2 ul li a:hover{border:1px solid #ca6;}
.event2 ul li a:before{
	position:absolute;
	top:0;
	left:0;
	content:"";
	width:100%;
	height:100%;
	-webkit-box-shadow:0px 0px 12px #fff inset;
	box-shadow:0px 0px 12px #fff inset;
}
#PC .event2 ul li a:hover:before{background-color:rgba(255,255,255,0.2);}
.event2 ul li p.close{
	position:relative;
	width:100%;
	border-radius:5px;
	border:1px solid #888;
	overflow:hidden;
	display:block;
}
.event2 ul li img{width:100%;}


.noteBox{margin-top:20px;}
.noteBox h2{
font-size:110%;
font-weight:bold;
color:#a39a72;
text-align:center;
padding:24px 10px 24px;
margin:0;
line-height:140%;
background:url(../../../../common/img/parts/_parts_informationArticle_h2_pc.jpg) no-repeat center bottom;
}
.noteBox ul{list-style:disc; margin-left:1em; padding:0.5em 1em;}
.noteBox ul li{font-size:100%; text-align:left; line-height:130%; margin:0; color:#d5d4d4; margin-top:0.5em;}
.noteBox ul li:first-child{margin-top:0;}

p.copySF{font-size:85%; margin:1em; text-align:center;}