@charset "utf-8";
/*************************************************************
 *
 * Copyright (c) 2025 ysrock Co., Ltd.	<info@ysrock.co.jp>
 * Copyright (c) 2025 Yasuo Sugano	<sugano@ysrock.co.jp>
 *
 * Version	: 1.0.1
 * Update	  : 2025.11.19
 *
 *************************************************************/
html, body {
  height: 100%;
  margin: 0;
  overflow: hidden;
}
#container {
  display: flex;
  width: 100%;
  height: 100%;
}
iframe {
  border: none;
  width: 100%;
  height: 100%;
}

#leftTop,
#leftBottom,
#rightFrame {
  position: relative;
}

#leftTop iframe,
#leftBottom iframe,
#rightFrame iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/**
 * 左側
 */
#leftContainer {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 100px;
  height: 100%;
}
#leftTop {
  flex: 1; /* 残り領域 */
  min-height: 50px;
}
#leftBottom {
  min-height: 50px;
  position: relative;
}

/**
 * 右側
 */
#rightFrame {
  min-width: 100px;
  position: relative;
}

/**
 * リサイズバー
 */
.resizer {
  background: #ccc;
  z-index: 10;
}
.resizer-horizontal {
  height: 5px;
  cursor: ns-resize;
  width: 100%;
}
.resizer-vertical {
  width: 5px;
  cursor: ew-resize;
}


@media screen and (max-width: 1400px) {
  #resizerVertical,
  #rightFrame {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  #resizerHorizontal,
  #leftBottom {
    display: none;
  }
}