.topback .header_bg{
    height: 100vh;
	background-size:cover;
}

body{
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	letter-spacing: 0px;
	background:#fff;
	color:#fff;
}
#p2146-2-tbody tr:first-child {
  display: none;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

select {
    -webkit-appearance: button;
    appearance: button;
}
/*セレクト禁止の解除*/
*:not(input):not(textarea):not(select) {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}

/*
* {
   -ms-user-select: auto !important;
   -moz-user-select: auto !important;
   -khtml-user-select: auto !important;
   -webkit-user-select: auto !important;
   user-select: auto !important;
}
*/
canvas{
	width:90%;
}

/* set padding for iOS7 status bar */
.ua-ios-7 .ui-page, .ua-ios-8 .ui-page {
    padding-top: 63px !important;
}
.ua-ios-7 .ui-header, .ua-ios-8 .ui-header {
    top: 20px;
}
#wrapper {
	max-width:1800px;
}

.userlist_table{
	width:100%;
	background:#fff;
	border:1px solid #e6e6e6;
	text-align:left;
	border-collapse:collapse;
}
.userlist_table .bottom_line th{
	border-bottom:1px solid #e6e6e6;
	font-size:16px;
}
.userlist_table td{
	padding:1% 2%;
	color:#0071bc;
}
.userlist_table th{
	padding:1% 2%;
	border-bottom:1px solid #e6e6e6;
}

.dl_table{
	width:100%;
	background:#fff;
	border:1px solid #e6e6e6;
	text-align:left;
	border-collapse:collapse;
}
.dl_table .bottom_line th{
	border-bottom:1px solid #e6e6e6;
	font-size:12px;
}
.dl_table td{
	padding:1% 2%;
	color:#0071bc;
}
.dl_table th{
	padding:1% 2%;
}
.table_spase_n{
	border:1px solid #f2f2f2;
	background:#f2f2f2;
}
.no_data_tr{
	color:#777;
}
#TopPage {
	z-index:2;
    background:#fff9f7 url(../img/top_back.jpg) no-repeat fixed center center;
    background-size:cover;
width:900px;
margin:0 auto;

}
.topback {
	position: relative;
	width: auto;
}
.titleblock{
	position: relative;
}
.topback .header_bg{
	background:url(../img/header-bg.png) no-repeat fixed center top;
	background-size:contain;
}
.top_txt{
  color:#fff;
  text-shadow: 1px 1px 3px #000;
  position: fixed;
  bottom: 15%;
  left: 10%;
  transform: translate(0%, 0%);
  margin: auto auto;
  width:100%;
	font-size: 1vw;
}
p{
	padding:10px;
	line-height:150%;
}
.white_block{
	text-align:center;
	margin:10px;
	padding:10px;
	background-color:#FFF;
	border-radius:15px;
}
.white_block .fa-sign-out{
	font-size:200px;
	padding:20px;
}

.icons li{
	float:left;
	padding:5px;
}

.enter_btn {
	bottom:0px;
  left: 50%;
  transform: translate(-50%, 0%);
	position:fixed;
	background:#ff604a;
	padding:10px 0;
	color:#fff;
	text-align:center;
	font-weight:bold;
	font-size: 3.5vw;
	width:900px;
	margin:0 auto;
	line-height:400%;
	height:11%;
}
.main_icon{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: auto auto;
}
.main_icon img{
	width:100%;
}

.test_btn {
	position: absolute;
	width: 100%;
	left: 5%;
	top: 5%;
}
.ihan {
	color:red;
	background:#DDD;
	width:90%;
	margin:10px auto;
	padding:10%;
}
.no_vew{
	position: fixed;
	right: 200%;
}

/* 背景用*/


#LoginPage{
	position: relative;
}
#login_form{
	position: absolute;
	width: 400px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
#login_form img{
	width: 30%;
	margin:30px 0;
}
#login_form .text{
	font-size:14px;
	margin:30px 0;
}


input[type="date"] {
   -webkit-appearance: none;
   border-radius: 0;
	text-align:left;
	padding:10px 15px;
	font-size:14px;
	color:#999;
}

















.top_text{
	width: 16%;
	position: fixed;
	left: 38%;
	top: 40%;
}
.logo{
	position: fixed;
	width: 13%;
	left: 34%;
	top: 15%;
}
.show{
	font-size: 100%;
	float: left;
}
#TopListView li {
	border: 1px solid #CCC;
	margin-bottom: 20px;
	border-radius: 20px;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 30px;
	background-image: url(../img/arrow-r.png);
    background-size: 3%;
	background-repeat: no-repeat;
	background-position: 10px center;
	list-style-type: none;
	height: 80px;
	line-height: 70px;
	background-color: #FFF;
	font-size: 110%;
	font-weight: bold;
}
.ui-li-desc{
	font-size: 110%;
	font-weight: bold;}
.ui-collapsible-content{
	padding:0;
}

.cf:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.cf {
	min-height: 1px;
}

*html .cf {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
#TopListView .delete {
	font-size: 0px;
	background-size: contain;
}

.modoru {
	position: absolute;
	width: 70px;
	top:32px;
	left:10px;
}
.auto {
	position: absolute;
	width: 30px;
	top:23px;
	right:15px;
	font-size:200%;
}
.migimenu {
	position: absolute;
	width: 30px;
	top:28px;
	right:60px;
}
#ListPage .sinki {
	width: 200px;
	margin-top: 10px;
	margin-bottom: 10px;
}
ul,li,h1 {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-size: 100%;
}
.text_area {
	width:100%;
	padding:10px 20px;
	font-size:130%;
	line-height:170%;
	color:#666;
	letter-spacing: 1px;
	background:#fff;
}
.text_area2 {
	font-size:140%;
	font-weight:bold;
	margin:60px 0 20px;
}
.text_area3 {
	width:70%;
	margin:25px 0px 10px 60px;
	font-size: 3.5vw;
	line-height:170%;
	color:#666;
}
.text_area4 {
	width:90%;
	margin:35px auto 10px;
	padding:0px 30px;
	font-size: 3.8vw;
	line-height:170%;
	color:#666;
	border-bottom:1px solid #999;
}
.text_select {
	margin:0px auto 10px;
	color:#666;
	background:#FCFCFC;
}
.text_select li{
	float:left;
	font-size: 16px;
	margin:0px 15px;
}
.text_select .blue_btn{
	margin:8px;
}
.text_select select{
	border-radius:0px !important;
}
.text_select .text {
	margin:8px 10px;
	line-height:45px;
	text-align:center;
	font-size:90%;
}



.reg_massage {
	position: relative;
	background: #64b4cf;
	border: 4px solid #64b4cf;
	color:#fff;
	font-size:2vw;
	border-radius:15px;
	margin:40px 0 60px 0;
	padding:2% 0;
	line-height:150%;
	text-align:left;
}
.reg_massage:after, .reg_massage:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.reg_massage:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #64b4cf;
	border-width: 30px;
	margin-left: -30px;
}
.reg_massage:before {
	border-width: 36px;
	margin-left: -36px;
}
.reg_massage .left{
	float:left;
	margin:2% 0% 5% 10%;
}
.reg_massage .text{
	margin:2% 0% 5% 10%;
}

#class_change{
	float:left;
	margin:5px 5px 10px;
	padding:5px 0px;
}

/*セレクトボックス用jqerymobileリセット*/
.ui-btn-corner-all {
    border-radius: 0px;
}
.ui-shadow {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px;
}

.blue_btn {
	background:#0071bc;
	color:#fff;
	text-decoration:none;
	width:25%;
	line-height:45px;
	text-align:center;
	font-size:90%;
}
.blue_btn2 {
	float:left;
	border-radius:5px;
	background:#0071bc;
	color:#fff;
	text-decoration:none;
	margin:5px 0 10px;
	padding:2px 10px;
	text-align:center;
}
.blue_btn3 {
	border-radius:5px;
	background:#0071bc;
	color:#fff;
	text-decoration:none;
	margin:0px 0 0 5%;
	padding:6px 0px;
	text-align:center;
	width:25%;
	float:left;
}
#hed_push4 .blue_btn3 {
	font-size:2vw;
}
.get_user_id {
	background:red;
}
.b_btn{
	border-radius:20px;
	background:#337bd0;
	color:#fff;
	text-decoration:none;
	width:70%;
	margin:20px auto;
	padding:10px 40px;
	text-align:center;
}
.regbtn {
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	font-size:85%;
	padding:10px;
}
.regbtn a{
	text-decoration:none;
	color:#3574bb;
}

.dl_btn {
	background:#0071bc;
	color:#fff;
	width:30%;
	margin: 20px 0 30px 70%;
	text-decoration:none;
	padding:10px 10px;
	text-align:center;
	font-size:90%;
}
.right_box{
	float:right;
	margin:30px 0 20px;
}
.left_box{
	float:left;
}

/*メニューページ*/
* html #menu_list    {     
    position: absolute;     
    top: expression(eval(document.documentElement.scrollTop+100));     
} 
#menu_list {
    position: fixed; 
    top: 0px;
    z-index: 20;
    width:23%;
    height:100%;
    padding:1% 0;
	background:#000;
	font-size:16px;
}
#menu_list li {
	padding:4%;
}
#menu_list li ul li{
	padding:5%;
}
#menu_list .box{
	background:none;
}
#menu_list .box:hover{
	background:none;
}
#menu_list .check {
	background:#666666;
}
#menu_list li:hover {
	background:#666666;
}
.menu_s_20{
	background:#f5f6f8;
	height:45px;
	border-bottom:1px solid #DDD;
	border-top:1px solid #DDD;
}
.menu_s_10{
	background:#f5f6f8;
	height:20px;
	border-bottom:1px solid #DDD;
	border-top:1px solid #DDD;
}
.menu_s_end{
	border-top:1px solid #DDD;
}
.ver{
	border:none;
	text-align:center;
	background:#000;
	padding-top:30px;
	font-size:80%;
}

.touroku_title{
	color:#4a67ad;
}
.touroku_txt{
	letter-spacing: 1px;
}
.n_form{
	background:#fff;
	font-size:80%;
	padding:15px 15px;
	border:1px solid #DDD;
	text-align:left;
	float:left;
}

.n_form2{
	background:#fff;
	font-size:80%;
	padding:15px 15px;
	border:1px solid #DDD;
	text-align:left;
	float:left;
	width:20%;
}
.n_form3{
	background:#fff;
	font-size:12px;
	padding:6px;
	border:1px solid #DDD;
	text-align:left;
	width:70%;
	float:left;
}
.n_form4{
	background:#fff;
	font-size:80%;
	padding:15px 15px;
	border:1px solid #DDD;
	text-align:left;
	width:100%;
}

.event_data{
	background:#fff;
	font-size:80%;
	padding:0px;
	border:1px solid #DDD;
	width:100%;
	margin:0px 0;
	text-align:left;
}
.tyatto{
	float:left;
	width:60%;
}
.form-control{
	background:#fff;
	font-size:80%;
	padding:0px;
	border:1px solid #DDD;
	width:100%;
	margin:0px 0;
	text-align:left;
}
#id_time ,#id_money,#push_point ,#push_point_money{
	font-size:150%;
	color:#0071bc;
}

.from_area textarea {
	background:#fff;
	font-size:80%;
	padding:15px 15px;
	border:1px solid #DDD;
	width:100%;
	margin:10px 0;
	text-align:left;
}
.from_area {
	width:100%;
}
.form_right{
	float:left;
	line-height:70px;
	margin:0 10px;
}
.from_area2 input {
	background:#fff;
	font-size:80%;
	padding:15px 0px;
	border:1px solid #DDD;
	width:100%;
	margin:15px 0;
	text-align:center;
}
.from_area2 textarea {
	background:#fff;
	font-size:80%;
	padding:15px 0px;
	border:1px solid #DDD;
	width:100%;
	margin:15px 0;
	text-align:center;
}
.from_area2 {
	width:100%;
	margin:0 auto;
}
.from_area3{
	width:80%;
	margin:0 auto;
	font-size: 3vw;
}
.textarea4{
	font-size:0.1vw;
	padding-left:20px;
}
/*
.ui-shadow-inset {
	-moz-box-shadow: inset 0 1px 4px 		rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 4px 	rgba(0,0,0,.2);
	box-shadow: inset 0 1px 4px 			rgba(0,0,0,.2);
	width:70%;
	border-radius:20px;
	margin:25px auto;
}
*/
#login_username{
}
.form_sen{
	background:none;
	border:none;
	font-size:80%;
	padding:15px 5px;
	border:1px solid #DDD;
	width:100%;
	margin:10px 0;
}
#login_password{
}
.from_area label{
}



/*メニュー右側*/
#right_area{
	float:left;
	background:#f2f2f2;
	color:#000;
	padding:2% 2%;
	margin-left:23%;
	width:77%;
	font-size:11px;
}
.m_time{
	font-size:1.5vw;
}

#right_area .title{
	font-size:20px;
	font-weight:bold;
	margin:20px 0 0;
}
#right_area .title_sub{
	font-size:18px;
	font-weight:bold;
	margin:50px 0 20px;
}

#table_glup{
	width:100%;
}

#newsFrame{
	position: relative;
	 -moz-box-sizing: border-box;
    box-sizing: border-box;
    height:100%;
  left: 50%;
  transform: translate(-50%, 0%);
    padding:70px 0 0 0;
}

#newsFrame iframe{
position: absolute;
    top:0;
    left: 50%;
    width: 50% !important;
    height: 100vh;
    padding: 0;
    z-index: 99999999;
}

#webFrame{
padding:0;
width:100% !important;
    height:100% !important;
    overflow: hidden;
}
#webFrame iframe{
height:100vh;
width:100% !important;
padding:0;
margin:0;

}
.fs80{
	font-size: 80%;
}
.tuika_form {
	width:70%;
	margin:20px auto;
	padding:5px;
	border-radius:15px;
}
.box_area{
	width:900px;
	margin:0 auto 60px;
	font-size: 18px;
}
.box_area div{
	padding:0px 0px;
}
.box_area dl{
	padding:20px 0px;
	width:80%;
}
.box_area dt{
	width:100%;
}
.box_area dd{
	text-align:right;
	width:100%;
}
h6{
	padding:0px;
	margin:0px;
	color:#666;
}

/*ヘッドスパcalendar*/
.calendar_area{
	width:80%;
	margin:0 auto;
}
#push_calendar li{
	float:left;
	width:14.2%;
	line-height:250%;
	padding:0.5%;
	border:1px solid #999;
	border-width:0px 0px 1px 0px;
	text-align:center;
	font-size:2.5vw;
}
#push_calendar .youbi{
	line-height:100%;
}
.time_out{
	color:#a2a2a2;
}
.moku{
	color:#009fe8;
}
#push_calendar .check{
	color:#333;
}
#push_calendar .check_list{
	color:#000;
	font-weight:bold;
}
.table_head{
	display:table;
	width:100%;
}
.table_head div{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.mon_minan {
	color:#a0a0a0;
	text-decoration:none;
	width:33.3%;
	padding:10px 0;
	text-align:center;
	font-size:2.3vw;
	letter-spacing: 4px;
}
.mon_mon{
	color:#a0a0a0;
	width:32%;
	padding:10px 0;
	text-align:center;
	font-size:2.3vw;
	letter-spacing: 4px;
}
.mon_puls {
	color:#a0a0a0;
	text-decoration:none;
	width:30%;
	padding:10px 0;
	text-align:center;
	font-size:2.3vw;
	letter-spacing: 4px;
}

/*休業日calendar*/
.calendar_area2{
	width:80%;
	margin:0 auto;
}
#lax_calendar ul{
	width:100%;
}
#lax_calendar li{
	float:left;
	width:14.2%;
	line-height:250%;
	padding:0.5%;
	border:1px solid #999;
	border-width:0px 0px 1px 0px;
	text-align:center;
	font-size:2.5vw;
}
#lax_calendar .youbi{
	line-height:100%;
}
#lax_calendar .check{
	color:#333;
}
#lax_calendar .check_list{
	color:#000;
	font-weight:bold;
}
.lax_minan {
	color:#a0a0a0;
	text-decoration:none;
	width:33.3%;
	float:left;
	padding:10px 0;
	text-align:center;
	font-size:2vw;
	letter-spacing: 4px;
}
.lax_minan:hover {
	color:#FAD009;
}
.lax_mon{
	color:#a0a0a0;
	width:32%;
	float:left;
	padding:10px 0;
	text-align:center;
	font-size:2vw;
	letter-spacing: 4px;
}
.lax_puls {
	color:#a0a0a0;
	text-decoration:none;
	width:30%;
	float:right;
	padding:10px 0;
	text-align:center;
	font-size:2vw;
	letter-spacing: 4px;
}
.lax_puls:hover {
	color:#FAD009;
}


/*時間表*/
#reg_open_time select{
	width:100%;
	height:70px;
	font-size:200%;
}


/*カメラ*/
/*オリジナル*/
#sort li{
	float:left;
	padding:5px;
	
}
.kurasu{
	background-color:#DDD;
}
.cf {*zoom:1;}
.cf:after{
    content: ""; 
    display: block; 
    clear: both;}
.cf { display: inline-table; }
.clear{	clear:both;}
/* Hides from IE-mac \*/
* html .cf { height: 1%; }
.cf { display: block; }
/* End hide from IE-mac */









/**かめらのボタン */
 

.buttonlarge {
	background:#2997ff;
	color:#fff;
	text-decoration:none;
	border:1px solid #2997ff;
	width:40%;
	margin-left:10%;
	padding:10px 0;
	text-align:center;
	font-size:90%;
	float:left;
}
.buttonlarge img{
	position: absolute;
	left:20%;
}
.img_btn {
	position: relative;
  background-color: #ff85a7;
  width:60%;
  margin:20px auto 0px;
  text-align: center;
  text-decoration: none;
  font-size: 20px;
  -webkit-border-radius: 25px;
  padding: 15px 20px;
  display: block;
	text-shadow:none;
	color:#FFF;
}
.img_btn img{
	position: absolute;
	left:14%;
	width:30px;
}

.file {
	width:900px;
	margin:0 auto;
}

input[type="file"] {
	background:none;
	color:#2997ff;
	text-decoration:none;
	border:1px solid #2997ff;
	padding:50px 50px;
	text-align:center;
	width:900px;
	margin:0 auto;
	height:100%
}
.file input[type="file"]:active {
  background-color: #2997ff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  opacity: 0.6;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.buttonlarge:active {
  background-color: #1284ff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  opacity: 0.6;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.buttonlarge:disabled {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}
.buttonlarge:hover {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.buttonlarge:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
}
.mix #delete {
	font-size:28px;
}

/*お知らせページ*/
.push_btn_box .title{
	float:left;
	font-size:140%;
	font-weight:bold;
	margin:20px 0;
	width:200px;
}
.push_btn_box .btn{
	float:left;
	border-radius:5px;
	background:#0071bc;
	color:#fff;
	text-decoration:none;
	padding:5px 10px;
	text-align:center;
	width:150px;
	margin:20px 0;
}
#push_list{
	width: 100%;
	padding:0 0 20px 0;
	font-size: 12px;
	color: #666;
	background: #FFF;
}
#push_list .left{
	width:250px;
	color:#0071bc;
}
.push_message{
	padding:0px 20px 20px;
	word-break: break-all;
	font-size:100%;
	letter-spacing: 2px;
	vertical-align:top;
}
.push_message img{
}
#push_title {
	width:100%;
}
#push_massage {
	font-weight:bold;
	line-height:120%;
	padding:20px 0px 0px 20px;
	text-align:left;
	letter-spacing: 1px;
	width:100%;
}
#delete {
	color:#666;
	margin:0px 0px;
	border:1px solid #aaa;
	width:60px;
	padding:3px 0px;
	text-align:center;
	background:#eee;
	border-radius:6px;
}
.delete {
	color:#666;
	margin:0px 0px;
	border:1px solid #aaa;
	width:100px;
	padding:3px 0px;
	text-align:center;
	background:#eee;
	border-radius:6px;
}
.next_time{
	background:#ccc;
}
#delete img{
    width:100%;
    height:100%;
}
.push_box .data{
	font-size:8px;
	padding:3px 0 0 20px;
	color:#34a9db;
	letter-spacing: 1px;
}
.titleblock a{
	text-decoration:none;
}
.oshiraseback {
	background-color:#fff;
    height: auto;
    min-height: 100vh;
	width:100%;
}
.s_head {
    position: fixed;
    top:0;
	width:900px;
  left: 50%;
  transform: translate(-50%, 0%);
	z-index:2;
	color: #FFF;
	/*background-color:#f3bb72;*/
	padding-top:32px;
	height: 70px;
	text-shadow:none;
}
.s_head h1 {
	text-align: center;
	letter-spacing: 2px;
	font-size: 115%;
	font-weight:normal;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}


/*コンタクトページトークルーム*/

.contact_head {
    position: fixed;
    top:0;
	width:900px;
  left: 50%;
  transform: translate(-50%, 0%);
	z-index:1;
	color: #FFFFFF;
	background-color:#ff5b5c;
	padding-top:32px;
	height: 70px;
	text-shadow:none;
}

.contact_head h1{
	text-align: center;
	letter-spacing: 2px;
	font-size: 115%;
	font-weight:normal;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.contactback {
	width:100%;
	min-height:70%;
	padding-bottom:30%;
	padding-top:0px;
}
.contactback .contactbtn{
	float:right;
	width:30%;
	margin:5px 5px 0px 0px;
	background:#007aff;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	border-radius:15px;
	line-height:100%;
}
#contact_list li {
	margin:30px 10px;
	text-shadow:none;
	letter-spacing: 1px;
}
.h_icon {
	width:50px;
	height:50px;
	float:right;
}
.h_name{
	color:#666;
	text-align:right;
	padding-right:5px;
}
.h_message{
	background:#4dbdfd;
	border-radius:10px;
	padding:15px;
	word-break : break-all;
	position: relative;
	color:#fff;
	min-width:130px;
}
.h_time{
	color:#FFF;
	text-align:right;
	font-size:70%;
}
.h_area{
	float:right;
}
.e_icon {
	width:50px;
	height:50px;
	float:left;
}
.e_area{
	float:left;
	word-wrap:break-word;
}
.e_name{
	color:#666;
}

.e_message{
	background:#e6e7ec;
	border-radius:10px;
	padding:15px;
	text-shadow:none;
	word-break : break-all;
	position: relative;
	min-width:130px;
}
.e_time{
	color:#333;
	text-align:left;
	font-size:70%;
}
#pushbtn{
    position: fixed;
    bottom: 0;
    width: 900px;
  left: 50%;
  transform: translate(-50%, 0%);
	background-color:#f4f4f4;
	z-index:2;
    }
#pushbtn input{
	border-radius:10px;
	margin:5px;
	padding:10px 10px;
    }

/*ふきだし*/
.adminlist{
	width:90%;
	border-radius:10px;
	background:#e6e7ec;
	padding:10px;
	margin:5px;
	text-shadow:none;
	word-wrap:break-word;
	position: relative;
}


/*ユーザー登録ページ*/
#tourokumemo {
	padding-top:70px;
}
#tourokumenu {
	padding: 20px;
}
#saisettei {
	padding:20px;
}


/*バスマップページ*/
.bus_blcok{
	width:900px;
	margin:2% auto;
}
.bus_btn{
	width:31%;
	margin:1%;
	padding:5px;
	float:left;
	color:#fff;
	font-size:120%;
	height:210px;
	letter-spacing: 1px;
}
.bus_btn .icon{
	height:50%;
	padding-bottom:30px;
}
.bus_btn img{
	height:60px;
}
#map_log{
	margin-left:10px;
	font-size:80%;
	margin-bottom:10px;
}




/*管理者用ページ*/
#kanri_page table{
	margin:10px;
}
#kanri_page td{
	padding:10px;
	margin:0px;
	border:1px solid #333;
}

/*下メニュー管理者用*/
#kanri_menu ul{
	z-index:1;
    position: fixed;
    bottom: 0;
    width: 100%;
	background-color:#f4f4f4;
    }
#kanri_menu li{
		width:20%;
display:block;
float:left;
list-style-type:none;
text-align:center;
	background-color:#f4f4f4;
    }
#kanri_menu img{
	height:40px;
	padding:10px 0px 0px 0px;
    }
.kanri_f {
	padding-bottom:70px;
	text-align:center;
}
.kanrimenu_f {
	padding-bottom:40px;
}





/*チェックボックス*/
#form_box{
	width:900px;
	margin: 0 auto;
    border-radius: 0px;
}

#form_box label{
    margin:0px;
    padding:0px;
    border-radius: 0px;
}

#form_box input[type="checkbox"]{
    display: block;
    opacity : 0;  
    height: 100%;  
    padding: 0;
    margin: 0;
    border-radius: 0px;
}

#form_box input[type="checkbox"] + label{
    display: block;
    background:#fff URL(../img/check_off.png) no-repeat 97% center;
    background-size: 35px;
    padding: 10px 20px 10px 20px;
    margin:0px 0;
    color: #999;
    text-decoration: none;
    border-radius: 0px;
	border-top: none;
	border-bottom: 1px solid #ccc;
}

#form_box input[type="checkbox"]:checked + label{
    background: URL(../img/check_on.png) no-repeat 97% center;
    background-size: 35px;
    border-radius: 0px;
}
#event_checkbox, #form_box{
	border-top: 1px solid #ccc;
    border-radius: 0px;
}
#form_box li:last-child label{
    border-bottom:none;
    border-radius: 0px;
}

/*CheckBox（各種設定ページ）*/


#form_box input{
    display: block;
    background:#fff URL(../img/check_off.png) no-repeat 97% center;
    background-size: 35px;
    padding: 20px 20px 40px 20px;
    margin:0px 0;
    color: #999;
    text-decoration: none;
    border-radius: 0px;
}

#form_box input:checked{
    background: URL(../img/check_on.png) no-repeat 97% center;
    background-size: 35px;
    border-radius: 0px;
}



/*ラジオボタン*/
#class_check input[type="radio"] .ui-checkbox .ui-btn-icon-left .ui-btn-inner, .ui-radio .ui-btn-icon-left .ui-btn-inner {
	background:#fff;
    border-radius: 0px;
}
#class_check input[type="radio"] .ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner {
    white-space: normal;
    border-radius: 0px;
}
#class_check input[type="radio"] .ui-btn-icon-left .ui-btn-inner {
    padding-left: 40px;
    border-radius: 0px;
}
#class_check input[type="radio"] .ui-fullsize .ui-btn-inner, .ui-fullsize .ui-btn-inner {
    padding: 15px 60px;
    border-radius: 0px;
}
#class_check input[type="radio"] .ui-btn-inner {
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
#class_check input[type="radio"] .ui-btn-inner {
    font-size: 13px;
    padding: 0;
    display: block;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border:none;
}
#class_check input[type="radio"] .ui-btn-inner {
    border-top: 1px solid #fff;
    border-color: rgba(255,255,255,.3);
}
#class_check input[type="radio"] .ui-btn-inner {
}



















/*スライドメニュー*/
[data-role=sidemenu-container] {
  position: relative;
  width: 100%;
  min-height: 100%;
  transition: transform 400ms ease;
  -webkit-transition: -webkit-transform 400ms ease;
}

[data-sidemenu-dir=left].is-active {
  transform: translate3d(80%, 0, 0);
  -webkit-transform: translate3d(80%, 0, 0);
}

[data-sidemenu-dir=right].is-active {
  transform: translate3d(-80%, 0, 0);
  -webkit-transform: translate3d(-80%, 0, 0);
}

#sidemenu {
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 80%;
  background-color: #f4f4f4;
  padding-top:20%;
  font-size: 14px;
  transition: transform 400ms ease 0s;
  -webkit-transition: -webkit-transform 1ms ease 0s;
}

[data-sidemenu-dir=left] #sidemenu {
  left: 0;
  transform: translate3d(-100%, 0, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
}

[data-sidemenu-dir=right] #sidemenu {
  right: 0;
  transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
}

#sidemenu ul {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}

#sidemenu li {
}

#sidemenu a {
  display: block;
  padding: 12px 20px;
  color: #000000;
  text-decoration: none;
}

#sidemenu a:hover {
  color: #000000;
}

#sidemenu .divider {
  height: 20px;
}


/*ダイアログ*/
ons-alert-dialog {
	background:#fff;
	padding:15px;
	border-radius:20px;
}

#sidemenu i{
	padding:20px;
}
#sidemenu a{
	font-size:20px;
}


/*アラートダイアログ*/

.alert-dialog {
	letter-spacing: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  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;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 270px;
  margin: auto auto;
  background-color: rgba(255,255,255,1);
  -webkit-box-shadow: 0 2px 12px rgba(0,0,0,0.07);
  box-shadow: 0 2px 12px rgba(0,0,0,0.07);
  -webkit-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
  padding: 16px 0 0 0;
  max-width: 95%;
  color: #1f1f21;
	word-break : break-all;
}

.alert-dialog-mask {
  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;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.2);
}



/*ロード中画面*/
.load {
  z-index:100;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height:100%;
  margin: auto auto;
  background-color: rgba(125,125,125,0.8);
  -webkit-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
  text-align:center;
}

.load-mask {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: auto auto;
  color:#fff;
}

/*入力タイプナンバーの右側の矢印消し*/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance:textfield;
}


/*バスラジオボタン*/
input[type=radio] , input[type=checkbox]{
  display: none;
}

.radio , .checkbox{
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 8px 0px 8px 0px;
  padding: 12px 12px 12px 42px;
  border-radius: 8px;
  background-color: #fff;
  vertical-align: middle;
  cursor: pointer;
  float:left;
}
.radio:hover , .checkbox:hover{
  background-color: #e2edd7;
}
.radio:hover:after , .checkbox:hover:after{
  border-color: #53b300;
}
.radio:after, .checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 6px;
  content: '';
}

.radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  margin-top: -7px;
  margin-left: -2px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #53b300;
  content: '';
  opacity: 0;
}
input[type=radio]:checked + .radio:before {
  opacity: 1;
}
input[type=radio] {
  display: none;
}
.checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 21px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #53b300;
  border-bottom: 3px solid #53b300;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}

.cf .blue_btn{
	float:left;
	margin:10px 20px;
}

#syu_list .radio {
	width:15%;
  margin: 10px 0px;
}
#youbi_list .radio {
	width:12%;
  margin: 10px 0px;
}

#eigyou_box{
	padding:10px;
}
#reservation_log select{
	font-size:1.5vw;
	padding:5px 10px;
}
#eigyou_box table{
	width:100%;
}
#eigyou_box td{
	text-align:center;
	font-size:1.3vw;
}
#eigyou_box{
	background:#fff;
}
#eigyou_box li div{
	float:left;
	
}
#lax_day_set{
	background:#fff;
	width:90%;
}
#lax_day_set #day td{
	padding:10px 0 0 10px;
	font-size:1.6vw;
}
.pagination-holder{
	margin-top:10px;
}
.section_box{
	background:#fff;
	border-radius:15px;
	padding:2% 3%;
}