@charset "utf-8";

#btn_hdpage > span { display:inline-block; word-break: keep-all; white-space: nowrap; width:auto; position:absolute; left:50%; bottom:-7px; z-index: 999; font-size:11px; color:#fff; background:#0c0f16; padding:0 5px; border-radius: 2px; height:20px; line-height: 20px; animation-name: floating; animation-duration: 0.8s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }
#btn_hdpage > span:after { content:""; position:absolute; width: 0px;  height: 0px;  border-bottom: 6px solid #0c0f16; border-left: 4px solid transparent; border-right: 4px solid transparent;
    left:50%; top:-5px; transform: translateX(-50%);
    
}
@keyframes floating {
    0% { transform: translate(-50%,  0px); }
    50%  { transform: translate(-50%, -2px); }
    100%   { transform: translate(-50%, -0px); }   
}

.appPopup { width:100%; height:100%; position:fixed; left:0; margin:0 0 0 0; bottom:-100%; z-index: 9999; transition: 0.4s all; }
.appPopup.show { bottom:0; }
.appPopup .content { width:100%; max-height: 80%; overflow: hidden; overflow-y: auto; height:auto; position:absolute; left:0; bottom:0; display:inline-block; background:#fff; z-index:9; border-radius: 20px 20px 0 0; padding:15px; }
.appPopup .content h2 { font-size:1.0rem; margin:0 0 1rem 0; width:100%; display:inline-block; text-align: center; } 
.appPopup .content h2.notice strong { display:inline-block; padding:0 25px; background:url('../../../svg/icon_warning.svg') no-repeat left center; background-size:17px 17px; position:relative; }
.appPopup .content h2.notice strong:after { content:""; display:inline-block; position:absolute; top:50%; transform: translate(0,-50%); right:0; width:17px; height:17px; background:url('../../../svg/icon_warning.svg') no-repeat center center; background-size:17px 17px; }
.appPopup .content h2 > button#add_addr { float:right; width:auto; background:transparent; color:#1A6DFF; height:33px; line-height: 34px;  font-weight: 500; font-size:0.8rem; text-decoration: underline; } 
.appPopup .content h3 { font-size:0.9rem; margin:0 0 0.5rem 0; font-weight: normal; }
.appPopup .content h4 { font-size:0.80rem; margin:0 0 0.5rem 0; font-weight: normal; }
.appPopup .content h5 { font-size:0.80rem; margin:0 0 1rem 0; font-weight: 500; color:#888; }
.appPopup .content p { }
.appPopup .content p strong {  color:#ff0000; }
.appPopup .content button { width:100%; display:block; height:60px; line-height: 60px; font-size:1.0rem; background:#131313; color:#fff; border:0; border-radius: 10px; position:relative;  font-weight: bold; }
.appPopup .bg { width:100%; height:100%; position:absolute; left:0; bottom:0; background:rgba(0,0,0,.3); z-index:8; cursor: pointer; }
.appPopup .content .btn_close {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0.5rem;
    right:0.5rem;
    background: url(../../../../../../svg/icon_close_b.svg) no-repeat center center;
    background-size: 24px 24px;
    border: 0;
}

.f_event_info { background:url('../../../svg/icon_warning.svg') no-repeat left top; background-size:17px 17px; padding:0 0 0 25px; margin:10px 0 0 0; font-size:0.7rem; }
.smb_me > ul > li.smb_reco { padding:10px; }
.smb_me > ul > li.smb_reco dd { position:relative; }
.smb_reco dt {font-size: 1.167em;margin: 10px; font-weight: bold; } 
.smb_reco .btn_reco_url_copy, .smb_reco .btn_reco_line { position:absolute; margin:0 !important; top:8px; right:5px; z-index: 99; }
.smb_reco .btn_reco_url_copy { right:75px; }

.selectitem { width:100%; height:100%; }
.selectitem > div { width:100%; height:100%; background:#fff; overflow: hidden; overflow-y: auto; }
.selectitem > div > h1 { text-align: center; font-size: 1.2em; border-bottom:#ddd 1px solid; padding:0 0; height:40px; line-height: 40px; } 
.selectitem > div ul { width:100%; height:auto; padding:0; margin:0; display:inline-block;}
.selectitem > div > ul > li { float: left; width:100%; height:50px; border-bottom:#e8e8e8 1px solid; }
.selectitem > div > ul > li > ul > li { float: left; height:50px; line-height: 50px; }
.selectitem > div > ul > li > ul > li > a { display:inline-block; height:50px; width:100%; }
.selectitem > div > ul > li > ul > li > a > img { width:100%; height:100%; }
.selectitem > div > ul > li > ul > li > a > strong { float: left; }
.selectitem > div > ul > li > ul > li > a > span { float: right; }
.selectitem > div > ul > li > ul > li:first-child { width:50px; }
.selectitem > div > ul > li > ul > li:last-child { width:calc(100% - 50px);padding:0 10px; }

.paypay_wrap { width:100%; height:100%; margin:0 0 25px 0; }
.paypay_wrap > img { width:100%; } 
.paypay_wrap > img.logo { width:50%; position:relative; left:50%; transform:translateX(-50%); margin:0 0 10px 0; }

#sod_frm_pay .sod_frm_point div span.notice { text-align: left; color:#ff006c; font-size:0.7rem; padding:0; margin:5px 0 0 0; }

#sit_tot_price { width:100%; padding:0 15px; margin:0 0 15px 0; background:#f8f8f8; border:#ddd 1px solid; display:inline-block; }
#sit_tot_price > * { display:inline-block; height:50px; line-height: 50px;  }
#sit_tot_price strong {
    font-size: 1.5em; 
}
#btn_option { z-index:9999;}


@media only screen and (max-width: 767px) {
    .li_empty { width:100% !important; text-align: center !important; padding: 50px 0 !important; color: #666 !important; border:0 !important; }
    .smb_me > ul > li.smb_reco { border-bottom:0 !important; }
    #smb_my_ov { margin:0 !important; }
    #smb_my_list { padding:0 0 !important; }
    #smb_my_list > section { border-top:#eee 10px solid !important; padding:10px 10px !important; }
    #smb_my_list > section h2 { padding:0 0 !important; margin:0 0 7px 0 !important; font-size: 1.167em !important; border:0 !important; display:inline-block; width:100%; height:25px; line-height: 25px; }
    #smb_my_list > section h2 a { float: right; font-size:0.7rem; display:inline-block; height:25px; line-height: 25px; color:#888; text-decoration: underline; }
    #smb_my_list #sod_inquiry, #smb_my_list #stv { padding:0 !important; margin:0 !important; border:0 !important; }
    #container { padding:0 !important; }
    #smb_my_list .withdrawal { display:block; text-align: left; height:35px; line-height: 35px; }
    #sod_inquiry li { padding:10px 0; }
    .inquiry_idtime { width:100%; display:inline-block; }
    .inquiry_idtime > * { display:inline-block; height:25px; line-height: 25px; }
    .inquiry_idtime > a { float:left; text-decoration: underline; }
    .inquiry_idtime > span { float:right; }
    #smb_ws_act { text-align: right; margin:15px 0 0 0; }
    #smb_ws_act button { height:35px !important; border-radius: 3px !important; }
    .inquiry_name p { font-size:0.75rem; display:block; margin:0 0 3px 0; color:#666; }
    .inquiry_price { width:100%; margin:0 0 10px 0; }
    .inquiry_price > * { display:inline-block; height:20px; line-height: 20px; float: left; margin:0 10px 0 0; }
    .inquiry_price > span { font-size:0.75rem; color:#888; font-weight: normal; }
    #sod_inquiry li .inv_status { width:auto; display:inline-block; }
    #sod_inquiry li .inv_status > * { float: left; height:33px; line-height: 33px; padding:0px 10px !important; }
    #sod_inquiry li .inv_status .btn_write_review{ padding:0 10px 0 35px !important; margin:0 3px 0 0; }
    #bo_list_total { display:none; }
	
	#ft_wr { padding:20px 0 50px 0; }
	#ft_link { width:auto; margin:0 auto; text-align: center; }
	#ft_link a { font-size:11px; }
    .sct_wrap.type_best { margin:0; }
	.list_01 { padding:10px; }
}

@media only screen and (min-width: 1021px) {
    .appPopup .content { width:340px; left:50%; margin:0 0 0 260px; }
    .appPopup.center .content { width:400px; left:50%; margin:0 0 0 -200px; border-radius: 20px; top:50%; bottom:auto; transform: translateY(-50%); }
    .f_event_info { border-bottom: 1px dashed #e5e5e5; padding-bottom: 8px; }
}