@charset "utf-8";

html { max-width:100vw;max-height:100vw; }

@media only screen and (max-width:1329px) {
  body { min-width:300px;}
  #left_col { width:-webkit-calc(100% - 3.3333% - 300px); width:-moz-calc(100% - 3.3333% - 300px); width:calc(100% - 3.3333% - 300px); }
  #side_col { width:300px;}
  #main_col, .inner { width:96.22556%;  /* 1200/1330 */ }
}
@media only screen and (min-width:841px) {
  #left_col { padding-left:40px;width:-webkit-calc(100% - 0.0003% - 300px); width:-moz-calc(100% - 0.0003% - 300px); width:calc(100% - 0.0003% - 300px); }
}
@media only screen and (max-width:840px) {
  body { font-size:12px;height:100%;}
  #left_col, #side_col { width:initial; width:auto; }
  #left_col, #side_col { float:none !important; }
  #main_col, .inner { width:initial; width:auto;}
  #main_col { margin:0;  /*margin:30px 0 33px;*/ }
  #side_col { margin:0;background:#f1f1f1!important;}
  #left_col,#main_col { margin:0;background:#ffffff!important;}
}


@media only screen and (max-width:991px) {
  a.menu_button {
    position:absolute; right:0px; z-index:9; text-align: center;
    display:inline-block; color:#000; width:60px; height:60px; line-height:60px; text-decoration:none;
  }
  a.menu_button span { text-indent:100%; white-space:nowrap; overflow:hidden; display:block; }
  a.menu_button:before {
    content:'≡'; color:#fff; display:block; position:absolute; top:17px; left:19px;
    font-size:28px; width:24px; height:24px; line-height:24px;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  }
  #global_menu { display:none; clear:both; width:100%; margin:0; top:60px; left:0; position:absolute; z-index:9; background:#b69e84; max-height:-webkit-calc(100vh - 60px); max-height:calc(100vh - 60px); overflow-y:auto; }
  #global_menu ul { margin:0; width:100%; text-align:left; }
  #global_menuli, #global_menu > ul > li { display:block; width:100%; }
  #global_menu ul li:last-child { border-bottom:none; }
  #global_menu ul ul { display:none; }
  #global_menu a, #global_menu > ul > li > a {
    position:relative; display:block; margin:0; padding:9.5px 14px; height:auto; min-height:40px; line-height:1.6; overflow:hidden; text-decoration:none; font-size:13px; border-bottom:1px solid rgba(255,255,255,.3);
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
  }
  #global_menu a:hover { background:#92785f; }
  #global_menu ul ul a { padding-left:28px; background:rgba(255,255,255,.1); }
  #global_menu ul ul ul a { padding-left:42px; background:rgba(255,255,255,.2); }
  #global_menu ul ul ul ul a { padding-left:55px; background:rgba(255,255,255,.3); }
  #global_menu li.menu-item-has-children { position:relative; }
  #global_menu .child_menu_button { display:block; position:absolute; text-align:center; width:60px; height:39px; right:0px; top:1px; z-index:5; cursor:pointer; }
  #global_menu .child_menu_button .icon:before {
    content:'▼'; font-family:'design_plus'; font-size:13px; color:#eee; text-align:center;
    display:block; width:20px; height:20px; line-height:20px;
    position:absolute; left:20px; top:10px;
    -webkit-transition:transform 0.5s ease; -moz-transition:transform 0.5s ease; -ms-transition:transform 0.5s ease; -o-transition:transform 0.5s ease; transition:transform 0.5s ease;
  }
  #global_menu .child_menu_button.active .icon:before, #global_menu .child_menu_button:hover .icon:before { color:#fff; border-color:#fff; }
  #global_menu li.menu-item-has-children.open > .child_menu_button .icon:before {
    -webkit-transform:rotateX(180deg); -moz-transform:rotateX(180deg); -ms-transform:rotateX(180deg); -o-transform:rotateX(180deg); transform:rotateX(180deg);
  }
}

@media only screen and (min-width:992px) {
  #footer_contents { padding:0px 0 110px 0;color:#fff;background:#4f2d1a;width:100%;max-width:1200px;margin:0 auto; }
  #footer_contents a { color:#fff;}
}

@media only screen and (max-width:991px) {
  #footer_contents { padding:0px 0 110px 0;background:#4f2d1a;color:#fff; }
  #footer_contents a { color:#fff;}
  #footer_info { padding:18px 0 0 0; }
  #footer_logo .logo { font-size:26px; line-height:1.2; }
}

#header_logo #logo_text .logo { font-size:36px; }
#header_logo_fix #logo_text_fixed .logo { font-size:36px; }

@media screen and (max-width:991px) { #header_logo #logo_text .logo { font-size:26px; }
#header_logo_fix #logo_text_fixed .logo { font-size:26px; }}

a:hover, #bread_crumb li a:hover, #bread_crumb li.home a:hover:before, #bread_crumb li.last{ color:#f3982d; }

@media only screen and (min-width:991px) {#global_menu ul ul a { background-color:#f3982d; }
#global_menu ul ul a:hover, #global_menu ul ul .current-menu-item > a { background-color:#eb6100; }
#header_top { background-color:#eb6100; }#header_logo a, #global_menu > ul > li > a { color:#ffffff; }
#header_logo_fix a, .fix_top.header_fix #global_menu > ul > li > a { color:#ffffff; }}

@media screen and (max-width:991px) {
#global_menu { background-color:#f3982d; }
#global_menu a:hover, #global_menu .current-menu-item > a { background-color:#eb6100; }
#header_top { background-color:#eb6100; }
#header_top a, #header_top a:before { color:#ffffff !important; }}

@media screen and (min-width: 980px) and (max-width: 1200px) {#global_menu ul.menu li a {padding:0 9px;}}

@media screen and (min-width: 360px) and (max-width: 840px) {#global_menu ul.menu li a {padding:10px;}}