@charset "utf-8";

/* クーポン自動付与 */
.coupon {
	margin: -20px auto 0px;
	padding: 20px 20px 0px;
}
.coupon div{
		margin: 0 4%;
	}
	.coupon dd div div {
	display: inline-block;
  padding: 1.5% 7%;
  border: 1px solid #ccc;
	background: #fff;
	}
	.coupon label span{
	opacity: 0;
	font-weight: bold;
}
	.coupon input[type=radio]:checked + label span{
	opacity: 1;
}
.coupon label p{
	padding-left: .5vw;
}
	.couponBox{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-top: 2%;
		padding-bottom: 5%;
	}
.coupon	.counone{
		display: none;
	}
	.coupon input{
		display: none;
	}
	.coupon input[type=radio]:checked + label, #ucouponbox input[type=radio]:checked + label{
		display: flex;
		align-items: center;
		justify-content: space-around;
		position: relative;
		margin-right: 0!important;
		font-size: 1.2em;
		border: none;
		width: 100%;
		margin-right: 0;
		box-shadow: none;
	}
	.coupon input[type="radio"]:checked + label{
		background: rgba(249,249,197,0.4);
		color: #000;
		padding: 15px;
		width: 550px;
		margin: auto!important;

	}
	.coupon input[type="radio"]:checked + label::before, #ucouponbox input[type="radio"]:checked + label::before{
		content: "\f00c";
		position: absolute;
		left: 20px;
		font-weight: 600;
		font-family: var(--wIcon);
	}
	.coupon input[type="radio"]:checked + label::before{
		color: #e30200;
	}
	.coupon label span{
	opacity: 0;
	font-weight: bold;
}
	.coupon input[type=radio]:checked + label span{
	opacity: 1;
}
body #ucouponbox > li:nth-of-type(2) > label {
	display: none;
}
body #ucouponbox > li {
	width: 100%;
}
.couponBox, #ucouponbox {
display: block;
}
#TaskP0T26 label p {
	display: none !important;
}
#TaskP0T26 li:first-of-type label {
	position: relative !important;
}
#TaskP0T26 li:first-of-type label:after {
	position: absolute;
	content: "1000円分ポイントを獲得";
	top: 19px;
	right: 0;
	left: 0;
	font-size: 20px;
}
#TaskP0T26 li:first-of-type span:before {
	content: "クーポンコード：";
}
#TaskP0T26 li:first-of-type span {
	margin-top: 10%;
	font-size: 15px;
	width: 100%;
}
#TaskP0T26 li:first-of-type div {
	text-align: center;
	width: 100%;
}
#ucouponbox input[type="radio"]:checked + label::before {
	top: 22px;
	left: 28px;
}
.RadioBoxType1a2 .UriSchatRadioBox li:last-of-type{
	display: none;
}