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

@font-face {
    font-family: 'keifontregular';
    src: url('fonts/keifont.woff2') format('woff2'),
         url('fonts/keifont.woff') format('woff'),
         url('fonts/keifont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

p{
	font-size:1em;
	line-height:1.5em;
}
p:first-child{
	margin-top:0;
}
img{
	margin:2em;
}
hr{
	border-top: 2px dotted #CB6500;
	margin:1em 0em;
}
li {
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
	margin:1em;
}
.maincolumn{
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2;
   -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
  -moz-column-gap: 40px; /* Firefox */
  column-gap: 40px;
}
.maincolumn img{
	width:80%;
	margin:2em;
}
#divall{
	width:80%;
	margin:0 auto;
}
#header{
	position:fixed;
	top:0;
	margin:0 auto;
	width:80%;
	z-index:5;
}
#headimg {
	width:100%;
}
#footer{
	width:80%;
	 margin:-6em auto;
	 z-index:7;
}
 #footimg{
	 width:100%;
 }
#menudiv p{
	font-family:keifontregular;
	font-weight:bold;
	font-size:1.5em;
	color:#CB6500;
	text-align:center;
	text-decoration:underline;
	cursor:pointer;
}
.title2,.title22{
	font-family:keifontregular;
	font-weight:bold;
	font-size:1.5em;
	color:#CB6500;
	margin:2em 0 0;
	  -webkit-columns: 200px 1; /* Chrome, Safari, Opera */
  -moz-columns: 200px 1; /* Firefox */
  columns: 200px 1;	
}
.title2:first-child{
		margin:0;
}

#mainframe{
	margin:27% auto 0;
	width:80%;
	background-color:#Fff;
	height:50%;
}
.bigphoto{
	margin:0 auto;
	width:100%;
}
.columns2l, .columns2r{
	width:45%;
	margin: 1em 2em 1em 0;
	float:left;
}
.columns2r{
		margin: 1em;
}
#kawaradadiv{
	width:50%;
	float:left;
}
#kawaradaphoto{
	width:30%;
	margin:10px auto;
}
@media screen and (max-width: 1500px) {
	#divall, #header,#footer{
		width:100%;
	}
}
@media screen and (max-width: 840px) {
	.maincolumn{
  -webkit-column-count: 1; /* Chrome, Safari, Opera */
  -moz-column-count: 1; /* Firefox */
  column-count: 1;
	}
.maincolumn img{
	width:100%;
}
.columns2l, .columns2r{
	width:100%;
	margin: 1em 0;
	float:none;
}
#kawaradadiv,#kawaradaphoto{
	width:100%;
}
}