/*! * jquery-drawer v3.2.0 * Flexible drawer menu using jQuery, iScroll and CSS. * http://git.blivesta.com/drawer * License : MIT * Author : blivesta (http://blivesta.com/) *//*!------------------------------------*\ Base \*!------------------------------------*/@media screen and (min-width:1100px){.drawer-nav{display:none}}@media screen and (max-width:1099px){.nav-logo,.nav-logo p{width:135px;display:block}.nav-logo p,ul.sp-inq li a{transition:all .5s ease 0s}.drawer-brand,ul.drawer-menu li a,ul.drawer-menu li a:hover,ul.sp-inq li a{text-decoration:none}.nav-logo{position:relative;margin:15px auto}.nav-logo p{background-image:url(svg/logo.svg);background-size:135px 49.97px;height:49.97px;opacity:1;-moz-transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s}.drawer-nav{position:fixed;z-index:101;top:0;overflow:hidden;width:320px;width:32rem;height:100%;color:#222;background-color:#fff}ul.drawer-menu>li.first-level,ul.sp-inq li a{position:relative}.drawer-brand{font-size:1.5rem;font-weight:700;line-height:3.75rem;display:block;padding-right:.75rem;padding-left:.75rem;color:#222}.drawer-menu{margin:0;padding:0;list-style:none;border-top:1px solid #f7f7f7}ul.drawer-menu>li.first-level>a{display:block;text-align:left;position:relative;border:1px solid #f7f7f7;border-width:0 0 1px;padding:20px 25px;line-height:1;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s}ul.drawer-menu li:hover{background-color:#f7f7f7;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s}ul.sp-inq{width:100%;margin:15px auto;display:block}ul.sp-inq li{margin:3px auto}ul.sp-inq li a{width:90%;margin:0 auto;display:inline-block;padding:17px 45px 17px 17px;text-align:center;outline:0;z-index:0;overflow:hidden;border:1px solid #32b2cb;-moz-transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s}ul.sp-inq li a::after,ul.sp-inq li a::before{position:absolute;bottom:0;transition:all .5s ease 0s}ul.sp-inq li a:hover{box-shadow:0 10px 18px rgba(0,0,0,.12)}ul.sp-inq li a::before{content:'';left:-10%;width:90%;height:120%;z-index:-1;-moz-transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s}ul.sp-inq li a::after{font-family:FontAwesome;font-size:15px;font-size:1.5rem;background-color:#32b2cb;border-radius:100%;width:27px;height:27px;line-height:27px;top:0;margin:auto 0;right:6%;z-index:0;color:#fff;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s}ul.sp-inq li#sp-tel a::after{content:"\f095"}ul.sp-inq li#sp-reserve a::after{content:"\f08e"}ul.sp-inq li a:hover::after{color:#32b2cb;-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}ul.sp-inq li a span{text-align:left;display:block;font-size:15px;font-size:1.5rem;letter-spacing:.15rem;font-weight:700;color:#32b2cb}.sns-nav{display:table;width:100%;border-bottom:1px solid #f7f7f7}.sns-nav a{width:33.3333%;padding:17px 5px;border-right:1px solid #f7f7f7;display:table-cell;vertical-align:middle;text-align:center}.sns-nav a::last-child{border-right:none}.sns-nav a i{font-size:25px;font-size:2.5rem}.sns-nav a::before{display:none!important}ul.drawer-menu li.open{background-color:#f7f7f7;padding-bottom:17px}ul.drawer-menu li.blank{display:block;height:155px;width:100%}ul.drawer-menu li a{position:relative;text-align:left}ul.drawer-menu li a:before{position:absolute;font-family:FontAwesome;content:"\f105";color:#ccc;font-size:14px;font-size:1.4rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:23px;line-height:1;transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s}ul.drawer-menu li a span.ja{position:relative;display:inline-block;font-size:1.3rem;font-weight:500;color:#000;margin-right:9px;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s}ul.drawer-menu li a span.is{position:relative;padding-left:23px}ul.drawer-menu li a span.is::before{content:"";position:absolute;width:15px;height:1px;background-color:#282828;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}ul.drawer-menu li a span.en{font-family:Quicksand,sans-serif;font-size:13px;font-size:1.3rem;color:#a9a9a9;font-weight:500;display:none}ul.ex-link{display:table}ul.ex-link li{width:calc(100% / 3);display:table-cell;vertical-align:middle}ul.ex-link li a{padding:17px;display:block;text-align:center}}/*!animation */@keyframes slide-in{from{height:0}to{height:auto}}@-moz-keyframes slide-in{from{height:0}to{height:auto}}@-webkit-keyframes slide-in{from{height:0}to{height:auto}}@keyframes slide-out{from{height:auto}to{height:0}}@-moz-keyframes slide-out{from{height:auto}to{height:0}}@-webkit-keyframes slide-out{from{height:auto}to{height:0}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@-moz-keyframes fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-out{from{opacity:1}to{opacity:0}}@-moz-keyframes fade-out{from{opacity:1}to{opacity:0}}@-webkit-keyframes fade-out{from{opacity:1}to{opacity:0}}/*! overlay */.drawer-overlay{position:fixed;z-index:100;top:0;left:0;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.2)}.drawer-open .drawer-overlay{display:block}/*!------------------------------------*\ Top \*!------------------------------------*/.drawer--top .drawer-nav{top:-100%;left:0;width:100%;height:auto;max-height:100%;-webkit-transition:top .6s cubic-bezier(.19,1,.22,1);transition:top .6s cubic-bezier(.19,1,.22,1)}.drawer--top.drawer-open .drawer-nav{top:0}.drawer--top .drawer-hamburger,.drawer--top.drawer-open .drawer-hamburger{right:0}/*!------------------------------------*\ Left \*!------------------------------------*/.drawer--left .drawer-nav{left:320px;left:-32rem;-webkit-transition:left .6s cubic-bezier(.19,1,.22,1);transition:left .6s cubic-bezier(.19,1,.22,1)}.drawer--left .drawer-hamburger,.drawer--left.drawer-open .drawer-nav,.drawer--left.drawer-open .drawer-navbar .drawer-hamburger{left:0}.drawer--left.drawer-open .drawer-hamburger{left:32rem}/*!------------------------------------*\ Right \*!------------------------------------*/@media screen and (min-width:481px) and (max-width:1099px){.drawer--right .drawer-nav{width:320px;width:32rem;right:-32rem;-webkit-transition:all 1.1s cubic-bezier(.19,1,.22,1);transition:all 1.1s cubic-bezier(.19,1,.22,1);background-color:#fff;position:fixed;z-index:9999;top:0;overflow:hidden;height:100%;color:#222}}@media screen and (max-width:480px){.drawer--right .drawer-nav{width:90%;right:-90%;-webkit-transition:all 1.1s cubic-bezier(.19,1,.22,1);transition:all 1.1s cubic-bezier(.19,1,.22,1);background-color:#fff;position:fixed;z-index:9999;top:0;overflow-x:hidden;overflow-y:scroll!important;height:100%;color:#222;padding-bottom:84px}}.drawer--right.drawer-open .drawer-nav,.drawer--right.drawer-open .drawer-navbar .drawer-hamburger{right:0}@media screen and (min-width:481px){.drawer--right.drawer-open .drawer-hamburger{right:32rem;background-color:rgba(255,255,255,1)}}@media screen and (max-width:480px){.drawer--right.drawer-open .drawer-hamburger{right:0;background-color:rgba(255,255,255,1)}}/*!------------------------------------*\ Hamburger \*!------------------------------------*/@media screen and (min-width:1100px){.drawer-hamburger{display:none}}@media screen and (max-width:1099px){.drawer-hamburger{position:fixed;-webkit-box-sizing:border-box;z-index:10000;top:1px;right:0;display:block;box-sizing:content-box;width:25px;width:2.5rem;height:25px;height:2.5rem;margin:0;padding:20px;line-height:100%;color:#fff;border:0;background-color:rgba(255,255,255,.55);cursor:pointer;box-shadow:none;-webkit-transition:all 1.1s cubic-bezier(.19,1,.22,1);transition:all 1.1s cubic-bezier(.19,1,.22,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);outline:0}.drawer-hamburger:hover{cursor:pointer;background-color:rgba(255,255,255,.87)}.drawer-hamburger-icon{position:relative;display:block}.drawer-hamburger:hover .drawer-hamburger-icon{-webkit-transform:scale(1.1);transform:scale(1.1)}.drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before,.drawer-open .drawer-hamburger-icon,.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before{width:100%;height:2px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);background-color:#000}.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{position:absolute;top:-10px;left:0;content:' '}.drawer-hamburger-icon:after{top:10px}.drawer-open .drawer-hamburger-icon{background-color:transparent}.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before{top:0}.drawer-open .drawer-hamburger-icon:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.drawer-open .drawer-hamburger-icon:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}}/*!------------------------------------*\ accessibility \*!------------------------------------*//*! * Only display content to screen readers * See: http://a11yproject.com/posts/how-to-hide-content */.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0}/*! * Use in conjunction with .sr-only to only display content when it's focused. * Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 * Credit: HTML5 Boilerplate */.sr-only-focusable:active,.sr-only-focusable:focus{position:static;overflow:visible;clip:auto;width:auto;height:auto;margin:0}/*!------------------------------------*\ Sidebar \*!------------------------------------*/.drawer--sidebar,.drawer--sidebar .drawer-contents{background-color:#fff}@media (min-width:64em){.drawer--sidebar .drawer-hamburger{display:none;visibility:hidden}.drawer--sidebar .drawer-nav{display:block;-webkit-transform:none;-ms-transform:none;transform:none;position:fixed;width:12.5rem;height:100%}/*! Left */.drawer--sidebar.drawer--left .drawer-nav{left:0;border-right:1px solid #ddd}.drawer--sidebar.drawer--left .drawer-contents{margin-left:12.5rem}/*! Right */.drawer--sidebar.drawer--right .drawer-nav{right:0;border-left:1px solid #ddd}.drawer--sidebar.drawer--right .drawer-contents{margin-right:12.5rem}/*! container */.drawer--sidebar .drawer-container{max-width:48rem}}@media (min-width:75em){.drawer--sidebar .drawer-nav{width:16.25rem}.drawer--sidebar.drawer--left .drawer-contents{margin-left:16.25rem}.drawer--sidebar.drawer--right .drawer-contents{margin-right:16.25rem}/*! container */.drawer--sidebar .drawer-container{max-width:60rem}}/*!------------------------------------*\ Navbar \*!------------------------------------*/.drawer--navbarTopGutter{padding-top:3.75rem}.drawer-navbar .drawer-navbar-header{border-bottom:1px solid #ddd;background-color:#fff}.drawer-navbar{z-index:102;top:0;width:100%}/*! .drawer-navbar modifier */.drawer-navbar--fixed{position:fixed}.drawer-navbar-header{position:relative;z-index:102;box-sizing:border-box;width:100%;height:3.75rem;padding:0 .75rem;text-align:center}.drawer-navbar .drawer-brand{line-height:3.75rem;display:inline-block;padding-top:0;padding-bottom:0;text-decoration:none}.drawer-navbar .drawer-brand:hover{background-color:transparent}.drawer-navbar .drawer-nav{padding-top:3.75rem}.drawer-navbar .drawer-menu{padding-bottom:7.5rem}@media (min-width:64em){.drawer-navbar{height:3.75rem;border-bottom:1px solid #ddd;background-color:#fff}.drawer-navbar .drawer-navbar-header{position:relative;display:block;float:left;width:auto;padding:0;border:0}.drawer-navbar .drawer-menu--right{float:right}.drawer-navbar .drawer-menu li{float:left}.drawer-navbar .drawer-menu-item{line-height:3.75rem;padding-top:0;padding-bottom:0}.drawer-navbar .drawer-hamburger{display:none}.drawer-navbar .drawer-nav{position:relative;left:0;overflow:visible;width:auto;height:3.75rem;padding-top:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.drawer-navbar .drawer-menu{padding:0}/*! dropdown */.drawer-navbar .drawer-dropdown-menu{position:absolute;width:16.25rem;border:1px solid #ddd}.drawer-navbar .drawer-dropdown-menu-item{padding-left:.75rem}.drawer-container{max-width:60rem}}/*!------------------------------------*\ Dropdown \*!------------------------------------*/.drawer-dropdown-menu{display:none;height:0;box-sizing:border-box;width:85%;padding:0;background-color:#fff}.drawer-dropdown-menu>li{width:100%;opacity:1;list-style:none;border-bottom:2px solid #f7f7f7}.drawer-dropdown-menu>li>a{position:relative;display:block;padding:11px 17px!important}.drawer-dropdown-menu>li a span{font-size:12px;font-size:1.2rem;letter-spacing:.17rem}.drawer-dropdown-menu>li>a:before{position:absolute;font-family:FontAwesome;content:"\f105";color:#ccc;font-size:14px;font-size:1.4rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:23px;line-height:1;transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s}.drawer-dropdown-menu-item{line-height:3.75rem;display:block;padding:0 .75rem 0 1.5rem;text-decoration:none;color:#222}.drawer-dropdown-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}li.sns_sp{display:table;margin:0}li.sns_sp:hover{background-color:#fff!important}.sns_sp a{width:25%;vertical-align:top;text-align:center;display:table-cell}.sns_sp a img{width:40%;height:auto}.sns_sp a:hover img{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);-webkit-transition:.7s;-webkit-transform-style:preserve-3d;-moz-transition:.7s;-moz-transform-style:preserve-3d;-o-transition:.7s;-o-transform-style:preserve-3d;transition:.7s;transform-style:preserve-3d}/*! open */.drawer-dropdown.open>.drawer-dropdown-menu{display:block;height:auto;margin:23px auto}.drawer-dropdown.open>.drawer-dropdown-menu li{opacity:1;animation-name:fade-in;-moz-animation-name:fade-in;-webkit-animation-name:fade-in;animation-delay:0s;-moz-animation-delay:0s;-webkit-animation-delay:0s;animation-duration:1.3s;-moz-animation-duration:1.3s;-webkit-animation-duration:1.3s}/*! drawer-caret */.drawer-dropdown>.dropdown_btn{border-left:1px solid #fff!important;position:absolute!important;top:0;right:0;width:54px;height:54px;padding:0!important;background-color:#ccc}.drawer-dropdown .drawer-caret{display:inline-block;width:54px;height:54px;margin:0;-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);vertical-align:middle;background-image:url(../okuyama-photo/svg/dropdown_icon.svg);background-size:37px;background-position:center center;background-repeat:no-repeat}/*! open */.drawer-dropdown.open .drawer-caret{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}/*!------------------------------------*\ Container \*!------------------------------------*/.drawer-container{margin-right:auto;margin-left:auto}@media (min-width:75em){.drawer-container{max-width:70rem}}