@charset "UTF-8";

/*------------------------------
 全体幁E��（余白など�E�E------------------------------*/
.contentWrapper {
  width: 1200px;
  font-family: '游ゴシチE��', YuGothic, 'Yu Gothic', sans-serif;
  font-weight: 500;
  margin: 0 auto;
}

.contentInner {
  margin: 90px 50px 0px 50px;
}

/* mainVisual
------------------------------*/
.mainVisual__image {
  width: 100%;
  height: auto;
}
/* mainTitle
------------------------------*/
.mainTitle__box {
  font-family: 'Yu Mincho', YuMincho, sans-serif;
  position: relative;
  text-align: center;
  margin: 0 auto 10px;
  color: #cdc94a;
  letter-spacing : 0.5em;
}

.mainTitle__image {
  display: inline-block;
  width: 1200px;
}

.mainTitle__text {
  font-family: 'Yu Mincho', YuMincho, sans-serif;
  color: #BFC0C1;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 1.2px;
  text-align: center;
  margin-bottom: 40px;
}

/* columnContent
------------------------------*/
.columnContent__itemBox::after, .columnContent__itemBox--spaceLarge::after, .columnContent__itemBox--space::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

.columnContent__itemBox--spaceLarge {
  margin-bottom: 120px;
}

.columnContent__itemBox--space {
  margin-bottom: 80px;
}

.columnContent__item, .columnContent__item--right {
  float: left;
  width: 526px;
}

.columnContent__item--right {
  margin-left: 48px;
}

.columnContent__imageBox--space {
  margin-bottom: 40px;
}

.columnContent__image {
  width: 100%;
  height: auto;
}

.columnContent__link {
  display: block;
}

.columnContent__link:hover {
  opacity: 0.8;
}

.columnContent__title, .columnContent__title--orange, .columnContent__title--blue, .columnContent__title--green, .columnContent__title--yellow {
  font-size: 18px;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 2.5px;
  text-align: left;
  margin: 25px 0 30px;
}

.columnContent__title--orange {
  color: #e7bdc7;
}

.columnContent__title--blue {
  color: #858088;
}

.columnContent__title--green {
  color: #A4BB95;
}

.columnContent__title--yellow {
  color: #a7a029;
}

.columnContent__productDetails, .columnContent__productDetails--orange, .columnContent__productDetails--blue, .columnContent__productDetails--green, .columnContent__productDetails--yellow {
  font-size: 14px;
  line-height: 21px;
  text-align: right;
  margin: 12px 0 40px;
}

.columnContent__productDetails--orange {
  color: #e7bdc7;
}

.columnContent__productDetails--blue {
  color: #858088;
}

.columnContent__productDetails--green {
  color: #5e8006;
}

.columnContent__productDetails--yellow {
  color: #a7a029;
}

.columnContent__productDetailsPrice {
  font-size: 12px;
}

.columnContent__text, .columnContent__text--space, .columnContent__text--spaceLarge {
  color: #898989;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  letter-spacing: 2.5px;
}

.columnContent__text--space {
  margin-bottom: 20px;
}

.columnContent__text--spaceLarge {
  margin-bottom: 50px;
}

.columnContent__button:hover, a.columnContent__button--orange:hover, a.columnContent__button--blue:hover, a.columnContent__button--green:hover, a.columnContent__button--yellow:hover {
  opacity: 0.9;
}

a.columnContent__button--orange {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  color: #FFFFFF;
  font-size: 21px;
  line-height: 80px;
  text-align: center;
  text-decoration: none;
  background-color: #e7bdc7;
  border-radius: 40px;
}

a.columnContent__button--orange::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 35px;
  width: 20px;
  height: 20px;
  border-top: solid 3px #FFFFFF;
  border-right: solid 3px #FFFFFF;
  margin-top: -10px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

a.columnContent__button--blue {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  color: #FFFFFF;
  font-size: 21px;
  line-height: 80px;
  text-align: center;
  text-decoration: none;
  background-color: #b6b4b9;
  border-radius: 40px;
}

a.columnContent__button--blue::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 35px;
  width: 20px;
  height: 20px;
  border-top: solid 3px #FFFFFF;
  border-right: solid 3px #FFFFFF;
  margin-top: -10px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

a.columnContent__button--green {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  color: #FFFFFF;
  font-size: 21px;
  line-height: 80px;
  text-align: center;
  text-decoration: none;
  background-color: #afbf81;
  border-radius: 40px;
}

a.columnContent__button--green::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 35px;
  width: 20px;
  height: 20px;
  border-top: solid 3px #FFFFFF;
  border-right: solid 3px #FFFFFF;
  margin-top: -10px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

a.columnContent__button--yellow {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  color: #FFFFFF;
  font-size: 21px;
  line-height: 80px;
  text-align: center;
  text-decoration: none;
  background-color: #c2bd6b;
  border-radius: 40px;
}

a.columnContent__button--yellow::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 35px;
  width: 20px;
  height: 20px;
  border-top: solid 3px #FFFFFF;
  border-right: solid 3px #FFFFFF;
  margin-top: -10px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.contentCopywriter {
  font-family: 'Yu Mincho', YuMincho, sans-serif;
  color: #BFC0C1;
  font-size: 14px;
  text-align: center;
  line-height: 18px;
  letter-spacing: 1.5px;
  margin-bottom: 40px;
}


/*�@�\�ɂ‚���spec_area_*/

.ssfuwasara2020_ {
    background: #f9eaed;
    padding: 0 0 163px 0;
    margin: 0 auto;
    color: #754c24;
}
.ssfuwasara2020_ img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.ssfuwasara2020_ p {
    text-align: center;
}
.ssfuwasara2020_ .spec_area_ {
 background: #f9eaed;
}
.ssfuwasara2020_ .spec_area_ .spec_inner_ {
 background: #fff;
 width: 1015px;
 margin: 4em auto 0;
 padding: 78px 0 57px;
}
.ssfuwasara2020_ .spec_area_ .spec_list_ {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 width: 902px;
 margin: 30px auto 0;
}
.ssfuwasara2020_ .spec_area_ .spec_item_ {
 margin-top: 80px;
}
.ssfuwasara2020_ .spec_area_ .spec_item01_,
.ssfuwasara2020_ .spec_area_ .spec_item02_ {
 margin-top: 0;
}
.ssfuwasara2020_ .spec_area_ .lead_ {
 font-size: 22px;
 margin-top: 30px;
}
.ssfuwasara2020_ .spec_area_ .txt_ {
 margin-top: 20px;
}
/*/spec_area_*/
/*size_area_*/
.ssfuwasara2020_ .size_area_ {
 background: #f9eaed;
 padding: 100px 0 106px;
}
.ssfuwasara2020_ .size_area_ .size_inner_ {
 border: 4px solid #fff;
 box-sizing: border-box;
 width: 1015px;
 margin: 0 auto;
 padding: 95px 80px 57px;
}
.ssfuwasara2020_ .size_area_ .ttl_ {
 margin-top: -120px;
}
.ssfuwasara2020_ .size_area_ .ttl_ img {
 background: #f9eaed;
 padding: 0 30px;
}
.ssfuwasara2020_ .size_area_ .img_ {
 margin-top: 60px;
}
.ssfuwasara2020_ .size_area_ .lead_ {
 font-size: 18px;
 font-weight: bold;
 margin-top: 30px;
}
.ssfuwasara2020_ .size_area_ .txt_ {
 font-size: 15px;
 margin-top: 22px;
}
/*/size_area_*/
/*new_area_*/
.ssfuwasara2020_ .new_area_ {
 background: #f9eaed;
 padding: 90px 0;
}
.ssfuwasara2020_ .new_area_ .new_list_ {
 display: flex;
 flex-wrap: wrap;
 width: 900px;
 margin: 20px auto 0;
 justify-content: space-between;
}
.ssfuwasara2020_ .new_area_ .new_item_ {
 margin-top: 30px;
 font-size: 11px;
 width: 225px;
}
.ssfuwasara2020_ .new_area_ .name_ {
 font-size: 11px;
 color: #754c24;
}
.ssfuwasara2020_ .new_area_ .price_ {
 font-size: 11px;
 color: #754c24;
}
.ssfuwasara2020_ .new_item_ img {
    display: block;
    margin: 0 auto;
    max-width: 180px;
}
/*/new_area_*/
/*------------------------------
 アニメーション
------------------------------*/
.ani.delay1 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.ani.delay2 {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.ani.delay3 {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

.ani.fadeIn {
  opacity: 0;
}

.ani.fadeUp {
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
}

.ani.fadeUp.animated {
  -webkit-animation-name: fadeUp;
  animation-name: fadeUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.ani.fadeIn.animated {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes fadeUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}