#popup {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;display: flex;justify-content: center;align-items: center;}
.popup__bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(10, 10, 10, 0.85);/*backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);*/}

/* ------------------------
   .popup__close
   ------------------------ */  
.popup__close { position: absolute; top:5px; right:5px; width:60px; height:60px; overflow: hidden; text-indent:-999px; background: none; color: #fff; z-index:10; cursor: pointer;}
.popup__close:before { position: absolute; top:0; right:0; left:0; bottom:0; font-family:'themify'; content:"\e646"; font-size:30px; line-height:60px; text-align: center; text-indent:0; z-index:1;}
@media screen and (max-width: 640px) {
.popup__close { top:0px; right:0px; }
.popup__close:before { font-size:27px; }  
}

/* .popup__content */
.popup__content {position:relative;background: #fefefe; width: 85%;max-width: 1000px;box-shadow: 0 8px 20px rgba(0,0,0,0.25);}
.popup__inner {display: flex; flex-wrap: wrap; align-items:center;}
.popup__inner .img_area {width: 50%;order: 2;}
.popup__inner .img_area img { width: 100%; height: auto;display: block;object-fit: cover;-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.popup__inner .txt_area {order: 1; width: 50%; padding: 0; text-align: center;}
.popup__inner .img_logo_20th { margin: 0 auto; display: block; width: 60%;}
.popup__inner .t_copy_popup { margin-top: 20px; font-size: clamp(15px, 1.75vw, 18px); font-family: 'Libre Baskerville', serif;font-weight: 400; letter-spacing: 0.015em; line-height: 1.6;}
.popup__inner .t_copy_popup .sp_block_738 {display: none;}
.popup__inner .t_ttl_model {margin-top: 5px; font-size: 9.75px;font-family: 'Libre Baskerville', serif;font-weight: 700;letter-spacing: 0.05em; line-height: 1.85;}
.popup__inner .linkArea {margin-top: 25px;}
.popup__inner .linkArea .btn {/*font-family:"Inter Tight" ,"Noto Sans JP";*/ /*font-size: 15px; */letter-spacing: 0em;}
@media (min-width: 961px) and (hover: hover) {
.popup__inner .img_area a:hover img {opacity: 0.9;}
}
@media screen and (max-width: 960px) {
.popup__content { width: 90%;}
.popup__inner .img_logo_20th { width: 65%;}
.popup__inner .t_copy_popup { font-size: clamp(13.5px, 1.95vw, 16px); line-height: 1.6;}
.popup__inner .t_copy_popup .sp_block_738 {display: block;}
.popup__inner .linkArea {margin-top: 20px;}
.popup__inner .linkArea .btn {line-height: 45px;}
}
@media screen and (max-width: 738px) {
.popup__content { width: 75%;}
.popup__inner .img_logo_20th { width: 60%;}
.popup__inner .t_copy_popup { margin-top: 15px; font-size: clamp(13px, 1.75vw, 15px);line-height: 1.55;}
.popup__inner .t_copy_popup .sp_block_738 {display: block;}
.popup__inner .linkArea {margin-top: 15px;}
.popup__inner .linkArea .btn {line-height: 38px;font-size: 15px;}
}
@media screen and (max-width: 640px) {
.popup__content { width: 85%;}
.popup__inner {display: block; flex-wrap: wrap; align-items:center;}
.popup__inner .img_area {width: 100%;}
.popup__inner .img_area img { width: 100%; height: auto;display: block;object-fit: cover;}
.popup__inner .txt_area { width: 100%; padding: 25px 0 30px; text-align: center;}
.popup__inner .img_logo_20th { width: 55%;}
.popup__inner .t_copy_popup { margin-top: 15px; font-size: clamp(15px, 4.35vw, 16px); line-height: 1.55;}
.popup__inner .linkArea {margin-top: 20px;}
}