body {

  font-family: 'Noto Serif JP', "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;

  font-weight: 400;

  font-size: 1.6rem;

  color: #74624C;

}



/* ---------------------------------------------------------------------------

//  top

--------------------------------------------------------------------------- */

.top-mv {

  margin-bottom: 8rem;

  position: relative;

}

.top-mv .news {

  background: #74624C;

  color: #fff;

  padding: 1rem;

}

.top-mv .news h2 {

  font-size: 1.3rem;

  text-align: center;

  border: 1px solid #fff;

  padding: .5rem 1rem;

  width: 18rem;

}

.top-mv .news p {

  width: calc(100% - 19rem);

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}

.top-mv .pickup {

  position: absolute;

  z-index: 1;

  bottom: 10rem;

  left: 40px;

  border: 1px solid #E3D0B3;

  background: #F7F6F0;

  width: 42rem;

  height: 11rem;

}

.top-mv .pickup .image {

  width: 11rem;

}

.top-mv .pickup .text {

  width: calc(100% - 11rem);

  padding: 2rem;

}

.top-mv .pickup .text h2 {

  font-size: 1.8rem;

  font-weight: 700;

  color: #625F4F;

  margin-bottom: .5rem;

}

.top-mv .pickup .text p {

  font-size: 1.4rem;

  font-family: 'Noto Sans JP', "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}







.top-common {

  margin-bottom: 8rem;

}




.top-common .head {

  text-align: center;

  letter-spacing: .2rem;

  margin-bottom: 4rem;

}



.top-01 h2 {

  font-size: 3rem;

  margin-bottom: 1rem;

}

.top-01 .first-item {

  border: 1px solid #E2DDD4;

  background: #fff;

  padding: 4rem 2rem;

  height: 100%;

}

.top-01 .first-item .image {

  width: 40%;

}

.top-01 .first-item .text {

  width: 56%;

  display: flex;

  flex-flow: column nowrap;

}

.top-01 .first-item .text h3 {

  font-size: 2rem;

  line-height: 1.6;

  letter-spacing: .2rem;

}

.top-01 .first-item .title {

  margin-top: auto;

  color: #625F4F;

}

.top-01 .first-item h4 {

  font-size: 2.2rem;

  font-weight: 700;

  margin-bottom: 1rem;

}

.top-01 .first-item .price {

  font-size: 2.2rem;

  font-weight: 700;

}

.top-01 .first-item .price .sml {

  font-size: 70%;

}

.top-01 .first-item .price .box {

  font-size: 1.1rem;

  font-weight: 400;

  border: 1px solid #707070;

  padding: .1rem 1rem;

  margin-left: 1rem;

}





.top-02 .head {

  border-top: 1px solid #A0917A;

  border-bottom: 1px solid #A0917A;

  padding: 1rem 0 1.5rem;

}

.top-02 h2 {

  font-size: 2.2rem;

}

.top-02 h2 + p {

  font-size: 4rem;

  line-height: 1.4;

}

.top-02 .image {

  width: 55%;

}

.top-02 .text {

  width: 40%;

}

.top-03 {
  max-width: 1280px;
  padding: 0 40px;
  margin: 0 auto 80px;
}
@media screen and (max-width: 768px) {
  .top-03{
    padding: 0;
}
}
.top-03 .sub {

  gap: 1rem 1rem;

  margin-top: 1rem;

}



.top-04 {

  background: linear-gradient(to top, #E8E4DC 42rem, transparent 42rem);

  padding-bottom: 10rem;

}



.top-04 h2 {

  font-size: 4rem;

}

.top-04 h2 + p {

  font-size: 1.8rem;

  margin-bottom: 2rem;

}





.news-item {

  display: block;

  background: #fff;

  font-family: 'Noto Sans JP', "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;

}

.news-item .cat {

  font-size: 1.4rem;

  background: #74624C;

  color: #fff;

  padding: .2rem 1.5rem;

  position: absolute;

  top: 1rem;

  right: 1rem;

}

.news-item .body {

  padding: 2rem;

}

.news-item .campaign {

  font-size: 1.5rem;

  color: #A0917A;

  font-weight: 700;

  margin-bottom: 1rem;

}

.news-item h3 {

  font-size: 1.8rem;

  font-weight: 700;

  color: #707070;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}

.news-item .text {

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}





.top-05 h2 {

  font-size: 3rem;

}

.top-05 .tags {

  max-width: 1000px;

  margin: 0 auto;

  gap: 2rem 3rem;

}

.top-05 .tags a {

  width: calc((100% - 6rem) / 3);

  border: 1px solid #D1C9BC;

  border-radius: 100px;

  background: #fff;

  padding: 1.5rem 1rem;

  text-align: center;

  color: #625F4F;

}





.top-06 h2 {

  font-size: 3rem;

}

.top-06 .mainimage {

  width: calc(50rem + (50vw - 50%));

  margin-left: calc(50% - 50vw);

  height: 66rem;

  overflow: hidden;

}

.top-06 .reverse .mainimage {

  margin-left: 0;

  margin-right: calc(50% - 50vw);

}

.top-06 .reverse .mainimage img {

  object-position: center center;

}

.top-06 .contents {

  width: calc(100% - 58rem);

  letter-spacing: .2rem;

}

.top-06 h3 {

  font-size: 2.6rem;

  margin-bottom: 2rem;

}

.top-06 h3 + p {

  font-family: 'Noto Sans JP', "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;

}

.top-06 .link {

  display: table;

  margin: 1rem 0 0 auto;

  font-family: 'Noto Sans JP', "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;

}

.top-06 .link::after {

  content: "❯";

  margin-left: .5rem;

}

.top-06 h4 {

  font-size: 2.2rem;

  font-weight: 700;

  margin: 7rem 0 2rem;

  border-left: 6px solid #625F4F;

  padding-left: 1rem;

  line-height: 1.2;

}

.top-06 .recommend-item {

  border: 1px solid #D1C9BC;

}

.top-06 .recommend-item p {

  padding: .5rem;

  text-align: center;

}



.top-07 h2 {

  font-size: 4rem;

}

.top-07 h2 + p {

  font-size: 1.8rem;

}

.top-07 .shop-item {

  margin-bottom: 4rem;

}

.top-07 .shop-item h3 {

  font-size: 2.2rem;

  letter-spacing: .2rem;

  margin: 1rem 0;

}

.top-07 .shop-item p {

  font-family: 'Noto Sans JP', "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;

}



.top-08 .online-store {

  display: block;

  margin-bottom: 8rem;

}

.top-08 .bnrs {

  gap: 2rem 0;

}



.top-09 {

  background: linear-gradient(to top, #E8E4DC 42rem, transparent 42rem);

  padding-bottom: 10rem;

  margin-bottom: 0;

}

.top-09 h2 {

  font-size: 4rem;

}

.top-09 h2 + p {

  font-size: 1.8rem;

  margin-bottom: 2rem;

}



.top-10 {

  background: #FFFEFA;

  padding: 8rem 0;

  margin-bottom: 0;

}

.top-10 .head {

  border-bottom: 1px solid #A9A69F;

  padding-bottom: 2rem;

}

.top-10 .more {

  display: block;

  border: 1px solid #D1C9BC;

  text-align: center;

  width: 38rem;

  font-family: 'Noto Sans JP', "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;

  font-size: 1.8rem;

  color: #625F4F;

  padding: 1rem;

  margin: 4rem auto 0;

}

.information-list {

  padding-bottom: 3rem;

  border-bottom: 1px solid #A9A69F;

}

.information-list dl {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  border-bottom: 1px dashed #A28471;

  padding-bottom: 1.5rem;

  margin-bottom: 1.5rem;

  font-family: 'Noto Sans JP', "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;

}

.information-list dl:last-child {

  border-bottom: none;

  padding-bottom: 0;

  margin-bottom: 0;

}

.information-list dl dt {

  width: 10rem;

  color: #707070;

  font-weight: 700;

}

.information-list dl dd {

  width: calc(100% - 10rem);

}

.information-list dl dd a {

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  font-weight: 300;

}



.ecbn-selection-page-wrapper .ecbn-selection-title, .ecbn-selection-wrapper .ecbn-selection-title {
  margin: 4px 0 30px !important;
}



/* /////////////////////////////////////////////////////////////////////////// */

/* /////////////////////////////////////////////////////////////////////////// */

/* /////////////////////////////////////////////////////////////////////////// */



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

.top-mv .news {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  padding: 1rem 0;

}

.top-mv .news .inner {

  padding: 0 1rem;

}

.top-mv .news h2 {

  font-size: 1.1rem;

  width: 16rem;

}

.top-mv .news p {

  width: calc(100% - 17rem);

  font-size: 1.4rem;

}





.top-mv .pickup {

  position: static;

  margin: 20px auto;

  width: calc(100% - 40px);

}

.top-01 .head p {

  font-size: 1.4rem;

}

.top-01 .first-item {

  padding: 1.5rem;

}

.top-01 .first-item .text h3 {

  font-size: 1.6rem;

  margin-top: 1rem;

}

.top-01 .first-item .title {

  margin-top: 2rem;

}

.top-01 .first-item h4 {

  font-size: 1.8rem;

}

.top-01 .first-item .price {

  font-size: 1.9rem;

}



.top-02 h2 {

  font-size: 1.4rem;

}
.top-03 h2 {

  font-size: 2.0rem;

}
.top-02 .image { 

  width: 100%;

}

.top-02 .text {

  width: 100%;

  margin-top: 2rem;

}





.top-05 .tags {

  gap: 1rem 1rem;

}

.top-05 .tags::after {

  content: "";

  width: calc(50% - .5rem);

  display: block;

}



.top-05 .tags a {

  width: calc(50% - .5rem);

}





.top-06 .mainimage {

  width: calc(100% + 40px);

  margin: 0 -20px;

  height: 40rem;

}

.top-06 .reverse .mainimage {

  margin: 0 -20px;

}



.top-06 .contents {

  width: 100%;

  margin-top: -10rem;

  position: relative;

  z-index: 1;

}

.top-06 .title {

  margin-bottom: 2rem;

}

.top-06 h3 {

	box-decoration-break: clone;	

	-webkit-box-decoration-break: clone;

	display: inline;

	padding: .5rem 1rem;

  font-size: 3rem;

	line-height: 2;

	background-color: rgba(116,98,76,0.5);

  color: #fff;

}



.top-08 .online-store {

  margin-bottom: 5rem;

}

.top-08 .bnrs {

  gap: 1rem 0;

}



.top-10 .media {

  margin-bottom: 8rem;

}





.information-list dl {

  display: block;

}

.information-list dl dt {

  width: 100%;

}

.information-list dl dd {

  width: 100%;

}


.ecbn-selection-widget {
  margin: -20px auto !important;
}


} /*@*/