@charset "UTF-8";

/*------------ TOP MV ------------*/
#top {
	position: relative;
}
#top .top_slide {
	overflow: hidden;
	width: 100vw;
	height: 100vh;
	position: relative;
}
#top ul{
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
	top:0;
	left:0;
}
#top ul li{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
    transition: transform 10s linear;
}
#top ul li.active{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
#top ul li:nth-child(1){
	height:100%;
	background-image:url(../images/top/main01_r3.jpg);
	background-size: cover;
	background-position: 50% 50%;
	z-index:1;
}
#top ul li:nth-child(2){
	background-image:url(../images/top/main02_r3.jpg);
	background-size: cover;
	background-position: 50% 50%;
	opacity:0;
	z-index:2;
}
#top ul li:nth-child(3){
	background-image:url(../images/top/main03_r3.jpg);
	background-size: cover;
	background-position: 50% 50%;
	opacity:0;
	z-index:3;
}
#top ul li:nth-child(4){
	background-image:url(../images/top/main04_r3.jpg);
	background-size: cover;
	background-position: 50% 50%;
	opacity:0;
	z-index:4;
}
#top ul li:nth-child(5){
	background-image:url(../images/top/main05_r2.jpg);
	background-size: cover;
	background-position: 50% 50%;
	opacity:0;
	z-index:5;
}
#top h1 {
	position:absolute;
	width: 200px;
	text-align:center;
	top:50%;
	left: 50%;
	transform: translate(-50%, -70%);
	z-index:2;
}
#top h1 img {
	width: 100%;
	height: auto;
	filter: drop-shadow(0px 0px 6px white);
}
/*------------ TOP > top_container ------------*/
.top_container{
	position: absolute;
	bottom: 20px;
	right: 20px;
}
/*------------ TOP > top_container > banner ------------*/
.top_banner {
	width: 90%;
	max-width: 320px;
	margin-left: auto;
    position: relative;
    z-index: 90;
}
.top_banner a {
	display: block;
	transition: all 0.2s ease-in-out;
    margin-bottom: 8px;
}
.top_banner a.art-fes {
    /*width: 80%;*/
    margin-left: auto;
}
.top_banner a:hover {
	opacity: 0.7;
}
.top_banner a img {
	display: block;
	width: 100%;
	height: auto;
}
/*------------ TOP > top_container > NEWS ------------*/
/*#news {
	position: absolute;
	z-index: 90;
	bottom: 20px;
	right: 20px;
	background: rgba(0,0,0,0.60);
	font-size: 14px;
	padding: 15px 30px;
}*/
#news {
	background: rgba(0,0,0,0.60);
	font-size: 14px;
	padding: 15px 30px;
    position: relative;
    z-index: 90;
}
#news h2 {
	position: relative;
	margin-bottom: 0.4em;
	font-size: 110%;
	display: inline-block;
}
/*#news h2:after {
	content: " ";
	display: block;
	width: 16px;
	height: 2px;
	background: #fff;
	position: absolute;
	bottom: -6px;
	left: 50%;
	margin-left: -8px;
}*/
#news .news_container {
	position: relative;
	margin-bottom: 10px;
}
#news .news_container .news_container--label {
	line-height: 20px;
	float: left;
}
#news .news_container .news_container--label .label {
	border: 1px solid rgba(255, 255, 255, 0.5);
	font-size: 85%;
	text-align: center;
	width: 60px;
	margin-left: 5px;
	display: inline-block;
	line-height: 1;
	padding: 3px 0;
	vertical-align: top;
}
#news .news_container .news_container--label .label.label3 {
	background-color: rgba(223,0,3,0.70);
}
#news .news_container .news_container--title {
	text-decoration: underline;
	line-height: 20px;
	margin-left: 152px;
}
#news .news_container .news_container--title a {
	text-decoration: underline;
}
#news .news_container .news_container--title a:hover {
	text-decoration: none;
}
/*------------ TOP > NEWS > Modal →　news.css ------------*/
/*------------ banner_area ※2020.07.15追加 ------------*/
.banner_area {
	padding-top: 50px;
	z-index: 1;
    position: relative;
}
.banner_area a, .banner_area img.pc {
	display: block;
	width: 100%;
}
.banner_area img {
	width: 100%;
	height: auto;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.banner_area img:hover {
    opacity: 0.8;
}
.banner_area .banner01 {
	width: 720px;
	margin: 15px auto 0;
    display: flex;
}
.banner_area .banner01:first-of-type {
	margin-top: 0;
}
.banner_area .banner01 a:first-child {
	margin-right: 15px;
}
.banner_area .banner02 {
	width: 500px;
	margin: 15px auto 0;
    display: flex;
}
.banner_area .banner02:first-of-type {
	margin-top: 0;
}
.banner_area .banner03 {
	width: 400px;
	margin: 15px auto 0;
    display: flex;
}
.banner_area .banner02:first-of-type {
	margin-top: 0;
}
/*------------ CONTENT ------------*/
#content section {
	padding: 80px 0;
	text-align: center;
	position: relative;
}
#content section.top_party,
#content section.top_floor {
	padding: 0;
	background: #000;
}
#content section.top_info {
	padding-bottom: 0;
}
#content h2 {
	font-size: 40px;
	margin-bottom: 34px;
	line-height: 1;
}
/*------------ CONTENT > CONCEPT ------------*/
.top_concept p {
	text-align: center;
	font-size: 18px;
	margin-bottom: 50px;
}
/*------------ CONTENT > MENU ------------*/
.top_menu p.menu_text {
	width: 548px;
	margin: 0 auto 50px;
}
.top_menu ul.top_menu_li {
	width: 1020px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.top_menu ul.top_menu_li li {
	width: 50%;
	height: 440px;
	float: left;
	position: relative;
	background: url("../images/top/top_lunch_r2.jpg") no-repeat;
	background-size: cover;
	background-position: center center;
}
.top_menu ul.top_menu_li li:nth-child(2) {
	background: url("../images/top/top_dinner_r2.jpg") no-repeat;
	background-size: cover;
	background-position: center center;
}
.top_menu ul.top_menu_li li .link_btn {
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,0.40);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	padding: 27px 23px 22px;
	height: 170px;
	width: 100%;
	font-weight: bold;
	font-size: 20px;
}
.top_menu ul.top_menu_li li .link_btn p {
	margin-top: 1em;
	line-height: 1.8;
	font-size: 16px;
	font-weight: normal;
}
.top_menu ul.top_menu_li li .link_btn:hover {
	background: rgba(0,0,0,1);
}
.top_menu ul.top_menu_li li .link_btn:after {
	top: 27px;
	right: 30px;
}
.top_menu ul.top_menu_li li .link_btn:hover:after {
	right: 15px;
}
.menu_bg {
	position: absolute;
	height: 260px;
	top: 255px;
	left: 0;
	/*width: calc(50% - 510px);*/
	width: 100%;
	min-width: 30px;
	z-index: 0;
	background: url("../images/top/bg.png") repeat-x center center;
	background-size: auto 100%;
}
.menu_bg.menu_bg_r {
	display: none;
}
/*.menu_bg__img {
	position: absolute;
	height: 100%;
}
.menu_bg__img.bg01 {
	width: 5vw;
	min-width: 113px;
	background: url("../images/top/pic01.png") no-repeat right top;
	background-size: contain;
	right: 0;
	top: 0;
}
.menu_bg__img.bg02 {
	width: 9vw;
	min-width: 187px;
	background: url("../images/top/pic02.png") no-repeat left bottom;
	background-size: contain;
	left: 0;
	bottom: 0;
}
.menu_bg__img.bg03 {
	width: 6.5vw;
	min-width: 153px;
	background: url("../images/top/pic03.png") no-repeat left top;
	background-size: contain;
	left: 0;
	top: 0;
}
.menu_bg__img.bg04 {
	width: 6.5vw;
	min-width: 137px;
	background: url("../images/top/pic04.png") no-repeat right bottom;
	background-size: contain;
	right: 0;
	bottom: 0;
}*/
/*------------ CONTENT > PARTY FLOOR ------------*/
.top_party {
	height: 520px;
}
.top_party__bg {
	background: url("../images/top/party.jpg") no-repeat;
	background-size: cover;
	background-position: center center;
	height: 100%;
}
.top_floor .top_party__bg {
	background: url("../images/top/floor.jpg") no-repeat;
	background-size: cover;
	background-position: center right;
}
.top_party .max_container {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%);
}
.top_party__area {
	background: rgba(0,0,0,1.00);
	position: absolute;
	top: 0;
	right: 5%;
	height: 100%;
	width: 420px;
}
.top_floor .top_party__area {
	right: auto;
	left: 5%;
}
.top_party__area--content {
	width: 82%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.top_party .link_btn {
	margin-top: 3em;
	background: #656565;
}
/*------------ CONTENT > INFORMATION ------------*/
.top_info__map {
	position: relative;
	width: 100%;
	height: 440px;
}
.top_info__map > iframe {
	height: 100%;
	width: 100%;
}
.top_info__text {
	width: 620px;
	position: relative;
	background: rgba(255,255,255,0.90);
	margin: 0 auto;
	padding: 40px 120px 30px;
	font-size: 15px;
}
.top_info__text:before {
	content: " ";
    display: block;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    position: absolute;
    top: 5px;
    left: 5px;
    border: solid 1px rgba(98,98,98,0.80);
    box-sizing: border-box;
	z-index: 0;
}
.top_info__text--content {
	position: relative;
	z-index: 5;
}
.top_info__text h3 {
	font-size: 20px;
	margin-bottom: 0.5em;
}
.top_info__text h3 span {
	font-size: 32px;
	letter-spacing: 0.07em;
}
.top_info__text p {
	line-height: 1.6;
	margin-bottom: 2em;
}
.top_info__text ul {
	text-align: left;
}
.top_info__text ul li {
	margin-bottom: 3em;
}
.top_info__text ul .top_info__text--dt {
	font-size: 110%;
	margin-bottom: 0.3em;
	float: left;
}
.top_info__text ul .top_info__text--dt + dd {
	margin-left: 100px;
}
.top_info__text ul dd {
	line-height: 2;
}
.top_info__text ul dd dt {
	float: left;
}
.top_info__text ul dd dd {
	margin-left: 80px;
}
.top_info__text ul small {
	margin-top: -0.7em;
    display: block;
}