@charset "utf-8"; @font-face{font-family:themify;src:url(../font/themify/themify.eot?-fvbane);src:url(../font/themify/themify.eot?#iefix-fvbane) format('embedded-opentype'),url(../font/themify/themify.woff?-fvbane) format('woff'),url(../font/themify/themify.ttf?-fvbane) format('truetype'),url(../font/themify/themify.svg?-fvbane#themify) format('svg');font-weight:400;font-style:normal}[class*=" ti-"],[class^=ti-]{font-family:themify;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ti-wand:before{content:"\e600"}.ti-volume:before{content:"\e601"}.ti-user:before{content:"\e602"}.ti-unlock:before{content:"\e603"}.ti-unlink:before{content:"\e604"}.ti-trash:before{content:"\e605"}.ti-thought:before{content:"\e606"}.ti-target:before{content:"\e607"}.ti-tag:before{content:"\e608"}.ti-tablet:before{content:"\e609"}.ti-star:before{content:"\e60a"}.ti-spray:before{content:"\e60b"}.ti-signal:before{content:"\e60c"}.ti-shopping-cart:before{content:"\e60d"}.ti-shopping-cart-full:before{content:"\e60e"}.ti-settings:before{content:"\e60f"}.ti-search:before{content:"\e610"}.ti-zoom-in:before{content:"\e611"}.ti-zoom-out:before{content:"\e612"}.ti-cut:before{content:"\e613"}.ti-ruler:before{content:"\e614"}.ti-ruler-pencil:before{content:"\e615"}.ti-ruler-alt:before{content:"\e616"}.ti-bookmark:before{content:"\e617"}.ti-bookmark-alt:before{content:"\e618"}.ti-reload:before{content:"\e619"}.ti-plus:before{content:"\e61a"}.ti-pin:before{content:"\e61b"}.ti-pencil:before{content:"\e61c"}.ti-pencil-alt:before{content:"\e61d"}.ti-paint-roller:before{content:"\e61e"}.ti-paint-bucket:before{content:"\e61f"}.ti-na:before{content:"\e620"}.ti-mobile:before{content:"\e621"}.ti-minus:before{content:"\e622"}.ti-medall:before{content:"\e623"}.ti-medall-alt:before{content:"\e624"}.ti-marker:before{content:"\e625"}.ti-marker-alt:before{content:"\e626"}.ti-arrow-up:before{content:"\e627"}.ti-arrow-right:before{content:"\e628"}.ti-arrow-left:before{content:"\e629"}.ti-arrow-down:before{content:"\e62a"}.ti-lock:before{content:"\e62b"}.ti-location-arrow:before{content:"\e62c"}.ti-link:before{content:"\e62d"}.ti-layout:before{content:"\e62e"}.ti-layers:before{content:"\e62f"}.ti-layers-alt:before{content:"\e630"}.ti-key:before{content:"\e631"}.ti-import:before{content:"\e632"}.ti-image:before{content:"\e633"}.ti-heart:before{content:"\e634"}.ti-heart-broken:before{content:"\e635"}.ti-hand-stop:before{content:"\e636"}.ti-hand-open:before{content:"\e637"}.ti-hand-drag:before{content:"\e638"}.ti-folder:before{content:"\e639"}.ti-flag:before{content:"\e63a"}.ti-flag-alt:before{content:"\e63b"}.ti-flag-alt-2:before{content:"\e63c"}.ti-eye:before{content:"\e63d"}.ti-export:before{content:"\e63e"}.ti-exchange-vertical:before{content:"\e63f"}.ti-desktop:before{content:"\e640"}.ti-cup:before{content:"\e641"}.ti-crown:before{content:"\e642"}.ti-comments:before{content:"\e643"}.ti-comment:before{content:"\e644"}.ti-comment-alt:before{content:"\e645"}.ti-close:before{content:"\e646"}.ti-clip:before{content:"\e647"}.ti-angle-up:before{content:"\e648"}.ti-angle-right:before{content:"\e649"}.ti-angle-left:before{content:"\e64a"}.ti-angle-down:before{content:"\e64b"}.ti-check:before{content:"\e64c"}.ti-check-box:before{content:"\e64d"}.ti-camera:before{content:"\e64e"}.ti-announcement:before{content:"\e64f"}.ti-brush:before{content:"\e650"}.ti-briefcase:before{content:"\e651"}.ti-bolt:before{content:"\e652"}.ti-bolt-alt:before{content:"\e653"}.ti-blackboard:before{content:"\e654"}.ti-bag:before{content:"\e655"}.ti-move:before{content:"\e656"}.ti-arrows-vertical:before{content:"\e657"}.ti-arrows-horizontal:before{content:"\e658"}.ti-fullscreen:before{content:"\e659"}.ti-arrow-top-right:before{content:"\e65a"}.ti-arrow-top-left:before{content:"\e65b"}.ti-arrow-circle-up:before{content:"\e65c"}.ti-arrow-circle-right:before{content:"\e65d"}.ti-arrow-circle-left:before{content:"\e65e"}.ti-arrow-circle-down:before{content:"\e65f"}.ti-angle-double-up:before{content:"\e660"}.ti-angle-double-right:before{content:"\e661"}.ti-angle-double-left:before{content:"\e662"}.ti-angle-double-down:before{content:"\e663"}.ti-zip:before{content:"\e664"}.ti-world:before{content:"\e665"}.ti-wheelchair:before{content:"\e666"}.ti-view-list:before{content:"\e667"}.ti-view-list-alt:before{content:"\e668"}.ti-view-grid:before{content:"\e669"}.ti-uppercase:before{content:"\e66a"}.ti-upload:before{content:"\e66b"}.ti-underline:before{content:"\e66c"}.ti-truck:before{content:"\e66d"}.ti-timer:before{content:"\e66e"}.ti-ticket:before{content:"\e66f"}.ti-thumb-up:before{content:"\e670"}.ti-thumb-down:before{content:"\e671"}.ti-text:before{content:"\e672"}.ti-stats-up:before{content:"\e673"}.ti-stats-down:before{content:"\e674"}.ti-split-v:before{content:"\e675"}.ti-split-h:before{content:"\e676"}.ti-smallcap:before{content:"\e677"}.ti-shine:before{content:"\e678"}.ti-shift-right:before{content:"\e679"}.ti-shift-left:before{content:"\e67a"}.ti-shield:before{content:"\e67b"}.ti-notepad:before{content:"\e67c"}.ti-server:before{content:"\e67d"}.ti-quote-right:before{content:"\e67e"}.ti-quote-left:before{content:"\e67f"}.ti-pulse:before{content:"\e680"}.ti-printer:before{content:"\e681"}.ti-power-off:before{content:"\e682"}.ti-plug:before{content:"\e683"}.ti-pie-chart:before{content:"\e684"}.ti-paragraph:before{content:"\e685"}.ti-panel:before{content:"\e686"}.ti-package:before{content:"\e687"}.ti-music:before{content:"\e688"}.ti-music-alt:before{content:"\e689"}.ti-mouse:before{content:"\e68a"}.ti-mouse-alt:before{content:"\e68b"}.ti-money:before{content:"\e68c"}.ti-microphone:before{content:"\e68d"}.ti-menu:before{content:"\e68e"}.ti-menu-alt:before{content:"\e68f"}.ti-map:before{content:"\e690"}.ti-map-alt:before{content:"\e691"}.ti-loop:before{content:"\e692"}.ti-location-pin:before{content:"\e693"}.ti-list:before{content:"\e694"}.ti-light-bulb:before{content:"\e695"}.ti-Italic:before{content:"\e696"}.ti-info:before{content:"\e697"}.ti-infinite:before{content:"\e698"}.ti-id-badge:before{content:"\e699"}.ti-hummer:before{content:"\e69a"}.ti-home:before{content:"\e69b"}.ti-help:before{content:"\e69c"}.ti-headphone:before{content:"\e69d"}.ti-harddrives:before{content:"\e69e"}.ti-harddrive:before{content:"\e69f"}.ti-gift:before{content:"\e6a0"}.ti-game:before{content:"\e6a1"}.ti-filter:before{content:"\e6a2"}.ti-files:before{content:"\e6a3"}.ti-file:before{content:"\e6a4"}.ti-eraser:before{content:"\e6a5"}.ti-envelope:before{content:"\e6a6"}.ti-download:before{content:"\e6a7"}.ti-direction:before{content:"\e6a8"}.ti-direction-alt:before{content:"\e6a9"}.ti-dashboard:before{content:"\e6aa"}.ti-control-stop:before{content:"\e6ab"}.ti-control-shuffle:before{content:"\e6ac"}.ti-control-play:before{content:"\e6ad"}.ti-control-pause:before{content:"\e6ae"}.ti-control-forward:before{content:"\e6af"}.ti-control-backward:before{content:"\e6b0"}.ti-cloud:before{content:"\e6b1"}.ti-cloud-up:before{content:"\e6b2"}.ti-cloud-down:before{content:"\e6b3"}.ti-clipboard:before{content:"\e6b4"}.ti-car:before{content:"\e6b5"}.ti-calendar:before{content:"\e6b6"}.ti-book:before{content:"\e6b7"}.ti-bell:before{content:"\e6b8"}.ti-basketball:before{content:"\e6b9"}.ti-bar-chart:before{content:"\e6ba"}.ti-bar-chart-alt:before{content:"\e6bb"}.ti-back-right:before{content:"\e6bc"}.ti-back-left:before{content:"\e6bd"}.ti-arrows-corner:before{content:"\e6be"}.ti-archive:before{content:"\e6bf"}.ti-anchor:before{content:"\e6c0"}.ti-align-right:before{content:"\e6c1"}.ti-align-left:before{content:"\e6c2"}.ti-align-justify:before{content:"\e6c3"}.ti-align-center:before{content:"\e6c4"}.ti-alert:before{content:"\e6c5"}.ti-alarm-clock:before{content:"\e6c6"}.ti-agenda:before{content:"\e6c7"}.ti-write:before{content:"\e6c8"}.ti-window:before{content:"\e6c9"}.ti-widgetized:before{content:"\e6ca"}.ti-widget:before{content:"\e6cb"}.ti-widget-alt:before{content:"\e6cc"}.ti-wallet:before{content:"\e6cd"}.ti-video-clapper:before{content:"\e6ce"}.ti-video-camera:before{content:"\e6cf"}.ti-vector:before{content:"\e6d0"}.ti-themify-logo:before{content:"\e6d1"}.ti-themify-favicon:before{content:"\e6d2"}.ti-themify-favicon-alt:before{content:"\e6d3"}.ti-support:before{content:"\e6d4"}.ti-stamp:before{content:"\e6d5"}.ti-split-v-alt:before{content:"\e6d6"}.ti-slice:before{content:"\e6d7"}.ti-shortcode:before{content:"\e6d8"}.ti-shift-right-alt:before{content:"\e6d9"}.ti-shift-left-alt:before{content:"\e6da"}.ti-ruler-alt-2:before{content:"\e6db"}.ti-receipt:before{content:"\e6dc"}.ti-pin2:before{content:"\e6dd"}.ti-pin-alt:before{content:"\e6de"}.ti-pencil-alt2:before{content:"\e6df"}.ti-palette:before{content:"\e6e0"}.ti-more:before{content:"\e6e1"}.ti-more-alt:before{content:"\e6e2"}.ti-microphone-alt:before{content:"\e6e3"}.ti-magnet:before{content:"\e6e4"}.ti-line-double:before{content:"\e6e5"}.ti-line-dotted:before{content:"\e6e6"}.ti-line-dashed:before{content:"\e6e7"}.ti-layout-width-full:before{content:"\e6e8"}.ti-layout-width-default:before{content:"\e6e9"}.ti-layout-width-default-alt:before{content:"\e6ea"}.ti-layout-tab:before{content:"\e6eb"}.ti-layout-tab-window:before{content:"\e6ec"}.ti-layout-tab-v:before{content:"\e6ed"}.ti-layout-tab-min:before{content:"\e6ee"}.ti-layout-slider:before{content:"\e6ef"}.ti-layout-slider-alt:before{content:"\e6f0"}.ti-layout-sidebar-right:before{content:"\e6f1"}.ti-layout-sidebar-none:before{content:"\e6f2"}.ti-layout-sidebar-left:before{content:"\e6f3"}.ti-layout-placeholder:before{content:"\e6f4"}.ti-layout-menu:before{content:"\e6f5"}.ti-layout-menu-v:before{content:"\e6f6"}.ti-layout-menu-separated:before{content:"\e6f7"}.ti-layout-menu-full:before{content:"\e6f8"}.ti-layout-media-right-alt:before{content:"\e6f9"}.ti-layout-media-right:before{content:"\e6fa"}.ti-layout-media-overlay:before{content:"\e6fb"}.ti-layout-media-overlay-alt:before{content:"\e6fc"}.ti-layout-media-overlay-alt-2:before{content:"\e6fd"}.ti-layout-media-left-alt:before{content:"\e6fe"}.ti-layout-media-left:before{content:"\e6ff"}.ti-layout-media-center-alt:before{content:"\e700"}.ti-layout-media-center:before{content:"\e701"}.ti-layout-list-thumb:before{content:"\e702"}.ti-layout-list-thumb-alt:before{content:"\e703"}.ti-layout-list-post:before{content:"\e704"}.ti-layout-list-large-image:before{content:"\e705"}.ti-layout-line-solid:before{content:"\e706"}.ti-layout-grid4:before{content:"\e707"}.ti-layout-grid3:before{content:"\e708"}.ti-layout-grid2:before{content:"\e709"}.ti-layout-grid2-thumb:before{content:"\e70a"}.ti-layout-cta-right:before{content:"\e70b"}.ti-layout-cta-left:before{content:"\e70c"}.ti-layout-cta-center:before{content:"\e70d"}.ti-layout-cta-btn-right:before{content:"\e70e"}.ti-layout-cta-btn-left:before{content:"\e70f"}.ti-layout-column4:before{content:"\e710"}.ti-layout-column3:before{content:"\e711"}.ti-layout-column2:before{content:"\e712"}.ti-layout-accordion-separated:before{content:"\e713"}.ti-layout-accordion-merged:before{content:"\e714"}.ti-layout-accordion-list:before{content:"\e715"}.ti-ink-pen:before{content:"\e716"}.ti-info-alt:before{content:"\e717"}.ti-help-alt:before{content:"\e718"}.ti-headphone-alt:before{content:"\e719"}.ti-hand-point-up:before{content:"\e71a"}.ti-hand-point-right:before{content:"\e71b"}.ti-hand-point-left:before{content:"\e71c"}.ti-hand-point-down:before{content:"\e71d"}.ti-gallery:before{content:"\e71e"}.ti-face-smile:before{content:"\e71f"}.ti-face-sad:before{content:"\e720"}.ti-credit-card:before{content:"\e721"}.ti-control-skip-forward:before{content:"\e722"}.ti-control-skip-backward:before{content:"\e723"}.ti-control-record:before{content:"\e724"}.ti-control-eject:before{content:"\e725"}.ti-comments-smiley:before{content:"\e726"}.ti-brush-alt:before{content:"\e727"}.ti-youtube:before{content:"\e728"}.ti-vimeo:before{content:"\e729"}.ti-twitter:before{content:"\e72a"}.ti-time:before{content:"\e72b"}.ti-tumblr:before{content:"\e72c"}.ti-skype:before{content:"\e72d"}.ti-share:before{content:"\e72e"}.ti-share-alt:before{content:"\e72f"}.ti-rocket:before{content:"\e730"}.ti-pinterest:before{content:"\e731"}.ti-new-window:before{content:"\e732"}.ti-microsoft:before{content:"\e733"}.ti-list-ol:before{content:"\e734"}.ti-linkedin:before{content:"\e735"}.ti-layout-sidebar-2:before{content:"\e736"}.ti-layout-grid4-alt:before{content:"\e737"}.ti-layout-grid3-alt:before{content:"\e738"}.ti-layout-grid2-alt:before{content:"\e739"}.ti-layout-column4-alt:before{content:"\e73a"}.ti-layout-column3-alt:before{content:"\e73b"}.ti-layout-column2-alt:before{content:"\e73c"}.ti-instagram:before{content:"\e73d"}.ti-google:before{content:"\e73e"}.ti-github:before{content:"\e73f"}.ti-flickr:before{content:"\e740"}.ti-facebook:before{content:"\e741"}.ti-dropbox:before{content:"\e742"}.ti-dribbble:before{content:"\e743"}.ti-apple:before{content:"\e744"}.ti-android:before{content:"\e745"}.ti-save:before{content:"\e746"}.ti-save-alt:before{content:"\e747"}.ti-yahoo:before{content:"\e748"}.ti-wordpress:before{content:"\e749"}.ti-vimeo-alt:before{content:"\e74a"}.ti-twitter-alt:before{content:"\e74b"}.ti-tumblr-alt:before{content:"\e74c"}.ti-trello:before{content:"\e74d"}.ti-stack-overflow:before{content:"\e74e"}.ti-soundcloud:before{content:"\e74f"}.ti-sharethis:before{content:"\e750"}.ti-sharethis-alt:before{content:"\e751"}.ti-reddit:before{content:"\e752"}.ti-pinterest-alt:before{content:"\e753"}.ti-microsoft-alt:before{content:"\e754"}.ti-linux:before{content:"\e755"}.ti-jsfiddle:before{content:"\e756"}.ti-joomla:before{content:"\e757"}.ti-html5:before{content:"\e758"}.ti-flickr-alt:before{content:"\e759"}.ti-email:before{content:"\e75a"}.ti-drupal:before{content:"\e75b"}.ti-dropbox-alt:before{content:"\e75c"}.ti-css3:before{content:"\e75d"}.ti-rss:before{content:"\e75e"}.ti-rss-alt:before{content:"\e75f"} /* ************************************************************************************************ normalize.css ************************************************************************************************ */ img,legend{border:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body,figure{margin:0}a:focus{outline:dotted thin}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C""\201D""\2018""\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0} /* ************************************************************************************************ Base ************************************************************************************************ */ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* remember: box-sizing is not supported by IE7 :( */ outline: none; vertical-align: top; } html { width: 100%; } html, body { font: normal 1em/2em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin: 0; padding: 0; width: 100%; color: #111; background: #FFF; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:500;} blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;font-weight:500} p { margin: 0; padding: 0; font-weight: normal; } a { color: inherit; outline: none; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } a:focus { outline: none; } button { text-decoration:none; border:none;} /* ----- *::selection ----- */ *::-moz-selection {background: #111;color:#fefefe;} *::selection { background: #111; color: #fefefe; } /* ----- h1,h2,h3,h4,h5 ----- */ h1,h2,h3,h4,h5{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} /* ----- .cf ----- */ /* For modern browsers */ .cf:before, .cf:after { content: ""; display: block; overflow: hidden; } .cf:after { clear: both; } /* For IE 6/7 (trigger hasLayout) */ .cf { zoom: 1; } /* ----- .transition03 ----- */ .transition03 { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .transition05 { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } /* ----- img----- */ img { width: 100%; } /* ----- a ----- */ a { color: inherit; outline: none; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-tap-highlight-color: rgba(0,0,0,0); } a:focus, *:focus { outline: none; text-decoration: none; } a:hover { text-decoration: none; outline: none; } /* ----- p ----- */ p { margin: 0; padding: 0; font-size: 14px; font-weight: 500; line-height: 2.2; letter-spacing: 1px; } p a { border-bottom: #aaa 1px dashed; } p a:hover { background:#fff3f3; color:#BE0014; border-bottom: #fff3f3 1px dashed;} /* スタイルメニュー */ .sub-common-titile { color:#FFFFFF; background: #C8C9C9; font-size: 24px; padding: 5px 5px 5px 10px; text-align: left; margin: 10px 0 20px 0 ; font-weight: 600;} @media only screen and (max-width: 800px) { .sub-common-titile { font-size: 18px; } } @media only screen and (max-width: 738px) { .sub-common-titile { font-size: 16px; padding: 3px 3px 3px 8px; margin: 10px 0 10px 0 ;} } @media only screen and (max-width: 414px) { .sub-common-titile { } } @media only screen and (max-width: 800px) { p { font-size: 13px; line-height: 2; } p a:hover { background: none; color: #111; border-bottom: #aaa 1px dashed;} } @media only screen and (max-width: 738px) { p { font-size: 12px; line-height: 2; } } html {height: 100%;} body {height: 100%;margin: 0;} /* .lazyload,.lazyloading */ .lazyload, .lazyloading {opacity: 0;} .lazyloaded {opacity: 1;transition: opacity 750ms;} /* ************************************************************************************************ Page ************************************************************************************************ */ /* ----------------------------------------------------------- #page ----------------------------------------------------------- */ #page { height:100%; position:relative; z-index:4; } /* ----------------------------------------------------------- #content ----------------------------------------------------------- */ #content { padding-top: 180px; } @media only screen and (max-width: 800px) { #content { padding-top:50px; } } /* ----------------------------------------------------------- #header ----------------------------------------------------------- */ /* transition */ #header, #header .logoArea, #header .logoAreaSmall, #header .snsArea, #header .telArea { -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; } /* #header */ #header, #header:after{ -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; } /* --- #header --- */ #header { height: 180px; position: fixed; top: 0; left:0; right:0; width: 100%; z-index: 1000; background: #FFF; } #header.autofix_sb.fixed { height: 70px; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);} @media only screen and (max-width: 800px) { #header { display: none; } } /* ======== #header .logoArea ======== */ #header .logoArea { position: absolute; top: 0px; left: 50%; z-index: 3; margin-left:-60px; } #header .logoArea h1 { width: 120px; height: 120px; line-height: 0; font-size: 0; margin: 0; } #header .logoArea h1 a { width: 120px; height: 120px; background: url(../images/common/logo.png) center center no-repeat; display: block; position: relative; overflow: hidden;text-indent: -999px; z-index: 1003; } #header .logoArea h1 a:hover { opacity: 0.7; } #header.autofix_sb.fixed .logoArea { top: -90px; opacity: 0; height: 0; } /* ======== #header .logoAreaSmall ======== */ #header .logoAreaSmall { position: absolute; top: -90px; left: 0; z-index: 1002; opacity: 0; } #header .logoAreaSmall h1 { width: 60px; height: 60px; line-height: 0; font-size: 0; margin: 5px; } #header .logoAreaSmall h1 a { width: 60px; height: 60px; background: url(../images/common/logoS.png) center center no-repeat; background-size: 60px 60px; display: block; position: relative; overflow: hidden;text-indent: -999px; z-index: 1003; } #ie9 #header .logoAreaSmall h1 a { background: url(../images/common/logoS.png) center center no-repeat; } #header .logoAreaSmall h1 a:hover { opacity: 0.7; } #header.autofix_sb.fixed .logoAreaSmall { top: 0; opacity: 1; } /* ======== #header .navArea ======== */ #header .navArea { position: absolute; bottom: 0;left: 5%; right:5%; display: block; z-index: 2; text-align:center; } #header .navArea ul.navi { font-size: 0; width: 100%; position: relative; } #header .navArea ul.navi li { display: inline-block; *display: inline;*zoom: 1; margin:0 9px; padding:0 9px; width: auto; height: 60px } #header .navArea ul.navi li a { color: #BE0014; display: block; margin: 0; height: 60px; font-size: 14px; font-weight: 700; letter-spacing: 1.5px; letter-spacing:1px; text-align: center; position: relative; z-index:2; } /* span.en */ #header .navArea ul.navi li span.en { font-size: 14px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 700; letter-spacing:2.5px; line-height:60px;} #header .navArea ul.navi a:hover { color:#7D5717; } #header .navArea ul.navi a:after { position: absolute; bottom: 14px; left: 33%; right: 33%; height: 1px; display: block; content: ""; background: transparent; z-index:-1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /* focus */ #header .navArea ul.navi li:hover a { color:#7D5717; } #header .navArea ul.navi li:hover a:after { left: 0px; right: 0px; background: #7D5717; } #header .navArea ul.navi a:before { position: absolute; bottom: 14px; left: 0; right: 0; height: 1px; display: block; content: ""; background: transparent; z-index:-2; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} #header .navArea ul.navi a:hover:before { left: 33%; right: 33%; background: transparent;} /* ======== .subNav ======== */ .subNav { width: 100.1%; text-align: center; position: absolute; top: 60px; padding:0 2px 10px; left: 0; z-index: -1; overflow: hidden; } .off .subNav { display:none; opacity:0;} .off .subNav .inner { width: 100%; height: 100%; padding: 0; } .subNav .inner { width: 100%; width:auto; margin:0 -2px 0; padding: 15px; overflow: hidden; background: #fefefe; background: url(../images/noise.png) repeat #fefefe; background:#f9fcfd; background:#f6f6f6; -webkit-animation:show 0.2s ease-in 0s;-moz-animation:show 0.2s ease-in 0s;-ms-animation:show 0.2s ease-in 0s;-o-animation:show 0.2s ease-in 0s;animation:show 0.2s ease-in 0s; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); position:relative; z-index:1;} .subNav .inner:before { position:absolute; top:0; left:0; right:50%; bottom:0; content:""; border:#eee 1px solid; border-right:none; z-index:-1; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} .subNav .inner:after { position:absolute; top:0; left:50%; right:0; bottom:0; content:""; border:#eee 1px solid; border-left:none; z-index:-1; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} .off .subNav .inner > * { opacity: 0; } /* ul.inner2 */ #header .navArea ul.navi .subNav ul.inner2 { font-size: 0; margin:0 0 0 1px; text-align: left; position: relative; } #header .navArea ul.navi .subNav ul.inner2 li { width: 50%; height: auto; margin: 0 0 -1px -1px; padding:0; position: relative; z-index: 0;overflow:hidden; background: #eee; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #header .navArea ul.navi .subNav ul.inner2 li:after { position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: block; border: #eee 1px solid; content: ""; z-index: -1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #header .navArea ul.navi .subNav ul.inner2 li:before { position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: block; background: #fefefe; content: ""; z-index: -1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #header .navArea ul.navi .subNav ul.inner2 li:hover:before { background:#EFDECB; } /* ul.inner2 li a */ #header .navArea ul.navi .subNav ul.inner2 li a { display: block; margin: 0; padding: 0; height: 90px; color: #111; line-height: 0; position: relative; text-align: left; } #header .navArea ul.navi .subNav ul.inner2 li a:after { display:none; } #header .navArea ul.navi .subNav ul.inner2 li a:hover { color:#7D5717; } /* .txtArea */ #header .navArea ul.navi .subNav ul.inner2 li a .txtArea { font-size:14px; line-height: 90px; text-align:center; position:relative; letter-spacing:2px; } #header .navArea ul.navi .subNav ul.inner2 li a .txtArea:before { position:absolute; top:0; right:20px; bottom:0; color:#111; font-size:12px; line-height:90px; font-family: 'themify'; content:"\e649"; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} #header .navArea ul.navi .subNav ul.inner2 li a:hover .txtArea:before { color: #7D5717; content: "\e649"; -webkit-transform:translate(5px,0);-moz-transform:translate(5px,0);-o-transform:translate(5px,0);-ms-transform:translate(5px,0);transform:translate(5px,0);} @keyframes show{from{opacity:0}to{opacity:1}}@-moz-keyframes show{from{opacity:0}to{opacity:1}}@-webkit-keyframes show{from{opacity:0}to{opacity:1}}@-o-keyframes show{from{opacity:0}to{opacity:1}}@-ms-keyframes show{from{opacity:0}to{opacity:1}} /* ======== #header .snsArea ======== */ #header .snsArea { position: absolute; top: 17px; left: 25px; z-index: 1001; } #header.autofix_sb.fixed .snsArea { top: -90px; opacity: 0; height: 0; } /* .snsArea ul */ #header .snsArea ul { font-size:0; display:inline-block; } #header .snsArea ul li { display:inline-block; margin:0; text-align:center;} #header .snsArea ul li a { display:block; width:28px; height:30px; font-size:15px; font-size:13px;color:#111; font-weight:normal; position:relative; z-index:0;} #header .snsArea ul li a i { line-height:30px; } #header .snsArea ul li a:hover { font-size:18px; color:#7eccd6;} #header .snsArea ul li a:hover i { -webkit-transform: rotate(360deg) scale(1.1);-moz-transform: rotate(360deg) scale(1.1);-o-transform: rotate(360deg) scale(1.1);-ms-transform: rotate(360deg) scale(1.1);transform: rotate(360deg) scale(1.1);} #header .snsArea ul li a.youtube { font-size:18px; } #header .snsArea ul li a.youtube:hover { font-size:23px;} /* ul.blog */ #header .snsArea ul.blog { position:relative; z-index:1; margin-left:10px; padding-left:18px; } #header .snsArea ul.blog:before { position:absolute; top:10px; left:0; bottom:10px; width:0; content:""; border-left:#111 1px dotted; z-index:-1; } #header .snsArea ul.blog li a { width:auto; height:30px; font-size:12px; font-family: 'Catamaran', sans-serif; font-weight:400; letter-spacing:1.5px; position:relative; z-index:2; } #header .snsArea ul.blog li a:hover {color:#7eccd6;} #header .snsArea ul.blog li a i { font-size:14px; line-height:30px; font-weight:normal; padding-right:3px; } #header .snsArea ul.blog li a:before { position:absolute; bottom:2px; left:0; right:0; height:0; content:""; border-bottom:#ddd 1px dotted; z-index:-2;} #header .snsArea ul.blog li a:after { position:absolute; bottom:2px; left:0; right:100%; height:0; content:""; border-bottom:transparent 1px solid; z-index:-1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #header .snsArea ul.blog li a:hover:after{ right:0; border-bottom:#7eccd6 1px solid; } /* ======== #header .calendarArea ======== */ #header .telArea { position: absolute; top: 14px; right: 25px; z-index:2; } #header.autofix_sb.fixed .telArea { right: 10px; } /* .calendarArea ul */ #header .telArea ul { font-size:0; } #header .telArea ul li { display:inline-block; margin:0; text-align:center; } #header .telArea ul li a { display:block; padding:0 15px 0 40px; height:45px; color: #BE0014; font-size: 14px; font-weight: 700; letter-spacing:1px; line-height:45px; position:relative; z-index:2; } #header .telArea ul li a:hover { color: #BE0014; background:#fff3f3; padding:0 30px 0 50px; } #header .telArea ul li a i { font-size: 16px; line-height:45px; padding-right:7px; font-weight: normal; } #header .telArea ul li a:before, #header .telArea ul li a:after {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} #header .telArea ul li a:before { position: absolute; top: 0; right: 0; left: 0; bottom: 0; content:""; border: dashed #CB1C18 1px; z-index:-1; border: solid #CB1C18 2px; z-index:2; text-align:center; background:url(../images/common/telIcon.png) left center no-repeat; } #header .telArea ul li a:hover:before { right:0px;left:0px; border:transparent 1px dotted; } #header .telArea ul li a:after { position:absolute; top:0; right:15px; bottom:0; font-size: 8px; font-family: 'themify'; content: "\e649"; line-height: 45px; font-style: normal; z-index: 1; opacity:0;} #header .telArea ul li a:hover:after { right:10px; opacity:1;} /* .calendar */ #header .calendarArea ul li .calendar { position:absolute; top:5px; left:5px; bottom:5px; width:35px; border:#ddd 1px dotted; border-top:#ddd double; z-index:2; text-align:center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} #header .calendarArea ul li a:hover .calendar { border:#ff878d 1px dotted; border-top:#ff878d double;} /* .calendarArea p */ #header .calendarArea p { color:#111; font-family: 'Catamaran', sans-serif; font-weight:800; line-height:0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} #header .calendarArea p.month { position:absolute; top:10px; left:0; right:0; font-size:9px; text-transform:uppercase; } #header .calendarArea p.day { position:absolute; left:0; right:0; bottom:10px; font-size:10px; font-family: 'Open Sans', sans-serif; font-weight:400; letter-spacing:0.5px;} #header .calendarArea ul li a:hover p { color:#ff878d; } @media only screen and (max-width: 1050px) { #header .calendarArea ul li a { padding:0 15px 0 40px; } #header .calendarArea ul li a:hover { padding:0 15px 0 40px; } #header .calendarArea ul li .calendar { width:30px;} #header .calendarArea ul li a:after { display:none;} } @media only screen and (max-width: 1024px) { #header .navArea ul.navi li { margin:0 6px; padding:0 6px; } #header .navArea ul.navi li span.en { font-size:12.5px;letter-spacing:1.5px; } } @media only screen and (max-width: 945px) { #header .calendarArea ul li a { padding:0 10px; } #header .calendarArea ul li a:hover { padding:0 10px; } #header .calendarArea ul li .calendar { display:none;} } /* ----------------------------------------------------------- #headerSp ----------------------------------------------------------- */ #headerSp { display: none; } #headerSp { position: fixed; top:0; left:0; right:0; height:70px; background: #FFF; z-index:1000; -moz-box-sizing: border-box; box-sizing: border-box;-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);} @media only screen and (max-width: 800px) { #headerSp { display: block; } } /* ======== #headerSp a.btnMenu ======== */ #headerSp a.btnMenu { position: absolute; top:10px; left:0; display: block; width:60px; height:50px; color:#fefefe; z-index:0; } #headerSp a.btnMenu span.lineTop { position: absolute; top:18px; left:18px; right:18px; height:1px; background:#111; z-index:1; } #headerSp a.btnMenu span.lineMiddle { position: absolute; top:50%; left:18px; right:18px; height:1px; background:#111; z-index:1; } #headerSp a.btnMenu span.lineBottom { position: absolute; bottom:17px; left:18px; right:18px; height:1px; background:#111; z-index:1; } /* ======== #headerSp .logoArea ======== */ #headerSp .logoArea { position: absolute; top:0; left:50%; z-index:1001; margin-left: -45px; } #headerSp .logoArea h1 { width:120px; height:50px; line-height:0; font-size:0; margin:0; } #headerSp .logoArea h1 a { position: relative; display: block; width:70px; height:70px; background:url(../images/common/logoSp.png) center center / 70px 70px no-repeat; overflow: hidden; text-indent:-999px; z-index:1003; } /* ======== #headerSp a.btnTel ======== */ #headerSp a.btnTel { position: absolute; top:0; right:0; display: block; width:70px; height:60px; z-index:0; text-align:center; } #headerSp a.btnTel span.telIcon { position:absolute; top: 5px; left:10px; bottom: 10px; width:50px; border: dashed #CB1C18 1px; border-top: solid #CB1C18 2px; z-index:2; text-align:center; background:url(../images/common/telIcon.png) center center no-repeat; } #headerSp a.btnTel p.spTel { padding: 50px 10px 0 10px; font-size: 9px; color: #CB1C18;} /* ======== #menu .btnClose ======== */ #menu .btnClose { position: absolute; top:0; left:0; width:60px; height:50px; color:#111; overflow: hidden; text-indent:-999px; z-index:100; } #menu .btnClose:before { position: absolute; top:0; right:0; left:0; bottom:0; font-family:'themify'; content:"\e646"; font-size:14px; line-height:52px; text-align: center; text-indent:0; z-index:1; } #menu .btnClose:after { position: absolute; top:7px; left:12px; right:12px; bottom:7px; content:""; border:#111 1px solid; webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; } /* ----------------------------------------------------------- jQuery.mmenu CSS ----------------------------------------------------------- */ #my-menu:not( .mm-menu ) { display: none; } /* jQuery.mmenu oncanvas CSS */ .mm-hidden { display: none !important; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu, .mm-panels, .mm-panels > .mm-panel { margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; letter-spacing: 1px; } .mm-panels > .mm-panel { margin-top: 50px; border-top:#ddd 1px solid; } .mm-menu { box-sizing: border-box; background: inherit; display: block; overflow: hidden; padding: 0; } .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-panel.mm-opened { -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .mm-panel.mm-subopened { -webkit-transform: translate3d(-30%, 0, 0); -moz-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); -o-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } .mm-panel.mm-highest { z-index: 1; } .mm-panels, .mm-panels > .mm-panel { background: inherit; border-color: inherit; } .mm-panels > .mm-panel { background: inherit; border-color: inherit; background:#fafafa;-webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 0 20px; } .mm-panels > .mm-panel.mm-hasnavbar { padding-top: 40px; } .mm-panels > .mm-panel:before, .mm-panels > .mm-panel:after { content: ''; display: block; height: 20px; } .mm-vertical .mm-panel { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .mm-vertical .mm-listview .mm-panel, .mm-listview .mm-vertical .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after, .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after { border-color: transparent; } .mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel { display: block; } /* .mm-listview ul */ .mm-listview ul { background:#fefefe; } .mm-listview, .mm-listview > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-listview { font: inherit; font-size: 11px; line-height: 20px; letter-spacing: 1px; } .mm-listview a, .mm-listview a:hover { text-decoration: none; } .mm-listview > li { position: relative; background:#fefefe;} .mm-listview > li, .mm-listview > li:after, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before { border-color: inherit; border-color: #eee; } .mm-listview > li > a, .mm-listview > li > span.block { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; display: block; padding: 0 10px 0 30px; margin: 0; font-size: 12px; line-height:50px; } .mm-listview > li > a.en { font-size: 13px; font-family: 'Catamaran', sans-serif; font-weight:600; letter-spacing:2.5px;} .mm-listview > li > a.home { position:relative; z-index:1; padding: 0 10px 0 55px; } .mm-listview > li > a.home:before { position:absolute; top:0; left:30px; bottom:0; width:30px; font-size:14px; text-align:left; font-family: 'themify'; content: "\e69b"; font-weight:normal;line-height:45px; } .mm-listview > li > a.calendarArea, .mm-listview > li > a.contact, .mm-listview > li > a.tel { position:relative; z-index:1; padding: 0 10px 0 75px; font-size:12px;letter-spacing:2px; background:url(../images/common/telIcon.png) 30px center no-repeat; } .mm-listview > li > a.tel:hover { background:url(../images/common/telIcon.png) 30px center no-repeat !important;} .mm-listview > li > a.calendarArea span.calendar { position:absolute; top:8px; left:30px; bottom:8px; width:35px; border:#333 1px dotted; border-top:#333 double; z-index:2; text-align:center;} /* .calendarArea p */ .mm-listview > li > a.calendarArea span.calendar p { color:#111; font-family: 'Catamaran', sans-serif; font-weight:800; line-height:0; } .mm-listview > li > a.calendarArea span.calendar p.month { position:absolute; top:0; left:0; right:0; line-height:20px; font-size:9px; text-transform:uppercase; } .mm-listview > li > a.calendarArea span.calendar p.day { position:absolute; left:0; right:0; bottom:0px; line-height:20px;font-size:10px; font-family: 'Open Sans', sans-serif; font-weight:400; letter-spacing:0.5px;} .mm-listview > li > a.contact:before { position:absolute; top:0; left:30px; bottom:0; width:35px; font-size:20px; text-align:center; font-family: 'themify'; content: "\e75a"; font-weight:normal; } .mm-listview > li > a.tel:before{ position:absolute; top:0; left:30px; bottom:0; width:35px; content: ""; background:url(../images/telIconSp.png) center center no-repeat; background-size:20px 20px;} .mm-listview > li > span.block { font-size: 13px; font-family: 'Catamaran', sans-serif; font-weight:600; letter-spacing:2.5px;} .mm-listview > li > span.block b {font-family:'Open Sans'; font-size:0.9em; font-weight:500; vertical-align:0;} .mm-listview > li:not(.mm-divider):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0; } .mm-listview > li:not(.mm-divider):after { left: 20px; left:0; } /* .bgGray */ .mm-listview > li > .bgGray { background:#fafafa;} /* .mm-next */ .mm-listview .mm-next { background: rgba(3, 2, 1, 0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; } .mm-listview .mm-next:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0; } .mm-listview .mm-next + a, .mm-listview .mm-next + span { margin-right: 50px; } .mm-listview .mm-next.mm-fullsubopen { width: 100%; } .mm-listview .mm-next.mm-fullsubopen:before { border-left: none; } .mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span { padding-right: 50px; margin-right: 0; } .mm-panels > .mm-panel > .mm-listview { margin: 20px -20px; } .mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview { margin-top: -20px; } /* .mm-inset */ .mm-listview .mm-inset { list-style: none; padding: 0; margin: 0; } .mm-listview .mm-inset > li { padding: 0; position:relative; z-index:1; } .mm-listview .mm-inset > li:after{ position:absolute; top:0; right:0; left:0; height:0; content:""; border-top:#ededed 1px dashed; z-index:-1; } .mm-listview .mm-inset > li > a { display:block; padding: 0 10px 0 50px; font-size:12px; line-height:45px; letter-spacing:2px; position:relative; } .mm-listview .mm-inset > li > a:before { position:absolute; top:50%; left:30px; width:7px; height:0; content:""; border-top:#7D5717 1px solid; } /* .SNS */ .mm-listview .mm-inset > li.youtubeIcon > a, .mm-listview .mm-inset > li.facebookIcon > a, .mm-listview .mm-inset > li.pinterestIcon > a, .mm-listview .mm-inset > li.instagramIcon > a, .mm-listview .mm-inset > li.blogIcon > a { font-size:12px; font-family: 'Catamaran', sans-serif; font-weight:300;letter-spacing:2px; background:#fafafa; line-height:40px; } .mm-listview .mm-inset > li.youtubeIcon > a:before, .mm-listview .mm-inset > li.facebookIcon > a:before, .mm-listview .mm-inset > li.pinterestIcon > a:before, .mm-listview .mm-inset > li.instagramIcon > a:before, .mm-listview .mm-inset > li.blogIcon > a:before { position: static; width: 20px;height:auto; margin-right:5px; display: inline-block;border-top:none; font-family: 'themify'; font-weight: normal; text-align:center; } .mm-listview .mm-inset > li.youtubeIcon > a:before { font-size:15px; content: "\e728" } .mm-listview .mm-inset > li.facebookIcon > a:before { content: "\e741" } .mm-listview .mm-inset > li.pinterestIcon > a:before { content: "\e731"} .mm-listview .mm-inset > li.instagramIcon > a:before { content: "\e73d" } .mm-listview .mm-inset > li.blogIcon > a:before { font-size:13px; content: "\e61c"} .mm-listview .mm-divider { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; } .mm-listview .mm-spacer { padding-top: 40px; } .mm-listview .mm-spacer > .mm-next { top: 40px; } .mm-listview .mm-spacer.mm-divider { padding-top: 25px; } .mm-prev:before, .mm-next:after, .mm-arrow:after { content: ''; border: 1px solid transparent; display: inline-block; width: 7px; height: 7px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-prev:before { border-right: none; border-bottom: none; left: 23px; } .mm-next:after, .mm-arrow:after { border-top: none; border-left: none; right: 23px; } /* .mm-menu */ .mm-menu { background: #fefefe; border-color: #eee; color: #111; border-right: #ededed 1px solid; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);} .mm-menu .mm-navbar > *, .mm-menu .mm-navbar a { color: rgba(0, 0, 0, 0.3); color: #b09d7c; font-size: 13px; letter-spacing: 2px; } .mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-listview { border-color: rgba(0, 0, 0, 0.1); } .mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-listview > li .mm-arrow:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5); tap-highlight-color: rgba(255, 255, 255, 0.5); } .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.5); } .mm-menu .mm-listview > li.mm-selected > a.tel { background:url(../images/common/telIcon.png) 30px center no-repeat; } .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.05); } .mm-menu .mm-divider { background: rgba(0, 0, 0, 0.05); } /* jQuery.mmenu offcanvas addon CSS */ .mm-page { box-sizing: border-box; position: relative; } .mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-opened { overflow-x: hidden; position: relative; } html.mm-blocking { overflow: hidden; } html.mm-blocking body { overflow: hidden; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; } html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-offcanvas { display: none; position: fixed; } .mm-menu.mm-current { display: block; } .mm-menu { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 550px) { html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0); } } /* jQuery.mmenu autoHeight addon CSS */ .mm-menu.mm-autoheight { max-height: 80%; } .mm-menu.mm-autoheight.mm-fullscreen { max-height: 100%; } .mm-menu.mm-measureheight > .mm-panels > .mm-panel { bottom: auto !important; height: auto !important; } /* jQuery.mmenu counters addon CSS */ em.mm-counter { font: inherit; font-size: 14px; font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 45px; top: 50%; } em.mm-counter { font-size: 12px; letter-spacing: 0; } em.mm-counter + a.mm-next { width: 90px; } em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + span { margin-right: 90px; } em.mm-counter + a.mm-fullsubopen { padding-left: 0; } .mm-vertical > .mm-counter { top: 12px; margin-top: 0; } .mm-vertical.mm-spacer > .mm-counter { margin-top: 40px; } .mm-nosubresults > .mm-counter { display: none; } .mm-menu em.mm-counter { color: rgba(0, 0, 0, 0.3); color: #111; } /* jQuery.mmenu dividers addon CSS */ .mm-divider > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0; line-height: 25px; } .mm-divider.mm-opened a.mm-next:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mm-collapsed:not(.mm-uncollapsed) { display: none; } .mm-fixeddivider { background: inherit; display: none; position: absolute; top: 0; left: 0; right: 0; z-index: 2; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-fixeddivider:after { content: none !important; display: none !important; } .mm-hasdividers .mm-fixeddivider { display: block; } .mm-menu .mm-fixeddivider span { background: rgba(0, 0, 0, 0.05); } /* jQuery.mmenu dragOpen addon CSS */ html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-slideout { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* jQuery.mmenu iconpanels addon CSS */ .mm-iconpanel .mm-panel { -webkit-transition-property: -webkit-transform, left; -moz-transition-property: -moz-transform, left; -ms-transition-property: -ms-transform, left; -o-transition-property: -o-transform, left; transition-property: transform, left; } .mm-iconpanel .mm-panel.mm-opened { border-left: 1px solid; border-color: inherit; } .mm-iconpanel .mm-panel.mm-subopened { overflow-y: hidden; left: -40px; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-iconpanel .mm-panel.mm-iconpanel-0 { left: 0px; } .mm-iconpanel .mm-panel.mm-iconpanel-1 { left: 40px; } .mm-iconpanel .mm-panel.mm-iconpanel-2 { left: 80px; } .mm-iconpanel .mm-panel.mm-iconpanel-3 { left: 120px; } .mm-iconpanel .mm-panel.mm-iconpanel-4 { left: 160px; } .mm-iconpanel .mm-panel.mm-iconpanel-5 { left: 200px; } .mm-iconpanel .mm-panel.mm-iconpanel-6 { left: 240px; } .mm-subblocker { background: inherit; opacity: 0; display: block; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -ms-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .mm-subopened .mm-subblocker { opacity: 0.6; position: absolute; top: 0; right: 0; bottom: -100000px; left: 0; z-index: 3; } /* jQuery.mmenu borderstyle extension CSS */ .mm-menu.mm-border-none .mm-listview > li:after, .mm-listview.mm-border-none > li:after { content: none; } .mm-menu.mm-border-full .mm-listview > li:after, .mm-listview.mm-border-full > li:after { left: 0 !important; } .mm-menu.mm-border-offset .mm-listview > li:after, .mm-listview.mm-border-offset > li:after { right: 20px; } /* jQuery.mmenu multiline extension CSS */ .mm-menu.mm-multiline .mm-listview > li > a, .mm-menu.mm-multiline .mm-listview > li > span, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > a, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > span { text-overflow: clip; white-space: normal; } /* jQuery.mmenu pagedim extension CSS */ html.mm-pagedim #mm-blocker, html.mm-pagedim-white #mm-blocker, html.mm-pagedim-black #mm-blocker { opacity: 0; } html.mm-pagedim.mm-opening #mm-blocker, html.mm-pagedim-white.mm-opening #mm-blocker, html.mm-pagedim-black.mm-opening #mm-blocker { opacity: 0.3; transition: opacity 0.4s ease 0.4s; } html.mm-pagedim #mm-blocker { background: inherit; } html.mm-pagedim-white #mm-blocker { background: #fff; } html.mm-pagedim-black #mm-blocker { background: #000; } /* jQuery.mmenu position extension CSS */ .mm-menu.mm-top, .mm-menu.mm-bottom { width: 100%; min-width: 100%; max-width: 100%; } .mm-menu.mm-right { left: auto; right: 0; } .mm-menu.mm-bottom { top: auto; bottom: 0; } html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-80%, 0); -moz-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); -o-transform: translate(-80%, 0); transform: translate(-80%, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 550px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-440px, 0); -moz-transform: translate(-440px, 0); -ms-transform: translate(-440px, 0); -o-transform: translate(-440px, 0); transform: translate(-440px, 0); } } /* jQuery.mmenu z-position extension CSS */ html.mm-front .mm-slideout { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; z-index: 0 !important; } .mm-menu.mm-front { /*z-index: 1;*/ z-index: 20;} .mm-menu.mm-front, .mm-menu.mm-next { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* ----------------------------------------------------------- #footer ----------------------------------------------------------- */ #footer { padding-top:90px; background: #BE0014; z-index:1;} #footer:before { position:absolute; top:-1px; left:5%; right:5%; height:0; content:""; border-top:#ededed 1px solid; z-index:2; } /* ----- h3 ----- */ #footer h3 { color: #BE0014; font-size:14px; font-weight: 700; letter-spacing:3px; line-height:2; text-align:center; margin-bottom:20px; } @media only screen and (max-width: 800px) { #footer { padding-top:80px;} } @media only screen and (max-width: 738px) { #footer { padding-top:70px; } #footer h3 { margin-bottom:15px; } } @media only screen and (max-width: 414px) { #footer { padding-top:60px;} } /* ----- .inner ----- */ #footer .inner { padding:50px 0; margin:0 5%; background:#fefefe; } /* ----- .infoArea ----- */ #footer .infoArea { font-size:0; z-index:2; position:relative; } /* ----- .infoBox ----- */ #footer .infoBox { display:inline-block; margin:0; width:33.333%; padding:5px 2.5%; position: relative; z-index:0;} #footer .infoBox:after { position:absolute; top:0; right:0; bottom:0; width:0; content:""; border-right:#ededed 1px solid; z-index:0; } #footer .infoBox:last-child:after { display:none;} /* .txtArea */ #footer .aboutBox .txtArea { margin-top:20px; } #footer .aboutBox h1 { width:100%; height:100px; background: url(../images/common/logo.png) center center no-repeat; background-size:100px 100px; margin-top:-20px; } #footer .aboutBox p { font-size:12px; } /* .imgArea */ #footer .accessBox .imgArea { float:left; width:30%; } /* .txtArea */ #footer .accessBox .txtArea { width:100%; } #footer .accessBox p { font-size:12px; margin-top:-0.5em;} /* .linkArea */ #footer .accessBox .linkArea { margin-top:10px; text-align:left; } #footer .accessBox .linkArea .btnGoogle { display: inline-block; padding: 0 20px 0 30px; margin:0; font-size: 11px; text-decoration: none; text-align:center; line-height: 30px; letter-spacing: 1px; position: relative; color:#111; background:#fefefe; border:#111 1px solid; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; max-width:100%; } #footer .accessBox .linkArea .btnGoogle:after { font-family: 'themify'; content: "\e693"; font-size: 13px; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0; left: 10px; z-index: 1; line-height: 30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #footer .accessBox .linkArea .btnGoogle:hover { color:#7eccd6; background:#f0fafe; border:#7eccd6 1px solid;border:#f0fafe 1px solid; } /* .contactBox */ #footer .contactBox .imgArea { float:left; width:30%; display:none; } #footer .contactBox .txtArea { float:right; width:62.5%; width:100%; } #footer .contactBox h4 { font-size:12px; font-weight:normal; line-height:2.2; letter-spacing: 1px; margin-top:-0.5em; text-align:center;} /* .contactBox ul */ #footer .contactBox ul { } #footer .contactBox ul li { display:block; margin:5px 0 0; text-align:center; position:relative; z-index:1; } #footer .contactBox ul li a, #footer .contactBox ul li span { display:block; line-height:50px; position:relative; z-index:2;} #footer .contactBox ul li .tel { color:#111; border:#111 1px dashed; font-size:16px;font-weight:600; letter-spacing:2px;} #footer .contactBox ul li .tel:before { position:absolute; top:0; left:20px; bottom:0; width:25px; content:""; background:url(../images/telIcon.png) left center no-repeat; } /* .mail */ #footer .contactBox ul li .mail { color:#111; border:#111 1px solid; font-size:13px; font-weight:500; letter-spacing:1px; } #footer .contactBox ul li .mail:before { position:absolute; top:0; left:21px; bottom:0; width:25px; font-size:20px; text-align:left; font-family: 'themify'; content: "\e75a"; font-weight:normal; } #footer .contactBox ul li .mail:hover { color:#ff878d; background:#fff1f1; border:#fff1f1 1px solid;} #footer .contactBox ul li .mail:after { position:absolute; top:0; bottom:0; right:15px; font-size:10px; font-family: 'themify'; content: "\e649"; font-weight:normal; opacity:0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} #footer .contactBox ul li .mail:hover:after { opacity:1;-webkit-transform: translate(5px, 0px);-moz-transform: translate(5px, 0px);-o-transform: translate(5px, 0px);-ms-transform: translate(5px, 0px);transform: translate(5px, 0px); } @media only screen and (max-width: 945px) { #footer .contactBox ul li .tel { font-size:14px; letter-spacing:1.5px;} #footer .contactBox ul li .tel:before { left:10px; } #footer .contactBox ul li .mail { font-size:12px; } #footer .contactBox ul li .mail:before { left:10px; } } @media only screen and (max-width: 800px) { /* ----- .inner ----- */ #footer .inner { padding:50px 0; margin:0 5%; background:#fefefe; } /* ----- .infoArea ----- */ #footer .infoArea { font-size:0; z-index:2; position:relative; } /* ----- .infoBox ----- */ #footer .infoBox { width:50%; padding:5px 5%; } #footer .infoBox:last-child { width:100%; margin-top:25px; padding-top:25px; border-top:#ededed 1px solid; } #footer .infoBox:after { position:absolute; top:0; right:0; bottom:0; width:0; content:""; border-right:#ededed 1px solid; z-index:0; } #footer .infoBox:nth-child(2):after { display:none;} #footer .aboutBox h1 { width:100%; height:80px; background:url(../images/common/logo.png) center center no-repeat; margin-top:-20px; background-size:80px 80px; } /* .linkArea */ #footer .accessBox .linkArea .btnGoogle:hover { color:#111; background:#fefefe; border:#111 1px solid; } /* .contactBox ul */ #footer .contactBox ul { font-size:0; margin:10px -1% 0; } #footer .contactBox ul li { display:inline-block; margin:5px 1% 0; width:48%; } #footer .contactBox ul li a, #footer .contactBox ul li span { display:block; line-height:50px; position:relative; z-index:2;} #footer .contactBox ul li .tel { color:#111; border:#111 1px dashed; font-size:16px;font-weight:600; letter-spacing:2px;} #footer .contactBox ul li .tel:before { position:absolute; top:0; left:20px; bottom:0; width:25px; content:""; background:url(../images/telIcon.png) left center no-repeat; } /* .mail */ #footer .contactBox ul li .mail { color:#111; border:#111 1px solid; font-size:13px; font-weight:500; letter-spacing:1px; } #footer .contactBox ul li .mail:before { position:absolute; top:0; left:21px; bottom:0; width:25px; font-size:20px; text-align:left; font-family: 'themify'; content: "\e75a"; font-weight:normal; } #footer .contactBox ul li .mail:hover {color:#111; border:#111 1px solid; background:none;} #footer .contactBox ul li .mail:after { display:none; } } @media only screen and (max-width: 738px) { /* ----- .inner ----- */ #footer .inner { padding:20px 0; margin:0 5%;} /* ----- .infoBox ----- */ #footer .infoBox { display:block; margin:0; width:100%; padding:25px 5%;} #footer .infoBox:after { position:absolute; top:auto; right:0; bottom:0; left:0; width:100%; border-right:none; border-bottom:#ededed 1px solid; } /* .contactBox */ #footer .contactBox h4 { font-size:12px; font-weight:normal; line-height:2.2; letter-spacing: 1px; margin-top:-0.5em; text-align:center;} #footer .contactBox ul { font-size:0; margin:5px -1% 0; text-align:center; } #footer .contactBox ul li { margin:10px 1% 0; min-width:250px; } #footer .contactBox ul li a, #footer .contactBox ul li span { line-height: 45px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;} #footer .contactBox ul li .tel { font-size:14px; letter-spacing:1.5px;} #footer .contactBox ul li .tel:before { left:10px; width:20px; background:url(../images/telIconSp.png) left center no-repeat; background-size:20px 20px;} #footer .contactBox ul li .mail { font-size:12px; } #footer .contactBox ul li .mail:before { left:10px; } } @media only screen and (max-width: 414px) { #footer .infoBox:first-child { padding:25px 7.5%;} #footer .accessBox p { font-size:11px; margin-top:-0.5em; line-height:1.9;} } /* ----- .inner2 ----- */ #footer .inner2 { padding:40px 0; margin:0 5%; border-top:#ededed 1px solid; background:#fefefe; position:relative; z-index:1;} /* ----- .sitemapArea ----- */ #footer .sitemapArea { font-size:0; } /* .sitemapBox */ #footer .sitemapBox { display: inline-block; margin: 0; width: 33.333%; padding: 5px 2.5%; position: relative; z-index: 0; } #footer .sitemapBox h3 { text-align: center; color: #BE0014; margin-bottom: 10px; } #footer .sitemapBox:after { position:absolute; top:0; right:0; bottom:0; width:0; content:""; border-right:#ededed 1px solid; z-index:0; } #footer .sitemapBox:last-child:after { display:none;} /* ul */ #footer .sitemapBox ul { padding:0; } #footer .sitemapBox ul li { display:block; margin:0; padding:0; font-size:12px; letter-spacing:1px; } #footer .sitemapBox ul li a { display:inline-block; position:relative; z-index:1;line-height:30px; padding-left:15px; } #footer .sitemapBox ul li a:before { position:absolute; top:0; left:0; bottom:0; margin:auto 0; content:""; width:5px; height:1px; background:#3E3A39; z-index:2;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #footer .sitemapBox ul li a:hover { color:#7D5717; } #footer .sitemapBox ul li a:after { position:absolute; bottom: 0px; left: 33%; right: 33%; height:1px; content:""; background: transparent; z-index:-1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #footer .sitemapBox ul li a:hover:after { left:0; right:0; background:#7D5717;} #footer .sitemapBox ul.sns li a:before { display: none;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #footer .sitemapBox ul.sns li a { padding-left: 0px; } /* ----- ul.calendar ----- */ #footer .sitemapBox ul.calendar { margin-top:15px; } @media only screen and (max-width: 738px) { /* ----- .inner ----- */ #footer .inner2 { padding:25px 5% 45px; margin:0 5%; background:#f5f5f5; background:#fefefe; border-top:#ededed 1px solid;} /* ----- .sitemapArea ----- */ #footer .sitemapArea { font-size:0; } /* .sitemapBox */ #footer .sitemapBox { display:block; margin:0; width:100%;} #footer .sitemapBox:after { display:none; } /* ul */ #footer .sitemapBox ul li a:hover { color: #7D5717; } #footer .sitemapBox ul li a:after { display:none; } #footer .sitemapBox ul { margin: 0; padding:0; font-size:0; text-align:left; position:relative; } #footer .sitemapBox ul li { display:inline-block; margin:0; width:50%; padding:0; border: transparent 1px solid; font-size:10px; line-height:40px; text-align:center; } #footer .sitemapBox ul li a { display:block; position:relative; z-index:1; padding-left:0; letter-spacing:0.5px;line-height:40px; background:#f5f5f5;} #footer .sitemapBox ul li a:before { position:absolute; top:0; left:auto; right:8px; bottom:0; margin:0; font-family: 'themify'; content: "\e649"; font-size: 6px; width:auto; height:100%; background:none; z-index:1; } #footer .sitemapBox ul.calendar { margin-top:20px; } #footer .sitemapBox ul.home li, #footer .sitemapBox ul.calendar li, #footer .sitemapBox ul.privacy li { width:100%; } #footer .sitemapBox ul.home:before, #footer .sitemapBox ul.photography:before, #footer .sitemapBox ul.movie:before, #footer .sitemapBox ul.about:before, #footer .sitemapBox ul.staff:before, #footer .sitemapBox ul.calendar:before, #footer .sitemapBox ul.privacy:before { display:block; margin-bottom:15px; content:"Photography"; font-size:12px; font-family: 'Catamaran', sans-serif;font-weight:700; letter-spacing:3px; line-height:1;text-transform:uppercase; text-align:center; } #footer .sitemapBox ul.home:before {content:"Home"; } #footer .sitemapBox ul.photography:before {content:"Photography"; } #footer .sitemapBox ul.movie:before{content:"Movie"; } #footer .sitemapBox ul.about:before{content:"About"; } #footer .sitemapBox ul.staff:before{content:"Staff"; } #footer .sitemapBox ul.calendar:before{content:"Calendar"; } #footer .sitemapBox ul.privacy:before { content:"Privacy Policy";} } @media only screen and (max-width: 320px) { #footer .sitemapBox ul li a { letter-spacing:0;} #footer .sitemapBox ul li a:before { display:none;} } /* ----- .inner3 ----- */ #footer .inner3 { padding:40px 0; margin:0 5%; background: #fefefe; border-top:#ededed 1px solid;text-align:center;position:relative; z-index:1;} /* ul.sns */ #footer .inner2 ul.sns { font-size:0;} #footer .inner2 ul.sns li { position:relative; z-index:2; line-height:30px; } #footer .inner2 ul.sns li:last-child:after { display:none;} #footer .inner2 ul.sns li a { font-size:12px; font-family: 'Catamaran', sans-serif; font-weight:300;letter-spacing:2px;} #footer .inner2 ul.sns li a span { position:relative; z-index:1; } #footer .inner2 ul.sns li a i { font-size:13px;line-height:30px; padding-right:5px; } #footer .inner2 ul.sns li a.youtube i { font-size:18px; } #footer .inner2 ul.sns li a:hover { color:#7D5717;} #footer .inner2 ul.sns li a span:after { position:absolute; bottom:-5px; left: 33%; right: 33%; height:1px; content:""; background: transparent; z-index:-1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #footer .inner2 ul.sns li a:hover span:after { left:0; right:0; background:#7D5717;} @media only screen and (max-width: 945px) { #footer .inner3 ul.sns { padding:0; } } @media only screen and (max-width: 800px) { #footer .inner3 ul.sns li a { letter-spacing:1.5px;} #footer .inner3 ul.sns li a:hover { color:#111;} #footer .inner3 ul.sns li a span:after { display:none; } } @media only screen and (max-width: 738px) { #footer .inner3 { padding:25px 5% 45px; margin:0 5%;} /* ul.sns */ #footer .inner3 ul.sns { font-size:0; text-align:left; padding:0; margin:-10px -1% 0; } #footer .inner3 ul.sns li { display:inline-block; width:31.333%; margin:10px 1% 0; position:relative; z-index:2; line-height:1; } #footer .inner3 ul.sns li:after { display:none;} #footer .inner3 ul.sns li:last-child:after { display:none;} #footer .inner3 ul.sns li a { background:#f0f0f0; line-height:40px; height:40px; display:block; text-align:center; font-size:11px; letter-spacing:0.5px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;} #footer .inner3 ul.sns li a i { font-size:12px;line-height:40px; padding-right:5px; margin-left:-8px;} #footer .inner3 ul.sns li a.youtube i { font-size:13px; } } @media only screen and (max-width: 414px) { #footer .inner3 ul.sns { margin:-5px -1% 0; } #footer .inner3 ul.sns li { width:48%; margin:5px 1% 0; } #footer .inner3 ul.sns li a { line-height:35px; height:35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px;} #footer .inner3 ul.sns li a i { line-height:35px;} } /* ----- .copyrightArea ----- */ #footer .copyrightArea { padding:30px 5%; text-align:center; position:relative; z-index:1; } #footer .copyrightArea p { font-size:11px; line-height:2.2; letter-spacing:1px; } #footer .copyrightArea p.copyright { font-size: 12px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:300;letter-spacing:1.5px; color: #FFF;} #footer .copyrightArea p.copyright span { font-size:13px; vertical-align: 0 ; font-family:'Open Sans';} @media only screen and (max-width: 738px) { #footer .copyrightArea { padding:35px 5% 45px; } #footer .copyrightArea:before { position:absolute; top:-1px; left:5%; right:5%; height:0; content:""; border-top:#ededed 1px solid; z-index:2; } #footer .copyrightArea p.copyright { letter-spacing:1px;} #footer .copyrightArea p.copyright span { font-size:12px; vertical-align: 0 ; font-family:'Open Sans';} } /* --- .shareArea --- */ #footer .shareArea { position: absolute; top:40px; left:5%; } /* --- .snsBtnArea --- */ #footer .shareArea ul { font-size:0; text-align: left; margin:0; } #footer .shareArea ul li { display: inline-block; width:100px; text-align: center; margin:0 5px 0 0; } #footer .shareArea ul li a { position: relative; display: block; height:30px; font-size:11px; font-weight: 500; letter-spacing:1px; line-height:30px; color:#111; background:#fefefe; margin:0 auto; padding:0 0 0 10px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;} #footer .shareArea ul li a:before { position: absolute; top:0; left:10px; bottom:0; display: block; font-size:13px; font-family:'themify'; font-weight: normal; line-height:30px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; } #footer .shareArea ul li a.twitterBtn:before { content:"\e74b"; color:#1da1f2;} #footer .shareArea ul li a.twitterBtn:hover { color:#fefefe; background: url(../images/noise.png) repeat #1da1f2;} #footer .shareArea ul li a.twitterBtn:hover:before { color:#fefefe; } #footer .shareArea ul li a.facebookBtn:before { content:"\e741"; color:#3765a3; } #footer .shareArea ul li a.facebookBtn:hover { color:#fefefe; background: url(../images/noise.png) repeat #3765a3;} #footer .shareArea ul li a.facebookBtn:hover:before { color:#fefefe; } @media only screen and (max-width: 800px) { #footer .shareArea { position: static; margin-bottom:15px; } #footer .shareArea ul { font-size:0; text-align: center; margin:0; } #footer .shareArea ul li { margin:0 1%; } #footer .shareArea ul li a.twitterBtn:hover { color:#111; background:#fefefe;} #footer .shareArea ul li a.twitterBtn:hover:before { color:#1da1f2; } #footer .shareArea ul li a.facebookBtn:hover { color:#111; background:#fefefe;} #footer .shareArea ul li a.facebookBtn:hover:before { color:#3765a3; } } @media only screen and (max-width: 738px) { #footer .shareArea { position: static; margin-bottom:15px; } /* --- .snsBtnArea --- */ #footer .shareArea ul { font-size:0; text-align: center; margin:0; } #footer .shareArea ul li { display: inline-block; width:120px; text-align: center; margin:0 1%; } #footer .shareArea ul li a {-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);} } /* ========================================================================== .linkArea ========================================================================== */ .linkArea { text-align: center; margin-top: 40px; } /* .btn */ .btn { display: inline-block; width:275px; max-width:100%; padding: 0; margin:0 10px; color:#BE0014; background: #FFF; border:#BE0014 3px solid; font-size: 16px; text-decoration: none; text-align:center; font-weight:500; line-height: 55px; letter-spacing: 1px; position: relative; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;} .btn:after { font-family: 'themify'; content: "\e649"; font-size: 10px; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0; right: 15px; z-index: 1; line-height: 55px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .btn:hover { color:#fff; background: #BE0014; border:#BE0014 3px solid; } .btn:hover:after { right: 10px; } /* .btnBorder */ .btnBorder { color:#111; background:none; } .btnBorder:hover { color:#ff878d; background:none; border:#f6bac3 1px solid;} /* .btnSmall */ .btnSmall { font-size: 13px; line-height:40px; width:200px; max-width:100%; border:#111 1px solid; } .btnSmall:after { line-height:40px; } .btnSmall:hover { border:#f6bac3 1px solid; } /* .btnSmall */ .btnSmallBorder { font-size: 13px; line-height:40px; width:200px; max-width:100%; color:#111; background:none; border:#111 1px solid; } .btnSmallBorder:after { line-height:40px; } .btnSmallBorder:hover { color:#ff878d; background: #fff1f1;background:none; border:#f6bac3 1px solid; } /* .btnBlue */ .btnBlue:hover { color:#fefefe; background:#7eccd6; border:#7eccd6 1px solid; } /* .btnBlueBorder */ .btnBlueBorder:hover { color:#7eccd6; background:#f0fafe;background:none; border:#7eccd6 1px solid; } @media only screen and (max-width: 800px) { .linkArea { margin-top: 30px; } /* .btn */ .btn { margin:10px 1% 0; font-size: 14px;line-height: 50px; width:275px; max-width:100%; } .btn:after { line-height: 50px; right: 10px;} .btn:hover { color:#fff; background: #BE0014; border:#BE0014 3px solid; } /* .btnBorder */ .btnBorder:hover { color:#111; background:none; border:#111 1px solid;} /* .btnSmall */ .btnSmall { line-height:45px; width:220px; max-width:100%; } .btnSmall:after { line-height:45px; } .btnSmall:hover { border:#111 1px solid; } } @media only screen and (max-width: 738px) { .linkArea { margin-top: 25px; } /* .btn */ .btn { font-size: 14px;line-height: 45px; width:250px; max-width:100%; } .btn:after { line-height: 45px; } .btnSmall { line-height:40px; width:180px; max-width:100%; } .btnSmall:after { line-height:40px; } } @media only screen and (max-width: 414px) { .btn { font-size: 14px; width:230px; } } /* ---------------------------------------------------------- #preloader ---------------------------------------------------------- */ #preloader { position: fixed; top:0; left:0; right:0; bottom:0; display: block; background:#fefefe; z-index:99998; } /* .spinner */ .spinner { position: absolute; left:0; right:0; bottom:0; top:0; width:70px; height:70px; margin: auto; text-indent:-9999px; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #999; border-left:1px solid #999; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: spin .5s linear infinite; -moz-animation: spin .5s linear infinite; -ms-animation: spin .5s linear infinite; -o-animation: spin .5s linear infinite; animation: spin .5s linear infinite } @-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes spin{0%{-moz-transform:rotate(0)}100%{-moz-transform:rotate(360deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0)}100%{-ms-transform:rotate(360deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0)}100%{-o-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media screen and (max-width:768px){.spinner{width:50px;height:50px}}@media screen and (max-width:414px){.spinner{width:40px;height:40px}} /* ----------------------------------------------------------- .central ----------------------------------------------------------- */ .central { max-width: 1200px; margin: 0 auto; position: relative; } /* ----------------------------------------------------------- #innerBorder ----------------------------------------------------------- */ #innerBorder { padding:20px 0; position:relative; z-index:1; border-top: solid 2px #BE0014;} @media only screen and (max-width: 800px) { #breadcrumb { padding:20px 5%; border-top:none;} #breadcrumb:before { display:none;} #breadcrumb li a { border-bottom: #fec6c7 1px solid; } #breadcrumb li a:hover:after { display:none;} #breadcrumb li a:hover { color:#111; border-bottom: #fec6c7 1px solid;} } @media only screen and (max-width: 414px) { #breadcrumb ol { font-size: 0; margin: -10px auto 0; padding: 0; display:block; text-align:left; } #breadcrumb li { font-size: 9.5px; margin: 10px 0 0; padding: 0; letter-spacing: 1px;} #breadcrumb li:after { margin: 0 5px;} #breadcrumb li:last-child {overflow: hidden;text-overflow: ellipsis; white-space: nowrap; width:10em;} #breadcrumb li:first-child a { font-size:0; width:auto; } #breadcrumb li:first-child a:before {padding-right:0; font-size: 10px;} } @media only screen and (max-width: 320px) { #breadcrumb li:last-child { width:6em;} } /* ----------------------------------------------------------- #headline ----------------------------------------------------------- */ #headline { margin:0 10% 1.5em; height: 250px; position:relative; z-index:1; } #headline:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background: #111; opacity: 0.2; z-index: 2; } #headline:before { position: absolute; top: 15px; left: 15px; right: 15px; bottom: 0; content: ""; z-index: 3; opacity:0.4; } #headline .inner { position: absolute; top: 50%; left: 50%; width:90%; max-width: 100%; display: inline-block; color:#fefefe; text-align: center; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index:4;} #headline h2.en { font-size: 45px; font-family: Arial, Helvetica, sans-serif; font-weight: 800; line-height: 1; letter-spacing: 2px; position: relative; z-index: 3; } #headline h2.jp { font-size: 15px; font-weight: bold; letter-spacing: 5px; line-height: 1; margin-top: 20px; position: relative; z-index: 3; } @media only screen and (max-width: 1024px) { #headline { height:350px; } } @media only screen and (max-width: 800px) { #headline { height:300px; } #headline h2.en { font-size: 35px; letter-spacing: 4px; position: relative; z-index: 3; } #headline h2.jp { font-size: 14px; font-weight: bold; letter-spacing: 4px; line-height: 1; margin-top: 15px; position: relative; z-index: 3; } } @media only screen and (max-width: 738px) { #headline { margin:0 ;height:250px; } #headline:before { top: 10px; left: 10px; right: 10px; display:none; } #headline:after { opacity: 0.3; } #headline h2.en { font-size: 30px; letter-spacing: 3px; position: relative; z-index: 3; } } @media only screen and (max-width: 414px) { #headline { height:200px; } #headline h2.en { font-size: 23px; letter-spacing: 3px; position: relative; z-index: 3; } #headline h2.jp { font-size: 12px; font-weight: bold; letter-spacing: 3px; line-height: 1; margin-top: 10px; position: relative; z-index: 3; } } /* ----------------------------------------------------------- .headlineImg ----------------------------------------------------------- */ /* system */ .headlineImgSystem { background: url(../images/system/main.jpg) center center no-repeat; background-size:cover; } /* course */ .headlineImgCourse { background: url(../images/course/main.jpg) center center no-repeat; background-size:cover; } /* recruit */ .headlineImgRecruit { background: url(../images/recruit/main.jpg) center center no-repeat; background-size:cover; } @media only screen and (max-width: 738px) { /* photography */ .headlineImgPhotography { background: url(../images/photography/headline_photographySp.jpg) center center no-repeat; background-size:cover; } /* location */ .headlineImgPhotography_location { background: url(../images/photography/headline_locationSp.jpg) bottom center no-repeat; background-size:cover; } .headlineImgPhotography_location_dress { background: url(../images/photography/headline_location_dressSp.jpg) center left no-repeat; background-size:cover; } .headlineImgPhotography_location_kimono { background: url(../images/photography/headline_location_kimonoSp.jpg) bottom center no-repeat; background-size:cover; } .headlineImgPhotography_location_dress_kimono { background: url(../images/photography/headline_location_dress_kimonoSp.jpg) bottom center no-repeat; background-size:cover; } .headlineImgPhotography_location_engagement {background: url(../images/photography/headline_location_engagementSp.jpg) bottom right no-repeat; background-size:cover;} /* family */ .headlineImgPhotography_family {background: url(../images/photography/headline_familySp.jpg) center right no-repeat; background-size:cover;} /* wedding */ .headlineImgPhotography_wedding {background: url(../images/photography/headline_weddingSp.jpg) top center no-repeat; background-size:cover;} /* photogallery */ .headlineImgPhotogallery { background: url(../images/photogallery/headlineSp.jpg) top center no-repeat; background-size: cover;} .headlineImgPhotogallery_wedding { background: url(../images/photogallery/weddingday/headlineSp.jpg) center center no-repeat; background-size: cover;} .headlineImgPhotogallery_family { background: url(../images/photogallery/family/headlineSp.jpg) top left no-repeat; background-size: cover;} /* flow */ .headlineImgFlow{ background: url(../images/photography/flow/headlineSp.jpg) bottom right no-repeat; background-size:cover; } /* about */ .headlineImgAbout { background: url(../images/about/headlineSp.jpg) bottom right no-repeat; background-size:cover; } .headlineImgAbout_award { background: url(../images/about/award/headlineSp.jpg) bottom right no-repeat; background-size:cover; } .headlineImgAbout_company { background: url(../images/about/company/headlineSp.jpg) center center no-repeat; background-size:cover; } /* staff */ .headlineImgStaff { background: url(../images/staff//headlineSp.jpg) center center no-repeat; background-size:cover; } .headlineImgStaff_recruit { background: url(../images/staff/recruit/headlineSp.jpg) center center no-repeat; background-size:cover; } /* contact */ .headlineImgContact { background: url(../images/contact/headlineSp.jpg) bottom center no-repeat; background-size:cover; } /* calendar */ .headlineImgCalendar { background: url(../images/calendar/headlineSp.jpg) bottom left no-repeat; background-size: cover; } } /* ----------------------------------------------------------- #w_headline ----------------------------------------------------------- */ #w_headline { margin:0 5% 90px; text-align:center; } #w_headline .headlinePlan { } #w_headline .headlinePlan h3.no { display: block; width: 80px; height: 80px; margin: -40px auto 0; background: #fefefe; font-size: 18px; font-weight: 700; line-height: 80px; letter-spacing: 1px; position: relative; z-index: 3; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } #w_headline .headlinePlan h3.no:after { position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; content: ""; border: #fefefe 1px solid; z-index: -1; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } #w_headline .headlinePlan h2.jp_plan { margin-top:10px; font-size: 30px; font-family: 'Playfair Display',"貂ｸ譏取悃", YuMincho, "繝偵Λ繧ｮ繝取・譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "・ｭ・ｳ ・ｰ譏取悃", "・ｭ・ｳ 譏取悃", Verdana, serif; font-weight:500; letter-spacing: 2.5px; line-height: 1.8; text-align: center;} /* --- .descriptionArea --- */ #w_headline .descriptionArea { position: relative; z-index: 1; margin: 20px auto 0; } #w_headline .descriptionArea p { font-size: 14px; line-height: 2.4; letter-spacing: 2px; margin-top: 1em; } @media only screen and (max-width: 800px) { #w_headline { margin: 0 5% 80px;} #w_headline .headlinePlan h3.no { width: 70px; height: 70px; margin: -35px auto 0; font-size: 18px; line-height: 70px;} #w_headline .headlinePlan h2.jp_plan { /*margin-top:10px; */font-size: 25px; } } @media only screen and (max-width: 738px) { #w_headline { margin: 0 5% 70px;} #w_headline .headlinePlan h3.no { width: 60px; height: 60px; margin: -30px auto 0; font-size: 16px; line-height: 60px;} #w_headline .headlinePlan h2.jp_plan { /*margin-top:10px; */font-size: 20px;letter-spacing: 2px; } /* --- .conceptArea --- */ #w_headline .descriptionArea { margin: 20px auto 0; padding:0 2.5%; text-align:left; } #w_headline .descriptionArea p { font-size: 13px; line-height: 2; letter-spacing: 1px; margin-top: 1em; } #w_headline .descriptionArea p br { display:none; } } @media only screen and (max-width: 414px) { #w_headline { margin: 0 5% 60px;} #w_headline .headlinePlan h2.jp_plan { margin-top:5px;letter-spacing: 2px; } #w_headline .descriptionArea p { font-size: 12px;} } /* ----------------------------------------------------------- .headline ----------------------------------------------------------- */ .headline { text-align:center; margin-bottom:45px; } .headline h3.en { font-size: 35px; font-family: 'Catamaran', sans-serif; font-weight:700; line-height: 1; letter-spacing: 5px; position: relative; z-index: 3;} .headline h3.jp { font-size: 15px; font-weight: bold; letter-spacing: 5px; line-height: 1; margin-top: 20px; position: relative; z-index: 3; } @media only screen and (max-width: 800px) { .headline { margin-bottom:40px; } .headline h3.en { font-size: 30px; letter-spacing: 4px;} .headline h3.jp { font-size: 14px; letter-spacing: 4px;margin-top: 15px;} } @media only screen and (max-width: 738px) { .headline { margin-bottom:35px; } .headline h3.en { font-size: 25px; letter-spacing: 3px;} .headline h3.jp { font-size: 13px; letter-spacing: 3px;margin-top: 10px;} } /* ----------------------------------------------------------- #w_photography_otherplan ----------------------------------------------------------- */ #w_otherplan { padding: 90px 5%; position: relative; z-index: 1; border-top: #a3d9e0 1px solid; background: url(../images/noise.png) repeat #fefefe; } #w_otherplan:before { position: absolute; top: -1px; left: 5%; right: 5%; height: 0; content: ""; border-top: #ededed 1px solid; z-index: 2; } /* --- .planArea --- */ #w_otherplan .planArea { margin: -60px -1.5% 0; font-size:0; text-align:left; } /* .photographyBox */ #w_otherplan .planBox { display: inline-block; margin: 80px 1.5% 0; width:30.333%; position: relative; z-index: 2; background:#fefefe; } #w_otherplan .planBox:after { position:absolute; top:0; left:0; right:0; bottom:0; content:""; border:#ededed 1px solid; z-index:-1;} /* .inner */ #w_otherplan .planBox .inner { padding:35px 5% 50px; text-align:center; } /* .imgArea */ #w_otherplan .planBox .imgArea { overflow:hidden; position:relative; z-index:1; } #w_otherplan .planBox .imgArea img { width:100%; height:auto; } /* h5 */ #w_otherplan .planBox h5 { display:block; width:50px; height:50px; margin:-25px auto 0; background:#fefefe; font-size:14px; ont-family: 'Catamaran', sans-serif; font-weight:700; line-height:50px; letter-spacing:1px; position:relative; z-index:3; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;} #w_otherplan .planBox h5:after { position:absolute; top:-5px; left:-5px; right:-5px; bottom:-5px; content:""; border:#fefefe 1px solid; z-index:-1; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;} /* .txtArea */ #w_otherplan .planBox .txtArea { margin-top:-5px; } /* h3 */ #w_otherplan .planBox h3 {font-size: 12px; font-family: 'Catamaran', sans-serif; font-weight:500; letter-spacing: 2.5px; line-height:1.8; position:relative; z-index:4; } /* h4 */ #w_otherplan .planBox h4 { font-size: 17px; font-family: 'Playfair Display',"貂ｸ譏取悃", YuMincho, "繝偵Λ繧ｮ繝取・譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "・ｭ・ｳ ・ｰ譏取悃", "・ｭ・ｳ 譏取悃", Verdana, serif; font-weight:400; letter-spacing: 2px;line-height: 2; margin-bottom:5px; } /* p.price */ #w_otherplan .planBox .txtArea p { font-size:13px; } /* .linkArea */ #w_otherplan .planBox .linkArea { margin-top:20px; } @media only screen and (max-width: 1024px) { #w_otherplan .planArea { margin: -60px -1% 0; } #w_otherplan .planBox { margin: 80px 1% 0; width:31.333%; } #w_otherplan .planBox h4 { font-size: 16px; letter-spacing:1.5px; } #w_otherplan .planBox .linkArea a { width:180px; } } @media only screen and (max-width: 800px) { #w_otherplan { padding: 80px 5%; } #w_otherplan .planArea { margin: -40px -1.5% 0; } #w_otherplan .planBox { display: inline-block; margin: 60px 1.5% 0; width:97%; } } @media only screen and (max-width: 738px) { #w_otherplan { padding: 70px 5%; } #w_otherplan .planArea { margin: -40px -1.5% 0; } #w_otherplan .planBox { margin: 50px 1.5% 0; } #w_otherplan .planBox .inner { padding:30px 5% 45px; } #w_otherplan .planBox .linkArea { margin-top:15px; } } @media only screen and (max-width: 414px) { #w_otherplan { padding: 60px 5%; } #w_otherplan .planArea { margin: -40px -1.5% 0; } #w_otherplan .planBox { margin: 40px 1.5% 0; } } /* ----------------------------------------------------------- #w_other_link ----------------------------------------------------------- */ #w_other_link { padding: 90px 5%; position: relative; z-index: 1; border-top: #a3d9e0 1px solid; /*background: url(../images/noise.png) repeat;*/ } #w_other_link:before { position: absolute; top: -1px; left: 5%; right: 5%; height: 0; content: ""; border-top: #ededed 1px solid; z-index: 2; } /* .inner */ #w_other_link .inner { margin: 0; } /* ul */ #w_other_link .inner ul { font-size: 0; margin: 0 -1.5%; text-align: center; } #w_other_link .inner ul li { display: inline-block; margin: 0 1.5%; width: 47%; position: relative; z-index: 1; border: #ededed 1px solid; overflow: hidden; } #w_other_link .inner ul li a { display: block; color: #fefefe; text-align: center; position: relative; z-index: 1; } /* .imgArea */ #w_other_link .inner .imgArea { -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; } #w_other_link .inner li:hover .imgArea { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } /* .txtArea */ #w_other_link .inner .txtArea { position: absolute; top: 50%; left: 50%; min-width: 300px; max-width: 100%; display: inline-block; text-align: center; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; z-index: 3; } /* h3 */ #w_other_link .inner h3.en { font-size: 20px; font-family: 'Catamaran', sans-serif; font-weight: 800; letter-spacing: 3px; line-height: 1; } #w_other_link .inner h3.jp { font-size: 13px; font-weight: bold; letter-spacing: 2.5px; line-height: 1; margin-top: 10px; } /* a:before */ #w_other_link .inner ul li a:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: #111; opacity: 0.4; z-index: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #w_other_link .inner ul li a:hover:before { background: #e4f5fd; opacity: 0.8; } /* a:after */ #w_other_link .inner ul li a:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; border: #fefefe 10px solid; opacity: 1; z-index: 2; } /* transition */ #w_other_link .inner ul li .arrow { position: absolute; top: 50%; right: 20px; width: 40px; height: 40px; margin-top: -20px; color: #fefefe; z-index: 3; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } #w_other_link .inner ul li .arrow i { font-size: 12px; line-height: 40px; } #w_other_link .inner ul li .arrow:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; border: #fefefe 1px solid; z-index: -1; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } #w_other_link .inner ul li:hover .arrow { color: #111; } #w_other_link .inner ul li:hover .arrow:after { border: transparent 1px solid; background: #fefefe; } /* .arrow */ #w_other_link .inner ul li a:before, #w_other_link .inner ul li .arrow, #w_other_link .inner ul li .arrow:after { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /* .linkArea */ #w_other_link .linkArea { margin-top: 50px; } @media only screen and (max-width: 1024px) { /* h3 */ #w_other_link .inner h3.en { font-size: 16px; } } @media only screen and (max-width: 800px) { #w_other_link { padding: 80px 5%; } /* .inner */ #w_other_link .inner { margin: 0; } /* ul */ #w_other_link .inner ul { margin: -30px 0 0; } #w_other_link .inner ul li { display: block; margin: 30px 0 0; width: 100%; } /* h3 */ #w_other_link .inner h3.en { font-size: 18px; } /* .imgArea */ #w_other_link .inner li:hover .imgArea { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } /* .txtArea */ #w_other_link .inner .txtArea { min-width: 300px; } /* a:before */ #w_other_link .inner ul li a:hover:before { background: #111; opacity: 0.5; } /* transition */ #w_other_link .inner ul li .arrow { position: absolute; top: 50%; right: 20px; width: 40px; height: 40px; margin-top: -20px; color: #fefefe; z-index: 3; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } #w_other_link .inner ul li .arrow i { font-size: 12px; line-height: 40px; } #w_other_link .inner ul li .arrow:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; border: #fefefe 1px solid; z-index: -1; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } #w_other_link .inner ul li:hover .arrow { color: #fefefe; } #w_other_link .inner ul li:hover .arrow:after { border: #fefefe 1px solid; background: none; } /* .linkArea */ #w_other_link .linkArea { margin-top: 40px; } } @media only screen and (max-width: 738px) { #w_other_link { padding: 70px 5%; } } @media only screen and (max-width: 414px) { #w_other_link { padding: 60px 5%; } /* ul */ #w_other_link .inner ul { margin: -25px 0 0; } #w_other_link .inner ul li { margin: 25px 0 0; } #w_other_link .inner .txtArea { min-width: 200px; } #w_other_link .inner h3.en { font-size: 16px; } #w_other_link .inner h3.jp { font-size: 12px; letter-spacing: 2px; } /* a:after */ #w_other_link .inner ul li a:after { border: #fefefe 5px solid; } #w_other_link .inner ul li .arrow { width: 30px; height: 30px; margin-top: -15px; } #w_other_link .inner ul li .arrow i { font-size: 10px; line-height: 30px; } /* .linkArea */ #w_other_link .linkArea { margin-top: 35px; } } /* ========================================================================== #inline_policy ========================================================================== */ #inline_policy{ overflow: auto; background: #fefefe; padding: 50px 7.5%; width: 920px; max-width: 100%;overflow: scroll;-webkit-overflow-scrolling: touch } #inline_policy h2 {font-size: 18px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} .policyArea { padding-bottom:50px;} .policyBox { padding-top:25px; margin-top:25px; border-top:#ddd 1px dashed; } .policyBox:last-child { margin-bottom:30px; padding-bottom:25px; border-bottom:#ddd 1px dashed;} .policyBox h3 {font-size: 14px; font-family: "貂ｸ譏取悃", YuMincho, "繝偵Λ繧ｮ繝取・譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "・ｭ・ｳ ・ｰ譏取悃", "・ｭ・ｳ 譏取悃", Verdana, serif; font-weight: bold; letter-spacing: 2px; line-height:1.8; } /* p */ .policyBox p { margin-top:3px; font-size: 14px; letter-spacing: 1px; line-height: 1.8; } /* ul.circle */ .policyBox ul.circle { margin:10px 0 0 4em; padding: 0; list-style: circle; padding-left: 1em; text-align: left; } .policyBox ul.circle li { margin-top:3px; font-size: 14px; letter-spacing: 1px; line-height: 1.8; } /* ul.no */ .policyBox ul.no { margin: 0; padding: 0; padding-left:0.5em; list-style: none;text-align: left; counter-reset: item;} .policyBox ul.no li { margin-top:3px; padding-left: 3em; font-size: 14px; letter-spacing: 1px; line-height: 1.8; position:relative; } .policyBox ul.no li:before { position:absolute; top:0; left:0; content: "・�"counters(item, "-")"・�";counter-increment: item;} @media only screen and (max-width: 800px) { #inline_policy{ overflow: scroll;-webkit-overflow-scrolling: touch } .policyBox p { font-size: 13px; line-height: 2; } /* ul.circle */ .policyBox ul.circle li { font-size: 13px; } /* ul.no */ .policyBox ul.no li { font-size: 13px; } } @media only screen and (max-width: 738px) { #inline_policy h2{font-size: 16px;} .policyBox h3 {font-size: 13px; letter-spacing: 1px; } .policyBox p { font-size: 12px; line-height: 2; } /* ul.circle */ .policyBox ul.circle li { font-size: 12px; } /* ul.no */ .policyBox ul.no li { font-size: 12px; } } @media only screen and (max-width: 414px) { #inline_policy h2{font-size: 14px;} } /* ---------------------------------------------------------- #scrollUp ---------------------------------------------------------- */ #scrollUp { position: fixed; bottom: 15px; right: 15px; z-index: 1000; } #scrollUp a { width: 60px; height: 60px; display: block; color: #BE0014; background: #C8C9C9; border:none; text-align: center; z-index: 11; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position:relative; z-index:1; } #scrollUp a:before { position:absolute; top:0; left:0; right:0; bottom:0; font-family: 'themify'; content:"\e648"; font-size: 16px; line-height:58px; } #scrollUp a:hover {-webkit-transform: translate(0px, -10px); -moz-transform: translate(0px, -10px); -o-transform: translate(0px, -10px); -ms-transform: translate(0px, -10px); transform: translate(0px, -10px); } @media only screen and (max-width: 800px) { #scrollUp a:hover { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @media only screen and (max-width: 414px) { #scrollUp a { width: 50px; height: 50px; } #scrollUp a:before { font-size: 16px; line-height:48px; } } /* ---------------------------------------------------------- slick.js ---------------------------------------------------------- */ /* Slider */ .slick-list,.slick-slider,.slick-track{position:relative;display:block; border-top: solid 2px #BE0014;border-bottom: solid 2px #BE0014; } .slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} /* --- Dots --- */ .slick-dots{position:absolute;bottom:-30px;list-style:none;display:block;text-align:center;padding:0;width:100%;height:6px;z-index:100} .slick-dots li{position:relative;display:inline-block;height:6px;width:6px;margin:0 10px;padding:0;cursor:pointer;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-o-transition:all 1s ease-out;transition:all 1s ease-out} .slick-dots li button{background:0 0;border:1px solid #999;display:block;height:4px;width:4px;overflow:hidden;line-height:0;font-size:0;color:transparent;cursor:pointer;padding:2px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out} .slick-dots li.slick-active button{outline:0;border:1px solid #BE0014;background:#BE0014;} .slick-dots li button:before{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;content:"";border:1px solid transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.slick-dots li.slick-active button:before{border:1px solid #BE0014;content:""} /*! Hint.css - v2.2.1 - 2016-03-26 * http://kushagragour.in/lab/hint/ * Copyright (c) 2016 Kushagra Gour; Licensed */ [data-hint]{position:relative;display:inline-block}[data-hint]:after,[data-hint]:before{position:absolute;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.2s ease;-moz-transition:.2s ease;transition:.2s ease;-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s}[data-hint]:hover:after,[data-hint]:hover:before{visibility:visible;opacity:1;-webkit-transition-delay:50ms;-moz-transition-delay:50ms;transition-delay:50ms}[data-hint]:before{content:'';position:absolute;background:0 0;border:4px solid transparent;z-index:1000001}[data-hint]:after{content:attr(data-hint);background:#383838;color:#fff;padding:8px 10px;font-size:11px;font-family:Catamaran,sans-serif;font-weight:400;line-height:1;white-space:nowrap;letter-spacing:1.5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}[data-hint='']:after,[data-hint='']:before{display:none!important}.hint--bottom-left:before,.hint--bottom-right:before,.hint--bottom:before{border-bottom-color:#383838}.hint--bottom-right:after,.hint--bottom-right:before{top:100%;left:50%}.hint--bottom-right:before{margin-top:-8px;left:calc(50% - 4px)}.hint--bottom-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);margin-left:-12px}.hint--bottom-right:focus:after,.hint--bottom-right:focus:before,.hint--bottom-right:hover:after,.hint--bottom-right:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--rounded:after{border-radius:3px}.hint--bounce:after,.hint--bounce:before{-webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24);-moz-transition:opacity .3s ease,visibility .3s ease,-moz-transform .3s cubic-bezier(.71,1.7,.77,1.24);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24)} /* jquery.padca.js The MIT License Copyright (c) 2013 Yasufumi Minoda Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .padcal + div, input.padcal + div > div.padcal-copy {display: inline-block;width: 50px;height: 52px;margin: 5px;padding-bottom: 5px; font-size: x-large;font-weight: bold;text-align: center;} input.padcal + div > div.padcal-copy {position: relative;float: left;width: 48px;top: -52px;z-index: 1;} .padcal + div.padcal-sun, input.padcal + div > div.padcal-copy.padcal-sun {background-color: #feeeee;color: #900;border: 1px solid #d8aaaa;} .padcal + div.padcal-sun > div:first-child, input.padcal + div > div.padcal-copy.padcal-sun > div:first-child {background-color: #900;} .padcal + div.padcal-mon, .padcal + div.padcal-tue, .padcal + div.padcal-wed, .padcal + div.padcal-thu, .padcal + div.padcal-fri, input.padcal + div > div.padcal-copy.padcal-mon, input.padcal + div > div.padcal-copy.padcal-tue, input.padcal + div > div.padcal-copy.padcal-wed, input.padcal + div > div.padcal-copy.padcal-thu, input.padcal + div > div.padcal-copy.padcal-fri {background-color: #fefefe;color: #666;border: 1px solid #d8d8d8;} .padcal + div.padcal-mon > div:first-child, .padcal + div.padcal-tue > div:first-child, .padcal + div.padcal-wed > div:first-child, .padcal + div.padcal-thu > div:first-child, .padcal + div.padcal-fri > div:first-child, input.padcal + div > div.padcal-copy.padcal-mon > div:first-child, input.padcal + div > div.padcal-copy.padcal-tue > div:first-child, input.padcal + div > div.padcal-copy.padcal-wed > div:first-child, input.padcal + div > div.padcal-copy.padcal-thu > div:first-child, input.padcal + div > div.padcal-copy.padcal-fri > div:first-child {background-color: #666;} .padcal + div.padcal-sat, input.padcal + div > div.padcal-copy.padcal-sat {background-color: #eeeefe;color: #009;border: 1px solid #aaaad8;} .padcal + div.padcal-sat > div:first-child, input.padcal + div > div.padcal-copy.padcal-sat > div:first-child {background-color: #009;} .padcal + div > div:first-child, input.padcal + div > div.padcal-copy > div:first-child {height: 5px;clear: left;} .padcal + div > div:nth-child(2), input.padcal + div > div.padcal-copy > div:nth-child(2) { font-size: xx-small;font-weight: normal;} /*! Lity - v1.6.6 - 2016-04-22 * http://sorgalla.com/lity/ * Copyright (c) 2016 Jan Sorgalla; Licensed MIT */ .lity,.lity-wrap{z-index:9990;position:fixed;top:0;outline:0!important}.lity-container,.lity-wrap:before{vertical-align:middle;display:inline-block}.lity,.lity-container,.lity-wrap{outline:0!important}.lity-content:after,.lity-wrap:before{content:''}.lity,.lity-content:after,.lity-wrap{right:0;bottom:0;left:0}.lity{white-space:nowrap;background:#fefefe;opacity:0;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}.lity.lity-opened{opacity:1;background:rgba(243,251,255,.9)}.lity.lity-closed{opacity:0;background:#fefefe}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{text-align:center}.lity-wrap:before{height:100%;margin-right:-.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;white-space:normal;max-width:100%;max-width:90%;max-height:100%}.lity-close,.lity-close:before{line-height:60px;text-align:center}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .5s ease;-o-transition:-o-transform .5s ease;transition:transform .5s ease}.lity-closed .lity-content,.lity-loading .lity-content{-webkit-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9)}.lity-content:after{position:absolute;top:0;display:block;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,.1);box-shadow:0 0 8px rgba(0,0,0,.1)}.lity-close{z-index:9994;width:60px;height:60px;position:fixed;right:10px;top:10px;-webkit-appearance:none;cursor:pointer;text-decoration:none;padding:0;font-size:0;font-style:normal;border:0;color:#fefefe;background:#111;outline:0;-webkit-box-shadow:none;box-shadow:none;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}.lity-close:before{position:absolute;top:0;right:0;left:0;bottom:0;font-family:themify;content:"\e646";font-size:16px;text-indent:0;z-index:1}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}.lity-hide{display:none}#inline{overflow:auto;background:#fefefe;padding:50px 7.5%;width:1200px;max-width:100%}.profileLeft{float:left;width:35%}.profileRight{float:right;width:60%} @media only screen and (max-width: 738px) { .lity-close,.lity-close:before{line-height:50px;}.lity-close{width:50px;height:50px;}.lity-close:before{font-size:14px;} } /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 1s; animation-duration: 1s; } @-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}