@charset "UTF-8";
.container_vgg {
 width: 100%;
 max-width: 640px;
 background-color: #FEFDE0;
 margin: 0 auto;
 padding: 1%;
}

.head_vgg {
 width: 100%;
 text-align: center;
}

.head_vgg .image1 {
 width: 60%;
 margin: 0 auto;
}

.head_vgg .image2 {
 width: 90%;
 margin: 0 auto;
}

.head_vgg .image3 {
 width: 70%;
 margin: 0 auto;
}

.badge_vgg {
 width: 100%;
 margin: 0 auto;
 text-align: center;
}

.red-box_vgg {
	background-color: red;
	padding: 1.5% 3%;
	color: white;
	text-align: center;
	border-radius: 10px;
	display: inline-block;
	font-weight: 900;
	font-size: 1.5rem;
	white-space: nowrap;
	min-width: 5em;
}

.vegepon_wrapper .popup_content .image {
 display: block;
 width: 100%;
}

.vegepon_wrapper .popup_content ul {
 list-style-type: none;
 padding: 0;
 width: 60%;
 margin: 10px auto;
}

.vegepon_wrapper .popup_content li {
 margin: 0 0 10px;
 color: #0E8F00;
 font-size: 1.1rem;
 font-weight: 700;
 display: flex;
 align-items: center;
}

.vegepon_wrapper .popup_content li img {
 margin: 0 5px;
}

.vegepon_wrapper .popup_content li::before {
 content: "・";
 margin-right: 5px;
 font-size: 20px;
 line-height: 1;
 position: absolute;
 top: 3px;
 left: -26px;
}

.vegepon_wrapper .popup_content li {
 position: relative;
}

.vegepon_wrapper .popup_content .grid-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: 40px;

}

.vegepon_wrapper .popup_content .grid-container>div {
 width: calc(50% - 10px);
 display: flex;
 align-items: center;
 margin-bottom: 20px;

}

.vegepon_wrapper .popup_content .grid-container>div .link {
 display: flex;
 flex-direction: column;
 line-height: 2;
}
.vegepon_wrapper .popup_content .grid-container>div .link a {
 white-space: nowrap;
 text-decoration: underline;
}

.vegepon_wrapper .popup_content .thumbnail {
    width: 50%;
    height: 100%;
    border-radius: 10px;
    margin: 0 20px 0 0;
    overflow: hidden;
}

.vegepon_wrapper .popup_content .thumbnail img {
 object-fit: cover;
 width: 100%;
 height: 100%;
}

.vegepon_wrapper .popup_content .green-button {
 background-color: #0D8E00;
 color: white;
 padding: 10px 20px;
 text-align: center;
 margin: 20px auto;
 display: block;
 border: 0;
 border-radius: 10px;
 font-size: 2rem;
 font-weight: 700;
}

.vegepon_wrapper .popup_content .green-button a {
 color: white;
 text-decoration: none;
}

.vegepon_wrapper .popup_content .small {
 text-align: center;
 font-size: 0.9rem;
}

.vegepon_wrapper .popup_content .text-area {
 width: 100%;
 font-size: 1.1rem;
 font-weight: 700;
 text-align: center;
 line-height: 2;
 margin: 10px 0 20px 0;
}

.vegepon_wrapper .popup_content .text-area p {
 margin: 0;
 line-height: 3;
}

.vegepon_wrapper .popup_content .text-area .content {
 display: flex;
 align-items: center;
 justify-content: center;
}

.vegepon_wrapper .popup_content .text-area .content img {
 width: 20%;
}

.vegepon_wrapper .popup_content .text-area span {
 color: #0E8F00;
 margin-left: 5px;
}

@media screen and (max-width:480px) {
 .vegepon_wrapper .popup_content ul {
  width: 90%;
 }

 .vegepon_wrapper .popup_content li {
  font-size: 0.9rem;
 }

 .vegepon_wrapper .popup_content .grid-container {
  margin-left: 0;
 }
}