@import url("default.css");

* {-webkit-text-size-adjust:100%;}
a:link {text-decoration:none; color:#fff;}
a:visited{text-decoration:none; color:#fff;}
a:hover{text-decoration:none; color:#fff;}
a:active{text-decoration:none; color:#fff;}

.grecaptcha-badge { opacity: 0; pointer-events: none; }
.full-width { margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }
.allWrapper { overflow: hidden; }
.container-fluid { max-width: 1230px; }
.container-fluid .container-fluid { padding-left: 0; padding-right: 0; }

body { min-width: 1200px; font-size: 16px; line-height: 2;letter-spacing: 5px; color: #fff; background-color: #000; font-family: "A-OTF Ryumin Pro", serif;font-weight: 400; overflow: hidden;}
header { position: fixed; left: 0; top: 0; width: 100%; z-index: 100;  padding: 0 30px;}
header .logo{position:absolute;left: 0;top: 50%; transform: translateY(-50%);}
header .logo img{width: 70px;}
header .l-change-after img{display: none;}
header .wrap { display: flex;align-items: center;justify-content: center; position: relative;}
header .gnav ul { display: flex; align-items: center;}
header .gnav ul li { padding: 0 20px; position: relative; }
header .gnav ul a { padding: 50px 0; display: block; position: relative; transition: .3s; color: #fff;}
header .menu-trg-area{display: none; position: relative;top: 15px;right: 0;margin-left: auto; width: 30px; height: 30px; cursor: pointer;}  
header .menu-trg-area span {position: absolute; background-color: #ffffff; height: 2px;width: 30px;transition: all 0.4s ease-in-out; border-radius: 1px;}
header .menu-trg-area span:nth-of-type(1) {top: 10px;}
header .menu-trg-area span:nth-of-type(2) {bottom: 10px;}  
.open .menu-trg-area span:nth-of-type(1) {transform: translateY(4px) rotate(-45deg);}  
.open .menu-trg-area span:nth-of-type(2) {transform: translateY(-4px) rotate(45deg);}  
header .hamburger-menu{display: none;}
.open .hamburger-menu{display: none;}
.header-color{background: #fff;transition: .5s;}
.header-color .gnav ul a {color: #000;padding: 30px 0;}
.header-color .logo img{height: 60px;}
.header-color .l-change-before img{display: none;}
.header-color .l-change-after img{display: block;}

/* footer */
footer{text-align: center;letter-spacing: 0;padding-top: 50px;z-index: 2;}
footer .logo{margin-bottom: 50px;}
footer .middle{margin-bottom: 30px;}
.copyright{padding-bottom: 30px;}
footer .access-link { justify-content: center; }

/* common */
.shinryu{font-family: shinryu, sans-serif;font-style: normal;font-weight: 400;}
section{background: #000;}
.p-content{padding:100px 0;}
.p-b-content{padding-bottom:100px;}
.sub-title{border-bottom: 1px solid #000;padding-bottom: 10px;margin-bottom: 40px;}
.sub-title .small{margin-left: 20px;}
.middle{font-size: 26px;}
.small{font-size: 12px}
.medium{font-size: 14px;}
.amount{font-size: 20px;}
.setmenu{margin-bottom: 60px;}
.category-title{font-size: 28px;font-weight: 550; text-align: center;margin-bottom: 50px;}
.atmosphere-list{display: grid; grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(3, 1fr);gap: 10px;width: 100%;}
.atmosphere-list .grid-item{overflow: hidden;}
.atmosphere-list .grid-item a{display: block;background-position: center; background-repeat: no-repeat; background-size: cover;transition: .5s all; padding-top: 65%;}
.atmosphere-list .grid-item a:hover{ transform:scale(1.2,1.2);}
.access-link{font-size: 30px;letter-spacing: 5px;margin-bottom: 25px;}
.access-link p{margin-left: 10px;}
.page-top{display: inline-block; position: fixed; bottom: 30px;right: 30px;text-align: right;cursor: pointer;}
.page-top span{position: relative;letter-spacing: 0;font-weight: 600;transition: 5s all;}
.page-top span::before{content: ""; width: 10px;height: 10px; border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 10px solid #ffffff;position: absolute;top: -20px;left: 0;right: 0;margin: auto;}
.color-black { color: #000; }

/* fv */
.section-fv{position: relative;}
.section-fv .fv_logo{position: absolute; top: 50%; left: 50%;transform: translate(-50%,-50%);}
.section-fv .fv_logo img{width: 200px;}
.section-fv .fv_slider{width: 100%;overflow: hidden}
.section-fv .fv_slider li{background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;width: 100%; height: 100vh;}
.section-fv .fv_slider .add-animation{animation: zoomUp 10s linear 0s normal both;}
@keyframes zoomUp {	0% { transform: scale(1);}100% { transform: scale(1.15); } }

/* concept */
#greeting .p-content { background-image: url(../images/concept_img1.jpg);background-position: center;background-repeat: no-repeat;background-size: cover; margin: 150px 0 100px; }
.concept-container{display: flex;flex-direction: row;}
.text-block {flex:0.7; display: flex;	justify-content: center;flex-direction: row-reverse;align-items: flex-start;}
.left-column {display: flex; flex-direction: column; flex: 1.1;padding-right: 20px;}
.left-column .image-block{background-position: center;background-repeat: no-repeat; background-size: cover;padding-top: 54.5%;margin-bottom: 20px;}
.right-column {flex: 0.9; display: flex;justify-content: center;}
.right-column img { width: 100%; height: auto; border-radius: 4px;}
.text-block p { writing-mode: vertical-rl; font-weight: bold;  text-align: end;}
.text-block p:nth-child(2) { padding-top: 300px; }

/* menu */
.section-menu{color: #000;}
.menus{font-size: 30px;}
.menu-title{display: flex; align-items: center;margin-bottom: 70px;}
.menu-wrapper{background-image: url(../images/menu_back.jpg);background-position: center; background-size: cover; background-repeat: no-repeat;padding: 100px ; z-index: -2;}
.menu-inner{display: flex;justify-content: space-between;align-items: stretch; flex-wrap: wrap;width: 100%;position: relative;margin-bottom: 40px;}
.menu-inner::before{content: ""; width: 1px;height: 100%; border: 1px dashed #000;position: absolute; left: 0;right: 0; margin: auto;}
.menu-inner .menu-wrap{width: 45%;}
.menu-block{display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap;width: 100%;margin-bottom: 30px;}
.menu-wrap{padding-bottom: 30px;}
.menu-wrap .or{padding-left: 5em; line-height: 1;}
.menu-wrap dl{display: flex;justify-content: space-between; align-items: center;margin-bottom: 10px;}
.menu-wrap dt{font-size: 18px;font-weight: normal; width: calc(100% - 120px);}
.menu-wrap dd{font-size: 18px; width: 120px;}
.singlemenu .menu-wrap { padding-bottom: 0; }

/* course */
.section-course .p-content{padding: 100px 0 0 0;}

/* single */
.section-single .p-content{padding: 100px 0 0 0 ;}

/* access */
.map-block{width: 50%;}
.access-sentence{width: 50%;}
.access-sentence .category-title{text-align: initial;}
.access-sentence .access-detail{padding-left: 100px;}
.access-sentence .small{margin-top: 20px;}
.g-map iframe{vertical-align: bottom;}
.access-link img.tel {width: 25px;}


/* parallax */
.section-parallax.one {	height: 800px;background: 0;position: relative;overflow: hidden;background-color: #eee;}
.section-parallax.one .bg {width: 100%;height: 130%;background-repeat: no-repeat;background-size: cover;position: absolute;left: 0;top: 0;display: block;transition: top 0.2s ease-out;}
.section-parallax.second {height: 800px;background: 0;position: relative;overflow: hidden;background-color: #eee;}
.section-parallax.second .bg {width: 100%;height: 130%;	background-repeat: no-repeat;background-size: cover;position: absolute;left: 0;top: 0;display: block;transition: top 0.2s ease-out;}

/* insta */
.section-instagram{padding: 80px 0;text-align: center;font-size: 30px;}

.lb-nav a.lb-prev,
.lb-nav a.lb-next { opacity: 0.7; }

/* pege */
.hero { height: 370px; display: flex; justify-content: center; align-items: center; }
.hero-title { font-size: 36px; }
.bread { display: flex; margin: 40px 0 100px; }
.bread li { display: flex; position: relative; display: flex; align-items: center; padding-left: 13px; }
.bread li:first-child { padding-left: 0; }
.bread li:after { content: ""; display: block; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); height: 6px; width: 6px; margin-left: 10px; }
.bread li:last-child::after { content: none; }
.bread li a { font-size: 14px; }

/* notice */
.section-notice{padding: 0 0 100px 0;}
.notice-list{margin-top: 40px;letter-spacing: 0.01em;}
.notice-list ul li{margin-top: 30px;}
.notice-list ul li a{display: flex; align-items: center;justify-content: start;width: 100%;border-bottom: 1px dashed #fff;padding-bottom: 10px;}
.notice-list .notice-date{font-size:16px;margin-right: 20px;}
.notice-list .notice-title{background: #fff;color: #000;font-size: 14px;margin-right: 40px;width: 84px;text-align: center;height: 28px;}
.view-more{text-align: center;margin-top: 60px;}
.view-more a{display: inline-block; letter-spacing: .01em;position: relative;transition: .3s;padding: 5px 40px 5px 25px;border-radius: 25px; font-size: 14px; border: 1px solid #fff;}
.view-more a:before{content: ""; position: absolute; top: 50%; right: 15px;transform: translateY(-50%); border: 5px solid transparent; border-left: 8px solid #fff;transition: .3s;}
.view-more a:hover{color: #000;background: #fff;}
.view-more a:hover:before{border-left-color: #000;}
.pagenavi { display: flex; justify-content: center; align-items: center; }
.pagenavi a { font-size: 14px; width: 30px; height: 30px; border: 1px solid #fff; border-radius: 50%; text-align: center; box-sizing: border-box; display: block; padding-left: 5px; margin-right: 10px; }

/* newspage */
.section-newspage{padding-bottom: 150px;}
.section-newspage .notice-list .notice-date {font-size: 23px;}
.section-newspage .notice-list .notice-text{font-size: 25px}

/* pagenavi */
.pagenavi .lastnavi{border: none;}

/* drink */
.section-drink{padding-bottom: 100px;}
.drink-chart .drink-tab{display: flex;justify-content: space-between; align-items: center;flex-wrap: wrap; width: 100%;margin-bottom: 15px;}
.drink-chart .drink-tab .tab{width: calc((100% - 40px) / 5);text-align: center;border: 1px solid #fff;padding: 15px ;transition: .3s;font-size: 20px;letter-spacing: .01em;cursor: pointer;}
.drink-chart .drink-tab .tab:hover{color: #000;background: #fff;}
.drink-chart .drink-tab .tab.active{background: #fff;color: #000;}
.drink-chart .drink-content{padding: 80px 70px 70px 70px;background: #fff;color: #000;}
.drink-chart .drink-content .product{margin-bottom: 40px;border-bottom: 1px solid #000;}
.drink-chart .drink-content .product:last-child{border-bottom: none;}
.drink-chart .drink-content .product dl{display: flex;justify-content: space-between; align-items: center;margin-bottom: 10px;}
.drink-chart .drink-content .product dt,dd{font-size: 18px;}
.drink-chart .drink-content .product dt { font-weight: 500; }
.drink-chart .drink-content .product dd{margin-left: 20px;}
.drink-chart .drink-content .product .product-text{font-size: 15px;margin-bottom: 10px;}
.content {display: none;}
.content.show {display: block;}

.textarea { white-space: pre-wrap; }
.menulogo { width: 100px; }

.section-instagram .contents { font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; }

@media (max-width: 991px) {
}
@media (max-width: 767px) {
	body { min-width: 375px; font-size: 12px;}
	header { padding: 0 15px; height: 70px;}
	header .logo{transform: translateY(0);top: 10px;}
	header .gnav { position: fixed; left: 0; top: 0; width: 100%; top: 0; background: #000; height: 100%; opacity: 0; visibility: hidden; transition: .3s; }
	header .gnav.active { opacity: 1; visibility: visible;}
	header .gnav.active .hamburger-menu { display: block;margin-top: 50px;text-align: center;display: flex;justify-content: center;align-items: center; flex-direction: column;}
	header .gnav.active .hamburger-menu  a{display: inline-block;}
	header .gnav.active .hamburger-menu  a .instagram {width: 30px;}
	header .gnav ul{flex-wrap: wrap;justify-content: center;margin-top: 170px;}
	header .gnav ul li{padding: 0 10px;}
	header .gnav ul a{padding: 15px 0;}
	header .menu-trg-area { display: block; }
	.header-color .logo img{height: 50px;}
	.header-color .gnav ul a{color: #fff !important;padding: 15px 0;}
	.header-color .menu-trg-area span{background: #000;}
	.header-color .menu-trg-area.active span{background: #fff;}
    .header-color.open .menu-trg-area span{background: #fff;}

	/* footer */
	.copyright{background: #000;padding: 30px 0;font-size: 14px;}
	footer .logo{margin-bottom: 40px;}
	/* footer .logo img{opacity: .5;} */
	.copyright{padding: 10px 0;font-size: 11px;}

	/* common */
	.p-content{padding: 50px 0;}
	.p-b-content{padding-bottom: 50px;}
	.middle{font-size: 18px;}
	.small{font-size: 11px;}
	.medium{font-size: 15px;}
	.category-title{font-size: 23px;margin-bottom: 30px;}
	.sub-title{margin-bottom: 20px;}
	.page-top {bottom: 15px; right: 20px;}
 
	/* fv */
	.section-fv .fv_logo img{width: 150px;}

	/* concept */
	#greeting .p-content { margin: 70px 0; }
	.left-column{display: none;}
	.section-course .p-content{padding: 50px 0 0 0;}
	.text-block { flex: unset; width: 28%; justify-content: center;}
	.right-column { flex: unset; width: 70%; }
	.text-block p { line-height: 1.3; text-align: start; height: 500px; }
	.text-block p:nth-child(2) { padding-top: 160px; }
	.concept-container { justify-content: space-between; }

	/* menu */
	.menu-title {justify-content: center;margin-bottom: 45px;}
	.menu-title .menulogo{width: 60px;}
	.menus{font-size: 26px;text-align: center;}
	.sub-title .small{margin-left: 0;}
	.menu-wrapper{padding: 30px;}
	.menu-wrap {padding-bottom: 30px;}
	.menu-inner {flex-direction: column;margin-bottom: 0;}
	.menu-inner::before{display: none;}
	.menu-inner .menu-wrap {width: 100%;}
	.menu-wrap dt {font-size: 15px;width: 100%;}
	.menu-wrap dd{font-size: 16px;width: 100%;}
	.menu-wrap .setmenu{border-bottom: 1px solid #fff;}
	.menu-wrap dl { flex-direction: column; margin-bottom: 20px; }

	/* single */
	.section-single .p-content{padding: 50px 0 0 0 ;}

	/* access */
	#access{text-align: center;}
	.map-block{width: 100%;margin: 0 auto;margin-top: 30px;}
	.access-sentence{width: 100%;}
	.access-sentence .access-detail{padding-left: 0;}
	.access-sentence .category-title{text-align: center;margin-bottom: 30px;}
	.access-link {justify-content: center;margin-bottom: 10px;}
	.access-link img { width: 25px; }
	.access-link img.tel {width: 14px;}
	.access-link p{font-size: 16px;}
	.access-sentence .access-detail .small{font-size: 14px;}
	.section-access .p-content{padding: 80px 0 50px 0;}
	.g-map iframe{width: 100%; height: 100%;}

	/* list */
	.atmosphere-list {grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);}

	/* parallax */
	.section-parallax.one {height: 400px;}
	.section-parallax.second {height: 400px;}

	/* news */
	.hero{height: 250px;}
	.hero-title {font-size: 25px;}
	.bread {margin: 20px 0 50px;}
	.bread li a {font-size: 12px;}
	.notice-list ul li a {flex-direction: column;align-items: start;}
	.notice-list .notice-text{margin-top: 5px;}

	/* newspage */
	.section-newspage{padding-bottom: 60px;}
	.section-newspage .notice-list .notice-date{font-size:18px;}
	.section-newspage .notice-list .notice-text{font-size: 20px}
	.section-newspage .view-more{margin-top: 30px;}

	/* tab */
	.section-drink {padding-bottom: 50px;}
	.drink-chart .drink-tab{margin-bottom: 0;justify-content: center;}
	.drink-chart .drink-tab .tab {width: calc((100% - 10px) / 2);margin-bottom: 10px;font-size: 15px;padding: 10px;}
	.drink-chart .drink-content{padding:30px 20px 20px 20px;}
	.drink-chart .drink-content .product{margin-bottom: 20px;}
	.drink-chart .drink-content .product dt{font-size: 15px;}
	.drink-chart .drink-content .product dd{font-size: 16px; margin-left: 0;}
	.drink-chart .drink-content .product .product-text {font-size: 12px;}
	.drink-chart .drink-content .product dl { flex-direction: column; align-items: flex-start; }

}