@charset "UTF-8";
 @-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.p-popup-wrap, .p-popup-bubble {
transition:
opacity 0.35s ease, transform 0.35s ease, visibility 0s linear 0.35s !important;
}   @media screen and (max-width: 1000px) {
.p-popup.is-show .p-popup-wrap, .p-popup-bubble, .p-popup.is-show-popup .p-popup-wrap {
opacity: 0 !important;
visibility: hidden !important;
transform: translateY(10px) !important;
pointer-events: none !important;
}
}  .p-searchFormside__input {
margin: 0 auto 20px auto;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
width: 100%;
height: 50px;
line-height: 36px;
padding: 0 40px 0 18px;
border-radius: 25px;
font-size: 16px;
font-size: 0.85rem;
border: 2px solid #0066b4;
background: #fafbfd;
}
.p-searchFormside__input:hover {
background-color: #fff;
}
.p-searchFormside__btn img {
width: 26px;
}
.p-popup-text2 {
margin-top: -6px !important; }
.p-searchFormside__btn {
margin-top: 14px;
margin-left: -40px;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
position: absolute;
cursor: pointer;
}
.p-popup-wrap {
opacity: 0;
display: none;
position: fixed;
top: auto;
left: auto;
bottom: 20px;
right: 20px;
}
.p-popup-wrap.is-show {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
z-index: 1000;
}
.p-popup-container {
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: block;
}
.p-popup-content {
position: relative;
height: 248px;
max-width: 234px;
background: linear-gradient(180deg, #f1f5f9 0%, #f8fafc 100%);
border: 4px solid #fde503;
border-radius: 20px;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08); }
.p-popup-text {
padding: 15px;
height: calc(100% - 146px);
}
.p-popup-text img {
height: 39px;
width: fit-content;
display: block;
margin: auto;
}
.p-popup-text1 {
padding: 9px;
height: calc(100% - 105px);
}
.p-popup-text1 img {
height: 144px;
width: 197px;
display: block;
margin: auto -5px auto auto;
}
.p-popup-text2 {
padding: 15px;
height: calc(100% - 146px);
}
.p-popup-text2 img {
height: 20px;
width: fit-content;
display: block;
margin: auto;
}
.p-popup-image {
height: 240px;
border-radius: 16px;
overflow: hidden;
position: relative;
}
.p-popup-image img {
width: auto;
height: 100%;
object-fit: cover;
}
.p-popup-close {
position: fixed;
bottom: 227px;
top: 0;
right: 5px;
left: 0;
margin: auto 30px 0 auto;
z-index: 100;
width: 25px;
height: 30px;
padding: 0;
border: none;
background: none;
cursor: pointer;
}
.p-popup-btn {
position: absolute;
top: 0;
bottom: 20px;
left: 0;
right: 0;
margin: auto auto 0;
height: 66px;
color: #fff;
font-size: .937rem;
font-weight: bold;
background: #222;
padding: 7px;
min-width: 180px;
width: fit-content;
border-radius: 3px;
line-height: 1.6;
}
.p-popup-bubble {
position: fixed;
right: 10px;
bottom: 20px;
z-index: 100;
display: none;
}
.p-popup.is-show-popup .p-popup-wrap, .p-popup.is-show .p-popup-wrap {
opacity: 1;
display: block;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
z-index: 1000;
}
.p-popup.is-show-bubble .p-popup-bubble {
display: block;
cursor: pointer;
opacity: .8;
}
@media screen and (max-width: 768px) {
.p-popup {
display: none;
}
}
.c-opabn2:hover{
background-color: #555;
}