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


@media screen and (min-width: 501px) {
	
	
	/*----------------------------------------

	common

	----------------------------------------*/
	#info ul.room li:last-child:after,
	#info ul.submenu li:last-child:after,
	#flow ul > li:last-child:after,
	#takeout ul li:last-child:after {
		width: 30px;
	}
	html {
		font-size: 75%;
	}
	#info h2,
	#question h2 {
		top: 120px;
	}
	.br_pc {
		display: none;
	}
	/*--------------------------------------*/
	
	
	/*----------------------------------------

	nav

	----------------------------------------*/
	nav {
		max-width: 415px !important;
		padding: 120px 30px 150px 30px;
	}
	/*--------------------------------------*/
	
	
	/*----------------------------------------

	header

	----------------------------------------*/
	header {
		padding: 30px;
	}
	#toggle {
		transform: scale(1.2);
		transform-origin: top left;
	}
	header ul li a {
		margin-bottom: 30px;
		transform: scale(1.2);
		transform-origin: top right;
	}
	/*--------------------------------------*/
	
	
	/*----------------------------------------

	header

	----------------------------------------*/
	/*--------------------------------------*/
	
	
	/*----------------------------------------

	info

	----------------------------------------*/
	#info {
		padding: 150px 0;
	}
	#info table {
		table-layout: auto;
		width: calc(100% - 30px);
	}
	#info ul.room li {
		margin-right: 30px;
	}
	#info ul.submenu li {
		margin-right: 30px;
	}
	/*--------------------------------------*/
	
	
	/*----------------------------------------

	flow

	----------------------------------------*/
	#flow ul > li {
		margin: 0 0 0 30px;
		scroll-margin: 30px;
	}
	/*--------------------------------------*/
	
	
	/*----------------------------------------

	question

	----------------------------------------*/
	#question {
		padding: 150px 0;
	}
	#question .right {
		padding-right: 30px;
	}
	#question ul li {
		margin-bottom: 30px;
	}
	/*--------------------------------------*/
	
	
	/*----------------------------------------

	takeout

	----------------------------------------*/
	#takeout ul li {
		margin: 0 0 0 30px;
		scroll-margin: 30px;
	}
	/*--------------------------------------*/
	
	
	/*----------------------------------------

	goods

	----------------------------------------*/
	#goods {
		padding: 150px 30px;
	}
	#goods ul li {
		padding-bottom: 30px;
	}
	#goods .goods_text {
		padding: 30px;
	}
	/*--------------------------------------*/
	
	
	/*----------------------------------------

	access

	----------------------------------------*/
	#access {
		padding: 150px 30px;
	}
	#access img {
		width: 100%;
	}
	/*--------------------------------------*/
	
	
	/*----------------------------------------

	sns

	----------------------------------------*/
	#sns {
		padding: 150px 20px 100px 20px;
	}
	#sns ol {
		justify-content: space-around;
		margin-top: 100px;
	}
	#sns ol svg {
		width: 45px;
		height: 45px;
	}
	#sns ol li a {
		width: 80px;
		height: 80px;
	}
	/*--------------------------------------*/
	
	
	/*----------------------------------------

	news

	----------------------------------------*/
	#news {
		padding: 150px 30px 250px 30px;
	}
	/*--------------------------------------*/
	
	
	/*----------------------------------------

	sub

	----------------------------------------*/
	#sub-wrap {
		padding: 120px 0 150px 0;
	}
	#sub {
		width: calc(100% - 60px);
		padding: 30px;
	}
	/*--------------------------------------*/
	
	
}


@media screen and (min-width: 960px) {
	
	
	/*----------------------------------------

	common

	----------------------------------------*/
	h2 {
		font-size: 5rem !important;
	}
	/*--------------------------------------*/
	
	
	/*----------------------------------------

	info

	----------------------------------------*/
	#info table {
		white-space: wrap;
	}
	.working,
	#info #table_wrap {
		overflow-x: hidden;
	}
	#info ul.room {
		display: block;
		overflow-x: hidden;
	}
	#info ul.room li {
		width: 100%;
		margin-bottom: 30px;
	}
	#info ul.room li:last-child {
		margin-bottom: 0;
	}
	.room_text {
		padding: 5px 30px 30px 30px;
	}
	#info ul.submenu {
		display: block;
		overflow-x: hidden;
	}
	#info ul.submenu li {
		width: 100%;
		margin-bottom: 30px;
	}
	#info ul.submenu li:last-child {
		margin-bottom: 0;
	}
	.submenu_text {
		padding: 30px;
	}
	#info table {
		width: 100%;
	}
	/*--------------------------------------*/
	
	
	/*----------------------------------------

	info

	----------------------------------------*/
	#flow ul {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		max-width: 1024px;
		margin: 0 auto;
		overflow-x: hidden;
	}
	#flow ul > li {
		flex-basis: calc(50% - 15px);
		margin: 0 0 30px 0;
		scroll-margin: 0;
	}
	#flow ul > li:last-child {
		margin-right: 0;
	}
	/*--------------------------------------*/
	
	
	/*----------------------------------------

	takeout

	----------------------------------------*/
	#takeout {
		padding-top: 150px;
	}
	#takeout ul {
		display: flex;
		justify-content: space-between;
		flex-wrap: nowrap;
		max-width: 1024px;
		margin: 0 auto;
		overflow-x: hidden;
	}
	#takeout ul li {
		flex-basis: calc(50% - 15px);
		margin-left: 0;
		scroll-margin: 0;
	}
	#takeout ul li:last-child {
		margin-right: 0;
	}
	/*--------------------------------------*/
	
	
	/*----------------------------------------

	goods

	----------------------------------------*/
	#goods ul li {
		width: calc(50% - 15px);
		margin: 0 auto;
		padding-bottom: 30px;
	}
	/*--------------------------------------*/
		
		
}