@charset "UTF-8";

/*----------------------------------------
.pgrecommend
----------------------------------------*/
.pgrecommend {
	padding-bottom: 138px;
}
.pgrecommend .pageTtl {
	position: relative;
	flex-wrap: wrap;
	height: 240px;
}
.pgrecommend .pageTtl::after{
	content: '';
	position: absolute;
	bottom: 0;
	right: 50%;
	transform: translateX(300%);
	width: 116px;
	height: 119px;
	background: url(../images/bg_recommend_fv.png) center no-repeat;
	background-size: contain;
}
.pgrecommend .pageTtl .copy{
	position: relative;
	line-height: 1.6;
}
.pgrecommend .pageTtl .copy::before{
	content: '';
	position: absolute;
	bottom: 50%;
	left: -120px;
	transform: translateY(50%);
	width: 96px;
	height: 96px;
	background: url(../images/recommend_label.png) center no-repeat;
	background-size: contain;
}
.pgrecommend .pageTtl .lead {
	font-size: 2.0rem;
	font-weight: bold;
	margin-bottom: 0;
}
.pgrecommend .pageTtl .h1txt {
	position: relative;
	width: 100%;
	font-size: 4.0rem;
	font-weight: bold;
	margin: 0 0 40px 0;
}
.pgrecommend .pageTtl .h1txt::before{
	content: '';
	position: absolute;
	top: -18px;
	right: -30px;
	width: 36px;
	height: 32px;
	background: url(../images/recommend_tit_line02.png) center no-repeat;
	background-size: contain;
}
.pgrecommend .pageTtl .h1txt::after{
	content: '';
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 16px;
	background: url(../images/recommend_tit_line.png) center no-repeat;
}
.pgrecommend .pageTtl .h1txt .bestNumber{
	font-size: 5rem;
    line-height: 1;
}
.pgrecommend .recoAnchor::before{
	content: "＼今すぐ業者を見たい方はこちら！／";
	position: absolute;
	width: 100%;
	top: -40px;
	left: 50%;
	transform: translateX(-50%);
	font-weight: bold;
	font-size: 1.6rem;
	color: var(--green);
}
@media screen and (max-width: 767px) {
.pgrecommend .pageTtl{
	height: 56vw;
}
.pgrecommend .pageTtl::after{
	right: 2%;
	transform: none;
	width: 20vw;
    height: 20vw;
}
.pgrecommend .pageTtl .copy{
	line-height: 1;
}
.pgrecommend .pageTtl .copy::before{
	top: -12vw;
	left: 50%;
	transform: translateX(-50%);
	width: 34vw;
	height: 10vw;
	background: url(../images/recommend_label_sp.png) center no-repeat;
	background-size: contain;
}
.pgrecommend .pageTtl .lead {
	font-size: 4.3vw;
}
.pgrecommend .pageTtl .h1txt {
	font-size: 7.7vw;
	margin-bottom: 10px;
}
.pgrecommend .pageTtl .h1txt::before{
    width: 7vw;
    height: 7vw;
	top: -3.5vw;
    right: -6vw;
}
.pgrecommend .pageTtl .h1txt::after{
	bottom: -10vw;
}
.pgrecommend .pageTtl .h1txt .bestNumber{
	font-size: 1.5em;
}
    
}
/*----------------------------------------
#popular
----------------------------------------*/
.pgrecommend .maintxt {
	padding: 30px 0;
}

.pgrecommend .pagelink{
    justify-content: center;
}
.pgrecommend .h2tit span {
    color: var(--yellow) !important;
}
/*----------------------------------------
listora
----------------------------------------*/
.listora{}

.listora td{
   vertical-align: middle;
}

.listora td ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 !important;
    padding: 0 !important;
	list-style: none;
}

.listora td ul li{
    margin: 5px 8px  ;
    padding-bottom: 0 !important;
}
.pgrecommend .column{
    padding-bottom: 50px!important;
}
.pgrecommend .column .entry{
    padding-bottom: 0px!important;
}