@charset "utf-8";

.header, .footer, .section { display: block; }
body { max-width: 100%; font-family: sans-serif; }

h2 { font-size: 1.2em; }
h2 span {
	padding-left: 40px;
	background-size: 35px auto;
	line-height: 35px;
}
#report h2 span { background-position: 0 -85px; }
#biorhythm h2 span { background-position: 0 -170px; }


.header { padding: 2em 1em; text-align: center; }
.lead { float: none; width: 100%; }
.lead p { font-size: 1.1em; line-height: 1.4; }
#header-device { margin: 0; }
#header-device img { margin-left: 30px; max-width: 200px; height: auto; }

.section { padding: 2em 1em; }
.section h2, .section p, .section dl, .section .thumb { float: none; width: 100%; }
.section h2 { margin-top: 0; }
h1 img, .thumb img { max-width: 98%; height: auto; }
.thumb-img { display: block; float: none; margin: 1em auto; }

#feature p { width: 100%; }
#feature ul,
#feature li { display: block; margin-top: 1em; width: 100%; }
#feature li img { width: auto; max-height: 150px; }

#report .thumb img { max-width: 220px; }

#supervisor { padding: 1em; }
#profile .thumb-s, #profile dl { float: none; margin: 0; width: auto; }
#profile .thumb-s { text-align: center; }
#profile dt { font-weight: bold; }
#interview h3 span { display: block; padding: 0; }

.footer li { display: block; margin: 0 0 .5em; }
.footer li:first-child { border-right: 0; }


#fitbit .thumb {
	float: none;
	width:100%;
}
#fitbit p{
	width: 100%;
}
.charge {
	float: none;
	width: 100%;
}
#fitbit .list li{
	float: none;
	margin: 20px 0 0 0;
	list-style-type: none;
	width: 100%;
}
.fitbitli{
	width: 100%;
	margin: 0;
}
#fitbit .manual {
	margin :0;
	width : 100%;
	text-align :center;
}
#fitbit li img {
	max-width: 98%;
    height: auto;
}
#fitbit .btn {
	margin: 0;
	text-align :center;
	width : 100%;
}
#spot p {
	width: 100%;
	margin-bottom:20px;
}


/* waonpoint
=======================*/
#waonpoint { padding: 2em 1em 1em; }
#waonpoint h2 span {
	display: inline-block;
	margin-bottom: 1em;
	width: 100%;
	text-align: center;
}
#waonpoint h2>img { width: 100%; height: auto; }
#waonpoint h2 span img { width: auto; height: 23px; }
#waonpoint h2 span img.bnr { width: 100%; height: auto; }
#waonpoint dt { display: block; padding: 20px 0 10px; text-align: center; }
#waonpoint ol li {
	float: none;
	padding: 0 0 0 0;
	width: 100%;
}
#waonpoint ol li+li img {
	margin: 0;
	padding: 70px 0 10px;
	background: url(../img/icon_arrow_under.gif) center 10px no-repeat;
}