@charset "utf-8";
/* CSS Document */



* { 
    margin-top: 0px; 
	padding-right: 1px;
    padding-left: 1px; 
}

ul.topnav {
	overflow: hidden;
	margin-top:0px;
	padding-top: 10px;
	padding-left: 0px;
	padding-bottom: 10px;
	position:fixed ;
	list-style-type: none;
	border: none;
	width:100%;
	background-color: rgba(255,255,255,0.80);
    color:black ;
}
ul.topnav li {
	float:left;
}
ul.topnav li a {
	display:block;
	padding-top:0px;
	padding-left: 0px;
	padding-bottom: 3px;
	padding-right: 20px;
	text-align: start;
	text-decoration: none;
	font-weight:bolder ;
	font-size:small ;
	color: #000000;
	border: none;
	
}
ul.topnav li a:hover:not(.active) {
	background-color: rgba(0,0,0,0.50);
}
ul.topnav li a.active {
	text-decoration: underline ;
}

body {
font-family: 'Sitka Display','Helvetica','メイリオ', Meiryo,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
}

body{
  -webkit-text-size-adjust: 100%;
}

span {
	display:inline-block;
	width:9em
}

	a {
color: black;  
text-decoration:none;
}
	
p {
   margin: 0.5em 0px;
   font-size: small ;
}
h5 {
   margin: 0.5em 0px;
}
label {
	background-color:#BEBEBE 
	   
}
div {
   width : 20em ; 
	   
}

main { padding-top: 100px;
       padding-bottom: 50px;
}

figure {
    display: inline-block;   
    margin: 0px 10px 0px 0px;
    background-color: #fff;  

}
figure img {
    display: block;      
    margin: 0px 0px 0px 0px;
}

figcaption {
	font-size: 11px;  
	font-weight: 100; 
	line-height: 1.5 ;
	text-align: left; 
	color: #7F7E7E

}
/* フォーム */
form div  {
    margin-bottom: 20px;
}
label {
    font-size: small ;
    margin-bottom: 10px;
    display: block;
}
input[type="text"],
input[type="email"],
textarea {
    border: 1px solid;
    border-radius: 3px;
    padding: 10px;
    font-size: small ;
}
input[type="text"],
input[type="email"] {
    width: 100%;
    max-width: 240px;
}
textarea {
    width: 100%;
    max-width: 480px;
    height: 10rem;
}
input[type="submit"] {
    border: 1px solid;
    cursor: pointer;
    line-height: 1;
}