@charset "UTF-8";

body {
	margin-left: auto;
	margin-right: auto;
	width: 650px;
	height: 100%;	
	overflow-x: hidden;
	overflow-y: scroll;
	text-align: center;
	
}

section {
	margin-left: auto;
	margin-right: auto;
}

#doll-h1 {
    margin-top: 30px;
    margin-bottom: 20px;
    border-bottom: 2px solid;
    letter-spacing: 5px;
}


.doll-main {
		margin-right: 30px;
	
}

.doll-box {
	display: inline-block;
	width: 350px;
	vertical-align: top;
}

.doll-box2 {
	display: inline-block;
	width: 250px;
	vertical-align: top;
	
}


.doll-text {
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
	margin-bottom: 00px;
	padding-top: 5px;
	padding-left: 5px;
	text-align: left;
}


.exh-hr {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 0px;
	height: 1px;
	border: none;
	background-color: black;
	text-align: center;
}

p {
	width: 100%;
	
}

p:first-child {
	margin-top: 10px;
}

@media screen and (max-width:649px) { 

	
	body {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 100%;	
	overflow-x: hidden;
	text-align: center;
	
}

section {
	margin-left: auto;
	margin-right: auto;
}

#doll-h1 {
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid;
    letter-spacing: 5px;
	margin-right: 0px;
}


.doll-main {
	width: 80%;
	margin-right: 0px;
}

.doll-box {
	display: block;
	width: 100%;
	vertical-align: top;
}

.doll-box2 {
	display: block;
	width: 80%;
	vertical-align: top;
	margin-left: auto;
	margin-right: auto;
	
}


.doll-text {
    width: 100%;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 1px;
	margin-bottom: 00px;
	padding-top: 5px;
	padding-left: 5px;
	text-align: left;
}


.exh-hr {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 0px;
	height: 1px;
	border: none;
	background-color: black;
	text-align: center;
}

p {
	width: 100%;
	
}

p:first-child {
	margin-top: 15px;
}
	
	
	
}