@charset "UTF-8";
/* PHONE */
@media (max-width:640px) {
	.sp--show { display: block; }
	.pc--show { display: none; }
	
	
	/* HEADER */
	header#header {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 6%;
	}
	div#logo { width: 20%; }
	nav#gnav { width: 74%; }
	
	/* navigation */
	ul.gnav_item { width: 100%; }
	ul.gnav_item li {
		font-size: 1.4rem;
	}
	ul.gnav_item li:first-child,
	ul.gnav_item li:nth-child(odd) { width: 40%; }
	ul.gnav_item li:nth-child(even) { width: 60%; }
	
	/* sns */
	ul.sns { width: 100%; align-items: center; }
	ul.sns li { height: auto; width: 20px; height: 20px; }
	ul.sns li#btn_reserved { width: 70%; height: auto; }
	ul.sns li#btn_reserved a { width: 100%; height: 100%; }
	
	#btn_reserved a { padding: 0.6rem 1.2rem; font-size: 1.2rem; }
	
	
	/* PAGE HEADER */
	section#page_header {
		height: 390px;
		margin: 0;
	}
	section#page_header div.page_header--in { padding-right: 6%; padding-left: 6%; }
	section#page_header div.page_header--in h1 { font-size: 2.6rem; line-height: 1.4; }
	
	
	/* FOOTER */
	nav#fnav ul li { width: 30%; }
	nav#fnav ul li:nth-child(3) { border-right: none; }
	nav#fnav ul li:last-child, nav#fnav ul li:nth-last-child(2) { margin-top: 2rem; width: 48%; }
	
	
	/* CONTAINER */
	section.section {}
	#about_covid-19 section.section,
	#access section.section { margin-left: 6%; margin-right: 6%; }
	#about_covid-19 #page_header,
	#access #page_header { margin: 0; }
	dl.banner_shop, figure.commitment_img { width: 100%; }
	section.section:not(:last-child) { margin-bottom: 6rem; }
	
	
	/* LOOP SLIDER */
	div#slider ul li { width: 150px; }
	
	
	/* BANNER */
	ul#banner li { max-width: 316px; width: 100%; }
	ul#banner li:not(:last-child) { margin-bottom: 1rem; }
	
  	/* SNS */
  div.sns {}
  div.sns .twitter,
  div.sns .facebook {width: 80%; max-width:600px;}
    div.sns .facebook {margin: 0 auto; }
  
	
	/* TITLE */
	h2.title_sub {
		font-size: 2.6rem;
		margin-bottom: 2.6rem;
	}
	
	
	/* TOP - covid-19 - */
	#covid-19 { padding-right: 6%; padding-left: 6%; }
	
	/* TOP - introduction - */
	section#introduction div.introduction--in {
		padding: 10% 6%;
	}
	div.introduction_title {
		font-size: 2.3rem;
		line-height: 1.7;
		letter-spacing: 0.4rem;
		margin-bottom: 2rem;
	}
	div.introduction_text { width: 100%; }
	div.introduction_text p { font-size: 1.5rem; }
	
	
	/* MENU */
	h2.title_sub_02 span.notes { display: block; text-align: left; }
	
	h3.menu_title { padding-right: 2.4rem; margin-bottom: 1.2rem;}
	#menu div.inner { margin-left: 6%; }
  section.menu_box {margin-bottom: 8rem;}
	.menu_box figure.menu_imgs { padding-right: 6%; }
	.menu_box div.menu_info, .menu_box.pickup div.menu_info { width: 100%; }
	figure.menu_imgs, .menu_box.pickup figure.menu_imgs { width: 100%; }
	p.menu_text { margin-right: 2.4rem; margin-bottom: 1.2rem; }
	
	/* POINT */
	div.point { margin-right: 6%; font-size: 1.4rem; width: 94%!important; }
	div.point div.point_title { width: 100%; text-align: center; padding: 1rem 0 0; border-top-left-radius: 4px; border-top-right-radius: 4px; }
	
	.commitment_box { margin: 0 6%; }
	div.commitment_text { order: 2; margin-top: 2.4rem; }
	.commitment_img {  }
	
	
	/* ACCESS */
	section#exterior { margin-bottom: 6rem; }
	.access_map, #map { width: 100%; margin-top: 2rem; }
	
	
	/* 感染症対策 */
	section.main_initiatives { padding: 2.4rem; }
	dl.list_initiatives dt { width: 100%; }
	dl.list_initiatives dt img { width: 140px; margin: auto; display: block; }
	dl.list_initiatives dd:not(:last-child) { margin-bottom: 2.4rem; }
	div.imgs_initiatives { margin-top: 2rem; }
}



@media screen and (max-width:320px) {
	/* LOOP SLIDER */
	div#slider ul li { width: 206px; }
	
	
	/* BANNER */
	ul#banner { justify-content: space-between; }
	ul#banner li { width: 48%; }
	ul#banner li:not(:last-child) { margin-bottom: 1rem; }
	
	
	/* TOP - introduction - */
	div.introduction_title {
		font-size: 1.8rem;
	}
	div.introduction_text p { font-size: 1.4rem; }
	
	
	/* MENU */
	.menu_box div.menu_info, .menu_box.pickup div.menu_info,
	figure.menu_imgs, .menu_box.pickup figure.menu_imgs { width: 100%; padding: 0; }
	.menu_info { order: 2; }
	.menu_box figure.menu_imgs { order: 1; margin-bottom: 1rem; }
	#menu div.inner { margin: 0; }
	.menu_box figure.menu_imgs { padding: 0; }
	div.point { margin-right: 0; order: 3; }
	
	
	.commitment_img { margin-right: 0; }
	div.commitment_text { margin-right: 0; }
	
	dl.list_initiatives p { font-size: 1.4rem; }
}