.room .room-wrap{margin:0 auto;max-width:1000px}.room .room-wrap ul{align-items:flex-start;display:flex;flex-wrap:wrap;gap:30px 3%;justify-content:flex-start;list-style:none;padding:0 20px}.room .room-wrap ul li{cursor:pointer;line-height:0;overflow:hidden;padding-bottom:20%;position:relative;width:30%}@media screen and (max-width:767px){.room .room-wrap ul li{padding-bottom:60%;width:100%}}.room .room-wrap ul li:hover .thumb{transform:scale(1.1)}.room .room-wrap ul li:hover .room-title-wrap{transform:translateY(0)}.room .room-wrap ul li .thumb{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transition-duration:.5s;width:100%}.room .room-wrap ul li .room-title-wrap{background-color:#00000080;bottom:0;left:0;position:absolute;transform:translateY(100%);transition-duration:.5s;width:100%;z-index:1}@media screen and (max-width:767px){.room .room-wrap ul li .room-title-wrap{transform:translateY(0)}}.room .room-wrap ul li .room-title-wrap .room-title{color:#fff;font-size:16px;line-height:1.4;padding:10px}.room .room-wrap ul li .room-title-wrap .room-title .date{color:#fff;font-size:12px}.room .room-wrap .archive-wrap{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;margin-top:30px;padding:0 20px}.room .room-wrap .archive-wrap .archive{cursor:pointer;font-weight:500}.room .room-wrap .archive-wrap .archive span{color:#85c13a}.room-detail{margin:auto;max-width:1080px}.room-detail .room-content{padding:60px 30px}@media screen and (max-width:767px){.room-detail .room-content{padding:60px 20px}}.room-detail .room-content .ttl{color:#6d3a19;font-size:40px;font-weight:700;margin:0 0 30px;text-align:center}@media screen and (max-width:767px){.room-detail .room-content .ttl{font-size:24px;margin-bottom:15px;text-align:left}}.room-detail .room-content .date{font-size:20px;text-align:right}@media screen and (max-width:767px){.room-detail .room-content .date{font-size:16px}}.room-detail .room-content .content-text{font-size:20px}@media screen and (max-width:767px){.room-detail .room-content .content-text{font-size:16px}}.room-detail .room-content .main-img{width:100%}.room-detail .room-content ul{list-style:none;margin-top:50px;padding:0}.room-detail .room-content ul li{margin-bottom:30px}.room-detail .room-content ul li img{width:100%}.room-detail .room-content ul li .comment{font-size:20px}@media screen and (max-width:767px){.room-detail .room-content ul li .comment{font-size:16px}}.room-detail .room-content .return{display:inline-block;font-size:18px;margin-top:50px}
