@charset "utf-8";
/* CSS Document */


/* ---------------------------------------------------------------------------------------------

   Top slide-show

--------------------------------------------------------------------------------------------- */
.swiper-wrapper .swiper-slide{
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  height: -webkit-calc;
  (100vh - 100px) !important;
  height: -moz-calc(100vh - 100px) !important;
  height: -o-calc(100vh - 100px) !important;
  height: calc(100vh - 100px) !important;
  /*height: 100vh !important;*/
  position:relative;
  z-index:0.5 !important;/*----------Z-index-----------*/
  margin-top: 80px;
  overflow: hidden !important;
}

#sp-copy{
	display: none;
	text-shadow: 0 0 5px #000;
	position: absolute;
	top: 15px;
	left: 20px;
	z-index: 1;/*----------Z-index-----------*/
}

.swiper-button-prev {
  background-image: url("../images/arrow_left.svg") !important;
}

.swiper-button-next {
  background-image: url("../images/arrow_right.svg") !important;
}

.name_area {
  position: absolute;
  width: 100%;
  text-align: center;
  color: #fff;
  top: 45%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0 50px;
}

.name_area img{
	width: 412px;/*350*/
	height: auto;
	margin: 0 auto;
	filter:drop-shadow(2px 2px 3px rgba(0,0,0,0.6));
}

@media screen and (max-width:1300px) {
	
.swiper-wrapper .swiper-slide{
	margin-top: 0;
}

#sp-copy{
	display: block;
}

#sp-copy h1{
	color: #fff;
	font-size: clamp(12px, 3vw, 14px);
}

}

@media screen and (max-width:900px) {
	
/*.swiper-wrapper .swiper-slide{
	height:600px !important;
}*/

.name_area {
  top: 60%;
}

}

@media screen and (max-width:700px) {
	
.name_area {
  top: 50%;
}
.name_area img{
	width:350px;
}
	
}

@media screen and (max-width:500px) {
	
.name_area img{
	width:300px;
}
	
}





/* ---------------------------------------------------------------------------------------------

   Corona

--------------------------------------------------------------------------------------------- */
/*#corona{
	padding: 50px 4%;
	border: 1px solid #CC3;
	margin-bottom: 50px;
}

.h2-corona{
	text-align: center;
	margin: 0 auto 25px auto;
	color: #fff;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	width: 50%;
	font-size: clamp(20px, 3vw, 24px);
	line-height: 1.5;
	padding: 10px 0;
}

#corona .m-text{
	color: #fff;
	text-align: center;
}

#corona .s-text{
	color: #fff;
	text-align: center;
}

.fa-hands-wash{
	color: #fff;
	font-size: clamp(24px, 3vw, 30px);
}

#corona .corona-list{
	padding:25px 0;
}

#corona .corona-list li{
	color: #fff;
	font-size: clamp(14px, 3vw, 16px);
	text-align: center;
}

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

.h2-corona{
	width: 100%;
}

}

@media screen and (max-width:900px) {
	
#corona{
	padding: 25px 3%;
}

}*/





/* ---------------------------------------------------------------------------------------------

  ABOUT こ･だ･わ･り " 癒し度Ｃ"

--------------------------------------------------------------------------------------------- */
#about{
	padding: 100px 4% 50px 4%;
	position: relative;
}

.about-image img{
	width: 500px;
	height: auto;
	position: absolute;
	top: 30%;
    left: 65%;
	z-index: 0;/*----------Z-index-----------*/
	opacity: 0.75;
}
.about-woman img{
	width: 660px;
	height: 920px;
	position: absolute;
	bottom: -50px;
	right: -7.5%;
	z-index: 0;/*----------Z-index-----------*/
}

.h2-about{
    text-align: center;
    color: #b9934c;
    font-size: clamp(1rem, 0.636rem + 1.82vw, 3rem);
    font-family: 'Brygada 1918', serif;
    position: relative;
    z-index: 1;
    text-shadow: 0 0 10px #000;
    margin-bottom: 3rem;
    font-weight: normal;
}
.h2-about span{
	text-align: center;
	color: #bdb76b;
	font-size: 150px;
	font-family: 'Brygada 1918', serif;
	line-height: 1.15;/*1*/
}
.h3-about{
    text-align: left;
    color: #fff;
    font-size: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
    font-family: 'Brygada 1918', serif;
    text-shadow: 0 0 10px #000;
    margin-bottom: 2.5%;
    font-weight: normal;
}

.about-introduction{
	width: 1300px;
	position: relative;
	z-index: 1;/*----------Z-index-----------*/
}

.about-introduction .big-eg span{
	font-size: 225px;
	font-family: 'Instrument Serif', serif;
	text-shadow: 0 0 25px #F09;
	color: #fff;
	line-height: 1;
}
	
.about-introduction .m-text{
	color: #fff;
	font-family: 'Brygada 1918', serif;
	text-shadow: 0 0 5px #000;
	margin-top: 2rem;
}

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

.about-woman img{
	width: 515px;
	height: auto;
	right: -12.5%;
}
.about-image img{
	width: 400px;
}

}

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

.h2-about{
	font-size: 30px;
}
.h2-about span{
	font-size: 125px;
}

.about-image img{
	width: 350px;
}

.about-introduction{
	width: 100%;
}

.about-introduction .big-eg span{
	font-size: 200px;
}

}
	
@media screen and (max-width:900px) {
	
#about{
	padding: 50px 3% 25px 3%;
}

.h2-about{
	font-size: 24px;
}
.h2-about span{
	font-size: 96px;
}

.about-image img{
	width: 300px;
}
.about-woman img{
	width: 465px;
	right: -15%;
}

.about-introduction .big-eg span{
	font-size: 175px;
}

}

@media screen and (max-width:800px) {
	
.about-woman img{
	width: 400px;
}

}

@media screen and (max-width:700px) {
	
.h2-about{
	font-size: 22px;
}
.h2-about span{
	font-size: 72px;
}

.about-image img{
	left: -70px;
    top: -120px;
}

.about-woman img{
	width: 350px;
}

.about-introduction .big-eg span{
	font-size: 150px;
}

.about-introduction .m-text{
	margin-top: 3rem;
}
	
}

@media screen and (max-width:500px) {
	
#about{
	padding: 50px 3% 0 3%;
}
	
.h2-about{
	font-size: 20px;
}
.h2-about span{
	font-size: 65px;
}

.about-woman img{
	width: 325px;
	right: -25%;
}

.about-introduction .big-eg span{
	font-size: 100px;
}

}

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

.about-woman img{
	width: 300px;
}

}

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

.about-introduction .big-eg span{
	font-size: 72px;
}

.h2-about{
	font-size: 16px;
}
.h2-about span{
	font-size: 55px;
}

.about-woman img{
	width: 250px;
	right: -20%;
}

}

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

.about-woman img{
	width: 250px;
	right: -45%;
}

.about-introduction .m-text{
	margin-top: 25px;
	width: 80%;
}

}

/* EachTextAnime テキスト
------------------------------------------------------------*/
/*========= 1文字ずつ出現させるためのCSS ===============*/
.eachTextAnime span{
	opacity: 0;
}
.eachTextAnime.appeartext span{
	animation:text_anime_on 1s ease-out forwards;
}
@keyframes text_anime_on {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}







/* ---------------------------------------------------------------------------------------------

  SYSTEM

--------------------------------------------------------------------------------------------- */
.Room{
	padding: 50px 4% 100px 4%;
	position: relative;
}

.Room .left-box,.Room .right-box{
	width: 45%;
}

.Room dl{
	width: 100%;
    border-bottom: 1px dotted #000 !important;
    display: flex;
    align-items: start;
    justify-content: space-between;
    margin: 0 0 1rem 0;
}
.Room dl.last{
	border-bottom: 0;
}
.Room dl.last-irregular{
	border-bottom: 0;
}

.Room dl dt{
	font-weight: bold;
	font-size: clamp(14px, 3vw, 16px);
	font-family: 'Brygada 1918', serif;
	text-align: left;
	line-height: 2.5rem;
}
.Room dl dd{
	font-size: clamp(16px, 3vw, 24px);
	font-family: 'Jost', sans-serif;
	text-align: right;
}

.room-introduction{
	width: 100%;
	position: relative;
	z-index: 1;
}


/* Main-room
-----------------------------------------------------------*/
.h2-main-room{
	text-align: center;
	font-size: clamp(16px, 3vw, 18px);
	position: relative;
	z-index: 1;/*----------Z-index-----------*/
	margin-bottom: 25px;
	text-shadow: 0 0 5px #ccc;
}
.h2-main-room span{
	font-size: clamp(36px, 3vw, 48px);
	font-family: 'Sorts Mill Goudy', serif;
	position: relative;
	z-index: 1;/*----------Z-index-----------*/
	border-bottom: 1px solid #000;
}
.system-main,.system-club,.system-vip,.system-etc{
	width: 90%;
	max-width: 600px;
	margin: 0 auto 2rem;
}
.system-head{
	text-align: center;
	font-size: clamp(1rem, 3vw, 1.5rem);
	position: relative;
	z-index: 1;/*----------Z-index-----------*/
	margin-bottom: 25px;
	text-shadow: 0 0 5px #ccc;
	border-bottom: 1px solid #000;
}
.system-flex{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.system-flex dt{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.system-flex dt span{
	margin-left: 30px;
	font-family: 'Jost', sans-serif;
	font-size: clamp(16px, 3vw, 24px);
}
.main-room .m-text{
	font-family: 'Brygada 1918', serif;
	font-weight: bold;
	text-align: center;
	margin-bottom: 100px;
	text-shadow: 0 0 5px #ccc;
	position: relative;
	z-index: 1;/*----------Z-index-----------*/
}
.main-room dl dt,
.main-room dl dd{
	text-shadow: 0 0 5px #ccc;
	width: 50%;
	line-height: 2rem;
}
.main-room-woman img{
	width: auto;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;/*----------Z-index-----------*/
	opacity: 0.75;
}


/* Vip-room
-----------------------------------------------------------*/
.h2-vip-room{/*共通*/
	text-align: center;
	font-size: clamp(16px, 3vw, 18px);
	position: relative;
	z-index: 1;/*----------Z-index-----------*/
	margin-bottom: 25px;
	text-shadow: 0 0 5px #996;
}
.h2-vip-room span{/*共通*/
	font-size: clamp(36px, 3vw, 48px);
	font-family: 'Sorts Mill Goudy', serif;
	position: relative;
	z-index: 1;/*----------Z-index-----------*/
	border-bottom: 1px solid #000;
	text-shadow: 0 0 5px #996;
}

.vip-room .m-text{
	font-family: 'Brygada 1918', serif;
	font-weight: bold;
	text-align: center;
	margin-bottom: 100px;
	text-shadow: 0 0 5px #996;
	position: relative;
	z-index: 1;/*----------Z-index-----------*/
}

.vip-room dl dt,
.vip-room dl dd{
	text-shadow: 0 0 5px #996;
}

.vip-woman img{
	width: auto;
	height: 100%;
	position: absolute;
	top: 0;
	right: -25px;
	z-index: 0;/*----------Z-index-----------*/
	opacity: 0.75;
}

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

.main-room-woman img{
	width: 95px;
	height: auto;
}
.vip-woman img{
	width: 100px;
	height: auto;
	right: -10px;
}

}

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

.Room{
	padding: 50px 3% 100px 3%;
}

}

@media screen and (max-width:600px) {
	
.room-introduction{
	width: 100%;
	margin: 50px auto 0 auto;
}

.Room .left-box{
	float: none;
	width: 100%;
}
.Room .right-box{
	float: none;
	width: 100%;
}

.Room dl.last-irregular{
	border-bottom: 1px dotted #000;
}

}




/* ---------------------------------------------------------------------------------------------

  Logo-space

--------------------------------------------------------------------------------------------- */
#logo-space{
	padding: 50px 0;
	position: relative;
}

#logo-space img{
	width: 350px;
	height: auto;
	margin: 0 auto;
	position: relative;
	z-index: 5;
	opacity: 0.95;
}

.marquee p.marquee-text {/*Marquee*/
	padding-left: 100%;
	display: inline-block;
	white-space: nowrap;
	animation-name: marquee;
	animation-timing-function: linear;
	animation-duration: 30s;/*20s*/
	animation-iteration-count: infinite;
	font-size: 150px;
	margin-top: -300px;
	line-height: 1;
	color: #fff;
	font-family: 'Instrument Serif', serif;
	text-shadow: 0 0 25px #F09;
	position:relative;
	z-index: 1;
}

@keyframes marquee {
	from   { transform: translate(0%);} 
	99%,to { transform: translate(-100%);}
}

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

#logo-space img{
	width: 250px;
}

.marquee p.marquee-text {/*Marquee*/
	font-size: 125px;
	text-shadow: 0 0 20px #F09;
}

}

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

#logo-space img{
	width: 175px;
}

.marquee p.marquee-text {/*Marquee*/
	font-size: 100px;
	text-shadow: 0 0 15px #F09;
}

}

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

.marquee p.marquee-text {
	font-size: 75px;
}

}


	
	
/* ---------------------------------------------------------------------------------------------

  GALLERY

--------------------------------------------------------------------------------------------- */

/*==================================================
スライダーのためのcss
===================================*/
.slider img {
    width: 100%;/*スライダー内の画像を横幅100%に*/
    height: auto;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.slider .slick-slide {
    margin: 0;/*スライド左右の余白調整*/
}
/*==================================================
スライダーのためのcss
===================================*/


/* Main-gallery
-----------------------------------------------------------*/
.Gallery .m-text{
	font-family: 'Brygada 1918', serif;
	font-weight: bold;
	text-align: center;
	text-shadow: 0 0 5px #000;
	position: relative;
	z-index: 1;/*----------Z-index-----------*/
}

#main-gallery{
	padding: 50px 0 100px 0;
	position: relative;
}
	
.h2-main-gallery{
	text-align: center;
	color: #ccc;
	font-size: clamp(16px, 3vw, 18px);
	position: relative;
	z-index: 1;/*----------Z-index-----------*/
	margin-bottom: 25px;
	text-shadow: 0 0 5px #000;
}
.h2-main-gallery span{
	color: #ccc;
	font-size: clamp(36px, 3vw, 48px);
	font-family: 'Sorts Mill Goudy', serif;
	position: relative;
	z-index: 1;/*----------Z-index-----------*/
	border-bottom: 1px solid #ccc;
}
	
#main-gallery .m-text{
	font-family: 'Brygada 1918', serif;
	font-weight: bold;
	text-align: center;
	color: #ccc;
	margin-bottom: 3rem;
	text-shadow: 0 0 5px #000;
	position: relative;
	z-index: 1;/*----------Z-index-----------*/
}

.main-acce img{
	width: 350px;
	height: auto;
	position: absolute;
	top: -100px;
	left: -25px;
	z-index: 0;/*----------Z-index-----------*/
	opacity: 0.75;
}

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

.main-acce img{
	width: 300px;
}

}

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

.main-acce img{
	width: 250px;
	top: -60px;
	left: 10px;
}

}

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

.main-acce img{
	width: 150px;
}

}


		
/* Vip-gallery
-----------------------------------------------------------*/
#vip-gallery{
	padding: 50px 0 100px 0;
	position: relative;
}
	
.h2-vip-gallery{
	text-align: center;
	color: #bdb76b;
	font-size: clamp(16px, 3vw, 18px);
	letter-spacing: 0.05em;
	position: relative;
	z-index: 1;/*----------Z-index-----------*/
	margin-bottom: 25px;
	text-shadow: 0 0 5px #000;
}
.h2-vip-gallery span{
	color: #bdb76b;
	font-size: clamp(36px, 3vw, 48px);
	font-family: 'Sorts Mill Goudy', serif;
	position: relative;
	z-index: 1;/*----------Z-index-----------*/
	border-bottom: 1px solid #bdb76b;
}

#vip-gallery .m-text{
	font-family: 'Brygada 1918', serif;
	font-weight: bold;
	text-align: center;
	color: #bdb76b;
	margin-bottom: 3rem;
	text-shadow: 0 0 5px #000;
	position: relative;
	z-index: 1;/*----------Z-index-----------*/
}

.vip-high-heeled img{
	width: 350px;
	height: auto;
	position: absolute;
	top: 25px;
	right: -35px;
	z-index: 0;/*----------Z-index-----------*/
	opacity: 0.75;
}

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

.vip-high-heeled img{
	width: 300px;
	top: 50px;
}

}

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

.vip-high-heeled img{
	width: 250px;
	top: 100px;
	right: -25px;
}

}

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

.vip-high-heeled img{
	top: 125px;
	right: 5px;
}

}

@media screen and (max-width:500px) {
	
.vip-high-heeled img{
	width: 200px;
	top: 150px;
	right:-50px;
}

}





/* ---------------------------------------------------------------------------------------------

  Instagram

--------------------------------------------------------------------------------------------- */
.insta a{
	padding: 15px 25px;
	margin: 50px auto 0 auto;
	width: 500px;
	display: block;
	line-height: 1;
	border: 1px solid #fff;
	background: #000;
}
.insta a:hover{
	background: #333;
}

.insta .xl-text{
	font-family: 'Brygada 1918', serif;
	color: #fff;
	text-align: center;
}
.insta .xl-text .fa-instagram{
	color: #fff;
	font-size: clamp(24px, 3vw, 30px);
}
.insta .xl-text span{
	color: #fff;
	font-family: 'Sorts Mill Goudy', serif;
	font-size: clamp(20px, 3vw, 24px);
}

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

.insta a{
	width: 92%;
}

}






/* ---------------------------------------------------------------------------------------------

  RECRUIT(Floor-lady)

--------------------------------------------------------------------------------------------- */
.floor-lady{
	padding: 50px 4% 100px 4%;
	position: relative;
}

.h2-floor-lady{
	text-align: center;
	font-size: clamp(16px, 3vw, 18px);
	position: relative;
	z-index: 1;/*----------Z-index-----------*/
	margin-bottom: 25px;
	text-shadow: 0 0 5px #fff;
}
.h2-floor-lady span{
	color: #903;
	font-size: clamp(36px, 3vw, 48px);
	font-family: 'Sorts Mill Goudy', serif;
	position: relative;
	z-index: 1;/*----------Z-index-----------*/
	border-bottom: 1px solid #000;
}

.floor-lady .recruit-txt{
	font-size: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
	font-family: 'Brygada 1918', serif;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1rem;
	text-shadow: 0 0 5px #ccc;
	position: relative;
	z-index: 1;/*----------Z-index-----------*/
}

.floor-lady-box{
	width: 100%;
}
.floor-lady-box dl{
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
	display: flex;
	align-items: flex-start;
	justify-content: space-around;	
	border-bottom: 1px solid #ccc !important;
}
.floor-lady-box dt,
.floor-lady-box dd{
	padding: 25px;
	text-align: left;
	font-size: clamp(16px, 3vw, 18px);
	vertical-align: middle;
	text-shadow: 0 0 5px #ccc;
	font-weight: bold;
	font-family: 'Brygada 1918', serif;
}

.floor-lady-box dt{
	width: 25%;
}
.floor-lady-box dd{
	width: 75%;
}

.floor-lady-box .last{
	border-bottom: 0;
}

.floor-lady-woman img{
	width: 400px;
	height: auto;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;/*----------Z-index-----------*/
	opacity: 0.75;
}

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

.floor-lady-woman img{
	width: 350px;
}

}

@media screen and (max-width:900px) {
	
.floor-lady{
	padding: 50px 3% 100px 3%;
}

.floor-lady-woman img{
	width: 300px;
}

}

@media screen and (max-width:700px) {
	
.floor-lady-box th,
.floor-lady-box td{
	display: block;
	width: 100%;
	border-bottom: 0;
}

.floor-lady-box th{
	border-bottom: 0;
	padding: 5px 15px;
	background: #cccccc;
	background: -moz-linear-gradient(left,  #cccccc 0%, #eeeeee 100%);
	background: -webkit-linear-gradient(left,  #cccccc 0%,#eeeeee 100%);
	background: linear-gradient(to right,  #cccccc 0%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=1 );
}

.floor-lady-box td{
	padding: 15px 15px 25px 15px;
}
.floor-lady-woman img{
	width: 250px;
}

}

@media screen and (max-width:500px) {
.floor-lady-box dl {
    width: 100%;
}
.floor-lady-woman img{
	width: 200px;
}
.floor-lady-box dt{
	width: 40%;
}
.floor-lady-box dd{
	width: 60%;
}

}

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

.floor-lady-woman img{
	width: 150px;
}

}





/* ---------------------------------------------------------------------------------------------

  Footer

--------------------------------------------------------------------------------------------- */
footer{
	width: 100%;
	background: url(../images/dotted-back12.png) repeat 0 0;
	overflow: hidden;
	padding-bottom: 100px;
 	/*border-top: 1px solid #bdb76b;*/
}

.Access{
	position: relative;
	padding: 50px 0;
}

.yago{
	width: auto;
	margin-bottom: 25px;
}
.yago img{
	width: 200px;
	height: auto;
	margin: 0 auto;
}

.foot-entry{
	margin-bottom: 50px;
	text-shadow: 0 0 5px #000;
}
.foot-entry .m-text{
	text-align: center;
	color: #fff;
	letter-spacing: 0.25em;
	/*text-shadow: 0 0 10px #F0F;*/
	line-height: 1;
}

.fa-phone-square-alt{
	color: #fff;
}
.foot-entry .foot-tel{
	text-align: center;
	color: #fff;
	/*text-shadow: 0 0 10px #F0F;*/
	letter-spacing: 0.1em;
	font-family: 'Jost', sans-serif;
	font-size: clamp(30px, 3vw, 40px);
}

.foot-entry .l-text{
	text-align: center;
	letter-spacing: 0.1em;
	width: 250px;
	margin: 0 auto;
}
.foot-entry .l-text a{
	display: block;
	color: #fff;
	font-family: 'Jost', sans-serif;
	border: 1px solid #fff;
}
.foot-entry .l-text a .fa-envelope{
	color: #fff;
}
.foot-entry .l-text a:hover{
	opacity: 0.75;
}

.foot-table th,.foot-table td{
	color: #fff;
	vertical-align: middle;
	font-family: 'Brygada 1918', serif;
	border-bottom: 1px solid #000;
	text-shadow: 0 0 5px #000;
}
.foot-table th{
	text-align: right;
	padding: 10px 15px 10px 0;
}
.foot-table td{
	padding: 10px 0 10px 15px;
}

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

.Access{
	padding: 50px 3%;
}

}

@media screen and (max-width:700px) {
	
.foot-entry .m-text{
	text-shadow: none;
}
.foot-entry .foot-tel{
	text-shadow: none;
}
	
.foot-table th,.foot-table td{
	display: block;
	width: 100%;
}
.foot-table th{
	text-align: left;
	padding: 10px 0 5px 0;
}
.foot-table td{
	padding: 5px 0 10px 10px;
	border-bottom: 0;
}

}



/* Map
-----------------------------------------------------------*/
.map{
	margin-bottom: 50px;
}


/* Group
-----------------------------------------------------------*/
.Group{
	position: relative;
	padding: 50px 0 100px 0;
}

.h2-group{
	text-align: center;
	color: #fff;
	text-shadow: 0 0 5px #000;
	font-size: clamp(16px, 3vw, 18px);
	position: relative;
	z-index: 1;/*----------Z-index-----------*/
	margin-bottom: 100px;
}
.h2-group span{
	color: #fff;
	font-size: clamp(36px, 3vw, 48px);
	font-family: 'Sorts Mill Goudy', serif;
	position: relative;
	z-index: 1;/*----------Z-index-----------*/
	border-bottom: 1px solid #fff;
}

.shop-list{
	width: 100%;
}

.shop-list ul li{
	float: left;
	text-align: center;
	width: 30%;
	border-bottom: 1px solid #000;
	margin: 0 5% 50px 0;
}
.shop-list ul li.last{
	margin: 0 0 50px 0;
}

.shop-list li img{
	width: 150px;
	height: auto;
	margin: 0 auto 15px auto;
}

.shop-list ul li .m-text{
	color: #fff;
	font-family: 'Brygada 1918', serif;
}

.shop-list ul li a:hover{
	display: block;
	opacity: 0.75;
}

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

.shop-list ul li{
	width: 47.5%;
	margin: 0 5% 50px 0;
}

.shop-list ul li.last{
	margin: 0 5% 50px 0;
}
.shop-list ul li.last-700{
	margin: 0 0 50px 0;
}

}

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

.shop-list li img{
	width: 100px;
}

}



/* Copy
-----------------------------------------------------------*/
.copy{
	width: 92%;
	margin: 0 auto;
	color: #bdb76b;
	text-align: center;
	font-size: clamp(10px, 3vw, 16px);
	font-family: 'Jost', sans-serif;
	padding: 25px 0;
	line-height: 1;
	text-shadow: 0 0 5px #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}






/* ---------------------------------------------------------------------------------------------

  PCのみ右固定 ご予約はこちら

--------------------------------------------------------------------------------------------- */

/*ご予約はこちら*/
.reserve-link{
	position: fixed;
	right:0;
	top: 250px;/*100px*/
	z-index: 5;
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
}
.reserve-link a{
	display: block;
	padding: 25px 20px 25px 20px;
	color: #fff;
	font-size: 18px;
	letter-spacing: 0.1em;
	background: #903;
	border-radius: 5px 0 0 5px;
	line-height: 1;
}
.reserve-link a:hover{
	background: #600;
}

a .fa-chevron-circle-right{/*共通*/
	color: #fff;
}

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

.reserve-link{
	display: none;
}

}





/* ---------------------------------------------------------------------------------------------

  Clone-nav フッター固定 Tel,ご予約はこちら,Map

--------------------------------------------------------------------------------------------- */
.clone-nav {
	display: none;
}

@media screen and (max-width:1300px) {
	
.clone-nav {/*共通*/
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;/*----------Z-index-----------*/
  width: 100%;
  height: 75px;
  background: #000;
  transition: .3s;
  transform: translateY(100%);
}
.is-show {/*共通*/
  transform: translateY(0);
}

#clone-link ul li a{/*共通*/
	display:block;
	float:left;
	cursor:pointer;
	display:block;
	text-decoration:none;
}


/* Tel
-----------------------------------------------------------*/
#clone-link ul li.foot-tel a{
	width:30%;
	background:#000;
	padding:15px 2%;
}
#clone-link ul li.foot-tel a:hover{
	opacity:0.75;
}
#clone-link ul li.foot-tel a .tel-asking{
	text-align:center;
	color:#fff;
	font-size:18px;
	line-height: 1;
}


/* お問合せはこちら
-----------------------------------------------------------*/
#clone-link ul li.foot-reserve a{
	width:40%;
	background: #903;
	padding:15px 2%;
}
#clone-link ul li.foot-reserve a:hover{
	opacity:0.75;
}
#clone-link ul li.foot-reserve a .reserve-asking{
	text-align:center;
	color:#fff;
	font-size:18px;
	line-height: 1;
}
.clone-nav .fa-angle-right{
	color: #fff;
}


/* Map
-----------------------------------------------------------*/
#clone-link ul li.foot-map a{
	width:30%;
	background: #000;
	padding:15px 2%;
}
#clone-link ul li.foot-map a:hover{
	opacity:0.75;
}
#clone-link ul li.foot-map a .map-asking{
	text-align:center;
	color:#fff;
	font-size:18px;
	line-height: 1;
}
.clone-nav .fa-map-marker-alt{
	color: #fff;
}

}

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

#clone-link ul li.foot-tel a .tel-asking{
	font-size:14px;
}
#clone-link ul li.foot-reserve a .reserve-asking{
	font-size:14px;
}
#clone-link ul li.foot-map a .map-asking{
	font-size:14px;
}

}

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

#clone-link ul li.foot-tel a .tel-asking{
	font-size:12px;
}
#clone-link ul li.foot-reserve a .reserve-asking{
	font-size:12px;
}
#clone-link ul li.foot-map a .map-asking{
	font-size:12px;
}

}





/* ---------------------------------------------------------------------------------------------

  PageTop-Link

--------------------------------------------------------------------------------------------- */
#PageTop{
	position: fixed;
	bottom: 80px;
	right: 2%;
	z-index: 15;/*----------Z-index-----------*/
}

#PageTop a .fa-caret-square-up{
	color: #ccc;
	font-size: 72px;
}
#PageTop a:hover .fa-caret-square-up{
	opacity: 0.5;
}

@media screen and (max-width:700px) {
	
#PageTop a .fa-caret-square-up{
	font-size: 60px;
}
	
}