@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
@import url("https://use.typekit.net/ypg2vvn.css");

.fs-l-page {
	overflow-x: visible !important;
}
body,body.hidden {
	overflow:visible !important;
	transition:unset;
}

* { box-sizing: border-box; padding:0; margin:0; transition:unset;  }
html {
  -webkit-overflow-scrolling: touch;
  transition:unset !important;
  overflow:visible !important;
}
.main {
	padding:0 !important;
	margin:0 !important;
}
.mainBox {
	padding:0 !important;
	margin:0 !important;
}
#HC_bag2025 {
	width:100% !important;
	height:auto !important;
	min-height:100% !important;
	display:block;
	padding:60px 0 0 0 !important;
	margin:0 !important;
	margin:0 auto 0 auto !important;
	box-sizing:border-box !important;
	font-size:16px !important;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	letter-spacing:0.1em;
	line-height:1.7em !important;
	text-align:center;
	line-break:strict !important;
	overflow-x:hidden;
}
#HC_bag2025 .f_c { text-align:center !important; }
#HC_bag2025 .f_l { text-align:left !important; }
#HC_bag2025 .f_r { text-align:right !important; }
#HC_bag2025 .kagi { display:inline-block !important; margin-left:-0.5em !important; }
#HC_bag2025 .kagir { display:inline-block !important; margin-right:-0.5em !important; }
#HC_bag2025 .sm { font-size:96%; }
#HC_bag2025 .f_noto {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

#HC_bag2025 div,#HC_bag2025 p,#HC_bag2025 span,#HC_bag2025 figure,#HC_bag2025 h2, #HC_bag2025 h3, #HC_bag2025 ol, #HC_bag2025 ul, #HC_bag2025 li { margin:0; padding:0; list-style:none; }
#HC_bag2025 a {
	text-decoration:none;
	color:#000;
	transition: all 500ms 0s ease;
}
#HC_bag2025 a:hover {
/*	opacity:0.8;
	transition: all 500ms 0s ease; */
}
#HC_bag2025 img {
	display:block;
	max-width:100% !important;
	height:auto;
	padding:0;
	vertical-align:bottom;
}
#HC_bag2025 .flex {
	display:flex;
}
#HC_bag2025 .pc { display:block; }
#HC_bag2025 .sp { display:none !important; }


/* ________________________________ */

#HC_bag2025 .main_wrap {
	width:100%;
	width:100vw;
	background:#e5e5e5;
	padding-bottom:3.0em;
	position:relative;
	left:50%;
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform:translate(-50%, 0%);
}
#HC_bag2025 .main_wrap > p {
	display:block;
	text-align:center;
	line-height:2.5em;
	margin:3.0em auto 3.0em auto;
}
#HC_bag2025 .main_wrap > p > span {
	display:block;
	font-weight:bold;
	margin:1.7em auto;
}
#HC_bag2025 .main_wrap > img {
	display:block;
	width:100%;
	max-width:600px !important;
	margin:0 auto;
}
#HC_bag2025 .main_wrap > img#goto {
	display:block;
	width:1.0em;
	height:auto;
	margin:0 auto;
}

/* ________________________________ */

#HC_bag2025 h1 {
/*	Minion Variable Concept */
	font-family: "minion-pro", serif;
	font-weight: 400;
	font-style: normal;
}
#HC_bag2025 h1 > span {
	display:block;
}
#HC_bag2025 #type h1 {
	font-size:30px;
}
#HC_bag2025 #type h1 > span {
	font-size:60%;
	margin-top:1.0em;
}

#HC_bag2025 .type_list > div h1 {
	color:#000;
	font-size:20px !important;
}
#HC_bag2025 .type_list > div h1 > span {
	font-size:90% !important;
	margin:0 auto 0.1em auto !important;
}

#HC_bag2025 .itemtype > h1 {
	width:40%;
	max-width:400px;
	margin:0 auto 1.5em auto;
	font-size:30px !important;
	padding:0.7em 0;
	position:relative;
}
#HC_bag2025 .itemtype > h1:before,
#HC_bag2025 .itemtype > h1:after {
	content:"";
	display:block;
	width:100%;
	height:1px;
	background:#000;
	position:absolute;
	left:50%;
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform:translate(-50%, 0%);
}
#HC_bag2025 .itemtype > h1:before {
	top:0;
}
#HC_bag2025 .itemtype > h1:after {
	bottom:0;
}
#HC_bag2025 .itemtype > h1 > span {
	font-size:90% !important;
	margin-bottom:0.2em !important;
}

#HC_bag2025 .itemtype h1.pick {
	width:100%;
	margin:0 auto 3.0em auto;
}

/* ________________________________ */

#HC_bag2025 .type_list {
	width:100% !important;
	max-width:600px;
	justify-content:space-between;
	align-items:stretch;
	margin:2.0em auto;
}
#HC_bag2025 .type_list > div {
	width:calc(98% / 3);
	background:#e5e5e5;
	color:#000;
	box-sizing:border-box;
	padding:2.0em 0 4.5em 0;
	position:relative;
}
#HC_bag2025 .type_list > div:before {
	content:"";
	display:block;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0);
	position:absolute;
	top:0;
	z-index:2;
	transition:1s !important;
	pointer-events: none;
}
#HC_bag2025 .type_list > div:hover:before {
	background:rgba(0, 0, 0, 0.2);
}
#HC_bag2025 .type_list > div img {
	width:88% !important;
	margin:1.0em auto;
}
#HC_bag2025 .type_list > div p {
	color:#000;
	position:relative;
}
#HC_bag2025 .type_list > div p:after  {
	content:"";
	display:block;
	width:1.0em;
	height:calc(1.0em * 0.8542);
	background:url(https://carrot.itembox.design/item/images/feature/hc_bag2025/i_arrrow_b.svg) no-repeat;
	background-size:contain;
	position:absolute;
	bottom:-2.0em;
	left:50%;
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform:translate(-50%, 0%);
}

/* ________________________________ */

#HC_bag2025 section {
	display:block;
	width:90%;
	max-width:600px;
	margin:10.0em auto;
}

#HC_bag2025 .type_list {
	max-width:600px;
	justify-content:space-between;
	align-items:stretch;
	margin:2.0em auto;
}
#HC_bag2025 .itemtype {
	padding-top:2.0em !important;
}

/* ________________________________ */

#HC_bag2025 .itembox {
	margin:10.0em auto 5.0em auto;
}
#HC_bag2025 .itembox:nth-of-type(1) {
	margin:0 auto 5.0em auto;
}
#HC_bag2025 .itembox .ttl {
	text-align:center;
}
#HC_bag2025 .itembox .ttl:nth-of-type(1) { margin-left:-10%; }
#HC_bag2025 .itembox .ttl:nth-of-type(2) { margin-right:-10%; }
#HC_bag2025 .itembox#item02 .ttl:nth-of-type(1) { margin-left:-9%; }
#HC_bag2025 .itembox#item02 .ttl:nth-of-type(2) { margin-right:-9%; }
#HC_bag2025 .itembox#item03 .ttl:nth-of-type(1) { margin-left:-22%; }
#HC_bag2025 .itembox#item03 .ttl:nth-of-type(2) { margin-right:-4%; }
#HC_bag2025 .itembox#item04 .ttl:nth-of-type(1) { margin-left:-6%; }
#HC_bag2025 .itembox#item04 .ttl:nth-of-type(2) { margin-right:-6%; }
#HC_bag2025 .itembox#item05 .ttl:nth-of-type(1) { margin-left:-30%; }
#HC_bag2025 .itembox#item05 .ttl:nth-of-type(2) { margin-right:0%; }
#HC_bag2025 .itembox#item06 .ttl:nth-of-type(1) { margin-left:-7%; }
#HC_bag2025 .itembox#item06 .ttl:nth-of-type(2) { margin-right:-7%; }

#HC_bag2025 .itembox .ttl > span {
	line-height:2.0em;
	background:#e5e5e5;
	box-sizing:border-box;
	padding:0 1.0em;
	font-size:117%;
}
#HC_bag2025 .itembox .model {
	margin:1.7em auto 1.0em auto;
}
#HC_bag2025 .itembox .spec {
	width:80%;
	margin:1.0em auto 6.0em auto;
}
#HC_bag2025 .itembox#item02 .spec { width:79%; }
#HC_bag2025 .itembox#item03 .spec { width:77%; }
#HC_bag2025 .itembox#item04 .spec { width:77%; }
#HC_bag2025 .itembox#item05 .spec { width:90%; margin:3.0em auto 6.0em auto; }
#HC_bag2025 .itembox#item06 .spec { width:78%; margin:3.0em auto 6.0em auto; }

#HC_bag2025 .itembox .d_txt {
	display:block;
	margin:3.7em auto 1.0em auto;
	padding:1.5em 0;
	text-align:center;
	line-height:2.5em;
	position:relative;
}
#HC_bag2025 .itembox .d_txt > span {
	display:inline-block;
	width:98% !important;
	text-align:left;
}
#HC_bag2025 .itembox .d_txt:before,
#HC_bag2025 .itembox .d_txt:after {
	content:"";
	display:block;
	width:100%;
	height:2px;
	background-image : linear-gradient(to right, #000 3px, transparent 3px);
	background-size: 7px 2px;
	background-repeat: repeat-x;
	position:absolute;
}
#HC_bag2025 .itembox .d_txt:before {
	top:0;
}
#HC_bag2025 .itembox .d_txt:after {
	bottom:0;
}

#HC_bag2025 .itembox .item {
	width:95%;
	margin:1.5em auto 0 auto;
	justify-content:space-between;
	align-items:center;
}
#HC_bag2025 .itembox .item > div:nth-of-type(1) { width:56%; }
#HC_bag2025 .itembox .item > div:nth-of-type(2) { width:42%; }

#HC_bag2025 .itembox .item > div > p {
	text-align:left;
}
#HC_bag2025 .itembox .item > div > p > span {
	display:block;
}
#HC_bag2025 .itembox .item > div > a,
#HC_bag2025 .picklist > div > a,
#HC_bag2025 .itemtype > a {
	width:95%;
	display:block;
	margin:0 auto;
	box-sizing:border-box;
	padding:0.5em 0;
	border:1px solid #000;
	background:#fff;
	position:relative;
}
#HC_bag2025 .picklist > div > a {
	width:100%;
	margin:1.3em auto 0 auto;
}
#HC_bag2025 .itemtype > a {
	width:70%;
	margin:4.0em auto 0 auto;
	padding:1.2em 0;
}
#HC_bag2025 .itembox .item > div > a:after,
#HC_bag2025 .picklist > div > a:after,
#HC_bag2025 .itemtype > a:after {
	content:"";
	display:block;
	width:0.8em;
	height:calc(0.8em * 1.16);
	background:url(https://carrot.itembox.design/item/images/feature/hc_bag2025/i_arrrow_r.svg) no-repeat;
	background-size:contain;
	position:absolute;
	top:50%;
	right:2.0em;
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	transform:translate(0%, -50%);
}
#HC_bag2025 .itembox .item > div > a:hover,
#HC_bag2025 .itemtype> a:hover {
	border:1px solid #e5e5e5;
	background:#e5e5e5;
}
#HC_bag2025 .picklist > div > a:hover {
	border:1px solid #fff;
	background:#000;
	color:#fff;
}

/* ________________________________ */

#HC_bag2025 .picklist {
	margin:10.0em auto 5.0em auto;
	justify-content:space-between;
	align-items:stretch;
	flex-wrap:wrap;
}
#HC_bag2025 .picklist > div {
	width:49%;
	background:#e5e5e5;
	box-sizing:border-box;
	padding:1.5em 1.3em 2.0em 1.3em;
	margin-bottom:1.0em;
}
#HC_bag2025 .picklist > div .d_txt {
	display:block;
	margin:2.0em auto 0.7em auto !important;
	padding:1.0em 0 !important;
	text-align:left;
	line-height:2.4em;
	letter-spacing:0;
	position:relative;
}
#HC_bag2025 .picklist > div .d_txt:before,
#HC_bag2025 .picklist > div .d_txt:after {
	content:"";
	display:block;
	width:100%;
	height:2px;
	background-image : linear-gradient(to right, #000 3px, transparent 3px);
	background-size: 7px 2px;
	background-repeat: repeat-x;
	position:absolute;
}
#HC_bag2025 .picklist .d_txt:before {
	top:0;
}
#HC_bag2025 .picklist .d_txt:after {
	bottom:0;
}
#HC_bag2025 .picklist .item {
	text-align:left;
	line-height:2.5em;
}
#HC_bag2025 .picklist .item > span {
	display:block;
}


/* ________________________________ */


.fadein {
	opacity: 0;
	transition: opacity 1s, transform 1s;
	transform: translateY(50px);
}
.fadein.visible {
	opacity: 1;
	transform: translateY(0);
}


/* ________________________________ */

/* ________________________________ */

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

#HC_bag2025 {
	width:100% !important;
	font-size:2.3vw !important;
	padding:60px 0 0 0 !important;
	letter-spacing:0em !important;
}
#HC_bag2025 .pc {
	display:none !important;
}
#HC_bag2025 .sp {
	display:block !important;
}
#HC_bag2025 #type > h1 {
	font-size:4.2vw !important;
}
#HC_bag2025 .type_list > div a > h1 {
	font-size:3.0vw !important;
}
#HC_bag2025 .itemtype > h1 {
	font-size:4.2vw !important;
}

#HC_bag2025 .picklist {
	margin:7.0em auto 5.0em auto;
}
#HC_bag2025 .itembox .d_txt:before,
#HC_bag2025 .itembox .d_txt:after {
	content:"";
	display:block;
	width:100%;
	height:2px;
	background-image : linear-gradient(to right, #000 2px, transparent 2px);
	background-size: 5px 1px;
	background-repeat: repeat-x;
	position:absolute;
}
#HC_bag2025 .picklist > div .d_txt:before,
#HC_bag2025 .picklist > div .d_txt:after {
	content:"";
	display:block;
	width:100%;
	height:2px;
	background-image : linear-gradient(to right, #000 2px, transparent 2px);
	background-size: 5px 1px;
	background-repeat: repeat-x;
	position:absolute;
}
}

/* ________________________________ */

/* ________________________________ */

@media screen and (max-width:755px) {
#HC_bag2025 {
	width:100% !important;
	font-size:2.5vw !important;
	padding:60px 0 0 0 !important;
	letter-spacing:0em !important;
}
}