@charset "UTF-8";

@media screen and (max-width: 768px) {
	/*------------ TOP ------------*/
	#top ul li:nth-child(1){
		height:100%;
		background-image:url("../images/top/main01_sp_r3.jpg");
		background-size: cover;
		background-position: 50% 50%;
	}
	#top ul li:nth-child(2){
		background-image:url(../images/top/main02_sp_r3.jpg);
		background-size: cover;
		background-position: 50% 50%;
		opacity:0;
	}
	#top ul li:nth-child(3){
		background-image:url(../images/top/main03_sp_r3.jpg);
		background-size: cover;
		background-position: 50% 50%;
		opacity:0;
	}
	#top ul li:nth-child(4){
		background-image:url(../images/top/main04_sp_r3.jpg);
		background-size: cover;
		background-position: 50% 50%;
		opacity:0;
	}
	#top ul li:nth-child(5){
		background-image:url(../images/top/main05_sp_r2.jpg);
		background-size: cover;
		background-position: 50% 50%;
		opacity:0;
	}
	#top h1 {
		width: 140px;
		top: 30vh;
		transform: translate(-50%,0);
	}
	/*------------ TOP > top_container ------------*/
	.top_container{
		position: relative;
		bottom: auto;
		right: auto;
	}
	/*------------ TOP > top_container > banner ------------*/
	.top_banner {
        width: 290px;
		position: absolute;
		top: -250px;
		right: auto;
		left: 50%;
		transform: translateX(-50%);
		margin: auto;
	}
	/*------------ TOP > NEWS ------------*/
	#news {
		/*position: relative;
		bottom: auto;
		right: auto;*/
		width: 100%;		
	}
	#news .news_container .news_container--label {
		float: none;
	}
	#news .news_container .news_container--label .label {
	}
	#news .news_container .news_container--title {
		margin-left: 0;
	}
	/*------------ banner_area ※2020.07.15追加 ------------*/
    .banner_area img.pc {
        display: none;
    }
    .banner_area img.sp {
        display: block;
    }
	.banner_area {
		padding-top: 30px;
	}
	.banner_area .banner01 {
		width: calc(100% - 40px);
        display: block;
	}
    .banner_area .banner01 a:first-child {
        margin-right: 0;
        margin-bottom: 15px;
    }
	.banner_area .banner02 {
		width: calc(100% - 40px);
	}
	/*------------ CONTENT ------------*/
	#content section {
		padding: 52px 40px;
	}
	#content section.top_menu {
		padding: 52px 30px;
	}
	#content section.top_info {
		padding: 52px 0 0;
	}
	#content h2 {
		font-size: 30px;
		margin-bottom: 28px;
	}
	/*------------ CONTENT > CONCEPT ------------*/
	.top_concept p {
		font-size: 13px;
		margin-bottom: 40px;
	}
	/*------------ CONTENT > MENU ------------*/
	.top_menu p.menu_text {
		width: auto;
		margin: 0 auto 40px;
	}
	.top_menu ul.top_menu_li {
		width: auto;
		margin: 0 auto;
	}
	.top_menu ul.top_menu_li li {
		width: 100%;
		height: 80vw;
		float: none;
	}
	.top_menu ul.top_menu_li li .link_btn {
		padding: 20px 20px 16px;
		height: auto;
		font-size: 120%;
	}
	.top_menu ul.top_menu_li li .link_btn p {
		font-size: 80%;
	}
	.top_menu ul.top_menu_li li .link_btn:after {
		top: 24px;
		right: 20px;
	}
	.top_menu ul.top_menu_li li .link_btn:hover:after {
		right: 10px;
	}
	/*------------ CONTENT > PARTY FLOOR ------------*/
	.top_party {
		height: auto;
	}
	.top_party__bg {
		height: 50vw;
	}
	.top_party .max_container {
		position: relative;
		top: auto;
		left: auto;
		transform: none;
	}
	.top_party__area {
		position: relative;
		top: auto;
		right: auto;
		height: auto;
		width: auto;
		padding: 52px 40px;
	}
	.top_floor .top_party__area {
		right: auto;
		left: auto;
	}
	.top_party__area--content {
		width: auto;
		position: relative;
		top: auto;
		left: auto;
		transform: none;
		margin: 0 auto;
	}
	.top_party .link_btn {
		margin-top: 1.5em;
	}
	/*------------ CONTENT > INFORMATION ------------*/
	#content section.top_info section {
		padding: 25px;
	}
	.top_info__map {
		height: 50vw;
	}
	.top_info__text {
		width: auto;
		max-width: 620px;
		padding: 30px 25px 10px;
		font-size: 13px;
	}
	.top_info__text h3 {
		font-size: 16px;
	}
	.top_info__text h3 span {
		font-size: 26px;
		margin-left: 0;
		}
	.top_info__text ul .top_info__text--dt + dd {
		margin-left: 95px;
	}
}
@media screen and (max-width: 440px) {
}
@media screen and (max-width: 440px) {
/*------------ CONTENT > INFORMATION ------------*/
	.top_info__text ul .top_info__text--dt {
		float: none;
	}
	.top_info__text ul .top_info__text--dt + dd {
		margin-left: 0;
	}
}