@charset "Shift_JIS";

/*-------------------------------------------------------------------
 *
 * File Name   : special.css
 *
-------------------------------------------------------------------*/

@media all and (min-width:768px) { /* PC */
/* =================================================================

	PC

================================================================= */
#globalContArea{
	background:url(../images/index_bg_main02.gif) repeat center top;
}

#specialContArea{
	background-image:url(../images/index_bg_main.jpg);
	background-repeat:no-repeat, no-repeat;
	background-position:center top, center bottom;
	padding-top:40px;
}
/*#specialContArea{
	background-image:url(../images/index_bg_main.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	padding-top:40px;
}*/
h1{
	background:url(../images/index_hd_main.png) no-repeat center top;
	width:367px;
	height:78px;
	margin:0 auto;
}

/* -----------------------------------------------------------------
	specialBnrList
----------------------------------------------------------------- */
.specialBnrList{
	width:916px;
	margin:0 auto;
}
.specialBnrList li{
	margin-top:30px;
}
.specialBnrList li a{
	display:block;
	width:916px;
	height:290px;
}

.specialBnrList li.bnrComingsoon {
	font-size: 2.8rem;
	color: #777;
	font-weight: bold;
	padding: 75px 0 150px;
}

.specialBnrList li.bnr12 a{
	background:url(../images/index_img_bnr40.jpg) no-repeat center top;
	height: 290px;
	width: 916px;
}

.specialBnrList li a:hover{
	opacity: 0.7;
}

#globalContArea .specialBnrList li a img {
	display: block;
	max-width: 100%;
	height: auto;
}

/* 2column bnr */
.specialBnrList li.bnr04{
	margin-right: 18px;
}
.specialBnrList li.bnr04,
.specialBnrList li.bnr05{
	display:inline-block;
}
.specialBnrList li.bnr04 a,
.specialBnrList li.bnr05 a{
	width:449px;
	height:265px;
}
.specialBnrList li.bnr04 a{
	background:url(../special/images/index_img_bnr05.jpg) no-repeat center top;
}
.specialBnrList li.bnr05 a{
	background:url(../special/images/index_img_bnr06.jpg) no-repeat center top;
}

.specialBnrList li.bnr04 a:hover,
.specialBnrList li.bnr05 a:hover{
	opacity: 0.7;
}

/* =================================================================
	END
================================================================= */
}


@media all and (max-width:767px) { /* SP */
/* =================================================================

	SP

================================================================= */
/*#globalContArea{
	background-image:url(../images/sp/index_bg_detail_top.gif),
		url(../images/sp/index_bg_detail_main.gif);
	background-repeat:no-repeat, repeat-y;
	background-position:center 12%, center top;
	background-size:100%, contain;
	-webkit-background-size:100%, contain;
	padding-top:5%;
}*/
#globalContArea{
	background-image:url(../images/sp/index_bg_main.gif);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100%;
	-webkit-background-size:100%;
	padding-top:5%;
}
h1{
	width:75%;
	margin:0 auto 8%;
}
/* -----------------------------------------------------------------
	specialBnrList
----------------------------------------------------------------- */
.specialBnrList{
	width:93%;
	margin:0 auto 5%;
}
.specialBnrList li{
	margin-bottom:5%;
}
.specialBnrList li:last-child{
	margin-bottom:0;
}
.specialBnrList li.bnrComingsoon {
	font-size: 2.2rem;
	color: #777;
	font-weight: bold;
	padding: 80px 0 150px;
	text-align: center;
}

/* =================================================================
	END
================================================================= */
}
