@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*******************************************************************************************************/
@media print,screen and (min-width: 641px){

.nopc{
	display:none;
}

.clearfix:after {
  content: ".";  /* 新しいコンテンツ */
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; /* 非表示に */
}
 
.clearfix {
 min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

body{
	margin:0;
	padding:0;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size:15px;
	font-weight:200;
	line-height:175%;
	position: relative;
	min-width: 1200px;
	background-color:#fff;
}

header{
	background-color:#666;
	color:#fff;
	padding:20px;
}
h1{
	margin:0;
	font-style: italic;
	font-weight: normal;
	text-align: center;
}

.folder{
	width:800px;
	border:solid #ccc 1px;
	border-radius: 10px;
	margin:30px auto;
	padding:20px;
}
	.folderblock{
		width:300px;
		display: inline-block;
	}
		.foldericon{
			font-size:40px;
		}
		.foldername{
			font-weight: 400;
		}
	.fileblock{
		display: inline-block;
		vertical-align: top;
	}
		.file{
			border-bottom:solid #eee 1px;
			padding-bottom:6px;
			margin-bottom:6px;
		}
		.fileext{
			float:left;
			font-size:40px;
			margin-right: 20px;
		}
		
		.filename{
			display: inline-block;
			width:400px;
			font-size: 17px;
		}
			.filename a{
				text-decoration: none;
			}
			.filename a:hover{
				text-decoration: underline;
			}


		.filetime{
			font-size:12px;
			line-height: 150%;
		}

footer{

padding:50px;
	font-size:13px;
	text-align: center;
}

}

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

.nopc{
	display:none;
}

.clearfix:after {
  content: ".";  /* 新しいコンテンツ */
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; /* 非表示に */
}
 
.clearfix {
 min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

body{
	margin:0;
	padding:0;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size:15px;
	font-weight:200;
	line-height:175%;
	position: relative;
	background-color:#fff;
}

header{
	background-color:#666;
	color:#fff;
	padding:20px;
}
h1{
	margin:0;
	font-style: italic;
	font-weight: normal;
	text-align: center;
}

.folder{
	border:solid #ccc 1px;
	border-radius: 10px;
	margin:30px;
	padding:20px;
}
	.folderblock{
		margin-bottom: 20px;
	}
		.foldericon{
			font-size:30px;
			display:inline-block;
		}
		.foldername{
			display:inline-block;
			font-weight: 400;
		}
	.fileblock{
		display: inline-block;
		vertical-align: top;
	}
		.file{
			border-bottom:solid #eee 1px;
			padding-bottom:6px;
			margin-bottom:6px;
		}
		.fileext{
			float:left;
			font-size:30px;
			margin-left:15px;
			margin-right: 5px;
		}
		
		.filename{
			display: inline-block;

		}
			.filename a{
				text-decoration: none;
			}
			.filename a:hover{
				text-decoration: underline;
			}


		.filetime{
			font-size:12px;
			line-height: 150%;
		}

footer{

padding:50px;
	font-size:13px;
	text-align: center;
}

}