@charset "UTF-8";

/* ---------------------------------------
ポップアップバナー
-----------------------------------------*/

/*ポップアップ*/
.popup {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9999;
opacity: 0;
visibility: hidden;
transition: .6s;
}
.popup.is-show {
opacity: 1;
visibility: visible;
}
.popup-inner {
position: relative;
width: 80%;
max-width: 600px;
margin:0 auto;
top:10%;
text-align:center;
z-index: 10;
top: 50%;
transform: translateY(-50%);
}
.popup-inner img {
width: 100%;
}
.close-area {
display:inline-block;
cursor: pointer;
text-align:center;
}
.black-background {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.8);
z-index: 1;
cursor: pointer;
}

/* PC */
@media screen and (min-width: 600px) {
  .popup-inner {
	width: clamp(200px, 50%, 400px);
	}
}/* END PCのみ */


/*ボタン*/
.buttonpopup {
display:block;
text-decoration: none;
position: absolute;
right:0;
top:-44px;
width: 50px;
height:44px;
line-height:44px;
font-size:40px;
color: #FFF;
background: #000;
cursor: pointer;
}
.buttonpopup:active {
box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}