@import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP&display=swap");*{margin:0;padding:0;box-sizing:border-box;font-family:'Zen Maru Gothic', serif}.main-color-green,main{background-color:#203744;color:#bce2e8}.sub-color-green,footer,.pagination>li>a,header,.user-color-green,.user-block,.profile-area{background-color:#165e83;color:#bce2e8}.main-color-red,.user-color-red,.detail-window,.user-window{background-color:#6c2c2f;color:#eebbcb}.sub-color-red{background-color:#a22041;color:#eebbcb}.user-color-green,.user-block,.profile-area{border:1px solid #00ffff}.user-color-green .border-line,.user-block .border-line,.profile-area .border-line{border:1px solid #bce2e8;border-radius:3px}.user-color-red,.detail-window,.user-window{border:1px solid #ff0000}.user-color-red .border-line,.detail-window .border-line,.user-window .border-line{border:1px solid #eebbcb;border-radius:3px}.admin-font{font-family:"Noto Sans JP", sans-serif}body{display:flex;flex-direction:column;height:100vh}header{border-bottom:solid 1px red}header .header-window{display:flex;justify-content:center;margin-bottom:10px}.user-window{width:500px;display:flex;justify-content:center;padding:10px;border-radius:5px;margin-bottom:10px}.user-window .header-user-name{width:350px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:10px;color:#fff}.search-form-window{display:flex;justify-content:center;margin:15px 0 0 10px}.search-form-window .search-form-top{margin:5px}.search-form-window .search-form-bottom{display:flex;justify-content:center;margin:5px}.search-form-window .search-form-bottom .search-form-day{display:flex;justify-content:center}.search-form-window .search-form-bottom .search-form-day span{margin:3px 5px 0}.search-form-window .search-form-bottom .search-form-button{margin-left:10px}.detail-window{width:800px;height:50px;display:flex;justify-content:center;align-items:center}.detail-window div{display:flex}.detail-window div div{width:200px}.detail-window div div h6{font-size:14px;width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:10px 30px}main{flex-grow:1}.home-image{height:500px;width:100%;background-image:url(/assets/home_image1-e046815241460ae5db4febb3571221a4e199607909f106f770edb36e87c2d417.jpg);background-size:cover;margin:20px auto}.home-image div{height:500px;width:100%;background-color:rgba(0,0,0,0.3);text-align:center;padding-top:100px}.home-image div h3{letter-spacing:0.5em}.home-image div h3 img{margin:10px 0}.home-button{display:flex;justify-content:center}.home-button div{margin:10px}.text-box{width:350px;line-height:2;margin:0 auto}.text-box p{text-align:center;margin-top:30px}.sign-up-form{width:300px;margin-top:10px;line-height:20px}.select-tag-bar{width:300px}.pagination>li>a{border:none;margin:1px}.pagenation>.active>a{background-color:red}.pagination{display:flex;justify-content:center}.post-image-border{border:3px solid #bce2e8;border-radius:3px}.post-image-detail{max-width:600px;min-height:500px;margin-top:30px;display:flex;flex-direction:column;justify-content:space-between}.post-image-detail h3{font-weight:bold;color:#fff;margin-top:10px}.post-image-detail h6{margin-top:30px}.favorite-field{margin:30px 30px 30px auto}.comment-field{width:75%;margin:0 auto}.comment-area{width:75%;margin:50px auto}.comment-user-name{width:auto}.profile-area{width:300px;display:flex;flex-direction:column;align-items:center;border-radius:5px;padding:20px;margin:10px auto 30px}.profile-area h5{text-align:center;word-break:break-all}.profile-area h6{text-align:center;word-break:break-all}.profile-area p{text-align:center}.profile-area div{margin-top:10px}.user-block{width:200px;display:flex;flex-direction:column;align-items:center;border-radius:5px;padding:20px;max-height:400px;margin:10px 10px}.user-block h5{text-align:center;word-break:break-all}.user-block h6{text-align:center;word-break:break-all}.user-block p{text-align:center}.user-block div{margin-top:10px}.user-block .user-name{width:150px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:10px}.user-block:nth-child(1){margin:10px auto}.user-block:nth-child(2){margin:10px auto}.user-group{width:1100px;display:flex;flex-wrap:wrap;justify-content:left}.relationship-group{width:660px;display:flex;flex-wrap:wrap;justify-content:left}.flash-message-area{display:flex;justify-content:center}.alert-message{display:flex;justify-content:center;margin-top:30px}.informetion{display:flex;flex-direction:column;align-items:center;margin:30px auto}.informetion h5{color:#bce2e8;text-align:center;margin:50px auto}footer{border-top:solid 1px red;text-align:center;padding:10px}@media screen and (max-width: 1200px){.user-window{width:300px}.user-window .header-user-name{width:150px}.header-detail{margin-bottom:20px}.user-group{width:880px;display:flex;flex-wrap:wrap;justify-content:left}.relationship-group{width:440px;display:flex;flex-wrap:wrap;justify-content:left}}@media screen and (max-width: 992px){.header-window{display:flex;flex-direction:column;margin:0 auto}.user-window{width:600px;margin:0 auto}.user-window .header-user-name{width:350px}.detail-window{width:600px;height:70px;margin:0 auto 20px auto}.detail-window div{width:200px;display:block}.search-form-window{margin-top:10px}.home-button{display:flex;flex-direction:column;align-items:center}.home-button div{margin:10px}.post-image-border{margin-bottom:20px}.user-block{margin-top:10px}.user-group{width:660px;display:flex;flex-wrap:wrap;justify-content:left}}@media screen and (max-width: 768px){.haeder-window{display:flex;flex-direction:column;align-items:center}.user-window{width:500px}.search-form-window{width:auto;display:flex;flex-direction:column;align-items:center}.search-form-top{width:500px}.search-form-day-start{width:200px}.search-form-day-end{width:200px}.home-image{background-image:url(/assets/home_image2-b055724e39df11ba1b9da8ba57a92045d09c7e2cc92404efd9fa3aaa4093cad4.jpg);background-position:bottom}.comment-user-name{width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.user-group{width:440px;display:flex;flex-wrap:wrap;justify-content:left}}@media screen and (max-width: 567px){p{font-size:14px}header{height:400px}.user-window{width:350px}.user-window .header-user-name{width:150px}.search-form-top{width:340px}.search-form-day-start{width:155px}.search-form-day-end{width:155px}.search-form-bottom{display:flex;flex-direction:column;align-items:flex-end}.search-form-bottom .search-form-button{margin-top:10px}.detail-window{width:300px;height:140px;margin:0 auto 20px auto;display:flex;flex-direction:column;align-items:baseline}.detail-window div{display:block;margin-bootm:10px}.comment-user-name{width:100px}.user-group{width:220px;display:flex;flex-wrap:wrap;justify-content:left}.relationship-group{width:220px;display:flex;flex-wrap:wrap;justify-content:left}}