@charset "utf-8";

#contents_jj #main{
	padding:5.6% 0;
	background:#EB612A;
}
#contents_jj #main h2 img{
	width:100%;
	margin:0 0 2.86% 0;
}
#contents_jj #main .movie{
	width:86.63%;
	padding:1.83%;
	margin:0 auto 3.684%;
	border:3px solid #FFEB00;
}
#contents_jj #main .voice{
	width:100%;
}
#contents_jj #main figcaption{
	font-size:1.3rem;
	color:#fff;
	font-weight:300;
	text-align:right;
	margin-top:1em;
	margin-right:1em;
}
#contents_jj #point{
	background:#009FD9;
	padding:0 0 5%;
	text-align:center;
}
#contents_jj #point h3{
	font-size:4.0517rem;
	font-weight:800;
	color:#FFEA00;
	padding:1.15em 0 0.6em;
}
#contents_jj #point .point_step{
	width:92.142%;
	margin:0 0 1.8% 0.571%;
}
#contents_jj #point .pitin{
	width:89.1836%;
	margin:0 0 1.428% 5.816%;
	display:block;
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.25));

}
#contents_jj #point .point_5step{
	width:85.3%;
	margin:0 0 2.3% 12.857%;
	display:block;
}
#contents_jj #point ul{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	width:86.632%;
	margin:auto;
}
#contents_jj #point ul li{
	width:48%;
}
#contents_jj #point ul li img{
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.25));

}
#contents_jj #point ul li p{
	font-size:2.744rem;
	font-weight:800;
	color:#fff;
	margin:0.63em 0 1.1em;
}
#contents_jj .point_voice img{
	width: 97%;
	margin: 30px 0;
}
#contents_jj #papa img{
	position:relative;
	z-index:2;
}
#contents_jj #papa .cnt_link{
	padding:10.8% 0 3.67%;
	margin-top:-10.9%;
	z-index:1;
	color:#333333;
}
#contents_jj #papa .cnt_link:before{
	border-top:none;
}
#contents_jj #papa p{
	text-align:center;
	font-size:3.13rem;
	font-weight:700;
	line-height:1.58;
	margin:0.63em 0 1.1em;
}
#contents_jj #papa p span{
	background:linear-gradient(transparent 60%, #FFEB00 60%,#FFEB00 93%,#fff 93%);
}
#contents_jj #mama .mama_img{
	width:83.367%;
	margin:-3% 0 0 6.53%;
	position: relative;
	z-index: 3;
}
#contents_jj #mama.cnt_link:before{
	border-color:#EA602A;
}
#contents_jj #mama .mama_cnt{
	text-align:center;
	color:#333333;
	font-weight:700;
	padding:0 0 6.12%;
}
#contents_jj #mama .mama_cnt .enq_ttl{
	font-size:4.45rem;
	font-weight:800;
	width:12.08em;
	margin:0 auto 0.36em;
	background:#F2F2F2;
}
#contents_jj #mama .mama_cnt .enq_txt{
	font-size:3.13rem;
	line-height:1.58;
	margin:0 0 0.32em;
}
#contents_jj #mama .mama_cnt .enq_txt span{
	background:linear-gradient(transparent 60%, #FFEB00 60%,#FFEB00 93%,#fff 93%);
;
}
#contents_jj #mama .mama_cnt .enq_fig{
	font-size:1.99rem;
	margin:0 0 2.35em;
}
#contents_jj #mama .mama_cnt .enquete{
	display:block;
	width:79.69%;
	margin:0 0 3.67% 8.97%;
}
#contents_jj #mama .mama_cnt .enquete_caption{
	font-size:3.398rem;
	color:#EA602A;
	margin:0 0 1em;
}
#contents_jj #mama .mama_cnt figcaption{
	font-size:11.7rem;
	font-weight:800;
	color:#F2F2F2;
	white-space: nowrap;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translate(-50%,-46%);
	z-index:-1;
	letter-spacing:-0.1em;
}
#contents_jj #sole{
	background:#EA602A;
	padding:3.87% 0;
}
#contents_jj #sole .sole_h{
	width:107.85%;
	max-width:107.85%;
	margin:0 0 1.326% -3.46%;
}
#contents_jj #sole .sole_tec{
	width:86.6%;
	display:block;
	margin:0 auto 5.1%;
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.25));
}
#contents_jj #sole .sole_support{
	width:88.367%;
	display:block;
	margin:0 0 1.32% 6.53%;
}
#contents_jj #sole ul{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	width:86.632%;
	margin:auto;
}
#contents_jj #sole ul li{
	width:41.46%;
	text-align:center;
}
#contents_jj #sole ul li img{
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.25));

}
#contents_jj #sole ul li p{
	font-size: 1.8912rem;
	font-weight:800;
	color:#fff;
	line-height:1.428;
	margin: 1.34em 0 0;
}
#contents_jj #sole ul li:last-child{
	width:54.652%;
}
#contents_jj #sole ul li:last-child p{
	font-size:2.3526rem;
	line-height:1.444;
	margin:1.53em 0 0;
}
#contents_jj #sole .sole_img{
	text-align: center;
	margin: 30px auto;
}
#contents_jj #styling{
	text-align:center;
}
#contents_jj #styling.cnt:after{
	border-color:  transparent transparent #333333 #333333;
}
#contents_jj #styling h3{
	font-size:4.0517rem;
	font-weight:800;
	color:#333333;
	padding:1.06em 0 1.6em;
}
#contents_jj #styling .styling_img{
	width:86.42%;
}
#contents_jj #lineup{
	background:#F2F2F2;
	text-align:center;
}
#contents_jj #lineup.cnt:after{
	border-color:  transparent transparent #333333 #333333;
}
#contents_jj #lineup h3{
	font-size:4.0517rem;
	font-weight:800;
	color:#333333;
	padding:1.06em 0 0.45em;
}
#contents_jj #lineup .lineup_shoes{
	display:block;
	width:81.83673%;
	margin:0 0 4.489% 8.7755%;
}
#contents_jj #lineup .lineup_prd{
	width:89.591%;
	margin:auto;
	padding:4.79% 0 6%;
	border-bottom:dotted 2.6px #009FD9;
	text-align:left;
}
#contents_jj #lineup .lineup_prd:last-child{
	border-bottom:none;
}
#contents_jj #lineup .lineup_prd.lineup_prd_01{
	border-top:solid 2.6px #009FD9;
}
#contents_jj #lineup .lineup_prd dl{
	display:flex;
	align-items:center;
	margin:0 0 3%;
}
#contents_jj #lineup .lineup_prd dl dt{
	width:16.51%;
}
#contents_jj #lineup .lineup_prd dl dt img{
	width:100%;
}
#contents_jj #lineup .lineup_prd dl dd{
	width:83.49%;
	padding-left:2.2%;
	font-weight:700;
	font-size:2.4rem;
	color:#595757;
}
#contents_jj #lineup .lineup_prd dl dd .prd_catch{
	margin:0 0 1em;
	color:#EB612A;
}
#contents_jj #lineup .lineup_prd dl dd .prd_logo{
	height:46.5px;
}
#contents_jj #lineup .lineup_prd dl dd div{
	font-size:0.583em;
	display:flex;
	margin:1.285em 0 0;
	letter-spacing:0.05em;
}
#contents_jj #lineup .lineup_prd dl dd div span{
	color:#EB612A;
	font-size:0.93em;
	margin-right:0.4em;
}
#contents_jj #lineup .lineup_prd dl dd div small{
	font-size:0.93em;
	margin-left:1.5em;
	line-height:1.2;
}
#contents_jj #lineup .lineup_prd dl dd div .prd_hin,
#contents_jj #lineup .lineup_prd dl dd div .prd_price{
	margin-right:0.577em;
}
#contents_jj #lineup .lineup_prd .lineup_premore{
	margin:0 0 3.7%;
}
#contents_jj .mama_text{
	text-align: center;
	font-weight: normal;
	padding-top: 15px;
}
#contents_jj .yotei_btn{
	text-align: center;
	font-size: 18px;
	background: #FFF;
	width: 250px;
	margin: 0 auto;
	padding: 20px;
}
@media screen and (max-width: 767px) {
#contents_jj #point h3{
	font-size:4.13438vw;
}
#contents_jj #point ul li p{
	font-size:2.8vw;
}
#contents_jj #main figcaption{
	font-size:1.0rem;
}
#contents_jj #papa p{
	font-size:3.193877vw;
}
#contents_jj #mama .mama_cnt .enq_ttl{
	font-size:4.54vw;

}
#contents_jj #mama .mama_cnt .enq_txt{
	font-size:3.193877vw;

}
#contents_jj #mama .mama_cnt .enq_fig{
	font-size:2.03vw;
}

#contents_jj #mama .mama_cnt .enquete_caption{
	font-size:3.467vw;
}
#contents_jj #mama .mama_cnt figcaption{
	font-size:11.938vw;
}
#contents_jj #sole ul li p{
	font-size: 1.9297vw;

}

#contents_jj #sole ul li:last-child p{
	font-size:2.4vw;
}

#contents_jj #styling h3{
	font-size:4.13438vw;
}
#contents_jj #lineup h3{
	font-size:4.13438vw;
}
#contents_jj #lineup .lineup_prd dl dd{
	font-size:2.48vw;
}
#contents_jj #lineup .lineup_prd dl dd .prd_logo{
	height:4.744vw;
}
#contents_jj #lineup .lineup_prd dl dd div{
	font-size:0.9em;
	flex-wrap:wrap;
	margin:0.585em 0 0
}
#contents_jj #lineup .lineup_prd dl dd div .prd_hin,
#contents_jj #lineup .lineup_prd dl dd div .prd_price{
	margin-right:0.177em;
	margin-bottom:0.177em;
}
#contents_jj .yotei_btn{
	width: 200px;
	font-size: 14px;
	padding: 15px;
}
}