/* encoding */

@charset "utf-8";

/* media query */

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

	html {
		font-size: 90%;
		height: 100%;
	}		

	div#popup-popup {
		max-width: 270px !important;
	}

	div#popup.long {
		min-width: 270px;
	}

	div#popup div.ui-content {
		padding: 30px 0.5em 20px 0.5em !important;
	}

	div.comparearea div.ui-field-contain {
		margin: 14px 0px 20px 0px;
		padding: 0px !important;
	}

	div.comparearea div.ui-field-contain label {
		height: auto !important;
		margin-left: 10px !important;
	}

	div.comparearea div.ui-field-contain div.ui-flipswitch {
		margin-left: 10px !important;
	}

	div.displayarea table.score-table th,
	div.displayarea table.check-table th,
	div.displayarea table.text-table th {
		font-size: 0.7em;
		line-height: 20px;
	}

	div.displayarea table.check-table th.score-table-grad,
	div.displayarea table.check-table th.check-table-grad {
		min-width: 58px;
	}

	.fliparea .ui-field-contain > label {
		padding-top: 0.5em;
		padding-right: 100px;
		line-height: 1.5;
	}

	.fliparea .ui-field-contain > label span{
		display: block;
	}
	
	.fliparea .ui-field-contain > .ui-flipswitch {
		height: 30px;
		margin: 0.55em 0.55em 0 0 !important;
	}

	.fliparea .ui-field-contain > .ui-flipswitch .ui-flipswitch-on {
		text-indent: -2.5em !important;
		line-height: 1.5 !important;
	}

	.comparearea .ui-flipswitch .ui-flipswitch-on {
		text-indent: -3em !important;
		line-height: 1.5 !important;
	}

	.fliparea .ui-field-contain > .ui-flipswitch.ui-flipswitch-active a {
		margin: 0.0625em 0.0625em 0.0625em -0.1625em;
	}
	
	.fliparea .ui-field-contain > .ui-flipswitch .ui-flipswitch-off {
		text-indent: 0.8em !important;
		line-height: 2 !important;
	}

	.comparearea .ui-flipswitch .ui-flipswitch-off {
		text-indent: 0.35em !important;
		line-height: 1.85 !important;
	}

	div.displayarea div.balloon:before {
		left: 70%;
	}

	div.displayarea div.balloon:after {
		left: 70%;
	}

	div.textarea div.ui-field-contain {
		padding: 0px;
	}

	div.textarea div.ui-field-contain textarea {
		padding: .5em .5em .5em .5em !important;
	}

	div#popup div.displayarea,
	div#main-contents div.displayarea {
		padding: 0px 10px;
	}

	div.displayarea div#result-liquid #result-clone,
	div.displayarea div#result-liquid #result-model {
		width: 100% !important;
		float: none;
		padding: 0px 0px 0px 0px;
	}

	div.displayarea div.pr-sentence {
		margin: 10px 0px 35px 0px;
	}

	div.displayarea div.pr-sentence span.highlight {
		padding: 0px;
	}

	div.displayarea div.pr-sentence span.blank {
		padding: 3px 15px 0px 15px;
	}

	div.displayarea div.pr-sentence span.details span.blank {
		padding: 2px 15px 0px 15px;
	}

	div.comparearea div.ui-field-contain .ui-flipswitch-on {
		line-height: 1.75em !important;
	}

}

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

	html {
		height: 100%;
	}	

	div.ui-block-a a#button-report {
		bottom: 1px;
		left: 3px;
		width: 96px;
		height: 68px;
		background-image: url("../images/common/svg/m_btn_report.svg");
	}body.ie9 div.ui-block-a a#button-report {
		background-image: none;
		background-image: url("../images/common/png/m_btn_report.png");
	}

	div.ui-block-a a#button-send {
		bottom: 1px;
		right: 117px;
		width: 52px;
		height: 68px;
		background-image: url("../images/common/svg/m_btn_send.svg");
	}body.ie9 div.ui-block-a a#button-send {
		background-image: none;
		background-image: url("../images/common/png/m_btn_send.png");
	}

	div.ui-block-a a#button-expla {
		bottom: 1px;
		right: 117px;
		width: 52px;
		height: 68px;
		background-image: url("../images/common/svg/m_btn_expla.svg");
	}body.ie9 div.ui-block-a a#button-expla {
		background-image: none;
		background-image: url("../images/common/png/m_btn_expla.png");
	}

	div.ui-block-a a#button-answer-1 {
		bottom: 1px;
		right: 117px;
		width: 52px;
		height: 68px;
		background-image: url("../images/common/svg/m_btn_answer_1.svg");
	}body.ie9 div.ui-block-a a#button-answer-1 {
		background-image: none;
		background-image: url("../images/common/png/m_btn_answer_1.png");
	}

	div.ui-block-a a#button-answer-2 {
		bottom: 1px;
		right: 117px;
		width: 52px;
		height: 68px;
		background-image: url("../images/common/svg/m_btn_answer_2.svg");
	}body.ie9 div.ui-block-a a#button-answer-2 {
		background-image: none;
		background-image: url("../images/common/png/m_btn_answer_2.png");
	}

	div.ui-block-a a#button-prev {
		bottom: 1px;
		right: 60px;
		width: 52px;
		height: 68px;
		background-image: url("../images/common/svg/m_btn_prev.svg");
	}body.ie9 div.ui-block-a a#button-prev {
		background-image: none;
		background-image: url("../images/common/png/m_btn_prev.png");
	}

	div.ui-block-a a#button-next {
		bottom: 1px;
		right: 3px;
		width: 52px;
		height: 68px;
		background-image: url("../images/common/svg/m_btn_next.svg");
	}body.ie9 div.ui-block-a a#button-next {
		background-image: none;
		background-image: url("../images/common/png/m_btn_next.png");
	}

	div.result img {
		width: 75%;
		height: auto;
	}

	fieldset.circle .ui-btn {
		width: 50px;
		height: 50px;
	}

	fieldset.circle .ui-btn img {
		width: 50px;
		height: auto;
	}

}