@charset "UTF-8";

* {
	-webkit-tap-highlight-color: transparent;
	-webkit-text-size-adjust:none;
	box-sizing: border-box; font-family: 'NotoSansJP-Regular-Alphabetic',sans-serif; }
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a,
em, img, strong, dl, dt, dd, ol, ul, li, label, table,
tbody, thead, tr, th, td, canvas,  footer, header, nav,
section, audio, video {
	margin: 0; padding: 0;
	border: 0; font-size: 100%;
	vertical-align: baseline;
	word-wrap: break-word; }
input, textarea { 
	-webkit-appearance:none;
	-webkit-border-radius:0;
	padding: 0; border: 0;
	outline:none; background: transparent; }
input:focus { 
	outline: none; border: 0; }
body {
	width: 100%; line-height: 1;
	box-sizing:border-box; background-color: #FFF; }
ol, ul { list-style: none; }
a { text-decoration: none; color: #000; }
img { border:0; outline: 0; vertical-align: top; }

@font-face {
  font-family: 'NotoSansJP-Regular-Alphabetic';
  src: url('../font/NotoSansJP/NotoSansJP-Regular-Alphabetic.eot');
  src: url('../font/NotoSansJP/NotoSansJP-Regular-Alphabetic.woff2') format('woff2'),
       url('../font/NotoSansJP/NotoSansJP-Regular-Alphabetic.woff') format('woff'),
       url('../font/NotoSansJP/NotoSansJP-Regular-Alphabetic.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

.container_wrap { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: transparent; }
.container_upper { width: 100%; height: 100%; overflow-y: auto; }
/* .main_bg { background-image: url(../images/bg.png); */
.main_bg { background-image: url(../images/event_bg.png);
			background-repeat: no-repeat; background-size: cover;
			background-position: top center;  }
.header { width: 100%; background: transparent; position: fixed; top: 0; left: 0; /* z-index: 200; */ z-index: 501; }
.nav_bar { width: 100%; height: 60px; position: relative; background-color: #000; }
.nav_bar_etc { width: 100%; height: 60px; position: relative; }
.back_icon { width: 50px; height: 50px; padding: 15px; position: absolute; top: 50%; margin-top: -25px; }
.title_bar { width: 100%; height: 50px; margin: 0 auto; text-align: center; line-height: 50px;
			background-color: #F25822; }
.tohoshinki_logo { width: 5%; vertical-align: middle; }
.title_bar_inner { display: block; width: 100%; height: 100%; color: #FFF; font-size: 0.90rem; overflow: hidden; }
.jejuair_logo { display: block; width: 100%; height: 60px;
			background-image: url(../images/jeju_air_logo.png);
			background-repeat: no-repeat; background-size: 60%;
			background-position: center center; }
.content_wrap { width: 100%; height: 100%; padding-top: 60px; }


/* popup */
.popup_wrap { width: 100%; height: 100%; position: fixed; top: 0; left: 0;
			font-size: 0; text-align: center; overflow-y: auto; background-color: rgba(0,0,0,0.8); z-index: 500; }
.popup_wrap:before { display: inline-block; width: 0; height: 100%; position: relative;
			vertical-align: middle; overflow: hidden; font-size: 0; content: ""; }
.popup_wrap.zidx {z-index: 99999999;}
.popup_content { display: inline-block; width: 85%; margin: 0 auto; position: relative; vertical-align: middle;
			background-color: #FFF; overflow: hidden;
			-webkit-transform:translate3d(0,0,0);
			-moz-transform:translate3d(0,0,0);
			-o-transform:translate3d(0,0,0);
			transform:translate3d(0,0,0);
			-webkit-animation:popup_show 0.3s linear 0s 1;
			-moz-animation:popup_show 0.3s linear 0s 1;
			-o-animation:popup_show 0.3s linear 0s 1;
			animation:popup_show 0.3s linear 0s 1  }
.popup_text_box { width: 85%; margin: 0 auto; overflow: hidden; padding: 40px 0; }
.popup_text { max-height: 260px; overflow-y: auto; font-size: 0.875rem; line-height: 1rem; text-align: left; color: #95989A; }
.popup_text::-webkit-scrollbar { 
    display: none; 
}
.btn_wrap { width: 100%; background-color: #06A7E1; }
.popup_btn_confirm { padding: 15px 0; }
.popup_btn_confirm > strong { font-size: 1rem; text-align: center; color: #FFF; }
.popup_notice_icon { width: 35px; height: 35px; margin-bottom: 30px; }
@-webkit-keyframes popup_show {
	0%{-webkit-transform:translate3d(0,-40px,0);opacity:0.3;}
	100%{-webkit-transform:translate3d(0,0,0);opacity:1;}
}
@-moz-keyframes popup_show {
	0%{-moz-transform:translate3d(0,-40px,0);opacity:0.3;}
	100%{-moz-transform:translate3d(0,0,0);opacity:1;}
}
@-o-keyframes popup_show {
	0%{-o-transform:translate3d(0,-40px,0);opacity:0.3;}
	100%{-o-transform:translate3d(0,0,0);opacity:1;}
}
@keyframes popup_show {
	0%{transform:translate3d(0,-40px,0);opacity:0.3;}
	100%{transform:translate3d(0,0,0);opacity:1;}
}

.popup_stamp { display: inline-block; width: 100%; margin: 0 auto; position: relative; vertical-align: middle;
			overflow: hidden; position: relative; }
.popup_stamp > img { width: 100%; }
.popup_stamp_text { width: 100%; margin: 0 auto; text-align: center; position: absolute; top: 15%; left: 0; }
.popup_stamp_text > span { display: block; color: #FFF; font-size: 1rem; line-height: 1.2rem; text-align: center; }