@charset "UTF-8";

html,body{width:100%;height:100%;font-size:62.5%;-webkit-overflow-scrolling:touch;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,em,form,input,label,hr,header,footer{margin:0;padding:0;}
body{background:#fff;font-family:"游ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;text-align:center;-webkit-text-size-adjust:100%;background:#550025;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
ul,ol{list-style:none;}
header{background:#550025;}
#wrapper{width:100%;box-sizing:border-box;padding:30px 1%;background:#fff;}
footer{padding:30px 0 50px;font-size:1.6rem;color:#fff;}
footer li{display:inline-block;padding:14px;vertical-align:top;}
footer a{text-decoration:none;color:#fff;}

main{margin:0 auto;width:100%;font-size:1.6rem;text-align:center;}
main h1{margin-bottom:20px;border-bottom:1px dotted #000;font-size:2rem;text-align:center;}
main p{margin:0 auto 20px;max-width:600px;}
main h3{text-align:center;}
main ul{display:flex;flex-wrap:wrap;margin:0 auto;padding-left:13px;}
main li{margin:0 13px 13px 0;box-sizing:border-box;padding:8px;width:240px;border:1px solid #ddd;font-size:1.3rem;vertical-align:top;}
main h4{margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid #ddd;}

@media(max-width:804px){
	header img{margin:50px 0;width:90%;}
	main{overflow-x:scroll;}
	main ul{flex-wrap:nowrap;padding-left:0;width:5073px;}
}
@media(min-width:805px){
	header img{width:780px;}
	main ul{width:759px;}
}
@media(min-width:1063px){main ul{width:1012px;}}
@media(min-width:1322px){main ul{width:1265px;}}
@media(min-width:1580px){main ul{width:1518px;}}
@media(min-width:1838px){main ul{width:1771px;}}