@charset "utf-8";

/* Sunrise */
html.sunrise-fixed {overflow: hidden;}
.sunrise-outer {position: fixed; top: -10vw; right: -10vw; bottom: -10vw; left: -10vw; padding: 10vw; z-index: 9998; background: rgba(0, 0, 0, 0); transform: translateZ(0);}
.sunrise-outer .sunrise-scrll {overflow-x: hidden; overflow-y: auto; position: relative; width: 100%; min-width: 360px; height: 100%;}
.sunrise-outer .sunrise-inner {display: flex; flex-direction: row; position: relative; min-width: 100%; min-height: 100%;}
.sunrise-outer .sunrise-scene {position: relative; margin: auto; padding: 15px; max-width: 100%;}
.sunrise-outer .sunrise-frame {/*overflow: hidden;*/ position: relative; background: #ffffff; max-width: 100%; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); transform: translateY(50px); opacity: 0;}
.sunrise-outer.sunrise-visible {background: rgba(0, 0, 0, 0.6); transition: background 200ms;}
.sunrise-outer.sunrise-visible .sunrise-frame {transform: translateY(0); opacity: 1; transition: transform 500ms, opacity 500ms;}

.auth_popup_wrap {position: relative; max-width: 100%; width: 500px; padding: 47px 75px 50px;}
.auth_popup_wrap .auth_popup_close {display: flex; justify-content: center; align-items: center; position: absolute; top: 15px; right: 15px; width: 45px; height: 45px; font-size: 25px; color: #666666;}
.auth_popup_wrap .auth_popup_header {text-align: center;}
.auth_popup_wrap .auth_popup_header .tit {font-weight: 700; font-size: 30px; color: #000000;}
.auth_popup_wrap .auth_popup_header .txt {margin-top: 10px; font-size: 14px; color: #707070;}

.auth_popup_wrap .sns_login_title {position: relative; text-align: center; margin-top: 60px;}
.auth_popup_wrap .sns_login_title:before {display: block; content: ''; position: absolute; top: 50%; right: 0; left: 0; height: 2px; margin-top: -1px; background: #ececec;}
.auth_popup_wrap .sns_login_title span {display: inline-block; position: relative; padding: 0 10px; background: #ffffff; font-size: 16px; color: #000000;}

.auth_popup_wrap .h2 {font-weight: 700; font-size: 16px; color: #000000;}

@media screen and (max-width: 500px) {
	.auth_popup_wrap {padding: 47px 30px 50px;}
}

.common_popup_wrap {position: relative; max-width: 100%; width: 600px; padding: 30px;}
.common_popup_wrap .popup_close {display: flex; justify-content: center; align-items: center; position: absolute; top: 15px; right: 15px; width: 45px; height: 45px; font-size: 25px; color: #666666;}
.common_popup_wrap .popup_header .tit {font-weight: 700; font-size: 24px; color: #000000;}

.popup_archive_detail {text-align: center; padding-top: 30px; margin: 0 -20px -20px;}
.popup_archive_detail .photo img {max-width: 100%;}
.popup_archive_detail .video {position: relative; width: 100%; height: 0; padding-top: 56.25%;}
.popup_archive_detail .video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}