html {
  height: 100%;
  overflow: hidden;
}
body {
  height: 100%;
  //この設定でブラウザはバウンススクロール大丈夫iosだめ
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
}
#camera{height:100%;}
.back{width:auto;height:100%;display:block;background:white;margin:0 auto;}
#BaseManagement2{width:320px;height:auto;margin:0 auto;}
#BaseManagement2 p{width:27%;float:left;margin:0;}
#BaseManagement2 select{width:70%;display:block;//background:blue;height:26px;border: solid 1px rgba(103,103,103,0.3);font-size:16px;}


.page {
  background: transparent;
}
.page::-webkit-scrollbar {
  display: none;
}
.page__content {
  margin-top: -1px;
  width:100%;
//  background:rgba(255,255,255,0.8) !important;
//  background:rgba(247,247,247,0.8) !important;
  background:url(img/back_g.png) repeat !important;
}
.con{//background:rgba(255,255,255,0.8);}

.page__background {
  background: transparent;
}

.navigation-bar {
  width: 100%;
//  background:rgba(255,255,255,0.8);
  border-bottom: 1px solid rgba(0,0,0,0.1);
  background:rgba(99,185,73,0.95);
//    background:url(img/back.png) repeat;
}
.navigation-bar__title{color:white;font-weight:bold;}

.button--light0 {
width:100%;
  background: transparent;
//  color: rgba(0,0,0,0.4);
  color:rgba(2,115,95,1);
  border: 1px solid rgba(0,0,0,0.05);
}
.button--light0:active {
  background: rgba(0,0,0,0.05);
  color: rgba(0,0,0,0.4);
  opacity: 1;
}
#transmission{padding-top:15%;width:250px;margin:0 auto;//background:red;}
.button--light2 {
//margin-top:5%;
width:100px;
height:100px;
margin-left:0px;
  background: transparent;
  color:black;
  border: 1px solid rgba(0,0,0,1);
//  background:url(img/video.png) no-repeat;
  background-position:50% 50%;
  webkit-appearance: none;
border-radius:50%;/* CSS3草案 */
-webkit-border-radius:50%;/* Safari,Google Chrome用 */
-moz-border-radius:50%;/* Firefox用 */
}
.button--light2:active {
  background: rgba(0,0,0,0.2);
//  background:rgba(0,0,0,0.2) url(img/video.png) no-repeat;
  background-position:50% 50%;
  opacity: 1;
}
.button--light3 {
//margin-top:5%;
width:100px;
height:100px;
margin-left:50px;
  background: transparent;
  color: black;
  border: 1px solid rgba(0,0,0,1);
//  background:url(img/call.png) no-repeat;
//  background-position:50% 50%;
  webkit-appearance: none;
border-radius:50%;/* CSS3草案 */
-webkit-border-radius:50%;/* Safari,Google Chrome用 */
-moz-border-radius:50%;/* Firefox用 */
}
.button--light3:active {
  background: rgba(0,0,0,0.2);
//  background:rgba(0,0,0,0.2) url(img/call.png) no-repeat;
//  background-position:50% 50%;
  opacity: 1;
}
.search-input {
  background: transparent;
  -webkit-box-shadow: none;
  text-align:center;
  box-shadow: none;
  color: #1f1f21;
  padding: 4px 0 0 0px;
border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;
  background-image: url("data:image/svg+xml;utf8,<svg width='41px' height='40px' viewBox='0 0 41 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:sketch='http://www.bohemiancoding.com/sketch/ns'><title>Slice 1</title><description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description><defs></defs><g id='Page 1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='search' fill='#C6C8C8'><path d='M0.504,16.338 C0.504,25.085 7.635,32.165 16.444,32.165 C25.24,32.165 32.382,25.085 32.382,16.338 C32.382,7.591 25.24,0.5 16.444,0.5 C7.635,0.5 0.504,7.591 0.504,16.338 L0.504,16.338 Z M5.555,16.338 C5.555,10.359 10.423,5.521 16.445,5.521 C22.455,5.521 27.333,10.36 27.333,16.338 C27.333,22.317 22.455,27.156 16.445,27.156 C10.423,27.156 5.555,22.316 5.555,16.338 L5.555,16.338 Z M27.666,30.861 L34.521,38.67 C35.625,39.772 36.338,39.781 37.46,38.67 L39.661,36.489 C40.743,35.408 40.811,34.711 39.661,33.568 L31.765,26.793 L27.666,30.861 L27.666,30.861 Z M27.666,30.861' id='Shape'></path></g></g></svg>");
  background-position: 8px center;
  background-repeat: no-repeat;
  -webkit-background-size: 17px;
  background-size: 17px;
  font-weight: 400;
  display: block;
  	-webkit-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
	-moz-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
	-ms-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
	-o-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
	transition:     all 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
  width: 100%;
  float:left;
}

.search-input.on{
	-webkit-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
	-moz-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
	-ms-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
	-o-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
	transition:     all 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
	width:77%;
}
.search-cancel {
	width:23%;
	height: 31px;
	background: transparent;
	color: rgba(0,0,0,0.4);
	vartical-align:middle;
	position: fixed;
	right:-23%;
	font-size:10px;
	border: 1px solid rgba(0,0,0,0.2);
	outline: 0;
}
.search-cancel:active {
  background: rgba(0,0,0,0.05);
  color: rgba(0,0,0,0.4);
//  border: 1px solid rgba(0,0,0,0.2);
//  opacity: 1;
}
#searchButton{//background:blue;overflow:hidden;}
#searchButton2{//background:blue;overflow:hidden;}
#searchButton3{//background:blue;overflow:hidden;}
#searchButton4{//background:blue;overflow:hidden;}
#searchButton5{//background:blue;overflow:hidden;}
#searchButton6{//background:blue;overflow:hidden;}
.search-cancel.on{
	-webkit-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
	-moz-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
	-ms-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
	-o-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
	transition:     all 500ms cubic-bezier(0.075, 0.82, 0.165, 1);

	-webkit-transform: translate(-100%, 0);
	-moz-transform: translate(-100%, 0);
	-o-transform: translate(-100%, 0);
	-ms-transform: translate(-100%, 0);
	transform: translate(-100%, 0);
}
.button--light_hide {
  background: transparent;
  webkit-appearance: none;
  color:rgba(2,115,95,1);
  //白か悩む
}
.button--light_hide:active {
  background: transparent;
  color: rgba(0,0,0,0.2);
  opacity: 1;
}
.button--light_hide_r {
	background: transparent;
	position:absolute;
	top:2px;
	right:0px;
	webkit-appearance: none;
}
.button--light_hide_r:active {
  background: transparent;
  color: rgba(0,0,0,0.2);
  opacity: 1;
}
.button--light_back {
	background: transparent;
	position:absolute;
	top:2px;
	right:0px;
	webkit-appearance: none;
	color:rgba(96,96,96,1);
}
.button--light_back:active {
  background: transparent;
  color: rgba(192,192,192,1);
  opacity: 1;
}

.button--light4 {
padding-top:10px;
font-size:30px;
width:65px;
height:65px;
margin:0 auto;
  background: transparent;
  background: rgba(237,242,247,0.8);
  color: rgba(90,90,90,1);
  border: 1px solid rgba(117,169,191,1);
  background-position:50% 50%;
  webkit-appearance: none;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
//display:table-cell;

}
.button--light4:active {
  background: rgba(0,0,0,0.2);
  opacity: 1;
}
.button--light5 {
padding-top:10px;
font-size:30px;
width:65px;
height:65px;
margin:0 auto;
  background: rgba(0,228,89,1);
//  border: 1px solid rgba(117,169,191,1);
  background-position:50% 50%;
  webkit-appearance: none;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
color:white;
}
.button--light5:active {
  background: rgba(0,188,49,1);
  opacity: 1;
}
.button--light6 {
position:absolute;
top:2px;
right:0px;
width:40px;
height:40px;
margin:0 auto;
  background: rgba(228,228,228,1);
  color: rgba(90,90,90,1);
//  border: 1px solid rgba(117,169,191,1);
  background-position:50% 50%;
  webkit-appearance: none;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
}
.button--light6:active {
  background:rgba(198,198,198,1);
  opacity: 1;
}
.button--light7 {
position:absolute;
top:2px;
left:0px;
width:40px;
height:40px;
margin:0 auto;
  background: rgba(228,228,228,1);
  color: rgba(90,90,90,1);
//  border: 1px solid rgba(117,169,191,1);
  background-position:50% 50%;
  webkit-appearance: none;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
}
.button--light7:active {
  background:rgba(198,198,198,1);
  opacity: 1;
}
.button--light8 {
position:absolute;
top:2px;
right:0px;
width:40px;
height:40px;
margin:0 auto;
  background: rgba(228,228,228,1);
  color: rgba(90,90,90,1);
//  border: 1px solid rgba(117,169,191,1);
  background-position:50% 50%;
  webkit-appearance: none;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
}
.button--light8:active {
  background:rgba(198,198,198,1);
  opacity: 1;
}
.button--light9 {
	background: transparent;
//  color:rgba(24,103,194,0.81);
  color:rgba(2,115,95,1);
  border: none;
}
.button--light9:active {
background: transparent;
  color: rgba(0,0,0,0.4);
  opacity: 1;
}
.delete {
  background-color: transparent;
  color: rgba(0,0,0,0.8);
  border: 1px solid rgba(0,0,0,0.2);
  padding:3px;
  font-size:15px;
	outline:0;
}
.delete:active {
  background-color: rgba(0,0,0,0.05);
  color: rgba(0,0,0,0.4);
  border: 1px solid rgba(0,0,0,0.2);
  opacity: 1;
}
.p_numbers_btn{display:none;}
#keypad{height:100%;position:relative;margin-top:30%;}
#key_content{position: fixed;bottom: 2%;width:100%;}
#numbers{width:100%;}
#numbers p{width:240px;height:44px;margin:0 auto;font-size:30px;padding:0;}
.table_01 {
  display: table;
//  background:red;
  width:250px;
  height:73px;
  padding:0;
  margin:0 auto;
  table-layout: fixed;
  text-align: center;


}
.table_01 li {
	display: table-cell;
//	border: 1px solid rgba(0,0,0,0.2);
	  vertical-align: middle;
}

.list--detail {
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  background: transparent;
  border: none;
  line-height: normal;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  font-size: 17px;
  padding: 0;
  margin: 0;
  list-style-type: none;
  text-align: left;
  overflow: auto;
  display: block;
  -webkit-overflow-scrolling: touch;
  padding: 0;
  background: transparent;
//  border-top: 1px solid #ddd;
//  border-bottom: 1px solid #ddd;
  width:100%;}

.list--index {
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  background: transparent;
  border-right: dotted 1px #ddd;
  line-height: normal;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  font-size: 17px;
  padding: 0;
  margin: 0;
  list-style-type: none;
  text-align: center;
  height:100%;
  overflow: scroll;
  display: block;
  -webkit-overflow-scrolling: touch;
  padding: 0;
  background: transparent;
//  border-top: 1px solid #ddd;
//  border-bottom: 1px solid #ddd;
  width:14%;
  float:left;

}
.list--name {
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  background: transparent;
  border: none;
  line-height: normal;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  font-size: 17px;
  padding: 0;
  margin: 0;
  list-style-type: none;
  text-align: left;
  height:100%;
  overflow: scroll;
  display: block;
  -webkit-overflow-scrolling: touch;
  padding: 0;
  background: transparent;
//  border-top: 1px solid #ddd;
//  border-bottom: 1px solid #ddd;
  width:85%;
}

.list__item {
  margin: 0;
  padding: 0;
  background: transparent;
}
.list__item--information{height:66px;}
.list__item--information_d{height:100%:}
.list--index .list__item__center {padding: 12px 0px;display:inline;text-align:center;}
.list--name .list__item__center {padding: 12px 6px 12px 14px;}
.list--detail .list__item__center {padding: 12px 6px 12px 14px;}
.list--others .list__item__center {padding: 12px 6px 12px 14px;//background:green;}
.list--others .list__item__center .reserve_left{font-size:15px;width:80%;}
.list--others .list__item__center .reserve_right{font-size:15px;width:20%;text-align:center;}
.list--others .list__item__center{//background:green;width:100%;}
.list--others .list__item__center .shopping_left{font-size:15px;width:77%;}
.list--others .list__item__center .shopping_right{font-size:15px;width:23%;text-align:center;}
.list--others .list__item__center .coworking_left{font-size:15px;width:60%;}
.list--others .list__item__center .coworking_right{font-size:15px;width:40%;text-align:center;}
.list__item--chevron:active {
  background: #d9d9d9;
}
.list__header--top{background:rgba(224,224,224,0.8);height:44px;font-size:17px;padding:15.5px 0 3px 3px;}
.list__header--second{background:rgba(224,224,224,0.8);height:44px;}
.list__header--information_d{font-size:17px;padding-bottom:5px;padding-top:10px;}
.list__header--information_d img{display:inline-block;}
.list__header--information_d p{display:inline-block;margin:0;}
.list__header--specific{width:100%;background:rgba(224,224,224,0.8);overflow:hidden;padding:0;margin:0 auto;}
.list_img{margin-left:-7px;width:40px;height:40px;background:gray;margin-right:5px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; }
.list--others .list__item__center .info_left{font-size:15px;width:60%;//background:red;margin:0 auto;}
.list--others .list__item__center .list_left{font-size:15px;width:50%;}
.list--others .list__item__center .list_left div{color:red;}
.list--others .list__item__center .info_left span{font-size:14px;color:rgba(128,128,128,1);margin:0 auto;display:block;width:100%;//width:300px;/*%効かない*/ white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

/*
@media all and (min-width:375px){
.list--others .list__item__center .list_left span{width:355px;}
}
@media all and (min-width:414px){
.list--others .list__item__center .list_left span{width:394px;}
}
*/
.list--others .list__item__center .info_right{display:block;//margin-left:auto;margin-right:auto;width:80px;height:40px;font-size:15px;//background:blue;text-align:right;}
.list--others .list__item__center .list_right{width:50%;font-size:15px;//background:blue;text-align:right;}
.list--others .list__item__center .list_right select{height:26px;border:none;font-size:14px;background:transparent;//text-align:-webkit-center;  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;}
.list--others .list__item__center .list_right select.mansion_select{white-space:normal;width:100%;min-height:26px;height:100%;border:none;font-size:16px;background:transparent;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;}
.list--others .list__item__center .list_right input{height:26px;border:none;font-size:14px;background:transparent;}
.list__header--specific .list_left{font-size:15px;width:50%;display:inline-block;float:left;}
.list__header--specific .list_right3{display:inline-block;width:50%;font-size:15px;}
.list_right3{width:50%;font-size:15px;}
.list_right3 span{display:inline-block;width:33.33%;text-align:center;}
.list_right3 .sum{width:33.33%;text-align:right;}

.alert-dialog-button--one{color:red;}
.alert-dialog-button--primal{color: rgba(24,103,194,0.81);}
.mail_main{width:94%;margin:0 auto;padding:10px 0;}
.receive_mail{text-align:left;//background:blue;}
.receive_mail img{ vertical-align: middle;}
.receive_mail p{margin:0;vertical-align: middle;padding:5px;max-width:70%;//background:#F7F7F7;background:white;display:inline-block;text-align: left;color:black;border-radius:15px;-webkit-border-radius:15px; -moz-border-radius:15px;margin:5px 0;}
.send_mail{text-align:right;//background:yellow;}
.send_mail img{ vertical-align: middle;}
.send_mail p{margin:0;vertical-align: middle;padding:5px;max-width:70%;display:inline-block;text-align: left;background:rgba(99,185,73,1);color:white;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;margin:5px 0;}
#chat{width:100%;overflow:hidden;position: absolute;bottom:0px;}

input[type="text"].text_input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  display: none;
}
.text_input{
  padding: 0;
  margin: 0;
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 1;
  font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 31px;
  font-size: 15px;
  border: 1px solid #ddd;
  -webkit-box-shadow: none;
  box-shadow: none;
	outline:0;width:85%;float:left;height:33px;background:rgba(255,255,255,1);
border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;}
.send{-webkit-appearance: none;-moz-appearance: none;appearance: none;
outline:0;background:rgba(24,103,194,0.81);width:15%;height:33px;padding:0;boder:none; font-size: 15px;border: 1px solid #ddd;color:white;text-align:center;}
.send:active{ color: rgba(0,0,0,0.4);}
.back-button{color:rgba(2,115,95,1);}
:checked + .tab-bar__button {color:rgba(2,115,95,1);}
.tab-bar {background:rgba(247,247,247,0.8);border-top: 1px solid rgba(0,0,0,0.2);}
.list--others .list__item__center .list_center{font-size:15px;width:100%;text-align:center;//color:rgba(24,103,194,0.81);color:rgba(2,115,95,1);}
.seikyu{color:rgba(99,185,73,1);font-weight:bold;}