@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Jost&display=swap');

html {
	font-size: 62.5%;
}
#main .compo_inner-base{
	width:100%;
	max-width:1280px;
}
#contents_jj .pc_jj{
	display:block;
}
#contents_jj .sp_jj{
	display:none;
}
#contents_jj{
	color:#1A1A1A;
	font-family:"Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Sans", "ヒラギノ角ゴシック", "メイリオ", sans-serif;
	font-feature-settings: "palt";
	font-weight:500;
	line-height:1;
	overflow:hidden;
}
#contents_jj *{
	box-sizing: border-box;
}
#contents_jj a,a:hover{
	text-decoration:none;
	outline:none;
}
#contents_jj a:hover img{
	opacity:1;
}
#contents_jj .font-jost{
	font-family: 'Jost', sans-serif;
	font-weight:400;
}
#contents_jj .main{
	position:relative;
	margin:0 0 3.125%;
}
#contents_jj .main h3{
	font-size:5.0rem;
	color:#fff;
	letter-spacing:0.1em;
	position:absolute;
	bottom:7%;
	right:3.59375%;
	transform:translate(0.1em,0);
}
/*コンセプト*/
#contents_jj .concept{
	margin:0 0 10.39%;
}
#contents_jj .concept h4{
	text-align:center;
	font-size:3.2rem;
	letter-spacing:0.08em;
	text-indent:0.08em;
	margin:0 0 2.25em;
}
#contents_jj .concept .concept-lead{
	font-size:3.0rem;
	line-height:1.8;
	letter-spacing:0.14em;
	margin:0 0 1.5em 15.15625%;
}
#contents_jj .concept .concept-txt{
	font-size:1.6rem;
	line-height:2.125;
	letter-spacing:0.1em;
	margin:0 0 0 15.15625%;
}
/*リンク*/
#contents_jj .page-link{
	text-align:center;
}
#contents_jj .page-link .page-link-l{
	margin:0 0 3.6%;
}
#contents_jj .page-link .page-link-l:last-child{
	margin:0;
}
#contents_jj .page-link h4{
	font-size:3.5rem;
	letter-spacing:0.08em;
	text-indent:0.08em;
	margin:0 0 0.457em;
}
#contents_jj .page-link .page-link-cnt{
	position:relative;
	z-index:1;
}
#contents_jj .page-link .page-link-cnt p{
	font-size:3.5rem;
	letter-spacing:0.08em;
	text-indent:0.08em;
	color:#fff;
	position:absolute;
	top:46%;
	left:50%;
	transform:translate(-50%,0);
	transition: all 0.25s ease-in-out 0s;
	opacity:0;
	z-index:3;
}
#contents_jj .page-link .page-link-cnt p:after{
	content:"";
	width:1.62857em;
	height:1.62857em;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	position:absolute;
	bottom:0;
	left: 50%;
	transform: translate(-50%, 104.1%) rotate(-45deg);
	transform-origin: center;
}
#contents_jj .page-link .page-link-cnt:before{
	content:"";
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.4);
	position:absolute;
	top:0;
	left:0;
	transition: all 0.25s ease-in-out 0s;
	opacity:0;
	z-index:2;
}
#contents_jj .page-link a:hover .page-link-cnt p{
	opacity:1;
}
#contents_jj .page-link a:hover .page-link-cnt:before{
	opacity:1;
}
/*ラインアップ*/
#contents_jj .lineup h4{
	font-size:3.5rem;
	color:#fff;
	letter-spacing:0.08em;
	text-indent:0.08em;
	text-align:center;
	padding:2.342em 0 0.857em;
	background:#272D4C;
	margin:0 0 4.6875%;
}
#contents_jj .lineup h4 span{
	font-family:"Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Sans", "ヒラギノ角ゴシック", "メイリオ", sans-serif;
	font-weight:500;
	font-size:0.54285em;
	letter-spacing:0.04em;
	text-indent:0.04em;
	display:block;
	margin-top:0.63157em;
}
#contents_jj .lineup .lineup-cnt{
	margin:0 0 0 6.40625%;
	width:87.109375%;
}
#contents_jj .lineup .lineup-cnt h5{
	font-size:2.9rem;
	letter-spacing:0.08em;
	margin:0 0 0.82758em;
}
#contents_jj .lineup .lineup-cnt h5 span{
	font-family:"Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Sans", "ヒラギノ角ゴシック", "メイリオ", sans-serif;
	font-weight:500;
	font-size:0.44827em;
	letter-spacing:0.04em;
	margin-left:0.6923em;
}
#contents_jj .lineup .lineup-cnt h5 span.pc_jj{
	display:inline-block;
}
#contents_jj .lineup .lineup-cnt .lineup-products{
	position:relative;
	display:none;
}
#contents_jj .lineup .lineup-cnt .lineup-products-thumb{
	margin:0 0 4.66%;
}
#contents_jj .lineup .lineup-cnt .lineup-products-thumb .thumb{
	display:flex;
	flex-wrap:wrap;
}
#contents_jj .lineup .lineup-cnt .lineup-products-thumb .thumb li{
	width:19.2825112%;
	margin-right:0.89668609%;
}

#contents_jj .lineup .lineup-cnt .lineup-products-thumb .thumb li:nth-child(5){
	margin-right:0;
}
#contents_jj .lineup .lineup-cnt #colorebag .lineup-products-thumb .thumb li:nth-child(-n+5){
	margin-bottom:1.973%;
}
#contents_jj .lineup .lineup-cnt .lineup-products-thumb .thumb li .color_s{
	font-size:1.6rem;
	letter-spacing:0.08em;
	text-indent:0.08em;
	margin:0.75em 0 0.375em 13.95%;
}
#contents_jj .lineup .lineup-cnt .lineup-products-thumb .thumb li .price_s{
	font-size:1.4rem;
	letter-spacing:0.04em;
	text-indent:0.04em;
	color:#808080;
	margin-left:13.95%;
}
#contents_jj .lineup .lineup-cnt .lineup-products-thumb .thumb li .price_s span{
	font-size:0.857142em;
}
/*特設リンク*/
#contents_jj .lineup .lineup-cnt .out-link{
	font-size:1.8rem;
	color:#272D4C;
	letter-spacing:0.08em;
	text-indent:0.08em;
	text-align:center;
	width:39.46188%;
	padding:1.194444em 0 1.361111em;
	border:1px solid #272D4C;
	margin:-2.421% 0 7.713%;
}
#contents_jj .lineup .lineup-cnt .out-link .link-j{
	font-size:0.777777em;
	letter-spacing:0.04em;
	text-indent:0.04em;
	margin:0.7142em auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
#contents_jj .lineup .lineup-cnt .out-link .link-j .link-t{
	width:0.4285714em;
	margin-left: 0.78em;
}
/*商品一覧リンク*/
#contents_jj .concept .out-link{
	font-size:2.2rem;
	color:#272D4C;
	letter-spacing:0.08em;
	text-indent:0.08em;
	text-align:center;
	width:39.46188%;
	padding:0.8em 0 1.2em;
	border:1px solid #272D4C;
	margin:60px auto;
}
#contents_jj .concept .out-link .link-j{
	font-size:0.777777em;
	letter-spacing:0.04em;
	text-indent:0.04em;
	margin:0.7142em auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
#contents_jj .concept .out-link .link-j .link-t{
	width:0.4285714em;
	margin-left: 0.78em;
}
@media screen and (max-width: 767px) {
#main .compo_inner-base{
	padding:0;
}

#contents_jj .pc_jj{
	display:none;
}
#contents_jj .sp_jj{
	display:block;
}
#contents_jj .main{
	margin:0 0 7.733333%;
}
#contents_jj .main h3{
	font-size:8vw;
	bottom:21.9166666%;
	right:7.2%;
}
/*コンセプト*/
#contents_jj .concept{
	margin:0 0 18%;
}
#contents_jj .concept h4{
	font-size:4.6666666vw;
	margin:0 0 2.428em;
}
#contents_jj .concept .concept-lead{
	font-size:4.6666666vw;
	line-height:1.771428;
	margin:0 0 1.457142em 8.1333333%;
}
#contents_jj .concept .concept-txt{
	font-size:3.46666666vw;
	line-height:1.923;
	margin:0 0 0 8.1333333%;
}
/*リンク*/
#contents_jj .page-link .page-link-l{
	margin:0 0 10%;
}
#contents_jj .page-link h4{
	font-size:5.6vw;
	margin:0 0 0.523em;
}
/*#contents_jj .page-link h4 + a{
	pointer-events: none;
}*/
#contents_jj .page-link .page-link-cnt p{
	font-size:3.733333vw;
	top:initial;
	bottom:0;
	left:0;
	transform:translate(0,0);
	opacity:1;
	padding:0.4642857em 0;
	background:rgba(0,0,0,0.4);
	width:37.333333%;
}

#contents_jj .page-link .page-link-cnt p:after{
	width:0.632857em;
	height:0.632857em;
	bottom: initial;
	top: 50%;
	left: initial;
	right: 0;
	transform: translate(-118.776%, -70.71%) rotate(-45deg);
}
#contents_jj .page-link .page-link-cnt:before{
	display:none;
}

/*ラインアップ*/
#contents_jj .lineup h4{
	font-size:5.33333333vw;
	padding:1.75em 0 0.75em;
	margin:0 0 8%;
}
#contents_jj .lineup h4 span{
	font-size:0.65em;
	margin-top:0.61538em;
}
#contents_jj .lineup .lineup-cnt{
	margin:0;
	width:100%;
}
#contents_jj .lineup .lineup-cnt h5{
	font-size:5.33333333vw;
	margin:0 0 0.8em 6.66666%;
}
#contents_jj .lineup .lineup-cnt h5.lineup-h5-sp{
	font-size:3.33333333vw;
	margin:0 0 0.6em 6.66666%;
}
#contents_jj .lineup .lineup-cnt h5 span{
	font-size:0.6em;
	display:inline-block;
}
#contents_jj .lineup .lineup-cnt h5 span.pc_jj{
	display:none;
}
#contents_jj .lineup .lineup-cnt .lineup-products{
	position:relative;
	display:block;
	margin:0 0 7.7333%;
	opacity:0;
}
#contents_jj .lineup .lineup-cnt .lineup-products .slides li img{
	width:100%;
}
#contents_jj .lineup .lineup-cnt .lineup-products .slides li .color_s{
	font-size:4.26666666vw;
	margin:0.625em 0 0.4375em 7.33333335%;
}
#contents_jj .lineup .lineup-cnt .lineup-products .slides li .price_s{
	font-size:3.6vw;
	margin-left:7.33333335%;
}
#contents_jj .lineup .lineup-cnt .lineup-products-thumb .thumb li .price_s span{
	font-size:0.888888em;
}
#contents_jj .lineup .lineup-cnt .lineup-products-thumb{
	width:85.33333333%;
	margin:0 auto 6.666666%;
}
#contents_jj .lineup .lineup-cnt .lineup-products-thumb .thumb li{
	width:18.75%;
	margin-right:1.5625%;
	position:relative;
}
#contents_jj .lineup .lineup-cnt .lineup-products-thumb .thumb li.flex-active:after{
	content:"";
	width:100%;
	height:3px;
	background:#272D4C;
	position: absolute;
	bottom:0;
	left:0;
}
#contents_jj .lineup .lineup-cnt #colorebag .lineup-products-thumb .thumb li:nth-child(-n+5){
	margin-bottom:1.5625%;
}
#contents_jj .lineup .lineup-cnt .lineup-products-thumb .thumb li .color_s{
	display:none;

}
#contents_jj .lineup .lineup-cnt .lineup-products-thumb .thumb li .price_s{
	display:none;
}
.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next{
	font-size:0;
	transform:translate(68%,0) rotate(45deg);
}
.flex-direction-nav .flex-next{
	transform:translate(-68%,0) rotate(-135deg);
}
.flex-direction-nav a{
	width:5.7893vw;
	height:5.7893vw;
	margin:0;
	overflow:visible;
	top:40.8%;
}
.flex-direction-nav a:before,
.flex-direction-nav a.flex-next:before{
	content:"";
	width:100%;
	height:100%;
	border-left:2px solid #fff;
	border-bottom:2px solid #fff;

}
/*BUYボタン*/
#contents_jj .lineup .btn_buy{
	font-size:3.7333333vw;
	color:#272D4C;
	letter-spacing:0.08em;
	padding:0.7142em 0;
	border:1px solid #272D4C;
	width:85.333333333%;
	margin:0 auto 11.7333333%;
}
#contents_jj .lineup .btn_buy_b{
		margin:0 auto 5%;
}
#contents_jj .lineup .btn_buy p{
	display:flex;
	justify-content:center;
	align-items:center;
}
#contents_jj .lineup .btn_buy p span{
	font-family:"Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Sans", "ヒラギノ角ゴシック", "メイリオ", sans-serif;
	font-size:0.857142em;
	letter-spacing:0.04em;
	margin-left:1em;
}
#contents_jj .lineup .btn_buy p .link-t{
	width:1.5733333vw;
	margin-left: 0.6428em;
}
/*特設リンク*/
#contents_jj .lineup .lineup-cnt .out-link{
	font-size:3.7333333vw;
	color:#fff;
	width:85.333333333%;
	background:#272D4C;
	padding:1.07142em 0 1em;
	margin:-9% auto 11.7333333%;

}
#contents_jj .lineup .lineup-cnt .out-link .link-j{
	font-size:0.857142em;
	margin:0.75em auto 0;
}
#contents_jj .lineup .lineup-cnt .out-link .link-j .link-t{
	width:1.5733333vw;
	margin-left: 0.6428em;
}
#contents_jj .lineup hr{
	display: block;
	height: 0;
 	width: auto;
	margin: 0 0 7.4666%;
	border: 1px inset;
}
/*特設リンク*/
#contents_jj .lineup .lineup-cnt .out-link{
	font-size:3.7333333vw;
	color:#fff;
	width:85.333333333%;
	background:#272D4C;
	padding:1.07142em 0 1em;
	margin:-9% auto 11.7333333%;

}
#contents_jj .lineup .lineup-cnt .out-link .link-j{
	font-size:0.857142em;
	margin:0.75em auto 0;
}
#contents_jj .lineup .lineup-cnt .out-link .link-j .link-t{
	width:1.5733333vw;
	margin-left: 0.6428em;
}
/*商品一覧リンク*/
#contents_jj .concept .out-link{
	font-size:4vw;
	color:#fff;
	width:85.333333333%;
	background:#272D4C;
	padding:0.6em 0 1.2em;
	margin:30px auto;
}
#contents_jj .concept .out-link .link-j{
	font-size:0.857142em;
	margin:0.75em auto 0;
}
#contents_jj .concept .out-link .link-j .link-t{
	width:1.5733333vw;
	margin-left: 0.6428em;
}	
#contents_jj .lineup hr{
	display: block;
	height: 0;
 	width: auto;
	margin: 0 0 7.4666%;
	border: 1px inset;
}
}

@media screen and (min-width: 768px) {
#contents_jj .lineup .lineup-cnt .lineup-products-thumb .thumb li{
	cursor:pointer;
}
}