@charset "UTF-8";
/* CSS Document */
body {
 background: url("../image/bg.svg");
 background-attachment: fixed;
}
textarea {
	resize: none;
}
/*
a:link { color: rgba(231, 84, 0, 1.00); }
a:visited { color: rgba(231, 84, 0, 1.00); }
a:hover { color: rgba(231, 84, 0, 1.00); }
a:active { color: rgba(231, 84, 0, 1.00); }
*/

input::placeholder {
  color: #ccc;
}

/* IE */
input:-ms-input-placeholder {
  color: #ccc;
}

/* Edge */
input::-ms-input-placeholder {
  color: #ccc;
}


#wrapper.hidden-page { /* .create-page */
 opacity: 0;
 transition: 0.05s;
}
#wrapper.hidden-page.show {
 opacity: 1;
}
#wrapper {
 min-height: 100vh;
 position: relative;
 padding-bottom: 60px;
 box-sizing: border-box;
 width: 980px;
 margin-left: auto;
 background-color: white;
 margin-right: auto;
 /* レイアウト確認用 */
 /* 	background-image: url("../image/bg-gurid.svg");
	background-size: 980px;*/
}
.disabled_color {
 color: #dddddd;
}
.disabled_bgcolor {
 background-color: #dddddd !important;
}
.required_color {
	background-color: #ffccff;
}
.wrap {
 /*  width: 980px;
  margin-left: auto;
  margin-right: auto;*/
 padding: 0 20px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 background-color: rgba(255, 255, 255, 1.00);
 /* レイアウト確認用 */
 /*background-color: rgba(255, 255, 255, 0.7);*/
}
.wrap0 {
 width: 980px;
 margin-left: auto;
 margin-right: auto;
/* padding: 0 0 10px 0;*/
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 background-color: rgba(255, 255, 255, 1.00);
 background-color: #fff;
 padding-bottom: 10px;
 /* レイアウト確認用 */
 /*background-color: rgba(255, 255, 255, 0.7);*/
}
.wrap.header {
 padding: 0;
 position: relative;
}
header {
	position: relative;
 padding: 2px 20px;
 display: flex;
 justify-content: space-between;
 border-bottom: solid 2px gray;

}
header h1 {
 display: inline-flex;
 align-items: center;
}
header a, header a:hover {
 color: inherit;
 text-decoration: none;
}
#nav-drawer {
 position: absolute;
 right: 10px;
 display: inline-block;
 align-items: center;
}
header .flexbox {
	position: absolute;
	left: 460px;
 display: inline-block;
 align-items: center;
/* margin-right: 150px;*/
	padding-right: 150px;
}
header .flexbox.h2 {
 align-self: flex-end;
}
header .flexbox.h2 h2 {
 font-size: 0.8em;
}
.gaihi_title {
 display: flex;
/* background: linear-gradient(to right, #e75400, #ffcc54);*/
/*border-left: 25px solid #e75400;
border-top: 2px solid #e75400;
border-bottom: 2px solid #e75400;*/


 padding: 6px 20px;
 align-items: center;
 /*background-color: #E6E6E6;*/
 /*background-color: #fc7f03;*/
 background-color: #666;
 color: #fff;
}
.gaihi_title .flexbox {
 align-items: center;
}

.auto_setting_layer {
	position: absolute;
	color: red;
	background-color: rgba(255, 151, 99,0.2);
	width: 100%;
	height: 100%;
	z-index: 100;
}

.auto_setting_layer .message {
	width: 300px;
	background-color: #fff;
	padding: 10px;
	text-align: center;

    position: absolute;
    margin: auto;
    top: 38px;
    left: 230px;
}

.fotter-button-bar {
 display: flex;
 background-color: #E6E6E6;

 padding: 6px 20px;
 align-items: center;
 color: #fff;
}
.fotter-button-bar .flexbox {
 align-items: center;
}

footer {
 padding: 6px 0;
 padding-top: 8px;
 display: flex;
 justify-content: space-between;
 border-top: solid 2px gray;
 align-items: flex-end;
 height: 28px;
}

footer img {
  width: 80px !important;
  margin-top: 5px;
}

.heightFix {
 height: calc(100vh - 57px);
 min-height: calc(715px - 57px);
}
.footer {
 position: absolute; /*←絶対位置*/
 bottom: 0; /*下に固定*/
 left: 0;
 right: 0;
 margin: auto;
}
.w120px {
 /* width: 120px;*/
 flex-basis: 120px;
}
.wRemainder {
 position: relative;
 /* flex-basis: auto;
 width: 100%;*/
 flex: 1;
}
.kantan_btn_bar {
	width: 780px;
	margin-top: 10px;
	text-align: right;
	margin-bottom: 10px;
}
small {
 font-size: 0.568em;
}
.none-br {
 display: inline-block;
}
.flexboxA {
 display: flex;
}
.flex-end {
 justify-content: flex-end;
}
.flex-center {
 justify-content: center;
}
.flex-around {
 justify-content: space-around;
}
.flex-between {
 justify-content: space-between;
}
.textR {
 text-align: right !important;
}
.textL {
 text-align: left !important;
}
.textC {
 text-align: center !important;
}
.line100 {
 line-height: 1em !important;
}
.line125 {
 line-height: 1.25em !important;
}
.line150 {
 line-height: 1.5em !important;
}
.line200 {
 line-height: 2em !important;
}
.fl {
 float: right;
}

#loading {
	display: table;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	opacity: 0.8;
	z-index: 100000;
}
.loading_image {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 50px;
	/*  height: 3.2rem;*/
}
 
#loading .loadingMsg {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding-top: 140px;
  background: url("/assets/images/loading.gif") center center no-repeat;
}

.modal {
	-ms-overflow-style: none;    /* IE, Edge 対応 */
	scrollbar-width: none;       /* Firefox 対応 */
}
.modal::-webkit-scrollbar {  /* Chrome, Safari 対応 */
	display:none;
}
.modal-header {
	padding: 2px;
	background-color: #f06735;
	font-size: 1.5em;
	font-weight: normal;
	color: #fff;
	padding: 3px;
	padding-left: 10px;
	position: relative;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	border: 2px solid #f06735;
	border-bottom: 0;
}

.modal-body {
	border-radius: 2px;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	border: 2px solid #ebebeb;
	border-top: 0;
}

.modal-content {
	border-radius: 2px;
/*	border: 2px solid #666;*/
	box-shadow: 20px 20px 20px rgba(0,0,0,0.4);
}
.modal-backdrop {
  background-color: transparent;

  &.in {
/*    @include opacity(.8);*/
  }
}
/* ------ 物件のレイアウト（plan > bukken） ---------------- */
.bukken_table {
 margin-left: 10px;
}
.bukken_table tr th, .bukken_table tr td {
 padding: 5px 5px 3px 5px;
}
.bukken_table tr th {
 width: 8em;
 text-align: left;
}
.bukken_table.color_fff tr th {
 color: #fff;
}
.bukken_table input[type=text], .bukken_table tr th, .bukken_table tr td {
 font-size: 1rem;
}
/* 編集可能時 */
.bukken_table tr td {
 border-bottom: 2px solid rgba(0, 0, 0, 0.0);
}
/* 編集不可時（可能と不可能を制御できるもの） */
.bukken_table.none-edit tr td {
 border-bottom: 2px solid #fff;
}
.bukken-panel-L {
 width: 50%;
 overflow: hidden;
 /*background: rgba(0,0,0,0.25);*/
}
.bukken-panel-R {
 width: 50%;
 overflow: hidden;
}
#slide-panel-L, #slide-panel-R {
 width: 100%;
}
#slide-panel-L {
 padding: 118px 0 20px 0;
 background: rgba(0, 0, 0, 0.25);
}
#slide-panel-L.closed {
 margin-left: -490px;
 transition: all 0.75s;
 transition-timing-function: cubic-bezier(0.5, 1.33, 0.5, -0.35);
}
#slide-panel-R.closed {
 margin-left: 490px;
 transition: all 0.75s;
 transition-timing-function: cubic-bezier(0.5, 1.33, 0.5, -0.35);
}
.wrap_bg_top {
 background-image: url("../image/exterior1.jpg");
 background-size: cover;
 padding: 0;
 position: relative;
}
.bukken_message {
 margin: 20px 0;
 padding: 0.5rem 4rem;
 background-color: rgba(255, 255, 255, 0.3) !important;
 border: 2px solid rgba(0, 0, 0, 0) !important;
 color: rgba(255, 255, 255, 1.00);
}
#closed-btn {
 cursor: pointer;
}
.modal-header {
	cursor: move;
}
#closed-btn:hover {
 opacity: 0.75;
}
/* 物件タイトル */
.bukken-title-panel {
 overflow: hidden;
 position: absolute;
 height: 137px;
 width: 540px;
}
#bukken_title {
 position: absolute;
 width: 540px;
 height: 87px;
 top: 50px;
 left: 0;
 background-image: url("../image/title_bukken.svg");
 background-repeat: no-repeat;
 background-position: right 0px top 0;
 background-size: auto 100%;
}
#bukken_title.closed {
 margin-left: -540px;
 transition: all 0.75s;
 transition-timing-function: cubic-bezier(0.5, 1.33, 0.5, -0.35);
}
#bukken_title h2 {
 position: absolute;
 font-size: 20px;
 font-weight: 800;
 color: #fff;
 top: 57px;
 left: 72px;
}
#bukken_title span {
 position: absolute;
 font-size: 13px;
 font-weight: 800;
 color: #fff;
 font-family: Verdana, Helvetica Neue, Arial, sans-serif;
 top: 67px;
 left: 380px;
}
#bukken_title.bukken-plan {
 width: 520px;
 margin-left: -415px;
 transition: all 0.25s;
}
#bukken_title.bukken-plan.opened {
 margin-left: 0;
 transition: all 0.25s;
 /*transition-timing-function: cubic-bezier(0.5, 1.33, 0.5, -0.35);*/
}
/* ------ プランのレイアウト（plan > create.php） ---------------- */
.plan_table {}
.plan_table tr th, .plan_table tr td {
 padding: 0 5px;
}
.plan_table tr th {
 /*width: 8em;*/
 text-align: left;
 vertical-align: top;
 padding-top: 6px;
}
.plan_table input[type=text], .plan_table tr th, .plan_table tr td {
 font-size: 1rem;
}
/* プラン作成 */
.plan_add {
 height: 60px;
 padding: 0 10px 0 65px;
 font-size: 1rem;
 background-image: url("../image/icon_plan-new.svg");
 background-repeat: no-repeat;
 background-size: auto 100%;
 background-position: left center;
}
.plan_add span {
 display: inline-block;
 width: 100%;
 margin-top: 8px;
 border-bottom: solid rgba(0, 0, 0, 1.00) 3px;
 padding-left: 5px;
}
/* 物件・プランボタン配置 */
.btn-setA {
 display: flex;
 padding: 2px 0;
 justify-content: space-between;
 margin-left: 120px;
 margin-bottom: 50px;
}
.btn-setA .btn_icon {
 font-size: 0.875rem;
}
.bukken-btn-set {}
.plan-btn-set {}
.right-btn-set {}
/* 物件設定パネル */
#bukken_panle {
 position: absolute;
 width: 100%; /* 540px; */
 background-color: rgba(0, 0, 0, 0.0);
 height: calc(100vh - 57px - 46px);
 min-height: calc(715px - 57px - 2px);
 top: 0;
 left: 0;
 pointer-events: none; /* オープン時はautoにする */
 z-index: 1001;
 overflow: hidden;
}
#bukken_panle_bg {
 width: 490px;
 height: 100%;
 margin-left: -420px;
 /*background-color:rgba(131,185,120,1.00);*/
 background-color: rgba(200, 225, 237, 1);
 pointer-events: auto;
 box-shadow: 8px 0 3px -3px rgba(0, 0, 0, 0.3);
 transition: all 0.25s;
}
#bukken_panle_bg.opened {
 margin-left: 0;
 transition: all 0.25s;
 pointer-events: auto;
 /*transition-timing-function: cubic-bezier(0.5, 1.33, 0.5, -0.35);*/
}
#bukken_panle_bg.opened * {
 pointer-events: auto;
}
#slide-panel {
 width: 100%;
}
#slide-panel {
 padding: 170px 0 20px 0;
 /*background: rgba(0,0,0,0.25);*/
}
.bukken-btn {
 margin-top: 80px;
 margin-right: 70px;
 padding: 20px 20px;
 border-top: 2px solid;
 display: flex;
 justify-content: space-around;
}
.bukken-btn .btn_icon {
 margin-left: 5px;
 margin-right: 5px;
}
.tategaki {
 -webkit-writing-mode: vertical-rl;
 -ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
}
.bukken-label {
 width: 50px;
}
.bukken-no {
 font-size: 0.75rem;
 text-align: center;
 padding-top: 10px;
}
.mCenter {
 margin-left: auto;
 margin-right: auto;
}
.rotate180 {
 transform: rotate(900deg);
 transition: all 1s;
 transition: transform 1s;
}
#bukken-panel-icon {
 color: rgba(0, 0, 0, 0.75);
 cursor: pointer;
}
#bukken_title.bukken-plan, bukken-panel-icon {
 cursor: pointer;
}
/* ------ プラン一覧 ---------------- */
.list-box {
 display: flex;
 width: calc(100% - 10px);
 justify-content: space-between;
 flex-direction: column;
    background-color: rgba(252,246,231,1.00);
    padding: 10px;
    border-radius: 10px;
	margin-bottom: 10px;
}
.list-body, .list-header {
 display: flex;
 width: 100%;
 flex-direction: row;
 align-items: center;
}
.list-header {
/* background-image: url("../image/line.svg");
 background-repeat: no-repeat;
 background-position: bottom 0 left 1.5em;
 */
 padding-bottom: 2px;
 /* background-size: auto 2px; */
}
.list-header h3 {
 font-size: 1.25rem;
}
.list-body > div, .list-header > div {
 /*width: 100%;*/
 /*flex 1 1 auto ;*/
}
.list-header-c {
 text-align: right;
 flex: 1 1 auto;
}
.list-body-l {
 width: 90px;
 box-sizing: border-box;
 align-self: self-start;
}
.list-body-c {
 flex: 1 1 auto;
}
.list-body-r {
 width: 40px;
 box-sizing: border-box;
}
.last-update {
 width: 17em;
}
/* プランメニュー設定 */
div.list_plan .plan-menu span.pm-arrow > span {
 width: 8em;
 display: inline-block;
}
div.list-plan .plan-menu {
 display: inline-block;
}
div.list_plan .plan-menu div:first-child span.pm-arrow:first-child {
 padding-left: 35px;
}
.plan-data-wrap {
 display: inline-block;
}
.plan-data {}
.plan-data > tbody > tr > th {
/* font-size: 0;*/
 /*display: none;*/
/* height: 0;*/
/* width: 25%;*/
	font-weight: normal;
	background-color: #ebebeb;
}
.plan-data > tbody > tr > td {
 padding: 10px;
/* border: rgba(204, 204, 204, 1.00) 1px solid;*/
 border-top: none;
 border-right: none;
 text-align: center;
}
.plan-data > tbody > tr > td:last-child {
/* border-right: rgba(204, 204, 204, 1.00) 1px solid;*/
}
.plan-data > tbody > tr > td > div {
 padding: 5px 10px;
 font-size: 0.875rem;
 border-radius: 10px;
 background-color: #fff;
/* min-height: 190px;*/
}
.deta-table {
 width: 100%;
 font-size: 0.875rem;
 line-height: 1em;
}
.deta-table td {
 text-align: center;
}
.zougen {
 height: 20px;
 width: 20px;
}
.label_checkbox {
	font-size: 13px;
}
.check-flag input[type="checkbox"] {
 display: block;
 border: none;
 cursor: pointer;
 height: 50px;
 width: 50px;
 padding: 0;
 transition: 0.3s;
 background-image: url("../image/icon_flag.svg");
 background-repeat: no-repeat;
 background-size: contain;
 opacity: 0.2;
	background-color: transparent;
}
.check-flag input[type="checkbox"]:checked {
 opacity: 1;
}
.check-flag {
 position: relative;
 width: 50px;
 transition: 0.5s;
 margin: 20px auto 0;
 display: inherit;
}
div.memo {
 position: relative;
 width: 75%;
}
div.memo textarea {
 width: 100%;
 border-width: 0;
 height: 2em;
 font-size: 0.875rem;
 margin-top: 10px;
 color: inherit;
 padding: 0.25em;
 line-height: 1.5em;
 transition: 0.3s;
	background-color: transparent;
}
div.memo::after {
 content: "";
 width: 1em;
 height: 2em;
 /*background-color:#fff;*/
 display: block;
 position: absolute;
 right: 0;
 bottom: 0;
 transition: 0.3s;
}
div.memo textarea:focus {
background-color:#fff;	
}
div.memo.opened::after {
 display: none;
}
div.memo.opened textarea {
 border-width: inherit;
 height: 5em;
}
div.memo + button {
 margin-left: auto;
 height: 2em;
 margin-top: 10px;
}
.list-header input[type="text"] {
 border-color: transparent;
 /*margin-bottom: 5px;*/
 padding: 0 0.25em 1px 0.25em;
background-color: transparent;
}
.list-header input[type="text"]:focus {
	background-color: #fff;
}
/* ------ 外皮の基本設定（レイアウト） ---------------- */
.set-box, .set-inner {
 display: flex;
 width: 100%;
 box-sizing: border-box;
}
.set-box {
 margin-bottom: 10px;
}
.set-boxL {
 flex-basis: auto;
 width: 14.893%;
 box-sizing: border-box;
 align-items: center;
 display: inline-flex;
}
.set-boxR {
 flex-basis: 800px;
 box-sizing: border-box;
 padding: 10px 10px 0 20px;
}
.set-boxR .set-inner {
 padding-top: 10px;
 padding-bottom: 10px;
 border-bottom: 2px solid #999999;
 font-size: 0.875rem;
}
.set-boxR .set-inner:first-child {
 padding-top: 0;
}
.set-inner-title {
 width: 100%;
 height: 100%;
 box-sizing: border-box;
 border: 2px solid #999999;
 align-items: center;
 display: inline-flex;
}
.set-inner-title.disabled {
 border-color: #eeeeee;
}
.set-box h3, .set-box h4 {
 font-size: 1rem;
 font-weight: bold;
 line-height: 1.25em;
}
.set-inner-title h3, .set-inner-title h4 {
 margin-left: auto;
 margin-right: auto;
}
.set-innerL {
 width: 6rem;
 padding-top: 0.5em;
}
.set-innerL h3, .set-innerL h4 {
 padding-right: 0.5em;
}
.set-innerR {
 flex-basis: auto;
 padding-left: 10px;
}
/* ------ 外皮の基本設定（テーブル組） ---------------- */
.table2 {
 border-collapse: collapse !important;
 border-spacing: 0 !important;
}
.table2 td {
 padding-left: 5px;
 padding-right: 5px;
}
.tr-line th, .tr-line td {
 border-bottom: #fff solid 2px;
 border-top: #fff solid 2px;
}
.tr-line th.line-none, .tr-line td.line-none {
 border: none;
}
.lineR {
 border-right: #fff solid 2px;
}
.lineL {
 border-left: #fff solid 2px;
}
.th-width {
 width: 7em;
 border-bottom: rgba(231, 84, 0, 1.00) solid 2px;
 display: inline-block;
}
.p0 {
 padding: 0 !important;
}
.bg-color {
 /*background-color: rgba(240,240,240,1.00);
		width: 100%;
		height: 100%;
		border-radius: 10px;*/
}
.bg-color td, .bg-color th, .bg-color2 td, .bg-color2 th, .bg-color3 td, .bg-color3 th {
 background-color: rgba(240, 240, 240, 1.00);
 padding-bottom: 0.5em;
 padding-top: 0.5em;
 margin-bottom: 10px;
}
.bg-color td:last-child {
 background-color: rgba(240, 240, 240, 1.00);
 border-radius: 0 10px 10px 0;
 padding-right: 0.5em;
}
.bg-color td:first-child, .bg-color3 td:first-child {
 background-color: rgba(240, 240, 240, 1.00);
 border-radius: 10px 0 0 10px;
 padding-left: 1em;
}
.bg-color2 td:first-child {
 background-color: rgba(240, 240, 240, 1.00);
 border-radius: 10px 0 0 10px;
 padding-left: 1em;
}
.bg-color2 td:last-child {
 background-color: rgba(240, 240, 240, 1.00);
 border-radius: 0 10px 0 0;
 padding-right: 0.5em;
}
.bg-color3 td:last-child {
 background-color: rgba(240, 240, 240, 1.00);
 border-radius: 0 0 10px 0;
 padding-right: 0.5em;
}
.bg-color0 td, .bg-color0 th {
 background-color: rgba(240, 240, 240, 1.00);
}
.bg-color0 td:first-child {
 background-color: rgba(240, 240, 240, 1.00);
 border-radius: 0 0 0 10px;
 padding-left: 1em;
}
/*　------簡単ボタン--------------　*/
.kantan-btn-set {
 display: flex;
 flex-wrap: wrap;
 justify-content: flex-start;
    margin-left: 10px;
    margin-right: 0px;
    width: 98%;
}
.kutaiA {
 border-radius: 10px;
 border: 2px solid #b3b3b3;
 margin: 10px;
/* width: 280px;*/
width: 440px;
 align-items: stretch;
 box-sizing: border-box;
 display: flex;
 flex-direction: column;
 cursor: pointer;
 transition: all 0.5s;
 position: relative;
 z-index: 1;
}
.flex_inner {
 height: 100%;
 width: 100%;
 display: flex;
 flex-direction: column;
}
.kutai1, .kutai2, .kutai3 {
/* height: 25px;*/
 width: 100%;
 padding: 5px;
 box-sizing: border-box;
}
.kutai1 {
 flex: 1;
 align-items: center;
 flex-wrap: wrap;
 display: flex;
}
.kutai2 {
 background-color: rgba(192, 192, 192, 1.00);
 height: 25px;
 border-radius: 0 0 8px 8px; /* 角がブラウザによって違うかも 要確認 */
}
.kutai3 {
 background-color: rgba(192, 192, 192, 1.00);
 height: 25px;
 border-bottom: 1px solid #d1d1d1;
}
.shiyou {
 margin: 0;
 padding: 0;
 text-align: center;
 font-size: 0.8125em;
 line-height: 100%;
 overflow: hidden;
white-space: nowrap;
 text-overflow: ellipsis;
 color: rgba(255, 255, 255, 1.00);
 width: inherit;
}
.shiyou_table {
	width: 100%;
}
.shiyou_table td {
 border: 0;
 padding: 0;
 text-align: center;
 font-size: 0.8125em;
 line-height: 100%;
 overflow: hidden;
 color: rgba(255, 255, 255, 1.00);
}
.shiyou_td_l {
 width: 120px;
 text-align: center;
 border-left: 1px solid #fff !important;
}
/* 設定済み　*/
.kutaiA.active {
 background-color: #e7540040;
}
.kutaiA.active .kutai2, .kutaiA.active .kutai3 {
 background-color: rgba(231, 84, 0, 1.00);
}
/* 設定不可　*/
.kutaiA.disabled, .kutaiB.disabled {
 background-color: #fff;
 opacity: 0.25;
 cursor: default;
 pointer-events: none;
}
.kutaiA.disabled .kutai2, .kutaiB.disabled .kutai2, .kutaiB.disabled .kutai3  {
 background-color: rgba(192, 192, 192, 1.00);
}
.kutai1_R h4 {
 text-align: left;
 width: 150px;
 flex: auto;
 line-height: 125%;
}
.disabled .kutai1_R h4 {
 color: #000;
}
.kutai1_L img {
 /* margin: 5px;*/
}
/*　------簡単ボタン タブ--------------　*/
body#cover::before {
 content: '';
 background-color: rgba(0, 0, 0, .6);
 height: 100%;
 width: 100%;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 0;
}
.header_cover {
 position: absolute;
 width: 100%;
 height: 100%;
 background-color: rgba(0, 0, 0, .6);
 top: 0;
 left: 0;
 z-index: 1;
}
#dannetsu_wrap {}
#dannetsu_set {
 background-color: #fff;
}
.kantan-btn-set2 {
 display: flex;
/* width: calc(100% - 12px);
 margin-left: auto;
 margin-right: auto;
 */
}
.kutaiB {
 border-radius: 10px 10px 0 0;
 border: 2px solid #b3b3b3;
 margin: 2px;
 box-sizing: border-box;
 display: flex;
 flex-direction: column;
 cursor: pointer;
 transition: all 0.5s;
 width: 100%;
 position: relative;
 z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
}
.kutaiB .kutai2 {
 border-radius: 0;
}
.kutai1_R {
 min-width: 6em;
 width: 100%;
 flex: 1
}
.kutai1_L {
 width: 60px;
 align-self: center;
/* background-color: #fff;*/
 border-radius: 5px;
 padding: 2px;
}
.kutai1_L img {
/*	width: 56px;*/
	/* height: 50px; */
	max-height: 50px;
	max-width: 56px;
}
.icon_ques {
 cursor: help;
 z-index: 3;
}
.kutaiA a.kutai_link, .kutaiB a.kutai_link {
 z-index: 2;
 color: inherit;
 width: 100%;
 height: 100%;
}
.kutaiA a.kutai_link:hover, .kutaiB a.kutai_link:hover {
 opacity: 0.7;
 text-decoration: none;
 color: inherit;
}
.kutaiA a.kutai_link:hover .shiyo, .kutaiB a.kutai_link:hover .shiyo {
 text-decoration: none;
 color: inherit;
}
/* 設定済み　*/
.kutaiB.active {
 background-color: #e7540040;
 border-color: rgba(231, 84, 0, 1.00);
}
.kutaiB_border_bottom0 {
	border-bottom: 0;
}
.kutaiA.active .kutai2, .kutaiB.active .kutai2 {
 background-color: rgba(231, 84, 0, 1.00);
}
.kantan-btn-tabbox {
/*
 padding-bottom: 43px;
 background: url("../image/line_arrow.svg") no-repeat center bottom;
*/
}
/* 躯体のカンタンな断熱仕様設定 ----------------- */
.hidden {
 display: none;
} /* */
.set-modal-img img {
 height: 40px;
 margin-right: 10px;
 margin-left: auto;
 width: auto;
 display: inherit;
}
/* 設定テーブル */
.detail_button {
 background-color: #ffe3a6;
 padding: 10px;
 border-radius: 10px;
}
.detail_button td {
 padding: 10px;
}
.set_table_wrap {
 margin-bottom: 0px;
/* border: 2px solid #b3b3b3;*/
/*border: 2px solid rgba(231, 84, 0, 1.00);*/
 margin-top: -2px;
}
.set_table_wrap_wrap {
	padding-left: 2px;
	padding-right: 2px;
}
.st_header {
 padding: 5px 10px;
 border-radius: 10px 10px 0 0;
 background-color: rgba(231, 84, 0, 1.00);
 display: flex;
}
.st_header div {
 align-self: center;
}
.st_header h3 {
 line-height: 1em;
 color: #fff;
}
.st_body {
/* background-color: #ffe3a6;*/
/*	background-color: #F2F2F2;*/
 display: flex;
 padding-left: 20px;
}
.st_footer {
/* background-color: #ffe3a6;*/
/*	background-color: #F2F2F2;*/
 padding: 5px 10px;
 /*border-radius: 0 0 10px 10px;*/
 /*border-bottom: 3px solid rgba(0,113,188,1.00);*/
 display: flex;
 flex-wrap: wrap;
}
.st_footer div {
 flex: 0 1 auto;
 text-align: center;
}
.st_footer_div2 {
 text-align: right;
 padding-right: 10px;
}
.flex-auto {
 flex-basis: auto;
}
.flex-shrink0 {
 flex: 1 0 auto !important;
}
.as_flex-end {
 align-self: flex-end;
}
.kanryu {
 padding: 0 10px 0 0;
 border: 2px solid #fff;
 display: inline-block;
 background-color: #fff;
}
.kanryu div {
 background-color: rgba(255, 255, 255, 0.5);
 display: inline-block;
 padding: 2px 10px;
 height: 100%;
 border-right: 3px dotted rgba(231, 84, 0, 1.00);
}
.kanryu input {
 color: inherit;
 border: none;
 margin-right: 5px;
}
.kanryu input:disabled {
 background-color: transparent !important;
}
.gaihi-box {
/* border: 3px solid rgba(255, 255, 255, 0.7);*/

 border-radius: 10px;
 position: relative;
}
/* 躯体の断熱仕様設定（詳細な設定） ----------------- */
.dannetsu-details {
 background-color: #F2F2F2;
 padding: 0 10px 0 10px;
 border-radius: 0 0 10px 10px;
 transition: all 0.5s;
 opacity: 0;
 max-height: 0;
 visibility: hidden;
 /*display: none;*/
}
.dannetsu-details2 {
 background-color: #F2F2F2;
 padding: 0 10px 0 10px;
 border-radius: 0 0 10px 10px;
 transition: all 0.5s;
 opacity: 0;
 max-height: 0;
 visibility: hidden;
 /*display: none;*/
}
.dannetsu-details.opend {
 /*　max-height の最適値を計算するため jQueryで記述　*/
}
.dannetsu-details2.opend {
 /*　max-height の最適値を計算するため jQueryで記述　*/
}
table.dd-table {
/* border: 1px solid #333;*/
 border-collapse: collapse;
 background-color: #fff;
 font-size: 0.775rem;
}
.display-none {
 display: none;
}
table.dd-table th, table.dd-table td {
 border: 1px solid #808080;
/* padding: 2px 10px;*/
padding: 2px;
}
table.dd-table th {
 line-height: 1em;
 background-color: #ebebeb;
 color: #666;
 font-weight: normal;
 font-size: 1em;
}
table.dd-table td:nth-of-type(4) {
 text-align: right;
}
table.dd-table tfoot th {
 text-align: right;
}
table.dd-table input[type=text].number {
 padding: 0 2px;
 font-size: 0.875rem;
}
table.dd-table th.dd-table-top {
 background-color: rgba(241, 241, 241, 1.00);
 border-top: 1px solid rgba(241, 241, 241, 1.00);
 border-left: 1px solid rgba(241, 241, 241, 1.00);
}
table.dd-table td.dd-table-bottom {
 background-color: rgba(241, 241, 241, 1.00);
 border-bottom: 1px solid rgba(241, 241, 241, 1.00);
 border-left: 1px solid rgba(241, 241, 241, 1.00);
 vertical-align: bottom;
}
.col1 {}
.col2 {}
.col3 {
 width: 4em;
}
.col4 {
 width: 6em;
}
.col5, .col6, .col7, .col8 {
 width: 6em;
}
/* 物件検索 ------------------------------- */
.search_h2 {
 margin: 20px 10px 0 80px;
 height: 100px;
 line-height: 100px;
 padding-left: 100px;
 background-image: url("../image/icon_search.svg");
 background-repeat: no-repeat;
 background-position: left center;
}
.dl_line dt, .dl_line dd {
 float: left;
 margin: 0;
}
.table_kekka {
 margin: 10px 20px;
}
.table_kekka table {
 width: 100%;
 font-size: 0.8125rem
}
.table_kekka table a {
 text-decoration: none;
 color: inherit;
}
.table_kekka table a:hover {
 /*padding-bottom: 2px;*/
 border-bottom: 2px solid rgba(231, 84, 0, 1.00);
}
.table_kekka table a i {
 transition: all 0.25s;
}
.table_kekka table a:hover i {
 opacity: 0.7;
}
.table_kekka table a:visited, .table_kekka table a:active {
 color: inherit;
}
.table_kekka table caption {
 border-bottom: 2px solid #999;
}
.table_kekka table caption div {
 display: inline-block;
}
.table_kekka h3 {
 font-size: 1.25rem;
}
.table_kekka table tr td:first-child, .table_kekka table tr th:first-child {
 text-align: center;
}
/* ソートicon(jQuery tablesorter) */
/*	.tablesorter-headerUnSorted {
    background-image: url('img/sort.png');
    background-repeat: no-repeat;
    background-position: center right;
}
.tablesorter-headerAsc {
    background-image: url('img/sort_a.png');
    background-repeat: no-repeat;
    background-position: center right;
    border-bottom: #000 2px solid;
}
.tablesorter-headerDesc {
    background-image: url('img/sort_d.png');
    background-repeat: no-repeat;
    background-position: center right;
    border-bottom: #000 2px solid;
}*/
/* プランモードのカラー */
.active.pm-simple, label.pm-simple {
 background-color: rgba(1, 160, 233, 1.00); /* !important; */
 background-color: #757575;
}
.active.pm-details, label.pm-details {
 background-color: rgba(230, 2, 18, 1.00);
 background-color: #666;
}
.active.pm-real, label.pm-real {
 background-color: rgba(3, 163, 63, 1.00);
 background-color: #757575;
}
.active.pm-independence, label.pm-independence {
 background-color: rgba(234, 96, 158, 1.00);
 background-color: #666;
}
/* 説明クエスチョン */
.icon_ques {
 position: absolute;
 color: rgba(58, 172, 210, 1.00) !important;
 font-size: 20px;
 top: 2px;
 right: 3px;
}


.icon_ques2 {
 cursor: help !important;
/* font-size: 0.8em !important;*/
font-size: 12px !important;
 z-index: 3 !important;
 border: 1px solid rgba(58, 172, 210, 1.00) !important;
 border-radius: 20px !important;
 width: 20px !important;
 height: 20px !important;
 line-height: 1.7em !important;
 font-weight: bold !important;
 padding: 0 !important;
/* padding-left: 5px !important;*/
/* padding-right:5px;*/
 color: rgba(58, 172, 210, 1.00) !important;
 background-color: #fff !important;
}
_::-webkit-full-page-media, _:future, :root .icon_ques2 {
 line-height: 1.8em !important;
}



/* 配置 */
header {
 position: relative;
 height: 50px;
}
.wrap.plan {
/* background-image: url("../image/icon_plan-name.svg");*/
 background-repeat: no-repeat;
 background-position: 30px 0;
 background-size: auto 100%;
/* padding-left: 100px;*/
 height: 50px;
 box-sizing: border-box;
}
.sticky_title {
 position: -webkit-sticky; /* safari対応 */
 position: sticky;
 top: 60px; /* 上端から10pxのところで固定 */
}
.sticky_top0 {
 z-index: 9999 !important;
 position: -webkit-sticky; /* safari対応 */
 position: sticky;
 top: 0; /* 上端から10pxのところで固定 */
}
.sticky_top_window {
 z-index: 19999 !important;
 position: -webkit-sticky; /* safari対応 */
 position: sticky;
 top: 100px; /* 上端から10pxのところで固定 */
}
.p-mode-box {
 position: absolute;
 width: 290px;
 height: auto;
 /*background-color: rgba(0,0,0,0.50);*/
 top: 0;
 right: 0;
 z-index: 200;
 font-size: 0.8125em;
}
.p-mode {
 font-size: 0.75rem;
 display: block;
 position: absolute;
 top: 5px;
 right: 53px;
/* overflow: hidden;*/
 height: 1.9rem;
}
.p-mode div {
/* margin-top: -3px;*/
}
/*	.p-mode span {
		padding: 2px 4px;
		color: rgba(255,255,255,1.00);
		border-radius: 0 0 5px 5px;
		background-color: #E6E6E6;
	}*/
/*　パンくずリスト */
.breadcrumb {
 padding-left: 20px;
 margin: 0;
}
.breadcrumb li {
 display: inline; /*横に並ぶように*/
 list-style: none;
 font-size: 0.75em;
}
.breadcrumb li:after { /* >を表示*/
 content: '>';
 padding: 0 0 0 6px;
}
.breadcrumb li:last-child:after {
 content: '';
}
.breadcrumb li a {
 text-decoration: none;
 color: inherit;
}
.breadcrumb li a:not(.disabled):hover, .breadcrumb li a.active {
 border-bottom: solid 2px #e75400;
}
/*　大きなアイコン */
.icon {
 display: inline-block;
 width: 1.5em;
 height: 1.5em;
 margin-right: 0.5em;
}
.ihouse {
 background-image: url(../image/icon_house.svg);
 background-size: contain;
 background-repeat: no-repeat;
 background-position: bottom center;
 margin-bottom: -0.25em;
}
.iplan {
 background-image: url(../image/icon_plan.svg);
 background-size: contain;
 background-repeat: no-repeat;
 background-position: bottom center;
 margin-bottom: -0.25em;
}
.save {
 vertical-align: super;
 color: #BCBCBC;
}
/* 共通　*/
.disabled {
 color: #E6E6E6 !important;
 cursor: default;
}
.none-pointer {
 pointer-events: auto !important;
}
/* アラート、メッセージ　*/
.alert {
 width: 100%;
 margin: 10px 0;
 background-color: #fff;
 padding: 0.5rem 4rem;
 border: 2px solid rgba(153, 153, 153, 1.00); /* = #999999 */
 border-radius: 10px;
 box-sizing: border-box;
}
.alert > p, .caution_message > p {
 margin: 0;
}
.alert-primary {
 border: 2px solid rgba(153, 153, 153, 0) !important; /* = #999999 */
}
.alert-secondary {
 background-color: rgba(231, 84, 0, 0.50); /* リクシルカラー */
 border: 2px solid rgba(231, 84, 0, 1) !important;
}
.alert-fff {
 background-color: rgba(255, 255, 255, 0);
 border: 2px solid rgba(0, 0, 0, 0) !important; /* なし */
 color: rgba(255, 255, 255, 1.00);
}
.alert-pink {
 background-color: rgba(255, 123, 172, 1.00);
 border: 2px solid rgba(0, 0, 0, 0) !important;
 color: rgba(255, 255, 255, 1.00);
}
.dannetsu-details .alert-pink {
 line-height: 1.25em;
 padding: 0.25em 2em;
 margin: 0;
}
.dannetsu-details2 .alert-pink {
 line-height: 1.25em;
 padding: 0.25em 2em;
 margin: 0;
}
.top_message {
/* font-size: 1.125rem;*/
font-size: 1rem;
 border-bottom: rgba(231, 84, 0, 1.00) solid 2px !important;
/* border-left: rgba(231, 84, 0, 1.00) solid 6px !important;*/
 border-radius: 0 !important;
 margin-bottom: 25px;
 padding-left: 10px !important;
 padding-bottom: 5px !important;
/* margin-left: 10px;*/
 margin-top: 10px;
/* margin-right: 10px;*/
}
.caution_message {
 background-color: rgba(231, 84, 0, 0.50); /* リクシルカラー */
 border: 2px solid rgba(231, 84, 0, 1);
 font-size: 0.75rem;
 width: 100%;
 margin: 10px 0;
 padding: 0.5em 1em;
 border-radius: 10px;
 box-sizing: border-box;
}
.alert.disabled, .caution_message.disabled {
 background-color: rgba(245, 245, 245, 1) !important;
 border: 2px solid rgba(220, 220, 220, 1) !important;
}
/* アラート、メッセージ　*/
.item-description {
 margin: 0;
 padding: 0.5rem 0;
/* font-weight: bold;*/
}
/* 特殊（固有）なレイアウト設定 ============================= */
/*　外皮設定ページ（床断熱） */
.yukadannetsu {
 position: relative;
 display: inline-block;
/* height: 90px;*/
}
.yokusou-box {
 position: absolute;
 width: 600px;
 z-index: 10;
/* top: 45px;*/
top: -8px;
/* left: -12px;*/
left: 90px;
}
.news-box {
 font-size: 0.8125rem;
 display: inline-block;
 width: 200px;
}
.news-box > div {
 display: inline-block;
}
.news-box .alert {
 padding: 0.25em;
 margin: 0;
}
.overhung {
 font-size: 0.875rem;
 display: inline;
}
/*　フォントの修飾 ==================================*/
.arrowR {
 position: relative;
}
.arrowR:after {
 content: "";
 border: 0.75em solid transparent;
 border-left: 0.75em solid #4d4d4d;
 z-index: 1;
 position: absolute;
 right: 0;
 top: 50%;
 margin-top: -0.75em;
}
.arrowR1:after {
 content: "";
 border: 0.75em solid transparent;
 border-left: 0.75em solid #4d4d4d;
 z-index: 1;
 position: absolute;
 /*    right: 0;
    top: 50%;*/
 margin-top: -0.75em;
}
.color-ok {
 color: rgba(91, 184, 88, 1.00);
}
.color-ng {
 color: rgba(234, 96, 158, 1.00);
}
/*　アコーディオン アニメーション ==================================*/
.gaihi_1 {
 /*	height: 0;
		padding: 0;
	margin: 0;
	overflow: hidden;
    opacity: 0;
    transition: 3s;*/
}
.gaihi_1.open {
 /*	height: auto;
	max-height: 600px;
	opacity: 1;
	height:auto;*/
}
/*　フォントサイズ ==================================*/
.fontLL {
 font-size: 1.25rem !important;
} /* 20px */
.fontL {
 font-size: 1.125rem !important;
} /* 18px */
.fontM {
 font-size: 1rem !important;
} /* 16px 標準*/
.fontS {
 font-size: 0.875rem !important;
} /* 14px */
.fontSS {
 font-size: 0.8125rem !important;
} /* 13px 最小の基本*/
.fontXS {
 font-size: 0.75rem !important;
} /* 12px */


.main-contents {
	padding-bottom: 70px !important;
}
.footer-button {
	position:fixed;
   left:auto;
   bottom:10px;
   width: 940px;
   text-align: center;
   background-color: #fff;
   padding-top: 10px;
   height: 80px;
   margin:0 0 0 0;
   z-index: 100;
}
.footer-button-bar {
 display: flex;
 background-color: #E6E6E6;
 padding: 6px 20px;
 padding-top: 8px;
 align-items: center;
}
.footer-button-bar-center {
	margin:0 auto;
	display: inline-flex;
}

.table3 {
	border-collapse: collapse;
}
.table3 td {
	padding: 5px;
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
}
.table3 th{
	padding: 5px;
	font-weight: normal;
	background-color: #ebebeb;
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
}

.company th {
	font-weight: normal;
	padding: 6px;
}
.company td {
	padding: 6px;
}
.attention {
	font-size: 12px;
	margin: 0;
	color: #666;
}

.table4 th {
	font-weight: normal;
	background-color: #ffccb5;
	padding: 5px;
	text-align: center;
	border-top: 3px solid #fff;;
	border-bottom: 3px solid #fff;
}

.table4 .bg-gray {
	/*
	 background-color: rgba(240, 240, 240, 1.00);
	 border-radius: 10px;
	 */
	 background-color: #fff;
	 border-bottom: 2px solid #999999;
	 margin: 10px;
	 margin-top: 2px;
	 margin-bottom: 2px;
	 padding: 10px;
}


.table5 th {
	font-weight: normal;
	background-color: #ffccb5;
	padding: 5px;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: center;
	border-top: 10px solid #fff;;
	border-bottom: 10px solid #fff;
}

.table5 .bg-gray {
	 background-color: #fff;
	 border-bottom: 2px solid #999999;
	 margin: 10px;
	 margin-top: 2px;
	 margin-bottom: 2px;
	 padding: 10px;
}


.table6 th {
	font-weight: normal;
	background-color: #ffccb5;
	padding: 5px;
	padding-top: 11px;
	padding-bottom: 11px;
	text-align: center;
	border-top: 10px solid #fff;;
	border-bottom: 10px solid #fff;
}
.table6 td {
	 background-color: #fff;
	 margin-top: 2px;
	 margin-bottom: 2px;
	 padding: 10px;
}


.option_title {
	margin: 0;
	margin-bottom: 5px !important;
	border-bottom: 2px solid #f06735;
	font-weight: normal;
	margin-top: 10px !important;
}
.tooltip2{
    position: relative;
    cursor: pointer;
    display: inline-block;
    margin: 0 !important;
    padding: 0 !important;
    width: 20px;
    text-align: center !important;
}
.tooltip2 p{
    margin:0;
    padding:0;
}

.description2 {
    display: none;
    position: absolute;
    padding: 10px;
    font-size: 1em;
    line-height: 1.6em;
    color: #000;
    border-radius: 5px;
    background: #ebebeb;
    width: 500px;
    font-weight: normal;
    z-index: 120;
    text-align: left;
}
.description2:before {
    content: "";
    position: absolute;
    top: 5px;
    right: 99%;
    border: 15px solid transparent;
    border-top: 15px solid #ebebeb;
    margin-left: -15px;
    transform: rotateZ(90deg);
    z-index: 100;
}


.tooltip2:hover .description2{
    display: inline-block;
    top: -10px;
    left: 50px;
}




.tooltip3{
    position: relative;
    cursor: pointer;
    display: inline-block;
    margin: 0 !important;
    padding: 0 !important;
    width: 20px;
    text-align: center !important;
}
.tooltip3 p{
    margin:0;
    padding:0;
}

.description3 {
    display: none;
    position: absolute;
    padding: 10px;
    font-size: 1em;
    line-height: 1.6em;
    color: #000;
    border-radius: 5px;
    background: #ebebeb;
    width: 500px;
    font-weight: normal;
    z-index: 120;
    text-align: left;
}
.description3:before {
    content: "";
    position: absolute;
    top: -23px;
    right: 80%;
    border: 15px solid transparent;
    border-top: 15px solid #ebebeb;
    margin-left: -15px;
    transform: rotateZ(180deg);
    z-index: 100;
}


.tooltip3:hover .description3{
    display: inline-block;
    top: -10px;
    left: 50px;
}


.th_c {
	text-align: center;
}
.th_r {
	text-align: right;
}
.th_l {
	text-align: left;
}

.st_body_box {
	width: 800px;
}

.hidden_input {
	position: absolute !important;
	top: -10000px !important;
}

.auto_input {
	background-color: #ebebeb !important;
	border: 0 !important;
	pointer-events : none;
}

.no_border td, .no_border th {
	border: 0 !important;
	padding: 1px !important;
}

.result_box {
/*	border: 1px solid #aaa;*/
	background-color: lightyellow;
	border-radius: 10px;
	padding-right: 8px;
	padding-left: 8px;
}
.result_box td {
	background-color: lightyellow !important;
}

select {
	color: #666 !important;
	border-color: #666 !important;
}





#page_top{
  width: 70px;
  height: 50px;
  position: fixed;
  right: 10px;
  bottom: -50px;
  background: rgba(231, 84, 0, 0.6);
  opacity: 0.6;
  z-index: 2000;
}
#page_top a{
  position: relative;
  display: block;
  width: 70px;
  height: 60px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -25px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: 'PAGE TOP';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 30px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
.locked_td_color {
	color: rgba(231, 84, 0, 1.00);
}


.icon_excel:before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 14px;
	/*  margin: -3px 5px 0 0;*/
	background: url("/assets/wf/image/icon_excel.svg") no-repeat;
	background-size: contain;
	/*  padding-left: 10px;*/
}
.icon_pdf:before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 14px;
	/*  margin: -3px 5px 0 0;*/
	background: url("/assets/wf/image/icon_pdf.svg") no-repeat;
	background-size: contain;
	/*  padding-left: 10px;*/
}


input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance:textfield;
}