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

 bag　孫カテゴリ
 
----------------------------------------------------------------------------------------------*/
.gchildCont *{
	box-sizing: border-box;
}

/*--------Hタグ--------*/
*.hLine{
	margin: 0 auto;
	padding: 10px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5em;
	text-align: center;
	border-top: 1px solid #111;
	border-bottom: 1px solid #111;
}

/*--------リンクバナー--------*/
.linkBnr{
	margin: 40px auto;
	text-align: center;
}

@media screen and ( max-width: 736px ){
	/*--------Hタグ--------*/
	*.hLine{
		font-size: 19px;
	}
	/*--------リンクバナー--------*/
	.linkBnr{
		width: 70%;
		max-width: 520px;
	}
}
@media screen and ( max-width: 736px ){
	/*--------リンクバナー--------*/
	.linkBnr{
		width: 80%;
	}
}



/*----------------------------------------
	メインイメージ
----------------------------------------*/
.mainBox{
	margin: 0 auto 30px;
}
.mainBox > h2.hTitle{
	color: #00cbba;
	margin: 0 auto;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.6em;
	letter-spacing: 0.05em;
	border-bottom: 3px solid #00cbba;
}
.mainBox > dl{
	margin: 0 auto;
	position: relative;
}
.mainBox > dl:before{
	content: "";
	display: block;
	width: 100%;
	height: 240px;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	margin-bottom: 10px;
}
.mainBox > dl > dt{
	margin: 0 auto 15px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.5em;
	letter-spacing: 0.05em;
	border-bottom: 3px solid #00cbba;
}
.mainBox > dl > dd p{
	font-size: 15px;
	line-height: 1.6em;
}

/*その他*/
.otherCont .mainBox{
	position: relative;
}
.otherCont .mainBox:before{
	content: "";
	display: block;
	width: 100%;
	height: 300px;
	background-image: url(../../../../_images/category/bag/top/main-img.webp);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: cover;
	margin-bottom: 10px;
}
.otherCont .mainBox h2{
	display: block;
	width: fit-content;
	margin: 15px auto;
	padding: 0 30px 5px;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 2px solid #ff7417;
}

@media screen and ( max-width: 736px ){
	.mainBox > h2.hTitle{
		padding: 0 2.5% 7px;
		font-size: 26px;
		line-height: 1.3em;
	}
	.mainBox > dl:before{
		height: 200px;
		background-size: cover;
	}
	.mainBox > dl > dt{
		padding: 0 2.5% 5px;
		font-size: 21px;
		line-height: 1.3em;
	}
	.mainBox > dl > dd p{
		width: 95%;
		margin: auto;
	}

	/*その他*/
	.mainBox.otherCont:before{
		height: 220px;
	}
	.mainBox.otherCont h2{
		font-size: 18px;
	}
}
@media screen and ( max-width: 480px ){
	.mainBox > h2.hTitle{
		font-size: 22px;
		letter-spacing: 0;
	}
	.mainBox > dl:before{
		height: 130px;
	}
	.mainBox > dl > dt{
		font-size: 18px;
	}
	
	/*その他*/
	.mainBox.otherCont:before{
		height: 130px;
	}
	.mainBox.otherCont h2{
		font-size: 17px;
	}
}

/*----------------------------------------
	アクセスランキング
----------------------------------------*/
.accessRanking{
	margin: 50px auto;
}
.accessRanking .rankingTitle{
	margin: 0 auto 20px;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.5em;
	letter-spacing: 0.08em;
	text-align: center;
	border-bottom: 1px solid #111;
}
.accessRanking .rankingTitle > span{
	display: block;
	width: fit-content;
	margin: auto;
	padding-left: 45px;
	position: relative;
}
.accessRanking .rankingTitle > span:before{
	content: "";
	display: block;
	width: 32px;
	height: 32px;
	background-image: url(../../../../_images/category/_common/icon-crown.webp);
	background-repeat: no-repeat;
	filter: brightness(0) saturate(100%) invert(84%) sepia(83%) saturate(463%) hue-rotate(354deg) brightness(89%) contrast(90%);
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

@media screen and ( max-width: 736px ){
	.accessRanking .rankingTitle{
		font-size: 20px;
	}
	.accessRanking .rankingTitle > span{
		padding-left: 35px;
	}
	.accessRanking .rankingTitle > span:before{
		width: 28px;
		height: 28px;
		background-size: 100% auto;
	}
}
@media screen and ( max-width: 480px ){
	.accessRanking .rankingTitle{
		font-size: 18px;
	}
}


/*----------------------------------------
	ポイント
----------------------------------------*/
.pointBox{
	margin: 50px auto;
}
.pointBox .inner{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	padding: 20px 40px;
	background-color: #f5f5f5;
	border-left: 10px solid #00cbba;
	border-radius: 10px;
}
.pointBox .inner:not(:last-child){
	margin-bottom: 40px;
}
.pointBox .hTitle{
	margin: 0 auto 30px;
	font-size: 25px;
	font-weight: 700;
	line-height: 1.6em;
	position: relative;
}
.pointBox .hTitle::before{
	content: "";
	display: block;
	width: 250px;
	height: 1px;
	background-color: #959595;
	position: absolute;
	left: 0;
	bottom: -10px;
}
.pointBox .inner .text > p{
	font-size: 15px;
	line-height: 1.6em;
	letter-spacing: 0.05em;
}
.pointBox .inner > img{
	flex-shrink: 0;
}

/**/
.pointBox .inner .text > p.type{
	display: block;
	width: fit-content;
	background-color: #ffa507;
	color: #fff;
	margin-bottom: 10px;
	padding: 3px 15px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.4em;
	letter-spacing: 0em;
}

@media screen and ( max-width: 736px ){
	.pointBox .text > p.type{
		padding: 3px 10px;
		font-size: 18px;
	}
}

/*type2*/
.pointBox.type2 {
	padding-top: 40px;
}
.pointBox.type2 > .inner{
	display: block;
	padding-bottom: 35px;
	border-radius: 0 10px 10px 10px;
	position: relative;
}
.pointBox.type2 .hTitle{
	display: block;
	width: fit-content;
	min-height: 40px;
	background-color: #00cbba;
	color: #fff;
	padding: 3px 15px;
	font-size: 22px;
	line-height: 1.5em;
	position: absolute;
	left: -10px;
	top: -40px;
}
.pointBox.type2 .hTitle:before{
	display: none;
}
.pointBox.type2 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 15px auto 20px;
	gap: 30px;
}
.pointBox.type2 ul > li {
	width: 370px;
}
.pointBox.type2 ul > li .title {
	background-color: #ffa507;
	color: #fff;
	padding: 3px 10px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.4em;
}
.pointBox.type2 ul > li p{
	margin-top: 10px;
}
.pointBox.type2 > .inner p{
	font-size: 15px;
	line-height: 1.8em;
}

/*----*/
.pointBox .aboutBox{
	width: 95%;
	margin: 40px auto;
}
.pointBox .aboutBox .hLine{
	margin-bottom: 20px;
	border-color: #00cbba;
}
.pointBox .aboutBox > .img{
	margin: 0 auto 15px;
	text-align: center;
}

/*----- 持ち手タイプ等 -----*/
.pointBox .typeBox{
	width: 95%;
	margin: 40px auto;
}
.pointBox .typeBox .hUnder{
	display: block;
	width: fit-content;
	margin: 0 auto 20px;
	padding: 0 20px;
	font-size: 23px;
	font-weight: 700;
	line-height: 1.5em;
	border-bottom: 1px solid #00cbba;
}
.pointBox .typeBox > dl{
	display: flex;
	justify-content: center;
	gap: 30px;
}
.pointBox .typeBox > dl > div{
	width: 370px;
}
.pointBox .typeBox > dl dt{
	background-color: #f9d453;
	color: #444;
	margin: 0 auto 10px;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	line-height: 1.7em;
}
.pointBox .typeBox > dl dd p{
	margin-top: 10px;
	font-size: 13px;
	line-height: 1.6em;
}

@media screen and ( max-width: 736px ){
	.pointBox{
		width: 95%;
	}
	.pointBox > .inner{
		padding: 3% 5%;
		border-left: none;
		border-top: 8px solid #00cbba;
	}
	.pointBox div.text{
		width: calc(50% - 20px);
	}
	.pointBox .hTitle{
		font-size: 22px;
		line-height: 1.4em;
	}
	.pointBox .hTitle::before{
		width: 70%;
	}
	.pointBox > .inner > img{
		width: 50%;
		max-width: 275px;
	}

	/*type2*/
	.pointBox.type2 > .inner{
		padding: 3% 5% 5%;
	}
	.pointBox.type2 .hTitle{
		padding: 3px 15px;
		font-size: 21px;
		left: 0;
	}
	.pointBox.type2 ul{
		justify-content: flex-start;
		gap: 30px 20px;
	}
	.pointBox.type2 ul > li{
		width: calc((100% - 20px) / 2);
	}
	.pointBox.type2 ul > li .title {
		font-size: 20px;
	}

	/*----*/
	.pointBox .aboutBox .hLine{
		padding: 5px;
	}
	.pointBox .aboutBox > .img{
		overflow-x: auto;
		padding-bottom: 5px;
	}
	.pointBox .aboutBox > .img img{
		min-width: 650px;
	}

	/*----- 持ち手タイプ等 -----*/
	.pointBox .typeBox .hUnder{
		padding: 0 15px;
		font-size: 20px;
	}
	.pointBox .typeBox > dl{
		gap: 30px;
	}
	.pointBox .typeBox > dl > div{
		width: calc((100% - 30px) / 2);
	}
	.pointBox .typeBox > dl dt{
		font-size: 20px;
	}
}

@media screen and ( max-width: 600px ){
	.pointBox > .inner{
		flex-wrap: wrap;
	}
	.pointBox div.text{
		width: 100%;
	}
	.pointBox .hTitle{
		font-size: 20px;
	}
}

@media screen and ( max-width: 480px ){
	.pointBox .hTitle br{
		display: none;
	}
	.pointBox > .inner > img{
		width: 90%;
	}

	.pointBox.type2 .hTitle{
		padding: 3px 10px;
		font-size: 18px;
	}
	.pointBox.type2 ul{
		justify-content: flex-start;
		gap: 30px 15px;
	}
	.pointBox.type2 ul > li {
		width: 100%;
	}
	.pointBox.type2 ul > li .title {
		font-size: 18px;
	}
	.pointBox.type2 p{
		font-size: 14px;
	}

	/*----- 持ち手タイプ等 -----*/
	.pointBox .typeBox .hUnder{
		font-size: 18px;
	}
	.pointBox .typeBox > dl{
		gap: 20px;
	}
	.pointBox .typeBox > dl dt{
		font-size: 18px;
	}
}



/*----------------------------------------
	プリント
----------------------------------------*/
.printBox{
	margin: 50px auto;
	padding: 0;
	position: relative;
	z-index: 1;
}
.printBox > div.inner{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 30px;
	padding: 0 40px;
	position: relative;
	z-index: 1;
}
.printBox:before,
.printBox:after,
.printBox > div.inner:before,
.printBox > div.inner:after{
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
}
.printBox:before,
.printBox:after{
	width: 100%;
	height: 1px;
	background-image: linear-gradient(to right, #111 10%, transparent 10%, transparent 90%, #111 90%);
}
.printBox:before{
	top: 10px;
}
.printBox:after{
	bottom: 10px;
}
.printBox > div.inner:before,
.printBox > div.inner:after{
	width: 1px;
	height: 100%;
	background-image: linear-gradient(to bottom, #111 20%, transparent 20%, transparent 80%, #111 80%);
}
.printBox > div.inner:before{
	left: 10px;
}
.printBox > div.inner:after{
	right: 10px;
}

.printBox div.text{
	width: 480px;
	padding: 15px 0;
}
.printBox .hTitle{
	color: #00cbba;
	background-image: linear-gradient(to top, #ffe980 15px, transparent 15px);
	margin: 0 auto 30px;
	font-size: 25px;
	font-weight: 700;
	line-height: 1.6em;
	letter-spacing: -0.06em;
	position: relative;
}
.printBox .hTitle b{
	font-size: 34px;
}
.printBox div.text > p{
	font-size: 15px;
	line-height: 1.8em;
}

@media screen and ( max-width: 736px ){
	.printBox{
		width: 95%;
	}
	.printBox > div.inner{
		gap: 20px;
		padding: 10px 6%;
	}
	.printBox > div.inner > img{
		width: 45%;
	}

	.printBox div.text{
		width: calc(55% - 20px);
	}
	.printBox .hTitle{
		font-size: 22px;
		line-height: 1.4em;
	}
	.printBox .hTitle b{
		font-size: 30px;
	}
	.printBox div.text > p{
		font-size: 15px;
		line-height: 1.6em;
	}

}

@media screen and ( max-width: 480px ){
	.printBox > div.inner{
		flex-direction: column-reverse;
		gap: 10px;
	}

	.printBox div.text{
		width: 100%;
	}
	.printBox .hTitle{
		margin-bottom: 15px;
		font-size: 20px;
	}
	.printBox .hTitle b{
		font-size: 26px;
	}
	.printBox > div.inner > img{
		width: 80%;
		max-width: 280px;
	}

	.printBox:before,
	.printBox:after{
		background-image: linear-gradient(to right, #111 20%, transparent 20%, transparent 80%, #111 80%);
	}
	.printBox:before{
		top: 8px;
	}
	.printBox:after{
		bottom: 8px;
	}
	.printBox > div.inner:before,
	.printBox > div.inner:after{
		background-image: linear-gradient(to bottom, #111 15%, transparent 15%, transparent 85%, #111 85%);
	}
	.printBox > div.inner:before{
		left: 8px;
	}
	.printBox > div.inner:after{
		right: 8px;
	}

}


/*----------------------------------------
	活用シーン
----------------------------------------*/
.sceneBox{
	margin: 50px auto;
}
.sceneBox .hLine{
	margin-bottom: 30px;
}
.sceneBox ul{
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.sceneBox ul > li{
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	gap: 30px;
	padding: 0 30px;
}
.sceneBox ul > li .title{
	margin-bottom: 20px;
	padding-left: 40px;
	font-size: 18px;
	font-weight: 700;
	position: relative;
}
.sceneBox ul > li .title::before{
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background-image: url(../../../../_images/category/_common/icon-check.webp);
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.sceneBox ul > li .title:after{
	content: "";
	display: block;
	width: 150px;
	height: 1px;
	background-color: #00cbba;
	position: absolute;
	left: 0;
	bottom: -10px;
}

@media screen and ( max-width: 736px ){
	.sceneBox ul{
		width: 95%;
		margin: auto;
	}
	.sceneBox ul > li{
		gap: 20px;
		padding: 0;
	}
	.sceneBox ul > li > div{
		width: calc(55% - 20px);
	}
	.sceneBox ul > li .title{
		padding-left: 30px;
	}
	.sceneBox ul > li .title:after{
		width: 40%;
	}
	
	.sceneBox ul > li > img{
		width: 45%;
	}
}

@media screen and ( max-width: 480px ){
	.sceneBox ul > li{
		flex-direction: column-reverse;
	}
	.sceneBox ul > li > div{
		width: 100%;
	}
	.sceneBox ul > li > img{
		width: 100%;
		max-width: 325px;
	}
}


/*----------------------------------------
	他カテゴリから探す
----------------------------------------*/
.groupLink{
	margin: 40px auto;
}
.groupLink .title{
	margin: 0 auto 20px;
	padding: 5px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5em;
	text-align: center;
	border-bottom: 1px solid #ff7417;
}

.groupLink ul{
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	padding: 0 25px;
}
.groupLink ul > li{
	width: calc((100% - 45px) / 4);
	text-align: center;
}

@media screen and ( max-width: 736px ){
	.groupLink .title{
		font-size: 19px;
	}

	.groupLink ul{
		gap: 10px;
		width: 95%;
		margin: auto;
		padding: 0;
	}
	.groupLink ul > li{
		width: calc((100% - 30px) / 4);
	}
}

@media screen and ( max-width: 480px ){
	.groupLink .title{
		font-size: 18px;
	}

	.groupLink ul{
		gap: 10px 5px;
	}
	.groupLink ul > li{
		width: calc((100% - 10px) / 3);
	}
}


/*--------------------------------------------------------------------------------
	コットン
--------------------------------------------------------------------------------*/
/*メインイメージ*/
.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;
	}
}


/*--------------------------------------------------------------------------------
	ポリエステル
--------------------------------------------------------------------------------*/
/*メインイメージ*/
.polyester_a4 .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/polyester/a4size/main-img.webp);}
.polyester_big .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/polyester/bigsize/main-img.webp);}
.polyester_shoulder .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/polyester/shoulder/main-img.webp);}
.polyester_lunch .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/polyester/lunch/main-img.webp);}
.polyester_flat .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/polyester/flat/main-img.webp);}
.polyester_gusset .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/polyester/gusset/main-img.webp);}
.polyester_folding .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/polyester/folding/main-img.webp);}
.polyester_shopping .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/polyester/shopping/main-img.webp);}


/*グルーピング*/
.polyester_a4 .groupLink ul > li.a4size,
.polyester_big .groupLink ul > li.bigsize,
.polyester_shoulder .groupLink ul > li.shoulder,
.polyester_lunch .groupLink ul > li.lunch,
.polyester_flat .groupLink ul > li.flat,
.polyester_gusset .groupLink ul > li.gusset,
.polyester_folding .groupLink ul > li.folding,
.polyester_shopping .groupLink ul > li.bigsize{
	display: none;
}

/*----- a4size -----*/
.polyester_a4 .pointBox .typeBox{
	max-width: 750px;
	margin: 50px auto;
}
.polyester_a4 .pointBox .typeBox .hUnder{
	color: #00cbba;
	font-size: 30px;
	text-align: center;
	border-bottom-color: #111;
}
.polyester_a4 .pointBox .typeBox .hUnder > b{
	color: #ff3276;
}

.polyester_a4 .pointBox .typeBox ul{
	display: flex;
	justify-content: center;
	gap: 10px;
	margin: 0 auto 30px;
}
.polyester_a4 .pointBox .typeBox ul + p{
	font-size: 15px;
	line-height: 1.8em;
}

@media screen and ( max-width: 736px ){
	.polyester_a4 .pointBox .typeBox{
		width: 90%;
	}
	.polyester_a4 .pointBox .typeBox .hUnder{
		font-size: 22px;
	}

	.polyester_a4 .pointBox .typeBox ul{
		width: 100%;
	}
}
@media screen and ( max-width: 480px ){
	.polyester_a4 .pointBox .typeBox .hUnder{
		font-size: 20px;
	}
	.polyester_a4 .pointBox .typeBox ul{
		flex-direction: column;
	}
}

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

/*----- flat -----*/
.polyester_flat .printBox div.text{
	width: 500px;
}

@media screen and ( max-width: 736px ){
	.polyester_flat .printBox div.text{
		width: calc(55% - 20px);
	}
}
@media screen and ( max-width: 480px ){
	.polyester_flat .printBox div.text{
		width: 100%;
	}
}

/*----- gusset -----*/
.polyester_gusset .pointBox .inner{
	display: block;
}
.polyester_gusset .pointBox .inner ul{
	display: flex;
	gap: 20px;
	margin: 0 auto 20px;
}
.polyester_gusset .pointBox .inner ul + p{
	font-size: 15px;
	line-height: 1.8em;
}

.polyester_gusset .printBox div.text{
	width: 500px;
}

@media screen and ( max-width: 736px ){
	.polyester_gusset .printBox div.text{
		width: calc(55% - 20px);
	}
}

@media screen and ( max-width: 480px ){
	.polyester_gusset .pointBox .inner ul{
		flex-direction: column;
		align-items: center;
		gap: 10px;
	}
	.polyester_gusset .pointBox .inner ul > li img{
		max-width: 390px;
	}
	.polyester_gusset .pointBox .inner ul + p{
		font-size: 14px;
		line-height: 1.6em;
	}
	/**/
	.polyester_gusset .printBox div.text{
		width: 100%;
	}
}


/*--------------------------------------------------------------------------------
	不織布
--------------------------------------------------------------------------------*/
/*メインイメージ*/
.nonwoven_a4 .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/nonwoven/a4size/main-img.webp);}
.nonwoven_big .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/nonwoven/bigsize/main-img.webp);}
.nonwoven_2tone .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/nonwoven/twotone/main-img.webp);}
.nonwoven_fastener .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/nonwoven/fastener/main-img.webp);}
.nonwoven_gusset .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/nonwoven/gusset/main-img.webp);}
.nonwoven_flat .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/nonwoven/flat/main-img.webp);}
.nonwoven_lunch .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/nonwoven/lunch/main-img.webp);}
.nonwoven_horizontal .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/nonwoven/horizontal/main-img.webp);}
.nonwoven_vertical .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/nonwoven/vertical/main-img.webp);}
.nonwoven_purse .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/nonwoven/purse/main-img.webp);}
.nonwoven_oval .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/nonwoven/oval/main-img.webp);}
.nonwoven_folding .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/nonwoven/folding/main-img.webp);}
.nonwoven_cooler .mainBox > dl:before{ background-image: url(../../../../_images/category/bag/nonwoven/cooler/main-img.webp);}

/*グルーピング*/
.nonwoven_a4 .groupLink ul > li.a4size,
.nonwoven_big .groupLink ul > li.bigsize,
.nonwoven_2tone .groupLink ul > li.twotone,
.nonwoven_fastener .groupLink ul > li.fastener,
.nonwoven_gusset .groupLink ul > li.gusset,
.nonwoven_flat .groupLink ul > li.flat,
.nonwoven_lunch .groupLink ul > li.lunch,
.nonwoven_horizontal .groupLink ul > li.horizontal,
.nonwoven_vertical .groupLink ul > li.vertical,
.nonwoven_purse .groupLink ul > li.purse,
.nonwoven_oval .groupLink ul > li.oval,
.nonwoven_folding .groupLink ul > li.folding,
.nonwoven_cooler .groupLink ul > li.cooler{
	display: none;
}

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

/*----- bigsize -----*/
@media screen and ( max-width: 736px ){
	.nonwoven_big .pointBox .inner > img{
		max-width: 400px;
	}
}

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

/*----- oval -----*/
.nonwoven_oval .pointBox .typeBox > dl dd img{
	border: 1px solid #b8b8b8;
}

/*----- cooler -----*/
.nonwoven_cooler .shapeBox{
	width: 95%;
	margin: 50px auto;
}
.nonwoven_cooler .shapeBox h3.hBalloon{
	display: block;
	width: fit-content;
	margin: 0 auto 10px;
	padding: 0 30px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.5em;
	letter-spacing: 0.08em;
	text-align: center;
	position: relative;
}
.nonwoven_cooler .shapeBox h3.hBalloon:before,
.nonwoven_cooler .shapeBox h3.hBalloon:after{
	content: "";
	display: block;
	width: 5px;
	height: 100%;
	border-right: 1px solid #111;
	border-left: 1px solid #111;
	position: absolute;
	bottom: 0;
}
.nonwoven_cooler .shapeBox h3.hBalloon:before{
	transform: skewX(20deg);
	left: 5px;
}
.nonwoven_cooler .shapeBox h3.hBalloon:after{
	transform: skewX(-20deg);
	right: 5px;
}

.nonwoven_cooler .shapeBox > div{
	background-color: #fff7e5;
	padding: 4% 5%;
}
.nonwoven_cooler .shapeBox > div > .scroll{
	margin: 0 auto 15px;
	text-align: center;
}
.nonwoven_cooler .shapeBox > div > p{
	font-size: 15px;
	line-height: 1.8em;
}

@media screen and ( max-width: 736px ){
	.nonwoven_cooler .shapeBox{
		width: 90%;
	}
	.nonwoven_cooler .shapeBox h3.hBalloon{
		max-width: 95%;
		font-size: 21px;
	}
	
	.nonwoven_cooler .shapeBox > div{
		padding: 3% 4% 4%;
	}
	.nonwoven_cooler .shapeBox > div .scroll img{
		max-width: 690px;
	}
	.nonwoven_cooler .shapeBox > div p{
		font-size: 14px;
	}
}
@media screen and ( max-width: 480px ){
	.nonwoven_cooler .shapeBox h3.hBalloon{
		font-size: 20px;
	}
	
	.nonwoven_cooler .shapeBox > div .scroll{
		overflow-x: auto;
		padding-bottom: 5px;
	}
	.nonwoven_cooler .shapeBox > div .scroll img{
		min-width: 550px;
	}
}