@charset "utf-8";

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

	.global_nav li a {
	    font-size: 0.7rem;
	}

}

@media only screen and (max-width: 960px){
	*{
		-webkit-text-size-adjust: 100%!important;
	}
	html,body{
		font-size: 13px;	
		min-width: 320px;	
	}
	a:hover{
		opacity: 1;	
	}
	.link_img:hover{
		opacity: 1;	
	}
	
	/* header */
	.site_logo{
		position: absolute;	
		padding:2rem 0;
	}
	.site_logo img{
		height: 10px;	
	}
	
	/* gnav */
	.subpage .global_nav {
		z-index:1000;
		top:0px;
	}
	.global_nav{
		position: fixed;
		padding: 2rem 4% 3rem;	
		display: none;
		width: 100%;	
		top:0;
		left: 0;		
		-webkit-transition-duration:0;
		transition-duration:0;
	}
	.global_nav .opblack{
		opacity: 1;	
	}
	.global_nav ul{
		display: block;	
	}
	.global_nav li{
		display: block;	
		padding: 0;	
	}
	.global_nav li a {
		font-size: 1.2rem;
		padding: 1rem;		
	}
	
	/* main_visual  */
	.main_visual{
		min-height: 0;	
	}
	.mv_content{
		padding: 37% 0 50%;	
		position: relative;
		-webkit-transform:translate(0,0);	
		transform:translate(0,0);
		top: 0;	
		left: 0;		
	}
	.greetings{
		position: absolute;	
		width: 80%;
		border-radius:120px;	
		line-height: 1.8;	
		margin-bottom: 3rem;	
		left: 50%;
		-webkit-transform: translate(-50%,0%);
		-moz-transform: translate(-50%,0%);
		-ms-transform: translate(-50%,0%);
		-o-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
	}
	.arrow{
		position: absolute;	
		left: 50%;
		-webkit-transform: translate(-50%,0%);
		-moz-transform: translate(-50%,0%);
		-ms-transform: translate(-50%,0%);
		-o-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
		bottom: -5%;
	}
	.reservation{
		font-size: 1rem;	
		margin-top: 3rem;	
		position: static;	
	}
	.reservation.bottom-fixed{
		width: 100%;
		bottom: 0;
		top: auto;
		position: fixed;
	}
	.reservation a{
		padding: 3rem;	
	}
	.reservation.bottom-fixed a{
		padding: 1rem;	
	}
	.reservation img {
		width: 20px;	
		height: auto;	
		margin-bottom: 0.5rem;	
	}
	.logo{
		padding: 0 10%;
		margin-bottom: 3rem;	
	}
	.logo img{
		width: 100%;
		height: auto;		
	}
	
	.logo div:first-child {
		margin-bottom: 1rem;	
	}
	.greetings{
		font-size: 1rem;	
	}
	
	/* content */
	.box{
		padding: 3rem 4%;
	}
	.title{
		margin-bottom: 2rem;	
		line-height: 1;	
	}
	.title::after {
		margin-top: 2rem;	
	}
	
	
	/* topics */
	.topics{
		text-align: center;	
	}
	.btn{
		width: 80%;	
	}
	.btn a{
		width: 100%;	
	}
	.topics dl{
		text-align: center;	
	}
	.topics dl:nth-child(n+2) {
		display: none;
	}
	.topics dt .date{
		display: block;	
		margin-bottom: 1rem;	
	}
	.topics dt,
	.topics dd{
		line-height: 1.5;	
	}
	.topics dt a {
		display: block;	
		margin: 0;	
	}
	
	
	/* menu */
	.menu_download ul{
		display: block;	
		overflow: hidden;	
	}
	.menu_download li{
		display: table;	
		float: left;
		width: 50%;	
		padding: 1px;	
	}
	.card{
		width: 100%;
		padding:4%;	
		max-height: 500px;
		overflow: hidden;		
	}
	.card > a{
	}
	.card > a:hover{
		opacity: 1;	
	}
	.card .download{
		display: block;	
		border:none;
		margin-top: 2rem;
		padding: 0;	
		text-align: center;		
	}
	.card .download a{
		color:#fff;
		padding: 0;	
	}
	.card .download img{
		display: none;	
		margin: 0.5rem auto;	
	}
	.card:hover{
		color:#fff;
		background: #c1b69b;
	}
	.card:hover span{
		border-bottom:2px solid #fff;
	}
	.card:hover .download{
		display: inline-block;	
	}
	.card:hover:after{
		display: block;	
	}
	.table_div li.twoline{
		padding-top: 19px;	
	}

	
	/* concept */
	.concept_text {
		font-size: 1rem;	
		padding: 2rem 1rem;	
	}
	
	/* gallery */
	.list_img ul{
		width: 100%;	
	}
	.list_img li{
		width: 33%;	
		margin: 0!important;	
	}
	.list_img li img{
		width: 100%;	
	}
	
	
	/* access */
	.padding{
		padding: 0 4%;
	}
	.access{
		padding: 3rem 0 0;
	}
	.day dl{
		display: block;	
		width: 100%;	
		text-align: center;	
	}
	.day dl >*{
		width: 100%;	
		display: block;	
	}
	.day dt {
		padding: 1.2rem 0 0;	
		width: 100%;	
	}
	.day dd {
		padding: 1rem 0;
	}
	.map iframe{
		height: 300px;	
	}
	
	/* subpage */
	.sub_visual {
		min-height: 0;		
	}
	.pagename{
		padding: 60% 0 30% 0;
	}
	.line {
		height: 4rem;	
		bottom: -2rem;
	}
	.notes{
		font-size: 1rem;	
		padding:3rem 4%;
		line-height: 1.8;	
	}
	.plan_wrap {
		display: block;	
	}
	.plan_content {
		display: block;	
		width: 100%;	
	}
	.plan_content .inner {
		padding:0 4%;
		max-width: 100%;	
	}	
	.plan .small_plan li:first-child {
    	padding: 0;
	}
	.plan .small_plan li:not(:first-child) {
		padding: 0;	
	}
	.party_map{
		padding: 60px 4%;
	}
	.party_map .subtitle {
		margin-bottom: 3rem;	
	}
	.party .plan .small_plan li{
		padding: 1px;	
	}
	.party_plan .card:hover{
		border:none;
	}
	.party_plan .menu_download li {
		float: none;	
		padding: 0;	
		margin: 0 auto;
	}
	.plan .menu_download {
		margin-top: 2rem;	
	}
	.plan .small_plan .menu_download {
		margin-top: 2rem;	
	}
	.map_name {
		margin-bottom: 1.5rem;	
	}
	.map_list{
		overflow: hidden;	
		margin-bottom: 3rem;	
	}
	.party .btn {
		margin-bottom: 3rem;	
	}
	.party_map .text em {
		margin: 2rem 0;
	}
	.reservebtn {
		margin-top: 3rem;	
	}
	.reservebtn dl {
		padding: 2rem 0;
	}
	.reservebtn dt {
		font-size: 1rem;	
		margin-bottom: 1rem;	
	}
	.reservebtn dd {
		font-size: 1.5rem;	
	}
	.party_map .text{
		line-height: 1.8;	 
	}
	.map_list_content {
		max-width: 50%;	
		width: 50%;	
		display: block;	
		float: left;	
		padding:1px;
	}
	.map_list_content:not(:first-child) {
    	margin-left: 0px;
	}
	.map_content{
		padding:2rem 1rem;
	}
	.map_content .image {
		padding: 0;	
	}
	
	.sp{
		display: block;	
	}
	.pc,
	.pcib,
	.pci{
		display: none;	
	}
	.spmenu_btn{
		width:40px;
	    font-size: 10px;	
		position: fixed;	
		top: 31px;
		right: 18px;
		-webkit-transform: translate(0,-50%);
		-moz-transform: translate(0,-50%);
		-ms-transform: translate(0,-50%);
		-o-transform: translate(0,-50%);
		transform: translate(0,-50%);
		z-index:1000;
	}
	.spmenu_btn span {
	    display: block;
	    height: 3px;
	    width: 100%;
	    background: #fff;
	    border-radius: 2px;
	    -webkit-transition: all .3s ease-in-out;
	    -moz-transition: all .3s ease-in-out;
	    transition: all .3s ease-in-out;
	    margin-top: 10px;	
		-moz-box-shadow:0px 1px 0px 0px #666;
		-webkit-box-shadow:0px 1px 0px 0px #666;
	    box-shadow:0px 1px 0px 0px #666;
	}
	.spmenu_btn span:first-child {
		margin-top: 8px;	
	}
	.spmenu_btn.active  span{
		background: #fff;	
	}
	.spmenu_btn.active  span:nth-of-type(1) {
	    -webkit-transform: translateY(9px) translateX(0) rotate(45deg);
	    -ms-transform: translateY(9px) translateX(0) rotate(45deg);
	    transform: translateY(9px) translateX(0) rotate(45deg);
	}
	.spmenu_btn.active span:nth-of-type(2) {
	    margin-top: 3px;
	    opacity: 0;
	    -webkit-transform: translateY(9px);
	    -ms-transform: translateY(9px);
	    transform: translateY(9px);
	}
	.spmenu_btn.active span:nth-of-type(3) {
	    -webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);
	    -ms-transform: translateY(-10px) translateX(0) rotate(-45deg);
	    transform: translateY(-10px) translateX(0) rotate(-45deg);
	}
	
	.footer_nav ul{
		display: block;	
		padding:2rem 0;
	}
	.footer_nav li{
		display: block;	
		line-height: 3;	
	}
	.footer_nav li:not(:first-child)::before {
		content:"";
	}
	.footer_nav a{
		font-size: 1rem;	
	}
	.footer_nav a img{
		width: 24px;	
		height: auto;		
	}
	
	/*second*/
	.second .global_nav{
		top:0;
	}
	.second .opblack {
		opacity: 0.7;
	}
	
	.second .content {
		color: #777;
		margin: 0;
		padding: 3rem 4%;
		line-height: 2.2;
		background: #dfdfdf;
		min-height: 500px;
	}
	
	.second .pagename {
		margin-bottom: 30px;
		padding: 8rem 0 1rem 0;
		line-height: 1.6;
		font-size: 28px;
	}
	
	.second .content .subtitle {
		margin-top: 3rem;
		color: #333;
		border-bottom: 2px solid #333;
		display: inline-block;
		font-size: 15px;
	}
	.second .content .pagename + .subtitle {
		margin-top: 0;	
	}
	
	.second .text ul {
		text-align: left;
		padding: 2rem 3rem;
		margin: 30px auto 0 auto;
		background: #d3d3d3;
	}
	
	.second .text li {
		list-style: circle;
		line-height: 2;
		font-weight: bold;
		font-size: 12px;
	}
	.second .text .buisiness_time li,
	.second .text .table li{
		list-style: none;
	}
	.second .text .table ul{
		padding: 0;	
	}
	.second .text .table li{
		text-align: center;	
		line-height: 1;
	}
	.bggray {
		padding: 40px 4%;	
	}
	.floormap .bggray{
		background: none;
		padding: 0;	
	}
	.floormap .link:hover{
		opacity: 1;	
	}

	
	/* reserve */
	.form_link {
		display: block;	
	}
	.form_link_single{
		display: block;	
		width: 100%;	
		padding: 0 2rem;
		margin: 0 auto;
	}
	.form_link_single:not(:first-child){
		margin-top: 3rem;	
	}
	.reserve_list {
		padding: 3em 0% 2em;
	}
	.reserve_list_content span {
		font-size: 1rem;	
		line-height: 1.5;	
	}
	.reserve_list_btn a {
		width: 100%;	
		padding: 1rem 0;	
	}
	
	/* tppics category */
	.topics_list .content a span {	
		margin: 0;	
	}
	.topics_single .eyecatch img {
		width: 100%;
		height: auto;	
		max-height: 100%;
	}

	/* floormap */
	.floormap_main{
		padding:40px 8% 4%;
	}
	.floormap_content .map_img {
		max-width: 100%;
		width: 100%;	
	}
	.map_img .link{
		display: none;
	}
	.map_img{
		font-size: 0;	
		text-align: left;	
	}
	.floormap .link {
		width: 49.5%;	
		position: static;
		text-align: center;	
	}
	.popline{
		display: none;	
	}
	.floormap_content .map_img img {
		max-width: 	500px;
	}

	.floormap .popup .opblack{ 
	}
	.link_sp_wrap{
		overflow: hidden;	
	}
	.link_sp img{
		width: 100%;	
	}
	.link_sp{
		width: 49.75%;	
		height: auto;	
		display: block;	
		float: left;
		position: static;
		-webkit-transform: translate(0);
		-moz-transform: translate(0);
		-ms-transform: translate(0);
		-o-transform: translate(0);
		transform: translate(0);
		min-height:280px
	}
	.floormap .popup_single {
		display: none;	
	}
	.link_sp:nth-child(2n+1){
		margin-left: 0.5%;
	}
	.floortext{
		font-size: 11px;	
		padding: 1em 1em 2em;
		line-height: 1.5;
		color: #000;	
	}
	.second .content .floortext .subtitle {
		font-size: 12px;	
		padding-bottom: 1em;	
		margin-bottom: 1em;	
		border-bottom: 2px solid;
		letter-spacing: 2px;
		color: #000;	
	}
	.popup_single {
		width: 90%;	
		height: auto;	
	}
	.popup_single .floortext{
		color: #fff;	
	}
	.second.floormap .content .floormap_content [data-map="dinning"] {
		background: #BCB192;
	}
	.second.floormap .content .floormap_content [data-map="private"] {
		background: #92B7BC;
	}
	.second.floormap .content .floormap_content [data-map="terrace"] {
		background: #B4BC92;
	}
	.second.floormap .content .floormap_content [data-map="barlounge"] {
		background: #BC9295;
	}
	.second.floormap .content .floormap_content [data-map="barcounter"] {
		background: #92AABC;
	}
	.second.floormap .content .floormap_content .popup_single{
		background: #000;	
	}
	.second .content .popup_single .floortext .subtitle {
		color: #fff;	
	}
}

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

	/* footer */
	.copyright {
	    padding-bottom: 160px;
	}
}