/*=======================*/
/*    共通    */
html{
	width: 100%;
	max-width: 640px;
}
body {
	background: linear-gradient(-45deg, #084b73, #9ec5e1) no-repeat;
	margin: 0;
	padding: 0;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	background-color: #e5e5e5;
	height: 100%;
	width: inherit;
	/*width: 100%;*/
	/* overflow: hidden; */
	font-family: 'mplus-2p' , sans-serif;
	border: solid 1px black;
	/*font-size: 2vw;*/
	font-size: 26px;
	/*white-space: nowrap;*/
}

ul {list-style:none;  padding: 3%;}
a {text-decoration:none; color: #fff;font-weight: bold;}

@font-face {
	font-family: 'mplus-2p-light';
	src: url(../font/mplus-2p/mplus-2p-light.woff);
}
@font-face {
	font-family: 'mplus-2p';
	src:url(../font/mplus-2p/mplus-2p-regular.woff);
	font-weight: normal;
}
@font-face {
	font-family: 'mplus-2p';
	src:url(../font/mplus-2p/mplus-2p-bold.woff);
	font-weight: bold;
}


@media screen and (max-width: 380px){	
	/*0px～480pxの画面サイズにCSSを適応 */
	#refresh div:first-child {
		font-size: 20px;
		text-indent: 18px;
	}

	#header .second #time-text{
	font-size: 12px;
	}
	.information .label-text{
		font-size: 24px;
	}
}
@media screen and (min-width: 380px){
	#header .second #time-text{
		font-size: 14px;
	}
	.information .label-text{
		font-size: 30px;
	}
 /*480以上の画面サイズにCSSを適応 */
}
@media screen and (min-width: 480px) and ( max-width:1024px) {
 /*480px～1024pxの画面サイズにCSSを適応 */
}
.left{float: left;}
.right{float: right;}

/*=======================*/
/*    ヘッダー   */
.noScroll{
	position: fixed;
	z-index: 10;
	width: inherit;
	max-width: 640px;
	top: 0;
}
#header{ width: 100%; height: 80px;}
#header .top{
	height: 50%;
	background-color: #fff;
	color: #036eb8;
}
#header .second{
	background-color: #036eb8;
	width: 98%;
	height: 44px;
	/*max-height: 78px;*/
	color: #fff;
	line-height: 30px;
	padding: 1%;
	overflow: hidden;
}
#header .second #time-text{
	margin-top: 0.4%;
	margin-left: 2%;
	max-width: 63%;
	overflow: hidden;
	white-space: nowrap;
	line-height: 40px;
}

#header #logo{
	width: 0%;
	height: 100%;
}
#header #title{
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#refresh{
	background-color: #f39800;
	border-radius: 10px;
	border: 1.5px solid #fff;
	width: 35%;
	height: 40px;
	max-width: 140px;
}
#refresh div:first-child{
	/* font-size: 44px; */
	font-size: 20px;
	text-indent: 18px;
	line-height: 40px;
}
#refresh .right{
	width: 30%;
	height: 100%;
	margin-right: 10%;
	display: flex;
	justify-content: center;
	align-items: center;
}

img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	/* padding-top: 30%; */
}
/*=======================*/
/*    フッター   */
#koufu{
	background-color: #084b73;
	border-radius: 10px;
	border: 2.5px solid #fff;

	font-size: 26px;
	text-align: center;
	color: #fffeee;
	bottom: 0;
	width: 98%;
	margin-bottom: 10px;
	height: 50px;
	line-height: 50px;
}

#footer{
	font-size: 26px;
	text-align: center;
	color: #fff;
	bottom: 0;
}


/*=======================*/
 /* table */
th {
    border-bottom: solid 1px #ccc;
		background-color: #01478f;
    color: white;
    text-align: center;
		white-space: nowrap;
    width: 100px;
}

td {
	white-space: nowrap;
}

.table-header {
	background: linear-gradient(rgba(81, 131, 195, 1), rgba(81, 131, 195, 0.3), rgba(81, 131, 195, 0));
    border-radius: 5px 5px 0px 0px;
	width: 100%;
}
.table-header-2 {
    border-radius: 5px 5px 0px 0px;
	border-top: 5px solid #fff;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
    border-radius: 5px 5px 0px 0px;
	width: 99%;
	margin: 1.5px auto;
}

.table-main {
	background-color: #fff;
	border: 3px solid #fff;
	text-align: center;
	width: 98%;
	max-width: 640px;
	margin: 0px auto 15px auto;
}
.table-service {
	background-color: #036eb8;
	width: 100%;
	font-weight: bold;
	font-size: 26px;
	color: #fff;
	text-shadow: 2px 3px 0 #333;
}
.table-service td {
	padding: 3% 0 3% 0;
}
.table-text {
	background-color: #4694e0;
	width: 100%;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
	text-shadow: 1px 2px 0 #333;
}
.table-wait {
	background-color: #fff;
	border-collapse: separate;
	width: 100%;
	font-weight: bold;
	font-size: 26px;
}
.table-wait td {
	border: 2px solid #CCCCCC;
}
/* .td-wait-no {
	font-size: 6vw;
} */

/*    メイン   */
.information{
	padding: 1px 1%;
	width: 98%;
	position: relative;
}
.information#top{
	margin-top: 100px;
}

.openHour{
	white-space: pre;
    color: #fff;
    font-size: 12px;
	margin-bottom: 2px;
	text-align: center;
	margin-bottom: 0px;
	font-weight: bold;
}

#closePage{
	color: #fff;
	height: 500px;
	/*width: 100%;*/
	font-size: 36px;
	width: 96%;
}
.information .back{
	background-color: #fffeee;
	border-radius: 20px;
	min-height: 200px;
	width: 98%;
	display: inline-block;
	position: relative;
	margin-top: 22px;
	margin-bottom: 5%;
}
.information .divisionTitle{
	width: 44%;
	height: 40px;
	background-color: #084b73;
	border-radius: 25px;
	font-size: 27px;
	line-height: 39px;
	text-align: center;
	color: #fff;
	position: absolute;
	z-index: 1;
	margin-left: 28%;
	text-shadow: 2px 3px 0 #333;
}

.information .label {
	display: inline-block;
	font-size: 12px;
	color: #1d2088;
	/* height: 115px; */
	/*margin-bottom: 8%;*/
	position: relative;
	text-align: right;
	white-space: nowrap;
	width: 99%;
	border-left: solid 12px;
	border-bottom: solid 4px;
	/*border-color: orange;*/
}
.information .label-text{
	text-indent: 4%;
	text-align: left;
	font-weight: bold;
	color: #000;
	line-height: 100%;
}

.label span {
	font-size: 33px;
	font-weight: bold;
	color: #000;
}

li div:nth-child(2){
	/* text-indent: 7%; */
}
.information .red{border-color: #e83318; color: red;}
.information .pink{border-color: #f0949b; color: #e4007f;}
.information .lightblue{border-color: #69c2ee; color: #69c2ee;}
.information .orange{border-color: #f29518; color: #ea5514;}
.information .green{border-color: #379a68; color: green;}
.information .lightpurple{border-color: #c2afd4; color: purple;}
.information .brown{border-color: #633319; color: #633319;}
.information .gray{border-color: #c8c8cb; color: gray;}

#ul-1{
	margin-top: 12px;
}
#ul-2{}
#ul-3{}