body{
}

html {
	font-size: 100%;
}

/* 画像100％ */

div,img,p,body{
	margin : 0;
	padding: 0;
}

img {
	width: 100%;
	height: auto; 
}

#header{
	max-width: 1280px;
	margin: 0 auto;
}


#headerwrapper{
	width:100%;
	background-color:#233140;
	background-repeat:repeat-x;
}

#contents{
	width:100%;
	max-width:1000px;
	margin:0 auto ;
    background-color: #FFF;
}

#contents p {
    margin-bottom: 1%;
    padding-top: 2%;
}

/*------------ スマホ版を表示 ------------*/
@media screen and (max-width:640px){

#container{width:90%;}

.girlimg{
	width:50%;	
	float: left;	
}
#spcontent{
	width:95%;
	margin:0 auto ;
}

.pc-link{display:none;}
.sp-link{display:block;}
}
/*------------ -------------- ------------*/

/*------------ パソコン版を表示 ------------*/
@media screen and (min-width:640px){
#wrapper{
	padding: 0 0 -5% 0 ;
}
.girlimg{
	width:27%;
	margin:0 3% ;
	float: left;	
}
.pc-link{display:block;}
.sp-link{display:none;}

#cpcontent{
	width:90%;
	margin:0 auto ;
}
}
/*------------ -------------- ------------*/

#footerwrapper{
	width:100%;
	background-color: #233140;
}


#footer{
	clear: both;
	color: #fff;	
}

#footerContents img{
	max-width:320px;
	margin:1% 0 ;

}