@charset "UTF-8";

@media (max-width: 779px) {
	.sec.hero {
		padding: 0;
		min-height: initial;
	}
	.hero-txt {
		position: absolute;
		top: 10vh;
		right: auto;
		left: 50%;
		color: #FFF;
		font-size: 32px;
		line-height: 1.8;
		transform: translateX(-50%);
	}


	/* NEWS */
	#NEWS {
		text-align: right;
	}
	.section-head.-news {
		width: 100%;
	}
	.-news-flexed {
		flex-wrap: wrap;
	}
	.section-head.-news h2 p.en-B {
		margin: 0;
		writing-mode: unset !important;
	}
	.content.-news {
		width: 100%;
		margin-left: 0;
	}
	.news-content-box.swiper-slide {
		width: 200px;
	}
	.news-content-box a {
		min-height: 250px;
		padding: 5px 15px 15px;
	}
	.news-date {
		padding: 10px;
		font-size: 11px;
	}
	.news-content-box .lnk {
		right: 15px;
		bottom: 15px;
	}
	#NEWS .lnkbtn {
		margin: 70px 0 0;
	}



	/* ABOUT */
	#ABOUT.sec {
		padding-top: 30px;
	}
	.section-head-txt {
		position: inherit;
		top: auto;
		left: 0;
		width: calc(100% - 50px);
		margin-left: 50px;
		padding-right: 0;
		font-weight: 700;
		font-size: 15px;
		line-height: 1.8;
		transform: translateY(0);
	}
	.content.-about.-flexed {
		flex-wrap: wrap;
		text-align: right;
	}
	.about-content-photo {
		width: 100%;
	}
	.about-content-photo.swiper {
		padding-bottom: 20px;
	}
	.about-content-txt {
		width: 100%;
		margin: 0 0 0 5.5%;
	}
	.about-content-txt-photo.swiper {
		overflow: visible;
	}
	.about-content-txt-inner {
		margin: 50px 0;
		text-align: left;
	}
	
	/* MENU */
	#MENU.sec {
		padding-bottom: 70px;
		margin: 30px auto 70px;
	}
	#MENU.bottombar::after {
		display: none;
	}
	.section-head.-menu h2 {
		padding: 50px 0 0;
		margin: 0 0 70px;
	}
	.section-head.-menu h2 span {
		margin-top: 10px;
		padding-bottom: 50px;
	}
	.section-head.-menu h2 span::before, .section-head.-menu h2 span::after {
		left: calc(50% - 3px);
		width: 6px;
		height: 6px;
	}
	.section-head.-menu h2 span::after {
		left: calc(50% + 3px);
	}
	.menu-bg {
	  width: 100%;
	  height: 100vh;  
	  background-size: auto 110%;
	}
	.menu-bg.absolute-mode {
	  height: 100vh;
	}
	.content.-menu {
		width: 80%;
		padding: 0;
	}
	.content.-menu.-menu-content-1 {
		padding: 5px 0 10px;
	}
	.menu-content-box-wrap {
		padding: 0 5.5%;
		margin: 0 5.5%;
		border-top: none;
	}
	.-menu-content-1 .menu-content-box-wrap {
		padding: 0 5.5%;
	}
	.menu-content-box {
		width: 100%;
		margin-bottom: 70px;
	}
	.menu-content-box-photo {
		aspect-ratio: 16 / 10;
	}
	.menu-content-box-txt-title {
		margin: 20px 0;
	}
	.menu-content-box-txt-title p.en {
		font-size: 18px;
	}
	.menu-content-box-txt-title span {
		font-size: 10px;
		margin-top: 10px;
	}
	.menu-content-box-txt p {
		padding: 0 3.5%;
	}
	.content.-menu.-menu-lnk {
		padding: 15px 0;
	}


	/* BLOG */
	#BLOG.sec {
		padding-bottom: 20px;
	}
	.content.-blog.-flexed {
		flex-wrap: wrap;
	}
	.blog-content-box {
		width: 100%;
		margin-bottom: 30px;
	}
	.blog-content-box::before {
		left: calc(50% - 50vw);
		width: 100vw;
		height: calc(100% - 20vw);
	}
	.blog-content-box:last-child::before {
		top: -30px;
		height: calc(100% + 30px);
	}
	.blog-content-box a {
		padding: 0 5.5%;
	}
	.blog-content-box-txt h3 {
		margin: 30px 0;
		font-size: 22px;
	}
	.blog-content-box-link {
		padding: 30px 0;
		text-align: right;
	}


	/* ABOUT-SHOP */
	#ABOUT-SHOP {
		text-align: right;
	}
	#ABOUT-SHOP.sec {
		padding-top: 50px;
	}
	.-abouts-flexed {
		flex-wrap: wrap;
	}
	.section-head.-about-shop {
		width: 100%;
	}
	.section-head-about-shop-txt {
		margin: 30px 0 50px 50px;
		text-align: left;
	}
	.section-head-about-shop-txt ul {
		margin-bottom: 20px;
	}
	.section-head-about-shop-txt ul li {
		font-size: 16px;
	}
	.section-head-about-shop-txt ul li p {
		font-size: 80%;
	}
	.content.-about-shop {
		width: 100%;
		padding-right: 0;
		text-align: center;
	}
	.calendarBox {
		width: 89%;
		margin-left: auto;
		margin-right: auto; 
		min-width: initial;
	}
	.month-header {
		padding: 12px 15px 16px;
		text-align: center;
	}
	table.xo-month thead th {
		padding: 10px 0;
	}
	.holiday-all {
		padding: 10px 0;
	}
	#ABOUT-SHOP .lnkbtn {
		position: inherit;
		left: auto;
		bottom: auto;
	}
}