@charset "utf-8";
/* CSS Document */

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

 furoshiki　風呂敷制作
 
-----------------------------------------------*/

/*h3*/
.itemFuroshiki .itemH3Box{
	border-bottom: 4px double #3891ca;
}
.itemFuroshiki .itemH3Box h3{
	color: #3891ca;
}

/*ページ内リンク*/
.itemFuroshiki .anchorLink ul li{
	width: 145px;
}
.itemFuroshiki .anchorLink ul li a{
	border: 1px solid #3891ca;
	border-bottom: 4px solid #3891ca;
}
.itemFuroshiki .anchorLink ul li a:after{
	border-top: 8px solid #3891ca;
}


/*----サイズについて----*/
.itemFuroshiki .orderItemSize .inner{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.itemFuroshiki .orderItemSize dl{
	width: 440px;
	margin-bottom: 15px;
}
.itemFuroshiki .orderItemSize dl dt{
	margin-bottom: 10px;
}

/*----品質・染色方法から選ぶ----*/
.itemFuroshiki .orderItemMaking .itemH3Box p.caption{
	background-image: url(../../../_images/ordermade/furoshiki/caption_fukidashi_blue.gif);
}
.itemFuroshiki .orderItemMaking .itemH3Box p.caption:after{
	background-image: url(../../../_images/ordermade/furoshiki/caption_tail_blue.gif);
}

.itemFuroshiki .orderItemMaking .itemLinkBox dl dt{
	margin-top: 40px;
}

/*プリント*/
.itemFuroshiki .itemLinkBox dl.print dt{
	border-bottom: 5px solid #ff7e00;
}
.itemFuroshiki .itemLinkBox dl.print dt:before{
	background-image: url(../../../_images/ordermade/furoshiki/making_print_caption.gif);
}
.itemFuroshiki .itemLinkBox dl.print dd{
	border: 1px solid #ff7e00;
}
/*本染め*/
.itemFuroshiki .itemLinkBox dl.honzome dt{
	border-bottom: 5px solid #40c5dd;
}
.itemFuroshiki .itemLinkBox dl.honzome dt:before{
	background-image: url(../../../_images/ordermade/furoshiki/making_honzome_caption.gif);
}
.itemFuroshiki .itemLinkBox dl.honzome dd{
	border: 1px solid #40c5dd;
}


/*----生地について----*/
.itemFuroshiki .orderItemCloth dl{
	margin-bottom: 30px;
}
.itemFuroshiki .orderItemCloth dl dt{
	margin-bottom: 15px;
	padding: 3px 5px;
	font-size: 20px;
	line-height: 1.5em;
}
.itemFuroshiki .orderItemCloth dl dd ul{
	display: flex;
	justify-content: space-between;
	margin: 15px 10px;
}
.itemFuroshiki .orderItemCloth dl dd ul li{
	margin: 0;
}

/*プリント*/
.itemFuroshiki .orderItemCloth dl.print dt{
	background-color: #ffdcba;
	border-left: 10px solid #ff6c1c;
}
.itemFuroshiki .orderItemCloth dl.print dd ul li{
	margin: 0;
}
/*本染め*/
.itemFuroshiki .orderItemCloth dl.honzome dt{
	background-color: #cdf3fa;
	border-left: 10px solid #40c5dd;
}
.itemFuroshiki .orderItemCloth dl.honzome dd ul li{
	margin: 0;
}


/*----デザインについて----*/
.itemFuroshiki .orderItemDesign dl dt{
	border-bottom: none;
	font-weight: normal;
	padding: 3px 5px;
}
/*プリント*/
.itemFuroshiki .orderItemDesign dl.print dt{
	background-color: #ffdcba;
	border-left: 10px solid #ff6c1c;
}
/*本染め*/
.itemFuroshiki .orderItemDesign dl.honzome dt{
	background-color: #cdf3fa;
	border-left: 10px solid #40c5dd;
}

/*----納品形態について----*/
.itemFuroshiki .orderItemPackage h4{
	width: 100%;
	color: #393939;
	margin-bottom: 5px;
	padding-left: 20px;
	font-size: 20px;
	font-weight: bold;
	position: relative;
}
.itemFuroshiki .orderItemPackage h4:before{
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	margin-bottom: 10px;
	background-color: #3891ca;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

@media screen and ( max-width: 736px ){
	/*ページ内リンク*/
	.itemFuroshiki .anchorLink ul li{
		width: 32%;
	}
	/*----サイズについて----*/
	.itemFuroshiki .orderItemSize .inner{
		width: 95%;
		margin: auto;
	}
	.itemFuroshiki .orderItemSize dl{
		width: 48%;
		margin: 0 0 10px;
	}
	/*----品質・染色方法から選ぶ----*/
	.itemFuroshiki .orderItemMaking .itemLinkBox dl dt img{
		max-width: 265px;
	}
	/*----生地について----*/
	.itemFuroshiki .orderItemCloth dl{
		margin: 0 1% 30px;
	}
	.itemFuroshiki .orderItemCloth dl dt{
		font-size: 18px;
	}
	.itemFuroshiki .orderItemCloth dl dd ul{
		margin: 15px 1%;
	}
	
	/*プリント*/
	.itemFuroshiki .orderItemCloth dl.print dd ul li{
		width: 31%;
		margin: 0 1%;
	}
	/*本染め*/
	.itemFuroshiki .orderItemCloth dl.honzome dd ul li{
		width: 48%;
		margin: 0 1%;
	}
	
	/*----納品形態について----*/
	.itemFuroshiki .orderItemPackage h4{
		margin: 0 2% 5px;
		font-size: 20px;
	}
}
@media screen and ( max-width: 480px ){
	/*ページ内リンク*/
	.itemFuroshiki .anchorLink ul li{
		width: 48%;
	}
	/*----サイズについて----*/
	.itemFuroshiki .orderItemSize dl{
		width: 98%;
		margin: 0 auto 10px;
	}
}