@charset "utf-8";
/* CSS Document */

.in_box {
	width: 100%;
	border-radius: 15px;
	max-width: 900px;
	margin: 3em auto 0;
}
/*ボタン*/
.pagination-links{
    width:100%;
}
.pagination {
    display: flex;
    justify-content: space-between; /* 要素を両端に配置 */
    padding: 1em 0; /* 上下の余白 */
    margin: 1em auto;
    font-size:0.9em;
}
.btn_area{
    max-width:700px;
    margin:0 auto;
}
/*画像*/
.sponcer_photo{
    margin-bottom:2em;
}	
.sponcer_photo figure{display: block;
	width: calc((100% / 2) - 10px);
	text-align: center;
	padding: 1rem;
	border-radius: 10px;
}
@media screen and (max-width:620px) {
		#sponcer .sponcer_photo figure{
	width: 100%;
}
}
/*協賛社情報*/
.sponcer_info dt {
  font-size: 1.1rem;
  font-weight: 500;
  padding: 0;
  margin: 0;
}
.sponcer_info dd {
  font-size: 0.85rem;overflow-wrap: break-word;
}
.note{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* 要素を両端に配置 */
}
.note h6{
  width:100%;
	font-size: 1.1rem;
	margin-bottom: 0.5rem;
	font-weight: 500;
	color: var(--primary);

}
.note figure {
	width: 300px;
	padding: 0.5em 0;
}
.sponcer_info{
  width: calc( 100% - 300px - 1em );
}
.note figure img{
  max-width:230px;
  border:10px solid #fff;
}

@media screen and (max-width:810px) {
.sponcer_info{
  width: 100%;
}

}

/*result リザルト*/

#sponcer .prize_info{
	width:300px;
	margin: 0;
}

#sponcer .copy{
	width:calc(100% - 330px);
	padding-left:2rem;
}
#sponcer .prize_box {
	margin-top: 0rem;
	padding: 2rem;
	background: #FFF;
	border-radius: 10px;
}
#sponcer #result .in_box {
	border-radius: 20px;
	padding: 1rem;
	margin-bottom: 1rem;
}
.prize_4 {
    background: var(--prize3);
}
.prize_box h4{
  border: 0;
}

.prize_box h5 {
	margin-bottom: 15px;
}#result h3 {
  margin: 0 auto;
  background: none;
  text-align: center;
  position: absolute;
  top: -50px;
  left: 50%;
  margin-left: -230px;
}
#result h3 img {
  width: 100%;
  max-width: 460px;
}
#result h4 {
  color: var(--text);
  font-size: 1.7rem;
  border: 0;
  margin: 0;
}
#result h5 {
	font-size: 1.3rem;
	border: 0;
	color: var(--gray);
}
@media screen and (max-width:610px) {
.sponcer_info{
  width: 100%;
}
#sponcer .copy {
	width: 100%;
	padding-left: 0rem;
  padding-top:2em;
}
.prize_box.flex{
  justify-content: center;
}
}