@charset "UTF-8";

/*------------------------pg_lineup---------------------------*/
[class^=pg_lineup] section{
background:#ffe7e3;
}



/*------------------------pg_lineup ukomi---------------------------*/
[class^=pg_lineup] .review_box{
text-align:center;
}



/*------------------------pg_lineup lineup_intro---------------------------*/
.lineup_intro{
padding:2rem 0;
}
.lineup_intro .ttl_box{
}
.lineup_intro .ttl_box .img01{
width:80%;
margin:0 auto;
}
.lineup_intro .ttl_box .ttl{
position:relative;
text-align:center;
font-weight:700;
font-size:2.4rem;
line-height:1.5;
color:#f26578;
}
.lineup_intro .ttl_box .img02{
width:90%;
margin:-7rem auto 0;
}
.lineup_intro .catch_box{
margin-top:2rem;
font-weight:700;
text-align:center;
}
.lineup_intro .catch_box strong{
color:#f26578;
}
.lineup_intro .btn_box .btn{
margin-top:3rem;
letter-spacing:0;
background-position:right 5% center;
}
.lineup_intro .lnav_box{
margin-top:6rem;
}
.lineup_intro .lnav_box .txt{
text-align:center;
font-weight:700;
font-size:2rem;
}
@media screen and (max-width:767px){
  .lineup_intro .ttl_box .strong{
  font-size:3.2rem;
  }
}
@media screen and (min-width:768px){
  .lineup_intro .ttl_box .ttl{
  margin-top:2rem;
  font-size:3.8rem;
  }
  .lineup_intro .ttl_box .img01{
  width:50rem;
  }
  .lineup_intro .ttl_box .img02{
  width:45rem;
  }
  .lineup_intro .btn_box .btn{
  background-position:right 8% center;
  }
}



/*------------------------pg_lineup type_list---------------------------*/
.type_list{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:2rem;
margin-top:2rem;
}
.type_item{
overflow:hidden;
border-radius:3rem;
box-shadow:0 0.4rem 0.4rem 0 rgba(0,0,0,0.1);
background:#fff;
}
.type_item_ttl{
text-align:center;
font-weight:700;
font-size:1.8rem;
line-height:1.3;
font-family:var(--maru);
white-space:nowrap;
}
.type_item_ttl span{
display:block;
line-height:1.1;
}
.type_item_ttl .eng{
font-weight:500;
font-size:1.2rem;
color:#ff8e9c;
white-space:nowrap;
}
.type .btn_box{
margin-top:6rem;
}
[class^="type_item_img"] img{
width:auto;
height:6rem;
margin:0 auto;
}
@media screen and (max-width:767px){
  .type_item{
  height:10rem;
  }
  .type_item a{
  display:flex;
  flex-direction:row-reverse;
  align-items:center;
  width:100%;
  height:100%;
  padding:1rem;
  }
  .type_item_ttl{
  min-width:4em;
  letter-spacing:0;
  }
  [class^="type_item_img"]{
  flex-grow:1;
  }
}
@media screen and (min-width:768px){
  .type_list{
  grid-template-columns:repeat(4,1fr);
  }
  .type_item a{
  display:block;
  padding:2rem 1rem 1rem;
  }
  .type_item_ttl{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  height:6rem;
  font-size:2.4rem;
  padding-bottom:2rem;
  }
  .type_item_ttl .eng{
  position:absolute;
  bottom:0;
  font-size:1.6rem;
  }
  .type_item:nth-child(3) .type_item_ttl .eng{
  bottom:-0.5rem;
  }
  [class^="type_item_img"] img{
  width:auto;
  height:6rem;
  margin-top:0.5rem;
  }
}



/*------------------------pg_lineup lineup_category---------------------------*/
.lineup_category .ttl,
.set_category .ttl{
text-align:center;
font-weight:700;
font-size:3rem;
line-height:1.3;
font-family:var(--maru);
}
.lineup_category * + .ttl{
margin-top:6rem;
}
.lineup_category .ttl .sub{
font-size:2rem;
line-height:1;
}
.lineup_category .ttl .eng{
display:inline-block;
width:12em;
height:2em;
background:url(../img/lineup/ttl_bg.svg) no-repeat center center / contain;
text-align:center;
font-weight:700;
font-size:1.4rem;
line-height:1.8;
font-family:var(--maru);
color:#fff;
}
.category_list,
.set_list{
display:grid;
grid-template-columns:repeat(1,1fr);
gap:4rem;
width:100%;
margin-top:3rem;
}
.item_box{
width:100%;
padding:3rem 2rem;
border-radius:2rem;
background:#fff;
}
.item_box .name,
.cv_box .name{
margin:0 -1rem;
text-align:center;
font-weight:700;
font-size:2.4rem;
line-height:1.3;
letter-spacing:0;
font-family:var(--maru);
}
.item_box .net{
display:block;
margin-top:0.5em;
font-weight:400;
font-size:1.6rem;
font-family:var(--gothic);
}
.item_box .img{
width:60%;
margin:2rem auto 0;
}
.cv_box .img{
width:75%;
margin:0 auto;
}
.item_box .txt{
margin-top:2rem;
line-height:1.5;
}
.cv_box .txt{
line-height:1.5;
}
.item_box .price_area{
display:flex;
gap:1rem;
width:100%;
padding-top:2rem;
}
.item_box .price_area .price_box{
width:50%;
}
.item_box .btn_box{
margin-top:3rem;
}
.item_box .btn_box .btn{
width:100%;
}
@media screen and (max-width:767px){
  .lineup_category{
  padding:1rem 0 4rem;
  }
}
@media screen and (min-width:768px){
  .lineup_category{
  padding:2rem 0 8rem;
  }
  .lineup_category .ttl .sub{
  padding-left:0.5em;
  }
  .category_list,
  .set_list{
  grid-template-columns:repeat(2,1fr);
  }
  .item_box .name{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  height:3em;
  margin:-1rem 0;
  font-size:2.4rem;
  }
  .item_box .img{
  float:left;
  width:45%;
  }
  .item_box .txt{
  float:right;
  width:50%;
  font-size:1.5rem;
  }
  .item_box#foam .txt{
  line-height:1.45;
  letter-spacing:0;
  }
  .item_box .price_area{
  clear:both;
  }
}



/*------------------------pg_lineupset lineup_category---------------------------*/
.step3_box{
margin-top:4rem;
}
.step3_box .txt{
text-align: center;
font-weight:500;
font-size:1.8rem;
line-height:1.3;
font-family:var(--maru);
color:#f26578;
}
.step3_box .img{
margin:-2rem auto 0;
width:90%;
}
.category_box{
margin-top:3rem;
padding-top:3rem;
}
/*
.category_box .ttl_box{
width:100%;
padding:4rem 0 0;
}
*/
.cv_box .free{
height:1.5em;
margin:-1rem 0;
padding:0.25em 0.5em;
border-radius:0.25rem;
background:#dd0000;
text-align:center;
line-height:1;
color:#fff;
}
.cv_box .free:empty{
background:transparent;
}
.cv_box .contents{
width:100%;
}
.cv_box .contents dt{
display:inline-block;
height:2.8rem;
line-height:2.8rem;
padding:0 1.25em 0 0.5em;
background:var(--theme5);
border-radius:0.5rem 1.4rem 1.4rem 0.5rem;
font-weight:500;
font-size:1.6rem;
font-family:var(--maru);
color:#fff;
}
.cv_box .contents dd{
margin-top:0.5rem;
padding-left:0.5em;
line-height:1.3;
}
.cv_box .contents .iyaku{
display:inline-block;
height:2rem;
line-height:2rem;
margin-left:0.25em;
padding:0 0.25em;
background:#3d63d1;
border-radius:0.25rem;
font-size:1.5rem;
color:#fff;
}
.item_list{
margin-top:4rem;
}
.item_list .ttl .category{
font-size:2rem;
}
.item_list ul{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:1rem;
margin:2rem auto;
}
.item_list ul li{
width:calc((100% - 2rem) / 3);
}
.item_list ul li a{
display:flex;
flex-direction:column;
}
.item_list ul li .name{
order:2;
display:flex;
align-items:center;
justify-content:center;
width:calc(100% + 1em);
min-height:3em;
margin:0 -0.5em;
text-align:center;
font-size:1.5rem;
line-height:1.1;
}
.item_list ul li .img{
order:1;
}
@media screen and (max-width:767px){
  .item_list .ttl .category{
  display:block;
  }
}
@media screen and (min-width:768px){
  .step3_box .txt{
  font-size:2.4rem;
  }
  .step3_box .img{
  width:60%;
  margin-top:-4rem;
  }
  .cv_box{
  flex-wrap:wrap;
  gap:2rem 0;
  }
  .cv_box .contents dd,
  .cv_box .contents .iyaku{
  font-size:1.4rem;
  }
  .cv_box .name{order:1;width:100%;}
  .cv_box .free{order:2;width:40%;margin-left:30%;margin-right:30%;}
  .cv_box .img{order:3;width:50%;}
  .cv_box .txt{order:5;width:100%;}
  .cv_box .contents{order:4;width:50%;}
  .cv_box .cv{order:6;width:100%;}
  .cv_box .name{
  height:3em;
  margin:-2rem 0 -1rem;
  display:flex;
  align-items:center;
  justify-content:center;
  }
  .cv_box .cv{}
  .item_list .ttl .category{
  padding-right:0.5em;
  }
  .item_list ul{
  /*grid-template-columns:repeat(5,1fr);*/
  gap:2rem;
  }
  .item_list ul li{
  width:calc((100% - 8rem) / 5);
  }
  #face .item_list ul li:nth-child(1){margin-left:calc((100% - 8rem) / 5);}
  #face .item_list ul li:nth-child(3){margin-right:calc((100% - 8rem) / 5);}
}