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

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

 uchiwa　うちわ制作
 
-----------------------------------------------*/

/*h3*/
.itemUchiwa .itemH3Box{
	border-bottom: 4px double #f21598;
}
.itemUchiwa .itemH3Box h3{
	color: #f21598;
}

/*ページ内リンク*/
.itemUchiwa .anchorLink ul {
	justify-content: center;
}
.itemUchiwa .anchorLink ul li{
	width: 160px;
	margin: 0 10px;
}
.itemUchiwa .anchorLink ul li a{
	font-size: 15px;
	border: 1px solid #96e5ec;
	border-bottom: 4px solid #96e5ec;
}
.itemUchiwa .anchorLink ul li a:after{
	border-top: 8px solid #f21598;
}

/*----種類から選ぶ----*/
.itemUchiwa .orderItemType .itemLinkBox dl dt{
	border-bottom: 5px solid #96e5ec;
}
.itemUchiwa .orderItemType .itemLinkBox dl dd{
	padding: 15px 12px 60px;
	border: 1px solid #96e5ec;
}

.itemUchiwa .orderItemType .itemLinkBox dl dd .linkBtn a{
	background-color: #0356d2;
}

/*----活用シーン----*/
.itemUchiwa .orderItemScene .inner{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	align-items: flex-start;
	margin: 30px auto;
}
.itemUchiwa .orderItemScene .inner dl{
	width: 440px;
}
.itemUchiwa .orderItemScene .inner dl dt{
	color: #f21598;
	font-size: 22px;
	line-height: 1.5em;
	margin-bottom: 10px;
}

@media screen and ( max-width: 736px ){
	/*ページ内リンク*/
	.itemUchiwa .anchorLink ul {
		justify-content: space-between;
	}
	.itemUchiwa .anchorLink ul li{
		width: 24%;
		margin: 0 0 10px;
	}
	/*----種類から選ぶ----*/
	
	.itemUchiwa .orderItemType .itemLinkBox dl dt img{
		width: 100%;
		height: 45px;
		object-fit: contain;
	}
	.itemUchiwa .orderItemType .itemLinkBox dl dd{
		padding: 15px 12px 60px;
		border: 1px solid #96e5ec;
	}
	
	.itemUchiwa .orderItemType .itemLinkBox dl dd .linkBtn a{
		background-color: #0356d2;
	}
	
	/*----サイズ比較----*/
	.itemUchiwa .orderItemSize .imgBox{
		width: 95%;
		margin: 0 auto 20px;
	}
	.itemUchiwa .orderItemSize .imgBox + p{
		width: 95%;
		margin: auto;
	}
	
	/*----活用シーン----*/
	.itemUchiwa .orderItemScene .inner{
		width: 95%;
	}
	.itemUchiwa .orderItemScene .inner > img{
		width: 48%;
	}
	.itemUchiwa .orderItemScene .inner dl{
		width: 48%;
	}
	.itemUchiwa .orderItemScene .inner dl dt{
		font-size: 20px;
	}
	.itemUchiwa .orderItemScene .inner dl dt br{
		display: none;
	}
}
@media screen and ( max-width: 480px ){
	/*ページ内リンク*/
	.itemUchiwa .anchorLink ul li{
		width: 48%;
	}
	/*----種類から選ぶ----*/
	.itemUchiwa .orderItemType .itemLinkBox dl{
		margin: 0 auto 30px;
	}
	
	/*----サイズ比較----*/
	.itemUchiwa .orderItemSize .imgBox{
		overflow-x: scroll;
	}
	.itemUchiwa .orderItemSize .imgBox img{
		min-width: 500px;
	}
	
	/*----活用シーン----*/
	.itemUchiwa .orderItemScene .inner > img{
		width: 100%;
		margin-bottom: 15px;
	}
	.itemUchiwa .orderItemScene .inner dl{
		width: 100%;
	}
}