@charset "utf-8";

/* ------------------------
 price
------------------------- */
.price #con1 .con-item li{border-bottom: 1px solid #ccc;}
.price #con1 .con-item .item{border-bottom: 2px dotted #000;}
.price #con1 #omotegae .item{
	position: relative!important;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: center;
}

.price #con1 #omotegae .item img.lbl{
	position: absolute;
	bottom: 10%!important;
}

.price #con1 .con-item .item .catch{width: 100%; color:#666;}
.price #con1 .con-item .item .txt#daiken1,
.price #con1 .con-item .item .txt#daiken2,
.price #con1 .con-item .item .txt#sekisui1,
.price #con1 .con-item .item .txt#sekisui2{display: flex; align-items: flex-start;}
.price #con1 .con-item .item .txt#daiken1 span span,
.price #con1 .con-item .item .txt#daiken2 span span,
.price #con1 .con-item .item .txt#sekisui1 span span,
.price #con1 .con-item .item .txt#sekisui2  span span,
.price #omotegae .item .price-num span,
.price #shinchou .item .price-num span,
.price #uragaeshi .item .price-num span{font-weight: normal; font-size: 70%;}

@media screen and (max-width: 767px){
	.price #con1 .lead{padding-top: 0; text-align: center}
	.price #con1 .desc{padding:0 0.5em 1em;}
	.price .pagettl{margin-top:0.5em;}
	.price #con1 .con-item{padding: 1em 0;}
	.price #con1 .con-item.first{padding: 1em 1em 2em;}
	.price #con1 .con-item li{text-align: right; margin-bottom: 0.5em; padding-bottom: 0.5em;}
	.price #con1 .con-item li spec{padding-right: 1em;}
	.price #con1 .con-item .item{margin: 0 0 1em; padding-bottom: 0.5em;}
	.price #con1 .con-item .item .catch,
	.price #con1 .con-item .item .itemname,
	.price #con1 .con-item .item .price-num{display: block; font-weight: bold;}
	.price #con1 .con-item .item .itemname{padding-right: 1em;}
	.price .notes{text-align: left;}
	.price #con2 .con-item .wrap-inner{padding-left: 0;}
	.price #con2 .con-item .step{color:#fff;}
	.price #con2 .con-item .subj{padding-bottom: 0.5em;}
	.price #con2 .con-txt{padding:0}
	.price #con1 #omotegae .item img.lbl{
		position: absolute;
		width: 10vw;
		bottom: 10%!important;
		right: 0!important;
	}

}


@media screen and (min-width: 768px){
	.price .pagettl{margin-top:2em;}
	.price #con1 .con-block-ttl{text-align: center; background: url(../image/common/titlebg4.png) center center no-repeat; background-size: contain;}
	.price #con1 .lead{padding-top: 0; text-align: center}
	.price #con1 .desc{padding:0 10em 3em;}
	.price #con1 .con-item{padding: 3em 4em;}
	.price #con1 .con-item.first{padding: 3em 2em 4em;}
	.price #con1 .con-item li{text-align: right; margin-bottom: 0.5em; padding-bottom: 0.5em;}
	.price #con1 .con-item li spec{padding-right: 2em;}
	.price #con1 .con-item .item{position:relative; margin: 0 0 1.5em; padding-bottom: 1em; text-align: center}
	.price #con1 .con-item .catch{padding-bottom: 0.5em; color:#666;}
	.price #con1 .con-item .itemname{padding-right: 2em; font-weight: bold;}
	.price #con1 .con-item .price-num{}
	.price #con1 .con-item .item .lbl{position: absolute; margin-top: -4.5em; left:75%;}
	.price #con2 .con-item .wrap-inner{padding-left: 0;}
	.price #con2 .con-item .step{color:#fff;}
	.price #con2 .con-item .con-txt-ttl{padding-bottom: 0.5em;}
	.price #con2 .con-photo{background: url(../image/price/bg_round.png) center center no-repeat; background-size: contain; height:8em;}
}



@media screen and (max-width: 1199px){
	.price #con1 #omotegae .item img.lbl{
		position: absolute;
		bottom: 10%!important;
		right: 0!important;
	}
}