@charset "utf-8";
/*
Theme Name: Save the Ring
Theme URI: https://savethering.net
Description: WordPress Theme for Save the Grand Ring Project
Version: 1.0
Author: Save the Grand Ring Project.
Author URI: https://savethering.net
*/
body,html{margin:0;padding:0;width:100%;background-color:#000;font-family:sans-serif;color:#fff;position:relative}body.gallery-page,html.gallery-page{height:100%;overflow:hidden;}a:hover{text-decoration:none;}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100001;color:#fff;font-size:2.5em;font-weight:700;opacity:1;visibility:visible;transition:opacity 1s ease-out,visibility 1s ease-out}#loading-screen.hidden{opacity:0;visibility:hidden}.loading-text{opacity:0;transform:translateY(20px);animation:fadeInSlideUp .8s forwards;white-space:nowrap}.loading-text:nth-child(1){animation-delay:.5s}.loading-text:nth-child(2){animation-delay:1.5s}.loading-text:nth-child(3){animation-delay:2.5s}.loading-text:nth-child(4){animation-delay:3.5s}@keyframes fadeInSlideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#fullscreen-gallery-container{display:flex;flex-direction:column;width:100%;height:100vh;height:100svh;overflow:hidden;position:relative;opacity:0;transition:opacity 1s ease-in}#fullscreen-gallery-container.visible{opacity:1}.gallery-row{display:flex;flex-shrink:0;width:fit-content;height:20%;overflow:hidden;position:relative;white-space:nowrap;box-sizing:border-box;border-bottom:1px solid #ffffff1a;animation-name:scroll-left;animation-timing-function:linear;animation-iteration-count:infinite;padding:5px 0;align-items:center}.gallery-row:last-child{border-bottom:none}#fullscreen-gallery-container:hover .gallery-row{animation-play-state:paused}.gallery-row .image-link{display:inline-block;height:100%;padding:0 5px;box-sizing:border-box;cursor:pointer;transition:transform .2s ease-out;white-space:normal;flex-shrink:0}.gallery-row .image-link:hover{transform:scale(1.05);z-index:10}.gallery-row img{height:100%;width:auto;object-fit:cover;display:block;border-radius:4px;box-shadow:0 2px 5px #0000004d}@keyframes scroll-left{from{transform:translateX(0%)}to{transform:translateX(-50%)}}.gallery-row-1{animation-duration:120s}.gallery-row-2{animation-duration:108s}.gallery-row-3{animation-duration:128s}.gallery-row-4{animation-duration:116s}.gallery-row-5{animation-duration:135s}.gallery-row::-webkit-scrollbar{display:none}.gallery-row{scrollbar-width:none}#demo-title{position:absolute;top:20px;left:50%;transform:translateX(-50%);z-index:100001;font-size:2.5em;text-shadow:2px 2px 4px #00000080;pointer-events:none;transition:.3s}#demo-title img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);max-width:120px;}.loaded #demo-title img{-webkit-filter:unset;filter:unset}.footer-logo{text-align:center}.footer-logo img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);max-width:100px;}.copyright{text-align:center;font-size:.82em}@media (max-width: 768px){#demo-title{font-size:1.5em;top:10px}#demo-title img{max-width:80px;}.gallery-row{padding:2px 0}.gallery-row .image-link{padding:0 3px;}}.modal{visibility:hidden;opacity:0;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000e6;transition:opacity .3s ease;z-index:100001;text-decoration:none;color:inherit}.modal:target{visibility:visible;opacity:1}.modal-content{background:#1a1a1a;padding:20px;border-radius:8px;max-width:90%;max-height:90%;overflow:hidden;position:relative;box-shadow:0 4px 10px #00000080;text-align:center;display:flex;flex-direction:column;align-items:center;pointer-events:all}.modal-content img{max-width:100%;max-height:70vh;height:auto;display:block;margin-bottom:15px;border-radius:4px}.modal-content .modal-comment{color:#fff;font-size:1.2em;margin-bottom:5px;max-height:4.5em;line-height:1.25;overflow-y:auto;padding-right:5px;white-space:pre-wrap;word-wrap:break-word;text-align:left;width:100%}.modal-comment::-webkit-scrollbar{display:none}.modal-comment{scrollbar-width:none}.modal-details{font-size:.9em;color:#bbb;margin-bottom:15px;text-align:center}.modal-close{position:absolute;top:10px;right:15px;color:#ccc;font-size:2em;text-decoration:none;cursor:pointer;line-height:1;transition:color .2s ease;z-index:1}.modal-close:hover{color:#fff}@media (max-width: 768px){.modal-content{max-width:95%;max-height:95%;padding:15px}.modal-content img{max-height:60vh;margin-bottom:10px}.modal-content .modal-comment{font-size:1em;max-height:none;padding-right:0}.modal-details{margin-bottom:10px}}#contact-section{background-color:#222;padding:40px 20px;color:#fff;text-align:center;margin-top:50px}#user-submitted-posts{max-width:700px;margin:5vw auto;background-color:#333;padding:30px;border-radius:8px;box-shadow:0 4px 10px #0006;text-align:left}#user-submitted-posts fieldset{border:none;padding:0;margin-bottom:20px}#user-submitted-posts label{display:block;margin-bottom:8px;font-weight:700;color:#eee}#user-submitted-posts input[type="text"],#user-submitted-posts select,#user-submitted-posts textarea{width:calc(100% - 20px);padding:10px;margin-bottom:10px;border:1px solid #555;border-radius:4px;background-color:#444;color:#fff;box-sizing:border-box}#user-submitted-posts input[type="radio"]{margin-right:5px}#user-submitted-posts select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%206l5%205%205-5z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 10px top 50%;background-size:12px;cursor:pointer}#user-submitted-posts textarea{resize:vertical;min-height:100px}#user-submitted-posts .usp-upload-message{margin-bottom:10px;font-size:.9em;color:#bbb}#user-submitted-posts #usp_add-another{display:inline-block;margin-top:10px;color:#8df;text-decoration:none;font-size:.9em;transition:color .2s ease}#user-submitted-posts #usp_add-another:hover{color:#c0f0ff}#user-submitted-posts #usp-error-message{background-color:#ff4d4d;color:#fff;padding:10px;border-radius:4px;margin-bottom:20px;display:none}#user-submitted-posts .usp-hidden{display:none!important}#user-submitted-posts #usp_verify{display:none}#user-submitted-posts .usp-checkbox label{display:inline-block;margin-left:5px;font-weight:400}#user-submitted-posts .usp-checkbox a{color:#8df;text-decoration:underline}#user-submitted-posts .usp-checkbox a:hover{color:#c0f0ff}#usp-submit{text-align:center;margin-top:30px}#user-submitted-post{background-color:#0069b7;color:#fff;padding:12px 25px;border:none;border-radius:5px;cursor:pointer;font-size:1.1em;transition:background-color .3s ease}#user-submitted-post:hover{background-color:#0056b3}@media (max-width: 600px){#user-submitted-posts{padding:20px}#user-submitted-posts input[type="text"],#user-submitted-posts select,#user-submitted-posts textarea{width:calc(100% - 16px)}}#user-submitted-posts #usp-error-message{padding:0;background-color:transparent;}body div#user-submitted-posts fieldset label{padding:0 0 1em;}div#user-submitted-posts fieldset + fieldset{padding:10px 0 0;border-top: 1px solid #444;}.usp-custom-2-list{display:flex;flex-wrap:wrap;}.usp-custom-2 label:first-child {width:100%;}body div#user-submitted-posts fieldset label {width: unset;padding:0 1em 10px 0;}label[for="user-submitted-name"]:after,label[for="user-submitted-custom-2"]:after,label[for="user-submitted-checkbox"]:after{content:"※";color:#c33;padding-left:.3em;}@media (max-width: 768px){body div#user-submitted-posts{max-width:80vw;}.footer-logo img{max-width:80px;}}#user-submitted-posts h2{margin-top:2.5em}#user-submitted-posts p a {color: #8df;text-decoration: underline;}.page-title{text-align:center;}.site-title{font-size:2.5em;text-shadow:2px 2px 4px #00000080;text-align:center;}.site-title img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);max-width:120px;margin-inline:auto;}@media (max-width: 768px){.site-title img{max-width:80px;}}.footer-link{list-style:none;display:flex;justify-content:center;gap:10px;text-align:center;padding:1em;color:#fff;}.footer-link a{color:#fff;}.footer-link li + li:before {content:"|";padding:0 1em 0 0}@media (max-width: 768px){.footer-link{font-size:12px;display:block;}.footer-link li a {text-decoration:none;}.footer-link li{padding:1em 0;text-align:center;}.footer-link li + li:before{display:none;}.footer-link li + li{border-top:1px solid #333;}}.gallery-intro{text-align:center;margin:10em auto 0;}.gallery-intro h2{font-size: 2.5em;}.gallery-intro p{line-height:1.6em;}.only-sp{display:none;}@media (max-width: 768px){.only-sp{display:block !important;}.only-pc{display:none !imporant;}.gallery-intro{text-align:center;margin:5em auto;padding:0 4vw;}.gallery-intro h2{font-size: 2em;}.gallery-intro p{line-height:1.8em;text-align:left;}}div#user-submitted-posts select{min-width:240px;}.gallery-thanks{text-align:center;}footer{padding-bottom:5em;}div#user-submitted-posts div#usp-upload-message{font-size:.68em;color:#ccc;}