*,*::before,*::after{box-sizing:border-box}
body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}
ul[role="list"],ol[role="list"]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}



body,a,p,h1,h2,h3,h4{
  font-family: "YuMincho", 'Yu Mincho', serif;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 2.2;
}
body{
  position: relative;
  -webkit-overflow-scrolling: touch;
}
ul{
  padding: 0;
  margin: 0 auto;
}
li{
  list-style: none;
}
img{
  width: 100%;
}

.pc{
  display: block;
}
.sp{
  display: none;
}

.fadeinDown{
  animation: fadeinDown;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-delay: 1s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeinDown{
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -40px, 0);
    -ms-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeinUp{
  animation: fadeinUp;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-delay: 1s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
  opacity: 0;
}

.fadeUp{
  opacity: 0;
}
.fadeUp.active{
  animation: fadeinUp;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-delay: 1s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
  opacity: 0;
}


@keyframes fadeinUp{
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 80px, 0);
    -ms-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeinLeft{
  animation: fadeinLeft;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-delay: 1s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
  opacity: 0;
}

.fadeLeft{
  opacity: 0;
}
.fadeLeft.active{
  animation: fadeinLeft;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-delay: 1s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
  opacity: 0;
}


@keyframes fadeinLeft{
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100px, 0, 0);
    -ms-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
    -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

header{
  position: relative;
  margin-bottom: 6%;
  padding: 2% 0 3%;
  background-image: url(../img/mv-bgi.png);
}
header .header_logo{
  position: absolute;
  top: 2%;
  right: 2%;
  width: 4.25%;
  z-index: 1;
}
header ul{
  display:flex;
}
header ul li:nth-child(2){
  margin: 0 3.125%;
}
header ul li:nth-child(2) img{
  animation-delay: 1.4s;
}
header .title1{
  width: 60.5%;
  margin: 0 0 1.5% 5%;
  animation-delay: 0.2s;
}
header .title2{
  position: relative;
  width: 44%;
  margin: -2% 0 0 5%;
  z-index: 1;
  animation-delay: 1.8s;
}
header .title3{
  width: 34.5%;
  margin: -4.5% 6% 0 auto;
  animation-duration: 0.6s;
  animation-delay: 2.4s;
}
header .title4{
  width: 14.5%;
  text-align: center;
  margin: -6.75% 39.75% 0 auto;
  animation-duration: 0.4s;
  animation-delay: 2.2s;
}
header .title5{
  width: 24%;
  margin: 0 auto 0 5%;
  animation-delay: 2.4s;
}

.lead{
  margin: 8% auto 12%;
  text-align: center;
}
.lead .lead_text{
  text-align: center;
  font-size: 16px;
  letter-spacing: 0.1rem;
  line-height: 2.4;
}

.item_box{
  width: 90%;
  max-width: 1200px;
  margin: auto;
  padding-bottom: 10%;
}
.item_box .inner{
  width: 94%;
  margin: auto;
}
.item_box .title{
  margin-bottom: 3%;
}
.item_box .text{
  text-align: justify;
}
.item_box ul{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.item_box ul li{
  width: 49.25%;
}
.item_box ul li.left_box{
  margin-right: 0.75%;
}
.item_box ul li.right_box{
  margin-left: 0.75%;
}
.item_box ul li.right_box .fadeLeft, #denim02 ul li:nth-child(2) img{
  animation-delay: 1.6s;
}

.radius_right_left{
  border-radius: 0 47px 0 47px / 0 47px 0 47px;
}
.radius_left_right{
  border-radius: 47px 0 47px 0 / 47px 0 47px 0;
}
.radius_bottom{
  border-radius: 175px / 175px;
}

.caption01{
  position: relative;
  margin: 6% auto 0;
  padding-bottom: 10%;
  text-align: center;
  background: linear-gradient(180deg, #fff 0%, #fff 50%, #faf5fb 50%, #faf5fb 100%);
}
.caption01 .photoarea{
  animation-delay: 2.6s;
}
.caption01 .photo{
  margin-top: -5.5%;
}
.caption01 .subtitle{
  position: relative;
  width: 33%;
  margin: 0 auto 1%;
  z-index: 1;
  animation-delay: 1s;
}
.caption01 .title{
  position: relative;
  width: 43%;
  margin: auto;
  animation-delay: 1.6s;
  z-index: 1;
}
.caption01 .icon{
  position: absolute;
  top: -1.5%;
  left: 10%;
  width: 12%;
  mix-blend-mode: multiply;
  animation-delay: 2.4s;
  z-index: 1;
}
.caption01 ul{
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 9%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 58%;
}
.caption01 ul li a{
  width: 30%;
}
.caption01 .cart-title{
  text-align: left;
  line-height: 2;
}
.caption01 .cart-yen{
  font-size: 15px;
}
.caption01 .cart-btm .btn{
  background: #deadce;
  padding: 0.5em 1em;
}



#blouse{
  background-color: #faf5fb;
}
#blouse .cart-btm .btn{
  background: #f0daec;
}

#blouse01 .title{
  width: 64%;
}
#blouse01 .photo{
  width: 72%;
  margin: 0 auto 3%;
}
#blouse01 .radius_right_left{
  border-radius: 0 80px 0 80px / 0 80px 0 80px;
}
#blouse01 .text_box .inner{
  display: flex;
  width: 88%;
  margin: auto;
}
#blouse01 .text_box .inner .textarea{
  width: 40%;
  margin-right: 3%;
}
#blouse01 .text_box .inner .link-box{
  width: 38.6078%;
  margin-left: 12%;
  animation-delay: 1.6s;
}

#blouse02{
  margin-bottom: 0;
}
#blouse02 .title img{
  width: 39%;
  margin: 0 6% 0 auto;
}
#blouse02 .radius_right_left{
  border-radius: 0 70px 0 70px / 0 70px 0 70px;
}
#blouse02 .text{
  width: 64%;
  margin: 6% auto 8%;
}
#blouse02{
  margin-bottom: 0;
}
#blouse02 .link-box{
  width: 64%;
  margin: 6% auto 8%;
}

#blouse03 .title{
  width: 56%;
}
#blouse03 .photo{
  width: 72%;
  margin: 0 auto 3%;
}
#blouse03 .radius_right_left{
  border-radius: 0 80px 0 80px / 0 80px 0 80px;
}
#blouse03 .text_box .inner{
  display: flex;
  width: 88%;
  margin: auto;
}
#blouse03 .text_box .inner .textarea{
  width: 40%;
  margin-right: 3%;
}
#blouse03 .text_box .inner .link-box{
  width: 38.6078%;
  margin-left: 12%;
  animation-delay: 1.6s;
}


.caption02{
  position: relative;
  margin: 10% auto 0;
  padding-bottom: 10%;
  text-align: center;
  background: linear-gradient(180deg, #fff 0%, #fff 50%, #f5fafd 50%, #f5fafd 100%);
}
.caption02 .photoarea{
  animation-delay: 2.4s;
}
.caption02 .photo{
  margin-top: -4%;
}
.caption02 .subtitle{
  position: relative;
  width: 30.5%;
  margin: 0 auto 1%;
  z-index: 1;
  animation-delay: 1s;
}
.caption02 .title{
  position: relative;
  width: 30%;
  margin: auto;
  animation-delay: 1.6s;
  z-index: 1;
}
.caption02 .icon{
  position: absolute;
  top: 0.5%;
  left: 8%;
  width: 12%;
  mix-blend-mode: multiply;
  animation-delay: 2.4s;
  z-index: 1;
}
.caption02 ul{
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 4.5%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 58%;
}
.caption02 ul li a{
  width: 30%;
}
.caption02 .cart-title{
  text-align: left;
  line-height: 2;
}
.caption02 .cart-yen{
  font-size: 15px;
}
.caption02 .cart-btm .btn{
  background: #b4c2d5;
  padding: 0.5em 1em;
}

#denim{
  background-color: #f5fafd;
  margin-bottom: 6%;
}
#denim .cart-btm .btn{
  background: #d4dce7;
}

#denim01{
  margin-bottom: 0;
}
#denim01 .title img{
  width: 46%;
  margin: 0 auto 0 6%;
}
#denim01 .radius_left_right{
  border-radius: 80px 0 80px 0 / 80px 0 80px 0;
}
#denim01 .text{
  width: 64%;
  margin: 3% auto 8%;
}
#denim01{
  margin-bottom: 0;
}
#denim01 .link-box{
  width: 64%;
  margin: 6% auto 8%;
}

#denim02 .title{
  width: 24%;
  margin: 0 auto 3%;
}
#denim02 ul{
  margin-bottom: 3%;
}
#denim02 .radius_left_right{
  border-radius: 80px 0 80px 0 / 80px 0 80px 0;
}
#denim02 .text_box .inner{
  display: flex;
  justify-content: space-between;
  width: 73%;
  margin: auto;
}
#denim02 .text_box .inner .textarea{
  width: 44%;
  margin-right: 3%;
}
#denim02 .text_box .inner .link-box{
  width: 43.748%;
  animation-delay: 1.6s;
}

#denim03 .title{
  width: 62%;
}
#denim03 .photo{
  width: 72%;
  margin: 0 auto 3%;
}
#denim03 .radius_right_left{
  border-radius: 0 80px 0 80px / 0 80px 0 80px;
}
#denim03 .text_box .inner{
  display: flex;
  width: 88%;
  margin: auto;
}
#denim03 .text_box .inner .textarea{
  width: 40%;
  margin-right: 3%;
}
#denim03 .text_box .inner .link-box{
  width: 38.6078%;
  margin-left: 12%;
  animation-delay: 1.6s;
}

.link-box .main{
  padding-bottom: 3%;
  border-bottom: 1px solid #000;
}
.link-box .mix{
  padding-top: 3%;
}
.link-box p{
  text-align: left;
  line-height: 2;
}
.cart-btm{
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: 0.3s ease-in-out;
}
.cart-title{
  width: 100%;
  position: relative;
  letter-spacing: 0.1rem;
  font-size: 13px;
  font-family: "游ゴシック体", YuGothic, "Yu Gothic", sans-serif;
}
.cart-yen{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 13px;
  letter-spacing: 0.06rem;
  font-family: "YuMincho", 'Yu Mincho', serif;
  white-space: nowrap;
}
.cart-yen img{
  width: 13px;
  margin: 0 0.25rem 1px 0;
}
.cart-yen.price img{
  margin-right: 0.75rem;
}
.cart-yen span{
  font-size: 9px;
  margin: 0 0 0 5px;
}
.cart-btm .btn{
  font-size: 11px;
  line-height: 1em;
  padding: 1.2% 4% 1.3%;
  margin: 0 0 0 10px;
  font-family: "Arial", "メイリオ", Arial, sans-serif;
}
.btn-arrow{
  position: relative;
  -webkit-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
}
.btn-arrow span {
  display: inline-block;
  position: relative;
  font-family: "Arial",sans-serif;
  letter-spacing: 0.02rem;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  will-change: transform;
}
.btn-arrow img{
  position: absolute;
  width: 1.1em;
  right: 0px;
  right: 0rem;
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  will-change: right, opacity;
}
.cart-btm:hover .btn-arrow span {
  -webkit-transform: translate3d(-.5rem, 0, 0);
  transform: translate3d(-.5rem, 0, 0);
}
.btn-arrow img{
  position: absolute;
  width: 1.1em;
  right: 0px;
  right: 0rem;
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  will-change: right, opacity;
}
.btn-arrow img *{
  stroke-width: 5;
  stroke-color: transparent;
}
.cart-btm:hover .btn-arrow img {
  opacity: 1;
  right: -1rem;
}
.link-line{
  margin: 3% 0;
}

.other{
  width:44%;
  max-width: 820px;
  margin: 0 auto 3%;
  text-align: center;
}
.other p{
  margin-bottom: 1%;
  font-size: 18px;
  letter-spacing: 0.08rem;
}
/*banner-block*/
.banner-block{
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}
.c-btn01{
  width: 70%;
  margin: 0 auto 5% auto;
  border: 1px solid #ccc;
  display: block;
}
.c-btn01:hover{
  border: 1px solid #000;
}

#pagetop{
  position: fixed;
  right: 15px;
  bottom: 20px;
  width: 35px;
  z-index: 99;
}

.end-box{
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 4% auto;
}
.end-box .txt{
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 2.5em;
  text-align: center;
  color: #595757;
  font-family: 'EB Garamond', serif;
}

.footer {
  color: #000;
  letter-spacing: 0.3em;
  padding: 0 0 2% 0;
  position: relative;
  text-align: center;
}
.footer .insta{
  display: block;
  width: 450px;
  border: 1px solid #eee;
  margin: 0 auto 3% auto;
  transition: .3s;
}
.footer .insta:hover{
  border: 1px solid #000;
  transition: .3s;
}
.footer_sns {
  margin: 26px 0 0;
}
.footer_snsNode {
  display: inline-block;
  margin: 0 10px;
  width: 30px;
}
.f-ow {
  width: 120px;
  margin: 25px auto 0 auto;
}
.footer_copyright {
  font-family: "Helvetica",serif;
  font-size: 10px;
  letter-spacing: 0.02em;
  margin: 34px 0 0;
}

@media screen and (min-width:920px) and (max-width:1100px){
  body, a, p, h1, h2, h3, h4,.cart-yen{
    font-size: 14px;
  }
  #blouse03 .text_box .inner{

  }

}
@media screen and (min-width:767px) and (max-width:919px){
  body, a, p, h1, h2, h3, h4, .cart-yen{
    font-size: 0.85rem;
  }
  .cart-title{
    font-size: 0.8rem;
  }
  .cart-btm .btn{
    font-size: 0.7rem;
    margin-left: 0.3rem;
  }
  .item_box .box_inner{
    width: 100%;
  }
  .item_box ul .text_box .inner{
    width: 84%;
  }

  .caption01 ul, .caption02 ul{
    width: 80%;
  }

  #blouse01 .text_box .inner{
    width: 100%;
  }
  #blouse02 .link-box{
    width: 80%;
  }
  #blouse03 .text_box .inner{
    width: 100%;
  }
  #denim01 .link-box{
    width: 80%;
  }
  #denim02 .text_box .inner{
    width: 86%;
  }
  #denim03 .text_box .inner{
    width: 100%;
  }
}
@media screen and (max-width:766px){
  .pc{
    display: none;
  }
  .sp{
    display: block;
  }

  .fadeUp.active, .fadeLeft.active,.item_box ul li.right_box .fadeLeft, #denim02 ul li:nth-child(2) img, #blouse03 .text_box .inner .link-box, #denim02 .text_box .inner .link-box, #denim03 .text_box .inner .link-box{
    animation-delay: 0.6s;
  }
  .radius_right_left {
    border-radius: 0 70px 0 70px / 0 70px 0 70px;
  }
  .radius_bottom{
    border-radius: 5rem / 5rem
  }

  header{
    position: relative;
    padding: 8% 0 5% 0;
  }
  header .title1{
    position: absolute;
    top: 3.4%;
    right: 6.4%;
    width: 6.6%;
    margin: auto;
    z-index: 1;
    animation-delay: 1.8s;
  }
  header .title2{
    position: relative;
    width: 88%;
    margin: -3% auto 2%;
    z-index: 1;
    animation-delay: 2.2s;
  }
  header .title3{
    width: 51.5%;
    margin: 0 auto 0 6.8%;
    animation-delay: 2.6s;
  }

  .lead{
    margin: 0 auto 18%;
    padding: 0;
  }
  .lead .header_logo{
    width: 20%;
    margin: 20% auto 14%;
  }
  .lead .title{
    width: 70%;
    margin-bottom: 4%;
  }
  .lead .lead_text{
    width: 100%;
    margin: auto;
    font-size: 0.85rem;
    line-height: 2.2;
  }

  .caption01 .icon, .caption02 .icon,.caption01 .title,.caption02 .title,.caption01 .subtitle,.caption02 .subtitle,.caption01 .photoarea, .caption02 .photoarea{
    animation-delay: 0.6s;
  }

  .caption01, .caption02{
    padding-bottom: 20%;
  }
  .caption01 ul, .caption02 ul{
    flex-direction: column;
    position: static;
    bottom: auto;
    left: auto;
    transform: inherit;
    -webkit-transform: inherit;
    -ms-transform: inherit;
    width: 88%;
  }
  .caption01 ul li, .caption02 ul li{
    display: flex;
    flex-direction: row;
    width: 100%;
  }
  .caption01 .title,.caption01 .subtitle,.caption01 .icon,.caption02 .title,.caption02 .subtitle,.caption02 .icon{
    position: static;
    top: auto;
    left: auto;
    transform: inherit;
    -webkit-transform: inherit;
    -ms-transform: inherit;
    text-align: center;
    margin: auto;
  }
  .caption01 .icon,.caption02 .icon{
    width: 30%;
    margin-left: 3%;
  }
  .caption01 .photo, .caption02 .photo{
    margin: 3% auto;
  }
  .caption01 .subtitle{
    width: 67%;
    margin: -6% auto 4%;
  }
  .caption01 .title{
    width: 72%;
  }
  .caption02{
    margin-top: 20%;
  }
  .caption02 .subtitle{
    width: 62%;
    margin: -6% auto 4%;
  }
  .caption02 .title{
    width: 58%;
  }
  .caption02 .photo{
    padding-top: 4%;
  }

  .item_box, .item_box .inner{
    width: 100%;
  }
  .item_box{
    padding-bottom: 20%;
  }
  .item_box ul{
    flex-direction: column;
  }
  .item_box ul li.left_box, .item_box ul li.right_box{
    width: 100%;
    margin: 0 auto;
  }

  .item_box .text{
    margin-bottom: 6%;
    font-size: 15px;
  }

  #blouse01 .title{
    width: 72%;
    margin: 0 0 6% 6%;
  }
  #blouse01 .photo{
    width: 100%;
    margin-bottom: 6%;
  }
  #blouse01 .radius_left_right{
    border-radius: 0 40px 0 40px / 0 40px 0 40px;
  }
  #blouse01 .text_box .inner{
    flex-direction: column;
  }
  #blouse01 .text_box .inner .textarea, #blouse01 .text_box .inner .link-box{
    width: 100%;
    margin: auto;
  }

  #blouse02 .title img{
    width: 72%;
    margin-bottom: 6%;
  }
  #blouse02 .radius_right_left{
    border-radius: 0 40px 0 40px / 0 40px 0 40px;
  }
  #blouse02 .left_box a:nth-child(1) .photo{
    width: 87%;
    margin: 0 auto 6% 0;
  }
  #blouse02 .left_box a:nth-child(2) .photo{
    width: 87%;
    margin: 0 0 6% auto;
  }
  #blouse02 .text, #blouse02 .link-box{
    width: 88%;
    margin: 0 auto 6%;
  }

  #blouse03 .title{
    width: 62%;
    margin: 0 0 6% 6%;
  }
  #blouse03 .photo{
    width: 100%;
    margin-bottom: 6%;
  }
  #blouse03 .radius_right_left{
    border-radius: 0 40px 0 40px / 0 40px 0 40px;
  }
  #blouse03 .text_box .inner{
    flex-direction: column;
  }
  #blouse03 .text_box .inner .textarea, #blouse03 .text_box .inner .link-box{
    width: 100%;
    margin: auto;
  }

  #denim01 .title img{
    width: 76%;
    margin-bottom: 6%;
  }
  #denim01 .left_box a:nth-child(1) .photo{
    width: 87%;
    margin: 0 auto 6% 0;
  }
  #denim01 .left_box a:nth-child(2) .photo{
    width: 87%;
    margin: 0 0 6% auto;
  }
  #denim01 .radius_left_right{
    border-radius: 40px 0 40px 0  / 40px 0 40px 0 ;
  }
  #denim01 .text, #denim01 .link-box{
    width: 88%;
    margin: 0 auto 6%;
  }

  #denim02 .title{
    width: 48%;
    margin-bottom: 6%;
  }
  #denim02 ul{
    margin-bottom: 0;
  }
  #denim02.item_box ul li{
    width: 87%;
    margin: 0 auto 6%;
  }
  #denim02 .text_box .inner{
    flex-direction: column;
    width: 100%;
  }
  #denim02 .radius_left_right{
    border-radius: 40px 0 40px 0  / 40px 0 40px 0 ;
  }
  #denim02 .text_box .inner .textarea{
    width: 88%;
    margin: 0 auto
  }
  #denim02 .text_box .inner .link-box{
    width: 88%;
    margin: 0 auto 6%
  }
  #denim03 .title{
    width: 58%;
    margin: 0 0 6% 6%;
  }
  #denim03 .photo{
    width: 100%;
    margin-bottom: 6%;
  }
  #denim03 .radius_right_left{
    border-radius: 0 40px 0 40px / 0 40px 0 40px;
  }
  #denim03 .text_box .inner{
    flex-direction: column;
  }
  #denim03 .text_box .inner .textarea, #denim03 .text_box .inner .link-box{
    width: 100%;
    margin: auto;
  }

  .link-box {
    width: 86%;
    margin: auto;
  }
  .caption01 .link-box{
    width: 65%;
  }
  .link-box .cart-btm, .caption01 .link-box .cart-btm{
    width: 100%;
    margin-bottom: 0;
  }
  .cart-title{
    font-size: 0.8rem;
    line-height: 2;
    letter-spacing: 0;
  }
  .caption01 .cart-title, .caption02 .cart-title{
    padding: 0.35em 0;
    line-height: 1.4;
  }
  .cart-yen, .caption01 .cart-yen, .caption02 .cart-yen{
    font-size: 0.9rem;
    line-height: 1.2;
  }
  .cart-yen span, .caption01 .cart-yen span, .caption02 .cart-yen span{
    margin-left: 0.3em;
  }
  .cart-yen img, .caption01 .cart-yen img, .caption02 .cart-yen img{
    width: 1rem;
    margin: 0 0.5rem 0.15em;
  }
  .cart-yen.price img, .caption01 .cart-yen.price img, .caption02 .cart-yen.price img{
    margin-right: 1.07rem;
  }
  .cart-btm .btn, .caption01 .cart-btm .btn,  .caption02 .cart-btm .btn{
    margin-left: 0.3em;
    font-size: 11px;
    line-height: 1em;
    padding: 1.2% 4% 1.3%;
    margin: 0 0 0 10px;
    font-family: "Arial", "メイリオ", Arial, sans-serif;
  }
  .caption01 .cart-btm .btn,.caption02 .cart-btm .btn{
    padding: 0.35em 1em;
  }
  .link-line{
    margin: 4% 0;
  }

  .other{
    width: 100%;
    margin: 0 auto 12%;
  }

  .end-box{
    margin-bottom: 3rem;
  }

  #pagetop{
    position: fixed;
    right: 0;
    bottom: 0%;
    width: 10%;
    z-index: 99;
  }

  footer{
    margin-bottom: 18%;
  }

}