@charset "UTF-8";
/* ライブラリ */ /* 
Eric Meyer's CSS Reset
http://meyerweb.com/eric/tools/css/reset/
v1.0 | 20080212
CSSresetr.com
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing=0' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 変数 */
/*=========================

変数

==========================*/
/* mixin */
/*===========================================================================

<_mixin.scss>
共通して使うまとまった指定など、管理しやすいように使ってください。

目次
-cf                   //clearfix floatと一緒にどうぞ
-retina-image         //Tablet,SP用にRetina対応したCSSスプライトのアイコン指定のまとめ

============================================================================*/
/*===========================================================================
cf
============================================================================*/
/*===========================================================================
retina-image
============================================================================*/
/*=========================

base

==========================*/
body {
  overflow: hidden;
  font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

input,
select,
textarea {
  font-family: inherit;
}

a {
  text-decoration: none;
}

button {
  white-space: nowrap;
}

a, button, label, g {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.cf {
  zoom: 1;
}

.cf:after {
  content: "";
  display: table;
  clear: both;
}

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  height: 7px;
}

::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.btn {
  border: 1px solid #888;
  background: #fff;
  width: 100%;
  padding: 3px 0;
  line-height: 1;
  font-size: 12px;
  color: #888;
  height: 27px;
  box-sizing: border-box;
  vertical-align: middle;
  cursor: pointer;
}
.btn:hover {
  color: #fff;
  background: #A6A6A6;
}

/*table*/
table.defaultTable {
  width: 100%;
}
table.defaultTable th {
  position: relative;
  border: 1px solid #bfbfbf;
  background: #DDDDDD;
  padding: 4px;
  vertical-align: middle;
}
table.defaultTable td {
  border: 1px solid #bfbfbf;
  padding: 4px;
  background-color: #FFF;
}

/*=========================

2D/3Dモード切替用

==========================*/
.for3D {
  display: none;
}

/*=========================

言語対応

==========================*/
.jp,
.en {
  display: none;
}

.lang-jp .jp {
  display: inline;
}

.lang-en .en {
  display: inline;
}

/*=============
IE対応
============= */
use {
  pointer-events: none;
}

/*===========================================================================

<_webcad2d.scss>
2dとなっていますが、3D画面も含むWebCAD全体のCSSです。

<コメントのプレフィクスについて>
[2D]    2Dのみ
[3D]    3Dのみ


目次
-icon

-pageContainer

-header
  -versionInfo
  -header dropdownlist
  -changeDimensionBtns
  -webcadClose

-[3D]cameraToggleBtn

-footer
  -floorBtn
  -[2D]zoomBtn
  -[2D]itemControlPanel
  -[3D]changeApperanceBtnWrap

-[both]leftMenu
  -[both]leftMenuCategories
  -[both]itemMenu
  -itemMenuHeader
  -itemMenu Parts
  -itemMenuBtns {
  -itemMenuCheckbox
  -itemMenuBtn {
  -itemMenuBtnNoFrame {
  -[3D]tabDialog
  -汎用タブ
  -[3D]屋根形状メニュー

-[2D]webcad2dView
-[2D]compassBox

-webcad3dView
-topview(内観モードのミニマップ)
-[3D]camera_controls

-layout dialog and modal
-component dialog and modal
-project dialog and modal
  -[2D]dialogPlanAreaTable
  -[2D]dialogShitaeController
  -[2D]dialogShitaeFit
  -[both]dialogBuildStyleBox
  -[2D]roomTypeSelectionDialog
  -[2D]dialogRoomTextSetting
  -[2D]confirmGenerateHallwayDialog
  -[2D]itemSizeChangeDialog
  -[2D]dialogRoomFill
  -[3D]dialogChangeItem3d
  -[3D]dialogChangeInnerColor
  -[3D]dialogChangeFitColor
  -[3D]dialogChangeModel3d
  -[3D]dialogChangeItem
  -[2D]loginDialog & signupDialog
  -[2D]#roadSettingDialog
  -[2D/PC]helpDialog

-device_orientation
-loadingContainer(ビジー表示のくるくる)
-[2D]helpMessage
-demopaswdDialog

-busyObj
-iPad Wt Control

-test Modules
-[3D]test用

============================================================================*/
/*===========================================================================
icon
============================================================================*/
.icon {
  background: no-repeat;
  background-position: center 20%;
  display: block;
  margin: auto;
}

.icon-close {
  background-image: url(../assets/icon.png);
  background-position: -284px -600px;
  width: 32px;
  height: 32px;
  background-size: 740.5px 715px;
}

.icon-close2 {
  background-image: url(../assets/icon.png);
  background-position: -200.5px -664px;
  width: 25px;
  height: 25px;
  background-size: 740.5px 715px;
}

.icon-close3 {
  background-image: url(../assets/icon.png);
  background-position: -228px -664px;
  width: 25px;
  height: 25px;
  background-size: 740.5px 715px;
}

.icon-close4 {
  background-image: url(../assets/icon.png);
  background-position: -318.5px -600px;
  width: 32px;
  height: 32px;
  background-size: 740.5px 715px;
}

.icon-file {
  background-image: url(../assets/icon.png);
  background-position: -198px -692.5px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.icon-link {
  background-image: url(../assets/icon.png);
  background-position: -443px -692.5px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.icon-check {
  background-image: url(../assets/icon.png);
  background-position: -100px -692.5px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.icon-save {
  background-image: url(../assets/icon.png);
  background-position: -718.5px -24.5px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.icon-edit {
  background-image: url(../assets/icon.png);
  background-position: -149px -692.5px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.icon-undo {
  background-image: url(../assets/icon.png);
  background-position: -718.5px -220.5px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.icon-redo {
  background-image: url(../assets/icon.png);
  background-position: -639px -692.5px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.icon-ruler {
  background-image: url(../assets/icon.png);
  background-position: -688px -692.5px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.icon-alignment {
  background-image: url(../assets/icon.png);
  background-position: -629px -600px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.icon-align-left {
  background-image: url(../assets/icon.png);
  background-position: -728px -431.5px;
  width: 7px;
  height: 7px;
  background-size: 740.5px 715px;
}

.icon-align-center {
  background-image: url(../assets/icon.png);
  background-position: -718.5px -431.5px;
  width: 7px;
  height: 7px;
  background-size: 740.5px 715px;
}

.icon-align-right {
  background-image: url(../assets/icon.png);
  background-position: -718.5px -441px;
  width: 7px;
  height: 7px;
  background-size: 740.5px 715px;
}

.icon-align-top {
  background-image: url(../assets/icon.png);
  background-position: -90.5px -664px;
  width: 25px;
  height: 25px;
  background-size: 740.5px 715px;
}

.icon-align-middle {
  background-image: url(../assets/icon.png);
  background-position: -688px -568.5px;
  width: 25px;
  height: 25px;
  background-size: 740.5px 715px;
}

.icon-align-bottom {
  background-image: url(../assets/icon.png);
  background-position: -688px -348.5px;
  width: 25px;
  height: 25px;
  background-size: 740.5px 715px;
}

.icon-align-horizontal {
  background-image: url(../assets/icon.png);
  background-position: -688px -458.5px;
  width: 25px;
  height: 25px;
  background-size: 740.5px 715px;
}

.icon-align-vertical {
  background-image: url(../assets/icon.png);
  background-position: -145.5px -664px;
  width: 25px;
  height: 25px;
  background-size: 740.5px 715px;
}

.icon-help {
  background-image: url(../assets/icon.png);
  background-position: -345px -692.5px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.icon-calculator {
  background-image: url(../assets/icon.png);
  background-position: -51px -692.5px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.icon-language {
  background-image: url(../assets/icon.png);
  background-position: -394px -692.5px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.icon-module {
  background-image: url(../assets/icon.png);
  background-position: -718.5px -292px;
  width: 20px;
  height: 20px;
  background-size: 740.5px 715px;
}

.icon-snap {
  background-image: url(../assets/icon.png);
  background-position: -718.5px -314.5px;
  width: 20px;
  height: 20px;
  background-size: 740.5px 715px;
}

.icon-mode_select {
  background-image: url(../assets/icon.png);
  background-position: -590px -692.5px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.icon-setting_s {
  background-image: url(../assets/icon.png);
  background-position: -718.5px -73.5px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.icon-size {
  background-image: url(../assets/icon.png);
  background-position: -718.5px -122.5px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.icon-guide {
  background-image: url(../assets/icon.png);
  background-position: -296px -692.5px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.icon-pin_show {
  background-image: url(../assets/icon.png);
  background-position: -552.5px -635.5px;
  width: 29px;
  height: 26px;
  background-size: 740.5px 715px;
  height: 22px;
  scale: 0.8;
}

.icon-mode_group_select {
  background-image: url(../assets/icon.png);
  background-position: -541px -692.5px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.icon-size-correction {
  background-image: url(../assets/icon.png);
  background-position: -718.5px -147px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.icon-grade-setting {
  background-image: url(../assets/icon.png);
  background-position: -247px -692.5px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.icon-mesure {
  background-image: url(../assets/icon.png);
  background-position: -492px -692.5px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.headerMenu > ul > li:hover .icon-file {
  background-image: url(../assets/icon.png);
  background-position: -222.5px -692.5px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.headerMenu > ul > li:hover .icon-link {
  background-image: url(../assets/icon.png);
  background-position: -467.5px -692.5px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.headerMenu > ul > li:hover .icon-check {
  background-image: url(../assets/icon.png);
  background-position: -124.5px -692.5px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.headerMenu > ul > li:hover .icon-save {
  background-image: url(../assets/icon.png);
  background-position: -718.5px -49px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.headerMenu > ul > li:hover .icon-edit {
  background-image: url(../assets/icon.png);
  background-position: -173.5px -692.5px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.headerMenu > ul > li:hover > button:not(.disabled) .icon-undo {
  background-image: url(../assets/icon.png);
  background-position: -718.5px -245px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.headerMenu > ul > li:hover > button:not(.disabled) .icon-redo {
  background-image: url(../assets/icon.png);
  background-position: -663.5px -692.5px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.headerMenu > ul > li:hover .icon-ruler {
  background-image: url(../assets/icon.png);
  background-position: -718.5px 0px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.headerMenu > ul > li:hover .icon-alignment {
  background-image: url(../assets/icon.png);
  background-position: -26.5px -692.5px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.headerMenu > ul > li ul > li > button:hover .icon-align-left {
  background-image: url(../assets/icon.png);
  background-position: -688px -541px;
  width: 25px;
  height: 25px;
  background-size: 740.5px 715px;
}

.headerMenu > ul > li ul > li > button:hover .icon-align-center {
  background-image: url(../assets/icon.png);
  background-position: -688px -431px;
  width: 25px;
  height: 25px;
  background-size: 740.5px 715px;
}

.headerMenu > ul > li ul > li > button:hover .icon-align-right {
  background-image: url(../assets/icon.png);
  background-position: -63px -664px;
  width: 25px;
  height: 25px;
  background-size: 740.5px 715px;
}

.headerMenu > ul > li ul > li > button:hover .icon-align-top {
  background-image: url(../assets/icon.png);
  background-position: -118px -664px;
  width: 25px;
  height: 25px;
  background-size: 740.5px 715px;
}

.headerMenu > ul > li ul > li > button:hover .icon-align-middle {
  background-image: url(../assets/icon.png);
  background-position: -688px -596px;
  width: 25px;
  height: 25px;
  background-size: 740.5px 715px;
}

.headerMenu > ul > li ul > li > button:hover .icon-align-bottom {
  background-image: url(../assets/icon.png);
  background-position: -688px -376px;
  width: 25px;
  height: 25px;
  background-size: 740.5px 715px;
}

.headerMenu > ul > li ul > li > button:hover .icon-align-horizontal {
  background-image: url(../assets/icon.png);
  background-position: -688px -486px;
  width: 25px;
  height: 25px;
  background-size: 740.5px 715px;
}

.headerMenu > ul > li ul > li > button:hover .icon-align-vertical {
  background-image: url(../assets/icon.png);
  background-position: -173px -664px;
  width: 25px;
  height: 25px;
  background-size: 740.5px 715px;
}

.headerMenu > ul > li > button.is-active .icon-size,
.headerMenu > ul > li > button:hover .icon-size {
  background-image: url(../assets/icon.png);
  background-position: -718.5px -196px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.headerMenu > ul > li > button.is-active .icon-guide,
.headerMenu > ul > li > button:hover .icon-guide {
  background-image: url(../assets/icon.png);
  background-position: -320.5px -692.5px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.headerMenu > ul > li > button.is-active .icon-pin_show,
.headerMenu > ul > li > button:hover .icon-pin_show {
  background-image: url(../assets/icon.png);
  background-position: -647px -635.5px;
  width: 29px;
  height: 26px;
  background-size: 740.5px 715px;
  height: 22px;
  scale: 0.8;
}

.headerMenu > ul > li:hover .icon-mesure {
  background-image: url(../assets/icon.png);
  background-position: -516.5px -692.5px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.headerMenu > ul > li:hover .icon-size-correction {
  background-image: url(../assets/icon.png);
  background-position: -718.5px -171.5px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.headerMenu > ul > li:hover .icon-grade-setting {
  background-image: url(../assets/icon.png);
  background-position: -271.5px -692.5px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.headerMenu > ul > li:hover .icon-help {
  background-image: url(../assets/icon.png);
  background-position: -369.5px -692.5px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.headerMenu > ul > li:hover .icon-calculator {
  background-image: url(../assets/icon.png);
  background-position: -75.5px -692.5px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.headerMenu > ul > li:hover .icon-language {
  background-image: url(../assets/icon.png);
  background-position: -418.5px -692.5px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.headerMenu > ul > li:hover .icon-mode_select,
.headerMenu > ul > li > button.is-active .icon-mode_select {
  background-image: url(../assets/icon.png);
  background-position: -614.5px -692.5px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.headerMenu > ul > li:hover .icon-setting_s {
  background-image: url(../assets/icon.png);
  background-position: -718.5px -98px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.headerMenu > ul > li:hover .icon-mode_group_select,
.headerMenu > ul > li > button.is-active .icon-mode_group_select {
  background-image: url(../assets/icon.png);
  background-position: -565.5px -692.5px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.headerMenu > ul > li > button.is-active .icon-mesure {
  background-image: url(../assets/icon.png);
  background-position: -516.5px -692.5px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

.icon-lock {
  background-image: url(../assets/icon.png);
  background-position: -195px -635.5px;
  width: 30px;
  height: 26px;
  background-size: 740.5px 715px;
}

.icon-unlock {
  background-image: url(../assets/icon.png);
  background-position: -520px -635.5px;
  width: 30px;
  height: 26px;
  background-size: 740.5px 715px;
}

.icon-join {
  background-image: url(../assets/icon.png);
  background-position: -162.5px -635.5px;
  width: 30px;
  height: 26px;
  background-size: 740.5px 715px;
}

.icon-copy {
  background-image: url(../assets/icon.png);
  background-position: -32.5px -635.5px;
  width: 30px;
  height: 26px;
  background-size: 740.5px 715px;
}

.icon-paste {
  background-image: url(../assets/icon.png);
  background-position: -260px -635.5px;
  width: 30px;
  height: 26px;
  background-size: 740.5px 715px;
}

.icon-rotateL {
  background-image: url(../assets/icon.png);
  background-position: -357.5px -635.5px;
  width: 30px;
  height: 26px;
  background-size: 740.5px 715px;
}

.icon-rotateR {
  background-image: url(../assets/icon.png);
  background-position: -390px -635.5px;
  width: 30px;
  height: 26px;
  background-size: 740.5px 715px;
}

.icon-flip {
  background-image: url(../assets/icon.png);
  background-position: -65px -635.5px;
  width: 30px;
  height: 26px;
  background-size: 740.5px 715px;
}

.icon-forward {
  background-image: url(../assets/icon.png);
  background-position: -97.5px -635.5px;
  width: 30px;
  height: 26px;
  background-size: 740.5px 715px;
}

.icon-top {
  background-image: url(../assets/icon.png);
  background-position: -487.5px -635.5px;
  width: 30px;
  height: 26px;
  background-size: 740.5px 715px;
}

.icon-backward {
  background-image: url(../assets/icon.png);
  background-position: -654.5px -502px;
  width: 30px;
  height: 26px;
  background-size: 740.5px 715px;
}

.icon-bottom {
  background-image: url(../assets/icon.png);
  background-position: -654.5px -530.5px;
  width: 30px;
  height: 26px;
  background-size: 740.5px 715px;
}

.icon-add_wall {
  background-image: url(../assets/icon.png);
  background-position: -654.5px -473.5px;
  width: 30px;
  height: 26px;
  background-size: 740.5px 715px;
}

.icon-remove_wall {
  background-image: url(../assets/icon.png);
  background-position: -292.5px -635.5px;
  width: 30px;
  height: 26px;
  background-size: 740.5px 715px;
}

.icon-add_dot {
  background-image: url(../assets/icon.png);
  background-position: -654.5px -445px;
  width: 30px;
  height: 26px;
  background-size: 740.5px 715px;
}

.icon-room_color {
  background-image: url(../assets/icon.png);
  background-position: -325px -635.5px;
  width: 30px;
  height: 26px;
  background-size: 740.5px 715px;
}

.icon-changeRoomType {
  background-image: url(../assets/icon.png);
  background-position: -654.5px -587.5px;
  width: 30px;
  height: 26px;
  background-size: 740.5px 715px;
}

.icon-moveText {
  background-image: url(../assets/icon.png);
  background-position: -227.5px -635.5px;
  width: 30px;
  height: 26px;
  background-size: 740.5px 715px;
}

.icon-textSetting {
  background-image: url(../assets/icon.png);
  background-position: -455px -635.5px;
  width: 30px;
  height: 26px;
  background-size: 740.5px 715px;
}

.icon-stair {
  background-image: url(../assets/icon.png);
  background-position: -618px -219px;
  width: 34px;
  height: 34px;
  background-size: 740.5px 715px;
}

.icon-join {
  background-image: url(../assets/icon.png);
  background-position: -162.5px -635.5px;
  width: 30px;
  height: 26px;
  background-size: 740.5px 715px;
}

.icon-garbage {
  background-image: url(../assets/icon.png);
  background-position: -130px -635.5px;
  width: 30px;
  height: 26px;
  background-size: 740.5px 715px;
}

.icon-change_size {
  background-image: url(../assets/icon.png);
  background-position: 0px -635.5px;
  width: 30px;
  height: 26px;
  background-size: 740.5px 715px;
}

.icon-setting {
  background-image: url(../assets/icon.png);
  background-position: -422.5px -635.5px;
  width: 30px;
  height: 26px;
  background-size: 740.5px 715px;
}

.icon-change {
  background-image: url(../assets/icon.png);
  background-position: -654.5px -559px;
  width: 30px;
  height: 26px;
  background-size: 740.5px 715px;
}

.icon-floor1 {
  background-image: url(../assets/icon.png);
  background-position: -654.5px -201px;
  width: 28px;
  height: 28px;
  background-size: 740.5px 715px;
}

.icon-floor2 {
  background-image: url(../assets/icon.png);
  background-position: -654.5px -262px;
  width: 28px;
  height: 28px;
  background-size: 740.5px 715px;
}

.icon-floor3 {
  background-image: url(../assets/icon.png);
  background-position: -654.5px -323px;
  width: 28px;
  height: 28px;
  background-size: 740.5px 715px;
}

.icon-floorAll {
  background-image: url(../assets/icon.png);
  background-position: -654.5px -384px;
  width: 28px;
  height: 28px;
  background-size: 740.5px 715px;
}

.floorBtnWrap input[type=radio]:checked + .floorBtn .icon-floor1,
.floorBtnWrap .floorBtn:hover .icon-floor1 {
  background-image: url(../assets/icon.png);
  background-position: -654.5px -231.5px;
  width: 28px;
  height: 28px;
  background-size: 740.5px 715px;
}

.floorBtnWrap input[type=radio]:checked + .floorBtn .icon-floor2,
.floorBtnWrap .floorBtn:hover .icon-floor2 {
  background-image: url(../assets/icon.png);
  background-position: -654.5px -292.5px;
  width: 28px;
  height: 28px;
  background-size: 740.5px 715px;
}

.floorBtnWrap input[type=radio]:checked + .floorBtn .icon-floor3,
.floorBtnWrap .floorBtn:hover .icon-floor3 {
  background-image: url(../assets/icon.png);
  background-position: -654.5px -353.5px;
  width: 28px;
  height: 28px;
  background-size: 740.5px 715px;
}

.floorBtnWrap input[type=radio]:checked + .floorBtn .icon-floorAll,
.floorBtnWrap .floorBtn:hover .icon-floorAll {
  background-image: url(../assets/icon.png);
  background-position: -654.5px -414.5px;
  width: 28px;
  height: 28px;
  background-size: 740.5px 715px;
}

.icon-circle {
  background-image: url(../assets/icon.png);
  background-position: -718.5px -376px;
  width: 16px;
  height: 16px;
  background-size: 740.5px 715px;
}

input[type=radio]:checked + label .icon-circle {
  background-image: url(../assets/icon.png);
  background-position: -718.5px -394.5px;
  width: 16px;
  height: 16px;
  background-size: 740.5px 715px;
}

input[type=radio]:checked + .icon-circle {
  background-image: url(../assets/icon.png);
  background-position: -718.5px -394.5px;
  width: 16px;
  height: 16px;
  background-size: 740.5px 715px;
}

.icon-fit {
  background-image: url(../assets/icon.png);
  background-position: -654.5px 0px;
  width: 31px;
  height: 31px;
  background-size: 740.5px 715px;
}

.icon-zoomin {
  background-image: url(../assets/icon.png);
  background-position: -654.5px -67px;
  width: 31px;
  height: 31px;
  background-size: 740.5px 715px;
}

.icon-zoomout {
  background-image: url(../assets/icon.png);
  background-position: -654.5px -134px;
  width: 31px;
  height: 31px;
  background-size: 740.5px 715px;
}

.zoomBtnWrap > ul > li:hover .icon-fit {
  background-image: url(../assets/icon.png);
  background-position: -654.5px -33.5px;
  width: 31px;
  height: 31px;
  background-size: 740.5px 715px;
}

.zoomBtnWrap > ul > li:hover .icon-zoomin {
  background-image: url(../assets/icon.png);
  background-position: -654.5px -100.5px;
  width: 31px;
  height: 31px;
  background-size: 740.5px 715px;
}

.zoomBtnWrap > ul > li:hover .icon-zoomout {
  background-image: url(../assets/icon.png);
  background-position: -654.5px -167.5px;
  width: 31px;
  height: 31px;
  background-size: 740.5px 715px;
}

.icon-btn_display_exterior {
  background-image: url(../assets/icon.png);
  background-position: -198px -524.5px;
  width: 95px;
  height: 17px;
  background-size: 740.5px 715px;
}

.icon-btn_display_exterior_en {
  background-image: url(../assets/icon.png);
  background-position: -326.5px -362.5px;
  width: 57px;
  height: 17px;
  background-size: 740.5px 715px;
}

.icon-btn_display_sunpou {
  background-image: url(../assets/icon.png);
  background-position: -275.5px -544px;
  width: 48px;
  height: 17px;
  background-size: 740.5px 715px;
}

.icon-btn_display_sunpou_en {
  background-image: url(../assets/icon.png);
  background-position: -117.5px -362.5px;
  width: 102px;
  height: 17px;
  background-size: 740.5px 715px;
}

.icon-btn_display_shasen {
  background-image: url(../assets/icon.png);
  background-position: -376.5px -544px;
  width: 33px;
  height: 17px;
  background-size: 740.5px 715px;
}

.icon-btn_display_shasen_en {
  background-image: url(../assets/icon.png);
  background-position: -123.5px -132px;
  width: 86.5px;
  height: 17px;
  background-size: 740.5px 715px;
}

.icon-btn_display_wireframe {
  background-image: url(../assets/icon.png);
  background-position: 0px -199px;
  width: 126px;
  height: 17px;
  background-size: 740.5px 715px;
}

.icon-btn_display_wireframe_en {
  background-image: url(../assets/icon.png);
  background-position: -257px -199px;
  width: 78px;
  height: 17px;
  background-size: 740.5px 715px;
}

.icon-btn_display_itemchange {
  background-image: url(../assets/icon.png);
  background-position: -218px -165.5px;
  width: 115px;
  height: 17px;
  background-size: 740.5px 715px;
}

.icon-btn_display_itemchange_en {
  background-image: url(../assets/icon.png);
  background-position: -218px -165.5px;
  width: 115px;
  height: 17px;
  background-size: 740.5px 715px;
}

.icon-btn_display_map {
  background-image: url(../assets/icon.png);
  background-position: -618px -580px;
  width: 34px;
  height: 17px;
  background-size: 740.5px 715px;
}

.icon-btn_display_day {
  background-image: url(../assets/icon.png);
  background-position: -718.5px -337px;
  width: 17px;
  height: 17px;
  background-size: 740.5px 715px;
}

.icon-btn_display_item {
  background-image: url(../assets/icon.png);
  background-position: -393px -524.5px;
  width: 94.5px;
  height: 17px;
  background-size: 740.5px 715px;
}

.icon-btn_display_item_en {
  background-image: url(../assets/icon.png);
  background-position: -156.5px -544px;
  width: 57px;
  height: 17px;
  background-size: 740.5px 715px;
}

input:checked + label .icon-btn_display_exterior {
  background-image: url(../assets/icon.png);
  background-position: -295.5px -524.5px;
  width: 95px;
  height: 17px;
  background-size: 740.5px 715px;
}

input:checked + label .icon-btn_display_exterior_en {
  background-image: url(../assets/icon.png);
  background-position: -97px -544px;
  width: 57px;
  height: 17px;
  background-size: 740.5px 715px;
}

input:checked + label .icon-btn_display_sunpou {
  background-image: url(../assets/icon.png);
  background-position: -326px -544px;
  width: 48px;
  height: 17px;
  background-size: 740.5px 715px;
}

input:checked + label .icon-btn_display_sunpou_en {
  background-image: url(../assets/icon.png);
  background-position: -222px -362.5px;
  width: 102px;
  height: 17px;
  background-size: 740.5px 715px;
}

input:checked + label .icon-btn_display_shasen {
  background-image: url(../assets/icon.png);
  background-position: -412px -544px;
  width: 33px;
  height: 17px;
  background-size: 740.5px 715px;
}

input:checked + label .icon-btn_display_shasen_en {
  background-image: url(../assets/icon.png);
  background-position: -123.5px -165.5px;
  width: 86.5px;
  height: 17px;
  background-size: 740.5px 715px;
}

input:checked + label .icon-btn_display_wireframe {
  background-image: url(../assets/icon.png);
  background-position: -128.5px -199px;
  width: 126px;
  height: 17px;
  background-size: 740.5px 715px;
}

input:checked + label .icon-btn_display_wireframe_en {
  background-image: url(../assets/icon.png);
  background-position: -490px -524.5px;
  width: 78px;
  height: 17px;
  background-size: 740.5px 715px;
}

input:checked + label .icon-btn_display_itemchange {
  background-image: url(../assets/icon.png);
  background-position: 0px -362.5px;
  width: 115px;
  height: 17px;
  background-size: 740.5px 715px;
}

input:checked + label .icon-btn_display_itemchange_en {
  background-image: url(../assets/icon.png);
  background-position: -99px -524.5px;
  width: 96.5px;
  height: 17px;
  background-size: 740.5px 715px;
}

input:checked + label .icon-btn_display_map {
  background-image: url(../assets/icon.png);
  background-position: -340.5px -288px;
  width: 34px;
  height: 17px;
  background-size: 740.5px 715px;
}

input:checked + label .icon-btn_display_day {
  background-image: url(../assets/icon.png);
  background-position: -718.5px -356.5px;
  width: 17px;
  height: 17px;
  background-size: 740.5px 715px;
}

input:checked + label .icon-btn_display_item {
  background-image: url(../assets/icon.png);
  background-position: 0px -544px;
  width: 94.5px;
  height: 17px;
  background-size: 740.5px 715px;
}

input:checked + label .icon-btn_display_item_en {
  background-image: url(../assets/icon.png);
  background-position: -216px -544px;
  width: 57px;
  height: 17px;
  background-size: 740.5px 715px;
}

.icon-roof2d {
  background-image: url(../assets/icon.png);
  background-position: -401.5px -563.5px;
  width: 34px;
  height: 34px;
  background-size: 740.5px 715px;
}

.icon-exterior {
  background-image: url(../assets/icon.png);
  background-position: -578.5px -439.5px;
  width: 34px;
  height: 34px;
  background-size: 740.5px 715px;
}

.icon-furniture {
  background-image: url(../assets/icon.png);
  background-position: -36.5px -563.5px;
  width: 34px;
  height: 34px;
  background-size: 740.5px 715px;
}

.icon-furniture_mansion {
  background-image: url(../assets/icon.png);
  background-position: -109.5px -563.5px;
  width: 34px;
  height: 34px;
  background-size: 740.5px 715px;
}

.icon-equipment {
  background-image: url(../assets/icon.png);
  background-position: -578.5px -366.5px;
  width: 34px;
  height: 34px;
  background-size: 740.5px 715px;
}

.icon-fitting {
  background-image: url(../assets/icon.png);
  background-position: -578.5px -512.5px;
  width: 34px;
  height: 34px;
  background-size: 740.5px 715px;
}

.icon-stair {
  background-image: url(../assets/icon.png);
  background-position: -618px -219px;
  width: 34px;
  height: 34px;
  background-size: 740.5px 715px;
}

.icon-room {
  background-image: url(../assets/icon.png);
  background-position: -511px -563.5px;
  width: 34px;
  height: 34px;
  background-size: 740.5px 715px;
}

.icon-site {
  background-image: url(../assets/icon.png);
  background-position: -618px -146px;
  width: 34px;
  height: 34px;
  background-size: 740.5px 715px;
}

.icon-shitae {
  background-image: url(../assets/icon.png);
  background-position: -618px -73px;
  width: 34px;
  height: 34px;
  background-size: 740.5px 715px;
}

.icon-decoration {
  background-image: url(../assets/icon.png);
  background-position: -578.5px -293.5px;
  width: 34px;
  height: 34px;
  background-size: 740.5px 715px;
}

.icon-draw {
  background-image: url(../assets/icon.png);
  background-position: -618px -365px;
  width: 34px;
  height: 33px;
  background-size: 740.5px 715px;
}

.icon-draw_mansion {
  background-image: url(../assets/icon.png);
  background-position: -618px -436px;
  width: 34px;
  height: 33px;
  background-size: 740.5px 715px;
}

input:checked + label .icon-roof2d {
  background-image: url(../assets/icon.png);
  background-position: -438px -563.5px;
  width: 34px;
  height: 34px;
  background-size: 740.5px 715px;
}

input:checked + label .icon-exterior {
  background-image: url(../assets/icon.png);
  background-position: -578.5px -476px;
  width: 34px;
  height: 34px;
  background-size: 740.5px 715px;
}

input:checked + label .icon-furniture {
  background-image: url(../assets/icon.png);
  background-position: -73px -563.5px;
  width: 34px;
  height: 34px;
  background-size: 740.5px 715px;
}

input:checked + label .icon-furniture_mansion {
  background-image: url(../assets/icon.png);
  background-position: -73px -563.5px;
  width: 34px;
  height: 34px;
  background-size: 740.5px 715px;
}

input:checked + label .icon-equipment {
  background-image: url(../assets/icon.png);
  background-position: -578.5px -403px;
  width: 34px;
  height: 34px;
  background-size: 740.5px 715px;
}

input:checked + label .icon-fitting {
  background-image: url(../assets/icon.png);
  background-position: 0px -563.5px;
  width: 34px;
  height: 34px;
  background-size: 740.5px 715px;
}

input:checked + label .icon-stair {
  background-image: url(../assets/icon.png);
  background-position: -618px -255.5px;
  width: 34px;
  height: 34px;
  background-size: 740.5px 715px;
}

input:checked + label .icon-room {
  background-image: url(../assets/icon.png);
  background-position: -547.5px -563.5px;
  width: 34px;
  height: 34px;
  background-size: 740.5px 715px;
}

input:checked + label .icon-site {
  background-image: url(../assets/icon.png);
  background-position: -618px -182.5px;
  width: 34px;
  height: 34px;
  background-size: 740.5px 715px;
}

input:checked + label .icon-shitae {
  background-image: url(../assets/icon.png);
  background-position: -618px -109.5px;
  width: 34px;
  height: 34px;
  background-size: 740.5px 715px;
}

input:checked + label .icon-decoration {
  background-image: url(../assets/icon.png);
  background-position: -578.5px -330px;
  width: 34px;
  height: 34px;
  background-size: 740.5px 715px;
}

input:checked + label .icon-draw {
  background-image: url(../assets/icon.png);
  background-position: -618px -400.5px;
  width: 34px;
  height: 33px;
  background-size: 740.5px 715px;
}

input:checked + label .icon-draw_mansion {
  background-image: url(../assets/icon.png);
  background-position: -618px -400.5px;
  width: 34px;
  height: 33px;
  background-size: 740.5px 715px;
}

.icon-outerwall {
  background-image: url(../assets/icon.png);
  background-position: -292px -563.5px;
  width: 34px;
  height: 34px;
  background-size: 740.5px 715px;
}

.icon-innerwall {
  background-image: url(../assets/icon.png);
  background-position: -219px -563.5px;
  width: 34px;
  height: 34px;
  background-size: 740.5px 715px;
}

.icon-sash {
  background-image: url(../assets/icon.png);
  background-position: -618px 0px;
  width: 34px;
  height: 34px;
  background-size: 740.5px 715px;
}

.icon-roof {
  background-image: url(../assets/icon.png);
  background-position: -365px -563.5px;
  width: 34px;
  height: 34px;
  background-size: 740.5px 715px;
}

.icon-height {
  background-image: url(../assets/icon.png);
  background-position: -146px -563.5px;
  width: 34px;
  height: 34px;
  background-size: 740.5px 715px;
}

.icon-style {
  background-image: url(../assets/icon.png);
  background-position: -618px -292px;
  width: 34px;
  height: 34px;
  background-size: 740.5px 715px;
}

.icon-lighting_w {
  background-image: url(../assets/icon.png);
  background-position: -618px -508px;
  width: 32.5px;
  height: 34px;
  background-size: 740.5px 715px;
}

input:checked + label .icon-outerwall {
  background-image: url(../assets/icon.png);
  background-position: -328.5px -563.5px;
  width: 34px;
  height: 34px;
  background-size: 740.5px 715px;
}

input:checked + label .icon-innerwall {
  background-image: url(../assets/icon.png);
  background-position: -255.5px -563.5px;
  width: 34px;
  height: 34px;
  background-size: 740.5px 715px;
}

input:checked + label .icon-sash {
  background-image: url(../assets/icon.png);
  background-position: -618px -36.5px;
  width: 34px;
  height: 34px;
  background-size: 740.5px 715px;
}

input:checked + label .icon-roof {
  background-image: url(../assets/icon.png);
  background-position: -474.5px -563.5px;
  width: 34px;
  height: 34px;
  background-size: 740.5px 715px;
}

input:checked + label .icon-height {
  background-image: url(../assets/icon.png);
  background-position: -182.5px -563.5px;
  width: 34px;
  height: 34px;
  background-size: 740.5px 715px;
}

input:checked + label .icon-style {
  background-image: url(../assets/icon.png);
  background-position: -618px -328.5px;
  width: 34px;
  height: 34px;
  background-size: 740.5px 715px;
}

input:checked + label .icon-lighting_w {
  background-image: url(../assets/icon.png);
  background-position: -584px -563.5px;
  width: 31.5px;
  height: 34px;
  background-size: 740.5px 715px;
}

.icon-change2d {
  background-image: url(../assets/icon.png);
  background-position: -531px -237.5px;
  width: 40px;
  height: 45px;
  background-size: 740.5px 715px;
}

.icon-change3d {
  background-image: url(../assets/icon.png);
  background-position: -531px -332.5px;
  width: 40px;
  height: 45px;
  background-size: 740.5px 715px;
}

.changeModeToggleBtn:hover .icon-change2d,
.changeModeToggleBtn.is-active .icon-change2d {
  background-image: url(../assets/icon.png);
  background-position: -531px -285px;
  width: 40px;
  height: 45px;
  background-size: 740.5px 715px;
}

.changeModeToggleBtn:hover .icon-change3d,
.changeModeToggleBtn.is-active .icon-change3d {
  background-image: url(../assets/icon.png);
  background-position: -531px -380px;
  width: 40px;
  height: 45px;
  background-size: 740.5px 715px;
}

.icon-change_outcam_row {
  background-image: url(../assets/icon.png);
  background-position: 0px -165.5px;
  width: 121px;
  height: 31px;
  background-size: 740.5px 715px;
}

.icon-change_incam_row {
  background-image: url(../assets/icon.png);
  background-position: 0px -132px;
  width: 121px;
  height: 31px;
  background-size: 740.5px 715px;
}

.icon-change_outcam_row_en {
  background-image: url(../assets/icon.png);
  background-position: -218px -32.5px;
  width: 120px;
  height: 30px;
  background-size: 740.5px 715px;
}

.icon-change_incam_row_en {
  background-image: url(../assets/icon.png);
  background-position: -218px 0px;
  width: 120px;
  height: 30px;
  background-size: 740.5px 715px;
}

.changeModeToggleBtn.is-active .icon-change_outcam_row {
  background-image: url(../assets/icon.png);
  background-position: 0px -132px;
  width: 121px;
  height: 31px;
  background-size: 740.5px 715px;
}

.changeModeToggleBtn.is-active .icon-change_incam_row {
  background-image: url(../assets/icon.png);
  background-position: 0px -165.5px;
  width: 121px;
  height: 31px;
  background-size: 740.5px 715px;
}

.changeModeToggleBtn.is-active .icon-change_outcam_row_en {
  background-image: url(../assets/icon.png);
  background-position: -218px 0px;
  width: 120px;
  height: 30px;
  background-size: 740.5px 715px;
}

.changeModeToggleBtn.is-active .icon-change_incam_row_en {
  background-image: url(../assets/icon.png);
  background-position: -218px -32.5px;
  width: 120px;
  height: 30px;
  background-size: 740.5px 715px;
}

.icon-change_mode_view_row {
  background-image: url(../assets/icon.png);
  background-position: 0px 0px;
  width: 215.5px;
  height: 30.5px;
  background-size: 740.5px 715px;
}

.icon-change_mode_select_row {
  background-image: url(../assets/icon.png);
  background-position: 0px -66px;
  width: 215px;
  height: 30.5px;
  background-size: 740.5px 715px;
}

.icon-change_mode_view_row_en {
  background-image: url(../assets/icon.png);
  background-position: 0px -33px;
  width: 215.5px;
  height: 30.5px;
  background-size: 740.5px 715px;
}

.icon-change_mode_select_row_en {
  background-image: url(../assets/icon.png);
  background-position: 0px -99px;
  width: 215px;
  height: 30.5px;
  background-size: 740.5px 715px;
}

.icon-shitae_load {
  background-image: url(../assets/icon.png);
  background-position: -422px -600px;
  width: 32px;
  height: 32px;
  background-size: 740.5px 715px;
}

.icon-shitae_edit {
  background-image: url(../assets/icon.png);
  background-position: -353px -600px;
  width: 32px;
  height: 32px;
  background-size: 740.5px 715px;
}

.icon-site_make {
  background-image: url(../assets/icon.png);
  background-position: -560px -600px;
  width: 32px;
  height: 32px;
  background-size: 740.5px 715px;
}

.icon-site_edit {
  background-image: url(../assets/icon.png);
  background-position: -491px -600px;
  width: 32px;
  height: 32px;
  background-size: 740.5px 715px;
}

.icon-drag_input {
  background-image: url(../assets/icon.png);
  background-position: -531px -427.5px;
  width: 37px;
  height: 37px;
  background-size: 740.5px 715px;
}

.icon-point_input {
  background-image: url(../assets/icon.png);
  background-position: -578.5px 0px;
  width: 37px;
  height: 37px;
  background-size: 740.5px 715px;
}

.icon-put_input {
  background-image: url(../assets/icon.png);
  background-position: -578.5px -79px;
  width: 37px;
  height: 37px;
  background-size: 740.5px 715px;
}

.icon-sketch {
  background-image: url(../assets/icon.png);
  background-position: -578.5px -158px;
  width: 37px;
  height: 37px;
  background-size: 740.5px 715px;
}

.icon-text {
  background-image: url(../assets/icon.png);
  background-position: 0px -664px;
  width: 29px;
  height: 26px;
  background-size: 740.5px 715px;
}

.icon-pin {
  background-image: url(../assets/icon.png);
  background-position: -552.5px -635.5px;
  width: 29px;
  height: 26px;
  background-size: 740.5px 715px;
}

.icon-pin-360 {
  background-image: url(../assets/icon.png);
  background-position: -584px -635.5px;
  width: 29px;
  height: 26px;
  background-size: 740.5px 715px;
}

.icon-bold {
  background-image: url(../assets/icon.png);
  background-position: -728px -441px;
  width: 7px;
  height: 7px;
  background-size: 740.5px 715px;
}

.icon-italic {
  background-image: url(../assets/icon.png);
  background-position: -718.5px -450.5px;
  width: 7px;
  height: 7px;
  background-size: 740.5px 715px;
}

.icon-underline {
  background-image: url(../assets/icon.png);
  background-position: -718.5px -469.5px;
  width: 7px;
  height: 7px;
  background-size: 740.5px 715px;
}

.icon-strikethrough {
  background-image: url(../assets/icon.png);
  background-position: -728px -469.5px;
  width: 6.5px;
  height: 6.5px;
  background-size: 740.5px 715px;
}

.icon-align_left {
  background-image: url(../assets/icon.png);
  background-position: -718.5px -460px;
  width: 7px;
  height: 7px;
  background-size: 740.5px 715px;
}

.icon-align_center {
  background-image: url(../assets/icon.png);
  background-position: -728px -450.5px;
  width: 7px;
  height: 7px;
  background-size: 740.5px 715px;
}

.icon-align_right {
  background-image: url(../assets/icon.png);
  background-position: -728px -460px;
  width: 7px;
  height: 7px;
  background-size: 740.5px 715px;
}

button:hover .icon-shitae_load,
label:hover .icon-shitae_load,
input[type=radio]:checked + label .icon-shitae_load {
  background-image: url(../assets/icon.png);
  background-position: -456.5px -600px;
  width: 32px;
  height: 32px;
  background-size: 740.5px 715px;
}

button:hover .icon-shitae_edit,
label:hover .icon-shitae_edit,
input[type=radio]:checked + label .icon-shitae_edit {
  background-image: url(../assets/icon.png);
  background-position: -387.5px -600px;
  width: 32px;
  height: 32px;
  background-size: 740.5px 715px;
}

button:hover .icon-site_make,
label:hover .icon-site_make,
input[type=radio]:checked + label .icon-site_make {
  background-image: url(../assets/icon.png);
  background-position: -594.5px -600px;
  width: 32px;
  height: 32px;
  background-size: 740.5px 715px;
}

button:hover .icon-site_edit,
label:hover .icon-site_edit,
input[type=radio]:checked + label .icon-site_edit {
  background-image: url(../assets/icon.png);
  background-position: -525.5px -600px;
  width: 32px;
  height: 32px;
  background-size: 740.5px 715px;
}

button:hover .icon-drag_input,
label:hover .icon-drag_input,
input[type=radio]:checked + label .icon-drag_input {
  background-image: url(../assets/icon.png);
  background-position: -531px -467px;
  width: 37px;
  height: 37px;
  background-size: 740.5px 715px;
}

button:hover .icon-point_input,
label:hover .icon-point_input,
input[type=radio]:checked + label .icon-point_input {
  background-image: url(../assets/icon.png);
  background-position: -578.5px -39.5px;
  width: 37px;
  height: 37px;
  background-size: 740.5px 715px;
}

button:hover .icon-put_input,
label:hover .icon-put_input,
input[type=radio]:checked + label .icon-put_input {
  background-image: url(../assets/icon.png);
  background-position: -578.5px -118.5px;
  width: 37px;
  height: 37px;
  background-size: 740.5px 715px;
}

button:hover .icon-mode_select,
label:hover .icon-mode_select,
input[type=radio]:checked + label .icon-mode_select {
  background-image: url(../assets/icon.png);
  background-position: -614.5px -692.5px;
  width: 22px;
  height: 22px;
  background-size: 740.5px 715px;
}

button:hover .icon-sketch,
label:hover .icon-sketch,
input[type=radio]:checked + label .icon-sketch {
  background-image: url(../assets/icon.png);
  background-position: -578.5px -197.5px;
  width: 37px;
  height: 37px;
  background-size: 740.5px 715px;
}

button:hover .icon-text,
label:hover .icon-text,
input[type=radio]:checked + label .icon-text {
  background-image: url(../assets/icon.png);
  background-position: -31.5px -664px;
  width: 29px;
  height: 26px;
  background-size: 740.5px 715px;
}

button:hover .icon-pin,
label:hover .icon-pin,
input[type=radio]:checked + label .icon-pin {
  background-image: url(../assets/icon.png);
  background-position: -647px -635.5px;
  width: 29px;
  height: 26px;
  background-size: 740.5px 715px;
}

button:hover .icon-pin-360,
label:hover .icon-pin-360,
input[type=radio]:checked + label .icon-pin-360 {
  background-image: url(../assets/icon.png);
  background-position: -615.5px -635.5px;
  width: 29px;
  height: 26px;
  background-size: 740.5px 715px;
}

.icon-roof_color {
  background-image: url(../assets/icon.png);
  background-position: -190px -477px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

.icon-roof_yosemune {
  background-image: url(../assets/icon.png);
  background-position: -531px -142.5px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

.icon-roof_yokogiri {
  background-image: url(../assets/icon.png);
  background-position: -531px -47.5px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

.icon-roof_tategiri {
  background-image: url(../assets/icon.png);
  background-position: -475px -477px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

.icon-roof_flat {
  background-image: url(../assets/icon.png);
  background-position: -285px -477px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

.icon-roof_katanagare {
  background-image: url(../assets/icon.png);
  background-position: -380px -477px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

.icon-roof_direction {
  background-image: url(../assets/icon.png);
  background-position: -578.5px -237px;
  width: 23px;
  height: 54px;
  background-size: 740.5px 715px;
}

.icon-change_wall1f {
  background-image: url(../assets/icon.png);
  background-position: -436px -332.5px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

.icon-change_koshi1f {
  background-image: url(../assets/icon.png);
  background-position: -380px -382px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

.icon-change_wall2f {
  background-image: url(../assets/icon.png);
  background-position: 0px -429.5px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

.icon-change_koshi2f {
  background-image: url(../assets/icon.png);
  background-position: -436px -47.5px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

.icon-change_wall3f {
  background-image: url(../assets/icon.png);
  background-position: -95px -429.5px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

.icon-change_koshi3f {
  background-image: url(../assets/icon.png);
  background-position: -436px -142.5px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

.icon-change_wall_inner {
  background-image: url(../assets/icon.png);
  background-position: -190px -429.5px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

.icon-change_habaki {
  background-image: url(../assets/icon.png);
  background-position: -285px -382px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

.icon-change_floor {
  background-image: url(../assets/icon.png);
  background-position: -95px -382px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

.icon-change_door {
  background-image: url(../assets/icon.png);
  background-position: -388.5px -285px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

.icon-change_wall_single {
  background-image: url(../assets/icon.png);
  background-position: -285px -429.5px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

.icon-change_curtain {
  background-image: url(../assets/icon.png);
  background-position: -388.5px -190px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

.icon-change_entrance {
  background-image: url(../assets/icon.png);
  background-position: 0px -382px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

.icon-change_sash {
  background-image: url(../assets/icon.png);
  background-position: -436px -237.5px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

.icon-change_garage {
  background-image: url(../assets/icon.png);
  background-position: -190px -382px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

.icon-menu_desumi {
  background-image: url(../assets/icon.png);
  background-position: -96px -218.5px;
  width: 45.5px;
  height: 45.5px;
  background-size: 740.5px 715px;
}

.icon-menu_flowerbox {
  background-image: url(../assets/icon.png);
  background-position: -192px -218.5px;
  width: 45.5px;
  height: 45.5px;
  background-size: 740.5px 715px;
}

.icon-menu_madowaku {
  background-image: url(../assets/icon.png);
  background-position: -48px -266.5px;
  width: 45.5px;
  height: 45.5px;
  background-size: 740.5px 715px;
}

.icon-menu_makuita {
  background-image: url(../assets/icon.png);
  background-position: -144px -266.5px;
  width: 45.5px;
  height: 45.5px;
  background-size: 740.5px 715px;
}

.icon-menu_mengoushi {
  background-image: url(../assets/icon.png);
  background-position: -240px -266.5px;
  width: 45.5px;
  height: 45.5px;
  background-size: 740.5px 715px;
}

.icon-menu_oriage {
  background-image: url(../assets/icon.png);
  background-position: -340.5px -96px;
  width: 45.5px;
  height: 45.5px;
  background-size: 740.5px 715px;
}

.icon-menu_others {
  background-image: url(../assets/icon.png);
  background-position: -340.5px -192px;
  width: 45.5px;
  height: 45.5px;
  background-size: 740.5px 715px;
}

.icon-menu_timber {
  background-image: url(../assets/icon.png);
  background-position: -192px -314.5px;
  width: 45.5px;
  height: 45.5px;
  background-size: 740.5px 715px;
}

.icon-menu_tsumakazari {
  background-image: url(../assets/icon.png);
  background-position: -288px -314.5px;
  width: 45.5px;
  height: 45.5px;
  background-size: 740.5px 715px;
}

.icon-lighting {
  background-image: url(../assets/icon.png);
  background-position: -618px -471.5px;
  width: 32.5px;
  height: 34px;
  background-size: 740.5px 715px;
}

label:hover .iconBox .icon-roof_color,
input[type=radio]:checked + label .iconBox .icon-roof_color {
  background-image: url(../assets/icon.png);
  background-position: -237.5px -477px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

label:hover .iconBox .icon-roof_yosemune,
input[type=radio]:checked + label .iconBox .icon-roof_yosemune {
  background-image: url(../assets/icon.png);
  background-position: -531px -190px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

label:hover .iconBox .icon-roof_yokogiri,
input[type=radio]:checked + label .iconBox .icon-roof_yokogiri {
  background-image: url(../assets/icon.png);
  background-position: -531px -95px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

label:hover .iconBox .icon-roof_tategiri,
input[type=radio]:checked + label .iconBox .icon-roof_tategiri {
  background-image: url(../assets/icon.png);
  background-position: -531px 0px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

label:hover .iconBox .icon-roof_flat,
input[type=radio]:checked + label .iconBox .icon-roof_flat {
  background-image: url(../assets/icon.png);
  background-position: -332.5px -477px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

label:hover .iconBox .icon-roof_katanagare,
input[type=radio]:checked + label .iconBox .icon-roof_katanagare {
  background-image: url(../assets/icon.png);
  background-position: -427.5px -477px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

label:hover .iconBox .icon-change_wall1f,
input[type=radio]:checked + label .iconBox .icon-change_wall1f {
  background-image: url(../assets/icon.png);
  background-position: -436px -380px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

label:hover .iconBox .icon-change_koshi1f,
input[type=radio]:checked + label .iconBox .icon-change_koshi1f {
  background-image: url(../assets/icon.png);
  background-position: -436px 0px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

label:hover .iconBox .icon-change_wall2f,
input[type=radio]:checked + label .iconBox .icon-change_wall2f {
  background-image: url(../assets/icon.png);
  background-position: -47.5px -429.5px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

label:hover .iconBox .icon-change_koshi2f,
input[type=radio]:checked + label .iconBox .icon-change_koshi2f {
  background-image: url(../assets/icon.png);
  background-position: -436px -95px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

label:hover .iconBox .icon-change_wall3f,
input[type=radio]:checked + label .iconBox .icon-change_wall3f {
  background-image: url(../assets/icon.png);
  background-position: -142.5px -429.5px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

label:hover .iconBox .icon-change_koshi3f,
input[type=radio]:checked + label .iconBox .icon-change_koshi3f {
  background-image: url(../assets/icon.png);
  background-position: -436px -190px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

label:hover .iconBox .icon-change_wall_inner,
input[type=radio]:checked + label .iconBox .icon-change_wall_inner {
  background-image: url(../assets/icon.png);
  background-position: -237.5px -429.5px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

label:hover .iconBox .icon-change_floor,
input[type=radio]:checked + label .iconBox .icon-change_floor {
  background-image: url(../assets/icon.png);
  background-position: -142.5px -382px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

input[type=radio]:not(:disabled) label:hover .iconBox .icon-change_wall_single,
input[type=radio]:not(:disabled):checked + label .iconBox .icon-change_wall_single {
  background-image: url(../assets/icon.png);
  background-position: -332.5px -429.5px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

label:hover .iconBox .icon-change_door,
input[type=radio]:checked + label .iconBox .icon-change_door {
  background-image: url(../assets/icon.png);
  background-position: -388.5px -332.5px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

label:hover .iconBox .icon-change_curtain,
input[type=radio]:checked + label .iconBox .icon-change_curtain {
  background-image: url(../assets/icon.png);
  background-position: -388.5px -237.5px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

label:hover .iconBox .icon-change_entrance,
input[type=radio]:checked + label .iconBox .icon-change_entrance {
  background-image: url(../assets/icon.png);
  background-position: -47.5px -382px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

label:hover .iconBox .icon-change_sash,
input[type=radio]:checked + label .iconBox .icon-change_sash {
  background-image: url(../assets/icon.png);
  background-position: -436px -285px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

label:hover .iconBox .icon-change_garage,
input[type=radio]:checked + label .iconBox .icon-change_garage {
  background-image: url(../assets/icon.png);
  background-position: -237.5px -382px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}

label:hover .iconBox .icon-menu_desumi,
input[type=radio]:checked + label .iconBox .icon-menu_desumi {
  background-image: url(../assets/icon.png);
  background-position: -144px -218.5px;
  width: 45.5px;
  height: 45.5px;
  background-size: 740.5px 715px;
}

label:hover .iconBox .icon-menu_flowerbox,
input[type=radio]:checked + label .iconBox .icon-menu_flowerbox {
  background-image: url(../assets/icon.png);
  background-position: -240px -218.5px;
  width: 45.5px;
  height: 45.5px;
  background-size: 740.5px 715px;
}

label:hover .iconBox .icon-menu_madowaku,
input[type=radio]:checked + label .iconBox .icon-menu_madowaku {
  background-image: url(../assets/icon.png);
  background-position: -96px -266.5px;
  width: 45.5px;
  height: 45.5px;
  background-size: 740.5px 715px;
}

label:hover .iconBox .icon-menu_makuita,
input[type=radio]:checked + label .iconBox .icon-menu_makuita {
  background-image: url(../assets/icon.png);
  background-position: -192px -266.5px;
  width: 45.5px;
  height: 45.5px;
  background-size: 740.5px 715px;
}

label:hover .iconBox .icon-menu_mengoushi,
input[type=radio]:checked + label .iconBox .icon-menu_mengoushi {
  background-image: url(../assets/icon.png);
  background-position: -288px -266.5px;
  width: 45.5px;
  height: 45.5px;
  background-size: 740.5px 715px;
}

label:hover .iconBox .icon-menu_oriage,
input[type=radio]:checked + label .iconBox .icon-menu_oriage {
  background-image: url(../assets/icon.png);
  background-position: -340.5px -144px;
  width: 45.5px;
  height: 45.5px;
  background-size: 740.5px 715px;
}

label:hover .iconBox .icon-menu_others,
input[type=radio]:checked + label .iconBox .icon-menu_others {
  background-image: url(../assets/icon.png);
  background-position: -340.5px -240px;
  width: 45.5px;
  height: 45.5px;
  background-size: 740.5px 715px;
}

label:hover .iconBox .icon-menu_timber,
input[type=radio]:checked + label .iconBox .icon-menu_timber {
  background-image: url(../assets/icon.png);
  background-position: -240px -314.5px;
  width: 45.5px;
  height: 45.5px;
  background-size: 740.5px 715px;
}

label:hover .iconBox .icon-menu_tsumakazari,
input[type=radio]:checked + label .iconBox .icon-menu_tsumakazari {
  background-image: url(../assets/icon.png);
  background-position: -336px -314.5px;
  width: 45.5px;
  height: 45.5px;
  background-size: 740.5px 715px;
}

label:hover .iconBox .icon-lighting,
input[type=radio]:checked + label .iconBox .icon-lighting {
  background-image: url(../assets/icon.png);
  background-position: -618px -508px;
  width: 32.5px;
  height: 34px;
  background-size: 740.5px 715px;
}

.icon-menu-clock {
  background-image: url(../assets/icon.png);
  background-position: 0px -218.5px;
  width: 45.5px;
  height: 45.5px;
  background-size: 740.5px 715px;
}

.icon-menu-mirror {
  background-image: url(../assets/icon.png);
  background-position: -340.5px 0px;
  width: 45.5px;
  height: 45.5px;
  background-size: 740.5px 715px;
}

.icon-menu-painting {
  background-image: url(../assets/icon.png);
  background-position: 0px -314.5px;
  width: 45.5px;
  height: 45.5px;
  background-size: 740.5px 715px;
}

.icon-menu-light {
  background-image: url(../assets/icon.png);
  background-position: -288px -218.5px;
  width: 45.5px;
  height: 45.5px;
  background-size: 740.5px 715px;
}

.icon-menu-shelf {
  background-image: url(../assets/icon.png);
  background-position: -96px -314.5px;
  width: 45.5px;
  height: 45.5px;
  background-size: 740.5px 715px;
}

.icon-menu-ac {
  background-image: url(../assets/icon.png);
  background-position: -218px -117.5px;
  width: 45.5px;
  height: 45.5px;
  background-size: 740.5px 715px;
}

label:hover .iconBox .icon-menu-clock,
input[type=radio]:checked + label .iconBox .icon-menu-clock {
  background-image: url(../assets/icon.png);
  background-position: -48px -218.5px;
  width: 45.5px;
  height: 45.5px;
  background-size: 740.5px 715px;
}

label:hover .iconBox .icon-menu-mirror,
input[type=radio]:checked + label .iconBox .icon-menu-mirror {
  background-image: url(../assets/icon.png);
  background-position: -340.5px -48px;
  width: 45.5px;
  height: 45.5px;
  background-size: 740.5px 715px;
}

label:hover .iconBox .icon-menu-painting,
input[type=radio]:checked + label .iconBox .icon-menu-painting {
  background-image: url(../assets/icon.png);
  background-position: -48px -314.5px;
  width: 45.5px;
  height: 45.5px;
  background-size: 740.5px 715px;
}

label:hover .iconBox .icon-menu-light,
input[type=radio]:checked + label .iconBox .icon-menu-light {
  background-image: url(../assets/icon.png);
  background-position: 0px -266.5px;
  width: 45.5px;
  height: 45.5px;
  background-size: 740.5px 715px;
}

label:hover .iconBox .icon-menu-shelf,
input[type=radio]:checked + label .iconBox .icon-menu-shelf {
  background-image: url(../assets/icon.png);
  background-position: -144px -314.5px;
  width: 45.5px;
  height: 45.5px;
  background-size: 740.5px 715px;
}

label:hover .iconBox .icon-menu-ac,
input[type=radio]:checked + label .iconBox .icon-menu-ac {
  background-image: url(../assets/icon.png);
  background-position: -266px -117.5px;
  width: 45.5px;
  height: 45.5px;
  background-size: 740.5px 715px;
}

.icon-move_picker {
  background-image: url(../assets/icon.png);
  background-position: -688px -178.5px;
  width: 27px;
  height: 27px;
  background-size: 740.5px 715px;
}

.icon-spin_picker {
  background-image: url(../assets/icon.png);
  background-position: -688px -293.5px;
  width: 26px;
  height: 25px;
  background-size: 740.5px 715px;
}

.icon-item_switch {
  background-image: url(../assets/icon.png);
  background-position: -394.5px -664px;
  width: 25px;
  height: 18.5px;
  background-size: 740.5px 715px;
}

.icon-garbage_picker {
  background-image: url(../assets/icon.png);
  background-position: -688px -237.5px;
  width: 25.5px;
  height: 25.5px;
  background-size: 740.5px 715px;
}

.icon-size_picker {
  background-image: url(../assets/icon.png);
  background-position: -688px -60px;
  width: 28px;
  height: 27.5px;
  background-size: 740.5px 715px;
}

.icon-copy_picker {
  background-image: url(../assets/icon.png);
  background-position: -688px -30px;
  width: 28px;
  height: 27.5px;
  background-size: 740.5px 715px;
}

.icon-comment_picker {
  background-image: url(../assets/icon.png);
  background-position: -688px 0px;
  width: 28px;
  height: 27.5px;
  background-size: 740.5px 715px;
}

.icon-move_picker_w {
  background-image: url(../assets/icon.png);
  background-position: -688px -208px;
  width: 27px;
  height: 27px;
  background-size: 740.5px 715px;
}

.icon-spin_picker_w {
  background-image: url(../assets/icon.png);
  background-position: -688px -321px;
  width: 26px;
  height: 25px;
  background-size: 740.5px 715px;
}

.icon-item_switch_w {
  background-image: url(../assets/icon.png);
  background-position: -422px -664px;
  width: 25px;
  height: 18.5px;
  background-size: 740.5px 715px;
}

.icon-garbage_picker_w {
  background-image: url(../assets/icon.png);
  background-position: -688px -265.5px;
  width: 25.5px;
  height: 25.5px;
  background-size: 740.5px 715px;
}

.icon-size_picker_w {
  background-image: url(../assets/icon.png);
  background-position: -688px -149px;
  width: 28px;
  height: 27px;
  background-size: 740.5px 715px;
}

.icon-copy_picker_w {
  background-image: url(../assets/icon.png);
  background-position: -688px -119.5px;
  width: 28px;
  height: 27px;
  background-size: 740.5px 715px;
}

.icon-comment_picker_w {
  background-image: url(../assets/icon.png);
  background-position: -688px -90px;
  width: 28px;
  height: 27px;
  background-size: 740.5px 715px;
}

.icon-movie_capture {
  background-image: url(../assets/icon.png);
  background-position: -314px -144px;
  width: 23.5px;
  height: 18.5px;
  background-size: 740.5px 715px;
}

button:hover .icon-movie_capture {
  background-image: url(../assets/icon.png);
  background-position: -449.5px -664px;
  width: 23.5px;
  height: 18.5px;
  background-size: 740.5px 715px;
}

.icon-movie_setting_daytime {
  background-image: url(../assets/icon.png);
  background-position: -255.5px -664px;
  width: 25px;
  height: 23px;
  background-size: 740.5px 715px;
}

.icon-movie_setting_daytime_w {
  background-image: url(../assets/icon.png);
  background-position: -283px -664px;
  width: 25px;
  height: 22.5px;
  background-size: 740.5px 715px;
}

.icon-movie_setting_location {
  background-image: url(../assets/icon.png);
  background-position: -337.5px -664px;
  width: 26px;
  height: 21px;
  background-size: 740.5px 715px;
}

.icon-movie_setting_location_w {
  background-image: url(../assets/icon.png);
  background-position: -366px -664px;
  width: 26px;
  height: 21px;
  background-size: 740.5px 715px;
}

.icon-movie_setting_light {
  background-image: url(../assets/icon.png);
  background-position: 0px -692.5px;
  width: 24px;
  height: 22.5px;
  background-size: 740.5px 715px;
}

.icon-movie_setting_light_w {
  background-image: url(../assets/icon.png);
  background-position: -310.5px -664px;
  width: 24.5px;
  height: 22.5px;
  background-size: 740.5px 715px;
}

/*===========================================================================
pageContainer
============================================================================*/
#pageContainer {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/*===========================================================================
header
============================================================================*/
#header {
  width: 100%;
  height: 40px;
  border: 1px solid #ECECEC;
  padding-left: 170px;
  background: #FAFAFA url(../assets/bg/bg_ruler_top.png?2) repeat-x;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 5005;
}

#header .logo {
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(../assets/logo.png);
  background-image: image-set(url(../assets/logo.png) 1x, url(../assets/logo_dpr2.png) 2x);
  background-image: -webkit-image-set(url(../assets/logo.png) 1x, url(../assets/logo_dpr2.png) 2x);
  background-repeat: no-repeat;
  width: 150px;
  height: 39px;
  position: absolute;
  left: 5px;
  top: 0;
}

.headerMenu {
  display: inline-block;
  height: 100%;
  vertical-align: top;
}
.headerMenu.for3D {
  margin-left: 0px;
}
.headerMenu > ul {
  height: 100%;
}
.headerMenu > ul > li {
  float: left;
  margin-right: 0;
  position: relative;
  height: 100%;
}
.headerMenu > ul > li > input[type=checkbox] {
  display: none;
}
.headerMenu > ul > li > button, .headerMenu > ul > li > label {
  color: #777;
  font-size: 9px;
  min-width: 55px;
  display: block;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  border: none;
  background: none;
  position: relative;
  padding: 2px 6px 1px 6px;
  vertical-align: top;
}
.headerMenu > ul > li:hover > button, .headerMenu > ul > li:hover > label, .headerMenu > ul > li > button.is-active {
  background-color: #bbb;
  color: #fff;
}
.headerMenu > ul > li > button .icon {
  margin: 0 auto;
}
.headerMenu > ul > li > button .iconName, .headerMenu > ul > li > label .iconName {
  padding-top: 1px;
  display: block;
  font-family: Arial;
  text-align: center;
  width: 100%;
  line-height: 1;
  margin-top: 2px;
}
.headerMenu.headerMenuRight {
  position: absolute;
  top: 0;
  right: 110px;
}
.headerMenu .headerVerticalAlignBlock {
  display: table-cell;
  height: 38px;
  vertical-align: middle;
  padding: 0 5px;
}
.headerMenu .headerVerticalAlignBlock > .smallIcon, .headerMenu .headerVerticalAlignBlock > select {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  text-align: center;
}
.headerMenu #btnRenderingParent {
  height: auto;
  margin-top: 7px;
  margin-right: 25px;
}
.headerMenu #btnRenderingParent #btnRendering {
  cursor: pointer;
  height: 25px;
  width: 220px;
  min-width: 155px;
  background-color: #ffffff;
  border: 1px solid #888;
  font-size: 13px;
}
.headerMenu #btnRenderingParent #btnRendering span {
  pointer-events: none;
}
.headerMenu #btnRenderingParent #btnRendering:hover {
  background-color: #888;
  color: #fff;
}
.headerMenu #btnRenderingParent #btnRendering #servertimerContainer {
  margin-left: 10px;
}
.headerMenu #btnRenderingParent #btnRendering #servertimer {
  margin-left: 5px;
}
.headerMenu #btnFittingSize.disabled,
.headerMenu #btnUndo.disabled,
.headerMenu #btnRedo.disabled,
.headerMenu #btnUndo2.disabled,
.headerMenu #btnRedo2.disabled,
.headerMenu #headerMenuAlign.disabled,
.headerMenu #btn-item-align-horizontal.disabled,
.headerMenu #btn-item-align-vertical.disabled {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
  pointer-events: none;
}
.headerMenu > ul > li:hover > #btnUndo.disabled, .headerMenu > ul > li:hover > #btnRedo.disabled {
  background-color: transparent;
  color: #777;
}
.headerMenu #zumenTitle {
  right: 110px;
}

@media (max-width: 1430px) {
  #header {
    padding-left: 170px;
  }
}
@media (max-width: 1380px) {
  .headerMenu > ul > li > button {
    padding: 2px 0 1px 0;
    width: 45px;
  }
  #btnRenderingParent {
    margin-right: 15px !important;
  }
}
@media (max-width: 1280px) {
  .headerMenu > ul > li.zumenTitle_wrap {
    position: absolute;
    float: none;
    height: auto;
    width: auto;
    top: 45px;
    right: 0px;
    display: block;
  }
  .headerMenu > ul > li.zumenTitle_wrap #zumenTitle {
    font-size: 16px;
    display: block;
    width: auto;
    right: auto;
    white-space: nowrap;
  }
  .headerMenu > ul > li.zumenTitle_wrap #zumenTitle.active {
    padding: 0 10px;
    line-height: 38px;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid #888;
  }
}
#filePicker {
  display: none;
}

#filePickerPIN {
  display: none;
}

#filePickerLiDAR {
  display: none;
}

#filePickerWebView {
  display: none;
}

/*===========================================================================
versionInfo
============================================================================*/
#versionInfoBox {
  display: inline-block;
  position: absolute;
  font-size: 0;
  top: 32px;
  left: 114px;
  z-index: 2000;
}

#versionInfoBox > label {
  display: inline-block;
  zoom: 1;
  font-size: 10px;
  transform: scale(0.7, 0.7);
  color: #999;
}

/*===========================================================================
header dropdownlist
============================================================================*/
.headerDropdownList {
  display: none;
  width: 200px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 100%;
  padding: 7px 0;
  border: 1px solid #777;
  background: #fafafa;
}

.headerDropdownList.displayLeft {
  left: -95px;
  min-width: 150px;
}

.headerDropdownList .headerInnerDropdownTrigger {
  position: relative;
}

.headerDropdownList .headerInnerDropdownTrigger:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: #777;
  position: absolute;
  right: 0px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.headerDropdownList.headerDropdownListInner {
  left: 100%;
  top: 0;
}

.headerDropdownList button {
  display: block;
  color: #777;
  width: 100%;
  padding: 7px 10px;
  line-height: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  background: none;
  border: none;
  text-align: left;
}

.headerDropdownList button:hover {
  background: #bbb;
  color: #fff;
}

/*===========================================================================
changeDimensionBtns
============================================================================*/
.changeModeToggleBtnWrap {
  position: absolute;
  top: 4px;
  right: 45px;
  font-size: 0;
}

.changeModeToggleBtnSet {
  display: inline-block;
  margin: 0 0 0 10px;
}

.changeModeToggleBtn {
  padding: 0;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  width: 60px;
  height: 60px;
  border: 1px solid #888;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff no-repeat;
  background-position: center center;
}

.changeModeToggleBtn.changeModeToggleBtnRow {
  width: 121px;
  height: 31px;
  border: none;
  cursor: pointer;
}

.changeModeToggleBtn.changeModeToggleBtnRow.menuRight {
  width: 225px;
}
.changeModeToggleBtn.changeModeToggleBtnRow.menuRight span {
  pointer-events: none;
}

#btnSelectModeToggle {
  display: none;
}

.changeModeToggleBtn:hover,
.changeModeToggleBtn.is-active {
  background-color: #888;
}

.changeModeToggleBtn.changeModeToggleBtnRow:hover,
.changeModeToggleBtn.changeModeToggleBtnRow.is-active {
  background-color: inherit;
}

/*===========================================================================
webcadClose
============================================================================*/
#webcadClose {
  position: absolute;
  right: 4px;
  top: 4px;
}
#webcadClose .btnWebcadClose {
  display: inline-block;
  padding: 3px;
  background: #A6A6A6;
  border-radius: 0;
  border: none;
  cursor: pointer;
}
#webcadClose .btnWebcadClose:hover {
  opacity: 0.7;
}

/*===========================================================================
[3D]cameraToggleBtn
============================================================================*/
#cameraToggleBtn, #changeCamToggleCol {
  display: inline-block;
  height: 31px;
  margin-top: -1px;
  box-sizing: border-box;
  zoom: 1;
  vertical-align: top;
  font-size: 0;
}
#cameraToggleBtn .sep, #cameraToggleBtn label, #changeCamToggleCol .sep, #changeCamToggleCol label {
  display: inline-block;
  font-size: 20px;
  padding: 4px 0 0;
  margin: 0 5px;
}
#cameraToggleBtn input, #changeCamToggleCol input {
  display: none;
}
#cameraToggleBtn input[type=radio]:checked + label, #changeCamToggleCol input[type=radio]:checked + label {
  border-bottom: 3px solid #fd8220;
}

#changeCamToggleCol {
  position: absolute;
  top: 4px;
  left: 50px;
}

/*===========================================================================
footer
============================================================================*/
#footer {
  width: 100%;
  height: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ECECEC;
  background: #FAFAFA url(../assets//bg/bg_ruler_bottom.png?2) repeat-x;
  position: relative;
  z-index: 1060;
}

.footerMenuLeft,
.footerMenuRight {
  position: absolute;
}

.footerMenuLeft {
  left: 20px;
  bottom: 50%;
  margin-bottom: -15px;
  zoom: 1;
}
.footerMenuLeft:after {
  content: "";
  display: table;
  clear: both;
}

.footerMenuRight {
  right: 20px;
  bottom: 0;
  height: 100%;
}

.oneFooterMenuLeft {
  float: left;
}
.oneFooterMenuLeft .menuSep {
  width: 1px;
  height: 30px;
  background: #888;
  margin: 0 10px;
}

/*===========================================================================
floorBtn
============================================================================*/
.floorBtnWrap {
  display: inline-block;
  zoom: 1;
  vertical-align: top;
  font-size: 0;
}

.floorBtnWrap:after {
  content: "";
  display: table;
  clear: both;
}

.floorBtnWrap input {
  display: none;
}

.floorBtnWrap label {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 20px;
  cursor: pointer;
  background: #fff no-repeat;
  background-position: center center;
  border: 1px solid #888;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
}

.floorBtnWrap label:last-of-type {
  margin: 0;
}

.floorBtnWrap input[type=radio]:checked + .floorBtn1,
.floorBtnWrap .floorBtn1:hover {
  background-color: #888;
}

.floorBtnWrap input[type=radio]:checked + .floorBtn2,
.floorBtnWrap .floorBtn2:hover {
  background-color: #888;
}

.floorBtnWrap input[type=radio]:checked + .floorBtn3,
.floorBtnWrap .floorBtn3:hover {
  background-color: #888;
}

.floorBtnWrap input[type=radio]:checked + .floorBtnAll,
.floorBtnWrap .floorBtnAll:hover {
  background-color: #888;
}

#walkthroughFloorBtn3D {
  display: none;
}

/*===========================================================================
[2D]zoomBtn
============================================================================*/
.zoomBtnWrap {
  display: inline-block;
  height: 100%;
}

.zoomBtnWrap > ul {
  height: 100%;
}

.zoomBtnWrap > ul > li {
  float: left;
  margin-left: 20px;
  height: 100%;
}

.zoomBtnWrap > ul > li:first-child {
  margin-left: 0;
}

.zoomBtnWrap > ul > li > button {
  display: block;
  color: #777;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  width: 38px;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  background: none;
  padding: 0;
}

.zoomBtnWrap > ul > li > button .icon {
  display: block;
  margin: 4px auto;
}

.zoomBtnWrap > ul > li:hover > button {
  background-color: #bbb;
}

.zoomBtnWrap > ul > li > button .iconName {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/*===========================================================================
[2D]itemControlPanel
============================================================================*/
#itemControlPanel {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -396px;
  height: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#itemControlPanel #itemControlPanel_header {
  background: #888;
  position: absolute;
  right: 100%;
  width: 15px;
  height: 100%;
}
#itemControlPanel .itemControlPanel_navbox {
  padding: 0 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0;
  white-space: nowrap;
  height: 100%;
}
#itemControlPanel .itemControlPanel_nav,
#itemControlPanel .itemSizeControlPanel {
  display: inline-block;
  vertical-align: top;
  height: 100%;
}
#itemControlPanel .itemControlPanel_nav button {
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  border: none;
  background: none;
  color: #777;
  font-size: 9px;
  cursor: pointer;
  padding: 0 2px;
  margin: 0 2px;
}
#itemControlPanel .itemControlPanel_nav button:hover {
  opacity: 0.8;
}
#itemControlPanel .itemControlPanel_nav button:not[disabled]:active {
  background: #fff;
}
#itemControlPanel .itemControlPanel_nav button[disabled] {
  cursor: not-allowed;
  opacity: 0.6;
}
#itemControlPanel .itemSizeControlPanel {
  font-size: 10px;
  margin: 0 5px;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#itemControlPanel .itemSizeControlPanel .forGeneralPurposeItem {
  display: none;
}
#itemControlPanel .itemSizeControlPanel table {
  height: 100%;
}
#itemControlPanel .itemSizeControlPanel th,
#itemControlPanel .itemSizeControlPanel td {
  vertical-align: middle;
}
#itemControlPanel .itemSizeControlPanel td {
  padding: 0 5px;
  text-align: left;
  vertical-align: baseline;
  padding-top: 2px;
}
#itemControlPanel .itemSizeControlPanel td img {
  padding-right: 5px;
}
#itemControlPanel .itemSizeControlPanel td input {
  width: 55px;
}

/*===========================================================================
[3D]changeApperanceBtnWrap
============================================================================*/
.changeApperanceBtnWrap {
  height: 100%;
  margin: 0;
  align-items: center;
}
.changeApperanceBtnWrap .checkboxBtn {
  display: inline-block;
  height: 30px;
  margin-right: 6px;
  padding: 5px 10px 0;
  cursor: pointer;
  background: center center no-repeat #fff;
  border: 1px solid #888;
  box-sizing: border-box;
}
.changeApperanceBtnWrap input:checked + .checkboxBtn {
  background-color: #888;
}
.changeApperanceBtnWrap input {
  display: none;
}

/*===========================================================================
[both]leftMenu
============================================================================*/
.leftMenu {
  position: absolute;
  top: 40px;
  left: 0;
  zoom: 1;
}
.leftMenu:after {
  content: "";
  display: table;
  clear: both;
}

/*===========================================================================
[both]leftMenuCategories
============================================================================*/
.leftMenuCategories {
  border-right: 1px solid #ECECEC;
  display: flex;
  display: -webkit-flex;
  flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  width: 50px;
  height: 100%;
  background: #FAFAFA url(../assets//bg/bg_ruler_left.png) repeat-y;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 1050;
}
.leftMenuCategories label {
  width: 100%;
  height: 53px;
  display: block;
  margin-bottom: 10px;
  position: relative;
  padding-top: 3px;
  color: #fff;
  text-align: center;
  font-size: 9px;
  background: blue no-repeat;
  background-position: center 25%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.leftMenuCategories label:before {
  content: "";
  display: block;
  width: 100%;
  height: 20px;
  position: absolute;
  bottom: 100%;
}
.leftMenuCategories label:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 24px solid transparent;
  border-top-width: 10px;
  border-bottom: 0px solid transparent;
  position: absolute;
  top: 100%;
}
.leftMenuCategories label .itemCategoryName {
  padding-top: 5px;
}
.leftMenuCategories input {
  display: none;
}
.leftMenuCategories input:nth-of-type(10) + label {
  background-color: #555;
}
.leftMenuCategories input:nth-of-type(9) + label {
  background-color: #666;
}
.leftMenuCategories input:nth-of-type(8) + label {
  background-color: #777;
}
.leftMenuCategories input:nth-of-type(7) + label {
  background-color: #888;
}
.leftMenuCategories input:nth-of-type(6) + label {
  background-color: #999;
}
.leftMenuCategories input:nth-of-type(5) + label {
  background-color: #aaa;
}
.leftMenuCategories input:nth-of-type(4) + label {
  background-color: #bbb;
  color: #777;
}
.leftMenuCategories input:nth-of-type(3) + label {
  background-color: #ccc;
  color: #777;
}
.leftMenuCategories input:nth-of-type(2) + label {
  background-color: #ddd;
  color: #777;
}
.leftMenuCategories input:nth-of-type(1) + label {
  background-color: #eee;
  color: #777;
}
.leftMenuCategories input:nth-of-type(10):checked + label {
  color: #FD8220;
}
.leftMenuCategories input:nth-of-type(9):checked + label {
  color: #FD8220;
}
.leftMenuCategories input:nth-of-type(8):checked + label {
  color: #FD8220;
}
.leftMenuCategories input:nth-of-type(7):checked + label {
  color: #FD8220;
}
.leftMenuCategories input:nth-of-type(6):checked + label {
  color: #FD8220;
}
.leftMenuCategories input:nth-of-type(5):checked + label {
  color: #FD8220;
}
.leftMenuCategories input:nth-of-type(4):checked + label {
  color: #FD8220;
}
.leftMenuCategories input:nth-of-type(3):checked + label {
  color: #FD8220;
}
.leftMenuCategories input:nth-of-type(2):checked + label {
  color: #FD8220;
}
.leftMenuCategories input:nth-of-type(1):checked + label {
  color: #FD8220;
}
.leftMenuCategories input:nth-last-of-type(1) + label:before {
  height: 0;
}
.leftMenuCategories input:nth-of-type(9) + label:before {
  background: #666;
}
.leftMenuCategories input:nth-of-type(8) + label:before {
  background: #777;
}
.leftMenuCategories input:nth-of-type(7) + label:before {
  background: #888;
}
.leftMenuCategories input:nth-of-type(6) + label:before {
  background: #999;
}
.leftMenuCategories input:nth-of-type(5) + label:before {
  background: #aaa;
}
.leftMenuCategories input:nth-of-type(4) + label:before {
  background: #bbb;
}
.leftMenuCategories input:nth-of-type(3) + label:before {
  background: #ccc;
}
.leftMenuCategories input:nth-of-type(2) + label:before {
  background: #ddd;
}
.leftMenuCategories input:nth-of-type(1) + label:before {
  background: #eee;
}
.leftMenuCategories input:nth-of-type(10) + label:after {
  border-top-color: #555;
}
.leftMenuCategories input:nth-of-type(9) + label:after {
  border-top-color: #666;
}
.leftMenuCategories input:nth-of-type(8) + label:after {
  border-top-color: #777;
}
.leftMenuCategories input:nth-of-type(7) + label:after {
  border-top-color: #888;
}
.leftMenuCategories input:nth-of-type(6) + label:after {
  border-top-color: #999;
}
.leftMenuCategories input:nth-of-type(5) + label:after {
  border-top-color: #aaa;
}
.leftMenuCategories input:nth-of-type(4) + label:after {
  border-top-color: #bbb;
}
.leftMenuCategories input:nth-of-type(3) + label:after {
  border-top-color: #ccc;
}
.leftMenuCategories input:nth-of-type(2) + label:after {
  border-top-color: #ddd;
}
.leftMenuCategories input:nth-of-type(1) + label:after {
  border-top-color: #eee;
}
.leftMenuCategories input:first-of-type + label:after {
  width: 100%;
  border-left: none;
  border-right: none;
  border-top-width: 7px;
}
.leftMenuCategories.leftMenuCategories3D input:nth-last-of-type(1) + label {
  background-color: #777;
  color: #fff;
}
.leftMenuCategories.leftMenuCategories3D input:nth-last-of-type(2) + label {
  background-color: #888;
  color: #fff;
}
.leftMenuCategories.leftMenuCategories3D input:nth-last-of-type(3) + label {
  background-color: #999;
  color: #fff;
}
.leftMenuCategories.leftMenuCategories3D input:nth-last-of-type(4) + label {
  background-color: #aaa;
  color: #fff;
}
.leftMenuCategories.leftMenuCategories3D input:nth-last-of-type(5) + label {
  background-color: #bbb;
  color: #fff;
}
.leftMenuCategories.leftMenuCategories3D input:nth-last-of-type(6) + label {
  background-color: #ccc;
  color: #888;
}
.leftMenuCategories.leftMenuCategories3D input:nth-last-of-type(7) + label {
  background-color: #ddd;
  color: #777;
}
.leftMenuCategories.leftMenuCategories3D input:nth-last-of-type(8) + label {
  background-color: #eee;
  color: #777;
}
.leftMenuCategories.leftMenuCategories3D input:nth-last-of-type(9) + label {
  background-color: #eee;
  color: #777;
}
.leftMenuCategories.leftMenuCategories3D input:nth-last-of-type(1):checked + label {
  color: #FD8220;
}
.leftMenuCategories.leftMenuCategories3D input:nth-last-of-type(2):checked + label {
  color: #FD8220;
}
.leftMenuCategories.leftMenuCategories3D input:nth-last-of-type(3):checked + label {
  color: #FD8220;
}
.leftMenuCategories.leftMenuCategories3D input:nth-last-of-type(4):checked + label {
  color: #FD8220;
}
.leftMenuCategories.leftMenuCategories3D input:nth-last-of-type(5):checked + label {
  color: #FD8220;
}
.leftMenuCategories.leftMenuCategories3D input:nth-last-of-type(6):checked + label {
  color: #FD8220;
}
.leftMenuCategories.leftMenuCategories3D input:nth-last-of-type(7):checked + label {
  color: #FD8220;
}
.leftMenuCategories.leftMenuCategories3D input:nth-last-of-type(8):checked + label {
  color: #FD8220;
}
.leftMenuCategories.leftMenuCategories3D input:nth-last-of-type(9):checked + label {
  color: #FD8220;
}
.leftMenuCategories.leftMenuCategories3D input:nth-last-of-type(1) + label:before {
  height: 0;
}
.leftMenuCategories.leftMenuCategories3D input:nth-last-of-type(2) + label:before {
  background: #888;
}
.leftMenuCategories.leftMenuCategories3D input:nth-last-of-type(3) + label:before {
  background: #999;
}
.leftMenuCategories.leftMenuCategories3D input:nth-last-of-type(4) + label:before {
  background: #aaa;
}
.leftMenuCategories.leftMenuCategories3D input:nth-last-of-type(5) + label:before {
  background: #bbb;
}
.leftMenuCategories.leftMenuCategories3D input:nth-last-of-type(6) + label:before {
  background: #ccc;
}
.leftMenuCategories.leftMenuCategories3D input:nth-last-of-type(7) + label:before {
  background: #ddd;
}
.leftMenuCategories.leftMenuCategories3D input:nth-last-of-type(8) + label:before {
  background: #eee;
}
.leftMenuCategories.leftMenuCategories3D input:nth-last-of-type(9) + label:before {
  background: #eee;
}
.leftMenuCategories.leftMenuCategories3D input:nth-last-of-type(1) + label:after {
  border-top-color: #777;
}
.leftMenuCategories.leftMenuCategories3D input:nth-last-of-type(2) + label:after {
  border-top-color: #888;
}
.leftMenuCategories.leftMenuCategories3D input:nth-last-of-type(3) + label:after {
  border-top-color: #999;
}
.leftMenuCategories.leftMenuCategories3D input:nth-last-of-type(4) + label:after {
  border-top-color: #aaa;
}
.leftMenuCategories.leftMenuCategories3D input:nth-last-of-type(5) + label:after {
  border-top-color: #bbb;
}
.leftMenuCategories.leftMenuCategories3D input:nth-last-of-type(6) + label:after {
  border-top-color: #ccc;
}
.leftMenuCategories.leftMenuCategories3D input:nth-last-of-type(7) + label:after {
  border-top-color: #ddd;
}
.leftMenuCategories.leftMenuCategories3D input:nth-last-of-type(8) + label:after {
  border-top-color: #eee;
}
.leftMenuCategories.leftMenuCategories3D input:nth-last-of-type(9) + label:after {
  border-top-color: #eee;
}

/*===========================================================================
[both]itemMenu
============================================================================*/
.itemMenu {
  position: absolute;
  left: 100%;
  top: 0;
  bottom: 0;
  display: none;
  width: 135px;
  height: 100%;
  margin: auto;
  border: 1px solid #b0b0b0;
  background: #fafafa;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1001;
  transition: 0.5s;
  transform: translateX(-135px);
  overflow: hidden;
  overflow-y: auto;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  /* Style the tab content */
}
.itemMenu .title,
.itemMenu .structureMenuTitle {
  font-size: 12px;
  text-align: center;
  padding: 7px 0;
  width: 100%;
}
.itemMenu .structureMenuTitle {
  margin-bottom: 5px;
}
.itemMenu .menuFrame {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}
.itemMenu .menuFrame p {
  padding: 5px 10px 0;
}
.itemMenu .menuFrame p button {
  width: 100%;
}
.itemMenu .tab {
  overflow: hidden;
  overflow: visible;
  border: none;
  border-bottom: 1px solid #ccc;
  /*background-color: #f1f1f1;*/
  background: none;
  margin: 0 2px 0;
  font-size: 0;
}
.itemMenu .tab input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}
.itemMenu .tab label {
  background-color: #e4e4e4;
  color: rgba(0, 0, 0, 0.6);
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
  padding: 8px 5px;
  /*margin-right: -1px;*/
  border: 1px solid rgba(0, 0, 0, 0.2);
  /*box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);*/
  box-shadow: none;
  transition: all 0.1s ease-in-out;
  border-radius: 4px 4px 0 0;
  display: inline-block;
  width: calc(50% - 4px);
  padding: 8px 0;
  text-align: center;
  margin: 0 4px -1px 0;
  background-color: #FFF;
}
.itemMenu .tab label:last-of-type {
  margin-right: 0;
}
.itemMenu .tab label:hover {
  cursor: pointer;
}
.itemMenu .tab input:checked + label {
  background-color: #ccc;
  box-shadow: none;
  border-bottom: none;
}
.itemMenu .tabcontent {
  display: none;
  padding: 6px 6px;
  border-top: none;
}
.itemMenu .tabcontent .itemMenuBtnNoFrame {
  width: 100%;
}
.itemMenu .note {
  font-size: 12px;
  padding: 5px;
}
.itemMenu .note span {
  display: block;
  padding-left: 1em;
  text-indent: -1em;
}

#itemMenu_fitting .itemMenuFuncBtns {
  margin: 0 4px 10px 0;
}
#itemMenu_fitting .itemMenuFuncBtns button {
  height: 37px;
}

#itemMenu_roof {
  width: 150px;
  transform: translateX(-150px);
}
#itemMenu_roof .itemMenuModeBtnBox {
  margin-right: 0;
}
#itemMenu_roof .itemMenuModeBtnBox .itemMenuFuncBtns {
  margin-bottom: 10px !important;
}
#itemMenu_roof .itemMenuFuncBtns {
  margin: 0 4px 10px 0;
}
#itemMenu_roof .itemMenuFuncBtns button.selected {
  color: #fff;
  background: #A6A6A6;
}
#itemMenu_roof .itemMenuHeader .itemMenuFuncBtns:last-of-type {
  margin-bottom: 0;
}
#itemMenu_roof hr {
  border: none;
  border-bottom: 1px solid #888;
  width: calc(100% - 10px);
}

#itemMenu_room {
  width: 170px !important;
  transform: translateX(-170px);
}
@media (max-width: 1430px) {
  #itemMenu_room {
    width: 180px !important;
    transform: translateX(-180px);
  }
}
#itemMenu_room .itemMenuModeBtnBox .itemMenuModeBtn {
  margin: 0px 10px 10px 10px;
}
@media (max-width: 1430px) {
  #itemMenu_room .itemMenuModeBtnBox .itemMenuModeBtn {
    margin: 0px 2px 10px 0px;
  }
}
#itemMenu_room input[type=radio]:disabled + label {
  color: #7e7e7e;
  pointer-events: none;
}

#itemMenu_draw .itemMenuModeBtnBox {
  border: none;
  width: 45%;
  float: left;
}
#itemMenu_draw .itemMenuModeBtn {
  float: right;
}
#itemMenu_draw .itemMenuModeBtn:nth-of-type(odd) {
  float: left;
}

/*===========================================================================
itemMenuHeader
============================================================================*/
.itemMenu .itemMenuHeader {
  padding-left: 4px;
  font-size: 0;
}
.itemMenu .itemMenuHeader#itemMenu_fitting {
  display: table;
  width: 100%;
  box-sizing: border-box;
}
.itemMenu .itemMenuHeader select {
  width: 100%;
  border-right: none;
}
.itemMenu .itemMenuHeader p {
  padding: 0;
}
.itemMenu .itemMenuHeader #roomVariationList,
.itemMenu .itemMenuHeader #structureVariationList {
  width: 130px;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  border-top: 1px solid #888;
  padding-top: 10px;
  margin: 0 auto;
}
.itemMenu .itemMenuHeader #roomVariationList input,
.itemMenu .itemMenuHeader #structureVariationList input {
  display: none;
}
.itemMenu .itemMenuHeader #roomVariationList label,
.itemMenu .itemMenuHeader #structureVariationList label {
  font-size: 14px;
  width: 60px;
  height: 28px;
  box-sizing: border-box;
  border: 1px solid #888;
  color: #888;
  text-align: center;
  display: table;
  margin-bottom: 4px;
  cursor: pointer;
}
.itemMenu .itemMenuHeader #roomVariationList label .en,
.itemMenu .itemMenuHeader #structureVariationList label .en {
  font-size: 11px;
}
.itemMenu .itemMenuHeader #roomVariationList label.notAllowed,
.itemMenu .itemMenuHeader #structureVariationList label.notAllowed {
  opacity: 0.4;
  cursor: not-allowed;
}
.itemMenu .itemMenuHeader #roomVariationList label:not(.notAllowed).is-active,
.itemMenu .itemMenuHeader #roomVariationList input[type=radio]:checked + label,
.itemMenu .itemMenuHeader #structureVariationList label:not(.notAllowed).is-active,
.itemMenu .itemMenuHeader #structureVariationList input[type=radio]:checked + label {
  background: #888;
  color: #fff;
}
.itemMenu .itemMenuHeader #roomVariationList label > span,
.itemMenu .itemMenuHeader #structureVariationList label > span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
@media all and (-ms-high-contrast: none) {
  .itemMenu .itemMenuHeader #roomVariationList label > span > span,
  .itemMenu .itemMenuHeader #structureVariationList label > span > span {
    vertical-align: bottom;
    line-height: 10px;
  }
}

/*===========================================================================
itemMenu Parts
============================================================================*/
/* itemMenuBtns */
.itemMenuBtns {
  font-size: 0;
}

/*
itemMenuCheckbox
itemMenuRange
 */
.itemMenuCheckbox,
.itemMenuRange {
  zoom: 1;
}
.itemMenuCheckbox:after,
.itemMenuRange:after {
  content: "";
  display: table;
  clear: both;
}
.itemMenuCheckbox label,
.itemMenuRange label {
  display: block;
  margin: 5px 0 15px;
  float: left;
  width: 100%;
}
.itemMenuCheckbox input[type=checkbox],
.itemMenuRange input[type=checkbox] {
  margin: 0 5px;
  display: inline-block;
  vertical-align: middle;
}
.itemMenuCheckbox input[type=range],
.itemMenuRange input[type=range] {
  margin: 5px 0;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
.itemMenuCheckbox .labelName,
.itemMenuRange .labelName {
  display: inline-block;
  color: #777;
  font-size: 11px;
  vertical-align: middle;
}

/* itemMenuBtn */
.itemMenuBtn {
  position: relative;
  width: 105px;
  height: 90px;
  box-sizing: border-box;
  margin: 4px 4px 4px 14px;
  padding: 0;
  line-height: 1;
  color: #888;
  background-color: #fff;
  border: 1px solid #888;
  vertical-align: top;
  overflow: hidden;
  cursor: pointer;
  transition: 0.2s;
}
.itemMenuBtn:hover {
  border: 3px solid #fd8220;
}

.itemMenuBtn img {
  width: 90px;
  height: 90px;
  margin: -1px 0 0 -1px;
}

.itemMenuModeBtnBox {
  zoom: 1;
  margin: 5px 0 10px;
  margin-right: 4px;
  border-bottom: 1px solid #888;
}
.itemMenuModeBtnBox:after {
  content: "";
  display: table;
  clear: both;
}

.itemMenuModeBtnBox.noBorderBottom {
  border-bottom: none;
  margin-bottom: 0;
}

.itemMenuModeBtnBox input {
  display: none;
}

.itemMenuModeBtn {
  display: inline-block;
  float: left;
  width: 50px;
  margin-bottom: 10px;
  background: none;
  border: 1px solid transparent;
  box-sizing: border-box;
  cursor: pointer;
}

.itemMenuModeBtn.btn2col {
  float: none;
  width: 100%;
}

.itemMenuModeBtn:nth-of-type(odd) {
  float: right;
}

.itemMenuModeBtn:hover .imgBox,
.itemMenuModeBtnBox input[type=radio]:checked + label .imgBox {
  border-color: #A6A6A6;
  background: #A6A6A6;
}

.itemMenuModeBtnBox .imgBox {
  border: 1px solid #777;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.itemMenuModeBtn.btn2col .imgBox {
  width: 108px;
}

.itemMenuModeBtnName {
  color: #777;
  font-size: 10px;
  padding-top: 6px;
  text-align: center;
  line-height: 1.2;
}

.itemMenuFuncBtns {
  margin: 10px 4px 10px 0;
}

.itemMenuFuncBtns button {
  border: 1px solid #888;
  background: #fff;
  width: 100%;
  padding: 3px 0;
  line-height: 1;
  font-size: 12px;
  color: #888;
  height: 27px;
  box-sizing: border-box;
}

.itemMenuFuncBtns button:hover {
  color: #fff;
  background: #A6A6A6;
}

.itemMenuFuncBtns select {
  border: 1px solid #888 !important;
  background: #fff;
  width: 100%;
  line-height: 1;
  font-size: 12px;
  color: #000;
  height: 27px;
  box-sizing: border-box;
}

/* itemMenuBtnNoFrame */
.itemMenuBtnNoFrame {
  display: block;
  border: none;
  background: none;
  height: 40px;
  width: 120px;
  margin-bottom: 10px;
  padding: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  cursor: pointer;
  white-space: nowrap;
  border: 1px solid #A6A6A6;
  color: #A6A6A6;
}

.itemMenuModeBtnBox input[type=radio]:checked + .itemMenuBtnNoFrame,
.itemMenuBtnNoFrame:hover {
  background: #A6A6A6;
  color: #fff;
}

.itemMenuBtnNoFrame .imgBox,
.itemMenuBtnNoFrame .btnText {
  vertical-align: middle;
  display: inline-block;
  height: 100%;
}

.itemMenuBtnNoFrame .imgBox {
  text-align: center;
  min-width: 30px;
  width: auto;
  border: none;
}

.itemMenuBtnNoFrame .btnText {
  line-height: 30px;
  padding-left: 3px;
  font-size: 13px;
}

.itemMenu #samplePictureInput {
  display: none;
}

.itemMenu button:disabled {
  pointer-events: none;
  opacity: 0.4;
  background: #cccccc;
}

/*=============================================
itemMenuCategories
=============================================*/
#itemMenuCategories label.notAllowed {
  cursor: not-allowed;
}
#itemMenuCategories label.notAllowed .icon {
  opacity: 0.2;
}
#itemMenuCategories label.notAllowed .itemCategoryName {
  opacity: 0.2;
}

#itemChangeMenuWrap label.notAllowed {
  cursor: not-allowed;
}
#itemChangeMenuWrap label.notAllowed .icon {
  opacity: 0.2;
}
#itemChangeMenuWrap label.notAllowed .iconName {
  opacity: 0.3;
}

/*===========================================================================
[3D]tabDialog
3Dの左メニューを開いた中身
（すみません、元々ダイアログだったものが変更になったため名前がおかしいです。）
============================================================================*/
.tabDialog {
  width: 272px;
  transform: translateX(-272px);
  background: #fff;
  border: 1px solid #b0b0b0;
}
.tabDialog#itemChangeMenu_height {
  width: 720px;
  transform: translateX(-700px);
}
.tabDialog#itemChangeMenu_height .buildingHeightNotes {
  color: #FF0000;
  font-size: 11px;
  margin-left: auto;
  margin-right: auto;
}
.tabDialog#itemChangeMenu_roof {
  width: 332px;
  transform: translateX(-700px);
}
.tabDialog#itemChangeMenu_gaiheki {
  width: 392px;
  transform: translateX(-372px);
}
.tabDialog#itemChangeMenu_naiheki {
  width: 260px;
  transform: translateX(-240px);
}
.tabDialog.decoration_dialog {
  width: 350px;
  transform: translateX(-370px);
}
.tabDialog.decoration_dialog label:first-of-type {
  margin-left: 10px;
}
.tabDialog.inner_decoration_dialog label:first-of-type {
  margin-left: 10px;
}
.tabDialog .dialogTitle {
  color: #878787;
  padding-left: 10px;
  font-size: 12px;
  font-weight: normal;
}
.tabDialog .leftMenuBody {
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 10px;
}
.tabDialog .tabMenu {
  zoom: 1;
  padding: 10px 0 0;
  margin: 0 10px;
  font-size: 0;
  border-bottom: 2px solid #dadada;
}
.tabDialog .tabMenu:after {
  content: "";
  display: table;
  clear: both;
}
.tabDialog input[type=radio] {
  display: none;
}
.tabDialog label {
  float: left;
  margin: 0 0 10px 10px;
  background: 0;
  box-sizing: border-box;
  cursor: pointer;
}
.tabDialog label:first-of-type {
  margin-left: 0;
}
.tabDialog .iconBox {
  display: table-cell;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  vertical-align: middle;
  border: 1px solid #A6A6A6;
  background: #fff;
}
.tabDialog input[type=radio]:not(:disabled) + label:hover .iconBox,
.tabDialog input[type=radio]:not(:disabled):checked + label .iconBox {
  border-color: #A6A6A6;
  background: #A6A6A6;
}
.tabDialog .iconName {
  color: #777;
  font-size: 10px;
  padding-top: 6px;
  text-align: center;
  line-height: 1.2;
}
.tabDialog .tabContentsWrap .tabContents {
  margin: 0 10px;
  overflow: hidden;
}
.tabDialog .tabContentsWrap .tabContents > ul {
  zoom: 1;
  margin-right: -10px;
  margin-top: 10px;
}
.tabDialog .tabContentsWrap .tabContents > ul:after {
  content: "";
  display: table;
  clear: both;
}
.tabDialog .tabContentsWrap #tabInnerFloor ul {
  margin-right: 0px;
}
.tabDialog .tabContentsWrap .tabContents > .category {
  width: calc(100% - 1px);
  height: 28px;
  margin-top: 10px;
  margin-bottom: 10px;
  float: left;
  color: #fff;
  background-color: #A6A6A6;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tabDialog .tabContentsWrap .tabContents > .category:first-of-type {
  margin-top: 30px;
  margin-bottom: 10px;
}
.tabDialog .tabContentsWrap .tabContents > ul > li {
  float: left;
  width: 50px;
  height: 50px;
  margin: 0 10px 10px 0;
}
.tabDialog .tabContentsWrap .tabContents > ul > li button {
  width: 100%;
  height: 100%;
  background: 0;
  border: 1px solid #ccc;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  position: relative;
}
.tabDialog .tabContentsWrap .tabContents > ul > li button img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.tabDialog .tabContentsWrap .tabContents > ul > li button .texture {
  width: 100%;
  height: 100%;
}
.tabDialog .tabContentsWrap .tabContents > ul > li button .currentFrame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: 3px solid transparent;
}
.tabDialog .tabContentsWrap .tabContents > ul > li button p:last-of-type {
  display: none;
}
.tabDialog .tabContentsWrap .tabContents > ul > li.category {
  width: 100%;
  height: 65px;
}
.tabDialog .tabContentsWrap .tabContents > ul > li.category button {
  width: 100%;
  height: 100%;
  background: 0;
  border: 1px solid #ccc;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.tabDialog .tabContentsWrap .tabContents > ul > li.category button img {
  width: 48px;
  height: 48px;
  float: left;
  margin: 5px 5px 5px 5px;
}
.tabDialog .tabContentsWrap .tabContents > ul > li.category button .texture {
  width: 100%;
  height: 100%;
}
.tabDialog .tabContentsWrap .tabContents > ul > li.category button .currentFrame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: 3px solid transparent;
}
.tabDialog .tabContentsWrap .tabContents > ul > li.category button p {
  display: block;
  float: left;
  color: #000;
  margin-left: 9px;
  font-size: 12px;
}
.tabDialog .tabContentsWrap .tabContents > ul > li.category.is-active .currentFrame {
  border-color: #fd8220;
}
.tabDialog .tabContentsWrap .tabContents > ul > li.is-active .currentFrame {
  border-color: #fd8220;
}
.tabDialog .pagerWrap {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  padding: 10px 0;
  width: 100%;
}
.tabDialog .pagerWrap li {
  display: inline-block;
  margin: 0 15px;
  vertical-align: middle;
  color: #858585;
  font-size: 18px;
}
.tabDialog .pagerWrap .btnPrev,
.tabDialog .pagerWrap .btnNext {
  cursor: pointer;
}
.tabDialog .pagerWrap .btnPrev:hover,
.tabDialog .pagerWrap .btnNext:hover {
  opacity: 0.7;
}
.tabDialog .roofAlert {
  color: red;
  font-size: 12px;
  line-height: 150%;
}

#roofNote {
  display: none;
  left: 10px;
  top: 10px;
  position: relative;
}

/*===========================================================================
汎用タブ
============================================================================*/
.tabContentsGroup .tabContent {
  display: none;
}

/*===========================================================================
[3D]屋根形状メニュー
============================================================================*/
#tabRoofShape .roofHorizontalEvesCheck {
  position: relative;
  top: 5px;
  float: right;
}
#tabRoofShape .roofHorizontalEvesCheck label {
  float: right;
  color: #878787;
  font-size: 12px;
  font-weight: normal;
  padding: 5px 0px;
}
#tabRoofShape .title {
  padding: 10px 0;
  text-align: left;
  color: #878787;
  font-size: 12px;
  font-weight: normal;
}
#tabRoofShape .roofShapeTabmenu {
  zoom: 1;
  border-bottom: 2px solid #dadada;
}
#tabRoofShape .roofShapeTabmenu:after {
  content: "";
  display: table;
  clear: both;
}
#tabRoofShape .nokideSettingBox,
#tabRoofShape .koubaiSettingBox {
  position: relative;
  width: 100%;
  height: 165px;
  box-sizing: border-box;
  border: 1px solid #B0B0B0;
  background: no-repeat 14px 22px;
  margin-bottom: 20px;
}
#tabRoofShape #tabContentRoofShapeYosemune,
#tabRoofShape #tabContentRoofShapeYokogiri,
#tabRoofShape #tabContentRoofShapeTategiri,
#tabRoofShape #tabContentRoofShapeKatanagare {
  border-bottom: 2px solid #dadada;
}
#tabRoofShape #tabContentRoofShapeYosemune .nokideSettingBox {
  background-image: url(../assets//yosemune_detail.jpg);
}
#tabRoofShape #tabContentRoofShapeYokogiri .nokideSettingBox {
  background-image: url(../assets//yokogiri_detail.jpg);
}
#tabRoofShape #tabContentRoofShapeTategiri .nokideSettingBox {
  background-image: url(../assets//tategiri_detail.jpg);
}
#tabRoofShape #tabContentRoofShapeKatanagare .nokideSettingBox {
  background-image: url(../assets//katanagare_detail.jpg);
}
#tabRoofShape #tabContentRoofShapeYosemune .koubaiSettingBox,
#tabRoofShape #tabContentRoofShapeYokogiri .koubaiSettingBox,
#tabRoofShape #tabContentRoofShapeTategiri .koubaiSettingBox,
#tabRoofShape #tabContentRoofShapeKatanagare .koubaiSettingBox {
  background-image: url(../assets//koubai_detail.jpg);
}
#tabRoofShape #tabContentRoofShapeYosemune .koubaiSettingBox .jyussun,
#tabRoofShape #tabContentRoofShapeYokogiri .koubaiSettingBox .jyussun,
#tabRoofShape #tabContentRoofShapeTategiri .koubaiSettingBox .jyussun,
#tabRoofShape #tabContentRoofShapeKatanagare .koubaiSettingBox .jyussun {
  position: absolute;
  left: 80px;
  bottom: 25px;
  color: #858585;
  font-size: 12px;
}
#tabRoofShape .nokideSet,
#tabRoofShape .tsumadeSet,
#tabRoofShape .koubaiSet,
#tabRoofShape .directionSet {
  position: absolute;
  color: #878787;
  font-size: 12px;
}
#tabRoofShape .nokideSet label,
#tabRoofShape .tsumadeSet label,
#tabRoofShape .koubaiSet label,
#tabRoofShape .directionSet label {
  display: block;
  float: none;
  margin: 0;
  line-height: 1.5;
  cursor: auto;
}
#tabRoofShape .nokideSet input,
#tabRoofShape .nokideSet select,
#tabRoofShape .tsumadeSet input,
#tabRoofShape .tsumadeSet select,
#tabRoofShape .koubaiSet input,
#tabRoofShape .koubaiSet select,
#tabRoofShape .directionSet input,
#tabRoofShape .directionSet select {
  display: inline-block;
  width: 60px;
  text-align: center;
  margin-right: 5px;
  vertical-align: bottom;
  color: #000;
  font-size: 20px;
  font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#tabRoofShape #tabContentRoofShapeYosemune .nokideSet {
  top: 50px;
  left: 195px;
}
#tabRoofShape #tabContentRoofShapeYosemune .tsumadeSet {
  top: 50px;
  left: 195px;
}
#tabRoofShape #tabContentRoofShapeYokogiri .nokideSet,
#tabRoofShape #tabContentRoofShapeTategiri .nokideSet,
#tabRoofShape #tabContentRoofShapeKatanagare .nokideSet {
  top: 20px;
  left: 195px;
}
#tabRoofShape #tabContentRoofShapeYokogiri .tsumadeSet,
#tabRoofShape #tabContentRoofShapeTategiri .tsumadeSet,
#tabRoofShape #tabContentRoofShapeKatanagare .tsumadeSet {
  top: 80px;
  left: 195px;
}
#tabRoofShape .koubaiSet {
  top: 50px;
  left: 195px;
}
#tabRoofShape #tabContentRoofShapeKatanagare #roofDirectionController {
  width: 177px;
  height: 120px;
  cursor: pointer;
  position: absolute;
  top: 22px;
  left: 14px;
}
#tabRoofShape #tabContentRoofShapeKatanagare #roofDirectionController .roofDirection {
  position: absolute;
  top: 33px;
  left: 76px;
  transition: 0.2s;
  transform: rotateZ(0deg);
}
#tabRoofShape #tabContentRoofShapeKatanagare #roofDirectionController:hover .roofDirection {
  opacity: 0.7;
}
#tabRoofShape .btnSet {
  margin-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}
#tabRoofShape .btnSet button {
  background: #888;
  border: none;
  margin: 0 5px;
  padding: 5px;
  min-width: 80px;
  color: #fff;
  cursor: pointer;
}

/*===========================================================================
[3D&2D]装飾オプション
============================================================================*/
.decoration_dialog #tabDesignOptions .buildingStyle_attention,
.decoration_dialog #tabInnerDesignOptions .buildingStyle_attention,
.inner_decoration_dialog #tabDesignOptions .buildingStyle_attention,
.inner_decoration_dialog #tabInnerDesignOptions .buildingStyle_attention {
  font-size: 13px;
  color: #770000;
  padding-top: 10px !important;
  float: left;
}
.decoration_dialog #tabDesignOptions .title,
.decoration_dialog #tabInnerDesignOptions .title,
.inner_decoration_dialog #tabDesignOptions .title,
.inner_decoration_dialog #tabInnerDesignOptions .title {
  padding: 10px 0;
  text-align: left;
  color: #878787;
  font-size: 12px;
  font-weight: normal;
}
.decoration_dialog #tabDesignOptions .tabContents > input[type=checkbox],
.decoration_dialog #tabInnerDesignOptions .tabContents > input[type=checkbox],
.inner_decoration_dialog #tabDesignOptions .tabContents > input[type=checkbox],
.inner_decoration_dialog #tabInnerDesignOptions .tabContents > input[type=checkbox] {
  display: none;
}
.decoration_dialog #tabDesignOptions .tabContents > input[type=checkbox] + label,
.decoration_dialog #tabInnerDesignOptions .tabContents > input[type=checkbox] + label,
.inner_decoration_dialog #tabDesignOptions .tabContents > input[type=checkbox] + label,
.inner_decoration_dialog #tabInnerDesignOptions .tabContents > input[type=checkbox] + label {
  margin: 10px 0 0;
}
.decoration_dialog #tabDesignOptions .tabContents > input[type=radio]:checked + label .iconBox,
.decoration_dialog #tabInnerDesignOptions .tabContents > input[type=radio]:checked + label .iconBox,
.inner_decoration_dialog #tabDesignOptions .tabContents > input[type=radio]:checked + label .iconBox,
.inner_decoration_dialog #tabInnerDesignOptions .tabContents > input[type=radio]:checked + label .iconBox {
  border: none;
  background: none;
}
.decoration_dialog #tabDesignOptions .tabContents > label,
.decoration_dialog #tabInnerDesignOptions .tabContents > label,
.inner_decoration_dialog #tabDesignOptions .tabContents > label,
.inner_decoration_dialog #tabInnerDesignOptions .tabContents > label {
  position: relative;
  display: table;
  width: 100%;
  table-layout: fixed;
  border: 1px solid #ccc;
  padding: 5px;
  margin-left: 0;
}
.decoration_dialog #tabDesignOptions .tabContents > label .iconBox,
.decoration_dialog #tabInnerDesignOptions .tabContents > label .iconBox,
.inner_decoration_dialog #tabDesignOptions .tabContents > label .iconBox,
.inner_decoration_dialog #tabInnerDesignOptions .tabContents > label .iconBox {
  display: table-cell;
  border: none;
}
.decoration_dialog #tabDesignOptions .tabContents > label .iconBox img,
.decoration_dialog #tabInnerDesignOptions .tabContents > label .iconBox img,
.inner_decoration_dialog #tabDesignOptions .tabContents > label .iconBox img,
.inner_decoration_dialog #tabInnerDesignOptions .tabContents > label .iconBox img {
  display: block;
  border: 1px solid #ccc;
  width: 50px !important;
  height: 50px !important;
}
.decoration_dialog #tabDesignOptions .tabContents > label .iconBox .currentFrame,
.decoration_dialog #tabInnerDesignOptions .tabContents > label .iconBox .currentFrame,
.inner_decoration_dialog #tabDesignOptions .tabContents > label .iconBox .currentFrame,
.inner_decoration_dialog #tabInnerDesignOptions .tabContents > label .iconBox .currentFrame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.decoration_dialog #tabDesignOptions .tabContents > label .iconName,
.decoration_dialog #tabInnerDesignOptions .tabContents > label .iconName,
.inner_decoration_dialog #tabDesignOptions .tabContents > label .iconName,
.inner_decoration_dialog #tabInnerDesignOptions .tabContents > label .iconName {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding-left: 10px;
  padding-top: 0;
}
.decoration_dialog #tabDesignOptions .tabContents > label:hover .iconBox,
.decoration_dialog #tabInnerDesignOptions .tabContents > label:hover .iconBox,
.inner_decoration_dialog #tabDesignOptions .tabContents > label:hover .iconBox,
.inner_decoration_dialog #tabInnerDesignOptions .tabContents > label:hover .iconBox {
  border: none;
  background: none;
}
.decoration_dialog #tabDesignOptions .tabContents > input:checked + label .currentFrame,
.decoration_dialog #tabInnerDesignOptions .tabContents > input:checked + label .currentFrame,
.inner_decoration_dialog #tabDesignOptions .tabContents > input:checked + label .currentFrame,
.inner_decoration_dialog #tabInnerDesignOptions .tabContents > input:checked + label .currentFrame {
  border: 3px solid #fd8220;
  box-sizing: border-box;
  background-image: url(../assets/icon_check.png);
  background-repeat: no-repeat;
  background-size: 20px auto;
  background-position-x: 99%;
  background-position-y: 2px;
}
.decoration_dialog #tabInnerDesignOptions #tabInnerDesignLighting .iconBox,
.inner_decoration_dialog #tabInnerDesignOptions #tabInnerDesignLighting .iconBox {
  width: 0px;
}
.decoration_dialog #tabInnerDesignOptions #tabInnerDesignLighting .iconName,
.inner_decoration_dialog #tabInnerDesignOptions #tabInnerDesignLighting .iconName {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 0;
}
.decoration_dialog #tabInnerDesignOptions .tabContents > input[type=checkbox] + label,
.inner_decoration_dialog #tabInnerDesignOptions .tabContents > input[type=checkbox] + label {
  margin: 0px;
}
.decoration_dialog .btnSet,
.inner_decoration_dialog .btnSet {
  margin-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}
.decoration_dialog .btnSet button,
.inner_decoration_dialog .btnSet button {
  background: #888;
  border: none;
  margin: 0 5px;
  padding: 5px;
  min-width: 80px;
  color: #fff;
  cursor: pointer;
}
.decoration_dialog .tabContent .iconName,
.inner_decoration_dialog .tabContent .iconName {
  font-size: 14px;
}

/*===========================================================================
[2D]webcad2dView
============================================================================*/
#webcad2dView {
  float: right;
  position: relative;
}

#webcad2dViewInner {
  width: 100%;
  height: 100%;
  overflow: scroll;
}

#webcad2dViewInner > svg {
  vertical-align: top;
}

#svgContainer,
#lib_gridLinev,
#lib_gridLineh,
#lib_mergeGridLineh,
#lib_mergeGridLinev,
#lib_snapRefLine,
#lib_snapRefLineh,
#lib_snapRefLinev,
#lib_snapRefLinec,
#lib_assistLine {
  display: none;
}

.patternContainer {
  display: block;
}

.roomDragInputText {
  font-size: 12px;
}

/*===========================================================================
[2D]compassBox
============================================================================*/
#compassBox {
  position: absolute;
  top: 80px;
  right: 20px;
  zoom: 1;
}
#compassBox.disabled {
  opacity: 0.2;
}

#compassBoxMenu {
  position: absolute;
  top: 200px;
  right: 50px;
  zoom: 1;
}

/*===========================================================================
[2D]重なったアイテムの一覧
============================================================================*/
#overlapItemListContainer {
  display: none;
  background-color: #fff;
  border: 3px solid #888;
  width: fit-content;
  position: absolute;
  border-radius: 5px;
}
#overlapItemListContainer ul li {
  padding: 5px;
  border-bottom: 1px solid #888;
}
#overlapItemListContainer ul li:last-child {
  border: none;
}
#overlapItemListContainer ul li:hover {
  background-color: #bbb;
  color: #FFF;
}
#overlapItemListContainer ul .hovered {
  background-color: #bbb;
  color: #FFF;
}

/*===========================================================================
webcad3dView
============================================================================*/
#webcad3dViewWrapper {
  float: right;
  background-color: #EEEEEE;
}

#webcad3dView {
  overflow: hidden;
  position: relative;
  cursor: url(../assets//img/grab.cur), move;
  /*===========================================================================
  topview(内観モードのミニマップ)
  ============================================================================*/
  /*===========================================================================
  [3D]camera_controls
  内観モードの移動用コントローラ
  ============================================================================*/
}
#webcad3dView #topview {
  position: fixed;
  padding: 0px;
  margin: 0px;
  width: 320px;
  height: 240px;
  opacity: 1;
  top: 100px;
  right: 20px;
  visibility: visible;
  background: rgba(255, 255, 255, 0.2);
  overflow: hidden;
}
#webcad3dView #topView2d_1,
#webcad3dView #topView2d_2,
#webcad3dView #topView2d_3,
#webcad3dView #topview_current {
  position: absolute;
}
#webcad3dView #topView2d_1 {
  display: block;
}
#webcad3dView #topview_current {
  top: -22.5px;
  left: -22.5px;
  z-index: 5001;
}
#webcad3dView #topview_1,
#webcad3dView #topview_2,
#webcad3dView #topview_3 {
  position: absolute !important;
  z-index: 5000;
}
#webcad3dView #camera_controls canvas {
  width: 100%;
}

/*===========================================================================
layout dialog and modal
============================================================================*/
#modalBg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #000;
  opacity: 0.6;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 9999;
}

#modalBgForRoomSelect {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998;
}

#modalBgForRoomSelect_fill {
  fill: #000;
  fill-opacity: 0.6;
}

#modalBgForRoomSelect_path {
  fill: none;
  stroke-width: 3;
  stroke: #3598DC;
}

#modalBgForRoomSelect_line {
  stroke-width: 3;
  stroke: #3598DC;
}

.dialogBox {
  display: none;
  z-index: 10000;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #fff;
  box-shadow: 3px 3px 7px 0px #000000;
  -moz-box-shadow: 3px 3px 7px 0px #000000;
  -webkit-box-shadow: 3px 3px 7px 0px #000000;
  line-height: 1.5;
}

#modalBg.forSiteDotInputDialog {
  opacity: 0 !important;
}

/*===========================================================================
component dialog and modal
============================================================================*/
.dialogHeader {
  background: #888;
  zoom: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  display: inline-block;
  position: relative;
  height: 40px;
}

.dialogTitle {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 40px;
  padding: 0 100px 0 15px;
  white-space: nowrap;
}

.dialogClose {
  position: absolute;
  top: 4px;
  right: 4px;
}

.dialogCloseBtn {
  width: 32px;
  height: 32px;
  background: none;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: none;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
}

.dialogBody,
.dialogFooter {
  padding: 10px;
  display: inline-block;
}

.dialogBody {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.dialogBody .notationMessage {
  padding: 6px;
  text-align: center;
  font-size: 14px;
  line-height: 1.3;
}

.dialogFooter {
  text-align: center;
}

.dialogFooter button {
  background: #888;
  border: none;
  margin: 0 5px;
  padding: 0 0;
  min-width: 80px;
  color: #fff;
  line-height: 30px;
}

.dialogBox button {
  cursor: pointer;
}
.dialogBox button:hover {
  opacity: 0.75;
}
.dialogBox button.processing {
  background-color: #f8a60f;
}
.dialogBox button.processing:hover {
  opacity: inherit;
}

.dialogInlineError {
  font-size: 12px;
  color: #FF0000;
  text-align: right;
  height: 20px;
  padding-top: 5px;
}

/*===========================================================================
project dialog and modal
============================================================================*/
/*-------------------------
[2D]dialogPlanAreaTable
-------------------------*/
#dialogPlanAreaInfo .dialogPlanAreaTable,
#dialogSiteBaseAndLength .dialogPlanAreaTable {
  padding: 10px 10px;
}
#dialogPlanAreaInfo .dialogPlanAreaTable > div:nth-of-type(1),
#dialogSiteBaseAndLength .dialogPlanAreaTable > div:nth-of-type(1) {
  width: 240px;
}
#dialogPlanAreaInfo .dialogPlanAreaTable > div:nth-of-type(1) > div:nth-of-type(1),
#dialogSiteBaseAndLength .dialogPlanAreaTable > div:nth-of-type(1) > div:nth-of-type(1) {
  /*font-size: 1.0rem;*/
}
#dialogPlanAreaInfo .dialogPlanAreaTable > div:nth-of-type(1) > div:nth-of-type(2) form,
#dialogSiteBaseAndLength .dialogPlanAreaTable > div:nth-of-type(1) > div:nth-of-type(2) form {
  line-height: 1.5rem;
}
#dialogPlanAreaInfo .dialogPlanAreaTable > div:nth-of-type(1) > div:nth-of-type(2) form input[type=radio],
#dialogSiteBaseAndLength .dialogPlanAreaTable > div:nth-of-type(1) > div:nth-of-type(2) form input[type=radio] {
  width: 20px;
}
#dialogPlanAreaInfo .dialogPlanAreaTable > div:nth-of-type(1) > div:nth-of-type(2) form input.cordInp,
#dialogSiteBaseAndLength .dialogPlanAreaTable > div:nth-of-type(1) > div:nth-of-type(2) form input.cordInp {
  width: 45%;
  margin-left: 10px;
}
#dialogPlanAreaInfo .dialogPlanAreaTable table,
#dialogSiteBaseAndLength .dialogPlanAreaTable table {
  width: 300px;
  table-layout: fixed;
}
#dialogPlanAreaInfo .dialogPlanAreaTable .summary,
#dialogSiteBaseAndLength .dialogPlanAreaTable .summary {
  font-weight: bold;
  border-bottom: 1px solid #888;
}
#dialogPlanAreaInfo .dialogPlanAreaTable th, #dialogPlanAreaInfo .dialogPlanAreaTable td,
#dialogSiteBaseAndLength .dialogPlanAreaTable th,
#dialogSiteBaseAndLength .dialogPlanAreaTable td {
  color: #878787;
  font-size: 18px;
  line-height: 1;
  padding: 5px 10px;
  border-bottom: 1px solid #888;
  text-align: center;
}
#dialogPlanAreaInfo .dialogPlanAreaTable th .en, #dialogPlanAreaInfo .dialogPlanAreaTable td .en,
#dialogSiteBaseAndLength .dialogPlanAreaTable th .en,
#dialogSiteBaseAndLength .dialogPlanAreaTable td .en {
  font-size: 16px;
}
#dialogPlanAreaInfo .dialogPlanAreaTable tr:last-child th, #dialogPlanAreaInfo .dialogPlanAreaTable tr:last-child td,
#dialogSiteBaseAndLength .dialogPlanAreaTable tr:last-child th,
#dialogSiteBaseAndLength .dialogPlanAreaTable tr:last-child td {
  border-bottom: none;
  border-collapse: separate;
}
#dialogPlanAreaInfo .dialogPlanAreaTable th,
#dialogSiteBaseAndLength .dialogPlanAreaTable th {
  border-left: 2px solid #c4c4c4;
}
#dialogPlanAreaInfo .dialogPlanAreaTable th:first-of-type,
#dialogSiteBaseAndLength .dialogPlanAreaTable th:first-of-type {
  border-left: none;
}
#dialogPlanAreaInfo .dialogPlanAreaTable.madori th, #dialogPlanAreaInfo .dialogPlanAreaTable.madori td,
#dialogSiteBaseAndLength .dialogPlanAreaTable.madori th,
#dialogSiteBaseAndLength .dialogPlanAreaTable.madori td {
  padding: 5px 20px;
  font-weight: bold;
}
#dialogPlanAreaInfo .dialogPlanAreaTable.madori th,
#dialogSiteBaseAndLength .dialogPlanAreaTable.madori th {
  text-align: right;
}
#dialogPlanAreaInfo .dialogPlanAreaTable.madori td,
#dialogSiteBaseAndLength .dialogPlanAreaTable.madori td {
  text-align: left;
  border-left: 2px solid #c4c4c4;
}
#dialogPlanAreaInfo .dialogPlanAreaTable.menseki,
#dialogSiteBaseAndLength .dialogPlanAreaTable.menseki {
  background-color: #F2F2F2;
}
#dialogPlanAreaInfo .dialogPlanAreaTable.menseki form input,
#dialogSiteBaseAndLength .dialogPlanAreaTable.menseki form input {
  margin-bottom: 5px;
  text-align: right;
  padding-right: 5px;
}
#dialogPlanAreaInfo .dialogPlanAreaTable.menseki .calculatedView,
#dialogSiteBaseAndLength .dialogPlanAreaTable.menseki .calculatedView {
  margin-top: 5px;
  width: 100%;
}
#dialogPlanAreaInfo .dialogPlanAreaTable.menseki .calculatedView form,
#dialogSiteBaseAndLength .dialogPlanAreaTable.menseki .calculatedView form {
  display: inline-block;
  width: 78%;
}
#dialogPlanAreaInfo .dialogPlanAreaTable.menseki .calculatedView form input,
#dialogSiteBaseAndLength .dialogPlanAreaTable.menseki .calculatedView form input {
  width: 60%;
  border: none;
}
#dialogPlanAreaInfo .dialogPlanAreaTable.menseki .calculatedView .altitudeView,
#dialogSiteBaseAndLength .dialogPlanAreaTable.menseki .calculatedView .altitudeView {
  display: inline-block;
  width: 38px;
}
#dialogPlanAreaInfo .dialogPlanAreaTable.menseki .calculatedView .altitudeView + form input,
#dialogSiteBaseAndLength .dialogPlanAreaTable.menseki .calculatedView .altitudeView + form input {
  margin-bottom: 0;
}
#dialogPlanAreaInfo .dialogPlanAreaTable.menseki .calculatedView .areaView,
#dialogSiteBaseAndLength .dialogPlanAreaTable.menseki .calculatedView .areaView {
  width: 38px;
  display: inline-block;
}
#dialogPlanAreaInfo .dialogPlanAreaTable.menseki .calculatedView .areaView::before,
#dialogSiteBaseAndLength .dialogPlanAreaTable.menseki .calculatedView .areaView::before {
  border-top: 1px solid #000;
}

/*-------------------------
[2D]dialogShitaeController
-------------------------*/
#dialogShitaeController,
#dialogShitaeController2,
#dialogTempLidarPinController {
  top: auto;
  left: auto;
  bottom: 45px;
  right: 0;
}
#dialogShitaeController .dialogTitle,
#dialogShitaeController2 .dialogTitle,
#dialogTempLidarPinController .dialogTitle {
  font-size: 12px;
  font-weight: normal;
}
#dialogShitaeController .dialogBody,
#dialogShitaeController2 .dialogBody,
#dialogTempLidarPinController .dialogBody {
  zoom: 1;
  width: 360px;
}
#dialogShitaeController .dialogBody:after,
#dialogShitaeController2 .dialogBody:after,
#dialogTempLidarPinController .dialogBody:after {
  content: "";
  display: table;
  clear: both;
}
#dialogShitaeController .dialogBody button:hover,
#dialogShitaeController2 .dialogBody button:hover,
#dialogTempLidarPinController .dialogBody button:hover {
  opacity: 0.7;
}
#dialogShitaeController .dialogBody .controllerLeft,
#dialogShitaeController .dialogBody .controllerRight,
#dialogShitaeController2 .dialogBody .controllerLeft,
#dialogShitaeController2 .dialogBody .controllerRight,
#dialogTempLidarPinController .dialogBody .controllerLeft,
#dialogTempLidarPinController .dialogBody .controllerRight {
  width: 170px;
}
#dialogShitaeController .dialogBody .controllerLeft .controllerSubttl,
#dialogShitaeController .dialogBody .controllerRight .controllerSubttl,
#dialogShitaeController2 .dialogBody .controllerLeft .controllerSubttl,
#dialogShitaeController2 .dialogBody .controllerRight .controllerSubttl,
#dialogTempLidarPinController .dialogBody .controllerLeft .controllerSubttl,
#dialogTempLidarPinController .dialogBody .controllerRight .controllerSubttl {
  color: #868686;
  font-size: 12px;
  text-align: left;
  border-bottom: 2px solid #dadada;
  line-height: 1;
  padding: 5px 0 10px;
  margin-bottom: 16px;
}
#dialogShitaeController .dialogBody .controllerLeft button,
#dialogShitaeController .dialogBody .controllerRight button,
#dialogShitaeController2 .dialogBody .controllerLeft button,
#dialogShitaeController2 .dialogBody .controllerRight button,
#dialogTempLidarPinController .dialogBody .controllerLeft button,
#dialogTempLidarPinController .dialogBody .controllerRight button {
  border-radius: 0;
  border: none;
}
#dialogShitaeController .dialogBody .controllerLeft,
#dialogShitaeController2 .dialogBody .controllerLeft,
#dialogTempLidarPinController .dialogBody .controllerLeft {
  float: left;
}
#dialogShitaeController .dialogBody .controllerLeft .btnMoveWrap,
#dialogShitaeController2 .dialogBody .controllerLeft .btnMoveWrap,
#dialogTempLidarPinController .dialogBody .controllerLeft .btnMoveWrap {
  position: relative;
  height: 150px;
  margin: 0 10px;
}
#dialogShitaeController .dialogBody .controllerLeft .btnMoveWrap .btnUp,
#dialogShitaeController .dialogBody .controllerLeft .btnMoveWrap .btnDown,
#dialogShitaeController .dialogBody .controllerLeft .btnMoveWrap .btnLeft,
#dialogShitaeController .dialogBody .controllerLeft .btnMoveWrap .btnRight,
#dialogShitaeController .dialogBody .controllerLeft .btnMoveWrap .capCenter,
#dialogShitaeController2 .dialogBody .controllerLeft .btnMoveWrap .btnUp,
#dialogShitaeController2 .dialogBody .controllerLeft .btnMoveWrap .btnDown,
#dialogShitaeController2 .dialogBody .controllerLeft .btnMoveWrap .btnLeft,
#dialogShitaeController2 .dialogBody .controllerLeft .btnMoveWrap .btnRight,
#dialogShitaeController2 .dialogBody .controllerLeft .btnMoveWrap .capCenter,
#dialogTempLidarPinController .dialogBody .controllerLeft .btnMoveWrap .btnUp,
#dialogTempLidarPinController .dialogBody .controllerLeft .btnMoveWrap .btnDown,
#dialogTempLidarPinController .dialogBody .controllerLeft .btnMoveWrap .btnLeft,
#dialogTempLidarPinController .dialogBody .controllerLeft .btnMoveWrap .btnRight,
#dialogTempLidarPinController .dialogBody .controllerLeft .btnMoveWrap .capCenter {
  width: 33px;
  height: 32px;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  white-space: nowrap;
  text-indent: 200%;
  overflow: hidden;
  background-color: #fff;
}
#dialogShitaeController .dialogBody .controllerLeft .btnMoveWrap .btnUp,
#dialogShitaeController2 .dialogBody .controllerLeft .btnMoveWrap .btnUp,
#dialogTempLidarPinController .dialogBody .controllerLeft .btnMoveWrap .btnUp {
  bottom: auto;
  background-image: url(../assets/icon.png);
  background-position: -248.5px -600px;
  width: 33px;
  height: 33px;
  background-size: 740.5px 715px;
}
#dialogShitaeController .dialogBody .controllerLeft .btnMoveWrap .btnDown,
#dialogShitaeController2 .dialogBody .controllerLeft .btnMoveWrap .btnDown,
#dialogTempLidarPinController .dialogBody .controllerLeft .btnMoveWrap .btnDown {
  top: auto;
  background-image: url(../assets/icon.png);
  background-position: -618px -544.5px;
  width: 33px;
  height: 33px;
  background-size: 740.5px 715px;
}
#dialogShitaeController .dialogBody .controllerLeft .btnMoveWrap .btnLeft,
#dialogShitaeController2 .dialogBody .controllerLeft .btnMoveWrap .btnLeft,
#dialogTempLidarPinController .dialogBody .controllerLeft .btnMoveWrap .btnLeft {
  right: auto;
  background-image: url(../assets/icon.png);
  background-position: 0px -600px;
  width: 33px;
  height: 33px;
  background-size: 740.5px 715px;
}
#dialogShitaeController .dialogBody .controllerLeft .btnMoveWrap .btnRight,
#dialogShitaeController2 .dialogBody .controllerLeft .btnMoveWrap .btnRight,
#dialogTempLidarPinController .dialogBody .controllerLeft .btnMoveWrap .btnRight {
  left: auto;
  background-image: url(../assets/icon.png);
  background-position: -71px -600px;
  width: 33px;
  height: 33px;
  background-size: 740.5px 715px;
}
#dialogShitaeController .dialogBody .controllerLeft .btnMoveWrap .capCenter,
#dialogShitaeController2 .dialogBody .controllerLeft .btnMoveWrap .capCenter,
#dialogTempLidarPinController .dialogBody .controllerLeft .btnMoveWrap .capCenter {
  width: 50px;
  height: 50px;
  border: 1px solid #B0B0B0;
  background: no-repeat center center;
  background-size: contain;
}
#dialogShitaeController .dialogBody .controllerRight,
#dialogShitaeController2 .dialogBody .controllerRight,
#dialogTempLidarPinController .dialogBody .controllerRight {
  float: right;
}
#dialogShitaeController .dialogBody .controllerRight table,
#dialogShitaeController2 .dialogBody .controllerRight table,
#dialogTempLidarPinController .dialogBody .controllerRight table {
  width: 120px;
  margin: auto;
}
#dialogShitaeController .dialogBody .controllerRight table td,
#dialogShitaeController2 .dialogBody .controllerRight table td,
#dialogTempLidarPinController .dialogBody .controllerRight table td {
  padding: 4px;
  text-align: center;
}
#dialogShitaeController .dialogBody .controllerRight table button,
#dialogShitaeController2 .dialogBody .controllerRight table button,
#dialogTempLidarPinController .dialogBody .controllerRight table button {
  width: 33px;
  height: 32px;
  white-space: nowrap;
  text-indent: 200%;
  overflow: hidden;
  background-color: #fff;
}
#dialogShitaeController .dialogBody .controllerRight table .btnRotateL,
#dialogShitaeController2 .dialogBody .controllerRight table .btnRotateL,
#dialogTempLidarPinController .dialogBody .controllerRight table .btnRotateL {
  background-image: url(../assets/icon.png);
  background-position: -106.5px -600px;
  width: 33px;
  height: 33px;
  background-size: 740.5px 715px;
}
#dialogShitaeController .dialogBody .controllerRight table .btnRotateR,
#dialogShitaeController2 .dialogBody .controllerRight table .btnRotateR,
#dialogTempLidarPinController .dialogBody .controllerRight table .btnRotateR {
  background-image: url(../assets/icon.png);
  background-position: -142px -600px;
  width: 33px;
  height: 33px;
  background-size: 740.5px 715px;
}
#dialogShitaeController .dialogBody .controllerRight table .btnScaleUp,
#dialogShitaeController2 .dialogBody .controllerRight table .btnScaleUp,
#dialogTempLidarPinController .dialogBody .controllerRight table .btnScaleUp {
  background-image: url(../assets/icon.png);
  background-position: -213px -600px;
  width: 33px;
  height: 33px;
  background-size: 740.5px 715px;
}
#dialogShitaeController .dialogBody .controllerRight table .btnScaleDown,
#dialogShitaeController2 .dialogBody .controllerRight table .btnScaleDown,
#dialogTempLidarPinController .dialogBody .controllerRight table .btnScaleDown {
  background-image: url(../assets/icon.png);
  background-position: -177.5px -600px;
  width: 33px;
  height: 33px;
  background-size: 740.5px 715px;
}
#dialogShitaeController .dialogBody .controllerRight table .btnReset,
#dialogShitaeController2 .dialogBody .controllerRight table .btnReset,
#dialogTempLidarPinController .dialogBody .controllerRight table .btnReset {
  background-image: url(../assets/icon.png);
  background-position: -35.5px -600px;
  width: 33px;
  height: 33px;
  background-size: 740.5px 715px;
}
#dialogShitaeController .dialogBody .controllerRight table .btnName,
#dialogShitaeController2 .dialogBody .controllerRight table .btnName,
#dialogTempLidarPinController .dialogBody .controllerRight table .btnName {
  color: #777;
  font-size: 10px;
  margin-top: 2px;
}

#dialogShitaeController2 .dialogBody {
  zoom: 1;
  width: auto;
}
#dialogShitaeController2 .dialogBody:after {
  content: "";
  display: table;
  clear: both;
}
#dialogShitaeController2 .dialogBody .controllerLeft {
  float: none;
  width: 100%;
}
#dialogShitaeController2 .dialogBody .controllerLeft .btnMoveWrap {
  margin: 0 20px;
}

/*-------------------------
[2D]dialogShitaeFit
-------------------------*/
#dialogShitaeFit .dialogBody {
  min-width: 0px;
}
#dialogShitaeFit .descriptionShitaeFit li {
  width: 460px;
  padding: 10px 0 10px 30px;
  line-height: 1.2;
}
#dialogShitaeFit .descriptionShitaeFit li .subTitle {
  color: #858585;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-left: -30px;
}
#dialogShitaeFit .descriptionShitaeFit li .subTitle .en {
  font-size: 20px;
}
#dialogShitaeFit .descriptionShitaeFit li .fl {
  float: left;
}
#dialogShitaeFit .descriptionShitaeFit li .dotMark {
  padding-left: 20px;
  position: relative;
}
#dialogShitaeFit .descriptionShitaeFit li .dotMark:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: #FF5C26;
  border-radius: 50%;
  position: absolute;
  top: 5px;
  left: 6px;
}
#dialogShitaeFit .descriptionShitaeFit li .descImg#descImg1 {
  height: 116px;
}
#dialogShitaeFit .descriptionShitaeFit li .descImg#descImg2 {
  height: 110px;
}
#dialogShitaeFit .descriptionShitaeFit li .descImg img {
  vertical-align: top;
}
#dialogShitaeFit .descriptionShitaeFit li .descText {
  color: #858585;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  margin: 10px 0;
}
#dialogShitaeFit .descriptionShitaeFit li .descTextNote {
  color: #FF5A10;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
}
#dialogShitaeFit .dialogShitaeFitInputBox {
  padding: 10px;
  text-align: center;
  background: #eee;
}
#dialogShitaeFit .dialogShitaeFitInputBox p {
  padding: 5px 0;
}
#dialogShitaeFit .dialogShitaeFitInputBox p label {
  display: inline-block;
  text-align: left;
}
#dialogShitaeFit .dialogShitaeFitInputBox p label .jp {
  width: 220px;
}
#dialogShitaeFit .dialogShitaeFitInputBox p label .en {
  width: 350px;
}
#dialogShitaeFit .dialogShitaeFitInputBox .errorMsg {
  font-size: 12px;
  color: red;
  text-align: right;
  height: 20px;
  padding: 5px 0 0;
}
#dialogShitaeFit .dialogShitaeFitInputBox input[type=number] {
  text-align: right;
}
#dialogShitaeFit .dialogShitaeFitInputBox #dialogShitaeFitSize,
#dialogShitaeFit .dialogShitaeFitInputBox #dialogShitaeFitAngle {
  font-weight: bold;
}
#dialogShitaeFit .errorShitaeFit {
  text-align: center;
}

/*-------------------------
[2D]dialogRoofGuidance1
-------------------------*/
#dialogRoof .dialogBody {
  min-width: 0px;
}
#dialogRoof .roofGuidance {
  width: 400px;
  padding: 10px 0 10px 30px;
}
#dialogRoof .roofGuidance .descImg#descImg1 {
  height: 220px;
}
#dialogRoof .roofGuidance .descImg#descImg2 {
  height: 240px;
}
#dialogRoof .roofGuidance .descImg img {
  vertical-align: top;
}
#dialogRoof .roofGuidance .title {
  font-size: 16px;
}
#dialogRoof .roofGuidance .subTitle {
  font-size: 12px;
  padding-bottom: 16px;
}

/*-------------------------
[2D]dialogRoofGuidanceYosemune
-------------------------*/
#dialogRoof2 .dialogBody {
  min-width: 0px;
}
#dialogRoof2 .roofGuidance2 {
  width: 400px;
  padding: 10px 0 10px 30px;
}
#dialogRoof2 .roofGuidance2 .descImg#descImg1 {
  height: 226px;
}
#dialogRoof2 .roofGuidance2 .descImg img {
  vertical-align: top;
}
#dialogRoof2 .roofGuidance2 .subTitle {
  font-size: 16px;
}

/*-------------------------
[both]dialogBuildStyleBox
-------------------------*/
.dialogRoodDirectionBox {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  width: 360px;
}

.dialogRoodDirectionBox:after {
  content: "";
  display: table;
  clear: both;
}

.roofDirectionBtn {
  width: 180px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.roofDirectionBtn a {
  color: inherit;
  display: block;
  width: 100%;
}

.roofDirectionBtn img {
  width: 100%;
  height: 120px;
}

.roofDirectionComment {
  font-size: 12px;
}

/*-------------------------
[both]dialogBuildStyleBox
-------------------------*/
.dialogBuildStyleBox {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  width: 800px;
}

.dialogBuildStyleBox:after {
  content: "";
  display: table;
  clear: both;
}

.buildStyleBtn {
  width: 200px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.buildStyleBtn a {
  color: inherit;
  display: block;
  width: 100%;
}

.buildStyleImage img {
  width: 100%;
  height: 127px;
}

.buildStyleTitle {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 5px;
  width: 100%;
  text-align: center;
}

.buildStyleDescription {
  font-size: 12px;
  line-height: 1.5;
}

/*-------------------------
[both]dialogRoofStyleBox
-------------------------*/
.dialogRoofStyleBox {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  width: 540px;
}

.dialogRoofStyleBox:after {
  content: "";
  display: table;
  clear: both;
}

.roofStyleBtn {
  width: 180px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.roofStyleBtn a {
  color: inherit;
  display: block;
  width: 100%;
}

.roofStyleImage img {
  width: 100%;
  height: 120px;
}

.roofStyleTitle {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 5px;
  width: 100%;
  text-align: center;
}

.roofStyleComment {
  font-size: 12px;
}

/*-------------------------
[2D]roomTypeSelectionDialog
-------------------------*/
.dialogRoomTypeBtns {
  font-size: 0;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  width: 384px;
}
.dialogRoomTypeBtns :disabled {
  pointer-events: none;
  opacity: 0.4;
  background: #cccccc;
}
.dialogRoomTypeBtns button {
  background-color: #bdc3c7;
  border: none;
  color: #666;
  vertical-align: top;
  transition: 0.2s;
  width: 60px;
  height: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 2px;
  padding: 0;
  line-height: 1;
  cursor: pointer;
}
.dialogRoomTypeBtns button:hover {
  opacity: 0.5;
}
.dialogRoomTypeBtns button:active {
  background-color: #fff;
  color: #333;
}
.dialogRoomTypeBtns button.roomTypeBtnColorOrange {
  background: #ffdfbf;
}
.dialogRoomTypeBtns button.roomTypeBtnColorGreen {
  background: #dfffbf;
}
.dialogRoomTypeBtns button.roomTypeBtnColorGray {
  background: #dddddd;
}
.dialogRoomTypeBtns button.roomTypeBtnColorYellow {
  background: #ffffbf;
}
.dialogRoomTypeBtns button.roomTypeBtnColorBlue {
  background: #d5eff9;
}
.dialogRoomTypeBtns button.roomTypeBtnColorBeige {
  background: #ffefbf;
}
.dialogRoomTypeBtns button.roomTypeBtnColorBrown {
  background: #d6cbb1;
}
.dialogRoomTypeBtns button.roomTypeBtnColorOcher {
  background: #f4f1ea;
}
.dialogRoomTypeBtns button.roomTypeBtnColorWhite {
  background: #efefef;
}
.dialogRoomTypeBtns button.selected {
  border: 2px solid #fd8220;
}

/*-------------------------
[2D]roomTypeSelectionDialog
-------------------------*/
#fittingTypeSelectionDialog, #fittingSymbolSelectionWizardDialog {
  max-width: 700px;
  max-height: 500px;
  overflow: scroll;
}

.dialogFittingTypeBtns {
  font-size: 0;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  overflow: auto;
  /* itemMenuBtn */
}
.dialogFittingTypeBtns .itemMenuBtn {
  position: relative;
  width: 90px;
  height: 90px;
  box-sizing: border-box;
  margin: 4px 4px 4px 14px;
  padding: 0;
  line-height: 1;
  color: #888;
  background-color: #fff;
  border: 1px solid #888;
  vertical-align: top;
  overflow: hidden;
  cursor: pointer;
  transition: 0.2s;
}
.dialogFittingTypeBtns .itemMenuBtn img {
  width: 90px;
  height: 90px;
  margin: -1px 0 0 -1px;
}

/*-------------------------
[2D]dialogRoomTextSetting
-------------------------*/
.dialogRoomTextSetting td, .dialogItemTextSetting td {
  padding: 5px;
}

/*-------------------------
[2D]confirmGenerateHallwayDialog
-------------------------*/
#confirmGenerateHallwayDialog {
  max-width: 500px;
}

/*-------------------------
[2D]itemSizeChangeDialog
-------------------------*/
#itemSizeChangeDialog table {
  margin: auto;
}
#itemSizeChangeDialog td {
  padding: 5px;
  text-align: center;
  vertical-align: middle;
}
#itemSizeChangeDialog td input[type=tel] {
  text-align: right;
  width: 80px;
}

/*-------------------------
[2D]dialogRoomFill
-------------------------*/
#roomFillDialog .dialogBody {
  color: #878787;
}

#roomFillDialog .dialogBody th,
#roomFillDialog .dialogBody td {
  padding: 5px;
  text-align: left;
}

#roomFillDialogTextureList {
  background: #eee;
  padding: 5px;
  width: 350px;
}

#roomFillDialogTextureList ul {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

#roomFillDialogTextureList li {
  margin: 2px;
  border: 2px solid transparent;
}

#roomFillDialogTextureList li.is-active {
  border-color: #fd8220;
}

#roomFillDialogTextureList li a {
  border: 1px solid #888;
  display: block;
  width: 60px;
  height: 60px;
}

#roomFillDialogTextureList li a:hover {
  opacity: 0.5;
}

#roomFillDialogTextureList img {
  vertical-align: top;
}

#roomFillDialog table {
  display: inline-block;
}

#roomFillDialog #preview-canvas {
  display: inline-block;
  margin-left: 50px;
  border: solid;
  border-width: thin;
}

/*-------------------------
[2D]dialogFittingSetting
-------------------------*/
#customizeHabakiDialog .dialogBody {
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 20px;
  padding-bottom: 10px;
}

/*-------------------------
[2D]dialogFittingSetting
-------------------------*/
#fittingSettingDialog .dialogBody {
  color: #878787;
}

#fittingSettingDialog .dialogBody tr,
#fittingSettingDialog .dialogBody th,
#fittingSettingDialog .dialogBody td {
  padding: 5px;
  text-align: left;
}

#fittingSettingGroup {
  background: #eee;
  margin-left: 20px;
  margin-right: 20px;
  width: 300px;
}

#fittingSettingGroup th {
  text-align: right !important;
}

#fittingHeight,
#fittingZ {
  width: 50px;
}

#fittingSettingAttention {
  font-size: 11px;
  text-align: right !important;
}

/*-------------------------
[2D]customizeDispaly Setting
-------------------------*/
#customizeDisplayDialog .dialogBody th {
  padding: 5px;
  text-align: left;
  font-size: 14px;
  font-weight: normal;
}

#customizeDisplayDialog .dialogBody td {
  padding: 5px;
  text-align: right;
  font-size: 14px;
  font-weight: normal;
}

#customizeDisplayDialog .dialogBody table {
  margin: 5px auto;
  width: 60%;
}

#customizeDisplayDialog #restoreDefault {
  background: #ffffff;
  border: 1px solid #8a8787;
  padding: 0px 10px 0px 10px;
  width: 100%;
  color: #545353;
  line-height: 30px;
  /* border-radius: 6px; */
  font-size: 16px;
}

#customizeDisplayDialog .restore_td {
  text-align: center !important;
}

#customizeDisplayDialog .checkMerge_div {
  text-align: center;
}

#customizeDisplayDialog .customizeDisplayDialog_contentBox {
  width: 340px;
  margin-bottom: 5px;
  padding: 10px;
  background: #eee;
}

#customizeDisplayDialog .subttl {
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
}

/*-------------------------
[2D]correctionDialog Setting
-------------------------*/
#CorrectionDialog .CorrectionDialogBody {
  padding: 9px 11px 9px 11px;
}
#CorrectionDialog .dialogBody {
  text-align: center;
  padding: 0px;
}
#CorrectionDialog .dialogBody th {
  padding: 5px;
  text-align: left;
  font-size: 14px;
  font-weight: normal;
}
#CorrectionDialog .dialogBody .inputClass {
  padding: 5px;
  text-align: left;
  font-size: 14px;
  font-weight: normal;
}
#CorrectionDialog .dialogBody .inputClass input {
  text-align: right;
  width: 65px;
  font-size: 16px;
}
#CorrectionDialog .dialogBody .selectClass {
  padding: 5px;
  text-align: right;
  font-size: 14px;
  font-weight: normal;
}
#CorrectionDialog .dialogBody .selectClass select {
  text-align: right;
  width: 60px;
  font-size: 16px;
}
#CorrectionDialog .dialogBody .unit {
  text-align: right;
  font-size: 14px;
  color: #545353;
}
#CorrectionDialog .dialogBody table {
  margin: 5px auto;
}
#CorrectionDialog #restoreDefault {
  background: #ffffff;
  border: 1px solid #8a8787;
  padding: 0px 10px 0px 10px;
  width: 50%;
  color: #545353;
  line-height: 30px;
  /* border-radius: 6px; */
  font-size: 16px;
}
#CorrectionDialog .restore_td {
  text-align: center !important;
}
#CorrectionDialog .restore_div {
  padding: 7px 0px 0px 0px;
}

/*-------------------------
[3D]dialogChangeItem3d

・max-width = アイテムイメージ4個半見える幅
・アイテムイメージサイズ 64*64　（+border領域5px)
・アイテムは横並び（5個以上で横スクロール）
-------------------------*/
.dialogChangeItem3d {
  padding: 10px;
}
.dialogChangeItem3d .dialogChangeItem3dRow {
  margin-bottom: 12px;
}
.dialogChangeItem3d label,
.dialogChangeItem3d ul {
  padding: 5px;
  vertical-align: middle;
}
.dialogChangeItem3d label {
  text-align: right;
  width: 100px;
}
.dialogChangeItem3d ul {
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 330px;
}
.dialogChangeItem3d ul li {
  display: inline-block;
}
.dialogChangeItem3d ul li button {
  background: transparent;
  border: none;
  margin: 0;
  padding: 5px;
  color: #fff;
}
.dialogChangeItem3d ul li button:hover, .dialogChangeItem3d ul li button.is-active {
  background-color: #888;
}
.dialogChangeItem3d ul li button img {
  vertical-align: top;
}
.dialogChangeItem3d ul li button p {
  width: 64px;
  height: 64px;
}
.dialogChangeItem3d ul li button p:last-of-type {
  display: none;
}

/*-------------------------
[3D]dialogChangeInnerColor
-------------------------*/
.changeInnerColorMenu {
  padding: 10px;
}

.changeInnerColorMenu .changeInnerColorMenuRow {
  margin-bottom: 12px;
}

.changeInnerColorMenu label,
.changeInnerColorMenu ul {
  padding: 5px;
  vertical-align: middle;
}

.changeInnerColorMenu label {
  text-align: right;
  width: 100px;
}

.changeInnerColorMenu ul {
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 330px;
}

.changeInnerColorMenu ul li {
  display: inline-block;
}

.changeInnerColorMenu ul li button {
  background: transparent;
  border: none;
  margin: 0;
  padding: 5px;
  color: #fff;
}
.changeInnerColorMenu ul li button:hover, .changeInnerColorMenu ul li button.is-active {
  background-color: #888;
}
.changeInnerColorMenu ul li button img {
  vertical-align: top;
}
.changeInnerColorMenu ul li button p {
  display: none;
}

/*-------------------------
[3D]dialogChangeFitColor
-------------------------*/
.changeFitColorMenu {
  padding: 10px;
}

.changeFitColorMenu .changeFitColorMenuRow {
  margin-bottom: 12px;
}

.changeFitColorMenu label,
.changeFitColorMenu ul {
  padding: 5px;
  vertical-align: middle;
}

.changeFitColorMenu label {
  text-align: right;
  width: 100px;
}

.changeFitColorMenu ul {
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 330px;
}

.changeFitColorMenu ul li {
  display: inline-block;
}

.changeFitColorMenu ul li button {
  background: transparent;
  border: none;
  margin: 0;
  padding: 5px;
  color: #fff;
}
.changeFitColorMenu ul li button:hover, .changeFitColorMenu ul li button.is-active {
  background-color: #888;
}
.changeFitColorMenu ul li button img {
  vertical-align: top;
}
.changeFitColorMenu ul li button p {
  width: 64px;
  height: 64px;
}
.changeFitColorMenu ul li button p:last-of-type {
  display: none;
}

/*-------------------------
[3D]dialogChangeModel3d
-------------------------*/
#dialogChangeModel3d .dialogBody {
  padding-bottom: 0;
}
#dialogChangeModel3d .model3dParamsBox {
  width: 700px;
  padding-top: 122px;
  position: relative;
  background: url(../assets//house_height_roof.jpg?3) no-repeat top left;
  font-size: 16px;
}
#dialogChangeModel3d .model3dParamsBox .model3d3f {
  background: url(../assets//house_height_3f.jpg?3) no-repeat top left;
  height: 183px;
}
#dialogChangeModel3d .model3dParamsBox .model3d2f {
  background: url(../assets//house_height_2f.jpg?3) no-repeat top left;
  height: 184px;
}
#dialogChangeModel3d .model3dParamsBox .model3d1f {
  background: url(../assets//house_height_1f.jpg?3) no-repeat top left;
  height: 255px;
}
#dialogChangeModel3d .model3dParamsBox .model3dParamsWrap {
  position: relative;
  width: 100%;
}
#dialogChangeModel3d .model3dParamsBox .modelParamHeight,
#dialogChangeModel3d .model3dParamsBox .label_gl {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1.2;
}
#dialogChangeModel3d .model3dParamsBox .modelParamHeight {
  text-align: center;
}
#dialogChangeModel3d .model3dParamsBox .modelParamHeight label {
  font-size: 13px;
  padding-top: 4px;
}
#dialogChangeModel3d .model3dParamsBox #nokidaka3f { /*top: -40px; left: 144px;*/
  top: -20px;
  left: 108px;
}
#dialogChangeModel3d .model3dParamsBox #nokidaka2f { /*top: -40px; left: 104px;*/
  top: -20px;
  left: 80px;
}
#dialogChangeModel3d .model3dParamsBox #nokidaka1f { /*top: -40px; left: 64px;*/
  top: -20px;
  left: 52px;
}
#dialogChangeModel3d .model3dParamsBox #tenjo3f { /*top: 60px; left: 555px;*/
  top: 85px;
  left: 465px;
}
#dialogChangeModel3d .model3dParamsBox #tenjo2f { /*top: 60px; left: 535px;*/
  top: 85px;
  left: 465px;
}
#dialogChangeModel3d .model3dParamsBox #tenjo1f { /*top: 60px; left: 515px;*/
  top: 83px;
  left: 465px;
}
#dialogChangeModel3d .model3dParamsBox #height3f { /*top: 60px; left: 161px;*/
  top: 85px;
  left: 137px;
}
#dialogChangeModel3d .model3dParamsBox #height2f { /*top: 60px; left: 131px;*/
  top: 85px;
  left: 111px;
}
#dialogChangeModel3d .model3dParamsBox #height1f { /*top: 65px; left: 101px;*/
  top: 83px;
  left: 85px;
}
#dialogChangeModel3d .model3dParamsBox #genkandaka { /*top: 164px;*/
  top: 196px;
  left: 275px;
}
#dialogChangeModel3d .model3dParamsBox #jihabakidaka {
  top: 164px;
  left: 515px;
}
#dialogChangeModel3d .model3dParamsBox #kisopakkin {
  top: 196px;
  left: 481px;
}
#dialogChangeModel3d .model3dParamsBox #kisodaka {
  top: 223px;
  left: 520px;
}
#dialogChangeModel3d .model3dParamsBox #yukadaka1f {
  top: 164px;
  left: 518px;
}
#dialogChangeModel3d .model3dParamsBox #yukaatsu1f {
  top: 124px;
  left: 478px;
}
#dialogChangeModel3d .model3dParamsBox #yukaatsu2f {
  top: 124px;
  left: 478px;
}
#dialogChangeModel3d .model3dParamsBox #yukaatsu3f {
  top: 124px;
  left: 478px;
}
#dialogChangeModel3d .model3dParamsBox .label_gl {
  top: 167px;
  left: 45px;
  font-weight: bold;
}
#dialogChangeModel3d .model3dParamsBox #genkandaka label,
#dialogChangeModel3d .model3dParamsBox #genkandaka .inputTextWrap,
#dialogChangeModel3d .model3dParamsBox #jihabakidaka label,
#dialogChangeModel3d .model3dParamsBox #jihabakidaka .inputTextWrap,
#dialogChangeModel3d .model3dParamsBox #kisopakkin label,
#dialogChangeModel3d .model3dParamsBox #kisopakkin .inputTextWrap,
#dialogChangeModel3d .model3dParamsBox #kisodaka label,
#dialogChangeModel3d .model3dParamsBox #kisodaka .inputTextWrap,
#dialogChangeModel3d .model3dParamsBox #tenjo1f label,
#dialogChangeModel3d .model3dParamsBox #tenjo1f .inputTextWrap,
#dialogChangeModel3d .model3dParamsBox #yukaatsu1f label,
#dialogChangeModel3d .model3dParamsBox #yukaatsu1f .inputTextWrap,
#dialogChangeModel3d .model3dParamsBox #tenjo2f label,
#dialogChangeModel3d .model3dParamsBox #tenjo2f .inputTextWrap,
#dialogChangeModel3d .model3dParamsBox #yukaatsu2f label,
#dialogChangeModel3d .model3dParamsBox #yukaatsu2f .inputTextWrap,
#dialogChangeModel3d .model3dParamsBox #tenjo3f label,
#dialogChangeModel3d .model3dParamsBox #tenjo3f .inputTextWrap,
#dialogChangeModel3d .model3dParamsBox #yukaatsu3f label,
#dialogChangeModel3d .model3dParamsBox #yukaatsu3f .inputTextWrap,
#dialogChangeModel3d .model3dParamsBox #yukadaka1f label,
#dialogChangeModel3d .model3dParamsBox #yukadaka1f .inputTextWrap {
  display: inline-block;
}
#dialogChangeModel3d .model3dParamsBox #genkandaka label,
#dialogChangeModel3d .model3dParamsBox #jihabakidaka label,
#dialogChangeModel3d .model3dParamsBox #yukadaka1f label,
#dialogChangeModel3d .model3dParamsBox #kisopakkin label,
#dialogChangeModel3d .model3dParamsBox #kisodaka label,
#dialogChangeModel3d .model3dParamsBox #tenjo1f label,
#dialogChangeModel3d .model3dParamsBox #yukaatsu1f label,
#dialogChangeModel3d .model3dParamsBox #tenjo2f label,
#dialogChangeModel3d .model3dParamsBox #yukaatsu2f label,
#dialogChangeModel3d .model3dParamsBox #tenjo3f label,
#dialogChangeModel3d .model3dParamsBox #yukaatsu3f label,
#dialogChangeModel3d .model3dParamsBox #yukaatsu3f label {
  padding-right: 5px;
}
#dialogChangeModel3d .model3dParamsBox #genkandaka label,
#dialogChangeModel3d .model3dParamsBox #jihabakidaka label,
#dialogChangeModel3d .model3dParamsBox #kisopakkin label,
#dialogChangeModel3d .model3dParamsBox #kisodaka label,
#dialogChangeModel3d .model3dParamsBox #yukadaka1f label {
  color: #fff;
}
#dialogChangeModel3d .model3dParamsBox input[type=number] {
  max-width: 65px;
  text-align: center;
  font-size: 16px;
}
#dialogChangeModel3d .model3dParamsBox .dialogFooter {
  text-align: right;
}
#dialogChangeModel3d #dialogChangeModel3dFooter {
  text-align: center;
  margin-top: 20px;
  padding-bottom: 20px;
}
#dialogChangeModel3d #dialogChangeModel3dFooter button {
  background: #888;
  border: none;
  margin: 0 5px;
  padding: 5px;
  min-width: 80px;
  color: #fff;
  cursor: pointer;
}

/*-------------------------
[2D]loginDialog & signupDialog
-------------------------*/
#loginDialog .linkChangeDialog,
#signupDialog .linkChangeDialog,
#saveDialog .linkChangeDialog {
  text-align: right;
  margin: 6px 0;
}
#loginDialog .linkChangeDialog a,
#signupDialog .linkChangeDialog a,
#saveDialog .linkChangeDialog a {
  display: inline-block;
  color: #fd8220;
  font-size: 14px;
  transition: 0.2s;
  padding: 3px 6px;
}
#loginDialog .linkChangeDialog a:hover,
#signupDialog .linkChangeDialog a:hover,
#saveDialog .linkChangeDialog a:hover {
  color: #fff;
  background: #fd8220;
}
#loginDialog .tableBox,
#signupDialog .tableBox,
#saveDialog .tableBox {
  padding: 10px;
  background: #eee;
}
#loginDialog .tableBox th, #loginDialog .tableBox td,
#signupDialog .tableBox th,
#signupDialog .tableBox td,
#saveDialog .tableBox th,
#saveDialog .tableBox td {
  padding: 6px;
  vertical-align: middle;
}
#loginDialog .tableBox th,
#signupDialog .tableBox th,
#saveDialog .tableBox th {
  text-align: right;
}
#loginDialog .tableBox td input,
#signupDialog .tableBox td input,
#saveDialog .tableBox td input {
  width: 250px;
}

/*-------------------------
[2D]#roadSettingDialog
-------------------------*/
#roadSettingDialog td {
  background: #eee;
  padding: 10px;
  text-align: center;
}
#roadSettingDialog td input {
  text-align: right;
}

/*-------------------------
[2D/PC]helpDialog
ヘッダーメニューのヘルプボタンから呼び出すダイアログ
-------------------------*/
#helpDialog .helpDialog_contentBox {
  width: 632px;
  margin-bottom: 5px;
  padding: 10px;
  background: #eee;
}
#helpDialog .helpDialog_contentBox .subttl {
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
}
#helpDialog .helpDialog_contentBox .versionInfoBox {
  text-align: left;
  padding-left: 10px;
  font-size: 14px;
  font-weight: normal;
}

.p-webcadControlDescriptionBox table {
  width: 100%;
}
.p-webcadControlDescriptionBox th, .p-webcadControlDescriptionBox td {
  padding: 5px;
  border: 1px solid #ccc;
  text-align: left;
  font-size: 14px;
  font-weight: normal;
}
.p-webcadControlDescriptionBox th {
  background: #ddd;
}
.p-webcadControlDescriptionBox td {
  background: #fff;
}

.p-contactBox .formTableWrap {
  display: table;
  width: 100%;
  font-size: 14px;
}
.p-contactBox .formTableWrap p {
  display: table-row;
  text-align: left;
}
.p-contactBox .formTableWrap p > * {
  display: table-cell;
  padding: 10px 0 10px 10px;
  border-top: 1px solid #fff;
  vertical-align: middle;
}
.p-contactBox .formTableWrap p:first-child > * {
  border-top: none;
}
.p-contactBox .formTableWrap p label {
  width: 180px;
}
.p-contactBox .formTableWrap p label .require {
  color: #f00;
  font-size: 10px;
}
.p-contactBox .formTableWrap p input,
.p-contactBox .formTableWrap p select,
.p-contactBox .formTableWrap p #contactMsg {
  display: inline-block;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}
.p-contactBox .formTableWrap p #contactMsg {
  height: 160px;
  resize: none;
  vertical-align: top;
}
.p-contactBox .formTableWrap p .validateMsg {
  display: none;
  padding-top: 5px;
  color: red;
  text-align: right;
  line-height: 1.2;
}
.p-contactBox .formTableWrap p .validateMsg.is-error {
  display: block;
}
.p-contactBox .dialogError {
  display: none;
  padding-top: 5px;
  text-align: right;
  color: #f00;
}
.p-contactBox .formSubmit {
  text-align: center;
  padding: 10px 0;
}
.p-contactBox .formSubmit button {
  background: #888;
  border: none;
  margin: 0 5px;
  padding: 5px;
  min-width: 80px;
  color: #fff;
}

/*-------------------------
[2D/PC]sekisanDialog
ヘッダーメニューの積算情報ボタンから呼び出すダイアログ
-------------------------*/
#sekisanDialog .sekisanDialog_contentBox {
  width: 520px;
  margin-bottom: 5px;
  padding: 10px;
  background: #eee;
}
#sekisanDialog .sekisanDialog_contentBox .subttl {
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
}
#sekisanDialog .sekisanDialog_contentBox th {
  padding: 6px;
  text-align: left;
  vertical-align: top;
  color: #fff;
  background-color: #555;
  border-left: 5px solid #ff6633;
  border-top: 1px solid #fff;
}
#sekisanDialog .sekisanDialog_contentBox .itemValue {
  text-align: right;
}
#sekisanDialog .sekisanDialog_contentBox .itemUnit {
  font-size: 10px;
  color: #666;
  padding: 6px;
}
#sekisanDialog .sekisanDialog_contentBox .dividerLine {
  background-color: #555;
  height: 2px;
  padding: 0px;
}
#sekisanDialog .sekisanDialog_contentBox .codeCell {
  width: 100px;
}
#sekisanDialog .sekisanDialog_contentBox .nameCell {
  width: 270px;
}
#sekisanDialog #btnSekisanDown {
  margin-right: 125px;
  background: #ff6633;
  min-width: 100px;
}
#sekisanDialog .dialogFooter {
  text-align: left;
}

/*===========================================================================
device_orientation
============================================================================*/
#device_orientation {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #666;
  z-index: 20000;
}
#device_orientation .inner_image {
  background: url(../assets//ipad_orientation_alert.png) no-repeat center center;
  background-size: 440px;
  width: 100%;
  height: 100%;
}

/*===========================================================================
loadingContainer(ビジー表示のくるくる)
============================================================================*/
.loadingContainer {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 11000;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}

.loadingContainer .loadingContent {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  width: 100%;
  height: 110px;
}

.loadingContainer .loading {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 8px solid #fff;
  border-right-color: transparent;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
    opacity: 0.2;
  } /*0%の時は20％の透明度*/
  50% {
    transform: rotate(180deg);
    opacity: 1;
  } /*50%の時は透明度なし*/
  100% {
    transform: rotate(360deg);
    opacity: 0.2;
  } /*100%の時に20％の透明度に戻る*/
}
.loadingContainer .loadingText {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding-top: 20px;
}

/*===========================================================================
[2D]helpMessage
============================================================================*/
#helpMessage {
  position: absolute;
  bottom: 50px;
  right: 10px;
  transition: 0.2s;
  opacity: 0;
  pointer-events: none;
}
#helpMessage p {
  background: #fff;
  border: 1px solid #b0b0b0;
  display: inline-block;
  white-space: nowrap;
  padding: 5px;
  font-size: 12px;
  line-height: 1;
}

/*===========================================================================
demopaswdDialog
============================================================================*/
#demopaswd {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  background: #111;
  opacity: 0;
}
#demopaswd .demopaswdDialog {
  width: 600px;
  height: 220px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  background: #fefefe;
  text-align: center;
}
#demopaswd .forSP {
  display: none;
}
@media screen and (max-width: 599px) {
  #demopaswd .demopaswdDialog {
    width: 300px;
    height: 240px;
    text-align: left;
  }
  #demopaswd .forPC {
    display: none;
  }
  #demopaswd .forSP {
    display: inline;
  }
}
#demopaswd p {
  margin: 15px 0;
  line-height: 1.4;
}
#demopaswd .msg {
  font-size: 14px;
}
#demopaswd .msg_error {
  font-size: 12px;
  color: #f00;
}
#demopaswd a {
  text-decoration: underline;
}
#demopaswd input {
  height: 25px;
  box-sizing: border-box;
}
#demopaswd input[type=password] {
  padding: 0 5px;
  width: 180px;
}
#demopaswd input[type=button] {
  -webkit-appearance: none;
  background: #888;
  border: none;
  margin: 0 5px;
  min-width: 80px;
  border-radius: 0px;
  box-sizing: border-box;
  color: #fff;
}

/*===========================================================================
busyObj
おそらく使用していないため、コメントアウト 20160928 morimoto
============================================================================*/
/*===========================================================================
iPad Wt Control
おそらく使用していないため、コメントアウト 20160928 morimoto
============================================================================*/
/*===========================================================================
test Modules
============================================================================*/
/* radio btn */
.radioWrap {
  display: inline-block;
  zoom: 1;
  vertical-align: top;
}

.radioWrap:after {
  content: "";
  display: table;
  clear: both;
}

.radioWrap input {
  display: none;
}

.radioWrap label {
  display: block;
  float: left;
  cursor: pointer;
  margin: 0;
  padding: 6px 10px;
  background: #bdc3c7;
  color: #666;
  font-size: 14px;
  text-align: center;
  line-height: 1;
  transition: 0.2s;
  border-left: 1px solid #ccc;
  height: 26px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.radioWrap label:hover {
  background-color: #333;
  color: #fff;
}

.radioWrap label:first-of-type {
  border-radius: 3px 0 0 3px;
  border-left: none;
}

.radioWrap label:last-of-type {
  border-radius: 0 3px 3px 0;
}

.radioWrap input[type=radio]:checked + label {
  background: #a1b91d;
  color: #fff;
}

.radioWrap.radioWrap-blue input[type=radio]:checked + label {
  background: #2979ff;
  color: #fff;
}

#developMenus3D {
  pointer-events: none;
}
#developMenus3D .webcadBtn {
  pointer-events: auto;
}

/* webcadBtnGroup */
.webcadBtnGroup {
  display: inline-block;
  font-size: 0;
  vertical-align: top;
}

/* webcadBtn */
.webcadBtn {
  background-color: #bdc3c7;
  border: none;
  color: #666;
  vertical-align: top;
  transition: 0.2s;
  height: 26px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 6px 10px;
  line-height: 1;
  cursor: pointer;
  border-radius: 3px;
}

.webcadBtn:hover {
  background-color: #333;
  color: #fff;
}

.webcadBtn:active {
  background-color: #fff;
  color: #333;
}

/* webcadBtnGroup webcadBtn */
.webcadBtnGroup .webcadBtn {
  border-left: 1px solid #ccc;
}

.webcadBtnGroup .webcadBtn:first-of-type {
  border-left-color: transparent;
  border-radius: 3px 0 0 3px;
}

.webcadBtnGroup .webcadBtn:last-of-type {
  border-radius: 0 3px 3px 0;
}

.webcadBtnGroup .webcadBtn.is-active {
  background-color: #a1b91d;
  color: #fff;
  cursor: default;
}

/*===========================================================================
WebGL非対応表記
============================================================================*/
#oldie {
  display: none !important;
}

/*===========================================================================
[3D]test用
============================================================================*/
#pick3DFormat,
#pick3DAnimFormat,
#pickXMLFormat {
  display: none;
}

/*======================================================================
リストの無効の見た目
====================================================================== */
select:disabled {
  background-color: rgb(235, 235, 228);
}

#siteCoordinateinputDialog {
  width: 390px !important;
}
#siteCoordinateinputDialog .siteCoordinateinputDialog_contentBox {
  height: 342px;
  overflow-y: auto;
  border: 1px solid #888;
}
#siteCoordinateinputDialog table th, #siteCoordinateinputDialog table td {
  padding: 6px;
  vertical-align: middle;
  text-align: center;
}
#siteCoordinateinputDialog table th.rowCount, #siteCoordinateinputDialog table td.rowCount {
  width: 25px;
}
#siteCoordinateinputDialog table .coordinates {
  max-width: 110px;
  text-align: center;
  font-size: 14px;
}
#siteCoordinateinputDialog table span {
  padding: 5px;
}
#siteCoordinateinputDialog .headerBox {
  position: relative;
  /*left: 245px;*/
  /*padding: 4px;*/
  /*width: 120px;*/
  text-align: right;
  margin-bottom: 4px;
}
#siteCoordinateinputDialog .headerBox button {
  background-color: #646464;
  border: none;
  color: white;
  padding: 2px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 25px;
  margin: 0px 0 0 4px;
}
#siteCoordinateinputDialog .headerBox button:disabled {
  pointer-events: none;
  opacity: 0.4;
  background: #cccccc;
}
#siteCoordinateinputDialog #errorMessage {
  height: 20px;
  font-size: 12px;
  width: 100%;
  text-align: center;
  color: #FF0000;
}

#alertDialog {
  max-width: 90%;
  max-height: 90%;
}

/*-------------------------
[3D]dialogNokideSettingPerRoof
-------------------------*/
.dialogNokideSettingPerRoof {
  font-size: 13px;
}
.dialogNokideSettingPerRoof .unit {
  font-size: 11px;
}
.dialogNokideSettingPerRoof table {
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 30px;
}
.dialogNokideSettingPerRoof input {
  width: 60px;
  padding-right: 2px;
}

#icon_replace[disabled],
#icon_setting[disabled] {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
  pointer-events: none;
}

/*===========================================================================
compass dropdownlist
============================================================================*/
.compassDropdownList {
  display: none;
  width: 110px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  padding: 7px 0;
  border: 1px solid #777;
  background: #fafafa;
}

.compassDropdownList button {
  display: block;
  color: #777;
  width: 100%;
  padding: 7px 10px;
  line-height: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  background: none;
  border: none;
  text-align: left;
}

.compassDropdownList button:hover {
  background: #bbb;
  color: #fff;
}

#compassBoxMenu {
  position: absolute;
  top: 150px;
  right: 10px;
  zoom: 1;
}

#headerMenuAlign .subMenu button > span img {
  width: 25px !important;
  height: 25px !important;
}

.icon-align {
  width: 20px;
  height: 20px;
  margin-top: 2px;
}

#headerMenuAlign .flex_align_center {
  align-items: center;
}

#headerMenuAlign .flex_box {
  display: flex !important;
  padding: 2px 10px !important;
}

#headerMenuAlign .subMenu button > span.jp, #headerMenuAlign .subMenu button > span.en {
  padding-left: 5px;
  flex: 1;
}

.info-box {
  display: block;
  min-height: 90px;
  width: 100%;
  border-radius: 2px;
  margin-bottom: 15px;
}

.bg-gray {
  background-color: #ccc !important;
}

.bg-blue {
  background-color: blue !important;
}

.info-box-icon {
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
  display: block;
  float: left;
  height: 90px;
  width: 90px;
  text-align: center;
  font-size: 45px;
  line-height: 90px;
}

.info-box-content {
  padding: 5px 10px;
  margin-left: 90px;
}

.info-box-text {
  text-transform: uppercase;
  display: block;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.info-box-number {
  display: block;
  font-weight: bold;
  font-size: 18px;
}

.progress, .progress .progress-bar {
  border-radius: 0;
}

.progress {
  background: #e8e8e8;
  height: 20px;
}

.progress .progress-bar {
  background: #fff;
}

.progress, .progress > .progress-bar, .progress .progress-bar, .progress > .progress-bar .progress-bar {
  border-radius: 1px;
}

.progress, .progress > .progress-bar {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.nex-prev-controls a {
  position: absolute;
  text-decoration: none;
  font-size: 1.5em;
  color: #000;
  z-index: 10;
  top: 50%;
  left: 0;
  background-color: #000;
  color: #fff;
  width: 35px;
  line-height: 32px;
  text-align: center;
  height: 35px;
  border-radius: 100%;
  top: 100px;
  margin-top: -16px;
  right: 10px;
  left: auto;
}

.nex-prev-controls a:first-child {
  left: 10px;
  right: auto;
}

.performRow:after, .performRow:before {
  display: table;
  content: " ";
  clear: both;
}

.statsNotShowDiv {
  margin-top: 20px;
}

.statsSuggestionHeader {
  font-size: 18px;
  font-weight: 600;
}

.statsSuggestionList {
  margin-top: 10px;
}

.suggestionContainer {
  margin-top: 20px;
}

.totalScoreContainer {
  /*border: 1px solid #ccc;
  background-color: #e8e8e8 !important;*/
  border: none;
  background-color: inherit !important;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.totalScoreContainer .totalScoreDiv {
  display: table-cell;
  width: 27%;
  position: relative;
}
.totalScoreContainer .totalScoreDiv input::after {
  content: "%";
}
.totalScoreContainer .totalScoreMsg {
  width: 73%;
  display: table-cell;
  font-size: 14px;
  vertical-align: middle;
}

.itemScoreContainer {
  margin-top: 10px;
  padding: 0 30px 10px;
  background-color: inherit !important;
  color: #6f6f6f;
  border: 10px solid #e6e6e6;
  margin-bottom: 10px;
}
.itemScoreContainer .performanceItemTitle {
  text-align: center;
  font-weight: bold;
  border-top: 20px solid #e6e6e6;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  height: 0;
  width: 240px;
  margin: 0 auto;
  position: relative;
}
.itemScoreContainer .performanceItemTitle span {
  position: absolute;
  display: block;
  width: 100%;
  top: -24px;
  left: 0;
}

.itemScoreFirstCol {
  display: inline-block;
  width: 12%;
  font-size: 14px;
  vertical-align: top;
  text-align: center;
  line-height: 20px;
}

.itemScoreSecondCol {
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
}
.itemScoreSecondCol > span {
  font-size: 12px;
}

.itemScoreThirdCol {
  display: inline-block;
  width: 83%;
}

.itemScoreSubTitle {
  font-size: 11px;
  text-align: left;
  line-height: 20px;
}

.itemScoreChild {
  margin-top: 15px;
}
.itemScoreChild i {
  font-size: 50px;
  font-weight: bold;
  display: inline-block;
  width: 5%;
  font-style: normal;
  vertical-align: top;
  line-height: 35px;
}

#guide .distanceText input {
  width: 43px;
  height: 15px;
  line-height: 16px;
  font-size: 10px;
  text-indent: 0px;
  border: 1px solid #cfcfcf;
  text-align: center;
}

.firstPageLogo {
  width: 240px;
}

.firstPageLoaderContainer {
  position: fixed;
  z-index: 10999;
  height: auto;
  width: auto;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #ffffff;
}

.firstPageSVGContainer {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.firstPageSVGContainer svg {
  display: block;
  margin: auto;
}

.firstPageSVGContainer .loadingText {
  display: block;
  margin: auto;
  text-align: center;
  margin: 10px;
}

.item3dDisplayDialog table {
  width: 100%;
}

#Item3dDisplayList tr.disabled {
  background: #cacaca;
}
#Item3dDisplayList th {
  display: inline;
  padding: 0px 10px;
}
#Item3dDisplayList input {
  display: inline;
}
#Item3dDisplayList label {
  display: inline;
  padding: 0 5px;
  color: #aaa9a9;
}
#Item3dDisplayList input[type=checkbox]:checked + label {
  color: #000000;
  font-weight: bold;
}
#Item3dDisplayList input[type=checkbox]:disabled + label {
  color: #7e7e7e;
}

#captureScreenshot {
  display: inline-block;
  cursor: pointer;
}
#captureScreenshot .capt {
  background-image: url(../assets/icon.png);
  background-position: -388.5px -47.5px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
  position: absolute;
  left: 84px;
  bottom: 100px;
}
#captureScreenshot .capt-hover {
  background-image: url(../assets/icon.png);
  background-position: -388.5px -95px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
  position: absolute;
  left: 84px;
  bottom: 100px;
}

#performanceDialog {
  width: 740px;
  color: #6f6f6f;
}
#performanceDialog .dialogBody {
  height: 485px;
  padding: 20px 60px 0;
}
#performanceDialog .performanceNotShowDiv {
  text-align: center;
}

.helpPerformanceNotShowDiv label.disabled {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
  pointer-events: none;
}

#performanceDialogLoader .loading:after {
  content: " . ";
  font-size: 25px;
  animation: dots 1.5s steps(5, end) infinite;
}
@keyframes dots {
  0%, 20% {
    color: rgba(0, 0, 0, 0);
    text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0);
  }
  40% {
    color: white;
    text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0);
  }
  60% {
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 rgba(0, 0, 0, 0);
  }
  80%, 100% {
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 white;
  }
}

#btnMeasureLine .btnNameOn {
  display: none;
}

.resetRoomFill {
  padding-bottom: 5px;
}
.resetRoomFill button {
  background: #fdfdfd;
  border: #999999 solid 2px;
  color: #2c2c2c;
  padding: 0 5px;
  width: 170px;
}

/*=========================
dropAreaStyle
==========================*/
.dropAreaStyle {
  border: 3px solid;
  border-color: #cccccc;
  background: rgba(253, 130, 32, 0.1215686275);
  border-style: dashed;
  text-align: center;
  display: table;
}
.dropAreaStyle .inner {
  width: 400px;
  height: 150px;
  padding: 10px;
  vertical-align: middle;
  display: table-cell;
}
.dropAreaStyle label {
  color: black;
  background-color: white;
  border: 2px solid #ddd;
  padding: 5px;
  border-radius: 6px;
  font-size: 80%;
  cursor: pointer;
}
.dropAreaStyle label input {
  display: none;
}

.dropAreaActiveStyle {
  border: 3px solid;
  background: #eeeeee;
  border-color: #44cccc;
}

/*-------------------------
[2D/PC]contactUsDialog
ヘッダーメニューの[お問合せ]ボタンから呼び出されるダイアログ
-------------------------*/
#contactUsDialog .contactUsDialog_contentBox {
  width: 620px;
  margin-bottom: 5px;
  padding: 10px;
  background: #eee;
}

#sketchInputInstructionDialog .dialogBody {
  min-width: 0px;
}
#sketchInputInstructionDialog .descriptionSketchInput .title {
  font-size: 16px;
}
#sketchInputInstructionDialog .descriptionSketchInput .subTitle {
  font-size: 12px;
  padding-bottom: 16px;
}
#sketchInputInstructionDialog .descriptionSketchInput li {
  width: 400px;
  padding: 5px 0 5px 30px;
  line-height: 1.2;
}
#sketchInputInstructionDialog .descriptionSketchInput li .fl {
  float: left;
}
#sketchInputInstructionDialog .descriptionSketchInput li .descImg#descImg1 {
  height: 190px;
}
#sketchInputInstructionDialog .descriptionSketchInput li .descImg#descImg2 {
  height: 190px;
}
#sketchInputInstructionDialog .descriptionSketchInput li .descImg img {
  vertical-align: top;
}
#sketchInputInstructionDialog .descriptionSketchInput li .descText {
  color: #858585;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  margin: 10px 0;
}
#sketchInputInstructionDialog .descriptionSketchInput li .descTextNote {
  color: #FF5A10;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
}

#buildingTypeSelectDialog .btns {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}
#buildingTypeSelectDialog .dialogClose {
  display: none;
}
#buildingTypeSelectDialog button {
  background-color: #FFF;
  border-style: solid;
  border-color: #CCC;
  border-width: 1px;
  margin: 5px;
  padding: 0;
  display: inline-block;
}
#buildingTypeSelectDialog button:hover {
  background-color: #EFEFEF;
  border-color: #AAA;
  border-style: solid;
}
#buildingTypeSelectDialog img {
  pointer-events: none;
}

#gradeTypeSelectDialog select {
  width: 90%;
  height: 26px;
  margin-left: 5px;
}
#gradeTypeSelectDialog .dialogInlineError {
  font-size: 12px;
  color: #FF0000;
  height: 26px;
  text-align: left;
  padding-top: 5px;
}

.mansionMode .isHidden {
  display: none !important;
}
.mansionMode input:nth-of-type(10) + label {
  background-color: #555;
}
.mansionMode input:nth-of-type(8) + label {
  background-color: #666;
}
.mansionMode input:nth-of-type(6) + label {
  background-color: #777;
}
.mansionMode input:nth-of-type(5) + label {
  background-color: #888;
}
.mansionMode input:nth-of-type(4) + label {
  background-color: #999;
  color: #fff;
}
.mansionMode input:nth-of-type(1) + label {
  background-color: #aaa;
  color: #fff;
}
.mansionMode input:nth-of-type(8) + label:before {
  background: #666;
}
.mansionMode input:nth-of-type(6) + label:before {
  background: #777;
}
.mansionMode input:nth-of-type(5) + label:before {
  background: #888;
}
.mansionMode input:nth-of-type(4) + label:before {
  background: #999;
}
.mansionMode input:nth-of-type(1) + label:before {
  background: #aaa;
}
.mansionMode input:nth-of-type(10) + label:after {
  border-top-color: #555;
}
.mansionMode input:nth-of-type(8) + label:after {
  border-top-color: #666;
}
.mansionMode input:nth-of-type(6) + label:after {
  border-top-color: #777;
}
.mansionMode input:nth-of-type(5) + label:after {
  border-top-color: #888;
}
.mansionMode input:nth-of-type(4) + label:after {
  border-top-color: #999;
}
.mansionMode input:nth-of-type(1) + label:after {
  border-top-color: #aaa;
}
.mansionMode input:nth-of-type(1) + label:after {
  width: 100%;
  border-left: none;
  border-right: none;
  border-top-width: 7px;
}

.wallGuideTextbox input {
  line-height: 16px;
  text-indent: 0px;
  border: 1px solid #cfcfcf;
  text-align: center;
  padding: 0px;
}

/*-------------------------
text input dialog
-------------------------*/
#freeCharacterInputDialog .dialogFooter {
  margin-top: -5px;
}
#freeCharacterInputDialog .pintextCategory {
  width: 70%;
  float: left;
  margin-bottom: 5px;
  margin-top: 5px;
}
#freeCharacterInputDialog .pintextCategory select {
  width: 80px;
  height: 25px;
}
#freeCharacterInputDialog .pinTextDoc {
  width: 30%;
  float: left;
  text-align: right;
}
#freeCharacterInputDialog .pinTextDoc button {
  border: none;
  background: none;
}
#freeCharacterInputDialog .linkInsertWrap .inputWrap {
  display: flex;
  align-items: center;
  margin-top: 15px;
  gap: 5px;
}
#freeCharacterInputDialog .linkInsertWrap .link_textbox {
  width: 100%;
  min-width: 300px;
  height: 25px;
}
#freeCharacterInputDialog .linkInsertWrap #link_url_insert_textbox {
  /*margin-top: 15px;*/
}
#freeCharacterInputDialog .linkInsertWrap #btnGetDoc {
  background: #888;
  border: none;
  min-width: 80px;
  color: #fff;
  line-height: 30px;
  float: right;
}
#freeCharacterInputDialog .textWrap {
  line-height: 0;
}
#freeCharacterInputDialog #freeCharacterInputText {
  margin-top: 5px;
  width: 100%;
  height: 60px;
  resize: none;
  box-sizing: border-box;
  font-family: inherit;
}
#freeCharacterInputDialog .containerWrap {
  height: 100px;
  float: left;
  margin-left: 20px;
}
#freeCharacterInputDialog .colorContainer {
  width: 29px;
  height: 29px;
  float: left;
}
#freeCharacterInputDialog .colorContainer:hover {
  background-color: #ccc;
  cursor: pointer;
}
#freeCharacterInputDialog .colorContainer.isActive {
  background-color: #ccc;
  cursor: pointer;
}
#freeCharacterInputDialog .colorBox {
  width: 18px;
  height: 18px;
  float: left;
  margin: 4px;
  border: 1px solid #ccc;
}
#freeCharacterInputDialog .colorWrap {
  min-height: 100px;
  width: 150px;
  float: left;
}
#freeCharacterInputDialog .pinPictureBlank {
  width: 300px;
}
#freeCharacterInputDialog .textPropertyWrap {
  height: 135px;
  margin-top: 15px;
}
#freeCharacterInputDialog .textPropertyWrap .title {
  text-align: center;
  margin-bottom: 10px;
}
#freeCharacterInputDialog .textPropertyWrap .textAttributeWrap {
  margin-top: 5px;
  width: 121px;
  height: 35px;
}
#freeCharacterInputDialog .textPropertyWrap .textAttrBox {
  width: 24px;
  height: 24px;
  border: 1px solid #bbb5b5;
  float: left;
  margin: 1px;
  background-color: #eee;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#freeCharacterInputDialog .textPropertyWrap .textAttrBox:hover {
  background-color: #777;
  cursor: pointer;
}
#freeCharacterInputDialog .textPropertyWrap .textAttrBox.isActive {
  background-color: #777;
}
#freeCharacterInputDialog .textPropertyWrap .textAttrBox input[type=radio] {
  display: none;
}
#freeCharacterInputDialog .error_msg {
  height: 13px;
  color: red;
  font-size: 12px;
}

/*-------------------------
text input dialog
-------------------------*/
#pintTextInput3DDialog .pinTextWrap {
  width: 350px;
  height: 175px;
}
#pintTextInput3DDialog .textWrap {
  line-height: 0;
}
#pintTextInput3DDialog #pinTextInputText3D {
  width: 100%;
  height: 115px;
  resize: none;
  box-sizing: border-box;
  font-family: inherit;
}
#pintTextInput3DDialog .textViewWrap {
  padding: 10px;
}
#pintTextInput3DDialog .editMode {
  display: none;
}
#pintTextInput3DDialog #pinLinkUrl3D, #pintTextInput3DDialog #pinPanoramaUrl3D {
  float: right;
  width: 30px;
}
#pintTextInput3DDialog #pinPanoramaUrl3D {
  border: none;
  background: none;
}
#pintTextInput3DDialog .editContainer {
  width: 100%;
}
#pintTextInput3DDialog .btnEditWrap {
  float: right;
  width: 70px;
  height: 25px;
}
#pintTextInput3DDialog .textView {
  overflow: auto;
  max-width: 350px;
  max-height: 155px;
  width: 350px;
  height: 155px;
  background-color: #ececec;
}
#pintTextInput3DDialog .linkUrlViewWrap {
  height: 30px;
}
#pintTextInput3DDialog .error_msg {
  /*height: 13px;*/
  color: red;
  font-size: 12px;
}
#pintTextInput3DDialog .linkInsertWrap .inputWrap {
  display: flex;
  align-items: center;
  margin-top: 15px;
  gap: 5px;
}
#pintTextInput3DDialog .linkInsertWrap .link_textbox {
  width: 100%;
  height: 25px;
}
#pintTextInput3DDialog .linkInsertWrap #btnGetDoc {
  /*margin-top: 10px;*/
  background: #888;
  border: none;
  min-width: 80px;
  color: #fff;
  line-height: 27px;
  float: right;
}

/*-------------------------
pin 2D input dialog
-------------------------*/
foreignObject,
.foreignObject * {
  pointer-events: none;
  z-index: 1;
}
foreignObject select, foreignObject input,
.foreignObject * select,
.foreignObject * input {
  pointer-events: auto !important;
  z-index: 100;
}

.pinPictureInput2D {
  width: 100%;
  height: 100%;
}
.pinPictureInput2D .disabledInput {
  pointer-events: none;
}
.pinPictureInput2D .tooltip {
  content: "";
  margin-left: 14px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 11px 12px 11px;
  border-color: transparent transparent #888 transparent;
}
.pinPictureInput2D .tooltip-flip {
  content: "";
  margin-left: 14px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 11px 0 11px;
  border-color: #888 transparent transparent transparent;
  margin-top: -2px;
}
.pinPictureInput2D .inner {
  background-color: rgba(255, 255, 255, 0.75);
  margin-top: -2px;
  border-radius: 3px;
  padding: 10px;
  font-size: 0.75rem;
}
.pinPictureInput2D .inner .linkWrap {
  margin-bottom: 10px;
}
.pinPictureInput2D .inner .linkWrap > .btnWrap {
  display: flex;
  gap: 5px;
  position: relative;
}
.pinPictureInput2D .inner .linkWrap > .btnWrap button {
  cursor: pointer;
  width: 100px;
  height: 32px;
  border: none;
  background-color: #eeeeee;
  border-bottom: none;
}
.pinPictureInput2D .inner .linkWrap > .btnWrap button:hover, .pinPictureInput2D .inner .linkWrap > .btnWrap button.active {
  background-color: #fbc04a;
  border-color: #bbb;
  color: #FFFFFF;
}
.pinPictureInput2D .inner .linkWrap > .btnWrap .arrowBtnsWrap {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 18px;
}
.pinPictureInput2D .inner .linkWrap > .btnWrap .arrow {
  cursor: pointer;
}
.pinPictureInput2D .inner .linkWrap .borderWrap {
  border: 1px solid #fbc04a;
  background-color: #FFFFFF;
}
.pinPictureInput2D .inner .linkWrap .borderWrap .remarksWrap {
  display: flex;
  justify-content: center;
  padding-bottom: 6px;
}
.pinPictureInput2D .inner .linkWrap .borderWrap .remarksWrap span {
  padding-right: 8px;
}
.pinPictureInput2D .inner .linkWrap .borderWrap .remarksBoxWrap {
  width: 87%;
}
.pinPictureInput2D .inner .linkWrap .borderWrap .remarksBoxWrap textarea {
  width: 100%;
  height: 48px;
  resize: none;
}
.pinPictureInput2D .inner .linkWrap .imgWrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 150px;
  padding: 0.5em;
}
.pinPictureInput2D .inner .linkWrap .imgWrap .btnDocDelete {
  position: absolute;
  cursor: pointer;
  right: 5px;
  top: 5px;
  transform: scale(0.75);
  transform-origin: top right;
}
.pinPictureInput2D .inner .linkWrap .imgWrap a {
  display: inline-block;
}
.pinPictureInput2D .inner .linkWrap .imgWrap img {
  vertical-align: bottom;
}
.pinPictureInput2D .inner .linkWrap .imgWrap .imgAfter {
  display: none;
  text-align: center;
  line-height: 1.4em;
}
.pinPictureInput2D .inner .linkWrap .imgWrap .imgAfter span {
  text-decoration: underline;
  font-weight: bold;
  cursor: pointer;
}
.pinPictureInput2D .inner .linkWrap .imgWrap .imgAfter span:hover {
  opacity: 0.5;
}
.pinPictureInput2D .inner .linkWrap .imgWrap .imgAfter [id^=afterBtn_] {
  cursor: pointer;
  background-image: url(../assets/icon.png);
  background-position: -388.5px -142.5px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
  border: none;
  border-radius: 50%;
  margin-bottom: 5px;
}
.pinPictureInput2D .inner .linkWrap .imgWrap .imgAfter [id^=afterBtn_]:hover {
  background-image: url(../assets/icon.png);
  background-position: -388.5px 0px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}
.pinPictureInput2D .inner .linkWrap .imgWrap .imgAfter [id^=btnGetDoc_] {
  cursor: pointer;
  background-image: url(../assets/icon.png);
  background-position: -142.5px -477px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
  border: none;
  border-radius: 50%;
}
.pinPictureInput2D .inner .linkWrap .imgWrap .imgAfter [id^=btnGetDoc_]:hover {
  background-image: url(../assets/icon.png);
  background-position: -95px -477px;
  width: 45px;
  height: 45px;
  background-size: 740.5px 715px;
}
.pinPictureInput2D .inner .textWrap {
  margin: 10px 0px;
  overflow: auto;
  height: 50px;
  width: 100%;
}
.pinPictureInput2D .inner .textWrapView .btn-circle {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  background: transparent;
  color: #000;
  text-decoration: none;
  text-align: center;
  margin: 0 110px;
}
.pinPictureInput2D .inner .textWrapView .textArea {
  padding: 8px;
  white-space: pre-wrap;
  overflow: auto;
  height: 163px;
  width: 112px;
}
.pinPictureInput2D .inner .infoWrap .infoHeaderWrap {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-bottom: 5px;
}
.pinPictureInput2D .inner .infoWrap .infoHeaderWrap .btnWrap {
  display: flex;
}
.pinPictureInput2D .inner .infoWrap .infoHeaderWrap .btnWrap input {
  display: none;
}
.pinPictureInput2D .inner .infoWrap .infoHeaderWrap .btnWrap input:checked + label {
  background-color: #fbc04a;
  border-color: #bbb;
  color: #FFFFFF;
}
.pinPictureInput2D .inner .infoWrap .infoHeaderWrap .btnWrap label {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  vertical-align: bottom;
  width: 100px;
  height: 28px;
  line-height: 28px;
  border: none;
  background-color: #eeeeee;
  border-bottom: none;
}
.pinPictureInput2D .inner .infoWrap .infoHeaderWrap .btnWrap label:first-of-type {
  border-radius: 5px 0 0 5px;
}
.pinPictureInput2D .inner .infoWrap .infoHeaderWrap .btnWrap label:last-of-type {
  border-radius: 0 5px 5px 0;
}
.pinPictureInput2D .inner .infoWrap .infoHeaderWrap .btnWrap label:hover {
  background-color: #fbc04a;
  border-color: #bbb;
  color: #FFFFFF;
}
.pinPictureInput2D .inner .infoWrap .infoHeaderWrap > label {
  margin-right: auto;
  line-height: 28px;
}
.pinPictureInput2D .inner .infoWrap .infoHeaderWrap > label input[type=checkbox] {
  vertical-align: middle;
}
.pinPictureInput2D .inner .infoWrap .infoHeaderWrap button.edit,
.pinPictureInput2D .inner .infoWrap .infoHeaderWrap button.pinChangeItem,
.pinPictureInput2D .inner .infoWrap .infoHeaderWrap button.complete {
  cursor: pointer;
  background: #888;
  border: none;
  padding: 0 0;
  min-width: 80px;
  color: #fff;
  line-height: 28px;
}
.pinPictureInput2D .inner .infoWrap .infoHeaderWrap button.edit:hover,
.pinPictureInput2D .inner .infoWrap .infoHeaderWrap button.pinChangeItem:hover,
.pinPictureInput2D .inner .infoWrap .infoHeaderWrap button.complete:hover {
  opacity: 0.75;
}
.pinPictureInput2D .inner .infoWrap .infoHeaderWrap button.pinChangeItem {
  padding: 0 10px;
  background: #FD8220;
}
.pinPictureInput2D .inner .infoWrap .infoHeaderWrap button.complete {
  display: none;
  background: #f8b500;
}
.pinPictureInput2D .inner .infoWrap .infoTableWrap .estimatedPrice input, .pinPictureInput2D .inner .infoWrap .infoTableWrap .unitPrice input[type=text] {
  text-align: right;
  padding: 0 16px 0 0;
}
.pinPictureInput2D .inner .infoWrap .infoTableWrap table {
  table-layout: fixed;
  border-bottom: 2px solid #bfbfbf;
  border-top: 2px solid #bfbfbf;
}
.pinPictureInput2D .inner .infoWrap .infoTableWrap table th, .pinPictureInput2D .inner .infoWrap .infoTableWrap table td {
  vertical-align: middle;
  border-right: none;
  border-left: none;
}
.pinPictureInput2D .inner .infoWrap .infoTableWrap table th.nameSearch, .pinPictureInput2D .inner .infoWrap .infoTableWrap table td.nameSearch {
  background-color: #EEEEEE !important;
}
.pinPictureInput2D .inner .infoWrap .infoTableWrap table th.name, .pinPictureInput2D .inner .infoWrap .infoTableWrap table td.name {
  border-bottom: 2px solid #bfbfbf;
}
.pinPictureInput2D .inner .infoWrap .infoTableWrap table th {
  width: 25%;
  min-height: 36px;
  background-color: inherit;
}
.pinPictureInput2D .inner .infoWrap .infoTableWrap table td.remarks {
  vertical-align: top;
}
.pinPictureInput2D .inner .infoWrap .infoTableWrap table td.remarks [id^=remarksBox_] {
  height: 70px;
  overflow-y: auto;
}
.pinPictureInput2D .inner .infoWrap .infoTableWrap table td.remarks textarea {
  width: 100%;
  height: 70px;
  resize: none;
  vertical-align: bottom;
}
.pinPictureInput2D .inner .infoWrap .infoTableWrap table td.nameSearch {
  position: relative;
}
.pinPictureInput2D .inner .infoWrap .infoTableWrap table td.nameSearch #nameSearchWrap {
  display: inline-block;
  position: relative;
}
.pinPictureInput2D .inner .infoWrap .infoTableWrap table td.nameSearch #nameSearchWrap button {
  position: absolute;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  border: none;
  background-color: inherit;
  padding: 0;
  vertical-align: middle;
  cursor: pointer;
}
.pinPictureInput2D .inner .infoWrap .infoTableWrap table td.nameSearch #nameSearchWrap button#nameSearchClearBtn {
  display: none;
  top: 0;
  right: 22px;
}
.pinPictureInput2D .inner .infoWrap .infoTableWrap table td.nameSearch #nameSearchWrap button#nameSearchClearBtn.active {
  display: block;
}
.pinPictureInput2D .inner .infoWrap .infoTableWrap table td.nameSearch #nameSearchWrap button#nameSearchClearBtn i {
  filter: brightness(60%);
  transform: scale(0.6);
  transform-origin: 25% 25%;
}
.pinPictureInput2D .inner .infoWrap .infoTableWrap table td.nameSearch #nameSearchWrap button#nameSearchBtn {
  background-image: url(../assets/search_icon.svg);
  top: 0;
  right: 2px;
}
.pinPictureInput2D .inner .infoWrap .infoTableWrap table td.nameSearch #nameSearchListBox {
  display: none;
  position: absolute;
  border: 2px solid #bfbfbf;
  background-color: #FFF;
  min-width: 196px;
  max-height: 160px;
  overflow-y: auto;
}
.pinPictureInput2D .inner .infoWrap .infoTableWrap table td.nameSearch #nameSearchListBox.active {
  display: block;
}
.pinPictureInput2D .inner .infoWrap .infoTableWrap table td.nameSearch #nameSearchListBox #nameSearchList li {
  line-height: 1rem;
  padding: 5px;
}
.pinPictureInput2D .inner .infoWrap .infoTableWrap table td.nameSearch #nameSearchListBox #nameSearchList li:hover {
  background-color: #fbc04a;
  color: #FFF;
}
.pinPictureInput2D .inner .infoWrap .infoTableWrap table td input {
  width: 130px;
  margin-right: 5px;
  vertical-align: bottom;
}
.pinPictureInput2D .inner .infoWrap .infoTableWrap table td input[type=number] {
  text-align: right;
}
.pinPictureInput2D .inner .infoWrap .infoTableWrap table td input#nameSearch {
  min-width: 152px;
  margin-right: 0;
  padding-right: 42px;
}
.pinPictureInput2D .inner .infoWrap .infoTableWrap table td select {
  min-width: 200px;
  vertical-align: bottom;
}
.pinPictureInput2D .inner .infoWrap .infoTableWrap table td .viewMode,
.pinPictureInput2D .inner .infoWrap .infoTableWrap table td .editMode {
  display: inline-block;
}
.pinPictureInput2D .inner .infoWrap .infoTableWrap table td .editMode {
  display: none;
  height: 22px;
  box-sizing: border-box;
}
.pinPictureInput2D .inner .infoWrap .infoTableWrap table td .editMode.nameOther {
  display: none;
  width: 200px;
}

/*-------------------------
pin 3D input dialog
-------------------------*/
.pinPictureInput3D {
  width: 100%;
  height: 100%;
}
.pinPictureInput3D .inner {
  height: 305px;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 3px;
  box-shadow: inset 0px 0px 0px 2px #888;
}
.pinPictureInput3D .inner::before {
  content: "";
  position: absolute;
  top: 305px;
  left: 78px;
  border: 11px solid transparent;
  border-top: 10px solid #888;
}
.pinPictureInput3D .inner .btn-unSelected {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 25px;
  background: transparent;
  color: #000;
  text-decoration: none;
  text-align: center;
  margin: 0px 0px 0px 155px;
  font-size: 22px;
  position: relative;
  top: 5px;
  font-family: sans-serif;
}
.pinPictureInput3D .inner .linkWrap {
  width: 162px;
  height: 250px;
  text-align: center;
}
.pinPictureInput3D .inner .textWrap {
  margin: 5px 0px 10px 12px;
}
.pinPictureInput3D .inner .textWrap .selectText {
  display: block;
  overflow: hidden;
  height: 14px;
  text-decoration-line: underline;
}
.pinPictureInput3D .inner .textWrapView .btn-circle {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 25px;
  background: transparent;
  color: #000;
  text-decoration: none;
  text-align: center;
  margin: 0px 0px 0px 153px;
  font-size: 18px;
  position: relative;
  top: 5px;
  font-family: sans-serif;
}
.pinPictureInput3D .inner .textWrapView .contentWrap {
  width: 165px;
  height: 265px;
  margin: 5px 0px 5px 10px;
  background-color: transparent;
  resize: none;
  border: none;
  overflow: auto;
}

/*-------------------------
pin 3D input dialog
-------------------------*/
#pinCameraInput3DDialog .dialogBody {
  overflow-x: hidden;
  overflow-y: hidden;
}
#pinCameraInput3DDialog .dialogPinTextInput3D {
  height: 175px;
}
#pinCameraInput3DDialog .pinTextWrap {
  width: 350px;
  height: 175px;
}
#pinCameraInput3DDialog .textWrap {
  line-height: 0;
}
#pinCameraInput3DDialog #pinTextInputText3D {
  width: 100%;
  height: 175px;
  resize: none;
  box-sizing: border-box;
  font-family: inherit;
}
#pinCameraInput3DDialog .textViewWrap {
  padding: 10px;
}
#pinCameraInput3DDialog .editMode {
  display: none;
}
#pinCameraInput3DDialog .editContainer {
  width: 100%;
}
#pinCameraInput3DDialog .textView {
  overflow: auto;
  max-width: 350px;
  max-height: 155px;
  width: 350px;
  height: 50px;
  background-color: #ececec;
}
#pinCameraInput3DDialog .linkUrlView {
  text-align: center;
}
#pinCameraInput3DDialog #pinLinkUrl {
  width: auto;
  height: 128px;
}
#pinCameraInput3DDialog .error_msg {
  color: red;
  font-size: 12px;
}

div[id^=pick],
div[id^=pick] > canvas {
  margin: 0px 7px;
}
div[id^=pick] .icon,
div[id^=pick] > canvas .icon {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
}

div[id^=pick] > div[id^=pick],
div[id^=pick] > canvas[id^=pick] {
  border-radius: 25%;
  box-sizing: border-box;
  background-color: #999;
  outline: 2px solid #ffffff;
  outline-offset: -2px;
}
div[id^=pick] > div[id^=pick]:hover,
div[id^=pick] > canvas[id^=pick]:hover {
  cursor: pointer !important;
  background-color: #FD8220;
}

.activePicker {
  cursor: pointer !important;
  background-color: #FD8220 !important;
}

#fitingGuide {
  pointer-events: none;
}
#fitingGuide .fittingGuideTextbox input {
  line-height: 16px;
  text-indent: 0px;
  border: 1px solid #4d4a4a;
  text-align: center;
  padding: 0px;
  pointer-events: all;
}
#fitingGuide .fittingGuideTextbox input.error {
  border: 1px solid #dc1a1a;
}
#fitingGuide .fittingGuideTextbox input:disabled {
  background-color: #CCCCCC;
}

#beamSettingDialog .dialogBody {
  color: #878787;
}
#beamSettingDialog .dialogBody tr, #beamSettingDialog .dialogBody th, #beamSettingDialog .dialogBody td {
  padding: 5px;
  text-align: left;
}
#beamSettingDialog .dialogBody #beamSettingGroup {
  background: #eee;
  margin-left: 20px;
  margin-right: 20px;
  width: 300px;
}
#beamSettingDialog .dialogBody #beamSettingGroup #beamHeight {
  width: 50px;
}

#pixelStreamingStatus {
  position: absolute;
  padding: 0px;
  margin: 0px;
  width: 320px;
  height: 350px;
  opacity: 1;
  top: 380px;
  right: 20px;
  visibility: visible;
  background: rgba(255, 255, 255, 0.2);
  overflow: hidden;
}
#pixelStreamingStatus .header {
  height: 25px;
  display: flex;
  align-items: center;
  background: rgba(226, 226, 226, 0.4509803922);
}
#pixelStreamingStatus .header span {
  flex: 1;
}
#pixelStreamingStatus #streamingLogContainer {
  height: 320px;
  overflow-y: auto;
}
#pixelStreamingStatus #streamingLogContainer span {
  width: 100%;
  line-height: 1.5;
  display: inline-block;
  font-size: 12px;
}

/*-------------------------
texture add 2D Dialog
-------------------------*/
#dialogTextureAndItemStarts2D {
  top: 70px;
  left: auto;
  right: 20px;
  margin: 0;
  height: min-content !important;
  max-height: calc(100% - 115px);
  display: flex !important;
  flex-direction: column;
  width: 300px;
}
#dialogTextureAndItemStarts2D .dialogBody {
  display: flex !important;
  flex-direction: column;
}
#dialogTextureAndItemStarts2D .textureWrap {
  display: flex;
  flex-wrap: nowrap;
  align-content: flex-start;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}
#dialogTextureAndItemStarts2D .textureChangeList {
  text-align: center;
  width: 100%;
}
#dialogTextureAndItemStarts2D .textureChangeList ul {
  width: calc(100% - 20px);
  display: inline-block;
  -webkit-overflow-scrolling: touch;
}
#dialogTextureAndItemStarts2D .textureChangeList ul li {
  width: calc(33.3% - 6px);
  margin: 0 3px 5px;
  float: left;
  cursor: pointer;
}
#dialogTextureAndItemStarts2D .textureChangeList ul li button {
  position: relative;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
#dialogTextureAndItemStarts2D .textureChangeList ul li p {
  margin-top: 3px;
}
#dialogTextureAndItemStarts2D .textureChangeList ul li.is-active .currentFrame {
  border: 4px solid #fd8220;
}
#dialogTextureAndItemStarts2D .textureChangeList img {
  vertical-align: top;
}
#dialogTextureAndItemStarts2D .textureChangeList .itemImgThumb {
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  max-height: 100px;
  object-fit: contain;
  aspect-ratio: 1;
}

#dialogTextureAndItemStarts .dialogBody,
#dialogTextureAndItem .dialogBody {
  display: flex !important;
  flex-direction: column;
}

#dialogTextureAndItemStarts,
#dialogTextureAndItem {
  width: min-content !important;
}
#dialogTextureAndItemStarts .tabContent1,
#dialogTextureAndItem .tabContent1 {
  width: 300px;
}
#dialogTextureAndItemStarts .tabContent2,
#dialogTextureAndItem .tabContent2 {
  width: min-content;
  max-width: 395px;
}

#dialogTextureAndItemStarts,
#dialogItemChange,
#dialogTextureAndItem {
  top: 70px;
  left: auto;
  right: 20px;
  margin: 0;
  height: min-content !important;
  max-height: calc(100% - 115px);
  display: flex !important;
  flex-direction: column;
}
#dialogTextureAndItemStarts .dialogBody,
#dialogItemChange .dialogBody,
#dialogTextureAndItem .dialogBody {
  margin: 10px 0px;
  padding: 0;
}
#dialogTextureAndItemStarts .itemChangeList li p,
#dialogItemChange .itemChangeList li p,
#dialogTextureAndItem .itemChangeList li p {
  margin-top: 6px;
}
#dialogTextureAndItemStarts .itemChangeList li.is-active .currentFrame,
#dialogItemChange .itemChangeList li.is-active .currentFrame,
#dialogTextureAndItem .itemChangeList li.is-active .currentFrame {
  outline: 4px solid #fd8220;
}
#dialogTextureAndItemStarts .itemChangeList .noItemError,
#dialogItemChange .itemChangeList .noItemError,
#dialogTextureAndItem .itemChangeList .noItemError {
  padding: 5px;
  font-size: 14px;
  margin-left: 5px;
  margin-right: 5px;
}
#dialogTextureAndItemStarts .textureChangeList,
#dialogTextureAndItemStarts .addItemList,
#dialogItemChange .textureChangeList,
#dialogItemChange .addItemList,
#dialogTextureAndItem .textureChangeList,
#dialogTextureAndItem .addItemList {
  margin-top: 10px;
}
#dialogTextureAndItemStarts .textureChangeList li p,
#dialogTextureAndItemStarts .addItemList li p,
#dialogItemChange .textureChangeList li p,
#dialogItemChange .addItemList li p,
#dialogTextureAndItem .textureChangeList li p,
#dialogTextureAndItem .addItemList li p {
  margin-top: 3px;
}
#dialogTextureAndItemStarts .textureChangeList li.is-active .currentFrame,
#dialogTextureAndItemStarts .addItemList li.is-active .currentFrame,
#dialogItemChange .textureChangeList li.is-active .currentFrame,
#dialogItemChange .addItemList li.is-active .currentFrame,
#dialogTextureAndItem .textureChangeList li.is-active .currentFrame,
#dialogTextureAndItem .addItemList li.is-active .currentFrame {
  border: 4px solid #fd8220;
}
#dialogTextureAndItemStarts .itemImgThumb,
#dialogItemChange .itemImgThumb,
#dialogTextureAndItem .itemImgThumb {
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  max-height: 100px;
  object-fit: contain;
  aspect-ratio: 1;
}
#dialogTextureAndItemStarts .itemChangeList,
#dialogTextureAndItemStarts .textureChangeList,
#dialogTextureAndItemStarts .addItemList,
#dialogItemChange .itemChangeList,
#dialogItemChange .textureChangeList,
#dialogItemChange .addItemList,
#dialogTextureAndItem .itemChangeList,
#dialogTextureAndItem .textureChangeList,
#dialogTextureAndItem .addItemList {
  text-align: center;
  width: 100%;
}
#dialogTextureAndItemStarts .itemChangeList .itemDetailWrap,
#dialogTextureAndItemStarts .textureChangeList .itemDetailWrap,
#dialogTextureAndItemStarts .addItemList .itemDetailWrap,
#dialogItemChange .itemChangeList .itemDetailWrap,
#dialogItemChange .textureChangeList .itemDetailWrap,
#dialogItemChange .addItemList .itemDetailWrap,
#dialogTextureAndItem .itemChangeList .itemDetailWrap,
#dialogTextureAndItem .textureChangeList .itemDetailWrap,
#dialogTextureAndItem .addItemList .itemDetailWrap {
  text-align: left;
  margin-left: 15px;
  margin-bottom: 10px;
}
#dialogTextureAndItemStarts .itemChangeList .itemDetailWrap .itemDetailHeader,
#dialogTextureAndItemStarts .textureChangeList .itemDetailWrap .itemDetailHeader,
#dialogTextureAndItemStarts .addItemList .itemDetailWrap .itemDetailHeader,
#dialogItemChange .itemChangeList .itemDetailWrap .itemDetailHeader,
#dialogItemChange .textureChangeList .itemDetailWrap .itemDetailHeader,
#dialogItemChange .addItemList .itemDetailWrap .itemDetailHeader,
#dialogTextureAndItem .itemChangeList .itemDetailWrap .itemDetailHeader,
#dialogTextureAndItem .textureChangeList .itemDetailWrap .itemDetailHeader,
#dialogTextureAndItem .addItemList .itemDetailWrap .itemDetailHeader {
  font-weight: bold;
}
#dialogTextureAndItemStarts .itemChangeList .itemDetailWrap .sizeTitle,
#dialogTextureAndItemStarts .textureChangeList .itemDetailWrap .sizeTitle,
#dialogTextureAndItemStarts .addItemList .itemDetailWrap .sizeTitle,
#dialogItemChange .itemChangeList .itemDetailWrap .sizeTitle,
#dialogItemChange .textureChangeList .itemDetailWrap .sizeTitle,
#dialogItemChange .addItemList .itemDetailWrap .sizeTitle,
#dialogTextureAndItem .itemChangeList .itemDetailWrap .sizeTitle,
#dialogTextureAndItem .textureChangeList .itemDetailWrap .sizeTitle,
#dialogTextureAndItem .addItemList .itemDetailWrap .sizeTitle {
  margin-top: 10px;
  font-weight: bold;
}
#dialogTextureAndItemStarts .itemChangeList .itemDetailWrap label,
#dialogTextureAndItemStarts .textureChangeList .itemDetailWrap label,
#dialogTextureAndItemStarts .addItemList .itemDetailWrap label,
#dialogItemChange .itemChangeList .itemDetailWrap label,
#dialogItemChange .textureChangeList .itemDetailWrap label,
#dialogItemChange .addItemList .itemDetailWrap label,
#dialogTextureAndItem .itemChangeList .itemDetailWrap label,
#dialogTextureAndItem .textureChangeList .itemDetailWrap label,
#dialogTextureAndItem .addItemList .itemDetailWrap label {
  text-align: right;
}
#dialogTextureAndItemStarts .itemChangeList .itemDetailWrap #select_sizechange,
#dialogTextureAndItemStarts .textureChangeList .itemDetailWrap #select_sizechange,
#dialogTextureAndItemStarts .addItemList .itemDetailWrap #select_sizechange,
#dialogItemChange .itemChangeList .itemDetailWrap #select_sizechange,
#dialogItemChange .textureChangeList .itemDetailWrap #select_sizechange,
#dialogItemChange .addItemList .itemDetailWrap #select_sizechange,
#dialogTextureAndItem .itemChangeList .itemDetailWrap #select_sizechange,
#dialogTextureAndItem .textureChangeList .itemDetailWrap #select_sizechange,
#dialogTextureAndItem .addItemList .itemDetailWrap #select_sizechange {
  width: 70%;
  text-align: center;
  height: 28px;
}
#dialogTextureAndItemStarts .itemChangeList ul,
#dialogTextureAndItemStarts .textureChangeList ul,
#dialogTextureAndItemStarts .addItemList ul,
#dialogItemChange .itemChangeList ul,
#dialogItemChange .textureChangeList ul,
#dialogItemChange .addItemList ul,
#dialogTextureAndItem .itemChangeList ul,
#dialogTextureAndItem .textureChangeList ul,
#dialogTextureAndItem .addItemList ul {
  display: inline-block;
  width: calc(100% - 20px);
  -webkit-overflow-scrolling: touch;
}
#dialogTextureAndItemStarts .itemChangeList li,
#dialogTextureAndItemStarts .textureChangeList li,
#dialogTextureAndItemStarts .addItemList li,
#dialogItemChange .itemChangeList li,
#dialogItemChange .textureChangeList li,
#dialogItemChange .addItemList li,
#dialogTextureAndItem .itemChangeList li,
#dialogTextureAndItem .textureChangeList li,
#dialogTextureAndItem .addItemList li {
  float: left;
  margin: 0 3px 5px;
  width: calc(50% - 6px);
  cursor: pointer;
}
#dialogTextureAndItemStarts .itemChangeList li span,
#dialogTextureAndItemStarts .textureChangeList li span,
#dialogTextureAndItemStarts .addItemList li span,
#dialogItemChange .itemChangeList li span,
#dialogItemChange .textureChangeList li span,
#dialogItemChange .addItemList li span,
#dialogTextureAndItem .itemChangeList li span,
#dialogTextureAndItem .textureChangeList li span,
#dialogTextureAndItem .addItemList li span {
  box-sizing: border-box;
}
#dialogTextureAndItemStarts .itemChangeList button,
#dialogTextureAndItemStarts .textureChangeList button,
#dialogTextureAndItemStarts .addItemList button,
#dialogItemChange .itemChangeList button,
#dialogItemChange .textureChangeList button,
#dialogItemChange .addItemList button,
#dialogTextureAndItem .itemChangeList button,
#dialogTextureAndItem .textureChangeList button,
#dialogTextureAndItem .addItemList button {
  position: relative;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
#dialogTextureAndItemStarts .itemChangeList img,
#dialogTextureAndItemStarts .textureChangeList img,
#dialogTextureAndItemStarts .addItemList img,
#dialogItemChange .itemChangeList img,
#dialogItemChange .textureChangeList img,
#dialogItemChange .addItemList img,
#dialogTextureAndItem .itemChangeList img,
#dialogTextureAndItem .textureChangeList img,
#dialogTextureAndItem .addItemList img {
  vertical-align: top;
}
#dialogTextureAndItemStarts .itemChangeList p,
#dialogTextureAndItemStarts .textureChangeList p,
#dialogTextureAndItemStarts .addItemList p,
#dialogItemChange .itemChangeList p,
#dialogItemChange .textureChangeList p,
#dialogItemChange .addItemList p,
#dialogTextureAndItem .itemChangeList p,
#dialogTextureAndItem .textureChangeList p,
#dialogTextureAndItem .addItemList p {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  height: 22px;
  line-height: 13px;
  font-size: 11px;
  overflow-wrap: break-word;
  word-break: keep-all;
}
#dialogTextureAndItemStarts .itemChangeList .currentFrame,
#dialogTextureAndItemStarts .textureChangeList .currentFrame,
#dialogTextureAndItemStarts .addItemList .currentFrame,
#dialogItemChange .itemChangeList .currentFrame,
#dialogItemChange .textureChangeList .currentFrame,
#dialogItemChange .addItemList .currentFrame,
#dialogTextureAndItem .itemChangeList .currentFrame,
#dialogTextureAndItem .textureChangeList .currentFrame,
#dialogTextureAndItem .addItemList .currentFrame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#dialogTextureAndItemStarts .textureChangeList li,
#dialogItemChange .textureChangeList li,
#dialogTextureAndItem .textureChangeList li {
  width: calc(33.3% - 6px);
}
#dialogTextureAndItemStarts .addItemCategorySelect,
#dialogItemChange .addItemCategorySelect,
#dialogTextureAndItem .addItemCategorySelect {
  margin-left: 15px;
  max-width: 167px;
  padding-right: 5px;
  overflow: auto;
}
#dialogTextureAndItemStarts .addItemList,
#dialogItemChange .addItemList,
#dialogTextureAndItem .addItemList {
  padding-right: 5px;
  padding-left: 10px;
  margin-left: 5px;
  border-left: 1px solid #aaa;
  width: min-content;
  overflow-y: scroll;
  overflow-x: hidden;
}
#dialogTextureAndItemStarts .addItemList ul,
#dialogItemChange .addItemList ul,
#dialogTextureAndItem .addItemList ul {
  width: 180px;
}
#dialogTextureAndItemStarts .textureChangeList > .floorMode .floorTextureCategoryTitle,
#dialogItemChange .textureChangeList > .floorMode .floorTextureCategoryTitle,
#dialogTextureAndItem .textureChangeList > .floorMode .floorTextureCategoryTitle {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0px;
}
#dialogTextureAndItemStarts .textureChangeList > .floorMode .floorTextureCategoryTitle span,
#dialogItemChange .textureChangeList > .floorMode .floorTextureCategoryTitle span,
#dialogTextureAndItem .textureChangeList > .floorMode .floorTextureCategoryTitle span {
  width: calc(100% - 8px);
  color: #fff;
  background-color: #A6A6A6;
}
#dialogTextureAndItemStarts .textureChangeList > .floorMode ul,
#dialogItemChange .textureChangeList > .floorMode ul,
#dialogTextureAndItem .textureChangeList > .floorMode ul {
  width: 100%;
}
#dialogTextureAndItemStarts .textureChangeList > .floorMode ul li,
#dialogItemChange .textureChangeList > .floorMode ul li,
#dialogTextureAndItem .textureChangeList > .floorMode ul li {
  float: none;
  margin: none;
  width: calc(100% - 10px);
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-direction: row;
  border: 1px solid #aaa;
  margin-bottom: 15px;
}
#dialogTextureAndItemStarts .textureChangeList > .floorMode ul li button,
#dialogItemChange .textureChangeList > .floorMode ul li button,
#dialogTextureAndItem .textureChangeList > .floorMode ul li button {
  padding: 8px;
  width: 100%;
  text-align: left;
}
#dialogTextureAndItemStarts .textureChangeList > .floorMode ul li p,
#dialogItemChange .textureChangeList > .floorMode ul li p,
#dialogTextureAndItem .textureChangeList > .floorMode ul li p {
  position: absolute;
  left: 85px;
}

#dialogTextureAndItemStarts.notSiteMode .dialogHeader,
#dialogTextureAndItem.notSiteMode .dialogHeader {
  visibility: hidden;
}
#dialogTextureAndItemStarts.notSiteMode .dialogHeader .dialogTitle,
#dialogTextureAndItem.notSiteMode .dialogHeader .dialogTitle {
  height: 40px;
}
#dialogTextureAndItemStarts.siteMode .dialogHeader,
#dialogTextureAndItem.siteMode .dialogHeader {
  visibility: visible;
}
#dialogTextureAndItemStarts.siteMode .tabWrap,
#dialogTextureAndItem.siteMode .tabWrap {
  width: min-content;
  max-width: 395px;
  justify-content: space-between;
  flex-direction: row;
}
#dialogTextureAndItemStarts .tabWrap,
#dialogTextureAndItem .tabWrap {
  display: flex;
  flex-wrap: nowrap;
  align-content: flex-start;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}
#dialogTextureAndItemStarts input[type=radio],
#dialogTextureAndItem input[type=radio] {
  display: none;
}
#dialogTextureAndItemStarts .tabLabel,
#dialogTextureAndItem .tabLabel {
  position: absolute;
  top: 0;
  background: #888;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  order: -1;
  padding: 10px 15px;
  cursor: pointer;
  width: 50%;
  box-sizing: border-box;
  height: min-content;
}
#dialogTextureAndItemStarts .tabLabel:hover,
#dialogTextureAndItem .tabLabel:hover {
  background-color: #fff;
  color: #777;
}
#dialogTextureAndItemStarts .tabLabel:nth-of-type(2),
#dialogTextureAndItem .tabLabel:nth-of-type(2) {
  right: 0;
}
#dialogTextureAndItemStarts .tabContent,
#dialogTextureAndItem .tabContent {
  max-height: calc(100% - 60px);
  overflow: none;
  position: relative;
  display: none;
  background: #fff;
}
#dialogTextureAndItemStarts .tabContent2,
#dialogTextureAndItem .tabContent2 {
  flex: 1;
  overflow: hidden;
  flex-direction: row;
  justify-content: space-between;
  height: 100%;
  margin: 10px 0px;
}
#dialogTextureAndItemStarts .addItemCategorySelect,
#dialogTextureAndItem .addItemCategorySelect {
  display: flex;
  justify-content: flex-start;
}
#dialogTextureAndItemStarts .addItemCategorySelect #categoryTree,
#dialogTextureAndItem .addItemCategorySelect #categoryTree {
  white-space: nowrap;
  font-size: 13px;
}
#dialogTextureAndItemStarts .addItemCategorySelect #categoryTree ul:not(:first-child),
#dialogTextureAndItem .addItemCategorySelect #categoryTree ul:not(:first-child) {
  margin-left: 15px;
}
#dialogTextureAndItemStarts .addItemCategorySelect #categoryTree a, #dialogTextureAndItemStarts .addItemCategorySelect #categoryTree span,
#dialogTextureAndItem .addItemCategorySelect #categoryTree a,
#dialogTextureAndItem .addItemCategorySelect #categoryTree span {
  cursor: pointer;
}
#dialogTextureAndItemStarts .addItemCategorySelect #categoryTree .listActive,
#dialogTextureAndItem .addItemCategorySelect #categoryTree .listActive {
  color: #FD8220;
}
#dialogTextureAndItemStarts .tabSwitch:checked + .tabLabel,
#dialogTextureAndItem .tabSwitch:checked + .tabLabel {
  background: #fff;
  color: #777;
}
#dialogTextureAndItemStarts .tabSwitch:checked + .tabLabel + .tabContent,
#dialogTextureAndItem .tabSwitch:checked + .tabLabel + .tabContent {
  display: flex;
}

#dialogItemChange {
  width: 250px !important;
}
#dialogItemChange .dialogBody {
  display: flex;
  flex-direction: column;
  overflow: visible;
  margin: 0;
}
#dialogItemChange .dialogBody .noItems {
  padding: 20px 0 0;
  font-size: 0.9em;
  text-align: center;
}
#dialogItemChange .dialogBody .itemChangeList {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
}
#dialogItemChange .dialogBody .itemChangeList .itemDetailWrap,
#dialogItemChange .dialogBody .itemChangeList .selectItemDetailWrap {
  font-size: 0.9rem;
  margin: 0;
  padding: 10px 10px;
}
#dialogItemChange .dialogBody .itemChangeList .itemDetailWrap .inner,
#dialogItemChange .dialogBody .itemChangeList .selectItemDetailWrap .inner {
  position: relative;
  background-color: #FFF;
  padding: 5px 10px 10px;
}
#dialogItemChange .dialogBody .itemChangeList .itemDetailWrap .inner > div,
#dialogItemChange .dialogBody .itemChangeList .selectItemDetailWrap .inner > div {
  display: flex;
  margin-top: 5px;
}
#dialogItemChange .dialogBody .itemChangeList .itemDetailWrap .inner label,
#dialogItemChange .dialogBody .itemChangeList .selectItemDetailWrap .inner label {
  display: flex;
  background-color: #ddd;
  text-align: center;
  margin-right: 5px;
  justify-content: center;
  flex-direction: column;
}
#dialogItemChange .dialogBody .itemChangeList .itemDetailWrap .inner .itemInfoWrap,
#dialogItemChange .dialogBody .itemChangeList .selectItemDetailWrap .inner .itemInfoWrap {
  text-align: left;
  flex: 1;
}
#dialogItemChange .dialogBody .itemChangeList .itemDetailWrap .inner::after,
#dialogItemChange .dialogBody .itemChangeList .selectItemDetailWrap .inner::after {
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(255, 255, 255, 0);
  border-width: 8px;
}
#dialogItemChange .dialogBody .itemChangeList .itemDetailWrap {
  background-color: #ddd;
}
#dialogItemChange .dialogBody .itemChangeList .itemDetailWrap .inner label {
  width: 80px;
}
#dialogItemChange .dialogBody .itemChangeList .itemDetailWrap .inner::after {
  border-right-color: #FFFFFF;
  right: 100%;
  top: 12px;
}
#dialogItemChange .dialogBody .itemChangeList .selectItemDetailWrap {
  display: none;
  position: absolute;
  width: 230px;
  background-color: rgba(253, 130, 32, 0.6);
}
#dialogItemChange .dialogBody .itemChangeList .selectItemDetailWrap.is-active {
  display: block;
}
#dialogItemChange .dialogBody .itemChangeList .selectItemDetailWrap .inner label {
  width: 80px;
}
#dialogItemChange .dialogBody .itemChangeList .selectItemDetailWrap .inner::after {
  border-left-color: rgba(253, 130, 32, 0.6);
  border-left-width: 36px;
  top: calc(50% - 8px);
  right: -54px;
}
#dialogItemChange .dialogBody .itemChangeList .sizeWrap {
  display: flex;
  padding: 10px;
  font-size: 0.9rem;
  border-bottom: 1px solid #888;
  box-sizing: border-box;
}
#dialogItemChange .dialogBody .itemChangeList .sizeWrap label {
  font-weight: bold;
  margin: 0 10px;
  line-height: 24px;
}
#dialogItemChange .dialogBody .itemChangeList .sizeWrap div {
  flex-grow: 1;
}
#dialogItemChange .dialogBody .itemChangeList .sizeWrap div select {
  width: 100%;
  height: 24px;
}
#dialogItemChange .dialogBody .itemChangeList .alternativeItemListWrap {
  width: 100%;
  padding: 10px 0 5px;
  overflow-y: auto;
}
#dialogItemChange .dialogBody .itemChangeList .alternativeItemListWrap li {
  position: relative;
}
#dialogItemChange .dialogFooter {
  border-top: 1px solid #888;
  box-sizing: border-box;
}

#psInteractiveElement {
  pointer-events: none;
  position: absolute;
  cursor: pointer;
}

.footerMenuMovieModeWrap {
  display: none;
  float: left;
  height: 30px;
  font-size: 18px;
  align-items: center;
}
.footerMenuMovieModeWrap #movieSnapBtn,
.footerMenuMovieModeWrap #dayTimeSettingBtn,
.footerMenuMovieModeWrap #placeSettingBtn,
.footerMenuMovieModeWrap #lightSettingBtn {
  height: 30px;
  padding: 0px 10px;
  cursor: pointer;
  background-color: #ffffff;
  border: 1px solid #888;
}
.footerMenuMovieModeWrap #movieSnapBtn:hover,
.footerMenuMovieModeWrap #dayTimeSettingBtn:hover,
.footerMenuMovieModeWrap #placeSettingBtn:hover,
.footerMenuMovieModeWrap #lightSettingBtn:hover {
  background-color: #888;
  color: #fff;
}
.footerMenuMovieModeWrap .timeSettingWrap,
.footerMenuMovieModeWrap .lightSettingWrap {
  color: #666;
  display: flex;
  align-items: center;
}
.footerMenuMovieModeWrap .timeSettingWrap #movieDayDate,
.footerMenuMovieModeWrap .lightSettingWrap #movieDayDate {
  cursor: pointer;
  padding: 2px;
  margin-right: 5px;
  color: #666;
  font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.footerMenuMovieModeWrap .timeSettingWrap .timeSettingBar .rangeWrap,
.footerMenuMovieModeWrap .lightSettingWrap .timeSettingBar .rangeWrap {
  display: inline-flex;
  position: relative;
}
.footerMenuMovieModeWrap .timeSettingWrap .timeSettingBar .rangeWrap:hover output,
.footerMenuMovieModeWrap .lightSettingWrap .timeSettingBar .rangeWrap:hover output {
  display: block;
}
.footerMenuMovieModeWrap .timeSettingWrap .timeSettingBar .rangeWrap:active output,
.footerMenuMovieModeWrap .lightSettingWrap .timeSettingBar .rangeWrap:active output {
  display: block;
}
.footerMenuMovieModeWrap .timeSettingWrap .timeSettingBar #timeSettingSlider,
.footerMenuMovieModeWrap .lightSettingWrap .timeSettingBar #timeSettingSlider {
  border: 1px solid #999;
  border-radius: 5px;
  -webkit-appearance: none;
  height: 7px;
  background-color: #EFEFEF;
  cursor: pointer;
}
.footerMenuMovieModeWrap .timeSettingWrap .timeSettingBar output,
.footerMenuMovieModeWrap .lightSettingWrap .timeSettingBar output {
  display: none;
  font-size: 14px;
  text-align: right;
  top: -40px;
  align-items: center;
  position: absolute;
  background: #FFF;
  padding: 8px;
  border-radius: 5px;
  -webkit-filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.7));
  transform: translateX(-50%);
}
.footerMenuMovieModeWrap .timeSettingWrap .timeSettingBar output:before,
.footerMenuMovieModeWrap .lightSettingWrap .timeSettingBar output:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -6px;
  border: 6px solid transparent;
  border-top: 6px solid #fff;
}
.footerMenuMovieModeWrap .timeSettingWrap input[type=range]::-webkit-slider-thumb,
.footerMenuMovieModeWrap .lightSettingWrap input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #FD8220;
  box-shadow: 1px 1px 2px rgba(51, 51, 51, 0.5);
}
.footerMenuMovieModeWrap .timeSettingWrap #dayTimeSettingBtn,
.footerMenuMovieModeWrap .timeSettingWrap #placeSettingBtn,
.footerMenuMovieModeWrap .timeSettingWrap #lightSettingBtn,
.footerMenuMovieModeWrap .lightSettingWrap #dayTimeSettingBtn,
.footerMenuMovieModeWrap .lightSettingWrap #placeSettingBtn,
.footerMenuMovieModeWrap .lightSettingWrap #lightSettingBtn {
  color: #666;
  cursor: pointer;
  background-color: #ffffff;
  border: 1px solid #888;
  font-size: 14px;
  margin-left: 10px;
}
.footerMenuMovieModeWrap .timeSettingWrap #dayTimeSettingBtn .iconActive,
.footerMenuMovieModeWrap .timeSettingWrap #placeSettingBtn .iconActive,
.footerMenuMovieModeWrap .timeSettingWrap #lightSettingBtn .iconActive,
.footerMenuMovieModeWrap .lightSettingWrap #dayTimeSettingBtn .iconActive,
.footerMenuMovieModeWrap .lightSettingWrap #placeSettingBtn .iconActive,
.footerMenuMovieModeWrap .lightSettingWrap #lightSettingBtn .iconActive {
  display: none;
}
.footerMenuMovieModeWrap .timeSettingWrap #dayTimeSettingBtn .iconNonActive,
.footerMenuMovieModeWrap .timeSettingWrap #placeSettingBtn .iconNonActive,
.footerMenuMovieModeWrap .timeSettingWrap #lightSettingBtn .iconNonActive,
.footerMenuMovieModeWrap .lightSettingWrap #dayTimeSettingBtn .iconNonActive,
.footerMenuMovieModeWrap .lightSettingWrap #placeSettingBtn .iconNonActive,
.footerMenuMovieModeWrap .lightSettingWrap #lightSettingBtn .iconNonActive {
  display: block;
}
.footerMenuMovieModeWrap .timeSettingWrap #dayTimeSettingBtn:hover,
.footerMenuMovieModeWrap .timeSettingWrap #placeSettingBtn:hover,
.footerMenuMovieModeWrap .timeSettingWrap #lightSettingBtn:hover,
.footerMenuMovieModeWrap .lightSettingWrap #dayTimeSettingBtn:hover,
.footerMenuMovieModeWrap .lightSettingWrap #placeSettingBtn:hover,
.footerMenuMovieModeWrap .lightSettingWrap #lightSettingBtn:hover {
  background-color: #888;
  color: #fff;
}
.footerMenuMovieModeWrap .timeSettingWrap #dayTimeSettingBtn:hover .iconActive,
.footerMenuMovieModeWrap .timeSettingWrap #placeSettingBtn:hover .iconActive,
.footerMenuMovieModeWrap .timeSettingWrap #lightSettingBtn:hover .iconActive,
.footerMenuMovieModeWrap .lightSettingWrap #dayTimeSettingBtn:hover .iconActive,
.footerMenuMovieModeWrap .lightSettingWrap #placeSettingBtn:hover .iconActive,
.footerMenuMovieModeWrap .lightSettingWrap #lightSettingBtn:hover .iconActive {
  display: block;
}
.footerMenuMovieModeWrap .timeSettingWrap #dayTimeSettingBtn:hover .iconNonActive,
.footerMenuMovieModeWrap .timeSettingWrap #placeSettingBtn:hover .iconNonActive,
.footerMenuMovieModeWrap .timeSettingWrap #lightSettingBtn:hover .iconNonActive,
.footerMenuMovieModeWrap .lightSettingWrap #dayTimeSettingBtn:hover .iconNonActive,
.footerMenuMovieModeWrap .lightSettingWrap #placeSettingBtn:hover .iconNonActive,
.footerMenuMovieModeWrap .lightSettingWrap #lightSettingBtn:hover .iconNonActive {
  display: none;
}
.footerMenuMovieModeWrap .timeSettingWrap .lightSettingBar #lightSettingSlider,
.footerMenuMovieModeWrap .timeSettingWrap .lightSettingBar #colorSettingSlider,
.footerMenuMovieModeWrap .timeSettingWrap .colorSettingBar #lightSettingSlider,
.footerMenuMovieModeWrap .timeSettingWrap .colorSettingBar #colorSettingSlider,
.footerMenuMovieModeWrap .lightSettingWrap .lightSettingBar #lightSettingSlider,
.footerMenuMovieModeWrap .lightSettingWrap .lightSettingBar #colorSettingSlider,
.footerMenuMovieModeWrap .lightSettingWrap .colorSettingBar #lightSettingSlider,
.footerMenuMovieModeWrap .lightSettingWrap .colorSettingBar #colorSettingSlider {
  margin: 0px 5px;
  -webkit-appearance: none;
  border: 1px solid #999;
  border-radius: 5px;
  height: 7px;
  cursor: pointer;
}
.footerMenuMovieModeWrap .timeSettingWrap .lightSettingBar #lightSettingSlider,
.footerMenuMovieModeWrap .timeSettingWrap .colorSettingBar #lightSettingSlider,
.footerMenuMovieModeWrap .lightSettingWrap .lightSettingBar #lightSettingSlider,
.footerMenuMovieModeWrap .lightSettingWrap .colorSettingBar #lightSettingSlider {
  background: linear-gradient(to right, #898989, #fff);
}
.footerMenuMovieModeWrap .timeSettingWrap .lightSettingBar #colorSettingSlider,
.footerMenuMovieModeWrap .timeSettingWrap .colorSettingBar #colorSettingSlider,
.footerMenuMovieModeWrap .lightSettingWrap .lightSettingBar #colorSettingSlider,
.footerMenuMovieModeWrap .lightSettingWrap .colorSettingBar #colorSettingSlider {
  background: linear-gradient(to right, #ff8912, #ffb46b, #ffd1a3, #ffe4ce, #fff3ef, #f5f3ff, #e3e9ff);
}
.footerMenuMovieModeWrap .settingMenuWrap {
  position: relative;
}
.footerMenuMovieModeWrap .dayTimeSettingData,
.footerMenuMovieModeWrap .placeSettingMap,
.footerMenuMovieModeWrap .lightSettingBar {
  display: none;
  align-items: center;
  position: absolute;
  background: #FFF;
  padding: 15px;
  border-radius: 5px;
  -webkit-filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.7));
}
.footerMenuMovieModeWrap .dayTimeSettingData .title,
.footerMenuMovieModeWrap .placeSettingMap .title,
.footerMenuMovieModeWrap .lightSettingBar .title {
  font-weight: bold;
}
.footerMenuMovieModeWrap .dayTimeSettingData span,
.footerMenuMovieModeWrap .placeSettingMap span,
.footerMenuMovieModeWrap .lightSettingBar span {
  font-size: 16px;
}
.footerMenuMovieModeWrap .dayTimeSettingData .daySettingData,
.footerMenuMovieModeWrap .dayTimeSettingData .timeSettingBar,
.footerMenuMovieModeWrap .placeSettingMap .daySettingData,
.footerMenuMovieModeWrap .placeSettingMap .timeSettingBar,
.footerMenuMovieModeWrap .lightSettingBar .daySettingData,
.footerMenuMovieModeWrap .lightSettingBar .timeSettingBar {
  margin-bottom: 15px;
}
.footerMenuMovieModeWrap .dayTimeSettingData .daySettingData .jp, .footerMenuMovieModeWrap .dayTimeSettingData .daySettingData .en,
.footerMenuMovieModeWrap .dayTimeSettingData .timeSettingBar .jp,
.footerMenuMovieModeWrap .dayTimeSettingData .timeSettingBar .en,
.footerMenuMovieModeWrap .placeSettingMap .daySettingData .jp,
.footerMenuMovieModeWrap .placeSettingMap .daySettingData .en,
.footerMenuMovieModeWrap .placeSettingMap .timeSettingBar .jp,
.footerMenuMovieModeWrap .placeSettingMap .timeSettingBar .en,
.footerMenuMovieModeWrap .lightSettingBar .daySettingData .jp,
.footerMenuMovieModeWrap .lightSettingBar .daySettingData .en,
.footerMenuMovieModeWrap .lightSettingBar .timeSettingBar .jp,
.footerMenuMovieModeWrap .lightSettingBar .timeSettingBar .en {
  margin-right: 10px;
}
.footerMenuMovieModeWrap .dayTimeSettingData .daySettingData .timeSettingSpanMin,
.footerMenuMovieModeWrap .dayTimeSettingData .timeSettingBar .timeSettingSpanMin,
.footerMenuMovieModeWrap .placeSettingMap .daySettingData .timeSettingSpanMin,
.footerMenuMovieModeWrap .placeSettingMap .timeSettingBar .timeSettingSpanMin,
.footerMenuMovieModeWrap .lightSettingBar .daySettingData .timeSettingSpanMin,
.footerMenuMovieModeWrap .lightSettingBar .timeSettingBar .timeSettingSpanMin {
  margin-right: 5px;
}
.footerMenuMovieModeWrap .dayTimeSettingData .daySettingData .timeSettingSpanMax,
.footerMenuMovieModeWrap .dayTimeSettingData .timeSettingBar .timeSettingSpanMax,
.footerMenuMovieModeWrap .placeSettingMap .daySettingData .timeSettingSpanMax,
.footerMenuMovieModeWrap .placeSettingMap .timeSettingBar .timeSettingSpanMax,
.footerMenuMovieModeWrap .lightSettingBar .daySettingData .timeSettingSpanMax,
.footerMenuMovieModeWrap .lightSettingBar .timeSettingBar .timeSettingSpanMax {
  margin-left: 5px;
}
.footerMenuMovieModeWrap .dayTimeSettingData .daySettingData .timeSettingSpanMin,
.footerMenuMovieModeWrap .dayTimeSettingData .daySettingData .timeSettingSpanMax,
.footerMenuMovieModeWrap .dayTimeSettingData .timeSettingBar .timeSettingSpanMin,
.footerMenuMovieModeWrap .dayTimeSettingData .timeSettingBar .timeSettingSpanMax,
.footerMenuMovieModeWrap .placeSettingMap .daySettingData .timeSettingSpanMin,
.footerMenuMovieModeWrap .placeSettingMap .daySettingData .timeSettingSpanMax,
.footerMenuMovieModeWrap .placeSettingMap .timeSettingBar .timeSettingSpanMin,
.footerMenuMovieModeWrap .placeSettingMap .timeSettingBar .timeSettingSpanMax,
.footerMenuMovieModeWrap .lightSettingBar .daySettingData .timeSettingSpanMin,
.footerMenuMovieModeWrap .lightSettingBar .daySettingData .timeSettingSpanMax,
.footerMenuMovieModeWrap .lightSettingBar .timeSettingBar .timeSettingSpanMin,
.footerMenuMovieModeWrap .lightSettingBar .timeSettingBar .timeSettingSpanMax {
  font-size: 15px;
}
.footerMenuMovieModeWrap .dayTimeSettingData .daySettingData,
.footerMenuMovieModeWrap .placeSettingMap .daySettingData,
.footerMenuMovieModeWrap .lightSettingBar .daySettingData {
  display: flex;
  align-items: center;
}
.footerMenuMovieModeWrap .dayTimeSettingData .daySettingData input,
.footerMenuMovieModeWrap .placeSettingMap .daySettingData input,
.footerMenuMovieModeWrap .lightSettingBar .daySettingData input {
  height: 20px;
}
.footerMenuMovieModeWrap .dayTimeSettingData {
  top: -144px;
  width: 283px;
}
.footerMenuMovieModeWrap .dayTimeSettingData .daySettingError {
  color: #FF0000;
  visibility: hidden;
}
.footerMenuMovieModeWrap .dayTimeSettingData .daySettingError span {
  font-size: 14px;
}
.footerMenuMovieModeWrap .dayTimeSettingData #setCurrentTimeBtn {
  background: none;
  border: none;
  position: absolute;
  right: 15px;
  bottom: 11px;
  cursor: pointer;
}
.footerMenuMovieModeWrap .dayTimeSettingData #setCurrentTimeBtn span {
  font-size: 14px;
  border-bottom: 1px solid #0400ff;
  color: #0400ff;
}
.footerMenuMovieModeWrap .dayTimeSettingData #setCurrentTimeBtn:hover span {
  border-bottom: 1px solid #FF0000;
  color: #FF0000;
}
.footerMenuMovieModeWrap .placeSettingMap {
  top: -377px;
}
.footerMenuMovieModeWrap .placeSettingMap canvas {
  cursor: pointer;
}
.footerMenuMovieModeWrap .placeSettingMap #mapBox {
  width: 400px;
  height: 300px;
}
.footerMenuMovieModeWrap .placeSettingMap .jp, .footerMenuMovieModeWrap .placeSettingMap .en {
  margin-bottom: 10px;
}
.footerMenuMovieModeWrap .lightSettingBar {
  top: -163px;
}
.footerMenuMovieModeWrap .lightSettingBar .lightSetting {
  margin-bottom: 15px;
}
.footerMenuMovieModeWrap .lightSettingBar .colorSetting {
  margin-bottom: 5px;
}
.footerMenuMovieModeWrap .lightSettingBar div {
  margin-left: 16px;
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.footerMenuMovieModeWrap .lightSettingBar .sliderMinus,
.footerMenuMovieModeWrap .lightSettingBar .sliderPlus {
  font-size: 16px;
  font-weight: bold;
}
.footerMenuMovieModeWrap .lightSettingBar .sliderHot,
.footerMenuMovieModeWrap .lightSettingBar .sliderCold {
  font-size: 15px;
}
.footerMenuMovieModeWrap .toolTipActive .dayTimeSettingData,
.footerMenuMovieModeWrap .toolTipActive .lightSettingBar {
  display: inline-block;
}
.footerMenuMovieModeWrap .toolTipActive .placeSettingMap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.footerMenuMovieModeWrap .toolTipActive #dayTimeSettingBtn,
.footerMenuMovieModeWrap .toolTipActive #placeSettingBtn,
.footerMenuMovieModeWrap .toolTipActive #lightSettingBtn {
  background-color: #888;
  color: #fff;
}
.footerMenuMovieModeWrap .toolTipActive #dayTimeSettingBtn .iconActive,
.footerMenuMovieModeWrap .toolTipActive #placeSettingBtn .iconActive,
.footerMenuMovieModeWrap .toolTipActive #lightSettingBtn .iconActive {
  display: block;
}
.footerMenuMovieModeWrap .toolTipActive #dayTimeSettingBtn .iconNonActive,
.footerMenuMovieModeWrap .toolTipActive #placeSettingBtn .iconNonActive,
.footerMenuMovieModeWrap .toolTipActive #lightSettingBtn .iconNonActive {
  display: none;
}

.footerMenuMovieModeWrap.typeHouse .dayTimeSettingData,
.footerMenuMovieModeWrap.typeHouse .placeSettingMap,
.footerMenuMovieModeWrap.typeHouse .lightSettingBar {
  left: calc(50% + 5px);
  transform: translateX(-50%);
}
.footerMenuMovieModeWrap.typeHouse .dayTimeSettingData:before,
.footerMenuMovieModeWrap.typeHouse .placeSettingMap:before,
.footerMenuMovieModeWrap.typeHouse .lightSettingBar:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #fff;
}

.footerMenuMovieModeWrap.typeMansion .dayTimeSettingData {
  left: 0;
  transform: translateX(-45px);
}
.footerMenuMovieModeWrap.typeMansion .dayTimeSettingData:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 77px;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #fff;
}
.footerMenuMovieModeWrap.typeMansion .placeSettingMap {
  left: 0;
  transform: translateX(-100px);
}
.footerMenuMovieModeWrap.typeMansion .placeSettingMap:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 134px;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #fff;
}
.footerMenuMovieModeWrap.typeMansion .lightSettingBar {
  left: calc(50% + 5px);
  transform: translateX(-50%);
}
.footerMenuMovieModeWrap.typeMansion .lightSettingBar:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #fff;
}

#dialogSizeSetting .bodyContents {
  width: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
}
#dialogSizeSetting .sizeSettingTable {
  margin-left: 20px;
}
#dialogSizeSetting .sizeSettingTable td {
  text-align: right;
}
#dialogSizeSetting .sizeSettingTable td {
  height: 38px;
}
#dialogSizeSetting .sizeSettingTable td:nth-child(2) {
  width: 120px;
}
#dialogSizeSetting .sizeSettingTable td .unit {
  margin-left: 5px;
}
#dialogSizeSetting .sizeSettingTable input {
  width: 65px;
}

/*===========================================================================
フッターメニュー
============================================================================*/
#footerMenuQuotationList {
  --listResize: 0;
}

#footerMenuQuotationList {
  position: absolute;
  bottom: 75px;
  width: calc(100% - 50px);
  height: 260px;
  max-height: calc(100% - 110px);
  min-height: 56px;
  left: 50px;
  margin: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: 0.5s;
  transform: translate(0px, calc(100% - 18px));
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  pointer-events: none;
}
#footerMenuQuotationList #btnShowQuotationList {
  pointer-events: all;
  height: 25px;
  width: 110px;
  padding: 5px 2px;
  background: #f8a60f;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
#footerMenuQuotationList #btnShowQuotationList #btnShowQuotation {
  display: flex;
  align-items: center;
  height: 36px;
  width: 104px;
  padding-left: 10px;
  position: absolute;
  left: 0px;
}
#footerMenuQuotationList #btnShowQuotationList #btnShowQuotation .btnImg {
  display: flex;
  align-items: center;
  margin-top: 2px;
}
#footerMenuQuotationList #btnShowQuotationList .resizeController {
  visibility: hidden;
  display: flex;
  align-items: center;
  transform: rotate(90deg);
  position: relative;
  top: 1px;
  left: 39px;
  padding: 5px 5px;
}
#footerMenuQuotationList #btnShowQuotationList span {
  font-size: 13px;
  color: #fff;
}
#footerMenuQuotationList #btnShowQuotationList span.open, #footerMenuQuotationList #btnShowQuotationList span.close {
  display: inline-block;
  vertical-align: middle;
  width: 7px;
  height: 7px;
  border: 2px solid #fff;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  margin-right: 5px;
}
#footerMenuQuotationList #btnShowQuotationList span.open {
  margin-top: 4px;
  transform: translateY(-25%) rotate(315deg);
}
#footerMenuQuotationList #btnShowQuotationList span.close {
  transform: translateY(-25%) rotate(135deg);
}
#footerMenuQuotationList .contents {
  pointer-events: all;
  height: 100%;
  border: 1px solid #b0b0b0;
  background: #fafafa;
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
}
#footerMenuQuotationList .contents .topChecklist {
  display: inline-block;
  margin-top: 10px;
  margin-left: 5px;
  /* label{
    padding: 10px;
  } */
}
#footerMenuQuotationList .contents .topChecklist input {
  display: none;
}
#footerMenuQuotationList .contents .topChecklist .labelName {
  padding-top: 1px;
  float: left;
}
#footerMenuQuotationList .contents .topChecklist .btnImg {
  float: left;
  margin-right: 3px;
  margin-left: 10px;
}
#footerMenuQuotationList .contents .allSelectArea {
  display: flex;
  margin-top: 10px;
  margin-left: 10px;
  padding-left: 23px;
  font-size: small;
}
#footerMenuQuotationList .contents .allSelectArea #getEstimateGroup {
  position: absolute;
  right: 20px;
}
#footerMenuQuotationList .contents .allSelectArea #getEstimateGroup #indicationLoadingEstimate {
  display: none;
}
#footerMenuQuotationList .contents .allSelectArea #getEstimateGroup #indicationErrorEstimate {
  display: none;
  color: red;
}
#footerMenuQuotationList .contents .allSelectArea input[type=checkbox] {
  vertical-align: middle;
}
#footerMenuQuotationList .contents .allSelectArea .labelName {
  position: relative;
  top: 2px;
}
#footerMenuQuotationList .contents #quotationListTable {
  /*overflow-x: auto;*/
  /*overflow-y: hidden;*/
  overflow: hidden;
  border: 1px solid #bfbfbf;
  margin-top: 10px;
  margin-left: 12px;
  margin-right: 12px;
  margin-bottom: 10px;
  font-size: 14px;
}
#footerMenuQuotationList .contents #quotationListTable p {
  font-size: 18px;
  margin-left: 11px;
  height: 20px;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData {
  border: none;
  overflow: auto;
  width: 100%;
  height: 100%;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData th {
  padding: 5px 7px;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData td {
  padding: 7px;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData tbody {
  max-height: calc(129px + var(--listResize) * 1px);
}
#footerMenuQuotationList .contents #quotationListTable table {
  border-collapse: separate;
}
#footerMenuQuotationList .contents #quotationListTable table thead th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
  border-bottom-width: 3px;
  white-space: nowrap;
}
#footerMenuQuotationList .contents #quotationListTable table thead th:before {
  /*content: "";*/
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
}
#footerMenuQuotationList .contents #quotationListTable table thead span {
  pointer-events: none;
}
#footerMenuQuotationList .contents #quotationListTable table th {
  background: #ddd;
  /*border-top: 1px solid $border-color;*/
  position: relative;
  cursor: pointer;
}
#footerMenuQuotationList .contents #quotationListTable table th span {
  font-size: smaller;
}
#footerMenuQuotationList .contents #quotationListTable table th:hover {
  background-color: #bbb;
}
#footerMenuQuotationList .contents #quotationListTable table th, #footerMenuQuotationList .contents #quotationListTable table td {
  vertical-align: middle;
  border-right: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
}
#footerMenuQuotationList .contents #quotationListTable table tbody tr td:nth-child(1), #footerMenuQuotationList .contents #quotationListTable table tbody tr td:nth-child(2), #footerMenuQuotationList .contents #quotationListTable table tbody tr td:nth-child(3) {
  background-color: #FAFAFA;
}
#footerMenuQuotationList .contents #quotationListTable table tbody tr:hover.selected td, #footerMenuQuotationList .contents #quotationListTable table tbody tr:hover td {
  background-color: #DEEBF7;
  cursor: pointer;
}
#footerMenuQuotationList .contents #quotationListTable table tbody tr.selected td {
  background-color: rgba(255, 237, 151, 0.4705882353);
}
#footerMenuQuotationList .contents #quotationListTable table tbody tr.selected td:nth-child(1), #footerMenuQuotationList .contents #quotationListTable table tbody tr.selected td:nth-child(2), #footerMenuQuotationList .contents #quotationListTable table tbody tr.selected td:nth-child(3) {
  background-color: #FCF4CB;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData table {
  /* 横スクロール時に固定する */
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData table input[type=checkbox] {
  cursor: pointer;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData table th {
  font-size: 15px;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData table th, #footerMenuQuotationList .contents #quotationListTable #quotationListData table td {
  box-sizing: border-box;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData table th:nth-child(1), #footerMenuQuotationList .contents #quotationListTable #quotationListData table td:nth-child(1),
#footerMenuQuotationList .contents #quotationListTable #quotationListData table th:nth-child(2), #footerMenuQuotationList .contents #quotationListTable #quotationListData table td:nth-child(2),
#footerMenuQuotationList .contents #quotationListTable #quotationListData table th:nth-child(3), #footerMenuQuotationList .contents #quotationListTable #quotationListData table td:nth-child(3) {
  position: -webkit-sticky;
  position: sticky;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData table th:nth-child(1),
#footerMenuQuotationList .contents #quotationListTable #quotationListData table th:nth-child(2),
#footerMenuQuotationList .contents #quotationListTable #quotationListData table th:nth-child(3) {
  z-index: 3;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData table td:nth-child(1),
#footerMenuQuotationList .contents #quotationListTable #quotationListData table td:nth-child(2),
#footerMenuQuotationList .contents #quotationListTable #quotationListData table td:nth-child(3) {
  z-index: 2;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData table th:nth-child(1), #footerMenuQuotationList .contents #quotationListTable #quotationListData table td:nth-child(1) {
  min-width: 60px;
  max-width: 60px;
  font-size: 11px;
  left: 0;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData table th:nth-child(2), #footerMenuQuotationList .contents #quotationListTable #quotationListData table td:nth-child(2) {
  min-width: 150px;
  max-width: 150px;
  left: 60px;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData table th:nth-child(3), #footerMenuQuotationList .contents #quotationListTable #quotationListData table td:nth-child(3) {
  min-width: 150px;
  max-width: 150px;
  min-width: 150px;
  max-width: 150px;
  left: 210px;
  border-right-width: 3px;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData table th:nth-child(4), #footerMenuQuotationList .contents #quotationListTable #quotationListData table td:nth-child(4) {
  min-width: 40px;
  max-width: 40px;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData table th:nth-child(5), #footerMenuQuotationList .contents #quotationListTable #quotationListData table td:nth-child(5),
#footerMenuQuotationList .contents #quotationListTable #quotationListData table th:nth-child(6), #footerMenuQuotationList .contents #quotationListTable #quotationListData table td:nth-child(6),
#footerMenuQuotationList .contents #quotationListTable #quotationListData table th:nth-child(7), #footerMenuQuotationList .contents #quotationListTable #quotationListData table td:nth-child(7),
#footerMenuQuotationList .contents #quotationListTable #quotationListData table th:nth-child(8), #footerMenuQuotationList .contents #quotationListTable #quotationListData table td:nth-child(8),
#footerMenuQuotationList .contents #quotationListTable #quotationListData table th:nth-child(9), #footerMenuQuotationList .contents #quotationListTable #quotationListData table td:nth-child(9) {
  min-width: 60px;
  max-width: 60px;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData table th:nth-child(10), #footerMenuQuotationList .contents #quotationListTable #quotationListData table td:nth-child(10) {
  min-width: 100px;
  max-width: 100px;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData table th:nth-child(11), #footerMenuQuotationList .contents #quotationListTable #quotationListData table td:nth-child(11),
#footerMenuQuotationList .contents #quotationListTable #quotationListData table th:nth-child(12), #footerMenuQuotationList .contents #quotationListTable #quotationListData table td:nth-child(12) {
  min-width: 150px;
  max-width: 150px;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData table th:nth-child(13), #footerMenuQuotationList .contents #quotationListTable #quotationListData table td:nth-child(13) {
  min-width: 120px;
  max-width: 120px;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData table th:nth-child(14), #footerMenuQuotationList .contents #quotationListTable #quotationListData table td:nth-child(14) {
  min-width: 100px;
  max-width: 100px;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData table th:nth-child(15), #footerMenuQuotationList .contents #quotationListTable #quotationListData table td:nth-child(15) {
  min-width: 100px;
  max-width: 100px;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData table th:nth-child(17), #footerMenuQuotationList .contents #quotationListTable #quotationListData table td:nth-child(17) {
  min-width: 270px;
  max-width: 270px;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData table th:nth-child(18), #footerMenuQuotationList .contents #quotationListTable #quotationListData table td:nth-child(18) {
  min-width: 140px;
  max-width: 140px;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData table th:nth-child(18) button, #footerMenuQuotationList .contents #quotationListTable #quotationListData table td:nth-child(18) button {
  width: 100%;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData table td[data-property=documents] a.btnDocumentsShow {
  font-size: x-large;
  color: #e5a700;
  vertical-align: middle;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData table td[data-property=documents] a.btnDocumentsShow:hover {
  opacity: 0.5;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData table td[data-property=documents] button.btnDocumentsEdit,
#footerMenuQuotationList .contents #quotationListTable #quotationListData table td[data-property=documents] button.btnDocumentsDel,
#footerMenuQuotationList .contents #quotationListTable #quotationListData table td[data-property=documents] button.btnDocumentsAdd {
  height: 26px;
  padding: 0;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData table td[data-property=documents] button.btnDocumentsEdit {
  width: 22px;
  background-color: unset;
  border: none;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData table td[data-property=documents] button.btnDocumentsEdit:hover {
  opacity: 0.5;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData table td[data-property=documents] button.btnDocumentsDel {
  width: 30px;
  background-color: unset;
  border: none;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData table td[data-property=documents] button.btnDocumentsDel:hover {
  opacity: 0.5;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData table td[data-property=documents] button.btnDocumentsAdd {
  width: 50px;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData table td .btnHistory {
  width: 50px;
  height: 26px;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData table td .isCeiling {
  display: inline-block;
  background-color: #000;
  border-radius: 100%;
  height: 12px;
  width: 12px;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData table .quote_textbox {
  width: calc(100% - 7px);
  text-align: left;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData table .quote_textbox_number {
  width: calc(100% - 7px);
  text-align: right;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData .tableUnderLine {
  /*
  border-bottom: 1px solid $border-color;
  width: calc(100% - 7px);
  position: absolute;
  bottom: 0px;
  */
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData.auxiliaryTable {
  /* 横スクロール時に固定する */
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData.auxiliaryTable input[type=checkbox] {
  cursor: pointer;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData.auxiliaryTable th {
  font-size: 15px;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData.auxiliaryTable th, #footerMenuQuotationList .contents #quotationListTable #quotationListData.auxiliaryTable td {
  box-sizing: border-box;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData.auxiliaryTable th:nth-child(1), #footerMenuQuotationList .contents #quotationListTable #quotationListData.auxiliaryTable td:nth-child(1),
#footerMenuQuotationList .contents #quotationListTable #quotationListData.auxiliaryTable th:nth-child(2), #footerMenuQuotationList .contents #quotationListTable #quotationListData.auxiliaryTable td:nth-child(2),
#footerMenuQuotationList .contents #quotationListTable #quotationListData.auxiliaryTable th:nth-child(3), #footerMenuQuotationList .contents #quotationListTable #quotationListData.auxiliaryTable td:nth-child(3) {
  position: -webkit-sticky;
  position: sticky;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData.auxiliaryTable table th:nth-child(1), #footerMenuQuotationList .contents #quotationListTable #quotationListData.auxiliaryTable table td:nth-child(1) {
  min-width: 60px;
  max-width: 60px;
  font-size: 11px;
  left: 0;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData.auxiliaryTable table th:nth-child(2), #footerMenuQuotationList .contents #quotationListTable #quotationListData.auxiliaryTable table td:nth-child(2) {
  min-width: 270px;
  max-width: 270px;
  left: 60px;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData.auxiliaryTable table th:nth-child(3), #footerMenuQuotationList .contents #quotationListTable #quotationListData.auxiliaryTable table td:nth-child(3) {
  min-width: 180px;
  max-width: 180px;
  left: 330px;
  border-right-width: 3px;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData.auxiliaryTable table th:nth-child(4), #footerMenuQuotationList .contents #quotationListTable #quotationListData.auxiliaryTable table td:nth-child(4) {
  min-width: 150px;
  max-width: 150px;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData.auxiliaryTable table th:nth-child(5), #footerMenuQuotationList .contents #quotationListTable #quotationListData.auxiliaryTable table td:nth-child(5) {
  min-width: 90px;
  max-width: 90px;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData.auxiliaryTable table th:nth-child(6), #footerMenuQuotationList .contents #quotationListTable #quotationListData.auxiliaryTable table td:nth-child(6) {
  min-width: 60px;
  max-width: 60px;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData.auxiliaryTable table th:nth-child(7), #footerMenuQuotationList .contents #quotationListTable #quotationListData.auxiliaryTable table td:nth-child(7),
#footerMenuQuotationList .contents #quotationListTable #quotationListData.auxiliaryTable table th:nth-child(8), #footerMenuQuotationList .contents #quotationListTable #quotationListData.auxiliaryTable table td:nth-child(8),
#footerMenuQuotationList .contents #quotationListTable #quotationListData.auxiliaryTable table th:nth-child(9), #footerMenuQuotationList .contents #quotationListTable #quotationListData.auxiliaryTable table td:nth-child(9) {
  min-width: 100px;
  max-width: 100px;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData.auxiliaryTable table th:nth-child(10), #footerMenuQuotationList .contents #quotationListTable #quotationListData.auxiliaryTable table td:nth-child(10) {
  min-width: 100px;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData.auxiliaryTable table th:nth-child(11), #footerMenuQuotationList .contents #quotationListTable #quotationListData.auxiliaryTable table td:nth-child(11) {
  min-width: 250px;
  width: 100%;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData.auxiliaryTable table .btn_auxiliary_change {
  flex-shrink: 0;
  padding: 0 6px;
  height: 22px;
  cursor: pointer;
  background: #bfbfbf;
  color: #fff;
  border: none;
  border-radius: 2px;
}
#footerMenuQuotationList .contents #quotationListTable #quotationListData.auxiliaryTable table .btn_auxiliary_change:hover {
  background: #f8a60f;
}

.rateTd {
  display: flex;
  align-items: center;
}

#btnGradeReset {
  width: 75px;
}

#btnGradeReset, #btnDimensionCorrection {
  cursor: pointer;
}
#btnGradeReset span, #btnDimensionCorrection span {
  pointer-events: none;
}
#btnGradeReset:hover, #btnDimensionCorrection:hover {
  background-color: #888;
  color: #fff;
}

#btnDimensionCorrection {
  background-color: #f8b500;
}
#btnDimensionCorrection:hover {
  background-color: #f8b500;
  color: #fff;
}

/*-------------------------
document list dialog
-------------------------*/
#planDocumentListDialog .dialogFooter {
  margin-top: -5px;
}
#planDocumentListDialog .docListContainer {
  max-height: 500px;
  overflow-y: scroll;
}
#planDocumentListDialog .docListTable {
  width: 100%;
  border-collapse: separate;
  border-left: 1px solid #bfbfbf;
}
#planDocumentListDialog .docListTable th {
  padding: 6px;
  text-align: center;
  vertical-align: top;
  background: #ddd;
  border-top: 1px solid #bfbfbf;
  border-right: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  font-size: 14px;
  font-weight: normal;
  position: sticky;
  top: 0;
}
#planDocumentListDialog .docListTable td {
  padding: 5px;
  border-right: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  text-align: left;
  font-size: 14px;
  font-weight: normal;
  vertical-align: middle;
}
#planDocumentListDialog .docListTable td img {
  height: 40px;
  vertical-align: bottom;
}
#planDocumentListDialog .docListTable th:nth-child(1), #planDocumentListDialog .docListTable td:nth-child(1) {
  min-width: 100px;
  max-width: 100px;
  text-align: center;
}
#planDocumentListDialog .docListTable th:nth-child(2), #planDocumentListDialog .docListTable td:nth-child(2) {
  text-align: center;
}
#planDocumentListDialog .docListTable tbody tr:hover.selected td,
#planDocumentListDialog .docListTable tbody tr:hover td {
  background-color: #DEEBF7;
  cursor: pointer;
}
#planDocumentListDialog .docListTable tbody tr.selected td {
  background-color: rgba(255, 237, 151, 0.4705882353);
}
#planDocumentListDialog .docListTable .fileCheck {
  cursor: pointer;
}

#roomSettingDialog .dialogBody {
  color: #878787;
}
#roomSettingDialog .dialogBody tr, #roomSettingDialog .dialogBody th {
  padding: 5px;
  text-align: left;
}
#roomSettingDialog .dialogBody td {
  padding: 5px;
  text-align: right;
  padding-right: 10px;
}
#roomSettingDialog .dialogBody #roomSettingGroupRow {
  background: #eee;
}
#roomSettingDialog .dialogBody #roomSettingGroup {
  margin-left: 20px;
  margin-right: 20px;
  width: 300px;
}
#roomSettingDialog .dialogBody input {
  text-align: right;
}
#roomSettingDialog .dialogBody .areaInfoContainer {
  padding: 10px;
  padding-left: 20px;
  background-color: #d3d5db;
  color: #333333;
}
#roomSettingDialog .dialogBody .areaInfoContainer .categoryTitle {
  margin-left: 0px !important;
  font-weight: bolder;
}
#roomSettingDialog .dialogBody .areaInfoContainer .areaTypeCheck {
  margin-left: 60px;
}
#roomSettingDialog .dialogBody .areaInfoContainer .areaTypeTitle {
  margin-left: 10px;
}
#roomSettingDialog .dialogBody .areaInfoContainer .areaTitle {
  margin-left: 20px;
}
#roomSettingDialog .dialogBody .areaInfoContainer .areaValue {
  display: inline-block;
  width: 100px;
  margin-left: 10px;
  text-align: right;
}
#roomSettingDialog .dialogBody .areaInfoContainer .gradeSelectionTitle {
  float: right;
}
#roomSettingDialog .dialogBody .areaInfoContainer .gradeCheckbox {
  float: right;
}

#btnMeshViewer {
  cursor: pointer;
  height: 27px;
  width: 127px;
  background-color: #ffffff;
  border: 1px solid #888;
  font-size: 13px;
  margin-top: 5px;
  margin-right: 10px;
}
#btnMeshViewer span {
  pointer-events: none;
}
#btnMeshViewer:hover {
  background-color: #888;
  color: #fff;
}
#btnMeshViewer:hover #linkMeshViewer {
  color: #fff;
}
#btnMeshViewer #linkMeshViewer {
  color: #777;
  text-decoration: none;
}
#btnMeshViewer.disabled {
  pointer-events: none;
  background-color: #ededed;
  opacity: 0.5;
}

#inputGuide {
  position: absolute;
  top: 85px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 5006;
  display: block;
  background: #FAFAFA;
  border: 1px solid #b0b0b0;
  width: min-content;
}
#inputGuide .deleteWallGuide, #inputGuide .addWallGuide, #inputGuide .addPointGuide, #inputGuide .calibrationWallGuide, #inputGuide .addPinGuide {
  display: none;
  white-space: nowrap;
  color: #FF5A10;
  padding: 15px 20px;
}

#btnAddLidarPin {
  width: 156px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 100px;
  display: none;
  color: #fff;
  background: #f8a60f;
  border: 2px solid rgb(206, 138, 14);
  border-radius: 20px;
  padding: 10px 15px 10px 15px;
}
#btnAddLidarPin:hover {
  background: #e69500;
  cursor: pointer;
}
#btnAddLidarPin .btnText {
  line-height: 15px;
  font-size: 10px;
  text-align: center;
}

#btnInputCompleted {
  width: 136px;
  position: absolute;
  right: 121px;
  top: 56px;
  display: none;
  color: #fff;
  background: #f8a60f;
  border: 2px solid rgb(206, 138, 14);
  border-radius: 20px;
  padding: 10px 15px 10px 15px;
}
#btnInputCompleted:hover {
  background: rgba(166, 166, 166, 0.7294117647);
  cursor: pointer;
}
#btnInputCompleted .btnText {
  line-height: 15px;
  font-size: 10px;
  text-align: center;
}

/*===========================================================================
[2D]wallHeightSettingDialog
============================================================================*/
#wallHeightSettingDialog .dialogBody tr,
#wallHeightSettingDialog .dialogBody th,
#wallHeightSettingDialog .dialogBody td {
  padding: 5px;
  text-align: left;
}
#wallHeightSettingDialog #wallHeightSettingGroup {
  margin: 0px auto;
}
#wallHeightSettingDialog #wallHeightSettingGroup th {
  text-align: right !important;
}
#wallHeightSettingDialog #wallHeight {
  width: 100px;
  text-align: right !important;
}

/*===========================================================================
[2D]WizardBeamSizeSettingDialog
============================================================================*/
#WizardBeamSizeSettingDialog .dialogBody {
  color: #878787;
}
#WizardBeamSizeSettingDialog .dialogBody tr, #WizardBeamSizeSettingDialog .dialogBody th {
  padding: 5px;
  text-align: left;
}
#WizardBeamSizeSettingDialog .dialogBody td {
  padding: 5px;
  text-align: right;
}
#WizardBeamSizeSettingDialog .dialogBody input {
  text-align: right !important;
}
#WizardBeamSizeSettingDialog .dialogBody #beamSizeSettingGroup {
  background: #eee;
  margin-left: 20px;
  margin-right: 20px;
  width: 230px;
}
#WizardBeamSizeSettingDialog .dialogBody #beamSizeSettingGroup #beamHeight, #WizardBeamSizeSettingDialog .dialogBody #beamSizeSettingGroup #beamWidth {
  width: 50px;
}

/*===========================================================================
[2D]OuterWallThicknessSettingDialog
============================================================================*/
#outerWallThicknessSettingDialog .dialogBody tr,
#outerWallThicknessSettingDialog .dialogBody th,
#outerWallThicknessSettingDialog .dialogBody td {
  padding: 5px;
  text-align: left;
}
#outerWallThicknessSettingDialog #outerWallThicknessSettingGroup {
  margin: 0px auto;
}
#outerWallThicknessSettingDialog #outerWallThicknessSettingGroup th {
  text-align: right !important;
}
#outerWallThicknessSettingDialog #selectOuterWallThickness {
  width: 100px;
  height: 30px;
}

/*===========================================================================
[3D]Mesure
============================================================================*/
#mesureInfo, #pinWizardInfo {
  display: inline-block;
  position: absolute;
  top: 50px;
  right: 115px;
  padding: 10px;
  background: #f8a60f;
  color: #FFF;
  border: 1px solid #FFF;
}

#CalibrationDialog .explainCaribrationSetting {
  font-size: 13px;
  padding: 10px;
}
#CalibrationDialog .dialogCaribrationSetting td {
  padding: 5px;
}
#CalibrationDialog .dialogCaribrationSetting td:nth-child(2) {
  width: 135px;
}
#CalibrationDialog .dialogCaribrationSetting td:nth-child(3), #CalibrationDialog .dialogCaribrationSetting td:nth-child(4) {
  width: 120px;
}
#CalibrationDialog tr {
  white-space: nowrap;
}
#CalibrationDialog span {
  padding-left: 5px;
}
#CalibrationDialog input[type=number] {
  width: 80px;
  text-align: right;
}
#CalibrationDialog .comments #xDirectionScale, #CalibrationDialog .comments #yDirectionScale {
  font-weight: bold;
}
#CalibrationDialog #errorComment {
  color: #FF0000;
  font-size: 11px;
  height: 10px;
}

/**
部屋のテキスト
 */
.roomText_ceiling {
  cursor: pointer;
}

.roomText_ceiling:hover {
  font-weight: bold;
  text-decoration: underline;
}

#documentListDialog .dialogFooter button#btnAddDocument {
  padding: 0 10px;
}
#documentListDialog .documentListContainer {
  width: 500px;
}
#documentListDialog .documentListDisplay {
  width: calc(100% - 250px - 10px);
  height: 250px;
  float: left;
  overflow-y: auto;
}
#documentListDialog .documentListDisplay ul li {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  padding-left: 15px;
}
#documentListDialog .documentListDisplay ul li::before {
  content: "";
  position: absolute;
  top: 0.4em;
  left: 0;
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #f8a60f;
}
#documentListDialog .documentListImageWrap {
  width: 250px;
  height: 250px;
  border: 1px solid #bfbfbf;
  float: right;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
#documentListDialog .documentListImageWrap img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
#documentListDialog a {
  color: #000000;
}
#documentListDialog li:hover {
  cursor: pointer;
}
#documentListDialog .listView {
  color: #000000;
}
#documentListDialog .listView.selected {
  color: #2289d3;
}

#WizardPinIntersect .listContents {
  margin-top: 5px;
}

#WizardPinIntersect .pinItemChangeContainer, #PinItemChangeDialog .pinItemChangeContainer {
  padding: 10px;
}
#WizardPinIntersect .explainContents, #PinItemChangeDialog .explainContents {
  margin-bottom: 10px;
}
#WizardPinIntersect .itemContents, #PinItemChangeDialog .itemContents {
  background-color: #f7f7f7;
  padding: 10px;
  border-radius: 10px;
  font-size: 14px;
}
#WizardPinIntersect .lineContents, #PinItemChangeDialog .lineContents {
  margin-left: 25px;
}

.disabled-button3d {
  background-color: lightgray !important;
  border: none !important;
  cursor: not-allowed;
  opacity: 0.6;
  pointer-events: none;
}

#PinPanoramaInputDialog .pinPanoramaContainer {
  padding: 10px 30px 0px;
}
#PinPanoramaInputDialog .uploadFileName {
  display: none;
  margin-top: 5px;
  flex-direction: row;
}
#PinPanoramaInputDialog .uploadFileName #fileImage {
  margin-left: 5px;
  margin-right: 10px;
}
#PinPanoramaInputDialog .uploadFileName #uploadFileName {
  font-size: 14px;
  white-space: nowrap;
  width: 360px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#PinPanoramaInputDialog .pintextCategory {
  width: 70%;
  float: left;
  margin-bottom: 5px;
  margin-top: 5px;
}
#PinPanoramaInputDialog .pintextCategory select {
  width: 80px;
  height: 25px;
}
#PinPanoramaInputDialog #freeCharacterInputText {
  margin-top: 5px;
  width: 100%;
  height: 60px;
  resize: none;
  box-sizing: border-box;
  font-family: inherit;
}
#PinPanoramaInputDialog .drop-zone {
  width: 300px;
  margin-top: 10px;
  height: 120px;
  padding: 50px;
  display: block;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "Quicksand", sans-serif;
  line-height: 1.8;
  border: 2px dashed #acacac;
  border-radius: 10px;
}
#PinPanoramaInputDialog .drop-zone #panoramaFilePicker {
  display: none;
}
#PinPanoramaInputDialog #panoramaPictureUploadBtn {
  min-width: 90px;
  width: 120px;
  line-height: 30px;
  border: 0px solid #A6A6A6;
  color: #ffffff;
  background-color: #f8b500;
  border-radius: 7px;
  cursor: pointer;
}
#PinPanoramaInputDialog #planningPictureUploadBtn {
  width: 200px;
  line-height: 30px;
  border: 0px solid rgba(244, 244, 244, 0.9490196078);
  background-color: #acacac;
  color: #ffffff;
  border-radius: 7px;
  cursor: pointer;
}
#PinPanoramaInputDialog .fontSetting {
  font-size: 14px;
  color: #6b6b6b;
}
#PinPanoramaInputDialog .drop-zone--over {
  border-style: solid;
}

.is-Tablet-page {
  /*-------------------------
  icon
  -------------------------*/
  /*-------------------------
  other images
  -------------------------*/
  /*========================

  layout 3D

  ==========================*/
}
.is-Tablet-page .icon-roof2d {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -616.5px 0px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-exterior {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -136px -571.5px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-furniture {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -272px -571.5px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-equipment {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -68px -571.5px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-fitting {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -204px -571.5px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-stair {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -616.5px -374px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-room {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -616.5px -102px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-site {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -616.5px -306px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-shitae {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -616.5px -238px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-decoration {
  background-image: url(../assets//icon_dpr2.png);
  background-position: 0px -571.5px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .leftMenuCategories input:checked + label .icon-roof2d {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -616.5px -34px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .leftMenuCategories input:checked + label .icon-exterior {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -170px -571.5px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .leftMenuCategories input:checked + label .icon-furniture {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -306px -571.5px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .leftMenuCategories input:checked + label .icon-equipment {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -102px -571.5px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .leftMenuCategories input:checked + label .icon-fitting {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -238px -571.5px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .leftMenuCategories input:checked + label .icon-stair {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -616.5px -408px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .leftMenuCategories input:checked + label .icon-room {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -616.5px -136px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .leftMenuCategories input:checked + label .icon-site {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -616.5px -340px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .leftMenuCategories input:checked + label .icon-shitae {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -616.5px -272px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .leftMenuCategories input:checked + label .icon-decoration {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -34px -571.5px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-outerwall {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -510px -571.5px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-innerwall {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -442px -571.5px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-sash {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -616.5px -170px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-roof {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -578px -571.5px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-height {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -374px -571.5px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-style {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -616.5px -442px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .leftMenuCategories input:checked + label .icon-outerwall {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -544px -571.5px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .leftMenuCategories input:checked + label .icon-innerwall {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -476px -571.5px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .leftMenuCategories input:checked + label .icon-sash {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -616.5px -204px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .leftMenuCategories input:checked + label .icon-roof {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -616.5px -68px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .leftMenuCategories input:checked + label .icon-height {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -408px -571.5px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .leftMenuCategories input:checked + label .icon-style {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -616.5px -476px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-floor1 {
  background-image: url(../assets//icon_dpr2.png);
  background-position: 0px -536.5px;
  width: 35px;
  height: 35px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-floor2 {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -70px -536.5px;
  width: 35px;
  height: 35px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-floor3 {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -140px -536.5px;
  width: 35px;
  height: 35px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-floorAll {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -210px -536.5px;
  width: 35px;
  height: 35px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .floorBtnWrap input[type=radio]:checked + .floorBtn .icon-floor1,
.is-Tablet-page .floorBtnWrap .floorBtn:hover .icon-floor1 {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -35px -536.5px;
  width: 35px;
  height: 35px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .floorBtnWrap input[type=radio]:checked + .floorBtn .icon-floor2,
.is-Tablet-page .floorBtnWrap .floorBtn:hover .icon-floor2 {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -105px -536.5px;
  width: 35px;
  height: 35px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .floorBtnWrap input[type=radio]:checked + .floorBtn .icon-floor3,
.is-Tablet-page .floorBtnWrap .floorBtn:hover .icon-floor3 {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -175px -536.5px;
  width: 35px;
  height: 35px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .floorBtnWrap input[type=radio]:checked + .floorBtn .icon-floorAll,
.is-Tablet-page .floorBtnWrap .floorBtn:hover .icon-floorAll {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -245px -536.5px;
  width: 35px;
  height: 35px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-fit {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -96px -635.5px;
  width: 31px;
  height: 31px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-zoomin {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -158px -635.5px;
  width: 31px;
  height: 31px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-zoomout {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -220px -635.5px;
  width: 31px;
  height: 31px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .zoomBtnWrap > ul > li:hover .icon-fit {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -127px -635.5px;
  width: 31px;
  height: 31px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .zoomBtnWrap > ul > li:hover .icon-zoomin {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -189px -635.5px;
  width: 31px;
  height: 31px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .zoomBtnWrap > ul > li:hover .icon-zoomout {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -251px -635.5px;
  width: 31px;
  height: 31px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-lock {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -579px -130px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-unlock {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -579px -520px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-copy {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -505px -536.5px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-paste {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -579px -195px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-rotateL {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -579px -357.5px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-rotateR {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -579px -390px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-flip {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -579px 0px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-forward {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -579px -32.5px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-top {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -579px -487.5px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-backward {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -317.5px -536.5px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-bottom {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -355px -536.5px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-add_wall {
  background-image: url(../assets//icon_dpr2.png);
  background-position: 0px -605.5px;
  width: 37.5px;
  height: 30px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-remove_wall {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -579px -227.5px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-add_dot {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -280px -536.5px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-room_color {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -579px -325px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-changeRoomType {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -430px -536.5px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-moveText {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -579px -162.5px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-textSetting {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -579px -455px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-stair {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -616.5px -374px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-join {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -579px -97.5px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-garbage {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -579px -65px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-change_size {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -467.5px -536.5px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-setting {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -579px -422.5px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-change {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -392.5px -536.5px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-close {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -650.5px -432px;
  width: 32px;
  height: 32px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-close2 {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -461px -635.5px;
  width: 25px;
  height: 25px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-close3 {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -486px -635.5px;
  width: 25px;
  height: 25px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-close4 {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -650.5px -464px;
  width: 32px;
  height: 32px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-roof_direction {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -556px 0px;
  width: 23px;
  height: 54px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-mode_select {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -684.5px -573px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-file {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -684.5px -221px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-link {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -684.5px -441px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-save {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -556px -98px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-edit {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -684.5px -177px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-undo {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -556px -274px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-redo {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -684.5px -617px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-ruler {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -556px -54px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-setting_s {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -556px -142px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-size {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -556px -186px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-guide {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -684.5px -309px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-pin_show {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -516px -476px;
  width: 29px;
  height: 26px;
  background-size: 709px 688.5px;
  height: 22px;
  scale: 0.8;
}
.is-Tablet-page .icon-size-correction {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -556px -208px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-grade-setting {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -684.5px -265px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .headerMenu > ul > li:hover .icon-file {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -684.5px -243px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .headerMenu > ul > li:hover .icon-link {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -684.5px -463px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .headerMenu > ul > li:hover .icon-save {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -556px -120px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .headerMenu > ul > li:hover .icon-edit {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -684.5px -199px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .headerMenu > ul > li:hover .icon-undo {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -556px -296px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .headerMenu > ul > li:hover .icon-redo {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -684.5px -639px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .headerMenu > ul > li:hover .icon-ruler {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -556px -76px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .headerMenu > ul > li:hover > button:not(.disabled) .icon-undo {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -556px -296px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .headerMenu > ul > li:hover > button:not(.disabled) .icon-redo {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -684.5px -639px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .headerMenu > ul > li:hover .icon-mode_select,
.is-Tablet-page .headerMenu > ul > li > button.is-active .icon-mode_select {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -684.5px -595px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .itemMenuBtnNoFrame:hover .imgBox .icon-mode_select,
.is-Tablet-page .itemMenuModeBtnBox input[type=radio]:checked + label .imgBox .icon-mode_select {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -684.5px -595px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .headerMenu > ul > li > button.is-active .icon-size,
.is-Tablet-page .headerMenu > ul > li > button:hover .icon-size {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -556px -252px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .headerMenu > ul > li > button.is-active .icon-guide,
.is-Tablet-page .headerMenu > ul > li > button:hover .icon-guide {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -684.5px -331px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .headerMenu > ul > li > button.is-active .icon-pin_show,
.is-Tablet-page .headerMenu > ul > li > button:hover .icon-pin_show {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -179.5px -605.5px;
  width: 29px;
  height: 26px;
  background-size: 709px 688.5px;
  height: 22px;
  scale: 0.8;
}
.is-Tablet-page .headerMenu > ul > li > button.is-active .icon-mode_select {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -684.5px -595px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .headerMenu > ul > li:hover .icon-setting_s {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -556px -164px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-module {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -556px -338px;
  width: 20px;
  height: 20px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-snap {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -556px -358px;
  width: 20px;
  height: 20px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-shitae_load {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -650.5px -560px;
  width: 32px;
  height: 32px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-shitae_edit {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -650.5px -496px;
  width: 32px;
  height: 32px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-site_make {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -32px -635.5px;
  width: 32px;
  height: 32px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-site_edit {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -542.5px -536.5px;
  width: 32px;
  height: 32px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-drag_input {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -516px -180px;
  width: 37px;
  height: 37px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-point_input {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -516px -254px;
  width: 37px;
  height: 37px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-put_input {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -516px -328px;
  width: 37px;
  height: 37px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .itemMenuModeBtn:hover .imgBox .icon-shitae_load,
.is-Tablet-page .itemMenuModeBtnBox input[type=radio]:checked + label .imgBox .icon-shitae_load {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -650.5px -592px;
  width: 32px;
  height: 32px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .itemMenuModeBtn:hover .imgBox .icon-shitae_edit,
.is-Tablet-page .itemMenuModeBtnBox input[type=radio]:checked + label .imgBox .icon-shitae_edit {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -650.5px -528px;
  width: 32px;
  height: 32px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .itemMenuModeBtn:hover .imgBox .icon-site_make,
.is-Tablet-page .itemMenuModeBtnBox input[type=radio]:checked + label .imgBox .icon-site_make {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -64px -635.5px;
  width: 32px;
  height: 32px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .itemMenuModeBtn:hover .imgBox .icon-site_edit,
.is-Tablet-page .itemMenuModeBtnBox input[type=radio]:checked + label .imgBox .icon-site_edit {
  background-image: url(../assets//icon_dpr2.png);
  background-position: 0px -635.5px;
  width: 32px;
  height: 32px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .itemMenuModeBtn:hover .imgBox .icon-drag_input,
.is-Tablet-page .itemMenuModeBtnBox input[type=radio]:checked + label .imgBox .icon-drag_input {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -516px -217px;
  width: 37px;
  height: 37px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .itemMenuModeBtn:hover .imgBox .icon-point_input,
.is-Tablet-page .itemMenuModeBtnBox input[type=radio]:checked + label .imgBox .icon-point_input {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -516px -291px;
  width: 37px;
  height: 37px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .itemMenuModeBtn:hover .imgBox .icon-put_input,
.is-Tablet-page .itemMenuModeBtnBox input[type=radio]:checked + label .imgBox .icon-put_input {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -516px -365px;
  width: 37px;
  height: 37px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .itemMenuBtnNoFrame:hover .imgBox .icon-shitae_load {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -650.5px -592px;
  width: 32px;
  height: 32px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .itemMenuBtnNoFrame:hover .imgBox .icon-shitae_edit {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -650.5px -528px;
  width: 32px;
  height: 32px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .itemMenuBtnNoFrame:hover .imgBox .icon-site_make {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -64px -635.5px;
  width: 32px;
  height: 32px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .itemMenuBtnNoFrame:hover .imgBox .icon-site_edit {
  background-image: url(../assets//icon_dpr2.png);
  background-position: 0px -635.5px;
  width: 32px;
  height: 32px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-roof_color {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -579px -260px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-roof_yosemune {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -405px -457.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-roof_yokogiri {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -315px -457.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-roof_tategiri {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -225px -457.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-roof_flat {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -45px -457.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-roof_katanagare {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -135px -457.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-change_wall1f {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -426px -180px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-change_koshi1f {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -225px -367.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-change_wall2f {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -426px -270px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-change_koshi2f {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -315px -367.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-change_wall3f {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -426px -360px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-change_koshi3f {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -426px 0px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-change_wall_inner {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -45px -412.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-change_habaki {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -135px -367.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-change_floor {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -381px -315px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-change_door {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -381px -135px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-change_curtain {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -381px -45px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-change_entrance {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -381px -225px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-change_sash {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -426px -90px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-change_garage {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -45px -367.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page label:hover .iconBox .icon-roof_color,
.is-Tablet-page input[type=radio]:checked + label .iconBox .icon-roof_color {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -579px -292.5px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Tablet-page label:hover .iconBox .icon-roof_yosemune,
.is-Tablet-page input[type=radio]:checked + label .iconBox .icon-roof_yosemune {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -450px -457.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page label:hover .iconBox .icon-roof_yokogiri,
.is-Tablet-page input[type=radio]:checked + label .iconBox .icon-roof_yokogiri {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -360px -457.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page label:hover .iconBox .icon-roof_tategiri,
.is-Tablet-page input[type=radio]:checked + label .iconBox .icon-roof_tategiri {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -270px -457.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page label:hover .iconBox .icon-roof_flat,
.is-Tablet-page input[type=radio]:checked + label .iconBox .icon-roof_flat {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -90px -457.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page label:hover .iconBox .icon-roof_katanagare,
.is-Tablet-page input[type=radio]:checked + label .iconBox .icon-roof_katanagare {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -180px -457.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page label:hover .iconBox .icon-change_wall1f,
.is-Tablet-page input[type=radio]:checked + label .iconBox .icon-change_wall1f {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -426px -225px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page label:hover .iconBox .icon-change_koshi1f,
.is-Tablet-page input[type=radio]:checked + label .iconBox .icon-change_koshi1f {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -270px -367.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page label:hover .iconBox .icon-change_wall2f,
.is-Tablet-page input[type=radio]:checked + label .iconBox .icon-change_wall2f {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -426px -315px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page label:hover .iconBox .icon-change_koshi2f,
.is-Tablet-page input[type=radio]:checked + label .iconBox .icon-change_koshi2f {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -360px -367.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page label:hover .iconBox .icon-change_wall3f,
.is-Tablet-page input[type=radio]:checked + label .iconBox .icon-change_wall3f {
  background-image: url(../assets//icon_dpr2.png);
  background-position: 0px -412.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page label:hover .iconBox .icon-change_koshi3f,
.is-Tablet-page input[type=radio]:checked + label .iconBox .icon-change_koshi3f {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -426px -45px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page label:hover .iconBox .icon-change_wall_inner,
.is-Tablet-page input[type=radio]:checked + label .iconBox .icon-change_wall_inner {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -90px -412.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page label:hover .iconBox .icon-change_floor,
.is-Tablet-page input[type=radio]:checked + label .iconBox .icon-change_floor {
  background-image: url(../assets//icon_dpr2.png);
  background-position: 0px -367.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page label:hover .iconBox .icon-change_door,
.is-Tablet-page input[type=radio]:checked + label .iconBox .icon-change_door {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -381px -180px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page label:hover .iconBox .icon-change_curtain,
.is-Tablet-page input[type=radio]:checked + label .iconBox .icon-change_curtain {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -381px -90px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page label:hover .iconBox .icon-change_entrance,
.is-Tablet-page input[type=radio]:checked + label .iconBox .icon-change_entrance {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -381px -270px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page label:hover .iconBox .icon-change_sash,
.is-Tablet-page input[type=radio]:checked + label .iconBox .icon-change_sash {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -426px -135px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page label:hover .iconBox .icon-change_garage,
.is-Tablet-page input[type=radio]:checked + label .iconBox .icon-change_garage {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -90px -367.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-menu-clock {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -215.5px -125.5px;
  width: 45.5px;
  height: 45.5px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-menu-mirror {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -227.5px -276.5px;
  width: 45.5px;
  height: 45.5px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-menu-painting {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -335.5px -182px;
  width: 45.5px;
  height: 45.5px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-menu-light {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -182px -231px;
  width: 45.5px;
  height: 45.5px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-menu-shelf {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -335.5px -273px;
  width: 45.5px;
  height: 45.5px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-menu-ac {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -215.5px -80px;
  width: 45.5px;
  height: 45.5px;
  background-size: 709px 688.5px;
}
.is-Tablet-page label:hover .iconBox .icon-menu-clock,
.is-Tablet-page input[type=radio]:checked + label .iconBox .icon-menu-clock {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -261px -125.5px;
  width: 45.5px;
  height: 45.5px;
  background-size: 709px 688.5px;
}
.is-Tablet-page label:hover .iconBox .icon-menu-clock,
.is-Tablet-page input[type=radio]:checked + label .iconBox .icon-menu-mirror {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -273px -276.5px;
  width: 45.5px;
  height: 45.5px;
  background-size: 709px 688.5px;
}
.is-Tablet-page label:hover .iconBox .icon-menu-clock,
.is-Tablet-page input[type=radio]:checked + label .iconBox .icon-menu-painting {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -335.5px -227.5px;
  width: 45.5px;
  height: 45.5px;
  background-size: 709px 688.5px;
}
.is-Tablet-page label:hover .iconBox .icon-menu-clock,
.is-Tablet-page input[type=radio]:checked + label .iconBox .icon-menu-light {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -227.5px -231px;
  width: 45.5px;
  height: 45.5px;
  background-size: 709px 688.5px;
}
.is-Tablet-page label:hover .iconBox .icon-menu-clock,
.is-Tablet-page input[type=radio]:checked + label .iconBox .icon-menu-shelf {
  background-image: url(../assets//icon_dpr2.png);
  background-position: 0px -322px;
  width: 45.5px;
  height: 45.5px;
  background-size: 709px 688.5px;
}
.is-Tablet-page label:hover .iconBox .icon-menu-clock,
.is-Tablet-page input[type=radio]:checked + label .iconBox .icon-menu-ac {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -261px -80px;
  width: 45.5px;
  height: 45.5px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-change2d {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -516px 0px;
  width: 40px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-change3d {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -516px -90px;
  width: 40px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .changeModeToggleBtn:hover .icon-change2d,
.is-Tablet-page .changeModeToggleBtn.is-active .icon-change2d {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -516px -45px;
  width: 40px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .changeModeToggleBtn:hover .icon-change3d,
.is-Tablet-page .changeModeToggleBtn.is-active .icon-change3d {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -516px -135px;
  width: 40px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-change_incam_row {
  background-image: url(../assets//icon_dpr2.png);
  background-position: 0px -122px;
  width: 121px;
  height: 31px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-change_incam_row_en {
  background-image: url(../assets//icon_dpr2.png);
  background-position: 0px -184px;
  width: 120px;
  height: 30px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-change_outcam_row {
  background-image: url(../assets//icon_dpr2.png);
  background-position: 0px -153px;
  width: 121px;
  height: 31px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-change_outcam_row_en {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -215.5px 0px;
  width: 120px;
  height: 30px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .changeModeToggleBtn.is-active .icon-change_outcam_row {
  background-image: url(../assets//icon_dpr2.png);
  background-position: 0px -122px;
  width: 121px;
  height: 31px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .changeModeToggleBtn.is-active .icon-change_outcam_row_en {
  background-image: url(../assets//icon_dpr2.png);
  background-position: 0px -184px;
  width: 120px;
  height: 30px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .changeModeToggleBtn.is-active .icon-change_incam_row {
  background-image: url(../assets//icon_dpr2.png);
  background-position: 0px -153px;
  width: 121px;
  height: 31px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .changeModeToggleBtn.is-active .icon-change_incam_row_en {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -215.5px 0px;
  width: 120px;
  height: 30px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-btn_display_exterior {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -120px -184px;
  width: 95px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-btn_display_exterior_en {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -492px -502.5px;
  width: 57px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-btn_display_sunpou {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -422px -519.5px;
  width: 48px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-btn_display_sunpou_en {
  background-image: url(../assets//icon_dpr2.png);
  background-position: 0px -502.5px;
  width: 102px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-btn_display_shasen {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -585px -635.5px;
  width: 33px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-btn_display_shasen_en {
  background-image: url(../assets//icon_dpr2.png);
  background-position: 0px -519.5px;
  width: 86.5px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-btn_display_wireframe {
  background-image: url(../assets//icon_dpr2.png);
  background-position: 0px -214px;
  width: 126px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-btn_display_wireframe_en {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -252px -214px;
  width: 78px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-btn_display_itemchange {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -215.5px -171px;
  width: 115px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-btn_display_itemchange_en {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -204px -502.5px;
  width: 96.5px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-btn_display_map {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -579px -552.5px;
  width: 34px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-btn_display_day {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -556px -378px;
  width: 17px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-btn_display_item {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -121px -122px;
  width: 94.5px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Tablet-page .icon-btn_display_item_en {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -308px -519.5px;
  width: 57px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Tablet-page input:checked + label .icon-btn_display_exterior {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -397px -502.5px;
  width: 95px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Tablet-page input:checked + label .icon-btn_display_exterior_en {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -251px -519.5px;
  width: 57px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Tablet-page input:checked + label .icon-btn_display_sunpou {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -470px -519.5px;
  width: 48px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Tablet-page input:checked + label .icon-btn_display_sunpou_en {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -102px -502.5px;
  width: 102px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Tablet-page input:checked + label .icon-btn_display_shasen {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -618px -635.5px;
  width: 33px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Tablet-page input:checked + label .icon-btn_display_shasen_en {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -86.5px -519.5px;
  width: 86.5px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Tablet-page input:checked + label .icon-btn_display_wireframe {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -126px -214px;
  width: 126px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Tablet-page input:checked + label .icon-btn_display_wireframe_en {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -173px -519.5px;
  width: 78px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Tablet-page input:checked + label .icon-btn_display_itemchange {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -215.5px -188px;
  width: 115px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Tablet-page input:checked + label .icon-btn_display_itemchange_en {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -300.5px -502.5px;
  width: 96.5px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Tablet-page input:checked + label .icon-btn_display_map {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -518px -519.5px;
  width: 34px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Tablet-page input:checked + label .icon-btn_display_day {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -556px -395px;
  width: 17px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Tablet-page input:checked + label .icon-btn_display_item {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -121px -153px;
  width: 94.5px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Tablet-page input:checked + label .icon-btn_display_item_en {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -365px -519.5px;
  width: 57px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Tablet-page #header,
.is-Tablet-page #footer,
.is-Tablet-page .leftMenuCategories {
  background-size: contain;
}
.is-Tablet-page #header {
  background-image: url(../assets//bg/bg_ruler_top_dpr2.png);
}
.is-Tablet-page #footer {
  background-image: url(../assets//bg/bg_ruler_bottom_dpr2.png);
}
.is-Tablet-page .leftMenuCategories {
  background-image: url(../assets//bg/bg_ruler_left_dpr2.png);
}
.is-Tablet-page #tabRoofShape .nokideSettingBox,
.is-Tablet-page #tabRoofShape .koubaiSettingBox {
  background-size: 177px 120px;
}
.is-Tablet-page #tabRoofShape #tabContentRoofShapeYosemune .nokideSettingBox {
  background-image: url(../assets//yosemune_detail_dpr2.jpg);
}
.is-Tablet-page #tabRoofShape #tabContentRoofShapeYokogiri .nokideSettingBox {
  background-image: url(../assets//yokogiri_detail_dpr2.jpg);
}
.is-Tablet-page #tabRoofShape #tabContentRoofShapeTategiri .nokideSettingBox {
  background-image: url(../assets//tategiri_detail_dpr2.jpg);
}
.is-Tablet-page #tabRoofShape #tabContentRoofShapeKatanagare .nokideSettingBox {
  background-image: url(../assets//katanagare_detail_dpr2.jpg);
}
.is-Tablet-page #tabRoofShape #tabContentRoofShapeYosemune .koubaiSettingBox,
.is-Tablet-page #tabRoofShape #tabContentRoofShapeYokogiri .koubaiSettingBox,
.is-Tablet-page #tabRoofShape #tabContentRoofShapeTategiri .koubaiSettingBox,
.is-Tablet-page #tabRoofShape #tabContentRoofShapeKatanagare .koubaiSettingBox {
  background-image: url(../assets//koubai_detail_dpr2.jpg);
}
.is-Tablet-page #header .logo {
  background-image: url(../assets//logo_dpr2.png);
  background-size: 100%;
}
.is-Tablet-page #topview {
  right: initial;
  top: 45px;
  left: 55px;
}
.is-Tablet-page #topview_1,
.is-Tablet-page #topview_2,
.is-Tablet-page #topview_3 {
  width: 320px;
  height: 240px;
  z-index: 900;
}
.is-Tablet-page #topview_current {
  width: 84px;
  height: 84px;
  z-index: 901;
}
.is-Tablet-page #captureScreenshot .capt {
  bottom: 118px;
}
.is-Tablet-page #footerMenuQuotationList {
  bottom: 90px;
}
.is-Tablet-page #footer {
  height: 75px;
}
.is-Tablet-page .floorBtnWrap label {
  width: 37.5px;
  height: 37.5px;
  margin-right: 15px;
}
.is-Tablet-page #itemControlPanel {
  margin-top: 5px !important;
  bottom: inherit;
}
.is-Tablet-page #itemControlPanel .itemControlPanel_nav button {
  font-size: 11px;
}
.is-Tablet-page .footerMenuLeft {
  left: 10px;
}
.is-Tablet-page .footerMenuRight {
  right: 10px;
}
.is-Tablet-page .zoomBtnWrap > ul > li > button {
  width: 38px;
}
.is-Tablet-page .zoomBtnWrap > ul > li {
  margin-left: 10px;
}
.is-Tablet-page #dialogItemChange .dialogBody .itemChangeList {
  overflow-y: visible;
  max-height: 510px;
}

.is-Mobile-page {
  /*-------------------------
  icon
  -------------------------*/
  /*-------------------------
  other images
  -------------------------*/
  /*===========================================================================
  device_orientation
  ============================================================================*/
  /*=========================
  dialogBuildStyleBox
  ==========================*/
  /*=========================
  dialogPlanAreaTable
  ==========================*/
  /*========================

  layout 3D

  ==========================*/
}
.is-Mobile-page .icon-roof2d {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -616.5px 0px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-exterior {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -136px -571.5px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-furniture {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -272px -571.5px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-equipment {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -68px -571.5px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-fitting {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -204px -571.5px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-stair {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -616.5px -374px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-room {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -616.5px -102px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-site {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -616.5px -306px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-shitae {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -616.5px -238px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-decoration {
  background-image: url(../assets//icon_dpr2.png);
  background-position: 0px -571.5px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .leftMenuCategories input:checked + label .icon-roof2d {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -616.5px -34px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .leftMenuCategories input:checked + label .icon-exterior {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -170px -571.5px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .leftMenuCategories input:checked + label .icon-furniture {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -306px -571.5px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .leftMenuCategories input:checked + label .icon-equipment {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -102px -571.5px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .leftMenuCategories input:checked + label .icon-fitting {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -238px -571.5px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .leftMenuCategories input:checked + label .icon-stair {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -616.5px -408px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .leftMenuCategories input:checked + label .icon-room {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -616.5px -136px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .leftMenuCategories input:checked + label .icon-site {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -616.5px -340px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .leftMenuCategories input:checked + label .icon-shitae {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -616.5px -272px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .leftMenuCategories input:checked + label .icon-decoration {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -34px -571.5px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-outerwall {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -510px -571.5px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-innerwall {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -442px -571.5px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-sash {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -616.5px -170px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-roof {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -578px -571.5px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-height {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -374px -571.5px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-style {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -616.5px -442px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .leftMenuCategories input:checked + label .icon-outerwall {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -544px -571.5px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .leftMenuCategories input:checked + label .icon-innerwall {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -476px -571.5px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .leftMenuCategories input:checked + label .icon-sash {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -616.5px -204px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .leftMenuCategories input:checked + label .icon-roof {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -616.5px -68px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .leftMenuCategories input:checked + label .icon-height {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -408px -571.5px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .leftMenuCategories input:checked + label .icon-style {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -616.5px -476px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-floor1 {
  background-image: url(../assets//icon_dpr2.png);
  background-position: 0px -536.5px;
  width: 35px;
  height: 35px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-floor2 {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -70px -536.5px;
  width: 35px;
  height: 35px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-floor3 {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -140px -536.5px;
  width: 35px;
  height: 35px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-floorAll {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -210px -536.5px;
  width: 35px;
  height: 35px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .floorBtnWrap input[type=radio]:checked + .floorBtn .icon-floor1,
.is-Mobile-page .floorBtnWrap .floorBtn:hover .icon-floor1 {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -35px -536.5px;
  width: 35px;
  height: 35px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .floorBtnWrap input[type=radio]:checked + .floorBtn .icon-floor2,
.is-Mobile-page .floorBtnWrap .floorBtn:hover .icon-floor2 {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -105px -536.5px;
  width: 35px;
  height: 35px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .floorBtnWrap input[type=radio]:checked + .floorBtn .icon-floor3,
.is-Mobile-page .floorBtnWrap .floorBtn:hover .icon-floor3 {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -175px -536.5px;
  width: 35px;
  height: 35px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .floorBtnWrap input[type=radio]:checked + .floorBtn .icon-floorAll,
.is-Mobile-page .floorBtnWrap .floorBtn:hover .icon-floorAll {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -245px -536.5px;
  width: 35px;
  height: 35px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-fit {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -96px -635.5px;
  width: 31px;
  height: 31px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-zoomin {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -158px -635.5px;
  width: 31px;
  height: 31px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-zoomout {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -220px -635.5px;
  width: 31px;
  height: 31px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .zoomBtnWrap > ul > li:hover .icon-fit {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -127px -635.5px;
  width: 31px;
  height: 31px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .zoomBtnWrap > ul > li:hover .icon-zoomin {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -189px -635.5px;
  width: 31px;
  height: 31px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .zoomBtnWrap > ul > li:hover .icon-zoomout {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -251px -635.5px;
  width: 31px;
  height: 31px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-lock {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -579px -130px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-unlock {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -579px -520px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-copy {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -505px -536.5px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-paste {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -579px -195px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-rotateL {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -579px -357.5px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-rotateR {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -579px -390px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-flip {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -579px 0px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-forward {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -579px -32.5px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-top {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -579px -487.5px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-backward {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -317.5px -536.5px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-bottom {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -355px -536.5px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-add_wall {
  background-image: url(../assets//icon_dpr2.png);
  background-position: 0px -605.5px;
  width: 37.5px;
  height: 30px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-remove_wall {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -579px -227.5px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-add_dot {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -280px -536.5px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-room_color {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -579px -325px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-changeRoomType {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -430px -536.5px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-moveText {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -579px -162.5px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-textSetting {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -579px -455px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-stair {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -616.5px -374px;
  width: 34px;
  height: 34px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-join {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -579px -97.5px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-garbage {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -579px -65px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-change_size {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -467.5px -536.5px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-setting {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -579px -422.5px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-change {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -392.5px -536.5px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-close {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -650.5px -432px;
  width: 32px;
  height: 32px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-close2 {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -461px -635.5px;
  width: 25px;
  height: 25px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-close3 {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -486px -635.5px;
  width: 25px;
  height: 25px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-close4 {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -650.5px -464px;
  width: 32px;
  height: 32px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-roof_direction {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -556px 0px;
  width: 23px;
  height: 54px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-mode_select {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -684.5px -573px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-file {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -684.5px -221px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-link {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -684.5px -441px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-save {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -556px -98px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-edit {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -684.5px -177px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-undo {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -556px -274px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-redo {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -684.5px -617px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-ruler {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -556px -54px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-setting_s {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -556px -142px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-size {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -556px -186px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-guide {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -684.5px -309px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-pin_show {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -516px -476px;
  width: 29px;
  height: 26px;
  background-size: 709px 688.5px;
  height: 22px;
  scale: 0.8;
}
.is-Mobile-page .icon-size-correction {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -556px -208px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-grade-setting {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -684.5px -265px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .headerMenu > ul > li:hover .icon-file {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -684.5px -243px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .headerMenu > ul > li:hover .icon-link {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -684.5px -463px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .headerMenu > ul > li:hover .icon-save {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -556px -120px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .headerMenu > ul > li:hover .icon-edit {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -684.5px -199px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .headerMenu > ul > li:hover .icon-undo {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -556px -296px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .headerMenu > ul > li:hover .icon-redo {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -684.5px -639px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .headerMenu > ul > li:hover .icon-ruler {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -556px -76px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .headerMenu > ul > li:hover > button:not(.disabled) .icon-undo {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -556px -296px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .headerMenu > ul > li:hover > button:not(.disabled) .icon-redo {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -684.5px -639px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .headerMenu > ul > li:hover .icon-mode_select,
.is-Mobile-page .headerMenu > ul > li > button.is-active .icon-mode_select {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -684.5px -595px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .itemMenuBtnNoFrame:hover .imgBox .icon-mode_select,
.is-Mobile-page .itemMenuModeBtnBox input[type=radio]:checked + label .imgBox .icon-mode_select {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -684.5px -595px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .headerMenu > ul > li > button.is-active .icon-size,
.is-Mobile-page .headerMenu > ul > li > button:hover .icon-size {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -556px -252px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .headerMenu > ul > li > button.is-active .icon-guide,
.is-Mobile-page .headerMenu > ul > li > button:hover .icon-guide {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -684.5px -331px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .headerMenu > ul > li > button.is-active .icon-pin_show,
.is-Mobile-page .headerMenu > ul > li > button:hover .icon-pin_show {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -179.5px -605.5px;
  width: 29px;
  height: 26px;
  background-size: 709px 688.5px;
  height: 22px;
  scale: 0.8;
}
.is-Mobile-page .headerMenu > ul > li > button.is-active .icon-mode_select {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -684.5px -595px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .headerMenu > ul > li:hover .icon-setting_s {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -556px -164px;
  width: 22px;
  height: 22px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-module {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -556px -338px;
  width: 20px;
  height: 20px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-snap {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -556px -358px;
  width: 20px;
  height: 20px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-shitae_load {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -650.5px -560px;
  width: 32px;
  height: 32px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-shitae_edit {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -650.5px -496px;
  width: 32px;
  height: 32px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-site_make {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -32px -635.5px;
  width: 32px;
  height: 32px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-site_edit {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -542.5px -536.5px;
  width: 32px;
  height: 32px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-drag_input {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -516px -180px;
  width: 37px;
  height: 37px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-point_input {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -516px -254px;
  width: 37px;
  height: 37px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-put_input {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -516px -328px;
  width: 37px;
  height: 37px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .itemMenuModeBtn:hover .imgBox .icon-shitae_load,
.is-Mobile-page .itemMenuModeBtnBox input[type=radio]:checked + label .imgBox .icon-shitae_load {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -650.5px -592px;
  width: 32px;
  height: 32px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .itemMenuModeBtn:hover .imgBox .icon-shitae_edit,
.is-Mobile-page .itemMenuModeBtnBox input[type=radio]:checked + label .imgBox .icon-shitae_edit {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -650.5px -528px;
  width: 32px;
  height: 32px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .itemMenuModeBtn:hover .imgBox .icon-site_make,
.is-Mobile-page .itemMenuModeBtnBox input[type=radio]:checked + label .imgBox .icon-site_make {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -64px -635.5px;
  width: 32px;
  height: 32px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .itemMenuModeBtn:hover .imgBox .icon-site_edit,
.is-Mobile-page .itemMenuModeBtnBox input[type=radio]:checked + label .imgBox .icon-site_edit {
  background-image: url(../assets//icon_dpr2.png);
  background-position: 0px -635.5px;
  width: 32px;
  height: 32px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .itemMenuModeBtn:hover .imgBox .icon-drag_input,
.is-Mobile-page .itemMenuModeBtnBox input[type=radio]:checked + label .imgBox .icon-drag_input {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -516px -217px;
  width: 37px;
  height: 37px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .itemMenuModeBtn:hover .imgBox .icon-point_input,
.is-Mobile-page .itemMenuModeBtnBox input[type=radio]:checked + label .imgBox .icon-point_input {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -516px -291px;
  width: 37px;
  height: 37px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .itemMenuModeBtn:hover .imgBox .icon-put_input,
.is-Mobile-page .itemMenuModeBtnBox input[type=radio]:checked + label .imgBox .icon-put_input {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -516px -365px;
  width: 37px;
  height: 37px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .itemMenuBtnNoFrame:hover .imgBox .icon-shitae_load {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -650.5px -592px;
  width: 32px;
  height: 32px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .itemMenuBtnNoFrame:hover .imgBox .icon-shitae_edit {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -650.5px -528px;
  width: 32px;
  height: 32px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .itemMenuBtnNoFrame:hover .imgBox .icon-site_make {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -64px -635.5px;
  width: 32px;
  height: 32px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .itemMenuBtnNoFrame:hover .imgBox .icon-site_edit {
  background-image: url(../assets//icon_dpr2.png);
  background-position: 0px -635.5px;
  width: 32px;
  height: 32px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-roof_color {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -579px -260px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-roof_yosemune {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -405px -457.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-roof_yokogiri {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -315px -457.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-roof_tategiri {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -225px -457.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-roof_flat {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -45px -457.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-roof_katanagare {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -135px -457.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-change_wall1f {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -426px -180px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-change_koshi1f {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -225px -367.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-change_wall2f {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -426px -270px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-change_koshi2f {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -315px -367.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-change_wall3f {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -426px -360px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-change_koshi3f {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -426px 0px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-change_wall_inner {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -45px -412.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-change_habaki {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -135px -367.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-change_floor {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -381px -315px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-change_door {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -381px -135px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-change_curtain {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -381px -45px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-change_entrance {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -381px -225px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-change_sash {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -426px -90px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-change_garage {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -45px -367.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page label:hover .iconBox .icon-roof_color,
.is-Mobile-page input[type=radio]:checked + label .iconBox .icon-roof_color {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -579px -292.5px;
  width: 37.5px;
  height: 32.5px;
  background-size: 709px 688.5px;
}
.is-Mobile-page label:hover .iconBox .icon-roof_yosemune,
.is-Mobile-page input[type=radio]:checked + label .iconBox .icon-roof_yosemune {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -450px -457.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page label:hover .iconBox .icon-roof_yokogiri,
.is-Mobile-page input[type=radio]:checked + label .iconBox .icon-roof_yokogiri {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -360px -457.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page label:hover .iconBox .icon-roof_tategiri,
.is-Mobile-page input[type=radio]:checked + label .iconBox .icon-roof_tategiri {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -270px -457.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page label:hover .iconBox .icon-roof_flat,
.is-Mobile-page input[type=radio]:checked + label .iconBox .icon-roof_flat {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -90px -457.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page label:hover .iconBox .icon-roof_katanagare,
.is-Mobile-page input[type=radio]:checked + label .iconBox .icon-roof_katanagare {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -180px -457.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page label:hover .iconBox .icon-change_wall1f,
.is-Mobile-page input[type=radio]:checked + label .iconBox .icon-change_wall1f {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -426px -225px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page label:hover .iconBox .icon-change_koshi1f,
.is-Mobile-page input[type=radio]:checked + label .iconBox .icon-change_koshi1f {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -270px -367.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page label:hover .iconBox .icon-change_wall2f,
.is-Mobile-page input[type=radio]:checked + label .iconBox .icon-change_wall2f {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -426px -315px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page label:hover .iconBox .icon-change_koshi2f,
.is-Mobile-page input[type=radio]:checked + label .iconBox .icon-change_koshi2f {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -360px -367.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page label:hover .iconBox .icon-change_wall3f,
.is-Mobile-page input[type=radio]:checked + label .iconBox .icon-change_wall3f {
  background-image: url(../assets//icon_dpr2.png);
  background-position: 0px -412.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page label:hover .iconBox .icon-change_koshi3f,
.is-Mobile-page input[type=radio]:checked + label .iconBox .icon-change_koshi3f {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -426px -45px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page label:hover .iconBox .icon-change_wall_inner,
.is-Mobile-page input[type=radio]:checked + label .iconBox .icon-change_wall_inner {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -90px -412.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page label:hover .iconBox .icon-change_floor,
.is-Mobile-page input[type=radio]:checked + label .iconBox .icon-change_floor {
  background-image: url(../assets//icon_dpr2.png);
  background-position: 0px -367.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page label:hover .iconBox .icon-change_door,
.is-Mobile-page input[type=radio]:checked + label .iconBox .icon-change_door {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -381px -180px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page label:hover .iconBox .icon-change_curtain,
.is-Mobile-page input[type=radio]:checked + label .iconBox .icon-change_curtain {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -381px -90px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page label:hover .iconBox .icon-change_entrance,
.is-Mobile-page input[type=radio]:checked + label .iconBox .icon-change_entrance {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -381px -270px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page label:hover .iconBox .icon-change_sash,
.is-Mobile-page input[type=radio]:checked + label .iconBox .icon-change_sash {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -426px -135px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page label:hover .iconBox .icon-change_garage,
.is-Mobile-page input[type=radio]:checked + label .iconBox .icon-change_garage {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -90px -367.5px;
  width: 45px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-menu-clock {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -215.5px -125.5px;
  width: 45.5px;
  height: 45.5px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-menu-mirror {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -227.5px -276.5px;
  width: 45.5px;
  height: 45.5px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-menu-painting {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -335.5px -182px;
  width: 45.5px;
  height: 45.5px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-menu-light {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -182px -231px;
  width: 45.5px;
  height: 45.5px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-menu-shelf {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -335.5px -273px;
  width: 45.5px;
  height: 45.5px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-menu-ac {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -215.5px -80px;
  width: 45.5px;
  height: 45.5px;
  background-size: 709px 688.5px;
}
.is-Mobile-page label:hover .iconBox .icon-menu-clock,
.is-Mobile-page input[type=radio]:checked + label .iconBox .icon-menu-clock {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -261px -125.5px;
  width: 45.5px;
  height: 45.5px;
  background-size: 709px 688.5px;
}
.is-Mobile-page label:hover .iconBox .icon-menu-clock,
.is-Mobile-page input[type=radio]:checked + label .iconBox .icon-menu-mirror {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -273px -276.5px;
  width: 45.5px;
  height: 45.5px;
  background-size: 709px 688.5px;
}
.is-Mobile-page label:hover .iconBox .icon-menu-clock,
.is-Mobile-page input[type=radio]:checked + label .iconBox .icon-menu-painting {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -335.5px -227.5px;
  width: 45.5px;
  height: 45.5px;
  background-size: 709px 688.5px;
}
.is-Mobile-page label:hover .iconBox .icon-menu-clock,
.is-Mobile-page input[type=radio]:checked + label .iconBox .icon-menu-light {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -227.5px -231px;
  width: 45.5px;
  height: 45.5px;
  background-size: 709px 688.5px;
}
.is-Mobile-page label:hover .iconBox .icon-menu-clock,
.is-Mobile-page input[type=radio]:checked + label .iconBox .icon-menu-shelf {
  background-image: url(../assets//icon_dpr2.png);
  background-position: 0px -322px;
  width: 45.5px;
  height: 45.5px;
  background-size: 709px 688.5px;
}
.is-Mobile-page label:hover .iconBox .icon-menu-clock,
.is-Mobile-page input[type=radio]:checked + label .iconBox .icon-menu-ac {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -261px -80px;
  width: 45.5px;
  height: 45.5px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-change2d {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -516px 0px;
  width: 40px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-change3d {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -516px -90px;
  width: 40px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .changeModeToggleBtn:hover .icon-change2d,
.is-Mobile-page .changeModeToggleBtn.is-active .icon-change2d {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -516px -45px;
  width: 40px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .changeModeToggleBtn:hover .icon-change3d,
.is-Mobile-page .changeModeToggleBtn.is-active .icon-change3d {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -516px -135px;
  width: 40px;
  height: 45px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-change_incam_row {
  background-image: url(../assets//icon_dpr2.png);
  background-position: 0px -122px;
  width: 121px;
  height: 31px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-change_incam_row_en {
  background-image: url(../assets//icon_dpr2.png);
  background-position: 0px -184px;
  width: 120px;
  height: 30px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-change_outcam_row {
  background-image: url(../assets//icon_dpr2.png);
  background-position: 0px -153px;
  width: 121px;
  height: 31px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-change_outcam_row_en {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -215.5px 0px;
  width: 120px;
  height: 30px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .changeModeToggleBtn.is-active .icon-change_outcam_row {
  background-image: url(../assets//icon_dpr2.png);
  background-position: 0px -122px;
  width: 121px;
  height: 31px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .changeModeToggleBtn.is-active .icon-change_outcam_row_en {
  background-image: url(../assets//icon_dpr2.png);
  background-position: 0px -184px;
  width: 120px;
  height: 30px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .changeModeToggleBtn.is-active .icon-change_incam_row {
  background-image: url(../assets//icon_dpr2.png);
  background-position: 0px -153px;
  width: 121px;
  height: 31px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .changeModeToggleBtn.is-active .icon-change_incam_row_en {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -215.5px 0px;
  width: 120px;
  height: 30px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-btn_display_exterior {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -120px -184px;
  width: 95px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-btn_display_exterior_en {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -492px -502.5px;
  width: 57px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-btn_display_sunpou {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -422px -519.5px;
  width: 48px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-btn_display_sunpou_en {
  background-image: url(../assets//icon_dpr2.png);
  background-position: 0px -502.5px;
  width: 102px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-btn_display_shasen {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -585px -635.5px;
  width: 33px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-btn_display_shasen_en {
  background-image: url(../assets//icon_dpr2.png);
  background-position: 0px -519.5px;
  width: 86.5px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-btn_display_wireframe {
  background-image: url(../assets//icon_dpr2.png);
  background-position: 0px -214px;
  width: 126px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-btn_display_wireframe_en {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -252px -214px;
  width: 78px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-btn_display_itemchange {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -215.5px -171px;
  width: 115px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-btn_display_itemchange_en {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -204px -502.5px;
  width: 96.5px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-btn_display_map {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -579px -552.5px;
  width: 34px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-btn_display_day {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -556px -378px;
  width: 17px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-btn_display_item {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -121px -122px;
  width: 94.5px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Mobile-page .icon-btn_display_item_en {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -308px -519.5px;
  width: 57px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Mobile-page input:checked + label .icon-btn_display_exterior {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -397px -502.5px;
  width: 95px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Mobile-page input:checked + label .icon-btn_display_exterior_en {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -251px -519.5px;
  width: 57px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Mobile-page input:checked + label .icon-btn_display_sunpou {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -470px -519.5px;
  width: 48px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Mobile-page input:checked + label .icon-btn_display_sunpou_en {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -102px -502.5px;
  width: 102px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Mobile-page input:checked + label .icon-btn_display_shasen {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -618px -635.5px;
  width: 33px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Mobile-page input:checked + label .icon-btn_display_shasen_en {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -86.5px -519.5px;
  width: 86.5px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Mobile-page input:checked + label .icon-btn_display_wireframe {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -126px -214px;
  width: 126px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Mobile-page input:checked + label .icon-btn_display_wireframe_en {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -173px -519.5px;
  width: 78px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Mobile-page input:checked + label .icon-btn_display_itemchange {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -215.5px -188px;
  width: 115px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Mobile-page input:checked + label .icon-btn_display_itemchange_en {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -300.5px -502.5px;
  width: 96.5px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Mobile-page input:checked + label .icon-btn_display_map {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -518px -519.5px;
  width: 34px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Mobile-page input:checked + label .icon-btn_display_day {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -556px -395px;
  width: 17px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Mobile-page input:checked + label .icon-btn_display_item {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -121px -153px;
  width: 94.5px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Mobile-page input:checked + label .icon-btn_display_item_en {
  background-image: url(../assets//icon_dpr2.png);
  background-position: -365px -519.5px;
  width: 57px;
  height: 17px;
  background-size: 709px 688.5px;
}
.is-Mobile-page #header,
.is-Mobile-page #footer,
.is-Mobile-page .leftMenuCategories {
  background-size: contain;
}
.is-Mobile-page #header {
  background-image: url(../assets//bg/bg_ruler_top_dpr2.png);
}
.is-Mobile-page #footer {
  background-image: url(../assets//bg/bg_ruler_bottom_dpr2.png);
}
.is-Mobile-page .leftMenuCategories {
  background-image: url(../assets//bg/bg_ruler_left_dpr2.png);
}
.is-Mobile-page #tabRoofShape .nokideSettingBox,
.is-Mobile-page #tabRoofShape .koubaiSettingBox {
  background-size: 177px 120px;
}
.is-Mobile-page #tabRoofShape #tabContentRoofShapeYosemune .nokideSettingBox {
  background-image: url(../assets//yosemune_detail_dpr2.jpg);
}
.is-Mobile-page #tabRoofShape #tabContentRoofShapeYokogiri .nokideSettingBox {
  background-image: url(../assets//yokogiri_detail_dpr2.jpg);
}
.is-Mobile-page #tabRoofShape #tabContentRoofShapeTategiri .nokideSettingBox {
  background-image: url(../assets//tategiri_detail_dpr2.jpg);
}
.is-Mobile-page #tabRoofShape #tabContentRoofShapeKatanagare .nokideSettingBox {
  background-image: url(../assets//katanagare_detail_dpr2.jpg);
}
.is-Mobile-page #tabRoofShape #tabContentRoofShapeYosemune .koubaiSettingBox,
.is-Mobile-page #tabRoofShape #tabContentRoofShapeYokogiri .koubaiSettingBox,
.is-Mobile-page #tabRoofShape #tabContentRoofShapeTategiri .koubaiSettingBox,
.is-Mobile-page #tabRoofShape #tabContentRoofShapeKatanagare .koubaiSettingBox {
  background-image: url(../assets//koubai_detail_dpr2.jpg);
}
.is-Mobile-page #device_orientation .inner_image {
  background-image: url(../assets//iphone_orientation_alert.png);
  background-size: 308px;
}
.is-Mobile-page #header .logo {
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  background: url(../assets//logo_mobile.png) no-repeat;
  background-size: 50%;
  position: absolute;
  left: 5px;
  top: 0px;
}
.is-Mobile-page #versionInfoBox {
  top: 28px;
  left: 15px;
}
.is-Mobile-page #versionInfoBox > label {
  font-size: 8px;
}
.is-Mobile-page #header {
  padding-left: 105px;
}
.is-Mobile-page .floorBtnWrap label {
  margin-right: 12px;
}
.is-Mobile-page .zoomBtnWrap > ul > li {
  margin-left: 12px;
}
.is-Mobile-page .zoomBtnWrap > ul > li:first-child {
  margin-left: 0;
}
.is-Mobile-page #alertDialog {
  max-height: 100%;
  overflow-y: auto;
}
.is-Mobile-page #alertDialog .dialogBody p {
  -webkit-text-size-adjust: 100%;
  font-size: 16px;
}
.is-Mobile-page .dialogBuildStyleBox {
  width: 480px;
}
.is-Mobile-page .dialogBuildStyleBox .buildStyleBtn {
  width: 120px;
  padding-bottom: 0;
}
.is-Mobile-page .dialogBuildStyleBox .buildStyleImage img {
  height: 70px;
}
.is-Mobile-page .dialogBuildStyleBox .buildStyleTitle {
  font-size: 10px;
}
.is-Mobile-page .dialogPlanAreaTable table {
  width: 230px;
}
.is-Mobile-page .dialogPlanAreaTable th,
.is-Mobile-page .dialogPlanAreaTable td {
  font-size: 16px;
}
.is-Mobile-page #topview {
  right: initial;
  top: 45px;
  left: 55px;
}
.is-Mobile-page #topview_1,
.is-Mobile-page #topview_2,
.is-Mobile-page #topview_3 {
  width: 160px;
  height: 120px;
  z-index: 900;
}
.is-Mobile-page #topview_current {
  width: 43.5px;
  height: 43.5px;
  z-index: 901;
}

/*=========================

util

==========================*/
.fz12 {
  font-size: 12px !important;
}

.warn {
  color: #f00 !important;
}

.u-pt3 {
  padding-top: 3px !important;
}

.u-pb0 {
  padding-bottom: 0 !important;
}

.u-dt {
  display: table !important;
}

.mapboxgl-map {
  font: 12px/20px Helvetica Neue, Arial, Helvetica, sans-serif;
  overflow: hidden;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mapboxgl-canvas {
  position: absolute;
  left: 0;
  top: 0;
}

.mapboxgl-map:-webkit-full-screen {
  width: 100%;
  height: 100%;
}

.mapboxgl-canary {
  background-color: salmon;
}

.mapboxgl-canvas-container.mapboxgl-interactive,
.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass {
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
}

.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer {
  cursor: pointer;
}

.mapboxgl-canvas-container.mapboxgl-interactive:active,
.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active {
  cursor: grabbing;
}

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas {
  touch-action: pan-x pan-y;
}

.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas {
  touch-action: pinch-zoom;
}

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas {
  touch-action: none;
}

.mapboxgl-ctrl-bottom-left,
.mapboxgl-ctrl-bottom-right,
.mapboxgl-ctrl-top-left,
.mapboxgl-ctrl-top-right {
  position: absolute;
  pointer-events: none;
  z-index: 2;
}

.mapboxgl-ctrl-top-left {
  top: 0;
  left: 0;
}

.mapboxgl-ctrl-top-right {
  top: 0;
  right: 0;
}

.mapboxgl-ctrl-bottom-left {
  bottom: 0;
  left: 0;
}

.mapboxgl-ctrl-bottom-right {
  right: 0;
  bottom: 0;
}

.mapboxgl-ctrl {
  clear: both;
  pointer-events: auto;
  transform: translate(0);
}

.mapboxgl-ctrl-top-left .mapboxgl-ctrl {
  margin: 10px 0 0 10px;
  float: left;
}

.mapboxgl-ctrl-top-right .mapboxgl-ctrl {
  margin: 10px 10px 0 0;
  float: right;
}

.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl {
  margin: 0 0 10px 10px;
  float: left;
}

.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl {
  margin: 0 10px 10px 0;
  float: right;
}

.mapboxgl-ctrl-group {
  border-radius: 4px;
  background: #fff;
}

.mapboxgl-ctrl-group:not(:empty) {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl-group:not(:empty) {
    box-shadow: 0 0 0 2px ButtonText;
  }
}
.mapboxgl-ctrl-group button {
  width: 29px;
  height: 29px;
  display: block;
  padding: 0;
  outline: none;
  border: 0;
  box-sizing: border-box;
  background-color: transparent;
  cursor: pointer;
  overflow: hidden;
}

.mapboxgl-ctrl-group button + button {
  border-top: 1px solid #ddd;
}

.mapboxgl-ctrl button .mapboxgl-ctrl-icon {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl-icon {
    background-color: transparent;
  }
  .mapboxgl-ctrl-group button + button {
    border-top: 1px solid ButtonText;
  }
}
.mapboxgl-ctrl-attrib-button:focus,
.mapboxgl-ctrl-group button:focus {
  box-shadow: 0 0 2px 2px rgb(0, 150, 255);
}

.mapboxgl-ctrl button:disabled {
  cursor: not-allowed;
}

.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon {
  opacity: 0.25;
}

.mapboxgl-ctrl-group button:first-child {
  border-radius: 4px 4px 0 0;
}

.mapboxgl-ctrl-group button:last-child {
  border-radius: 0 0 4px 4px;
}

.mapboxgl-ctrl-group button:only-child {
  border-radius: inherit;
}

.mapboxgl-ctrl button:not(:disabled):hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.mapboxgl-ctrl-group button:focus:focus-visible {
  box-shadow: 0 0 2px 2px rgb(0, 150, 255);
}

.mapboxgl-ctrl-group button:focus:not(:focus-visible) {
  box-shadow: none;
}

.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E %3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E %3C/svg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E %3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E %3C/svg%3E");
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E %3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E %3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E %3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E %3C/svg%3E");
  }
}
@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E %3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E %3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E %3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E %3C/svg%3E");
  }
}
.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E %3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E %3C/svg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E %3C/svg%3E");
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E %3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E %3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E %3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E %3C/svg%3E");
  }
}
@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E %3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E %3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E %3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E %3C/svg%3E");
  }
}
.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E %3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E %3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E %3C/svg%3E");
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E %3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E %3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E %3C/svg%3E");
  }
}
@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E %3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E %3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E %3C/svg%3E");
  }
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E %3C/svg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E %3C/svg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E %3C/svg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E %3C/svg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E %3C/svg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E %3C/svg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon {
  animation: mapboxgl-spin 2s linear infinite;
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E %3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E %3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E %3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E %3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E %3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E %3C/svg%3E");
  }
}
@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E %3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E %3C/svg%3E");
  }
}
@keyframes mapboxgl-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
a.mapboxgl-ctrl-logo {
  width: 88px;
  height: 23px;
  margin: 0 0 -4px -4px;
  display: block;
  background-repeat: no-repeat;
  cursor: pointer;
  overflow: hidden;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' viewBox='0 0 88 23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E %3Cdefs%3E %3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E %3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E %3C/defs%3E %3Cmask id='clip'%3E %3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E %3Cuse xlink:href='%23logo'/%3E %3Cuse xlink:href='%23text'/%3E %3C/mask%3E %3Cg id='outline' opacity='0.3' stroke='%23000' stroke-width='3'%3E %3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E %3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E %3C/g%3E %3Cg id='fill' opacity='0.9' fill='%23fff'%3E %3Cuse xlink:href='%23logo'/%3E %3Cuse xlink:href='%23text'/%3E %3C/g%3E %3C/svg%3E");
}

a.mapboxgl-ctrl-logo.mapboxgl-compact {
  width: 23px;
}

@media (-ms-high-contrast: active) {
  a.mapboxgl-ctrl-logo {
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' viewBox='0 0 88 23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E %3Cdefs%3E %3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E %3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E %3C/defs%3E %3Cmask id='clip'%3E %3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E %3Cuse xlink:href='%23logo'/%3E %3Cuse xlink:href='%23text'/%3E %3C/mask%3E %3Cg id='outline' opacity='1' stroke='%23000' stroke-width='3'%3E %3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E %3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E %3C/g%3E %3Cg id='fill' opacity='1' fill='%23fff'%3E %3Cuse xlink:href='%23logo'/%3E %3Cuse xlink:href='%23text'/%3E %3C/g%3E %3C/svg%3E");
  }
}
@media (-ms-high-contrast: black-on-white) {
  a.mapboxgl-ctrl-logo {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' viewBox='0 0 88 23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E %3Cdefs%3E %3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E %3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E %3C/defs%3E %3Cmask id='clip'%3E %3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E %3Cuse xlink:href='%23logo'/%3E %3Cuse xlink:href='%23text'/%3E %3C/mask%3E %3Cg id='outline' opacity='1' stroke='%23fff' stroke-width='3' fill='%23fff'%3E %3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E %3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E %3C/g%3E %3Cg id='fill' opacity='1' fill='%23000'%3E %3Cuse xlink:href='%23logo'/%3E %3Cuse xlink:href='%23text'/%3E %3C/g%3E %3C/svg%3E");
  }
}
.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
  padding: 0 5px;
  background-color: rgba(255, 255, 255, 0.5);
  margin: 0;
}

@media screen {
  .mapboxgl-ctrl-attrib.mapboxgl-compact {
    min-height: 20px;
    padding: 2px 24px 2px 0;
    margin: 10px;
    position: relative;
    background-color: #fff;
    border-radius: 12px;
  }
  .mapboxgl-ctrl-attrib.mapboxgl-compact-show {
    padding: 2px 28px 2px 8px;
    visibility: visible;
  }
  .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact-show,
  .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact-show {
    padding: 2px 8px 2px 28px;
    border-radius: 12px;
  }
  .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner {
    display: none;
  }
  .mapboxgl-ctrl-attrib-button {
    display: none;
    cursor: pointer;
    position: absolute;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E %3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E %3C/svg%3E");
    background-color: rgba(255, 255, 255, 0.5);
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    border-radius: 12px;
    outline: none;
    top: 0;
    right: 0;
    border: 0;
  }
  .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,
  .mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button {
    left: 0;
  }
  .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner,
  .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button {
    display: block;
  }
  .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button {
    background-color: rgba(0, 0, 0, 0.05);
  }
  .mapboxgl-ctrl-bottom-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    bottom: 0;
    right: 0;
  }
  .mapboxgl-ctrl-top-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    top: 0;
    right: 0;
  }
  .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    top: 0;
    left: 0;
  }
  .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    bottom: 0;
    left: 0;
  }
}
@media screen and (-ms-high-contrast: active) {
  .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E %3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E %3C/svg%3E");
  }
}
@media screen and (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E %3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E %3C/svg%3E");
  }
}
.mapboxgl-ctrl-attrib a {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}

.mapboxgl-ctrl-attrib a:hover {
  color: inherit;
  text-decoration: underline;
}

.mapboxgl-ctrl-attrib .mapbox-improve-map {
  font-weight: 700;
  margin-left: 2px;
}

.mapboxgl-attrib-empty {
  display: none;
}

.mapboxgl-ctrl-scale {
  background-color: rgba(255, 255, 255, 0.75);
  font-size: 10px;
  border: 2px solid #333;
  border-top: #333;
  padding: 0 5px;
  color: #333;
  box-sizing: border-box;
  white-space: nowrap;
}

.mapboxgl-popup {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  will-change: transform;
  pointer-events: none;
}

.mapboxgl-popup-anchor-top,
.mapboxgl-popup-anchor-top-left,
.mapboxgl-popup-anchor-top-right {
  flex-direction: column;
}

.mapboxgl-popup-anchor-bottom,
.mapboxgl-popup-anchor-bottom-left,
.mapboxgl-popup-anchor-bottom-right {
  flex-direction: column-reverse;
}

.mapboxgl-popup-anchor-left {
  flex-direction: row;
}

.mapboxgl-popup-anchor-right {
  flex-direction: row-reverse;
}

.mapboxgl-popup-tip {
  width: 0;
  height: 0;
  border: 10px solid transparent;
  z-index: 1;
}

.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
  align-self: center;
  border-top: none;
  border-bottom-color: #fff;
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {
  align-self: flex-start;
  border-top: none;
  border-left: none;
  border-bottom-color: #fff;
}

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
  align-self: flex-end;
  border-top: none;
  border-right: none;
  border-bottom-color: #fff;
}

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
  align-self: center;
  border-bottom: none;
  border-top-color: #fff;
}

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip {
  align-self: flex-start;
  border-bottom: none;
  border-left: none;
  border-top-color: #fff;
}

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
  align-self: flex-end;
  border-bottom: none;
  border-right: none;
  border-top-color: #fff;
}

.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
  align-self: center;
  border-left: none;
  border-right-color: #fff;
}

.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
  align-self: center;
  border-right: none;
  border-left-color: #fff;
}

.mapboxgl-popup-close-button {
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  border-radius: 0 3px 0 0;
  cursor: pointer;
  background-color: transparent;
}

.mapboxgl-popup-close-button:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.mapboxgl-popup-content {
  position: relative;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  padding: 10px 10px 15px;
  pointer-events: auto;
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content {
  border-top-left-radius: 0;
}

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content {
  border-top-right-radius: 0;
}

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content {
  border-bottom-left-radius: 0;
}

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content {
  border-bottom-right-radius: 0;
}

.mapboxgl-popup-track-pointer {
  display: none;
}

.mapboxgl-popup-track-pointer * {
  pointer-events: none;
  user-select: none;
}

.mapboxgl-map:hover .mapboxgl-popup-track-pointer {
  display: flex;
}

.mapboxgl-map:active .mapboxgl-popup-track-pointer {
  display: none;
}

.mapboxgl-marker {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  will-change: transform;
  opacity: 1;
  transition: opacity 0.2s;
}

.mapboxgl-user-location-dot,
.mapboxgl-user-location-dot:before {
  background-color: #1da1f2;
  width: 15px;
  height: 15px;
  border-radius: 50%;
}

.mapboxgl-user-location-dot:before {
  content: "";
  position: absolute;
  animation: mapboxgl-user-location-dot-pulse 2s infinite;
}

.mapboxgl-user-location-dot:after {
  border-radius: 50%;
  border: 2px solid #fff;
  content: "";
  height: 19px;
  left: -2px;
  position: absolute;
  top: -2px;
  width: 19px;
  box-sizing: border-box;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
}

.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading {
  width: 0;
  height: 0;
}

.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before {
  content: "";
  border-bottom: 7.5px solid #4aa1eb;
  position: absolute;
}

.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before {
  border-left: 7.5px solid transparent;
  transform: translateY(-28px) skewY(-20deg);
}

.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after {
  border-right: 7.5px solid transparent;
  transform: translate(7.5px, -28px) skewY(20deg);
}

@keyframes mapboxgl-user-location-dot-pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  70% {
    transform: scale(3);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 0;
  }
}
.mapboxgl-user-location-dot-stale {
  background-color: #aaa;
}

.mapboxgl-user-location-dot-stale:after {
  display: none;
}

.mapboxgl-user-location-accuracy-circle {
  background-color: rgba(29, 161, 242, 0.2);
  width: 1px;
  height: 1px;
  border-radius: 100%;
}

.mapboxgl-crosshair,
.mapboxgl-crosshair .mapboxgl-interactive,
.mapboxgl-crosshair .mapboxgl-interactive:active {
  cursor: crosshair;
}

.mapboxgl-boxzoom {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  background: #fff;
  border: 2px dotted #202020;
  opacity: 0.5;
}

@media print {
  .mapbox-improve-map {
    display: none;
  }
}
.mapboxgl-scroll-zoom-blocker,
.mapboxgl-touch-pan-blocker {
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
  justify-content: center;
  text-align: center;
  position: absolute;
  display: flex;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.75s ease-in-out;
  transition-delay: 1s;
}

.mapboxgl-scroll-zoom-blocker-show,
.mapboxgl-touch-pan-blocker-show {
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
}

.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,
.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas {
  touch-action: pan-x pan-y;
}