*,h1,h2,h3,h4,p,img{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  line-height: 1;
}

a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto
}

a {
  color: inherit;
  text-decoration: none
}

a:active,a:hover{
  text-decoration: none;
}

ul,ol{
  list-style: none;
}

img,picture {
  display: block;
  max-width: 100%
}

button{
  background: none;
  border: none;
  cursor: pointer;
}

:root {
  --font-family-sans: 'Hiragino Sans',メイリオ,Meiryo,ＭＳ ゴシック,sans-serif;
  --font-family-serif: Noto Serif JP,serif;
  --font-family-ro:"Roboto", sans-serif;
  --root-font-size: 16;
  --font-size-pc: 16;
  --font-size-sp: 14;
  --font-ratio:1;
  --divide:1;
}

html{
  font-size: 100% !important;
}

body{
  --body-font-size: calc(var(--font-size-pc) * var(--font-ratio) * 1px);
  font-size: var(--body-font-size);
  text-rendering: optimizeSpeed;
  /* contain: paint; */
  overflow-x: hidden;
}

/* -------------
PC
------------- */
@media screen and (max-width:1500px){:root {--font-ratio:1.0000000000}}
@media screen and (max-width:1475px){:root {--font-ratio:0.9833333333}}
@media screen and (max-width:1450px){:root {--font-ratio:0.9666666667}}
@media screen and (max-width:1425px){:root {--font-ratio:0.9500000000}}
@media screen and (max-width:1400px){:root {--font-ratio:0.9333333333}}
@media screen and (max-width:1375px){:root {--font-ratio:0.9166666667}}
@media screen and (max-width:1350px){:root {--font-ratio:0.9000000000}}
@media screen and (max-width:1325px){:root {--font-ratio:0.8833333333}}
@media screen and (max-width:1300px){:root {--font-ratio:0.8666666667}}
@media screen and (max-width:1275px){:root {--font-ratio:0.8500000000}}
@media screen and (max-width:1250px){:root {--font-ratio:0.8333333333}}
@media screen and (max-width:1225px){:root {--font-ratio:0.8166666667}}
@media screen and (max-width:1200px){:root {--font-ratio:0.8000000000}}
@media screen and (max-width:1175px){:root {--font-ratio:0.7833333333}}
@media screen and (max-width:1150px){:root {--font-ratio:0.7666666667}}
@media screen and (max-width:1125px){:root {--font-ratio:0.7500000000}}
@media screen and (max-width:1100px){:root {--font-ratio:0.7333333333}}
@media screen and (max-width:1075px){:root {--font-ratio:0.7166666667}}
@media screen and (max-width:1050px){:root {--font-ratio:0.7000000000}}
@media screen and (max-width:1025px){:root {--font-ratio:0.6833333333}}
@media screen and (max-width:1000px){:root {--font-ratio:0.6666666667}}
@media screen and (max-width:975px){:root{--font-ratio:0.6500000000}}
@media screen and (max-width:950px){:root {--font-ratio:0.6333333333}}
@media screen and (max-width:925px){:root {--font-ratio:0.6166666667}}
@media screen and (max-width:900px){:root {--font-ratio:0.6000000000}}
@media screen and (max-width:875px){:root {--font-ratio:0.5833333333}}
@media screen and (max-width:850px){:root {--font-ratio:0.5666666667}}
@media screen and (max-width:825px){:root {--font-ratio:0.5500000000}}
@media screen and (max-width:800px){:root {--font-ratio:0.5333333333}}
@media screen and (max-width:768px){:root {--font-ratio:0.5188666667}}

/* -------------
sp
------------- */
@media screen and (max-width:767px){:root {--font-ratio:2.150555556}}
@media screen and (max-width:760px){:root {--font-ratio:2.111111111}}
@media screen and (max-width:735px){:root {--font-ratio:2.041666667}}
@media screen and (max-width:710px){:root {--font-ratio:1.972222222}}
@media screen and (max-width:685px){:root {--font-ratio:1.902777778}}
@media screen and (max-width:660px){:root {--font-ratio:1.833333333}}
@media screen and (max-width:635px){:root {--font-ratio:1.763888889}}
@media screen and (max-width:610px){:root {--font-ratio:1.694444444}}
@media screen and (max-width:585px){:root {--font-ratio:1.625000000}}
@media screen and (max-width:560px){:root {--font-ratio:1.555555556}}
@media screen and (max-width:535px){:root {--font-ratio:1.486111111}}
@media screen and (max-width:510px){:root {--font-ratio:1.416666667}}
@media screen and (max-width:485px){:root {--font-ratio:1.347222222}}
@media screen and (max-width:460px){:root {--font-ratio:1.277777778}}
@media screen and (max-width:435px){:root {--font-ratio:1.208333333}}
@media screen and (max-width:410px){:root {--font-ratio:1.138888889}}
@media screen and (max-width:385px){:root {--font-ratio:1.069444444}}
@media screen and (max-width:375px){:root {--font-ratio:1}}


@media screen and (max-width:767px){
  .pc-only{
    display: none;
  }
  .sp-only{
    display: block;
  }
}

@media screen and (min-width:768px){
  .pc-only{
    display: block;
  }
  .sp-only{
    display: none;
  }
}

@media screen and (min-width:768px){ 
  .c5-title{
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 20px;
  }
  .c5-title .c5-title-img{
    margin-top: 28px;
    margin-bottom: 22px;
  }
  .c5-mv__inner{
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    overflow: hidden;
  }
}

a.btn-item:focus{
  outline: none;
}

@media screen and (min-width:992px){ 
  .c5-title{
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 30px;
  }
  .c5-mv__inner{
    padding: 0 30px;
  }
}

.c5-title-img:hover{
  opacity: 0.6;
}

.c5-mv {
  background: url(../img/bg_kv_pc.png) no-repeat center center / cover;
}
.c5-mv .c5-flex{
  display: flex;
  align-items: center;
}
.c5-mv .c5-mv-text{
  width: 50%;
  padding: calc(170px * var(--font-ratio)) 0 calc(180px * var(--font-ratio));
}
.c5-mv .c5-mv-text img{
  width: 90%;
}
.c5-mv-slider-wrap{
  width: calc((954px * var(--font-ratio)) / var(--divide));
  padding: 10px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 8%;
}
.c5-mv-slider-wrap .pick-up{
  width: 20%;
  position: absolute;
  top: 0;
  left: 0;
}
.c5-mv-progressbar{
  display: flex;
  gap: 10px;
  position: absolute;
  bottom: 5%;
  right: 1%;
}
.progressbar{
  width: 30px;
  height: 4px;
  background-color: rgba(84,115,187,0.3);
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
.progressbar .progressbar_in{
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: #5473BB;
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: left center;
  transform: scaleX(0);
  transition-timing-function: linear;
}
@media screen and (max-width:767px){
  .c5-mv{
    background: url(../img/bg_kv_sp.png) no-repeat center center / 100% 100%; 
  }
  .c5-mv__inner{
    position: relative;
    overflow: hidden;
  }
  .c5-mv .c5-mv-text{
    width: 100%;
    padding: calc(40px * var(--font-ratio)) calc(20px * var(--font-ratio)) calc(240px * var(--font-ratio));
  }
  .c5-mv .c5-mv-text img{
    width: 100%;
  }
  .c5-mv-slider-wrap{
    width: calc((455px * var(--font-ratio)) / var(--divide));
    padding: 5px;
    background-color: #fff;
    position: absolute;
    left: 12.5%;
    top: 32%;
  }
  .c5-mv-slider-wrap .pick-up{
    width: 32%;
  }  
  .c5-mv-progressbar{
    display: flex;
    gap: 10px;
    position: absolute;
    bottom: 6%;
    right: 50%;
    transform: translateX(50%);
  }
  .progressbar{
    width: 30px;
    height: 4px;
    background-color: rgba(84,115,187,0.3);
    border-radius: 10px;
    position: relative;
    overflow: hidden;
  }
  .progressbar .progressbar_in{
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #5473BB;
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: left center;
    transform: scaleX(0);
    transition-timing-function: linear;
  }
  
}


@media screen and (max-width:767px){
  .c5-title{
    width: 100%;
    max-width: none;
    margin: 0 auto;
    padding: 0 20px;
  }
  .c5-title .c5-title-img{
    width: calc(230px * var(--font-ratio));
    margin-top: calc(30px * var(--font-ratio));
    margin-bottom: calc(16px * var(--font-ratio));
  }
}

.c5-mv img{
  width: 100%;
}

/* 記事コンテンツ */
.c5-article{
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  padding: 88px calc(230px * var(--font-ratio)) calc(64px * var(--font-ratio));
  position: relative;
}
.c5-article::after{
  content: "";
  width: 100vw;
  height: 100%;
  background: #F5F5F5;
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  z-index: -1;
}
#article{
  position: relative;
  /* top: -90px; */
}
.btn-area{
  padding: 24px 0;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.c5-article-list{
  display: flex;
  flex-wrap: wrap;
  row-gap: calc(40px * var(--font-ratio));
  align-items: stretch;
  justify-content: space-between;
}
.c5-article-list::after{
  content:"";
  display: block;
  width:30%;
}
.c5-article-item{
  display: none;
  flex-direction: column;
  width: 30%;
  background-color: #fff;
  padding-bottom: calc(16px * var(--font-ratio));
  box-shadow: 0 0px 2px 0 rgba(0,0,0,0.16);
}
a.c5-article-item:hover{
  text-decoration: none;
  color: inherit;
  opacity: 0.7;
}
.c5-article-item h2{
  margin-top: calc(16px * var(--font-ratio));
  margin-bottom: auto;
  padding:0 calc(16px * var(--font-ratio));
  font-size: calc(1.8rem * var(--font-ratio));
  font-family: var(--font-family-sans);
  line-height: 1.5;
  font-weight: 700;
}
.c5-article-item p{
  display: flex;
  align-items: flex-end;
  margin-top: calc(16px * var(--font-ratio));
  padding:0 calc(16px * var(--font-ratio));
  font-size: calc(1.2rem * var(--font-ratio));
  font-family: var(--font-family-ro);
}
.c5-article-item p time{
  margin-right: auto;
}
.c5-article-item p span{
  width: calc(20px * var(--font-ratio));
  height: calc(20px * var(--font-ratio));
  display: inline-block;
}
.c5-article-item p span:not(:last-child){
  margin-right: 8px;
}
.more-view-btn{
  width: 100%;
  padding:calc(12px * var(--font-ratio)) 0;
  font-size: calc(1.6rem * var(--font-ratio));
  font-family: var(--font-family-sans);
  text-align: center;
  color: #fff;
  background: #2D75C7;
  opacity: 0;
  visibility: hidden;
}
.c5-article-item p span.icon-camera{
  background: url(../img/ico_camera.svg) no-repeat center center / contain;
}
.c5-article-item p span.icon-camera::before{
  content: none;
}
.c5-article-item p span.icon-game{
  background: url(../img/ico_game.svg) no-repeat center center / contain;
}
.c5-article-item p span.icon-audio{
  background: url(../img/ico_audio.svg) no-repeat center center / contain;
}
.c5-article-item p span.icon-event{
  background: url(../img/ico_event.svg) no-repeat center center / contain;
}
.c5-article-item p span.icon-interview{
  background: url(../img/ico_interview.svg) no-repeat center center / contain;
}

.c5-article-list[data-filter] .c5-article-item{
  display: none;
}
.c5-article-list[data-filter="all"] .c5-article-item{
  display: flex;
}
.c5-article-list[data-filter="camera"] .c5-article-item.camera{
  display: flex;
}
.c5-article-list[data-filter="audio"] .c5-article-item.audio{
  display: flex;
}
.c5-article-list[data-filter="game"] .c5-article-item.game{
  display: flex;
}
.c5-article-list[data-filter="interview"] .c5-article-item.interview{
  display: flex;
}
.c5-article-list[data-filter="event"] .c5-article-item.event{
  display: flex;
}
.c5-article-list[data-filter] .c5-article-item.item-hidden{
  display: none;
}

.more-view-btn.active{
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width:767px){
  .c5-article{
    padding: 90px calc(20px * var(--font-ratio)) calc(40px * var(--font-ratio));
    position: relative;
  }
  #article{
    position: relative;
    top: 50px;
  }
  .c5-article-list{
    row-gap: calc(8px * var(--font-ratio));
  }
  .c5-article-item{
    display: flex;
    flex-direction: column;
    width: 48%;
    padding-bottom: calc(10px * var(--font-ratio));
  }
  .c5-article-item h2{
    margin-top: calc(10px * var(--font-ratio));
    margin-bottom: auto;
    padding:0 calc(10px * var(--font-ratio));
    /* font-size: calc(1.2rem * var(--font-ratio)); */
    font-size: 13px;
  }
  .c5-article-item p{
    margin-top: calc(16px * var(--font-ratio));
    padding:0 calc(10px * var(--font-ratio));
    font-size: calc(1rem * var(--font-ratio));
  }
  .more-view-btn{
    margin-top: calc(16px * var(--font-ratio));
  }
  
  .c5-article-item p span{
    width: calc(16px * var(--font-ratio));
    height: calc(16px * var(--font-ratio));
  }
  .c5-article-item p span:not(:last-child){
    margin-right: 5px;
  }
  
}

/* 記事コンテンツ切り替えボタン */
@media screen and (min-width:768px){
  .btn-list{
    display: flex;
    justify-content: center;
    gap: calc(16px * var(--font-ratio));
    width: fit-content;
    margin: 0 auto;
  }
  .btn-item{
    display: block;
    width: fit-content;
    opacity: 0.5;
  }
  .btn-item.active{
    pointer-events: none;
    opacity: 1;
  }
}
@media screen and (max-width:991px){
  .btn-area.fixed{
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 9999;
    transform: translateX(-50%);
  }  
}
@media screen and (min-width:992px){
  .btn-area.fixed{
    position: fixed;
    top: 115px;
    left: 50%;
    z-index: 9999;
    transform: translateX(-50%);
  }  
}
@media screen and (min-width:993px){
  .btn-area.fixed{
    position: fixed;
    top: 123px;
    left: 50%;
    z-index: 9999;
    transform: translateX(-50%);
  }
}
.btn-area.fixed::after{
  content: "";
  width: 100vw;
  height: 100%;
  background-color: #EAEAEA;
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  z-index: -1;
}

@media screen and (max-width:767px){
  .btn-area{
    width: 86%;
    margin: 0 auto;
    padding: 24px 0;
  }
  .btn-item{
    display: block;
    margin-right: 10px;
    opacity: 0.5;
  }
  .btn-item--all{
    width: 72px;
  }
  .btn-item--camera{
    width: 96px;
  }
  .btn-item--audio{
    width: 114px;
  }
  .btn-item--game{
    width: 96px;
  }
  .btn-item--interview{
    width: 120px;
  }
  .btn-item--event{
    width: 120px;
  }
  .slick-current{
    opacity: 1;
    pointer-events: none;
  }
  .arrow-prev{
    width: 8px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: -5%;
    transform: translateY(-50%);
    z-index: 5;
  }
  .arrow-next{
    width: 8px;
    height: 16px;
    position: absolute;
    top: 50%;
    right: -5%;
    transform: translateY(-50%);
    z-index: 5;
  }
}

/* 商品、x */
.c5-prod{
  display: flex;
  align-items: flex-start;
  gap: calc(38px * var(--font-ratio));
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding:calc(64px * var(--font-ratio)) calc(20px * var(--font-ratio)) calc(20px * var(--font-ratio));
}
@media screen and (max-width:767px){
  .c5-prod{
    display: flex;
    align-items: flex-start;
    flex-direction: column-reverse;
    gap: 0;
    width: 100%;
    max-width: none;
    margin: 0 auto;
    padding:calc(40px * var(--font-ratio)) calc(20px * var(--font-ratio)) calc(60px * var(--font-ratio));
  }
  
}

/* SNS */
.c5-sns{
  width: 35%;
}
.sns-link {
  margin-top: calc(20px * var(--font-ratio));
  padding: calc(20px * var(--font-ratio)) 0 calc(34px * var(--font-ratio));
  border: 1px solid #D2DFE6;
  border-radius: 20px;
}
.sns-link h3{
  font-size: 1.6rem;
  font-family: var(--font-family-sans);
  font-weight: 600;
  text-align: center;
}
.sns-link .c5-flex{
  display: flex;
  margin-top: calc(20px * var(--font-ratio));
  padding:0 50px;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
.sns-link .link{
  width: 40px;
}
@media screen and (max-width:767px){
  .c5-sns{
    width: 100%;
  }
  .sns-link {
    margin-top: calc(20px * var(--font-ratio));
    padding: calc(20px * var(--font-ratio)) 0 calc(34px * var(--font-ratio));
    border: 1px solid #D2DFE6;
    border-radius: 20px;
  }
  .sns-link h3{
    font-size: calc(1.6rem * var(--font-ratio));
    font-family: var(--font-family-sans);
    font-weight: 600;
    text-align: center;
  }
  .sns-link .c5-flex{
    display: flex;
    margin-top: calc(30px * var(--font-ratio));
    padding:0 calc(50px * var(--font-ratio));
    align-items: center;
    justify-content: center;
  }
  .sns-link .link{
    width: calc(40px * var(--font-ratio));
  }
  .sns-link .link img{
    width: 100%;
  }
  
}

/* xperiaの最新モデル */
@media screen and (min-width:768px){
  .v2top-section{
    margin-top: 0;
  }
  .c5-prod-list{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: calc(16px * var(--font-ratio));
    grid-row-gap: calc(16px * var(--font-ratio));
  }
  .c5-prod-item{
    display: flex;
    align-items: center;
    padding: 0 calc(20px * var(--font-ratio)) ;
    background: #f2f5f9;
    border-radius: 20px;
  }
  .c5-prod-item--01 { grid-area: 1 / 1 / 3 / 2; justify-self: center;}
  .c5-prod-item--02 { grid-area: 1 / 2 / 3 / 3; justify-self: center;}
  .c5-prod-item--03 { grid-area: 1 / 3 / 2 / 4; }
  .c5-prod-item--04 { grid-area: 2 / 3 / 3 / 4; }
  .v2top-new__model + .v2top-new__links{
    margin-top: calc(20px * var(--font-ratio));
  }
  .v2top-section__heading{
    margin-bottom:  30px;
    font-size: 2.8rem;
    font-family: var(--font-family-sans);
    text-align: left;
  }
  .new__item-flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
  }
  .v2top-new__model{
    font-size: 1.6rem;
    font-family: var(--font-family-ro);
    font-weight: 700;
    text-align: center;
  }
  .v2top-new__button{
    width: 112px;
    padding:  calc(10px * var(--font-ratio)) 0;
    font-size: 1.2rem;
    font-family: var(--font-family-sans);
    color: #fff;
  }
  .v2top-new__purchase-link{
    width: 112px;
    padding:  calc(10px * var(--font-ratio)) 0;
    font-size: 1.2rem;
    font-family: var(--font-family-sans);
    color: #fff;
    background-position:right 3% center;
    background-size: 14% 20%;
  }
  .v2top-new__picture {
    width: 90%;
  }
  .v2top-new__picture.img{
    width: 40%;
  }
  .v2top-new__button--buy{
    background-color: transparent;
  }
  .v2top-new__links>ul>li:nth-child(n+3){
    margin-top: calc(0.6rem * var(--font-ratio));
  }
  li:nth-child(-n+2) .new__item-flex{
    padding: 82px 0;
    flex-direction: column;
    justify-content: center;
    row-gap: 20px;
  }
  li:nth-child(-n+2) .new__item-flex .v2top-new__button{
    display: block;
    margin: 0 auto;
  }
  li:first-child .new__item-flex .v2top-new__purchase-link{
    margin: 0 auto;
  }
}

@media screen and (min-width:768px) and (max-width:1000px){
  .c5-prod-item{
    justify-content: center;
  }
  .new__item-flex{
    flex-direction: column;
    gap: 10px;
  }
}
@media screen and (max-width:767px){
  .v2top-section{
    margin-top: calc(60px * var(--font-ratio));
  }
  .c5-prod-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap:  calc(15px * var(--font-ratio));
  }
  .c5-prod-item{
    width: 48%;
    padding: 0 calc(10px * var(--font-ratio)) ;
    background: #f2f5f9;
    border-radius: 20px;
  }
  .c5-prod-list .c5-prod-item:nth-child(n+3){
    width: 48%;
    padding: calc(24px * var(--font-ratio)) calc(16px * var(--font-ratio)) ;
  }
  .c5-prod-list li:nth-child(-n+2){
    width: 100%;
  }
  .v2top-new__model + .v2top-new__links{
    margin-top: calc(20px * var(--font-ratio));
  }
  .v2top-section__heading{
    margin-bottom:  calc(20px * var(--font-ratio));
    font-size: calc(2rem * var(--font-ratio));
    font-family: var(--font-family-sans);
    text-align: center;
  }
  .new__item-flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
  }
  .new__item-flex .text{
    width: 100%;
    position: relative;
  }
  .c5-prod-list > li:nth-child(-n+2) .new__item-flex{
    padding: calc(24px * var(--font-ratio)) 0;
    flex-direction: row;
    justify-content: center;
    column-gap: calc(27px * var(--font-ratio));
  }
  .v2top-new__model{
    font-size: calc(1.6rem * var(--font-ratio));
    font-family: var(--font-family-ro);
    font-weight: 700;
    text-align: center;
  }
  .v2top-new__button{
    width: 100%;
    padding:  calc(8px * var(--font-ratio)) 0;
    font-size: calc(1.2rem * var(--font-ratio));
    font-family: var(--font-family-sans);
    color: #fff;
  }
  .v2top-new__purchase-link{
    width: 100%;
    padding:  calc(8px * var(--font-ratio)) 0;
    font-size: calc(1.2rem * var(--font-ratio));
    font-family: var(--font-family-sans);
    color: #fff;
    background-position:right 4% center;
    background-size: 14% 20%;
  }
  .c5-prod-item .v2top-new__picture img{
    width: 100%;
  }
  .c5-prod-item--02 .v2top-new__picture.img{
    width: calc(65 / 360 * 100vw);
  }
  .c5-prod-item--03 .v2top-new__picture.img{
    width: calc(77 / 360 * 100vw);
  }
  .c5-prod-item--04 .v2top-new__picture.img{
    width: calc(74 / 360 * 100vw);
  }
  .c5-prod-item--05 .v2top-new__picture.img{
    width: calc(64 / 360 * 100vw);
  }
  .c5-prod-list .c5-prod-item:nth-child(n+3) .new__item-flex .text{
    margin-top: calc(14px * var(--font-ratio));
  }

  .v2top-new__button--buy{
    background-color: transparent;
  }
  .v2top-new__links>ul>li:not(:first-child){
    margin-top: calc(0.6rem * var(--font-ratio));
  }

  .c5-prod-list li:nth-child(-n+2) .new__item-flex .v2top-new__button{
    display: block;
    margin: 0 auto;
  }
  .c5-prod-list li:nth-child(-n+2) .new__item-flex .v2top-new__purchase-link{
    margin: 0 auto;
  }
  .c5-prod-list > li:nth-child(-n+2) .new__item-flex .v2top-new__picture{
    width: 34%;
  }
  .c5-prod-list > li:nth-child(-n+2) .new__item-flex .text{
    width: 35%;
  }

}

.c5-sns .link:hover{
  opacity: 0.7;
}

.new__item-flex.-isNew .text::before {
  content: "NEW";
  display: inline-block;
  background-color: #E50111;
  font-size: 1.5rem;
  letter-spacing: 0.1rem;
  margin-bottom: 1.5em;
  color: #fff;
  font-weight: bold;
  padding: 0.4em 0.8em;
  justify-self: flex-start;
  align-self: flex-start;
}
@media screen and (max-width:767px){
  .new__item-flex.-isNew .text::before {
    content: "NEW";
    display: inline-block;
    background-color: #E50111;
    font-size: 1.7rem;
    letter-spacing: 0.1rem;
    margin-bottom: 1.5em;
    color: #fff;
    font-weight: bold;
    padding: 0.4em 0.8em;
    justify-self: flex-start;
    align-self: flex-start;
  }
}

@media screen and (min-width:768px){
  .new__item-flex.-isNew.-isWide::before {
    content: "NEW";
    display: inline-block;
    background-color: #E50111;
    font-size: 2rem;
    letter-spacing: 0.1rem;
    margin-bottom: 1.5em;
    color: #fff;
    font-weight: bold;
    padding: 0.4em 0.8em;
    justify-self: flex-start;
    align-self: flex-start;
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
  }
}

@media screen and (min-width:768px){
  .new__item-flex.-isNew.-isWide .text::before {
    content: "";
    display: none;
  }
}

/* c5-prod-list.-is3col */
  @media screen and (min-width:768px){
  .c5-prod-list.-is3col .c5-prod-item--03 { grid-area: 1 / 3 / 3 / 3; justify-self: center;}

  .c5-prod-list.-is3col li:nth-child(-n+3) .new__item-flex{
    padding: 82px 0;
    flex-direction: column;
    justify-content: center;
    row-gap: 20px;
  }
  .c5-prod-list.-is3col li:nth-child(-n+3) .new__item-flex .v2top-new__button{
    display: block;
    margin: 0 auto;
  }

  .c5-prod-item--03 .v2top-new__picture.img{
    width: calc(65 / 360 * 100vw);
    width: 90%;
  }

  li:nth-child(-n+3) .new__item-flex{
    padding: 82px 0;
    flex-direction: column;
    justify-content: center;
    row-gap: 20px;
  }
}

@media screen and (max-width:767px){
  .c5-prod-list > li:nth-child(-n+3) .new__item-flex{
    padding: calc(24px * var(--font-ratio)) 0;
    flex-direction: row;
    justify-content: center;
    column-gap: calc(27px * var(--font-ratio));
  }

  .c5-prod-list li:nth-child(-n+3){
    width: 100%;
  }

  .c5-prod-list li:nth-child(-n+3) .new__item-flex .v2top-new__button{
    display: block;
    margin: 0 auto;
  }
  .c5-prod-list li:nth-child(-n+3) .new__item-flex .v2top-new__purchase-link{
    margin: 0 auto;
  }
  .c5-prod-list > li:nth-child(-n+3) .new__item-flex .v2top-new__picture{
    width: 34%;
  }
  .c5-prod-list > li:nth-child(-n+3) .new__item-flex .text{
    width: 35%;
  }

  .c5-prod-list .c5-prod-item:nth-child(n+3){
    padding: 0 calc(10px * var(--font-ratio)) ;
    width: 100%;
  }
}
/* c5-prod-list.-is3col */