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

body

-----------------------------------------------------------------------------*/
html{height:100%;}
html,body{
    width: 100%;
}

body{
	color: #333;
	font-size: medium;
	margin: 0;
	padding: 0;
	width: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    position: relative;
}
/*
-----------------------------------------------------------------------------

link

-----------------------------------------------------------------------------*/
a {
    text-decoration: none;
	}

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

table

-----------------------------------------------------------------------------*/
table {
	width: 100%;
    height: auto;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	margin: 0;
	padding: 0;
    border-collapse: collapse;
	}
	table th,
	table td{
		font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
		font-weight: bold;
		text-align: left;
		line-height: 1em;
	}

	/*共通*/
	table.stripe-table td.name,table.stripe-table td.yukisaki,table.stripe-table td.time{
			text-align: center;
		}
        
        
/*一覧表背景色*/
table.stripe-table tr:nth-child(even){
	background: #F8F9FA;
}

table.stripe-table tr:nth-child(odd){
	background: #FFFFFF;
}

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

article,section

-----------------------------------------------------------------------------*/
article{
	width: 100%;
	height: 100%;
	margin: 0;
    padding: 0;
    padding-bottom: 20px;
	overflow: hidden;
	}


/*行動予定表の設定*/
#wrapper {
	width: 100%;
	height: auto;
	overflow: hidden;
	background: tranceparent;
	}
    /*タイトル・部署名*/
	table#titleTable{
		width: 100%;
		height: auto;
		/*margin-bottom: 10px;*/
		background: #62D1AC;
        }
		table#titleTable td{
        	color: #FFF;
            text-shadow: 1px 1px 3px #264B79;  
			background: #62D1AC;
			padding: 8px 20px 5px 20px;
            line-height: 1em;
			}
            table#titleTable td#titleTd{
                font-size: 26px;/*部署名*/
                letter-spacing: 2px;
                }
            table#titleTable td#date,table#titleTable td#clock{
                font-size: 22px;/*日付と時間*/
				letter-spacing: 0;
                text-align: right;
                }
                   
	/*行動予定表の設定*/
    table.stripe-table {
		width: 100%;
		background: #FFF;
        border-bottom: 2px solid #E8E8E8;
         }
		/*見出し欄*/	
		table.stripe-table th{
			color: #FFF;
			background: #797877;/*濃いグレー*/
			font-size: 18px;
			font-weight: bold;
			height: auto;
			padding: 8px;
			text-align: center;
            }
			/*氏名（見出し）*/
			table.stripe-table th.name_th{
				border-right: 3px solid #CCC;
				}
               
			/*行き先（見出し）*/
			table.stripe-table th.yukisaki_th{
					}
			/*以下---------------------------------------*/
			table.stripe-table td{
				color: #333;
				line-height: 1em;
				padding: 5px 20px;
				vertical-align: middle;
				font-weight: bold;
				}
			/*氏名欄*/
			table.stripe-table td.name{
				width: 22%;
				font-size: 22px;
				text-align: center;
				border-right: 3px solid #e8e8e8;
				}
				table.stripe-table td.name:hover,table.stripe-table td.name:active{
					cursor: pointer;
					background: #FFFFCC;
					}
                   	/*氏名リンク*/
                    td.name a {
                        display: block;
                        width: 100%;
                        height: 100%;
                        padding: 6px 0;
                        background: tranceparent;
                        }
                        td.name a:link,td.name a:visited{
                                color: #333;
                                }
                        td.name a:hover,td.name a:active,td.name a:focus{
                                color: #444;
                                background: #C5DCF5;
                                border-radius: 4px;        
                                -webkit-border-radius: 4px;  
                                -moz-border-radius: 4px;   
                                position: relative;
                                behavior: url(../PIE.htc);
                            }

			/*行先ステータス（モード）欄*/
			table.stripe-table td.yukisaki{
				width: 5%;
				font-size: 20px;
				text-align: center;
					}
			/*今日の予定（メモ）*/
			table.stripe-table td.memo {
				width: 63%;
				font-size: 18px;
				text-align: left;
				}
 
   /*タイトル・日付と時間を表示*/
	table#titleTable td#date,table#titleTable td#clock{
   			visibility: visible;           
            }
footer{
	 bottom: 0;
     position: absolute;
     width: 100%;  
     height: 20px;  
	padding: 10px 0;
	 }
     footer p {
        text-align: center;
        font-size: 10px;
        letter-spacing: 2px;
        color: #ccc;
        font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
        }

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

icon

-----------------------------------------------------------------------------*/
/*行き先ステータスの形状---色の設定は可変・MainBody*/
.icon {
	display: block;
	width: 4em;
    height: auto;
	padding: 8px 2px;
	border-radius: 6px;        
	-webkit-border-radius: 6px;  
	-moz-border-radius: 6px;   
	position: relative;
	behavior: url(../PIE.htc);
	}
    .icon:hover,.icon:active {
		background: #FFFFCC;
        }

/*当番アイコンの形状---色の設定は可変・MainBody.php*/
.tobanIco {
	width: 24px;
	height: 24px;
	padding: 3px 6px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: relative;
	behavior: url(../PIE.htc);
	}

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

文字数ごとのfont size 調整用

-------------------------------------------------------------------------*/
	.fsize10{
		font-size:10px;
	}
	.fsize12{
		font-size:12px;
	}
	.fsize14{
		font-size:14px;
	}
	.fsize15{
		font-size:15px;
	}
	.fsize16{
		font-size:16px;
	}
	.fsize17{
		font-size:17px;
	}
	.fsize18{
		font-size:18px;
	}
	.fsize19{
		font-size:19px;
	}
	.fsize20{
		font-size:20px;
	}
	.fsize21{
		font-size:21px;
	}
	.fsize23{
		font-size:23px;
	}
	.fsize24{
		font-size:24px;
	}
	.fsize25{
		font-size:25px;
	}
	.fsize27{
		font-size:27px;
	}
	.fsize28{
		font-size:28px;
	}
	.fsize30{
		font-size:30px;
	}
	.fsize32{
		font-size:32px;
	}
	.fsize34{
		font-size:34px;
	}
	.fsize36{
		font-size:36px;
	}
	.fsize38{
		font-size:38px;
	}
	.fsize40{
		font-size:40px;
	}



 /**
* Media Queries
* ----------------------------------------------------------------------------
*/

@-ms-viewport {
width: device-width;
}

@media screen and (max-width: 980px) {
/* iPad,iPhone用の記述 */
article{
	width: 100%;
	height: auto;
	margin: 0;
    padding: 0 0 1% 0;
	overflow: hidden;
	}

    /*タイトル・部署名*/
    table#titleTable{
       	height: 40px;
        } 
        table#titleTable td{
            padding-top: 10px;
            padding-bottom: 10px;
            }  
            table#titleTable td#titleTd{
                visibility: hidden;
                display: none;
                font-size: 0;
                width: 0;
                }
   /*タイトル・日付と時間の表示*/
	table#titleTable td#clock{
   			visibility: hidden;
            display: none;
            font-size: 0;
            width: 0;
            }
            table#titleTable td#date{
                visiblity: visible;
                width: 100%;
                text-align: center;
                font-size: 40px;
                height: 40px;
                line-height: 40px;
                }

	/*行動予定表の設定*/
		/*見出し欄*/	
		table.stripe-table th{
			font-size: 30px;
            }
        table.stripe-table td{
			padding: 12px 10px;
			}

		/*氏名欄*/
		table.stripe-table td.name{
            width: 26%;
        	padding: 12px 5px;
			font-size: 38px;
			}
		/*行先ステータス（モード）欄*/
		table.stripe-table td.yukisaki{
            width: 6%;
			font-size: 35px;
			}
		/*今日の予定*/
		table.stripe-table td.memo {
            width: 55%;
			font-size: 30px;
			}

}

@media screen and (max-width: 979px) {
/* 979px以下用（iPad タブレット用）の記述 */
   /*タイトル・部署名*/
    table#titleTable td{
          padding-top: 8px;
          padding-bottom: 8px;
           }  
        table#titleTable td#titleTd{
            visibility: hidden;
            display: none;
            font-size: 0;
            width: 0;
            }
   /*タイトル・日付と時間を非表示*/
	table#titleTable td#clock{
   			visibility: hidden;
            display: none;
            font-size: 0;
            width: 0;
            }
            table#titleTable td#date{
                visiblity: visible;
                width: 100%;
                text-align: center;
				font-size: 22px;
                }
              
	/*行動予定表の設定*/
		/*見出し欄*/	
		table.stripe-table th{
			font-size: 22px;
            }   
            table.stripe-table td{
               padding: 10px 7px;
     		}
			/*氏名欄*/
			table.stripe-table td.name{
				font-size: 22px;
                padding: 10px 5px;
				}
			/*行先ステータス（モード）欄*/
			table.stripe-table td.yukisaki{
				font-size: 20px;
					}
			/*今日の予定*/
			table.stripe-table td.memo {
				font-size: 18px;
				}

}

@media screen and (max-width: 640px) {
/*640px以降*/
   /*タイトル・部署名*/
   table#titleTable{
       height: auto;
       }
        table#titleTable td{
              font-size: 13px;
              line-height: 1.1em;
              height: auto;
              padding-top: 2px;
              padding-bottom: 2px;
              }  
            	table#titleTable td#titleTd{
                  visibility: hidden;
                  display: none;
                  font-size: 0;
                  width: 0; 
                  }
   /*タイトル・時間を非表示*/
	table#titleTable td#clock{
            display: none;
            font-size: 0;
            width: 0;
            }
    table#titleTable td#date{
            visiblity: visible;
            width: 100%;
            text-align: center;
            font-size: 15px;
            }
	/*行動予定表の設定*/
		/*見出し欄*/	
		table.stripe-table th{
			font-size: 12px;
            padding: 3px;
            } 
        table.stripe-table td{
            padding: 4px 2px;
          	height: auto;
            }       
			/*氏名欄*/
			table.stripe-table td.name{
				font-size: 14px;
                padding: 2px 5px;
				}
			/*行先ステータス（モード）欄*/
			table.stripe-table td.yukisaki{
				font-size: 13px;
                padding-left: 7px;
				}
			/*今日の予定*/
			table.stripe-table td.memo {
				font-size: 13px;
				}
            
            /*ステータスアイコン*/
            .icon {
                padding: 5px 2px;
            }

}