@charset "utf-8";

/* --------------------------------------------------------------------css3の新要素はインライン */

article, aside, dialog, figure, footer, header, legend, nav, section { display: block; } 

/* ----------------------------------base */

a:link    { color: #333;}
a:visited { color: #333;}
a:hover   { color: #d12643;}
a:active  { color: #d12643;}

body{
	margin: 100px auto 0;
}

header img{
	margin-bottom: 20px;
}


section h1{
	color: #d12643;
	font-size: 115%;
	margin: 5px 0 20px -7px;
}

section.index p{
	padding-left:1em;
    text-indent:-1em;
	margin-bottom: 20px;
}

section div{
	margin-top: 20px;
}


footer{
	clear: both;
	text-align: center;
	padding: 100px 0 0;
}

/* ----------------------------------ギャラリー */


section.ga{
	text-align: center;
	margin: 20px;
}

section.ga img{
	border: 1px solid #ccc;
	border-radius: 10px;
	margin-bottom: 10px;
}

section.ga p{
	margin-bottom: 50px;
}

/* ----------------------------------メディアクエリ */


@media screen and (min-width:0) and ( max-width:480px) {
	
body {
	margin: 50px auto 0;
	width: 350px;
	font-size: 16px;
}

header{
    float: none;
	text-align: center;
}

section{
	margin: 20px;
}

section.ga img {
        max-width: 80%;
        height: auto;
}
}


@media screen and (min-width:480px) {

body {
	width: 1000px;
}

header{
	width: 300px;
    float: left;
	text-align: center;
}

section{
	text-align: left;
	margin-left: 320px;
}

}