@charset "UTF-8";
/***********************共通設定************************/
/*----------------------------------------------------
  共通
----------------------------------------------------*/
img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

p, h1, h2, h3 {
  margin: 0;
}

ul, li, dl, dt, dd {
  margin: 0;
  padding: 0;
  list-style: none;
}

.wide_inner {
  padding: 0 20px;
  /* 751以上 */
}
@media all and (min-width: 751px) {
  .wide_inner {
    padding: 0;
    max-width: 1440px;
    margin: 0 auto;
  }
}

.btn {
  display: block;
  background-color: #000;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  padding: 21px 0;
  cursor: pointer;
  /* 751以上 */
}
@media all and (min-width: 751px) {
  .btn {
    font-size: 18px;
    padding: 27px 0;
    max-width: 440px;
    margin: 0 auto;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}
@media (min-width: 751px) and (hover: hover) {
  .btn:hover {
    background-color: #4e4e4e;
  }
}
.btn .t_blank {
  position: relative;
  padding-right: 26px;
  /* 751以上 */
}
@media all and (min-width: 751px) {
  .btn .t_blank {
    padding-right: 38px;
  }
}
.btn .t_blank::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 13px;
  height: 14px;
  background-image: url(../images/tsujiki/t_blank.png);
  background-repeat: no-repeat;
  background-size: contain;
  right: 0;
  top: 3px;
  /* 751以上 */
}
@media all and (min-width: 751px) {
  .btn .t_blank::before {
    width: 17px;
    height: 18px;
    top: 4px;
  }
}
.btn.green {
  background-color: #425321;
  /* 751以上 */
}
@media (min-width: 751px) and (hover: hover) {
  .btn.green:hover {
    background-color: #70824b;
  }
}
.btn.brown {
  background-color: #453521;
  /* 751以上 */
}
@media (min-width: 751px) and (hover: hover) {
  .btn.brown:hover {
    background-color: #816648;
  }
}

/*----------------------------------------------------
  背景色
----------------------------------------------------*/
body {
  background-color: #000;
}

.bread li, .bread li a {
  color: #fff;
}
.bread li a::after {
  background-color: #fff;
}

main {
  background-color: #fff;
}

/*----------------------------------------------------
  辻喜
----------------------------------------------------*/
#tsujiki_mv {
  background-color: #000;
}
#tsujiki_mv h1 {
  max-width: 134px;
  margin: 40px auto;
  /* 751以上 */
}
@media all and (min-width: 751px) {
  #tsujiki_mv h1 {
    max-width: 536px;
    margin: 50px auto 80px;
  }
}

#about .intro {
  padding: 30px 0 60px;
  /* 751以上 */
}
@media all and (min-width: 751px) {
  #about .intro {
    padding: 130px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#about .intro .intro_txt {
  position: relative;
  text-align: center;
  padding-top: 56px;
  /* 751以上 */
}
@media all and (min-width: 751px) {
  #about .intro .intro_txt {
    width: 45%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 0;
  }
}
#about .intro .intro_txt::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 240px;
  height: 65px;
  background-image: url(../images/tsujiki/about.png);
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  /* 751以上 */
}
@media all and (min-width: 751px) {
  #about .intro .intro_txt::before {
    width: 71%;
    height: 126px;
    left: auto;
    right: 20px;
    -webkit-transform: none;
            transform: none;
  }
}
#about .intro .intro_txt h2 {
  width: 56px;
  display: inline-block;
  /* 751以上 */
}
@media all and (min-width: 751px) {
  #about .intro .intro_txt h2 {
    width: 14%;
  }
}
#about .intro .intro_txt .copy {
  font-size: 14px;
  letter-spacing: 0.03em;
  line-height: 2.5;
  margin: 32px 0 45px;
  /* 751以上 */
}
@media all and (min-width: 751px) {
  #about .intro .intro_txt .copy {
    font-size: 20px;
    line-height: 2.55;
    text-align: left;
    margin: 0;
    padding-top: 26%;
    width: 76%;
    /* 1080以下  */
  }
}
@media all and (min-width: 751px) and (max-width: 1080px) {
  #about .intro .intro_txt .copy {
    font-size: 16px;
  }
}
#about .intro .intro_img {
  /* 751以上 */
}
@media all and (min-width: 751px) {
  #about .intro .intro_img {
    width: 48%;
  }
}
#about .detail {
  padding: 60px 0;
  /* 751以上 */
}
@media all and (min-width: 751px) {
  #about .detail {
    padding: 130px 0;
    max-width: 1024px;
    margin: 0 auto;
  }
}
#about .detail h3 {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1.875;
  margin-bottom: 24px;
  /* 751以上 */
}
@media all and (min-width: 751px) {
  #about .detail h3 {
    font-size: 28px;
    margin-bottom: 60px;
  }
}
#about .detail p {
  font-size: 13px;
  letter-spacing: 0.03em;
  line-height: 2.4;
  /* 751以上 */
}
@media all and (min-width: 751px) {
  #about .detail p {
    font-size: 18px;
    line-height: 2.6;
    /* 1080以下  */
  }
}
@media all and (min-width: 751px) and (max-width: 1080px) {
  #about .detail p {
    font-size: 16px;
  }
}
#about .detail .btn {
  margin-top: 45px;
  /* 751以上 */
}
@media all and (min-width: 751px) {
  #about .detail .btn {
    margin-top: 80px;
  }
}

#items {
  padding: 60px 0;
  /* 751以上 */
}
@media all and (min-width: 751px) {
  #items {
    padding: 130px 0 140px;
  }
}
#items .item_list li {
  margin-bottom: 60px;
  /* 751以上 */
}
@media all and (min-width: 751px) {
  #items .item_list li {
    margin-bottom: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 9.7%;
       -moz-column-gap: 9.7%;
            column-gap: 9.7%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /* 1080以下  */
  }
}
@media all and (min-width: 751px) and (max-width: 1080px) {
  #items .item_list li {
    -webkit-column-gap: 7%;
       -moz-column-gap: 7%;
            column-gap: 7%;
  }
}
#items .item_list li:last-child {
  margin-bottom: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
#items .item_list li .item_image {
  /* 751以上 */
}
@media all and (min-width: 751px) {
  #items .item_list li .item_image {
    width: 37%;
  }
}
#items .item_list li .item_text {
  /* 751以上 */
}
@media all and (min-width: 751px) {
  #items .item_list li .item_text {
    width: 44.9%;
    /* 1080以下  */
  }
}
@media all and (min-width: 751px) and (max-width: 1080px) {
  #items .item_list li .item_text {
    width: 53%;
  }
}
#items .item_list li .item_text .name {
  padding: 30px 0 20px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.03em;
  /* 751以上 */
}
@media all and (min-width: 751px) {
  #items .item_list li .item_text .name {
    font-size: 30px;
    padding: 0 0 40px 0;
    /* 1080以下  */
  }
}
@media all and (min-width: 751px) and (max-width: 1080px) {
  #items .item_list li .item_text .name {
    font-size: 26px;
    padding: 0 0 28px 0;
  }
}
#items .item_list li .item_text .discription {
  font-size: 13px;
  letter-spacing: 0.03em;
  line-height: 2.4;
  /* 751以上 */
}
@media all and (min-width: 751px) {
  #items .item_list li .item_text .discription {
    font-size: 18px;
    /* 1080以下  */
  }
}
@media all and (min-width: 751px) and (max-width: 1080px) {
  #items .item_list li .item_text .discription {
    font-size: 16px;
  }
}
#items .item_list li .item_text .price {
  padding: 20px 0 25px;
  font-size: 20px;
  letter-spacing: 0.03em;
  /* 751以上 */
}
@media all and (min-width: 751px) {
  #items .item_list li .item_text .price {
    padding: 40px 0 50px;
    font-size: 31px;
    /* 1080以下  */
  }
}
@media all and (min-width: 751px) and (max-width: 1080px) {
  #items .item_list li .item_text .price {
    padding: 25px 0 40px;
    font-size: 25px;
  }
}
#items .item_list li .item_text .price .tax {
  font-size: 11px;
  padding: 0 20px 0 3px;
  /* 751以上 */
}
@media all and (min-width: 751px) {
  #items .item_list li .item_text .price .tax {
    font-size: 19px;
    padding: 0 30px 0 5px;
  }
}
#items .item_list li .item_text .price .cool {
  background-color: #EEE8E3;
  font-size: 10px;
  letter-spacing: 0.03em;
  padding: 4px 12px;
  vertical-align: middle;
  /* 751以上 */
}
@media all and (min-width: 751px) {
  #items .item_list li .item_text .price .cool {
    font-size: 14px;
  }
}
#items .item_list li .item_text .btn {
  max-width: none;
}