@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;
}
#CarryOnLuggage {
	width:100% !important;
	height:auto !important;
	min-height:100% !important;
	display:block;
	padding:0 0 0 0 !important;
	margin:0 !important;
	margin:0 auto 0 auto !important;
	box-sizing:border-box !important;
	letter-spacing: 0;
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	font-weight: 400;
	font-size:14px !important;
	font-style: normal;
	line-height:1.5em !important;
	text-align:center;
	line-break:strict !important;
	overflow-x:hidden;
/*	counter-reset: ttlnum 0; */
}

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

#CarryOnLuggage p > span.marker {
	display: inline;
	padding: 0 4px 2px 4px;
	background: linear-gradient(transparent 60%, #ced9d5 0%);
}
#CarryOnLuggage table {
	width:60%;
	margin:0 auto;
	padding:0;
	text-align:center;
	line-height:1.75em;
	border-collapse: collapse;
	border-collapse: collapse;
	border-right:1px solid #b8b8b8;
	font-size:14px;
}
#CarryOnLuggage table th,
#CarryOnLuggage table td {
	padding:0.5em 0;
}
#CarryOnLuggage table th {
	background:#b8b8b8;
	color:#000;
	font-weight:normal;
	border-bottom:1px solid #fff;
}
#CarryOnLuggage table tr:nth-of-type(1) th {
	font-weight:bold;
}
#CarryOnLuggage table tr:nth-of-type(6) th,
#CarryOnLuggage table td {
	border-bottom:1px solid #b8b8b8;
}
#CarryOnLuggage h1,
#CarryOnLuggage h2,
#CarryOnLuggage h3 {
	font-family: "hiragino-kaku-gothic-pronW6", "HiraKakuProN-W6", sans-serif;
	font-weight: bold;
}

/* ________________________________ */

#CarryOnLuggage .main_wrap {
	width:100%;
	width:100vw;
	margin:60px auto;
	position:relative;
	left:50%;
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform:translate(-50%, 0%);
}
#CarryOnLuggage .main_wrap > img {
	display:block;
	width:100%;
	max-width:1200px !important;
	margin:0 auto;
}
#CarryOnLuggage .main_wrap > p {
	width:90%;
	max-width:800px !important;
	display:block;
	text-align:left;
	line-height:1.75em;
	margin:3.0em auto 3.0em auto;
}
#CarryOnLuggage .mokuji_menu {
	width:27%;
	min-width:25%;
	max-width:50%;
	display:block;
	margin:120px auto;
	background:#e6e6e6;
	border-radius:10px;
	box-sizing:border-box;
	padding:2.0em 3.0em 3.0em 3.0em;
	text-align:left;
	counter-reset: mokujinum 0;
	margin-top:calc(120px - 0.375em);
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
}

@media screen and (max-width:1140px) {
	#CarryOnLuggage .mokuji_menu {
		width:29%;
	}
}
@media screen and (max-width:1063px) {
	#CarryOnLuggage .mokuji_menu {
		width:31%;
	}
}
@media screen and (max-width:994px) {
	#CarryOnLuggage .mokuji_menu {
		width:33%;
	}
}
@media screen and (max-width:934px) {
	#CarryOnLuggage .mokuji_menu {
		width:35%;
	}
}
@media screen and (max-width:879px) {
	#CarryOnLuggage .mokuji_menu {
		width:37%;
	}
}

#CarryOnLuggage .mokuji_menu > h1 {
	margin:0 auto 2.0em auto;
	text-align:center;
	font-size:16px;
	line-height:2.0em;
}
#CarryOnLuggage .mokuji_menu > h1 > span {
	color:#fff;
	line-height:2.0em;
	background:#3e3e3e;
	border-radius:50px;
	box-sizing:border-box;
	padding:0.2em 1.5em 0.3em 2.5em;
	font-size:16px;
	font-weight:normal;
	position:relative;
}
#CarryOnLuggage .mokuji_menu > h1 > span:before {
	content:"";
	display:block;
	width:1.0em;
	height:calc(1.0em * 0.8085);
	background:url(https://carrot.itembox.design/item/images/feature/travel_bag_airplane/i_mokuji.svg) no-repeat;
	background-size:contain;
	position:absolute;
	top:50%;
	left:1.25em;
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	transform:translate(0%, -50%);
}
#CarryOnLuggage .mokuji_menu > p,
#CarryOnLuggage .mokuji_menu > span {
	margin:0.5em auto;
	font-family: "hiragino-kaku-gothic-pronW6", "HiraKakuProN-W6", sans-serif;
	font-weight: bold;
}
#CarryOnLuggage .mokuji_menu > p:before {
	counter-increment: mokujinum 1;
	content: counter(mokujinum) ". ";
}
#CarryOnLuggage .mokuji_menu > span {
	display:block;
	margin-left:1.0em;
}

/* ________________________________ */

#CarryOnLuggage section {
	width:90%;
	max-width:800px !important;
	margin:120px auto;
	text-align:left;
}
#CarryOnLuggage section > h2 {
	font-size:16px;
	position:relative;
	margin:0 auto;
	z-index:2;
}
#CarryOnLuggage section.pick > h2 > span {
	font-size:16px;
	text-align:left;
	padding:0 2.0em 0 0.1em;
	background:#fff;
	position:relative;
	z-index:2;
}
#CarryOnLuggage section.pick > h2:after {
	content:"";
	display:block;
	width:100%;
	height:1px;
	background:#000;
	position:absolute;
	top:50%;
	left:0;
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	transform:translate(0%, -50%);
	z-index:1;
}
#CarryOnLuggage section p {
	line-height:1.75em;
}
#CarryOnLuggage section.mokuji > p {
	margin-top:calc(60px - 0.375em);
	margin-bottom:calc(60px - 0.375em);
	margin-left:auto;
	margin-right:auto;
}
#CarryOnLuggage section#mokuji_03 > h3 {
	font-size:16px;
	margin-top:calc(60px - 0.375em);
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
}
#CarryOnLuggage section#mokuji_03 > p {
	margin-top:0;
	margin-bottom:calc(60px - 0.375em);
	margin-left:auto;
	margin-right:auto;
}
#CarryOnLuggage section.pick > p {
	margin-top:calc(40px - 0.375em);
	margin-bottom:calc(40px - 0.375em);
	margin-left:auto;
	margin-right:auto;
}
#CarryOnLuggage section#mokuji_01 > p:nth-last-of-type(1) {
	width:60%;
	margin:1.0em auto 0 auto;
	text-align:left;
	font-size:11px;
}
/* #CarryOnLuggage section.mokuji > h2:before {
	counter-increment: ttlnum 1;
	content: counter(ttlnum) ". ";
} */
#CarryOnLuggage section#mokuji_02 h3 {
	text-align:center;
	margin:60px auto;
}
#CarryOnLuggage section ul {
	display:flex;
	justify-content:center;
	align-items:center;
	gap:0 15px;
}
#CarryOnLuggage section ul > li {
	width:14%;
	min-width:64px;
	text-align:center;
	line-height:1.75em;
}
#CarryOnLuggage section ul > li > a {
	display:block;
	color:#fff;
	background:#3e3e3e;
	box-sizing:border-box;
	padding:0.3em 0;
	border-radius:10px;
}
#CarryOnLuggage section.pick > img {
	margin:40px auto;
}
#CarryOnLuggage section.pick > img:nth-of-type(2) {
	margin:60px auto 40px auto;
}
#CarryOnLuggage section .img2list {
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:0 20px;
	margin:0 auto;
}
#CarryOnLuggage section#matome > p:nth-of-type(1) {
	margin:60px auto 0 auto;
}
#CarryOnLuggage section#matome > p:nth-of-type(2) {
	margin:0 auto;
}
#CarryOnLuggage section#matome > ol {
	margin:30px auto;
}
#CarryOnLuggage section#matome > ol > li {
	text-indent:-1.0em;
	padding-left:1.0em;
	margin:1.3em auto;
}


/* ________________________________ */

#CarryOnLuggage .product {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin:40px auto 0 auto;
	box-sizing:border-box;
	border:1px solid #747474;
	padding:2.0em 1.5em;
}
#CarryOnLuggage .product > div:nth-of-type(1) {
	width:35%;
}
#CarryOnLuggage .product > div:nth-of-type(2) {
	width:63%;
}
#CarryOnLuggage .product > div h3 {
	margin-left:-0.5em;
	font-size:16px;
}
#CarryOnLuggage .product > div p {
	margin:2.20em auto 1.5em auto;
}
#CarryOnLuggage .product > div span {
	text-align:left;
}
#CarryOnLuggage .product > div span > a {
	width:40%;
	display:block;
	color:#fff;
	text-align:center;
	background:#3e3e3e;
	box-sizing:border-box;
	padding:0.3em 0;
	border-radius:10px;
	border:1px solid #3e3e3e;
	position:relative;
}
#CarryOnLuggage .product > div span > a:after,
#CarryOnLuggage span.p_btn_list > a:after {
	content:"";
	display:block;
	width:0.7em;
	height:calc(0.7em * 1.3928);
	background:url(https://carrot.itembox.design/item/images/feature/travel_bag_airplane/i_arrow.svg) no-repeat;
	background-size:contain;
	position:absolute;
	top:50% !important;
	right:2.5em !important;
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	transform:translate(0%, -50%);
}
#CarryOnLuggage span.p_btn_list {
	text-align:center;
}
#CarryOnLuggage span.p_btn_list > a {
	width:40%;
	display:block;
	color:#fff;
	text-align:center;
	background:#3e3e3e;
	box-sizing:border-box;
	margin:60px auto 0 auto;
	padding:1.0em 0;
	border-radius:10px;
	border:1px solid #3e3e3e;
	position:relative;
}
#CarryOnLuggage span.p_btn_list + h3 {
	margin:120px auto 10px auto !important;
}
#CarryOnLuggage section#matome span.p_btn_list > a  {
	margin:60px auto 120px auto !important;
}

#CarryOnLuggage .product > div span > a:hover,
#CarryOnLuggage span.p_btn_list > a:hover,
#CarryOnLuggage section#matome span.p_btn_list > a:hover {
	color:#3e3e3e;
	background:#fff;
	border:1px solid #3e3e3e;
}
#CarryOnLuggage .product > div span > a:hover:after,
#CarryOnLuggage span.p_btn_list > a:hover:after {
	background:url(https://carrot.itembox.design/item/images/feature/travel_bag_airplane/i_arrow_b.svg) no-repeat;
	background-size:contain;
}


/* ________________________________ */


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


/* ________________________________ */

/* ________________________________ */

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

#CarryOnLuggage {
	width:100% !important;
	font-size:14px !important;
	padding:60px 0 0 0 !important;
	letter-spacing:0em !important;
	line-height:1.75em;
}
#CarryOnLuggage .pc {
	display:none !important;
}
#CarryOnLuggage .sp {
	display:block !important;
}
#CarryOnLuggage .main_wrap {
	width:100%;
	width:100vw;
	margin:0 auto 60px auto;
	position:relative;
	left:50%;
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform:translate(-50%, 0%);
}
#CarryOnLuggage .mokuji_menu {
	width:65%;
	display:block;
	margin:120px auto;
	background:#e6e6e6;
	border-radius:10px;
	box-sizing:border-box;
	padding:2.0em 3.0em 3.0em 3.0em;
	text-align:left;
	counter-reset: mokujinum 0;
}

#CarryOnLuggage table {
	width:97%;
	margin:0 auto;
	text-align:center;
	line-height:1.75em;
	border-collapse: collapse;
	border-collapse: collapse;
	border-right:1px solid #b8b8b8;
	font-size:14px;
}
#CarryOnLuggage table th,
#CarryOnLuggage table td {
	padding:0.5em 0;
}
#CarryOnLuggage section#mokuji_01 > p:nth-last-of-type(1) {
	width:95%;
	margin:1.0em auto 0 auto;
	text-align:left;
	font-size:11px;
}

/* ________________________________ */

#CarryOnLuggage section ul > li {
	width:30%;
	min-width:64px;
	text-align:center;
	line-height:1.75em;
}
/* ________________________________ */

#CarryOnLuggage .product {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	margin:40px auto 0 auto;
	box-sizing:border-box;
	border:1px solid #747474;
	padding:3.0em 1.2em;
}
#CarryOnLuggage .product > div:nth-of-type(1),
#CarryOnLuggage .product > div:nth-of-type(2) {
	width:100%;
}
#CarryOnLuggage .product > div h3 {
	margin-left:-0.5em;
	margin-bottom:2.0em;
	font-size:16px;
	text-align:center;
}
#CarryOnLuggage .product > div img {
	width:65%;
	margin:0 auto;
}
#CarryOnLuggage .product > div span > a {
	width:45%;
	display:block;
	color:#fff;
	text-align:center;
	background:#3e3e3e;
	box-sizing:border-box;
	padding:0.3em 0;
	border-radius:10px;
	margin:0 auto;
	position:relative;
}
#CarryOnLuggage .product > div span > a:after,
#CarryOnLuggage span.p_btn_list > a:after {
	content:"";
	display:block;
	width:0.6em;
	height:calc(0.6em * 1.3928);
	background:url(https://carrot.itembox.design/item/images/feature/travel_bag_airplane/i_arrow.svg) no-repeat;
	background-size:contain;
	position:absolute;
	top:50% !important;
	right:2.0em !important;
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	transform:translate(0%, -50%);
}
#CarryOnLuggage span.p_btn_list > a {
	width:70%;
	display:block;
	color:#fff;
	text-align:center;
	background:#3e3e3e;
	box-sizing:border-box;
	margin:60px auto 0 auto;
	padding:1.0em 0;
	border-radius:10px;
	position:relative;
}
}

@media screen and (max-width:619px) {
	#CarryOnLuggage .mokuji_menu {
		width:65%;
		max-width:70%;
	}
}

@media screen and (max-width:447px) {
	#CarryOnLuggage .mokuji_menu {
		width:90%;
		max-width:95%;
		padding:2.0em 1.0em 3.0em 1.5em;
	}
}

@media screen and (max-width:399px) {
	#CarryOnLuggage .product > div span > a {
		width:70%;
		display:block;
		color:#fff;
		text-align:center;
		background:#3e3e3e;
		box-sizing:border-box;
		padding:0.3em 0;
		border-radius:10px;
		margin:0 auto;
		position:relative;
	}
	#CarryOnLuggage span.p_btn_list > a {
		width:90%;
		display:block;
		color:#fff;
		text-align:center;
		background:#3e3e3e;
		box-sizing:border-box;
		margin:60px auto 0 auto;
		padding:1.0em 0;
		border-radius:10px;
		position:relative;
	}
}