@font-face {
	font-family: 'sakkal_majalla_bold';
	src: url('https://carrot.itembox.design/item/images/lightweight_remodel/sakkal_majalla_bold.woff') format('woff');
}

* { box-sizing: border-box; padding:0; margin:0;  }
.wrapper {
	padding-top:0;
	margin-top:0;
}
.main {
	padding:0 !important;
	margin:0 !important;
}
#LWeight2308_wrap {
	width:100% !important;
	display:block;
	padding:0 0 0 0 !important;
	margin:0 !important;
	margin:0 auto 0 auto !important;
	text-align:center !important;
	overflow: hidden !important;
	box-sizing:border-box !important;
	font-size:16px !important;
	font-family: "source-han-sans-japanese", sans-serif; /* 源ノ角ゴシック */
	font-weight: 300;
	font-style: normal;
	letter-spacing:0.2em;
	line-height:1.5em;
	color:#000;
	background:none;
	width:calc(100vw - 18px) !important;
	position:relative;
	left:50% !important;
	-webkit-transform: translate(-50%, 0%) !important;
	-ms-transform: translate(-50%, 0%) !important;
	transform:translate(-50%, 0%) !important; 
}
#LWeight2308_wrap .f_sm {
	font-weight:normal;
	font-family: sakkal_majalla_bold !important; /* Sakkal Majalla */
}
#LWeight2308_wrap img {
	max-width:100%;
	height:auto;
}
/* .firefox #LWeight2308_wrap {
	width:100vw !important;
} */

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

#LWeight2308_wrap .main_wrap {
	width:100%;
	margin:0 auto;
}
#LWeight2308_wrap #l_bl {
	width:30%;
	max-width:100px;
	margin:80px auto 0 auto;
}
#LWeight2308_wrap h1 {
	font-size:40px;
	font-weight:normal;
	letter-spacing:0.9em;
	line-height:1.7em;
	text-align:center;
	margin:2.0em auto 1.0em auto;
}
#LWeight2308_wrap h1 > span {
	display:block;
	font-size:50%;
	letter-spacing:0.3em;
}
#LWeight2308_wrap p {
	line-height:2.0em;
	margin:0em auto;
}
#LWeight2308_wrap h2 {
	font-size:40px;
	font-weight:normal !important;
	text-align:center;
	margin:3.0em auto 1.0em auto;
}


#LWeight2308_wrap #lineup {
	width:100%;
	max-width:750px;
	margin:5% auto 0 auto;
}
#LWeight2308_wrap .lineups {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	gap:10px;
}
#LWeight2308_wrap .lineups > div {
	width:calc((100% - 10px) / 2);
	position:relative;
}
#LWeight2308_wrap .lineups > div a {
	display:flex;
	align-items:center;
	width:100%;
	height:100%;
	color:#fff;
	background:rgba(0, 0, 0, 0.4);
	position:absolute;
	top:0;
	left:0;
	opacity: 0;
	visibility:hidden;
	transition: all 500ms 0s ease;
}
#LWeight2308_wrap .lineups > div a.overon {
	opacity: 1 !important;
	visibility:visible;
}
#LWeight2308_wrap .lineups > div a > p {
	font-weight:normal;
}
#LWeight2308_wrap .lineups > div a > p > span {
	display:block;
	font-size:200%;
}


/* _________________________________ */


#LWeight2308_Page > section {
	display:block;
	width:100%;
	padding:10% 0 10% 0 !important;
	margin:0;
}
#LWeight2308_Page > section .sliderarea .slide_item {
	max-width: 1200px;
	margin: 0 auto;
}
#LWeight2308_Page > section h3 {
	width:85%;
	max-width:500px;
	margin:0 auto 2.5em auto;
	display:inline-block;
	font-size:20px;
	line-height:1.7em;
	text-align:center;
	box-sizing:border-box;
	padding-left:3.5em;
	position:relative;
	font-weight:normal !important;
}
	#LWeight2308_Page > section h3:after {
		content:"";
		display:block;
		width:100%;
		height:1px;
		background:#799FD8;
		position:absolute;
		bottom:-1.8em;
		left:50%;
		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
		transform:translate(-50%, 0%); 
	}
	#LWeight2308_Page > section h3:before {
		content:"";
		display:block;
		width:5.0em;
		height:5.0em;
		position:absolute;
		top:50%;
		left:0;
		-webkit-transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
		transform:translate(0%, -50%); 
	}
	#LWeight2308_Page > section#type_a h3:before {
		background:url(https://carrot.itembox.design/item/images/lightweight_remodel/w_210.svg) no-repeat;
		background-size:contain;
	}
	#LWeight2308_Page > section#type_b h3:before {
		background:url(https://carrot.itembox.design/item/images/lightweight_remodel/w_390.svg) no-repeat;
		background-size:contain;
	}
	#LWeight2308_Page > section#type_c h3:before {
		background:url(https://carrot.itembox.design/item/images/lightweight_remodel/w_480.svg) no-repeat;
		background-size:contain;
	}
	#LWeight2308_Page > section#type_d h3:before {
		background:url(https://carrot.itembox.design/item/images/lightweight_remodel/w_490.svg) no-repeat;
		background-size:contain;
	}
	#LWeight2308_Page > section#type_e h3:before {
		background:url(https://carrot.itembox.design/item/images/lightweight_remodel/w_450.svg) no-repeat;
		background-size:contain;
	}
#LWeight2308_Page > section h3 > span {
	display:block;
	font-size:200%;
}
#LWeight2308_Page > section > p {
	width:85%;
	max-width:500px;
	margin:1.0em auto 2.5em auto;
	text-align:left;
}

/* _________________________________ */


#LWeight2308_Page .detail {
	display:flex;
	justify-content:space-between;
	width:95%;
	max-width:580px;
	margin:2.0em auto 5.0em auto;
}
#LWeight2308_Page .detail > div {
	width:32%;
}
#LWeight2308_Page .itemprice {
	text-align:center;
	margin:2.0em auto;
}
#LWeight2308_Page .itemprice > span.price {
	margin-left:3.0em;
	font-family: "century-gothic", sans-serif; /* Century Gothic */
	font-weight: 400;
	font-style: normal;
}
#LWeight2308_Page .item > a {
	display:block;
	width:50%;
	max-width:300px;
	margin:0 auto;
	background:#fff;
	box-sizing:border-box;
	padding:1.0em 0;
	border-radius:50px;
	border:1px solid #000;
}
#LWeight2308_Page .item > a:hover {
	background:#858585;
	color:#fff;
}


/* _________________________________ */



#LWeight2308_Page #imgarea {
	background: linear-gradient( rgba(121, 159, 216, 0.0), rgba(121, 159, 216, 1.0));
}
#LWeight2308_Page .imgbox {
	width:100%;
	max-width:800px;
	margin:2.0em auto !important;
	display:flex;
	justify-content:space-between;
	position:relative;
}
#LWeight2308_Page .imgbox.ibox02,
#LWeight2308_Page .imgbox.ibox04 {
	width:90%;
	max-width:750px;
	justify-content:flex-start;
}
#LWeight2308_Page .imgbox.ibox03,
#LWeight2308_Page .imgbox.ibox05 {
	width:90%;
	max-width:750px;
	justify-content:flex-end;
}

#LWeight2308_Page .imgbox.ibox01 > div {width:100%; }
#LWeight2308_Page .imgbox.ibox02 > div {width:70%; }
#LWeight2308_Page .imgbox.ibox03 > div {width:60%; }
#LWeight2308_Page .imgbox.ibox04 > div {width:70%; }
#LWeight2308_Page .imgbox.ibox05 > div {width:60%; margin-right:5%; }

#LWeight2308_Page #imgarea > a {
	display:block;
	width:65%;
	max-width:400px;
	margin:8.0em auto 2.0em auto;
	background:none;
	box-sizing:border-box;
	padding:1.0em 0;
	border-radius:50px;
	border:1px solid #fff;
	color:#fff;
}
#LWeight2308_Page #imgarea > a:hover {
	background:#fff;
	border:1px solid #fff;
	color:#799FD8;
}
#LWeight2308_Page #imgarea span#l_bl,#LWeight2308_Page #imgarea span#l_bl_2 {
	width:30%;
	max-width:100px;
	margin:80px auto 0 auto;
	display:block;
}



/* _________________________________ */



.fadein {
	opacity: 0;
}
.fadein.fadein_on {
	animation: fade_motion 2.0s ease 0.2s forwards;
}
@keyframes fade_motion {
	0% {
		opacity: 0;
		transform: translate(0, 20%);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0%);
	} 
}



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

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

#LWeight2308_wrap {
	width:100vw !important;
	font-size:2.8vw !important;
	padding:0 0 0 0 !important;
	letter-spacing:0.05em !important;
}
#main_wrap .pc,
#LWeight2308_wrap .pc {
	display:none !important;
}
#main_wrap .sp,
#LWeight2308_wrap .sp {
	display:block !important;
}
#LWeight2308_wrap p {
	font-size:3.3vw !important;
	line-height:2.0em !important;
}
#LWeight2308_wrap .main_wrap {
	width:100%;
	margin:0 auto;
}
#LWeight2308_wrap h1 {
	font-size:5.0vw;
	font-weight:normal;
	letter-spacing:0.9em;
	line-height:1.8em;
	text-align:center;
	margin:2.0em auto 2.0em auto;
}
#LWeight2308_wrap h1 > span {
	display:block;
	font-size:60%;
	letter-spacing:0.3em;
}
#LWeight2308_wrap h2 {
	font-size:7.0vw;
	font-weight:normal !important;
	text-align:center;
	margin:3.0em auto 1.0em auto;
}
#LWeight2308_wrap .lineups > div a.overon {
	opacity: 1 !important;
	visibility:visible;
}
#LWeight2308_wrap .lineups > div a > p {
	font-size:2.8vw !important;
	font-weight:normal;
}
#LWeight2308_wrap #l_bl {
	width:20% !important;
	max-width:80px;
	margin:0 auto 40px!important;
}
/* _________________________________ */


#LWeight2308_Page > section {
	display:block;
	width:100%;
	padding:20% 0 20% 0 !important;
	margin:0;
}
#LWeight2308_Page > section h3 {
	width:85%;
	max-width:500px;
	margin:0 auto 2.5em auto;
	display:inline-block;
	font-size:3.7vw !important;
	line-height:1.7em;
	text-align:center;
	box-sizing:border-box;
	padding-left:3.5em;
	position:relative;
	font-weight:normal !important;
}
#LWeight2308_Page .itemprice {
	text-align:center;
	margin:2.0em auto;
	font-size:3.7vw !important;
}
}



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


#LWeight2308_wrap .sliderarea {
	width:100%;
	height:auto;
	background:none;
	padding:0 0 8% 0;
	line-height: 0 !important;
	margin-left: auto;
	margin-right: auto;
	overflow-x:hidden;
}
#LWeight2308_wrap .sliderarea .slider {
	width:100vw;
	margin:0 auto;
	padding:0;
	line-height: 0 !important;
	font-size:0 !important;
}
#LWeight2308_wrap .sliderarea #slide_00 {
	position:relative;
}
#LWeight2308_wrap .sliderarea #slide_00:after {
	content:"";
	display:block;
	width:30%;
	height:calc(30% * 0.38296);
	background:url(https://carrot.itembox.design/item/images/lightweight_remodel/ttl.svg) no-repeat;
	background-size:contain;
	position:absolute;
	z-index:10;
	top:10%;
	left:45%;
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform:translate(-50%, 0%); 
}

#LWeight2308_wrap .slick-track {
	display:flex;
	align-items:stretch !important;
}
#LWeight2308_wrap .slick-slide {
	display:block;
	width:calc(100vw / 3);
	max-width:600px !important;
	position:relative;
}
#LWeight2308_wrap #slide_00 .slick-slide {
	display:block;
	width:calc(100vw / 1.5);
	max-width:600px !important;
	position:relative;
}
#LWeight2308_wrap .slick-slide img { display:block; max-width:98% !important; object-fit: cover; margin:0 auto !important; }
#LWeight2308_wrap #slide_00 .slick-slide img,
#LWeight2308_wrap #slide_02 .slick-slide img,
#LWeight2308_wrap #slide_04 .slick-slide img,
#LWeight2308_wrap #slide_06 .slick-slide img,
#LWeight2308_wrap #slide_08 .slick-slide img,
#LWeight2308_wrap #slide_10 .slick-slide img { display:block; max-width:100% !important; object-fit: cover; margin:0 auto; }

#LWeight2308_wrap ul.slick-dots {
	position: absolute;
	bottom: -50px;
	left:-15px;
}
#LWeight2308_wrap .slide_m ul.slick-dots > li {
	width:0.4em;
	height:0.4em;
	margin: 0 10px !important;
}
#LWeight2308_wrap .slide_item ul.slick-dots > li {
	width:0.8em;
	height:0.8em;
	margin: 0 15px !important;
}
#LWeight2308_wrap .slide_item ul.slick-dots > li button {
	width:0.7em;
	height:0.7em;
	color:#fff;
	border:1px solid #000;
	border-radius:50px;
}
#LWeight2308_wrap ul.slick-dots > li button:before {
	display:none;
}
#LWeight2308_wrap .slide_item ul.slick-dots > li:nth-of-type(1) button {
	background:#BC8560;
	border:1px solid #BC8560;

}
#LWeight2308_wrap .slide_item ul.slick-dots > li:nth-of-type(2) button {
	background:#8E8876;
	border:1px solid #8E8876;
}
#LWeight2308_wrap .slide_item ul.slick-dots > li:nth-of-type(3) button {
	background:#2A2C35;
	border:1px solid #2A2C35;
}
#LWeight2308_wrap .slide_item ul.slick-dots > li:nth-of-type(4) button {
	background:#E4E3DE;
	border:1px solid #E4E3DE;
}
#LWeight2308_wrap .slide_item ul.slick-dots > li:nth-of-type(5) button {
	background:#A99AB0;
	border:1px solid #A99AB0;
}
#LWeight2308_wrap .slide_item ul.slick-dots > li:nth-of-type(6) button {
	background:#B7B3B9;
	border:1px solid #B7B3B9;
}
#LWeight2308_wrap .slide_item ul.slick-dots > li:nth-of-type(7) button {
	background:#CDAA9E;
	border:1px solid #CDAA9E;
}
#LWeight2308_wrap .slide_item ul.slick-dots > li.slick-active button {
	border:1px solid #000;
}
#LWeight2308_wrap .slide_m ul.slick-dots > li.slick-active button {
	border:1px solid #000;
	background:#000;
}
#LWeight2308_wrap .slide_m ul.slick-dots > li button {
	width:0.4em;
	height:0.4em;
	color:#fff;
	border:1px solid #000;
	border-radius:50px;
	padding: 3px;
}
#LWeight2308_wrap .slide_item ul.slick-dots > li button {
	width:0.8em;
	height:0.8em;
	color:#fff;
	border:1px solid #000;
	padding: 7px;
}


@media screen and (max-width:767px) {
#LWeight2308_wrap .sliderarea {
	width:100%;
	height:auto;
	background:none;
	padding:0 0 15% 0 !important;
	line-height: 0 !important;
	margin-left: auto;
	margin-right: auto;
	overflow-x:hidden;
}
#LWeight2308_wrap .sliderarea #slide_00:after {
	content:"";
	display:block;
	width:50%;
	height:calc(50% * 0.38296);
	background:url(https://carrot.itembox.design/item/images/lightweight_remodel/ttl.svg) no-repeat;
	background-size:contain;
	position:absolute;
	z-index:10;
	top:10%;
	left:42%;
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform:translate(-50%, 0%); 
}
#LWeight2308_wrap .slick-slide {
	display:block;
	width:100vw;
	max-width:800px !important;
	position:relative;
}
#LWeight2308_wrap .slick-slide {
	display:block;
/*	width:calc(100vw / 1.5); */
	width:100vw;
	max-width:600px !important;
	position:relative;
}
#LWeight2308_wrap #slide_00 .slick-slide {
	display:block;
	width:100vw;
	max-width:600px !important;
	position:relative;
}
#LWeight2308_wrap ul.slick-dots {
	position: absolute;
	bottom: -40px;
	left:0px;
}
#LWeight2308_wrap .slide_m ul.slick-dots > li {
	width:0.4em;
	height:0.4em;
	margin: 0 10px !important;
}
#LWeight2308_wrap .slide_item ul.slick-dots > li {
	width:0.7em;
	height:0.7em;
	margin: 0 15px !important;
}
#LWeight2308_wrap .slide_m ul.slick-dots > li button {
	width:0.4em;
	height:0.4em;
	color:#fff;
	border:1px solid #000;
	border-radius:50px;
	padding: 3px;
}
#LWeight2308_wrap .slide_item ul.slick-dots > li button {
	width:0.7em;
	height:0.7em;
	color:#fff;
	border:1px solid #000;
	padding: 7px;
}
	#LWeight2308_Page #imgarea > a {
		margin-bottom: 2.0em;
	}
}

@media screen and (max-width:320px) {
#LWeight2308_wrap .sliderarea {
	width:100%;
	height:auto;
	background:none;
	padding:0 0 20% 0 !important;
	line-height: 0 !important;
	margin-left: auto;
	margin-right: auto;
	overflow-x:hidden;
}
#LWeight2308_wrap ul.slick-dots > li button {
	width:0.5em;
	height:0.5em;
	color:#fff;
	border:1px solid #000;
	border-radius:50px;
	margin: 0 0.2em !important;
}
}
.fix_btn {
	display:block;
	position:fixed;
	left:auto;
	top: auto;
	bottom: 3%;
	right: 0;
	z-index:100;
	transition: 0.5s;
	opacity: 0 !important;
	transform: translateX(100%) !important;
}
.fix_btn.move_on {
	opacity: 1 !important;
	transform: translateX(0) !important;
}
.fix_btn a.move {
	transition: all 50ms 0s ease;
}
.fix_btn a.move img {
	display:block;
	max-width: 250px;
	border: 1px solid #222;
	border-right: none;
	border-top-left-radius: 1em;
	border-bottom-left-radius: 1em;
}

@media screen and (max-width:767px) {
.fix_btn {
	bottom: 75px;
}
.fix_btn a.move img {
	display:block;
	max-width: 150px;
}
}