@charset "UTF-8";

/* --------------------------------------------------------------------
　キービジュアル設定
-------------------------------------------------------------------- */
#page-main-wrapper > .key-visual{
position:relative;
}
#page-main-wrapper > .key-visual > .img > img{
width:100%;
}
#page-main-wrapper > .key-visual > h1{
text-align:center;
font-weight:600;
line-height:1.5;
}
#page-main-wrapper > .key-visual > h1 > span{
display:block;
border-bottom:1px solid #000;
width:max-content;
}
#page-main-wrapper > .key-visual > h1 > .type{
display:flex;
align-items:center;
justify-content:center;
color:#000;
font-weight:600;
}
#page-main-wrapper > .key-visual > h1 > .type > .st{
color:#586f7f;
}
#page-main-wrapper > .key-visual > h1 > .type > .wa{
color:#557766;
}
#page-main-wrapper > .key-visual > h1 > .type > .na{
color:#797263;
}
@media screen and (min-width:769px){
	#page-main-wrapper > .key-visual{
	margin:6rem auto 2rem auto;
	}
	#page-main-wrapper > .key-visual > .img{
	margin:4rem auto 0 auto;
	width:850px;
	}
	#page-main-wrapper > .key-visual > h1{
	font-size:3rem;
	}
	#page-main-wrapper > .key-visual > h1 > span{
	padding:0 0 .5rem 0;
	margin:0 auto 2rem auto;
	font-size:1.4rem;
	}
	#page-main-wrapper > .key-visual > h1 > .type{
	font-size:1.7rem;
	margin:1rem auto 0 auto;
	}
}
@media screen and (max-width:768px){
	#page-main-wrapper > .key-visual{
	margin:0 auto 2rem auto;
	}
	#page-main-wrapper > .key-visual > .img{
	padding:0;
	margin:3rem auto 0 auto;
	}
	#page-main-wrapper > .key-visual > .img > img{
	width:100%;
	height:100%;
	aspect-ratio:1 / .6;
	object-fit:cover;
	}
	#page-main-wrapper > .key-visual > h1{
	width:80vw;
	font-size:5.5vw;
	line-height:1;
	margin:6rem auto 0 auto;
	}
	#page-main-wrapper > .key-visual > h1 > span{
	font-size:3.5vw;
	margin:0 auto 2rem auto;
	padding-bottom:1rem;
	}
	#page-main-wrapper > .key-visual > h1 > .type{
	font-size:3.8vw;
	margin-top:1.5rem;
	}
}

/* --------------------------------------------------------------------
　紹介・診断テストボタン・診断小窓エリア設定
-------------------------------------------------------------------- */
/*-- 紹介 --*/
#page-main-wrapper > p{
margin:0 auto;
text-align:center;
line-height:1.5;
}

/*-- 診断テストボタン --*/
#page-main-wrapper > #frametype-window-open{
background:#000;
width:max-content;
font-weight:600;
color:#fff;
cursor:pointer;
}

/*-- 診断小窓 --*/
#page-main-wrapper > #frametype-text-wrap > #close-back-black{
background:rgba(0,0,0,.2);
z-index:889;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
cursor:pointer;
opacity:0;
display:none;
animation:fade-in .9s ease-in-out forwards;
}
#page-main-wrapper > #frametype-text-wrap.open > #close-back-black{
opacity:1;
display:block;
animation:fade-in .9s ease-in-out forwards;
}
#page-main-wrapper > #frametype-text-wrap > #test-main-contents{
visibility:collapse;
-webkit-transition:.2s ease-in-out;
-moz-transition:.2s ease-in-out;
transition:.2s ease-in-out;
position:fixed;
padding:0;
transform:translate(-50%,200%);
top:50%;
left:50%;
z-index:890;
}
#page-main-wrapper > #frametype-text-wrap.open > #test-main-contents{
visibility:visible;
-webkit-transition:.2s ease-in-out;
-moz-transition:.2s ease-in-out;
transition:.2s ease-in-out;
transform:translate(-50%,-50%);
border-bottom:1px solid #ddd;
}
#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #frametype-window-close{
position:absolute;
background:#fff;
border-radius:100%;
color:#000;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
font-variation-settings:'FILL' 0,'wght' 600,'GRAD' 0,'opsz' 48;
width:5rem;
height:5rem;
top:-2rem;
right:-2rem;
z-index:999;
}
#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area{
overflow-x:hidden;
overflow-y:scroll;
height:max-content;
background:#fff;
border-radius:10px;
}
#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area > .app-theme-title{
font-weight:600;
text-align:center;
line-height:1;
}
#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area > .fit{
border-top:1px solid #ddd;
}
#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area > .fit > p{
text-align:center;
font-weight:600;
}
#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area > .fit > ul > li > input{
display:none;
}
#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area > .fit > ul > li > a{
width:100%;
background:#f0f0f0;
font-weight:600;
display:block;
}
#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area > .result{
border-top:1px solid #ddd;
}
#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area > .result > .result_theme > p{
font-weight:600;
text-align:center;
}
#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area > .result > .result_theme > img{
display:block;
margin:0 auto;
}
#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area > .result > .jump-type-btn > a{
background:#000;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:1.6rem;
font-weight:600;
}
#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area > .result > .restart-btn{
text-align:center;
border-bottom:1px solid #000 !important;
width:max-content;
margin:0 auto;
display:block;
font-weight:600;
color:#000;
}
@media screen and (min-width:769px){
	/*-- 紹介 --*/
	#page-main-wrapper > p{
	font-size:1.4rem;
	line-height:1.8;
	padding:0 2rem;
	}

	/*-- 診断テストボタン --*/
	#page-main-wrapper > #frametype-window-open{
	padding:1.5rem 5rem;
	border-radius:6rem;
	font-size:1.8rem;
	margin:4rem auto 0 auto;
	}

	/*-- 診断小窓 --*/
	#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area{
	width:500px;
	}
	#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area > .app-theme-title{
	font-size:1.8rem;
	padding:3rem;
	}
	#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area > .fit{
	padding:2rem 3rem 5rem 3rem;
	}
	#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area > .fit > p{
	font-size:1.6rem;
	line-height:1.8;
	}
	#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area > .fit > ul{
	margin-top:2rem;
	}
	#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area > .fit > ul > li{
	margin-top:.5rem;
	}
	#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area > .fit > ul > li > a{
	padding:1.5rem 2rem;
	line-height:1.5;
	font-size:1.4rem;
	border-radius:.5rem;
	}
	#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area > .result{
	padding-bottom:4rem;
	}
	#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area > .result > .result_theme{
	padding:3rem 0;
	}
	#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area > .result > .result_theme > p{
	font-size:1.8rem;
	line-height:1.5;
	}
	#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area > .result > .result_theme > img{
	width:70%;
	}
	#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area > .result > .result_discription{
	font-size:1.4rem;
	line-height:1.8;
	padding:0 2rem 2rem 2rem;
	}
	#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area > .result > .jump-type-btn > a{
	width:calc(100% - 4rem);
	height:6rem;
	margin:0 auto 2rem auto;
	border-radius:.8rem;
	font-size:1.6rem;
	}
	#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area > .result > .restart-btn{
	font-size:1.5rem;
	}
}
@media screen and (max-width:768px){
	/*-- 紹介 --*/
	#page-main-wrapper > p{
	font-size:1.2rem;
	line-height:1.8;
	text-align:left;
	padding:0 3rem;
	}
	#page-main-wrapper > p > br{
	display:none;
	}

	/*-- 診断テストボタン --*/
	#page-main-wrapper > #frametype-window-open{
	padding:1.2rem 5rem;
	border-radius:6rem;
	font-size:1.2rem;
	margin:2rem auto 0 auto;
	}

	/*-- 診断小窓 --*/
	#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area{
	width:85vw;
	max-height:90vh;
	}
	#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area > .app-theme-title{
	font-size:1.7rem;
	padding:2.5rem;
	}
	#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area > .fit{
	padding:2rem 2rem 4rem 2rem;
	}
	#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area > .fit > p{
	font-size:1.5rem;
	line-height:1.6;
	}
	#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area > .fit > ul{
	margin-top:2rem;
	}
	#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area > .fit > ul > li{
	margin-top:.5rem;
	}
	#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area > .fit > ul > li > a{
	padding:1.5rem 2rem;
	line-height:1.5;
	font-size:1.3rem;
	border-radius:.5rem;
	}
	#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area > .result{
	padding-bottom:4rem;
	}
	#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area > .result > .result_theme{
	padding:2.5rem 0;
	}
	#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area > .result > .result_theme > p{
	font-size:1.6rem;
	line-height:1.5;
	}
	#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area > .result > .result_theme > img{
	width:55%;
	}
	#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area > .result > .result_discription{
	font-size:1.2rem;
	line-height:1.8;
	padding:0 2rem 2rem 2rem;
	}
	#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area > .result > .jump-type-btn > a{
	width:calc(100% - 4rem);
	height:5rem;
	margin:0 auto 2rem auto;
	border-radius:.8rem;
	font-size:1.3rem;
	}
	#page-main-wrapper > #frametype-text-wrap > #test-main-contents > #main-text-area > .result > .restart-btn{
	font-size:1.3rem;
	}
}
/* --------------------------------------------------------------------
　各タイプ説明エリア設定
-------------------------------------------------------------------- */
#ftype-straight.frametype-product-contents{
background:#586f7f;
}
#ftype-wave.frametype-product-contents{
background:#557766;
margin-top:.2rem;
}
#ftype-natural.frametype-product-contents{
background:#797263;
margin-top:.2rem;
}
.frametype-product-contents > h2{
text-align:center;
font-weight:600;
line-height:1;
letter-spacing:.035em;
color:#fff;
}
.frametype-product-contents > h2 > .type{
display:flex;
align-items:center;
gap:0 1.8rem;
justify-content:center;
letter-spacing:.03em;
line-height:1;
}
.frametype-product-contents > h2 > .type:before,
.frametype-product-contents > h2 > .type:after{
content:"";
width:1px;
display:block;
transform:rotate(25deg);
background:#fff;
}
.frametype-product-contents > h2 > .jp{
display:block;
text-align:center;
margin:0 auto;
letter-spacing:.012em;
}
.frametype-product-contents > .cacth{
padding:.5rem 2rem;
font-weight:600;
width:max-content;
margin:0 auto;
color:#fff;
}
#ftype-straight.frametype-product-contents > .cacth{
background:#303c45;
}
#ftype-wave.frametype-product-contents > .cacth{
background:#33443b;
}
#ftype-natural.frametype-product-contents > .cacth{
background:#4a463d;
}
.frametype-product-contents > .text{
text-align:center;
color:#fff;
}
.frametype-product-contents > .pickup-frametype-coodinate > .img{
display:grid;
grid-template-columns:repeat(2, 1fr);
margin:0 auto;
gap:0;
}
.frametype-product-contents > .pickup-frametype-coodinate > .items{
color:#fff;
}
.frametype-product-contents > .pickup-frametype-coodinate > .items > h3{
font-weight:600;
}
.frametype-product-contents > .pickup-frametype-coodinate > .items > ul > li:not(:last-child){
margin-bottom:1.2rem;
}
.frametype-product-contents > .pickup-frametype-coodinate > .items > ul > li > a:before{
content:"";
width:.8rem;
height:.8rem;
aspect-ratio:1 / 1;
border-radius:100%;
margin-right:.5rem;
}
#ftype-straight.frametype-product-contents > .pickup-frametype-coodinate > .items > ul > li > a:before{
background:#303c45;
}
#ftype-wave.frametype-product-contents > .pickup-frametype-coodinate > .items > ul > li > a:before{
background:#33443b;
}
#ftype-natural.frametype-product-contents > .pickup-frametype-coodinate > .items > ul > li > a:before{
background:#4a463d;
}
.frametype-product-contents > .pickup-frametype-coodinate > .items > ul > li > a,
.frametype-product-contents > .pickup-frametype-coodinate > .items > ul > li > a > #item-price,
.frametype-product-contents > .pickup-frametype-coodinate > .items > ul > li > a > #item-price > p{
display:flex;
align-items:center;
font-weight:500;
line-height:1;
color:#fff;
}
.frametype-product-contents > .pickup-frametype-coodinate > .items > ul > li > a > #item-price,
.frametype-product-contents > .pickup-frametype-coodinate > .items > ul > li > a > #item-price > p{
align-items:baseline;
}
.frametype-product-contents > .pickup-frametype-coodinate > .items > ul > li > a > #item-price.normal > #salePrice,
.frametype-product-contents > .pickup-frametype-coodinate > .items > ul > li > a > #item-price.normal > #membersPrice,
.frametype-product-contents > .pickup-frametype-coodinate > .items > ul > li > a > #item-price.members.sale > #normalPrice,
.frametype-product-contents > .pickup-frametype-coodinate > .items > ul > li > a > #item-price.members.sale > #salePrice,
.frametype-product-contents > .pickup-frametype-coodinate > .items > ul > li > a > #item-price.sale:not(.members) > #normalPrice,
.frametype-product-contents > .pickup-frametype-coodinate > .items > ul > li > a > #item-price.sale:not(.members) > #membersPrice,
.frametype-product-contents > .pickup-frametype-coodinate > .items > ul > li > a > #item-price.members:not(.sale) > #normalPrice,
.frametype-product-contents > .pickup-frametype-coodinate > .items > ul > li > a > #item-price.members:not(.sale) > #salePrice{
display:none;
}
.frametype-product-contents > .pickup-frametype-coodinate > .items > ul > li > a > #item-price > #salePrice:before,
.frametype-product-contents > .pickup-frametype-coodinate > .items > ul > li > a > #item-price > #membersPrice:before,
.frametype-product-contents > .pickup-frametype-coodinate > .items > ul > li > a > #item-price > #normalPrice:before{
content:"￥";
font-size:.8em;
}
.frametype-product-contents > .pickup-frametype-coodinate > .items > ul > li > a > #item-price > #salePrice > span#sale-off,
.frametype-product-contents > .pickup-frametype-coodinate > .items > ul > li > a > #item-price #membersPrice > span#members-off{
}
.frametype-product-contents > .pickup-frametype-coodinate > .items > ul > li > a > #item-price > #salePrice > span,
.frametype-product-contents > .pickup-frametype-coodinate > .items > ul > li > a > #item-price > #membersPrice > span{
font-size:.8em;
display:flex;
align-items:center;
margin:0 0 0 .5rem;
}
.frametype-product-contents > .pickup-frametype-coodinate > .items > ul > li > a > #item-price > #salePrice > span:after,
.frametype-product-contents > .pickup-frametype-coodinate > .items > ul > li > a > #item-price > #membersPrice > span:after{
content:"OFF";
}
.frametype-product-contents > .pickup-frametype-coodinate > .items > ul > li > a > .look{
color:#fff;
padding:.4rem 1rem;
font-size:1rem;
margin-left:1rem;
}
#ftype-straight.frametype-product-contents > .pickup-frametype-coodinate > .items > ul > li > a > .look{
background:#303c45;
}
#ftype-wave.frametype-product-contents > .pickup-frametype-coodinate > .items > ul > li > a > .look{
background:#33443b;
}
#ftype-natural.frametype-product-contents > .pickup-frametype-coodinate > .items > ul > li > a > .look{
background:#4a463d;
}
.frametype-product-contents > .frametype-list-up{
background:#fff;
}
.frametype-product-contents > .frametype-list-up > h4{
font-weight:600;
text-align:center;
line-height:1;
}
#ftype-straight.frametype-product-contents > .frametype-list-up > h4{
color:#586f7f;
}
#ftype-wave.frametype-product-contents > .frametype-list-up > h4{
color:#557766;
}
#ftype-natural.frametype-product-contents > .frametype-list-up > h4{
color:#797263;
}
.frametype-product-contents > .frametype-list-up > ul{
display:flex;
flex-wrap:wrap;
gap:1rem 1.5rem;
line-height:1;
}
.frametype-product-contents > .frametype-list-up > ul > li{
display:flex;
align-items:center;
line-height:1;
gap:0 .2rem;
}
.frametype-product-contents > .frametype-list-up > ul > li:before{
font-family:'Material Symbols Outlined';
content:"\e5ca";
color:#ca0000;
display:flex;
align-items:center;
justify-content:center;
}
#ftype-straight.frametype-product-contents > .frametype-recommend-wrap{
background:#e7eaec;
}
#ftype-wave.frametype-product-contents > .frametype-recommend-wrap{
background:#e6e9e6;
}
#ftype-natural.frametype-product-contents > .frametype-recommend-wrap{
background:#ebeae6;
}
.frametype-product-contents > .frametype-recommend-wrap > h5{
text-align:center;
font-weight:600;
display:flex;
align-items:center;
gap:0 1rem;
line-height:1;
}
#ftype-straight.frametype-product-contents > .frametype-recommend-wrap > h5{
color:#303c45;
}
#ftype-wave.frametype-product-contents > .frametype-recommend-wrap > h5{
color:#33443b;
}
#ftype-natural.frametype-product-contents > .frametype-recommend-wrap > h5{
color:#4a463d;
}
.frametype-product-contents > .frametype-recommend-wrap > h5::before{
content:"";
width:.8rem;
height:.8rem;
border-radius:100%;
}
#ftype-straight.frametype-product-contents > .frametype-recommend-wrap > h5::before{
background:#586f7f;
}
#ftype-wave.frametype-product-contents > .frametype-recommend-wrap > h5::before{
background:#557766;
}
#ftype-natural.frametype-product-contents > .frametype-recommend-wrap > h5::before{
background:#797263;
}
.frametype-product-contents > .frametype-recommend-wrap > h5::after{
display:block;
content:"PICK UP";
font-size:.75em;
font-weight:400;
letter-spacing:.09em;
}
#ftype-straight.frametype-product-contents > .frametype-recommend-wrap > h5::after{
color:#586f7f;
}
#ftype-wave.frametype-product-contents > .frametype-recommend-wrap > h5::after{
color:#557766;
}
#ftype-natural.frametype-product-contents > .frametype-recommend-wrap > h5::after{
color:#797263;
}
@media screen and (min-width:769px){
	.frametype-product-contents{
	padding:10rem 0 0 0;
	}
	#ftype-straight.frametype-product-contents{
	margin:10rem auto 0 auto;
	}
	.frametype-product-contents > h2{
	font-size:3.6rem;
	margin-bottom:2rem;
	}
	.frametype-product-contents > h2 > .type{
	font-size:1.6rem;
	margin-bottom:2.5rem;
	}
	.frametype-product-contents > h2 > .type:before,
	.frametype-product-contents > h2 > .type:after{
	height:16px;
	}
	.frametype-product-contents > h2 > .jp{
	font-size:1.4rem;
	margin-top:1.5rem;
	}
	.frametype-product-contents > .cacth{
	font-size:1.4rem;
	}
	.frametype-product-contents > .text{
	font-size:1.4rem;
	margin:2rem auto 8rem auto;
	padding:0 2rem;
	}
	.frametype-product-contents > .pickup-frametype-coodinate{
	width:1200px;
	padding:0 2rem;
	display:grid;
	grid-template-columns:750px 1fr;
	gap:0 5rem;
	padding:0 2rem;
	margin:0 auto 8rem auto;
	}
	.frametype-product-contents > .pickup-frametype-coodinate.two{
	grid-template-columns:1fr 750px;
	}
	.frametype-product-contents > .pickup-frametype-coodinate.two > .img{
	order:2;
	}
	.frametype-product-contents > .pickup-frametype-coodinate.two > .item{
	order:1;
	}
	.frametype-product-contents > .pickup-frametype-coodinate > .img{
	}
	.frametype-product-contents > .pickup-frametype-coodinate > .items{
	margin:0;
	padding:5rem 0;
	}
	.frametype-product-contents > .pickup-frametype-coodinate > .items > h3{
	font-size:2rem;
	line-height:1.5;
	}
	.frametype-product-contents > .pickup-frametype-coodinate > .items > h3::before{
	display:block;
	font-size:1.3rem;
	content:attr(data-label);
	border-bottom:1px solid #fff;
	padding-bottom:1rem;
	margin-bottom:3rem;
	width:max-content;
	opacity:.8;
	}
	.frametype-product-contents > .pickup-frametype-coodinate > .items > p{
	font-size:1.3rem;
	line-height:1.8;
	margin:2rem auto 4rem auto;
	}
	.frametype-product-contents > .frametype-list-up{
	width:680px;
	margin:0 auto;
	padding:4rem;
	border-radius:1rem;
	}
	.frametype-product-contents > .frametype-list-up > h4{
	margin-bottom:2rem;
	font-size:1.8rem;
	}
	.frametype-product-contents > .frametype-list-up > ul > li{
	font-size:1.4rem;
	}
	.frametype-product-contents > .frametype-list-up > ul > li:before{
	font-size:1.2em;
	height:2rem;
	}
	.frametype-product-contents > .frametype-recommend-wrap{
	padding:8rem 0 10rem;
	margin:8rem auto 0 auto;
	}
	.frametype-product-contents > .frametype-recommend-wrap > h5{
	width:1200px;
	padding:0 2rem;
	margin:0 auto 3rem auto;
	font-size:1.8rem;
	}
	.frametype-product-contents .fs-c-productListCarousel.fs-c-slick{
	width:1200px;
	margin:0 auto;
	}
}
@media screen and (max-width:768px){
	.frametype-product-contents{
	padding:6rem 0 0 0;
	}
	#ftype-straight.frametype-product-contents{
	margin:6rem auto 0 auto;
	}
	.frametype-product-contents > h2{
	font-size:2.8rem;
	margin-bottom:1.5rem;
	}
	.frametype-product-contents > h2 > .type{
	font-size:1.55rem;
	margin-bottom:2rem;
	}
	.frametype-product-contents > h2 > .type:before,
	.frametype-product-contents > h2 > .type:after{
	height:1.55rem;
	}
	.frametype-product-contents > h2 > .jp{
	font-size:1.4rem;
	margin-top:1.2rem;
	}
	.frametype-product-contents > .cacth{
	font-size:1.4rem;
	}
	.frametype-product-contents > .text{
	font-size:1.3rem;
	line-height:1.8;
	margin:2rem auto 4rem auto;
	padding:0 3rem;
	text-align:left;
	}
	.frametype-product-contents > .text > br{
	display:none;
	}
	.frametype-product-contents > .pickup-frametype-coodinate{
	width:calc(100% - 6rem);
	margin:0 auto;
	padding-bottom:6rem;
	}
	.frametype-product-contents > .pickup-frametype-coodinate > .img{
	border-radius:.8rem;
	overflow:hidden;
	aspect-ratio:1 / .75;
	}
	.frametype-product-contents > .pickup-frametype-coodinate > .img > figure,
	.frametype-product-contents > .pickup-frametype-coodinate > .img > figure > img{
	width:100%;
	height:100%;
	object-fit:cover;
	}
	.frametype-product-contents > .pickup-frametype-coodinate > .img > figure > img{
	height:100%;
	}
	.frametype-product-contents > .pickup-frametype-coodinate > .items{
	margin:3rem auto 0 auto;
	}
	.frametype-product-contents > .pickup-frametype-coodinate > .items > h3{
	font-size:1.5rem;
	line-height:1;
	text-align:left;
	margin:0 auto;
	}
	.frametype-product-contents > .pickup-frametype-coodinate > .items > p{
	font-size:1.2rem;
	line-height:1.6;
	margin:2rem auto 3rem auto;
	text-align:left;
	}
	.frametype-product-contents > .pickup-frametype-coodinate > .items > p > br{
	display:none;
	}
	.frametype-product-contents > .pickup-frametype-coodinate > .items > ul{
	text-align:left;
	margin:0 auto;
	}
	.frametype-product-contents > .pickup-frametype-coodinate > .items > ul > li > a{
	font-size:1.5rem;
	}
	.frametype-product-contents > .frametype-list-up{
	width:calc(100% - 6rem);
	margin:0 auto 6rem auto;
	padding:3rem;
	border-radius:1rem;
	}
	.frametype-product-contents > .frametype-list-up > h4{
	margin-bottom:2rem;
	font-size:1.6rem;
	}
	.frametype-product-contents > .frametype-list-up > ul{
	font-size:1.2rem;
	font-weight:600;
	}
	.frametype-product-contents > .frametype-recommend-wrap{
	padding:6rem 0;
	}
	.frametype-product-contents > .frametype-recommend-wrap > h5{
	padding:0 3rem;
	font-size:1.5rem;
	margin:0 auto 3rem auto;
	}
	.frametype-product-contents #fsFlickerCommonsRecommend{
	padding:0;
	margin:0 auto;
	}
	.frametype-product-contents .fs-c-productListCarousel.fs-c-slick{
	margin:0 auto;
	}
	.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track{
	padding:0 3rem;
	}
}