/*body-----------------------------------------------------
    ・主ウインドウ直接操作ID：  #main_window_body_id
    ・主ウインドウ要素rootID：  #main_window_div_id
    ・JS...script.js要素：  #main_window_js_logic_id
    ・JS...style.js要素：   #main_window_js_style_id
---------------------------------------------------------*/
body#main_window_body_id {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  overflow-x: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
/*sprout-tool----------------------------------------------
    ・メニューボタン
---------------------------------------------------------*/
/*
#menu_button
  position absolute
  top 0px; left 0px
  width 48px; height 40px; z-index 110
  padding-top 10px; padding-left 12px
  user-select none; cursor pointer
  -webkit-tap-highlight-color rgba(0,0,0,0)
  transition filter 100ms linear 30ms
  //background white
  &:hover > #menu_button_title, &.selected > #menu_button_title
    opacity 0
  &:hover > #menu_button_bar1, &.selected > #menu_button_bar1
    background-color black
    transform rotate(-45deg) translate(2px, -4px)//(-1.5px, -5px)//調整前(-50%, -50%)相当
  &:hover > #menu_button_bar2, &.selected > #menu_button_bar2
    background-color Red
    transform rotate(45deg) translate(-10px, -8px)//(-9.5px, -5px)//調整前(-50%, -50%)相当

#menu_button_title
  position absolute
  top calc(5px + 10px); left 12px
  width 48px; height auto
  font 900 11px 'Arial Black'
  color white
  text-align center
  transition all 50ms linear 50ms
#menu_button_bar1, #menu_button_bar2
  position absolute
  top calc(22px + 10px); left calc(12px + 7px)
  width calc(48px - 14px); height 4px
  background-color white
  transition all 180ms linear 50ms
#menu_button_bar2
  top calc(32px + 8px)

*/
/*sprout-tool----------------------------------------------
    ・メニュー画面
---------------------------------------------------------*/
/*
#menu_window
  position absolute
  top 0; left 0
  width 250px; height 100%; z-index 105
  background white
  cursor default
  visibility hidden; opacity 0
  transition all 250ms ease 0s
  &.selected
    visibility visible; opacity 1
#menu_backscreen
  position absolute
  top 0; left 250px
  width calc(100vw - 250px); height 100%; z-index 105
  background rgba(0,0,0,0.3)

.menu_block
  position relative
  top 60px; left 10px
  width calc(100% - 15px); height 33px
  padding-top 4px; margin-top 2px
  cursor pointer
  transition all 250ms ease 0s
  &:hover, &.selected
    background-color Black
  &:hover > .menu_block_text, &.selected > .menu_block_text
    color White
    border-bottom 2px dotted Gold
    cursor pointer
  &.selected, &.selected > .menu_block_text
    cursor default

.menu_block_text
  position absolute
  top 3px; left 10px
  width auto; height auto
  color Black
  font 17px source-han-serif-japanese, '源ノ明朝Heavy'
  margin 0px 0px 10px 0px
  border-bottom 2px dotted Black
  transition all 250ms ease 0s

*/
/*font-----------------------------------------------------
    ・Font-face 再定義まとめ   適宜使用
//-------------------------------------------------------*/
@font-face {
  font-family: 'Arca3_Heavy';
  src: url("Src-Font/Arca Majora 3/ArcaMajora3-Heavy.otf");
}
/*Scroll bar---------------------------------------------//
    Scroll-bar 基本型定義   必要に応じて各要素で再定義
//-------------------------------------------------------*/
body#main_window_body_id::-webkit-scrollbar {
  width: 0px;
}
body#main_window_body_id::-webkit-scrollbar:horizontal {
  display: none;
}
body#main_window_body_id::-webkit-scrollbar-button {
  display: none;
}
body#main_window_body_id::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.3);
  border-radius: 2px;
}
body#main_window_body_id::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,0.6);
  border-radius: 2px;
}
body#main_window_body_id::-webkit-scrollbar-thumb:active {
  background: rgba(255,255,255,0.85);
  border-radius: 2px;
}
body#main_window_body_id::-webkit-scrollbar-corner {
  display: none;
}
body#main_window_body_id::-webkit-resizer {
  display: none;
}