/* CSS Document */


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

header{
	width:100%;
	height:60px;
	margin:0px;
	padding:0px;
	
	border: 3px solid #999;
	border-radius: 10px;
	
	float:left;
	
	text-align:left;
	-ms-writing-mode: tb-rl;
  	writing-mode: vertical-rl;
	text-orientation: upright;
	
	}
footer{
	width:100%;
	height:60px;
	border: 3px solid #999;
	border-radius: 10px;
	
	float:left;
	
	font-family:"UD デジタル 教科書体 N-R","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	//font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	
	padding:1%;
	text-align:left;
	-ms-writing-mode: tb-rl;
  	writing-mode: vertical-rl;
	text-orientation: upright;
	}
	
div{
	
	width:200px;
	height:60px;
	border: 0px solid #999;
	border-radius: 0px;
	
	float:right;
	
	//position:absolute;
	//top:800px;
	//left:10px;

	padding:0%;
	text-align:left;
	-ms-writing-mode: tb-rl;
  	writing-mode: horizontal-tb;
	text-orientation: upright;
	
	
	}
	
h1{
	width:300px;
	height:30px;
	margin:0px;
	padding:0px;
	
	float:left;
	border: 0px solid #999;
	border-radius: 0px;
	
	-ms-writing-mode: tb-rl;
  	writing-mode: horizontal-tb;
	text-orientation: upright;
	font-size:14px;
	
}
	
section{
	width:100%;
	height:1800px;
	border: 3px solid #999;
	border-radius: 0px;
	
	float:left;
	
	font-family:"UD デジタル 教科書体 N-R","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	//font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	
	padding:2px;
	text-align:left;
	-ms-writing-mode: tb-rl;
  	writing-mode: vertical-rl;
	text-orientation: upright;
	
	overflow:hidden;
	
	transition: width 0.3s;
	}
	

article{
	float:left;
	
	width:90%;
	height:500px;
	border: 3px solid #999;
	//margin-left:5%;
	//margin-right:5%;
	//margin-bottom:5%;
	margin:0px;
	
	transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	
	
	padding:1%;
	text-align:left;
	-ms-writing-mode: tb-rl;
  	writing-mode: vertical-rl;
	text-orientation: upright;
	
	//font-family:"UD デジタル 教科書体 N-R","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	//font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	//overflow:hidden;
	
	border-radius: 10px;
	
	transition: width 0.3s;
	}
}
	
@media only screen and (min-width: 500px){	


header{
	width:100%;
	height:60px;
	border: 3px solid #999;
	border-radius: 10px;
	
	float:right;
	
	padding:1%;
	text-align:left;
	-ms-writing-mode: tb-rl;
  	writing-mode: vertical-rl;
	text-orientation: upright;
	
	}
footer{
	width:100%;
	height:60px;
	border: 3px solid #999;
	border-radius: 10px;
	
	float:right;
	
	font-family:"UD デジタル 教科書体 N-R","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	//font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	
	padding:1%;
	text-align:left;
	-ms-writing-mode: tb-rl;
  	writing-mode: vertical-rl;
	text-orientation: upright;
	}


h1{
	width:15px;
	height:300px;
	margin:0px;
	padding:0px;
	
	-ms-writing-mode: tb-rl;
  	writing-mode: vertical-rl;
	text-orientation: upright;
	font-size:15px;

	
}
	
	
section {
	width:15px;
	height:600px;
	border-left: 3px solid #999;
	border-radius: 0px;
	
	float:right;
	
	font-family:"UD デジタル 教科書体 N-R","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	//font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	
	padding:2px;
	text-align:left;
	-ms-writing-mode: tb-rl;
  	writing-mode: vertical-rl;
	text-orientation: upright;
	
	overflow:hidden;
	
	transition: width 0.3s;
	}
	
section:hover{
	
	
	
	width:1000px;
	height:600px;
	
	border-left: 3px solid #999;
	border-radius: 0px;
	
	float:right;
	
	
	
	padding:1%;
	text-align:left;
	-ms-writing-mode: tb-rl;
  	writing-mode: vertical-rl;
	text-orientation: upright;
	
	}



article{
	float:right;
	
	width:30%;
	height:500px;
	border: 3px solid #999;
	//margin-left:5%;
	//margin-right:5%;
	//margin-bottom:5%;
	margin:10px;
	
	transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	
	
	padding:1%;
	text-align:left;
	-ms-writing-mode: tb-rl;
  	writing-mode: vertical-rl;
	text-orientation: upright;
	
	//font-family:"UD デジタル 教科書体 N-R","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	//font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	//overflow:hidden;
	
	border-radius: 10px;
	
	transition: width 0.3s;
	}
article:hover{
	float:right;
	
	width:30%;
	height:500px;
	border: 3px solid #999;
	//margin-left:5%;
	//margin-right:5%;
	//margin-bottom:5%;
	margin:10px;
	
	transform:rotateX(00deg) rotateY(0deg) rotateZ(00deg);
	
	
	padding:1%;
	text-align:left;
	-ms-writing-mode: tb-rl;
  	writing-mode: vertical-rl;
	text-orientation: upright;
	
	//font-family:"UD デジタル 教科書体 N-R","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	//font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	
	border-radius: 10px;
	}
}
//media


.week{
	
	width:100%;
	height:650px;
	border: 3px solid #999;
	//margin-left:5%;
	//margin-right:5%;
	//margin-bottom:5%;
	margin:10px;
	
	float:right;
	
	
	}
	
#bottom{
	position:fixed;
	
	
	bottom:0px;
	left:100px;
	}