@charset "utf-8";
/* CSS Document */
body{
	margin: auto;
	width: 100%;
}
h1#memberh1 {
	background: #9d9d9d;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 100%;
	padding: 3% 0;
	margin-top: 12%;

}

@media only screen and (max-width: 436px) {
h1#memberh1 {
	background: #9d9d9d;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 100%;
	padding: 3% 0;
}

h1#memberh1 img.title_pcimg{
	display: none;
	width: 70%;
	margin: auto;
}
h1#memberh1 img.title_spimg{
	display: block;
	width: 100%;
	margin-left: auto;
}

#main{
	width: 100%;
	margin: auto
}

img.pcimg{
	display: none;
}
img.spimg{
	width: 100%;
	margin-bottom: 2%;
}
	
}
/* ------------------タブレット------------------------- */
@media only screen and (min-width: 437px) {
	
h1#memberh1 img.title_pcimg{
	display: block;
	width: 70%;
	margin: auto;
	padding: 4% 0;
}

h1#memberh1 img.title_spimg{
	display: none;
}
	
img.pcimg{
	display: block;
	width: 100%;
}
img.spimg{
	display: none;
}
	
	
#main{
	width: 100%;
	display: flex;
	margin: 5% 0;
}
	
#hanami{
	width: 48%;
	float: right;
	margin-right: 2%;
}
#umepi{
	width: 48%;
	float: left;
	margin-left: 2%;
}


}


/* ------------------PC------------------------- */
@media only screen and (min-width: 801px) {
h1#memberh1{
	margin-top: -1%;
}
h1#memberh1 img.title_pcimg{
	display: block;
	width: 70%;
	margin: auto;
	padding: 4% 0;
}

h1#memberh1 img.title_spimg{
	display: none;
}
	
img.pcimg{
	display: block;
	width: 100%;
}
img.spimg{
	display: none;
}
	
#main{
	width: 100%;
	display: flex;
	margin: 5% 0;
	
}

	
#hanami{
	width: 48%;
	float: right;
	margin-right: 2%;
}
#umepi{
	width: 48%;
	float: left;
	margin-left: 2%;
}

	
	
}