@charset "utf-8";

#pagewrap .main-info	{ display:flex; align-items: flex-end; width:980px; margin:0 auto; justify-content: space-between; align-items: flex-end; margin-bottom: 15px; }
#pagewrap .main-info > *	{ width:49%; }
#pagewrap .main-info div	{ background:rgba(255, 255, 255); }
#pagewrap .main-info .boxA	{ padding:0.5rem 1rem; font-size:0.8rem; }
#pagewrap .main-info .boxA .pink_line	{ font-size:1rem; line-height: 2.5rem; font-weight:700; }
#pagewrap .boxA .blue_line	{ font-size:1rem; line-height: 2.5rem; font-weight:700; }

#pagewrap .vote-list	{ width:980px; margin:0 auto; padding:15px 10px; font-size:14px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding-top:0; }

#pagewrap .vote-list li	{ padding:15px 0px; width:48%; }
#pagewrap .vote-list h2	{ font-size:16px; }
#pagewrap .vote-list p	{ padding:10px 0; }


#pagewrap .result	{ display: flex; flex-wrap: wrap; justify-content: space-between; padding:15px 0; }
#pagewrap .result dl	{ width:100%; }
#pagewrap .result dt	{ width:100%; padding:0 0 10px; }
#pagewrap .result dd	{ width:48%; font-weight: 700; text-align: center; }
#pagewrap .result dd img	{ width:100%; max-width:240px; }


#pagewrap .select .info	{ padding:1rem 0; }
#pagewrap .select .txt12{ font-size:12px; line-height:160%; }
#pagewrap .select .txt14{ font-size:14px; line-height:180%; }

#pagewrap .result-list	{ display: flex; justify-content: space-between; padding:15px 0; font-size:14px; }
#pagewrap .result-list dl	{ width:98%; text-align: center; margin: 0 auto; }

#pagewrap .result-list dt	{ font-weight: 700; text-align: center; }
#pagewrap .result-list dd img	{ width:100%; max-width:240px; }

#pagewrap .select h2 + p	{ margin-bottom:15px; }

#pagewrap .select .backnumber	{ margin:1px; padding:10px 0; }
#pagewrap .select .backnumber h4	{ padding: 0 5px 5px; text-align: center; font-weight: 400; }
#pagewrap .select .backnumber ul	{ display: flex; justify-content: space-around; margin-top:15px; }

#pagewrap .select .backnumber a	{
	width: 100%;
	padding: 10px 15px;
	text-align: center;
	font-size: medium;
	font-weight: normal;
	border-width: 1px 1px 5px;
	border-style: solid;
	border-color: #eb5c84;
	background-image: linear-gradient(to top, #fbf3e5 0%, white 100%);
	border-radius: 10px;
	display:block; color:#eb5c84; text-decoration: none;
}

#pagewrap .select .backnumber a:hover	{
	border-width: 5px 1px 1px;
	background-image: linear-gradient(to bottom, #fbf3e5 0%, white 100%);
}


#pagewrap .tap-button	{ width:90%; margin:10px auto; font-weight:normal; text-align:center; letter-spacing:0.2em; background: #ffffff; }
#pagewrap .tap-button a	{ padding:10px; display: block; }

#pagewrap #gotoback	{ width:980px; margin:15px auto; }
#pagewrap #gotoback .tap-button	{
	width:90%; margin:0 auto;
	border:1px solid #555555; background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
}
#pagewrap #gotoback .tap-button a	{ color:#2a2a2a; padding:5px; }

#pagewrap .copyright	{ font-size: 12px; text-align: center; padding:15px; }


#pagewrap .default-list	{ margin:20px 20px; padding:0px;  border: 1px solid #eb5c84; font-size:14px; }
#pagewrap .default-list li	{ padding:10px; border-bottom:1px dashed #eb5c84; text-align:left; }
#pagewrap .default-list li:last-child	{ border:0; }
#pagewrap .default-list li.border-b	{ border-bottom:1px dashed #eb5c84; }




@media screen and (max-width: 767px) {
	#pagewrap .main-info	{ flex-direction: column; width:100%; }
	#pagewrap .main-info > *	{ width:100%; }
	#pagewrap .main-info div	{ width:98%; margin:0 auto; font-size:12px; line-height:180%; }

	#pagewrap .main-info .box	{ width:95%; margin:0 auto; }

	#pagewrap .result	{ width:100%; flex-direction: column; }

	#pagewrap .result dl	{ width:100%; padding-bottom:20px; }

	#pagewrap .vote-list	{ width:100%; }
	#pagewrap .vote-list li	{ width:100%; }
	#pagewrap .vote-list .result	{ flex-direction: row; }

	#pagewrap .result + p	{ padding-top:0; }

	#pagewrap .select .backnumber ul	{ flex-wrap:wrap; }
	#pagewrap .select .backnumber li	{ padding-bottom:10px; width:45%; }

	#pagewrap a.tap-button-vote	{
		margin:5px auto 15px;
		width:45%;
		max-width:200px;
		text-align:center;
		color:#f84262;
		font-size:medium;
		font-weight:bold;

		border-width: 1px 1px 5px;
		border-style: solid;
		border-color: #eb5c84;
		background-image: linear-gradient(to top, #fbe7e5 0%, white 100%);
		border-radius: 10px;
		display:block; color:#eb5c84; padding:10px 15px; text-decoration: none;
	}

	#pagewrap .select a.dl-btn {
		width: 90%;
		margin: 6px auto;
		padding: 10px 0;
		text-align: center;
		font-size: medium;
		font-weight: normal;
		border-width: 1px 1px 5px;
		border-style: solid;
		border-color: #eb5c84;
		background-image: linear-gradient(to top, #fbe7e5 0%, white 100%);
		border-radius: 10px;
		display:block; color:#eb5c84; padding:10px 15px; text-decoration: none;
		border-radius: 10px;
	}

	#pagewrap #gotoback	{ width:100%; margin:15px auto; }

	#pagewrap .copyright	{ font-size: 10px; }


}