@charset "utf-8";

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

#main .tpoint_plan .mainImg {
	min-height: 500px;
	padding-top: 44px;
	position: relative;
	text-align: center;
	background: url(img/tpoint_plan/main_img01.png) repeat-x top center #fff;
	background-size: auto 542px;
	box-sizing: border-box;
}

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

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

	content: "";
	z-index: 10;
}
#main .tpoint_plan .bg-rainbow {
	width: 360px;
	height: 300px;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 5;
}
#main .tpoint_plan .bg-rainbow img{
	width: 100%;
	height: 100%;
}

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

#main .tpoint_plan .mainImg .topImg01 {
	margin: 10px 0 10px 0px;
}

#main .tpoint_plan .mainImg .topImg01 img {
	width: 498px;
}

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

#main .tpoint_plan .mainImg .topImg02 img {
	width: 562px;
}

#main .tpoint_plan .mainImg .topLink img {
	width: 540px;
	display: none;
}

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

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

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

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


#main .tpoint_plan #conts .imgBox .img01 {
	width: 289px;
	position: absolute;
	right: 29px;
	top: 4px;
}

#main .tpoint_plan #conts .textImg01 {
	margin: 0 0 19px 0px;/*20191001*/
}

#main .tpoint_plan #conts .textImg01 img {
	width: 727px;
}

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

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

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

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

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

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

#main .tpoint_plan.tpoint_plan_top #conts .imgSub .rBox img,
#main .tpoint_plan.tpoint_kantou #conts .imgSub .rBox img {
	width: 261px;
}

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

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

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

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

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

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

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

#main .tpoint_plan #conts .borderBox .rBox img {
	width: 300px;
}
#main .tpoint_plan .comPriceList .ttl{
	background-color:#004098;
}
#main .tpoint_plan .comPriceList .title {
	color: #004098;
	border-color: #004098;
}

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

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

	#main .tpoint_plan .bg-rainbow {
		width: 90px;
		height: 75px;
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 5;
	}

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

	#main .tpoint_plan .mainImg .topBox {
		width: 100%;
	}

	#main .tpoint_plan .mainImg .topArea {
		width: 17% !important;
		top: -5% !important;
		left: 5px !important;
	}

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

	#main .tpoint_plan .mainImg .topImg01 {
		margin: 0 0 6px 0;
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	#main .tpoint_plan .mainImg .topImg01 img {
		width: 60%;
		max-width: 480px;
		margin: 0 auto;
	}

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

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

	#main .tpoint_plan .mainImg .topLink img {
		width: 306px;
	}

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

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

	#main .tpoint_plan #conts .imgBox {
		margin: 0 10px 10px 10px;
		background-image: none;
	}

	#main .tpoint_plan #conts .imgBox img {
		width: 100%;
	}
	#main .tpoint_plan.tpoint_plan_top #conts .imgBox img:first-of-type,
	#main .tpoint_plan.tpoint_kantou #conts .imgBox img:first-of-type {
		width: 100%;
		margin-left: 0;
	}

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

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

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

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

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

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

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

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

	#main .tpoint_plan #conts .imgSub .rBox img,
	#main .tpoint_plan.tpoint_plan_top #conts .imgSub .rBox img,
	#main .tpoint_plan.tpoint_kantou #conts .imgSub .rBox img {
		width: 100%;
	}

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

	#main .tpoint_plan #conts .link img {
		width: 100%;
	}

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

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

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

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

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

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

}

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

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

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

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

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

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

}

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



#main .tpoint_plan #conts .tpointPop {
	width: 730px;
	margin-bottom: 40px;
}

#main .tpoint_plan #conts .tpointPop a img {
	width: 100%;
}

#main .tpoint_plan #conts .tpointPop a:hover img {
	opacity: 0.7;
}

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

}


#tpointPop .popBox02 .popTitle{
	background-color: #004098;
}
#tpointPop .popBox02 .txt{
	border-color: #004098;
	color: #004098;
}
#tpointPop .refere_text{
	z-index: 3;
	position: relative;
}
#tpointPop .photoBox{
	position: relative;
	margin-bottom: 20px;
	z-index: 2;
}
.popBox02 .popTtl img{
	width: 80%;
	margin: 0 auto;
}
#tpointPop .photoBox img{
	width: 100%;
}
@media screen and (max-width: 767px) {
	#tpointPop .photoBox{
		margin-top: 0;
	}

	.popBox02 .popTtl img {
		width: 100%;
	}
}