@charset "UTF-8";
@import url(./variables.css);

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}



/* メインメニュー */

.slicknav_menu {
    display:none;
}






button {
 cursor:pointer;
}
button:disabled {
 cursor:default;
 opacity:0.3;
}




body {
 background:#f3f3f3;
 color:#666;
 font-size: var(--text-font-size);
 font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

body .wrapper {
 background:url(../images/header_bg.png) repeat-x top;
 width:100%;
}

.titlelogo {
  display: inline-block;
}

.header-logo-image {
  width: 192px;
  max-height: 48px;
}

.owner-logo-image {
  max-width: 200px;
  max-height: 80px;
}

label {
 cursor:pointer;
}


a {color:#71A1C9;text-decoration:none;}
a:hover {text-decoration:underline;}
a.disable {text-decoration:none;}


.fade {
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
            text-decoration:none;
}
.fade:hover {
    opacity: 0.8;
    filter: alpha(opacity=20);
    text-decoration:none;
}
.fade:disabled {
    opacity: 0.3;
    filter: none;
    -webkit-transition: none;
       -moz-transition: none;
         -o-transition: none;
            transition: none;
}

img.estImg {width:auto;height:auto;}

/* 共通パーツ */

.pT10 {padding-top:10px;}
.pT15 {padding-top:15px;}
.pT20 {padding-top:20px;}
.pT20 {padding-top:25px;}
.pT30 {padding-top:30px;}
.pT35 {padding-top:35px;}
.pT40 {padding-top:40px;}
.pT45 {padding-top:45px;}

.pB10 {padding-bottom:10px;}
.pB20 {padding-bottom:20px;}
.pB30 {padding-bottom:30px;}
.pB35 {padding-bottom:35px;}
.pB40 {padding-bottom:40px;}
.pB45 {padding-bottom:45px;}
.pB50 {padding-bottom:50px;}
.pB55 {padding-bottom:55px;}
.pB60 {padding-bottom:60px;}
.pB65 {padding-bottom:65px;}

.pL10 {padding-left:10px;}
.pL15 {padding-left:15px;}
.pL20 {padding-left:20px;}
.pL20 {padding-left:25px;}
.pL30 {padding-left:30px;}
.pL35 {padding-left:35px;}
.pL40 {padding-left:40px;}
.pL45 {padding-left:45px;}

.pR10 {padding-right:10px;}
.pR15 {padding-right:15px;}
.pR20 {padding-right:20px;}
.pR20 {padding-right:25px;}
.pR30 {padding-right:30px;}
.pR35 {padding-right:35px;}
.pR40 {padding-right:40px;}
.pR45 {padding-right:45px;}


.pL150 {padding-left:150px;}

.mT5 {margin-top:5px;}
.mT10 {margin-top:10px;}
.mT15 {margin-top:15px;}
.mT20 {margin-top:20px;}
.mT20 {margin-top:25px;}
.mT30 {margin-top:30px;}
.mT35 {margin-top:35px;}
.mT40 {margin-top:40px;}
.mT45 {margin-top:45px;}

.mB5 {margin-bottom:5px;}
.mB10 {margin-bottom:10px;}
.mB20 {margin-bottom:20px;}
.mB30 {margin-bottom:30px;}
.mB35 {margin-bottom:35px;}
.mB40 {margin-bottom:40px;}
.mB45 {margin-bottom:45px;}
.mB50 {margin-bottom:50px;}
.mB55 {margin-bottom:55px;}
.mB60 {margin-bottom:60px;}
.mB65 {margin-bottom:65px;}

.mL10 {margin-left:10px;}
.mL15 {margin-left:15px;}
.mL20 {margin-left:20px;}
.mL20 {margin-left:25px;}
.mL30 {margin-left:30px;}
.mL35 {margin-left:35px;}
.mL40 {margin-left:40px;}
.mL45 {margin-left:45px;}
.mL2 {
  margin-left: 2px;
}
.mL4 {
  margin-left: 4px;
}
.mL18 {
  margin-left: 18px;
}
.mLeftReset18px {
  margin-left: 18px !important;
}

.mR10 {margin-right:10px;}
.mR15 {margin-right:15px;}
.mR20 {margin-right:20px;}
.mR20 {margin-right:25px;}
.mR30 {margin-right:30px;}
.mR35 {margin-right:35px;}
.mR40 {margin-right:40px;}
.mR45 {margin-right:45px;}

.fL {float:left;}
.fR {float:right;}
.red {color:#ff0000!important;}

.tC {text-align:center;}
.tL {text-align:left;}
.tR {text-align:right;}

.clear {clear:both;}


.textArea {
 padding:0 0 20px;
}

.formtextArea dt {vertical-align:top;line-height:1.4em;padding-top:10px;}
.formtextArea textarea {width:100%;height:5em;}
textarea::placeholder {
  color: #cbd5e0;
}



/* カラーリスト */
ul.colorList01 {
 list-style:none;
 width:100%;
}
ul.colorList01 li {
width:100%;
padding:0px;
font-size:0.8em;
line-height:1.4em;
box-sizing:border-box;
}
ul.colorList01 li:nth-child(odd):not(.history) {background:#D4E2F0;}
ul.colorList01 li:nth-child(even):not(.history) {background:#E2ECF5;}

/* チェックボックス */
.bg_checkbox li {
    position: relative;
    display:block;
    margin:0;
    padding: 0;
}

.bg_checkbox input[type="checkbox"] {
 position:absolute;
 top:50%;
 margin-top:-31px;
    opacity: 0;
    width: 62px;
    height:62px;
    cursor:pointer;

}

.bg_checkbox input[type="checkbox"] + label {
    display: block;
    width:62px;
    height:62px;
    background-image: url(../images/check_off.png);
    background-size: 62px;
    background-position: left center;
    background-repeat: no-repeat;
    padding:0px;
}

.bg_checkbox input[type="checkbox"]:checked + label {
    background-image: url(../images/check_on.png);
}



.lines-on-sides {
 display: table;
 text-align: center;
 white-space: nowrap;
 margin:0 auto;
 padding:0 0 10px;
 line-height:1.6em;
}

 





/* ボタン */
.btnArea .btn_blue01,
.btnAreaL .btn_blue01 {
 display:block;
 color:#fff;
 height:35px;
 line-height:35px;
 box-sizing:border-box;
 font-size:1em;
 text-decoration:none;
 border-radius:5px;
 background:#71A1C9;
 border:none;
}

.btnArea .btn_blue01.update_policy {
 padding-left: 30px;
 padding-right: 30px;
}

.btnArea .btn_blue02 {
 display:block;
 color:#fff;
 box-sizing:border-box;
 font-size:var(--button-font-size);
 text-decoration:none;
 border-radius:5px;
 background:#71A1C9;
 border:none;
}

.btnArea .btn_blue03 {
 display:block;
 color:#fff;
 box-sizing:border-box;
 font-size:1em;
 text-decoration:none;
 margin:0 auto;
 padding:15px 20px;
 border-radius:5px;
 background:#71A1C9;
 border:none;
 line-height:1.4em;
}

.btnArea .btn_green01 {
 display:block;
 height:35px;
 line-height:35px;
 color:#fff;
 box-sizing:border-box;
 font-size:1em;
 text-decoration:none;
 margin:0 auto;
 border-radius:5px;
 background:#67ADAC;
 border:none;
}


.btnArea .btn_gray01 {
 display: block;
 text-align: center;
 border-radius: 5px;
 height:35px;
 line-height:35px;
 border:none;
 color: #333;
 margin:0 auto;
 font-size:var(--button-font-size);
 box-sizing: border-box;
 background: #ccc;
 padding: 0 20px;
}

.btnArea .btn_gray02 {
 display: block;
 text-align: center;
 border-radius: 5px;
 border:none;
 color: #fff;
 font-size:1em;
 box-sizing: border-box;
 background: #808080;
}
.btnArea .btn_yellow01 {
 display: block;
 text-align: center;
 border-radius: 5px;
 border:none;
 color: #333;
 font-size:1em;
 box-sizing: border-box;
 background:#F7F4A6;
}


/* boxer コンテンツ表示ライトボックス */
.inline_content {
 width:100%;
 max-width:600px;
 min-width:300px;
 background:#f0f0f0;
 border:solid 1px #ddd;
 padding:24px;
 margin:0px;
 border-radius:5px;
}

.inline_content p {
 display:inline-block;
 font-size:0.8em;
 line-height:1.4em;
 padding-right:10px;
 padding-bottom:10px;
 box-sizing:border-box;
}

.inline_content p strong {
 background:#fff;
 border:solid 1px #ccc;
 font-weight:100;
}

#boxer.mobile .boxer-content {padding:0 10px;}




/* パンくず */
.breadcrumb {
  width: 1100px;
  margin: 0 auto;
  color: #999;
  padding: 18px 12px 8px;
}
.breadcrumb ul li {
 float:left;
 font-size:0.8em;
 margin-right:20px;
 list-style:none;
 line-height: 1.4;
}
.breadcrumb ul li a {
 color:#999;
}

/* ヘッダーエリア */
header {
 position:relative;
 width:1100px;
 margin:0 auto;
 padding:20px 0 ;
 height: 100px;
 display: flex;
 justify-content: space-between;
 align-items: center;
}

header nav ul li {
 float:left;
 margin-left:10px;
}
header nav ul li a {
 display:block;
 height:35px;
 line-height:35px;
 text-align:center;
 border-radius:5px;
 padding:0 20px;
 font-size:0.9em;
 color:#333;
 box-sizing:border-box;
}

header select.type17select + .select2 {
  height: 35px;
}

header select.type17select + .select2 .select2-selection--single  {
  height: 35px;
}

header select.type17select + .select2 .select2-selection--single .select2-selection__rendered {
  font-size: var(--text-font-size) !important;
  line-height: 35px !important;
}

header select.type17select + .select2 .select2-selection--single .select2-selection__arrow  {
  height: 33px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px
}

header select.type17select + .select2 .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0
}

header select.type17select + .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px
}

.btnAbout {
 background-color:#71A1C9;
 background-image:url(../images/icon_hatena.gif);
 background-repeat:no-repeat;
 background-position:10px 7px;
 padding-left:33px;
 color:#fff;
 font-weight:100;
}

.btnestList {
 background-color:#67ADAC;
 background-image:url(../images/icon_kaigi.gif);
 background-repeat:no-repeat;
 background-position:10px 6px;
 padding-left:38px;
 color:#fff;
 font-weight:100;
}


.btnRegist {
 background:#71A1C9;
 color:#fff;
}

.btnLogin {
 background:#e6e6e6;
}


/* リンク */
.linkIcon {
  word-wrap: break-word;
  word-break: break-all;
}
.linkIcon:before {
  content: ' ';
  display: inline-block;
  width: 18px;
  height: 16px;
  background-image: url(../images/icon_link.png);
  background-repeat: no-repeat;
  margin-bottom: -3px;
}

/* コンテンツエリア */

section.contentsArea {
 position:relative;
 background:#fff;
 box-shadow:2px 2px 2px #eee, -2px -2px 2px #eee;
 padding:35px;
 margin:0 auto 40px;
}

section#articleDetail h1,
section#articleList h1 {border-left:solid 3px #6FA0CB;}
section#subArea h1 {border-left:solid 3px #0DC3CB;}

section.contentsArea h1 {
 width:100%;
 padding:5px 0 5px 10px;
 font-size: var(--title-font-size);
 font-weight:100;
 line-height:1.4em;
 margin:0 auto 20px;
}


section#articleDetail {
 margin-top:20px!important;
}
section#articleDetail ul.menu {
 position:absolute;
 top:43px;
 right:35px;
}

section#articleDetail ul.menu li {
 float:left;
 list-style:none;
 margin-left:40px;
}

section#articleDetail ul.menu li div.fb-like {
 padding:30px 0 0;
}




section#articleDetail ul.menu li a.btnE_Detail {
 display:block;
 height:30px;
 padding:0 0 0 30px;
 font-weight:100;
 line-height:30px;
 background:url(../images/btn_detail.gif) no-repeat left;
}

section#articleDetail ul.menu li a.btnE_Entry {
 display:block;
 height:30px;
 padding:0 0 0 30px;
 font-weight:100;
 line-height:30px;
 background:url(../images/btn_entry.gif) no-repeat left;
}

section#articleDetail ul.menu li a.btnE_hatena {
 display:block;
 height:30px;
 padding:0 0 0 30px;
 font-weight:100;
 line-height:30px;
 background:url(../images/btn_hatena.png) no-repeat left;
}

section#articleDetail ul.menu li a.btnE_Print {
 display:block;
 height:30px;
 padding:0 0 0 30px;
 font-weight:100;
 line-height:30px;
 background:url(../images/btn_print.gif) no-repeat left;
}




section#articleDetail .detailLayout {
 width:100%;
 padding:0;
}

section#articleDetail .detailLayout .introduction {
width:100%;
 box-sizing:border-box;
 border-radius:5px;
 padding:0px;
 font-size:0.8em;
 line-height:1.4em;
 margin:0 auto 20px;
}

section#articleDetail .detailLayout .introduction strong {
 display:block;
 margin:0 0 10px;
 font-size: 1.3em;
 line-height:1.4em;
}




section#articleDetail .detailLayout .mainImg {
 float:left;
 border:solid 1px #ccc!important;
 height:580px;
 width: 574px;
}







section#articleDetail .detailLayout .googleMapArea {
 float:right;
}
section#articleDetail .detailLayout .googleMapArea iframe {
 border:solid 1px #ccc!important;
 margin:0 auto 20px;
}



section#articleDetail .detailLayout .googleMapArea h3 {
 width:100%;
 padding:0;
 font-size:0.8em;
 line-height:1.6em;
 margin:0 auto 10px;
}
section#articleDetail .detailLayout .googleMapArea h3 span {
 background:#E9EFF4;
 border:solid 1px #e6e6e6;
 border-bottom:0;
 padding:5px;
 box-sizing:border-box;
}


section#articleDetail .detailLayout .googleMapArea p.textArea {
 font-size:0.8em;
 line-height:1.4em;
 padding:0;
 margin:0 auto 20px;
}









section#articleList .noList {
 width:100%;
 text-align:center;
 padding:200px 0;
 box-sizing:border-box;
 font-size:1.6em;
 line-height:1.4em;
 font-weight:bold;
}

div#QAarea ul {
 border:solid 1px #e6e6e6;
 list-style:none;
} 

div#QAarea ul li {
 width:100%;
 padding:0;
 margin:0;
}

div#QAarea ul li dl dt {
 display:block;
 width:100%;
 padding:10px;
 border-bottom:solid 1px #e6e6e6;
 cursor:pointer;
}

div#QAarea ul li:nth-child(odd) dl dt {background-color:#f2f2f2;}
div#QAarea ul li:nth-child(even) dl dt {background-color:#e6e6e6;}

div#QAarea ul li dl dd {
 display:block;
 width:100%;
 line-height:1.4em;
 padding:10px;
 border-bottom:solid 1px #e6e6e6;
}

div#QAarea ul li dl dd {display:none;} 


div#QAarea ul li dl dt .icon {
 display:table-cell;
 width:26px;
 height:auto;
 min-height:26px;
 vertical-align:middle;
}
div#QAarea ul li dl dd .icon {
 display:table-cell;
 width:26px;
 height:auto;
 min-height:26px;
 vertical-align:top;
}
div#QAarea ul li dl dt .Qtit {
 display:table-cell;
 padding:10px 0 10px 10px;
 text-align:left;
} 
div#QAarea ul li dl dd .Atxt {
 display:table-cell;
 padding:0 0 0 10px;
 text-align:left;
} 


/* detail_gentei */
/* フォームスタイル */
.detailLimit {
 max-width:400px;
 margin:0 auto;
 text-align:center;
 padding:100px 0;
 box-sizing:border-box;
} 
.listType {
 position:relative;
 border:solid 1px #ccc;
 padding:100px 20px;
 box-sizing:border-box;
} 

.detailLimit input[type=password] {
 width:100%;
 height:46px;
 border:solid 1px #DFDFDF;
 border-radius:5px;
 padding:0 0 0 10px;
 box-sizing:border-box;
 font-size:1em;
 line-height:46px;
 background:#f3f3f3;
}

.detailLimit p.titTxt {
 font-size:1.4em;
 line-height:1.6em;
 font-weight:100;
 margin:0 auto 10px;
}
 
.detailLimit p.subTxt {
 font-size:1em;
 line-height:1.4em;
 margin:0 auto 20px;
}

.detailLimit .btnArea a {
 display:block;
 width:100px;
 margin:0 auto;
 padding:10px 0;
}

.listType p.titTxt {
 font-size:1.2em;
 line-height:1.4em;
 font-weight:100;
 margin:0 auto 10px;
}
 
.listType p.subTxt {
 font-size:0.8em;
 line-height:1.2em;
 margin:0 auto 20px;
}

.listType .btnArea a {
 display:block;
 width:100px;
 margin:0 auto;
 padding:10px 0;
}

.listType h2.limitRoomTitle {
 position:absolute;
 top:10px;
 left:10px;
 font-size:1.4em;
 font-weight:100;
}












/* ビルリスト */
section#articleList {
 max-width:1100px;
 color: #222;
}
section#articleList .result {
 margin-bottom: 16px;
 font-weight: bold;
}
section#articleList .result .unit {
 font-weight: normal;
 font-size: .8em;
}
section#articleList h1.title {
 margin: 0 0 24px;
 border: none;
 border-bottom: 1px solid #d8d8d8;
 padding: 0 0 16px;
 font-size: 1.5em;
 font-weight: bold;
}
section#articleList ul {
  display: flex;
  flex-wrap: wrap;
}
section#articleList ul:before {
 content: none;
}
section#articleList ul li {
 position:relative;
 list-style:none;
 width:calc(33% - 24px);
 height: 100%!important;
 margin:0 12px 24px;
 background: #F7F7F7;
}


section#articleList ul li p.priceTag {
 background:rgba(104,167,165,0.6);
 position:absolute;
 bottom:0;
 width:100%;
 color:#fff;
 font-size:1.2em;
 line-height:40px;
 height:40px;
 text-align:center;
 box-sizing:border-box;
 /*
 filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
 */
} 



section#articleList ul li .listTitle {
 width:100%;
 background:#f0f0f0;
 border:solid 1px #ddd;
 padding:10px 10px 0;
 margin:0 0 10px;
 border-radius:5px;
 box-sizing:border-box;
}

section#articleList ul li .listTitle h2 {
 width:100%;
 font-size:1.4em;
 font-weight:100;
 margin-bottom:10px;
}

section#articleList ul li .listTitle p {
 display:inline-block;
 font-size:0.8em;
 line-height:1.4em;
 padding-right:10px;
 padding-bottom:10px;
 box-sizing:border-box;
}
section#articleList ul li .listTitle .shortInfo p:nth-child(even) {width:40%;}
section#articleList ul li .listTitle .shortInfo p:nth-child(odd) {width:55%;}

section#articleList ul li .listTitle p.w100P {width:100%!important;}


section#articleList ul li .listTitle p.col1 {
width:100%;
display:block;
padding-right:0;
}

section#articleList ul li .listTitle p strong {
 padding:2px 5px;
 background:#fff;
 border:solid 1px #ccc;
 font-size:0.6em;
 margin-right:3px;
 font-weight:100;
}

section#articleList ul li .listTitle p.col1 a {
 display:block;
 height:1em;
}

section#articleList ul li .logoImg {
 display: block;
 margin: 10px 0 20px 0;
 height: 30px;
}
section#articleList ul li .listImg {
 display: block;
 height: 300px;
 box-sizing:border-box;
}
section#articleList ul li .listImg img {
 box-sizing:border-box;
 width:100%;
}

section#articleList ul li a.listBtnArea {
 display:inline-flex;
 align-items: center;
 justify-content: center;
 width:100%;
 height:44px;
 margin-top: 8px;
 background:#71A1C9;
 border-radius:3px;
 color:#fff;
 text-align:center;
 letter-spacing:0.1em;
 line-height:1em;
 box-sizing:border-box;
 font-size:0.875em;
}

section#articleList ul li a.listBtnArea:hover {
 text-decoration:none;
}


section#articleList .content .buttonArea {
 width:240px;
 text-align:center;
 height:35px;
 background:#fff;
 border:solid 1px #eee;
 padding:10px 0 0;
 margin:15px auto 35px;
 color:#999;
 font-size:0.8em;
 cursor:pointer;
}

section#articleList .allcheckArea {
 margin:0 auto 20px;
 text-align:center;
}

section#articleList .allcheckArea a.BtnAllCheck {
 display:block;
 width:320px;
 height:70px;
 color:#fff;
 box-sizing:border-box;
 text-decoration:none;
 background:#3862DC url(../images/icon01.gif) no-repeat 55px 20px;
 padding:27px 0 0 20px;
 margin:0 auto;
 border-radius:5px;
 box-shadow:0 2px 0px #0C214C;
}

section#articleList .topAllCheckArea {
 margin:40px auto;
 text-align:center;
}


section#articleList ul li .detailThumb {
 position:relative;
 width:100%;
 min-height:300px;
 height:auto;
}
section#articleList ul li .detailThumb a:hover {
  opacity: 0.6;
}

section#articleList ul li .detailThumb a {
 display:block;
 width:100%;
 height:100%;
}

section#articleList ul li .detailThumb a .thumb1 {
 width:100%;
 height:100%;
 min-height:300px;
 background-position:center;
 background-repeat:no-repeat;
 background-size:cover;
}

section#articleList ul li .detailThumb a .thumb2 {
 width:100%;
 height:50%;
 min-height:150px;
 background-position:center;
 background-repeat:no-repeat;
 background-size:cover;
}


section#articleList ul li .detailThumb a .thumb3_1,
section#articleList ul li .detailThumb a .thumb3_2,
section#articleList ul li .detailThumb a .thumb3_3 {
 position:absolute;
 background-position:center;
 background-repeat:no-repeat;
 background-size:cover;
}

section#articleList ul li .detailThumb a .thumb3_1 {width:100%;height:50%;min-height:150px;top:0;left:0;}
section#articleList ul li .detailThumb a .thumb3_2 {width:50%;height:50%;min-height:150px;bottom:0;left:0;}
section#articleList ul li .detailThumb a .thumb3_3 {width:50%;height:50%;min-height:150px;bottom:0;right:0;}


section#articleList ul li .detailThumb a .thumb3_4 {display:none;}



/* スライダーエリア */

.sliderArea {
	position:relative;
	width:100%;
	padding:15px 100px 0;
}



.slider4 .slide {
	margin-right:40px!important;
}

.slider4 .slide span {
 display:block;
 height:50px;
}



.slider4 .slide a span {
 display:block;
 margin:10px 0 0;
 font-size:0.9em;
 line-height:1.4em;
}


/* サイトロゴエリア */

.logoArea {
 width:100%;
 text-align:center;
 margin:50px auto;
 padding:0 20px;
 box-sizing:border-box;
 font-size:0.6em;
 line-height:1.4em;
}


/* フッターエリア */
footer {
 width:100%;
 background:#4D4D4D;
 text-align:center;
}

footer .footermenu {
 width:100%;
 background:#808080;
}

footer .footermenu ul {
 margin: 0 auto;
 padding: 27px 0;
 max-width: 1100px;
}
footer .footermenu ul li {
 display:inline-block;
 margin:0 30px 0 0;
}
footer .footermenu ul li:last-child {
  margin: 0;
 }
footer .footermenu ul li a {
 color:#fff;
 font-size: 12px;
 line-height: 2.4em;
 padding: 0 30px 0 0;
}
footer .footermenu ul li:last-child a {
  padding: 0;
}
footer .footermenu ul li:not(:last-child) a {
  border-right: solid 1px #fff;
}

footer > .information {
  padding: 20px 0;
  max-width: 1100px;
  margin: auto;
  box-sizing: border-box;
}
.azoom-services > .services {
  width: 100%;
  text-align: left;
}
.azoom-services > .services > .service {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.azoom-services > .services > .service > .label {
  min-width: 116px;
  height: 16px;
  padding: 0;
  font-weight: 600;
  border-right: solid 1px #fff;
  cursor: unset;
}
.azoom-services > .services > .service > .content > .link,
.azoom-services > .services > .service > .label {
  color: #fff;
  font-size: 12px;
}
.azoom-services > .services > .service > .content {
  padding-left: 30px;
  line-height: 10px;
}
.azoom-services > .services > .service > .content > .link {
  text-align: left;
  margin-right: 24px;
  line-height: 1.6em;
  white-space: nowrap;
}
footer > .information > .isms {
 display: flex;
 justify-content: flex-end;
 align-items: flex-end;
}
footer > .information > .isms > .copyright {
  margin-right: 30px;
  color: #fff;
  font-size: 12px;
  opacity: 0.5;
}
footer > .information > .isms > .logo {
 width: 90px;
}
footer p {
 display:block;
 width:1100px;
 margin:0 auto;
 padding:5px 0;
 text-align:left;
 color:#fff;
 font-size:0.6em;
}




/* 予約ページ */

.reserve_control {
 width:100%;
 padding:20px 0;
}
.reserve_control p {
 float:left;
 width:450px;
}
.reserve_control ul {
 width:570px;
 float:right;
}

.reserve_control ul li {
 list-style:none;
 margin-left:10px;
 float:right;
}

.reserve_control ul li a {
 display:block;
 padding:0 20px;
 height:38px;
 line-height:38px;
 background:#fff;
 border-radius:5px;
 border:solid 1px #71A1C9;
 color:#71A1C9;
 text-align:center;
 letter-spacing:0.1em;
 font-size:0.8em;
 box-sizing:border-box;
}

.reserve_control ul li a:hover {text-decoration:none;}

.reserve_control ul li.prev a span {
background:url(../images/arrow04.png) no-repeat left;
padding:6px 0 5px 20px;
}
.reserve_control ul li.next a span {
background:url(../images/arrow05.png) no-repeat right;
padding:6px 20px 5px 0px;
}

.reserve_control ul li.cal a {
 background:#FFD900;
 border:solid 1px #BD9A00;
 color:#714131;
}
.reserve_control ul li.cal a span {
background:url(../images/icon_cal.png) no-repeat left;
padding:6px 0 5px 20px;
}





.timeList {
 display:table;
 width:100%;
 border:solid 1px #e1e1e1;
 margin-right:-20px;
 border-bottom:none;
}

.timeList ul {
 display:table-cell;
}
.timeList ul li {
 padding:0;
 list-style:none;
 text-align:center;
 border-bottom:solid 1px #e1e1e1;
}
.timeList ul.time01 {border-right:solid 1px #e1e1e1;}

.timeList ul.time01,
.timeList ul.time02 {width:50%;}

.timeList ul li.batsu {background:#f2f2f2;}
.timeList ul li.maru {background:#ffffff;}


.timeList ul li dl {display:table;width:100%;height:40px;}

.timeList ul li dl dt {
 display:table-cell;
 line-height:40px;
 width:25%;
 border-right:dashed 1px #e1e1e1;
}

.timeList ul li dl dd.reserveIcon {
 display:table-cell;
 width:25%;
 border-right:dashed 1px #e1e1e1;
 text-indent:-99999px;
}

.timeList ul li dl dd.reservePrice {
 display:table-cell;
 line-height:40px;
 width:50%;
}


.timeList ul li.batsu dl dd.reserveIcon {
 background:#f2f2f2 url(../images/batsu.png) no-repeat 50% 50%;
}

.timeList ul li.maru dl dd.reserveIcon {
 background:#fff url(../images/maru.png) no-repeat 50% 50%;
}
.timeList ul li.maru dl dd.reservePayment {
 width:100px;
 height:40px;
 text-align:center;
 display:table-cell;
 vertical-align:middle;
 border-right:dashed 1px #e1e1e1;
}
ul.paymentInfo {
 margin:10px auto;
} 
ul.paymentInfo li {
 display:inline-block;
 height:25px;
 line-height:25px;
 font-size:0.8em;
}
ul.paymentInfo li img {vertical-align:bottom;}

section#articleDetail .btnArea {
 margin:0 auto;
 text-align:center;
}

section#articleDetail .btnArea button.btn_confirm {
 display:block;
 width:320px;
 height:70px;
 color:#fff;
 box-sizing:border-box;
 font-size:1.2em;
 text-decoration:none;
 margin:0 auto;
 padding:0px 10px 0 0;
 border-radius:5px;
 background:#71A1C9;
 border:none;
}



section#articleDetail p.textArea {
 margin:35px auto 10px;
 line-height:1.4em;
}


section#articleDetail .selectArea {
 width:100%;
 border-radius:10px;
 background:#999;
 box-shadow:0 2px 0 #555;
 box-sizing:border-box;
 padding:20px;
 margin:0 auto 35px;
}

section#articleDetail .selectArea dl {
 max-width:480px;
 box-sizing:border-box;
}
section#articleDetail .selectArea dl.left {float:left;}
section#articleDetail .selectArea dl.right {float:right;}
section#articleDetail .selectArea dl dt {
 color:#fff;
 display:table-cell;
 padding-right:20px;
 box-sizing:border-box;
}

section#articleDetail .selectArea dl dd {
 display:table-cell;
 box-sizing:border-box;
 width:380px;
}










/* フォームエリア */

section#formArea {
 position:relative;
 width:860px;
 background:#fff;
 box-shadow:2px 2px 2px #eee, -2px -2px 2px #eee;
 padding:35px;
 margin:0 auto 40px;
 box-sizing:border-box;
}

section#formArea h1 {
  border-left:solid 3px #71A1C9;
  border-bottom:solid 1px #71A1C9;
}

section.formArea h1 {
 width:100%;
 padding:5px 0 5px 10px;
 font-size:1.6em;
 font-weight:100;
 line-height:1.4em;
 margin:0 auto 20px;
}


section#formArea {
 margin-top:20px!important;
}

section#formArea .formContents {
  width:100%;
  background: #f2f2f2;
  border-radius:10px;
  margin:0 auto;
  box-sizing:border-box;
  text-align:center;
  padding:50px 0;
}

section#formArea .formContents dl {
 width:100%;
 padding:0 30px 30px;
}

section#formArea .formContents dl dt {
 width:150px;
 padding:10px 20px 0 0;
 text-align:right;
 white-space:nowrap;
 display:table-cell;
}

section#formArea .formContents dl dd {
 width:580px;
 text-align:left;
 display:table-cell;
}
.formContents dl dd input.error {
  background-color: #FDF3F3 !important;
  border:1px solid #e83929 !important;
}
section#formArea .formContents dl dd input[type=text],
section#formArea .formContents dl dd input[type=email],
section#formArea .formContents dl dd input[type=password] {
 width:100%;
 height:50px;
 border:solid 1px #DFDFDF;
 border-radius:5px;
 padding:0 0 0 10px;
 box-sizing:border-box;
 font-size:1em;
 background: #f2f2f2;
}


section#formArea .selectRegistType {
 width:100%;
 padding:100px 0;
 text-align:center;
}

section#formArea .selectRegistType p.titTxt {
 font-size:1.6em;
 line-height:1.4em;
 margin:0 auto 20px;
}
section#formArea .selectRegistType ul {
 list-style:none;
} 

section#formArea .selectRegistType ul li {
 display:inline-block;
 width:350px;
 margin:0 20px;
}

section#formArea .selectRegistType ul li a {
 display:block;
 height:200px;
 line-height:200px;
 color:#fff;
 border-radius:10px;
 font-size:1.8em;
} 

section#formArea .selectRegistType ul li .btn_general {background:#5096B5;} 
section#formArea .selectRegistType ul li .btn_corpo {background:#67ADAC;} 



/* ログイン */
section#formArea.login {
  color: #222;
}

section#formArea.login.-user-login {
  margin-bottom: 130px;
}

section#formArea.login h1 {
  padding:5px 0 5px 0;
  color: #000;
  border-bottom:solid 1px #ccc;
  font-weight: bold;
  font-size: 1.4em;
}

section#formArea.login .formContents {
  padding:30px 0;
  display: flex;
  justify-content: center;
  background: transparent;
}

section#formArea.login .formContents,
section#formArea.login .formContents03 {
  padding: 16px 0 32px
}
section#formArea.login .formContents dl {
  padding: 0;
}
section#formArea.login .formContents03 dl {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0;
}

section#formArea.login .formContents dl:not(:last-child) {
  margin-bottom: 24px;
}
section#formArea.login .formContents dl dt,
section#formArea.login .formContents03 dl dt {
  width: 120px;
  padding: 0;
  margin-right: 24px;
  font-size: 0.875em;
  font-weight: bold;
  text-align:left;
  font-weight: bold;
}
section#formArea.login .formContents03 dl dd .input {
  width: 100%;
}
section#formArea.login .formContents dl dd input,
section#formArea.login .formContents03 dl dd .input .mail  {
  width: 100%;
  height: 40px;
  margin: 0;
  background: #F6F6F6;
  border-radius: 3px;
  border-color: #E2E2E2;
}
section#formArea.login .formContents dl dd,
section#formArea.login .formContents03 dl dd {
  width: 380px;
  max-width: 380px;
}
section#formArea.login .formContents dl dd a {
  display: inline-block;
  margin-top: 12px;
  font-size: 0.813em;
}
section#formArea.login .formContents .formList  {
  padding: 0;
}

section#formArea.login .formContents .formList label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875em;
}
section#formArea.login .formContents .formList input[type=checkbox] {
  margin-right: 8px;
  width: 15px;
  height: 15px;
  border-color: #71A1C9;
}
section#formArea.login .formContents .btnArea {
  margin-top: 24px;
  padding: 0;
}
section#formArea.login .formContents03 .btnArea {
  margin-top: 32px;
  padding: 0;
}

section#formArea.login .formContents .btnArea .btn_confirm,
section#formArea.login .formContents03 .btnArea .btn_confirm  {
  padding: 0 16px;
  height: 44px;
  border-radius: 3px;
  font-size: 0.875em;
}

section#formArea.login .confirm {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  text-align: center;
  justify-content: center;
  padding: 24px;
  background: #f7f7f7;
}
section#formArea.login .confirm .lines-on-sides {
  padding-bottom: 16px;
  font-size: 0.875em;
}
section#formArea.login .btnArea .btn_gray01 {
  padding: 0 20px;
  width: 220px;
  height:44px;
  color: #71A1C9;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border:1px solid #71A1C9;
  border-radius: 3px;
  line-height:44px;
  font-size: 0.875em;
}
section#formArea.login .btnArea .btn_gray01:hover {
  text-decoration: none;
}
section#formArea.login #flashMessage.message {
  padding: 8px 16px!important;
  font-size: 0.875em!important;
  font-weight: normal;
}


section#formArea.users-add {
  color: #222;
}
section#formArea.users-add .selectRegistType {
  padding: 16px 0 24px;
}
section#formArea.users-add .selectRegistType .titTxt {
  margin-bottom: 16px;
  font-size: 1.125em;
}
section#formArea.users-add .selectRegistType ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
section#formArea.users-add .selectRegistType ul li {
  width: 224px;
  margin: 0;
}
section#formArea.users-add .selectRegistType ul li:first-child {
  margin-right: 16px;
}
section#formArea.users-add .selectRegistType ul li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 80px;
  border-radius: 3px;
  font-size: 1em;
  line-height: 1.4;
}


/* 登録系 */
section#formArea .formContents02 {
 width:100%;
 margin:0 auto;
 box-sizing:border-box;
 text-align:center;
 /* padding:20px 0; */
}

section#formArea .formContents02 dl {
 width:100%;
 padding:0 0 30px;
}

section#formArea .formContents02 dl dt {
 width:150px;
 padding:15px 20px 0 0;
 text-align:left;
 white-space:nowrap;
 display:table-cell;
 box-sizing:border-box;
 line-height:1.4em;
}

section#formArea .formContents02 dl dd {
 width:580px;
 text-align:left;
 display:table-cell;
 vertical-align:middle;
 word-break:break-all;
}


section#formArea .formContents02 dl dd p.inlineBlock {
 display:inline-block;
} 

section#formArea .formContents02 dl dd input[type=text],
section#formArea .formContents02 dl dd input[type=email],
section#formArea .formContents02 dl dd input[type=password], 
section#formArea .formContents02 dl dd input[type=number]
{
 width:100%;
 height:46px;
 border:solid 1px #DFDFDF;
 border-radius:5px;
 padding:0 0 0 10px;
 box-sizing:border-box;
 font-size:1em;
 background:#f3f3f3;
}

section#formArea .formContents02 dl dd input.postal {
 width:280px;
}



section#formArea .formContents02 ul.modeselect01 {
}
section#formArea .formContents02 ul.modeselect01 li {
 width:200px;
 float:left;
 list-style:none;
 text-align:left;
}


section#formArea .formContents02 dl dd input.rows2L {
 width:280px;
 float:left;
}

section#formArea .formContents02 dl dd input.rows2R {
 width:280px;
 float:right;
}




section#formArea .formContents02 ul.notitleform {
padding-bottom:30px;
}



section#formArea .formContents02 ul.notitleform li {
 list-style:none;
 float:left;
 width:100px;
 text-align:left;
 padding-bottom:30px;
}

section#formArea .formContents02 .btnArea button {margin:0 10px;}


option[selected] {
 color:#777;
}





section#formArea p.formTxt {
 clear:both;
 width:100%;
 margin:0 auto;
 line-height:1.4em;
 text-align:left;
}



section#formArea p.formList {
 width:100%;
 margin:0 auto;
 padding:0 0 10px;
 line-height:1.6em;
}

section#formArea .btnArea {
 margin:0 auto;
 text-align:center;
}
section#formArea .btnArea button {display:inline-block;}
section#formArea .btnArea button.btn_confirm,
section#mypage .btnArea button.btn_confirm,
section#PPArea .btnArea button.btn_confirm,
#boxer .kariyoyaku .btnArea button.btn_confirm{
 display:inline-block;
 width:200px;
 height:35px;
 color:#fff;
 box-sizing:border-box;
 font-size: var(--button-font-size);
 text-decoration:none;
 margin:0 auto;
 padding:0;
 border-radius:5px;
 background:#71A1C9;
 border:none;
}
section#mypage .btnArea .btn_cancel{
 display:inline-block;
 width:200px;
 height:35px;
 line-height: 35px;
 color:#333;
 box-sizing:border-box;
 font-size:1em;
 text-decoration:none;
 margin:0 auto;
 padding:0;
 border-radius:5px;
 background:#ccc;
 border:none;
}

p.noteTxt {
 width:100%;
 margin:10px auto 0;
 font-size:0.8em;
 line-height:1.4em;
 text-align:left;
}

#about_phone p.noteTxt,
#about_web p.noteTxt {
  font-size: 0.9em;
}

/* 登録確認 confirm */
section#confirmArea {
 position:relative;
 width:860px;
 background:#fff;
 box-shadow:2px 2px 2px #eee, -2px -2px 2px #eee;
 padding:35px;
 margin:20px auto 40px;
 box-sizing:border-box;
 font-size:13px;
}


section#confirmArea h1 {
border-left:solid 3px #71A1C9;
border-bottom:solid 1px #71A1C9;
 width:100%;
 padding:5px 0 5px 10px;
 font-size:1.6em;
 font-weight:100;
 line-height:1.4em;
 margin:0 auto 20px;
}

section#confirmArea .confirmContents01 {
 width:100%;
}

section#confirmArea .confirmContents01 dl {
 display:table;
 width:100%;
 border-bottom:solid 1px #F2F2F2;
 padding:10px 0;
 line-height:1.4em;
}

section#confirmArea .confirmContents01 dl dt {
 display:table-cell;
 width:170px;
 padding:15px 0;
 vertical-align:top;
}
section#confirmArea .confirmContents01 dl dd {
 display:table-cell;
 width:auto;
}


section#confirmArea .confirmContents01 dl dd p.cfTxt {
display:inline-block;
width:100%;
border-left:solid 1px #f2f2f2;
padding:15px 0 15px 10px;
text-align:left;
}

section#confirmArea .confirmContents01 dl dd.cf2col p.cfTxt {width:50%;}
section#confirmArea .confirmContents01 dl dd.cf3col p.cfTxt {width:30%;}


section#confirmArea .confirmContents01  p.formTxt {color:#999;font-size:0.9em;line-height:1.6em;}
section#confirmArea .confirmContents01  p.formTxt170 {padding-left:170px;}

section#confirmArea .confirmContents01 .btnArea {text-align:center;}
section#confirmArea .confirmContents01 .btnArea button.btn_confirm {
 display:inline-block;
 width:160px;
 height:35px;
 color:#fff;
 box-sizing:border-box;
 font-size:1.2em;
 text-decoration:none;
 margin:0 auto;
 padding:0;
 border-radius:5px;
 background:#71A1C9;
 border:none;
}





/* formContents500px */
section#formArea .formContents03 {
 width:500px;
 background:transparent;
 margin:0 auto;
 box-sizing:border-box;
 text-align:center;
 padding:50px 0;
}

section#formArea .formContents03 dl {
 width:100%;
 padding:0 0px 30px;
}

section#formArea .formContents03 dl dt {
 width:100%;
 padding:0 0 10px 0;
 text-align:left;
 white-space:nowrap;
 display:block;
}

section#formArea .formContents03 dl dd {
 width:500px;
 text-align:left;
 display:block;
}

section#formArea .formContents03 dl dd input[type=text],
section#formArea .formContents03 dl dd input[type=email],
section#formArea .formContents03 dl dd input[type=password] {
 width:100%;
 height:50px;
 border:solid 1px #DFDFDF;
 border-radius:5px;
 padding:0 0 0 10px;
 box-sizing:border-box;
 font-size:1em;
}






/* 仮登録 */
section#formArea .pre_regist {
 width:100%;
 margin:0 auto;
 box-sizing:border-box;
 text-align:center;
 padding:20px 0;
}


section#formArea .pre_regist h2 {
 font-size:1.4em;
 font-weight:100;
 color:#ff0000;
 padding:40px 0 60px;
}


section#formArea .pre_regist .noteArea {
 width:100%;
 border:solid 1px #ccc;
 padding:40px 20px 0;
 box-sizing:border-box;
 margin:20px auto 0;
}

section#formArea .pre_regist .noteArea h3 {
font-size:1.4em;
font-weight:100;
margin:0 auto 30px;
}
section#formArea .pre_regist .noteArea h4 {
 font-size:1.2em;
 font-weight:bold;
 margin:0 auto 10px;
}
section#formArea .pre_regist .noteArea p.textArea {
 font-size:1em;
 font-weight:100;
 margin:0 auto 20px;
 line-height:1.6em;
}







/* 完了 */
section#formArea .finish {
 width:100%;
 margin:0 auto;
 box-sizing:border-box;
 text-align:center;
 padding:20px 0;
}


section#formArea.set-password {
  color: #222;
}
section#formArea.set-password #flashMessage {
  margin: 0 0 8px;
}
section#formArea.set-password #flashMessage.error {
  line-height: 1.6;
}
section#formArea.set-password .formContents03 {
  padding: 16px 0 24px;
}
section#formArea.set-password dl {
  display: flex;
  align-items: center;
  padding: 0;
}
section#formArea.set-password dl:not(:last-of-type) {
  margin-bottom: 24px;
}
section#formArea.set-password dl dt {
  max-width: 148px;
  padding: 0 24px 0 0;
  font-size: 0.875em;
  font-weight: bold;
}
section#formArea.set-password dl dd input[type=password] {
  height: 40px!important;
  border-radius: 3px;
  border-color: #E2E2E2;
  background: #F6F6F6;
}
section#formArea.set-password dl dd .formTxt {
 font-size: 0.75em;
}
section#formArea.set-password .btnArea {
  margin-top: 40px;
  padding: 0;
}
section#formArea.set-password .btnArea .btn_confirm {
  height: 44px;
  border-radius: 3px;
  font-size: 0.875em;
  padding: 0 16px;
}


section#formArea.waiting-reset-password {
  color: #222;
}

section#formArea.waiting-reset-password .finish {
  padding: 0;
}
section#formArea.waiting-reset-password .formList {
  padding: 0;
  font-size: 0.875em;
  line-height: 1.8;
}
section#formArea.waiting-reset-password .pB30 {
  padding: 0;
}
section#formArea.waiting-reset-password .btnArea {
  margin-top: 24px;
}
section#formArea.waiting-reset-password .btnArea .btn_blue01 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 44px;
  padding: 0 16px;
  border-radius: 3px;
  font-size: 0.875em;
}





/*マイページ*/
article#mypageLayout .breadcrumb {
 line-height:1.4em;
}

.reserve-settings-page .contentsArea .ownerpageArea .ownerPage li.type02 p.text {
  font-weight: bold;
  margin-bottom: 10px;
  color: rgba(0, 0, 0, .7);
}


.mypageWrapper {
 margin:10px auto 0;
}
.mypageArea {}

.mypageArea.-lessor-parent .acList {
  display: none;
}

.mypageArea.-lessor-parent p.text {
  margin: 10px 0;
}

section#mypage {
 position:relative;
 max-width:1100px;
 background:#fff;
 box-shadow:2px 2px 2px #eee, -2px -2px 2px #eee;
 padding:35px;
 margin: 10px auto 40px;
}


section#mypage h1 {
border-left:solid 3px #71A1C9;
border-bottom:solid 1px #71A1C9;
}




section#formArea {
 margin-top:20px!important;
}



.mypageArea ul li {
 list-style:none;
 margin:0 0 30px;
 width:100%;
 text-align:left;
 font-size:0.8em;
}




/* 内覧予定 */
.mypageArea ul.previeNairanList li {
 width:50%;
 box-sizing:border-box;
 float:left;
}


.mypageArea ul.previeNairanList li a.nairanBtn {
 display:block;
 width:90%;
 border-radius:5px;
 font-size:1.4em;
 line-height:1.2em;
 padding:15px 0;
 text-align:center;
 color:#fff;
}







/*カギ一覧*/

.contentsArea .tableArea {
 margin:0 auto 50px;
}

.contentsArea .tableArea ul {display:block;}
.contentsArea .tableArea ul li {
display:block;
width:240px;
}

.contentsArea .tableArea ul li a {
 display:block;
 width:240px;
 height:67px;
 box-sizing:border-box;
 text-align:center;
 margin:0 auto;
 font-size:1.2em;
 line-height:0.8em;
 border-radius:5px;
 -webkit-transition: 0.4s ;
	transition: 0.4s ;
}
.contentsArea .tableArea ul li a span.small {
 font-size:0.6em;
} 
.contentsArea .tableArea ul li a.btn_setsubi01 {
border:solid 1px #0DC3CB;
padding:17px 0 0;
color: #0DC3CB;
}
.contentsArea .tableArea ul li a.btn_heya01 {
border:solid 1px #3862DC;
padding:24px 0 0;
color:#3862DC;
}
.contentsArea .tableArea ul li a:hover {text-decoration:none;}
.contentsArea .tableArea ul li a.btn_setsubi01:hover {background:#E8FFFE;}
.contentsArea .tableArea ul li a.btn_heya01:hover {background:#DEE8FF;}

.contentsArea .mypageArea .keyTypeTit {
 margin:0 auto 30px;
 padding:0 0 10px;
 font-size:1.4em;
 color:#555;
}

.contentsArea .mypageArea .keyType01 {border-bottom:dashed 2px #0DC3CB;}
.contentsArea .mypageArea .keyType02 {border-bottom:dashed 2px #3862DC;}


.mypageArea ul.previewKeyList {
 margin:0 auto 50px;
}

.mypageArea ul.previewKeyList li {
 width:100%;
 box-sizing:border-box;
}


.mypageArea ul.previewKeyList li h2 {
 padding:0 0 10px;
 font-size:1.4em;
 font-weight:100;
}
.mypageArea ul.previewKeyList li p.sub {
 font-size:1em;
 padding:0 0 10px;
}
.mypageArea ul.previewKeyList ul.facilities li p.sub {
  font-size: var(--text-font-size);
  line-height: 1.6;
  padding: 0 0 15px;
}


/* カギ一覧02 */
.keytypeBtn {
 width:100%;
 margin:0 auto 20px;
}

.keytypeBtn li {
 width:50%;
 display:inline-block;
 padding-right:5px;
 vertical-align:top;
}

.keytypeBtn li:last-child {
 margin-right:-10px;
 padding-right:0;
 padding-left:5px;
}

.keytypeBtn li a {
 display:block;
 width:100%;
 height:70px;
 text-align:center;
 font-size:1.3em;
 line-height:1em;
 padding:15px 10px 0;
 box-sizing:border-box;
}

.keytypeBtn li a span {
 font-size:0.6em;
}

.keytypeBtn li a.greenBtn {
 border:solid 1px #6AADAB;
 border-radius:5px;
 color:#6AADAB;
} 
.keytypeBtn li a.blueBtn {
 border:solid 1px #71A1C9;
 border-radius:5px;
 color:#71A1C9;
 padding-top:24px;
}


body.preview_key #key_setsubi h2 {
 width:100%;
 padding:0 0 5px;
 margin:0 auto 20px;
 font-size:1.2em;
 line-height:1.4em;
 font-weight:100;
 border-bottom:dashed 1px #6AADAB;
}
body.preview_key #key_kaigi h2 {
 width:100%;
 padding:0 0 5px;
 margin:0 auto 20px;
 font-size:1.2em;
 line-height:1.4em;
 font-weight:100;
 border-bottom:dashed 1px #71A1C9;
}


body.preview_key .mypageArea h3 {
 font-size:1.4em;
 margin:0 auto 10px;
 font-weight:100;
}



body.preview_key #key_setsubi a {color:#6AADAB;}
body.preview_key #key_kaigi a {color:#71A1C9;}





.mypageArea ul.previewKeyList li a.btn_key02 {
 display:block;
 border-radius:5px;
 font-size:1.4em;
 clear:both;
 height:80px;
 background-image:url(../images/icon_key.png);
 background-repeat:no-repeat;
 background-position:20px 22px;
 background-size:30px;
 color:#fff!important;
 box-sizing:border-box;
 padding-left:60px;
}

.mypageArea ul.previewKeyList li a.btn_extend {
 display:block;
 border-radius:5px;
 font-size:1.4em;
 width:145px;
 height:80px;
 text-align:center;
 color:#fff!important;
 box-sizing:border-box;
} 


.blue {background-color:#71A1C9;}
.blue02 {background-color:#0DC3CB;}
.green {background-color:#6AADAB;}
.gray {background-color:#ccc;}
.darkgray {background-color:#808080;}
.mypageArea ul.previewKeyList li a span {font-size:0.8em;}

.mypageArea ul.previewKeyList li a.height1 {padding-top:30px;}
.mypageArea ul.previewKeyList li a.height2 {padding-top:23px;}


.mypageArea ul.previewKeyList li a.btn_left {
 width:335px;
 float:left;
}

.mypageArea ul.previewKeyList li a.btn_right {
 width:145px;
 float:right;
}

.mypageArea ul.previewKeyList li a.PC {display:block;}
.mypageArea ul.previewKeyList li a.SP {display:none;}


/* 延長boxer extend */
body.preview_key #boxer.inline {padding:0 30px;border-radius:10px;} 
body.preview_key #boxer .boxer-container {
 width:auto;
 background:transparent;
}
body.preview_key #boxer .boxer-close {
 top:30px;
 right:30px;
 background:url(../images/icon_close.png) no-repeat top;
 text-indent:-99999px;
}


body.preview_key #boxer .boxer-close:before {
 content:none!important;
}

body.preview_key .filterContent {
 width:100%;
 max-width:600px;
 min-width:400px;
 background:transparent;
 border:none;
 padding:20px 0;
 margin:0px;
 border-radius:5px;
 text-align:center;
}


body.preview_key .filterContent h4 {
 width:100%;
 margin:10px auto 30px;
 font-size: var(--subtitle-font-size);
 font-weight:100;
 line-height:1.2em;
}


body.preview_key .filterContent .extend_time {
 width:100%;
 margin:30px auto;
}
body.preview_key .filterContent .extend_price {
 width:100%;
 margin:30px auto;
 font-size: var(--font-size-xl);
 font-weight:bold;
}

body.preview_key .filterContent .extend_price span {
  font-size: var(--font-size-xl);
}

body.preview_key .filterContent button.blue {
 width:160px;
 height:40px;
 border-radius:5px;
 background:#71A1C9;
 color:#fff;
 font-size:1em;
 border:none;
 outline:none;
}

/* 延長 sp_html */
.extendArea_SP h4 {
 width:100%;
 text-align:center;
 font-size:1.4em;
 font-weight:100;
 margin:0 auto 30px;
}
.extendArea_SP .extend_time {
 width:100%;
 text-align:center;
 margin:0 auto 30px;
}
.extendArea_SP .extend_price {
 width:100%;
 text-align:center;
 font-size: var(--text-font-size);
 font-weight:bold;
 margin:0 auto 50px;
} 
.extendArea_SP .extend_price .price {
  font-size: var(--text-font-size);
}









/* カギの開閉 */
.keyOpenArea {
width:100%;
text-align:center;
padding:0 0 20px;
}

.keyOpenArea button {
 display:block;
 width:240px;
 height:240px;
 margin:0 auto 40px;
 border:none;
 text-indent:-99999px;
 cursor:pointer;
}

.keyOpenArea button.key_open {
 background:url(../images/btn_open02.png) no-repeat top;
 background-size:240px;
}

.keyOpenArea button.key_close {
 background:url(../images/btn_close02.png) no-repeat top;
 background-size:240px;
}


.keyOpenArea a.reload {
 padding:7px 0 7px 40px;
 background:url(../images/reload.png) no-repeat left;
 background-size:30px;
 text-align:center;
 margin:0 auto 20px;
 font-size:1.4em;
}




/* キャンセル一覧 */
.cancelList {
}

#cancelselect input[type=text],
#cancelselect input[type=email],
#cancelselect input[type=password] {
 width:auto;
 height:40px;
 border:solid 1px #DFDFDF;
 border-radius:5px;
 padding:0 0 0 10px;
 box-sizing:border-box;
 font-size:1em;
}



section#mypage .leftArea > div {
 margin-bottom: 20px;
}

section#mypage .leftArea > div {
 margin-bottom: 20px;
}

section#mypage .leftArea > .list {
  width: 100%;
}

section#mypage .leftArea > .list > tr > .room {
  width: 150px;
}

section#mypage .rightArea,
section#ownerpage .rightArea {
 margin-bottom: 20px;
}

section.contentsArea h1.title {
  width: 100%;
  padding: 5px 0 5px 10px;
  font-size: var(--title-font-size);
  font-weight: 100;
  line-height: 1.4em;
  margin: 0 auto 20px;
}

.mypageArea ul.cancelList li p.checkboxArea {
 display:table-cell;
 width:90px;
 vertical-align:middle;
 padding:0;
}
.mypageArea ul.cancelList li div.cancelName {
 display:block;
 width:100%;
 background:#F7F7F7;
 padding:24px;
}

.mypageArea ul.cancelList li h2 {
 padding:0 0 16px;
 font-weight:bold;
 font-size: 1.4em;
}
.mypageArea ul.cancelList li p.sub {
 font-size:1em;
 line-height:1.8em;
 padding:0px;
}
.mypageArea ul.cancelList li p.sub.-time {
  margin-top: 8px;
  padding-left:calc(13px + 8px);
  background:url('../svg/clock-grey.svg') no-repeat left center/17px;
  font-size: 1.1em;
}
.mypageArea ul.cancelList li p.sub.meetingname  {
  margin-top: 8px;
  padding-left:calc(13px + 8px);
  background:url('../svg/event.svg') no-repeat left center/14px;
  font-size: 1.1em;
}
.mypageArea ul.cancelList li p.reserve_id {
 margin-bottom:8px;
 font-size:0.95em;
}

#mypage.reserve-cancel .leftArea .cancelList .cancelName .sub .separator {
  padding: 0 10px;
  color: #cccccc;
}
#mypage.reserve-cancel .leftArea .cancelList .cancelName .sub .separator.-payment {
  padding: 0 6px;
}

#mypage.reserve-cancel .leftArea .cancelList .cancelName .cancelation-fee-notice {
  color: #9b9898;
  margin: 15px 0 10px 0;
}

#mypage.reserve-cancel .leftArea .cancelList .cancelName .cancelation-fee-notice .arrowUp {
  display: none;
}

#mypage.reserve-cancel .leftArea .cancelList .cancelName .cancelation-fee-notice .title {
  cursor: pointer;
  color: #5e92ba;
  margin: 0 5px;
  font-size: var(--label-font-size);
}

#mypage.reserve-cancel .leftArea .cancelList .cancelName .cancelation-fee-notice .title:hover {
  opacity: 0.8;
}

#mypage.reserve-cancel .leftArea .cancelList .cancelName .notice-sub {
  margin: 10px 0 20px;
  font-size: var(--description-font-size);
}

#mypage.reserve-cancel .leftArea .cancelList .cancelName .charge-percent-cancel {
  display: none;
  margin-left: 5px;
}

#mypage.reserve-cancel .leftArea .cancelList .cancelName .charge-percent-cancel .detail {
  display: block;
  width: 100%;
  margin: 5px 0;
  font-size: var(--description-font-size);
}

#mypage.reserve-cancel .mypageArea ul.cancelList li p.sub {
  font-size: var(--text-font-size);
  line-height: 1;
  padding-block: 1.5px;
}

#mypage.reserve-cancel .cancelbtnArea a {
  font-size: var(--button-font-size);
}

#mypage.reserve-cancel .mypageArea ul.cancelList li h2 {
  font-size: var(--font-size-xl);
  padding-bottom: 8px;
}

#mypage.reserve-cancel .mypageArea ul.cancelList li h2 span {
  font-size: var(--font-size-xl);
}

#mypage.reservesStatus .historyTableArea {
  width: 100%;
  overflow-x: auto;
}

.cancelbtnArea {
 text-align:left;
 width:100%;
 padding:16px 0 0;
}

.cancelbtnArea a {
 padding: 16px 24px;
 border-radius:3px;
 border:none;
 text-align:center;
 color:#fff;
 font-size:1em;
 background:#808080;
 display: inline-block;
}

.cancelbtnArea a.blue{
 margin-right: 12px;
 background:#71A1C9;
}


.cancelbtnAreaL {
 text-align:left;
 width:100%;
 padding:0 0 20px;
}


.cancelbtnAreaL button {
 height:40px;
 line-height:40px;
 border-radius:5px;
 border:none;
 color:#fff;
 font-size:1em;
}
#cancelselect .inline_content {
 width:520px;
 background:#fff;
 border:none;
}
#cancelselect ul.cancelbox {
 margin:0 auto 20px;
} 
#cancelselect ul.cancelbox li {
 margin:0 0 10px;
} 

#cancelselect h2.alertTitle {
 box-sizing:border-box;
 padding:0 0 0 28px;
 font-size: var(--label-font-size);
 line-height:24px;
 background:url(../images/icon_alert01.png) no-repeat center left/24px;
}
#cancelselect p.refund {
 display:block;
 width:100%;
 padding:16px 0 24px;
 text-align:center;
 line-height:1.4em;
 box-sizing:border-box;
 font-weight:bold;
 font-size: var(--text-font-size);
} 
#cancelselect p.refund strong {border:none;}

#cancelselect .inline_content .btnArea {
 width:100%;
 text-align:center;
} 

#cancelselect .inline_content .btnArea button {
 margin:0 auto;
 padding:12px 20px;
 display:inline-block;
 border-radius: 3px;
 font-size: var(--button-font-size);
} 
#cancelselect .inline_content .btnArea button:first-child {
  margin-right: 12px;
}
#cancelselect .inline_content .btnArea button.cancelboxbutton {
  transition: background .5s;
}
#cancelselect .inline_content .btnArea button.cancelboxbutton.-clicked {
  background: #e4e4e4;
  pointer-events: none;
  outline: none;
}


section#mypage .rightArea ul.sideMenu,
section#ownerpage .rightArea ul.sideMenu {
 border-bottom:none;
 margin-bottom: 30px;
}
section#mypage .rightArea ul.sideMenu:after,
section#ownerpage .rightArea ul.sideMenu:after {
  content: "";
  clear: both;
  display: block;
}
section#mypage .rightArea ul.sideMenu li,
section#ownerpage .rightArea ul.sideMenu li {
 border-top:solid 1px #eee;
 border-bottom:solid 1px #eee;
 border-left:solid 1px #eee;
 list-style:none;
 float: left;
 text-align: center;
 width: 14.28%;
}

section#ownerpage .rightArea ul.sideMenu li.multipleline a,
section#mypage .rightArea ul.sideMenu li.multipleline a {
  font-size: 0.8em;
  padding: 14px 0;
  word-break: keep-all;
}

section#mypage .rightArea ul.sideMenu li:last-child,
section#ownerpage .rightArea ul.sideMenu li:last-child {
 border-right:solid 1px #eee;
}

section#mypage .rightArea ul.sideMenu li a,
section#ownerpage .rightArea ul.sideMenu li a {
 display:block;
 padding:20px 0;
 font-size:0.8em;
 color:#555;
 width: 100%;
}

section#mypage .rightArea ul.sideMenu li.disabled a,
section#ownerpage .rightArea ul.sideMenu li.disabled a {
  background: #f7f7f7;
  color: #999;
  cursor: not-allowed;
  pointer-events: none;
}

section .rightArea ul.sideMenu li a:hover,
section .rightArea ul.sideMenu li a.active {
background:#F7F4A6;
text-decoration:none;
}










/* アカウント編集 */

.mypageArea ul.editAccount {
 width:100%;
}


.mypageArea ul.editAccount .acMenu {
 width:100%;
 background:url(../images/check_off.png) no-repeat left;
 background-size:30px;
 min-height:30px;
 font-size:1.4em;
 padding:10px 0 10px 40px;
 cursor:pointer;
}
.mypageArea ul.editAccount .active {
 background:url(../images/check_on.png) no-repeat left;
 background-size:30px;
}
/* .mypageArea ul.editAccount .acList {display:none;} */

.mypageArea ul.editAccount li {
 width:100%;
 padding:20px 0;
 margin:0 auto;
border-bottom:solid 1px #E6E6E6;
}

.mypageArea ul.editAccount li:first-child {
  padding-top: 0;
}

.mypageArea ul.editAccount li:last-child {
 border-bottom:none;
}

.mypageArea .acccountType .label {
  min-height: 30px;
  font-size: 1.4em;
  padding: 10px 0;
}

.mypageArea .acccountType .radio {
  padding: 10px 0;
}

.editAccount {
 width:100%;
 margin:0 auto;
 box-sizing:border-box;
 text-align:center;
 padding:0 0 20px;
}

.editAccount dl {
 width:100%;
 padding-top:10px;
}

.editAccount dl dt {
 width:150px;
 padding:15px 20px 0 0;
 text-align:left;
 white-space:nowrap;
 display:table-cell;
 box-sizing:border-box;
}

.editAccount dl dt.text.-sign-image {
  padding: 0;
  vertical-align: middle;
}

.editAccount dl dd {
 width:400px;
 text-align:left;
 display:table-cell;
 vertical-align:middle;
}

.editAccount dl dd input[type=text],
.editAccount dl dd input[type=email],
.editAccount dl dd input[type=password] {
 width:100%;
 height:46px;
 border:solid 1px #DFDFDF;
 border-radius:5px;
 padding:0 0 0 10px;
 box-sizing:border-box;
 font-size:1em;
 background:#f3f3f3;
}

.memoHelperText {
  margin-left: 2%;
  width:100%;
  border:solid 1px #DFDFDF;
  border-radius:5px;
  padding:0 0 0 10px;
  box-sizing:border-box;
}

.editAccount dl dd input.rows2L {
    width: 190px;
    float: left;
}
.editAccount dl dd input.rows2R {
    width: 190px;
    float: right;
}

.editAccount li.accountName div.acList dt {
  width: 0;
}

.editAccount li.accountName div.acList dl {
  width: 300px;
  padding-right: 30px;
  display: inline-block;
}

.editAccount div.acList dl.pwArea dt,
.editAccount div.acList dl.pwArea dd {
 width:100%;
 display:block;
}
.editAccount div.acList dl.pwArea dt {
 padding-bottom:5px;
}

.editAccount p.formTxt {
    clear: both;
    width: 100%;
    margin: 0 auto;
    line-height: 1.4em;
    text-align: left;
}





/* スマート空間予約について */

div.aboutWrapper ul#mainmenu {
 display:none;
}
div.aboutWrapper {padding:20px 0 0;}
#about {
 max-width : 1100px;
 color: #222;
}
#about h1.title {
 margin: 0 0 24px;
 border: none;
 border-bottom: 1px solid #d8d8d8;
 padding: 0 0 16px;
 font-size: 1.5em;
 font-weight: bold;
}
#about h1.aboutTop {
 display:inline-block;
 width:auto;
 padding-left:0;
 border-bottom:solid 2px #71A1C9;
}
#about .linkText {
 font-size:1em;
 padding:40px 0;
}
.aboutText p.SP {display:none;}

#about .stepArea {
 width:100%;
 margin-bottom: 40px;
}
#about .stepArea h2.stepTitle {
  font-size:1.125em;
}
#about .stepArea ul {
 display:flex;
 align-items:center;
 justify-content: center;
 margin-top:40px;
 list-style:none;
}
#about .stepArea ul li {
 position: relative;
 width:20%;
 text-align: center;
}
#about .stepArea ul li:not(:last-child):after {
 position:absolute;
 top:50%;
 right:-17px;
 transform: translateY(-50%);
 content:'';
 width:0;
 height:0;
 border-style:solid;
 border-width:8px 0 8px 8px;
 border-color:transparent transparent transparent #837F7F;
}
#about .stepArea ul li:not(:last-child) {
  margin-right:24px;
}
#about .stepArea ul li span {
 position:absolute;
 top:-16px;
 left:50%;
 transform:translateX(-50%);
 display:inline-block;
 padding:12px 24px;
 background:#6A6A6A;
 border-radius:20px;
 color:#fff;
 font-size:0.750em;
}

#about .stepArea ul li div.stepCont {
 display: flex;
 align-items: center;
 justify-content: center;
 height: 120px;
 background: #F7F7F7;
 line-height: 1.6;
 font-size: 0.875em;
}

#about .stepArea ul li.stepCenter {
 display: flex;
 align-items: center;
 justify-content: center;
 width:64px;
 height:64px;
 padding:0 15px;
 border: 1px solid #7BA0C5;
 border-radius: 50%;
 color: #7BA0C5;
 font-size: 0.875em;
}

#about .btnArea.-regist {
  border-radius:3px;
  text-align: center;
}
#about .btnArea.-regist .textArea {
  padding-bottom: 12px;
  font-size: 0.875em;
}
#about .btnArea.-regist .link {
 display: inline-block;
 padding: 16px 40px;
 color: #fff;
 background: #F7F4A6;
 text-align: center;
 color: #222;
 font-size: 0.875em;
}

#about .btnArea,
#about_web .btnArea,
#about_phone .btnArea{
 padding:0 0 40px;
}


#about .btnArea a.registBtn,
#about_web .btnArea a.registBtn,
#about_phone .btnArea a.registBtn {
 width:320px;
 height:80px;
 line-height:80px;
 margin:0 auto;
 font-size:1.2em;
}




#about .meritArea h2.meritTitle {
 width:100%;
 padding:10px 0 10px 15px;
 margin:0 0 20px 30px;
 border-left:solid 3px #25C3CA;
 box-sizing:border-box;
 font-size:1.4em;
 text-align:left;
 font-weight:100;
}

#about .meritArea {
 width:100%;
 margin:0 0 20px;
}
#about .meritArea ol,
#about .meritArea ol li {list-style:none;}
#about .meritArea ol {
 padding:0 0 30px 30px;
 box-sizing:border-box;
}

#about .meritArea ol li {
 width:100%;
 min-height:26px;
 margin-bottom:10px;
 padding:0 0 0 32px;
 font-size:1em;
 line-height:26px;
 text-align:left;
 box-sizing:border-box;
}
#about .meritArea ol li:nth-child(1) {
 background:url(../images/merit01.gif) no-repeat top left;
}
#about .meritArea ol li:nth-child(2) {
 background:url(../images/merit02.gif) no-repeat top left;
}
#about .meritArea ol li:nth-child(3) {
 background:url(../images/merit03.gif) no-repeat top left;
}





.aboutLinkArea {
 padding:0 0 40px;
}
.aboutLinkArea ul {
 display:flex;
 justify-content: center;
}
.aboutLinkArea ul li {
 position: relative;
 border-radius:3px;
 overflow:hidden;
}
.aboutLinkArea ul li.sp a {
 background:#71A1C9;
}
.aboutLinkArea ul li.phone a {
 background:#6AADAB;
}
.aboutLinkArea ul li.sp:before,
.aboutLinkArea ul li.phone:before {
  display:block;
  position: absolute;
  top:50%;
  left: 20px;
  transform:translateY(-50%);
  content: '';
  width:20px;
  height:20px;
  z-index: 2;
}
.aboutLinkArea ul li.sp:before {
 background:url('../svg/smartphone.svg') no-repeat center/100%;
}
.aboutLinkArea ul li.phone:before {
  background:url('../svg/call.svg') no-repeat center/100%;
 }
.aboutLinkArea ul li:first-child {
 margin-right: 16px;
}
.aboutLinkArea ul li a {
 display: block;
 padding: 16px 40px 16px 48px;
 color:#fff;
}
.aboutLinkArea ul li a:hover {
  text-decoration: none;
}
.aboutLinkArea ul li a .text {
  display:block;
  font-size:0.875em;
  text-align: center;
  line-height:1.6;
}
.aboutLinkArea ul li a .text.-sub {
  font-size:0.813em;
}


a.aboutSP {
 display:table-cell;
 vertical-align:middle;
 padding:0 30px;
width:445px;
height:150px;
box-sizing:border-box;
background:#71A1C9;
border-radius:10px;
border:none;
}

a.aboutPH {
 display:table-cell;
 vertical-align:middle;
 padding:0 30px;
width:445px;
height:150px;
box-sizing:border-box;
background:#67ADAC;
border-radius:10px;
border:none;
}

a.aboutSP p {
 background:url(../images/icon_web.png) no-repeat left;
 background-sizE:68px;
 padding:30px 10px 30px 80px;
 text-align:left;
 font-size:1.2em;
 line-height:1.2em;
 color:#fff;
 font-weight:100;
}

a.aboutPH p {
 background:url(../images/icon_phone.png) no-repeat left;
 background-sizE:68px;
 padding:30px 10px 30px 80px;
 text-align:center;
 font-size:1.2em;
 line-height:1.2em;
 color:#fff;
 font-weight:100;
}
.aboutLinkArea a p span.underLine {text-decoration:underline;}
a.aboutPH p span.aboutSmall {
 font-size:0.8em;
 display:block;
 padding-top:5px;
 text-decoration:none;
}


.aboutTextArea {padding:0 0 5px;}
span.blue01 {color:#3B66D9;}
span.blue02 {color:#25C3CA;}




/* スマート内覧についてWEB+Phone */


#about_web,
#about_phone {
  max-width: 860px;
  color: #222;
}

#about_web h1.webTop,
#about_phone h1.phoneTop {
  margin-bottom: 32px;
  padding: 0 0 16px;
  border-bottom: 1px solid #D8D8D8;
}
#about_web h1.webTop span,
#about_phone h1.phoneTop span {
  display: inline-flex;
  align-items: center;
  font-weight: bold;
  font-size: 0.938em;
  line-height: 1.4;
}
#about_web h1.webTop span:before {
  content: '';
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background:url(../svg/call-gray.svg) no-repeat center/14px;
}
#about_phone h1.phoneTop span:before {
  content: '';
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background:url(../svg/phone-gray.svg) no-repeat center/24px;
}
.stepContent {
  display: flex;
  align-items: center;
}
.stepContent:not(:first-of-type) {
  margin-top: 40px;
}
.stepContent > .stepCont {
  width: 50%;
}
.stepContent .stepCont p {
  font-size: 0.875em;
  line-height: 1.6;
}
.stepContent .stepCont p:not(:last-child) {
  margin-bottom: 12px;
}
.stepContent h2 {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  font-size: 1.250em;
  font-weight: bold;
  line-height: 1.4;
}
.stepContent h2:before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  min-height: 40px;
  margin-right: 12px;
  background: #71A1C9;
  border-radius: 50%;
  color: #fff;
  font-size: 0.875em;
  line-height: 2.4;
}
.step01 h2:before { content: '1'; }
.step02 h2:before { content: '2'; }
.step03 h2:before { content: '3'; }
.step04 h2:before { content: '4'; }
.step05 h2:before { content: '5'; }
.step06 h2:before { content: '6'; }
.step07 h2:before { content: '7'; }
.step08 h2:before { content: '8'; }
.step09 h2:before { content: '9'; }
.step10 h2:before { content: '10'; }
.step11 h2:before { content: '11'; }

.stepContent > .stepImg {
  width: 50%;
  max-width: 300px;
  margin-left: auto;
}
.stepContent > .stepImg > img {
  width: 100%;
}

#about_web .btnArea,
#about_phone .btnArea {
  margin-top: 40px;
  padding: 40px;
  background: #F7F7F7;
  text-align: center;
}
#about_web .textArea,
#about_phone .textArea {
  padding-bottom: 12px;
  font-size: 0.875em;
}
#about_web .btnArea a.registBtn,
#about_phone .btnArea a.registBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 44px;
  padding: 0 16px;
  border-radius: 3px;
  font-size: 0.875em;
  line-height: 1.4;
}
.stepContent > .stepCont p.noteTxt {
  font-size: 0.750em;
  font-weight: bold;
}

p.about_note {
 padding:20px 0;
 color:#f00;
}




/* 利用規約 */
.kiyakuArea {
 width:100%;
 height:600px;
 padding:40px 40px 0;
 margin:20px auto;
 border:solid 1px #ccc;
 overflow:scroll;
}
.kiyakuArea .kiyakuBlock {
 width:100%;
 padding:0 0 40px;
}

.kiyakuArea .kiyakuBlock h2 {
 font-size:1em;
 font-weight:100;
 color:#f00;
 padding:0 0 10px;
}

.kiyakuArea p {
 text-align:0.8em;
 line-height:1.6em;
}




/* ビル管理者ビル編集 */
article#ownerpageLayout .breadcrumb {
 width:860px;
}
.ownerpageWrapper {
 margin:10px auto 0;
}

.ownerpageWrapper section.contentsArea div.ownerpageArea p.caution-text {
  font-size: var(--description-font-size);
  margin-top: 5px;
  line-height: initial;
}

section#ownerpage {
 position:relative;
 max-width:1100px;
 background:#fff;
 box-shadow:2px 2px 2px #eee, -2px -2px 2px #eee;
 padding:35px;
 margin:0 auto 40px;
 box-sizing:border-box;
}

section#ownerpage div.profArea {
display:none;
}


section#ownerpage div.profArea p {
 background:url(../images/icon_prof.gif) no-repeat left;
 background-size:20px;
 padding:0 0 0 30px;
 text-align:left;
 font-size:1.2em;
}

section#ownerpage h1 {
border-left:solid 3px #71A1C9;
border-bottom:solid 1px #71A1C9;
}

section#ownerpage .subscMessage {
  margin-bottom: 20px;
  padding: 12px 12px 12px 40px;
  background:url(../images/icon_infoblue.svg) no-repeat center left 12px;
  border: 1px solid #71A2CA;
  border-radius: 4px;
  color: #71A2CA;
  font-size: .9em;
  line-height: 1.4;
}

.ownerpageArea ul li {
 list-style:none;
 margin:0 0 30px;
 width:100%;
 text-align:left;
 font-size: var(--text-font-size);
}

.ownerpageArea ul li.approval-method {
  margin: 0 0 20px;
}

.ownerpageArea ul li .item .notice {
  margin-bottom: 20px;
  line-height: 1.6;
  font-size: 0.8em;
}

.ownerpageArea ul li .item .option {
  display: inline-flex;
}

.ownerpageArea ul li .item .option .label {
  margin-right: 20px;
  line-height: 48px;
}

.ownerpageArea ul.many-child li { 
  margin:0 0 10px;
}

.ownerpageArea ul.many-child:last-child {
  margin-bottom: 30px;
}

.ownerpageArea div.tentative-setting {
  margin-top: 30px;
}

.ownerpageArea div.tentative-setting p.title {
  margin-bottom: 20px;
}

.ownerpageArea ul.items:not(.-show-term-date) li:nth-child(2) {
  margin: 0;
}

.ownerpageArea ul.items:not(.-show-term-date) li.term-date {
  margin: 0;
  display: none;
}

.ownerpageArea ul.items.-show-term-date li.term-date {
  margin-bottom: 30px;
}

.ownerpageArea ul.items.-show-term-date li.term-date {
  display: block;
}

.ownerpageArea ul li .subscription:not(:last-child) {
  margin-bottom: 20px;
}

.ownerpageArea ul li .subscription {
  margin-left: 16px;
}

.ownerpageArea ul li .subscription dd {
  width: 710px;
  line-height: 1.4;
}
  
.ownerpageArea ul li .subscription dd .message {
  margin-top: 4px;
  font-size: 0.8em;
  line-height: 1.6;
}
  
.ownerpageArea ul li .subscription .price {  
  font-weight: bold;
}

.ownerpageArea ul li .subscription .price .tax {  
  font-weight: normal;
}

.ownerpageArea ul li.reservation-limit dl.subscription p.example {
  margin-top: 10px;
  line-height: 1.4;
}

.ownerpageArea ul li.reservation-limit dl.subscription .notice,
.ownerpageArea ul li.reservation-limit dl.subscription p.example {
  font-size: 0.8em;
}

.ownerpageArea ul li.reservation-limit dl.subscription dt.title,
.ownerpageArea ul li.reservation-limit dl.subscription dd.options {
  display: block;
  width: 100%;
}

.ownerpageArea ul li.reservation-limit dl.subscription dd.options {
  margin-top: 5px;
}

.ownerpageArea ul li.reservation-limit dl.subscription dd.options div.inline-radio,
.ownerpageArea ul li.reservation-limit dl.subscription dd.options div.times {
  display: inline-block;
}

.ownerpageArea ul li.reservation-limit dl.subscription dd.options div.times {
  margin-left: 50px;
}

.ownerpageArea ul li.reservation-limit dl.subscription dd.options .label {
  margin-left: 50px;
}

.ownerpageArea ul li.reservation-limit dl.subscription dd.options .time {
  width: 70px;
}

.ownerpageArea ul li.reservation-limit dl.subscription dd.options .time:disabled {
  background-color: #eeeeee;
}
.ownerpageArea ul li.users dl {
  display: flex;
}
.ownerpageArea ul li.users dl dt {
  margin-top: 12px;
}
.ownerpageArea ul li.users dl dd {
  display: flex;
  column-gap: 10px;
  flex-wrap: wrap;
}
.ownerpageArea ul li.users dl dd .type02 {
  width: calc(100% - 80px);
}
.ownerpageArea ul li.users dl dd .btn_gray01 {
  width: 70px;
}

.ownerpageArea .easy-select-box.list-users {
  display: none;
}
.ownerpageArea .easy-select-box.list-users .esb-dropdown {
  top: 5px;
	display: block;
	background: #fff;
  border-radius: 2px;
	width: 100%;
}
.ownerpageArea .easy-select-box .esb-dropdown .esb-item {
  margin: 0;
  padding:10px 12px;
  text-align: left;
  cursor: pointer;
  border: 1px solid #ccc;
  border-bottom: unset;
}
.ownerpageArea .easy-select-box .esb-dropdown .esb-item:last-child {
  border-bottom: 1px solid #ccc;
}
.ownerpageArea .easy-select-box .esb-dropdown .esb-item:hover {
  background: #e4f2ff;
  border: #e4f2ff;
  color: #000;
}

.ownerpageArea .reservation-limit .select2-container--default.select2-container--disabled .select2-selection--single {
  margin: -11px -1px 0 -6px;
  height: 48px;
  padding: 10px 0 0 5px;
  position: relative;
  vertical-align: middle;
  background: #f3f3f3 url(../images/select_arrow.png) no-repeat right;
  border: solid 1px #dfdfdf;
  border-radius: 5px 0 0 5px;
  font-size: 1em;
  background-color: #eeeeee !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 1em;
}

.ownerpageArea .reservation-limit .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
  color: #5c5c5c;
}

.ownerpageArea #transfer_method + .select2-container--default.select2-container--disabled .select2-selection--single {
  background: #ccc;
  margin-top: -10px;
  margin-left: -6px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  width: 258px;
  height: 47px;
}

.ownerpageArea ul li .subscription.-desc dt {
  vertical-align: top;
}

.ownerpageArea ul li .subscription.-desc dd textarea.textarea {
  min-height: 100px;
}
  
.ownerpageArea ul li .subscription.-desc {  
  font-size: 0.9em;
}

#cancelpolicy .ownerpageArea ul li dl {
 padding-bottom:20px;
 margin-bottom:10px;
 text-align:left;
 border-bottom:solid 1px #ccc;
} 

#cancelpolicy .ownerpageArea ul li dl {
 display:table;
 width:100%;
 text-align:left;
}

#cancelpolicy .ownerpageArea ul li dl dt {
 display:table-cell;
 width:50%;
 float:inherit;
 padding:10px 0;
 margin:0;
 box-sizing:border-box;
}

#cancelpolicy .ownerpageArea ul li dl dd {
 display:table-cell;
 width:auto;
 float:inherit;
 padding:0px;
 box-sizing:border-box;
} 

#cancelpolicy .ownerpageArea ul li dl dd:last-child {padding:0;width:100px;}


#cancelpolicy ul.ownerPage li button.ownNavIco01 {margin-right:0;}

#cancelpolicy .ownerpageArea ul li h2 {
 font-weight:bold;
}

#editpolicy section#ownerpage div.leftArea div {margin-bottom: 20px;}

#editpolicy section#ownerpage div.leftArea div.description-text p {line-height: 20px;}

#editpolicy section#ownerpage div.leftArea div.policy-list {padding-left: 20px; display: none;}

#editpolicy section#ownerpage div.leftArea div.policy-list li {display: flex;}

#editpolicy section#ownerpage div.leftArea div.policy-list p {display: inline-block;}

#editpolicy section#ownerpage div.leftArea div.policy-list p.day {width: 40%; margin-left: 20px;}

#editpolicy section#ownerpage div.leftArea div.cancel-policy-radio {line-height: 40px;}

#editpolicy section#ownerpage div.leftArea div.policy-notice {
  display: none;
}

#editpolicy section#ownerpage div.leftArea p.notice-cancel-fee {
  background-image: url(../svg/info-circle.svg);
  background-position: left;
  background-size: 20px;
  line-height: 20px;
  background-repeat: no-repeat;
  padding-left: 40px;
  margin-left: 20px;
}

#cancelpolicy .ownerPage li .btnArea {text-align:right;}

body#property-edit #auto-open-setting,
body#property-add #auto-open-setting{
   margin-bottom:20px;
}

body#property-edit #auto-open-setting h3,
body#property-edit #auto-close-setting h3,
body#property-add #auto-open-setting h3,
body#property-add #auto-close-setting h3
{
  margin-bottom:10px;
}
body#property-edit #auto-open-setting .type02,
body#property-edit #auto-close-setting .type02,
body#property-add #auto-open-setting .type02,
body#property-add #auto-close-setting .type02
{
  margin-bottom:10px;
}

/* ビル管理者支払い設定 */
body#shiharaisettei .yoyakuDateText {
 display:inline-block;
 width:150px;
 text-align:center;
}
body#shiharaisettei textarea {
 margin: 0;
}

/* ビル管理者会議室編集 */
body#heyahensyu .heyahenBlock {
 margin: 0 auto 60px;
 font-size: var(--text-font-size);
}

body#heyahensyu .heyahenBlock .spaceUsageTime .minimum,
body#heyahensyu .heyahenBlock .spaceUsageTime .maximum {
  margin-bottom: 30px;
}

body#heyahensyu .heyahenBlock .spaceUsageTime .select2 {
  margin-left: 20px;
}

body#heyahensyu .heyahenBlock .spaceUsageTime .reserveSet {
  margin-top: 5px;
}

body#heyahensyu .heyahenBlock .spaceUsageTime .note {
  line-height: 1.4em;
  margin-left: 100px;
}

body#heyahensyu .heyahenBlock h2 {
 border:solid 1px #eee;
 padding:10px;
 font-size:1.6em;
 font-weight:100;
 margin:0 0 20px;
}

body#heyahensyu .heyahenBlock .ownerPage li {
 margin:0 0 10px;
}
body#heyahensyu .heyahenBlock .ownerPage li.-reservableTimeSetting p.note {
  margin-bottom: 20px;
}

body#heyahensyu .heyahenBlock .ownerPage li.type02.-weektype {
  margin: 0 0 0 5px;
}
body#heyahensyu .heyahenBlock .ownerPage li.type02 .lottery {
  margin-right: 25px;
}

body#heyahensyu .heyahenBlock p.textArea {
 line-height:1.4em;
}
body#heyahensyu .heyahenBlock p.textArea.-business-hours {
  padding: 20px 0 10px;
}

body#heyahensyu .heyahenBlock ul.ownerPage p.note {
  line-height:1.4em;
}

body#heyahensyu .heyahenBlock ul.ownerPage p.note.-reservableTimeSetting {
  margin-bottom: 20px;
}

body#heyahensyu .reserveSet ul.ownerPage li p.note {
  font-size: 13px;
  margin: 5px 10px;
}

body#heyahensyu ul.bihinList {
 width:100%;
 margin:0 auto 20px;
}

body#heyahensyu ul.bihinList li {
 width:100%;
 margin:0!important;
 padding:0;
 box-sizing:border-box;
 border-bottom:solid 1px #fff;
}

body#heyahensyu ul.bihinList li dl {display:table;width:100%;}
body#heyahensyu ul.bihinList li dl dt,
body#heyahensyu ul.bihinList li dl dd {
 display:table-cell;
 border-right:dashed 1px #fff;
 padding:10px;
 box-sizing:border-box;
 vertical-align:top;
 word-wrap: break-word;
 line-height:21px;
}

body#heyahensyu ul.bihinList li dl dt button {
 text-align: center;
 border:1px solid #afafaf;
 color: #333;
 margin:0 auto;
 font-size: var(--text-font-size);
 box-sizing: border-box;
 background: #eee;
 padding: 1px 5px;
}
body#heyahensyu ul.bihinList li dl dt {width:35%;word-break:break-word;}
body#heyahensyu ul.bihinList li dl dd:nth-child(2) {word-break:break-word;}
body#heyahensyu ul.bihinList li dl dd:nth-child(3) {width:13%;text-align:center;}
body#heyahensyu ul.bihinList li dl dd:nth-child(4) {width:18%;text-align:right;}
body#heyahensyu ul.bihinList li dl dd:last-child {border-right:none;}

body#heyahensyu ul.bihinList#room_options li:first-child {background-color:#71A1C9;}
body#heyahensyu ul.bihinList#room_options li:first-child dl dt,
body#heyahensyu ul.bihinList#room_options li:first-child dl dd {color:#ffffff;}
body#heyahensyu ul.bihinList#room_options li dl {table-layout: fixed;}
body#heyahensyu ul.bihinList#room_options {
  font-size: var(--text-font-size);
}
body#heyahensyu ul.bihinList#room_options li dl dt {
  width:10%;
  text-align:center;
  font-size: var(--text-font-size);
}
body#heyahensyu ul.bihinList#room_options li dl dd {
  font-size: var(--text-font-size);
}
body#heyahensyu ul.bihinList#room_options li dl dd:nth-child(2) {width:30%;text-align:center;}
body#heyahensyu ul.bihinList#room_options li dl dd:nth-child(3) {width:30%;text-align:center;}
body#heyahensyu ul.bihinList#room_options li dl dd:nth-child(4) {width:12%;text-align:center;}
body#heyahensyu ul.bihinList#room_options li dl dd:last-child {width:18%;text-align:center;border-right:none;}
body#heyahensyu ul.bihinList#room_options li dl dt .removebtn {
 padding: 5px 10px;
 height: auto;
 border: none;
 border-radius: 3px;
 background-color: #a1acbd;
 color: #ffffff;
}
body#heyahensyu ul.bihinList#room_options li dl dd input,
body#heyahensyu ul.bihinList#room_options li dl dd select {
 width: 100%;
 box-sizing: border-box;
 border: solid 1px #DFDFDF;
 border-radius: 3px;
 padding: 5px 10px;
 font-size: var(--text-font-size);
}
body#heyahensyu ul.bihinList li dl dd select {
  height: 33px;
}
body#heyahensyu ul.bihinList#room_options li dl dd:nth-child(4) input,
body#heyahensyu ul.bihinList#room_options li dl dd:nth-child(5) input {
 width: calc(100% - 20px);
}
body#heyahensyu ul.bihinList#room_options li dl dd input.-error {
 border-color: #d20100;
 background-color: #faf3f2;
}
body#heyahensyu ul.bihinList#room_options li dl dd input:focus {
 outline: none;
}
body#heyahensyu ul.bihinList#room_options li dl dd .error {
 text-align: left;
 color: #d20100;
 font-size: 12px;
}

body#heyahensyu .basePrice30Container,
body#heyahensyu .maxPrice30Container {
 margin-left: 5px;
}
body#heyahensyu .basePrice60Container {
 margin-top: 20px;
 margin-left: 5px;
}
body#heyahensyu .basePrice30Container dt,
body#heyahensyu .maxPrice30Container dt,
body#heyahensyu .basePrice60Container dt {
 display: inline-block;
 width: 80px;
 font-size: var(--text-font-size);
}
body#heyahensyu .basePrice30Container dd,
body#heyahensyu .maxPrice30Container dd,
body#heyahensyu .basePrice60Container dd {
 display: inline-block;
 font-size: var(--text-font-size);
}
body#heyahensyu .basePrice30Container .basePrice30,
body#heyahensyu .maxPrice30Container .maxPrice30,
body#heyahensyu .basePrice60Container .basePrice60 {
 display: inline-block;
 width: 100px;
 padding: 0 0 0 10px;
 font-size: 1em;
}
body#heyahensyu .maxPriceNote {
 margin-top: 20px;
 line-height: 16px;
}
body#heyahensyu .chargeHourWeekNote {
  margin: 20px 0 10px;
  line-height: 16px;
}
.reservation-price-list {
  margin: 20px 0 0 5px;
}
.reservation-price-list > .item {
  margin: 0 0 20px;
}
.reservation-price-list > .item > .title {
  display: inline-block;
  width: 90px;
}
.reservation-price-list > .item > .price {
  display: inline-block;
  width: 100px;
}

body#heyahensyu .priceTsuika {
 width:100%;
 box-sizing:border-box;
 padding:10px 10px 0;
 border:solid 1px #eee;
 border-radius:10px;
 margin:0 auto 20px;
 position:relative;
}
body#heyahensyu .priceTsuika li {
 display: inline-block;
 margin:0 10px 10px 0;
 width: auto;
}
body#heyahensyu .priceTsuika li input {
 height: 40px;
}
body#heyahensyu .priceTsuika li.type02 .select2-container {
 height: 40px;
 padding-top: 6px;
}
body#heyahensyu .priceTsuika li .discount {
 width: 120px;
}
body#heyahensyu .priceTsuika li.buttons {
 float: right;
}
body#heyahensyu .priceTsuika li.buttons button {
 height: 40px;
 line-height: 40px;
 padding: 0 10px;
 width: 84px;
 text-align: center;
}
body#heyahensyu .priceTsuikaByWeek li .discount,
body#heyahensyu .priceTsuikaByMonth li .discount,
body#heyahensyu .priceTsuikaByDay li .discount {
 margin-left: 5px;
}
body#heyahensyu .priceList {
 width: 100%;
 font-size: var(--text-font-size);
}
body#heyahensyu .priceList tr:nth-child(even) {
 background: #E2ECF5;
}
body#heyahensyu .priceList tr:nth-child(odd) {
 background: #D4E2F0;
}
body#heyahensyu .priceList tr td {
 padding: 10px;
 line-height: 21px;
}
body#heyahensyu .priceList tr td:first-child {
 width: 50px;
 padding-right: 0;
}
body#heyahensyu .priceList tr td:last-child {
 text-align: right;
 width: 140px;
 border-left: dashed 1px #fff;
}
body#heyahensyu .priceList .deleteButton {
 text-align: center;
 border: 1px solid #afafaf;
 color: #333;
 margin: 0 auto;
 font-size: var(--button-font-size);
 box-sizing: border-box;
 background: #eee;
 padding: 1px 5px;
}

body#heyahensyu .bihinLayoutTsuika {
 width:100%;
 box-sizing:border-box;
 padding:10px 10px 0;
 border:solid 1px #eee;
 border-radius:10px;
 margin:0 auto 20px;
 position:relative;
}
body#heyahensyu .bihinLayoutTsuika li {
 float:left;
 margin:0 10px 10px 0;
}
body#heyahensyu .bihinLayoutTsuika li:nth-child(3) {
 width:100%;
}
body#heyahensyu .bihinLayoutTsuika li:nth-child(3) label {
 padding:0;
 margin:0;
}
body#heyahensyu .bihinLayoutTsuika li:nth-child(3) .btnArea {
 width:auto;
 display:inline-block;
 padding:0;
}
body#heyahensyu .bihinLayoutTsuika li:nth-child(3) #btnLayoutImage {
 display:inline-block;
 height: 40px;
 line-height: 40px;
 padding: 0 10px;
 margin: 0 10px 0 0;
 vertical-align: bottom;
}
body#heyahensyu .bihinLayoutTsuika li:nth-child(3) #layoutImageName {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 width: 60%;
 display: inline-block;
 line-height:40px;
}
body#heyahensyu .bihinLayoutTsuika li:nth-child(4) {
 width:84px;
 position:absolute;
 bottom:0;
 right:10px;
}
body#heyahensyu .bihinLayoutTsuika li:nth-child(4) .btnArea {
 padding:0;
}
body#heyahensyu .bihinLayoutTsuika li:nth-child(4) .btnArea button {
 width:100%;
}

body#heyahensyu .bihinLayoutTsuika li input {height:40px;}
body#heyahensyu .bihinLayoutTsuika li button {
 height:40px;
 line-height:40px;
 padding:0 10px;
}


body#heyahensyu ul.bihinLayoutList {
 width:100%;
 margin:0 auto 20px;
}

body#heyahensyu ul.bihinLayoutList li {
 width:100%;
 margin:0!important;
 padding:0;
 box-sizing:border-box;
 border-bottom:solid 1px #fff;
}

body#heyahensyu ul.bihinLayoutList li dl {display:table;width:100%;}
body#heyahensyu ul.bihinLayoutList li dl dt,
body#heyahensyu ul.bihinLayoutList li dl dd {
 display:table-cell;
 border-right:dashed 1px #fff;
 padding:10px;
 box-sizing:border-box;
 vertical-align:top;
 height: 100px;
}

body#heyahensyu ul.bihinLayoutList li dl dd button {
 text-align: center;
 border:1px solid #afafaf;
 color: #333;
 margin:0 auto;
 font-size: var(--button-font-size);
 box-sizing: border-box;
 background: #eee;
 padding: 1px 5px;
}
body#heyahensyu ul.bihinLayoutList li dl.header dd {background:#71A1C9;color:#fff;height:auto;}
body#heyahensyu ul.bihinLayoutList li dl dd:nth-child(1) {word-break:break-all;}
body#heyahensyu ul.bihinLayoutList li dl dd:nth-child(2) {width:15%;word-break:break-all;}
body#heyahensyu ul.bihinLayoutList li dl dd:nth-child(3) {width:30%;background-size:contain;background-repeat:no-repeat;background-position:center center;}
body#heyahensyu ul.bihinLayoutList li dl dd:nth-child(4) {width:10%;text-align:center;}
body#heyahensyu ul.bihinLayoutList li dl dd:last-child {border-right:none;}

body#heyahensyu ul.bihinLayoutList#room_layouts li:first-child {background-color:#71A1C9;}
body#heyahensyu ul.bihinLayoutList#room_layouts li dl {table-layout: fixed;}
body#heyahensyu ul.bihinLayoutList#room_layouts li dl dt,
body#heyahensyu ul.bihinLayoutList#room_layouts li dl dd {vertical-align: middle;}
body#heyahensyu ul.bihinLayoutList#room_layouts li:first-child dl dt,
body#heyahensyu ul.bihinLayoutList#room_layouts li:first-child dl dd {color:#ffffff;height:auto;}
body#heyahensyu ul.bihinLayoutList#room_layouts li dl dt {width:10%;text-align:center;}
body#heyahensyu ul.bihinLayoutList#room_layouts li dl dd:nth-child(2) {width:30%;text-align:center;}
body#heyahensyu ul.bihinLayoutList#room_layouts li dl dd:nth-child(3) {width:15%;text-align:center;}
body#heyahensyu ul.bihinLayoutList#room_layouts li dl dd:nth-child(4) {width:35%;text-align:center;}
body#heyahensyu ul.bihinLayoutList#room_layouts li dl dd:last-child {width:10%;text-align:center;border-right:none;}
body#heyahensyu ul.bihinLayoutList#room_layouts li dl dt .removebtn {
 padding: 5px 10px;
 height: auto;
 border: none;
 border-radius: 3px;
 background-color: #a1acbd;
 color: #ffffff;
}
body#heyahensyu ul.bihinLayoutList#room_layouts li dl dd input {
 width: 100%;
 box-sizing: border-box;
 border: solid 1px #DFDFDF;
 border-radius: 3px;
 padding: 5px 10px;
}
body#heyahensyu ul.bihinLayoutList#room_layouts li dl dd:nth-child(3) input {
 width: calc(100% - 20px);
}
body#heyahensyu ul.bihinLayoutList#room_layouts li dl dd:nth-child(5) input {
 width: auto;
}
body#heyahensyu ul.bihinLayoutList#room_layouts li dl dd input.-error {
 border-color: #d20100;
 background-color: #faf3f2;
}
body#heyahensyu ul.bihinLayoutList#room_layouts li dl dd input:focus {
 outline: none;
}
body#heyahensyu ul.bihinLayoutList#room_layouts li dl dd .error {
 text-align: left;
 color: #d20100;
 font-size: 12px;
}





body#heyahensyu ul.heyaPriceList {
 width:100%;
 margin:0 auto 20px;
}

body#heyahensyu ul.heyaPriceList li {
 width:100%;
 margin:0!important;
 padding:0;
 box-sizing:border-box;
 border-bottom:solid 1px #fff;
}

body#heyahensyu ul.heyaPriceList li dl {display:table;width:100%;}
body#heyahensyu ul.heyaPriceList li dl dt,
body#heyahensyu ul.heyaPriceList li dl dd {
 display:table-cell;
 padding:10px;
 box-sizing:border-box;
 vertical-align:middle;
}

body#heyahensyu ul.heyaPriceList li dl dt {width:70%;}
body#heyahensyu ul.heyaPriceList li dl dd {width:30%;text-align:right;}
body#heyahensyu ul.heyaPriceList li dl dd input {
 max-width:100px;
 height:30px;
} 

body#heyahensyu .heyahenBlock ul.ownerPage.purposeList li {
 width:45%;
 display:inline-block;
 vertical-align: top;
 margin: 0 5px 5px;
}

body#heyahensyu ul li input[type="radio"] {
  margin: 0 5px 5px 0;
}

body#heyahensyu .ownerReserve {
  margin-top: 10px;
}

body#heyahensyu .business-hours,
body#heyahensyu .reserveSheet,
body#heyahensyu .exceptSet,
body#heyahensyu .buffer-setting,
body#heyahensyu li.-reservableTimeSetting {
  display: none;
}












/* フォームスタイル */
.ownerPage input[type=text],
.ownerPage input[type=email],
.ownerPage input[type=password],
#ownerpage .itemsDetail input[type=text]{
 width:100%;
 height:40px;
 border:solid 1px #DFDFDF;
 border-radius:5px;
 padding:0 0 0 10px;
 box-sizing:border-box;
 font-size:var(--text-font-size);
 line-height:40px;
}

.ownerPage #LessorParentLessorParentName {
  width: 270px;
} 

.ownerPage #lessor_parent_status {
  width: 660px;
}

.ownerPage #lessor_parent_status .select2-container {
  height:46px;
  font-size: 16px;
  font-weight: 550;
  padding: 0 0 0 5px;
  border: 1px solid #DFDFDF;
  border-radius: 3px;
  align-content: center;
  background:#f3f3f3;
}

.ownerPage #lessor_parent_status .select2-container:after {
  content: '';
  position: absolute;
  width: 5px;
  height: 4.5px;
  top: 18px;
  right: 8px;
  transform: rotate(-45deg);
  border-bottom: 2px solid #666;
  border-left: 2px solid #666;
}

.ownerPage input[type=text]:disabled {
  background: #d9d9d9;
}

/* チェックボックス */
.checkboxArea{line-height:30px;}
.ownerPage input[type="checkbox"],
.checkboxArea input[type="checkbox"] {
 /*position:absolute;
 top:50%;*/
 margin-right:-30px;
 opacity: 0;
 width: 30px;
 height:30px;
 cursor:pointer;
}
.ownerPage input[type="checkbox"]:disabled,
.checkboxArea input[type="checkbox"]:disabled {
 cursor:default;
}
.ownerPage input[type="checkbox"] + label,
.checkboxArea input[type="checkbox"] + label {
 display:inline-block;
 width:30px;
 height:30px;
 background-image: url(../images/check_off.png);
 background-size: 30px;
 background-position: left center;
 background-repeat: no-repeat;
 padding:0px;
 margin-right:10px;
}
.checkboxArea ul {
 list-style-type:none;
}
.checkboxArea ul li {
 display: inline-block;
 margin-right: 30px;
}

/* キャンセルリストチェックボックス */
ul.cancelList .checkboxArea input[type="checkbox"] {
 width: 50px;
 height:50px;
}
ul.cancelList .checkboxArea input[type="checkbox"] + label {
 width:50px;
 height:50px;
 background-size: 50px;
}

.ownerPage input[type="checkbox"]:checked + label,
.checkboxArea input[type="checkbox"]:checked + label {
 background-image: url(../images/check_on.png);
}

.ownerPage .checkboxArea {
 font-size: var(--text-font-size);
 line-height:30px;
}
.ownerPage .chooseMinute {
  margin-left: 45px;
  margin-bottom: 25px;
}
.ownerPage .helperText {
 margin-top:10px;
 font-size: 0.9em;
 line-height: 1.4em;
}

.ownerPage li.checkboxArea ul.select_creaditcard p.warning-check-credit {
 display: none;
 margin-top: 10px;
 font-size: 11px;
}

.ownerPage li .btnArea {
 width:500px;
 text-align:center;
}

.ownerPage li .imgArea {
  text-align:center;
}

.ownerPage li .imgArea .btnArea {
 width: 100%;
}

.ownerPage li .action .btnArea {
  width: 100%;
  text-align: left;
}

.imgArea img {
 border:solid 1px #eee;
}
.imgArea .btn_gray01 {
 padding:0px 20px;
 margin:10px auto 0;
}

.ownerPage dl dt {
 width: 180px;
 line-height: 1.4em;
 text-align: left;
 display: table-cell;
 box-sizing: border-box;
 padding-right: 20px;
 font-size: var(--label-font-size);
}

.ownerPage dl dd {
 text-align:left;
 display:table-cell;
 box-sizing:border-box;
 width:700px;
 font-size: var(--text-font-size);
}

.ownerPage dl dd .note {
  font-size: var(--description-font-size);
}

.ownerPage dl dd.action {
 width: 300px;
 text-align:left;
}

.ownerPage .content .description {
  margin-bottom: 30px;
}

.ownerPage .content .description .text {
  font-size: var(--description-font-size);
  line-height: 1.4em;
}

.ownerPage dl dd input.-error {
  border-color: #d40000;
}

.ownerPage dl dd .message.-error {
  display: none;
  color: #d40000;
  padding-top: 5px;
  font-size: var(--description-font-size);
  line-height: 1.3;
}

.ownerPage li div.veritrans-info,
.ownerPage li div.creditcard-brands {
 font-size: 85%;
}

.ownerPage li div.veritrans-info dl.veritrans-header,
.ownerPage li div.creditcard-brands dl.creditcard-brand-header {
 margin-bottom: 20px;
 margin-top: 20px;
}

.ownerPage li div.veritrans-info dl.veritrans-header dt.veritrans-title,
.ownerPage li div.creditcard-brands dt.creditcard-brand-title {
 min-width: 200px;
 font-weight: bold;
}

.ownerPage li div.veritrans-info .requiredMark.hidden,
.ownerPage li.stripe-info .requiredMark.hidden {
 display: none;
}

.ownerPage li div.veritrans-info p.error-message,
.ownerPage li.stripe-info p.error-message {
 display: none;
 font-size: 11px;
}

.ownerPage li div.veritrans-info dl dt {
 min-width: 175px;
}

.ownerPage li div.veritrans-info dl dd {
 width:635px;
}

.ownerPage li div.veritrans-info dl,
.ownerPage li div.creditcard-brands dl {
 margin-left:25px;
}

.ownerPage dl dd .select2-container {width:200px;}


.ownerPage dl.col2form dd {width:150px;}
.ownerPage dl.col2form dd .select2-container {width:100%!important;}

#ownerpage .formBlock {
 margin: 0 auto 30px;
 font-size:0.8em;
}
#ownerpage .formBlock h2 {
 border:solid 1px #eee;
 padding:10px;
 font-size:1.6em;
 font-weight:100;
 margin:0 0 20px;
}
#ownerpage .formBlock .textArea {
 padding:0 0 10px;
 font-size:0.9em;
}
#ownerpage .formBlock .formBlockSub {
 border-bottom:dotted 1px #ddd;
 padding-bottom:15px;
}
#ownerpage .formBlock .formBlockSub:last-child {
 border-bottom:none;
}
#ownerpage .formBlock .formBlockSub h3 {
 font-size: var(--label-font-size);
 font-weight: bold;
 margin:20px 0 15px;
}

.reserveSet h2 {
 font-size:1.4em;
 font-weight:100;
 box-sizing:border-box;
 margin:0 auto 20px;
}

.reserveSet .textArea {
  margin: 0 0 10px;
  padding: 0;
  font-size: var(--description-font-size);
  line-height:1.4em;
}
.reserveSet .textArea.-note, 
.heyahenBlock .reserveSet .textArea.-note {
  margin: 20px 0 0;
}
.reserveSet .bufferSetting {
  display: flex;
}
.reserveSet .bufferSetting.-room {
  flex-wrap: wrap;
}
.reserveSet .bufferSetting .type02 {
  margin-right: 20px;
}

.heyahenBlock .reserveSet .textArea {
  margin: 0 0 10px;
  padding: 0;
  font-size: 12.8px;
  line-height:1.4em;
}






.reserveSheet {
 width:502px;
 border:solid 1px #eee;
 border-bottom:none;
 padding:0;
 margin:0 0 40px;
}

.reserveSheet ul li {
 width:100%;
 margin:0;
 border-bottom:solid 1px #eee;
}
.reserveSheet ul li p.week,
.reserveSheet ul li p.time,
.reserveSheet ul li p.delete {
 display:table-cell;
 height:50px;
 box-sizing:border-box;
 vertical-align:middle;
}

.reserveSheet ul li p.week {
 width:50px;
 font-size:1.2em;
 text-align:center;
 border-right:solid 1px #eee;
}
.reserveSheet ul li p.time {
 width:400px;
 padding-left:10px;
 color:#67ADAC;
}
.reserveSheet ul li p.delete button {
 width:30px;
 height:30px;
 background:url(../images/btn_delete.gif) no-repeat top;
 background-size:30px;
 border:none;
 outline:none;
 text-indent:-99999px;
}
.reserveSheet .closeArea {
 background:#F2F2F2;
 width:500px;
}
.reserveSheet .closeArea p.time {color:#ccc;}


.ownerReserve {
 border:solid 1px #eee;
 padding:20px;
 box-sizing:border-box;
 margin:0 auto 10px;
}
.ownerReserve li {
 display: inline-block;
 vertical-align:bottom;
 margin: 0 0 10px 0!important;
}
.ownerReserve li span.text {
 display:block;
 font-size:0.8em;
 margin-bottom:5px;
}
body#heyahensyu .business-hours .ownerReserve li span.text,
body#heyahensyu .exceptSet .ownerReserve li span.text {
  font-size: 1em;
}

.ownerReserve li .btnArea .btn_blue02 {
 padding:0 20px;
 height:30px;
 line-height:30px;
 line-height:30px;
 font-size:var(--button-font-size);
}
body#heyahensyu .business-hours .ownerReserve li .btnArea .btn_blue02,
body#heyahensyu .exceptSet .ownerReserve li .btnArea .btn_blue02 {
  font-size: 1em;
}

.ownerLimit {
 border:solid 1px #eee;
 padding:20px;
 box-sizing:border-box;
 margin:0 auto 10px;
}

.ownerLimit li {
 display:table-cell;
 vertical-align:middle;
 padding-right:20px;
 box-sizing:border-box;
}
.ownerLimit li:nth-child(1) {width:20%!important;}
.ownerLimit li:nth-child(2) {width:40%!important;}
.ownerLimit li:nth-child(3) {width:40%!important;}



.ownerReserve p.textArea {font-size:0.8em;line-height:1.4em;}
.ownerReserveWeeks li:nth-child(1) {width:110px;}
.ownerReserveWeeks li:nth-child(2) {width:250px;}
.ownerReserveWeeks li:nth-child(3) {width:80px; padding-top:20px;}

.ownerReserveLimit {width:100%;}


.ownerReserveWeeks input {
 width:90px;
 height:30px;
 line-height:30px;
}

.ownerReserveOthers input {
 width:90px;
 height:30px;
 line-height:30px;
}
.ownerReserveOthers input.date {
 width:130px;
 height:30px;
 line-height:30px;
}
.ownerReserveOthers li:nth-child(1) {width:140px;}
.ownerReserveOthers li:nth-child(2) {width:215px;}
.ownerReserveOthers li:nth-child(3) {width:250px;}
.ownerReserveOthers li:nth-child(4) {width:80px; padding-top:20px;}
.reserveSet,
.exceptSet {
 margin: 0 auto 40px;
 font-size: var(--text-font-size);
}
.exceptSet h2.subtitle {
 color: #ff0000;
 font-size: 1.2em;
 font-weight: 100;
 margin: 0 auto 5px;
}
#property-edit .exceptSet p.textArea {
  font-size: var(--description-font-size);
  line-height: 1.4em;
}
.reserveContents {
 width:100%;
 margin:0 auto 40px;
}
.reserveContents h2.subtitle,
.exceptSet h2.subtitle,
.reserveSet h2.subtitle {
  font-weight: 100;
  margin: 0 auto 5px;
  font-size: var(--subtitle-font-size);
}

.reserveContents h3.subtitle,
.exceptSet h3.subtitle,
.reserveSet h3.subtitle {
  font-weight: 100;
  margin: 0 auto 5px;
  font-size: var(--label-font-size);
}

.reserveContents .note,
.exceptSet .note,
.reserveSet .note {
 font-size: var(--description-font-size);
}

.reserveContents textarea {
 width:100%;
 min-height:200px;
 border:solid 1px #eee;
 border-radius:20px;
 font-size:1em;
 padding:10px;
 box-sizing:border-box;
}



.fileContents {
 width:100%;
 margin:0 auto 20px;
}
.ownerPage .fileArea {
 width:100%;
 text-align:left;
}
.ownerPage .fileArea a {color:#3B66D9;}
.ownerPage .fileArea .btnArea {text-align:left;margin-top:10px;}
.ownerPage .fileArea .btnArea button {
 display:inline-block;
 margin:0 10px 0 0;
 width:180px;
 height:40px;
 font-size:1em;
}


.reserveContents02 {
 width:100%;
 margin:0 auto 40px;
}
.reserveContents02 h2 {
 font-size:1.1em;
 font-weight:100;
 margin:0 auto 5px;
}
.reserveContents02 input {
 color:#3B66D9;
}


.ownerpageArea .confirm {
 width:100%;
 padding:20px 0 40px;
 text-align:center;
}
.ownerpageArea .confirm button {
 height:40px;
 margin:0 10px;
 display:inline-block;
}
.ownerpageArea .confirm button.btn_gray01 {width:80px;}
.ownerpageArea .confirm button.btn_gray02 {width:80px;}
.ownerpageArea .confirm button.btn_blue02 {width:200px;}




.ownerCol2Area {
 width:100%;
 margin:0 auto 40px;
}

.ownerCol2Area .ownerLeftArea {
 background:#f2f2f2;
 border:solid 1px #eee;
 margin-bottom: 20px;
}

.ownerCol2Area .ownerRightArea {
 width:100%;
 margin:0 auto ;
}

.ownerCol2Area .ownerLeftArea img {width:100%;margin:0 auto 10px;}

.ownerCol2Area .ownerLeftArea p.detailTxt {
 padding:0 10px 10px;
 font-size: var(--label-font-size);
 word-wrap:break-word;
 line-height:1.4em;
}
.ownerCol2Area .ownerLeftArea p.detailTxt span {
 background:#fff;
 border:solid 1px #eee;
 padding:6px 8px;
 display:inline-block;
 margin:0 0 5px;
}

.ownerCol2Area .ownerLeftArea p.detailTxt a {color:#3B66D9;}

.ownerCol2Area ul.ownNav,
.ownListArea ul.ownNav {
 list-style:none;
}
.ownerCol2Area ul.ownNav li {
 width:48%;
 float: left;
 margin:0 auto 20px;
}
.ownListArea ul.ownNav li.subscription {
  margin-top: 12px;
}
.ownerRightArea ul.ownNav li:nth-child(odd) {float:left;}
.ownerRightArea ul.ownNav li:nth-child(even) {float:right;}


.ownerRightArea ul.ownNav li.openCloseArea {padding:25px 0;}


.ownerCol2Area ul.ownNav li a,
.ownListArea ul.ownNav li a {
 display: block;
 width:100%;
 height: 40px;
 text-align: center;
 border-radius: 5px;
 padding:0;
 font-size: var(--button-font-size);
 line-height:40px;
 color: #333;
 box-sizing: border-box;
 background:#e6e6e6;
}

.ownListArea ul.ownNav li .user-view-schedule, .owner-view-schedule {
  background: #71A1C9 !important;
  color: #fff !important;
}

.ownerRightArea a.ownOpen {
 display:block;
 width:140px;
 height:140px;
 background:#fff url(../images/btn_open02.png) no-repeat top;
 margin:20px auto 40px;
 box-shadow:none;
 background-size:100%;
}
.ownerRightArea a.ownClose {
 display:block;
 width:140px;
 height:140px;
 background:#fff url(../images/btn_close02.png) no-repeat top;
 margin:20px auto 40px;
 box-shadow:none;
 background-size:100%;
}

.ownListArea {
 margin:0 auto 20px;
}

.ownListArea.-index-admin {
  margin: auto;
}

.ownerCol2Area ul.ownNav li a span {
 display:inline-block;
 height:30px;
 line-height:30px;
 background-size:30px;
 padding:0 0 0  30px;
 font-size: var(--button-font-size);
}
.ownerRightArea ul.ownNav li a.ownNavIco01 span {background:url(../images/own_ico01.png) no-repeat left;}
.ownerRightArea ul.ownNav li a.ownNavIco02 span {background:url(../images/own_ico02.png) no-repeat left;}
.ownerRightArea ul.ownNav li a.ownNavIco03 span {background:url(../images/own_ico03.png) no-repeat left;}
.ownerRightArea ul.ownNav li a.ownNavIco04 span {background:url(../images/own_ico04.png) no-repeat left;}
.ownerRightArea ul.ownNav li a.ownNavIco05 span {background:url(../images/own_ico05.png) no-repeat left;}
.ownerRightArea ul.ownNav li a.ownNavIco06 span {background:url(../images/own_ico06.png) no-repeat left;}
.ownerRightArea ul.ownNav li a.ownNavIco07 span {background:url(../images/own_ico07.png) no-repeat left;}
.ownerRightArea ul.ownNav li a.ownNavIco00 span {background:url(../svg/own_ico_block.svg) no-repeat left;}

.ownerRightArea h2,
.ownerpageArea h2 {
  font-weight: 100;
  margin-bottom: 10px;
}
.ownerpageArea h2.subject {
  font-weight: bold;
}
.ownerRightArea textarea,
.ownerpageArea textarea{
 width:100%;
 min-height:200px;
 border-radius:10px;
 border:solid 1px #dfdfdf;
 /* background:#f3f3f3; */
 margin:0 auto 20px;
 padding:10px;
 box-sizing:border-box;
 font-size: var(--text-font-size);
}

.ownerpageArea .textarea {
  height: 90px;
  min-height: 90px;
}
.ownerpageArea textarea.fitting_description,
.ownerpageArea textarea#RoomFittingDescription {
  font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}
.ownerpageArea textarea#RoomFittingDescription {
  min-height: 100px!important;
  resize: none;
}
.ownerpageArea textarea.fitting_description {
  margin-bottom: 0px;
  border-radius: 3px;
  background: #fff;
  min-height: 65px;
  width: 210px !important;
  padding-top: 5px;
  resize: none;
  font-size: var(--text-font-size);
}

.ownerpageArea li dl dd.roomType .roomTypecheckbox {
 display:inline-block;
}
.ownerpageArea li dl dd.roomType p {
  display: flex;
  align-items: baseline;
  font-size: var(--text-font-size);
  line-height: 30px;
}

.ownerpageArea li dl dd.roomType p.last {
 margin-right:-20px;
}

.ownerpageArea .formtextArea.hasLocalAreaNetwork label {
  margin: 0 15px 0 0;
}






.ownKanriBlock {
 width:100%;
 margin:0 auto 40px;
}
.ownKanriBlock h2 {
 border:solid 1px #eee;
 padding:10px;
 font-size: var(--subtitle-font-size);
 font-weight:100;
 margin:0 0 20px;
}
.ownKanriBlock ul {
 list-style:none;
 width:100%;
}
.ownKanriBlock ul li {
 width:150px;
 margin-right:20px;
 margin-bottom:20px;
 float:left;
 background:#f2f2f2;
 border:solid 1px #eee;
 font-size: var(--text-font-size);
}

.ownKanriBlock ul li .roomImg {
 padding:0;
 border-bottom:solid 1px #eee;
 height:90px;
 width:130px;
 margin:10px auto;
 background-size: contain!important;
}

.ownKanriBlock ul li .ninjaLock {
 padding:5px 10px;
 line-height:1.4em;
 font-size: var(--description-font-size);
} 
.ownKanriBlock ul li .ninjaLock strong {color:#71A1C9;}
.ownKanriBlock ul li .ninjaLock strong.alert {color:#ff0000;}

.ownKanriBlock ul li .open,
.ownKanriBlock ul li .close {
 width:100%;
 padding:10px;
 border-top:solid 1px #eee;
 background:#fff;
 text-align:center;
 white-space: nowrap;
 font-size: var(--description-font-size);
}
.ownKanriBlock ul li .open.-remote {
  font-size: var(--description-font-size);
  padding: 11px;
}
.ownKanriBlock ul li .close {color:#ff0000;}


section#ownerpage .btnArea .btn_back {
 width:120px;
 height:40px;
 line-height:40px;
 margin:0 auto;
}

.ownKanriBlock .groupmember.grouplist li dl dt .name {
  display: flex;  
  align-items: center;
}
.ownKanriBlock .groupmember.grouplist li dl dt .name .content {
  margin-right: 20px;
}
  
.ownKanriBlock .groupmember.grouplist li dl dt .status {  
  margin-left: auto;
  padding: 4px 8px;
  border: 1px solid #008000;
  border-radius: 2px;
  color: #008000;
  white-space: nowrap;
}

.ownKanriBlock .groupmember.grouplist li dl dt div .default {
  margin-left: auto;
  padding: 4px 8px;
  border: 1px solid #005c80;
  border-radius: 2px;
  color: #005c80;
  white-space: nowrap;
}

.shitentsuika ul.ownerPage li dl dt {
 width:160px;
}
.shitentsuika ul.ownerPage li dl dt.top 
{
 vertical-align: top;
}

.shitenkanri .ownListArea ul.ownNav li a {width:60%;}

.shitenkanri ul.ownerPage li {
 margin:0 auto 20px;
}
.shitenkanri ul.ownerPage li dl dt {
 width:270px;
 float:left;
}
.shitenkanri ul.ownerPage li dl dd {
 float:right;
}

.shitenkanri ul.ownerPage li dl dd button {
 display:inline-block;
 width:100px;
 height:44px;
}
.shitenkanri ul.ownerPage li button.ownNavIco01 {
width:100px;
height: 44px;
text-align: center;
border-radius: 5px;
padding: 0;
font-size: 1em;
line-height: 40px;
color: #333;
box-sizing: border-box;
background: #e6e6e6;
border:none;
outline:none;
margin-right:10px;
}
.shitenkanri ul.ownerPage li button.ownNavIco01 span {
     background: url(../images/own_ico01.png) no-repeat left;
     padding:0 0 0 30px;
}


.shitenkanri .qaSet {
 width:100%;
 background:#f2f2f2;
 border:solid 1px #e6e6e6;
 border-bottom:none;
}

.shitenkanri .qaSet h2 {
 padding:20px 10px;
 font-weight:100;
 font-size:1.4em;
}

.shitenkanri .qaSet ul {
 list-style:none;
}
.shitenkanri .qaSet li {
 border-bottom:solid 1px #e6e6e6;
}


.shitenkanri .qaSet li dl dt {
 width:100%;
 padding:10px;
 box-sizing:border-box;
 background:#A7B9C1;
 color:#fff;
} 

.shitenkanri .qaSet li dl dd {
 width:100%;
 padding:10px;
 box-sizing:border-box;
 background:#DAE7ED;
 font-size:1em;
 line-height:1.4em;
}

.shitenkanri .qaSet li dl dd .textArea {
 display:table-cell;
}
.shitenkanri .qaSet li dl dd .btnArea {
 display:table-cell;
 width:120px;
 text-align:right;
 vertical-align:middle;
}

.shitenkanri .qaSet li dl dd .btnArea .btn_gray02 {
 width:100px;
 margin:0 0 0 auto;
 padding:10px 0;
}

.lessor-parent ul.ownerPage li dl {
  display: flex;
}

.lessor-parent ul.ownerPage li dl dt {
  display: flex;
  justify-content: space-between;
  width: 460px;
  padding-right: 15px;
  float:left;
}

.lessor-parent ul.ownerPage li dl dt .status {
  width: 160px;
  color: #000;
  border-radius: 5px;
  text-align: center;
  align-content: center;
  border: solid 1px #DFDFDF;
}

/* 仮予約 管理 */
#kariyoyaku ul.ownerPage li {
 width:100%;
 padding:10px 0;
}

#kariyoyaku ul.ownerPage li label {margin-right:20px;}


/* 仮予約 */
#mypage.reserve-tentative {
  color: #222;
}
.kariyoyakuArea {
 background: #F7F7F7;
 border-radius:3px;
 box-sizing:border-box;
 padding:24px;
 margin:0 auto 20px;
 text-align:center;
}

.kariyoyakuArea h2 {
 display: flex;
 align-items: center;
 margin-bottom: 16px;
 font-size: var(--subtitle-font-size);
 font-weight:bold;
 line-height:1.2em;
 text-align:left;
} 
.kariyoyakuArea h2 .status {
  margin-left: 24px;
  padding:6px 12px;
  border-radius: 3px;
  background: #E1E9EF;
  color: #578AB7;
  font-size: var(--label-font-size);
  font-weight:normal;
  white-space: nowrap;
}

.kariyoyakuArea p.noteTxt {
 text-align:center;
 font-size:0.813em;
 line-height:1.6em;
 color:#ff0000;
 margin:0 auto 16px;
 font-weight: bold;
}

.kariyoyakuArea dl {
  background: #fff;
}
.kariyoyakuArea dl,
#boxer .kariyoyaku dl {
 width:100%;
 display:table;
 border:solid 1px #E2E2E2;
 border-bottom:none;
 font-size: var(--text-font-size);
 line-height:1.2em;
}
.kariyoyakuArea dl dt,
#boxer .kariyoyaku dl dt {
 width: 250px;
 display:table-cell;
 padding: 16px;
 background:#EAEAEA;
 border-right:solid 1px #E2E2E2;
 vertical-align:middle;
 text-align:left;
 font-weight: bold;
}

section#mypage .btnArea {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

section#mypage .btnArea.-sign-image {
  flex-direction: column;
  align-items: baseline;
}

section#mypage .btnArea.-sign-image .btn_gray01 {
  margin: 0;
}

section#mypage .btnArea button.btn_confirm,
section#mypage .btnArea .btn_cancel {
  width: auto;
  padding: 0 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  margin: 0;
  border-radius: 3px;
  font-size: var(--button-font-size);
  line-height: 1.2;
}
section#mypage .btnArea button.btn_confirm.-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
section#mypage .btnArea .btn_cancel {
  margin-right: 16px;
}
.kariyoyakuArea dl dd,
#boxer .kariyoyaku dl dd {
 width:auto;
 display:table-cell;
 text-align:left;
 padding:16px;
}

.kariyoyakuArea dl.last,
#boxer .kariyoyaku dl.last {
 margin:0 auto 16px;
 border-bottom:solid 1px #E2E2E2;
}

#tentative.boxer-open #boxer.mobile {
  height: 95vh;
}

#tentative.boxer-open #boxer.mobile .boxer-content {
  height: 100%;
  padding: 30px 30px 100px 30px;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

#tentative.boxer-open #boxer .boxer-content {
 background:#fff;
 border:none;
}








/* 予約確認 */
.ownerpageArea ul.yoyakuListArea li {
 margin:0 0 20px;
 font-size:0.8em;
}
.ownerpageArea .btn_sort {
width:100%;
width:150px;
height:42px;
text-align:center;
color:#fff;
font-weight:100;
background:#71A1C9;
border:none;
outline:none;
font-size: var(--button-font-size);
border-radius: 5px;
}
.ownerpageArea .yoyakuKakuninList {
 width:340px;
 margin:0;
 padding:0;
 display:table;
}
.ownerpageArea .yoyakuKakuninLeft {
 width:340px;
 margin:0 auto 0 0;
 padding:0;
 display:table-cell;
}

.ownerpageArea .yoyakuKakuninList02 {
 width:100%;
 margin:0 auto;
 padding:0;
}

.ownerpageArea .yoyakuKakuninList02 p.checkboxArea {
 display:inline-block;
 width:48%;
}


.ownerpageArea .kaiheirirekiList {
 width:100%;
}
.ownerpageArea .kaiheirirekiList p.checkboxArea {
 display:block;
 width:130px;
 float:left;
}

.ownerpageArea .yoyakuKakuninList ul.tab01 {
 width:100%;
} 
.ownerpageArea .yoyakuKakuninList ul.tab01 li {
width:100px;
display:inline-block;
}

.ownerpageArea .yoyakuKakuninList ul.tab01 li:nth-child(2) {
 width:100px;
 margin:0 15px;
} 

.ownerpageArea .yoyakuKakuninList ul.tab01 li a {
 color:#999;
 font-size: var(--text-font-size);
 text-align:center;
 display:block;
 width:100%;
 height:30px;
 background-position:bottom;
 background-repeat:repeat-x;
 background-image:url(../images/tab01_off.png);
 cursor: pointer;
}
.ownerpageArea .yoyakuKakuninList ul.tab01 li a:hover {
 background-image:url(../images/tab01_on.png);
 color:#3B66D9;
 text-decoration:none;
}
.ownerpageArea .yoyakuKakuninList ul.tab01 li a.on {
 color:#3B66D9;
 background-image:url(../images/tab01_on.png);
}

.ownerpageArea .yoyakuKakuninRight {
 width:150px;
 display:table-cell;
 padding:0 0 0 10px;
 box-sizing:border-box;
}
ul.yoyakuListArea .type04 .wd45P {
  width:45%!important;
 display:table-cell;
}
ul.yoyakuListArea .type04 .wd45P .select2-container {
 width:100%!important;
}
ul.yoyakuListArea .type04 .wd10P {
 width:10%;
 display:table-cell;
 text-align:center;
}
ul.yoyakuListArea .type04 .wd100P .select2-container {width:100%!important;}

ul.yoyakuListArea .type04 .label {
  font-size: var(--label-font-size);
}


.yoyakuList ul li {
 width:100%;
 margin:0;
 padding:0;
}

.yoyakuList ul li dl{
 width:100%;
 display:table;
 border-right:solid 1px #ddd;
 vertical-align:middle;
}

.yoyakuList ul li dl dt {
 display:table-cell;
 width:10%;
 border:none;
}
.yoyakuList ul li dl dt p input {
 vertical-align:top;
}

.yoyakuList ul li dl dd {
 display:table-cell;
 border:solid 1px #ddd;
 border-right:none;
 border-bottom:none;
 font-size:0.8em;
 line-height:1.4em;
 padding:10px 5px;
 box-sizing:border-box;
}

.yoyakuList ul li:last-child dl dd {
border-bottom:solid 1px #eee;
}
.yoyakuList ul li dl dd:nth-child(2) {width:30%;}
.yoyakuList ul li dl dd:nth-child(3) {width:15%;}
.yoyakuList ul li dl dd:nth-child(4) {width:28%;}
.yoyakuList ul li dl dd:nth-child(5) {width:23%;}


.ownerpageArea .yoyakuListBtn {
 text-align:center;
 font-size: var(--text-font-size);
}

.kaiheiList {
  font-size: var(--text-font-size);
}

.kaiheiList ul li {
 width:100%;
 margin:0;
 padding:0;
}

.kaiheiList ul li dl{
 width:100%;
 display:table;
 border-right:solid 1px #ddd;
 vertical-align:middle;
}

.kaiheiList ul li dl dt {
 display:table-cell;
 width:30%;
  border:solid 1px #ddd;
 border-right:none;
 border-bottom:none;
 font-size: var(--text-font-size);
 line-height:1.4em;
  padding:10px 5px;
}
.yoyakuList ul li dl dt p input {
 vertical-align:top;
}

.kaiheiList ul li dl dd {
 display:table-cell;
 border:solid 1px #fff;
 border-right:none;
 border-bottom:none;
 font-size: var(--text-font-size);
 line-height:1.4em;
 padding:10px 5px;
 box-sizing:border-box;
}

.kaiheiList ul li:last-child dl {
border-bottom:solid 1px #fff;
}
.kaiheiList ul li dl dd:nth-child(2) {width:10%;}
.kaiheiList ul li dl dd:nth-child(3) {width:30%;}
.kaiheiList ul li dl dd:nth-child(4) {width:18%;}
.kaiheiList ul li dl dd:nth-child(5) {width:12%;}

.kaiheiList ul li:nth-child(odd) {
  background: var(--odd-table-bg-color);
}
.kaiheiList ul li:nth-child(even) {
  background: var(--even-table-bg-color);
}



/* 支払い管理 */
.ownerpageArea .shiharaikanriList {
 width:100%;
}

.ownerpageArea .shiharaikanriList p.radioBtnArea {
 display:block;
 width:30%;
 float:left;
}

.ownerpageArea .shiharaikanriList p.checkboxArea {
 display:block;
 width:130px;
 float:left;
}


.shiharaiList ul li {
 width:100%;
 margin:0;
 padding:0;
}

.shiharaiList ul li dl{
 width:100%;
 display:table;
 border-right:solid 1px #ddd;
 vertical-align:middle;
}

.shiharaiList ul li dl dt {
 display:table-cell;
 width:20%;
  border:solid 1px #ddd;
 border-right:none;
 border-bottom:none;
 font-size:0.8em;
 line-height:1.4em;
  padding:10px 5px;
}

.shiharaiList ul li dl dd {
 display:table-cell;
 border:solid 1px #ddd;
 border-right:none;
 border-bottom:none;
 font-size:0.8em;
 line-height:1.4em;
 padding:10px 5px;
 box-sizing:border-box;
 vertical-align:middle;
}

.shiharaiList ul li:last-child dl {
border-bottom:solid 1px #ddd;
}
.shiharaiList ul li dl dd:nth-child(2) {width:30%;}
.shiharaiList ul li dl dd:nth-child(3) {width:15%;}
.shiharaiList ul li dl dd:nth-child(4) {width:15%;}
.shiharaiList ul li dl dd:nth-child(5) {width:20%;}

.shiharaiList ul li dl dd button.btn_blue02 {
 padding:5px 10px;
 margin:0 auto;
 text-align:center;
} 



.ownerpageArea .yoyaku_CSV_BTN {
width:200px;
color: #fff;
box-sizing: border-box;
font-size: 1em;
line-height:1.4em;
text-decoration: none;
border-radius: 5px;
background:#71A1C9;
border: none;
padding:10px 0;
margin:0 5px;
display: inline-block;
}

.ownerpageArea .yoyaku_cancel_BTN {
width:200px;
color: #fff;
box-sizing: border-box;
font-size: 1em;
line-height:1.4em;
text-decoration: none;
border-radius: 5px;
background:#67ADAC;
border: none;
padding:10px 0;
margin:0 5px;
}









br.SP {display:none;}
br.PC {display:block;}





.wd100 {width:100px!important;}
.wd150 {width:150px!important;}
.wd200 {width:200px!important;}
.wd250 {width:250px!important;}
.wd300 {width:300px!important;}
.wd350 {width:350px!important;}
.wd400 {width:400px!important;}
.wd450 {width:450px!important;}
.wd500 {width:500px!important;}
.wd550 {width:550px!important;}
.wd600 {width:600px!important;}

.wd25P {width:25%!important;}
.wd30P {width:30%!important;}
.wd40P {width:40%!important;}
.wd50P {width:50%!important;}
.wd60P {width:60%!important;}
.wd70P {width:70%!important;}
.wd80P {width:80%!important;}
.wd90P {width:90%!important;}
.wd100P {width:100%!important;}

/* modalWindowArea */
#boxer {
 width:auto;
 max-width:670px;
 min-width:280px;
}
.modalContent {
 width:100%;
 min-width:280px;
 max-width:670px;
 margin:0 auto;
 background:#fff;
 border:solid 1px #ccc;
 border-top:none;
 border-left:none;
}
.modalContent dl {
 float:left;
 font-size:0.8em;
 line-height:1.2em;
 display:table;
}
.modalContent dl dt {
 display:table-cell;
 background:#f0f0f0;
 padding:15px 10px;
 border:solid 1px #ddd;
 box-sizing:border-box;
 border-right:none;
 border-bottom:none;
 vertical-align:middle;
}
.modalContent dl dd {
 display:table-cell;
 padding:0 10px;
 height:60px;
 overflow-y:hidden;
 border:solid 1px #ddd;
 box-sizing:border-box;
 border-right:none;
 border-bottom:none;
 vertical-align:middle;
 word-break: break-all;
}

.modalContent dl.name01,
.modalContent dl.name02,
.modalContent dl.mail,
.modalContent dl.phone,
.modalContent dl.zipcode,
.modalContent dl.city {
 width:50%;
}

.modalContent dl.address {
 width:60%;
 min-height:60px;
}
.modalContent dl.sex,
.modalContent dl.age {
 width:20%;
 min-height:60px;
}


.modalContent dl.name01 dt,
.modalContent dl.name02 dt,
.modalContent dl.mail dt,
.modalContent dl.phone dt,
.modalContent dl.zipcode dt,
.modalContent dl.city dt {
 width:40%;
}

.modalContent dl.name01 dd,
.modalContent dl.name02 dd,
.modalContent dl.mail dd,
.modalContent dl.phone dd,
.modalContent dl.zipcode dd,
.modalContent dl.city dd {
 width:60%;
 word-break : break-all;
 height:60px;
 overflow-y:hidden;
}


.modalContent dl.address dt {
 width:20%;
}
.modalContent dl.sex dt,
.modalContent dl.age dt {
 width:50%;
}
.modalContent dl.address dd {
 width:80%;
 text-align:left;
}
.modalContent dl.sex dd,
.modalContent dl.age dd {
 width:50%;
}




.modalContent dl.company {width:70%;}
.modalContent dl.store {width:30%;}
.modalContent dl.storephone {width:33%;}
.modalContent dl.storezip {width:33%;}
.modalContent dl.storecity {width:34%;}
.modalContent dl.storeaddress {width:100%;}
.modalContent dl.name03,
.modalContent dl.name04,
.modalContent dl.mail02,
.modalContent dl.phone02 {
 width:50%;
}

.modalContent dl.company,
.modalContent dl.store,
.modalContent dl.mail02,
.modalContent dl.phone02 {min-height:60px;}

.modalContent dl.company dt,
.modalContent dl.store dt,
.modalContent dl.storephone dt,
.modalContent dl.storezip dt,
.modalContent dl.storecity dt,
.modalContent dl.storeaddress dt,
.modalContent dl.name03 dt,
.modalContent dl.name04 dt,
.modalContent dl.mail02 dt,
.modalContent dl.phone02 dt {
 width:100px;
 text-align:left;
}


.modalContent dl.company dd,
.modalContent dl.storeaddress dd {
 text-align:left;
}




/* privacypolictArea */
#PPArea {
 position:relative;
 width:860px;
 background:#fff;
 box-shadow:2px 2px 2px #eee, -2px -2px 2px #eee;
 padding:35px;
 margin:20px auto 40px;
 box-sizing:border-box;
 color: #222;
}


.privacypolicyArea {
 text-align:left;
 font-size:1em;
 line-height:1.8em;
 margin:0 auto 50px;
}

.privacypolicyArea p {
  font-size: 0.813em;
}
.privacypolicyArea .PP_sub {
  margin-top: 36px;
}
.privacypolicyArea .PPBlock {
  margin-bottom: 40px;
}
.privacypolicyArea .PPBlock ol {
  padding-left: 20px;
  font-size: 0.813em;
}
.privacypolicyArea .PPBlock ol li:not(:last-child) {
  margin-bottom: 12px;
}
.privacypolicyArea h2 {
  margin-bottom: 24px;
  font-size: 1.375em;
  font-weight: bold;
}
.privacypolicyArea h3 {
  margin-bottom: 24px;
  padding-left: 8px;
  border-left: 3px solid #2A415C;
  font-size: 1.125em;
  line-height: 1.2;
} 
.privacypolicyArea h4 {
  margin: 36px 0 24px;
}
.privacypolicyArea strong {
  display: block;
  margin-top: 16px;
  font-size: 0.875em;
}


.privacypolicyArea ul {
 list-style:inside;
 font-size:0.8em;
}

.privacypolicyArea table {
  margin-top: 20px;
  border: 1px solid #e2e2e2;
  font-size: 0.813em;
}
.privacypolicyArea table.offer th {
  width: 36%;
}
.privacypolicyArea tr:not(:last-child) {
  border-bottom: 1px solid #e2e2e2;
}
.privacypolicyArea th {
  width: 50%;
  padding: 8px 16px;
  background: #F2F2F2;
  text-align: left;
}
.privacypolicyArea th:not(:last-child) {
  border-right: 1px solid #e2e2e2;
}
.privacypolicyArea td {
  padding: 12px 16px;
}
.privacypolicyArea td:not(:last-child) {
  border-right: 1px solid #e2e2e2;
}
/* 
.privacypolicyArea table {
 font-size:0.8em;
 font-weight:100;
 margin-bottom: 30px;
}
.privacypolicyArea th {
 text-align:left;
 font-weight:100;
 color:#fff;
 background:#71A1C9;
 border:solid 1px #fff;
 padding:10px 5px;
 box-sizing:border-box;
}


.privacypolicyArea td:nth-child(1) {width:40%;}
.privacypolicyArea td:nth-child(2) {width:60%;}


.privacypolicyArea td {
 padding:10px;
 vertical-align:middle;
 border:solid 1px #fff;
 box-sizing:border-box;
 color:#222;
}


.privacypolicyArea tr:nth-child(even) td {
 background:#D4E2F0;
}
.privacypolicyArea tr:nth-child(odd) td {
 background:#E2ECF5;
} */


/* パートナーカギ一覧 */

.parArea ul.doorBtn {
 display:table;
 width:100%;
 margin:0 auto 20px;
}
.parArea ul.doorBtn li {
 display:table-cell;
 width:50%;
 text-align:center;
}

.parArea a.parOpen {
 display:block;
 width:195px;
 height:195px;
 background:#fff url(../images/btn_open02.png) no-repeat top;
 background-size:100%;
 margin:20px auto 40px;
 box-shadow:none;
}
.parArea a.parClose {
 display:block;
 width:195px;
 height:195px;
 background:#fff url(../images/btn_close02.png) no-repeat top;
 background-size:100%;
 margin:20px auto 40px;
 box-shadow:none;
}

.parArea p.textArea {
 width:100%;
 text-align:center;
 line-height:1.6em;
}


.parArea ul.parEstList li {
display:block;
width:100%;
background: #F2F2F2;
padding: 20px;
border-radius:10px;
box-sizing:border-box;
margin:0 auto 20px;
}

.parArea ul.parEstList li div.estName {
 display:table-cell;
 width:100%;
}

.parArea ul.parEstList li h2,
.parArea ul.parEstList li p.history {
 padding:0 0 10px;
 font-size:1.4em;
 line-height:1.4em;
 font-weight:100;
}
.parArea ul.parEstList li p.sub {
 font-size:1em;
 line-height:1.8em;
 padding:0px;
}

.parArea ul.parEstList li div.btnArea {
 width:140px;
 display:table-cell;
 vertical-align:middle;
}



.parArea ul.parEstList li div.btnArea a.btn_blue02 {
 display:block;
 width:140px;
 height:40px;
 color:#fff;
 box-sizing:border-box;
 font-size:1.2em;
 text-align:left;
 text-decoration:none;
 padding:0 0 0 40px;
 margin:0 auto;
 border-radius:5px;
 background:#3862DC;
 box-shadow:0 2px 0px #0C214C;
 background-image:url(../images/icon_key.gif);
 background-position:15px 50%;
 background-size:20px;
 background-repeat:no-repeat;
 border:none;
 line-height:40px;
}



/* taikai */
#mypage.user-delete {
  color: #222;
}

.taikaiArea {
  margin-bottom: 40px;
  padding: 16px 0 0;
}
.taikaiArea h2 {
 font-size:1.250em;
 margin:0 auto 32px;
 font-weight:bold;
 text-align: center;
} 

.taikaiArea p.textArea,
.taikaiArea .lists,
.taikaiArea .warnings {
 max-width: 500px;
 margin: 0 auto;
 padding-bottom: 24px;
 font-size:0.875em;
 line-height:1.6em;
}
.taikaiArea .lists,
.taikaiArea .warnings {
  line-height: 1.8;
  font-size: 0.813em;
}

.taikaiArea .warnings {
  line-height: 1.2;
  color: #f00;
}

/* bukkenichiran */
.alertArea {
 width:100%;
 text-align:center;
 margin:0 auto 35px;
} 

.alertArea p.textArea {
 line-height:1.4em;
}

.alertArea .btnArea .btn {
 display:inline-block;
 margin:0 10px 10px;
}

.alertArea .applyGroup {
 width:420px;
 box-sizing:border-box;
 margin:10px auto;
 text-align:center;
 padding:20px 20px;
 background:#E9EFF4;
 line-height:1.4em;
 color:#888;
} 

.propatyList {width:100%;}
.propatyList li {
 width:310px;
 margin:0 50px 100px 0;
}

.propatyList li .summary {
 padding: 24px 16px;
}
.propatyList li h2 {
 margin-bottom: 20px;
 font-size:1.1em;
 line-height:1.4em;
 font-weight:bold;
 word-break: break-all;
}
.propatyList li h2 a {
  color: #222;
}

.propatyList li p.introduction {
 width:100%;
 border-radius:5px;
 font-size:0.8em;
 line-height:1.4em;
 margin:0 auto 8px;
 word-break: break-all;
 max-height: 96px;
 overflow: hidden;
}

.propatyList li p.read {
 text-align: right;
 font-size:0.8em;
}

.propatyList li p.introduction strong {
 display:block;
 margin:0 0 8px;
 font-size: 1.1em;
 line-height:1.4em;
}
.propatyList li p.address {margin-bottom:10px;line-height:1.5em;font-size:0.8em;}

.propatyList li h3 {
 width:100%;
 font-size: .9em;
 margin:0 auto 12px;
 padding-left: 8px;
 border-left: 3px solid #2A415C;
}

.propatyList li p.textArea {
 font-size:0.875em;
 line-height:1.6em;
 padding:0;
 margin:0 auto 20px;
}






/* 予約詳細 */
body#yoyakuDetail dl.yoyaku_layout,
body#yoyakuDetail dl.yoyaku_bihin{
 display:table;
 padding:0!important;
}

body#yoyakuDetail dl.yoyaku_layout dt,
body#yoyakuDetail section#formArea .formContents02 dl.yoyaku_bihin dt{
 display:table-cell;
 vertical-align:middle;
 padding:10px;
 box-sizing:border-box;
 border-right:solid 1px #fff;
}

body#yoyakuDetail dl.yoyaku_layout dd,
body#yoyakuDetail section#formArea .formContents02 dl.yoyaku_bihin dd {
 display:table-cell;
 padding:10px;
 box-sizing:border-box;
 vertical-align:middle;
 border-right:solid 1px #fff;
}


body#yoyakuDetail dl.yoyaku_layout dd:last-child,
body#yoyakuDetail dl.yoyaku_bihin dd:last-child{ border:none;}

body#yoyakuDetail dl.yoyaku_bihin dd.bihin_white {
 background:#fff;
 text-align:center;
} 

body#yoyakuDetail dl.yoyaku_layout dt {width:80%;}
body#yoyakuDetail dl.yoyaku_bihin dt {width:60%;}

body#yoyakuDetail dl.yoyaku_layout dd {width:20%;text-align:right;}
body#yoyakuDetail dl.yoyaku_bihin dd {width:20%;text-align:right;}

section#formArea .formAddReservesContents dl dt {
  width: 200px;
  white-space: normal;
}

section#formArea .formAddReservesContents dl.yoyaku_bihin dt {
  word-break: break-word;
}

section#formArea .formAddReservesContents p.formList {
  text-align: left;
}

body#yoyakuDetail div.yoyakuKiyaku {
 width:100%;
 height:15em;
 overflow:scroll;
 padding:10px;
 box-sizing:border-box;
 border:solid 1px #ccc;
 font-size:0.8em;
 line-height:1.4em;
 margin:0 auto 30px;
 border-radius: 4px;
}

body#yoyakuDetail .yoyakuKiyakuCheck {
 margin: 40px auto 0 auto;
}




body#yoyakuDetail ul.confirmList {
 list-style:none;
 width:100%;
 margin:0 auto 20px;
}

body#yoyakuDetail ul.confirmList>li {
 margin:0 auto 20px;
}

body#yoyakuDetail ul.confirmList>li dl { 
 padding:0;
}

body#yoyakuDetail ul.confirmList>li dl dt {
 vertical-align:middle;
 padding:10px;
 border-right:solid 1px #fff;
}
body#yoyakuDetail ul.confirmList>li dl dd {
 vertical-align:middle;
 padding:10px;
} 

body#yoyakuDetail ul.confirmList>li p.priceArea {
width:100%;
text-align:right;
padding:20px 0 5px;
border-bottom:solid 1px #777;
margin-bottom:40px;
}


body#yoyakuDetail ul.confirmList>li p.priceArea strong {
 font-size:1.4em;
}


body#yoyakuDetail ul.confirmList>li .confirmText {
 width:100%;
 padding:10px;
 text-align:left;
}

body#yoyakuDetail ul.confirmList>li h2 {
 width:100%;
 text-align:left;
 font-size:1.2em;
 font-weight:100;
 margin:0 auto 10px;
} 

body#yoyakuDetail ul.confirmList>li .yoyakuAlert,
#mypage ul.changeConfirmList>li .changeAlert
 {
 width:100%;
 border:solid 1px #ccc;
 text-align:left;
 padding:10px;
 line-height:1.4em;
}
body#yoyakuDetail ul.confirmList>li dl.total {display:table;}
body#yoyakuDetail ul.confirmList>li dl.total dt {width:80%;}
body#yoyakuDetail ul.confirmList>li dl.total dd {text-align:right;}



/* kanrigroup */
/* グループ管理・設定 */
body#kanrigroup .ownKanriBlock .groupDetail {
 width:100%;
 padding:20px;
 box-sizing:border-box;
 background:#f2f2f2;
 line-height:1.4em;
 font-size:0.8em;
 margin:0 auto 20px;
} 

body#kanrigroup .ownKanriBlock .btnArea .btn_blue01 {
 margin:0 auto;
 padding:0 10px;
} 

body#kanrigroup .ownKanriBlock .usergroup li {
 width:30%;
 display:inline-block;
 background:transparent;
 border:none;
}
body#kanrigroup .ownKanriBlock .usergroup li p.userListName {
 width:100%;
 background:#f2f2f2;
 text-align:left;
 padding:5px;
 box-sizing:border-box;
 line-height:1.4em;
 margin:0 auto 10px;
 height:80px;
} 

body#kanrigroup .ownKanriBlock .btn_blue01 {font-size:1rem;}

body#kanrigroup .ownKanriBlock .groupmember {margin:0 auto 10px;}
body#kanrigroup .ownKanriBlock .groupmember li {
 width:100%;
 box-sizing:border-box;
 margin:0 auto 1px;
} 
body#kanrigroup .ownKanriBlock .groupmember li dl {display:table;width:100%;}
body#kanrigroup .ownKanriBlock .groupmember li dl dt {
 display:table-cell;
 width:40%;
 border-right:solid 1px #fff;
 padding:10px;
 box-sizing:border-box;
 vertical-align:middle;
 word-break:break-all;
}
 
body#kanrigroup .ownKanriBlock .groupmember li dl dd {
 display:table-cell;
 border-right:solid 1px #fff;
 padding:10px;
 box-sizing:border-box;
 vertical-align:middle;
 word-break:break-all;
}

body#kanrigroup .ownKanriBlock .groupmember li dl dd:nth-child(2) {width:15%;}
body#kanrigroup .ownKanriBlock .groupmember li dl dd:nth-child(3) {width:25%;}
body#kanrigroup .ownKanriBlock .groupmember li dl dd:nth-child(4) {width:50px;border-right:none;text-align:right;}


body#kanrigroup label.radioLayout {line-height:2em;}


/* memberShonin */
.ownerpageArea ul.yoyakuListArea li {
 margin:0 0 20px;
 font-size:0.8em;
}
.ownerpageArea .btn_sort {
width:100%;
width:150px;
height:45px;
text-align:center;
color:#fff;
font-weight:100;
background:#71A1C9;
border:none;
outline:none;
font-size: var(--button-font-size);
border-radius: 5px;
}
.ownerpageArea .shoninMemberList {
 width:340px;
 margin:0;
 padding:0;
 display:table;
}
.ownerpageArea .shoninMemberLeft {
 width:340px;
 margin:0 auto 0 0;
 padding:0;
 display:table-cell;
}

.ownerpageArea .shoninMemberList02 {
 width:340px;
 margin:0 auto;
 padding:0;
 display:table-cell;
}

.ownerpageArea .shoninMemberList02 p.checkboxArea {
 display:inline-block;
 margin-right: 15px;
}


.ownerpageArea .kaiheirirekiList {
 width:100%;
}
.ownerpageArea .kaiheirirekiList p.checkboxArea {
 display:block;
 width:130px;
 float:left;
}

.ownerpageArea .shoninMemberList ul.tab01 {
 width:100%;
} 
.ownerpageArea .shoninMemberList ul.tab01 li {
 width:100px;
 display:inline-block;
 margin-right: 15px;
}

.ownerpageArea .shoninMemberList ul.tab01 li a {
 cursor: pointer;
 color:#999;
 font-size:1.2em;
 text-align:center;
 display:block;
 width:100%;
 height:30px;
 background-position:bottom;
 background-repeat:repeat-x;
 background-image:url(../images/tab01_off.png);
}
.ownerpageArea .shoninMemberList ul.tab01 li a:hover {
 background-image:url(../images/tab01_on.png);
 color:#3B66D9;
 text-decoration:none;
}
.ownerpageArea .shoninMemberList ul.tab01 li a.on {
 color:#3B66D9;
 background-image:url(../images/tab01_on.png);
}

.ownerpageArea .shoninMemberRight {
 width:150px;
 display:table-cell;
 padding:0 0 0 10px;
 box-sizing:border-box;
}

.shoninMemberRight .btn_sort {
width:100%;
width:150px;
height:45px;
text-align:center;
color:#fff;
font-weight:100;
background:#71A1C9;
border:none;
outline:none;
font-size:1em;
border-radius: 5px;
box-shadow:none;
}

body#kanrigroup .kanrimemberdetail ul li dl {
display:table;
width:100%;
border-bottom:solid 1px #fff;
}
body#kanrigroup .kanrimemberdetail ul li dl dt {
display:table-cell;
width:30%;
padding:10px;
box-sizing:border-box;
border-right:solid 1px #fff;
}

body#kanrigroup .kanrimemberdetail ul li dl dd {
 display:table-cell;
 width:70%;
 padding:10px;
 box-sizing:border-box;
 word-break: break-all;
}

body#kanrigroup .kanrimemberdetail ul li dl dt.memo-label {
 vertical-align: top;
}

body#kanrigroup .kanrimemberdetail .memo{
 width: 60%;
 height: 90px;
 overflow: auto;
} 

.kanrimemberdetail .confirm {
 width:100%;
 padding:20px 0 40px;
 text-align:center;
}
.kanrimemberdetail .confirm button {
 height:40px;
 margin:0 10px;
 display:inline-block;
}
.kanrimemberdetail .confirm button.btn_gray01 {width:80px;}
.kanrimemberdetail .confirm button.btn_gray02 {width:100px;}
.kanrimemberdetail .confirm button.btn_blue02 {width:200px;}
.kanrimemberdetail .confirm button.btn_blue03 {width:260px;padding:0;}

body#kanrigroup p.caution-text {
  color: #f00;
  font-size: .9em;
  margin-top: 5px;
}

/* TOPPAGE */
body#toppage {color:#333;}
body#toppage header {height:110px;}
body#toppage .wrapper {background:#fff url(../images/header_bg_top.png) repeat-x top;}

body#toppage #topContentsArea .block02,
body#toppage #topContentsArea .block04 {
 background-color:#f2f2f2;
}


body#toppage #fvArea {
 position:relative;
 width:100%;
 height:auto;
 min-height:650px;
 background:url(../images/top_fv_bg.jpg) no-repeat top;
 background-size:cover;
 text-align:center;
}

body#toppage #fvArea .layer01 {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background:rgba(0,0,0,0.3);
} 

body#toppage #fvArea .btns,
body#toppage #topContentsArea .btns {
  display: flex;
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
}

body#toppage #fvArea .btns ul,
body#toppage #topContentsArea .btns ul {
  display: flex;
  flex-direction: column;
  margin-top: 5px;
  padding: 30px;
  background: rgba(34,34,34,.6);
  border-radius: 3px;
}
body#toppage #fvArea .btns ul:first-child,
body#toppage #topContentsArea .btns ul:first-child {
  margin-right: 15px;
}

body#toppage #fvArea .btns ul span.title,
body#toppage #topContentsArea .btns ul span.title {
  display: block;
  padding-bottom: 25px;
  color: #fff;
  font-size: 18px;
}

body#toppage #fvArea .btns ul:last-child li,
body#toppage #topContentsArea .btns ul:last-child li {
  margin: auto;
  line-height: 1.4;
}

body#toppage #fvArea .btns ul li,
body#toppage #topContentsArea .btns ul li {
  width: 74%;
  margin: 0 auto;
  border-radius: 50px;
  border: 1px solid #fff;
  background: #6AA7A6;
}
body#toppage #fvArea .btns ul:first-child li,
body#toppage #topContentsArea .btns ul:first-child li {
  margin-bottom: 15px;
}
body#toppage #fvArea .btns ul:first-child li:nth-child(2),
body#toppage #topContentsArea .btns ul:first-child li:nth-child(2) {
  background: #71A1C9;
}
body#toppage #fvArea .btns ul:last-child li,
body#toppage #topContentsArea .btns ul:last-child li {
  background: #EA5C67;
}

body#toppage #fvArea .btns ul li a,
body#toppage #topContentsArea .btns ul li a {
  display: block;
  padding: 20px 30px;
  color: #fff;
  font-size: 1.1rem;
  font-weight: bold;
  white-space: nowrap;
}
body#toppage #fvArea .btns ul li a.-business-person,
body#toppage #topContentsArea .btns ul li a.-business-person {
  padding: 15px 30px;
}



body#toppage #fvArea .btns ul li a span,
body#toppage #topContentsArea .btns ul li a span {
  display: block;
  font-size: .8rem;
}


body#toppage #fvArea h1 {
 width:100%;
 text-align:center;
 margin:260px auto 10px;
} 
body#toppage #fvArea h1 img.sptitle {display:none;}

body#toppage #fvArea ul {
 width:100%;
 margin:20px auto 0;
}
body#toppage #fvArea ul li {
 display:inline-block;
 padding:0 10px;
}

body#toppage #topContentsArea .blockContents {
 display:table;
 vertical-align:middle;
 width:1100px;
 height:450px;
 min-height:450px;
 margin:0 auto;
 padding:80px 0;
 box-sizing:border-box;
}

body#toppage #topContentsArea .blockContents .layout01 {
 display:table-cell;
 width:100%;
 vertical-align:middle;
}

body#toppage #topContentsArea .blockContents h2 {
 font-size:1.8em;
 line-height:1.4em;
 margin:0 auto 10px;
} 
body#toppage #topContentsArea .blockContents p {
 color:#666;
 font-size:1.2em;
 line-height:1.6em;
}

body#toppage #topContentsArea .block01 .blockContents,
body#toppage #topContentsArea .block03 .blockContents{
 background-repeat:no-repeat;
 background-position:left;
 padding-left:320px;
}
body#toppage #topContentsArea .block02 .blockContents,
body#toppage #topContentsArea .block04 .blockContents {
 background-repeat:no-repeat;
 background-position:right;
 padding-right:320px;
}


body#toppage #topContentsArea .block01 .blockContents {background-image:url(../images/block01_bg.png);}
body#toppage #topContentsArea .block02 .blockContents {background-image:url(../images/block02_bg.png);}
body#toppage #topContentsArea .block03 .blockContents {background-image:url(../images/block03_bg.png);}
body#toppage #topContentsArea .block04 .blockContents {background-image:url(../images/block04_bg.png);}

body#toppage #topContentsArea .block01 .blockContents h2 {background-image:url(../images/block01_icon.png);}
body#toppage #topContentsArea .block02 .blockContents h2 {background-image:url(../images/block02_icon.png);}
body#toppage #topContentsArea .block03 .blockContents h2 {background-image:url(../images/block03_icon.png);}
body#toppage #topContentsArea .block04 .blockContents h2 {background-image:url(../images/block04_icon.png);}


body#toppage #topContentsArea .blockContents h2 {
 background-repeat:no-repeat;
 background-position:left;
 padding:10px 0 10px 60px;
}


body#toppage .bottomBtnArea {
  padding-top: 50px;
}
body#toppage .bottomBtnArea ul {
 width:100%;
 margin:100px auto 40px;
 text-align:center;
}
body#toppage .bottomBtnArea ul li {
 display:inline-block;
 padding:0 10px;
}




/* ビル一覧 kaijyo_ichiran */

#venue .list2col {
 width:1100px;
 margin:20px auto;
} 
#venue .leftSideArea {
 width:280px;
 float:left;
}

#venue .rightSideArea {
 width:795px;
 float:right;
}

#venue .leftSideArea .sidemenuArea {
 text-align:center;
 box-sizing:border-box;
 background:#fff;
 border-radius:10px;
 margin-bottom:20px;
} 
#venue .leftSideArea .sidemenuArea h2 {
 width:100%;
 height:40px;
 background:#666;
 color:#fff;
 font-size:1em;
 line-height:40px;
 border-radius:10px 10px 0 0;
}
#venue .leftSideArea .sidemenuArea ul {
 list-style:none;
}

#venue .leftSideArea .sidemenuArea>ul>li {
 padding:20px 30px;
 box-sizing:border-box;
 border-bottom:solid 1px #eee;
}

#venue .leftSideArea .sidemenuArea>ul>li p {
 width:100%;
 text-align:left;
 font-size:1em;
 line-height:1.4em;
} 

#venue .leftSideArea .sidemenuArea>ul.type01>li dl {display:table;}
#venue .leftSideArea .sidemenuArea>ul.type01>li dl dt,
#venue .leftSideArea .sidemenuArea>ul.type01>li dl dd {display:table-cell;}

#venue .leftSideArea .sidemenuArea>ul.type01>li dl dt {text-align:left;width:140px;}
#venue .leftSideArea .sidemenuArea>ul.type01>li dl dd {text-align:right;width:80px;}

#venue .leftSideArea .sidemenuArea a {
 display:block;
 width:100%;
 height:30px;
 line-height:30px;
 border-radius:15px;
 background:none;
 font-size:1em;
 text-decoration:none;
 text-align:center;
}

#venue .leftSideArea .sidemenuArea a img {
vertical-align:middle;
margin-bottom:5px;
margin-right:3px;
}


#venue .leftSideArea .sidemenuArea a.changeBtn {
 width:80px;
}
#venue .leftSideArea .sidemenuArea a.blue {
 border:solid 1px #6FA0CB;
 color: #6FA0CB;
}
#venue .leftSideArea .sidemenuArea a.green {
 border:solid 1px #67ADAC;
 color: #67ADAC;
}

#venue .leftSideArea .sidemenuArea a.delete {
 border:none;
 font-size:0.8em;
 line-height:20px;
 height:20px;
 color:#333;
 vertical-align:middle;
}
#venue .leftSideArea .sidemenuArea a.delete img {margin-right:5px;}

#venue .leftSideArea .sidemenuArea ul.btnLayout01 li {
 margin-bottom:20px;
}

#venue .leftSideArea .sidemenuArea ul.btnLayout01 li.lineChange,
#venue .leftSideArea .sidemenuArea ul.btnLayout01 li.stationChange,
#venue .leftSideArea .sidemenuArea ul.btnLayout01 li.townChange {
 width:100px;
}
#venue .leftSideArea .sidemenuArea ul.btnLayout01 li.lineChange {float:left;}
#venue .leftSideArea .sidemenuArea ul.btnLayout01 li.stationChange {float:right;}
#venue .leftSideArea .sidemenuArea ul.btnLayout01 li.townChange {float:right;}
#venue .leftSideArea .sidemenuArea ul.btnLayout01 li:last-child {margin-bottom:0;}
#venue .leftSideArea .sidemenuArea ul.btnLayout01 li:nth-child(3) {clear:both;}

#venue .leftSideArea .sidemenuArea p.stationTxt,
#venue .leftSideArea .sidemenuArea p.areaTxt {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}


#venue .leftSideArea .sidemenuArea input[type="text"] {
 width:100%;
 height:30px;
 border:solid 1px #DFDFDF;
 background:#eee;
 border-radius:5px;
 padding:0 0 0 10px;
 box-sizing:border-box;
 font-size:1em;
}

#venue .leftSideArea .sidemenuArea ul.type02 li dl {
 display:table;
 width:100%;
}
#venue .leftSideArea .sidemenuArea ul.type02 li dl dt,
#venue .leftSideArea .sidemenuArea ul.type02 li dl dd {
 display:table-cell;
 text-align:left;
}

#venue .leftSideArea .sidemenuArea ul.type02 li dl dt {width:85px;}
#venue .leftSideArea .sidemenuArea ul.type02 li dl dd li p {font-size:0.6em; margin-top: 10px;}


#venue .leftSideArea .sidemenuArea ul.type03 .select2-container,
.leftSideArea ul.type02 .select2-container,
.spFilterArea ul.type03 .select2-container
{
    display: inline-block;
    margin: 0;
    height: 30px;
    padding: 0px 0 0 5px;
    position: relative;
    vertical-align: middle;
    background: #f3f3f3 url(../images/icon_down.png) no-repeat right;
    border: solid 1px #dfdfdf;
    border-radius:5px;
    text-align:left;
}

#venue .leftSideArea .sidemenuArea ul.type03 li dl {
 display:block;
 width:100%;
}
#venue .leftSideArea .sidemenuArea ul.type03 li dl dt,
#venue .leftSideArea .sidemenuArea ul.type03 li dl dd {
 display:block;
 width:100%;
 text-align:left;
}
#venue .leftSideArea .sidemenuArea ul.type03 li dl dt {
 border-bottom:solid 1px #eee;
 padding-bottom:10px;
}

#venue .leftSideArea .sidemenuArea ul.type03 li dl dd {
 padding-top:10px;
}

#venue .leftSideArea .sidemenuArea ul.type03 li dl dd ul li {
  margin-bottom: 5px;
}
#venue .leftSideArea .sidemenuArea ul.type03 li dl dd ul li input {
  width: 60%;
  margin-right: 5px;
  display: inline-block;
}


/* rightSideArea */
#venue .rightSideArea {position:relative;}
#venue .rightSideArea h2 {
 width:100%;
 height:40px;
 background:#666;
 color:#fff;
 font-size:1em;
 line-height:40px;
 border-radius:0;
 padding:0 0 0 20px;
}

#venue .rightSideArea .resultNumber {
 height:50px;
 line-height:50px;
 font-size:1.2em;
 text-align:left;
 margin-top:0;
}

#venue .rightSideArea .topNav {
 position:absolute;
 right:0;
 top:60px;
} 

#venue .rightSideArea .topNav ul {
 width:190px;
 margin:0 0 0 auto;
}
body #pageNav ul li:last-child {margin-right:-20px;}

#venue .rightSideArea ul.propatyList {
 width:795px;
 background:transparent;
 list-style:none;
 line-height:1.4em;
}
#venue .rightSideArea ul.propatyList li {
 background:#fff;
 width:100%;
 padding:30px;
 box-sizing:border-box;
 margin:0 auto 20px;
}
#venue .rightSideArea ul.propatyList li .venueLogo {
 margin-bottom:20px;
}
#venue .rightSideArea ul.propatyList li .venueLogo img {
 max-width: 200px;
 max-height: 70px;
 width: auto;
 height: auto;
}
#venue .rightSideArea ul.propatyList li .subtitle {
 width:100%;
 height:34px;
 line-height:34px;
 border-left:solid 4px #6FA0CB;
 text-align:left;
 padding:0 0 0 20px;
 box-sizing:border-box;
 text-align:left;
 font-size:1.2em;
 font-weight:bold;
 margin-bottom:20px;
}

#venue .rightSideArea ul.propatyList li .thumbBlock {
 width:240px;
 float:left;
}

#venue .rightSideArea ul.propatyList li .thumbBlock .listImg {
 position:relative;
 width:240px;
 height:160px;
 display:block;
 margin-bottom:20px;
 background-size: cover;
}

#venue .rightSideArea ul.propatyList li .thumbBlock .listImg span {
 position:absolute;
 bottom:5px;
 right:5px;
 display:block;
 width:20px;
 height:20px;
}

#venue .rightSideArea ul.propatyList li .detailBlock {
 width:470px;
 float:right;
}



#venue .rightSideArea ul.propatyList li .detailBlock dl.address {
 width:170px;
 float:left;
 margin-right:20px;
}

#venue .rightSideArea ul.propatyList li .detailBlock dl.station {
 width:280px;
 float:left;
 margin-right:-10px;
}


#venue .rightSideArea ul.propatyList li .detailBlock dl dt {
 width:100%;
 padding-bottom:10px;
 font-size:1em;
 line-height:1.2em;
 font-weight:bold;
 border-bottom:solid 1px #eee;
}

#venue .rightSideArea ul.propatyList li .detailBlock dl dt strong {
 display:block;
 color:#6AADAB;
 margin:0 auto 10px;
}


#venue .rightSideArea ul.propatyList li .detailBlock dl dd {
 width:100%;
 padding-top:10px;
 font-size:0.8em;
 margin-bottom:40px;
}


#venue .rightSideArea ul.propatyList li a.detailBtn {
display:block;
clear:both;
width:200px;
height:45px;
line-height:45px;
font-size:1.2em;
color:#fff;
background:#67ADAC;
margin:0 auto;
text-align:center;
border-radius:4px;
}



#venue .rightSideArea ul.propatyList li .detailBlock02 {
 display:block;
 width:100%;
 clear:both;
 margin:0 auto 40px;
}

#venue .rightSideArea ul.propatyList li .detailBlock02 table {
 width:100%;
 border:none;
 font-size:0.8em;
 text-align:center;
}
#venue .rightSideArea ul.propatyList li .detailBlock02 table thead {
 background:#71A1C9;
 color:#fff;
}

#venue .rightSideArea ul.propatyList li .detailBlock02 table thead th {
 padding:10px 0;
 font-weight:100;
}

#venue .rightSideArea ul.propatyList li .detailBlock02 table tbody td {
 padding:5px;
 box-sizing:border-box;
}


#venue .rightSideArea ul.propatyList li .detailBlock02 table a.roomdetailBtn {
 display:inline-flex;
 align-items: center;
 justify-content: center;
 width:100%;
 max-width:130px;
 height:30px;
 border-radius:15px;
 background:#71A1C9;
 color:#fff;
 font-size:0.9em;
 line-height:30px;
 margin:0 auto;
} 



#venue .rightSideArea ul.propatyList li .detailBlock02 table tbody tr:nth-child(odd) {background:#E6E6E6;} 
#venue .rightSideArea ul.propatyList li .detailBlock02 table tbody tr:nth-child(even) {background:#C5DCEA;} 

#venue .rightSideArea ul.propatyList li .detailBlock02 table thead th,
#venue .rightSideArea ul.propatyList li .detailBlock02 table tbody td {border-right:solid 2px #fff;}

/*#venue .rightSideArea ul.propatyList li .detailBlock02 table thead th:nth-child(1),
#venue .rightSideArea ul.propatyList li .detailBlock02 table tbody td:nth-child(1) {width:18%;}*/

#venue .rightSideArea ul.propatyList li .detailBlock02 table thead th:nth-child(2),
#venue .rightSideArea ul.propatyList li .detailBlock02 table tbody td:nth-child(2) {width:12%;} 

#venue .rightSideArea ul.propatyList li .detailBlock02 table thead th:nth-child(3),
#venue .rightSideArea ul.propatyList li .detailBlock02 table tbody td:nth-child(3) {width:25%;} 

#venue .rightSideArea ul.propatyList li .detailBlock02 table thead th:nth-child(4),
#venue .rightSideArea ul.propatyList li .detailBlock02 table tbody td:nth-child(4) {width:15%;border-right:none;} 









#venue .properties-area {
  color: #222;
}
#venue .properties-area .leftSideArea {
  padding: 24px 16px;
  background: #fff;
}

#venue .properties-area .leftSideArea .sidemenuArea {
  margin-bottom: 0;
  padding: 0;
  border-radius: 0;
}
#venue .properties-area .leftSideArea .sidemenuArea:not(:last-child):after {
  content: '';
  display: inline-block;
  width: 100%;
  margin: 24px 0;
  border-bottom: 1px solid #E2E2E2;
}
#venue .properties-area .leftSideArea .sidemenuArea h2 {
  height: auto;
  margin-bottom: 16px;
  border-radius: 0;
  background: #fff;
  color: #222;
  text-align: left;
  line-height: 1;
}
#venue .properties-area .leftSideArea .sidemenuArea p {
  margin-top: 8px;
  font-size: 0.750em;
}
#venue .properties-area .leftSideArea .sidemenuArea li {
  padding: 0;
  border-bottom: 0;
}
#venue .properties-area .leftSideArea .sidemenuArea li dl {
  font-size: 0.81em;
  font-weight: bold;
}
#venue .properties-area .leftSideArea .sidemenuArea li dl dd ul {
  display: flex;
  align-items: center;
}
#venue .properties-area .leftSideArea .sidemenuArea li dl dd ul li {
  display: flex;
  align-items: center;
  margin-bottom: 0!important;
}
#venue .properties-area .leftSideArea .sidemenuArea .type03 li dl dt {
  padding: 0;
  border: none;
}
#venue .properties-area .leftSideArea .sidemenuArea .type03 li dl dd {
  padding-top: 8px;
  font-weight: normal;
}
#venue .properties-area .leftSideArea .sidemenuArea .type03 li dl dd ul li input {
  width: 100%;
  margin-right: 4px;
}
#venue .properties-area .leftSideArea .sidemenuArea .type03 li dl dd ul li:last-child {
  margin-left: 4px;
}
#venue .properties-area .leftSideArea .sidemenuArea li:not(:last-child) {
  margin-bottom: 12px;
}
#venue .properties-area .leftSideArea .sidemenuArea input {
  width: 100%;
  height: 40px;
  background: #F6F6F6;
  border: 1px solid #E2E2E2;
  border-radius: 3px;
}
#venue .properties-area .leftSideArea .sidemenuArea input.name {
  font-size: 0.875em;
}
#venue .properties-area .leftSideArea .sidemenuArea input::placeholder {
  color: #999;
}
#venue .properties-area .leftSideArea .sidemenuArea .selection {
  width: 100%;
  height: 100%;
}
#venue .properties-area .leftSideArea .sidemenuArea .select2-container {
  display: inline-flex;
  align-items: center;
  width: 100%!important;
  height: 40px;
  background: #F6F6F6 url('../svg/down-arrow-gray.svg') no-repeat right 4px center/20px;
  border: 1px solid #E2E2E2;
  border-radius: 3px;
  font-weight: normal;
}
#venue.properties .select2-results {
  background: #fff;
  color: #222;
  font-size: 0.875em;
}
#venue .properties-area .leftSideArea .sidemenuArea .select2-container--default .select2-selection--single {
  height: 100%;
}
#venue .properties-area .leftSideArea .sidemenuArea .select2-selection__rendered{
  display: inline-flex;
  align-items: center;
  height: 100%;
}
#venue .properties-area .leftSideArea .sidemenuArea a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 4px;
  height: auto;
  color: #578AB7;
  line-height: 1;
}
#venue .properties-area .leftSideArea .sidemenuArea a:hover {
  opacity: .7;
}
#venue .properties-area .leftSideArea .sidemenuArea a img {
  width: 12px;
  margin: 0 4px 0 0;
}


#venue .properties-area .rightSideArea h2.spTitle {
  display: none;
}
#venue .properties-area .rightSideArea .heading {
  display: flex;
  align-items: flex-end;
  margin-bottom: 16px;
}
#venue .properties-area .rightSideArea .heading h2 {
  width: auto;
  height: auto;
  padding: 0;
  background: none;
  font-size: 1.375em;
  color: #222;
  line-height: 1;
}
#venue .properties-area .rightSideArea .resultNumber {
  height: auto;
  margin-left: 16px;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1;
}
#venue .properties-area .rightSideArea .resultNumber .unit {
  font-weight: normal;
}
#venue .properties-area .rightSideArea ul.propatyList li {
  padding: 32px 40px;
}
#venue .properties-area .rightSideArea ul.propatyList li .property {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  padding-bottom: 8px;
  border-bottom: 1px solid #E3DFDF;
}
#venue .properties-area .rightSideArea ul.propatyList li .property .name {
  font-size: 1.375em;
  font-weight: bold;
}
#venue .properties-area .rightSideArea ul.propatyList li .property .venueLogo {
  margin: 0 0 0 auto;
}
#venue .properties-area .rightSideArea ul.propatyList li .thumbBlock {
  width: 220px;
  margin: 0 24px 16px 0;
}
#venue .properties-area .rightSideArea ul.propatyList li .thumbBlock .listImg {
  width: 100%;
  height: 146px;
  margin: 0 0 12px;
}
#venue .properties-area .rightSideArea ul.propatyList li .detailBlock dl dt strong {
  margin-bottom: 16px;
  padding: 8px 12px;
  background: #F6F6F6;
  border-radius: 3px;
  font-size: 0.813em;
  font-weight: normal;
  color: #222;
}
#venue .properties-area .rightSideArea ul.propatyList li .detailBlock dl {
  float: none;
  width: 100%;
  margin-bottom: 24px;
}
#venue .properties-area .rightSideArea ul.propatyList li .detailBlock dl dt {
  margin: 0 0 16px;
  padding: 0;
  border-bottom: 0;
}
#venue .properties-area .rightSideArea ul.propatyList li .detailBlock dl.address dt,
#venue .properties-area .rightSideArea ul.propatyList li .detailBlock dl.station dt {
  padding-left: 8px;
  border-left: 3px solid #2A415C;
}
#venue .properties-area .rightSideArea ul.propatyList li .detailBlock dl dd {
  margin: 0;
  padding: 0;
  font-size: 0.813em;
}
#venue .properties-area .rightSideArea ul.propatyList li .detailBlock dl dd.introduction .text {
  height: 106px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
#venue .properties-area .rightSideArea ul.propatyList li .detailBlock02 {
  margin-bottom: 24px;
  padding-top: 24px;
}
#venue .properties-area .rightSideArea ul.propatyList li .detailBlock02 table {
  border: 1px solid #E2E2E2;
  table-layout: fixed;
}
#venue .properties-area .rightSideArea ul.propatyList li .detailBlock02 table tbody tr.tableSp {
  display: none;
}
#venue .properties-area .rightSideArea ul.propatyList li .detailBlock02 table tr {
  background: #F2F2F2!important;
  border-top: 1px solid #E2E2E2;
  color: #222;
}
#venue .properties-area .rightSideArea ul.propatyList li .detailBlock02 table tr th {
  padding: 8px 16px;
  font-weight: bold;
  vertical-align: middle;
}
#venue .properties-area .rightSideArea ul.propatyList li .detailBlock02 table tr th:not(:last-child) {
  border-right: 1px solid #E2E2E2;
}
#venue .properties-area .rightSideArea ul.propatyList li .detailBlock02 table tr th:nth-child(2) {
  width: 106px;
}
#venue .properties-area .rightSideArea ul.propatyList li .detailBlock02 table tr th:nth-of-type(4) {
  width: 120px;
}
#venue .properties-area .rightSideArea ul.propatyList li .detailBlock02 table tr td {
  background: #fff;
  padding: 8px 16px;
  vertical-align: middle;
}
#venue .properties-area .rightSideArea ul.propatyList li .detailBlock02 table tr td:first-child {
  text-align: left;
}
#venue .properties-area .rightSideArea ul.propatyList li .detailBlock02 table tr td:not(:last-child) {
  border-right: 1px solid #E2E2E2;
}
#venue .properties-area .rightSideArea ul.propatyList li .detailBlock02 table tr td .price {
  font-size: 1.188em;
  font-weight: bold;
}
#venue .properties-area .rightSideArea ul.propatyList li .detailBlock02 table tr td a {
  width: 100%;
  height: 32px;
  border-radius: 3px;
}

#venue .properties-area .rightSideArea ul.propatyList li .detailBlock02 table .headSp {
  display: none;
}
#venue .properties-area .rightSideArea ul.propatyList li a.detailBtn {
  width: 200px;
  height: 44px;
  border-radius: 3px;
  font-size: 0.875em;
}

#venue .properties-area .rightSideArea .pageNav li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid #CCCCCC;
  font-size: 0.875em;
}
#venue .properties-area .rightSideArea .pageNav ul li.selectPage {
  background: #578AB7;
  color: #fff;
  border: none;
}
#venue .properties-area .rightSideArea .pageNav li:last-child {
  font-size: 14px;
}
#venue .properties-area .rightSideArea .pageNav li span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border: none;
  line-height: 1;
  color: #222;
}

 
/* ビル一覧boxer */
#venue #boxer.inline,
.boxer02 #boxer.inline {padding:0 30px;border-radius:10px;} 
#venue #boxer .boxer-container,
.boxer02 #boxer .boxer-container {
 width:auto;
 position:inherit!important;
 background:transparent;
}
#venue #boxer .boxer-close,
.boxer02 #boxer .boxer-close {
 top:30px;
 right:30px;
 background:url(../images/icon_close.png) no-repeat top;
 text-indent:-99999px;
}


#venue #boxer .boxer-close:before,
.boxer02 #boxer .boxer-close:before {
 content:none!important;
}

#venue .filterContent,
.boxer02 .filterContent {
 width:100%;
 max-width:600px;
 min-width:300px;
 background:transparent;
 border:none;
 padding:20px 0 0;
 margin:0px;
 border-radius:5px;
}

#venue .filterContent h3,
.boxer02 .filterContent h3 {
 color:#6AADAB;
 font-size:1.4em;
 font-weight:100;
 line-height:1.2em;
 padding:0;
 margin:10px 0 20px;
}

#venue .filterContent h3 img,
.boxer02 .filterContent h3 img {
 margin-right:5px;
} 

#venue .filterContent ul.filterList {
 width:600px;
 list-style:none;
 padding:0;
}
#venue .filterContent ul.filterList li {
 position:relative;
 width:145px;
 display: inline-block;
 vertical-align: top;
 margin:0 0 10px;
 padding:0 0 0 20px;
 font-size:0.75em;
 line-height:1.4em;
}
#venue .filterContent ul.filterList li:nth-child(4n+1) {clear:both;} 

#venue .filterContent ul.filterList li input {
 position:absolute;
 top:0;
 left:0;
}

#venue .filterContent .filterList li.lineNameHeader {
 display:block;
 float:none;
 width:auto;
 background:#666;
 color:#fff;
 padding: 5px 10px;
}


#venue .filterContent .btnArea,
.boxer02 .filterContent .btnArea {
 width:100%;
 padding:30px 0;
 margin-top:30px;
 text-align:center;
 border-top:solid 1px #ccc;
}
#venue .filterContent .btnArea ul li,
.boxer02 .filterContent .btnArea ul li {
 display:inline-block;
}

#venue .filterContent .btnArea ul li button,
.boxer02 .filterContent .btnArea ul li button {
 width:160px;
 height:42px;
 border-radius:5px;
 font-size:1em;
 line-height:1em;
 border:none;
 outline:none;
 margin:0 10px;
}
#venue .filterContent .btnArea ul li button.blue,
.boxer02 .filterContent .btnArea ul li button.blue {color:#fff;}















#venue .rightSideArea .spFilter {display:none;}


.spFilterArea {
 background:#f7f7f7;
 padding:20px;
 box-sizing:border-box;
}

.spFilterArea .spFilterContents {
 width:100%;
 padding:20px;
 background:#fff;
 border-radius:10px;
}

.spFilterArea .spFilterContents ul {
list-style:none;
text-align:left;
}
.spFilterArea .spFilterContents ul li {margin:0 auto 20px;}
.filterBackLink { display:none; }
.spFilterArea a.filterBackLink {
 display:inline-block;
 text-decoration:none;
 color:#aaa;
 margin-bottom:20px;
 font-size:1em;
 padding:0;
} 
.spFilterArea .btnLayout01 a.filterBtn {
 display:block;
 width:100%;
 height:40px;
 line-height:40px;
 border-radius:20px;
 background:none;
 font-size:1em;
 text-decoration:none;
 text-align:left;
 box-sizing:border-box;
 padding:0 20px;
 background:#fff url(../images/icon_right02.png) no-repeat right;
 background-size:20px;
}

.spFilterArea .btnLayout01 a img {
vertical-align:middle;
margin-bottom:5px;
margin-right:3px;
width:auto;
height:auto;
}



.spFilterArea .btnLayout01 a.blue {
 border:solid 1px #6FA0CB;
 color: #6FA0CB;
}
.spFilterArea .btnLayout01 a.green {
 border:solid 1px #67ADAC;
 color: #67ADAC;
}


.spFilterArea .btnArea {
 width:100%;
 padding:20px 0;
 text-align:center;
 position:fixed;
 bottom:0;
 left:0;
 box-sizing:border-box;
 background:rgba(0,0,0,0.4);
}
.spFilterArea .btnArea ul {
 text-align:center;
}
.spFilterArea .btnArea ul li {
 display:inline-block;
 margin:0 auto;
 text-align:center;
 width:40%;
}

.spFilterArea .btnArea ul li button {
 width:120px;
 height:42px;
 border-radius:5px;
 font-size:1em;
 line-height:1em;
 border:none;
 outline:none;
 margin:0 10px;
}
.spFilterArea .btnArea ul li button.blue {color:#fff;}



.spFilterArea h3 {
 color:#6AADAB;
 font-size:1.4em;
 font-weight:100;
 line-height:1.2em;
 padding:0;
 margin:0 0 20px;
}

.spFilterArea h3 img {
 margin-right:5px;
 margin-bottom:3px;
 vertical-align:middle;
 width:auto;
 max-height:26px;
} 

.spFilterArea ul.filterList {
 width:100%;
 list-style:none;
 padding:0 0 100px;
}
.spFilterArea ul.filterList li {
 position:relative;
 width:45%;
 display:inline-block;
 vertical-align: top;
 margin:0 0 10px;
 padding:0 0 0 20px;
 font-size:0.75em;
 line-height:1.4em;
}
.spFilterArea ul.filterList li:nth-child(2n+1) {clear:both;} 

.spFilterArea ul.filterList li input {
 position:absolute;
 top:0;
 left:0;
}



.spFilterArea .spFilterContents02 {
 width:100%;
 padding:0;
 background:#fff;
 border-radius:10px;
}

.spFilterArea .spFilterContents02 h3 {
 width: 100%;
 height: 40px;
 background: #666;
 color: #fff;
 font-size: 1em;
 line-height: 40px;
 border-radius: 10px 10px 0 0;
 text-align:center;
 margin:0;
}

.spFilterArea .spFilterContents02 p.textArea {
 padding:20px 20px 0;
}
.spFilterArea .spFilterContents02 ul.filterList3 {padding:0 20px;}
.spFilterArea .spFilterContents02 ul.filterList3>li {
 width:100%;
 padding:20px 0;
 margin:0 auto;
 border-bottom:solid 1px #eee;
}
.spFilterArea .spFilterContents02 ul.filterList3>li:last-child {border:none;}

.spFilterArea .spFilterContents02 ul.filterList3>li dl {display:table;}
.spFilterArea .spFilterContents02 ul.filterList3>li dl dt {
 display:table-cell;
 width:100px;
}
.spFilterArea .spFilterContents02 ul.filterList3>li dl dd {
 display:table-cell;
 width:auto;
}

.spFilterArea .spFilterContents02 ul.filterList3>li dl dd li {
  margin-bottom: 5px;
}
.spFilterArea .spFilterContents02 ul.filterList3>li dl dd li input {
  margin-right: 5px;
}
.spFilterArea .spFilterContents02 input[type="text"].date {
 width: 120px;
}
.spFilterArea .spFilterContents02 input[type="text"] {
    width:60%;
    height: 30px;
    border: solid 1px #DFDFDF;
    background: #eee;
    border-radius: 5px;
    padding: 0 0 0 10px;
    box-sizing: border-box;
    font-size: 1em;
}



.spFilterArea .spFilterContents02 ul {
list-style:none;
text-align:left;
}

.spFilterArea .spFilterContents02 .btnArea ul {text-align:center;}


.spFilterArea .select2-container--default .select2-selection--single .select2-selection__rendered {color:#aaa;} 

.spFilterArea .spFilterContents ul.filterList li.lineNameHeader {
 display:block;
 float:none;
 width:auto;
 background:#666;
 color:#fff;
 padding: 5px 10px;
}





.spFilterArea .spboxerContents01 {
 width:100%;
 padding:10px;
 background:#fff;
 border-radius:10px;
}

.spFilterArea .spboxerContents01 h3 {
 width: 100%;
 font-size: 1em;
 text-align:left;
 margin:0 auto 10px;
}
.spFilterArea .spboxerContents01 h3.blueTit {color:#71A1C9;} 


.spFilterArea .spboxerContents01 ul.qaList {
 width:100%;
 line-height:1.4em;
}

.spFilterArea .spboxerContents01 ul.qaList li {
 width:100%;
 padding:0;
}

.spFilterArea .spboxerContents01 ul.qaList li:nth-child(odd) {background:#C5DCEA;}
.spFilterArea .spboxerContents01 ul.qaList li:nth-child(even) {background:#E6E6E6;}

.spFilterArea .spboxerContents01 ul.qaList li dl {display:table;font-size:0.8em;}
.spFilterArea .spboxerContents01 ul.qaList li dl dt,
.spFilterArea .spboxerContents01 ul.qaList li dl dd {display:table-cell;box-sizing:border-box;vertical-align:middle;}
.spFilterArea .spboxerContents01 ul.qaList li dl dt {
 width:40px;
 min-width:40px;
 max-width:40px;
 text-align:center;
 padding:10px;
 border-right:solid 2px #fff;
}

.spFilterArea .spboxerContents01 ul.qaList li dl dd {
 width:auto;
 text-align:left;
 padding:10px;
}


.spFilterArea .spboxerContents01 ul {
list-style:none;
text-align:left;
}


.spFilterArea .spboxerContents01 .formContact {
 width:100%;
 margin:0 auto;
}


.spFilterArea .spboxerContents01 .formContact p.contactTit {
 font-weight:bold;
 font-size:1em;
 margin:10px auto;
} 

.spFilterArea .spboxerContents01 .formContact dt,
.spFilterArea .spboxerContents01 .formContact dd {
 width:100%;
 padding:5px 0;
 font-size:0.8em;
}

.spFilterArea .spboxerContents01 .formContact dd {margin-bottom:5px;}

.spFilterArea .spboxerContents01 .formContact input[type="text"],
.spFilterArea .spboxerContents01 .formContact input[type="mail"] {
 width:100%;
 height:30px;
 background:#f2f2f2;
 border:solid 1px #e6e6e6;
 outline:none;
 border-radius:5px;
}
 
.spFilterArea .spboxerContents01 .formContact textarea {
 width:100%;
 height:6em;
 background:#f2f2f2;
 border:solid 1px #e6e6e6;
 outline:none;
 box-sizing:border-box;
 padding:10px;
 border-radius:5px;
}




.spFilterArea .spboxerContents01 .btnArea ul {text-align:center;}

.spFilterArea .btnArea ul li.btnS {width:60px;}
.spFilterArea .btnArea ul li.btnL {width:auto;}
.spFilterArea li.btnS button {width:60px!important;}
.spFilterArea li.btnL button {width:auto!important;}

.spFilterArea .spboxerContents01 .-approved-form .approved-note {
  margin: 40px 0 20px;
  font-size: 14px;
  line-height: 1.2;
}













/* ビル詳細 venueDtail */
#venueDtail h2.detailTitle {
 width:100%;
 height:40px;
 background:#666;
 color:#fff;
 font-size:1em;
 line-height:40px;
 border-radius:0;
 padding:0 10px;
 margin:0 auto 30px;
 box-sizing:border-box;
}

#venueDtail .list2col {
 width:1100px;
 margin:0 auto 30px;
 line-height:1.4em;
}


#venueDtail .list2col .leftSideArea {
 width:535px;
 float:left;
}
#venueDtail .list2col .leftSideArea .detailContents {
 width:100%;
 background:#fff;
 border-radius:10px;
 padding:30px;
 box-sizing:border-box;
}

#venueDtail .leftSideArea .subTitle { 
 width:100%;
 line-height:34px;
 border-bottom: 1px solid #E3DFDF;
 padding-bottom: 5px;
 box-sizing:border-box;
 text-align:left;
 font-size:22px;
 font-weight:bold;
 margin-bottom:20px;
 color: #222222;
}


#venueDtail .leftSideArea .subscription-item {
  padding: 24px;
  font-size: 14px;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  color: #222222;
  display: flex;
}

#venueDtail .leftSideArea .subscription-item .name {
  font-weight: bold;
  font-size: 18px;
}

#venueDtail .leftSideArea .subscription-item .price {
  display: flex;
  align-items: center;
  margin-top: 12px;
}

#venueDtail .leftSideArea .subscription-item .price .label {
  margin-right: 12px;
  color: #999;
}

#venueDtail .leftSideArea .subscription-item .price .value {
  font-weight: bold;
}

#venueDtail .leftSideArea .subscription-item .price .tax {
  font-size: 12px;
}

#venueDtail .leftSideArea .subscription-item .right-side {
  margin-left: auto;
  text-align: center;
  justify-content: center;
  display: grid;
  place-items: center;
}

#venueDtail .leftSideArea .subscription-item .right-side .detail, 
#venueDtail .leftSideArea .subscription-block .multi {
  background:#E57B68;
  display: block;
  color:#fff;
  border-radius: 3px;
  transition: all 0.3s;
}

#venueDtail .leftSideArea .subscription-item .right-side .detail {
  display: grid;
  place-items: center;
  width: 100px;
  height: 40px;
}

#venueDtail .leftSideArea .subscription-block .multi {
  display: block;
  width: 157px;
  line-height: 24px;
  text-align: center;
  padding: 10px;
  transition: all 0.3s;
}

#venueDtail .leftSideArea .subscription-item .right-side .detail:hover,
#venueDtail .leftSideArea .subscription-block .multi:hover {
  text-decoration: none;
  opacity: 0.8;
}

#venueDtail .leftSideArea .thumbBlock {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 20px;
}


#venueDtail .leftSideArea .thumbBlock a.listImg {
 position:relative;
 width:225px;
 height:150px;
 display:block;
 margin-right:20px;
 margin-bottom:20px;
 background-size: cover;
 float:left;
}
#venueDtail .leftSideArea .thumbBlock a.listImg:nth-child(even) {margin-right:-20px;}

#venueDtail .leftSideArea .thumbBlock a.listImg span {
 position:absolute;
 bottom:5px;
 right:5px;
 display:block;
 width:20px;
 height:20px;
}

#venueDtail .leftSideArea .summary.-businessHour ul {
  margin: 10px 0;
  border: 1px solid #e2e2e2;
  border-bottom: none;
}

#venueDtail .leftSideArea .summary.-businessHour ul li dl {
  display: flex;
}

#venueDtail .leftSideArea .summary.-businessHour ul li dd{
  font-size: var(--description-font-size);
  padding: 5px 10px;
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 0;
}

#venueDtail .leftSideArea .summary.-businessHour .day {
  width: 50%;
  background-color: #f2f2f2;
  font-weight: bold;
  color: #222222;
}

#venueDtail .leftSideArea .summary.-businessHour .hour {
  display: flex;
  align-items: center;
}

#venueDtail .leftSideArea .openProperty {
  padding: 0 0 20px;
}

#venueDtail .leftSideArea .openProperty p,
#venueDtail .leftSideArea .businessHourOther p {
  font-weight: bold;
  font-size: 14px;
  color: #222222;
}

#venueDtail .leftSideArea .openProperty dd,
#venueDtail .leftSideArea .businessHourOther dd {
  margin-bottom: 0 !important;
  padding: 10px 0;
}

#venueDtail .leftSideArea .detailBlock {
 width:475px;
 float:right;
}

#venueDtail .leftSideArea .detailBlock .leftTitle {
  border-left: 3px solid #2A415C;
  margin-right: 8px;
}

#venueDtail .propertyBlock .detailBlock dl dt {
  font-size: 18px!important;
}

#venueDtail .leftSideArea .detailBlock dl dt {
 width:100%;
 padding-bottom:10px;
 font-size:1em;
 font-weight:bold;
 color: #222222;
}

 
 #venueDtail .leftSideArea .detailBlock dl dd {
 width:100%;
 padding-top:10px;
 font-size: var(--description-font-size);
 margin-bottom:40px;
 color: #222222;
}
#venueDtail .leftSideArea .detailBlock .btnLayout01 {margin:0 auto 20px;}
#venueDtail .leftSideArea .detailBlock .btnLayout01 li {
 width:180px;
 float:left;
 margin:0 12px 12px 0;
}

#venueDtail .leftSideArea .detailBlock .btnLayout01 li a {
 display:block;
 width:210px;
 line-height:24px;
 text-align:center;
 border-radius:5px;
 box-sizing:border-box;
 padding:10px;
}
#venueDtail .leftSideArea .detailBlock .btnLayout01 li a img {
  vertical-align:bottom;
  width: 16px;
  float: left;
  margin-top: 3px;
}

#venueDtail .leftSideArea .detailBlock .btnLayout01 li a.blue {
  background:#71A1C9;
  color:#fff;
  border-radius: 3px;
  width: 180px;
  font-size: 14px;
  text-align: center;
}
#venueDtail .leftSideArea .detailBlock .btnLayout01 li a.blue i {
  margin-top: 4px;
  float: left;
  font-size: 13px;
}
#venueDtail .leftSideArea .detailBlock .btnLayout01 li a.green {background:#6AADAB;color:#fff;}
#venueDtail .leftSideArea .detailBlock .btnLayout01 li a.blue03 {background:#fff;border:solid 2px #71A1C9;color:#71A1C9;}
#venueDtail .leftSideArea .detailBlock .btnLayout01 li a.green02 {background:#fff;border:solid 2px #6AADAB;color:#6AADAB;}



#venueDtail .discount {
 width:100%;
 padding:10px;
 box-sizing:border-box;
 background:#F6F6F6;
 border-radius:3px;
}

#venueDtail .propertyDetail .roomContents {
  padding-bottom: 0!important;
}

#venueDtail .propertyDetail .roomContents hr {
  margin-top: 50px;
  background-color: #E3DFDF;
}

#venueDtail .propertyDetail .roomBlock {
  padding-bottom: 30px!important;
}

#venueDtail .propertyDetail .totalRoom {
  width: 100%;
  padding: 5px 15px;
  box-sizing: border-box;
  background: #d9dde1;
  font-size: 12px;
  border-radius: 3px 3px 0 0;
}

#venueDtail .propertyDetail .totalRoom span{
  color: #284F77;
  font-size: 14px;
}

#venueDtail .propertyDetail .roomBlock .subtitle {
  padding-left: 16px;
  font-size: 18px;
  border-radius: 3px;
  background-color: #837f7f!important;
  margin-bottom: 10px;
}

#venueDtail .propertyDetail .roomBlock .showContentMobile {
  display: none;
}

#venueDtail .propertyDetail .roomBlock .price {
  font-size: 16px;
}

#venueDtail .propertyDetail .roomBlock .price span {
  font-weight: bold;
}

#venueDtail .propertyDetail .roomBlock .block {
  font-size: 12px;
  padding-right: 10px;
}

#venueDtail .propertyDetail .roomBlock strong {
  color: #222222;
}

#venueDtail .propertyDetail .roomBlock ul {
  border: 1px solid #e2e2e2;
  border-bottom: none;
}

#venueDtail .propertyDetail .roomBlock ul.bottomToggle {
  display: block;
  border-top: none;
}

#venueDtail .propertyDetail .roomBlock ul li dl {
  display: flex;
}

#venueDtail .propertyDetail .roomBlock ul li dl dt {
  display: flex;
  align-items: center;
  border-bottom: solid 1px #e2e2e2;
  border-right: solid 1px #e2e2e2;
  background-color: #f2f2f2;
  font-size: 14px;
  font-weight: bold;
  color: #222222;
}

#venueDtail .propertyDetail .roomBlock ul li dl dd {
  border-bottom: solid 1px #e2e2e2;
  background-color: #fdfdfd;
  font-size: 14px!important;
  color: #222222;
}

#venueDtail .propertyDetail .roomBlock ul li dl span {
  color: #222222;
}

#venueDtail .propertyDetail .roomBlock .roomContents .price-item {
  white-space: nowrap;
}

#venueDtail .rightSideArea {
 width:535px;
 float:right;
}

#venueDtail .rightSideArea .roomBlock {
 width:100%;
 padding:0;
 background:#fff;
 border-radius:10px;
}
#venueDtail .rightSideArea .roomBlock .subtitle {
 width:100%;
 padding:10px 15px;
 box-sizing:border-box;
 background:#999;
 color:#fff;
 font-size:18px;
}
#venueDtail .rightSideArea .roomBlock .roomContents {
 width:100%;
 padding:30px;
 box-sizing:border-box;
 margin-bottom:20px;
}
#venueDtail .roomContents ul {margin-bottom:20px;}
#venueDtail .roomContents ul li {
 width:100%;
 padding:0;
}

#venueDtail .roomContents ul li:nth-child(odd) {background:#C5DCEA;}
#venueDtail .roomContents ul li:nth-child(even) {background:#E6E6E6;}

#venueDtail .roomContents ul li dl {display:table;font-size:1em;width:100%;}
#venueDtail .roomContents ul li dl dt,
#venueDtail .roomContents ul li dl dd {display:table-cell;box-sizing:border-box;width:auto;}
#venueDtail .roomContents ul li dl dt {
 width:23%;
 min-width:120px;
 text-align:left;
 padding:10px;
 border-right:solid 2px #fff;
}

#venueDtail .roomContents ul li dl dd {
 width:77%;
 text-align:left;
 padding:10px;
 font-size:1em!important;
}

#venueDtail .roomContents ul li dl dd span.blueTxt {color:#71A1C9;}
#venueDtail .roomContents ul li dl dd span.cline {text-decoration:line-through;} 

#venueDtail .roomContents .btnArea {
 width:100%;
 margin:0 auto;
 text-align:center;
}
#venueDtail .roomContents .btnArea a.blue {
 display:inline-block;
 margin:0 auto;
 padding:15px 20px;
 border-radius:3px;
 text-align:center;
 color:#fff;
 font-size:14px;
 background-color: #67ADAC;
 width: 35%;
}
#venueDtail .roomContents .linkArea {
 margin:0 auto 20px;
} 


#venueDtail .roomContents .thumbBlock {
 width:475px;
 float:left;
 margin-bottom:20px;
}


#venueDtail .roomContents .thumbBlock a.listImg {
 position:relative;
 width:150px;
 height:100px;
 display:block;
 margin-right:10px;
 background-size: cover;
 float:left;
}
#venueDtail .roomContents .thumbBlock a.listImg:nth-child(3) {margin-right:-20px;}

#venueDtail .roomContents .thumbBlock a.listImg span {
 position:absolute;
 bottom:5px;
 right:5px;
 display:block;
 width:20px;
 height:20px;
}



/* 部屋詳細 */
#venueDtail .mainThumb {
width:100%;
max-height:600px;
margin:0 auto 20px;
overflow:hidden;
}

#venueDtail .mainThumb img {
  width:487px;
  height:300px;
  cursor:pointer;
  border: 1px solid #E2E2E2;
}

#venueDtail .mainThumb .roomSlide01 li:first-child img {
  margin-bottom: 10px;
  object-fit: contain;
}

#venueDtail .mainThumb .roomSlide01 li:not(:first-child) img {
  width:150px;
  height:92.5px;
  object-fit: contain;
}

#venueDtail .mainThumb .roomSlide01 li:nth-child(2) {
  margin-right: 20px;
}

#venueDtail .mainThumb .roomSlide01 {
  display: flex;
  flex-wrap: wrap;
}

#venueDtail .mainThumb .bx-wrapper .bx-controls-direction {
 position: absolute;
 top: 135px;
 left: 0px;
 width: 100%;
}


#venueDtail .mainThumb .bx-wrapper .bx-controls-direction a {
 width:30px;
 height:30px;
 margin-top:0;
 z-index:1;
}

#venueDtail .mainThumb .bx-wrapper .bx-prev {
 left: 10px;
 background: url(../images/slider_left.png) no-repeat 0 0px;
}
#venueDtail .mainThumb .bx-wrapper .bx-next {
 right: 10px;
 background: url(../images/slider_right.png) no-repeat 0 0px;
}

#venueDtail .roomLayout .layoutImageView {
  position: relative;
}
#venueDtail .roomLayout .layoutImageView .icon_search {
  position: absolute;
  right: 5px;
  bottom: 10px;
}


#venueDtail .dispriction {
 width:100%;
 background: #ffffff;
 border: 1px solid #E2E2E2;
 border-radius: 4px;
 padding:24px;
 margin:0 auto 20px;
 box-sizing:border-box;
}

#venueDtail .dispriction .subLeft,
#venueDtail .dispriction .subRight {
 width:50%;
 display:table-cell;
 vertical-align:top;
 box-sizing:border-box;
}
#venueDtail .dispriction .subLeft {padding-right:10px;}
#venueDtail .dispriction .subLeft dt {
 margin-bottom: 8px;
 font-size: var(--label-font-size);
 font-weight: bold;
 color: #222;
}
#venueDtail .dispriction .subLeft dd {
 font-size: var(--description-font-size);
}
#venueDtail .dispriction .subLeft dd:not(:last-child) {
  margin-bottom: 20px;
}
#venueDtail .dispriction .subRight {position:relative;}
#venueDtail .dispriction .subRight span {
position:absolute;
bottom:5px;
right:5px;
}
#venueDtail .dispriction .subRight img {max-width:225px;}
#venueDtail .dispriction p.noteTxt {
 clear:both;
 width:100%;
 color:#EA5C67;
 font-size: var(--description-font-size);
 line-height:1.6em;
}
#venueDtail .leftSideArea .detail3col {

} 
#venueDtail .leftSideArea .detail3col li {
  display: flex;
  align-items: center;
}

section.rooms-view {
  
}

#venueDtail .leftSideArea .detail3col li:nth-child(3) {padding-right:0;}

#venueDtail .leftSideArea .roomContents li dl dd {word-break:break-all; border-right:solid 2px #fff!important;}


#venueDtail .leftSideArea .roomContents li dl dt {width:35%;}
#venueDtail .leftSideArea .roomContents li dl dd {
  width:25%;
  min-width: 170px;
}
#venueDtail .leftSideArea .roomContents li dl dd:last-child {border-right:none;}

#venueDtail .rightSideArea .calendarArea {
  width:100%;
}


#venueDtail .rightSideArea .calendarArea .YMArea ul {
 width:100%;
 margin:0 auto;
 padding:40px 0;
 text-align:center;
}
#venueDtail .rightSideArea .calendarArea .YMArea ul li {
 display:inline-block;
 font-size:1.4em;
}

#venueDtail .rightSideArea .calendarArea .WEEKArea {
 width:100%;
 margin:0 auto;
 padding:0 20px;
 box-sizing:border-box;
}

#venueDtail .rightSideArea .calendarArea .WEEKArea li {
 width:14%;
 text-align:center;
 float:left;
}

#venueDtail .rightSideArea .calendarArea .DArea {
 width:100%;
 padding:10px 20px;
 box-sizing:border-box;
}

#venueDtail .rightSideArea .calendarArea .DArea li {
 display:block;
 width:14%;
 text-align:center;
 float:left;
 padding:15px 0;
 cursor:pointer;
}
#venueDtail .rightSideArea .calendarArea .DArea li.on {
 background:#F7F5B0;
}


#venueDtail .rightSideArea .arrow09 {
 width:100%;
 text-align:center;
 margin:0 auto 20px;
}


#venueDtail .rightSideArea .roomBlock .reserveTit {
 margin:0 auto;
 font-size:1.2em;
 padding:20px;
} 
#venueDtail .rightSideArea .roomBlock .reserveTit.bottom {
 display:none;
}

#venueDtail .rightSideArea .roomBlock .availablePayment {
padding:20px 20px 25px;
margin:0 20px 30px;
background:#F2F2F2;
}
#venueDtail .rightSideArea .roomBlock .availablePayment .title {
 font-size: 1.2em;
}
#venueDtail .rightSideArea .roomBlock .availablePayment ul {
 font-size: 0.9em;
}
#venueDtail .rightSideArea .roomBlock .availablePayment ul li {
 padding:10px 15px 10px 45px;
 margin:15px 0;
 text-align:left;
 box-sizing:border-box;
}
#venueDtail .rightSideArea .roomBlock .availablePayment ul li:last-child {
  margin-bottom:0;
}
#venueDtail .rightSideArea .roomBlock .availablePayment ul li dl dt {
 display:inline-block;
 vertical-align:middle;
 width:60%;
}
#venueDtail .rightSideArea .roomBlock .availablePayment ul li dl dd {
 vertical-align:middle;
}
#venueDtail .rightSideArea .roomBlock .availablePayment ul li dl dd .note {
  color: #c34;
  font-size: 12px;
}

#venueDtail .rightSideArea .roomBlock .availablePayment ul li.creditcard {
 background:#fff url(../images/icon_payment01.png) no-repeat 15px;
}
#venueDtail .rightSideArea .roomBlock .availablePayment ul li.bill {
 background:#fff url(../images/icon_payment02.png) no-repeat 15px;
}
#venueDtail .rightSideArea .roomBlock .availablePayment ul li.onetime {
 background:#fff url(../images/icon_payment02.png) no-repeat 15px;
}
#venueDtail .rightSideArea .roomBlock .availablePayment ul li.localPayment {
 background:#fff url(../images/icon_payment03.png) no-repeat 15px;
}

#venueDtail .rightSideArea .roomBlock p.textArea {
 width:100%;
 padding:0 20px;
 margin:0 auto 20px;
 text-align:left;
 font-size:0.8em;
 line-height:1.4em;
}


#venueDtail .rightSideArea .roomBlock .reserveListContainer {
 letter-spacing: -0.5em;
 padding: 0 20px;
}
#venueDtail .rightSideArea .roomBlock ul.reserveList {
 letter-spacing: normal;
 width:50%;
 margin:0;
 box-sizing:border-box;
 display:inline-block;
 vertical-align:top;
}
#venueDtail .rightSideArea .roomBlock ul.reserveList li {
 border:solid 1px #ddd;
 font-size: var(--description-font-size);
 vertical-align: top;
 margin-top: -1px;
}
#venueDtail .rightSideArea .roomBlock ul.reserveList:nth-child(2) li {
  border-left: none;
}
#venueDtail .rightSideArea .roomBlock ul.reserveList li.batsu,
#venueDtail .rightSideArea .roomBlock ul.reserveList li.maru.-not-reservable {
  background:#f2f2f2;
}
#venueDtail .rightSideArea .roomBlock ul.reserveList li:last-child {border-bottom:solid 1px #ddd;}


#venueDtail .rightSideArea .roomBlock ul.reserveList li dl {
 display:table;
 width:100%;
}
#venueDtail .rightSideArea .roomBlock ul.reserveList li dl dt {
 display:table-cell;
 padding:10px;
 box-sizing:border-box;
 border-right:dashed 1px #ddd;
 vertical-align:middle;
 text-align:center;
}

#venueDtail .rightSideArea .roomBlock ul.reserveList li dl dd {
 display:table-cell;
 padding:10px;
 box-sizing:border-box;
 border-right:dashed 1px #ddd;
 vertical-align:middle;
 color:#71A1C9;
 word-break:break-all;
 text-align:center;
}
#venueDtail .rightSideArea .roomBlock ul.reserveList li.batsu dl dd,
#venueDtail .rightSideArea .roomBlock ul.reserveList li.maru.-not-reservable dl dd {
  color:#aaa;
}

#venueDtail .rightSideArea .roomBlock ul.reserveList li dl dd:nth-child(3) {
 border-right:none;
 padding-left: 0;
 padding-right: 0;
 width: 100px;
}
#venueDtail .rightSideArea .roomBlock ul.reserveList li dl dd:nth-child(4) {
 width:80px;
 border-right:none;
 display:none;
}




#venueDtail .rightSideArea .roomBlock dd span {
 text-decoration:line-through;
 color:#666;
}
#venueDtail .rightSideArea .roomBlock ul.reserveList li.batsu dl dd span,
#venueDtail .rightSideArea .roomBlock ul.reserveList li.maru.-not-reservable dl dd span {
  color:#aaa;
}

#venueDtail .rightSideArea .roomBlock p.text {
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
  text-align: left;
  line-height: 1.4;
  color: #222;
  font-size: var(--description-font-size);
}
#venueDtail .rightSideArea .roomBlock p.text.-tax-note {
  margin: 3px 0 15px 0;
}
#venueDtail .rightSideArea .roomBlock p.text.-time-note {
  margin: 0 0 15px 0;
}

#venueDtail .rightSideArea .roomBlock .reserveTime {
 width:100%;
 padding:0 20px;
 text-align:left;
 margin:0 auto 20px;
}

#venueDtail .rightSideArea .roomBlock .reserveTime dl dd {
 background:#F2F2F2;
 border:solid 1px #E6E6E6;
 border-radius:10px;
 padding:10px 0;
 text-align:center;
 margin:0 0 10px;
}


#venueDtail .rightSideArea .roomBlock .last {
 padding-bottom:20px;
} 

#venueDtail .rightSideArea .btnArea {
 width:100%;
 margin:0 auto 20px;
 text-align:center;
}

#venueDtail .rightSideArea .roomDetailBtn .btnArea a {
 display:inline-block;
 width:145px;
 height:auto;
 padding:16px 0;
 margin:0 5px;
 border-radius:5px;
 outline:none;
 border:none;
 font-size:var(--button-font-size);
 color:#fff;
}
#venueDtail .rightSideArea .roomDetailBtn .btnArea a:first-child:last-child {
  width: 250px;
}

#venueDtail .rightSideArea .btnArea .btnRed {background:#EA5C67;}
#venueDtail .rightSideArea .btnArea .btnBlue {background:#71A1C9;}
#venueDtail .rightSideArea .btnArea .btnGreen {background:#6AADAB;}

#venueDtail .rightSideArea .roomDetailBtn .btnArea button[name="reserve_tentative_button"] {
  padding: 0;
  vertical-align: top;
  height: 54px;
}
#venueDtail .rightSideArea .roomDetailBtn .btnArea button[name="reserve_tentative_button"] .limit {
 display:block;
 font-size: var(--button-font-size);
}
#venueDtail .rightSideArea #roomDetailBtnLottery {
 display: none;
}


/* お見積もり */
.filterContent h4 {
 border-bottom:solid 1px #ccc;
 font-size:1.2em;
 padding:0 0 10px;
 margin:0 auto 10px;
}

.filterContent p.textArea {
 width:100%;
 line-height:1.4em;
 margin-bottom:20px;
}


.filterContent ul.quoteList {
 width:500px;
 line-height:1.4em;
 margin:30px auto 0;
}

.filterContent ul.quoteList li {
 width:100%;
 padding:0;
}

.filterContent ul.quoteList li:nth-child(odd) {background:#C5DCEA;}
.filterContent ul.quoteList li:nth-child(even) {background:#E6E6E6;}

.filterContent ul.quoteList li dl {display:table;font-size:0.8em;}
.filterContent ul.quoteList li dl dt,
.filterContent ul.quoteList li dl dd {display:table-cell;box-sizing:border-box;vertical-align:middle;}
.filterContent ul.quoteList li dl dt {
 width:40%;
 min-width:100px;
 max-width:200px;
 text-align:left;
 padding:10px;
 border-right:solid 2px #fff;
}

.filterContent ul.quoteList li dl dd {
 width:30%;
 text-align:left;
 padding:10px;
 border-right:solid 2px #fff;
}

.filterContent ul.quoteList li dl dd.selectArea {width:30%;min-width:150px;border:none;}

.filterContent h4.title {
  margin-top: 25px;
  font-size: 20px;
  border: none;
}

.filterContent .information {
  line-height: 25px;
  padding: 10px 15px;
  margin-bottom: -15px;
  background: #f7f7f7;
}

.filterContent .information .roomName,
.filterContent .information .propertyName {
  font-weight: 600;
}

.filterContent .information .reserveDatetime {
  font-size: 14px;
}

/* お見積もりSP */
.spboxerContents01 h4 {
 border-bottom:solid 1px #ccc;
 font-size:1em;
 padding:0 0 10px;
 margin:0 auto 10px;
}

.spboxerContents01 p.textArea {
 width:100%;
 font-size:0.8em;
 line-height:1.4em;
 margin-bottom:10px;
}

.spboxerContents01 ul.quoteList {
 width:100%;
 line-height:1.4em;
 margin:0 auto;
}

.spboxerContents01 ul.quoteList li {
 width:100%;
 padding:0;
}

.spboxerContents01 ul.quoteList li:nth-child(odd) {background:#C5DCEA;}
.spboxerContents01 ul.quoteList li:nth-child(even) {background:#E6E6E6;}

.spboxerContents01 ul.quoteList li dl {display:table;font-size:0.8em;}
.spboxerContents01 ul.quoteList li dl dt,
.spboxerContents01 ul.quoteList li dl dd {display:table-cell;box-sizing:border-box;vertical-align:middle;word-break: break-all;}
.spboxerContents01 ul.quoteList li dl dt {
 width:30%;
 text-align:left;
 padding:10px;
 border-right:solid 2px #fff;
}

.spboxerContents01 ul.quoteList li dl dd {
 width:30%;
 text-align:left;
 padding:10px;
 border-right:solid 2px #fff;
}

.spboxerContents01 ul.quoteList li dl dd.selectArea {border:none;}

.spFilterArea .btnArea ul li button {vertical-align:top;}

.spFilterArea .btnArea ul li button.autowidth {width:auto;}








































/* よくある質問 qa */
.boxer02 .filterContent {
 width:600px!important;
 min-width:600px;
}
.boxer02 .filterContent h3.blueTit {color:#6FA0CB;}

.boxer02 .filterContent ul.qaList {
 width:600px;
 line-height:1.4em;
}

.boxer02 .filterContent ul.qaList li {
 width:100%;
 padding:0;
}

.boxer02 .filterContent ul.qaList li:nth-child(odd) {background:#C5DCEA;}
.boxer02 .filterContent ul.qaList li:nth-child(even) {background:#E6E6E6;}

.boxer02 .filterContent ul.qaList li dl {display:table;font-size:0.8em;}
.boxer02 .filterContent ul.qaList li dl dt,
.boxer02 .filterContent ul.qaList li dl dd {display:table-cell;box-sizing:border-box;vertical-align:middle;}
.boxer02 .filterContent ul.qaList li dl dt {
 width:40px;
 min-width:40px;
 max-width:40px;
 text-align:center;
 padding:10px;
 border-right:solid 2px #fff;
}

.boxer02 .filterContent ul.qaList li dl dd {
 width:auto;
 text-align:left;
 padding:10px;
}


/* お問い合わせ contact */
.boxer02 .filterContent .btnArea button.gray {width:80px;}
.boxer02 .filterContent .btnArea button.blue {width:240px;}

.boxer02 .filterContent h3.greenTit {color:#6AADAB;}

.boxer02 .filterContent .formContact {
 width:460px;
 margin:0 auto;
}


.boxer02 .filterContent .formContact p.contactTit {
 font-weight:bold;
 font-size:1.2em;
 margin:40px auto;
} 

.boxer02 .filterContent .formContact dt,
.boxer02 .filterContent .formContact dd {
 width:100%;
 padding:5px 0;
 font-size:0.8em;
}

.boxer02 .filterContent .formContact dd {margin-bottom:20px;}

.boxer02 .filterContent .formContact input[type="text"],
.boxer02 .filterContent .formContact input[type="mail"] {
 width:100%;
 height:30px;
 background:#f2f2f2;
 border:solid 1px #e6e6e6;
 outline:none;
 border-radius:5px;
}
 
.boxer02 .filterContent .formContact textarea {
 width:100%;
 height:10em;
 background:#f2f2f2;
 border:solid 1px #e6e6e6;
 outline:none;
 box-sizing:border-box;
 padding:10px;
 border-radius:5px;
}



#venueDtail .spBlock {display:none;}










/* pagenavi */
body #pageNav {
 width:100%;
}

body #pageNav ul li {
 display:block;
 float:left;
 width:40px;
 height:40px;
 margin-right:10px;
 margin-bottom:0;
}
body #pageNav ul li .selectPage {
 width:40px;
 height:40px;
 background:#f0f0f0;
 border:solid 1px #ddd;
 text-align:center;
 line-height:40px;
}

body #pageNav ul li a {
 display:block;
 width:40px;
 height:40px;
 background:#fff;
 border:solid 1px #ddd;
 text-align:center;
 line-height:40px;
 color:#777;
 box-sizing:border-box;
}






















/**
 *  修正
 **/
/* 結果報告メッセージ */
div#flashMessage, section.errorMessages {
 padding:1em;
 margin-bottom:1em;
 /* border-radius:10px;
    background:linear-gradient(#f8f8f8, #f6f6f6); */
}
div#flashMessage.success {
 color:#394;
 font-weight:bold;
}
div#flashMessage.error {
  font-size: 0.9em;
  background-color: #FDF3F3;
  padding: 0.8em;
}
div#flashMessage.error.-hidden {
  background-color: transparent;
  padding: 0;
}
div#flashMessage.error, .error-message {
 color:#c34;
 line-height:130%;
}
/* 郵便番号入力 */
body.wait *, body.wait {
 cursor: progress !important;
}
section#formArea .formContents02 dl dd input[type="text"]#UserPostal,
section#formArea .formContents02 dl dd input[type="text"]#UserCorporatePostal,
section#mypage .editAccount dd input[type="text"]#UserPostal,
section#mypage .editAccount dd input[type="text"]#UserCorporatePostal
{
 width: 40%;
}
section#mypage .editAccount dd input[type="text"]#UserCorporatePostal,
section#mypage .editAccount dd input[type="text"]#UserCorporateTel,
section#mypage .editAccount dd input[type="text"]#select2-UserCorporatePrefecture-container
{
  width: 55%;
}
/* 予約日時指定 */
.reserve_control ul li.prev a span.button_disable,
.reserve_control ul li.next a span.button_disable {
 background:url(../images/arrow04disable.png) no-repeat left;
 color:#c9c9c9;
}
.reserve_control ul li a.button_disable {
 /* border:solid 1px #c9c9c9; */
}
.articleDetail .btnArea.button_disable {
 text-decoration:none !important;
 color:#b8b8b8 !important;
 background:#F2F2F2;
}
.reserve_control ul li div.select_day button img {
 vertical-align:-3px;
}
.timeList ul.time02 li.maru,
.timeList ul.time04 li.maru {
 cursor:pointer;
}
/* 予約日時指定 カレンダー */
.reserve_control ul li a.select_day span {
 background:url(../images/icon_cal.png) no-repeat left;
 padding:6px 0 5px 20px;
}
.reserve_control ul li div.select_day input {display:none;}
.reserve_control ul li div.select_day button {
 display:block;
 height:38px;
 border-radius:5px;
 text-align:center;
 letter-spacing:0.1em;
 font-size:0.8em;
 line-height:1em;
 box-sizing:border-box;
 padding: 6px 33px 5px 34px;
 background:#FFD900;
 border:solid 1px #BD9A00;
 color:#714131;
}
.reserve_control ul li div.select_day button:after {
 content:'カレンダーから選ぶ';
 font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}
/* 予約詳細 */
body#yoyakuDetail .yoyakuKiyaku {
 text-align:left;
}
body#yoyakuDetail td.yoyakuKiyaku {
 text-align:left;
 width:40%;
}
/* 限定公開 */ 
.detailLimit .btnArea input[type=submit] {
 display:block;
 width:100px;
 margin:0 auto;
 padding:10px 0;
}
body#cancelpolicy input.cancelpolicy01 {
 width:100px;
 text-align:right;
 padding-right:10px;
}
/* ビル編集 内覧時間を指定する */
.reserveSheet .closeArea p.closetime{padding:0 20px 0 20px; overflow:auto;}
.reserveSheet .closeArea p.opentime{
  color:#666;
  background:#fcfcfc;
  padding:0 20px 0 20px;
  overflow:auto;
  font-size: var(--text-font-size);
}
.reserveSheet .closeArea p.closetime span,
.reserveSheet .closeArea p.opentime span{float:left; margin-top:4px;}

body#heyahensyu .reserveSheet .closeArea p.closetime span,
body#heyahensyu .reserveSheet .closeArea p.opentime span {
  font-size: 1.1em;
  margin-top: 7px;
}

.reserveSheet .closeArea p.closetime button,
.reserveSheet .closeArea p.opentime button{float:right;}
.reserveSheet ul li p.date {
  font-size: var(--text-font-size);
  text-align: center;
  padding: 0 10px;
}
body#heyahensyu .reserveSheet ul li p.date {
  font-size: 1em;
}
.reserveSheet ul li p.time {
 width:450px;
}
/* ユーザー登録完了 */
div.finish .btnArea .btn_blue01, .btnAreaL .btn_blue01 {
 width:250px;
 margin:0 auto;
}
/* ビル詳細 properties/view */
section#articleDetail .detailLayout .googleMapArea p.textArea {
 width:428px;
}
/* 予約キャンセル reserves/cancel */
.cancelbtnArea button[type=submit] {
 display:block;
 width:200px;
 height:40px;
 line-height:40px;
 border-radius:5px;
 border:none;
 text-align:center;
 color:#fff;
 font-size:1em;
 background:#808080;
}
/* 予約状況確認 reserves/status */
.modalContent dl.address {
 width:50%;
 min-height:60px;
}
.modalContent dl.age {
 width:50%;
 min-height:60px;
}
.modalContent dl.age dt {
 width:40%;
}
.modalContent dl.age dd {
 width:60%;
}
.ownerpageArea .yoyakuKakuninList ul.tab01 li a {
 background-image:url(../images/tab01_off2.png);
}
/* users/search_group */
.ownerpageArea .shoninMemberList ul.tab01 li a {
 background-image:url(../images/tab01_off2.png);
}
body #pageNav ul li.selectPage {
 width:40px;
 height:40px;
 background:#f0f0f0;
 border:solid 1px #ddd;
 text-align:center;
 line-height:40px;
}
/* groups/index_admin */
body#kanrigroup div.radioLayout {line-height:2em;}
/* ビル管理者開閉画面に開閉中のステータス表示 */
.ownerRightArea a.ownOpen,
.ownerRightArea a.ownClose {
  margin-bottom: 0;
}
.ownerRightArea .keyStatus {
  text-align: center;
  margin-top: 20px;
}
.ownerRightArea .keyReloadContainer {
  text-align: center;
  height: 60px;
  line-height: 60px;
  font-size: 80%;
}
.ownerCol2Area .ownerRightArea ul.ownNav li.keyDisabled{
  width: 100%;
}
.ownerCol2Area .ownerRightArea ul.ownNav li.keyDisabled img {
  width: 50px;
  margin-top: 20px;
}
.ownerCol2Area .ownerRightArea ul.ownNav li.keyDisabled a {
  height: auto;
  text-align: center;
}
/* カギ一覧 ドアの開閉 ninjalocks/lock */
.parArea.keyOpenArea {
 display:table;
 width:100%;
 margin:0 auto 20px;
}
.parArea button.parOpen {
 display:table-cell;
 /*width:50%;*/
 text-align:center;
 /*display:block;*/
 width:195px;
 height:195px;
 background:#fff url(../images/btn_open02.png) no-repeat top;
 background-size:100%;
 margin:20px 20px 40px auto;
 box-shadow:none;
}
.parArea button.parClose {
 display:table-cell;
 /*width:50%;*/
 text-align:center;
 /*display:block;*/
 width:195px;
 height:195px;
 background:#fff url(../images/btn_close02.png) no-repeat top;
 background-size:100%;
 margin:20px auto 40px 20px;
 box-shadow:none;
}
/* 部屋画像を3個まで登録可能 */
.uploadImageButtonArea {
  margin-bottom: 20px;
}
.uploadImageButtonArea .container {
 display:inline-block;
}
.uploadImageButtonArea label {
 display:inline-block;
 width: 200px;
 height: 35px;
 line-height: 35px;
 padding: 0 10px;
 margin:10px;
}
.uploadImageButtonArea label input[type='file'] {
 display:none;
}
.btnArea .uploadImageButtonArea button {
 display:inline-block;
 margin:10px;
}
.imgArea .btnArea .note {
  text-align: center;
  margin-top: 4px;
  font-size: var(--description-font-size);
}
/* rooms/view */
.contentsArea #scrollArea p.textArea.spareTime {text-align:center;}
.contentsArea .propertiesUrl {
  display: block;
  margin-top: 10px;
}
/* カメラ撮影ポップアップ */
#cameraContainer {
  background: #fff;
}
#cameraContainer .modalContent {
  border-style: none;
}
#cameraContainer button.remodal-close {
  background: #f2f2f2;
}
#cameraContainer .cameraImage {
  height:300px;
  width: 2000px;
  background: #f2f2f2;
  display: table-cell;
  vertical-align: middle;
}
#cameraContainer .pushCameraImage,
#cameraContainer .downloadCameraImage {
  height:40px;
  line-height:40px;
  display: inline-block;
  padding: 0 20px;
  margin: 15px 10px 0 10px;
}
@media screen and (max-width: 768px){
  #cameraContainer .pushCameraImage,
  #cameraContainer .downloadCameraImage {
    width: 100%;
    margin: 15px 0 0 0;
  }
}
/* groups/index */
body#kanrigroup .ownKanriBlock .groupmember.grouplist li dl dt {width:auto;}
body#kanrigroup .ownKanriBlock .groupmember.grouplist li dl dd:nth-child(2) {width:300px;}
body#kanrigroup .ownKanriBlock .groupmember.grouplist li dl dd:nth-child(3) {width:80px;}
body#kanrigroup .ownKanriBlock .groupmember.grouplist li dl dd:nth-child(4) {width:80px;}
body#kanrigroup .ownKanriBlock .groupmember.grouplist .btn_blue01.editbtn {
  margin: 0 0.2em;
  width: 60px;
  text-align: center;
}
body#kanrigroup .ownKanriBlock .groupmember.grouplist .btn_blue01.memberbtn {margin:0 0.2em; width:60px; font-size:0.6rem;}
body#kanrigroup .ownKanriBlock .groupmember.grouplist li dl dd p.tranferMethods { 
  font-size: 0.8em;
}

/* reserves/status */
.yoyakuList ul li dl dd:nth-child(1) {width:5%;text-align:center;color:#EA5C67;}
.yoyakuList ul li.tentative dl dd:nth-child(1) {color:#aaa;}
.yoyakuList ul li dl dd:nth-child(3) {width:21%;}
.yoyakuList ul li dl dd:nth-child(4) {width:20%;}
.yoyakuList ul li dl dd:nth-child(5) {
  width:10%;
  padding: 0;
  text-align: center;
  vertical-align: middle;
}
.yoyakuList .cancel_reserve_btn {
  color: #fff;
  box-sizing: border-box;
  font-size: 1.1em;
  text-decoration: none;
  border-radius: 5px;
  background:#71A1C9;
  padding: 2px 5px;
  border: none;
}

/* boxerの隠れたローディング画像と重なっている部分がクリック出来ない */
#boxer .boxer-loading {
  pointer-events: none;
}
/* properties/index */
body #pageNav {
 width:100%;
}
body .pageNav ul li {
 display:block;
 float:left;
 width:40px;
 height:40px;
 margin-right:10px;
 margin-bottom:0;
}
body .pageNav ul li .selectPage {
 width:40px;
 height:40px;
 background:#f0f0f0;
 border:solid 1px #ddd;
 text-align:center;
 line-height:40px;
}
body .pageNav ul li span {
 display:block;
 width:40px;
 height:40px;
 background:#fff;
 border:solid 1px #ddd;
 text-align:center;
 line-height:40px;
 color:#777;
 box-sizing:border-box;
 cursor: pointer;
}
body .pageNav ul li:last-child {margin-right:-20px;}
body .pageNav ul li.selectPage {
 width:40px;
 height:40px;
 background:#f0f0f0;
 border:solid 1px #ddd;
 text-align:center;
 line-height:40px;
}
#venue .rightSideArea .topNav ul {
 width:340px;
}
#venueDtail .rightSideArea .roomBlock dd span {
 text-decoration:none;
}
#venueDtail .rightSideArea .roomBlock dd span.cline {
 text-decoration:line-through;
}
/* rooms/view calender */
body.rooms_view .ui-widget-content { border:0; color:#222;} /* カレンダー全体 */
body.rooms_view .ui-datepicker th {font-weight:normal;} /* 曜日 */
body.rooms_view .ui-widget-header { border:0; background:none; color:inherit; font-weight:normal;} /* ヘッダーのxxxx年xx月 */
body.rooms_view .ui-state-default,
body.rooms_view .ui-widget-content .ui-state-default,
body.rooms_view .ui-widget-header .ui-state-default {border:0; background:none; text-align:center; padding:15px 0;} /* 日のセル */
body.rooms_view .ui-state-active,
body.rooms_view .ui-widget-content .ui-state-active,
body.rooms_view .ui-widget-header .ui-state-active {background:#F7F5B0 !important;} /* 選択した日 */
body.rooms_view .ui-datepicker {
  width: 100%;
  margin: 20px auto 0; 
}
body.rooms_view .ui-datepicker table {margin-top:20px; margin-bottom:20px; }
body.rooms_view .ui-datepicker .ui-datepicker-title { font-size: var(--font-size-lg); }
body.rooms_view .ui-datepicker .ui-datepicker-prev span {transform:rotate(180deg);}
body.rooms_view .ui-datepicker .ui-datepicker-prev span,
body.rooms_view .ui-datepicker .ui-datepicker-next span { margin-top:0px; }
body.rooms_view .ui-datepicker th,
body.rooms_view .ui-datepicker td { width:14%; border:0; }
body.rooms_view .ui-widget-header .ui-icon {background: url("../svg/right-arrow-black.svg") no-repeat center/24px;}
#venueDtail .rightSideArea .roomDetailBtn .btnArea button {
 display:inline-block;
 width:145px;
 height:auto;
 padding:15px 0;
 margin:0 5px;
 border-radius:5px;
 outline:none;
 border:none;
 font-size: var(--button-font-size);
 color:#fff;
}
#venueDtail .rightSideArea .roomDetailBtn .btnArea button:first-child:last-child {
  width: 250px;
}
/* rooms/view QuoteSp */
#quoteSp.spFilterArea {
  padding-bottom:100px !important;
  padding:10px;
  color: #666666;
}
#quoteSp.spFilterArea h4.title {
  margin-top: 25px;
  font-size: 20px;
  border: none;
 }
 #quoteSp.spFilterArea .information {
  line-height: 25px;
  padding: 10px 15px;
  margin-bottom: -15px;
  background: #f7f7f7;
}
#quoteSp.spFilterArea .information .roomName,
#quoteSp.spFilterArea .information .propertyName {
  font-weight: 600;
}
#quoteSp.spFilterArea .information .reserveDatetime {
  font-size: 14px;
}
#quoteSp.spFilterArea .btnArea {
  height: 85px;
}
#quoteSp.spFilterArea .btnArea ul li {
  width:auto;
}
#quoteSp.spFilterArea .btnArea ul li button {
  padding: 0 10px;
}

#quoteSp.spFilterArea .spboxerContents01 #approved #reserveApproveForm .required {
  background: #d31f1f;
  color: #fff;
  font-size: 12px;
  font-weight: 100;
  padding: 4px;
  border-radius: 2px;
}

#quoteSp.spFilterArea .spboxerContents01 #approved #reserveApproveForm .formdata{
  margin-top: 10px;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  padding: 0px 5px;
  height: 40px;
  width: 96%;
}
#quoteSp.spFilterArea .spboxerContents01 #approved #reserveApproveForm .formdata#meeting_name::placeholder {
  color: #cbd5e0;
}
#quoteSp.spFilterArea .spboxerContents01 #approved #reserveApproveForm .helpText{
  font-size: 12px;
  line-height: 1.3;
  margin: 5px 0;
}
#quoteSp.spFilterArea .spboxerContents01 #approved #reserveApproveForm .radioes{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 10px;
}
#quoteSp.spFilterArea .spboxerContents01 #approved #reserveApproveForm .texteara{
  height: 140px;
  padding: 5px
}
#quoteSp.spFilterArea .spboxerContents01 #approved #reserveApproveForm .note{
  width: 96%;
  height: 10em;
  overflow: scroll;
  padding: 12px;
  box-sizing: border-box;
  border-radius: 3px;
  font-size: 1em;
  line-height: 1.4em;
  margin: 10px auto 20px;
  text-align: left;
  border: solid 1px #e2e2e2;
}

/* rooms/view */
#venueDtail .rightSideArea .roomBlock ul.reserveList li.jumpfrom {
  cursor: pointer;
}
#venueDtail .rightSideArea .roomBlock .reserveTime dl dd {
  padding: 0;
}
#venueDtail .rightSideArea .roomBlock .reserveTime dl dd .easy-select-box {
  background: none;
  font-size: 100%;
}
#venueDtail .rightSideArea .roomBlock .reserveTime dl dd .easy-select-box.disabled {
  background: #DDDDDD;
  pointer-events: none;
}
#venueDtail .rightSideArea .roomBlock .reserveTime dl dd .esb-displayer {
  color: #666;
  text-align: center;
  padding: 10px 0;
}
#venueDtail .rightSideArea .roomBlock .reserveTime dl dd .esb-dropdown {
  width: 100%!important;
}
#venueDtail .leftSideArea .bx-default-pager {
  display: none;
}

body#venueDtail.rooms_view.boxer-open div#boxer div.boxer-container div.boxer-content div.filterContent input.meetingname {
  margin-bottom: 20px;
  margin-left: 29px;
  margin-top: 10px;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  padding: 0 12px;
  height: 40px;
  width: 90%;
}

body#venueDtail.rooms_view.boxer-open div#boxer div.boxer-container div.boxer-content div.filterContent #reserveApproveForm input.formdata,
body#venueDtail.rooms_view.boxer-open div#boxer div.boxer-container div.boxer-content div.filterContent #reserveApproveForm textarea.formdata {
  margin-top: 10px;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  padding: 0 12px;
  height: 40px;
  width: 100%;
}
body#venueDtail.rooms_view.boxer-open div#boxer div.boxer-container div.boxer-content div.filterContent #reserveApproveForm input.formdata#meeting_name::placeholder {
  color: #cbd5e0;
}

body#venueDtail.rooms_view.boxer-open div#boxer div.boxer-container div.boxer-content div.filterContent #reserveApproveForm p.helpText {
  font-size: 12px;
  line-height: 1.3;
  margin: 5px 0;
}

body#venueDtail.rooms_view.boxer-open div#boxer div.boxer-container div.boxer-content div.filterContent #reserveApproveForm textarea.formdata  {
  height: 140px;
  padding: 12px;
}

#venueDtail #boxer .boxer-container .boxer-content .filterContent .formList strong span.required {
  background: #d31f1f;
  color: #fff;
  font-size: 12px;
  font-weight: 100;
  padding: 4px;
  border-radius: 2px;
}
body#venueDtail.rooms_view.boxer-open div#boxer div.boxer-container div.boxer-content div.filterContent .note {
  margin: 0 auto 0;
  margin-top: 10px;
}

/* users/add_tenant, users/add_agent  */
section#confirmArea .confirmContents01 .btnArea button.btn_cancel {
 display:inline-block;
 height:35px;
 color:#fff;
 box-sizing:border-box;
 font-size:1.2em;
 text-decoration:none;
 margin:0 auto;
 padding:0 20px;
 border-radius:5px;
 background:#bbb;
 border:none;
}
section#confirmArea .confirmContents01 dl dd.cf3col p.cfTxt {
 width: 15%;
}

.ownKanriBlock ul li .roomset {
  padding: 5px 10px;
}

/* properties/view_admin */
.ownKanriBlock ul li .roomName {
  word-break: break-all;
  min-height: 4em;
  padding: 5px 10px;
  line-height: 1.4em;
  height: 4.7em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
  line-clamp: 3;
  box-orient: vertical;
  font-size: var(--button-font-size);
}
/* properties_tenants/index */
.parArea ul.parEstList li div.btnArea a.btn_blue02 {
 background-color:#71A1C9;
 background-image:url(../images/icon_key.png);
 font-size:1em;
}
/* reserves/view */
.mypageArea ul.previewKeyList li a.disable {cursor:default;}
/* users/add_agent */
section#formArea .formContents02 dl dd.type02 p.subtitle {margin:20px 20px 10px 0;}
/* rooms/add, rooms/edit */
#ownerpage table.input_all {width:100%; margin:0 auto 10px;}
#ownerpage table.input_all td {text-align:right;}
.ownerPage input[type=text].input_all {max-width:100px; height:30px;}
#ownerpage dl.hasLocalAreaNetwork dt {
  padding-top: 0;
}
#ownerpage dl.hasLocalAreaNetwork dd input {
  margin-left: 1.2em;
}
#ownerpage dl.changeLayout dt {
  padding-top: 0.1em;
}
/* properties/sort_order */
.ownerpageArea .ownSortBlock ul li {cursor:move; margin-bottom:1em; padding:0.5em;}
.ownerpageArea .ownSortBlock li span {display:inline-block; vertical-align:middle;}
.ownerpageArea .ownSortBlock li span.roomName {width:83%; margin-left:2%;}
.ownerpageArea .ownSortBlock li span.status {color:#fff; width:15%; padding:0.5em 0; text-align:center;}
.ownerpageArea .ownSortBlock li span.status.open {background-color:#f29549;}
.ownerpageArea .ownSortBlock li span.status.close {background-color:#818181;}
/* reserves/index_admin */
.ownerpageTop .section {
  border: 1px solid #ddd;
  padding: 1.5em;
  margin-bottom: 1.5em;
}
.ownerpageTop .section h2 {
  border-bottom: 1px solid #ddd;
  padding: 0 0.3em 0.3em;
  font-size: 120%;
}
.ownerpageTop .section ul.list li {
  border-bottom: 1px dashed #ddd;
  margin-bottom: 0;
  font-size: 14px;
  padding: 1em 0.5em;
  line-height: 1.4em;
}
.ownerpageTop .section ul.list li.note {
  line-height: 1.4;
}
li.unpaid-item > .label {
  display: inline-block;
  margin-bottom: 10px;
  border: 1px solid rgba(0, 0, 0, .5);
  color: rgba(0, 0, 0, .8);
  border-radius: 2px;
  font-size: 11px;
  padding: 4px 6px;
}
.ownerpageTop .section.topics ul.list li .important {
  color: #f00;
  display: block;
}
.ownerpageTop .section.topics ul.list li .important-text {
  color: #f00;
  display: block;
  margin: 5px 0;
}
.ownerpageTop .section.topics ul.list li .description {
  margin: 5px 0;
}
.ownerpageTop .section.todayPlan ul.list li .time {
  width: 27%;
  display: inline-block;
  vertical-align: top;
}
.ownerpageTop .section.todayPlan ul.list li .text {
  width: 73%;
  display: inline-block;
  vertical-align: top;
}
.ownerpageTop .section.todayPlan ul.list li .text .roomName,
.ownerpageTop .section.todayPlan ul.list li .text .reserveId {
  margin-bottom: 0.5em;
}
.ownerpageTop .section.todayPlan ul.list li .text .reserveId {
  font-size: var(--text-font-size);
}
.ownerpageTop .timeSchedule .scheduleTop {
  height: 30px;
  margin: 20px 0 0;
}
.ownerpageTop .timeSchedule .scheduleTop #theDateJP {
  float: left;
  line-height: 30px;
}
.ownerpageTop .timeSchedule .scheduleTop .scheduleController {
  float: right;
}
.ownerpageTop .timeSchedule .scheduleTop .scheduleController button {
  font-size: 12px;
  border: solid 1px #ddd;
  border-radius: 5px;
  background: #fff;
  color: #666;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
}
.ownerpageTop .timeSchedule .scheduleTop .scheduleController button.double {
  letter-spacing: -3px;
  padding-right: 13px;
}
.ownerpageTop .timeSchedule .scheduleBottom {
  clear: both;
}
.ownerpageTop .timeSchedule #scheduleContainer {
  width: 100%;
  clear: both;
  position: relative;
  margin-top: 10px;
}
.ownerpageTop .timeSchedule #scheduleContainer #scheduleNameContainer {
  width: 30%;
  float: left;
}
.ownerpageTop .timeSchedule #scheduleContainer #scheduleDataContainer {
  width: 70%;
  float: left;
  overflow-x: scroll;
  border-right: solid 1px #ddd;
  position: relative;
}
.ownerpageTop .timeSchedule #scheduleContainer .scheduleDataScrollController {
  position: absolute;
  top: 0;
  right: 0;
  width: 70%;
  height: 30px;
  z-index: 1;
}
.ownerpageTop .timeSchedule #scheduleContainer .scheduleDataScrollController button {
  border: none;
  background: rgba(197, 220, 234, 0.8);
  color: #666;
  height: 100%;
  outline: 0;
  width: 30px;
}
.ownerpageTop .timeSchedule #scheduleContainer .scheduleDataScrollController button.left {
  position: absolute;
  top: 0;
  left: 0;
}
.ownerpageTop .timeSchedule #scheduleContainer .scheduleDataScrollController button.right {
  position: absolute;
  top: 0;
  right: 2px;
}
.ownerpageTop .timeSchedule #scheduleContainer table#scheduleName {
  width: 100%;
  border-left: solid 1px #ddd;
  border-right: solid 2px #ddd;
  table-layout: fixed;
}
.ownerpageTop .timeSchedule #scheduleContainer table#scheduleData {
  width: 1440px; /* 30*48 */
  float: left;
  table-layout: fixed;
}
.ownerpageTop .timeSchedule #scheduleContainer table#scheduleName th,
.ownerpageTop .timeSchedule #scheduleContainer table#scheduleName td,
.ownerpageTop .timeSchedule #scheduleContainer table#scheduleData th,
.ownerpageTop .timeSchedule #scheduleContainer table#scheduleData td {
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  font-weight: normal;
  vertical-align: middle;
  font-size: var(--text-font-size);
  text-align: center;
  height: 30px;
  box-sizing: content-box;
}
.ownerpageTop .timeSchedule #scheduleContainer table#scheduleName th,
.ownerpageTop .timeSchedule #scheduleContainer table#scheduleData th {
  background-color: #c5dcea;
}
.ownerpageTop .timeSchedule #scheduleContainer table#scheduleName td span,
.ownerpageTop .timeSchedule #scheduleContainer table#scheduleData td span {
  display: block;
  max-height: 30px;
  overflow: hidden;
  padding: 1px;
  line-height: 120%;
}
.ownerpageTop .timeSchedule #scheduleContainer table#scheduleData th.timeHeader span {
  display: block;
  width: 100%;
  margin-left: -30px;
}
.ownerpageTop .timeSchedule #scheduleContainer table#scheduleData td.time {
  width: 30px;
  background: #f5f5f5;
  border-left: solid 1px #ddd;
}
.ownerpageTop .timeSchedule #scheduleContainer table#scheduleData td.time:first-child {
  border-left: none;
}
.ownerpageTop .timeSchedule #scheduleContainer table#scheduleData td.time.half {
  border-left: dashed 1px #ddd;
}
.ownerpageTop .timeSchedule #scheduleContainer #scheduleDataContainer .graphdata {
  font-size: var(--text-font-size);
  text-align: center;
  line-height: 120%;
  overflow: hidden;
  color: #fff;
}
.ownerpageTop .timeSchedule #scheduleContainer #scheduleDataContainer .graphdata span {
  display: table-cell;
  vertical-align: middle;
}
.ownerpageTop .timeSchedule #scheduleContainer #scheduleDataContainer .graphdata.reservable {
  display: block;
  background: #fff;
  cursor: pointer;
}
.ownerpageTop .timeSchedule #scheduleContainer #scheduleDataContainer .graphdata.reservable:hover {
  background: #f5f4a4;
}
.ownerpageTop .timeSchedule #scheduleContainer #scheduleDataContainer .graphdata.reserved {
  background: rgba(255, 138, 0, 0.65);
}
.ownerpageTop .timeSchedule #scheduleContainer #scheduleDataContainer .graphdata.reserved.owner {
  background: rgba(255, 30, 58, 0.55);;
}
.ownerPage .search-item .select2-container {
  flex-grow: 1;
}
/* ビル管理者用boxer */
.ownerBoxer #boxer .boxer-container {
 width:auto;
 position:inherit!important;
 background:transparent;
}
.ownerBoxer #boxer .boxer-close {
 top:30px;
 right:30px;
 background:url(../images/icon_close.png) no-repeat top;
 text-indent:-99999px;
}
.ownerBoxer #boxer .boxer-close:before {
 content:none!important;
}
.ownerBoxer #boxer .content {
 width:100%;
 max-width:600px;
 min-width:300px;
 background:transparent;
 border:none;
 padding:20px 0 0;
 margin:0px;
 border-radius:5px;
}
.ownerBoxer #boxer .content h3 {
 color:#6AADAB;
 font-size:1.4em;
 font-weight:100;
 line-height:1.2em;
 padding:0;
 margin:10px 0 25px;
}
.ownerBoxer #boxer .content .btnArea {
 width:100%;
 padding:30px 0;
 margin-top:30px;
 text-align:center;
 border-top:solid 1px #ccc;
}
.ownerBoxer #boxer .content .btnArea ul li {
 display:inline-block;
}
.ownerBoxer #boxer .content .btnArea ul li button {
 width:160px;
 height:42px;
 border-radius:5px;
 font-size:1em;
 line-height:1em;
 border:none;
 outline:none;
 margin:0 10px;
}
.ownerBoxer #boxer .content .btnArea ul li button.blue {color:#fff;}
.ownerBoxer #boxer .content ul.inputList {
  margin-top: 1.5em;
}
.ownerBoxer #boxer .content ul.inputList > li {
  margin-bottom: 1.5em;
}
.ownerBoxer #boxer .content ul.inputList > li input[type="text"],
.ownerBoxer #boxer .content ul.inputList > li textarea {
  width: 100%;
  background: #f3f3f3;
  border: solid 1px #dfdfdf;
  border-radius: 5px;
  font-size: 1em;
  padding: 2px 8px;
  color: #666;
}
.ownerBoxer #boxer .content ul.inputList > li input[type="text"] {
  height: 30px;
}
.ownerBoxer #boxer .content ul.inputList > li dl > dt {
  display: inline-block;
  width: 16%;
  vertical-align: top;
  padding-top: 0.4em;
}
.ownerBoxer #boxer .content ul.inputList > li dl > dd {
  display: inline-block;
  width: 80%;
  vertical-align: top;
}
.ownerBoxer #boxer .content ul.inputList > li dl.half > dd {
  width: 27%;
  margin-right: 3%;
}
.ownerBoxer #boxer .content ul.inputList > li dl.half > dd:last-child {
  margin-right: 0;
}
.ownerBoxer #boxer .content ul.inputList > li .horizontalCheckboxes label {
  display: inline-block;
  margin-right: 1em;
  line-height: 30px;
}
/* lessor_parents/edit_admin */
.shitentsuika .select_creaditcard {margin-left:30px;}
.shitentsuika .select_account_type {margin-left:50px;}
.shitentsuika .select_creaditcard li {margin-bottom:0; font-size:85%;}
.checkboxArea .select_creaditcard img.creditcard-icon {width:35px;}
.checkboxArea .select_creaditcard input[type="checkbox"] + label {width:80px; text-align:right; vertical-align:bottom;}
.shitentsuika .ownerpageArea .ownerPage .lp-memo {min-height: 200px; border-radius: 5px; overflow: auto;}
.shitentsuika .ownerpageArea .ownerPage dt.memo-label {
 padding-top: 10px;
 vertical-align: top;
}

.shitentsuika .displayItemsDetail {
  margin-bottom: 20px;
  color: #5e92ba;
  cursor: pointer;
}

.shitentsuika .displayItemsDetail .arrowDown {
  display: none;
}

.shitentsuika .itemsDetail {
  display: none;
}

.shitentsuika .itemsDetail .items li dl {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.shitentsuika .itemsDetail .items li span {
  font-size: 0.8em;
}

.shitentsuika .itemsDetail .items li dt {
  display: inline-block;
  vertical-align: top;
  width: 400px;
}

.shitentsuika .itemsDetail .items li dd {
  display: inline-block;
  width: 500px;
}

.shitentsuika .itemsDetail .items .memoText {
  width: 100%;
  min-height: 80px;
  border-radius: 5px;
  border: solid 1px #dfdfdf;
  background: #f3f3f3;
  margin: 0;
  padding: 10px;
  box-sizing: border-box;
  font-size: 0.8em;
}


/* ビル管理者ページ用list検索キー共通 */
.ownerpageArea ul.listSearchKeyArea > li {
 margin:20px 0;
 font-size:0.8em;
}
.ownerpageArea ul.listSearchKeyArea > li .dateRange .date {
 width: 150px;
 display: inline-block;
}
.ownerpageArea ul.listSearchKeyArea > li .dateRange .separator {
 display: inline-block;
 margin: 0 1em;
}
.ownerpageArea ul.listSearchKeyArea > li ul.tab01 {
  margin-bottom: 1em;
}
.ownerpageArea ul.listSearchKeyArea > li ul.tab01 > li a {
 color:#999;
 text-align:center;
 display:block;
 width:100%;
 height:30px;
 background-position:bottom;
 background-repeat:repeat-x;
 background-image:url(../images/tab01_off.png);
 cursor: pointer;
 font-size: var(--text-font-size);
}
.ownerpageArea ul.listSearchKeyArea > li ul.tab01 > li {
  width: 100px;
  display: inline-block;
  margin-right: 1em;
  margin-bottom: 0;
}
.ownerpageArea ul.listSearchKeyArea > li ul.tab01 > li a:hover {
 background-image:url(../images/tab01_on.png);
 color:#3B66D9;
 text-decoration:none;
}
.ownerpageArea ul.listSearchKeyArea > li ul.tab01 > li a.on {
 color:#3B66D9;
 background-image:url(../images/tab01_on.png);
}
.ownerpageArea ul.listSearchKeyArea > li .checkboxArea {
  display: inline-block;
  margin-right: 1.2em;
}
.ownerpageArea ul.listSearchKeyArea > li .select2-container {
}

/* ビル管理者ページ用list共通 */
.ownerpageArea table.list {
  font-size: var(--text-font-size);
  width: 100%;
  table-layout: fixed;
  line-height: 1.4em;
}

.ownerpageArea > .historyTableArea > table.list {
  min-width: 1030px;
}

.ownerpageArea table.list th {
  background: #4F81BD;
  color: #fff;
  border: solid 1px #fff;
  font-weight: normal;
  padding: 1em 0.5em;
}
.ownerpageArea table.list td {
  border: solid 1px #fff;
  padding: 0.5em;
  word-break: break-all;
  vertical-align: top;
}
.ownerpageArea table.list td.detail.button {
  vertical-align: middle;
}
.ownerpageArea table.list td.button a {
  padding: 0.5em;
  background: #71A1C9;
  border-radius: 5px;
  color: #fff;
  display: block;
  text-decoration: none;
  text-align: center;
}

.ownerpageArea table.list td.button .btn-reserve-detail {
  padding: 0.45em;
}

/* reserves/status（新） */
.reservesStatus .ownerpageArea table.list tr.complete {
  background: #DCE6F2;
}
.reservesStatus .ownerpageArea table.list tr.warning {
  background: #F2DCDB;
}

.reservesStatus .ownerpageArea table.list tr:nth-child(odd) {
  background: var(--odd-table-bg-color);
}
.reservesStatus .ownerpageArea table.list tr:nth-child(even) {
  background: var(--even-table-bg-color);
}

.reservesStatus .ownerpageArea table.list th.reserveId {
  width: 8%;
}
.reservesStatus .ownerpageArea .historyTableArea table.list th.reserveId {
  width: 9%;
}
.reservesStatus .ownerpageArea table.list th.reserveType {
  width: 10%;
}
.reservesStatus .ownerpageArea table.list th.date {
  width: 13%;
}
.reservesStatus .ownerpageArea .historyTableArea table.list th.date {
  width: 15%;
}
.reservesStatus .ownerpageArea table.list th.room {
  width: 15%;
}
.reservesStatus .ownerpageArea .historyTableArea table.list th.room {
  width: 13%;
}
.reservesStatus .ownerpageArea table.list th.division {
  width: 15%;
}
.reservesStatus .ownerpageArea table.list th.user {
  width: 16%;
}
.reservesStatus .ownerpageArea table.list th.billingInfo {
  width: 22%;
  text-align: center;
}
.reservesStatus .ownerpageArea .historyTableArea table.list th.billingInfo {
  width: 20%;
  text-align: center;
}
.reservesStatus .ownerpageArea table.list th.detail {
  width: 4em;
  text-align: center;
}
.reservesStatus .ownerpageArea table.list td.reserveId {
  text-align: center;
}
.reservesStatus .ownerpageArea table.list td .warningText {
  color: #f00;
}
.reservesStatus .ownerpageArea table.list td p {
  margin-bottom: 1em;
}
.reservesStatus .ownerpageArea .nodataText {
  margin: 2em 0;
}

/* reserves/view_admin */
.reserveViewAdmin .kanrimemberdetail .confirm {
  padding-top: 2em;
  padding-bottom: 0;
}
.reserveViewAdmin .kanrimemberdetail .confirm a {
  display: inline-block;
  padding: 0 1em;
  height: 40px;
  line-height: 40px;
  margin: 0 10px;
  vertical-align: top;
}
.reserveViewAdmin .kanrimemberdetail .confirm .btn_blue02 {
  width: auto;
  padding: 0 2em;
}
.reserveViewAdmin h2 {
  font-size: 1.3em;
  font-weight: normal;
  border: solid 1px #eee;
  padding: 0.5em;
  margin: 2.5em 0 1em;
}
.reserveViewAdmin .paymentLink {
  text-align: center;
  margin: 2em 0 1em;
}

/* payments/view_admin, view_onetime_admin */
.paymentsViewAdmin .kanrimemberdetail .confirm {
  padding-top: 2em;
  padding-bottom: 0;
}
.paymentsViewAdmin .kanrimemberdetail .confirm a {
  display: inline-block;
  padding: 0 1em;
  height: 40px;
  line-height: 40px;
  margin: 0 10px;
  vertical-align: top;
}
.paymentsViewAdmin .kanrimemberdetail .confirm .btn_blue02 {
  width: auto;
  padding: 0 2em;
}
.paymentsViewAdmin h2 {
  font-size: 1.3em;
  font-weight: normal;
  border: solid 1px #eee;
  padding: 0.5em;
  margin: 2.5em 0 1em;
}
.paymentsViewAdmin .oldPaymentList ul.colorList01:after,
.paymentsViewAdmin .PaymentNextList ul.colorList01.hasHistory:after {
  content: ' ';
  display: block;
  background: url('../images/arrow01_2.gif') no-repeat center center;
  height: 2.2em;
}
.paymentsViewAdmin .extendPaymentList ul.colorList01:after {
  content: ' ';
  display: block;
  height: 2.2em;
}
.paymentsViewAdmin .oldPaymentList ul.colorList01:last-child:after,
.paymentsViewAdmin .extendPaymentList ul.colorList01:last-child:after {
  content: '';
  display: none;
}
.paymentsViewAdmin .ownerpageArea table.list tr.complete {
  background: #DCE6F2;
}
.paymentsViewAdmin .ownerpageArea table.list tr.warning {
  background: #F2DCDB;
}
.paymentsViewAdmin .ownerpageArea table.list th.reserveType {
  width: 2em;
}
.paymentsViewAdmin .ownerpageArea table.list th.date {
  width: 8.5em;
}
.paymentsViewAdmin .ownerpageArea table.list th.price {
  width: 8em;
}
.paymentsViewAdmin .ownerpageArea table.list th.detail {
  width: 5em;
  text-align: center;
}
.paymentsViewAdmin .ownerpageArea table.list td .warningText {
  color: #f00;
}
.paymentsViewAdmin .ownerpageArea table.list td p {
  margin-bottom: 1em;
}

/* reserves/amount_manual */
.reservesAmountManual .ownerpageArea ul li {
  margin-bottom: 1em;
}
.reservesAmountManual .ownerpageArea .ownerPage dl dt {
  width: 120px;
}
.reservesAmountManual .ownerpageArea .ownerPage dl dd {
  width: 450px;
}
.reservesAmountManual .ownerpageArea .ownerPage dl dd #PaymentMemo,
.reservesAmountManual .ownerpageArea .ownerPage dl dd #ReserveCancellationNote {
  border-radius: 5px;
  font-size: 14px;
}
.reservesAmountManual .ownerpageArea .ownerPage dl dd #ReserveCancellationNote {
  margin-bottom: 0;
  color: #666;
}
.reservesAmountManual .ownerPage input.date {
  width: 145px;
}
.reservesAmountManual .ownerPage .fulltimeSelect .select2-container {
  margin: 0 5px;
}
.reservesAmountManual .ownerPage .payment_amount,
.reservesAmountManual .ownerPage .bill_amount {
  display: inline-block;
  width: 145px;
}
.reservesAmountManual .ownerPage .amountMemo dt {
  vertical-align: top;
}
.reservesAmountManual .ownerPage textarea {
  min-height: 100px;
}
.reservesAmountManual .ownerPage #PaymentPaymentAmountError {
  color: #f00;
  font-weight: bold;
  font-size: 1.3em;
  margin-left: 1em;
  display: inline-block;
  vertical-align: middle;
}
.reservesAmountManual .confirm {
  padding-top: 2em;
  padding-bottom: 0;
}
.reservesAmountManual .confirm a {
  display: inline-block;
  padding: 0 1em;
  height: 40px;
  line-height: 40px;
  margin: 0 10px;
  vertical-align: top;
}
.reservesAmountManual .ownerpageArea .confirm .btn_blue02 {
  width: auto;
  padding: 0 2em;
}

/* payments/status */
.paymentsStatus .ownerpageArea table.list tr.complete {
  background: #DCE6F2;
}
.paymentsStatus .ownerpageArea table.list tr.warning {
  background: #F2DCDB;
}
.paymentsStatus .ownerpageArea table.list th {
  width: 6em;
  vertical-align: middle;
}
.paymentsStatus .ownerpageArea table.list th.reserveId,
.paymentsStatus .ownerpageArea table.list th.reserveType {
  width: 4em;
}
.paymentsStatus .ownerpageArea table.list th.detail {
  width: 3em;
  text-align: center;
}
.paymentsStatus .ownerpageArea table.list td .warningText {
  color: #f00;
}
.paymentsStatus .ownerpageArea table.list td p {
  margin-bottom: 1em;
}
.paymentsStatus .ownerpageArea .nodataText {
  margin: 2em 0;
}
.paymentsStatus .ownerpageArea .createInvoiceButton {
  font-size: 0.8em;
}
.ownerpageArea .paymentsStatusMenu {
  display: table;
  width: 100%;
}
.ownerpageArea .paymentsStatusMenu a {
  display: table-cell;
  background: #D9D9D9;
  /*background: #aaa;*/
  color: #333;
  text-decoration: none;
  margin-bottom: 20px;
  text-align: center;
  font-size: 0.8em;
  border-right: dashed 1px #aaa;
  vertical-align: middle;
  height: 50px;
  width: 20%;
}
.ownerpageArea .paymentsStatusMenu a.active {
  border-bottom: solid 5px #aaa;
}
.ownerpageArea .paymentsStatusMenu a:last-child {
  border-right: none;
}
.ownerpageArea .paymentsStatusMenu a:hover {
  opacity: 0.6;
}

/* payments/status_agency */
.paymentsStatusAgency .ownerpageArea table.list tr {
  background: #DCE6F2;
}
.paymentsStatusAgency .ownerpageArea table.list th.paymentType {
  width: 8em;
}
.paymentsStatusAgency .ownerpageArea table.list th.date {
  width: 8em;
}
.paymentsStatusAgency .ownerpageArea table.list th.price {
  width: 8em;
}
.paymentsStatusAgency .ownerpageArea table.list th.detail {
  width: 5em;
  text-align: center;
}
.paymentsStatusAgency .ownerpageArea h2 {
  font-size: 1.3em;
  margin: 1em 1.5em 1em 0;
  display: inline-block;
}
.paymentsStatusAgency .ownerpageArea .monthSelect {
  display: inline-block;
}
.paymentsStatusAgency .ownerpageArea .monthSelect a {
  padding: 0.5em;
  background: #71A1C9;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  margin: 0 0.5em;
}
.paymentsStatusAgency .ownerpageArea .btnArea a {
  display: inline-block;
  padding: 1em;
  height: auto;
  line-height: 1.3em;
}

/* payments/status_sale */
.paymentsStatusSale .ownerpageArea .btnArea button {
  display: inline-block;
  padding: 1em;
  line-height: 1.3em;
  height: auto;
}

/* groups/edit,add */
.groupsEdit .ownerpageArea ul li.bankInput,
.groupsEdit .ownerpageArea ul li.bankInputLast {
  margin-bottom: 10px;
}

.groupsEdit .ownerpageArea ul li.paymentMethods p.notice {
  font-size: 0.8em;
  padding-left: 10px;
  line-height: 15px;
}

.groupsEdit .ownerpageArea ul li.paymentMethods div.checkBoxs {
  margin-top: 30px;
}
.groupsEdit .ownerpageArea ul li.paymentMethods div.checkBoxs p {
  line-height: 30px;
  font-size: 1em;
  margin-top: 15px;
}
.groupsEdit .ownerpageArea ul li.paymentMethods div.checkBoxs ul.onetimeBillSettings {
  padding-left: 50px;
  margin-top: 10px;
}

.groupsEdit .ownerpageArea ul div.checkBoxs li.cancelPolicy > p.note {
  margin-top: 0;
  font-size: 0.8em;
  line-height: 15px;
}

.groupsEdit .ownerpageArea ul div.checkBoxs li.cancelPolicy > p.note > .highlight {
  color: #71A1C9;
}

.groupsEdit .ownerpageArea ul div.checkBoxs li.cancelPolicy > p.note:not(:first-child) {
  padding-left: 12px;
}

.groupsEdit .ownerpageArea ul div.checkBoxs li.allowCustomCancelPolicy {
  margin-bottom: 0px;
}

.groupsEdit .ownerpageArea ul div.checkBoxs li.cancelPolicy {
  padding-left: 55px;
}

.groupsEdit .ownerpageArea ul div.checkBoxs li.cancelPolicy > .options > p.option:not(.-fixed) {
  margin-top: 5px;
}

.groupsEdit .ownerpageArea ul div.checkBoxs li.cancelPolicy > .options > p.option:not(.-fixed) {
  margin-top: 5px;
}

.groupsEdit .ownerpageArea ul div.checkBoxs li.cancelPolicy > .options > p.option > .day {
  display: inline-block;
  min-width: 320px;
}

/* モーダル用list */
#boxer table.list {
  font-size: 0.75em;
  width: 100%;
  table-layout: fixed;
}
#boxer table.list tr {
    background: #DCE6F2;
}
#boxer table.list th {
  background: #4F81BD;
  color: #fff;
  border: solid 1px #fff;
  font-weight: normal;
  padding: 1em 0.5em;
}
#boxer table.list td {
  border: solid 1px #fff;
  padding: 0.5em;
  word-break: break-all;
  vertical-align: top;
}

#scheduleArea{
  width: 100%;
  overflow-x: auto;
}
.scheduleTable{
	table-layout: fixed;
	width: 25px;
}


.scheduleTable td,
.scheduleTable th
{
	border: 1px #d3d3d3 solid;
	height :2em;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	width:25px;
	font-size: var(--label-font-size);
}

.scheduleTable .header{
	background-color: #A9E2F3;
}

.trBlue {background-color: #a3d1ff; }
.trPropertyBlue {
	background-color: #38a1db;
	color: white;
}
.trGreen {background-color: #bcffdd; }
.trPropertyGreen {
	background-color: #3cb371;
	color: white;
}

.trProperty1 {
	background-color: #99d2c1;
	color: white;
}
.trProperty2 {
	background-color: #47b7d4;
	color: white;
}
.trProperty3 {
	background-color: #d2a8cc;
	color: white;
}
.trProperty4 {
	background-color: #f8b990;
	color: white;
}
.trProperty5 {
	background-color: #f0ab9c;
	color: white;
}
.trProperty6 {
	background-color: #b8b2d6;
	color: white;
}
.trProperty7 {
	background-color: #ebc7d6;
	color: white;
}
.trProperty8 {
	background-color: #e3cd9c;
	color: white;
}
.trProperty9 {
	background-color: #c3d797;
	color: white;
}
.trProperty0 {
	background-color: #add3d4;
	color: white;
}

.backWhite {background-color: white; }

.scheduleTable .dateHeader{
	text-align: center;
	vertical-align: middle;
	width:75px;
}
.scheduleTable .roomName{
	text-align: center;
	vertical-align: middle;
	width:100px;
}
.scheduleTable .timeHeader{
	text-align: center;
	vertical-align: middle;
	width:50px;
}

.propertyHeader{
	border-right-style: none;
	text-align: left;
}
.noneBorderLeft{
	border-left-style: none;
}

.scheduleData{
	width:100%;
	overflow: hidden;
}

.buffer {background-color: #CCCCCC; }
.owner1 {
	background-color: #e83929; 
	color: white;
}
.owner2 {background-color: #ffbcbc; }
.user1 {
	background-color: #f39700; 
	color: white;
}
.user2 {background-color: #ffcc99; }
.cancel {background-color: #e5e5ff; }
.cantView {background-color: #CCCCCC; }

.dispInlineBlock{
	display: inline-block!important;
}
.dispNone{
	display: none!important;
}

.btnSort {
	width:100px;
	height:30px;
	text-align:center;
	color:#fff;
	font-weight:100;
	background:#71A1C9;
	border:none;
	outline:none;
	font-size: var(--button-font-size);
	border-radius: 5px;
}
.btnSortSmall {
	width:40px;
	height:30px;
	text-align:center;
	color:#fff;
	font-weight:100;
	background:#71A1C9;
	border:none;
	outline:none;
	border-radius: 5px;
  font-size: var(--button-font-size);
}

.widthReset60px{
	width:60px!important;
}

.widthReset80px{
	width: 80px !important;
}

.widthReset105px{
	width:105px!important;
}

.widthReset110px{
	width:110px!important;
}

.widthReset115px{
	width: 115px !important;
}

.widthReset120px{
	width: 120px !important;
}

.widthReset130px {
  width: 130px !important;
}

.widthReset145px{
	width: 145px !important;
}

.widthReset150px{
	width:150px!important;
}

.widthReset160px{
	width: 160px !important;
}

.widthReset170px{
	width: 170px !important;
}

.widthReset200px{
	width:200px!important;
}

.ownerPage .memo {
	width: 100%;
	border: solid 1px #dfdfdf;
	border-radius: 5px;
	font-size: 1em;
	color: #666;
	min-height: 3em;
	margin: 0;
	vertical-align: middle;
}
.ownerPage .row {
	display: flex;
}
.ownerPage .row .note {
  margin-top: 10px;
}
.ownerPage .row .note .text {
  margin-bottom: 8px;
	font-size: 12px;
}
.ownerPage .memo-label-top {
	vertical-align: top;
}

.ownerPage dl.viewAdmin .memo {
	padding: 10px 8px;
	font-size: 1em;
    background: #fff;
}


div.tooltip span {
	display: none;
	padding: 5px;
	position: relative;
	margin : 5px;
}

div.tooltip:hover span{
	display: block;
	position: absolute;
	border: 1px solid #CCC;
	border-radius: 5px;
	background: #F7F7F7;
	color: #666;
	font-size: 1em;
	line-height: 1.6em;
}

.requiredMark{
	color:red;
	font-weight:bold;
	display: inline;
}

/* カードエラー用 */
#boxer #cardErrorMessage {
  max-width: 550px;
  white-space: pre-wrap;
}

.seachAreaBackColor{
	border-radius: 15px;
    padding: 10px;
	background-color: rgba(186, 202, 221, 0.28);
}

.scheduleButtonArea{
	text-align: center;
	margin: 10px auto 30px;
}
#toLpButton{
	background:#EA5C67;
	color:white;
}
.vaTop 
{
 vertical-align: top!important;
}
td .scheduleRoomName{
  display: block;
  max-height: 30px;
  overflow: hidden;
  line-height: 120%;
}

#legend{
	border: 1px solid blue;
	margin:5px;
	padding:5px;
	border-radius: 15px;
	width: 350px;
}

#legend dl{
	margin:-5px 0;
}

button.btn_disabled{
 display:inline-block;
 width:200px;
 height:35px;
 color:#000;
 box-sizing:border-box;
 font-size:1em;
 text-decoration:none;
 margin:0 auto;
 padding:0;
 border-radius:5px;
 background:#999;
 border:none;
}

#yoyakuKiyaku{
	width: 90%;
    height: 10em;
    overflow: scroll;
    padding: 10px;
    box-sizing: border-box;
    border: solid 1px #e2e2e2;
    border-radius: 3px;
    font-size: 1em;
    line-height: 1.4em;
    margin: 0 auto 20px;
	text-align: left;
}

.legendSquare{
	vertical-align: middle;
	font-size: 2em;
	display: inline;
	margin: -5px 0;
}
.colorOwner1 {
	color: #e83929; 
}
.colorOwner2 {
	color: #ffbcbc; 
	}
.colorUser1 {
	color: #f39700; 
}
.colorUser2 {
	color: #ffcc99; 
}

.borderRight {
	border-right: solid 1px #eee;
}

.ownerPage dl dd .receiver {
	table-layout:fixed;
	width: 80%;
}

.ownerPage dl dd .receiver tr{
	/* background: #f3f3f3; */
	height:30px;
	border:1px solid  #DFDFDF;
	margin: 0;
}
.ownerPage dl dd .receiver td{
	word-break:break-all;
	vertical-align: middle;
	padding: 0 10px;
}

.ownerPage dl dd .receiver td.btnAreaTd{
	width:80px;
}

.ownerPage dl dd div.mailSetting {
  display: none;
  padding-left: 30px;
}

.ownerPage dl dd div.mailSetting p.mailSettingNotice {
  margin: 10px 0;
  line-height: 25px;
}

.ownerPage dl dd div.mailSetting p.mailSettingNotice span.content{
  font-size: 12px;
}

.ownerPage dl dd p.accordionSettingMail {
  margin-bottom: 20px;
  color: #5e92ba;
}
.ownerPage dl dd p.accordionSettingMail:hover {
  cursor: pointer;
  text-decoration: underline;
}
#ownerpage .ownerpageArea .ownerPage .payment-due-date {
  padding-left: 43px;
}

#ownerpage .ownerpageArea .ownerPage .payment-due-date .payment-note {
  font-size: 13px;
  line-height: 30px;
}
#ownerpage .ownerpageArea .ownerPage .payment-due-date .payment-due-date-select {
  padding-top: 11px;
  padding-left: 16px;
}
#ownerpage .ownerpageArea .ownerPage .payment-due-date .payment-due-date-select .type02 {
  display: inline-block;
}
#ownerpage .ownerpageArea .ownerPage .payment-due-date .payment-due-date-select .type02:last-child {
  margin-left: 15px;
}
#ownerpage .ownerpageArea .ownerPage .payment-due-date .payment-due-date-select .type02 .select2 {
  font-size: 14px;
  height: 30px;
  padding-top: 7px;
}
#ownerpage .ownerpageArea .ownerPage .payment-due-date .payment-due-date-select .type02 .select2 .select2-selection {
  height: 14px;
}
#ownerpage .ownerpageArea .ownerPage .payment-due-date .payment-due-date-select .type02 .select2 .select2-selection__rendered {
  line-height: 15px;
}
#ownerpage .ownerpageArea .ownerPage .payment-due-date .payment-due-date-select .type02 .select2 #select2-invoiceMonthlySendDay-container {
  padding-left: 16px;
}
#ownerpage .ownerpageArea .ownerPage .payment-due-date .payment-due-date-select .type02 .day {
  margin-left: 8px;
  font-size: 13px;
}
#ownerpage .ownerpageArea .ownerPage .payment-due-date .payment-due-date-select .select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: unset;
}
#ownerpage .ownerpageArea .ownerPage .payment-due-date .payment-due-date-select .type02 .select2-container--disabled {
  background: unset;
}
.receiver .btn_blue {
	width:60px;
	height:20px;
	text-align:center;
	color:#fff;
	font-weight:100;
	background:#71A1C9;
	border:none;
	outline:none;
	font-size:0.9em;
	border-radius: 5px;
}
.receiver .btn_gray {
	width:60px;
	height:22px;
	text-align:center;
	color: #fff;
	font-weight:100;
	background: #808080;
	border:none;
	outline:none;
	font-size: var(--button-font-size);
	border-radius: 5px;
}

.legend_table{
	width:100%;
	display: table;
	margin-bottom: 5px;
}
.legend_table_cell{
	margin:auto;
	vertical-align: bottom;
	display: table-cell;
}

.changeConfirmList {
 width:100%;
 margin:0 auto;
 box-sizing:border-box;
}
.changeConfirmList .colorList01 {
  border: 1px solid #E2E2E2;
}
.changeConfirmList .colorList01 li {
  font-size: var(--text-font-size);
}
.changeConfirmList .colorList01 li:not(:last-child) {
  border-bottom: 1px solid #E2E2E2;
}
.changeConfirmList ul.colorList01 li:nth-child(odd) {
  background: #fff;
}
.changeConfirmList ul.colorList01 li:nth-child(even) {
  background: #fff;
}
.changeConfirmList h2 {
  margin: 40px 0 16px;
  padding-left: 8px;
  border-left: 3px solid #2A415C;
  font-size: 1.125em;
  font-weight: bold;
 }
.changeConfirmList .colorList01 dl {
  display: flex;
}
.changeConfirmList .colorList01 dl dt {
  width: 26%;
  padding: 12px 16px;
  background: #F2F2F2;
  border-right: 1px solid #E2E2E2;
  font-weight: bold;
}

.changeConfirmList .colorList01 dl dd {
  padding: 12px 16px;
}
.changeConfirmList table.colorList01 tr {
  background: #fff;
}
.changeConfirmList table.colorList01 tr:not(:last-child) {
  border-bottom: 1px solid #E2E2E2;
}
.changeConfirmList table.colorList01 tbody tr.total {
  background: #FEF9F4;
}
.changeConfirmList table.colorList01 tbody tr.total th.subject {
  background: #FBE9D6;
}
.changeConfirmList table.colorList01 tr th {
  padding: 12px 16px;
  background: #F2F2F2;
  border-right: 1px solid #E2E2E2;
  vertical-align: middle;
}
.changeConfirmList table.colorList01 tbody tr th.subject {
  width: 207px;
  min-width: 207px;
  border-right: 1px solid #E2E2E2;
  font-weight: bold;
}
.changeConfirmList table.colorList01 tbody tr th.subject_option {
  width: 207px;
  min-width: 207px;
  font-weight: bold;
}
.changeConfirmList table.colorList01 tbody tr td {
  padding: 12px 16px;
  vertical-align: middle;
}
.changeConfirmList table.colorList01 tbody tr td:first-of-type {
  width: 26%;
  border-right: 1px solid #E2E2E2;
}
.changeConfirmList table.colorList01 tbody tr.total td.price {
  color: #EA7E00;
  font-weight: bold;
  font-size: 1.125em;
}

#mypage.reserve-change-confirm #flashMessage {
  margin-bottom: 16px;
  padding: 0;
  font-size: var(--text-font-size);
}

.changeConfirmBtnArea {
  padding-top: 40px;
  text-align: center;
}

section#mypage .formContents .changeConfirmBtnArea .btn_cancel,
section#mypage .formContents .changeConfirmBtnArea .btn_confirm {
  width: auto;
  height: 44px;
  padding: 0 24px;
  margin-right: 16px;
  border-radius: 3px;
  font-size: var(--button-font-size);
}
section#mypage .formContents .changeConfirmBtnArea .btn_confirm {
  margin: 0;
}

section#mypage .formContents02 {
 width:100%;
 margin:0 auto;
 box-sizing:border-box;
 text-align:center;
 padding:20px 0;
}

section#mypage .formContents02 dl {
 width:100%;
 padding:0 0 15px;
}

section#mypage .formContents02 dl dt {
 width:150px;
 padding:15px 20px 0 0;
 text-align:left;
 display:table-cell;
 box-sizing:border-box;
 line-height:1.4em;
}

section#mypage .formContents02 dl dd {
 width:650px;
 text-align:left;
 display:table-cell;
 vertical-align:middle;
 word-break:break-all;
}

section#mypage .formContents02 dl dd input[type=text],
section#mypage .formContents02 dl dd input[type=email],
section#mypage .formContents02 dl dd input[type=number] {
 width:100%;
 height:46px;
 border:solid 1px #DFDFDF;
 border-radius:5px;
 padding:0 0 0 10px;
 box-sizing:border-box;
 font-size:1em;
 background:#f3f3f3;
}

section#mypage .formContents02 .btnArea button {margin:0 10px;}

body#yoyakuDetail section#mypage .formContents02 dl.yoyaku_bihin dt{
 display:table-cell;
 vertical-align:middle;
 padding:10px;
 box-sizing:border-box;
 border-right:solid 1px #fff;
 width: 50%;
}

body#yoyakuDetail section#mypage .formContents02 dl.yoyaku_bihin dd {
 display:table-cell;
 padding:10px;
 box-sizing:border-box;
 vertical-align:middle;
 border-right:solid 1px #fff;
}

.cursor_pointer{
	cursor:pointer;
}

.cancelbox input[type=text]{
	-webkit-user-select: auto !important;
}


.boxer-open #boxer-overlay {
  z-index: 150;
}
.boxer-open #boxer {
  z-index: 151;
}

/* user dashboard general css */

/* basic text color */
#mypage.reserves-top,
#mypage.reserve-history,
#mypage.reserve-view,
#mypage.payment-detail,
#mypage.reserve-cancel,
#mypage.reserve-change,
#mypage.reserve-change-confirm,
#mypage.properties-tenants,
#mypage.properties-tenants-view,
#mypage.select-property,
#formArea.add-tenant,
#confirmArea.add-tenant,
#formArea.add-agent,
#confirmArea.add-agent,
#formArea.waiting-register,
#formArea.register {
  color: #222222;
}
#mypage.reserves-top a,
#mypage.reserve-history a {
  color: #578ab7;
}
/* basic text color */

/* title - description */
#mypage.reserves-top .leftArea .reserve-preview .overview .title,
#mypage.reserves-top .leftArea .favorite-section .overview .title,
#mypage.reserves-top .leftArea .limit-section .overview .title,
#mypage.reserve-history .leftArea h1.title,
#mypage.reserve-view .leftArea h1.title,
#mypage.payment-detail .leftArea h1.title,
#mypage.reserve-tentative .leftArea h1.title,
#formArea.login h1.title,
#PPArea h1.title,
#mypage.reserve-cancel .leftArea h1.title,
#mypage.reserve-change .leftArea h1.title,
#mypage.reserve-change-confirm .leftArea h1.title,
#mypage.user-delete h1.title,
#mypage.edit-tenant h1.title,
#mypage.properties-tenants h1.title,
#mypage.properties-tenants-view h1.title,
#mypage.select-property h1.title,
#formArea.users-add h1.title,
#formArea.set-password h1.title,
#formArea.waiting-reset-password h1.title,
#formArea.add-tenant h1.title,
#confirmArea.add-tenant h1.title,
#formArea.add-agent h1.title,
#confirmArea.add-agent h1.title,
#formArea.waiting-register h1.title,
#formArea.register h1.title {
  margin: 0 0 24px;
  border: none;
  border-bottom: 1px solid #d8d8d8;
  padding: 0 0 16px;
  font-size: 24px;
  font-weight: bold;
}
#mypage.reserve-cancel .leftArea h1.title {
  font-size: var(--title-font-size);
}
#mypage.reserves-top .leftArea .reserve-preview .overview .textArea,
#mypage.reserves-top .leftArea .favorite-section .overview .textArea,
#mypage.reserve-history .leftArea .textArea {
  padding: 0;
  font-size: var(--description-font-size);
  line-height: 1.7em;
}

#mypage.reserves-top .leftArea .limit-section .overview .limit-group {
  margin-bottom: 30px;
  font-size: 0.9em;
  line-height: 1.7em;
}

#mypage.reserves-top .leftArea .limit-section .overview .limit-group:last-child {
  margin-bottom: 40px;
}

#mypage.reserves-top .leftArea .limit-section .overview .limit-group .limit-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  margin-bottom: 10px;
}

#mypage.reserves-top .leftArea .limit-section .overview .limit-group .subtitle {
  margin-bottom: 10px;
  font-size: var(--label-font-size);
  font-weight: bold;
}

#mypage.reserves-top .leftArea .limit-section .overview .limit-group .limit-wrapper .box {
  padding: 12px;
  border-radius: 4px;
  background-color: #f7f7f7;
}

#mypage.reserves-top .leftArea .limit-section .overview .limit-group .limit-wrapper .box .label {
  line-height: 2;
  font-size: var(--text-font-size);
  letter-spacing: 0.5px;
}

#mypage.reserves-top .leftArea .limit-section .overview .limit-group .limit-wrapper .box .value {
  font-size: var(--label-font-size);
}

/* title */

#mypage .profArea {
  display:none;
}

#mypage .rightArea.usermenu {
  margin-bottom: 30px;
}
#mypage .rightArea.usermenu .sideMenu {
  display: flex;
  margin-bottom: 0;
  border: 1px solid #e8e8e8;
  border-right: 0;
}
#mypage .rightArea.usermenu .sideMenu .menu {
  flex: 1;
  float: none;
  border: none;
  border-right: 1px solid #e8e8e8;
  width: auto;
}
#mypage .rightArea.usermenu .sideMenu .menu.-select-division {
  display: none;
}
#mypage .rightArea.usermenu .sideMenu .menu .link {
  padding: 19px 0;
  font-size: 0.8em;
  font-weight: 600;
  color: #222222;
}
#mypage .rightArea.usermenu .sideMenu .menu .link:hover {
  background-color: #f0f5f9;
}
#mypage .rightArea.usermenu .sideMenu .menu .link.-active {
  background-color: #71a1c9;
  color: #ffffff;
}
#mypage .rightArea.usermenu .sideMenu .menu.-property {
  display: none;
}
#mypage .rightArea.usermenu .sideMenu .menu:last-child {
  /* border-right: 1px solid #eee; */
}
/* user dashboard general css */


/* 内覧予定 */
/* reserves - top tab css */
#mypage.reserves-top .leftArea .reserve-preview {
  margin-bottom: 40px;
}
#mypage.reserves-top .leftArea .reserve-preview .overview {
  margin-bottom: 16px;
}
#mypage.reserves-top .leftArea .reserve-preview .reserve {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #f7f7f7;
  border-radius: 3px;
  padding: 12px 24px;
  margin: 0 0 12px;
}
#mypage.reserves-top .leftArea .reserve-preview .reserve:last-child {
  margin: 0;
}
#mypage.reserves-top .leftArea .reserve-preview .reserve:before,
#mypage.reserves-top .leftArea .reserve-preview .reserve:after {
  display: none;
}
#mypage.reserves-top .leftArea .reserve-preview .reserve .date {
  color: #222222;
  font-size: var(--text-font-size);
  font-weight: bold;
}
#mypage.reserves-top .leftArea .reserve-preview .reserve .actions {
  display: flex;
}
#mypage.reserves-top .leftArea .reserve-preview .reserve .actions .btn {
  border-radius: 3px;
  padding: 15px 24px;
  font-size: var(--text-font-size);
  font-weight: normal;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
}
#mypage.reserves-top .leftArea .reserve-preview .reserve .actions .btn.btn_key {
  margin-right: 16px;
  background: #71A1C9;
  padding: 15px 50px; 
}
#mypage.reserves-top .leftArea .reserve-preview .reserve .actions .btn.btn_key.-key {
  background: #71A1C9 url(../images/icon_key.png) no-repeat 14px center;
  background-size: 14px;
  padding: 15px 20px 15px 38px;
}
#mypage.reserves-top .leftArea .reserve-preview .reserve .actions .btn.btn_key:hover {
  background-color: #96b8d6;
}
#mypage.reserves-top .leftArea .reserve-preview .reserve .actions .btn.-cancel {
  background-color: #999999;
}
#mypage.reserves-top .leftArea .reserve-preview .reserve .actions .btn.-cancel:hover {
  background-color: #b4b4b4;
}

#mypage.reserves-top .leftArea .favorite-section .overview {
  margin-bottom: 16px;
}
#mypage.reserves-top .leftArea .favorite-section .favorite-rooms {
  display: flex;
  flex-wrap: wrap;
}
#mypage.reserves-top .leftArea .favorite-section .favorite-rooms .room {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 20px;
  margin-left: 20px;
  width: 237px;
  cursor: pointer;
}
#mypage.reserves-top .leftArea .favorite-section .favorite-rooms .room:hover .image,
#mypage.reserves-top .leftArea .favorite-section .favorite-rooms .room:hover .content .roominfo {
  opacity: 0.6;
}
#mypage.reserves-top .leftArea .favorite-section .favorite-rooms .room .image {
  margin-bottom: 16px;
  width: 100%;
  height: 160px;
  object-fit: cover;
  border: 1px solid#EEEEEE;
}
#mypage.reserves-top .leftArea .favorite-section .favorite-rooms .room .content .roominfo {
  padding-bottom: 16px;
}
#mypage.reserves-top .leftArea .favorite-section .favorite-rooms .room .content .roominfo .name {
  line-height: 1.4em;
  font-size: 0.8em;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#mypage.reserves-top .leftArea .favorite-section .favorite-rooms .room .content .roominfo .name.-property {
  margin-bottom: 4px;
  line-height: 1.6em;
  font-size: 1em;
}
#mypage.reserves-top .leftArea .favorite-section .favorite-rooms .room .content .action .deletebutton {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #71A1C9;
  border-radius: 3px;
  background-image: url(../svg/trash_can2-blue.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) center; /* width - right padding */
  background-size: 13px 13px;
  width: 100%;
  height: 36px;
  line-height: 1.5em;
  font-size: 0.9em;
  cursor: pointer;
}
#mypage.reserves-top .leftArea .favorite-section .favorite-rooms .room .content .action .deletebutton:hover {
  background-color: rgba(113, 160, 202, 0.1);
  text-decoration: none;
}
@supports (display:grid) {
  #mypage.reserves-top .leftArea .favorite-section .favorite-rooms {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(237px, 1fr));
    column-gap: 20px;
    row-gap: 20px;
    flex-wrap: unset;
  }
  #mypage.reserves-top .leftArea .favorite-section .favorite-rooms .room {
    margin-bottom: 0;
    margin-left: 0;
    width: auto;
  }
}
/* reserves - top tab css */

/* 予約履歴 */
/* reserves - history tab css */
#mypage.reserve-history .leftArea .textArea {
  margin-bottom: 16px;
}
#mypage.reserve-history .leftArea .historylist .history {
  position: relative;
  margin-bottom: 12px;
  background-color: #f7f7f7;
  padding: 24px;
}
#mypage.reserve-history .leftArea .historylist .history .reserve {
  margin-bottom: 6px;
  font-size: 0.95em;
  line-height: 1.5em;
}
#mypage.reserve-history .leftArea .historylist .history .propertyname {
  padding: 0;
  line-height: 1.8em;
  font-size: 1.4em;
  font-weight: bold;
}
#mypage.reserve-history .leftArea .historylist .history .roomname {
  line-height: 1.5em;
  font-size: 1.25em;
  font-weight: bold;
}
#mypage.reserve-history .leftArea .historylist .history .reserveinfo {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
#mypage.reserve-history .leftArea .historylist .history .reserveinfo .title {
  width: 135px;
  padding-left: calc(13px + 8px); /* icon width + space */
  padding-right: 12px;
  font-size: 1em;
  font-weight: bold;
}
#mypage.reserve-history .leftArea .historylist .history .reserveinfo.-time .title {
  background: url(../svg/clock-grey.svg) no-repeat left center;
  background-size: 15px;
}
#mypage.reserve-history .leftArea .historylist .history .reserveinfo.-price .title {
  background: url(../svg/yen-grey.svg) no-repeat left center;
  background-size: 13px;
}
#mypage.reserve-history .leftArea .historylist .history .reserveinfo.-meetingname .title {
  background: url(../svg/event.svg) no-repeat left center;
  background-size: 13px;
}
#mypage.reserve-history .leftArea .historylist .history .reserveinfo.-memo .title {
  background: url(../svg/memo.svg) no-repeat left center;
  background-size: 13px;
}
#mypage.reserve-history .leftArea .historylist .history .reserveinfo .content {
  font-size: 1.1em;
  line-height: 1.5em;
}
#mypage.reserve-history .leftArea .historylist .history .reserveinfo.meetingname .content {
  margin-left: unset;
}
#mypage.reserve-history .leftArea .historylist .history .reserveinfo.-price .content .priceinfo {
  margin-left: 10px;
  font-size: 0.9em;
}
#mypage.reserve-history .leftArea .historylist .history .reserveinfo.toggle-detail {
  display: flex;
  flex-direction: row;
  padding: 5px 0;
  color: #578ab7;
  cursor: pointer;
}
#mypage.reserve-history .leftArea .historylist .history .reserve-detail {
  display: none;
}
#mypage.reserve-history .leftArea .historylist .history .reserve-detail .field {
  display: flex;
  align-items: center;
  padding: 5px 0;
}
#mypage.reserve-history .leftArea .historylist .history .reserve-detail .field .title {
  min-width: 160px;
  font-size: 1em;
  line-height: 1.25;
}
#mypage.reserve-history .leftArea .historylist .history .reserve-detail .field .content .value {
  word-wrap: break-word;
}
#mypage.reserve-history .leftArea .historylist .history .sub {
  margin-bottom: 0;
}
#mypage.reserve-history .leftArea .historylist .history .sub .separator {
  padding: 0 10px;
  color: #cccccc;
}
#mypage.reserve-history .leftArea .historylist .history .button-add-favorite-room {
  position: absolute;
  top: 24px;
  right: 24px;
  border: solid 1px #71a1c9;
  border-radius: 4px;
  background-color: #ffffff;
  padding: 9px 16px;
  text-decoration: none;
  cursor: pointer;
}
#mypage.reserve-history .leftArea .historylist .history .button-add-favorite-room:hover {
  background-color: rgba(113, 161, 201, 0.1);
}
#mypage.reserve-history .leftArea .historylist .history .button-add-favorite-room.disabled {
  pointer-events: none;
  color: #ccc;
}
#mypage.reserve-history .leftArea .historylist .history .button-add-favorite-room .text {
  background-image: url(../svg/star.svg);
  background-repeat: no-repeat;
  background-size: 11px;
  background-position: left;

  padding-left: calc(11px + 3px); /* icon width + space */
}

body.reserve-history-page #boxer.iframe .boxer-close {
  top: 8px;
  right: 8px;
}
/* reserves - history tab css */

/* payments/view */
#mypage.payment-detail .leftArea h1.title {
  margin-top: 16px;
}
#mypage.payment-detail .leftArea .infotable  {
  display: table;
  margin-bottom: 12px;
  border-collapse: collapse;
  width: 100%;
}
#mypage.payment-detail .leftArea .infotable  .item {
  display: table-row;
}
#mypage.payment-detail .leftArea .infotable  .item .title,
#mypage.payment-detail .leftArea .infotable  .item .content {
  display: table-cell;
  border: solid 1px #e2e2e2;
  vertical-align: middle;
  height: 46px;
  padding: 0 16px;
}
#mypage.payment-detail .leftArea .infotable  .item .title {
  background-color: #ededed;
  font-size: 0.8em;
  font-weight: bold;
}
#mypage.payment-detail .leftArea .infotable  .item .content {
  background-color: #ffffff;
  font-size: 0.9em;
}
#mypage.payment-detail .leftArea .payment-info .item.-total .title {
  background-color: #f1e1ce;
}
#mypage.payment-detail .leftArea .payment-info .item .content {
  text-align: right;
}
#mypage.payment-detail .leftArea .payment-info .item.-total .content {
  background-color: #f4f0eb;
  font-weight: 500;
  color: #ea7e00;
}
#mypage.payment-detail .leftArea .payment-info .item.-total .content .tax {
  display: block;
  margin-top: 5px;
  font-size: 0.85em;
  color: #222222;
}
#mypage.payment-detail .leftArea .btnArea .btn.-return {
  margin: 20px auto;
  background-color: #999999;
  width: 84px;
  padding: 15px 0;
  font-size: 0.9em;
}
/* payments/view */

/* reserves/view */
#mypage.reserve-view .leftArea .keytypeBtn {
  display: flex;
  justify-content: space-between;
  margin: 0 0 20px;
}
#mypage.reserve-view .leftArea .keytypeBtn .keytype {
  flex: 1;
  margin: 0;
  padding: 0;
}
#mypage.reserve-view .leftArea .keytypeBtn .keytype.-room {
  margin-left: 24px;
}
#mypage.reserve-view .leftArea .keytypeBtn .keytype .btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: solid 1px #71a1c9;
  border-radius: 3px;
  background: url(../svg/down-arrow-blue.svg) no-repeat calc(100% - 16px) center;
  background-size: 24px;
  padding: 0;
  font-size: var(--font-size-lg);
  font-weight: 500;
  color: #71a1c9;
  text-decoration: none;
}
#mypage.reserve-view .leftArea .keytypeBtn .keytype .btn:hover {
  background-color: #f0f5fa;
}
#mypage.reserve-view .leftArea .keytypeBtn .keytype .btn .small {
  margin-top: 3px;
  font-size: var(--text-font-size);
}

#mypage.reserve-view .leftArea #key_setsubi h2.title,
#mypage.reserve-view .leftArea #key_kaigi h2.title {
  margin: 0 auto 20px;
  border-bottom: solid 1px #e8e8e8;
  padding: 0 0 10px;
  line-height: 1.7em;
  font-size: var(--subtitle-font-size);
  font-weight: 600;
}

#mypage.reserve-view .leftArea #key_setsubi .property-facilities {
  margin: 0 auto 30px;
}
#mypage.reserve-view .leftArea #key_setsubi .property-facilities .property {
  margin-bottom: 12px;
  border-radius: 3px;
  background-color: #f7f7f7;
  padding: 24px;
}
#mypage.reserve-view .leftArea #key_setsubi .property-facilities .property h3.title {
  margin: 0 auto 16px;
  font-size: var(--font-size-xl);
  font-weight: 600;
}
#mypage.reserve-view .leftArea #key_setsubi .property-facilities .property .facilities .facility {
  margin-bottom: 12px;
  border-radius: 4px;
  background-color: #ffffff;
  padding: 20px;
}
#mypage.reserve-view .leftArea #key_setsubi .property-facilities .property .facilities .facility:last-child {
  margin-bottom: 0;
}
#mypage.reserve-view .leftArea #key_setsubi .property-facilities .property .facilities .facility h4.title {
  margin: 0 auto 16px;
  font-size: var(--font-size-lg);
  font-weight: 600;
}
#mypage.reserve-view .leftArea #key_setsubi .property-facilities .property .facilities .facility .explanation {
  line-height: 1.7em;
  font-size: var(--text-font-size);
}
#mypage.reserve-view .leftArea #key_setsubi .property-facilities .property .facilities .facility .unusable {
  border-radius: 4px;
  background-image: url(../svg/clock-grey.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 24px;
  background-color: #eaeaea;
  padding: 24px 24px 24px calc(24px + 24px + 10px); /* left padding + icon width + space */
  font-size: 1.3em;
  color: #999999;
}
#mypage.reserve-view .leftArea #key_setsubi .property-facilities .property .facilities .facility .actions {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 0;
}
#mypage.reserve-view .leftArea #key_setsubi .property-facilities .property .facilities .facility .actions .openentrance {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 4px;
  background-color: #71a1c9;
  height: 70px;
  font-size: var(--font-size-lg);
  color: #fff;
}
#mypage.reserve-view .leftArea #key_setsubi .property-facilities .property .facilities .facility .actions .openentrance:hover {
  background-color: #96b8d6;
}
#mypage.reserve-view .leftArea #key_setsubi .property-facilities .property .facilities .facility .actions .openentrance .icon {
  margin-right: 16px;
  width: 28px;
  height: 24px;
}

#mypage.reserve-view .leftArea #key_kaigi .reserve-list {
  margin: 0 auto;
}
#mypage.reserve-view .leftArea #key_kaigi .reserve-list .reserve {
  position: relative;
  margin: 0 auto 12px;
  border-radius: 3px;
  background-color: #f7f7f7;
  padding: 24px;
}
#mypage.reserve-view .leftArea #key_kaigi .reserve-list .reserve h3.title,
#mypage.reserve-view .leftArea #key_kaigi .reserve-list .reserve h3.title .roomname {
  margin: 0 0 5px;
  width: calc(100% - 135px); /* container width - extend time button width */
  line-height: 1.5em;
  font-size: var(--font-size-xl);
  font-weight: 600;
}
#mypage.reserve-view .leftArea #key_kaigi .reserve-list .reserve .sub {
  padding: 0;
  line-height: 1.8em;
  font-size: var(--text-font-size);
}
#mypage.reserve-view .leftArea #key_kaigi .reserve-list .reserve .remote {
  line-height: 1.3em;
}
#mypage.reserve-view .leftArea #key_kaigi .reserve-list .reserve .supplement {
  margin: 5px 0;
}
#mypage.reserve-view .leftArea #key_kaigi .reserve-list .reserve .sub.links .separator {
  padding: 0 5px;
  color: #cccccc;
}
#mypage.reserve-view .leftArea #key_kaigi .reserve-list .reserve .detail {
  display: flex;
  align-items: center;
  margin: 5px 0;
}
#mypage.reserve-view .leftArea #key_kaigi .reserve-list .reserve .detail .title {
  min-width: 110px;
  padding-left: calc(13px + 8px); /* icon width + space */
  padding-right: 12px;
  font-size: 1em;
  font-weight: bold;
}
#mypage.reserve-view .leftArea #key_kaigi .reserve-list .reserve .detail.-meetingname .title {
  background: url(../svg/event.svg) no-repeat left center;
  background-size: 13px;
}
#mypage.reserve-view .leftArea #key_kaigi .reserve-list .reserve .detail.-time .title {
  background: url(../svg/clock-grey.svg) no-repeat left center;
  background-size: 15px;
}
#mypage.reserve-view .leftArea #key_kaigi .reserve-list .reserve .detail.-memo .title {
  background: url(../svg/memo.svg) no-repeat left center;
  background-size: 13px;
}
#mypage.reserve-view .leftArea #key_kaigi .reserve-list .reserve .detail .content {
  font-size: var(--text-font-size);
  line-height: 1.5em;
}
#mypage.reserve-view .leftArea #key_kaigi .reserve-list .reserve .ninjalock {
  margin-top: 10px;
  border-radius: 3px;
  background-color: #ffffff;
  padding: 20px;
}
#mypage.reserve-view .leftArea #key_kaigi .reserve-list .reserve .ninjalock .explanation {
  line-height: 1.7em;
  font-size: var(--text-font-size);
}
#mypage.reserve-view .leftArea #key_kaigi .reserve-list .reserve .ninjalock .actions {
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
}
#mypage.reserve-view .leftArea #key_kaigi .reserve-list .reserve .ninjalock .actions .btn {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 4px;
  background-color: #71a1c9;
  height: 70px;
  color: #ffffff;
  font-size: var(--font-size-lg);
}
#mypage.reserve-view .leftArea #key_kaigi .reserve-list .reserve .ninjalock .actions .btn:hover {
  background-color: #96b8d6;
}
#mypage.reserve-view .leftArea #key_kaigi .reserve-list .reserve .ninjalock .actions .btn.-close {
  margin-left: 24px;
}
#mypage.reserve-view .leftArea #key_kaigi .reserve-list .reserve .ninjalock .actions .btn .icon {
  margin-right: 16px;
  width: 28px;
  height: 24px;
}
#mypage.reserve-view .leftArea #key_kaigi .reserve-list .reserve .ninjalock .unusable {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 4px;
  background-image: url(../svg/clock-grey.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 24px;
  background-color: #eaeaea;
  padding: 16px 24px 16px calc(24px + 24px + 10px); /* left padding + icon width + space */
  font-size: var(--text-font-size);
  font-weight: 500;
  color: #999999;
}
#mypage.reserve-view .leftArea #key_kaigi .reserve-list .reserve .ninjalock .unusable .time {
  margin-top: 8px;
  font-size: var(--description-font-size);
  font-weight: normal;
}
#mypage.reserve-view .leftArea #key_kaigi .reserve-list .reserve .btn.-extend-reserve {
  position: absolute;
  top: 20px;
  right: 24px;
  border-radius: 3px;
  background-color: #71a1c9;
  padding: 16px 36px;
  color: #ffffff;
  text-decoration: none;
  font-size: var(--button-font-size);
}
#mypage.reserve-view .leftArea #key_kaigi .reserve-list .reserve .btn.-extend-reserve:hover {
  background-color: #96b8d6;
}
/* reserves/view */

/* #mypage.reserve-changev */
#mypage.reserve-change .summary {
  margin-bottom: 16px;
  padding: 20px;
  background: #F8F8F8;
  border-radius: 3px;
}
#mypage.reserve-change .summary .names {
  display: flex;
  align-items: center;
  font-weight: bold;
}
#mypage.reserve-change .summary .names .name.-property,
#mypage.reserve-change .summary .names .name.-room {
  font-size: var(--font-size-xl);
  margin-right: 16px;
}
#mypage.reserve-change .summary .date {
  display: block;  
  margin-top: 12px;
  font-size: var(--text-font-size);
  font-weight: 100;
}
#mypage.reserve-change .formContents02 {
  padding: 0;
}
#mypage.reserve-change .formContents02 .content {
  margin-bottom: 40px;
  padding: 0;
  border: 1px solid #E2E2E2;
}
#mypage.reserve-change .formContents02 .content dl:not(.option) {
  display: table;
  padding: 0;
}
#mypage.reserve-change .formContents02 .content dl:not(:last-child) {
  border-bottom: 1px solid #E2E2E2;
}
#mypage.reserve-change .formContents02 .content dl dt {
  display: table-cell;
  width: 104px;
  padding: 0 16px;
  background: #F2F2F2;
  font-weight: bold;
  vertical-align: middle;
  font-size: var(--label-font-size);
}
#mypage.reserve-change .formContents02 .content02 dl .title {
  display: table-cell;
  width: 155px;
  padding: 0 16px;
  background: #F2F2F2;
  font-weight: bold;
  vertical-align: middle;
  font-size: var(--text-font-size);
}
#mypage.reserve-change .formContents02 .content dl dt .required {
  background: #d31f1f;
  color: #fff;
  font-weight: 100;
  padding: 4px;
  border-radius: 2px;
  font-size: 12px;
}
#mypage.reserve-change .formContents02 .content dl:not(.option) dd {
  padding: 12px 16px;
  font-size: var(--text-font-size);
}
#mypage.reserve-change .type02 .text.-time-note {
  margin-top: 10px;
}
#mypage.reserve-change .type02 .select2-container,
#mypage.reserve-change .type03 .select2-container {
  border: 1px solid #dfdfdf;
}
#mypage.reserve-change .selection {
  width: 100%;
  height: 100%;
}
#mypage.reserve-change .type02 .select2-container, 
#mypage.reserve-change .type03 .select2-container,
#mypage.reserve-change .yoyaku_bihin .select2 {
  width: 106px!important;
  height: 40px;
  padding: 0;
  background: #fff url('../svg/down-arrow-gray.svg') no-repeat right 4px center;
  border-radius: 3px;
}
#mypage.reserve-change .yoyaku_bihin .select2 {
  width: 80px!important;
}
#mypage.reserve-change .select2-container .select2-selection--single {
  display: flex;
  align-items: center;
  height: 100%;
}

#mypage.reserve-change .select2-container--default,
#mypage.reserve-change .select2-selection--single,
#mypage.reserve-change .select2-selection__rendered {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  line-height: auto;
}

#mypage.reserve-change .formContents02 dl dd input[type=text],
#mypage.reserve-change .formContents02 dl dd input[type=number] {
  height: 40px;
  background: white;
  border-color: #E2E2E2;
  border-radius: 3px;
}
#mypage.reserve-change .formContents02 dl dd input[type=text] {
  width: 100%;
  max-width: 480px;
}

#mypage.reserve-change .option {
  padding: 0;
}
#mypage.reserve-change .option dd {
  max-width: 600px;
  padding: 12px 16px;
}
#mypage.reserve-change .option .note {
  margin: 15px 0 0;
  font-size: 12px;
  line-height: normal;
}

#mypage.reserve-change .colorList01 li {
  padding-bottom: 10px;
  background-color: unset;
}
#mypage.reserve-change ul.colorList01 .layout:not(:first-child) {
  margin-top: 12px;
}
#mypage.reserve-change .colorList01 li:not(:last-child) {
  margin-bottom: 12px;
  border-bottom: 1px solid #e7e7e7;
}
#mypage.reserve-change .colorList01 dl.yoyaku_bihin {
  display: flex !important;
  align-items: baseline;
  flex-wrap: wrap;
  background: #fff;
}
#mypage.reserve-change .colorList01 dl.yoyaku_bihin dt {
  display: unset !important;
  width: unset !important;
  flex: 1;
  padding: 0!important;
  background: #fff;
  font-weight: normal;
  font-size: var(--text-font-size);
}
#mypage.reserve-change .formContents02  .option ul.colorList01 dl.yoyaku_bihin dd {
  font-size: var(--text-font-size);
}
#mypage.reserve-change .formContents02  .option ul.colorList01 dl.yoyaku_bihin dd:not(:first-of-type) {
  padding: 0!important;
}
#mypage.reserve-change .formContents02  .option ul.colorList01 dl.yoyaku_bihin dd:first-of-type {
  width: 90px;
  padding: 0 4px;
  white-space: nowrap;
  /* border-right: 1px solid #ccc!important; */
}
#mypage.reserve-change .formContents02 .option ul.colorList01 dl.yoyaku_bihin dd.price {
  width: 200px;
  text-align: right;
}
#mypage.reserve-change .formContents02 .option ul.colorList01 dl.yoyaku_bihin dd.separator {
  position: relative;
  align-self: flex-start;
  width: 70px;
}
#mypage.reserve-change .formContents02 .option ul.colorList01 dl.yoyaku_bihin dd.separator::after {
  content: '';
  position: absolute;
  top: 9px;
  left: 50%;
  transform: translateX(calc(50% - 5.5px));
  width: 1px;
  height: 22px;
  background: #ccc;
}
#mypage.reserve-change .formContents02 .option ul.colorList01 dl.yoyaku_bihin dd.description {
  flex: 100%;
  margin: 8px 0;
  font-size: 12px;
  line-height: 1.2;
  word-break: break-all;
}
#mypage.reserve-change .formContents02 dl:not(.option) dd {
  width: auto;
}

#mypage.reserve-change .btnArea .btn_blue01 {
  width: 200px;
  padding: 0 16px;
  height: 44px;
  border-radius: 3px;
  font-size: var(--text-font-size);
}


#mypage.reserve-change #flashMessage {
  margin-bottom: 16px;
  padding: 0;
  font-size: var(--text-font-size);
}

#rooms-view .leftSideArea .detailBlock {
  width: 100%;
}
#rooms-view .leftSideArea .detailContents {
  padding: 32px 24px!important;
}

#venueDtail .leftSideArea .subTitle {
  display: flex;
  justify-content: space-between;
}
#venueDtail .leftSideArea .subTitle .favorite{
  display: flex;
  justify-content: end;
  font-weight: normal;
  align-items: center;
}
#venueDtail .leftSideArea .subTitle .button-add-favorite-room {
  border: solid 1px #71a1c9;
  border-radius: 4px;
  background-color: #ffffff;
  padding: 9px 16px;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
}
#venueDtail .leftSideArea .subTitle .button-add-favorite-room:hover {
  background-color: rgba(113, 161, 201, 0.1);
}
#venueDtail .leftSideArea .subTitle .button-add-favorite-room.disabled {
  pointer-events: none;
  color: #ccc;
}
#venueDtail .leftSideArea .subTitle .button-add-favorite-room .text {
  background-image: url(../svg/star.svg);
  background-repeat: no-repeat;
  background-size: 11px;
  background-position: left;
  padding-left: calc(11px + 3px); /* icon width + space */
}

#venueDtail .leftSideArea .subTitle {
  margin-bottom: 24px;
  padding-bottom: 16px;
}
#rooms-view .detailBlock .area {
  border: 1px solid #E2E2E2;
}
#rooms-view .detailBlock .area dl {
  display: flex;
  align-items: center;
  width: 100%;
}
#rooms-view .detailBlock .area dl dt {
  width: 106px;
  padding: 12px 16px;
  background: #F2F2F2;
  border-right: 1px solid #E2E2E2;
  font-size: var(--description-font-size);
}
#rooms-view .detailBlock .area li:not(:last-child),
#rooms-view .detailBlock .area li:not(:last-child) {
  border-bottom: 1px solid #E2E2E2;
}

#rooms-view .detailBlock .area dl dd {
  margin: 0;
  padding: 12px 16px;
}

#rooms-view .leftSideArea .detailBlock .summary {
  margin-top: 40px;
}

#rooms-view .leftSideArea .detailBlock .subscription-block .subscription-item {
  padding: 24px;
  font-size: 14px;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  color: #222222;
  display: flex;
}

#rooms-view .leftSideArea .detailBlock .subscription-block .subscription-item .name {
  font-weight: bold;
  font-size: 18px;
}

#rooms-view .leftSideArea .detailBlock .subscription-block .subscription-item .price {
  display: flex;
  align-items: center;
  margin-top: 12px;
}

#rooms-view .leftSideArea .detailBlock .subscription-block .subscription-item .price .label {
  margin-right: 12px;
  color: #999;
}

#rooms-view .leftSideArea .detailBlock .subscription-block .subscription-item .price .value {
  font-weight: bold;
}

#rooms-view .leftSideArea .detailBlock .subscription-block .subscription-item .price .tax {
  font-size: 12px;
}

#rooms-view .leftSideArea .detailBlock .subscription-block .subscription-item .right-side {
  margin-left: auto;
  text-align: center;
  justify-content: center;
  display: grid;
  place-items: center;
}

#rooms-view .leftSideArea .detailBlock .subscription-block .subscription-item .right-side .detail {
  background:#E57B68;
  color:#fff;
  border-radius: 3px;
  font-size: 14px;
  display: grid;
  place-items: center;
  width: 100px;
  height: 40px;
}

#rooms-view .leftSideArea .detailBlock .subscription-block .subscription-item .multi {
  background:#E57B68;
  color:#fff;
  border-radius: 3px;
  width: 180px;
  font-size: 14px;
  text-align: center;
}

#rooms-view .leftSideArea .detailBlock .subscription-block .other  {
  text-align: right;
}


#rooms-view .leftSideArea .detailBlock ul {
  margin-bottom: 12px;
}
#rooms-view .leftSideArea .detailBlock .summary dt.title {
  margin-bottom: 16px;
  padding: 0 0 0 8px;
  border-left: 3px solid #2A415C;
}
#rooms-view .leftSideArea .detailBlock .summary dd {
  margin-top: 0;
  padding: 0;
}
#rooms-view .leftSideArea .detailBlock .summary.-option dd {
  margin-bottom: 0;
  line-height: 1.6;
}
#rooms-view .leftSideArea .detailBlock .summary ul {
  border: 1px solid #E2E2E2;
}
#rooms-view .leftSideArea .detailBlock .summary ul li {
  background: #fff;
}
#rooms-view .leftSideArea .detailBlock .summary ul li:not(:last-child) {
  border-bottom: 1px solid #E2E2E2;
}
#rooms-view .leftSideArea .detailBlock .summary .summarytable dt {
  padding: 12px 16px;
  background: #F2F2F2;
  border-right: 1px solid #e2e2e2;
  border: none;
  vertical-align: middle;
  word-break: break-all;
}
#rooms-view .leftSideArea .detailBlock .summary.-option .summarytable dt {
  width: 160px;
  min-width: 140px;
  max-width: 160px;
}
#rooms-view .leftSideArea .detailBlock .summary .summarytable dd {
  padding: 12px 10px;
  background: #fff;
  vertical-align: middle;
}
#rooms-view .leftSideArea .detailBlock .summary .summarytable dd.price {
  text-align: right;
}
#rooms-view .leftSideArea .detailBlock .summary .summarytable dd:not(:first-child)  {
  border-left: 1px solid #E2E2E2;
}



#rooms-view .rightSideArea {
  padding: 32px 24px;
  background: #fff;
  color: #222;
}
#rooms-view .rightSideArea .roomBlock .subtitle {
  background: #837F7F;
  border-radius: 3px;
  font-weight: bold;
}


#rooms-view .ui-datepicker table {
  margin-top: 12px;
  font-size: var(--button-font-size);
}
#rooms-view .ui-datepicker .ui-datepicker-prev {
  top: 0;
  left: 0;
}
#rooms-view .ui-datepicker .ui-datepicker-next {
  top: 0;
  right: 0;
}
#rooms-view .ui-datepicker .ui-datepicker-prev:hover,
#rooms-view .ui-datepicker .ui-datepicker-next:hover {
  background: none;
  border: none;
}
#rooms-view .ui-datepicker .ui-datepicker-prev span,
#rooms-view .ui-datepicker .ui-datepicker-next span {
  position: relative;
  top: auto;
  width: 36px;
  height: 36px;
  margin-top: 0;
  border-radius: 50%;
  cursor: pointer;
}
#rooms-view .ui-datepicker .ui-datepicker-prev span {
  left: -12px;
}
#rooms-view .ui-datepicker .ui-datepicker-next span {
  right: 12px;
}
#rooms-view .ui-datepicker .ui-datepicker-prev:not(.ui-state-disabled) span:hover,
#rooms-view .ui-datepicker .ui-datepicker-next:not(.ui-state-disabled)  span:hover {
  background-color: #eee;
}

#rooms-view .ui-widget-content .ui-state-active {
  position: relative;
  z-index: 1;
  background: none!important;
  color: #fff;
}
#rooms-view .ui-widget-content td:not(.ui-state-disabled) a:not(.ui-state-active) {
  position: relative;
  z-index: 1
}
#rooms-view .ui-widget-content .ui-state-active:before,
#rooms-view .ui-widget-content td:not(.ui-state-disabled):hover a:not(.ui-state-active):before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  transform: translate(-50%, -50%);
  display: block;
  content: '';
  width: 52px;
  height: 52px;
  background:#578AB7;
  border-radius: 50%;
}
#rooms-view .ui-widget-content td:not(.ui-state-disabled):hover a:not(.ui-state-active):before {
  background: #ECF2F7;
}

#rooms-view .rightSideArea .roomBlock {
  border-radius: 0;
}
#rooms-view .rightSideArea .roomBlock.-time {
  padding-top: 40px;
  border-top: 2px solid #E3DFDF;
}
#rooms-view .rightSideArea .roomBlock .reserveTit {
  margin: 24px 0;
  padding: 0;
  font-size: 1em;
  font-weight: bold;
}

#rooms-view .rightSideArea .roomBlock .hours {
  font-size: 0.813em;
}
#rooms-view .rightSideArea .roomBlock .availablePayment {
  margin: 24px 0;
  padding: 0;
  background: #fff;
}
#rooms-view .rightSideArea .roomBlock .availablePayment .title {
  padding-left: 32px;
  background: url('../svg/credit_card.svg') no-repeat center left/24px;
  font-size:1em;
  font-weight: bold;
}

#rooms-view .rightSideArea .roomBlock .availablePayment ul li {
  background: #F6F6F6!important;
  margin-top: 12px;
  padding: 16px;
}
#rooms-view .rightSideArea .roomBlock .availablePayment ul li dl dt {
  margin-bottom: 4px;
  font-weight: bold;
}
#rooms-view .rightSideArea .roomBlock .reserveListContainer {
  margin-bottom: 12px;
  padding: 0;
}
#rooms-view .rightSideArea .roomBlock ul.reserveList:last-child {
  border-left: 2px solid #e2e2e2;
}
#rooms-view  .rightSideArea .roomBlock ul.reserveList li.batsu,
#rooms-view  .rightSideArea .roomBlock ul.reserveList li.batsu dt,
#rooms-view  .rightSideArea .roomBlock ul.reserveList li.maru.-not-reservable,
#rooms-view  .rightSideArea .roomBlock ul.reserveList li.maru.-not-reservable dt {
  background: #ddd;
  color: #999;
}
#rooms-view  .rightSideArea .roomBlock ul.reserveList li:not(.batsu):not(.maru.-not-reservable):hover {
  background: #E6EFF5;
}
#rooms-view  .rightSideArea .roomBlock ul.reserveList li:not(.batsu):not(.maru.-not-reservable):hover dt {
  background: #E6EFF5;
}
#rooms-view  .rightSideArea .roomBlock ul.reserveList li dl {
  height: 46px;
  min-height: 46px;
  line-height: 1.4;
}
#rooms-view  .rightSideArea .roomBlock ul.reserveList li dl dt {
  padding: 0;
  background: #f2f2f2;
  vertical-align: middle;
}
#rooms-view  .rightSideArea .roomBlock ul.reserveList li dl dd {
  padding: 8px 12px;
  color: #222;
  vertical-align: middle;
}
#rooms-view  .rightSideArea .roomBlock ul.reserveList li dl dd span {
  display: block;
}
#rooms-view  .rightSideArea .roomBlock ul.reserveList li dl dd span.price.-discount {
  color: #578AB7;
}
#rooms-view  .rightSideArea .roomBlock ul.reserveList li dl dd span.cline {
  font-size: var(--font-size-xs);
  color: #999;
}
#rooms-view  .rightSideArea .roomBlock ul.reserveList li dl dd:nth-child(3) {
  padding: 0 12px;
}
#rooms-view  .rightSideArea .roomBlock ul.reserveList li dl dd:last-child {
  text-align: right;
}
#rooms-view .rightSideArea .roomBlock ul.reserveList li dl dd img {
  vertical-align: middle;
}
#rooms-view .rightSideArea .roomBlock ul.reserveList li:not(.batsu) dl dd img {
  padding-bottom: 2px;
  border-bottom: 1px solid #EA7E00;
}

#rooms-view .rightSideArea .roomBlock .reserveTime {
  margin: 0 0 24px;
  padding: 0;
}
#rooms-view .rightSideArea .roomBlock .reserveList dl {
  border-spacing: 0;
  border-collapse: collapse;
}
#rooms-view .rightSideArea .roomBlock .reserveTime dl dt {
  margin-bottom: 8px;
  font-size: var(--label-font-size);
  font-weight: bold;
}
#rooms-view .rightSideArea .roomBlock .reserveTime dl dd .easy-select-box {
  height: 48px;
  background: #fff url('../svg/down-arrow-gray.svg') no-repeat right 12px center/20px;
  border: 1px solid #ddd;
}
#rooms-view .rightSideArea .roomBlock .reserveTime dl dd .esb-displayer {
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  padding: 0 0 0 16px;
  color: #222;
}
#rooms-view .rightSideArea .roomBlock .reserveTime dl dd {
  margin: 0;
  border-radius: 3px;
  border: none;
  background: none;
  font-size: var(--text-font-size);
}
#rooms-view .rightSideArea .roomBlock .reserveTime dl dd:first-of-type {
  margin-bottom: 16px;
}
#rooms-view .easy-select-box .esb-dropdown {
  top: 47px;
  background: #fff;
  box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1);
}
#rooms-view .easy-select-box .esb-item {
  padding-left: 16px;
  text-align: left;
  font-size: 1em;
}


#rooms-view .alertArea .btnArea {
  display: flex;
  align-items: center;
  justify-content: center;
}
#rooms-view .alertArea .btnArea .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0 16px;
  height: 44px;
  border-radius: 3px;
  font-size: 0.875em;
}
#rooms-view .alertArea .btnArea .btn:not(:last-child) {
  margin-right: 16px;
}

#rooms-view .rightSideArea .roomDetailBtn .btnArea {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  font-size: 0.875em;
}
#rooms-view .rightSideArea .roomDetailBtn .btnArea.spBlock {
  display: none;
}
#rooms-view .rightSideArea .roomDetailBtn .btnArea button {
  max-width: 124px;
  height: 44px;
  margin: 0 0 0 12px;
  padding: 0 16px;
  border-radius: 3px;
}
#rooms-view .rightSideArea .roomDetailBtn .btnArea a {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 124px;
  height: 44px;
  margin: 0;
  padding: 0;
  border-radius: 3px;
}
#rooms-view .rightSideArea .roomDetailBtn .btnArea a:first-child:last-child,
#rooms-view .rightSideArea .roomDetailBtn .btnArea button:first-child:last-child {
  max-width: 250px;
}
#rooms-view .rightSideArea .roomDetailBtn .btnArea button[name="reserve_tentative_button"] {
  height: 44px;
}
#rooms-view .rightSideArea .roomBlock p.text {
  padding: 0;
}
#rooms-view .rightSideArea .roomBlock p.textArea {
  padding: 0;
  font-size: var(--description-font-size);
  line-height: 1.8;
}
#rooms-view .rightSideArea .roomBlock p.textArea:not(:last-child) {
  margin-bottom: 24px;
}
#rooms-view .rightSideArea .roomBlock p.textArea.-hour {
  margin-bottom: 12px;
}
#rooms-view .rightSideArea .roomBlock p.textArea .title {
  display: block;
  width: 100%;
  margin-bottom: 12px;
  font-weight: bold;
  font-size: var(--label-font-size);
}

#rooms-view .rightSideArea .roomBlock p.text.-tax-note {
  margin: 0 0 24px;
}
#rooms-view .rightSideArea .roomBlock p.text.-note {
  margin-bottom: 16px;
}
#rooms-view .rightSideArea .roomBlock .text.-time-note {
  padding: 10px 12px;
  border-radius: 3px;
  background:#F6F6F6;
  color: #222;
}

#rooms-view .bottomfixed {
  display: none;
}

#rooms-view .ui-datepicker-week-end.ui-datepicker-saturday a {
  color: var(--saturday-calendar-color);
}

#rooms-view .ui-datepicker-week-end.ui-datepicker-sunday a {
  color: var(--sunday-calendar-color);
}

#rooms-view .ui-datepicker-holiday a {
  color: var(--sunday-calendar-color);
}

.filterContent.-rooms-view {
  padding: 32px 0;
  color: #222;
}
.filterContent.-rooms-view h3.blueTit {
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid #E3DFDF;
  color: #222;
  font-weight: bold;
}
.filterContent.-rooms-view h4 {
  margin-bottom: 16px;
  padding: 0;
  border: none;
  font-size: 1.125em;
  font-weight: bold;
}
.filterContent.-rooms-view p.textArea {
  margin-bottom: 32px;
  padding: 0;
  font-size: 0.875em;
}
.filterContent.-rooms-view p.note {
  margin: 10px 0 0;
  font-size: 0.875em;
  line-height: normal;
}
.filterContent.-rooms-view ul.quoteList {
  width: 100%;
  margin: 0;
  border: 1px solid #E2E2E2;
}
.filterContent.-rooms-view ul.quoteList li:not(:last-child) {
  border-bottom: 1px solid #E2E2E2;
}
.filterContent.-rooms-view ul.quoteList li dl {
  width: 100%;
}
.filterContent.-rooms-view ul.quoteList li dl dt {
  width: 248px;
  min-width: auto;
  max-width: auto;
  padding: 12px 16px;
  border-right: 0;
  background: #F6F6F6;
  font-weight: bold;
}
.filterContent.-rooms-view ul.quoteList li dl dd {
  width: auto;
  border-left: 1px solid #e2e2e2;
}
.filterContent.-rooms-view ul.quoteList li dl dd:first-of-type {
  text-align: right;
}
.filterContent.-rooms-view ul.quoteList li dl dd:last-child {
  width: 96px;
  min-width: auto;
}

.filterContent.-rooms-view ul.quoteList li {
  background: #fff;
}
.filterContent.-rooms-view .type04 .select2-container {
  width: 96px!important;
}
.filterContent.-rooms-view .select2-container .select2-selection--single {
  width: 100%;
  height: 100%;
}
.filterContent.-rooms-view .select2-container--default .select2-selection--single .select2-selection__rendered {
  display: inline-flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

.filterContent.-rooms-view .btnArea {
  margin-top: 24px;
  padding: 0;
  border: none;
}
.filterContent.-rooms-view .btnArea ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.filterContent.-rooms-view .btnArea ul li:not(:last-child) {
  margin-right: 16px;
}
.filterContent.-rooms-view .btnArea ul li button {
  width: auto;
  height: 44px;
  margin: 0;
  padding: 0 16px;
  border-radius: 3px;
  font-size: 0.875em;
}
.filterContent.-rooms-view .btnArea ul li:not(:last-child) button  {
  background: #999;
  color: #fff;
}
.filterContent.-approved-form p.approved-note {
  margin: 40px 0 20px;
  font-size: 14px;
  line-height: 1.2;
}


/* アカウント編集 */
#mypage.edit-tenant {
  color: #222;
}
#mypage.edit-tenant ul.editAccount {
  padding: 0;
  border: 1px solid #E2E2E2;
}
#mypage.edit-tenant ul.editAccount:not(:last-of-type) {
  margin-bottom: 24px;
}
#mypage.edit-tenant ul.editAccount li {
  display: flex;
  padding: 0;
}
#mypage.edit-tenant ul.editAccount li .content {
  padding: 12px 16px;
}
#mypage.edit-tenant ul.editAccount li.acccountType .content {
  display: flex;
  align-items: center;
}
#mypage.edit-tenant ul.editAccount li.acccountType .content input,
#mypage.edit-tenant ul.editAccount li.acccountType .content input:first-child {
  margin: 0;
}
#mypage.edit-tenant ul.editAccount li.acccountType .content label {
  padding-left: 8px;
}
#mypage.edit-tenant ul.editAccount li.acccountType .content label:first-of-type {
  padding-right: 16px;
}
#mypage.edit-tenant ul.editAccount li.accountName .content {
  display: inline-block;
  align-items: center;
  width: 65%;
}
#mypage.edit-tenant ul.editAccount li.accountName .content .item {
  display: inline-flex;
  align-items: center;
  width: 48%;
}
#mypage.edit-tenant ul.editAccount li.accountName .content .item.-kana {
  padding-top: 10px;
}
#mypage.edit-tenant ul.editAccount li .content .item .value.-tel {
  display: flex;
}
#mypage.edit-tenant ul.editAccount .title {
  display: inline-flex;
  align-items: center;
  width: 220px;
  min-width: 220px;
  padding: 12px 16px;
  background: #F2F2F2;
  border-right: 1px solid #E2E2E2;
  font-size: 13px;
  font-weight: bold;
}
#mypage.edit-tenant ul.editAccount .title.-requiredMark:after {
  content: '必須';
  margin-left: auto;
  padding: 4px;
  background: #D31F1F;
  border-radius: 2px;
  color: #fff;
  font-size: 0.750em;
  white-space: nowrap;
}
#mypage.edit-tenant ul.editAccount li .content .item .label {
  font-weight: bold;
}
#mypage.edit-tenant ul.editAccount li.accountName .content .item .label {
  padding-right: 8px;
  width: 65px;
}
#mypage.edit-tenant ul.editAccount li:not(.accountName) .content .item .label {
  padding-bottom: 8px;
}
#mypage.edit-tenant ul.editAccount li:not(.accountName) .content .item:not(:last-child) {
  margin-bottom: 16px;
}
#mypage.edit-tenant ul.editAccount li .content input:not([type=radio]) {
  width: 200px;
  height: 40px;
  padding: 0 0 0 12px;
  border-radius: 3px;
  background: #F6F6F6;
  border: 1px solid #E2E2E2;
}
#mypage.edit-tenant ul.editAccount li.mail .content input,
#mypage.edit-tenant ul.editAccount li.userPostal .content .item:last-child input,
#mypage.edit-tenant ul.editAccount li.corporate .content .item input.-corporate-name,
#mypage.edit-tenant ul.editAccount li.corporate .content .item input.-department-name,
#mypage.edit-tenant ul.editAccount li.corporate .content .item input.-corporate-address {
  width: 400px;
}
#mypage.edit-tenant ul.editAccount li .content input:first-child {
  margin-right: 16px;
}
#mypage.edit-tenant ul.editAccount li .content .select2 {
  width: 140px!important;
  height: 40px;
  background: #fff  url('../svg/down-arrow-gray.svg') no-repeat right 4px center/18px;
  border: 1px solid #E2E2E2;
  border-radius: 3px;
}
#mypage.edit-tenant ul.editAccount li .content .select2-container .select2-selection--single {
  width: 100%;
  height: 100%;
}
#mypage.edit-tenant ul.editAccount li .content .select2-selection__rendered {
  display: inline-flex;
  align-items: center;
  height: 100%;
}
#mypage.edit-tenant ul.editAccount li .content {
  width: 100%;
}
#mypage.edit-tenant ul.editAccount li .content button {
  height: 32px;
  padding: 0 12px;
  background: #fff;
  border: 1px solid #7BA0C5;
  border-radius: 3px;
  color: #7BA0C5;
}
#mypage.edit-tenant ul.editAccount li .content button:hover {
  background: #F4F8FB;
}
#mypage.edit-tenant ul p.formTxt {
  padding-top: 12px;
  line-height: 1.6;
  font-size: 13px;
}
#mypage.edit-tenant ul p.formTxt.red {
  color: #c34!important;
}
#mypage.edit-tenant .btnArea {
  margin-top: 40px;
}
#mypage.edit-tenant .btnArea .btn_confirm {
  width: 200px;
  padding: 0 16px;
}
#mypage.edit-tenant .message {
  padding-bottom: 12px;
  font-size: 0.813em;
  line-height: 1.6;
}
.edit-tenant-page .select2-dropdown {
  background: #fff;
  font-size: 0.875em;
  color: #222;
}
/* 個人選択時 */
#formArea.add-tenant .formContents02 {
  padding: 0;
  border: 1px solid #e2e2e2;
}
#formArea.add-tenant .formContents02 dl {
  display: flex;
  padding: 0;
}
#formArea.add-tenant .formContents02 dl:not(:last-child) {
  border-bottom: 1px solid #e2e2e2;
}
#formArea.add-tenant .formContents02 dl dt {
  display: inline-flex;
  align-items: center;
  width: 224px;
  min-width: 224px;
  padding: 12px 16px;
  border-right: 1px solid #e2e2e2;
  background: #F2F2F2;
  color: #222;
  font-size: 0.813em;
  font-weight: bold;
}
#formArea.add-tenant .formContents02 dl dt.label.-requiredMark:after {
  content: '必須';
  margin-left: auto;
  padding: 2px 4px;
  background: #D31F1F;
  border-radius: 2px;
  font-size: 0.750em;
  color: #fff;
}
#formArea.add-tenant .formContents02 dl dd {
  width: 100%;
  padding: 12px 16px;
}
#formArea.add-tenant .formContents02 dl.name dd {
  display: inline-flex;
  align-items: center;
}
#formArea.add-tenant .formContents02 dl dd .input {
  width: 100%!important;
  max-width: 200px;
  height: 40px;
  background: #F6F6F6;
  border: 1px solid #E2E2E2;
  border-radius: 3px;
  font-size: 0.875em;
}
#formArea.add-tenant .formContents02 dl.address dd .input,
#formArea.add-tenant .formContents02 dl.mail dd .input {
  width: 100%;
  max-width: 400px;
}
#formArea.add-tenant .formContents02 dl.prefectures dd .select2-container {
  width: 100%;
  max-width: 140px!important;
}
#formArea.add-tenant .formContents02 dl.trigger dd .select2-container {
  width: 100%!important;
  max-width: 400px;
}
#formArea.add-tenant .formContents02 dl dd .input::placeholder {
  color: #999;
}
#formArea.add-tenant .formContents02 dl dd .input:not(:last-of-type) {
  margin-right: 12px;
}
#formArea.add-tenant .formContents02 dl dd .inlineBlock {
  display: inline-flex;
  align-items: center;
}
#formArea.add-tenant .formContents02 dl dd .inlineBlock:not(:last-child) {
  margin: 0 12px 0 0;
}
#formArea.add-tenant .formContents02 dl dd .inlineBlock .unit {
  margin-left: 4px;
  font-size: 0.875em;
}
#formArea.add-tenant .formContents02 dl dd .mB10 {
  margin: 0;
}
#formArea.add-tenant .formContents02 dl dd .value {
  display: inline-flex;
  align-items: center;
}
#formArea.add-tenant .formContents02 dl.birthday dd {
  display: flex;
}
#formArea.add-tenant .formContents02 dl.birthday dd p.inlineBlock span.unit {
  margin-left: 5px;
}
#formArea.add-tenant .formContents02 dl dd .select2-container {
  height: 40px;
  padding: 0;
  background: #fff url('../svg/down-arrow-gray.svg') no-repeat center right 4px/20px;
  border-radius: 3px;
  font-size: 0.875em;
}
#formArea.add-tenant .formContents02 dl dd .inlineBlock:first-child .select2-container {
  width: 92px!important;
}
#formArea.add-tenant .formContents02 dl dd .inlineBlock:not(:first-child) .select2-container {
  width: 64px!important;
}
#formArea.add-tenant .formContents02 dl dd .select2-container .select2-selection--single {
  height: 100%;
}
#formArea.add-tenant .formContents02 dl dd .select2-selection__rendered {
  display: flex;
  align-items: center;
  height: 100%;
}
.addTenant .select2-dropdown {
  background: #fff;
  color: #222;
  font-size: 0.875em;
  line-height: 1.6;
}
#formArea.add-tenant .formContents02 dl dd button {
  height: 32px;
  margin-left: 8px;
  padding: 0 12px;
  border: 1px solid #7BA0C5;
  border-radius: 3px;
  background: #fff;
  color: #7BA0C5;
  vertical-align: middle;
  white-space: nowrap;
}
#formArea.add-tenant .formContents02 dl dd button:hover {
  background: #F4F8FB;
}
#formArea.add-tenant .formContents02 dl dd p.formTxt {
  padding-top: 12px;
  font-size: 0.813em;
  line-height: 1.6;
}
#formArea.add-tenant .formContents02 dl dd p.formTxt:not(:first-of-type) {
  padding-top: 8px;
}
.contact-info.-personal-information {
  margin: 20px 0;
}
.contact-info.-personal-information > .title {
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.75;
}
.personal-information-details {
  max-width: 90%;
  height: 170px;
  padding: 0 20px 0 15px;
  overflow-y: scroll;
  border-radius: 5px;
  background: #f8f8f8;
  border: solid 15px #f8f8f8;
  line-height: 1.8;
  font-size: 12px;
}
.personal-information-details > .lists > .title {
  padding-top: 5px;
  font-weight: bold;
}
.personal-information-details > .lists > .text > .mark::before {
  content: '@';
}
.personal-information-details > .lists > .text > .emphasis {
  font-weight: bold;
}
.personal-information-details > .lists > .text > .subtitle {
  margin-top: 10px;
  font-weight: bold;
}
.personal-information-details > .lists > .text > .section {
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .contact-info.-personal-information > .title  {
    max-width: 100%;
    width: 100%;
    margin-bottom: 10px;
    padding: 5px 10px;
    border-radius: 2px;
    background: #f2f2f2;
  }
  .personal-information-details {
    max-width: 100%;
    padding: 5px 10px;
    border-width: 5px;
  }
}
#formArea.add-tenant .pB30 {
  margin: 24px 0;
  padding: 0;
  font-size: 0.813em;
  text-align: center;
}
#formArea.add-tenant p.formList {
  padding: 0;
}
#formArea.add-tenant .btnArea {
  padding-bottom: 40px;
}
#formArea.add-tenant .btnArea .btn_confirm {
  width: 200px;
  height: 44px;
  border-radius: 3px;
  font-size: 0.875em;
}
#formArea.add-tenant p.noteTxt {
  margin: 0;
  font-size: 0.813em;
  line-height: 1.6;
}
#formArea.add-tenant p.noteTxt:not(:last-child) {
  margin: 0 0 16px;
}


#confirmArea.add-tenant .confirmContents01 {
  border: 1px solid #e2e2e2;
}
#confirmArea.add-tenant .confirmContents01 dl {
  display: flex;
  padding: 0;
  border: none;
}
#confirmArea.add-tenant .confirmContents01 dl:not(:last-child) {
  border-bottom: 1px solid #e2e2e2;
}
#confirmArea.add-tenant .confirmContents01 dl dt {
  display: inline-flex;
  align-items: center;
  width: 224px;
  min-width: 224px;
  padding: 16px;
  background: #f2f2f2;
  border-right: 1px solid #e2e2e2;
  font-weight: bold;
}
#confirmArea.add-tenant .confirmContents01 dl dt.label.-requiredMark:after {
  content: '必須';
  margin-left: auto;
  padding: 2px 4px;
  background: #D31F1F;
  border-radius: 2px;
  font-size: 0.750em;
  color: #fff;
}
#confirmArea.add-tenant .confirmContents01 dl dd {
  margin: auto 0;
  padding: 16px;
}
#confirmArea.add-tenant .confirmContents01 dl dd.cf2col p.cfTxt {
  width: auto;
}
#confirmArea.add-tenant .confirmContents01 dl dd p.cfTxt {
  width: auto;
  padding: 0;
  border: none;
}
#confirmArea.add-tenant .confirmContents01 dl dd.cf3col p.cfTxt {
  width: auto;
}
#confirmArea.add-tenant .confirmContents01 p.formTxt {
  padding-top: 12px;
}
#confirmArea.add-tenant .pB30 {
  margin: 24px 0;
  padding: 0;
  text-align: center;
  line-height: 1.6;
}
#confirmArea.add-tenant .btnArea {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 40px;
}
#confirmArea.add-tenant .btnArea button {
  height: 44px;
  padding: 0 24px;
  border-radius: 3px;
  border: none;
  color: #fff;
}
#confirmArea.add-tenant .btnArea .btn_cancel {
  background: #999;
  margin-right: 12px;
}
#confirmArea.add-tenant .btnArea .btn_confirm {
  width: 200px;
  background: #71A1C9;
}
#confirmArea.add-tenant p.messageTxt {
  line-height: 1.6;
}
#confirmArea.add-tenant p.messageTxt:not(:last-child) {
  margin-bottom: 16px;
}



/* 法人選択時 */
#formArea.add-agent .formContents02 {
  padding: 0;
  border: 1px solid #e2e2e2;
}
#formArea.add-agent .formContents02 dl {
  display: flex;
  padding: 0;
}
#formArea.add-agent .formContents02 dl:not(:last-child) {
  border-bottom: 1px solid #e2e2e2;
}
#formArea.add-agent .formContents02 dl dt {
  display: inline-flex;
  align-items: center;
  width: 224px;
  min-width: 224px;
  padding: 12px 16px;
  background: #f2f2f2;
  border-right: 1px solid #e2e2e2;
  font-size: 0.813em;
  font-weight: bold;
}
#formArea.add-agent .formContents02 dl dt.label.-requiredMark:after {
  content: '必須';
  margin-left: auto;
  padding: 2px 4px;
  background: #D31F1F;
  border-radius: 2px;
  color: #fff;
  font-size: 11px;
}
#formArea.add-agent .formContents02 dl dd {
  width: 100%;
  padding: 12px 16px;
}
#formArea.add-agent .formContents02 dl.staffName dd,
#formArea.add-agent .formContents02 dl.representativeName dd {
  display: inline-flex;
  align-items: center;
}
#formArea.add-agent .formContents02 dl dd .input {
  width: 100%;
  max-width: 200px;
  height: 40px;
  background: #f6f6f6;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  font-size: 0.875em;
}
#formArea.add-agent .formContents02 dl.companyName dd .input,
#formArea.add-agent .formContents02 dl dd .input.-address,
#formArea.add-agent .formContents02 dl.department dd .input,
#formArea.add-agent .formContents02 dl.staffMail dd .input  {
  width: 100%;
  max-width: 400px;
}
#formArea.add-agent .formContents02 dl dd .input::placeholder {
  color: #999;
}
#formArea.add-agent .formContents02 dl.staffName dd .input:first-child,
#formArea.add-agent .formContents02 dl.representativeName dd .input:first-child {
  margin-right: 16px;
}
#formArea.add-agent .formContents02 dl dd p.formTxt {
  padding-top: 12px;
  font-size: 0.813em;
}
#formArea.add-agent .formContents02 dl dd .select2-container {
  height: 40px;
  padding: 0;
  background: #fff url('../svg/down-arrow-gray.svg') no-repeat center right 4px/20px;
  border-radius: 3px;
  font-size: 0.875em;
}
#formArea.add-agent .formContents02 dl dd .select2-container .select2-selection--single,
#formArea.add-agent .formContents02 dl dd .select2-selection__rendered {
  display: flex;
  align-items: center;
  height: 100%;
}
#formArea.add-agent .formContents02 dl.birthday dd {
  display: flex;
}
#formArea.add-agent .formContents02 dl.birthday dd p.inlineBlock span.unit {
  margin-left: 5px;
}
#formArea.add-agent .formContents02 dl.birthday dd p.inlineBlock:first-child .select2-container {
  width: 90px!important;
}
#formArea.add-agent .formContents02 dl.birthday dd p.inlineBlock:not(:first-child) .select2-container {
  width: 62px!important;
}
#formArea.add-agent .formContents02 dl.company dd .select2-container {
  width: 140px!important;
}
#formArea.add-agent .formContents02 dl.trigger dd .select2-container {
  width: 400px!important;
}
#formArea.add-agent .formContents02 dl dd p.inlineBlock {
  display: inline-flex;
  align-items: center;
  margin: 0;
}
#formArea.add-agent .formContents02 dl dd p.inlineBlock:not(:last-child) {
  margin-right: 12px;
}
#formArea.add-agent .formContents02 dl dd .unit {
  margin-left: 4px;
  font-size: 0.875em;
}
#formArea.add-agent .formContents02 dl dd .value {
  display: inline-flex;
  align-items: center;
}
#formArea.add-agent .formContents02 dl dd.type02 p.subtitle {
  margin: 0 0 8px 0;
  font-size: 0.875em;
  font-weight: bold;
  font-size: 0.813em;
}
#formArea.add-agent .formContents02 dl dd.type02 p.subtitle:not(:first-of-type) {
  margin: 16px 0 8px;
}
#formArea.add-agent .formContents02 dl dd button {
  height: 32px;
  margin-left: 8px;
  padding: 0 12px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #7BA0C5;
  color: #7ba0c5;
  vertical-align: middle;
  white-space: nowrap;
}
#formArea.add-agent .formContents02 dl dd button:hover {
  background: #F4F8FB;
}
.add-agent .select2-dropdown {
  background: #fff;
  color: #222;
  font-size: 0.875em;
  line-height: 1.6;
}

#formArea.add-agent .pB30 {
  margin: 24px 0;
  padding: 0;
}
#formArea.add-agent p.formList {
  padding: 0;
  font-size: 0.875em;
  text-align: center;
}
#formArea.add-agent .btnArea {
  padding-bottom: 40px;
}
#formArea.add-agent .btnArea .btn_confirm {
  width: 200px;
  height: 44px;
  border-radius: 3px;
  font-size: 0.875em;
}
#formArea.add-agent p.noteTxt {
  margin: 0;
}
#formArea.add-agent p.noteTxt:not(:last-of-type) {
  margin-bottom: 16px;
}


#confirmArea.add-agent .confirmContents01 {
  border: 1px solid #e2e2e2;
}
#confirmArea.add-agent .confirmContents01 dl {
  display: flex;
  padding: 0;
  border: none;
}
#confirmArea.add-agent .confirmContents01 dl:not(:last-child) {
  border-bottom: 1px solid #e2e2e2;
}
#confirmArea.add-agent .confirmContents01 dl dt {
  display: inline-flex;
  align-items: center;
  width: 224px;
  min-width: 224px;
  padding: 16px;
  background: #f2f2f2;
  border-right: 1px solid #e2e2e2;
  font-weight: bold;
  font-size: 13px;
}
#confirmArea.add-agent .confirmContents01 dl dt.label.-requiredMark:after {
  content: '必須';
  margin-left: auto;
  padding: 2px 4px;
  border-radius: 2px;
  background: #D31F1F;
  color: #fff;
  font-size: 11px;
}
#confirmArea.add-agent .confirmContents01 dl dd {
  width: 100%;
  padding: 16px;
}
#confirmArea.add-agent .confirmContents01 dl dd button {
  padding: 0 8px;
}
#confirmArea.add-agent .confirmContents01 dl dd p.cfTxt {
  width: auto!important;
  padding: 0;
  border: none;
}
#confirmArea.add-agent .pB30 {
  padding: 24px 0;
  text-align: center;
  line-height: 1.6;
}
#confirmArea.add-agent .btnArea {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
  padding: 0;
}
#confirmArea.add-agent .btnArea button {
  height: 44px;
  padding: 0 24px;
  border-radius: 3px;
  border: none;
  color: #fff;
  font-size: 14px;
}
#confirmArea.add-agent .btnArea button.btn_cancel {
  margin-right: 12px;
  background: #999;
}
#confirmArea.add-agent .btnArea button.btn_confirm {
  width: 200px;
  background: #71A1C9;
}
#confirmArea.add-agent .messageTxt {
  line-height: 1.6;
}
#confirmArea.add-agent .messageTxt:not(:last-child) {
  margin-bottom: 16px;
}


/* 仮登録受付完ページ */
#formArea.waiting-register .pre_regist {
  padding: 0;
}
#formArea.waiting-register .pre_regist h2 {
  padding: 16px 0 24px;
  font-size: 1.250em;
  font-weight: bold;
  color: #D31F1F!important;
}
#formArea.waiting-register .pre_regist .pB30 {
  padding: 0;
}
#formArea.waiting-register .pre_regist p.formList {
  display: inline-block;
  width: auto;
  margin: 0 auto;
  padding: 0;
  font-size: 0.875em;
  text-align: left;
}
#formArea.waiting-register .pre_regist .noteArea {
  margin: 40px auto 0;
  padding: 40px;
  background: #F7F7F7;
  border: none;
  text-align: left;
}
#formArea.waiting-register .pre_regist .noteArea h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  font-size: 1.125em;
  font-weight: bold;
  color: #222!important;
}
#formArea.waiting-register .pre_regist .noteArea .note h4 {
  margin-bottom: 12px;
  font-size: 0.875em;
}
#formArea.waiting-register .pre_regist .noteArea .note .textArea {
  margin: 0;
  padding: 0;
  font-size: 0.813em;
}
#formArea.waiting-register .pre_regist .noteArea .note .textArea:not(:last-child) {
  margin-bottom: 24px;
}

/* 登録完了 */
#formArea.register .finish {
  padding: 0;
}
#formArea.register .pB30 {
  padding: 16px 0 24px;
}
#formArea.register p.formList {
  display: inline-block;
  width: auto;
  padding: 0;
  font-size: 0.875em;
  text-align: left;
  line-height: 1.8;
}
#formArea.register .pB30.-error {
  color: #c34;
}
#formArea.register .pB30.-error .formList.-title {
  margin-bottom: 8px;
  font-size: 1.125em;
  font-weight: bold;
}
#formArea.register .pB30.-error .text {
  font-size: 0.875em;
  text-align: center;
}
#formArea.register .btnArea .btn_blue01 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 44px;
  border-radius: 3px;
  font-size: 0.875em;
}



#mypage.properties-tenants .parArea ul.parEstList li {
 display: flex;
 margin: 0 auto 12px;
 padding: 24px;
 background: #F7F7F7;
 border-radius: 3px;
}
#mypage.properties-tenants .parArea ul.parEstList li .estName h2 {
 margin-bottom: 12px;
 padding: 0;
 font-size: 1.125em;
 font-weight: bold;
 line-height: 1.4;
}
#mypage.properties-tenants .parArea ul.parEstList li .estName .sub {
 line-height: 1.2;
 font-size: 0.813em;
}
#mypage.properties-tenants .parArea ul.parEstList li .estName .sub a {
 display: inline-flex;
 align-items: center;
}
#mypage.properties-tenants .parArea ul.parEstList li .sub a:not(:last-child):after {
 content: '';
 display: inline-block;
 width: 1px;
 height: 14px;
 margin: 0 12px;
 background: #CCC;
}
#mypage.properties-tenants .parArea ul.parEstList li .btnArea .btn_blue02 {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 134px;
 height: 44px;
 padding: 0 16px 0 24px;
 background-size: 18px;
 border-radius: 3px;
 box-shadow: none;
 font-size: 0.875em;
 line-height: 1;
}


#mypage.properties-tenants-view h2 {
  border-bottom: none;
}
#mypage.properties-tenants-view .keytypeBtn {
  display: flex;
  align-items: center;
}
#mypage.properties-tenants-view .keytypeBtn li {
  width: calc(50% - 12px);
  padding: 0;
}
#mypage.properties-tenants-view .keytypeBtn li:first-child {
  margin-right: 24px;
}
#mypage.properties-tenants-view .keytypeBtn li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0;
  background: url('../svg/down-arrow-blue.svg') no-repeat center right 8px/20px;
  border-color: #71A1C9;
  border-radius: 3px;
  color: #71A1C9;
  font-weight: bold;
  font-size: 1.125em;
  line-height: 1;
}
#mypage.properties-tenants-view .keytypeBtn li a:hover {
  background-color: #F0F5FA;
  opacity: 1;
}
#mypage.properties-tenants-view .keytypeBtn li a span {
  margin-top: 8px;
  font-size: 12px;
  font-weight: normal;
}
#mypage.properties-tenants-view .keyList h2 {
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid #E8E8E8;
  font-weight: bold;
  font-size: 1.375em;
}
#mypage.properties-tenants-view ul.previewKeyList {
  margin-bottom: 40px;
}
#mypage.properties-tenants-view ul.previewKeyList > li {
  font-size: 1em;
  margin: 0;
  padding: 24px;
  border-radius: 3px;
  background: #F7F7F7;
}
#mypage.properties-tenants-view ul.previewKeyList > li:not(:last-child) {
  margin-bottom: 16px;
}
#mypage.properties-tenants-view ul.previewKeyList > li h3 {
  margin-bottom: 16px;
  font-size: 1.125em;
  font-weight: bold;
}
#mypage.properties-tenants-view ul.previewKeyList .sub {
  padding-bottom: 12px;
}
#mypage.properties-tenants-view ul.previewKeyList .sub a {
  display: inline-flex;
  align-items: center;
  color:#71A1C9;
  font-size: 0.813em;
}
#mypage.properties-tenants-view ul.previewKeyList .sub a:not(:last-child):after {
  content: '';
  width: 1px;
  height: 13px;
  margin: 0 12px;
  background: #ccc;
}
#mypage.properties-tenants-view ul.previewKeyList .time {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  font-size: 0.813em;
  font-weight: bold;
}
#mypage.properties-tenants-view ul.previewKeyList .time:before {
  content: '';
  width: 16px;
  height: 16px;
  margin-right: 8px;
  background: url('../svg/clock-grey.svg') no-repeat center/16px;
}
#mypage.properties-tenants-view ul.previewKeyList .doorArea {
  padding: 20px;
  background: #fff;
}
#mypage.properties-tenants-view ul.previewKeyList .doorArea p {
  margin-bottom: 12px;
  font-size: 0.813em;
  line-height: 1.6;
}
#mypage.properties-tenants-view ul.previewKeyList .doorArea .btns {
  display: flex;
  align-items: center;
}
#mypage.properties-tenants-view ul.previewKeyList .doorArea .btns li {
  width: 50%;
  height: 80px;
  margin-bottom: 0;
  border-radius: 3px;
  background: #71A1C9;
}
#mypage.properties-tenants-view ul.previewKeyList .doorArea .btns li.openBtn {
  margin-right: 24px;
}
#mypage.properties-tenants-view ul.previewKeyList .doorArea .btns li a {
  position: relative;
  display: flex;
}
#mypage.properties-tenants-view ul.previewKeyList .doorArea .btns li a:before {
  display: inline-block;
  content: '';
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
#mypage.properties-tenants-view ul.previewKeyList .doorArea .btns li.openBtn a:before {
  background: url('../svg/door-open-solid.svg') no-repeat center/24px;
}
#mypage.properties-tenants-view ul.previewKeyList .doorArea .btns li.closeBtn a:before {
  background: url('../svg/door-closed-solid.svg') no-repeat center/24px;
}
#mypage.properties-tenants-view ul.previewKeyList .doorArea .btns li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #fff;
  font-size: 1.094em;
  font-weight: bold;
}
#mypage.properties-tenants-view ul.previewKeyList .doorArea .btns li a:hover {
  text-decoration: none;
}




/* /reserves/add, /reserves/confirm, /reserves/finish page */
section#formArea.add-reserve-page,
section#formArea.confirm-page,
section#formArea.finish-page {
 margin-top: 32px!important;
 padding: 40px;
 color: #222222;
}

section#formArea.add-reserve-page h1,
section#formArea.confirm-page h1,
section#formArea.finish-page h1 {
  border-left: none;
  border-bottom: solid 1px #d8d8d8;
  width: 100%;
  font-size: 26px;
  font-weight: 600;
  line-height: 26px;
  color: #222222;
  padding: 0 0 16px 0;
  margin: 0 0 32px 0;
}

section#formArea.confirm-page .btnArea .btn_gray01,
section#formArea.add-reserve-page .btnArea .btn_gray01 {
 display: block;
 text-align: center;
 border-radius: 5px;
 border: none;
 font-size: 14px;
 color: #ffffff;
 box-sizing: border-box;
 background: #999999;
 padding: 15px 24px;
 height: auto;
 line-height: inherit;
}
section#formArea.confirm-page .btnArea .btn_blue01,
section#formArea.confirm-page .btnAreaL .btn_blue01,
section#formArea.add-reserve-page .btnArea .btn_blue01,
section#formArea.add-reserve-page .btnAreaL .btn_blue01 {
 display: block;
 color: #fff;
 box-sizing: border-box;
 font-size: var(--button-font-size);
 text-decoration: none;
 border-radius: 5px;
 background: #71a1c9;
 border: none;
 padding: 15px 40px;
 height: auto;
 line-height: inherit;
}
section#formArea.confirm-page .btnArea,
section#formArea.add-reserve-page .btnArea {
 margin: 0 auto;
 text-align: center;
 display: flex;
 justify-items: center;
 justify-content: center;
}
section#formArea.confirm-page .formContents02 .btnArea button,
section#formArea.add-reserve-page .formContents02 .btnArea button {
 margin: 0 6px;
}
body#yoyakuDetail section#formArea.confirm-page ul.confirmList>li .yoyakuAlert{
 border:none;
}

section#formArea.confirm-page .formContents02 {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  text-align: center;
  padding: 0 0 20px 0;
}
section#formArea.confirm-page .formContents02 .formTxt {
 padding-bottom: 16px;
 font-size: var(--text-font-size);
}
section#formArea.confirm-page .formContents02 ul li,
section#formArea.confirm-page .formContents02 table tr {
  background: #fff;
}
section#formArea.confirm-page .formContents02 dl {
 width: 100%;
 font-size: 14px;
 color: #222;
}
section#formArea.confirm-page .formContents02 dl dt {
 display: table-cell;
 box-sizing: border-box;
 white-space: pre-wrap;
 border: 1px solid #e2e2e2;
 border-bottom: none;
 border-right: none;
 padding: 16px;
 width: 26%;
 text-align: left;
 line-height: 1.4em;
 font-weight: 600;
}
section#formArea.confirm-page .formContents02 dl dd {
 display: table-cell;
 vertical-align: middle;
 border: 1px solid #e2e2e2;
 border-bottom: none;
 width: 600px;
 text-align: left;
 word-break: break-all;
}
section#formArea.confirm-page .formContents02 dl dt,
.priceDetail tbody tr td:not(.label):first-child,
.priceExtend tbody tr td:not(.label):first-child {
  background: #f2f2f2;
}
.priceDetail tbody tr td,
.priceExtend tbody tr td {
  font-size: var(--text-font-size);
}
.priceDetail tbody tr.final td,
.priceExtend tbody tr.final td {
  vertical-align: middle;
  background: #fef9f4;
}
.priceDetail tbody tr.final td.label:first-child,
.priceExtend tbody tr.final td.label:first-child {
  width: 26%;
  padding-right: 8px;
  text-align: left;
  font-weight: bold;
}
.priceDetail tbody tr.final td:last-child {
  width: 100%;
  font-weight: bold;
  color: #ea7e00 !important;
}
.priceExtend tbody tr.final td:last-child {
  width: 18%;
  font-weight: bold;
  color: #ea7e00 !important;
}
.priceExtend tbody tr.final td:last-child.full {
  width: 100%;
}
table.colorList01 tbody tr.header-row th.header {
  background: #fbe9d6;
  border: 1px solid #e2e2e2;
  text-align: right;
  padding: 16px;
  font-size: var(--text-font-size);
}
table.colorList01 tbody tr.header-row th.header:first-child {
  text-align: left;
  width: 26%;
}
section#formArea.confirm-page .formContents02 table tbody tr td {
  color: #222;
  padding: 16px;
}
section#formArea.confirm-page .formContents02 table tbody tr td.subject {
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  width: 26%;
}
section#formArea.confirm-page .formContents02 li:last-child dl dt,
section#formArea.confirm-page .formContents02 li:last-child dl dd {
  border-bottom: 1px solid #e2e2e2;
}
section#formArea.confirm-page .formContents02 table.priceDetail tbody tr td,
section#formArea.confirm-page .formContents02 table.priceExtend tbody tr td,
section#formArea.confirm-page .formContents02 table tbody tr td.desc {
  border: 1px solid #e2e2e2;
}
section#formArea.confirm-page .formContents02 ul.confirmList > li h2 {
  width: 100%;
  text-align: left;
  font-size: var(--subtitle-font-size);
  font-weight: 600;
  margin-top: 40px;
  margin-bottom: 16px;
  border-left: 3px solid #222;
  padding-left: 8px;
  color: #222;
}
section#formArea.confirm-page .formContents02 ul.confirmList li table tbody tr td.desc.highlight {
  background: #fef9f4;
}
section#formArea.confirm-page .formContents02 ul.confirmList li table tbody tr td.subject.highlight {
  background: #fbe9d6 !important;
}
section#formArea.confirm-page .formContents02 ul.confirmList li table tbody tr td.price.highlight {
  color: #ea7e00;
  font-weight: 600;
  background: #fef9f4;
}
section#formArea.confirm-page .formContents02 ul.confirmList > li .yoyakuAlert {
  width: 100%;
  text-align: left;
  padding: 24px;
  background: #f8f8f8;
  line-height: 2;
  font-size: 14px;
  color: #222;
  border-radius: 5px;
}

/* reserves/add page */
section#formArea.add-reserve-page .room-info {
 margin-bottom: 20px;
 border-radius: 3px;
 background: #f8f8f8;
 padding: 20px;
 color: #222222;
}
section#formArea.add-reserve-page .room-info .roomname {
  margin-bottom: 12px;
  font-size: var(--font-size-xl);
}
section#formArea.add-reserve-page .room-info .reservedate {
  font-size: 13px;
}
section#formArea.add-reserve-page .required {
 background: #d31f1f;
 color: #fff;
 font-weight: 100;
 padding: 4px;
 border-radius: 2px;
 font-size: 12px;
}
section#formArea.add-reserve-page .error-message {
 border: 1px solid #D31F1F;
 background: #FDF3F3;
 padding: 8px;
}
section#formArea.add-reserve-page .add-reserves-contents-table {
 margin-bottom: 24px;
 width: 100%;
 font-size: 14px;
}
section#formArea.add-reserve-page .add-reserves-contents-table .highlight-error {
 border: 1px solid #D31F1F;
 background: #FDF3F3;
}
section#formArea.add-reserve-page .add-reserves-contents-table .cell .col {
 display: table-cell;
 vertical-align: middle;
 border: 1px solid #e2e2e2;
 padding: 12px 16px;
 text-align: left;
}
section#formArea.add-reserve-page .add-reserves-contents-table .cell .col:first-child {
  background: #f2f2f2;
  min-width: 215px;
  font-weight: 600;
}
section#formArea.add-reserve-page .add-reserves-contents-table .cell.options .col .note {
  padding: 5px 0 0;
  line-height: normal;
  white-space: initial;
}
section#formArea.add-reserve-page .add-reserves-contents-table .select2-container {
  background: transparent;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  height: auto;
  padding: 4px 0;
  font-size: 14px;
  position: relative;
}
section#formArea.add-reserve-page .add-reserves-contents-table .select2-container:after {
  content: '';
  position: absolute;
  border-bottom: 2px solid #e2e2e2;
  border-left: 2px solid #e2e2e2;
  transform: rotate(-45deg);
  width: 5px;
  height: 4.5px;
  top: 13px;
  right: 8px;
}
section#formArea.add-reserve-page .add-reserves-contents-table .input[type='text'] {
 box-sizing: border-box;
 outline: none;
 border: 1px solid #e2e2e2;
 border-radius: 3px;
 background: #fff;
 padding: 0 12px;
 height: 40px;
}
section#formArea.add-reserve-page .add-reserves-contents-table .input[type='number'] {
 box-sizing: border-box;
 outline: none;
 border: 1px solid #e2e2e2;
 border-radius: 3px;
 padding: 0 12px;
 height: 40px;
}
section#formArea.add-reserve-page .add-reserves-contents-table .input.-short {
 width: 100px !important;
}
section#formArea.add-reserve-page .add-reserves-contents-table .note {
 padding: 5px;
 white-space: pre-wrap;
 line-height: 1.2;
 font-size: 12px;
}
section#formArea.add-reserve-page .add-reserves-contents-table .option {
 display: flex;
 flex-wrap: wrap;
 align-items: baseline;
 padding: 0 0 10px;
}
section#formArea.add-reserve-page .add-reserves-contents-table .description {
 width: 100%;
 margin: 8px 0;
 line-height: 1.2;
 font-size: 12px;
 word-break: break-all;
}
section#formArea.add-reserve-page .add-reserves-contents-table .option:not(:last-child) {
 margin-bottom: 10px;
}
section#formArea.add-reserve-page .add-reserves-contents-table .option:not(:last-of-type) {
  border-bottom: 1px solid #e7e7e7;
}
section#formArea.add-reserve-page .add-reserves-contents-table .option .optionname {
 display: flex;
 flex: 1;
 padding: 0;
}
section#formArea.add-reserve-page .add-reserves-contents-table .option .optionprice {
 display: inline-block;
 width: 150px;
 text-align: right;
}
section#formArea.add-reserve-page .add-reserves-contents-table .option .separator {
 width: 80px;
 transform: translateY(6px);
}
section#formArea.add-reserve-page .add-reserves-contents-table .option .separator .seperate {
 width: 1px;
 height: 22px;
 background: #ccc;
 display: block;
 margin: auto;
}
section#formArea.add-reserve-page .add-reserves-contents-table .option .optionnumber {
 position: relative;
 display: flex;
 width: 80px;
 max-width: 80px;
}
section#formArea.add-reserve-page .add-reserves-contents-table .layout,
#reserveApproveForm .usagetype,
#reserveApproveForm .delivery,
#mypage.reserve-change .colorList01 .layout {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  font-size: var(--text-font-size);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#mypage.reserve-change .colorList01 .layout,
#reserveApproveForm .usagetype,
#reserveApproveForm .delivery {
  font-size: var(--text-font-size);
}
section#formArea.add-reserve-page .add-reserves-contents-table .layout:not(:first-child),
#mypage.reserve-change .colorList01 .layout:not(:first-child),
#reserveApproveForm .delivery:not(:first-child),
#reserveApproveForm .usagetype:not(:first-child) {
  margin-top: 12px;
}
section#formArea.add-reserve-page .add-reserves-contents-table .layout .input,
#mypage.reserve-change .colorList01 .layout .input,
#reserveApproveForm .delivery .input,
#reserveApproveForm .usagetype .input{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
section#formArea.add-reserve-page .add-reserves-contents-table .layout .checkmark,
#reserveApproveForm .usagetype .checkmark,
#reserveApproveForm .delivery .checkmark,
#mypage.reserve-change .colorList01 .layout .checkmark {
  position: relative;
  height: 18px;
  width: 18px;
  border: 1px solid #555555;
  border-radius: 50%;
  margin-right: 12px;
}
#reserveApproveForm .usagetype .checkmark,
#reserveApproveForm .delivery .checkmark,
#mypage.reserve-change .colorList01 .layout .checkmark {
  height: 16px;
  width: 16px;
  margin-right: 10px;
}
section#formArea.add-reserve-page .add-reserves-contents-table .layout .checkmark:after,
#reserveApproveForm .usagetype .checkmark:after,
#reserveApproveForm .delivery .checkmark:after,
#mypage.reserve-change .colorList01 .layout .checkmark:after {
 content: '';
 position: absolute;
 display: none;
 top: 3px;
 left: 3px;
 width: 10px;
 height: 10px;
 border-radius: 50%;
 background: #555555;
}
#reserveApproveForm .usagetype .checkmark:after,
#reserveApproveForm .delivery .checkmark:after,
#mypage.reserve-change .colorList01 .layout .checkmark:after {
  top: 2px;
  left: 2px;
}
section#formArea.add-reserve-page .add-reserves-contents-table .layout .input:checked ~ .checkmark:after,
#reserveApproveForm .usagetype .input:checked ~ .checkmark:after,
#reserveApproveForm .delivery .input:checked ~ .checkmark:after,
#mypage.reserve-change .colorList01 .layout .input:checked ~ .checkmark:after {
  display: block;
}
section#formArea.add-reserve-page .add-reserves-contents-table .creditcard .group:not(:first-child) {
 margin-top: 20px;
}
section#formArea.add-reserve-page .add-reserves-contents-table .creditcard h5.label {
  font-size: 13px;
  margin-bottom: 8px;
}
section#formArea.add-reserve-page .add-reserves-contents-table .creditcard .ccicon {
 margin-right: 5px;
 width: 49px;
 height: 31px;
}
section#formArea.add-reserve-page .add-reserves-contents-table .transfermethods .select2 {
 width: 300px!important;
}
section#formArea.add-reserve-page .add-reserves-contents-table .reservedata .input.-form-data {
 width: 100%;
}
section#formArea.add-reserve-page .add-reserves-contents-table .reservedata .input.-form-data#meeting_name::placeholder {
  color: #cbd5e0;
}

#reserveApproveForm .checkboxes,
section#formArea.add-reserve-page .add-reserves-contents-table .reservedata .checkboxes {
 width: 100%;
 display: flex;
 flex-wrap: wrap;
 flex-direction: row;
 gap: 10px;
}

#reserveApproveForm .radioes {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 10px;
}

#reserveApproveForm .radioes .usagetype,
#reserveApproveForm .radioes .delivery {
  margin-top: 0;
}

#reserveApproveForm .pB10 .memo-helper-text {
  padding: 5px;
  white-space: pre-wrap;
  line-height: 1.2;
  font-size: 12px;
}

section#formArea.add-reserve-page .add-reserves-contents-table .memo .memo {
  width: 100%;
  min-height: 126px;
  border-radius: 3px;
  border: solid 1px #e2e2e2;
  background: #fff;
  margin: 0;
  padding: 12px;
  box-sizing: border-box;
  font-size: 14px;
  outline: none;
  resize: none;
}

section#formArea.add-reserve-page .heading {
  font-weight: 600;
  text-align: left;
  border-left: 3px solid #2a415c;
  padding-left: 8px;
  margin-bottom: 16px;
  color: #222;
}
section#formArea.add-reserve-page .yoyakuKiyaku {
 border: unset;
 padding: 16px;
 color: #222;
 font-size: 12px;
 background: #F8F8F8;
}
section#formArea.add-reserve-page .yoyakuKiyakuCheck {
 margin: 32px auto 0 auto;
}
section#formArea.add-reserve-page .yoyakuKiyakuCheck .check {
 display: flex;
 align-items: center;
 justify-content: center;
 position: relative;
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 color:#222;
}
section#formArea.add-reserve-page .yoyakuKiyakuCheck .checkmark {
 height: 18px;
 width: 18px;
 background-color: #eee;
 position: relative;
 border-radius: 2px;
 margin-right: 12px;
}
section#formArea.add-reserve-page .yoyakuKiyakuCheck .checkmark:after {
 content: '';
 position: absolute;
 display: none;
 left: 7px;
 top: 3px;
 width: 3.15px;
 height: 8px;
 border: solid white;
 border-width: 0 1px 1px 0;
 -webkit-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
}
section#formArea.add-reserve-page .yoyakuKiyakuCheck .input:checked ~ .checkmark {
 background-color: #71a1c9;
}
section#formArea.add-reserve-page .yoyakuKiyakuCheck .input:checked ~ .checkmark:after {
 display: block;
}
section#formArea.add-reserve-page .yoyakuKiyakuCheck .input {
 position: absolute;
 opacity: 0;
}
/* reserves/add page */

.user-password-change-reminder {
 margin-top: -12px;
 margin-bottom: 16px;
 border: solid 1px #c34;
 border-radius: 5px;
 background-color: #FDF3F3;
 padding: 12px;
 color: #222;
 font-size: var(--button-font-size);
 line-height: 20px;
}

#ReserveAddAdminForm .btnArea .btn_blue01.submitButton.disabled {
  opacity: 0.7;
  pointer-events: none;
}

#ReserveConfirmForm .btnArea #confirm_button.disabled,
#ReserveConfirmForm .btnArea #back_page.disabled,
#ReserveCancelAdminForm .btnArea #cancel_button.disabled,
#ReserveCancelAdminForm .btnArea #back_button.disabled {
  background: #e4e4e4;
  pointer-events: none;
  outline: none;
}

.spacer {
  flex-grow: 1;
}

.clientLoginSubtitle {
    margin-bottom: 10px;
    text-align: center;
}
.clientLoginformContents {
    text-align: center;
}
.clientLoginformContents .login {
    display: inline-block;
    margin: 16px 32px;
    background-color: #b1c8db;
    border-radius: 3px;
    width: 70%;
    height: 35px;
    line-height: 35px;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    color: #000;
}
section#formArea.login h1.clientloginerrortitle, .clientloginerrorcontent {
    color: #e04422;
}
.clientloginerrorcontent {
    margin-bottom: 50px;
    line-height: 2;
}

.clientinfoinput {
    flex-wrap: wrap;
}
.clientinfoname {
    display: flex;
    flex-direction: row;
    flex: 1 0 100%;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 8px;
    width: 100%;
}
.clientinfoname .label {
    width: 100px;
}
.clientinfoname .input {
    width: 360px;
}
section#formArea .btnArea.clientinfosubmitbtn {
    margin-top: 16px;
}

section#formArea .boxNews {
  border: 1px solid #ddd;
  padding: 1.5em;
  margin-bottom: 1.5em;
}

section#formArea .boxNews h2.subtitle {
  font-size: var(--subtitle-font-size);
  border-bottom: 1px solid #ddd;
  padding: 0 0.3em 0.3em;
  font-weight: 100;
  margin-bottom: 10px;
}

section#formArea .boxNews ul.list li {
    border-bottom: 1px dashed #ddd;
    margin-bottom: 0;
    font-size: 14px;
    padding: 1em 0.5em;
    line-height: 1.4em;
}

section#formArea .boxNews ul li {
    list-style: none;
    margin: 0 0 30px;
    width: 100%;
    text-align: left;
    font-size: var(--text-font-size);
}

.divisionlist {
  width: 100%;
  table-layout: fixed;
}
.divisionlistheader .header {
  background-color: #837F7F;
  border: 1px solid #fff;
  color: #FFFFFF;
  line-height: 36px;
  font-size: var(--tenant-font-size-md);
  font-weight: normal;
}
.divisionlistitem .item {
  background-color: #FBFBFB;
  border: 1px solid #fff;
  padding: 8px;
  font-size: var(--tenant-font-size-md);
  line-height: 36px;
}

.divisionlistitem .item.-usage,
.divisionlistitem .item.-group,
.divisionlistitem .item.-permission {
  text-align: center;
}

.divisionlistitem .item.-action {
  font-size: unset;
}

.divisionlistitem:nth-child(odd) .item {
  background-color: #F2F2F2;
}

.divisionlistheader .header.name {
  width: 25%;
}

.divisionlistheader .header.usage {
  width: 10%;
}

.divisionlistheader .header.group {
  width: 10%;
}

.divisionlistheader .header.permission {
  width: 10%;
}
.divisionlistheader .header.shopname {
  width: 20%;
}
.divisionlistheader .header.action {
  width: 10%;
}


.divisionlistitem .item.action {
  width: 120px;
  text-align: center;
}
.divisionlistitem .item .selectdivisionbtn {
  display: block;
  margin: 0 auto;
  background-color: #85bdbd;
  border: none;
  border-radius: 3px;
  width: 100%;
  max-width: 60px;
  height: 2rem;
  color: #fff;
  font-size: var(--tenant-font-size-md);
  text-align: center;
}
.create-button {
  background: #71A1C9 !important;
  color: white !important;
}

.disabled {
  background-color: #e9ecef !important;
  color: #ccc !important;
  text-decoration: none;
}

.text-small {
  font-size: var(--description-font-size);
  line-height: 1.4em;
}

.full-width-100-percent {
  width: 100% !important;
}

#mypageLayout .cf h1 {
  font-size: var(--title-font-size);
}

button.auto_address {
  font-size: var(--button-font-size);
}

.-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mt-minus-10 {
  margin-top: -10px;
}
.mt-minus-15 {
  margin-top: -15px;
}
.empty-data {
  margin-top: 20px;
}
.text-max-3-lines {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4em;
}
.text-max-1-lines {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4em;
}
.max-width-150 {
  max-width: 150px;
}

.d-flex {
  display: flex;
}

.justify-content-start {
  justify-content: flex-start;
}

.justify-content-center {
  justify-content: center;
}

.align-items-center {
  align-items: center;
}

.section h2.subtitle,
.subtitle {
  font-size: var(--subtitle-font-size);
}

.custom-select2 .select2-container {
  height: 40px !important;
  background-size: 40px !important;
  border-radius: 5px !important;
  padding: 0 !important;
}

.custom-select2
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
  color: #000;
  line-height: 40px;
}

.text-orange {
  color: #ea7e00 !important;
}

li.link.manual-link, li.link.only-mobile-show {
  display: none;
}

li.link.only-pc-show {
  display: block;
}