@charset "utf-8";

/* レスポンシブ設定
------------------------------------- */
@media screen and (max-width:640px) {

	/* 基本設定
------------------------------------- */
	body {
		min-width: inherit;
		font-size: 16px;
	}

	input {
		font-size: 16px;
	}

	#sideSlideArea {
		display: none;
	}

	.sp {
		display: block;
	}

	.pc {
		display: none;
	}

	/* header
------------------------------------- */
	header {
		width: 100%;
	}

	header .logo {
		float: none;
		padding: 6px 0 0 0;
		text-align: center;
	}

	header #gNav {
		position: absolute;
		top: 60px;
		right: 0;
		background: #02ad78;
		z-index: 10000;
		height: 100vh;
		width: 100%;
		display: none;
	}

	header #gNav ul.regular {
		border-left: none;
		border-top: 1px solid #fff;
	}

	header #gNav ul.regular > li {
		float: none;
		border-bottom: 1px solid #fff;
		border-right: none;
		font-size: 18px;
	}

	header #gNav ul.regular > li.item01 a:before {
		background-position: -20px bottom;
		width: 16px;
		height: 16px;
	}

	header #gNav ul.regular > li.item01 a:hover:before {
		background-position: -20px top;
	}

	header #gNav ul.regular > li.item08 a:before {
		background: none;
		width: 14px;
		height: 16px;
	}

	header #gNav ul.regular > li.item08 a:hover:before {
		background: noen;
	}

	header #gNav ul.regular > li.item02,
	header #gNav ul.regular > li.item03,
	header #gNav ul.regular > li.item04 {
		display: none;
	}

	header #gNav ul.regular > li a {
		height: 50px;
		/*justify-content: inherit;*/
	}

	ul.infoNavSp {
		position: absolute;
		width: 100%;
		background: #fff;
		top: 60px;
		left: 0;
		z-index: 1000;
		display: block;
	}

	ul.infoNavSp li {
		border-bottom: 1px solid #dcdcdc;
	}

	ul.infoNavSp .detail li {
		padding: 4px 20px 9px 28px;
		color: #787878;
	}

	ul.infoNavSp .detail li:hover {
		background: #f5f5f5;
		color: #505050;
	}

	ul.infoNavSp .ttl {
		color: #F99A28;
		padding: 10px 5px 0px 17px;
	}

	header .infoNum {
		transform: translateX(0);
	}

	header .setUp {
		display: none;
	}

	header .menuInfo.sp {
		position: absolute;
		top: 16px;
		right: 18px;
	}

	/* login
------------------------------------- */
	#login #loginBox {
		width: 90%;
		height: auto;
		margin: 35px auto 35px;
		padding-bottom: 30px;
	}

	#login .logo {
		padding: 40px 0 35px;
	}

	#login ul {
		margin-bottom: 40px;
	}

	#login ul li:first-child {
		margin-bottom: 10px;
	}

	#login .titlelogo {
		width: 92%;
	}

	#login ul input {
		width: 90%;
	}
  .br-sp{
		display: none;
	}
	/* home
------------------------------------- */
	#home #contents ul,
	#home #contents .logout a {
		width: 80%;
	}

	#home #contents ul {
		margin: 100px auto 50px;
	}

	#home #contents ul li a {
		width: 100%;
	}


	/* dashboard
------------------------------------- */
	#dashboard #contents {
		width: 100%;
	}

	#dashboard .contsBox {
		width: 80%;
	}

	#dashboard .contsBox .head .switch02 {
		display: none;
	}

	#dashboard .contsBox.infoBox .head {
		padding-top: 0;
	}

	#dashboard .contsBox.infomationBox .head {
		background: #f99a28;
	}

	#dashboard .contsBox.infoBox .head {
		background: #787878;
	}

	#dashboard .contsBox.infoBox .head .headTtl {
		float: left;
		background: url(../img/icon_pin.png) 0 0 no-repeat;
		padding: 3px 0 0 23px;
		min-height: 25px;
		margin-top: 10px;
	}

	.head ul.hIcon {
		position: absolute;
		top: 14px;
		right: 10px;
	}

	.head ul.hIcon > li {
		float: left;
		margin-left: 11px;
		position: relative;
	}

	.head ul.hIcon > li .cap {
		position: absolute;
		background: #000;
		border-radius: 5px;
		padding: 4px 0 0;
		height: 20px;
		font-size: 10px;
		line-height: 1;
		width: 47px;
		text-align: center;
		top: -27px;
		left: -15px;
		z-index: 1000;
		display: none;
	}

	.head ul.hIcon > li:hover .cap {
		display: block;
	}

	.head ul.hIcon > li.switch .cap,
	.head ul.hIcon > li.switch02 .cap {
		left: -17px;
	}

	.head ul.hIcon > li.foldaDl .cap {
		left: -55px;
		width: 132px;
	}

	.head ul.hIcon > li .cap:after {
		content: url(../img/fuki_kuro.png);
		display: block;
		position: absolute;
		top: 16px;
		left: 50%;
		transform: translateX(-5px);
	}

	.head ul.hIcon > li > img {
		cursor: pointer;
	}

	.head ul.establishmentSet {
		z-index: 10;
		width: 87px;
	}

	.head ul.establishmentSet:before {
		top: -18px;
	}

	.head ul.establishmentSet li {
		padding-bottom: 2px;
	}

	.head ul.establishmentSet li:before {
		content: "";
		display: inline-block;
		background: url(../img/icon.png) 0 top no-repeat;
		position: relative;
	}

	.head ul.establishmentSet li.edit {
		padding-left: 8px;
	}

	.head ul.establishmentSet li.edit:before {
		background-position: -200px bottom;
		width: 16px;
		height: 16px;
		margin-right: 5px;
		top: 1px;
	}

	.head ul.establishmentSet li.edit:hover:before {
		background-position: -200px top;
	}

	.head ul.establishmentSet li.deleat {
		padding-left: 9px;
	}

	.head ul.establishmentSet li.deleat:before {
		background-position: -220px bottom;
		width: 11px;
		height: 14px;
		margin-right: 8px;
		top: 1px;
	}

	.head ul.establishmentSet li:hover.deleat:before {
		background-position: -220px top;
	}

	.head ul.establishmentSet li:hover {
		background: #505050;
		color: #fff;
		cursor: pointer;
	}

	#dashboard .contsBox .body {
		background: #fff;
		-webkit-border-bottom-right-radius: 7px;
		-webkit-border-bottom-left-radius: 7px;
		-moz-border-radius-bottomright: 7px;
		-moz-border-radius-bottomleft: 7px;
		padding: 10px;
	}

	#dashboard .contsBox .body .box.box01 {
		margin-bottom: 15px;
	}

	#dashboard .contsBox .body .box .ttl {
		background: #ebebeb;
		color: #505050;
		font-size: 20px;
		text-align: center;
		letter-spacing: -1px;
	}

	#dashboard .contsBox .body .arrowBox .infoBox {
		padding-left: 66px;
	}

	#dashboard .contsBox .body .arrowBox .infoBox.up {
		background: url(../img/info_arrow_up.png) 0 10px no-repeat;
	}

	#dashboard .contsBox .body .arrowBox .infoBox.mainte {
		background: url(../img/info_arrow_mainte.png) 0 10px no-repeat;
	}

	#dashboard .contsBox .body .arrowBox .infoBox.down {
		background: url(../img/info_arrow_down.png) 0 10px no-repeat;
	}

	#dashboard .contsBox .body .arrowBox .value {
		text-align: right;
	}

	#dashboard .contsBox .body .arrowBox .num {
		font-size: 50px;
		line-height: 1;
	}

	#dashboard .contsBox .body .arrowBox .num .unit {
		font-size: 20px;
	}

	#dashboard .contsBox .body .arrowBox .lastTime {
		font-size: 14px;
		color: #787878;
	}

	#dashboard .infoBox .body {
		/*	height:268px;*/
		height: auto;
	}

	#dashboard .infomationBox .body {
		height: auto;
	}

	#dashboard .infomationBox .body ul li {
		text-align: center;
		font-size: 20px;
	}

	#dashboard .infomationBox .body .box .ttl {
		color: #f00;
	}

	#dashboard .mapBox .body {
		padding-bottom: 20px;
		text-align: center;
	}



	/*close設定*/
	#dashboard .contsBox.close .body {
		display: none;
	}

	#dashboard .contsBox.close .head {
		-webkit-border-bottom-right-radius: 7px;
		-webkit-border-bottom-left-radius: 7px;
		-moz-border-radius-bottomright: 7px;
		-moz-border-radius-bottomleft: 7px;
	}

	#dashboard .contsBox.close .head .switch {
		display: none;
	}

	#dashboard .contsBox.close .head .switch02 {
		display: block;
	}

	#dashboard .contsBox.weatherBox .head {
		padding-bottom: 18px
	}

	#dashboard .weatherBox .conditionBox {
		padding-left: 104px;
		min-height: 62px;
		line-height: 1;
		margin-top: 10px;
	}

	#dashboard .weatherBox .conditionBox.case01 {
		background: url(../img/icon_weather03.png) 0 center no-repeat;
	}

	#dashboard .weatherBox .conditionBox.case02 {
		background: url(../img/icon_weather02.png) 0 center no-repeat;
	}

	#dashboard .weatherBox .conditionBox.case03 {
		background: url(../img/icon_weather03.png) 0 center no-repeat;
	}

	#dashboard .weatherBox .conditionBox .num {
		font-size: 58px;
	}

	#dashboard .weatherBox .conditionBox .value {
		font-size: 30px;
	}

	#dashboard .contsBox.weatherBox .body table {
		width: 100%;
		color: #787878;
	}

	#dashboard .contsBox.weatherBox .body table th,
	#dashboard .contsBox.weatherBox .body table td {
		text-align: center;
		vertical-align: middle;
	}

	#dashboard .contsBox.weatherBox .body table th {
		width: 25%;
		letter-spacing: -2px;
	}

	#dashboard .contsBox.weatherBox .body table .txt01,
	#dashboard .contsBox.weatherBox .body table .txt03 {
		font-size: 16px;
	}

	#dashboard .contsBox.weatherBox .body table .txt02,
	#dashboard .contsBox.weatherBox .body table .txt04 {
		font-size: 14px;
	}

	#dashboard .contsBox .head .icon:before {
		content: "";
		display: inline-block;
		background: url(../img/icon.png) 0 0 no-repeat;
	}

	#dashboard .clockBox .clock {
		background: url(../img/clock_base.png) 0 0 no-repeat;
		width: 140px;
		height: 140px;
		position: relative;
		margin: 0 auto;
	}

	#dashboard .clockBox .clock .parts {
		position: absolute;
	}

	#dashboard .clockBox .nowTime {
		font-size: 18px;
		color: #787878;
		text-align: center;
		margin-top: 5px;
	}

	#dashboard .clockBox .nowTime .week {
		font-size: 14px;
	}

	#dashboard .clockBox.close .time {
		font-size: 30px;
		position: absolute;
		top: 0;
		left: 60px;
	}

	#dashboard .newBox .head {
		background: url(../img/icon_newconts.png) 17px center no-repeat #fff;
		padding-left: 53px;
		cursor: pointer;
	}

	#dashboard .newBox .head .headTtl {
		color: #47d1a3;
		font-size: 16px;
		line-height: 1.4;
	}

	#dashboard .calendarBox .body .month,
	#dashboard .calendarBox .body table {
		color: #787878;
	}

	#dashboard .calendarBox .body .month {
		text-align: center;
		font-size: 18px;
	}

	#dashboard .calendarBox .body table {
		border-collapse: separate;
		border-spacing: 1px;
		width: 100%;
	}

	#dashboard .calendarBox .body table th,
	#dashboard .calendarBox .body table td {
		border: 1px solid #47d1a3;
		text-align: center;
		vertical-align: middle;
	}

	#dashboard .calendarBox .body table .sat {
		color: #008CFF;
	}

	#dashboard .calendarBox .body table .sun,
	#dashboard .calendarBox .body table .hol {
		color: #F99A28;
	}

	#dashboard .calendarBox .body table .last,
	#dashboard .calendarBox .body table .next {
		color: #dcdcdc;
	}

	#dashboard .calendarBox .body table .today {
		color: #fff;
		background: #47d1a3;
	}

	#dashboard .calendarBox .body table .sun.today {
		background: #F99A28;
	}

	/* modal01
------------------------------------- */
	#modal01 {
		padding: 0 30px 20px;
		background: #dcdcdc;
		position: relative;
	}

	#modal01 .modalTtl {
		color: #787878;
		font-size: 25px;
	}

	#modal01 .leftNav {
		width: 139px;
		float: left;
		position: relative;
		z-index: 2;
	}

	#modal01 .leftNav .tabBtn li a {
		display: block;
		background: #999;
		color: #d2d2d2;
		width: 100%;
		box-shadow: -2px 0 3px rgba(0, 0, 0, 0.2);
		text-align: center;
		font-size: 19px;
		padding: 5px 0 7px;
	}

	#modal01 .leftNav .tabBtn li a:hover,
	#modal01 .leftNav .tabBtn li.cur a {
		background: #fff;
		color: #787878;
	}

	#modal01 .leftNav .body {
		border-left: 1px solid #787878;
		border-bottom: 1px solid #787878;
		padding: 27px 15px 10px 20px;
		font-size: 15px;
		color: #787878;
		letter-spacing: -1px;
		line-height: 1.25;
	}

	#modal01 .leftNav .body .btnGraph a {
		background: url(../img/icon_graph02.png) center 14px no-repeat #fff;
		padding-top: 68px;
		text-align: center;
		height: 100px;
		width: 100%;
		color: #969696;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
		display: block;
	}

	#modal01 .leftNav .body .ttl {
		letter-spacing: -3px;
		margin-top: 25px;
	}

	#modal01 .indicateBtn li {
		margin-left: 12px;
		margin-top: 5px;
	}


	#modal01 .rightBody {
		background: #fff;
		float: left;
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
		position: relative;
		padding: 0 20px;
		height: 590px;
		overflow-y: scroll;
	}

	#modal01 #tab01 dl {
		width: 162px;
		float: left;
	}

	#modal01 #tab01 dl.wireCheckLis {
		background: #e6f7f1;
	}

	#modal01 #tab01 dl.wirelessCheckLis {
		background: #fdf3e7;
	}

	#modal01 #tab01 dt {
		color: #fff;
		font-size: 19px;
		line-height: 1;
		padding: 5px 0 7px;
		text-align: center;
	}

	#modal01 #tab01 dl.wireCheckLis {
		margin-right: 20px;
	}

	#modal01 #tab01 dl.wireCheckLis dt {
		background: #02ad78;
	}

	#modal01 #tab01 dl.wirelessCheckLis dt {
		background: #e89104;
	}

	#modal01 #tab01 dl dd {
		font-size: 16px;
		color: #787878;
		margin-top: 4px;
		margin-left: 9px;
	}

	#modal01 #tab02 table {
		width: auto;
		margin-top: 20px;
	}

	#modal01 #tab02 .wireTable {
		max-height: 370px;
		overflow-y: auto;
	}

	#modal01 #tab02 table th {
		color: #fff;
		font-size: 14px;
		text-align: center;
		border-right: 1px solid #fff;
	}

	#modal01 #tab02 table th.cel07,
	#modal01 #tab02 table th.cel08 {
		border-bottom: 1px solid #fff;
	}

	#modal01 #tab02 table th.cel08,
	#modal01 #tab02 table th.cel12 {
		border-right: none;
	}

	#modal01 #tab02 table th.cel06 {
		font-size: 18px;
	}

	#modal01 #tab02 table th.cel09,
	#modal01 #tab02 table th.cel10,
	#modal01 #tab02 table th.cel11,
	#modal01 #tab02 table th.cel12 {
		width: 16.5%;
	}

	#modal01 #tab02 table th.cel06 .small {
		font-size: 13px;
	}

	#modal01 #tab02 .wireTable th {
		background: #4ec6a2;
	}

	#modal01 #tab02 .wireTable th.cel06 {
		background: #02ad78;
	}

	#modal01 #tab02 .wirelessTable th {
		background: #f0b150;
	}

	#modal01 #tab02 .wirelessTable th.cel06 {
		background: #e89104;
	}

	#modal01 #tab02 td {
		color: #787878;
		padding: 1px 0 2px;
	}

	#modal01 #tab02 .cel01 {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 14px;
	}

	#modal01 #tab02 .cel02,
	#modal01 #tab02 .cel03,
	#modal01 #tab02 .cel04,
	#modal01 #tab02 .cel05 {
		padding-left: 8px;
		padding-right: 8px;
		text-align: right;
		font-size: 16px;
	}

	#modal01 #tab02 .wireTable td {
		background: #e6f7f1;
		border-bottom: 1px solid #a3c9bc;
		border-right: 1px solid #fff;
	}

	#modal01 #tab02 .wirelessTable td {
		background: #fdf3e7;
		border-bottom: 1px solid #ecd5b5;
	}

	#modal01 #tab02 .wireTable td.cel05 {
		border-right: none;
	}

	#modal01 #tab02 tr:last-child td {
		border-bottom: none;
	}

	#modal01 .closeBtn {
		position: absolute;
		top: 3px;
		right: 3px;
	}

	#tab01 {
		display: none;
	}

	/* mapPage
------------------------------------- */
	.explanatoryTxt {
		background: #fff;
		color: #02ad78;
		font-size: 14px;
		width: 104px;
		height: 42px;
		padding-top: 11px;
		box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
		text-align: center;
		position: fixed;
		top: 70px;
		left: 23px;
	}

	#mapPickupArea {
		width: 280px;
		height: calc(100vh - 60px);
		position: fixed;
		top: 60px;
		left: 0;
		background: #f0f0f0;
		box-shadow: 1px 0 10px rgba(0, 0, 0, 0.2);
	}

	#mapPickupArea .head {
		color: #fff;
		background: #787878;
		position: relative;
		padding: 16px 0;
	}

	#mapPickupArea .head .name a:before {
		content: "＜";
		margin-right: 30px;
	}

	#mapPickupArea .head .name a {
		background: url(../img/icon_pin.png) 24px 0 no-repeat;
		font-size: 18px;
		margin: 0 0 0 20px;
		display: -block;
		color: #fff;
	}

	#mapPickupArea .head .hIcon {
		position: absolute;
		top: 19px;
		right: 19px;
	}

	#mapPickupArea .head .hIcon li {
		float: left;
		margin-left: 10px;
	}

	#mapPickupArea .infoList01 {
		padding: 15px 0 5px;
		font-size: 14px;
		color: #505050;
	}

	#mapPickupArea .infoList01 dt {
		position: absolute;
		text-align: right;
		width: 85px;
	}

	#mapPickupArea .infoList01 dd {
		padding-left: 100px;
		padding-right: 10px;
		margin-bottom: 15px;
	}

	#mapPickupArea .scrollBody {
		border-top: 1px solid #c8c8c8;
		border-bottom: 1px solid #c8c8c8;
		background: #fff;
		width: 100%;
		height: 408px;
		overflow-y: auto;
		padding: 20px 9px 20px 20px;
	}

	#mapPickupArea .scrollBody .infoBox {
		margin-bottom: 8px;
	}

	#mapPickupArea .scrollBody .infoBox .ttl {
		font-size: 14px;
		color: #505050;
		background: #ebebeb;
		padding: 0 10px 2px 10px;
	}

	#mapPickupArea .scrollBody .infoBox .state {
		margin-left: 10px;
		font-size: 23px;
		color: #000;
		padding-left: 33px;
		background: 0 10px no-repeat;
		background-size: 18px auto;
	}

	#mapPickupArea .scrollBody .infoBox .state.up {
		background-image: url(../img/info_arrow_up.png);
	}

	#mapPickupArea .scrollBody .infoBox .state.down {
		background-image: url(../img/info_arrow_down.png);
	}

	#mapPickupArea .scrollBody .infoBox .state.keep {
		background-image: url(../img/info_arrow_mainte.png);
	}

	#mapPickupArea .scrollBody .infoBox .state .small {
		font-size: 14px;
	}

	#mapPickupArea .scrollBody .infoBox .lastTime {
		margin-left: 10px;
		color: #505050;
		font-size: 14px;
	}

	#mapPickupArea .scrollBody .infoBox .lastTime .small {
		font-size: 12px;
	}

	#mapPickupArea .indicateBox {
		padding: 14px 0 0 20px;
		color: #787878;
		font-size: 16px;
	}

	#mapPickupArea .indicateBox .indicateBtn {
		line-height: 1;
		padding-top: 5px;
	}

	#mapPickupArea .indicateBox .indicateBtn li {
		margin-top: 5px;
	}

	#legendArea {
		width: 380px;
		position: fixed;
		top: 60px;
		left: 0;
		height: calc(100vh - 60px);
		background: #fff;
		box-shadow: 1px 0 10px rgba(0, 0, 0, 0.2);
	}

	#legendArea .head {
		background: #45d3a3;
		position: relative;
		padding: 16px 0 0 19px;
		height: 60px;
	}

	#legendArea .head a {
		color: #fff;
		font-size: 18px;
	}

	#legendArea .head a:before {
		content: "＜";
		margin-right: 7px;
	}

	#legendArea .scrollBody {
		height: calc(100vh - 120px);
		overflow-y: auto;
		color: #787878;
		padding: 16px 0 0 40px;
		overflow-y: scroll;
	}

	#legendArea .scrollBody .legendBox {
		margin-bottom: 20px;
	}

	#legendArea .scrollBody .legendBox .ttl {
		font-size: 18px;
	}

	#legendArea .scrollBody .legendBox .ttl input[type="checkbox"] + label {
		padding-left: 42px;
	}

	#legendArea .scrollBody .legendBox .icon {
		background: 0 0 no-repeat;
		padding-left: 25px;
	}

	#legendArea .scrollBody .legendBox.red .icon {
		background-image: url(../img/pin_red_l.png);
	}

	#legendArea .scrollBody .legendBox.gray .icon {
		background-image: url(../img/pin_gray_l.png);
	}

	#legendArea .scrollBody .legendBox.yellow .icon {
		background-image: url(../img/pin_yellow_l.png);
	}

	#legendArea .scrollBody .pinBox {
		padding-bottom: 10px;
	}

	#legendArea .scrollBody .pinBox .iconArrow {
		width: 55px;
		float: left;
		padding: 20px 0 0 2px;
	}

	#legendArea .scrollBody .pinBox .iconArrow {
		width: 30px;
		float: left;
		padding-left: 2px;
	}

	#legendArea .scrollBody .pinBox .pinList {
		float: right;
		width: 268px;
		border-bottom: 1px solid #dcdcdc;
		margin: 18px 0 0 0;
		font-size: 16px;
	}

	#legendArea .scrollBody .pinBox .pinList li {
		background: 0 0 no-repeat;
		line-height: 1;
		height: 20px;
		padding: 2px 0 0 20px;
		margin-bottom: 10px;
	}

	#legendArea .scrollBody .red .pinBox .pinList li {
		background-image: url(../img/pin_red_s.png);
	}

	#legendArea .scrollBody .gray .pinBox .pinList li {
		background-image: url(../img/pin_gray_s.png);
	}

	#legendArea .scrollBody .yellow .pinBox .pinList li {
		background-image: url(../img/pin_yellow_s.png);
	}

	#legendArea .scrollBody .legendBox .pinBox .pinList li.other {
		padding-left: 38px;
		background: none;
	}

	/* graphPage
------------------------------------- */
	#graphPage #contents {
		width: 100%;
		margin: 20px auto 0;
	}

	#graphPage .navBox {
		float: none;
		width: 100%;
		margin: 0 auto 10px;
	}

	#graphPage .navBox .body .txt {
		padding: 0 10px;
	}

	#graphPage .navBox .body .wireList,
	#graphPage .navBox .body .wirelessList {
		width: 50%;
	}

	#graphPage .navBox .head {
		border-radius: 0;
	}

	#graphPage .navBox .body dt,
	#graphPage .navBox .body dd {
		padding-top: 7px;
		padding-bottom: 9px;
	}

	#graphPage .graphArea {
		float: none;
		width: 100%;
		position: relative;
		margin-top: 10px;
		padding: 80px 20px 20px;
		overflow: hidden;
	}

	#graphPage .graphArea .ttl {
		top: 0;
	}

	#graphPage .graphArea .cap01 {
		top: 25px;
		right: 20px;
		padding-right: 46px;
		background: url(../img/dotto_red.gif) right center no-repeat;
	}

	#graphPage .graphArea .cap02 {
		top: 50px;
		right: 20px;
		padding-right: 46px;
		background: url(../img/dotto_violet.gif) right center no-repeat;
	}

	#graphPage .graphArea .fullscreen {
		top: 5px;
		right: 20px;
		width: 31px;
		height: 31px;
		background: #fff;
	}

	#graphPage .graphBox {
		background: #fff;
		height: 430px;
		width: 100%;
	}

	#graphPage .daySetBox {
		position: relative;
		height: 80px;
		width: 100%;
	}

	#graphPage .daySetBox .parts {
		position: absolute;
		bottom: 40px;
		height: 26px;
		background: #fff;
		border: 1px solid #c8c8c8;
		text-align: center;
	}

	#graphPage .daySetBox .btnLeft {
		left: 0;
		width: 26px;
		background: url(../img/arrow_left.png) center bottom no-repeat #fff;
	}

	#graphPage .daySetBox .btnLeft:hover {
		background: url(../img/arrow_left.png) center 0 no-repeat #646464;
	}

	#graphPage .daySetBox .cover.cal01 {
		left: 29px;
		bottom: 0;
		position: absolute;
	}

	#graphPage .daySetBox .dayInput01 {
		width: 91px;
		border-radius: 0;
	}

	#graphPage .daySetBox .between {
		left: 120px;
		width: 19px;
		border: none;
		background: none;
	}

	#graphPage .daySetBox .cover.cal02 {
		left: 139px;
		bottom: 0;
		position: absolute;
	}

	#graphPage .daySetBox .dayInput02 {
		width: 91px;
		border-radius: 0;
	}

	#graphPage .daySetBox .btnright {
		left: 232px;
		width: 26px;
		background: url(../img/arrow_right.png) center bottom no-repeat #fff;
	}

	#graphPage .daySetBox .btnright:hover {
		background: url(../img/arrow_right.png) center 0 no-repeat #646464;
	}

	#graphPage .daySetBox .period {
		left: 0;
		bottom: 0;
		border-radius: 5px;
		overflow: hidden;
	}

	#graphPage .daySetBox .period li {
		float: left;
		height: 26px;
		border-right: 1px solid #c8c8c8;
		width: 40px;
		text-align: center;
		color: #aaa;
	}

	#graphPage .daySetBox .period li:last-child {
		border-right: none;
	}

	#graphPage .daySetBox .period li:hover,
	#graphPage .daySetBox .period li.cur {
		color: #fff;
		background: #646464;
		cursor: pointer;
	}

	#graphPage .calendar {
		background: url(../img/bg_cal_top.png) 0 0 no-repeat;
		padding: 10px 0 0;
		position: relative;
		top: -65px;
		left: -30px;
	}

	#graphPage .calBg01 {
		background: url(../img/bg_cal_bottom.png) 0 bottom no-repeat;
		padding-bottom: 20px;
	}

	#graphPage .calBg02 {
		background: url(../img/bg_cal_middle.png) 0 0 repeat-y;
		width: 233px;
		padding: 3px 0 12px 0;
	}

	#graphPage .calendar .month,
	#graphPage .calendar table {
		color: #787878;
	}

	#graphPage .calendar .month {
		text-align: center;
		font-size: 18px;
	}

	#graphPage .calendar table {
		margin: 0 auto;
		border-collapse: separate;
		border-spacing: 2px;
	}

	#graphPage .calendar table th,
	#graphPage .calendar table td {
		text-align: center;
		vertical-align: middle;
		height: 25px;
		width: 25px;
	}

	#graphPage .calendar table td {
		cursor: pointer;
	}

	#graphPage .calendar table .sat {
		color: #008CFF;
	}

	#graphPage .calendar table .sun,
	#graphPage .calendar table .hol {
		color: #F99A28;
	}

	#graphPage .calendar table .last,
	#graphPage .calendar table .next {
		color: #dcdcdc;
	}

	#graphPage .calendar table td:hover,
	#graphPage .calendar table .today {
		color: #fff;
		background: #47d1a3;
	}

	#graphPage .calendar table .sun:hover,
	#graphPage .calendar table .hol:hover,
	#graphPage .calendar table .sun.today {
		background: #F99A28;
	}


	/* clearfix
------------------------------------- */
	.clearfix:after,
	header:after,
	header #gNav ul:after,
	#dashboard .contsBox.infoBox .head:after,
	#modal01:after,
	#mapPickupArea .head .nav:after,
	#legendArea .scrollBody .pinBox:after,
	#graphPage .navBox .head:after,
	#graphPage .navBox .body:after,
	#graphPage #contents:after,
	#graphPage .daySetBox .period:after {
		content: '';
		display: block;
		clear: both;
		height: 0;
	}

	/* ハンバーガーメニュー
------------------------------------- */
	.btnHamburger {
		position: absolute;
		top: 18px;
		left: 18px;
		width: 25px;
		/* クリックエリアの横幅*/
		height: 25px;
		/* クリックエリアの高さ*/
		cursor: pointer;
		z-index: 10001;
		background: none;
		padding: 2px;
	}

	.btnHamburger .line {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 25px;
		/* 横幅 */
		height: 2px;
		/* 1本辺りの高さ */
		background: #fff;
		/* 線の色 */
		/* 適用するプロパティ、変化する時間、変化する速度 */
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	.btnHamburger.is-active.blk .line {
		background: #fff;
	}

	.btnHamburger.is-active .line {
		background: #fff;
	}

	.btnHamburger.blk .line {
		background: #111;
	}

	.btnHamburger .line_01 {
		top: 3px;
		left: 2px;
	}

	.btnHamburger .line_02 {
		top: 13px;
		left: 2px;
	}

	.btnHamburger .line_03 {
		top: 23px;
		left: 2px;
	}

	.btnHamburger.is-active .line_01 {
		top: 14px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.btnHamburger.is-active .line_02 {
		opacity: 0;
	}

	.btnHamburger.is-active .line_03 {
		top: 14px;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}

	.mnuspopen {
		display: block !important;
		opacity: 1 !important;
	}

	#regist #registBox {
		width: auto;
		height: auto;
		padding-bottom: 30px;
		margin: auto;
	}

	#regist ul p {
		margin: 15px 0;
	}

	#regist .agree {
		font-size: 15px;
		color: #fff;
		margin: 15px 0;
		text-align: center;
	}

	#graphPage .daySetBox .periodArea {
		left: 0;
		top: 40px;
	}



	/* 初期非表示コンテンツ
------------------------------------- */
	ul.infoNavSp {
		display: none;
	}

		{
		display: block;
	}

	/* 大橋追加分_一般公開非表示
------------------------------------- */
	.general_user {
		display: none;
	}


	header #gNav.general_call {
		right: 0px;
	}

	.contractor {
		display: none;
	}

}