@font-face {
    font-family: 'sofia_prolight';
    src: url('font_face/SofiaProLight-webfont.eot');
    src: url('font_face/SofiaProLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('font_face/SofiaProLight-webfont.woff2') format('woff2'),
         url('font_face/SofiaProLight-webfont.woff') format('woff'),
         url('font_face/SofiaProLight-webfont.ttf') format('truetype'),
         url('font_face/SofiaProLight-webfont.svg#sofia_prolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'Lobster1-3';
  src: url('font_face/Lobster1-3.eot?#iefix') format('embedded-opentype'),
	   url('font_face/Lobster1-3.otf')  format('opentype'),
	   url('font_face/Lobster1-3.woff') format('woff'),
	   url('font_face/Lobster1-3.ttf')  format('truetype'),
	   url('font_face/Lobster1-3.svg#Lobster1.3') format('svg');
  font-weight: normal;
  font-style: normal;
}	
	
body{
	margin: 0;
	padding: 0;
	width: 100%;
	min-width: 320px;
	font-family: sofia_prolight;
    background-color: #cfdaea;
}

.box{
	margin: 0 auto;
	padding: 0px;
	height: auto;
}

.box p{
	text-align: center;
}

.title{
	margin: 0px auto;
	padding: 5px 10px 5px 10px;
}

.title p {
	color: #37414a;
	margin: 10px;
}

.wo_font{
	font-family: Lobster1-3;
}

.pink_button{
	display: block;
	width: 140px;
	height: 46px; 
	margin: 0 auto;
    padding: 10px 8px 0px 8px;
	color: #ffffff;
	background-color: #ff0188;
	text-decoration : none; 
}