@charset "utf-8";html {width: 100%; }body {width: 100%; }body a:hover > img, body .btn input:hover {-webkit-font-smoothing: antialiased;text-decoration: none;opacity: 0.6; }html.ios body a:hover > img, html.ios body .btn input:hover {opacity: 1; }body [class^="grid_"].clearFix {float: none;margin-left: auto;margin-right: auto; }body .innerL {width: 1200px; }body .innerM {width: 1030px; }body .innerS {width: 800px; }body [class^="inner"] {max-width: 100%;margin-left: auto;margin-right: auto;padding-left: 15px;padding-right: 15px; }body [class^="inner"] [class^="inner"] {padding-left: 0;padding-right: 0; }body .clearFix {display: block; }body .clearFix:after {content: "";display: block;height: 0;font-size: 0;line-height: 0;visibility: hidden;clear: both; }body .inlineList {font-size: 0px;text-align: left;letter-spacing: -0.4em; }body .inlineList > * {display: inline-block;font-size: 14px;letter-spacing: 0;vertical-align: top; }body .inlineList > * * {letter-spacing: 0; }body .flex {-js-display: flex;display: flex;flex-wrap: wrap; }body .btn {margin-top: 30px;text-align: center; }body .btn a {display: inline-block;width: 300px;padding: 20px;text-align: center;border: #333 1px solid;background-color: #fff;font-weight: bold; }body .btn a:hover {background-color: #333;text-decoration: none;color: #fff; }@media screen and (max-width: 768px) {body .btn a {padding: 15px; } }body .btn.btnBlack a {background-color: #333;color: #fff; }body .btn.btnBlack a:hover {background-color: #fff;color: #333; }body #wrapper {position: relative;min-height: 100vh;overflow: hidden; }body #wrapper #header {position: absolute;width: 100%;padding: 30px;top: 0;left: 0;background-color: #333; }@media screen and (max-width: 768px) {body #wrapper #header {padding: 20px; } }body #wrapper #header > .flex {position: relative;z-index: 2000; }body #wrapper #header #logo img {width: auto;height: 30px; }body #wrapper #gNavi {position: fixed;z-index: 1000;right: -100%;top: 50px;display: block;width: 340px;height: 100vh;top: 0;margin: 0;padding: 80px 80px 80px 15px;transition: all 2s;overflow-y: auto;background-color: #333;-webkit-overflow-scrolling: touch; }@media screen and (max-width: 768px) {body #wrapper #gNavi {width: 100%;transition: all 1s; } }body #wrapper #gNavi.open {right: 0;transition: all 0.7s; }body #wrapper #gNavi > ul {width: 100%;height: 100%;overflow-y: auto; }body #wrapper #gNavi > ul > li {display: block;width: 100%;border-top: 1pxsolid; }body #wrapper #gNavi > ul > li.indent {padding-left: 10px; }body #wrapper #gNavi > ul > li:last-child {border-bottom: 1pxsolid; }body #wrapper #gNavi > ul > li > a {display: block;padding: 10px 25px;font-weight: bold;color: #fff; }@media screen and (max-width: 768px) {body #wrapper #gNavi > ul > li > a {padding: 10px 15px; } }body #wrapper #gNavi > ul > li > a:hover {text-decoration: none;opacity: 0.8; }body #wrapper #menuBtn {position: absolute;display: block;width: 50px;height: 50px;right: 0;top: -15px;transition: all 0.5s;z-index: 2000; }@media screen and (max-width: 768px) {body #wrapper #menuBtn {top: -10px;right: -10px; } }body #wrapper #menuBtn i {position: absolute;display: block;width: 24px;height: 2px;left: 0;right: 0;margin: auto;background-color: #fff;transition: all 0.5s; }body #wrapper #menuBtn i:nth-child(1) {top: 11px;transform-origin: left top; }body #wrapper #menuBtn i:nth-child(2) {top: 19px; }body #wrapper #menuBtn i:nth-child(3) {top: 27px;transform-origin: left bottom; }body #wrapper #menuBtn:after {content: "MENU";position: absolute;display: block;bottom: 5px;width: 100%;color: #fff;font-size: 10px;font-weight: bold;text-align: center;line-height: 1;-webkit-transform: scale(0.7);transform: scale(0.7); }body #wrapper #menuBtn.open i:nth-child(2) {opacity: 0; }body #wrapper #menuBtn.open i:nth-child(1) {left: 8px;transform: rotate(45deg); }body #wrapper #menuBtn.open i:nth-child(3) {left: 8px;transform: rotate(-45deg); }body #wrapper #content .bgGray {background-color: #f0f0f0; }body #wrapper #content .ttl01 {margin-bottom: 50px;font-size: 30px;font-weight: bold;padding-left: 20px;border-left: #333 4px solid;line-height: 1.4; }@media screen and (max-width: 768px) {body #wrapper #content .ttl01 {margin-bottom: 30px;font-size: 24px;padding-left: 15px; } }body #wrapper #content .ttl02 {margin-bottom: 30px;padding-bottom: 15px;border-bottom: #e0e0e0 1px solid;font-size: 18px;font-weight: bold; }@media (min-width: 769px) {body #wrapper #content .archive {-js-display: flex;display: flex;flex-wrap: wrap; } }@media (min-width: 769px) {body #wrapper #content .archive article {width: 30%;margin-right: 5%;-webkit-box-shadow: -1px 4px 74px -16px rgba(51, 51, 51, .15);box-shadow: -1px 4px 74px -16px rgba(51, 51, 51, .15); } }@media screen and (max-width: 768px) {body #wrapper #content .archive article:nth-child(n+2) {margin-top: 10px; } }@media (min-width: 769px) {body #wrapper #content .archive article:nth-child(n+3) {margin-right: 0; } }body #wrapper #content .archive article a {display: block; }@media screen and (max-width: 768px) {body #wrapper #content .archive article a {-js-display: flex;display: flex;flex-wrap: wrap; } }@media screen and (max-width: 768px) {body #wrapper #content .archive article a .leftBox {width: 100px; } }body #wrapper #content .archive article a .leftBox figure {position: relative;width: 100%;height: 0;padding-top: 66.66667%;text-align: center;overflow: hidden; }@media screen and (max-width: 768px) {body #wrapper #content .archive article a .leftBox figure {padding-top: 0;height: 100%; } }body #wrapper #content .archive article a .leftBox figure img {position: absolute;max-width: none;width: 100%;height: auto;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); }@media screen and (max-width: 768px) {body #wrapper #content .archive article a .leftBox figure img {width: auto;height: auto;top: 50%;left: 50%;max-width: 100%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%); } }body #wrapper #content .archive article a .rightBox {background-color: #fff;padding: 20px 20px 30px; }@media screen and (max-width: 768px) {body #wrapper #content .archive article a .rightBox {width: calc(100% - 100px);padding: 10px 12px; } }body #wrapper #content .archive article a .rightBox h3 {margin-bottom: 10px;font-size: 16px;font-weight: bold; }@media screen and (max-width: 768px) {body #wrapper #content .archive article a .rightBox h3 {font-size: 13px;margin-bottom: 6px; } }body #wrapper #content .archive article a .rightBox .cat {display: inline-block;padding: 2px;background-color: #333;color: #fff;font-size: 12px; }@media screen and (max-width: 768px) {body #wrapper #content .archive article a .rightBox .cat {font-size: 10px; } }body #wrapper #content .archive article a .rightBox time {color: #999; }body #wrapper #content .archive article a .rightBox .info {margin-top: 10px;font-size: 13px;color: #999; }@media screen and (max-width: 768px) {body #wrapper #content .archive article a .rightBox .info {font-size: 10px;line-height: 1.4; } }body #wrapper #content .archive article a .rightBox .text {font-size: 12px; }@media screen and (max-width: 768px) {body #wrapper #content .archive article a .rightBox .text {display: none; } }body #wrapper #content #vr #vrArchive {-js-display: flex;display: flex;flex-wrap: wrap; }body #wrapper #content #vr #vrArchive article {width: 48%;margin-right: 4%; }body #wrapper #content #vr #vrArchive article:nth-child(2n) {margin-right: 0; }body #wrapper #content #vr #vrArchive article:nth-child(n+3) {margin-top: 60px; }@media screen and (max-width: 768px) {body #wrapper #content #vr #vrArchive article:nth-child(n+3) {margin-top: 20px; } }body #wrapper #content #vr #vrArchive article figure {position: relative;display: block;padding-top: 70%;overflow: hidden; }body #wrapper #content #vr #vrArchive article figure img {position: absolute;max-width: none;max-height: 100%;width: auto;height: auto;left: 50%;top: 0;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%); }body #wrapper #content #vr #vrArchive article h3 {margin-top: 10px; }@media screen and (max-width: 768px) {body #wrapper #content #vr #vrArchive article h3 {margin-top: 6px;font-size: 12px; } }body #wrapper #footer {margin-top: 100px;padding: 50px 0;background-color: #505050;color: #fff; }@media screen and (max-width: 768px) {body #wrapper #footer {margin-top: 70px;padding: 20px; } }body #wrapper #footer.vrFooter {display: none; }body #wrapper #footer .bold {font-size: 16px; }@media screen and (max-width: 768px) {body #wrapper #footer .bold {font-size: 15px; } }body #wrapper #footer #footerWrap {-js-display: flex;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-top: 20px; }body #wrapper #footer #footerWrap #footerText {width: 70%; }@media screen and (max-width: 768px) {body #wrapper #footer #footerWrap #footerText {width: 100%; } }body #wrapper #footer #footerWrap #registration {width: 20%; }@media screen and (max-width: 768px) {body #wrapper #footer #footerWrap #registration {width: 100%;margin: 20px auto 0; } }body #wrapper #footer #footerWrap #registration a {display: block;width: 100%;padding: 10px;background-color: #fff;text-align: center;border: #fff 1px solid; }body #wrapper #footer #footerWrap #registration a:hover {text-decoration: none;background-color: transparent;color: #fff; }body #wrapper #footer #copyright {margin-top: 30px;text-align: center;font-size: 12px; }@media screen and (max-width: 768px) {body #wrapper #footer #copyright {font-size: 10px; } }