@charset "UTF-8";


@media screen and (min-width:768px) {
  .col-1 {
    width: 5%;
    display: block
  }
  .mgl-1 {
    margin-left: 5%
  }
  .mgr-1 {
    margin-right: 5%
  }
  .mgt-1 {
    margin-top: 5%
  }
  .mgb-1 {
    margin-bottom: 5%
  }
  .col-2 {
    width: 10%;
    display: block
  }
  .mgl-2 {
    margin-left: 10%
  }
  .mgr-2 {
    margin-right: 10%
  }
  .mgt-2 {
    margin-top: 10%
  }
  .mgb-2 {
    margin-bottom: 10%
  }
  .col-3 {
    width: 15%;
    display: block
  }
  .mgl-3 {
    margin-left: 15%
  }
  .mgr-3 {
    margin-right: 15%
  }
  .mgt-3 {
    margin-top: 15%
  }
  .mgb-3 {
    margin-bottom: 15%
  }
  .col-4 {
    width: 20%;
    display: block
  }
  .mgl-4 {
    margin-left: 20%
  }
  .mgr-4 {
    margin-right: 20%
  }
  .mgt-4 {
    margin-top: 20%
  }
  .mgb-4 {
    margin-bottom: 20%
  }
  .col-5 {
    width: 25%;
    display: block
  }
  .mgl-5 {
    margin-left: 25%
  }
  .mgr-5 {
    margin-right: 25%
  }
  .mgt-5 {
    margin-top: 25%
  }
  .mgb-5 {
    margin-bottom: 25%
  }
  .col-6 {
    width: 30%;
    display: block
  }
  .mgl-6 {
    margin-left: 30%
  }
  .mgr-6 {
    margin-right: 30%
  }
  .mgt-6 {
    margin-top: 30%
  }
  .mgb-6 {
    margin-bottom: 30%
  }
  .col-7 {
    width: 35%;
    display: block
  }
  .mgl-7 {
    margin-left: 35%
  }
  .mgr-7 {
    margin-right: 35%
  }
  .mgt-7 {
    margin-top: 35%
  }
  .mgb-7 {
    margin-bottom: 35%
  }
  .col-8 {
    width: 40%;
    display: block
  }
  .mgl-8 {
    margin-left: 40%
  }
  .mgr-8 {
    margin-right: 40%
  }
  .mgt-8 {
    margin-top: 40%
  }
  .mgb-8 {
    margin-bottom: 40%
  }
  .col-9 {
    width: 45%;
    display: block
  }
  .mgl-9 {
    margin-left: 45%
  }
  .mgr-9 {
    margin-right: 45%
  }
  .mgt-9 {
    margin-top: 45%
  }
  .mgb-9 {
    margin-bottom: 45%
  }
  .col-10 {
    width: 50%;
    display: block
  }
  .mgl-10 {
    margin-left: 50%
  }
  .mgr-10 {
    margin-right: 50%
  }
  .mgt-10 {
    margin-top: 50%
  }
  .mgb-10 {
    margin-bottom: 50%
  }
  .col-11 {
    width: 55%;
    display: block
  }
  .mgl-11 {
    margin-left: 55%
  }
  .mgr-11 {
    margin-right: 55%
  }
  .mgt-11 {
    margin-top: 55%
  }
  .mgb-11 {
    margin-bottom: 55%
  }
  .col-12 {
    width: 60%;
    display: block
  }
  .mgl-12 {
    margin-left: 60%
  }
  .mgr-12 {
    margin-right: 60%
  }
  .mgt-12 {
    margin-top: 60%
  }
  .mgb-12 {
    margin-bottom: 60%
  }
  .col-13 {
    width: 65%;
    display: block
  }
  .mgl-13 {
    margin-left: 65%
  }
  .mgr-13 {
    margin-right: 65%
  }
  .mgt-13 {
    margin-top: 65%
  }
  .mgb-13 {
    margin-bottom: 65%
  }
  .col-14 {
    width: 70%;
    display: block
  }
  .mgl-14 {
    margin-left: 70%
  }
  .mgr-14 {
    margin-right: 70%
  }
  .mgt-14 {
    margin-top: 70%
  }
  .mgb-14 {
    margin-bottom: 70%
  }
  .col-15 {
    width: 75%;
    display: block
  }
  .mgl-15 {
    margin-left: 75%
  }
  .mgr-15 {
    margin-right: 75%
  }
  .mgt-15 {
    margin-top: 75%
  }
  .mgb-15 {
    margin-bottom: 75%
  }
  .col-16 {
    width: 80%;
    display: block
  }
  .mgl-16 {
    margin-left: 80%
  }
  .mgr-16 {
    margin-right: 80%
  }
  .mgt-16 {
    margin-top: 80%
  }
  .mgb-16 {
    margin-bottom: 80%
  }
  .col-17 {
    width: 85%;
    display: block
  }
  .mgl-17 {
    margin-left: 85%
  }
  .mgr-17 {
    margin-right: 85%
  }
  .mgt-17 {
    margin-top: 85%
  }
  .mgb-17 {
    margin-bottom: 85%
  }
  .col-18 {
    width: 90%;
    display: block
  }
  .mgl-18 {
    margin-left: 90%
  }
  .mgr-18 {
    margin-right: 90%
  }
  .mgt-18 {
    margin-top: 90%
  }
  .mgb-18 {
    margin-bottom: 90%
  }
  .col-19 {
    width: 95%;
    display: block
  }
  .mgl-19 {
    margin-left: 95%
  }
  .mgr-19 {
    margin-right: 95%
  }
  .mgt-19 {
    margin-top: 95%
  }
  .mgb-19 {
    margin-bottom: 95%
  }
  .col-20 {
    width: 100%;
    display: block
  }
  .mgl-20 {
    margin-left: 100%
  }
  .mgr-20 {
    margin-right: 100%
  }
  .mgt-20 {
    margin-top: 100%
  }
  .mgb-20 {
    margin-bottom: 100%
  }
}

html {
  font-size: 62.5%
}

*, :after, :before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

body {
  font-weight: 400;
  color: #000;
  position: relative
}

img {
  vertical-align: top
}

#header .shopping .inner>ul>li>a {
  color: #756f6f
}

.only_pc {
  display: inherit
}

:focus {
  outline: 0
}

.item {
  opacity: 0;
  -webkit-transition: all 2s ease;
  transition: all 2s ease
}

.item-inner img {
  width: 100%
}

.item-caption {
  font-family: 'Crimson Text', "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size: 1.2rem;
  letter-spacing: .1em;
  padding: 2% 0 0;
  line-height: 2;
  color: #8E410C;
}

.item-caption-name {
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1;
}
.item-caption-price {
  display: block;
  margin-top: 2%;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1;
}

.item-clear {
  clear: both
}

.item.fade {
  opacity: 1
}

#ct2021ss02 #content {
  background: #E8DED0;
}

#ct2021ss02 .sc_container .more {
  margin-top: 110px;
}

#ct2021ss02 .sc_container .more a {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 350px;
  height: 70px;
  font-family: 'Crimson Text', "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 3;
  color: #8E410C;
  border: 1px solid #8E410C;
  background: #fff;

  text-align: center;
  -webkit-font-smoothing: antialiased;
  letter-spacing: .05em;
}


#ct2021ss02 #menu {
  font-size: 16px
}

.ct2021ss02 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

@media screen and (min-width:769px) {
  #ct2021ss02 #content {
    padding: 0;
    max-width: 100%;
  }

  .ct2021ss02 .sc_container {
    margin: 45px auto 0;
    padding: 8% 0;
    max-width: 1080px
  }
  .ct2021ss02 .sc_container .logo {
    font-family: 'Crimson Text', "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight: 600;
    font-size: 5.2rem;
    color: #8E410C;
    line-height: 1.3;
    text-align: center;
    background: #fff;
    margin: 0 auto;
    padding: 40px 10px;
    width: 95%;
  }
  .ct2021ss02 .logo_sub{
    font-size: 4.2rem;
  }
  .ct2021ss02 .sc_container .logo:nth-of-type(3) img {
    margin-top: 100px;
    width: 351.5px
  }
  .ct2021ss02 .sc_container .logo:nth-of-type(2) img {
    margin-top: 160px;
    margin-bottom: 140px;
    width: 187px
  }
  .ct2021ss02 .sc_container .logo:nth-of-type(1) img {
    margin-top: 180px;
    margin-bottom: 40px;
    width: 152px
  }
  .ct2021ss02 .sc_container .items {
    overflow: hidden;
    padding-bottom: 40px;
  }
  .ct2021ss02 .sc_container .item-caption-1 {
    left: -140%;
    bottom: 0%
  }
  .ct2021ss02 .sc_container .item-caption-2 {
    position: absolute;
    top: -70px;
    right: 0;
    /* width: 150px; */
    text-align: right;
  }
  .ct2021ss02 .sc_container .item-caption-3 {
    position: absolute;
    bottom: 0;
    right: -100px;
  }
  .ct2021ss02 .sc_container .item-caption-4 {
    text-align: right;
  }
  .ct2021ss02 .sc_container .item-caption-6 {
    text-align: right;
  }
  .ct2021ss02 .sc_container .item-caption-7 {
    text-align: center;
  }
  .ct2021ss02 .sc_container .item {
    display: table;
    float: left;
    position: relative
  }
  .ct2021ss02 .sc_container .item:first-child:after {
    content: "";
    display: block;
    width: 1025px;
    height: calc(106.6% + 40px);
    background: #fff;
    position: absolute;
    top: -40px;
    left: -80px;
  }
  .ct2021ss02 .sc_container .item:nth-child(3):after {
    content: "";
    display: block;
    width: 675px;
    height: calc(231% + 40px);
    background: #fff;
    position: absolute;
    top: -40px;
    left: -40px;
  }
  .ct2021ss02 .sc_container .item:nth-child(5):after {
    content: "";
    display: block;
    width: 615px;
    height: calc(108% + 40px);
    background: #fff;
    position: absolute;
    top: -40px;
    left: -40px;
  }
  .ct2021ss02 .sc_container .item:nth-child(6):after {
    content: "";
    display: block;
    width: 630px;
    height: calc(108% + 40px);
    background: #fff;
    position: absolute;
    top: -40px;
    left: -232px;
  }
  .ct2021ss02 .sc_container .item:nth-child(7):after {
    content: "";
    display: block;
    width: 1025px;
    height: calc(107.6% + 40px);
    background: #fff;
    position: absolute;
    top: -40px;
    left: -295px;
  }
  .ct2021ss02 .sc_container .item-inner {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 1
  }
  .ct2021ss02 .sc_container .item-inner .sp {
    display: none
  }
  .ct2021ss02 .sc_container .item-inner .pc {
    display: block
  }
  .ct2021ss02 .sc_container .item-caption {
    /* position: absolute;
    left: 8%;
    padding-top: 8%; */
  }
  .ct2021ss02 .sc_container .item-caption a {
    position: relative;
    padding-bottom: 5px;
    z-index: 1;
    display: inline-block;
    cursor: pointer
  }
  .ct2021ss02 .sc_container .item-caption a::after, .ct2021ss02 .sc_container .item-caption a::before {
    content: '';
    height: 1px;
    background: #747070;
    bottom: 5px;
    display: block;
    position: absolute;
    z-index: -1
  }
  .ct2021ss02 .sc_container .item-caption a::before {
    width: 100%;
    right: 0;
    -webkit-transition: all .1s ease;
    transition: all .1s ease
  }
  .ct2021ss02 .sc_container .item-caption a::after {
    left: 0;
    width: 0;
    -webkit-transition: all .5s ease .2s;
    transition: all .5s ease .2s
  }
  .ct2021ss02 .sc_container .item-caption a:hover::before {
    width: 0
  }
  .ct2021ss02 .sc_container .item-caption a:hover::after {
    width: 100%
  }
  .ct2021ss02 .sc_container .item-inner .item-scroll-img.hover {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1
  }
  .ct2021ss02 .sc_container .item-inner .item-scroll-img.has-hover {
    transition: opacity .2s
  }
  .ct2021ss02 .sc_container .item-inner .item-scroll-img.has-hover:hover {
    opacity: 0
  }
  .bx-controls {
    display: none
  }
  .ct2021ss02 .sc_container .lists {
    position: relative;
    z-index: 1;
    display: flex;
    flex-flow: wrap;
    margin-top: 15%;
  }
  .ct2021ss02 .sc_container .lists:after {
    content: "";
    display: block;
    width: calc(100% + 80px);
    height: calc(101.7% + 40px);
    background: #fff;
    position: absolute;
    top: -40px;
    left: -40px;
    z-index: -1;
  }
  .ct2021ss02 .sc_container .list {
    width: calc((100% - 4%) / 3);
    margin-left: 2%;
  }
  .ct2021ss02 .sc_container .list:nth-child(n+4) {
    margin: 4% 0 0 2%;
  }
  .ct2021ss02 .sc_container .list:nth-child(3n+1) {
    margin: 4% 0 0;
  }
  .ct2021ss02 .sc_container .list:first-child {
    margin: 0px;
  }
  .ct2021ss02 .sc_container .list-inner > img{
    width: 100%;
  }
  .ct2021ss02 .sc_container .list-caption {
    display: flex;
    flex-flow: column;
    font-family: 'Crimson Text', "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    padding: 5% 0 0;
    font-weight: 600;
    line-height: 2;
    color: #8E410C;
    text-align: center;
    letter-spacing: .1em;
    line-height: 1;
  }
  .ct2021ss02 .sc_container .list-caption > a {
    display: flex;
    flex-flow: column;
  }
  .ct2021ss02 .sc_container .list-caption-name {
    font-size: 2.2rem;
  }
  .ct2021ss02 .sc_container .list-caption-name > span{
    font-size: 2rem;
    font-weight: bold;
  }
  .ct2021ss02 .sc_container .list-caption-size {
    margin-top: 4%;
    font-size: 1.6rem;
  }
  .ct2021ss02 .sc_container .list-caption-price {
    margin-top: 4%;
    font-size: 1.6rem;
  }
}

@media screen and (max-width:768px) {
  #ct2021ss02 #content {
    padding: 0;
  }
  .ct2021ss02 .sc_container {
    padding: 8% 0 15%;
    margin: 25% auto 0;
    max-width: 100%
  }
  .ct2021ss02 .logo {
    font-family: 'Crimson Text', "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight: 600;
    font-size: 3rem;
    color: #8E410C;
    line-height: 1.3;
    text-align: center;
    background: #fff;
    margin: 0 auto;
    padding: 15px 10px;
    width: 90%;
  }
  .ct2021ss02 .logo_sub{
    font-size: 2.4rem;
  }

  .items {
    margin-top: 60px;
  }

  .item-caption-name {
    font-size: 2rem;
  }

  .item-caption-price {
    font-size: 1.6rem;
  }

  .item {
    position: relative;
    /* max-width: 270px; */
    /*max-width: 73.976vw;  270px */
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20%;
    z-index: 1;
  }
  .item:after {
    /* content: "";
    display: block;
    position: absolute;
    top: -20px;
    left: -34px;
    width: calc(100% + 67px);
    height: calc(100% + 40px);
    z-index: -1;
    background: #fff; */

    content: "";
    display: block;
    position: absolute;
    top: -20px;
    left: -6vw;
    width: calc(100% - 30px);
    width: calc(100vw - 8vw);
    height: calc(100% + 40px);
    z-index: -1;
    background: #fff;
  }
  .item-inner .sp {
    display: block
  }
  .item-inner .pc {
    display: none
  }
  .item:last-child {
    margin-bottom: 55px
  }
  .item a {
    position: relative;
    padding-bottom: 5px;
    z-index: 1
  }
  .item a::before {
    content: '';
    height: 1px;
    background: #000;
    bottom: 1px;
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    right: 0
  }
  .item-caption {
    line-height: 2;
    letter-spacing: 0;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 50px;
    font-size: 1.3rem
  }

  #ct2021ss02 .sc_container .more {
    margin-top: 70px;
  }

  #ct2021ss02 .sc_container .more a {
    margin: 0 auto;
    width: 66.666vw; /* 250px */
    height: 60px;
    font-size: 1.8rem;
    line-height: 3.3;
  }

  .ct2021ss02 .sc_container .lists {
    position: relative;
    margin-top: 140px;
    z-index: 1;
  }

  .ct2021ss02 .sc_container .lists:after {
    content: "";
    display: block;
    position: absolute;
    top: -20px;
    left: 4vw;
    width: calc(100% - 30px);
    width: calc(100% - 8vw);
    height: calc(100% + 40px);
    z-index: -1;
    background: #fff;
  }

  .ct2021ss02 .sc_container .list {
    /* position: relative; */
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    /* z-index: 1; */
  }

  /* .ct2021ss02 .sc_container .list:after {
    content: "";
    display: block;
    position: absolute;
    top: -20px;
    left: -19px;
    width: calc(100% + 38px);
    height: calc(100% + 40px);
    z-index: -1;
    background: #fff;
  } */

  .ct2021ss02 .sc_container .list + .list {
    margin-top: 10%;
  }

  .ct2021ss02 .sc_container .list-inner > img {
    width: 100%;
  }

  .ct2021ss02 .sc_container .list-caption {
    display: flex;
    flex-flow: column;
    font-family: 'Crimson Text', "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    padding: 5% 0 0;
    font-weight: 600;
    line-height: 2;
    color: #8E410C;
    text-align: center;
    letter-spacing: .1em;
    line-height: 1;
  }
  .ct2021ss02 .sc_container .list-caption > a {
    display: flex;
    flex-flow: column;
  }
  .ct2021ss02 .sc_container .list-caption-name {
    font-size: 2rem;
  }
  .ct2021ss02 .sc_container .list-caption-name > span{
    font-size: 1.8rem;
    font-weight: bold;
  }
  .ct2021ss02 .sc_container .list-caption-size {
    margin-top: 4%;
    font-size: 1.4rem;
  }
  .ct2021ss02 .sc_container .list-caption-price {
    margin-top: 4%;
    font-size: 1.4rem;
  }

}

@media screen and (max-width:768px) {
  .bx-wrapper {
    position: relative
  }
  .bx-pager {
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 0;
    text-align: center;
    display: inline
  }
  .bx-pager-item {
    display: inline;
    padding: 0 5px
  }
  .bx-pager-item a {
    background: #a0a0a0;
    display: inline-block;
    width: 6px;
    height: 6px;
    text-indent: -200%;
    overflow: hidden;
    border-radius: 50%
  }
  .bx-pager-item a:hover {
    background: #a0a0a0
  }
  .bx-pager-item a.active {
    background: #000
  }
  .bx-pager-item a::before {
    background: none
  }
}