@charset "utf-8";

/* 謎 */
#nazo{
    position: relative;
	margin: 0 auto;
    padding: 100px 0 120px 0;
}
#nazo .nazoImg{
    position: relative;
	margin: 0 auto;
    transform: translateX(-25px);
	width: calc(100% + 25px);
	z-index: 20;
}
#nazo .nazoIcon{
    position: relative;
	margin: 0 auto;
    transform: translateX(-33px);
	width: calc(100% + 30px);
}
#nazo .nazoIcon img{
    position: relative;
	margin: 5px 0 0 auto;
	width: 60px;
}
.inputArea{
	position: relative;
	margin: 0 auto 10% auto;
}
.inputArea .inputTxt{
	position: relative;
	margin:  20px auto;
	padding: 0 5px;
	border: solid 1px #707070;
	background-color: #f8f8f8;
	border-radius: 5px;
	width: calc(100% - 10px);
	height: 3em;
	font-size: .14rem;
}
.inputArea .btn_send{ 
	position: relative;
	display: block;
	width:  calc(100% - 90px);
	margin: 0 auto;
	padding: 5px;
	text-decoration: none;
	border: none;
	border-radius: 5px;
	background-color: #b83936;
	transition: all 0.16s ease-out;
	text-align: center;
	color: #ffffff;
	font-size: .14rem;
	font-weight: 900;
}
.resultImg{ 
	position: relative;
	margin: 20px auto;
	width: 60%;
}
.snsNazoShare{
	position: relative;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: 0 auto 30px auto;
}
.snsNazoShare li{width: 40px;margin: 0 10px;}



/* ----- pc ----- */
@media screen and (min-width: 641px) {

	#nazo{padding: 100px 0 150px 0;}
	#nazo .nazoImg{
		transform: translateX(-25px);
		width: 500px;
	}
	#nazo .nazoIcon{
		transform: translateX(-25px);
		width: 500px;
	}
	#nazo .nazoIcon img{width:73px;}

	.inputArea{margin: 0 auto 50px auto;width: 520px;}
	.inputArea .inputTxt{
		margin:  30px auto;
		padding: 0 5px;
		width: 520px;
		font-size: .16rem;
	}
	.inputArea .btn_send{ 
		width:  220px;
		padding: 10px;
		font-size: .16rem;
	}
	.inputArea .btn_send:hover{opacity: .6;cursor: pointer;}
	.resultImg{ 
		margin: 0 auto 20px auto;
		width: 260px;
	}
	.snsNazoShare li{width: 60px;margin: 0 10px;}

}