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

/*-----------------------------------------------
 index
-----------------------------------------------*/
.cotton .contentHead .h2Box{
	padding: 30px 15px;
}

.cotton .headText:after{
	background-image: url(../../../../_images/category/bag/cotton/main-img.webp);
	width: 480px;
	height: 480px;
}

@media screen and ( max-width: 736px ){
	.cotton .contentHead .h2Box{
		padding: 20px 15px;
	}
	.cotton .headText:after{
		width: 240px;
		height: 240px;
	}
}


/*---------------------------------------------------------------------------------
	孫カテ
--*/

/*メインイメージ*/
.cotton_a3 .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/cotton/a3size/main-img.webp);}
.cotton_a4 .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/cotton/a4size/main-img.webp);}
.cotton_b4 .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/cotton/b4size/main-img.webp);}
.cotton_canvas .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/cotton/canvas/main-img.webp);}
.cotton_2tone .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/cotton/two-tone/main-img.webp);}
.cotton_pouch .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/cotton/pouch/main-img.webp);}
.cotton_pocket .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/cotton/pocket/main-img.webp);}
.cotton_marche .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/cotton/marche/main-img.webp);}
.cotton_lunch .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/cotton/lunch/main-img.webp);}
.cotton_horizontal .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/cotton/horizontal/main-img.webp);}
.cotton_purse .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/cotton/purse/main-img.webp);}
.cotton_shoulder .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/cotton/shoulder/main-img.webp);}
.cotton_vertical .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/cotton/vertical/main-img.webp);}
.cotton_sheeting .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/cotton/sheeting/main-img.webp);}
.cotton_gusset .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/cotton/gusset/main-img.webp);}
.cotton_flat .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/cotton/flat/main-img.webp);}
.cotton_folding .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/cotton/folding/main-img.webp);}

/*グルーピング*/
.cotton_a3 .groupLink ul > li.a3size,
.cotton_a4 .groupLink ul > li.a4size,
.cotton_b4 .groupLink ul > li.b4size,
.cotton_lunch .groupLink ul > li.lunch,
.cotton_sheeting .groupLink ul > li.sheeting,
.cotton_canvas .groupLink ul > li.canvas,
.cotton_flat .groupLink ul > li.flat,
.cotton_gusset .groupLink ul > li.gusset,
.cotton_vertical .groupLink ul > li.vertical,
.cotton_horizontal .groupLink ul > li.horizontal,
.cotton_folding .groupLink ul > li.folding,
.cotton_shoulder .groupLink ul > li.shoulder,
.cotton_purse .groupLink ul > li.purse,
.cotton_pouch .groupLink ul > li.pouch,
.cotton_marche .groupLink ul > li.marche,
.cotton_2tone .groupLink ul > li.two-tone,
.cotton_pocket .groupLink ul > li.pocket{
	display: none;
}

/*----- a3size -----*/
@media screen and ( max-width: 736px ){
	.cotton_a3 .pointBox .inner > img{
		max-width: 410px;
	}
}

/*----- a4size -----*/
@media screen and ( max-width: 736px ){
	.cotton_a4 .pointBox .inner > img{
		max-width: 550px;
	}
}

/*----- b4size -----*/
@media screen and ( max-width: 736px ){
	.cotton_b4 .pointBox .inner > img{
		max-width: 370px;
	}
}

/*----- pocket -----*/
@media screen and ( max-width: 736px ){
	.cotton_pocket .pointBox .inner > img{
		max-width: 420px;
	}
}

/*----- lunch -----*/
@media screen and ( max-width: 736px ){
	.cotton_lunch .pointBox .inner > img{
		max-width: 390px;
	}
}