/*************************************************/
/* style_sp.css                                  */
/* スタイルシート(スマートフォン用)              */
/*************************************************/

* { box-sizing : border-box; }
* { -moz-box-sizing : border-box; }

/* 横幅768以下を「スマートフォンサイズ」とする */
@media screen and (max-device-width: 768px){

	/*-----------------------------------*/
	/* 共通部・ヘッダ部 */
	/*-----------------------------------*/

	body {
		margin: 0px auto;
		font-size: 12px;
		font-family: "メイリオ", "ＭＳ Ｐゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	}
	body::before {
		content: "sp";
		display: none;
	}

	img {
		border: none;
		max-width: 100%;
		height: auto;
	}

	a:link, a:active, a:visited {
		color: #FFFFFF;
		text-decoration: none;
	}
	a:hover {
		color: #FFFFFF;
		text-decoration: underline;
	}

	#main_contents {
	    width: 500px;
	}

	#lbl_top_comment {
		margin-top: 50px;
		margin-left: auto;
		margin-right: auto;		
		width: 100%;
		text-align: center;
	}

	#img_top_logo {
		margin-left: auto;
		margin-right: auto;		
		margin-bottom: 30px;
		height: 87px;
		width: 350px;
	}

	#pnl_menu_base {
		/* メニューボタンの下地 */
		/*margin-top: 30px;*/
		/*background-color: #663300;*/
		height: 152px;
		width: 500px;
	}

	#pnl_menu_item {
		margin-left: auto;
		margin-right: auto;
		height: 152px;
		width: 500px;
	}

	.pnl_menu_btn {
		float: left;
		width: 250px;
		height: 76px;
		margin-bottom: 1px;
	}

	.img_menu_btn {
		width: 250px;
		height: 76px;
	}

	#pnl_main_base {
		float: left;
		padding-bottom: 30px;
		background-color: #F5EDEB;
		height: auto;
		width: 500px;
	}

	/*-----------------------------------*/
	/* フッタ部 */
	/*-----------------------------------*/
	#pnl_footer {
		clear: both;
		float: left;
		background-color: #663300;
		height: 50px;
		/*width: 100%;	*/
		width: 500px;	
	}

	.pnl_height_spacer {
		height: 10px;
	}

	#pnl_footer_menu {
		margin-left: auto;
		margin-right: auto;
		color: #FFFFFF;
		font-size: 14px;
		height: 30px;
		width: auto;
		text-align: center;
	}

	#pnl_footer_copyright {
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		color: #FFFFFF;
		font-size: 18px;
		height: 30px;
		width: auto;
		text-align: center;
		font-size: 12px;
	}

	/**********************************************/
	/* TOPページ用  */
	/**********************************************/

	/* コンテンツのメイン画像(左右２つ) */
	#pnl_main_image {
		margin-left: auto;
		margin-right: auto;
		height: auto;
		width: 500px;
	}

	#pnl_main_image_left {
		float: left;
		display: table-cell;
		margin-top: 0px;
		margin-left: 5px;
		height: 290px;
		width: 492px;
	}

	#img_main_image_left {
		height: 290px;	
		width: 492px;
	}

	#pnl_main_image_right {
		float: left;
		display: table-cell;
		margin-top: 20px;
		margin-left: 5px;
		height: 290px;
		width: 492px;
	}

	#img_main_image_right {
		height: 290px;	
		width: 492px;
	}

	/* [2021/08/19] 近日公開用画像 ------------------------------------*/
	#pnl_main_image_pre_information {
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
		height: 140px;
		width: 500px;
	}
	#image_pre_information {
		height: 140px;
		width: 500px;
	}	
	/*-----------------------------------------------------------------*/

	/*********************/

	#pnl_dsp_sns {
		float: left;
		/*margin-top: 10px;*/
		margin-left: auto;
		margin-right: auto;
		height: auto;
		width: 492px;
		/*border: solid 1px #999999;*/
	}

	#pnl_sns {
		float: left;
		display: table-cell;
		margin-top: 10px;
		margin-left: 5px;
		height: auto;
		width: 492px;	
	}

	.pnl_sns_title {
		float: left;
		display: table-cell;
		height: 40px;
		line-height: 40px;
		width: 492px;
		padding-left: 10px;
		background-color: #663300;
		color: #FFFFFF;
		font-size: 18px;
		vertical-align: middle;
	}

	#pnl_instagram {
		float: left;
		display: table-cell;
		height: 330px;
		width: 491px;
		border: solid 1px #663300;
		background-color: #FFFFFF;
		overflow: auto;
	}

	/* 現在「InstaWindow」が利用不可のため未使用 */
	/*
	.iswg-base
	{
		width: 490px !important;
		height: 450px !important;
	}
	*/
	
	/* [2021/09/23] (SnapWidget 埋め込み用)----------------------------*/
	#wdt_instagram {
		background-color: #FFFFFF;
		padding: 10px;
		border: none;
		overflow: hidden;
		/*width: 500px;*/
		width: 100%;
		/*height: 620px;*/
		height: 100%;
	}
	/*-----------------------------------------------------------------*/

	#pnl_dsp_other {
		float: left;
		/*margin-top: 10px;*/
		margin-left: auto;
		margin-right: auto;
		height: auto;
		width: 492px;
	}

	/*********************/

	#pnl_access {
		float: left;
		display: table-cell;
		margin-top: 10px;
		margin-left: 5px;
		height: 550px;
		width: 492px;
	}

	.pnl_access_title {
		float: left;
		display: table-cell;
		height: 40px;
		line-height: 40px;
		width: 492px;
		padding-left: 10px;
		background-color: #663300;
		color: #FFFFFF;
		font-size: 18px;
		vertical-align: middle;
	}

	#pnl_google_map {
		float: left;
		display: table-cell;
		height: 500px;
		width: 492px;	
		border: solid 1px #663300;
		background-color: #FFFFFF;	
	}

	#pnl_google_map_main {
		float: left;
		display: table-cell;
		margin-top: 10px;
		margin-left: 10px;
		height: 300px;
		width: 472px;	
		border: solid 1px #999999;
	}
	.googlemap
	{
		height: 298px;
		width: 470px;	
	}

	#pnl_access_exp {
		float: left;
		display: table-cell;
		margin-top: 10px;
		margin-left: 20px;
		height: 180px;
		width: 270px;
		/*border: solid 1px #999999;*/
	}

	.pnl_access_exp_title {
		color: #663300;
		font-weight: bold;
		margin-top: 5px;
		margin-left: 0px;
		line-height: 15px;
		font-size: 12px;
	}

	.pnl_access_exp_contents {
		color: #663300;
		margin-top: 0px;
		margin-left: 10px;
		line-height: 15px;
	}

	#pnl_banner_sakanacenter {
		float: left;
		border: solid 1px #663300;
		margin-top: 10px;
		margin-bottom: 10px;
		height: 61px;
		width: 195px;
	}

	#pnl_sakana_center_fb {
		float: left;
		display: table-cell;
		margin-top: 10px;
		margin-left: 5px;
		height: auto;
		width: 492px;	
	}

	.pnl_sakana_center_fb_title {
		float: left;
		display: table-cell;
		height: 40px;
		line-height: 40px;
		width: 492px;
		padding-left: 10px;
		background-color: #663300;
		color: #FFFFFF;
		font-size: 18px;
		vertical-align: middle;
	}

	#pnl_sakana_center_fb_main {
		float: left;
		display: table-cell;
		height: 498px;
		width: 491px;
		border: solid 1px #663300;
		background-color: #FFFFFF;
	}

	.sakanacenter, ._10b4
	{
		width: 490px !important;
		height: 450px !important;
	}

	/**********************************************/
	/* ハワイアンポキ専門店メニュー ページ用  */
	/**********************************************/
	#pnl_top_info {
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		height: auto;
		width: 500px;
	}

	#pnl_menu_image {
		/* コンテンツのメイン画像(左右２つ) */
		margin-left: auto;
		margin-right: auto;
		height: auto;
		width: 500px;
	}

	#pnl_menu_image_left {
		float: left;
		display: table-cell;
		margin-top: 5px;
		margin-left: 0px;
		height: 683px;
		width: 500px;
	}

	#pnl_menu_image_right {
		float: left;
		display: table-cell;
		margin-top: 5px;
		margin-left: 0px;
		height: 683px;
		width: 500px;
	}


	/**********************************************/
	/* 「ポキ」って何？ ページ用  */
	/**********************************************/
	#pnl_whatspoke_main {
		margin-left: auto;
		margin-right: auto;
		height: auto;
		width: 500px;
	}

	#pnl_whatspoke_main_image {
		float: left;
		display: table-cell;
		margin-top: 0px;
		margin-left: 0px;
		height: 490px;
		width: 500px;
	}



}