/* Site Name: Site URI: Author: Author URI: Version: 1.0 */ @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";color: #fff;} .ti-google:before{content:"\e73e"}.ti-github:before{content:"\e73f"}.ti-flickr:before{content:"\e740"} .ti-facebook:before{content:"\f09a";color:#fff} .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"} /* header, section, article, footer, nav{ display:block; } */ #container{ padding-top:140px; -webkit-transition:padding-top 0.3s ease-out; transition:padding-top 0.3s ease-out; } .wrapper{ position:relative; /* max-width:1200px;*/ margin:0 auto; } /* ---------- HEADER ---------- */ #header{ position:fixed; margin:0; left:0; top:0; width:100%; /* background: #3F51B5; */ /* height:139px; */ z-index: 99999; /* border-bottom:solid 1px #f1efef; border-bottom:solid 1px #ffffff;*/ -webkit-transition:height 0.3s ease-out; transition:height 0.3s ease-out; } .home #header{ /* border-bottom:solid 1px #ffffff;*/ } #header.smaller{ height:87px; height: 70px; background: #297fdf; } .home #header.smaller{ border-bottom:solid 1px #f1efef; border-bottom:solid 1px #ffffff; } #header #logo{ display:block; /* margin:30px auto 20px auto;*/ width: 210px; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; } #header.smaller #logo{ /* margin:10px auto 11px auto;*/ width: 210px; } #header #logo img{ display:block; width:100%; } #header #nav ul{ list-style:none; text-align:left; position: relative; /* top: -12px; */ padding-left: 240px; } #header #nav ul li{ display:inline-block; margin:0 15px; margin:0 1%; padding:13px 0 7px 0; line-height:100%; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; position:relative; top: -50px; } #header #nav ul li.ifSp{ display:none; } #header #nav ul li .nav-accent{ /* color: #f6c0d1; */ font-size: 25px; /* padding: 5px 10px 3px; border-radius: 10px; border: solid 2px #a7d28f; */ } #header.smaller #nav ul li{ padding:12px 0 6px 0; } #header #nav ul li.current{ border-bottom:solid 2px #492b12; } #header #nav ul li a{ display:block; text-decoration:none; font-family:"Times New Roman", Times, serif; line-height:100%; -ms-transform:rotate(0.03deg);-o-transform:rotate(0.03deg);-webkit-transform:rotate(0.03deg);transform:rotate(0.03deg); letter-spacing:1px; font-size:110%; } /**/#header #nav ul li a:after{ content:''; position:absolute; left:50%; top:24px; top:20px; width:0; height:1px; background:#fff; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out; } #header #nav ul li a:hover:after{ width:100%; left:0; } #header #nav ul li a{ display:block; text-decoration:none; font-family:"Times New Roman", Times, serif; line-height:100%; -ms-transform:rotate(0.03deg);-o-transform:rotate(0.03deg);-webkit-transform:rotate(0.03deg);transform:rotate(0.03deg); letter-spacing:1px; font-size:110%; } #header #nav ul li .gnavi.active:after { content: ''; position: absolute; width: 100%; height: 1px; bottom: -12px; left: 0; background: #ffffff; } #header.smaller #nav ul li a:after{ top:20px; top:31px; } #header #nav a:active{ height:1px; background:#fff; background:#fff; } #header #nav a { color: #ffffff; text-decoration: none; font-size:1.1rem; } #header #nav .sns{ position:fixed; right:5%; right: 60px; top: 40px; text-align:right; -webkit-transition:top 0.3s ease-out; transition:top 0.3s ease-out; } #header.smaller #nav .sns{ top: 28px; /* background: #297fdf; */ } #header #nav .sns .sep{ display:inline-block; width:1px; height:16px; vertical-align:middle; margin:0 20px; background:#fff; } #header #nav .sns a{ display:inline-block; height:18px; line-height:18px; vertical-align:middle; font-size: 1em; } #header #nav .sns a img{ display:block; height:100%; width:auto; } /* .snsArea ul */ #header .snsArea ul { font-size:0; display:inline-block; } #header .snsArea ul li {display:inline-block;margin:0;text-align:center;padding-right: 8px;} #header .snsArea ul li a {display:block;width: 30px;height: 40px;font-size:15px;font-size: 18px;color:#111;font-weight:normal;position:relative;z-index:0;} #header .snsArea ul li a i { line-height:30px; } #header .snsArea ul li a:hover { font-size:18px; color:#fff;} #header .snsArea ul li a:hover i { -webkit-transform: rotate(360deg) scale(1.1);-moz-transform: rotate(360deg) scale(1.1);-o-transform: rotate(360deg) scale(1.1);-ms-transform: rotate(360deg) scale(1.1);transform: rotate(360deg) scale(1.1);} #header .snsArea ul li a.youtube { font-size:18px; } #header .snsArea ul li a.youtube:hover { font-size:23px;} /* ul.blog */ #header .snsArea {position:absolute;top: 15px;right: 30px;/* width: 600px; */z-index: 1000;} #header .snsArea ul.blog {position:relative;z-index: 60;margin-left:10px;display: inline;display: inline;padding-left:18px;top: 0px;} #header .snsArea ul.blog:before {/* position:absolute; *//* top: 0; *//* left:0; *//* bottom:10px; *//* width:10px; *//* content:""; */border-left:#111 1px dotted;z-index:-1;} #header .snsArea ul.blog li a {width:auto;display: inline;height: 30px;color:#fff;font-family: 'Catamaran', sans-serif;font-weight:400;letter-spacing:1.5px;position:relative;line-height: 30px;z-index:2;/* display: inline-block; */} #header .snsArea ul.blog li a:hover {color:#fff;} #header .snsArea ul.blog li a i {font-size: 17px;line-height: 20px;font-weight:normal;padding-right:3px;} #header .snsArea ul.blog li a:before {position:absolute;bottom: 1px;left:0;right:0;height:0;content:"";/* border-bottom:#ddd 1px dotted; */z-index:-2;} #header .snsArea ul.blog li a:after {position:absolute;bottom: 0px;left:0;right:100%;height:0;content:"";border-bottom:transparent 1px solid;z-index:-1;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} #header .snsArea ul.blog li a:hover:after{ right:0; border-bottom:#fff 1px solid; } #header .snsArea .sep{ display:inline-block; width:1px; height:16px; vertical-align:middle; margin: 0 10px; background:#fff; } /* .AccessArea ul */ #header .AccessArea{ position: absolute; top: 24px; right: 30px; /* width: 600px; */ z-index: 1000; font-weight: 600; font-size: 1.1rem; } .AccessArea .btn{ color: #fff; border: 1px solid #fff; padding: 15px 19px; } .AccessArea .btn:before{ font-family: 'FontAwesome'; content: "\f041"; font-size: 1.5rem; padding-right: 5px; top: 2px; position: relative; } .AccessArea a{ text-decoration: none; } .AccessArea a.btn:hover{ color: #297fdf; background-color: #fff; } /* .PhoneArea ul */ #header .PhoneArea{ position:absolute; top: 24px; right: 155px; /* width: 600px; */ z-index: 1000; font-weight: 600; font-size: 1.1rem; } ruby{color:#fff} ruby{color:#fff} ruby a:after{color:#dbdbdb} .PhoneArea .btn { color: #fff; border: 1px solid #fff; padding: 15px 19px; } .PhoneArea .btn:before{ font-family: 'FontAwesome'; content: "\f095"; font-size: 1.5rem; padding-right: 5px; top: 4px; position: relative; left: 0; } .PhoneArea a{ text-decoration: none; } .PhoneArea a.btn:hover{ color: #fff; background-color: #003d7f; } /* .language_menu ul */ .language_menu { line-height: 70px; position: absolute; right: 360px; top: 5px; color: #ffffff; } .language_menu>li { position: relative; width: 80px; height: 40px; text-align: center; cursor: pointer; } .language_menu:before { /* content: ""; */ width: 1px; height: 20px; background: #d1d1d1; position: absolute; top:50%; margin-top: -10px; left: 0; } /*.language_menu>li:last-child { border-right: none; }*/ .language_menu>li a { display: block; width: 80px; height: 50px; font-size: 0.9rem; position: relative; line-height: 70px; color: #ffffff; /*text-decoration: underline;*/ } .language_menu>li:hover a { opacity: 1; } .language_menu>li ul li { overflow: hidden; height: 0; transition: 0.2s; position: relative; background-color: #003d7f; } .language_menu>li:hover > ul > li { overflow: visible; width: 80px; height: 30px; line-height: 30px; } .language_menu>li ul li a { display: block; position: relative; height: 30px; line-height: 30px; } .language_menu>li:hover ul li a:hover { background: #0068bd; color: #ffffff; } .ti-lang-ja:before { content: url(../images/language_kr.svg); } .ti-lang-en:before { content: url(../images/icon_lang_en.svg); } /* English */ .ti-lang-en:before{content: url(../images/icon_lang_en.svg) opacty:10;} /* Korean */ .ti-lang-ko:before{content: url(../images/icon_lang_ko.svg) } /* Japanese */ .ti-lang-ja:before{content: url(../images/icon_lang_ja.svg) } /* ch */ .ti-lang-cn:before{content: url(../images/icon_lang_cn.svg) } .animate_contents .border{ padding:57px; padding:3%; } .animate_contents .box{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0.2%; opacity:0; -webkit-transition:opacity 0.9s ease-out; transition:opacity 0.9s ease-out; } .animate_contents .box.loaded{ -khtml-opacity:1; opacity:1; } .animate_contents .left{ float:left; } .animate_contents .right{ float:right; } .animate_contents .large{ width:68.53%; } .animate_contents .small{ width:31.47%; } .animate_contents .half{ width:50%; } .animate_contents .third{ width:33.33%; float:left; padding-right:1px; padding-left:1px; } .animate_contents .oneLine .third:first-of-type{ padding-left:0; padding-right:2px; } .animate_contents .oneLine .third:last-of-type{ padding-left:2px; padding-right:0; } .animate_contents .third.loaded{ padding-right:1px; padding-left:1px; } .animate_contents .oneLine .third.loaded:first-of-type{ padding-left:0; padding-right:2px; } .animate_contents .oneLine .third.loaded:last-of-type{ padding-left:2px; padding-right:0; } .animate_contents .wide{ width:100%; } .animate_contents .box.full{ width:100%; padding-left:0; padding-right:0; padding-bottom:0; } .animate_contents .box.full.loaded{ padding-left:0; padding-right:0; padding-bottom:0; } .animate_contents .box.fulla{ width: 90%; padding-left:0; padding-right:0; padding-bottom:0; margin: 0 auto; } .animate_contents .box.fulla.loaded{ padding-left:0; padding-right:0; padding-bottom:0; } .animate_contents .box img{ display:block; width:100%; } .animate_contents .box .relative{ display:block; width:100%; height:100%; position:relative; text-decoration:none; overflow:hidden; } .animate_contents .box .desc{ display:block; position:absolute; left:0; top:50%; padding-left:10%; width:280px; margin-top:-118px; } .animate_contents .box .desc.white{ margin-top:-107px; } .animate_contents .box .desc .title{ font-family:"Times New Roman", Times, serif; -ms-transform:rotate(0.03deg);-o-transform:rotate(0.03deg);-webkit-transform:rotate(0.03deg);transform:rotate(0.03deg); font-size:242.86%; display:block; padding-bottom:15px; line-height:100%; position:relative; margin-bottom:20px; font-weight:100; letter-spacing:2px; } .animate_contents .box .desc .title:after{ content:''; display:block; width:40px; height:2px; background:#492b12; position:absolute; left:0; bottom:0; } .animate_contents .box .desc .subtitle{ font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; display:block; line-height:100%; font-size:128.57%; padding-bottom:10px; font-weight:400; } .animate_contents .box .desc p{ display:block; font-size:85.71%; font-family:YuGothic, Meiryo, sans-serif; letter-spacing:1px; line-height:180%; padding-bottom:25px; } .seemore{ display:inline-block; padding:12px 76px 12px 20px; font-family:"Times New Roman", Times, serif; /*-ms-transform:rotate(0.03deg);-o-transform:rotate(0.03deg);-webkit-transform:rotate(0.03deg);transform:rotate(0.03deg);*/ font-weight:700; /* font-style:italic;*/ line-height:100%; width:96px; font-size:107.14%; position:relative; text-decoration:none; color: #fff; } .seemore:after{ content:''; display:block; position:absolute; right:12px; top:50%; margin-top:-6.5px; width:40px; height:13px; background-image:url(img/seemore_arrow-w.png); background-position:center center; background-repeat:no-repeat; } .seemore:hover:after{ animation:0.3s steps(200) 0s normal none 1 swap; -webkit-animation-name: swap; -webkit-animation-duration: 0.3s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: steps(200); -webkit-animation-delay: 0s; -webkit-animation-direction: normal; -webkit-animation-fill-mode: none; } .demomore{ display:inline-block; margin-left: 10%; padding:12px 76px 12px 20px; font-family:"Times New Roman", Times, serif; /*-ms-transform:rotate(0.03deg);-o-transform:rotate(0.03deg);-webkit-transform:rotate(0.03deg);transform:rotate(0.03deg);*/ font-weight:700; /* font-style:italic;*/ line-height:100%; width:60px; font-size:107.14%; position:relative; text-decoration:none; color: #fff; } .demomore:after{ content:''; display:block; position:absolute; right:12px; top:50%; margin-top:-6.5px; width:40px; height:13px; background-image:url(img/seemore_arrow-w.png); background-position:center center; background-repeat:no-repeat; } .demomore:hover:after{ animation:0.3s steps(200) 0s normal none 1 swap; -webkit-animation-name: swap; -webkit-animation-duration: 0.3s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: steps(200); -webkit-animation-delay: 0s; -webkit-animation-direction: normal; -webkit-animation-fill-mode: none; } @-webkit-keyframes swap{ 0% {right:35px;opacity:0;} 1% {right:35px;opacity:0;} 50% {right:18px;opacity:1;} 100% {right:12px;} } @keyframes swap{ 0% {right:25px;opacity:0;} 1% {right:25px;opacity:0;} 50% {right:14px;opacity:1;} 100% {right:12px;} } .animate_contents .box .desc.white .title, .animate_contents .box .desc.white .subtitle, .animate_contents .box .desc.white p{ color:#ffffff; } .animate_contents .box.full .desc{ width:320px; height:190px; left:50%; margin-top:-95px; margin-left:-160px; padding:0; } .animate_contents .box.full .desc .special_link{ display:table-cell; width:320px; height:190px; text-align:center; vertical-align:middle; -webkit-transition:background-color 0.3s; -moz-transition:background-color 0.3s; -o-transition:background-color 0.3s; transition:background-color 0.3s; } .animate_contents .box.full .desc .special_link .line{ border-bottom:solid 2px #fff; display:inline-block; line-height:100%; padding-bottom:4px; font-family:"Times New Roman", Times, serif; /*-ms-transform:rotate(0.03deg);-o-transform:rotate(0.03deg);-webkit-transform:rotate(0.03deg);transform:rotate(0.03deg);*/ font-weight:700; /* font-style:italic;*/ font-size:142.86%; letter-spacing:3px; color: #fff; } .top #news_list{ padding-bottom:0; } .top #news_list ul li{ padding-bottom:40px; } .top #news_list .more{ padding-bottom:0px; } /* ----- STORY ----- */ .title_block_img{ position:relative; } .title_block_img .title{ display:block; line-height:100%; color:#ffffff; position:relative; font-family:"Times New Roman", Times, serif; /*-ms-transform:rotate(0.03deg);-o-transform:rotate(0.03deg);-webkit-transform:rotate(0.03deg);transform:rotate(0.03deg);*/ font-size:342.86%; display:block; text-align:center; padding-bottom:13px; margin-bottom:25px; font-weight:100; letter-spacing:2px; } .title_block_img .title:after{ content:''; display:block; width:40px; height:2px; background:#492b12; position:absolute; left:50%; margin-left:-20px; bottom:0; } .title_block_img .subtitle{ font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; display:block; line-height:100%; font-size:171.43%; font-size:157.14%; text-align:center; color:#ffffff; font-weight:400; } .title_block_img img{ display:block; width:100%; } .title_block_img .title_area{ position:absolute; left:0; width:100%; height:120px; top:50%; margin-top:-60px; text-align:center; } .contents_wrap{ margin:0 auto; max-width:1050px; } .int_title { width:96%; padding:60px 0; margin:0 auto; } .int_title .title{ display:block; float:left; width:33.33%; line-height:100%; position:relative; font-family:"Times New Roman", Times, serif; /*-ms-transform:rotate(0.03deg);-o-transform:rotate(0.03deg);-webkit-transform:rotate(0.03deg);transform:rotate(0.03deg);*/ font-size:242.86%; padding-bottom:13px; font-weight:100; letter-spacing:2px; } .int_title .title:after{ content:''; display:block; width:40px; height:2px; background:#492b12; position:absolute; left:0; bottom:0; } .int_title p{ font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; display:block; line-height:180%; font-size:114.28%; float:left; width:66.66%; } .greyBg{ background:#fafafa; } .decalImg{ margin-top:50px; } .decalImg_marg{ margin-top:130px; } .decalImg img{ margin-top:-50px; } .int_contents{ width:96%; margin:0 auto; } .int_contents .left{ float:left; } .int_contents .right{ float:right; } .int_contents .image{ width:52%; padding-bottom:60px; } .int_contents .text{ width:48%; padding:40px 0; } .int_contents .text .title{ display:block; padding:0 10% 15px 5%; font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; display:block; line-height:160%; font-size:128.57%; } .int_contents .text p{ display:block; padding:0 10% 0 5%; line-height:180%; } .int_contents .right.text .title{ padding-right:5%; padding-left:10%; } .int_contents .right.text p{ padding-right:5%; padding-left:10%; } /* ブログで右メニュー .int_blogR{ width: 15%; margin-left: 1%; float: right; } .int_blogL{ width: 82%; padding-right: 1%; float: left; border-right: 1px solid #f1efef; } */ /* ----- ABOUT ----- */ .about_container{ padding-bottom:10px; } .about_presentation{ background:#492b12; } .about_presentation ul{ list-style:none; text-align:center; padding-top:18px; padding-bottom:17px; background-image:url(img/about/pres_bg.gif); background-repeat:no-repeat; background-position:center top; } .about_presentation ul li{ display:inline-block; width:115px; height:115px; position:relative; margin:0 20px; text-align:center; cursor:default; } .about_presentation ul li:first-of-type{ margin-left:0; } .about_presentation ul li:last-of-type{ margin-right:0; } .about_presentation ul li .caption{ display:block; line-height:100%; font-weight:700; font-size:114.28%; text-align:center; cursor:default; font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; max-width:130px; margin-left:auto; } .about_presentation ul li .absolute{ display:block; width:115px; height:115px; position:absolute; left:0; top:0; background:rgba(124,114,33,0.9); -webkit-border-radius:115px; border-radius:115px; -webkit-transition: -khtml-opacity 0.3s ease-out, opacity 0.3s ease-out; transition: -khtml-opacity 0.3s ease-out, opacity 0.3s ease-out; -khtml-opacity:0; opacity:0; cursor:default; } .about_presentation ul li:hover .absolute{ -khtml-opacity:1; opacity:1; } .about_presentation ul li .absolute p{ display:table-cell; width:115px; height:115px; text-align:center; vertical-align:middle; color:#ffffff; font-weight:700; font-size:85.71%; cursor:default; } .subtitle_block{ width: 90%; margin: 0 auto; padding-bottom:20px; padding-top:80px; /*border-bottom:solid 1px #f1efef;*/ } .products .subtitle_block{ padding-top:40px; /*border-bottom:solid 1px #f1efef;*/ padding-bottom:20px; } .subtitle_block .subtitle{ display:block; text-align:center; line-height:100%; position:relative; font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; font-size:128.57%; padding-bottom:18px; letter-spacing:2px; } .subtitle_block .subtitle{ font-weight:400; } .subtitle_block .title{ display:block; text-align:center; line-height:100%; position:relative; font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; font-size:257.14%; padding-bottom:20px; letter-spacing:2px; margin-bottom:20px; margin-top:20px; } .subtitle_block .title{ font-weight:400; } .subtitle_block .title:after{ content:''; display:block; width:80px; height:2px; background:#492b12; position:absolute; left:50%; margin-left:-40px; bottom:0; } .subtitle_block p{ display:block; /* text-align:center;*/ line-height:200%; font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; font-size:114.28%; font-weight:700; } .subtitle_block p{ font-weight:400; } .about .article{ padding-top:70px; } .about .article .article_title{ text-align:center; padding-bottom:35px; } .about .article .article_title .title{ display:block; text-align:center; line-height:100%; font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; font-size:157.14%; padding-top:10px; } .about .article .article_title .title span{ margin-right:15px; font-family:"Times New Roman", Times, serif; /*-ms-transform:rotate(0.03deg);-o-transform:rotate(0.03deg);-webkit-transform:rotate(0.03deg);transform:rotate(0.03deg);*/ font-weight:100; font-size:109.09%; font-style:italic; } .about .article .article_title p{ font-family:"Times New Roman", Times, serif; /*-ms-transform:rotate(0.03deg);-o-transform:rotate(0.03deg);-webkit-transform:rotate(0.03deg);transform:rotate(0.03deg);*/ font-size:107.14%; font-style:italic; line-height:100%; color:#9a9a9a; letter-spacing:2px; } .bordered_text{ max-width:640px; margin:0 auto; padding:30px 0 30px 78px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-top:solid 2px #222222; border-bottom:solid 2px #222222; } .bordered_text.centered{ max-width:640px; margin:0 auto; padding:30px 0 30px 0; text-align:center; margin-bottom:40px; } .bordered_text p{ font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; font-size:114.28%; font-size:107.14%; line-height:220%; } .bordered_text p span{ font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; font-size:100%; } .about_list{ padding-top:40px; max-width:800px; margin:0 auto; } .about_list ul{ list-style:none; } .about_list ul li{ display:block; width:50%; padding:0 3.8% 35px 3.8%; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .about_list ul li img{ display:block; width:100%; margin-bottom:15px; } .about_list ul li p{ display:block; line-height:160%; font-size:92.86%; } .table_like{ max-width:786px; margin:0 auto; padding:15px 0 15px 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-top:solid 1px #f1efef; border-bottom:solid 1px #f1efef; margin-bottom:20px; } .table_like p{ position:relative; padding-left:24px; font-size:85.71%; line-height:180%; } .table_like p span{ display:block; position:absolute; left:0; top:2px; } .underlined{ text-align:center; } .about .underlined{ padding-bottom:25px; padding-top:5px; } .underlined .underline{ font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; font-size:114.28%; line-height:100%; display:inline-block; text-align:center; position:relative; } .underlined .underline:before{ content:''; display:block; width:100%; height:2px; background:#492b12; position:absolute; left:0; bottom:2px; z-index:-1; } .about .text_alone{ font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; font-size:114.28%; line-height:220%; display:block; text-align:center; } .about .text_alone strong{ font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; font-weight:400; font-size:125%; } .about .contents_wrap .animate_contents .box{ padding-right:2%; padding-left:2%; } .about .contents_wrap .animate_contents .box.loaded{ padding-right:2%; padding-left:2%; } .about .contents_wrap .animate_contents .box .caption{ display:block; line-height:100%; text-align:center; font-family:"Times New Roman", Times, serif; /*-ms-transform:rotate(0.03deg);-o-transform:rotate(0.03deg);-webkit-transform:rotate(0.03deg);transform:rotate(0.03deg);*/ font-size:114.28%; font-style:italic; letter-spacing:3px; font-weight:700; padding-top:15px; } .border_about{ padding-right:11%; padding-left:11%; } .about .grey_bg{ background:#fafafa; padding:40px 0; text-align:center; } .about .grey_bg .grey_bg_inside{ max-width:700px; margin:0 auto; } .about .grey_bg table{ width:100%; border-collapse:collapse; } .about .grey_bg table td{ width:50%; text-align:center; vertical-align:middle; padding:30px; } .about .grey_bg table td img{ display:block; margin:0 auto 25px auto; } .about .grey_bg table td.left{ border-right:solid 1px #cccccc; } .about .grey_bg table .first td{ border-bottom:solid 1px #cccccc; } .about .grey_bg table td p{ text-align:left; display:block; padding-top:15px; } .about .grey_bg .underline{ /*display:inline-block; background-image:url(img/underlined_bg.gif); background-repeat:repeat-x; background-position:left 17px; font-family: "FP-ヒラギノ明朝 StdN W2"; font-size:114.28%;*/ } .second_title{ padding-top:80px; } .second_title .title{ display:block; text-align:center; line-height:100%; position:relative; font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; font-size:171.43%; padding-bottom:30px; letter-spacing:2px; margin-bottom:40px; } .second_title .title:after{ content:''; display:block; width:80px; height:2px; background:#492b12; position:absolute; left:50%; margin-left:-40px; bottom:0; } .section_title{ padding-top:40px; } .section_title .title{ display:block; text-align:center; line-height:100%; font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; font-size:140%; padding-bottom:40px; letter-spacing:2px; font-weight:400; } /* ----- LOOKBOOK ----- */ .lookbook{ padding-top:50px; } .title_block{ text-align:center; padding-right: 1.7%; padding-left: 1.7%; padding-bottom:0.7%; } .title_block .title{ display:inline-block; padding:30px 0 20px; position:relative; margin:0 auto 50px auto; text-align:center; font-family:"Times New Roman", Times, serif; /*-ms-transform:rotate(0.03deg);-o-transform:rotate(0.03deg);-webkit-transform:rotate(0.03deg);transform:rotate(0.03deg);*/ font-weight:100; line-height:100%; font-style:italic; font-size:146%; letter-spacing:4px; } .title_block .title:after{ content:''; display:block; height:2px; width:40px; position:absolute; left:50%; margin-left:-20px; bottom:0; background:#492b12; } .title_block img{ display:block; width:100%; } .lookbook .animate_contents .border{ padding-top:0; padding-bottom:0; padding-right:1%; padding-left:1%; } .lookbook .animate_contents p{ display:block; text-align:center; line-height:190%; font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; font-size:114.28%; padding:3% 0.7%; } .lookbook .animate_contents .box { padding: 0.7%; } .lookbook .animate_contents .box.loaded { padding: 0.7%; } /* ----- PRODUCTS ----- */ .products #cat_links{ border-top:none; padding-top:80px; } .products .int_title{ padding-top:80px; } .int_title .title small{ display:block; font-size:41.18%; font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; padding-top:10px; letter-spacing:0; -ms-transform:inherit; -o-transform:inherit; -webkit-transform:inherit; transform:inherit; font-weight:700; } .int_title p{ line-height:200%; } .int_title .button{ padding-top:20px; text-align:right; float:none; clear:both; } .int_title .button .seemore{ text-align:left; letter-spacing:1px; } .int_title .buttonDemo{ padding-top:20px; text-align:right; float:none; clear:both; } .int_title .buttonDemo .seemore{ text-align:left; letter-spacing:1px; } .products .title_block_img{ margin-bottom:30px; } .products .title_block_img .title_area{ height:184px; margin-top:-92px; } .cat.products .title_block_img .title_area{ height:120px; margin-top:-60px; } .products .title_block_img .title{ letter-spacing:3px; } .products .title_block_img .title small{ font-family:"Times New Roman", Times, serif; /*-ms-transform:rotate(0.03deg);-o-transform:rotate(0.03deg);-webkit-transform:rotate(0.03deg);transform:rotate(0.03deg);*/ font-weight:900; color:#492b12; font-style:italic; display:block; text-align:center; line-height:100%; font-size:36%; letter-spacing:1px; padding-bottom:10px; } .products .title_block_img .subtitle{ line-height:140%; } .animate_contents.spaced{ padding-bottom:40px; } .products .animate_contents.spaced{ padding-bottom:30px; } .animate_contents.spaced .box.loaded{ padding-top:0; } #products_list{ background:#fafafa; padding-bottom:30px; padding-top:75px; } #products_list .title_area .title{ font-family:"Times New Roman", Times, serif; /*-ms-transform:rotate(0.03deg);-o-transform:rotate(0.03deg);-webkit-transform:rotate(0.03deg);transform:rotate(0.03deg);*/ font-size:185.71%; display:block; text-align:center; padding-bottom:15px; line-height:100%; position:relative; font-weight:100; letter-spacing:2px; font-style:italic; color:#9a9a9a; font-weight:100; } #products_list .title_area .title:after{ content:''; display:block; width:40px; height:2px; background:#492b12; position:absolute; left:50%; margin-left:-20px; bottom:0; } #products_list ul{ list-style:none; max-width:1050px; margin:0 auto; padding-bottom:50px; padding-top:50px; } #products_list ul li{ display:block; width:33.33%; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0 2%; } #products_list ul li a{ display:block; text-decoration:none; } #products_list ul li .image{ display:block; overflow:hidden; } #products_list ul li .image img{ display:block; width:100%; } #products_list ul li a .title{ display:block; font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; font-weight:900; font-size:114.28%; padding-bottom:4px; padding-top:15px; letter-spacing:1px; line-height: 120%; } #products_list ul li a .title small{ font-weight:100; display:block; font-size:75%; padding-top:3px; font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; } #products_list ul li a .price{ font-weight:100; display:block; font-size:85.71%; font-family: "FP-ヒラギノ明朝 StdN W2"; } #products_list ul li a .text{ display:block; font-size:92.85%; letter-spacing:1px; padding-top:12px; padding-bottom:30px; } /* ---------- SHOPLIST ---------- */ #shop_list{ margin: 0 auto; max-width: 1050px; } #shop_list .area{ padding:0 2% 80px 2%; } #shop_list .area .title{ display:block; font-size:157.14%; font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; text-align:center; line-height:100%; padding:10px 0; } #shop_list .area .table{ display:table; border-collapse:collapse; width:100%; } #shop_list .area .table .tr{ display:table-row; height:100px; } #shop_list .area .table .th{ display:table-cell; vertical-align:middle; padding-left:20px; width:333px; width:35%; font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; font-size:114.28%; font-weight:400; line-height:150%; padding-top:20px; padding-bottom:20px; border-bottom:solid 1px #f1efef; } #shop_list .area .table .td{ display:table-cell; vertical-align:middle; padding-right:20px; font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; font-size:114.28%; font-weight:400; line-height:150%; padding-top:20px; padding-bottom:20px; border-bottom:solid 1px #f1efef; } .shoplist #cat_links{ padding-top:0; border-top:none; } /* ---------- NEWS ---------- */ .title_block.general { padding-top:70px; padding-bottom:50px; } .title_block.general .title{ font-style:normal; letter-spacing:2px; font-size:214.28%; margin-bottom:0; padding-top:0; } .title_block.general .title:after{ background:#222222; } #news_list{ margin: 0 auto; max-width: 1050px; padding-bottom:20px; } #news_list ul{ list-style:none; } #news_list ul li{ display:inline-block; margin-right:-4px; vertical-align:top; width:25%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0 2% 50px 2%; } #news_list ul li a{ display:block; text-decoration:none; } #news_list ul li a .image{ overflow:hidden; width:100%; position:relative; display:block; } #news_list ul li img{ display:block; width:100%; } #news_list ul li a .text{ display:block; padding-top:12px; } #news_list ul li a .title{ display:block; font-size:114.28%; /*font-family: "FP-ヒラギノ明朝 StdN W2";*/ line-height:130%; padding-bottom:6px; font-size: 107.14%; line-height: 150%; } #news_list ul li a .date{ font-family:"Times New Roman", Times, serif; /*-ms-transform:rotate(0.03deg);-o-transform:rotate(0.03deg);-webkit-transform:rotate(0.03deg);transform:rotate(0.03deg);*/ font-style:italic; font-size:85.71%; letter-spacing:1px; text-transform: capitalize; } #news_list ul li a .date .sep{ font-family:"Times New Roman", Times, serif; /*-ms-transform:rotate(0.03deg);-o-transform:rotate(0.03deg);-webkit-transform:rotate(0.03deg);transform:rotate(0.03deg);*/ font-style:normal; display:inline-block; padding:0 7px; vertical-align:1px; } #news_list .more{ padding-bottom:50px; } #news_list .more a{ text-decoration:none; display:block; width:190px; margin:0 auto; text-align:center; font-style:italic; font-weight:700; font-family:"Times New Roman", Times, serif; /*-ms-transform:rotate(0.03deg);-o-transform:rotate(0.03deg);-webkit-transform:rotate(0.03deg);transform:rotate(0.03deg);*/ font-size:107.14%; letter-spacing:1px; padding:10px 0; color: #fff; } #news_article{ max-width:720px; margin:0 auto; } #news_article img{ max-width:100% !important; height:auto !important; } #news_article .article_image img{ display:block; width:100%; } #news_article .article_title{ padding:20px 0 30px 0; } #news_article .article_title .title{ display:block; font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; font-weight:900; font-size:171.43%; letter-spacing:1px; } #news_article .article_title p{ font-family:"Times New Roman", Times, serif; /*-ms-transform:rotate(0.03deg);-o-transform:rotate(0.03deg);-webkit-transform:rotate(0.03deg);transform:rotate(0.03deg);*/ font-style:italic; font-size:100%; letter-spacing:1px; display:block; padding-top:5px; text-transform: capitalize; } #news_article .article_title p .sep{ font-family:"Times New Roman", Times, serif; /*-ms-transform:rotate(0.03deg);-o-transform:rotate(0.03deg);-webkit-transform:rotate(0.03deg);transform:rotate(0.03deg);*/ font-style:normal; display:inline-block; padding:0 7px; vertical-align:1px; } #news_article .article_contents{ font-size:114.28%; } #news_article .article_contents p{ line-height:170%; margin-bottom:15px; } #news_article .article_sns{ padding:30px 0 50px; } #news_article .article_sns .title{ display:inline-block; vertical-align:bottom; font-family:"Times New Roman", Times, serif; /*-ms-transform:rotate(0.03deg);-o-transform:rotate(0.03deg);-webkit-transform:rotate(0.03deg);transform:rotate(0.03deg);*/ font-style:italic; font-size:105%; letter-spacing:1px; font-weight:100; line-height:100%; } #news_article .article_sns .oneSns{ display:inline-block; vertical-align:bottom; height:20px; margin-left:10px; } #news_article .article_navi{ padding:30px 0 80px 0; border-top:solid 1px #f1efef; } #news_article .article_navi .navi_container{ position:relative; padding-left:100px; padding-right:100px; } #news_article .article_navi a{ font-family:"Times New Roman", Times, serif; /*-ms-transform:rotate(0.03deg);-o-transform:rotate(0.03deg);-webkit-transform:rotate(0.03deg);transform:rotate(0.03deg);*/ font-size:128.57%; text-decoration:none; display:block; } #news_article .article_navi a.yellow{ width:190px; line-height:100%; height:40px; line-height:40px; margin:0 auto; text-align:center; } #news_article .article_navi a.prev{ position:absolute; width:65px; width:37px; left:30px; top:0; height:40px; line-height:40px; padding-left:28px; background-image:url(img/prev.gif); background-position:left center; background-repeat:no-repeat; } #news_article .article_navi a.next{ text-align:right; position:absolute; width:65px; width:37px; right:30px; top:0; height:40px; line-height:40px; padding-right:28px; background-image:url(img/next.gif); background-position:right center; background-repeat:no-repeat; } /* ---------- CONTACT ---------- */ #contact table{ width:100%; border-collapse:collapse; } #contact table th{ text-align:left; vertical-align:middle; font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; font-size:114.28%; border-top:solid 1px #f1efef; padding:35px 20px; width:33%; } #contact table th.align_top{ vertical-align:top; } #contact table th .red{ color:#cf8484; font-size:81.25%; } #contact table td{ text-align:left; vertical-align:middle; font-size:114.28%; border-top:solid 1px #f1efef; padding:30px 10px 30px 10px; } #contact table td .desc{ font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; margin-right:40px; margin-left:10px; } #contact table .error td .desc{ color:#cf8484; } #contact table td .radio{ width:14px; cursor:pointer; height:14px; margin-right:-14px; opacity:0; vertical-align:-2px; width:14px; } #contact table td .radioBtn{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:solid 4px #f1efef; background:#f1efef; -webkit-border-radius:20px; border-radius:20px; display: inline-block; height:16px; width:16px; margin-right:8px; vertical-align:-2px; -webkit-transition:background 0.15s; -moz-transition:background 0.15s; -o-transition:background 0.15s; transition:background 0.15s; } #contact table td input:checked + .radioBtn{ background:#3f3f3f; } #contact table td .input{ border:solid 1px #f1efef; background:#f1efef; padding:3px 10px; -webkit-transition:background 0.2s, border 0.2s; -moz-transition:background 0.2s, border 0.2s; -o-transition:background 0.2s, border 0.2s; transition:background 0.2s, border 0.2s; -webkit-appearance: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; outline-offset: -2px; -webkit-border-radius:0px; border-radius:0px; } #contact table td .input.small{ width:160px; } #contact table td .input.medium{ width:240px; } #contact table td .input:focus{ background:#ffffff; } #contact table .error td .input{ background:#ffffff; border:solid 1px #cf8484; } #contact table td textarea{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:solid 1px #f1efef; background:#f1efef; padding:3px 10px; width:100%; max-width:100%; min-width:100%; height:264px; min-height:264px; -webkit-transition:background 0.2s, border 0.2s; -moz-transition:background 0.2s, border 0.2s; -o-transition:background 0.2s, border 0.2s; transition:background 0.2s, border 0.2s; -webkit-appearance: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; outline-offset: -2px; -webkit-border-radius:0px; border-radius:0px; } #contact table td textarea:focus{ background:#ffffff; } #contact table .error td textarea{ background:#ffffff; border:solid 1px #cf8484; } #contact .button_container{ padding:60px 0; text-align:center; border-top:solid 1px #f1efef; } #contact .button_container .button{ cursor:pointer; border:none; display:block; font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; text-align:center; font-size:114.28%; margin:0 auto; font-weight:900; text-decoration:none; } #contact .button_container .yellow{ width:250px; height:60px; line-height:60px; } #contact .button_container .grey{ background:#f1efef; width:152px; height:38px; line-height:38px; margin-top:30px; } #contact .thanksMessage{ text-align:center; padding:20px 0 60px 0; } #contact .thanksMessage .title{ display: block; font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; font-size: 180%; font-weight: 700; line-height: 200%; text-align: center; padding-bottom:20px; } #contact .thanksMessage p{ display: block; font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; font-size: 114.28%; text-align: center; } #contact .thanksMessage .button_container{ border:none; } /* ---------- BANNER ---------- */ #links_menu{ padding-top:80px; } #links_menu .links_wrapper{ max-width:1050px; margin:0 auto; } .line_through{ text-align:center; position:relative; width:96%; margin:0 auto; } .line_through:before{ content:''; display:block; position:absolute; left:0; top:50%; width:100%; height:1px; background:#222222; z-index:-1; } .line_through .title{ display:inline-block; padding:0 20px; background:#ffffff; z-index:1; font-size:142.86%; font-family:"Times New Roman", Times, serif; /*-ms-transform:rotate(0.03deg);-o-transform:rotate(0.03deg);-webkit-transform:rotate(0.03deg);transform:rotate(0.03deg);*/ font-weight:100; line-height:100%; } #links_menu .links_list{ list-style:none; padding-top:20px; } #links_menu .links_list li{ display:block; width:25%; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:20px 2%; } #links_menu .links_list li .relative{ display:block; position:relative; text-align:center; text-decoration:none; line-height:100%; overflow:hidden; } #links_menu .links_list li img{ display:block; width:100%; } #links_menu .links_list li .relative .caption{ position:absolute; left:0; top:50%; display:block; width:100%; text-align:center; font-family:"Times New Roman", Times, serif; /*-ms-transform:rotate(0.03deg);-o-transform:rotate(0.03deg);-webkit-transform:rotate(0.03deg);transform:rotate(0.03deg);*/ font-weight:100; font-style:italic; font-size:114.28%; margin-top:-12px; width:130px; left:50%; margin-left:-65px; padding-top:5px; padding-bottom:5px; } #cat_links{ padding-top:70px; border-top:solid 1px #f1efef; } .story #cat_links{ border-top:none; } .about #cat_links{ border-top:none; } #cat_links ul{ list-style:none; max-width:1050px; margin:0 auto; } #cat_links ul li{ display:block; width:33.33%; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0 2%; } #cat_links ul li a{ display:block; text-decoration:none; } #cat_links ul li .image{ display:block; overflow:hidden; } #cat_links ul li .image img{ display:block; width:100%; } #cat_links ul li a .title{ display:block; text-align:center; font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; font-weight:900; font-size:125.87%; padding-bottom:5px; padding-top:15px; letter-spacing:1px; line-height: 120%; } #cat_links ul li a .text{ display:block; text-align:center; /*font-family: "FP-ヒラギノ明朝 StdN W2";*/ font-size:85.71%; letter-spacing:1px; } .share_links{ text-align:center; padding:55px 0 90px 0; } .share_links .title{ display: inline-block; margin-right: 8px; vertical-align: middle; font-family:"Times New Roman", Times, serif; /*-ms-transform:rotate(0.03deg);-o-transform:rotate(0.03deg);-webkit-transform:rotate(0.03deg);transform:rotate(0.03deg);*/ font-weight:100; font-style:italic; font-size:130%; line-height:100%; letter-spacing:2px; margin-right:35px; } .share_links .oneSns{ background-color:#ffffff; background-position: center center; background-repeat: no-repeat; display: inline-block; background-size:auto 18px; height: 18px; overflow: hidden; vertical-align: middle; width: 22px; margin-right:15px; } .share_links .oneSns *{ filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; -ms-transform:scale(2); -o-transform:scale(2); -webkit-transform:scale(2); transform: scale(2); } .share_links #facebook{ background-image: url(img/icon_fb.gif); } .share_links #twitter{ background-image: url(img/icon_twitter.gif); } /****************************************************************************** * MENU TABLE *******************************************************************************/ /*** レスポンシブテーブルデザイン ***/ .tblTitle{ font-size: 10px; font-size: 1.1rem; line-height: 1.6; margin: 20px 0; } .tblA{ width:100%; /* border: 1px solid #DDD;*/ overflow: hidden; word-break: break-all; word-wrap: break-word; font-size: 10px; font-size: 1.1rem; line-height: 1.5; } .tblA th{ padding: 6px 8px 5px; border-top: solid 1px #ffffff; /*width: 30%;*/ overflow: hidden; color: #13131e; font-style: normal; font-weight: 500; text-align: left; word-break: break-all; word-wrap: break-word; vertical-align: top; background-color: #ffffff; border-top: solid 1px #DDD; } .tblA td{ padding: 5px 10px; text-align: left; vertical-align: top; color: #595960; background-color: #ffffff; border-top: solid 1px #DDD; overflow: hidden; word-break: break-all; word-wrap: break-word; line-height: 1.6; } .tblw20{ width: 20%; } .tblw30{ width: 30%; } .tblw40{ width: 40%; } .tblw50{ width: 50%; } .tblw60{ width: 60%; } .tblCal { width: 100%; font-size: 90%; border-collapse: separate; border-spacing: 0px 1px; margin-bottom:30px; padding: 0 3%; color: #1f0d00; } .tblCal img{ margin:0; } .tblCal th { font-weight: 500; padding: 1%; vertical-align: middle; text-align: center; border-bottom: #999 1px solid; } .tblCal td { padding: 1%; text-align: center; border-bottom: #999 1px solid; } .tblCal td.r1 { width: 14%; text-align: center; /* border-right: #999 1px solid; background: #447791;*/ } .calRed{ color: #CA0000; } .calBack{ background-color: #F5D1D1; } .corpo_links{ padding-top:40px; text-align:center; } .corpo_links a{ display:inline-block; text-decoration:none; font-family:"Times New Roman", Times, serif; line-height:10px; /*-ms-transform:rotate(0.03deg);-o-transform:rotate(0.03deg);-webkit-transform:rotate(0.03deg);transform:rotate(0.03deg);*/ letter-spacing:1px; padding-right:15px; margin:0 15px; position:relative; } .corpo_links a:after{ content:''; display:block; width:10px; height:8px; position:absolute; right:0; top:50%; margin-top:-4px; background-image:url(img/blank.png); background-position:center center; background-repeat:no-repeat; } .nav_links{ padding-top:40px; text-align:center; font-size: 85.71%; } .nav_links a{ display:inline-block; text-decoration:none; font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; line-height:10px; /*-ms-transform:rotate(0.03deg);-o-transform:rotate(0.03deg);-webkit-transform:rotate(0.03deg);transform:rotate(0.03deg);*/ letter-spacing:1px; padding-right:15px; margin:0 15px; position:relative; } .nav_links a:hover{ } #to_top{ display:block; position:fixed; right:0; bottom:0; background-image:url(img/to_top.gif); background-position:center center; background-repeat:no-repeat; -khtml-opacity:0; opacity:0; -webkit-transition: -khtml-opacity 0.6s ease-out, opacity 0.6s ease-out; transition: -khtml-opacity 0.6s ease-out, opacity 0.6s ease-out; } #to_top.showed{ -khtml-opacity:1; opacity:1; width:40px; height:40px; } .yellow{ -webkit-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out; } .animate_contents .box.full .desc .special_link:hover, a.yellow:hover, a .yellow:hover, button.yellow:hover{ background-color:#543115; background-color:#5b4029; } .share_links .oneSns, #to_top.showed, .corpo_links a, #footer ul li a, #header #logo a img, #header #nav .sns a img{ -webkit-transition: -khtml-opacity 0.3s ease-out, opacity 0.3s ease-out; transition: -khtml-opacity 0.3s ease-out, opacity 0.3s ease-out; } .share_links .oneSns:hover, #to_top.showed:hover, .corpo_links a:hover, .nav_links a:hover, #footer ul li a:hover, #header #logo a:hover img, #header #nav .sns a:hover img{ -khtml-opacity:0.5; opacity:0.5; } #main_visual, .title_block_img img, .title_block img, .products .title_block_img{ -khtml-opacity:0; opacity:0; -webkit-transition: -khtml-opacity 1.2s ease-out, opacity 1.2s ease-out; transition: -khtml-opacity 1.2s ease-out, opacity 1.2s ease-out; } #main_visual.ready, .title_block_img img.ready, .title_block img.ready, .products .title_block_img.ready{ -khtml-opacity:1; opacity:1; } .animate_contents .box img, #products_list ul li .image img, #news_list ul li img, #links_menu .links_list li img, #cat_links ul li .image img{ -webkit-transition:-khtml-opacity 0.4s ease-out, opacity 0.4s ease-out; transition:-khtml-opacity 0.4s ease-out, opacity 0.4s ease-out; background:#ffffff; } .animate_contents .box .relative:hover img, #products_list ul li a:hover img, #news_list ul li a:hover img, #links_menu .links_list li .relative:hover img, #cat_links ul li a:hover img{ /*-webkit-transform: scale(1.03);-ms-transform: scale(1.03);transform: scale(1.03);*/ -khtml-opacity:0.6; opacity:0.6; } /* TABLET SIZE */ @media screen and (max-width: 1024px){ #header #nav .sns .sep{ margin: 0 10px; } #header #nav .sns { right: 30px; top: 41px; } } /* SMARTPHONES SIZE */ @media screen and (max-width: 812px){ *{ font-weight:400; } body{ text-size-adjust:none; -webkit-text-size-adjust: none; font-weight:400; } .ifSp{ display:block; } .ifPc{ display:none !important; } #header .AccessArea{ position: absolute; top: 20px; right: 56px; } .AccessArea .btn { padding: 12px 15px; /* margin-right: 10px; */ } .AccessArea .btn:before { padding-right: 0px; } #header .PhoneArea{ position:absolute; top: 20px; right: 100px; } .PhoneArea .btn { padding: 12px 15px; margin-right: 10px; } .PhoneArea .btn:before { padding-right: 0px; } .language_menu { right: 185px; top: -20px; } .yellow, .animate_contents .box.full .desc .special_link:hover, a.yellow:hover, a .yellow:hover, button.yellow:hover, .animate_contents .box img, #products_list ul li .image img, #news_list ul li img, #links_menu .links_list li img, #cat_links ul li .image img, .share_links .oneSns, #to_top.showed, .corpo_links a, #footer ul li a, #header #logo a img, #header #nav .sns a img, #news_list ul li img, #products_list ul li .image img, #cat_links ul li .image img, #links_menu .links_list li img, .animate_contents .box.full .desc .special_link, #to_top, .animate_contents .box img, #header, #header #logo, #container, #header #nav ul li, #header #nav .sns{ -webkit-transition: inherit; -moz-transition: inherit; -ms-transition: inherit; -o-transition: inherit; transition: inherit; } .seemore:hover:after{ animation:inherit; -webkit-animation-name:inherit; -webkit-animation-duration:inherit; -webkit-animation-iteration-count:inherit; -webkit-animation-timing-function:inherit; -webkit-animation-delay:inherit; -webkit-animation-direction:inherit; -webkit-animation-fill-mode:inherit; } .animate_contents .box .relative:hover img, #products_list ul li a:hover img, #news_list ul li a:hover img, #links_menu .links_list li .relative:hover img, #cat_links ul li a:hover img, .share_links .oneSns:hover, #to_top.showed:hover, .corpo_links a:hover, #footer ul li a:hover, #header #logo a:hover img, #header #nav .sns a:hover img{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; } #container{ padding-top:70px; } #container.menuOpen{ padding-top:0; } .yellow, .animate_contents .box.full .desc .special_link:hover, a.yellow:hover, a .yellow:hover, button.yellow:hover{ background-color:#492b12; } /* ---------- HEADER ---------- */ #header{ height: 0px; margin-left: 0; background: #297fdf; /* background: rgba(0, 20, 37, 0.88); */ } #header img { padding: 10px; } .home #header{ border-bottom:none; } .menuOpen #header{ position:relative; height:auto; border-bottom:none; } #header.smaller{ height:70px; } .home #header.smaller{ border-bottom:none; } #header #logo{ width: 200px; padding-top: 3px; margin-top:0; margin-bottom:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .menuOpen #header #logo{ display:none; } #header.smaller #logo{ padding-top: 3px; width: 200px; margin-top:0; margin-bottom:0; } #header.smaller #logo img{/* width:90%; */} #menuOpener{ display:block; width:25px; height:22px; position:absolute; top:15px; right:5px; z-index:9; padding:11px; -webkit-tap-highlight-color: rgba(0,0,0,0); } .menuOpen #menuOpener{ position:fixed; } #menuOpener .relative{ display:block; width:25px; height:22px; position:relative; } #menuOpener .relative .bar{ display:block; width:25px; height:2px; background:#fff; position:absolute; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } #menuOpener .relative .bar:first-of-type{ top:0px; left:0px; } #menuOpener .relative .bar:nth-of-type(2){ top:8px; left:0px; } #menuOpener .relative .bar:nth-of-type(3){ top:16px; left:0px; } #menuOpener.opened .relative .bar:first-of-type{ -ms-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); transform: rotate(-225deg); left: -1px; top: 7px; width: 25px; height:2px; } #menuOpener.opened .relative .bar:nth-of-type(2){ -moz-opacity:0; -khtml-opacity:0; opacity:0; left:20px; width:0; height:0; top:21px; } #menuOpener.opened .relative .bar:nth-of-type(3){ -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); transform: rotate(225deg); left: -1px; top: 7px; width: 25px; height:2px; } #header #nav{ display:none; } #header #nav.opened{ display:block; position:relative; width:100%; height:100%; background: #297fdf; /* background: rgba(0, 20, 37, 0.88); */ } .menuOpen #spHider{ height:0; overflow:hidden; } #header #nav ul{ /* padding-top:70px; */ padding-bottom:15px; padding: 70px 0px 10px; text-align: left; background: #fff; } #header #nav ul li{ display:block; width:100%; padding:8px 0; border:none; margin:0; border-bottom: 1px solid #eee; } #header #nav ul li.ifSp{ display: block; } #header #nav ul li.current{ border:none; } #header.smaller #nav ul li{ display:block; width:100%; padding: 10px 0; margin:0; border-bottom: 1px solid #eee; } #header #nav ul li a{ font-size: 1.0rem; padding: 5px 25px; color: #297fdf; } #header.smaller #nav ul li a{ font-size: 1.0rem; } #header #nav .sns{ position:relative; right:inherit; top: -30px; it; */ /* padding-top:30px; */ text-align: center; text-align: center; /* padding-right:8px; */ /* padding-bottom:80px; */ /* padding-left: 8px; */ padding: 10% 5% 5%; /* color: #999; */ background: #297fdf; } #header #nav .sns a{ height: 22px; line-height: 22px; color: #fff; } #header #nav .sns .sep{ height: 20px; margin: 0 25px; } #header #nav .corpo_links{ max-width:250px; margin:0 auto; border-top:solid 1px #f1efef; border-bottom:solid 1px #f1efef; padding-top:10px; } #header #nav .corpo_links a{ margin-bottom:5px; } #header #nav ul li a:after{ display:none; } #header.smaller #nav .sns{ top:-40px; background: #297fdf; } #header .snsArea {position:absolute;top: 20px;right: 60px;/* width: 600px; */z-index: 1000;} #header.snsArea{ position:relative; right:80px ; top: -50px; padding-top: 60px; text-align: center; text-align: center; /* padding-right:8px; */ /* padding-bottom:80px; */ /* padding-left: 8px; */ /* padding: 10% 5% 5%; */ /* color: #999; */ background: #297fdf; } #header .snsArea a{ height: 22px; line-height: 22px; color: #fff; text-align: center; } #header.snsArea .sep{ height: 0; margin: 0 25px; } #header.smaller.snsArea{ top:-40px; background: #297fdf; } #header #nav .snsArea ul.blog {margin-left:0px;display: inline;display: inline;padding-left: 0px;top: 0px;padding-top: 5px;background: #297fdf;} #header #nav .snsArea ul.blog:before { position:absolute; top: 0; left:0; /* bottom:10px; */ /* width:10px; */ content:""; border-left:#111 1px dotted; z-index:-1; } #header #nav .snsArea ul.blog li a { width:auto;display: inline; height: 30px; font-size:12px;color:#ffffff;font-family: 'Catamaran', sans-serif; font-weight:400;letter-spacing:1.5px;position:relative; line-height: 30px;z-index:2;/* display: inline-block; */} #header #nav .snsArea ul.blog li a:hover {color:#ffffff;} #header #nav .snsArea ul.blog li a:before { position: absolute; bottom: 1px; left: 0; right: 0; height: 0; content: ""; border-bottom:none; z-index: -2; } #header .snsArea .sep { display: inline-block; width: 1px; height: 16px; vertical-align: middle; margin: 0 10px; background: #fff; } /* ---------- MAIN ---------- */ /* ----- TOP PAGE ----- */ #main{ padding-bottom:50px; } #main_visual{ min-height:inherit; height:calc(100vh - 70px); min-height:auto !important; height:auto !important; max-height:auto !important; } /*#main_visual img{ -khtml-opacity:1; opacity:1; }*/ #main_visual .title{ font-size:6.2vmax; font-size:280%; font-size:250%; margin-top:-70px; line-height:140%; } .animate_contents .border{ padding:7% 1.5% 0 1.5%; } .animate_contents .box{ padding:1%; margin-bottom:0; } .animate_contents .box.loaded{ padding:1%; } .animate_contents .large{ width:100%; float:none; } .animate_contents .small{ width:50%; } .animate_contents .oneLine { padding-bottom:20px; } .top .animate_contents .border .oneLine { padding-bottom:40px; } .animate_contents .box .desc{ position:initial; left:inherit; margin:0; padding:0; top:inherit; width:100%; } .animate_contents .box .desc.white{ margin:0; } .animate_contents .box .desc .title_area{ position:absolute; top:50%; left:0; margin-top:-80px; margin-top:-73px; padding-left:30px; font-size:13px; } .animate_contents .box .desc .title{ color:#ffffff; } .animate_contents .box .desc .subtitle{ color:#ffffff; padding-bottom:0; } .animate_contents .box .desc .title:after{ } .animate_contents .box .desc.white p{ color:#000000; } .animate_contents .box .desc p{ padding-top:10px; padding-bottom:5px; font-size:100%; color:#000000; letter-spacing:0; line-height:150%; padding-bottom:10px; padding-top:15px; } .animate_contents .box .desc p br{ display:none; } .animate_contents .box .desc .seemore{ display:none; } .animate_contents .box .relative:hover img{ -webkit-transform: inherit; -ms-transform: inherit; transform: inherit; } .top .animate_contents .box.full{ background-image:url(img/top/menu7.jpg); background-position:center center; background-size:cover; padding:0; } .top .animate_contents .box.full img{ height:236px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } .animate_contents .box.full .desc{ position:absolute; left:50%; top:50%; width:210px; height:125px; margin-left:-105px; margin-top:-62px; } .animate_contents .box.full .desc .special_link{ width:210px; height:125px; } .animate_contents .box.full .desc .special_link:hover{ background-color:#492b12; } .animate_contents .box.full .desc .special_link .line{ border-bottom:solid 1px #fff; font-size:121.43%; } .top #news_list{ padding-bottom:30px; } .top #news_list ul li{ padding-bottom:20px; } .top #news_list .more{ padding-bottom:0px; } /* ----- STORY ----- */ .title_block_img .title_area{ height:90px; margin-top:-45px; } .title_block_img .title{ font-size:250%; margin-bottom:20px; } .title_block_img .subtitle{ font-size:150%; font-size:135.71%; } .contents_wrap{ padding:0 6%; width:88%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .int_title{ width:100%; padding:25px 0; } .int_title .title{ float:none; width:100%; margin-bottom:10px; font-size:200%; } .int_title p{ float:none; width:100%; font-size:100%; font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; line-height:160%; } .int_title p br{ display:none; } .story .animate_contents .oneLine{ padding-bottom:0; } .int_contents{ width: 100%; } .int_contents .image{ width: 100%; padding:0; } .int_contents .text{ padding:20px 0 25px 0; width: 100%; } .int_contents .right{ float: none; clear:both; } .int_contents .left{ float: none; clear:both; } .decalImg_marg{ margin-top:80px; } .int_contents .text .title{ padding:0 0 10px 0; font-size:121.43%; line-height:150%; } .int_contents .right.text .title{ padding:0 0 10px 0; } .int_contents .text p{ padding:0; font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; font-size:100%; line-height:160%; } .int_contents .right.text p{ padding:0; } .specialSpSwitch{ overflow:hidden; width:100%; } .specialSpSwitch .relative{ position:relative; } .specialSpSwitch .relative img{ display:block; width:100%; position:absolute; left:0; top:0; } .specialSpSwitch .relative img.positionner{ position:initial; left:inherit; top:inherit; } .animate_contents.specialSpSwitch .oneLine{ width:300%; animation:10s steps(1) 0s normal none infinite switch; -webkit-animation-name: switch; -webkit-animation-duration: 10s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: steps(1); -webkit-animation-delay: 0s; -webkit-animation-direction: normal; -webkit-animation-fill-mode: none; } .animate_contents .oneLine .third{ padding:0 !important; } .specialSpSwitch .oneLine .box{ padding:0 !important; width:33.33%; } @-webkit-keyframes switch{ 0% {margin-left:0;} 33% {margin-left:-100%;} 66% {margin-left:-200%;} 100% {margin-left:0;} } @keyframes switch{ 0% {margin-left:0;} 33% {margin-left:-100%;} 66% {margin-left:-200%;} 100% {margin-left:0;} } /* ----- ABOUT ----- */ .about_container { padding-bottom: 30px; } .about_presentation img{ display:block; width:100%; } .subtitle_block{ padding-top:30px; padding-right:5.5%; padding-left:5.5%; padding-bottom:30px; } .subtitle_block .title{ font-size:170%; font-size:160%; line-height:150%; margin-bottom:20px; padding-bottom:16px; letter-spacing:1px; } .subtitle_block p{ text-align:left; font-size:100%; line-height:180%; } .subtitle_block p br{ display:none; } .about .article{ padding-top:30px; } .about .article .article_title{ padding-bottom:15px; } .about .article .article_title p{ font-size:85.71%; } .about .article .article_title .title{ font-size:150%; } .bordered_text{ width:92%; margin:0 auto; padding:15px 1.5%; } .bordered_text.centered{ width:92%; margin:0 auto; padding:15px 1.5%; text-align:left; } .bordered_text.centered p br{ display:none; } .bordered_text p{ font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; line-height:170%; font-size:92.86%; } .bordered_text.table_like p{ position:relative; padding-left:33px; } .bordered_text p span{ font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; } .bordered_text.table_like p span{ display:block; position:absolute; left:0; top:2px; } .about_list{ padding-top:20px; } .about_list ul li{ width:100%; float:none; padding-bottom:20px; } .about_list ul li img{ margin-bottom:15px; } .about_list ul li p{ font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; font-size:92.86%; } .underlined { padding-right:5.5%; padding-left:5.5%; } .underlined .underline{ font-size:128.57%; margin-bottom:10px; } .underlined .underline:before{ height:3px; bottom:1px; } .about .article .text{ font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; font-size:92.86%; padding-right:3%; padding-left:3%; line-height:150%; } .about .contents_wrap{ padding:15px 4% 5px 4%; } .about .contents_wrap .animate_contents .box{ padding-right:0; padding-left:0; } .about .contents_wrap .animate_contents .box.loaded{ padding-right:0; padding-left:0; } .about .animate_contents .half{ width: 100%; } .about .animate_contents .left{ float: none; } .about .animate_contents .right{ float: none; } .about .contents_wrap .animate_contents .box .caption{ font-size:100%; padding-bottom:20px; } .about .contents_wrap .animate_contents .box:last-of-type .caption{ padding-bottom:0; } .about .animate_contents .oneLine{ padding-bottom:0; } .border_about{ padding:0; } .about #cat_links { border-top: 1px solid #f1efef; } .subtitle_block .subtitle{ font-size:100%; padding-bottom:10px; padding-top:5px; } .about_list{ padding-top:0; } .about_list ul li p{ text-align:center; } .table_like{ width:92%; margin-left:auto; margin-right:auto; } .table_like p{ padding-right:15px; } .about .text_alone{ width:92%; margin-left:auto; margin-right:auto; line-height:150%; padding-bottom:15px; font-size:92.88%; } .about .text_alone.lastOf{ padding-bottom:5px; } .about .underlined{ padding-bottom:20px; } .about .grey_bg .grey_bg_inside{ width:88%; margin:0 auto; } .about .grey_bg table, .about .grey_bg table thead, .about .grey_bg table tbody, .about .grey_bg table tfoot, .about .grey_bg table tr, .about .grey_bg table td, .about .grey_bg table td.left, .about .grey_bg table .first td{ display:block; width:100%; border:none; padding:0; } .about .grey_bg{ padding:0; } .about .grey_bg .underline{ clear:both; margin-right:-4px; } .about .grey_bg table .first td, .about .grey_bg table td.left, .about .grey_bg table td{ padding:20px 0; border-bottom:1px solid #cccccc; } .about .grey_bg table tr:last-of-type td:last-of-type{ border-bottom:none; } .about .grey_bg table td .left{ display:inline-block; margin-right:-4px; width:15%; vertical-align:middle; } .about .grey_bg table td img{ margin:0 auto; width:100%; max-width:60px; } .about .grey_bg table td .right{ display:inline-block; margin-right:-4px; width:80%; padding-left:5%; vertical-align:middle; text-align:left; } .second_title{ padding-top:40px; } .second_title .title{ font-size:131.43%; margin-bottom: 24px; padding-bottom: 20px; } .second_title .title:after{ width:45px; margin-left:-22px; } .section_title{ padding-top:10px; } .section_title .title{ display:block; padding-left:3%; padding-right:3%; text-align:left; line-height:140%; font-size:130%; padding-bottom:15px; } /* ----- LOOKBOOK ----- */ .lookbook{ padding-top:5px; } .lookbook .title_block .title{ font-size:135.71%; letter-spacing:3px; margin-bottom:20px; } .lookbook .animate_contents .oneLine{ padding-bottom:0; } .lookbook .animate_contents p{ font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; font-size:92.85%; text-align:left; line-height:180%; padding:4% 3%; } .lookbook .animate_contents p br{ display:none; } .share_links { padding: 35px 0 40px 0; } .share_links .title{ margin-right:20px; letter-spacing:1px; } .share_links .oneSns{ margin-right:10px; } /* ---------- PRODUCTS ---------- */ .products .animate_contents .oneLine{ padding-bottom:0; } .products .subtitle_block{ padding-bottom: 30px; padding-top: 10px; } .products .int_title{ padding-top:50px; padding-bottom:20px; } .products .int_title small{ padding-top:5px; } .products #cat_links{ padding-top:10px; } .products .title_block_img .title{ font-size:214.28%; font-size:250%; letter-spacing:2px; margin-bottom:18px; padding-bottom:16px; } .products .title_block_img .title small{ font-size:53.33%; padding-bottom:5px; } /* .products .title_block_img .subtitle{ font-size:150%; line-height:130%; } .products .title_block_img .subtitle{ font-size:150%; line-height:130%; }*/ .products .title_block_img .title_area{ height:138px; height:152px; margin-top:-69px; margin-top:-76px; } .cat.products .title_block_img .title_area{ height:96px; margin-top:-48px; } .products .title_block_img{ margin-bottom:20px; } .animate_contents.spaced{ padding-bottom:20px; } .products .animate_contents.spaced{ padding-bottom:20px; } #products_list{ padding:40px 6% 15px 6%; } #products_list .title_area .title{ font-size:150%; } #products_list ul{ padding:0; } #products_list ul li{ padding:25px 5%; float:none; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-bottom:solid 1px #eaeaea; } #products_list ul li a{ max-width:550px; margin:0 auto; } #products_list ul:last-of-type li:last-of-type{ border-bottom:none; } #products_list ul li a:hover img{ -webkit-transform: inherit; -ms-transform: inherit; transform: inherit; } #products_list ul li a .title{ font-size:128.57%; line-height:130%; padding-bottom:8px; height:auto !important; } #products_list ul li a .text{ height:auto !important; } #products_list ul li a .title small{ font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; font-size:66.66%; padding-top:0; } #products_list ul li a .price{ font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; } #products_list ul li a .text{ font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; padding-bottom:20px; } .seemore{ font-size:95%; letter-spacing:1px; width:160px; padding-left:21px; padding-right:50px; padding-top:11px; padding-bottom:11px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .seemore:after { background-image: url(img/seemore_arrow_sp.png); background-size:34px 11px; width:34px; height:11px; margin-top:-5px; right:10px; } .products.cat #links_menu{ padding-top:50px; } /* ---------- SHOPLIST ---------- */ #shop_list{ padding-bottom:10px; } #shop_list .area{ padding:0 3% 30px 3%; } #shop_list .area .title{ font-size:128.57%; padding:8px 0; } #shop_list .area .table{ display:block; } #shop_list .area .table .tr{ display:block; height:auto; border-bottom:1px solid #f1efef; padding:15px 2%; } #shop_list .area .table .th{ display:block; width:100%; padding:0 0 2px 0; border:none; font-weight:700; font-size:100%; font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; } #shop_list .area .table .td{ border:none; display:block; width:100%; padding:0; font-size:100%; font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif; line-height:180%; } .shoplist #cat_links{ padding-top:30px; border-top:1px solid #f1efef; } /* ---------- NEWS ---------- */ .title_block.general{ padding-top:30px; padding-bottom:20px; } .title_block.general .title{ font-size:171.43%; } /* ---------- FOOTER ---------- */ .nav_links{ font-size:85.71%; } } /* SMALL SMARTPHONES SIZE */ @media screen and (max-width: 350px){ } _title .title{ font-size:131.43%; margin-bottom: 24px; padding-bottom: 20px; } .second_title .title:after{ width:45px; margin-left:-22px; } .section_title{ padding-top:10px; } .section_title .title{ display:block; padding-left:3%; padding-right:3%; text-align:left; line-height:140%; font-size:130%; padding-bottom:15px; } /* ----- LOOKBOOK ----- */ .lookbook{ padding-top:5px; } .lookbook .title_block .title{ font-size:135.71%; letter-spacing:3px; margin-bottom:20px; } .lookbook .animate_contents .oneLine{ padding-bottom:0; } .lookbook .animate_contents p{ font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ï¼­ï¼³ Ｐ明朝', serif; font-size:92.85%; text-align:left; line-height:180%; padding:4% 3%; } .lookbook .animate_contents p br{ display:none; } .share_links { padding: 35px 0 40px 0; } .share_links .title{ margin-right:20px; letter-spacing:1px; } .share_links .oneSns{ margin-right:10px; } /* ---------- PRODUCTS ---------- */ .products .animate_contents .oneLine{ padding-bottom:0; } .products .subtitle_block{ padding-bottom: 30px; padding-top: 10px; } .products .int_title{ padding-top:50px; padding-bottom:20px; } .products .int_title small{ padding-top:5px; } .products #cat_links{ padding-top:10px; } .products .title_block_img .title{ font-size:214.28%; font-size:250%; letter-spacing:2px; margin-bottom:18px; padding-bottom:16px; } .products .title_block_img .title small{ font-size:53.33%; padding-bottom:5px; } /* .products .title_block_img .subtitle{ font-size:150%; line-height:130%; } .products .title_block_img .subtitle{ font-size:150%; line-height:130%; }*/ .products .title_block_img .title_area{ height:138px; height:152px; margin-top:-69px; margin-top:-76px; } .cat.products .title_block_img .title_area{ height:96px; margin-top:-48px; } .products .title_block_img{ margin-bottom:20px; } .animate_contents.spaced{ padding-bottom:20px; } .products .animate_contents.spaced{ padding-bottom:20px; } #products_list{ padding:40px 6% 15px 6%; } #products_list .title_area .title{ font-size:150%; } #products_list ul{ padding:0; } #products_list ul li{ padding:25px 5%; float:none; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-bottom:solid 1px #eaeaea; } #products_list ul li a{ max-width:550px; margin:0 auto; } #products_list ul:last-of-type li:last-of-type{ border-bottom:none; } #products_list ul li a:hover img{ -webkit-transform: inherit; -ms-transform: inherit; transform: inherit; } #products_list ul li a .title{ font-size:128.57%; line-height:130%; padding-bottom:8px; height:auto !important; } #products_list ul li a .text{ height:auto !important; } #products_list ul li a .title small{ font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ï¼­ï¼³ Ｐ明朝', serif; font-size:66.66%; padding-top:0; } #products_list ul li a .price{ font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ï¼­ï¼³ Ｐ明朝', serif; } #products_list ul li a .text{ font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ï¼­ï¼³ Ｐ明朝', serif; padding-bottom:20px; } .seemore{ font-size:95%; letter-spacing:1px; width:160px; padding-left:21px; padding-right:50px; padding-top:11px; padding-bottom:11px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .seemore:after { background-image: url(img/seemore_arrow_sp.png); background-size:34px 11px; width:34px; height:11px; margin-top:-5px; right:10px; } .products.cat #links_menu{ padding-top:50px; } /* ---------- SHOPLIST ---------- */ #shop_list{ padding-bottom:10px; } #shop_list .area{ padding:0 3% 30px 3%; } #shop_list .area .title{ font-size:128.57%; padding:8px 0; } #shop_list .area .table{ display:block; } #shop_list .area .table .tr{ display:block; height:auto; border-bottom:1px solid #f1efef; padding:15px 2%; } #shop_list .area .table .th{ display:block; width:100%; padding:0 0 2px 0; border:none; font-weight:700; font-size:100%; font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ï¼­ï¼³ Ｐ明朝', serif; } #shop_list .area .table .td{ border:none; display:block; width:100%; padding:0; font-size:100%; font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ï¼­ï¼³ Ｐ明朝', serif; line-height:180%; } .shoplist #cat_links{ padding-top:30px; border-top:1px solid #f1efef; } /* ---------- NEWS ---------- */ .title_block.general{ padding-top:30px; padding-bottom:20px; } .title_block.general .title{ font-size:171.43%; } /* ---------- FOOTER ---------- */ .nav_links{ font-size:85.71%; } } /* SMALL SMARTPHONES SIZE */ @media screen and (max-width: 350px){ } #header #nav ul li a { background: none; } #header #nav ul li .nonactive:after { background: none; } #header #nav ul li .active:after { content: ''; position: absolute; width: 100%; height: 1px; bottom: -12px; left: 0; background: #ffffff; }