@charset "UTF-8";

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

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}



/* メインメニュー */
.slicknav_menu {
    display:none;
}





button {
 cursor:pointer;
}




body {
 background:#f3f3f3;
 color:#666;
 font-size:1rem;
 font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
 font-weight: 500;
}

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


label {
 cursor:pointer;
}


a {color:#0DC3CB;text-decoration:none;}
a:hover {text-decoration:underline;}
a.disable {text-decoration:none;}


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

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

/* 共通パーツ */

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

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

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

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


.pL150 {padding-left:150px;}


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

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

.mL10 {margin-left:10px;}
.mL15 {margin-left:15px;}
.mL20 {margin-left:20px;}
.mL20 {margin-left:25px;}
.mL30 {margin-left:30px;}
.mL35 {margin-left:35px;}
.mL40 {margin-left:40px;}
.mL45 {margin-left:45px;}
.mLAuto {margin-left:auto;}

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

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

.taC {text-align: center;}
.taL {text-align: left;}
.taR {text-align: right;}
.vaM {vertical-align: middle;}

.w-10 {width: 10%;}
.w-20 {width: 20%;}
.w-30 {width: 30%;}
.w-40 {width: 40%;}
.w-50 {width: 50%;}
.w-60 {width: 60%;}
.w-70 {width: 70%;}

.clear {clear:both;}


.textArea {
 padding:0 0 20px;
}

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

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

}

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

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








/* ボタン */
.btnArea .btn_blue01 {
 display:block;
 width:200px;
 height:35px;
 color:#fff;
 box-sizing:border-box;
 font-size:1em;
 text-decoration:none;
 margin:0 auto;
 padding:10px 0 0;
 border-radius:5px;
 background:#3862DC;
 box-shadow:0 2px 0px #0C214C;
 border:none;
}

.btnArea .btn_blue02 {
 display:block;
 color:#fff;
 box-sizing:border-box;
 font-size:1em;
 text-decoration:none;
 border-radius:5px;
 background:#3862DC;
 box-shadow:0 2px 0px #0C214C;
 border:none;
}

.btn_blue03 {
 display:inline-block;
 color:#fff;
 box-sizing:border-box;
 font-size:0.9em;
 text-decoration:none;
 border-radius:5px;
 background:#3862DC;
 border:none;
 padding: 5px 10px;
}


.btnArea .btn_gray01 {
 display: block;
 text-align: center;
 border-radius: 5px;
 border:none;
 color: #333;
 font-size:1em;
 box-sizing: border-box;
 background: #F2F2F2;
 box-shadow: 0 2px 0 #ccc;
}

.btnArea .btn_gray02 {
 display: block;
 text-align: center;
 border-radius: 5px;
 border:none;
 color: #fff;
 font-size:1em;
 box-sizing: border-box;
 background: #9E9E9F;
 box-shadow: 0 2px 0 #717071;
}
.btnArea .btn_yellow01 {
 display: block;
 text-align: center;
 border-radius: 5px;
 border:none;
 color: #333;
 font-size:1em;
 box-sizing: border-box;
 background: #FFDB00;
 box-shadow: 0 2px 0 #BFAE51;
}




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

/* ヘッダーエリア */
header {
 position:relative;
 width:1100px;
 margin:0 auto;
 height:120px;
}
header h1{
 display: inline;
}
header .titlelogo{
 height: 120px;
 display: table-cell;
 vertical-align: middle;
}

header nav {
 position:absolute;
 top:40px;
 right:0;
}
header nav ul li {
 float:left;
 margin-left:10px;
}
header nav ul li a {
 display:block;
 height:30px;
 text-align:center;
 border-radius:5px;
 padding:9px 20px;
 font-size:0.9em;
 color:#333;
 box-sizing:border-box;
}
.header-user{
	position: relative;
	float: right;
}
.header-user .name{
	float: left;
	margin: 12px 10px;
}
.header-user .avatar{
	float: left;
	cursor: pointer;
}
.header-user .avatar img{
	height: 40px;
	width: 40px;
	border-radius: 50%;
	overflow: hidden;
	background: #D8D8D8;
	vertical-align: middle;
}
.balloon {
	position: relative;
	background: #ffffff;
	box-shadow: 0 0 3px rgba(0,0,0,.4);
	border-radius: 3px;
    z-index: 1;
}
.balloon:after {
	bottom: 100%;
	right: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 10px;
	margin-right: -10px;
}
.balloon:before{
	bottom: 100%;
	right: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #eee;
	border-width: 12px;
	margin-right: -12px;
}
.user-menu{
	display: none;
	position: absolute;
	height: auto;
	width: 150px;
	top: 76px;
	right: -8px;
	padding: 5px 0;
}
.user-menu li{
    float: none;
    margin: 0;
}
.user-menu li a{
    border-radius: 0;
	display: block;
    height: auto;
	padding: 14px;
	transition: .2s;
}
.user-menu li a:hover{
	background: #f4f5f7;
	transition: .2s;
}

.btnAbout {
 background-color:#3B66D9;
 background-image:url(../images/icon_hatena.gif);
 background-repeat:no-repeat;
 background-position:20px 5px;
 box-shadow:0 2px 0 #2C4A84;
 padding-left:44px;
 color:#fff;
 font-weight:100;
}

.btnestList {
 background-color:#3B66D9;
 background-image:url(../images/icon_bukken.png);
 background-repeat:no-repeat;
 background-position:20px 5px;
 box-shadow:0 2px 0 #2C4A84;
 padding-left:44px;
 color:#fff;
 font-weight:100;
}


.btnRegist {
 background:#FFDB00;
 box-shadow:0 2px 0 #BFAE51;
}

.btnLogin {
 background:#F2F2F2;
 box-shadow:0 2px 0 #ccc;
}


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

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

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

.error-page section.contentsArea {
  text-align: center;
 }

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

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


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

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

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




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

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

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




section#articleDetail ul.menu li a {
  color:#36CBD2;
}


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

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

section#articleDetail .detailLayout .propertyDetail {
  float:left;
  margin: 10px;
  width: 300px;
}

section#articleDetail .detailLayout .propertyDetail .propertyName {
  font-size: 1.4em;
  margin: 10px;
}

section#articleDetail .detailLayout .propertyDetail .propertyAddress {
  margin: 10px;
}

section#articleDetail .detailLayout .propertyDetail .propertyAddress .postal{
  margin-bottom: 5px;
}

section#articleDetail .detailLayout .propertyDetail .googleMapLink a {
  display:block;
  margin: 10px;
  width:90%;
  height:40px;
  background:#3862DC url(../images/external-link.png) no-repeat 210px 9px;
  border-radius:5px;
  color:#fff;
  text-align:center;
  padding-top:12px;
  letter-spacing:0.1em;
  line-height:1em;
  box-sizing:border-box;
  box-shadow:0 2px 0px #0C214C;
}

section#articleDetail .detailLayout .propertyDetail .officialSiteLink a {
  display:block;
  margin: 10px;
  width:90%;
  height:40px;
  background:#3862DC url(../images/external-link.png) no-repeat 210px 9px;
  border-radius:5px;
  color:#fff;
  text-align:center;
  padding-top:12px;
  letter-spacing:0.1em;
  line-height:1em;
  box-sizing:border-box;
  box-shadow:0 2px 0px #0C214C;
}

section#articleDetail .detailLayout .campaign .title {
  font-size: 1.2em;
  margin-bottom: 10px;
}

section#articleDetail .detailLayout .campaign {
  float:left;
  margin: 10px auto;
  width: 424px;
  background: #f0f0f0;
  padding: 20px;
  line-height: 1.4em;
}

section#articleDetail .detailLayout .information {
  float:left;
  margin: 10px;
  width: 100%;
  padding: 10px;
  line-height: 1.4em;
}

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


section#articleList .tab-content input[type="radio"] {
  display: none;
}
section#articleList .tab-content input[type="radio"]:checked + label {
  background:#3862DC;
}
section#articleList .tab-content > label {
  display:inline-block;
  margin: 0 0 0;
  width:170px;
  height:40px;
  background:#ccc;
  border-radius:5px;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  color:#fff;
  text-align:center;
  padding-top:12px;
  letter-spacing:0.1em;
  line-height:1em;
  box-sizing:border-box;
}
section#articleList .tab-content .tab-box > div {
  display: none;
  border-top: 1px solid #3862DC;
  padding-top: 10px;
}
section#articleList .tab-content #reservable:checked ~ .tab-box #reservableView {
  display: block;
}
section#articleList .tab-content #all:checked ~ .tab-box #allView {
  display: block;
}

section#articleList table.list {
  font-size: 0.8em;
  width: 100%;
}
section#articleList table.list th,
section#articleList table.list td {
  border: solid 1px #fff;
  padding: 1em 0.5em;
  text-align: left;
  font-weight: normal;
}
section#articleList table.list td.button {
  padding: 0.5em;
  vertical-align: top;
}
section#articleList table.list td.button a,
section#articleList table.list td.button button {
  display: block;
  padding: 0.7em 0 0.4em;
  border-radius: 5px;
  background: #18376A;
  color: #fff;
  text-align: center;
  box-shadow: 0 2px 0 #000;
  text-decoration: none;
  font-size: 1em;
  line-height: 110%;
  width: 100%;
  border: none;
}
section#articleList table.list tr:nth-child(even) {
  background: #E3E7F0;
}
section#articleList table.list tr:nth-child(odd) {
  background: #C4CEE1;
}
section#articleList table.list tr.deleted {
  background: #aaa;
}
section#articleList table.list tr.header {
  background: #4F81BD;
}
section#articleList table.list tr.header th {
  font-weight: normal;
  color: #fff;
}
section#articleList table.list td a{
  color: #666;
  text-decoration: underline;
}

section#articleList table.list {
  border-bottom: none;
}
section#articleList table.list thead th {
  position: relative;
  background-image: none !important;
}
section#articleList table.list thead th.sorting:after,
section#articleList table.list thead th.sorting_asc:after,
section#articleList table.list thead th.sorting_desc:after {
  position: absolute;
  top: 12px;
  right: 8px;
  display: block;
  font-family: FontAwesome;
}
section#articleList table.list thead th.sorting:after {
  content: "\f0dc";
  color: #ddd;
  font-size: 0.8em;
  padding-top: 0.12em;
}
section#articleList table.list thead th.sorting_asc:after {
  content: "\f0de";
}
section#articleList table.list thead th.sorting_desc:after {
  content: "\f0dd";
}

section#articleList .dataTables_filter {
  float: left;
  margin: 10px 0;
  color: #666;
}

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

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

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

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

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

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

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


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


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

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

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

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

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

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

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

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

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












/* 物件リスト */
section#articleList ul {margin-right:-40px;}
section#articleList ul li {
 list-style:none;
 width:320px;
 min-height: 480px;
 float:left;
 margin-right:35px;
 margin-bottom:35px;
}


section#articleList ul li .listTitle {
 width:100%;
 height:135px;
 background:#f0f0f0;
 border:solid 1px #ddd;
 padding:10px;
 margin:0 0 10px;
}

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

section#articleList ul li .listTitle p {
 display:inline-block;
 font-size:0.8em;
 margin-right:10px;
 margin-bottom:10px;
}

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

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

section#articleList ul li a.listBtnArea {
 display:block;
 width:100%;
 height:50px;
 background:#3862DC;
 border-radius:5px;
 color:#fff;
 text-align:center;
 padding-top:16px;
 letter-spacing:0.1em;
 line-height:1em;
 box-sizing:border-box;
}
section#articleList ul li a.listBtnArea span {
 background:url(../images/icon_check.png) no-repeat left;
 padding:0 0 0 20px;
}

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


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

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

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

section#articleList .allcheckArea button.btn_confirm {
 display:block;
 width:320px;
 height:70px;
 color:#fff;
 box-sizing:border-box;
 text-decoration:none;
 background:#3862DC;
 margin:0 auto;
 border-radius:5px;
 font-size:100%;
}

/*チェックボックスの大きさを変更する*/
section#articleList .list input[type=checkbox] {
  display: none;
}

section#articleList .list input[type=checkbox] + label{
  width: 25px;
  height: 25px;
  border: 1px #d3d3d3 solid;
  border-radius:5px;
  background-image: url("../images/check_off.png");
  display: inline-block;
}

section#articleList .list input[type=checkbox]:checked + label{
  background-image: url("../images/check_on.png");
  background-size: 25px;
}
section#articleList table.select_room {
  width: auto;
  margin: 30px auto;
}

section#articleList table.select_room td {
 vertical-align: middle;
}

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


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

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



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

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



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


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

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


/* フッターエリア */

#footer{
  background-color:#0e1e43;
  padding-top:32px;
  padding-bottom:40px;
  color:#FFFFFF;
  text-align: center;
  line-height: 1rem;
}
#footer p{
  margin-bottom: 1rem;
}
#footer a{
  color: #FFFFFF;
}
#footer #logo_linough{
  margin-bottom:6px;
}
#footer #txt_linough
{
  font-size:13px;
  margin-bottom:32px;
}
#footer #h_contact
{
  font-weight: bold;
}
#footer #telnum
{
  font-size:32px;
  vertical-align: bottom;
}
#footer #reception_time
{
  font-size:12px;
}
#footer #policy,
#footer #policy2
{
  font-size:10px;
  text-align: center;
}
#footer #policy
{
    margin-bottom:32px;
}
#footer .inline
{
  text-align: center;
}
#footer .inline li
{
  display: inline;
  padding-right:10px;
}
#footer .inline li.last
{
  padding-right:0;
}
#footer #copyright
{
  font-size:10px;
}





/* 予約ページ */

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

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

.reserve_control ul li a {
 display:block;
 padding:14px 37px 0;
 height:38px;
 background:#3862DC;
 border-radius:5px;
 color:#fff;
 text-align:center;
 letter-spacing:0.1em;
 font-size:0.8em;
 line-height:1em;
 box-sizing:border-box;
 box-shadow:0 2px 0 #0C214C;
}


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





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

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

.timeList ul:first-child li {border-left:none;}
.timeList ul li:first-child {border-top:none;}
.timeList ul.time01,
.timeList ul.time03 {
 width:20%;
}
.timeList ul.time02,
.timeList ul.time04 {
 width:30%;
 text-indent:-99999px;
}

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

.timeList ul.time02 li.batsu,
.timeList ul.time04 li.batsu {
 background:#f2f2f2 url(../images/batsu.png) no-repeat 50% 50%;
}

.timeList ul.time02 li.maru,
.timeList ul.time04 li.maru {
 background:#fff url(../images/maru.png) no-repeat 50% 50%;
}




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

section#articleDetail .btnArea button.btn_confirm {
 display:block;
 width:320px;
 height:70px;
 color:#fff;
 box-sizing:border-box;
 font-size:1.2em;
 text-decoration:none;
 margin:0 auto;
 padding:0px 10px 0 0;
 border-radius:5px;
 background:#3862DC;
 box-shadow:0 2px 0px #0C214C;
 border:none;
}
section#articleDetail .btnArea button.btn_confirm span {
 background:url(../images/icon03.gif) no-repeat left;
 padding:8px 0 5px 34px;
}


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


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

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

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


/* フォームエリア */

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

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

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

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

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

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

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

section#formArea .formContents dl dd {
 width:580px;
 text-align:left;
 display:table-cell;
}

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


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

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

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

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

section#formArea .selectRegistType ul li .btn_general {background:#5096B5;}
section#formArea .selectRegistType ul li .btn_broker {background:#6BC9C9;}

.btn_general {background:#5096B5;}
.btn_broker {background:#6BC9C9;}

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

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

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

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

section#formArea .formContents02 dl dd.radio_sex label{
 margin-right: 40px;
}

section#formArea .formContents02.confirmation dl {
 padding-bottom: 10px;
}
section#formArea .formContents02.confirmation dl dd {
 padding-top: 12px;
 line-height: 1.4;
}
@media screen and (max-width: 768px){
 section#formArea .formContents02.confirmation dl {
  padding-bottom: 0;
 }
 section#formArea .formContents02.confirmation dl dt {
  padding-top: 20px;
 }
 section#formArea .formContents02.confirmation dl dd {
  padding-top: 0;
 }
}


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

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



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

section#formArea .formContents02 dl dd input.rows3 {
 width:220px;
}

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

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

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

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

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

section#formArea .formContents02 ul.notitleform li #add_birthday{
 width:500px;
}

section#formArea .formContents02 ul.notitleform2{
}
section#formArea .formContents02 ul.notitleform2 li{
 list-style:none;
 float:left;
 width:100px;
 text-align:left;
 padding-bottom:10px;
 padding-top: 13px;
}
section#formArea .formContents02 ul.notitleform2 input[type="radio"],
section#formArea .formContents02 ul.notitleform2 input[type="checkbox"]{
  position: relative;
  top: -3px;
  margin-right: 5px;
}
section#formArea .formContents02 ul.notitleform3 {
  text-align:left;
}
section#formArea .formContents02 ul.notitleform3 li{
 list-style:none;
 display:inline-block;
 margin-right: 20px;
}
option[selected] {
 color:#777;
}

section#formArea .btn_file {
 background: #8a8a8a;
 color: #fff;
 border-radius: 4px;
 padding: 10px;
 border: none;
 border-bottom: 2px solid #2c2c2c;
 text-align: center;
 width: 180px;
 margin-left: 10px;
 display: inline-block;
 box-sizing: border-box;
 font-size: 1em;
 line-height: 1;
}
section#formArea .btn_file input[type="file"]{
 display: none;
}

section#formArea .btn_upload {
 background: #38cddb;
 color: #fff;
 border-radius: 4px;
 padding: 10px;
 border: none;
 border-bottom: 2px solid #2c2c2c;
 text-align: center;
 width: 180px;
 margin-left: 10px;
 display: inline-block;
 box-sizing: border-box;
 vertical-align: top;
 font-size: 1em;
 line-height: 1;
}

section#formArea .linkAddForm {
  text-align: left;
}
section#formArea .linkAddForm >a{
 display: inline-block;
 margin-bottom: 20px;
}
section#formArea .linkAddForm >a:before {
 content: "＋";
 display: inline-block;
}
section#formArea .jsAddFormContents + .jsAddFormContents {
  border-top: 1px solid #eee;
  margin-top: 10px;
  padding-top: 40px;
}

@media screen and (max-width: 768px){
 section#formArea .formContents02 ul.notitleform2 li{
  padding-bottom: 30px;
 }
 section#formArea .formContents02 [id^="UserBirthday"] + span{
  margin-bottom: 10px;
 }
 section#formArea .formContents02 .uploap_images{
  display: block;
  margin-bottom: 10px;
 }
 section#formArea .formContents02 .btn_file,
 section#formArea .formContents02 .btn_upload{
  margin-bottom: 10px;
 }
}

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



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



section#formArea .btnArea {
 margin:0 auto;
 text-align:center;
 list-style-type: none;
}

section#formArea .btnArea button.btn_confirm,
section#mypage .btnArea button.btn_confirm,
section#PPArea .btnArea button.btn_confirm{
 display:block;
 width:200px;
 height:35px;
 color:#fff;
 box-sizing:border-box;
 font-size:1em;
 text-decoration:none;
 margin:0 auto;
 padding:0;
 border-radius:5px;
 background:#3862DC;
 box-shadow:0 2px 0px #0C214C;
 border:none;
}

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




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

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

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

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

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






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


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


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

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







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









/*マイページ*/
article#mypageLayout .breadcrumb {
 width:1100px;
}


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

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

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


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

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




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



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


/* 内覧予定 */
.mypageArea ul.previewList li p {
 padding:25px 0;
 width:120px;
 display:block;
 float:left;
 font-size:1.4em;
}

.mypageArea ul.previewList li div.keyArea {
 width:370px;
 background:#f0f0f0;
 padding:20px 0 20px 0;
 float:right;
 display:block;
 border-radius:5px;
 box-sizing:border-box;
}

div.keyArea a {
 display:block;
 border-radius:5px;
 float:left;
 width:155px;
 box-sizing:border-box;
 margin-left:20px;
 padding:15px 0;
 font-size:1.2em;
 text-align:center;
}

div.keyArea a.btn_key {
 background:#3B66D9 url(../images/icon_key.png) no-repeat 15px 12px;
 background-size:20px;
 box-shadow:0 2px 0 #2C4A84;
 color:#fff;
}


div.keyArea a.btn_white {
 background:#fff;
 box-shadow:0 2px 0 #999;
 color:#555;
}


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


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







/*カギ一覧*/

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

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

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

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

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


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

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

.mypageArea ul.previewKeyList li div.noninjalock {
    border: 1px solid #3B66D9;
    border-radius:5px;
    color:#3B66D9;
    font-size:1.4em
}

@media screen and (max-width: 430px) {
    .mypageArea ul.previewKeyList li div.noninjalock {
        font-size: 1.2em;
    }
}

.mypageArea ul.previewKeyList li h2 {
 padding: 0 0 10px;
 font-size: 1.4em;
 font-weight: 100;
 line-height: 1.4em;
}
.mypageArea ul.previewKeyList li p.sub {
 font-size:1em;
 padding:0 0 10px;
}

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

.blue {
background-color:#3B66D9;
box-shadow:0 2px 0 #2C4A84;
}

.blue02 {
background-color:#0DC3CB;
box-shadow:0 2px 0 #00999C;
}


.darkgray {
background-color:#666666;
box-shadow:0 2px 0 #333;
}

.gray {
background-color:#999;
box-shadow:0 2px 0 #666;
}


.mypageArea ul.previewKeyList li a span {
 font-size:0.8em;
}


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

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

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

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


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




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

section#mypage .leftArea,
section#ownerpage .leftArea {
 width:750px;
 float:left;
}


section#mypage .rightArea,
section#ownerpage .rightArea {
 width:260px;
 float:right;
}

.mypageArea ul.cancelList li p.checkboxArea {
 display:table-cell;
 width:90px;
 vertical-align:middle;
 padding:0;
}
.mypageArea ul.cancelList li div.cancelName {
 display:table-cell;
 width:410px;
 background:#F2F2F2;
 padding:20px;

}

.mypageArea ul.cancelList li h2 {
 padding:0 0 10px;
 font-size:1.6em;
 font-weight:100;
}
.mypageArea ul.cancelList li p.sub {
 font-size:1em;
 line-height:1.8em;
 padding:0px;
}


.cancelbtnArea {
 text-align:center;
 width:100%;
 padding:0 0 20px;
}


.cancelbtnArea button {
 width:260px;
 height:40px;
 border-radius:5px;
 border:none;
 color:#fff;
 font-size:1em;
}
section#mypage .rightArea ul.sideMenu,
section#ownerpage .rightArea ul.sideMenu {
 border:solid 1px #eee;
 border-bottom:none;
}
section#mypage .rightArea ul.sideMenu li,
section#ownerpage .rightArea ul.sideMenu li {
 border-bottom:solid 1px #eee;
 list-style:none;
}

section#mypage .rightArea ul.sideMenu li a,
section#ownerpage .rightArea ul.sideMenu li a {
 display:block;
 padding:25px 0 25px 15px;
 font-size:0.9em;
 color:#555;

}

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








/* 予約履歴 */
.mypageArea ul.reserve_history li {
display:block;
width:100%;
background: #F2F2F2;
padding: 20px;
}

.mypageArea ul.reserve_history li div.cancelName {
 display:table-cell;
 width:100%;
}

.mypageArea ul.reserve_history li h2,
.mypageArea ul.reserve_history li p.history {
 padding:0 0 10px;
 font-size:1.6em;
 line-height:1.4em;
 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:140px;
 display:table-cell;
 vertical-align:middle;
}



.mypageArea ul.reserve_history li div.btnArea a.btn_blue02 {
 display:block;
 width:140px;
 height:40px;
 color:#fff;
 box-sizing:border-box;
 font-size:1.2em;
 text-align:center;
 text-decoration:none;
 padding:0;
 margin:0 auto;
 border-radius:5px;
 background:#3862DC;
 box-shadow:0 2px 0px #0C214C;
 border:none;
 line-height:40px;
}


/* アカウント編集 */

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


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

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

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


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

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

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

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

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


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

.editAccount div.acList dl:last-child {
 padding-top:20px;
}

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

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


/* オーナー物件編集 */
article#ownerpageLayout .breadcrumb {
 width:860px;
}
.ownerpageWrapper {
 margin:10px auto 0;
}
section#ownerpage {
 position:relative;
 width:1100px;
 background:#fff;
 box-shadow:2px 2px 2px #eee, -2px -2px 2px #eee;
 padding:35px;
 margin:0 auto 40px;
 box-sizing:border-box;
}

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


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

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

section#ownerpage h2 {
font-size: 1.4em;
border-bottom: 1px solid #3862DC;
padding-bottom: 8px;
margin-bottom: 10px;
color: #666;
font-weight: 100;
}

.ownerpageArea ul li {
 list-style:none;
 margin:0 0 30px;
 width:100%;
 text-align:left;
 font-size:1em;
}
/* フォームスタイル */
.ownerPage input[type=text],
.ownerPage input[type=email],
.ownerPage input[type=password] {
 width:100%;
 height:46px;
 border:solid 1px #DFDFDF;
 border-radius:5px;
 padding:0 0 0 10px;
 box-sizing:border-box;
 font-size:1em;
 line-height:46px;
 background:#f3f3f3;
}
#ownerpage .ownPropertySearch button[type=submit],
#ownerpage .ownPropertySearch button[type=button] {
    width: 150px;
    height: 42px;
    text-align: center;
    color: #fff;
    font-weight: 100;
    background: #25C3CA;
    border: none;
    outline: none;
    font-size: 1em;
    border-radius: 5px;
    box-shadow: 0 3px 0 #1F9393;
}
#ownerpage .ownPropertySearch input[type=text] {
    width: 60%;
    height: 46px;
    border: solid 1px #DFDFDF;
    border-radius: 5px;
    padding: 0 0 0 10px;
    box-sizing: border-box;
    font-size: 1em;
    line-height: 46px;
    background: #f3f3f3;
}

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

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

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

.ownerPage .checkboxArea {
 font-size:1.1em;
 line-height:30px;
}

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

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

.ownerPage dl dt {
 width:100px;
 text-align:left;
 display:table-cell;
 box-sizing:border-box;
}

.ownerPage dl dt.middle{
    vertical-align: middle;
}

.ownerPage dl dd {
 width:400px;
 text-align:left;
 display:table-cell;
 box-sizing:border-box;
}

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

.ownerPage .role dd {
  width: auto;
}


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

.reserveSet h2,
.appealTagArea h2 {
 font-size:1.4em;
 font-weight:100;
 padding:10px 0;
 box-sizing:border-box;
 margin:0 auto 20px;
}
.appealTagArea .checkbox p {
  display: inline;
  vertical-align: super;
  font-size: 1.1em;
}

.reserveSet .textArea {
 font-size:1em;
 line-height:1.4em;
 padding:0;
}

.appealTagArea .checkbox {
  width: 45%;
  display: inline-block;
}

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

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

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


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

.ownerReserve li .btnArea .btn_blue02 {
 padding:0 20px;
 height:30px;
 line-height:30px;
 line-height:30px;
 font-size:0.8em;
}

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

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



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

.ownerReserveLimit {width:100%;}


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

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

.reserveContents {
 width:100%;
 margin:0 auto 40px;
}
.reserveContents h2 {
 font-size:1.2em;
 font-weight:100;
 margin:0 auto 5px;
}
.reserveContents textarea {
 width:100%;
 min-height:200px;
 border:solid 1px #eee;
 border-radius:20px;
 font-size:1em;
 padding:10px;
 box-sizing:border-box;
}



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


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


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

.ownerpageArea .confirm button.wide {
    width: 100px;
    background: #cb0400;
    color: #fff;
    box-shadow: 0 3px 0 #b10002;
}
.ownerpageArea .thinheight {
    width:100%;
    padding:10px 0 10px;
    text-align:center;
}

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

.ownerCol2Area .ownerLeftArea,
.ownerCol2Area .ownerRightArea {
 width:240px;
}
.ownerCol2Area .ownerLeftArea {
 float:left;
 background:#f2f2f2;
 border:solid 1px #eee;
 width: 490px;
}

.ownerCol2Area .ownerRightArea {
 float:right;
}

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

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

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

.ownerCol2Area ul.ownNav,
.ownListArea ul.ownNav {
 list-style:none;
}
.ownerCol2Area ul.ownNav li {
 width:100%;
 margin:0 auto 20px;
}


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


.ownerCol2Area ul.ownNav li a,
.ownListArea ul.ownNav li a {
 display: block;
 width:100%;
 height: 40px;
 text-align: center;
 border-radius: 5px;
 padding:0;
 font-size: 1em;
 line-height:40px;
 color: #333;
 box-sizing: border-box;
 background: #F2F2F2;
 box-shadow: 0 2px 0 #ccc;
}

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

.ownListArea {
 margin:0 auto 20px;
}

.after {
    margin-top: 20px;
}

.memo-area {
    min-height: 20px !important;
    height: 40px !important;
    padding: 5px !important;
    margin: 5px !important;
    width: 360px !important;
}

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

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

.minitextarea {
    min-height: 25px !important;
    width: 250px !important;
    height: 60px;
    margin: 0 0 10px 0 !important;
}

.editbutton {
    color: #fff;
    box-sizing: border-box;
    font-size: 1em;
    border-radius: 5px;
    background: #3862DC;
    box-shadow: 0 2px 0px #0C214C;
    border: none;
    padding: 3px 10px;
}

.ownerpageArea li dl dd.roomType .roomTypecheckbox {
 display:inline-block;
}
.ownerpageArea li dl dd.roomType p {
 display:inline-block;
 font-size:0.8em;
 line-height:30px;
}

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






.ownKanriBlock {
 width:100%;
 margin:0 auto 40px;
}
.ownKanriBlock h2 {
 border-bottom:solid 1px #3862DC;
 padding:10px 10px 10px 0;
 font-size:1.6em;
 font-weight:100;
 margin:0 0 20px;
}
.ownKanriBlock ul {
 list-style:none;
 width:100%;
}
.ownKanriBlock ul li {
 width:152px;
 margin-right:22px;
 margin-bottom:20px;
 float:left;
 background:#f2f2f2;
 border:solid 1px #eee;
 font-size:0.8em;
}
.ownKanriBlock ul li:nth-child(3n) {margin-right:-22px;}

.ownKanriBlock ul li .roomImg {
 padding:10px;
 border-bottom:solid 1px #eee;
 height:150px;
 background-color:#fff!important;
 background-size: contain!important;
}

.ownKanriBlock ul li .roomName {
 padding:5px 10px;
 line-height:1.4em;
 height:60px;
}
.ownKanriBlock ul li .open,
.ownKanriBlock ul li .close {
 width:100%;
 padding:10px;
 border-top:solid 1px #eee;
 background:#fff;
 text-align:center;
}
.ownKanriBlock ul li .close {color:#ff0000;}

.ownKanriBlock table{
    width: 100%;
}

.ownKanriBlock th,.ownKanriBlock td{
    border: solid 1px #eee;
    padding: 10px;
    font-weight: 100;
    text-align: center;
    font-size: 14px;
}

.ownKanriBlock th{
    padding: 10px;
    background-color: #efefef;
}
.ownKanriBlock  th.roomname,
.ownKanriBlock  th.facilityname,
.ownKanriBlock  th.partnername{
    max-width:180px;
    text-align: left;
}

.ownKanriBlock td{
    font-size: 14px;
    line-height: 1.5em;
    vertical-align: middle;
}
.ownKanriBlock td.redtxt{
    color: #ff0000;
}
.ownKanriBlock  td.roomname,
.ownKanriBlock  td.facilityname,
.ownKanriBlock  td.partnername,
.ownKanriBlock td.username {
    max-width:180px;
    text-align: left;
}

.ownKanriBlock .alert_change_block{
    margin-top: 30px;
    text-align: center;
}

.ownKanriBlock .change_alert_all{
    background-color: #F2F2F2;
    padding: 10px;
    text-decoration: none;
    color: #666;
    border-radius: 5px;
    box-shadow: 0 2px 0 #ccc;
}

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





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

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

.shitenkanri ul.ownerPage li {
 margin:0 auto 20px;
}
.shitenkanri ul.ownerPage li dl dt {
  padding-right: 1em;
}
.shitenkanri ul.ownerPage li dl dd {
 width:20%;
}

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


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

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

.shitenkanri .qaSet h3 {
 margin: 10px 0;
}

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


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

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

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

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








/* 予約確認 */
.ownerpageArea ul.yoyakuListArea li {
 margin:0 0 20px;
 font-size:0.8em;
}
.ownerpageArea .btn_sort {
width:100%;
width:150px;
height:42px;
text-align:center;
color:#fff;
font-weight:100;
background: #25C3CA;
border:none;
outline:none;
font-size:1em;
border-radius: 5px;
box-shadow: 0 3px 0 #1F9393;
}
.ownerpageArea .yoyakuKakuninList {
 width:500px;
 margin:0;
 padding:0;
 display:table;
}
.ownerpageArea .yoyakuKakuninLeft {
 width:340px;
 margin:0 auto 0 0;
 padding:0;
 display:table-cell;
}

.ownerpageArea .yoyakuKakuninList02 {
 width:100%;
 margin:0 auto;
 padding:0;
 display:table-cell;
}

.ownerpageArea .yoyakuKakuninList02 p.checkboxArea {
 display:inline-block;
 width:140px;
}


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

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

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

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

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

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


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

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

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

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

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


.ownerpageArea .yoyakuListBtn {
 text-align:center;
}


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

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

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

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

.kaiheiList ul li:last-child dl {
border-bottom:solid 1px #ddd;
}
.kaiheiList ul li dl dd:nth-child(2) {width:8%;}
.kaiheiList ul li dl dd:nth-child(3) {width:25%;}
.kaiheiList ul li dl dd:nth-child(4) {width:14%;}
.kaiheiList ul li dl dd:nth-child(5) {width:12%;}
.kaiheiList ul li dl dd:nth-child(6) {width:26%;}










.ownerpageArea .yoyaku_CSV_BTN {
width:200px;
color: #fff;
box-sizing: border-box;
font-size: 1em;
line-height:1.4em;
text-decoration: none;
border-radius: 5px;
background: #3862DC;
box-shadow: 0 2px 0px #0C214C;
border: none;
padding:10px 0;
margin:0 5px;
}

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





.wd100 {width:100px!important;}
.wd150 {width:150px!important;}
.wd200 {width:200px!important;}
.wd250 {width:250px!important;}
.wd300 {width:300px!important;}


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

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

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


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

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


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




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

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

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


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

.modalContent dl.businesscard {
 width:100%;
}
.modalContent dl.businesscard dt {
 width:20.1%;
}
.modalContent dl.businesscard dd {
 text-align:center;
}
.modalContent dl.businesscard dd img {
 max-width:400px;
}

/*管理者予約のモーダルウィンドウ用*/
.AdminReserveStatusBox table{
    width: 669px;
}

.AdminReserveStatusBox table th,
.AdminReserveStatusBox table td
{
    border:solid 1px #ddd;
    padding: 20px 0 20px 0;
    text-align: center;
    font-size: 0.8em;
    word-break: break-all;
}

.AdminReserveStatusBox table th{
    background-color: #f0f0f0;
    width: 120px;
}

.AdminReserveStatusBox p{
    margin: 10px 0 10px 0;
    font-size: 1.0em;
}

.AdminReserveStatusBox table td.phone{
    width:150px;
}


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


#PPArea h1 {
 display:inline-block;
 width:auto;
 margin:0 auto 40px;
 padding:0 0 5px;
 font-size:1.4em;
 border-bottom:solid 1px #9CB2EE;
}

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

.privacypolicyArea p {
 font-size:0.8em;
 margin:0 auto 20px;
}

.privacypolicyArea h2 {
 font-size:1.4em;
 padding:5px 0 5px 10px;
 border-left:solid 3px #3862DC;
 margin:40px 0 20px;
 font-weight:100;
}


.privacypolicyArea h3 {
 padding:10px;
 box-sizing:border-box;
 background:#999999;
 color:#fff;
 margin:40px auto 20px;
 font-weight:100;
}

.privacypolicyArea strong {
 display:block;
font-weight:bold;
margin:20px auto;
}


.privacypolicyArea ul {
 list-style:inside;
 font-size:0.8em;
 margin:0 auto 20px;
}


.privacypolicyArea table {
 font-size:0.8em;
 font-weight:100;
}
.privacypolicyArea th {
 text-align:left;
 font-weight:100;
 color:#fff;
 background:#71A1C9;
 border:solid 1px #fff;
 padding:10px 5px;
 box-sizing:border-box;
}

.privacypolicyArea table.singleth{
    width: 100%;
    margin-bottom: 30px;
}

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

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


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

.privacypolicyArea p.nospace{
    margin: 0 auto;
}

.privacypolicyArea h4{
    border-bottom: 1px solid #333;
    margin-bottom: 15px;
}

.privacypolicyArea h5{
    margin-bottom: 5px;
}

.privacypolicyArea p.underline{
    margin: 0;
    text-decoration: underline;
}

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

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

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

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


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

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

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

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



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



/* taikai */
.taikaiArea {
 border:solid 1px #e6e6e6;
 border-radius:9px;
 box-sizing:border-box;
 padding:20px 20px 0;
 margin:0 auto 20px;
 text-align:center;
}

.taikaiArea h2 {
 font-size:1.4em;
 line-height:1.2em;
 margin:0 auto 20px;
 font-weight:100;
}

.taikaiArea p.textArea {
 text-align:left;
 font-size:1em;
 line-height:1.6em;
}


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

.propatyList li:nth-child(3n) {margin:0 -35px 50px 0!important;}

.propatyList li h2 {
 font-size:1.2em;
 line-height:1.2em;
 font-weight:100;
 margin:0 auto 10px;
 height: 40px;
}
.propatyList li p.address {
 font-size:1em;
 line-height:1.4em;
 margin:10px auto;
}

/* 物件検索 propetysearch*/


.propertySearch input[type=text]{
    height: 24px;
    border: solid 1px #DFDFDF;
    border-radius: 5px;
    padding: 0 0 0 10px;
    margin-top: 4px;
    box-sizing: border-box;
    font-size: 1em;
    line-height: 24px;
    background: #f3f3f3;
}

.propertySearch button{
width: 75px;
height: 24px;
color: #333;
box-sizing: border-box;
font-size: 0.8em;
text-decoration: none;
margin: 0 auto;
padding: 0;
border-radius: 5px;
background: #F2F2F2;
box-shadow: 0 2px 0 #ccc;
border: none;
cursor: pointer;
-webkit-appearance: none;
}


/* 物件検索 TOP page propetysearch*/

.topPropertySearch {
  margin: 0 auto 50px;
}

.topPropertySearch input[type=text]{
  width: 300px;
  border: solid 1px #DFDFDF;
  border-radius: 50px;
  padding: 0.8rem 1rem;
  box-sizing: border-box;
  font-size: 1.2rem;
  line-height: 24px;
  background: #f3f3f3;
  vertical-align: middle;
  border: solid 2px #DFDFDF;
  outline: 0;
}

.topPropertySearch button{
  color: #FEFEFE;
  box-sizing: border-box;
  font-size: 1.2rem;
  padding: 0.8rem 1rem;
  border-radius: 50px;
  background: #6490B8;
  border: solid 2px #DFDFDF;
  cursor: pointer;
  vertical-align: middle;
  outline: 0;
}

.topPropertyList a{
  width: 250px;
  margin: 20px auto;
  color: #FEFEFE;
  box-sizing: border-box;
  font-size: 1.2rem;
  padding: 1.2rem 2rem;
  border-radius: 50px;
  background: #5E9D9B;
  border: solid 2px #DFDFDF;
  cursor: pointer;
  vertical-align: middle;
  text-decoration: none;
  outline: 0;
}

/* pagenavi */
body #pageNav {
 width:100%;
}

body #pageNav ul li {
 display:block;
 float:left;
 width:40px;
 height:40px;
 margin-right:10px;
 margin-bottom:0;
}
body #pageNav ul li .selectPage {
 width:40px;
 height:40px;
 background:#f0f0f0;
 border:solid 1px #ddd;
 text-align:center;
 line-height:40px;
}

body #pageNav ul li a {
 display:block;
 width:40px;
 height:40px;
 background:#fff;
 border:solid 1px #ddd;
 text-align:center;
 line-height:40px;
 color:#777;
 box-sizing:border-box;
}





/**
 *  修正
 **/

/* 2015年12月29日(火) 4f2cc998d9 modified */
.reserve_control ul li div.select_day input {display:none;}
div#flashMessage, section.errorMessages {
 padding:1em;
 border-radius:10px;
 white-space: pre-wrap;
}
div#flashMessage.success {
 color:#394;
 font-weight:bold;
}
div#flashMessage.error, .error-message {
 color:#c34;
 font-weight:bold;
 padding-top:5px;
}

.cancelbtnArea input {
 width:260px;
 height:40px;
 border-radius:5px;
 border:none;
 color:#fff;
 font-size:1em;
 background-color:#999;
 box-shadow:0 2px 0 #666;
}

/* 2016年1月11日(月) 7e7a2ea16c SMART_PREVIEW-9 rooms/view 予約確認ボタンと開始時間／終了時間のCSS */
section#articleDetail .btnArea button.btn_confirm span {
 background:url(../images/icon03.png) no-repeat left;
 padding:8px 0 5px 34px;
}
input, button {
 font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

/* 2016年1月11日(月) 93a12664fc SMART_PREVIEW-15 rooms/view 非ログイン時の動作・デザイン変更 */
section#articleDetail .btnArea button.btn_confirm.button_disable {
 background:#bbb;
 box-shadow:0 2px 0px #999;
}
section#articleDetail .formContents {
 width:100%;
 background:#f3f3f3;
 border-radius:10px;
 margin:0 auto;
 box-sizing:border-box;
 text-align:center;
 padding:50px 0;
}
section#articleDetail .formContents dl {
 width:100%;
 padding:0 30px 30px;
}
section#articleDetail .formContents dl dt {
 width:150px;
 padding:10px 20px 0 0;
 text-align:right;
 white-space:nowrap;
 display:table-cell;
}
section#articleDetail .formContents dl dd {
 width:580px;
 text-align:left;
 display:table-cell;
}
section#articleDetail .formContents dl dd input[type=text],
section#articleDetail .formContents dl dd input[type=email],
section#articleDetail .formContents dl dd input[type=password] {
 width:100%;
 height:50px;
 border:solid 1px #DFDFDF;
 border-radius:5px;
 padding:0 0 0 10px;
 box-sizing:border-box;
 font-size:1em;
}

/* 2016年1月13日(水) ee8265059f SMART_PREVIEW-49 CSS修正 */
section#formArea .btnArea input.btn_confirm,
section#articleDetail .btnArea input.btn_confirm,
section#formArea .btnArea.btn_confirm input,
section#formArea .btnArea.btn_confirm button,
section#mypage .btnArea.btn_confirm input {
 display:block;
 width:200px;
 height:35px;
 color:#fff;
 box-sizing:border-box;
 font-size:1em;
 text-decoration:none;
 margin:0 auto;
 padding:0;
 border-radius:5px;
 background:#3862DC;
 box-shadow:0 2px 0px #0C214C;
 border:none;
 cursor:pointer;
 -webkit-appearance: none;
}

section#formArea .btnArea.btn_confirm .back,
section#formArea .btnArea.btn_confirm .save,
section#formArea .btnArea.btn_confirm .back + .submit,
section#formArea .btnArea.btn_confirm .save + .submit {
 display: inline-block;
 margin: 0 25px;
}
section#formArea .btnArea.btn_confirm .back input,
section#formArea .btnArea.btn_confirm .delete input,
section#formArea .btnArea.btn_confirm .save input,
section#formArea .btnArea.btn_confirm .back button,
section#formArea .btnArea.btn_confirm .delete button,
section#formArea .btnArea.btn_confirm .save button{
 background:#8a8a8a;
}
section#formArea .btnArea.btn_confirm .delete input{
 width: 100px;
}
@media screen and (max-width: 768px){
 section#formArea .btnArea.btn_confirm .save,
 section#formArea .btnArea.btn_confirm .back,
 section#formArea .btnArea.btn_confirm .submit,
 section#formArea .btnArea.btn_confirm .back + .submit,
 section#formArea .btnArea.btn_confirm .save + .submit {
  margin-top: 10px;
 }
}

/* 2016年1月18日(月) 283d9b2fc4 SMART_PREVIEW-54 rooms/view 終了時間の連動 */
section#articleDetail form#RoomViewForm select {
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 width:100%!important;
 background: #fff;
  border:none;
  border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
  text-align:left;
  font-size:1.2em;
  color:#0c2245;
  padding:20px 0 20px 10px;
  height:auto;
  line-height:1em;
  cursor:pointer;
}

/* 2016年1月20日(水) ea75ee1f98 パンくずリストのレイアウト連れ */
.breadcrumb {
 padding:0;
 margin-bottom:-10px;
}
.breadcrumb ul li {
 display: inline-block;
 line-height: 20px;
}

.reserve_control ul li div.select_day button:after {
 content:'カレンダーから選ぶ';
 font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

.breadcrumb ul li {
 /*float:left;*/
 float:none;
}

.reserve_control ul li div.select_day button img {
 vertical-align:-3px;
}

/* 2016年1月20日(水) dd3b02e70e 名前が長いとヘッダーがずれる */
.btnMypage{
 background:#FFDB00;
 box-shadow:0 2px 0 #BFAE51;
 display:none;
}
.btnMypageOnName{
 background:#FFDB00;
 box-shadow:0 2px 0 #BFAE51;
}

/* 2016年1月20日(水) 4e7bd32a58 Merge branch 'master' of enk.git.backlog.jp:/SMART_PREVIEW/web */

/* 2016年1月21日(木) f03549e6d7 カレンダーアイコン位置調整、パンくず位置調整 */
.breadcrumb {
 margin-bottom: 10px;
}
section#articleDetail {
 /*margin-top:20px!important;*/
 margin-top:auto!important;
}

/* 2016年1月21日(木) b56599cffa カレンダーアイコンの位置調整 */
.reserve_control ul li div.select_day button {
 display:block;
 height:38px;
 background:#3862DC;
 border-radius:5px;
 color:#fff;
 text-align:center;
 letter-spacing:0.1em;
 font-size:0.8em;
 line-height:1em;
 box-sizing:border-box;
 box-shadow:0 2px 0 #0C214C;
 padding: 6px 33px 5px 34px;
 border:0;
}

/* 2016年1月21日(木) 302b9e6379 パンくずリスト、ヘッダーレイアウト調整 */
section#formArea {
 /* margin-top:20px!important; */
 margin-top:0;
}

/* 2016年1月22日(金) 0dc07705f7 鍵一覧と鍵開閉ページの大幅改修 */
.keyOpenArea button {
 display:inline-block;
 width:180px;
 height:180px;
 margin:20px;
}
.keyOpenArea button:disabled {
 opacity:0.5;
}
.keyOpenArea button.key_open {
 background-size:180px;
}
.keyOpenArea button.key_close {
 background-size:180px;
}
.keyOpenArea .keyStatus {
 padding:20px;
}

/* 2016年1月22日(金) 1702e6766a 鍵一覧と鍵開閉ページの大幅改修 */
.keyOpenArea .keyStatus {
 line-height: 25px;
}

/* 2016年1月26日(火) 4b77f2f76a SMART_PREVIEW-63 同時間帯での予約を可能とする */
section#articleDetail .btnArea button.btn_confirm span {
 background:url(../images/icon03.png) no-repeat left;
}

/* 2016年1月27日(水) 93b6fc6473 SMART_PREVIEW-61 郵便番号から住所自動入力する機能 */
body.wait *, body.wait {
 cursor: progress !important;
}
section#formArea .formContents02 dl dd input[type="text"]#UserPostal,
section#formArea .formContents02 dl dd input[type="text"]#UserCompanyPostal,
section#formArea .formContents02 dl dd input[type="text"]#UserStorePostal,
section#mypage .editAccount dd input[type="text"]#UserPostal,
section#mypage .editAccount dd input[type="text"]#UserCompanyPostal,
section#mypage .editAccount dd input[type="text"]#UserStorePostal {
 width: 40%;
}
.reserve_control ul li a.prev_disable span {
background:url(../images/arrow04gray.png) no-repeat left !important;
}
.reserve_control ul li a.next_disable span {
background:url(../images/arrow05gray.png) no-repeat right !important;
}

/* 2016/02/08 38b8fee2bc 署名は物件ではなく支店に持たせ、物件には注意事項を登録できるようにする */
.shitentsuika ul.ownerPage li dl dt {
 width:160px;
}
.shitentsuika ul.ownerPage li dl dt.top {
 vertical-align: top;
}

/* 2016-02-10 16:29 b1ef0f2 SMART_PREVIEW-76 SMART_PREVIEW-77 SMART_PREVIEW-79 物件新規登録 properties/add */
.articleDetail .btnArea.button_disable,
.reserve_control ul li a.prev_disable,
.reserve_control ul li a.next_disable {
 text-decoration:none !important;
 color:#b8b8b8 !important;
 background:#F2F2F2;
 box-shadow:0 2px 0 #CCC;
}
.timeList ul.time02 li.maru,
.timeList ul.time04 li.maru {
 cursor:pointer;
}
.ownerPage input#PropertyPostal[type="text"] {width:37%;}
.reserveSheet .closeArea p.closetime{padding:0 20px 0 20px; overflow:auto;}
.reserveSheet .closeArea p.opentime{color:#666; background:#fcfcfc; padding:0 20px 0 20px; overflow:auto;}
.reserveSheet .closeArea p.closetime span,
.reserveSheet .closeArea p.opentime span{float:left; margin-top:4px;}
.reserveSheet .closeArea p.closetime button,
.reserveSheet .closeArea p.opentime button{float:right;}

ul.yoyakuListArea .type04 .wd45P .select2-container {
 width:150px !important;
}
.modalContent dl.company {width:50%;}
.modalContent dl.store {width:50%;}
.modalContent dl.storephone {width:50%;}
.modalContent dl.storezip {width:50%;}
.modalContent dl.storecity {width:30%;}
.modalContent dl.storeaddress {width:70%;}
.ExceptSet ul.ownerReserve input{width:130px;}
.ownKanriBlock ul li .opentime2,
.ownKanriBlock ul li .closetime2 {
 width:80%;
}
.ownerReserve li .btnArea .btn_blue02#set_biztime_other {
 background: #9E9E9F;
 box-shadow: 0 2px 0 #666;
}

/* 2016-02-10 17:51 622b54a 【properties/add】デザイン修正 */
.reserveSheet ul li p.date {
  font-size: 0.9em;
  text-align: center;
  padding: 0 10px;
}
.reserveSheet ul li p.time {
 width:700px;
}

/* 2016-02-11 23:50 1eb9649 管理物件一覧ページ properties/index_admin */
ul.yoyakuListArea .type04 .wd45P input[type="text"] {
 height:28px;
 line-height:28px;
}
.ownKanriBlock ul li .roomName a{
 color:#666;
}

/* 2016-02-12 14:42 0ce9040 設備管理_新規作成 */
.ownKanriBlock ul li .roomImg {
 height:150px;
 background-size: contain;
}
/* オーナー開閉画面に開閉中のステータス表示 */
.ownerRightArea a.ownOpen,
.ownerRightArea a.ownClose {
  margin-bottom: 0;
}
.ownerRightArea .keyStatus {
  text-align: center;
  margin-top: 20px;
}
.ownerRightArea .keyReloadContainer {
  text-align: center;
  height: 60px;
  line-height: 60px;
  font-size: 80%;
}
.ownerCol2Area .ownerRightArea ul.ownNav li.keyDisabled img {
  width: 50px;
  margin-top: 20px;
}
.ownerCol2Area .ownerRightArea ul.ownNav li.keyDisabled a {
  height: auto;
  text-align: center;
  padding: 55px 0;
}

/*管理者ページで開錠状態を表示する*/
.ownerCol2Area .ownerRightArea .keyStatus2{
    margin:10px 0 0 0;
    text-align:center;
    color: #666;
}

.ownerCol2Area .ownerRightArea .keyStatus2 .unlock{
    color:#6699ff;
}

.ownerCol2Area .ownerRightArea .keyStatus2 .lock{
    color:#ff0033;
}

#upload_image_button_area p,
#upload_document_button_area p{
  font-size:80%;
  margin-top:1em;
}
.ownerPage input[type=number] {
 height:46px;
 border:solid 1px #DFDFDF;
 border-radius:5px;
 padding:0 0 0 10px;
 box-sizing:border-box;
 font-size:1em;
 line-height:46px;
 background:#f3f3f3;
}
.ownerPage input[type=text].costwidth,
.ownerPage input[type=number].costwidth {
 width:50%;
}

.ownerPage .voiceSpeed li
{
  display: inline-block;
  width: 30%;
}
.ownerPage .voiceSpeed li label
{
  vertical-align: bottom;
}

/* 部屋登録のSLDKチェックボックス位置調整 */
.ownerpageArea li dl dd.roomType p {
 margin-left:10px;
 margin-right:10px;
}

/* カメラ撮影ポップアップ */
.cameraContainer {
  background: #fff!important;
}
.cameraContainer button.remodal-close {
  background: #f2f2f2;
}
.cameraContainer .cameraImage {
  height:300px;
  width: 2000px;
  background: #f2f2f2;
  display: table-cell;
  vertical-align: middle;
}
.cameraContainer .pushCameraImage,
.cameraContainer .downloadCameraImage {
  height:40px;
  line-height:40px;
  display: inline-block;
  padding: 0 20px;
  margin: 15px 10px 0 10px;
}
@media screen and (max-width: 768px){
  .cameraContainer .pushCameraImage,
  .cameraContainer .downloadCameraImage {
    width: 100%;
    margin: 15px 0 0 0;
  }
}


/* SQLログはスマホ時はレイアウトが崩れるので非表示 */
@media screen and (max-width: 768px){
  .cake-sql-log {
    display: none;
  }
}

/* オーナー物件管理にNinjalockの電池残量を表示 */
.ninjalockBattery { font-weight: bold; }
.ninjalockBatteryOver80 { color: blue; }
.ninjalockBatteryOver60 { color: deepskyblue; }
.ninjalockBatteryOver40 { color: limegreen; }
.ninjalockBatteryOver20 { color: orange; }
.ninjalockBatteryUnder20 { color: red; }

/* 2016年3月24日(木) */
.contentsArea .mypageArea .type01 {border-bottom:dashed 2px #0DC3CB;}
.contentsArea .mypageArea .type02 {border-bottom:dashed 2px #3862DC;}
#pageNav ul li.selectPage div {
 width:40px;
 height:40px;
 background:#f0f0f0;
 border:solid 1px #ddd;
 text-align:center;
 line-height:40px;
}
.ownerReserveEndDate input.date {
 width:150px;
 height:30px;
 line-height:30px;
}
.ownerpageArea .yoyakuKakuninList ul.tab01 li a {
 cursor:pointer;
}
.contentsArea .mypageArea .type02.noborder {border:none;}
.detailLimit .btnArea input {
 display:block;
 width:100px;
 margin:0 auto;
 padding:10px 0;
}

p.roomConfTxt {
  font-size: 12px;
  margin-bottom:10px;
}

.roomConfTxtArea {
  height: 65px;
}

div.info {
     width: 100%;
     background: #f3f3f3;
     border-radius: 10px;
     margin: 20px auto 10px;
     box-sizing: border-box;
     text-align: center;
     padding: 50px 0;
}

div.notice {
    border: solid 3px #3862DC;
    color: #3862DC;
    font-size: 1.6em;
    text-align: center;
    padding:15px 10px 15px;
    margin-bottom: 40px
}

.logoArea .banner img {
    padding: 5px;
}

.util_textarea {
    line-height: 1.4em;
}


table.ownerTable {
    width: 100%;
    display: table;
    vertical-align: middle;
}

table.ownerTable tr th,
table.ownerTable tr td {
    border: solid 1px #ddd;
    font-size: 0.8em;
    line-height: 1.4em;
    padding: 10px 5px;
    box-sizing: border-box;
}

@media only screen and (max-width: 768px) {
    table.ownerTable tbody tr {
        display: block;
        margin: 0 auto 10px;
        padding: 0 0 10px;
        border-bottom: dotted 2px #aaa;
    }
    table.ownerTable thead {
        display: none;
    }
    table.ownerTable tbody {
        border-top: solid 1px #ddd;
    }
    table.ownerTable tbody td {
        border-top: none;
        display: list-item;
        list-style: none;
    }
}

.util_btn_blue {
    display: block;
    text-align: center;
    width: 140px;
    height: 80px;
    color: #fff;
    box-sizing: border-box;
    font-size: 1.2em;
    text-decoration: none;
    padding: 0px;
    margin: 0 auto;
    border-radius: 5px;
    background: #3862DC;
    box-shadow: 0 2px 0px #0C214C;
    border: none;
}

.util_btn_gray {
    display: block;
    vertical-align: middle;
    text-align: center;
    width: 140px;
    height: 80px;
    color: #fff;
    box-sizing: border-box;
    font-size: 1.2em;
    text-decoration: none;
    padding: 0px;
    margin: 0 auto;
    border-radius: 5px;
    background: #9E9E9F;
    box-shadow: 0 2px 0 #717071;
    border: none;
    line-height: 80px;
}
.util_btn_gray:disabled {
  cursor: default;
}

@media screen and (max-width: 430px){
    .util_btn_blue, .util_btn_gray {
        width: auto;
        height: 40px;
        line-height: 40px;
    }
}


/* 汎用パーツ */
.headLv1 {
  border-left:solid 3px #3862DC;
  border-bottom:solid 1px #3862DC;
  width:100%;
  padding:5px 0 5px 10px;
  font-size:1.6em;
  font-weight:100;
  line-height:1.4em;
  margin:0 auto 20px;
}
.headLv2 {
 color: #3860d9;
 font-size: 1.0625em;
 font-weight: normal;
 margin-top: 35px;
 margin-bottom: 20px;
 text-align: left;
}
section#formArea h2:before{
  content: "◆";
  display: inline-block;
}

.tableData {
 font-size: 1em;
 width: 100%;
}
.tableData tbody th,
.tableData tbody td {
 padding: 8px 5px 8px 15px;
 text-align: left;
 vertical-align: middle;
 font-weight: normal;
}
.tableData tbody th {
 background: #e8d4bf;
}
.tableData tbody td {
 background: #eee;
 border-bottom: 1px solid #fff;
}
@media screen and (max-width: 768px){
 .tableData {
  font-size: 0.9em;
 }
 .tableData tbody th,
 .tableData tbody td {
  padding: 8px;
 }
}

.tableData2 {
 font-size: 1em;
 width: 100%;
 background: #eee;
 border: 1px solid #eee;
 border-width: 10px 0;
 margin-bottom: 20px;
}
.tableData2 caption{
 font-weight: bold;
 text-align: left;
 color: #333;
 margin-bottom: 10px;
 margin-left: 5px;
}
.tableData2 tbody th,
.tableData2 tbody td {
 padding: 10px 5px 10px 15px;
 text-align: left;
 vertical-align: middle;
 font-weight: normal;
}
@media screen and (max-width: 768px){
 .tableData2 {
  font-size: 0.9em;
 }
 .tableData2 tbody th,
 .tableData2 tbody td {
  padding: 8px;
 }
}

.layoutImageText{
 display: table;
 width: 100%;
 line-height: 1.7;
}
.layoutImageText >.contents,
.layoutImageText >.image{
 display: table-cell;
 vertical-align: top;
}
.layoutImageText >.image{
 padding-right: 20px;
}
.layoutImageText >.image img{
 max-width: inherit;
}
.layoutImageText >.contents{
 width: 100%;
}

@media screen and (max-width: 768px){
 .layoutImageText{
  display: block;
 }
 .layoutImageText >.contents,
 .layoutImageText >.image{
  display: block;
 }
 .layoutImageText >.image{
  padding-right: 0;
  text-align: center;
  margin-bottom: 20px;
 }
 .layoutImageText >.image img{
  max-width: 100%;
  width: inherit;
 }
}

.listStep{
 display: table;
 width: 100%;
 margin-bottom: 35px;
}
.listStep >li{
 display: table-cell;
 background: #eee url(../images/step_arrow.png) no-repeat right center;
 -webkit-background-size: contain;
 background-size: contain;
 text-align: center;
 padding: 14px 30px 14px 10px;
 vertical-align: middle;
}
.listStep >li.disabled{
 background-color: #999;
 color: #666;
}
.listStep >li.active{
 background-color: #3860d9;
 color: #fff;
}
.listStep >li:last-child{
 padding-right: 10px;
 background-image: none;
}

@media screen and (max-width: 768px){
 .listStep{
  display: block;
 }
 .listStep >li{
  display: block;
  padding: 10px 5px;
  margin-bottom: 10px;
  background-image: none;
  font-size: 0.8em;
 }
 .listStep >li br{
  display: none;
 }
}

.boxTerms{
  border: 1px solid #ccc;
  padding: 20px;
  height: 340px;
  overflow: auto;
  line-height: 1.4;
  margin-bottom: 40px;
}
.boxTerms .boxTermsInner{

}
.boxTerms .boxTermsInner p{
 margin-bottom: 20px;
}

.textLead{
 text-align: center;
 font-size: 1.125em;
 font-weight: bold;
 margin: 4em 0;
 line-height: 1.6;
 color: #333;
}

p.titTxt {
 font-size: 1.6em;
 line-height: 1.4em;
}

@media screen and (max-width: 768px) {
   p.titTxt {
    font-size:1.2em;
    line-height:1.4em;
    margin:0 auto 10px;
   }
}

ul.linkbox {
   list-style: none;
   margin: 10px auto;
   font-size: 1.4em;
}
ul.linkbox li {
   margin: 0px 20px;
   vertical-align: top;
   display: inline-table;
   width: 350px;
}
ul.linkbox li a {
   display: block;
   border-radius: 10px;
   height: 200px;
   text-decoration: none;
}
ul.linkbox li a p {
   color: #fff;
   padding: 25px 0px 0px;
   text-align: center;
}
ul.linkbox li a p.title {
   padding-top: 5px;
   font-weight: bold;
   font-size: 1.4em;
}

@media screen and (max-width: 768px) {
   ul.linkbox li {
       display: block;
       margin: 10px 0px 0px;
       width: 100%;
   }
   ul.linkbox li a {
       display:block;
       height:100px;
       line-height:100px;
       color:#fff;
       border-radius:10px;
       font-size: 1.4em;
   }
   ul.linkbox li a div.pT45 {
       padding-top: 0px
   }
   ul.linkbox li a p.subText {
       display:none;
   }
}

em.catchcopy {
   font-style: normal;
   font-weight: bold;
   font-size: 1.1em;
   color: red;
}

/* 本申込みリスト（拡張） */
.list-apply,
.list-apply li {
    position: relative;
}
.border-basic {
    border: 1px solid #aaa
}

/* 閉じるボタン */
.btn-left-close,
.btn-right-close {
    position: absolute;
    top: -15px;
    display: block;
    overflow: visible;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    text-decoration: none;
    color: #95979c;
    outline: 0;
    background: #fff;
    border-radius: 17px;
}

.btn-left-close {
    left: -20px;
}

.btn-right-close {
    right: -20px;
}

.btn-left-close::before,
.btn-right-close::before {
    font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
    font-size: 25px;
    line-height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 35px;
    content: "\00d7";
    text-align: center;
}

@media screen and (max-width: 430px){
    .btn-left-close,
    .btn-right-close {
        top: -7px;
        width: 15px;
        height: 15px;
    }

    .btn-left-close {
        left: -10px;
    }

    .btn-right-close {
        right: -10px;
    }

    .btn-left-close::before,
    .btn-right-close::before {
        font-size: 18px;
        line-height: 15px;
        width: 15px;
    }
}

/* タブレット画像 */
#environments .image_preview,
#shared_facilities .image_preview {
  max-width: 120px;
  max-height: 90px;
}

.environment_maps > div {
  margin-bottom: 20px;
}
#apply_roomguide {
  margin-bottom: 30px;
}

#apply_roomguide h2 {
  font-size: 1.5em;
  margin: 20px 0;
}

.sortableArea .product-box {
padding: 0;
border: 1px solid #e7eaec;

margin-bottom: 25px;
margin-top: 0;
}
.sortableArea .product-title {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #ffffff;
border-color: #e7eaec;
border-image: none;
border-style: solid solid none;
border-width: 3px 0 0;
color: inherit;
margin-bottom: 0;
padding: 14px 15px 7px;
min-height: 48px;
cursor:move;
}
.sortableArea .product-title h3 {
display:inline-block;
float:left;
}
.sortableArea .product-title .jsDeleteElement {
display:inline-block;
float:right;
}
.sortableArea .product-content {
background-color: #ffffff;
color: inherit;
padding: 15px 10px 0 0;
border-color: #e7eaec;
border-image: none;
border-style: solid solid none;
border-width: 1px 0;
}
.sortableArea dt {
padding-top: 7px;
margin-bottom: 0;
text-align: right;

position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
display: inline-block;
max-width: 100%;
font-weight: 700;
}
.sortableArea dd {
background-color: #FFFFFF;
background-image: none;
color: inherit;
display: block;
padding: 6px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
width: 100%;
font-size: 14px;
}
.sortableArea .product-content ul li {
margin-bottom: 15px;
}
.sortableArea .fa {
color: #c4c4c4;
}
.sortableArea .fa-bars {
margin-right:10px;
}
.sortableArea .fa-times {
cursor:pointer;
}

.product-sub-box .jsDeleteSubElement {
color: #ed5565;
cursor:pointer;
}
.product-sub-box .jsDeleteSubElement .fa-times {
color: #ed5565;
cursor:pointer;
}

/* 管理画面共通 */
section#ownerpage table.list {
  font-size: 0.8em;
  width: 100%;
}
section#ownerpage table.list th,
section#ownerpage table.list td {
  border: solid 1px #fff;
  padding: 1em 0.5em;
  text-align: left;
}
section#ownerpage table.list td.button {
  padding: 0.5em;
  vertical-align: top;
}
section#ownerpage table.list td.button a,
section#ownerpage table.list td.button button {
  display: block;
  padding: 0.7em 0 0.4em;
  border-radius: 5px;
  background: #18376A;
  color: #fff;
  text-align: center;
  box-shadow: 0 2px 0 #000;
  text-decoration: none;
  font-size: 1em;
  line-height: 110%;
  width: 100%;
  border: none;
}
section#ownerpage table.list tr:nth-child(even) {
  background: #E3E7F0;
}
section#ownerpage table.list tr:nth-child(odd) {
  background: #C4CEE1;
}
section#ownerpage table.list tr.deleted {
  background: #aaa;
}
section#ownerpage table.list tr.header {
  background: #4F81BD;
}
section#ownerpage table.list tr.header th {
  font-weight: normal;
  color: #fff;
}

/* lessors/index_admin */
.lessorsIndexAdmin button.showDropdownButton {
  height: 40px;
  text-align: center;
  border-radius: 5px;
  padding: 0;
  font-size: 1em;
  line-height: 40px;
  color: #333;
  border: none;
  box-sizing: border-box;
  background: #F2F2F2;
  box-shadow: 0 2px 0 #ccc;
}
.lessorsIndexAdmin #dropdownMenu {
  position: absolute;
  z-index: 10;
  background: #fcfcfc;
  border: solid 1px #ddd;
  font-size: 14px;
  width: 220px;
}
.lessorsIndexAdmin #dropdownMenu li {
  padding: 0;
  margin: 0;
  cursor: pointer;
  border-bottom: solid 1px #ddd;
  user-select: none;
}
.lessorsIndexAdmin #dropdownMenu li:last-child {
  border-bottom: none;
}
.lessorsIndexAdmin #dropdownMenu li:hover {
  background: #FFDC00;
}
.lessorsIndexAdmin #dropdownMenu li a {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0.7em 1em;
  text-decoration: none;
  color: #555;
}

/* partners/index_admin */
.partnersIndexAdmin section#ownerpage table.list td.button.edit button.menu {
    background: #aaa;
    color: #fff;
    margin-top: 0.7em;
    margin-bottom: 0.7em;
    box-shadow: 0 2px 0 #777;
}

/* staffs/index_admin */
.staffsIndexAdmin table.list .name {
  word-break: break-all;
  width: 8em;
}
.staffsIndexAdmin table.list .email {
  word-break: break-all;
}
.staffsIndexAdmin table.list .role {
  width: 7em;
}
.staffsIndexAdmin table.list .edit {
  width: 7em;
}
.staffsIndexAdmin section#ownerpage table.list td.button.edit button.menu {
  background: #aaa;
  color: #fff;
  margin-top: 0.5em;
  margin-bottom: 0.7em;
  box-shadow: 0 2px 0 #777;
}
.staffsIndexAdmin #dropdownMenu {
  position: absolute;
  z-index: 10;
  background: #fcfcfc;
  border: solid 1px #ddd;
  font-size: 14px;
  width: 150px;
}
.staffsIndexAdmin #dropdownMenu li {
  padding: 0.7em 1em;
  margin: 0;
  cursor: pointer;
  border-bottom: solid 1px #ddd;
  user-select: none;
}
.staffsIndexAdmin #dropdownMenu li:last-child {
  border-bottom: none;
}
.staffsIndexAdmin #dropdownMenu li:hover {
  background: #FFDC00;
}


/* staffs/add, staffs/edit */
.staffEdit ul.ownerPage > li > dl > dt {
  vertical-align: middle;
}
.staffEdit ul.ownerPage > li > dl.name input,
.staffEdit ul.ownerPage > li > dl.nameKana input {
  display: inline-block;
  width: 49%;
  margin-left: 2%;
}
.staffEdit ul.ownerPage > li > dl.name input:first-child,
.staffEdit ul.ownerPage > li > dl.nameKana input:first-child {
  margin-left: 0;
}
.staffEdit ul.ownerPage > li > dl.role label {
  margin-right: 1em;
}
.staffEdit ul.ownerPage > li > dl.lessors > dt {
  vertical-align: top;
  padding-top: 0.5em;
}

/* properties/index_admin(lessor_select) */
.propertiesIndexAdminLessorSelect table.list .name {
  word-break: break-all;
}
.propertiesIndexAdminLessorSelect table.list .view {
  width: 10em;
}

/* admin/auth */
.adminAuth .qrCodeMessage {
  border-radius: 10px;
  border: solid 2px #ccc;
  padding: 3em 3em 2em;
  margin: 2em 0;
}
.adminAuth .qrCodeMessage h3 {
  text-align: center;
  font-size: 1.2rem;
  padding: 0 0 1em 0;
}
.adminAuth .qrCodeMessage ul {
  list-style-type: none;
  padding: 1em 0;
}
.adminAuth .qrCodeMessage ul > li {
  padding: 0.7em 0;
  line-height: 130%;
}
.adminAuth .qrCodeMessage ul > li.small {
  padding: 0.7em 0;
  font-size: 0.8em;
  margin-left: 1em;
}
.adminAuth .qrCodeMessage .qrCodeContainer {
  float: right;
  height: 250px;
  padding: 1em 0 0 1em;
}
.adminAuth .qrCodeMessage .downloadLink {
  text-align: center;
}
.adminAuth .qrCodeMessage .downloadLink dl {
  display: inline-block;
  padding: 0.5em 1em;
}
.adminAuth .qrCodeMessage .downloadLink dl dd {
  font-size: 0.6em;
  padding-top: 0.5em;
}
.adminAuth .qrCodeMessage ul table {
  margin: 1em 0;
}
.adminAuth .qrCodeMessage ul table th,
.adminAuth .qrCodeMessage ul table td {
  border: solid 1px #eee;
  padding: 1em;
}
.adminAuth .qrCodeMessage ul table th {
  font-weight: normal;
  background: #fafafa;
}

/* apply/index_admin */
.applyIndexAdmin table.list .check {
  width: 3.5em;
  position: relative;
}
.applyIndexAdmin table.list .check .checkboxArea {
  margin: 0;
}
.applyIndexAdmin table.list .check .checkboxArea label,
.applyIndexAdmin table.list .check .checkboxArea input[type="checkbox"] {
  margin: 0;
  position: absolute;
  top: 0.6em;
  left: 0.5em;
  border-color: #555;
}
.applyIndexAdmin table.list .check .checkboxArea input[type="checkbox"] {
  z-index: 1;
}
.applyIndexAdmin table.list .room {
  word-break: break-all;
}
.applyIndexAdmin table.list .type {
  width: 3.5em;
}
.applyIndexAdmin table.list .username {
  word-break: break-all;
  width: 8em;
}
.applyIndexAdmin table.list .personal {
  width: 5.5em;
}
.applyIndexAdmin table.list .date {
  word-break: break-all;
  width: 5em;
}
.applyIndexAdmin table.list .edit {
  width: 4em;
}
.applyIndexAdmin section#ownerpage table.list td.button a.pc {
  display: block;
}
.applyIndexAdmin section#ownerpage table.list td.button a.mobile {
  display: none;
}
.applyIndexAdmin .btnArea.top {
  text-align: left;
  padding: 0 0 1em;
}
.applyIndexAdmin .btnArea.top button {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
  margin: 0;
}
.applyIndexAdmin ul.searchKeyArea li {
 margin:0 0 20px;
 font-size:0.8em;
}
.applyIndexAdmin ul.searchKeyArea .list {
 width:340px;
 margin:0;
 padding:0;
 display:table;
}
.applyIndexAdmin ul.searchKeyArea .left {
 width:340px;
 margin:0 auto 0 0;
 padding:0;
 display:table-cell;
}
.applyIndexAdmin ul.searchKeyArea .right {
 width:150px;
 display:table-cell;
 padding:0 0 0 10px;
 box-sizing:border-box;
}
.applyIndexAdmin ul.searchKeyArea button {
  height: 30px;
}

/* apply/view_admin */
.applyViewAdmin section#ownerpage .ownerpageArea p {
  font-size: 0.8em;
}
.applyViewAdmin section#ownerpage .ownerpageArea ul.list {
  list-style-type: disc;
  margin-bottom: 20px;
  background: #f2f2f2;
  padding: 1em;
}
.applyViewAdmin section#ownerpage .ownerpageArea ul.list > li {
  margin: 0;
}
.applyViewAdmin section#ownerpage .ownerpageArea ul.list > li > dl {
  font-size: 0.8em;
}
.applyViewAdmin section#ownerpage .ownerpageArea ul.list > li > dl > dt {
  display: inline-block;
  width: 30%;
  vertical-align: top;
}
.applyViewAdmin section#ownerpage .ownerpageArea ul.list > li > dl > dd {
  display: inline-block;
  width: 68%;
  padding: 0.5em 0;
  vertical-align: top;
  padding-top: 0;
  padding-bottom: 1em;
}
.applyViewAdmin section#ownerpage .ownerpageArea ul.list .notUploadDocs ul > li {
  margin-bottom: 0.5em;
}
.applyViewAdmin section#ownerpage .ownerpageArea ul.list .notUploadDocs .linkBox {
  text-align: right;
  margin-top: 1em;
}
.applyViewAdmin section#ownerpage .ownerpageArea table.list td,
.applyViewAdmin section#ownerpage .ownerpageArea table.list th {
  padding: 0.7em 0.5em 0.5em;
}
.applyViewAdmin section#ownerpage .ownerpageArea .btnArea.confirm {
  height: auto;
  padding: 0;
  margin-top: 2em;
}
.applyViewAdmin section#ownerpage .ownerpageArea .btnArea.confirm button {
  position: static;
  width: auto;
  display: inline-block;
  padding: 0 1em;
  margin: 0 1em;
  height: 40px;
}
.applyViewAdmin section#ownerpage .memoWrap {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}
.applyViewAdmin section#ownerpage .memoWrap .inputWrap {
  display: table-cell;
}
.applyViewAdmin section#ownerpage .memoWrap .buttonWrap {
  display: table-cell;
  margin: 0;
  padding: 0;
  width: 80px;
  vertical-align: top;
}
.applyViewAdmin section#ownerpage .memoWrap textarea {
  min-height: 50px;
  font-size: 12px;
  padding: 5px;
  margin: 0;
}

/* system_admin/lessor_parent_index */
.lessorParentsIndexAdmin .ownListArea ul.ownNav li a {width:60%;}

.lessorParentsIndexAdmin ul.ownerPage {
  display:table;
  width: 100%;
}
.lessorParentsIndexAdmin ul.ownerPage li {
 display:table-row;
}
.lessorParentsIndexAdmin ul.ownerPage li dl dt {
  width: 100%;
  padding-bottom: 10px;
}
.lessorParentsIndexAdmin ul.ownerPage li dl dd {
  padding-left: 10px;
  padding-bottom: 10px;
}
.lessorParentsIndexAdmin ul.ownerPage li dl dd button {
 display:inline-block;
 width:100px;
 height:44px;
 vertical-align: middle;
}
.lessorParentsIndexAdmin ul.ownerPage li button.ownNavIco01 {
width:100px;
height: 44px;
text-align: center;
border-radius: 5px;
padding: 0;
font-size: 1em;
line-height: 40px;
color: #333;
box-sizing: border-box;
background: #F2F2F2;
box-shadow: 0 2px 0 #ccc;
border:none;
outline:none;
}
.lessorParentsIndexAdmin ul.ownerPage li button.ownNavIco01 span {
     background: url(../images/own_ico01.png) no-repeat left;
     padding:0 0 0 30px;
}

/* system_admin/lessor_parent_edit */
.lessorParentsEdit ul.ownerPage > li > dl.radio label {
  margin-right: 1em;
}

/* apply/select */
.applySelect p {
  margin: 2em 0 0;
  padding: 0;
}
.applySelect .selectBlock {
  border-radius: 15px;
  padding: 2em 4%;
  margin: 2.5em 0;
}
.applySelect .selectBlock.personal {
  background: #F2DCDB;
}
.applySelect .selectBlock.corporate {
  background: #EBF1DE;
}
.applySelect .selectBlock h2 {
  font-size: 1.5em;
  font-weight: normal;
  text-align: center;
}
.applySelect .selectBlock h2 + p {
  margin: 1.5em 0;
  text-align: center;
}
section#formArea.applySelect .selectBlock h2:before {
  content: '';
  display: none;
}
.applySelect .selectBlock dl {
  background: #fff;
  border-radius: 10px;
  padding: 4%;
  margin: 1.5em 0;
}
.applySelect .selectBlock dl dt {
  font-weight: bold;
}
.applySelect .selectBlock dl dd {
  margin: 1em 0;
}
.applySelect .selectBlock a {
  display: block;
  margin: 1.5em auto 0;
  width: 13em;
  max-width: 100%;
  background: #558ED5;
  color: #fff;
  text-align: center;
  line-height: 3em;
  border-radius: 1.5em;
  font-size: 1.2em;
  font-weight: normal;
}
.applySelect .selectBlock button {
  display: block;
  margin: 1.5em auto 0;
  width: 13em;
  max-width: 100%;
  background: #558ED5;
  color: #fff;
  text-align: center;
  line-height: 3em;
  border-radius: 1.5em;
  font-size: 1.2em;
  font-weight: normal;
  border: none;
}

/* apply/personal_input */
section#formArea.applyPersonalInput .formContents02 {
  padding-top: 0;
}
.applyPersonalInput .attention {
  background: #ddd;
  text-align: center;
  padding: 1em;
  margin-top: 20px;
}
.applyPersonalInput .imageSelectBlock {
  width: 40%;
  margin: 4%;
  margin-top: 30px;
  display: inline-block;
}
.applyPersonalInput .imageSelectBlock .title {
  margin-bottom: 10px;
}
.applyPersonalInput .imageSelectBlock .preview {
  width: 100%;
  height: 200px;
  background: no-repeat center center;
  background-size: contain;
}
.applyPersonalInput .imageSelectBlock .selectButton {
  background: #F2F2F2;
  box-shadow: 0 2px 0 #ccc;
  border-radius: 5px;
  margin: 20px auto auto;
  width: 60%;
  line-height: 30px;
}

section#formArea.applyPersonalInput .formContents02 dl {
  padding-bottom: 20px;
}
section#formArea.applyPersonalInput .formContents02 dl dt {
  padding-top: 0;
  font-weight: bold;
  vertical-align: middle;
}
section#formArea.applyPersonalInput h3 {
  margin-bottom: 10px;
}

/* ユーザー予約一覧ページ */
.userReserveList table{
  width: 100%;
}

.userReserveList th{
  border: solid 1px gray;
  padding:3px 0 3px 0;
  text-align: center;
  vertical-align: middle;
}

.userReserveList td{
    border: dashed 1px gray;
    padding:3px 0 3px 0;
    text-align: center;
    vertical-align: middle;
}

.userReserveList #reserve_no{
  width:65px;
}

.userReserveList #property{

}

.userReserveList #date{
  width:140px;
}

.userReserveList #detail{
  width:40px;
}

.userReserveList3{
    display: table;
}

.userReserveList2{
    border: solid 1px #cccccc;
    width: 380px;
    padding: 10px;
    border-radius: 1em;
    display: table-cell;
}

.userReserveList2 > p{
    margin: 5px 0 5px 0;
}

.userReserveList2_detail{
    display: table-cell;
    vertical-align:middle;
    text-align: center;
    padding: 0 0 0 10px;
}

.userReserveList2_detail p a{
    display: inline-block;
    width: 80px;
    height: 30px;
    border-radius: 5px;
    color: #fff;
    font-size: 1em;
    background-color: #99CCFF;
    box-shadow: 0 2px 0 #666;
    text-decoration: none;
    padding: 15px 0 0 0;
}

.userReserveList2_block{
    margin-bottom: 10px;
}

/*チェックボックスの大きさを変更する*/
.userReserveList input[type=checkbox] {
  display: none;
}

.userReserveList input[type=checkbox] + label{
  width: 30px;
  height: 30px;
  border: 1px #d3d3d3 solid;
  border-radius:5px;
  display: inline-block;
}

.userReserveList input[type=checkbox]:CHECKED + label{
  background-image: url("../images/check_on.png");
  background-size: 30px;
}

.userReserveList .cancel_button{
  margin: 20px 0 0 0;
  text-align: center;
}

.userReserveList .cancel_button #back a{
 float: left;
 vertical-align:middle;
 width: 130px;
 height: 25px;
 border-radius: 5px;
 border: none;
 color: #fff;
 font-size: 1em;
 background-color: #99CCFF;
 box-shadow: 0 2px 0 #666;
 padding:15px 0 0 0;
 margin: 0 0 0 30px;
 text-decoration: none;
}

.userReserveList .cancel_button button{
vertical-align:middle;
width: 260px;
height: 40px;
border-radius: 5px;
border: none;
color: #fff;
font-size: 1em;
background-color: #999;
box-shadow: 0 2px 0 #666;
}

.userReserveList .cancel_button #cancel a{
display: inline-block;
width: 200px;
height: 30px;
border-radius: 5px;
color: #fff;
font-size: 1em;
background-color: #999;
box-shadow: 0 2px 0 #666;
text-decoration: none;
padding: 15px 0 0 0;
}

.userReserveDetail .header{
  font-size: 14pt;
  padding:10px 0 5px 0;
  border-bottom: dashed 1px #87ceeb;
}

.userReserveDetail .content{
  margin: 10px 0 5px 0;
  word-wrap: break-word;
}

.userReserveDetail .operate{

}

.userReserveDetail .operate a{
  display:block;
  margin: 10px 0 5px 0;
  padding:30px 0 30px 55px ;
  border: solid 1px #4169e1;
  background-color:#4169e1;
  border-radius: 10px;
  color:white;
  background-image: url(../images/icon_key.png);
  background-repeat: no-repeat;
  background-position: 20px 22px;
  background-size: 30px;
  text-decoration: none;
}

.userReserveDetail .disable_operate{
  margin: 10px 0 5px 0;
  padding:30px 0 30px 55px ;
  border: solid 1px #dcdcdc;
  background-color:#dcdcdc;
  border-radius: 10px;
  width:100%;
  background-image: url(../images/icon_key.png);
  background-repeat: no-repeat;
  background-position: 20px 22px;
  background-size: 30px;
}

.userReserveDetail .key_picture a{
  display:block;
  margin: 10px 0 5px 0;
  padding:30px 0 30px 55px ;
  border: solid 1px #ffdab9;
  background-color:#ffdab9;
  border-radius: 10px;
  color:black;
  background-image: url(../images/btn_detail.gif);
  background-repeat: no-repeat;
  background-position: 20px 22px;
  background-size: 30px;
  text-decoration: none;
}

.userReserveDetail .cancel_button{
  margin: 50px 0 0 0;
  text-align: center;
}

.userReserveDetail .cancel_button #back a{
 float: left;
 vertical-align:middle;
 width: 130px;
 height: 25px;
 border-radius: 5px;
 border: none;
 color: #fff;
 font-size: 1em;
 background-color: #99CCFF;
 box-shadow: 0 2px 0 #666;
 padding:15px 0 0 0;
 margin: 0 0 0 30px;
 text-decoration: none;
}

.userReserveDetail .cancel_button button{
 vertical-align:middle;
 width: 260px;
 height: 40px;
 border-radius: 5px;
 border: none;
 color: #fff;
 font-size: 1em;
 background-color: #999;
 box-shadow: 0 2px 0 #666;
}

.userReserveDetail .reserve_now{
    text-align: center;
    margin: 40px 0;
}

.userReserveDetail .reserve_now a{
    padding: 20px;
    background-color: #99CCFF;
    text-decoration: none;
    color: #f5f5f5;
    border-radius: 5pt;
}

.userReserveDetail .reserve_now_message{
    text-align: center;
    margin: 20px;
}

body#applyPersonalInput02 section#formArea h3 {
  margin-bottom: 10px;
  text-align: left;
}
body#applyPersonalInput02 .select2-results__option {
  min-height: 28px;
}
body#applyPersonalInput02 .error-message {
  padding-bottom: 10px;
  padding-top: 13px;
}
body#applyPersonalInput02 .formContents02.questions dl dt {
  display: block;
  width: 100%;
  margin: 0 0 10px;
  padding: 0;
}
body#applyPersonalInput02 .formContents02.questions dl dd {
  display: block;
  width: 100%;
}
body#applyPersonalInput02 .formContents02.questions dl dd textarea {
  min-height: 100px;
  height: 100px;
}

/* apply/personal_confirm */
body#applyPersonalConfirm .preview {
  display: inline-block;
  width: 40%;
  margin: 4%;
  height: 200px;
  background: no-repeat center center;
  background-size: contain;
}
body#applyPersonalConfirm .formContents02.questions dl dt {
  display: block;
  width: 100%;
  margin: 0 0 10px;
  padding: 10px;
  background: #eee;
  border-radius: 10px;
}
body#applyPersonalConfirm .formContents02.questions dl dd {
  display: block;
  width: 100%;
  padding: 0 10px;
}

/* apply/corporate_input  */
body#applyCorporateInput section#formArea h4 {
  margin-bottom: 10px;
  text-align: left;
}
body#applyCorporateInput .select2-results__option {
  min-height: 28px;
}
body#applyCorporateInput .error-message {
  padding-bottom: 10px;
  padding-top: 13px;
}
body#applyCorporateInput .formContents02.questions dl dt {
  display: block;
  width: 100%;
  margin: 0 0 10px;
  padding: 0;
}
body#applyCorporateInput .formContents02.questions dl dd {
  display: block;
  width: 100%;
}
body#applyCorporateInput .formContents02.questions dl dd textarea {
  min-height: 100px;
  height: 100px;
}

section#formArea .requiredSymbol {
  display: block;
  width: 35px;
  font-size: 12px;
  background: #ff9b66;
  color: #fff;
  padding: 2px 0 3px;
  margin-top: 5px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  section#formArea .requiredSymbol {
    display: inline-block;
    margin: -2px 0 0 10px;
  }
}

/* apply/corporate_confirm */
body#applyCorporateConfirm .formContents02.questions dl dt {
  display: block;
  width: 100%;
  margin: 0 0 10px;
  padding: 10px;
  background: #eee;
  border-radius: 10px;
}
body#applyCorporateConfirm .formContents02.questions dl dd {
  display: block;
  width: 100%;
  padding: 0 10px;
}

/* 書類未アップロードメッセージ */
.personalDocNotUpload {
  width: 860px;
  margin: 0 auto 10px;
  display: block;
  padding: 5px 20px;
  box-sizing: border-box;
  background: rgba(241, 73, 80, 0.8);
  position: relative;
}
.personalDocNotUpload a {
  color: #fff;
  font-size: 13px;
}
.personalDocNotUpload button {
  background: transparent;
  border: none;
  position: absolute;
  top: 4px;
  right: 5px;
  padding: 0;
  margin: 0;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  line-height: 15px;
  outline: none;
}
@media screen and (max-width: 768px) {
  .personalDocNotUpload {
    width: 100%;
  }
}

/* 管理者予約 */
.reserve_admin_form dl{
      margin: 0 0 5px 0;
}

.reserve_admin_form dt{
  display: table-cell;
  width:140px;
  padding-top:20px;
  vertical-align: top;
}

.reserve_admin_form dd{
   display: table-cell;
   vertical-align: middle;
   width:344px;
}

.reserve_admin_form dd .radio1{
    height:50px;
    display: table-cell;
    vertical-align: middle;
}

.reserve_admin_form dd .radio1 label{
  margin-right: 5px;
}

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

.reserve_admin_form dd textarea{
    width: 100%;
    height:200px;
    border: solid 1px #DFDFDF;
    border-radius: 5px;
    padding: 0 0 0 10px;
    box-sizing: border-box;
    font-size: 1em;
    background: #f3f3f3;
    resize: none;
}

.reserve_admin_form dd #room_select_ms{
  height:50px;
  width:100%;
}

.reserve_admin_form dd .select2-selection__rendered{
    width:200px;
}

.reserve_admin_form dd table{
  margin: 10px 0 10px 0;
}

.reserve_admin_form #selected_roon_list_area{
  margin: 10px 0 10px 0;
}

.reserve_admin_form dd table th,
.reserve_admin_form dd table td{
  border: 1px solid;
  padding: 5px;
  width: 344px;
}

/*オートコンプリートのデザイン*/
.reserve_admin_form.ui-autocomplete {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  padding:5px 20px 5px 5px;
  width: 200px;
}

.reserve_admin_form.ui-autocomplete li{
  list-style-type: none;
  margin: 10px 0 10px 0;
}
.reserve_admin_form.ui-autocomplete li:hover{
  cursor : pointer;
}
.reserve_admin_form.ui-autocomplete li span{
  font-size: 10pt;
  color: gray;
}

.reserve_admin_form .button_block,
.reserve_admin_finish .button_block{
  width: 80%;
  margin:15px auto 0;
}

.reserve_admin_form .back_button a{
float: left;
vertical-align: middle;
width: 130px;
height: 25px;
border-radius: 5px;
border: none;
color: #fff;
font-size: 1em;
background-color: #99CCFF;
box-shadow: 0 2px 0 #666;
padding: 15px 0 0 0;
text-decoration: none;
text-align: center;
display: inline-block;
}

 .reserve_admin_finish .back_button2{
  float: left;
  /* display: inline-block; */
  width: 100px;
  height: 40px;
  margin-left: 30px;
  color: #fff;
  box-sizing: border-box;
  font-size: 1em;
  text-decoration: none;
  border-radius: 5px;
  background: #99CCFF;
  box-shadow: 0 2px 0px #666;
  border: none;
  cursor: pointer;
}

.reserve_admin_form .check_button,
.reserve_admin_finish .add_button
{
display: inline-block;
width: 200px;
height: 40px;
margin-left:20px;
color: #fff;
box-sizing: border-box;
font-size: 1em;
text-decoration: none;
border-radius: 5px;
background: #3862DC;
box-shadow: 0 2px 0px #0C214C;
border: none;
cursor: pointer;
}

.reserve_admin_finish .reserve_again{
  display: block;
  width: 200px;
  height: 40px;
  margin:0 auto;
  color: #fff;
  box-sizing: border-box;
  font-size: 1em;
  text-decoration: none;
  border-radius: 5px;
  background: #3862DC;
  box-shadow: 0 2px 0px #0C214C;
  border: none;
  cursor: pointer;
}

.reserve_admin_finish .sub_title{
  font-size: 16pt;
  margin-bottom: 5px;
}

.reserve_admin_finish th{
  padding: 10px;
  width:135px;
  background-color: #efefef;
}

.reserve_admin_finish td{
  width:360px;
}

.reserve_admin_finish textarea{
  width:100%;
  height:100px;
  resize: none;
  border: 0;
  color: #666;
  font-size: 12.8px;
  font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

.reserve_admin_finish table{
  margin-bottom: 5px;
}

.reserve_admin_finish th,
.reserve_admin_finish td
{
    border: solid 1px #eee;
    padding: 10px;
    font-weight: 100;
    text-align: center;
    font-size: 12.8px;
    vertical-align: middle;
}

/* apply/personal_input_item_edit */
/* apply/corporate_input_item_edit */
.applyInputItemStatesEdit h2 {
  border: solid 1px #ddd;
  padding: 10px;
  font-size: 1.1em;
  font-weight: normal;
  margin: 30px 0;
}
.applyInputItemStatesEdit ul.ownerPage > li > dl dt {
  width: 270px;
  padding-right: 30px;
}
.applyInputItemStatesEdit ul.ownerPage > li > dl.radio label {
  margin-right: 1em;
}
.applyInputItemStatesEdit ul.ownerPage.statesType2 > li > dl > dt {
  width: 150px;
}

.applyInputItemStatesEdit ul.ownerPage.questions > li {
  display: table;
  width: 100%;
}
.applyInputItemStatesEdit ul.ownerPage.questions > li > dl {
  display: table-row;
  margin: 0;
}
.applyInputItemStatesEdit ul.ownerPage.questions > li > dl > dt {
  display: table-cell;
  width: auto;
  padding-right: 0;
}
.applyInputItemStatesEdit ul.ownerPage.questions > li > dl > dt > textarea {
  min-height: 70px;
  resize: vertical;
  margin: 0;
}
.applyInputItemStatesEdit ul.ownerPage.questions > li > dl > dd {
  display: table-cell;
  width: 80px;
  text-align: center;
  vertical-align: top;
}
.applyInputItemStatesEdit ul.ownerPage.questions > li > dl > dd > button {
  text-align: center;
  padding: 0 10px;
  height: 45px;
  border-radius: 5px;
  border: none;
  color: #333;
  font-size: 1em;
  box-sizing: border-box;
  background: #F2F2F2;
  box-shadow: 0 2px 0 #ccc;
}
.applyInputItemStatesEdit #addQuestionWrap {
  text-align: right;
}

.preview_notice h2{
  margin: 0 0 20px 0;
  font-size:1.4em;
}

.preview_notice p{
  margin: 0 0 20px 0;
}

/* 管理者ページ 物件一覧テーブル化 */

.adminPropertyTable table {
 margin: 10px 0 10px 0;
 width: 100%;
}

.adminPropertyTable th,
.adminPropertyTable td {
 text-align: center;
 vertical-align: middle;
 word-break: break-all;
 padding: 5px;
}

.adminPropertyTable td {
 border: solid 1px #eee;
}

.adminPropertyTable th {
 background-color: #efefef;
}

.adminPropertyTable th a {
 text-decoration: none;
 color: #666;
 display: block;
 padding: 5px;
}

.adminPropertyTable td a {
 display: block;
}

.adminPropertyTable th:nth-child(1),
.adminPropertyTable td:nth-child(1){
    width: 80px;
}

.adminPropertyTable th:nth-child(2),
.adminPropertyTable td:nth-child(2){
 width: 100px;
}

.adminPropertyTable th:nth-child(4),
.adminPropertyTable td:nth-child(4){
 width: 70px;
}

.adminPropertyTable th:nth-child(5),
.adminPropertyTable td:nth-child(5){
 width: 55px;
}

.adminPropertyTable .status_hidden{
    color: #ff3300;
}

.adminPropertyTable .light{
    color:#cccccc;
}

.entrance_substitutional_voice h2{
    font-size: 1.4em;
}

.entrance_substitutional_voice p{
    margin-bottom: 10px;
}

.entrance_substitutional_voice textarea {
    resize: none;
}

/* ユーザーページ 開閉操作ページの追加CSS */
.userOperateButtonArea{
    text-align: center;
}

.userBackButton{
    width: 130px;
    height: 45px;
    border-radius: 5px;
    border: none;
    color: #fff;
    font-size: 1em;
    background-color: #99CCFF;
    box-shadow: 0 2px 0 #666;
}

/* アラートメール一括変更 */
.alert_change{
    text-align: center;
}

.alert_change .property_name{
    font-size: 1.5em;
    text-align: center;
}

.alert_change .change_alert_status_message{
    margin:10px 0;

}

.alert_change .radio_area{
    margin:20px 0;
}

.alert_change .radio_area .alert_radio{
    display: none;
}

.alert_change .radio_area label{
  padding-left: 40px;
  position:relative;
  margin-right: 20px;
  font-size: 1.5em;
}

.alert_change .radio_area label:before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border: 1px solid #999;
  border-radius: 50%;
}

.alert_change .radio_area .alert_radio:CHECKED+label:after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 26px;
  height: 26px;
  background: #666666;
  border-radius: 50%;
}

.alert_change .button_area .button_back{
    background-color: #F2F2F2;
    border-style: none;
    font-size: 1.4em;
    height: 45px;
    width: 100px;
    border-radius: 5px;
    box-shadow: 0 2px 0 #ccc;
}

.alert_change .button_area .button_change{
    margin-left:20px;
    color:white;
    background-color: #3862DC;
    border-style: none;
    font-size: 1.4em;
    height: 45px;
    width: 100px;
    border-radius: 5px;
    box-shadow: 0 2px 0 #ccc;
}

/*設備ページの追加画像*/

.facility_additional_image_area .additional_image_block{
    margin: 30px 0;
}

.facility_additional_image_area .additional_image_title{
    font-size: 1.2em;
}

.facility_additional_image_area .additional_image_preview{
    margin: 20px 0;
    text-align: center;
}

.facility_additional_image_area .additional_image_preview img{
    max-width:300px;
    max-height:400px;
    width: auto;
    height: auto;
}

.facility_additional_image_area .additional_image_input{
    text-align: center;
}

.facility_additional_image_area .additional_image_input input{
    padding:10px 20px;
    text-align: center;
    border-radius: 5px;
    border: none;
    color: #333;
    font-size: 1em;
    box-sizing: border-box;
    background: #F2F2F2;
    box-shadow: 0 2px 0 #ccc;
}

.facility_additional_image_area .delete_button_block{
    text-align: center;
    margin: 10px 0 0 0;
}

.facility_additional_image_area .delete_additional_image_button{
    padding:10px 20px;
    text-align: center;
    border-radius: 5px;
    border: none;
    color: #fff;
    font-size: 1em;
    box-sizing: border-box;
    background: #9E9E9F;
    box-shadow: 0 2px 0 #ccc;
}

.facility_additional_image_area p{
    margin: 10px 0 10px 0;
}

.facility_additional_image_area .title{
    font-size: 1.4em;
    margin: 0 0 10px 0;
}

.facility_additional_image_area dl{
    margin: 10px auto;
    width: 500px;
}

.facility_additional_image_area dt{
    display: table-cell;
    width: 180px;
}

.facility_additional_image_area dd{
    display: table-cell;
    width: 270px;
}

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

.branch_select{
    margin:30px 0 30px 0;
    text-align: center;
}

.branch_select .property_all{
    width: 100%;
    border-radius: 5px;
    font-size: 1em;
    color: #666;
    background: #F2F2F2;
    box-shadow: 0 2px 0 #ccc;
    text-decoration: none;
    padding: 10px;
}

/* ユーザーページ 予約詳細 カギ画像モーダル */

.remodal .entrance_additional_image_block{
    width: 300px;
    height:400px;
    margin: 0 auto;
}

.remodal .entrance_additional_image{
    max-width:300px;
    max-height:400px;
    width: auto;
    height: auto;
}

.remodal .entrance_additional_comment{
    margin: 10px 0;
}

.remodal .entrance_image_before_button,
.remodal .entrance_image_next_button{
    margin: 10px;
    padding: 10px;
    background-color: #DBDBDB;
    border-radius: 5px;
}

.key_nopicture{
    margin: 10px 0 5px 0;
    padding: 30px 0 30px 55px;
    border: solid 1px #DBDBDB;
    background-color: #DBDBDB;
    border-radius: 10px;
    color: black;
}

.key_picture_area{
    background-color: #fff2e6;
}

.key_nopicture_area{
    background-color: #F2F2F2;
}

/* 管理者設備ページ 解錠方法説明 */
.entrance_explanation_text h2{
    font-size: 1.4em;
}

.entrance_explanation_text p{
    margin-bottom: 10px;
}

.entrance_explanation_text textarea {
    resize: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body#toppage #toLpButton{
    background: #EA5C67;
    color: white;
    box-shadow: 0 2px 0 #c50e0e;
}

input#generate_qr_button.btn_blue02{
 height: 40px;
 width: 200px;
 margin: 0 auto;
}

.qr_image_area{
 margin-top: 10px;
 display: flex;
 display:-webkit-flex;
 justify-content: center;
 -webkit-justify-content: center;
}

.wrapper-simple{
    margin-top: 20px;
    width: 100%;
}


.reserve-time-area{
    margin: 10px 0 20px 0;
}

.not-login-message{
    padding: 10px 0 20px 0;
    font-size: 1em;
    line-height: 1.5rem;
}

.not-login-box{
    padding: 10px;
    border: solid 1px #666666;
}

.not-login-box h3{
    font-size: 1.6em;
    font-weight: 100;
}

.not-login-box li{
    list-style: none;
    margin-left: 10px;
    padding: 10px 0 10px 50px;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: left center;
}

.not-login-box li:nth-child(1){
    background-image: url(../images/about01_1.png);
}

.not-login-box li:nth-child(2){
    background-image: url(../images/about01_2.png);
}

.not-login-box li:nth-child(3){
    background-image: url(../images/about01_3.png);
}

.not-login-box li:nth-child(4){
    background-image: url(../images/about01_4.png);
}

.not-login-box li:nth-child(5){
    background-image: url(../images/about01_5.png);
}

.not-login-button-area {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}

.not-login-button-area {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}

.not-login-button-area ul {
  width:100%;
}

.not-login-button-area li{
  width:50%;
  list-style: none;
  float:left;
}

@media screen and (max-width:768px){
  .not-login-button-area li {
    width:100%;
    clear:both;
  }
}
.not-login-button-area ul li .listBlock {
   background: #f1f1f1;
   box-shadow: 0px 2px 0px #C3C3C3;
   border: none;
   padding: 30px;
}
.not-login-button-area ul li .agent-block {
  margin-left:0;
  margin-right:10px;
}
.not-login-button-area ul li .user-block {
  margin-right:0;
  margin-left:10px;
}
.not-login-button-area ul li .listBlock p {
   color: #000000;
   font-size: 1.2em;
   text-align: center;
   line-height: 25px;
   margin-bottom:10px;
}
.not-login-button-area ul li .listBlock p.note {
   font-size: 1em;
   margin-bottom:20px;
}
.not-login-button-area ul li .listBlock a {
   text-decoration: none;
   padding: 10px 30px;
   color: #FFFFFF;
   border-radius: 5px;
   font-size: 1em;
   box-shadow: 0px 0px 0px 0px;
   display: block;
   width:100px;
   text-align: center;
}
.not-login-button-area ul li .listBlock a.agent {
   width:120px;
   background-color: #3B66D9;
   box-shadow: 0 2px 0px #0C214C;
   margin:0 auto;
}
.not-login-button-area ul li .listBlock a.login {
   background-color: #3B66D9;
   box-shadow: 0 2px 0px #0C214C;
   float:left;
   margin-right:10px;
   margin-left: 56px;
}
.not-login-button-area ul li .listBlock a.register {
   background-color: #FFDB00;
   box-shadow: 0 2px 0 #BFAE51;
   color:#333;
   float:left;
}

@media screen and (max-width:768px){
  .not-login-button-area ul li .agent-block {
    margin-left:0;
    margin-right:0;
    margin-bottom:20px;
  }
  .not-login-button-area ul li .user-block {
    margin-right:0;
    margin-left:0;
  }
  .not-login-button-area ul li .listBlock a.login {
    float:none;
    width:120px;
    margin:0 auto 10px;
 }
 .not-login-button-area ul li .listBlock a.register {
    float:none;
    width:120px;
    margin:0 auto;
  }
}

.not-login-box-introduction {
    font-size: 1.2em;
    font-weight: 100;
    line-height:1.4em;
    margin: 10px;
}

.clickable {
    cursor: pointer;
}

tr.clickable:hover {
    background: #FFFFE0;
}

.btn-block {
    display: block;
    color: #fff;
    border-radius: 5px;
    background: #3862DC;
    text-align: center;
    line-height: 2.5em;
    cursor: pointer;
}
.btn-inline-block {
    display: inline-block;
    color: #fff;
    border-radius: 5px;
    background: #3862DC;
    text-align: center;
    line-height: 2.5em;
    cursor: pointer;
    margin: 10px 10px;
    padding: 0 20px;
}

.procedure-list ul {
    background-color: #F3F3F3;
    border: 1px solid #F3F3F3;
    border-radius: 10px;
    margin: 10px 0;
    padding: 0 0 0 10px;
}

.procedure-list ul li {
    font-size: 0.8em;
    line-height: 1.2;
    margin: 10px 0;
}

.procedure-list ul li div.fax-number {
    background-color: #FFF;
    font-size: 2em;
    line-height: normal;
    letter-spacing: 5px;
    margin: 5px 50px 5px 45px;
    padding: 0 10px;
    text-align: center;
}

.input-notice {
    margin: 5px 0;
    font-size: 0.8em;
}

#passcode_modal,
#passcode_select_modal,
#mm4000_passcode_modal,
#mm4000_passcode_select_modal {
    background-color: white;
}
#passcode_modal div.modal_contents,
#passcode_select_modal div.modal_contents,
#mm4000_passcode_modal div.modal_contents,
#mm4000_passcode_select_modal div.modal_contents {
    line-height: 2.5;
}
#passcode_select_modal div.modal_contents p,
#mm4000_passcode_select_modal div.modal_contents p {
    line-height: 1.5;
    font-size: 0.9em;
}
#passcode_modal div.modal_contents h4.title,
#passcode_select_modal div.modal_contents h4.title,
#mm4000_passcode_modal div.modal_contents h4.title,
#mm4000_passcode_select_modal div.modal_contents h4.title {
    font-size: 1.4em;
}
#passcode_modal div.modal_contents div.passcode,
#passcode_select_modal div.modal_contents div.passcode,
#mm4000_passcode_modal div.modal_contents div.passcode,
#mm4000_passcode_select_modal div.modal_contents div.passcode {
    margin: auto;
    border: 1px solid #ccc;
    font-size: 3em;
    width: 60%;
    line-height: normal;
    letter-spacing: 5px;
}
#passcode_select_modal div.select_times,
#mm4000_passcode_select_modal div.select_times {
    line-height: 1.5;
    margin: 25px auto;
    text-align: center;
    width: 460px;
}
#passcode_select_modal div.select_times dl,
#mm4000_passcode_select_modal div.select_times dl {
    display: flex;
}
#passcode_select_modal div.select_times dl div:nth-child(n+2),
#mm4000_passcode_select_modal div.select_times dl div:nth-child(n+2) {
    margin-left: 30px;
}
#passcode_select_modal div.select_times dl dd input,
#passcode_select_modal div.select_times dl dd select,
#mm4000_passcode_select_modal div.select_times dl dd input,
#mm4000_passcode_select_modal div.select_times dl dd select {
    font-size: 1.2em;
    height: 30px;
    width: 130px;
}

#nlm_password_modal,
#nlm_password_select_modal {
    background-color: white;
}
#nlm_password_modal div.modal_contents,
#nlm_password_select_modal div.modal_contents {
    line-height: 2.5;
}
#nlm_password_select_modal div.modal_contents p {
    line-height: 1.5;
    font-size: 0.9em;
}
#nlm_password_modal div.modal_contents h4.title,
#nlm_password_select_modal div.modal_contents h4.title {
    font-size: 1.4em;
}
#nlm_password_modal div.modal_contents div.nlm_password,
#nlm_password_select_modal div.modal_contents div.nlm_password {
    margin: auto;
    border: 1px solid #ccc;
    font-size: 3em;
    width: 60%;
    line-height: normal;
    letter-spacing: 5px;
}
#nlm_password_select_modal div.select_times {
    line-height: 1.5;
    margin: 25px auto;
    text-align: center;
    width: 460px;
}
#nlm_password_select_modal div.select_times dl {
    display: flex;
    justify-content: center;
    align-items: center;
}
#nlm_password_select_modal div.select_times dl div:nth-child(n+2) {
    margin-left: 30px;
}
#nlm_password_select_modal div.select_times dl dd input,
#nlm_password_select_modal div.select_times dl dd select {
    font-size: 1.2em;
    height: 30px;
    width: 130px;
}

#loading {
    display: table;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 0.8;
}

#loading .loadingMsg {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding-top: 140px;
    background: url("../../images/gif-load.gif") center center no-repeat;
}

img.icon-edit {
    border-radius: 5px;
    background: #3862DC;
    cursor: pointer;
    margin-left: 5px;
    padding: 3px;
    vertical-align: middle;
    width: 24px;
}

#PropertyListTable th {
  font-weight:bold;
}

#PropertyListTable th a {
  color:#666666;
}

#PropertyListTable th a.desc:after {
  content:'';
  position: relative;
  display: inline-block;
  margin-left:8px;
  border-width: 7px;
  border-color: #9B9B9B;
  border-bottom-width: 0;
  border-style: dashed;
  border-top-style: solid;
  border-left-color: transparent;
  border-right-color: transparent;
}

#PropertyListTable th a.asc:after {
  content:'';
  position: relative;
  display: inline-block;
  margin-left:8px;
  border-width: 7px;
  border-color: #9B9B9B;
  border-top-width: 0;
  border-style: dashed;
  border-bottom-style: solid;
  border-left-color: transparent;
  border-right-color: transparent;
}

.fax_img {
    width: 400px;
    height: 300px;
    overflow: hidden;
}
#loadedFaxImgArea .fax_img_raw {
    width: 320px;
    height: 400px;
}

.radiant-frame {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    padding: .75rem 1.25rem;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: .25rem;
    line-height: 1.6;
}

.radiant-frame .title{
    font-size: 1.5rem;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
}

.nlm_password_section {
    color: #666;
    background-color: #F2F2F2;
    padding: 1rem;
    border-radius: .25rem;
    line-height: 1.6;
}
.nlm_password_section .unit {
    margin-top: 1rem;
}
.nlm_password_section .unit .title {
    margin-bottom: 0.5rem;
}
.nlm_password_section .unit table {
    width: 100%;
    background-color: #FFFFFF;
    margin-bottom: 2rem;
}
.nlm_password_section .unit th,
.nlm_password_section .unit td {
    border: solid 1px #eee;
    padding: 0.5rem;
    font-weight: 100;
    text-align: center;
}
.nlm_password_section .unit th{
    color:#F0F0F0;
    background-color: #999999;
}

.fa-instagram {
    font-size: 29px !important;
}