/* css variables*/
:root {
  --primary-color: #9f8041;
  --primary-color-light: #d8c8ab;
  --accent-color: #FE6A6B;
  --accent-color-light: #FFE4E4;
  --accent-color-dark: #B94B4C;
  --white-color: #FAFBFC;
  --black-color: #222;
  --light-gray-color: #C6CBD1;
  --medium-gray-color: #959DA5;
  --dark-gray-color: #444D56;
  --bg-color: #F8F8FA;
  --bg-color-lightbrown: #efe8d9;
  --code-bg-color: #F0E8E8;
}

*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

@font-face {
  font-family: 'Swistblnk-Monthoers';
    src:  url('../font/Swistblnk-Monthoers.ttf.woff') format('woff'),
    url('../font/Swistblnk-Monthoers.ttf.svg') format('svg'),
    url('../font/Swistblnk-Monthoers.ttf.eot'),
    url('https://www.komagane-linx.co.jp/bridal/wp-content/themes/linx_bridal/assets/lib/lib/font/Swistblnk-Monthoers.eot?') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

body::-webkit-scrollbar{
 display:none;
}
body {
  -ms-overflow-style:none;
}
.view-all a {
	font-size:1.1em;
    font-weight: bold;
}
.view-all a img {
	margin-bottom: -2px;
	width: 12px!important;
}

.btn_circle {
	color: #FAFBFC;
	text-decoration: none;
	text-align: center;
	position: relative;
	z-index: 10;
	display: block;
	width: 80px;
	height: 80px;
	line-height: 80px;
	letter-spacing: 2px;
	margin: 5px;
	font-size: 1.3em;
}
.btn_circle::before {
	content: '';
	background-color: #b9a680;
	display: block;
	position: absolute;
	width: 80px;
	height: 80px;
	z-index: -1;
	border-radius: 50%;
	box-shadow:
		0 0 0 0 #FAFBFC,
		0 0 0 0 #b9a680;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}
.btn_circle:hover {
	color:#FAFBFC;
}
.btn_circle:hover::before {
	transform: scale(0.8);
	-webkit-transform: scale(0.8);
	box-shadow:
		0 0 0 10px #FAFBFC,
		0 0 0 12px #b9a680;
}

.pageTop {
  width: 50px;
  height: 70px;
  padding: 5px 10px;
  display: inline-block;
  background-color: rgba(0,0,0,.8);
  line-height: 1!important;
  text-align: center;
  z-index: 1000;
}
.pageTop a {
  letter-spacing: 1px;
  line-height: 1.5!important;
}
.pageTop a:after {
  content: "PAGE TOP";
  color: #FAFBFC;
  position: relative;
  top: -6px;
  left: 0px;
}
.pageTop a svg {
  height: 30px;
}

.pageTop polygon {
	fill: #FAFBFC;
}


.snip1585 {
  background-color: #000;
  color: #FAFBFC;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: 1.6em;
  letter-spacing: 2px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
}

.snip1585 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
}

.snip1585:before,
.snip1585:after {
  background-color: rgba(0, 0, 0, 0.5);
  border-top: 50px solid rgba(0, 0, 0, 0.5);
  border-bottom: 50px solid rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1;
  opacity: 0;
}

.snip1585:before {
  -webkit-transform: scaleY(2);
  transform: scaleY(2);
}

.snip1585:after {
  -webkit-transform: scaleY(2);
  transform: scaleY(2);
}

.snip1585 img {
  vertical-align: top;
  max-width: 100%;
  backface-visibility: hidden;
}

.snip1585 figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  align-items: center;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.8em;
  opacity: 0;
  z-index: 2;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.snip1585 h3 {
  font-size: .8em;
  font-weight: 400;
  letter-spacing: 1px;
  margin: 0;
  text-transform: uppercase;
}

.snip1585 h3 span {
  display: block;
  font-weight: 700;
}

.snip1585 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
}

.snip1585:hover > img,
.snip1585.hover > img {
  opacity: 0.7;
}

.snip1585:hover:before,
.snip1585.hover:before,
.snip1585:hover:after,
.snip1585.hover:after {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.snip1585:hover figcaption,
.snip1585.hover figcaption {
  opacity: 1;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}


.mask1 {
	mask-image: url(../img/mask1.png);
	mask-mode: alpha;
	mask-repeat: no-repeat;
	mask-size: 100% 100%;
	-webkit-mask-image: url(../img/mask1.png);
	-webkit-mask-mode: alpha;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100% 95%;
}
.mask1 img {
	width:100%;
	height: auto;
}

@media (max-width: 480px) {
	.mask1 img {
		width:100%!important;
		max-width:100%!important;
	}
}

.box{
  padding: 144px 40px 60px;
	position: relative;
  overflow: hidden;
}
.box.no_hidden {
	overflow: visible!important;
}
.box.box1 {
	padding: 0;
}
.box.box2,
.box.box3,
.box.box4,
.box.box5 {
	padding-top: 54px;
	box-sizing: content-box;
}
.box_color1 {
	background-image: url(../img/back_image1.jpg);
	background-repeat: repeat;
	background-size: 10%;
}
.box_color2 {
	background-color:#efe8d9;
}
.box_color3 {
	background-color:#3f4873;
}
.box_color4 {
	background-color:#6d3c27;
}
.box_color5 {
	background-color:#e1eeeb;
}
.box_color6 {
	background-color:#ffe9d4;
}

.box.box-header-img {
	overflow: hidden;
	margin-top: 54px;
    max-height: 600px;
}
.box.box-header-img img {
    -webkit-filter: brightness(0.8);
    -moz-filter: brightness(0.8);
    -o-filter: brightness(0.8);
    -ms-filter: brightness(0.8);
    filter: brightness(0.8);
}
.box.box-header-img img.content__image__gray {
    -webkit-filter: brightness(0.8) grayscale(100%);
    -moz-filter: brightness(0.8) grayscale(100%);
    -o-filter: brightness(0.8) grayscale(100%);
    -ms-filter: brightness(0.8) grayscale(100%);
    filter: brightness(0.8) grayscale(100%);
	
	filter: alpha(opacity=70);
}
.box-title {
  max-width: 960px;
  margin: 0 auto;
  position: relative;
}
/*.box.box-header-img img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}*/
@media (max-width: 1440px) {
	.box.box-header-img {
		max-height: 500px;
	}
}

@media (max-width: 1260px) {
	.box.box-header-img {
		max-height: 450px;
	}
}

@media (max-width: 1024px) {
	.box.box-header-img {
		max-height: 400px;
	}
}

@media (max-width: 768px) {
	.box.box-header-img {
		max-height: 350px;
	}
}
.box.box-header-img .content__title--right {
    position: absolute;
    right: 0;
    top: 25%;
}

.box.is-show .box-content {
	opacity: 1;
}
.box-content {
  /*opacity: 0;*/
  transition: opacity .5s ease .75s;
}
@media (max-width: 767px) {
	.box{
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media (max-width: 370px) {
	.box.box-header-img {
		margin-top: 90px;
	}
}

/* header */
nav.header .menu a {
	color:#9f8041;
	font-size: .9em;
}
nav.header .menu a.contact_link {
	border: 1px solid #9f8041;
	padding: 6px;
	font-size: 1.3em;
}


/* main slider */
.slides-nav {
  z-index: 99;
  position: absolute;
  top: 0;
  right: 2%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  color: #111;
}
@media (min-width: 768px) {
  .slides-nav {
    right: 2%;
  }
}
.slides-nav__nav {
  position: relative;
  right: 0;
  display: block;
  font-size: 1.6em;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: center;
          transform-origin: center;
}
.slides-nav button {
  position: relative;
  display: inline-block;
  padding: 0.35em;
  margin: 0;
  font-family: "Space Mono", monospace;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: 0;
  overflow-x: hidden;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
.slides-nav button:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  height: 1px;
  width: 0;
  background: #111;
  -webkit-transition: width 0.4s ease;
  transition: width 0.4s ease;
}
.slides-nav button:hover {
  cursor: pointer;
  color: rgba(17, 17, 17, 0.75);
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
.slides-nav button:hover:after {
  width: 100%;
  -webkit-transition: width 0.4s ease;
  transition: width 0.4s ease;
}
.slides-nav button:focus {
  outline: 0;
}
.is-sliding .slides-nav {
  pointer-events: none;
}

.slides {
  position: relative;
  display: block;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  background: #FAFBFC;
  -webkit-transition: background 1s cubic-bezier(0.99, 1, 0.92, 1);
  transition: background 1s cubic-bezier(0.99, 1, 0.92, 1);
}
.is-sliding .slides {
  background: #ededed;
  -webkit-transition: background 0.3s cubic-bezier(0.99, 1, 0.92, 1);
  transition: background 0.3s cubic-bezier(0.99, 1, 0.92, 1);
}

.slide {
  z-index: -1;
  padding: 0;
  position: absolute;
  width: 100%;
  height: 100vh;
  -webkit-transition: z-index 1s ease;
  transition: z-index 1s ease;
}
.slide.is-active {
  z-index: 19;
  -webkit-transition: z-index 1s ease;
  transition: z-index 1s ease;
}
.slide__content {
  position: relative;
  margin: 0 auto;
  height: 95%;
  width: 95%;
  top: 2.5%;
}
@media (min-width: 768px) {
  .slide__content {
    height: 80%;
    width: 80%;
    top: 6%;
  }
}
.slide__header {
  z-index: 9;
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow-y: hidden;
  -webkit-transform: translateX(5%);
          transform: translateX(5%);
}
@media (min-width: 768px) {
  .slide__header {
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
  }
}
.slide__title {
/*  font-family: "ten-mincho",serif;*/
	font-family: adobe-handwriting-ernie, sans-serif;
    font-style: normal;
    font-weight: 400;
  letter-spacing: 2px;
  font-size: 1.5em;
  font-weight: 700;
  color: #9f8041;
  overflow-y: hidden;
}
.slide__title .title-line2 {
  font-size: 1em;
}
@media (min-width: 768px) {
  .slide__title {
    font-size: 3em;
  }
  .slide__title .title-line2 {
    font-size: 0.8em;
  }
}
.slide__title .title-line {
    background: rgba(255,255,255,.85);
    padding: 0 20px;
    margin: 10px auto;
    display: block;
    box-shadow: 2px 2px 2px;
  overflow-y: hidden;
}
.slide__title .title-line2 {
    display: inline-block;
}



.slide__title .title-line span {
  display: inline-block;
  -webkit-transform: translate3d(0, 140%, 0);
          transform: translate3d(0, 140%, 0);
  opacity: 0;
  -webkit-transition: opacity 0.8s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.8s ease, -webkit-transform 0.4s ease;
  transition: transform 0.4s ease, opacity 0.8s ease;
  transition: transform 0.4s ease, opacity 0.8s ease, -webkit-transform 0.4s ease;
}
.slide__title .title-line span:nth-child(1) {
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
.slide__title .title-line span:nth-child(2) {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.is-active .slide__title .title-line span {
  -webkit-transform: translate3d(0, 0%, 0);
          transform: translate3d(0, 0%, 0);
  opacity: 1;
  -webkit-transition: opacity 0.1s ease, -webkit-transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  transition: opacity 0.1s ease, -webkit-transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.1s ease;
  transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.1s ease, -webkit-transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.is-active .slide__title .title-line:nth-of-type(2n) span {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.slide__figure {
  z-index: 7;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 100%;
  width: 100%;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.is-sliding .slide__figure {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.slide__img {
  position: relative;
  display: block;
  background-size: cover;
  background-position: 50%;
  -webkit-backface-visibility: hidden;
  height: 0%;
  width: 100%;
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
  -webkit-transition: height 1s 1.4s cubic-bezier(0.19, 1, 0.22, 1), -webkit-filter 0.4s 0.1s ease;
  transition: height 1s 1.4s cubic-bezier(0.19, 1, 0.22, 1), -webkit-filter 0.4s 0.1s ease;
  transition: height 1s 1.4s cubic-bezier(0.19, 1, 0.22, 1), filter 0.4s 0.1s ease;
  transition: height 1s 1.4s cubic-bezier(0.19, 1, 0.22, 1), filter 0.4s 0.1s ease, -webkit-filter 0.4s 0.1s ease;
}
.is-active .slide__img {
  height: 100%;
  opacity: 1;
  -webkit-transition: height 0.5s 0.3s cubic-bezier(0.77, 0, 0.175, 1), -webkit-filter 0.4s 0.1s ease;
  transition: height 0.5s 0.3s cubic-bezier(0.77, 0, 0.175, 1), -webkit-filter 0.4s 0.1s ease;
  transition: height 0.5s 0.3s cubic-bezier(0.77, 0, 0.175, 1), filter 0.4s 0.1s ease;
  transition: height 0.5s 0.3s cubic-bezier(0.77, 0, 0.175, 1), filter 0.4s 0.1s ease, -webkit-filter 0.4s 0.1s ease;
}
.is-sliding .slide__img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

@media (max-width: 600px) {
	.slide__title .title-line span {
		font-size: 1em;
	}
	.slide__title .title-line.title-line2 span {
		font-size: .8em;
	}
}


.pagenation{
    padding: 20px;
    position: fixed;
    right: 0;
    top: 50%;
	transform: translateY(-50%);
	z-index: 100;
}
.pagenation li{
    list-style-type: none;
    margin-bottom: 10px;
}
.pagenation a{
    display: block;
    height: 10px;
    border: 1px solid #959DA5;
    width: 10px;
	border-radius:100%;
}
.pagenation a.active{
    background: #959DA5;
	width: 1px;
	border-radius:0%;
	margin: 0 auto
	background-color: #FAFBFC;
    border: 0 solid rgba(255,255,255,0);
	margin: 0 auto;
}
.pagenation a {
    top: 0;
    -webkit-transition: all .5s cubic-bezier(.74,.015,.465,1);
    transition: all .5s cubic-bezier(.74,.015,.465,1);
}



.container {
  position: relative;
  margin:0 auto;
  max-width: 1000px;
}
.swiper-container {
  width: 100%;
  height: 100%;
  overflow: visible;
  z-index: 1;
}


/* Dots */
.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


/* main nav */
.top-nav { position: fixed; top: 50%; right: 1%; z-index: 100; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.top-nav__lists { list-style-type: none; }

@media (max-width: 767px) { .top-nav { display: none; } }

.top-nav__list a { display: block; position: relative; width: 20px; height: 20px; margin-bottom: 10px; }

.top-nav__list a:before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 1px solid rgba(0,0,0,.2); border-radius: 50%; }

.top-nav__list span { position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; margin: -3px 0 0 -3px; border-radius: 50%; background-color: rgba(0,0,0,.3); cursor: pointer;}

/****************************** animation setting */
.top-nav__list a:before { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); transition: -webkit-transform 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); transition: transform 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); transition: transform 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); }

/****************************** hover */
@media (min-width: 768px) { .top-nav__list a:hover:before { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } }

/****************************** is-current */
.top-nav__list.is-current a:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); box-sizing: border-box; }

@media (max-width: 600px) {
	.wrapper img {
		width: 100%;
	}
	.wrapper img.icon {
		width: auto;
	}
}


/* scroll down */
a#scroll-down-link {
    padding-top: 70px;
    color: #222;
    position: absolute;
    bottom: 60px;
    left: 50%;
	transform: translate(-50%);
    z-index: 100;
    letter-spacing: 1px;
    font-size: .5em;
    font-weight: bold;
}
@media all and (-ms-high-contrast: none) {
	a#scroll-down-link {
		font-size: 1em;
	}
}
@supports (-ms-ime-align:auto) {
  a#scroll-down-link {
		font-size: 1em;
	}
}

a#scroll-down-link span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #222;
  border-bottom: 1px solid #222;
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
  -webkit-animation: sdb 1.5s infinite;
  animation: sdb 1.5s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb {
  0% {
    -webkit-transform: rotateY(0) rotateZ(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform: rotateY(0) rotateZ(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}


/* nav specialized to landing page */
.logo {
  background: url('https://www.komagane-linx.co.jp/bridal/wp-content/themes/linx_bridal/assets/lib/css/logo.svg') no-repeat;
  background-size: contain;
  margin: .5rem 0 0 1rem;
  width: 120px;
  display: inline-block;
}

nav {
  border-bottom: 1px solid #EEE;
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
}

/* hero section */
.hero {
  text-align: center;
  background-color: #F8F8FA;
  padding: 2rem 0 10rem 0;
}

.hero__title {
  font-weight: 900;
  color: #9f8041;
}

.hero__description {
  margin: -1rem auto 2rem auto;
}

.hero__terminal {
  width: 60%;
  margin: -11rem auto 3rem auto;
  text-align: left;
  color: white;
  padding: 0 1rem;
  border-radius: 4px;
  background-color: #232323;
  min-height: 285px;
  animation: fadeUp 2s;
  box-shadow: 0px 12px 36.8px 9.2px rgba(0, 0, 0, 0.1);
}

.hero__terminal pre {
  white-space: pre-line;
  padding-top: 1rem;
}

/* feature section */
.feature {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem;
  margin-bottom: 2rem;
  justify-content: center;
}
.feature2 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem;
  margin-bottom: 2rem;
  justify-content: flex-start;
}

.feature.feature_right {
  justify-content: flex-end;
}

.feature__item {
  max-width: 100%;
  margin: 10px;
  position: relative;
}
.feature__item.feature__item1 {
  max-width: 100%;
}
.feature__item.feature__item2 {
  max-width: calc(50% - 20px);
	width: calc(50% - 20px);
}
.feature__item.feature__item3,
.feature__item.feature__item3_1 {
  max-width: calc(33.333% - 20px);
}
.feature__item.feature__item3_2 {
  max-width: calc(66.666% - 20px);
}
.feature__item.feature__item4 {
  max-width: calc(25% - 20px);
}
.feature__item.feature__item4_3 {
  max-width: calc(75% - 20px);
}
.feature__item.feature__item5 {
  max-width: calc(20% - 20px);
}
.feature__item.feature__item5_2 {
  max-width: calc(40% - 20px);
}
.feature__item.feature__item5_3 {
  max-width: calc(60% - 20px);
}
.feature__item.feature__item6 {
  max-width: calc(16.666% - 20px);
}
.feature__item.feature__item7 {
  max-width: calc(14.28% - 20px);
}
.feature__item.feature__item8 {
  max-width: calc(12.5% - 20px);
}
.feature__item .section__title {
  margin-top: 10px;
  margin-bottom: 0;
}

.feature__item p {
  margin-top: 0.5rem;
  margin-bottom: 2rem;
}

.feature__item p.data {
  font-size:0.8em;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #d3c3a7;
}

.feature__pull__push {
	display: block;
}
.feature__item__pull {
	float: right;
}
.feature__item__push {
	float: left;
}


/* top bridalfair */
.category-fair {
	font-size: 1.4em;
    display: block;
    color: #9f8041;
}
.category-fair span {
	font-size: 1em;
    border: 1px solid #9f8041;
    padding: 5px;
    margin: 3px;
}
.fair-btn {
    margin: 40px auto 0;
}
.fair-btn .btn--default {
    border: 2px solid #9f8041;
    background: #F8F8FA;
	width: 100%;
}
.feature__item2 a h3 {
	margin-top: 10px;
}




/* keybinding section */
.keybinding {
  margin-top: 3rem;
  display: flex;
}

.keybinding__detail {
  position: relative;
  border: 1px solid #F0E8E8;
  flex-basis: 50%;
  padding: 2rem 1rem 1rem 1rem;
  list-style: none;
  line-height: 2rem;
}

.keybinding__detail:first-child {
  text-align: right;
  padding-right: 1rem;
}

.keybinding__detail:last-child {
  padding-left: 1rem;
  margin-left: -1px;
}

.keybinding__detail:first-child .keybinding__title {
  position: absolute;
  right: 0.5rem;
  top: -2rem;
  background-color: white;
  padding: 0 0.5rem;
}

.keybinding__detail:last-child .keybinding__title {
  position: absolute;
  left: 0.5rem;
  top: -2rem;
  background-color: white;
  padding: 0 0.5rem;
}

.keybinding__label {
  background: #FAFBFC;
  border: 1px solid var(--light-gray-color);
  box-shadow: 0 1px 0 0 #959DA5;
  border-radius: 3px;
  font-family: Courier;
  font-size: 0.7rem;
  color: #444D56;
  padding: 3px 3px 1px 3px;
  vertical-align: middle;
}

/* callout section */
.callout {
  text-align: center;
  padding: 1rem 0 3rem 0;
}

.callout .button--primary {
  display: inline-block;
  margin-top: 0.5rem;
}

/* changelog section */
.changelog {
  background-color: #F8F8FA;
  padding: 2rem 0;
}

.changelog__item {
  display: flex;
}

.changelog__meta {
  flex-basis: 25%;
}

.changelog__meta small {
  color: #d8c8ab;
  font-weight: 200;
  letter-spacing: 1px;
}

.changelog__title {
  margin-bottom: 0;
}

.changelog__callout {
  margin: 3rem auto 2rem auto;
  text-align: center;
}

@media (max-width: 750px) {
  .hero__terminal {
    width: 70%;
  }
  .tab__container > ul {
    right: auto;
    left: 0;
    padding-left: 0;
  }
  .tab__container .code {
    margin-top: 2rem;
  }
  /*.feature, .keybinding, .changelog__item {
    flex-direction: column;
  }*/
  .feature__item {
    margin: 5px;
  }
  .feature__item.feature__item2 {
    max-width: calc(50% - 10px);
  }
  .feature__item.feature__item3 {
    max-width: calc(33.333% - 10px);
  }
  .feature__item.feature__item4 {
    max-width: calc(50% - 10px);
  }
  .feature__item.feature__item5 {
    max-width: calc(33.333% - 10px);
  }
  .feature__item.feature__item6 {
    max-width: calc(33.333% - 10px);
  }
  .feature__item.feature__item7 {
    max-width: calc(25% - 10px);
  }
  .feature__item.feature__item8 {
    max-width: calc(25% - 10px);
  }
  .feature__item.feature__item3_1,
  .feature__item.feature__item3_2,
  .feature__item.feature__item4_3,
  .feature__item.feature__item5_2,
  .feature__item.feature__item5_3 {
    max-width: 100%;
    width: 100%;
    margin: 0;
  }
  .keybinding {
      font-size: 0.8rem;
  }
  .post-list {
    margin-left: -20px;
    margin-right: -20px;
    overflow-x: scroll;
    width: calc(100% + 36px);
  }
  .post-list .feature {
    min-width: 750px;
  }
  .post-list .feature .feature__item {
    max-width: calc(23.5% - 10px)!important;
  }
  .post-list .feature {
    justify-content: flex-start;
  }
}

@media (max-width: 480px) {
  .feature__item,
  .feature__item.feature__item3_1,
  .feature__item.feature__item3_2,
  .feature__item.feature__item2,
  .feature__item.feature__item3,
  .feature__item.feature__item4,
  .feature__item.feature__item5,
  .feature__item.feature__item6,
  .feature__item.feature__item7,
  .feature__item.feature__item8 {
    max-width: 100%;
    width: 100%;
    margin: 0;
  }
  .home .feature__item.feature__item4 {
    margin: 5px;
  }
  .home .feature__item.feature__item6 {
    margin: 5px;
    max-width: calc(33.33% - 6px);
  }
  .avatar_box .feature__item {
    max-width: calc(50% - 10px);
    margin: 5px;
  }
}


.shutter {
    position: fixed;
    top: 0;
    left: 0;
    width: 200vw;
    height: 100vh;
    background-color: #FAFBFC;
    z-index: 99999;
    pointer-events: none;
    transition: transform .8s ease-in-out;
}

.shutter-a {
    transform: translateX(100vw);
}
.shutter-a.moved {
    transform: translateX(-200vw);
}

.shutter-b {
    transform: translateX(-200vw);
}
.shutter-b.moved {
    transform: translateX(100vw);
}

/* grid */

.grid img {
	width: 100%;
}

.grid {
	position: relative;
	max-width: 960px;
	margin:0 auto;
}
.grid .item {
	display: block;
	position: absolute;
	width: 240px;
	height: auto;
	margin: 0;
	z-index: 1;
	color: #FAFBFC;
}
.grid .item h2 {
	margin-top: 60px;
}
.grid .item h2 img {
	max-width: 310px;
	height: auto;
}
.grid .item_a {
	width: 300px;
}
.grid .item_b {
	width: 300px;
}
.grid .item_c,
.grid .item_title {
	width: 400px;
}
.grid .item_empty {
	width: 140px;
	height: 90px;
}
.grid .item-content {
	position: relative;
	width: 100%;
	height: 100%;
}
.home .grid .item:nth-child(2) {
    width: 240px;
	height: 265px;
	margin-top: 60px;
	margin-left: -10px;
}
.home .grid .item:nth-child(2) img {
    position: absolute;
    width: 110%;
	height: 265px;
}
.home .grid .item:nth-child(3) {
	margin-top: 80px;
	margin-left: 20px;
}
.home .grid .item:nth-child(5) {
    margin-top: -30px;
    margin-left: 60px;
}
.grid .item_1 {
	width: 100%!important;
}

.grid .item_2 {
	width: 49.9%!important;
}

.grid .item_3 {
    width: 33%!important;
}
.post-type-archive-gallery .grid .item_3,
.post-type-archive-story .grid .item_3 {
	width: calc(33% - 16px)!important;
	margin: 4px 8px;
}
.post-type-archive-story .grid .item_2,
.author .grid .item_2 {
	width: calc(49.9% - 16px)!important;
	margin: 4px 8px;
}
.story_single .grid .item_2 {
	width: calc(49.9% - 32px)!important;
	margin: 16px 16px;
}
.story_content {
  font-family: "dnp-shuei-mincho-pr6n",sans-serif;
  color: #4A4A4A;
}
.story_start,
.story_end {
  background-color:#eee7d8;
}
.story_start img,
.story_end img {
  padding: 20px;
}
.story_gallery.grid .item_2 {
    width: calc(49.9% - 40px)!important;
    margin: 20px;
}

@media (max-width: 767px) {
  .post-type-archive-gallery .grid .item_3,
  .post-type-archive-story .grid .item_3 {
      width: calc(49.9% - 20px)!important;
      margin: 0 10px;
  }
}

@media (max-width: 480px) {
  .post-type-archive-gallery .grid .item_3,
  .post-type-archive-story .grid .item_3 {
      width: 100%!important;
      margin: 0 0 10px;
  }
}

@media (max-width: 989px) {
	.grid .item_empty {
	  display: none;
	}
}

@media (max-width: 739px) {
	.grid .item h2 {
		margin-top: 0px;
	}
	.home .grid .item:nth-child(2) {
		width: 50%;
		height: 350px;

	}
	.home .grid .item:nth-child(2) img {
		position: absolute;
		width: 110%;
		height: auto;
	}
	.grid .item_title {
		width: 100%;
	}
	.grid .item_a,
	.grid .item_b,
	.grid .item_c {
		width: 49.9%;
	}
}

@media (max-width: 639px) {
	.home .grid .item:nth-child(2) {
		width: 49.9%;
		height: auto;

	}
	.home .grid .item:nth-child(2) img {
		position: relative;
		width: 100%;
	}
}

@media (max-width: 439px) {
	.grid .item_2,
	.grid .item_3 {
		width: 100%!important;
	}
	.gallery_archive .grid .item_3 {
		width: calc(50% - 16px)!important;
	}
	.post-type-archive-story .grid .item_2,
  .author .grid .item_2 {
		width: 100%!important;
		margin: 8px 0;
	}
	.story_single .grid .item_2 {
		width: calc(100% - 32px)!important;
	}
}

.filter-controls {
  text-align: center;
  margin-bottom: 30px;
}
.filter-controls .control {
  display: inline-block;
  width: 200px;
  margin: 0 10px;
}
.filter-controls .control * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.filter-controls .control .form-control {
  width: 100%;
  height: 40px;
  padding: 0 20px;
  border: 2px solid #ccc;
  border-radius: 0;
  background-color: #fff;
  color: #666;
  font-size: 16px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.filter-controls .control .form-control:focus {
  outline: 0;
  border-color: #9f8041;;
}


/*5 color*/
.five_color_home .tree_left {
    position: absolute;
    left: -40px;
    bottom: -10px;
    z-index: 1;
}
.five_color_home .dress_right {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}
@media (max-width: 959px) {
	.five_color_home .tree_left {
		width: 220px;
	}
	.five_color_home .dress_right {
		width: 180px;
	}
	.five_color_home {
		padding-bottom: 100px!important;
	}
	.home .grid .item:nth-child(3) {
		margin-top: 0;
	}
	.home .grid .item:nth-child(5) {
		margin-top: 30px;
	}
	.home .grid .item:nth-child(7) {
		width: 300px;
		margin-top: 20px;
		margin-left: 20px;
	}
	.grid .item_c {
		margin-top: 0;
		width: 320px;
	}
	.feature__item2 a h3 {
		margin-top: 0;
	}
	.fair-btn {
		margin: 10px auto 0;
	}
	.feature__item p {
		margin-top: 0.5rem;
		margin-bottom: 1rem;
	}
	.home #home_fair .item_1 .feature__item img {
		height: 100%;
		min-width: 100%;
		object-fit: cover;
		font-family: 'object-fit: cover;';
	}
	.fair-btn .btn--default {
		margin-bottom: 0;
	}
	.feature__item.feature__item4 {
		max-width: calc(33% - 20px);
	}
	.feature__item.feature__item6 {
		max-width: calc(18.666% - 20px);
	}
	.home .box4 .feature__item {
		margin: 3px;
	}
	.home .box5 .feature__item.feature__item4 {
		max-width: calc(25% - 10px);
		margin: 5px;
	}
	
	/*--- chapel ---*/
	.page-id-14 .box4 .feature__item.feature__item4_3 {
		max-width: calc(67% - 20px);
	}
	.box5-terrace-01 img,
	.box5-lobby-01 img {
		width: 100%;
	}
	.box5-terrace-02,
	.box5-lobby-02 {
		display: none;
	}
	
	/*--- plan ---*/
	.post-type-archive-plan .box4 .feature2 h3 {
		font-size: 1.3em!important;
	}
	.post-type-archive-plan .box4 .feature2 .plan_price span {
		font-size: 1.3em!important;
	}
	.fs17 {
	    line-height: 1.6em!important;
	}
	
}

@media (max-width: 639px) {
	.five_color_home .tree_left {
		width: 200px;
	}
	.five_color_home .dress_right {
		width: 180px;
	}
	.five_color_home {
		padding-bottom: 130px!important;
	}
	
	.slides-nav {
		right: -25px;
	}
	nav {
		border-bottom: 3px solid #EEE;
	}
	.slides-nav__prev, .slides-nav__next {
		color: #fff;
		font-size: 1em;
    	font-weight: 600;
	}
	.slide__header {
	    transform: translateX(2%);
		height: 140%;
	}
	.slide__title .title-line {
		padding: 0 10px;
	    margin: 3px auto;
	}
	.slide__title {
		font-size: 1.8em;
	}
	a#scroll-down-link {
		color: #fff;
	}
	a#scroll-down-link span {
		border-left: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
	.grid .item_title {
		margin-top: -20px;
	}
	.home .grid .item:nth-child(2) {
		margin-top: -20px;
		margin-left: 0;
	}
	.home .grid .item:nth-child(3) {
		margin-top: 20px;
		margin-left: 0;
	}
	.home .grid .item:nth-child(5) {
		margin-top: -20px;
		margin-left: 0;
	}
	.home .grid .item_c {
		margin-top: 16px;
		width: 49.9%;
	}
	.home .grid .item:nth-child(7) {
		width: 49.9%;
		margin-top: 0;
		margin-left: 0;
	}
	.home .box2 {
	    margin-bottom: 20px;
	}
	
	.fs16 {
		font-size: 1.45em!important;
		line-height: 1.6em!important;
	}
	.feature__item2 a h3 {
		margin-top: 15px;
	}
	.btn--default {
		margin: 10px 5px;
	}
	.design_border1 {
		margin-bottom: 10px;
	}
	#home_story h2 {
		margin-top: 0;
	}
	
	.view-all {
	    margin: 30px!important;
	}
	#home_story a.story__title {
		line-height: 1.2;
	}
	.feature__item .section__title {
		margin-bottom: 10px;
	}
	.box4 .concept h2 {
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.ig-block {
		margin-top: 30px;
	}
	
	/*chapel*/
	.page-id-14 .box4 .feature__item.feature__item4_3 {
		max-width: calc(100% - 20px);
	}
	.page-id-17 .box3 {
	    margin-top: 30px;
	}
	
	/*plan*/
	.post-type-archive-plan .box3 .btn--default {
		font-size: 1em;
	}
	.fs25 {
		font-size: 2em!important;
		line-height: 1.6em!important;
	}
	.plan_text_box {
		padding-left: 20px;
	}
	.post-type-archive-plan .box3 .box_inline {
		font-size: 1.2em;
	}
	.post-type-archive-plan .box4 {
		margin-top: 20px;
	}
	.post-type-archive-plan .box4 h2 {
		margin: 0 auto 30px!important;
	}
	.post-type-archive-plan .box4 .feature2 .plan_price span {
		font-size: 1.6em!important;
	}
	.post-type-archive-plan .box4 .feature2 .plan_price span .fs5 {
		padding-left: 2px;
	}
	
	/*staff*/
	.staff #etc_staff .grid .item {
		width: calc(49.9% - 5px)!important;
		margin: 2.5px!important;
	}
	.staff .hover_animation figure.effect-layla img {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	.page-id-28 .box6 {
		margin-top: 20px;unicode-bidi: 
	}
	.page-id-28 .box6 .fs22 {
		font-size: 2em!important;
		line-height: 1.60em!important;
	}
	.page-id-28 .box6 .feature__item h2 {
		margin-top: 20px!important;
		margin-bottom: 20px!important;
	}
	
	/*gallery*/
	.post-type-archive-gallery .box2 .item h2 {
		margin-bottom: 10px!important;
	}
	
}

/*story*/
#home_story h3.section__title {
  font-size: 1em;
  letter-spacing: 3px;
}
#home_story a p {
  font-size: 1em;
}
#home_story a.story__title {
  color: #444D56;
	font-size: 1.8em;
    letter-spacing: 2px;
}
.single-story.single .wrapper {
    max-width: 960px;
}
.single-story.single .sub_catch p {
  color: #9f8041;
}


/*concept*/
.box4 .concept h2 {
    margin-top: 20px;
}

.concept_trees {
	position: relative;
    margin: -160px auto 0;
    width: 600px;
    height: 220px;
}
.concept_trees_left {
	position: absolute;
	left: 0;
}
.concept_trees_right {
	position: absolute;
	right: 0;
	width: 175px;
	height: 220px;
}
.concept_trees_right path.st0 {
	stroke: none;
	fill: #000;
}
.concept_trees_right #musasabi {
	transform:translate(0,0);
	animation:animT 4s linear 2s infinite;
}
@keyframes animT{
	0%{transform:translate(0,0);}
	100%{transform:translate(-200px,190px);}
}


@media screen and (max-width: 599px) {
	.concept_trees {
		width: calc(100% + 40px);
		height: 220px;
		overflow: hidden;
		margin-left: -20px;
		margin-right: -20px;
		margin-top: -125px;
	}
	.concept_trees_left {
		left: -20px;
	}
	.concept_trees_right {
		right: -20px;
	}
}


/*book*/
.component {
  overflow: hidden;
}
.component ul {
  margin: 0;
  padding: 0;
  list-style: none;
  opacity: 1;
}

/* basic grid, only for this demo */
.component .align {
  clear: both;
  margin: 10px auto 30px;
  width: 100%;
  max-width: 1170px;
  text-align: center;
}

.component .align > li {
  width: 500px;
  max-width: 100%;
  min-height: 200px;
  display: inline-block;
  margin: 30px 0px;
  padding: 0 0 0 250px;
  vertical-align: top;
}


.component .book {
  position: relative;
  width: 200px;
  height: 200px;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

/*
	2. background & color
*/
/* HARDCOVER FRONT */
.hardcover_front li:first-child {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* reverse */
.hardcover_front li:last-child {
  background: -webkit-linear-gradient(left, #e1ddd8 0%, #fffbf6 100%);
  background: linear-gradient(left, #e1ddd8 0%, #fffbf6 100%);
}

/* HARDCOVER BACK */
.hardcover_back li:first-child {
  background: -webkit-linear-gradient(left, #e1ddd8 0%, #fffbf6 100%);
  background: linear-gradient(left, #e1ddd8 0%, #fffbf6 100%);
}

/* reverse */
.hardcover_back li:last-child {
  background: -webkit-linear-gradient(left, #e1ddd8 0%, #fffbf6 100%);
  background: linear-gradient(left, #e1ddd8 0%, #fffbf6 100%);
}

.book_spine li:first-child {
  background: #eee;
}

.book_spine li:last-child {
  background: #333;
}

/* thickness of cover */
.hardcover_front li:first-child:after,
.hardcover_front li:first-child:before,
.hardcover_front li:last-child:after,
.hardcover_front li:last-child:before,
.hardcover_back li:first-child:after,
.hardcover_back li:first-child:before,
.hardcover_back li:last-child:after,
.hardcover_back li:last-child:before,
.book_spine li:first-child:after,
.book_spine li:first-child:before,
.book_spine li:last-child:after,
.book_spine li:last-child:before {
  background: #959DA5;
}

/* page */
.component {
	margin: 0 -20px;
}
.component .page > li {
  background: -webkit-linear-gradient(left, #e1ddd8 0%, #fffbf6 100%);
  background: -moz-linear-gradient(left, #e1ddd8 0%, #fffbf6 100%);
  background: -ms-linear-gradient(left, #e1ddd8 0%, #fffbf6 100%);
  background: linear-gradient(left, #e1ddd8 0%, #fffbf6 100%);
  box-shadow: inset 0px -1px 2px rgba(50, 50, 50, 0.1), inset -1px 0px 1px rgba(150, 150, 150, 0.2);
}

/*
	3. opening cover, back cover and pages
*/
.component .hardcover_front {
  -webkit-transform: rotateY(-34deg) translateZ(8px);
  -moz-transform: rotateY(-34deg) translateZ(8px);
  transform: rotateY(-34deg) translateZ(8px);
  z-index: 100;
  width: 104%;
}

.component .hardcover_back {
  -webkit-transform: rotateY(-26deg) translateZ(-36px);
  -moz-transform: rotateY(-26deg) translateZ(-36px);
  transform: rotateY(-26deg) translateZ(-36px);
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0,0,0,.2);
  height: 102%;
  width: 96%;
  top: -1%;
  left: 1px;
}

.component .page li:nth-child(1) {
  -webkit-transform: rotateY(-28deg);
  -moz-transform: rotateY(-28deg);
  transform: rotateY(-28deg);
}

.component .page li:nth-child(2) {
  -webkit-transform: rotateY(-30deg);
  -moz-transform: rotateY(-30deg);
  transform: rotateY(-30deg);
}

.component .page li:nth-child(3) {
  -webkit-transform: rotateY(-32deg);
  -moz-transform: rotateY(-32deg);
  transform: rotateY(-32deg);
}

.component .page li:nth-child(4) {
  -webkit-transform: rotateY(-34deg);
  -moz-transform: rotateY(-34deg);
  transform: rotateY(-34deg);
}

.component .page li:nth-child(5) {
  -webkit-transform: rotateY(-36deg);
  -moz-transform: rotateY(-36deg);
  transform: rotateY(-36deg);
}

/*
	4. position, transform & transition
*/
.hardcover_front,
.hardcover_back,
.book_spine,
.hardcover_front li,
.hardcover_back li,
.book_spine li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.hardcover_front,
.hardcover_back {
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}

.hardcover_front {
  -webkit-transition: all 0.8s ease, z-index 0.6s;
  -moz-transition: all 0.8s ease, z-index 0.6s;
  transition: all 0.8s ease, z-index 0.6s;
}

/* HARDCOVER front */
.hardcover_front li:first-child {
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-transform: translateZ(2px);
  -moz-transform: translateZ(2px);
  transform: translateZ(2px);
}

.hardcover_front li:last-child {
  -webkit-transform: rotateY(180deg) translateZ(2px);
  -moz-transform: rotateY(180deg) translateZ(2px);
  transform: rotateY(180deg) translateZ(2px);
}

/* HARDCOVER back */
.hardcover_back li:first-child {
  -webkit-transform: translateZ(2px);
  -moz-transform: translateZ(2px);
  transform: translateZ(2px);
}

.hardcover_back li:last-child {
  -webkit-transform: translateZ(-2px);
  -moz-transform: translateZ(-2px);
  transform: translateZ(-2px);
}

/* thickness of cover */
.hardcover_front li:first-child:after,
.hardcover_front li:first-child:before,
.hardcover_front li:last-child:after,
.hardcover_front li:last-child:before,
.hardcover_back li:first-child:after,
.hardcover_back li:first-child:before,
.hardcover_back li:last-child:after,
.hardcover_back li:last-child:before,
.book_spine li:first-child:after,
.book_spine li:first-child:before,
.book_spine li:last-child:after,
.book_spine li:last-child:before {
  position: absolute;
  top: 0;
  left: 0;
}

/* HARDCOVER front */
.hardcover_front li:first-child:after,
.hardcover_front li:first-child:before {
  width: 4px;
  height: 100%;
}

.hardcover_front li:first-child:after {
  -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
  -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
  transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
  -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
  -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
  transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,
.hardcover_front li:last-child:before {
  width: 4px;
  height: 160px;
}

.hardcover_front li:last-child:after {
  -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
  -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
  transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
  box-shadow: 0px 0px 30px 5px #333;
  -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
  -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
  transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

/* thickness of cover */
.hardcover_back li:first-child:after,
.hardcover_back li:first-child:before {
  width: 4px;
  height: 100%;
}

.hardcover_back li:first-child:after {
  -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
  -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
  transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
  -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
  -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
  transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,
.hardcover_back li:last-child:before {
  width: 4px;
  height: 160px;
}

.hardcover_back li:last-child:after {
  -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
  -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
  transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
  box-shadow: 10px -1px 80px 20px #666;
  -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
  -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
  transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

/* BOOK SPINE */
.book_spine {
  -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
  -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
  transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
  width: 30px;
  z-index: 0;
}

.book_spine li:first-child {
  -webkit-transform: translateZ(2px);
  -moz-transform: translateZ(2px);
  transform: translateZ(2px);
}

.book_spine li:last-child {
  -webkit-transform: translateZ(-2px);
  -moz-transform: translateZ(-2px);
  transform: translateZ(-2px);
}

/* thickness of book spine */
.book_spine li:first-child:after,
.book_spine li:first-child:before {
  width: 4px;
  height: 100%;
}

.book_spine li:first-child:after {
  -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
  -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
  transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
  -webkit-transform: rotateY(-90deg) translateZ(-12px);
  -moz-transform: rotateY(-90deg) translateZ(-12px);
  transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,
.book_spine li:last-child:before {
  width: 4px;
  height: 16px;
}

.book_spine li:last-child:after {
  -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
  -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
  transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
  box-shadow: 5px -1px 100px 40px rgba(0, 0, 0, 0.2);
  -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
  -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
  transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book .page,
.book .page > li {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.book .page {
  width: 100%;
  height: 99%;
  top: 0.5%;
  left: 3%;
  z-index: 10;
}

.book .page > li {
  width: 100%;
  height: 100%;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition-property: transform;
  -moz-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  transition-timing-function: ease;
}

.book .page > li:nth-child(1) {
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.book .page > li:nth-child(2) {
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.book .page > li:nth-child(3) {
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.book .page > li:nth-child(4) {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.book .page > li:nth-child(5) {
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.book .page > li img {
	width:100%;
}

.hardcover_front li img,
.hardcover_back li img,
.book_spine li img {
	height: 100%;
}

.link_page a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-size: .8em;
  letter-spacing: 2px;
  text-transform: uppercase;
  line-height: 1.5;
  border: 4px double #9f8041;
  padding: 40px 20px;
}
.link_page a:hover {
  color: #444D56;
  border: 4px double #444D56;
}

/*
	5. events
*/
.book:hover > .hardcover_front {
  -webkit-transform: rotateY(-145deg) translateZ(0);
  -moz-transform: rotateY(-145deg) translateZ(0);
  transform: rotateY(-145deg) translateZ(0);
  z-index: 0;
}

.book:hover > .page li:nth-child(1) {
  -webkit-transform: rotateY(-30deg);
  -moz-transform: rotateY(-30deg);
  transform: rotateY(-30deg);
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  transition-duration: 1.5s;
}

.book:hover > .page li:nth-child(2) {
  -webkit-transform: rotateY(-35deg);
  -moz-transform: rotateY(-35deg);
  transform: rotateY(-35deg);
  -webkit-transition-duration: 1.8s;
  -moz-transition-duration: 1.8s;
  transition-duration: 1.8s;
}

.book:hover > .page li:nth-child(3) {
  -webkit-transform: rotateY(-118deg);
  -moz-transform: rotateY(-118deg);
  transform: rotateY(-118deg);
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s;
}

.book:hover > .page li:nth-child(4) {
  -webkit-transform: rotateY(-130deg);
  -moz-transform: rotateY(-130deg);
  transform: rotateY(-130deg);
  -webkit-transition-duration: 1.4s;
  -moz-transition-duration: 1.4s;
  transition-duration: 1.4s;
}

.book:hover > .page li:nth-child(5) {
  -webkit-transform: rotateY(-140deg);
  -moz-transform: rotateY(-140deg);
  transform: rotateY(-140deg);
  -webkit-transition-duration: 1.2s;
  -moz-transition-duration: 1.2s;
  transition-duration: 1.2s;
}

/*
	6. Bonus
*/
/* cover CSS */
.coverDesign {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.coverDesign::after {
  background-image: -webkit-linear-gradient(-135deg, rgba(255, 255, 255, 0.45) 0%, transparent 100%);
  background-image: -moz-linear-gradient(-135deg, rgba(255, 255, 255, 0.45) 0%, transparent 100%);
  background-image: linear-gradient(-135deg, rgba(255, 255, 255, 0.45) 0%, transparent 100%);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.coverDesign h1 {
  color: #FAFBFC;
  font-size: 3.5em;
  letter-spacing: 0.1em;
  text-align: center;
  margin: 54% 0 0 0;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
}

.coverDesign p {
  color: #f8f8f8;
  font-size: 1.6em;
  text-align: center;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
}


/* Media Queries */
@media screen and (max-width: 480px) {
	.component .align > li {
	  padding: 0 0 0 185px;
	}
}

@media screen and (max-width: 390px) {
	.component .align > li {
	  padding: 0 0 0 100px;
	}
}

@media screen and (max-width: 37.8125em) {
  .align > li {
    width: 100%;
    min-height: 440px;
    height: auto;
    padding: 0;
    margin: 0 0 30px 0;
  }

  .book {
    margin: 0 auto;
  }
}


/*News*/
.photoframe {
  position: relative;
  display: inline;
  float: left;
  overflow: hidden;
  margin: 20px 10px 10px;
  padding: 20px;
  background: #f4eeea;
  border: 1px solid rgba(255, 255, 255, 0.3);
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  z-index: 1;
}

.photoframe figcaption {
	width: 100%;
	left: 0;
}

.photoframe .photo {
	overflow: hidden;
	margin: 0;
	padding: 0;
	box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
}
.now_cat {
	position: absolute;
	top: 10px;
	left: 10px;
	background-color: rgba(159,128,65,.85);
	font-size: .9em;
    padding: 2px 5px;
}
.now_cat a {
	color: #FAFBFC;
}
.photoframe img {
	position: relative;
	margin: 0;
	padding: 0;
	z-index: -1;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	top: 50%;
	left: 50%;
  max-height: 150px;
  height: auto;
  width: auto;
}

.photoframe p.data {
  font-size:1.1em;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid #d3c3a7;
  letter-spacing: 2px;
}

.photoframe h3 {
  font-size:1em;
  line-height: 1.6;
  margin-top: 0.2rem;
  margin-bottom: 0;
  padding-top: 0.2rem;
  padding-bottom: 0;
  text-align: left;
}
.photo a {
  display: block;
}
.feature-all {
	justify-content: center;
}



@media screen and (max-width: 959px) {
	.photoframe {
	  padding: 10px;
	}
}

.box5 .tree_left,
.archive .tree_left {
    position: absolute;
    left: 20px;
    bottom: -10px;
    z-index: 1;
  	width: 100px;
}

.box5 .hotel_right,
.archive .hotel_right {
    position: absolute;
    right: 20px;
    bottom: -10px;
    z-index: 1;
  	width: 250px;
}
.hotel_right img {
  width: 250px;
}

.box5 .jibie_left,
.archive .jibie_left {
  position: absolute;
  left: 120px;
  bottom: -10px;
  z-index: 1;
	width: 80px;
  height: 84px;
}

.box5 .jibie_left path,
.archive .jibie_left path {
	fill:#000;
}

@media (max-width: 600px){
	.home .box5 {
		padding-bottom: 100px;
	}
	.box5 .tree_left {
	  left: -20px;
    width: 60px;
	}
	.archive .tree_left {
	  left: -20px;
	  width: 60px;
	}
	.box5 .jibie_left,
	.archive .jibie_left {
    left: 40px;
	  width: 30px;
    height: 32px;
	}
	.box5 .hotel_right,
	.archive .hotel_right {
  	  right: 5px;
	  width: 200px;
	}
  .hotel_right img {
    width: 200px;
  }
}
/*----------------------------------
  Header
------------------------------------*/
.header {
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%;
	background-color: rgba(255,255,255,.95);
	transition: 1.0s;
}
.admin-bar .header,
.admin-bar .header.changed {
    top: 32px;
}

@media (max-width: 782px){
	.admin-bar .header,
	.admin-bar .header.changed {
		top: 46px;
	}
}

@media (max-width: 600px){
	.admin-bar .header.changed {
		top: 0px;
	}
}

.s-header__navbar {
  background: transparent;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

/* Container
------------------------------ */
.s-header__container {
  width: 100%;
  height: auto;
  display: table;
  padding: 0 3%;
}

.s-header__container:before, .s-header__container:after {
  content: " ";
  display: table;
}

.s-header__container:after {
  clear: both;
}

.container-fluid {
  padding-left: 2.1875rem;
  padding-right: 2.1875rem;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/* Navbar Row
------------------------------ */
.s-header__navbar-row {
  position: relative;
  display: table-row;
  clear: both;
}

.s-header__navbar-row-col {
  display: table-cell;
  vertical-align: middle;
}

.s-header__navbar-row-col:first-child {
  width: 20%;
}

.s-header__navbar-row-col:nth-child(2) {
  width: 80%;
}

/* Logo
------------------------------ */
.s-header__logo {
  position: relative;
  z-index: 9999;
  width: 100%;
  height: auto;
  float: left;
}

.s-header__logo-link {
  display: inline-block;
  padding: .3rem 0 0;
  width: 120px;
}

.s-header__logo-link svg {
  height: 20px;
}

.s-header__logo-link:focus, .s-header__logo-link:hover {
  text-decoration: none;
}

.s-header__logo-img-default {
  display: block;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
  transition: 1.0s;
}

.s-header__logo-img-default {
  opacity: 1;
}

.s-header__logo-img path {
	fill:#9f8041;
    stroke: none;
}

@media (max-width: 61.9em) {
  .s-header__logo {
    width: auto;
    height: auto;
    float: left;
  }
}

.s-header__navbar-right {
	display: flex;
	justify-content: flex-end;
}

.s-header__tel,
.s-header__contact {
    font-size: 1.6em;
    line-height: 3.3;
	color:#9f8041;
	margin: 0 10px;
}
.s-header__contact {
	font-size: 1.3em;
	line-height: 3;
	border: 1px solid;
	padding: 0 15px;
	margin: 5px 10px;
	cursor: pointer;
}
.s-header__tel img {
	width:22px;
	height: auto;
    vertical-align: middle;
}
.s-header__contact img {
	width:20px;
	height: auto;
    vertical-align: middle;
    margin-top: -1px;
}

@media (max-width: 600px) {
	.s-header__tel {
		font-size: 1.3em;
		line-height: 4;
	}
	.s-header__contact {
		border: none;
	    margin: 0;
    	font-size: 1.6em;
	}
	.s-header__tel span,
	.s-header__contact span {
		display: none;
	}
	.s-header__tel img {
		width:28px;
	}
	.s-header__contact img {
		width:26px;
	}
}


/* Trigger
------------------------------ */
.s-header__trigger {
  position: relative;
  z-index: 9999;
  width: 3.125rem;
  height: 3.125rem;
  float: right;
  overflow: hidden;
  transition-duration: 500ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

/* Trigger Icon */
.s-header__trigger-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  width: 1.375rem;
  height: 0.0625rem;
  background: #9f8041;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  transition-duration: 500ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.s-header__trigger-icon:before, .s-header__trigger-icon:after {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  content: " ";
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: transform 0.5s, width 0.5s, top 0.3s;
  transition: transform 0.5s, width 0.5s, top 0.3s;
}

.s-header__trigger-icon:before {
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: translate3d(0, 0.4375rem, 0);
  transform: translate3d(0, 0.4375rem, 0);
}

.s-header__trigger-icon:after {
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: translate3d(0, -0.4375rem, 0);
  transform: translate3d(0, -0.4375rem, 0);
}

.s-header__trigger--dark .s-header__trigger-icon {
  background: #222324;
}

.s-header__trigger svg {
  position: absolute;
  top: 0;
  left: 0;
}

.s-header__trigger circle {
  -webkit-transition: stroke-dashoffset 0.4s 0s;
  transition: stroke-dashoffset 0.4s 0s;
}

/* Trigger Is Active Style */
.-is-active.s-header__trigger {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.-is-active .s-header__trigger-icon {
  background: #000;
}

.-is-active .s-header__trigger-icon:before, .-is-active .s-header__trigger-icon:after {
  width: 50%;
  -webkit-transition: transform 0.5s, width 0.5s;
  transition: transform 0.5s, width 0.5s;
}

.-is-active .s-header__trigger-icon:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.-is-active .s-header__trigger-icon:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.-is-active.s-header__trigger circle {
  stroke-dashoffset: 0;
  -webkit-transition: stroke-dashoffset 0.4s 0.3s;
  transition: stroke-dashoffset 0.4s 0.3s;
}

/* Overlay
------------------------------ */
.s-header-bg-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: rgba(34, 35, 36, 0);
  visibility: hidden;
  -webkit-transition: all 1s ease-in 0.4s;
  transition: all 1s ease-in 0.4s;
}

.s-header-bg-overlay.-is-open {
  background: rgba(255, 255, 255, 0.98);
  visibility: visible;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

/* Nav
------------------------------ */
.s-header__nav {
  height: 100%;
  padding: 6.5rem 0;
  display: block;
}

/* Menu List */
.s-header__nav-menu {
  width: 160px;
  float: right;
  text-align: right;
  margin-bottom: 0;
  list-style-type: none;
  position: relative;
  z-index: 100;
}

.s-header__nav-menu-link {
  display: inline-block;
  font-size: 2em;
  font-weight: 300;
  color: #111;
  opacity: .85;
  padding: .3125rem;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

#menu-sub-menu {
  width: 120px;
  float: right;
  margin-top: 106px;
  padding-right: 20px;
}

/* Menu Open/Close
------------------------------ */
.s-header-bg-overlay ul#menu-sub-menu,
.s-header-bg-overlay li,
.hotel_icon {
  opacity: 0;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  -webkit-transform: translate3d(0, 1.25rem, 0);
  transform: translate3d(0, 1.25rem, 0);
}

.s-header-bg-overlay .s-header__action-item {
  opacity: 0;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.s-header-bg-overlay li {
  height: 45px;
}

.s-header-bg-overlay li a {
  font-size: 1.6em;
  letter-spacing: 2px;
  color: #222;
  text-transform: uppercase;
}

.s-header-bg-overlay li a:hover {
  font-size: 1.6em;
  letter-spacing: 2px;
  color: #9f8041;
}

.s-header-bg-overlay #menu-sub-menu li {
  height: 35px;
}

.s-header-bg-overlay #menu-sub-menu li a {
  font-size: 1em;
  font-weight: bold;
}

.header.changed {
  background: #FAFBFC;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 1999;
  padding: 0;
}

.header.-is-open .s-header__logo-img path,
.header.changed.-is-open .s-header__logo-img path {
  fill:#111;
  transition: 1.0s;
}

.header.changed.-is-open .s-header__trigger-icon {
  background: #111;
}


.hotel_icon {
  position: absolute;
  bottom: 0;
	left: 30px;
  width: 250px;
  height: 240px;
}
.hotel_icon img.hotel {
	width:100%;
	height: auto;
  opacity: .85;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.hotel_icon .svg {
	width: 160px;
	height: 85px;
  opacity: .85;
  transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	stroke-dasharray: 2000;
	stroke-dashoffset: 0;
	stroke-width: 1;
	-webkit-animation: hello 4s ease-in 0s;
	animation: hello 4s ease-in 0s;
}

.hotel_icon path.st0 {
	fill: none;
}
.hotel_icon path.st1 {
	fill: #42210B;
}

#sns_link {
  position: absolute;
  bottom: 10px;
  right: 20px;
}

#sns_link li {
  float: left;
  margin: 0 15px 0 0;
}

#sns_link li a svg {
  width: 24px;
  height: 24px;
}

#main_etc_link {
  position: absolute;
  bottom: 22px;
  right: 145px;
}

#main_etc_link li {
  float: left;
  margin: 0 5px 0 0;
}

#main_etc_link li a {
  font-size: 1em;
  letter-spacing: 1px;
  padding: 2px 5px;
}

.-is-open .component ul {
	opacity: 0;
}
@-webkit-keyframes hello {
　　0% {
　　　　stroke-dashoffset: 2000;
　　　　fill:transparent;
　　}
　　40% {
　　　　stroke-dashoffset: 2000;
　　　　fill:transparent;
　　}
　　50% {
　　　　fill:transparent;
　　}
　　100% {
　　　　stroke-dashoffset: 0;
　　　　fill:#000;
　　}
}


@media (max-width: 800px) {
  .s-header__nav-menu {
    width: 140px;
  }

  .s-header-bg-overlay li {
    height: 40px;
  }

  .s-header-bg-overlay li a {
    font-size: 1.4em;
  }

  .s-header-bg-overlay li a:hover {
    font-size: 1.4em;
  }

  #menu-sub-menu {
    margin-top: 5px;
  }

}

@media (max-width: 660px) {
  #sns_link {
    margin-top: 15px;
    float: left;
    position: inherit;
    right: inherit;
    bottom: inherit;;
  }

  #sns_link li {
    float: none;
    margin: 0 0 5px 0;
  }

  #main_etc_link {
    right: 5px;
    bottom: 40px;
  }
}

@media (max-width: 540px) {
  .s-header__nav {
    padding: 2.5rem 0;
  }

  .s-header__nav-menu {
    width: 120px;
  }

  #menu-sub-menu {
    margin-top: -16px;
  }

  .s-header-bg-overlay ul#menu-sub-menu,
  .s-header-bg-overlay.-is-open li,
  .s-header-bg-overlay.-is-open .s-header__action-item,
  .s-header-bg-overlay.-is-open .hotel_icon {
    opacity: 1;
  }

  .hotel_icon {
    position: absolute;
    bottom: 10px;
    left: 15px;
    width: 140px;
    height: 180px;
  }

  #main_etc_link li a {
    text-align: center;
    width: 108px;
  }

  #main_etc_link li {
    float: none;
    margin: 0 10px 5px 0;
  }
}

@media (min-width: 541px) {
  .s-header-bg-overlay.-is-open ul#menu-sub-menu,
  .s-header-bg-overlay.-is-open li,
  .s-header-bg-overlay.-is-open .hotel_icon{
    opacity: 1;
  }
  .s-header-bg-overlay.-is-open ul#menu-sub-menu,
  .s-header-bg-overlay.-is-open li:nth-child(1) {
    -webkit-transition: all 0.4s 0.1s ease-out;
    transition: all 0.4s 0.1s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .s-header-bg-overlay.-is-open li:nth-child(2) {
    -webkit-transition: all 0.4s 0.2s ease-out;
    transition: all 0.4s 0.2s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .s-header-bg-overlay.-is-open li:nth-child(3) {
    -webkit-transition: all 0.4s 0.3s ease-out;
    transition: all 0.4s 0.3s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .s-header-bg-overlay.-is-open li:nth-child(4) {
    -webkit-transition: all 0.4s 0.4s ease-out;
    transition: all 0.4s 0.4s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .s-header-bg-overlay.-is-open li:nth-child(5) {
    -webkit-transition: all 0.4s 0.5s ease-out;
    transition: all 0.4s 0.5s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .s-header-bg-overlay.-is-open li:nth-child(6) {
    -webkit-transition: all 0.4s 0.6s ease-out;
    transition: all 0.4s 0.6s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .s-header-bg-overlay.-is-open li:nth-child(7) {
    -webkit-transition: all 0.4s 0.7s ease-out;
    transition: all 0.4s 0.7s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .s-header-bg-overlay.-is-open li:nth-child(8) {
    -webkit-transition: all 0.4s 0.8s ease-out;
    transition: all 0.4s 0.8s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .s-header-bg-overlay.-is-open li:nth-child(9) {
    -webkit-transition: all 0.4s 0.9s ease-out;
    transition: all 0.4s 0.9s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .s-header-bg-overlay.-is-open li:nth-child(10) {
    -webkit-transition: all 0.4s 1.0s ease-out;
    transition: all 0.4s 1.0s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .s-header-bg-overlay.-is-open li:nth-child(11) {
    -webkit-transition: all 0.4s 1.1s ease-out;
    transition: all 0.4s 1.1s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .s-header-bg-overlay.-is-open li:nth-child(12) {
    -webkit-transition: all 0.4s 1.2s ease-out;
    transition: all 0.4s 1.2s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .s-header-bg-overlay.-is-open li:nth-child(13) {
    -webkit-transition: all 0.4s 1.3s ease-out;
    transition: all 0.4s 1.3s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .s-header-bg-overlay.-is-open .hotel_icon {
    -webkit-transition: all 0.4s 1.4s ease-out;
    transition: all 0.4s 1.4s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.s-header__nav-menu-link {
  position: relative;
  height: 30px;
  display: block;
  height: 33px;
}
.s-header__nav-menu-link .en,
.s-header__nav-menu-link .jp {
  display: block;
  position: absolute;
  transition: .5s;
  right: 0;
}
.s-header__nav-menu-link .en {
  opacity: 1;
}
.s-header__nav-menu-link .jp {
  opacity: 0;
}
a.s-header__nav-menu-link:hover .en {
  opacity: 0;
}
a.s-header__nav-menu-link:hover .jp {
  opacity: 1;
}


/*chapel page*/
.chapel .grid .item .item-content {
	margin: 10px 3%;
	width: 94%;
}
.chapel .grid .item .item-content svg {
	max-width: 150px;
	margin: 20px 0;
}
.chapel .grid .item .item-content svg path.st1 {
	stroke: #0C0C0C;
    fill: #0C0C0C;
}
.chapel .grid .item .item-content h3 {
	font-size: 2em;
	letter-spacing: 5px;
	margin: 30px 0 5px;
	color: #222;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";

}
.chapel .grid .item .item-content .font_en_small {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	margin-bottom: 10px;
	letter-spacing: 2px;
}
.chapel .grid .item .item-content .chapel_style_description {
	min-height: 93px;
}
.chapel .grid .item .item-content .number {
	background-color: #FAFBFC;
	padding: 6px 15px;
	border-radius: 3px;
	margin: 10px auto;
    color: #222;
    display: table;
	font-size: 1.4em;
}
.chapel .chapel_style .trees_right {
    position: absolute;
    right: 30px;
    width: 200px;
    height: 260px;
    bottom: 30px;
}
.chapel .chapel_style .trees_right path.st0 {
	stroke: none;
	fill: #000;
	opacity: 1;
}
.chapel .chapel_style .trees_right #musasabi {
	transform:translate(0,0);
	animation:animT 4s linear 2s infinite;
}

.chapel .slick-variable-width .slick_item {
  margin: 10px;
}
@keyframes animT{
	0%{transform:translate(0,0);}
	100%{transform:translate(-200px,190px);}
}
@media screen and (max-width: 599px) {
	.chapel .chapel_style .trees_right {
		right: -20px;
	}
}

.chapel .chapel_about .tree_left {
  position: absolute;
  left: 20px;
  bottom: 10px;
  z-index: 1;
	width: 100px;
}

.chapel .chapel_about .bell_couleur {
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 1;
	width: 400px;
}

.chapel .chapel_about .jibie_left {
  position: absolute;
  left: 120px;
  bottom: 2px;
  z-index: 1;
	width: 80px;
  height: 82px;
}

.chapel .chapel_about .jibie_left path {
	fill:#000;
}

.chapel .chapel_svg_img1 {
	width: 170px!important;
	height: auto;
}

.chapel table th,
.chapel table td
 {
  padding: 0 5px;
  vertical-align: top;
  font-weight: normal;
}
.chapel table th {
  font-weight: bold;
}

@media (max-width: 760px){
	.chapel_about_description {
	  margin-bottom: 60px;
	}
	.chapel .chapel_about .bell_couleur {
	  width: 350px;
	}
}

@media (max-width: 600px){
	.chapel .chapel_about .tree_left {
	  left: -20px;
	  width: 60px;
	}
	.chapel .chapel_about .jibie_left {
      left: 40px;
	  width: 30px;
	}
	.chapel .chapel_about .bell_couleur {
	  width: 250px;
	  right:-50px;
	}
}
@media (max-width: 750px) {
  .chapel .feature__item.feature__item2 {
    max-width: 100%;
  }
  .chapel .feature__item.feature__item3,
  .chapel .feature__item.feature__item4,
  .chapel .feature__item.feature__item5,
  .chapel .feature__item.feature__item3_2,
  .chapel .feature__item.feature__item4_3,
  .chapel .feature__item.feature__item5_2,
  .chapel .feature__item.feature__item5_3 {
    max-width: calc(50% - 20px);
    margin: 10px
  }
  .chapel .feature__item.feature__item6 {
    max-width: calc(33.333% - 20px);
    margin: 10px
  }
  .chapel .feature__item.feature__item7 {
    max-width: calc(25% - 20px);
    margin: 10px
  }
  .chapel .feature__item.feature__item8 {
    max-width: calc(25% - 20px);
    margin: 10px
  }
}
@media (max-width: 480px) {
  .chapel .feature__item,
  .chapel .feature__item.feature__item3_2,
  .chapel .feature__item.feature__item2,
  .chapel .feature__item.feature__item3,
  .chapel .feature__item.feature__item4,
  .chapel .feature__item.feature__item4_3,
  .chapel .feature__item.feature__item5,
  .chapel .feature__item.feature__item5_2,
  .chapel .feature__item.feature__item5_3,
  .chapel .feature__item.feature__item6,
  .chapel .feature__item.feature__item7,
  .chapel .feature__item.feature__item8 {
    max-width: 100%;
    width: 100%;
    margin: 0;
  }
}

@media (max-width: 48px) {
  .chapel .feature__item.feature__item2 {
    max-width: 100%;
  }
  .chapel .feature__item.feature__item3,
  .chapel .feature__item.feature__item4,
  .chapel .feature__item.feature__item5 {
    max-width: calc(50% - 10px);
  }
  .chapel .feature__item.feature__item6 {
    max-width: calc(33.333% - 10px);
  }
  .chapel .feature__item.feature__item7 {
    max-width: calc(25% - 10px);
  }
  .chapel .feature__item.feature__item8 {
    max-width: calc(25% - 10px);
  }
  .chapel .feature__item.feature__item3_2,
  .chapel .feature__item.feature__item4_3,
  .chapel .feature__item.feature__item5_2,
  .chapel .feature__item.feature__item5_3 {
    max-width: calc(50% - 10px);
  }
}


@media (max-width: 380px){
	.chapel .chapel_about .bell_couleur {
	  width: 200px;
	}
}

.banquet .feature_right_l .feature__item:first-child,
.banquet .feature_left_l .feature__item:nth-child(2) {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: 36%;
	margin: 0;
}
.banquet .feature_left_l .feature__item:first-child,
.banquet .feature_right_l .feature__item:nth-child(2) {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: 60%;
	margin: 0 2%;
}

@media (max-width: 600px){
	.banquet .feature_right_l .feature__item:first-child,
	.banquet .feature_right_l .feature__item:nth-child(2),
	.banquet .feature_left_l .feature__item:first-child,
	.banquet .feature_left_l .feature__item:nth-child(2) {
	  flex-basis: 100%;
	  max-width: 100%;
	}
}

/*banquet page*/

.banquet .grid .item .item-content {
	margin: 10px 3%;
	width: 94%;
}
.banquet .maple_detail .icon_bird_s_2 {
  top:90px;
}
.banquet .cordenate h3 {
	color: #000;
}
.pht_free_left {
	position: relative;
    right: -40px;
}

.green_flower1 {
    position: absolute;
    height: 120%!important;
    width: auto!important;
    right: -70px;
    bottom: -13px;
}

@media (max-width: 767px){
	.pht_free_right {
		padding-left: 60px!important;
	}
	.pht_free_left {
		padding-left: 20px!important;
	}
}

@media (max-width: 439px){
	.pht_free_right {
		margin: 0!important;
		padding-left: 0!important;
		position: relative;
		left: -35px;
	}
}

/* dress page */
.dress .grid .item .item-content,
.dress-test .grid .item .item-content {
	margin: 10px 3%;
	width: 94%;
}

.dress_white_concept {
	position: relative;
}
.dress_white_concept .box_lightbrown {
    display: inline-block;
    position: absolute;
    right: 2%;
    top: -40px;
	padding: 30px;
	background-color: rgba(239,232,217,.9)!important;
}
.dress .shop {
  overflow: hidden;
  margin-bottom: 100px;
}
.dress .shop .photoframe img {
  max-height: 600px;
}
.dress .shop .slick-thumb-slider-nav img {
  width: 150px;
}

@media (max-width: 600px){


	.box.dress_white {
		padding-top: 130px;
	}
  .dress_white_concept .box_lightbrown {
    top: -130px;
    right: -5vw;
  }
}


/* plan archive page */
.plan_text_box {
    border-left: 10px solid #9f8041;
    padding-left: 30px;
}
@media screen and (max-width: 680px) {
	#limited-edition .feature__item.feature__item2 {
		max-width:100%;
    margin: 0;
	}
}

/* plan single page */
.plan_special tr p,
.plan_detail li p {
	font-size:1em;
	margin: 0;
}
.plan_special tr .primary-color * {
	color: #9f8041;
}

.plan_detail {
	max-width: 220px;
	margin-left: 0;
	margin-right: 0;
}
.plan_description {
	max-width: 350px!important;
	margin-left: 30px;
	margin-right: 0;
  display: block!important;
}
.bird {
	margin-top: -100px;
}




@media (max-width: 767px){
	.plan_description {
		max-width: 300px!important;
	}
}
@media (max-width: 600px){
	.plan_detail {
		max-width: 100%!important;
		margin-left: 20px;
	}
	.plan_description {
		max-width: 100%!important;
		margin-left: 0;
	}
}


/* archive page */
.archive .grid .item h2 {
    margin-top: 0px;
	color: #444D56;
}
.excerpt_box p {
	margin: 0;
}


.cat_list,
.tag_list {
	color: #444D56;
	font-size:1.3em;
	letter-spacing: 2px;
	margin-bottom: 10px;
}
.cat_list a,
.tag_list a {
	font-size: 1.1em;
}
.tag_list a {
    border: 1px solid #9f8041;
	padding: 5px;
	margin: 3px;
}

/* single page */
.avatar_small {
	border-radius:50%;
	overflow: hidden;
	width: 96px;
	height: 96px;
	display:
}

.single .entry-content p {
	margin-bottom: 1.5em;
}

/* fair archive page*/
.post-type-archive-event .feature__item2 h2 {
    line-height: 1.6!important;
}
.home ul.eo-event-meta,
.post-type-archive-event ul.eo-event-meta {
  list-style-type: none;
}
.home ul.eo-event-meta strong,
.post-type-archive-event ul.eo-event-meta strong {
  font-weight: normal;
}
@media screen and (min-width: 1040px) {
  .post-type-archive-event .feature__item2 {
    min-width: 460px;
  }
}
@media (max-width: 600px){
.post-type-archive-event .feature__item.feature__item2 {
      max-width: 100%;
      width: 100%;
      margin: 0;
  }
}

/* gallery archive page */
.hover_animation .grid {
	position: relative;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

.hover_animation .grid figure {
	overflow: hidden;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.hover_animation .grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 1;
}


.hover_animation .grid figure img.icon_plus {
    width: auto;
    margin: 0 auto;
	min-height: 16px;
	max-width: 16px;
	opacity: 1!important;
}

.hover_animation .grid figure figcaption {
	padding: 2em;
	color: #FAFBFC;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.hover_animation .grid figure figcaption::before,
.hover_animation .grid figure figcaption::after {
	pointer-events: none;
}

.hover_animation .grid figure figcaption,
.hover_animation .grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.hover_animation .grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.hover_animation figure.effect-layla {
	background: #18a367;
	height: 200px;
}
.hover_animation figure.effect-layla img {
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

.hover_animation figure.effect-layla figcaption {
	padding: 3em;
}

.hover_animation figure.effect-layla figcaption::before,
.hover_animation figure.effect-layla figcaption::after {
	position: absolute;
	content: '';
	opacity: 0;
}

.hover_animation figure.effect-layla figcaption::before {
	top: 50px;
	right: 30px;
	bottom: 50px;
	left: 30px;
	border-top: 1px solid #FAFBFC;
	border-bottom: 1px solid #FAFBFC;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.hover_animation figure.effect-layla figcaption::after {
	top: 30px;
	right: 50px;
	bottom: 30px;
	left: 50px;
	border-right: 1px solid #FAFBFC;
	border-left: 1px solid #FAFBFC;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

.hover_animation figure.effect-layla p {
	color: #FAFBFC;
	padding: 3em 2em 0;
	text-transform: none;
	opacity: 0;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
	font-size: 1em;
  line-height: 1;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.hover_animation figure.effect-layla img {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

.hover_animation figure.effect-layla img,
.hover_animation figure.effect-layla figcaption::before,
.hover_animation figure.effect-layla figcaption::after,
.hover_animation figure.effect-layla p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.hover_animation figure.effect-layla:hover img {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-filter: brightness(0.4) grayscale(100%);
    -moz-filter: brightness(0.4) grayscale(100%);
    -o-filter: brightness(0.4) grayscale(100%);
    -ms-filter: brightness(0.4) grayscale(100%);
    filter: brightness(0.4) grayscale(100%);
}

.hover_animation figure.effect-layla:hover img.icon_plus {
	opacity: 1!important;
	-webkit-transform: scale(1);
	transform: scale(1);
  -webkit-filter: brightness(1) grayscale(100%);
  -moz-filter: brightness(1) grayscale(100%);
  -o-filter: brightness(1) grayscale(100%);
  -ms-filter: brightness(1) grayscale(100%);
  filter: brightness(1) grayscale(100%);
}

.hover_animation figure.effect-layla:hover figcaption::before,
.hover_animation figure.effect-layla:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.hover_animation figure.effect-layla:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.hover_animation figure.effect-layla:hover figcaption::after,
.hover_animation figure.effect-layla:hover p,
.hover_animation figure.effect-layla:hover img {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

@media screen and (max-width: 900px) {
  .hover_animation figure.effect-layla p{
    display: none;
  }
}

@media screen and (max-width: 760px) {
	.hover_animation .grid figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
	}
}

@media screen and (max-width: 760px) {
	.hover_animation figure.effect-layla figcaption {
		padding: 2em;
	}
	.hover_animation figure.effect-layla p {
		padding: 4em 1em 0;
		font-size: .9em;

	}
	.hover_animation figure.effect-layla figcaption::before {
		top: 40px;
		right: 20px;
		bottom: 40px;
		left: 20px;
	}

	.hover_animation figure.effect-layla figcaption::after {
		top: 30px;
		right: 30px;
		bottom: 30px;
		left: 30px;
	}

	.staff .hover_animation figure.effect-layla figcaption {
	    padding: 1em 0 0;
	}
	.staff .hover_animation figure.effect-layla p {
		padding: 0;
		font-size: .05em;

	}
	.staff .hover_animation figure.effect-layla figcaption::before {
		content: none;
	}

	.staff .hover_animation figure.effect-layla figcaption::after {
		content: none;
	}
}


/* cuisine page */
.cuisine .gallery-top {
  width: 100%;
}
.cuisine  .gallery-thumbs {
  box-sizing: border-box;
  padding: 10px 0;
}


.icon_table_tool {
	width: 50px;
	height: auto;
}
.cuisine_menu ul li {
	margin-bottom: 1.8em;
}
.cuisine_menu ul li:last-child {
	margin-bottom: 0;
}
.icon_menu {
	width: 76px;
	height: auto;
}

.default__menu {
	background-color: #efefe8;
	padding: 2vw;
    width: 420px;
	max-width:100%;
}
.default__menu .menu__inner {
	padding: 2vw;
	border:3px double #53310f;
}
.default__menu h3 {
	line-height: 2.2!important;
}
.select__menu__title {
	background-color: #b8a580;
	padding: 1vw;
	margin-bottom: 0px;
    width: 420px;
	max-width:100%;
}
.select__menu__title .menu__inner {
	padding: 1vw;
	border: 2px solid #FAFBFC;
}
.select__menu {
	background-color: #ede6d7;
	padding: 1vw;
	margin-bottom: 5px;
    width: 420px;
	max-width:100%;
}
.select__menu h3 {
	margin-bottom: 0px;
}
.select__menu p {
	margin-top: 0px;
	margin-bottom: 5px;
}
.select__menu .btn--default {
	background: transparent;
    border: none;
    padding: 0;
}

.cake_gallery_box {
	background-image: url(../img/page/cuisine/cuisine_cake_img_back.jpg);
	background-size: cover;
	background-position: center;
	padding: 60px 0;
}

@media screen and (max-width: 620px) {
	.cuisine__kodawari .feature__item.feature__item2,
	.cuisine_menu .feature__item.feature__item2 {
		max-width:100%;
	}
}

/* staff page */
.staff #planner .grid .item{
  width: calc(49.9% - 10px);
	margin: 2.5px 5px;
}
.staff #etc_staff .grid .item {
  width: calc(24.9% - 5px);
	margin: 2.5px;
}

.staff .item div.inner {
	position: relative;
}
.staff .item div.inner:first-child {
	margin-left: 0;
}
.staff .item div.inner span {
	position: absolute;
	bottom: -20px;
	left: 0;
	z-index: -1;
	display: block;
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}

.staff .item figure {
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
.staff .item figure:hover+span {
	bottom: -36px;
	opacity: 1;
}
.staff .item figure div.inner img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.staff .item figure:hover div.inner img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}
.staff_pht_right {
  width: 250px;
	height: auto;
  position: absolute;
  right: 5%;
  bottom: 0px;
  z-index: 1;
  transform: rotate(30deg);
  margin: 0;
}
.staff_pht_right img {
  width: 250px;
  max-height: none;
}

.staff .hover_animation figure.effect-layla p {
	padding: 5em 2em 0;
  line-height: 2;
}

.staff #etc_staff .hover_animation figure.effect-layla figcaption {
	padding: 2em;
}

.staff #etc_staff .hover_animation figure.effect-layla figcaption::before {
  top: 35px;
  right: 20px;
  bottom: 35px;
  left: 20px;
}

.staff #etc_staff .hover_animation figure.effect-layla figcaption::after {
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
}

.staff #etc_staff .hover_animation figure.effect-layla p {
	color: #FAFBFC;
	padding: 3em 1em 0;
}

.staff #etc_staff .hover_animation figure.effect-layla p a {
	color: #FAFBFC;
	font-size: 1em;
  display: block;
}

.planner-all {
	height: inherit!important;
}






@media screen and (max-width: 1024px) {
  .staff_pht_right {
  	width: 150px;
    padding: 10px;
  }
}

@media screen and (max-width: 830px) {
	.staff .box3 {
		padding-bottom: 100px;
	}
	.staff .tree_left {
		width: 36%;
    	left: -5%;
	}
}

@media screen and (max-width: 680px) {
  .staff_pht_right {
    bottom: -60px;
  }
}

@media screen and (max-width: 580px) {
  .staff_pht_right {
    width: 120px;
    bottom: -50px;
  }
  .staff_pht_right img {
    width: 130px;
  }
}

@media screen and (max-width: 480px) {
  .staff_pht_right {
    width: 100px;
    bottom: -20px;
  }
  .staff_pht_right img {
    width: 110px;
  }
}

/* author page */
.avatar_box img {
  width: 100%!important;
  height: auto;
}
.author .box.box-header-img img.content__image__gray {
    -webkit-filter: brightness(0.4) grayscale(100%);
    -moz-filter: brightness(0.4) grayscale(100%);
    -o-filter: brightness(0.4) grayscale(100%);
    -ms-filter: brightness(0.4) grayscale(100%);
    filter: brightness(0.4) grayscale(100%);
}
@media screen and (max-width: 749px) {
  .author .user_etc_photo .max-width-400 {
    max-width: 100%!important;
  }
}


/* faq page */
.faq .faq_box {
  margin-bottom: 50px;
  overflow: hidden;
  position: relative;
}
.faq .faq_box:last-child {
  margin-bottom: 0px;
}
.faq .faq_box .faq_icon {
  width: 48px;
  height: auto;
  position: absolute;
  left: -20px;
  bottom: 0px;
}
.faq .faq_box .box_inner {
  border:1px dashed #9f8041;
  padding: 20px 60px 20px 40px;
  position: relative;
}
.faq .que_box {
  width: calc(50% + 20px);
  padding: 5px;
  margin-left: 20px;
  background-color: #eee7d8;
}
.faq .ans_box {
  margin-top: -50px;
}
.faq .ans_box .ans_box_left {
  position: absolute;
  bottom: 0;
  left: 40px;
  z-index: 0;
}
.faq .ans_box_2 {
  width: calc(50% + 20px);
  padding: 5px;
  margin-left: 20px;
  background-color: #b9a680;
  float: right;
}
.faq .faq_box .ans_box_2 .box_inner {
  border:1px dashed #FAFBFC;
  color: #FAFBFC;
  padding: 20px 20px 20px 40px;
}
.faq .faq_box .ans_box_2 .box_inner p {
  color: #FAFBFC;
}
.faq .icon_staff {
  position: absolute;
  right: 0;
  bottom:0;
}
.icon_staff img {
  animation: staffMove 8.5s ease 0s infinite normal;
  -webkit-animation: staffMove 8.5s ease 0s infinite normal;
}
@keyframes staffMove {
  0% { transform: translateX(100%); }
  60% { transform: translateX(0%); }
  90% { transform: translateX(0%); }
  100% { transform: translateX(100%); }
}
@-webkit-keyframes staffMove {
  0% { -webkit-transform: translateX(100%); }
  60% { -webkit-transform: translateX(0%); }
  90% { -webkit-transform: translateX(0%); }
  100% { -webkit-transform: translateX(100%); }
}
.icon_staff img:hover {
  filter: grayscale(0);
}
.faq .faq_box .box_inner .down {
  display: none;
}


@media screen and (max-width: 600px) {
  .faq .faq_box {
    margin-bottom: 20px;
  }
  .faq .ans_box {
    display: none;
    margin-top: 5px;
  }
  .faq .ans_box_2 {
    width: calc(100% - 20px);
  }
  .faq .que_box {
    width: calc(100% - 20px);
    padding: 5px;
  }
  .faq .faq_box .que_box .box_inner {
    padding: 10px 35px 10px 25px;
  }
  .faq .faq_box .ans_box_2 .box_inner {
    padding: 10px 10px 10px 25px;
  }
  .faq .faq_box .faq_icon {
      width: 34px;
      top: 5px;
      bottom:inherit;;
  }
  .faq .ans_box .ans_box_left {
    position: inherit;
    bottom: inherit;
    left: inherit;
  }
  .faq .ans_box .ans_box_left img {
    max-width: 240px!important;
    margin: 10px auto;
  }
  .faq .ans_box .ans_box_left a {
    display: block;
    text-align: center;
  }
  .faq .faq_box .box_inner .down {
    display: block;
    padding-top: 30px;
    color: #222;
    position: absolute;
    bottom: 0px;
    right: 16px;
    z-index: 100;
    cursor: pointer;
  }
  .faq .faq_box .box_inner .down span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 9px;
    height: 9px;
    margin-left: -9px;
    border-left: 2px solid #9f8041;
    border-bottom: 2px solid #9f8041;
    box-sizing: border-box;
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
  }
}

@media screen and (max-width: 540px) {
  .faq .wrapper {
    padding-bottom: 100px;
  }
}

/* access page */
.icon_flag {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.icon_way {
  width: 54px;
  height: 54px;
  margin-right: 10px;
  margin-bottom: -15px;
}
.access .box5 {
  padding-top: 50px;
}
.access .trees_right {
	position: absolute;
	right: 0;
  bottom: 0;
	width: 175px;
	height: 220px;
}
.access .trees_right path.st0 {
	stroke: none;
	fill: #000;
}
.access .trees_right #musasabi {
	transform:translate(0,0);
	animation:animT 4s linear 2s infinite;
}
@keyframes animT{
	0%{transform:translate(0,0);}
	100%{transform:translate(-200px,190px);}
}


@media screen and (max-width: 599px) {
	.access .trees_right {
		right: -20px;
	}
}


@media (max-width: 600px){
	.access .box5 {
    padding-top: 54px;
		padding-bottom: 160px;
	}
}


/* fair page */
.eo-event-meta li  {
  margin-bottom: 10px;
}
.eo-event-meta li a {
  font-size: 1em;
  border:1px solid #9f8041;
  padding: 5px;
  margin: 3px;
}


/* gallery single page */
/*--------------------------------------------------------------
# 20180116 gallery
--------------------------------------------------------------*/
.photogallery_box {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
}

.photogallery_main {
	-webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	box-ordinal-group: 2;
}

.photogallery_list_box {
	-webkit-box-ordinal-group: 1;
	-moz-box-ordinal-group: 1;
	box-ordinal-group: 1;
}

.photogallery_list_box ul {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
    padding: 0;
}

.photogallery_box {
	width: 100%;
}

.entry-content .dgwt-jg-gallery .dgwt-jg-caption span {
	font-size: 14px;
	line-height: 26px;
    letter-spacing: 3px;
}


a.animated-button:link:after, a.animated-button:visited:after {
	content: "";
	position: absolute;
	height: 0%;
	left: 50%;
	top: 50%;
	width: 150%;
	z-index: -1;
	-webkit-transition: all 0.75s ease 0s;
	-moz-transition: all 0.75s ease 0s;
	-o-transition: all 0.75s ease 0s;
	transition: all 0.75s ease 0s;
}
a.animated-button:link:hover, a.animated-button:visited:hover {
	color: #9f8041;
	text-shadow: none;
  border: 1px solid #9f8041;
}
.gallery-active a.animated-button.victoria-one, .gallery-active a.animated-button.victoria-one:link:hover, .gallery-active a.animated-button.victoria-one:visited:hover {
	color: #FFF;
	text-shadow: none;
  border: 1px solid #9f8041;
  background-color: #9f8041
}
a.animated-button:link:hover:after, a.animated-button:visited:hover:after {
	height: 450%;
}
a.animated-button:link, a.animated-button:visited {
	position: relative;
	display: block;
	margin: 2px;
	padding: 5px 10px;
	color: #333;
	font-size:14px;
	border-radius: 0;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	letter-spacing: .08em;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

a.animated-button.victoria-one {
	border: 1px solid #ddd;
}
a.animated-button.victoria-one:after {
	background: #222;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}


.photogallery_main article.photogallery {
	max-width: 1200px;
	margin: 0 auto;
}




/* 4/4 banquet facilities */

/* クリアフィックス */
.facilities ul:after {
content: "";
clear: both;
display: block;
}
/* 商品一覧のリストの設定 */
.facilities ul li {
display: block;
float: left;
list-style-type: none;
text-align: center;
}


.facilities ul li {
width: 32%;
}
.facilities ul li:nth-child(3n-1) {
margin: 0 2%;
}

.facilities ul {
margin-top: 4%;
}


@media screen and (max-width: 634px) {
  .facilities ul li {
width: 100%;
}
.facilities ul li:nth-child(3n-1) {
margin: 0 2%;
}

.facilities ul {
margin-top: 4%;
}
}

/*ページネーション用*/
.pagination{
  list-style-type: none;
  padding-left: 0;
  margin: 30px 0;
}

.pagination,
.pagination li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-size: 1em;
}

.pagination a {
  font-weight: 300;
  padding-top: 1px;
  text-decoration:none;
  border: 1px solid #9f8041;
  border-left-width: 0;
  min-width:36px;
  min-height:36px;
  color: #9f8041;
}

.pagination li:not([class*="current"]) a:hover {
  background-color: #eee;
}

.pagination li:first-of-type a {
  border-left-width: 1px;
}

.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
  /* screen readers only */
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
  display: inline-block;
  font-family: Fontawesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.pagination li.first a::before { content: "\f100"; }
.pagination li.last a::after { content: "\f101"; }

.pagination li.previous a::before { content: "\f104"; }
.pagination li.next a::after { content: "\f105"; }

.pagination li.current a {
  background-color: #9f8041;
  cursor: default;
  pointer-events: none;
  color: #FFF;
}

.pagination > li:first-child > a {
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}

.pagination > li:last-child > a {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}

@media only screen and ( max-width: 680px ) {
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .pagination li.previous a { border-left-width: 1px; }
}

@media only screen and ( max-width: 500px ) {
  .pagination li {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .pagination li.current,
  .pagination li.first,
  .pagination li.last,
  .pagination li.previous,
  .pagination li.next{
    position: initial;
    top: initial;
    left: initial;
  }

  .pagination li.previous a { border-left-width: 0; }
}

@media only screen and ( max-width: 400px ) {
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .pagination li.previous a { border-left-width: 1px; }
}

@media only screen and ( max-width: 240px ) { /* For watches? */
  .pagination li { width: 50%;}

  .pagination li.current {
    order: 2;
    width: 100%;
    border-left-width: 1px;
  }
}