/*
Theme Name: ambientkyoto 2022
Version: 1.0.0
*/

*,:after,:before{box-sizing:border-box}html{line-sizing:normal}body{margin:0}[hidden]{display:none}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.17rem}h4{font-size:1rem}h5{font-size:.83rem}h6{font-size:.67rem}h1{margin:.67em 0}pre{white-space:pre-wrap}hr{border-style:solid;border-width:1px 0 0;color:inherit;height:0;overflow:visible}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle;max-width:100%}audio:not([controls]){display:none}picture{display:contents}source{display:none}canvas,img,svg,video{height:auto}audio{width:100%}img{border-style:none}svg{overflow:hidden}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
html {
    font-size: 10px;
	height:auto;
    min-height: 100%;
    background: #000;
	  height: -webkit-fill-available;
}
html h1,
html h2,
html h3,
html p,
html a,
html img {
  opacity: 0;
  transition: opacity .5s ease;
}

html.loading-delay h1,
html.loading-delay h2,
html.loading-delay h3,
html.loading-delay p,
html.loading-delay a,
html.loading-delay img,
html.wf-active h1,
html.wf-active h2,
html.wf-active h3,
html.wf-active p,
html.wf-active a,
html.wf-active img {
opacity: 1;
}
html .blur,
html .blur:after {
	opacity:0;
	visibility:hidden;
	display:none;
}
html.wf-active .blur,
html.wf-active .blur:after{
opacity: 1;
	visibility:visible;
	display:block;
}

*:focus {
  outline: none;
}
ol, ul, li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.bnr-position{
    position: fixed;
    bottom: 80px;
    right: 40px;
    width:280px;
    height: auto;
	z-index:10;
}
.bnr-wrap{
	position:relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
	width:100%;
	height:auto;
	border:2px solid #222;
	background: #f3f2ed;
}
.bnr-title{
    display: inline-block;
    font-size: 13px;
    letter-spacing: 0em;
    font-weight: 700;
    color: #fff;
    background: #222;
    width: 100%;
    padding: 10px 5px;
	text-align: center;
	line-height:1;
}
.bnr-text{
display: inline-block;
    font-size: 13px;
    letter-spacing: 0;
    font-weight: 400;
    color: #222;
    padding: 20px;
    text-align: left;
	line-height: 1.6;
}
.bnr-box{
    position: relative;
    width: 100%;
    height: auto;
}
.bnr-link{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
	line-height:0;
}
.bnr-img{
    width: 100%;
    height: auto;
}

.pll-switcher {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.lang-item {
    display: inline-block;
    font-size: 13px;
    letter-spacing: .2em;
    font-weight: 400;
    color: #bfb197;
}
.lang-item-first:after {
	content:'/';
	padding: 0 8px;
}
.lang-item a {
    font-size: 13px;
    letter-spacing: .2em;
    font-weight: 400;
    color: #bfb197;
	transition:all .3s ease;
}
.lang-item a:hover {
	opacity:.6;
}

body {
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    position: relative;
    background: #000;
    color: #21201e;

    font-family: superclarendon, 'Noto Sans JP',"游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    font-size: 1.4rem;
    line-height: 1.86;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: 'palt' 1;
    font-feature-settings: 'palt' 1;
    text-rendering: optimizeLegibility;
    scroll-behavior: smooth;
    min-height: 780px;
    min-width: 960px;
	height:100%;
}
h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    text-decoration: none;
    list-style-type: none;
        font-family: 'Noto Sans JP',"游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
.sp-nav-list,
.lang-p,
.nav-p-link,
.title-h1,
.eno-p-link,
.tickets-btn,
.single-logo,
.single-h1,
.sp-nav-title,
.sp-nav-link,
.tickets-h2,
.faq-cat,
.copyright-p {
    font-family: superclarendon, 'Noto Sans JP',"游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;

}
.article-wrap p,
.single-p {
    font-family: 'Noto Sans JP',"游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
a {
    color: inherit;
    text-decoration: none;
    background-color: transparent;
}
img {
    max-width: 100%;
    height: auto;
}
img[src$=".svg"] {
    width: 100%;
    height: auto;
}

.movie_wrap {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.movie_wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#wrapper {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
	min-height: 100vh;
height:auto;
	transition:all .3s ease;
}

.main {
    position: relative;
    width: 100%;
    max-width: 100%;
	min-height: 100vh;
height:auto;
	transition:all .3s ease;
}
.top-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
	min-height:100%;
    background: url(assets/img/kv_bg.jpg) no-repeat center center;
  background-size: cover;
	transition:all .3s ease;
}

.single-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
	min-height:100%;
    background: url(assets/img/kv_bg.jpg) no-repeat center center;
  background-size: cover;
background: linear-gradient(135deg, #e8e5de 20%,#f3f2ed 80%, #e2ded6)!important;
	transition:all .3s ease;
}

.kv-h2-wrap {
	position: absolute;
  width: 100%;
  height: auto;
 bottom: -16%;
  left: 0;
  text-align: center;
  z-index: 20;
  transition: all 0.4s ease;
}
.kv-h2 {
width: auto;
  text-align: center;
font-size: 23px;
  padding: 0;
  font-weight: 900;
  line-height: 1.4;
	letter-spacing: 0.1em;
	color:#2a2825;
}
.kv-date {
font-size: 27px;
font-family: superclarendon, a-otf-ryumin-pr6n,"游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
.kv-small {
font-size: 16px;
}  

.single-header-wrap {
position: fixed;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  text-align: center;
  z-index: 50;
  padding: 30px 0;
  transition: all 0.4s ease;
}

.single-header-wrap.is-animation {
  background: #21201e;
}

.single-logo-link {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
}
.single-logo {
  font-size: 18px;
  letter-spacing: .2em;
  line-height: 1;
  color: #bfb197;
}

.nav-wrapper {
  position: fixed;
  width: 40px;
  height: 40px;
  top: 20px;
  left: 30px;
  z-index: 100;
}

.nav-wrapper.pc-top {
  display: none;
}

.hamburger {
  position: relative;
  width: 40px;
  height: 40px;
  cursor: pointer;
  z-index: 200;
  padding: 15px 0;
}

.hamburger__line {
  position: absolute;
  width: 40px;
  height: 1px;
  right: 0;
  background-color: #bfb197;
  transition: all 0.4s ease;
}

.hamburger__line--1 {
  top: 15px;
}

.hamburger__line--3 {
  top: 25px;
}

.open .hamburger__line--1 {
  transform: rotate(-45deg);
  top: 20px;
  background-color: #bfb197;
}

.open .hamburger__line--3 {
  transform: rotate(45deg);
  top: 20px;
  background-color: #bfb197;
}

.sp-nav {
  position: fixed;
  left: -110%;
  top: 0;
  width: 375px;
  height: 100vh;
  background-color: #21201e;
  transition: all 0.4s ease-out;
  z-index: 100;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  padding: 60px 0;
  display: flex;
  flex-direction: column;
    flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: center;
}
.sp-nav.pc-top {
  display: none;
}
.open .sp-nav {
  left: 0;
  opacity: 1;
  visibility: visible;
}

.black-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 5;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  z-index: 20;
  transition: all .5s ease;
}

.open .black-bg {
  opacity: 0.9;
  visibility: visible;
}

.sp-nav-ul {
    position: relative;
    width: 100%;
    padding: 40px 40px 0;
}
.sp-nav-ul.nav_sns {
  padding: 40px 24px 0;
}
.sp-nav-ul.login {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.sp-nav-title {
  width: 100%;
  height: auto;
  color: #bfb197;
  font-size: 20px;
  line-height: 1.6;
  text-align: left;
  font-weight: 600;
  margin: 0 auto 20px;
  padding: 0;
  letter-spacing: .15em;
}
.sp-nav-list {
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0 auto 15px;
  color: #bfb197;
}
.sp-nav-link {
    position: relative;
    display: inline-block;
  width: auto;
  height: auto;
  color: #bfb197;
  font-size: 16px;
  line-height: 1;
  text-align: left;
  margin: 0 auto;
  padding: 10px 0 10px;
  transition: all .3s ease;
  letter-spacing: .15em;
}
.sp-nav-link.child {
  width: 100%;
  font-size: 12px;
  line-height: 1;
  padding: 3px 0;
}
.sp-nav-link:hover {
    color: #fff;
}

.ticket-wrap {
    margin: 0 auto 0;
    width: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: fixed;
    top: 20px;
    text-align: center;
    z-index: 50;
    right: 20px;
}

.tickets-btn {
display: inline-block;
    text-decoration: none;
    color: #fff;
    width: 140px;
    height: auto;
    line-height: 1;
    padding: 14px 0;
    text-align: center;
    background-image: -webkit-linear-gradient(-45deg, #e7a840, #c0498d, #e6a73d);
  background-image: linear-gradient(-45deg, #e7a840, #c0498d, #e6a73d);
  background-size: 400%;
    position: relative;
    z-index: 100;
    font-size: 12px;
    letter-spacing: .15em;
  -webkit-animation: glow 12s linear infinite;
          animation: glow 12s linear infinite;
          z-index: 1;
          transition: all .6s ease;
}

.tickets-btn:hover {
  box-shadow: 0px 0px 50px rgb(219 219 219 / 80%);
  -webkit-animation: glow 8s linear infinite;
          animation: glow 8s linear infinite;
}

@-webkit-keyframes glow {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 400%;
  }
}

@keyframes glow {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 400%;
  }
}

.tab_area{
  overflow: hidden;
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.tab_area li{

width:25%;
height:auto;
text-align:center;
cursor: pointer;
vertical-align:middle;
padding: 25px 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .15em;
  color: #fff;
  transition: all .5s ease;
}

.all_area {
position: relative;
width: 100%;
height: auto;
overflow: hidden;
}

.all_area div.content_area{
width: 100%;
padding:60px 0;
border-top: 1px solid #222;
}

.tab_area li.select,
.tab_area li:hover {
background: #fff;
color: #000;
}

.hide{display:none;}

.section-single {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 150px 100px;
  transition: all .5s ease;

}
.section-single-inner {
    position: relative;
    width: 100%;
    height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  text-align: center;
    transition: all .6s ease;
}
.section-about {
    position: relative;
    width: 100%;
    max-width: 800px;
    height: 100%;
    max-height: 100%;
    transition: all .6s ease;
}


.section {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    margin: 0 auto;
    transition: all .6s ease;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.section-outer {
position: absolute;
  top: 120px;
  height: auto;
  width: auto;
  left: 0px;
  bottom: 120px;
  right: 0px;

}

.section-inner {
    position: relative;
    width: 100%;
    height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  text-align: center;
    transition: all .6s ease;
}
.about-wrap {
position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: flex-start;
  text-align: center;
  overflow: hidden;
  transition: all .6s ease;
  margin-bottom: 40px;
}

.article-wrap {
  position: relative;
  width: 100%;
  height: auto;
	margin:0 auto;
}

.col-wrap {
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 60px;
}
.col-wrap.flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: flex-start;
}
.about-imgbox {
  width: 30%;
}
.col-flex {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: flex-start;
}
.col-flex.center {
width: 100%;
  height: auto;
  justify-content: center;
  /* background: url(assets/img/77.2.jpg) repeat center center; */
  background-size: contain;
  margin-bottom: 60px;
}
.col-flex.border {
  border: 1px solid #222;
  padding: 30px 30px 10px;
}
.about-kv-box {
  width: 400px;
  max-width: 100%;
}
.sub-title-h2 {
  width: 100%;
  text-align: left;
  font-size: 26px;
  padding: 0;
  margin-bottom: 40px;
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: .03em;
}
.sub-title-h3 {
  width: 100%;
  text-align: left;
  font-size: 16px;
  padding: 0;
  margin-bottom: 40px;
  font-weight: 900;
  line-height: 1.8;
  letter-spacing: .1em;
}

.col-title-h2 {
  width: 100%;
  text-align: left;
  font-size: 28px;
  padding: 0;
  margin-bottom: 40px;
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: .15em;
}
.col-title-h2.japanese {
  letter-spacing: .05em;

}
.col-title-h2.english,
.col-title-h3.english {
    font-family: superclarendon, a-otf-ryumin-pr6n,"游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
.col-title-span {
  display: block;
  font-size: 16px;
  line-height: 2;
  letter-spacing: .1em;
}
.col-title-h3 {
  width: 100%;
  text-align: left;
  font-size: 20px;
  padding: 0;
  margin-bottom: 20px;
  font-weight: 900;
  line-height: 1.6;
  letter-spacing: .05em;
}

.col-box {
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 60px;
}
.col-box.flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: flex-start;
}
.col-metabox {
  width: 60%;

}
.col-imgbox {
  width: 35%;
}

.col-quote-p {
  width: 100%;
  text-align: center;
  font-style: italic;
  font-size: 15px;
  padding: 0;
  margin-bottom: 20px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: .1em;
}

.col-text-p {
  width: 100%;
  text-align: left;
  font-size: 13px;
  padding: 0;
  margin-bottom: 30px;
  line-height: 1.8;
  letter-spacing: .05em;
}
.col-text-p.notice-p {
  font-size: 12px;
}

.ss-box{
position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: flex-start;
  text-align: center;
  overflow: hidden;
  padding: 30px 0;
}
.ss-inbox{
position: relative;
  width: 60%;
  height: auto;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: flex-start;
  text-align: center;
  overflow: hidden;
  border: 1px solid #222;
  margin: 0 auto;
}
.ss-title{
  border: 1px solid #222;
  background: #222;
  color: #bfb197;
  width: 100%;
  line-height: 1;
  font-size: 13px;
  font-weight: 700;
  padding: 5px;
  text-align: center;
}
.ss-text{
color: #222;
  width: 100%;
  line-height: 1.8;
  font-size: 13px;
  font-weight: 700;
  padding: 15px;
  text-align: center;
}
.ss-point{
color: #222;
  width: 100%;
  line-height: 1;
  font-size: 36px;
  font-weight: 400;
  padding: 5px 0;
  text-align: center;
  transform: rotate(90deg);
  height: auto;
  pointer-events: none;
}
.ss-answer{
color: #222;
  width: 100%;
  line-height: 1;
  font-size: 20px;
  font-weight: 700;
  padding: 5px;
  text-align: center;
}


.comment-wrap {
position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: flex-start;
  text-align: center;
  overflow: hidden;
  transition: all .6s ease;
  margin: 0 auto 60px;
}
.comment-box {
  width: 46%;
  text-align: left;
  margin-bottom: 30px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: flex-start;
}
.comment-h3 {
  width: 100%;
  text-align: left;
  font-size: 18px;
  padding: 0;
  margin-bottom: 10px;
  font-weight: 900;
  line-height: 1.6;
  letter-spacing: .02em;
  border-top: 1px solid #222;
  padding-top: 20px;
}
.comment-h4 {
  width: 100%;
  text-align: left;
  font-size: 12px;
  padding: 0;
  margin-bottom: 15px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: .02em;
}
.comment-p,
.article-wrap p.comment-p {
  position: relative;
  width: 100%;
  text-align: left;
  font-size: 14px;
  padding: 40px 0;
  margin-bottom: 0px;
  line-height: 1.75;
  letter-spacing: 0;
  font-weight: 400;
}
.article-wrap p.comment-p:before{
  position: absolute;
    top: 10px;
    left: -5px;

  font-family: 'superclarendon';
  font-size: 40px;
  line-height: 1;
  width: auto;
  height: auto;
  text-align: left;
  font-weight: 300;
}

.article-wrap p.comment-p:after{
  position: absolute;
  bottom: -10px;
  right: 5px;

  font-family: 'superclarendon';
  font-size: 40px;
  line-height: 1;
  width: auto;
  height: auto;
  text-align: right;
  font-weight: 300;
}
.comment-p.flex {
  width: 72%;
}
.comment-img {
  width: 22%;
}

.eno-title-h2 {
    width: auto;
    text-align: left;
    font-style: italic;
    font-size: 28px;
    padding: 0;
    margin: 60px 0 0px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .2em;
}
.eno-title-h3 {
  width: 100%;
  display: inline-block;
  text-align: right;
  font-style: italic;
  font-size: 18px;
  padding: 0;
  margin-bottom: 30px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: .2em;
}


.article-wrap p.sigle-photocredit {
  width: 100%;
  text-align: right;
  font-size: 12px;
  padding: 10px 0 10px;
  letter-spacing: .01em;
  font-style: italic;
  line-height: 1;
	margin:0 auto;
}
.single-h1 {
  width: 100%;
  text-align: left;
  font-size: 40px;
  padding: 0;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .15em;
  margin-bottom: 80px;
}
.single-h2{
  width: 100%;
  text-align: left;
  font-size: 24px;
  padding: 30px 0 30px;
  font-weight: 900;
  line-height: 1.6;
  letter-spacing: .02em;
}
.single-h2.col-2 {
  padding-top: 0;
}
.article-wrap p,
.single-p {
  width: 100%;
  text-align: left;
  font-size: 15px;
  padding: 0px 0 0px;
  line-height: 1.8;
  letter-spacing: .02em;
  margin-bottom: 30px;
}
.article-wrap p.small,
.single-p.small {
  font-size: 12px;
}


.shop-wrap {
position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: flex-start;
  text-align: center;
  overflow: hidden;
  transition: all .6s ease;
  margin-bottom: 40px;
}
.shop-box {
  width: 30%;
  text-align: left;
  margin-bottom: 30px;
}
.shop-thumb {
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}
.shop-h3 {
  width: 100%;
  text-align: left;
  font-size: 15px;
  padding: 0px 0 10px;
  font-weight: 700;
  line-height: 1.4;
}
.shop-p {
  width: 100%;
  text-align: left;
  font-size: 12px;
  padding: 0;
  font-weight: 600;
  line-height: 2;
  margin-bottom: 20px;
}

.news-wrap {
position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: flex-start;
  text-align: center;
  overflow: hidden;
  transition: all .6s ease;
  margin-bottom: 40px;
}
.news-box {
  position: relative;
  width: 100%;
  text-align: left;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 40px;
  transition: all .3s ease;
}
.news-box:hover {
  filter: brightness(1.1);
}
.news-titlebox {
position: relative;
  width: 76%;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 0 15px;
}
.news-cat {
  width: 100%;
  text-align: left;
  font-size: 14px;
  padding: 0;
  font-weight: 600;
  letter-spacing: .1em;
  line-height: 1;
}
.news-title {
  width: 100%;
  text-align: left;
  font-size: 16px;
  padding: 0;
  font-weight: 900;
  letter-spacing: .05em;
  margin: 20px auto 20px;
  line-height: 1.6;
}
.news-title a {
	transition: all .3s ease;
}
.news-title a:hover {
	opacity:.7;
}
.news-date {
  width: 100%;
  text-align: right;
  font-size: 12px;
  padding: 0;
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 1;
}
.news-imgbox {
  position: relative;
  width: 20%;
  height: auto;
}
.news-img {
  position: relative;
  width: 100%;
  text-align: left;
  font-size: 12px;
  padding: 0;
}

.map-wrap {
position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: flex-start;
  text-align: center;
  overflow: hidden;
  transition: all .6s ease;
  margin-bottom: 40px;
}

.map-box {
  position: relative;
  width: 47%;
}
.map-box.image {
  width: 32%;
}

.map-img {
  width: auto;
  max-width: 100%;
  margin: :0 auto;
}
.map-btn {
  display: inline-block;
  text-decoration: none;
  color: #bfb197;
  width: 80%;
  height: auto;
  line-height: 1;
  text-align: center;
  background-size: 400%;
  position: relative;
  z-index: 20;
  font-size: 13px;
  letter-spacing: .1em;
  z-index: 1;
  transition: all .3s ease;
  background: rgb(33, 32, 30);
  margin-top: 30px;
  border: 1px solid rgb(33, 32, 30);
  padding: 15px;
}
.map-btn.about {
  width: 100%;
}
.map-btn:hover {
  background: none;
  color: rgb(33, 32, 30);
}

.tickets-wrap {
  position: relative;
  width: 100%;
  height: 60vh;
  min-height: 240px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
  margin-bottom: 40px;
  min-height: 500px;
  align-items: stretch;
}
.tickets-h2 {
  width: 100%;
  font-size: 24px;
  padding: 0;
  font-weight: 700;
  margin-bottom: 40px;
  letter-spacing: .2em;
}
.tickets-p {
  font-size: 16px;
  font-weight: 600;
  padding: 0;
}

.faq-wrap {
position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: flex-start;
  text-align: center;
  overflow: hidden;
  transition: all .6s ease;
  margin-bottom: 40px;
}
.faq-box {
position: relative;
  width: 100%;
  text-align: left;
  padding: 40px 0;
  border-top: 1px solid #222;
  margin-bottom: 0px;

}
.faq-q-box {
position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 0 0;
}
.faq-a-box {
position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: flex-start;

}
.article-wrap p.faq-cat {
  width: 6%;
  text-align: left;
  font-size: 20px;
  line-height: 1.2;
  padding: 0;
  font-weight: 700;
}
.article-wrap p.faq-title {
  width: 94%;
  text-align: left;
  font-size: 16px;
  padding: 0;
  line-height: 1.6;
  font-weight: 900;
  letter-spacing: .2em;
}
.article-wrap p.faq-answer {
  width: 94%;
  text-align: left;
  font-size: 15px;
  padding: 0;
  line-height: 1.6;
  letter-spacing: .1em;
}
.article-wrap p.faq-answer a:hover {
  text-decoration: underline;
}





















.grain-overlay {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://ambientkyoto.com/wp-content/themes/ambientkyoto/assets/img/grainy4.png);
  content: "";
  height: 300%;
  left: -50%;
  opacity: 0.2;
  position: fixed;
  top: -110%;
  width: 300%;
  z-index: 3;
  pointer-events: none;
}

@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
}

.lang-wrap{
  position:absolute;
  top:40px;
  left: 40px;
  width: auto;
  height: auto;
  z-index: 60;
}
.lang-box{
  position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align: center;

}
.lang-p{
  display: inline-block;
  font-size: 13px;
  letter-spacing: .2em;
  font-weight: 400;
  color: #bfb197;
}
.nav-wrap{
  position: absolute;
  top: 0;
  left: 40px;
  width: auto;
  height: 100%;
  z-index: 30;
  bottom: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: center;
  align-items: flex-start;
}
.nav-box{
  position: relative;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  text-align: center;
}
.nav-p{
  display: inline-block;
  font-size: 13px;
  letter-spacing: .2em;
  font-weight: 400;
  color: #21201e;
  padding: 5px 0px;
}
.nav-p-link {
  letter-spacing: .2em;
  font-weight: 400;
  color: #21201e;
  transition: all .2s ease;
}
.nav-p-link:hover {
  color: #bfb197;
}

.eno-wrap{
  position:absolute;
  bottom:30px;
  right: 40px;
  width: auto;
  height: auto;
  z-index: 50;
}
.eno-box{
  position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align: center;
}
.eno-p{
  display: inline-block;
  font-size: 15px;
  letter-spacing: .2em;
  font-weight: 400;
  color: #bfb197;
}
.eno-p-link {
  font-size: 13px;
  letter-spacing: .2em;
  font-weight: 400;
  color: #bfb197;
  transition: all .2s ease;
}
.eno-p-link:hover {
color: #21201e;  
}




.kv-wrap {
  position:absolute;
  top:0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
}

.kv-box {
  position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
}

.kv-img {
    position: relative;
    width: auto;
    height: auto;
    opacity: 1;
    pointer-events: none;
    transition: all .4s ease;
    z-index: 1;
    will-change: filter;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.kv-img img {
  max-width: 600px;
  max-height: 500px;
  width: auto;
  height: auto;
}

.section-1 {
    position: relative;
    width: 100%;
    min-height: 100vh;
    height: 100%;
    opacity: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all .4s ease;
    z-index: 1;
    will-change: filter;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.main-title-wrap {
    position: relative;
    width: 36%;
    height: auto;
    margin: 0 auto;
    text-align: center;
}


.lightbulb {
  margin-top:100px;
  position:relative;
  left:35%;
}

.lightbulb img {
  width:400px;
}

.light {
    margin: 0 auto;
    text-align: center;
    position: absolute;
    width: 100vw;
    height: 110vh;
    -webkit-animation-name: lighthouse;
    animation-name: lighthouse;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    z-index: 1;
    opacity: 0;
}

.light {
  position:absolute;
  top: -10%;
  background: radial-gradient(ellipse at center, rgba(27, 28, 21, 1) 0%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
  opacity: 0;
}
@keyframes lighthouse {
  from {
      opacity: 0.1;
    }
    50% {
      opacity: 0.7;
    }
    55% {
      opacity: 0.8;
    }
    60% {
      opacity: 0.99;
    }
    90% {
      opacity: 0.5;
    }
    95% {
      opacity: 0.3;
    }
    to {
      opacity: 0.1;
    }
}

@keyframes flicker {
  from {
      opacity: 0.5;
    }
    4% {
      opacity: 0.7;
    }
    8% {
      opacity: 0.45;
    }
    12% {
      opacity: 0.65;
    }
    16% {
      opacity: 0.30;
    }
    20% {
      opacity: 0.5;
    }
    24% {
      opacity: 0.6;
    }
    28% {
      opacity: 0.25;
    }
    32% {
      opacity: 0.30;
    }
    36% {
      opacity: 0.55;
    }
    40% {
      opacity: 0.4;
    }
    44% {
      opacity: 0.6;
    }
    48% {
      opacity: 0.35;
    }
    52% {
      opacity: 0.20;
    }
    56% {
      opacity: 0.70;
    }
    60% {
      opacity: 0.5;
    }
    64% {
      opacity: 0.65;
    }
    68% {
      opacity: .35;
    }
    72% {
      opacity: 0.5;
    }
    76% {
      opacity: 0.4;
    }
    80% {
      opacity: .65;
    }
    84% {
      opacity: 0.40;
    }
    88% {
      opacity: 0.35;
    }
    92% {
      opacity: 0.6;
    }
    96% {
      opacity: 0.3;
    }
    to {
      opacity: 0.5;
    }
}



.title-wrap {
    margin: 0 auto 0;
    padding: 0 30px;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: absolute;
    bottom: 360px;
    z-index: 20;
    mix-blend-mode: difference;
}

.title-box {
    position: absolute;
    width: auto;
    height: auto;
    z-index: 20;
    bottom: 6%;
}
.title-box.left {
  left: 2%;
  text-align:right;
  padding-right: 0;
}
.title-box.right {
  right: 1%;
  text-align:left;
  padding-left: 0%;
}
.title-h1 {
  display: inline-block;
  font-size: 24px;
  letter-spacing: .2em;
  font-weight: 400;
  color: #21201e;
}
.title-color {
  color: #bfb197;
}

.title-h1 {
  animation: blink 5s infinite;
  -webkit-animation: blink 5s infinite;
}

@-webkit-keyframes blink {
}

@keyframes blink {
  25% {
  text-shadow: 0 0 5px rgb(143 143 143 / 58%), 0 0 15px rgb(215 215 215 / 70%);

  }

  0%,
  5%,
  100% {
    text-shadow: none;
  }
}






.footer_sns {
    margin: 0 auto 0;
    padding: 0 20px;
    width: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    position: absolute;
    bottom: 30px;
    z-index: 30;
}
.footer_sns.nav_sns {
  position: relative;
  bottom: auto;
  padding: 0;
  justify-content: flex-start;
}
.footer_sns .sns_link {
    width: 30px;
    height: 30px;
    margin: 0 7px;
}

.footer_sns .sns_link a {
    color: #333;
    display: inline-block;
    padding: 6px;
    transition: all .4s ease;
    width: 30px;
    height: 30px;
}
.footer_sns .sns_link a:hover {
  opacity: .5;
}
.sns_copyright  {
    margin: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: absolute;
    bottom: 40px;
    text-align: center;
    z-index: 10;
    pointer-events: none;
    left: 0;
    right: 0;
}

.copyright-p {
  color: #222;
  font-size: 10px;
  line-height: 1;
  text-align: center;

}
svg {
    width: 100%;
    height: 100%;
    fill: inherit;
    overflow: hidden;
    vertical-align: middle;
}
.sns_icon {
    width: 20px;
    height: 20px;
    fill: #bfb197;
}
img[src$=".svg"].sns_icon {
    width: 100%;
    height: 100%;
    fill: #bfb197;
}
.footer_sns .sns_link a:hover {
    opacity: .6;
}

.mast__title {

}
.mast__title span {
  animation: letter-glow 12s 0s ease infinite;
}
.mast__title span:nth-child(1) {
  animation-delay: 0.05s;
}
.mast__title span:nth-child(2) {
  animation-delay: 0.1s;
}
.mast__title span:nth-child(3) {
  animation-delay: 0.15s;
}
.mast__title span:nth-child(4) {
  animation-delay: 0.2s;
}
.mast__title span:nth-child(5) {
  animation-delay: 0.25s;
}
.mast__title span:nth-child(6) {
  animation-delay: 0.3s;
}
.mast__title span:nth-child(7) {
  animation-delay: 0.35s;
}
.mast__title span:nth-child(8) {
  animation-delay: 0.4s;
}
.mast__title span:nth-child(9) {
  animation-delay: 0.45s;
}
.mast__title span:nth-child(10) {
  animation-delay: 0.5s;
}
.mast__title span:nth-child(11) {
  animation-delay: 0.55s;
}
.mast__title span:nth-child(12) {
  animation-delay: 0.6s;
}
.mast__title span:nth-child(13) {
  animation-delay: 0.65s;
}
.mast__title span:nth-child(14) {
  animation-delay: 0.7s;
}
.mast__title span:nth-child(15) {
  animation-delay: 0.75s;
}
.mast__title span:nth-child(16) {
  animation-delay: 0.8s;
}
.mast__title span:nth-child(17) {
  animation-delay: 0.85s;
}
.mast__title span:nth-child(18) {
  animation-delay: 0.9s;
}
.mast__title span:nth-child(19) {
  animation-delay: 0.95s;
}
.mast__title span:nth-child(20) {
  animation-delay: 1s;
}
.mast__title span:nth-child(21) {
  animation-delay: 1.05s;
}
.mast__title span:nth-child(22) {
  animation-delay: 1.1s;
}
.mast__title span:nth-child(23) {
  animation-delay: 1.15s;
}
.mast__title span:nth-child(24) {
  animation-delay: 1.2s;
}
.mast__title span:nth-child(25) {
  animation-delay: 1.25s;
}
.mast__text {

  white-space: pre;
}
.mast__text span {
  animation: letter-glow 12s 0s ease infinite;
}
.mast__text span:nth-child(1) {
  animation-delay: 0.5s;
}
.mast__text span:nth-child(2) {
  animation-delay: 0.55s;
}
.mast__text span:nth-child(3) {
  animation-delay: 0.60s;
}
.mast__text span:nth-child(4) {
  animation-delay: 0.65s;
}
.mast__text span:nth-child(5) {
  animation-delay: 0.70s;
}
.mast__text span:nth-child(6) {
  animation-delay: 0.75s;
}
.mast__text span:nth-child(7) {
  animation-delay: 0.80s;
}
.mast__text span:nth-child(8) {
  animation-delay: 0.85s;
}
.mast__text span:nth-child(9) {
  animation-delay: 0.90s;
}
.mast__text span:nth-child(10) {
  animation-delay: 0.95s;
}
.mast__text span:nth-child(11) {
  animation-delay: 1.00s;
}
.mast__text span:nth-child(12) {
  animation-delay: 1.05s;
}
.mast__text span:nth-child(13) {
  animation-delay: 1.10s;
}
.mast__text span:nth-child(14) {
  animation-delay: 1.15s;
}
.mast__text span:nth-child(15) {
  animation-delay: 0.75s;
}

@keyframes letter-glow{
  0%   { opacity: 0.4; text-shadow: 0px 0px 1px rgba(255,255,255,0.1)}
  66%  { opacity: 1; text-shadow: 0px 0px 30px rgba(255,255,255,0.6) }
  77%   { opacity: 1;  }
  100% { opacity:0.7; text-shadow: 0px 0px 20px rgba(255,255,255,0.0)}
}

.blur-anime {
  color: transparent;
  animation: blur-anime 10s linear infinite;
}
@keyframes blur-anime {
    0%  {text-shadow: 0 0 20px rgba(0,0,0,0);}
   33%  {text-shadow: 0 0 0 rgba(0,0,0,1);}
   66%  {text-shadow: 0 0 0 rgba(0,0,0,1);}
  100%  {text-shadow: 0 0 20px rgba(0,0,0,0);}
}

.blur {
    margin: 0 auto;
    text-align: center;
    position: absolute;
  width: 820px;
  height: 640px;
    position: absolute;
    top: 0;
    opacity: 1!important;
      mix-blend-mode: color-dodge;
      max-width: 100%;
      max-height: 100%;
}

.blur:after {
    position: absolute;
    content: "";
    top: -20%;
    left: 0;
    right: 0;
    z-index: -1;
    height: 100%;
    width: 80%;
    margin: 0 auto;
    transform: scale(1);
    -webkit-filter: blur(6vw);
    filter: blur(6vw);
    background: linear-gradient(0deg, #2a2828, #e3dcc9, #7e7b7b);
    background-size: 200% 200%;
    animation: animateGlow 5s ease infinite;
    background-image: linear-gradient(0deg, #2a2828, #e3dcc9, #7e7b7b);
}

@keyframes animateGlow {
  0% {
    background-position: 0% 50%;
    opacity: 0;
  }
  50% {
    background-position: 100% 50%;
    opacity: 1;
  }
  100% {
    background-position: 0% 50%;
    opacity: 0;
  }
}
@keyframes textColor {
  0% {
    color: #7e0fff;
  }
  50% {
    color: #0fffc1;
  }
  100% {
    color: #7e0fff;
  }
}








@media screen and (max-width: 1024px) {
.main-title-wrap {
  width: 74%;
}
.countdown {
  top: 8%;
}
.time {
  letter-spacing: 6px;
  font-size: 20px;
}
.time-num {
  min-width: 45px;
  margin: 0px 12px;
  padding-left: 6px;
}
.time-num.sec {
  width: 45px;
}
.footer_sns {
  bottom: 6%;
}

}

@media screen and (max-width: 768px) {
.kv-h2 {
  width: 100%;
  text-align: left;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: .06em;
  margin: 0px auto;
  padding: 20px 0 20px 20px;
color:#2a2825;
}
.kv-h2.access {
padding:0;
}
.kv-h2-wrap {
  bottom: -63%;
}
.kv-date {
  font-size: 20px;
}
.kv-small {
  font-size: 11px;
}
	.kv-pc {
		display:none;
	}

body {
  min-width: 100%;
}
.lang-wrap,
.eno-wrap,
.nav-wrap,
.footer_sns {
  display: none;
}
.lang-wrap.sp-lang {
		display:block;
	}
.footer_sns.nav_sns {
display: flex;
}
.section-single {
  padding: 80px 20px 0;
}
.single-logo {
  font-size: 10px;
  letter-spacing: .1em;
}
.nav-wrapper {
  top: 15px;
  left: 20px;
}
.nav-wrapper.pc-top {
  display: block;
}
.sp-nav {
  width: 100%;
}

.ticket-wrap {
  top: auto;
  bottom: 50px;
  right: 20px;
}
.tickets-btn {
  width: 100px;
  padding: 13px 0;
  font-size: 10px;
}

.single-h1 {
  font-size: 28px;
  line-height: 1.4;
  letter-spacing: .15em;
  margin-bottom: 30px;
}

.sub-title-h2 {
  font-size: 18px;
  margin-bottom: 30px;
  letter-spacing: .02em;
}

.col-title-h2 {
    font-size: 24px;
    margin-bottom: 30px;
    line-height: 1.4;
    letter-spacing: .15em;
}
.tab_area li {
  width: 50%;
  padding: 250px 0;
  font-size: 10px;
  line-height: 1.4;
  letter-spacing: .15em;
}

.blur {
  width: 70%;
  height: 45%;
}
.kv-img {
  text-align: center;
}
.section-1 {
}
.kv-img img {
max-width: 90%;
  max-height: 100%;
  width: auto;
  height: auto;
  text-align: center;
  margin: 0 auto;
}

.title-box.left {
  left: 20px;
  text-align: left;
  padding-right: 0;
  bottom: -30%;
  text-align: center;
}
.title-box.right {
  right: auto;
  text-align: left;
  padding-left: 0%;
  bottom: -42%;
  left: 20px;
  text-align: center;
}

.title-h1 {
  font-size: 6vw;
  letter-spacing: .1em;
}

.title-color {
  color: #21201e;
}

.col-flex.center {
    margin-bottom: 30px;
}

.sns_copyright {
  bottom: 20px;
}
.copyright-p {
  font-size: 8px;
}
.pc-br {
  display: none;
}

.col-wrap {
    margin-bottom: 20px;
}

.col-title-h2 {
    font-size: 24px;
    margin-bottom: 20px;
    letter-spacing: .1em;
}
.col-imgbox {
    width: 100%;
    margin-bottom: 20px;
}
.col-metabox {
    width: 100%;
}
.article-wrap p.sigle-photocredit {
    font-size: 9px;
    padding: 10px 0 5px;
}
.col-text-p {
    font-size: 13px;
    margin-bottom: 20px;
    line-height: 1.8;
    letter-spacing: 0;
}
.sub-title-h3 {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 1.8;
    letter-spacing: .05em;
}
.col-box {
    margin-bottom: 20px;
}
	.col-box.flex {
    margin-bottom: 0px;
	}
.col-title-h3 {
    font-size: 18px;
    margin-bottom: 30px;
    line-height: 1.6;
    letter-spacing: .05em;
}

.col-quote-p {
    font-size: 13px;
    margin-bottom: 15px;
    line-height: 1.6;
    letter-spacing: .05em;
}
.col-title-span {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: .05em;
    padding-top: 10px;
}
.ss-inbox {
    width: 100%;
}
.ss-text {
    line-height: 1.6;
}
.ss-answer {
    font-size: 18px;
    padding: 5px;
    margin-bottom: 20px;
}

.col-box.flex.sp-re {
  flex-direction: column-reverse;
}
.sp-nav-list {
    margin: 0 auto 5px;
}

.map-btn {
    width: 100%;
    font-size: 12px;
    letter-spacing: .1em;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 12px;
}
.comment-wrap {
    margin: 0 auto 30px;
}
.comment-box {
    width: 100%;
    margin-bottom: 20px;
}
.article-wrap p,
.single-p {
    font-size: 13px;
    letter-spacing: .02em;
    margin-bottom: 20px;
}
.map-box {
    width: 100%;
}

.comment-p,
.article-wrap p.comment-p{
    font-size: 13px;
    margin-bottom: 20px;
    line-height: 1.6;
}
.article-wrap p.faq-title {
    width: 90%;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 900;
    letter-spacing: 0;
}
.faq-box {
    padding: 30px 0;
  }
	.article-wrap p.faq-cat{
		width:10%;
	}
.article-wrap p.faq-answer {
  width: 90%;
	}

.article-wrap p.faq-answer {
    font-size: 13px;
    padding: 0;
    line-height: 1.6;
    letter-spacing: 0;
}
.article-wrap p.faq-cat {
    font-size: 18px;
}

.all_area div.content_area {
    padding: 34px 0;
}
.news-box {
  margin-bottom: 30px;
}
.news-titlebox {
  position: relative;
  width: 74%;
}
.news-cat {
    width: 100%;
    font-size: 10px;
    margin-bottom: 0;
}
.news-title {
  font-size: 12px;
  line-height: 1.5;
  margin: 10px auto;
}
.news-date {
    width: 100%;
    font-size: 10px;
    letter-spacing: 0;
}
.news-text {
    width: 100%;
    font-size: 10px;
    line-height: 1.8;
    padding: 0px 0 30px;
    letter-spacing: .02em;
}
.single-h2 {
    font-size: 18px;
    padding: 0 0 20px;
    line-height: 1.5;
    letter-spacing: .02em;
}
.sp-nav.pc-top {
  display: flex;
    padding: 60px 0 100px;
}
.sp-nav-ul {
  padding: 25px 40px 0;
height: auto;
}
.sp-nav-ul.nav_sns {
  padding: 20px 24px 0;
}
.sp-nav-link {
  font-size: 14px;
  padding: 5px 0;
}
.lang-wrap {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
    z-index: 100;
}
.pll-switcher {
	width:100%;
	height:auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.lang-item {
		height:auto;
}
	.lang_wrap {
		display: block;
    position: relative;
    width: 100%;
    height: auto;
	}

.bnr-position {
    position: relative;
    bottom: auto;
    right: auto;
    width: calc(100% - 40px);
    height: auto;
    margin: 0 auto 160px;
}	
	
}

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

}

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

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

}

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

}

/*# sal.css */
[data-sal]{transition-delay:0s;transition-delay:var(--sal-delay,0s);transition-duration:.2s;transition-duration:var(--sal-duration,.2s);transition-timing-function:ease;transition-timing-function:var(--sal-easing,ease)}[data-sal][data-sal-duration="200"]{transition-duration:.2s}[data-sal][data-sal-duration="250"]{transition-duration:.25s}[data-sal][data-sal-duration="300"]{transition-duration:.3s}[data-sal][data-sal-duration="350"]{transition-duration:.35s}[data-sal][data-sal-duration="400"]{transition-duration:.4s}[data-sal][data-sal-duration="450"]{transition-duration:.45s}[data-sal][data-sal-duration="500"]{transition-duration:.5s}[data-sal][data-sal-duration="550"]{transition-duration:.55s}[data-sal][data-sal-duration="600"]{transition-duration:.6s}[data-sal][data-sal-duration="650"]{transition-duration:.65s}[data-sal][data-sal-duration="700"]{transition-duration:.7s}[data-sal][data-sal-duration="750"]{transition-duration:.75s}[data-sal][data-sal-duration="800"]{transition-duration:.8s}[data-sal][data-sal-duration="850"]{transition-duration:.85s}[data-sal][data-sal-duration="900"]{transition-duration:.9s}[data-sal][data-sal-duration="950"]{transition-duration:.95s}[data-sal][data-sal-duration="1000"]{transition-duration:1s}[data-sal][data-sal-duration="1050"]{transition-duration:1.05s}[data-sal][data-sal-duration="1100"]{transition-duration:1.1s}[data-sal][data-sal-duration="1150"]{transition-duration:1.15s}[data-sal][data-sal-duration="1200"]{transition-duration:1.2s}[data-sal][data-sal-duration="1250"]{transition-duration:1.25s}[data-sal][data-sal-duration="1300"]{transition-duration:1.3s}[data-sal][data-sal-duration="1350"]{transition-duration:1.35s}[data-sal][data-sal-duration="1400"]{transition-duration:1.4s}[data-sal][data-sal-duration="1450"]{transition-duration:1.45s}[data-sal][data-sal-duration="1500"]{transition-duration:1.5s}[data-sal][data-sal-duration="1550"]{transition-duration:1.55s}[data-sal][data-sal-duration="1600"]{transition-duration:1.6s}[data-sal][data-sal-duration="1650"]{transition-duration:1.65s}[data-sal][data-sal-duration="1700"]{transition-duration:1.7s}[data-sal][data-sal-duration="1750"]{transition-duration:1.75s}[data-sal][data-sal-duration="1800"]{transition-duration:1.8s}[data-sal][data-sal-duration="1850"]{transition-duration:1.85s}[data-sal][data-sal-duration="1900"]{transition-duration:1.9s}[data-sal][data-sal-duration="1950"]{transition-duration:1.95s}[data-sal][data-sal-duration="2000"]{transition-duration:2s}[data-sal][data-sal-delay="50"]{transition-delay:.05s}[data-sal][data-sal-delay="100"]{transition-delay:.1s}[data-sal][data-sal-delay="150"]{transition-delay:.15s}[data-sal][data-sal-delay="200"]{transition-delay:.2s}[data-sal][data-sal-delay="250"]{transition-delay:.25s}[data-sal][data-sal-delay="300"]{transition-delay:.3s}[data-sal][data-sal-delay="350"]{transition-delay:.35s}[data-sal][data-sal-delay="400"]{transition-delay:.4s}[data-sal][data-sal-delay="450"]{transition-delay:.45s}[data-sal][data-sal-delay="500"]{transition-delay:.5s}[data-sal][data-sal-delay="550"]{transition-delay:.55s}[data-sal][data-sal-delay="600"]{transition-delay:.6s}[data-sal][data-sal-delay="650"]{transition-delay:.65s}[data-sal][data-sal-delay="700"]{transition-delay:.7s}[data-sal][data-sal-delay="750"]{transition-delay:.75s}[data-sal][data-sal-delay="800"]{transition-delay:.8s}[data-sal][data-sal-delay="850"]{transition-delay:.85s}[data-sal][data-sal-delay="900"]{transition-delay:.9s}[data-sal][data-sal-delay="950"]{transition-delay:.95s}[data-sal][data-sal-delay="1000"]{transition-delay:1s}[data-sal][data-sal-easing=linear]{transition-timing-function:linear}[data-sal][data-sal-easing=ease]{transition-timing-function:ease}[data-sal][data-sal-easing=ease-in]{transition-timing-function:ease-in}[data-sal][data-sal-easing=ease-out]{transition-timing-function:ease-out}[data-sal][data-sal-easing=ease-in-out]{transition-timing-function:ease-in-out}[data-sal][data-sal-easing=ease-in-cubic]{transition-timing-function:cubic-bezier(.55,.055,.675,.19)}[data-sal][data-sal-easing=ease-out-cubic]{transition-timing-function:cubic-bezier(.215,.61,.355,1)}[data-sal][data-sal-easing=ease-in-out-cubic]{transition-timing-function:cubic-bezier(.645,.045,.355,1)}[data-sal][data-sal-easing=ease-in-circ]{transition-timing-function:cubic-bezier(.6,.04,.98,.335)}[data-sal][data-sal-easing=ease-out-circ]{transition-timing-function:cubic-bezier(.075,.82,.165,1)}[data-sal][data-sal-easing=ease-in-out-circ]{transition-timing-function:cubic-bezier(.785,.135,.15,.86)}[data-sal][data-sal-easing=ease-in-expo]{transition-timing-function:cubic-bezier(.95,.05,.795,.035)}[data-sal][data-sal-easing=ease-out-expo]{transition-timing-function:cubic-bezier(.19,1,.22,1)}[data-sal][data-sal-easing=ease-in-out-expo]{transition-timing-function:cubic-bezier(1,0,0,1)}[data-sal][data-sal-easing=ease-in-quad]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-sal][data-sal-easing=ease-out-quad]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-sal][data-sal-easing=ease-in-out-quad]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-sal][data-sal-easing=ease-in-quart]{transition-timing-function:cubic-bezier(.895,.03,.685,.22)}[data-sal][data-sal-easing=ease-out-quart]{transition-timing-function:cubic-bezier(.165,.84,.44,1)}[data-sal][data-sal-easing=ease-in-out-quart]{transition-timing-function:cubic-bezier(.77,0,.175,1)}[data-sal][data-sal-easing=ease-in-quint]{transition-timing-function:cubic-bezier(.755,.05,.855,.06)}[data-sal][data-sal-easing=ease-out-quint]{transition-timing-function:cubic-bezier(.23,1,.32,1)}[data-sal][data-sal-easing=ease-in-out-quint]{transition-timing-function:cubic-bezier(.86,0,.07,1)}[data-sal][data-sal-easing=ease-in-sine]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-sal][data-sal-easing=ease-out-sine]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-sal][data-sal-easing=ease-in-out-sine]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-sal][data-sal-easing=ease-in-back]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-sal][data-sal-easing=ease-out-back]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-sal][data-sal-easing=ease-in-out-back]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-sal|=fade]{opacity:0;transition-property:opacity}[data-sal|=fade].sal-animate,body.sal-disabled [data-sal|=fade]{opacity:1}[data-sal|=slide]{opacity:0;transition-property:opacity,transform}[data-sal=slide-up]{transform:translateY(20%)}[data-sal=slide-down]{transform:translateY(-20%)}[data-sal=slide-left]{transform:translateX(20%)}[data-sal=slide-right]{transform:translateX(-20%)}[data-sal|=slide].sal-animate,body.sal-disabled [data-sal|=slide]{opacity:1;transform:none}[data-sal|=zoom]{opacity:0;transition-property:opacity,transform}[data-sal=zoom-in]{transform:scale(.5)}[data-sal=zoom-out]{transform:scale(1.1)}[data-sal|=zoom].sal-animate,body.sal-disabled [data-sal|=zoom]{opacity:1;transform:none}[data-sal|=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:transform}[data-sal=flip-left]{transform:perspective(2000px) rotateY(-91deg)}[data-sal=flip-right]{transform:perspective(2000px) rotateY(91deg)}[data-sal=flip-up]{transform:perspective(2000px) rotateX(-91deg)}[data-sal=flip-down]{transform:perspective(2000px) rotateX(91deg)}[data-sal|=flip].sal-animate,body.sal-disabled [data-sal|=flip]{transform:none}
@media all and (-ms-high-contrast: none){
    [data-sal|=fade],
    [data-sal|=fade].sal-animate {
      opacity: 1!important;
    }
}