@charset "UTF-8";

@media screen and (max-width: 600px) {

  /* top pickup */
  #store #pickup {
    position: relative;
    background-color: #EBEBE8;
    padding: 4%;
    margin-bottom: 0;
  }

  #store #pickup .arrow_swiper {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background-color: #FFF;
  }

  #store #pickup .swiper-slide {
    display: flex;
    flex-direction: column;
  }

  #store #pickup .swiper-slide .left {
    order: 2;
    width: 100%;
    text-align: center;
    padding: 3em 7% 5em;
  }

  #store #pickup .swiper-slide .left .catch {
    margin-bottom: 1.5em;
  }

  #store #pickup .swiper-slide .left .catch:after {
    height: 15px;
    margin: 0.6em auto 0;
  }

  #store #pickup .swiper-slide .left .title {
    margin-bottom: 1em;
  }

  #store #pickup .swiper-slide .left .honbun {
    text-align: justify;
    width: 75%;
    margin: 0 auto 3em;
  }

  #store #pickup .swiper-slide .right {
    order: 1;
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }

  #store #pickup .swiper-button-prev,
  #store #pickup .swiper-button-next {
    top: 75%;
  }

  /* store ranking */
  #store #ranking {
    width: 92%;
    margin: 5em auto;
  }

  #store #ranking .item .list .number {
    margin-bottom: 1.5em;
    line-height: 1;
  }

  /* store_place */
  #store #place {
    width: 92%;
    margin: 0 auto 5em;
    background-color: #EBEBE8;
  }

  #store #place h2 {
    padding: 1.5em;
  }

  #store #place ul {
    border-top: 1px solid #F7F7F5;
    display: block;
  }

  #store #place ul li {
    padding: 2em 8% 3em;
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #F7F7F5;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
  }

  #store #place ul li:last-child {
    border-right: none;
  }

  #store #place ul li .illust {
    margin-bottom: 2.5em;
    width: 100%;
  }

  #store #place ul li .title {
    margin-bottom: 0;
    margin-right: 1.2em;
  }

  #store #place ul li .size {
    margin-bottom: 0;
    margin-right: auto;
  }

  #store #place .place_list_2 #ordermade {
    padding: 3em 8% 4em;
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #F7F7F5;
    display: block;
  }

  #store #place .place_list_2 #ordermade #illust {
    width: 100%;
    margin-bottom: 2.5em;
  }

  #store #place .place_list_2 #ordermade .left {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  #store #place .place_list_2 #ordermade .right {
    display: none;
  }

  #store #place .place_list_2 #chair {
    padding: 3em 8% 4em;
    width: 100%;
    display: block;
  }

  #store #place .place_list_2 #chair .illust {
    width: 70%;
    margin: 0 auto 2.5em;
  }

  #store #place .place_list_2 #chair .right {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  /* store_series */
  #store #series {
    width: 92%;
    margin: 0 auto 5em;
  }

  #store #series .item .list .caption {
    padding: 0 5%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  #store #series .item .list p {
    width: 80%;
    text-align: justify;
    font-size: 1em;
  }

  /* detail */
  #detail #main {
    width: 100%;
    margin: 0 auto 5em;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }

  #detail #main #left {
    order: 2;
    background-color: #EBEBE8;
    padding: 4em 8% 5em;
    width: 92%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #detail #main #left h1 {
    margin-bottom: 2em;
  }

  #detail #main #left #honbun {
    margin-bottom: 2em;
  }

  #detail #main #left #caption {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }

  #detail #main #left #caption figure {
    width: 20%;
    margin-right: 5%;
  }

  #detail #main #left #size_button {
    padding-top: 1em;
    padding-bottom: 1em;
    border-top: 1px solid #3e3e3e;
    border-bottom: 1px solid #3e3e3e;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
    margin-bottom: 1.5em;
    margin-top: 4em;
  }

  #detail #main #left #size_button h3 {
    width: 25%;
    margin-right: auto;
    text-align: left;
  }

  #detail #main #left #size_button ul {
    display: flex;
    width: 72%;
  }

  #detail #main #left #size_button ul li {
    width: 40px;
    line-height: 40px;
    margin-right: 10px;
    border: 1px solid #3e3e3e;
    text-align: center;
  }

  #detail #main #left #size_button ul li:last-child {
    margin-right: 0;
  }

  #detail #main #left #size_button ul li:hover {
    background-color: #3e3e3e;
    color: #FFF;
  }

  #detail #main #left #size_button ul li:hover a {
    color: #FFF !important;
  }

  #detail #main #left #size_button ul li.curent a div {
    background-color: #3e3e3e;
    color: #FFF !important;
  }

  #detail #main #left #other_link {
    margin-top: 3em;
  }

  #detail #main #left #other_link li {
    display: block;
    margin-bottom: 1em;
  }

  #detail #main #left #other_link li:last-child {
    margin-bottom: 0;
  }

  #detail #main #left #other_link li#members_price #saledate {
    font-size: 0.85em;
  }

  #detail #main #right {
    order: 1;
    width: 100%;
    display: flex;
    align-items: center;
  }

  #detail #main #right .arrow_swiper {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
  }

  #detail #main #right .swiper-slide {
    padding: 0 5% 5%;
  }

  /* detail gallery_tate */
  #detail #gallery_tate {
    width: 92%;
    display: block;
    margin: 0 auto 5em;
  }

  #detail #gallery_tate ul.two_photo {
    width: 100%;
    display: block;
    justify-content: space-between;
    margin-bottom: 3em;
  }

  #detail #gallery_tate ul.style_photo {
    width: 100%;
  }

  #detail #gallery_tate ul figcaption {
    margin-top: 0.5em;
    text-align: right;
  }

  #detail #gallery_tate ul.two_photo li {
    width: 100%;
    margin-bottom: 3em;
  }

  /* detail gallery_yoko */
  #detail #gallery_yoko {
    width: 92%;
    margin: 0 auto 5em;
  }

  #detail #gallery_yoko ul.two_photo {
    width: 100%;
    display: block;
    justify-content: space-between;
    margin-bottom: 3em;
  }

  #detail #gallery_yoko ul.style_photo {
    width: 100%;
  }

  #detail #gallery_yoko ul figcaption {
    margin-top: 0.5em;
    text-align: right;
  }

  #detail #gallery_yoko ul.two_photo li {
    width: 100%;
    margin-bottom: 3em;
  }

  #detail #gallery_yoko ul.style_photo li:nth-child(2n) {
    margin-top: 3em;
  }

  /* detail designer */
  #detail #designer {
    width: 92%;
    margin: 5em auto 5em;
    padding: 5%;
  }

  #detail #designer div {
    background-color: #F7F7F5;
    padding: 4em 8% 5em;
    flex-direction: column;
  }

  #detail #designer div figure {
    order: 2;
    width: 80%;
    margin: 0 auto;
  }

  #detail #designer div section {
    order: 1;
    width: 100%;
    text-align: left;
  }

  #detail #designer div section h3 {
    margin-bottom: 2em;
    text-align: center;
  }

  #detail #designer div section dl {
    display: block;
  }

  #detail #designer div section dl dt {
    width: 100%;
    text-align: center;
    margin-bottom: 2em;
  }

  #detail #designer div section dl dt span {
    display: block;
    margin-top: 0.5em;
  }

  #detail #designer div section dl dd {
    width: 90%;
    margin: 0 auto 3em;
  }

  /* detail dc_box */
  #detail .dc_box {
    width: 92%;
    margin: 5em auto 0;
    padding: 4em 5%;
    display: block;
  }

  #detail .dc_box .left {
    width: 100%;
    text-align: left;
    display: flex;
    flex-direction: column;
  }

  #detail .dc_box .left p.sub_title {
    text-align: center;
  }

  #detail .dc_box .left h3 {
    margin-top: 1.5em;
    margin-bottom: 1em;
    text-align: center;
  }

  #detail .dc_box .left p.goth {
    margin-top: 1em;
    text-align: justify;
  }

  #detail .dc_box .left p.goth a {
    margin-top: 0;
    display: inline-block;
    border-bottom: 1px dashed #707070;
  }

  #detail .dc_box .right {
    width: 100%;
    margin-top: 4em;
  }

  #detail #sozai .right ul {
    display: block;
  }

  #detail #sozai .right ul li {
    width: 100%;
    margin-bottom: 1em;
  }

  #detail #sozai .right ul li:last-child {
    display: none;
  }

  #detail #sozai .left p.goth {
    margin-top: 2em;
    text-align: justify;
  }

  /* 注釈 */
  #attention {
    margin: 5em auto;
  }

  /* おすすめ商品 */
  #detail .related {
    margin: 7em auto 0;
    width: 92%;
  }

  /* 商品一覧にもどる */
  #detail .product_button {
    margin-top: 7em;
  }

  /* all */
  #all {
    width: 92%;
    margin: 0 auto;
  }

  /* all pulldown */
  #all #pulldown {
    display: block;
    width: 86%;
    margin: 0 auto 4em;
  }

  #all #pulldown .accordion {
    width: 100%;
  }

  #all #pulldown .accordion li {
    margin: 0 auto;
    position: relative;
    text-align: center;
    border-bottom: 1px solid #707070;
    list-style: none;
    line-height: 45px;
  }

  #all #pulldown .accordion li a {
    display: block;
    text-decoration: none;
    cursor: pointer;
    position: relative;
  }

  #all #pulldown .accordion li a h3 {
    line-height: 48px;
  }

  #all #pulldown .accordion li .accordion_icon,
  .accordion li .accordion_icon span {
    display: inline-block;
    transition: all .2s;
    box-sizing: border-box;
  }

  #all #pulldown .accordion li .accordion_icon {
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    right: 1em;
  }

  #all #pulldown .accordion li .accordion_icon span {
    background-color: #707070;
  }

  /* sort */
  #sort {
    width: 92%;
    margin: 0 auto;
  }

  #sort .leyer_caption {
    width: 80%;
    margin: 3em auto;
    text-align: justify;
  }

  /* policy, terms */
  #index #detail {
    width: 90%;
    margin: 0 auto 5em;
    padding: 0 8%;
    border-right: 1px solid #707070;
    border-left: 1px solid #707070;
  }

  #index #detail section {
    width: 100%;
    margin: 0 auto 5em;
  }

  #index #detail section h3 {
    margin-bottom: 1.5em;
  }

  #index #single {
    width: 90%;
    margin: 0 auto 5em;
  }

  /* item_リスト共通 */
  .item {
    display: block;
    margin-bottom: 5em;
  }

  .item .list {
    width: 100%;
    padding: 0 0 3em;
    border-right: none;
    border-bottom: 1px solid #E8E8E2;
    margin-bottom: 3em;
  }

  .item .list:nth-child(3n) {
    border-right: none;
  }

  .item .list:nth-last-of-type(-n+3) {
    margin-bottom: 3em;
  }

  .item .list:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
    border-right: none;
  }

  .item::before {
    display: none;
  }

  .item::after {
    content: "";
    display: block;
    width: 33.3%;
  }

  .item .list .thumb {
    margin-bottom: 1.2em;
  }

  .item .list .name {
    margin-bottom: 1.2em;
  }

  .item .list .size {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    margin: 0 auto;
  }

  .item .list .size h3 {
    width: auto;
    margin-right: 20px;
  }

  .item .list .size ul {
    display: flex;
    justify-content: center;
    width: auto;
  }

  .item .list .size ul li {
    width: 40px;
    line-height: 40px;
    margin-right: 10px;
    border: 1px solid #3e3e3e;
  }

  .item .list .size ul li:last-child {
    margin-right: 0;
  }

  .item .list .size ul li:hover {
    background-color: #3e3e3e;
    color: #FFF;
  }

  .item .list .size ul li:hover a {
    color: #FFF !important;
  }
}