@charset "utf-8";
* {
    max-height: 100000px;
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    border-collapse: collapse;
    box-sizing: border-box;
    line-height: 1;
    list-style: none;
    text-decoration: none;
    border-spacing: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

html,
body {
    overflow: hidden;
    height: 100%;
    min-width: 320px;
    -webkit-overflow-scrolling: touch;
}

body {
    overflow-y: scroll;
    background: #333;
    color: #fff;
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}

body::-webkit-scrollbar {
    width: 0;
    background: transparent;
}

/* iOS에서 입력 필드 스타일 수정 */
input, textarea, select {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    background: #fff;
    color: #000;
}

/* iOS에서 버튼 스타일 수정 */
button, .button {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
}

#logo{background:#2e2e2e}
.logo_img{width:100%;height:auto}
.logo_link{display:block;max-width:700px;margin:0 auto}

#bugo{position:relative;max-width:700px;padding:20px 10px 10px;margin:0 auto;background:url(../img/logo.png) 10px 10px;background-size:70px;background-repeat:no-repeat}

#religion{text-align:center;padding:0 0 10px}


#title{font-size:22px;text-align:center;padding:20px 0;border-bottom:1px rgb(255 255 255 / 30%) solid;margin:0 0 30px}

#name{display:block;text-align:center;font-size:22px;padding:0 0 3px}


#ship_box{padding:20px}
#ship_box table{width:100%}
#ship_box td{padding:10px}
#ship_box td.lt{width:10%;min-width:80px;padding-left:0;font-weight:bold;text-align:right}
#ship_box td.rt{width:80%;padding-left:0}

#sms_send{padding:10px;text-align:center;background:rgba(0,0,0,0.29);margin:20px 10px 10px;border-radius:4px;border:1px rgb(255 152 0 / 75%) solid}

#bugo_send{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / 90%);z-index:3;padding:30px 30px 100px}
#bugo_send.off{display:none}
#bugo_send.on{display:block;overflow:hidden;overflow-y:scroll}



.list_box.off .plus_box{display:none}
.list_box.on .plus_box{display:block;padding:10px 0 0;clear:both}

.bugo_button{float:left;width:25%;height:38px;padding:1px}
.bugo_button span{display:block;padding:10px 0;background:rgb(0 0 0 / 30%);text-align:center;border-radius:4px;border:1px rgba(255,255,255,0.5) solid}
.title{line-height:1.3;font-size:16px}
.titles{margin:0 0 5px;text-align:center}
.titless,
.des{margin:0 0 10px;font-size:11px;text-align:center;line-height:1.3}
.plus{float:right}


.cle{clear:both}

#bugo_send{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);z-index:3;padding:30px 30px 100px}
#bugo_send.off{display:none}
#bugo_send.on{display:block;overflow:hidden;overflow-y:scroll;z-index: 33;}

#send_end{position:fixed;bottom:0;left:0;height:50px;width:100%;text-align:center;padding:20px;background:#5a3d32}

h3{margin:0 0 20px;font-size:22px;text-align:center}

.mlist{position:relative;padding:10px 0;margin:0 0 10px;border-bottom:1px #ccc solid}


.mship{float:left;padding:1px;width:110px;text-align:right;height:40px;line-height:1.37}
.mname{float:left;padding:5px;width:70px;font-size:16px}
.mtel{float:left;padding:5px;width:100px}
.mms{float:right;height:34px;padding:8px;margin:1px 20px 0 0;border:1px #ccc solid}
.web{float:right;height:34px;padding:8px 10px;margin:1px 0 0;color:#ffeb00;border:1px #ffeb00 solid}





#info_box{border-top:1px rgb(255 255 255 / 70%) dashed;padding:20px}
#info_box table{width:100%}
#info_box td{padding:10px;line-height:1.37}
#info_box td.lt{width:10%;min-width:80px;padding-left:0;font-weight:bold;text-align:right}
#info_box td.rt{width:80%;padding-left:0}



#maps{padding:0 30px}
#map_title{text-align:center;padding:10px;background:#464646;border:1px #fff solid;border-bottom:none}
#map_box{border:1px #fff solid}
#map_view{height:170px}
#map_addr{text-align:center;padding:10px;background:#464646;border:1px #fff solid;border-top:none}

#call_box{padding:30px 30px 0}
.call_list{float:left;padding:10px 0;text-align:center;border:1px #fff solid;border-right:none}

.sns_b{width:35%;background:#3f51b5}
.eti_b{width:35%;background:#009688;border-right:1px #fff solid}
.sms_b{background:#795548}
.money_b{width:30%;background:#607d8b}


#comment{padding:20px;margin:-5px 0 0;;border-top:2px rgb(255 255 255 / 30%) solid}
.comment{position:relative;padding:10px}

#comment_list{max-height:200px;padding:0 0 10px;overflow:hidden;overflow-y:scroll}

.text{display:block;width:100%;height:38px;padding:10px;margin:0 0 1px}

h3{font-size:18px;padding:0 0 10px}
.cnt{text-align:left;font-size:18px;margin:0 0 10px}

.cnt_box{position:relative;padding:10px}
.cnt_name{display:block;padding:0 0 5px}
.cnt_list{padding:10px 0;border-top:1px rgb(255 255 255 / 30%) dashed}
#cnt_in{position:absolute;top:10px;right:10px;width:70px;height:38px;background:#1d3444;padding:12px 10px;text-align:center;border:1px #fff solid}



#flower{padding:30px 20px 20px;margin:-10px 0 0;;border-top:2px rgb(255 255 255 / 30%) solid}
.flower{position:relative;padding:10px}
.flower_name{}
.flower_list{padding:10px 0;border-top:1px rgb(255 255 255 / 30%) dashed}
.end{color: #00ff1f;}


#footer{}
.footer{text-align:center;
    padding:20px;
    background:#111;
    line-height:1.3}