﻿@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_lmyu29
 * ========================================= */

 #span_lmyu29 * {
	/* margin: 0; */
	padding: 0px;
}

#span_lmyu29 ol, ul {
	list-style: none;
}

#span_lmyu29 img {
	display: block;
	width: 100%;
	height: auto;
}

#span_lmyu29 #content {
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
	font-family:'ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size: 1.3vw;
	color: #404040;
	line-height: 1.5;
	box-sizing: border-box;
	overflow: hidden;
}


#span_lmyu29 #content .notes {
	font-size: 2.4em;
	color: #000000;
	line-height: 1.4;
	text-align: left;
	box-sizing: border-box;
}

#span_lmyu29 #content #fv {
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
	box-sizing: border-box;
}

#span_lmyu29 #content #fv .fv-botton img{
	width: 73%;
	margin: 0 auto 2.5%;
}

#span_lmyu29 #content #fv .fv-bottom-block {
	width: 100%;
	margin: 0 auto;
	background-color: #e4e980;
}

#span_lmyu29 #content #fv .fv-bottom-block .notes {
	width: 87.3%;
	padding: 4.4% 0;
	margin: 0 auto;
}


#span_lmyu29 #questionArea {
	background-color: #fff;
	padding: 6% 0 0;
	width: 100%;
}

#span_lmyu29 #question01,
#span_lmyu29 #question02,
#span_lmyu29 #question03 {
	width: 87.3%;
    background-color: #fff;
    margin: 0 auto 6%;
    padding-bottom: 12.26%;
}

#span_lmyu29 #question03 {
    padding-bottom: 0;
}

#span_lmyu29 #question01 .inner,
#span_lmyu29 #question02 .inner,
#span_lmyu29 #question03 .inner {
	width: 87.3%;
    margin: 0 auto;
}

#span_lmyu29 .question-txt {
	padding: 5.33% 0 10.67%;
}

#span_lmyu29 .question-txt .center {
	text-align: center;
}

#span_lmyu29 .question-txt .left {
	text-align: left;
}

#span_lmyu29 .question-txt p.seelcts {
	color: #e94709;
	font-size: 3.4em;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin: 0;
}

#span_lmyu29 .question-txt p.read {
	font-size: 5em;
	font-weight: bold;
	line-height: 1.27;
	color: #2ea353;
	margin: 4.6% auto 3.5%;
}

#span_lmyu29 ul{
	margin: 0 auto;
}

#span_lmyu29 li{
	margin-bottom: 3.33%;
	cursor: pointer;
}

#span_lmyu29 li .a_button{
	border: solid #2ea353 0.1em;
	border-radius: 0.4em;
	cursor: pointer;
	background-color: #fff;
	width: 100%;
	text-align: center;
	color: #2ea353;
	font-weight: bold;
	font-size: 4em;
	font-size: 3.8em;
	line-height: 1.28;
}

#span_lmyu29 li .on{
	border: solid #2ea353 0.1em;
	background-color: #2ea353;
	color: #fff;
	font-weight: bold;
}

#span_lmyu29 li .a_button .caution{
	font-size: 60%;
	vertical-align: text-top;
}

#span_lmyu29 li button.middle{
	height: 20vw;
}

#span_lmyu29 li button.large{
	height: 30.67vw;
}

#span_lmyu29 #questionArea .next {
	display: block;
	width: 49.55%;
	margin: 10.61% auto 0;
	cursor: pointer;
	position: relative;
	filter: drop-shadow(3px 3px 4px rgba(0,0,0,0.3));
}

#span_lmyu29 #questionArea .comp {
	display: block;
	width: 64%;
	margin: 10.61% auto 13%;
	cursor: pointer;
	position: relative;
	filter: drop-shadow(3px 3px 4px rgba(0,0,0,0.3));
}

#span_lmyu29 .off::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	background-color: #FFFFFF;
	cursor: auto;
	opacity: 0.6;
	overflow: hidden;
	border-radius: 1.4em;
}

#span_lmyu29 #questionArea .notes {
	text-align: left;
	color: #000;
	font-size: 2.4em;
	line-height: 1.37;
	text-align: justify;
	margin-top: 10.67%;
}

#span_lmyu29 p.thanks_next {
	text-align: center;
	color: #2ea353;
	font-weight: bold;
	font-size: 5em;
	line-height: 1.22;
	margin: 11% auto 6%;
	margin: 6% auto 11%;
}

#span_lmyu29 #entry {
	background-color: #fff;
	width: 100%;
	padding-top: 5%;
}

#span_lmyu29 #entry .notes {
	font-size: 2.4em;
	color: #000000;
	line-height: 1.4;
	text-align: left;
}

#span_lmyu29 #entry .attention {
	text-align: center;
}

#span_lmyu29 #entry .top {
	margin: 4vw auto 10vw;
	width: 88%;
}

#span_lmyu29 .inner-bottom{
	margin: 8% auto;
	width: 88%;
}

#span_lmyu29 #entry .offer-txt{
	font-size: 3.9em;
	font-size: 3.55em;
    text-align: center;
    font-weight: bold;
    line-height: 1.35;
    margin: 6% auto;
}







#span_lmyu29 .inner-bottom .caution{
	font-size: 1.8em;
	font-size: 2.3em;
	line-height: 1.41;
	color: #000;
	margin-bottom: 5.18%;
}

#span_lmyu29 .inner-bottom .caution-ttl{
	margin-bottom: 1.48%;
}

#span_lmyu29 .inner-bottom .caution-border{
	border: solid 1px #000;
	padding: 2.96%;
}

#span_lmyu29 .btn {
	width: 79.73%;
	margin: 0 auto 2.5%;
	cursor: pointer;
	position: relative;
}

#span_lmyu29 .btn a:hover {
	opacity: 0.7;
}



#span_lmyu29 .mb-15 {
	margin-bottom: 2.27%;
}

#span_lmyu29 .mb-25 {
	margin-bottom: 3.5%;
}

/* swiper */

.swiper{
	width: 58.67vw;
	margin: 12% auto 0;
	overflow: visible;
}


#span_lmyu29 .swiper img {
	width: 58.67vw;
}

.swiper-wrapper{
	display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    box-sizing: content-box;
}

#span_lmyu29 .question-txt .read-img {
	width: 100%;
	margin: 4.6% auto 3.5%;
}

#span_lmyu29 #questionArea #question03 .notes{
	margin-top: 5%;
    font-size: 2.1em;
    text-align: center;
}