/* ------------------------------------------------

  	PHR�T�[�r�X�pCSS

  ---------------------------------------------- */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);


html { font-size: 62.5%; }
body.wb-layout-default,
body#wb-platform-simple3 {
	font-size:1.4rem;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	border:none;
	padding:3px;
}
.table { width: 95%; margin: 0 auto; }
.table > tbody > tr > th {
	width: 60px;
	border-left: 4px solid #d2d2d2;
	border-top: 4px solid #d2d2d2;
	background-color: #ffdc99;
}
.table > tbody > tr > td {
	border-right: 4px solid #d2d2d2;
	border-top: 4px solid #d2d2d2;
}
.item-name {
	font-size: 2.1rem;
}

ul, ol {
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 0;
	padding-left: 0;
}

.table, dl {
    margin-bottom: 0;
}
input:disabled{
	color:#000;
	}
input[type=radio] {
	margin: 0;
	line-height: normal;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding:3px;
}
.btn-lg, .btn-group-lg > .btn { font-size:1.1em; padding:10%; border-radius:0;}
.jumbotron{
	background:#fff;
	padding:0px;
	margin-bottom:0px;
}

.jumbotron p {
	font-weight: 200;
	word-wrap:break-word;
}
.jumbotron .container2 {
	max-width: 100%;
}

.container{ width:100%; margin: 0 auto; padding:0 1%;}
.container2{ padding:0px;}
.container-fluid {
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-left: 0;
    margin-right: 0;
}

.navbar-collapse {
	border-top: 1px solid transparent;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
	overflow-x: visible;
	padding-left: 0;
	padding-right: 0;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #FFBF93;
    color: #333;
}

.config_box2 .container .row div form {
	border-left: 4px solid #d2d2d2;
	border-right: 4px solid #d2d2d2;
	border-bottom: 4px solid #d2d2d2;
	margin-bottom: 50px;
	padding-top: 30px;
	padding-bottom: 20px;
}

#meal .config_box2 .container .row div form {
	border-left: 4px solid #d2d2d2;
	border-right: 4px solid #d2d2d2;
	border-bottom: 4px solid #d2d2d2;
	border-top: 4px solid #d2d2d2;
	margin-bottom: 50px;
	padding-top: 10px;
	padding-bottom: 20px;
}

#action_input .form-control::-moz-placeholder{color:#000;opacity:1}
#action_input .form-control:-ms-input-placeholder{color:#000}
#action_input .form-control::-webkit-input-placeholder{color:#000}

@media only screen and (max-width:768px) {
	.config_box2 td.wb-table-inner table td.text1,
	.config_box2 td.wb-table-inner table td.text2 {
		padding: 3px; min-width: 50px; height: 30px;
	}
	.config_box2 td.wb-table-inner table td.text1 div input,
	.config_box2 td.wb-table-inner table td.text2 div input{
		height: 45px; font-size: 1.8rem;
	}
	.config_box2 td.wb-table-inner table td {
		font-size: 0.7em;
	}
	.item-name {
		font-size: 0.9em;
	}
}

/* ----------- custom btn */

.btn-block {
    display: block;
    margin-bottom: 5%;
    width: 95%;
}

.btn-default {
	font-size:1.5em;
	padding:10px;
	border: 3px solid #d2d2d2;
	border-radius: 7px;
}

.register-btn-box {
	z-index: 999;
	display: block;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	margin: 0;
	background-color: #e6e6e6;
	border-top: 5px solid #d2d2d2;
}

.btn-primary {
	position: relative;
	z-index: 1;
	width: 93%;
	height: 60px;
	font-size:2em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-family:arial, helvetica, sans-serif;
	padding:10px;
	text-decoration:none;
	display:inline-block;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	font-weight:bold;
	color: #FFFFFF;
	border: 1px solid #e6e6e6;
	overflow: hidden;
	background-color: #ff5c00;
	background: url(../images/bg_btn_register_01c.png) repeat-x;
}

.btn-primary:hover { background-color: #ff5c00; }
.btn-primary:active:hover { background-color: #ff5c00; }
.btn-primary:active:focus { background-color: #ff5c00; }

.btn-primary:hover{
	border:1px solid #000;
}
.for-color-bg-01 {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	background: url(../images/bg_btn_register_01l.png) top left no-repeat;
	background-size: cover;
}
.for-color-bg-02 {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
	background: url(../images/bg_btn_register_01r.png) top left no-repeat;
	background-size: cover;
}
.for-color-bg-02 .fa { font-size: 1.5em; margin-top: 10%; }

@media only screen and (max-width:768px) {
	.for-color-bg-02 .fa { font-size: 2.0em; margin-top: 17%; }
	#device .for-color-bg-02 .fa { font-size: 1.5em; margin-top: 5%; }
	/*.for-color-bg-02 .fa { font-size: 1.5em; margin-top: 15%; }*/
	#wb-platform-simple3 .for-color-bg-02 .fa {
		font-size: 1.5em; margin-top: 15%;
	}
}

.btn-secondary {
	position: relative;
	z-index: 2;
	width: 93%;
	height: 60px;
	font-size:2em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-family:arial, helvetica, sans-serif;
	padding:10px;
	text-decoration:none;
	display:inline-block;
	font-weight:bold;
	color: #000000;
	border: 1px solid #e6e6e6;
	overflow: hidden;
	background-color: #ff5c00;
	background: url(../images/bg_btn_register_07c.png) repeat-x;
}

@media only screen and (max-width:768px) {
	.btn-primary {
		font-size:1.6em;
	}
	#wb-platform-simple3 #device .btn-primary {
		padding: 3px;
	}
	.btn-secondary {
		font-size:1.6em;
	}
	#wb-platform-simple3 #device .btn-secondary {
		padding: 3px;
	}
}
/*.btn-gray:hover{
	color:#FFF;
	background-color: #2e63a1;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#CCC), to(#BBB));
	background-image: -webkit-linear-gradient(top, #CCC, #BBB);
	background-image: -moz-linear-gradient(top, #CCC, #BBB);
	background-image: -ms-linear-gradient(top, #CCC, #BBB);
	background-image: -o-linear-gradient(top, #CCC, #BBB);
	background-image: linear-gradient(to bottom, #CCC, #BBB);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#CCC, endColorstr=#BBB);
}*/
.btn-gray-01 {
	display: none;
	position: relative;
	z-index: 1;
	width: 50%;
	height: 32px;
	text-indent: -20px;
	font-size:1.2em;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	font-family:arial, helvetica, sans-serif;
	padding:5px;
	text-decoration:none;
	display:inline-block;
	font-weight:bold;
	color: #000000;
	border: 1px solid #e6e6e6;
	overflow: hidden;
	background-color: #ff5c00;
	background: url(../images/bg_btn_register_02c_1.png) repeat-x;
}
.btn-gray-01:hover{
	border:1px solid #000;
}
.btn-gray-02 {
	display: block;
	position: relative;
	width: 50%;
	height: 47px;
	font-size:1.5em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:5px;
	text-decoration:none;
	font-weight:bold;
	color: #000000;
	margin: 0 auto;
	overflow: hidden;
	background-color: #c9cacb;
	background: url(../images/bg_btn_register_02c_2.png) repeat-x;
}
.btn-gray-02:hover{
	border:1px solid #000;
}
.for-color-bg-03 {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 7px;
	height: 32px;
	background: url(../images/bg_btn_register_02l.png) top left no-repeat;
	background-size: cover;
}
.for-color-bg-04 {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 32px;
	height: 32px;
	background: url(../images/bg_btn_register_02r.png) top left no-repeat;
	background-size: cover;
	text-indent: 0;
}
.for-color-bg-04 .fa-minus-circle { font-size: 1.4em; margin-top: 4px; color: #ffffff;}
.for-color-bg-05 {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 47px;
	background: url(../images/bg_btn_register_07l.png) top left no-repeat;
	background-size: cover;
}
.for-color-bg-06 {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 47px;
	height: 47px;
	background: url(../images/bg_btn_register_02r.png) top left no-repeat;
	background-size: cover;
}
.for-color-bg-06 .fa-plus-circle { font-size: 1.6em; margin-top: 5%; color: #ffffff; }


.btn-red {
	border:1px solid #C0504D;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius:4px;
	padding: 3%;
	text-decoration:none;
	color:#FFF;
	font-size: 1.3em;
	background: #cb3c39;
	background: -moz-linear-gradient(top,  #cb3c39 1%, #a4302d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#cb3c39), color-stop(100%,#a4302d));
	background: -webkit-linear-gradient(top,  #cb3c39 1%,#a4302d 100%);
	background: -o-linear-gradient(top,  #cb3c39 1%,#a4302d 100%);
	background: -ms-linear-gradient(top,  #cb3c39 1%,#a4302d 100%);
	background: linear-gradient(to bottom,  #cb3c39 1%,#a4302d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb3c39', endColorstr='#a4302d',GradientType=0 );
	box-shadow:rgba(0, 0, 0, 0.541176) 0px 2px 4px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.541176) 0px 2px 4px 1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.541176) 0px 2px 4px 1px;
}

.btn-red:hover,
.btn-red:focus,
.btn-red.focus,
.btn-red:active,
.btn-red.active,
.open > .dropdown-toggle.btn-red {
 background-color: #C0504D;
 color:#FFF;
}
.btn-red:active,
.btn-red.active,
.open > .dropdown-toggle.btn-red {
  background-image: none;
}
.btn-red.disabled,
.btn-red[disabled],
fieldset[disabled] .btn-red,
.btn-red.disabled:hover,
.btn-red[disabled]:hover,
fieldset[disabled] .btn-red:hover,
.btn-red.disabled:focus,
.btn-red[disabled]:focus,
fieldset[disabled] .btn-red:focus,
.btn-red.disabled.focus,
.btn-red[disabled].focus,
fieldset[disabled] .btn-red.focus,
.btn-red.disabled:active,
.btn-red[disabled]:active,
fieldset[disabled] .btn-red:active,
.btn-red.disabled.active,
.btn-red[disabled].active,
fieldset[disabled] .btn-red.active {
  background-color: #fff;
  border-color: #ccc;
}

.btn-red span.text{ display:inline-block; font-size:200%; margin-bottom:3%;}


.btn-blue {
	border:1px solid #3a7bc9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius:4px;
	padding: 3%;
	text-decoration:none;
	color:#FFF;
	font-size: 1.3em;
	background: #3a7bc9;
	background: -moz-linear-gradient(top,  #3a7bc9 0%, #2f62a1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a7bc9), color-stop(100%,#2f62a1));
	background: -webkit-linear-gradient(top,  #3a7bc9 0%,#2f62a1 100%);
	background: -o-linear-gradient(top,  #3a7bc9 0%,#2f62a1 100%);
	background: -ms-linear-gradient(top,  #3a7bc9 0%,#2f62a1 100%);
	background: linear-gradient(to bottom,  #3a7bc9 0%,#2f62a1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a7bc9', endColorstr='#2f62a1',GradientType=0 );
	box-shadow:rgba(0, 0, 0, 0.541176) 0px 2px 4px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.541176) 0px 2px 4px 1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.541176) 0px 2px 4px 1px;
}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue.focus,
.btn-blue:active,
.btn-blue.active,
.open > .dropdown-toggle.btn-blue {
background-color: #1F497D;
color:#FFF;
}
.btn-blue:active,
.btn-blue.active,
.open > .dropdown-toggle.btn-blue {
	background-image: none;
}
.btn-blue.disabled,
.btn-blue[disabled],
fieldset[disabled] .btn-blue,
.btn-blue.disabled:hover,
.btn-blue[disabled]:hover,
fieldset[disabled] .btn-blue:hover,
.btn-blue.disabled:focus,
.btn-blue[disabled]:focus,
fieldset[disabled] .btn-blue:focus,
.btn-blue.disabled.focus,
.btn-blue[disabled].focus,
fieldset[disabled] .btn-blue.focus,
.btn-blue.disabled:active,
.btn-blue[disabled]:active,
fieldset[disabled] .btn-blue:active,
.btn-blue.disabled.active,
.btn-blue[disabled].active,
fieldset[disabled] .btn-blue.active {
  background-color: #fff;
  border-color: #ccc;
}

.modal-footer {
    padding: 15px;
    text-align: center;
    border-top: 1px solid #e5e5e5;
}

@media only screen and (max-width:768px) {
	.modal-footer .btn-default{
	    font-size: 0.8em;
	}
}


.modal-footer .btn.btn-default, .modal-footer .btn.btn-primary {
	width: 30%;
	height: 60px;
}
#wb-patient-disclosure > div.bootbox.modal.fade.bootbox-confirm.in > div > div > div.modal-footer { width: 100%; padding-top: 10px; padding-bottom: 10px; }
#wb-patient-disclosure > div.bootbox.modal.fade.bootbox-confirm.in > div > div > div.modal-footer > button.btn { width: 45%; }

/* ------------------------------------------------
 	header
  ---------------------------------------------- */
header{ background:#333; color:#FFF; width:100%;}

.navbar {
    border-radius: 0;
    margin-bottom: 0;
    border: none;
}
.navbar-default {
	padding: 27px 0 2px 0;
	border-bottom: 2px solid #f4be5d;
}
.navbar h1{
	font-size:1.1em;
	color:#333;
	margin:0 2%;
	display: table;
	height: 55px;
}
.navbar h1 a {
	display: block;
	vertical-align: middle;
	margin-top: 10px;
}
.navbar img{
  max-height: 55px;
  max-width: 100%;
  padding: 3px;
}
.navbar h2{
	font-size:2em;
	font-weight: bold;
	text-align:center;
	width:100%;
	margin:20px auto;
	display:inline-block;
	position: absolute;
	color:#000;
	z-index:1;
}
.navbar-header { margin-top: -25px; background-color: #e6e6e6; }
.navbar a.back {
	font-size:1.5em;
	color:#989898;
	margin:14px 0 0 10px;
	position:absolute;
	z-index:4;
	border: 3px solid #d2d2d2;
	border-radius: 7px;
	background-color: #ffffff;
	padding: 5px 15px;
}
.navbar a.back:hover {
	text-decoration:none;
	color:#000;
}
.navbar-default .navbar-toggle {
	border: solid 1px #fff;
}
.navbar-toggle{
	border: 1px solid #FFF;
	margin-right:0;
}
.navbar-toggle .icon-bar {
    border-radius: 3px;
    display: block;
    height: 7px;
    width: 39px;
		margin-bottom: 6px;
}
.navbar-toggle .icon-bar:last-child {
		margin-bottom: 0;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #333;
}
.navbar-nav {
    margin: 0;
	width: 100%;

}
@media only screen and (max-width:768px) {
	.navbar-default .navbar-toggle {
		width: 40px;
		height: 40px;
		margin: 15px 10px 10px;
		padding: 0;
		padding-left: 7px;
	}
	.navbar-toggle .icon-bar {
	    border-radius: 2px;
	    display: block;
	    height: 5px;
	    width: 25px;
			margin-bottom: 3px;
	}
}

.nav > li {
	border-bottom: 1px dashed #eee;
	color:#333;
    float: left;
    width: 50%;
}

.nav > li:last-child {
	border-bottom: none;
}

.dropdown {
	z-index:99;
}
.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 1.4rem;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 160px;
    padding:0;
    position: absolute;
    right: 10px;
    text-align: left;
    top: 30px;
	left:auto;
    z-index: 1000;
}
.dropdown-menu li{
	border-bottom: 1px solid #ccc;
	background-color:#eee;
	color:#333;
	padding:4% 0;
	}

.dropdown-menu li:last-child {
	border-bottom: none;
}

@media only screen and (min-width:768px) {
	.navbar-toggle {
	  display:block;
	}
	.navbar-header {
	  float:none;
	}
	.navbar-collapse.collapse{
	  display:none !important;
	}
	.navbar-collapse.in {
	  display:block !important;
	}
}
.badge{
	position:absolute;
    right: 28px;
    top: 10px;
    background-color: #f00;
    border-radius: 20px;
    color: #fff;
    display:flex;
    font-size: 2.3rem;
    font-weight: normal;
    line-height: 1;
    min-width: 10px;
    padding: 4px 9px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
	z-index:100;
}

#wb-nav-tabs > li > a {
	color: #5c5c5f;
	font-size: 1.2em;
	font-weight: bold;
}
#wb-nav-tabs > li:nth-child(1) > a::after {
	display: inline-block;
	content: "a";
	margin-left: 10px;
	text-indent: -9999px;
	background-image: url(../images/icon_memo_off.png);
	background-size: cover;
	width: 25px;
	height: 25px;
}
#wb-nav-tabs > li:nth-child(2) > a::after {
	display: inline-block;
	content: "a";
	margin-left: 10px;
	text-indent: -9999px;
	background-image: url(../images/icon_list_off.png);
	background-size: cover;
	width: 25px;
	height: 25px;
}
#wb-nav-tabs > li:nth-child(3) > a::after {
	display: inline-block;
	content: "a";
	margin-left: 10px;
	text-indent: -9999px;
	background-image: url(../images/icon_chart_off.png);
	background-size: cover;
	width: 25px;
	height: 25px;
}

#wb-platform-simple3 #wb-nav-tabs > li > a::after {
	position: relative;
	top:0.4rem;
}


#wb-nav-tabs > li.active > a {
	color: #000000;
}
#wb-nav-tabs > li.active:nth-child(1) > a::after {
	background-image: url(../images/icon_memo.png);
}
#wb-nav-tabs > li.active:nth-child(2) > a::after {
	background-image: url(../images/icon_list.png);
}
#wb-nav-tabs > li.active:nth-child(3) > a::after {
	background-image: url(../images/icon_chart.png);
}
#medicinelist > div > div > #wb-table > div.row > div > nav > #wb-nav-tabs > li:nth-child(1) > a::after,
#medicinelist > div > div > #wb-table > div.row > div > nav > #wb-nav-tabs > li:nth-child(3) > a::after,
#medicineForm > div > div > #wb-table > div.row > div > nav > #wb-nav-tabs > li:nth-child(1) > a::after,
#medicineForm > div > div > #wb-table > div.row > div > nav > #wb-nav-tabs > li:nth-child(3) > a::after,
#medicinetaking > div > div > #wb-table > div.row > div > nav > #wb-nav-tabs > li:nth-child(1) > a::after,
#medicinetaking > div > div > #wb-table > div.row > div > nav > #wb-nav-tabs > li:nth-child(3) > a::after {
	display: inline-block;
	content: "a";
	margin-left: 10px;
	text-indent: -9999px;
	background-image: url(../images/icon_list_off.png);
	background-size: cover;
	width: 25px;
	height: 25px;
}
#medicinelist > div > div > #wb-table > div.row > div > nav > #wb-nav-tabs > li:nth-child(2) > a::after,
#medicineForm > div > div > #wb-table > div.row > div > nav > #wb-nav-tabs > li:nth-child(2) > a::after,
#medicinetaking > div > div > #wb-table > div.row > div > nav > #wb-nav-tabs > li:nth-child(2) > a::after{
	display: inline-block;
	content: "a";
	margin-left: 10px;
	text-indent: -9999px;
	background-image: url(../images/icon_memo_off.png);
	background-size: cover;
	width: 25px;
	height: 25px;
}
/* ----------- navbar media query */
@media only screen and (max-width:768px) {
	.navbar h2{
		font-size: 1.4em;
		margin:20px auto;
	}
	.navbar a.back {
		font-size:1.2em;
		margin:14px 0 0 10px;
		z-index:4;
		padding: 5px 15px;
	}
	#wb-nav-tabs > li > a {
		font-size: 1.0em;
		margin: 0;
		padding: 10px 0;
	}
	#wb-nav-tabs > li:nth-child(1) > a::after,
	#wb-nav-tabs > li:nth-child(2) > a::after,
	#wb-nav-tabs > li:nth-child(3) > a::after {
		margin-left: 5px;
		width: 21px;
		height: 21px;
	}
	#medicinelist > div > div > #wb-table > div.row > div > nav > #wb-nav-tabs > li:nth-child(1) > a::after,
	#medicinelist > div > div > #wb-table > div.row > div > nav > #wb-nav-tabs > li:nth-child(2) > a::after,
	#medicinelist > div > div > #wb-table > div.row > div > nav > #wb-nav-tabs > li:nth-child(3) > a::after,
	#medicineForm > div > div > div.row > div > nav > #wb-nav-tabs > li:nth-child(1) > a::after,
	#medicineForm > div > div > div.row > div > nav > #wb-nav-tabs > li:nth-child(2) > a::after,
	#medicineForm > div > div > div.row > div > nav > #wb-nav-tabs > li:nth-child(3) > a::after,
	#medicinetaking > div > div > #wb-table > div.row > div > nav > #wb-nav-tabs > li:nth-child(1) > a::after,
	#medicinetaking > div > div > #wb-table > div.row > div > nav > #wb-nav-tabs > li:nth-child(2) > a::after,
	#medicinetaking > div > div > #wb-table > div.row > div > nav > #wb-nav-tabs > li:nth-child(3) > a::after {
		width: 21px;
		height: 21px;
	}
	#medicineForm .btn.btn-gray-02 {
	    width: 90%;
			margin: 0 auto;
			margin-top: 10px;
	}
}
/* ------------------------------------------------
 	form
  ---------------------------------------------- */
.form-style-reset {
	border-radius: 0;
}
#cavi .config_box .container .row div nav form {
	border-radius: 0 0 10px 10px;
	border-left: 4px solid #d2d2d2;
	border-right: 4px solid #d2d2d2;
	border-bottom: 4px solid #d2d2d2;
	margin-bottom: 30px;
}

#specimen .config_box .container .row div form {
	border-radius: 0 0 10px 10px;
	border-left: 4px solid #d2d2d2;
	border-right: 4px solid #d2d2d2;
	border-bottom: 4px solid #d2d2d2;
	margin-bottom: 30px;
}

form hr { width: 95%; margin: 10px auto; border: 2px solid #c9cacb; }
.form-title {
	font-size: 2.4rem;
	font-weight: bold;
}
.form-input-title {
	font-size: 1.8rem;
	font-weight: bold;
}
.help-block { font-size: 1.2em; }
.help-block:before {
	display: inline-block;
	content: "a";
	text-indent: -9999px;
	background-image: url(../images/mark_caution.png);
	background-size: cover;
	width: 18px;
	height: 18px;
}
.mark-window:before {
	display: inline-block;
	content: "a";
	text-indent: -9999px;
	background-image: url(../images/mark_window.png);
	background-size: cover;
	width: 18px;
	height: 18px;
}
.form-input-unit {
	width: 45%;
	float: left;
	margin: 15px;
}
.form-input-block input { background-color: #ffeed8; }
.form-input-block select { background-color: #fafafa; }

.form-control{
	border-radius: 0px;
    font-size: 24px;
    height: 45px;
    padding: 6px 0px 6px 12px;
}

.weights-form-time:before {
	display: inline-block;
	content: "";
	text-indent: -9999px;
	background-image: url(../images/icon_time.jpg);
	background-size: cover;
	width: 36px;
	height: 36px;
	position: relative;
	top: 6px;
}

.weights-form-date:before {
	display: inline-block;
	content: "";
	text-indent: -9999px;
	background-image: url(../images/icont_measure.jpg);
	background-size: cover;
	width: 36px;
	height: 36px;
	position: relative;
	top: 6px;
}


#bp .col-md-12.col-xs-12.col-sm-12.wb-title,
#bs .col-md-12.col-xs-12.col-sm-12.wb-title,
#meal .col-md-12.col-xs-12.col-sm-12.wb-title,
#walk .col-md-12.col-xs-12.col-sm-12.wb-title,
#specimen .col-md-12.col-xs-12.col-sm-12.wb-title {
	padding-bottom: 50px;
}

#action_input .col-md-12.col-xs-12.col-sm-12.wb-title,
#cavi .col-md-12.col-xs-12.col-sm-12.wb-title {
	padding-bottom: 100px;
}

@media only screen and (max-width:768px) {
	.form-input-unit {
		width: 42%;
		margin: 10px;
	}

	#cavi .form-input-unit.form-cavi-age {
		width: 90%;
		margin: 10px;
	}
	#specimen .form-title {
		font-size: 1.2em;
		font-weight: normal;
	}
	#specimen .form-input-block {
		width: 100%;
	}
	#specimen > div > div > div > div > form > div > div.col-xs-10.col-md-10 {
		width: 60%;
	}
	.form-control{
		border-radius: 0px;
		font-size: 1.8rem;
		height: 45px;
	}

	.weights-form-time,
	.weights-form-date {
		font-size: 0.8em;
	}
	.weights-form-time:before {
		display: inline-block;
		content: "";
		text-indent: -9999px;
		background-image: url(../images/icon_time.jpg);
		background-size: cover;
		width: 16px;
		height: 16px;
		position: relative;
		top: 0px;
	}

	.weights-form-date:before {
		display: inline-block;
		content: "";
		text-indent: -9999px;
		background-image: url(../images/icont_measure.jpg);
		background-size: cover;
		width: 16px;
		height: 16px;
		position: relative;
		top: 0px;
	}
}
/* ------------------------------------------------
 	day
  ---------------------------------------------- */
#day a.btn {
	width:100%;
	height:50px;
}
#day a.day_date {
	font-size:1.8em;
	line-height: 0.9em;
}
#day a.day_date i { color: #ff5c00; }

a.day-prev {
	font-size:1.8em;
	text-align: center;
	line-height: 0.9em;
}
a.day-prev i { color: #ff5c00; }
a.day-next {
	font-size:1.8em;
	text-align: center;
	line-height: 0.9em;
}
a.day-next i { color: #ff5c00; }

/* ----------- day media query */
@media only screen and (max-width:768px) {
	#day a.btn {
		height:40px;
	}
	#day a.day_date, a.day-prev, a.day-next {
		font-size:1.2em;
	}
	a.day-prev { padding-left: 0; }
}

/* ----------- calendar_box */
#calendar_box {
	display:none;
	/*display: block;*/
	background-color: #f0eeee;
}
/*#calendar_box a.btn{
	font-size:0.8em;
}*/

#calendar_box .calendar-month tbody td {
	padding: 10px;
}
#calendar_box .calendar-month tbody td a {
	border: 4px solid #e8e6e6;
	border-radius: 30px;
	background-color: #ffffff;
	color: #000000;
}
#calendar_box .calendar-month tbody td a:hover,
#calendar_box .calendar-month tbody td a.active {
	background-color: #f8d096;
	border: 4px solid #f8d096;
	line-height: 1.0em;
}
#calendar_box a.btn {
	width: 200px;
	border: none;
	background-color: transparent;
	font-size: 1.2em;
}
#calendar_box a.btn:hover {
	color: #cccccc;
}
#calendar_box a.btn .fa-times {
	color: #f1602c;
}
#calendar_box a.btn:hover .fa-times {
	color: #fc0;
}
#calendar > table > thead > tr > td > a {
	font-size: 1.3em;
	color: #000000;
}
#calendar > table > thead > tr > td > a > .fa-arrow-circle-o-left {
	font-size: 2.0em;
	color: #f8a147;
}
#calendar > table > thead > tr > td > a > .fa-arrow-circle-o-right {
	font-size: 2.0em;
	color: #f8a147;
}

table.calendar {
    margin: 10px auto;
    width: 80%;
    max-width: 420px;
}

table.calendar thead th,
table.calendar thead td {
	padding:0 0 2px;
	text-align:center;
}
table.calendar thead th {
	font-size: 1.5em;
}

table.calendar tbody th,
table.calendar tbody td {
	width:10px;
	text-align:center;
	font-size: 1.5em;
}

table.calendar tbody td {
	color: #000000;
}
table.calendar tbody td a {
	display: block;
	margin: 5px auto;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border: 3px solid #e0dedf;
	background-color: #ffffff;
	padding-top: 7px;
	color: #000000;
}
table.calendar tbody td a:hover {
	background-color: #f8c895;
	border: 3px solid #f8c895;
	font-weight:bold;
}

table.calendar th.sun,
table.calendar td.sun {
	color:#d00;
}

table.calendar th.sat,
table.calendar td.sat {
	color:#00d;
}

table.calendar td.today a {
	background-color: #f8c895;
	border: 3px solid #f8c895;
	font-weight:bold;
}

table.table_area {
	margin-bottom:1.5em;
	width:100%;
}

table.table_area thead th {
	line-height:1em;
}


table.calendar a.prev,table.calendar a.next{
	font-size:1em;
}

@media only screen and (max-width:768px) {
	#calendar_box {
		width: 100%;
	}
	#calendar_box .calendar-month tbody td {
		padding: 0px;
		width: 10%;
	}
	#calendar_box .calendar-month tbody td a {
		border: 4px solid #e8e6e6;
		width: 90px;
		height: 40px;
		margin: 5px;
		border-radius: 20px;
		background-color: #ffffff;
		color: #000000;
		font-size: 0.8em;
	}
	table.calendar {
	    margin: 10px auto;
	    width: 100%;
			max-width: 420px;
	}
	table.calendar thead th {
		font-size: 1.2em;
	}
	table.calendar tbody th {
		width:10px;
		font-size: 1.0em;
	}
	table.calendar tbody td {
		width:10px;
		text-align:center;
		font-size: 1.0em;
	}
	table.calendar tbody td a {
		display: block;
		margin: 5px auto;
		width: 36px;
		height: 36px;
		border-radius: 18px;
		-webkit-border-radius: 18px;
		-moz-border-radius: 18px;
		border: 2px solid #e0dedf;
		padding-top: 6px;
	}
	table.calendar tbody td a:hover {
		background-color: #f8c895;
		border: 2px solid #f8c895;
		font-weight:bold;
	}
	table.calendar td.today a {
		background-color: #f8c895;
		border: 2px solid #f8c895;
		font-weight:bold;
	}

}

/* ------------------------------------------------
 	line chart
  ---------------------------------------------- */

#wb-table > div > div > div > div {
	border-top: none;
	border-left: 4px solid #d2d2d2;
	border-right: 4px solid #d2d2d2;
	border-bottom: 4px solid #d2d2d2;
}


/* ------------------------------------------------
 	main
  ---------------------------------------------- */

#main{ padding:2% ;}

/* ----------- news */

#news{
	text-align:center;
	padding:2% 0;
	border-bottom:1px solid #CCC;
	}
#news .container p{
	font-size:1.3em;
	margin-bottom:0px;
	}

.sub-title{ font-size:1.5em; margin-top: 0; border-bottom:1px solid #CCC; margin-bottom:10px; padding-bottom:1%;}
.sub-title-border{font-size:1.5em; margin-top: 0; border-bottom:1px solid #CCC; margin-bottom:10px; padding-bottom:5px; }
.sub-title-border span{border-left:10px solid #989898; padding-left: 10px;}

/* ----------- config */


#main h3{
	margin-top:0;
	margin-bottom:5px;
	font-weight:bold;
	color:#000;
	background:url(../images/bg_main01.png) no-repeat left;
	background-size:0.9em 0.9em;
	font-size:2.5em;
	padding-left:40px;
	}

.config_box{
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

/*.config_box .btn{ width:100%;}*/
.config_box .input{
	border-radius:1px;
	-webkit-border-radius:11px;
	-moz-border-radius:1px;
}


.config_box table {
}
.config_box table td.text1{
	vertical-align:middle;
	text-align:right;
	width:35%;
}
.config_box table td.text2{
	vertical-align:middle;
	text-align:left;
	width:35%
}
.config_box table td.input{
	width:35%
}
.config_box table td.input .btn{
	width:100%
}
.config_box table td,.config_box table th{
	vertical-align:middle;
	border-top:0px;
	font-size:2em;
	padding:0px;
}
.config_box table td .form-group{
	margin-bottom:0px;
}


/* ------------------------------------------------
 	login
  ---------------------------------------------- */
#wb-login > div > div:nth-child(1) > header > nav {
	background-color: #ffffff;
	border-bottom: 2px solid #898a8d;
	height: 100px;
}
#wb-login > div > div:nth-child(1) > header > nav > div > h1 > a {
}

.login_board { background-color: #f0eeee; }

#login{ background-color: #f0eeee; }
#login .btn{ width:100%;}

#login > div > form > div > label { font-size: 1.4em; }
#login > div > form > div > input { background-color: #f4e5d1; }
#login > div > p { font-size: 1.4em; }
#login > div > p > a { color: #1d479e; }

#login > div > p#to-description > a {
	display: block;
	width: 100%;
	height: 40px;
	border: 3px solid #e7e6e6;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	background-color: #ffffff;
	padding: 5px;
	color: #000000;
}
#login > div > p#to-description > a .fa {
	color: #f1602c;
}


#login > div > form > button {
	background: url(../images/bg_btn_register_06c.png) repeat-x;
	color: #000000;
}
#login > div > p.text-center.text18.mb30 { margin-bottom: 70px ;}

.for-color-bg-11 {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
	background: url(../images/bg_btn_register_01r.png) top left no-repeat;
	background-size: cover;
}
.for-color-bg-11::before {
	display: inline-block;
	content: "a";
	text-indent: -9999px;
	background-image: url(../images/bg_btn_register_04r.png);
	background-size: cover;
	width: 60px;
	height: 60px;
}
.for-color-bg-09 {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 59px;
	height: 59px;
	background: url(../images/bg_btn_register_05l.png) bottom left no-repeat;
	background-size: cover;
}
.for-color-bg-10 {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
	background: url(../images/bg_btn_register_01r.png) top left no-repeat;
	background-size: cover;
}
.for-color-bg-10::before {
	display: inline-block;
	content: "a";
	text-indent: -9999px;
	background-image: url(../images/bg_btn_register_06r.png);
	background-size: cover;
	width: 60px;
	height: 60px;
}
/* ----------- login media query */
@media only screen and (max-width:768px) {
	#login > div > p#to-description > a { font-size: 0.8em; }
	#login > div > p#to-description > a > .fa { font-size: 1.2em; }
	#login > div > p.text-center.text18.mb30 { margin-bottom: 30px ;}
	#login > div > a > span:nth-child(3) { margin-left: -50px; font-size: 0.9em; }
	.for-color-bg-01 {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 60px;
		height: 60px;
		background: url(../images/bg_btn_register_01_1l.png) top left no-repeat;
		background-size: cover;
	}
	#wb-login > div > div:nth-child(1) > header > nav {
		background-color: #ffffff;
		border-bottom: 2px solid #898a8d;
		height: 100px;
	}
}

/* ------------------------------------------------
 	login
  ---------------------------------------------- */

#error{}


/* ------------------------------------------------
 	group
  ---------------------------------------------- */
#group > div > div > form > div.form-group.has-feedback > label { font-size: 1.5em; }
#code1, #code2, #code3, #code4 { background-color: #ffeed8; }
#group .btn-primary { width: 49%; }
#group .btn-secondary { width: 49%; }

#group .for-color-bg-07 {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	background: url(../images/bg_btn_register_07l.png) top left no-repeat;
	background-size: cover;
}
#group .for-color-bg-08 {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
	background: url(../images/bg_btn_register_07r.png) top left no-repeat;
	background-size: cover;
}
#group .for-color-bg-08 .fa {
	margin-top: 8px;
	color: #ffffff;
	font-size: 1.4em;
	font-weight: bold;
}
#group .for-color-bg-07:hover {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	background-size: cover;
}
#group .for-color-bg-08:hover {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
	background-size: cover;
}

button.btn.btn-default.mb10.mt10 {
	height: 60px;
}

@media screen and (max-width: 760px) {
	#group button.btn.btn-secondary.mb10.mt10 {
		/*font-size: 18px;*/
		font-size: 1.4rem;
		text-align: left;
	}

	#group button.btn.btn-secondary.mb10.mt10 .text-cpr,
	#group button.btn.btn-primary.mb10.mt10 .text-cpr {
		text-align: center;
		padding-right: 45px;
	}

	#group .for-color-bg-08 .fa {
		margin-top: 15px;
		margin-left: 21px;
		color: #ffffff;
		font-size: 2.0em;
		font-weight: bold;
	}
	#group button.btn.btn-primary.mb10.mt10 {
		font-size: 1.3em;
		padding: 0px;
	}

	#group button.btn.btn-primary.mb10.mt10 .text-al {
		text-align: left;
	}

	#group button.btn.btn-primary.mb10.mt10 .text-alpl {
/*		text-align: left;
		padding-left: 10px;
*/
		text-align: center;
		padding-right: 30px;
	}

	#group button.btn.btn-primary.mb10.mt10 .text-alpl {
		text-align: center;
		padding-right: 30px;
	}

	#group .for-color-bg-02 .fa{
/*		margin-top: 8px;
		margin-left: 18px;
*/		color: #ffffff;
		font-size: 2.0em;
		font-weight: bold;
	}

	.register-btn-box button.btn.btn-primary.box49p {
		padding: 0px;
		padding-left: 20px;
	}

	.register-btn-box button.btn.btn-primary.box49p .text-al {
		text-align: left;
	}
		button.btn.btn-primary.box49p.mb10.mt10 {
		text-align: center;
		padding-right: 30px;
	}
}

/* ------------------------------------------------
 	group_edit
  ---------------------------------------------- */

#group_edit{}
#group_edit .btn{
	width:100%;
}


/* ------------------------------------------------
 	register
  ---------------------------------------------- */

#register{ border: none; }
#register div.container div.container{
	padding:4%;
}
#register img{
    width: inherit;
    max-width: 100%;
    height: auto;
}

.register-img{
	display:block;
}
.register-imgSP{
	display:none
}
#register table {
}
#register table th{
	background-color: #ffffff;
	width: 200px;
	text-align: right;
	padding: 0;
	padding-right: 20px;
}
#register table td.input{
	width:55%;
	padding-top:5px;
}
#register table td.input p {
	margin-bottom:0px;
	font-size:0.8em;
}
#register table select {
	width:50%;
}
#register > form > table > tbody > tr > td.input > div > input {
	background-color: #fceeda;
}
#register > form > table > tbody > tr > td:nth-child(3) { width: 20%; }
#register table td.input .btn{
	width:100%
}
#register table td,#register table th{
	vertical-align:middle;
	border:none;
	font-size:1.5em;
}
#register table td .form-group{
	margin-bottom: 0;
}

/*#register > form { margin-bottom: 50px; }*/


.btn-blue span.text{ display:inline-block; font-size:200%; margin-bottom:3%;}


dl.ColorRadio2 dd { white-space: nowrap; }
dl.ColorRadio2 dd li {
	position: relative;
	list-style: none;
}
dl.ColorRadio2 dd label {
	width:100%;
	height: 60px;
	text-align:center;
	background-color: #f8d096;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 12px;
	font-size: 1.2em;
	color: #000000;
	background: url(../images/bg_btn_register_07c.png) repeat-x;
}


#wb-platform-simple3 dl.ColorRadio2 dd label {
	width: 100%;
	height: 60px;
	background-color: #f8d096;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding-top: 5px;
	padding-left: 30px;
	font-size: 1.2em;
	color: #000000;
	background: url(../images/bg_btn_register_07c.png) repeat-x;
}

dl.ColorRadio2 dd label .fa {
	margin-top: 5px;
	font-size: 2.0em;
	color: #ffffff;
}

#wb-platform-simple3 dl.ColorRadio2 dd label .fa {
	margin-top: 5px;
	font-size: 1.3em;
	color: #ffffff;
}
dl.ColorRadio2 dd li input + label .for-color-bg-07 {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	background: url(../images/bg_btn_register_07l.png) top left no-repeat;
	background-size: cover;
}
dl.ColorRadio2 dd li input + label .for-color-bg-08 {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
	background: url(../images/bg_btn_register_07r.png) top left no-repeat;
	background-size: cover;
}
dl.ColorRadio2 dd li input:checked + label.male {
	height: 60px;
	color: #000000;
	background-color: #f1602c;
	background: url(../images/bg_btn_register_09c.png) bottom repeat-x;
}
dl.ColorRadio2 dd li input:checked + label.male .for-color-bg-07 {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	background: url(../images/bg_btn_register_09l.png) top left no-repeat;
	background-size: cover;
}
dl.ColorRadio2 dd li input:checked + label.male .for-color-bg-08 {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
	background: url(../images/bg_btn_register_09r.png) top left no-repeat;
	background-size: cover;
}
dl.ColorRadio2 dd li input:checked + label.female {
	height: 60px;
	color: #fff;
	background-color: #f1602c;
	background: url(../images/bg_btn_register_08c.png) bottom repeat-x;
}
dl.ColorRadio2 dd li input:checked + label.female .for-color-bg-07 {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	background: url(../images/bg_btn_register_08l.png) top left no-repeat;
	background-size: cover;
}
dl.ColorRadio2 dd li input:checked + label.female .for-color-bg-08 {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
	background: url(../images/bg_btn_register_08r.png) top left no-repeat;
	background-size: cover;
}


dl.ColorRadio2 dd li input[type="radio"] {
    opacity : 0;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0;
}

@media only screen and (max-width:768px) {
	dl.ColorRadio2 dd li input + label { text-align: left; }
	dl.ColorRadio2 dd li input + label.male .for-color-bg-07,
	dl.ColorRadio2 dd li input:checked + label.male .for-color-bg-07,
	dl.ColorRadio2 dd li input + label.female .for-color-bg-07,
	dl.ColorRadio2 dd li input:checked + label.female .for-color-bg-07 {
		background: none;
	}
	dl.ColorRadio2 dd li input + label .for-color-bg-08,
	dl.ColorRadio2 dd li input:checked + label .for-color-bg-08 {
		text-align: center;
	}
}


#register .btn{ width:49%;}


/* ------------------------------------------------
 	register_complete
  ---------------------------------------------- */

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

#register_complete div.container{ padding-bottom: 100px; }
#register_complete div.container div.container{
	border:1px solid #333;
	padding:4%;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
.register-img{
	display:block
}
.register-imgSP{
	display:none
}
#register_complete table {
}
#register_complete table td.input{
	width:55%;
	text-align:right;
	font-size:2.5em;
}
#register_complete table td.input2{
	width:55%;
	text-align:center;
	font-size:2.5em;
}
#register_complete table td.input2 span{
	font-size:0.65em;
}

#register_complete table td.input .btn{
	width:100%
}
#register_complete table td,#register table th{
	vertical-align:middle;
	border:none;
	font-size:1.5em;
}
#register_complete table td .form-group{
	margin-bottom:0px;
}

@media only screen and (max-width:768px) {
	#register_complete table td.input{
		width:55%;
		text-align:right;
		font-size:1.5em;
	}
	#register_complete table td.input2{
		width:55%;
		text-align:center;
		font-size:1.5em;
}
	#register_complete table td.input2 span{
		font-size:0.65em;
	}
}

.btn-blue span.text{ display:inline-block; font-size:200%; margin-bottom:3%;}


#register_complete .btn{ width:100%;}

/* ------------------------------------------------
 	dashboard
  ---------------------------------------------- */
#wb-patient-dashboard .navbar-default { background-color: #ffffff; border-bottom: 2px solid #898a8d;}
#wb-patient-dashboard .navbar-header { background-color: #ffffff; }
#dashboard{ margin-bottom:3%; padding:1%;}
#dashboard img{
    width: inherit;
    height: auto;
}
#dashboard .container2 p{
	font-size:1.3em;
	margin:2% 0 1% 2%;
	}
.row {
    margin-left: 0;
    margin-right: 0;
}
@media only screen and (max-width:768px) {
	#dashboard span.text {
		margin-top: 5px;
		font-size: 1.4em;
	}

	#wb-patient-dashboard .navbar-header a { display: block; margin-top: 10px; }
	#wb-patient-dashboard .navbar-header a img { max-height:55px; max-width: 95%; }
	#wb-patient-dashboard ul.dropdown-menu a { display: block; margin-top: 0px; }
}

.btn-orange {
	border:1px solid #FFAD76;
	box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.8) inset, 0 -3px 3px 0 rgba(0, 0, 0, 0.40) inset;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius:4px;
	font-size:1.2rem;
	font-family:arial, helvetica, sans-serif;
	padding: 2%;
	text-decoration:none;
	display:inline-block;
	text-shadow: 0 0 0 rgba(0,0,0,0.3);
	font-weight:bold; color: #000000;
	background-color: #FFBF93;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFBF93), to(#FF6D09));
	background-image: -webkit-linear-gradient(top, #FFBF93, #FF6D09);
	background-image: -moz-linear-gradient(top, #FFBF93, #FF6D09);
	background-image: -ms-linear-gradient(top, #FFBF93, #FF6D09);
	background-image: -o-linear-gradient(top, #FFBF93, #FF6D09);
	background-image: linear-gradient(to bottom, #FFBF93, #FF6D09);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFBF93, endColorstr=#FF6D09);
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange.focus,
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
	border:1px solid #ff832d;
	background-color: #ffa160; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffa160), to(#d55700));
	background-image: -webkit-linear-gradient(top, #ffa160, #d55700);
	background-image: -moz-linear-gradient(top, #ffa160, #d55700);
	background-image: -ms-linear-gradient(top, #ffa160, #d55700);
	background-image: -o-linear-gradient(top, #ffa160, #d55700);
	background-image: linear-gradient(to bottom, #ffa160, #d55700);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffa160, endColorstr=#d55700);
}
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
	background-image: none;
}
.btn-orange.disabled,
.btn-orange[disabled],
fieldset[disabled] .btn-orange,
.btn-orange.disabled:hover,
.btn-orange[disabled]:hover,
fieldset[disabled] .btn-orange:hover,
.btn-orange.disabled:focus,
.btn-orange[disabled]:focus,
fieldset[disabled] .btn-orange:focus,
.btn-orange.disabled.focus,
.btn-orange[disabled].focus,
fieldset[disabled] .btn-orange.focus,
.btn-orange.disabled:active,
.btn-orange[disabled]:active,
fieldset[disabled] .btn-orange:active,
.btn-orange.disabled.active,
.btn-orange[disabled].active,
fieldset[disabled] .btn-orange.active {
	background-color: #fff;
	border-color: #ccc;
}
.btn-orange .badge {
	color: #fff;
	background-color: #333;
}

.btn-orange span.text{ display:inline-block; font-size:200%; margin-bottom:3%;}

/*#sub-menu.container{ text-align:center; font-size:}*/



/* ------------------------------------------------
 	dashboard 2
  ---------------------------------------------- */

#dashboard2{ margin-bottom:3%; padding:1%;}
#dashboard2 .container2 p{
	font-size:1.3em;
	margin:2% 0 1% 2%;
}
.row {
  margin-left: 0;
  margin-right: 0;
}
.jumbotron-extra-bg { background-color: #f5f5f5; }
.btn-white {
	border:3px solid #eeeeee;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius:15px;
	font-size:1.2rem;
	font-family:arial, helvetica, sans-serif;
	padding: 8%;
	text-decoration:none;
	display:inline-block;
	text-shadow: 0px 0px 0 rgba(0,0,0,0.3);
	font-weight:bold;
	color: #000000;
	background-color: #FFFFFF;
}

.btn-white:hover,
.btn-white:focus,
.btn-white.focus,
.btn-white:active,
.btn-white.active,
.open > .dropdown-toggle.btn-white {
	border:3px solid #eeeeee;
	background-color: #f0f8ff;
}
.btn-white:active,
.btn-white.active,
.open > .dropdown-toggle.btn-white {
  background-image: none;
}
.btn-white.disabled,
.btn-white[disabled],
fieldset[disabled] .btn-white,
.btn-white.disabled:hover,
.btn-white[disabled]:hover,
fieldset[disabled] .btn-white:hover,
.btn-white.disabled:focus,
.btn-white[disabled]:focus,
fieldset[disabled] .btn-white:focus,
.btn-white.disabled.focus,
.btn-white[disabled].focus,
fieldset[disabled] .btn-white.focus,
.btn-white.disabled:active,
.btn-white[disabled]:active,
fieldset[disabled] .btn-white:active,
.btn-white.disabled.active,
.btn-white[disabled].active,
fieldset[disabled] .btn-white.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-white .badge {
  color: #fff;
  background-color: #333;
}

.btn-white img{ max-width:55%;}
.btn-white span{ display:block;}
.btn-white span.text{ display:inline-block; font-size:200%;}
@media screen and (min-width: 0px) and (max-device-width: 568px) {
 .btn-white span.text{ display:inline-block; font-size:170%;}
}

/*#sub-menu.container{ text-align:center; font-size:}*/




/* ------------------------------------------------
 	action
  ---------------------------------------------- */

#action div.container div.container{
	padding:4%;
    padding: 4%;
    padding-bottom: 75px;
}

#action table {
}
#action table td,#action table th{
	padding:0px;
}

#action table td.input{
	width:100%;
	padding-bottom:10px;
}
#action table td.input .btn{
	width:100%;
}
#action table td,#register table th{
	vertical-align:middle;
	border:none;
	font-size:1.5em;
}
#action table td .form-group{
	margin-bottom:0px;
}


#action .btn{ width:49%;}

#loading_container{
	display:none;
}
#loading{
	display:none;
    position: absolute;
    text-align: center;
    top: 45%;
    width: 100%;
}

#register-action-plan > form > div:nth-child(1) > ng-form > table > tbody > tr:nth-child(1) > th,
#register-action-plan > form > div:nth-child(2) > ng-form > table > tbody > tr:nth-child(1) > th,
#register-action-plan > form > div:nth-child(3) > ng-form > table > tbody > tr:nth-child(1) > th {
	background-color: #ffffff;
	border: none;
	font-size: 1.5em;
}
#register-action-plan > form > div:nth-child(1) > ng-form > table > tbody > tr:nth-child(2) > td > div > input,
#register-action-plan > form > div:nth-child(2) > ng-form > table > tbody > tr:nth-child(2) > td > div > input,
#register-action-plan > form > div:nth-child(3) > ng-form > table > tbody > tr:nth-child(2) > td > div > input {
	background-color: #ffeed8;
	height: 100px;
}

@media screen and (max-width: 768px) {
	#register-action-plan > form > div:nth-child(1) > ng-form > table > tbody > tr:nth-child(2) > td > div > input,
	#register-action-plan > form > div:nth-child(2) > ng-form > table > tbody > tr:nth-child(2) > td > div > input,
	#register-action-plan > form > div:nth-child(3) > ng-form > table > tbody > tr:nth-child(2) > td > div > input {
		height: 70px;
	}

}


/* ------------------------------------------------
 	action_input
  ---------------------------------------------- */
#action_input > div > div > form > div > ng-form > table {
	margin-bottom: 10px;
}
#action_input > div > div > form > div > ng-form > table > tbody > tr {
	background-color: #e9e5e6;
	width: 100%;
}
#disabledTextInput {
	background-color: #e9e5e6;
	border: #e9e5e6;
}
#action_input > div > div > form > div > ng-form > table > tbody > tr > td.ng-binding {
	background-color: #75767b;
	line-height: 1.0;
	font-size: 1.0em;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
}
#action_input > div > div > form {
	border-left: 4px solid #d2d2d2;
	border-right: 4px solid #d2d2d2;
	border-bottom: 4px solid #d2d2d2;
	padding: 20px;
}

#action_input .btn{ width:96%;}
#action_input div.row .btn{ width:100%;}

#action_input table td,#action_input table th{
	padding:2px;
}
#action_input table td.input{
	width:55%
}
#action_input table td.input .btn{
	width:100%
}
#action_input table td,#register table th{
	vertical-align:top;
	font-size:1.5em;
}
#action_input table td .form-group{
	/*margin-bottom:0px;*/
}

#action_input table td .form-control {
    background-image: none;
    /*border: 1px solid #ccc;*/
    border-radius: 4px;
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;*/
    color: #000;
    display: block;
    font-size: 2.0rem;
    height: 40px;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
#action_input p{
	margin:10px 0 0 0;
	font-size:1.25em;
	padding:2px;
	}
#action_input textarea{
	padding:2px;
	}

td.action-plan-status,
td.action-plan-status1,
td.action-plan-status2 {
    height: 50px;
    text-align: center;
}

/*td.action-plan-status::before {
	display: inline-block;
	content: "a";
	text-indent: -9999px;
	background-image: url(../images/icon_action_memo.png);
	background-size: cover;
	width: 40px;
	height: 26px;
}
*/
td.action-plan-status1::before {
	display: inline-block;
	content: "a";
	text-indent: -9999px;
	background-image: url(../images/btn_selection02_on.png);
	background-size: cover;
	width: 40px;
	height: 40px;
}

td.action-plan-status2::before {
	display: inline-block;
	content: "a";
	text-indent: -9999px;
	background-image: url(../images/btn_selection01_on.png);
	background-size: cover;
	width: 40px;
	height: 40px;
}
/* ------------------------------------------------
 	action_input
  ---------------------------------------------- */
#action_input .btn{ width:96%;}
#action_input div.row .btn{ width:100%;}

#action_input table td,#action_input table th{
	padding:2px;
}
#action_input table td.input{
	width:55%
}
#action_input table td.input .btn{
	width:100%
}
#action_input table td,#register table th{
	vertical-align:top;
	font-size:1.5em;
}
#action_input table td .form-group{
	/*margin-bottom:0px;*/
}

#action_input table td .form-control {
    background-image: none;
    border-radius: 4px;
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;*/
    color: #000;
    display: table-cell;
    font-size: 20px;
		vertical-align: middle;
		line-height: 1.0;
    height: 100%;
    /*min-height: 20px;
    /*padding: 6px 12px;*/
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 99%;
		margin: 10px 0 -10px 5px;
		padding: 0;
		overflow: hidden;
		border: 1px solid #e9e5e6;
}
#action_input p{
	margin:10px 0 0 0;
	font-size:1.25em;
	padding:2px;
	}
#action_input textarea{
	padding:2px;
	}
@media screen and (max-width: 768px) {
	#action_input table td .form-control {
		background-image: none;
		/*border: 1px solid #ccc;*/
		border-radius: 4px;
		/*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;*/
		color: #000;
		display: block;
		font-size: 0.8em;
		height: 55px;
		margin: 0 0 -15px 0;
		padding: 3px 5px;
		transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
		width: 100%;
	}
}
/* ----------- Selection btn */

dl.ColorRadio dd { /* A */
	white-space: nowrap;
	overflow:hidden;
	padding-top: 3px;
}
dl.ColorRadio dd li {
	position: relative;
	list-style: none;
	float:left;

}
dl.ColorRadio dd label {
	width:100%;
	text-align:center;
}

dl.ColorRadio dd label.Selection {
	display:inline-block;
	height: 50px;
	width: 50px;
	background-image: url(../images/btn_selection01.png);
	background-size: cover;
}
dl.ColorRadio dd label.unSelection {
	display:inline-block;
	height: 50px;
	width: 50px;
	background-image: url(../images/btn_selection02.png);
	background-size: cover;
}
dl.ColorRadio dd li input[type="radio"] {
    opacity : 0;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0;
}

dl.ColorRadio dd li input#Selection:checked + label {
background-image: url(../images/btn_selection01_on.png);
background-size: cover;
}

dl.ColorRadio dd li input#unSelection:checked + label {
background-image: url(../images/btn_selection02_on.png);
background-size: cover;
}

#action_input > div > div > form > div.form-group > textarea {
	background-color: #fae6d2;
	box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1) inset;
}

#action_input > div > div > form > p { font-size: 1.5em; font-weight: bold; }
#action_input > div > div > form > p::before {
	display: inline-block;
	content: "a";
	text-indent: -9999px;
	background-image: url(../images/icon_action_memo.png);
	background-size: cover;
	width: 40px;
	height: 26px;
}

/* ------------------------------------------------
 	meal
  ---------------------------------------------- */
#meal .btn{
	width:100%;
}

.config_box2 .btn{ width:100%;}
.config_box2 .input{
	border-radius:1px;
	-webkit-border-radius:11px;
	-moz-border-radius:1px;
}


.config_box2 table {
}

.config_box2 table th{
	font-size:1.3em;
}

.config_box2 table td.text1{
	vertical-align:middle;
	text-align:right;
	width:35%;
}
.config_box2 table td.text2{
	text-align:left;
	width:35%
}
.config_box2 table td.input{
	width:35%
}

.config_box2 table td.input textarea{
	height:100px;
	width:100%;
	font-size:0.7em;
}
.config_box2 table td.input .btn{
	width:100%
}
.config_box2 table td,.config_box table th{
	vertical-align:middle;
	border-top:0px;
	font-size:2em;
	padding:0px;
}
.config_box2 table td .form-group{
	margin-bottom:0px;
}
div.imgInput { max-height: 380px; }
div.imgInput .file_button {
	display: block;
	overflow: hidden;
	position: relative;
	width:328px;
	min-height: 160px;
	max-height: 328px;
	background-color: #ffffff;
	background-image: url(../images/bg_noimage.png);
	background-size: cover;
}
div.imgInput .file_button input[type="file"] {
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	width:328px;
	min-height: 160px;
	max-height: 328px;
	font-size: 10.0rem;
	cursor: pointer;
}
div.imgInput .meal_btn,div.imgInput2 .meal_btn,div.imgInput3 .meal_btn,div.imgInput4 .meal_btn,div.imgInput5 .meal_btn,div.imgInput6 .meal_btn{
	background:url(../images/bg_noimage.png) no-repeat;
	background-size: cover;
	width:328px;
	min-height: 160px;
	max-height: 328px;
	margin: 0;
	padding: 0;
}


div.imgInput div.content,div.imgInput2 div.content,div.imgInput3 div.content,div.imgInput4 div.content,div.imgInput5 div.content,div.imgInput6 div.content{
	position:relative
}

div.imgInput div.box,div.imgInput2 div.box,div.imgInput3 div.box,div.imgInput4 div.box,div.imgInput5 div.box,div.imgInput6 div.box{
	width:100%;  position:absolute; display: inline-block; overflow: hidden
}

div.imgInput div.photo,div.imgInput2 div.photo,div.imgInput3 div.photo,div.imgInput4 div.photo,div.imgInput5 div.photo,div.imgInput6 div.photo{
	top: 0px; left: 0px; right: 0px; bottom: 0px; position: relative;
}

#meal > div > div > div > div * { border: none; }
#meal > div > div > div > div > form > div > ng-form > table > tbody > tr { border: 4px solid #d2d2d2; }
#meal > div > div > div > div > form > div > ng-form > table > tbody > tr:nth-child(1) > td.input {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0;
}
#meal > div > div > div > div > form > div > ng-form > table > tbody > tr > td.input > div > textarea {
	border: 1px solid #ccc;
}
#meal > div > div > div > div > form > div > ng-form > table > tbody > tr > th {
	width: 5%;
	text-align: center;
	vertical-align: middle;
}
#meal > div > div > div > div > form > div > ng-form > table > tbody > tr > th > span {
	display: table-cell;
	width: 5px;
	height: 20px;
	text-align: center;
	padding-left: 30%;
	font-size: 1.2em;
}

#meal .btn-delete {
	font-size: 0.8em;
	margin-left: 0px;
}
#meal > div > div > div > div > form > div:nth-child(1) > ng-form > table > tbody > tr:nth-child(1) > th > span::before {
	display: inline-block;
	content: "a";
	text-indent: -9999px;
	background-image: url(../images/icon_morning.png);
	background-size: cover;
	width: 25px;
	height: 25px;
}
#meal > div > div > div > div > form > div:nth-child(2) > ng-form > table > tbody > tr:nth-child(1) > th > span::before {
	display: inline-block;
	content: "a";
	text-indent: -9999px;
	background-image: url(../images/icon_noon.png);
	background-size: cover;
	width: 25px;
	height: 25px;
}
#meal > div > div > div > div > form > div:nth-child(3) > ng-form > table > tbody > tr:nth-child(1) > th > span::before {
	display: inline-block;
	content: "a";
	text-indent: -9999px;
	background-image: url(../images/icon_night.png);
	background-size: cover;
	width: 25px;
	height: 25px;
}
#meal .btn#rowAdd {
	width: 70%;
	margin-top: 10px;
}
#meal > div > div > div > div > form > div:nth-child(4) > ng-form > table > tbody > tr:nth-child(1) > th > span::before,
#meal > div > div > div > div > form > div:nth-child(5) > ng-form > table > tbody > tr:nth-child(1) > th > span::before,
#meal > div > div > div > div > form > div:nth-child(6) > ng-form > table > tbody > tr:nth-child(1) > th > span::before,
#meal > div > div > div > div > form > div > ng-form > table > tbody > tr > th > span::before {
	display: inline-block;
	content: "";
	width: 25px;
	height: 25px;
}

#meal > div > div > div > div > form > div > ng-form > table > tbody > tr > td.text2 > span,
#meal > div > div > div > div > form > div > ng-form > table > tbody > tr > td.input > div > span,
#meal > div > div > div > div > form > div > ng-form > table > tbody > tr > td > table > tbody > tr > td {
	font-size: 0.8em;
	line-height: 1.0em;
}
#meal > div > div > div > div > form > div > ng-form > table > tbody > tr > td.text2 > span::before {
	display: inline-block;
	margin: 0 5px 0 0;
	content: "a";
	text-indent: -9999px;
	background-image: url(../images/icon_photo_upload.png);
	background-size: cover;
	width: 28px;
	height: 22px;
}
#meal > div > div > div > div > form > div > ng-form > table > tbody > tr > td.input > div > span::before {
	display: inline-block;
	margin: 0 3px 0 0;
	content: "a";
	text-indent: -9999px;
	background-image: url(../images/icon_action_memo.png);
	background-size: cover;
	width: 34px;
	height: 22px;
}

#meal .form-input-block {
	background-color: #ffeed8;
}

@media only screen and (max-width:768px) {
	#meal > div > div > div > div > form > div > ng-form > table > tbody > tr > th > span {
		padding-left: 0;
		font-size: 1.0em;
	}
	#meal > div > div > div > div > form > div > ng-form > table > tbody > tr > td.text2 > span,
	#meal > div > div > div > div > form > div > ng-form > table > tbody > tr > td.input > div > span {
		font-size: 0.6em;
		line-height: 0.7em;
	}
	#meal > div > div > div > div > form > div > ng-form > table > tbody > tr > td.text2 > span::before {
		width: 21px;
		height: 16px;
	}
	#meal > div > div > div > div > form > div > ng-form > table > tbody > tr > td.input > div > span::before {
		width: 21px;
		height: 13px;
	}
	div.imgInput { max-height: 320px; }
	div.imgInput .meal_btn,div.imgInput2 .meal_btn,div.imgInput3 .meal_btn,div.imgInput4 .meal_btn,div.imgInput5 .meal_btn,div.imgInput6 .meal_btn{
		background:url(../images/bg_noimage_sp.png) no-repeat;
		background-size: contain;
		width:100px;
		min-height: 100px;
		max-height: 300px;
		margin: 0;
		padding: 0;
		border: 1px solid #000;
	}
	.btn-delete { font-size: 0.5em; background-color: #cccccc; }
	div.imgInput .file_button {
		background:url(../images/bg_noimage_sp.png) no-repeat;
		background-size: contain;
		width: 100%;
		min-height: 100px;
		max-height: 300px;
	}
	div.imgInput .file_button input[type="file"] {
		width:100px;
		min-height: 100px;
		max-height: 300px;
	}
}

/* ------------------------------------------------
 	blood_pressures
  ---------------------------------------------- */
#bp .bp-22 > th { border-bottom: 4px solid #d2d2d2; }
#bp .bp-22 > td { border-bottom: 4px solid #d2d2d2; }
#bp > div > div > div > div > form > div > ng-form > table > tbody > tr > th {
	width: 8%;
	text-align: center;
	vertical-align: middle;
}
#bp > div > div > div > div > form > div > ng-form > table > tbody > tr > th > span {
	display: table-cell;
	width: 5px;
	height: 20px;
	text-align: center;
	padding-left: 30%;
	font-size: 1.2em;
}
#bp .bp-11 th span::before,
#bp .bp-12 th span::before {
	display: inline-block;
	content: "a";
	text-indent: -9999px;
	background-image: url(../images/icon_morning.png);
	background-size: cover;
	width: 25px;
	height: 25px;
}
#bp .bp-21 th span::before,
#bp .bp-22 th span::before {
	display: inline-block;
	content: "a";
	text-indent: -9999px;
	background-image: url(../images/icon_night.png);
	background-size: cover;
	width: 25px;
	height: 25px;
}
@media only screen and (max-width:768px) {
	#bp > div > div > div > div > form > div > ng-form > table > tbody > tr > th > span {
		display: table-cell;
		height: 20px;
		padding-left: 5%;
		font-size: 1.0em;
	}
}
#wb-table > div > div > div > table > tbody.ng-scope > tr:nth-child(1) > th { background-color: transparent; }
#wb-table > div > div > div > table > tbody.ng-scope > tr:nth-child(1) > th:nth-child(1),
#wb-table > div > div > div > table > tbody.ng-scope > tr:nth-child(1) > th:nth-child(2) {
	text-align: center;
	width: 10%;
}
#wb-table > div > div > div > table > tbody.ng-scope > tr:nth-child(2) > td.padding-none > ul > li.medicinelist-title {
	padding: 5px;
	font-weight: bold;
	text-align: left;
}
#wb-table > div > div > div > table > tbody.ng-scope > tr > td.padding-none > ul > li {
	list-style-type: none;
	line-height: 2em;
	padding-left: 10px;
}

.panel.panel-default {
    border: 0px;
}

#cavi #wb-table > div > div > div > #wb-cavi-chart {
    border-top: 0px;
    border-left: 4px solid #d2d2d2;
    border-right: 4px solid #d2d2d2;
    border-bottom: 4px solid #d2d2d2;
}

#cavi #wb-table > div > div > div > div {
    border-top: 4px solid #d2d2d2;
    border-left: 4px solid #d2d2d2;
    border-right: 4px solid #d2d2d2;
    border-bottom: 4px solid #d2d2d2;
}

#cavi #wb-table .ng-binding {
	display: none;
}


#medicinetaking td.medicinetaking-none,
#medicinetaking td.medicinetaking-part,
#medicinetaking td.medicinetaking-all {
	text-align: center;
}
#medicinetaking td.medicinetaking-none::before {
	display: inline-block;
	content: "a";
	text-indent: -9999px;
	background-image: url(../images/icon_meidicinetaking-none.png);
	background-size: cover;
	width: 32px;
	height: 25px;
}

#medicinetaking td.medicinetaking-part::before {
	display: inline-block;
	content: "a";
	text-indent: -9999px;
	background-image: url(../images/icon_medicinetaking-part.png);
	background-size: cover;
	width: 32px;
	height: 25px;
}

#medicinetaking td.medicinetaking-all::before {
	display: inline-block;
	content: "a";
	text-indent: -9999px;
	background-image: url(../images/icon_medicinetaking-all.png);
	background-size: cover;
	width: 25px;
	height: 25px;
}

#wb-platform-simple3 #medicinetaking td.medicinetaking-none,
#wb-platform-simple3 #medicinetaking td.medicinetaking-part,
#wb-platform-simple3 #medicinetaking td.medicinetaking-all {
	position: relative;
	top: 5px;
}


@media only screen and (max-width:768px) {
	.table > tbody > tr.medicinelist-title > th {
			width: auto;
	}
}
/* ----------- Selection btn */

dl.ColorRadio3 dd {
	white-space: nowrap;
	overflow:hidden;
}
dl.ColorRadio3 dd li {
	position: relative;
    list-style: none;
	float:left;

}
dl.ColorRadio3 dd label{
	width:100%;
	text-align:center;
	}

dl.ColorRadio3 dd label.Selection {
    background: #C7DFFE;
    color:#FFF;
	border:5px solid #989898;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius:4px;
	font-size:0.85em;font-family:arial, helvetica, sans-serif;
	text-decoration:none;
	display:inline-block;
	font-weight:bold;
    font-size: 1.0em;
    font-weight: bold;
    height: 50px;
    padding: 6px;
    text-decoration: none;
    width: 50px;
}
dl.ColorRadio3 dd label.unSelection {
    background: #FDD4D6;
    color:#FFF;
	border:5px solid #989898;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius:4px;
	font-size:0.85em;font-family:arial, helvetica, sans-serif;
	text-decoration:none;
	display:inline-block;
	font-weight:bold;
    font-size: �Q.0em;
    font-weight: bold;
    height: 50px;
    padding: 6px;
    text-decoration: none;
    width: 50px;
}
dl.ColorRadio3 dd li input[type="radio"] {
    opacity : 0;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0;
}
dl.ColorRadio3 dd li input#Selection:checked + label {
	color: #fff;
	background-color: #4180D5;
	border:5px solid #1D2088;
    height: 132px;
    padding-top: 51px;
}

dl.ColorRadio3 dd li input#unSelection:checked + label {
	color: #fff;
	background-color: #F29C9F;
	border:5px solid #F00;
    height: 132px;
    padding-top: 51px;
}


dl.ColorRadio3 dd {
	white-space: nowrap;
	overflow:hidden;
}
dl.ColorRadio3 dd li {
	position: relative;
    list-style: none;
	float:left;
	font-size: 1.5em;
}
dl.ColorRadio3 dd label{
	width:100%;
	text-align:center;
	}

dl.ColorRadio3 dd label.Selection {
    background: #C7DFFE;
    color:#FFF;
	border:5px solid #989898;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius:4px;
	font-family:arial, helvetica, sans-serif;
	text-decoration:none;
	display:inline-block;
	font-weight:bold;
    font-size: 1.0em;
    font-weight: bold;
    height: 132px;
    padding-top: 45px;
    text-decoration: none;
    width: 50px;
}
dl.ColorRadio3 dd label.unSelection {
    background: #FDD4D6;
    color:#FFF;
	border:5px solid #989898;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius:4px;
	font-family:arial, helvetica, sans-serif;
	text-decoration:none;
	display:inline-block;
	font-weight:bold;
    font-size: 1.0em;
    font-weight: bold;
    height: 132px;
    padding-top: 45px;
    text-decoration: none;
    width: 50px;
}

dl.ColorRadio3 dd li input[type="radio"] {
    opacity : 0;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0;
}
dl.ColorRadio3 dd li input#Selection:checked + label {
	color: #fff;
	background-color: #4180D5;
	border:5px solid #1D2088;
    height: 132px;
    padding-top: 45px;
}

dl.ColorRadio3 dd li input#unSelection:checked + label {
	color: #fff;
	background-color: #D54141;
	border:5px solid #881D1D;
	height: 132px;
	padding-top: 45px;
	display:block;
}

/* ------------------------------------------------
 	config/delivery
  ---------------------------------------------- */

#config > div > div > p { font-size: 1.5em; }
#config .container .container { border: none; padding: 0; }
#config > div > div > div > form > div {
	background-color: #f0eeee;
	padding: 3%;
	margin-bottom: 10px;
}
/*#config > div > div > div > form > div > div { border: 1px solid #000; padding: 0; }*/
#config > div > div > div > form > div > div > p {
	font-size: 2.0em;
	font-weight: bold;
	margin: 0;
	text-align: left;
	line-height: 1.0em;
}
#config > div > div > div > form > div > div > p > span { font-size: 0.8em; font-weight: normal; }

#config > div > div > div > form > div > div:nth-child(2) > div > button.btn { position: absolute; border: none; }
#config > div > div > div > form > div > div:nth-child(2) > div > button.btn.btn-default {display: none; }
#config > div > div > div > form > div > div:nth-child(2) > div > button.btn.active.btn-primary:first-child {
	background: none;
	text-indent: -9999px;
	height: 45px;
	width: 120px;
	-webkit-border-radius: 23px;
	-moz-border-radius:  23px;
	border-radius:  23px;
	background-image: url(../images/bg_btn_slide_toggle_on.png);
	background-size: cover;
}
#config > div > div > div > form > div > div:nth-child(2) > div > button.btn.active.btn-primary:nth-child(2) {
	background: none;
	text-indent: -9999px;
	height: 45px;
	width: 120px;
	-webkit-border-radius: 23px;
	-moz-border-radius:  23px;
	border-radius:  23px;
	background-image: url(../images/bg_btn_slide_toggle_off.png);
	background-size: cover;
}

@media only screen and (max-width:768px) {
	#config > div > div > p { font-size: 1.2em; }
	#config > div > div > div > form > div > div > p { font-size: 1.2em; line-height: 1.0em; }
	#config > div > div > div > form > div > div:nth-child(2) > div > button.btn.active.btn-primary:first-child {
		height: 30px;
		width: 80px;
		-webkit-border-radius: 15px;
		-moz-border-radius:  15px;
		border-radius:  15px;
	}
	#config > div > div > div > form > div > div:nth-child(2) > div > button.btn.active.btn-primary:nth-child(2) {
		height: 30px;
		width: 80px;
		-webkit-border-radius: 15px;
		-moz-border-radius:  15px;
		border-radius:  15px;
	}
	#config > div > div > div > form > div > div:nth-child(odd) { width: 70%; padding-top: 10px; }
	#config > div > div > div > form > div > div:nth-child(even) { width: 30%; }

	#wb-platform-simple3 .config_box2 td.wb-table-inner table {
		width: 100%;
	}
}



/* ------------------------------------------------
 	footer
  ---------------------------------------------- */

.copylight{ width:100%; margin:0px auto 10px; text-align:center; border-top:1px solid #CCC; padding-top:10px;}

.advertisement{ background-color: #f8f8f8; padding:1% 0; text-align:center;}
.advertisement img{
  max-width: 100%;
}
.advertisement p{
	font-size:1.3em;
	margin-bottom:0px;
	}


section#top{ color:#FFF;}
.top-logo{ text-align:center;}
.top-logo img{ max-width:202px;}
.top-bg{ background:url(../images/test_bg.jpg) no-repeat; background-size: cover;}
.top-txt{ width:100%; text-align:center; margin:5% auto; color:#FFF;}
h2.top { font-size: 8em; font-weight:normal; margin-bottom:5%;}
h3.top { font-size: 4em;}
h4.top{ margin-bottom:7%;}




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


}

@media only screen and (max-width:768px){
	.register-img{ display:none;}
	.register-imgSP{ display:block}
	.btn-block {
		display: block;
		margin:0;
		width:100%;
	}
}

/* ------------------------------------------------
 	bp
  ---------------------------------------------- */
#bp .btn{
	width:100%;
}

.count-btn-box { width:98%; margin:0 auto; overflow:hidden;}
.count-btn-box .btn{
	width:100%;
	font-size:2em;
}

.count-btn{
	color:#000;
	background: #ffffff;
	background-image: -webkit-linear-gradient(top, #F8F8F8, #D3D3D3);
	background-image: -moz-linear-gradient(top, #F8F8F8, #D3D3D3);
	background-image: -ms-linear-gradient(top, #F8F8F8, #D3D3D3);
	background-image: -o-linear-gradient(top, #F8F8F8, #D3D3D3);
	background-image: linear-gradient(to bottom, #F8F8F8, #D3D3D3);
	box-shadow: 0px 3px 0px #6C6C6C, 0px 3px 4px #FFF inset;
	-webkit-box-shadow: 0px 3px 0px #6C6C6C, 0px 3px 4px #FFF inset;
	-moz-box-shadow: 0px 3px 0px #6C6C6C, 0px 3px 4px #FFF inset;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	padding:2px;
	border: solid #cdcecf 0px;
	text-decoration: none;
}
.count-btn:hover {
	color: #ffffff;
	background: #919191;
	background-image: -webkit-linear-gradient(top, #919191, #646464);
	background-image: -moz-linear-gradient(top, #919191, #646464);
	background-image: -ms-linear-gradient(top, #919191, #646464);
	background-image: -o-linear-gradient(top, #919191, #646464);
	background-image: linear-gradient(to bottom, #919191, #646464);
	box-shadow: 0px 3px 0px #3E3E3E, 0px 3px 4px #CCC inset;
	-webkit-box-shadow: 0px 3px 0px #3E3E3E , 0px 3px 4px #CCC inset;
	-moz-box-shadow: 0px 3px 0px #3E3E3E , 0px 3px 4px #CCC inset;
	text-decoration: none;
}
.count-btn-active{
	background: #919191;
	background-image: -webkit-linear-gradient(top, #919191, #646464);
	background-image: -moz-linear-gradient(top, #919191, #646464);
	background-image: -ms-linear-gradient(top, #919191, #646464);
	background-image: -o-linear-gradient(top, #919191, #646464);
	background-image: linear-gradient(to bottom, #919191, #646464);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	box-shadow: 0px 3px 0px #3E3E3E, 0px 3px 4px #CCC inset;
	-webkit-box-shadow: 0px 3px 0px #3E3E3E , 0px 3px 4px #CCC inset;
	-moz-box-shadow: 0px 3px 0px #3E3E3E , 0px 3px 4px #CCC inset;
	color: #ffffff;
	border: solid #cdcecf 0px;
	text-decoration: none;

}
.count-btn-active:hover {
	background: #ffffff;
	background-image: -webkit-linear-gradient(top, #F8F8F8, #D3D3D3);
	background-image: -moz-linear-gradient(top, #F8F8F8, #D3D3D3);
	background-image: -ms-linear-gradient(top, #F8F8F8, #D3D3D3);
	background-image: -o-linear-gradient(top, #F8F8F8, #D3D3D3);
	background-image: linear-gradient(to bottom, #F8F8F8, #D3D3D3);
	text-decoration: none;
	box-shadow: 0px 3px 0px #6C6C6C, 0px 3px 4px #FFF inset;
	-webkit-box-shadow: 0px 3px 0px #6C6C6C, 0px 3px 4px #FFF inset;
	-moz-box-shadow: 0px 3px 0px #6C6C6C, 0px 3px 4px #FFF inset;
}

.nav-pills{
	margin: 2%;
	width: 97%;
}
.nav-pills > li + li {
    margin-left:0;
}

.nav-pills > li{
	font-size:2em;
	color:#000;
	background: #ffffff;
	background-image: -webkit-linear-gradient(top, #F8F8F8, #D3D3D3);
	background-image: -moz-linear-gradient(top, #F8F8F8, #D3D3D3);
	background-image: -ms-linear-gradient(top, #F8F8F8, #D3D3D3);
	background-image: -o-linear-gradient(top, #F8F8F8, #D3D3D3);
	background-image: linear-gradient(to bottom, #F8F8F8, #D3D3D3);
	box-shadow: 0px 3px 0px #6C6C6C, 0px 3px 4px #FFF inset;
	-webkit-box-shadow: 0px 3px 0px #6C6C6C, 0px 3px 4px #FFF inset;
	-moz-box-shadow: 0px 3px 0px #6C6C6C, 0px 3px 4px #FFF inset;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	border: solid #cdcecf 0px;
	text-decoration: none;
	width:24%;
	margin:1% 1% 0 0;

}
.nav-pills > li a{
	color:#000;
	padding: 4%;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background:none;
    color: #fff;
}
.nav-pills > li.active {
	background: #919191;
	background-image: -webkit-linear-gradient(top, #919191, #646464);
	background-image: -moz-linear-gradient(top, #919191, #646464);
	background-image: -ms-linear-gradient(top, #919191, #646464);
	background-image: -o-linear-gradient(top, #919191, #646464);
	background-image: linear-gradient(to bottom, #919191, #646464);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	box-shadow: 0px 3px 0px #3E3E3E, 0px 3px 4px #CCC inset;
	-webkit-box-shadow: 0px 3px 0px #3E3E3E , 0px 3px 4px #CCC inset;
	-moz-box-shadow: 0px 3px 0px #3E3E3E , 0px 3px 4px #CCC inset;
	color: #ffffff;
	border: solid #cdcecf 0px;
	text-decoration: none;
}



/* ------------------------------------------------
 	bs
  ---------------------------------------------- */
#bs .btn{
	width:100%;
}
#bs > div.jumbotron.config_box > div > div > div > form {
	margin-top: -10px;
	margin-bottom: 30px;
	padding-top: 20px;
	border-left: 4px solid #d2d2d2;
	border-right: 4px solid #d2d2d2;
	border-bottom: 4px solid #d2d2d2;
}
#bs > div > div > div > div > form > div:nth-child(1) > ng-form > table > tbody > tr:nth-child(2) > td.text1 > span::before {
	display: inline-flex;
	content: "";
	margin-right: 10px;
	background-image: url(../images/icon_morning.png);
	background-size: contain;
	width: 30px;
	height: 30px;
}
#bs > div > div > div > div > form > div:nth-child(3) > ng-form > table > tbody > tr:nth-child(2) > td.text1 > span::before {
	display: inline-flex;
	content: "";
	margin-right: 10px;
	background-image: url(../images/icon_noon.png);
	background-size: contain;
	width: 30px;
	height: 30px;
}
#bs > div > div > div > div > form > div:nth-child(5) > ng-form > table > tbody > tr:nth-child(2) > td.text1 > span::before,
#bs > div > div > div > div > form > div:nth-child(7) > ng-form > table > tbody > tr:nth-child(2) > td.text1 > span::before {
	display: inline-flex;
	content: "";
	margin-right: 10px;
	background-image: url(../images/icon_night.png);
	background-size: contain;
	width: 30px;
	height: 30px;
}
@media only screen and (max-width: 768px) {
	.config_box table td, .config_box table th {
		font-size: 1.8rem;
	}
	.config_box table td.text1 { width: 40%; }
	.config_box table td.input div input { height: 45px; }
	#bs > div > div > div > div > form > div:nth-child(1) > ng-form > table > tbody > tr:nth-child(2) > td.text1 > span::before {
		width: 20px;
		height: 20px;
	}
	#bs > div > div > div > div > form > div:nth-child(3) > ng-form > table > tbody > tr:nth-child(2) > td.text1 > span::before {
		width: 20px;
		height: 20px;
	}
	#bs > div > div > div > div > form > div:nth-child(5) > ng-form > table > tbody > tr:nth-child(2) > td.text1 > span::before,
	#bs > div > div > div > div > form > div:nth-child(7) > ng-form > table > tbody > tr:nth-child(2) > td.text1 > span::before {
		width: 20px;
		height: 20px;
	}
}

/* ------------------------------------------------
 	medicine
  ---------------------------------------------- */

#medicine{}
#medicine div.container .config_box{
	/*border:5px solid #ffcc00;*/
	/*padding:4%;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;*/
}
#medicine_box li{ list-style:none;}
#medicine table {
}
#medicine table td,#medicine table th{
	padding:0px;
}

#medicine table td.input{
	width:100%;
	padding-bottom:10px;
}
#medicine table td.input .btn{
	width:100%;
}
#medicine table td,#medicine table th{
	vertical-align:middle;
	border:none;
	font-size:1.5em;
}
#medicine table td .form-group{
	margin-bottom:0px;
}


#medicine .btn{ width:49%;}

#medicine table {
}
#medicine table td.input{
	width:55%;
	padding-top:5px;
}
#medicine table td.input p{
	margin-bottom:0px;
	font-size:0.8em;
}
#medicine table select {
	width:50%;
}

#medicine table td.input .btn{
	width:100%
}
#medicine table td,#register table th{
	vertical-align:middle;
	border:none;
	font-size:1.5em;
}
#medicine table td .form-group{
	margin-bottom:0px;
}


/* ------------------------------------------------
 	medicine_input
  ---------------------------------------------- */
#medicineForm .config_box { margin-bottom: 100px; }
#medicineForm .config_box .container #wb-table {
	display: block;
	width: 100%;
}
#medicineForm .config_box .container #wb-table p {
	display: block;
	width: 95%;
	margin: 0 auto;
	margin-bottom: 20px;
	font-size: 1.4em;
}
#medicineForm .config_box .container #wb-table form {
	display: block;
	width: 95%;
	margin: 0 auto;
}
#medicineForm .btn-gray-01 { font-size: 1.0em; }
#medicineForm .medicine_box_edit_title_block:nth-child(1) { width: 45%; }
#medicineForm .medicine_box_edit_title_block:nth-child(2) { width: 55%; }
.wb-table-body > button {
	/*margin-left: 200px;*/
	margin-top: 10px;
}

#medicine_input{}
#medicine_input div.container div.container{

}

#medicine_input .btn{ width:96%;}
#medicine_input div.row .btn{ width:100%;}

#medicine_input table td,#medicine_input table th{
	padding:2px;
}
#medicine_input table td.input{
	width:55%
}
#medicine_input table td.input .btn{
	width:100%
}
#medicine_input table td,#register table th{
	vertical-align:top;
}
#medicine_input table td .form-group{
	margin-bottom:0px;
}

#medicine_input table td .form-control {
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 2.0rem;
    height: 50px;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
#medicine_input p{
	margin:10px 0 0 0;
	font-size:1.25em;
	padding:2px;
	}
#medicine_input textarea{
	padding:2px;
	}
#medicine_input div.date p{
	height:120px;
	}
#medicine_input div.date p span {
	display:block;
	}
#medicine_input div.date p span.item,#medicine_input div.date p span.count{
	font-weight:bold;
	font-size:1.4em;
}
#medicine_input div.date p span.day{
	display:block;
	font-size:0.9em;
}
/* ------------------------------------------------
 	medicine_edit
  ---------------------------------------------- */

#medicine_edit div.container {
  margin: 0 auto;
	padding:0;
}
#medicine_box_edit {
	border-left: 4px solid #c9cacb;
	border-right: 4px solid #c9cacb;
	border-bottom: 4px solid #c9cacb;
}
#medicine_box_edit:first-child {
	border-top: 4px solid #c9cacb;
}
.medicine_box_edit_title_block { background-color: #f0eeee; height: 60px; padding: 10px; }
#medicine_box_edit li {
	margin-bottom:10px;
	list-style:none;
	}
#medicine_edit table {
}
#medicine_edit table td, #medicine_edit table th{
	padding:0px;
}

#medicine_edit table td.input{
	width:100%;
	padding-bottom:10px;
}
#medicine_edit table td.input .btn{
	width:100%;
}
#medicine_edit table td,#medicine_edit table th{
	vertical-align:middle;
	border:none;
	font-size:1.5em;
}
#medicine_edit table td .form-group{
	margin-bottom:0px;
}


#medicine_edit .btn{ width:49%;}

#medicine_edit table {
}
#medicine_edit table td.input{
	width:55%;
	padding-top:5px;
}
#medicine_edit table td.input p{
	margin-bottom:0px;
	font-size:0.8em;
}
#medicine_edit table select {
	width:50%;
}

#medicine_edit table td.input .btn{
	width:100%
}
#medicine_edit table td,#register table th{
	vertical-align:middle;
	border:none;
	font-size:1.5em;
}
#medicine_edit table td .form-group{
	margin-bottom:0px;
}

#medicinelist tr.medicinelist-title > th.text-center {
	background: white;
}

@media only screen and (max-width:768px) {
	#register div.container div.container { margin-bottom: 100px; padding: 0; }
	#medicine_edit table td,#register table th{
		width: 35%;
		padding: 0;
		font-size:1.2em;
	}
	#register > form > table > tbody > tr > td > hr { width: 100%; }
}

/* ------------------------------------------------
 	disclosure
  ---------------------------------------------- */

#disclosure{}
.disclosure_box{
}

.disclosure_box li{
	padding:2%;
	margin-bottom:10px;
	list-style:none;
}

.disclosure_box li table th, .disclosure_box li table td { border: none; background: none; }
.disclosure_box li table th{
	font-size:1.5em;
	font-weight:bold;
}

.disclosure_box li a.btn{
	width:100%;
}

/* ------------------------------------------------
 	exercises
  ---------------------------------------------- */

/*運動、体重のテーブルクラス*/
.table2 > thead > tr > th, .table2 > tbody > tr > th, .table2 > tfoot > tr > th, .table2 > thead > tr > td, .table2 > tbody > tr > td, .table2 > tfoot > tr > td {
	border:none;
	padding:3px;
}
.table2 { width: 95%; margin: 0 auto; }
.table2 > tbody > tr > th {
	width: 60px;
	border-left: 4px solid #d2d2d2;
	border-top: 4px solid #d2d2d2;
	background-color: #ffdc99;
}

.table2 {
    width: 95%;
    margin: 0 auto;
}

/*運動記録css*/
.exersises-form-icon {text-align: center;}
.exersises-form-icon:before {
	display: inline-block;
	content: "";
	text-indent: -9999px;
	background-image: url(../images/icon_execise.png);
	background-size: cover;
	width: 150px;
	height: 150px;
	position: relative;
	top: 6px;
}

/* ------------------------------------------------
 	walk
  ---------------------------------------------- */

#walk .config_box2 table td.text1 {
    vertical-align: middle;
    text-align: right;
    width: 25%;
}

#walk .config_box2 table td.text2 {
    vertical-align: middle;
    text-align: left;
    width: 25%;
}

#walk .btn{
	width:100%;
}

#walk > div > div > div > div > form > div:nth-child(1) > ng-form > table > tbody > tr:nth-child(1) > td.text1.icon > span::before {
	display: inline-block;
	content: "";
	text-indent: -9999px;
	background-image: url(../images/icon_execise.png);
	background-size: cover;
	width: 150px;
	height: 150px;
	position: relative;
	top: 6px;
}

#walk > div > div > div > div > form > div:nth-child(2) > ng-form > table > tbody > tr:nth-child(1) > td.text1.icon > span::before {
	display: inline-block;
	content: "";
	text-indent: -9999px;
	background-image: url(../images/icon_moderate.png);
	background-size: cover;
	width: 150px;
	height: 150px;
	position: relative;
	top: 6px;
}

@media screen and (max-width: 760px) {
	#walk .form-control {
		border-radius: 0px;
		font-size: 1.8rem;
		height: 45px;
	}

	#walk > div > div > div > div > form > div:nth-child(1) > ng-form > table > tbody > tr:nth-child(1) > td.text1.icon > span::before {
		display: inline-block;
		content: "";
		text-indent: -9999px;
		background-image: url(../images/icon_execise.png);
		background-size: cover;
		width: 75px;
		height: 75px;
		position: relative;
		top: 6px;
	}

	#walk > div > div > div > div > form > div:nth-child(2) > ng-form > table > tbody > tr:nth-child(1) > td.text1.icon > span::before {
		display: inline-block;
		content: "";
		text-indent: -9999px;
		background-image: url(../images/icon_moderate.png);
		background-size: cover;
		width: 75px;
		height: 75px;
		position: relative;
		top: 6px;
	}

	#walk .config_box2 table td, .config_box table th {
		vertical-align: middle;
		border-top: 0px;
		font-size: 1em;
		padding-top: 0px;
	}
}

/* ------------------------------------------------
 modal
------------------------------------------------ */

	@media screen and (min-width:768px) {
	 	.modal-sm button.btn.btn-default {
			font-size:1.5rem;
		}
	}

/* ------------------------------------------------
 	device
  ---------------------------------------------- */

#device{ font-size:1.2em;}
#device .btn{ width:100%;}
.device_box{
}

.device_box li{
	padding:2%;
	margin-bottom:10px;
	list-style:none;
}

.device_box li table th, .device_box li table td { border: none; background: none; }
.device_box li table th {
	font-size:1.5em;
	font-weight:bold;
}

.device_box li a.btn {
	width:100%;
}

#device .form-input-block {
	background-color: #ffeed8;
}

@media screen and (max-width: 760px) {
	.device_box li table th {
		font-size:1.5em;
		font-weight:bold;
	}
}
/* ------------------------------------------------
 	faq
  ---------------------------------------------- */
#faq{
	font-size:1.2em;
}
#faq ul li {
	list-style:none;
}
#faq ul.frequently {
	padding:2%;
}
#faq ul.frequently li{
	margin-bottom:5px;
}
#faq ul.frequently a{
	color:#06C;
	text-decoration:underline;
}
#faq ul.questions li{
	border-top:1px solid #eee;
	padding:1% 0;
}
#faq ul.questions li h4{
	font-weight:bold;
}


table.table.table-bordered.table-condensed.table-hover.table-responsive.norwap td,
table.table.table-bordered.table-condensed.table-hover.table-responsive.norwap th {
	white-space: nowrap;
}

/* ------------------------------------------------
	�@common
    ---------------------------------------------- */

.fl { float:left;}
.fr { float:right;}

.m1 { margin: 1px; }

.mb5 { margin-bottom:5px;}
.mb10 { margin-bottom:10px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}
.mb50 { margin-bottom:50px;}
.mb60 { margin-bottom:60px;}
.mb70 { margin-bottom:70px;}
.mb90 { margin-bottom:90px;}

.ml5 { margin-left:5px;}
.ml10 { margin-left:10px;}
.ml12 { margin-left:12px;}
.ml13 { margin-left:13px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml30 { margin-left:30px;}

.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr30 { margin-right:30px;}


.mr1P { margin-right:1%;}
.mr2P { margin-right:2%;}
.mr3P { margin-right:3%;}
.mr4P { margin-right:4%;}
.mr5P { margin-right:5%;}

.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}
.mt60 { margin-top:60px;}

.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt20 { padding-top:20px;}
.pt30 { padding-top:30px;}
.pt40 { padding-top:40px;}

.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb20 { padding-bottom:20px;}
.pb100{ padding-bottom: 100px;}

.text10{ font-size:72% !important; }
.text11{ font-size:79% !important; }
.text12{ font-size:86% !important; }
.text13{ font-size:93% !important; }
.text14{ font-size:100% !important; }
.text16{ font-size:115% !important; }
.text18{ font-size:129% !important; }
.text20{ font-size:143% !important; }
.text24{ font-size:172% !important; }
.text28{ font-size:200% !important; }
.text30{ font-size:214% !important; }
.textC { text-align:center;}
.textR { text-align:right;}
.textL{ text-align: left;}
.textB { font-weight:bolder;}

.red { color:#f00;}

.box10p { width: 10%;}
.box15p { width: 15%;}
.box20p { width: 20%;}
.box35p { width: 35%;}
.box40p { width: 40%;}
.box45p { width: 45%;}
.box49p { width: 49%;}
.box50p { width: 50%;}
.box55p { width: 55%;}
.box60p { width: 60%;}
.box80p { width: 80%;}

.lrAuto{ margin-left:auto; margin-right:auto;}

.link a{ color:#FD7E33; text-decoration:underline; font-weight:bold;}
.link a:hover{ text-decoration:none;}

.va_b{ vertical-align:bottom;}
.va_m{ display:inline-block;vertical-align:middle;}


/* additional styles */

.jumbotron p {
  font-size: 100%;
}

.select a:nth-child(2) {
  margin-left: 4px;
}