@charset "UTF-8";

/* line 5, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-family: \\6E38\660E\671D, dnp-shuei-mincho-pr6n, YuMincho, Hiragino Mincho ProN, Hiragino Mincho Pro, "\FF2D\FF33 \660E\671D", serif;
}

html {
  line-height: 1;
}


ol,
ul {
  list-style: none;
}


table {
  border-collapse: collapse;
  border-spacing: 0;
}


caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}


q,
blockquote {
  quotes: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  content: none;
}


a img {
  border: none;
}


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
} */

/* facebook */
/* twitter */
/* Instagram */
/* LINE */
/* Vimeo */
/* Pinterest */
/* tumblr */
/* google(red) */
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  99.999% {
    opacity: 0;
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  100% {
    opacity: 0;
    -moz-transform: translate(0, -20000px);
    transform: translate(0, -20000px);
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  99.999% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate(0, -20000px);
    transform: translate(0, -20000px);
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  99.999% {
    opacity: 0;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  100% {
    opacity: 0;
    -moz-transform: translate(0, -20000px);
    -ms-transform: translate(0, -20000px);
    -webkit-transform: translate(0, -20000px);
    transform: translate(0, -20000px);
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    -moz-transform: translate(0, -20000px);
    transform: translate(0, -20000px);
  }

  .001% {
    opacity: 0;
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  100% {
    opacity: 1;
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -20000px);
    transform: translate(0, -20000px);
  }

  .001% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    -moz-transform: translate(0, -20000px);
    -ms-transform: translate(0, -20000px);
    -webkit-transform: translate(0, -20000px);
    transform: translate(0, -20000px);
  }

  .001% {
    opacity: 0;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  100% {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.brSp {
  display: none
}

@media screen and (max-width: 600px) {
  .brSp {
    display: block
  }
}

.fbg {
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  -webkit-background-size: cover !important;
  background-size: cover !important;
}

.fbg._contain {
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  -moz-background-size: contain !important;
  -o-background-size: contain !important;
  -webkit-background-size: contain !important;
  background-size: contain !important;
}

*:after {
  display: block;
  clear: both;
}

/*
 * Mixin for placeholder
 * @include placeholderColor(#00ff00);
 */
/*
http://book.scss.jp/code/c5/02.html

[sample - keyframes]
@include keyframes(headerBGAnima) {
	0% {opacity: 0;}
	50% {opacity: 1;}
	100% {}
}

*/
/*
@mixin keyframes($animaName) {
	@-webkit-keyframes $animaName {
		@content;
	}
	@-moz-keyframes $animaName {
		@content;
	}
	@-o-keyframes $animaName {
		@content;
	}
	@-ms-keyframes $animaName {
		@content;
	}
	@keyframes $animaName {
		@content;
	}
}
*/
/* UTILITY */

*:after {
  display: block;
  clear: both;
}


@media screen and (min-width: 668px) {
  /* PC時 */

  #fixed-menu {
    width: 224px;
  }
}

/* @media screen and (max-width: 667px) {  */
/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {
  #fixed-menu>a.sns {
    /* display: none; */
    padding: 10px;
    line-height: 39px;
    width: 55px;
    background: #e75454;
  }
}

div._sub a.sns {
  line-height: 50px;
  font-family: 'laquoh';
  text-align: center;
  transition: 0.4s;
  background: #e75454;
  /* border-right: 1px solid #dfdfdf; */
  color: #fff;
  padding: 0 10px;
}

a.sns.instagram {}

div._sub a.sns.facebook:before {
  font-size: 23px;
  content: '\e700';
}

div._sub a.sns.instagram:before {
  font-size: 30px;
  content: '\e702';
}

div._sub a.sns.onlineshop:before {
  font-size: 23px;
  font-family: 'Font Awesome 6 pro';
  content: "\f07a";
  color: #fff;

}


div._sub a.sns span {
  display: none;
}

div._sub._darken a:hover {
  background-color: #050126;
}

div._sub a:hover {
  background-color: #dfdfdf;
  background-color: rgb(0 0 0 / 10%);
  background: rgb(255 255 255 / 0%);
}

/* online-shop */

div._sub a.shop {
  line-height: 53px;
  width: 180px;
  font-family: 'laquoh';
  text-align: left;
  padding: 0 10px;
  transition: 0.4s;
  background: #333;
  /* border-right: 1px solid #dfdfdf; */
}





div._sub a.shop.onlineshop:before {
  font-size: 20px;
  font-family: 'Font Awesome 6 pro';
  content: "\f0e0";
  color: #fff;
  padding-left: 8px;
  padding-top: 0px;
}

div._sub a.shop span {
  font-size: 14px;
  color: #fff;
  line-height: 53px;
  padding-left: 10px;
  /* font-family: "Century Gothic",'Abel', sans-serif; */
  /* height: 0.005em; */
}

div._sub a.sns span {
  display: none;
}

div._sub._darken a:hover {
  background-color: #333;
}

div._sub a:hover {
  background-color: #333;
  /*   background-color: rgb(0 0 0 / 10%);
  background: rgb(255 255 255 / 0%); */
}






#fixed-menu {
  border: none;
}

#fixed-menu a.button_reserve {
  /* width: 165px; */
  border-right: 1px solid #ffff;
}

#fixed-menu:before {
  right: 0 !important;
}

header#site-header ul._sub {
  right: 250px;
}





/* = rate, padding, margin
-----------------------------------------------------------------------------*/

body .mod_rate5 {
  width: 5% !important;
}

body .mod_rate10 {
  width: 10% !important;
}

body .mod_rate15 {
  width: 15% !important;
}

body .mod_rate20 {
  width: 20% !important;
}

body .mod_rate25 {
  width: 25% !important;
}

body .mod_rate30 {
  width: 30% !important;
}

body .mod_rate35 {
  width: 35% !important;
}

body .mod_rate40 {
  width: 40% !important;
}

body .mod_rate45 {
  width: 45% !important;
}

body .mod_rate50 {
  width: 50% !important;
}

body .mod_rate55 {
  width: 55% !important;
}

body .mod_rate60 {
  width: 60% !important;
}

body .mod_rate65 {
  width: 65% !important;
}

body .mod_rate70 {
  width: 70% !important;
}

body .mod_rate75 {
  width: 75% !important;
}

body .mod_rate80 {
  width: 80% !important;
}

body .mod_rate85 {
  width: 85% !important;
}

body .mod_rate90 {
  width: 90% !important;
}

body .mod_rate95 {
  width: 95% !important;
}

body .mod_rate100 {
  width: 100% !important;
}

body .pdb0 {
  padding-bottom: 0px !important;
}

body .pdb5 {
  padding-bottom: 5px !important;
}

body .pdb10 {
  padding-bottom: 10px !important;
}

body .pdb15 {
  padding-bottom: 15px !important;
}

body .pdb20 {
  padding-bottom: 20px !important;
}

body .pdb25 {
  padding-bottom: 25px !important;
}

body .pdb30 {
  padding-bottom: 30px !important;
}

body .pdb35 {
  padding-bottom: 35px !important;
}

body .pdb40 {
  padding-bottom: 40px !important;
}

body .pdb45 {
  padding-bottom: 45px !important;
}

body .pdb50 {
  padding-bottom: 50px !important;
}

body .pdb55 {
  padding-bottom: 55px !important;
}

body .pdb60 {
  padding-bottom: 60px !important;
}

body .pdb65 {
  padding-bottom: 65px !important;
}

body .pdb70 {
  padding-bottom: 70px !important;
}

body .pdb75 {
  padding-bottom: 75px !important;
}

body .pdb80 {
  padding-bottom: 80px !important;
}

body .pdb85 {
  padding-bottom: 85px !important;
}

body .pdb90 {
  padding-bottom: 90px !important;
}

body .pdb95 {
  padding-bottom: 95px !important;
}

body .pdb100 {
  padding-bottom: 100px !important;
}

body .pdt0 {
  padding-top: 0px !important;
}

body .pdt5 {
  padding-top: 5px !important;
}

body .pdt10 {
  padding-top: 10px !important;
}

body .pdt15 {
  padding-top: 15px !important;
}

body .pdt20 {
  padding-top: 20px;
}

body .pdt25 {
  padding-top: 25px;
}

body .pdt30 {
  padding-top: 30px;
}

body .pdt35 {
  padding-top: 35px;
}

body .pdt40 {
  padding-top: 40px !important;
}

body .pdt45 {
  padding-top: 45px !important;
}

body .pdt50 {
  padding-top: 50px;
}

body .pdt55 {
  padding-top: 55px;
}

body .pdt60 {
  padding-top: 60px;
}

body .pdt65 {
  padding-top: 65px;
}

body .pdt70 {
  padding-top: 70px;
}

body .pdt75 {
  padding-top: 75px;
}

body .pdt80 {
  padding-top: 80px;
}

body .pdt85 {
  padding-top: 85px;
}

body .pdt90 {
  padding-top: 90px;
}

body .pdt95 {
  padding-top: 95px;
}

body .pdt100 {
  padding-top: 100px;
}

body .pdl0 {
  padding-left: 0px !important;
}

body .pdl5 {
  padding-left: 5px !important;
}

body .pdl10 {
  padding-left: 10px !important;
}

body .pdl15 {
  padding-left: 15px !important;
}

body .pdl20 {
  padding-left: 20px;
}

body .pdl25 {
  padding-left: 25px;
}

body .pdl30 {
  padding-left: 30px;
}

body .pdl35 {
  padding-left: 35px;
}

body .pdl40 {
  padding-left: 40px !important;
}

body .pdl45 {
  padding-left: 45px !important;
}

body .pdl50 {
  padding-left: 50px;
}

body .pdl55 {
  padding-left: 55px;
}

body .pdl60 {
  padding-left: 60px;
}

body .pdl65 {
  padding-left: 65px;
}

body .pdl70 {
  padding-left: 70px;
}

body .pdl75 {
  padding-left: 75px;
}

body .pdl80 {
  padding-left: 80px;
}

body .pdl85 {
  padding-left: 85px;
}

body .pdl90 {
  padding-left: 90px;
}

body .pdl95 {
  padding-left: 95px;
}

body .pdl100 {
  padding-left: 100px;
}

body .pdr0 {
  padding-right: 0px !important;
}

body .pdr5 {
  padding-right: 5px !important;
}

body .pdr10 {
  padding-right: 10px !important;
}

body .pdr15 {
  padding-right: 15px !important;
}

body .pdr20 {
  padding-right: 20px;
}

body .pdr25 {
  padding-right: 25px;
}

body .pdr30 {
  padding-right: 30px;
}

body .pdr35 {
  padding-right: 35px;
}

body .pdr40 {
  padding-right: 40px !important;
}

body .pdr45 {
  padding-right: 45px !important;
}

body .pdr50 {
  padding-right: 50px;
}

body .pdr55 {
  padding-right: 55px;
}

body .pdr60 {
  padding-right: 60px;
}

body .pdr65 {
  padding-right: 65px;
}

body .pdr70 {
  padding-right: 70px;
}

body .pdr75 {
  padding-right: 75px;
}

body .pdr80 {
  padding-right: 80px;
}

body .pdr85 {
  padding-right: 85px;
}

body .pdr90 {
  padding-right: 90px;
}

body .pdr95 {
  padding-right: 95px;
}

body .pdr100 {
  padding-right: 100px;
}

body .mgb0 {
  margin-bottom: 0px !important;
}

body .mgb5 {
  margin-bottom: 5px !important;
}

body .mgb10 {
  margin-bottom: 10px !important;
}

body .mgb15 {
  margin-bottom: 15px !important;
}

body .mgb20 {
  margin-bottom: 20px !important;
}

body .mgb25 {
  margin-bottom: 25px !important;
}

body .mgb30 {
  margin-bottom: 30px !important;
}

body .mgb35 {
  margin-bottom: 35px !important;
}

body .mgb40 {
  margin-bottom: 40px !important;
}

body .mgb45 {
  margin-bottom: 45px !important;
}

body .mgb50 {
  margin-bottom: 50px !important;
}

body .mgb55 {
  margin-bottom: 55px !important;
}

body .mgb60 {
  margin-bottom: 60px !important;
}

body .mgb65 {
  margin-bottom: 65px !important;
}

body .mgb70 {
  margin-bottom: 70px !important;
}

body .mgb75 {
  margin-bottom: 75px !important;
}

body .mgb80 {
  margin-bottom: 80px !important;
}

body .mgb85 {
  margin-bottom: 85px !important;
}

body .mgb90 {
  margin-bottom: 90px !important;
}

body .mgb95 {
  margin-bottom: 95px !important;
}

body .mgb100 {
  margin-bottom: 100px !important;
}

body .mgb105 {
  margin-bottom: 105px !important;
}

body .mgb110 {
  margin-bottom: 110px !important;
}

body .mgb115 {
  margin-bottom: 115px !important;
}

body .mgb120 {
  margin-bottom: 120px !important;
}

body .mgt0 {
  margin-top: 0px !important;
}

body .mgt5 {
  margin-top: 5px !important;
}

body .mgt10 {
  margin-top: 10px !important;
}

body .mgt15 {
  margin-top: 15px !important;
}

body .mgt20 {
  margin-top: 20px;
}

body .mgt25 {
  margin-top: 25px;
}

body .mgt30 {
  margin-top: 30px;
}

body .mgt35 {
  margin-top: 35px;
}

body .mgt40 {
  margin-top: 40px !important;
}

body .mgt45 {
  margin-top: 45px !important;
}

body .mgt50 {
  margin-top: 50px;
}

body .mgt55 {
  margin-top: 55px;
}

body .mgt60 {
  margin-top: 60px;
}

body .mgt65 {
  margin-top: 65px;
}

body .mgt70 {
  margin-top: 70px;
}

body .mgt75 {
  margin-top: 75px;
}

body .mgt80 {
  margin-top: 80px;
}

body .mgt85 {
  margin-top: 85px;
}

body .mgt90 {
  margin-top: 90px;
}

body .mgt95 {
  margin-top: 95px;
}

body .mgt100 {
  margin-top: 100px;
}

body .mgl0 {
  margin-left: 0px !important;
}

body .mgl5 {
  margin-left: 5px !important;
}

body .mgl10 {
  margin-left: 10px !important;
}

body .mgl15 {
  margin-left: 15px !important;
}

body .mgl20 {
  margin-left: 20px;
}

body .mgl25 {
  margin-left: 25px;
}

body .mgl30 {
  margin-left: 30px;
}

body .mgl35 {
  margin-left: 35px;
}

body .mgl40 {
  margin-left: 40px !important;
}

body .mgl45 {
  margin-left: 45px !important;
}

body .mgl50 {
  margin-left: 50px;
}

body .mgl55 {
  margin-left: 55px;
}

body .mgl60 {
  margin-left: 60px;
}

body .mgl65 {
  margin-left: 65px;
}

body .mgl70 {
  margin-left: 70px;
}

body .mgl75 {
  margin-left: 75px;
}

body .mgl80 {
  margin-left: 80px;
}

body .mgl85 {
  margin-left: 85px;
}

body .mgl90 {
  margin-left: 90px;
}

body .mgl95 {
  margin-left: 95px;
}

body .mgl100 {
  margin-left: 100px;
}

body .mgr0 {
  margin-right: 0px !important;
}

body .mgr5 {
  margin-right: 5px !important;
}

body .mgr10 {
  margin-right: 10px !important;
}

body .mgr15 {
  margin-right: 15px !important;
}

body .mgr20 {
  margin-right: 20px;
}

body .mgr25 {
  margin-right: 25px;
}

body .mgr30 {
  margin-right: 30px;
}

body .mgr35 {
  margin-right: 35px;
}

body .mgr40 {
  margin-right: 40px !important;
}

body .mgr45 {
  margin-right: 45px !important;
}

body .mgr50 {
  margin-right: 50px;
}

body .mgr55 {
  margin-right: 55px;
}

body .mgr60 {
  margin-right: 60px;
}

body .mgr65 {
  margin-right: 65px;
}

body .mgr70 {
  margin-right: 70px;
}

body .mgr75 {
  margin-right: 75px;
}

body .mgr80 {
  margin-right: 80px;
}

body .mgr85 {
  margin-right: 85px;
}

body .mgr90 {
  margin-right: 90px;
}

body .mgr95 {
  margin-right: 95px;
}

body .mgr100 {
  margin-right: 100px;
}


.jp {
  /*   font-family: "游ゴシック","YuGothic",'Hiragino Kaku Gothic ProN', Meiryo, メイリオ,  'PT Sans', 'Lucida Grande', sans-serif; */
}


.en {
  /* font-family: roboto, sans-serif; */
  letter-spacing: .05em;
}


.ff_mincho {
  /*   font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; */
  letter-spacing: .1em;
  color: #000;
}


.ff_maru {
  /*   font-family: fot-tsukubrdgothic-std, "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; */
  font-weight: 700;
  letter-spacing: .04em;
}

/* = フォントICON設定
---------------------------------------------------------------------*/
@font-face {
  font-family: 'laquoh';
  src: url("../fonts/laquoh.ttf?98aq8p") format("truetype"), url("../fonts/laquoh.woff?98aq8p") format("woff"),
    url("../fonts/laquoh.svg?98aq8p#laquoh") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'laquoh' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.icon-arrow-l:before {
  content: "\e605";
}


.icon-arrow-r:before {
  content: "\e606";
}


.icon-external:before {
  content: "\e604";
}


.icon-keyboard_arrow_up:before {
  content: "\e600";
}

.icon-keyboard_arrow_right:before {
  content: "\e601";
}


.icon-keyboard_arrow_left:before {
  content: "\e602";
}


.icon-keyboard_arrow_down:before {
  content: "\e603";
}


.icon-facebook-square:before {
  content: "\e707";
}

.icon-logo_icon:before {
  content: "\e900";
}


.icon-cart:before {
  content: "\e800";
}


.icon-social:before {
  content: "\e70f";
}


.icon-mappin:before {
  content: "\e70a";
}


.icon-line:before {
  content: "\e703";
}


.icon-instagram:before {
  content: "\e702";
}


.icon-twitter:before {
  content: "\e701";
}


.icon-facebook:before {
  content: "\e700";
}

/* = SNS
-----------------------------------------------------------------------------*/

ul.sns {
  position: relative;
}

ul.sns._label {
  /*
      &:before {
        left: 0;
        @include ff_icon;
        font-size: 1.4rem;
        content: "\e70f";
      }
  */
}

ul.sns._label:before,
ul.sns._label:after {
  position: absolute;
  left: 0;
  bottom: 17px;
  display: block;
  height: 15px;
  line-height: 15px;
  color: #a9a9a9;
}

ul.sns._label:before {
  content: 'SNS';
  /*   font-family: fot-tsukubrdgothic-std, "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; */
  font-weight: 700;
  letter-spacing: .04em;
  font-size: 1.1rem;
  line-height: 1.1;
  width: 100%;
  text-align: center;
  color: #009a85;
  letter-spacing: 0.03em;
  text-indent: 0.03em;
}

ul.sns li {
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  margin-right: 8px;
}

ul.sns li:last-child {
  margin-right: 0 !important;
}

ul.sns li a {
  display: block;
  width: 28px;
  color: #4b4b4b;
}

ul.sns li a span {
  display: none;
}

ul.sns li a:before {
  font-family: 'hinuihitohi';
  font-weight: normal !important;
  font-size: 28px;
}

ul.sns li.facebook a:hover {
  color: #3B5998 !important;
}

ul.sns li.facebook a:before {
  content: '\e700';
}

/* line 381, ../_scss/inc/_base.scss */
ul.sns li.twitter a:hover {
  color: #55acee !important;
}

ul.sns li.twitter a:before {
  content: '\e701';
}

ul.sns li.instagram a:hover {
  color: #8a3ab9 !important;
}

ul.sns li.instagram a:before {
  content: '\e702';
}

ul.sns li.line a:hover {
  color: #00b900 !important;
}

ul.sns li.line a:before {
  content: '\e703';
}

ul.sns li.mappin a:hover {
  color: #db3236 !important;
}

ul.sns li.mappin a:before {
  content: '\e70a';
}

ul.sns li.cart a:hover {
  color: #c5e3df !important;
}

ul.sns li.cart a:before {
  content: '\e800';
  font-size: 25.2px;
}

ul.sns li.mail a:hover {
  color: #c5e3df !important;
}

ul.sns li.mail a:before {
  content: '\e70b';
  font-size: 25.2px;
}

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

  ul.sns li {
    width: 22px;
  }

  ul.sns li a {
    width: 22px;
  }

  ul.sns li a:before {
    font-size: 22px;
  }
}

ul.sns._color li.facebook a {
  color: #3B5998;
}

ul.sns._color li.twitter a {
  color: #55acee;
}

/* = Normalize
-----------------------------------------------------------------------------*/

html,
body {
  margin: 0;
  padding: 0;
  /*   font-family: "游ゴシック","YuGothic",'Hiragino Kaku Gothic ProN', Meiryo, メイリオ,  'PT Sans', 'Lucida Grande', sans-serif; */
  font-size: 62.5%;
}


html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}


body {
  position: relative;
  margin: 0;
  font-size: 1.6rem;
  line-height: 1;
  color: #111;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  /* background: #050126; */
}

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

  body {
    font-size: 1.5rem;
  }
}


*+html body {
  /*   font-family: "游ゴシック","YuGothic",'Hiragino Kaku Gothic ProN', Meiryo, メイリオ,  'PT Sans', 'Lucida Grande', sans-serif; */
}


*+html body .en {
  font-size: 100%;
  letter-spacing: 0;
}


figure img {
  width: 100%;
  height: auto;
}


strong,
.strong,
.bold {
  font-weight: bold;
}


.display-pc {
  display: block;
}

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

  .display-pc {
    display: none !important;
  }
}

.display-sp {
  display: none !important;
}

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

  /* line 478, ../_scss/inc/_base.scss */
  .display-sp {
    display: block !important;
  }
}


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

  .hide-pc {
    display: none !important;
  }
}


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

  .hide-sp {
    display: none !important;
  }
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  br.pc {
    display: none;
  }
}

br.sp {
  display: block;
}

@media screen and (max-width: 600px) {
  br.sp {
    display: none;
  }
}

a {
  color: #000;
}


strong {
  font-weight: bold;
}


.underline {
  text-decoration: underline;
}


.left {
  float: left;
}


.right {
  float: right;
}


.tx-l {
  text-align: left !important;
}


.tx-c {
  text-align: center !important;
}


.tx-r {
  text-align: right !important;
}


.tx-t {
  vertical-align: top;
}


.tx-m {
  vertical-align: middle;
}


.tx-b {
  vertical-align: bottom;
}


.fl-l {
  float: left;
}


.fl-r {
  float: right;
}

.fl-wrapper:after {
  content: "";
}

.fl-wrapper .fl-l,
.fl-wrapper .fl-r {
  width: 50%;
}

.fl-wrapper .fl-l {
  padding-right: 4%;
}

.fl-wrapper .fl-r {
  padding-left: 4%;
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  .fl-wrapper .fl-l,
  .fl-wrapper .fl-r {
    width: 100% !important;
    float: none !important;
  }

  .fl-wrapper .fl-l {
    padding-right: 0;
  }

  .fl-wrapper .fl-r {
    padding-left: 0;
  }
}


.wrapper:after {
  content: "";
}

.wrapper._table .fl-l,
.wrapper._table .fl-r {
  float: none;
}

.tbl-frame {
  display: table;
  width: 100%;
}

.tbl-frame .tbl-cell {
  display: table-cell;
}

.tbl-frame._middle .tbl-cell {
  vertical-align: middle;
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  .tbl-frame._only-pc {
    display: block;
  }

  .tbl-frame._only-pc .tbl-cell {
    display: block;
  }
}


*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
  margin: 0;
  padding: 0;
}


.ifSp {
  display: none;
  /* padding: 10px; */
}

@media only screen and (max-width: 500px) {
  .ifSp {
    display: block
  }
}



h1,
h2,
h3,
h4,
h5,
h6 {
  text-rendering: optimizeLegibility;
}


strong {
  font-weight: bold;
}


a {
  color: #000;
}


strong {
  font-weight: bold;
}


.underline {
  text-decoration: underline;
}

figure img,
div.photo img {
  display: block;
  width: 100%;
}


.transparent {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}


.lh1 {
  line-height: 1.5 !important;
}


.lh1_5 {
  line-height: 1.5 !important;
}


.lh2 {
  line-height: 2 !important;
}


.bg_gray {
  background-color: #f4f4f4;
}


.bg_beige {
  background-color: #f5f5ef;
}


.col_green {
  color: #009a85;
}


.col_white {
  color: white;
}


.col_yellow {
  color: #fff100;
}


.col_blue {
  color: #87bfe4;
}


.col_orange {
  color: #fcb12f;
}


.col_red {
  color: #c71616;
}


.bg_green {
  background-color: #009a85;
}


.bg_lt-green {
  background-color: #c5e3df;
}


.bg_white {
  background-color: #fff;
}


.bg_yellow {
  background-color: #fff100;
}


.bg_yellow {
  background-color: #fff100;
}


.bg_gray {
  background-color: #f4f4f4;
}

/* line 586, ../_scss/inc/_base.scss */
.bg_lt-gray {
  background-color: #f4f4f4;
}

/* line 587, ../_scss/inc/_base.scss */
.bg_gray2 {
  background-color: #ebebeb;
}

/* line 592, ../_scss/inc/_base.scss */
.table {
  display: table;
  width: 100%;
}

/* line 597, ../_scss/inc/_base.scss */
body.pc a.hvr._trans:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

/* line 600, ../_scss/inc/_base.scss */
body.pc a.hvr._color:hover {
  color: #009a85;
}

/* line 602, ../_scss/inc/_base.scss */
body.pc a.hvr._image {
  display: block;
  overflow: hidden;
}

/* line 604, ../_scss/inc/_base.scss */
body.pc a.hvr._image img {
  -webkit-transition: 0.6s ease;
  -moz-transition: 0.6s ease;
  -ms-transition: 0.6s ease;
  -o-transition: 0.6s ease;
  transition: 0.6s ease;
}

/* line 606, ../_scss/inc/_base.scss */
body.pc a.hvr._image:hover img {
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

/* = [Column]
---------------------------------------------------------------------*/
/* line 615, ../_scss/inc/_base.scss */
.column {
  /* = Responsive (~640)
  -------------------------------------------------------------*/
}

/* line 61, ../_scss/inc/_mixin.scss */
.column:after {
  content: "";
}

/* line 617, ../_scss/inc/_base.scss */
.column._mgb60>li {
  margin-bottom: 60px !important;
}

/* line 620, ../_scss/inc/_base.scss */
.column._mgb90>li {
  margin-bottom: 90px !important;
}

/* line 625, ../_scss/inc/_base.scss */
.column.column2>li {
  float: left;
  width: 48%;
}

/* line 628, ../_scss/inc/_base.scss */
.column.column2>li:nth-child(2n) {
  float: right;
}

/* line 630, ../_scss/inc/_base.scss */
.column.column2._mgb>li {
  margin-bottom: 4%;
}

/* line 633, ../_scss/inc/_base.scss */
.column.column3>li {
  float: left;
  width: 31%;
  margin-right: 3.5%;
}

/* line 637, ../_scss/inc/_base.scss */
.column.column3>li:nth-child(3n) {
  margin-right: 0;
}

/* line 639, ../_scss/inc/_base.scss */
.column.column3._mgb>li {
  margin-bottom: 3.5%;
}

/* line 642, ../_scss/inc/_base.scss */
.column.column4>li {
  float: left;
  width: 22%;
  margin-right: 4%;
}

/* line 646, ../_scss/inc/_base.scss */
.column.column4>li:nth-child(4n) {
  margin-right: 0;
}

/* line 648, ../_scss/inc/_base.scss */
.column.column4._mgb>li {
  margin-bottom: 4%;
}

/* line 651, ../_scss/inc/_base.scss */
.column.column5>li {
  float: left;
  width: 18.4%;
  margin-right: 2%;
}

/* line 656, ../_scss/inc/_base.scss */
.column.column5>li:nth-child(5n) {
  margin-right: 0;
}

/* line 658, ../_scss/inc/_base.scss */
.column.column5._mgb>li {
  margin-bottom: 2%;
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  /* line 615, ../_scss/inc/_base.scss */
  .column {
    float: none !important;
  }

  /* line 665, ../_scss/inc/_base.scss */
  .column>li {
    width: 100% !important;
    float: none !important;
  }

  /* line 671, ../_scss/inc/_base.scss */
  .column.column2>li:nth-child(2n) {
    float: none;
  }

  /* line 675, ../_scss/inc/_base.scss */
  .column.column3>li {
    margin-right: 0;
  }

  /* line 677, ../_scss/inc/_base.scss */
  .column.column3>li:last-child {
    margin-bottom: 0;
  }

  /* line 681, ../_scss/inc/_base.scss */
  .column.column4>li {
    float: left !important;
    width: 48% !important;
    margin-right: 0;
  }

  /* line 684, ../_scss/inc/_base.scss */
  .column.column4>li:nth-child(2n) {
    float: right !important;
  }

  /* line 688, ../_scss/inc/_base.scss */
  .column.column5>li {
    float: left !important;
    width: 48% !important;
    margin-right: 0 !important;
    margin-bottom: 2%;
  }

  /* line 692, ../_scss/inc/_base.scss */
  .column.column5>li:nth-child(2n) {
    float: right !important;
  }

  /* line 696, ../_scss/inc/_base.scss */
  .column._sp-double>li {
    float: left !important;
    width: 48% !important;
    margin-right: 0 !important;
  }

  /* line 699, ../_scss/inc/_base.scss */
  .column._sp-double>li:nth-child(2n) {
    float: right !important;
  }
}

/* = [Frame-module]
---------------------------------------------------------------------*/
/* line 709, ../_scss/inc/_base.scss */
.content-frame {
  margin-left: auto;
  margin-right: auto;
  padding-left: 60px;
  padding-right: 60px;
  max-width: 1040px;
}

/* line 714, ../_scss/inc/_base.scss */
.content-frame._wide {
  max-width: 1160px;
}

/* line 716, ../_scss/inc/_base.scss */
.content-frame._wide.__nopadding {
  max-width: 1040px;
}

/* line 718, ../_scss/inc/_base.scss */
.content-frame._masonry {
  max-width: 1160px;
  padding-left: 0;
  padding-right: 0;
}

/* line 722, ../_scss/inc/_base.scss */
.content-frame._wide2 {
  max-width: 1320px;
}

/* line 725, ../_scss/inc/_base.scss */
.content-frame._wide2.__col5 {
  padding-left: 15px;
  padding-right: 15px;
}

/* line 727, ../_scss/inc/_base.scss */
.content-frame._limit {
  max-width: 1440px;
}

/* line 730, ../_scss/inc/_base.scss */
.content-frame._nolimit {
  max-width: none;
  padding-left: 60px;
  padding-right: 60px;
}

/* line 731, ../_scss/inc/_base.scss */
.content-frame._narrow {
  padding-left: 60px;
  padding-right: 60px;
  max-width: 960px;
}

/* line 734, ../_scss/inc/_base.scss */
.content-frame._narrow.__nopadding {
  max-width: 1040px;
}

/* line 738, ../_scss/inc/_base.scss */
.content-frame.__nopadding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* line 739, ../_scss/inc/_base.scss */
.content-frame._banner {
  padding-left: 45px;
  padding-right: 45px;
}

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

  /* line 709, ../_scss/inc/_base.scss */
  .content-frame {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  /* line 709, ../_scss/inc/_base.scss */
  .content-frame {
    width: 100% !important;
    padding-left: 23px !important;
    padding-right: 23px !important;
  }
}

/*!
 * FullCalendar v2.2.6 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */
/* line 8, ../_scss/inc/_plugin.scss */
.fc {
  direction: ltr;
  text-align: left;
}

/* line 13, ../_scss/inc/_plugin.scss */
.fc-rtl {
  text-align: right;
}

/* line 17, ../_scss/inc/_plugin.scss */
body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

/* Colors
--------------------------------------------------------------------------------------------------*/
/* line 25, ../_scss/inc/_plugin.scss */
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed hr,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
  border-color: #ddd;
}

/* line 35, ../_scss/inc/_plugin.scss */
.fc-unthemed .fc-popover {
  background-color: #fff;
}

/* line 39, ../_scss/inc/_plugin.scss */
.fc-unthemed hr,
.fc-unthemed .fc-popover .fc-header {
  background: #eee;
}

/* line 44, ../_scss/inc/_plugin.scss */
.fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

/* line 48, ../_scss/inc/_plugin.scss */
.fc-unthemed .fc-today {
  background: #fcf8e3;
}

/* line 52, ../_scss/inc/_plugin.scss */
.fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
  filter: alpha(opacity=30);
  /* for IE */
}

/* line 58, ../_scss/inc/_plugin.scss */
.fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
  filter: alpha(opacity=30);
  /* for IE */
}

/* line 64, ../_scss/inc/_plugin.scss */
.fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #ccc;
}

/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
/* line 73, ../_scss/inc/_plugin.scss */
.fc-icon {
  display: inline-block;
  font-size: 2em;
  line-height: .5em;
  height: .5em;
  /* will make the total height 1em */
  font-family: "Courier New", Courier, monospace;
}

/* line 81, ../_scss/inc/_plugin.scss */
.fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
}

/* line 86, ../_scss/inc/_plugin.scss */
.fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
}

/* line 91, ../_scss/inc/_plugin.scss */
.fc-icon-left-double-arrow:after {
  content: "\000AB";
}

/* line 95, ../_scss/inc/_plugin.scss */
.fc-icon-right-double-arrow:after {
  content: "\000BB";
}

/* line 99, ../_scss/inc/_plugin.scss */
.fc-icon-x:after {
  content: "\000D7";
}

/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
/* line 107, ../_scss/inc/_plugin.scss */
.fc button {
  /* force height to include the border and padding */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

/* Firefox has an annoying inner border */
/* line 125, ../_scss/inc/_plugin.scss */
.fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

/* line 127, ../_scss/inc/_plugin.scss */
.fc-state-default {
  /* non-theme */
  border: 1px solid;
}

/* line 131, ../_scss/inc/_plugin.scss */
.fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

/* line 136, ../_scss/inc/_plugin.scss */
.fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* icons in buttons */
/* line 143, ../_scss/inc/_plugin.scss */
.fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: .05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .1em;
}

/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
/* line 154, ../_scss/inc/_plugin.scss */
.fc-state-default {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* line 169, ../_scss/inc/_plugin.scss */
.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

/* line 177, ../_scss/inc/_plugin.scss */
.fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

/* line 187, ../_scss/inc/_plugin.scss */
.fc-state-down,
.fc-state-active {
  background-color: #cccccc;
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* line 194, ../_scss/inc/_plugin.scss */
.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}

/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
/* line 206, ../_scss/inc/_plugin.scss */
.fc-button-group {
  display: inline-block;
}

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
/* line 215, ../_scss/inc/_plugin.scss */
.fc .fc-button-group>* {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

/* line 220, ../_scss/inc/_plugin.scss */
.fc .fc-button-group> :first-child {
  /* same */
  margin-left: 0;
}

/* Popover
--------------------------------------------------------------------------------------------------*/
/* line 228, ../_scss/inc/_plugin.scss */
.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

/* line 233, ../_scss/inc/_plugin.scss */
.fc-popover .fc-header {
  padding: 2px 4px;
}

/* line 237, ../_scss/inc/_plugin.scss */
.fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

/* line 241, ../_scss/inc/_plugin.scss */
.fc-popover .fc-header .fc-close {
  cursor: pointer;
}

/* line 245, ../_scss/inc/_plugin.scss */
.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

/* line 250, ../_scss/inc/_plugin.scss */
.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

/* unthemed */
/* line 257, ../_scss/inc/_plugin.scss */
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

/* line 262, ../_scss/inc/_plugin.scss */
.fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: 25px;
  margin-top: 4px;
}

/* jqui themed */
/* line 269, ../_scss/inc/_plugin.scss */
.fc-popover>.ui-widget-header+.ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
/* line 277, ../_scss/inc/_plugin.scss */
.fc hr {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-style: solid;
  border-width: 1px 0;
}

/* line 285, ../_scss/inc/_plugin.scss */
.fc-clear {
  clear: both;
}

/* line 289, ../_scss/inc/_plugin.scss */
.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/* line 300, ../_scss/inc/_plugin.scss */
.fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

/* line 304, ../_scss/inc/_plugin.scss */
.fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

/* Tables
--------------------------------------------------------------------------------------------------*/
/* line 312, ../_scss/inc/_plugin.scss */
.fc table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

/* line 320, ../_scss/inc/_plugin.scss */
.fc th {
  text-align: center;
}

/* line 324, ../_scss/inc/_plugin.scss */
.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

/* line 332, ../_scss/inc/_plugin.scss */
.fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
/* line 340, ../_scss/inc/_plugin.scss */
.fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

/* line 346, ../_scss/inc/_plugin.scss */
.fc-row table {
  /* don't put left/right border on anything within a fake row.
     the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

/* line 356, ../_scss/inc/_plugin.scss */
.fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
/* line 364, ../_scss/inc/_plugin.scss */
.fc-row {
  position: relative;
}

/* line 368, ../_scss/inc/_plugin.scss */
.fc-row .fc-bg {
  z-index: 1;
}

/* highlighting cells & background event skeleton */
/* line 374, ../_scss/inc/_plugin.scss */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

/* line 379, ../_scss/inc/_plugin.scss */
.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

/* line 384, ../_scss/inc/_plugin.scss */
.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

/* line 389, ../_scss/inc/_plugin.scss */
.fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

/* line 394, ../_scss/inc/_plugin.scss */
.fc-row .fc-highlight-skeleton {
  z-index: 3;
}

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
/* line 403, ../_scss/inc/_plugin.scss */
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

/* line 409, ../_scss/inc/_plugin.scss */
.fc-row .fc-helper-skeleton {
  z-index: 5;
}

/* line 413, ../_scss/inc/_plugin.scss */
.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

/* line 423, ../_scss/inc/_plugin.scss */
.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
/* line 433, ../_scss/inc/_plugin.scss */
.fc-scroller {
  /* this class goes on elements for guaranteed vertical scrollbars */
  overflow-y: scroll;
  overflow-x: hidden;
}

/* line 438, ../_scss/inc/_plugin.scss */
.fc-scroller>* {
  /* we expect an immediate inner element */
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
  overflow: hidden;
  /* don't let negative margins or absolute positioning create further scroll */
}

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
/* line 448, ../_scss/inc/_plugin.scss */
.fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  background-color: #3a87ad;
  /* default BACKGROUND color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

/* overpower some of bootstrap's and jqui's styles on <a> tags */
/* line 460, ../_scss/inc/_plugin.scss */
.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

/* line 467, ../_scss/inc/_plugin.scss */
.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

/* line 472, ../_scss/inc/_plugin.scss */
.fc-not-allowed,
.fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
/* line 484, ../_scss/inc/_plugin.scss */
.fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
/* line 491, ../_scss/inc/_plugin.scss */
.fc-ltr .fc-day-grid-event.fc-not-start,
.fc-rtl .fc-day-grid-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 500, ../_scss/inc/_plugin.scss */
.fc-ltr .fc-day-grid-event.fc-not-end,
.fc-rtl .fc-day-grid-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 509, ../_scss/inc/_plugin.scss */
.fc-day-grid-event>.fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

/* line 514, ../_scss/inc/_plugin.scss */
.fc-day-grid-event .fc-time {
  font-weight: bold;
}

/* resize handle (outside of fc-content, so can go outside of bounds) */
/* line 520, ../_scss/inc/_plugin.scss */
.fc-day-grid-event .fc-resizer {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 7px;
}

/* line 527, ../_scss/inc/_plugin.scss */
.fc-ltr .fc-day-grid-event .fc-resizer {
  right: -3px;
  cursor: e-resize;
}

/* line 532, ../_scss/inc/_plugin.scss */
.fc-rtl .fc-day-grid-event .fc-resizer {
  left: -3px;
  cursor: w-resize;
}

/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
/* line 543, ../_scss/inc/_plugin.scss */
a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

/* line 550, ../_scss/inc/_plugin.scss */
a.fc-more:hover {
  text-decoration: underline;
}

/* line 554, ../_scss/inc/_plugin.scss */
.fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

/* popover that appears when "more" link is clicked */
/* line 560, ../_scss/inc/_plugin.scss */
.fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

/* line 564, ../_scss/inc/_plugin.scss */
.fc-more-popover {
  z-index: 2;
  width: 220px;
}

/* line 569, ../_scss/inc/_plugin.scss */
.fc-more-popover .fc-event-container {
  padding: 10px;
}

/* Toolbar
--------------------------------------------------------------------------------------------------*/
/* line 576, ../_scss/inc/_plugin.scss */
.fc-toolbar {
  text-align: center;
  margin-bottom: 1em;
}

/* line 581, ../_scss/inc/_plugin.scss */
.fc-toolbar .fc-left {
  float: left;
}

/* line 585, ../_scss/inc/_plugin.scss */
.fc-toolbar .fc-right {
  float: right;
}

/* line 589, ../_scss/inc/_plugin.scss */
.fc-toolbar .fc-center {
  display: inline-block;
}

/* the things within each left/right/center section */
/* line 594, ../_scss/inc/_plugin.scss */
.fc .fc-toolbar>*>* {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

/* the first thing within each left/center/right section */
/* line 600, ../_scss/inc/_plugin.scss */
.fc .fc-toolbar>*> :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

/* title text */
/* line 606, ../_scss/inc/_plugin.scss */
.fc-toolbar h2 {
  margin: 0;
}

/* button layering (for border precedence) */
/* line 612, ../_scss/inc/_plugin.scss */
.fc-toolbar button {
  position: relative;
  outline: none;
}

/* line 617, ../_scss/inc/_plugin.scss */
.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
  z-index: 2;
}

/* line 622, ../_scss/inc/_plugin.scss */
.fc-toolbar .fc-state-down {
  z-index: 3;
}

/* line 626, ../_scss/inc/_plugin.scss */
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  z-index: 4;
}

/* line 631, ../_scss/inc/_plugin.scss */
.fc-toolbar button:focus {
  z-index: 5;
}

/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
/* line 641, ../_scss/inc/_plugin.scss */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* line 649, ../_scss/inc/_plugin.scss */
.fc-view,
.fc-view>table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
/* line 660, ../_scss/inc/_plugin.scss */
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
  /* we are sure there are no day numbers in these views, so... */
  padding-top: 1px;
  /* add a pixel to make sure there are 2px padding above events */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

/* line 667, ../_scss/inc/_plugin.scss */
.fc-basic-view tbody .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
/* line 673, ../_scss/inc/_plugin.scss */
.fc-row.fc-rigid {
  overflow: hidden;
}

/* line 677, ../_scss/inc/_plugin.scss */
.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/* week and day number styling */
/* line 686, ../_scss/inc/_plugin.scss */
.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
  padding: 0 2px;
}

/* line 691, ../_scss/inc/_plugin.scss */
.fc-basic-view td.fc-week-number span,
.fc-basic-view td.fc-day-number {
  padding-top: 2px;
  padding-bottom: 2px;
}

/* line 697, ../_scss/inc/_plugin.scss */
.fc-basic-view .fc-week-number {
  text-align: center;
}

/* line 701, ../_scss/inc/_plugin.scss */
.fc-basic-view .fc-week-number span {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

/* line 707, ../_scss/inc/_plugin.scss */
.fc-ltr .fc-basic-view .fc-day-number {
  text-align: right;
}

/* line 711, ../_scss/inc/_plugin.scss */
.fc-rtl .fc-basic-view .fc-day-number {
  text-align: left;
}

/* line 715, ../_scss/inc/_plugin.scss */
.fc-day-number.fc-other-month {
  opacity: 0.3;
  filter: alpha(opacity=30);
  /* for IE */
  /* opacity with small font can sometimes look too faded
     might want to set the 'color' property instead
     making day-numbers bold also fixes the problem */
}

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
/* line 726, ../_scss/inc/_plugin.scss */
.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

/* line 731, ../_scss/inc/_plugin.scss */
.fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

/* line 735, ../_scss/inc/_plugin.scss */
.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-top: 1px;
  /* add a pixel to make sure there are 2px padding above events */
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
/* line 744, ../_scss/inc/_plugin.scss */
.fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

/* line 750, ../_scss/inc/_plugin.scss */
.fc-ltr .fc-axis {
  text-align: right;
}

/* line 754, ../_scss/inc/_plugin.scss */
.fc-rtl .fc-axis {
  text-align: left;
}

/* line 758, ../_scss/inc/_plugin.scss */
.ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
/* line 766, ../_scss/inc/_plugin.scss */
.fc-time-grid-container,
.fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

/* line 772, ../_scss/inc/_plugin.scss */
.fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

/* line 776, ../_scss/inc/_plugin.scss */
.fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

/* line 780, ../_scss/inc/_plugin.scss */
.fc-time-grid>.fc-bg {
  z-index: 1;
}

/* line 784, ../_scss/inc/_plugin.scss */
.fc-time-grid .fc-slats,
.fc-time-grid>hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

/* line 790, ../_scss/inc/_plugin.scss */
.fc-time-grid .fc-bgevent-skeleton,
.fc-time-grid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/* line 798, ../_scss/inc/_plugin.scss */
.fc-time-grid .fc-bgevent-skeleton {
  z-index: 3;
}

/* line 802, ../_scss/inc/_plugin.scss */
.fc-time-grid .fc-highlight-skeleton {
  z-index: 4;
}

/* line 806, ../_scss/inc/_plugin.scss */
.fc-time-grid .fc-content-skeleton {
  z-index: 5;
}

/* line 810, ../_scss/inc/_plugin.scss */
.fc-time-grid .fc-helper-skeleton {
  z-index: 6;
}

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
/* line 818, ../_scss/inc/_plugin.scss */
.fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

/* line 823, ../_scss/inc/_plugin.scss */
.fc-slats .fc-minor td {
  border-top-style: dotted;
}

/* line 827, ../_scss/inc/_plugin.scss */
.fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
/* line 835, ../_scss/inc/_plugin.scss */
.fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

/* line 839, ../_scss/inc/_plugin.scss */
.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
/* line 850, ../_scss/inc/_plugin.scss */
.fc-time-grid .fc-event-container,
.fc-time-grid .fc-bgevent-container {
  /* a div within a cell within the fc-bgevent-skeleton */
  position: relative;
}

/* line 855, ../_scss/inc/_plugin.scss */
.fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

/* line 859, ../_scss/inc/_plugin.scss */
.fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

/* line 863, ../_scss/inc/_plugin.scss */
.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

/* line 869, ../_scss/inc/_plugin.scss */
.fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
/* line 882, ../_scss/inc/_plugin.scss */
.fc-time-grid-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 892, ../_scss/inc/_plugin.scss */
.fc-time-grid-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 902, ../_scss/inc/_plugin.scss */
.fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

/* line 906, ../_scss/inc/_plugin.scss */
.fc-time-grid-event>.fc-content {
  /* contains the time and title, but no bg and resizer */
  position: relative;
  z-index: 2;
  /* above the bg */
}

/* line 911, ../_scss/inc/_plugin.scss */
.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
  padding: 0 1px;
}

/* line 916, ../_scss/inc/_plugin.scss */
.fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

/* line 921, ../_scss/inc/_plugin.scss */
.fc-time-grid-event .fc-bg {
  z-index: 1;
  background: #fff;
  opacity: .25;
  filter: alpha(opacity=25);
  /* for IE */
}

/* short mode, where time and title are on the same line */
/* line 930, ../_scss/inc/_plugin.scss */
.fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

/* line 935, ../_scss/inc/_plugin.scss */
.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

/* line 942, ../_scss/inc/_plugin.scss */
.fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

/* line 946, ../_scss/inc/_plugin.scss */
.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

/* line 950, ../_scss/inc/_plugin.scss */
.fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

/* line 954, ../_scss/inc/_plugin.scss */
.fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

/* resizer */
/* line 961, ../_scss/inc/_plugin.scss */
.fc-time-grid-event .fc-resizer {
  position: absolute;
  z-index: 3;
  /* above content */
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

/* line 976, ../_scss/inc/_plugin.scss */
.fc-time-grid-event .fc-resizer:after {
  content: "=";
}

/*
 * simplyScroll 2 - a scroll-tastic jQuery plugin
 *
 * http://logicbox.net/jquery/simplyscroll
 *
 * Copyright (c) 2009-2012 Will Kelly - http://logicbox.net
 *
 * Dual licensed under the MIT and GPL licenses.
 *
 * Last revised: 31/01/2012
 *
 */
/* Default/Master classes 

Example markup format (for horizontal scroller)
Note all DIVs are generated and should not be hard-coded

<div class="your-custom-class simply-scroll-container">
	<div class="simply-scroll-btn simply-scroll-btn-left"></div>
	<div class="simply-scroll-btn simply-scroll-btn-right"></div>
	<div class="simply-scroll-clip">
		<ul class="simply-scroll-list">
			<li>...</li>
			...
		</ul>
	</div>
</div>
*/
/* line 1011, ../_scss/inc/_plugin.scss */
.simply-scroll-container {
  /* Container DIV - automatically generated */
  position: relative;
}

/* line 1015, ../_scss/inc/_plugin.scss */
.simply-scroll-clip {
  /* Clip DIV - automatically generated */
  position: relative;
  overflow: hidden;
}

/* line 1020, ../_scss/inc/_plugin.scss */
.simply-scroll-list {
  /* UL/OL/DIV - the element that simplyScroll is inited on */
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 1025, ../_scss/inc/_plugin.scss */
.simply-scroll-list li {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* line 1028, ../_scss/inc/_plugin.scss */
.simply-scroll-list li img {
  border: none;
  display: block;
}

/* line 1033, ../_scss/inc/_plugin.scss */
.simply-scroll-btn {
  position: absolute;
  background-image: url(buttons.html);
  width: 42px;
  height: 44px;
  z-index: 3;
  cursor: pointer;
}

/* line 1042, ../_scss/inc/_plugin.scss */
.simply-scroll-btn-left {
  left: 6px;
  bottom: 6px;
  background-position: 0 -44px;
}

/* line 1047, ../_scss/inc/_plugin.scss */
.simply-scroll-btn-left.disabled {
  background-position: 0 0 !important;
}

/* line 1050, ../_scss/inc/_plugin.scss */
.simply-scroll-btn-left:hover,
.simply-scroll-btn-left:focus {
  background-position: 0 -88px;
}

/* line 1054, ../_scss/inc/_plugin.scss */
.simply-scroll-btn-right {
  right: 6px;
  bottom: 6px;
  background-position: -84px -44px;
}

/* line 1059, ../_scss/inc/_plugin.scss */
.simply-scroll-btn-right.disabled {
  background-position: -84px 0 !important;
}

/* line 1062, ../_scss/inc/_plugin.scss */
.simply-scroll-btn-right:hover,
.simply-scroll-btn-right:focus {
  background-position: -84px -88px;
}

/* line 1066, ../_scss/inc/_plugin.scss */
.simply-scroll-btn-up {
  right: 6px;
  top: 6px;
  background-position: -126px -44px;
}

/* line 1071, ../_scss/inc/_plugin.scss */
.simply-scroll-btn-up.disabled {
  background-position: -126px 0 !important;
}

/* line 1074, ../_scss/inc/_plugin.scss */
.simply-scroll-btn-up:hover,
.simply-scroll-btn-up:focus {
  background-position: -126px -88px;
}

/* line 1078, ../_scss/inc/_plugin.scss */
.simply-scroll-btn-down {
  right: 6px;
  bottom: 6px;
  background-position: -42px -44px;
}

/* line 1083, ../_scss/inc/_plugin.scss */
.simply-scroll-btn-down.disabled {
  background-position: -42px 0 !important;
}

/* line 1086, ../_scss/inc/_plugin.scss */
.simply-scroll-btn-down:hover,
.simply-scroll-btn-down:focus {
  background-position: -42px -88px;
}

/* line 1090, ../_scss/inc/_plugin.scss */
.simply-scroll-btn-pause {
  right: 6px;
  bottom: 6px;
  background-position: -168px -44px;
}

/* line 1095, ../_scss/inc/_plugin.scss */
.simply-scroll-btn-pause:hover,
.simply-scroll-btn-pause:focus {
  background-position: -168px -88px;
}

/* line 1099, ../_scss/inc/_plugin.scss */
.simply-scroll-btn-pause.active {
  background-position: -84px -44px;
}

/* line 1102, ../_scss/inc/_plugin.scss */
.simply-scroll-btn-pause.active:hover,
.simply-scroll-btn-pause.active:focus {
  background-position: -84px -88px;
}

/* Custom class modifications - override classees
.simply-scroll is default
*/
/* line 1110, ../_scss/inc/_plugin.scss */
.simply-scroll {
  /* Customisable base class for style override DIV */
  width: 100%;
  height: 333px;
  margin-bottom: 0;
}

/* line 1113, ../_scss/inc/_plugin.scss */
.simply-scroll .simply-scroll-clip {
  width: 100%;
  height: 333px;
}

/* line 1115, ../_scss/inc/_plugin.scss */
.simply-scroll .simply-scroll-list li {
  float: left;
  width: 444px;
  height: 333px;
}

/* Vertical scroller example */
/* line 1150, ../_scss/inc/_plugin.scss */
.vert {
  /* wider than clip to position buttons to side */
  width: 340px;
  height: 400px;
  margin-bottom: 1.5em;
}

/* line 1156, ../_scss/inc/_plugin.scss */
.vert .simply-scroll-clip {
  width: 290px;
  height: 400px;
}

/* line 1163, ../_scss/inc/_plugin.scss */
.vert .simply-scroll-list li {
  width: 290px;
  height: 200px;
}

/* line 1171, ../_scss/inc/_plugin.scss */
.vert .simply-scroll-btn-up {
  /* modified btn pos */
  right: 0;
  top: 0;
}

/* line 1178, ../_scss/inc/_plugin.scss */
.vert .simply-scroll-btn-down {
  /* modified btn pos */
  right: 0;
  top: 52px;
}

/* NOTE left-right classes wouldn't be needed on vertical scroller */
/**
 * slick - slick.scss & slick-theme.scss
 * http://kenwheeler.github.io/slick/
 */
/* line 1194, ../_scss/inc/_plugin.scss */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

/* line 1209, ../_scss/inc/_plugin.scss */
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

/* line 1216, ../_scss/inc/_plugin.scss */
.slick-list:focus {
  outline: none;
}

/* line 1217, ../_scss/inc/_plugin.scss */
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

/* line 1222, ../_scss/inc/_plugin.scss */
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 1231, ../_scss/inc/_plugin.scss */
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

/* line 1237, ../_scss/inc/_plugin.scss */
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

/* line 1240, ../_scss/inc/_plugin.scss */
.slick-track:after {
  clear: both;
}

/* line 1242, ../_scss/inc/_plugin.scss */
.slick-loading .slick-track {
  visibility: hidden;
}

/* line 1244, ../_scss/inc/_plugin.scss */
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

/* line 1248, ../_scss/inc/_plugin.scss */
[dir="rtl"] .slick-slide {
  float: right;
}

/* line 1251, ../_scss/inc/_plugin.scss */
.slick-slide img {
  display: block;
  width: 100%;
  max-height: 300px;
  object-fit: cover;
}

/* line 1252, ../_scss/inc/_plugin.scss */
.slick-slide.slick-loading img {
  display: none;
}

/* line 1256, ../_scss/inc/_plugin.scss */
.slick-slide.dragging img {
  pointer-events: none;
}

/* line 1258, ../_scss/inc/_plugin.scss */
.slick-initialized .slick-slide {
  display: block;
}

/* line 1259, ../_scss/inc/_plugin.scss */
.slick-loading .slick-slide {
  visibility: hidden;
}

/* line 1260, ../_scss/inc/_plugin.scss */
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/* line 1266, ../_scss/inc/_plugin.scss */
.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
/* line 1312, ../_scss/inc/_plugin.scss */
.slick-loading .slick-list {
  background: #fff url("../common/img/home/about_about.png") center center no-repeat;
}


.slick-slide .pop1 {
  position: absolute;
  top: 120px;
  right: 100px
}

.slick-slide .pop1 img {}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../font/slick.html");
  src: url("../font/slickd41d.html?#iefix") format("embedded-opentype"), url("../font/slick-2.html") format("woff"), url("../font/slick-3.html") format("truetype"), url("../font/slick-4.html#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Arrows */
/* line 1331, ../_scss/inc/_plugin.scss */
.slick-arrow {
  /*
    @include transition(.3s ease-out);
    display: block;
    position: absolute; z-index: 10000;
    top: 50%; margin-top: -22px;
    width: 60px; height: 60px;
    &._middle {top: 50%; margin-top: -30px;}
    cursor: pointer;
    border: 1px solid $col_black;
    background-color: transparent;
    background: $col_black; color: transparent;
    border: none; outline: none;
  */
  /*
    &:before, &:after {
      @include transition(.3s ease-out);
      display: inline-block; content: '';
      position: absolute; top: 50%;
      margin-top: -1px;
      width: 17px; height: 2px;
      background-color: white;
      //@include box-shadow(0px 2px 2px 1px rgba(0,0,0,.1));
    }
  */
}

/* line 1347, ../_scss/inc/_plugin.scss */
.slick-arrow._trans {
  background-color: transparent;
}

/* line 1349, ../_scss/inc/_plugin.scss */
.slick-arrow._trans:before,
.slick-arrow._trans:after {
  background-color: #a9a9a9;
}

/* line 1350, ../_scss/inc/_plugin.scss */
.slick-arrow._trans:hover {
  background-color: transparent;
}

/* line 1352, ../_scss/inc/_plugin.scss */
.slick-arrow._trans:hover:before,
.slick-arrow._trans:hover:after {
  background-color: #000;
}

/* line 1356, ../_scss/inc/_plugin.scss */
.slick-arrow:hover,
.slick-arrow:focus {
  outline: none;
  color: transparent;
}

/* line 1362, ../_scss/inc/_plugin.scss */
.slick-arrow.slick-disabled:before,
.slick-arrow.slick-disabled:after {
  opacity: 0.25;
}

/* line 1390, ../_scss/inc/_plugin.scss */
.slick-prev {
  left: -10px;
  /*
    @media screen and (max-width: 667px)
    {
      left: 0;
      //&:before, &:after { left:-3px; }
      &:before {@include transform(translateY(0px) rotate(-40deg))}
      &:after {@include transform(translateY(15px) rotate($arrow_deg))}
      &:hover {
        //&:before, &:after {left: -8px;}
      }
    }
  */
}

/* line 1392, ../_scss/inc/_plugin.scss */
.slick-prev:before,
.slick-prev:after {
  left: 13px;
}

/* line 1393, ../_scss/inc/_plugin.scss */
.slick-prev:before {
  -moz-transform: translateY(-5px) rotate(-40deg);
  -ms-transform: translateY(-5px) rotate(-40deg);
  -webkit-transform: translateY(-5px) rotate(-40deg);
  transform: translateY(-5px) rotate(-40deg);
}

/* line 1394, ../_scss/inc/_plugin.scss */
.slick-prev:after {
  -moz-transform: translateY(5px) rotate(40deg);
  -ms-transform: translateY(5px) rotate(40deg);
  -webkit-transform: translateY(5px) rotate(40deg);
  transform: translateY(5px) rotate(40deg);
}

/* line 1411, ../_scss/inc/_plugin.scss */
.slick-next {
  right: -10px;
  /*
    @media screen and (max-width: 667px)
    {
      right: 0;
      //&:before, &:after { right:-3px; }
      &:before {@include transform(translateY(0px) rotate($arrow_deg))}
      &:after {@include transform(translateY(15px) rotate(-$arrow_deg))}
      &:hover {
        //&:before, &:after {right: -8px;}
      }
    }
  */
}

/* line 1413, ../_scss/inc/_plugin.scss */
.slick-next:before,
.slick-next:after {
  right: 13px;
}

/* line 1414, ../_scss/inc/_plugin.scss */
.slick-next:before {
  -moz-transform: translateY(5px) rotate(-40deg);
  -ms-transform: translateY(5px) rotate(-40deg);
  -webkit-transform: translateY(5px) rotate(-40deg);
  transform: translateY(5px) rotate(-40deg);
}

/* line 1415, ../_scss/inc/_plugin.scss */
.slick-next:after {
  -moz-transform: translateY(-5px) rotate(40deg);
  -ms-transform: translateY(-5px) rotate(40deg);
  -webkit-transform: translateY(-5px) rotate(40deg);
  transform: translateY(-5px) rotate(40deg);
}

/* Dots */
/* line 1440, ../_scss/inc/_plugin.scss */
.slick-dots {
  position: absolute;
  bottom: 20px;
  right: 50px;
  display: block;
  width: 100%;
  list-style: none;
  text-align: right;
  padding: 0;
}

/* line 1452, ../_scss/inc/_plugin.scss */
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 0px;
  margin-right: 10px;
  cursor: pointer;
  padding: 0 5px;
  text-align: center;
  margin: 0 5px;
}

/* line 1455, ../_scss/inc/_plugin.scss */
.slick-dots li:last-child {
  margin-right: 0 !important;
}

/* line 1458, ../_scss/inc/_plugin.scss */
.slick-dots li button {
  position: absolute;
  right: 0;
  bottom: 10px;
  background-color: transparent;
  width: 100%;
  height: 10px;
  line-height: 10px;
  display: inline-block;
  border: 0;
  padding: 0;
  margin: 0;
  font-size: 0;
  outline: none;
  color: transparent;
  cursor: pointer;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
}

/* line 1470, ../_scss/inc/_plugin.scss */
.slick-dots li button:after {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 10px;
  background-color: #dcdcdc;
  display: block;
  content: '';
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
}

/* line 1479, ../_scss/inc/_plugin.scss */
.slick-dots li:hover button:after,
.slick-dots li:focus button:after {
  background-color: #000;
}

/* line 1481, ../_scss/inc/_plugin.scss */
.slick-dots li.slick-active {
  cursor: default;
}

/* line 1483, ../_scss/inc/_plugin.scss */
.slick-dots li.slick-active button {
  cursor: default;
}

/* line 1485, ../_scss/inc/_plugin.scss */
.slick-dots li.slick-active button:after {
  background-color: #000;
}

/* line 1491, ../_scss/inc/_plugin.scss */
.slick-dots._line button:after {
  height: 3px;
}

/* line 1494, ../_scss/inc/_plugin.scss */
.slick-dots._flex-line {
  display: table;
  width: 100%;
  height: 23px;
}

/* line 1496, ../_scss/inc/_plugin.scss */
.slick-dots._flex-line>li {
  display: table-cell;
  width: auto;
  height: 23px;
}

/* line 1499, ../_scss/inc/_plugin.scss */
.slick-dots._flex-line>li button {
  width: 100%;
  height: 3px;
}

/* line 1506, ../_scss/inc/_plugin.scss */
.slick-dots._maru li {
  width: 18px;
  height: 18px;
  line-height: 18px;
  margin-right: 22px;
}

/* line 1510, ../_scss/inc/_plugin.scss */
.slick-dots._maru li button {
  width: 18px;
  height: 18px;
  font-size: 18px;
  line-height: 18px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

/* line 1514, ../_scss/inc/_plugin.scss */
.slick-dots._maru li button:hover {
  -moz-transform: scale(1.15, 1.15);
  -ms-transform: scale(1.15, 1.15);
  -webkit-transform: scale(1.15, 1.15);
  transform: scale(1.15, 1.15);
}

/* line 1518, ../_scss/inc/_plugin.scss */
.slick-dots._maru li.slick-active button:hover {
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

/*
	! fancyBox v3.2.5 fancyapps.com | fancyapps.com/fancybox/#license
*/
/* line 1534, ../_scss/inc/_plugin.scss */
body.fancybox-active {
  overflow: hidden;
}

/* line 1534, ../_scss/inc/_plugin.scss */
body.fancybox-iosfix {
  position: fixed;
  left: 0;
  right: 0;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-is-hidden {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99992;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-outer {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-is-open .fancybox-bg {
  opacity: .87;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-caption-wrap,
.fancybox-infobar,
.fancybox-toolbar {
  position: absolute;
  direction: ltr;
  z-index: 99997;
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s, visibility 0s linear .25s;
  box-sizing: border-box;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-show-caption .fancybox-caption-wrap,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar {
  opacity: 1;
  visibility: visible;
  transition: opacity .25s, visibility 0s;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-infobar {
  top: 0;
  left: 0;
  font-size: 13px;
  padding: 0 10px;
  height: 44px;
  min-width: 44px;
  line-height: 44px;
  color: #ccc;
  text-align: center;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: subpixel-antialiased;
  mix-blend-mode: exclusion;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-toolbar {
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-stage {
  overflow: hidden;
  direction: ltr;
  z-index: 99994;
  -webkit-transform: translateZ(0);
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-is-closing .fancybox-stage {
  overflow: visible;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  outline: none;
  white-space: normal;
  box-sizing: border-box;
  text-align: center;
  z-index: 99994;
  -webkit-overflow-scrolling: touch;
  display: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-slide:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
  display: block;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-slide--image {
  overflow: visible;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-slide--image:before {
  display: none;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
  background: #000;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
  background: #e5e3df;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-slide--next {
  z-index: 99995;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-slide>* {
  display: inline-block;
  position: relative;
  padding: 24px;
  margin: 44px 0;
  border-width: 0;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  overflow: auto;
  box-sizing: border-box;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-slide>base,
.fancybox-slide>link,
.fancybox-slide>meta,
.fancybox-slide>script,
.fancybox-slide>style,
.fancybox-slide>title {
  display: none;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-slide .fancybox-image-wrap {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: 99995;
  background: transparent;
  cursor: default;
  overflow: visible;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-can-zoomOut .fancybox-image-wrap {
  cursor: zoom-out;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-can-zoomIn .fancybox-image-wrap {
  cursor: zoom-in;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-can-drag .fancybox-image-wrap {
  cursor: -webkit-grab;
  cursor: grab;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-is-dragging .fancybox-image-wrap {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-image,
.fancybox-spaceball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  max-width: none;
  max-height: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-spaceball {
  z-index: 1;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-slide--iframe .fancybox-content {
  padding: 0;
  width: 80%;
  height: 80%;
  max-width: calc(100% - 100px);
  max-height: calc(100% - 88px);
  overflow: visible;
  background: #fff;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-iframe {
  display: block;
  padding: 0;
  border: 0;
  height: 100%;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-error,
.fancybox-iframe {
  margin: 0;
  width: 100%;
  background: #fff;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-error {
  padding: 40px;
  max-width: 380px;
  cursor: default;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-error p {
  margin: 0;
  padding: 0;
  color: #444;
  font-size: 16px;
  line-height: 20px;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-button {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 10px;
  border: 0;
  border-radius: 0;
  background: rgba(30, 30, 30, 0.6);
  transition: color .3s ease;
  cursor: pointer;
  outline: none;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
  color: #ccc;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-button:focus,
.fancybox-button:hover {
  color: #fff;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-button[disabled] {
  color: #ccc;
  cursor: default;
  opacity: .6;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-button svg {
  display: block;
  position: relative;
  overflow: visible;
  shape-rendering: geometricPrecision;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-button svg path {
  fill: currentColor;
  stroke: currentColor;
  stroke-linejoin: round;
  stroke-width: 3;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-button--share svg path {
  stroke-width: 1;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-button--pause svg path:nth-child(1),
.fancybox-button--play svg path:nth-child(2) {
  display: none;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-button--zoom svg path {
  fill: transparent;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-navigation {
  display: none;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-show-nav .fancybox-navigation {
  display: block;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-navigation button {
  position: absolute;
  top: 50%;
  margin: -50px 0 0;
  z-index: 99997;
  background: transparent;
  width: 60px;
  height: 100px;
  padding: 17px;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-navigation button:before {
  content: "";
  position: absolute;
  top: 30px;
  right: 10px;
  width: 40px;
  height: 40px;
  background: rgba(30, 30, 30, 0.6);
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-navigation .fancybox-button--arrow_right {
  right: 0;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-close-small {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  z-index: 10;
  cursor: pointer;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-close-small:after {
  content: "×";
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  font: 22px/30px Arial, Helvetica Neue, Helvetica, sans-serif;
  color: #888;
  font-weight: 300;
  text-align: center;
  border-radius: 50%;
  border-width: 0;
  background-color: transparent;
  transition: background-color .25s;
  box-sizing: border-box;
  z-index: 2;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-close-small:focus {
  outline: none;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-close-small:focus:after {
  outline: 1px dotted #888;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-close-small:hover:after {
  color: #555;
  background: #eee;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-slide--iframe .fancybox-close-small,
.fancybox-slide--image .fancybox-close-small {
  top: 0;
  right: -40px;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-slide--iframe .fancybox-close-small:after,
.fancybox-slide--image .fancybox-close-small:after {
  font-size: 35px;
  color: #aaa;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-slide--iframe .fancybox-close-small:hover:after,
.fancybox-slide--image .fancybox-close-small:hover:after {
  color: #fff;
  background: transparent;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
  display: none;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-caption-wrap {
  bottom: 0;
  left: 0;
  right: 0;
  padding: 60px 2vw 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8));
  pointer-events: none;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-caption {
  padding: 30px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  -webkit-text-size-adjust: none;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
  pointer-events: all;
  position: relative;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-caption a {
  color: #fff;
  text-decoration: underline;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-slide>.fancybox-loading {
  border: 6px solid rgba(99, 99, 99, 0.4);
  border-top: 6px solid rgba(255, 255, 255, 0.6);
  border-radius: 100%;
  height: 50px;
  width: 50px;
  -webkit-animation: a .8s infinite linear;
  animation: a .8s infinite linear;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  z-index: 99999;
}

@-webkit-keyframes a {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes a {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-fx-slide.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-fx-slide.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  opacity: 0;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-fx-slide.fancybox-slide--current {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
  transform: scale3d(1.5, 1.5, 1.5);
  opacity: 0;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-fx-zoom-in-out.fancybox-slide--next {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-fx-zoom-in-out.fancybox-slide--current {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  opacity: 1;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-fx-rotate.fancybox-slide--previous {
  -webkit-transform: rotate(-1turn);
  transform: rotate(-1turn);
  opacity: 0;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-fx-rotate.fancybox-slide--next {
  -webkit-transform: rotate(1turn);
  transform: rotate(1turn);
  opacity: 0;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-fx-rotate.fancybox-slide--current {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  opacity: 1;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-fx-circular.fancybox-slide--previous {
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  opacity: 0;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-fx-circular.fancybox-slide--next {
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  opacity: 0;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-fx-circular.fancybox-slide--current {
  -webkit-transform: scaleX(1) translateZ(0);
  transform: scaleX(1) translateZ(0);
  opacity: 1;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-fx-tube.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-fx-tube.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-fx-tube.fancybox-slide--current {
  -webkit-transform: translateZ(0) scale(1);
  transform: translateZ(0) scale(1);
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-share {
  padding: 30px;
  border-radius: 3px;
  background: #f4f4f4;
  max-width: 90%;
  text-align: center;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-share h1 {
  color: #222;
  margin: 0 0 20px;
  font-size: 35px;
  font-weight: 700;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-share p {
  margin: 0;
  padding: 0;
}

/* line 1534, ../_scss/inc/_plugin.scss */
p.fancybox-share__links {
  margin-right: -10px;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-share__button {
  display: inline-block;
  text-decoration: none;
  margin: 0 10px 10px 0;
  padding: 0 15px;
  min-width: 130px;
  border: 0;
  border-radius: 3px;
  background: #fff;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  transition: all .2s;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-share__button:hover {
  text-decoration: none;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-share__button--fb {
  background: #3b5998;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-share__button--fb:hover {
  background: #344e86;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-share__button--pt {
  background: #bd081d;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-share__button--pt:hover {
  background: #aa0719;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-share__button--tw {
  background: #1da1f2;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-share__button--tw:hover {
  background: #0d95e8;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-share__button svg {
  position: relative;
  top: -1px;
  width: 25px;
  height: 25px;
  margin-right: 7px;
  vertical-align: middle;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-share__button svg path {
  fill: #fff;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-share__input {
  box-sizing: border-box;
  width: 100%;
  margin: 10px 0 0;
  padding: 10px 15px;
  background: transparent;
  color: #5d5b5b;
  font-size: 14px;
  outline: none;
  border: 0;
  border-bottom: 2px solid #d7d7d7;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-thumbs {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 212px;
  margin: 0;
  padding: 2px 2px 4px;
  background: #fff;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  box-sizing: border-box;
  z-index: 99995;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-thumbs-x {
  overflow-y: hidden;
  overflow-x: auto;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-thumbs>ul {
  list-style: none;
  position: absolute;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 0;
  white-space: nowrap;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-thumbs-x>ul {
  overflow: hidden;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-thumbs-y>ul::-webkit-scrollbar {
  width: 7px;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-thumbs-y>ul::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-thumbs>ul>li {
  float: left;
  overflow: hidden;
  padding: 0;
  margin: 2px;
  width: 100px;
  height: 75px;
  max-width: calc(50% - 4px);
  max-height: calc(100% - 8px);
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
}

/* line 1534, ../_scss/inc/_plugin.scss */
li.fancybox-thumbs-loading {
  background: rgba(0, 0, 0, 0.1);
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-thumbs>ul>li>img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
  max-height: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-thumbs>ul>li:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 4px solid #4ea7f9;
  z-index: 99991;
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* line 1534, ../_scss/inc/_plugin.scss */
.fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
  opacity: 1;
}

@media (max-width: 800px) {

  /* line 1534, ../_scss/inc/_plugin.scss */
  .fancybox-thumbs {
    width: 110px;
  }

  /* line 1534, ../_scss/inc/_plugin.scss */
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }

  /* line 1534, ../_scss/inc/_plugin.scss */
  .fancybox-thumbs>ul>li {
    max-width: calc(100% - 10px);
  }
}

/**
* wp-pagenavi
*/
/**
* wp-pagenavi
*/
/* line 1549, ../_scss/inc/_plugin.scss */
#navi-pre-next {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 140px;
  width: 100%;
}

/* line 1556, ../_scss/inc/_plugin.scss */
#navi-pre-next._min {
  width: 290px;
}

/* line 1559, ../_scss/inc/_plugin.scss */
#navi-pre-next._min .cursor.prev {
  left: -80px;
}

/* line 1560, ../_scss/inc/_plugin.scss */
#navi-pre-next._min .cursor.next {
  right: -80px;
}

/* line 1563, ../_scss/inc/_plugin.scss */
#navi-pre-next a.page,
#navi-pre-next span.current,
#navi-pre-next .cursor {
  display: inline-block;
  width: 26px;
  height: 26px;
  line-height: 26px;
  font-family: roboto, sans-serif;
  letter-spacing: .05em;
  text-align: center;
  font-size: 1.4rem;
}

/* line 1571, ../_scss/inc/_plugin.scss */
#navi-pre-next .cursor {
  position: absolute;
  top: 0;
  z-index: 1;
}

/* line 1574, ../_scss/inc/_plugin.scss */
#navi-pre-next .cursor:before,
#navi-pre-next .cursor:after {
  position: absolute;
  top: 50%;
  z-index: 1;
  -webkit-transition: 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -ms-transition: 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  width: 26px;
  height: 3px;
  background-color: #a9a9a9;
  display: block;
  content: '';
}

/* line 1582, ../_scss/inc/_plugin.scss */
#navi-pre-next .cursor:hover:before,
#navi-pre-next .cursor:hover:after {
  background-color: #009a85;
}

/* line 1584, ../_scss/inc/_plugin.scss */
#navi-pre-next .cursor._nolink:before,
#navi-pre-next .cursor._nolink:after {
  background-color: #C2C2C2;
}

/* line 1585, ../_scss/inc/_plugin.scss */
#navi-pre-next .cursor._nolink:hover:before,
#navi-pre-next .cursor._nolink:hover:after {
  background-color: #C2C2C2;
}

/* line 1589, ../_scss/inc/_plugin.scss */
#navi-pre-next .cursor.prev {
  left: 0;
}

/* line 1591, ../_scss/inc/_plugin.scss */
#navi-pre-next .cursor.prev:before,
#navi-pre-next .cursor.prev:after {
  left: 0;
  top: -1px;
}

/* line 1592, ../_scss/inc/_plugin.scss */
#navi-pre-next .cursor.prev:before {
  -moz-transform: translateY(-8px) rotate(-43deg);
  -ms-transform: translateY(-8px) rotate(-43deg);
  -webkit-transform: translateY(-8px) rotate(-43deg);
  transform: translateY(-8px) rotate(-43deg);
}

/* line 1593, ../_scss/inc/_plugin.scss */
#navi-pre-next .cursor.prev:after {
  -moz-transform: translateY(8px) rotate(43deg);
  -ms-transform: translateY(8px) rotate(43deg);
  -webkit-transform: translateY(8px) rotate(43deg);
  transform: translateY(8px) rotate(43deg);
}

/* line 1595, ../_scss/inc/_plugin.scss */
#navi-pre-next .cursor.next {
  right: 0;
}

/* line 1597, ../_scss/inc/_plugin.scss */
#navi-pre-next .cursor.next:before,
#navi-pre-next .cursor.next:after {
  right: 0;
}

/* line 1598, ../_scss/inc/_plugin.scss */
#navi-pre-next .cursor.next:before {
  -moz-transform: translateY(-8px) rotate(43deg);
  -ms-transform: translateY(-8px) rotate(43deg);
  -webkit-transform: translateY(-8px) rotate(43deg);
  transform: translateY(-8px) rotate(43deg);
}

/* line 1599, ../_scss/inc/_plugin.scss */
#navi-pre-next .cursor.next:after {
  -moz-transform: translateY(8px) rotate(-43deg);
  -ms-transform: translateY(8px) rotate(-43deg);
  -webkit-transform: translateY(8px) rotate(-43deg);
  transform: translateY(8px) rotate(-43deg);
}

/* line 1602, ../_scss/inc/_plugin.scss */
#navi-pre-next .cursor a,
#navi-pre-next .cursor span {
  display: block;
  text-align: left;
  text-indent: -9999px;
}

/* line 1607, ../_scss/inc/_plugin.scss */
#navi-pre-next._single {
  position: relative;
  min-height: 120px;
  padding-top: 0;
  padding-bottom: 35px;
}

/* line 61, ../_scss/inc/_mixin.scss */
#navi-pre-next._single:after {
  content: "";
}

/* line 1612, ../_scss/inc/_plugin.scss */
#navi-pre-next._single #navi-pre-next-inner {
  position: relative;
  height: 120px;
}

/* line 1615, ../_scss/inc/_plugin.scss */
#navi-pre-next._single .cursor {
  position: absolute;
  display: table;
  vertical-align: middle;
  width: 50%;
  height: 120px;
}

/* line 1619, ../_scss/inc/_plugin.scss */
#navi-pre-next._single .cursor:before,
#navi-pre-next._single .cursor:after {
  display: none !important;
}

/* line 1620, ../_scss/inc/_plugin.scss */
#navi-pre-next._single .cursor a {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: auto;
  background-color: white;
  font-size: 1.4rem;
}

/* line 1626, ../_scss/inc/_plugin.scss */
#navi-pre-next._single .cursor a:before {
  position: absolute;
  top: 50%;
  margin-top: -3px;
  background-image: url(../img/common/icon_nav-arrow.html);
  background-repeat: no-repeat;
  background-color: transparent;
  -moz-background-size: 22px 12px;
  -o-background-size: 22px 12px;
  -webkit-background-size: 22px 12px;
  background-size: 22px 12px;
  width: 22px;
  height: 6px;
  display: block;
  content: '';
}

/* line 1636, ../_scss/inc/_plugin.scss */
#navi-pre-next._single .cursor a span {
  text-indent: 0px;
}

/* line 1637, ../_scss/inc/_plugin.scss */
#navi-pre-next._single .cursor a .title {
  display: block;
  line-height: 1.4;
}

/* line 1639, ../_scss/inc/_plugin.scss */
#navi-pre-next._single .cursor a {
  position: relative;
}

/* line 1645, ../_scss/inc/_plugin.scss */
#navi-pre-next._single .cursor.prev a {
  padding-right: 155px;
  padding-left: 60px;
}

/* line 1648, ../_scss/inc/_plugin.scss */
#navi-pre-next._single .cursor.prev a:before {
  background-position: 0 0;
  left: 20px;
}

/* line 1655, ../_scss/inc/_plugin.scss */
#navi-pre-next._single .cursor.next a {
  padding-left: 145px;
  padding-right: 60px;
}

/* line 1658, ../_scss/inc/_plugin.scss */
#navi-pre-next._single .cursor.next a:before {
  background-position: 0 bottom;
  right: 20px;
}

/* line 1665, ../_scss/inc/_plugin.scss */
.pc #navi-pre-next._single .cursor:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

/* line 1667, ../_scss/inc/_plugin.scss */
#navi-pre-next._single .cursor._nolink {
  background-color: white;
}

/* line 1668, ../_scss/inc/_plugin.scss */
#navi-pre-next._single .cursor._nolink:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

/* line 1671, ../_scss/inc/_plugin.scss */
#navi-pre-next._single a.back {
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 10;
  margin-left: -90px;
  width: 200px;
  /*   height: 120px; */
  /*   font-family: "游ゴシック","YuGothic",'Hiragino Kaku Gothic ProN', Meiryo, メイリオ,  'PT Sans', 'Lucida Grande', sans-serif; */
  font-size: 1.6rem;
  line-height: 120px;
  text-align: center;
  background: white;
  border-left: 10px solid #f4f4f4;
  border-right: 10px solid #f4f4f4;
  padding-left: 20px;
}

/* line 1684, ../_scss/inc/_plugin.scss */
#navi-pre-next._single a.back:before {
  position: absolute;
  left: 32px;
  top: 50%;
  margin-top: -6px;
  width: 16px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  -moz-background-size: 50% !important;
  -o-background-size: 50% !important;
  -webkit-background-size: 50% !important;
  background-size: 50% !important;
  background-image: url(../img/common/icon_nav-list.html);
  display: block;
  content: '';
}

/* line 1693, ../_scss/inc/_plugin.scss */
.pc #navi-pre-next._single a.back:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

/* line 1699, ../_scss/inc/_plugin.scss */
#navi-pre-next .wp-pagenavi {
  text-align: center;
}

/* line 1701, ../_scss/inc/_plugin.scss */
#navi-pre-next .wp-pagenavi a.page,
#navi-pre-next .wp-pagenavi span.current {
  margin-left: 16px;
  margin-right: 16px;
}

/* line 1704, ../_scss/inc/_plugin.scss */
#navi-pre-next .wp-pagenavi a.page {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: white;
  color: #000;
}

/* line 1708, ../_scss/inc/_plugin.scss */
#navi-pre-next .wp-pagenavi a.page:hover {
  color: white;
}

/* line 1712, ../_scss/inc/_plugin.scss */
#navi-pre-next .wp-pagenavi span.current {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #000;
  color: white;
}

/* line 1718, ../_scss/inc/_plugin.scss */
#navi-pre-next .wp-pagenavi span.pages,
#navi-pre-next .wp-pagenavi a.first,
#navi-pre-next .wp-pagenavi a.last,
#navi-pre-next .wp-pagenavi a.previouspostslink,
#navi-pre-next .wp-pagenavi a.nextpostslink {
  display: none;
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  /* line 1724, ../_scss/inc/_plugin.scss */
  #navi-pre-next .cursor:before,
  #navi-pre-next .cursor:after {
    width: 20px;
    height: 2px;
  }

  /* line 1727, ../_scss/inc/_plugin.scss */
  #navi-pre-next .cursor.prev:before {
    -moz-transform: translateY(-6px) rotate(-43deg);
    -ms-transform: translateY(-6px) rotate(-43deg);
    -webkit-transform: translateY(-6px) rotate(-43deg);
    transform: translateY(-6px) rotate(-43deg);
  }

  /* line 1728, ../_scss/inc/_plugin.scss */
  #navi-pre-next .cursor.prev:after {
    -moz-transform: translateY(6px) rotate(43deg);
    -ms-transform: translateY(6px) rotate(43deg);
    -webkit-transform: translateY(6px) rotate(43deg);
    transform: translateY(6px) rotate(43deg);
  }

  /* line 1731, ../_scss/inc/_plugin.scss */
  #navi-pre-next .cursor.next:before {
    -moz-transform: translateY(-6px) rotate(43deg);
    -ms-transform: translateY(-6px) rotate(43deg);
    -webkit-transform: translateY(-6px) rotate(43deg);
    transform: translateY(-6px) rotate(43deg);
  }

  /* line 1732, ../_scss/inc/_plugin.scss */
  #navi-pre-next .cursor.next:after {
    -moz-transform: translateY(6px) rotate(-43deg);
    -ms-transform: translateY(6px) rotate(-43deg);
    -webkit-transform: translateY(6px) rotate(-43deg);
    transform: translateY(6px) rotate(-43deg);
  }

  /* line 1736, ../_scss/inc/_plugin.scss */
  #navi-pre-next._single {
    min-height: 60px;
    padding-top: 0;
    padding-bottom: 35px;
  }

  /* line 61, ../_scss/inc/_mixin.scss */
  #navi-pre-next._single:after {
    content: "";
  }

  /* line 1740, ../_scss/inc/_plugin.scss */
  #navi-pre-next._single .cursor {
    height: 60px;
  }

  /* line 1742, ../_scss/inc/_plugin.scss */
  #navi-pre-next._single .cursor a {
    width: auto;
    font-size: 1.1rem;
  }

  /* line 1744, ../_scss/inc/_plugin.scss */
  #navi-pre-next._single .cursor a:before {
    margin-top: -3px;
    -moz-background-size: 22px 12px;
    -o-background-size: 22px 12px;
    -webkit-background-size: 22px 12px;
    background-size: 22px 12px;
    width: 22px;
    height: 6px;
  }

  /* line 1752, ../_scss/inc/_plugin.scss */
  #navi-pre-next._single .cursor.prev a {
    padding-right: 0;
    padding-left: 45px;
  }

  /* line 1755, ../_scss/inc/_plugin.scss */
  #navi-pre-next._single .cursor.prev a:before {
    left: 10px;
  }

  /* line 1759, ../_scss/inc/_plugin.scss */
  #navi-pre-next._single .cursor.next a {
    padding-left: 75px;
    padding-right: 30px;
  }

  /* line 1762, ../_scss/inc/_plugin.scss */
  #navi-pre-next._single .cursor.next a:before {
    right: 10px;
  }

  /* line 1765, ../_scss/inc/_plugin.scss */
  #navi-pre-next._single .cursor:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
  }

  /* line 1766, ../_scss/inc/_plugin.scss */
  #navi-pre-next._single .cursor._nolink {
    background-color: white;
  }

  /* line 1767, ../_scss/inc/_plugin.scss */
  #navi-pre-next._single .cursor._nolink:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }

  /* line 1770, ../_scss/inc/_plugin.scss */
  #navi-pre-next._single a.back {
    margin-left: -45px;
    padding-left: 0;
    text-align: center;
    width: 100px;
    height: 60px;
    font-size: 1.1rem;
    line-height: 60px;
  }

  /* line 1776, ../_scss/inc/_plugin.scss */
  #navi-pre-next._single a.back:before {
    display: none;
  }
}

/**
* contactform 7
*/
/* line 1789, ../_scss/inc/_plugin.scss */
div.wpcf7 {
  margin: 0;
  padding: 0;
}

/* line 1794, ../_scss/inc/_plugin.scss */
div.wpcf7-response-output {
  /*   font-family: "游ゴシック","YuGothic",'Hiragino Kaku Gothic ProN', Meiryo, メイリオ,  'PT Sans', 'Lucida Grande', sans-serif; */
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1.3;
  margin: 0 auto 32px !important;
  padding: 10px 5px !important;
}

/* line 1803, ../_scss/inc/_plugin.scss */
div.wpcf7 .screen-reader-response {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}

/* line 1813, ../_scss/inc/_plugin.scss */
div.wpcf7 .screen-reader-response ul {
  display: none;
}

/* line 1816, ../_scss/inc/_plugin.scss */
div.wpcf7-mail-sent-ok {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #000;
  color: white;
  padding: 8px;
  text-align: center;
}

/* line 1824, ../_scss/inc/_plugin.scss */
div.wpcf7-mail-sent-ng {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #ff5555;
  color: white;
  padding: 8px;
  text-align: center;
}

/* line 1832, ../_scss/inc/_plugin.scss */
div.wpcf7-spam-blocked {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #ff5555;
  color: white;
  padding: 8px;
  text-align: center;
}

/* line 1840, ../_scss/inc/_plugin.scss */
div.wpcf7-validation-errors {
  border: 0 none !important;
  background: #ff5555;
  color: white;
  padding: 8px;
  text-align: center;
}

/* line 1849, ../_scss/inc/_plugin.scss */
span.wpcf7-form-control-wrap {
  /* position: relative; */
}

/* line 1854, ../_scss/inc/_plugin.scss */
span.wpcf7-not-valid-tip {
  position: absolute;
  left: 0;
  bottom: -16px;
  z-index: 100;
  display: block;
  width: 100%;
  color: #c71616;
  font-size: 1em;
  white-space: nowrap;
}

/* line 1865, ../_scss/inc/_plugin.scss */
.use-floating-validation-tip span.wpcf7-not-valid-tip {
  position: absolute;
  top: 20%;
  left: 20%;
  z-index: 100;
  border: 1px solid #ff0000;
  background: #fff;
  padding: .2em .8em;
}

/* line 1875, ../_scss/inc/_plugin.scss */
span.wpcf7-list-item {
  margin-left: 0.5em;
}

/* line 1879, ../_scss/inc/_plugin.scss */
.wpcf7-display-none {
  display: none;
}

/* line 1883, ../_scss/inc/_plugin.scss */
div.wpcf7 img.ajax-loader {
  border: none;
  vertical-align: middle;
  margin-left: 4px;
}

/* line 1889, ../_scss/inc/_plugin.scss */
div.wpcf7 div.ajax-error {
  display: none;
}

/* line 1893, ../_scss/inc/_plugin.scss */
div.wpcf7 .placeheld {
  color: #888;
}

/*
	! fancyBox v3.1.2 http://fancyapps.com/fancybox/3/docs/
*/
/* line 1905, ../_scss/inc/_plugin.scss */
.fancybox-enabled {
  overflow: hidden;
}

/* line 1908, ../_scss/inc/_plugin.scss */
.fancybox-enabled body {
  overflow: visible;
  height: 100%;
}

/* line 1912, ../_scss/inc/_plugin.scss */
.fancybox-is-hidden {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden;
}

/* line 1918, ../_scss/inc/_plugin.scss */
.fancybox-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99993;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

/* Make sure that the first one is on the top */
/* line 1932, ../_scss/inc/_plugin.scss */
.fancybox-container~.fancybox-container {
  z-index: 99992;
}

/* line 1935, ../_scss/inc/_plugin.scss */
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* line 1945, ../_scss/inc/_plugin.scss */
.fancybox-outer {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* line 1949, ../_scss/inc/_plugin.scss */
.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

/* line 1956, ../_scss/inc/_plugin.scss */
.fancybox-is-open .fancybox-bg {
  opacity: 0.87;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* line 1960, ../_scss/inc/_plugin.scss */
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption-wrap {
  position: absolute;
  direction: ltr;
  z-index: 99997;
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s, visibility 0s linear .25s;
  box-sizing: border-box;
}

/* line 1971, ../_scss/inc/_plugin.scss */
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption-wrap {
  opacity: 1;
  visibility: visible;
  transition: opacity .25s, visibility 0s;
}

/* line 1978, ../_scss/inc/_plugin.scss */
.fancybox-infobar {
  top: 0;
  left: 50%;
  margin-left: -79px;
}

/* line 1983, ../_scss/inc/_plugin.scss */
.fancybox-infobar__body {
  display: inline-block;
  width: 70px;
  line-height: 44px;
  font-size: 13px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #ddd;
  background-color: rgba(30, 30, 30, 0.7);
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: subpixel-antialiased;
}

/* line 2001, ../_scss/inc/_plugin.scss */
.fancybox-toolbar {
  top: 0;
  right: 0;
}

/* line 2005, ../_scss/inc/_plugin.scss */
.fancybox-stage {
  overflow: hidden;
  direction: ltr;
  z-index: 99994;
  -webkit-transform: translate3d(0, 0, 0);
}

/* line 2011, ../_scss/inc/_plugin.scss */
.fancybox-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  outline: none;
  white-space: normal;
  box-sizing: border-box;
  text-align: center;
  z-index: 99994;
  -webkit-overflow-scrolling: touch;
  display: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

/* line 2035, ../_scss/inc/_plugin.scss */
.fancybox-slide::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0;
}

/* line 2042, ../_scss/inc/_plugin.scss */
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block;
}

/* line 2048, ../_scss/inc/_plugin.scss */
.fancybox-slide--image {
  overflow: visible;
}

/* line 2051, ../_scss/inc/_plugin.scss */
.fancybox-slide--image::before {
  display: none;
}

/* line 2054, ../_scss/inc/_plugin.scss */
.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
  background: #000;
}

/* line 2058, ../_scss/inc/_plugin.scss */
.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
  background: #E5E3DF;
}

/* line 2062, ../_scss/inc/_plugin.scss */
.fancybox-slide--next {
  z-index: 99995;
}

/* line 2065, ../_scss/inc/_plugin.scss */
.fancybox-slide>* {
  display: inline-block;
  position: relative;
  padding: 24px;
  margin: 44px 0 44px;
  border-width: 0;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  overflow: auto;
  box-sizing: border-box;
}

/* line 2077, ../_scss/inc/_plugin.scss */
.fancybox-slide .fancybox-image-wrap {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: 99995;
  background: transparent;
  cursor: default;
  overflow: visible;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 2096, ../_scss/inc/_plugin.scss */
.fancybox-can-zoomOut .fancybox-image-wrap {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

/* line 2100, ../_scss/inc/_plugin.scss */
.fancybox-can-zoomIn .fancybox-image-wrap {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

/* line 2104, ../_scss/inc/_plugin.scss */
.fancybox-can-drag .fancybox-image-wrap {
  cursor: -webkit-grab;
  cursor: grab;
}

/* line 2108, ../_scss/inc/_plugin.scss */
.fancybox-is-dragging .fancybox-image-wrap {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* line 2112, ../_scss/inc/_plugin.scss */
.fancybox-image,
.fancybox-spaceball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  max-width: none;
  max-height: none;
}

/* line 2125, ../_scss/inc/_plugin.scss */
.fancybox-spaceball {
  z-index: 1;
}

/* line 2128, ../_scss/inc/_plugin.scss */
.fancybox-slide--iframe .fancybox-content {
  padding: 0;
  width: 80%;
  height: 80%;
  max-width: calc(100% - 100px);
  max-height: calc(100% - 88px);
  overflow: visible;
  background: #fff;
}

/* line 2137, ../_scss/inc/_plugin.scss */
.fancybox-iframe {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}

/* line 2146, ../_scss/inc/_plugin.scss */
.fancybox-error {
  margin: 0;
  padding: 40px;
  width: 100%;
  max-width: 380px;
  background: #fff;
  cursor: default;
}

/* line 2154, ../_scss/inc/_plugin.scss */
.fancybox-error p {
  margin: 0;
  padding: 0;
  color: #444;
  font: 16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* line 2160, ../_scss/inc/_plugin.scss */
.fancybox-close-small {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  outline: none;
  background: transparent;
  z-index: 10;
  cursor: pointer;
}

/* line 2175, ../_scss/inc/_plugin.scss */
.fancybox-close-small:after {
  content: '×';
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  font: 20px/30px Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #888;
  font-weight: 300;
  text-align: center;
  border-radius: 50%;
  border-width: 0;
  background: #fff;
  transition: background .25s;
  box-sizing: border-box;
  z-index: 2;
}

/* line 2193, ../_scss/inc/_plugin.scss */
.fancybox-close-small:focus:after {
  outline: 1px dotted #888;
}

/* line 2196, ../_scss/inc/_plugin.scss */
.fancybox-close-small:hover:after {
  color: #555;
  background: #eee;
}

/* line 2200, ../_scss/inc/_plugin.scss */
.fancybox-slide--iframe .fancybox-close-small {
  top: 0;
  right: -44px;
}

/* line 2204, ../_scss/inc/_plugin.scss */
.fancybox-slide--iframe .fancybox-close-small:after {
  background: transparent;
  font-size: 35px;
  color: #aaa;
}

/* line 2209, ../_scss/inc/_plugin.scss */
.fancybox-slide--iframe .fancybox-close-small:hover:after {
  color: #fff;
}

/* Caption */
/* line 2213, ../_scss/inc/_plugin.scss */
.fancybox-caption-wrap {
  bottom: 0;
  left: 0;
  right: 0;
  padding: 60px 30px 0 30px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
  pointer-events: none;
}

/* line 2221, ../_scss/inc/_plugin.scss */
.fancybox-caption {
  padding: 30px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #fff;
  line-height: 20px;
  -webkit-text-size-adjust: none;
}

/* line 2230, ../_scss/inc/_plugin.scss */
.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
  pointer-events: all;
}

/* line 2235, ../_scss/inc/_plugin.scss */
.fancybox-caption a {
  color: #fff;
  text-decoration: underline;
}

/* Buttons */
/* line 2240, ../_scss/inc/_plugin.scss */
.fancybox-button {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: transparent;
  color: #ddd;
  border-radius: 0;
  cursor: pointer;
  vertical-align: top;
  outline: none;
}

/* line 2257, ../_scss/inc/_plugin.scss */
.fancybox-button[disabled] {
  cursor: default;
  pointer-events: none;
}

/* line 2261, ../_scss/inc/_plugin.scss */
.fancybox-infobar__body,
.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
}

/* line 2264, ../_scss/inc/_plugin.scss */
.fancybox-button:hover:not([disabled]) {
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
}

/* line 2268, ../_scss/inc/_plugin.scss */
.fancybox-button::before,
.fancybox-button::after {
  content: '';
  pointer-events: none;
  position: absolute;
  background-color: currentColor;
  color: currentColor;
  opacity: 0.9;
  box-sizing: border-box;
  display: inline-block;
}

/* line 2279, ../_scss/inc/_plugin.scss */
.fancybox-button[disabled]::before,
.fancybox-button[disabled]::after {
  opacity: 0.3;
}

/* line 2283, ../_scss/inc/_plugin.scss */
.fancybox-button--left::after,
.fancybox-button--right::after {
  top: 18px;
  width: 6px;
  height: 6px;
  background: transparent;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
}

/* line 2292, ../_scss/inc/_plugin.scss */
.fancybox-button--left::after {
  left: 20px;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* line 2298, ../_scss/inc/_plugin.scss */
.fancybox-button--right::after {
  right: 20px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* line 2304, ../_scss/inc/_plugin.scss */
.fancybox-button--left {
  border-bottom-left-radius: 5px;
}

/* line 2307, ../_scss/inc/_plugin.scss */
.fancybox-button--right {
  border-bottom-right-radius: 5px;
}

/* line 2310, ../_scss/inc/_plugin.scss */
.fancybox-button--close::before,
.fancybox-button--close::after {
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 16px;
  top: calc(50% - 1px);
  left: calc(50% - 8px);
}

/* line 2319, ../_scss/inc/_plugin.scss */
.fancybox-button--close::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* line 2324, ../_scss/inc/_plugin.scss */
.fancybox-button--close::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* Navigation arrows */
/* line 2330, ../_scss/inc/_plugin.scss */
.fancybox-arrow {
  position: absolute;
  top: 50%;
  margin: -50px 0 0 0;
  height: 100px;
  width: 54px;
  padding: 0;
  border: 0;
  outline: none;
  background: none;
  cursor: pointer;
  z-index: 99995;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: opacity .25s;
}

/* line 2349, ../_scss/inc/_plugin.scss */
.fancybox-arrow::after {
  content: '';
  position: absolute;
  top: 28px;
  width: 44px;
  height: 44px;
  background-color: rgba(30, 30, 30, 0.8);
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 24px;
}

/* line 2361, ../_scss/inc/_plugin.scss */
.fancybox-arrow--right {
  right: 0;
}

/* line 2364, ../_scss/inc/_plugin.scss */
.fancybox-arrow--left {
  left: 0;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}

/* line 2370, ../_scss/inc/_plugin.scss */
.fancybox-arrow--right::after,
.fancybox-arrow--left::after {
  left: 0;
}

/* line 2374, ../_scss/inc/_plugin.scss */
.fancybox-show-nav .fancybox-arrow {
  opacity: 0.6;
}

/* line 2377, ../_scss/inc/_plugin.scss */
.fancybox-show-nav .fancybox-arrow[disabled] {
  opacity: 0.3;
}

/* Loading indicator */
/* line 2381, ../_scss/inc/_plugin.scss */
.fancybox-loading {
  border: 6px solid rgba(100, 100, 100, 0.4);
  border-top: 6px solid rgba(255, 255, 255, 0.6);
  border-radius: 100%;
  height: 50px;
  width: 50px;
  -webkit-animation: fancybox-rotate .8s infinite linear;
  animation: fancybox-rotate .8s infinite linear;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 99999;
}

@-webkit-keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/* Transition effects */
/* line 2414, ../_scss/inc/_plugin.scss */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

/* transitionEffect: slide */
/* line 2418, ../_scss/inc/_plugin.scss */
.fancybox-fx-slide.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0;
}

/* line 2423, ../_scss/inc/_plugin.scss */
.fancybox-fx-slide.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  opacity: 0;
}

/* line 2428, ../_scss/inc/_plugin.scss */
.fancybox-fx-slide.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

/* transitionEffect: fade */
/* line 2434, ../_scss/inc/_plugin.scss */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

/* line 2439, ../_scss/inc/_plugin.scss */
.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}

/* transitionEffect: zoom-in-out */
/* line 2443, ../_scss/inc/_plugin.scss */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
  transform: scale3d(1.5, 1.5, 1.5);
  opacity: 0;
}

/* line 2448, ../_scss/inc/_plugin.scss */
.fancybox-fx-zoom-in-out.fancybox-slide--next {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
}

/* line 2453, ../_scss/inc/_plugin.scss */
.fancybox-fx-zoom-in-out.fancybox-slide--current {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

/* transitionEffect: rotate */
/* line 2459, ../_scss/inc/_plugin.scss */
.fancybox-fx-rotate.fancybox-slide--previous {
  -webkit-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
  opacity: 0;
}

/* line 2465, ../_scss/inc/_plugin.scss */
.fancybox-fx-rotate.fancybox-slide--next {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  opacity: 0;
}

/* line 2471, ../_scss/inc/_plugin.scss */
.fancybox-fx-rotate.fancybox-slide--current {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  opacity: 1;
}

/* transitionEffect: circular */
/* line 2478, ../_scss/inc/_plugin.scss */
.fancybox-fx-circular.fancybox-slide--previous {
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  opacity: 0;
}

/* line 2483, ../_scss/inc/_plugin.scss */
.fancybox-fx-circular.fancybox-slide--next {
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  opacity: 0;
}

/* line 2488, ../_scss/inc/_plugin.scss */
.fancybox-fx-circular.fancybox-slide--current {
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  opacity: 1;
}

/* transitionEffect: tube */
/* line 2494, ../_scss/inc/_plugin.scss */
.fancybox-fx-tube.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

/* line 2498, ../_scss/inc/_plugin.scss */
.fancybox-fx-tube.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

/* line 2502, ../_scss/inc/_plugin.scss */
.fancybox-fx-tube.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {

  /* line 2508, ../_scss/inc/_plugin.scss */
  .fancybox-infobar {
    left: 0;
    margin-left: 0;
  }

  /* line 2511, ../_scss/inc/_plugin.scss */
  .fancybox-button--left,
  .fancybox-button--right {
    display: none !important;
  }

  /* line 2514, ../_scss/inc/_plugin.scss */
  .fancybox-caption {
    padding: 20px 0;
    margin: 0;
  }
}

/* Fullscreen  */
/* line 2519, ../_scss/inc/_plugin.scss */
.fancybox-button--fullscreen {
  display: none;
}

/* line 2520, ../_scss/inc/_plugin.scss */
.fancybox-button--fullscreen::before {
  width: 15px;
  height: 11px;
  left: calc(50% - 7px);
  top: calc(50% - 6px);
  border: 2px solid;
  background: none;
}

/* Slideshow button */
/* line 2529, ../_scss/inc/_plugin.scss */
.fancybox-button--play::before,
.fancybox-button--pause::before {
  top: calc(50% - 6px);
  left: calc(50% - 4px);
  background: transparent;
}

/* line 2535, ../_scss/inc/_plugin.scss */
.fancybox-button--play::before {
  width: 0;
  height: 0;
  border-top: 6px inset transparent;
  border-bottom: 6px inset transparent;
  border-left: 10px solid;
  border-radius: 1px;
}

/* line 2543, ../_scss/inc/_plugin.scss */
.fancybox-button--pause::before {
  width: 7px;
  height: 11px;
  border-style: solid;
  border-width: 0 2px 0 2px;
}

/* Thumbs */
/* line 2550, ../_scss/inc/_plugin.scss */
.fancybox-thumbs {
  display: none;
}

/* line 2553, ../_scss/inc/_plugin.scss */
.fancybox-button--thumbs {
  display: none;
}

@media all and (min-width: 800px) {

  /* line 2557, ../_scss/inc/_plugin.scss */
  .fancybox-button--thumbs {
    display: inline-block;
  }

  /* line 2559, ../_scss/inc/_plugin.scss */
  .fancybox-button--thumbs span {
    font-size: 23px;
  }

  /* line 2561, ../_scss/inc/_plugin.scss */
  .fancybox-button--thumbs::before {
    width: 3px;
    height: 3px;
    top: calc(50% - 2px);
    left: calc(50% - 2px);
    box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0;
  }

  /* line 2567, ../_scss/inc/_plugin.scss */
  .fancybox-thumbs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 220px;
    margin: 0;
    padding: 5px 5px 0 0;
    background: #fff;
    word-break: normal;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    box-sizing: border-box;
    z-index: 99995;
  }

  /* line 2583, ../_scss/inc/_plugin.scss */
  .fancybox-show-thumbs .fancybox-thumbs {
    display: block;
  }

  /* line 2585, ../_scss/inc/_plugin.scss */
  .fancybox-show-thumbs .fancybox-inner {
    right: 220px;
  }


  .fancybox-thumbs>ul {
    list-style: none;
    position: absolute;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0;
  }


  .fancybox-thumbs>ul>li {
    float: left;
    overflow: hidden;
    max-width: 50%;
    padding: 0;
    margin: 0;
    width: 105px;
    height: 75px;
    position: relative;
    cursor: pointer;
    outline: none;
    border: 5px solid transparent;
    border-top-width: 0;
    border-right-width: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
  }


  li.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, 0.1);
  }


  .fancybox-thumbs>ul>li>img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }


  .fancybox-thumbs>ul>li:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 2px;
    border: 4px solid #4ea7f9;
    z-index: 99991;
    opacity: 0;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  .fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
    opacity: 1;
  }
}

p {
  font-size: 1.6rem;
  line-height: 1.8;
}

p:last-of-type {
  /* margin-bottom: 0 !important; */
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  p {
    font-size: 1.5rem;
    line-height: 1.9;
  }
}

/*----------------------------------------------------
  Link
 ----------------------------------------------------*/

a {
  text-decoration: none;
  -webkit-transition: 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -ms-transition: 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

a:link {
  color: #000;
}

a:visited {
  color: #000;
}

a:hover,
a:active {
  color: #000;
}


a.hvr {
  display: inline-block;
}


input[type=text],
input[type=number],
input[type=email],
textarea,
input[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
  border: 0 none;
  background: white;
}

input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
textarea:focus,
input[type=submit]:focus {
  outline: 0;
}


input[type=submit] {
  background-color: #000;
  color: white;
}


figure.photo img,
div.photo img {
  display: block;
  width: 100%;
}

.sitelogo {
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  -moz-background-size: contain !important;
  -o-background-size: contain !important;
  -webkit-background-size: contain !important;
  background-size: contain !important;
  /* background-image: url(../img/common/logo_hinui.html); */
  display: block;
  text-align: left;
  text-indent: -9999px;
  width: 100px;
  height: 60px;
}

.pc .sitelogo:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

.sitelogo span {
  display: none;
}

.sitelogo._full {
  width: 150px;
  /* height: 60px; */
  background-image: url(../img/common/logo_jyonan-w.svg);
  /* display: none; */
}

.sitelogo._full._white {
  background-image: url(../img/common/logo_laquoh-full-w.svg);
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  .sitelogo {
    /* width: 90px; */
    height: 90px;
  }
}

/* = [UTILITY]
---------------------------------------------------------------------*/
.preloader i {
  color: #aaa;
  font-size: 40px;
}


#loadPanel_ {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000000;
  width: 100%;
  height: 100%;
  background-color: #009a85;
}

#loadPanel_ figure.logo {
  display: none;
}

#loadPanel_ .indicator {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  margin-left: -20px;
  margin-top: -20px;
  width: 40px;
  height: 40px;
}

#loadPanel_ .indicator:before {
  position: absolute;
  display: block;
  color: white;
  font-family: 'hinuihitohi';
  font-weight: normal !important;
  content: '\e900';
  width: 40px;
  height: 40px;
  font-size: 40px;
}

#loadPanel_ .spinner {
  -webkit-animation: sk-scaleout 2.3s infinite ease-in-out;
  animation: sk-scaleout 2.3s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0.9);
    opacity: 0;
  }

  50% {
    -webkit-transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(0.9);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0;
  }
}

#loadPanel {
  position: fixed;
  /* left: 0; */
  /* top: 0; */
  /* z-index: 200001; */
  /* width: 100%; */
  /* height: 100%; */
  /* overflow: hidden; */
  /* background: #050126; */
}

#loadPanel #indicator-line {
  -webkit-transition: 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -ms-transition: 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 0%;
  height: 5px;
  background-color: #002233;
}

#loadPanel #bg-indicator {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #fff;
}

#loadPanel #statement {
  display: table;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
}

#loadPanel #statement #statement-inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

#loadPanel #statement #statement-inner .logo-lamp {
  display: inline-block;
}


.transparent {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

.transparent {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* = footer#site-footer
---------------------------------------------------------------------*/

footer#site-footer {
  /*   font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; */
  letter-spacing: .1em;
  color: #000;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #fff;
  border-top: 1px solid #ddd;
}

footer#site-footer #site-footer-inner {
  position: relative;
  /* padding-bottom: 85px; */
}

footer#site-footer #site-footer-inner:after {
  content: "";
}


footer#site-footer .support-area {
  /* float: left; */
  /* width: 250px; */
  display: flex;
  flex-direction: row;
  align-items: center;
}

footer#site-footer .support-area ul.main {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 10px 0;
}

footer#site-footer .support-area ul.main li {
  /*   width:30%; */
  padding-right: 2%;
  font-size: 14px;
  text-align: left;
  line-height: 1.6;
}

.boxArea {
  position: relative;
  margin: 2em 1%;
  padding: 0.9em;
  border: solid 1px #1a1a1a;
  border-radius: 4px;
  width: 32%;
  min-height: 66px;
}

.boxArea .box-title {
  position: absolute;
  display: inline-block;
  top: -13px;
  left: 15px;
  padding: 0 9px;
  line-height: 1;
  font-size: 16px;
  background: #FFF;
  font-weight: bold;
}

.boxArea p {
  font-size: 15px;
}

.boxArea p a.tel {
  font-size: 22px;
}




@media screen and (max-width: 600px) {
  footer#site-footer .support-area {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .boxArea {
    position: relative;
    margin: 2em 1%;
    padding: 0.9em;
    border: solid 1px #1a1a1a;
    border-radius: 4px;
    width: 100%;
    min-height: 66px;
  }

  .boxArea p {
    margin: 10px 0;
    line-height: 1.6;
  }


}



footer#site-footer .logo-area {
  /* float: left; */
  /* width: 250px; */
  display: flex;
  flex-direction: row;
  align-items: center;
}

footer#site-footer .logo-area .sitelogo {
  width: 160px;
  /* height: 160px; */
}

footer#site-footer .logo-area .sitelogo._full {
  width: 150px;
  /* height: 60px; */
  background-image: url(../img/common/logo_jyonan-black.svg);
  /* display: none; */
}


footer#site-footer .meta-area {
  width: 280px;
}

footer#site-footer .logo-area .address {
  /*   width: 160px; */
  /* height: 160px; */
  padding: 10px;
}

footer#site-footer .logo-area .phone {
  padding: 10px;
}

footer#site-footer .logo-area .phone a {
  font-size: 25px;
}

footer#site-footer .logo-area .phone a:before {
  font-family: 'Font Awesome 6 pro';
  content: "\f095";
}

/* line 201, ../_scss/style.scss */
footer#site-footer .meta-area .address {
  font-size: 1.5rem;
  line-height: 1.2;
  margin-bottom: 5px;
  /* color: #fff; */
}

footer#site-footer .logo-area .googlemap {
  padding: 10px;
}

footer#site-footer .logo-area .googlemap a {
  font-size: 20px;
}

footer#site-footer .logo-area .googlemap a:before {
  font-family: 'Font Awesome 6 pro';
  content: "\f3c5";
}

footer#site-footer .meta-area .address {
  font-size: 1.5rem;
  line-height: 1.2;
  margin-bottom: 5px;
  /* color: #fff; */
}

footer#site-footer .meta-area .address a {
  font-size: 1.8rem;
  line-height: 1.5;
  margin-bottom: 5px;
  color: #fff;
}



footer#site-footer .meta-area .contact {
  font-family: eb-garamond, serif;
  letter-spacing: .05em;
  font-size: 1.6rem;
  margin-bottom: 25px;
}

footer#site-footer .meta-area .contact a {
  color: #fff;
}



footer#site-footer .meta-area .contact .tel {
  display: inline-block;
  color: #fff;
}

footer#site-footer .meta-area .contact .tel a {
  color: #fff;
}


footer#site-footer .meta-area .contact .tel:after {
  display: inline-block;
  content: '/';
  padding: 0 5px;
}

footer#site-footer .meta-area ul.snslist {
  /* padding-left:30px; */
  margin-bottom: 15px;
}



footer#site-footer .meta-area ul.snslist li {
  display: inline-block;
  position: relative;
  margin-top: 10px;
}

footer#site-footer .meta-area ul.snslist li a {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  font-family: "Century Gothic", 'Abel', sans-serif;
  /* font-family: 'Abel', sans-serif; */
  letter-spacing: .05em;
  font-size: 1.2rem;
  font-weight: 400;
  /* color: #fff; */
}

footer#site-footer .meta-area ul.snslist li a:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -9.5px;
  /* font-family: ''; */
  font-family: 'laquoh';
  /* font-weight: normal !important; */
  font-size: 17px;
  display: block;
  color: #b13433;
}

footer#site-footer .meta-area ul.snslist li.facebook {
  padding-right: 14px;
  margin-right: 12px;
}

/* line 228, ../_scss/style.scss */
footer#site-footer .meta-area ul.snslist li.facebook:after {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
  width: 1px;
  height: 16px;
  background-color: #C2C2C2;

  display: block;
  content: '';
}

footer#site-footer .meta-area ul.snslist li.facebook a:before {
  /* font-family: 'Font Awesome 6 pro'; */
  content: "\e700";
  padding-right: 10px;
}

footer#site-footer .meta-area ul.snslist li.instagram a:before {
  content: '\e702';
  font-weight: 400;
}

footer#site-footer nav.sitemap {
  /* position: absolute; */
  /* right: 0; */
  /* top: 0; */
  /* text-align: right; */
  /* display: inline-block; */
}

footer#site-footer nav.sitemap ul li {
  display: inline-block;
  position: relative;
}

footer#site-footer nav.sitemap ul li:after {
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  content: '';
}

footer#site-footer nav.sitemap ul li:last-child {
  padding-right: 0 !important;
  margin-right: 0 !important;
}

footer#site-footer nav.sitemap ul li:last-child:after {
  display: none !important;
}

footer#site-footer nav.sitemap ul.main {
  /* padding-right: 210px; */
  border-bottom: 1px solid #ddd;
}

footer#site-footer nav.sitemap ul.main li {
  font-size: 1.7rem;
  line-height: 48px;
  padding-right: 23px;
  color: #fff;
}

footer#site-footer nav.sitemap ul.main li a {
  font-size: 1.3rem;
  line-height: 48px;
  padding-right: 10px;
  /* color:#fff; */
  /* font-family: "Century Gothic",'Abel', sans-serif; */
}

footer#site-footer nav.sitemap ul.main li a {
  font-size: 1.3rem;
  line-height: 48px;
  padding-right: 10px;
  /* color:#fff; */
  /* font-family: "Century Gothic",'Abel', sans-serif; */
}



footer#site-footer nav.sitemap ul.main li:before {
  /* margin-top: 0px; */
  /* width: 1px; */
  /* height: 20px; */
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  /* -webkit-transform: rotate(30deg); */
  /* transform: rotate(30deg); */
  /* background-color: #a9a9a9; */
  /* display: block; */
  /* content: ''; */
  /* font-family: 'Font Awesome 6 pro'; */
  /* content: "\f178"; */
  font-size: 10px;
  top: 0;
  padding-right: 5px;
  line-height: 1.5;
  position: relative;
}

footer#site-footer nav.sitemap ul.sub {
  margin-top: 28px;
}

footer#site-footer nav.sitemap ul.sub li {
  font-size: 1.4rem;
  padding-right: 15px;
  margin-right: 15px;
}

footer#site-footer nav.sitemap ul.sub li:after {
  margin-top: -1px;
  width: 3px;
  height: 3px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #000;
}

footer#site-footer nav.sitemap .button_reserve {
  position: absolute;
  right: 0;
  top: -30px;
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  /*   font-family: "游ゴシック","YuGothic",'Hiragino Kaku Gothic ProN', Meiryo, メイリオ,  'PT Sans', 'Lucida Grande', sans-serif; */
  /* font-weight: bold; */
  font-size: 1.35rem;
  border: 1px solid #000;
  /* background-color: #000; */
  color: #000;
}

footer#site-footer nav.sitemap .button_reserve span {
  position: relative;
  z-index: 2;
  font-family: "Century Gothic", 'Abel', sans-serif;
}

footer#site-footer nav.sitemap .button_reserve:after {
  display: block;
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  background: #000;
  transform-origin: right top;
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -ms-transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.pc footer#site-footer nav.sitemap .button_reserve:hover {
  color: #fff;
}

.pc footer#site-footer nav.sitemap .button_reserve:hover:after {
  transform-origin: left top;
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

footer#site-footer #copyright {
  font-size: 1.2rem;
  letter-spacing: .1em;
  width: 100%;
  font-family: "Century Gothic", sans-serif;
  margin-top: 20px;
  text-align: center;
}

footer#site-footer #copyright small {
  font-size: 1.2rem;
  /* color:#fff; */
  font-family: "Century Gothic", sans-serif;
}


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

  footer#site-footer .logo-area {
    /* width: 220px; */
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  footer#site-footer nav.sitemap {
    padding-top: 0;
    margin: 0 auto;
  }

  footer#site-footer nav.sitemap ul.main {
    /* padding-right: 0; */
    /* text-align: center; */
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px solid #ddd;
  }

  footer#site-footer nav.sitemap ul.sub {
    margin-top: 18px;
  }
}

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

  footer#site-footer .logo-area {
    width: 205px;
  }

  footer#site-footer .meta-area .address {
    font-size: 1.6rem;
    margin-bottom: 8px;
  }

  footer#site-footer .meta-area .contact {
    margin-bottom: 22px;
    font-size: 1.5rem;
  }

  footer#site-footer .meta-area .contact .tel {
    display: block;
    margin-bottom: 5px;
  }

  footer#site-footer .meta-area .contact .tel:after {
    display: none;
  }

  /* line 356, ../_scss/style.scss */
  footer#site-footer .meta-area ul.snslist li {
    display: block;
    font-family: "Century Gothic", sans-serif;
  }

  /* line 358, ../_scss/style.scss */
  footer#site-footer .meta-area ul.snslist li.facebook {
    padding-right: 0;
    margin-right: 0;
    margin-bottom: 8px;
  }

  /* line 361, ../_scss/style.scss */
  footer#site-footer .meta-area ul.snslist li.facebook:after {
    display: none;
  }

  /* line 366, ../_scss/style.scss */
  footer#site-footer nav.sitemap {
    padding-top: 60px;
  }

  /* line 370, ../_scss/style.scss */
  footer#site-footer nav.sitemap ul.main li {
    font-size: 1.6rem;
    padding-right: 21px;
    margin-right: 21px;
    line-height: 1;
  }

  /* line 373, ../_scss/style.scss */
  footer#site-footer nav.sitemap ul.main li:after {
    margin-top: -9px;
    height: 18px;
  }

  /* line 376, ../_scss/style.scss */
  footer#site-footer nav.sitemap ul.sub {
    margin-top: 12px;
  }

  /* line 378, ../_scss/style.scss */
  footer#site-footer nav.sitemap ul.sub li {
    padding-right: 12px;
    margin-right: 12px;
  }
}

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

  /* line 389, ../_scss/style.scss */
  footer#site-footer #site-footer-inner {
    padding-bottom: 65px;
  }

  /* line 391, ../_scss/style.scss */
  footer#site-footer .meta-area .contact {
    font-size: 1.5rem;
  }

  /* line 393, ../_scss/style.scss */
  footer#site-footer .meta-area .contact .tel {
    display: inline-block;
    margin-bottom: 0;
  }

  /* line 395, ../_scss/style.scss */
  footer#site-footer .meta-area .contact .tel:after {
    display: inline-block;
  }

  /* line 399, ../_scss/style.scss */
  footer#site-footer .meta-area ul.snslist li {
    display: inline-block;
  }

  /* line 401, ../_scss/style.scss */
  footer#site-footer .meta-area ul.snslist li.facebook {
    padding-right: 14px;
    margin-right: 12px;
    margin-bottom: 0;
  }

  /* line 404, ../_scss/style.scss */
  footer#site-footer .meta-area ul.snslist li.facebook:after {
    display: block;
  }

  /* line 409, ../_scss/style.scss */
  footer#site-footer nav.sitemap {
    position: relative;
    right: auto;
    top: auto;
    padding-top: 0;
    text-align: left;
    width: 100%;
    float: left;
    margin-bottom: 40px;
  }

  /* line 416, ../_scss/style.scss */
  footer#site-footer nav.sitemap ul.main li {
    font-size: 1.7rem;
    padding-right: 23px;
    margin-right: 23px;
  }

  /* line 419, ../_scss/style.scss */
  footer#site-footer nav.sitemap ul.main li:after {
    margin-top: -10px;
    height: 20px;
  }

  footer#site-footer nav.sitemap ul.sub li {
    padding-right: 15px;
    margin-right: 15px;
  }
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  footer#site-footer {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  footer#site-footer #site-footer-inner {
    padding-bottom: 50px;
  }

  footer#site-footer .logo-area {
    width: 100%;
    flex-direction: column;
  }

  footer#site-footer .logo-area .sitelogo._full {
    margin-left: auto;
    margin-right: auto;
    width: 250px;
    height: 110px;
  }

  footer#site-footer .logo-area .sitelogo._full:hover {
    cursor: pointer;
  }

  footer#site-footer .meta-area {
    width: 100%;
    text-align: center;
  }

  footer#site-footer .meta-area .address {
    font-size: 1.5rem;
    padding: 10px;
    margin-top: 0;
  }

  footer#site-footer .logo-area .address {
    margin-top: 0;
  }

  footer#site-footer .logo-area .phone {
    margin-top: 0;
  }

  footer#site-footer .logo-area .googlemap {
    margin-top: 0;
  }

  footer#site-footer nav.sitemap {
    display: none;
    /*
          position: relative; right: auto; top: auto;
          text-align: left;
          width: 100%; float: none; margin-bottom: 50px;
          padding-top: 60px;
          ul {
            &.main {
              li {
                font-size: 1.5rem;
                padding-right: 12px; margin-right: 12px;
                &:after {margin-top: -8px; height: 16px;}
              }
            }
            &.sub {
              font-size: 1.3rem; letter-spacing: .02em;
              li {padding-right: 10px; margin-right: 10px;}
            }
          }
    */
  }

  /* line 465, ../_scss/style.scss */
  footer#site-footer #copyright {
    width: 100%;
    text-align: center;
  }
}

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

  footer#site-footer .logo-area .sitelogo._full {
    margin-left: auto;
    margin-right: auto;
    width: 160px;
    /*     height: 110px; */
  }
}




/* line 470, ../_scss/style.scss */
nav#main-cont {
  padding: 125px 0;
  background-color: #f4f4f4;
}

/* line 474, ../_scss/style.scss */
nav#main-cont .column3>li {
  width: 30%;
  margin-right: 5%;
}

/* line 476, ../_scss/style.scss */
nav#main-cont .column3>li:nth-child(3n) {
  margin-right: 0 !important;
}

/* line 477, ../_scss/style.scss */
nav#main-cont .column3>li a {
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  position: relative;
  display: block;
  overflow: hidden;
}

/* line 480, ../_scss/style.scss */
nav#main-cont .column3>li a .text_ {
  position: absolute;
  right: 29px;
  top: 29px;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  color: white;
}

/* line 484, ../_scss/style.scss */
nav#main-cont .column3>li a .text_ span {
  display: block;
}

/* line 486, ../_scss/style.scss */
nav#main-cont .column3>li a .text_ span.main {
  /*   font-family: dnp-shuei-mincho-pr6, "游明朝", "YuMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; */
  font-weight: 500;
  letter-spacing: .1em;
  font-size: 2.6rem;
  margin-left: 17px;
}

/* line 488, ../_scss/style.scss */
nav#main-cont .column3>li a .text_ span.main i {
  font-size: 3.2rem;
}

/* line 491, ../_scss/style.scss */
nav#main-cont .column3>li a .text_ span.sub {
  padding-top: 2px;
  font-family: eb-garamond, serif;
  letter-spacing: .05em;
  font-size: 1.6rem;
}

/* line 497, ../_scss/style.scss */
nav#main-cont .column3>li a .title {
  position: absolute;
  right: 29px;
  top: 29px;
  z-index: 2;
  width: 18%;
  max-width: 64px;
  min-width: 50px;
}

/* line 500, ../_scss/style.scss */
nav#main-cont .column3>li a .title img {
  display: block;
  width: 100%;
}

/* line 502, ../_scss/style.scss */
nav#main-cont .column3>li a figure,
nav#main-cont .column3>li a .title {
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
}

/* line 503, ../_scss/style.scss */
nav#main-cont .column3>li a figure {
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  -webkit-background-size: cover !important;
  background-size: cover !important;
}

/* line 505, ../_scss/style.scss */
nav#main-cont .column3>li a figure:before {
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .25;
  display: block;
  content: '';
}

/* line 515, ../_scss/style.scss */
.pc nav#main-cont .column3>li a:hover figure {
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

/* line 517, ../_scss/style.scss */
.pc nav#main-cont .column3>li a:hover figure:before {
  opacity: 0;
}

/* line 519, ../_scss/style.scss */
.pc nav#main-cont .column3>li a:hover .title {
  opacity: .75;
}

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

  /* line 529, ../_scss/style.scss */
  nav#main-cont .column3>li {
    width: 32%;
    margin-right: 2%;
  }

  /* line 532, ../_scss/style.scss */
  nav#main-cont .column3>li a .title {
    right: 16px;
    top: 16px;
    width: 45px;
  }
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  /* line 470, ../_scss/style.scss */
  nav#main-cont {
    padding: 0;
  }

  /* line 541, ../_scss/style.scss */
  nav#main-cont .content-frame {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* line 542, ../_scss/style.scss */
  nav#main-cont .column3 {
    padding-bottom: 0;
  }

  /* line 543, ../_scss/style.scss */
  nav#main-cont .column3>li {
    margin-bottom: 3px;
  }

  /* line 544, ../_scss/style.scss */
  nav#main-cont .column3>li:last-child {
    margin-bottom: 0;
  }

  /* line 546, ../_scss/style.scss */
  nav#main-cont .column3>li a .title {
    right: 32px;
    top: 26px;
    max-width: 54px;
  }

  /* line 547, ../_scss/style.scss */
  nav#main-cont .column3>li a figure {
    height: 166px;
  }

  /* line 549, ../_scss/style.scss */
  nav#main-cont .column3>li a figure img {
    display: none;
  }
}

/* line 557, ../_scss/style.scss */
a.button_sq {
  display: block;
  position: relative;
  border: 1px solid #a0a0a0;
  width: 60px;
  height: 60px;
}

/* line 561, ../_scss/style.scss */
a.button_sq:before {
  -webkit-transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -ms-transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #000;
  display: block;
  content: '';
}

/* line 569, ../_scss/style.scss */
a.button_sq span {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: block;
  text-align: left;
  text-indent: -9999px;
}

/* line 572, ../_scss/style.scss */
a.button_sq span:before,
a.button_sq span:after {
  -webkit-transition: 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -ms-transition: 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  position: absolute;
  background-color: #2d2d2d;
  display: block;
  content: '';
}

/* line 578, ../_scss/style.scss */
a.button_sq span:before {
  height: 9px;
  -moz-transform: rotate(35deg) translateX(-3px);
  -ms-transform: rotate(35deg) translateX(-3px);
  -webkit-transform: rotate(35deg) translateX(-3px);
  transform: rotate(35deg) translateX(-3px);
}

/* line 579, ../_scss/style.scss */
a.button_sq span:after {
  height: 27px;
}

/* line 582, ../_scss/style.scss */
a.button_sq._up:before,
a.button_sq._down:before {
  transform-origin: left top;
  -moz-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
}

/* line 588, ../_scss/style.scss */
a.button_sq._next:before,
a.button_sq._prev:before {
  transform-origin: right top;
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}

/* line 593, ../_scss/style.scss */
a.button_sq._next span:before,
a.button_sq._next span:after,
a.button_sq._prev span:before,
a.button_sq._prev span:after {
  top: 50%;
  height: 1px;
}

/* line 594, ../_scss/style.scss */
a.button_sq._next span:before,
a.button_sq._prev span:before {
  width: 9px;
}

/* line 594, ../_scss/style.scss */
a.button_sq._next span:after,
a.button_sq._prev span:after {
  width: 27px;
}

/* line 599, ../_scss/style.scss */
a.button_sq._next span:before {
  right: 11px;
  -moz-transform: rotate(35deg) translateX(-5px);
  -ms-transform: rotate(35deg) translateX(-5px);
  -webkit-transform: rotate(35deg) translateX(-5px);
  transform: rotate(35deg) translateX(-5px);
}

/* line 603, ../_scss/style.scss */
a.button_sq._next span:after {
  right: 16px;
  width: 27px;
}

/* line 608, ../_scss/style.scss */
a.button_sq._prev span:before {
  left: 11px;
  -moz-transform: rotate(145deg) translateX(-5px);
  -ms-transform: rotate(145deg) translateX(-5px);
  -webkit-transform: rotate(145deg) translateX(-5px);
  transform: rotate(145deg) translateX(-5px);
}

/* line 612, ../_scss/style.scss */
a.button_sq._prev span:after {
  left: 16px;
}

/* line 617, ../_scss/style.scss */
.pc a.button_sq:hover {
  border: 1px solid #000;
}

/* line 619, ../_scss/style.scss */
.pc a.button_sq:hover span:before,
.pc a.button_sq:hover span:after {
  background-color: white;
}

/* line 621, ../_scss/style.scss */
.pc a.button_sq:hover._up:before,
.pc a.button_sq:hover._down:before {
  transform-origin: left bottom;
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

/* line 626, ../_scss/style.scss */
.pc a.button_sq:hover._next:before,
.pc a.button_sq:hover._prev:before {
  transform-origin: left top;
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  /* line 557, ../_scss/style.scss */
  a.button_sq {
    width: 40px;
    height: 40px;
  }

  /* line 636, ../_scss/style.scss */
  a.button_sq:before {
    display: none;
  }

  /* line 639, ../_scss/style.scss */
  a.button_sq._next span:before,
  a.button_sq._prev span:before {
    width: 8px;
  }

  /* line 639, ../_scss/style.scss */
  a.button_sq._next span:after,
  a.button_sq._prev span:after {
    width: 22px;
  }

  /* line 644, ../_scss/style.scss */
  a.button_sq._next span:before {
    right: 3px;
    -moz-transform: rotate(30deg) translateX(-4px);
    -ms-transform: rotate(30deg) translateX(-4px);
    -webkit-transform: rotate(30deg) translateX(-4px);
    transform: rotate(30deg) translateX(-4px);
  }

  /* line 648, ../_scss/style.scss */
  a.button_sq._next span:after {
    right: 8px;
  }

  /* line 653, ../_scss/style.scss */
  a.button_sq._prev span:before {
    left: 3px;
    -moz-transform: rotate(150deg) translateX(-4px);
    -ms-transform: rotate(150deg) translateX(-4px);
    -webkit-transform: rotate(150deg) translateX(-4px);
    transform: rotate(150deg) translateX(-4px);
  }

  /* line 657, ../_scss/style.scss */
  a.button_sq._prev span:after {
    left: 8px;
  }
}

/* line 663, ../_scss/style.scss */
a#btn_totop {
  position: fixed;
  right: 30px;
  bottom: 50px;
  z-index: 19999;
  display: block;
  /* border: 1px solid #999; */
  width: 60px;
  height: 60px;
  background: #1a1a1a;
}

/* line 668, ../_scss/style.scss */
a#btn_totop:before {
  transform-origin: left top;
  -moz-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -ms-transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #555555;
  display: block;
  content: '';
}

/* line 678, ../_scss/style.scss */
a#btn_totop span {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: block;
  text-align: left;
  text-indent: -9999px;
}

a#btn_totop span:before,
a#btn_totop span:after {
  -webkit-transition: 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -ms-transition: 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  position: absolute;
  left: 50%;
  top: 16px;
  width: 1px;
  height: 14px;
  background-color: #fefefe;
  display: block;
  content: '';
}

/* line 691, ../_scss/style.scss */
a#btn_totop span:before {
  -moz-transform: rotate(45deg) translateY(7px);
  -ms-transform: rotate(45deg) translateY(7px);
  -webkit-transform: rotate(45deg) translateY(7px);
  transform: rotate(45deg) translateY(7px);
}

/* line 692, ../_scss/style.scss */
a#btn_totop span:after {
  -moz-transform: rotate(-45deg) translateY(7px);
  -ms-transform: rotate(-45deg) translateY(7px);
  -webkit-transform: rotate(-45deg) translateY(7px);
  transform: rotate(-45deg) translateY(7px);
}

/* line 696, ../_scss/style.scss */
.pc a#btn_totop:hover {
  border: 1px solid #555;
}

/* line 698, ../_scss/style.scss */
.pc a#btn_totop:hover:before {
  transform-origin: left bottom;
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

/* line 702, ../_scss/style.scss */
.pc a#btn_totop:hover span:before,
.pc a#btn_totop:hover span:after {
  background-color: #999;
}

/* line 706, ../_scss/style.scss */
a#btn_totop._show {
  -moz-animation: fadeIn 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  -webkit-animation: fadeIn 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: fadeIn 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  bottom: 30px;
}

/* line 707, ../_scss/style.scss */
a#btn_totop._hide {
  /*   -moz-animation: fadeOut 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  -webkit-animation: fadeOut 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: fadeOut 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) both; */
}

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


  a#btn_totop {
    position: fixed;
    right: 10px;
    bottom: 40px;
    width: 50px;
    height: 50px;
  }

  a#btn_totop span {
    position: absolute;
    width: 50px;
    height: 50px;
  }

  a#btn_totop span:before,
  a#btn_totop span:after {
    left: 48%;
    top: 10px;
    width: 1px;
    height: 14px;
  }

}


/* = [Site Header]
---------------------------------------------------------------------*/
/* line 730, ../_scss/style.scss */
#fixed-reserve {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 100;
  -webkit-transition: 0.22s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: 0.22s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -ms-transition: 0.22s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: 0.22s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: 0.22s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  display: none;
  background-color: #8b382a !important;
  border-color: #8b382a !important;
  color: white;
}

/* line 734, ../_scss/style.scss */
#fixed-reserve._show {
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  /* line 730, ../_scss/style.scss */
  #fixed-reserve {
    /* display: block; */
  }
}

/* line 742, ../_scss/style.scss */
#fixed-menu {
  position: fixed;
  right: 15px;
  top: 8px;
  z-index: 999999;
  /* display: table; */
  width: 220px;
  height: 55px;
  background-color: #efefef;
  background-color: rgb(0 0 0 / 10%);
  /* border: 1px solid #050126; */
  background: rgb(0 0 0 / 0.8%);
  display: flex;
}

/* line 748, ../_scss/style.scss */
#fixed-menu:before {
  position: absolute;
  right: 55px;
  top: 0;
  width: 1px;
  height: 100%;
  /* background-color: #adadad; */
  display: block;
  content: '';
}

/* line 755, ../_scss/style.scss */
#fixed-menu._darken {
  background-color: #050126;
  border-color: #050126;
}

/* line 758, ../_scss/style.scss */
#fixed-menu._darken a {
  color: white !important;
}

/* line 761, ../_scss/style.scss */
#fixed-menu._darken a#navi-btn .menu-trigger span {
  background-color: white;
}

/* line 766, ../_scss/style.scss */
#fixed-menu>a {
  display: table-cell;
  height: 55px;
  /* background: #ddd; */
}

/* line 768, ../_scss/style.scss */
#fixed-menu>a.button_reserve {
  transition: all .4s;
  vertical-align: middle;
  font-weight: bold;
  font-size: 1.5rem;
  text-align: center;
  color: #fff;
}

#fixed-menu>a.button_reserve:before {
  font-weight: normal !important;
  font-family: 'Font Awesome 6 pro';
  content: "\f0e0";
  padding-right: 10px;
}




/* line 775, ../_scss/style.scss */
#fixed-menu>a#navi-btn {
  position: relative;
  right: 0;
  top: 0;
  z-index: 20006;
  width: 53px;
  background: #333;
}

/* line 782, ../_scss/style.scss */
#fixed-menu>a#navi-btn .menu-trigger,
#fixed-menu>a#navi-btn .menu-trigger span {
  display: inline-block;
  transition: all .4s;
}

/* line 784, ../_scss/style.scss */
#fixed-menu>a#navi-btn .menu-trigger {
  position: absolute;
  left: 50%;
  margin-left: -12px;
  top: 0;
  margin-top: 16px;
  width: 23px;
  height: 18px;
}

/* line 790, ../_scss/style.scss */
#fixed-menu>a#navi-btn .menu-trigger span {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 2px;
  /* background-color: #555; */
  background-color: #fff;
}

/* line 794, ../_scss/style.scss */
#fixed-menu>a#navi-btn .menu-trigger span:nth-of-type(1) {
  top: 0;
}

/* line 795, ../_scss/style.scss */
#fixed-menu>a#navi-btn .menu-trigger span:nth-of-type(2) {
  top: 50%;
  margin-top: -1px;
}

/* line 796, ../_scss/style.scss */
#fixed-menu>a#navi-btn .menu-trigger span:nth-of-type(3) {
  bottom: 0;
}

/* line 800, ../_scss/style.scss */
#fixed-menu>a#navi-btn.active .menu-trigger span {
  width: 110%;
}

/* line 803, ../_scss/style.scss */
#fixed-menu>a#navi-btn.active .menu-trigger span:nth-of-type(2) {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 804, ../_scss/style.scss */
#fixed-menu>a#navi-btn.active .menu-trigger span:nth-of-type(1) {
  transform: translateX(-2px) translateY(8px) rotate(45deg);
}

/* line 807, ../_scss/style.scss */
#fixed-menu>a#navi-btn.active .menu-trigger span:nth-of-type(3) {
  transform: translateX(-2px) translateY(-8px) rotate(-45deg);
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  #fixed-menu {
    right: 0px;
    top: 9px;
    width: 160px;
    height: 55px;
  }

  #fixed-menu:before {
    display: none;
  }

  #fixed-menu>a {
    display: block;
    /* text-align: center; */
    padding: 10px;
    line-height: 39px;
    background: #111;
    width: 55px;
  }

  #fixed-menu>a.button_reserve {
    font-size: 1.2rem;
    display: none;
  }

  #fixed-menu>a#navi-btn {
    width: 55px;
    height: 55px;
    background: #111;
  }

  #fixed-menu>a#navi-btn .menu-trigger {
    margin-top: 21px;
    height: 15px;
  }

  #fixed-menu>a#navi-btn .menu-trigger span {
    height: 1px;
  }

  #fixed-menu>a#navi-btn .menu-trigger span:nth-of-type(2) {
    top: 7px;
    margin-top: 0;
  }

  #fixed-menu>a#navi-btn.active .menu-trigger span:nth-of-type(1) {
    transform: translateX(-1px) translateY(7px) rotate(45deg);
  }

  #fixed-menu>a#navi-btn.active .menu-trigger span:nth-of-type(3) {
    transform: translateX(-1px) translateY(-7px) rotate(-45deg);
  }

  div._sub a.shop {}

  div._sub a.shop span {
    font-size: 0px;
  }

  div._sub a.shop {
    line-height: 53px;
    width: 53px;
  }


}


header#site-header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  /* height: 195px; */
  padding-left: 60px;
  padding-top: 70px;
  background: rgb(255 255 255 / 70%);
  background: rgb(0 0 0 / 80%);
}

header#site-header a:hover {
  color: #000;
}

header#site-header h1#logo-main {
  position: fixed;
  left: 15px;
  top: 5px;
  /* width: 250px; */
  /* height: 49px; */
  /* display: none; */
}

header#site-header ul.menu>li {
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
  display: inline-block;
}

.pc header#site-header ul.menu>li a:hover {
  opacity: .5;
}

header#site-header ul._sub {
  position: absolute;
  right: 260px;
  top: 0;
  height: 55px;
  padding-top: 20px;
}

header#site-header ul._sub>li {
  margin-right: 25px;
}

header#site-header ul._sub>li:last-child {
  margin-right: 0;
}

header#site-header ul._sub>li a {
  position: relative;
  display: block;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 16px;
}

header#site-header ul._sub>li.page a {
  padding-left: 12px;
  background: no-repeat left 3px transparent;
  background-size: auto 12px;
}

header#site-header ul._sub>li.page.access a:before {
  /*   background-image: url(../img/common/icon_access.png); */
  font-weight: normal !important;
  font-family: 'Font Awesome 6 pro';
  content: "\f3c5";
  padding-right: 10px;

}

header#site-header ul._sub>li.page.faq a {
  background-image: url(../img/common/icon_faq.png);
  padding-left: 14px;
}

header#site-header ul._sub>li.sns a {
  width: 16px;
  height: 12px;
}

/* line 899, ../_scss/style.scss */
header#site-header ul._sub>li.sns a span {
  display: none;
}

header#site-header ul._sub>li.sns a:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
  display: block;
  width: 16px;
  height: 12px;
  font-family: 'hinuihitohi';
  font-weight: normal !important;
  font-size: 16px;
}

header#site-header ul._sub>li.facebook {
  margin-right: 3px;
}

header#site-header ul._sub>li.facebook a:before {
  content: '\e700';
}

header#site-header ul._sub>li.instagram a:before {
  content: '\e702';
}

header#site-header ul._sub>li.lang a {
  display: inline-block;
}

header#site-header ul._sub>li.lang a:after {
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 1px;
  background-color: #000;
  display: block;
  content: '';
}

header#site-header ul._main {
  /* margin-top: 20px; */
  text-align: right;
  padding-right: 45px;
  /* display: none; */
  position: absolute;
  top: 25px;
  left: 220px;
}

header#site-header ul._main>li {
  margin-right: 62px;
  text-align: center;
}

header#site-header ul._main>li:last-child {
  margin-right: 0;
}

header#site-header ul._main>li a {
  display: block;
}

/ header#site-header ul._main>li a span {
  display: block;
}

header#site-header ul._main>li a span.main {
  /* font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; */
  /* font-family: \\6E38\660E\671D, dnp-shuei-mincho-pr6n, YuMincho, Hiragino Mincho ProN, Hiragino Mincho Pro, "\FF2D\FF33 \660E\671D", serif; */
  letter-spacing: .1em;
  color: #000;
  font-size: 1.6rem;
  color: #fff;
  margin-bottom: 8px;
  display: block;
}

/* line 939, ../_scss/style.scss */
header#site-header ul._main>li a span.sub {
  font-family: eb-garamond, serif;
  letter-spacing: .05em;
  font-size: 1rem;
  letter-spacing: .07em;
  color: #a6a6a6;
}

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

  header#site-header ul._main {
    margin-top: 50px;
  }

  header#site-header ul._main>li {
    margin-right: 54px;
  }
}

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

  header#site-header {
    /* height: 185px; */
  }

  header#site-header h1#logo-main {
    /* width: 165px; */
    /* height: 165px; */
  }

  header#site-header h1#logo-main a.sitelogo._full {
    /* width: 165px; */
    /* height: 165px; */
  }

  header#site-header ul._main {
    margin-top: 20px;
  }

  header#site-header ul._main>li {
    margin-right: 42px;
  }
}

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

  header#site-header {
    /* height: 185px; */
  }

  header#site-header h1#logo-main {
    left: 40px;
    /* width: 140px; */
    /* height: 140px; */
  }

  header#site-header h1#logo-main a.sitelogo._full {
    /* width: 300px; */
    height: 39px;
  }

  header#site-header ul._main {
    margin-top: 40px;
    padding-right: 35px;
    display: none;
  }

  header#site-header ul._main>li {
    margin-right: 32px;
  }
}





/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  header#site-header {
    width: 100%;
    height: 70px;
    background: none;
  }

  header#site-header h1#logo-main {
    left: 0px;
    top: 10px;
    /* width: 200px; */
    height: 39px;
  }

  header#site-header h1#logo-main a.sitelogo._full {
    width: 150px;
    background-image: url(../img/common/logo_jyonan-black.svg);

    .sitelogo._full {
      width: 150px;
      /* height: 60px; */
      background-image: url(../img/common/logo_jyonan-black.svg);
      /* display: none; */
    }

    ;
  }

  header#site-header ul.menu {
    display: none;
  }
}

/* = [Site Navigation]
---------------------------------------------------------------------*/
/* line 1000, ../_scss/style.scss */
.open-nav,
.open-menu {
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}

/* line 1004, ../_scss/style.scss */
body.open-nav {
  overflow: hidden;
}

/* line 1005, ../_scss/style.scss */
nav#site-navi {
  -moz-animation: fadeOut 0.01s ease both;
  -webkit-animation: fadeOut 0.01s ease both;
  animation: fadeOut 0.01s ease both;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999999;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgb(255 255 255 / 50%);
  /* background: #f5f5f5; */
}

/* line 1007, ../_scss/style.scss */
.open-nav nav#site-navi {
  -moz-animation: fadeIn 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  -webkit-animation: fadeIn 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: fadeIn 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  z-index: 11;
}

/* line 1008, ../_scss/style.scss */
.hide-nav nav#site-navi {
  -moz-animation: fadeOut 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  -webkit-animation: fadeOut 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: fadeOut 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

/* line 1019, ../_scss/style.scss */
nav#site-navi #site-navi-inner {
  position: relative;
  /* top: 70px; */
  width: 100%;
  height: calc(100vh - 0px);
  /* padding-top: 60px; */
  padding-bottom: 10px;
  z-index: 0;
  background: #fff;
}

/* line 1024, ../_scss/style.scss */
nav#site-navi .menu-wrapper {
  /* position: relative; */
  z-index: 100;
  padding-left: 23.3%;
  padding-left: 0;
  padding-top: 100px;
  /* display: table; */
  width: 100%;
  height: 90%;
  display: flex;
}

/* line 1028, ../_scss/style.scss */
nav#site-navi .menu-wrapper .page-visual {
  display: table-cell;
  position: relative;
  z-index: 1;
  width: 60.8%;
  height: 100%;
}

/* line 1032, ../_scss/style.scss */
nav#site-navi .menu-wrapper .page-visual .visual {
  -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: opacity 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -ms-transition: opacity 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: opacity 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: opacity 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  -webkit-background-size: cover !important;
  background-size: cover !important;
  opacity: 0;
}

/* line 1036, ../_scss/style.scss */
.ie nav#site-navi .menu-wrapper .page-visual .visual {
  height: 97.8vh;
}

/* line 1039, ../_scss/style.scss */
nav#site-navi .menu-wrapper .page-visual .visual._default {
  opacity: 1;
  z-index: 1;
}

/* line 1040, ../_scss/style.scss */
nav#site-navi .menu-wrapper .page-visual .visual.__active {
  opacity: 1;
}

/* line 1046, ../_scss/style.scss */
nav#site-navi .menu-wrapper div.cell {
  position: relative;
  z-index: 200;
  padding-top: 150px;
  display: table-cell;
  /* vertical-align: middle; */
}

/* line 1049, ../_scss/style.scss */
nav#site-navi .menu-wrapper div.cell._left {
  width: 27.8%;
  padding-left: 10%;
}

/* line 1050, ../_scss/style.scss */
nav#site-navi .menu-wrapper div.cell._right {
  width: 16.4%;
}

/* line 1053, ../_scss/style.scss */
nav#site-navi .menu-wrapper div.cell ul.menu>li:last-child {
  margin-bottom: 0 !important;
}

/* line 1054, ../_scss/style.scss */
nav#site-navi .menu-wrapper div.cell ul.menu>li a {
  display: block;
  white-space: nowrap;
}

/* line 1057, ../_scss/style.scss */
nav#site-navi .menu-wrapper div.cell ul.menu._main>li {
  margin-bottom: 56px;
}

/* line 1059, ../_scss/style.scss */
nav#site-navi .menu-wrapper div.cell ul.menu._main>li a {
  position: relative;
  -webkit-transition: 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -ms-transition: 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  /* font-family: "Century Gothic", sans-serif; */
}

/* line 1062, ../_scss/style.scss */
nav#site-navi .menu-wrapper div.cell ul.menu._main>li a:before {
  -webkit-transition: width 0.22s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: width 0.22s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -ms-transition: width 0.22s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: width 0.22s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: width 0.22s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  position: absolute;
  right: 109%;
  top: 50%;
  width: 0;
  height: 1px;
  background-color: #111;
  display: block;
  content: '';
}

/* line 1069, ../_scss/style.scss */
nav#site-navi .menu-wrapper div.cell ul.menu._main>li a span {
  display: block;
  -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: opacity 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -ms-transition: opacity 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: opacity 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: opacity 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

/* line 1072, ../_scss/style.scss */
nav#site-navi .menu-wrapper div.cell ul.menu._main>li a span.main {
  /* font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; */
  letter-spacing: .1em;
  color: #000;
  font-size: 1.6rem;
  /* color: #fefefe; */
  font-weight: 600;
  margin-bottom: 13px;
  /* font-family: "Century Gothic", sans-serif; */
}

/* line 1077, ../_scss/style.scss */
nav#site-navi .menu-wrapper div.cell ul.menu._main>li a span.sub {
  /* font-family: eb-garamond, serif; */
  letter-spacing: .05em;
  font-size: 1.2rem;
  text-indent: 2px;
  color: #a6a6a6;
  /* color: #fff; */
  font-family: "Century Gothic", sans-serif;
}
}

/* line 1084, ../_scss/style.scss */
.pc nav#site-navi .menu-wrapper div.cell ul.menu._main>li a:hover {
  padding-left: 4px;
}

/* line 1086, ../_scss/style.scss */
.pc nav#site-navi .menu-wrapper div.cell ul.menu._main>li a:hover span {
  opacity: .5;
}

/* line 1087, ../_scss/style.scss */
.pc nav#site-navi .menu-wrapper div.cell ul.menu._main>li a:hover:before {
  width: 130px;
}

/* line 1093, ../_scss/style.scss */
nav#site-navi .menu-wrapper div.cell ul.menu._sub {
  padding: 11px 0 11px 28px;
  border-left: 1px solid #000;
}

/* line 1096, ../_scss/style.scss */
nav#site-navi .menu-wrapper div.cell ul.menu._sub>li {
  margin-bottom: 25px;
  /*   font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; */
  letter-spacing: .1em;
  color: #000;
  font-size: 1.4rem;
  letter-spacing: 0;
  font-family: "Century Gothic", sans-serif;
}

/* line 1100, ../_scss/style.scss */
nav#site-navi .menu-wrapper div.cell ul.menu._sub>li a {
  -webkit-transition: 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -ms-transition: 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  color: #1a1a1a;
  /* font-family: "Century Gothic", sans-serif; */
  font-weight: 600;
}

.pc nav#site-navi .menu-wrapper div.cell ul.menu._sub>li a:hover {
  opacity: .5;
}

nav#site-navi a.sitelogo {
  position: absolute;
  left: 50px;
  top: 30px;
  z-index: 999;
}

nav#site-navi .meta-area {
  /*   position: relative;
  right: 58px;
  bottom: 200px;
  z-index: 100;
  width: 100%; */
  position: fixed;
  left: 60px;
  top: 90%;
  z-index: 9999;
  /* display: inline-block; */
  width: auto;
  text-align: left;
  /* display: none;




  
}

nav#site-navi .meta-area .address {
  font-size: 1.25rem;
  line-height: 2;
  margin-bottom: 4px;
  color: #000;
  text-align: right;
}

nav#site-navi .meta-area .address a{
  color: #fff;
}




nav#site-navi .meta-area .contact {
  font-family: eb-garamond, serif;
  letter-spacing: .05em;
  font-size: 1.5rem;
  white-space: nowrap;
}

nav#site-navi .meta-area .contact .tel {
  display: inline-block;
  color: #fff;
}

nav#site-navi .meta-area .contact .tel a {
  display: inline-block;
  color: #fff;
}
nav#site-navi .meta-area .contact .tel:before {
    font-family: 'Font Awesome 6 pro';
    content: "\f8d3";
  padding-right:5px;
}


nav#site-navi .meta-area .contact .mail:after {
  /* display: inline-block; */
  /* content: '|'; */
  /* padding: 0 5px; */
  height: 80px;
  display: none;
}

nav#site-navi .meta-area .contact .mail {
  display: inline-block;
  /* color: #fff; */
}

nav#site-navi .meta-area .contact .mail a {
  display: inline-block;
  /* color: #fff; */
}

nav#site-navi .meta-area .contact .mail:before {
  font-family: 'Font Awesome 6 pro';
  content: "\f0e0";
  padding-right: 5px;
}


nav#site-navi .meta-area .contact .mail:after {
  /* display: inline-block; */
  /* content: '|'; */
  /* padding: 0 5px; */
}


nav#site-navi ul.snslist {
  position: absolute;
  right: 60px;
  bottom: 100px;
  z-index: 9999;
  display: inline-block;
  width: auto;
  text-align: right;
  /* display: none; */
}

nav#site-navi ul.snslist>li {
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
  display: inline-block;
  margin-right: 25px;
}

/* line 1133, ../_scss/style.scss */
.pc nav#site-navi ul.snslist>li a:hover {
  opacity: .5;
}

/* line 1134, ../_scss/style.scss */
nav#site-navi ul.snslist>li:last-child {
  padding-left: 15px;
}

/* line 1135, ../_scss/style.scss */
nav#site-navi ul.snslist>li a {
  position: absolute;
  display: block;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 16px;
}

/* line 1141, ../_scss/style.scss */
nav#site-navi ul.snslist>li.sns a {
  width: 20px;
  height: 12px;
  color: #555;
}

/* line 1143, ../_scss/style.scss */
nav#site-navi ul.snslist>li.sns a span {
  display: none;
}

/* line 1144, ../_scss/style.scss */
nav#site-navi ul.snslist>li.sns a:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
  display: block;
  width: 20px;
  height: 12px;
  font-family: 'laquoh';
  font-weight: normal !important;
  font-size: 20px;
}

/* line 1152, ../_scss/style.scss */
nav#site-navi ul.snslist>li.facebook {
  margin-right: 8px;
}

/* line 1154, ../_scss/style.scss */
nav#site-navi ul.snslist>li.facebook a:before {
  content: '\e700';
}

/* line 1156, ../_scss/style.scss */
nav#site-navi ul.snslist>li.instagram a:before {
  content: '\e702';
}

/* line 1157, ../_scss/style.scss */
nav#site-navi ul.snslist>li.lang a {
  display: inline-block;
}

/* line 1159, ../_scss/style.scss */
nav#site-navi ul.snslist>li.lang a:after {
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 1px;
  background-color: #000;
  display: block;
  content: '';
}

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

  /* line 1171, ../_scss/style.scss */
  nav#site-navi .menu-wrapper {
    padding-left: 21.2%;
  }

  /* line 1173, ../_scss/style.scss */
  nav#site-navi .menu-wrapper .page-visual {
    width: 54.8%;
  }

  /* line 1175, ../_scss/style.scss */
  nav#site-navi .menu-wrapper div.cell._left {
    padding-left: 9%;
  }

  /* line 1177, ../_scss/style.scss */
  nav#site-navi .menu-wrapper div.cell ul.menu._sub {
    padding: 11px 0 11px 24px;
  }

  /* line 1181, ../_scss/style.scss */
  nav#site-navi a.sitelogo {
    width: 100px;
    height: 100px;
  }
}

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

  /* line 1189, ../_scss/style.scss */
  nav#site-navi .menu-wrapper div.cell._left {
    padding-left: 6.5%;
  }

  /* line 1192, ../_scss/style.scss */
  nav#site-navi .menu-wrapper div.cell ul.menu._main>li {
    margin-bottom: 40px;
  }

  /* line 1196, ../_scss/style.scss */
  nav#site-navi .menu-wrapper div.cell ul.menu._main>li a span.main {
    font-size: 1.7rem;
  }

  /* line 1201, ../_scss/style.scss */
  nav#site-navi .menu-wrapper div.cell ul.menu._sub {
    padding: 11px 0 11px 24px;
  }

  /* line 1205, ../_scss/style.scss */
  nav#site-navi a.sitelogo {
    width: 160px;
    height: 160px;
  }
}

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

  /* line 1211, ../_scss/style.scss */
  nav#site-navi .menu-wrapper {
    padding-left: 40%;
  }

  /* line 1213, ../_scss/style.scss */
  nav#site-navi .menu-wrapper .page-visual {
    display: none;
  }

  /* line 1215, ../_scss/style.scss */
  nav#site-navi a.sitelogo {
    left: 20%;
    top: 50%;
    margin-left: -80px;
    margin-top: -80px;
    width: 155px;
    height: 155px;
  }

  /* line 1220, ../_scss/style.scss */
  nav#site-navi .meta-area {
    display: inline-block;
    width: auto;
    bottom: 50px;
  }
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  /* line 1005, ../_scss/style.scss */
  nav#site-navi {
    overflow-y: scroll;
    padding-left: 0;
    padding-top: 80px;
    padding-bottom: 65px;
    background: #fff;
  }

  /* line 1228, ../_scss/style.scss */
  nav#site-navi #site-navi-inner {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  /* line 1230, ../_scss/style.scss */
  nav#site-navi a.sitelogo {
    display: none;
  }

  /* line 1231, ../_scss/style.scss */
  nav#site-navi .menu-wrapper {
    display: block;
    padding-left: 0;
    height: auto;
    padding-top: 0;
    background: #fff;
  }

  /* line 1233, ../_scss/style.scss */
  nav#site-navi .menu-wrapper div.cell {
    display: block;
    width: 100% !important;
    padding-top: 0;
  }

  nav#site-navi .menu-wrapper div.cell._left {
    padding-left: 0;
    padding-top: 0;
  }

  nav#site-navi .menu-wrapper div.cell ul.menu {
    text-align: center;
  }

  nav#site-navi .menu-wrapper div.cell ul.menu._main {
    margin-bottom: 35px;
  }

  nav#site-navi .menu-wrapper div.cell ul.menu._main>li {
    margin-bottom: 25px;
  }

  nav#site-navi .menu-wrapper div.cell ul.menu._main>li a span.main {
    font-size: 1.7rem;
    margin-bottom: 10px;
  }

  nav#site-navi .menu-wrapper div.cell ul.menu._sub {
    padding: 0;
    border-left: 0 none;
  }

  nav#site-navi .menu-wrapper div.cell ul.menu._sub>li {
    margin-bottom: 9px;
  }

  nav#site-navi .menu-wrapper div.cell ul.menu._sub>li:last-child {
    margin-bottom: 0;
  }

  nav#site-navi .menu-wrapper div.cell ul.menu._sub>li a {
    display: block;
    width: 100%;
    line-height: 45px;
    border: 1px solid #ccc;
  }

  nav#site-navi .meta-area {
    position: static;
    margin-top: 40px;
    width: 100%;
    text-align: center;
  }

  nav#site-navi .meta-area .address {
    font-size: 1.25rem;
    line-height: 2;
    margin-bottom: 4px;
    text-align: center;
  }

  nav#site-navi .meta-area .contact {
    font-family: eb-garamond, serif;
    letter-spacing: .05em;
    font-size: 1.5rem;
    white-space: nowrap;
  }

  nav#site-navi .meta-area .contact .tel {
    display: inline-block;
  }

  nav#site-navi .meta-area .contact .tel:after {
    display: inline-block;
    content: '|';
    padding: 0 5px;
  }

  nav#site-navi ul.snslist {
    position: static;
    margin-top: 5px;
    width: 100%;
    text-align: center;
  }

  nav#site-navi ul.snslist>li.sns a {
    width: 19px;

  }

  nav#site-navi ul.snslist>li.sns a:before {
    font-size: 19px;
  }

  nav#site-navi ul.snslist>li.facebook {
    margin-right: 30px;
  }
}

/* = [Site Header]
---------------------------------------------------------------------*/
nav#pagenavi {
  position: fixed;
  left: 19px;
  top: 50%;
  z-index: 19999;
  -moz-animation: fadeOut 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  -webkit-animation: fadeOut 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: fadeOut 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

.ie nav#pagenavi {
  display: none;
}

nav#pagenavi ul {
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

nav#pagenavi ul>li {
  display: block;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  padding-right: 8px;
  margin-bottom: 30px;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

nav#pagenavi ul>li:last-child {
  margin-bottom: 0;
}

nav#pagenavi ul>li:last-child:before {
  display: none;
}

nav#pagenavi ul>li:before {
  position: absolute;
  left: 50%;
  bottom: -15px;
  width: 12px;
  height: 1px;
  margin-left: -11px;
  background-color: #dcdcdc;
  display: block;
  content: '';
}

nav#pagenavi ul>li:after {
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 0;
  background-color: #000;
  display: block;
  content: '';
}

nav#pagenavi ul>li a {
  display: block;
  /*   font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; */
  letter-spacing: .1em;
  color: #000;
  font-size: 1.4rem;
  color: #fff;
  font-family: "Century Gothic", 'Abel', sans-serif;
}

.pc nav#pagenavi ul>li a:hover {
  opacity: 0.5;
}

nav#pagenavi ul>li.current:after {
  height: 100%;
}

nav#pagenavi._show {
  -moz-animation: fadeIn 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  -webkit-animation: fadeIn 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: fadeIn 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  bottom: 30px;
}

nav#pagenavi._hide {
  -moz-animation: fadeOut 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  -webkit-animation: fadeOut 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: fadeOut 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {
  nav#pagenavi {
    display: none;
  }
}

/* = body (共通 / #common)
---------------------------------------------------------------------*/
a.moreBtn {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 102px;
  border: 1px solid #4b4b4b;
  padding: 8px;
  font-size: 1.2em;
}

a.moreBtn:hover {
  color: white !important;
  background-color: #87bfe4;
  border-color: #87bfe4;
}

/* = #共通フォーマット #common
---------------------------------------------------------------------*/
/* line 1373, ../_scss/style.scss */
article {
  background-color: white;
  /* = Responsive (~980)
  -------------------------------------------------------------*/
  /* = Responsive (~768)
  -------------------------------------------------------------*/
  /* = Responsive (~480)
  -------------------------------------------------------------*/
}

article #pageHeader {
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  -webkit-background-size: cover !important;
  background-size: cover !important;
  margin-bottom: 60px;
}

article #pageHeader .in-block {
  position: relative;
  min-height: 560px;
}

article #pageHeader.min .in-block {
  min-height: 280px;
}

article #pageHeader.min2 {
  height: 200px;
}

.single article #pageHeader {
  /*
        -webkit-filter: blur(6px);
        -ms-filter: blur(6px);
        filter: blur(6px);
  */
  opacity: .4;
}

article #pageHeader h1#pageTitle {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  margin-left: -105px;
  margin-top: -56px;
  width: 210px;
  height: 112px;
  padding-top: 30px;
  text-align: center;
  color: #009a85;
  background-color: white;
}

/* line 1407, ../_scss/style.scss */
article #pageHeader h1#pageTitle:before {
  position: absolute;
  left: 8px;
  top: 8px;
  z-index: 1;
  border: 1px solid #009a85;
  width: 194px;
  height: 96px;
  content: '';
}

article #pageHeader h1#pageTitle span {
  text-align: center;
  display: block;
}

article #pageHeader h1#pageTitle span.en {
  font-family: roboto, sans-serif;
  letter-spacing: .05em;
  font-size: 2.6rem;
  letter-spacing: .05em;
  margin-bottom: 8px;
}

article #pageHeader h1#pageTitle span.jp {
  /*   font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; */
  letter-spacing: .1em;
  color: #000;
  font-weight: bold;
  font-size: 1.6rem;
  letter-spacing: .05em;
}

article #pageHeader h1#pageTitle.navi {
  margin-left: -206px;
  width: 412px;
}

article #pageHeader h1#pageTitle.navi:after {
  content: "";
}

article #pageHeader h1#pageTitle.navi:before {
  width: 396px;
}

article #pageHeader h1#pageTitle.navi:after {
  position: absolute;
  left: 50%;
  top: 8px;
  z-index: 1;
  background-color: #009a85;
  width: 1px;
  height: 96px;
  content: '';
}

article #pageHeader h1#pageTitle.navi a {
  position: relative;
  z-index: 10;
  display: block;
  float: left;
  width: 50%;
  height: 96px;
  color: #80c0b6;
}

article #pageHeader h1#pageTitle.navi a:hover {
  color: #009a85;
}

article #pageHeader h1#pageTitle.navi span.focus {
  display: block;
  float: left;
  width: 50%;
  height: 96px;
}

article #pageHeader h1#pageTitle.navi.items span.focus {
  padding-top: 13px;
}

@media screen and (max-width: 480px) {
  article {
    padding-top: 50px;
  }

  article #pageHeader {
    margin-bottom: 60px;
    background-attachment: scroll;
  }

  article #pageHeader .in-block {
    min-height: 340px;
  }

  article #pageHeader.min2 {
    height: 130px;
  }

  article #pageHeader h1#pageTitle {
    left: 50%;
    top: 50%;
    z-index: 1;
    margin-left: -105px;
    margin-top: -56px;
    width: 210px;
    height: 112px;
    padding-top: 30px;
    text-align: center;
    color: #009a85;
    background-color: white;
  }

  article #pageHeader h1#pageTitle:before {
    position: absolute;
    left: 8px;
    top: 8px;
    z-index: 1;
    border: 1px solid #009a85;
    width: 194px;
    height: 96px;
    content: '';
  }

  article #pageHeader h1#pageTitle span {
    display: block;
  }

  article #pageHeader h1#pageTitle span.en {
    font-size: 2.6rem;
    margin-bottom: 8px;
  }

  article #pageHeader h1#pageTitle span.jp {
    font-size: 1.6rem;
    letter-spacing: .05em;
  }

  article #pageHeader h1#pageTitle.navi {
    margin-left: -105px;
    margin-top: -108px;
    width: 210px;
    height: 216px;
    padding-top: 0px;
  }

  article #pageHeader h1#pageTitle.navi:before {
    width: 194px;
    height: 200px;
  }

  article #pageHeader h1#pageTitle.navi:after {
    left: 8px;
    top: 50%;
    width: 194px;
    height: 1px;
  }

  article #pageHeader h1#pageTitle.navi a {
    float: none;
    width: 100%;
    height: 108px;
    padding-top: 32px;
  }

  article #pageHeader h1#pageTitle.navi span.focus {
    float: none;
    width: 100%;
    height: 108px;
    padding-top: 24px;
  }
}

/*---------------------------------------------------------------------
  <00>汎用
---------------------------------------------------------------------*/
article {
  padding-top: 0px;
}


.l-mainContent__inner {
  padding: 60px;
  border-radius: 1em;
  padding-top: 0;
}

@media screen and (max-width: 768px) {
  .l-mainContent__inner {
    padding: 10px;
    border-radius: 1em;
    padding-top: 0;
  }
}


@media screen and (max-width: 768px) {
  article {
    padding-top: 100px;
  }
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {
  article {
    padding-top: 75px;
  }
}






section {
  position: relative;
  /* padding-top: 195px; */
  padding-bottom: 80px;
  /* max-width: 1200px; */
  margin: 0 auto;
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {
  section {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 600px) {
  section {
    padding-top: 60px;
    padding-bottom: 60px;
    margin-top: 30px;
  }
}


section .content-frame {
  position: relative;
  z-index: 1;
}

section.end_gray:after {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
  width: 100%;
  height: 355px;
  background-color: #050031;
  display: block;
  content: '';
}

section.end_gray._large:after {
  height: 450px;
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {
  section.end_gray:after {
    height: 78vw !important;
  }
}

a.button {
  position: relative;
  display: block;
  width: 250px;
  /* height: 60px; */
  line-height: 59px;
  text-align: center;
  font-family: eb-garamond, serif;
  letter-spacing: .05em;
  font-weight: normal;
  font-size: 1.3rem;
  letter-spacing: .08em;
  /* border: 1px solid #d4d4d4; */
  /* background-color: transparent; */
  color: #fbfbfb;
}

a.button span {
  position: relative;
  z-index: 2;
  margin-left: -7px;
}

a.button:before {
  position: absolute;
  right: 12%;
  top: 46%;
  z-index: 3;
  margin-top: -1px;
  width: 27px;
  height: 6px;
  background: url(../img/common/btn_arrow.png) no-repeat 90% center transparent;
  background-size: 27px 6px;
  display: block;
  content: '';
}

a.button:after {
  display: block;
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fbfbfb;
  transform-origin: right top;
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -ms-transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.pc a.button:hover {
  color: #050126;
}

.pc a.button:hover:after {
  transform-origin: left top;
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

a.button._darken {
  background-color: rgb(0 0 0 / 10%);
  border-bottom: 1px solid #fefefe;
}

a.button._lighten {
  background-color: white;
}

a.button._black {
  border-color: #343434;
  background-color: #343434;
  color: white;
  font-size: 1.5rem;
  letter-spacing: .5px;
}

a.button._black:before {
  background-image: url(../img/common/btn_arrow-w.png);
}

a.button._reserve {
  border: 1px solid #000;
  background-color: #000;
  color: white;
  /*   font-family: "游ゴシック","YuGothic",'Hiragino Kaku Gothic ProN', Meiryo, メイリオ,  'PT Sans', 'Lucida Grande', sans-serif; */
  font-size: 1.35rem;
}

a.button._reserve:after {
  background-color: white;
}

.pc a.button._reserve:hover {
  color: white;
}

a.button._center {
  margin-left: auto;
  margin-right: auto;
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {
  a.button {
    width: 100%;
  }
}

a figure.more {
  overflow: hidden;
  position: relative;
}

a figure.more figcaption,
a figure.more:before,
a figure.more:after {
  opacity: 0;
  -webkit-transition: 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -ms-transition: 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

a figure.more figcaption {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  font-family: eb-garamond, serif;
  letter-spacing: .05em;
  font-size: 1.4rem;
  color: white;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
}

a figure.more:before,
a figure.more:after {
  position: absolute;
  display: block;
}

a figure.more:before {
  z-index: 1;
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

a figure.more:after {
  left: 50%;
  top: 50%;
  z-index: 2;
  margin-left: -13px;
  margin-top: 20px;
  width: 27px;
  height: 6px;
  /*   font-family: 'hinuihitohi'; */
  font-weight: normal !important;
  content: '\e606';
  color: white;
}

a figure.more img {
  -webkit-transition: 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -ms-transition: 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

a:hover figure.more figcaption,
a:hover figure.more:before,
a:hover figure.more:after {
  opacity: 1;
}

a:hover figure.more img {
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  a figcaption,
  a:before,
  a:after {
    /* display: none; */
  }
}

#maincopy {
  text-align: center;
}

#maincopy p {
  font-size: 1.8rem;
  line-height: 2.3;
  margin-bottom: 15px;
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {
  #maincopy p {
    font-size: 1.5rem;
    line-height: 2.0;
  }
}

.section-title {
  text-align: center;
  margin-bottom: 35px;
}

.section-title span {
  display: block;
  color: #009a85;
  /*   font-family: fot-tsukubrdgothic-std, "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; */
  font-weight: 700;
  letter-spacing: .04em;
}

.section-title span.main {
  font-size: 2.2rem;
  margin-bottom: 10px;
}

.section-title span.sub {
  font-size: 1.4rem;
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {
  .section-title span.main {
    font-size: 1.7rem;
    margin-bottom: 8px;
  }
}

.content-frame._pdl0 {
  padding-left: 0;
  padding-right: 100px;
}

.content-frame._pdr0 {
  padding-right: 0;
  padding-left: 100px;
}

@media screen and (max-width: 768px) {
  .content-frame._pdl0 {
    padding-left: 0;
    padding-right: 15px;
  }

  .content-frame._pdr0 {
    padding-right: 0;
    padding-left: 60px;
  }
}

.content-wrapper {
  position: relative;
  padding-left: 7.1%;
  /* top: 70px; */
}

.content-wrapper .content-header {
  position: absolute;
  left: 0;
  top: 0;
  width: 26%;
  height: 450px;
  padding-right: 15px;
  color: #fff;
}

.content-wrapper .content-header .title {
  display: inline-block;
  height: auto;
  /* -webkit-writing-mode: vertical-rl; */
  -ms-writing-mode: tb-rl;
  /* writing-mode: vertical-rl; */
  white-space: nowrap;
  /* font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; */
  /* font-family: \\6E38\660E\671D, dnp-shuei-mincho-pr6n, YuMincho, Hiragino Mincho ProN, Hiragino Mincho Pro, "\FF2D\FF33 \660E\671D", serif; */
  letter-spacing: .1em;
  color: #fff;
  font-weight: 500;
  font-size: 2.6rem;
}

.content-wrapper .content-header .title._line {
  /* width: 86px; */
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  padding: 5px 17px 5px;
  margin-bottom: 50px;
}

.content-wrapper .content-header .title._line img {
  display: block;
  width: 100%;
}

.content-wrapper .content-header p.copy {
  /* position: absolute; */
  /* right: 11%; */
  /* top: 30px; */
  /* -webkit-writing-mode: vertical-rl; */
  -ms-writing-mode: tb-rl;
  /* writing-mode: vertical-rl; */
  /*   font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; */
  letter-spacing: .1em;
  color: #000;
  font-size: 16px;
  letter-spacing: .13em;
  line-height: 2;
  /* white-space: nowrap; */
}

.content-wrapper .content-header p.copy span {
  display: block;
}

.content-wrapper .content-header p.copy span.l2 {
  padding-top: 30px;
  margin-right: 14px;
}

.content-wrapper .content-header a.button {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
}

.content-wrapper .visual {
  position: relative;
  padding-left: 22%;
  padding-right: 0;
}

.content-wrapper .visual .item {
  display: block;
  height: 450px;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  -webkit-background-size: cover !important;
  background-size: cover !important;
  border-radius: 0.5em;
  border-radius: 0;
}

.content-wrapper .visual a.item {
  position: relative;
}

.pc .content-wrapper .visual a.item:hover {
  opacity: .5;
}

.content-wrapper .visual .visual-inner {
  max-width: 780px;
}

.content-wrapper .text {
  position: absolute;
  right: 15px;
  bottom: 0;
  background-color: white;
  padding: 42px 60px 5px;
}

.content-wrapper .text p {
  font-size: 1.4rem;
  line-height: 2.2;
}

.content-wrapper._reverse {
  padding-left: 15px;
  padding-right: 7.1%;
}

.content-wrapper._reverse .content-header {
  left: auto;
  right: 0;
  padding-left: 15px;
  padding-right: 0;
  text-align: right;
}

.content-wrapper._reverse .content-header .title {
  display: inline-block;
  height: auto;
  /* -webkit-writing-mode: vertical-rl; */
  -ms-writing-mode: tb-rl;
  /* writing-mode: vertical-rl; */
  white-space: nowrap;
  /*   font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; */
  letter-spacing: .1em;
  color: #000;
  font-weight: 500;
  font-size: 2.6rem;
}

.content-wrapper._reverse .content-header p.copy {
  right: auto;
  left: 15%;
  text-align: left;
}

.content-wrapper._reverse .content-header a.button {
  left: auto;
  right: 0;
}

.content-wrapper._reverse .visual {
  padding-left: 0;
  padding-right: 22%;
}

.content-wrapper._reverse .text {
  padding-right: 29.1%;
}

.content-wrapper._mv {
  padding-left: 0%;
}

.content-wrapper._mv .content-header {
  z-index: 100;
  left: 0%;
  width: 323px;
  /* height: calc(100vh - 0px); */
  text-align: center;
  vertical-align: middle;
  width: 100%;
  top: 30%;
  /* display: none; */
}


.content-wrapper._mv .content-header img {
  width: 200px;
  z-index: 1;
}

@media screen and (max-width: 600px) {
  .content-wrapper._mv .content-header img {
    width: 150px;
  }
}


.logo_area {
  margin-top: 60px;
  display: flex;
  padding: 10px;
  justify-content: center;
}

.logo_area img {
  max-width: 150px;
  padding: 10px
}


.ifSPnon {
  display: block
}


/* ボタン */

.area_bmore {
  max-width: 1200px;
  margin: 30px auto;
  padding: 10px;
  text-align: right;
  width: 100%;
}

@media screen and (max-width: 818px) {
  .area_bmore {
    width: 90%;
    margin: auto;
  }
}

a.btnMore {
  position: relative;
  /* color:#fff; */
  font-family: "Century Gothic", 'Abel', sans-serif;
  width: 250px;
  font-size: 0.9em;
}

a.btnMore::before {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  display: block;
  width: 30%;
  height: 1px;
  background-color: #fefefe;
  transition: width 0.3s;
}

a.btnMore:after {
  position: relative;
  top: -13px;
  font-family: 'Font Awesome 6 pro';
  content: "\f178";
  left: 10px;
  font-weight: 400;
  font-size: 10px;
}


a.btnMore:hover::before {
  width: 120%;
}


/*矢印が右に移動する*/
.btnarrow4 {
  /*矢印と下線の基点とするためrelativeを指定*/
  position: relative;
  /*形状*/
  display: inline-block;
  padding: 0 20px;
  color: #333;
  text-decoration: none;
  outline: none;
}

/*矢印と下線の形状*/
.btnarrow4::before {
  content: '';
  /*絶対配置で下線の位置を決める*/
  position: absolute;
  bottom: -8px;
  left: 15%;
  /*下線の形状*/
  width: 85%;
  height: 1px;
  background: #333;
  /*アニメーションの指定*/
  transition: all .3s;
}

.btnarrow4::after {
  content: '';
  /*絶対配置で矢印の位置を決める*/
  position: absolute;
  bottom: -3px;
  right: 0;
  /*矢印の形状*/
  width: 15px;
  height: 1px;
  background: #333;
  transform: rotate(35deg);
  /*アニメーションの指定*/
  transition: all .3s;
}

/*hoverした際の移動*/
.btnarrow4:hover::before {
  left: 20%;
}

.btnarrow4:hover::after {
  right: -5%;
}



@media screen and (max-width: 500px) {
  .ifSPnon {
    display: none
  }
}


.content-wrapper._mv .content-header .title {
  position: absolute;
  top: 30%;
  left: 99px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 4.0rem;
  line-height: 1.5;
  text-align: left;
}

.content-wrapper._mv .visual {
  padding-left: 0;
  height: calc(100vh - 0px);
}

.content-wrapper._mv .visual .item {
  height: calc(100vh - 0px);
}

.pop1 {
  position: absolute;
  top: 100px;
  right: 50px;
}

.pop1 img {
  width: 100px
}




/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {
  .content-wrapper._mv {
    padding-bottom: 0;
    padding-left: 54px;
    padding-right: 10px;
    padding: 0;
    height: 100vh;
  }

  .content-wrapper._mv .content-header {
    position: absolute;
    z-index: 1;
    left: 0%;
    width: 100%;
    height: calc(100vh - 168px);
  }

  .content-wrapper._mv .content-header .append-dots {
    display: none;
  }

  .content-wrapper._mv .content-header .title {
    position: absolute;
    left: 19px;
    top: 41%;
    -moz-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
    font-size: 1.6rem;
    line-height: 2.3;
    letter-spacing: 2.8px;
    color: #000;
  }

  /* line 1844, ../_scss/style.scss */
  .content-wrapper._mv .visual {
    height: calc(100vh - 168px);
    padding: 0;
  }

  /* line 1846, ../_scss/style.scss */
  .content-wrapper._mv .visual .slick-container,
  .content-wrapper._mv .visual .slick-container .item {
    height: calc(100vh - 168px);
    height: 100vh;
  }

  /* line 1849, ../_scss/style.scss */
  .content-wrapper._mv .visual .slick-container .item {
    padding-bottom: 10px;
  }
}

/* line 1855, ../_scss/style.scss */
.content-wrapper._page {
  padding-left: 70px;
}

/* line 1859, ../_scss/style.scss */
.content-wrapper._page #page-title {
  -webkit-transition: 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -ms-transition: 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  position: absolute;
  left: 1.8vw;
  top: 0;
  /* width: 86px; */
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  padding: 5px 17px 20px;
}

/* line 1866, ../_scss/style.scss */
.content-wrapper._page #page-title img {
  display: block;
  width: 100%;
}

/* line 1868, ../_scss/style.scss */
.content-wrapper._page .content-header {
  left: 0%;
  width: 334px;
  height: 300px;
  z-index: 20;
  padding-right: 0;
  text-align: center;
  vertical-align: middle;
}

/* line 1872, ../_scss/style.scss */
.content-wrapper._page .content-header .copy {
  font-size: 2.0rem;
  line-height: 2.5;
  text-align: left;
  position: absolute;
  right: 41%;
  top: 55%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* line 1876, ../_scss/style.scss */
.cooking .content-wrapper._page .content-header .copy,
.experience .content-wrapper._page .content-header .copy {
  top: 50%;
}

/* line 1881, ../_scss/style.scss */
.content-wrapper._page .content-header .copy span.l2 {
  padding-top: 30px;
  margin-right: 0;
}

/* line 1885, ../_scss/style.scss */
.content-wrapper._page .visual,
.content-wrapper._page .content-body {
  padding-left: 80px;
}

/* line 1889, ../_scss/style.scss */
.content-wrapper._page .visual {
  height: 36vw;
  max-height: 300px;
}

/* line 1891, ../_scss/style.scss */
.content-wrapper._page .visual .visual-inner {
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  -webkit-background-size: cover !important;
  background-size: cover !important;
  max-width: 80vw;
  height: 36vw;
  max-height: 400px;
  max-height: 500px;
  /*   max-height: 300px; */
}

/* line 1899, ../_scss/style.scss */
.content-wrapper._page .content-body .content-body-inner {
  max-width: 56vw;
}

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

  /* line 1905, ../_scss/style.scss */
  .content-wrapper._page #page-title {
    /* width: 66px !important; */
    padding: 5px 12px 20px;
  }

  /* line 1906, ../_scss/style.scss */
  .content-wrapper._page .content-header {
    left: 0%;
    width: 334px;
    height: 584px;
    z-index: 20;
  }

  /* line 1908, ../_scss/style.scss */
  .content-wrapper._page .content-header .copy {
    font-size: 1.8rem;
    line-height: 2.3;
    right: 41%;
    top: 50%;
  }

  /* line 1911, ../_scss/style.scss */
  .content-wrapper._page .content-header .copy span.l2 {
    padding-top: 26px;
  }
}

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

  /* line 1918, ../_scss/style.scss */
  .content-wrapper._page .content-header {
    left: 0%;
    width: 15%;
    height: 300px;
  }

  /* line 1920, ../_scss/style.scss */
  .content-wrapper._page .content-header .copy {
    right: 52%;
    top: 74%;
  }

  /* line 1922, ../_scss/style.scss */
  .content-wrapper._page .content-header .copy span.l2 {
    padding-top: 26px;
  }

  /* line 1925, ../_scss/style.scss */
  .content-wrapper._page .visual {
    height: 300px;
    max-height: 300px;
  }

  /* line 1927, ../_scss/style.scss */
  .content-wrapper._page .visual .visual-inner {
    height: 300px;
    max-height: 300px;
  }
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  /* line 1855, ../_scss/style.scss */
  .content-wrapper._page {
    /* padding-left: 0 !important; */
    /* padding-right: 0 !important; */
    padding-bottom: 0;
    /* display: flex; */
    /* flex-direction: row; */
  }

  /* line 1936, ../_scss/style.scss */
  .content-wrapper._page #page-title {
    /* right: 13px; */
    /* width: 55px !important; */
    /* padding: 5px 10px 10px !important; */
  }

  /* line 1942, ../_scss/style.scss */
  .content-wrapper._page .content-header {
    /* position: static; */
    /* width: 100%; */
    /* height: auto; */
    /* min-height: 60px; */
    /* margin-bottom: 35px; */
    /* padding-right: 0; */
  }

  /* line 1947, ../_scss/style.scss */
  .content-wrapper._page .content-header p.copy {
    position: static;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    padding-top: 3px;
    padding-left: 3px;
    font-size: 1.5rem;
    letter-spacing: 2px;
  }

  /* line 1952, ../_scss/style.scss */
  .content-wrapper._page .content-header p.copy span.l2 {
    padding-top: 0px;
    margin-right: 5px;
  }

  /* line 1956, ../_scss/style.scss */
  .content-wrapper._page .visual {
    height: auto;
    max-height: none;
  }

  /* line 1958, ../_scss/style.scss */
  .content-wrapper._page .visual .visual-inner {
    /* max-width: none; */
    /* height: auto; */
    /* max-height: none; */
  }

  /* line 1963, ../_scss/style.scss */
  .content-wrapper._page .content-body {
    padding-left: 0;
  }

  /* line 1965, ../_scss/style.scss */
  .content-wrapper._page .content-body .content-body-inner {
    max-width: none;
  }
}

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

  /* line 1728, ../_scss/style.scss */
  .content-wrapper {
    padding-left: 0;
  }

  /* line 1977, ../_scss/style.scss */
  .content-wrapper .content-header {
    left: 0;
    width: 24%;
    height: 480px;
  }

  /* line 1980, ../_scss/style.scss */
  .content-wrapper .content-header .title {
    font-size: 2.3rem;
  }

  /* line 1982, ../_scss/style.scss */
  .content-wrapper .content-header .title span.sub {
    font-size: 1.5rem;
  }

  /* line 1983, ../_scss/style.scss */
  .content-wrapper .content-header .title._line {
    /* width: 70px; */
    padding: 5px 13px 20px;
  }

  /* line 1985, ../_scss/style.scss */
  .content-wrapper .content-header p.copy {
    right: 12%;
    font-size: 1.6rem;
  }

  /* line 1987, ../_scss/style.scss */
  .content-wrapper .content-header p.copy span.l2 {
    padding-top: 24px;
    margin-right: 5px;
  }

  /* line 1989, ../_scss/style.scss */
  .content-wrapper .content-header a.button {
    width: 210px;
    bottom: -85px;
  }

  /* line 1991, ../_scss/style.scss */
  .content-wrapper>.visual {
    padding-left: 24%;
  }

  /* line 1993, ../_scss/style.scss */
  .content-wrapper>.visual .item {
    height: 480px;
  }

  /* line 1995, ../_scss/style.scss */
  .content-wrapper .text {
    right: 15px;
    bottom: auto;
    top: 95%;
    padding: 22px 40px 5px;
    max-width: 460px;
  }

  /* line 2000, ../_scss/style.scss */
  .content-wrapper .text .text-inner {
    max-width: 880px;
    padding-right: 0;
  }

  /* line 2004, ../_scss/style.scss */
  .content-wrapper .text .text-inner p {
    line-height: 1.9;
  }

  /* line 2006, ../_scss/style.scss */
  .content-wrapper .text .text-inner p br.pc {
    display: none;
  }

  /* line 2011, ../_scss/style.scss */
  .content-wrapper._reverse {
    padding-right: 15px !important;
  }

  /* line 2013, ../_scss/style.scss */
  .content-wrapper._reverse .content-header {
    right: 0;
    text-align: left;
  }

  /* line 2015, ../_scss/style.scss */
  .content-wrapper._reverse .content-header p.copy {
    left: 15%;
  }

  /* line 2017, ../_scss/style.scss */
  .content-wrapper._reverse .visual {
    padding-right: 24%;
  }

  /* line 2018, ../_scss/style.scss */
  .content-wrapper._reverse .text {
    right: auto;
    left: 15px;
    padding-right: 40px !important;
    padding-left: 0 !important;
    padding-right: 0;
  }
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  /* line 1728, ../_scss/style.scss */
  .content-wrapper {
    padding-bottom: 80px;
  }

  /* line 2034, ../_scss/style.scss */
  .content-wrapper .content-header {
    padding-left: 0 !important;
    padding-right: 0;
    position: static;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
  }

  /* line 2036, ../_scss/style.scss */
  .content-wrapper .content-header .title {
    font-size: 1.8rem;
  }

  /* line 2038, ../_scss/style.scss */
  .content-wrapper .content-header .title span.sub {
    font-size: 1.4rem;
  }

  /* line 2039, ../_scss/style.scss */
  .content-wrapper .content-header .title._line {
    /* width: 60px; */
    padding: 5px 12px 12px;
    /* position: absolute; */
    /* left: auto; */
    /* right: 39px; */
    /* top: 0; */
  }

  /* line 2047, ../_scss/style.scss */
  .content-wrapper .content-header .title {
    /*     font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; */
    letter-spacing: .1em;
    color: #000;
    font-weight: 500;
    font-size: 2.0rem;
  }

  /* line 2050, ../_scss/style.scss */
  .content-wrapper .content-header p.copy {
    position: static;
    padding-left: 10px;
    padding-top: 6px;
    font-size: 1.5rem;
    letter-spacing: 2.1px;
  }

  /* line 2053, ../_scss/style.scss */
  .content-wrapper .content-header p.copy span.l2 {
    padding-top: 0px;
    margin-right: 5px;
  }

  /* line 2055, ../_scss/style.scss */
  .content-wrapper .content-header a.button {
    right: auto;
    left: 0 !important;
    bottom: 0;
  }

  /* line 2058, ../_scss/style.scss */
  .content-wrapper .visual {
    /* padding-left: 0 !important; */
    /* padding-right: 0 !important; */
  }

  /* line 2060, ../_scss/style.scss */
  .content-wrapper .visual .item {
    height: 70vw;
  }

  /* line 2062, ../_scss/style.scss */
  .content-wrapper .text {
    position: relative;
    right: auto;
    bottom: auto;
    z-index: 3;
    background-color: transparent;
    width: 100%;
    padding: 0 !important;
    margin-top: 0;
    padding-left: 0 !important;
  }

  /* line 2070, ../_scss/style.scss */
  .content-wrapper .text .text-inner {
    max-width: none;
    padding-right: 0;
    padding-left: 0;
    padding-top: 24px;
    background: white;
  }

  /* line 2076, ../_scss/style.scss */
  .content-wrapper .text .text-inner p {
    font-size: 1.4rem;
    line-height: 1.9;
    margin-bottom: 20px;
  }

  /* line 2080, ../_scss/style.scss */
  .content-wrapper._reverse {
    padding-left: 0;
    padding-right: 0 !important;
  }
}

/* line 2085, ../_scss/style.scss */
.partition_nezu-block {
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  -webkit-background-size: cover !important;
  background-size: cover !important;
  height: 570px;
}

/* line 2086, ../_scss/style.scss */
.pc .partition_nezu-block {
  background-attachment: fixed;
}




/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 1366px) {
  .partition_nezu-block {
    background-repeat: no-repeat;
    background-position: center left;
    background-color: transparent;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    -webkit-background-size: cover !important;
    background-size: cover !important;
    -moz-background-size: contain !important;
    -o-background-size: contain !important;
    -webkit-background-size: contain !important;
    background-size: contain !important;
    height: 450px;
  }


}



/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  .pc .partition_nezu-block {
    background-attachment: scroll;
    /* height: 230px; */
  }


}

.top-sections {
  margin-top: 105px;
  padding-top: 50px;
  padding-bottom: 100px;
  background: #fff;
}

.top-sections .wrap {
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}






@media screen and (max-width: 600px) {
  .top-sections {
    margin-top: 0;
    padding-top: 29px;
    padding-bottom: 30px;
    z-index: 3;
    top: -1.3em;
    width: 90%;
    padding: 50px 10px 10px;
    border-radius: 0.8em;
  }
}

@media screen and (max-width: 600px) {
  .pc .partition_nezu-block {
    background-attachment: scroll;
    height: 230px;
  }
}

.top-sections_view {
  /*   margin-top:100px; */
  padding-top: 50px;
  /*   padding-bottom: 100px; */
}



/*COLLABORATION  */

.sec_collabo {
  /* display:flex; */
  /* flex-wrap: wrap; */
  /* max-width: 1280px; */
  /* margin: 0 auto; */
  width: 100%;
}

.secCollabo_img {
  width: 100%;
  padding: 60px 10px 0 10px;
  margin: 0 auto 50px;
  text-align: center;
}


.secCollabo_img img {
  max-width: 400px;
  margin: 0 auto;
}

.secCollabo_text {
  width: 100%;
  padding: 0 40px 0 50px;
  text-align: center;
}

.collabo_title {
  font-size: 2.3rem;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 10px;
}

.collabo_comment {
  font-size: 1.6rem;
  font-weight: 400;
}


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

  .collabo_title {
    font-size: 1.7rem;
  }

  .collabo_comment {
    font-size: 1.6rem;
    letter-spacing: 0.1em;
    text-align: left;
  }


}


.la_area {
  padding: 10px 10px 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.la_area span {
  padding: 5px
}

.la_area span img {
  width: 110px
}



@media screen and (max-width: 600px) {
  .secCollabo_img {
    width: 100%;
    padding: 0 10px 0 10px;
  }

  .secCollabo_text {
    width: 100%;
    padding: 0 40px 0 50px;
  }
}


@media screen and (max-width: 400px) {
  .secCollabo_img {
    margin: 30px auto 50px;
  }

  .secCollabo_img img {
    max-width: 300px;
    margin: 0 auto;
  }

  .secCollabo_text {
    width: 100%;
    padding: 0 10px 0 10px;
  }

}





.bg_collabo {
  /*位置の設定*/
  width: 100%;
  height: 40vh;
  position: absolute;
  top: 0;
  left: 0;

  /*背景画像の設定*/
  /* right: 50px; */
  background: url(../../img/bg_collabo.png?dl=0) no-repeat;
  background-position: top left;
  background-position: top;
  background-size: contain;

  /*透過の設定*/
  opacity: 0.2;
}

@media screen and (max-width: 600px) {
  .bg_collabo {
    /*位置の設定*/
    width: 100%;
    height: 35vh;
  }

}





/*COLLABORATION  */






.sec_01 {
  display: flex;
  flex-wrap: wrap;
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
}

.sec01_img {
  width: 40%;
  padding: 0 10px 0 50px;
}


.sec01_img img {
  width: 100%;

}

.sec01_text {
  width: 60%;
  padding: 0 40px 0 50px;
}

@media screen and (max-width: 600px) {
  .sec01_img {
    width: 100%;
    padding: 0 10px 0 10px;
  }

  .sec01_text {
    width: 100%;
    padding: 0 40px 0 50px;
  }


}

@media screen and (max-width: 400px) {
  .sec01_text {
    padding: 0 5px;
    letter-spacing: 0.1em;
  }


}



.sub_en:before {
  font-family: 'Font Awesome 6 pro';
  content: "\f1b2";
  font-weight: 400;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding-right: 5px;
}

.title_first {
  font-size: 34px;
  font-weight: 500;
  line-height: 1.2;
  font-family: garamond-premier-pro, serif;
  margin-bottom: 20px;
  font-weight: 500;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.1em;
  font-style: normal;
}




.title_en,
.sub_en {
  font-size: 34px;
  font-weight: 500;
  line-height: 1.2;
  /* font-family: garamond-premier-pro, serif; */
  margin-bottom: 20px;
  /* font-family: new-order, sans-serif; */
  /* font-family: "Century Gothic", sans-serif; */
  font-weight: 500;
  font-style: normal;
  /* font-family: futura-pt-condensed, sans-serif; */
  /* font-family: futura-pt, sans-serif; */
  font-weight: 500;
  letter-spacing: 0.1em;
  font-style: normal;
  display: flex;
  align-items: center;
}


.title_en:after {
  content: "";
  height: 1px;
  flex-grow: 1;
  background-color: #666;
  margin-left: 30px;
}


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

  .title_en,
  .sub_en {
    font-size: 23px;
    letter-spacing: -0.01em;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .title_first {
    font-size: 32px;
    margin-top: 20px;
  }




}


.title_ja {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
  /*    font-family: garamond-premier-pro, serif; */
  /*    margin-bottom: 50px; */
  /*    position: relative; */
  /*     display: inline-block; */
  display: flex;
  align-items: center;
}

@media screen and (max-width: 600px) {
  .title_ja {
    font-size: 20px;
  }
}




/* .title_ja:before, */
.title_ja:after {
  content: "";
  height: 1px;
  flex-grow: 1;
  background-color: #666;
  margin-left: 30px;
}


.about_kirakaracho {
  color: #444;
  /* font-size: 24px; */
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 30px;
  padding: 5px;
}

.about_kirakaracho img {
  max-width: 280px;
  padding: 20px;
  width: calc(100% - 40px);
}

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

  .about_kirakaracho img {
    max-width: 200px;
  }
}




.about_kirakaracho:before,
.about_kirakaracho:after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background: #444;
  display: block;
}

.about_kirakaracho:before {
  margin-right: .4em;
}

.about_kirakaracho:after {
  margin-left: .4em;
}






.comment {
  font-size: 2.3rem;
  font-weight: 400;
  line-height: 3.5;
  border-bottom: 1px solid #000;
}

.comment:before {
  content: "";
  font-family: 'Font Awesome 6 pro';
  content: "\f55f";
  padding-right: 10px;
  color: #b13433;
  color: #570202;
}


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

  .comment {
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 2.3;
    border-bottom: 1px solid #000;
    letter-spacing: -0.01em;
  }
}






.bg_kakutsunagi {
  /*位置の設定*/
  width: 80%;
  height: 68vh;
  position: absolute;
  top: 0;
  right: 0;

  /*背景画像の設定*/
  background: url(../../img/bg_kakutsunagi.png?dl=0);
  background-size: cover;

  /*透過の設定*/
  opacity: 0.2;
}




.sec_02 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1280px;
  margin: 0px auto 30px;
}

.sec02_text_left {
  width: 100%;
  padding: 0 50px 0 40px;
}

.sec02_text_right {
  width: 40%;
  padding: 0 50px 0 10px;
}

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

  .sec02_text_left {
    width: 100%;
    padding: 0 0px;
  }

  .sec02_text_right {
    width: 100%;
    padding: 0 20px;
  }
}









.sec_02_comment {
  width: auto;
  max-width: 1200px;
  margin: 0 auto 0;
  width: 100%;
  text-align: left;
}

.sec_02_comment h3 {
  padding: 0 50px;
  font-size: 1.8rem;
  line-height: 1.5;
}

@media screen and (max-width: 400px) {
  .sec_02_comment h3 {
    padding: 0 15px;
    font-size: 1.8rem;
    line-height: 1.5;
  }
}

.pattern_flex {
  display: flex;
  align-items: center;
  align-content: space-between;
  align-content: space-around;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}





.pattern_flex>div {
  padding: 2%;
  text-align: center;
  width: 33.3333%;
}

.pattern_flex>div img {
  width: 100%;
  margin: 0 auto 20px;
}

.pattern_flex>div p.en {
  font-family: "Century Gothic", sans-serif
}

/* .pattern_flex div p.ja{} */


@media screen and (max-width: 600px) {
  .pattern_flex {
    flex-direction: column;
  }

  .pattern_flex>div {
    width: 100%;
  }
}





/* カラー */

.color_flex {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}

.color_flex .colorBox {
  width: 25%;
  /*   width: 200px;
  height:200px;
  line-height:150px;
  padding:2%;
  border-radius:50%; */
  text-align: center;
  margin: 10px auto;
}

.circle {
  width: 200px;
  height: 200px;
  line-height: 150px;
  padding: 2%;
  border-radius: 50%;
  margin: 0 auto 20px;
}

.color_flex p.kanji {
  font-size: 18px;
}

.color_flex p.kana {
  font-size: 14px;
}

.color2 {
  background: #E5D9BA;
}

.color3 {
  background: #123466;
}

.color4 {
  background: #DAD2E0;
}

.color5 {
  background: #EDEDEC;
}

.color6 {
  background: #EDEDEC;
}

.color7 {
  background: #EDEDEC;
}

.color8 {
  background: #EDEDEC;
}

.color9 {
  background: #EDEDEC;
}

.color0 {
  background: #EDEDEC;
}

.color1 {
  background: #EDEDEC;
}



.wide-container h2 {
  font-size: 20px;
  text-align: center;
  margin-top: 60px;
}





.other_sub {
  font-size: 1.6rem;
  font-weight: 400;
  color: #000;
  display: flex;
  flex-wrap: wrap;
  margin: 50px 0 10px;
}

.sec_sub {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1280px;
  margin: 0px auto 30px;
}

.secsub_text_left {
  width: 60%;
  padding: 0 50px 0 0px;
}

.secsub_text_left:before {
  contents: "●"
}


.secsub_text_right {
  width: 40%;
  padding: 0 50px 0 10px;
}

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

  .other_sub {
    margin: 0px 0 10px;
  }

  .secsub_text_left {
    width: 100%;
    padding: 0 20px;
  }

  .secsub_text_right {
    width: 100%;
    padding: 0 20px;
  }
}

.secsub_text_left.title_en {}












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

  .circle {
    width: 120px;
    height: 120px;
    line-height: 120px;
    padding: 2%;
  }

  .color_flex p.kanji {
    font-size: 15px;
  }

  .color_flex p.kana {
    font-size: 13px;
  }

}

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

  /*   .color_flex .colorBox{
    width:50%;
  } */

  .color_flex .colorBox {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .circle {
    width: 120px;
    height: 120px;
    line-height: 120px;
    padding: 2%;
    margin: 10px;
  }

  .color_flex p.kanji {
    font-size: 15px;
    padding: 10px;
  }

  .color_flex p.kana {
    font-size: 13px;
  }
}


@media screen and (max-width:414px) {
  .circle {
    width: 60px;
    height: 60px;
    line-height: 60px;
    padding: 1%;
    margin: 5px;
  }
}

@media screen and (max-width:1600px) {
  .container {
    width: auto;
    max-width: 1200px;
  }

  .wide-container {
    width: auto;
    max-width: 1280px;
    padding-bottom: 80px;
  }

  .wide-container h2 {
    font-size: 20px;
    text-align: center;
    margin-top: 60px;
  }

  /* #g-footer .wide-container, */
  #g-header .wide-container {
    width: auto;
    max-width: 1320px
  }
}

@media screen and (max-width:1280px) {
  .wide-container {
    padding: 0 15px
  }

  /* #g-footer .wide-container, */
  #g-header .wide-container {
    padding: 0 5px
  }
}

@media screen and (max-width:1000px) {
  .container {
    padding: 0 15px
  }
}

@media screen and (max-width:768px) {
  .container {
    padding: 0 60px
  }
}

@media screen and (max-width:480px) {
  .container {
    padding: 0 15px
  }
}







.works-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-around;
}

.works-list>li {
  width: 33%;
  padding: 1%;
  /* margin-top: 180px; */
}

.works-list>li>.inner {
  position: relative
}

.works-list>li:nth-of-type(-n+3) {
  /* margin-top: 0 */
}

.works-list>li:nth-of-type(3n+1) a {
  margin-right: auto
}

.works-list>li:nth-of-type(3n+2) {
  /* margin-right: 1%; */
  /* margin-left: 1%; */
}

.works-list>li:nth-of-type(3n+2)>.inner {
  top: 50px;
}

.works-list>li:nth-of-type(3n+2) a {
  margin: 0 auto
}

.works-list>li:nth-of-type(3n+3)>.inner {
  top: -30px;
}

.works-list>li:nth-of-type(3n+3) a {
  margin-left: auto
}

.works-list a {
  display: block;
  position: relative;
  /* color: #fff; */
  margin-bottom: 100px;
}

.works-list .thumb {
  padding-bottom: 100%;
}

.works-list .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  min-width: 70px;
  left: 40px;
  top: -30px;
  -webkit-box-shadow: 0 0 80px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 0 80px 0 rgba(0, 0, 0, .2);
  z-index: 10;
}

.works-list .label p {
  min-width: 100px;
  padding: 20px 20px;
  font-size: 1.9rem;
  color: #fff;
  background-color: #fff;
  background: #fefefe;
  white-space: nowrap;
}

.works-list .description {
  padding-top: 25px;
  padding-bottom: 35px;
  line-height: 2;
  letter-spacing: 0.001em;
  text-align: justify;
  /* color: #fff; */
  font-size: 1.2em;
}

.works-list .description p {
  /* font-family: "Century Gothic", 'Abel', sans-serif; */
  font-size: 16px;
}




/* works-list-2 */

.works-list-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.works-list-2>li {
  width: 30%;
  margin-top: 180px
}

.works-list-2>li>.inner {
  position: relative
}

.works-list-2>li:nth-of-type(-n+3) {
  margin-top: 0
}

.works-list-2>li:nth-of-type(3n+1) a {
  margin-right: auto
}

.works-list-2>li:nth-of-type(3n+2) {
  margin-right: 5%;
  margin-left: 5%
}

.works-list-2>li:nth-of-type(3n+2)>.inner {
  top: 80px
}

.works-list-2>li:nth-of-type(3n+2) a {
  margin: 0 auto
}

.works-list-2>li:nth-of-type(3n+3)>.inner {
  top: -60px
}

.works-list-2>li:nth-of-type(3n+3) a {
  margin-left: auto
}

.works-list-2 a {
  display: block;
  position: relative
}

.works-list-2 .thumb {
  padding-bottom: 100%;
}

.works-list-2 .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  min-width: 70px;
  left: 40px;
  top: -30px;
  -webkit-box-shadow: 0 0 80px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 0 80px 0 rgba(0, 0, 0, .2);
  z-index: 10;
}

.works-list-2 .label p {
  min-width: 100px;
  padding: 30px 20px;
  font-size: 2rem;
  background-color: #fff;
  white-space: nowrap;
  text-align: center;
}

.works-list-2 .description {
  padding-top: 35px;
  line-height: 2;
  letter-spacing: .1em;
  text-align: justify
}


/* works-list-3 */

.works-list-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-evenly;
  justify-content: space-between;
  margin-top: 150px
}

.works-list-3>li {
  width: 25%;
  /*     margin-top: 180px; */
  padding: 1%;
}

.works-list-3>li>.inner {
  position: relative
}

.works-list-3>li:nth-of-type(-n+4) {
  /*     margin-top: 0 */
}

.works-list-3>li:nth-of-type(4n+1) a {
  /*     margin-right: auto */
}

.works-list-3>li:nth-of-type(4n+2) {
  /*     margin-right: 5%;
    margin-left: 5% */
}

.works-list-3>li:nth-of-type(4n+1)>.inner {
  top: -60px
}

.works-list-3>li:nth-of-type(4n+2)>.inner {
  top: -40px
}

.works-list-3>li:nth-of-type(4n+2) a {
  margin: 0 auto;
}

.works-list-3>li:nth-of-type(4n+3)>.inner {
  top: -10px
}

.works-list-3>li:nth-of-type(4n+4)>.inner {
  top: -40px
}

.works-list-3>li:nth-of-type(4n+4) a {
  margin-left: auto
}

.works-list-3 a {
  display: block;
  position: relative
}

.works-list-3 .thumb {
  padding-bottom: 100%;
}

.works-list-3 .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  min-width: 70px;
  left: 40px;
  top: -30px;
  -webkit-box-shadow: 0 0 80px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 0 80px 0 rgba(0, 0, 0, .2);
  z-index: 10;
}

.works-list-3 .label p {
  min-width: 100px;
  padding: 30px 20px;
  font-size: 2rem;
  background-color: #fff;
  white-space: nowrap;
  text-align: center;
}

.works-list-3 .description {
  padding-top: 15px;
  line-height: 1.5;
  letter-spacing: .1em;
  text-align: justify;
}

.works-list-3 .description .picup_nm {
  font-size: 0.8em;
  font-weight: 600;
  color: #3F51B5;
}

.works-list-3 .description .picup_cap {
  font-size: 0.9em;
}

@media screen and (max-width:768px) {
  .works-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 25px
  }

  .works-list>li {
    width: 45%;
    margin-top: 0;
    margin-bottom: 66.66667px
  }

  .works-list>li:nth-of-type(3n+2) {
    margin-left: 0;
    margin-right: 0
  }

  .works-list>li:nth-of-type(3n+2)>.inner,
  .works-list>li:nth-of-type(3n+3)>.inner {
    top: 0
  }

  .works-list .label {
    min-width: 60px;
    top: -25px;
    /* right: -15px; */
    left: 15px;
  }

  .works-list .label p {
    min-width: 60px;
    padding: 30px 15px
  }

  .works-list a {
    margin: 0 auto
  }

  .works-list .description {
    /* display: none */
  }

  /* .works-list-2 */
  .works-list-2 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 25px
  }

  .works-list-2>li {
    width: 45%;
    margin-top: 0;
    margin-bottom: 66.66667px
  }

  .works-list-2>li:nth-of-type(3n+2) {
    margin-left: 0;
    margin-right: 0
  }

  .works-list-2>li:nth-of-type(3n+2)>.inner,
  .works-list-2>li:nth-of-type(3n+3)>.inner {
    top: 0
  }

  .works-list-2 .label {
    min-width: 60px;
    top: -25px;
    /* right: -15px; */
    left: 15px;
  }

  .works-list-2 .label p {
    min-width: 60px;
    padding: 30px 15px
  }

  .works-list-2 a {
    margin: 0 auto
  }

  .works-list-2 .description {
    /* display: none */
  }

  .works-list-3 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 25px
  }

  .works-list-3>li {
    width: 45%;
    margin-top: 0;
    margin-bottom: 66.66667px;
  }

  .works-list-3>li:nth-of-type(3n+2) {
    margin-left: 0;
    margin-right: 0
  }

  .works-list-3>li:nth-of-type(3n+2)>.inner,
  .works-list-3>li:nth-of-type(3n+3)>.inner {
    top: 0
  }

  .works-list-3 .label {
    min-width: 60px;
    top: -25px;
    /* right: -15px; */
    left: 15px;
  }

  .works-list-3 .label p {
    min-width: 60px;
    padding: 30px 15px
  }

  .works-list-3 a {
    margin: 0 auto
  }

  .works-list-3 .description {
    /* display: none */
  }
}

@media screen and (max-width:640px) {
  .works-list {
    padding: 0
  }

  .works-list>li {
    width: 47%;
    margin-bottom: 50px
  }

  .works-list .label p {
    min-width: 50px;
    padding: 15px
  }

  /* works-list-2 */
  .works-list-2 {
    padding: 0
  }

  .works-list-2>li {
    width: 47%;
    margin-bottom: 50px
  }

  .works-list-2 .label p {
    min-width: 50px;
    padding: 15px
  }
}

@media screen and (max-width:480px) {
  .works-list>li {
    width: 100%;
    margin-bottom: 50px
  }

  .works-list-2>li {
    width: 100%;
    margin-bottom: 50px
  }

  .works-list-3>li {
    width: 100%;
    margin-bottom: 50px
  }

  .works-list .label p {
    font-size: 1.8rem;
    color: #000;
  }

  .works-list-2 .label p {
    font-size: 1.8rem
  }
}

@media screen and (max-width:413px) {
  .works-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 25px
  }

  .works-list>li {
    width: 100%;
    margin-top: 0;
    margin-bottom: 50px
  }

  .works-list>li:nth-of-type(3n+2) {
    margin-left: 0;
    margin-right: 0
  }

  .works-list .label {
    min-width: 60px;
    top: -25px;
    /* right: -15px; */
    left: 10px;
  }

  .works-list .label p {
    min-width: 60px;
    padding: 30px 15px
  }

  .works-list a {
    margin: 0 auto
  }

  .works-list .description {
    /* display: none */
  }

  .works-list-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 25px
  }

  .works-list-2>li {
    width: 100%;
    margin-top: 0;
    margin-bottom: 50px
  }

  .works-list-2>li:nth-of-type(3n+2) {
    margin-left: 0;
    margin-right: 0
  }

  .works-list-2 .label {
    min-width: 60px;
    top: -25px;
    /* right: -15px */
    left: 15px;
  }

  .works-list-2 .label p {
    min-width: 60px;
    padding: 30px 15px
  }

  .works-list-2 a {
    margin: 0 auto
  }

  .works-list-2 .description {
    /* display: none */
  }

  .works-list-3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 25px
  }

  .works-list-3>li {
    width: 100%;
    margin-top: 0;
    margin-bottom: 50px
  }

  .works-list-3>li:nth-of-type(4n+2) {
    margin-left: 0;
    margin-right: 0
  }

  .works-list-3 .label {
    min-width: 60px;
    top: -25px;
    /* right: -15px; */
    left: 10px;
  }

  .works-list-3 .label p {
    min-width: 60px;
    padding: 30px 15px
  }

  .works-list-3 a {
    margin: 0 auto
  }

  .works-list-3 .description {
    /* display: none */
  }
}







/* -----------------------------------------------------------
#home_news
----------------------------------------------------------- */

#home_news_area {
  padding: 60px 2% 50px;
  margin-top: 30px;
  /* background: url(../images/common/noise.png) repeat #f5f5f5; */
  /* background: #f5f5f5; */
}

#home_news_area .central {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

@media only screen and (max-width: 900px) {
  #home_news_area {
    padding: 0;
  }
}

@media only screen and (max-width: 736px) {
  #home_news_area {
    padding: 0;
  }
}

#home_news_area .flex_ns {
  /* display: flex; */
  /* flex-wrap: wrap; */
  /* justify-content: space-between; */
  /* align-items: stretch; */
}



/* ----------------------------------------------------------
   .headline
   ---------------------------------------------------------- */

.headline {
  /* margin-bottom: 5px; */
  /* text-align: left; */
  /* position: relative; */
  /* z-index: 1; */
  /* color: #000; */
  /* display: flex; */
  align-items: center;
}

.headline h2.en {
  font-size: 28px;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  letter-spacing: 2px;
  padding-right: 20px;
  /* text-align: center; */
}

.headline h2.jp {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
}

@media only screen and (max-width: 900px) {
  .headline {
    margin-bottom: 45px;
  }

  .headline h2.en {
    font-size: 30px;
  }

  .headline h2.jp {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1;
    margin-top: 15px;
  }
}

@media only screen and (max-width: 736px) {
  .headline {
    margin-bottom: 40px;
  }

  .headline h2.en {
    font-size: 25px;
  }

  .headline h2.jp {
    font-size: 13px;
    margin-top: 10px;
  }
}

@media only screen and (max-width: 414px) {
  .headline h2.jp {
    font-size: 12px;
  }
}







.home_news {
  flex: 0 0 46%;
  margin: 2%;
  justify-content: center;
  align-items: center;
  text-align: center;
}




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

  #home_news_area .flex_ns {
    flex-flow: column;
  }

  .home_news {
    flex: 0 0 98%;
  }

}



.home_news {
  flex: 0 0 46%;
  margin: 2%;
  justify-content: center;
  align-items: center;
  text-align: center;
}




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

  #home_news_area .flex_ns {
    flex-flow: column;
  }

  .home_news {
    flex: 0 0 98%;
  }

}


@media only screen and (max-width: 900px) {
  .home_news {
    /* float: none; */
    /* width: 100%; */
    /* background: #f0f0f0; */
    padding: 80px 2%;
  }
}

@media only screen and (max-width: 736px) {
  .home_news {
    padding: 70px 3% 0;
  }
}


@media only screen and (max-width: 600px) {
  .home_news {
    padding: 0 3% 0;
  }
}


/* --------- .newsArea --------- */

.home_news .newsArea {
  margin: 0 auto;
  /* max-width: 900px; */
  padding: 30px 0px;
}

.home_news .newsArea dl {
  margin: 1px 0 0;
  padding: 5px 0px;
  /* font-size: 13px; */
  line-height: 2;
  text-align: left;
  letter-spacing: 1px;
  /* background: #050126; */
  border-bottom: 1px solid #ddd;
  /* position: relative; */
  /* z-index: 1; */
  color: #000;
  display: flex;
  align-items: center;
}

.home_news .newsArea dl:first-child {
  margin: 0;
}

.home_news .newsArea dl dt {
  /* display: block; */
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  padding: 0 1em;
}

.home_news .newsArea dl dt span {
  padding-left: 5px;
  color: #e96c36;
}

.home_news .newsArea dl dd {}

.home_news .newsArea dl a {
  /* position: absolute; */
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  /* color: #fefefe; */
}

.home_news .newsArea dl:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 100%;
  height: 0;
  content: "";
  border-bottom: transparent 1px solid;
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.home_news .newsArea dl:hover:after {
  right: 0;
  border-color: #111;
}

@media only screen and (max-width: 900px) {
  .home_news .newsArea dl:after {
    display: none;
  }
}

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

  .home_news .newsArea {
    padding: 30px 0px 0;
  }


  .home_news .newsArea dl {
    font-size: 12px;
  }

}

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

  .home_news .newsArea {
    padding: 10px 0px 0;
  }

}


/* -----------------------------------------------------------
#home_works_area
----------------------------------------------------------- */

#home_works_area {
  padding: 90px 2%;
  /* background: url(../images/common/noise.png) repeat #f5f5f5; */
  background: #f9f8ff;
  width: 100%;
}

#home_works_area .central {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

@media only screen and (max-width: 900px) {
  #home_works_area {
    padding: 0;
  }
}

@media only screen and (max-width: 736px) {
  #home_works_area {
    padding: 0;
  }
}

/* -----------------------------------------------------------
#home_works
----------------------------------------------------------- */

#home_works {
  /* float: right; */
  width: 100%;
}

@media only screen and (max-width: 900px) {
  #home_works {
    float: none;
    width: 100%;
    padding: 80px 5%;
    background: #ddd;
  }
}

@media only screen and (max-width: 736px) {
  #home_works {
    padding: 70px 5%;
  }
}

/* --------- .worksArea --------- */

.worksArea {
  /* position: relative; */
  /* font-size: 0; */
  /* margin: -2px -2px 0; */
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch
}

.worksArea .worksBox {
  /*         display: inline-block; */
  flex: 0 0 23%;
  margin: 0 0.5%;
  /* border: transparent 2px solid; */
  align-items: stretch;
  background: #fff;
  border: 1px solid #ddd;
}

/* .inner */

.worksArea .worksBox .wrap {
  position: relative;
  /* background: #fefefe; */
  padding: 20px 7.5% 20px;
  z-index: 2;
  text-align: center;
  /* border: 1px solid #ddd; */
}

.worksArea .worksBox .wrap:before {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  content: "";
  border: #fefefe 0 solid;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: -1;
}

.worksBox:hover .wrap:before {
  border: #050126 2px solid;
  /*     position: absolute;
    bottom: 0;
    right: 0;
    border-left: 5px solid transparent;
    border-bottom: 5px solid #050126; */


}

.worksBox:hover .wrap:after {
  /*         border: #050126 5px solid; */
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: -1;
  border-bottom: solid 0px transparent;
  border-top: solid 40px transparent;
  border-right: solid 40px #050126;
  border-left: solid 0px transparent;
  width: 0;
  height: 0;
  content: '';
  position: absolute;
  bottom: 0px;
  right: 0px;


}

.worksArea .worksBox .wrap img {
  width: 100%;
  margin: 20px 0;
}

.worksArea .worksBox .wrap h2 {
  text-align: center;
  color: #050126;
  margin: 20px 0 0;
  font-weight: 600;
  font-size: 18px;
}

/*     
    .worksArea .worksBox .wrap h2:after {
        content: '';
        display: block;
        width: 147px;
        height: 1px;
        background-color: #050126;
        position: relative;
        bottom: 0px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    } */
/* ul.category */

.worksArea .worksBox ul.category {
  margin-top: 20px;
  list-style: none;
  z-index: 2;
  text-align: center;
}

.worksArea .worksBox ul.category li {
  display: inline-block;
  color: #fefefe;
  background: #050126;
  font-size: 13px;
  font-weight: 500;
  line-height: 35px;
  letter-spacing: 1px;
  border-radius: 1.5em;
  padding: 0 35px 0 25px;
  position: relative;
  z-index: 1;
}

.worksArea .worksBox ul.category li:after {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  font-size: 1.1em;
  /* font-family: themify; */
  /* content: "\e6ad"; */
  font-weight: normal;
  font-family: 'Font Awesome 6 pro';
  content: "\f054";
  vertical-align: 0;
}

/* p.date */
/*.worksArea .worksBox p.date { position: absolute; top:20px; left:7.5%; font-family: 'Poppins', sans-serif; font-weight: 500;line-height:40px; }
.worksArea .worksBox p.date span { padding-left:5px; color: #e96c36; }*/

.worksArea .worksBox p.date {
  position: absolute;
  top: 20px;
  left: 7.5%;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  line-height: 40px;
  font-size: 0;
  display: none;
}

/*.worksArea .worksBox p.date span { font-size: 14px; color: #e96c36; }*/
/* h3 */

.worksArea .worksBox .wrap h3 {
  font-size: 15px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 1px;
  padding: 0;
  color: #050126;
}

/* .icon_award */

.worksArea .worksBox .icon_award {
  position: absolute;
  top: 15px;
  right: 7.5%;
  width: 55px;
  height: 55px;
  content: "";
  background: url(../images/common/icon_award.png) center center no-repeat;
  background-size: cover;
  z-index: 2;
}

@media only screen and (max-width: 900px) {
  .worksArea .worksBox .wrap {
    padding: 50px 7.5% 50px;
  }

  .worksArea .worksBox .wrap:before {
    display: none;
  }

  /* ul.category */
  .worksArea .worksBox ul.category {
    margin-top: -35px;
    list-style: none;
    z-index: 2;
  }

  .worksArea .worksBox ul.category li {
    padding: 0 15px 0 30px;
  }

  /* p.date */
  .worksArea .worksBox p.date {
    top: 10px;
    left: 7.5%;
  }

  /*.worksArea .worksBox p.date span { font-size: 13px; }*/
  /* h3 */
  .worksArea .worksBox .wrap h3 {
    font-size: 14px;
  }

  /* .icon_award */
  .worksArea .worksBox .icon_award {
    top: 10px;
    right: 7.5%;
    width: 50px;
    height: 50px;
  }
}

@media only screen and (max-width: 736px) {
  .worksArea .worksBox .wrap {
    padding: 40px 7.5% 30px;
  }

  .worksArea .worksBox .wrap:before {
    display: none;
  }

  /* ul.category */
  .worksArea .worksBox ul.category {
    margin-top: -25px;
    list-style: none;
    z-index: 2;
  }

  .worksArea .worksBox ul.category li {
    font-size: 11px;
    line-height: 25px;
    letter-spacing: 1px;
    padding: 0 10px 0 20px;
  }

  .worksArea .worksBox ul.category li:before {
    left: 5px;
    font-size: 1em;
  }

  /* p.date */
  .worksArea .worksBox p.date {
    top: 10px;
    left: 7.5%;
    line-height: 30px;
  }

  /*.worksArea .worksBox p.date span { font-size: 11px; }*/
  /* h3 */
  .worksArea .worksBox .wrap h3 {
    font-size: 11px;
    line-height: 1.8;
    margin-top: 5px;
  }
}

@media only screen and (max-width: 500px) {
  .worksArea .worksBox {
    flex: 0 0 100%;
  }
}

@media only screen and (max-width: 414px) {
  .worksArea .worksBox p.date {
    letter-spacing: 0.5px;
  }

  .worksArea .worksBox .wrap h3 {
    line-height: 1.8;
  }

  .worksArea .worksBox ul.category li {
    font-size: 9px;
    padding: 0 5px 0 18px;
  }

  .worksArea .worksBox .icon_award {
    top: 6px;
    right: 4%;
    width: 30px;
    height: 30px;
  }
}










/* line 2100, ../_scss/style.scss */
#story {
  display: table;
  width: 100%;
}

/* line 2102, ../_scss/style.scss */
#story #story-inner {
  display: table-cell;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 180px 0 245px;
}

/* line 2107, ../_scss/style.scss */
#story #story-inner .text {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  display: inline-block;
  text-align: left;
  max-height: 400px;
}

/* line 2108, ../_scss/style.scss */
#story #story-inner p {
  display: inline-block;
  white-space: nowrap;
  /* font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; */
  letter-spacing: .1em;
  color: #000;
  font-size: 1.6rem;
  line-height: 3;
  height: 100%;
  margin-left: 65px;
}

/* line 2112, ../_scss/style.scss */
#story #story-inner p:last-of-type {
  margin-left: 0;
}

/* line 2113, ../_scss/style.scss */
#story #story-inner p.lead {
  font-size: 1.8rem;
  line-height: 2.33;
  margin-left: 90px;
}

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

  /* line 2122, ../_scss/style.scss */
  #story #story-inner {
    padding: 180px 0 245px;
  }

  /* line 2124, ../_scss/style.scss */
  #story #story-inner p {
    font-size: 1.6rem;
    line-height: 2.75;
    margin-left: 50px;
  }

  /* line 2126, ../_scss/style.scss */
  #story #story-inner p:last-of-type {
    margin-left: 0;
  }

  /* line 2127, ../_scss/style.scss */
  #story #story-inner p.lead {
    font-size: 1.7rem;
    line-height: 2.1;
    margin-left: 70px;
  }
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  /* line 2100, ../_scss/style.scss */
  #story {
    display: block;
  }

  /* line 2138, ../_scss/style.scss */
  #story #story-inner {
    display: block;
    text-align: center;
    padding: 55px 20px 40px 20px;
  }

  /* line 2142, ../_scss/style.scss */
  #story #story-inner .text {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    display: inline-block;
    text-align: left;
  }

  /* line 2143, ../_scss/style.scss */
  #story #story-inner p {
    display: block;
    white-space: normal;
    font-size: 1.4rem;
    line-height: 2.3;
    letter-spacing: 0.2px;
    margin-bottom: 20px;
    margin-left: 0;
  }

  /* line 2148, ../_scss/style.scss */
  #story #story-inner p:last-of-type {
    margin-bottom: 0;
  }

  /* line 2149, ../_scss/style.scss */
  #story #story-inner p.lead {
    font-size: 1.7rem;
    line-height: 2;
    letter-spacing: .09em;
    margin-left: 0;
    margin-bottom: 28px;
  }

  /* line 2154, ../_scss/style.scss */
  #story #story-inner rb {
    padding-top: 5px;
  }
}

/*---------------------------------------------------------------------
  <01>トップページ
---------------------------------------------------------------------*/
/* line 2169, ../_scss/style.scss */
body.home.ie article div#main #story #story-inner .text,
body.home.ie article div#main #story #story-inner .text p {
  height: 420px;
}

/* line 2175, ../_scss/style.scss */
body.home article div#main {
  padding-bottom: 15px;
  padding-bottom: 0;
}

/* line 2179, ../_scss/style.scss */
body.home article div#main .content-wrapper._mv .content-header .append-dots {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10px;
  padding-left: 65px;
}

/* line 2183, ../_scss/style.scss */
body.home article div#main .content-wrapper._mv .content-header .append-dots .slick-dots {
  position: relative;
  left: auto;
  right: auto;
  text-align: left;
  bottom: 20px;
}

/* line 2186, ../_scss/style.scss */
body.home article div#main .content-wrapper._mv .content-header .append-dots .slick-dots>li {
  max-width: 60px;
  width: 33%;
  margin-right: 0;
}

/* line 2190, ../_scss/style.scss */
body.home article div#main .content-wrapper._mv .content-header .append-dots .slick-dots>li:after {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 10;
  background-color: white;
  width: 3px;
  height: 100%;
  display: block;
  content: '';
}

/* line 2204, ../_scss/style.scss */
body.home article section {
  padding-top: 80px;
}

/* line 2206, ../_scss/style.scss */
body.home article section .sct-cont {
  position: relative;
  z-index: 10;
}

/* line 2207, ../_scss/style.scss */
body.home article section .content-wrapper figure.visual {
  margin-top: 75px;
}

/* line 2211, ../_scss/style.scss */
body.home article section#sct-stay #sct-stay-cont2 {
  margin-top: 240px;
  margin-right: -5%;
}

/* line 2213, ../_scss/style.scss */
body.home article section#sct-stay ul.column2>li {
  width: 50%;
  padding-right: 13%;
}

/* line 2215, ../_scss/style.scss */
body.home article section#sct-stay ul.column2>li figure {
  position: relative;
  margin-bottom: 40px;
}

/* line 2217, ../_scss/style.scss */
body.home article section#sct-stay ul.column2>li figure figcaption {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  position: absolute;
  right: -5%;
  top: -16%;
  background-color: white;
  padding: 0 0 40px 40px;
}

/* line 2222, ../_scss/style.scss */
body.home article section#sct-stay ul.column2>li figure figcaption span {
  display: block;
  /*   font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; */
  letter-spacing: .1em;
  color: #000;
  font-size: 1.9rem;
  letter-spacing: .13em;
  white-space: nowrap;
}

/* line 2226, ../_scss/style.scss */
body.home article section#sct-stay ul.column2>li figure figcaption span.l2 {
  padding-top: 28px;
  margin-right: 20px;
}

/* line 2231, ../_scss/style.scss */
body.home article section#sct-stay ul.column2>li .text .lead {
  margin-bottom: 26px;
  display: block;
  text-align: left;
  text-indent: -9999px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: 0 center;
  background-color: transparent;
  background-size: contain;
}

/* line 2240, ../_scss/style.scss */
body.home article section#sct-stay ul.column2>li .text .copy {
  font-size: 1.4rem;
  line-height: 2.1;
}

/* line 2241, ../_scss/style.scss */
body.home article section#sct-stay ul.column2>li .text a.button {
  margin-top: 20px;
}

/* line 2243, ../_scss/style.scss */
body.home article section#sct-stay ul.column2>li.ichiyu .lead {
  background-image: url(../img/home/title_ichiyu.png);
}

/* line 2244, ../_scss/style.scss */
body.home article section#sct-stay ul.column2>li.yasudatei .lead {
  background-image: url(../img/home/title_yasudatei.png);
}

/* line 2250, ../_scss/style.scss */
body.home article section#sct-cooking #sct-cooking-cont2 {
  position: relative;
  margin-top: 180px;
}

/* line 2253, ../_scss/style.scss */
body.home article section#sct-cooking #sct-cooking-cont2 .slide-block {
  position: relative;
}

/* line 2255, ../_scss/style.scss */
body.home article section#sct-cooking #sct-cooking-cont2 .slide-block .slick-arrow {
  position: absolute;
  z-index: 10;
  top: 50%;
  margin-top: -60px;
}

/* line 2258, ../_scss/style.scss */
body.home article section#sct-cooking #sct-cooking-cont2 .slide-block .slick-arrow.arrow_prev {
  left: -15px;
}

/* line 2259, ../_scss/style.scss */
body.home article section#sct-cooking #sct-cooking-cont2 .slide-block .slick-arrow.arrow_next {
  right: -15px;
}

/* line 2262, ../_scss/style.scss */
body.home article section#sct-cooking #sct-cooking-cont2 .slick-container {
  padding-bottom: 40px;
}

/* line 2264, ../_scss/style.scss */
body.home article section#sct-cooking #sct-cooking-cont2 .slick-container a.slick-item {
  display: block;
  padding-left: 35px;
  padding-right: 35px;
  outline: none;
}

/* line 2268, ../_scss/style.scss */
body.home article section#sct-cooking #sct-cooking-cont2 .slick-container a.slick-item .text {
  -webkit-transition: 0.3s ease cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: 0.3s ease cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -ms-transition: 0.3s ease cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: 0.3s ease cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: 0.3s ease cubic-bezier(0.55, 0.085, 0.68, 0.53);
  /*   font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; */
  letter-spacing: .1em;
  color: #000;
  font-size: 1.7rem;
  line-height: 1.4;
  margin-top: 20px;
}

/* line 2277, ../_scss/style.scss */
body.home article section#sct-experience {
  margin-bottom: 95px;
  padding-bottom: 130px;
}

/* line 2279, ../_scss/style.scss */
body.home article section#sct-experience #sct-exp-cont2 {
  margin-top: 155px;
}

/* line 2282, ../_scss/style.scss */
body.home article section#sct-experience #sct-exp-cont2 ul.column2>li {
  margin-bottom: 5.8%;
}

/* line 61, ../_scss/inc/_mixin.scss */
body.home article section#sct-experience #sct-exp-cont2 ul.column2>li:after {
  content: "";
}

/* line 2286, ../_scss/style.scss */
body.home article section#sct-experience #sct-exp-cont2 ul.column2>li figure.more {
  float: left;
  width: 40%;
}

/* line 2290, ../_scss/style.scss */
body.home article section#sct-experience #sct-exp-cont2 ul.column2>li a .text {
  -webkit-transition: 0.3s ease cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: 0.3s ease cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -ms-transition: 0.3s ease cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: 0.3s ease cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: 0.3s ease cubic-bezier(0.55, 0.085, 0.68, 0.53);
  float: right;
  width: 50%;
  padding-top: 15px;
}

/* line 2293, ../_scss/style.scss */
body.home article section#sct-experience #sct-exp-cont2 ul.column2>li a .text .lead {
  /*   font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; */
  letter-spacing: .1em;
  color: #000;
  font-weight: normal;
  font-size: 2rem;
  margin-bottom: 16px;
}

/* line 2297, ../_scss/style.scss */
body.home article section#sct-experience #sct-exp-cont2 ul.column2>li a .text p.description {
  font-size: 1.3rem;
  line-height: 1.9;
}

/* line 2298, ../_scss/style.scss */
body.home article section#sct-experience #sct-exp-cont2 ul.column2>li a .text .meta {
  margin-top: 15px;
  font-size: 1.3rem;
  line-height: 1.4;
}

/* line 2299, ../_scss/style.scss */
body.home article section#sct-experience #sct-exp-cont2 ul.column2>li a .text ul.note {
  margin-top: 5px;
}

/* line 2301, ../_scss/style.scss */
body.home article section#sct-experience #sct-exp-cont2 ul.column2>li a .text ul.note>li {
  font-size: 1.3rem;
  line-height: 1.4;
  margin-bottom: 4px;
}

/* line 2303, ../_scss/style.scss */
body.home article section#sct-experience #sct-exp-cont2 ul.column2>li a .text ul.note>li:last-child {
  margin-bottom: 0;
}

/* line 2304, ../_scss/style.scss */
body.home article section#sct-experience #sct-exp-cont2 ul.column2>li a .text ul.note>li:before {
  display: inline-block;
  content: '※';
  color: #c71616;
}

/* line 2309, ../_scss/style.scss */
body.home article section#sct-experience #sct-exp-cont2 ul.column2>li a:hover .text {
  -webkit-transition: 0.3s ease cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: 0.3s ease cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -ms-transition: 0.3s ease cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: 0.3s ease cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: 0.3s ease cubic-bezier(0.55, 0.085, 0.68, 0.53);
  opacity: .5;
}

/* line 2317, ../_scss/style.scss */
body.home article section#sct-map {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

/* line 2320, ../_scss/style.scss */
body.home article section#sct-map #mapinfo {
  position: absolute;
  right: 6.6%;
  top: 50%;
  margin-top: -206px;
  width: 310px;
  height: 412px;
  padding: 15px;
  background-color: white;
  border-radius: 10px;
  -moz-box-shadow: 0px 0px 5px 3px rgba(200, 200, 200, 0.5);
  -webkit-box-shadow: 0px 0px 5px 3px rgba(200, 200, 200, 0.5);
  box-shadow: 0px 0px 5px 3px rgba(200, 200, 200, 0.5);
}

/* line 2328, ../_scss/style.scss */
body.home article section#sct-map #mapinfo .text {
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 28px;
}

/* line 2331, ../_scss/style.scss */
body.home article section#sct-map #mapinfo .text .lead {
  /*   font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; */
  letter-spacing: .1em;
  color: #000;
  font-weight: bold;
  font-size: 1.8rem;
  margin-bottom: 14px;
}

/* line 2335, ../_scss/style.scss */
body.home article section#sct-map #mapinfo .text .address {
  font-size: 1.4rem;
  line-height: 1.64;
  margin-bottom: 8px;
}

/* line 2337, ../_scss/style.scss */
body.home article section#sct-map #mapinfo .text ul.meta>li {
  margin-bottom: 4px;
  padding-left: 0;
  font-family: eb-garamond, serif;
  letter-spacing: .05em;
  font-size: 1.6rem;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: 0 center;
  background-color: transparent;
  background-size: 15px 12px;
}

/* line 2344, ../_scss/style.scss */
body.home article section#sct-map #mapinfo .text ul.meta>li.tel:before {
  /*   background-image: url(../img/common/icon_tel.png); */
  font-family: 'Font Awesome 6 pro';
  content: '\f8d3';
}

body.home article section#sct-map #mapinfo .text ul.meta>li.mail:before {
  /*   background-image: url(../img/common/icon_mail.png); */
  font-family: 'Font Awesome 6 pro';
  content: '\f0e0';
}

/* line 2350, ../_scss/style.scss */
body.home article section#sct-map #gmap {
  width: 100%;
  height: 565px;
}

/* line 2352, ../_scss/style.scss */
body.home article section#sct-map #gmap iframe {
  width: 100%;
  height: 565px;
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  body.home article div#main {
    padding-bottom: 15px;
  }

  body.home article section {
    /* padding-top: 55px; */
  }

  body.home article section .content-wrapper figure.visual {
    margin-top: 45px;
  }

  body.home article section .content-wrapper figure.visual._ajust1 {
    /* margin-top: 60px; */
  }

  body.home article section#sct-stay #sct-stay-sub {
    background-color: #f4f4f4;
    padding-top: 5px;
    margin-top: 55px;
  }

  body.home article section#sct-stay #sct-stay-cont2 {
    margin-top: 50px;
    margin-right: 0;
  }

  body.home article section#sct-stay .content-wrapper figure.visual {
    /* margin-top: 48px; */
  }

  /* line 2391, ../_scss/style.scss */
  body.home article section#sct-stay ul.column2>li {
    padding-right: 0;
  }

  /* line 2393, ../_scss/style.scss */
  body.home article section#sct-stay ul.column2>li:first-child {
    margin-bottom: 50px;
  }

  /* line 2395, ../_scss/style.scss */
  body.home article section#sct-stay ul.column2>li.ichiyu figure figcaption {
    margin-top: -18px;
  }

  /* line 2398, ../_scss/style.scss */
  body.home article section#sct-stay ul.column2>li.yasudatei figure figcaption {
    margin-top: -24px;
  }

  /* line 2400, ../_scss/style.scss */
  body.home article section#sct-stay ul.column2>li figure {
    margin-bottom: 30px;
  }

  /* line 2402, ../_scss/style.scss */
  body.home article section#sct-stay ul.column2>li figure figcaption {
    display: none;
    /*
                    right: 19px;
                    padding: 0px 20px 22px 22px;
                    span {
                      font-size: 1.6rem; letter-spacing: 3px;
                      &.l2 {padding-top: 18px; margin-right: 18px;}
                    }
    */
  }

  /* line 2415, ../_scss/style.scss */
  body.home article section#sct-stay ul.column2>li .text .lead {
    margin-bottom: 26px;
    height: 23px;
  }

  /* line 2418, ../_scss/style.scss */
  body.home article section#sct-stay ul.column2>li .text .lead span {
    display: inline-block;
  }

  /* line 2420, ../_scss/style.scss */
  body.home article section#sct-stay ul.column2>li .text .lead span.main {
    font-size: 1.8rem;
  }

  /* line 2426, ../_scss/style.scss */
  body.home article section#sct-stay ul.column2>li .text .copy {
    font-size: 1.4rem;
    line-height: 1.9;
  }

  /* line 2427, ../_scss/style.scss */
  body.home article section#sct-stay ul.column2>li .text a.button {
    margin-top: 20px;
  }

  /* line 2433, ../_scss/style.scss */
  body.home article section#sct-cooking {
    padding-bottom: 0;
  }

  /* line 2435, ../_scss/style.scss */
  body.home article section#sct-cooking #sct-cooking-cont2 {
    background-color: #f4f4f4;
    padding-top: 58px;
    margin-top: 58px;
  }

  /* line 2439, ../_scss/style.scss */
  body.home article section#sct-cooking #sct-cooking-cont2 .slide-block {
    overflow: hidden;
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  /* line 2441, ../_scss/style.scss */
  body.home article section#sct-cooking #sct-cooking-cont2 .slide-block .button_sq {
    display: none !important;
  }

  /* line 2442, ../_scss/style.scss */
  body.home article section#sct-cooking #sct-cooking-cont2 .slide-block .slick-arrow {
    margin-top: -60px;
  }

  /* line 2444, ../_scss/style.scss */
  body.home article section#sct-cooking #sct-cooking-cont2 .slide-block .slick-arrow.arrow_prev {
    left: 10px;
  }

  /* line 2444, ../_scss/style.scss */
  body.home article section#sct-cooking #sct-cooking-cont2 .slide-block .slick-arrow.arrow_next {
    right: 10px;
  }

  /* line 2448, ../_scss/style.scss */
  body.home article section#sct-cooking #sct-cooking-cont2 .slick-container .slick-list {
    overflow: visible;
  }

  /* line 2451, ../_scss/style.scss */
  body.home article section#sct-cooking #sct-cooking-cont2 .slick-container a.slick-item {
    padding-left: 12px;
    padding-right: 12px;
  }

  /* line 2453, ../_scss/style.scss */
  body.home article section#sct-cooking #sct-cooking-cont2 .slick-container a.slick-item .text {
    font-size: 1.5rem;
  }

  /* line 2459, ../_scss/style.scss */
  body.home article section#sct-experience {
    margin-bottom: 0;
    padding-bottom: 30px;
  }

  /* line 2461, ../_scss/style.scss */
  body.home article section#sct-experience .content-wrapper figure.visual {
    margin-top: 90px;
  }

  /* line 2462, ../_scss/style.scss */
  body.home article section#sct-experience #sct-experience-sub {
    background-color: #f4f4f4;
    padding-top: 5px;
    margin-top: 55px;
  }

  /* line 2463, ../_scss/style.scss */
  body.home article section#sct-experience #sct-exp-cont2 {
    margin-top: 55px;
  }

  /* line 2466, ../_scss/style.scss */
  body.home article section#sct-experience #sct-exp-cont2 ul.column2>li {
    margin-bottom: 33px;
    position: relative;
    padding-left: 110px;
    height: 90px;
  }

  /* line 2470, ../_scss/style.scss */
  body.home article section#sct-experience #sct-exp-cont2 ul.column2>li figure.more {
    position: absolute;
    left: 0;
    top: 0;
    width: 90px;
  }

  /* line 2475, ../_scss/style.scss */
  body.home article section#sct-experience #sct-exp-cont2 ul.column2>li a .text {
    width: 100%;
    padding-top: 4px;
  }

  /* line 2477, ../_scss/style.scss */
  body.home article section#sct-experience #sct-exp-cont2 ul.column2>li a .text .lead {
    font-size: 1.5rem;
    margin-bottom: 10px;
  }

  /* line 2478, ../_scss/style.scss */
  body.home article section#sct-experience #sct-exp-cont2 ul.column2>li a .text p.description {
    overflow: hidden;
    max-height: 42px;
  }

  /* line 2479, ../_scss/style.scss */
  body.home article section#sct-experience #sct-exp-cont2 ul.column2>li a .text .meta,
  body.home article section#sct-experience #sct-exp-cont2 ul.column2>li a .text ul.note {
    display: none;
  }

  /* line 2482, ../_scss/style.scss */
  body.home article section#sct-experience #sct-exp-cont2 ul.column2>li a:hover .text {
    opacity: 1;
  }

  /* line 2490, ../_scss/style.scss */
  body.home article section#sct-map {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
  }

  /* line 2493, ../_scss/style.scss */
  body.home article section#sct-map #mapinfo {
    display: none;
  }

  /* line 2494, ../_scss/style.scss */
  body.home article section#sct-map #gmap {
    height: 64vw;
  }

  /* line 2496, ../_scss/style.scss */
  body.home article section#sct-map #gmap iframe {
    height: 64vw;
  }
}

@media screen and (max-width: 500px) {
  body.home article section {
    padding: 10px;
  }

}




/*---------------------------------------------------------------------
  <02-05>泊まる / 料理する / 過ごす / 日貫一日について
---------------------------------------------------------------------*/
/* line 2720, ../_scss/style.scss */
body.mainpage section .fl-wrapper.block1 {
  padding-bottom: 65px;
  margin-bottom: 65px;
  border-bottom: 1px solid #efefef;
}

/* line 2724, ../_scss/style.scss */
body.mainpage section .fl-wrapper .fl-l {
  padding-right: 10%;
}

/* line 2725, ../_scss/style.scss */
body.mainpage section .fl-wrapper .fl-r {
  padding-left: 0;
}

/* line 2726, ../_scss/style.scss */
body.mainpage section .fl-wrapper h3.lead {
  position: relative;
  /*   font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; */
  letter-spacing: .1em;
  color: #000;
  margin-bottom: 30px;
}

/* line 2730, ../_scss/style.scss */
body.mainpage section .fl-wrapper h3.lead span.main {
  font-size: 2rem;
  line-height: 1.8;
  letter-spacing: 1px;
}

/* line 2733, ../_scss/style.scss */
body.mainpage section .fl-wrapper h3.lead .sub {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 15px;
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: 0;
}

/* line 2739, ../_scss/style.scss */
body.mainpage section .fl-wrapper h3.lead a.sub:after {
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 1px;
  background-color: #dcdcdc;
  display: block;
  content: '';
}

/* line 2747, ../_scss/style.scss */
body.mainpage section .fl-wrapper h4.name {
  margin-bottom: 34px;
}

/* line 2749, ../_scss/style.scss */
body.mainpage section .fl-wrapper h4.name span {
  display: inline-block;
  /*   font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; */
  letter-spacing: .1em;
  color: #000;
}

/* line 2752, ../_scss/style.scss */
body.mainpage section .fl-wrapper h4.name span.sub {
  font-size: 1.2rem;
  margin-right: 12px;
}

/* line 2753, ../_scss/style.scss */
body.mainpage section .fl-wrapper h4.name span.main {
  font-size: 2.2rem;
}

/* line 2759, ../_scss/style.scss */
body.mainpage section .fl-wrapper ul.column4>li {
  margin-right: 1.5%;
  margin-bottom: 1.5%;
}

/* line 2759, ../_scss/style.scss */
body.mainpage section .fl-wrapper ul.column4>li:nth-child(4n) {
  margin-right: 0;
}

/* line 2761, ../_scss/style.scss */
body.mainpage section .fl-wrapper p {
  font-size: 1.4rem;
  line-height: 2.1;
}

/* line 2762, ../_scss/style.scss */
body.mainpage section .fl-wrapper a.url {
  position: relative;
  display: inline-block;
  font-family: eb-garamond, serif;
  letter-spacing: .05em;
  margin-top: 20px;
  padding-bottom: 6px;
}

/* line 2766, ../_scss/style.scss */
body.mainpage section .fl-wrapper a.url:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #efefef;
  display: block;
  content: '';
}

/* line 2775, ../_scss/style.scss */
body.mainpage section .fl-wrapper .column4>li a {
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  -webkit-background-size: cover !important;
  background-size: cover !important;
}

/* line 2778, ../_scss/style.scss */
body.mainpage section .fl-wrapper .column4>li a img {
  display: block;
  width: 100%;
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  /* line 2785, ../_scss/style.scss */
  body.mainpage section .fl-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  /* line 2787, ../_scss/style.scss */
  body.mainpage section .fl-wrapper.block1 {
    padding-bottom: 35px;
    margin-bottom: 25px;
    border-bottom: 1px solid #efefef;
  }

  /* line 2791, ../_scss/style.scss */
  body.mainpage section .fl-wrapper .fl-l {
    padding-right: 0;
    margin-bottom: 25px;
  }

  /* line 2795, ../_scss/style.scss */
  body.mainpage section .fl-wrapper h3.lead {
    text-align: center;
    font-size: 1.7rem;
    margin-bottom: 27px;
  }

  /* line 2797, ../_scss/style.scss */
  body.mainpage section .fl-wrapper h3.lead span.main {
    display: block;
  }

  /* line 2798, ../_scss/style.scss */
  body.mainpage section .fl-wrapper h3.lead .sub {
    position: relative;
    right: auto;
    top: auto;
    margin-top: 6px;
    font-size: 1.3rem;
  }

  /* line 2804, ../_scss/style.scss */
  body.mainpage section .fl-wrapper h3.lead a.sub:after {
    bottom: -3px;
  }

  /* line 2807, ../_scss/style.scss */
  body.mainpage section .fl-wrapper h4.name {
    margin-bottom: 22px;
  }

  /* line 2809, ../_scss/style.scss */
  body.mainpage section .fl-wrapper h4.name span {
    display: block;
  }

  /* line 2811, ../_scss/style.scss */
  body.mainpage section .fl-wrapper h4.name span.sub {
    font-size: 1.3rem;
    margin-bottom: 6px;
    margin-right: 0;
  }

  /* line 2812, ../_scss/style.scss */
  body.mainpage section .fl-wrapper h4.name span.main {
    font-size: 1.8rem;
  }

  /* line 2815, ../_scss/style.scss */
  body.mainpage section .fl-wrapper p {
    line-height: 1.9;
  }
}

/* line 2820, ../_scss/style.scss */
body.mainpage section.archives {
  padding-top: 0;
  padding-bottom: 0;
}

/* line 2822, ../_scss/style.scss */
body.mainpage section.archives .content-frame {
  padding-left: 100px;
  padding-right: 100px;
}

/* line 2823, ../_scss/style.scss */
body.mainpage section.archives nav.anchor {
  background-color: #f4f4f4;
  padding-top: 120px;
  padding-bottom: 70px;
}

/* line 2827, ../_scss/style.scss */
body.mainpage section.archives nav.anchor ul.column3>li {
  width: 33.2%;
  margin-right: .2%;
  margin-bottom: 65px;
}

/* line 2829, ../_scss/style.scss */
body.mainpage section.archives nav.anchor ul.column3>li:nth-child(3n) {
  margin-right: 0;
}

/* line 2831, ../_scss/style.scss */
body.mainpage section.archives nav.anchor ul.column3>li a {
  display: table;
}

/* line 2833, ../_scss/style.scss */
body.mainpage section.archives nav.anchor ul.column3>li a figure,
body.mainpage section.archives nav.anchor ul.column3>li a .text {
  display: table-cell;
  vertical-align: middle;
}

/* line 2834, ../_scss/style.scss */
body.mainpage section.archives nav.anchor ul.column3>li a figure {
  width: 70px;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  -webkit-background-size: cover !important;
  background-size: cover !important;
  background-position: 0 top;
}

/* line 2839, ../_scss/style.scss */
body.mainpage section.archives nav.anchor ul.column3>li a .text {
  /*   font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; */
  letter-spacing: .1em;
  color: #000;
  font-size: 1.6rem;
  line-height: 1.8;
  padding-left: 30px;
  padding-right: 45px;
}

/* line 61, ../_scss/inc/_mixin.scss */
body.mainpage section.archives .contents ul>li:after {
  content: "";
}

/* line 2851, ../_scss/style.scss */
body.mainpage section.archives .contents ul>li figure,
body.mainpage section.archives .contents ul>li .text {
  width: 50%;
  height: 480px;
}

/* line 2852, ../_scss/style.scss */
body.mainpage section.archives .contents ul>li figure {
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  -webkit-background-size: cover !important;
  background-size: cover !important;
}

/* line 2853, ../_scss/style.scss */
body.mainpage section.archives .contents ul>li .text {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

/* line 2857, ../_scss/style.scss */
body.mainpage section.archives .contents ul>li .text .text-inner {
  display: inline-block;
  max-width: 445px;
  width: 61.8%;
}

/* line 2860, ../_scss/style.scss */
body.mainpage section.archives .contents ul>li .text .text-inner .lead {
  /*   font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; */
  letter-spacing: .1em;
  color: #000;
  font-size: 2.2rem;
  line-height: 1.4;
  margin-bottom: 20px;
}

/* line 2864, ../_scss/style.scss */
body.mainpage section.archives .contents ul>li .text .text-inner .description p {
  font-size: 1.4rem;
  line-height: 2.1;
}

/* line 2867, ../_scss/style.scss */
body.mainpage section.archives .contents ul>li .text .text-inner .meta {
  margin-top: 15px;
  font-size: 1.6rem;
  line-height: 1.4;
}

/* line 2868, ../_scss/style.scss */
body.mainpage section.archives .contents ul>li .text .text-inner ul.note {
  margin-top: 5px;
}

/* line 2870, ../_scss/style.scss */
body.mainpage section.archives .contents ul>li .text .text-inner ul.note>li {
  font-size: 1.4rem;
  line-height: 1.4;
  margin-bottom: 4px;
}

/* line 2872, ../_scss/style.scss */
body.mainpage section.archives .contents ul>li .text .text-inner ul.note>li:last-child {
  margin-bottom: 0;
}

/* line 2873, ../_scss/style.scss */
body.mainpage section.archives .contents ul>li .text .text-inner ul.note>li:before {
  display: inline-block;
  content: '※';
  color: #c71616;
}

/* line 2879, ../_scss/style.scss */
body.mainpage section.archives .contents ul>li:nth-child(2n-1) figure {
  float: left;
}

/* line 2879, ../_scss/style.scss */
body.mainpage section.archives .contents ul>li:nth-child(2n-1) .text {
  float: right;
}

/* line 2882, ../_scss/style.scss */
body.mainpage section.archives .contents ul>li:nth-child(2n) figure {
  float: right;
}

/* line 2882, ../_scss/style.scss */
body.mainpage section.archives .contents ul>li:nth-child(2n) .text {
  float: left;
}

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

  /* line 2892, ../_scss/style.scss */
  body.mainpage section.archives .contents ul>li figure,
  body.mainpage section.archives .contents ul>li .text {
    height: 400px;
  }

  /* line 2894, ../_scss/style.scss */
  body.mainpage section.archives .contents ul>li .text .text-inner {
    width: 70%;
  }

  /* line 2896, ../_scss/style.scss */
  body.mainpage section.archives .contents ul>li .text .text-inner .lead {
    font-size: 2.0rem;
  }

  /* line 2897, ../_scss/style.scss */
  body.mainpage section.archives .contents ul>li .text .text-inner .description p {
    font-size: 1.4rem;
    line-height: 2.0;
  }
}

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

  /* line 2908, ../_scss/style.scss */
  body.mainpage section.archives .contents ul>li figure,
  body.mainpage section.archives .contents ul>li .text {
    height: 340px;
  }

  /* line 2911, ../_scss/style.scss */
  body.mainpage section.archives .contents ul>li .text .text-inner .lead {
    font-size: 1.9rem;
  }
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  /* line 2919, ../_scss/style.scss */
  body.mainpage section.archives nav.anchor {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  /* line 2921, ../_scss/style.scss */
  body.mainpage section.archives nav.anchor ul.column3 {
    padding-bottom: 0;
  }

  /* line 2923, ../_scss/style.scss */
  body.mainpage section.archives nav.anchor ul.column3>li {
    margin-right: 0;
    margin-bottom: 25px;
  }

  /* line 2925, ../_scss/style.scss */
  body.mainpage section.archives nav.anchor ul.column3>li:last-child {
    margin-right: 0;
    margin-bottom: 0;
  }

  /* line 2927, ../_scss/style.scss */
  body.mainpage section.archives nav.anchor ul.column3>li a figure {
    width: 60px;
  }

  /* line 2928, ../_scss/style.scss */
  body.mainpage section.archives nav.anchor ul.column3>li a .text {
    font-size: 1.4rem;
    line-height: 1.7;
    padding-left: 15px;
    padding-right: 5px;
  }

  /* line 2939, ../_scss/style.scss */
  body.mainpage section.archives .contents ul>li figure,
  body.mainpage section.archives .contents ul>li .text {
    width: 100%;
  }

  /* line 2940, ../_scss/style.scss */
  body.mainpage section.archives .contents ul>li figure {
    height: 240px;
  }

  /* line 2941, ../_scss/style.scss */
  body.mainpage section.archives .contents ul>li .text {
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  /* line 2943, ../_scss/style.scss */
  body.mainpage section.archives .contents ul>li .text .text-inner {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    min-width: 0;
  }

  /* line 2945, ../_scss/style.scss */
  body.mainpage section.archives .contents ul>li .text .text-inner .lead {
    font-size: 1.6rem;
    margin-bottom: 16px;
  }

  /* line 2946, ../_scss/style.scss */
  body.mainpage section.archives .contents ul>li .text .text-inner .meta {
    margin-top: 12px;
    font-size: 1.5rem;
  }

  /* line 2947, ../_scss/style.scss */
  body.mainpage section.archives .contents ul>li .text .text-inner .description p {
    font-size: 1.3rem;
    line-height: 1.9;
  }
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  /* line 2957, ../_scss/style.scss */
  body.mainpage article {
    padding-top: 100px;
  }
}

/*---------------------------------------------------------------------
  <02>泊まる
---------------------------------------------------------------------*/
/* line 2971, ../_scss/style.scss */
body.stay .fancybox-button--thumbs,
body.stay .fancybox-button--play {
  display: none;
}

/* line 2974, ../_scss/style.scss */
body.stay article {
  padding-bottom: 120px;
}

/* line 2976, ../_scss/style.scss */
body.stay section h2.stitle {
  display: block;
  text-align: left;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-color: transparent;
}

/* line 2980, ../_scss/style.scss */
body.stay section h2.stitle._center {
  height: 68px;
  margin-bottom: 70px;
  background-position: center center;
  background-size: auto 68px;
}

/* line 2985, ../_scss/style.scss */
body.stay section h2.stitle._basic {
  display: inline-block;
  border-bottom: 1px solid #000;
  padding: 0 3px 8px;
  margin-bottom: 40px;
}

/* line 2990, ../_scss/style.scss */
body.stay section h2.stitle._basic img {
  display: block;
  width: auto;
  height: 25px;
}

/* line 2995, ../_scss/style.scss */
body.stay section.archi {
  overflow: hidden;
  padding-top: 100px;
  padding-bottom: 140px;
}

/* line 2998, ../_scss/style.scss */
body.stay section.archi .slide-gallery {
  max-width: 667px;
  overflow: visible;
  margin-left: auto;
  margin-right: auto;
}

/* line 3001, ../_scss/style.scss */
body.stay section.archi .slide-gallery .slick-list {
  overflow: visible;
}

/* line 3003, ../_scss/style.scss */
body.stay section.archi .slick-container {
  height: 420px;
  margin-bottom: 75px;
  background-color: #f4f4f4;
}

/* line 3007, ../_scss/style.scss */
body.stay section.archi .slick-container .slick-item {
  display: block;
  height: 420px;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  -webkit-background-size: cover !important;
  background-size: cover !important;
  border: 0 none;
}

/* line 3014, ../_scss/style.scss */
body.stay section#yasudatei {
  border-bottom: 1px solid #efefef;
}

/* line 3015, ../_scss/style.scss */
body.stay section#yasudatei h2.stitle {
  background-image: url(../img/stay/stitle_yasudatei.png);
}

/* line 3019, ../_scss/style.scss */
body.stay section#ichiyu h2.stitle {
  background-image: url(../img/stay/stitle_ichiyu.png);
}

/* line 3021, ../_scss/style.scss */
body.stay section#facility {
  padding-top: 110px;
  padding-bottom: 130px;
  background-color: #f4f4f4;
}

/* line 3024, ../_scss/style.scss */
body.stay section#facility h2.stitle {
  margin-bottom: 50px;
}

/* line 3026, ../_scss/style.scss */
body.stay section#facility h2.stitle img {
  height: 27px;
}

/* line 3029, ../_scss/style.scss */
body.stay section#facility .fl-wrapper .fl-l {
  padding-right: 8%;
}

/* line 3031, ../_scss/style.scss */
body.stay section#facility .fl-wrapper .fl-l dl {
  font-size: 1.4rem;
}

/* line 3033, ../_scss/style.scss */
body.stay section#facility .fl-wrapper .fl-l dl dt {
  font-weight: bold;
  margin-bottom: 6px;
}

/* line 3034, ../_scss/style.scss */
body.stay section#facility .fl-wrapper .fl-l dl dd {
  line-height: 1.76;
  margin-bottom: 26px;
}

/* line 3037, ../_scss/style.scss */
body.stay section#facility .fl-wrapper .fl-r {
  padding-left: 0;
}

/* line 3040, ../_scss/style.scss */
body.stay section#information {
  padding-top: 110px;
  padding-bottom: 0;
}

/* line 3042, ../_scss/style.scss */
body.stay section#information table {
  width: 100%;
  border-top: 1px solid #efefef;
}

/* line 3045, ../_scss/style.scss */
body.stay section#information table th,
body.stay section#information table td {
  width: 50%;
  padding-top: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #efefef;
}

/* line 3050, ../_scss/style.scss */
body.stay section#information table th {
  font-weight: bold;
  font-size: 1.7rem;
  vertical-align: top;
}

/* line 3054, ../_scss/style.scss */
body.stay section#information table td .lead {
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.6;
}

/* line 3057, ../_scss/style.scss */
body.stay section#information table td span {
  display: inline-block;
  line-height: 19px;
  font-weight: bold;
}

/* line 3060, ../_scss/style.scss */
body.stay section#information table td span.label {
  font-size: 1.15rem;
  height: 20px;
  text-align: center;
  border: 1px solid #000;
  padding-left: 6px;
  padding-right: 6px;
  margin-right: 10px;
}

/* line 3067, ../_scss/style.scss */
body.stay section#information table td span.time {
  font-size: 1.75rem;
}

/* line 3069, ../_scss/style.scss */
body.stay section#information table td p.note {
  padding-top: 5px;
  font-size: 1.3rem;
  line-height: 1.9;
}

/* line 3074, ../_scss/style.scss */
body.stay section#information table td ul.note-list>li {
  position: relative;
  margin-bottom: 4px;
  padding-left: 25px;
  font-size: 1.3rem;
  line-height: 1.4;
}

/* line 3076, ../_scss/style.scss */
body.stay section#information table td ul.note-list>li:last-child {
  margin-bottom: 0;
}

/* line 3079, ../_scss/style.scss */
body.stay section#information table td ul.note-list>li span.mark {
  position: absolute;
  left: 0;
  top: 0;
}

/* line 3084, ../_scss/style.scss */
body.stay section#information table tr.check .lead span.label {
  width: 104px;
}

/* line 3085, ../_scss/style.scss */
body.stay section#information table tr.check .check-in {
  margin-bottom: 13px;
}

/* line 3088, ../_scss/style.scss */
body.stay section#information table tr.payment .cancel-price {
  margin-top: 22px;
}

/* line 3090, ../_scss/style.scss */
body.stay section#information table tr.payment .cancel-price .sub-lead {
  font-weight: bold;
  font-size: 1.3rem;
  margin-bottom: 8px;
}

/* line 3092, ../_scss/style.scss */
body.stay section#information table tr.payment .cancel-price ul.rate>li {
  display: inline-block;
  margin-right: 13px;
}

/* line 3094, ../_scss/style.scss */
body.stay section#information table tr.payment .cancel-price ul.rate>li:last-child {
  margin-right: 0;
}

/* line 3095, ../_scss/style.scss */
body.stay section#information table tr.payment .cancel-price ul.rate>li span.value {
  font-size: 1.85rem;
}

/* line 3102, ../_scss/style.scss */
body.stay section#information table tr.meal ul>li {
  position: relative;
  padding-left: 57px;
  margin-bottom: 12px;
}

/* line 3104, ../_scss/style.scss */
body.stay section#information table tr.meal ul>li:last-child {
  margin-bottom: 6px;
}

/* line 3105, ../_scss/style.scss */
body.stay section#information table tr.meal ul>li span.label {
  position: absolute;
  left: 0;
  top: 0;
  width: 45px;
}

/* line 3114, ../_scss/style.scss */
body.stay section#information table tr.limitation ul>li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 5px;
  font-size: 1.4rem;
  line-height: 2;
}

/* line 3116, ../_scss/style.scss */
body.stay section#information table tr.limitation ul>li:last-child {
  margin-bottom: 0;
}

/* line 3118, ../_scss/style.scss */
body.stay section#information table tr.limitation ul>li span.mark {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.8;
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  /* line 3130, ../_scss/style.scss */
  body.stay article {
    padding-bottom: 0;
  }

  /* line 3133, ../_scss/style.scss */
  body.stay section h2.stitle._center {
    height: 55px;
    margin-bottom: 50px;
    background-size: auto 55px;
  }

  /* line 3136, ../_scss/style.scss */
  body.stay section ul.column.column4>li {
    width: 31% !important;
    width: 32.3% !important;
    margin-right: 1.5% !important;
    margin-bottom: 1.7% !important;
  }

  /* line 3141, ../_scss/style.scss */
  body.stay section ul.column.column4>li:nth-child(3n) {
    margin-right: 0 !important;
  }

  /* line 3142, ../_scss/style.scss */
  body.stay section ul.column.column4>li:nth-child(2n) {
    float: left !important;
  }

  /* line 3146, ../_scss/style.scss */
  body.stay section.archi {
    padding-top: 50px;
    padding-bottom: 55px;
  }

  /* line 3148, ../_scss/style.scss */
  body.stay section.archi .slide-gallery {
    margin-bottom: 25px;
  }

  /* line 3149, ../_scss/style.scss */
  body.stay section.archi .slick-container {
    height: 230px;
    margin-bottom: 0;
  }

  /* line 3152, ../_scss/style.scss */
  body.stay section.archi .slick-container .slick-item {
    height: 230px;
  }

  /* line 3155, ../_scss/style.scss */
  body.stay section#facility {
    padding-top: 50px;
    padding-bottom: 65px;
  }

  /* line 3157, ../_scss/style.scss */
  body.stay section#facility h2.stitle {
    padding: 0;
    border-bottom: 0 none;
    margin-bottom: 34px;
  }

  /* line 3160, ../_scss/style.scss */
  body.stay section#facility h2.stitle img {
    height: 22px;
  }

  /* line 3163, ../_scss/style.scss */
  body.stay section#facility .fl-wrapper .fl-l {
    padding-right: 0;
    margin-bottom: 65px;
  }

  /* line 3166, ../_scss/style.scss */
  body.stay section#facility .fl-wrapper .fl-l dl dt {
    margin-bottom: 10px;
  }

  /* line 3167, ../_scss/style.scss */
  body.stay section#facility .fl-wrapper .fl-l dl dd {
    margin-bottom: 25px;
  }

  /* line 3170, ../_scss/style.scss */
  body.stay section#facility .fl-wrapper .fl-r {
    padding-left: 0;
  }

  /* line 3173, ../_scss/style.scss */
  body.stay section#information {
    padding-top: 45px;
    padding-bottom: 55px;
  }

  /* line 3175, ../_scss/style.scss */
  body.stay section#information h2.stitle {
    padding: 0;
    border-bottom: 0 none;
    margin-bottom: 24px;
  }

  /* line 3178, ../_scss/style.scss */
  body.stay section#information h2.stitle img {
    height: 19px;
  }

  /* line 3180, ../_scss/style.scss */
  body.stay section#information table {
    border-top: 1px solid #efefef;
  }

  /* line 3182, ../_scss/style.scss */
  body.stay section#information table th,
  body.stay section#information table td {
    display: block;
    width: 100%;
    border-bottom: 1px solid #efefef;
  }

  /* line 3186, ../_scss/style.scss */
  body.stay section#information table th {
    padding-top: 34px;
    padding-bottom: 17px;
    border-bottom: 0 none;
    font-size: 1.5rem;
  }

  /* line 3190, ../_scss/style.scss */
  body.stay section#information table td {
    padding-top: 0;
    padding-bottom: 32px;
  }

  /* line 3192, ../_scss/style.scss */
  body.stay section#information table td .lead {
    font-weight: normal;
    font-size: 1.4rem;
  }

  /* line 3194, ../_scss/style.scss */
  body.stay section#information table td span.time {
    font-size: 1.7rem;
  }

  /* line 3198, ../_scss/style.scss */
  body.stay section#information table tr.check .lead span.label {
    width: auto;
    height: 20px;
    line-height: 20px;
    padding-left: 3px;
    padding-right: 2px;
  }

  /* line 3202, ../_scss/style.scss */
  body.stay section#information table tr.check .check-in {
    margin-bottom: 13px;
  }

  /* line 3207, ../_scss/style.scss */
  body.stay section#information table tr.payment .cancel-price ul.rate>li {
    margin-bottom: 8px;
    margin-right: 20px;
  }

  /* line 3209, ../_scss/style.scss */
  body.stay section#information table tr.payment .cancel-price ul.rate>li:last-child {
    margin-right: 0;
  }

  /* line 3210, ../_scss/style.scss */
  body.stay section#information table tr.payment .cancel-price ul.rate>li span.value {
    font-size: 1.7rem;
  }

  /* line 3218, ../_scss/style.scss */
  body.stay section#information table tr.meal ul>li span.value {
    font-size: 1.4rem;
  }

  /* line 3224, ../_scss/style.scss */
  body.stay section#information table tr.limitation ul>li {
    line-height: 1.9;
  }

  /* line 3226, ../_scss/style.scss */
  body.stay section#information table tr.limitation ul>li span.mark {
    line-height: 1.9;
  }
}

/*---------------------------------------------------------------------
  <03>料理する
---------------------------------------------------------------------*/
/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  /* line 3241, ../_scss/style.scss */
  body.cooking .content-wrapper._page .content-header {
    margin-bottom: 58px;
  }
}

/*---------------------------------------------------------------------
  <04>過ごす
/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  /* line 3251, ../_scss/style.scss */
  body.experience .content-wrapper._page .content-header {
    margin-bottom: 41px;
  }
}

/* line 3253, ../_scss/style.scss */
body.experience section#message {
  padding-bottom: 210px;
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  /* line 3253, ../_scss/style.scss */
  body.experience section#message {
    padding-bottom: 70px;
  }
}

/*---------------------------------------------------------------------
  <06~>予約 / FAQ
---------------------------------------------------------------------*/
/* line 3269, ../_scss/style.scss */
body.subpage article .content-wrapper._page .content-header,
body.subpage article .content-wrapper._page .visual {
  padding-top: 140px;
}

/* line 3270, ../_scss/style.scss */
body.subpage article .content-wrapper._page .visual,
body.subpage article .content-wrapper._page .visual-inner {
  max-height: none;
  height: auto;
}

/* line 3271, ../_scss/style.scss */
body.subpage article .content-wrapper._page .visual-inner {
  /* max-width: 51vw; */
}

/* line 3272, ../_scss/style.scss */
body.subpage article .content-wrapper._page section.end {
  padding-bottom: 210px;
}

/* line 3274, ../_scss/style.scss */
body.subpage article .content-wrapper._page nav.content-header {
  display: inline-block;
  width: auto;
  padding-left: 10px !important;
}

/* line 3278, ../_scss/style.scss */
body.subpage article .content-wrapper._page nav.content-header ul {
  text-align: left;
}

/* line 3280, ../_scss/style.scss */
body.subpage article .content-wrapper._page nav.content-header ul>li {
  margin-bottom: 13px;
  font-weight: bold;
  font-size: 1.4rem;
}

/* line 3281, ../_scss/style.scss */
body.subpage article .content-wrapper._page nav.content-header ul>li:last-child {
  margin-bottom: 0;
}

/* line 3283, ../_scss/style.scss */
body.subpage article .content-wrapper._page nav.content-header ul>li a,
body.subpage article .content-wrapper._page nav.content-header ul>li span {
  position: relative;
  display: inline-block;
  padding-bottom: 7px;
}

/* line 3284, ../_scss/style.scss */
body.subpage article .content-wrapper._page nav.content-header ul>li a {
  color: #9f9f9f;
}

/* line 3286, ../_scss/style.scss */
body.subpage article .content-wrapper._page nav.content-header ul>li a:hover {
  color: #000;
}

/* line 3288, ../_scss/style.scss */
body.subpage article .content-wrapper._page nav.content-header ul>li span {
  color: #000;
}

/* line 3290, ../_scss/style.scss */
body.subpage article .content-wrapper._page nav.content-header ul>li span:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #000;
  display: block;
  content: '';
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  /* line 3304, ../_scss/style.scss */
  body.subpage article .content-wrapper._page #page-title {
    display: none;
  }

  /* line 3305, ../_scss/style.scss */
  body.subpage article .content-wrapper._page .content-header,
  body.subpage article .content-wrapper._page .visual {
    padding-top: 0;
  }

  /* line 3306, ../_scss/style.scss */
  body.subpage article .content-wrapper._page .content-header {
    margin-bottom: 0;
    min-height: 0;
  }

  /* line 3307, ../_scss/style.scss */
  body.subpage article .content-wrapper._page .visual {
    padding-top: 50px;
  }

  /* line 3308, ../_scss/style.scss */
  body.subpage article .content-wrapper._page .visual-inner {
    max-width: none;
  }

  /* line 3310, ../_scss/style.scss */
  body.subpage article .content-wrapper._page nav.content-header {
    padding-left: 5px !important;
    padding-top: 5px;
  }

  /* line 3313, ../_scss/style.scss */
  body.subpage article .content-wrapper._page nav.content-header ul {
    text-align: left;
  }

  /* line 3315, ../_scss/style.scss */
  body.subpage article .content-wrapper._page nav.content-header ul>li {
    display: inline-block;
    font-size: 1.2rem;
    margin-bottom: 5px;
    padding-bottom: 2px;
    /*
                  &:nth-child(3) {
                    padding-right: 50px;
                    &:after {display: none;}
                  }
    */
  }

  /* line 3318, ../_scss/style.scss */
  body.subpage article .content-wrapper._page nav.content-header ul>li a,
  body.subpage article .content-wrapper._page nav.content-header ul>li span {
    padding-bottom: 5px;
  }

  /* line 3326, ../_scss/style.scss */
  body.subpage article .content-wrapper._page nav.content-header ul>li:last-child:after {
    display: none;
  }

  /* line 3328, ../_scss/style.scss */
  body.subpage article .content-wrapper._page nav.content-header ul>li:after {
    margin-left: 5px;
    margin-right: 4px;
    color: #9f9f9f;
    display: inline-block;
    content: '/';
  }
}

/*---------------------------------------------------------------------
  <06>宿泊のご予約
---------------------------------------------------------------------*/
/* line 3348, ../_scss/style.scss */
body.reservation article {
  padding-bottom: 180px;
}

/* line 3351, ../_scss/style.scss */
body.reservation article .content-wrapper._page h1#page-title {
  padding: 5px 22px 20px;
}

/* line 3352, ../_scss/style.scss */
body.reservation article .content-wrapper._page .visual {
  height: auto;
}

/* line 3354, ../_scss/style.scss */
body.reservation article .content-wrapper._page .visual .visual-inner {
  height: auto;
}

/* line 3356, ../_scss/style.scss */
body.reservation article .content-wrapper._page .visual .visual-inner h2 {
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.6;
  margin-bottom: 24px;
}

/* line 3358, ../_scss/style.scss */
body.reservation article .content-wrapper._page .visual .visual-inner ol>li {
  margin-bottom: 15px;
  font-size: 1.4rem;
  line-height: 1.6;
}

/* line 3359, ../_scss/style.scss */
body.reservation article .content-wrapper._page .visual .visual-inner ol>li:last-child {
  margin-bottom: 0;
}

/* line 3361, ../_scss/style.scss */
body.reservation article .content-wrapper._page .visual .visual-inner ol>li .note {
  font-size: 1.2rem;
  line-height: 1.9;
}

/* line 3364, ../_scss/style.scss */
body.reservation article .content-wrapper._page .visual .visual-inner p {
  font-size: 1.4rem;
  line-height: 2.1;
}

/* line 3366, ../_scss/style.scss */
body.reservation article .content-wrapper._page .visual .visual-inner dl.contacts {
  margin-top: 40px;
  border-top: 1px solid #e1e1e1;
  width: 280px;
}

/* line 61, ../_scss/inc/_mixin.scss */
body.reservation article .content-wrapper._page .visual .visual-inner dl.contacts:after {
  content: "";
}

/* line 3371, ../_scss/style.scss */
body.reservation article .content-wrapper._page .visual .visual-inner dl.contacts dt,
body.reservation article .content-wrapper._page .visual .visual-inner dl.contacts dd {
  border-bottom: 1px solid #e1e1e1;
  line-height: 42px;
}

/* line 3375, ../_scss/style.scss */
body.reservation article .content-wrapper._page .visual .visual-inner dl.contacts dt {
  float: left;
  width: 45%;
  font-size: 1rem;
  padding-left: 3px;
}

/* line 3380, ../_scss/style.scss */
body.reservation article .content-wrapper._page .visual .visual-inner dl.contacts dd {
  float: right;
  width: 55%;
  font-size: 1.6rem;
}

/* line 3388, ../_scss/style.scss */
body.reservation article .content-wrapper._page .content-body {
  margin-top: 60px;
}

/* line 3390, ../_scss/style.scss */
body.reservation article .content-wrapper._page .content-body .gcal-caption {
  margin-top: 16px;
  font-size: 1.3rem;
}

/* line 3393, ../_scss/style.scss */
body.reservation article .content-wrapper._page .wpcf7c-elm-step1 {
  display: block;
}

/* line 3394, ../_scss/style.scss */
body.reservation article .content-wrapper._page .wpcf7c-elm-step2 {
  display: none;
}

/* line 3396, ../_scss/style.scss */
body.reservation article .content-wrapper._page.wpcf7c_confirmed .wpcf7c-elm-step1 {
  display: none;
}

/* line 3397, ../_scss/style.scss */
body.reservation article .content-wrapper._page.wpcf7c_confirmed .wpcf7c-elm-step2 {
  display: block;
}

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

  /* line 3406, ../_scss/style.scss */
  body.reservation article .content-wrapper._page h1#page-title {
    padding: 5px 17px 20px;
  }
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  /* line 3348, ../_scss/style.scss */
  body.reservation article {
    padding-bottom: 80px;
  }

  /* line 3418, ../_scss/style.scss */
  body.reservation article h1#page-title,
  body.reservation article nav.content-header {
    display: none;
  }

  /* line 3423, ../_scss/style.scss */
  body.reservation article .content-wrapper._page .visual .visual-inner h2 {
    font-size: 1.6rem;
    margin-bottom: 20px;
  }
}

/* line 3432, ../_scss/style.scss */
body.reservation #gcal .fc-toolbar .fc-left {
  font-weight: bold;
  font-size: 1.8rem;
}

/* line 3433, ../_scss/style.scss */
body.reservation #gcal thead.fc-head thead tr {
  height: 22px;
}

/* line 3435, ../_scss/style.scss */
body.reservation #gcal thead.fc-head thead tr th,
body.reservation #gcal thead.fc-head thead tr td {
  vertical-align: middle;
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  /* line 3443, ../_scss/style.scss */
  body.reservation #gcal th,
  body.reservation #gcal td {
    font-size: 1.6rem;
  }
}

/* line 3448, ../_scss/style.scss */
body.reservation #form-area {
  margin-top: 55px;
}

/* line 3452, ../_scss/style.scss */
body.reservation #form-area input[type=text],
body.reservation #form-area input[type=number],
body.reservation #form-area input[type=email],
body.reservation #form-area textarea {
  border: 1px solid #e1e1e1;
  padding-left: 5px;
  padding-bottom: 5px;
  width: 100%;
  height: 42px;
  font-size: 1.4rem;
  line-height: 41px;
  background-color: #fcfcfc;
}

/* line 3462, ../_scss/style.scss */
body.reservation #form-area textarea {
  line-height: 1.7;
  padding: 5px;
}

/* line 3463, ../_scss/style.scss */
body.reservation #form-area input[type=submit] {
  background-color: #000;
  color: white;
}

/* line 3467, ../_scss/style.scss */
body.reservation #form-area span.wpcf7-list-item {
  margin-left: 0;
}

/* line 3468, ../_scss/style.scss */
body.reservation #form-area .note {
  display: block;
  padding-top: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
}

/* line 3473, ../_scss/style.scss */
body.reservation #form-area .wpcf7-radio span.wpcf7-list-item {
  margin-right: 12px;
}

/* line 3474, ../_scss/style.scss */
body.reservation #form-area .wpcf7-radio span.wpcf7-list-item:last-of-type {
  margin-right: 0;
}

/* line 3479, ../_scss/style.scss */
body.reservation #form-area table.form {
  width: 100%;
}

/* line 3482, ../_scss/style.scss */
body.reservation #form-area table.form th,
body.reservation #form-area table.form td {
  display: block;
  font-size: 1.4rem;
}

/* line 3483, ../_scss/style.scss */
body.reservation #form-area table.form th {
  font-weight: bold;
  padding-bottom: 8px;
  border-bottom: 1px solid #a9a9a9;
}

/* line 3488, ../_scss/style.scss */
body.reservation #form-area table.form td {
  padding-top: 17px;
  padding-bottom: 60px;
}

/* line 3493, ../_scss/style.scss */
body.reservation #form-area table.form td.type .wpcf7-list-item.last {
  margin-bottom: 0;
}

/* line 3497, ../_scss/style.scss */
body.reservation #form-area table.form td ul.in {
  margin-bottom: 22px;
}

/* line 3498, ../_scss/style.scss */
body.reservation #form-area table.form td ul.in:last-of-type {
  margin-bottom: 0;
}

/* line 3499, ../_scss/style.scss */
body.reservation #form-area table.form td ul.in li {
  margin-bottom: 22px;
}

/* line 3501, ../_scss/style.scss */
body.reservation #form-area table.form td ul.in li input[type="text"],
body.reservation #form-area table.form td ul.in li input[type="email"],
body.reservation #form-area table.form td ul.in li textarea {
  width: 100%;
}

/* line 3502, ../_scss/style.scss */
body.reservation #form-area table.form td ul.in li:last-child {
  margin-bottom: 0;
}

/* line 3503, ../_scss/style.scss */
body.reservation #form-area table.form td ul.in li span.lbl1,
body.reservation #form-area table.form td ul.in li span.lbl2 {
  display: block;
  font-weight: bold;
  margin-bottom: 8px;
}

/* line 3508, ../_scss/style.scss */
body.reservation #form-area table.form td ul.in li.person .wpcf7-form-control-wrap {
  width: auto;
}

/* line 3509, ../_scss/style.scss */
body.reservation #form-area table.form td ul.in li.person input[type=number] {
  width: 60px;
  height: 22px;
  line-height: 22px;
}

/* line 3510, ../_scss/style.scss */
body.reservation #form-area table.form td ul.in li.person span.lbl1 {
  line-height: 22px;
}

/* line 3511, ../_scss/style.scss */
body.reservation #form-area table.form td ul.in li.person ul.person-list>li {
  padding-left: 0;
  margin-bottom: 11px;
}

/* line 3513, ../_scss/style.scss */
body.reservation #form-area table.form td ul.in li.person ul.person-list>li:last-child {
  margin-bottom: 0;
}

/* line 3514, ../_scss/style.scss */
body.reservation #form-area table.form td ul.in li.person ul.person-list>li span.person-list-label {
  display: inline-block;
  width: 70px;
}

/* line 3520, ../_scss/style.scss */
body.reservation #form-area table.form td ul.in li.meal.breakfast span.wpcf7-list-item {
  margin-right: 12px;
}

/* line 3520, ../_scss/style.scss */
body.reservation #form-area table.form td ul.in li.meal.breakfast span.wpcf7-list-item:last-of-typ {
  margin-right: 0;
}

/* line 3523, ../_scss/style.scss */
body.reservation #form-area table.form td ul.in li.meal.dinner span.wpcf7-list-item {
  display: block;
  margin-bottom: 10px;
}

/* line 3523, ../_scss/style.scss */
body.reservation #form-area table.form td ul.in li.meal.dinner span.wpcf7-list-item:last-of-type {
  margin-bottom: 0;
}

/* line 3532, ../_scss/style.scss */
body.reservation #form-area table.form tr.experience ul.column2>li {
  margin-bottom: 12px;
}

/* line 3533, ../_scss/style.scss */
body.reservation #form-area table.form tr.experience ul.column2>li:last-child {
  margin-bottom: 0;
}

/* line 3534, ../_scss/style.scss */
body.reservation #form-area table.form tr.experience ul.column2>li .note {
  padding-top: 7px;
}

/* line 3540, ../_scss/style.scss */
body.reservation #form-area table.form tr.message textarea {
  height: 200px;
  padding: 5px 10px;
  line-height: 1.7;
}

/* line 3543, ../_scss/style.scss */
body.reservation #form-area table.form tr.acceptance ul.matter {
  padding-left: 17px;
  margin-top: 8px;
}

/* line 3545, ../_scss/style.scss */
body.reservation #form-area table.form tr.acceptance ul.matter>li {
  position: relative;
  font-size: 1.4rem;
  line-height: 1.6;
  padding-left: 16px;
  margin-bottom: 11px;
}

/* line 3549, ../_scss/style.scss */
body.reservation #form-area table.form tr.acceptance ul.matter>li:last-child {
  margin-bottom: 0;
}

/* line 3550, ../_scss/style.scss */
body.reservation #form-area table.form tr.acceptance ul.matter>li span.mark {
  position: absolute;
  left: 0;
  top: 0;
}

/* line 3551, ../_scss/style.scss */
body.reservation #form-area table.form tr.acceptance ul.matter>li span.note {
  padding-top: 3px;
}

/* line 3558, ../_scss/style.scss */
body.reservation #form-area .submit input[type=button].back,
body.reservation #form-area .submit input[type=submit] {
  width: 100%;
  height: 56px;
  line-height: 56px;
  font-weight: bold;
  font-size: 1.4rem;
  text-align: center;
  background-color: #000;
  color: white;
}

/* line 3565, ../_scss/style.scss */
body.reservation #form-area .submit input[type=button].back {
  -webkit-transition: 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -ms-transition: 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  background-color: #eee;
  color: #000;
  border: 0 none;
  margin-bottom: 20px;
}

/* line 3570, ../_scss/style.scss */
body.reservation #form-area .submit input[type=button].back:hover {
  background-color: #ddd;
}

/* line 3575, ../_scss/style.scss */
body.reservation #form-area form.custom-wpcf7c-confirmed input.wpcf7c-conf,
body.reservation #form-area form.custom-wpcf7c-confirmed select.wpcf7c-conf,
body.reservation #form-area form.custom-wpcf7c-confirmed input[type=text],
body.reservation #form-area form.custom-wpcf7c-confirmed input[type=number],
body.reservation #form-area form.custom-wpcf7c-confirmed input[type=email],
body.reservation #form-area form.custom-wpcf7c-confirmed textarea {
  border: 0 none !important;
  background-color: white !important;
  cursor: default;
}

/* line 3585, ../_scss/style.scss */
body.reservation #form-area form.custom-wpcf7c-confirmed select.wpcf7c-conf {
  font-size: 1.4rem;
  -moz-appearance: none;
  -webkit-appearance: none;
}

/* line 3590, ../_scss/style.scss */
body.reservation #form-area form.custom-wpcf7c-confirmed input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

/* line 3593, ../_scss/style.scss */
body.reservation #form-area form.custom-wpcf7c-confirmed input[type=number] {
  display: inline-block;
  text-align: right;
  width: 40px;
  -moz-appearance: textfield;
}

/* line 3597, ../_scss/style.scss */
body.reservation #form-area form.custom-wpcf7c-confirmed input[type=number]::-webkit-outer-spin-button,
body.reservation #form-area form.custom-wpcf7c-confirmed input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

@media screen and (min-width: 1024px) {

  /* line 3605, ../_scss/style.scss */
  body.reservation #form-area table.form {
    border-top: 1px solid #e1e1e1;
  }

  /* line 3607, ../_scss/style.scss */
  body.reservation #form-area table.form th,
  body.reservation #form-area table.form td {
    display: table-cell;
    font-size: 1.4rem;
    padding-top: 46px;
    padding-bottom: 46px;
    vertical-align: top;
    border-bottom: 1px solid #e1e1e1;
  }

  /* line 3614, ../_scss/style.scss */
  body.reservation #form-area table.form th {
    font-weight: bold;
    line-height: 48px;
    border-right: 4px solid transparent;
    width: 140px;
  }

  /* line 3621, ../_scss/style.scss */
  body.reservation #form-area table.form td ul.in li {
    position: relative;
    padding-left: 155px;
  }

  /* line 3625, ../_scss/style.scss */
  body.reservation #form-area table.form td ul.in li .wpcf7-form-control-wrap {
    width: 100%;
    display: inline-block;
  }

  /* line 3628, ../_scss/style.scss */
  body.reservation #form-area table.form td ul.in li .wpcf7-form-control-wrap.persons,
  body.reservation #form-area table.form td ul.in li .wpcf7-form-control-wrap.year-in,
  body.reservation #form-area table.form td ul.in li .wpcf7-form-control-wrap.month-in,
  body.reservation #form-area table.form td ul.in li .wpcf7-form-control-wrap.day-in,
  body.reservation #form-area table.form td ul.in li .wpcf7-form-control-wrap.time-in,
  body.reservation #form-area table.form td ul.in li .wpcf7-form-control-wrap.zip,
  body.reservation #form-area table.form td ul.in li .wpcf7-form-control-wrap.year-out,
  body.reservation #form-area table.form td ul.in li .wpcf7-form-control-wrap.month-out,
  body.reservation #form-area table.form td ul.in li .wpcf7-form-control-wrap.day-out,
  body.reservation #form-area table.form td ul.in li .wpcf7-form-control-wrap.time-out {
    width: auto;
  }

  /* line 3632, ../_scss/style.scss */
  body.reservation #form-area table.form td ul.in li input[type="text"],
  body.reservation #form-area table.form td ul.in li input[type="email"] {
    width: 100%;
  }

  /* line 3633, ../_scss/style.scss */
  body.reservation #form-area table.form td ul.in li:last-child {
    margin-bottom: 0;
  }

  /* line 3634, ../_scss/style.scss */
  body.reservation #form-area table.form td ul.in li span.lbl1,
  body.reservation #form-area table.form td ul.in li span.lbl2 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    line-height: 48px;
    margin-bottom: 0px;
    font-weight: normal !important;
  }

  /* line 3642, ../_scss/style.scss */
  body.reservation #form-area table.form td ul.in li.info {
    padding-left: 155px;
  }

  /* line 3645, ../_scss/style.scss */
  body.reservation #form-area table.form td ul.in li.message span.lbl1 {
    line-height: 130px;
  }

  /* line 3651, ../_scss/style.scss */
  body.reservation #form-area table.form tr.profile span {
    display: inline-block !important;
    margin-bottom: 0 !important;
  }

  /* line 3655, ../_scss/style.scss */
  body.reservation #form-area table.form tr.profile span.lbl1,
  body.reservation #form-area table.form tr.profile span.lbl2 {
    width: 155px;
  }

  /* line 3661, ../_scss/style.scss */
  body.reservation #form-area table.form tr.profile ul.name li input[type="text"] {
    width: 100%;
  }

  /* line 3665, ../_scss/style.scss */
  body.reservation #form-area table.form tr.profile div.radio span {
    display: inline-block;
    margin-bottom: 0;
  }

  /* line 3669, ../_scss/style.scss */
  body.reservation #form-area table.form tr.message textarea {
    height: 260px;
  }

  /* line 3672, ../_scss/style.scss */
  body.reservation #form-area table.form tr.booking ul.price {
    padding-top: 17px;
  }

  /* line 3674, ../_scss/style.scss */
  body.reservation #form-area table.form tr.booking ul.price span.lbl1 {
    line-height: 1;
  }

  /* line 3678, ../_scss/style.scss */
  body.reservation #form-area table.form tr.experience td {
    padding-top: 57px;
  }

  /* line 3681, ../_scss/style.scss */
  body.reservation #form-area table.form tr.acceptance td {
    padding-top: 57px;
  }

  /* line 3685, ../_scss/style.scss */
  body.reservation #form-area .submit {
    padding-top: 46px;
  }

  /* line 3687, ../_scss/style.scss */
  body.reservation #form-area .submit input[type=submit] {
    -webkit-transition: 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -moz-transition: 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -ms-transition: 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -o-transition: 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    height: 56px;
    line-height: 56px;
  }

  /* line 3690, ../_scss/style.scss */
  body.reservation #form-area .submit input[type=submit]:hover {
    opacity: .4;
  }
}

/*---------------------------------------------------------------------
  <08>Q&A
---------------------------------------------------------------------*/
/* line 3895, ../_scss/style.scss */
body.faq section {
  padding-top: 0;
}

/* line 3897, ../_scss/style.scss */
body.faq .content-wrapper._page #page-title {
  width: 83px;
}

/* line 3899, ../_scss/style.scss */
body.faq h2.faq-title {
  /*   font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; */
  letter-spacing: .1em;
  color: #000;
  font-size: 2.3rem;
  margin-bottom: 37px;
}

/* line 3905, ../_scss/style.scss */
body.faq ul.faq-list {
  border-top: 1px solid #dfdfdf;
}

/* line 3907, ../_scss/style.scss */
body.faq ul.faq-list li {
  border-bottom: 1px solid #dfdfdf;
}

/* line 3914, ../_scss/style.scss */
body.faq ul.faq-list li .mod_accordion._open-accordion .mod_accordion-title:before {
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

/* line 3915, ../_scss/style.scss */
body.faq ul.faq-list li .mod_accordion._open-accordion .mod_accordion-title:after {
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

/* line 3920, ../_scss/style.scss */
body.faq ul.faq-list li .mod_accordion .mod_accordion-title a {
  padding: 34px 40px 34px 56px;
}

/* line 3922, ../_scss/style.scss */
body.faq ul.faq-list li .mod_accordion .mod_accordion-title a:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background: url(../img/faq/tx_q.png) no-repeat center center transparent;
  background-size: 20px 20px;
  display: block;
  content: '';
}

/* line 3932, ../_scss/style.scss */
body.faq ul.faq-list li .mod_accordion .mod_accordion-body {
  border-top: 1px solid #dfdfdf;
  background: url(../img/faq/tx_a.png) no-repeat 0 33px transparent;
  background-size: 20px 20px;
}

/* line 3937, ../_scss/style.scss */
body.faq ul.faq-list li .mod_accordion .mod_accordion-body .cont {
  padding: 34px 20px 32px 56px;
  font-size: 1.4rem;
  line-height: 2.1;
}

/* line 3942, ../_scss/style.scss */
body.faq ul.faq-list li .mod_accordion .mod_accordion-body .cont p {
  margin-bottom: 18px;
}

/* line 3944, ../_scss/style.scss */
body.faq ul.faq-list li .mod_accordion .mod_accordion-body .cont p:last-of-type {
  margin-bottom: 0 !important;
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  /* line 3953, ../_scss/style.scss */
  body.faq ul.faq-list li .mod_accordion .mod_accordion-title a {
    padding: 25px 25px 23px 36px;
    font-size: 1.4rem;
  }

  /* line 3956, ../_scss/style.scss */
  body.faq ul.faq-list li .mod_accordion .mod_accordion-title a:before {
    top: 37px;
    width: 15px;
    height: 15px;
    background: url(../img/faq/tx_q.png) no-repeat center center transparent;
    background-size: 15px 15px;
    display: block;
    content: '';
  }

  /* line 3965, ../_scss/style.scss */
  body.faq ul.faq-list li .mod_accordion .mod_accordion-title:before,
  body.faq ul.faq-list li .mod_accordion .mod_accordion-title:after {
    right: 10px;
    width: 15px;
    height: 2px;
  }

  /* line 3970, ../_scss/style.scss */
  body.faq ul.faq-list li .mod_accordion .mod_accordion-body {
    background: url(../img/faq/tx_a.png) no-repeat 0 25px transparent;
    background-size: 15px 15px;
  }

  /* line 3973, ../_scss/style.scss */
  body.faq ul.faq-list li .mod_accordion .mod_accordion-body .cont {
    padding: 20px 10px 20px 36px;
    line-height: 1.9;
  }
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  /* line 3985, ../_scss/style.scss */
  body.faq h2.faq-title {
    font-size: 1.9rem;
    margin-bottom: 18px;
    letter-spacing: 0.05em;
  }

  /* line 3986, ../_scss/style.scss */
  body.faq ul.faq-list {
    border-top: 1px solid #dfdfdf;
  }

  /* line 3991, ../_scss/style.scss */
  body.faq ul.faq-list li .mod_accordion-body .cont br {
    display: none;
  }
}

/* line 4004, ../_scss/style.scss */
.mod_accordion .mod_accordion-title {
  position: relative;
}

/* line 4006, ../_scss/style.scss */
.mod_accordion .mod_accordion-title a {
  position: relative;
  display: block;
  cursor: default;
  font-size: 1.6rem;
  line-height: 1.4;
}

/* line 4013, ../_scss/style.scss */
.mod_accordion .mod_accordion-body .cont {
  font-size: 1.4rem;
  line-height: 2.1;
}

/*---------------------------------------------------------------------
  <09>プライバシーポリシー
---------------------------------------------------------------------*/
/* line 4028, ../_scss/style.scss */
body.privacypolicy .content-wrapper._page #page-title {
  width: 79px;
}

/* line 4030, ../_scss/style.scss */
body.privacypolicy .content-wrapper._page .visual-inner p,
body.privacypolicy .content-wrapper._page .visual-inner li {
  font-size: 1.4rem;
  line-height: 2.2;
}

/* line 4031, ../_scss/style.scss */
body.privacypolicy .content-wrapper._page .visual-inner .maincopy {
  padding-bottom: 50px;
  margin-bottom: 50px;
  border-bottom: 1px solid #e4e4e4;
}

/* line 4036, ../_scss/style.scss */
body.privacypolicy .content-wrapper._page .visual-inner section {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 40px;
}

/* line 4038, ../_scss/style.scss */
body.privacypolicy .content-wrapper._page .visual-inner sectionlast-of-type {
  margin-bottom: 0;
}

/* line 4040, ../_scss/style.scss */
body.privacypolicy .content-wrapper._page .visual-inner section header {
  margin-bottom: 14px;
}

/* line 4042, ../_scss/style.scss */
body.privacypolicy .content-wrapper._page .visual-inner section header h2 {
  position: relative;
  padding-left: 28px;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.4;
}

/* line 4045, ../_scss/style.scss */
body.privacypolicy .content-wrapper._page .visual-inner section header h2 span {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
}

/* line 4051, ../_scss/style.scss */
body.privacypolicy .content-wrapper._page .visual-inner section ol,
body.privacypolicy .content-wrapper._page .visual-inner section ul {
  padding-left: 1.5em;
  margin-top: 25px;
  list-style-position: outside;
}

/* line 4059, ../_scss/style.scss */
body.privacypolicy .content-wrapper._page .visual-inner section ol._decimal {
  list-style-type: decimal;
}

/* line 4060, ../_scss/style.scss */
body.privacypolicy .content-wrapper._page .visual-inner section ol._alpha {
  list-style-type: lower-alpha;
}

/* line 4063, ../_scss/style.scss */
body.privacypolicy .content-wrapper._page .visual-inner section ul>li {
  position: relative;
}

/* line 4065, ../_scss/style.scss */
body.privacypolicy .content-wrapper._page .visual-inner section ul>li:before {
  position: absolute;
  left: -1.5em;
  top: 0;
  display: inline-block;
}

body.privacypolicy .content-wrapper._page .visual-inner section ul._kome>li:before {
  content: '＊';
}

body.privacypolicy .content-wrapper._page .visual-inner section ul._dot>li:before {
  content: '・';
}

body.privacypolicy .content-wrapper._page .visual-inner section.end {
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 80px;
  margin-bottom: 210px;
}

body.privacypolicy .content-wrapper._page .visual-inner section.end ol {
  padding-bottom: 0;
}

body.privacypolicy .content-wrapper._page .visual-inner section section.sub {
  margin-bottom: 30px;
}

body.privacypolicy .content-wrapper._page .visual-inner section section.sub._a {
  margin-top: 30px;
}

body.privacypolicy .content-wrapper._page .visual-inner section section.sub h3 {
  font-size: 1.4rem;
  line-height: 2.2;
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  body.privacypolicy .content-wrapper._page .visual-inner p,
  body.privacypolicy .content-wrapper._page .visual-inner li {
    line-height: 1.9;
  }

  body.privacypolicy .content-wrapper._page .visual-inner .maincopy {
    padding-bottom: 30px;
    margin-bottom: 33px;
  }

  body.privacypolicy .content-wrapper._page .visual-inner section {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 25px;
  }

  body.privacypolicy .content-wrapper._page .visual-inner sectionlast-of-type {
    margin-bottom: 0;
  }

  body.privacypolicy .content-wrapper._page .visual-inner section header {
    margin-bottom: 11px;
  }

  body.privacypolicy .content-wrapper._page .visual-inner section ol {
    margin-top: 20px;
  }

  body.privacypolicy .content-wrapper._page .visual-inner section.end {
    padding-bottom: 60px;
    margin-bottom: 100px;
  }
}

/*---------------------------------------------------------------------
  <404>プライバシーポリシー
---------------------------------------------------------------------*/

body.error404 article {
  padding-top: 325px;
  padding-bottom: 300px;
}

body.error404 article h1 {
  font-family: eb-garamond, serif;
  letter-spacing: .05em;
  letter-spacing: .03em;
  font-size: 5.0rem;
  margin-bottom: 20px;
}

body.error404 article h2 {
  /*   font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; */
  letter-spacing: .1em;
  color: #000;
  letter-spacing: .05em;
  font-size: 1.7rem;
  margin-bottom: 45px;
}

body.error404 article a.button {
  max-width: 250px;
  width: 250px;
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  body.error404 article {
    padding-top: 198px;
    padding-bottom: 174px;
  }

  body.error404 article h1 {
    font-size: 3.8rem;
    letter-spacing: .02em;
    margin-bottom: 16px;
  }

  body.error404 article h2 {
    font-size: 1.3rem;
    letter-spacing: .03em;
    line-height: 1.5;
    margin-bottom: 45px;
  }
}

/*---------------------------------------------------------------------
  <80>共通アイテム
---------------------------------------------------------------------*/

.fl-column>li {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.fl-column>li figure,
.fl-column>li .text {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 50%;
  min-height: 480px;
}

.fl-column>li figure {
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  -webkit-background-size: cover !important;
  background-size: cover !important;
  width: 50%;
}

.fl-column>li .text .text-inner {
  text-align: left;
  max-width: 430px;
}

.fl-column>li .text .text-inner .title {
  font-weight: bold;
  /*   font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; */
  letter-spacing: .1em;
  color: #000;
  font-size: 2.1rem;
  line-height: 1.4;
  margin-bottom: 20px;
}

.fl-column>li .text .text-inner .description p {
  font-size: 1.5rem;
  line-height: 2.1;
  margin-bottom: 15px;
}

.fl-column>li:nth-child(2n) {
  -webkit-flex-flow: row-reverse;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
}

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

  .fl-column>li figure,
  .fl-column>li .text {
    min-height: 400px;
  }

  .fl-column>li .text .text-inner {
    width: 85%;
  }
}

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

  .fl-column>li figure,
  .fl-column>li .text {
    min-height: 320px;
  }

  .fl-column>li .text .text-inner .title {
    font-size: 1.8rem;
    margin-bottom: 16px;
  }

  .fl-column>li .text .text-inner .description p {
    font-size: 1.4rem;
    line-height: 1.7;
  }
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  .fl-column>li {
    display: block;
    margin-bottom: 35px;
  }

  .fl-column>li:last-child {
    margin-bottom: 0;
  }

  .fl-column>li figure,
  .fl-column>li .text {
    width: 100%;
    min-height: 0;
  }

  .fl-column>li figure {
    height: 240px;
  }

  .fl-column>li .text .text-inner {
    width: 100%;
    padding: 25px 20px;
  }
}


.post-item {
  /*   font-family: fot-tsukubrdgothic-std, "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; */
  font-weight: 700;
  letter-spacing: .04em;
}

.top .post-item .date {
  background-color: white;
}

.top .post-item.event .date {
  background-color: white;
  color: #fcb12f;
}

.post-item a {
  display: block;
}

.post-item .meta-block {
  position: relative;
  padding-bottom: 11px;
  font-size: 1.5rem;
}

.post-item .meta-block .cat {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #009a85;
  color: white;
}

.post-item figure {
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  -webkit-background-size: cover !important;
  background-size: cover !important;
  height: 310px;
  margin-bottom: 20px;
}

.post-item .text .title {
  font-size: 1.8rem;
  line-height: 1.3;
  margin-top: 6px;
}

.post-item .text .excerpt {
  margin-top: 12px;
}

.post-item .text .excerpt p {
  font-size: 1.5rem;
  line-height: 1.5;
}

.post-item .text .excerpt br {
  display: none;
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  .post-item .meta-block {
    font-size: 1.3rem;
    padding-bottom: 9px;
  }

  .post-item .meta-block .cat {
    position: static;
  }

  .post-item .meta-block .date {
    margin-top: 5px;
  }

  .post-item figure {
    height: 150px;
    margin-bottom: 20px;
  }

  .post-item figure figcaption.cat {
    top: 25px;
    min-width: 120px;
    height: 30px;
    line-height: 30px;
    font-size: 1.7rem;
  }

  .post-item .text .date {
    padding: 2px;
    font-size: 1.3rem;
  }

  .post-item .text .title {
    font-size: 1.8rem;
  }

  .post-item .text .excerpt {
    display: none;
    margin-top: 12px;
  }

  .post-item .text .excerpt p {
    font-size: 1.4rem;
    line-height: 1.9;
  }
}


.column2>li.post-item {
  width: 47%;
  margin-bottom: 75px;
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  .column2>li.post-item {
    margin-bottom: 30px;
  }
}


.column3>li.post-item {
  margin-bottom: 55px;
}

.column3>li.post-item figure {
  height: 260px;
}

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

  .column3>li.post-item .text .title {
    font-size: 1.8rem;
  }
}

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

  .column3>li.post-item figure {
    height: 210px;
    margin-bottom: 22px;
  }

  .column3>li.post-item .text .title {
    font-size: 1.7rem;
  }

  .column3>li.post-item .text .excerpt p {
    font-size: 1.4rem;
    line-height: 1.7;
  }
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

  /* line 4289, ../_scss/style.scss */
  .column3 {
    padding-bottom: 20px;
  }

  .column3>li.post-item {
    margin-bottom: 40px !important;
  }

  .column3>li.post-item figure {
    height: 130px;
    margin-bottom: 14px;
  }

  .column3>li.post-item .text {
    /*
          .excerpt {
            p {font-size: 1.4rem; line-height: 1.9;}
          }
    */
  }

  /* line 4321, ../_scss/style.scss */
  .column3>li.post-item .text .title {
    font-size: 1.5rem;
  }
}



.balloon1 {
  position: relative;
  display: inline-block;
  top: -30px;
  left: 10px;
  margin: 0 0;
  padding: 5px 15px;
  text-align: center;
  min-width: 160px;
  max-width: 100%;
  color: #fff;
  border-radius: 10em;
  font-size: 16px;
  background: #0e7b35;
}

.balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #0e7b35;
}

.balloon1 p {
  margin: 0;
  padding: 0;
  font-size: 15px;
}

.balloon1 p span {
  font-size: 1.4em;
}


.balloon2 {
  position: relative;
  /*   display: inline-block; */
  top: -30px;
  right: 2%;
  margin: 0 0;
  padding: 5px 15px;
  text-align: center;
  min-width: 160px;
  max-width: 100%;
  color: #fff;
  border-radius: 10em;
  font-size: 16px;
  background: #0e7b35;
}

.balloon2:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #0e7b35;
}

.balloon2 p {
  margin: 0;
  padding: 0;
  font-size: 15px;
}

.balloon2 p span {
  font-size: 1.4em;
}





/* -----------------------------------------------------------
#sub_works_area
----------------------------------------------------------- */

#sub_works_area {
  padding: 90px 0%;
  background: url(../img/home/partition_laquoh1.jpg);
  /* background: #f7f4f4; */
  width: 100%;
  margin: 0 auto;
}

#sub_works_area .central {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

@media only screen and (max-width: 900px) {
  #sub_works_area {
    padding: 0;
  }
}

@media only screen and (max-width: 736px) {
  #sub_works_area {
    padding: 0;
  }
}


@media only screen and (max-width: 736px) {
  #sub_works_area {
    padding: 10px 0%;
    background: url(../img/home/partition_laquoh1.jpg);
    background-size: cover;
    background-position: right top;
    width: 100%;
  }
}


/* -----------------------------------------------------------
#sub_works
----------------------------------------------------------- */

#sub_works {
  /* float: right; */
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 900px) {
  #sub_works {
    width: 100%;

  }
}

@media only screen and (max-width: 736px) {
  #sub_works {
    padding: 70px 23px;
  }


}

/* --------- .worksArea --------- */

.worksArea {
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  /* padding: 2%; */
}

.worksArea .worksBox {
  flex: 0 0 24%;
  align-items: stretch;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 0.5em;
  margin-bottom: 1em;
}

.worksBox.target.text3 {}







/* .inner */

.worksArea .worksBox .inner {
  position: relative;
  padding: 20px 7.5% 20px;
  z-index: 2;
  /* border: 1px solid #ddd; */
  border-radius: 1em;
  text-align: center;
}

.worksArea .worksBox .inner:before {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  content: "";
  border: #fefefe 0 solid;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: -1;
}

.worksBox:hover .inner:before {
  border: #067f4e 5px solid;
  border-radius: 0.5em;
  background: #067f4e;
  color: #fff;
}


.worksArea .worksBox .inner .imgArea {
  padding: 10px;
}


.worksArea .worksBox .inner img {
  width: 100%;
  margin: 0;
}

.worksArea .worksBox .inner h2 {
  text-align: center;
  color: #067f4e;
  margin: 10px 0 0;
  font-weight: 600;
  font-size: 18px;
  display: block;
}

.worksArea .worksBox .inner h2:after {
  content: '';
  display: block;
  width: 147px;
  height: 1px;
  /* background-color: #067f4e; */
  position: relative;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #fff;
}

.worksArea .worksBox .inner:hover {
  color: #fff;
}

.worksArea .worksBox .inner:hover h2 {
  color: #fff;
}


/* ul.category */

.worksArea .worksBox ul.category {
  margin-top: 20px;
  list-style: none;
  z-index: 2;
  text-align: center;
}

.worksArea .worksBox ul.category li {
  display: inline-block;
  color: #fefefe;
  background: #067f4e;
  font-size: 13px;
  font-weight: 500;
  line-height: 35px;
  letter-spacing: 1px;
  border-radius: 1.5em;
  padding: 0 35px 0 25px;
  position: relative;
  z-index: 1;
}

.worksArea .worksBox ul.category li:after {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  font-size: 1.1em;
  /* line-height: 25px; */
  font-family: themify;
  /* content: "\e6ad"; */
  font-weight: normal;
  /* font-family: 'Font Awesome 6 pro'; */
  content: "\e649";
  vertical-align: 0;
}

.worksArea .worksBox p.date {
  position: absolute;
  top: 20px;
  left: 7.5%;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  line-height: 40px;
  font-size: 0;
  display: none;
}

.worksArea .worksBox .inner h3 {
  font-size: 15px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 1px;
  padding: 0;
  margin-top: 0;
}

.worksArea .worksBox .icon_award {
  position: absolute;
  top: 15px;
  right: 7.5%;
  width: 55px;
  height: 55px;
  content: "";
  background: url(../images/common/icon_award.png) center center no-repeat;
  background-size: cover;
  z-index: 2;
}

@media only screen and (max-width: 900px) {
  .worksArea .worksBox .inner {
    padding: 50px 7.5% 50px;
  }

  .worksArea .worksBox .inner:before {
    display: none;
  }

  /* ul.category */
  .worksArea .worksBox ul.category {
    margin-top: -35px;
    list-style: none;
    z-index: 2;
  }

  .worksArea .worksBox ul.category li {
    padding: 0 15px 0 30px;
  }

  /* p.date */
  .worksArea .worksBox p.date {
    top: 10px;
    left: 7.5%;
  }

  /*.worksArea .worksBox p.date span { font-size: 13px; }*/
  /* h3 */
  .worksArea .worksBox .inner h3 {
    font-size: 14px;
  }

  /* .icon_award */
  .worksArea .worksBox .icon_award {
    top: 10px;
    right: 7.5%;
    width: 50px;
    height: 50px;
  }
}

@media only screen and (max-width: 736px) {
  .worksArea .worksBox .inner {
    padding: 40px 7.5% 30px;
  }

  .worksArea .worksBox .inner:before {
    display: none;
  }

  /* ul.category */
  .worksArea .worksBox ul.category {
    margin-top: 0px;
    list-style: none;
    z-index: 2;
    display: block;
  }

  .worksArea .worksBox ul.category li {
    font-size: 11px;
    line-height: 25px;
    letter-spacing: 1px;
    padding: 0 10px 0 20px;
  }

  .worksArea .worksBox ul.category li:before {
    left: 5px;
    font-size: 1em;
  }

  /* p.date */
  .worksArea .worksBox p.date {
    top: 10px;
    left: 7.5%;
    line-height: 30px;
  }

  /*.worksArea .worksBox p.date span { font-size: 11px; }*/
  /* h3 */
  .worksArea .worksBox .inner h3 {
    font-size: 11px;
    line-height: 1.8;
    margin-top: 5px;
  }

  .worksArea .worksBox {
    flex: 0 0 49%;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 500px) {
  .worksArea .worksBox {
    flex: 0 0 100%;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 414px) {
  .worksArea .worksBox p.date {
    letter-spacing: 0.5px;
  }

  .worksArea .worksBox .inner h3 {
    line-height: 1.8;
    display: block;
  }

  .worksArea .worksBox ul.category li {
    font-size: 9px;
    padding: 0 20px 0 20px;
  }

  .worksArea .worksBox .icon_award {
    top: 6px;
    right: 4%;
    width: 30px;
    height: 30px;
  }
}








/* ==========================================================================

.linkArea

========================================================================== */

.linkArea {
  text-align: right;
  padding: 10px 10px 10px;
}

.linkArea2 {
  text-align: center;
  margin-top: 40px;
  width: 100%;
  max-width: 300px;
  margin: 30px auto;
}


/* .btnA  */
.btnA {
  display: inline-block;
  width: 180px;
  max-width: 100%;
  padding: 0;
  margin: 0 10px;
  color: #fff;
  /* background: #726e6e; */
  border: #3f3d3d 1px solid;
  /* border-bottom: #3f3d3d 1px solid; */
  font-size: 14px;
  text-decoration: none;
  text-align: center;
  font-weight: 500;
  line-height: 38px;
  letter-spacing: 1px;
  position: relative;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 2px;
}

.btnA:after {
  font-family: 'themify';
  content: "\e649";
  /* content: "\f16d"; */
  /* content: "\f105"; */
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  right: 15px;
  z-index: 1;
  line-height: 38px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

/* .btnA:after { font-family: 'FontAwesome'; 
content: "\f16d"; 
font-size: 10px; 
font-style: normal; 
font-weight: normal; 
-webkit-font-smoothing: antialiased; 
-moz-osx-font-smoothing: grayscale; 
position: absolute; top: 0; right: 15px; z-index: 1; 
line-height: 55px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } */

.btnA:hover {
  color: #fff;
  background: #999;
  border: #999 1px solid;
}

.btnA:hover:after {
  right: 10px;
}



/* .btnB  */
.btnB {
  display: inline-block;
  width: 250px;
  max-width: 100%;
  padding: 0;
  margin: 0 10px;
  color: #fff;
  background: #726e6e;
  /* border: #3f3d3d 1px solid; */
  /* border-bottom: #3f3d3d 1px solid; */
  font-size: 14px;
  text-decoration: none;
  text-align: center;
  font-weight: 500;
  line-height: 60px;
  letter-spacing: 1px;
  position: relative;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 2px;
}

.btnB:after {
  font-family: 'themify';
  content: "\e649";
  /* content: "\f16d"; */
  /* content: "\f105"; */
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  right: 15px;
  z-index: 1;
  line-height: 60px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

/* .btnA:after { font-family: 'FontAwesome'; 
content: "\f16d"; 
font-size: 10px; 
font-style: normal; 
font-weight: normal; 
-webkit-font-smoothing: antialiased; 
-moz-osx-font-smoothing: grayscale; 
position: absolute; top: 0; right: 15px; z-index: 1; 
line-height: 55px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } */

.btnB:hover {
  color: #a32b2e;
  background: #fffefe;
  border: #a32b2e 1px solid;
}

.btnB:hover:after {
  right: 10px;
}


/* .btnC  */
.btnC {
  display: inline-block;
  width: 250px;
  max-width: 100%;
  padding: 0;
  margin: 0 10px;
  color: #fff;
  background: #726e6e;
  /* border: #3f3d3d 1px solid; */
  /* border-bottom: #3f3d3d 1px solid; */
  font-size: 14px;
  text-decoration: none;
  text-align: center;
  font-weight: 500;
  line-height: 60px;
  letter-spacing: 1px;
  position: relative;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 2px;
}

.btnC:after {
  font-family: 'themify';
  content: "\e649";
  /* content: "\f16d"; */
  /* content: "\f105"; */
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  right: 15px;
  z-index: 1;
  line-height: 60px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}


.btnC:hover {
  color: #a32b2e;
  background: #fffefe;
  border: #a32b2e 1px solid;
}

.btnC:hover:after {
  right: 10px;
}


/* .btnD  */
.btnD {
  display: inline-block;
  width: 250px;
  max-width: 100%;
  padding: 0;
  margin: 0 10px;
  color: #fff;
  background: #726e6e;
  /* border: #3f3d3d 1px solid; */
  /* border-bottom: #3f3d3d 1px solid; */
  font-size: 14px;
  text-decoration: none;
  text-align: center;
  font-weight: 500;
  line-height: 60px;
  letter-spacing: 1px;
  position: relative;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 2px;
}

.btnD:after {
  font-family: 'FontAwesome';
  content: "\f1c1";
  /* content: "\f16d"; */
  /* content: "\f105"; */
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  right: 15px;
  z-index: 1;
  line-height: 60px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}


.btnD:hover {
  color: #a32b2e;
  background: #fffefe;
  border: #a32b2e 1px solid;
}

.btnD:hover:after {
  right: 10px;
}



/* .btnBorder */
.btnBorder {
  color: #ffffff;
  background: #666666;
  border: solid 1px #ddd;
  /* padding: 2%; */
  border-radius: 3px;
}

.btnBorder:hover {
  color: #999;
  background: #fff;
  border: #999 1px solid;
}

/* .btnSmall */
.btnSmall {
  font-size: 13px;
  line-height: 30px;
  width: 150px;
  max-width: 100%;
  /* border: #999 2px solid; */
  /* border-bottom: #016c6e 2px solid; */
}

.btnSmall:after {
  line-height: 30px;
}

.btnSmall:hover {
  border: #999 0px solid;
}

/* .btnSmall */
.btnSmallBorder {
  font-size: 13px;
  line-height: 40px;
  width: 200px;
  max-width: 100%;
  color: #111;
  background: none;
  border: #111 1px solid;
}

.btnSmallBorder:after {
  line-height: 40px;
}

.btnSmallBorder:hover {
  color: #fff;
  background: #f0fafe;
  background: none;
  border: #999 1px solid;
}

/* .btnBlue */
.btnBlue:hover {
  color: #fefefe;
  background: #999;
  border: #999 1px solid;
}

/* .btnBlueBorder */
.btnBlueBorder:hover {
  color: #fff;
  background: #999;
  background: none;
  border: #999 1px solid;
}

/* .btnBlog */
.btnBlog {
  color: #ffffff;
  background: #a32b2e;
}

.btnBlog:hover {
  color: #a32b2e;
  background: none;
  border: #a32b2e 1px solid;
}

/* .btnmenu */
.btnmenu {
  /* color: #ffffff; */
  /* background: #373535; */
}

.btnmenu:hover {
  color: #373535;
  background: none;
  border: #373535 1px solid;
}

/* .btndl */
.btndl {
  color: #ffffff;
  background: #484645;
}

.btndl:hover {
  color: #ffffff;
  background: rgba(72, 70, 69, 0.6);
  border: rgba(72, 70, 69, 0.6) 1px solid;
}


@media only screen and (max-width: 800px) {
  .linkArea {
    margin-top: 30px;
  }

  /* .btn  */
  .btnA {
    margin: 10px 1% 0;
    font-size: 13px;
    line-height: 30px;
    width: 275px;
    max-width: 100%;
  }

  .btnA:after {
    line-height: 30px;
    right: 10px;
  }

  /* .btn  */
  .btnB {
    margin: 10px 1% 0;
    font-size: 13px;
    line-height: 30px;
    width: 275px;
    max-width: 100%;
  }

  .btnB:after {
    line-height: 30px;
    right: 10px;
  }

  .btnA:hover {
    color: #fefefe;
    background: #000;
    border: #9E9E9E 0px solid;
  }

  .btnB:hover {
    color: #fefefe;
    background: #000;
    border: #9E9E9E 0px solid;
  }


  .btnA:hover {
    color: #fefefe;
    background: #000;
    border: #9E9E9E 0px solid;
  }

  /* .btnBorder */
  .btnBorder:hover {
    color: #000;
    background: none;
    border: #000 0x solid;
  }

  /* .btnSmall */
  .btnSmall {
    line-height: 30px;
    width: 220px;
    max-width: 100%;
  }

  .btnSmall:after {
    line-height: 30px;
  }

  .btnSmall:hover {
    border: #000 0px solid;
  }
}

@media only screen and (max-width: 738px) {
  .linkArea {
    padding: 0px 25px 50px;
    margin-top: 0;
  }

  /* .btnA  */
  .btnA {
    font-size: 13px;
    line-height: 30px;
    width: 250px;
    max-width: 100%;
  }

  .btnA:after {
    line-height: 30px;
    line-height: 50px;
  }

  .btnB {
    font-size: 13px;
    line-height: 30px;
    width: 250px;
    max-width: 100%;
  }

  .btnB:after {
    line-height: 30px;
    line-height: 50px;
  }

  .btnSmall {
    line-height: 30px;
    width: 180px;
    max-width: 100%;
  }

  .btnSmall:after {
    line-height: 30px;
  }
}

@media only screen and (max-width: 414px) {
  .btnA {
    font-size: 12px;
    width: 200px;
    line-height: 50px;
  }

  .btnB {
    font-size: 12px;
    width: 200px;
    line-height: 50px;
  }
}


.Item {
  text-decoration: none;
  /* color: #5bc8ac; */
  font-family: eb-garamond, serif;
  font-size: 13px;
  font-weight: 400;
}

.Item-Text {
  position: relative;
  z-index: 1;
  letter-spacing: .08em;
  font-weight: 300;
}

.Item-Text:before {
  font-family: 'Font Awesome 6 pro';
  content: "\f178";
  /*   font-size: px; */
  padding-right: 10px;
}


.Item-Text:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -10px;
  /*テキストからの距離*/
  width: 0%;
  /*初期状態では下線非表示*/
  height: 1px;
  /*下線の高さ*/
  background: #888;
  /*下線の色*/
  z-index: -1;
  transition: all 0.4s;
  /*アニメーション速度*/
}

.Item:hover .Item-Text:after {
  width: 100%;
  /*hover時に表示*/
}



/*ボタン系*/
.btn01 {
  display: block;
  float: left;
  min-width: 168px;
  position: relative;
  font-size: 14px;
  text-align: left;
  color: #fff;
  background-color: #0e7b35;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 24px;
  box-sizing: border-box;
}

.btn01:before {
  content: "";
  width: 63px;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  right: -32px;
  border-top: 2px solid #050126;
  box-sizing: border-box;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

.btn01:after {
  content: "";
  height: 4px;
  position: absolute;
  top: 50%;
  right: -30px;
  margin-top: -4px;
  border-left: 3px solid #050126;
  -webkit-transform: skewX(45deg);
  -moz-transform: skewX(45deg);
  transform: skewX(45deg);
  box-sizing: border-box;
  z-index: 1;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

.btn01:hover:before {
  width: 73px;
  right: -42px;
}

.btn01:hover:after {
  right: -40px;
}

.txt_tate {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}


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

#breadcrumb

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

#breadcrumb {
  margin: 0px 0;
  padding: 15px 20px;
  position: relative;
  z-index: 1;
  text-align: right;
  /* background: #fbfbfb; */
  /* border-bottom: 1px solid #e1e1e1; */
}

#breadcrumb ol {
  /* font-size: 0; */
  margin: 0;
  padding: 0;
  line-height: 1.8;
  line-height: 1;
}

#breadcrumb li {
  display: inline-flex;
  list-style: none;
  font-size: 12px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  margin: 0;
  padding: 0;
  letter-spacing: 0.5px;
  /* height:20px; */
  /* line-height:20px; */
}

#breadcrumb li:after {
  color: #322961;
  font-size: 10px;
  font-family: 'Font Awesome 6 pro';
  content: "\f054";
  font-weight: normal;
  margin: 0 8px;
  height: 20px;
  line-height: 20px;
}

#breadcrumb li:last-child:after {
  display: none;
}

#breadcrumb li i {
  font-size: 16px;
  padding-right: 5px;
  font-weight: normal;
  line-height: 1.3;
}

#breadcrumb li a {
  position: relative;
  z-index: 1;
  font-weight: 400;
  height: 20px;
  line-height: 20px;
}

#breadcrumb li a:hover {
  color: #322961;
}

#breadcrumb li:first-child a:before {
  padding-right: 5px;
  color: #322961;
  font-size: 11px;
  font-family: 'Font Awesome 6 pro';
  content: "\f80a";
}

#breadcrumb li a:after {
  position: absolute;
  bottom: -4px;
  left: -2px;
  width: 100%;
  height: 0;
  display: block;
  border-bottom: #322961 1px solid;
  content: "";
  z-index: -1;
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -o-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: transform .3s ease;
  -moz-transition: transform .3s ease;
  -o-transition: transform .3s ease;
  transition: transform .3s ease
}

#breadcrumb li a:hover:after {
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1)
}

@media only screen and (max-width: 900px) {
  #breadcrumb {
    margin: 0px 0 0;
    padding: 20px 5%;
    border-top: none;
  }

  #breadcrumb:before {
    display: none;
  }

  #breadcrumb li a:hover {
    color: #111;
  }

  #breadcrumb li a:hover:after {
    display: none;
  }
}

@media only screen and (max-width: 414px) {
  #breadcrumb {
    padding: 18px 1% 16px;
    /* border: 1px solid #ddd; */
    border-left: none;
    border-right: none;
  }

  #breadcrumb ol {
    /* font-size: 0; */
    margin: -10px auto 0;
    padding: 0;
    display: block;
    text-align: left;
  }

  #breadcrumb li {
    font-size: 13px;
    margin: 0;
    padding: 0;
    letter-spacing: 1px;
    margin-top: 0;
  }

  #breadcrumb li:after {
    margin: 0 5px;
  }

  #breadcrumb li:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 10em;
  }

  #breadcrumb li:first-child a {
    font-size: 13px;
    width: auto;
    padding-bottom: 0;
  }

  #breadcrumb li:first-child a:before {
    padding-right: 0;
    font-size: 13px;
  }

  #breadcrumb li:first-child a:before {
    padding-right: 5px;
    color: #322961;
    font-size: 11px;
    font-family: 'Font Awesome 6 pro';
    content: "\f80a";
  }

}

@media only screen and (max-width: 320px) {
  #breadcrumb li:last-child {
    width: 6em;
  }
}





/* -----------------------------------------------------------
   #about_information
   ----------------------------------------------------------- */

#about_information {
  padding: 20px 5%;
  position: relative;
  top: 0;
  margin-bottom: 50px;
}

@media only screen and (max-width: 900px) {
  #about_information {
    padding: 0px 5%;
  }
}

@media only screen and (max-width: 736px) {
  #about_information {
    padding: 0px 5%;
  }
}

@media only screen and (max-width: 500px) {
  #about_information {
    padding: 10px 5% 0;
    top: 0;
  }
}



/* .catchArea */

#about_information .catchArea {
  position: relative;
  z-index: 2;
  text-align: center;
}

#about_information .catchArea h3 {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.9;
  letter-spacing: 3px;
}

#about_information .catchArea h3 span {
  position: relative;
  z-index: 1;
  padding: 0 60px;
}

#about_information .catchArea h3 span:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 45px;
  height: 0;
  content: "";
  border-top: #222 1px solid;
  z-index: -1;
}

#about_information .catchArea h3 span:after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 45px;
  height: 0;
  content: "";
  border-top: #222 1px solid;
  z-index: -1;
}



@media only screen and (max-width: 500px) {
  #about_information .catchArea h3 {
    font-size: 23px;
  }

  #about_information .catchArea h3 span:before {
    width: 25px;

  }

  #about_information .catchArea h3 span:after {
    width: 25px;

  }


}




/* ----------------------------------------------------------
   
   #scrollUp
   
   ---------------------------------------------------------- */

#scrollUp {
  position: fixed;
  bottom: 50px;
  right: 15px;
  z-index: 1000;
}

#scrollUp a {
  width: 60px;
  height: 60px;
  display: block;
  color: #fefefe;
  background: #050126;
  border: none;
  text-align: center;
  z-index: 11;
  /* -webkit-border-radius: 100%; */
  -moz-border-radius: 100%;
  /* border-radius: 100%; */
  position: relative;
  z-index: 1;
}

#scrollUp a:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-family: 'Font Awesome 6 pro';
  content: '\f077';
  font-size: 30px;
  line-height: 58px;
}

#scrollUp a:hover {
  -webkit-transform: translate(0px, -10px);
  -moz-transform: translate(0px, -10px);
  -o-transform: translate(0px, -10px);
  -ms-transform: translate(0px, -10px);
  transform: translate(0px, -10px);
}

@media only screen and (max-width: 800px) {
  #scrollUp a:hover {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}

@media only screen and (max-width: 414px) {
  #scrollUp a {
    width: 50px;
    height: 50px;
  }

  #scrollUp a:before {
    font-size: 16px;
    line-height: 48px;
  }
}




.target {
  @include positionCenter();
  /* font-size: 50px; */
  font-weight: bold;
}


.page {
  position: relative;
  height: 100vh;
}

.target {
  @include positionCenter();
  font-size: 50px;
  font-weight: bold;
}



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

   #w_photography_type

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

#w_photography_type {
  padding: 10px 1px;
  /* position: relative; */
  /* z-index: 1; */
  /* border-top: #ededed 1px solid; */
  /* background: url(../images/noise.png) repeat #fefefe; */
}

#w_photography_type:before {
  position: absolute;
  /* top: -1px; */
  /* left: 5%; */
  /* right: 5%; */
  /* height: 0; */
  /* content: ""; */
  /* border-top: #ededed 1px solid; */
  z-index: 2;
}



@media only screen and (max-width: 800px) {
  #w_photography_type {
    padding: 80px 5%;
  }
}

@media only screen and (max-width: 738px) {
  #w_photography_type {
    padding: 70px 5%;
    /* background: url(../images/noise2.png) repeat #fefefe; */
  }
}

@media only screen and (max-width: 414px) {
  #w_photography_type {
    padding: 60px 5%;
    padding: 0;
  }
}


/* ----- .photographyArea ----- */
#w_photography_type .photographyArea {
  margin: 0;
  font-size: 0;
}

/* ----- .photographyBoxL ----- */
#w_photography_type .photographyBox {
  display: block;
  margin: 10px 0 50px;
  margin: 0;
  padding: 30px 0;
  padding: 0;
  position: relative;
  z-index: 2;
  /* background:#fefefe; */
  /* border:#ededed 1px solid; */
}

/* ----- .photographyBoxL ----- */
#w_photography_type .photographyBox_1 {
  display: block;
  margin: 20px 0 0;
  padding: 5px 0;
  position: relative;
  z-index: 2;
  background: #fefefe;
}



/* .photographyhHead */
#w_photography_type .photographyBox .photographyhHead {
  text-align: center;
}

/* .photographyhHead */
#w_photography_type .photographyBox_1 .photographyhHead {
  text-align: center;
}

/* h2,h3 */
#w_photography_type .photographyhHead h2 {
  font-size: 13px;
  font-family: 'Catamaran', sans-serif;
  font-weight: 500;
  letter-spacing: 2.5px;
  line-height: 1.8;
  position: relative;
  z-index: 4;
}

#w_photography_type .photographyhHead h3.en {
  font-size: 35px;
  font-family: 'Catamaran', sans-serif;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 4px;
}

#w_photography_type .photographyhHead h3.jp {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 3px;
  line-height: 1.5;
}

/* .iconIllust_circle */
#w_photography_type .iconIllust_circle {
  width: 120px;
  height: 120px;
  margin: 25px auto 0;
  color: #fefefe;
  background: #222;
  letter-spacing: 1px;
  z-index: 3;
  position: relative;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

#w_photography_type .iconIllust_circle:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  content: "120px×120px";
  z-index: 2;
  line-height: 120px;
  font-size: 12px;
}

/* .iconIllust */
#w_photography_type .iconIllust {
  width: 90px;
  height: 90px;
  margin: 25px auto 0;
  position: relative;
  z-index: 0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

#w_photography_type .iconIllust:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  border: #f0f0f0 1px solid;
  z-index: 2;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

#w_photography_type .iconIllust_location {
  background: url(../images/photography/location/icon.png) center center no-repeat;
  background-size: 80px 80px;
}

#w_photography_type .iconIllust_wedding {
  background: url(../images/photography/wedding/icon.png) center center no-repeat;
  background-size: 80px 80px;
}

#w_photography_type .iconIllust_family {
  background: url(../images/photography/family/icon.png) center center no-repeat;
  background-size: 80px 80px;
}

/* .catchArea */
#w_photography_type .catchArea {
  margin-top: 20px;
}

#w_photography_type .catchArea h4 {
  font-size: 18px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
  letter-spacing: 1px;
  line-height: 2;
  position: relative;
  z-index: 1;
}

#w_photography_type .catchArea h4 br {
  display: none;
}

/* .sliderArea */
#w_photography_type .sliderArea {
  margin-top: 45px;
  padding: 0 5%;
  padding: 0;
}

@media only screen and (max-width: 1024px) {
  #w_photography_type .photographyhHead h3.en {
    font-size: 30px;
  }

  #w_photography_type .photographyhHead h3.jp {
    font-size: 14px;
  }
}

@media only screen and (max-width: 800px) {
  #w_photography_type .photographyArea {
    margin: -70px 0 0;
    padding: 0;
  }

  /* .photographyBox */
  #w_photography_type .photographyBox {
    display: block;
    width: 100%;
    margin: 70px 0 0;
    padding: 60px 0;
  }

  /* h2,h3 */
  #w_photography_type .photographyhHead h2 {
    font-size: 13px;
  }

  #w_photography_type .photographyhHead h3.en {
    font-size: 25px;
    letter-spacing: 4px;
  }

  #w_photography_type .photographyhHead h3.jp {
    font-size: 14px;
  }

  #w_photography_type .iconIllust {
    width: 100px;
    height: 100px;
  }

  #w_photography_type .iconIllust_location,
  #w_photography_type .iconIllust_wedding,
  #w_photography_type .iconIllust_family {
    background-size: 90px 90px;
  }

  /* .catchArea */
  #w_photography_type .catchArea {
    margin-top: 20px;
  }

  #w_photography_type .catchArea h4 {
    font-size: 16px;
  }

  /* .sliderArea */
  #w_photography_type .sliderArea {
    margin-top: 35px;
  }

  /* DOTS */
  .home_photographySlider .slick-dots {
    bottom: -35px;
  }

  /* .linkInner */
  #w_photography_type .linkInner {
    margin-top: 70px;
  }
}

@media only screen and (max-width: 738px) {
  #w_photography_type .photographyArea {
    margin: -60px 0 0;
    padding: 0;
  }

  #w_photography_type .photographyBox {
    margin: 60px 0 0;
    padding: 50px 0;
  }

  #w_photography_type .photographyhHead h3.en {
    font-size: 20px;
    letter-spacing: 2px;
  }

  #w_photography_type .photographyhHead h3.jp {
    font-size: 13px;
  }

  #w_photography_type .iconIllust {
    width: 70px;
    height: 70px;
    margin: 15px auto 0;
  }

  #w_photography_type .iconIllust_location,
  #w_photography_type .iconIllust_wedding,
  #w_photography_type .iconIllust_family {
    background-size: 60px 60px;
  }

  /* .catchArea */
  #w_photography_type .catchArea {
    margin-top: 15px;
  }

  #w_photography_type .catchArea h4 {
    font-size: 14px;
  }

  #w_photography_type .catchArea h4 br {
    display: block;
  }

  /* .sliderArea */
  #w_photography_type .sliderArea {
    margin-top: 25px;
    padding: 0;
  }

  /* .linkInner */
  #w_photography_type .linkInner {
    margin-top: 50px;
  }

}

@media only screen and (max-width: 414px) {
  #w_photography_type .photographyArea {
    margin: -50px 0 0;
    padding: 0;
  }

  #w_photography_type .photographyBox {
    margin: 10px 0 0;
    padding: 5px 0;
  }

  #w_photography_type .photographyhHead h3.en {
    font-size: 18px;
    letter-spacing: 2px;
  }

  #w_photography_type .photographyhHead h3.jp {
    font-size: 12px;
  }

  #w_photography_type .catchArea h4 {
    font-size: 13px;
  }
}



/* ----- .locationSlider ----- */
#w_photography_type .locationSlider {
  margin: 40px -10px 80px;
  margin: 0;
  position: relative;
  z-index: 1;
}

#w_photography_type .locationSlider:before {
  position: absolute;
  top: 0;
  left: -1px;
  width: 9px;
  bottom: 0;
  content: "";
  /* background:#fefefe; */
  z-index: 2;
}

#w_photography_type .locationSlider:after {
  position: absolute;
  top: 0;
  right: -1px;
  width: 9px;
  bottom: 0;
  content: "";
  /* background:#fefefe; */
  z-index: 2;
}

/* --- Arrows --- */
.locationSlider .slick-prev,
.locationSlider .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 60px;
  height: 60px;
  padding: 0;
  /*lte IE 8*/
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: #fff;
  border: none;
  background: #050126;
  background: transparent;
  outline: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  z-index: 4;
  display: none;
}

.locationSlider .slick-prev:before,
.locationSlider .slick-next:before {
  font-family: 'Font Awesome 6 pro';
  font-size: 12px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.locationSlider .slick-prev {
  left: 1%;
  margin-left: -24px;
  margin-left: 0;
}

.locationSlider .slick-prev:before {
  content: "\f060"
}

.locationSlider .slick-next {
  right: 10px;
  /* margin-right: -24px; */
  margin-right: 0;
}

.locationSlider .slick-next:before {
  content: "\f061";
}

.locationSlider .slick-dots {
  bottom: -40px;
}

/* ----- .planBox ----- */
#w_photography_type .planBox {
  margin: 0 0px;
  position: relative;
  z-index: 2;
  background: #fefefe;
}

#w_photography_type .planBox:after {
  /* position:absolute; */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* content:""; */
  /* border:#ededed 1px solid; */
  z-index: -1;
}

/* .inner */
#w_photography_type .planBox .inner {
  overflow: visible;
  /* padding: 25px 5% 50px; */
  padding: 0;
  text-align: center;
  /* height: 400px; */
}

/* .imgArea */
#w_photography_type .planBox .imgArea {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

/* h5
#w_photography_type .planBox h5 { display:block; width:50px; height:50px; margin:-25px auto 0; background:#fefefe; font-size:14px; font-weight:700; line-height:50px; letter-spacing:1px; position:relative; z-index:3; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
#w_photography_type .planBox h5:after { position:absolute; top:-5px; left:-5px; right:-5px; bottom:-5px; content:""; border:#fefefe 1px solid; z-index:-1; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
*/

/* h5 */
#w_photography_type .planBox h5 {
  display: block;
  width: 50px;
  height: 50px;
  margin: 0px auto 0;
  background: #fefefe;
  font-size: 14px;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: 1px;
  position: relative;
  right: 0;
  z-index: 3;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

#w_photography_type .planBox h5:after {
  /* position:absolute; */
  /* top:-5px; */
  /* left:-5px; */
  /* right:-5px; */
  /* bottom:-5px; */
  /* content:""; */
  　
  /* border:#fefefe 1px solid;z-index:-1;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;*/
}



/* .txtArea */
#w_photography_type .planBox .txtArea {}

/* h3 */
#w_photography_type .planBox h3 {
  font-size: 12px;
  font-family: 'Catamaran', sans-serif;
  font-weight: 500;
  letter-spacing: 2.5px;
  line-height: 1.8;
  position: relative;
  z-index: 4;
  margin-top: 20px;
}

/* h4 */
#w_photography_type .planBox h4 {
  font-size: 16px;
  font-family: 'Catamaran', sans-serif;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 2;
  margin-bottom: 5px;
}

/* p */
#w_photography_type .planBox .txtArea p {
  font-size: 13px;
}

/* p.price */
#w_photography_type .planBox .txtArea p.price {
  color: #ff878d;
  font-size: 18px;
  font-family: 'Open Sans', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 400;
}

#w_photography_type .planBox .txtArea p.price span.yen {
  margin-right: 3px;
  font-size: 0.85em;
  vertical-align: 0;
  font-weight: 500;
}

#w_photography_type .planBox .txtArea p.price span.tax {
  font-size: 0.7em;
  vertical-align: 0;
  font-weight: 500;
}

/* .linkArea */
#w_photography_type .planBox .linkArea {
  margin-top: 20px;
}


@media only screen and (max-width: 1024px) {
  #w_photography_type .planBox h4 {
    letter-spacing: 1.5px;
  }

  #w_photography_type .planBox .linkArea a {
    width: 180px;
  }
}

@media only screen and (max-width: 738px) {
  #w_photography_type .planBox .inner {
    padding: 30px 5% 35px
  }

  #w_photography_type .planBox .linkArea {
    margin-top: 10px;
  }

  /*#w_photography_type .planBox .txtArea p { display:none}*/
  #w_photography_type .planBox .txtArea p.price {
    font-size: 16px;
  }

  #w_photography_type .locationSlider {
    margin: 35px 1px 60px;
  }

  #w_photography_type .locationSlider:before,
  #w_photography_type .locationSlider:after {
    display: none;
  }

  .locationSlider .slick-dots {
    bottom: -30px;
  }
}

@media only screen and (max-width: 414px) {
  #w_photography_type .locationSlider {
    margin: 30px 1px 50px;
  }

  #w_photography_type .locationSlider:before,
  #w_photography_type .locationSlider:after {
    display: none;
  }

  #w_photography_type .planBox {
    margin: 0 5px;
    margin: 0;
  }

  #w_photography_type .planBox .linkArea {
    margin-top: 5px;
  }

  #w_photography_type .planBox .txtArea p {
    font-size: 11px;
  }
}

/* ----- .photographyBoxSmall ----- */
#w_photography_type .photographyBoxSmall {
  padding: 30px 30px 30px 0;
}

#w_photography_type .photographyBoxSmall:nth-child(even) {
  padding: 30px 0 30px 30px;
}

/* ----- .txtArea ----- */
#w_photography_type .photographyBoxSmall .txtArea {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 40%;
  z-index: 1;
}

#w_photography_type .photographyBoxSmall:nth-child(even) .txtArea {
  left: auto;
  right: 0;
}

/* .photographyhHead */
#w_photography_type .photographyBoxSmall .photographyhHead {
  display: inline-block;
  text-align: center;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 40%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 80%;
  margin: 0 10%;
}

/* h2,h3 */
#w_photography_type .photographyBoxSmall .photographyhHead h2 {
  font-size: 15px;
}

#w_photography_type .photographyBoxSmall .photographyhHead h3.en {
  font-size: 20px;
  letter-spacing: 2px;
}

#w_photography_type .photographyBoxSmall .photographyhHead h3.jp {
  font-size: 13px;
}

/* .catchArea */
#w_photography_type .photographyBoxSmall .catchArea {
  margin-top: 10px;
}

#w_photography_type .photographyBoxSmall .catchArea h4 {
  font-size: 14px;
  font-family: 'Catamaran', sans-serif;
  letter-spacing: 1px;
  line-height: 2;
}

#w_photography_type .photographyBoxSmall .catchArea h4 br {
  display: block;
}

#w_photography_type .photographyBoxSmall .photographyhHeadCM {
  width: 75%;
}

#w_photography_type .photographyBoxSmall .photographyhHeadCM .catchArea {
  margin-top: 20px;
}

#w_photography_type .photographyBoxSmall .photographyhHeadCM .catchArea p {
  margin-top: 5px;
  font-size: 12.5px;
  line-height: 2;
  letter-spacing: 1px;
}

/* ----- .imgArea ----- */
#w_photography_type .photographyBoxSmall .imgArea {
  float: right;
  width: 60%;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#w_photography_type .photographyBoxSmall:nth-child(even) .imgArea {
  float: left;
}

/* .linkAreaHead */
#w_photography_type .photographyBoxSmall .linkAreaHead {
  margin-top: 20px;
}

#w_photography_type .photographyBoxSmall .linkAreaHead a {
  width: 200px;
  font-size: 13px;
}

@media only screen and (max-width: 1024px) {
  #w_photography_type .photographyBoxSmall .txtArea {
    width: 30%;
  }

  #w_photography_type .photographyBoxSmall .imgArea {
    width: 70%;
  }

  #w_photography_type .photographyBoxSmall .photographyhHead h3.en {
    font-size: 18px;
  }

  #w_photography_type .photographyBoxSmall .photographyhHead h3.jp {
    font-size: 13px;
  }

  #w_photography_type .photographyBoxSmall .catchArea h4 {
    letter-spacing: 1px;
    line-height: 1.8;
  }

  #w_photography_type .photographyBoxSmall .photographyhHead .linkAreaHead {
    margin-top: 20px;
  }

  #w_photography_type .photographyBoxSmall .photographyhHeadCM .catchArea p {
    line-height: 2;
  }
}

@media only screen and (max-width: 1023px) {
  #w_photography_type .photographyBoxSmall .txtArea {
    width: 35%;
  }

  #w_photography_type .photographyBoxSmall .imgArea {
    width: 65%;
  }

  #w_photography_type .photographyBoxSmall .catchArea {
    display: none;
  }

  #w_photography_type .photographyBoxSmall .photographyhHeadCM .catchArea {
    display: block;
  }

  #w_photography_type .photographyBoxSmall .photographyhHeadCM .catchArea p {
    text-align: left;
  }

  #w_photography_type .photographyBoxSmall .photographyhHeadCM .catchArea br {
    display: none;
  }
}

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

  #w_photography_type .photographyBoxSmall,
  #w_photography_type .photographyBoxSmall:nth-child(even) {
    margin: 70px 0 0;
    padding: 0;
    overflow: hidden;
  }

  #w_photography_type .photographyBoxSmall .txtArea,
  #w_photography_type .photographyBoxSmall:nth-child(even) .txtArea {
    position: static;
    width: 100%;
    padding: 35px 5% 50px;
  }

  #w_photography_type .photographyBoxSmall .photographyhHead {
    display: block;
    text-align: center;
    position: static;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  #w_photography_type .photographyBoxSmall .photographyhHead h3.en {
    font-size: 18px;
  }

  #w_photography_type .photographyBoxSmall .photographyhHead h3.jp {
    font-size: 13px;
  }

  #w_photography_type .photographyBoxSmall .catchArea {
    display: block;
  }

  #w_photography_type .photographyBoxSmall .photographyhHead .linkAreaHead {
    margin-top: 20px;
  }

  #w_photography_type .photographyBoxSmall .imgArea {
    float: none;
    width: 100%;
    padding: 30px 5% 0;
    padding: 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
  }

  #w_photography_type .photographyBoxSmall:nth-child(even) .imgArea {
    float: none;
  }

  #w_photography_type .photographyBoxSmall .photographyhHeadCM {
    width: 100%;
  }

  #w_photography_type .photographyBoxSmall .photographyhHeadCM .catchArea p {
    text-align: center;
  }

  #w_photography_type .photographyBoxSmall .photographyhHeadCM .catchArea br {
    display: block;
  }

}

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

  #w_photography_type .photographyBoxSmall,
  #w_photography_type .photographyBoxSmall:nth-child(even) {
    margin: 60px 0 0;
  }

  /* ----- .txtArea ----- */
  #w_photography_type .photographyBoxSmall .txtArea,
  #w_photography_type .photographyBoxSmall:nth-child(even) .txtArea {
    padding: 30px 5% 45px;
  }

  #w_photography_type .photographyBoxSmall .catchArea h4 {
    font-size: 12px;
  }

  #w_photography_type .photographyBoxSmall .photographyhHead .linkAreaHead {
    margin-top: 15px;
  }

  #w_photography_type .photographyBoxSmall .photographyhHeadCM .catchArea p {
    font-size: 12px;
    line-height: 2;
  }
}

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

  #w_photography_type .photographyBoxSmall,
  #w_photography_type .photographyBoxSmall:nth-child(even) {
    margin: 50px 0 0;
  }

  /* .photographyhHead */

  #w_photography_type .photographyBoxSmall .photographyhHead {
    width: 100%;
    margin: 0;
  }


}









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

   #w_photography

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

#w_photography {
  padding: 70px 5% 90px;
  position: relative;
  z-index: 1;
  text-align: center;
}

#w_photography h3 {
  margin: 0 auto;
  font-size: 25px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
  letter-spacing: 2.5px;
  line-height: 1.8;
  text-align: center;
}

/* --- .conceptArea --- */
#w_photography .descriptionArea {
  position: relative;
  z-index: 1;
  margin: 20px auto 0;
}

#w_photography .descriptionArea p {
  font-size: 14px;
  line-height: 2.4;
  letter-spacing: 2px;
  margin-top: 1em;
}

@media only screen and (max-width: 800px) {
  #w_photography {
    padding: 60px 5% 80px;
  }

  #w_photography h3 {
    margin: 0 auto;
    font-size: 20px;
  }
}

@media only screen and (max-width: 738px) {
  #w_photography {
    padding: 50px 5% 70px;
  }

  #w_photography h3 {
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 1.8;
  }

  /* --- .conceptArea --- */
  #w_photography .descriptionArea {
    margin: 20px auto 0;
    padding: 0 2.5%;
    text-align: left;
  }

  #w_photography .descriptionArea p {
    font-size: 13px;
    line-height: 2;
    letter-spacing: 1px;
    margin-top: 1em;
  }

  #w_photography .descriptionArea p br {
    display: none;
  }
}

@media only screen and (max-width: 414px) {
  #w_photography {
    padding: 40px 5% 60px;
  }

  #w_photography h3 {
    font-size: 15px;
    letter-spacing: 2px;
    line-height: 1.8;
    text-align: center;
  }

  #w_photography .descriptionArea p {
    font-size: 12px;
  }
}

/* --- .iconIllustArea --- */
.iconIllustArea {
  position: absolute;
  width: 90px;
  height: 90px;
  top: -45px;
  left: 50%;
  margin: 0 0 0 -45px;
  padding: 5px;
  background: #fefefe;
  z-index: 3;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

.iconIllustArea img {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

.iconIllustArea:after {
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  content: "";
  border: #fefefe 1px solid;
  z-index: -1;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

@media only screen and (max-width: 800px) {
  .iconIllustArea {
    width: 80px;
    height: 80px;
    top: -40px;
    margin: 0 0 0 -40px;
  }
}

@media only screen and (max-width: 738px) {
  .iconIllustArea {
    width: 60px;
    height: 60px;
    top: -30px;
    margin: 0 0 0 -30px;
  }
}

/* --- .illustArea --- */
.illustArea {
  margin: 45px auto 0;
  max-width: 600px;
  height: auto;
}

@media only screen and (max-width: 800px) {
  .illustArea {
    margin: 40px auto 0;
  }
}

@media only screen and (max-width: 738px) {
  .illustArea {
    margin: 35px auto 0;
  }
}

@media only screen and (max-width: 414px) {
  .illustArea {
    margin: 30px auto 0;
  }
}



/* --- .txtNoticeArea --- */
#w_photography .txtNoticeArea {
  margin: 50px 0 0;
  position: relative;
  z-index: 2;
}

#w_photography .txtNoticeArea:before {
  position: absolute;
  top: 7px;
  left: 0;
  bottom: 7px;
  right: 0;
  content: "";
  border: #ddd 1px solid;
  background: #fefefe;
  z-index: -2;
}

/* --- .inner --- */
#w_photography .txtNoticeArea .inner {
  padding: 70px 5%;
}

/* .imgArea */
#w_photography .txtNoticeArea .imgArea {
  float: left;
  width: 45%;
  width: 40%;
  padding: 40px;
  position: relative;
  z-index: 1;
}

#w_photography .txtNoticeArea .imgArea:before {
  position: absolute;
  top: 0;
  right: 10px;
  left: 10px;
  bottom: 0;
  content: "";
  border-top: #ddd 1px solid;
  border-bottom: #ddd 1px solid;
  z-index: 2;
}

#w_photography .txtNoticeArea .imgArea:after {
  position: absolute;
  top: 10px;
  right: 0;
  left: 0;
  bottom: 10px;
  content: "";
  border-right: #ddd 1px solid;
  border-left: #ddd 1px solid;
  z-index: 2;
}

/* .txtArea */
#w_photography .txtNoticeArea .txtArea {
  float: right;
  width: 50%;
  width: 55%;
  text-align: left;
}

#w_photography .txtNoticeArea .txtArea .txtBox {
  margin: 0 auto;
  /*max-width:450px;*/
}

#w_photography .txtNoticeArea .txtArea h4 {
  font-size: 16px;
  font-family: 'Playfair Display', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 1.2;
  text-align: center;
  margin: 5px 0 25px;
  padding-bottom: 25px;
  position: relative;
  z-index: 2;
}

#w_photography .txtNoticeArea .txtArea h4 b {
  display: block;
  font-size: 35px;
  font-weight: 400;
}

#w_photography .txtNoticeArea .txtArea h4 span {
  display: block;
  margin-top: 10px;
  font-size: 15px;
}

#w_photography .txtNoticeArea .txtArea h4:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 50px;
  height: 0;
  margin-left: -25px;
  content: "";
  border-top: #ddd double;
  z-index: -1;
}

#w_photography .txtNoticeArea .txtArea p {
  margin-top: 1em;
}

#w_photography .txtNoticeArea .txtArea p:first-child {
  margin-top: 0;
}

@media only screen and (max-width: 1024px) {
  #w_photography .txtNoticeArea {
    padding: 30px 0;
  }
}

@media only screen and (max-width: 800px) {
  #w_photography .txtNoticeArea .inner {
    padding: 50px 5%;
  }

  #w_photography .txtNoticeArea .imgArea {
    width: 40%;
    padding: 15px;
  }

  #w_photography .txtNoticeArea .txtArea {
    width: 55%;
  }

  #w_photography .txtNoticeArea .txtArea h4 {
    font-size: 16px;
    margin: 0 0 20px;
    padding-bottom: 20px;
  }

  #w_photography .txtNoticeArea .txtArea h4 b {
    font-size: 30px;
  }

  #w_photography .txtNoticeArea .txtArea h4 span {
    font-size: 14px
  }
}

@media only screen and (max-width: 738px) {
  #w_photography .txtNoticeArea .inner {
    padding: 40px 7.5%;
  }

  #w_photography .txtNoticeArea .imgArea {
    float: none;
    width: 65%;
    margin: 0 auto;
    padding: 10px;
  }

  #w_photography .txtNoticeArea .txtArea {
    float: none;
    width: 100%;
    margin-top: 30px;
  }

  #w_photography .txtNoticeArea .txtArea .txtBox {}

  #w_photography .txtNoticeArea .txtArea h4 {
    font-size: 14px;
  }

  #w_photography .txtNoticeArea .txtArea h4 b {
    font-size: 25px;
  }

  #w_photography .txtNoticeArea .txtArea h4 span {
    font-size: 13px
  }
}



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

   #w_photography_plan

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

#w_photography_plan {
  padding: 90px 5%;
  position: relative;
  z-index: 1;
  border-top: #a3d9e0 1px solid;
  background: url(../images/noise.png) repeat #fefefe;
}

#w_photography_plan:before {
  position: absolute;
  top: -1px;
  left: 5%;
  right: 5%;
  height: 0;
  content: "";
  border-top: #ededed 1px solid;
  z-index: 2;
}

/* --- .planArea --- */
#w_photography_plan .planArea {
  margin: -60px -1.5% 0;
  font-size: 0;
  text-align: left;
}

/* .photographyBox */
#w_photography_plan .planBox {
  display: inline-block;
  margin: 80px 1.5% 0;
  width: 47%;
  position: relative;
  z-index: 2;
  background: #fefefe;
}

#w_photography_plan .planBox:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  border: #ededed 1px solid;
  z-index: -1;
}

/* .inner */
#w_photography_plan .planBox .inner {
  padding: 35px 5% 50px;
  text-align: center;
}

/* .imgArea */
#w_photography_plan .planBox .imgArea {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

/* h5 */
#w_photography_plan .planBox h5 {
  display: block;
  width: 50px;
  height: 50px;
  margin: -25px auto 0;
  background: #fefefe;
  font-size: 14px;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: 1px;
  position: relative;
  z-index: 3;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

#w_photography_plan .planBox h5:after {
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  content: "";
  border: #fefefe 1px solid;
  z-index: -1;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

/* .txtArea */
#w_photography_plan .planBox .txtArea {
  padding: 0 2.5%;
}

/* h3 */
#w_photography_plan .planBox h3 {
  font-size: 13px;
  font-family: 'Catamaran', sans-serif;
  font-weight: 500;
  letter-spacing: 2.5px;
  line-height: 1.8;
  position: relative;
  z-index: 4;
}

/* h4 */
#w_photography_plan .planBox h4 {
  font-size: 20px;
  font-family: 'Playfair Display', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
  font-weight: 500;
  letter-spacing: 2.5px;
  line-height: 2;
  margin-bottom: 5px;
}

/* p.price */
#w_photography_plan .planBox .txtArea p.price {
  color: #ff878d;
  font-size: 20px;
  font-family: 'Open Sans', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 400;
}

#w_photography_plan .planBox .txtArea p.price span.yen {
  margin-right: 3px;
  font-size: 0.85em;
  vertical-align: 0;
  font-weight: 500;
}

#w_photography_plan .planBox .txtArea p.price span.tax {
  font-size: 0.7em;
  vertical-align: 0;
  font-weight: 500;
}

/* .linkArea */
#w_photography_plan .planBox .linkArea {
  margin-top: 20px;
}


@media only screen and (max-width: 1024px) {
  #w_photography_plan .planBox h4 {
    font-size: 18px;
  }

  #w_photography_plan .planBox .linkArea a {
    width: 180px;
  }
}

@media only screen and (max-width: 800px) {
  #w_photography_plan {
    padding: 80px 5%;
  }

  #w_photography_plan .planArea {
    margin: -40px -1.5% 0;
  }

  #w_photography_plan .planBox {
    display: inline-block;
    margin: 60px 1.5% 0;
    width: 97%;
  }
}

@media only screen and (max-width: 738px) {
  #w_photography_plan {
    padding: 70px 5%;
    background: url(../images/noise2.png) repeat #fefefe;
  }

  #w_photography_plan .planArea {
    margin: -40px -1.5% 0;
  }

  #w_photography_plan .planBox {
    margin: 50px 1.5% 0;
  }

  #w_photography_plan .planBox .inner {
    padding: 30px 5% 45px;
  }

  #w_photography_plan .planBox .linkArea {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 500px) {
  #w_photography_plan {
    padding: 60px 5%;
  }

  #w_photography_plan .planArea {
    margin: -40px -1.5% 0;
  }

  #w_photography_plan .planBox {
    margin: 40px 1.5% 0;
  }

  #w_photography_type .planBox .inner {
    padding: 20px 5% 20px;
    padding: 0;
    text-align: center;
    /* height: 350px; */
  }

}


.kimonoSlider {
  margin: 0;
  padding: 0;
}

.laquoh_en {
  /* font-family: "Century Gothic",'Abel', sans-serif; */
}


/* ================================================================================================
   
   .linkArea 

   ================================================================================================ */

.linkArea a {
  text-align: left;
  margin-top: 40px;
  color: #fff;
}

/* ----- a.btn ----- */
a.btn {
  display: block;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-align: center;
  font-size: 15px;
  line-height: 2.5;
  font-weight: 500;
  font-style: normal;
  letter-spacing: .1em;
  position: relative;
}

a.btn:after {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  display: block;
  /*font-size: 12px;*/
  font-family: 'themify';
  content: "\e649";
  font-weight: normal;
  line-height: 3.5;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0;
}

a.btn:hover:after {
  right: 10px;
  left: auto;
  opacity: 1;
}

a.btn:hover {
  padding-right: 15px;
}

/* .btnBlackL */
.btnBlackL {
  width: 225px;
  line-height: 70px;
  color: #f0f0f0;
  background: #111;
}

.btnBlackL:after {
  font-size: 12px;
  line-height: 70px;
}

/* .btnBlackS */
.btnBlackS {
  width: 200px;
  line-height: 55px;
  color: #f0f0f0;
  background: #111;
  border: #111 2px solid;
}

.btnBlackS:after {
  font-size: 10px;
  line-height: 55px;
}

/* .btnWhiteL */
.btnWhiteS {
  width: 200px;
  line-height: 55px;
  border: #111 2px solid;
  color: #111;
  background: #fefefe;
}

.btnWhiteS:after {
  font-size: 10px;
  line-height: 55px;
}

/* ----- a.btn-white-small ----- */
a.linkBtn {
  color: #222;
  font-size: 13px;
  letter-spacing: .1em;
  line-height: 2.4;
  font-weight: normal;
  border-bottom: #111 1px dotted;
  position: relative;
  margin: 0 5px 0 0;
}

a.linkBtn:before {
  font-size: 12px;
  font-family: 'themify';
  content: "\e6a3";
  font-weight: normal;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding-right: 5px;
}

a.linkBtn:hover {
  color: #fefefe;
  background: #111;
  border-bottom: #111 1px solid;
}

@media screen and (max-width: 768px) {
  .linkArea {
    text-align: center;
  }

  /* a.btn */
  a.btn:after {
    right: 10px;
    opacity: 1;
  }

  a.btn:hover {
    padding-right: 0;
  }

  .btnBlackL:after {
    font-size: 10px;
  }
}

@media screen and (max-width: 414px) {
  .linkArea {
    margin-top: 30px;
  }
}



.pickup {
  padding: 30px 40px;
  background-color: #eee;
  position: relative;
}

.pickup.mt {
  margin-top: 30px;
}

.pickup .img_pickup {
  width: 100px;
  margin-left: -50px;
  margin-bottom: 20px;
}

.pickup .title {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 1.5;
  display: flex;
  align-items: center;
}

.pickup .title:before {
  font-family: 'FontAwesome';
  content: "\f097";
  padding-right: 5px;
  color: #6b0948;
  font-size: 1.2em;
}





.pickup .title span {
  font-size: 0.8rem;
  font-size: 1.2rem;
  display: block;
  margin-left: 10px;
}

@media screen and (max-width: 1024px) {
  .pickup .title {
    /* flex-direction: column; */
  }
}


.pickup .title .underline {
  font-weight: bold;
}

.pickup .title .underline::before {
  height: 10px;
}

.pickup .txt {
  background: #fff;
  padding: 25px;
  border-radius: 0.5em;
  margin-top: 1em;
  margin-bottom: 1em;
}

.pickup .name {
  font-size: 18px;
  line-height: 2;
  margin-bottom: 20px;
  font-weight: 600;
}


.pickup .cap {
  font-size: 16px;
  line-height: 2;
  margin-bottom: 0;
  padding: 0 20px;
  /* font-weight: 600; */
}

.pickup .phone_num,
.pickup .fax_num {
  font-size: 40px;
  /* line-height: 2; */
  padding: 10px 20px 0;
  /* border: 1px solid #ddd; */
  /* border-radius: 500px; */
  margin-bottom: 20px;
  /* display: block; */
}

.pickup .phone_num:before {
  content: "\f095";
  padding-right: 5px;
  font-family: 'Font Awesome 6 pro';
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding-right: 5px;
  font-size: 0.8em;
}

.pickup .fax_num:before {
  font-family: 'FontAwesome';
  content: "\f1ac";
  padding-right: 5px;
  color: #666666;
  font-size: 0.7em;
  line-height: 1;
}




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

  .pickup .phone_num,
  .pickup .fax_num {
    font-size: 28px;
  }

  .pickup .phone_num:before,
  .pickup .fax_num:before {
    font-size: 0.8em;
  }

  .pickup {
    padding: 30px 15px;
  }

  .pickup .txt {
    padding: 15px;
  }

  .pickup .cap {
    padding: 0 10px;
  }

}


.pickup .title {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 20px;
  line-height: 1;
  display: flex;
  align-items: center;
}

.pickup .title:before {
  font-family: 'Font Awesome 6 pro';
  content: "\f02e";
  padding-right: 5px;
  color: #570202;
  font-size: 1.1em;
}




.ifsp {
  display: none
}

@media screen and (max-width: 500px) {
  .ifsp {
    display: block
  }
}