@charset "utf-8";
*{
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}
body{
     max-width: 800px;
     min-width: 250px;
     background-image: url(ph/kabe1.jpg);
     background-position: center top;
     background-color: #4444ff;
     background-repeat: no-repeat;
     background-size: cover;
     padding-top: 3px;
     padding-left: 3px;
     padding-right: 3px;
     padding-bottom: 3px;
     margin-top: 3%;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 3%;
}
div#oowaku{
	margin-left: auto;
	margin-right: auto;

	border-width: 5px;
	border-style: ridge;
	border-color: black;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-top-left-radius: 10px 10px;
	border-top-right-radius: 10px 10px;
	border-bottom-right-radius: 10px 10px;
	border-bottom-left-radius: 10px 10px;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	background-color: rgba(255, 255, 255, 0.5);
}
div#oowaku:hover{

}
div#head{
  margin-left: auto;
  margin-right: auto;

}
div#head p{
  color: white;
  background-color: #0080ff;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  font-family: メイリオ;
  font-size: 16px;
  border-top-left-radius: 10px 10px;
  border-top-right-radius: 10px 10px;
  border-bottom-right-radius: 10px 10px;
  border-bottom-left-radius: 10px 10px;
}
div#head p a{
  border-width: 5px;
  border-style: outset;
  border-color: blue;
  color: white;
  background-color: blue;
  text-decoration: none;
  margin-top: 1px;
  margin-left: 1px;
  margin-right: 1px;
  margin-bottom: 1px;
}
div#head p a:hover{
  color: black;
  background-color: lime;
  border-color: lime;
}
div#head span{
  font-weight: bolder;
  background-color: blue;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  color: silver;
}
div#cont{
	margin-left: auto;
	margin-right: auto;
	text-align: center;

}

div#phlist img{
     max-width: 300px;
     height: auto;
     width: 100%;
     border-width: 5px;
     border-style: solid;
     border-color: white;
     border-top-left-radius: 50% 50%;
     border-top-right-radius: 50% 50%;
     border-bottom-right-radius: 50% 50%;
     border-bottom-left-radius: 50% 50%;
     -webkit-transition: all 1s;
     -moz-transition: all 1s;
     -ms-transition: all 1s;
     -o-transition: all 1s;
     transition: all 1s;

}

div#phlist img:hover{
       border-radius: 0%;
}





div#fut{

	background-image: url(images/muu.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

div#fut p{
     font-size: 120%;
}

div#fut img{
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     margin-top: 5px;
     margin-left: 5px;
     margin-right: 5px;
     margin-bottom: 5px;
     box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
     border-width: 5px;
     border-style: outset;
     border-color: silver;
}



h1{
     font-family: "AR P新藝体E";
     color: #008034;
     background-color: black;
     border-top-left-radius: 10px 10px;
     border-top-right-radius: 10px 10px;
     border-bottom-right-radius: 10px 10px;
     border-bottom-left-radius: 10px 10px;
     padding-top: 10px;
     padding-left: 10px;
     padding-right: 10px;
     padding-bottom: 10px;
     text-align: center;
     font-size: 200%;
     margin-top: 10px;
     margin-left: 10px;
     margin-right: 10px;
     margin-bottom: 10px;
}
h2{
     font-family: "AR P新藝体E";
     color: olive;
     border-top-left-radius: 10px 10px;
     border-top-right-radius: 10px 10px;
     border-bottom-right-radius: 10px 10px;
     border-bottom-left-radius: 10px 10px;
     text-align: center;
     margin-bottom: 5px;
     margin-top: 5px;
     padding-left: 10px;
     padding-right: 10px;
}
div#head h2 a{
	text-decoration: none;
	display: block;
	background-color: white;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	color: black;
	font-size: 24px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	border-width: 5px;
	border-style: outset;
	border-color: gray;
	margin-top: 0px;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 0px;
}
div#head h2 a:hover{
	color: white;
	background-color: black;
}
h2.smenu{
	text-align: right;
	margin-left: 50px;
}

h2.mmenu{

}

div#cont h3{
    color: white;
    background-color: #0080ff;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 5px;
    font-family: メイリオ;
    font-size: 16px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}


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

.sp{
	display: none;	
 }


}

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

 body{
  	background-image: none;
 }


.pc{
	display: none;	
 }

 div#phlist img{
     border-radius: 0%;
 }


}