﻿	@charset "UTF-8";

/*ブランド展開*/

.block-brand_list-content {
  position: relative;
}

.block-brand_list-content .block-brand_list-content-bg-box {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(126, 112, 81, 0.05);
}

.block-brand_list-content .base-con95.73vwtainer {
	position: relative;
}

.block-brand_list-content ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
	justify-content: flex-end;
}
#Anker2 ul.list-ttl-l li:nth-child(3){
		    margin-top: 2.93vw;
	}
.block-brand_list ul li.list-brand01 .list-logo img{
	width: 16vw;
	height: auto;
}
.block-brand_list-content-bg-img {
  position: absolute;
}

@media screen and (min-width: 561px) {

  .block-brand_list-content {
    margin: 40px 0 100px;
    padding-top: 40px;
  }
.block-brand_list ul li.list-brand01 .list-logo img{
	width: 100%;
}
  .block-brand_list-content + .block-brand_list-content {
    margin-top: 100px;
  }

  .block-brand_list-content .block-brand_list-content-bg-box {
    height: 360px;
  }

  .block-brand_list-content .block-brand_list-content-bg-box.box-l {
    height: 600px;
  }

  .block-brand_list-content li {
    width: 384px;
    height: 360px;
  }

  .block-brand_list-content li.list-ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 60px;
  }

  .block-brand_list-content .box-l li.list-ttl {
    padding-bottom: 0;
  }

  .block-brand_list-content .list-ttl-l li.list-ttl {
    width: 792px;
  }

  .block-brand_list-content li:not(:nth-child(3n)) {
    margin-right: 24px;
  }

  .block-brand_list-content .list-ttl-l li:not(:nth-child(3n)) {
    margin-right: 0;
  }

  .block-brand_list-content .list-ttl-l li:not(:nth-child(2n)) {
    margin-right: 24px;
  }
	#Anker2 ul.list-ttl-l li:nth-child(3){
		margin-top: 24px;
	}
  .block-brand_list-content li:not(:nth-child(-n+3)) {
    margin-top: 24px;
  }

  .block-brand_list-content li.list-brand {
    padding: 20px 42px 0;
    background: url(../images/service/bg_brand_list.png) center no-repeat;
    background-size: contain;
	  z-index: 1;
  }

  .block-brand_list-content .list-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 163px;
  }

  .block-brand_list-content .list-comment {
    margin-top: 12px;
    height: 104px;
    overflow: hidden;
  }

  .block-brand_list-content .list-link {
    margin-top: 15px;
    font-size: 1.6rem;
    text-align: right;
  }

  .block-brand_list-content-bg-img.bg-tempo {
    top: 322px;
    right: 804px;
  }
    
    .block-sns_list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

  @media screen and (min-width: 1201px) {

    .block-brand_list-content-bg-img.bg-tempo {
      right: calc((100vw - 1200px) / 2 + 804px);
    }
  }

  .block-brand_list-content-bg-img.bg-kyoten {
    top: 337px;
    right: 1008px;
  }

  @media screen and (min-width: 1201px) {

    .block-brand_list-content-bg-img.bg-kyoten {
      right: calc((100vw - 1200px) / 2 + 1008px);
    }
  }

  .block-brand_list-content-bg-img.bg-guesthouse {
    top: -36px;
    right: 518px;
  }

  @media screen and (min-width: 1201px) {

    .block-brand_list-content-bg-img.bg-guesthouse {
      right: calc((100vw - 1200px) / 2 + 804px);
    }
  }

  .block-brand_list-content-bg-img.bg-butokan {
    top: -60px;
    right: 958px;
  }

  @media screen and (min-width: 1201px) {

    .block-brand_list-content-bg-img.bg-butokan {
      right: calc((100vw - 1200px) / 2 + 958px);
    }
      
  .block-sns_list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
  }
}

@media screen and (max-width: 560px) {

  .block-brand_list-content {
    margin: 6.4vw 0 17.07vw;
    padding-top: 10.67vw;
  }

  .block-brand_list-content + .block-brand_list-content {
    margin-top: 17.07vw;
  }

  .block-brand_list-content .block-brand_list-content-bg-box {
    height: 74vw;
  }

  .block-brand_list-content .block-brand_list-content-bg-box.box-l {
    height: 160vw;
  }

  .block-brand_list-content ul {
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 99;
  }

  .block-brand_list-content ul:not(.box-l) {
    margin-top: 7vw;
  }

  .block-brand_list-content li.list-ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 1.4vw;
  }

  .block-brand_list-content ul.box-l li.list-ttl {
    margin-bottom: 16vw;
  }

  .block-brand_list-content li.list-brand {
    width: 44.26vw;
    height: 58.67vw;
    padding: 6.4vw 0 0;
    background: url(../images/service/bg_brand_list@2x.png) center no-repeat;
    background-size: contain;
  }

  .block-brand_list-content li:not(.list-ttl) {
    margin-top: 2.93vw;
  }

  .block-brand_list-content li:not(:nth-child(2n-1)) {
    margin-right: 2.93vw;
  }

  .block-brand_list-content li.list-ttl img {
    height: 6.4vw;
  }

  .block-brand_list-content .list-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 18.13vw;
  }

  .block-brand_list-content .list-logo img {
    width: 100%;
  }

  .block-brand_list-content .list-comment {
    margin-top: 4.4vw;
    padding: 0 4.27vw;
    height: 21vw;
    font-size: 3.2vw;
    overflow: hidden;
    line-height: 1.3;
  }

  .block-brand_list-content .list-link {
    margin-top: 1.6vw;
    padding: 0 4.27vw;
    text-align: right;
  }

  .block-brand_list-content-bg-img.bg-tempo {
    top: 322px;
    right: 804px;
  }

  .block-brand_list-content-bg-img.bg-tempo {
    width: 78.13vw;
    top: 17.6vw;
    left: 15.2vw;
    z-index: 9;
  }

  .block-brand_list-content-bg-img.bg-kyoten {
    width: 47.2vw;
    top: -3.7vw;
    left: 43.73vw;
    z-index: 9;
  }

  .block-brand_list-content-bg-img.bg-guesthouse {
    width: 29.87vw;
    top: -4.2vw;
    left: 7vw;
    z-index: 9;
  }

  .block-brand_list-content-bg-img.bg-butokan {
    width: 43.47vw;
    top: -12vw;
    left: 46.13vw;
    z-index: 9;
  }
    
  .block-sns_list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: space-evenly;
}
}

/*ブランド詳細*/

.block-brand_detail-mv-slider.slider-full .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
}

.block-brand_detail-mv-slider.slider-full .slider-item {
  height: 100vh;
}

.block-brand_detail-mv-slider.slider-full .slick-current img {
  transition: 7.0s ease .0s !important;
  -webkit-transition:all 7.0s ease .0s;
  -moz-transition:all 7.0s ease .0s;
  -o-transition:all 7.0s ease .0s;
  transform: scale(1);
}

.block-brand_detail-mv-slider.slider-full img {
  width: 100%;
  height: 100%;
  transform: scale(1.25);
  object-fit: cover;
  font-family: 'object-fit: cover;';
  /* transition: 5.5s ease; */


}


.block-brand_detail-mv-slider.slider-full .slick-dots li {
  position: relative;
}

.block-brand_detail-mv-slider.slider-full .slick-dots li button {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  background-color: #fff;
  color: transparent;
  font-size: 0;
  cursor: pointer;
  opacity: .6;
  -webkit-transition: .1s ease;
  transition: .1s ease;
}

.block-brand_detail-mv-slider.slider-full .slick-dots li.slick-active button {
  opacity: 1;
}

.block-brand_detail-onlineshop a {
  display: block;
  position: relative;
}

.block-brand_detail-onlineshop .item-txt {
  position: absolute;
  left: 0;
  font-weight: 600;
  text-align: center;
}

.block-brand_detail-shop_recruit-item a {
  display: block;
  position: relative;
}

.block-brand_detail-shop_recruit-item .item-txt {
  position: absolute;
  left: 0;
  font-weight: 600;
  text-align: center;
}

.block-brandsns_list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}

.block-bslist ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
   justify-content: center;
}
@media screen and (min-width: 561px) {

  .block-brand_detail-mv {
    margin-top: 40px;
  }

  .block-brand_detail-mv-slider.slider-centered .slider-item {
    width: 800px;
    margin: 0 12px;
  }

  .block-brand_detail-mv-slider.slider-full .slick-dots {
    bottom: 24px;
    left: 1200px;
  }

  .block-brand_detail-mv-slider.slider-full .slick-dots li {
    width: 12px;
    height: 12px;
  }

  .block-brand_detail-mv-slider.slider-full .slick-dots li button {
    width: 12px;
    height: 12px;
    border-radius: 12px;
  }

  .block-brand_detail-mv-slider.slider-full .slick-dots li + li {
    margin-left: 16px;
  }

  @media screen and (min-width: 1201px) {

    .block-brand_detail-mv-slider.slider-full .slick-dots {
      left: calc((100vw - 1200px) / 2 + 1200px);
    }
  }

  .block-brand_detail-top-comment {
    margin-top: 64px;
    font-size: 1.6rem;
    text-align: center;
  }

  .block-brand_detail-onlineshop {
    margin-top: 40px;
  }

  .block-brand_detail-onlineshop .item-txt {
    top: 103px;
    width: 600px;
    font-size: 1.6rem;
  }

  .block-brand_detail .block-toppage-news {
    padding-bottom: 64px;
  }

  .block-brand_detail-onlineshop + .block-toppage-news {
    margin-top: 67px;
  }

  .block-brand_detail-shop_recruit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .block-brand_detail-shop_recruit-item {
   /* width: 580px;
    height: 160px;*/
	  margin-top: 40px;
  }

  .block-brand_detail-shop_recruit-item .item-txt {
    top: 92px;
    width: 340px;
    font-size: 1.6rem;
  }

  .block-sns_list {
    margin-top: 100px;
  }

  .block-sns_list li + li {
    margin-left: 24px;
  }

  .block-brandsns_list {
    margin-top: 100px;
  }

  .block-brandsns_list li + li {
    margin-left: 24px;
  }

  .block-bslist_list {
    margin-top: 100px;
  }

  .block-bslist_list li + li {
    margin-left: 24px;
  }
}
@media screen and (max-width: 560px) {
  
  .block-sns_list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: space-evenly;
}
    
  .block-brand_detail-mv {
    margin-top: 6.4vw;
  }

  .block-brand_detail-mv-slider.slider-full .slick-dots {
    bottom: 4.27vw;
    right: 4.27vw;
  }

  .block-brand_detail-mv-slider.slider-full .slick-dots li {
    width: 3.2vw;
    height: 3.2vw;
  }

  .block-brand_detail-mv-slider.slider-full .slick-dots li button {
    width: 3.2vw;
    height: 3.2vw;
    border-radius: 3.2vw;
  }

  .block-brand_detail-mv-slider.slider-full .slick-dots li + li {
    margin-left: 4.27vw;
  }

  .block-brand_detail-top-comment {
    margin: 6.4vw 0 -7vw;
    font-size: 3.73vw;
  }

  .block-brand_detail-onlineshop {
    margin-top: 6.4vw;
  }

  .block-brand_detail-onlineshop .item-txt {
    top: 20.4vw;
    width: 54.13vw;
    font-size: 3.73vw;
  }

  .block-brand_detail .block-toppage-news-content-list {
    margin-right: -4.27vw;
    margin-left: -4.27vw;
    overflow: auto;
  }

  .block-brand_detail .news-content-list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .block-brand_detail .news-content-list li {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 40vw;
    margin-right: 4.27vw;
  }

  .block-brand_detail .news-content-list li:first-child {
    margin-left: 4.27vw;
  }

  .block-brand_detail .news-content-list li:not(:nth-child(-n+2)) {
    margin-top: 0;
  }

  .block-brand_detail-shop_recruit-item {
    width: 100%;
   /* height: 32vw;*/
	  margin-top: 6.4vw;
  }

  /*.block-brand_detail-shop_recruit-item + .block-brand_detail-shop_recruit-item {
    margin-top: 4.27vw;
  }*/

  .block-brand_detail-shop_recruit-item .item-txt {
    top: 18.2vw;
    width: 54.4vw;
    font-size: 3.73vw;
  }

  .block-sns_list {
    margin-top: 10.67vw;
  }

  .block-sns_list li {
    width: 10.67vw;
  }

  .block-sns_list li + li {
    margin-left: 6.4vw;
  }

  .block-sns_list img {
    width: 100%;
  }
    
  .block-sns_list {
    margin-top: 10.67vw;
  }

  .block-sns_list li {
    width: 10.67vw;
  }

  .block-bslist_list li + li {
    margin-left: 6.4vw;
  }

  .block-bslist_list img {
    width: 100%;
  }
}

/*椿の蔵ーーーーーーーーーーーーーーーーーーー
ーーーーーーーーーーーーーーーーーーーーーーー
20220810こころ追加*/
	/*椿の蔵ベースセットーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
	.tsubaki{
		/*background: #f0efeb;*/
		background: #fff;
		overflow-x: hidden;
	}
	.tsubaki header{
		position: static;
		z-index: 999;
	}
	.tsubaki_en{
		font-family: "HGP創英角ｺﾞｼｯｸUB", "Haettrnschweiler", "HGPｺﾞｼｯｸE","Verdana";
		letter-spacing: 0.2em;
	}
	.hover_touka a{
		transition: 0.2s;
	}
	.hover_touka a:hover{
		opacity: 0.7;
	}
	.tsubaki_box{
		color: #333;
		font-family:"Verdana", "游ゴシック", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;
		font-weight: 500;
		font-size: 1.7rem;
	}
	.tsubaki_small{
		max-width: 1000px;
		margin: 0 auto;
	}
	.tsubaki_title{
		font-size: 4rem;
		line-height: 1;
		margin-bottom: 30px;
	}
	.tsubaki_box h4{
		font-size: 2.4rem;
		font-weight: bold;
		line-height: 1;
	}
	.tsubaki_yohaku{
		margin-top: 1.6rem;
	}
	.tsubaki_comment{
		font-size: 1.2rem;
		padding-left: 1em;
	}
	.tsubaki .fadeIn{
		animation-delay: 0.1s;
	}
	/*スクロールーーーーー*/
	.tsubaki_scroll{
		position: absolute;
		left: 90%;
		top: 42vw;
	}
	.tsubaki_scroll span{
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		color: #756643;
	}
	
	.tsubaki_scroll::after{
  content: "";
  position: absolute;
  top: 0;
		left: -3px;
  width: 2px;
  height: 60px;
  background: #756643;
  animation: pathmove 2s ease-in-out infinite;
  opacity:0;
}

@keyframes pathmove{
  0%{
    height:0;
    top:0;
    opacity: 0;
  }
  30%{
    height:70px;
    opacity: 1;
  }
  100%{
    height:0;
    top:100px;
    opacity: 0;
  }
}

	/*椿の蔵ファーストビューーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
	.tsubaki_top{
		padding-top: 0;
		margin-top: -67px;
	}
	.tsubaki_top_box{
		width: 100%;
		height: 50vw;
		background-image: url(/cms/collection/images/service/tsubaki-kura/firstview_PC01_kara.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
	}
	/*椿の蔵くもの設定ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
	.tsubaki_top_kumo li{
		position: absolute;
		/*animation: fadeIn 4s infinite,pulse01 infinite;*/
	}
	.tsubaki_top_kumo li:nth-child(1){
		top: 10vw;
		left: 2vw;
		animation: fadeIn01 4s infinite,pulse01 6s infinite;
	}
	.tsubaki_top_kumo li:nth-child(1) img{
		width: 21vw;
	}
	.tsubaki_top_kumo li:nth-child(2){
		top: 8vw;
		right: 0.5vw;
		animation: fadeIn01 5s infinite,pulse01 7s infinite;
	}
	.tsubaki_top_kumo li:nth-child(2) img{
		width: 14vw;
	}
	.tsubaki_top_kumo li:nth-child(3){
		top: 37vw;
		left: 1vw;
		animation: fadeIn01 3s infinite,pulse01 5s infinite;
	}
	.tsubaki_top_kumo li:nth-child(3) img{
		width: 18vw;
	}
	.tsubaki_top_kumo li:nth-child(4){
		top: 15vw;
		right: 3vw;
		animation: fadeIn01 4.5s infinite,pulse01 6s infinite;
	}
	.tsubaki_top_kumo li:nth-child(4) img{
		width: 19vw;
	}
	@keyframes fadeIn01{
		0%{
			opacity: 0.5;
		}
		50%{
			opacity: 1;
		}
		100%{
			opacity: 0.5;
		}
	}
	@keyframes pulse01 {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.15, 1.1, 1.15);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.pulse01 {
  animation-name: pulse01;
}
	/*なびげーしょん－ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
	.tsubaki_top_nav{
		padding-left: 80vw;
		padding-top: 15vw;
	}
	.tsubaki_top_nav ul{
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		line-height: 3em;
	}
	.tsubaki_top_nav ul li{
		position: relative;
	}
	.tsubaki_top_nav ul li:nth-child(1)::before{
		content: none;
	}
	.tsubaki_top_nav ul li::before{
		position: absolute;
		z-index: 10;
		content: "";
		width: 1.5px;
		height: 6em;
		background: #756643;
	}
	.tsubaki_top_nav ul li a{
		text-decoration: none;
		font-size: 1.8rem;
		letter-spacing: 0.2em;
		transition: 0.2s;
		font-family: ten-mincho, serif;
	}
	.tsubaki_top_nav ul li a span{
		font-size: 1.3rem;
		letter-spacing: 0.1em;
	}
	.tsubaki_top_nav ul li a:hover{
		opacity: 0.7;
	}
	/*椿の蔵オレンジのまるーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
	.tsubaki_circle{
		background: #F5B087;
		width: 150px;
		height: 150px;
		border-radius: 50%;
		position: absolute;
		z-index: -1;
	}
	.tsubaki_circle.fadeIn{
		animation-duration: 3s;
	}
	.tsubaki_lead_box .tsubaki_circle{
		top: 0;
		left: 0;
	}
	.tsubaki_access_box .tsubaki_circle{
		top: -30px;
		left: 3px;
	}
	.tsubaki_info_box .tsubaki_circle{
		top: -30px;
		right: 3px;
	}
	.tsubaki_more_in li:nth-child(1) .tsubaki_more_box .tsubaki_circle{
		top: -30px;
		left: 0;
	}
	.tsubaki_more_in li:nth-child(2) .tsubaki_more_box .tsubaki_circle{
		top: -30px;
		left: 0;
	}
	.tsubaki_more_in li:nth-child(3) .tsubaki_more_box .tsubaki_circle{
		top: -30px;
		left: 0;
	}
	.tsubaki_more_in li:nth-child(5) .tsubaki_more_box .tsubaki_circle{
		top: 0;
		left: 0;
	}
	/*椿の蔵lead部分ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
	.tsubaki_lead_box{
		border-left: 3px solid;
		padding: 30px;
		position: relative;
		z-index: 1;
	}
	.tsubaki_button{
		text-align: right;
	}
	.tsubaki_button a{
		background: #FFEEEC;
		color: #333;
		border: 2px solid;
		padding: 15px 30px;
		font-weight: bold;
		text-decoration: none;
		display: inline-block;
		vertical-align: middle;
	}
	
	.tsubaki_lead .tsubaki_button{
		margin-top: 30px;
	}
	/*椿の蔵フロアマップーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
	.tsubaki_map_top{
		position: relative;
	}
	.tsubaki_map_top_box{
		position: absolute;
		top: 20px;
		right: 0;
	}
	.tsubaki_map .tsubaki_title{
		text-align: right;
		border-right: 3px solid;
		padding: 0 30px 0 0;
		height: 33vw;
	}
	.tsubaki_map_bottom ul li,.tsubaki_map_bottom ul{
		display: flex!important;
		justify-content: space-between;
	}
	.tsubaki_map_bottom ul li{
		position: relative;
	}
	.tsubaki_map_top_box_F li:nth-child(2){
		margin-top: 300px;
	}
	.tsubaki_map_top_box_F{
		position: absolute;
		top: 130px;
		left: 35%;
	}
	.tsubaki_map_box{
		max-width: 850px;
	}
	.tsubaki_map_bottom .tsubaki_map_text{
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}
	.tsubaki_map_bottom .tsubaki_map_F{
		position: absolute;
		top: -20px;
		left: -33px;
	}
	.tsubaki_map_F span{
		background-color: #E58A5F;
		border-radius: 50%;
		font-size: 2rem;
		font-weight: bold;
		padding: 1em;
		color: rgba(255,254,253,1.00)
	}
	.tsubaki_map_F_oku span{
		padding: 1em 0.5em;
	}
	
	/*椿の蔵フロアマップのピンーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
	.tsubaki_map_box_pin{
		position: absolute;
		top: 0;
		left: 0;
		
	}
	.tsubaki_map_box_pin li{
  position:relative;
		width: 70px;
		height: auto;
		
}
.tsubaki_map_box_pin li a{
  display:block;
	
}
	.tsubaki_map_box_pin li .img-before{
		margin: 0 auto;
		
}
.tsubaki_map_box_pin li .img-after{
  visibility:hidden;
  position:absolute;
  top:-59px;
  left:0px;
}
.tsubaki_map_box_pin li a:hover .img-before{
  visibility:hidden;
}
.tsubaki_map_box_pin li a:hover .img-after{
  visibility:visible;
}
	.tsubaki_map_box_pin li:nth-child(1){
		margin-top: 145px;
		margin-left: 174px;
	}
	.tsubaki_map_box_pin li:nth-child(2){
		margin-top: -62px;
		margin-left: 211px;
	}
	.tsubaki_map_box_pin li:nth-child(3){
		margin-top: 66px;
		margin-left: 268px;
	}
	.tsubaki_map_box_pin li:nth-child(4){
		margin-top: -90px;
		margin-left: 315px;
	}
	.tsubaki_map_box_pin li:nth-child(5){
		margin-top: -63px;
		margin-left: 384px;
	}
	.tsubaki_map_box_pin li:nth-child(6){
		margin-top: 80px;
		margin-left: 507px;
	}
	.tsubaki_map_box_pin li:nth-child(7){
		margin-top: 17px;
		margin-left: 579px;
	}
	.tsubaki_map_box_pin li:nth-child(8){
		margin-top: 53px;
		margin-left: 480px;
	}
	.tsubaki_map_box_pin li:nth-child(9){
		margin-top: 126px;
		margin-left: 123px;
	}
	.tsubaki_map_box_pin li:nth-child(10){
		margin-top: 38px;
		margin-left: 231px;
	}
	.tsubaki_map_box_pin li:nth-child(11){
		margin-top: -100px;
		margin-left: 343px;
	}
	.tsubaki_map_box_pin li:nth-child(12){
		margin-top: -59px;
		margin-left: 388px;
	}
	.tsubaki_map_box_pin li:nth-child(13){
		margin-top: 80px;
		margin-left: 465px;
	}
	.tsubaki_map_box_pin li:nth-child(14){
		margin-top: 36px;
		margin-left: 406px;
	}
	.tsubaki_map_box_pin li:nth-child(15){
		margin-top: -31px;
		margin-left: 664px;
	}
	
	/*椿の蔵アクセスーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
	/*circleで30pxはみ出ているので合わせる*/
	.tsubaki_access,.tsubaki_info{
		padding-top: 160px;
	}
	.tsubaki_access .tsubaki_access_text{
		border-left: 3px solid;
		padding: 0 0 0 30px;
	}
	.tsubaki_access .tsubaki_title{
		margin-bottom: 50px;
	}
	.tsubaki_access_box{
		display: flex;
		justify-content: space-between;
		position: relative;
	}
	.tsubaki_access_text dl{
		margin-top: 20px;
	}
	.tsubaki_access_text dl dt{
		font-weight: bold;
		padding-bottom: 7px;
		margin-bottom: 8px;
		border-bottom: 2px solid;
	}
	.tsubaki_access_text p.tsubaki_yohaku{
		margin-top: 2em;
	}
	.tsubaki_access_text p.tsubaki_yohaku a{
		color: #333;
		position: relative;
		padding-left: 2em;
	}
	.tsubaki_access_text p.tsubaki_yohaku a:hover{
		text-decoration: none;
	}
	.tsubaki_access_text p.tsubaki_yohaku a::before{
		content: url(/cms/collection/images/service/tsubaki-kura/pin.png);
		position: absolute;
		top: 0;
		left: 0;
	}
	/*椿の蔵インフォメーションーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
	.tsubaki_info_box{
		border-right: 3px solid;
		padding: 0 30px 0 0;
		position: relative;
	}
	.tsubaki_info_box .tsubaki_title{
		text-align: right;
	}
	.tsubaki_info_box ul li{
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.tsubaki_info_box ul .tsubaki_info_text_left{
		width: 15%;
	}
	.tsubaki_info_box ul li:nth-child(2){
		margin-top: 30px;
	}
	.tsubaki_info_text_right{
		border-left: 3px solid;
		padding:10px 0 10px 30px;
	}
	.tsubaki_info_text_right dl{
		display: flex;
	}
	.tsubaki_info_text_right a{
		color: #333;
		margin-left: 1em;
	}
	.tsubaki_info_text_right a:hover{
		text-decoration: none;
	}
	/*椿の蔵SNS--------------------------------------------*/
	.tsubaki_sns_box{
		position: relative;
	}
	.tsubaki_sns_icon_in{
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		text-align: center;
		-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	}
	.tsubaki_sns_icon h4{
		color: #f0efeb;
	}
	.tsubaki_sns_icon{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.37);
		-webkit-transition:	all 0.8s ease;
	transition:		all 0.8s ease;
		opacity: 0;
	}
	.tsubaki_sns_box:hover .tsubaki_sns_icon{
		opacity: 1;
	}
	.tsubaki_sns_box ul{
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 30px;
	}
	.tsubaki_sns_icon ul li{
		width: 3.5vw;
		transition: transform 0.4s ease;
	}
	.tsubaki_sns_icon ul li:nth-child(1),.tsubaki_sns_icon ul li:nth-child(2){
		margin-right: 20px;
	}
	.tsubaki_sns_icon ul li:hover{
		 transform: scale(1.1);
	}
	/*椿の蔵下層部コンセプトーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
	.tsubaki_more_box{
		border-left: 3px solid;
		padding: 0 0 0 30px;
		margin: 50px 0 100px;
	}
	.tsubaki_more_title{
		font-size: 3.2rem;
		margin-bottom: 30px;
	}
	.tsubaki_more_box h4{
		position: relative;
		padding-left: 1.8em;
		margin: 2em 0 1em;
	}
	.tsubaki_more_box h4::before{
		position: absolute;
		content: "";
		width: 1em;
		height: 3px;
		background: #333;
		top: 50%;
		left: 0;
	}
	.tsubaki_more_box_last{
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}
	.tsubaki_more_in li .tsubaki_more_box{
		position: relative;
	}
	.tsubaki_more_in li:nth-child(3) ul li{
		position: relative;
		padding-left: 1.2em;
	}
	.tsubaki_more_in li:nth-child(3) ul li::before{
		position: absolute;
		content: "";
		width: 1em;
		height: 1em;
		background: #333;
		top: 0.45em;
		left: 0;
		border-radius: 50%;
	}
	.tsubaki_more_box_and{
		margin-top: 30px;
	}
	.tsubaki_more_box_and .tsubaki_button{
		margin-left: 30px;
	}
	.tsubaki_more_title_text01{
		position: relative;
		font-weight: bold;
		padding-left: 2em;
		margin: 2em 0 1em;
	}
	.tsubaki_more_title_text01::before{
		position: absolute;
		content: "";
		width: 1.5em;
		height: 2px;
		background: #333;
		top: 45%;
		left: 0;
	}
	.tsubaki_more_in li:nth-child(5) .tsubaki_more_title_text{
		width: 80%;
	}
	.tsubaki_more_box_last_img{
		text-align: center;
	}
	.tsubaki_more_box_last_img p{
		font-size: 1.4rem;
		margin-top: 1em;
		font-weight: bold;
	}
	/*椿の蔵バナーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
	.tsubaki_banner ul{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		max-width: 1000px;
		margin: 0 auto;
	}
	.tsubaki_banner ul li{
		margin-bottom: 30px;
		max-width: 300px;
	}
	/*メディアクエリ560pxーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
	@media screen and (max-width: 560px){
		.tsubaki_en{
		letter-spacing: 0.1em;
	}
		.tsubaki_title{
			font-size: 1.8em;
		}
		.tsubaki_box{
			font-size: 1.5rem;
		}
		.tsubaki_lead_box{
			padding:  4.27vw 0 4.27vw 4.27vw;
		}
		.tsubaki_access .tsubaki_access_text,.tsubaki_more_box{
			padding: 0 0 0 4.27vw;
		}
		.tsubaki_map .tsubaki_title,.tsubaki_info_box{
			padding: 0 4.27vw 0 0;
		}
		.tsubaki_box h4{
			font-size: 1.8rem;
		}
		.tsubaki_scroll{
			top: 120vw;
		}
		/*スマホ椿の蔵ファーストビューーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
		.tsubaki_top_box{
		height: 190vw;
		background-image: url(/cms/collection/images/service/tsubaki-kura/firstview_SP.jpg);
		background-position: top;
	}
		.tsubaki_top{
			margin-top: -85px;
		}
		.tsubaki_lead {
			padding-top: 0;
			margin-top: -190px;
		}
		.tsubaki_circle{
			width: 100px;
			height: 100px;
		}
		/*スマホ椿の蔵マップーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
		section.tsubaki_map{
			padding-top: 90px;
		}
		.tsubaki_map_top_box {
			top: -65px;
		}
		.tsubaki_map .tsubaki_title{
			height: 160vw;
		}
		.tsubaki_map_top_box_F{
			left: auto;
			right: 6.27vw;
			top: 70px;
		}
		.tsubaki_map_top_box_F li:nth-child(2){
			margin-top: 52vw;
		}
		.tsubaki_map_top_box_F li:nth-child(3){
			margin-top: 54vw;
		}
		.tsubaki_map .tsubaki_title{
			border-right: none;
		}
		/*スマホ椿の蔵アクセスーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
		.tsubaki_access_text dl dt{
			font-size: 1.7rem;
		}
		.tsubaki_access_box{
			display: block;
		}
		.tsubaki_access .tsubaki_title{
			margin-bottom: 20px;
		}
		/*スマホ椿の蔵インフォメーションーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
		.tsubaki_info_box ul{
			text-align: right;
		}
		.tsubaki_info_box ul li{
		display: block;
	}
	.tsubaki_info_box ul .tsubaki_info_text_left{
		width: auto;
		border-bottom: 2px solid;
		padding-bottom: 10px;
	}
		.tsubaki_info_box ul .tsubaki_info_text_left h4{
			font-size: 1.7rem;
		}
	.tsubaki_info_box ul li:nth-child(2){
		margin-top: 30px;
	}
	.tsubaki_info_text_right{
		border-left: none;
		padding:10px 0 0 0;
	}
		.tsubaki_info_text_right dl{
			justify-content: flex-end;
		}
		.tsubaki_info_box ul li:nth-child(2) .tsubaki_info_text_right dl{
			display: block;
		}
		.tsubaki_info_box ul li:nth-child(2) .tsubaki_info_text_right dl:nth-child(2){
			margin-top: 1.6rem;
		}
		.tsubaki_more h3{
			font-size: 2.2rem;
		}
		.tsubaki_more_box{
			padding: 0 0 0 20px;
			margin: 50px 4.27vw 100px;
		}
		.tsubaki_map_bottom ul li, .tsubaki_map_bottom ul{
			justify-content: center;
		}
		.tsubaki_map_bottom ul li img{
			max-width: 185px;
		}
		.tsubaki_more_in li:nth-child(2) .tsubaki_comment{
			padding-left: 0;
		}
		.tsubaki_more_in li:nth-child(2) .tsubaki_button {
			margin: 10px 0 0 0;
			display: block;
		}
		.tsubaki_more_box_last{
			display: block;
		}
		.tsubaki_more_in li:nth-child(5) .tsubaki_more_title_text{
			width: auto;
		}
		.tsubaki_more_box_only{
			display: flex;
			justify-content: space-between;
			align-items: center;

		}
		.tsubaki_more_box_only .tsubaki_more_box_last_img {
			width: 28vw;
		}
		/*スマホ椿の蔵スリック設定ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
		.tsubaki_map_F span{
			font-size: 1.3rem;
		}
		.tsubaki_map_bottom .tsubaki_map_F {
			position: static;
			margin: 10px 0 0 9px;
		}
		.tsubaki .slick-dots{
			bottom: -50px;
		}
		.tsubaki_map_bottom .tsubaki_map_text{
			margin-top: 1.5rem;
			margin-left: 7px;
			font-size: 1.3rem
		}
		.tsubaki .slick-dots li button:before{
			font-size: 25px;
			content: "•";
		}
		/*スマホ椿の蔵スリック設定------------------------------------------------------------------*/
		.tsubaki_sns_box ul{
			margin-top: 0;
		}
		.tsubaki_sns_back ul{
			flex-wrap: wrap;
		}
		.tsubaki_sns_back ul li{
			width: calc(100% / 3);
		}
		.tsubaki_sns_icon h4{
			color: #333;
			margin-bottom: 20px;
			font-size: 2rem;
		}
		.tsubaki_sns_icon{
			background-color: transparent;
			opacity: 1;
			margin: 30px 0;
		}
		.tsubaki_sns_icon_in,.tsubaki_sns_icon{
			position: static;
		}
		.tsubaki_sns_icon_in{
			transform:none;
		}
		.tsubaki_sns_icon ul li{
			width: 8vw;
		}
		.tsubaki_banner ul{
			justify-content: center;
		}
		/*矢印*/
		
		.tsubaki .slick-next:before,.tsubaki .slick-prev:before{
			content: "";
			width: 5.5vw;
            height: 5.5vw;
            border-top: solid 3px #333;
            border-right: solid 3px #333;
            position: absolute;
			top: 26vw;
		}
		.tsubaki .slick-next,.tsubaki .slick-prev{
			position: relative;
			z-index: 99;
		}
		/*右矢印*/
		.tsubaki .slick-next:before{
			transform: rotate(45deg);
			right: 19vw;
		}
		/*左矢印*/
		.tsubaki .slick-prev:before{
			transform: rotate(-135deg);
			left: 19vw;
		}
		}



.tsubaki_tsubakiya .tsubaki_scroll{
		left: 51%;
		transform: translate(-49%, -49%);
    	-webkit-transform: translate(-49%, -49%);
    	-ms-transform: translate(-49%, -49%);
	}
	.tsubaki_tsubakiya .tsubaki_scroll span{
		color: #fff;
	}
	.tsubaki_tsubakiya section.tsubakiya_top{
		padding-top: 0;
	}
	.tsubaki_tsubakiya .tsubaki_scroll::after{
		background: #fff;
	}
	.tsubaki_tsubakiya section{
		padding-top: 150px;
	}
	.tsubakiya_top .tsubaki_top_box {
    	background-image: url(/cms/collection/images/service/tsubaki-kura/tsubakiya_top_bg.jpeg);
		position: relative;
	}
	.tsubakiya_top_logo{
		position: absolute;
		top: 50%;
		transform: translate(-50%, -50%);
    	-webkit-transform: translate(-50%, -50%);
    	-ms-transform: translate(-50%, -50%);
		left: 50%;
		width: 9vw;
		height: auto;
	}
	.tsubaki_tsubakiya h3,.tsubaki_tsubakiya h4,.tsubaki_tsubakiya h5,p.tsubakiya_menu_title_sub{
		font-family: ten-mincho, serif;
		font-weight: 500;
		line-height: 1;
		letter-spacing: 0.15em;
	}
	.tsubaki_tsubakiya{
		font-family: "Verdana", "游ゴシック", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;
		font-weight: 500;
		font-style: normal;
		color: #000;
	}
	.tsubaki_tsubakiya p{
		font-size: 1.5rem;
	}
	section.tsubakiya_concept{
		padding-top: 80px;
	}
	.tsubakiya_concept_lead{
		text-align: center;
		margin-bottom: 80px;
	}
	.tsubakiya_concept ul li{
		display: flex;
		align-items: flex-end;
		margin-bottom: 80px;
	}
	.tsubakiya_concept ul li:last-child{
		margin-bottom: 0;
	}
	.tsubakiya_concept ul li:nth-child(2),.tsubakiya_concept ul li:nth-child(4){
		flex-direction: row-reverse;
	}
	.tsubakiya_concept_title{
		position: relative;
	}
	.tsubakiya_concept_title h4{
		position: absolute;
		color: #fff;
		font-size: 6rem;
		top: 0.3em;
		right: 0.3em;
	}
	.tsubakiya_concept ul li:nth-child(4) h4{
		color: #666;
	}
	.tsubakiya_concept_text{
		max-width: 400px;
		position: static;
		z-index: 100;
	}
	.tsubakiya_concept ul li:nth-child(1) .tsubakiya_concept_text,.tsubakiya_concept ul li:nth-child(3) .tsubakiya_concept_text{
		margin-left: -2.5em;
	}
	.tsubakiya_concept ul li:nth-child(2) .tsubakiya_concept_text,.tsubakiya_concept ul li:nth-child(4) .tsubakiya_concept_text{
		margin-right: -2.5em;
	}
	.tsubakiya_menu h3{
		font-size: 6rem;
    	text-align: center;
		margin-bottom: 50px;
	}
	.tsubakiya_system img{
		max-width: 800px;
		margin: 0 auto 80px;
	}
	.tsubakiya_menu ul li{
		margin-bottom: 100px;
	}
	.tsubakiya_menu_title{
		display: flex;
		align-items: center;
	}
	.tsubakiya_menu ul li h5{
		font-size: 2rem;
		border: 2px solid;
		padding: 0.4em 0.5em 0.4em 0.6em;
		white-space: nowrap;
	}
	.tsubakiya_fukidashi {
		background-color: #000;
		position: relative;
	}
	.tsubakiya_fukidashi:before {
     	content: "";
   		position: absolute;
    	top: 73%;
    	left: 15%;
    	border: 8px solid transparent;
    	border-top: 24px solid #000;
    	transform: rotate(36deg);
	}

	.tsubakiya_fukidashi p {
  		padding: 0.41em 1em;
		white-space: nowrap;
		color: #fff;
	}
	.tsubakiya_fukidashi{
		margin-left: 10px;
	}
	
	.tsubakiya_menu ul li:nth-child(1) .tsubakiya_menu_title_text{
		margin: 0 0 -3em 20px;
	}
	.tsubakiya_menu ul li .tsubakiya_menu_box04 li{
		margin-bottom: 0;
	}
	.tsubakiya_menu ul li .tsubakiya_menu_box01,.tsubakiya_menu ul li .tsubakiya_menu_box04{
		max-width: 600px;
		display: flex;
		justify-content: space-between;
		margin: 50px auto 0;
	}
	.tsubakiya_menu ul li:nth-child(1) .tsubakiya_menu_box01 li{
		width: calc(100% / 3 - 3vw);
	}
	.tsubakiya_menu ul li:nth-child(2) .tsubakiya_menu_box01 li{
		width: calc(100% / 3 - 1.5vw);
	}
	.tsubakiya_menu ul li .tsubakiya_menu_box02{
		max-width: 600px;
		margin: 50px auto 0;
	}
	.tsubakiya_menu ul li .tsubakiya_menu_box01 li{
		margin-bottom: 20px;
	}
	.tsubakiya_menu ul li .tsubakiya_menu_box02 li:last-child{
		margin: 0 auto;
		width: 50%;
	}
	.tsubakiya_menu ul li .tsubakiya_menu_box03{
		max-width: 600px;
		margin: 50px auto 0;
	}
	.tsubakiya_menu ul li .tsubakiya_menu_box04 li:nth-child(1){
		margin-right: 4vw;
	}
	.tsubakiya_menu_box li p.tsubaki_susume{
		color: #fff;
		background-color: #ad2d22;
		border-radius: 50%;
		position: absolute;
		padding: 0.5em 0.6em;
		font-family: ten-mincho, serif;
		font-size: 2.2rem;
	}
	.tsubakiya_menu_box li p{
		text-align: center;
		font-size: 2.2rem;
		line-height: 1.2em;
	}
	.tsubakiya_menu_box_text{
		position: relative;
		margin-top: 15px;
		white-space: nowrap;
	}
	.tsubakiya_menu ul li:nth-child(1) .tsubakiya_menu_box01 li:nth-child(1) .tsubakiya_menu_box_text{
		margin-top: 2.55em;
	}
	.tsubakiya_menu ul li:nth-child(1) .tsubakiya_menu_box01 li:nth-child(2) .tsubakiya_menu_box_text{
		margin-top: 2.3em;
	}
	.tsubakiya_menu ul li:nth-child(2) .tsubakiya_menu_box01 li:nth-child(1) .tsubakiya_menu_box_text{
		margin-top: 1.5em;
	}
	
	
	.tsubakiya_menu ul li:nth-child(1) .tsubakiya_menu_box01 li p.tsubaki_susume{
		top: -12px;
		left: -30px;
	}
	.tsubakiya_menu ul li .tsubakiya_menu_box02 li:nth-child(1) p.tsubaki_susume{
		top: 1px;
		left: 164px;
	}
	.tsubakiya_menu ul li .tsubakiya_menu_box02 li:nth-child(2) p.tsubaki_susume{
		top: 1px;
		left: 151px;
	}
	.tsubakiya_menu ul li:nth-child(2) .tsubakiya_menu_box01 .tsubakiya_menu_box_text{
		text-align: right;
	}
	.tsubakiya_menu ul li:nth-child(2) .tsubakiya_menu_box01 .tsubakiya_menu_box_text p{
		display: inline-block;
	}
	
	.tsubakiya_menu ul li .tsubakiya_menu_box03 .tsubakiya_menu_box_text{
		text-align: center;
	}
	.tsubakiya_menu ul li .tsubakiya_menu_box03 .tsubakiya_menu_box_text p span{
		font-size: 1.2rem;
	}
	.tsubakiya_menu ul li .tsubakiya_menu_box03 .tsubakiya_menu_box_text p:nth-child(2){
		font-size: 1.4rem;
		margin-top: 15px;
	}
	
	.tsubakiya_menu_box_text span{
		font-size: 1.8rem;
	}
	.tsubakiya_menu ul li .tsubakiya_menu_box02 li:nth-child(1){
		position: relative;
	}
	.tsubakiya_menu_box li p.susume_re_only{
		position: absolute;
		top: 50px;
		right: 0;
		font-size: 1.8rem;
	}
	.tsubakiya_menu_box04 li p.tsubaki_susume{
		top: -83px;
    	right: 92px;
	}
	.tsubakiya_menu_box02 li{
		margin-bottom: 30px!important;
	}	
	.tsubakiya_menu_description{
		display: flex;
		margin-top: 50px;
	}
	p.tsubakiya_menu_title_sub{
		background-color: #000;
		color: #fff;
		padding: 1em 1em 1em 30px;
		display: inline-block;
		font-size: 1.8rem;
		margin-left: -30px;
		
	}
	.tsubakiya_menu_img02 img{
		max-width: 500px;
	}
	.tsubakiya_menu_description_text{
		margin-left: 30px;
	}
	.tsubakiya_menu_description_text h4{
		font-size: 5rem;
		margin: 30px 0 15px;
	}
	.tsubakiya_menu_description_text h4 span{
		font-size: 3rem;
	}
	.tsubakiya_menu_title03_box{
		display: flex;
		align-items: center;
		margin-top: -80px;
	}
	.tsubakiya_menu_title03_box .tsubakiya_menu_title_text{
		margin-left: 10px;
	}
	.tsubakiya_menu ul li .tsubakiya_menu_title{
		position: relative;
	}
	.tsubakiya_menu ul li .tsubakiya_menu_title::after{
		position: absolute;
		content: "";
		height: 2px;
		top: 50%;
		right: 0;
		background: #000;
	}
	.tsubakiya_menu ul li:nth-child(5) .tsubakiya_menu_description_text h4{
		line-height: 1.1em;
	}
	.tsubakiya_menu ul li:nth-child(1) .tsubakiya_menu_title::after{
		width: calc(100% - 2.25rem * 8 - 1.5rem * 8 - 29px);
	}
	.tsubakiya_menu ul li:nth-child(2) .tsubakiya_menu_title::after{
		width: calc(100% - 2.25rem * 11 - 1.5rem * 8 - 29px);
	}
	.tsubakiya_menu ul li:nth-child(3) .tsubakiya_menu_title::after{
		width: calc(100% - 2.25rem * 7 - 4px);
	}
	.tsubakiya_menu ul li:nth-child(4) .tsubakiya_menu_title::after{
		width: calc(100% - 2.25rem * 10 - 4px);
	}
	.tsubakiya_menu ul li:nth-child(5) .tsubakiya_menu_title::after{
		width: calc(100% - 2.25rem * 7 - 4px);
	}
	.tsubakiya_menu_button{
		text-align: center;
	}
	.tsubakiya_menu_button a{
		color: #000;
		text-decoration: none;
		font-size: 2.4rem;
		border: 1px solid;
		padding: 1em 3em;
		margin: 0 auto;
		display: inline-block;
		transition: 0.2s;









	}
	.tsubakiya_menu_button a:hover{
		color: #fff;
		background-color: #000;
	}
	@media screen and (max-width: 560px){
		.tsubaki_tsubakiya .tsubaki_scroll{
		top: 80%;
	}
		.tsubakiya_top_logo{
			width: 27vw;
		}
		.tsubaki_tsubakiya p {
    		font-size: 1.4rem;
		}

		.tsubakiya_menu,section.tsubakiya_concept{
			padding-top: 100px;
		}



		.tsubakiya_concept_lead{
			text-align: justify;
		}
		.tsubakiya_concept_title h4,.tsubakiya_menu_description_text h4{
			font-size: 4rem;
		}
		.tsubakiya_concept ul li,.tsubakiya_menu_description{
			display: block;
		}
		.tsubakiya_concept_text{
			max-width: none;
			margin-top: 20px;
		}
		.tsubakiya_concept ul li:nth-child(1) .tsubakiya_concept_text, .tsubakiya_concept ul li:nth-child(3) .tsubakiya_concept_text{
			margin-left: 0;
		}
		.tsubakiya_concept ul li:nth-child(2) .tsubakiya_concept_text, .tsubakiya_concept ul li:nth-child(4) .tsubakiya_concept_text {
    		margin-right: 0;
		}
		.tsubakiya_menu h3{
			font-size: 3rem;
			margin-bottom: 30px;
		}
		.tsubakiya_menu_img02 img,.tsubakiya_system img{
			width: 100%;
		}
		p.tsubakiya_menu_title_sub,.tsubakiya_menu_description_text{
			margin-left: 0;
		}
		p.tsubakiya_menu_title_sub{
			margin-top: 30px;
			padding: 1em 1.5em;
		}
		.tsubakiya_menu ul li h5{
			font-size: 1.6rem;
		}
		.tsubakiya_fukidashi p{
			font-size: 1.2rem;
		}
		.tsubakiya_menu ul li:nth-child(1) .tsubakiya_menu_title::after,.tsubakiya_menu ul li:nth-child(2) .tsubakiya_menu_title::after,.tsubakiya_menu ul li:nth-child(3) .tsubakiya_menu_title::after{
			content: none;
		}
		.tsubakiya_menu_title03_box{
			margin-top: 0;
			display: block;
		}
		.tsubakiya_menu ul li:nth-child(4) .tsubakiya_menu_title::after{
			width: calc(100% - 1.8rem * 10 - 4px);
		}
		.tsubakiya_menu ul li:nth-child(5) .tsubakiya_menu_title::after{
			width: calc(100% - 1.8rem * 7 - 4px);
		}
		.tsubakiya_fukidashi:before {
    		border: 7px solid transparent;
    		border-top: 20px solid #000;
		}
		.tsubakiya_menu ul li:nth-child(3) .tsubakiya_fukidashi{
			display: inline-block;
		}
		.tsubakiya_menu ul li:nth-child(1) .tsubakiya_menu_title_text,.tsubakiya_menu ul li:nth-child(3) .tsubakiya_menu_title_text{
			font-size: 1.2rem;
			margin: 10px 0;
		}
		.tsubakiya_menu_box{
			margin: 30px auto 0;
		}
		.tsubakiya_menu_button a{
			font-size: 1.8rem;
		}
		.tsubakiya_menu_box li p.tsubaki_susume{
			font-size: 1.7rem;
		}
		.tsubakiya_menu_box li p{
			font-size: 1.7rem;
		}
		.tsubakiya_menu_box_text span {
    		font-size: 1.3rem;
		}
		.tsubakiya_menu_box li p.susume_re_only{
			font-size: 1.2rem;
			top: 38px;
		}
		.tsubakiya_menu ul li .tsubakiya_menu_box02 li:nth-child(1) p.tsubaki_susume{
			left: 47px;
		}
		.tsubakiya_menu ul li .tsubakiya_menu_box02 li:nth-child(2) p.tsubaki_susume{
			left: 37px;
		}
		.tsubakiya_menu ul li .tsubakiya_menu_box04{
			align-items: baseline;
		}
		.tsubakiya_menu_box04 li p.tsubaki_susume {
    		top: -53px;
    		right: 40px;
		}
		.tsubakiya_menu ul li:nth-child(1) .tsubakiya_menu_box01 li:nth-child(2) .tsubakiya_menu_box_text{
			margin-top: 1.9em;
		}
		.tsubakiya_menu ul li:nth-child(1) .tsubakiya_menu_box01 li:nth-child(1) .tsubakiya_menu_box_text{
			margin-top: 2.25em;
		}
	}

/*お浄めミュージアム---------------------------------------------
	------------------------------------------------------------------------------*/
	/*基本設定-------------------------------------------*/
    @media screen and (min-width: 1600px){
		.okiyome_about::after,.okiyome_about::before{
			width: 30%;
		}
	}
	.okiyome{
		font-family: 'Zen Old Mincho', serif;
		font-weight: 500;
		color: #1e1e1e;
	}
	.okiyome section{
		padding-top: 0;
	}
	.okiyome img{
		image-rendering: -webkit-optimize-contrast;
	}
	.okiyome a{
		text-decoration: none;
		color: #1e1e1e;
	}
	.bg_max{
		max-width: 1000px;
		margin: 0 auto;
	}
	.okiyome .en {
		font-family: anisette-std, sans-serif;
		color: #e64812;

	}

	.sp_only{

			display: none!important;
		}
	.okiyome_top_box{
		display: flex;
		position: relative;
	}
	.okiyome_top_box_img{
		max-width: 470px;
		margin-left: 40px;
	}
	.okiyome_top_box_nav{
		width: 250px;
		margin-left: 120px;
	}
	.okiyome_top{
		width: 100%;
		height: auto;
		margin-top: 40px;
	}
	.hover_opacity07 ul li a{
		transition: 0.3s;
		opacity: 1;
	}
	.hover_opacity07 ul li a:hover{
		opacity: 0.7;
	}
	#floor,#about{
		display: inline-block;
    	padding-top: 5em;
    	margin-top: -5em;
	}
	/*じわーっと出現
	アニメーション-------------------------------------------*/
	.jiwatto{
		opacity: 0;
	}
	.jiwatto.jiwatto_01.blur{
		animation-duration:2.5s;
	}
	.jiwatto.jiwatto_02.blur{
		animation-duration:2.5s;
	}
	.jiwatto.blur{
  		animation-name:blurAnime;
  		animation-duration:1.3s;
  		animation-fill-mode:forwards;
		opacity: 1;
	}
	@keyframes blurAnime{
  		0% {
			filter: blur(10px);
  			transform: scale(1.02);
  			opacity: 0;
		}
		20% {
			filter: blur(10px);
  			transform: scale(1.02);
  			opacity: 0;
		}
  		100% {
  			filter: blur(0);
  			transform: scale(1);
  			opacity: 1;
  		}
	}
	.jiwatto_03.jiwatto.blur{
		animation-name:blurAnime03;
		animation-duration:1.8s;
	}
	@keyframes blurAnime03{
  		0% {
			filter: blur(10px);
  			transform: scale(1.02);
  			opacity: 0;
		}
		10% {
			filter: blur(10px);
  			transform: scale(1.02);
  			opacity: 0;
		}
  		100% {
  			filter: blur(0);
  			transform: scale(1);
  			opacity: 1;
  		}
	}
	.jiwatto_04.jiwatto.blur{
		animation-name:blurAnime04;
		animation-duration:2s;
	}
	@keyframes blurAnime04{
  		0% {
			filter: blur(10px);
  			transform: scale(1.02);
  			opacity: 0;
		}
		25% {
			filter: blur(10px);
  			transform: scale(1.02);
  			opacity: 0;
		}
  		100% {
  			filter: blur(0);
  			transform: scale(1);
  			opacity: 1;
  		}
	}
	.jiwatto_up {
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  transition: transform 1.5s, opacity 1.5s, visibility 1.5s;
}
.is-fadein {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}

	
	/*TOP------------------------------------
	スライダー----------------------*/
	.okiyome_top_slide{
		width: 100%;
	}
	.slider.slick-initialized{
		opacity: 1;
	}
	.okiyome_top_slide .slick-dots{
		left: 100%;
		bottom: 0;
	}
	/*TOPスライダーじわっと切り替え---------------------------*/
	@keyframes zoomUp {
		0% {
			transform: scale(1);
		}
		100% {
			transform: scale(1.15); /* 拡大率 */
		}
	}
	.add-animation {
		animation: zoomUp 10s linear 0s normal both;
	}
	/*スライダー　ドット---------------------------*/
	.okiyome .slick-dots li button:before{
		font-size: 20px;
		color: #e7e3dd;
		opacity: 1;content: "•";
	}
	.okiyome_top_slide .slick-dots li{
		display: block;
		margin: 0;
	}
	.okiyome .slick-dots li.slick-active button:before{
		color: #e64812;
	}
	.okiyome_top_slide.slick-dotted.slick-slider{
		margin-bottom: 0;
	}
.okiyome_top_slide{
	height: 612px;
}
	.okiyome_top_slide .slick-slide img{
		width: 100%;
		height: auto;
	}
	  /*スクロールアニメーション---------------------------*/
	.okiyome .scrolldown{
		position: absolute;
		bottom: 0;
		left: -40px;
	}
	.okiyome .scrolldown:after{
		content: "";
    	position: absolute;
    	bottom: 0;
    	left: 0;
    	width: 1px;
    	height: 115px;
    	background: #1e1e1e;
	}
	.okiyome .scrolldown::before{
		position: absolute;
    	content: "";
    	bottom: 0;
    	left: -4px;
    	width: 10px;
    	height: 10px;
    	border-radius: 50%;
    	background: #fff;
    	border: 1px solid #1e1e1e;
    	animation: circlemove 2.8s ease-in-out infinite, cirlemovehide 2.8s ease-out infinite;
    	z-index: 999;
	}
	.okiyome .scrolldown span{
		font-family: 'Montserrat', sans-serif;
		position: absolute;
    	left: -4px;
		bottom: 120px;
    	font-size: 1.0rem;
		letter-spacing: 0.081em;
		-ms-writing-mode: tb-rl;
  		writing-mode: vertical-rl;
	}
	@keyframes circlemove{
		0%{bottom:115px;}
		100%{bottom:-5px;}
	}
	@keyframes cirlemovehide{
		0%{opacity:0}
		50%{opacity:1;}
		70%{opacity:0.9;}
		90%{opacity:0;}
		100%{opacity:0;}
	}
	/*leadコンセプト----------------------------------------------------*/
	section.okiyome_lead{
		padding-top: 190px;
	}
	.okiyome_description_box{
		display: flex;
		justify-content: space-between;
	}
	.okiyome_description_box_text h3{
		font-size: 2.2rem;
		line-height: 2.09;
		letter-spacing: 0.17em;
		margin-bottom: 20px;
		font-weight: normal;
		margin-top: -0.5em;
	}
	.okiyome_description_box_text p{
		font-size: 1.5rem;
		line-height: 2.2;
		letter-spacing: 0.09em;
	}
	.okiyome_lead .okiyome_description_box_text{
		margin-left: 40px;
		width: 395px;
		text-align: justify;
	}
	.okiyome_description_box_img img{
		width: 529px;
		height: auto
	}
	/*ボタン---------------------*/
	.okiyome_button_01{
		margin-top: 40px;
		text-align: center;
		margin-right: 54px;
	}
	.okiyome_button_01 a{
		border-top: 1px solid #e1e1e1;
		border-bottom: 1px solid #e1e1e1;
		font-size: 1.7rem;
		letter-spacing: 0.11em;
		padding: 20px 50px;
		position: relative;
		display: inline-block;
		white-space: nowrap;
	}
	.okiyome_button_01 .okiyome_nav_arrow{
		left: initial;
		top: 0;
		width: 48px;
		right: calc(0px + -54px);
		height: calc(100% + 2px);
		border-top: 1px solid #e1e1e1;
		border-bottom: 1px solid #e1e1e1;
		transition: 0.6s;
	}
	.okiyome_button_01 a:hover .okiyome_nav_arrow{
		background-color: #1e1e1e;
		border-top: 1px solid #1e1e1e;
		border-bottom: 1px solid #1e1e1e;
	}
	.okiyome_button_01 a:hover .okiyome_nav_arrow::before{
		border-color: transparent transparent #fff #fff;
	}
	.okiyome_button_01 .okiyome_nav_arrow::before{
		top: 0;
		bottom: 0;
	}
	.okiyome_button_01 a::after,.okiyome_button_01 a::before{
		position: absolute;
  		left: 0;
  		content: '';
  		width: 100%;
  		height: 1px;
  		background: #1e1e1e;
  		transform: scale(0, 1);
  		transform-origin: right top;
  		transition: transform 0.6s;
	}
	.okiyome_button_01 a:hover::after,.okiyome_button_01 a:hover::before{
		transform-origin: left top;
  		transform: scale(1, 1);
	}
	.okiyome_button_01 a::after{
		bottom: -1px;
	}
	.okiyome_button_01 a::before{
  		top: -1px;
	}
	
	/*館内のご案内------------------------------------*/
	section.okiyome_floor{
		margin-top: calc(250px + 15px);
	}
	.okiyome_floor_box{
		position: relative;
		margin-bottom: 160px;
	}
	section.okiyome_floor .okiyome_title_obi{
		position: absolute;
		z-index: 10;
		top: -70px;
		left: calc(50% - 200px);
    	transform: translateX(-50%);
    	-webkit-transform: translateX(-50%);
    	-ms-transform: translateX(-50%);
	}
	.okiyome_title_obi{
		display: flex;
		-ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
	}
	.okiyome_title_obi_box{
		background-repeat: no-repeat;
    	background-size: contain;
    	background-position: center;
	}
	.okiyome_floor_box .okiyome_title_obi_box{
		background-image: url(/cms/collection/images/service/iwakura/okiyome_title_01.png);
		padding: 28px 11px;
	}
	.okiyome_floor_box .okiyome_title_obi_box .en{
		margin: 3px 5px 0 0;
	}
	.okiyome_about_top .okiyome_title_obi_box{
		background-image: url(/cms/collection/images/service/iwakura/okiyome_title_03.png);
		padding: 23px 4px;
	}
	.okiyome_about_top .okiyome_title_obi_box .en{
		margin: 8px 13px 0 0;
	}
	.okiyome_info_box .okiyome_title_obi_box{
		background-image: url(/cms/collection/images/service/iwakura/okiyome_title_02.png);
		padding: 22px 5px 45px;
	}
	.okiyome_info_box .okiyome_title_obi_box .en{
		margin: 4px 6px 0 0;
	}
	.okiyome_title_obi_box .en{
    	font-size: 1.0rem;
    	letter-spacing: 0.23em;
	}
	.okiyome_title_obi_box h2 {
    	font-size: 2.3rem;
    	line-height: 1.69;
    	letter-spacing: 0.32em;
	}
	.okiyome_floor_box_map{
		position: relative;
	}
	.okiyome_floor_box_map ul li{
		position: absolute;
	}
	.okiyome_floor_box_map ul li:nth-child(1){
		bottom: 75px;
		right: 160px;
	}
	.okiyome_floor_box_map ul li:nth-child(2){
		top: 100px;
		left: 80px;
	}
	.okiyome_floor_box_map ul li:nth-child(3){
		top: 40px;
		right: 122px;
	}
	.okiyome_floor_box_map ul li div:nth-child(1){
		margin-bottom: 8px;
	}
	.okiyome_floor_box_map ul li div:nth-child(1) img{
		width: auto;
		height: 33px;
		margin: 0 auto;
	}
	.okiyome_floor_box_map ul li div:nth-child(2) img{
		width: 52px;
		height: auto;
	}
	/*館内のご案内ボタンアニメーション-------------------------*/
	.okiyome_floor_button {
  position: relative;
  display: inline-block;
  outline: none;
  transition: all .3s;
}
.okiyome_floor_button::before,
.okiyome_floor_button::after,
.okiyome_floor_button span::before,
.okiyome_floor_button span::after {
  position: absolute;
  z-index: 2;
  content: '';
  width: 0;
  height: 0;
  border: 1px solid transparent;
  transition: all 1s;
  visibility: hidden;
  box-sizing: content-box;
}
.okiyome_floor_button::before {
  top: 0;
  left: 0;
  border-left-color: #1e1e1e;
}
.okiyome_floor_button::after {
  bottom: 0;
  right: 0;
  border-right-color: #1e1e1e;
}
.okiyome_floor_button span::before {
  bottom: 0;
  left: 0;
  border-bottom-color: #1e1e1e;
}
.okiyome_floor_button span::after {
  top: 0;
  right: 0;
  border-top-color: #1e1e1e;
}
.okiyome_floor_button:hover::before,
.okiyome_floor_button:hover::after {
  height: calc(100% - 2px);
  visibility: visible;
}
.okiyome_floor_button:hover span::before,
.okiyome_floor_button:hover span::after {
  width: calc(100% - 2px);
  visibility: visible;
}
	/*館内のご案内ボタンアニメーションここまで-----------------*/
	.okiyome_floor_bg{
		background-repeat: no-repeat;
    	background-size: cover;
    	background-position: center;
		width: 100%;
		height: 387px;
		margin: 160px 0 80px;
		position: relative;
	}
	.okiyome_floor_goods_bg{
		background-image: url(/cms/collection/images/service/iwakura/okiyome_floor_goods_bg.jpg);
	}
	.okiyome_title_sub img{
		width: 52px;
		height: auto;
		margin: auto;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}
	.okiyome_floor_goods .okiyome_description_box_text{
		width: 415px;
		height: auto;
		margin-left: 50px;
	}
	.okiyome_floor_tunning .okiyome_description_box_text{
		width: 439px;
		height: auto;
	}
	.okiyome_description_box_text_under{
		color: #777777;
    	font-size: 1.4rem;
		letter-spacing: 0.28em;
		line-height: 1.85;
    	position: relative;
    	padding-left: 1em;
    	margin-top: 25px;
		white-space: nowrap;
	}
	.okiyome_description_box_text_under p:nth-child(1){
		font-weight: bold;
	}
	.okiyome_description_box_text_under::before{
		position: absolute;
    	content: "";
    	width: 3px;
    	height: 100%;
    	background: #777;
    	top: 0;
    	left: 0;
	}
	.okiyome_floor_tunning_bg{
		background-image: url(/cms/collection/images/service/iwakura/okiyome_floor_tunning_bg.jpg);
	}
	.okiyome_tunning_slide .slick-dots{
		text-align: right;
	}
	.okiyome_tunning_slide .slick-dots li{
		margin: 0;
	}
	.okiyome_tunning_slide{
		width: 529px;
		margin: 0 0 0 auto;
	}
	.okiyome_tunning_aura{
		margin: 80px auto 0;
		position: relative;
	}
	.okiyome_tunning_aura_border{
		display: flex;
		justify-content: space-between;
		padding: 45px;
	}
	.okiyome_tunning_aura_border::before{
		position: absolute;
		content: "";
		width: 98%;
		height: 1px;
		background: #bbb;
		top: 0;
		right: 0;
		left: 0;
		margin: auto;
	}
	.okiyome_tunning_aura_border::after{
		position: absolute;
		content: "";
		width: 98%;
		height: 1px;
		background: #bbb;
		bottom: 0;
		right: 0;
		left: 0;
		margin: auto;
	}
	.okiyome_tunning_aura::before{
		position: absolute;
		content: "";
		width: 1px;
		height: 95%;
		background: #bbb;
		top: 0;
		bottom: 0;
		right: 0;
		margin: auto;
	}
	.okiyome_tunning_aura::after{
		position: absolute;
		content: "";
		width: 1px;
		height: 95%;
		background: #bbb;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}
	.okiyome_tunning_aura p.en{
		margin-bottom: 10px;
		letter-spacing: 0.1em;
	}
	.okiyome_tunning_aura h4{
		font-size: 2.2rem;
		line-height: 1.54;
		letter-spacing: 0.17em;
		margin-bottom: 30px;
	}
	.okiyome_tunning_aura_img img{
		widows: 430px;
		height: auto;
	}
	.okiyome_tunning_aura_text{
		width: 447px;
		height: auto;
	}
	.okiyome_tunning_aura_text_description{
		font-size: 1.4rem;
    	letter-spacing: 0.09em;
    	line-height: 1.85;
	}
	.okiyome_tunning_aura_text_description a{
		text-decoration: underline;
	}
	.okiyome_tunning_aura_text_description a:hover{
		text-decoration: none;
	}
	.okiyome_floor_cafe_bg{
		background-image: url(/cms/collection/images/service/iwakura/okiyome_floor_cafe_bg.jpg);
		background-position: center 40%;
	}
	.okiyome_floor_cafe .okiyome_description_box_text{
		width: 412px;
		height: auto;
	}
	.okiyome_floor_cafe_under{
		margin-top: 80px;
	}
	.okiyome_about{
		position: relative;
		background-image: url(/cms/collection/images/service/iwakura/okiyome_about_top_bg.jpg);
		background-repeat: no-repeat;
    	background-size: cover;
    	background-position: center;
		margin-top: 250px;
		padding-bottom: 120px;
	}
	.okiyome_about_top{
		position: relative;
		padding-top: 120px;
		text-align: center;
	}
	.okiyome_about_top .okiyome_title_obi{
		position: absolute;
		top: -75px;
		left: 0;
		text-align: initial;
	}
	.okiyome_about_top_text{
		margin: 0 auto;
		text-align: left;
		display: inline-block;
	}
	.okiyome_about_top_text h3{
		font-size: 2.6rem;
		letter-spacing: 0.17em;
		line-height: 1.79;
		font-weight: normal;
	}
	.okiyome_about_top_text p{
		font-size: 1.8rem;
		letter-spacing: 0.09em;
		line-height: 1.8;
		margin-top: 1em;
	}
	.okiyome_about_life{
		margin-top: 160px;
	}
	.okiyome_about_life_title{
		text-align: center;
	}
	.okiyome_about_life_title .en{
		letter-spacing: 0.24em;
		font-size: 1.2rem;
		line-height: 1.33;
	}
	.okiyome_about_life_title h3{
		font-size: 2.7rem;
		letter-spacing: 0.32em;
		margin-top: 10px;
	}
	.okiyome_about_life_title_logo{
		margin-bottom: 20px;
	}
	.okiyome_about_life_title_logo img{
		width: 61.5px;
		height: auto;
		margin: 0 auto;
	}
	/*お浄めライフスタイルとは------------------------------------*/
	.okiyome_about_life_slide{
		width: 100%;
		max-width: 1400px;
		margin: 50px auto 0 auto!important;
	}
	.okiyome_about::after {
  		content: '';
  		position: absolute;
  		bottom: 0;
  		right: -1px;
  		height: 100%;
		width: 14.24vw;
		background-image: linear-gradient(90deg, transparent 0 30%, #fcf8f4 50% 100%);
		z-index: 1;
	}
	.okiyome_about::before {
  		content: '';
  		position: absolute;
		z-index: 1;
  		bottom: 0;
  		left: -1px;
  		height: 100%;
  		width: 14.24vw;
		background-image: linear-gradient(-90deg, transparent 0 30%, #fcf8f4 50% 100%);
	}
	.okiyome_about_life_slide li{
		margin: 0 20px;
	}
	.okiyome_about_life_slide li img {
        height: auto;
		padding-top: 50px;
		transition: 1s;
    }
	/* 中央のスライド */
	.okiyome_about_life_slide .slick-center img {
  		margin-top: -50px;
	}
	.okiyome_about_life_slide .slick-dots{
		display: flex;
		justify-content: center;
		bottom: 0;
	}
	.okiyome_about_life_slide .slick-dots li{
		display: block;
		margin: 0;
	}
	.okiyome_about_life_arrow{
		position: absolute;
		z-index: 10;
		cursor: pointer;
		width: 50px;
		height: auto;
		top: calc(100% / 2 - 50px);
		right: calc(100% / 2 - 10%);
	}
	
	/*施設情報------------------------------------*/
	section.okiyome_info{
		padding: 120px 0;
	}
	.okiyome_info_img img{
		width: 676px;
		height: auto;
	}
	.okiyome_info_box_in table{
		width: 100%;
    	font-size: 1.6rem;
    	line-height: 1.8em;
    	letter-spacing: 0.3em;
    	margin-top: 50px;
	}
	.okiyome_info_box_in table tr {
    	border-top: 1px solid #bbb;
    	display: flex;
    	padding: 1.8em 0;
	}
	.okiyome_info_box_in table tr:last-child{
		border-bottom: 1px solid #bbb;
	}
	.okiyome_info_box_in table th {
    	text-align: left;
    	width: 150px;
    	font-weight: 900;
	}
	.okiyome_info_box_in table tr:nth-child(2) td span {
    	font-size: 1.3rem;
    	position: relative;
    	padding-left: 1.8em;
	}

	.okiyome_info_box_in table tr:nth-child(2) td span::before {
    	position: absolute;
    	content: url(/cms/collection/images/service/iwakura/pin_01.png);
    	top: 0;
    	left: 0;
	}
	.okiyome_info_box_in table tr:nth-child(2) td span a{
		text-decoration: underline;
	}
	.okiyome_info_box_in table tr:nth-child(2) td span a:hover{
		text-decoration: none;
	}
	.okiyome_info_box{
		display: flex;
		justify-content: space-between;
		max-width: 860px;
	}
	/*関連サイト---------------------------*/
	section.okiyome_site{
		padding-top: 120px;
		border-top: 7px solid #f6f6f1;
	}
	.okiyome_title_site h3{
		text-align: center;
		font-size: 2.2rem;
		letter-spacing: 0.17em;
		margin-bottom: 15px;
	}
	.okiyome_title_site_obi img{
		width: 133px;
		height: auto;
		margin: 0 auto;
	}
	.okiyome_site_box{
		margin-top: 50px;
	}
	.okiyome_site_box ul{
		display: flex;
		justify-content: space-between;
	}
	.okiyome_site_box ul li{
		width: 232px;
		height: auto;
	}
	.okiyome_site_box ul li h4{
		font-size: 1.5rem;
		letter-spacing: 0.13em;
		margin: 15px 0;
		white-space: nowrap;
	}
	.okiyome_site_box ul li p{
		font-size: 1.2rem;
		letter-spacing: 0.06em;
		line-height: 1.91;
	}
	/*TOPナビゲーション--------------------------------*/
	.okiyome_top_box_nav nav ul{
		font-size: 1.7rem;
		letter-spacing: 0.1em;
		line-height: 2.3;
		justify-content: center;
	}
	.okiyome_nav_animation nav ul,.okiyome_menu_box_nav01,.okiyome_menu_box_nav02,.okiyome_menu_box_nav nav,.okiyome_menu_box{
		display: flex;
		flex-direction: row-reverse;
	}
	.okiyome_nav_animation nav li,.okiyome_nav_animation nav h4{
		display: contents;
	}
	.okiyome_nav_animation nav a{
		position: relative;
		padding-bottom: 40px;
		-ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
	}
	.okiyome_nav_arrow::before{
		position: absolute;
		content: "";
		bottom: 13px;
		left: 0;
		right: 0;
		margin: auto;
		width: 5px;
  		height: 5px;
  		border: 1px solid;
  		border-color:  transparent transparent #231815 #231815;
  		transform: rotate(-45deg);
		transition: transform 0.3s;
	}
	.okiyome_nav_animation nav a::after {
		position: absolute;
		right: 5px;
		top: 0;
		content: "";
		width: 1px;
		height: 13em;
		background: #1e1e1e;
		bottom: -30px;/*アンダーラインがaタグの下端から現れる*/
		transform: scaleY(0);
    	transform-origin: center bottom;
    	transition: transform 0.6s;
		}
	.okiyome_nav_animation nav a:hover::after {
		transform: scaleY(1);
    	transform-origin: center top;
	}
	.okiyome_nav_animation nav a:hover .okiyome_nav_arrow::before{
		border-color:  transparent transparent #fff #fff;
	}
	.okiyome_menu_box_nav h4 a .okiyome_nav_arrow::before{
		border-color:  transparent #231815 #231815 transparent;
		bottom: 11px;
	}
	.okiyome_floor_cafe .okiyome_description_box_text .okiyome_button_01 .okiyome_nav_arrow::before{
		border-color:  transparent #231815 #231815 transparent;
		left: -3px;
	}
	.okiyome_menu_box_nav h4 a:hover .okiyome_nav_arrow::before,.okiyome_description_box_text .okiyome_button_01 a:hover .okiyome_nav_arrow::before{
		border-color:  transparent #fff #fff transparent;
	}
	.okiyome_nav_arrow::before, .okiyome_nav_arrow{
		transition: 0.4s;
	}
	.okiyome_nav_arrow{
		position: absolute;
		content: "";
		right: 0;
		bottom: 0;
		left: 0;
		width: 28px;
		height: 28px;
		background-color: #fff;
		margin: auto;
	}
	.okiyome_nav_animation nav a:hover .okiyome_nav_arrow{
		background-color: #1e1e1e;
	}
	/*TOPナビゲーション--------------------------
	ここまで*/
	/*ボトムナビゲーション------------------------------------*/
	.okiyome_menu_box_nav nav h4 a{
		font-size: 2rem;
		letter-spacing: 0.1em;
		border-top: 1px solid #1e1e1e;
		padding: 20px 13px 0;
		margin-left: 10px;
		white-space: nowrap;
	}
	.okiyome_menu_box_nav nav ul li a{
		font-size: 1.6rem;
		letter-spacing: 0.1em;
		border-top: 1px solid #c0bbb7;
		padding: 20px 9px 40px;
		white-space: nowrap;
	}
	.okiyome_menu_box_nav nav a .okiyome_nav_arrow{
		background-color: #f6f6f1;
	}
	.okiyome_menu_box_nav02{
		margin-right: 40px;
	}
	.okiyome_menu_box_nav.okiyome_nav_animation nav a::after {
		top: 20px;
	}
	.okiyome_nav_animation nav h4 a::after{
		height: 10.5em;
	}
	
	/*SNS&LOGO------------------------------*/
	section.okiyome_bottom{
		background-color: #f6f6f1;
		padding: 100px 0;
		margin-top: 120px;
	}
	.okiyome_menu_box{
		justify-content: space-between;
	}
	.okiyome_menu_logo img{
		width: 288px;
		height: auto;
	}
	.okiyome_menu_box_link{
		display: flex;
        flex-direction: column;
	}
	.okiyome_menu_logo{
		margin-top: auto;
	}
	.okiyome_menu_box_link ul li{
		margin-bottom: 15px;
	}
	.okiyome_menu_box_link ul li:last-child{
		margin-bottom: inherit;
	}
	.okiyome_menu_box_link ul li a{
		font-size: 1.2rem;
		letter-spacing: 0.07em;
	}
	/*hamburgerメニュー---------------------------*/
	#okiyomenav{
    	position:fixed;
  		z-index: -1;
  		opacity: 0;
  		top:0;
  		width:100%;
    	height: 100%;
		transition: all 0.5s;
	}
	#okiyomenav.panelactive{
  		opacity: 1;
  		z-index:999;
	}
	.okiyome_hamburger{
		background:#f6f6f1;
	}
	#okiyomenav .okiyome_menu_box{
		position: absolute;
		top: 50%;
    	left: 50%;
    	transform: translate(-50%,-50%);
    	width: 100%;
		align-items: flex-end;
	}
	.openbtn{
  		position:fixed;
    	z-index: 9997;
  		top:0;
		bottom: 0;
		margin: auto;
  		right: 0;
  		cursor: pointer;
    	width: 83px;
    	height:72px;
		background-color: #1e1e1e;
		border-radius: 30px 0 0 30px;
	}
	.openbtn span{
    	display: inline-block;
    	transition: all .4s;
    	position: absolute;
    	left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
    	height: 4px;
  		background-color: #fff;
    	width: 39px;
  	}
	.openbtn span:nth-child(1) {
  		top:-18px; 
	}
	.openbtn span:nth-child(2) {
  		top: 18px;
	}
	.openbtn.active span:nth-child(1) {
    	transform: translateY(12px) rotate(-45deg);
	}
	.openbtn.active span:nth-child(2){
    	transform: translateY(-6px) rotate(45deg);
	}



	@media screen and (max-width: 560px){
		#floor,#about{
    	padding-top: 130px;
    	margin-top: -130px;
	}
		.pc_only{
			display: none!important;
		}
		.bg_max{
			margin: 0 4.27vw;
		}
		.sp_only{
			display: block!important;
		}
		.openbtn{
			bottom: initial;
			top: 80px;
			width: 60px;
			height: 40px;
			transition: 0.4s;
		}
		.openbtn.active{
			top: 20px;
		}
		.openbtn span:nth-child(1){
			top: -11px;
		}
		.openbtn span:nth-child(2){
			top: 11px;
		}
		.openbtn.active span:nth-child(1) {
    		transform: translateY(5px) rotate(-45deg);
		}
		.okiyome_button_01 a{
			padding: 20px 20px 20px 1px;
		}
		.openbtn span{
			width: 27px;
			height: 3px;
		}
		.okiyome_top{
			margin-top: initial;
		}

		.okiyome_top_box{
			display: block;
			height: 57.48vh;
			height: calc(var(--vh, 1vh) * 57.48);
    width: auto;
		}
		.okiyome_top_box_img{
			margin-left: initial;
		}
		.okiyome_top_box_nav{
    		position: absolute;
    		top: 0;
			width: 50%;
			margin-left: -4.27vw;
		}
		.okiyome_top_slide{
			display: block;
			/*width: 95.73vw;
			height: 100%;*/
			width: 100%;
			height: auto;
		}
		.okiyome_top_slide li img:last-child{
			transform: scale(-1, 1);
		}
		.okiyome_top_slide .slick-dots{
			display: flex!important;
			justify-content: flex-end;
			left: initial;
    		right: 0;
			bottom: -25px;
		}
		.okiyome .scrolldown{
			position: absolute;
			bottom: 0;
			left: 2.13vw;
		}
		.okiyome .scrolldown:after{
			left: -2.135vw;
			height: 50px;
		}
		.okiyome .scrolldown::before,.okiyome .scrolldown span{
			left: -3.135vw;
		}
		.okiyome .scrolldown span{
			bottom: 60px;
		}
		
		@keyframes circlemove{
			0%{
				bottom:50px;
			}
			100%{
				bottom:-5px;
			}
		}
		.okiyome_description_box{
			display: block;
		}
		section.okiyome_lead{
			padding-top: 100px;
		}


		.okiyome_lead .okiyome_description_box_img,.okiyome_floor_cafe .okiyome_description_box_img{
			padding-top: calc(80px + 15px);
		}
		.okiyome_lead .okiyome_description_box_text{
			width: 100%;
			margin-left: initial;
			display: inline-block;
		}
		section.okiyome_floor .okiyome_title_obi{
			left: initial;
    		right: 25px;
			top: -100px;
    		transition: initial;
    		-webkit-transform-origin-x: initial;
    		transform: initial;
    		-webkit-transform: initial;
    		-ms-transform: initial;
		}
		.okiyome_floor_box{
			background-image: url(/cms/collection/images/service/iwakura/okiyome_floor_box_map_sp_bg.png);
			background-repeat: no-repeat;
    		background-size: cover;
    		background-position: center;
			padding: 70px 0 40px;
			margin-bottom: initial;
		}
		.okiyome_floor_box_map ul li{
			position: static;
			padding-top: 10px;
		}
		.okiyome_floor_box_map_bg{
			margin: 0 4.27vw;
		}
		.okiyome_floor_bg{
			height: 220px;
			margin: 160px 0 45px;
			background-size: 150%;
    	background-position: 68% 72%;
		}
		.okiyome_title_sub img{
			top: initial;
			bottom: 30px;
		}
		.okiyome_floor_goods .okiyome_description_box_text{
			margin-left: 0;
			margin-bottom: 30px;
		}
		.okiyome_floor_tunning .okiyome_description_box_text,.okiyome_description_box_text_under,.okiyome_floor_goods .okiyome_description_box_text,.okiyome_tunning_aura_text,.okiyome_description_box_img,.okiyome_floor_cafe .okiyome_description_box_text{
			width: auto;
		}
		.okiyome_description_box_text_under{
			font-size: 1.2rem;
			margin-bottom: 30px;
		}
		.okiyome_tunning_aura_border{
			display: block;
			padding: 30px 4.27vw 20px;
		}
		.okiyome_tunning_aura_text{
			margin-bottom: 20px;
		}
		.okiyome_tunning_aura_text p.en,.okiyome_tunning_aura_text h4{
			text-align: center;
		}
		.okiyome_tunning_aura_text h4{
			margin-bottom: 20px;
			font-size: 1.8rem;
		}
		.okiyome_tunning_aura_border::before,.okiyome_tunning_aura_border::after{
			width: 95%;
		}
		.okiyome_tunning_slide .okiyome_tunning_slide{
			bottom: -25px;
		}
		.okiyome_top_slide.slick-dotted.slick-slider{
			margin-bottom: 0;
			right: -4.27vw;
		}
		.okiyome_top_slide{
			/*width: 95.73vw;
    		height: 100%;*/
		}
		.bg_max.okiyome_tunning_aura{
			margin: 80px 4.27vw 0;
		}
		.okiyome_floor_cafe_under.bg_max{
			margin: 20px 4.27vw 0;
		}
		.okiyome_about::after,.okiyome_about::before{
			position: initial;
		}
		.okiyome_about_top .okiyome_title_obi{
			position: relative;
			left: 0;
			right: 0;
			margin: auto;
			top: -130px;
			margin-bottom: calc(-130px - -50px);
		}
		.okiyome_about_top .okiyome_title_obi_box{
			white-space: nowrap;
		}
		.okiyome_title_obi_box h2{
			font-size: 2.1rem;
			white-space: nowrap;
		}
		.okiyome_about_top{
			padding-top: 0;
		}
		.okiyome_about_top_text h3{
			text-align: center;
			margin-bottom: 40px;
		}
		.okiyome_about_top_text p{
			font-size: 1.5rem;
		}
		.okiyome_about_life{
			margin-top: 120px;
		}
		.okiyome_about_life_slide li img{
			width: 100%;
		}
		.okiyome_about_life_slide li{
			margin: 0 10px;
		}
		.okiyome_about_life_title h3{
			font-size: 2.2rem;
			line-height: 1.54em;
		}
		.okiyome_about_life_arrow{
			right: 10%;
		}
		.okiyome_about{
			padding-bottom: 120px;
		}
		.okiyome_info_box{
			display: block;
		}
		.okiyome_info_box_in{
			margin: 50px 0;
		}
		.okiyome_info .okiyome_title_obi{
			margin: 0 auto;
		}
		.okiyome_info_box_in table{
			font-size: 1.4rem;
		}
		.okiyome_info_box table tr th {
    		min-width: 97px;
    		width: auto;
    		letter-spacing: 0.2em;
		}
		.okiyome_info_box table tr td {
    		font-size: 1.2rem;
    		letter-spacing: 0.1em;
		}
		.okiyome_title_site{
			margin-bottom: 30px;
		}
		.okiyome_site_box ul{
			display: block;
		}
		.okiyome_site_box ul li{
			width: auto;
			margin-bottom: 50px;
		}
		.okiyome_menu_box{
			display: block;
		}
		.okiyome_menu_box_nav nav h4 a{
			font-size: 1.5rem;
			padding: 15px 5px 40px;
			margin-left: 5px;
		}
		.okiyome_menu_box_nav nav ul li a{
			font-size: 1.2rem;
			padding: 15px 8px 40px;
		}
		.okiyome_menu_box_nav02{
			margin-right: 10px;
		}
		.okiyome_menu_box_nav.okiyome_nav_animation nav a::after{
			right: 0;
			top: 15px;
		}
		.okiyome_menu_box_link ul li a{
			font-size: 1rem;
		}
		.okiyome_menu_box_link ul{
			margin: 40px 0 20px;
		}
		.okiyome_menu_box_nav nav{
			justify-content: center;
		}
		#okiyomenav .okiyome_menu_box{
			width: auto;
			margin: 0 auto;
			top: 50%;
		}
		section.okiyome_bottom{
			margin: 80px 0;
		}
	}

	
	/*お浄めミュージアム---------------------------------------------
	------------------------------------------------------------------------------ここまで*/
/*座かふぇ---------------------------------------------------------------------------------------------------------座かふぇ
		----------------------------------------------------------------------------------------------------------------------------------------------------*/
		/*基本設定-----------------------*/
		.cafe_en{
			font-family: anisette-std, sans-serif;
			letter-spacing: 0.24em;
		}
		/*TOP-----------------------*/
		.kuracafe_top{
			margin-top: 75px;
			overflow: hidden;
		}
		.kuracafe_top .bg_max{
			position: relative;
		}
		.kuracafe_top_logo img{
			width: 175px;
			height: auto;
			margin: 0 auto;
		}
		.kuracafe_top .okiyome_menu_box_nav nav ul li a{
			padding: 20px 0 40px;
		}
		.kuracafe_top .okiyome_menu_box_nav nav a .okiyome_nav_arrow{
			background-color: #fff;
			bottom: -40px;
		}
		.kuracafe_top .okiyome_menu_box_nav nav a:hover .okiyome_nav_arrow{
			background-color: #1e1e1e;
		}
		.kuracafe_top .okiyome_menu_box_nav{
			position: absolute;
			width: auto;
    		margin-left: initial;
    		right: 0;
    		top: 0;
		}
		.kuracafe_top_bg{
			margin: 60px auto 0;
			max-width: 1260px;
		}
		/*リード-----------------------*/
		.kuracafe_lead .okiyome_description_box_text{
			margin-left: initial;
			width: 412px;
		}
		/*＃CAFE　カラダの内側外側からととのえる-----------------------*/
		.kuracafe_guide_box{
			position: relative;
			max-width: 1000px;
    		margin:  0 auto;
			padding-top: 140px;
			overflow: hidden;
		}
		.kuracafe_guide_box h3{
			position: relative;
			font-size: 4.4rem;
			padding-top: 40px;
			font-weight: normal;
			top: 0.5em;
			z-index: 100;
			margin-top: -0.5em;
			margin-left: 30px;
		}
		.kuracafe_guide_box h3::before{
			position: absolute;
			top: 0;
			left: 0;
			font-size: 2.2rem;
			font-family: 'Zen Old Mincho', serif;
			letter-spacing: 0.24em;
			font-weight: bold;
		}
		.kuracafe_cafe h3::before{
			content: "カラダの内側からととのえる";
		}
		.kuracafe_foot h3::before{
			content: "カラダの外側からととのえる";
		}
		.kuracafe_cafe_slide_text{
			background-color: #fff;
			width: 573px;
			height: auto;
			padding: 40px 50px 0 0;
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: 100;
			text-align: justify;
		}
		.kuracafe_cafe_slide_text h4{
			font-size: 2.2rem;
			letter-spacing: 0.24em;
			margin-bottom: 25px;
			font-weight: normal;
		}
		.kuracafe_cafe_slide .kuracafe_cafe_slide_text h4{
			padding-left: 60px;
			position: relative;
		}
		.kuracafe_cafe_slide .kuracafe_cafe_slide_text h4 span{
			font-size: 15px;
			padding-right: 35px;
			position: absolute;
			top: 4px;
			left: 0;
		}
		.kuracafe_cafe_slide .kuracafe_cafe_slide_text h4::before{
			width: 18px;
			height: 1px;
			background: #e1e1e1;
			top: 50%;
			left: 35px;
			position: absolute;
			content: "";
		}
		.kuracafe_cafe_slide_text p{
			font-size: 1.4rem;
			letter-spacing: 0.13em;
			line-height: 2;
		}
		.kuracafe .slick-dots{
			width: auto;
			right: 0;
		}
		.kuracafe .slick-dots li{
			margin: 0;
		}
		/*カフェメニュー------------------*/
		.kuracafe_guide_menu{
			display: flex;
			justify-content: space-between;
		}
		.kuracafe_guide_menu ul{
			display: flex;
			justify-content: space-between;
			width: 920px;

		}
		.kuracafe_guide_menu_title{
			-ms-writing-mode: tb-rl;
			writing-mode: vertical-rl;
			font-size: 3.4rem;
		}
		.kuracafe_guide_menu_text h4{
			font-size: 1.7rem;
			letter-spacing: 0.17em;
			font-weight: normal;
			margin: 20px 0 10px;
		}
		.kuracafe_guide_menu_text p{
			font-size: 1.4rem;
			letter-spacing: 0.13em;
			line-height: 2;
		}
		.kuracafe_guide_sweets{
			margin-top: 100px;
		}
		.kuracafe_guide_sweets ul li{
			width: 445px;
			height: auto;
		}
		.kuracafe_guide_drink{
			margin-top: 60px;
		}
		.kuracafe_guide_drink ul li{
			width: 208px;
			height: auto;
		}
		/*足湯メニュー-----------------------*/
		.kuracafe_foot_nemu .okiyome_tunning_aura_border{
			display: block;
		}
		.kuracafe_foot_nemu_title{
			text-align: center;
			margin-bottom: 50px;
		}
		.kuracafe_foot_nemu_title p.en{
			font-size: 1.2rem;
			letter-spacing: 0.24em;
		}
		.kuracafe_foot_nemu_title p:nth-child(2){
			font-size: 2.0rem;
			letter-spacing: 0.20em;
		}
		.kuracafe_foot_nemu ul{
			display: flex;
			justify-content: space-between;
		}
		.kuracafe_foot_nemu ul li{
			width: 285px;
			height: auto;
		}
		.kuracafe_foot_nemu ul li:nth-child(3) h4{
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.kuracafe_foot_nemu ul li:nth-child(3) span{
			margin-left: 5px;
		}
		.kuracafe_foot_nemu ul li:nth-child(3) span img{
			width: 69px;
			height: auto;
		}
		.kuracafe_foot_nemu ul li h4{
			font-size: 1.7rem;
			letter-spacing: 0.17em;
			text-align: center;
			margin: 20px 0 5px;
			font-weight: normal;
		}
		.kuracafe_foot_nemu ul li p{
			font-size: 1.4rem;
			letter-spacing: 0.13em;
			line-height: 2;
		}
		.kuracafe_foot_nemu_img img{
			width: 209px;
			height: auto;
			margin: 0 auto;
		}
		section.kuracafe_about{
			background-image: url(/cms/collection/images/service/iwakura/okiyome_about_top_bg.jpg);
    		background-repeat: no-repeat;
    		background-size: cover;
    		background-position: center;
			padding-top: 120px;
			margin-top: 220px;
		}
		section.kuracafe_about .bg_max{
			max-width: 850px;
		}
		.kuracafe_about_inner{
			position: relative;
		}
		.kuracafe_about .okiyome_title_obi{
			position: absolute;
			top: -170px;
			left: 0;
		}
		.kuracafe_about_box{
			width: 676px;
			height: auto;
			margin: 0 0 0 auto;
		}
		.kuracafe_about_list{
			margin-top: 40px;
		}
		.kuracafe_about_list li{
			position: relative;
			padding-left: 1em;
			font-size: 1.5rem;
			letter-spacing: 0.09em;
			line-height: 2;
			white-space: nowrap;
			margin-bottom: 10px;
		}
		.kuracafe_about_list li:last-child,.kuracafe_about_list li:first-child{
			margin-bottom: initial;
		}
		.kuracafe_about_list li::before{
			position: absolute;
			top: 0;
			left: 0;
			content: "◇";
		}
		.kuracafe_about_list li:nth-child(2){
			margin-left: 1em;
		}
		.kuracafe_about_list li:nth-child(2)::before{
			content: "※";
		}
		.kuracafe_about .okiyome_title_obi_box{
			background-image: url(/cms/collection/images/service/iwakura/kuracafe_title_01.png);
			padding: 24px 10px;
		}
		.kuracafe_about_img{
			margin-top: 80px;
		}
		.kuracafe_about .okiyome_description_box_img img{
			width: 473px;
			height: auto;
		}
		.kuracafe_about .okiyome_description_box_text{
			width: 338px;
			height: auto;
			text-align: justify;
		}
.kuracafe_lead .okiyome_description_box_text{
	display: inline;
}
		.kuracafe_about .okiyome_description_box_text h3{
			position: relative;
			padding-top: 35px;
		}
		.kuracafe_about .okiyome_description_box_text h3::before{
			position: absolute;
			top: 0;
			left: 0;
			content: "岩座オリジナルラベル";
			font-size: 1.7rem;
		}
		.kuracafe_about .cafe_en{
			font-size: 4.4rem;
			letter-spacing: 0.24em;
			margin-top: -35px;
		}
		.kuracafe_about_bottom{
			position: relative;
			left:0;
			bottom: -170px;
			margin-top: calc(-170px - -120px);
			margin-bottom: 170px;
		}
		.kuracafe .okiyome_info_box{
			padding-top: 220px;
		}
		.kuracafe .okiyome_button_01 .okiyome_nav_arrow{
			right: initial;
			left: calc(0px + -54px);
		}
		.kuracafe .okiyome_button_01 .okiyome_nav_arrow::before{
			border-color: #231815 transparent transparent #231815;
		}
		.kuracafe .okiyome_button_01:hover .okiyome_nav_arrow::before{
			border-color: #fff transparent transparent #fff;
		}
		.kuracafe .okiyome_button_01{
			margin-top: 100px;
			margin-left: 54px;
			margin-right: initial;
		}
		.kuracafe .okiyome_button_01 a::after,.kuracafe .okiyome_button_01 a::before{
  		transform-origin: left top;
	}
	.kuracafe .okiyome_button_01 a:hover::after,.kuracafe .okiyome_button_01 a:hover::before{
		transform-origin: right top;
	}
		@media screen and (max-width: 560px){
			.kuracafe_top_logo img{
				width: 32%;
			}
			.kuracafe_top{
				margin-top: 8.8vw;
			}
			section.okiyome_lead.kuracafe_lead{
	padding-top: 0;
}
			.kuracafe_lead .okiyome_description_box_text{
				width: auto;
			}
			.kuracafe_cafe_slide .kuracafe_cafe_slide_text h4{
				padding-left: initial;
			}
			.kuracafe_cafe_slide .kuracafe_cafe_slide_text h4::before{
				top: -38px;
				left: 0;
				right: 0;
				margin: auto;
				background: initial;
				font-size: 1.9rem;
				width: initial;
				height: initial;
			}
			.kuracafe_cafe_slide li:nth-child(1) .kuracafe_cafe_slide_text h4::before{
				content: "01";
			}
			.kuracafe_cafe_slide li:nth-child(2) .kuracafe_cafe_slide_text h4::before{
				content: "02";
			}
			.kuracafe_guide_drink{
				margin-top: 100px;
			}
			.kuracafe_about_bottom .okiyome_description_box{
				position: relative;
			}
			.kuracafe_about .cafe_en{
				position: absolute;
				top: -11px;
				left: 0;
				font-size: 3.3rem;
			}
			.okiyome_description_box_text h3{
				margin: 10px 0 20px;
			}
			.kuracafe_cafe_slide_text{
				position: relative;
				width: auto;
				padding: 30px 4.27vw 30px;
				margin: -30px 4.27vw 0;
			}
			.kuracafe_foot .kuracafe_cafe_slide_text{
				padding: 30px 4.27vw 42px;
			}
			.kuracafe_cafe_slide_text h4{
				text-align: center;
			}
			.kuracafe .slick-dots{
				left: 0;
			}
			.kuracafe_cafe_slide .slick-dots{
				bottom: 0;
			}
			.kuracafe_guide_box h3{
				margin-left: 4.24vw;
			}
			.kuracafe_guide_box h3::before{
				font-size: 1.8rem;
			}
			.kuracafe_guide_menu ul{
				display: block;
				width: auto;
			}
			.kuracafe_guide_menu ul li,.kuracafe_foot_nemu ul li{
				width: auto;
				margin-bottom: 50px;
			}
			.kuracafe_guide_menu ul li:last-child,.kuracafe_foot_nemu ul li:last-child{
				margin-bottom: initial;
			}
			.kuracafe_foot_nemu_title p:nth-child(2){
				line-height: 1.66;
			}
			.kuracafe_foot_nemu ul{
				display: block;
			}
			.kuracafe_foot_nemu ul li{
				width: auto;
			}
			.kuracafe_foot .kuracafe_cafe_slide .slick-dots{
				bottom: -320px;
				z-index: 999;
			}
			.kuracafe_foot .slick-dotted.slick-slider{
				margin-bottom: 0;
			}
			.kuracafe .okiyome_tunning_aura_border{
				padding: 30px 7.27vw;
			}
			.kuracafe_about .okiyome_title_obi{
				position: initial;
				display: block;
    			padding-top: 130px;
   				margin: -330px auto 0;
			}
			.kuracafe_about_box{
				width: auto;
				margin-top: 40px;
			}
			.kuracafe_about_img{
				margin-top: 40px;
			}
			.kuracafe_about_list li{
				white-space: initial;
				font-size: 1.4rem;
			}
			.kuracafe_about_bottom{
				bottom: -520px;
				margin-bottom: 520px;
				margin-top: calc(-520px - -120px);
			}
			.kuracafe_about .okiyome_description_box_text{
				width: auto;
			}
			.kuracafe_about_bottom .okiyome_description_box_img{
				margin-top: initial;
			}
			.kuracafe_about .okiyome_description_box_text h3{
				text-align: center;
				font-size: 2.6rem;
				margin: 20px 0 10px;
			}
			.okiyome_lead .okiyome_description_box_text h3{
				margin: 20px 0 10px;
			}
			.kuracafe_about .okiyome_description_box_text h3::before{
				right: 0;
				margin: auto;
			}
			.kuracafe_foot_nemu ul li:nth-child(1) h4{
			display: flex;
			justify-content: center;
			align-items: center;

		}
		.kuracafe_foot_nemu ul li:nth-child(1) span{
			margin-left: 5px;
		}
		.kuracafe_foot_nemu ul li:nth-child(1) span img{
			width: 69px;
			height: auto;
		}
			.kuracafe .okiyome_info_box{
				padding-top: initial;
			}
			.kuracafe_guide_menu_title{
				position: sticky;
				top: 17.6vw;
				font-size: 2.2em
			}
			.kuracafe_guide_sweets{
				margin-top: calc(80px - 30px);
			}
			.kuracafe_guide_sweets ul li h4{
				line-height: 1.8;
			}
			.kuracafe_guide_sweets .kuracafe_guide_menu_title{
				margin-bottom: 4.5em;
			}
			.kuracafe_guide_drink .kuracafe_guide_menu_title{
				margin-bottom: 6.5em;
			}
			.cotoage.okicafe .wrapper{
				overflow: visible;
			}
			.kuracafe_guide_menu_title_box{
				width: 100%;
			}
			.kuracafe_guide_menu ul li{
				width: 80.53vw;
			}
			.kuracafe_guide_menu_text h4{
				white-space: nowrap;
			}
		}

/*グローバルキャンプ-----------------------------------------------------------------------------*/
/*全体基本設定----------------------------------------------------------------------------------*/
	.gcf_ticket_button{
		position: fixed;
		bottom: 70px;
		right: 20px;
		z-index: 998;
	}
	.gcf_ticket_button img{
		width: 200px;
		height: auto;
	}
	.gcf_ticket_button a{
		transition: 0.2s;
	}
	.gcf_ticket_button a:hover{
		opacity: 0.8;
	}
.gcf .gcf_box {
  font-family: 'Noto Sans JP', sans-serif;
  color: #162c59;
}
.gcf .gcf_box a{
		text-decoration: none;
		color: #fff;
}
.gcf_box {
  padding-top: 70px;
}
.gcf section {
  padding: 100px 0;
}
.gcf section.gcf_news{
  background-color: #162c59;
  padding: 50px 0;
}
.gcf section.gcf_lead {
  padding: 10px 0 0;
  background-color: #fff;
}
	.gcf section.gcf_qa{
		padding: 50px 100px;
	}
.gcf section.gcf_area, .gcf section.gcf_access, .gcf section.gcf_top, .gcf section#gcf_live, .gcf section.gcf_gallery  {
  padding-top: 0;
}
.gcf .gcf_sub section {
  padding: 0 0 100px;
}
.gcf_outline01{
	color: transparent;
	    -webkit-text-stroke: 1px #162c59;
	font-weight: bold;
}
.gcf_outline02{
	-webkit-text-stroke: 1px #fff;
	    color: transparent;
	font-weight: bold;
}
	.gcf_marker{
		    background: linear-gradient(transparent 40%,rgba(255,241,0,0.5) 60%);
	}
	.gcf_top_banner{
		background-color: #ff6600;
		transition: 0.2s;
	}
	.gcf_top_banner:hover{
		opacity: 0.8;
	}
	.gcf_top_banner p{
		text-align: center;
		padding: 0.5em 0;
		font-size: 2rem;
		font-weight: bold;
	}
/*タイトル------------------------------------------------------*/
.gcf_title img {
  height: 70px;
  width: auto;
}
.gcf_title h2 {
  font-size: 3.2rem;
  margin-top: 15px;
}
h3.gcf_text_02 {
  font-size: 3.0rem;
}
.gcf_text_01 {
  font-size: 2.0rem;
  line-height: 1.5;
}
.gcf_box h4 {
  font-weight: 500;
}
/*ボタン-------------------------------------------------------*/
.gcf_button {
  text-align: center;
}
.gcf_button a {
  text-decoration: none;
  font-size: 1.8rem;
  padding: 1em 0 1.2em;
  width: 300px;
  display: inline-block;
  text-align: center;
  transition: 0.2s;
  font-weight: bold;
}
.gcf .gcf_box .gcf_button_01 a {
  color: #fff;
  background-color: #333399;
  border: 2px solid #333399;
}
.gcf .gcf_box .gcf_button_01 a:hover {
  color: #333399;
  background-color: #fff;
  border: 2px solid #333399;
}
.gcf .gcf_box .gcf_button_02 a {
  color: #162c59;
  background-color: #fff;
  border: 2px solid #fff;
}
.gcf .gcf_box .gcf_button_02 a:hover {
  color: #fff;
  background-color: #162c59;
}
/*文字ループ-------------------------------*/
.gcf_textloop_box {
  overflow: hidden;
}
.gcf_textloop {
  display: flex;
  width: 100vw;
}
.gcf_textloop p {
  flex: 0 0 auto;
  white-space: nowrap;
  padding-right: 25px;
  padding-left: 25px;
  font-size: 5.9rem;
  font-weight: bold;
  display: inline-block;
  -webkit-text-stroke: 2px #162c59;
}
.gcf_textloop p:nth-child(odd) {

  animation: loop 50s -25s linear infinite;

}
.gcf_textloop p:nth-child(even) {
  animation: loop2 50s linear infinite;
}
@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
.gcf_bgon {
  background-color: #162c59;
}
.gcf_bgon02 {
  background-color: #efefef;
}
/*TOPビジュアル--------------------------------------*/
	section.gcf_top{
		padding: 70px 0 0;
	}
	.gcf_top_main img{
		width: 100%;
		height: auto;
	}
/*リード--------------------------------------------*/
	.gcf_lead .bg_max{
		margin-top: 50px;
	}
.gcf_lead h4 {
  text-align: center;
  font-size: 1.8rem;
  margin-bottom: 20px;
}
.gcf_lead h4:nth-child(3) {
  margin-top: 50px;
}
.gcf_lead_logo {
  width: 300px;
  height: auto;
  margin: 0 auto;
}
.gcf_lead_support {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 auto;
}
.gcf_lead_support li {
  margin-bottom: 20px;
	width: 80px;
}
/*ニュース----------------------------------------------*/
	.gcf_news_box{
		display: flex;
		justify-content: center;
    color: #fff;
	}
	.gcf_news_box .gcf_title{
		margin-right: 40px;
	}
	.gcf_news_box .gcf_news_list{
		font-size: 1.5rem;
	}
	.gcf_news_box .gcf_news_list li{
		display: flex;
		line-height: 1.6;
	}
	.gcf_news_box .gcf_news_list li p{
		margin-right: 1em;
	}
	.gcf_news_sns{
		display: flex;
		align-items: center;
		margin-top: 20px;
	}
	.gcf_news_sns li{
		margin-right: 40px;
	}

  .gcf_news_sns a:hover{ opacity:0.5; }

	.gcf_news_sns li img{
		width: 35px;
		height: auto;
	}
/*MOVIE部分--------------------------------------*/
	.gcf_movie .gcf_textloop{
		margin-bottom: 40px;
	}
	.gcf_movie_video{
		position: relative;
     	padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
    	height: 0;
     	overflow: hidden;

	}
	.gcf_movie_video iframe {
     	position: absolute;
     	top: 0;
     	left: 0;
     	width: 100%;
     	height: 100%;
	}
 /*contents-----------------------------------*/
	.gcf_contents_circle{
		margin-right: 15px;
	}
	.gcf_contents_circle p{
		font-size: 3.0rem;
		background-color: #e9df33;
		border-radius: 50%;
		text-align: center;
		line-height: 1.3;
		font-weight: bold;
		padding: 1.6em 0;
		display: inline-block;
		width: 6em;
    height: 6em;
    color: #18274C;
	}
	.gcf_contents_box .gcf_title{
		display: flex;
		justify-content: flex-start;
		margin-bottom: 40px;
		align-items: center;
	}
	.gcf_contents_box .gcf_title img{
		margin: 0 ;
	}
	.gcf_contents_box .gcf_title h2{
		margin-left: 0px;
	}
	.gcf_contents_list ul{
		display: flex;
		justify-content: space-between;
    margin-bottom: 30px;
	}
	.gcf_contents_list ul li img{
		width: 310px;
		height: auto;
	}
	.gcf_contents_list ul li a{
		transition: 0.2s;
	}
	.gcf_contents_list ul li a:hover {
		opacity: 0.7;
	}
	.gcf_contents_list h3{
		color: #fff;
		font-size: 3.4rem;
		text-align: center;
		margin: 20px 0;
	}
	.gcf_contents_box .gcf_button{
		margin: 40px 0;
	}
/*料金プラン----------------------------------*/
	/*↓これはタイトル御横並び部分*/
	.gcf_sub_contents .gcf_plan .gcf_title{
		align-items: center;
	}
	.gcf_plan .gcf_title,.gcf_sub_plan .gcf_title{
		display: flex;
		align-items: flex-end;
	}
	
	.gcf_sub_contents .gcf_plan .gcf_title h2{
		margin-left: 10px;
	}
	.gcf_plan .gcf_title h2{
		margin-left: 1em;
    	margin-bottom: 7px;
	}
	.gcf_plan .gcf_title h2{
		margin-left: 1em;
    	margin-bottom: 7px;
	}
	.gcf_plan_box .gcf_outline01{
		position: absolute;
		font-size: 6rem;
		background-color: #edece5;
		top: -40px;
		-webkit-text-stroke: 2px #FF6600;
    	left: 50%;
    	transform: translateX(-50%);
    	-webkit-transform: translateX(-50%);
    	-ms-transform: translateX(-50%);
    	width: max-content;
    	padding: 0 1em;
	}
	.gcf_plan_box{
		border: 9px solid #162c59;
		position: relative;
		padding: 60px;
		margin: 70px auto 50px;
	}
	.gcf_plan_box .gcf_outline01 span{
		animation: flash 1s linear infinite;
	}
	@keyframes flash {
	0%,
	100% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}
}
	.gcf_plan_box_button{
		display: flex;
		justify-content: space-between;
		margin-bottom: 50px;
	}
	.gcf .gcf_box .gcf_plan_box_button .gcf_button a{
		font-size: 6rem;
		width: 400px;
    	padding: 0.2em 0 0.3em;
		font-weight: 500;
		border: 9px solid #333399;
		font-weight: bold;
		display: flex;
    	align-items: flex-end;
    	justify-content: center;
	}
	.gcf_plan_box_button .gcf_button a span{
		font-size: 3.2rem;
		margin-left: 1em;
		margin-bottom: 6px;
	}
	.gcf_plan_box_button .gcf_button a:hover span.gcf_outline02{
		-webkit-text-stroke: 1px #333399;
	}
	.gcf .gcf_box .gcf_plan_box .gcf_button_02 a{
		width: 100%;
		font-size: 3.5rem;
		border: 4px solid #162c59;
		padding: 0.8em 0 1em;
	}
	.gcf_plan_bottom{
		display: flex;
		justify-content: space-between;
		align-items: flex-end
	}
	.gcf_plan_bottom h3{
		font-size: 3rem;
		margin-bottom: 10px;
	}
	.gcf_plan_bottom p{
		font-size: 1.97rem;
		line-height: 2.1;
	}
	.gcf_store_box{
		display: flex;
		justify-content: center;
    margin-top: 30px;
	}
	.gcf .gcf_box .gcf_store_box .gcf_button.gcf_button_02 a{
		border: none;
	}
	.gcf_store_img img{
		width: 200px;
		height: auto;
	}
	.gcf_store_text{
		display: flex;
	}

	.gcf_store_text::after{
		border: solid transparent;
    	content:'';
    	height:0;
    	width:0;
    	pointer-events:none;
    	position:absolute;
    	border-color: rgba(90, 230, 40, 0);
    	border-top-width:16px;
    	border-bottom-width:2px;
    	border-left-width:25px;
    	border-right-width:25px;
    	margin-top: -16px;
    	border-right-color:#e9e035;
    	right:100%;
    	top:50%;
	}
	.gcf_store_text .gcf_button_02 a{
		border: none;
	}
	.gcf_store_text p{
		font-size: 3rem;
	}
	.gcf_store_text .gcf_button{
		margin: 0 0 0 20px;
	}
	.gcf_box .gcf_model .gcf_title_sub{
		margin-bottom: initial;
	}
	.gcf_model .gcf_title_sub02{
		margin-top: initial;
	}
	
	
/*エリアマップ--------------------------------*/
	.gcf_area_box{
		max-width: 1200px;
		margin: -67px auto 0;
		position: relative;
		z-index: -1;
	}
	.gcf_area .gcf_title img{
		margin: -2% auto;
	}
	.gcf_area .gcf_title h2{
		text-align: center;
	}
/*アクセス-----------------------------------*/
	.gcf_access_box{
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}
	.gcf_access_text .gcf_title h2{
		margin-bottom: 15px;
	}
	.gcf_access_text h4{
		font-size: 2.0rem;
		margin: 40px 0 15px;
	}
	.gcf_access_map iframe{
		width: 410px;
		height: 277px;
	}
/*Q&A-----------------------------------------*/
	.gcf_qa_box{
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}
	.gcf_qa_box .gcf_title img{
		height: 287px;
	}
	.gcf_qa_text{
		width: 55%;
	}
	.gcf_qa_text_box{
		margin-bottom: 122px;
	}
	.gcf_qa_text h3,.gcf_qa_text p{
		color: #fff;
	}
	.gcf_qa_text h3{
		margin-bottom: 15px;
	}
	.gcf_qa_box .gcf_button {
		text-align: right;
	}
/*コンセプト--------------------------------------*/
	.gcf_consept_text_box{
		display: flex;
		align-items: center;
	}
	.gcf_consept_text_box_in{
		width: 60%;
	}
	.gcf_consept_text_box_in .gcf_button{
		text-align: center;
		margin-top: 30px;
	}
	.gcf_consept_text_box p{
		font-size: 1.6rem;
		line-height: 2;
		text-align: justify;
	}
	.gcf_consept_title{
		text-align: center;
	}
	.gcf_consept_title p{
		display : inline-block;
		-webkit-text-stroke: 2px #333399;
		font-size: 5.9rem;
		font-weight: bold;
		text-align: center;
		margin: 40px 0 20px;
   		line-height: 1.3;
	}
	.gcf_consept_title p span{
		font-size: 0.7em;
	}
	.gcf_consept_text_img img{
		width: 400px;
		height: auto;
	}
	.gcf_consept_text_box_in{
		width: 600px;
	}
	.gcf_gallery .gcf_title h3{
		font-size: 3rem;
	}
	.gcf_gallery_list{
		display: flex;
		flex-wrap: wrap;
	}
	.gcf_gallery_list li{
		width: calc(100% / 5);
	}
	.gcf_consept .gcf_textloop_box{
		margin: 150px 0 40px;
	}
	.gcf_gallery .gcf_title{
		text-align: center;
		margin-bottom: 50px;
	}
	.gcf_gallery .gcf_title img{
		margin: 0 auto;
	}
	.gcf_gallery .gcf_title h2{
		margin: 15px 0 30px;
    text-align: left;
    padding-left: 15px;
    line-height: 1.4;    
	}

	.gcf_gallery .gcf_title p{
		font-size: 3rem;
	}
/*subページ---------------------------------------------------------------------------------*/
.gcf_consept_title.gcf_list_coming p {
  margin: 50px 0 0;
}
.gcf_box .gcf_title_sub {
  background-color: #162c59;
  width: 100%;
  padding: 20px 0;
	margin-bottom: 50px;
}
.gcf_box .gcf_title_sub .bg_max {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.gcf_box .gcf_title_sub h2 {
  color: #fff;
  font-size: 6.5rem;
}
.gcf_box .gcf_title_sub p {
  font-size: 3.2rem;
  margin-left: 0.5em;
	margin-top: 1.7rem;
}
.gcf_list_box h3 {
  font-size: 3.0rem;
  border-bottom: 5px solid;
  margin-top: 50px;
  padding-bottom: 15px;
}
.gcf_list_box ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 100px;
}
.gcf_list_box ul:last-child {
  margin-bottom: 0;
}
.gcf_list_box ul li {
  display: contents;
}
.gcf_list_box ul li .gcf_list_pointer h4 {
  margin-top: 20px;
  font-size: 1.4rem;
  font-weight: 500;
  text-align: center;
  line-height: 1.5;
}
/*クリックしたらポップアップ♪------------------------------------------------*/
.gcf_list_box ul li .gcf_list_pointer {
  width: calc(100% / 4);
  margin-top: 50px;
}
	.gcf_list_box ul li:nth-child(1) .gcf_list_pointer,.gcf_list_box ul li:nth-child(2) .gcf_list_pointer,.gcf_list_box ul li:nth-child(3) .gcf_list_pointer,.gcf_list_box ul li:nth-child(4) .gcf_list_pointer{
		margin-top: 0;
	}
	
	
	
.gcf_list_box ul li .gcf_list_pointer a {
  transition: 0.2s;
}
	.gcf_list_box ul li .gcf_list_pointer a:hover {
  opacity: 0.8;
}
.gcf_list_box ul li .gcf_list_inner{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
	left: 0;
    width: 100%;
		z-index: 999;
}
	.gcf_list_box ul li .gcf_list_inner .gcf_list_inner_box{
		background: #fff;
		padding: 50px 100px;
		border-radius: 80px;
		width: 700px;
		position: fixed;
		left: 50%;
    	top: 50%;
    	transform: translate(-50%,-50%);
	}
.modal-close{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
	.gcf_list_inner_text{
		padding-top: 20px;
		height: 14em;
    	overflow-x: hidden;
    	overflow-y: scroll;
    	padding: 1em 1em 1em 0;
		position: relative;
		z-index: 100;
		border: 1px solid #fff;
	}
	.gcf_list_inner_text h4{
		font-size: 1.6rem;
		padding-bottom: 15px;
		border-bottom: 2px solid;
		margin-bottom: 15px;
		line-height: 1.5;
	}
	.gcf_list_inner_text p{
		font-size: 1.4rem;
		line-height: 1.3;
		margin-bottom: 1em;
		text-align: justify;
	}
	.gcf_list_inner .gcf_list_inner_sns{
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		margin-top: 15px;
		margin-bottom: 0;
	}
	.gcf_list_inner .gcf_list_inner_sns li a{
		color: #fff;
		background-color: #333399;
		padding: 0.4em 1.2em 0.5em;
    	text-decoration: none;
    	border-radius: 15px;
		margin-right: 10px;
		font-size: 1.1rem;
	}
	/*料金プランページ--------------------------------------------------------------------------------------------------------------*/
	.gcf_sub_top.gcf_bgon{
		padding: 50px 0;
	}
	.gcf_plan_box_description{
		font-size: 2.0rem;
		font-weight: bold;
		text-align: center;
		line-height: 1.5;
	}
	.gcf_sub_plan .gcf_plan_box{
		margin-bottom: 20px;
	}
	.gcf_plan_list{
		max-width: 640px;
		margin: 0 auto;
	}
	.gcf_plan_list_box{
		padding: 30px;
		border: 5px solid #162c59;
	}
	.gcf_plan_list_box.gcf_plan_list_box_dotted{
		border: 5px dashed #162c59;
	}
	.gcf_plan_list li.gcf_plan_list_in:nth-child(1) h3::before{
		content: "01.";
	}
	.gcf_plan_list li.gcf_plan_list_in:nth-child(3) h3::before{
		content: "02.";
	}
	.gcf_plan_list li.gcf_plan_list_in:nth-child(5) h3::before{
		content: "03.";
	}
	.gcf_plan_list_in h3{
		font-size: 3.0rem;
		position: relative;
		margin-bottom: 20px;
    color: #162c59;
	}
	.gcf_plan_list_in h3::before{
		position: absolute;
		bottom: -5px;
		left: -1.7em;
		-webkit-text-stroke: 2px #162c59;
		color: transparent;
		font-size: 6rem;
	}
	.gcf_plan_list_box h4{
		font-size: 3.0rem;
		margin-bottom: 30px;
		font-weight: bold;
	}
	.gcf_plan_list_box dl{
		display: flex;
		justify-content: space-between;
		font-size: 2.0rem;
		margin-top: 1em;
		font-weight: bold;
	}
	.gcf_plan_list_box dl dd span{
		font-size: 1.3rem;
		margin-left: 10px;
	}
	.gcf_plan_list_box ul{
		border-top: 1px solid #162c59;
		margin-top: 20px;
		padding-top: 20px;
		font-size: 1.5rem;
		text-align: justify;
	}
	.gcf_plan_list_box ul li{
		position: relative;
		padding-left: 1.1em;
		margin-top: 0.5em;
		line-height: 1.3;
	}
	.gcf_plan_list_box ul li:first-child{
		margin-top: initial;
	}
	.gcf_plan_list_box ul li::before{
		position: absolute;
		content: "※";
		top: 0;
		left: 0;
	}
	.gcf_plan_plus{
		width: 36px;
		height: auto;
		margin: 30px auto;
	}
	.gcf_plan_list_box .gcf_button{
		text-align: right;
		margin-top: 20px;
	}
	.gcf_stay_list ul{
		display: flex;
		justify-content: space-between;
	}
	.gcf_stay_list ul li{
		width:  calc(100% / 3 - 25px);
	}
	.gcf_stay_list ul li dl{
		font-size: 2rem;
		margin: 15px 0;
		font-weight: bold;
		line-height: 1.5;
	}
	.gcf_stay_list ul li dl dd{
		text-align: right;
	}
	.gcf_stay_list ul li dl span{
		font-size: 1.3rem;
		padding-left: 10px;
	}
	.gcf_stay_list ul li p{
		font-size: 1.4rem;
		line-height: 1.5;
		text-align: justify;
	}
	.gcf_qa_link{
		text-align: right;
		font-weight: bold;
		display: flex;
    	justify-content: flex-end;
    	align-items: center;
		margin-top: 50px;
	}
	.gcf .gcf_box .gcf_qa_link a{
		font-size: 2rem;
		text-decoration: underline;
	}
	.gcf .gcf_box .gcf_qa_link a:hover{
		text-decoration: none;
	}
	.gcf_qa_link span{
		font-size: 4rem;
	}
	.gcf_sub_nav{
		padding: 50px 0;
	}
	.gcf_sub_nav ul li{
		position: relative;
		font-size: 2.0rem;
		padding-left: 2.5em;
		line-height: 1.8;
	}
	.gcf_sub_nav ul li a:hover{
		text-decoration: underline;
	}
	.gcf_sub_nav ul li::before{
		position: absolute;
		top: 0;
		left: 0;
		font-weight: bold;
	}
	.gcf_sub_nav ul li:nth-child(1)::before{
		content: "01."
	}
	.gcf_sub_nav ul li:nth-child(2)::before{
		content: "02."
	}
	.gcf_sub_nav ul li:nth-child(3)::before{
		content: "03."
	}
	.gcf_sub_nav ul li:nth-child(4)::before{
		content: "04."
	}
	.gcf_sub_nav ul li:nth-child(5)::before{
		content: "05."
	}
	.gcf_sub_nav ul li:nth-child(6)::before{
		content: "06."
	}
	.gcf_sub_nav ul li:nth-child(7)::before{
		content: "07."
	}
	.gcf_model_list li{
		padding: 80px 0 50px;
	}
	.gcf_model_list li h4{
		position: relative;
		font-size: 2.0rem;
		padding-left: 110px;
	}
	.gcf_model_list li h4::before{
		position: absolute;
		bottom: -5px;
		left: 0;
		-webkit-text-stroke: 2px #333399;
		color: transparent;
		font-size: 6rem;
		font-weight: bold;
	}
	.gcf_model_list li:nth-child(1) h4::before{
		content: "01.";
	}
	.gcf_model_list li:nth-child(2) h4::before{
		content: "02.";
	}
	.gcf_model_list li:nth-child(3) h4::before{
		content: "03.";
	}
	.gcf_model_list li:nth-child(4) h4::before{
		content: "04.";
	}
	.gcf_model_list li:nth-child(5) h4::before{
		content: "05.";
	}
	.gcf_model_list li:nth-child(6) h4::before{
		content: "06.";
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/*よくある質問----------------------------------------------------------------------------------------------------------------------*/
.gcf .gcf_sub section.gcf_sub_qa{
		padding: 50px 0;
	margin-top: 180px;
	}
	.gcf_sub_qa_list li h4 {
    	position: relative;/*+マークの位置基準とするためrelative指定*/
    	cursor: pointer;
    	font-size: 1.8rem;
    	font-weight: normal;
    	padding: 1em 2.5em;
    	transition: all .5s ease;
		background-color: #fff;
		line-height: 1.3;
	}
	.gcf_sub_qa_list li p{
		font-size: 1.5rem;
		line-height: 1.5;
		text-align: justify;
		margin-top: 1em;
	}
	.gcf .gcf_box .gcf_sub_qa_list li p a,.gcf .gcf_box .gcf_text_01 a{
		text-decoration: underline;
	}
	.gcf .gcf_box .gcf_sub_qa_list li p a:hover,.gcf .gcf_box .gcf_text_01 a:hover{
		text-decoration: none;
	}
	.gcf_sub_qa_list li p:first-child{
		margin-top: 0
	}
	.gcf_sub_qa_list li h4::before{
		content: "Q.";
		position: absolute;
		top: 1em;
		left: 1em;
		font-weight: bold;
	}
	.gcf_sub_qa_list li h4 span::before,.gcf_sub_qa_list li h4 span::after{
		position: absolute;
		content: "";
  		width: 15px;
  		height: 15px;
		right: 1.5em;
		transform: rotate(45deg);
	}
	.gcf_sub_qa_list li h4 span::before{
  		border-bottom: 2px solid #162c59;
  		border-right: 2px solid #162c59;
		top: 1em;
	}
	.gcf_sub_qa_list li h4.close span::before{
  		opacity: 0;
	}
	.gcf_sub_qa_list li h4.close span::after{
  		border-top: 2px solid #162c59;
  		border-left: 2px solid #162c59;
		opacity: 1;
		top: 1.3em;
	}
	.gcf_sub_qa_list li h4 span::after{
		opacity: 0;
	}

	
	
	
/*アコーディオンで現れるエリア*/
.gcf_sub_qa_list_text {
    display: none;/*はじめは非表示*/
    padding: 3%;
}
	.gcf_sub_qa_title{
		position: relative;
		margin: 0 auto;
	}
	.gcf_sub_qa_title_img{
		position: absolute;
		width: 388px;
		height: auto;
		top: -16em;
		left: 40px;
	}
	.gcf_sub_qa_title_text{
		text-align: center;
	}
	.gcf_sub_qa_title_text h2{
		font-size: 4.0rem;
		margin-bottom: 15px;
	}
	.gcf_sub_qa_title_text p{
		font-size: 1.8rem;
	}
	.gcf_title_sub02{
		font-size: 2.0rem;
		margin: 50px 0 20px;
		padding: 0.8em 0 0.8em 1em;
		position: relative;
	}
	.gcf_title_sub02::before{
		width: 8px;
		height: 100%;
		content: "";
		background: #162c59;
		position: absolute;
		top: 0;
		left: 0;
		
	}
	.gcf_sub_qa_list li{
		margin-bottom: 20px;
	}
	/*約款--------------------------------------------------------------------------------
	---------------------------------------------------------------------------------約款*/
	.gcf_terms_top{
		text-align: center;
		margin: 50px 0;
	}
	.gcf_terms_top_01{
		font-size: 8rem;
		-webkit-text-stroke: 2px #333399
	}
	.gcf_terms_top_02{
		font-size: 3.5rem;
		margin: 30px 0;
	}
	.gcf_terms_top_03 li{
		font-size: 1.5rem;
		line-height: 1.3;
		position: relative;
		padding-left: 1.1em;
		display: inline-block;
		text-align: left;
	}
.gcf_terms_top_03 li::before{
	position: absolute;
	top: 0;
	left: 0;
	content: "※";
	text-align: center;
}
	.gcf_terms_list{
		height: 300px;
		overflow-x: hidden;
    	border: 1px solid #3e3a39;
    	padding: 1em;
		color: #3e3a39;
	}
	.gcf_terms_list p,.gcf_terms_list ul{
		font-size: 1.2rem;
		line-height: 1.3;
		letter-spacing: 0.05em;
	}
	.gcf_terms_list p{
		margin: 2em 0 0.5em;
		position: relative;
		padding-left: 1em;
	}
	.gcf_terms_list p::before{
		position: absolute;
		content: "";
		width: 7px;
		height: 7px;
		background-color: #3e3a39;
		top: 4px;
		left: 3px;
		border-radius: 50%;
	}
	.gcf_terms_list p.gcf_terms_list_none::before{
		position: inherit;
	}
	.gcf_terms_list li{
		position: relative;
		padding-left: 1em;
	}
	.gcf_terms_list li::before{
		position: absolute;
		top: 0;
		left: 0;
	}
	.gcf_terms_list01 li::before{
		content: "・";
	}
	.gcf_terms_list02 li{
		margin-top: 0.5em;
	}
	.gcf_terms_list02 li:nth-child(1)::before{
		content: "1.";
	}
	.gcf_terms_list02 li:nth-child(2)::before{
		content: "2.";
	}
	.gcf_terms_list02 li:nth-child(3)::before{
		content: "3.";
	}
	.gcf_terms_list02 li:nth-child(4)::before{
		content: "4.";
	}
	.gcf_terms_list02 li:nth-child(5)::before{
		content: "5.";
	}
	.gcf_store p{
		font-size: 1.5rem;
		line-height: 1.5;
	}
	.gcf_store ul li{
		font-size: 1.5rem;
		line-height: 2;
	}
	.gcf_store_description .gcf_button{
		text-align: left;
		margin-top: 20px;
	}
	.gcf .gcf_box .gcf_store_description ul li a{
		text-decoration: underline;
	}
	.gcf .gcf_box .gcf_store_description ul li a:hover{
		text-decoration: none;
	}
	
	.gcf_terms_bottom p{
		font-size: 1.5rem;
		text-align: center;
		margin: 50px 0 20px;
		line-height: 1.5;
	}
	.gcf_terms .gcf_store_box{
		margin-top: 50px;
	}
	
	#okiyomenav .okiyome_menu_box{
		display: block;
	}
	.gcf_hamburger_logo img{
		width: 300px;
		height: auto;
		margin-bottom: 50px;
	}
	.gcf .okiyome_hamburger{
	background-color: #162c59;
}

.gcf .gcf_box .gcf_hamburger_box ul li a, .gcf .gcf_box .gcf_hamburger_sns li a{
	color: #fff;
	font-size: 1.6rem;
	line-height: 1.8;
}
	.gcf .gcf_box .gcf_hamburger_box ul li a:hover,.gcf .gcf_box .gcf_hamburger_sns li a:hover{
		text-decoration: underline;
	}
	.gcf .gcf_box .okiyome_hamburger ul li ul{
		padding-left: 2em;
	}
	.gcf_hamburger_box{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.gcf_hamburger nav{
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}
	.gcf_hamburger_sns{
    border-left: none;
    padding-left: 0;
	}
	.gcf_hamburger_bottom{
		margin-top: 50px;
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}
	.gcf .gcf_box .okiyome_menu_box .gcf_button_02 a{
		color: #333399;
	}
	.gcf_hamburger_bottom_ticket img{
		width: 200px;
		height: auto;
	}
	.gcf_hamburger_bottom .gcf_store_text p{
		font-size: 2rem;
		text-align: center;
	}
	.gcf_hamburger_bottom .gcf_button a{
		width: 220px;
	}
.gcf .gcf_box .gcf_hamburger_bottom .gcf_button a:hover{
	text-decoration: none;
	color: #fff;
}
	.gcf_hamburger_box_in{
		width: 28em;
	}
	.gcf_hamburger_bottom .gcf_store_img img{
		width: 150px;
	}
	
	.gcf_list_inner_cross {
    position: absolute;
    right: -20px;
    font-size: 4rem;
    color: #fff;
    top: -10px;
    cursor: pointer;
}
	
	
/*0712追加	*-----------------------------------------------------------------------------*/
/*topページ	*/


.gcf_consept_text .gcf_consept_title p{
  display: inline-block;
  color: #162c59;
  font-size: 2.8rem;
  font-weight: bold;
  text-align: center;
  margin: 25px 0 10px;
  line-height: 1.5;
  -webkit-text-stroke: unset;
}

.gcf_consept_text_box_in{ margin: 0 auto;}


.gcf_plan_bottom{ align-items: baseline;}



/*ギャラリー*/
.gcf_gallery .gcf_title{ padding-top: 50px;}

.gallery_title p{
  text-align: left;
  margin-bottom: 10px;
}


.gcf_top_banner p{
  animation: flash 1s linear infinite;
}





.gcf_store_text{
  align-items: center;
  background-color: #162c59;
  position:relative;
  padding:20px 50px;
  text-align:left;
  font-size:14px;
  font-weight:bold;
  margin-left: 50px;
  border: solid 4px #fff;
}



.gcf_store_text::after{
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(90, 230, 40, 0);
  border-top-width: 16px;
  border-bottom-width: 2px;
  border-left-width: 25px;
  border-right-width: 25px;
  margin-top: -16px;
  border-right-color: #ffffff;
  right: 100%;
  top: 50%;
}

.gcf_store_text p{color: #fff}

/*ニュース*/


.gcf_textloop p{ -webkit-text-stroke: 2px #162c59;}


/*コンセプト*/
.block-brand_detail .gcf_consept {
  background-color: #fff;
  position: relative;
  padding-top: 30px;
  padding-bottom: 90px;
}

.bg_main{
  max-width:1280px ;
  margin: 0 auto;
}

.thema_title{ display: flex;}
/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
.thema_title .scroll_up {
  transition: 1.2s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}

.thema_title .scroll_up.on {
  transform: translateY(0);
  opacity: 1.0;
}

.thema_title img{
  margin: 0 auto;
  width: 94%;
}

.gcf_consept_text{
  position: absolute;
  top: 25%;
  right: 0;
  left: 0;
}

.open p{
  margin-top: 0.6em;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2;
  text-align: center;
}


/*コンテンツ*/

.gcf_contents_box .gcf_title h3{
  color: #fff;
  margin: 15px 0 0 0;
  font-size: 14px;
}


.gcf_contents_list{text-align: center;}

.gcf_contents_list .timet_img{
  display: inline-block;
  text-align: center;
}







/*プラン*/

.gcf_outline03{ -webkit-text-stroke: 1px #162c59;}
.gcf_plan { background-color: #edece5;}
.gcf .gcf_box .gcf_button_01 a{ background-color: #FF6600;}
.gcf .gcf_box .gcf_button_01 a:hover{ color:#ff6600;}





.gcf_plan_box_button .gcf_button a:hover span.gcf_outline02{
  -webkit-text-stroke: 1px #ff6600;
}


.fw_bold{ font-weight: bold;}


.tree img{
  width: 300px;
  margin: 0 0 0 auto;
}


/*エリア*/
#gcf_area{ 
  margin-top: 50px;
  padding-bottom: 50px;
}



.gcf_area_bg img{ margin: 0 auto;}

/*ギャラリー*/
.gcf_gallery , .gcf_access{ background-color: #edece5;}


.gallery_title{
  display: flex;
  justify-content: center;
}


/*QA*/

.gcf_qa_frame{
  background-color: #162c59;
  margin-top: 50px;
  padding: 20px 20px;
}

.gcf_qa_wp{
  display: flex;
  justify-content: space-around;
  align-items:center;
}

.gcf_qa_wp h4, .gcf_qa_wp p { color: #fff;}

.gcf_qa_wp h4{ font-size: 2.0rem;}

.gcf_qa_wp p{
  margin-top: 10px;
  font-size: 1.5rem;
}

.gcf_qa_frame .gcf_qa_wp .gcf_title img{ height: auto;}

.gcf .gcf_box .gcf_button_04 a{
  color: #162c59;
  background-color: #edece5;
  border: 2px solid #162c59;  
}

.gcf .gcf_box .gcf_button_04 a:hover{
  color: #ffffff;
    border: 2px solid #ffffff;
    background-color: #162c59;
}

 #gcf_access .official_s a{ color: #162c59; }



/*コンテンツページ-------------------------------------------------------------------------------*/
	
/*上書き*/
.gcf .gcf_box{ color: #162c59;}

.gcf_list_inner .gcf_list_inner_sns li a{background-color: #162c59;}
.gcf_consept_title p{-webkit-text-stroke: 2px #162c59;}
.gcf_consept_title.gcf_list_coming p{margin: 10px 0 0 0;}

.gcf_hamburger nav{justify-content: flex-start;}

.gcf_list_box ul li .gcf_list_pointer h4{font-weight: bold;}


.gcf .gcf_box .gcf_button_01 a{
  background-color: #162c59;
  border: 2px solid #162c59;
}

.gcf .gcf_box .gcf_button_01 a:hover{
  color: #162c59;
  background-color: #fff;
  border: 2px solid #162c59;
}

.gcf_list_box ul li .gcf_list_pointer .title{
  height: 65px;
  position: relative;
}

.gcf_list_box ul li .gcf_list_pointer .title p{
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 1.4rem;
}


/*追加*/
/* ボタンをキラッとさせる */
.s-btn1 a {
    display: block;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-weight: bold;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.s-btn1 a::before {
    content: '';
    height: 100%;
    width: 30px;
    position: absolute;
    top: -180px;
    left: 0;
    background-color: #fff;
    opacity: 0;
    animation: s-btn1 3s ease-in-out infinite;
    display: inline-block;
}

s-btn1 a:hover {
    text-decoration: none;
    color: #fff;
    box-shadow: none;
    -webkit-transform: translateY(3px);
}

@-webkit-keyframes s-btn1 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
/* ボタンをキラッとさせる */

.gcf .gcf_sub section{ background-color:#edece5;}



.gcf_store_text::before{
  left: -47px;
  z-index: 1;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(90, 230, 40, 0);
  border-top-width: 16px;
  border-bottom-width: 2px;
  border-left-width: 27px;
  border-right-width: 28px;
  margin-top: -17px;
  border-right-color: #162c59;
  right: 100%;
  top: 50%;
}

.gcf_store_text::after{
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(90, 230, 40, 0);
  border-top-width: 16px;
  border-bottom-width: 2px;
  border-left-width: 25px;
  border-right-width: 25px;
  margin-top: -16px;
  border-right-color: #ffffff;
  right: 100%;
  top: 50%;
}

.gcf_store_text p {color: #fff;}




#gcf_timetable .timetable_wp{
  text-align: center;
  padding-top: 30px;
}

.timetable_wp img{
  display: inline-block;
}

.label_n {
  position: relative;
  color: #fff;
  display: flex;
  justify-content: center;
}

.label_n::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-bottom: 50px solid transparent;
  border-right: 50px solid #ff0000;
  z-index: 100;
}

.label_n::after {
  content: "NEW";
  position: absolute;
  font-size: 14px;
  top: 10px;
  right: 0;
  transform: rotate(45deg);
  color: #fff;
  z-index: 200;
}


.gcf_store_description .ft_b{
  font-weight: bold;
}


.gcf_store_description .Boshu_details p{
  line-height: 2;
}

.gcf_store_description .Boshu_details dl{
  display: flex;
  flex-wrap: wrap;
  margin: 20px auto;
  line-height: 2;
}

.gcf_store_description .Boshu_details dl dt {
  width: 15%;
}

.gcf_store_description .Boshu_details dl dd {
  width: 85%;
}


/*プランページ-------------------------------------------------------------------------------*/
 
.gcf .gcf_box a{ color: #162c59;}
.gcf_list_inner .gcf_list_inner_sns li a{background-color: #162c59;}
.gcf_consept_title p{-webkit-text-stroke: 2px #162c59;}
.gcf_consept_title.gcf_list_coming p{margin: 10px 0 0 0;}
.gcf_sub_qa_list li p{line-height: 1.8}

.gcf_bgon02{ background-color:#fff;}

.gcf .gcf_sub section {padding: 0 0 70px;}

.gcf_area_box{z-index: 0;}



.gcf .band{
  background:url(/cms/collection/images/service/gcf/gcf12/gcf_gizagiza.png) ;
  min-width: 100%;
  height: 21px;
  background-repeat: repeat-x;
}


.gcf .gcf_box .gcf_button_02 a:hover {background-color: #162c59;}


.gcf_plan_box_button .gcf_button a:hover span.gcf_outline02{-webkit-text-stroke: 1px #ff6600;}

.gcf .gcf_box .gcf_plan_box_button .gcf_button a{border :9px solid #FF6600;}

.gcf .gcf_box .gcf_button_01 a{background-color: #FF6600;}

.gcf .gcf_box .gcf_button_01 a:hover{color:#ff6600;}



/*2DAY*/

.gcf .gcf_box .gcf_button_03 a{
  background-color: #162c59;
  border: 2px solid #162c59;
  color: #fff;
}

.gcf .gcf_box .gcf_button_03 a:hover {
  color: #162c59;
  border: 2px solid #162c59;
  background-color: #fff;
}

.gcf_model_list li:nth-child(even){
  background-color: #fff;
}

.gcf_model_list li h4::before{
  -webkit-text-stroke: 2px #162c59;
}


.gcf .gcf_sub section.gcf_sub_qa{
  margin-top: 0;
  padding-top: 0;
}

.gcf .gcf_sub section .gcf_sub_qa_title{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #162c59;
  padding: 3%;
}

.gcf .gcf_sub section .gcf_sub_qa_title .gcf_title{
  padding-right: 30px;
}

.gcf_sub_qa_title_text{
  text-align: left;
  color: #fff;
}

.gcf_sub_qa_list_box .color_r_tx{
  color: #f00;
}

.gcf_sub_qa_list_box .under_l{
  text-decoration: underline double black;
}

.gcf_sub_qa_list_box .f_weight{
  font-weight: bold;
}

.gcf_area .area_map_tx{
  position: relative;
  z-index: 10;
}

.gcf_sub_qa_list_text .entry_t {
  font-size: 16px;
  font-weight: bold;
}

.gcf .gcf_box a.link_underline{
  text-decoration: underline;
}
.gcf .gcf_box a.link_underline:hover{
  text-decoration: none;
}

	
/*レスポンシブ-------------------------------------------------------------------------------*/
@media screen and (max-width: 560px) {
	.gcf_list_inner_cross {
    top: -50px;
		right: initial;
    left: 10px;
  }
	.gcf_box{
		padding-top: 0;
	}
  .gcf section{
			padding: 80px 0;
		}
		section.gcf_top{
			padding: 0;
		}
	.gcf .gcf_sub section{
		padding: 0 0 80px;
	}
		.gcf_lead h4{
			font-size: 1.6rem;
		}
		.gcf_textloop p{
			font-size: 4rem;
		}
		.gcf_button{
			margin-top: 30px;
		}
		.gcf_button a{
			font-size: 1.5rem;
			width: 100%;
		}
		.gcf_lead_logo{
			width: 60%;
		}
		.gcf_lead_support li{
			width: calc(100% / 3 - 60px);
		}
		.gcf_news_box .gcf_news_list li{
			font-size: 1.3rem;
		}
		.gcf_title img{
			height: 38px;
		}
		.gcf_title h2{
			font-size: 2rem;
			margin-top: 10px;
		}
		.gcf_plan .gcf_title h2{
			margin-bottom: 2px;
		}
		.gcf_news_box, .gcf_plan_box, .gcf_access_box, .gcf_qa_box, .gcf_consept_text_box{
			display: block;
		}
	.gcf_contents_circle p{
		font-size: 1.4rem;
	}
	.gcf_plan_bottom{
		display: block;
	}
	.gcf_plan_bottom p{
		font-size: 1.4rem;
		line-height: 1.5;
	}
	.gcf section.gcf_qa{
		padding: 50px 4.27vw;
	}
	.gcf_consept_text_box p{
		font-size: 1.4rem;
	}
	.gcf_plan_bottom {
		font-size: 1.8rem;
	}
	.gcf_plan_bottom h3,.gcf_gallery .gcf_title h3,h3.gcf_text_02{
		font-size: 2rem;
		line-height: 1.5;
	}
	.gcf_store_box{
		align-items: flex-end;
	}
	.gcf_store_text::after{
		margin-top: -6px;
		border-top-width: 22px;
	}
	.gcf_store_text{
		display: block;
		padding: 20px 45px;
	}
	.gcf_store_text p{
		font-size: 1.5rem;
		white-space: nowrap;
	}
	.gcf_store_text .gcf_button{
		margin: 20px 0 0 0;
	}
	.gcf_store_img img{
		width: auto;
	}
		/*ニュース--------------------*/
		.gcf_news_box .gcf_title{
			margin-right: initial;
		}
		.gcf_news_box .gcf_title img{
			margin: 0 auto;
		}

		.gcf_news_box .gcf_title h2{
			text-align: center;
			margin-bottom: 25px;
		}
		.gcf_news_sns{
			justify-content: space-around;
			width: 50%;
			margin: 20px auto 0;
		}
		.gcf_news_sns li{
			margin-right: initial;
		}
		.gcf_news_sns li img{
			width: 20px;
		}
		/*MOVIE-----------------------------*/
		.gcf_movie_text h3{
			font-size: 2rem;
			line-height: 1.5;
			margin: 100px 0 30px;
		}
		.gcf_movie_text p{
			font-size: 1.6rem;
			font-weight: 500;
			text-align: justify;
		}
		.gcf_contents_box .gcf_title{
			margin-bottom: 30px;
		}
		.gcf_contents_list h3{
			font-size: 2rem;
			line-height: 1.5;
			margin: 50px 0 30px;
		}
		.gcf_area_box{
			margin-top: -9px;
		}
		.gcf_access_text .bg_max{
			margin: 0;
		}
		.gcf_access_text h4,.gcf_text_01{
			font-size: 1.4rem;
		}
		.gcf_access_map{
			margin-top: 40px;
		}
		.gcf_access_map iframe{
			width: 100%;
		}
		.gcf_qa_box .gcf_title img{
			height: 130px;
			margin: 0 auto;
		}
		.gcf_qa_text_box{
			margin: 50px 0 30px;
			text-align: center;
		}
		.gcf_qa_text{
			width: 100%;
		}
		.gcf_consept_title p{
			font-size: 3.5rem;
			text-align: center;
			line-height: 1.2;
		}
		.gcf_gallery_list li{
			width: calc(100% / 3);
		}
		.gcf_consept_text_box_in{
			width: 100%;
		}
 /*コンテンツページ---------------------------------------------------------------------------------------*/
		.gcf_list_box ul li .gcf_list_pointer{
			width: calc(100% / 2);
		}
	.gcf_list_box ul li:nth-child(3) .gcf_list_pointer,.gcf_list_box ul li:nth-child(4) .gcf_list_pointer{
		margin-top: 50px;
	}
		.gcf_box .gcf_title_sub h2{
			font-size: 3.8rem;
		}
		.gcf_box .gcf_title_sub p{
			font-size: 1.5rem;
		}
		.gcf_list_box h3{
			font-size: 2.0rem;
		}
		.gcf_list_box ul li .gcf_list_inner .gcf_list_inner_box{
			width: 100%;
			padding: 30px 4vw;
			border-radius: 15px;
		}
/*よくある質問----------------------------------------------------------------------------------------------------------------------*/
	/*アコーディオンタイトル*/
	.gcf_sub_qa_list li h4 {
    	font-size: 1.5rem;
	}
	.gcf_sub_qa_list li p{
		font-size: 1.4rem;
	}
	.gcf_sub_qa_list li h4 span::before,.gcf_sub_qa_list li h4 span::after{
  		width: 10px;
  		height: 10px;
	}
	.gcf_sub_qa_list li h4 span::before{
		top: 1.2em;
	}
	.gcf_sub_qa_list li h4.close span::after{
		top: 1.5em;
	}
		.gcf_sub_qa_title{
			max-width: 283px;
		}
	.gcf_sub_qa_title_img{
		width: 160px;
		top: -7.1em;
		left: -1em;
	}
	.gcf_sub_qa_title_text{
		text-align: center;
	}
	.gcf_sub_qa_title_text h2{
		font-size: 2.0rem;
	}
	.gcf_sub_qa_title_text p{
		font-size: 1.5rem;
	}
	.gcf_title_sub02{
		font-size: 1.8rem;
		padding: 0.6em 0 0.6em 1em;
		line-height: 1.3;
	}
	.gcf_title_sub02::before{
		width: 6px;
	}
	/*料金プラン--------------------------------------------------------------------------------*/
	.gcf_plan_box_button{
		display: block;
		margin-bottom: 30px;
	}
	.gcf_plan_box .gcf_outline01{
		font-size: 2em;
		text-align: center;
		line-height: 1.3;
	}
	.gcf_plan_box{
		padding: 4.27vw;
		border: 5px solid #333399;
	}
	.gcf .gcf_box .gcf_plan_box_button .gcf_button a{
		font-size: 2.8rem;
		border: 5px solid #333399;
		width: 100%;
		padding: 0.5em;
	}
	.gcf_plan_box_button .gcf_button a span{
		font-size: 1.8rem;
		margin-bottom: 2px;
	}
	.gcf .gcf_box .gcf_plan_box .gcf_button_02 a{
		font-size: 2.2rem;
		border: 5px solid #162c59;
		line-height: 1.3;
	}
	.gcf_plan_box_description{
		font-size: 1.4rem;
		text-align: justify;
		
	}
	.gcf_plan_list_box{
		padding: 4.27vw;
	}
	.gcf_plan_list_in h3{
		font-size: 2rem;
    	padding-left: 3.5em;
	}
	.gcf_plan_list_in h3::before,.gcf_model_list li h4::before{
		left: 0;
		font-size: 3.8rem;
	}
	.gcf_plan_list_box h4{
		font-size: 1.8rem;
		line-height: 1.3;
	}
	.gcf_plan_list_box dl{
		font-size: 1.3rem;
	}
	.gcf_plan_list_box dl dd span{
		font-size: 1rem;
	}
	.gcf_plan_list_box ul{
		font-size: 1rem;
	}
	.gcf_stay_list ul{
		display: block;
	}
	.gcf_stay_list ul li{
		width: 100%;
		margin-bottom: 80px;
	}
	.gcf_stay_list ul li:last-child{
		margin-bottom: 0;
	}
	.gcf_stay_list ul li dl{
		font-size: 1.8rem;
	}
	.gcf_box .gcf_model .gcf_title_sub .bg_max{
		display: block;
	}
	.gcf_box .gcf_model .gcf_title_sub .bg_max p{
		margin-top: 10px;
	}
	.gcf_sub_nav ul li{
		text-align: justify;
		font-size: 1.5rem;
		padding-left: 2em;
	}
	.gcf .gcf_sub section.gcf_sub_qa{
		margin-top: 50px;
	}
	.gcf_model_list li h4{
		padding-left: 6.5rem;
		font-size: 1.8rem;
		line-height: 1.5;
	}
	.gcf_store .gcf_box .gcf_title_sub h2{
		font-size: 3.4rem;
	}
	.gcf_store_description span{
		margin-left: 4em;
	}
	.gcf_terms_top_02{
		font-size: 2rem;
		line-height: 1.5;
	}
	.gcf_top_banner p{
		font-size: 1.2rem;
	}
	.gcf_ticket_button{
		right: 2.67vw;
		bottom: 14vw;
	}
	.gcf_ticket_button img{
		width: 25vw;
	}
	.gcf #okiyomenav .gcf_outline02{
		font-size: 3rem;
	}
	.gcf .gcf_box .gcf_hamburger_box ul li a, .gcf .gcf_box .gcf_hamburger_sns li a{
		font-size: 1.4rem;
		 white-space: nowrap;
	}
	.gcf_hamburger_bottom{
		display: block;
	}
	.gcf_hamburger_bottom_ticket img{
		width: 50vw;
	}
	.gcf_hamburger_bottom .gcf_button a{
		width: 160px;
	} 
	.gcf #okiyomenav .okiyome_menu_box{
    overflow: auto;	
		padding: 50px 0;
		overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
		width: 90%;
		height: 100%;
		overflow-x: hidden;
	}
	.gcf #okiyomenav .okiyome_menu_box::-webkit-scrollbar{
		display: none;
	}
	.gcf_hamburger_box_in{
		width: auto;
	}
	.gcf_hamburger_box{
		display: block;
	}
	.gcf_hamburger_bottom .gcf_store_text{
		padding: 1em 2em;
	}
	.gcf_hamburger_bottom .gcf_store_text p{
		font-size: 1.4rem;
	}
	.gcf_hamburger_bottom_ticket img{
		margin: 30px auto 0;
	}  
	.gcf_hamburger_logo img{
		margin: 0 auto 50px auto;
	}
	.gcf_hamburger_bottom .gcf_store_img img{
		width: 40vw;
	}
	.gcf_list_inner_text{
		max-height: 20em;
	}


/*0712追加  *-----------------------------------------------------------------------------*/

@media screen and (max-width: 560px) {

/*トップ*/
  .gcf .gcf_box .gcf_plan_box .gcf_button_02 a{
  font-size: 2.2rem;
  border: 5px solid #162c59; 
  line-height: 1.3;
  }

  .gcf_store_text::after{
  margin-top: -16px;
  border-top-width: 16px;
  }

  .gcf_ticket_button img{width: 28vw;}

  .gcf_store_text{ 
  padding:5%;
  margin-left: 5%;
  }

  .gcf_store_text p{ font-size:1.8rem; }


  .gcf section{padding: 0;}

  .gcf section.gcf_news{padding: 5% 0;}

  .gcf_news_box .gcf_title img{margin: 0;}

  .gcf_news_box .gcf_title h2{
  text-align: left;
  margin-top: 1.5%;
  }

  .gcf_news_box .gcf_news_list li{
  display: block;
  margin-bottom: 3%;
  }

  .gcf_news .news_img img{height: 30px;}

  .gcf_news_sns li img{ width:40%;}


  .block-brand_detail .gcf_consept{padding: 5% 0 8%;}

  .gcf_consept_text .gcf_consept_title p{
  font-size: 1.6rem;
  margin: 2% auto 0;
  }

  .gcf_consept_title{ margin: 0 auto;}
  .gcf_consept_text{position: static;}
  .open-box{margin: 0 auto;}
  .open p{font-size: 1.2rem;}
  .open-label::after {font-size: 1.4rem;}
  .gcf_consept_text_box_in{ width: 42%;}

  .on-off:checked ~ .open{
  width: 96%;
  margin: 0 auto;
  padding: 0em 0em 0.2em;
  }

  /*コンテンツ*/
  .gcf_contents_box {padding: 5% 0;}

  .gcf_contents_box .gcf_title h3{line-height: 1.5;}

  .gcf_title img{height: auto;}


  /*  外部出店募車*/



  .store_bt{
  padding: 0.6em;
  font-size: 1.2rem;
  }

  /*  外部出店募車*/


  /*料金プラン*/
  .gcf_plan_box{border: 5px solid #162c59;}
  .gcf .gcf_plan{padding: 5% 0;}

  .gcf_plan .gcf_title {justify-content: center;}

  .gcf .gcf_plan .gcf_title img{height: 40px;}

  .gcf_plan .gcf_title h2{margin-left: 0.5em;}

  .gcf_plan .gcf_plan_box{ margin: 13vw 4.27vw 3vw;}

  .gcf_plan .wi60{width: 60%;}

  .gcf .gcf_box .gcf_plan_box_button .gcf_button a{
  padding: 0.1em;
  border: 4px solid #FF6600;
  font-size: 3.6rem;
  }

  .gcf_plan_box_button .gcf_button a span{
  font-size: 3.4rem;
  margin-left: 0.3em;

  }

  .gcf_plan_box .gcf_outline01{
  font-size: 2.4em;
  top:-50px;
  padding: 0 0.5em;
  }


  .gcf_plan_box_button .gcf_button a span{
  font-size: 2.8rem;
  margin-left: 0.5em;
  }

  .gcf .gcf_box .gcf_plan_box_button .gcf_button a{
  font-size: 4.2rem;
  padding: 0.3em;
  }


  .tree img { width: 50%;}


  .gcf_plan_box_button {margin-top: 12%;}

  /*エリア*/
  #gcf_area {
  margin: 5% auto;
  padding-bottom: 5%;
  }

  .gcf_area .gcf_title img{
  width: 60%;
  }

  .gcf_area_box {
  margin-top: -8%;
  }

  .gcf_area_bg img{ width: 90%;}

  /*ギャラリー*/
  .gcf_gallery .gcf_title{

  }


  .gcf_gallery .gcf_title{
  padding-top: 5%;
  margin-bottom: 5%;
  }

  .gcf_gallery .gcf_title h2{margin: 0 auto;}


  /*アクセス*/
  .gcf section.gcf_access {padding: 5% 0;}

  .gcf_qa_wp{
  display: block;
  text-align: center;
  }
  .gcf_title h2{margin-top: 1.5%;}

  .gcf_access .gcf_access_text .gcf_title img{height: 50px;}


  /*QA*/
  .gcf_access .gcf_qa_frame{
  padding: 3%;
  }


  .gcf_qa_frame .gcf_qa_wp .gcf_title img{
  height: 50px;
  margin: 0 auto;
  text-align: center;
  }

  .gcf_qa_frame .gcf_button{
  margin-top: 3%;
  }


  .gcf_qa_wp .q_summary{margin: 3% auto;
  }



/*コンテンツ*/
    .gcf_store_text::after{
      margin-top: -16px;
      border-top-width: 16px;
    }

  .gcf_ticket_button img{width: 28vw;}


  /*共通グローバルmenu内*/
  .gcf_store_text{ 
    padding:5%;
    margin-left: 5%;
  }
  .gcf_store_text p{ font-size:1.8rem; }
  /*共通グローバルmenu内*/



    #gcf_timetable .timetable_wp img{ width: 90%;}


    .gcf_list_box ul li .gcf_list_pointer .title{
      height: auto;
    }

  .gcf_list_box ul li .gcf_list_pointer .title p{
    position: static;
    margin-top: 3%;
  }


  .gcf_store_description .Boshu_details dl dt {
    width: 42%;
  }

  .gcf_store_description .Boshu_details dl dd {
    width: 55%;
    padding-bottom: 5%;
  }


/*プラン*/

    .gcf .gcf_box .gcf_plan_box_button .gcf_button a{

      border: 5px solid #FF6600;

    }

    .gcf .gcf_box .gcf_plan_box .gcf_button_02 a{
      border: 5px solid #162c59;

    }


    .gcf_store_text::after{
      margin-top: -16px;
      border-top-width: 16px;
    }


  .gcf_ticket_button img{width: 28vw;}


  /*共通グローバルmenu内*/
  .gcf_store_text{ 
  padding:5%;
  margin-left: 5%;
  }
  .gcf_store_text p{ font-size:1.8rem; }
  /*共通グローバルmenu内*/



  .gcf .gcf_sub section{
    padding: 0 0 50px;
  }


  .gcf_sub_qa_title {max-width: 100%; }

  .gcf_area_bg img{ width: 90%;}
  .gcf_plan_box{border: 5px solid #162c59;}

  .gcf_sub_qa_title_text{text-align: left;}



    .gcf_plan_box .gcf_outline01{
      font-size: 2.4em;
      top:-50px;
      padding: 0 0.5em;
    }


    .gcf_plan_box_button .gcf_button a span{
      font-size: 2.8rem;
      margin-left: 0.5em;
    }

    .gcf .gcf_box .gcf_plan_box_button .gcf_button a{
      font-size: 4.2rem;
      padding: 0.3em;
    }


  .gcf .gcf_sub section.gcf_sub_qa{
    margin-top: 0;
  }



}



