@charset "UTF-8";
/*base.css */

/*Base setting_____________________________________*/
body {
	color:#666;
	font:16px/1.6 Century Gothic,'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	overflow-x:hidden;
	/*古い構文（old Safari用）*/
	background:-webkit-linear-gradient(left top, #eedad9 20%, #b9b9d1 20%, #8d9ac6 20%) fixed #eedad9;
	/*新しい構文*/
	background:#f5f5f5
}



/*header footer*/
header, footer {
	width:100%;
	z-index:2;
//	position:fixed;
	background: rgba(230,247,247,1.0)}
footer {
	bottom:0;	
	text-align: center;
	font-size:85%;
	padding:10px 0 8px}
footer span {font-family:Century Gothic, sans-serif}
/*header menu_____________________________________*/
header {display:table;font-size:0;line-height:0}
header h1, nav {display:table-cell}
nav {text-align:right;vertical-align:bottom}
header h1 a img {height:50px;margin:10px}
header ul {font-size:18px;line-height:1;margin:0 10px 10px 0}
header ul li {margin-left:3px; display:inline-block}
header ul li::after {content:' |'}
header ul li:last-child::after {content:''}
header ul li a {color:inherit}

/*layout_____________________________________*/
/*wrap*/
#wrap {display:table; height:100%; height:100vh; width:100%}
#wrap section {display:table-cell; vertical-align:top}
#wrap section p { width:90%; margin:auto}
#wrap iframe {
  width: 100%;
  height: 100%;
}
/*Media-queries_____________________________________*/
@media screen and (max-width: 1000px) {
html {-webkit-text-size-adjust:100%}/*disable webkit text size adjust (for iPhone)*/
a img:hover {opacity:1}
header h1 a img {height:30px}
}
@media screen and (max-height: 640px) {
html {-webkit-text-size-adjust:100%}/*disable webkit text size adjust (for iPhone)*/
a img:hover {opacity:1}
header h1 a img {height:20px}
}
/*smaller than 640-----------------------------*/
@media screen and (max-width: 640px) {
html {-webkit-text-size-adjust:100%}/*disable webkit text size adjust (for iPhone)*/
img {max-width : 100% ;height : auto ;}
a img:hover {opacity:1}
header h1 a img {height:20px}
footer {font-size:80%; padding:5px}

}

#slideshow {
  margin: 80px auto;
  position: relative;
  width: 240px;
  height: 240px;
  padding: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
/*SlideShow-----------------------------*/

#slideshow > div {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}

h1 {
	font-size: 18px;
	margin:1px;
	font-weight:normal;
	color:#D6AC83;
	padding-left:20px;
	padding-top:2px;
}
h2 {
	margin:2px;
	margin-bottom:10px;
	font-size: 16px;
	padding-left: 3px;
	color:#C78E56;
	
}
h3 {
        margin:3px;
	color:#666666;
	font-size: 14px;
	line-height:1.2em;
	padding: 3px
}