﻿/*************************************************/
/* style_pc.css                                  */
/* スタイルシート(PC用)                          */
/*************************************************/

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

/* 横幅769以上を「PCサイズ」とする */
@media screen and (min-device-width: 769px){

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

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

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

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

	#main_contents {
	    width: 100%;
	}

	#lbl_top_comment {
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
		width: 700px;
		text-align: center;
	}

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

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

	#pnl_menu_item {
		padding-top: 4px;
		margin-left: auto;
		margin-right: auto;
		height: 82px;
		width: 1000px;
	}

	.pnl_menu_btn {
		float: left;
		width: 250px;
		height: 76px;
	}

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

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

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

	.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: 12px;
		height: 30px;
		width: auto;
		text-align: center;
	}


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

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

	#pnl_main_image_left {
		float: left;
		display: table-cell;
		margin-top: 20px;
		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: 280px;
		width: 1000px;
	}
	#image_pre_information {
		height: 280px;
		width: 1000px;
	}	
	/*-----------------------------------------------------------------*/

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

	#pnl_dsp_sns {
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
		height: 560px;
		width: 1000px;
		/*border: solid 1px #999999;*/
	}

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

	.pnl_sns_title {
		float: left;
		display: table-cell;
		height: 24px;
		line-height: 24px;
		width: 1000px;
		padding-left: 10px;
		background-color: #663300;
		color: #FFFFFF;
		vertical-align: middle;
	}
	
	#pnl_instagram {
		float: left;
		display: table-cell;
		height: 530px;
		width: 1000px;
		border: solid 1px #663300;
		background-color: #FFFFFF;
		overflow: auto;
	}

	/* [2021/09/23] (SnapWidget 埋め込み用)----------------------------*/
	#wdt_instagram {
		background-color: #FFFFFF;
		padding: 10px;
		border: none;
		overflow: hidden;
		/*width: 980px;*/
		width: 100%;
		height: 620px;
		/*height: 100%;*/
	}
	/*-----------------------------------------------------------------*/
	
	#pnl_dsp_other {
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
		height: 520px;
		width: 1000px;
	}

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

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

	.pnl_access_title {
		float: left;
		display: table-cell;
		height: 24px;
		line-height: 24px;
		width: 492px;
		padding-left: 10px;
		background-color: #663300;
		color: #FFFFFF;
		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: 470px;
		border: solid 1px #999999;
	}
	.googlemap
	{
		height: 298px;
		width: 468px;
	}

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

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

	.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: 100px;
		margin-left: 0px;
		height: 61px;
		width: 195px;
	}

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

	.pnl_sakana_center_fb_title {
		float: left;
		display: table-cell;
		height: 24px;
		line-height: 24px;
		/*width: 292px;*/
		width: 492px;	
		padding-left: 10px;
		background-color: #663300;
		color: #FFFFFF;
		vertical-align: middle;
	}

	#pnl_sakana_center_fb_main {
		float: left;
		display: table-cell;
		height: 500px;
		/*width: 292px;*/
		width: 492px;	
		border: solid 1px #663300;
		background-color: #FFFFFF;
	}
	.sakanacenter
	{
		width: 490px !important;
		height: 428px !important;
	}


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

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

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

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

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

	#pnl_whatspoke_main_image {
		float: left;
		display: table-cell;
		margin-top: 20px;
		margin-left: 0px;
		height: 580px;
		width: 1000px;
	}


}

