@charset "utf-8";
* {
	margin: 0;
	padding: 0
}
ul, ol {
	list-style : none
}
img {
	vertical-align : middle;
}
img {
	max-width : 100%;
	height : auto;
}
header {
	margin:0 auto;
	width:100%;
	text-align : center;
	background:#191919;
}
.image{
	margin-top : 1em;
	margin-bottom : 1.5em;
	box-shadow : 0 0 5px #2f1f1f
}
html {
	line-height : 1.7;
	font-size: 105%;
	letter-spacing: 0.08em;
}
#contents {
	text-align:center;
}
#contents p {
	margin-top:1.5em;
	margin-bottom : 1.5em;
}
h3 {
	color:#fff;
	background:#F29130;
	text-align:center;
	border-radius: 10px;
	font-size : 1.2em !important;
	padding:6px!important;
	margin-top:1.5em;
	margin-bottom : 1.5em;
}
h4 {
	width:400px;
	margin:20px auto;
	border:2px dotted #999999;
	font-size : 1.2em;
	color:#336633;
	padding:8px;
}
.font-s {
	font-size:0.8em
}
.font-m {
	font-size:1.2em
}
.font-b {
	font-size:1.8em;
	color:#660000;
	text-decoration: underline overline;
	text-decoration-style: dotted;
}
@media screen and (max-width: 768px) {
.box {
	padding:20px;
	text-align:left;
}
.box500 {
 text-align:left!important;
 padding:10px;
 background-color:#CCFF66!important;
 color:#666;
}
.box450 {
	padding:20px;
	text-align:left;
}
}
@media screen and (min-width : 768px) {
#contents {
 text-align : center
}
.menucss {
 top: 200px;
 position: fixed;
 z-index: 1;
 margin-left:-160px;
 width: 120px;
 padding:10px;
 background:#ffffff;
}
h1 {
 font-size : 1em;
 line-height : 1;
 margin-bottom : 1em;
}
h2 {
 font-size : 2em; /* 36px */
 line-height : 1.3333; /* 48px */
 margin-bottom : 1em
}
h3 {
 margin : 20px auto;
 width:700px;
}
#contents {
 text-align : center
}
.box {
 text-align:center;
 border:1px solid #333;
 width:640px;
 padding:10px;
 margin:20px auto;
 border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
 color:#903;
}
.box500 {
 margin:20px auto;
 text-align:left;
 padding:10px;
 width:520px;
 background-color:#CCFF66;
 color:#666;
 font-size:105%
}
.box450 {
 margin:10px auto;
 text-align:left;
 width:470px;
}

/***トップへ戻るボタン***/
#back-top a{
    position: fixed;
    right:20px;
    bottom:10px;
    transition: 1s;
}
 #back-top a:hover{ 
    opacity: 0.75;
}
/***トップへ戻るボタンここまで***/
/***トップへ戻るボタン***/
#page-top {
	position: fixed;
	right: 10px;
	bottom: 10px;
	font-size: 1.2rem;
	line-height: 1.2rem;
	background: #fff;
	color: #ffbf70;
	padding: 10px;
	border: solid 1px;
	border-radius: 50%;
	box-shadow: 0 2px 10px -6px rgba(0,0,0,.5), 0 3px 10px -4px rgba(0,0,0,.2);
}
/***トップへ戻るボタンここまで***/
}