#body{width:auto;height:auto;margin:0;background-color:#f2e8cf!important}.header{display:flex;position:sticky;width:100%;height:100px;margin:0;padding:0;background:#004e98;z-index:100;top:0}.header__title{justify-content:center;height:auto;font-size:40px;color:#fff;text-decoration:none;margin:auto}.header__title:hover{font-size:40px;color:#ff6700;text-decoration:none}.hamburger{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:fixed;left:95%;transform:translate(-100%);width:100px;height:80px;margin:0;padding:20px;background-color:transparent;cursor:pointer;border:0}.hamburger span,.hamburger span:after,.hamburger span:before{content:"";display:block;position:absolute;width:50px;height:4px;transition:all .5s;background-color:#fff}.hamburger span:before{top:-10px}.hamburger span:after{bottom:-10px}.hamburger.open span{background-color:transparent}.hamburger.open span:before{top:0;transform:rotate(45deg)}.hamburger.open span:after{bottom:0;transform:rotate(-45deg)}li{list-style-type:none}.nav{position:fixed;top:100px;right:-100%;opacity:.7;width:15%;height:auto;padding:50px 0;transition:all .5s;background-color:#636363}.nav__item a{display:block;padding:10px;font-size:20px;color:#fff;text-decoration:none;text-transform:uppercase}.nav__item a:hover{background-color:#fff;color:#0f5474}.nav.open{right:0;height:auto}.thread_display_all{font-size:40px;width:auto;margin:auto;justify-content:center}.thread_title{overflow-wrap:anywhere;justify-content:center;width:2000px;height:auto;margin:100px auto auto;padding:20px;background-color:#ff6700;font-size:2rem;color:#fff;text-align:center;font-weight:700}.box{overflow-wrap:anywhere;line-break:strict;justify-content:center;box-sizing:border-box;width:2000px;height:auto;margin:auto;background-color:#fff;word-break:normal}.name_date{display:flex;flex-wrap:wrap;align-items:center;width:auto;height:auto;margin:5px;padding:0;font-size:1.5rem}.user_name{width:70%;height:auto;margin-bottom:0;margin-left:5%;padding:5px}.date{width:25%;height:auto;margin-bottom:0;padding:5px}.spot_name{width:100%;margin-bottom:0;margin-left:5%;padding:2px 5px;font-size:1.1rem;color:#555}.spot_name_link{color:#004e98;text-decoration:none}.spot_name_link:hover{text-decoration:underline}.img_box{width:auto;height:auto;margin:3px}.desc{display:flex;overflow:scroll;width:auto;height:50%;margin:5px 5px 5px 50px;font-size:1.3rem}.thread_txt{margin-left:30px;margin-right:30px}.good_reply{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding-right:30px;height:70px;font-size:1.5rem}.good,.thread_like{width:auto;height:50px;padding:0 15px;white-space:nowrap;border-radius:14px;background-color:#ebebeb;cursor:pointer}.good:hover,.thread_like:hover{background-color:#787878}.thread_like.liked{background-color:#ff6700;color:#fff}.reply{width:auto;height:50px;padding:0 15px;border-radius:14px;background-color:#ebebeb;cursor:pointer}.reply:hover{background-color:#787878}.comment_border_head{border-top:3px #ff6700;border-left:0px;border-right:0px;border-bottom:0px;border-style:solid;width:auto;margin:-3px;padding:3px}.comment{overflow-wrap:anywhere;line-break:strict;justify-content:center;box-sizing:border-box;width:2000px;height:auto;margin:auto;background-color:#fff;word-break:normal}.comment_number{justify-content:center;position:absolute;left:auto;width:50px;height:40px;padding:5px;background-color:#636363;font-size:1.2rem;color:#fff}.comment_name_date{display:flex;align-items:center;width:auto;height:50px;margin:5px;padding:0;font-size:1.5rem}.comment_user_name{width:70%;height:auto;margin-bottom:0;margin-left:5%;padding:5px}.comment_date{width:30%;height:auto;margin-bottom:0;padding:5px}.comment_img_box{margin:5px}.comment_desc{display:flex;overflow:scroll;width:auto;height:50%;margin:5px 5px 5px 100px;font-size:1.3rem}.comment_txt{margin-left:30px;margin-right:30px}.post_comment{width:auto;height:auto;display:flex;align-items:center;margin:30px}.comment_good_reply{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding-right:30px;height:70px;font-size:1.5rem}.comment_number_of_reply{width:auto;height:50px;padding:0 15px;border-radius:14px;background-color:#ebebeb;cursor:pointer}.comment_number_of_reply:hover{background-color:#787878}.comment_good{width:auto;height:50px;padding:0 15px;white-space:nowrap;border-radius:14px;background-color:#ebebeb;cursor:pointer}.comment_good:hover{background-color:#787878}.comment_good.liked{background-color:#ff6700;color:#fff}.comment_reply{width:auto;height:50px;padding:0 15px;border-radius:14px;background-color:#ebebeb;cursor:pointer}.comment_reply:hover{background-color:#787878}.post_comment_button{width:300px;height:100px;background-color:#ff6700;border-radius:15px;font-size:20px;text-align:center;border:none;margin:auto}.post_comment_button:hover{width:300px;height:100px;border-radius:15px;font-size:20px;text-align:center;border:none;margin:auto;background-color:#ad4602}.popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000}.popup-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:800px;min-height:300px}.popup-close{position:absolute;top:10px;right:20px;cursor:pointer;font-size:40px;color:#666;width:30px;height:30px}.popup_form{width:100%}.comment_text{width:100%;min-height:200px;margin-bottom:30px}.input{height:30px}.submit_comment{width:auto;height:50px}#file-upload-button{margin:20px}.submit_comment{transform-origin:50% 50%;margin-left:50%}.replies-section{margin-left:60px;margin-right:20px;margin-bottom:10px;border-left:3px solid #ff6700;padding-left:15px}.reply-item{background-color:#f5f5f5;border-radius:8px;padding:10px 15px;margin:6px 0}.reply_name_date{display:flex;align-items:center;font-size:1.2rem;margin-bottom:4px}.reply_user_name{width:70%;margin-left:2%;padding:2px;margin-bottom:0}.reply_date{width:30%;padding:2px;margin-bottom:0}.reply_desc{margin-left:10px}.reply_txt{font-size:1.1rem;margin:4px 0 4px 10px}.number_of_reply,.comment_number_of_reply{cursor:pointer}.footer{width:auto;height:80px;margin-top:10%;background-color:#004e98}
