@charset "utf-8";
@font-face {
    font-family: "Albertus Nova W01 Bold";
    src: url(/kimonoyamato/font/albertus/5471863/4d934400-8b2d-4f2b-aec1-03b316be18a8.eot?#iefix);
    src: url(/kimonoyamato/font/albertus/5471863/4d934400-8b2d-4f2b-aec1-03b316be18a8.eot?#iefix) format("eot"), url(/kimonoyamato/font/albertus/5471863/1849d5ef-b568-4cf0-8a9c-ff44bc5ef175.woff2) format("woff2"), url(/kimonoyamato/font/albertus/5471863/25c11ae2-87e9-44ee-aa44-ca8a12db16c2.woff) format("woff"), url(/kimonoyamato/font/albertus/5471863/bea2b164-3e21-4ce0-9029-080c2f145732.ttf) format("truetype")
}

@font-face {
    font-family: "Albertus Nova W01 Regular";
    src: url(/kimonoyamato/font/albertus/5471887/235cf7b3-01ec-4533-bc3f-7c84ac69a40f.eot?#iefix);
    src: url(/kimonoyamato/font/albertus/5471887/235cf7b3-01ec-4533-bc3f-7c84ac69a40f.eot?#iefix) format("eot"), url(/kimonoyamato/font/albertus/5471887/e91604db-5af7-4be0-a534-f70314c66bf7.woff2) format("woff2"), url(/kimonoyamato/font/albertus/5471887/cd330d04-2a11-4643-8bbe-f13c2e53a549.woff) format("woff"), url(/kimonoyamato/font/albertus/5471887/c8a742a7-5796-41c1-8932-2c233d099a79.ttf) format("truetype")
}

@font-face {
    font-family: "Albertus Nova W01 Light";
    src: url(/kimonoyamato/font/albertus/5471875/da5aa890-f119-4d9b-bd71-ba2672ce4fbd.eot?#iefix);
    src: url(/kimonoyamato/font/albertus/5471875/da5aa890-f119-4d9b-bd71-ba2672ce4fbd.eot?#iefix) format("eot"), url(/kimonoyamato/font/albertus/5471875/a92b1373-255d-4e1e-a778-da77c2416cbd.woff2) format("woff2"), url(/kimonoyamato/font/albertus/5471875/bf5f80ca-ad25-4894-a688-8bcfd3c0060a.woff) format("woff"), url(/kimonoyamato/font/albertus/5471875/cbc11934-6c85-46dd-9edc-cdaa0573f8f8.ttf) format("truetype")
}
* {
  box-sizing: content-box
}
img {
  width: 100%
}
#coordinateItemWrap .coordinateItem {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: distribute
}
#coordinateItemWrap .coordinateItem .item {
  margin-right: 0
}
.coordinateItem figure {
  margin: 0
}
.coordinateItem .item .item-img {
  padding-bottom: .5rem
}
.modalItemWrap .thumbTxt {
  color: #383838
}
.coordinateItem .item .title, .modalItemWrap .title {
  color: #565656
}
.modalItemWrap .modalTxt {
  margin-bottom: 3.5rem;
  margin-top: 1.5rem;
  text-align: left
}
.modalItemWrap .modalTxt p {
  padding-bottom: 1rem
}
.modalItemWrap .followBtn {
  background: #A5ABD0;
  border-radius: 4px;
  display: block;
  color: #fff;
  text-align: center
}
.coordinateItem .item .lastItem p.height, .coordinateItem .item .lastItem p.height-manual {
  width: 90%;
  margin: 0;
  position: relative
}
.coordinateItem .item .lastItem p.height:after, .coordinateItem .item .lastItem p.height-manual:after {
  content: "\f055";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: block;
  width: 10%;
  text-align: right;
  position: absolute;
  top: 0;
  right: -10%;
  color: #C9A471
}
.coordinateItem .item .lastItem p.height, .coordinateItem .item .lastItem p.height-manual, .instaName {
  width: calc(100% - 1.5em);
  margin: 0;
  position: relative
}
.instaName {
  padding-left: 1.5em;
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.instaName:before {
  content: "\f16d";
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
  display: block;
  width: 10%;
  text-align: left;
  position: absolute;
  top: .1em;
  left: 0
}
.modalItemWrap .thumbTxt .title {
  font-weight: 700
}
.modalItemWrap .thumbTxt .itemList .itemMore {
  color: #C9A471;
  font-weight: 700
}
.modalItemWrap .categoryMore::after {
  content: '';
  width: 40px;
  height: 5px;
  margin-left: 5px;
  margin-bottom: 3px;
  border-right: 1px solid #C9A471;
  border-bottom: 1px solid #C9A471;
  transform: skew(45deg);
  display: inline-block
}
.modalItemWrap .contentsLinkWrap {
  margin-bottom: 2em
}
.modalItemWrap .thumbTxt .itemList, .modalItemWrap .thumbTxt .contentList {
  margin-top: 2.5rem
}
.modalItemWrap .thumbTxt .itemList p {
  padding-bottom: 1em;
  line-height: 1.5
}
.modalItemWrap .contentsLink {
  display: block;
  width: 70%;
  margin: 0 auto;
  background: #F5F5F5;
  border: solid 1px #9D9D9D;
  padding: .5rem 1rem;
  text-align: center;
  position: relative;
  line-height: 1.8
}
.modalItemWrap .contentsLink:after {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  right: 1rem;
  bottom: 30%;
  font-weight: 700;
  color: #383838
}
.remodal-wrapper .remodal-close {
  z-index: 9999999999999
}
.remodal-is-locked .remodal-overlay {
  z-index: 999999;
}
.remodal-is-locked .remodal-wrapper{
	z-index: 9999999;
}
.remodal .remodal-cancel {
  border-radius: 40px;
  font-size: 12px;
  border: 1px solid #707070;
  display: block;
  padding: .8em 5em;
  box-sizing: border-box;
  background: #fff;
  color: #4e4e4e;
  margin: 3em auto 2em
}
.remodal .remodal-cancel:hover, .remodal .remodal-cancel:focus {
  background: #F5F5F5
}
.pagination {
  display: flex;
  margin: 20px 0;
  width: 100%
}
.page-btn {
  background: #fff;
  color: #444;
  cursor: pointer;
  font-size: 18px;
  transition: all 0.3s;
  border: 1px solid #707070;
  font-family: 'TsukuGoPro-B', 'FOT-筑紫ゴシック Pro B', "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"
}
.page-btn:hover {
  background: #E5E5E5;
  color: #A0A0A0
}
.page-btn.active {
  background: #E5E5E5;
  color: #fff;
  cursor: default;
  border: 1px solid #E5E5E5
}
.nav-btn {
  background: #000;
  color: #fff;
  border: none;
  padding: .45em 2em
}
.nav-btn:disabled {
  background: #E5E5E5;
  color: #fff;
  cursor: default
}
.number-btn {
  background: #fff;
  color: #A0A0A0
}
.modalItemWrap .swiper-button-next, .modalItemWrap .swiper-rtl .swiper-button-prev, .modalItemWrap .swiper-button-prev, .modalItemWrap .swiper-rtl .swiper-button-next {
  border-radius: 50%;
  padding: 0 30px
}
.modalItemWrap .swiper-button-next, .modalItemWrap .swiper-rtl .swiper-button-prev {
  right: 0%;
  top: 50%;
  color: #fff;
  opacity: .6
}
.modalItemWrap .swiper-button-prev, .modalItemWrap .swiper-rtl .swiper-button-next {
  left: 0%;
  top: 50%;
  color: #fff;
  opacity: .6
}
.modalItemWrap .swiper-button-next::after, .modalItemWrap .swiper-button-prev::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 700
}
.modalItemWrap .swiper-button-prev::after {
  content: "\f137"
}
.modalItemWrap .swiper-button-next::after {
  content: "\f138"
}
.modalItemWrap .js-swiper-thumbs .swiper-slide {
  opacity: .5
}
.modalItemWrap .js-swiper-thumbs .swiper-slide-thumb-active {
  opacity: 1
}
@media only screen and (min-width:1025px) {
  #coordinateItemWrap .coordinateItem {
    gap: 0 3%
  }
  #coordinateItemWrap .coordinateItem .item {
    width: 22.75%;
    margin-bottom: 5%
  }
  .remodal-wrapper .remodal {
    padding: 30px 0
  }
  .modalItemWrap .followBtn {
    padding: .2rem 1rem
  }
  .pagination {
    gap: 20px;
    justify-content: end
  }
  .page-btn {
    padding: .4em 1em
  }
  .modalItemWrap .swiper-button-next::after, .modalItemWrap .swiper-button-prev::after {
    font-size: 30px
  }
  .modalItemWrap .js-swiper-main {
    margin: .5rem auto 1.2rem
  }
}
@media screen and (min-width:441px) and (max-width:1024px) {
  #coordinateItemWrap .coordinateItem {
    gap: 0 1.500005%
  }
  .remodal-wrapper .remodal {
    padding: 0
  }
  .modalItemWrap .followBtn {
    padding: .2rem 1rem
  }
  .pagination {
    gap: 12px;
    justify-content: center
  }
  .page-btn {
    padding: 0 1em
  }
  .modalItemWrap .swiper-button-next::after, .modalItemWrap .swiper-button-prev::after {
    font-size: 30px
  }
  .modalItemWrap .js-swiper-main {
    margin: .5rem auto 1.2rem
  }
}
@media only screen and (max-width:440px) {
  #coordinateItemWrap .coordinateItem {
    gap: 0 3%
  }
  .remodal-wrapper .remodal {
    padding: 0
  }
  .modalItemWrap .thumbTxt .title {
    font-size: 14px
  }
  .modalItemWrap .followBtn {
    padding: .1rem .5rem .2rem
  }
  .pagination {
    gap: 12px;
    justify-content: center
  }
  .page-btn {
    padding: 0 1em
  }
  .js-swiper-main {
    margin: .5rem auto 10px
  }
  .modalItemWrap .swiper-button-next::after, .modalItemWrap .swiper-button-prev::after {
    font-size: 20px
  }
  .modalItemWrap .swiper-button-next, .modalItemWrap .swiper-rtl .swiper-button-prev {
    right: -3%
  }
  .modalItemWrap .swiper-button-prev, .modalItemWrap .swiper-rtl .swiper-button-next {
    left: -3%
  }
}