@charset "utf-8";
	/* 480px以上は写さない */
@media (min-width: 480px) {
	.sp_only {display: none!important;}
}
	/* 960px以上は写さない */
@media (min-width: 850px) {
	.tb_only {display: none!important;}
}

@media screen and (max-width: 1920px) {
	.header_right .reserv {
		left: 295px;
	}
	.header_wrap .menu_nav {
		left: 200px;
	}
	#seafood .seafood_text {
		height: 100%;
	}
}
@media screen and (min-width: 1286px) and (max-width: 1607px) {
	.header_right .reserv {
		left: 210px;
	}
}
/* 1280px以下に適用されるCSS（スクエアモニター用） */
@media screen and (max-width: 1286px) {
	header #logo {
		width: 17%;
	}
	.header_wrap .menu_nav {
		left: 90px;
	}
	.header_right .reserv {
		left: 146px;
	}
	.menu > li a {
		font-size: 16px;
	}
/* mainvisual */	
	#mainvisual p {
		font-size: 32px;
		width: 80%;
		left: 0.5em ;
		bottom: 4em;
	}
/* seafood */		
	#seafood .seafood_text h3 {
		font-size: 40px;
	}
	#seafood .seafood_text p {
		width: 100%;
	}
/* takeout */
	#takeout h3 {
		font-size: 33px;
	}
	#takeout p {
		padding-right: 4em;
	}
	#takeout .takeout_p p {
		bottom: 18em;
	}
/* 店舗情報 */
	#store_information .web_reserv {
		margin-left: 5em;
	}
	#store_information .left_info table {
		margin-top: -12em;
	}
}
@media screen and (max-width: 1120px) {
/* header */
	.header_right .reserv {
		left: 109px;
	}
/* seafood */
	#seafood .seafood_text {
		padding: 4em 2em;
	}
	#seafood .seafood_text h3 {
		font-size: 34px;
	}
}
@media screen and (max-width: 1024px) {
/* header */
	header #logo {
		width: 20%;
	}
	.header_wrap .menu_nav {
		left: 57px;
	}
	.header_right .reserv {
		left: 85px;
	}
/* seafood */
	#seafood .seafood_text h3 {
		font-size: 30px;
	}
	#seafood .seafood_text {
		padding: 3em 3em;
	}
	#seafood .seafood_text p {
		margin-top: 1em;
	}
/* takeout */
	#takeout {
		height: 450px;
	}
	#takeout .takeout_p p {
		bottom: 14em;
		left: 1em;
	}
	#takeout h3 {
		font-size: 30px;
		margin-top: 1em;
	}
	#takeout .takeout_p p {
		padding: 1em 0.5em 1em 0.3em;
	}
	#takeout p {
		padding-right: 0;
		margin-top: 1em;
	}
	
/* 店舗情報 */
	#store_information .information_logo {
		padding: 0;
		width: 80%;
	}
	#store_information .web_reserv {
		margin-left: 0;
	}
	#store_information p {
		margin-right: 4em;
	}
	#store_information .left_info table {
		margin-top: 3em;
		float: none;
		width: 700px;
	}
}

/* 850px以下に適用されるCSS（タブレット用） */
@media screen and (max-width: 850px) {
/* header */
	.header_left {
		width: 0;
		margin-left: 0;
		display: none;
	}
	.header_right {
		width: 100%;
	}
	.header_right .reserv {
		margin-left: -1em
	}
	.header_wrap .menu_nav {
		left: 100px;
	}
	.header_right .reserv {
		margin-left: 4.5em;
	}
/* mainvisual */
	#mainvisual p {
		bottom: 3em;
	}
/* seafood */
	#seafood .seafood_text {
		width: 50%;
		padding: 1em 2em;
	}
	#seafood .seafood_text h3 {
		font-size: 25px;
	}
/* takeout */
	#takeout {
		height: 350px;
	}
	#takeout .wrap {
		width: 90%;
	}
	#takeout .takeout_p p {
    width: 12%;
	font-size: 24px;
	padding: 1em 0.3em 1em 0.4em;
	}
	#takeout h3 {
		font-size: 24px;
	}
	#takeout p {
		font-size: 16px;
	}
/* 日替わり */
	#daily_menu .wrap{
		width: 90%;
	}
	#daily_menu .daily p {
		padding: 0em 1.5em 0 0;
	}
/* 店舗情報 */
	#store_information p {
		margin: 1em 0;
	}
	#store_information .information_logo {
		padding: 0;
		margin-left: 2em;
	}
}
@media screen and (max-width: 768px) {
	.header_right .reserv {
		margin-left: 4em;
	}
	#seafood .seafood_text p {
		font-size: 16px;
		line-height: 1.6em;
	}
}

/* 480px以下に適用されるCSS（スマホ用） */
@media screen and (max-width: 480px) {
/* 汎用 */
	.pc_only {display: none!important;}
	.sp {display: block!important;}
/* header */
	header #logo {
		width: 24%;
	}
	#header {
		transform: none;
		left: 0;
		background: none;
	}
	.header_right, .header_wrap {
		display: none!important;
	}
	.header_left {
		width: 50%;
		margin-left: 1em;
		margin-top: 0.5em;
	}
/* mainvisual */
	#mainvisual {
		margin-bottom: 0;
	}
	#mainvisual img {
    	margin-top: 60px;
	}
	#mainvisual p{
		line-height: 1.2;
	}
/* seafood */
	#seafood .seafood_text {
		width: 73%;
		padding: 0.5em 1em;
	}
	#seafood .seafood_text h3 {
		font-size: 24px;
	}
	#seafood .seafood_text p {
		font-size: 16px;
		line-height: 1.7em;
	}
	#seafood .seafood_text {
		height: 120%;
	}
/* takeout */
	#takeout {
		margin: 100px 0;
		height: 600px;
	}
	#takeout .flex{
		display: block;
	}
	#takeout .takeout_p {
		width: 100%;
		float: none;
		height: 310px;
	}
	#takeout ul {
		width: 100%;
		float: none;
	}	
/* 日替わりメニュー */
	#daily_menu {
		padding: 2em 0;
	}
	#daily_menu .wrap {
		width: 90%;
	}
	#daily_menu .daily {
		float: none;
		width: 100%;
	}
	#daily_menu .daily_phot {
		float: none;
		width: 100%;
}
	#daily_menu .daily p {
		padding: 1em 0;
	}
	#daily_menu .menu_look {
		margin-top: 0;
		margin-bottom: 3em;
		margin-left: 2em;
	}
	#daily_menu .menu_look a {
		padding: 2em 0 2em 2em;
		font-size: 20px;
	}
/* 店舗情報 */
	#store_information .left_info {
		float: none;
		width: 100%;
	}	
	#store_information .web_reserv {
		margin-left: 2em;
	}
	#store_information .right_phot {
		float: none;
		width: 100%;
		margin-top: 2em;
	}
	#store_information .left_info table {
		margin-top: 3em;
		float: none;
		width: 100%;
	}
	#store_information table tr th,td {
		display: block;
	}
	#store_information table tr th {
		font-weight: bold;
		font-size: 18px;
		border-bottom: 2px dotted #14c1f4;
	}
}
@media screen and (max-width: 390px) {
	#seafood .seafood_text {
		width: 90%;
	}
}