@charset "utf-8";

@media only screen and (max-width: 750px) {
	.sp{
		display: block;
	}
	
	.pc {
		display: none;
	}
	
	.campaign01 {
		background-color: #fff;
		margin-top: -5%;
		padding: 0 2% 1%;
	}
	
	.campaign01 img {
		position: relative;
		z-index: 1;
	}
	
	.campaign02 {
		background-color: #AF8635;
		padding: 2% 5%;
	}
	
	.sp_note {
		text-align: right;
    	margin-right: 3%;
	}
	
	.sp_period {
		width: 30%;
	}




}


/****************************************

main_v

*****************************************/

.sp {
	display: none;
}

.wrapper {
	background-color: #F6F1D6;
}

.inner,
.hotpots,
.info,
.access {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 2%;
}

.campaign_inner {
	background-color: #AF8635;
	padding: 1% 0 1.5%;
}

.campaign_inner ul li:last-child {
	padding-left: 20px;
	margin-top: 10px;
}

.campaign p {
	max-width: 1100px;
	margin: 0 auto;
	text-align: right;
	padding-right: 2%;
}

.hotpots ul li,
.info,
.access {
	margin-bottom: 4%;
}

.info ul li {
	margin-bottom: 1%;
}

.info ul .period {
	width: 22%;
}

.zao_info {
	background-color: #E5004F;
	padding: 2% 0;
}


/*---- FOR SP ----*/
@media only screen and (max-width: 750px) {

}