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


/*----------------------------------------------------------------------------
 ***                                                                   popup
----------------------------------------------------------------------------*/
.modalBox{ }

.popup_all{width: 88%;max-width: max-content;margin:0 auto;z-index: 999;}
.popupInner{ padding:0; position:relative;}
.modalBody {
    position: fixed;      /* スクロールしても画面の定位置に固定 */
    bottom: -120px;             /* 画面の上から50%の位置 */
    right: 210px;            /* 画面の左から50%の位置 */
    transform: translate(50%, -50%); /* 自身の幅・高さの半分だけ戻して中央に合わせる */
            /* 他の要素より手前に出す */
    display: none;        /* 初期状態は非表示 */
    
    /* スマホ対応：画面より大きくなった場合に備えて */
          /* 横幅は画面の90%を上限にする */
    max-height: 90vh;     /* 高さは画面の90%を上限にする */
    opacity: 0;
    pointer-events: none;
    transition: all 0.5s ease-out;
         /* 中身がはみ出た場合はモーダル内スクロール */
}
.modalBody.is-show{opacity: 1;pointer-events: auto;}
.modalBody.position-y{bottom: 20px;}
.modalBox_fair .popupInner{
    max-width: 100%;
    margin: auto;
}

.popup_all p{
}
.popup_heading{ margin:0 0 1em;}
.popup_comment{ width:90%; margin:0 auto 1em;}
.popup_txtBtn{
	width:45%;
	font-size:140%;
	line-height:1em;
	text-align:center;
	margin:1em auto 1.5em;
	padding:0.6em 0 0.3em;
	background-color:#16b2be;
	border-radius:20px;
}
.popup_txtBtnLink{
	display:block;
	width:100%;
	position:relative;
}
.popup_txtBtn a{ color:#fff; text-decoration:none;}
.popup_txtBtnLink::after{
	content:"";
	width:0.5em;
	height:0.5em;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	position:absolute;
	right:1em;
	top:0;
	transform:rotate(-45deg);
}
.popup_all img{width: auto;max-width: 100%;margin: auto;border: 4px solid #fff;filter: drop-shadow(2px 2px 4px #ccc);}
#popup_cookie:hover,
#popup_close:hover{ cursor:pointer; opacity:0.7;}
#popup_cookie{ background-color:#808080; padding:1em 0; margin:0;}
#popup_cookie img{text-align:center;/* width:60%; */}
#popup_close{font-size: 23px;font-weight:bold;color:#FFF;background-color:#4d4d4d;line-height:1.1em;padding:0 0.2em;margin:0;position:absolute;right:0;top: -26px;}

.modalBK{position: fixed;z-index: 10000;height: 100%;width: 100%;background: #000;opacity: 0.4;filter: alpha(opacity=20);-moz-opacity: 0.20;top: 0;left: 0;}
z
.popup_btnY {
	position: absolute;
	bottom: 22%;
	left: 39%;
}
.popup_btnN {
	position: absolute;
	bottom: 22%;
	right: 17%;
}
.popup_btnY img , .popup_btnN img{width: 110%;height: auto;}