@charset "UTF-8"; /*使用カラー #fec04b; #097c70 #a9a9a9 #c7850b #454545; rgba(28, 28, 28, 0.9); rgba(254, 192, 75, 1) */ /*! Modaal - accessible modals - v0.4.3 by Humaan, for all humans. http://humaan.com */.modaal-noscroll {overflow:hidden;}@media screen and (min-width: 769px) {.win.modaal-noscroll {padding-right:17px;}.win.modaal-noscroll .siteHeader {width:calc(100% - 17px);}}.modaal-accessible-hide {position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden}.modaal-overlay {position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;opacity:0}.modaal-wrapper {display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;overflow:auto;opacity:1;box-sizing:border-box;-webkit-overflow-scrolling:touch;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.modaal-wrapper * {box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden}.modaal-wrapper .modaal-close {border:none;background:0 0;padding:0;-webkit-appearance:none}.modaal-wrapper.modaal-start_none {display:none;opacity:1}.modaal-wrapper.modaal-start_fade {opacity:0}.modaal-wrapper [tabindex="0"] {outline:0!important}.modaal-wrapper.modaal-fullscreen {overflow:hidden}.modaal-outer-wrapper {display:table;position:relative;width:100%;height:100%}.modaal-fullscreen .modaal-outer-wrapper {display:block}.modaal-inner-wrapper {display:table-cell;width:100%;height:100%;position:relative;vertical-align:middle;text-align:center;padding:80px 25px}.modaal-fullscreen .modaal-inner-wrapper {padding:0;display:block;vertical-align:top}.modaal-container {position:relative;display:inline-block;width:100%;margin:auto;text-align:left;color:#000;max-width:1000px;border-radius:0;background:#fff;box-shadow:0 4px 15px rgba(0,0,0,.2);cursor:auto}.modaal-container.is_loading {height:100px;width:100px;overflow:hidden}.modaal-fullscreen .modaal-container {max-width:none;height:100%;overflow:auto}.modaal-close {position:fixed;right:20px;top:20px;color:#fff;cursor:pointer;opacity:1;width:50px;height:50px;background:rgba(0,0,0,0);border-radius:100%;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.modaal-close:focus,.modaal-close:hover {outline:0;background:#fff}.modaal-close:focus:after,.modaal-close:focus:before,.modaal-close:hover:after,.modaal-close:hover:before {background:#b93d0c}.modaal-close span {position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden}.modaal-close:after,.modaal-close:before {display:block;content:" ";position:absolute;top:14px;left:23px;width:4px;height:22px;border-radius:4px;background:#fff;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}.modaal-close:before {-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.modaal-close:after {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.modaal-fullscreen .modaal-close {background:#afb7bc;right:10px;top:10px}.modaal-content-container {padding:30px}.modaal-confirm-wrap {padding:30px 0 0;text-align:center;font-size:0}.modaal-confirm-btn {font-size:14px;display:inline-block;margin:0 10px;vertical-align:middle;cursor:pointer;border:none;background:0 0}.modaal-confirm-btn.modaal-ok {padding:10px 15px;color:#fff;background:#555;border-radius:3px;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}.modaal-confirm-btn.modaal-ok:hover {background:#2f2f2f}.modaal-confirm-btn.modaal-cancel {text-decoration:underline}.modaal-confirm-btn.modaal-cancel:hover {text-decoration:none;color:#2f2f2f}.modaal-instagram .modaal-container {width:auto;background:0 0;box-shadow:none!important}.modaal-instagram .modaal-content-container {padding:0;background:0 0}.modaal-instagram .modaal-content-container>blockquote {width:1px!important;height:1px!important;opacity:0!important}.modaal-instagram iframe {opacity:0;margin:-6px!important;border-radius:0!important;width:1000px!important;max-width:800px!important;box-shadow:none!important;-webkit-animation:instaReveal 1s linear forwards;animation:instaReveal 1s linear forwards}.modaal-image .modaal-inner-wrapper {padding-left:140px;padding-right:140px}.modaal-image .modaal-container {width:auto;max-width:100%}.modaal-gallery-wrap {position:relative;color:#fff}.modaal-gallery-item {display:none}.modaal-gallery-item img {display:block}.modaal-gallery-item.is_active {display:block}.modaal-gallery-label {position:absolute;left:0;width:100%;margin:20px 0 0;font-size:18px;text-align:center;color:#fff}.modaal-gallery-label:focus {outline:0}.modaal-gallery-control {position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);opacity:1;cursor:pointer;color:#fff;width:50px;height:50px;background:rgba(0,0,0,0);border:none;border-radius:100%;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.modaal-gallery-control.is_hidden {opacity:0;cursor:default}.modaal-gallery-control:focus,.modaal-gallery-control:hover {outline:0;background:#fff}.modaal-gallery-control:focus:after,.modaal-gallery-control:focus:before,.modaal-gallery-control:hover:after,.modaal-gallery-control:hover:before {background:#afb7bc}.modaal-gallery-control span {position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden}.modaal-gallery-control:after,.modaal-gallery-control:before {display:block;content:" ";position:absolute;top:16px;left:25px;width:4px;height:18px;border-radius:4px;background:#fff;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}.modaal-gallery-control:before {margin:-5px 0 0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.modaal-gallery-control:after {margin:5px 0 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.modaal-gallery-next-inner {left:100%;margin-left:40px}.modaal-gallery-next-outer {right:45px}.modaal-gallery-prev:after,.modaal-gallery-prev:before {left:22px}.modaal-gallery-prev:before {margin:5px 0 0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.modaal-gallery-prev:after {margin:-5px 0 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.modaal-gallery-prev-inner {right:100%;margin-right:40px}.modaal-gallery-prev-outer {left:45px}.modaal-video-wrap {margin:auto 50px;position:relative}.modaal-video-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;box-shadow:0 0 10px rgba(0,0,0,.3);background:#000;max-width:1300px;margin-left:auto;margin-right:auto}.modaal-video-container embed,.modaal-video-container iframe,.modaal-video-container object {position:absolute;top:0;left:0;width:100%;height:100%}.modaal-iframe .modaal-content {width:100%;height:100%}.modaal-iframe-elem {width:100%;height:100%;display:block}.modaal-loading-spinner {background:0 0;position:absolute;width:200px;height:200px;top:50%;left:50%;margin:-100px 0 0 -100px;-webkit-transform:scale(.25);-ms-transform:scale(.25);transform:scale(.25)}.modaal-loading-spinner>div {width:24px;height:24px;margin-left:4px;margin-top:4px;position:absolute}.modaal-loading-spinner>div>div {width:100%;height:100%;border-radius:15px;background:#fff}.modaal-loading-spinner>div:nth-of-type(1)>div {-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:0s;animation-delay:0s}.modaal-loading-spinner>div:nth-of-type(2)>div,.modaal-loading-spinner>div:nth-of-type(3)>div {-ms-animation:modaal-loading-spinner 1s linear infinite;-moz-animation:modaal-loading-spinner 1s linear infinite;-webkit-animation:modaal-loading-spinner 1s linear infinite;-o-animation:modaal-loading-spinner 1s linear infinite}.modaal-loading-spinner>div:nth-of-type(1) {-ms-transform:translate(84px,84px) rotate(45deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(45deg) translate(70px,0);transform:translate(84px,84px) rotate(45deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(2)>div {-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.12s;animation-delay:.12s}.modaal-loading-spinner>div:nth-of-type(2) {-ms-transform:translate(84px,84px) rotate(90deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(90deg) translate(70px,0);transform:translate(84px,84px) rotate(90deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(3)>div {-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.25s;animation-delay:.25s}.modaal-loading-spinner>div:nth-of-type(4)>div,.modaal-loading-spinner>div:nth-of-type(5)>div {-ms-animation:modaal-loading-spinner 1s linear infinite;-moz-animation:modaal-loading-spinner 1s linear infinite;-webkit-animation:modaal-loading-spinner 1s linear infinite;-o-animation:modaal-loading-spinner 1s linear infinite}.modaal-loading-spinner>div:nth-of-type(3) {-ms-transform:translate(84px,84px) rotate(135deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(135deg) translate(70px,0);transform:translate(84px,84px) rotate(135deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(4)>div {-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.37s;animation-delay:.37s}.modaal-loading-spinner>div:nth-of-type(4) {-ms-transform:translate(84px,84px) rotate(180deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(180deg) translate(70px,0);transform:translate(84px,84px) rotate(180deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(5)>div {-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s}.modaal-loading-spinner>div:nth-of-type(6)>div,.modaal-loading-spinner>div:nth-of-type(7)>div {-ms-animation:modaal-loading-spinner 1s linear infinite;-moz-animation:modaal-loading-spinner 1s linear infinite;-webkit-animation:modaal-loading-spinner 1s linear infinite;-o-animation:modaal-loading-spinner 1s linear infinite}.modaal-loading-spinner>div:nth-of-type(5) {-ms-transform:translate(84px,84px) rotate(225deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(225deg) translate(70px,0);transform:translate(84px,84px) rotate(225deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(6)>div {-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.62s;animation-delay:.62s}.modaal-loading-spinner>div:nth-of-type(6) {-ms-transform:translate(84px,84px) rotate(270deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(270deg) translate(70px,0);transform:translate(84px,84px) rotate(270deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(7)>div {-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.75s;animation-delay:.75s}.modaal-loading-spinner>div:nth-of-type(7) {-ms-transform:translate(84px,84px) rotate(315deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(315deg) translate(70px,0);transform:translate(84px,84px) rotate(315deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(8)>div {-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.87s;animation-delay:.87s}.modaal-loading-spinner>div:nth-of-type(8) {-ms-transform:translate(84px,84px) rotate(360deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(360deg) translate(70px,0);transform:translate(84px,84px) rotate(360deg) translate(70px,0)}@media only screen and (min-width:1400px) {.modaal-video-container {padding-bottom:0;height:731px}}@media only screen and (max-width:1140px) {.modaal-image .modaal-inner-wrapper {padding-left:25px;padding-right:25px}.modaal-gallery-control {top:auto;bottom:20px;-webkit-transform:none;-ms-transform:none;transform:none;background:rgba(0,0,0,.7)}.modaal-gallery-control:after,.modaal-gallery-control:before {background:#fff}.modaal-gallery-next {left:auto;right:20px}.modaal-gallery-prev {left:20px;right:auto}}@media screen and (max-width:900px) {.modaal-instagram iframe {width:500px!important}}@media only screen and (max-width:600px) {.modaal-instagram iframe {width:280px!important}}@media screen and (max-height:1100px) {.modaal-instagram iframe {width:700px!important}}@media screen and (max-height:1000px) {.modaal-inner-wrapper {padding-top:60px;padding-bottom:60px}.modaal-instagram iframe {width:600px!important}}@media screen and (max-height:900px) {.modaal-instagram iframe {width:500px!important}.modaal-video-container {max-width:900px;max-height:510px}}@media only screen and (max-height:820px) {.modaal-gallery-label {display:none}}@keyframes instaReveal {0% {opacity:0}100% {opacity:1}}@-webkit-keyframes instaReveal {0% {opacity:0}100% {opacity:1}}@-webkit-keyframes modaal-loading-spinner {0% {opacity:1;-ms-transform:scale(1.5);-webkit-transform:scale(1.5);transform:scale(1.5)}100% {opacity:.1;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}}@keyframes modaal-loading-spinner {0% {opacity:1;-ms-transform:scale(1.5);-webkit-transform:scale(1.5);transform:scale(1.5)}100% {opacity:.1;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}} /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .animated {-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite {-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge {-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut {-webkit-animation-duration:.75s;animation-duration:.75s}.animated.flipOutX,.animated.flipOutY {-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce {from,20%,53%,80%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43% {-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70% {-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90% {-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce {from,20%,53%,80%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43% {-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70% {-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90% {-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce {-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash {from,50%,to {opacity:1}25%,75% {opacity:0}}@keyframes flash {from,50%,to {opacity:1}25%,75% {opacity:0}}.flash {-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse {from {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50% {-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse {from {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50% {-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse {-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand {from {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30% {-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40% {-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50% {-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65% {-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75% {-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand {from {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30% {-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40% {-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50% {-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65% {-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75% {-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand {-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake {from,to {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90% {-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80% {-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake {from,to {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90% {-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80% {-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake {-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing {20% {-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40% {-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60% {-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80% {-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to {-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing {20% {-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40% {-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60% {-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80% {-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to {-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing {-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada {from {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20% {-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90% {-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80% {-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada {from {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20% {-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90% {-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80% {-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada {-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble {from {-webkit-transform:none;transform:none}15% {-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30% {-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45% {-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60% {-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75% {-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to {-webkit-transform:none;transform:none}}@keyframes wobble {from {-webkit-transform:none;transform:none}15% {-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30% {-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45% {-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60% {-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75% {-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to {-webkit-transform:none;transform:none}}.wobble {-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello {from,11.1%,to {-webkit-transform:none;transform:none}22.2% {-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3% {-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4% {-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5% {-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6% {-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7% {-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8% {-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}@keyframes jello {from,11.1%,to {-webkit-transform:none;transform:none}22.2% {-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3% {-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4% {-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5% {-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6% {-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7% {-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8% {-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}.jello {-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn {from,20%,40%,60%,80%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0% {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20% {-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40% {-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60% {opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80% {-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to {opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn {from,20%,40%,60%,80%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0% {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20% {-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40% {-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60% {opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80% {-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to {opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn {-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown {from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0% {opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60% {opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75% {-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90% {-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to {-webkit-transform:none;transform:none}}@keyframes bounceInDown {from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0% {opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60% {opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75% {-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90% {-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to {-webkit-transform:none;transform:none}}.bounceInDown {-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft {from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0% {opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60% {opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75% {-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90% {-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to {-webkit-transform:none;transform:none}}@keyframes bounceInLeft {from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0% {opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60% {opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75% {-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90% {-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to {-webkit-transform:none;transform:none}}.bounceInLeft {-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight {from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from {opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60% {opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75% {-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90% {-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to {-webkit-transform:none;transform:none}}@keyframes bounceInRight {from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from {opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60% {opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75% {-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90% {-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to {-webkit-transform:none;transform:none}}.bounceInRight {-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp {from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from {opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60% {opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75% {-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90% {-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp {from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from {opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60% {opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75% {-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90% {-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp {-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut {20% {-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55% {opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut {20% {-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55% {opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut {-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown {20% {-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45% {opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to {opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown {20% {-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45% {opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to {opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown {-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft {20% {opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to {opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft {20% {opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to {opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft {-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight {20% {opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to {opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight {20% {opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to {opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight {-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp {20% {-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45% {opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to {opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp {20% {-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45% {opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to {opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp {-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn {from {opacity:0}to {opacity:1}}@keyframes fadeIn {from {opacity:0}to {opacity:1}}.fadeIn {-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown {from {opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to {opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown {from {opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to {opacity:1;-webkit-transform:none;transform:none}}.fadeInDown {-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig {from {opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to {opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig {from {opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to {opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig {-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft {from {opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to {opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft {from {opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to {opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft {-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig {from {opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to {opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig {from {opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to {opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig {-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight {from {opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to {opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight {from {opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to {opacity:1;-webkit-transform:none;transform:none}}.fadeInRight {-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig {from {opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to {opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig {from {opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to {opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig {-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp {from {opacity:0;-webkit-transform:translate3d(0,70px,0);transform:translate3d(0,70px,0)}to {opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp {from {opacity:0;-webkit-transform:translate3d(0,70px,0);transform:translate3d(0,70px,0)}to {opacity:1;-webkit-transform:none;transform:none}}.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig {from {opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to {opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig {from {opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to {opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig {-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut {from {opacity:1}to {opacity:0}}@keyframes fadeOut {from {opacity:1}to {opacity:0}}.fadeOut {-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown {from {opacity:1}to {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown {from {opacity:1}to {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown {-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig {from {opacity:1}to {opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig {from {opacity:1}to {opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig {-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft {from {opacity:1}to {opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft {from {opacity:1}to {opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft {-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig {from {opacity:1}to {opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig {from {opacity:1}to {opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig {-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight {from {opacity:1}to {opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight {from {opacity:1}to {opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight {-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig {from {opacity:1}to {opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig {from {opacity:1}to {opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig {-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp {from {opacity:1}to {opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp {from {opacity:1}to {opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp {-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig {from {opacity:1}to {opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig {from {opacity:1}to {opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig {-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip {from {-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40% {-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50% {-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80% {-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to {-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip {from {-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40% {-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50% {-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80% {-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to {-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip {-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX {from {-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40% {-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60% {-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80% {-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to {-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX {from {-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40% {-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60% {-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80% {-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to {-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX {-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY {from {-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60% {-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to {-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY {from {-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60% {-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to {-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY {-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX {from {-webkit-transform:perspective(400px);transform:perspective(400px)}30% {-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to {-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX {from {-webkit-transform:perspective(400px);transform:perspective(400px)}30% {-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to {-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX {-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY {from {-webkit-transform:perspective(400px);transform:perspective(400px)}30% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to {-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY {from {-webkit-transform:perspective(400px);transform:perspective(400px)}30% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to {-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY {-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn {from {-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60% {-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80% {-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to {-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn {from {-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60% {-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80% {-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to {-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn {-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut {from {opacity:1}to {-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut {from {opacity:1}to {-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut {-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn {from {-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to {-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn {from {-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to {-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn {-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft {from {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft {from {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft {-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight {from {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight {from {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight {-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft {from {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft {from {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft {-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight {from {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight {from {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight {-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut {from {-webkit-transform-origin:center;transform-origin:center;opacity:1}to {-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut {from {-webkit-transform-origin:center;transform-origin:center;opacity:1}to {-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut {-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft {from {-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft {from {-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft {-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight {from {-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight {from {-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight {-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft {from {-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft {from {-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft {-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight {from {-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight {from {-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight {-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge {0% {-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60% {-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80% {-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to {-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge {0% {-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60% {-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80% {-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to {-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge {-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn {from {opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to {opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn {from {opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to {opacity:1;-webkit-transform:none;transform:none}}.rollIn {-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut {from {opacity:1}to {opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut {from {opacity:1}to {opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut {-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn {from {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50% {opacity:1}}@keyframes zoomIn {from {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50% {opacity:1}}.zoomIn {-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown {from {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown {from {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown {-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft {from {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft {from {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft {-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight {from {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight {from {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight {-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp {from {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp {from {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp {-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut {from {opacity:1}50% {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to {opacity:0}}@keyframes zoomOut {from {opacity:1}50% {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to {opacity:0}}.zoomOut {-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown {-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to {opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to {opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft {-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to {opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to {opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight {-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp {-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown {from {-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown {from {-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown {-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft {from {-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft {from {-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft {-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight {from {-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight {from {-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight {-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp {from {-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp {from {-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp {-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown {from {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to {visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown {from {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to {visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown {-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft {from {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to {visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft {from {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to {visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft {-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight {from {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to {visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight {from {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to {visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight {-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp {from {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to {visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp {from {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to {visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp {-webkit-animation-name:slideOutUp;animation-name:slideOutUp} /*common*/ * { box-sizing: border-box; } body { font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.6rem; line-break: normal; line-height: 1.7; color: #000000; width: 100%; overflow-x: hidden; min-width: 1000px; } .en { font-family: 'Anton', "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; word-break: break-all; letter-spacing: 0.1em; font-weight: 400; } a { text-decoration: none; color: #000000; } .links { text-decoration: underline; } .single strong { font-weight:bold; background: -moz-linear-gradient(transparent 50%, #ffcd59 50% ); background: -webkit-linear-gradient(transparent 50%, #ffcd59 50% ); background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.5, transparent), color-stop(0.5, #ffcd59)); background: -o-linear-gradient(transparent 50%, #ffcd59 50% ); background: linear-gradient(transparent 50%, #ffcd59 50% ) ; } .desktop .links:hover { text-decoration: none; } .bold { font-weight: bold; } img { vertical-align: top; } .imgWrap .wp-post-image, .reImg { width: 100%; height: auto; } .wp-post-image, .reImg02 { max-width: 100%; height: auto; } .desktop a:hover img { opacity: 0.7; } .modP { margin-bottom: 1em; } .modP:last-child { margin-bottom: 0; } .contentNotice { font-size: 13px; font-size: 1.3rem; } .contentText strong, .contentNotice strong { font-weight: bold; } .contentText i, .contentNotice i { font-style: italic; } .contentText p, .contentNotice p { margin-bottom: 1em; } .contentText p:last-child, .contentNotice p:last-child { margin-bottom: 0; } .contentText + .btnA { margin-top: 1em; } /*header*/ .siteHeader { position: fixed; top: 0; left: 0; width: 100%; height: 81px; z-index: 99; background-color: #ffffff; border-bottom: 1px solid #eeeeee; } .siteHeaderInner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 95px 0 0; } .siteHeaderInner .logoWrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; padding: 0 0 0 20px; } .siteHeaderInner .logo a { display: block; height: 80px; padding: 0 0 0 30px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .siteHeaderInner .headline { font-size: 1.2rem; line-height: 1.5; font-weight: bold; padding: 0 0 0 20px; margin: 20px 0 20px 20px; border-left: 1px solid #000000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .hum { position: absolute; right: 0; top: 0; } .hum a { display: block; width: 80px; height: 80px; background: #fec04b; text-align: center; position: relative; } .hum .hamburger-box { display: inline-block; width: 35px; } .hum .hamburger-inner { top: 50%; display: block; margin-top: -2px } .hum .hamburger-inner, .hum .hamburger-inner:after, .hum .hamburger-inner:before { position: absolute; width: 35px; height: 1px; background-color: #fff } .hum .hamburger-inner:after, .hum .hamburger-inner:before { display: block; content: "" } .hum .hamburger-inner:before { top: -10px } .hum .hamburger-inner:after { bottom: -10px } #hum { display: none; } .modaal-container { background-color: rgba(69, 69, 69, 0.5); } .modaal-content { padding-left: 70%; min-height: 100%; } .humNavi { padding-top: 50px; } .humNavi .none { display: none; } .humNavi .en { display: block; font-size: 3rem; line-height: 1.4; } .modaal-content-container { background-color: rgba(254, 192, 75, 1); min-height: 100vh; text-align: center; } .humNavi li a { color: #fff; display: block; } .desktop .humNavi li a:hover .en, .desktop .humNavi li a:hover { opacity: 0.7; } .humNavi li { margin-bottom: 20px; } .closeBT { position: fixed; right: 0; top: 0; width: 80px; height: 80px; display: block; cursor: pointer; z-index:100; } .closeBT .hamburger-box { display: inline-block; width: 35px; } .closeBT .hamburger-inner, .closeBT .hamburger-inner:after, .closeBT .hamburger-inner:before { position: absolute; width: 35px; height: 1px; background-color: #fff } .closeBT .hamburger-inner:after, .closeBT .hamburger-inner:before { display: block; content: "" } .closeBT .hamburger-inner { top: 50%; display: block; margin-top: -2px; transform: rotate(90deg); background-color: transparent!important } .closeBT .hamburger-inner:before { top: 0; transform: rotate(-45deg) } .closeBT .hamburger-inner:after { bottom: 0; transform: rotate(45deg) } .entryBtn { display: inline-block; margin-left: auto; } .entryBtn a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #a9a9a9; color: #ffffff; text-align: center; padding: 10px; border-radius: 30px; transition: background 0.2s linear; } .entryBtn .bgCircle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #c7850b; color: #fff; border-radius: 50%; height: 40px; width: 40px; margin-right: 10px; text-align: center; transition: background 0.2s linear; } .desktop .entryBtn a:hover { background: #c7850b; color: #fff; } .desktop .entryBtn a:hover .bgCircle { background: #a9a9a9; } .entryBtn .en { display: block; font-size: 3.0rem; line-height: 1; padding-right: 10px; border-right: 1px solid #ffffff; margin-right: 10px; } .entryBtn .txt { font-size: 1.5rem; line-height: 1.2; font-weight: bold; padding-right: 10px; } .mainVisual { position: relative; padding-bottom: 0; margin-bottom: 85px; } .mainVisual .tiltImg { width: 62.5%; position: relative; overflow: hidden; z-index: 1; margin-left: auto; background-color: #fec04b; } .mainVisual .tiltImg img { opacity: 0.4; } .mainVisual .tiltImg .svgWrap { position: absolute; bottom: 0; left: 0; } .leftBg { position: absolute; width: 16vw; left: 0; bottom: 68%; z-index: 5; } .centerBg { position: absolute; width: 22.75vw; right: 50%; bottom: 84%; z-index: 5; } .rightBg { position: absolute; width: 19.18vw; height: 10.06vw; right: 0; bottom: 0; z-index: 5; } .leftBg .svgWrapTri { padding-bottom: 62.4% } .centerBg .svgWrapTri { padding-bottom: 52.2%; } .rightBg .svgWrapTri { padding-bottom: 52.44%; } .leftBg svg, .centerBg svg, .rightBg svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mainVisual .rightBg { bottom: -32px; } /*wrap*/ .cntWrap { position: relative; } .tiltBox { background: #fec04b; position: relative; margin: 0 0 100px; } .tiltBox.bgChange { background-color: #a9a9a9; } .svgWrapTri, .svgWrap { position: absolute; left: 0; bottom: 0; width: 100%; padding-bottom: 17.5625%; } .svgWrapTri { bottom: auto; top: 0; } .svgWrap svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* .tiltBox:after { content: ""; position: absolute; height: 360px; width: 300%; background: #ffffff; bottom: -360px; left: -150%; -webkit-transform: rotate(-6deg); -ms-transform: rotate(-6deg); -o-transform: rotate(-6deg); transform: rotate(-6deg); z-index: 2; }*/ .inner { width: 100%; max-width: 1400px; margin: 0 auto; position: relative; z-index: 5; } .inner.center { z-index: 10; } .tiltBox .inner { padding: 100px 5vw 200px; max-width: calc(1400px + 10vw); } .bgColor { background-color: #ebebeb; } .bgColor.inner { padding-bottom: 100px; } /*ttl*/ .subTtlA { position: absolute; left: 0; top: -40px; } .tiltBox .inner .subTtlA { left: 5vw; } .subTtlA .en { font-size: 6.0rem; line-height: 1.3; display: inline-block; vertical-align: top; } .subTtlA .jp { font-size: 1.8rem; line-height: 1.3; font-weight: bold; position: relative; display: inline-block; vertical-align: top; padding: 50px 0 0 55px; margin: 0; } .subTtlA .jp:before { content: ""; position: absolute; height: 90px; width: 1px; top: 10px; left: 30px; background: #000000; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .subTtlB .en { font-size: 4.0rem; line-height: 1.3; display: inline-block; vertical-align: top; } .subTtlB .min { font-size: 1.5rem; line-height: 1.3; position: relative; display: inline-block; vertical-align: top; padding: 35px 0 0 40px; margin: 0; } .subTtlB .min:before { content: ""; position: absolute; height: 90px; width: 1px; top: -10px; left: 20px; background: #000000; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .subTtlC { position: relative; top: -35px; text-align: center; } .subTtlC .en { display: block; font-size: 6.0rem; line-height: 1; } .subWrap .subTtlC .en { display: block; font-size: 4.0rem; line-height: 1; } @media screen and (max-width: 767px) { .subWrap .subTtlC .en { font-size: 2.4rem; } } .subTtlC .jp { display: block; font-size: 1.8rem; line-height: 1; font-weight: bold; position: relative; margin: 10px 0 0; } .subTtlD { text-align: center; display: block; font-weight: bold; font-size: 2.4rem; } .ttlA { font-size: 2.4rem; letter-spacing: 0.2em; font-weight: bold; margin-bottom: 10px; position: relative; } .ttlA span { padding: 10px 10px 5px 15px; position: relative; display: inline-block; } .ttlA:before, .ttlA:after, .ttlA span:before, .ttlA span:after { content: ""; display: block; position: absolute; background: #000000; } .ttlA:before { width: 40px; height: 1px; left: -5px; top: 0; } .ttlA:after { width: 1px; height: 40px; left: 0; top: -5px; } .ttlA span:before { width: 40px; height: 1px; right: -5px; bottom: 0; } .ttlA span:after { width: 1px; height: 40px; right: 0; bottom: -5px; } .ttlB { font-size: 2rem; font-weight: bold; } .ttlC { font-size: 3rem; font-weight: bold; line-height: 1.2; letter-spacing: 0.2em; } .ttlD { text-align: center; line-height: 1.4; } .ttlD .en { display: block; font-size: 4rem; } .ttlD .jp { position: relative; text-align: center; } .ttlD .jp:after, .ttlD .jp:before { content: " "; width: 40px; height: 1px; display: inline-block; background: rgba(28, 28, 28, 0.9); vertical-align: top; margin-top: 10px; } .ttlD i { font-style: normal; display: inline-block; vertical-align: top; padding: 0 10px; font-size: 1.6rem; } .ttlE { font-size: 1.8rem; font-weight: bold; letter-spacing: 0.1em; } .ttlF { text-align: center; line-height: 1.4; } .ttlF .en { display: block; font-size: 2rem; } .ttlF .jp { position: relative; text-align: center; } .pageTtl { width: 100%; height: calc(100% - 80px); left: 0; top: 80px; padding: 0 0 0 80px; z-index: 10; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pageTtl .en { display: inline-block; font-size: 8.0rem; line-height: 1; letter-spacing: 0.2em; } .tablet .pageTtl .en { font-size: 6.4rem; } .pageTtl .jp { font-size: 2.4rem; line-height: 1.3; font-weight: bold; position: relative; display: inline-block; vertical-align: top; padding: 80px 0 0 55px; margin: 0; } .pageTtl .jp:before { content: ""; position: absolute; height: 90px; width: 1px; top: 40px; left: 25px; background: #000000; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } /*btn*/ .btnA { width: 100%; max-width: 300px; height: 70px; border: 1px solid #fec04b; font-size: 2.0rem; color: #fec04b; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; transition: border 0.2s linear,background 0.2s linear; } .btnA.btnAw { border: 1px solid #ffffff; color: #ffffff; } .desktop .btnA:hover { border: 1px solid #fec04b; background-color:#fec04b; color: #ffffff; } .desktop .btnA.btnAw:hover { border: 1px solid #ffffff; background-color:#ffffff; color: #fec04b; } .btnB a { width: 150px; height: 40px; display: block; border: 1px solid #fff; border-radius: 20px; color: #fff; text-align: center; line-height: 38px; font-size: 1.4rem; margin-left: auto; margin-right: auto; } .btnB a:visited { color: #fff; } .desktop .btnB a:hover { background: #fff; color: rgba(28, 28, 28, 0.9); } /*txtBox*/ .twoBox { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: top; -ms-flex-align: top; align-items: top; width: 100%; } .twoBox .txtBox { width: 54%; } .twoBox .imgBox { width: 40%; } .oneBox { padding: 35px; width: 100%; background-color: #ffffff; } .oneBox + .oneBox { margin-top: 50px; } .oneBox .contentText { margin-top: 25px; padding: 25px; background-color: #eeeeee; } .mw1000 { width: 100%; max-width: 1000px; height: auto; } .mw1000 .oneBox { padding: 50px; } .tiltBox .inner.mw1000 { max-width: calc(1000px + 10vw); padding-left: 5vw; padding-right: 5vw; } /*縦幅固定角丸*/ .eyeCatching { border-radius: 50%; background: #c7850b; color: #ffffff; display: block; width: 150px; height: 150px; position: absolute; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } /*dl*/ .dlA { font-size: 1.6rem; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .dlA dt { font-weight: bold; font-size: 1.6rem; color: #fff; background-color: #097c70; width: 25%; padding: 8px 0; margin-top: 5px; text-align: center; } .bgChange .dlA dt { background-color: #c7850b; } .dlA dd { width: 75%; padding: 0 15px; margin-top: 5px; font-weight: bold; font-size: 2.0rem; line-height: 1.3; } .dlA dt:first-child, .dlA dt:first-child + dd { margin-top: 0; } .dlB { margin-top: 40px; margin-left: auto; margin-right: auto; width: 100%; max-width: 800px; } .dlB.title + .dlB { margin-top: 0; } .w600 { margin-left: auto; margin-right: auto; width: 100%; max-width: 800px; } .privacyWrap .dlB { margin-top: 20px; } .dlB dt { background: rgba(28, 28, 28, 0.2); text-align: center; font-weight: bold; padding: 10px 0; } .dlB dd { border-bottom: 1px solid rgba(28, 28, 28, 0.9); padding: 10px 0; width: 100%; display: block; } .dlB dd p { margin-bottom: 1.5em; } .dlB dd p:last-child { margin-bottom: 0; } .dlB dd .itemName { text-align: left; } .dlB dd .price { text-align: right; } .dlB dd small { display: block; } .dlB li { margin-bottom: 15px; padding-left: 2em; text-indent: -2em; } .dlB li li { margin: 15px 0 15px 1.5em; } .dlB li ul li { list-style: disc; padding-left: 0; text-indent: 0; } .dlB .number { font-style: normal; font-weight: bold; width: 2em; white-space: nowrap; display: inline-block; text-indent: 0; vertical-align: top; } .dlB .content { width: 100%; display: inline-block; text-indent: 0; vertical-align: top; } .dlB .one { margin-bottom: 15px; display: block; } .dlB .one:only-child { margin-bottom: 0; } .privacy .dlB dd { border-bottom: none; } .dlC { font-size: 1.6rem; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap; } .dlC dt { font-weight: bold; font-size: 1.6rem; color: #fff; background-color: #097c70; width: 20%; padding: 8px 0; margin-top: 10px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bgChange .dlC dt { background-color: #c7850b; } .dlC dd { width: 80%; padding: 8px 15px; margin-top: 10px; font-size: 1.6rem; line-height: 1.3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dlC dt:first-child, .dlC dt:first-child + dd { margin-top: 0; } /*threeCnt*/ .threeCnt { margin-bottom: 100px; } .threeCnt .boxList { width: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; flex-wrap: wrap; } .threeCnt .boxList li { width: calc(33.33% - 10px); position: relative; } .threeCnt .boxList li:first-child { margin-right: 15px; } .threeCnt .boxList li:last-child { margin-left: 15px; } .threeCnt .boxList li a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 5; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .threeCnt .boxList li a .btnWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; height: 100%; padding: 20px; color: #fff; background-color: rgba(254, 192, 75, 0.8); } .threeCnt .boxList li a .btnWrap p { width: 100%; text-align: center; } .threeCnt .boxList li a .btnWrap .ttl { font-size: 5.0rem; line-height: 1; letter-spacing: 2px; } .threeCnt .boxList li a .btnWrap .small { font-size: 1.8rem; font-weight: bold; } .threeCnt .boxList li a .btnWrap .btnA { margin-top: 40px; } /*fourCnt*/ .fourCnt .boxList { width: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .fourCnt .boxList li { width: 23%; } .fourCnt .boxList::before { content:""; display: block; width:23%; order:1; } .fourCnt .boxList::after { content:""; display: block; width:23%; } .fourCnt .box { position: relative; } .fourCnt .box figcaption { position: absolute; width: 100%; left: -10px; top: -10px; } .fourCnt .boxList + .btnA { margin-top: 50px; } /* index */ .home .mainVisual { position: relative; padding-bottom: 75px; margin-bottom: 120px; } .home .mainVisual .tiltImg { background: transparent; width: 100%; } .home .mainVisual .tiltImg img { opacity: 1; } .home .mainVisual .lead { position: absolute; display: block; width: 100%; bottom: 0; z-index: 10; text-align: center; } .home .mainVisual .lead .leadText.jpn { font-size: 5.0rem; line-height: 1.4; font-weight: bold; letter-spacing: 0.1em; } @media screen and (min-width: 1500px) { .home .mainVisual .lead .leadText.jpn { font-size: 3vw; } } .home .mainVisual .lead .leadText.en { font-size: 2.0rem; line-height: 1.5; letter-spacing: 0.1em; color: #fec04b; margin: 5px 0 0; } .home .mainVisual .entryBtn { margin-top: 30px; } .home .mainVisual .leftBg { position: absolute; width: 16.125vw; left: 0; bottom: 180px; z-index: 5; } .home .mainVisual .rightBg { position: absolute; width: 19vw; height: 9.9636vw; right: 0; bottom: 100px; z-index: 5; } .message, .feature { position: relative; } .message .tiltBox .inner { padding-bottom: 100px; } .message .rightBg { right: 0; bottom: 0; } .message .imgBox { position: relative; top: -150px; } .message .imgBox .img:first-child { width: 60%; } .message .imgBox .img:last-child { position: absolute; width: 60%; right: 0; margin-top: -50px; } .ba { position: relative; } .ba .rightBg { right: 0; bottom: auto; top: -350px; padding-bottom: 400px; } .ba .tiltBox { margin-bottom: 0; } .ba .tiltBox .inner { padding-top: 100px; } .baItem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .baItem + .baItem { margin-top: 90px; } .baName { width: 21.5%; border: 1px solid #000000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .baName h3 { font-size: 3.0rem; font-weight: bold; letter-spacing: 2px; width: 100%; text-align: center; } .baName span { font-size: 1.8rem; } .option { font-size: 2.0rem; font-weight: bold; width: 100%; text-align: center; } .baImage { width: 41.7%; position:relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .baImage figure { width: 50%; position: relative; } .ba .eyeCatching { font-weight: bold; position: absolute; left: -20px; top: -40px; z-index: 5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ttl { width: 100%; display: block; text-align: center; font-size: 2.0rem; } .stats , .res { width: 100%; display: block; text-align: center; } .stats.en { font-size: 3.5rem; line-height: 1.2; } .stats.en span { font-size: 2.0rem; } .baImage figcaption { font-size: 3.0rem; line-height: 1; font-weight: normal; color: #ffffff; display: block; width: 100%; text-align: center; position: absolute; left: 0; bottom: 20px; } .res.en { font-size: 2.0rem; } .baResult { width: 34.3%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ba .dlA { width: 100%; max-width:100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-top: 5px; padding-bottom: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .baMessage { width: 100%; max-width:100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border: 1px solid #000000; padding: 10px 25px; font-size: 1.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .baMessage p + p { margin-top: 1.5em; } .baMessage > * { width: 100%; } .small { font-size: 1.2rem; } .slashBtn { margin-top: -45px; margin-bottom: 50px; position: relative; } .slashBtn .rightBg { right: 0; bottom: auto; top: -74px; } .slashBtn li { width: 50%; position: relative; } .slashBtn li:last-child { margin-top: 50px; } .slashBtn li .bgWrap { position: relative; left: 0; bottom: 0; width: 100%; padding-top: 67.2%; z-index: 1; } .slashBtn li .bgWrap svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .slashBtn li a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 5; padding: 105px 120px 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .slashBtn li a .btnWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; height: 100%; color: #fff; background-color: rgba(254, 192, 75, 0.8); } .slashBtn li a .btnWrap p { width: 100%; text-align: center; } .slashBtn li a .btnWrap .ttl { font-size: 5.0rem; line-height: 1; letter-spacing: 2px; } .slashBtn li a .btnWrap .small { font-size: 1.8rem; font-weight: bold; } .slashBtn li a .btnWrap .btnA { margin-top: 40px; cursor: pointer; transition: border 0.2s linear,background 0.2s linear; } /*feedWrap*/ .feedWrap { width: 100%; max-width: 1080px; margin: 0 auto 100px; } .gallery:last-child .feedWrap { margin-bottom: 0; } .feedWrap #sb_instagram #sbi_images { text-align: center; } .feedWrap #sb_instagram #sbi_load { font-family: 'Anton', "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; word-break: break-all; letter-spacing: 0.1em; font-weight: 400; margin-top: 30px; } .feedWrap #sb_instagram #sbi_load .sbi_follow_btn { width: 100%; max-width: 300px; } .feedWrap #sb_instagram #sbi_load .sbi_follow_btn a { width: 100%; height: 70px; border: 1px solid #fec04b; font-size: 2.0rem; line-height: 1.2; color: #fec04b; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; transition: border 0.2s linear,background 0.2s linear; padding: 0; margin: 0 auto; border-radius: 0; background-color: transparent; text-align: center; box-shadow: none; } .feedWrap #sb_instagram svg:not(:root).fa-instagram { height: 2em; } .desktop .feedWrap #sb_instagram #sbi_load .sbi_follow_btn a:hover { background:#fec04b; color: #ffffff; } /* about */ .facilityList li.listoff { display: none; } .facility .boxList li { margin-top: 30px; } .facility .boxList li:nth-child(1) , .facility .boxList li:nth-child(2) , .facility .boxList li:nth-child(3) , .facility .boxList li:nth-child(4) { margin-top: 0; } .facilityBtn[data-flag="open"] span:first-child , .facilityBtn[data-flag="close"] span:last-child { display: none; } .facilityBtn[data-flag="open"] span:last-child , .facilityBtn[data-flag="close"] span:first-child { display: inline; } .staff .tiltBox.bgChange .inner { padding-top: 0; } .staffBox { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 20px; background-color: rgba(255,255,255,0.8) } .staffBox + .staffBox { margin-top: 30px; } .staffBox .imgBox { width: 52%; } .staffBox .txtBox { width: 45%; } .staffBox .label { padding: 2px; display: inline; font-size: 1.4rem; line-height: 1.2; letter-spacing: 0; background-color: #097c70; color: #ffffff; } .bgChange .staffBox .label { padding: 5px; background-color: #000; line-height:3; } @media screen and (max-width: 767px) { .bgChange .staffBox .label { padding: 5px; line-height:1.4; font-size:1.3rem; } } .staffBox .label + h3 { margin-top: 5px; } .staffBox .ruby { font-size: 2.0rem; letter-spacing: 0.1em; } .staffBox .contentText { margin-top: 30px; } /*price*/ .priceBox { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; width: 100%; } .priceBox + .priceBox { margin-top: 50px; } .priceBox .imgBox { width: 38%; } .priceBox .txtBox { width: 58%; } .priceBox .contentText { margin-top: 30px; } .priceBox .contentNotice { margin-top:15px; } .priceBox .dlA { margin-top: 30px; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .priceBox .dlA dt { width: 25%; } .priceBox .dlA dd { width: 75%; padding: 8px 15px; } /*access*/ .access .tiltBox .inner { padding-top: 50px; } .dlC + .ggmapSize , .ggmapSize + .dlC { margin-top: 30px; } /*bloglist*/ .blog .tiltBox .inner { padding-top: 50px; } .blogInner { padding: 40px 40px 60px 40px; background-color: #ffffff; } .blogList { margin: 0 auto 50px; border-top: 1px solid rgba(28, 28, 28, 0.9); } .blogList li { border-bottom: 1px solid rgba(28, 28, 28, 0.9); } .blogList li a { position: relative; display: block; padding: 15px 15px 15px 0; } .blogList li a:after { content: ""; position: absolute; width: 18px; height: 21px; right: 25px; top: 50%; margin: -10px 0 0; z-index: 5; background: url(../img/arrow_01.png) no-repeat 0 0; background-size: cover; } .desktop .blogList li a:hover { background: #e3e3e3; } .desktop .blogList li a:hover img { opacity: 1; } .blogList .imgWrap { width: 20%; } .blogList figcaption { padding-left: 30px; width: 80%; } .blogList .date { width: 100%; color: #fec04b; font-size: 1.5rem; } .blogList .title { font-size: 1.6rem; font-weight: bold; } .blogList .txtWrap { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .snsWrap { padding: 30px; background: #f2f2f2; margin-top: 40px; text-align: center; } .snsWrap .ttlF .en { font-size:4rem; } .snsWrap .ttlF { margin-bottom:1em; } .blogArticleList { border-top: 1px solid #ddd; } .blogArticleList li { border-bottom: 1px solid #ddd; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: start; justify-content: start; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .blogArticleList li .imgWrap { width: 200px; } .blogArticleList li .ttlWrap { width: 100%; flex: 1; padding-left: 30px; } .blogArticleList li .category a { color: #fec04b; font-weight: bold; } .desktop .blogArticleList li .category a:hover { text-decoration: underline; } .blogArticleList time:after { content: "|"; display: inline-block; padding: 0 10px; } .blogArticleList .blogTtl { font-weight: bold; } .desktop .blogArticleList .blogTtl a:hover { text-decoration: underline; } /*ページャー*/ .pagination { margin-top: 40px; } .pagination .page-of { display: none; } .pagination-box { text-align: center; font-size: 1.4rem; } .pagination-box span { display: inline-block; width: 50px; height: 50px; line-height: 50px; margin-right: 10px; background: #fec04b; color: #fff; } .pagination-box span:last-child { margin-right: 0; } .pagination-box span.current { background: #fec04b; } .pagination-box span.link { background: none; } .pagination-box a { display: inline-block; width: 50px; height: 50px; line-height: 50px; text-decoration: none; background: #fff; color: rgba(28, 28, 28, 0.9); } .desktop .pagination-box a:hover { background: #fec04b; color: #fff; } .desktop .pagination-box span.link:hover { background: #fec04b; color: #fff; } .desktop .pagination-box span.link:hover a { color: #fff; } /*bread*/ .bread { border-top: 1px solid rgba(28, 28, 28, 0.9); padding: 15px 5%; } .desktop .bread a:hover { text-decoration: underline; } /*footer*/ /*pgtop*/ #topBtn { position: fixed; bottom: 2vh; right: 10px; display: none; z-index: 99; } #topBtn a { display: block; width: 40px; height: 40px; color: #fff; line-height: 40px; font-size: 2rem; background: #fec04b; border: 1px solid rgba(255, 255, 255, 0.8); text-align: center; } #footer { border-top: 1px solid rgba(28, 28, 28, 0.9); padding: 50px 0 0; } .home #footer { margin-top: 100px; } .footLogo { text-align: center; margin-bottom: 20px; } address { text-align: center; } .footBtnWrap { margin-top: 50px; border-top: 1px solid rgba(28, 28, 28, 0.9); padding: 50px 0 0; } .subTtlD + p { text-align: center; font-size: 1.4rem; } .footBtn { width: 100%; max-width: 1000px; background-color: #eeeeee; margin: 30px auto 0; padding: 20px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footBtn:first-child { margin-top: 0; } .footBtnWrap li { width: calc(50% - 10px); font-size: 1.4rem; } .footBtnWrap li:first-child { margin-right: auto; } .footBtnWrap li:last-child { margin-left: auto; } .footBtnWrap li h3 { color: #ffffff; background-color: #fec04b; font-size: 1.4rem; line-height: 1.5; padding: 1px; } .footBtnWrap li .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; margin: 20px auto 0; } .footBtnWrap li .wrap a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 70px; padding: 0; cursor: pointer; } .footBtnWrap .bgCircle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fec04b; border-radius: 50%; height: 50px; width: 50px; color: #fff; font-size: 1.6rem; } .tel .en { font-size: 3rem; display: block; line-height: 1; color: #333333; margin-left: 20px; } .contact .jp { font-weight: bold; line-height: 1; margin-left: 10px; } .contact a { background: #ffffff; } .desktop .contact a:hover { background: #fec04b; color: #fff; } .infoWrap { margin: 50px auto 0; border-top: 1px solid rgba(28, 28, 28, 0.9); padding: 30px 0 0; } .footNav { font-size: 0; text-align: center; margin: 20px 0 0; } .footNav li { display: inline-block; margin-right: 15px; font-size: 1.4rem; } .footNav li .en { display: none; } .desktop .footNav li a:hover { text-decoration: underline; } .footNav li:last-child { margin-right: 0; } .copy { text-align: center; padding: 20px 0 25px; display: block; } /*****form*******/ .formWrapOuter { padding: 0 0 100px; } .formWrapOuter .ttlC { text-align: center; } .modPCenter { text-align: center; margin-bottom: 1em; } .formWrap { background: #fff; width: 100%; max-width: 800px; margin: 40px auto 0; padding: 50px 0; } .formWrap dl { width: 600px; margin: 0 auto; } .formWrap dt { font-size: 1.6rem; font-weight: bold; } .formWrap dd { margin: 15px 0 30px 0; word-break:break-all; } .formWrap .required { background: #fec04b; font-size: 1.2rem; color: #fff; font-weight: normal; height: 25px; line-height: 25px; display: inline-block; padding: 0 15px; margin-right: 10px; position: relative; top: -2px; } .formWrap .any { background: #999; font-size: 1.2rem; color: #fff; font-weight: normal; height: 25px; line-height: 25px; display: inline-block; padding: 0 15px; margin-right: 10px; position: relative; top: -2px; } .formWrap textarea, .formWrap input[type="email"], .formWrap input[type="text"] { border: 1px solid #ddd; background: #fff; height: 40px; padding-left: 15px; width: 100%; } .formWrap textarea { height: 196px; vertical-align: top; } .formWrap .formBtn { width: 100%; max-width: 300px; height: 70px; margin: 0 auto; font-size: 2.0rem; border: 1px solid #fec04b; color: #fec04b; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; transition: border 0.2s linear,background 0.2s linear; } .formWrap .formBtn + .formBtn { margin: 30px auto 0; border: 1px solid #cccccc; color: #cccccc; } .desktop .formWrap .formBtn:hover { border: 1px solid #fec04b; background-color:#fec04b; color: #ffffff; } .desktop .formWrap .formBtn + .formBtn:hover { border: 1px solid #dddddd; background-color:#dddddd; color: #ffffff; } .backBtn { margin-top: 30px !important; } .prWrap .privacy { height: 180px; overflow-y: auto; padding: 20px; border: 4px solid #ddd; font-size: 1.4rem; width: 600px; margin: 0 auto 40px auto; } .privacy .dlB { width: 100%; word-wrap: break-word; word-break: break-word; } .privacy .dlB i { font-style: normal; } .agreeBox { margin: 0 auto 30px auto; text-align: center; } .formElement { padding: 150px 0 } .mwform-radio-field-text { cursor: pointer; } .mwform-checkbox-field label, .mwform-radio-field label { white-space: nowrap; } .mw_wp_form .horizontal-item + .horizontal-item { margin-left: auto !important; margin-right: 10px !important; } dl.formWrapDl select.date, .formWrap input[type="text"].hasDatepicker { width: auto; } .formWrap textarea { padding: 20px; } .formWrap textarea, .formWrap input { border-radius: 0; box-shadow: none; -webkit-appearance: none; } .formWrap select { border: 1px solid #ddd; height: 30px; } input[type="radio"] { position: relative; -moz-appearance: button; -webkit-appearance: button; appearance: button; -webkit-box-sizing: border-box; box-sizing: border-box; width: 24px; height: 24px; content: ""; background-color: #FFFFFF; border: 1px solid #999999; -webkit-border-radius: 24px; border-radius: 24px; vertical-align: middle; cursor: pointer; } input[type="radio"]:checked { background-image: radial-gradient(circle at 50% 50%, #454545 40%, transparent 50%); } input[type="radio"]:checked:after { display: block; position: absolute; top: 5px; left: 5px; content: ""; width: 12px; height: 12px; background: #454545; -webkit-border-radius: 12px; border-radius: 12px; } input[type=checkbox] { display: none; } .mwform-checkbox-field-text { box-sizing: border-box; position: relative; display: inline-block; vertical-align: middle; cursor: pointer; padding: 0 0 0 24px; } .mwform-checkbox-field-text:after { position: absolute; top: 50%; left: 6px; display: block; margin-top: -7px; width: 5px; height: 9px; border-right: 3px solid #454545; border-bottom: 3px solid #454545; content: ''; opacity: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .mwform-checkbox-field-text:before { position: absolute; top: 50%; left: 0; display: block; margin-top: -9px; width: 18px; height: 18px; border: 1px solid #999999; background-color: #fff; content: ''; } input[type=checkbox]:checked + .mwform-checkbox-field-text:after { opacity: 1; } .mw_wp_form .formWrap .horizontal-item { margin-left: 0; margin-right: 10px; } .mw_wp_form .formWrap .horizontal-item + .horizontal-item { margin-left: 0; } .mw_wp_form_input .formMessage01, .mw_wp_form_confirm .formMessage02 { display: block; color: rgba(28, 28, 28, 0.9); } .mw_wp_form_confirm .formMessage01, .mw_wp_form_input .formMessage02 { display: none; } /*map*/ .ggmapSize { width: 100%; margin: 0 auto; } .ggmap { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .ggmap iframe, .ggmap object, .ggmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*汎用*/ .alignC { text-align: center; } .ma { margin-left: auto; margin-right: auto; } /*margin*/ .mt20 { margin-top: 20px; } .mb10 { margin-bottom: 10px; } .mb15 { margin-bottom: 15px; } .mb20 { margin-bottom: 20px; } .mb30 { margin-bottom: 30px; } .mb40 { margin-bottom: 40px; } .mb50 { margin-bottom: 50px; } .mb70 { margin-bottom: 70px; } .mb80 { margin-bottom: 80px; } .mb90 { margin-bottom: 90px; } .mb100 { margin-bottom: 100px; } .mb120 { margin-bottom: 120px; } .mb150 { margin-bottom: 150px; } /*blog*/ .tableContents { background: #fff !important; border: 1px solid #e3e3e3 !important; } .image + .singleContent { margin-top: 20px; } .singleContent { width: 100%; } .singleContent img { max-width: 100%; height: auto; margin-bottom: 1em; } .singleContent p { margin-bottom: 1.5em; } .singleContent p:last-child { margin-bottom: 0; } .headingWrap .category a { color: #fec04b; font-weight: bold; } .desktop .headingWrap .category a:hover { text-decoration: underline; } .headingWrap .meta time:after { content: "|"; display: inline-block; padding: 0 10px; } .singleTtl { text-align: left; font-size: 2.6rem; font-weight: bold; margin-bottom: 20px; } .subWrap { margin-top: 50px; border-top: 1px solid rgba(28, 28, 28, 0.9); } .categoryDl { padding-top: 70px; padding-bottom: 20px; border-bottom: 1px solid rgba(28, 28, 28, 0.9); margin-bottom: 70px; } .categoryDl ul { font-size: 0; text-align: center; margin-bottom: -10px; } .categoryDl li { display: inline-block; font-size: 1.4rem; margin-right: 10px; margin-bottom: 10px; } @media screen and (max-width: 767px) { .categoryDl li { display:block; margin-right:0; } } .categoryDl li:last-child { margin-right: 0; } .categoryDl li a { display: block; border-radius: 15px; border: 1px solid rgba(28, 28, 28, 0.9); padding: 0 20px; } .desktop .categoryDl li a:hover { background: rgba(28, 28, 28, 0.9); color: #fff; } .subWrap .latest { border-top: 1px solid #ddd; } .subWrap .latest a { display: block; border-bottom: 1px solid #ddd; padding: 20px 0; } .desktop .subWrap .latest a:hover { background: #e3e3e3; } /********横幅調整***************/ @media screen and (max-width: 1400px) { .subTtlA { left: 5vw; } .ttlA { font-size: 2rem; } .ttlC { font-size: 3rem; } } @media screen and (max-width: 1100px) { .siteHeaderInner .headline { display: none; } .home .mainVisual .lead .leadText.jpn { font-size: 4.0rem; } .slashBtn li a { padding: 80px 25px 25px; } .threeCnt .boxList li a .btnWrap .btnA { margin-top: 10px; } .blogArticleList li .imgWrap { width: 30%; } .blogArticleList li .ttlWrap { width: 68%; } } @media screen and (max-width: 1000px) { body { min-width: 100%; } .pageTtl .en { font-size: 6.4rem; } .tiltBox .inner.mw1000 { padding-left: 5vw; padding-right: 5vw; } .slashBtn li a { padding: 65px 10px 10px; } .slashBtn li a .btnWrap .btnA { margin-top: 10px; } .threeCnt .boxList li a { padding: 10px; } .fourCnt .boxList { -ms-flex-wrap: wrap; flex-wrap: wrap; } .fourCnt .boxList li { width: 49%; margin-top: 30px; } .fourCnt .boxList li:nth-child(1) , .fourCnt .boxList li:nth-child(2) { margin-top: 0; } .facility .boxList li:nth-child(3) , .facility .boxList li:nth-child(4) { margin-top: 30px; } } /********pc***************/ @media screen and (min-width: 768px) { .sp { display: none; } } /********sp***************/ @media screen and (max-width: 767px) { body { font-size: 1.3rem; } .pc { display: none; } /*header*/ .siteHeader { height: 60px; border: none; } .siteHeaderInner { padding-right: 60px; } .siteHeaderInner .logoWrap { width: 100%; height: 60px; padding: 0 10px; } .siteHeaderInner .logo { width: 100%; } .siteHeaderInner .logo a { width: 100%; height: 60px; padding: 0; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; } .siteHeaderInner .logo img { max-width: 100%; } .siteHeaderInner .headline { display: none; } .hum a { width: 60px; height: 60px; } .hum .hamburger-inner { background-color: transparent; } .hum .hamburger-inner:before { top: -5px } .hum .hamburger-inner:after { bottom: -5px } .humNavi .none { display: block; } .modaal-content { padding-left: 0%; } .closeBT { width: 60px; height: 60px; z-index: 99; } .humNavi { padding-top: 25px; z-index: 2; } .humNavi .en { font-size: 2.2rem; line-height: 1.4; } .humNavi li { margin-bottom: 15px; } .entryBtn { display: none; } .entryBtn .en { font-size: 2.0rem; padding: 10px 10px 10px 0; } .entryBtn .txt { font-size: 1.2rem; } .mainVisual { margin-bottom: 50px; } .mainVisual .tiltImg { width: 90%; } .leftBg { width: 21vw; bottom: 65%; } .centerBg { display: none; } .rightBg { width: 35vw; height: 18.354vw; bottom: -35px; } /*wrap*/ .cntWrap { padding: 0 5vw; z-index: 2; position: relative; } .tiltBox { margin-bottom: 50px; } .inner { padding-left: 5vw; padding-right: 5vw; width: 100%; max-width: none; } .tiltBox .inner { padding-top: 50px; padding-bottom: 50px; } .mw1000 .tiltBox .inner { padding: 5vw 5vw 50px; } .bgColor.inner { background-color: transparent; padding-left: 0; padding-right: 0; padding-bottom: 50px; } .txtBox { width: 94%; } .bgChange { padding-bottom: 20px; } /*ttl*/ .subTtlA { left: 5vw; top: -20px; } .subTtlA .en { font-size: 3.0rem; } .subTtlA .jp { font-size: 1.5rem; padding: 25px 0 0 24px; } .subTtlA .jp:before { height: 60px; width: 1px; top: 0px; left: 10px; } .subTtlB .en { font-size: 3.0rem; } .subTtlB .min { font-size: 1.3rem; line-height: 1.3; padding: 30px 0 0 24px; } .subTtlB .min:before { height: 60px; width: 1px; top: 0px; left: 10px; } .subTtlC { top: -20px; } .blogInner .subTtlC { top: -10px; } .subTtlC .en { font-size: 3.0rem; } .subTtlC .jp { font-size: 1.5rem; margin: 5px 0 0; } .subTtlD { font-size: 1.8rem; } .ttlA { font-size: 1.5rem; letter-spacing: 0.1em; margin-bottom: 10px; } .ttlA span { padding: 0; } .ttlA:before, .ttlA:after, .ttlA span:before, .ttlA span:after { content: ""; display: none; } .ttlB { font-size: 1.5rem; } .ttlC { font-size: 2rem; } .ttlD .en { font-size: 2.4rem; } .ttlD i { font-size: 1.4rem; padding: 0 5px; } .ttlD .jp:after, .ttlD .jp:before { width: 30px; } .ttlE { font-size: 1.4rem; } .ttlF .en { font-size: 1.6rem; } .snsWrap .ttlF .en { font-size:3rem; } .pageTtl { padding: 0 0 0 5vw; } .pageTtl .en { font-size: 3.5rem; } .pageTtl .jp { font-size: 1.6rem; padding: 30px 0 0 32px; } .privacyPage .privacy .modPCenter { text-align: left; } .dlB li li { margin:15px 0; } .dlB dt { padding:10px; } .pageTtl .jp:before { height: 60px; width: 1px; top: 0px; left: 20px; } /*btn*/ .btnA { font-size:1.4rem; max-width:100%; height:60px; } .btnA a { width: 100%; } .mw300 { max-width: 300px; } /*txtBox*/ .twoBox { display: block; } .twoBox .txtBox { width: 100%; } .twoBox .imgBox { margin-top: 20px; width: 100%; } .oneBox, .mw1000 .oneBox { padding: 5vw; } .oneBox + .oneBox { margin-top: 25px; } .oneBox .contentText { margin-top: 10px; padding: 5vw; } /*縦幅固定角丸*/ .eyeCatching { width: 110px; height: 110px; } /*dl*/ .dlA { font-size: 1.6rem; } .dlA dt { width: 45%; padding: 8px 0; } .dlA dd { width: 55%; padding: 0 15px; font-size: 2.0rem; } .w600, .dlB { width: 100%; } .dlB dd { display: block; } .dlB dd .itemName { display: block; width: 100%; font-weight: bold; } .dlB dd .price { display: block; width: 100%; } .dlC { font-size: 1.4rem; display: block; } .dlC dt { font-weight: bold; font-size: 1.4rem; width: 100%; padding: 4px 0; margin-top: 5px; display: block; } .dlC dd { width: 100%; padding: 4px 8px; margin-top: 5px; font-size: 1.4rem; line-height: 1.3; display: block; } .dlC dt:first-child + dd { margin-top: 5px; } /*threeCnt*/ .threeCnt { margin-bottom: 50px; } .threeCnt .inner { padding-left: 0; padding-right: 0; } .threeCnt .boxList { display: block; } .threeCnt .boxList li { width: 100%; } .threeCnt .boxList li:first-child, .threeCnt .boxList li:last-child { margin-right: 0; margin-left: 0; } .threeCnt .boxList li + li { margin-top: 20px; } .threeCnt .boxList li a { padding: 15px; } .threeCnt .boxList li a .btnWrap .ttl { font-size: 3.0rem; } .threeCnt .boxList li a .btnWrap .small { font-size: 1.5rem; } .threeCnt .boxList li a .btnWrap .btnA { max-width: 225px; margin-top: 15px; } /*fourCnt*/ .fourCnt .boxList { display: block; } .fourCnt .boxList li { width: 100%; } .fourCnt .boxList::before, .fourCnt .boxList::after { display: none; width:100%; } .fourCnt .boxList li:nth-child(2) { margin-top: 40px; } .fourCnt .boxList li + li { margin-top: 40px; } .fourCnt .box figcaption { position: absolute; width: 100%; left: -10px; top: -20px; } .fourCnt .boxList + .btnA { margin-top: 25px; } /* index */ .home .mainVisual { padding-bottom: 100px; margin-bottom: 60px; } .home .mainVisual .lead .leadText.jpn { font-size: 1.5rem; } .home .mainVisual .lead .leadText.en { font-size: 1.1rem; margin: 10px 0 0; } .home .mainVisual .entryBtn { display: block; margin-top: 20px; padding-left: 5vw; padding-right: 5vw; } .home .mainVisual .entryBtn a { max-width: 300px; margin-left: auto; margin-right: auto; } .home .mainVisual .leftBg { width: 21vw; bottom: 130px; } .message .rightBg, .feature .rightBg { display: none; } .message .tiltBox { margin-bottom: 185px; } .message .imgBox { position: relative; top: 0; margin-bottom: -100px; } .message .imgBox .img:first-child { width: 68%; } .message .imgBox .img:last-child { position: absolute; width: 68%; right: 0; margin-top: -25px; } .feature .tiltBox .inner { padding-top: 70px; } .ba { margin-bottom: 15px; } .ba .subTtlA { left: 0; width: 100%; text-align: center; } .ba .tiltBox .inner .subTtlA { left: 0; } .ba .subTtlA .en { display: block; } .ba .subTtlA .jp { display: block; padding: 0; } .ba .subTtlA .jp:before { display: none; } .ba .rightBg { display: none; } .ba .tiltBox { margin-bottom: 0; } .ba .tiltBox .inner { padding-top: 60px; padding-bottom: 50px; } .baItem { display: block; } .baItem + .baItem { margin-top: 45px; } .baName { width: 100%; display: block; border: none; border-top: 1px solid #000000; border-bottom: 1px solid #000000; display: block; padding: 25px 0; text-align: center; } .baName h3 { font-size: 2.4rem; } .baName span { font-size: 1.4rem; } .option { font-size: 1.8rem; } .baImage { margin-top: 50px; width: 100%; } .ba .eyeCatching { font-weight: bold; position: absolute; left: -25px; top: -45px; z-index: 5; } .ba .ttl { font-size: 1.4rem; } .ba .stats.en { font-size: 2.5rem; } .ba .stats.en span { font-size: 1.4rem; } .ba .res.en { font-size: 1.4rem; } .baImage figcaption { font-size: 2.0rem; line-height: 1; bottom: 10px; } .baResult { width: 100%; display: block; margin-top: 20px; } .ba .dlA { width: 100%; height: auto; padding: 0; } .baMessage { width: 100%; display: block; border: none; padding: 0; margin-top: 20px; font-size: 1.4rem; } .small { font-size: 1.2rem; } .slashBtn { margin-top: -30px; margin-bottom: 25px; } .slashBtn .rightBg { display: none; } .slashBtn .inner { padding-left: 0; padding-right: 0; } .slashBtn ul { display: block; } .slashBtn li { width: 100%; position: relative; } .slashBtn li:last-child { margin-top: 20px; } .slashBtn li .bgWrap { position: relative; left: 0; bottom: 0; width: 100%; padding-top: 90.625%; z-index: 1; } .slashBtn li a { padding: 60px 5vw 5vw; } .slashBtn li:last-child a { padding: 5vw 5vw 60px; } .slashBtn li a .btnWrap .ttl { font-size: 3.0rem; } .slashBtn li a .btnWrap .small { font-size: 1.5rem; } .slashBtn li a .btnWrap .btnA { max-width: 225px; margin-top: 20px; } .feedWrap { max-width: none; margin: 0 auto 50px; } .feedWrap #sb_instagram #sbi_load { padding: 0 5vw; margin-top: 0; } .feedWrap #sb_instagram #sbi_load .sbi_follow_btn { margin: 20px auto 0; } .feedWrap #sb_instagram #sbi_load .sbi_follow_btn a { height: 60px; font-size: 1.4rem; } .feedWrap #sb_instagram svg:not(:root).fa-instagram { height: 2em; } /* about */ .facility .boxList li { margin-top: 0; } .facility .boxList li + li, .facility .boxList li:nth-child(2) , .facility .boxList li:nth-child(3) , .facility .boxList li:nth-child(4) { margin-top: 15px; } .staffBox { display: block; width: 100%; padding: 10px; } .staffBox + .staffBox { margin-top: 15px; } .staffBox .imgBox, .staffBox .txtBox { width: 100%; } .staffBox .txtBox { margin-top: 15px; } .staffBox .label + h3 { margin-top: 15px; } .staffBox .ttlC, .staffBox .ruby { text-align: center; } .staffBox .ruby { font-size: 1.3rem; } .staffBox .contentText { margin-top: 15px; } /*price*/ .price .subTtlA { left: 0; width: calc(100% - 10vw); text-align: center; } .price .subTtlA .en { display: block; } .price .subTtlA .jp { display: block; padding: 0; } .price .subTtlA .jp:before { display: none; } .priceBox { display: block; width: 100%; } .priceBox + .priceBox { margin-top: 25px; } .priceBox .imgBox , .priceBox .txtBox { width: 100%; } .priceBox .txtBox { margin-top: 15px; } .priceBox .contentText, .priceBox .contentNotice { margin-top: 15px; } .priceBox .dlA { margin-top: 15px; display: block; } .priceBox .dlA dt { width: 100%; padding: 4px; font-size: 1.4rem; } .priceBox .dlA dd { width: 100%; padding: 4px; text-align: center; font-size: 1.5rem; } /*faq voice */ .faq .tiltBox .inner, .voice .tiltBox .inner { padding: 5vw 5vw 50px; } /*access*/ .access .tiltBox .inner { padding-top: 5vw; max-width: none; } .ggmapSize { margin: 0 auto; } .dlC + .ggmapSize , .ggmapSize + .dlC { margin-top: 15px; } /*privacy*/ .privacy .tiltBox .inner { padding-top: 5vw; max-width: none; } /*bloglist*/ .blog .tiltBox .inner { padding-top: 5vw; padding-bottom: 50px; } .blogInner { padding: 5vw; } .blogList { width: 100%; margin: 0 auto 25px; } .blogList li a { padding: 20px; } .blogList li a figure { -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .blogList li a:after { display: none; } .blogList .imgWrap { width: 25%; } .blogList figcaption { padding-left: 20px; width: 75%; } .blogList .date { font-size: 1.5rem; } .blogList .title { font-size: 1.5rem; } .blogList + .alignC { padding: 0 5vw; } .subWrap { margin-top: 25px; } .subWrap .latest a { padding: 10px 0; } .categoryDl { padding-top: 30px; padding-bottom: 10px; margin-bottom: 25px; padding-left:10%; padding-right:10%; } /* blog */ .blogCnt .cntWidth1000 { padding: 20px; } .blogArticleList .blogTtl { font-size: 1.2rem; } .blogArticleList li .category a { display: block; font-size: 1.2rem; line-height: 1.2; } .blogArticleList li .ttlWrap { padding-left: 10px; } .blogArticleList li .ttlWrap time { font-size: 1.2rem; } .blogArticleList time:after { content: ""; } .blogArticleList li .imgWrap { width: 25%; } .blogArticleList li .ttlWrap { width: 73%; } .subWrap .latest time { display: block; } .singleTtl { font-size: 1.8rem; } /*404*/ .notFound .tiltBox .inner { padding-bottom: 50px; } .notFound .subTtlA { left: 0; width: 100%; text-align: center; } .notFound .subTtlA .en { display: block; } .notFound .subTtlA .jp { display: block; padding: 0; } .notFound .subTtlA .jp:before { display: none; } .notFound .oneBox { padding: 25px; } /*footer*/ #topBtn { bottom: 60px; } #footer { border-top: 1px solid rgba(28, 28, 28, 0.9); padding: 25px 0 0; } .home #footer { margin-top: 50px; } .footLogo { margin-bottom: 20px; } address { padding: 0 5vw; } .footBtnWrap { margin-top: 25px; border-top: 1px solid rgba(28, 28, 28, 0.9); padding: 25px 0 0; } .subTtlD + p { margin-top: 10px; font-size: 1.2rem; } .footBtn { width: auto; max-width: none; background-color: #eeeeee; margin: 15px 5vw 0; padding: 0; text-align: center; display: block; } .footBtnWrap li { width: 100%; } .footBtnWrap li:last-child { margin: 0; } .footBtnWrap li h3 { font-size: 1.4rem; } .footBtnWrap li .wrap { width: 100%; padding: 5vw; margin: 0; } .footBtnWrap li .wrap a { height: 60px; } .footBtnWrap .bgCircle { border-radius: 50%; height: 40px; width: 40px; color: #fff; font-size: 1.6rem; } .tel .en { font-size: 2.5rem; margin-left: 15px; } .contact .jp { font-size: 1.6rem; margin-left: 10px; } .footBtnWrap li.contact .wrap { padding: 10vw 5vw; } .infoWrap { display: none; } .copy { margin: 25px 0 0; border-top: 1px solid rgba(28, 28, 28, 0.9); padding: 20px 5vw 25px; } /*****form*******/ .formWrapOuter { padding: 0; } .modPCenter { padding: 0 5vw; } .formElement { padding: 70px 0 50px; } .formWrap { width: 100%; margin: 20px auto 0; padding: 5vw 0; } .formWrap dl { width: 90%; } .formWrap dd { margin: 10px 0 15px 0; } .prWrap .privacy { width: 90%; font-size: 1.3rem; } .formWrap .formBtn { width: 90%; height: 60px; font-size: 1.4rem; } .formWrap .formBtn + .formBtn { margin: 15px auto 0; } .backBtn { margin-top: 15px !important; } .formWrap .privacy dt { font-size: 1.4rem; padding: 10px; } .mw_wp_form_input .formMessage01 .modPCenter, .mw_wp_form_confirm .formMessage02 .modPCenter { text-align: left; padding: 0; } .snsWrap { padding: 15px; margin-top: 20px; } /*margin*/ .mb10 { margin-bottom: 5px; } .mb15 { margin-bottom: 7px; } .mb20 { margin-bottom: 10px; } .mb30 { margin-bottom: 15px; } .mb40 { margin-bottom: 20px; } .mb50 { margin-bottom: 25px; } .mb70 { margin-bottom: 35px; } .mb80 { margin-bottom: 40px; } .mb90 { margin-bottom: 45px; } .mb100 { margin-bottom: 50px; } .mb120 { margin-bottom: 60px; } .mb150 { margin-bottom: 75px; } } /*=== add updatie ===*/ .bgChange .staffBox .label { display: block; font-weight: bold; margin-bottom: 1em; line-height: 1.5; background: none; color: #fec04b; font-size: 1.6rem; padding: 0; } @media screen and (max-width: 767px) { .pageTtl { flex-wrap: wrap; align-content: center; height: calc(100% - 60px); top: 60px; } .pageTtl .en { display:block; width: 100%; } .pageTtl .jp { padding:0; display:block; width: 100%; } .pageTtl .jp::before { content:none; } } /***** refusal *****/ .refusal { text-align: right; margin-top: 30px; } .refusal img { width: 100%; max-width: 300px; margin-left: auto; } @media screen and (max-width: 767px) { .refusal { margin-top: 15px; } .refusal img { max-width: 270px; } } /* social */ .social { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin: 20px auto 0; } .social .bgCircle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fec04b; border-radius: 50%; font-size: 2.6rem; height: 50px; width: 50px; color: #fff; } .social p:not(:first-child) { margin-left: 0.25em;; } .social p:not(:last-child) { margin-right: 0.25em;; } @media screen and (max-width: 767px) { .social .bgCircle { width: 40px; height: 40px; line-height: 40px; font-size: 2.0rem; } .notFound .tiltBox .inner .subTtlA { left: 0; width: 100%; text-align: center;; } } .notFound .oneBox { text-align: center; } .mainVisual .tiltImg .svgWrap { bottom: -1px; } .svgWrapTri, .svgWrap { bottom: -1px; left: -1px; right: -1px; width: calc(100% + 2px); } /* 20210917 */ .feedWrap #sb_instagram svg:not(:root).fa-instagram { width: 2em; } .a2a_kit .a2a_label {display:none !important;} /***** 20210927 refusal *****/ .refusal { line-height: 1; } .refusal img { width: 100%; max-width: 285px; max-height: 14px; vertical-align: top; } @media screen and (max-width: 767px) { .refusal img { max-width: 285px; } } /**** 20220228 *****/ @media screen and (max-width: 767px) { .home .mainVisual { overflow: hidden; } } .leftBg svg, .centerBg svg, .rightBg svg { height: auto; } /**** 20220309 *****/ .siteHeaderInner { height: inherit; } .siteHeaderInner .logo { display: flex; align-items: center; } .siteHeaderInner .logo a { display: inline-block; width: auto; height: auto; line-height: 1; } .siteHeaderInner .logo img { max-width: 200px; max-height: 45px; } /***** 支援課修正 *****/ /***** blogConent *****/ .singleContent a { color: #1a0dab; text-decoration: underline; } .desktop .singleContent a:hover { text-decoration: none; } .singleContent { line-height: 1.8; } .singleContent h1 { font-size: 2.44em; } .singleContent h2 { font-size: 1.95em; } .singleContent h3 { font-size: 1.56em; } .singleContent h4 { font-size: 1.25em; } .singleContent h5 { font-size: 1em; } .singleContent h6 { font-size: 0.8em; } .singleContent h1, .singleContent h2, .singleContent h3 { line-height: 1.4; } .singleContent h4 { line-height: 1.5; } .singleContent h1 { margin-top: 0.67em; margin-bottom: 0.67em; } .singleContent h2 { margin-top: 0.83em; margin-bottom: 0.83em; border-bottom: 1px solid #ccc; } .singleContent h3 { margin-top: 1em; margin-bottom: 1em; padding: 10px; background: #eee; } .singleContent h4 { margin-top: 1.33em; margin-bottom: 1.33em; } .singleContent h5 { margin-top: 1.67em; margin-bottom: 1.67em; } .singleContent h6 { margin-top: 2.33em; margin-bottom: 2.33em; } .singleContent h1, .singleContent h2, .singleContent h3, .singleContent h4, .singleContent h5, .singleContent h6 { color: inherit; font-weight: bold; } .singleContent p { font-size: inherit; line-height: inherit; margin-top: 28px; margin-bottom: 28px; } .singleContent ul, .singleContent ol { margin-bottom: 28px; padding: inherit; padding-left: 1.3em; margin-left: 1.3em; } .singleContent ul ul, .singleContent ul ol, .singleContent ol ul, .singleContent ol ol { margin-bottom: 0; } .singleContent ul li, .singleContent ol li { margin-bottom: initial; } .singleContent ul , .singleContent ul li { list-style-type: disc; } .singleContent ol , .singleContent ol li { list-style-type: decimal; } .singleContent ul ul, .singleContent ol ul , .singleContent ul ul li, .singleContent ol ul li { list-style-type: circle; } .singleContent #toc_container { display: block; margin-bottom: 30px; border: none; } .singleContent .wp-block-audio { margin-left: 0px; margin-right: 0px; } .singleContent .singleContent .wp-block-audio audio { width: 100%; } .singleContent blockquote, .singleContent blockquote.wp-block-quote { font-size: 115%; line-height: 1.5; margin: 32px 0px; padding: 12px 18px; border-left: 2px solid rgba(0, 0, 0, 0.12); } .singleContent .wp-block-quote:not(.is-large):not(.is-style-large) { padding-left: 18px; border-left: 2px solid rgba(0, 0, 0, 0.12); } .singleContent .wp-block-quote__citation, .singleContent .wp-block-quote cite, .singleContent .wp-block-quote footer { display: block; color: rgba(0, 0, 0, 0.4); font-size: 0.85rem; margin-top: 12px; } .singleContent .wp-block-quote cite::before, .singleContent .wp-block-quote footer::before { content: '— ' } .singleContent .wp-block-button { position: relative; box-sizing: border-box; } .desktop .singleContent .wp-block-button__link:hover { opacity: .85; } .desktop .wp-block-latest-posts__post-title:hover { text-decoration: underline; opacity: .85; } .singleContent .wp-block-button.alignwide a { display: block; } .singleContent code, .singleContent pre, .singleContent .wp-block-code { color: #666666; line-height: 1.4; margin: 32px 0px; padding: 12px; border: 2px solid rgba(0, 0, 0, 0.24); box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.12); box-sizing: border-box; border-radius: 3px; } .singleContent .wp-block-cover, .singleContent .wp-block-cover-image { margin-top: 32px; margin-bottom: 32px; } .singleContent .wp-block-cover-image.has-background-dim, .singleContent .wp-block-cover-image.has-background-dim h2 { color: #ffffff; } .singleContent .wp-block-gallery .blocks-gallery-item { margin-left: 0px; margin-right: 0px; padding: 0px; } .singleContent .wp-block-gallery .blocks-gallery-image { margin-left: 0px; margin-right: 0px; } .singleContent .wp-block-gallery .blocks-gallery-image figcaption, .singleContent .wp-block-gallery .blocks-gallery-item figcaption { box-sizing: border-box; } .singleContent .wp-block-image { max-width: none; margin: 32px auto; padding: 0px; } .singleContent img { margin-bottom: auto; } .single .singleContent img:only-child { margin-bottom: auto; } .singleContent img.aligncenter, .singleContent .wp-block-image.aligncenter { display: block; margin: 12px auto; padding: 0px; } .singleContent img.alignnone, .singleContent .wp-block-image.alignnone { display: inline; margin: 12px 0px; padding: 0px; } .singleContent img.alignright, .singleContent .wp-block-image.alignright { display: inline; margin: 16px 0px 16px 24px; padding: 0px; } .singleContent img.alignleft, .singleContent .wp-block-image.alignleft { display: inline; margin: 16px 24px 16px 0px; padding: 0px; } .singleContent table, .singleContent table.wp-block-table { width: 100%; text-align: left; margin: 32px 0px; padding: 0px; border: 1px solid #dddddd; border-spacing: 0; border-collapse: collapse; } .singleContent table p, .singleContent table form, .singleContent table ul, .singleContent table li { margin: 6px 0px; padding: 0px; } .singleContent table thead, .singleContent table tfoot, .singleContent table.wp-block-table thead, .singleContent table.wp-block-table tfoot { border: 1px solid #dddddd; } .singleContent table tbody tr:nth-child(odd) { background: rgba(0, 0, 0, 0.04); } .singleContent table th, .singleContent table.wp-block-table th { font-size: 1.1rem; text-transform: uppercase; margin: 0px; padding: 12px; border: 1px solid #dddddd; box-sizing: border-box; background: rgba(0, 0, 0, 0.04); } .singleContent table td, .singleContent table.wp-block-table td { padding: 12px; margin: 0px; border: 1px solid #dddddd; box-sizing: border-box; } .singleContent table.wp-block-table.is-style-stripes { border-collapse: collapse; } .singleContent table.wp-block-table.is-style-stripes td { border: 1px solid #dddddd; } .singleContent .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper, .singleContent .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper, .singleContent .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper, .singleContent .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper, .singleContent .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper, .singleContent .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper, .singleContent .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper { position: relative } .singleContent .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before, .singleContent .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before, .singleContent .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before, .singleContent .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before, .singleContent .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before, .singleContent .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before, .singleContent .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before { content: ""; display: block; padding-top: 50% } .singleContent .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe, .singleContent .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper iframe, .singleContent .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe, .singleContent .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe, .singleContent .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe, .singleContent .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper iframe, .singleContent .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100% } .singleContent .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before { padding-top: 42.85% } .singleContent .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before { padding-top: 50% } .singleContent .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before { padding-top: 56.25% } .singleContent .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before { padding-top: 75% } .singleContent .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before { padding-top: 100% } .singleContent .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before { padding-top: 177.78% } .singleContent .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before { padding-top: 200% } .singleContent .wp-block-cover-image img.wp-block-cover__image-background, .singleContent .wp-block-cover-image video.wp-block-cover__video-background, .singleContent .wp-block-cover img.wp-block-cover__image-background, .singleContent .wp-block-cover video.wp-block-cover__video-background { width: 100%; height: 100%; max-width: none; } .wp-block-cover-image .wp-block-cover__image-background+img, .wp-block-cover-image .wp-block-cover__background+img, .wp-block-cover-image .wp-block-cover__video-background+video, .wp-block-cover .wp-block-cover__image-background+img, .wp-block-cover .wp-block-cover__background+img, .wp-block-cover .wp-block-cover__video-background+video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding: 0; width: 100%; height: 100%; max-width: none; max-height: none; o-object-fit: cover; object-fit: cover; outline: none; border: none; box-shadow: none; } .singleContent .wp-block-file__button { cursor: pointer; display: inline-block; text-align: center; word-break: break-word; box-sizing: border-box; color: #fff; background-color: #32373c; border-radius: 9999px; box-shadow: none; text-decoration: none; padding: calc(0.667em + 2px) calc(1.333em + 2px); font-size: 1.125em; } .singleContent .wp-block-audio audio { min-width: auto; } .singleContent #toc_container a:link { text-decoration: underline; } .desktop .singleContent #toc_container a:hover { text-decoration: none; } .singleContent #toc_container p.toc_title { text-align: left; font-size: 18px; font-weight: bold; margin-bottom: 1em; } .singleContent #toc_container { width: 100%; background: transparent; border: none; padding: 0; display: block; font-size: 100%; } .singleContent #toc_container .toc_list { width: 100%; padding: 15px; background: #fff; border: 1px solid #e3e3e3; margin-bottom: 30px; } .singleContent #toc_container li:not(:first-child) { margin-top: 15px; } .singleContent #toc_container li ul { margin-top: 15px; } .singleContent #toc_container li a::before { content: "○ "; } .singleContent #toc_container li ul li a::before { content: "・ "; } .singleContent #toc_container ul li:before { content: none; } .singleContent #toc_container .toc_list a { text-decoration: underline; font-size: 16px; color: #151515; } .singleContent #toc_container .toc_list > li > a { font-weight: bold; } @media screen and (max-width: 767px) { .singleContent #toc_container .toc_list a { font-size: 13px; } } /*** h1 ***/ .mainVisual { padding-top: 80px; } @media screen and (max-width: 767px) { .mainVisual { padding-top: 60px; } } .page-title { font-size: 1.5rem; line-height: 1.6; background-color: #151515; color: #fff; padding: 13px 20px; height: 50px; overflow: hidden; } .page-title h1 , .page-title p { font-size: 1.5rem; line-height: 1.6; width: 100%; overflow: hidden; text-overflow: ellipsis; } @media screen and (max-width: 767px) { .page-title { padding: 8px 5%; height: 40px; white-space: nowrap; } .page-title h1 , .page-title p { font-size: 1.2rem; line-height: 2; } } /***** profile *****/ .p-single__writer { background: #f2f2f2; padding: 12px 60px 40px; margin-top: 50px; position: relative; } @media screen and (max-width: 767px) { .p-single__writer { padding: 20px 5vw 20px; margin-top: 30px; } } .p-single__writer-label { position: relative; top: -36px; text-align: center; font-size: 1.5rem; line-height: 1.5; font-weight: 600; letter-spacing: .2rem; color: #000; } @media screen and (max-width: 767px) { .p-single__writer-label { font-size: 1.3rem; top: -30px; } } .p-single__writer-label-ruby { display: block; font-size: 4.0rem; line-height: 1; } @media screen and (max-width: 767px) { .p-single__writer-label-ruby { font-size: 2.4rem; } } .p-single__writer-label-inner { display: block; font-size: 1.8rem; line-height: 1; font-weight: bold; position: relative; margin: 10px 0 0; } @media screen and (max-width: 767px) { .p-single__writer-label-inner { font-size: 1.5rem; } } .p-single__writer-container { display: flex; justify-content: space-between; align-items: flex-start; } @media screen and (max-width: 767px) { .p-single__writer-container { display: block; } } .p-single__writer-fig { width: 100%; max-width: 200px; margin-right: 30px; } @media screen and (max-width: 767px) { .p-single__writer-fig { margin: 0 auto; max-width: 180px; } } .p-single__writer-fig img { margin-bottom: 0; vertical-align: top; width: 100%; max-width: 100%; height: auto; } .p-single__writer-profile { flex: 1; } @media screen and (max-width: 767px) { .p-single__writer-profile { margin-top: 20px; } } .p-single__writer-name { color: #fec04b; line-height: 1; font-weight: bold; padding: 15px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; } @media screen and (max-width: 767px) { .p-single__writer-name { margin-top: 5px; } } .p-single__writer-name-inner { font-size: 2.5rem; line-height: 1.5; color: #000; } @media screen and (max-width: 767px) { .p-single__writer-name-inner { font-size: 1.8rem; margin-right: 1.5rem; } } .p-single__writer-name-ruby { display: inline-block; font-size: 1.5rem; line-height: 1.5; letter-spacing: 0.2rem; margin-left: 1.5rem; } @media screen and (max-width: 767px) { .p-single__writer-name-ruby { margin-left: 0; font-size: 1.2rem; } } .p-single__writer-desc { margin-top: 1.5em; font-size: 1.6rem; line-height: 1.5; word-wrap: break-word; word-break: break-word; } @media screen and (max-width: 767px) { .p-single__writer-desc { font-size: 1.4rem; } } .p-single__writer-link { margin-top: 8px; } .c-text-link { display: inline-block; color: #fff; margin-top: 7px; text-decoration: none; font-size: 1.3rem; background-color: #ffbe22; padding: 2px 14px 2px; } _:-ms-lang(x)::-ms-backdrop, .c-text-link { padding: 4px 14px 0; } .desktop .c-text-link:hover { text-decoration: underline; } @media screen and (max-width: 767px) { .c-text-link { font-size: 1.3rem; } } .c-text-link:not(:last-child) { margin-right: 15px; } .p-single__writer-sns { margin-top: 25px; } .p-single__writer-sns-inner { display: flex; justify-content: flex-start; align-items: center; } .p-single__writer-sns__item:not(:first-child) { margin-left: 1em; } .c-sns-link { display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; font-size: 2rem; vertical-align: middle; } .desktop .c-sns-link:hover { opacity: .85; } .blogTopBtn { margin-top: 50px; } @media screen and (max-width: 767px) { .blogTopBtn { margin-top: 25px; } } /*****c-breadcrumbs*******/ .c-breadcrumbs { padding: 0; position: relative; z-index: 1; text-align: left; } .c-breadcrumbs__list { overflow-x: auto; max-width: 1480px; padding: 0; margin: 0 auto; white-space: nowrap; display: flex; justify-content: flex-start; } .c-breadcrumbs__list-item:not(:last-child)::after { display: inline-block; margin: 0 5px 0 3px; content: " > "; } .c-breadcrumbs__list-item-link { display: inline-block; } .desktop .c-breadcrumbs__list-item-link:hover { text-decoration: underline; } .c-breadcrumbs__list-item-link.-current { pointer-events: none; cursor: text; } .desktop .c-breadcrumbs__list-item-link.-current:hover { text-decoration: none; } figure { margin-bottom: 0; } /* add_to_any */ .snsWrap { text-align: center; margin-top: 65px; padding: 0 40px 40px; } @media screen and (max-width: 767px) { .snsWrap { margin-top: 30px; padding: 10px 5vw 20px; } } .snsWrap .ttlF { position: relative; top: -20px; margin-bottom: 0; text-align: center; font-size: 4.0rem; line-height: 1; font-weight: 400; letter-spacing: .2rem; color: #000; } @media screen and (max-width: 767px) { .snsWrap .ttlF { font-size: 2.4rem; } } .snsWrap .ttlF span { display: block; font-size: 1.8rem; line-height: 1; font-weight: bold; position: relative; margin: 10px 0 0; } @media screen and (max-width: 767px) { .snsWrap .ttlF span { font-size: 1.5rem; } } .a2a_kit a { margin: 0 1vw; padding: 0; } .a2a_mini { width: 312px !important; } .a2a_svg { background: none !important; } .a2a_svg svg { width: 28px; height: 28px; } .a2a_svg svg, .a2a_svg path, .a2a_svg g { fill: #000; } .addtoany_list .a2a_svg svg, .addtoany_list .a2a_svg path, .addtoany_list .a2a_svg g { fill: #000; } .a2a_kit .a2a_label { display: none !important; } .a2a_full { height: 340px !important; } .a2a_full_footer { padding: 18px 14px !important; } .a2a_menu a { font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif !important; color: #000 !important; } .a2a_mini_services { overflow: hidden; padding: 6px !important; } .a2a_menu_show_more_less span { font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif !important; font-size: 14px; font-size: 1.4rem; } .a2a_svg path { fill: #000 !important; } .a2a_s_share1 svg path:first-child { fill: none !important; } /** 20230623 **/ figure {margin-bottom: 0 !important;} .a2a_s_share1 svg path:first-child {fill: #222 !important;}