@charset "UTF-8";

.iwcp-button .code-yes,
.iwcp-button .code-no{
	display: none;
}
.iwcp-button.has-code .code-yes,
.iwcp-button.has-not .code-no{
	display: block;
}
.h1-result{
	height: 125vw;
}

/* maypage
------------------------------*/
.icon_flex .icon {
	background-image: url("../images/sp/mypage/icon_off.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.icon_flex .icon img{
	opacity: 0;
}
.icon_flex .icon.view img{
	opacity: 1;
}

/*-------------------------------------
from oacs
-------------------------------------*/
.iwcp-app.buttonArea{
	width: 86%;
	margin: 0 auto; padding: 3.125vw 0;
}
.iwcp-app.buttonArea button {
	width: 100%;
	padding: 3.2vw 0;
	position: relative;
	display: inline-block;
	background-color: #f44336;
	font-size: 6.4vw; line-height: 1.2; font-weight: bold; color: #FFF;
	outline: 0;
	border: none;
	border-radius: 24vw;
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.25), inset 0 -2px 0 rgba(0, 0, 0, 0.25);
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	cursor: pointer;
}
.iwcp-app.buttonArea button:hover{
	opacity: 0.8;
}
.iwcp-app.buttonArea button:active {
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
.iwcp-app.buttonArea.teaser p{
	width:100%;
	padding: 1.25vw 0;
	background-color: #FFF;
	border-radius: 3.75vw;
	border: #FF4549 2px solid;
	font-size: 4vw; font-weight: bold; color: #FF4549; text-align: center;
}
.iwcp-app.buttonArea.teaser p span{
	font-size: 6vw;
}
.iwcp-app.buttonArea.end p{
	width: 100%;
	padding: 1.25vw 0;
	background-color: #CCC;
	border-radius: 50px;
	font-size: 5.625vw; line-height: 2; font-weight: bold; color: #454545; text-align: center;
}

@media screen and (min-width:770px){
	.iwcp-app.buttonArea{
		padding: 20px 0;
	}
	.iwcp-app.buttonArea button {
		font-size: 36px;
		border-radius: 36px;
	}
	.iwcp-app.buttonArea button {
		padding: 14px 0;
		font-size: 36px;
		border-radius: 36px;
	}
	.iwcp-app.now-win .buttonArea button {
		font-size: 36px;
	}
	.iwcp-app.buttonArea.teaser p{
		padding: 12px;
		font-size: 24px;
		border-radius: 36px;
	}
	.iwcp-app.buttonArea.teaser p span{
		font-size: 36px;
	}
	.iwcp-app.buttonArea.end p{
		font-size: 32px;
		border-radius: 50px;
	}
}