/*
Theme Name: shoun
Template: twentytwenty
*/

@import url('https://fonts.googleapis.com/css2?family=Karla:wght@200;300;400;500;600;700;800&family=Noto+Sans+JP:wght@300;400;500&family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap');

html{
  font-size:100%;
  overflow-x:hidden;
}

:root { 
--key-Color: #182126;
--Gold: #837857;
--Gray: #f8f8f8;
--Gray02: #fcfaf9;
--Red: #861b1e;
--row-space : 5.2vw;
--col-space : 10.2vh;
--s1-space: 7.5vh;
--s2-space: 5vh;
--s3-space: 2.5vh;
--containner: 1200px;
--containner_small: 1000px;
--h1 :2.841rem;
--h2 :2.4rem;
--h3 : 1.8rem;
--h4 : 1.4rem;
--Text-normal: 16px;
--karla: 'Karla';
--zen: 'Zen Old Mincho';
--navi-ft-size: 1.0rem;
--flex_hurf : calc((100% - 5vw) / 2);
--flex_third : calc((100% - 5vw) / 3);
--flex_four : calc((100% - 5vw) / 4);
--flex_six : calc(100% / 3);
--cta_wide:calc(96% / 2);
--flex_concept01 : 55%;
--flex_concept02 : 40%;
--logo_wide: 180px;
--nav_ft_size: 17px;
--out_image: -25%;
--out_image02: -15%;
--fix_head_margin: 70px;
}

@media screen and (min-width: 768px) and (max-width: 1350px) {

  :root { 
    --logo_wide: 180px;
    --nav_ft_size: 15px;
    --h1 :1.8rem;
    --h2 :1.8rem;
    --h3 : 1.4rem;
    --col-space : 5.2vh;
    --row-space : 5vw;
    --fix_head_margin: 69px;
    --Text-normal: 16px;
  }

}

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

  :root { 
    --row-space : 4vw;
    --col-space : 5vh;
    --s1-space: 5vh;
    --s2-space: 2.5vh;
    --s3-space: 1.5vh;
    --containner: 1200px;
    --h1 :1.8rem;
    --h2 :1.45rem;
    --h3 : 1.25rem;
    --h4 : 1.1rem;
    --Text-normal: 15px;
    --flex_hurf : 100%;
    --flex_third : calc(96% / 2);
	--flex_four : calc(96% / 2);
    --flex_six : calc(100% / 2);
	--cta_wide:100%;
    --sp-none: none;
    --fix_head_margin: 52px;
    --flex_concept01 : calc(100% / 2);
    --flex_concept02 : calc(100% / 2);
    }

}

body{
    background:url(images/body__bg.jpg);
    font-size: var(--navi-ft-size);
    font-family:'Noto Sans JP',游ゴシック体, 'Yu Gothic', YuGothic,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-weight: 400;
    color:#212121;
}

#booking-package_serviceDetails{
	top:60px;
}

.load-wrap {
  animation: fadein 1s forwards;
}

@keyframes fadein {
  0% {opacity: 0}
  100% {opacity: 1}
}

p{
  color:#212121;
  font-weight: 400;
  font-family:'Noto Sans JP',游ゴシック体, 'Yu Gothic', YuGothic,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

p.big{
  font-size: 1.25rem;
  font-family: var(--zen);
  margin-bottom: var(--s2-space);
}

p.big.mb_none{
  margin-bottom: 0;
}

p.red{
  color:var(--Red);
}

p a{
  color:var(--Red);
}
p.map{margin-bottom: var(--s2-space);}

p.map img{
	margin-left:auto;
	margin-right:auto;
}

p.map:last-child{
	margin-bottom:0;
}

b, strong {
font-weight: 600;
}

a img{
  -webkit-transition: all .3s;
  transition: all .3s;
}

a img:hover{
  opacity:0.8;
}

.scroll::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    }
    
    .scroll::-webkit-scrollbar-thumb {
    background-color: #989898;
    border-radius:0;
    }
    
    .scroll::-webkit-scrollbar-track {
    background-color: rgb(220,220,220);
    border-radius: 0;
    box-shadow: inset 3px -3px 5px rgba(0,0,0,0.1.0);
    }
    
    .scroll::-webkit-scrollbar-corner {
    display: none;
    }

header{
position:fixed;
top: 0;
left: 0;
width: 100%;
padding:1em 3.6vw;
z-index:5;
background:#182126;
}

header .wrap{
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: nowrap;
position:relative;
}

.logo{
    width: var(--logo_wide);
    padding:1vh 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

header .wrap nav.gloval{
    width:calc(100% - 300px);
    font-size: var(--nav_ft_size);
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    flex-wrap: nowrap;
    align-items: center;
}

header .wrap nav.gloval ul{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    flex-wrap: wrap;
    list-style: none;
    margin:0;
}

header .wrap nav.gloval ul li{
    margin:0 .5em;
    font-family:'Noto Sans JP',游ゴシック体, 'Yu Gothic', YuGothic,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-weight: 400;
    letter-spacing: 0.2em;
    min-width:140px;
}

header .wrap nav.gloval ul li a, a.tour__btn{
  display: flex;
  flex-direction: column;
  justify-content: center;
    padding:10px 1em;
    text-decoration:none;
    color: #fff;
    border:1px solid var(--Gold);
    text-align: center;
    height:100%;
}

header .wrap nav.gloval ul li a:hover, a.tour__btn:hover{
    background:  #000;
    color:#fff;
}

header .wrap nav.gloval ul li.tx__link a{
  border:none;
  padding:.5em;
  color:#fff;
}

header .wrap nav.gloval ul li.tx__link{
  min-width: auto;
}

header .wrap nav.gloval ul li.contact a{
    background: var(--Gold);
    color: #fff;
    height:100%;
    padding:10px 1em;
}

header .wrap nav.gloval ul li.contact a:hover{
    background: transparent;
    color:#fff;
}

header .wrap .sns__wrap{
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-right: 1em;
}

header .wrap .sns__wrap a{
  color:#fff;
  font-size:28px;
  padding:0 5px;
  text-decoration: none;
  display: block;
}

header .wrap .sns__wrap a i{
 vertical-align:middle;
}



header.change-color {
  background-color: #000;
  transition: 0.65s;
  color:#fff;
}

header.change-color .wrap nav.gloval ul li a{
  color:#fff;
}

header.change-color .wrap nav.gloval ul li a:hover{
  background:#696969;
}

ul.bogo-language-switcher li{
  background:#454545;
	color:#aaa;
	text-align:center;
	line-height:1.55;
}

.Right{
	text-align:right;
}

.Right img{
	display:inline-block;
}

.cls-1{
  transition: 0.3s;
}

header.change-color .wrap svg .st0 {
  fill: #fff;
}

header.change-color .wrap::before{
  display:none;
}

nav.gloval{
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
}

  .Center{
    text-align: center;
  }

  p.karla{
    font-family:  var(--karla), serif;
  }

  p{
    letter-spacing: 0.105em;
    font-weight: 400;
    font-family:'Noto Sans JP',游ゴシック体, 'Yu Gothic', YuGothic,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  }

  p.big{
    font-size: 1.3rem;
  }

  @media screen and (min-width: 768px) and (max-width: 1350px) {

    header .wrap nav.gloval ul li a, header .wrap nav.gloval ul li.contact a{
      padding:10px .5em;
    }
  
    header .wrap nav.gloval{
      width: calc(100% - 200px);
    }

    header{
      padding-left: 2.5vw;
      padding-right: 2.5vw;     
    }
  
  }

  @media screen and (min-width: 768px) {
	  .br-sp{
		  display:none;
	  }
    .toggle-btn{
      display: none !important;
    }  }

  @media screen and (min-width: 768px) and (max-width: 1024px) {

    ul#menu-navigation{
      display:none;
    }

    .toggle-btn{
      right:.65em !important;
      display: block !important;
    }

    nav.gloval{
      justify-content: flex-end;
      margin-right: 50px;
    }
    header .wrap nav.gloval {
      width: calc(100% - 322px);
  }


  }


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

    header{
      padding: .5em var(--row-space);
    }

    header .wrap{
      align-items: inherit;
    }
	  
	  header .language-sub a{
		padding: 0.65em 0.25em !important;
	  }

    header .wrap nav.gloval ul{
      display:none;
    }

    header .wrap nav.gloval {
      width: auto;
      margin-right:35px;
  }

  .reserved--btn{
    position: fixed;
    top:60px;
    right: 5px;
    max-width:120px;
	z-index:2;
	opacity:0;
	transition: all 0.65s;
  }
	 
    .logo {
      width: 150px;
    }

    header .wrap nav.gloval ul.bogo-language-switcher{
      display: block;
    }

    span.bogo-language-name{
      font-size:13px;
    }
	  
	  p.big{
		  font-size:1.2rem;
	  }

  }

  /*************************************

Loading

****************************************/

#loading {
position: fixed;
width: 100%;
height: 100%;
background:#fff;
text-align:center;
color:#101010;
z-index:999999;
top:0;
left:0;
}

.loading__wrap{
 width:100vw;
 height:100vh;
 display: flex;
}

.loading__left{
  width:50vw;
  height:100vh;
  background:#fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.loading__left img{
  max-width:300px;
  margin:auto;
}

.loading__right{
  background: #000;
  background-size: cover;
  position: relative;
  width:50vw;
  height:100vh;
}

#loading_text {
position: absolute;
top: 50%;
left: 50%;
  z-index: 999;
width: 100%;
transform: translate(-50%, -50%);
font-family: var(--zen);
color: #fff;
}

#loading_text svg{
  height: 1px;
}

/************* 

SP  

************************************/
@media screen and (max-width: 767px) {
.loading__left img{
  max-width:100px;

}
}

  /*************************************

Drawer

****************************************/

.toggle-btn {
  position: fixed;
  top: 1em;
  right:1.55em;
  display: block;
  width: 72px;
  height: 72px;
  z-index: 999;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  cursor: pointer;
}
.toggle-btn__inner {
  position: relative;
  top: 50%;
  left: 50%;
}

.bar {
  width: 40px;
  height: 2px;
  position: absolute;
  transform: translateX(-50%);
  background-color: #fff;
  transition: .3s cubic-bezier(0, .45, .47, 1);
}

.change-color .bar{
  background:#fff;
}

.toggle-btn:hover .bar_top, .toggle-btn:hover .bar_bottom {
  transform: translateX(-30%);
}
.bar_top {
  top: -11px;
}
.bar_mid {
  top: 50%;
  transform: translate(-50%, -50%);
}
.bar_bottom {
  bottom: -11px;
}
.toggle-btn.close .bar_top {
  transform: translate(-50%, 10.5px) rotate(45deg);
  transition: -webkit-transform .3s cubic-bezier(0, .45, .47, 1);
  transition: transform .3s cubic-bezier(0, .45, .47, 1);
  transition: transform .3s cubic-bezier(0, .45, .47, 1), -webkit-transform .3s cubic-bezier(0, .45, .47, 1);
}
.toggle-btn.close .bar_mid {
  opacity: 0;
  transition: opacity .3s cubic-bezier(0, .45, .47, 1);
}
.toggle-btn.close .bar_bottom {
  transform: translate(-50%, -10.5px) rotate(-45deg);
  transition: -webkit-transform .3s cubic-bezier(0, .45, .47, 1);
  transition: transform .3s cubic-bezier(0, .45, .47, 1);
  transition: transform .3s cubic-bezier(0, .45, .47, 1), -webkit-transform .3s cubic-bezier(0, .45, .47, 1);
}

.menu-gl {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 900;
  opacity: 0;
  transition: all 0.3s cubic-bezier(0, .45, .47, 1);
  background: url(images/menu-bg.jpg)no-repeat center center;
  background-size:cover;
}
.menu__bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: var(--key-Color);
}

.menu__body .logo{
  margin:0 auto 2.5vh;
  width:180px;
}

.menu__body {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  max-width: 950px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: block;
}
.menu__logo {
  display: block;
  width: 80px;
}
.menu__nav {
  display: flex;
  flex-direction: row;
  width: 600px;
  justify-content: space-between;
  margin:auto;
}
.menu__nav-main {
  display: flex;
  flex-flow: column;
  margin-right: 10px;
  list-style:none;
}

.menu__nav-main__item {
  margin-bottom: 30px;
  padding-right: 40px;
}
.menu__nav-main__item:last-child {
  margin-bottom:5px;
}
.menu__nav-main__item a {
  display: flex;
  flex-direction: column;
  position: relative;
  color: var(--key-Color);
  text-decoration:none;
   font-style:var(--zen);
}
.menu__nav-main__item a:hover span {
  animation: horizontalFade 0.4s cubic-bezier(.8, 0, .2, 1) forwards;
}
.menu__nav-main__item a span {
  transition: all 0.3s cubic-bezier(0, .45, .47, 1);
}

span.en{
  font-family:  var(--karla);
  color: var(--Gold);
  font-size:0.8rem;
}

.menu__nav-main__item a:hover {
  opacity: 1;
}

.menu__nav-main .ja {
  font-size: 20px;
  line-height: 1.44;
  margin-top: 3px;
  font-weight: 600;
 font-family: var(--zen), serif;
}
.menu__nav-sub {
  display: flex;
  flex-direction: column;
  margin-right:0;
}
.menu__nav-sub__item {
  font-size: 1.4rem;
  margin-bottom: 32px;
  margin-top: 29px;
  font-weight: 600;
}
.menu__nav-sub__item a {
  position: relative;
  font-family: var(--zen), serif;
  color: var(--White);
  text-decoration:none;
}
.menu__nav-sub__item a:hover {
  opacity: 1;
}
.menu__nav-main__item a:after, .menu__nav-sub__item a:after{
  content: '';
  position: absolute;
  left: 0;
  bottom:0;
  width: 0%;
  height: 1px;
  background: var(--keyColor);
  transition: all 0.2s cubic-bezier(0, .45, .47, 1);
}
.menu__nav-sub__item a:hover:after, .menu__nav-main__item a:hover::after{
  width: 100%;
}
.menu__nav-sub__item:last-child {
  margin-bottom: 0px;
}

.menu-gl.fade-in {
  opacity: 1;
}
.menu-gl .fadeInDelay {
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.menu-gl .fadeInDelay.fade-in {
  opacity: 1;
}
.menu-gl .fadeInDelay02 li {
  overflow: hidden;
}
.menu-gl .fadeInDelay02 li a {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all 0.3s cubic-bezier(0, .45, .47, 1);
  -o-transition: all 0.3s cubic-bezier(0, .45, .47, 1);
  transition: all 0.3s cubic-bezier(0, .45, .47, 1);
  position: relative;
	padding-bottom:.2em;
}
.menu-gl .fadeInDelay02 li.fade-in a {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  font-feature-settings: "palt";
  color:#fff;
  font-family: var(--zen);
}

.menu-gl .fadeInDelay02 li.fade-in a::before{
  position: absolute;
  bottom:0;
  left: 0;
  content: '';
  width: 0;
  height: 1px;
  background-color: var(--Gold);
  transition: .3s;
}

.menu-gl .fadeInDelay02 li.fade-in a:hover::before{
  width: 100%;
}

.menu-gl .fadeInDelay03 {
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.menu .fadeInDelay03.fade-in {
  opacity: 1;
}

@media screen and (min-width: 768px) and (max-width: 1350px){
.toggle-btn{
  top:.5em;
}
}


/************* 

SP  

************************************/
@media screen and (max-width: 767px) {
	
	.br-pc{
	display:none;
	}

  .toggle-btn{
   top:.75em;
   right:.75em;
   width:45px;
   height:45px;
	}

  .bar{
    width:32px;
  }

  .menu__body {
    margin-top: 0px;
    align-items: flex-start;
  }
  .menu__logo {
    margin: 0 auto 2em auto;
    width: 240px;
  }
  .menu__nav {
    flex-direction: column;
    width: 100%;
    padding-left: 20px;
  }
  .menu__nav-main {
    margin-right: 0;
  }

  .menu__nav-main{
    margin-bottom:0;
    margin-left:0;
  }

  .menu__body .logo{
    width:100px;
  }

  .menu__nav-main__item {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .menu__nav-main .en {
    font-size: 0.6rem;
  }
  .menu__nav-main .ja {
    font-size: 18px;
    margin-top: 2px;
  }
	
	.menu-gl .fadeInDelay02 li{
	margin-bottom: 0px;
    margin-top: 10px;
	}
	
  .menu__nav-sub {
    flex-direction: row;
    margin-top: 45px;
    margin-right: 0;
  }
  .menu__nav-sub__item {
    margin-bottom: 20px;
    margin-top: 0;
    margin-right: 20px;
    font-size:1.1rem;
    width:100%;
  }
  .menu__nav-sub__item:last-child {
    margin-bottom: 20px;
  }
  .menu__nav-sns {
    margin-top: 25px;
  }
  .menu__nav-sns__item {
    margin-bottom: 20px;
    margin-top: 0px;
    padding-right: 20px;
  }

  .menu__nav-sub{
	 flex-wrap: wrap;
	}
}

  /************* K-Visual **************/

#kv--wrap{
    width:100%;
    position:relative;
    height:calc(75vh - 80px);
    margin-top:80px;
    padding: 0;
}

#kv--wrap .container{
 position:relative;
 height: 100%;
}

#kv--wrap .container::before{
  content: '';
  background:url(images/kv__kumo.png)no-repeat left top;
  background-size: contain;
  position: absolute;
  z-index:2;
  top:0;
  left:-5.2vw;
  width:33%;
  height:50%;
}

#kv--wrap .container::after{
  content: '';
  background:url(images/kv__kumo.png)no-repeat right bottom;
  background-size: contain;
  position: absolute;
  z-index:2;
  bottom:-2em;
  right:-5.2vw;
  width:33%;
  height:50%;
}

.kv__overlay, .vegas-slide-inner{
 height: 100%;
}

.vegas-overlay {
    opacity: .10;
}

.vegas-timer{
  display: none;
}

.caption{
  position: absolute;
  bottom:1em;
  left:1em;
  font-family: var(--zen);
  font-size: var(--h1);
  color:#fff;
}

.caption .jan{
	font-size:calc(var(--h1) / 1.0);
}

.caption .en{
  font-size:calc(var(--h1) * 2);
  line-height: 1.255;
  margin-bottom:.2em;
}

.caption .detail__text{
	font-size:var(--h3);
	color: #fff;
	font-family:var(--zen), sans-serif;
	margin-top:1em;
	font-weight:500;
	line-height:1.75;
	display:inline-block;
}

.caption .detail__text a{
  margin-top: 1.5em;
}

.caption .detail__text .cont{
	font-size:calc(var(--h3) / 1.25);
	margin-bottom:.5em;
	font-weight:600;
}

.caption .detail__text dl{
	list-style:none;
	margin:0;
	display:flex;
	align-items:center;
	line-height:1.2;
}

.caption .detail__text dl dt{
	margin:0;
}

.caption .detail__text dl dd{
	margin:0 0 0 .5em;
	color:var(--Red);
	font-weight:700;
	font-size:calc(var(--h3) * 1.2);
}

.caption span.Icon{
	display:inline-block;
	background:#000;
	color: var(--Gold);
	font-size:1.0rem;
	padding:.5em 1em;
	text-align:center;
	margin-right:.5em;
	margin-top:1em;
	line-height:1.0;
	border-radius:3px;
}

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

  #kv--wrap{
  margin-top:62px;
	padding-left:0;
	padding-right:0;
  }
	
	.caption .detail__text dl dd{
		margin-left:0;
	}
	
	.caption .detail__text dl dt{
		max-width:250px;
	}

  .caption{
    left:0;
	font-size: calc(var(--h1) / 2.0);
	padding: 0;
	bottom:0;
  }
	
	.caption .jan{
		padding-left:.5em;
		font-size:0.8rem;
	}
	
	.caption .en{
	margin-bottom: 10px;
    padding-left: 10px;
	}
	
	.caption span.Icon{
		font-size:0.8rem;
		margin-top:.5em;
	}

	.caption .detail__text .cont{
		font-size: calc(var(--h3) / 1.3);
	}

}

  /************* 見出し **************/

  h1, h2, h3, h4, h5{
    color:var(--Gold);
  }

  h1{
  font-size: var(--h1);
  font-family: var(--zen), serif;
  font-weight:400;
  margin:0;
  padding:0;
  line-height:2.0;
  }

  h1.Center{
    margin-bottom: var(--s3-space);
  }

  h2{
    position:relative;
    font-weight:400;
    letter-spacing:0.15em;
    font-family: var(--zen), serif;
    font-size: var(--h2);
    display:inline-block;
    margin:0 0 var(--s2-space);
    line-height:1.55;
  }
  h2.border{
    padding-bottom: .55em;
  }

  h2.border:after{
    content: '';
    position: absolute;
    width:90px;
    border-radius: 2.46em;
    height:6px;
    background: rgb(215,167,1);
    background: -moz-linear-gradient(-45deg,  rgba(215,167,1,1) 0%, rgba(249,232,180,1) 53%, rgba(229,175,0,1) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(215,167,1,1) 0%,rgba(249,232,180,1) 53%,rgba(229,175,0,1) 100%);
    background: linear-gradient(135deg,  rgba(215,167,1,1) 0%,rgba(249,232,180,1) 53%,rgba(229,175,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7a701', endColorstr='#e5af00',GradientType=1 );
    bottom:0px;
    left: 50%;
    transform:translateX(-50%);
  }

  h2 span.jan{
    display: block;
    font-size: calc(var(--h2) / 1.55);
    text-align: center;
    margin-top: var(--s3-space);
  }

  section.wh__01{
    background:#fafaf9;
  }

  section.pr .containner__wrap__small h2{
    margin-top: var(--s1-space);
    margin-bottom:  var(--s2-space);
    padding-bottom:0;
  }

  section.pr .containner__wrap__small h2::after{
    display:none;
  }

  .containner__wrap__small h3.Center{
    margin-top: var(--col-space);
    margin-bottom:1.5em;
  }

  ul.disc{
    color:#fff;
    margin:0;
  }

  h2.Center{
    display:block;
    text-align: center;
  }

  h2.gold{
    color:var(--Gold);
  }

  .Hurf h2{
    margin-bottom:1em;
    font-size: calc(var(--h2) * 1.35);
    color: var(--Gold);
  }

  h3{
    font-size:  var(--h3);
    font-family:  var(--zen), serif;
    margin-bottom: var(--s3-space);
    margin-top:0;
  }

  h3.Center__border{
    position: relative;
    text-align: center;
    margin: 50px 0;
    padding: 20px 0;
    letter-spacing: 0.15em;
    font-size:  var(--h3);
  }

  h3.Center__border::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    margin: 0 auto;
    text-align: center;
    background-image: -webkit-linear-gradient(left, transparent, #ddd 25%, #fafaf9 75%, transparent);
    background-image: linear-gradient(to right, transparent, #ddd 25%, #fafaf9 75%, transparent);
    background-position: center;
    background-repeat: no-repeat;
}

h4{
  font-size:var(--h4);
  font-family:  var(--zen);
  padding-bottom:1em;
  border-bottom: 1px solid #696969;
}
#case01,#case02,#case03,#case04,#case05,#case06, #form{
	padding-top:102px;
	margin-top:-102px;
}

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

    h2{
      display:block;
      text-align: center;
    }
	  
	  h3.Center__border{
		  margin-bottom:1.5em;
	  }

    .Flex__wrap h3{
      margin-bottom:1em;
    }

    .Hurf h2 {
      margin-bottom: 1em;
      font-size: calc(var(--h2) * 1.15);
    }
	  
	  section.wh__01 .Flex__wrap .three{
		  width:100%;
	  }

    .Banner .Hurf h2{
      font-size: calc(var(--h2) / 1.5 );
    }

    section.banner{
      padding-left:0;
      padding-right:0;
    }
	  
  }

  /************* Section **************/

  section{
    padding: var(--col-space) var(--row-space);
    position:relative;
  }

  section.banner{
    padding-top:0;
    padding-left:0;
    padding-right:0;
    padding-bottom: 0;
  }

  section.bg__bk{
    background:  var(--key-Color);
    padding: var(--col-space) var(--row-space);
  }

section.application{
	    background: #f4eedf;
}

  section + section:not([class]) {
    padding-top:0;
  }


  section.bg__bk + section{
    padding-top:var(--col-space);
  }

  .containner__wrap{
    max-width: var(--containner);
    margin:auto;
    position:relative;
  }

  .containner__wrap + .containner__wrap{
    margin-top:var(--col-space);
  }

  .containner__wrap__small{
    max-width: var(--containner_small);
    margin:auto;
    position:relative;
  }

  .single__blog p.days{
    font-family: var(--zen);
    font-size: 0.9rem;
    font-style: italic;
    margin-bottom: .5em;
  }

  p{
    font-size: var(--Text-normal);
    line-height:2.0;
    font-weight:400;
  }

  li{
    font-size: var(--Text-normal);
    font-weight:300;
    letter-spacing: 0.125em;
    font-family: 'Noto Sans JP',游ゴシック体, 'Yu Gothic', YuGothic,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  }

  p:last-child{
    margin-bottom:0;
  }

  section.bg__bk p{
    color: #fff;
  }

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

    section.cliud__left::before {
      content: '';
      background: url(images/kumo__moyou.png)no-repeat right top;
      background-size: contain;
    }
  }

/************* Layout **************/

.Flex__wrap{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-between;
}

.Flex__wrap.align__items__center{
    align-items: center;
}

.Flex__wrap.flex__start{
  align-items: flex-start;
}

.Flex__wrap.center{
  justify-content: center;
}

.Flex__wrap.center .Hurf{
  justify-content: center;
  margin-right:2%;
}

.Flex__wrap.center .Hurf:nth-of-type(2){
  margin-right:0;
}

.Flex__wrap.start{
  justify-content: flex-start;
}

.Flex__wrap.nowrap{
    flex-wrap: nowrap;
}

.Flex__wrap h1{
    min-width:55%;
    line-height:1.55;
    border-right:1px solid #fff
}

.Flex__wrap .full{
	width:100%;
    margin-top: var(--s2-space);
}

.Flex__wrap .Hurf__wide{
  width:calc(100% / 2);
}

.Flex__wrap .Flex__wrap .Hurf{
	margin-top:0;
}

.Flex__wrap .Flex__wrap .Hurf h4{
	margin-top:0;
}


section.bg__bk .Flex__wrap p.Text{
    width:40%;
}

section.taxi__wrap{
  background: url(images/white__bg.jpg)no-repeat;
  background-size: cover;
}

section.sns__wrap{
  padding-top:0;
  padding-bottom:0;
}

section .plan__wrap .Flex__wrap + .Flex__wrap {
    padding: 2em 0 2em;
}

.plan__wrap{
  background:#fbfbfb;
  padding: 1em;
  position: relative;
  border: 1px solid #ddd;
}

.plan__wrap:before{
  content: '';
  background: #282828;
  width:280px;
  height:8px;
  position: absolute;
  top:-4px;
  left: 50%;
  transform: translateX(-50%);
}

.plan__wrap .price{
  color:var(--Gold);
  font-family:  var(--zen), serif;
  font-size: var(--h4);
}

.plan__wrap h3{
  text-align: center;
  margin-bottom: 1.5em;
  margin-top: 1em !important;
}

.Flex__wrap .Hurf{
    width: var(--flex_hurf);
    position: relative;
    margin-top: var(--s2-space);
}

section.banner .Flex__wrap .Hurf{
  margin-top: 0;
}

.Flex__wrap .Hurf h3:first-child{
  margin-top:0;
}

.Flex__wrap .three{
  width: var(--flex_third);
}

.Flex__wrap .four{
  width: var(--flex_four);
}

.Flex__wrap .three h3{
  margin-top:0;
  font-size:1.25rem;
}

section .Flex__wrap + .Flex__wrap{
    padding: var(--col-space) 0 0;
}

.Flex__wrap.Reverse{
    flex-direction: row-reverse;
}

.Right{
    text-align:right;
}

.Banner .Hurf h2{
  text-align: center;
  margin-bottom:.5em;
}

.Banner .Hurf h3{
  color: #1a1a1a;
  text-align: center;
  border:none;
  padding:0;
}

.Banner .Hurf:first-child::before{
  content: '';
  background:rgba(0,0,0,0.588);
  position: absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
}

section.banner .Flex__wrap + .Flex__wrap{
  padding-top:0;
}

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

  .Flex__wrap h1{
    border-right:0;
    margin-bottom: var(--col-space);
  }

  .Flex__wrap.nowrap{
    flex-wrap: wrap;
	  justify-content:center;
  }

  .post-11 .Flex__wrap.nowrap{
    flex-wrap: nowrap;
  }

  section.bg__bk .Flex__wrap p.Text {
    width: 100%;
}
	
	.Flex__wrap .Hurf:not(:last-child){
		margin-bottom: var(--col-space);
	}

.Flex__wrap .three{
  margin-bottom:var(--col-space);
}
	
	.Flex__wrap .four{
		 margin-bottom:var(--col-space);
		min-height:200px;
	}
	
	.terms.Flex__wrap .three{
		width:100%;
	}

	.terms.Flex__wrap .three h4{
		margin-top:0;
	}
	
	.terms.Flex__wrap{
		margin-top:2em;
	}
	
	.terms.Flex__wrap .three:last-child{
		margin-bottom:0;
	}

.Flex__wrap .three:last-child{
margin-left:auto;
margin-right:auto;
}
	.sp-auto{
		margin-left:auto;
		margin-right:auto;
	}

  .cliud__left .containner__wrap + .containner__wrap{
    margin-top: calc(var(--col-space) * 1.5);
  }

  .Banner .Hurf h3{
    font-size: 0.8rem;
  }

}

/************* リンク **************/

a.detail__link{
    font-family: var(--zen), serif;
    display:inline-block;
    padding:.5em;
    border:1px solid var(--key-Color);
    position: relative;
    margin: var(--s3-space) auto 0;
    color:#fff;
    text-decoration:none;
    font-size: var(--Text-normal);
    background: var(--Gold);
    min-width:120px;
    text-align: center;
    border-radius: 0.26em;
  }

a.detail__link:hover{
  background: #fff;
  color: var(--key-Color);
}


a.tems{
  background: var(--Gold);
  color:#fff;
  padding: var(--s3-space);
  display: block;
  max-width: 600px;
  margin: var(--s3-space) auto;
  font-size: var(--h3);
  font-family: var(--zen);
  text-align: center;
  text-decoration: none;
  border-radius: 0.26em;
  line-height: 1.1;
  -webkit-transition: all .3s;
  transition: all .3s;
}

a.btn__lo{
  border-radius: 0.36em;
  background: var(--Gold);
  max-width: 600px;
  margin: 4em auto 0;
  font-size: 1.2rem;
  font-family: var(--zen);
  display: block;
  color: #fff;
  text-decoration: none;
  text-align: center;
  padding: 1em;
  position: relative;
}

a.btn__lo::before,
a.btn__lo::after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1em;
	margin: auto;
	content: "";
	vertical-align: middle;
}

a.btn__lo::before{
	box-sizing: border-box;
	width: 20px;
	height: 20px;
	border: 1px solid #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

a.btn__lo::after{
	right: 20px;
	box-sizing: border-box;
	width: 8px;
	height: 8px;
	border: 6px solid transparent;
	border-left: 6px solid #fff;
}

a.tems:hover, a.btn__lo:hover{
 background:#000;
}

a.tems i{
  vertical-align: middle;
  margin-left: .5em;
  margin-top:-.2em;
  display: inline-block;
}

a.detail__link::before {
  position: absolute;
  top: -1px;
  left: 0;
  content: '';
  width: 0;
  height: 2px;
  background-color: #000;
  transition: .3s;
  z-index:5;
}

a.detail__link:hover::before {
  width: 100%;
}

a.detail__link:hover{
  color:#aaa;
}

/************* 画像 **************/

figure img{
  margin-left:auto;
  margin-right:auto;
}

figure.Center{
  margin-bottom: var(--s1-space);
}

figure.wide{
  position:relative;
  background: var(--Gray);
  text-align:center;
  width:100vw;
  margin: 0 calc(50% - 50vw) var(--s1-space);
}

figure.wide:last-child{
  margin-bottom:0;
}

img.access--logo{
max-width:320px;
}


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

  a.detail__link{
    font-size:0.8rem;
  }

    figure.wide img{
      object-fit:cover;
      min-height:33.33vh;
    }
	
	.cliud__left #hiace_content + a.btn__lo{
	    margin-top: calc(var(--s2-space) * 3);
	}

	.cliud__left a.btn__lo{
		margin-top: var(--s2-space);
	}
	
}

/************* お問い合わせ **************/

section.Contact{
  background:url(images/contact__bg.jpg)no-repeat center center;
  background-size: cover;
}

section.Contact h2{
  font-size: var(--h1);
}

section a.btn{
  display:block;
  padding:1.5em 1em;
  font-size: var(--h4);
  font-family: var(--zen);
  position: relative;
  text-align: center;
  color: #fff;
  text-decoration: none;
  width:var(--cta_wide);
  border-radius: 0.46em;
}
section a.btn.time{
    background: #101751;
    border: 4px solid #0a103f;
}
section a.btn:hover{
  background:#000;
}

section a.btn::after{
  content: '';
  background: url(images/arrow.svg)no-repeat center center;
  background-size: contain;
  width:35px;
  height:20px;
  position: absolute;
  right:1em;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transition: all .3s;
  transition: all .3s;
}

section a.btn:hover::after{
  right:1.5em;
}

a.Contact__reserve.auto{
	margin:2em auto;
}

a.Contact__btn{
  background: #aca258;
}

a.Contact__reserve{
  background: var(--Red);
}

.tel__wrap{
  font-size:calc(var(--h1) * 1.15);
  margin-top:1em;
  text-align: center;
  color: #2c2b27;
  font-family: var(--zen), sans-serif;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  border: 1px solid #ddd;
  padding:0 .3em .2em;
}

.tel__wrap .ttl{
  background: #000;
  padding: .3em;
  text-align: center;
  color: #fff;
  font-size: 1.15rem;
}

.tel__wrap a{
  color: #2c2b27;
  text-decoration: none;

}

.tel__wrap i{
  vertical-align: middle;
}

.tel__wrap .open{
  font-size:1.0rem;
  text-align: center;
}

@media screen and (max-width: 767px) {
	section.Contact a.btn:not(:last-child){
		margin-bottom:1em;
	}
}

/************* 予約カレンダー **************/

#booking-package{
  background:rgba(255,255,255,1) !important;
  border:4px solid #fff;
  border-radius:0.86rem;
}

#booking-package_schedulePage button{
  margin:2em auto !important;
  display:block;
  background: #252525;
}

#booking-package_inputFormPanel .applyCouponButton {
    margin: 1em auto 0;
    display: block;
}

#booking-package_inputFormPanel .row, #booking-package_myBookingDetails .row, #booking-package_serviceDetails .row, #booking-package_myBookingDetailsFroVisitor .row, #booking-package_inputFormPanel select{
  padding:1em !important;
}

#booking-package_inputFormPanel .name, .selectedDate{
  font-family: var(--zen);
  font-weight: 800;
  font-size:1.1rem;
}

#booking-package_inputFormPanel input[type=text]{
  padding:1em !important;
}

#booking-package_inputFormPanel .row:nth-of-type(even){
  background:#fafaf9;
}

#booking-package_inputFormPanel .returnButton{
  margin:.5em auto !important;
  display:block;
  background: #252525 !important;
}

#booking-package .bookingButton{
  margin:.5em auto !important;
  display:block;
  background: var(--Red) !important;
}

#booking-package_schedulePage .right_button{
 float:none !important;
 background:var(--Red) !important;
}

.returnDayButton, .nextDayButtton{
	display:none !important;
}

.booking-package{
  padding:1em;
}

#booking-package_calendarPage, #booking-package_schedulePage{
  font-family: var(--zen);
}

#booking-package_calendarPage {
  margin: 0em;
  padding: 1em;
  border-radius: 0.56em;
}

#booking-package_servicePage .selectedPanel{
	border:none !important;
	padding:1em !important;
}

#booking-package_servicePage .selectedOptionPanel{
	padding:1em !important;
	    border-left: 5px solid var(--Red) !important;
}

#booking-package_servicePage .selectOptionList{
	margin:1em 0;
}

#booking-package_servicePage input[type=checkbox]{
	font-weight:bold !important;
	font-size:18px !important;
}

#booking-package_servicePage .optionPanel{
	padding: 0.75em !important;
    border: 1px solid #ddd;
	margin:5px 0;
}

.booking-package{
	background:#fff !important;
}

#booking-package_serviceDetails .goToCalendarButton{
	margin:.75em auto !important;
}

#booking-package_serviceDetails .returnButton{
	background:#000 !important;
}

#booking-package-memberActionPanel .login, #booking-package-memberActionPanel .logout, #booking-package-memberActionPanel .register, #booking-package-memberActionPanel .edit {
    cursor: pointer;
    margin: 0 5px;
    float: none !important;
    text-transform: uppercase;
    display: block;
    padding: 1em 2em;
    background: var(--Red);
    color: #fff;
    border-radius: 4px;
	width: calc(90% / 2);
    max-width: 300px;
	text-align:center;
}

#booking-package-memberActionPanel{
	background:transparent !important;
}

#booking-package-memberActionPanel .login:hover, #booking-package-memberActionPanel .logout:hover, #booking-package-memberActionPanel .register:hover, #booking-package-memberActionPanel .edit:hover {
    text-decoration: none !important;
	opacity:0.8;
}

#booking-package-memberActionPanel .userTopButtonPanel {
    display: flex !important;
    width: 100%;
    justify-content: center;
    margin: 0;
    flex-direction: row-reverse;
	align-items:center;
}

#booking-package-user-form, #booking-package-loginform, #booking-package-subscription_form, #booking-package-subscribed_panel {
    max-width: 800px !important;
    padding: 0 10px !important;
    margin: auto;
}

#booking-package-memberActionPanel input[type=text], #booking-package-memberActionPanel input[type=password] {
    padding:1em !important;
}

#booking-package-memberActionPanel input[type="submit"]{
	    background-color:var(--Red) !important;
	    text-decoration:none;
}

#booking-package_myBookingHistory, #booking-package_myBookingDetails, #booking-package-user-edit-form{
	    padding:1em 10px !important;
}


p.login-submit{
	text-align:center;
}

#booking-package-memberActionPanel button, #booking-package-memberActionPanel input[type=submit] {
    margin: 2em auto !important;
    display: block;
	background-color:var(--Red) !important;
}

#booking-package-memberActionPanel label{
	color:#fff;
}

#booking-package-memberActionPanel .loginform a{
	color:#fff;
}

.titlePanel{
	display:none !important;
}

#booking-package-user-form .titlePanel{
	display:none !important;
}

#booking-package_myBookingHistoryTable th{
	text-align:center;
	background:#fafaf9 !important;
}

.buttonPanel{
	display: flex;
    justify-content: center;
}

.buttonPanel button{
	width:calc(95% / 2);
	padding:.5em;
	background:#000 !important;
}

label{
	font-size:1.0rem;
}

.reserved__btn{
	position:fixed;
	right:1em;
	bottom:1em;
	max-width:150px;
	transition: 0.5s;
}

.reserved__btn a{
	display:block;
	margin-bottom:.5em;
}
.reserved__btn a img{
transition:.5s all;
transform: rotateY( 0deg ) ;
}
.reserved__btn a img:hover{
	opacity:1;
transform: rotateY( 360deg ) ;
    transition:.5s all;
}

.reserved__btn a:last-child{
	margin-bottom:0;
}

.is-hidden {
  visibility: hidden;
  opacity: 0;
}

.reserved__btn.contact{
	bottom:5em;
}

#booking-package-memberActionPanel .login_error, #booking-package-loginform .login_error {
    margin: 1em 0 1em !important;
    border-left: 6px solid #dc3232;
    padding: 1em !important;
	background-color:transparent !important;
	 }

@media screen and (min-width: 768px) and (max-width: 1024px) {

  section.Contact a.btn{
    font-size: calc(var(--h3) / 1.5)
  }

}

@media screen and (max-width: 767px) {
	
	.reserved__btn{
	max-width:70px;
	right:.5em;
	bottom:.5em;
    }
	.reserved__btn.contact{
	max-width:70px;
    right: .1em;
    bottom: 80px;
    }
	
	
	#booking-package_calendarPage{
		padding:0;
	}
	.calendarData{
		font-size:1.1rem !important;
	}
	
	#booking-package{
		font-size:14px !important;
	}
	
	#booking-package_calendarPage .symbolPanel{
		    overflow: inherit !important;
	}
	
	#booking-package_schedulePage .daysListPanel {
    position: relative;
    right: 90px;
    width: 90px;
    right: 25% !important;
    width: 25% !important;
}
	
	#booking-package-memberActionPanel .userTopButtonPanel{
		flex-wrap:wrap;
	}

	#booking-package-memberActionPanel .login, #booking-package-memberActionPanel .logout, #booking-package-memberActionPanel .register, #booking-package-memberActionPanel .edit{
	width: 100%;
    margin-bottom:1em !important;
	}
	
	#booking-package_myBookingHistory, #booking-package_myBookingDetails, #booking-package-user-edit-form {
    padding:0px !important;
}
	
	.buttonPanel button{
		padding:10px;
	}
	
	.buttonPanel{
		padding-bottom:.5em;
	}
	
	table#booking-package_myBookingHistoryTable{
		font-size:15px;
		margin-top:0;
	}
}

/************* Footer **************/

#site-footer{
  background: #171717;
  color :#fff;
  padding: var(--s2-space) var(--row-space);
  border:none;
  width:100vw;
}

ul#menu-footer-nav{
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  list-style:none;
  font-size: var(--Text-normal);
  margin:0;
}

ul#menu-footer-nav li{
  margin:0 .5em;
}

ul#menu-footer-nav li a{
  display:block;
  padding:.5em;
  color:#fff;
  font-family: var(--karla), serif;
}

footer p{
  font-family: var(--zen);
  color:#fff;
}

.footer__logo{
  width:350px;
}

.footer__logo img{
  max-width:180px;
}

.footer__link__wrap{
	width:calc(100% - 370px);
}

@media screen and (min-width: 768px) and (max-width: 1024px) {

  .footer__logo p{
    font-size:0.8rem;
  }

}

.footer__btn__wrap{
  max-width:100%;
  margin:auto;
}

a.footer__btn{
  display: block;
  border:1px solid #fff;
  text-align: center;
  color: #fff;
  font-size: 0.95rem;
  font-family: var(--zen);
  text-decoration: none;
  margin:.75em 0 0;
  width:calc(98% / 2);
  padding:.55em;
}

a.footer__btn:hover{
  border:1px solid var(--Gold);
  color: var(--Gold);
  text-decoration: none !important;
}

a.footer__btn.full{
  width:100%;
}

.sns-icon{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content:center;
  padding-bottom:.5em;
  position: relative;
  margin-bottom: var(--s3-space);
}

.sns-icon::after{
  content: '';
  position: absolute;
  background-color: #fff;
  width: 0.5px;
  height:25px;
  left: 50%;
  transform:translateX(-50%);
  bottom:-.5em;
}

.sns-icon i{
  margin:0 .5em;
  font-size:24px;
  color:#fff;
}

.sns-icon a:hover{
  text-decoration: none !important;
  opacity: 0.8;
}

.sns-icon a{
	text-decoration:none;
}

.copy{
  font-size:0.8rem;
  text-align:center;
  font-family:  var(--zen), serif;
  background: #fff;
  color: #000;
  padding: var(--s3-space);  
  letter-spacing: 0.05em;
}

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

  section.Contact a.btn{
    padding: 1em;
  }

  ul#menu-footer-nav{
    margin-left:auto;
    margin-right:auto;
    margin-top:1em;
  }

  .sns-icon{
    margin-bottom:3vh;
  }

  footer p{
    text-align: center;
  }

  ul#menu-footer-nav li{
    width:100%;
    margin-left:auto;
    margin-right:auto;
  }

  ul#menu-footer-nav li a{
    display: block;
    border:1px solid #fff;
    padding:.5em;
    text-align: center;
    margin:.5em auto;
    background-color: #000;
  }

  .footer__btn__wrap{
    max-width: 100%;
  }
  .footer__logo img{
  margin: auto;
  }

  a.footer__btn{
    font-size:0.8rem;
  }
	
	.footer__logo p{
		text-align:center;
	}
	
	.footer__logo{
		margin-left:auto;
		margin-right:auto;
	}
	
	.footer__link__wrap{
	width:100%;
   }

}

/************* Page-FV **************/

.page-fv-wrap{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  min-height:50vh;
  width:100%;
  position: relative;
  margin-top: var(--fix_head_margin);
}

.page-fv-wrap .Image{
  width:100%;
  background: url(images/sec__fv.jpg)no-repeat center center;
  background-size: cover;
}

.page-fv-wrap .airport-taxi{
  background: url(images/sec__fv.jpg)no-repeat center center;
  background-size: cover;
}

.page-fv-wrap .service{
  background: url(images/sec__fv.jpg)no-repeat center center;
  background-size: cover;
}

.page-fv-wrap .reservation{
  background: url(images/sec__fv.jpg)no-repeat center center;
  background-size: cover;
}

.page-fv-wrap .sightseeing{
  background: url(images/sec__fv.jpg)no-repeat center center;
  background-size: cover;
}

.page-fv-wrap .daytrip-tour{
  background: url(images/sec__fv.jpg)no-repeat center center;
  background-size: cover;
}

.page-fv-wrap .news{
  background: url(images/sec__fv.jpg)no-repeat center center;
  background-size: cover;
}

.page-fv-wrap .company{
  background: url(images/sec__fv.jpg)no-repeat center center;
  background-size: cover;
}

.page-fv-wrap .charter{
  background: url(images/sec__fv.jpg)no-repeat center center;
  background-size: cover;
}

.page-fv-wrap .lineup{
  background: url(images/sec__fv.jpg)no-repeat center center;
  background-size: cover;
}

.page-fv-wrap .terms{
  background: url(images/sec__fv.jpg)no-repeat center center;
  background-size: cover;
}

.page-fv-wrap .airport-boarding-area{
  background: url(images/sec__fv.jpg)no-repeat center center;
  background-size: cover;
}

.page-fv-wrap .airport-taxi{
  background: url(images/sec__fv.jpg)no-repeat center center;
  background-size: cover;
}

.page-fv-wrap .Image.concept{
  background:#fff;
  background-size: cover;
}

.page-fv-wrap .Contents{
  position: absolute;
  background:#000;
  width:50%;
  bottom: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  padding:  var(--s3-space);
  text-align: center;
  overflow: hidden;
}

.page-fv-wrap .Contents h1{
  color: var(--Gold);
  letter-spacing: 0.085em;
}

.breadcrumb{
  background:  var(--key-Color);
  padding: var(--s3-space);
  text-align: center;
  color:#fff;
  position: relative;
  right: 0;
  bottom:0;
  font-size: 0.8rem;
  color: #fff;
  min-width:20vw;
}

.breadcrumb ul{
  margin:0;
  list-style: none;
  font-size: 0.755rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.breadcrumb ul a{
  color: #fff;
  text-decoration: none;
}

.breadcrumb ul li{
  margin:0;
  font-size: 0.755rem;
  color:#969696;
}

.breadcrumb ul li:nth-child(n+2)::before{
  content:'>';
  margin:0 5px;
}

/************* Concept **************/

.Concept__out__image{
  position:relative;
  left:-50%;
  margin-top: var(--out_image);
}

.Flex__wrap:nth-child(even) .Concept__out__image{
  position:relative;
  left:30%;
  margin-top: var(--out_image02);
}

.Flex__wrap:nth-child(even) .Concept__out__image.Left{
  position:relative;
  left:-15%;
  margin-top: var(--out_image02);
}

.Flex__wrap:nth-child(even) .Concept__out__image:nth-child(3){
  position:relative;
  left:0;
  margin-top: var(--out_image02);
}

.Flex__wrap .Concents01{
 width: var(--flex_concept01);
}

.Flex__wrap .Concents02{
  width: var(--flex_concept02);
  margin-top:15%;
 }

 .page-fv-wrap .Contents-mission{
   text-align: center;
   margin:auto;
 }

 @media screen and (max-width: 767px) {
	 
	 .Concept__out__image{
		 left:-15%;
	 }

  .breadcrumb{
    min-width:40vw;
    padding:.45em;
  }
	 .breadcrumb ul{
	justify-content: flex-end;
	 }
  .page-fv-wrap .Contents-mission{
    max-width:200px;
  }

  .page-fv-wrap{
      min-height:20vh;
  }

 .page-fv-wrap .Image{
    width:100%;
  }

  .page-fv-wrap .Contents{
    max-width: 50%;
  }

  .page-fv-wrap .Contents h1{
    font-size:1.35rem;
  }

  .Flex__wrap:nth-child(even) .Concept__out__image{
    max-width:75%;
  }
	 
  .Flex__wrap:nth-child(even) .Concept__out__image.Left{
  left:-1em;
}

 }

 /************* ツアー内容 **************/

 .tour__image{
  position: relative;
 }

.tour__image img{
  border:5px solid #fff;
}

.tour__image .cont__box{
  background:rgba(255,255,255,0.85);
  padding: 0.4em 0.5em 20px;
  position:absolute;
  bottom:0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  width:100%;
}

.tour__image .cont__box .text{
	font-size:0.9rem;
	font-family:var(--zen),sans-serif;
}

.tour__image .cont__box .price{
	margin-left:auto;
	font-size:var(--h2);
	font-weight:800;
	font-family: var(--zen);
	color:var(--Red);
	margin-right:.5em;
}

.four.tour__image .cont__box .price{
  font-size:1.2rem;	
}

span.tax{
	font-size:0.8rem;
	display:inline-block;
    margin-left:.25em;
}

.tour__image .cont__box .Icon{
	display:inline-block;
	margin-right:.5em;
	background:#000;
	color:var(--Gold);
	font-size:0.8rem;
	line-height:1.0;
	padding:.8em 1em;
	border-radius:3px;
}

 .tour__image .btn{
  z-index: 2;
  display:block;
  position: relative;
  border-radius:3.46em;
  background: var(--Red);
  color: #fff;
  padding:0.95rem;
  padding:.5em;
  margin:-1em auto 0;
  text-align: center;
  text-decoration: none;
  font-family: var(--zen);
  max-width: 240px;
  font-size: 18px;
}

.tour__image a{
  position: absolute;
  width: 100%;
  height: calc(100% + 24px);
  z-index: 5;
  top: 0;
  left: 0;
}

.tour__image:hover .btn{
  background: #000;
}

 .tour__image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
 }

 .Flex__wrap .Hurf > div{
  position: relative;
 }

.tour__image .title{
  content: '';
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  left:0;
  bottom: 0;
  padding:1em;
  width: 100%;
}

.tour__image .title .text{
background: #090909;
border:1px solid var(--Gold);
padding:.5em;
color: #fff;
text-align: center;
font-size: var(--h3);
font-family: var(--zen);
font-weight: 400;
z-index: 3;
width:95%;
margin:auto auto 0;
}

.three .title .text, .four .title .text{
  font-size: calc(var(--h3) / 1.25);
}

.charter .Hurf{
  margin-top: var(--s2-space);
}

.case__price{
  display: table;
  font-family:var(--zen),sans-serif;
  margin-top: .75em;
  width: 100%;
}

.case__price .ttl{
  background:#090909;
  color: #fff;
  padding: .5em;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  font-size: 1.2rem;
}

.case__price .contents{
  background:#fff;
  border:1px solid #ddd;
  padding: .5em;
  text-align: right;
  color: var(--Gold);
  font-weight: 600;
  font-size: var(--h4);
  display: table-cell;
  vertical-align: middle;
}

.booking-package{
	padding:0 !important;
}

.Flex__wrap .six{
  width: var(--flex_six);
  }

  .block__title{
    padding:0 .25em 0;
    font-weight:600;
    font-size:1.1rem;
    margin-bottom:.5em;
  }

  .icon{
    display:inline-block;
    margin-left: 10px;
    padding:0.12em .75em;
    border-radius: 0.85em;
    min-width:60px;
    background: var(--Gold);
    color:#fff;
    font-size:0.8rem;
    font-weight: 300;
  }

  .icon02{
    display:inline-block;
    margin-left: 10px;
    padding:0.12em .75em;
    border-radius: 0.85em;
    min-width:60px;
    background: #861b1e;
    color:#fff;
    font-size:0.8rem;
    font-weight: 300;
  }

  .icon03{
    display:inline-block;
    margin-left: 10px;
    padding:0.12em .75em;
    border-radius: 0.85em;
    min-width:60px;
    background: #729528;
    color:#fff;
    font-size:0.8rem;
    font-weight: 300;
  }

.tabs {
  width: 100%;
  margin: 0 auto var(--s1-space);}

.tab_item {
width: calc(100%/2);
  border: 1px solid var(--Gold);
  background-color: #000;
  text-align: center;
  color: #fff;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  padding:1em;
  transition: all 0.2s ease;
  margin:0 0 1em;
  font-size:var(--h4);
  font-family: var(--zen), sans-serif;
  cursor:pointer;
}
.tab_item:hover {
  opacity: 0.75;
}

input[name="tab_item"] {
  display: none;
}

.tab_content {
  display: none;
  clear: both;
  margin:auto;
}

.tab_content .Hurf{
	margin-top:var(--s2-space);
}

#alphard:checked ~ #alphard_content,
#hiace:checked ~ #hiace_content{
  display: block;
}

.tabs input:checked + .tab_item {
  background-color: var(--Gold);
  color: #fff;
}

@media screen and (max-width: 767px) {
	.tour__image .title{
		padding:.75em .3em;
	}
	
	.tour__image .cont__box{
		background:#fff;
	}
	.Hurf.tour__image img{
		min-height:300px;
        object-fit: contain;
        object-position: top;
	}
	.tour__image{
		background:#fff;
	}
	.tour__image .title .text{
		margin-top:10px;
	}

	.four .title .text{
		width:100%;
	}
	.four .title{
		top:15%;
	}
}

   /************* Banner **************/

   .Flex__wrap.Banner .Hurf:first-child{
     width:50%;
   }

   .Flex__wrap.Banner .Hurf:nth-child(2){
    width:50%;
    background: #262930;
     padding: var(--s2-space);
    display: flex;
    justify-content: center;
    flex-direction: column;
  }

  .Flex__wrap.Banner h2{
    color: #fff;
    font-size: var(--h2);
  }

  .Flex__wrap.Banner .Hurf:first-child img{
    width:100%;
    height:100%;
    object-fit: cover;
  }

  .Flex__wrap.Banner p{
    color: #fff;
    font-family: var(--zen), sans-serif;
  }

  @media screen and (min-width: 768px) and (max-width: 1024px) {

    .Flex__wrap.Banner .Hurf:first-child, .Flex__wrap.Banner .Hurf:nth-child(2){
      width:50%;
    }

    .Flex__wrap.Banner .Hurf h2{
      font-size:1.7rem;
    }

  }

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

    .Flex__wrap.Banner .Hurf:first-child, .Flex__wrap.Banner .Hurf:nth-child(2){
      width:50%;
      margin:0;
    }
	  
	  .tour__image .cont__box .Icon{
		  font-size:0.7rem;
          margin-bottom:.5em;
	  }
	  
	  .tab_item{
		  padding:.5em;
	  }
	  
	  .four.tour__image .btn{
		  font-size:13px;
		  max-width:90%;
	  }

  }

   /************* NEWS **************/

   section.news{
    background:#252424;
   }

   ul.news{
    list-style: none;
    margin:auto;
    border-top: 1px solid #6e6c65;
   }

   ul.news li{
    display: flex;
    flex-wrap: wrap;
    padding:.75em;
    border-bottom: 1px solid #6e6c65;
    margin:auto;
    color:#fff;
   }

   ul.news li a{
     color:#fff;
    text-decoration: none;
    font-size: 1.0rem;
   }

   ul.news li a:hover{
    text-decoration: underline;
   }

   ul.news li span{
    display: inline-block;
    margin-right:1em;
    font-family: var(--zen);
    font-style: italic;
    font-weight: 300;
   }

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

    ul.news li span{
      font-size:0.8rem;
      display: block;
      width: 100%;
     }

   }

 /************* Table **************/


.privacy-policy{
  margin:0;
}

.simple-sitemap-wrap h3{
  display:none;
}

.simple-sitemap-container ul{
  margin:0 !important;
  list-style: none;
}

.simple-sitemap-container ul li{
  margin-left: auto !important;
  margin-right: auto !important;
}

ul.simple-sitemap-page li a{
  display: block;
  padding: 1em;
  border:1px solid #fff;
  color:#fff;
  text-align: center;
  text-decoration: none;
}

ul.simple-sitemap-page li a:hover{
  background: #fff;
  color: var(--Gold);
}

ul.simple-sitemap-page li:not(:last-child){
  margin-bottom:1em;
}

 dl.list{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  border-top: #ddd 1px solid;
  margin:auto;
  margin-bottom:1px;
  background:#fafaf9;
 }

 select{
  padding: 1em;
  width:100%;
  border:1px solid #ccc;
 }

 dl.list:nth-of-type(even){
  background:rgba(255,255,255,0.055);
 }

dl.list.mb{
	margin-bottom:1em;
}

 dl.list:last-of-type{
  border-bottom: #ddd 1px solid;
  margin-bottom:var(--s2-space);
 }

 dl.list dt{
  width:30%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  font-family: var(--zen), serif !important;
  font-weight:400;
  position: relative;
  text-align: center;
 }

 dl.list dt:before{
  content: '';
  background:var(--Gold);
  bottom:-1px;
  height:1px;
  width:5%;
  position: absolute;
  left:0;
 }

 dl.list dt.news{
  width:auto;
  max-width:20%;
 }

 dl.list dt,  dl.list dd{
  padding:1em;
  margin:0;
 }

 dl.list dd{
  width:70%;
 }

 dl.list.min{
  font-size:15px;
  padding:.2em;
 }

 dl.list a{
  color: var(--key-Color);
  font-family: var(--zen), serif !important;
 }

 .single_bottom_arrow{
  margin-top: var(--s2-space);
  padding-top: var(--s2-space);
  color:var(--key-Color);
  border-top:1px solid var(--key-Color);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
 }

.text_min a{
	color:var(--Gold);
}

 .single_bottom_arrow a{
  color: var(--key-Color);
  font-family: var(--zen), serif;
  text-decoration: none;
  padding:1em;
  border:1px solid var(--key-Color);
 }

 input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], textarea{
  padding:.5em;
  border:1px solid #ccc;
  font-size:1.0rem;
 }
 
 button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"], .bg-accent, .bg-accent-hover:hover, .bg-accent-hover:focus, :root .has-accent-background-color, .comment-reply-link{
  width:100%;
  border-radius:.46em;
  max-width:600px;
  margin:auto;
  font-size:18px !important;
   font-family: var(--zen), serif !important;
 }
 
 button:focus, button:hover, .button:focus, .button:hover, .faux-button:focus, .faux-button:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button:hover, input[type="button"]:focus, input[type="button"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover {
     text-decoration: none;
     background:#e31313;
 }
 
 .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
     border-color: #ffb900;
     font-size:16px;
     font-family: var(--zen), serif !important;
 }
 
 textarea {
     height: 30rem;
     line-height: 1.5;
     width: 100%;
 }

 span.text_red {
  background: #fe0000;
  padding: 0.2em 0.75em 0.2em 0.75em;
  color: #fff;
  font-size: 13px;
  margin-left: 0.3em;
  text-align: center;
  border-radius: 1.35em;
  line-height: 1.5;
  display:inline-block;
}

label {
  display: block;
  font-size: 15px;
  font-weight: 400;
  margin: 0 0 0.5rem 0;
}

input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  top: 5px;
  display: inline-block;
  margin: 0;
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  background: #fff;
  border-radius: 0;
  border-style: solid;
  border-width: 0.1rem;
  border-color: #6e6c65;
  box-shadow: none;
  cursor: pointer;
}

table.border{
  margin:0 auto 2em;
}

table.border th, table.border,td{
  padding:1em;
  border:1px solid #dcd7ca;
  border-bottom:none;
  font-size: 1.2rem;
  font-family: var(--zen);
}

dl.list dt, dl.list dd{
   font-size:1.0rem;
}

table.border th{
  text-align: center;
  width:30%;
  border-bottom:1px solid #dcd7ca;
  border-right:1px solid #dcd7ca;
  background: #fafaf9;
}

table.border td{
  text-align: center;
  width:70%;
  border-bottom:1px solid #dcd7ca;
  color: var(--key-Color);
}

 @media screen and (max-width: 767px) {
	 
	 textarea{
		 height:auto;
	 }

	 table.border th, table.border,td,dl.list dt, dl.list dd{
		 font-size:1.0rem;
	 }
 
  dl.list dt, dl.list dd{
    width:100%;
   }
 
  dl.list dd{
    padding-left:.5em;
    padding-right:.5em;
	  font-size:0.95rem;
   }
 
  dl.list dt{
    border-right:none;
          justify-content: flex-start;
	     border-bottom: #4f4f4f 1px solid;
   }

   dl.list dt.news{
    width:100%;
    max-width:100%;
	padding-bottom:0;
   }
 
 }
 
 .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
     border-color: #fe0000;
     color: #fe0000;
 }
 
/************* Blog **************/


.blog a{
  color: var(--key-Color);
  text-decoration: none;
}

.blog a:hover{
  text-decoration: underline;
}

/************* reserve **************/

iframe.map{
  max-height:40vh;
  margin: var(--s1-space) auto;
  vertical-align: bottom;
  border:10px solid #fafafa !important;
}

p.info{
  font-family: var(--zen);
  font-style: italic;
  font-size: var(--h3);
  text-align: center;
}

.page_navi{
  margin: var(--s1-space) auto 0;
  text-align: center;
  display:block;
}

.wp-pagenavi a, .wp-pagenavi span{
  border: 1px solid #fff;
  color:#fff;
  padding:10px 15px;
  font-family: var(--zen), serif !important;
}

.wp-pagenavi span.current{
  background: var(--key-Color);
  color:#fff;
}

.wp-pagenavi a:hover{
  background: var(--key-Color);
  color:#fff;
}

/****************** アニメーション *********************/

.blurTrigger,
.blurTrigger2,
.blurTrigger3 {
  -webkit-filter: blur(10px);
  filter: blur(10px);
  opacity: 0;
  transform: translateY(80px);
  transition: all 1s ease;
}

.blurTrigger.blur{
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
    transform: translateY(0);
    transition: all 1s ease;
}

.blurTrigger2.blur2{
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
    transform: translateY(0);
    transition: all 1s ease;
}

.blurTrigger3.blur3{
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
    transform: translateY(0);
    transition: all 1.5s ease;
}

.blurTrigger4 .three{
  -webkit-filter: blur(10px);
  filter: blur(10px);
  opacity: 0;
  transform: translateY(200px);
}

.blurTrigger4 .three.blur4{
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
    transform: translateY(0);
}

.blurTrigger4 .three:first-child{
  transition: all .5s ease;
}

.blurTrigger4 .three:nth-child(2){
  transition: all .8s ease;
}

.blurTrigger4 .three:nth-child(3){
  transition: all 1.1s ease;
}

.blurTrigger4 .three:nth-child(4){
  transition: all 1.2s ease;
}

.blurTrigger4 .three:nth-child(5){
  transition: all 1.4s ease;
}

.blurTrigger4 .three:nth-child(6){
  transition: all 1.7s ease;
}


.blurTriggerleft{
  -webkit-filter: blur(10px);
  filter: blur(10px);
  opacity: 0;
  transform: translateX(80px);
  transition: all .5s ease;
}

.blurTriggerright{
  -webkit-filter: blur(10px);
  filter: blur(10px);
  opacity: 0;
  transform: translateX(-80px);
  transition: all .5s ease;
}

.blurTriggerleft.bluractive{
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
    transform: translateX(0);
    transition: all 1s ease;
}

.blurTriggerright.bluractive{
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
    transform: translateX(0);
    transition: all 1.5s ease;
}

.blurTriggerup{
  -webkit-filter: blur(10px);
  filter: blur(10px);
  opacity: 0;
  transform: scale(2);
  transition: all .5s ease;
}


.blurTriggerup.bluractive{
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
  transform: scale(1);
  transition: all 1.5s ease;
}


.eachTextAnime span{opacity: 0;}
.eachTextAnime.appeartext span{ animation:text_anime_on 1s ease-out forwards; }
@keyframes text_anime_on {
	0% {opacity:0;}
	100% {opacity:1;}
}

h2.appeartext::after{
  height:0;
}

h2.appeartext::after{
  height: 5vh;
  transition: all 1.5s ease;
}

.mask-wrap{
  width: 100%;
  height: 100%;
}

.mask_wrap{
  display: table;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.mask-wrap .mask{
  display: table;
  position: relative;
  left: -100%;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.mask-wrap .mask-bg{
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
}

.slick-slider{
	margin:0 auto 1em;
}

.slick-slider li{
	margin:0 5px;
}

.slider5-wrap {
  max-width:600px;
  margin: 0 auto 3em;
  position: relative;
}
.slider-5 .slick-slide {
  margin:0 auto 30px auto;
  overflow: hidden;
}
.slider-5 .slick-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dots-5 .slick-dots {
  text-align: center;
}
.dots-5 .slick-dots li {
  display: inline-block;
  width: 100px;
  height: 6px;
  margin: 4px;
  background: #eaeaea;
  cursor: pointer;
}
.dots-5 .slick-dots button {
  display: block;
  width: 0%;
  height: 6px;
  margin: 0;
  font-size: 0;
  border-radius: 0;
  padding: 0;
  border: 0;
  opacity: 0;
  outline: none;
  background: #0a467d;
  cursor: pointer;
}
.dots-5 .slick-dots .slick-active button {
  background: #0a467d;
  opacity: 1;
}

.slider-5{
  margin:0 auto 30px;
}

@media screen and (max-width: 767px) {
	
	.blurTriggerleft{transform: translateX(-10px);}
	.blurTriggerright{
		transform: translateX(-10px);
	}
	
}

/****************** アニメーション *********************/

.container {
  animation: fadein 4s ease-out forwards;
background:#000;
}

@keyframes fadein {
  0% {opacity: 0}
  100% {opacity: 1}
}

.inner{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content:center;
    align-items: center;
    padding:5vw;
    min-height:100vh;
    background-size: cover;
    width:100vw;
    height:100vh;
 }

.inner .box{
 margin:auto;
 max-width:1000px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content:space-between;
 font-family: var(--zen), serif;
	color:#fff;
 }

.text-top{
  font-size:2.75rem;
  margin:auto;
  letter-spacing:0.05em;
  line-height:1.255;
text-shadow: 
    black 1px 1px 10px, black -1px 1px 10px,
    black 1px -1px 10px, black -1px -1px 10px;
  font-weight: 500;
 font-family: var(--zen), serif;
 }

.text-middle{
 margin-top:5vh;
 text-align:center;
 padding:0 5vw;
 }

.inner .flex{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:center;
    align-items: center;
    margin-top:5vh;
 }


 .inner .flex .item{
   text-align:center;
   padding:0 2.5vw;
  }

  .inner .flex .item img{
   max-width:110px;
 }


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

  .inner{
    background-size:cover;
 }

 .inner .flex .item{
   padding:0 5vw;
  }
.text-top{
  font-size:1.855rem;
  line-height:1.5;
 }

  .inner .flex .item img{
   max-width:90px;
 }
 
 }

#booking-package_inputFormPanel .paymentButton, #booking-package-subscription_form .paymentButton {
    width: 100%;
    margin: 1em auto;
    display: block;
}

#booking-package{
	border:none !important;
}

#booking-package .title{
	font-size:1.15rem !important;
}

.case-time{
	display:flex;
    margin-top:.5em;
font-family:'Noto Sans JP',游ゴシック体, 'Yu Gothic', YuGothic,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.case-time span{
	margin-right:10px;
	display:inline-block;
    min-width:40px;
}

#payment-request-button, .orLabel{
	display:none !important;
}
.h2-sub{
	color:#837857;
	font-weight:bold;
	text-align:center;
}
.h2-span{
	font-size:16px;
}
.tour-en{
	    font-size:12px;
}

.center-fee{
	text-align:center;
	font-size:20px;
	color:#837857;
	font-weight:bold;
	font-family: var(--zen), serif;
}

/***************多言語******************/

.menu-parent{list-style:none;;margin:auto;position:relative;z-index:4;}
.menu-parent a{
	background:#701328;
	color:#fff;
	display:block;
    padding: 10px 1.5em;
	text-decoration:none;
}
.menu-parent .bogo-language-switcher, .menu-parent .bogo-language-switcher li{
	margin:auto 0;
}
.menu-parent li{
	min-width:115px !important;
	font-size:14px;
}
.bogoflags{
	display:none;
}
.menu-parent .sub-menu{display: none;top: 40px;position: absolute;margin: 5px auto !important;}

@media screen and (max-width: 767px) {
	.menu-parent li{
	min-width:100% !important;
	font-size:14px;
		text-align:center;
}
	
}