@charset "utf-8";

.basic-txt{
	font-family: var(--mincho);
}

/* -----------------------------
	intro-area
-------------------------------- */
.intro-area{
	padding: 120px 0 0;
}
.intro-area .catch{
	text-align: center;
	font-size: 4rem;
}
.intro-area .splide{
	padding: 90px 0 0;
}
.splide__list{
	align-items: center;
}
.intro-area .splide img{
	height: auto;
	width: auto;
}

.intro-area .txt-box{
	text-align: center;
	padding: 90px 0 120px;
}
.intro-area .txt-box .basic-txt:nth-child(n + 2){
	padding: 3px 0 0;
}
.intro-area .inside-img-l{
	margin: 110px 0 0;
    height: 50vw;
    overflow: hidden;
    min-height: 500px;
}
.intro-area .inside-img-l .simpleParallax {
    height: 50vw;
    min-height: 500px;
}

.intro-area .inside-img-l img{
	width: 100%;
    height: 100%;
	object-fit: cover;
}

@media screen and (max-width: 768px){
	.intro-area{
		padding: 40px 0 0;
	}
	.intro-area .catch{
		padding: 0 20px;
		font-size: 2.4rem;
	}
	.intro-area .splide{
		padding: 20px 0 0;
	}
	
	.intro-area .splide .splide__slide.l img{
		height: 150px;
	}
	
	.intro-area .splide .splide__slide.s img{
		height: 120px;
	}
	.splide__list{
	}
	.intro-area .splide img{
	}

	.intro-area .txt-box{
		padding: 30px 20px 40px;
		text-align: left;
	}
	.intro-area .txt-box .basic-txt:nth-child(n + 2){
	}
	.intro-area .inside-img-l{
		margin: 40px 0 0;
        min-height: initial;
        height: 60vw;
	}
    .intro-area .inside-img-l .simpleParallax {
        min-height: initial;
        height: 60vw;
    }
    
	.intro-area .inside-img-l img{
	}
}

/* -----------------------------
	seat-area
-------------------------------- */
.seat-area{
	background: var(--brown);
	padding: 170px 0 140px;
	color: #fff;
}
.seat-block{
	position: relative;
}
.seat-area .txt-box{
	position: relative;
}
.seat-area .txt-box::before{
	content: '';
	position: absolute;
	width: 348px;
	height: 354px;
	top: -50px;
    left: -30px;
	background: url("../img/brown-circle.svg") no-repeat top center / contain;
	z-index: 0;
}
.seat-area .en{
	font-family: var(--en);
	color: var(--light-brown);
	font-size: 8.9rem;
	letter-spacing: 0.05rem;
	writing-mode: vertical-rl;
	position: absolute;
	left: -150px;
	top: -80px;
	white-space: nowrap;
}
.seat-name{
	font-size: 3rem;
	letter-spacing: 0.05rem;
	font-family: var(--mincho);
	position: relative;
}
.seat-area .catch{
	margin: 60px 0 0;
	font-size: 3.6rem;
	line-height: 2;
	letter-spacing: .2rem;
	position: relative;
}
.seat-area .txt-box .basic-txt{
	margin: 40px 0 0;
	position: relative;
}
.seat-area .txt-box .basic-txt.txt02,
.seat-area .txt-box .basic-txt.txt03{
	margin: 5px 0 0;
}

.seat-area .img-wrap {
	position: absolute;
}
.seat-area .img-wrap img{
	width: auto;
	height: auto;
}

/* counter-seat */
.seat-area .counter-seat{
	padding: 0 0 700px;
}
.seat-area .counter-seat .img01{
	right: -200px;
}
.seat-area .counter-seat .img02{
	bottom: 210px;
    left: 150px;
}

/* table-seat */
.seat-area .table-seat{
	padding: 0 0 300px
}
.seat-area .table-seat .txt-box{
	margin: 0 0 0 auto;
	width: 660px;
}
.seat-area .table-seat .txt-box::before{
	left: -60px;
}
.seat-area .table-seat .txt-box .en{
	left: auto;
	right: -160px;
	top: -40px;
}
.seat-area .table-seat .img03{
	left: -200px;
	top: -90px;
}

/* private-room */
.seat-area .private-room{
	
}
.seat-area .private-room .txt-box{
	width: 690px;
}
.seat-area .private-room .img04{
	right: -200px;
	top: -110px;
}

/* horigotatsu */
.seat-area .horigotatsu{
	padding: 760px 0 0;
}
.seat-area .horigotatsu .txt-box{
	width: 600px;
}
.seat-area .horigotatsu .img05{
	left: -200px;
	top: 140px;
}
.seat-area .horigotatsu .img06{
	right: -100px;
    top: 280px;
}

@media screen and (min-width: 769px) and (max-width: 1600px) {
	.seat-area .txt-box {
		margin: 0 0 0 80px;
	}
	.seat-area .en{
		left: -130px;
	}
	.seat-area .table-seat .txt-box .en{
		right: -70px;
	}
}

@media screen and (max-width: 768px){
	.seat-area{
		padding: 40px 0 50px;
	}
	.seat-block{
	}
	.seat-area .txt-box{
		padding: 40px 20px 0;
	}
	.seat-area .txt-box::before{
		width: 36vw;
		height: 36vw;
		left: 20px;
		top: -10px;
	}
	.seat-area .en{
	}
	.seat-name{
		font-size: 2.3rem;
	}
	.seat-area .catch{
		font-size: 2.4rem;
		margin: 30px 0 0;
	}
	.seat-area .txt-box .basic-txt{
		margin: 20px 0 0;
	}
	.seat-area .txt-box .basic-txt.txt02,
	.seat-area .txt-box .basic-txt.txt03{
	}

	.seat-area .img-wrap {
	}
	.seat-area .img-wrap img{
		width: 100%;
		height: 100%;
	}

	/* counter-seat */
	.seat-area .counter-seat{
		padding: 0 0 42vw;
	}
	.seat-area .counter-seat .img01{
		width: calc( 100% - 40px );
        margin: 0 auto;
        height: 50vw;
		right: initial;
		top: initial;
        position: relative;
	}
	.seat-area .counter-seat .img02{
		width: 55vw;
        height: 35vw;
		left: 0;
		bottom: 0;
	}

	/* table-seat */
	.seat-area .table-seat{
		padding: 30px 0 0;
	}
	.seat-area .table-seat .txt-box{
		width: 100%;
	}
	.seat-area .table-seat .txt-box::before{
		left: 20px;
	}
	.seat-area .table-seat .txt-box .en{
	}
	.seat-area .table-seat .img03{
		width: 40vw;
        height: 50vw;
		left: auto;
		right: 0;
		top: -25vw;
	}

	/* private-room */
	.seat-area .private-room{
        padding: 30px 0 0;
	}
	.seat-area .private-room .txt-box{
		width: 100%;
	}
	.seat-area .private-room .img04{
		width: calc( 100% - 40px );
        height: 50vw;
		right: initial;
		top: initial;
        position: relative;
        margin: 0 auto;
	}

	/* horigotatsu */
	.seat-area .horigotatsu{
		padding: 50vw 0 0;
	}
	.seat-area .horigotatsu .txt-box{
		width: 100%;
	}
	.seat-area .horigotatsu .img05{
		width: 60vw;
        height: 40vw;
		left: 0;
		top: 20px;
	}
	.seat-area .horigotatsu .img06{
		width: 35vw;
        height: 50vw;
		right: 0;
		top: 50px;
	}
}

/* -----------------------------
	map-area
-------------------------------- */
.map-area{
	padding: 110px 0 0;
}
.map-area .inner1400{
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	padding: 0 90px 0 100px;
}
.map-area .ttl-block{
	margin: 0;
	padding: 40px 0 0;
	position: relative;
}
.map-area .ttl-block::before{
	content: '';
	position: absolute;
	width: 415px;
	height: 104px;
	top: 0;
	right: -120px;
	background: url("../img/brush-deco02.png") no-repeat top center / contain;
}
.map-area .ttl-block .jp{
	-ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
	letter-spacing: 0.5rem;
	font-size: 4rem;
}

@media screen and (min-width: 769px) and (max-width: 1600px) {
	.map-area .inner1400{
		width: 1200px;
	}
}

@media screen and (max-width: 768px){
	.map-area{
		padding: 50px 0 0;
	}
	.map-area .inner1400{
		display: block;
		padding: 0 20px;
	}
	.map-area .ttl-block{
		padding: 0;
	}
	.map-area .ttl-block::before{
		width: 250px;
		top: -20px;
		right: -70px;
	}
	.map-area .ttl-block .jp{
		font-size: 2.8rem;
		writing-mode: initial;
	}
	.map-area img{
		width: 100%;
		margin: 20px 0 0;
	}
}

/* -----------------------------
	gallery-area
-------------------------------- */
.gallery-area{
	margin: 115px 0 0;
	background: var(--black);
	padding: 200px 0 0;
}
.gallery-area .inner1400{
	display: flex;
	justify-content: space-between;
	padding: 0 100px 0 80px;
}
.gallery-area .ttl-block{
	margin: 0;
	padding: 0 50px 0 0;
	position: relative;
}
.gallery-area .ttl-block::before{
	content: '';
	position: absolute;
	width: 434px;
	height: 158px;
	top: -80px;
    left: -80px;
	background: url("../img/brush-deco03.png") no-repeat top center / contain;
	z-index: 0;
}
.gallery-area .ttl-block .jp{
	-ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
	letter-spacing: 0.5rem;
	font-size: 4rem;
	color: #fff;
	position: relative;
}
.gallery-area .ttl-block .jp.sp-display{
	display: none;
}
.gallery-area .sub-txt{
	color: #fff;
	position: relative;
	z-index: 1;
}
.gallery-area ul{
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin: 30px 0 0;
	position: relative;
	z-index: 1;
}
.gallery-area ul li{
	width: calc((100% / 3) - 7px);
}
.gallery-area ul li img{
	width: 100%;
		height: 340px;
}

@media screen and (min-width: 769px) and (max-width: 1600px) {
	.gallery-area .ttl-block{
		padding: 0 100px 0 0;
		z-index: 1;
	}
	.gallery-area ul{
	justify-content: flex-start;
	}
	.gallery-area ul li{
		width: calc((100% / 3) - 15px);
	}
}

@media screen and (max-width: 768px){
	.gallery-area{
		margin: 40px 0 0;
		padding: 50px 0 0;
	}
	.gallery-area .inner1400{
		display: block;
		padding: 0 20px;
	}
	.gallery-area .ttl-block{
	}
	.gallery-area .ttl-block::before{
		width: 200px;
		height: 80px;
		top: -10px;
		right: 20px;
		left: auto;
	}
	.gallery-area .ttl-block .jp{
		font-size: 2.8rem;
		writing-mode: initial;
	}
	.gallery-area .ttl-block .jp.sp-display{
		display: block;
		position: relative;
	}
	.gallery-area .ttl-block .jp.pc-display{
		display: none;
	}
	.gallery-area .sub-txt{
		font-size: 1.3rem;
		margin: 20px 0 0;
	}
	.gallery-area ul{
		margin: 10px 0 0 ;
	}
	.gallery-area ul li{

	}
	.gallery-area ul li img{
		height: auto;
	}
}



/* -----------------------------
	summary
-------------------------------- */
.cmn-summary-access-bg .shop-bg {
	background: url("../img/shop-img-l.jpg") center/cover, no-repeat;
	width: 100%;
	height: 550px;
	position: relative;
}

@media screen and (max-width: 768px){
	
	.cmn-summary-access-bg .shop-bg {
		height: 60vw;
	}
	
}



/* -----------------------------
	〇〇〇
-------------------------------- */

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