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


/*------------------------------------------------------------------
   楽屋のれん
------------------------------------------------------------------*/
.useGakuya .h2Cont{
	background-image: url(../../../_images/needs/gakuya/main_img.webp);
}
.useGakuya .h2Cont > div{
	background: linear-gradient(to right, #12144f 0%,#12144f 80%,rgba(255,255,255,0) 100%);
}
.useGakuya .selectPoint .h3Caption p span.blue{
	color: #0d1070;
}

/*----選ばれるポイント----*/
.useGakuya .selectPoint .mainH3Cont{
	background: url(../../../_images/needs/gakuya/h_bg_blue.webp) repeat-x bottom;
}
.useGakuya .selectPoint .mainH3Cont h3:after{
	background: linear-gradient(to right, rgba(13,16,112,0) 0%, rgba(13,16,112,0.7) 20%, rgba(13,16,112,0.7) 80%, rgba(13,16,112,0) 100%);
}

.useGakuya .selectPoint .settingSample .textBox{
	background-image: url(../../../_images/needs/gakuya/about_design_img.webp);
	min-height: 390px;
}
.useGakuya .selectPoint .settingSample h4{
	border-bottom: 1px solid #abade8;
}
.useGakuya .selectPoint .settingSample h4 span{
	color: #9e0c0c;
}

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

/*----定番サイズ----*/
.sizeType .typeGakuya{
	background-image: url(../../../_images/detail/size/sample_gakuya.gif);
}
.sizeType .typeGakuya h4{
	border-left: 5px solid #12144f;
}
.sizeType .typeGakuya .linkBtn a{
	background-color: #12144f;
}

/*----デザインタイプ----*/
.useGakuya .designCont .textBox{
	background-image: url(../../../_images/needs/gakuya/design_sample_img.webp);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 30px;
	padding-bottom: 330px;
}

.useGakuya .designCont dl dt{
	background-color: #abade8;
}
.useGakuya .designCont dl dd.sampleImg{
	min-height: 180px;
	border: 1px solid #abade8;
}

.useGakuya .designCont h4{
	margin: 15px 20px;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px solid #c2a8dc;
}
.useGakuya .designCont h4:before{
	content: "◆";
	color: #c2a8dc;
	margin-right: 10px;
}

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

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

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


@media screen and (max-width: 768px) {
	.useGakuya .h2Cont{
		background-position: 0 -50px;
	}
	.useGakuya .h2Cont > div{
		background: linear-gradient(to top, #4c3960 0%,#4c3960 95%,rgba(255,255,255,0) 100%);
	}
	
	/*----デザインタイプ----*/
	.useGakuya .designCont .textBox{
		background-size: 90% auto;
		padding-bottom: 38%;
	}
	
	.useGakuya .designCont dl dd.sampleImg{
		min-height: auto;
	}
	
	.useGakuya .designCont h4{
		margin: 15px 2%;
		font-size: 20px;
	}


	/*----選ばれるポイント----*/
	.useGakuya .selectPoint .settingSample .textBox{
		min-height: auto;
		background-size: 100% auto;
		padding: 65% 0 0;
	}
	
	/*----オススメ生地----*/
	.useGakuya .fabricCont > div .fabricTitle h4 img{
		width: auto;
	}
	.useGakuya .fabricCont > div div.cottonBox .fabricTitle h4,
	.useGakuya .fabricCont > div div.polyesterBox .fabricTitle h4{
		width: auto;
	}
	.useGakuya .fabricCont > div div.cottonBox .fabricTitle .textBox,
	.useGakuya .fabricCont > div div.polyesterBox .fabricTitle .textBox{
		width: 100%;
		padding: 0;
	}
	
	/*----オススメサイズ----*/
	.useGakuya .sizeCont .textBox{
		background-size: 90% auto;
		padding-bottom: 45%;
	}
}

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