@charset "UTF-8";

img{
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

#header{
  color: #515200;
/*  animation: 60s animate infinite;*/
  background-color: transparent;
  text-align: center;
  text-shadow: none;
  font-weight: 400;
  font-size: 95%;
  line-height: 1em;
  letter-spacing: 1px;
  font-family:"Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGS明朝E", "Meiryo", serif;
}

#footer{
  color: navy;
/*  animation: 60s animate infinite; */
  background-color: transparent;
  letter-spacing: 0em;
  text-shadow: 4px 4px 4px #8f8d8d;
  font-size: 1em;
  line-height: 1em;
}

.rotate-hover{
 transition: transform 0.3s ease-out 1ms;
}

.rotate-hover:hover{
 transform: rotate(10deg);
}

@keyframes animate {
  from {color: black;}
  20% {color: #A32D00;}
  40% {color: #006400;}
  60% {color: #B01232;}
  80% {color: #00008B;}
  to {color: #8900C7;}
}


/*画像拡大*/
.expansion{
font-weight : 100;
font-style : italic;
color : #95034f;
}

.sign02{
  font-weight: bold;
  border-style: none solid solid none;
  color: #515200;
  background-color: transparent;
  visibility: visible;
  border-right: 2px solid #004000;
  border-bottom: 2px solid #004000;
  margin-right: 2em;
  padding-right: 2em;
  padding-bottom: 3px;
  margin-bottom: 2em;
  line-height: 1em;
  padding-top: 3px;
  margin-top: 2em;
  text-align: right;
  word-spacing: 0em;
  letter-spacing: 0em;
  font-size: 95%;
  font-family:"Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGS明朝E", "Meiryo", serif;
  text-shadow: 2px 2px 2px #aaaaaa;
  width: 90%;
}

.comment{
  font-size: 90%;
  font-weight: 300;
  font-style: normal;
  font-variant: normal;
  color: navy;
  background-color: transparent;
  max-width: 700px;
  letter-spacing: 0em;
  line-height: 1.5em;
  text-indent: 1em;
  font-family:"Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGS明朝E", "Meiryo", serif;
}

h2{
  border-width: 3px 0px;
  border-style: solid;
  border-color: #d0e1cb;
  font-family: "YuGothicM","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","Meiryo", sans-serif;
  background-color: white;
  background-position: 60px center;
  vertical-align: middle;
  text-align: left;
  list-style-type: none;
  font-weight: bold;
  padding: 10px 5px;
  text-indent: 5px;
  color: #005B8A;
  margin-left: 5px;
  font-size: 1.5em;
  line-height: 1.3;
  word-spacing: 1px;
  letter-spacing: 3px;
  text-shadow: 3px 3px 3px #aaaaaa;
  margin-bottom: 1em;
  margin-top: 1em;
  width: 90%;
}

h3{
  color: #005e00;
  margin-top: 1em;
  margin-left: 1em;
  padding: 10px 0em 10px 0.2em;
  margin-bottom: 1em;
  text-align: left;
  text-indent: 5px;
  border-width: 3px 0px;
  border-style: dotted;
  border-color: #808040 #cfbead;
  font-weight: bold;
  font-family: "YuGothicM","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","Meiryo", sans-serif;
  font-size: 1.125em;
  line-height: 1.3;
  letter-spacing: 3pt;
  text-shadow: 2px 2px 2px #aaaaaa;
  width: 90%;
  background: #fff;
}

body{
  font-size: 1em;
  line-height: 1.5em;
  letter-spacing: 1px;
  max-width: 640px;
  overflow-wrap: break-word;
  font-family: "YuGothicM","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","Meiryo", sans-serif;
}

@media screen and (min-width:550px) and ( max-width:767px){
/* 640px */
	body{
	font-size:1.167em;
	letter-spacing:2px;
	max-width:700px;
	font-weight:500;
	color:#4d4b4b;
	margin-left:0.5em;
  }
}

@media screen and (min-width:768px) and ( max-width:1023px){
/*　for iPad 　*/
	body{
	font-size:1.33em;
	letter-spacing:2px;
	max-width:800px;
	font-weight:500;
	color:#333333;
	background-color:ghostwhite;
	margin-left:1em;
    }
}

@media screen and (min-width:1024px){
/*　for PC　*/
	body{
	font-size:1.5em;
	letter-spacing:2px;
	max-width:900px;
	color:#2c2c2c;
	background-color:whitesmoke;
	font-weight:500;
	margin-left:1em;
    }
}