@charset "utf-8";

/*------------------------------------------------------------
	waica_plan
------------------------------------------------------------*/
#main .waon_plan {
	padding: 0;
	background: url(img/common/new_main_bg.png) repeat-y center;
}

/*
キャンペーン時
#main .waon_plan .mainImg {
	min-height: 547px;
	padding-top: 24px;
	position: relative;
	text-align: center;
	background: url(img/waon_plan/main_img01-campaign.jpg) repeat-x bottom center #fff;
	background-size: cover;
	box-sizing: border-box;
}
*/
#main .waon_plan .mainImg {
	min-height: 500px;
	padding-top: 44px;
	position: relative;
	text-align: center;
	background: url(img/waon_plan/main_img01.jpg) repeat-x top center #fff;
	background-size: auto 542px;
	box-sizing: border-box;
}

#main .waon_plan .mainImg .topArea {
	position: absolute;
	left: 0;
	top: 5px;
}

/*
キャンペーン時
#main .waon_plan .mainImg:before {

}
*/

#main .waon_plan .mainImg:before {
	width: 100%;
	height: 157px;
	background: url(img/waon_plan/bg01.png) repeat-x center bottom;
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
}

#main .waon_plan .topBox {
	width: 990px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

/*
キャンペーン時
#main .waon_plan .mainImg .topImg01 {
	margin: 0 0 -5px 30px;
}
#main .waon_plan .mainImg .topImg01 img {
	width: 800px;
}
*/

#main .waon_plan .mainImg .topImg01 {
	margin: 10px 0 10px 30px;
}
#main .waon_plan .mainImg .topImg01 img {
	width: 532px;
}


#main .waon_plan .mainImg .topImg02 {
	margin: 0 0 8px 30px;
}

#main .waon_plan .mainImg .topImg02 img {
	width: 562px;
}
/*
キャンペーン時
#main .waon_plan .mainImg .topLink img {
	width: 767px;
}
*/
#main .waon_plan .mainImg .topLink{
	display: none;
}
#main .waon_plan .mainImg .topLink img {
	width: 540px;
	display: none;
}


#main .waon_plan #conts .topTtl {
	margin-bottom: 22px;
}

#main .waon_plan #conts .topTtl img {
	width: 729px;
}

#main .waon_plan #conts .imgBox {
	margin-bottom: 9px;
	position: relative;
}

#main .waon_plan #conts .imgBox img {
	width: 729px;/*20191001*/
}

#main .waon_plan #conts .imgBox .img01 {
	width: 255px;
	position: absolute;
	right: 12px;
	top: 4px;
}

#main .waon_plan #conts .textImg01 {
	margin: 0 0 19px -7px;
}

#main .waon_plan #conts .textImg01 img {
	width: 758px;
}

#main .waon_plan #conts .imgSub {
	margin-bottom: 48px;
}

#main .waon_plan #conts .imgSub .lBox {
	width: 432px;
	float: left;
}

#main .waon_plan #conts .imgSub .lBox img {
	width: 432px;
}

#main .waon_plan #conts .imgSub .lBox p {
	margin-top: 16px;
	font-size: 12px;
	color: #333;
	line-height: 1.75;
}

#main .waon_plan #conts .imgSub .rBox {
	padding: 0 22px 0 0;
	float: right;
}

#main .waon_plan #conts .imgSub .rBox img {
	width: 267px;
}

#main .waon_plan.waon_plan_top #conts .imgSub .rBox img,
#main .waon_plan.waon_kantou #conts .imgSub .rBox img {
	width: 261px;
}

#main .waon_plan #conts .link {
	margin: 0 0 36px -6px;
}

#main .waon_plan #conts .link img {
	width: 737px;
}

#main .waon_plan .link_caution_banner{
	margin: 0 0 36px;
}

#main .waon_plan #conts .borderBox {
	margin-bottom: 57px;
	width: 730px;
	padding: 19px 20px 16px 24px;
	border: 3px solid #F99023;
	box-sizing: border-box;
}

#main .waon_plan #conts .borderBox .lBox {
	margin: 11px 0 0;
	width: 360px;
	float: left;
}

#main .waon_plan #conts .borderBox .lBox p {
	margin-top: 13px;
	font-size: 12px;
	color: #333;
	letter-spacing: 0;
}

#main .waon_plan #conts .borderBox .lBox img {
	width: 358px;
}

#main .waon_plan #conts .borderBox .rBox {
	float: right;
}

#main .waon_plan #conts .borderBox .rBox img {
	width: 300px;
}

#main .waon_plan .mainImg .topLink a:hover img {
	opacity: 0.7;
}
#main .waon_plan #conts .link a:hover img {
	opacity: 0.7;
}



@media screen and (max-width: 767px) {
	#main .waon_plan {
		padding: 0;
		background-image:none;
	}

	#main .waon_plan .mainImg {
		min-height: inherit;
		padding-top: 20px;
		padding-bottom: 30px;
		background-size: 500px auto;
	}

	#main .waon_plan .mainImg:before {
		height: 42px;
		background-size: auto 42px;
	}

	#main .waon_plan .mainImg .topBox {
		width: auto;
	}

	#main .waon_plan .mainImg .topArea {
		width: 19% !important;
		top: 7% !important;
		left: 1px !important;
	}

	#main .waon_plan .mainImg .topArea img {
		width: 100%;
	}

	#main .waon_plan .mainImg .topImg01 {
		margin: 0 0 6px 6px;
	}

	#main .waon_plan .mainImg .topImg01 img {
		/* width: 214px; */
		width: 60%;
		margin: 0 auto;
	}

	#main .waon_plan .mainImg .topImg02 {
		margin: 0 2px 5px 0;
	}

	#main .waon_plan .mainImg .topImg02 img {
		width: 275px;
		margin: 0 auto;
	}

	#main .waon_plan .mainImg .topLink img {
		width: 306px;
		margin: 0 auto;
	}

	#main .waon_plan #conts .topTtl {
		margin: 10px 10px 14px;
	}

	#main .waon_plan #conts .topTtl img {
		width: 100%;
	}

	#main .waon_plan #conts .imgBox {
		margin: 0 25px 3px 14px;
	}

	#main .waon_plan #conts .imgBox img {
		width: 100%;
	}

	#main .waon_plan.waon_plan_top #conts .imgBox img:first-of-type,
	#main .waon_plan.waon_kantou #conts .imgBox img:first-of-type {
		width: 100%;
		margin-left: 0;
	}

	#main .waon_plan #conts .imgBox .img01 {
		width: 73px;
		right: -20px;
		top: -4px;
	}

	#main .waon_plan #conts .textImg01 {
		margin: 0 22px 8px;
	}

	#main .waon_plan #conts .textImg01 img {
		width: 100%;
	}

	#main .waon_plan #conts .imgSub {/*20191001*/
		margin: 0 9px 13px;
	}

	#main .waon_plan #conts .imgSub .lBox {
		margin-bottom: 17px;
		width: auto;
		float: none;
	}

	#main .waon_plan #conts .imgSub .lBox img {
		width: 100%;
	}

	#main .waon_plan #conts .imgSub p {/*20191001*/
		margin-top: 0px;
		padding: 10px 20px 20px;
		background-color: #FEF4E8;
		font-size: 12px;
		line-height: 1.75;
	}

	#main .waon_plan #conts .imgSub .rBox {/*20191001*/
		padding: 20px 10px 10px;
		background-color: #FEF4E8;
		float: none;
	}

	#main .waon_plan #conts .imgSub .rBox img,
	#main .waon_plan.waon_plan_top #conts .imgSub .rBox img,
	#main .waon_plan.waon_kantou #conts .imgSub .rBox img {
		width: 100%;
	}

	#main .waon_plan #conts .link {
		margin: 0 8px 12px;
	}

	#main .waon_plan #conts .link img {
		width: 100%;
	}
	#main .waon_plan .link_caution_banner{
		margin: 0 8px 12px;
	}
	#main .waon_plan .link_caution_banner img{
		width: 100%;
	}

	#main .waon_plan #conts .borderBox {
		margin-bottom: 14px;
		width: auto;
		padding: 11px 10px 10px 7px;
		border: none;
		box-sizing: border-box;
		background-color: #FEFEC4;
	}

	#main .waon_plan #conts .borderBox .lBox {
		margin: 0 0 17px;
		width: auto;
		float: none;
	}

	#main .waon_plan #conts .borderBox .lBox p {
		margin-top: 11px;
		font-size: 12px;
		letter-spacing: 0;
	}

	#main .waon_plan #conts .borderBox .lBox img {
		width: 100%;
	}

	#main .waon_plan #conts .borderBox .rBox {
		float: none;
	}

	#main .waon_plan #conts .borderBox .rBox img {
		width: 100%;
	}

}

/*------------------------------------------------------------
	waon_tohoku
------------------------------------------------------------*/
#main .waon_tohoku .mainImg .topArea {
	left: -1px;
	top: -17px;
}

/*------------------------------------------------------------
	waon_kantou
------------------------------------------------------------*/
#main .waon_kantou .mainImg .topArea {
	left: 6px;
	top: 11px;
}

/*------------------------------------------------------------
	waon_chubu
------------------------------------------------------------*/
#main .waon_chubu .mainImg .topArea {
	left: 6px;
	top: -11px;
}

/*------------------------------------------------------------
	waon_kansai
------------------------------------------------------------*/
#main .waon_kansai .mainImg .topArea {
	left: 20px;
}

/*------------------------------------------------------------
	waon_chugoku
------------------------------------------------------------*/
#main .waon_chugoku .mainImg .topArea {
	left: -6px;
	top: 44px;
}

@media screen and (max-width: 767px) {
	#main .waon_chugoku .mainImg .topArea {
		width: 21% !important;
		top: 17% !important;
	}

}

/*------------------------------------------------------------
	waon_kyushu
------------------------------------------------------------*/
#main .waon_kyushu .mainImg .topArea {
	left: 15px;
}

/*------------------------------------------------------------
	waon_*** キャンペーン


#main .waon_hokaido .mainImg .topImg01 img,
#main .waon_tohoku .mainImg .topImg01 img,
#main .waon_kantou .mainImg .topImg01 img,
#main .waon_kansai .mainImg .topImg01 img,
#main .waon_kyushu .mainImg .topImg01 img,
#main .waon_chugoku .mainImg .topImg01 img,
#main .waon_chubu .mainImg .topImg01 img{
	width: 766px;
}
#main .waon_hokaido .mainImg .topArea,
#main .waon_tohoku .mainImg .topArea,
#main .waon_kantou .mainImg .topArea,
#main .waon_chugoku .mainImg .topArea,
#main .waon_chubu .mainImg .topArea{
	left: -80px;
}

#main .waon_kansai .mainImg .topArea,
#main .waon_kyushu .mainImg .topArea{
	left: -60px;
}
@media screen and (max-width: 767px) {
	#main .waon_plan .mainImg .topArea {
		width: 15% !important;
		top: 0% !important;
		left: 15px !important;
		z-index: 1;
	}
	#main .waon_plan .mainImg{
		padding-top: 10px;
		padding-bottom: 10px;
		background-size: cover;
	}
	#main .waon_plan .mainImg .topImg01{
		width: 85%;
		margin: 0 auto -2px;
		z-index: 2;
		position: relative;
	}
	#main .waon_plan .mainImg .topImg01 img {
		width: 100%;
	}
	#main .waon_plan .mainImg .topLink{
		width: 85%;
		margin: 0 auto -2px;
	}
	#main .waon_plan .mainImg .topLink img {
		width: 100%;
	}
}
------------------------------------------------------------*/


#main .waon_plan #conts .waonPop {
	width: 730px;
	margin-bottom: 40px;
}

#main .waon_plan #conts .waonPop a img {
	width: 100%;
}

#main .waon_plan #conts .waonPop a:hover img {
	opacity: 0.7;
}

@media screen and (max-width: 767px) {
	#main .waon_plan #conts .waonPop {
		width: auto;
		margin: 0 10px 20px;
	}

}