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

@media screen and (max-width:1168px) {
  footer > .information,
  footer > .footermenu > ul {
    margin: 0 30px;
  }
}

@media screen and (max-width:1099px) {

/* ヘッダーエリア */
header {width:100%;padding:0 10px 0!important;}

  .azoom-services > .services > .service > .content > .link:not(:last-child) {
    margin-bottom: 1em;
    display: inline-block;
  }

}



@media screen and (min-width:769px) {

.PCDisplayNone {display:none;}

.menuLayout {display:none!important}

.sideMenu {display:none;}
.rightArea .sideMenu {display:block;}
}

@media screen and (max-width: 768px){

.PCDisplayNone {display:block;}

/* サイドライン */
.lines-on-sides {
 width:100%!important;
}


/* パンくず */
.breadcrumb {
  width:100%!important;
  padding:12px 10px;
  box-sizing:border-box;
}
.breadcrumb ul li {
 margin:0 10px 0 0!important;
}


img{
max-width: 100%;
height: auto;
width:100%;
}

.header-logo-image {
  margin-top: 0;
  max-width: 100%;
  height: auto;
  width: 100%;
}

.mypageArea.-lessor-parent img.signimage {
  width: 300px;
}

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

img.icon_search{
 width:20px;
}


.none {display:none;}


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

.bg_checkbox input[type="checkbox"] {
    position: absolute;
    top:50%;
    opacity: 0;
    width: 30px;
    height:30px;
    margin-top:-15px;
}

.bg_checkbox input[type="checkbox"] + label {
    display: 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;
}

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


footer > .information {
  padding: 20px 0 30px 0;
  margin: unset;
  width: unset;
}
.azoom-services > .services {
  width: 100%;
  padding: 0 20px;
  margin: unset;
  color: #fff;
}
.azoom-services > .services > .service {
  flex-direction: column;
  border-bottom: dashed 1px #808080;
  margin-bottom: 20px;
}
.azoom-services > .services > .service:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.azoom-services > .services > .service > .label {
  width: auto;
  border-right: none;
  margin-bottom: 20px;
}
.azoom-services > .services > .service > .content {
  display: flex;
  flex-direction: column;
  padding-left: 0;
}
.azoom-services > .services > .service > .content > .link {
  display: block;
  margin-bottom: 20px;
  width: fit-content;
  line-height: normal;
}
footer > .information > .isms {
  display: flex;
  flex-direction: column-reverse;
  margin: 0 20px;
}
footer > .information > .isms > .copyright {
  font-size: 10px;
  padding-top: 20px;
}
footer > .information > .isms > .logo {
  margin-left: auto;
}





/* メインメニュー */
#mainmenu {
 display:none;
}

.slicknav_menu {
 display:block;
}


/* ヘッダーエリア */
header {
  width: 270px;
  padding: 0 0 0 10px!important;
  margin: 0;
  display: flex;
  align-items: center;
}

header#formheader {
 padding:10px 10px 0!important;
 width:210px;
 margin:0;
}


header nav {top:70px;left:0px;}
header nav.psArea {display:none;}
header h1 {height:100px;display:table;}



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

section.contentsArea {
 width:100%;
 box-shadow:2px 0 2px #eee,0 -2px 2px #eee;
}




section#articleDetail ul.menu {
 position:inherit;
 margin:0;
 padding:0;
 top:0;
 right:0;
}

section#articleDetail ul.menu li {
 margin-left:0;
 margin-bottom:10px;
 float:inherit;
}

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


section#articleDetail .detailLayout .mainImg {
 float:inherit;
 margin:0 auto 20px;
 width: 100%;
 height: 250px;
}

section#articleDetail .detailLayout .googleMapArea {
 float:inherit;
 margin:0 auto;
 text-align:center;
}
section#articleDetail .detailLayout .googleMapArea iframe {
 width:100%!important;
}
section#articleDetail .detailLayout .googleMapArea h3 {text-align:left;}

section#articleDetail .detailLayout .googleMapArea p.textArea {
 text-align:left;
 width:auto;
}


section#articleList .noList {
 padding:20px 0 40px;
 font-size:1em;
}


/* ビルリスト */
section#articleList {
 padding: 32px 16px;
}
section#articleList ul {
 display: block;
}
section#articleList ul li:not(:last-child) {
 border-bottom: 2px solid #E3DFDF;
}
section#articleList ul li {
 width:100%;
 margin: 0;
 background: #fff;
}
section#articleList ul li:not(:last-child) {
 margin: 0 0 40px;
}
section#articleList ul li .summary {
  padding: 24px 0 40px;
}
section#articleList ul li .listImg {
 border:solid 1px #ddd;
 text-align:center;
}

section#articleList ul li a.listBtnArea {
  display: flex;
  max-width: 248px;
  margin: 0 auto;
}

section#articleList .content .buttonArea {
 width:100%;
 height:60px;
 padding:20px 0 0;
 font-size:1.2em;
}


section#articleList .allcheckArea a.BtnAllCheck {
 width:100%;
 height:80px;
 background:#3862DC url(../images/icon01.gif) no-repeat 20px 24px;
 padding:30px 0 0;
 border-radius:5px;
 font-size:1.2em;
}



/* フッターエリア */
.logoArea h1 img {
  width: 220px;
  max-width: 100%;
}

footer {
 width:100%;
 height:auto;
 text-align:center;
}


footer .footermenu ul {
 width:100%;
 padding:20px 20px 0;
 margin: unset;
 text-align: left;
}
footer .footermenu ul li {
 display:block;
 margin:0 0 20px;
 padding:0 0 20px;
 border-bottom:dotted 1px #0C214C;
}

footer .footermenu ul li:last-child {
 border-bottom:none;
 margin-bottom:0;
}


footer .footermenu ul li a {
 color:#fff;
 font-size: 12px;
 line-height:1em;
 border-right:none !important;
 padding:0;
}

footer .footermenu .isms {
 padding: 5px 20px 30px 0;
 width: 100%;
}

footer .footermenu .isms .logo {
 width: 75px;
}

footer p {
 display:block;
 width:100%;
 padding:20px 0;
 text-align:center;
 font-size:0.8em;
}






/* 予約ページ */
.reserve_control {
 padding:0 0 20px;
}

.reserve_control p {
 float:inherit;
 width:100%;
 box-sizing:border-box;
 padding:10px 0;
}


/* 予約エリア */
.reserve_control ul {
 position:relative;
 width:100%;
 height:90px;
}
.reserve_control ul li {
 position:absolute;
 margin:0;
}

.reserve_control ul li.next {
 width:48%;
 top:0;
 right:0;
}
.reserve_control ul li.prev {
 width:48%;
 top:0;
 left:0;
}

.reserve_control ul li.cal {
 width:100%;
 bottom:0;
}


.timeList ul.time01,
.timeList ul.time02 {
 display:block;
 width:100%;
}
.timeList ul li dl dd.reserveIcon {width:15%;}
.timeList ul li.maru dl dd.reservePayment {
 width:50px;
}
.timeList ul li.maru dl dd.reservePayment img {
 width:20px;
 height:20px;
}
.timeList ul li.maru dl dd {font-size:0.8em;}

ul.paymentInfo li {
 display:block;
 width:100%;
 height:20px;
 line-height:20px;
}
ul.paymentInfo li img {
 width:20px;
 height:20px;
} 




section#articleDetail .selectArea {
 margin:0 auto 10px;
}

section#articleDetail .selectArea dl.left {float:inherit;}
section#articleDetail .selectArea dl.right {float:inherit;}

section#articleDetail .selectArea dl {
 width:100%;
 margin:0 auto 20px;
}

section#articleDetail .selectArea dl:last-child {
 margin-bottom:0;
}

section#articleDetail .selectArea dl dt {
 display:block;
 padding:0 0 10px;
 width:100%;
}
section#articleDetail .selectArea dl dd {
 display:block;
 width:100%;
}


section#articleDetail .btnArea button.btn_confirm {
 width:100%;
}


/* セレクトエリアスタイル */


/* フォームエリア */



section#formArea {
 width:100%;
 box-shadow:0px 2px 2px #eee, 0px -2px 2px #eee;
 padding:20px;
 box-sizing:border-box;
}

section#formArea .formContents {
 padding:20px;
}
section#formArea .formContents #UserLoginForm {
 width: 100%;
}

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

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

section#formArea .formContents dl dd {
 width:100%;
 text-align:left;
 display:block;
}
section#formArea.login .formContents dl dd {
  text-align:center;
}

section#formArea .formContents02 {
 padding:0;
}

section#formArea .formContents02 ul.modeselect01 li {
 width:48%;
}

section#formArea p.formTxt {
 padding:20px 0 10px 0;
}


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

section#formArea .formContents02 dl dt {
 width:100%;
 padding:0 0 10px;
 text-align:left;
 display:block;
 font-weight:bold;
}

section#formArea .formContents02 dl dt br.nowrap {display:none;}

section#formArea .formContents02 dl dd {
 width:100%;
 text-align:left;
 display:block;
}

section#formArea .formContents02 ul.notitleform {
 padding-left:0;
}


section#formArea .formContents02 dl dd input.rows2L,
section#formArea .formContents02 dl dd input.rows2R {
 width:48%
}


section#formArea .formContents03 {
 width:100%;
 padding:20px;
}

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

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

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





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

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

section#formArea .selectRegistType ul li {
 display:block;
 width:100%;
 margin:0 auto 20px;
}

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


section#formArea .selectRegistType ul li:last-child {margin-bottom:0;}


/* ログイン */
section#formArea {
  padding: 32px 16px;
}
section#formArea.login .formContents,
section#formArea.login .formContents03 {
  padding: 0;
}
section#formArea.login .formContents dl,
section#formArea.login .formContents03 dl {
  max-width: 380px;
  width: auto;
  margin: 0 auto;
}
section#formArea.login .formContents dl dt,
section#formArea.login .formContents03 dl dt {
  margin-bottom: 12px;
  padding: 0;
}
section#formArea.login .formContents dl dd,
section#formArea.login .formContents03 dl dd {
  width: 100%;
}
section#formArea.login .formContents dl:not(:last-child) {
  margin-bottom: 20px;
}
section#formArea.login .confirm {
  margin-top: 32px;
}

section#formArea.login .formContents03 dl {
  display: block;
}



/* 登録確認 confirm */
section#confirmArea {
 width:100%;
 padding:10px;
 margin:10px auto 20px;
}
section#confirmArea .confirmContents01 dl {
display:block;
border-bottom:solid 1px #f2f2f2;
padding:0 0 20px;
margin:0 auto 20px;
}


section#confirmArea .confirmContents01 dl dt {
 display:block;
 width:100%;
 padding:0 0 10px;
 font-weight:bold;
} 

section#confirmArea .confirmContents01 dl dd {
 display:block;
 width:100%;
 padding:0;
}

section#confirmArea .confirmContents01 dl dd p.cfTxt {
 padding:0 0 0 10px;
}

section#confirmArea .confirmContents01  p.formTxt170 {padding-left:0;}




@media screen and (max-width: 768px){
  section#formArea.users-add .selectRegistType {
    padding: 0 0 24px;
  }
  section#formArea.users-add .selectRegistType .titTxt {
    margin-bottom: 16px;
  }
  section#formArea.users-add .selectRegistType ul li:first-child {
    margin-right: 8px;
  }
}





/* マイページ */
.mypageWrapper {
  box-sizing:border-box;
  margin:0 auto;
}


section#mypage {
 width:100%;
 padding:10px;
}


.kariyoyakuArea {
  padding: 20px 16px;
}
.kariyoyakuArea h2 {
  font-size: 1em;
  line-height: 1.4;
}
.kariyoyakuArea dl,
#boxer .kariyoyaku dl {
  display: block;
}

.kariyoyakuArea dt,
#boxer .kariyoyaku dt {
  display: block;
}
.kariyoyakuArea dl dt,
#boxer .kariyoyaku dl dt {
  display: block;
  width: 100%;
  padding: 12px 16px;
}
.kariyoyakuArea dl dd,
#boxer .kariyoyaku dl dd {
  padding: 12px 16px;
}
@media screen and (max-width: 430px){
  .kariyoyakuArea h2 .status {
    margin: 0 0 0 auto;
  }
}
section#mypage .btnArea button.btn_confirm,
section#mypage .btnArea .btn_cancel {
  padding: 0 20px;
}
section#mypage .btnArea .btn_cancel {
  margin-right: 12px;
}

section#mypage .leftArea,
section#ownerpage .leftArea {
 width:100%;
 float:inherit;
}

section.contentsArea h1 {
 font-size: var(--title-font-size);
}

.mypageArea ul li {
}


/*カギ一覧*/
.mypageArea ul.previewKeyList li {
 width:100%;
}
.mypageArea ul.previewKeyList li p.sub {
 line-height:1.6em;
}
.keytypeBtn li a {
 font-size:1.1em;
 padding-top:17px;
}
.mypageArea ul.previewKeyList li a.PC {display:none;}
.mypageArea ul.previewKeyList li a.SP {display:block;}
.mypageArea ul.previewKeyList li a.btn_extend {
 width:100%;
 margin:10px auto 0;
 font-size:1.2em;
}
.mypageArea ul.previewKeyList li a.btn_key02 {
 background-size:20px;
 padding:20px 0 20px 40px;
 color:#fff;
 font-size:1.2em;
 width:100%;
 background-position:15px 30px;
}
.mypageArea ul.previewKeyList li a.height1 {padding-top:34px;}
.mypageArea ul.previewKeyList li a.height2 {padding-top:24px;}

.contentsArea .tableArea ul li {width:48%;}
.contentsArea .tableArea ul li a {width:100%;}






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

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

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

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


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


/* キャンセル一覧 */

.mypageArea ul.cancelList li p.checkboxArea {
 width:50px;
 padding:0 10px 0 0;
 box-sizing:border-box;
}

.mypageArea ul.cancelList li div.cancelName {
 width:100%;
 padding:20px 16px;
}
.mypageArea ul.cancelList li h2 .roomname {
  display:block;
  margin-top: 12px;
  font-size: 0.8em;
}
.cancelbtnArea {
  display:flex;
  justify-content:center;
  padding: 12px 0 0;
}
 .cancelbtnArea a {
  font-size:0.938em;
 }


/* 予約履歴 */
.mypageArea ul.reserve_history li  {
 width:100%;
 padding:10px;
}

.mypageArea ul.reserve_history li div.cancelName {
 display:block;
 width:100%;
}



.mypageArea ul.reserve_history li h2,
.mypageArea ul.reserve_history li p.history {
 padding:0 0 5px;
 font-size:1.2em;
 font-weight:100;
}
.mypageArea ul.reserve_history li p.sub {
 font-size:1em;
 line-height:1.8em;
 padding:0px;
}


.mypageArea ul.reserve_history li div.btnArea {
 width:100%;
 display:block;
 text-align:center;
 padding:10px 0;
}




/* アカウント変更 */
.editAccount dd.type02 span {
 width:100%!important;
}



.editAccount dl dd input.rows2L,
.editAccount dl dd input.rows2R {
    width:48%;
}



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

.editAccount dl dt {
 width:100%;
 padding:0 0 10px;
 text-align:left;
 display:block;
}

.editAccount dl dd {
 width:100%;
 text-align:left;
 display:block;
}

.editAccount li.accountName div.acList dl {
  width:100%;
  display:block;
 }

#venueDtail .leftSideArea .businessHour ul li dl{
  display: grid;
}

#venueDtail .leftSideArea .summary.-businessHour .day {
  width: 100%;
}

#venueDtail .leftSideArea .summary.-businessHour .hour {
  width: 100%;
}

#venueDtail .propertyDetail .roomBlock .showContentMobile {
  display: block;
  text-align: center;
  background-color: #ffffff;
  margin-bottom: 20px;
  font-weight: bold;
}

#venueDtail .propertyDetail .roomBlock .showContentMobile .fas {
  padding: 7px;
}

#venueDtail .propertyDetail .btnArea a.blue {
  padding: 12px 75px;
}

#venueDtail .propertyDetail .roomBlock ul li dl {
  display: block;
}

#venueDtail .propertyDetail .roomBlock ul li dl dt {
  display: block;
  width: 100%;
  max-width: 100%;
  border-right: none;
  color: #222222;
  font-weight: bold;
}

#venueDtail .propertyDetail .roomBlock ul li dl dd {
  display: block;
  width: 100%;
}

#venueDtail .propertyDetail .roomBlock li:last-child {
  border-bottom: solid 1px #e2e2e2;
}

#venueDtail .propertyDetail .roomBlock .bottomToggle {
  display: none;
  border-top: none;
}

#venueDtail .propertyDetail .roomContents hr {
  margin-top: 30px;
}




























/* スマート内覧について */
div.aboutWrapper {padding:2px 10px 0;}
#about .linkText {
 font-size:0.8em;
 padding:20px 0;
}

.aboutLinkArea {padding-bottom:40px;}


.aboutLinkArea ul li:first-child {margin-right:0;}


.aboutTextArea {font-size:0.8em;}

a.aboutSP,
a.aboutPH {
 display:table-cell;
 width:100%;
 height:80px;
 padding:0 10px;
}

a.aboutSP p,
a.aboutPH p {
 background-size:40px;
 padding:20px 0 20px 50px;
 font-size:0.8em;
 margin:0 auto;
 text-align:center;
}


/* stepArea */
#about {
 padding: 32px 16px 40px;
}
#about .stepArea {
 margin-bottom: 32px;
}
#about .stepArea h2.stepTitle {
 margin:0 0 20px;
}
#about .stepArea ul {
 flex-direction:column;
 margin-top: 24px;
}
#about .stepArea ul li span {
 position: relative;
 transform: translateX(0);
 top: auto;
 left: auto;
 padding: 12px 40px;
}
#about .stepArea ul li {
  width:100%;
  height: auto;
}
#about .stepArea ul li:not(:last-child) {
  margin: 0 0 24px;
}
#about .stepArea ul li div.stepCont {
  padding: 32px 16px 24px;
  height: auto;
}
#about .stepArea ul li:not(:last-child):after {
  top: auto;
  bottom: -17px;
  right: 50%;
  transform: translateX(50%);
  border-width: 8px 8px 0 8px;
  border-color: #837F7F transparent transparent transparent;
}
#about .stepArea ul li div.stepCont {
  margin-top: -20px;
}
.aboutLinkArea ul {
  flex-direction: column;
}
.aboutLinkArea ul li:first-child {
  margin-bottom: 12px;
}
#about .btnArea.-regist .link {
  width: 100%;
  padding: 16px 0;
}


#about .meritArea h2.meritTitle {
 margin:0 0 20px;
}
#about .meritArea ol {
 padding:0 0 10px;
}
#about .meritArea ol li {
 font-size:0.8em;
 line-height:1.4em;
}






/* スマート内覧についてWEB+Phone */
#about_web, #about_phone {
  padding: 32px 16px;
}
#about_web h1.webTop,
#about_phone h1.phoneTop {
  margin-bottom: 24px;
}
#about_web h1.webTop span,
#about_phone h1.phoneTop span {
  font-size: 1.375em;
}
#about_phone h1.phoneTop span:before {
  width: 48px;
}
.stepContent {
  display: block;
}
.stepContent:not(:first-of-type) {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid#E3DFDF;
}
.stepContent .stepCont {
  width: 100%;
  margin-bottom: 16px;
}
.stepContent .stepImg {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}
.stepContent h2 {
  margin-bottom: 16px;
  font-size: 1.125em;
}
#about_web .btnArea,
#about_phone .btnArea {
  padding: 24px 16px;
}
#about_web .btnArea a.btn_yellow01.registBtn,
#about_phone .btnArea a.btn_yellow01.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;
}


/* 利用規約 */
.kiyakuArea {
 height:auto;
 padding:20px 20px 0;
 margin:20px auto;
 overflow:hidden;
}





/* ビル管理者ページ */
.ownerpageWrapper {
 padding:0 10px;
 box-sizing:border-box;
 margin:10px auto;
}

.ownerPage dl dd {
 width:100%;
}

.ownerPage .row {
  display: block;
}

section#ownerpage {
 width:100%;
 padding:10px;
}


section#ownerpage div.profArea {
 display:block;
margin:0 auto 10px;
width:100%;
 border:solid 1px #f0f0f0;
 padding:10px;
}

section#ownerpage .ownerpageArea ul li dl dt {
 display:block;
 width:100%;
 padding:0 0 5px;
}
section#ownerpage .ownerpageArea ul li dl dd {
 display:block;
 padding:0 0 10px;
}

.ownerpageArea ul li dl #lessor_parent_status,
.ownerpageArea ul li dl #lessor_parent_status .select2-container {
  width: 100% !important;
}

.ownerpageArea ul li .subscription:not(:last-child) {
  margin-bottom: 0;
}
.ownerpageArea ul li .subscription dd{
  width: 100%;
}
.ownerpageArea ul li.users dl {
  display: block;
}
section#ownerpage .ownerpageArea ul li.users dl dd {
  display: flex;
  justify-content: space-between;
}
.ownerpageArea ul li.users dl dd .type02 {
  width: calc(100% - 100px);
}
.ownerpageArea ul li.users dl dd .btn_gray01 {
  width: 80px;
}









#cancelpolicy section#ownerpage .ownerpageArea ul li dl {
 border-bottom:dashed 1px #ccc;
 padding:0;
 margin:20px 0;
} 

#cancelpolicy section#ownerpage .ownerpageArea ul li dl dd {
width:50%;
height:60px;
line-height:60px;
float:left;
border-bottom:none;
margin:0 0 10px;
text-align:left!important;
}
#cancelpolicy section#ownerpage .ownerpageArea ul li dl dt {font-weight:bold;}
#cancelpolicy section#ownerpage .ownerpageArea ul li dl dd:last-child {text-align:right;margin-right:-10px;}

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


.ownerpageArea ul li {
 display:block;
 padding:0;
 margin:0 0 10px;
}
.ownerReserve {
 padding:10px;
}
.ownerReserve li:nth-child(1),
.ownerReserve li:nth-child(2),
.ownerReserve li:nth-child(3),
.ownerReserve li:nth-child(4) {width:100%!important;}
.ownerReserve li .btnArea .btn_blue02 {
 width:100%;
 height:60px;
 font-size:1em;
}
.ownerReserve li .btnArea {padding:0!important;}

.ownerLimit {padding:10px;}
.ownerLimit li {
 padding-right:0;
 width:100%!important;
} 
.ownerLimit li:nth-child(1) {width:100%!important;}
.ownerLimit li:nth-child(2) {width:100%!important;}
.ownerLimit li:nth-child(3) {width:100%!important;}





.reserveSheet ul li {margin:0;}
.reserveSheet ul li p.week {width:30px;font-size:0.8em;}
.reserveSheet ul li p.time {width:220px;font-size:0.8em;}
.reserveSheet ul li p.delete {width:30px;}
.reserveSheet ul li p.delete button {
 width:20px;
 height:20px;
 background:url(../images/btn_delete.gif) no-repeat top;
 background-size:20px;
 border:none;
 outline:none;
 text-indent:-99999px;
}

.ownerPage .fileArea .btnArea button {
 width:100%;
 margin:0 auto 10px;
}


.ownerpageArea .confirm {
 position:relative;
 height:120px;
}

.ownerpageArea .confirm button {
 position:absolute;
 height:40px;
 margin:0 0 10px;
 display:block;
}
.ownerpageArea .confirm button.btn_gray01 {
width:80px;
top:70px;
left:0;
}
.ownerpageArea .confirm button.btn_gray02 {
width:80px;
top:70px;
left:90px;
}
.ownerpageArea .confirm button.btn_blue02 {
width:100%;
height:60px;
top:0;
}

.ownerCol2Area {margin:0 auto 20px;}
.ownerCol2Area .ownerLeftArea {width:100%;margin:0 auto 20px;}
.ownerCol2Area .ownerRightArea {width:100%;margin:0 auto ;}
.ownerRightArea ul.ownNav li {width:48%;}
.ownerRightArea ul.ownNav li:nth-child(odd) {float:left;}
.ownerRightArea ul.ownNav li:nth-child(even) {float:right;}
.ownKanriBlock h2 {margin:0 0 10px;font-size:1.2em;}
.ownKanriBlock ul li,
.ownKanriBlock ul li:nth-child(3n) {margin-right:10px;margin-bottom:10px;}

section#ownerpage .btnArea {
padding:0 0 20px;
width: 100%;
}

section#ownerpage .action .btnArea {
  text-align: center;
}

.lessor-parent ul.ownerPage #LessorParentLessorParentName {
  width: 100%;
}

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

.lessor-parent ul.ownerPage li dl dt .status {
  display: block;
  width: 100%;
  height: 46px;
  margin-top: 15px;
}



/* 仮予約 */
#kariyoyaku ul.ownerPage li label {
 display:block;
 margin-bottom:10px;
}

#kariyoyaku ul.ownerPage li {
 line-height:1.4em;
} 





/* 予約確認 */
.ownerpageArea .yoyakuKakuninList,
.ownerpageArea .yoyakuKakuninLeft {
 width:100%;
 font-size: var(--text-font-size);
}
.ownerpageArea .yoyakuKakuninLeft {
 display:block;
}



.ownerpageArea .yoyakuKakuninRight {
 width:100%;
 padding:0;
 display:block;
 margin: 20px auto 0;
}
.ownerpageArea .btn_sort {
 width:100%;
 height:40px;
 line-height:40px;
}



.yoyakuList ul {border-bottom:none;}

.yoyakuList ul li {
 margin:0 auto 10px!important;
 padding:0 0 10px;
 border-bottom:dotted 2px #aaa;
}
.yoyakuList ul li dl dt {
 display:block;
 width:20%!important;
 padding:0;
 float:left;
 text-align:center;
}
.yoyakuList ul li dl dd {
 display:block;
 width:80%!important;
 float:right;
 padding:10px!important;
}

.yoyakuList ul li dl dd:nth-child(2) {background:#f0f0f0;}
.yoyakuList ul li dl dd:nth-child(5) {border-bottom:solid 1px #ddd;}

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

.kaiheiList ul li {
 width:100%;
 margin:0 auto 10px;
 padding:0 0 10px;
 border-bottom:dotted 2px #aaa;
}

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

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

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

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

.kaiheiList ul li dl dd:nth-child(2) {width:100%;}
.kaiheiList ul li dl dd:nth-child(3) {width:100%;}
.kaiheiList ul li dl dd:nth-child(4) {width:100%;}
.kaiheiList ul li dl dd:nth-child(5) {width:100%;}
.kaiheiList ul li dl dd:nth-child(6) {width:100%;}

.kaiheiList ul li:nth-child(odd),
.kaiheiList ul li:nth-child(even) {
  background: #fff;
}




/* 支払い管理 */
.shiharaiList ul li {
 width:100%;
 margin:0 auto 10px;
 padding:0 0 10px;
 border-bottom:dotted 2px #aaa;
}

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

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

.shiharaiList ul li dl dt {
 display:block;
 width:100%;
  border:solid 1px #ddd;
 border-right:none;
 background:#f0f0f0;
 border-bottom:none;
 font-size:0.8em;
 line-height:1.4em;
  padding:10px!important;
}
.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!important;
 box-sizing:border-box;
}

.shiharaiList ul li dl dd:nth-child(2) {width:100%;}
.shiharaiList ul li dl dd:nth-child(3) {width:100%;}
.shiharaiList ul li dl dd:nth-child(4) {width:100%;}
.shiharaiList ul li dl dd:nth-child(5) {width:100%;}

.shiharaiList ul li dl dd .btnArea {
 margin:0;
 padding:0!important;
} 

.shiharaiList ul li dl dd .btnArea button {
 padding:10px 0;
 width:100%;
}











.ownerpageArea .yoyaku_CSV_BTN {
 width:100%;
 margin:0 auto 20px;
}

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











.modalContent dl {
 float:inherit;
 font-size:0.8em;
 display:table;
}
.modalContent dl dt {
 display:table-cell;
 background:#f0f0f0;
 padding:10px 5px;
 border:solid 1px #ddd;
 box-sizing:border-box;
 border-right:none;
 border-bottom:none;
}
.modalContent dl dd {
 display:table-cell;
 padding:10px 5px;
 height:auto;
 border:solid 1px #ddd;
 box-sizing:border-box;
 border-right:none;
 border-bottom:none;
}

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

.modalContent dl.address {
 width:100%;
}
.modalContent dl.sex,
.modalContent dl.age {
 width:50%;
 float:left;
 min-height:auto;
}


.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%;
 height:auto;
}

.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%;
 height:auto;
}


.modalContent dl.address dt {
 width:20%;
 height:auto;
}
.modalContent dl.sex dt,
.modalContent dl.age dt {
 width:50%;
 height:auto;
}
.modalContent dl.address dd {
 width:80%;
 height:auto;
}
.modalContent dl.sex dd,
.modalContent dl.age dd {
 width:50%;
 height:auto;
}



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

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

.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:120px;
 text-align:left;
}


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

.shitenkanri ul.ownerPage li {
 margin:0;
}

.shitenkanri ul.ownerPage li dl dd {
width:100%;
text-align:center!important;
margin:10px auto 20px;
padding:0 0 20px!important;
border-bottom:dotted 2px #aaa;
}

.shitenkanri ul.ownerPage li dl dd .btnArea {
 padding:0!important;
}

.shitenkanri ul.ownerPage li:last-child dl dd {
 border-bottom:none;
 margin:10px 0 0;
 padding:0;
}

#cancelpolicy .shitenkanri ul.ownerPage li {
 margin:0 0 20px;
 }




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


.shitenkanri .qaSet li dl dd .textArea {
 display:block;
}
.shitenkanri .qaSet li dl dd .btnArea {
 display:block;
 width:100%;
 text-align:center;
}

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





/* 予約詳細 */

body#yoyakuDetail ul.confirmList>li dl dt {
 white-space:inherit!important;
 border-right:none;
 border-bottom:dashed 1px #fff;
} 

body#yoyakuDetail dl.yoyaku_layout,
body#yoyakuDetail dl.yoyaku_bihin{
 padding:0!important;
}

body#yoyakuDetail ul.confirmList>li dl.yoyaku_layout dt,
body#yoyakuDetail ul.confirmList>li dl.yoyaku_bihin dt,
body#yoyakuDetail ul.confirmList>li dl.total dt {
 display:table-cell;
 vertical-align:middle;
 padding:10px;
 box-sizing:border-box;
 border-bottom:none;
 border-right:solid 1px #fff;
 word-break:break-all;
 white-space:inherit!important;

}

body#yoyakuDetail dl.yoyaku_layout dd,
body#yoyakuDetail dl.yoyaku_bihin dd,
body#yoyakuDetail ul.confirmList>li dl.total 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,
body#yoyakuDetail ul.confirmList>li dl.total dd:last-child {border-right:none;} 


body#yoyakuDetail dl.yoyaku_layout dt {width:70%;}
body#yoyakuDetail dl.yoyaku_bihin dt {width:50%;}

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

body#yoyakuDetail ul.confirmList>li dl.total dt {width:70%;}
body#yoyakuDetail ul.confirmList>li dl.total dd {width:30%;text-align:right;}

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





/* グループ管理 */
body#kanrigroup .ownKanriBlock .usergroup li {
 width:48%;
}
body#kanrigroup .ownKanriBlock .usergroup li:nth-child(2n) {margin-right:-10px;} 
body#kanrigroup .ownKanriBlock .usergroup li:nth-child(3n) {margin-right:10px;} 

body#kanrigroup .ownKanriBlock .groupmember li dl {display:block;}
body#kanrigroup .ownKanriBlock .groupmember li dl dt {
 display:block;
 width:100%;
 border-right:none;
 border-bottom:solid 1px #fff;
} 
body#kanrigroup .ownKanriBlock .groupmember li dl dd {
 border:none;
}


body#kanrigroup .ownKanriBlock .groupmember li dl dd:nth-child(2) {
width:auto;
display:block;
float:left;
}
body#kanrigroup .ownKanriBlock .groupmember li dl dd:nth-child(3) {
width:80px;
display:block;
float:left;
}
body#kanrigroup .ownKanriBlock .groupmember li dl dd:nth-child(4) {
width:80px;
display:block;
float:right;
}
body#kanrigroup .ownKanriBlock .groupmember li dl dd .btnArea {padding:0;}

.ownerpageArea .shoninMemberList {
 width:100%;
} 

.ownerpageArea .shoninMemberList ul.tab01 li:nth-child(1) {
 width:60px;
} 
.ownerpageArea .shoninMemberList ul.tab01 li:nth-child(2) {
 width:90px;
 margin:0 5px;
} 

.ownerpageArea .shoninMemberList ul.tab01 li:nth-child(2) {
 margin:0 5px;
}

body#kanrigroup .kanrimemberdetail ul li dl.member2row {
 display:block;
 border:none;
}
body#kanrigroup .kanrimemberdetail ul li dl.member2row dt {
 display:block;
 width:100%;
 border-right:none;
}

body#kanrigroup .kanrimemberdetail ul li dl.member2row dd {
 display:block;
 width:100%;
} 

body#kanrigroup .kanrimemberdetail .btnArea {
 position:relative;
 width:100%;
 height:130px;
} 

body#kanrigroup .kanrimemberdetail .confirm button {
 position:absolute;
 margin:0;
}

.kanrimemberdetail .confirm button.btn_gray01 {
top:70px;
left:0px;
}
.kanrimemberdetail .confirm button.btn_gray02 {
top:70px;
left:90px;
}
.kanrimemberdetail .confirm button.btn_blue02 { 
top:20px;
left:0;
}
.kanrimemberdetail .confirm button.btn_blue03 { 
top:20px;
left:0;
}








/* privacypolicyArea */
#PPArea {
width:100%;
padding: 32px 16px;
}

.privacypolicyArea h2 {
  line-height: 1.6;
}
.privacypolicyArea table th {
  line-height: 1.6;
  vertical-align: middle;
}
.privacypolicyArea .PPBlock ol {
  padding-left: 16px;
}
.privacypolicyArea table.offer tr {
  display: block;
}
.privacypolicyArea table.offer th {
  display: block;
  width: 100%;
}

/* 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;
}

br.PC {display:none;}




/* ビル管理者会議室編集 */
body#heyahensyu .heyahenBlock {
 margin: 0 auto 30px;
}
body#heyahensyu .heyahenBlock .spaceUsageTime .select2 {
  margin-left: 0;
}
body#heyahensyu .heyahenBlock .ownerPage li {
 line-height:1.4em;
}
body#heyahensyu .bihinTsuika li:nth-child(4) .btnArea,
body#heyahensyu .bihinLayoutTsuika li:nth-child(3) .btnArea {
 padding:0;
}


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;
}

body#heyahensyu ul.bihinList li dl dt {width:35%;word-break:break-word;}
body#heyahensyu ul.bihinList li dl dd:nth-child(2) {width:34%;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.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: 50px;
}

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:20%;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:15%;text-align:center;}
body#heyahensyu ul.bihinLayoutList li dl dd:last-child {border-right:none;}


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:50%;}
body#heyahensyu ul.heyaPriceList li dl dd {width:50%;text-align:right;}
body#heyahensyu ul.heyaPriceList li dl dd input {
 max-width:100px;
 height:30px;
} 

body#heyahensyu .heyahenBlock ul.ownerPage.purposeList li {
 line-height: 30px;
}


/* ビル一覧 */
#venue .list2col {width:100%;}
#venue .leftSideArea {display:none;}
#venue .rightSideArea {
 float:inherit;
 width:100%;
}
#venue .rightSideArea .spFilter {
 display:block;
 padding:20px;
 width:100%;
 box-sizing:border-box;
} 
#venue .spFilter ul {list-style:none;}
#venue .spFilter ul li {margin-bottom:20px;}
#venue .spFilter ul li a.filterBtn {
 display:block;
 width:100%;
 height:40px;
 box-sizing:border-box;
 background:transparent;
 border:solid 1px #71A1C9;
 border-radius:20px;
 line-height:40px;
 padding:0 10px;
 background:#fff url(../images/icon_right02.png) no-repeat right;
 background-size:20px;
 font-size:1em;
 font-weight:bold;
 color:#666;
 overflow:hidden;
 text-decoration:none;
}

#venue .spFilter ul li input.filter {
 display:block;
 width:95%;
 height:40px;
 border:solid 1px #71A1C9;
 border-radius:10px;
 line-height:40px;
 padding:0 10px;
 background-size:20px;
 font-size:1em;
 font-weight:bold;
 color:#666;
 text-decoration:none;
}

#venue .spFilter ul li a.filterBtn span {
 display:inline;
 font-size:0.8em;
 font-weight:100;
 color:#ccc;
 margin-left:10px;
}

#venue .spFilter ul li a.delete {
 color:#666;
 font-size:0.8em;
 background:transparent url(../images/icon_delete03.png) no-repeat left;
 background-size:13px;
 padding-left:15px;
 text-decoration:none;
} 

#venue .rightSideArea .resultNumber {
 /*width:28%;*/
 float:left;
 height:auto;
 margin-top:0;
 padding-left:20px;
 box-sizing:border-box;
} 
#venue .rightSideArea .topNav {
 width:70%;
 float:right;
 position:static;
 margin:0 auto 20px;
 padding-right:20px;
 box-sizing:border-box;
} 

#venue .rightSideArea ul.propatyList {
 padding:0 20px;
 box-sizing:border-box;
 width:100%!important;
}
#venue .rightSideArea ul.propatyList li {padding:10px;}

#venue .rightSideArea ul.propatyList li .venueLogo {
 width:50%;
 margin-bottom:10px;
}

#venue .rightSideArea ul.propatyList li .subtitle {
 height:auto;
 line-height:1.4em;
 font-size:1em;
 padding-left:10px;
 margin-bottom:10px;
}


#venue .rightSideArea ul.propatyList li .thumbBlock {
 width:100%;
}
#venue .rightSideArea ul.propatyList li .thumbBlock .listImg {
 display:block;
 width:100%;
 height:120px;
 float:left;
 background-size: cover;
}

#venue .rightSideArea ul.propatyList li .thumbBlock .listImg:nth-child(2n) {float:right;}


#venue .rightSideArea ul.propatyList li .detailBlock {
 width:100%;
} 

#venue .rightSideArea ul.propatyList li .detailBlock dl dt {padding-bottom:5px;}

#venue .rightSideArea ul.propatyList li .detailBlock dl dd {padding-top:5px;margin-bottom:20px;}

#venue .rightSideArea ul.propatyList li a.detailBtn {font-size:1em;border-radius:5px;} 

#venue .rightSideArea ul.propatyList li .detailBlock02 table a.roomdetailBtn {
 height:auto;
 line-height: 1.5em;
 padding: 5px;
 width: auto;
}

#venue #pageNav {padding:0 20px;}


#venue .rightSideArea ul.propatyList li .detailBlock dl.address,
#venue .rightSideArea ul.propatyList li .detailBlock dl.station {width:100%;}


#venue .rightSideArea ul.propatyList li .detailBlock02 {margin:0 auto 10px;}



#venue .properties-area .rightSideArea .heading h2 {
  display: none;
}
#venue .properties-area .rightSideArea h2.spTitle {
  display: block;
  height: auto;
  margin-bottom: 16px;
  padding: 0 0 0 16px;
  background: none;
  color: #222;
  font-size: 1.375em;
  line-height: 1;
}
#venue .properties-area .rightSideArea .spFilter {
  padding: 20px 16px;
  background: #fff;
}
#venue .properties-area .spFilter ul li {
  margin-bottom: 0;
}
#venue .properties-area .spFilter ul li input.filter,
#venue .properties-area .spFilter ul li .filterBtn {
  width: 100%;
  padding: 0 0 0 12px;
  height: 40px;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  font-size: 0.875em;
  font-weight: normal;
  color: #222;
  box-sizing: border-box;
}
#venue .properties-area .spFilter ul li .filterBtn span {
  color: #999;
  font-size: 0.875em;
}
#venue .properties-area .spFilter ul li input.filter {
  background: #f6f6f6;
}
#venue .properties-area .spFilter ul li input::placeholder {
  color: #999;
}
#venue .properties-area .spFilter ul li .filterBtn {
  background: #fff url('../svg/arrow-right-black.svg') no-repeat right 4px center/20px;
}
#venue .properties-area .spFilter ul li:not(.filterLink):not(:last-child) {
  margin-bottom: 16px;
}
#venue .properties-area .spFilter ul li.filterLink {
  margin-bottom: 8px;
}
#venue .spFilter ul li.delete {
  text-align: right;
}
#venue .spFilter ul li.delete a {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-image: none;
  color: #578AB7;
}
#venue .spFilter ul li.delete a:before {
  display: inline-block;
  align-items: center;
  justify-content: center;
  content: '';
  width: 13px;
  height: 13px;
  background: url('../svg/delete-blue.svg') no-repeat;
}
#venue .properties-area .rightSideArea .heading {
  margin: 24px 0 8px;
}
#venue .properties-area .rightSideArea .resultNumber {
  padding: 0;
}
#venue .properties-area .rightSideArea ul.propatyList {
  padding: 0;
}
#venue .properties-area .rightSideArea ul.propatyList li {
  padding: 32px 16px;
}
#venue .properties-area .rightSideArea ul.propatyList li .property {
  flex-direction: column;
  align-items: flex-start;
}
#venue .properties-area .rightSideArea ul.propatyList li .property .name {
  order: 2;
  font-size: 1.250em;
}
#venue .properties-area .rightSideArea ul.propatyList li .property .venueLogo {
  width: 168px;
  order: 1;
  margin: 0 0 4px;
}
#venue .properties-area .rightSideArea ul.propatyList li .property .venueLogo img {
  max-width: 100%;
}
#venue .properties-area .rightSideArea ul.propatyList li .detailBlock02 {
  padding: 0;
}
#venue .properties-area .rightSideArea ul.propatyList li .thumbBlock {
  display: flex;
  width: 100%;
  margin-right: 0;
}
#venue .properties-area .rightSideArea ul.propatyList li .thumbBlock .listImg {
  height: 106px;
  margin-bottom: 0;
}
#venue .properties-area .rightSideArea ul.propatyList li .thumbBlock .listImg:not(:last-child) {
  margin-right: 4px;
}
#venue .properties-area .rightSideArea ul.propatyList li .detailBlock02 table tbody tr.headPc {
  display: none!important;
}
#venue .properties-area .rightSideArea ul.propatyList li .detailBlock02 table tr,
#venue .properties-area .rightSideArea ul.propatyList li .detailBlock02 table th,
#venue .properties-area .rightSideArea ul.propatyList li .detailBlock02 table td {
  display: block;
  width: 100%;
}
#venue .properties-area .rightSideArea ul.propatyList li .detailBlock02 table tr td:not(:first-child):before {
  display: inline-flex;
  align-items: center;
  width: 80px;
  min-width: 80px;
  height: 100%;
  margin-right: 16px;
  padding-left: 16px;
  background: #F2F2F2;
  font-weight: bold;
}
#venue .properties-area .rightSideArea ul.propatyList li .detailBlock02 table tr td:nth-child(2):before {
  content: '収容人数';
}
#venue .properties-area .rightSideArea ul.propatyList li .detailBlock02 table tr td:nth-child(3):before {
  content: '基本料金';
}
#venue .properties-area .rightSideArea ul.propatyList li .detailBlock02 table tr td:nth-child(4):before {
  content: '空き状況';
}
#venue .properties-area .rightSideArea ul.propatyList li .detailBlock02 table tr td:first-child {
  height: auto;
  background: #D9DDE1;
  padding: 8px 16px;
  font-weight: bold;
  font-size: 1.094em;
}
#venue .properties-area .rightSideArea ul.propatyList li .detailBlock02 table tr td {
  display: flex;
  align-items: center;
  padding: 0 12px 0 0;
  width: 100%;
  height: 48px;
}
#venue .properties-area .rightSideArea ul.propatyList li .detailBlock02 table tr td:not(:last-child) {
  border-bottom: 1px solid #e2e2e2;
  border-right: none;
}
#venue .properties-area .rightSideArea ul.propatyList li .detailBlock02 table a.roomdetailBtn {
  width: 100%;
  max-width: 200px;
  height: 34px;
  margin: 0;
  padding: 0;
  font-size: 13px;
}
#venue .properties-area .rightSideArea .pageNav ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.spFilterArea.-property {
  padding: 0;
  color: #222;
}
.spFilterArea.-property .spFilterContents02 {
  padding: 24px 16px;
}
.spFilterArea.-property .spFilterContents02 h3 {
  height: auto;
  margin-bottom: 24px;
  padding-bottom: 16px;
  background: none;
  border-radius: 0;
  border-bottom: 1px solid #E3DFDF;
  line-height: 1;
  font-size: 1.250em;
  font-weight: bold;
  text-align: left;
  color: #222;
}
.spFilterArea.-property .spFilterContents02 ul {
  padding: 0;
}
.spFilterArea.-property .spFilterContents02 ul.filterList3 li {
  padding: 0;
}
.spFilterArea.-property .spFilterContents02 ul.filterList3 li:not(:last-child) {
  margin-bottom: 16px;
  padding: 0;
  border: 0;
}
.spFilterArea.-property .spFilterContents02 ul.filterList3 li dl dt {
  font-weight: bold;
  font-size: 0.875em;
}
.spFilterArea.-property .spFilterContents02 input {
  height: 40px;
  border-radius: 3px;
  background: #F6F6F6;
  border: 1px solid #E2E2E2;
  font-size: 0.875em;
}
.spFilterArea.-property .spFilterContents02 input.date {
  width: 160px;
}

.spFilterArea.-property .spFilterContents02 .selection {
  width: 100%;
  height: 100%;
}
.spFilterArea.-property .spFilterContents02 .select2-container {
  display: inline-flex;
  align-items: center;
  width: 160px!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;
  font-size: 0.875em;
}
.spFilterArea.-property .spFilterContents02 .select2-container--default .select2-selection--single {
  height: 100%;
}
.spFilterArea.-property .spFilterContents02 .select2-selection__rendered {
  display: inline-flex;
  align-items: center;
  height: 100%;
  color: #222;
}

.spFilterArea.-property .select2-results {
  background: #fff;
  font-size: 0.875em;
}
.spFilterArea.-property .btnArea {
  display: flex;
  padding: 8px 16px;
  background: #F1F1F1;
}
.spFilterArea.-property .btnArea ul {
  display: flex;
  width: 100%;
}
.spFilterArea.-property .btnArea ul li {
  width: auto;
}
.spFilterArea.-property .btnArea ul li:first-child {
  flex: 1;
  max-width: 84px;
  margin-right: 12px;
}
.spFilterArea.-property .btnArea ul li:last-child {
  flex: 3;
}
.spFilterArea.-property .btnArea ul li button {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0 16px;
  border-radius: 3px;
  font-size: 0.875em;
}
.spFilterArea.-property .btnArea ul li button.gray {
  background: #999;
  color: #fff;
}
.spFilterArea.-property .filterList3.-other li dl {
  display: block;
}
.spFilterArea.-property .filterList3.-other li dl:not(:last-child) {
  margin-bottom: 16px;
  display: block;
}
.spFilterArea.-property .filterList3.-other li dl dt {
  width: 100%;
  margin-bottom: 8px;
  display: block;
}
.spFilterArea.-property .filterList3.-other li dl dd {
  display: block;
}
.spFilterArea.-property .filterList3.-other li dl dd ul {
  display: flex;
}
.spFilterArea.-property .filterList3.-other li dl dd ul li {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 0!important;
  font-size: 0.875em;
}
.spFilterArea.-property .spFilterContents02 ul.filterList3.-other li:not(:last-child) {
  margin: 0 4px 16px 0;
}
.spFilterArea.-property .filterList3.-other li dl dd ul li input {
  width: 100%;
}

@media screen and (max-width: 430px){
  #venue .properties-area .rightSideArea ul.propatyList li .detailBlock02 table a.roomdetailBtn {
    max-width: 100%;
    width: 100%;
  }
}




/* } */




/* ビル詳細 venueDtail */
#venueDtail .list2col {
 width:100%;
}
#venueDtail h2.detailTitle {margin-bottom:10px;}
#venueDtail .list2col .leftSideArea,
#venueDtail .list2col .rightSideArea {
 width:100%;
 padding:10px;
 box-sizing:border-box;
 float:inherit;
} 

#venueDtail .list2col .leftSideArea .detailContents {
 padding:20px 10px 10px;
}

#venueDtail .leftSideArea .subTitle {
 height:auto;
 line-height:1.4em;
}
#venueDtail .leftSideArea .detailBlock {
 width:100%;
 float:inherit;
}

#venueDtail .leftSideArea .detailBlock .btnLayout01 {margin:0;} 
#venueDtail .leftSideArea .detailBlock .btnLayout01 li {
  width:150px;
  box-sizing:border-box;
}
#venueDtail .leftSideArea .detailBlock .btnLayout01 li a {width:100%;font-size:13px;} 
#venueDtail .leftSideArea .detailBlock .btnLayout01 li a img {
 width:20px;
 margin-right:5px;
}

#venueDtail .leftSideArea .detailBlock .btnLayout01 li a.blue {
  width: 150px;
}


#venueDtail .leftSideArea .subscription-block .multi {
  width: 130px;
}
#venueDtail .leftSideArea .detailBlock dl dd {margin-bottom:20px;}


#venueDtail .leftSideArea .thumbBlock {width:100%;} 
#venueDtail .leftSideArea .thumbBlock a.listImg {
width:48%;
height:auto;
margin:0;
}

#venueDtail .leftSideArea .thumbBlock a.listImg:nth-child(2) {float:right;margin-right:0;}
#venueDtail .leftSideArea .thumbBlock a.linkTxt {
  display:inline-block;
  margin:10px 0 0;
}

#venueDtail .leftSideArea .googleMapArea iframe {width:100%;height:200px;}

#venueDtail .rightSideArea .roomBlock .roomContents {
 padding:10px;
} 
#venueDtail .roomContents ul li dl dt {padding:5px;}
#venueDtail .roomContents ul li dl dd {padding:5px;}

#venueDtail .leftSideArea .roomContents li dl dt {
  max-width:auto;
  min-width:auto;
}
#venueDtail .leftSideArea .roomContents li dl dd:nth-child(2) {
  width:30%;
}
#venueDtail .leftSideArea .roomContents li dl dd:nth-child(3) {
  width:60%;
}

#venueDtail .rightSideArea .thumbBlock {width:100%;margin:0 auto;} 
#venueDtail .rightSideArea .thumbBlock a.listImg {
width:48%;
height:auto;
margin:0 auto 10px;
}

#venueDtail .rightSideArea .thumbBlock a.listImg:nth-child(2) {float:right;margin-right:0;}
#venueDtail .rightSideArea .thumbBlock a.linkTxt {clear:both;display:inline-block;margin:10px 0 20px;}

#venueDtail .roomContents .btnArea a.blue {
 font-size:14px;
} 

#venueDtail .leftSideArea .spBlock {display:block;}
#venueDtail .leftSideArea .pcBlock {display:none;}
#venueDtail .rightSideArea .spBlock {display:block;}
#venueDtail .rightSideArea .pcBlock {display:none;}



/* 会議室詳細 */
#venueDtail .rightSideArea .arrow09 {
 width:40px;
}

#venueDtail .rightSideArea .roomBlock img {width:auto!important;}

#venueDtail .rightSideArea .roomDetailBtn .btnArea a,
#venueDtail .rightSideArea .roomDetailBtn .btnArea button{
 width:25%;
 font-size: var(--button-font-size);
 padding: 17px 0;
}

#venueDtail .rightSideArea .roomBlock .availablePayment ul li {
  background-position: 10px 10px !important;
}
#venueDtail .rightSideArea .roomBlock .availablePayment ul li dl dt {
 width:auto;
 display:block;
}
#venueDtail .rightSideArea .roomBlock .availablePayment ul li dl dd {
 width:auto;
 display:block;
 font-size:0.8em;
 text-align:left;
}
#venueDtail .rightSideArea .roomBlock .availablePayment ul li dl dd br {
 display:none;
}


#venueDtail .rightSideArea .roomBlock ul.reserveList {
 display:block;
 width:100%;
 margin-top:-1px;
}
#venueDtail .rightSideArea .roomBlock ul.reserveList li dl dd:nth-child(3) {
 width:120px;
}
#venueDtail .rightSideArea .roomBlock ul.reserveList li dl dd:nth-child(4) {
 width:45px;
 text-align:center;
 border-right:none;
}
#venueDtail .rightSideArea .roomBlock ul.reserveList:nth-child(2) li {
 border-left:solid 1px #ddd;
}











}


@media screen and (max-width: 430px){
/* ヘッダーエリア */

header nav ul li a {
padding:9px 3px;
}

.btnAbout {
 padding-left:26px;
 background-position:5px 5px;
}

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

section.contentsArea {
 padding:10px;
}

section#articleDetail .detailLayout .googleMapArea iframe {
height:200px!important;
}

section#articleList ul li .listImg {
 height:200px;
}

.bx-wrapper .bx-controls-direction a {
 margin-top:-15px!important;
 width:30px!important;
 height:30px!important;
}


.bx-wrapper .bx-prev {
 left:-40px!important;
 background-size:100%!important;
}
.bx-wrapper .bx-next {
 right:-40px!important;
 background-size:100%!important;
}

.sliderArea {
 padding:15px 40px 0!important;
}






section#articleDetail ul.menu li a.btnE_Detail,
section#articleDetail ul.menu li a.btnE_Entry {
 line-height:30px;
 height:30px;
}











/* マイページ */
section#ownerpage div.profArea p {
 font-size:0.8em;
 line-height:1.4em;
}

/* 内覧予定 */
.mypageArea ul.previewList li p {
  font-size: 1em;
}

.mypageArea ul.previewList li {
  margin-bottom: 25px;
}

div.keyArea a.btn_key {
  background-position: 10%;
  padding-left: 20px;
} 

div.keyArea a.btn_white {
 padding:10px 5px;
}


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


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


/* 仮登録 */
section#formArea .pre_regist h2 {
 padding:0 0 20px;
 line-height:1.6em;
}
section#formArea .pre_regist .noteArea {
padding:20px 10px 0;
margin:10px auto 0;
}

section#formArea .pre_regist .noteArea h3,
section#formArea .pre_regist .noteArea h4 {
 line-height:1.4em;
}










/* ビル管理者ページ */

.ownerRightArea ul.ownNav li {width:100%;margin-bottom:10px;}

.ownKanriBlock ul li {
 width:100%;
}
.ownKanriBlock ul li:nth-child(3n) {margin-right:0;}

.reserveContents {
 margin:0 0 20px;
}

.reserveContents textarea {
 margin:0;
}

.reserveContents h2,
.reserveContents02 h2 {
 font-size:1em;
 line-height:1.4em;
}

.fileContents .btnArea {padding:0!important;line-height:1.4em;}

.ownerpageArea li dl dd.roomType .roomTypecheckbox {
 margin:10px 0 0;
}

.ownerLimit {padding:10px;}
.ownerLimit li {
 padding-right:0;
 width:100%!important;
} 
.ownerLimit li:nth-child(1) {width:100%!important;}
.ownerLimit li:nth-child(2) {width:100%!important;}
.ownerLimit li:nth-child(3) {width:100%!important;}


.ownKanriBlock ul li .roomImg {
 width:100%;
 height:30%;
 margin:0 auto;
 background-size:cover;
} 

.ownKanriBlock ul li .roomImg img {
 vertical-align:bottom;
} 




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

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

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

.parArea ul.doorBtn li {
 padding:0 5px;
 box-sizing:border-box;
}

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

.parArea p.textArea {font-size:0.8em;}


.parArea ul.parEstList li {
display:block;
padding:20px;
margin:0 auto 20px;
}

.parArea ul.parEstList li div.estName {
 display:block;
 width:100%;
 margin:0 auto 10px;
}

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

.parArea ul.parEstList li div.btnArea {
 width:100%;
 display:block;
 vertical-align:middle;
}



/* 予約確認 */
.ownerpageArea .yoyakuKakuninList ul.tab01 li {
 width:80px;
}

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


/* キャンセル一覧 */
#cancelselect .inline_content {
 width:100%;
} 




/* bukkenichiran */
.alertArea {margin-bottom:20px;}
.alertArea .textArea {padding-bottom:0;}
.alertArea .applyGroup {
 width:100%;
 margin-bottom:0;
} 




.wd300,
.wd350,
.wd400,
.wd450,
.wd500,
.wd550,
.wd600 {width:100%!important;}







/* 会議室詳細 */
#venueDtail .rightSideArea .roomDetailBtn .btnArea a {
 width:28%!important;
 font-size:0.8em;
 margin:0 2px;
} 



#venueDtail .mainThumb {
 max-height:160px;
}

#venueDtail .mainThumb .bx-wrapper .bx-controls-direction {
 top: 80px;
}
#venueDtail .mainThumb .bx-wrapper .bx-prev {
 left: 10px!important;
}
#venueDtail .mainThumb .bx-wrapper .bx-next {
 right: 10px!important;
}

.reserveSet .bufferSetting .type02:last-child {
  margin-top: 10px;
}










}



/* TOPPAGE STYLE */
@media screen and (max-width: 1099px){

body#toppage #topContentsArea .block01,
body#toppage #topContentsArea .block02,
body#toppage #topContentsArea .block03,
body#toppage #topContentsArea .block04 {
padding:0 20px;
box-sizing:border-box;
}

body#toppage #topContentsArea .blockContents {
 width:100%;
}

} 

@media screen and (max-width:980px){

body#toppage #topContentsArea .block01,
body#toppage #topContentsArea .block02,
body#toppage #topContentsArea .block03,
body#toppage #topContentsArea .block04 {
 padding:80px 20px 0;
}

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

body#toppage #topContentsArea .blockContents h2 {
 background-image:none!important;
 padding:10px 0;
}

body#toppage #fvArea .btns ul,
body#toppage #topContentsArea .btns ul {
  padding: 30px 20px;
}
body#toppage #fvArea .btns ul li,
body#toppage #topContentsArea .btns ul li {
  width: 100%;
}
}


@media screen and (max-width:560px){

body#toppage #fvArea {
 min-height:400px;
 height: 100%;
}
body#toppage #fvArea .layer01 {
  position: relative;
  top: 0;
  left: 0;
}
body#toppage #fvArea .btns ul,
body#toppage #topContentsArea .btns ul {
  margin-top: 0;
  padding: 20px;
}
body#toppage #fvArea .btns ul:first-child,
body#toppage #topContentsArea .btns ul:first-child {
  margin: 0 0 10px;
  padding-bottom: 15px;
}
body#toppage #fvArea .btns ul:last-child,
body#toppage #topContentsArea .btns ul:last-child {
  margin-bottom: 30px;
}
body#toppage #fvArea .btns ul span.title,
body#toppage #topContentsArea .btns ul span.title {
  font-size: 14px;
}

body#toppage #fvArea .btns ul li,
body#toppage #topContentsArea .btns ul li {
  width: 100%;
}
body#toppage #fvArea .btns ul li a,
body#toppage #topContentsArea .btns ul li a {
  font-size: 1rem;
}

body#toppage #fvArea h1 {
 margin:0 auto;
 padding-top: 10px;
}
body#toppage #fvArea h1 img.sptitle {
display:block;
width:260px;
height:180px;
margin:0 auto;
}
body#toppage #fvArea h1 img.pctitle {display:none;}


body#toppage #fvArea ul {
 margin:10px auto 0;
}

body#toppage #topContentsArea .block01,
body#toppage #topContentsArea .block02,
body#toppage #topContentsArea .block03,
body#toppage #topContentsArea .block04 {
 padding:40px 20px 0;
}

body#toppage #topContentsArea .blockContents {
 padding:40px 0;
} 

body#toppage #fvArea .btns,
body#toppage #topContentsArea .btns {
  flex-direction: column;
}


}













/**
 *  修正
 **/
/* 予約日時指定 カレンダー */
@media screen and (max-width: 768px){
.reserve_control ul li div.select_day button {
 padding:5px 10px 5px;
 margin: 0;
 width:100%;
}
.reserve_control ul li div.select_day button img {
 max-width:auto;
 width:auto;
}
}
/* SQLログはスマホ時はレイアウトが崩れるので非表示 */
@media screen and (max-width: 768px){
  .cake-sql-log {
    display: none;
  }
}
/* パートナーカギ一覧 */
@media screen and (max-width: 430px){
.parArea ul.doorBtn button {
 padding:0 5px;
 box-sizing:border-box;
}
.parArea button.parOpen {
 /* display:block;*/
 width:130px;
 height:140px;
 background:#fff url(../images/btn_open02.png) no-repeat top;
 margin:20px 10px 20px auto;
 box-shadow:none;
 background-size:100%;
}
.parArea button.parClose {
 /*display:block; */
 width:130px;
 height:140px;
 background:#fff url(../images/btn_close02.png) no-repeat top;
 margin:20px auto 20px 10px;
 box-shadow:none;
 background-size:100%;
}
}

/* reserves/index_admin */
@media screen and (max-width: 768px){
.ownerpageTop .section {
  border: none;
  padding: 0.5em;
  margin-bottom: 1.5em;
}
.ownerpageTop .section h2 {
  border-bottom: 1px solid #ddd;
  font-size: 120%;
}
.ownerpageTop .section ul.list li {
  border-bottom: 1px dashed #ddd;
  font-size: 14px;
}
.timeSchedule .scheduleTop {
  height: auto;
}
.timeSchedule .scheduleTop #theDateJP {
  float: none;
}
.timeSchedule .scheduleTop .scheduleController {
  float: none;
}

section#mypage .formContents02 {
 padding:0;
}

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

section#mypage .formContents02 dl dt {
 width:100%;
 padding:0 0 10px;
 text-align:left;
 display:block;
 font-weight:bold;
}

section#mypage .formContents02 dl dt br.nowrap {display:none;}

section#mypage .formContents02 dl dd {
 width:100%;
 text-align:left;
 display:block;
}

body#yoyakuDetail section#mypage .formContents02 .btnArea button{
margin:0 5px 10px;
}

}

/* ビル管理者ページ用list共通 */
@media screen and (max-width: 768px){
.ownerpageArea table.list {
  table-layout: auto;
}
.ownerpageArea > .historyTableArea > table.list {
  table-layout: fixed;
}
}



/* user dashboard general css */
@media screen and (max-width: 768px) {
  .reserve-top-page .mypageWrapper #mypage,
  .reserve-view-page .mypageWrapper #mypage,
  .reserve-history-page .mypageWrapper #mypage {
    padding: 16px;
  }
  #mypage .profArea {
    display: block;
    margin: 20px auto;
    border-radius: 3px;
    background-color: #ebf2f8;
    width: 100%;
    padding: 10px;
  }
  #mypage .profArea p {
    background:url(../svg/account-gray.svg) no-repeat left;
    background-size: 20px;
    padding: 0 0 0 30px;
    line-height: 1em;
    font-size:0.9em;
    font-weight: bold;
    color: #222222;
    text-align:left;
  }

  #mypage .rightArea.usermenu {
    display: none;
  }
}
/* user dashboard general css */

/* 内覧予定 */
/* reserves - top tab css */
/* reserve preview list */
@media screen and (max-width: 768px) {
  #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-change .leftArea h1.title,
  #mypage.reserve-change-confirm .leftArea h1.title,
  #mypage.user-delete h1.title,
  #mypage.properties-tenants h1.title,
  #mypage.properties-tenants-view h1.title,
  #formArea.users-add h1.title,
  #formArea.set-password h1.title,
  #formArea.waiting-reset-password h1.title,
  #about h1.title {
    font-size: 1.375em;
  }
  #mypage.reserves-top .leftArea .reserve-preview .overview .title {
    font-size: 1.4em;
  }
  #mypage.reserves-top .leftArea .reserve-preview .reserve {
    flex-direction: column;
    align-items: stretch;
    justify-content: stretch;
    padding: 16px 12px;
  }
  #mypage.reserves-top .leftArea .reserve-preview .reserve .date {
    margin-bottom: 12px;
  }
  #mypage.reserves-top .leftArea .reserve-preview .reserve .actions {
    display: flex;
  }
  #mypage.reserves-top .leftArea .reserve-preview .reserve .actions .btn {
    flex: 1;
    padding: 15px 12px;
    line-height: 1em;
    font-size: 1em;
  }
  #mypage.reserves-top .leftArea .reserve-preview .reserve .actions .btn.btn_key {
    margin-right: 12px;
    background: #71A1C9;
    padding: 15px 12px;
  }
  #mypage.reserves-top .leftArea .reserve-preview .reserve .actions .btn.btn_key.-key {
    background: #71A1C9;
    background-size: 13px;
    padding: 15px 12px;
  }
}
@media screen and (max-width: 430px) {
  #mypage.reserves-top .leftArea .reserve-preview .reserve .actions {
    flex-direction: column;
  }
  #mypage.reserves-top .leftArea .reserve-preview .reserve .actions .btn.btn_key {
    margin-right: 0;
    margin-bottom: 12px;
  }

  .cancelbtnArea {
    display: block;
  }
  .cancelbtnArea a {
    width: 100%;
    padding: 16px 0;
    font-size: 1em;
  }
  .cancelbtnArea a.blue {
    margin: 0 0 12px;
  }
}

/* favorite list */
@media screen and (max-width: 768px) {
  #mypage.reserves-top .leftArea .favorite-section .overview .title {
    font-size: 1.4em;
  }
  #mypage.reserves-top .leftArea .favorite-section .favorite-rooms {
    display: flex;
    flex-direction: column;
    column-gap: unset;
    row-gap: unset;
  }
  #mypage.reserves-top .leftArea .favorite-section .favorite-rooms .room {
    flex-direction: row;
    margin-bottom: 12px;
    margin-left: 0;
    background-color: #f7f7f7;
    padding: 12px 8px;
    width: auto;
  }
  #mypage.reserves-top .leftArea .favorite-section .favorite-rooms .room .image {
    margin-bottom: 0;
    width: 120px;
    height: 84px;
  }
  #mypage.reserves-top .leftArea .favorite-section .favorite-rooms .room .content {
    flex: 1;
    margin-left: 16px;
    min-width: 0;
  }
  #mypage.reserves-top .leftArea .favorite-section .favorite-rooms .room .content .roominfo {
    padding-bottom: 12px;
  }
  #mypage.reserves-top .leftArea .favorite-section .favorite-rooms .room .content .action {
    display: flex;
    justify-content: flex-end;
  }
  #mypage.reserves-top .leftArea .favorite-section .favorite-rooms .room .content .action .deletebutton {
    background-image: none;
    max-width: 140px;
    height: 32px;
    font-size: 0.8em;
  }
  #mypage.reserves-top .leftArea .favorite-section .favorite-rooms .room .content .action .deletebutton span {
    background-image: url(../svg/trash_can2-blue.svg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 10px 10px;
    padding-right: 14px;
  }
}

/* limit section */
@media screen and (max-width: 768px) {
  #mypage.reserves-top .leftArea .limit-section .overview .limit-group .limit-wrapper {
    gap: 10px;
  }
}
/* reserves - top tab css */

/* 予約履歴 */
/* reserves - history tab css */
@media screen and (max-width: 768px) {
  #mypage.reserve-history .leftArea .historylist .history {
    padding: 20px 16px;
  }
  #mypage.reserve-history .leftArea .historylist .history .roomname {
    font-size: 1.1em;
  }
  #mypage.reserve-history .leftArea .historylist .history .reserveinfo {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 10px;
  }
  #mypage.reserve-history .leftArea .historylist .history .reserveinfo .title {
    margin-bottom: 4px;
  }
  #mypage.reserve-history .leftArea .historylist .history .button-add-favorite-room {
    display: block;
    position: relative;
    top: initial;
    right: initial;
    margin-top: 12px;
    text-align: center;
  }
}
/* reserves - history tab css */
/* payments/view */
@media screen and (max-width: 768px) {
  .paymentsView .mypageWrapper {
    padding: 0;
  }
  .paymentsView .mypageWrapper #mypage {
    padding: 16px;
  }
}
/* payments/view */

/* reserves/view */
@media screen and (max-width: 768px) {
  #mypage.reserve-view .leftArea h1.title {
    font-size: 1.13em;
  }
  #mypage.reserve-view .leftArea .keytypeBtn .keytype.-room {
    margin-left: 8px;
  }
  #mypage.reserve-view .leftArea .keytypeBtn .keytype .btn {
    background-position: calc(100% - 8px) center;
    background-size: 18px;
    font-size: 0.9em;
  }
  #mypage.reserve-view .leftArea .keytypeBtn .keytype .btn .small {
    font-size: 0.85em;
  }

  #mypage.reserve-view .leftArea #key_setsubi .property-facilities {
    margin-bottom: 0;
  }
  #mypage.reserve-view .leftArea #key_setsubi .property-facilities .property {
    padding: 20px 16px;
  }
  #mypage.reserve-view .leftArea #key_setsubi .property-facilities .property .facilities .facility {
    padding: 20px 16px;
  }
  #mypage.reserve-view .leftArea #key_setsubi .property-facilities .property .facilities .facility .unusable {
    background-size: 16px;
    background-position: 12px center;
    padding: 24px 12px 24px calc(12px + 16px + 4px);
  }
  #mypage.reserve-view .leftArea #key_setsubi .property-facilities .property .facilities .facility .actions .openentrance {
    flex-direction: column;
    height: 110px;
  }
  #mypage.reserve-view .leftArea #key_setsubi .property-facilities .property .facilities .facility .actions .openentrance .icon {
    margin-right: 0;
    margin-bottom: 8px;
    width: 32px;
    height: 24px;
  }

  #mypage.reserve-view .leftArea #key_kaigi .reserve-list .reserve {
    padding: 20px 16px;
  }
  #mypage.reserve-view .leftArea #key_kaigi .reserve-list .reserve h3.title {
    display: flex;
    flex-direction: column;
    width: calc(100% - 95px); /* container width - extend time button width */
    font-size: 1.25em;
    line-height: 1.4em;
  }
  #mypage.reserve-view .leftArea #key_kaigi .reserve-list .reserve h3.title .roomname {
    margin-top: 4px;
    font-size: 0.8em;
  }
  #mypage.reserve-view .leftArea #key_kaigi .reserve-list .reserve .ninjalock {
    padding: 16px;
  }
  #mypage.reserve-view .leftArea #key_kaigi .reserve-list .reserve .ninjalock .actions .btn {
    flex-direction: column;
    height: 110px;
  }
  #mypage.reserve-view .leftArea #key_kaigi .reserve-list .reserve .ninjalock .actions .btn.-close {
    margin-left: 8px;
  }
  #mypage.reserve-view .leftArea #key_kaigi .reserve-list .reserve .ninjalock .actions .btn .icon {
    margin-right: 0;
    margin-bottom: 8px;
    width: 32px;
    height: 24px;
  }
  #mypage.reserve-view .leftArea #key_kaigi .reserve-list .reserve .ninjalock .unusable {
    background-size: 16px;
    background-position: 12px center;
    padding: 24px 12px 24px calc(12px + 16px + 4px);
    line-height: 1.2em;
  }
  #mypage.reserve-view .leftArea #key_kaigi .reserve-list .reserve .ninjalock .unusable .time {
    line-height: 1em;
  }
  #mypage.reserve-view .leftArea #key_kaigi .reserve-list .reserve .btn.-extend-reserve {
    right: 16px;
    padding: 12px 16px;
  }
}
/* reserves/view */

@media screen and (max-width: 768px) {
  #mypage.reserve-change .summary {
    padding: 16px;
  }
  #mypage.reserve-change .summary .names {
    display: block;
    font-size: 0.875em;
  }
  #mypage.reserve-change .summary .names .name.-property {
    display: block;
    width: 100%;
    margin: 0 0 8px;
  }
  #mypage.reserve-change .summary .date {
    font-size: 0.750em;
  }
  #mypage.reserve-change .formContents02 .content dl dt,
  #mypage.reserve-change .formContents02 .content02 dl .title {
    display: block;
    width: 100%;
    padding: 12px 16px;
  }

  #mypage.reserve-change .formContents02  .option ul.colorList01 dl.yoyaku_bihin dd {
    order: 1;
  }

  #mypage.reserve-change .formContents02 .option ul.colorList01 dl.yoyaku_bihin dd.price {
    margin-left: auto;
    margin-right: 30px;
    padding-left: 0 !important;
  }

  #mypage.reserve-change .formContents02 .option ul.colorList01 dl.yoyaku_bihin dd.description {
    margin-top: unset;
    order: unset;
  }
  
  #mypage.reserve-change .formContents02  .option ul.colorList01 dl.yoyaku_bihin dd:first-of-type:after {
    content:none;
  }

  #mypage.reserve-change .colorList01 dl.yoyaku_bihin dt.name {
    flex: 100%;
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 768px) {
  #mypage.user-delete {
    padding: 16px;
  }
  .taikaiArea h2 {
    margin: 0 auto 24px;
    font-size: 1.125em;
  }
  .taikaiArea p.textArea {
    padding-bottom: 20px;
  }
  .for-web {
    display: none;
  }
}

@media screen and (max-width: 768px){
  section#formArea.set-password dl {
    display: block;
    padding: 0;
  }
  section#formArea.set-password dl dt {
    width: 100%;
    max-width: 100%;
    padding: 0 0 12px;
  }
  section#formArea.set-password .btnArea {
    margin-top: 32px;
  }
  section#formArea .finish {
    text-align: left;
  }
}




@media screen and (max-width: 768px) {
  .changeConfirmList h2 {
    margin: 24px 0 16px;
  }
  .changeConfirmList .colorList01 dl {
    display: block;
  }
  .changeConfirmList .colorList01 dl dt,
  .changeConfirmList .colorList01 dl dd {
    width: 100%;
    padding: 12px;
  }
  .changeConfirmList table.colorList01 tr th,
  .changeConfirmList table.colorList01 tbody tr td{
    padding: 12px;
  }
  .changeConfirmList table.colorList01 tbody tr.total td.price {
    font-size: 1em;
  }
  .changeConfirmList table.colorList01 tbody tr th.subject,
  .changeConfirmList table.colorList01 tbody tr th.subject_option {
    min-width: auto;
  }
}
@media screen and (max-width: 768px){
  html {
    scroll-behavior: smooth;
  }
  #venueDtail #rooms-view .leftSideArea {
    padding: 0!important;
  }
  #rooms-view .leftSideArea .detailContents {
    padding: 24px 16px!important;
    border-radius: 0;
  }
  #rooms-view .dispriction {
    padding: 16px;
  }
  #rooms-view .detailBlock .area dl dd {
    margin: 0;
  }
  #rooms-view .leftSideArea .detailBlock .summary {
    margin-top: 24px;
  }
  #rooms-view .leftSideArea .detailBlock .summary dd {
    margin-bottom: 24px;
  }

  #rooms-view .leftSideArea .detailBlock .summary .summarytable {
    display: block;
  }
  #rooms-view .leftSideArea .detailBlock .summary.-option .summarytable dt {
    display: block;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  #rooms-view .leftSideArea .detailBlock .summary .summarytable dd:not(:first-child) {
    border-left: none;
  }
  #rooms-view .leftSideArea .detailBlock .summary .summarytable dd:not(:first-of-type) {
    border-top: 1px dotted #e2e2e2;
  }
  #rooms-view .leftSideArea .detailBlock .summary .summarytable dd.price {
    text-align: left;
  }
  #rooms-view .leftSideArea .detailBlock .summary .summarytable dd {
    display: block;
    width: 100%;
    margin-bottom: 0;
  }
  #rooms-view .rightSideArea {
    margin-top: 24px;
    padding: 24px 16px!important;
  }
  #rooms-view .rightSideArea .roomBlock .subtitle {
    font-size: 1em;
  } 
  #rooms-view .ui-widget-content td span {
    padding: 12px 0;
  }
  #rooms-view .rightSideArea .calendarArea {
    margin: 8px 0 0;
  }
  #rooms-view .ui-datepicker {
    margin: 0;
  }
  #rooms-view .ui-widget-content .ui-state-active {
    width: 100%;
    height: auto;
    padding: 12px 0;
  }
  #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 {
    width: 40px;
    height: 40px;
  }
  #rooms-view .rightSideArea .roomBlock.-time {
    padding-top: 24px;
  }
  #rooms-view .rightSideArea .roomBlock ul.reserveList:last-child {
    border-left: none;
  }  
  #rooms-view .rightSideArea .roomBlock ul.reserveList li dl dt,
  #rooms-view .rightSideArea .roomBlock ul.reserveList li dl dd {
    width: 33%;
    padding: 10px 16px;
  }
  #rooms-view .rightSideArea .roomBlock ul.reserveList li dl dd:last-child {
    padding-right: 16px;
    padding-left: 16px;
    text-align: right;
  }
  #rooms-view .rightSideArea .roomDetailBtn .btnArea.pcBlock {
    display: none;
  }
  #rooms-view .rightSideArea .roomDetailBtn .btnArea.spBlock {
    display: flex;
  }
  #rooms-view .rightSideArea .roomDetailBtn .btnArea {
    font-size: var(--button-font-size);
  }
  #rooms-view .rightSideArea .roomDetailBtn .btnArea button {
    width: 33%;
    margin: 0;
    font-size: var(--button-font-size);
    padding: 0;
  }
  #rooms-view .rightSideArea .roomDetailBtn .btnArea button:not(:last-child) {
    margin: 0 12px 0 0;
  }

  #rooms-view .bottomfixed {
    display: block;
    position: fixed;
    bottom: 0;
    z-index: 100;
    width: 100%;
    padding: 8px;
    background: rgba(64,64,64,.8);
  }
  #rooms-view .bottomfixed a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 44px;
    background: #71A1C9;
    border-radius: 3px;
    color: #fff;
    font-size: 0.875em;
  }
  #rooms-view .bottomfixed a:hover {
    text-decoration: none;
  }
  

  #quoteSp.spFilterArea.-rooms-view {
    padding: 0;
  }
  .spFilterArea.-rooms-view  .spboxerContents01 {
    padding: 24px 16px;
    color: #222;
  }
  .spFilterArea.-rooms-view  .spboxerContents01 h3.blueTit {
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid #E3DFDF;
    color: #222;
    font-size: 1.250em;
    font-weight: bold;
  }
  .spFilterArea.-rooms-view .spboxerContents01 h4 {
    margin-bottom: 16px;
    padding: 0;
    border: none;
  }
  .spFilterArea.-rooms-view .spboxerContents01 p.textArea {
    margin-bottom: 24px;
    padding: 0;
    font-size: 0.875em;
  }
  .spFilterArea.-rooms-view .spboxerContents01 p.note {
    margin: 10px 0 0;
    font-size: 0.875em;
    line-height: normal;
  }
  .spFilterArea.-rooms-view .spboxerContents01 ul.quoteList {
    border: 1px solid #e2e2e2;
  }
  .spFilterArea.-rooms-view .spboxerContents01 ul.quoteList li {
    background: #fff;
  }
  .spFilterArea.-rooms-view .spboxerContents01 ul.quoteList li:not(:last-child) {
    border-bottom: 1px solid #e2e2e2;
  }
  .spFilterArea.-rooms-view .spboxerContents01 ul li dl {
    width: 100%;
  }
  .spFilterArea.-rooms-view .spboxerContents01 ul li dl dt {
    width: 164px;
    border-right: none;
    background: #f2f2f2;
    font-weight: bold;
  }
  .spFilterArea.-rooms-view .spboxerContents01 ul li dl dd {
    background: #fff;
    border-left: 1px solid#e2e2e2;
  }
  .spFilterArea.-rooms-view .spboxerContents01 ul li dl dd:last-of-type {
    text-align: right;
  }
  .spFilterArea.-rooms-view .spboxerContents01 ul li dl dd:last-child {
    max-width: 90px!important;
  }

  .spFilterArea.-rooms-view .type04 .select2-container {
    width: 100%!important;
    height: 38px;
    border: 1px solid #E2E2E2;
    background: #fff url('../svg/down-arrow-gray.svg') no-repeat center right/20px;
    border-radius: 3px;
    color: #222;
  }
  .spFilterArea.-rooms-view .select2-container .select2-selection--single {
    width: 100%;
    height: 100%;
  }
  .spFilterArea.-rooms-view .select2-container--default .select2-selection--single .select2-selection__rendered {
    display: inline-flex;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #222;
  }
  
  #quoteSp.spFilterArea.-rooms-view .btnArea {
    height: auto;
    padding: 8px;
    background: #F1F1F1;
  }
  #quoteSp.spFilterArea.-rooms-view .btnArea ul {
    display: flex;
    align-items: center;
  }
  #quoteSp.spFilterArea.-rooms-view .btnArea ul li:last-child {
    flex: 1.5;
  }
  #quoteSp.spFilterArea.-rooms-view .btnArea ul li:not(:last-child) {
    flex: .5;
    margin-right: 8px;
  }

  #quoteSp.spFilterArea.-rooms-view .btnArea ul li:not(:last-child) button {
    background: #999;
    color: #fff;
  }
  #quoteSp.spFilterArea.-rooms-view .btnArea ul li button {
    width: 100%;
    height: 44px;
    margin: 0;
    padding: 0 12px;
    border-radius: 3px;
    font-size: 0.875em;
  }

}

.boxer02.-mobile #boxer .boxer-close {
  top: 16px!important;
  right: 8px!important;
  background:url('../svg/close-white.svg') no-repeat center/36px!important;
}
.boxer02.-mobile #boxer .boxer-container {
  position: relative!important;
}
.boxer02.-mobile #boxer.mobile .boxer-meta {
  background: none!important;
}
.boxer02.-mobile #boxer .boxer-container .boxer-content {
  width: calc(100% - 12px);
  max-height: calc(100% - 24px);
  overflow-x: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 12px!important;
  background: #fff;
}
.boxer02.-mobile #boxer .boxer-container .boxer-content img {
  margin-top: 0!important;
}
.boxer02.-mobile .filterContent {
  width: unset !important;
  min-width: unset;
}

@media screen and (max-width: 768px){
  .boxer02 #boxer .boxer-close {
    top: 16px!important;
    right: 8px!important;
    background:url('../svg/close-white.svg') no-repeat center/36px!important;
  }
  .boxer02 #boxer .boxer-container {
    position: relative!important;
  }
  #boxer.mobile .boxer-meta {
    background: none!important;
  }
  .boxer02 #boxer .boxer-container .boxer-content {
    width: calc(100% - 12px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 12px!important;
    background: #fff;
  }
  .boxer02 #boxer .boxer-container .boxer-content img {
    margin-top: 0!important;
  }
  
  #mypage.properties-tenants-view .keytypeBtn li {
    width: calc(50% - 4px);
  }
  #mypage.properties-tenants-view .keytypeBtn li a {
    height: 62px;
    font-size: 0.875em;
  }
  #mypage.properties-tenants-view {
    padding: 16px;
  }
  #mypage.properties-tenants-view .keytypeBtn li:first-child {
    margin-right: 8px;
  }
  #mypage.properties-tenants-view .keytypeBtn li a span {
    margin-top: 4px;
  }
  #mypage.properties-tenants-view ul.previewKeyList > li {
    padding: 20px 16px;
  }
  #mypage.properties-tenants-view ul.previewKeyList > li h3 {
    margin-bottom: 12px;
    line-height: 1.4;
  }
  #mypage.properties-tenants-view ul.previewKeyList .sub {
    padding-bottom: 8px;
    line-height: 1.2;
  }
  #mypage.properties-tenants-view ul.previewKeyList .doorArea {
    padding: 16px;
  }
  #mypage.properties-tenants-view ul.previewKeyList .doorArea p {
    margin-bottom: 8px;
  }
  #mypage.properties-tenants-view ul.previewKeyList .doorArea .btns li:first-child {
    margin-right: 8px;
  }
  #mypage.properties-tenants-view ul.previewKeyList .doorArea .btns li a {
    flex-direction: column;
  }
  #mypage.properties-tenants-view ul.previewKeyList .doorArea .btns li a:before {
    margin: 0 0 8px;
  }
  
}

@media screen and (max-width: 430px){
  #mypage.properties-tenants {
    padding: 16px;
  }
  #mypage.properties-tenants .parArea ul.parEstList li {
    display: block;
    padding: 20px 16px;
  }
  #mypage.properties-tenants .parArea ul.parEstList li .btnArea .btn_blue02 {
    width: 200px;
    padding: 0 16px;
  }
}

.slicknav_menu {
  max-width: 60vw;
}
.slicknav_menu .slicknav_nav {
  padding-top: 4px;
  background: #fff;
}
.slicknav_menu .slicknav_nav li {
  padding: 4px 6px;
  background: #fff;
}
.slicknav_menu .slicknav_nav li:nth-child(even) {
  background: #fff;
}
.slicknav_menu .slicknav_nav li a {
  padding: 12px 16px;
  color: #222;
  outline: none;
}
.slicknav_menu .slicknav_nav li a.select-division {
  background-color: #CBDFF0;
  font-weight: bold;
  letter-spacing: -0.0625rem;
}
.slicknav_menu .slicknav_nav li.-property {
  border-top: 1px solid #ccc;
}
.slicknav_menu .slicknav_nav li.-property a {
  padding: 12px 16px 12px;
}
.slicknav_menu > a {
  background: url('../svg/menu.svg') no-repeat center/36px;
}

.slicknav_menu > a.slicknav_open {
  background: url('../svg/close-black.svg') no-repeat center/36px;
}

@media screen and (max-width: 768px) {
  #mypage.edit-tenant ul.editAccount li {
    flex-direction: column;
  }
  #mypage.edit-tenant ul.editAccount li .title {
    width: 100%;
    padding: 12px;
    border-right: 0;
    font-size: 13px;
  }
  #mypage.edit-tenant ul.editAccount li .content {
    padding: 12px;
  }
  #mypage.edit-tenant ul.editAccount li.accountName .content {
    width: 100%;
  }
  #mypage.edit-tenant ul.editAccount li.accountName .content .item {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }
  #mypage.edit-tenant ul.editAccount li.accountName .content .item.-kana {
    padding-top: 0px;
  }
  #mypage.edit-tenant ul.editAccount li.accountName .content .item:not(:last-child) {
    margin-right: 8px;
  }
  #mypage.edit-tenant ul.editAccount li .content .item .value {
    width: 100%;
  }
  #mypage.edit-tenant ul.editAccount li .content .item .value.-tel {
    display: block;
  }
  #mypage.edit-tenant ul.editAccount li.accountName .content .item .label {
    padding: 10px 0 8px;
  }

  #mypage.edit-tenant ul.editAccount li .content input:not([type=radio]) {
    width: 100%!important;
    box-sizing: border-box;
  }
  #mypage.edit-tenant ul.editAccount li .content input:first-child {
    margin: 0;
  }
  #mypage.edit-tenant ul li.userPostal .content .item.-postal .value,
  #mypage.edit-tenant ul li.corporate .content .item.-postal .value {
    display: flex;
    align-items: center;
  }
  #mypage.edit-tenant ul li.userPostal .content .item.-postal input,
  #mypage.edit-tenant ul li.corporate .content .item.-postal input {
    max-width: 200px;
  }
  #mypage.edit-tenant ul.editAccount li .content button {
    margin-left: 8px;
    font-size: 0.9em;
    white-space: nowrap;
  }
  #mypage.edit-tenant .btnArea {
    margin-top: 24px;
  }
}

@media screen and (max-width: 768px){
  #formArea.add-tenant h1.title {
    font-size: 1.375em;
  }
  #formArea.add-tenant .formContents02 dl {
    display: block;
  }
  #formArea.add-tenant .formContents02 dl dt {
    width: 100%;
    padding: 12px;
    border: none;
  }
  #formArea.add-tenant .formContents02 dl dd {
    padding: 12px;
  }
  #formArea.add-tenant .formContents02 dl.zip dd .input {
    width: 100%!important;
  }
  #formArea.add-tenant .formContents02 dl.address dd .input,
  #formArea.add-tenant .formContents02 dl.mail dd .input,
  #formArea.add-tenant .formContents02 dl.password dd .input,
  #formArea.add-tenant .formContents02 dl.tel dd .input {
    width: 100%!important;
    max-width: 100%;
  }
  #formArea.add-tenant .formContents02 dl.name dd .input {
    width: 50%;
    max-width: 100%;
  }
  #formArea.add-tenant .formContents02 dl dd .input:not(:last-of-type) {
    margin-right: 8px;
  }
  #formArea.add-tenant .formContents02 dl.trigger dd .select2-container {
    width: 100%;
    max-width: 100%;
  }
  #formArea.add-tenant .formContents02 dl dd p.formTxt {
    margin-top: 12px;
    padding: 0;
  }
  #formArea.add-tenant .formContents02 dl dd p.formTxt:not(:first-of-type) {
    margin: 0;
  }
  #formArea.add-tenant .formContents02 dl dd button {
    padding: 0 8px;
  }
  #formArea.add-tenant .formContents02 dl dd .select2-container .select2-selection--single {
    padding-right: 24px;
  }


  #confirmArea.add-tenant h1.title {
    font-size: 22px;
  }
  #confirmArea.add-tenant {
    padding: 32px 16px;
  }
  #confirmArea.add-tenant .confirmContents01 dl {
    display: block;
    margin: 0;
  }
  #confirmArea.add-tenant .confirmContents01 dl dt {
    width: 100%;
    padding: 12px;
    border-right: none;
  }
  #confirmArea.add-tenant .confirmContents01 dl dd {
    padding: 12px;
  }
  #confirmArea.add-tenant .btnArea .btn_confirm {
    width: auto;
  }
}

@media screen and (max-width: 430px) {
  #formArea.add-tenant .formContents02 dl dd .inlineBlock:first-child .select2-container {
    width: 80px!important;
  }
  #formArea.add-tenant .formContents02 dl dd .inlineBlock:not(:first-child) .select2-container {
    width: 56px!important;
  }
  #formArea.add-tenant .formContents02 dl dd .inlineBlock:not(:last-child) {
    margin-right: 4px;
  }
  #formArea.add-tenant p.formList {
    text-align: left;
  }
  #formArea.add-tenant .pB30 {
    margin: 16px 0;
  }

  #confirmArea.add-tenant .pB30 {
    text-align: left;
  } 
}


@media screen and (max-width: 768px){
  #formArea.add-agent h1.title {
    font-size: 1.375em;
  }
  #formArea.add-agent .formContents02 dl {
    display: block;
  }
  #formArea.add-agent .formContents02 dl dt {
    width: 100%;
    padding: 12px;
    border: none;
  }
  #formArea.add-agent .formContents02 dl dd {
    padding: 12px;
  }
  #formArea.add-agent .formContents02 dl dd .input {
    max-width: 100%!important;
    width: 100%!important;
  }
  #formArea.add-agent .formContents02 dl.staffName dd .input:first-child,
  #formArea.add-agent .formContents02 dl.representativeName dd .input:first-child {
    margin-right: 8px;
  }
  #formArea.add-agent .formContents02 dl dd p.formTxt {
    padding: 12px 0 0 0;
  }
  #formArea.add-agent .formContents02 dl.birthday dd p.inlineBlock:first-child .select2-container {
    width: 80px!important;
  }
  #formArea.add-agent .formContents02 dl.birthday dd p.inlineBlock:not(:first-child) .select2-container {
    width: 56px!important;
  }
  #formArea.add-agent .formContents02 dl dd p.inlineBlock:not(:last-child) {
    margin-right: 4px;
  }
  #formArea.add-agent .formContents02 dl.trigger dd .select2-container {
    width: 100%!important;
  }
  #formArea.add-agent .formContents02 dl dd .select2-container .select2-selection--single {
    padding-right: 24px;
  }

  #confirmArea.add-agent {
    padding: 32px 16px;
  }
  #confirmArea.add-agent .confirmContents01 dl {
    display: block;
    margin: 0;
  }
  #confirmArea.add-agent .confirmContents01 dl dt {
    width: 100%;
    padding: 12px;
    border: none;
  }
  #confirmArea.add-agent .confirmContents01 dl dd {
    padding: 12px;
  }
  #confirmArea.add-agent .btnArea button.btn_confirm {
    width: auto;
  }
}


@media screen and (max-width: 430px) {
  #formArea.add-agent .pB30 {
    margin: 16px 0;
  }
  #formArea.add-agent p.formList {
    text-align: left;
  } 
  #confirmArea.add-agent .pB30 {
    padding: 16px 0;
    text-align: left;
  } 
}

/* 仮登録受付完了 */
@media screen and (max-width: 768px){
  #formArea.waiting-register h1.title {
    font-size: 1.375em;
  }
  #formArea.waiting-register .pre_regist h2 {
    padding: 0 0 16px;
    font-size: 1.125em;
  }
  #formArea.waiting-register .pre_regist .noteArea {
    margin: 24px 0 0;
    padding: 24px;
  }
  #formArea.waiting-register .pre_regist .noteArea h3 {
    margin-bottom: 16px;
    font-size: 1em;
  }
  #formArea.waiting-register .pre_regist .noteArea .note h4 {
    margin-bottom: 8px;
    line-height: 1.6;
  }
}

/* 登録完了 */
@media screen and (max-width: 768px){
  #formArea.register h1.title {
    font-size: 1.375em;
  }
  #formArea.register .pB30 {
    padding: 0 0 24px;
  }
  #formArea.register p.formList {
    display: flex;
    justify-content: center;
  }
}



/* start confirm-page */
@media screen and (max-width: 768px) {
  section#formArea.confirm-page {
    margin-top: 18px!important;
    padding: 32px 16px;
  }
  section#formArea.confirm-page h1 {
    font-size: 22px;
    line-height: 22px;
    padding: 0 0 16px 0;
    margin: 0 0 24px 0;
  }
  section#formArea.confirm-page .formContents02 .formTxt {
    margin-bottom: 16px;
    padding: 0;
    font-size: var(--text-font-size);
    line-height: var(--text-font-size);
  }
  section#formArea.confirm-page .formContents02 .reservedetail li {
    border: 1px solid #e2e2e2;
    border-bottom: none;
  }
  section#formArea.confirm-page .formContents02 dl dt {
    display: block;
    border: none !important;
    padding: 8px 16px;
    width: 100%;
    text-align: left;
    font-weight: bold;
  }
  section#formArea.confirm-page .formContents02 dl dd {
    display: block;
    border: none;
    padding: 10px 16px;
    width: 100%;
    text-align: left;
  }
  section#formArea.confirm-page .priceExtend .desc {
    width: 40%;
  }
  section#formArea.confirm-page .priceDetail .price,
  section#formArea.confirm-page .priceExtend .price {
    width: 20%;
    text-align: right;
    white-space: nowrap;
  }
  section#formArea.confirm-page .btnArea .submit {
    padding: 15px 24px;
  }
}
/* end confirm-page */

/* start finish-page */
@media screen and (max-width: 768px) {
  section#formArea.finish-page {
    margin-top: 18px!important;
    padding: 32px 16px;
  }
  section#formArea.finish-page h1 {
    font-size: 22px;
    line-height: 22px;
    padding: 0 0 16px 0;
    margin: 0 0 24px 0;
  }
  section#formArea.finish-page .finish {
    text-align: center;
  }
}
/* end finish-page */

/* start add-reserves-page */
@media screen and (max-width: 768px) {
  section#formArea.add-reserve-page {
    margin-top: 18px!important;
    padding: 32px 16px;
  }
  section#formArea.add-reserve-page h1 {
    font-size: 22px;
    line-height: 22px;
    padding: 0 0 16px 0;
    margin: 0 0 24px 0;
  }
  section#formArea.add-reserve-page .room-info {
    padding: 16px;
  }
  section#formArea.add-reserve-page .room-info .roomname {
    display: flex;
    flex-direction: column;
    margin-bottom: 12px;
    font-size: 14px;
  }
  section#formArea.add-reserve-page .room-info .roomname .room {
    margin-top: 8px;
  }
  section#formArea.add-reserve-page .room-info .reservedate {
    font-size: 12px;
  }
  section#formArea.add-reserve-page .add-reserves-contents-table {
    border-bottom: 1px solid #e2e2e2;
  }
  section#formArea.add-reserve-page .add-reserves-contents-table .cell {
    display: flex;
    flex-direction: column;
  }
  section#formArea.add-reserve-page .add-reserves-contents-table .cell .col {
    border: none;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
  }
  section#formArea.add-reserve-page .add-reserves-contents-table .cell .col:first-child {
    border-top: 1px solid #e2e2e2;
    min-width: unset;
  }
  section#formArea.add-reserve-page .add-reserves-contents-table .cell .col.label {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  section#formArea.add-reserve-page .add-reserves-contents-table .options .content {
    padding: 0;
  }
  section#formArea.add-reserve-page .add-reserves-contents-table .options .content .option {
    margin: 0 16px;
    padding: 12px 0px;
    width: calc(100% - 32px);
  }
  section#formArea.add-reserve-page .add-reserves-contents-table .cell.options .col .note {
    padding: 12px 16px;
  }
  section#formArea.add-reserve-page .add-reserves-contents-table .options .content .option .optionname {
    flex: 100%;
    font-weight: normal;
  }
  section#formArea.add-reserve-page .add-reserves-contents-table .options .content .option .optionprice {
    margin-left: auto;
    margin-right: 40px;
    order: 1;
  }
  section#formArea.add-reserve-page .add-reserves-contents-table .option .optionnumber {
    order: 1;
  }
  section#formArea.add-reserve-page .add-reserves-contents-table .options .content .option .separator,
  #mypage.reserve-change .formContents02 .option ul.colorList01 dl.yoyaku_bihin dd.separator {
    display: none !important;
  }
  section#formArea.add-reserve-page .add-reserves-contents-table .creditcard {
    display: flex;
    justify-content: center;
  }
  section#formArea.add-reserve-page .add-reserves-contents-table .transfermethods .select2 {
    width: 100%!important;
  }
  section#formArea.add-reserve-page .heading {
    font-size: 18px;
  }
  section#formArea.add-reserve-page .yoyakuKiyaku {
    padding: 16px;
  }
  section#formArea.add-reserve-page .btnArea .submit {
    padding: 15px 24px;
  }
}
/* end add-reserves-page */

/* rooms/view */
@media screen and (max-width: 768px){
  #venueDtail .mainThumb img {
    width:760px;
  }

  #venueDtail .leftSideArea .subTitle {
    position: relative;
  }
  #venueDtail .leftSideArea .subTitle .favorite{
    flex: 1;
    position: absolute;
    bottom: -100%;
    width: 100%;
  }
  #venueDtail .leftSideArea .subTitle .button-add-favorite-room {
    width: 100%;
    text-align: center;
  }
}

@media screen and (max-width: 430px){
  #venueDtail .mainThumb img {
    height: 190px;
  }
}

@media screen and (min-width: 360px){
  #venueDtail .mainThumb {
    max-height:600px;
  }
}
/* end rooms/view */


/* start users/select_property */
@media screen and (max-width: 768px){
  .divisionlist {
    display: none;
  }

  .divisions.-mobile {
    display: flex;
    flex-direction: column;
    gap: 3rem;
  }
}
/* end users/select_property */

@media screen and (max-width: 768px){
  header #division-select.type17select,
  header #division-select.type17select + .select2 {
    display: none;
  }
}

/* Menu Tab Mobile */
@media screen and (max-width: 768px) {
  li.link.manual-link, li.link.only-mobile-show {
      display: block;
  }
  
  li.link.only-pc-show {
    display: none;
  }
}