/*-----------------------------------------------------------------

	hood フード付き

-----------------------------------------------------------------*/

/*------------------------------------
	merit-cont
------------------------------------*/
#container .main-contents > section:has(.merit-cont) {
    margin-bottom: 8rem;
}

.merit-cont .merit-list {
    display:flex;
	flex-flow: row wrap;
	justify-content: space-between;
    row-gap: 3.5rem;
    margin-top: 4rem;
}
.merit-cont .merit-list dl {
    width: 415px;
}

.merit-cont .merit-list dt {
    font-size: 2.1rem;
    font-weight: bold;
    width: fit-content;
    margin: 0 auto 1rem;
    letter-spacing: .08em;
    position: relative;
    padding-left: 4rem;
}
.merit-cont .merit-list dt:before {
	font-family: "Font Awesome 5 Free";
	content: '\f00c';
	font-weight: 900;
	font-size: 3rem;
	color: #e8106c;
	margin-right: 1.5rem;
    position: absolute;
    left: 0;
    top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.merit-cont .merit-list dd img {
    margin-bottom: 1.5rem;
}

.merit-cont .h-type1 > span {
    font-size: 3.3rem;
    line-height: 1.2;
}

@media screen and (max-width: 810px) {
    .merit-cont .merit-list dl {
        width: 48%;
    }

}

@media screen and (max-width: 480px) {
    .merit-cont .h-type1 > span {
        font-size: 2.7rem;
    }
    
    .merit-cont .merit-list dl {
        width: 100%;
    }

}


/*------------------------------------
	merit-cont
------------------------------------*/
.hoodin-cont {
    background: #f2efea;
    padding: 5.5rem 5rem;
    border-radius: 1rem;
}

.hoodin-cont .h-hoodin {
    text-align: center;
    color: #0075cf;
    font-weight: bold;
    font-size: 2.5rem;
    letter-spacing: .08em;
    margin-bottom: 2.5rem;
    line-height: 1.4;
}
.hoodin-cont .h-hoodin em {
  text-emphasis: filled;
  -webkit-text-emphasis: filled;
}

@media screen and (max-width: 810px) {

}

@media screen and (max-width: 480px) {


}


/**/
.hoodin-cont .recommend-item{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.hoodin-cont .recommend-item > .img{
	width: 390px;
}

/**/
.hoodin-cont .recommend-item > .detail{
	width: 380px;
}

.hoodin-cont .recommend-item > .detail ul.spec{
	background-image: radial-gradient(circle, #000000 1.5px, transparent 1.5px);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 9px 3px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	line-height: 1.5;
	position: relative;
}
.hoodin-cont .recommend-item > .detail ul.spec > li.number{
	font-size: 1.4rem;
}
.hoodin-cont .recommend-item > .detail ul.spec > li.name{
	font-size: 1.8rem;
	font-weight: 700;
}
.hoodin-cont .recommend-item > .detail ul.spec > li.color-size dl{
	display: flex;
	gap: 10px;
	margin: 5px 0;
	font-size: 1.4em;
}
.hoodin-cont .recommend-item > .detail ul.spec > li.color-size dl dt{
	padding: 2px 5px;
	line-height: 1em;
	border: 1px solid #666;
	border-radius: 3px;
}
.hoodin-cont .recommend-item > .detail ul.spec > li.price{
	font-size: 1.4em;
}
.hoodin-cont .recommend-item > .detail ul.spec > li.price em{
	color: #ff0000;
	font-size: 2.2em;
	font-weight: 700;
}

/**/
.hoodin-cont .recommend-item .link-btn {
	margin: 2rem auto 0;
}
.hoodin-cont .recommend-item .link-btn a{
	width: 90%;
    min-width: auto;
	padding: 15px 30px;
	font-size: 2rem;
}


@media screen and (max-width: 810px) {
	/**/
	.hoodin-cont section .h-line:after{
		font-size: 1.6em;
	}
	
	/**/
	.hoodin-cont .recommend-item{
		gap: 20px 0;
	}
	.hoodin-cont .recommend-item > .img{
		width: 45%;
	}
	.hoodin-cont .recommend-item > .img:before{
		width: 80px;
		height: 30px;
	}
	
	/**/
	.hoodin-cont .recommend-item > .detail{
		width: 52%;
	}
	.hoodin-cont .recommend-item > .detail > .feature{
		padding: 15px 10px;
	}
	.hoodin-cont .recommend-item > .detail > .feature dl.main-box > div dt{
		padding: 10px 0;
		padding-left: 35px;
	}
	.hoodin-cont .recommend-item > .detail > .feature dl.main-box > div dt:before{
		left: 10px;
	}
	.hoodin-cont .recommend-item > .detail > .feature dl.main-box > div dd{
		padding: 10px 10px;
	}
	/**/
	.hoodin-cont .recommend-item > .detail > .feature dl.sub-box{
		width: 80%;
	}
	
	/*--2column--*/
	.hoodin-cont .recommend-item section{
		width: 48%;
	}
	.hoodin-cont .recommend-item .recommend-item .img{
		width: 100%;
		margin-bottom: 20px;
	}
	.hoodin-cont .recommend-item .recommend-item > .detail{
		width: 100%;
	}
	.hoodin-cont .recommend-item .link-btn a{
		max-width: 90%;
	}
}

@media screen and (max-width: 600px) {
	.hoodin-cont .recommend-item{
		flex-direction: column;
		gap: 20px 0;
	}
	.hoodin-cont .recommend-item > .img{
		width: 100%;
	}
	/**/
	.hoodin-cont .recommend-item > .detail{
		width: 100%;
	}

}

@media screen and (max-width: 480px) {
	.hoodin-cont {
        padding: 4rem;
    }
    
    .hoodin-cont .h-hoodin {
        font-size: 2.1rem;
        margin-bottom: 2rem;
    }
    
	/**/
	.hoodin-cont .recommend-item{
		flex-direction: column;
		gap: 20px 0;
	}
	.hoodin-cont .recommend-item > .img{
		width: 100%;
	}
	
	/**/
	.hoodin-cont .recommend-item > .detail{
		width: 100%;
	}
	
}