@charset "utf-8";

/* @group Reset */

*{ margin: 0;padding: 0}
	
	body { min-width :300px;
		/*display: flex;*/
/*flex-flow: column;*/
		/*min-height: 100vh;*/
	}

a { text-decoration : none}
ul, ol { list-style : none}
img { vertical-align : middle}
/* @end */
				
				


/* @group Fluid-img */

				img { max-width : 100%;	}

				/* @end */
				
				ul.menu {position:fixed; top:0px; right:0px;}			
.menu__item {
  background: #fff;
  color: #fff;
  cursor: pointer;
  display: block;
  margin-bottom: 1px;
}
.menu__item__link {
  color: #000;
  display: block;
  line-height: 50px;
  padding: 0 1rem;
  position: relative;
}
.menu__item__link:after {
  background: #fff;
  content: '\f067';
  display: block;
  font-family: "serif","Font Awesome 5 Free";
  line-height: 50px;
  position: absolute;
  left: 0;
  text-align: center;
  top: 0;
  width: 10px;
}
.menu__item__link.on:after {
  content: '\f068';
}
 
.submenu {
  background: #fff;
  display: none;
}
.submenu__item {
  border-bottom: 1px solid #ccc;
  color: #222;
  padding: 1rem;
}

/* @group HTML */

				html {
					width : 100%;
margin : 0 auto;
text-align : center !important;
font-family : monospace;
font-size : 100%;
line-height : 1.5
}

					/* @end */table {margin:auto;;}
					table tr td {text-align:left;}

				
/*logo*/
				
					/* @group Heading */
					h1 {font-family:monospace;}

h1,h2,h3,h4,h5,h6 { }

					h4#yoyaku {padding:0;border:1px;color:#000;}
					h4#yoyaku a {padding:4px;border:1px solid;display:block;}
	                h4#yoyaku a:link {color:#000;}
hgroup ,h4,h5,h6 {
font-size : 16px; /* 16px */
line-height : 1.5} /* 24px */
								
						
						h4 {padding-top:24px;}								


/* @end */
						
						/* @group Header */

header { 
padding-top : 36px;
background : #fff}

							
							
							#stf {padding-left:10px;}
							#stf p {float:left;}
							/* @end */
							#_gallery {padding-left:10px;}
							#_gallery p {float:left;padding-right:10px;}
							

/* @group Nav */

nav {
margin-bottom : 24px;
}

nav ul { overflow : hidden}

nav ul li a {
color:#a2a2a2;
display : block;
padding : 6px 0;}
												
.navi {

}
								
												
.navi ul li {
font-size:16px;
line-height:1em;
margin:0;
}
.navi ul li a {display:block;
	padding:4px;
}												
.navi ul li.last {border-left:0;
}										
/*img#img1{clear:all;}*/

/* @end */

/* @group Contents */

										#contents {
											font-size:14px;
margin : 0 auto;
text-align : center}

#contents p { 
margin-bottom : 24px;}
											#contents 
											{ margin-bottom : 24px; }


/* @end */

/* @group Footer */


/* @end */

/*768px*/
@media screen and (min-width : 768px){
table {margin:auto;}


												/*font-size:1.14em;*/
												font-size:16px;

}

/*1024px*/
@media screen and (min-width : 1024px) {
										font-size:24px;
										table {margin:auto;}

										/* @group Nav */
										
										

nav ul {
width : 93.75%;/* 960/1024 */
margin : 0 auto}

/* @end */

/* @group Contents */

#contents {
overflow : hidden;
width : 93.75%}
												
												#contents #main {flex: 1;}
#contents #main,
#contents #sub { 
margin : 0 1.0416667% } 

/*#contents #main { width : 64.5833333%}
#contents #sub { width : 31.25%}*/

/* @end */


																									/* @group Footer */
																								
																									
																									

/* @end */