@charset "utf-8"; @font-face{font-family:themify;src:url(../font/themify/themify.eot7-fvbane);src:url(../font/themify/themify.eot7#iefix-fvbane) format('embedded-opentype'),url(../font/themify/themify.woff7-fvbane) format('woff'),url(../font/themify/themify.ttf7-fvbane) format('truetype'),url(../font/themify/themify.svg7-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"} [class*=" ti-"],[class^=ti-]{font-family: FontAwesome;speak:none;font-style:normal;font-weight:400;font-size: large;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-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:"\f105"}.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:"\f16d";/* content: url(../images/icon_insta.svg); */font-weight: normal;/*color: #056d70;*/} .ti-blog:before{content:"\f219";/* content: url(../images/icon_blog.svg); */font-weight: normal;/*color: #056d70;*/} .ti-twitter:before{content:"\f099";/* content: url(../images/icon_blog.svg); */font-weight: normal;/*color: #056d70;*/} .ti-access:before{content:"\e693"; font-family:'themify';/* content: url(../images/icon_blog.svg); */font-weight:800;/*color: #d00e00;*/ position: absolute; top: 10px; left: 15px;} .ti-access:before{content:"\f095";font-family:'FontAwesome';/* content: url(../images/icon_blog.svg); */font-weight:800;/*color: #d00e00;*/position: absolute;top: 15px;left: 15px;font-size: 22px;} .ti-google:before{content:"\e73e"}.ti-github:before{content:"\e73f"}.ti-flickr:before{content:"\e740"} .ti-facebook:before{content:"\f09a";/* content: url(../images/icon_fb.svg); *//*color: #056d70;*/font-size: 14px;} /* English */ .ti-lang-en:before{content: url(../images/icon_en.svg);} .ti-lang-en-alt:before{content: url(../images/icon_en.svg) } .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"} ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { border-radius: 10px; box-shadow: inset 0 0 5px rgba(0, 0, 0, .1); } ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 50, .5); border-radius: 10px; box-shadow:0 0 0 1px rgba(255, 255, 255, .3); } /* フォント */ .font_bdv{ font-family: bd-viewmaster, sans-serif; font-weight: 400; font-style: normal; } .font_shueiM{ font-family: dnp-shuei-gothic-gin-std, sans-serif; font-weight: 500; font-style: normal; } /* ************************************************************************************************ 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 'Open Sans',"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; margin: 0; padding: 0; width: 100%; color: #111; background: #fefefe; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:500; font: normal 1em/2em 'Noto Sans JP',"游明朝",'Amerigo BT', YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; } 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:300;} 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: .9rem; /* font-weight: 500; *//* line-height: 2.2; *//* letter-spacing: 1px; */} p a { border-bottom: #aaa 1px dashed; } p a:hover { background:#eee; color:#333; border-bottom: #999 1px dashed;} @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; */} } ol, ul { list-style: none; } html {height: 100%;} body {height: 100%;margin: 0;} /* .lazyload,.lazyloading */ .lazyload, .lazyloading {opacity: 0;} .lazyloaded {opacity: 1;transition: opacity 750ms;} /* .if_br sp 改行 */ .if_br {display:none;} @media only screen and (max-width: 768px) { .if_br {display:block;} } /* .if_br2 Pc 改行 */ .if_br2 {display:block;} @media only screen and (max-width: 568px) { .if_br2 {display:none;} } /* Read more */ .read-more{margin: 15px 3px;display: inline-block;width:180px;max-width:100%;color:#111;border:#111 1px solid;font-size: 14px;line-height:40px;text-align: center;letter-spacing: 1px;position: relative;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;} .read-more: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; -webkit-transition: right 0.3s ease; -moz-transition:right 0.3s ease; transition: right 0.3s ease; } .read-more:hover { color:#fff; border:#9E9E9E 1px solid; background:#111; } .read-more:hover:after { right: 10px; } @media only screen and (max-width: 800px) { .read-more{ margin-top:15px;font-size: 13px;}* .read-more:after { right: 10px;} .read-more:hover { color:#fff; border:#111 1px solid;background:#111; } } @media only screen and (max-width: 738px) { .read-more {margin-top: 10px;width: 200px;font-size: 12px;line-height:30px;border:none;border:#111 1px solid;font-size: 12px;line-height:30px;text-align: center;letter-spacing: 1px;position: relative;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 20px;} .read-more:after, .read-more:hover:after{ right: 10px;} } .line_a{border-bottom:1px solid #ddd;margin: 10px 0;} /* ************************************************************************************************ Page /* Read more1 */ .read-more1{margin: 15px 3px;display: inline-block;max-width:100%;padding: 5px 30px;color: #fff;border: #ff7776 1px solid;font-size: 18px;line-height:40px;text-align: center;letter-spacing: 1px;position: relative;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 5px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;background: #ff7776;} /*.read-more1: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: 0px; z-index: 1; -webkit-transition: right 0.3s ease; -moz-transition:right 0.3s ease; transition: right 0.3s ease; }*/ .read-more1:hover { color:#fff; background:#fe8887; } .read-more1:hover:after { right: 10px; } @media only screen and (max-width: 800px) { .read-more1{ margin-top:15px;font-size: 13px;} .read-more1:after { right: 10px;} .read-more1:hover { color:#fff; border:#ffc6c5 1px solid;border-bottom:none; } } @media only screen and (max-width: 738px) { .read-more1 {margin-top: 10px;width: 100%;font-size: 12px;line-height:30px;border:none;/* border:#111 1px solid; */font-size: 16px;line-height:30px;text-align: center;letter-spacing: 1px;position: relative;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 15px;} .read-more1:after, .read-more1:hover:after{ right: 10px;} } .font_set_mincho{ font-family: 'Playfair Display',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif; } .i_mail{width: 50%;display: inline;} .i_mail:before{padding-right: 10px;font-size: 15px;text-align: left;font-family: 'FontAwesome';content: "\f003";font-weight: normal;color: #016c6e;width: 50%;display: inline;} .i_phone{width: 50%;display: inline;} .i_phone:before{ padding-right: 10px; font-size: 15px; text-align: left; font-family: 'FontAwesome'; content: "\f095"; font-weight: normal; color: #FF9800; } ************************************************************************************************ */ /* ----------------------------------------------------------- #page ----------------------------------------------------------- */ #page { height:100%; background:#fefefe; position:relative; z-index:4; } /* ======== #menu .btnClose ======== */ #menu .btnClose {position: absolute;top:0;left:0;width:60px;height:50px;color: #fff;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; } #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: #1c354c;-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: #1c354c;} .mm-listview > li, .mm-listview > li:after, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before {border-color: inherit;border-color: #1c354c;} .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 45px;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 44px;} .mm-listview > li > a.home:before {position:absolute;top:0;left: 20px;bottom:0;width:30px;font-size: 16px;text-align:left;font-family: 'FontAwesome';content: "\f1b2";/* content: url(../images/icon_home.svg); */font-weight:normal;line-height: 49px;color: #dfdede;} .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; } .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: 'FontAwesome';content: "\f003";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 > a.tel:before{position:absolute;top:0;left: 36px;bottom:0;width: 35px;font-size: 16px;text-align:center;font-family: 'FontAwesome';content: "\f095";font-weight:normal;} .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;/* color: #ddd; */background: #2b6c8c;} .mm-listview .mm-inset > li:after{ position:absolute;top:0;right:0;left:0;height:0;content:""; border-top: #305373 1px dashed; border-top: #305373 1px solid; 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: 40%;left:30px;width:7px;height: 0;content:"";border-top: #d7d6d6 7px 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; font-size: 18px; width: 20px;height:auto; margin-right:5px; display: inline-block;border-top:none; font-family: 'FontAwesome'; font-weight: normal; text-align:center; } .mm-listview .mm-inset > li.youtubeIcon > a:before { font-size:15px; content: "\f167 " } .mm-listview .mm-inset > li.facebookIcon > a:before { content: "\f09a" } .mm-listview .mm-inset > li.pinterestIcon > a:before { content: "\f231 "} .mm-listview .mm-inset > li.instagramIcon > a:before { content: "\f16d" } .mm-listview .mm-inset > li.blogIcon > a:before { font-size:16px; content: "\f219"} .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: #1c354c;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);/* border-top: #9E9E9E; */} .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) {color: #fff;-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-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: 100%;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; } .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); } /* .news */ .news { display: inline-block;width:275px; max-width:100%;padding: 0;margin:0 10px;color:#fefefe; background:#eee;border:#111 1px solid; font-size: 14px;text-decoration: none;text-align:center; font-weight:500;line-height: 30px; letter-spacing: 1px;position: relative;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} @media only screen and (max-width: 738px) { .news { display: inline-block; width: 80%; } } .news:after { font-family: 'themify'; content: "\f105"; 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: 30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .news:hover { color:#fefefe; background: #ddd; border:#999 1px solid; } .news:hover:after { right: 10px; } /* ========================================================================== .linkArea ========================================================================== */ .linkArea {text-align: center;padding: 0px 10px 0px;} .linkArea2 {text-align: center;margin-top: 40px;width:100%;max-width: 300px;margin: 30px auto;} /* .btn */ .btn1 {display: inline-block;width:275px;max-width:100%;padding: 0;margin:0 10px;color: #fff;background: #1c354c;/* border: #3f3d3d 1px solid; *//* border-bottom: #3f3d3d 1px solid; */font-size: 14px;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: 1px;} .btn1:after {font-family: 'FontAwesome';content: "\e649";/* content: "\f16d"; */content: "\f105";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:after { font-family: 'FontAwesome'; content: "\f16d"; 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; } */ .btn1:hover {color:#fff;background: #264562;border:#1c354c 1px solid;} .btn1:hover:after { right: 10px; } /* .btnBorder */ .btnBorder { color:#000; background:none; } .btnBorder:hover { color:#fff; background:none; border:#999 1px solid;} /* .btnSmall */ .btnSmall {font-size: 13px;line-height: 30px;width: 150px;max-width: 100%;/* border: #999 2px solid; *//* border-bottom: #016c6e 2px solid; */} .btnSmall:after {line-height: 30px;} .btnSmall:hover { border:#999 0px 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:#999; background: #f0fafe;background:none; border:#999 1px solid; } /* .btnBlue */ .btnBlue:hover { color:#fefefe; background:#999; border:#999 1px solid; } /* .btnBlueBorder */ .btnBlueBorder:hover { color:#999; background:#999;background:none; border:#999 1px solid; } /* .btnslide */ .btnslide {font-size: 13px;line-height: 30px;width: 100px;max-width: 100%;/* border: #999 2px solid; */border: #1c354c 2px solid;background: #fff;color: #000;border-radius: 5px;} .btnslide:after {line-height: 30px;} .btnslide:hover { border:#999 0px solid; background:#1c354c; color:#fff; } @media only screen and (max-width: 1024px) { .linkArea { margin-top: 80px; } /* .btn */ .btn { margin:10px 1% 0; font-size: 13px;line-height: 30px; width:275px; max-width:100%; } .btn:after { line-height: 30px; right: 10px;} .btn:hover { color:#fefefe; background:#000; border:#000 1px solid; } /* .btnBorder */ .btnBorder:hover { color:#000; background:none; border:#000 1px solid;} /* .btnSmall */ .btnSmall { line-height:30px; width:220px; max-width:100%; } .btnSmall:after { line-height:30px; } .btnSmall:hover { border:#000 1px solid; } } @media only screen and (max-width: 738px) { .linkArea { margin-top: 25px; margin-bottom: 35px; } /* .btn */ .btn1 { font-size: 13px;line-height: 30px; width:250px; max-width:100%; } .btn1:after { line-height: 30px; } .btnSmall { line-height:30px; width:180px; max-width:100%; } .btnSmall:after { line-height:30px; } } @media only screen and (max-width: 414px) { .btn1 { font-size: 12px; width:230px; } } /* 横配置 -------------------------------------------------------------*/ .c-lacing{ text-align: center; } .l-lacing{ text-align:left; } .r-lacing{ text-align:right; } /* ---------------------------------------------------------- #w-coupon ---------------------------------------------------------- */ .w-coupon{ background:#016c6e; padding: 10px; height:250px; width:250px; display: table-cell; vertical-align: middle; margin: 0 auto; color:#fff; } .w-coupon p{ color: #fff; font-size: 18px; padding:20px; } .w-coupon p span{ color: #fff; font-size: 15px; padding:20px; } .w-coupon h2{ color: #fff; font-size: 25px; line-height:2.0; border-top: 1px dotted #fff; border-bottom: 1px dotted #fff; } /* ---------------------------------------------------------- #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:812px){.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;width: 100%;} .central img {width: 100%;} /* ----------------------------------------------------------- #breadcrumb ----------------------------------------------------------- */ #breadcrumb {padding: 10px 12%;position:relative;top: 90px;z-index:1;border-top: #ededed 1px solid;border-bottom: #f5f5f5 1px solid;/* margin-bottom: 30px; *//* right: 0; */text-align: right;color: #000;} #breadcrumb:before { position:absolute; top:-1px; left:5%; right:5%; height:0; content:""; border-top:#ededed 1px solid; z-index:2; } #breadcrumb ol { font-size: 0; margin: 0; padding: 0; line-height: 1.8; line-height:1; } #breadcrumb li {display: inline-block;/* display: inline; */zoom: 1;list-style: none;font-size: 12px;font-weight: normal;margin: 0;padding: 0;letter-spacing: 1px;height:25px;line-height:25px;vertical-align: middle;} /*#breadcrumb li:after { font-size: 6px; font-family: 'themify'; content: "\e649"; font-weight: normal; margin: 0 10px; height:20px; line-height:20px; }*/ #breadcrumb li:after {font-size: 10px;font-family: 'FontAwesome';content: "\f105";font-weight: normal;margin: 0 10px;height:20px;line-height:20px;} /* #breadcrumb li:last-child { padding-top: 7px;} */ #breadcrumb li:last-child:after { display:none;} #breadcrumb li i { font-size: 16px; padding-right: 5px; font-weight: normal; line-height: 1.3; } #breadcrumb li a {/* border-bottom: #999 1px solid; */position:relative;z-index:1;height:25px;line-height:25px;vertical-align: baseline;} #breadcrumb li:first-child a:before {padding-right:5px; font-size: 11px; font-family: 'themify'; content: "\e69b";} #breadcrumb li:first-child a:before {padding-right:5px;font-size: 1.2rem;font-family: 'FontAwesome';content: "\f1b2";padding-right: 10px;font-size: 15px;text-align: left;font-family: 'FontAwesome';/* content: "\f003"; *//* content: url(../images/icon_home.svg); */font-weight: normal;color: #1f1b19;} #breadcrumb li a:after { position:absolute; top:0; left:0; bottom:0; width:0; 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; } #breadcrumb li a:hover:after { width:100%; background:#d7e4ed; } #breadcrumb li a:hover { color:#aaa; border-bottom: #fffdfd 1px solid;} @media only screen and (max-width: 800px) { #breadcrumb {padding: 20px 5%;border-top:none;top: 40px;} #breadcrumb:before { display:none;} #breadcrumb li a {/* border-bottom: #aaa 1px solid; */font-size: 12px;color:#000;} #breadcrumb li a:hover:after { display:none;} #breadcrumb li a:hover { color:#000; border-bottom: #999 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: 14px;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;padding-bottom: 7px; } #breadcrumb li:first-child a:before {padding-right:0; font-size: 18px;} } @media only screen and (max-width: 320px) { #breadcrumb li:last-child { width:6em;} } /* ----------------------------------------------------------- #headline ----------------------------------------------------------- */ #headline {margin:0 5% 0;height: 200px;position:relative;z-index:1;max-width: 1500px;/* background: #181615; */margin: 0 auto;top: 90px;color: #fff;} #headline:after {position: absolute;top: 0;left: 0;right: 0;bottom: 0;content: "";background: #fff;opacity: 0.2;z-index: 2;} #headline:before {position: absolute;top: 15px;left: 15px;right: 15px;bottom: 15px;content: "";border: #1f1b19 1px dotted;/* border-bottom:none; */z-index: 3;opacity:0.4;/* margin: 1%; */} #headline .inner {position: absolute;top: 50%;left: 50%;width:90%;max-width: 100%;display: inline-block;color: #000;text-align: left;-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: 35px;font-family: 'Catamaran', sans-serif;font-family: 'Playfair Display',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;font-weight:800;line-height: 1;letter-spacing: 5px;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;font-family: 'Playfair Display',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;} @media only screen and (max-width: 1024px) { #headline { height:200px;} #headline .inner {position: absolute;top: 50%;} #headline h2.en {font-size: 28px;} } @media only screen and (max-width: 812px) { #headline {height: 150px;top: 30px;} #headline .inner {top: 50%;} #headline h2.en { font-size: 26px; 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:100px; */} #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: 150px;} #headline .inner {/* top: 10%; */} #headline h2.en {font-size: 16px;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; } } /* ----------------------------------------------------------- #headline_room ----------------------------------------------------------- */ #headline_room {margin:0 5% 0;height: 150px;position:relative;z-index:1;max-width: 1500px;background: #1f1b19;margin: 0 auto;top: 90px;color: #fff;} #headline_room:after {position: absolute;top: 0;left: 0;right: 0;bottom: 0;content: "";/* background: #fff; */opacity: 0.2;z-index: 2;} #headline_room:before {position: absolute;top: 15px;left: 15px;right: 15px;bottom: 15px;content: "";border: #ffffff 1px dotted;/* border-bottom:none; */z-index: 3;opacity:0.4;/* margin: 1%; */} #headline_room .inner {position: absolute;top: 50%;left: 50%;width:90%;max-width: 100%;display: inline-block;color: #fff;text-align: left;-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_room h2.en {font-size: 35px;font-family: 'Catamaran', sans-serif;font-family: 'Playfair Display',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;font-weight:800;line-height: 1;letter-spacing: 5px;position: relative;z-index: 3;} #headline_room h2.jp {font-size: 15px;font-weight: bold;letter-spacing: 5px;line-height: 1;margin-top: 20px;position: relative;z-index: 3;font-family: 'Playfair Display',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;} @media only screen and (max-width: 1024px) { #headline_room { height:200px;} #headline_room .inner {position: absolute;top: 30%;} } @media only screen and (max-width: 812px) { #headline_room {height: 150px;top: 30px;} #headline_room .inner {top: 50%;} #headline_room h2.en { font-size: 35px; letter-spacing: 4px; position: relative; z-index: 3; } #headline_room 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_room {margin:0;/* height:100px; */} #headline_room:before { top: 10px; left: 10px; right: 10px; display:none; } #headline_room:after { opacity: 0.3; } #headline_room h2.en { font-size: 30px; letter-spacing: 3px; position: relative; z-index: 3; } } @media only screen and (max-width: 414px) { #headline_room {height: 150px;} #headline_room .inner {top: 40%;} #headline_room h2.en { font-size: 23px; letter-spacing: 3px; position: relative; z-index: 3; } #headline_room h2.jp { font-size: 12px; font-weight: bold; letter-spacing: 3px; line-height: 1; margin-top: 10px; position: relative; z-index: 3; } } /* ----------------------------------------------------------- .headlineImg --------------------------------------------------------- */ /* guide */ .headlineImgAbout {background: url(../guide/images/headline.jpg) bottom right no-repeat;background-size:cover;/* background: #fff; */} /* photography */ .headlineImgPhotography { background: url(../images/photography/headline_photography.jpg) center center no-repeat; background-size:cover; } /* location */ .headlineImgPhotography_location { background: url(../images/photography/headline_location.jpg) bottom center no-repeat; background-size:cover; } .headlineImgPhotography_location_dress { background: url(../images/photography/headline_location_dress.jpg) top center no-repeat; background-size:cover; } .headlineImgPhotography_location_kimono { background: url(../images/photography/headline_location_kimono.jpg) bottom center no-repeat; background-size:cover; } .headlineImgPhotography_location_dress_kimono { background: url(../images/photography/headline_location_dress_kimono.jpg) bottom center no-repeat; background-size:cover; } .headlineImgPhotography_location_engagement {background: url(../images/photography/headline_location_engage.jpg) bottom right no-repeat; background-size:cover;} /* family */ .headlineImgPhotography_family {background: url(../images/photography/headline_family.jpg) center right no-repeat; background-size:cover;} /* wedding */ .headlineImgPhotography_wedding {background: url(../images/photography/headline_wedding.jpg) top center no-repeat; background-size:cover;} /* photogallery */ .headlineImgPhotogallery { background: url(../images/photogallery/headline.jpg) top center no-repeat; background-size: cover;} .headlineImgPhotogallery_wedding { background: url(../images/photogallery/weddingday/headline.jpg) center center no-repeat; background-size: cover;} .headlineImgPhotogallery_family { background: url(../images/photogallery/family/headline.jpg) top left no-repeat; background-size: cover;} /* work */ .headlineImgWork { background: url(../images/work/headline.jpg) top center no-repeat; background-size: cover;} .headlineImgWork_glass { background: url(../images/work/glass/headline.jpg) center center no-repeat; background-size: cover;} .headlineImgWork_jpainting { background: url(../images/work/jpainting/headline.jpg) top left no-repeat; background-size: cover;} /* flow */ .headlineImgFlow{ background: url(../images/photography/flow/headline.jpg) bottom right no-repeat; background-size:cover; } /* about .headlineImgAbout {background: url(../profile/images/header_profile.jpg) bottom right no-repeat;background-size:cover;} .headlineImgAbout_award { background: url(../images/about/award/headline.jpg) bottom right no-repeat; background-size:cover; } .headlineImgAbout_company { background: url(../images/about/company/headline.jpg) bottom center no-repeat; background-size:cover; } */ /* story */ .headlineImgStory {background: url(../images/about/headline_story.jpg) top right no-repeat;background-size:cover;} /* volunteer */ .headlineImgVolunteer {background: url(../images/about/headline_volunteer.jpg) top right no-repeat;background-size:cover;} /* staff */ .headlineImgStaff { background: url(../images/staff/headline.jpg) center center no-repeat; background-size:cover; } .headlineImgStaff_recruit { background: url(../images/staff/recruit/headline.jpg) center center no-repeat; background-size:cover; } /* contact */ .headlineImgContact { background: url(../images/contact/headline.jpg) bottom center no-repeat; background-size:cover; } /* calendar */ .headlineImgCalendar { background: url(../images/calendar/headline.jpg) bottom left 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;} /* work */ .headlineImgWork { background: url(../images/works/headlineSp.jpg) top center no-repeat; background-size: cover;} .headlineImgWork_glass { background: url(../images/works/glass/headlineSp.jpg) center center no-repeat; background-size: cover;} .headlineImgWork_jpainting { background: url(../images/works/jpainting/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(../guide/images/headline.jpg) bottom right no-repeat; background-size:cover; } .headlineImgAbout_award { background: url(../guide/images/headline.jpg) bottom right no-repeat; background-size:cover; } .headlineImgAbout_company { background: url(.../guide/images/headline.jpg) center center no-repeat; background-size:cover; } /* story */ .headlineImgStory {background: url(../images/about/headline_storySp.jpg) top right no-repeat;background-size:cover;} /* volunteer */ .headlineImgVolunteer {background: url(../images/about/headline_volunteerSp.jpg) top right 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-top: 45px;margin-bottom:45px;/* overflow: auto; */} .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;/* text-align: center; */} .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;} } @media only screen and (max-width: 500px) { .headline {margin-bottom:10px;margin-top: 20px;} } /* ----------------------------------------------------------- #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: #ededed 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: 15px;font-family: 'Catamaran', sans-serif;font-weight: 800;letter-spacing: 3px;line-height: 1;} #w_other_link .inner h3.jp {font-size: 20px;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; } #w_other_link .inner2 { margin: 0; } /* ul */ #w_other_link .inner2 ul { font-size: 0; margin: 0 -1.5%; text-align: center; } #w_other_link .inner2 ul li {display: inline-block;margin: 0 1%;width: 22.5%;position: relative;z-index: 1;border: #ededed 1px solid;overflow: hidden;} #w_other_link .inner2 ul li a { display: block; color: #fefefe; text-align: center; position: relative; z-index: 1; } /* .imgArea */ #w_other_link .inner2 .imgArea { -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; } #w_other_link .inner2 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 .inner2 .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 .inner2 h3.en {font-size: 10px;font-family: 'Catamaran', sans-serif;font-weight: 800;letter-spacing: 3px;line-height: 1;} #w_other_link .inner2 h3.jp {font-size: 17px;font-weight: bold;letter-spacing: 2.5px;line-height: 1;margin-top: 10px;} /* a:before */ #w_other_link .inner2 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 .inner2 ul li a:hover:before { background: #e4f5fd; opacity: 0.8; } /* a:after */ #w_other_link .inner2 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 .inner2 ul li .arrow {position: absolute;top: 45%;right: 20px;width: 20px;height: 20px;margin-top: 0px;color: #fefefe;z-index: 3;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;} #w_other_link .inner2 ul li .arrow i {font-size: 16px;line-height: 20px;} #w_other_link .inner2 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 .inner2 ul li:hover .arrow { color: #111; } #w_other_link .inner2 ul li:hover .arrow:after { border: transparent 1px solid; background: #fefefe; } /* .arrow */ #w_other_link .inner2 ul li a:before, #w_other_link .inner2 ul li .arrow, #w_other_link .inner2 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; } #w_other_link .inner2 h3.en { font-size: 16px; } #w_other_link .inner2 ul { font-size: 0; margin: 0 -1.5%; text-align: center; } #w_other_link .inner2 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 .inner2 ul li a { display: block; color: #fefefe; text-align: center; position: relative; z-index: 1; } } @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; } /* .inner */ #w_other_link .inner2 { margin: 0; } /* ul */ #w_other_link .inner2 ul { margin: -30px 0 0; } #w_other_link .inner2 ul li { display: block; margin: 30px 0 0; width: 100%; } /* h3 */ #w_other_link .inner2 h3.en { font-size: 18px; } /* .imgArea */ #w_other_link .inner2 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 .inner2 .txtArea { min-width: 300px; } /* a:before */ #w_other_link .inner2 ul li a:hover:before { background: #111; opacity: 0.5; } /* transition */ #w_other_link .inner2 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 .inner2 ul li .arrow i { font-size: 12px; line-height: 40px; } #w_other_link .inner2 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 .inner2 ul li:hover .arrow { color: #fefefe; } #w_other_link .inner2 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; } /* ul */ #w_other_link .inner2 ul { margin: -25px 0 0; } #w_other_link .inner2 ul li { margin: 25px 0 0; } #w_other_link .inner2 .txtArea { min-width: 200px; } #w_other_link .inner2 h3.en { font-size: 16px; } #w_other_link .inner2 h3.jp { font-size: 12px; letter-spacing: 2px; } /* a:after */ #w_other_link .inner2 ul li a:after { border: #fefefe 5px solid; } #w_other_link .inner2 ul li .arrow { width: 30px; height: 30px; margin-top: -15px; } #w_other_link .inner2 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: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif; font-weight: bold; letter-spacing: 2px; line-height:1.8; margin-bottom:20px; text-align:center;} .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: #fefefe;background: #1c354c;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: 'FontAwesome';content:"\f106";font-size: 30px;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-slider{touch-action: pan-y;} .slick-list,.slick-slider,.slick-track{position:relative;display:block}.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: 12px;width: 12px;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 #016c6e;background: #016c6e;}.slick-dots li button:before{position:absolute;top: 2px;right: 2px;bottom: 2px;left: 2px;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 #016c6e;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: #fff;color: #1f1b19;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: #ffffff;}.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)} .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;} /* ----------------------------------------------------------------------- layout ----------------------------------------------------------------------- */ .layout1 { overflow: hidden; width: 1000px; margin: 0 auto; } .inner { /* width: 1000px; */ margin: 0 auto; } .viewPc { display: block; } .viewSp { display: none; } @media screen and (max-width: 1024px) { .layout1, .inner { width: auto; } } @media screen and (max-width: 768px) { .layout1, .inner { width: auto; } .viewSp { display: block; } .viewPc { display: none; } } /* ----------------------------------------------------------------------- utility ----------------------------------------------------------------------- */ .leftBox { float: left; width: 50%; padding: 0 3%; } .rightBox { float: right; } /* ----------------------------------------------------------------------- #coupon WEBクーポン ----------------------------------------------------------------------- */ #coupon { padding: 48px 0 50px; /* background: url(../img/bg_paper01.jpg) repeat; */ } section#coupon {} #coupon .inner{ max-width:1000px; width:100%; padding: 2%; border: 1px dashed #eee; } #coupon .rightBox { padding: 10px 0 0; width:50%; } #coupon .rightBox .tit { width: 100%; } #coupon .rightBox .tit{ font-size:25px; color: #fa5c8d; line-height: 35px; font-weight: 600; } #coupon .rightBox .tit span{border-bottom: 3px solid;} #coupon .rightBox .txt { width: 100%; margin: 10px 0 20px; font-size: 18px; font-weight:600; } #coupon .rightBox .btn { margin-left: 95px; } #coupon .leftBox img { width: 90%; margin:5% auto; /* margin-left: -30px; */ /* margin-right: 35px; */ } @media screen and (max-width: 1024px) { #coupon .rightBox { width: 55%; } #coupon .rightBox .tit { width: 100%; font-size:20px; } #coupon .rightBox .tit img { width: 100%; height: auto; } #coupon .rightBox .txt { width: 100%; } #coupon .leftBox { width: 40%; margin: 0; } #coupon .leftBox img { width: 100%; height: auto; } } @media screen and (max-width: 768px) { #coupon { padding: 30px 6% 40px; background: url(../img/bg_paper01.jpg) repeat; } #coupon .rightBox { width: auto; padding: 23px 0 0; width:100%; text-align:center } #coupon .rightBox .txt { margin: 10px 0 20px; font-size: 13px; } #coupon .rightBox .btn { margin-left: 0; } #coupon .leftBox { /* margin-left: -30px; */ /* margin-right: 35px; */ width: 100%; } #coupon .leftBox img{ padding:5%; width: 80%; margin: 20px 10%; } } @media screen and (max-width: 768px){ #coupon .leftBox img{ padding: 5%; width: 90%; margin: 20px 5%; } } @media screen and (max-width: 500px) { #coupon .rightBox .tit { font-size: 18px;} #coupon .leftBox img{ padding:5%; width: 90%; margin: 20px 5%; } } /* ボタンエリア */ .btn_area{ width:100%; margin: 10px auto; text-align: center; } /* ボタン */ .bnt-massage { display: inline-block; /* min-width: 130px; */ text-align: center; background-color: #000; font-size: 18px; color: #FFF; text-decoration: none; font-weight: bold; padding: 10px 16px 10px 40px; position: relative; transition: .9s; border: 1px solid #FFF; } .bnt-massage:before { font-family: "FontAwesome"; content: "\f0e0"; position: absolute; left: 10px; top: 40%; margin-top: -10px; } .bnt-massage span { display: block; position: absolute; background-color: #ff6489; top: 0; left: 0; width: 100%; height: 34px; font-size: 14px; line-height: 34px; border-radius: 0 0 8px 0; z-index: -1; transition: .5s; } .bnt-massage:hover { border-radius: 8px 0 0; } .bnt-massage:hover span { transform: translateY(50px); } /* ボタン */ .btn-animation-02 { display: inline-block; /* width: 200px;*/ text-align: center; background-color: #ff7776; border: 2px solid #ff7776; font-size: 16px; color: #ff7776; text-decoration: none; font-weight: bold; padding: 10px 24px; border-radius: 4px; position: relative; } .btn-animation-02 span { position: relative; z-index: 1; } .btn-animation-02::before, .btn-animation-02::after { content: ""; display: block; background-color: #FFF; width: 50%; height: 100%; position: absolute; top: 0; transition: .2s; } .btn-animation-02::before { left: 0; } .btn-animation-02::after { right: 0; } .btn-animation-02:hover:before, .btn-animation-02:hover:after { width: 0; background-color: #FFF; } .btn-animation-02:hover { color: #FFF; } /* ボタン */ .btn-denim { display: inline-block; /*max-width: 180px;*/ text-align: left; background-color: #293b6a; font-size: 16px; color: #FFF; text-decoration: none; font-weight: bold; padding: 8px 16px; border: 1px dashed #FFF; box-shadow: 0px 0px 0px 5px #293b6a;/* box-shadowで外枠を */ } .btn-denim:hover { border-style: solid; } .ifSp { display: none; } @media only screen and (max-width: 414px){ .ifSp {display: block;} } /*! 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(0, 0, 0, 0.1);}.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: 40px;height: 40px;position:fixed;right: 5%;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: 5px;}.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;line-height: 40px;}.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);transform:translateY(-20px)}} .c-button { display: block; position: relative; width: 100%; height: 100%; overflow: hidden; text-align: center; cursor: pointer; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .c-button__text { font-family: "Open Sans", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif; font-size: 14.5px; font-weight: 700 !important; letter-spacing: 1.5px; line-height: 60px; padding-right: 1px; color: #fff; transition: .2s .2s; } .c-button__inner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .c-button__inner > p { transition: .3s; } .c-button__item1 { position: absolute; left: calc(100% - 10px); top: 0; width: 320px; height: 280px; border-width: 1px; border-style: solid; border-color: #fff; -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: translate3d(0%, 0, 0) rotate(-45deg); transform: translate3d(0%, 0, 0) rotate(-45deg); } .c-button__item2 { position: absolute; right: calc(100% - 10px); bottom: 0; width: 320px; height: 280px; border-width: 1px; border-style: solid; border-color: #fff; -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0%, 0, 0) rotate(-45deg); transform: translate3d(0%, 0, 0) rotate(-45deg); } .c-button__item1, .c-button__item2 { transition: border-color 0.3s, opacity 0.3s, -webkit-transform 0.6s cubic-bezier(0.79, 0.17, 0.15, 0.96); transition: transform 0.6s cubic-bezier(0.79, 0.17, 0.15, 0.96), border-color 0.3s, opacity 0.3s; transition: transform 0.6s cubic-bezier(0.79, 0.17, 0.15, 0.96), border-color 0.3s, opacity 0.3s, -webkit-transform 0.6s cubic-bezier(0.79, 0.17, 0.15, 0.96); } .c-button__item1::before, .c-button__item2::before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #f6f6f6; opacity: 0; transition: .4s .1s; } .c-button__arrow { position: absolute; top: 1px; bottom: 0; margin: auto; width: 9px; height: 13px; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); transition: .3s; } .c-button__arrow::before { content: ''; position: absolute; right: 0; top: 6px; height: 1px; width: 100%; -webkit-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: translate3d(0, 0, 0) rotate(45deg); transform: translate3d(0, 0, 0) rotate(45deg); } .c-button__arrow::after { content: ''; position: absolute; right: 0; top: 6px; height: 1px; width: 100%; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: translate3d(0, 0, 0) rotate(-45deg); transform: translate3d(0, 0, 0) rotate(-45deg); } .c-button__arrow.is-default { right: 7px; } .c-button__arrow.is-default::before, .c-button__arrow.is-default::after { background: #fff; transition: .3s; } .c-button__arrow.is-hover { opacity: 0; left: 17px; } .c-button__arrow.is-hover::before, .c-button__arrow.is-hover::after { background: #1f3134; } .c-button__lines { position: absolute; z-index: 1; left: 0px; top: 0px; height: 100%; width: 100%; } .c-button__lines > span { position: absolute; background-color: #fff; transition: background-color .3s, -webkit-transform .5s .1s ease-in-out; transition: transform .5s .1s ease-in-out, background-color .3s; transition: transform .5s .1s ease-in-out, background-color .3s, -webkit-transform .5s .1s ease-in-out; } .c-button__lines > span:nth-child(odd) { width: 100%; height: 1px; } .c-button__lines > span:nth-child(even) { width: 1px; height: 100%; } .c-button__lines > span:nth-child(1) { top: 0; left: 0; -webkit-transform-origin: left; transform-origin: left; } .c-button__lines > span:nth-child(2) { right: 0; top: 0; -webkit-transform-origin: top; transform-origin: top; } .c-button__lines > span:nth-child(3) { bottom: 0; right: 0; -webkit-transform-origin: right; transform-origin: right; } .c-button__lines > span:nth-child(4) { bottom: 0; left: 0; -webkit-transform-origin: bottom; transform-origin: bottom; } .c-button__external { position: absolute; top: 0; bottom: 5px; right: 14px; height: 18px; width: 18px; margin: auto; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: .3s; } @media screen and (max-width: 800px) { .c-button__external { bottom: 7px; right: 15px; height: 15px; width: 15px; } } .c-button__external::before { content: ""; position: absolute; left: 0; bottom: 0; width: 1px; height: 13px; background: #fff; -webkit-transform-origin: top; transform-origin: top; -webkit-transform: scaleY(0) translateY(0); transform: scaleY(0) translateY(0); transition: .2s; } .c-button__external::after { content: ""; position: absolute; left: 0; bottom: 0; width: 13px; height: 1px; background: #fff; -webkit-transform-origin: right; transform-origin: right; -webkit-transform: scaleX(0) translateX(0); transform: scaleX(0) translateX(0); transition: .2s; } .c-button__external .item1 { position: absolute; width: 9px; height: 9px; top: 5px; right: 5px; } .c-button__external .item1::before { content: ""; display: block; position: absolute; top: 0; left: 0; height: 1px; width: 100%; background: #fff; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: translateX(0); transform: translateX(0); transition: .1s .15s; } .c-button__external .item1::after { content: ""; position: absolute; top: 0; right: 0; height: 100%; width: 1px; background: #fff; -webkit-transform-origin: bottom; transform-origin: bottom; -webkit-transform: translateY(0); transform: translateY(0); transition: .1s .15s; } .c-button__external .item2 { position: absolute; right: 7px; top: 7px; width: 10px; height: 10px; border: solid 5px #fff; -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: scale(0) translate(0, 0); transform: scale(0) translate(0, 0); transition: 0.3s cubic-bezier(0.08, 0.92, 0.35, 1); opacity: 0; } .c-button__external .item3 { position: absolute; z-index: 1; top: 8px; right: 8px; display: block; width: 6px; height: 6px; background: #fff; -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); transition: 0.3s cubic-bezier(0.7, 0, 1, 1); display: none; } @media screen and (min-width: 801px) { .c-button:hover .c-button__inner::before { opacity: 0; transition: .2s; } .c-button:hover .c-button__text { color: #1f3134; } .c-button:hover .c-button__item1, .c-button:hover .c-button__item2 { transition: -webkit-transform 0.45s cubic-bezier(0.79, 0.17, 0.15, 0.96); transition: transform 0.45s cubic-bezier(0.79, 0.17, 0.15, 0.96); transition: transform 0.45s cubic-bezier(0.79, 0.17, 0.15, 0.96), -webkit-transform 0.45s cubic-bezier(0.79, 0.17, 0.15, 0.96); } .c-button:hover .c-button__item1::before, .c-button:hover .c-button__item2::before { opacity: 1; transition: .4s; } .c-button:hover .c-button__item1 { -webkit-transform: translate3d(-100%, 0, 0) rotate(-45deg); transform: translate3d(-100%, 0, 0) rotate(-45deg); transition: 0.5s cubic-bezier(0.29, 0.8, 0.35, 1); } .c-button:hover .c-button__item2 { -webkit-transform: translate3d(100%, 0, 0) rotate(-45deg); transform: translate3d(100%, 0, 0) rotate(-45deg); transition: 0.5s cubic-bezier(0.29, 0.8, 0.35, 1); } .c-button:hover .c-button__arrow.is-default { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); opacity: 0; transition: opacity .3s, -webkit-transform .4s; transition: transform .4s, opacity .3s; transition: transform .4s, opacity .3s, -webkit-transform .4s; } .c-button:hover .c-button__arrow.is-hover { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); opacity: 1; transition: opacity 0.2s 0.2s, -webkit-transform 0.3s 0.1s cubic-bezier(0.79, 0.17, 0.15, 0.96); transition: transform 0.3s 0.1s cubic-bezier(0.79, 0.17, 0.15, 0.96), opacity 0.2s 0.2s; transition: transform 0.3s 0.1s cubic-bezier(0.79, 0.17, 0.15, 0.96), opacity 0.2s 0.2s, -webkit-transform 0.3s 0.1s cubic-bezier(0.79, 0.17, 0.15, 0.96); } .c-button:hover .c-button__external::before, .c-button:hover .c-button__external::after, .c-button:hover .c-button__external .item1::before, .c-button:hover .c-button__external .item1::after, .c-button:hover .c-button__external .item2, .c-button:hover .c-button__external .item3, .c-button:hover .c-button__external .item4 { background: #1f3134; } .c-button:hover .c-button__external .item1::before { -webkit-transform: translateX(-11px); transform: translateX(-11px); transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out; } .c-button:hover .c-button__external .item1::after { -webkit-transform: translateY(11px); transform: translateY(11px); transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out; } .c-button:hover .c-button__external::before { -webkit-transform: scaleY(1) translateY(0px); transform: scaleY(1) translateY(0px); transition: -webkit-transform .2s 0.05s ease-out; transition: transform .2s 0.05s ease-out; transition: transform .2s 0.05s ease-out, -webkit-transform .2s 0.05s ease-out; } .c-button:hover .c-button__external::after { -webkit-transform: scaleX(1) translateX(0px); transform: scaleX(1) translateX(0px); transition: -webkit-transform .2s 0.05s ease-out; transition: transform .2s 0.05s ease-out; transition: transform .2s 0.05s ease-out, -webkit-transform .2s 0.05s ease-out; } .c-button:hover .c-button__external .item2 { -webkit-transform: scale(1) translate(3px, -3px); transform: scale(1) translate(3px, -3px); border: solid 1px #1f3134; transition: border 0.2s 0.1s, -webkit-transform 0.3s cubic-bezier(0.79, 0.17, 0.15, 0.96); transition: transform 0.3s cubic-bezier(0.79, 0.17, 0.15, 0.96), border 0.2s 0.1s; transition: transform 0.3s cubic-bezier(0.79, 0.17, 0.15, 0.96), border 0.2s 0.1s, -webkit-transform 0.3s cubic-bezier(0.79, 0.17, 0.15, 0.96); opacity: 1; border-width: 1px; } .c-button:hover .c-button__external .item3 { -webkit-transform: scale(0) translate3d(5px, 0, 0); transform: scale(0) translate3d(5px, 0, 0); transition: opacity 0.25s cubic-bezier(0.7, 0, 1, 1), -webkit-transform 0.25s cubic-bezier(0.7, 0, 1, 1); transition: transform 0.25s cubic-bezier(0.7, 0, 1, 1), opacity 0.25s cubic-bezier(0.7, 0, 1, 1); transition: transform 0.25s cubic-bezier(0.7, 0, 1, 1), opacity 0.25s cubic-bezier(0.7, 0, 1, 1), -webkit-transform 0.25s cubic-bezier(0.7, 0, 1, 1); opacity: 0; } } .is-btn-black > .c-button .c-button__text { color: #1f3134; } .is-btn-black > .c-button .c-button__item1 { border-color: #c6cccc; } .is-btn-black > .c-button .c-button__item2 { border-color: #c6cccc; } .is-btn-black > .c-button .c-button__item1::before, .is-btn-black > .c-button .c-button__item2::before { background: #1f3134; } .is-btn-black > .c-button .c-button__arrow.is-default::before, .is-btn-black > .c-button .c-button__arrow.is-default::after { background: #1f3134; } .is-btn-black > .c-button .c-button__arrow.is-hover::before, .is-btn-black > .c-button .c-button__arrow.is-hover::after { background: #fff; } .is-btn-black > .c-button .c-button__lines > span { background-color: #1f3134; } @media screen and (min-width: 801px) { .is-btn-black > .c-button .c-button .c-button:hover { opacity: .3; } .is-btn-black > .c-button .c-button .c-button__text { color: #fff; } } .is-btn-black > .c-button:hover .c-button__text { color: #fff; } .c-button:not(.is-invasion) .c-button__item1 { -webkit-transform: translate3d(10%, 0, 0) rotate(-45deg); transform: translate3d(10%, 0, 0) rotate(-45deg); transition: border-color 0s, opacity 0s, -webkit-transform 0s cubic-bezier(0.79, 0.17, 0.15, 0.96); transition: transform 0s cubic-bezier(0.79, 0.17, 0.15, 0.96), border-color 0s, opacity 0s; transition: transform 0s cubic-bezier(0.79, 0.17, 0.15, 0.96), border-color 0s, opacity 0s, -webkit-transform 0s cubic-bezier(0.79, 0.17, 0.15, 0.96); } .c-button:not(.is-invasion) .c-button__item2 { -webkit-transform: translate3d(-10%, 0, 0) rotate(-45deg); transform: translate3d(-10%, 0, 0) rotate(-45deg); transition: border-color 0s, opacity 0s, -webkit-transform 0s cubic-bezier(0.79, 0.17, 0.15, 0.96); transition: transform 0s cubic-bezier(0.79, 0.17, 0.15, 0.96), border-color 0s, opacity 0s; transition: transform 0s cubic-bezier(0.79, 0.17, 0.15, 0.96), border-color 0s, opacity 0s, -webkit-transform 0s cubic-bezier(0.79, 0.17, 0.15, 0.96); } .c-button:not(.is-invasion) .c-button__lines > span { transition: background-color 0s, -webkit-transform 0s ease-in-out; transition: transform 0s ease-in-out, background-color 0s; transition: transform 0s ease-in-out, background-color 0s, -webkit-transform 0s ease-in-out; } .c-button:not(.is-invasion) .c-button__lines > span:nth-child(odd) { -webkit-transform: scaleX(0); transform: scaleX(0); } .c-button:not(.is-invasion) .c-button__lines > span:nth-child(even) { -webkit-transform: scaleY(0); transform: scaleY(0); } @-webkit-keyframes elementInserted { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes elementInserted { 0% { opacity: 0; } 100% { opacity: 1; } } /*--btn_type1---*/ /*--ボタン---*/ .btn_wrapper {margin:15px 0} .btn_type1 {margin:0 auto;font-size:12px;color: #1c354c;padding:7px 40px;text-decoration:none;border: #1c354c 1px solid;display:inline-block;} /*-.btn_type1 { margin:0 auto; font-size:12px; color:#c1272d; padding:7px 40px; text-decoration:none; border:#c1272d 1px solid; display:inline-block;} -*/ .btn_type1 { background: none; display: inline-block; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .btn_type1:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* Button 1e */ .btn_type1 { overflow: hidden; } .btn_type1:after { width: 100%; height: 0; top: 50%; left: 50%; background: #1c354c; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); } .btn_type1:hover, .btn_type1:active {color: #ffffff!important;} .ie8 .btn_type1:hover, .ie8 .btn_type1:active {color: #c1272d!important;} .btn_type1:hover:after { height: 500%; opacity: 1; } .btn_type1:active:after { height: 500%; opacity: 1; } /*テキスト　センター*/ .tx_c {text-align:center;} .tx_l {text-align:left;} .tx_r {text-align:right;} .bl_media { font-size: 12px; } [class*='col-'].bl_media { padding: 5px; } .el_ttl { font-size: 16px; font-weight: bold; }