@charset "utf-8";

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

#contents {
	padding: 0px;
}

#suntory_content {
	padding: 0px;
	width: auto;
}

/* span_ssmu32
 * ========================================= */

#span_ssmu32 * {
	margin: 0px;
	padding: 0px;
}

#span_ssmu32 ol, ul {
	list-style: none;
}

#span_ssmu32 img {
	display: block;
	width: 100%;
	height: auto;
}

#span_ssmu32 #content {
	width: 100%;
	margin: 0px auto;
	background-color: #EFF7EE;
}

#span_ssmu32 #questionArea {
	padding: 7% 0px;
}

#span_ssmu32 #question {
	width: 90%;
	margin: 0px auto;
	background-color: #FFFFFF;
	border-radius: 20px;
	box-sizing: border-box;
}

#span_ssmu32 .on {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	display: none;
}

#span_ssmu32 #question01 {
	padding: 9.48% 4.845%;
	box-sizing: border-box;
}

#span_ssmu32 #question02 {
	padding: 29.48% 4.845% 0px;
	box-sizing: border-box;
}

#span_ssmu32 #question03 {
	padding: 17% 4.845% 0px;
	box-sizing: border-box;
}

#span_ssmu32 #question04 {
	padding: 19% 4.845% 0px;
	box-sizing: border-box;
}

#span_ssmu32 #question01 li {
	margin-top: 2.71%;
	cursor: pointer;
	position: relative;
}

#span_ssmu32 #question01 .next {
	width: 34.41%;
	margin: 5.96% auto 0px;
	cursor: pointer;
}

#span_ssmu32 #entry {
	background-color: #FFFFFF;
}

#span_ssmu32 #jadge {
	width: 65.26%;
	margin: 5% auto -2%;
}

#span_ssmu32 .btn {
	width: 65.26%;
	margin: 5% auto;
	cursor: pointer;
	position: relative;
}

#span_ssmu32 .btn a:hover {
	opacity: 0.7;
}

#span_ssmu32 #question02 li {
	width: 41.59%;
	float: left;
	cursor: pointer;
	position: relative;
	margin: 0px 4%;
}

#span_ssmu32 #question02 li:last-child {
	float: right;
}

#span_ssmu32 #question02 .next {
	width: 34.41%;
	margin: 0px auto 0px;
	cursor: pointer;
}

#span_ssmu32 #question03 li {
	width: 45.66%;
	margin: 6.77% auto 0px;
	cursor: pointer;
	position: relative;
}

#span_ssmu32 #question03 .next {
	width: 34.41%;
	margin: 0px auto 0px;
	cursor: pointer;
}

#span_ssmu32 #question04 #sex li {
	width: 40.65%;
	float: left;
	cursor: pointer;
	position: relative;
	margin: 0px 4%;
}

#span_ssmu32 #question04 #sex li:last-child {
	float: right;
}

#span_ssmu32 #question04 #age li {
	width: 45.79%;
	margin: 4.47% auto 0px;
	cursor: pointer;
	position: relative;
}

#span_ssmu32 #question {
	position: relative;
	overflow: hidden;
}

#span_ssmu32 #question01 {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
}

#span_ssmu32 #question02 {
	position: absolute;
	left: 110%;
	top: 0px;
	width: 100%;
}

#span_ssmu32 #question03 {
	position: absolute;
	left: 220%;
	top: 0px;
	width: 100%;
}

#span_ssmu32 #question04 {
	position: absolute;
	left: 330%;
	top: 0px;
	width: 100%;
}

#span_ssmu32 #question02 ul {
	margin: 34% 0px;
}

#span_ssmu32 #question03 ul {
	margin: 12% 0px 15%;
}

#span_ssmu32 #question04 ul {
	margin: 10% 0px 0px;
}

#span_ssmu32 #question04 p {
	margin: 12% 0px 0px;
}

#span_ssmu32 .next {
	position: relative;
}

#span_ssmu32 .off::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	background-color: #FFFFFF;
	cursor: auto;
	opacity: 0.6;
}