@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap");:root{--theme-color1-light: #ccf0cc;--theme-color1: #a3de9a;--theme-color1-op: #a7dd9fc7;--theme-color1-dark: #638161;--theme-color2: #5b83e3;--white: #fff;--gray: #d3d3d4;--dark-gray: #c0c0c2;--dark: #4e5b79;--more-dark: #434d64;--bg-color: #232327;--text-color: var(--gray);--fixed-menu-text-color: var(--dark);--fixed-menu-text-color-hover: var(--theme-color1);--form-color: var(--more-dark);--form-hover-color: var(--gray)}*{box-sizing:border-box}html{font-size:62.5%}:focus{outline:none}a{text-decoration:none}a,a::after,a::before,button,button::after,button::before,input,textarea,select{transition:all .3s}a img,button img{transition-duration:.3s}button{outline:none;background:transparent;border:0;cursor:pointer;cursor:hand}input,textarea,select{font-size:1.6rem}input,textarea{box-shadow:none;-webkit-appearance:none}select{appearance:button}p,dl,ul,form{margin:25px 0;word-break:break-all}p:first-child,dl:first-child,ul:first-child,form:first-child{margin-top:0}p:last-child,dl:last-child,ul:last-child,form:last-child{margin-bottom:0}img{vertical-align:middle;max-width:100%}@media only screen and (max-width: 1024px){p:last-child,form:last-child{margin-bottom:0}}body,button,input,textarea,select{font:500 1.6rem/calc(1.6rem + 1.05rem) "Yu Gothic",Meiryo,"Hiragino Kaku Gothic ProN",sans-serif;color:var(--text-color)}body{margin:0;padding:0;overflow-x:hidden;background:var(--bg-color)}body:has(header) main{margin:calc(70vh * 0.6 + 100px) auto 0}body.get-header main{margin:calc(70vh * 0.6 + 100px) auto 0}main{max-width:900px;margin:50px auto 0}article{margin:0 auto 200px}article.sm{max-width:700px}footer{display:flex;justify-content:center;align-items:center;height:100px;padding:0 15px}main a:not(.btn),footer a:not(.btn){color:var(--theme-color2)}main a:not(.btn):hover,footer a:not(.btn):hover{opacity:0.5}header{position:absolute;top:0;left:0;width:100%;height:calc(70vh * 0.6);padding-top:6.5vh}header::before{content:"";position:absolute;top:0;left:calc((100vw - 140vh) / 2);display:block;width:0;height:0;border:70vh solid transparent;border-top-color:var(--white);transform:scaleY(0.6);transform-origin:left top;z-index:-1}header h1 a{width:600px;height:15vh}header .menu:not(#spotlight){position:absolute;top:calc((70vh * 0.6) - 5px);left:calc(((100vw - 140vh) / 2) + 70vh + 15px);transform:rotate(-31deg);transform-origin:top left}header.scroll{position:fixed;top:-100px;left:0;display:flex;justify-content:flex-end;align-items:center;height:90px;padding:10px;opacity:0;transition:all .3s}header.scroll::before{content:none}header.scroll.view{top:0;opacity:1;transition:all .3s}header.scroll h1{display:none}header.scroll .menu:not(#spotlight){position:relative;top:-20px;left:auto;transform:none}.menu:not(#spotlight){margin:0}.menu:not(#spotlight) ul{display:flex;justify-content:center;gap:2rem;padding:0;list-style:none;font:500 1.8rem/1 "Cormorant Garamond",serif}.menu:not(#spotlight) ul li a{position:relative;display:inline-block;padding:12px 0 15px 3px;overflow:hidden;color:var(--theme-color1);letter-spacing:3px}.menu:not(#spotlight) ul li a::before{content:"";position:absolute;bottom:-15px;left:calc(50% - 7px);width:0;height:0;border:8px solid transparent;border-bottom-color:var(--theme-color1);transform:scaleX(0.7);opacity:0;transition:all .3s}.menu:not(#spotlight) ul li a:hover::before{bottom:5px;opacity:1}h1{margin:0;text-align:center}h1 a{box-sizing:border-box;display:inline-block;background:url("../../img/layout/logo.png") no-repeat center/contain;transition:filter .3s}h1 a:hover{filter:drop-shadow(0 0 10px var(--theme-color1-light))}@media only screen and (max-width: 1024px){header{display:flex;justify-content:center;align-items:center;height:calc(70vw * 0.6);padding:0 0 30px;overflow:hidden;z-index:1}header::before{left:-40vw;border-width:70vw}header h1{width:100%}header h1 a{display:block;width:calc(100% - 60px);height:20vw}header.scroll h1 a{width:100%;height:65px;background-position:left center}header.scroll .menu:not(#spotlight){position:fixed;top:0}header .menu:not(#spotlight){position:fixed;top:0;left:auto;right:-180px;display:flex;justify-content:right;align-items:center;width:180px;max-width:80vw;height:100vh;margin:0;padding:0 20px;transform:none;background:var(--theme-color1-op);border-left:2 solid var(--theme-color1);transition:right .3s}header .menu:not(#spotlight) ul{display:block;width:100%}header .menu:not(#spotlight) ul li a{display:block;padding:15px 0;color:var(--bg-color)}header .menu:not(#spotlight) ul li a::before{content:none}header .menu:not(#spotlight).open{right:0;z-index:1}}.manu-toggler{display:none}.fixed-menu{position:fixed;bottom:0;right:0;z-index:1}.fixed-menu ul{display:flex;flex-direction:column;justify-content:center;gap:10px;margin:0;padding:0;list-style:none}.fixed-menu a,.fixed-menu button,.fixed-menu span{position:relative;display:flex;justify-content:center;align-items:center;width:40px;height:40px;margin:0;background:transparent !important;border:0 !important;color:var(--fixed-menu-text-color) !important}.fixed-menu a::before,.fixed-menu button::before,.fixed-menu span::before{position:absolute;left:-20;font-family:"Font Awesome 5 Free";font-weight:900}.fixed-menu a,.fixed-menu button{color:var(--fixed-menu-text-color)}.fixed-menu a:hover,.fixed-menu button:hover{color:var(--fixed-menu-text-color-hover) !important;opacity:1}.fixed-menu span{opacity:0.5}.fixed-menu li.pagetop a::before,.fixed-menu li.pagetop button::before,.fixed-menu li.pagetop span::before{content:"\f102"}.fixed-menu li.prev a::before,.fixed-menu li.prev button::before,.fixed-menu li.prev span::before{content:"\f104"}.fixed-menu li.next::before{content:none}.fixed-menu li.next a::before,.fixed-menu li.next button::before,.fixed-menu li.next span::before{content:"\f105"}.fixed-menu li.toc a::before,.fixed-menu li.toc button::before,.fixed-menu li.toc span::before{content:"\f0ca"}.fixed-menu li.home a::before,.fixed-menu li.home button::before,.fixed-menu li.home span::before{content:"\e3af"}.fixed-menu span{opacity:.7}h2,h3,h4{color:var(--theme-color1)}h2{position:relative;margin:50px auto 100px;padding:100px 0 0 0;letter-spacing:5px;font:500 2.2rem/1 "Cormorant Garamond",serif;text-align:center}h2.sm{font-size:1.2rem}h2::before{content:"";position:absolute;top:calc(50% + 50px);display:block;width:100%;height:1px;background:var(--white);z-index:-1}h2 span{display:inline-block;max-width:calc(100% - 50px);background:var(--bg-color);padding:0 15px 0 20px}h3,h4,h5,h6{font:400 1.8rem/1 "Zen Kaku Gothic New","Yu Gothic",Meiryo,"Hiragino Kaku Gothic ProN",sans-serif}h3{display:flex;justify-content:center;align-items:center;margin:100px auto 75px;padding:30px}h3::before,h3::after{content:"";display:block;width:0;height:0;border:10px solid transparent}h3::before{margin:-20px 10px 0 0;border-top-color:var(--white);border-left-color:var(--white)}h3::after{margin:0 0 -20px 10px;border-bottom-color:var(--white);border-right-color:var(--white)}h4,h5,h6{font-weight:500;font-size:1.6rem}h4 span,h5 span{display:inline-block;min-width:3rem;padding-bottom:10px;border-bottom:2px solid var(--white);text-align:center}h4{position:relative;margin:100px auto 50px}h4.character span::before{content:"\f007";margin-right:10px;font-family:"Font Awesome 5 Free";font-weight:900}h5,h6{margin:75px auto 50px;color:var(--dark-gray)}ul.column,ol.column{display:flex;flex-wrap:wrap;gap:5px 25px}ul.column.no-style,ol.column.no-style{padding:0;list-style:none}ul.column.column-2 li,ol.column.column-2 li{width:calc(50% - 25px/2)}ul.column.column-3 li,ol.column.column-3 li{width:calc(100%/3 - 17px)}ul .description,ol .description{margin-left:10px}ul .description::before,ol .description::before{content:"…";margin-right:10px}ul li.next{list-style:none}ul li.next::before{content:"→";margin-right:5px;font-weight:900;color:var(--theme-color1)}ul.small{list-style:none;padding-left:0}ul.small li{display:inline}ul.small li:not(:first-child):not(.next)::before{margin:0 5px 0 2px;content:":";font-weight:900;color:var(--theme-color1)}ul.small li.next::before{margin:0 7px 0 2px}dl{margin:10px 0}dl dd{margin:0 0 15px;padding:0 0 15px 40px;border-bottom:2px solid var(--dark)}dl dd:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:0}dl.inline{display:flex;flex-wrap:wrap;width:100%;margin:0;box-sizing:border-box}dl.inline dt,dl.inline dd{vertical-align:top;margin:0 0 15px 0;padding:0 0 15px}dl.inline dt:last-of-type,dl.inline dd:last-of-type{margin-bottom:0;padding-bottom:0}dl.inline dt{width:200px !important;padding:0 30px 10px 0;padding-right:30px;border-bottom:2px solid var(--dark)}dl.inline dt:last-of-type{border-bottom:0}dl.inline dd{width:calc(100% - 200px)}dl.timeline{display:flex;flex-wrap:wrap}dl.timeline dt,dl.timeline dd{margin:0;padding:10px;border:0}dl.timeline dt{width:100px;padding-right:20px;text-align:right}dl.timeline dd{position:relative;width:calc(100% - 100px);padding-left:20px;border-left:2px solid var(--dark)}dl.timeline dd::before{content:"";position:absolute;top:18px;left:-6px;display:block;width:10px;height:10px;background:var(--theme-color1);border-radius:5px}dl.border{padding:15px 20px;border:1px solid var(--dark);border-radius:3px}dl.lite-border dt,dl.lite-border dd{margin-bottom:10px !important;padding:0;border-width:1px !important}dl+dl:not(.border){border-top:2px solid var(--dark);padding-top:15px}.form-inline>*,.form-block>*{margin-bottom:10px}.form-block dl dt,.form-block dl dd{border-bottom:0}.form-block dl.inline+button:not(.manu-toggler),.form-block dl.inline input[type="submit"],.form-block dl.inline input[type="button"]{margin:15px 0 0 auto}.form-block>*,.form-block dl dd>*{width:100%;box-sizing:border-box}.form-name{display:flex;gap:5px}.form-name button,.form-name input[type="submit"],.form-name input[type="button"]{white-space:nowrap}.required::after{content:"*";color:var(--theme-color2)}input,textarea,select,button:not(.manu-toggler),input[type="submit"],input[type="button"]{border-radius:3px}input::placeholder,textarea::placeholder,select::placeholder,button:not(.manu-toggler)::placeholder,input[type="submit"]::placeholder,input[type="button"]::placeholder{color:var(--gray)}input,textarea,select{box-sizing:border-box;border:2px solid var(--form-color);background:var(--form-color)}input:hover,input:focus,textarea:hover,textarea:focus,select:hover,select:focus{border-color:var(--form-hover-color)}button:not(.manu-toggler),input[type="submit"],input[type="button"]{background:var(--form-color);border:2px solid var(--form-color)}button:not(.manu-toggler):hover,input[type="submit"]:hover,input[type="button"]:hover{background:var(--form-hover-color);border-color:var(--form-hover-color);color:var(--bg-color)}#emailResult{display:none;margin:15px 0;padding:15px;border:1px solid transparent;border-radius:3px}#emailResult.success,#emailResult.error{display:block}#emailResult.success{border-color:#9ad4de;background-color:rgba(154,212,222,0.25)}#emailResult.success::after{content:"メールの送信が完了しました。"}#emailResult.error{border-color:#de9a9a;background-color:rgba(222,154,154,0.25)}#emailResult.error::after{content:"メールの送信に失敗しました。"}b,em,strong{font-weight:bold}em{font-style:normal;background:linear-gradient(transparent 50%, var(--dark) 50%)}strong{background:var(--dark)}hr{margin:100px auto;border:0;text-align:center}hr::before{content:"・・・";color:var(--theme-color1)}hr.sm{margin:50px auto}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-bold{font-weight:bold}.text-small{font-size:smaller}.opacity{opacity:0.5}a.arrow::before,span.arrow::before{content:"\f105";margin-right:5px;font-family:"Font Awesome 5 Free";font-weight:900}a.btn,span.btn{overflow:hidden;margin:10px 0;padding:5px 7px;border:2px solid var(--dark);border-radius:3px;color:var(--theme-color1);font-weight:600;text-align:center;line-height:3rem}a.btn.btn-block,span.btn.btn-block{display:block}a.btn.btn-arrow::after,a.btn.btn-arrow::before,a.btn.btn-book::after,a.btn.btn-book::before,span.btn.btn-arrow::after,span.btn.btn-arrow::before,span.btn.btn-book::after,span.btn.btn-book::before{font-family:"Font Awesome 5 Free";font-weight:900}a.btn.btn-arrow.btn-block,a.btn.btn-book.btn-block,span.btn.btn-arrow.btn-block,span.btn.btn-book.btn-block{position:relative;display:flex;justify-content:center;align-items:center;padding-right:30px}a.btn.btn-arrow.btn-block::after,a.btn.btn-book.btn-block::after,span.btn.btn-arrow.btn-block::after,span.btn.btn-book.btn-block::after{position:absolute;right:10px}a.btn.btn-arrow::after,span.btn.btn-arrow::after{content:"\f105";margin-left:5px}a.btn.btn-book::before,span.btn.btn-book::before{content:"\f518";margin-right:5px}a.btn:hover{opacity:1;background:var(--dark)}span.btn{opacity:0.5}.column{display:flex;flex-wrap:wrap;gap:25px;margin:25px auto}.column.column-2>*{width:calc(50% - 25px/2)}.column.column-3>*{width:calc(100%/3 - 25px)}.box{position:relative;margin:25px auto;padding:25px;border:1px solid var(--dark);border-radius:3px}.box::before{content:attr(data-title);position:absolute;top:-14px;padding:0 10px;background:var(--bg-color);color:var(--theme-color1)}.box.box-sm{width:80%}.box+.box{margin:66px auto}.nvl{display:flex;flex-direction:column;gap:66px}.nvl>div{position:relative;padding:25px;border:1px solid var(--dark);border-radius:3px}.nvl>div:has(.nvl-title){padding-top:0}.nvl>div p,.nvl>div hr{margin:15px 0}.nvl>div dl.nvl-ic-character>dt::before{content:"\f007"}.nvl>div dl.nvl-ic-bookmark>dt::before{content:"\f02e"}.nvl>div dl.inline .nvl-toc{margin:0 !important}.nvl>div dl.inline dt{border-color:var(--dark) !important}.nvl>div dl dt{display:inline-block;width:auto;margin-bottom:15px;border-bottom:2px solid var(--theme-color1)}.nvl>div dl dt::before{font-family:"Font Awesome 5 Free";font-weight:900;margin-right:10px}.nvl>div dl dt a{color:var(--theme-color1)}.nvl>div dl dd{padding-left:0;padding-right:0}.nvl>div dl dd>*:first-child{margin-top:0}.nvl>div dl dl.inline{width:calc(100% - 5rem);margin:auto 0 auto auto}.nvl-title{width:calc(100% + 20px);margin:-15px 0 15px -10px;color:var(--theme-color1)}.nvl-title span{display:inline-block;padding:0 10px;background:var(--bg-color)}.nvl-title span::before{content:"\f02d";font-family:"Font Awesome 5 Free";font-weight:900;margin-right:10px}.nvl-tags,.nvl-toc{display:flex;flex-wrap:wrap;gap:7px;padding:0;list-style:none}.nvl-tags{justify-content:end;margin:0;font-size:1.2rem}.nvl-tags li{padding:0 7px;border:1px solid var(--dark);border-radius:15px}.nvl-toc{margin:15px 0 !important}.nvl-toc a{display:inline-block;min-width:30px;padding:0 5px;text-align:center;color:var(--theme-color1);border:1px solid var(--dark);border-radius:3px}.nvl-toc a span{border-left:1px solid var(--dark);margin-left:7px;padding-left:7px;font-size:1.2rem;color:var(--text-color)}.ill.ill-thumbnail{display:flex;flex-wrap:wrap;gap:10px}.ill.ill-thumbnail.ill-center{justify-content:center}.ill.ill-thumbnail.ill-right{justify-content:end}.ill.ill-thumbnail.thumb-rounded div{border-radius:8px}.ill.ill-thumbnail.thumb-rounded div>*{border-radius:8px}.ill.ill-thumbnail.thumb-circle div{border-radius:50%}.ill.ill-thumbnail.thumb-circle div>*{border-radius:50%}.ill.ill-thumbnail.thumb-circle div.new>*::after{width:calc(100% - 10px);text-align:center}.ill.ill-thumbnail.thumb-border div{border:2px solid var(--dark);box-sizing:border-box;padding-top:calc(((100% - 60px) / 7) - 4px)}.ill.ill-thumbnail div{position:relative;width:calc((100% - 60px) / 7);padding-top:calc((100% - 60px) / 7);object-fit:cover;overflow:hidden}.ill.ill-thumbnail div>*{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden}.ill.ill-thumbnail div img{object-fit:cover;min-width:100%;min-height:100%;z-index:-1}.ill.ill-thumbnail div.new>*::after{content:"new";position:absolute;top:0;left:0;padding:5px;line-height:1;font-weight:600;color:var(--white);background:var(--dark);font-size:1rem;font-weight:600}.ill.ill-image{margin:25px 0;text-align:center}#spotlight{left:0}[data-tc-content]>*{transition:all .3s;filter:blur(10px)}[data-tc-content].tc-yes>*{filter:none}.tc-modal{visibility:hidden;opacity:0;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:rgba(35,35,39,0.8);transition:all .3s}.tc-modal.open{visibility:visible;opacity:1}.tc-modal .tc-modal-inner{position:relative;display:flex;flex-direction:column;gap:15px;min-width:300px;max-width:500px;margin:0 30px;padding:25px;border-radius:3px;background:var(--dark);text-align:center}.tc-modal .tc-modal-inner .tc-btn-area{display:flex;gap:15px;justify-content:center}.tc-modal .tc-modal-inner .tc-btn-area .tc-btn{display:block;box-sizing:border-box;width:30%;padding:10px 15px;border:0;border-radius:3px;color:var(--white);line-height:1;cursor:pointer;transition:all .3s}.tc-modal .tc-modal-inner .tc-btn-area .tc-btn:hover{opacity:.5}.tc-modal .tc-modal-inner .tc-btn-area .tc-btn.tc-btn-yes{background:var(--theme-color1)}.tc-modal .tc-modal-inner .tc-btn-area .tc-btn.tc-btn-no{background:var(--theme-color2)}@media only screen and (max-width: 550px){.tc-modal .tc-modal-inner{padding:25px 0}}body#INDEX:has(header){margin-left:auto !important;margin-right:auto !important}body#INDEX.get-header{margin-left:auto !important;margin-right:auto !important}body#INDEX main{display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 100px);margin:0 auto;padding:50px}body#INDEX main>*{width:600px;max-width:100%}body#INDEX main>*:last-child{margin-bottom:0 !important}body#INDEX h1{margin:0 0 50px}body#INDEX h1 a{display:block;height:150px}body#INDEX h1 a:hover{opacity:1}@media only screen and (max-width: 1024px){body#INDEX main{margin:0 auto !important}}@media only screen and (max-width: 1200px){body#INDEX main{margin:0 auto !important}}@media only screen and (max-width: 1024px){body,button,input,textarea{font-size:1.6rem;line-height:calc(1.6rem + 1.05rem)}body{margin-top:50px}body:has(header) main{margin:calc(70vw * 0.6 + 10px) auto 0}body.get-header main{margin:calc(70vw * 0.6 + 10px) auto 0}main{overflow-x:hidden;margin:50px auto 0;padding:0 30px}main>*:first-child>*:first-child{margin-top:60px}main>*:first-child>h2:not(.sm):first-child{margin-top:0}main>*:first-child>h2.sm:first-child{margin-top:0}article{margin:-50px auto 200px}.manu-toggler{position:fixed;top:calc((70vw * 0.6) / 2 - 40px);right:0;display:flex;flex-direction:column;gap:6px;width:40px;height:40px;padding:11px 8px;background:transparent;border:0;z-index:1}.manu-toggler::before,.manu-toggler::after{content:"";display:block;width:25px}.manu-toggler::before{height:6px;border:2px solid var(--theme-color1);border-left:0;border-right:0}.manu-toggler::after{height:0;border-top:2px solid var(--theme-color1)}.manu-toggler.open{gap:0}.manu-toggler.open::before,.manu-toggler.open::after{border-color:var(--bg-color)}.manu-toggler.open::before{height:1px;margin-top:2px;border-bottom:0;transform:rotate(45deg)}.manu-toggler.open::after{margin-top:-2px;transform:rotate(-45deg)}}@media only screen and (max-width: 1024px){ul.column.column-2 li,ul.column.column-3 li,ol.column.column-2 li,ol.column.column-3 li{width:calc(100%)}ul .description,ol .description{display:block;margin-left:10px}ul .description::before,ol .description::before{content:"└";margin-right:10px}dl.border dt,dl.border dd,dl.inline dt,dl.inline dd{display:block}dl.border dt,dl.inline dt{width:100%;margin-bottom:0;padding-bottom:0;border-bottom:0}dl.border dd,dl.inline dd{width:100%;padding-left:40px}.form-inline input{width:45%}.form-block dl.inline dt{width:100%}.form-block dl.inline dd{width:100%;padding-left:40px}.form-block dl.inline+button:not(.manu-toggler),.form-block dl.inline input[type="submit"],.form-block dl.inline input[type="button"]{display:block;width:calc(100% - 40px);margin:15px 0 0 auto}.form-block>*,.form-block dl dd>*{width:100%;box-sizing:border-box;margin-bottom:5px}.column.column-sp-1>*{width:100%}.column.column-sp-2>*{width:calc(50% - 25px/2)}.column.column-sp-3>*{width:calc(100%/3 - 25px*2/2)}.nvl>div dl.inline dt{display:inline-block;width:auto !important;padding-right:0;border-bottom:2px solid var(--theme-color1) !important;margin-bottom:15px}.ill.ill-thumbnail div{width:calc((100% - 20px) / 3);padding-top:calc((100% - 20px) / 3)}.ill.ill-thumbnail.thumb-border div{padding-top:calc(((100% - 20px) / 3) - 4px)}}
