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

body {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
 -webkit-text-size-adjust: 100%;
   max-width: 960px;
}
hr.style1 {
	width:100%;
	border-top: 1px dashed #8c8b8b;
	text-align: left;
	margin-left: 0px;
}
p.update{
	font-size: 12px;
	color: #0000af;
	display: inline;
}
p.logo img{
	display: block;
    margin: auto;
    padding: 5px;
    text-align: center;
	}
	
.presso{
  font-family: 'Baloo Chettan', cursive;  /* 使うgoogle fontによって変更 */
  font-size: 48px;
  font-weight: bold;
  color: #da86d5;  
  margin: 0px;
  text-shadow: 2px 2px 0 #a9c2df, 4px 4px 0 #c7d4e2, 6px 6px 0 #e0e8f2;
}	
.bike{
  font-family: 'Baloo Chettan', cursive;  /* 使うgoogle fontによって変更 */
  font-size: 40px;
  font-weight: bold;
  color: #7575e7;  
  margin: 0px;
  text-shadow: 2px 2px 0 #a9c2df, 4px 4px 0 #c7d4e2, 6px 6px 0 #e0e8f2;
}	
.sliders{
  font-family: 'Baloo Chettan', cursive;  /* 使うgoogle fontによって変更 */
  font-size: 48px;
  font-weight: bold;
  color: #495df8;  
  margin: 0px;
  text-shadow: 2px 2px 0 #a9c2df, 4px 4px 0 #c7d4e2, 6px 6px 0 #e0e8f2;
}	
	
p.banner img{
    padding: 10px;
    text-align: center;
	}
li img{
	text-align: justify;
	vertical-align: middle;
}
p.style1{
	font-size: 14px;
    padding: 10px;
}
p.style2{
	font-size: 12px;
    padding: 0px;
}
p.style3{
	font-size: 14px;
    display: inline;
}
.style4{
	font-size: 14px;
}
p.h1{
	font-size: 20px;
	font-weight: bold;
    padding: 0px;
    text-align: center;
}
p.h2{
	font-size: 18px;
    padding: 0px;
    color: #009999;
}
p.date{
	font-size: 14px;
	color: #0099ff;
}
.black{
	color: black;
}
.red{
	color: red;
}
.brown{
	color: brown;
}

footer{
    font-size: 80%;
    width: 100%;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #009999;
}
footer address{
    color: #fff;
    letter-spacing: 1px;  
}
footer address a{
	text-decoration: none;
}
footer small{
    color: #fff;
    letter-spacing: 1px;  
}
footer small a{
	text-decoration: none;
}

@media only screen and (max-width: 480px) {	
	img{
		max-width: 98%		
	}
	li{
	width: 95%;
}
}