@charset "UTF-8";

body {
	color: #333333;
	font-family:  'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background: #eeeeee;
	font-size: 19px;
	line-height: 1.3em;
		}
	
	
/*==========================================
	hypertext module
==========================================*/
a:link {
	color: #ddd;
	text-decoration: none;
	}

a:visited {
	color: #ddd;
	text-decoration: none;
	}

a:hover {
	color: #ddd;
	text-decoration: none;
	}

/*==========================================
	section
==========================================*/

section {
	width: 350px;
	margin: 50px auto 50px;
	font-family: 'Averia Serif Libre', san-serif;
	font-weight: 300;
	}
	
h1 {
	width: 200px;
	padding: 0;
	margin: 0 auto 30px;
	}	
	
p {
	width: 200px;
	margin: 0 auto 15px;
	text-align: center;
	}
	
p a {
display: block;
width: 100%;
color: #EEE;
background: #333;
padding: 5px 15px 3px;
box-sizing: border-box;
	}
	
	
@media screen and (max-width: 320px) {
  section {
  margin-top: 30px;
		width: 100%;
  }


  p a{
	display: block;
	width: 100%;
	color: #eee;
	font-size: 1em;
	font-weight: bold;
	background: #333;
	padding: 1.3em 10% 1.2em;
	margin: 0 0 30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
  }
}


p a:hover,
p a:active {
	color: #E2D81B;
	background: #131313;
	text-decoration: none;	
	}
	
p.flyer {
	width: 100%;
	padding: 30px 0 0;
	clear: both;
	}