@charset "utf-8";
/* CSS Document */
*{ box-sizing: border-box;}

/*------------------------------------------------------------------
   ノベルティのれん
------------------------------------------------------------------*/
.useNovelty .h2Cont{
	background-image: url(../../../_images/needs/novelty/main_img.webp);
}
.useNovelty .h2Cont > div{
	background: linear-gradient(to right, #003544 0%,#003544 80%,rgba(255,255,255,0) 100%);
}
.useNovelty .selectPoint .h3Caption p span.bgreen{
	color: #007fa4;
}

/*----選ばれるポイント----*/
.useNovelty .selectPoint .mainH3Cont{
	background: url(../../../_images/needs/novelty/h_bg_bgreen.webp) repeat-x bottom;
}
.useNovelty .selectPoint .mainH3Cont h3:after{
	background: linear-gradient(to right, rgba(0,127,164,0) 0%, rgba(0,127,164,0.7) 20%, rgba(0,127,164,0.7) 80%, rgba(0,127,164,0) 100%);
}

.useNovelty .selectPoint .settingSample .textBox{
	background-image: url(../../../_images/needs/novelty/about_lot_img.webp);
	min-height: 390px;
}
.useNovelty .selectPoint .settingSample h4{
	border-bottom: 1px solid #007fa4;
}
.useNovelty .selectPoint .settingSample h4 span{
	color: #9e0c0c;
}

/**/
.useNovelty .h3MainTit{
	background: linear-gradient(to right, #fff 0%, #fff 70%,#cde9f1 100%);
	border-top: 4px solid #9fcfdd;
	border-bottom: 4px solid #9fcfdd;
}
.useNovelty .h3MainTit h3 span{
	background: url(../../../_images/common/bullet_flower_bgreen.webp) no-repeat 0.5em 50%;
}

/*----オススメ生地----*/
.useNovelty .fabricCont > div div.cottonBox .fabricTitle h4{
	width: 300px;
}
.useNovelty .fabricCont > div div.cottonBox .fabricTitle .textBox{
	width: 550px;
}

.useNovelty .fabricCont > div div.polyesterBox .fabricTitle h4{
	width: 300px;
	text-align: center;
}
.useNovelty .fabricCont > div div.polyesterBox .fabricTitle .textBox{
	width: 550px;
}

/*----オススメサイズ----*/
.useNovelty .sizeCont .textBox{
	background-image: url(../../../_images/needs/novelty/size_img.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 430px;
}


@media screen and (max-width: 768px) {
	.useNovelty .h2Cont{
		background-position: 0 -80px;
	}
	.useNovelty .h2Cont > div{
		background: linear-gradient(to top, #003544 0%,#003544 95%,rgba(255,255,255,0) 100%);
	}
	
	/*----選ばれるポイント----*/
	.useNovelty .selectPoint .settingSample .textBox{
		padding-top: 410px;
	}
	
	/*----オススメ生地----*/
	.useNovelty .fabricCont > div .fabricTitle h4 img{
		width: auto;
	}
	.useNovelty .fabricCont > div div.cottonBox .fabricTitle h4,
	.useNovelty .fabricCont > div div.polyesterBox .fabricTitle h4{
		width: auto;
	}
	.useNovelty .fabricCont > div div.cottonBox .fabricTitle .textBox,
	.useNovelty .fabricCont > div div.polyesterBox .fabricTitle .textBox{
		width: 100%;
		padding: 0;
	}
	
	/*----オススメサイズ----*/
	.useNovelty .sizeCont .textBox{
		background-size: 90% auto;
		padding-bottom: 45%;
	}
}

@media screen and (max-width: 620px) {
	/*----選ばれるポイント----*/
	.useNovelty .selectPoint .settingSample .textBox{
		padding-top: 66%;
	}
}