/* 画面サイズ（560px以下） */
@media screen and (max-width:570px){


header #header-nav{
	display:none;
}



/* ====================================================================== */
/* HEADER */
/* ====================================================================== */
header{
	position:fixed;
	min-width: 320px;
	top:0;
	left:0;
	z-index:100;
	background-color:#FFF;
	border-bottom:2px solid #064282;
}

header .h_btm{
	border:none;
}


header h1 .logo{
	width:60%;
	margin-top:25px;
	margin-left:55px;
 }

header ul.h_nav li{
	margin:0;
	float:none;
 }

header ul.h_nav li a{
	padding:1px 5px;
	text-align:center;
}


/* ----------------------------------------- */
/* メニュー
/* ----------------------------------------- */
.drawer-hamburger-icon{
	display:block;
	margin-top:15px;
}

.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
	background-color:#333;
}

.drawer-nav{
	background-color:#000;
	color:#FFF;
}

.drawer-nav ul{
	background-color:#000;
}

.drawer-nav ul li{
	color:#FFF;
	border-bottom:1px solid #514d5b;
}

.drawer-nav ul li a{
	display:block;
	padding:10px 10px;
	margin:0;
	color:#FFF;
	text-decoration:none;
}

.drawer-nav ul li a:before{
	margin-right:10px;
 content: "\f105";
	font-family: FontAwesome;
	font-weight:normal;
	color:#99969e;
}

.drawer-nav ul li ul{
	margin-left:10px;
	padding-bottom:10px;
}

.drawer-nav ul li li{
	border:none;
}

.drawer-nav ul li li a{
	padding:0;
}




/* ======================================================================= */
/* パンくず */
/* ======================================================================= */
.breadcrumbs li{
 float: left;
 margin: 0 .4em .5em .4em;
}
 
.breadcrumbs span{
 background: #deebf3;
 padding: .2em .3em;
 float: left;
 text-decoration: none;
 color: #444;
 position: relative;
}
 
.breadcrumbs span.current{
 background: #1b8ed0;
	color:#FFF;
}
 
.breadcrumbs span::before{
 content: "";
 position: absolute;
 top: 50%;
 margin-top: -1em;
 border-width: 1em 0 1em .5em;
 border-style: solid;
 border-color: #deebf3 #deebf3 #deebf3 transparent;
 left: -.5em;
}
  
.breadcrumbs span::after{
 content: "";
 position: absolute;
 top: 50%;
 margin-top: -1em;
 border-top: 1em solid transparent;
 border-bottom: 1em solid transparent;
 border-left: .5em solid #deebf3;
 right: -.5em;
}
 
 
/* ======================================================================= */
/* コンテンツ */
/* ======================================================================= */
article.content{
	padding-top:70px;
 }


/* ======================================================================= */
/* 見出し */
/* ======================================================================= */
.content h2.pgtitle{
	font-size:150%;
 }

.content h2.pgtitle:before{
	margin-right:10px;
}

.content .smp_pglb{
	display:block;
	margin-top:5px;
	padding:5px;
	background-color:#064282;
	color:#FFF;
}


/* ======================================================================= */
/* 情報エリア */
/* ======================================================================= */
.content .col50{ width:100%; }

.content .col50 dt{ width:40%; }
.content .col50 dd{ width:60%; }

.content .bgbox input,
.content .bgbox select{
	width:95%;
}

.content input[type="checkbox"],
.content input[type="radio"]
{
	width:auto;
}

.content .btnarea input{
	width:auto;
	margin-left:10px;
	margin-right:10px;
}


.content ul.pagenum li select{
	width:auto;
}


input[type="submit"],
input[type="button"]{
 -webkit-appearance: none;
 border-radius: 0;
	font-size:100%;
}


/* ======================================================================= */
/* テーブル */
/* ======================================================================= */
.content table.cal_tb td{
	height:auto;
}



/* ========================================================= */
/* パーツ */
/* ========================================================= */

.content table.tb_fixed{
	table-layout:auto;
}

.content .smp_scroll{
 overflow: auto;
 white-space: nowrap;
 height:auto !important;
}

/*tableにスクロールバーを追加*/
.content .smp_scroll::-webkit-scrollbar {
 height: 10px;
}

/*tableにスクロールバーを追加*/
.content .smp_scroll::-webkit-scrollbar-track {
 background: #F1F1F1;
}

/*tableにスクロールバーを追加*/
.content .smp_scroll::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}


/* ========================================================= */
/* ログイン */
/* ========================================================= */
.login h1{
	width:100%;
	text-align:center;
}

.login .logo{
	width:40%;
	margin:auto;
}

.loginbox dt,
.loginbox dd{
	width:100%;
}

.loginbox dd input{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.loginbox dd .errmes{
	width:95%;
	margin-left:auto;
	margin-right:auto;
}



/* ========================================================= */
/* フォントサイズ */
/* ========================================================= */
.smp_text10 { font-size:77%; }
.smp_text11 { font-size:85%; }
.smp_text12 { font-size:93%; }
.smp_text13 { font-size:100%; }
.smp_text14 { font-size:108%; }
.smp_text15 { font-size:116%; }
.smp_text16 { font-size:123.1%; }
.smp_text17 { font-size:131%; }
.smp_text18 { font-size:138.5%; }
.smp_text19 { font-size:146.5%; }
.smp_text20 { font-size:153.9%; }
.smp_text21 { font-size:161.6%; }
.smp_text22 { font-size:167%; }
.smp_text23 { font-size:174%; }
.smp_text24 { font-size:182%; }
.smp_text25 { font-size:189%; }
.smp_text26 { font-size:197%; }

/* ========================================================= */
/* レイアウト調整 */
/* ========================================================= */
.smp_al_right{ text-align:right;}
.smp_al_left{ text-align:left;}
.smp_al_center{ text-align:center;}

.smp_f_left{ float:left;}
.smp_f_right{ float:right;}
.smp_f_none{ float:none;}

.smp_valign-t { vertical-align: top; }
.smp_valign-b { vertical-align: bottom; }
.smp_valign-m { vertical-align: middle; }

.smp_dis-b{ display:block;}
.smp_dis-ib{ display:inline-block;}
.smp_pos-rl { position: relative;}
.smp_of { overflow: hidden;}

.smp_none{ display:none; }


/* ========================================================= */
/* Width調整 */
/* ========================================================= */
.smp5{ width:5%; }
.smp8{ width:8%; }
.smp10{ width:10%; }
.smp15{ width:15%; }
.smp18{ width:18%; }
.smp20{ width:20%; }
.smp25{ width:25%; }
.smp30{ width:30%; }
.smp33{ width:33.3%; }
.smp35{ width:35%; }
.smp40{ width:40%; }
.smp45{ width:45%; }
.smp48{ width:48%; }
.smp50{ width:50%; }
.smp55{ width:55%; }
.smp60{ width:60%; }
.smp65{ width:65%; }
.smp70{ width:70%; }
.smp75{ width:75%; }
.smp80{ width:80%; }
.smp85{ width:85%; }
.smp90{ width:90%; }
.smp92{ width:92%; }
.smp93{ width:93%; }
.smp94{ width:94%; }
.smp95{ width:95%; }
.smp96{ width:96%; }
.smp97{ width:97%; }
.smp98{ width:98%; }
.smp99{ width:99%; }
.smp100{ width:100%; }

}