@charset "UTF-8";
/* *
 *
 *  variables
 *  変数
 *
 * */
/*--------------------------------------------------------------------------
   layout
---------------------------------------------------------------------------*/
/* @PC content width
-----------------------------------------------------------------*/
/* space
-----------------------------------------------------------------*/
/*--------------------------------------------------------------------------
   headerH
---------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
   breakpoint
---------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
  tranition
---------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
 font
---------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
   font-size
---------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
  line-height
---------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
  letter-spacing
---------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
   color
---------------------------------------------------------------------------*/
/* font color base */
/* *
 *
 *  mixin & function
 *  関数
 *
 * */
/*--------------------------------------------------------------------------
  media
---------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
   font-family
---------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
   txt-jp
---------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
  pseudo
---------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
  ico-font
---------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
  cf
---------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
  flexbox
---------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
  inline-style
---------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
  function px-to-vw
---------------------------------------------------------------------------*/
/* *
 *
 *  2023_pre_spring_detail.css
 *
 *
 * */
body {
  min-height: 100vh;
  overflow-x: auto;
  position: relative; }

.dev-pc body {
  min-width: 1024px; }

#page {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 600px; }

#content {
  padding-top: 0;
  position: relative;
  height: 100%; }

#main {
  padding-bottom: 0;
  display: block;
  width: auto;
  height: 100%; }

#detail {
  height: 100%; }

.article {
  width: 100%;
  height: 100%; }
  .article .look {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    text-align: center; }
    .article .look.wide {
      top: 50%;
      background: none;
      position: relative; }
  .article--wide .look img {
    display: none; }
  .article--vertical .look {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%; }
    .article--vertical .look img {
      width: auto;
      height: 100%;
      max-width: none; }
  .article--vertical .content {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: 300px;
    padding-bottom: 41px; }
    .article--vertical .content.smart {
      right: 60px;
      left: auto;
      margin-left: 0; }
    .dev-tb .article--vertical .content, .dev-sd .article--vertical .content {
      right: 45px;
      left: auto; }
    .article--vertical .content .products {
      font-size: 11px;
      line-height: 1.5; }
      .article--vertical .content .products dl {
        margin-top: 19px; }
      .article--vertical .content .products dd {
        color: #999999; }
      @media screen and (max-height: 780px) {
        .article--vertical .content .products {
          overflow: scroll;
          max-height: 62vh; } }
    .article--vertical .content .look-id {
      margin-top: 39px;
      font-size: 50px;
      line-height: 1; }
    .article--vertical .content .pagination {
      display: flex;
      margin-top: 50px;
      margin-left: -10px; }
      .article--vertical .content .pagination li:first-child {
        margin-right: 16px; }
      .article--vertical .content .pagination li a {
        display: block;
        padding: 10px; }
      .article--vertical .content .pagination li img {
        width: 8px; }
  .article--vertical .back {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 10px;
    z-index: 100; }
    .article--vertical .back a {
      display: block;
      padding: 10px;
      color: #999999; }
      .article--vertical .back a img {
        width: 14px;
        margin-left: 13px; }
  .article--vertical .lookbook-title {
    position: absolute;
    left: 50px;
    bottom: 50px; }
    .article--vertical .lookbook-title .logo {
      margin-bottom: 5px; }
      .article--vertical .lookbook-title .logo img {
        width: 100px; }
    .article--vertical .lookbook-title .copy {
      font-size: 10px;
      line-height: 1.5;
      color: #999999; }