@charset "utf-8";@font-face {font-family: 'simplestil';src: url('simplestil.woff') format('woff');}html{font-size: 62.5%;}html, body, nav {height: 100vh;}a {color: inherit;}body {background: #f6f6f6;color: #666;font-family: '游ゴシック体', 'YuGothic', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック, Yu Gothic', sans-serif;font-feature-settings: 'palt';font-size: 1.6rem;letter-spacing: 1px;line-height: 180%;overflow: hidden;text-rendering: optimizeLegibility;-webkit-text-size-adjust: 100%;}body,figure,nav ul,#contents,#menuBtn {position: relative;}article,a.pager,p.pager,figure a,figure figcaption,footer,nav,#detail img {position: absolute;}article, a,body, img,#menuBtn::before,#menuBtn::after {transition: all 0.5s ease-out;}.active {transform: translateX(250px);}body, ul, ol {padding: 0;margin: 0 auto;}#menuBtn,.pager {cursor: pointer;font-size: 0;line-height: 0;}ul {list-style: none;}a {text-decoration: none;}img {border: 0;}h2, h3 {font-weight: 500;}dd, h1, h2, h3, p:first-child {margin: 0;}nav li,footer h3 {line-height: 6vh;}article,h1 a,nav a,figure,figcaption,#menuBtn::before,#menuBtn::after {display: block;}header,#gallary,figure a,#contents,#error,#contactFrom ul {display: flex;}header,figure a,#contents,#error {align-items: center;}header {justify-content: space-between;}#gallary {flex-wrap: wrap;}figure a,#contents,#error {justify-content: center;}header {z-index: 2;}article,dl,figure a,footer,#detail img,.pager {bottom: 0;}article,figure a,nav,#detail img,.pager {top: 0;}article,figure a,header,#detail img {left: 0;}article,figure a,#detail img {right: 0;}article,#detail img,#contactForm,.pager,.profile {margin: auto;}article,figure,footer,header,nav,#contents,#contactForm li,#contactForm input,#contactForm textarea {box-sizing: border-box;}.landscape img,.profile img {height: auto;}#contents,#contactForm li:last-child,#contactForm input:not([type=submit]),#contactForm textarea,#contactForm ul,#error {width: 100vw;}footer,h2,header {font-family: 'simplestil', sans-serif;letter-spacing: 3px;}#contactForm,#gallary,.profile {padding: 0;z-index: 1;}#contactForm,.profile {max-width: 500px;padding: 2vw 0;width: 70%;}.clear {clear: both;}.tac {text-align: center;}header,.profile {padding: 0 4vw;}header {background: #fff;border-bottom: 1px solid #eee;height: 90px;}h1 {order: 2;}h1 a {background: url(../img/logo.svg) no-repeat center center;background-size: contain;height: 56px;width: 240px;text-indent: -200%;overflow: hidden;}#menuBtn::before,#menuBtn::after {border-bottom: 2px solid #999;content: '';display: block;padding-top: 8px;width: 24px;}#menuBtn::before {border-top: 2px solid #999;transform-origin: top left;}#menuBtn::after {transform-origin: bottom left;}.active #menuBtn::before,.active #menuBtn::after {width: 26px;}.active a#menuBtn::before {border-bottom: 0;transform: rotate(45deg);}.active a#menuBtn::after {transform: rotate(-45deg);}nav, footer {background: #333;color: #fff;padding: 0 2vh;left: -250px;width: 250px;}nav li {border-bottom: 2px solid #3c3c3c;border-right: 0;padding: 0;}nav li:last-child {border: 0;}.msg {line-height: calc(100vh - 91px);}#contents,#error {min-height: calc(100vh - 91px);}#error {flex-direction: column;}h2 {font-size: 3vw;}#gallary {color: #fff;width: 82vh;height: calc(82vh / 3);}figure {box-shadow: 0 0 2px 0 rgba(128,128,128,0.3);margin: 3vh;width: calc(64vh / 3);}figure a {background: #fff;text-shadow: 0 0 2px #000;}figure a:hover,#detail.view {background: rgba(0,0,0,0.6);}figure a img {order: 2;}figcaption,#detail :not(img) {opacity: 0;}a:hover figcaption,#detail.view :not(img) {opacity: 1;}.landscape img {width: 75%;max-width: 300px;}.portrait img {height: 75%;max-height: 300px;width: auto;}figure a:hover img,.view img {opacity: 0.15;}#detail {background: #fff;box-shadow: 0 0 2px 1px rgba(128,128,128,0.2);box-sizing: content-box;color: #fff;cursor: pointer;padding: 1vw;}#detail.landscape,#detail.landscape img {height: calc(50vw * .705);width: 50vw;max-height: 870px;max-width: 1200px;}#detail.portrait,#detail.portrait img {height: 60vh;width: calc(60vh * .705);max-height: 1200px;max-width: 870px;}article.view img {z-index: 2;}dl {line-height: initial;margin: 1vw 0;position: absolute;}dt {clear: left;}dt::after {content: ':';margin-right: 4px;}dt, dd {font-size: smaller;float: left;line-height: 140%;}.pager {border-top: 2px solid #999;border-left: 2px solid #999;height: 20px;width: 20px;}p.pager{border-color: #ddd;}#prev, #prev {left: 5%;transform: rotate(-45deg);}#next, #next {right: 5%;transform: rotate(135deg);}.profile {border-top: 1px solid #ccc;padding: 2vw 0;}.profile:first-of-type {border: none;}.profile img {border-radius: 50% 40%;float: left;margin: 0 1vw 1vw 0;width: 112px;}p {margin-bottom: 0;}input, textarea {cursor: pointer;font-family: inherit;font-size: inherit;}input:focus:required:invalid,textarea:focus:required:invalid {border: 2px solid #fdd;}input:required:valid,textarea:required:valid {border: 2px solid #dfd;}input, textarea {padding: 4px;}input:not([type=submit]), textarea {border: 2px solid #eee;outline: none;}input[type=submit] {background: #cc9;border: 0;float: right;width: 25%;}input[type=submit]:disabled {background: #ccc;color: #fff;}textarea {height: 128px;}footer {z-index: 3;}@media screen and (max-width: 1920px) {#gallary {height: calc(82vw / 3);width: 82vw;}figure {margin: 3vw;width: calc(64vw / 3);}}@media screen and (max-width: 1024px) {body {font-size: 1rem;}.active{transform: translateX(200px);}header {height: 50px;}h1 a {width: 130px;}nav, footer {left: -200px;width: 200px;}nav a {letter-spacing: 4px;}#menuBtn::before {border-top-width: 1px;}#menuBtn::before,#menuBtn::after {border-bottom-width: 1px;padding-top: 5px;width: 16px;}.active #menuBtn::before,.active #menuBtn::after {width: 16px;}.msg {line-height: calc(100vh - 51px);}#contents,#error {height: calc(100vh - 51px);}h2 {font-size: 3vh;}#gallary {align-content: start;height: calc(94vh - 51px);width: calc((94vh - 51px) / 3);}figure {margin: 3vh;height: calc((76vh - 51px) / 3);width: 100%;}#detail.landscape {transform: rotate(90deg);}.pager {border-top-width: 1px;border-left-width: 1px;height: 15px;width: 15px;}#contactForm, .profile {max-width: 420px;padding: 3vh 0;}.profile img {margin: 0 2vh 2vh 0;width: 68px;}#contactForm, .profile {width: 88%;}#contactForm ul {margin: 1em 0;}#contactForm p {word-break: keep-all;}#contactForm li {padding: 2px 0;}#contactForm li *:focus:required:invalid,#contactForm li *:required:valid,#contactForm input:not([type=submit]),#contactForm textarea {border-width: 1px;}#contactForm input, #contactForm label, #contactForm textarea {padding: 2px;}#contactForm textarea {height: 64px;}}@media screen and (max-width: 1024px) and (orientation:portrait) {#detail {padding: 1vh;}#detail.landscape,#detail.landscape img {height: calc(54vh * .705);width: 54vh;}#detail.portrait,#detail.portrait img {height: 54vh;width: calc(54vh * .705);}}@media screen and (max-width: 1024px) and (orientation:landscape) {html {transform: rotate(-90deg);transform-origin: 50vh 50vh;height: 100vw;}html, #contents {width: 100vh;}html, body, nav {height: 100vw;}header,.profile {padding: 0 4vh;}nav,footer {padding: 0 2vw;}nav li,footer h3 {line-height: 6vw;}.msg {line-height: calc(100vw - 51px);}#contents,#error {height: calc(100vw - 51px);}#contactForm textarea {height: 64px;}#gallary {height: calc(94vw - 51px);width: calc((94vw - 51px) / 3);}figure {margin: 3vw;height: calc((76vw - 51px) / 3);}#detail.portrait,#detail.portrait img {height: 54vw;width: calc(54vw * .705);}#prev {left: 5vh;}p#next {right: 4vh;}}