@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@900&display=swap');

#WorkBag_wrap {
	width:100%;
	max-width:1000px;
	display:block;
	padding:0 !important;
	margin:0 !important;
	margin:0 auto 50px auto !important;
	text-align:center !important;
	font-size:16px;
	line-height:180%;
	color:#1a1a1a;
	font-family: '游ゴシック Medium', 'Yu Gothic Medium','游ゴシック', 'Yu Gothic','游ゴシック体', YuGothic, sans-serif;
	font-weight:500;
	overflow-y: hidden !important;
}
#WorkBag_container div,#WorkBag_container p,#WorkBag_container span,#WorkBag_container figure,#WorkBag_container h2, #WorkBag_container h3 { margin:0; padding:0; }
#WorkBag_container a {
	color:#000;
	text-decoration:none;
}
#WorkBag_container img {
	max-width:100%;
	height:auto;
}
#WorkBag_container a img:hover { opacity:0.7; }
#WorkBag_container ul,li { list-style:none; margin:0; padding:0; }
#WorkBag_container .pc {
	display:inline-block;
	margin:0 auto !important;
}
#WorkBag_container .sp {
	display:none !important;
}
#WorkBag_container figure.top {
	display:block;
	max-width:900px;
	margin:0 auto;
}

#WorkBag_container p.title {
	width:70%;
	margin:50px auto 0 auto;
	font-size:24px;
	font-weight:bold;
}
	#WorkBag_container  p.title > span.t_num {
		content:"";
		display:inline-block;
		vertical-align:bottom;
		background:url(https://carrot.itembox.design/item/images/work_bag/t_num.png) no-repeat;
		background-size:contain;
		width:30px;
		height:30px;
	}
#WorkBag_container p.t_border {
	width:75%;
	margin:0 auto;
	padding:0;
}

#WorkBag_container .container {
	width:100%;
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:flex-start;
}
#WorkBag_container .point_section {
	width:100%;
	margin:100px auto 50px auto;
}
	#WorkBag_container .point_section .p_box {
		width:33%;
		border-right:1px solid #000;
		box-sizing:border-box;
		padding:2% 0;
	}
	#WorkBag_container .point_section .p_box:nth-child(3) {
		border-right:0px solid #000;
	}
	
	#WorkBag_container .point_section .p_box > h3 {
		display:inline-block;
		box-sizing:border-box;
		padding:0 1.0em;
		background:linear-gradient(transparent 60%, #fcee21 60%) !important;
		font-weight:bold;
	}
	#WorkBag_container .point_section .p_box > p {
		line-height:200%;
		margin-top:20px;
		font-size:15px !important;
	}
	#WorkBag_container .point_section .p_box > p > span {
		background:linear-gradient(transparent 90%, #fcee21 90%) !important;
	}

	#WorkBag_container .point_section img {
		display:block;
		max-width:50px;
		height:auto;
		margin:0 auto 20px auto;
	}

#WorkBag_container h4 {
	font-size:16px;
	font-weight:bold;
	margin:50px auto 20px auto;
	line-height:180%;
}
	#WorkBag_container h4 > span {
		font-size:20px;
		font-weight:bold;
		background:linear-gradient(transparent 60%, #fcee21 60%) !important;
	}

	#WorkBag_container .select_section {
		margin:30px auto 50px auto;
		justify-content:center;
	}
		#WorkBag_container .select_section div {
			width:45%;
			position:relative;
			font-weight:bold;
		}
		#WorkBag_container .select_section div p:before {
			content:"";
			display:inline-block;
			vertical-align:middle;
			width:40px;
			height:40px;
			margin-right:10px;
		}
		#WorkBag_container .select_section div:nth-child(1) p:before {
			background:url(https://carrot.itembox.design/item/images/work_bag/i_mark_ruck.png) no-repeat;
			background-size:contain;
		}
		#WorkBag_container .select_section div:nth-child(2) p:before {
			background:url(https://carrot.itembox.design/item/images/work_bag/i_mark_tote.png) no-repeat;
			background-size:contain;
		}
		#WorkBag_container .select_section div > a {
			display:block;
			border: 2px solid #c1272d;
			border-radius:20px;
			padding:20px 0;
			margin:0 4%;
		}
		#WorkBag_container .select_section div > a:hover {
			display:block;
			border: 2px solid #ccc;
			border-radius:20px;
			color:#ccc;
			padding:20px 0;
			margin:0 4%;
		}
		
		#WorkBag_container .select_section div p:after {
			content:"";
			display:inline-block;
			vertical-align:middle;
			background:url(https://carrot.itembox.design/item/images/work_bag/i_mark_red.jpg) no-repeat;
			background-size:contain;
			width:15px;
			height:15px;
			position:absolute;
			top:0;
			bottom:0;
			margin:auto;
			right:30px;
		}

#WorkBag_container span.border {
	width:100%;
	display:block;
	background:url(https://carrot.itembox.design/item/images/work_bag/i_dot-w.png) repeat-x;
	background-size:14px 1px;
}
	#WorkBag_container span.border:before {
		content:"";
		display:inline-block;
		background-repeat:repeat-x;
		width:14px;
		height:1px;
	}

#WorkBag_container .select_title {
	width:100%;
	max-width:350px;
	display:inline-block;
	border: 2px solid #c1272d;
	border-radius:15px;
	padding:10px 50px !important;
	margin:150px auto 10px auto;
	font-weight:bold;
}
#WorkBag_container p.select_txt {
	font-weight:bold;
	margin-top:10px;
}
#WorkBag_container img.markdot {
	display:block;
	margin:10px auto;
	max-width:10px;
	height:auto;
}

#WorkBag_container .gridcontainer {
	width:100%;
	max-width:900px;
	display:grid;
	display:-ms-grid;
	grid-template-columns: 45% 55%;
	grid-template-rows: auto auto auto;
	-ms-grid-columns: 45% 55%;
	-ms-grid-rows: auto auto auto;
	margin:30px auto 30px auto;
}
	#WorkBag_container .model {
		grid-column:1/2;
		grid-row:1/3;
		-ms-grid-column:1;
		-ms-grid-row:1;
		-ms-grid-row-span:2;
		box-sizing:border-box;
		padding-right:50px;
	}
	#WorkBag_container .no_price {
		grid-column:1/2;
		grid-row:3/4;
		-ms-grid-column:1;
		-ms-grid-row:3;
	}
		#WorkBag_container .no_price > p {
			width:100%;
			text-align:left;
			margin-top:20px !important;
			font-size:17px;
			font-weight:bold;
			line-height:180%;
			box-sizing:border-box;
			padding-left:10px;
		}
		#WorkBag_container .no_price p > span {
			font-size:12px !important;
		}
		#WorkBag_container .no_price > p > img {
			max-height:25px;
			width:auto;
		}
	#WorkBag_container .check_list {
		grid-column:2/3;
		grid-row:1/2;
		-ms-grid-column:2;
		-ms-grid-row:1;
	}
		#WorkBag_container .check_list > ol.icon {
			list-style:none;
			text-align:left;
			font-weight:bold;
			padding-left:30px;
		}
		#WorkBag_container .check_list > ol.icon > li:before {
			content:"";
			display:inline-block;
			vertical-align:middle;
			background:url(https://carrot.itembox.design/item/images/work_bag/i_check.png) no-repeat;
			background-size:contain;
			width:20px;
			height:20px;
			margin-right:15px;
		}
	#WorkBag_container .detail {
		grid-column:2/3;
		grid-row:2/3;
		-ms-grid-column:2;
		-ms-grid-row:2;
	}
		#WorkBag_container .detail > ol.normal {
			width:100%;
			list-style:none;
			text-align:left !important;
			padding:0 !important;
			margin:20px 0 0 0 !important;
		}
		#WorkBag_container .detail > ol.normal > li:before {
			content:"\30FB";
			display:inline-block;
			vertical-align:middle;
		}
		#WorkBag_container .detailImg {
			justify-content:space-between;
		}
			#WorkBag_container .detailImg div {
				width:48%;
			}
	#WorkBag_container .buybtn {
		grid-column:2/3;
		grid-row:3/4;
		-ms-grid-column:2;
		-ms-grid-row:3;
		position:relative;
		font-weight:bold;
	}
		#WorkBag_container .buybtn .btnLink a {
			width:100%;
			display:block;
			background:#c1272d;
			border: 2px solid #c1272d;
			border-radius:40px;
			color:#fff;
			box-sizing:border-box;
			padding:20px 0;
			position:absolute;
			bottom:0;
		}
		#WorkBag_container .buybtn .btnLink a:hover {
			width:100%;
			display:block;
			background:#fff;
			border: 2px solid #c1272d;
			border-radius:40px;
			color:#c1272d;
			box-sizing:border-box;
		}
		#WorkBag_container .buybtn .btnLink > a > p {
			position:relative;
		}
		#WorkBag_container .buybtn .btnLink > a > p:after {
			content:"";
			display:inline-block;
			vertical-align:middle;
			background:url(https://carrot.itembox.design/item/images/work_bag/i_mark_wh.png) no-repeat;
			background-size:contain;
			width:15px;
			height:15px;
			position:absolute;
			top:0;
			bottom:0;
			margin:auto;
			right:20px;
		}

#WorkBag_container .clickBtn {
	width:100%;
	max-width:900px;
	display:inline-block;
	font-size:20px;
	font-weight:bold;
	margin:100px auto 50px auto !important;
	box-sizing:border-box;
}
	#WorkBag_container .clickBtn a {
		width:100%;
		display:block;
		background:#fcee21;
		border: 2px solid #fcee21;
		border-radius:30px;
		padding:50px 0;
	}

#WorkBag_container .mgn30 { margin-top:30px; }
#WorkBag_container .mgn50 { margin-top:50px; }
#WorkBag_container .mgn100 { margin-top:100px; }
#WorkBag_container .mgn150 { margin-top:150px; }


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

@media screen and (max-width:769px) {
#WorkBag_wrap {
	width:100%;
	font-size:15px !important;
	font-family: '游ゴシック Medium', 'Yu Gothic Medium','游ゴシック', 'Yu Gothic','游ゴシック体', YuGothic, sans-serif !important;
	font-weight:middle;
}
#WorkBag_container {
	width:93%;
	margin:0 auto !important;
	font-family: '游ゴシック Medium', 'Yu Gothic Medium','游ゴシック', 'Yu Gothic','游ゴシック体', YuGothic, sans-serif !important;
	font-weight:middle;
}
#WorkBag_container .pc {
	display:none !important;
}
#WorkBag_container .sp {
	display:inline-block !important;
	margin:0 auto !important;
}

#WorkBag_container p.title {
	width:100%;
	margin:50px auto 0 auto;
	font-size:18px !important;
	font-weight:bold !important;
	line-height:180%;
}
	#WorkBag_container  p.title > span.t_num {
		content:"";
		display:inline-block;
		vertical-align:middle !important;
		background:url(https://carrot.itembox.design/item/images/work_bag/t_num.png) no-repeat;
		background-size:contain;
		width:22px;
		height:22px;
	}
#WorkBag_container p.t_border {
	width:90%;
	margin:0 auto;
	padding:0;
}

#WorkBag_container .point_section {
	width:100%;
	margin:50px auto 50px auto;
	flex-wrap:wrap;
}
	#WorkBag_container .point_section .p_box {
		width:100%;
		margin:0 0 10% 0;
		border-right:0px solid #000;
		padding:0%;
	}
	#WorkBag_container .point_section .p_box > h3 {
		display:inline-block;
		box-sizing:border-box;
		padding:0 1.0em;
		background:linear-gradient(transparent 60%, #fcee21 60%) !important;
		font-weight:bold;
	}
	#WorkBag_container .select_section {
		margin:30px auto 50px auto;
		justify-content:center;
		flex-wrap:wrap;
	}
		#WorkBag_container .select_section div {
			width:100%;
			margin:2% 0;
		}
		#WorkBag_container .select_section > div > p {
			font-weight:bold !important;
		}

#WorkBag_container .select_title {
	width:90%;
	max-width:350px;
	display:inline-block;
	border: 2px solid #c1272d;
	border-radius:15px;
	padding:10px 50px !important;
	margin:150px auto 10px auto;
}
	#WorkBag_container .select_title > p {
		font-weight:bold !important;
	}
#WorkBag_container p.select_txt {
	font-weight:normal !important;
	margin-top:10px;
}

#WorkBag_container .gridcontainer {
	width:100%;
	max-width:900px;
	display:grid;
	display:-ms-grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto auto auto auto;
	-ms-grid-columns: 1fr 1fr;
	-ms-grid-rows: auto auto auto auto;
	margin:30px auto;
}
	#WorkBag_container .model {
		grid-column:1/2;
		grid-row:1/4;
		-ms-grid-column:1;
		-ms-grid-row:1;
		-ms-grid-row-span:3;
		box-sizing:border-box;
		padding-right:20px;
	}
	#WorkBag_container .no_price {
		grid-column:2/3;
		grid-row:1/2;
		-ms-grid-column:2;
		-ms-grid-row:1;
	}
		#WorkBag_container .no_price > p {
			width:100%;
			text-align:left;
			margin-top:0 !important;
			font-size:17px;
			font-weight:bold !important;
			line-height:180%;
			box-sizing:border-box;
			padding-left:10px !important;
		}
		#WorkBag_container .no_price p > span {
			font-size:10px !important;
		}
		#WorkBag_container .no_price > p > img {
			margin-top:5px !important;
			max-height:15px;
			width:auto;
		}
	#WorkBag_container .check_list {
		grid-column:2/3;
		grid-row:2/3;
		-ms-grid-column:2;
		-ms-grid-row:2;
		margin-top:-20px;
		padding:0;
	}
		#WorkBag_container .check_list > ol.icon {
			margin:0;
			padding:0;
			box-sizing:border-box;
			padding-left:10px !important;
		}
		#WorkBag_container .check_list > ol.icon > li {
			font-size:13px !important;
			margin:0 0;
			line-height:150% !important;
			font-weight:normal !important;
		}
		#WorkBag_container .check_list > ol.icon > li:before {
			content:"";
			display:inline-block;
			vertical-align:middle;
			background:url(https://carrot.itembox.design/item/images/work_bag/i_check.png) no-repeat;
			background-size:contain;
			width:15px;
			height:15px;
			margin-right:8px;
		}
	#WorkBag_container .detail {
		grid-column:1/3;
		grid-row:4/5;
		-ms-grid-column:1;
		-ms-grid-column-span:2;
		-ms-grid-row:4;
	}
		#WorkBag_container .detailImg {
			flex-wrap:wrap;
			justify-content:space-between;
		}
			#WorkBag_container .detailImg div {
				width:100%;
				display:flex;
				flex-wrap:nowrap;
				justify-content:space-between;
				align-items:center;
				margin:20px auto 0 auto;
			}
			#WorkBag_container .detailImg div > img {
				width:30%;
			}
			#WorkBag_container .detailImg div > p {
				width:60%;
				text-align:left !important;
			}
			#WorkBag_container .detailImg div > p:before {
				content:"\30FB";
				display:inline-block;
				vertical-align:middle;
			}
	#WorkBag_container .buybtn {
		grid-column:2/3;
		grid-row:3/4;
		-ms-grid-column:2;
		-ms-grid-row:3;
	}
		#WorkBag_container .buybtn .btnLink a {
			width:100%;
			display:block;
			background:#c1272d;
			border: 2px solid #c1272d;
			border-radius:40px;
			color:#fff;
			box-sizing:border-box;
			padding:0.3em 0 !important;
			position:absolute;
			bottom:0;
		}
		#WorkBag_container .buybtn .btnLink > a > p:after {
			content:"";
			display:inline-block;
			vertical-align:middle;
			background:url(https://carrot.itembox.design/item/images/work_bag/i_mark_wh.png) no-repeat;
			background-size:contain;
			width:10px;
			height:10px;
			position:absolute;
			top:0;
			bottom:0;
			margin:auto;
			right:20px;
		}

#WorkBag_container .clickBtn {
	width:100%;
	max-width:900px;
	display:inline-block;
	font-size:20px;
	font-weight:bold !important;
	margin:50px auto !important;
	box-sizing:border-box;
}

#WorkBag_container .mgn30 { margin-top:10px !important; }
#WorkBag_container .mgn50 { margin-top:30px !important; }
#WorkBag_container .mgn100 { margin-top:60px !important; }
#WorkBag_container .mgn150 { margin-top:100px !important; }
}

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

@media screen and (max-width:320px) {

#WorkBag_wrap {
	width:100%;
	font-size:15px !important;
	font-family: 'Noto Serif JP', serif !important;
	font-weight:500;
}
#WorkBag_container {
	width:95%;
	margin:0 auto !important;
	font-family: '游ゴシック Medium', 'Yu Gothic Medium','游ゴシック', 'Yu Gothic','游ゴシック体', YuGothic, sans-serif !important;
	font-weight:middle;
}

#WorkBag_container p.title {
	width:100%;
	margin:50px auto 0 auto;
	font-size:17px !important;
	font-weight:top !important;
	line-height:180%;
}
	#WorkBag_container  p.title > span.t_num {
		content:"";
		display:inline-block;
		vertical-align:middle !important;
		background:url(https://carrot.itembox.design/item/images/work_bag/t_num.png) no-repeat;
		background-size:contain;
		width:20px;
		height:20px;
	}
#WorkBag_container h4 {
	font-size:15px !important;
	font-weight:bold;
	margin:50px auto 20px auto;
	line-height:180%;
}
	#WorkBag_container h4 > span {
		font-size:18px !important;
		font-weight:bold;
		background:linear-gradient(transparent 60%, #fcee21 60%) !important;
	}
	#WorkBag_container .select_section {
		margin:30px auto 0 auto !important;
		justify-content:center;
	}
		#WorkBag_container .select_section div p:before {
			content:"";
			display:inline-block;
			vertical-align:middle;
			width:30px;
			height:30px;
			margin-right:5px;
		}
		#WorkBag_container .select_section div:nth-child(1) p:before {
			background:url(https://carrot.itembox.design/item/images/work_bag/i_mark_ruck.png) no-repeat;
			background-size:contain;
		}
		#WorkBag_container .select_section div:nth-child(2) p:before {
			background:url(https://carrot.itembox.design/item/images/work_bag/i_mark_tote.png) no-repeat;
			background-size:contain;
		}
		#WorkBag_container .select_section div > a {
			display:block;
			border: 2px solid #c1272d;
			border-radius:20px;
			padding:20px 0;
			margin:0 4%;
		}
		#WorkBag_container .select_section div > a:hover {
			display:block;
			border: 2px solid #ccc;
			border-radius:20px;
			color:#ccc;
			padding:20px 0;
			margin:0 4%;
		}
		
		#WorkBag_container .select_section div p:after {
			content:"";
			display:inline-block;
			vertical-align:middle;
			background:url(https://carrot.itembox.design/item/images/work_bag/i_mark_red.jpg) no-repeat;
			background-size:contain;
			width:10px;
			height:10px;
			position:absolute;
			top:0;
			bottom:0;
			margin:auto;
			right:20px;
		}

#WorkBag_container .gridcontainer {
	width:100%;
	max-width:900px;
	display:grid;
	display:-ms-grid;
	grid-template-columns: 55% 45%;
	grid-template-rows: auto auto auto auto;
	-ms-grid-columns: 55% 45%;
	-ms-grid-rows: auto auto auto auto;
	margin:30px auto;
}
	#WorkBag_container .model {
		grid-column:1/2;
		grid-row:1/4;
		-ms-grid-column:1;
		-ms-grid-row:1;
		-ms-grid-row-span:3;
		box-sizing:border-box;
		padding-right:10px;
	}
		#WorkBag_container .check_list > ol.icon > li {
			font-size:11px !important;
			margin:0 0;
			line-height:150% !important;
			font-weight:normal !important;
		}
		#WorkBag_container .check_list > ol.icon > li:before {
			content:"";
			display:inline-block;
			vertical-align:middle;
			background:url(https://carrot.itembox.design/item/images/work_bag/i_check.png) no-repeat;
			background-size:contain;
			width:12px;
			height:12px;
			margin-right:10px;
		}
		#WorkBag_container .buybtn .btnLink a {
			width:100%;
			display:block;
			background:#c1272d;
			border: 2px solid #c1272d;
			border-radius:40px;
			color:#fff;
			box-sizing:border-box;
			padding:0.1em 0 !important;
			position:absolute;
			bottom:0;
		}
		#WorkBag_container .buybtn .btnLink > a > p:after {
			content:"";
			display:inline-block;
			vertical-align:middle;
			background:url(https://carrot.itembox.design/item/images/work_bag/i_mark_wh.png) no-repeat;
			background-size:contain;
			width:8px;
			height:8px;
			position:absolute;
			top:0;
			bottom:0;
			margin:auto;
			right:10px;
		}

#WorkBag_container .clickBtn {
	width:100%;
	max-width:900px;
	display:inline-block;
	font-size:20px;
	font-weight:bold !important;
	margin:0px auto !important;
	box-sizing:border-box;
}
}

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