/* 画面全体のレイアウト */

/*
		#miyajima-tide-view{
			display: block;
			position: fixed;
			bottom: 40px;
			right: 26px;
			z-index: 9999;
			width: 320px;
			height: auto;
		}
		*/
        /*3D描画エリア */
        /*
        #view-container {
            flex-grow: 1; 
            position: relative;
            background: #050505;
            min-width: 0;
			width: 320px;
            height: 250px;
			min-height: 250px;
        }

        .miyajima-tide-view .ui-panel {
            width: 320px;
            background: #151515;
            color: #eee;
            padding: 25px;
            box-sizing: border-box;
            border-left: 1px solid #333;
            overflow-y: auto;
            box-shadow: -5px 0 15px rgba(0,0,0,0.5);
        }

        .miyajima-tide-view .ui-panel div { 
            margin-top: 15px; 
            font-size: 11px; 
            font-weight: bold; 
            letter-spacing: 1px; 
            text-transform: uppercase; 
        }
        .miyajima-tide-view .ui-panel input { 
            width: 100%; 
            cursor: pointer; 
            margin-top: 8px; 
            accent-color: #ffaa44; 
        }
        .miyajima-tide-view .title { 
            font-size: 18px !important; 
            color: #ffaa44; 
            margin-bottom: 15px; 
            border-bottom: 1px solid #444; 
            padding-bottom: 10px; 
            text-transform: none !important;
        }
        .miyajima-tide-view span { 
            color: #ffaa44; 
            float: right; 
            font-family: monospace; 
            font-size: 15px; 
        }

        .miyajima-tide-view canvas { display: block; }

		*/