@charset "utf-8";

body {
font-size:1.2rem;
}

.wrapper{
margin:0 auto;
max-width:900px;
}

.br-pc{
display:none;
}


section{
max-width:1000px;
height:auto;
margin:0.5em auto 2em;
padding:1em;
border:solid 1px #FFF;
-webkit-box-shadow:0 0 10px 0 rgba(102,102,102,0.3);
box-shadow:0 0 10px 0 rgba(102,102,102,0.3);
background-color:rgba(255,255,255,0.6);
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}

p.note{
margin:5px 20px;
padding-left:1em;
text-indent:-1em;
font-size:90%;
}

h1{
font-size:2rem;
margin-bottom:0.2em;
}

.cont{
margin:1em auto;
text-align:left;
font-size:1rem;
}

.cont li{
padding:0.1em;
}

.cont li li{
margin-left:1em;
}

.cont li a{
position:relative;
display:block;
width:88%;
margin:2% auto;
padding:20px 30px 20px 20px;
letter-spacing:1px;
font-size:1.2rem;
background-color:#41C9B3;
color:#FFF;
text-decoration:none;
border:#FFF solid 1px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
text-align:left;
vertical-align:top;
}

.cont li li a{
position:relative;
display:block;
width:88%;
margin:0 auto 2%;
padding:10px 40px 10px 10px;
letter-spacing:1px;
font-size:1.2rem;
background-color:#3366CC;
color:#FFF;
text-decoration:none;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
text-align:left;
vertical-align:top;
}

.cont li li.gmap a{
background-color:#FF7373;
}

.cont li a:hover{
position:relative;
top:1px;
left:1px;
color:#FFF;
opacity:0.8;
}


/*
.cont li a:before{
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\f10c";
margin-right:5px;
color:#FFF;
}
*/

.cont li a:after{
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\f0a9";
margin-left:5px;
color:#FFF;
}

.cont li a:after{
position:absolute;
right:10px;
top:40%;
}

.cont li li a:after{
position:absolute;
right:10px;
top:35%;
}


/* .topmenu
---------------------------------*/	

.topmenu{
width:90%;
margin:1em auto;
padding:0.5em;
background-color:#EEE;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
}

.topmenu ul{
margin:0 0 0 -1em;
padding:0;
font-size:100%;
line-height:1.2;
list-style:none;
}

.topmenu ul li{
text-align:left;
padding:0;
font-size:120%;
}

.topmenu ul li a{
display:block;
padding:10px 10px 10px 1.5em;
color:#000;
text-decoration:none;

text-indent:-0.6em;
margin-left:1em;
}

.topmenu ul li a:before {
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
font-size:120%;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\f0ab";
margin-right:5px;
color:#36C;
}

.topmenu ul li a:hover{
background-color:#FFF;
}



/* .past-program
---------------------------------*/	
.past-program{
	
}


.box{
position:relative;
margin-top:10px;
padding-bottom:56.25%;
height:0;
overflow:hidden;
text-align:center;
}

.box iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}





/* 
.footer
-------------------------------- */
.footer{
padding:12px 0;
font-size:1.3rem;
background-color:#111;
}

/* p.copyright
-------------------------------------- */

p.copyright{
margin-top:10px;
padding:10px;
color:#888;
}

#return-top {
position:fixed;
display:block;
z-index:10;
right:10px;
bottom:50px;
background:#111;
background:rgba(0,0,0,.6);
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.4);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.4);
box-shadow: 0px 0px 3px rgba(0,0,0,.4);
list-style-type:none;
margin:0;
padding:0;
line-height:1;
}

#return-top li {
display:block;
margin:4px;
text-align:center;
}

#return-top a {
display:block;
color:#fff;
padding:0 12px 4px;
font-size:16px;
text-decoration:none;
opacity:0.8;
-ms-filter: "alpha( opacity=80 )";
filter: alpha( opacity=80 );
}

#return-top a i{
display:block;
font-size:30px;
margin-bottom:2px;
}

#return-top a:hover {
text-decoration:none;
opacity:1.0;
-ms-filter: "alpha( opacity=100 )";
filter: alpha( opacity=100 );
}



@media (min-width: 700px) {
	
.br-sp{
display:none;
}

.br-pc{
display:block;
}

.cont{
max-width:90%;
}


/* .topmenu
---------------------------------*/	
.topmenu{
width:98%;
}


}



@media (min-width: 1000px) {
	
.cont{
max-width:800px;
}

/* .topmenu
---------------------------------*/	
.topmenu ul li{
float:left;
*clear:right;
width:50%;
}

}