@charset "Shift_JIS";
*{
  margin: 0 ;
}
body{
	font-family: メイリオ;
	background-image: url(ph3/achi9.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #5a7a89;
	/*background-size: cover;*/
	background-size: 100%;
}

ul {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}


/*
#wrap {
  display: none;
*/

}
div#ttop{
  background-color: black;
  height: 5px;
}
div#ttop h4{
  }
div#top{
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
 /*
  font-family: "AR Script3 Bold";
 */
  color: #dfdfdf;
  height: 70px;
}
div#logo{
  margin-top: 0px;
  margin-left: 0%;
  margin-right: 0px;
  margin-bottom: 0px;
  position: absolute;
}
div#top_b{
    margin-top: 40px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    position: absolute;
}
div#top_b h4{
  font-size : 14px;
 /*
  font-family : メイリオ;
 */
}
div#top a:hover{
  transform: rotate(5deg);
}
div#menu{
  max-width: 800px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  /*
  border-right-width : 5px;
  border-top-style : none;
  border-right-style : solid;
  border-right-color : white;
  border-left-width : 5px;
  border-left-style : solid;
  border-left-color : white;
*/
}
div#menu a:hover{
  filter:alpha(opacity=70);
  /* IE透明度 */
       -moz-opacity:0.70;
  /* Firefox・Netscape透明度 */
       opacity:0.70;
/* Opera・Safari透明度 */
}

div#profout{

}

div#prof{
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	max-width: 1000px;
	border-width: 0px;
	border-style: ridge;
	border-color: white;
	border-top-left-radius: 10px 10px;
	border-top-right-radius: 10px 10px;
	border-bottom-right-radius: 10px 10px;
	border-bottom-left-radius: 10px 10px;/*
  font-family: "ＭＳ 明朝";
 */
	color: #f0f0f0;
	background-repeat: no-repeat;
	background-image: none;
	-webkit-transition: all 3s;
	-moz-transition: all 3s;
	-ms-transition: all 3s;
	-o-transition: all 3s;
	transition: all 3s;
	background-color: rgba(0, 0, 0, 0.7);
	line-height: 1.5;
}
div#prof h1{
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
}
div#prof h2{
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
}
div#prof p{
  padding-top: 0px;
  padding-left: 30px;
  padding-right: 15px;
  padding-bottom: 5px;
  font-size: 22px;
 /*
  font-family: メイリオ;
 */
  letter-spacing: 0.3em;
}
div#prof:hover{
  background-image: none;
  background-repeat: repeat;
  color: black;
  background-color: rgba(255, 255, 255, 0.8);
}
div#prof img{
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
div#prof img:hover{
  transform: rotate(360deg);
}
div#prof marquee{
  padding-top: 30px;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 30px;
}
div#zen{
  background-color: rgba(0, 0, 0, 0.5);
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

div#zena{

  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

div#zen_out{
  box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.5);
  background-color: rgba(167, 160, 84, 0.1);
}
div#zen_in{
  max-width: 1000px;

  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 100px;
}


div#page{
	max-width: 1000px;
}

div#page img{
	width: 100%;
}

div#page li{
	list-style-type: none;
	background-image: url(ph5w/bizen00.png);
	background-repeat: no-repeat;
	background-position: left top;/* 背景画像をhtml要素に表示 */
       background-size: 100%;
}


div#zen_in img{
  border-width: 1px;
  border-style: solid;
  border-color: white;
}



div#fut{
	bottom: 0px;
	z-index: 99;
	width: 100%;
	padding-top: 10px;
	background-color: rgba(0, 0, 255, 0.2);
	background-image: url(images/wall15.png);
	background-repeat: repeat;
	background-position: center top;
	box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.5);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: black;
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 10px;
}
div#fut p{
     padding-top: 5px;
     padding-left: 5px;
     padding-right: 5px;
     padding-bottom: 5px;
     display: block;
     text-shadow: 2px 2px 2px #ffffff;
     color: black;
     font-size: 150%;
}

div#fut p a{
	color: black;
	display: inline-block;
}

#fut a:visited{
	color: black;
}


div#fut img{
     box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
     margin-right: 5px;
     margin-bottom: 5px;
     vertical-align: middle;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     margin-top: 5px;
     margin-left: 5px;
}



.in{
  position: relative;
  max-width: 800px;
  visibility: visible;
}
.in img{
  /*position:absolute;*/
  left:0;
  top:0;
}
.out{
  position: relative;
  width: 800px;
  visibility: hidden;
}
.in2{
  visibility: visible;
}
.out2{
  visibility: hidden;
}
#yajirushir{
	position: fixed;
	right: 0px;
	top: 50%;
	margin-top: -25px;
	z-index: 999;
	display: none;
}
#yajirushil{
	position: fixed;
	top: 50%;
	left: 0px;
	margin-top: -25px;
	z-index: 999;
	display: none;
}






.blinking{
-webkit-animation:blink 25s ease-in-out infinite alternate;
-moz-animation:blink 25s ease-in-out infinite alternate;
animation:blink 25s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
20% {
opacity:1;
}
30% {
opacity:0;
}
40% {
opacity:0;
}
50% {
opacity:1;
}
}
@-moz-keyframes blink{
20% {
opacity:1;
}
30% {
opacity:0;
}
40% {
opacity:0;
}
50% {
opacity:1;
}
}
@keyframes blink{
20% {
opacity:1;
}
30% {
opacity:0;
}
40% {
opacity:0;
}
50% {
opacity:1;
}
}



#img1.blinking {
    animation-delay: 3s;
    -webkit-animation-delay: 3s;
}

#img2.blinking {
    animation-delay: 6s;
    -webkit-animation-delay: 6s;
}

#img3.blinking {
    animation-delay: 9s;
    -webkit-animation-delay: 9s;
}

#img4.blinking {
    animation-delay: 12s;
    -webkit-animation-delay: 12s;
}




/* ウィンドウ幅が0?799pxの場合に適用するCSS */
@media screen and ( max-width:799px )
{

  div#content {
   display: none;
   }

  div#page li {
    background-image: url("none");
    }

  body{
   background-image: none;
   }

  div#fut p a.pc {
   display: none;
   }

}


/* ウィンドウ幅が800px以上の場合に適用するCSS */
@media screen and ( min-width:800px )
{

  div#content2 {
   display: none;
   }

   div#fut p a.sp {
   display: none;
   }

}