@charset "utf-8";

html{font-size:62.5%;}

body{background: #8CC63F;
margin: 0;
padding: 0;
font-size:1.5rem;
}

.main{display:flex;
background-color:#FFFFFF;
width:960px;
margin:0 auto;
}

.menu{width: 230px;}
.contents{width: 730px;}

.menu h1{text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	font-size:1px;
	color:#ffffff;
}

.menu img{margin:auto;
display:block;}

.menu ul{margin:0 0 10px 0;
padding:0;	
}

.menu li{list-style:none;
	border-top:2px solid #ffffff;
	background-color:#8FE7FF;
}

.menu li.now{background-color:#d9e021;
}

.menu li a{display:block;
	padding:17px 10px;
	text-decoration:none;
    color:#0000cc}

.menu li a:hover{background-color:#d9e021;}

.contents h2{margin:5px 10px;
padding:3px 10px;
background-color:#d9e021;
border-bottom:2px solid #009245;
}

.contents h3{margin:20px;
padding:2px 0px 2px 11px;
border-left:solid 7px #009245;
color:#413BD3;
}

.contents p{margin:20px 15px 20px 30px;}

.contents ul{margin:5px 20px 5px 15px;}

.contents li{padding:4px;
line-height: 1.5em;
list-style-type: square;
color:#666666;}

.gaiyou{width:700px;
margin-top:30px;}

.gaiyou dl{display: flex;
flex-wrap: wrap;
line-height: 1.5em;
}

.gaiyou dt{width:15%;
margin-left:40px;
font-weight:bold;}

.gaiyou dd{width:60%;
padding-bottom:20px;
}

.gaiyou dt:before{
	display: inline-block;
	margin-right: 15px;
	font-family: "Font Awesome 5 Free";
	content:'\f0da';
	color:#63E6BE;	
}

.button001 a {
    background: #eee;
    border-radius: 10px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 300px;
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}

.button002 a {
    background: #eee;
    border-radius: 25px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 280px;
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
	text-decoration:none;
}
.button002 a:before {
    content: "\f15b";
    position: relative;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 8px;
    color: #999;
}
.button002 a:hover {
    background: #1A9B21;
    color: #FFF;
}

.button002 a:hover:before {
    color: #FFF;
}

.linkcontents{
	margin:20px 30px;
}

.linkcontents dt{
	font-weight: bold;
}
.linkcontents dd{
	margin-bottom:40px;
}

.linkcontents dd:after{
	content: "\f35d";
    position: relative;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
	margin-left:10px;
	color:#999999;
}

.banner{background-color: #FFFFFF;
width:960px;
margin:0 auto;
text-align:center;
padding:15px 0;
clear:both;
}

.banner img{margin:0 15px;
}

.infoarea{display:flex;
background-color:#FFFFFF;
width:960px;
margin:0 auto;
padding:5px 0px;
}

.poster{width:230px;
	text-align: center;
}

.posterbox{background-color: #FFFFC7;
margin:0 10px 5px 10px;
padding:10px;
text-align: center;}

.posterbox p{margin:0;}


.info{width:720px;
}

.info h2{margin-top:0;
padding:3px 10px;
background-color:#d9e021;
border-bottom:2px solid #009245;
}

.info dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
line-height: 2em
}

.info dt{width:15%;
margin-left:10px;
font-weight:bold;}

.info dd{width:75%;}

.unei{background: #009245;
color:#ffffff;
width:auto;
padding:5px;
clear:both;
}

.jimukyoku{width:800px;
margin:0 auto;
padding:0 10px;
border-left: solid #006837 5px;
}

.footer{text-align: center;
background: #006837;
color:#ffffff;
width:auto;
padding: 5px;
}

.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222;
    font-size: 25px;
    text-decoration: none;
    padding: 5px 12px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	border-radius: 10px;
}
.pagetop a:hover {
    display: block;
    background-color: #b2d1fb;
    text-align: center;
    color: #fff;
    font-size: 25px;
    text-decoration: none;
    padding:5px 12px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	border-radius: 10px;
}

iframe {margin-left:30px;}