@charset "UTF-8";
img {
  vertical-align: bottom
}

.ly_content--komuke-inner {
  max-width: 1020px;
  padding: 0 10px;
  margin: 0 auto
}

.p-mv-komuke {
  max-width: 1020px;
  margin: 90px auto 0;
  position: relative;
  width: 100%
}

@media screen and (max-width:768px) {
  .p-mv-komuke {
    margin-top: 0
  }
}

.p-mv-komuke-wrap {
  background-color: #000;
  padding-top: 108px
}

@media screen and (max-width:768px) {
  .p-mv-komuke-wrap {
    padding-top: 50px
  }
}

.p-mv-komuke__ttl-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0)
}

.p-mv-komuke__img {
  border-radius: 50px;
  position: relative;
  display: inline-block;
  overflow: hidden
}

@media screen and (max-width:768px) {
  .p-mv-komuke__img {
    border-radius: 0
  }
}

.p-mv-komuke__img:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: 50px;
  box-shadow: 0 0 25px 20px #000 inset
}

@media screen and (max-width:768px) {
  .p-mv-komuke__img:after {
    content: none
  }
}

.p-mv-komuke__img img {
  border-radius: 50px
}

@media screen and (max-width:768px) {
  .p-mv-komuke__img img {
    border-radius: 0
  }
}

.p-mv-komuke__ttl {
  font-size: 70px;
  color: #fff;
  text-shadow: -2px 2px 3px rgba(0, 0, 0, .7)
}

@media screen and (min-width:768px) and (max-width:1200px) {
  .p-mv-komuke__ttl {
    font-size: 5vw
  }
}

@media screen and (max-width:768px) {
  .p-mv-komuke__ttl {
    font-size: 8vw
  }
}

.p-komuke-catch {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding-top: 110px;
  margin-bottom: 150px
}

.p-komuke-catch__txt {
  font-size: 20px;
  letter-spacing: .15em;
  line-height: 2.4
}

@media screen and (max-width:768px) {
  .p-komuke-catch__txt {
    margin-bottom: 60px;
    font-size: 18px
  }
}

.p-komuke-catch__ico {
  position: absolute;
  bottom: 0;
  right: calc(50% - 310px)
}

@media screen and (max-width:768px) {
  .p-komuke-catch__ico {
    right: calc(50% - 5px);
    bottom: auto;
    top: 410px
  }
}

@media screen and (max-width:768px) {
  .p-komuke-catch {
    flex-direction: column;
    align-items: center;
    padding-top: 50px
  }
  .p-komuke-catch .p-komuke-catch__img {
    order: 2;
    width: 90%
  }
}

.p-komuke-des {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%
}

@media screen and (max-width:768px) {
  .p-komuke-des {
    flex-direction: column
  }
}

.p-komuke-des:first-of-type {
  margin-bottom: 70px
}

.p-komuke-des-wrap {
  margin-bottom: 170px
}

@media screen and (max-width:768px) {
  .p-komuke-des-wrap {
    margin-bottom: 90px
  }
}

.p-komuke-des--rev .p-komuke-des__body {
  order: 2;
  padding-right: 0;
  padding-left: 4%
}

@media screen and (max-width:768px) {
  .p-komuke-des--rev .p-komuke-des__img {
    order: 2
  }
}

.p-komuke-des__body {
  width: 61%;
  padding-right: 4%
}

@media screen and (max-width:768px) {
  .p-komuke-des__body {
    width: 100%;
    padding-right: 0
  }
}

.p-komuke-des__ttl {
  font-size: 30px;
  letter-spacing: .09em;
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
  margin-bottom: 15px
}

@media screen and (max-width:768px) {
  .p-komuke-des__ttl {
    font-size: 24px
  }
}

.p-komuke-des__txt {
  font-size: 17px;
  letter-spacing: .15em;
  line-height: 2.2
}

@media screen and (max-width:768px) {
  .p-komuke-des__txt {
    font-size: 14px;
    margin-bottom: 20px
  }
}

.p-komuke-des__img {
  width: 30%
}

@media screen and (max-width:768px) {
  .p-komuke-des__img {
    width: 80%
  }
}

.p-komuke-item-list__ttl {
  color: #ea6000;
  font-size: 39px;
  text-align: center;
  margin-bottom: 20px
}

@media screen and (max-width:768px) {
  .p-komuke-item-list__ttl {
    font-size: 30px
  }
}

.p-komuke-item-lists {
  display: flex;
  justify-content: center
}

.p-komuke-item {
  font-size: 34px;
  margin: 0 17px;
  line-height: 1.3
}

@media screen and (max-width:768px) {
  .p-komuke-item {
    font-size: 24px
  }
}

.p-komuke-item a {
  display: block;
  border-bottom: 1px solid #fff
}

.p-komuke-item a:hover {
  border: none;
  opacity: 1
}

.p-shijimi {
  padding-top: 120px
}

.p-shijimi .p-sec-komuke-item {
  align-items: center
}

.p-hotate {
  padding-top: 160px
}

.p-hotate .p-sec-komuke-item__img {
  transform: translate3d(0, -30px, 0)
}

.p-kaki {
  padding-top: 160px;
  margin-bottom: 160px
}

@media screen and (max-width:768px) {
  .p-kaki {
    margin-bottom: 40px
  }
}

.p-uni {
  padding-bottom: 160px;
}

.p-uni-inner {
  padding-top: 60px;
  margin-top: 10px
}

@media screen and (max-width:768px) {
  .p-uni-inner {
    padding-top: 30px;
    margin-top: 5px
  }
}

.p-sec-komuke-item {
  display: flex;
  justify-content: center;
  margin-bottom: 70px
}

@media screen and (max-width:768px) {
  .p-sec-komuke-item {
    flex-direction: column;
    align-items: center
  }
}

.p-sec-komuke-item--rev .p-sec-komuke-item__body {
  order: 2;
  padding-right: 0;
  padding-left: 5%
}

@media screen and (max-width:768px) {
  .p-sec-komuke-item--rev .p-sec-komuke-item__body {
    padding: 0
  }
}

.p-sec-komuke-item__body {
  padding-right: 3%
}

@media screen and (max-width:768px) {
  .p-sec-komuke-item__body {
    order: 2;
    padding: 0
  }
}

.p-sec-komuke-item__ttl {
  font-size: 49px;
  margin-left: 10px
}

@media screen and (max-width:768px) {
  .p-sec-komuke-item__ttl {
    font-size: 35px
  }
}

.p-sec-komuke-item__txt {
  font-size: 20px;
  line-height: 2.2;
  letter-spacing: .15em
}

@media screen and (max-width:768px) {
  .p-sec-komuke-item__txt {
    font-size: 16px
  }
}

.p-sec-komuke-item__txt--limited span {
  color: #ea6000
}

@media screen and (max-width:768px) {
  .p-sec-komuke-item__img {
    margin-bottom: 30px
  }
}

.p-box-komuke-item {
  border: 1px solid #fff;
  padding: 35px 10px 35px 40px;
  display: flex;
  align-items: center;
  width: 66%;
  margin: 0 auto 60px
}

@media screen and (max-width:768px) {
  .p-box-komuke-item {
    flex-direction: column;
    width: 100%;
    padding: 20px
  }
}

.p-box-komuke-item__body {
  padding-left: 5%
}

@media screen and (max-width:768px) {
  .p-box-komuke-item__body {
    padding: 0
  }
}

.p-box-komuke-item__ttl {
  font-size: 24px;
  margin-bottom: 15px;
  letter-spacing: .09em
}

@media screen and (max-width:768px) {
  .p-box-komuke-item__ttl {
    font-size: 18px;
    margin-bottom: 10px
  }
}

.p-box-komuke-item__txt {
  font-size: 17px;
  letter-spacing: .15em;
  line-height: 2
}

@media screen and (max-width:768px) {
  .p-box-komuke-item__txt {
    font-size: 14px
  }
}

@media screen and (max-width:768px) {
  .p-box-komuke-item__img {
    margin-bottom: 10px
  }
}

.p-komuke-cooking {
  margin-bottom: 60px
}

@media screen and (max-width:768px) {
  .p-komuke-cooking {
    margin-bottom: 30px
  }
}



.p-komuke-cooking__sec-ttl {
  font-size: 24px;
  letter-spacing: .09em;
  border-bottom: 1px solid #ea6000;
  padding-bottom: 10px;
  margin-bottom: 40px
}

.p-komuke-cooking__list {
  display: flex;
  justify-content: space-between
}

@media screen and (max-width:768px) {
  .p-komuke-cooking__list {
    justify-content: center;
    flex-wrap: wrap
  }
}

.p-komuke-cooking__item {
  width: 30%
}

@media screen and (max-width:768px) {
  .p-komuke-cooking__item {
    width: 100%;
    margin-bottom: 30px;
    text-align: center
  }
}

.p-komuke-cooking__item img {
  margin-bottom: 10px
}

@media screen and (max-width:768px) {
  .p-komuke-cooking__item figure {
    display: flex
  }
  .p-komuke-cooking__item figure img {
    width: 50%;
    height: auto
  }
}

.p-komuke-cooking__body {
  text-align: center
}

@media screen and (max-width:768px) {
  .p-komuke-cooking__body {
    text-align: left;
    width: 50%;
    padding-left: 5%
  }
}

.p-komuke-cooking__ttl {
  font-size: 20px;
  margin-bottom: 10px
}

@media screen and (max-width:768px) {
  .p-komuke-cooking__ttl {
    font-size: 18px
  }
}

.p-komuke-cooking__txt {
  font-size: 14px;
  line-height: 2
}

@media screen and (max-width:768px) {
  .p-komuke-cooking__txt {
    font-size: 12px
  }
}

.p-komuke-cooking--column2 .p-komuke-cooking__item {
  width: 49%
}

@media screen and (max-width:768px) {
  .p-komuke-cooking--column2 .p-komuke-cooking__item {
    width: 100%
  }
}

.p-komuke-cooking--column2 figure {
  display: flex
}

.p-komuke-cooking--column2 figure img {
  width: 50%
}

.p-komuke-cooking--column2 figure .p-komuke-cooking__body {
  text-align: left;
  width: 50%;
  padding-left: 5%
}

.p-limited {
  padding-top: 170px;
  margin-bottom: 380px
}

@media screen and (max-width:768px) {
  .p-limited {
    padding-top: 70px;
    margin-bottom: 100px
  }
}

.p-limited-inner {
  border: 1px solid #fff;
  position: relative;
  padding: 65px 85px
}

@media screen and (max-width:768px) {
  .p-limited-inner {
    border: none;
    border-top: 1px solid #fff;
    padding: 40px 10px
  }
}

.p-limited__ttl {
  font-size: 26px;
  background-color: #000;
  display: inline-block;
  padding: 0 20px;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translate3d(-50%, 0, 0)
}

@media screen and (max-width:768px) {
  .p-limited__ttl {
    font-size: 20px;
    top: -16px;
    padding: 0 10px
  }
}

.p-limited__notes {
  text-align: center;
  font-size: 18px;
  color: #ea6000;
  letter-spacing: .09em;
  margin-top: 15px
}

@media screen and (max-width:768px) {
  .p-limited__notes {
    font-size: 12px
  }
}

.p-gallery {
  text-align: center
}

.p-gallery__ttl {
  font-size: 40px;
  letter-spacing: .09em;
  text-align: center;
  position: relative;
  background-color: #000;
  padding: 0 15px;
  display: inline-block
}

@media screen and (max-width:768px) {
  .p-gallery__ttl {
    font-size: 20px
  }
}

.p-gallery__ttl::before {
  position: absolute;
  left: -200px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  content: '';
  width: 50%;
  height: 1px;
  background-color: #fff
}

@media screen and (max-width:768px) {
  .p-gallery__ttl::before {
    left: -60px;
    width: 30%
  }
}

.p-gallery__ttl::after {
  position: absolute;
  right: -200px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  content: '';
  width: 50%;
  height: 1px;
  background-color: #fff
}

@media screen and (max-width:768px) {
  .p-gallery__ttl::after {
    right: -60px;
    width: 30%
  }
}

.p-gallery__ttl-wrap {
  max-width: 980px;
  margin: 0 auto 30px
}

.p-gallery-slide-wrap {
  padding-bottom: 100px
}

@media screen and (max-width:768px) {
  .p-gallery-slide-wrap {
    padding-bottom: 50px
  }
}

.c-archives {
  display: flex;
  flex-wrap: wrap
}

.c-archives__item {
  width: 33.3333%
}

.c-archives__item a {
  display: block
}

.c-hover-parent {
  position: relative;
  overflow: hidden
}

.c-hover-parent img {
  width: 100%;
  transition: all .8s;
  vertical-align: bottom
}

@media screen and (min-width:768px) {
  .c-hover-parent:hover .c-hover-mask {
    opacity: 1
  }
}

.c-hover-mask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, .5);
  opacity: 0;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  transition: all .6s ease;
  letter-spacing: .1em;
  line-height: 1.85
}

@media screen and (max-width:768px) {
  .c-hover-mask {
    opacity: 1;
    padding: 5px
  }
}

.c-caption-ttl {
  font-size: 34px;
  border-bottom: 1px solid #fff
}

@media screen and (max-width:768px) {
  .c-caption-ttl {
    font-size: 14px
  }
}

.c-caption-date {
  padding-top: 5px;
  font-size: 17px
}

@media screen and (max-width:768px) {
  .c-caption-date {
    font-size: 12px;
    padding-top: 0
  }
}

.bl_modal_ttl {
  padding: 10px
}

.bl_modal_txt {
  padding: 10px
}

.swiper-container {
  padding-bottom: 100px
}

@media screen and (max-width:768px) {
  .swiper-container {
    padding-bottom: 50px
  }
}

.swiper-pagination-bullet {
  background: #595757;
  opacity: 1;
  width: 12px;
  height: 12px
}

.swiper-pagination-bullet-active {
  background: #fff
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 15px
}