@charset "utf-8";

* {
	margin:0;
	padding:0;
}

body {
	font-family: 'Noto Serif JP', serif;
}

#body-top {
	background-image: url("../img/back1.jpg");
}

#body-admin {
	background-color: white;
}

.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

a:link,
a:visited {
	color: black;
	text-decoration:none;
}

a:hover,
a:active {
	color: red;
	opacity: 0.5;
	transition: all  0.5s ease;
	/*text-decoration: underline;*/
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}

#page-top a {
    background: orange;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}

#page-top a:hover {
    text-decoration: none;
    background: purple;
}

/* ▽▽▽　PC用CSS START */
@media only screen and (min-width:960px){
	#main-box {
		width: 100%;
		height: 960px;
		float: left;
	}
	#left-box {
		width: 5%;
		height: 960px;
		float: left;
	}
	#sub-box {
		width: 22%;
		height: 238px;
		float: left;
		background-color: aliceblue;
		border: 1px solid #000000;
	}
	#right-box {
		width: 5%;
		float: right;
	}
	.fsize0 {
		font-size: 15px;
	}
	.fsize1 {
		font-size: 20px;
	}
	.fsize2 {
		font-size: 25px;
	}
	.fsize3 {
		font-size: 30px;
	}
	
	.fcolor0 {
		color: white;
	}
	.fcolor1 {
		color: darkblue;
	}
	.fcolor2 {
		color: darkgreen;
	}
	.fcolor3 {
		color: aquamarine;
	}
	.fcolor4 {
		color: darkgoldenrod;
	}
	.fcolor5 {
		color: darkviolet;
	}
	.fcolor6 {
		color: black;
	}
}
/* △△△　PC用CSS END */
/* ▽▽▽　Tablet用CSS START */
@media only screen and (max-width:960px){
	#main-box {
		width: 960px;
		height: 960px;
	}
	#left-box {
		
	}
	#sub-box {
		width: 232px;
		height: 232px;
		float: left;
		background-color: aliceblue;
		border: 1px solid #000000;
	}
	#right-box {
		
	}
	.fsize0 {
		font-size: 8px;
	}
	.fsize1 {
		font-size: 10px;
	}
	.fsize2 {
		font-size: 15px;
	}
	.fsize3 {
		font-size: 20px;
	}
	
	.fcolor0 {
		color: white;
	}
	.fcolor1 {
		color: darkblue;
	}
	.fcolor2 {
		color: darkgreen;
	}
	.fcolor3 {
		color: aquamarine;
	}
	.fcolor4 {
		color: darkgoldenrod;
	}
	.fcolor5 {
		color: darkviolet;
	}
	.fcolor6 {
		color: black;
	}
}
/* △△△　Tablet用CSS END */
/* ▽▽▽　Tablet用CSS START */
@media only screen and (max-width:640px){
	#main-box {
		width: 640px;
		height: 640px;
	}
	#left-box {
		
	}
	#sub-box {
		width: 152px;
		height: 152px;
		float: left;
		background-color: aliceblue;
		border: 1px solid #000000;
	}
	#right-box {
		
	}
	.fsize0 {
		font-size: 8px;
	}
	.fsize1 {
		font-size: 10px;
	}
	.fsize2 {
		font-size: 15px;
	}
	.fsize3 {
		font-size: 20px;
	}
	
	.fcolor0 {
		color: white;
	}
	.fcolor1 {
		color: darkblue;
	}
	.fcolor2 {
		color: darkgreen;
	}
	.fcolor3 {
		color: aquamarine;
	}
	.fcolor4 {
		color: darkgoldenrod;
	}
	.fcolor5 {
		color: darkviolet;
	}
	.fcolor6 {
		color: black;
	}
}
/* △△△　Tablet用CSS END */
/* ▽▽▽　smartphone用CSS START */
@media only screen and (max-width:480px){
	#main-box {
		width: 480px;
		height: 1920px;
	}
	#left-box {
		
	}
	#sub-box {
		width: 236px;
		height: 236px;
		float: left;
		background-color: aliceblue;
		border: 1px solid #000000;
	}
	#right-box {
		
	}
	.fsize0 {
		font-size: 8px;
	}
	.fsize1 {
		font-size: 10px;
	}
	.fsize2 {
		font-size: 15px;
	}
	.fsize3 {
		font-size: 20px;
	}
	
	.fcolor0 {
		color: white;
	}
	.fcolor1 {
		color: darkblue;
	}
	.fcolor2 {
		color: darkgreen;
	}
	.fcolor3 {
		color: aquamarine;
	}
	.fcolor4 {
		color: darkgoldenrod;
	}
	.fcolor5 {
		color: darkviolet;
	}
	.fcolor6 {
		color: black;
	}
}
/* △△△　smartphone用CSS END */
/* ▽▽▽　old-device用CSS START */
@media only screen and (max-width:320px){
	#main-box {
		width: 320px;
		height: 1280px;
	}
	#left-box {
		
	}
	#sub-box {
		width: 156px;
		height: 156px;
		float: left;
		background-color: aliceblue;
		border: 1px solid #000000;
	}
	#right-box {
		
	}
	.fsize0 {
		font-size: 8px;
	}
	.fsize1 {
		font-size: 10px;
	}
	.fsize2 {
		font-size: 15px;
	}
	.fsize3 {
		font-size: 20px;
	}
	
	.fcolor0 {
		color: white;
	}
	.fcolor1 {
		color: darkblue;
	}
	.fcolor2 {
		color: darkgreen;
	}
	.fcolor3 {
		color: aquamarine;
	}
	.fcolor4 {
		color: darkgoldenrod;
	}
	.fcolor5 {
		color: darkviolet;
	}
	.fcolor6 {
		color: black;
	}
}
/* △△△　old-device用CSS END */