@charset "utf-8";
/* CSS Document */


@media screen and (min-width: 1201px) and (max-width: 1366px) {

	/*about*/
	.about-bk-text {
		top: 190px;
		width: 38%;
	}

	.about-02-text {
		padding-bottom: 30px;
	}


	/*footer*/
	#map {
		width: 90%;
	}

}


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

	/*header*/
	.header-logo-intro-text {
		width: 60%;
	}

	.header-menu {
		display: none;
	}

	.header-community {
		display: none;
	}


	/*about*/
	.about-bk-text {
		position: initial;
		top: initial;
		right: initial;
		width: 100%;
		padding: 0px 70px;
		margin-top: 35px;
		margin-bottom: 20px;
	}

	.about-02-text {
		padding-bottom: 30px;
	}


	/*footer*/
	#map {
		width: 100%;
	}

}


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

	/*header*/
	.header-logo-area {
		padding-top: 72px;
		height: initial;
	}

	.header-logo {
		position: initial;
		left: initial;
		bottom: initial;
		padding-left: 30px;
		padding-top: 30px;
	}

	.header-logo-intro-text {
		position: initial;
		top: initial;
		bottom: initial;
		margin-top: 25px;
		padding-right: 30px;
		padding-bottom: 20px;
		width: fit-content;
	}

	.header-logo-text {
		left: 30px;
	}


	/*booking-button*/
	.booking-button {
		width: 100%;
		height: 70px;
		left: inherit;
		margin-left: inherit;
		background-color: #b90f00;
	}

	.booking-button:hover {
		background-color: #b90f00;
	}

	.booking-button-text-a {
		font-size: 1.5rem;
		line-height: 1.5rem;
	}

	.booking-button-text-b {
		font-size: 1.5rem;
		line-height: 1.5rem;
		margin-left: 10px;
	}

	.booking-button-arw {
		width: 25px;
		margin-left: 18px;
	}

	.booking-button-min {
		width: 100%;
		height: 70px;
		left: inherit;
		margin-left: inherit;
		right: 0px;
		bottom: 0px;
		background-color: #b90f00;
	}

	.booking-button-min>.booking-button-text-a {
		width: auto;
		font-size: 1.5rem;
		line-height: 1.5rem;
	}

	.booking-button-min>.booking-button-text-b {
		width: auto;
		font-size: 1.5rem;
		line-height: 1.5rem;
		margin-left: 10px;
		margin-top: 0px;
	}

	.booking-button-min>.booking-button-arw {
		width: 25px;
		margin-left: 18px;
		margin-top: 0px;
	}


	/*content*/
	.content {
		margin: initial;
	}


	/*index-main*/
	/* .index-main {
	height: 360px;
} */


	/*about*/
	.about {
		padding-top: 50px;
	}

	.about-01 {
		flex-wrap: wrap;
	}

	.about-01-n1 {
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}

	.about-01-n2 {
		width: 100%;
		margin-top: 30px;
	}

	.about-02 {
		flex-wrap: wrap;
		margin-top: initial;
	}

	.about-02-n1 {
		width: 100%;
		margin-top: 30px;
		order: 2;
	}

	.about-02-n2 {
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
		margin-top: 50px;
		order: 1;
	}

	.about-02-text {
		padding-bottom: 0px;
	}

	.about-bk {
		padding-top: initial;
		padding-bottom: 30px;
		display: flex;
		flex-wrap: wrap;
	}

	.about-bk-gras-l {
		position: initial;
		top: initial;
		font-size: calc(20vw + 8vh);
		line-height: calc(20vw + 14vh);
		padding-left: 30px;
	}

	.about-bk-text {
		position: initial;
		top: initial;
		right: initial;
		width: 100%;
		padding: 0px 30px;
		order: 2;
	}

	.about-photo-se {
		justify-content: initial;
		flex-wrap: wrap;
		order: 1;
		margin-top: -10%;
	}

	.about-photo-02 {
		width: 100%;
		padding: 0px 30px;
	}

	.about-photo-03 {
		width: 100%;
		padding: 0px 30px;
		margin-top: 25px;
	}

	.about-photo-04 {
		width: 100%;
		padding: 0px 30px;
		margin-top: 25px;
	}


	/*index-event*/
	.index-event {
		width: 100%;
		margin-top: 50px;
		padding-left: 30px;
		margin-bottom: 50px;
	}


	/*index-menu*/
	.index-menu {
		padding: 50px 0px;
	}

	.index-menu-area {
		width: 100%;
		padding: 0px 30px;
	}

	.index-menu-title-n {
		margin-bottom: 35px;
	}

	.index-menu-title {
		font-size: 1.75rem;
	}

	/*index-ig*/
	.index-ig {
		width: 100%;
		margin-top: 50px;
		margin-bottom: 50px;
		padding: 0px 30px;
	}

	.index-ig-pic-n {
		width: 47%;
		margin-bottom: 6%;
	}

	.index-ig-pic-n:not(:nth-child(4n)) {
		margin-right: initial;
	}

	.index-ig-pic-n:not(:nth-child(2n)) {
		margin-right: 6%;
	}

	.index-ig-pic>div:nth-last-child(-n+4) {
		margin-bottom: 6%;
	}

	.index-ig-pic>div:nth-last-child(-n+2) {
		margin-bottom: 0;
	}

	/*footer*/
	.footer {
		padding: 50px 0px 120px 0px;
	}

	.footer-all {
		width: 100%;
		padding: 0px 30px;
	}

	.footer-restaurant-area {
		flex-wrap: wrap;
	}

	.footer-restaurant-area-l-n {
		width: 100%;
		flex-wrap: wrap;
	}

	.footer-restaurant-area-l-n-logo {
		width: 100%;
		text-align: center;
	}

	.footer-restaurant-area-l-n-logo img {
		width: 115px;
		min-width: 115px;
	}

	.footer-restaurant-area-l-n-time-title {
		margin-bottom: 10px;
	}

	.footer-restaurant-area-r-n {
		width: 100%;
		margin-left: 0px;
		margin-top: 50px;
	}

	.footer-restaurant-area-r-n-address-all {
		margin-top: 50px;
	}

	.footer-restaurant-area-r-n-address-title {
		margin-bottom: 10px;
	}

	#map {
		width: 100%;
	}

	#map iframe {
		height: 350px;
	}

	.footer-company-area {
		position: initial;
		margin: initial;
		left: initial;
		right: initial;
		bottom: initial;
		width: initial;
		margin-top: 50px;
	}

	.footer-company-detail-title {
		margin-bottom: 10px;
	}

}


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

	/*about*/
	.about-bk {
		padding-bottom: 20px;
	}

	.about-photo-se {
		margin-top: -11%;
	}

}


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

	/*about*/
	.about-photo-se {
		margin-top: -12%;
	}


	/*footer*/
	.footer-company-detail-cu02 {
		width: 100%;
		margin-left: 0px;
		padding-left: 0px;
		border-left: 0px solid rgba(0, 0, 0, 0.2);
		margin-top: 40px;
	}

}


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

	/*about*/
	.about-photo-se {
		margin-top: -13%;
	}


	/*footer*/
	.footer-restaurant-area-r-n-address {
		flex-wrap: wrap;
	}

	.footer-restaurant-area-r-n-address-text {
		width: 100%;
	}

	.footer-restaurant-area-r-n-address-btn {
		margin-left: 0px;
		margin-top: 8px;
	}


}


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

	/*about*/
	.about-bk-gras-l {
		font-size: calc(20vw + 6vh);
		line-height: calc(20vw + 12vh);
	}

	.about-bk-text {
		margin-top: 30px;
		margin-bottom: 10px;
	}

	.about-photo-se {
		margin-top: -15.5%;
	}


	/*event-content*/
	.event-content {
		width: 85%;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.event-content-detail-pic {
		margin-bottom: 30px;
	}

}


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

	/*about*/
	.about-photo-se {
		margin-top: -13%;
	}


	/*footer*/
	.footer-restaurant-area-r-n-address {
		flex-wrap: wrap;
	}

	.footer-restaurant-area-r-n-address-text {
		width: 100%;
	}

}


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

	/*about*/
	.about-photo-se {
		margin-top: -15%;
	}

}