/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* CAMPAIGN
/* -------------------------------------------------------------------------*/

.campaign_title {
	position:relative;
	width:900px;
	height:480px;
	margin: 0 auto; }
.campaign_title div { position:absolute; }

.campaign_title .campaign_title_inn {
	left:150px; top:0;
	text-align:center; }
.campaign_title .campaign_title_inn img { width:600px; }


.campaign_title .date {
	left:200px; top:160px; }
.campaign_title .date img { width:450px; }

.campaign_title .nyan-tarou {
	left:0; top:130px;
	width:180px; }
.campaign_title .nyan-tarou img { width:200px; }

.campaign_title .present_img {
	right:15px; top:170px; }
.campaign_title .present_img img { width:190px; }
.campaign_title .txt {
	left:270px; top:290px;
	width:380px; }
.campaign_title .txt p { line-height:1.8; }


@media only screen and (max-width: 1200px) {
	.campaign_title {
		width:100%;
		height:auto;
		margin:0; }
	.campaign_title div { position:relative; }
		.campaign_title .nyan-tarou {
			display:inline-block;
			width:15%;
			left:0; top:0; }
		.campaign_title .nyan-tarou img { width:100%; }
		.campaign_title .campaign_title_inn {
			display:inline-block;
			width:80%;
			text-align:left;
			left:0; top:0; }
		.campaign_title .campaign_title_inn img { width:100%; }
		.campaign_title .present_img {
			display:inline-block;
			float:left;
			width:30%;
			margin:1em 0 0 1em;
			left:0; top:0;
			text-align:center; }
		.campaign_title .present_img img { width:70%; }
		.campaign_title .date {
			display:inline-block;
			width:65%;
			margin-top:1em;
			left:0; top:0; }
		.campaign_title .date img { width:100%; }

		.campaign_title .txt {
			display:inline-block;
			left:0; top:0;
			width:65%;
			padding-left:1em; }
}

@media only screen and (max-width: 780px) {
		.campaign_title .present_img img { width:90%; }
}
@media only screen and (max-width: 480px) {
		.campaign_title .campaign_title_inn {
			left:0; top:0px;
			width:100%; }
		.campaign_title .nyan-tarou {
			display:none;}
		.campaign_title .present_img {
			display:block;
			float:none;
			width:60%;
			margin:1.0em auto; }
		.campaign_title .date {
			display:block;
			width:100%;
			margin-top:1em; }
		.campaign_title .txt {
			display:inline-block;
			width:100%;
			padding-left:0;
			margin:0 auto; }
}

.campaign_question { 
	position:relative;
	border:5px solid #50b50f;
	border-radius:10px;
	width:800px;
	margin:3em auto 0;
	padding:30px 15px; }
.campaign_question .campaign_question_ttl {
	position:absolute;
	left:44%; top:-20px; }
.campaign_question .campaign_question_ttl img { width:110px; }
.campaign_question .present_img {
	position:absolute;
	left:20px; top:40px; }
.campaign_question .present_img img { width:230px; }
.campaign_question .question_txt { padding-left:250px;}
.campaign_question .question_txt p {
	font-size:1.475em;
	font-weight:bold;
	line-height:1.6;
	color:#b365db; }
.campaign_question .choice {
	display: flex;
	flex-wrap: wrap;
	padding-left:220px;}
	.campaign_question .choice .choice_inn {
		width:32%;
		text-indent:1.0em;
		font-size:1.6em;
		font-weight:bold;
		padding:0.5em 0; }


@media only screen and (max-width: 1200px) {
	.campaign_question { 
		width:100%;
		margin:1.5em auto 0;
		padding:15px 10px; }
	.campaign_question .present_img img { width:180px; }
	.campaign_question .present_img { left:20px; top:30px; }
	.campaign_question .question_txt p br { display:none; }
	.campaign_question .choice {
		padding-left:0px; }

}
@media only screen and (max-width: 900px) {
	.campaign_question .choice { 
		justify-content:space-between; }
	.campaign_question .choice .choice_inn { width:32%; }


}


@media only screen and (max-width: 780px) {
	.campaign_question .campaign_question_ttl {
		position:absolute;
		left:41%; top:-20px; }
	.campaign_question .present_img {
		position:absolute;
		width:30%;
		left:30px; top:20px; }
	.campaign_question .present_img img { width:100%; }
	.campaign_question .question_txt { padding-left:40%;}
	.campaign_question .question_txt p {
		font-size:1.2em;
		font-weight:bold;
		line-height:1.6; }

	.campaign_question .choice {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		padding-left:20px; }
	.campaign_question .choice .choice_inn {
		font-size:1.4em;
		width:50%; }


}
@media only screen and (max-width: 680px) {
	.campaign_question .present_img {
		position:relative;
		left:0; top:0;
		float:none;
		margin:1.0em auto;
		width:180px;}
	.campaign_question .question_txt {
		padding-left:0;
		padding:0.5em 1.0em;}
	.campaign_question .choice {
		padding-left:0; }
	.campaign_question .choice .choice_inn {
		width:32%; }
}
@media only screen and (max-width: 480px) {
	.campaign_question .choice .choice_inn {
		width:50%; }
}


.hint_btn { width:300px; margin:1.8em auto 0; }
.hint_btn a {
	display:block;
	background:#b365db;
	color:#fff;
	text-decoration:none;
	text-align:center;
	padding:0.7em 0;
	font-size:1.3em;
	font-weight:bold;
	border-radius:5px;
	transition:all 0.2s ease;}
.hint_btn a:hover { opacity:0.8; }
.hint_caution { text-align:center; margin-top:1.8em; }

.campaign_agreement {
	background:#ebebeb;
	width:800px;
	margin:3em auto;
	border-radius:10px;
	padding: 15px 30px;}

.campaign_agreement h3 {
	text-align:center;
	font-size:1.5em;
	padding-bottom:0.5em;
	border-bottom:1px solid #333;}
.campaign_agreement p {
	font-size:0.86em;
	line-height:1.8;
	margin-bottom:1.6em;}
.campaign_agreement p strong { font-size:1.08em; }

.agreement_check {
	text-align:center; }
	.agreement_check #submit { width:300px; }
.button_check { transition:all 0.2s ease; }
.button_check:hover { opacity:0.8; }
.button_check:disabled { opacity:0.3; }

@media only screen and (max-width: 1200px) {
	.campaign_agreement {
		width:100%;
		margin:3em auto; }
}



.campaign_list {
  margin-top:1.0em;
  border-top:1px solid #ccc; }

.campaign_list th,
.campaign_list td {
  vertical-align:top;
  line-heoght:1.6;
  padding:0.4em 1.2em;
  border-bottom:1px solid #ccc; }
.present_item_t { background:#81b900; color:#fff; }
.campaign_prize a {
  display:block;
  width:400px;
  margin:0 auto;
  text-align:center;
  text-decoration:none;
  padding:1.0em 0;
  color:#fff;
  font-size:1.2em;
  background:#0078be;
  border-radius:8px; }
.campaign_prize a:hover { background:#ff5184; }


@media only screen and (max-width: 640px) {
 .sp_none { display:none; }
 .sp_100 { width:100%; }
 .campaign_prize a { width:100%;font-size:1.0em; } }

