.settings-nav_text_color {color: #26211e }
.settings-nav_hover_color {color: #ff878d }
.settings-nav_hover_bgc:hover {background-color: #ffffff }
.settings-nav_hover_color:hover { color: #ff878d }
.settings-nav_hover_color li:hover a { color: #ff878d }
.settings-nav_hover_bgc li:hover a:after { color: #ffffff}
.settings-main_header_color { color: #333}
.settings-main_color { color: #999}
.settings-proTitle_color {color: #111}
.settings-desc_color {color: grey}
.settings-price_color {color: #f6bac3}
.settings-footer_background {background-color: #ffffff}
.settings-main_post_color {color: #999}
.settings-optionSelected_background { background-color: #f6bac3}
.settings-optionUnSelected_background {background-color: f9f9f9}
.settings-optionUnSelected_border {border-color: #ffffff}
.settings-optionSelected_border {border-color: #121212}
.settings-optionUnSelected_color {color: #121212}
.settings-optionSelected_color {color: #ffffff}
.settings-top_color{color:#7a7a7a}
.seetings-footer_background{background-color:#ffffff;}



@charset "utf-8";
@font-face {
  font-family: "themify";
  src:url('//asset.ibanquan.com/s/58413/740/themify.eot?design_theme_id=0&v=1567165127_1653168296');
  src:url('//asset.ibanquan.com/s/58413/740/themify.eot?design_theme_id=0&v=1567165127_1653168296#iefix') format('embedded-opentype'), url('//asset.ibanquan.com/s/58413/740/themify.woff?design_theme_id=0&v=1567165127_1653168296') format('woff'), url('//asset.ibanquan.com/s/58413/740/themify.ttf?design_theme_id=0&v=1567165127_1653168296') format('truetype'), url('//asset.ibanquan.com/s/58413/740/themify.svg?design_theme_id=0&v=1567165127_1653168296#themify') format('svg');
  font-weight: 400;
  font-style: normal
}

body > :not(.yhsd-base):not(.yhsd-popup-wrapper):not(.has-rich_text) * {
  
  outline: none;
  
}

body > :not(.yhsd-base):not(.yhsd-popup-wrapper):not(.has-rich_text) [class*=" ti-"],
body > :not(.yhsd-base):not(.yhsd-popup-wrapper):not(.has-rich_text) [class^=ti-] {
  font-family: "themify" !important;
  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"
}

/* ************************************************************************************************

Base

************************************************************************************************ */


html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  color: #111;
  background: #fefefe;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
}

blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
  margin: 0;
  padding: 0;
 
}

p {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

a {
  color: inherit;
  outline: none;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

a:focus {
  outline: none;
}

button {
  text-decoration: none;
  border: none;
}


/* ----- *::selection ----- */

*::-moz-selection {
  background: #111;
  color: #fefefe;
}

*::selection {
  background: #111;
  color: #fefefe;
}


/* ----- h1,h2,h3,h4,h5 ----- */

h1, h2, h3, h4, h5 {
  
}


/* ----- .cf ----- */


/* For modern browsers */

.cf:before, .cf:after {
  content: "";
  display: block;
  overflow: hidden;
}

.cf:after {
  clear: both;
}


/* For IE 6/7 (trigger hasLayout) */

.cf {
  zoom: 1;
}


/* ----- .transition03 ----- */

.transition03 {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.transition05 {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}


/* ----- img----- */

img {
  
}


/* ----- a ----- */

a {
  color: inherit;
  outline: none;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:focus, *:focus {
  outline: none;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  outline: none;
}


/* ----- p ----- */

/*p {
margin: 0;
padding: 0;
font-size: 14px;
font-weight: 500;
line-height: 2.2;
letter-spacing: 1px;
}
@media only screen and (max-width: 800px) {
p{

letter-spacing: normal;
}
}

p a {
border-bottom: #aaa 1px dashed;
}

p a:hover {
background: #fff3f3;
color: #ff878d;
border-bottom: #fff3f3 1px dashed;
}

@media only screen and (max-width: 800px) {
p {
font-size: 13px;
line-height: 2;
}
p a:hover {
background: none;
color: #111;
border-bottom: #aaa 1px dashed;
}
}

@media only screen and (max-width: 738px) {
p {
font-size: 12px;
line-height: 2;
}
}*/

html {
  height: 100%;
}

body {
  height: 100%;
  margin: 0;
}


/* .lazyload,.lazyloading */

.lazyload, .lazyloading {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  transition: opacity 750ms;
}


/* ************************************************************************************************

Page

************************************************************************************************ */


/* -----------------------------------------------------------

#page

----------------------------------------------------------- */

#page {
  height: 100%;
  background: #fefefe;
  position: relative;
  z-index: 4;
}


/* -----------------------------------------------------------

#content

----------------------------------------------------------- */

.content, .wrapper{
  padding-top: 125px;
}

.wrapper-proList {
  padding-top: 0;
}

@media only screen and (max-width: 800px) {
  .content, .wrapper{
    padding-top: 50px;
  }
}


/* -----------------------------------------------------------

#header

----------------------------------------------------------- */


/* transition */

#header, #header .logoArea, #header .logoAreaSmall, #header .snsArea, #header .calendarArea {
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}


/* #header */

#header, #header:after {
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}


/* --- #header --- */

#header {
  height: 125px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: #ffffff;
  z-index: 1000;
}

#header.autofix_sb.fixed {
  height: 60px;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 800px) {
  #header {
    display: none;
  }
}


/* ======== #header .logoArea ======== */

#header .logoArea {
  position: absolute;
  top: 19px;
  left: 50%;
  z-index: 3;
  margin-left: -90px;
}

#header .logoArea h1 {
  width: 181px;
  height: 42px;
  line-height: 0;
  font-size: 0;
  margin: 0;
}

#header .logoArea h1 a {
  width: 181px;
  height: 42px;
  background: url(//asset.ibanquan.com/s/58413/740/logoHeader?design_theme_id=0&v=1567165127_1653168296) center center no-repeat;
  background-size: contain;
  display: block;
  position: relative;
  overflow: hidden;
  text-indent: -999px;
  z-index: 1003;
}

#header .logoArea h1 a:hover {
  opacity: 0.7;
}

#header.autofix_sb.fixed .logoArea {
  top: -90px;
  opacity: 0;
  height: 0;
}


/* ======== #header .logoAreaSmall ======== */

#header .logoAreaSmall {
  position: absolute;
  top: -90px;
  left: 0;
  z-index: 1002;
  opacity: 0;
}

#header .logoAreaSmall h1 {
  width: 60px;
  height: 60px;
  line-height: 0;
  font-size: 0;
  margin: 0;
}

#header .logoAreaSmall h1 a {
  width: 60px;
  height: 60px;
  background: url(//asset.ibanquan.com/s/58413/740/logoS?design_theme_id=0&v=1567165127_1653168296) center center no-repeat;
  background-size: contain;
  display: block;
  position: relative;
  overflow: hidden;
  text-indent: -999px;
  z-index: 1003;
}

#ie9 #header .logoAreaSmall h1 a {
  background: url(//asset.ibanquan.com/s/58413/740/logoS?design_theme_id=0&v=1567165127_1653168296) center center no-repeat;
}

#header .logoAreaSmall h1 a:hover {
  opacity: 0.7;
}

#header.autofix_sb.fixed .logoAreaSmall {
  top: 0;
  opacity: 1;
}


/* ======== #header .navArea ======== */

#header .navArea {
  position: absolute;
  bottom: 0;
  left: 5%;
  right: 5%;
  display: block;
  z-index: 2;
  text-align: center;
}

#header .navArea ul.navi {
  font-size: 0;
  width: 100%;
  position: relative;
}

#header .navArea ul.navi li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 9px;
  padding: 0 9px;
  width: auto;
  height: 60px
}

#header .navArea ul.navi li a {
  display: block;
  margin: 0;
  height: 60px;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 1.5px;
  letter-spacing: 1px;
  text-align: center;
  position: relative;
  z-index: 2;
}


/* span.en */

#header .navArea ul.navi li span.en {
  font-size: 13px;
  font-family: 'Catamaran', sans-serif;
  font-weight: 400;
  letter-spacing: 2.5px;
  line-height: 60px;
}

#header .navArea ul.navi a:hover {
  color: #ff878d;
}

#header .navArea ul.navi a:after {
  position: absolute;
  bottom: 14px;
  left: 33%;
  right: 33%;
  height: 1px;
  display: block;
  content: "";
  background: transparent;
  z-index: -1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}


/* focus */

#header .navArea ul.navi li:hover a {
  color: #ff878d;
}

#header .navArea ul.navi li:hover a:after {
  left: 0px;
  right: 0px;
  background: #fec6c7;
}

#header .navArea ul.navi a:before {
  position: absolute;
  bottom: 14px;
  left: 0;
  right: 0;
  height: 1px;
  display: block;
  content: "";
  background: transparent;
  z-index: -2;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#header .navArea ul.navi a:hover:before {
  left: 33%;
  right: 33%;
  background: transparent;
}


/****************************************selfheader****************************************/

#top-nav-link {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 0;
}

#top-nav-link li {
  display: inline-block;
  margin: 0 9px;
  padding: 0 9px;
  width: auto;
  height: 60px;
  *zoom: 1;
}

#top-nav-link li a {
  display: block;
  margin: 0;
  height: 60px;
  letter-spacing: 1.5px;
  letter-spacing: 1px;
  text-align: center;
  position: relative;
  z-index: 2;
  font-size: 13px;
  font-family: 'Catamaran', sans-serif;
  font-weight: 400;
  letter-spacing: 2.5px;
  line-height: 60px;
}

#top-nav-link  a:after {
  position: absolute;
  bottom: 14px;
  left: 33%;
  right: 33%;
  height: 1px;
  display: block;
  content: "";
  background: transparent;
  z-index: -1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#top-nav-link li:hover a:after {
  left: 0px;
  right: 0px;
  background: #ff878d;
}

#top-nav-link a:before {
  position: absolute;
  bottom: 14px;
  left: 0;
  right: 0;
  height: 1px;
  display: block;
  content: "";
  background: transparent;
  z-index: -2;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#top-nav-link a:hover:before {
  left: 33%;
  right: 33%;
  background: transparent;
}

.main-ico-search::after{
  font-family: 'themify';
  content: "\e610";
}

.main-ico-cart::after {
  font-family: 'themify';
  content: "\e60e";
}

.header {
  float: right;
  margin-right: 60px;
}

.search-ipt {
  border-radius: 5px;
  border: 1px solid #e5e5e5;
}

.header-search-ico {
  height: 28px;
  width: 28px;
  line-height: 28px;
  position: absolute;
  overflow: hidden;
  top: 18px;
  right: 110px;
  display: inline-block;
  text-align: left;
}

.header-search {
  width: 0px;
  height: 48px;
  position: absolute;
  right: 140px;
  overflow: hidden;
  top: 17px;
  z-index: 0;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  vertical-align: top;
  text-align: left;
  transition: all 0.3s;
}

@media only screen and (max-width: 800px) {
  .header-search-ico {
    top: 6px;
  }
  .header-search {
    top: 13px;
  }
}

.main-ico-user::after {
  font-family: "themify";
  content:"\e602";
}

.header-user-ico {
  position: absolute;
  right: 90px;
  top: 21px;
}

.header-cart {
  position: absolute;
  right: 50px;
  overflow: hidden;
  top: 21px;
  z-index: 0;
}

@media only screen and (max-width: 800px) {
  .header-user-ico {
    top: 9px;
  }
  .header-cart {
    top: 9px;
  }
}

.topCart {
  border: #e5e5e5;
  background-color: #ffffff;
 /* position: absolute;
  right: 50px;
  width: 250px;
  z-index: 2;
  padding-top: 10px;
  font-size: 12px;
  border-radius: 3px;*/
}

.topCart-each {
 
}

.topCart-each-img {
  border-color: #e5e5e5 !important;
}

.topCart-each-del {
  bottom: 0;
}

.topCart-summary .topCart-submit {
  border-radius: 3px;
  display: block;
  text-align: center;
  text-decoration: none;
  margin: 0 auto;
  font-size: 18px;
  height: 44px;
  line-height: 44px;
  color:#ffffff;
  background-color: #333333;
}

.cart-cont-footer .confirm-submit .quantity {
  line-height: 30px;
}



@media screen and (max-width:414px) {
  .header-cart {
    right: 15px;
  }

  .header-user-ico {
    right: 55px;
  }

  #yhsd-header-search {
    display: none;
  }

  .cart-balance-amount {
    right: 250px;
  }

  .cart-balance .btn {
    width: 200px;
  }

  .cart-list-ctrlbar .cart-li-operator {
    line-height: 42px;
    font-size: 14px;
  }

}

/* ======== .subNav ======== */

.subNav {
  width: 100.1%;
  text-align: center;
  position: absolute;
  top: 60px;
  padding: 0 2px 10px;
  left: 0;
  z-index: -1;
  overflow: hidden;
}

.off .subNav {
  display: none;
  opacity: 0;
}

.off .subNav .inner {
  width: 100%;
  height: 100%;
  padding: 0;
}

.subNav .inner {
  width: 100%;
  width: auto;
  margin: 0 -2px 0;
  padding: 15px;
  overflow: hidden;
  background: #fefefe;
  background: url(//asset.ibanquan.com/s/58413/740/noise?design_theme_id=0&v=1567165127_1653168296) repeat #fefefe;
  background: #f9fcfd;
  background: #f6f6f6;
  -webkit-animation: show 0.2s ease-in 0s;
  -moz-animation: show 0.2s ease-in 0s;
  -ms-animation: show 0.2s ease-in 0s;
  -o-animation: show 0.2s ease-in 0s;
  animation: show 0.2s ease-in 0s;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 1;
}

.subNav .inner:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 50%;
  bottom: 0;
  content: "";
  border: #eee 1px solid;
  border-right: none;
  z-index: -1;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.subNav .inner:after {
  position: absolute;
  top: 0;
  left: 50%;
  right: 0;
  bottom: 0;
  content: "";
  border: #eee 1px solid;
  border-left: none;
  z-index: -1;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.off .subNav .inner>* {
  opacity: 0;
}

/************************selfsubnav****************************/


/* ul.inner2 */

#top-nav-link .subNav ul.inner2 {
  font-size: 0;
  margin: 0 0 0 1px;
  text-align: left;
  position: relative;
}

#top-nav-link .subNav ul.inner2 li {
  width: 50%;
  height: auto;
  margin: 0 0 -1px -1px;
  padding: 0;
  position: relative;
  z-index: 0;
  overflow: hidden;
  background: #eee;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#top-nav-link .subNav ul.inner2 li:after {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: block;
  border: #eee 1px solid;
  content: "";
  z-index: -1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#top-nav-link .subNav ul.inner2 li:before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: block;
  background: #fefefe;
  content: "";
  z-index: -1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#top-nav-link .subNav ul.inner2 li:hover {
  background: #ffffff;
}


/* ul.inner2 li a */

#top-nav-link .subNav ul.inner2 li a {
  display: block;
  margin: 0;
  padding: 0;
  height: 90px;
  color: #111;
  line-height: 0;
  position: relative;
  text-align: left;
}

#top-nav-link .subNav ul.inner2 li a:after {
  display: none;
}

#top-nav-link .subNav ul.inner2 li a:hover {
  color: #ff878d;
}


/* .txtArea */

#top-nav-link .subNav ul.inner2 li a .txtArea {
  font-size: 14px;
  line-height: 90px;
  text-align: center;
  position: relative;
  letter-spacing: 2px;
}

#top-nav-link .subNav ul.inner2 li a .txtArea:before {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  color: #111;
  font-size: 12px;
  line-height: 90px;
  font-family: 'themify';
  content: "\e61a";
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#top-nav-link .subNav ul.inner2 li a:hover .txtArea:before {
  color: #ff878d;
  content: "\e649";
  -webkit-transform: translate(5px, 0);
  -moz-transform: translate(5px, 0);
  -o-transform: translate(5px, 0);
  -ms-transform: translate(5px, 0);
  transform: translate(5px, 0);
}

@keyframes show {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@-moz-keyframes show {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@-webkit-keyframes show {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@-o-keyframes show {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@-ms-keyframes show {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}


/* ======== #header .snsArea ======== */

#header .snsArea {
  position: absolute;
  top: 17px;
  left: 25px;
  z-index: 1001;
}

#header.autofix_sb.fixed .snsArea {
  top: -90px;
  opacity: 0;
  height: 0;
}


/* .snsArea ul */

#header .snsArea ul {
  font-size: 0;
  display: inline-block;
}

#header .snsArea ul li {
  display: inline-block;
  margin: 0;
  text-align: center;
}

#header .snsArea ul li a {
  display: block;
  width: 28px;
  height: 30px;
  font-size: 15px;
  font-size: 13px;
  color: #111;
  font-weight: normal;
  position: relative;
  z-index: 0;
}

#header .snsArea ul li a i {
  line-height: 30px;
}

#header .snsArea ul li a:hover {
  font-size: 18px;
  color: #7eccd6;
}

#header .snsArea ul li a:hover i {
  -webkit-transform: rotate(360deg) scale(1.1);
  -moz-transform: rotate(360deg) scale(1.1);
  -o-transform: rotate(360deg) scale(1.1);
  -ms-transform: rotate(360deg) scale(1.1);
  transform: rotate(360deg) scale(1.1);
}

#header .snsArea ul li a.youtube {
  font-size: 18px;
}

#header .snsArea ul li a.youtube:hover {
  font-size: 23px;
}


/* ul.blog */

#header .snsArea ul.blog {
  position: relative;
  z-index: 1;
  margin-left: 10px;
  padding-left: 18px;
}

#header .snsArea ul.blog:before {
  position: absolute;
  top: 10px;
  left: 0;
  bottom: 10px;
  width: 0;
  content: "";
  border-left: #111 1px dotted;
  z-index: -1;
}

#header .snsArea ul.blog li a {
  width: auto;
  height: 30px;
  font-size: 12px;
  font-family: 'Catamaran', sans-serif;
  font-weight: 400;
  letter-spacing: 1.5px;
  position: relative;
  z-index: 2;
}

#header .snsArea ul.blog li a:hover {
  color: #7eccd6;
}

#header .snsArea ul.blog li a i {
  font-size: 14px;
  line-height: 30px;
  font-weight: normal;
  padding-right: 3px;
}

#header .snsArea ul.blog li a:before {
  position: absolute;
  bottom: 2px;
  left: 0;
  right: 0;
  height: 0;
  content: "";
  border-bottom: #ddd 1px dotted;
  z-index: -2;
}

#header .snsArea ul.blog li a:after {
  position: absolute;
  bottom: 2px;
  left: 0;
  right: 100%;
  height: 0;
  content: "";
  border-bottom: transparent 1px solid;
  z-index: -1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#header .snsArea ul.blog li a:hover:after {
  right: 0;
  border-bottom: #7eccd6 1px solid;
}

/*login*/

.log-block {
  width: 400px;
}

.log-block-inner {
  padding-top: 60px;
}

@media screen and (max-width: 414px) {
  .login {
  }
}

@media only screen and (max-width: 1050px) {
  #header .calendarArea ul li a {
    padding: 0 15px 0 40px;
  }
  #header .calendarArea ul li a:hover {
    padding: 0 15px 0 40px;
  }
  #header .calendarArea ul li .calendar {
    width: 30px;
  }
  #header .calendarArea ul li a:after {
    display: none;
  }
}

@media only screen and (max-width: 1024px) {
  #header .navArea ul.navi li {
    margin: 0 6px;
    padding: 0 6px;
  }
  #header .navArea ul.navi li span.en {
    font-size: 12.5px;
    letter-spacing: 1.5px;
  }
}

@media only screen and (max-width: 945px) {
  #header .calendarArea ul li a {
    padding: 0 10px;
  }
  #header .calendarArea ul li a:hover {
    padding: 0 10px;
  }
  #header .calendarArea ul li .calendar {
    display: none;
  }
}


/* -----------------------------------------------------------

#headerSp

----------------------------------------------------------- */

#headerSp {
  display: none;
}

#headerSp {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  background: #fefefe;
  background: rgba(255, 255, 255, 0.9);
  z-index: 1000;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 800px) {
  #headerSp {
    display: block;
  }
}


/* ======== #headerSp a.btnMenu ======== */

#headerSp a.btnMenu {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 60px;
  height: 50px;
  color: #fefefe;
  z-index: 0;
}

#headerSp a.btnMenu span.lineTop {
  position: absolute;
  top: 18px;
  left: 18px;
  right: 18px;
  height: 1px;
  background: #111;
  z-index: 1;
}

#headerSp a.btnMenu span.lineMiddle {
  position: absolute;
  top: 50%;
  left: 18px;
  right: 18px;
  height: 1px;
  background: #111;
  z-index: 1;
}

#headerSp a.btnMenu span.lineBottom {
  position: absolute;
  bottom: 17px;
  left: 18px;
  right: 18px;
  height: 1px;
  background: #111;
  z-index: 1;
}


/* ======== #headerSp .logoArea ======== */

#headerSp .logoArea {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1001;
  margin-left: -65px;
}

#headerSp .logoArea h1 {
  width: 129px;
  height: 50px;
  line-height: 0;
  font-size: 0;
  margin: 0;
}

#headerSp .logoArea h1 a {
  position: relative;
  display: block;
  width: 129px;
  height: 50px;
  background:url(//asset.ibanquan.com/s/58413/740/logoHeader?design_theme_id=0&v=1567165127_1653168296) center center  / contain no-repeat;
  overflow: hidden;
  text-indent: -999px;
  z-index: 1003;
}


/* ======== #headerSp a.btnMenu ======== */

#headerSp a.btnCalendar {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 60px;
  height: 50px;
  z-index: 0;
  text-align: center;
}

#headerSp a.btnCalendar span.calendar {
  position: absolute;
  top: 8px;
  left: 13px;
  bottom: 8px;
  width: 36px;
  border: #333 1px dotted;
  border-top: #333 double;
  z-index: 2;
  text-align: center;
}

#headerSp a.btnCalendar p {
  color: #111;
  font-family: 'Catamaran', sans-serif;
  font-weight: 800;
  line-height: 0;
}

#headerSp a.btnCalendar p.month {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  line-height: 20px;
  font-size: 9px;
  text-transform: uppercase;
}

#headerSp a.btnCalendar p.day {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  line-height: 20px;
  font-size: 10px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  letter-spacing: 0.5px;
}

.personal-info .modify-info {
  
}


/* ======== #menu .btnClose ======== */

#menu .btnClose {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 50px;
  color: #111;
  overflow: hidden;
  text-indent: -999px;
  z-index: 100;
}

#menu .btnClose:before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  font-family: 'themify';
  content: "\e646";
  font-size: 14px;
  line-height: 52px;
  text-align: center;
  text-indent: 0;
  z-index: 1;
}

#menu .btnClose:after {
  position: absolute;
  top: 7px;
  left: 12px;
  right: 12px;
  bottom: 7px;
  content: "";
  border: #111 1px solid;
  webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}


/* -----------------------------------------------------------

jQuery.mmenu CSS

----------------------------------------------------------- */

#my-menu:not( .mm-menu) {
  display: none;
}

#menu:not( .mm-menu) {
  display: none;
}


/* jQuery.mmenu oncanvas CSS */

.mm-hidden {
  display: none !important;
}

.mm-wrapper {
  overflow-x: hidden;
  position: relative;
}

.mm-menu, .mm-panels, .mm-panels>.mm-panel {
  margin: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  letter-spacing: 1px;
}

.mm-panels>.mm-panel {
  margin-top: 50px;
  border-top: #ddd 1px solid;
}

.mm-menu {
  box-sizing: border-box;
  background: inherit;
  display: block;
  overflow: hidden;
  padding: 0;
}

.mm-panel {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.mm-panel.mm-opened {
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.mm-panel.mm-subopened {
  -webkit-transform: translate3d(-30%, 0, 0);
  -moz-transform: translate3d(-30%, 0, 0);
  -ms-transform: translate3d(-30%, 0, 0);
  -o-transform: translate3d(-30%, 0, 0);
  transform: translate3d(-30%, 0, 0);
}

.mm-panel.mm-highest {
  z-index: 1;
}

.mm-panels, .mm-panels>.mm-panel {
  background: inherit;
  border-color: inherit;
}

.mm-panels>.mm-panel {
  background: inherit;
  border-color: inherit;
  background: #fafafa;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 0 20px;
}

.mm-panels>.mm-panel.mm-hasnavbar {
  padding-top: 40px;
}

.mm-panels>.mm-panel:before, .mm-panels>.mm-panel:after {
  content: '';
  display: block;
  height: 20px;
}

.mm-vertical .mm-panel {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}

.mm-vertical .mm-listview .mm-panel, .mm-listview .mm-vertical .mm-panel {
  display: none;
  padding: 10px 0 10px 10px;
}

.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after, .mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after {
  border-color: transparent;
}

.mm-vertical li.mm-opened>.mm-panel, li.mm-vertical.mm-opened>.mm-panel {
  display: block;
}


/* .mm-listview ul */

.mm-listview ul {
  background: #fefefe;
}

.mm-listview, .mm-listview>li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
}

.mm-listview {
  font: inherit;
  font-size: 11px;
  line-height: 20px;
  letter-spacing: 1px;
}

.mm-listview a, .mm-listview a:hover {
  text-decoration: none;
}

.mm-listview>li {
  position: relative;
  background: #fefefe;
}

.mm-listview>li, .mm-listview>li:after, .mm-listview>li .mm-next, .mm-listview>li .mm-next:before {
  border-color: inherit;
  border-color: #eee;
}

.mm-listview>li>a, .mm-listview>li>span.block {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: inherit;
  display: block;
  padding: 0 10px 0 30px;
  margin: 0;
  font-size: 12px;
  line-height: 50px;
}

.mm-listview>li>a.en {
  font-size: 13px;
  font-family: 'Catamaran', sans-serif;
  font-weight: 600;
  letter-spacing: 2.5px;
}

.mm-listview>li>a.home {
  position: relative;
  z-index: 1;
  padding: 0 10px 0 55px;
}

.mm-listview>li>a.home:before {
  position: absolute;
  top: 0;
  left: 30px;
  bottom: 0;
  width: 30px;
  font-size: 14px;
  text-align: left;
  font-family: 'themify';
  content: "\e69b";
  font-weight: normal;
  line-height: 45px;
}

.mm-listview>li>a.calendarArea, .mm-listview>li>a.contact, .mm-listview>li>a.tel {
  position: relative;
  z-index: 1;
  padding: 0 10px 0 75px;
  font-size: 12px;
  letter-spacing: 2px;
}

.mm-listview>li>a.calendarArea span.calendar {
  position: absolute;
  top: 8px;
  left: 30px;
  bottom: 8px;
  width: 35px;
  border: #333 1px dotted;
  border-top: #333 double;
  z-index: 2;
  text-align: center;
}


/* .calendarArea p */

.mm-listview>li>a.calendarArea span.calendar p {
  color: #111;
  font-family: 'Catamaran', sans-serif;
  font-weight: 800;
  line-height: 0;
}

.mm-listview>li>a.calendarArea span.calendar p.month {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  line-height: 20px;
  font-size: 9px;
  text-transform: uppercase;
}

.mm-listview>li>a.calendarArea span.calendar p.day {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  line-height: 20px;
  font-size: 10px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  letter-spacing: 0.5px;
}

.mm-listview>li>a.contact:before {
  position: absolute;
  top: 0;
  left: 30px;
  bottom: 0;
  width: 35px;
  font-size: 20px;
  text-align: center;
  font-family: 'themify';
  content: "\e75a";
  font-weight: normal;
}

.mm-listview>li>a.tel:before {
  position: absolute;
  top: 0;
  left: 30px;
  bottom: 0;
  width: 35px;
  content: "";
  background:url(//asset.ibanquan.com/s/58413/740/telIconSp?design_theme_id=0&v=1567165127_1653168296) center center no-repeat;
  background-size: 20px 20px;
}

.mm-listview>li>span.block {
  font-size: 13px;
  font-family: 'Catamaran', sans-serif;
  font-weight: 600;
  letter-spacing: 2.5px;
}

.mm-listview>li>span.block b {
  font-family: 'Open Sans';
  font-size: 0.9em;
  font-weight: 500;
  vertical-align: 0;
}

.mm-listview>li:not(.mm-divider):after {
  content: '';
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.mm-listview>li:not(.mm-divider):after {
  left: 20px;
  left: 0;
}


/* .bgGray */

.mm-listview>li>.bgGray {
  background: #fafafa;
}


/* .mm-next */

.mm-listview .mm-next {
  background: rgba(3, 2, 1, 0);
  width: 50px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}

.mm-listview .mm-next:before {
  content: '';
  border-left-width: 1px;
  border-left-style: solid;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.mm-listview .mm-next+a, .mm-listview .mm-next+span {
  margin-right: 50px;
}

.mm-listview .mm-next.mm-fullsubopen {
  width: 100%;
}

.mm-listview .mm-next.mm-fullsubopen:before {
  border-left: none;
}

.mm-listview .mm-next.mm-fullsubopen+a, .mm-listview .mm-next.mm-fullsubopen+span {
  padding-right: 50px;
  margin-right: 0;
}

.mm-panels>.mm-panel>.mm-listview {
  margin: 20px -20px;
}

.mm-panels>.mm-panel>.mm-listview:first-child, .mm-panels>.mm-panel>.mm-navbar+.mm-listview {
  margin-top: -20px;
}


/* .mm-inset */

.mm-listview .mm-inset {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mm-listview .mm-inset>li {
  padding: 0;
  position: relative;
  z-index: 1;
}

.mm-listview .mm-inset>li:after {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 0;
  content: "";
  border-top: #ededed 1px dashed;
  z-index: -1;
}

.mm-listview .mm-inset>li>a {
  display: block;
  padding: 0 10px 0 50px;
  font-size: 12px;
  line-height: 45px;
  letter-spacing: 2px;
  position: relative;
}

.mm-listview .mm-inset>li>a:before {
  position: absolute;
  top: 50%;
  left: 30px;
  width: 7px;
  height: 0;
  content: "";
  border-top: #fec6c7 1px solid;
}


/* .SNS */

.mm-listview .mm-inset>li.youtubeIcon>a, .mm-listview .mm-inset>li.facebookIcon>a, .mm-listview .mm-inset>li.pinterestIcon>a, .mm-listview .mm-inset>li.instagramIcon>a, .mm-listview .mm-inset>li.blogIcon>a {
  font-size: 12px;
  font-family: 'Catamaran', sans-serif;
  font-weight: 300;
  letter-spacing: 2px;
  background: #fafafa;
  line-height: 40px;
}

.mm-listview .mm-inset>li.youtubeIcon>a:before, .mm-listview .mm-inset>li.facebookIcon>a:before, .mm-listview .mm-inset>li.pinterestIcon>a:before, .mm-listview .mm-inset>li.instagramIcon>a:before, .mm-listview .mm-inset>li.blogIcon>a:before {
  position: static;
  width: 20px;
  height: auto;
  margin-right: 5px;
  display: inline-block;
  border-top: none;
  font-family: 'themify';
  font-weight: normal;
  text-align: center;
}

.mm-listview .mm-inset>li.youtubeIcon>a:before {
  font-size: 15px;
  content: "\e728"
}

.mm-listview .mm-inset>li.facebookIcon>a:before {
  content: "\e741"
}

.mm-listview .mm-inset>li.pinterestIcon>a:before {
  content: "\e731"
}

.mm-listview .mm-inset>li.instagramIcon>a:before {
  content: "\e73d"
}

.mm-listview .mm-inset>li.blogIcon>a:before {
  font-size: 13px;
  content: "\e61c"
}

.mm-listview .mm-divider {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 10px;
  text-transform: uppercase;
  text-indent: 20px;
  line-height: 25px;
}

.mm-listview .mm-spacer {
  padding-top: 40px;
}

.mm-listview .mm-spacer>.mm-next {
  top: 40px;
}

.mm-listview .mm-spacer.mm-divider {
  padding-top: 25px;
}

.mm-prev:before, .mm-next:after, .mm-arrow:after {
  content: '';
  border: 1px solid transparent;
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mm-prev:before {
  border-right: none;
  border-bottom: none;
  left: 23px;
}

.mm-next:after, .mm-arrow:after {
  border-top: none;
  border-left: none;
  right: 23px;
}


/* .mm-menu */

.mm-menu {
  background: #fefefe;
  border-color: #eee;
  color: #7a7a7a;
  border-right: #ededed 1px solid;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

.mm-menu .mm-navbar>*, .mm-menu .mm-navbar a {
  color: rgba(0, 0, 0, 0.3);
  color: #b09d7c;
  font-size: 13px;
  letter-spacing: 2px;
}

.mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after {
  border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu .mm-listview {
  border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu .mm-listview>li .mm-next:after, .mm-menu .mm-listview>li .mm-arrow:after {
  border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu .mm-listview>li a:not(.mm-next) {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5);
  tap-highlight-color: rgba(255, 255, 255, 0.5);
}

.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next), .mm-menu .mm-listview>li.mm-selected>span {
  background: rgba(255, 255, 255, 0.5);
}

.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next, .mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel, .mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next, .mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel {
  background: rgba(0, 0, 0, 0.05);
}

.mm-menu .mm-divider {
  background: rgba(0, 0, 0, 0.05);
}


/* jQuery.mmenu offcanvas addon CSS */

.mm-page {
  box-sizing: border-box;
  position: relative;
}

.mm-slideout {
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease;
}

html.mm-opened {
  overflow-x: hidden;
  position: relative;
}

html.mm-blocking {
  overflow: hidden;
}

html.mm-blocking body {
  overflow: hidden;
}

html.mm-background .mm-page {
  background: inherit;
}

#mm-blocker {
  background: rgba(3, 2, 1, 0);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
}

html.mm-blocking #mm-blocker {
  display: block;
}

.mm-menu.mm-offcanvas {
  display: none;
  position: fixed;
}

.mm-menu.mm-current {
  display: block;
}

.mm-menu {
  width: 80%;
  min-width: 140px;
  max-width: 440px;
}

html.mm-opening .mm-slideout {
  -webkit-transform: translate(80%, 0);
  -moz-transform: translate(80%, 0);
  -ms-transform: translate(80%, 0);
  -o-transform: translate(80%, 0);
  transform: translate(80%, 0);
}

@media all and (max-width: 175px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0);
  }
}

@media all and (min-width: 550px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(440px, 0);
    -moz-transform: translate(440px, 0);
    -ms-transform: translate(440px, 0);
    -o-transform: translate(440px, 0);
    transform: translate(440px, 0);
  }
}


/* jQuery.mmenu autoHeight addon CSS */

.mm-menu.mm-autoheight {
  max-height: 80%;
}

.mm-menu.mm-autoheight.mm-fullscreen {
  max-height: 100%;
}

.mm-menu.mm-measureheight>.mm-panels>.mm-panel {
  bottom: auto !important;
  height: auto !important;
}


/* jQuery.mmenu counters addon CSS */

em.mm-counter {
  font: inherit;
  font-size: 14px;
  font-style: normal;
  text-indent: 0;
  line-height: 20px;
  display: block;
  margin-top: -10px;
  position: absolute;
  right: 45px;
  top: 50%;
}

em.mm-counter {
  font-size: 12px;
  letter-spacing: 0;
}

em.mm-counter+a.mm-next {
  width: 90px;
}

em.mm-counter+a.mm-next+a, em.mm-counter+a.mm-next+span {
  margin-right: 90px;
}

em.mm-counter+a.mm-fullsubopen {
  padding-left: 0;
}

.mm-vertical>.mm-counter {
  top: 12px;
  margin-top: 0;
}

.mm-vertical.mm-spacer>.mm-counter {
  margin-top: 40px;
}

.mm-nosubresults>.mm-counter {
  display: none;
}

.mm-menu em.mm-counter {
  color: rgba(0, 0, 0, 0.3);
  color: #111;
}


/* jQuery.mmenu dividers addon CSS */

.mm-divider>span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  line-height: 25px;
}

.mm-divider.mm-opened a.mm-next:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mm-collapsed:not(.mm-uncollapsed) {
  display: none;
}

.mm-fixeddivider {
  background: inherit;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-fixeddivider:after {
  content: none !important;
  display: none !important;
}

.mm-hasdividers .mm-fixeddivider {
  display: block;
}

.mm-menu .mm-fixeddivider span {
  background: rgba(0, 0, 0, 0.05);
}


/*
jQuery.mmenu dragOpen addon CSS
*/

html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-slideout {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}


/*
jQuery.mmenu iconpanels addon CSS
*/

.mm-iconpanel .mm-panel {
  -webkit-transition-property: -webkit-transform, left;
  -moz-transition-property: -moz-transform, left;
  -ms-transition-property: -ms-transform, left;
  -o-transition-property: -o-transform, left;
  transition-property: transform, left;
}

.mm-iconpanel .mm-panel.mm-opened {
  border-left: 1px solid;
  border-color: inherit;
}

.mm-iconpanel .mm-panel.mm-subopened {
  overflow-y: hidden;
  left: -40px;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-iconpanel .mm-panel.mm-iconpanel-0 {
  left: 0px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-1 {
  left: 40px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-2 {
  left: 80px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-3 {
  left: 120px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-4 {
  left: 160px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-5 {
  left: 200px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-6 {
  left: 240px;
}

.mm-subblocker {
  background: inherit;
  opacity: 0;
  display: block;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.mm-subopened .mm-subblocker {
  opacity: 0.6;
  position: absolute;
  top: 0;
  right: 0;
  bottom: -100000px;
  left: 0;
  z-index: 3;
}


/*
jQuery.mmenu borderstyle extension CSS
*/

.mm-menu.mm-border-none .mm-listview>li:after, .mm-listview.mm-border-none>li:after {
  content: none;
}

.mm-menu.mm-border-full .mm-listview>li:after, .mm-listview.mm-border-full>li:after {
  left: 0 !important;
}

.mm-menu.mm-border-offset .mm-listview>li:after, .mm-listview.mm-border-offset>li:after {
  right: 20px;
}


/*
jQuery.mmenu multiline extension CSS
*/

.mm-menu.mm-multiline .mm-listview>li>a, .mm-menu.mm-multiline .mm-listview>li>span, .mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>a, .mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>span {
  text-overflow: clip;
  white-space: normal;
}


/*
jQuery.mmenu pagedim extension CSS
*/

html.mm-pagedim #mm-blocker, html.mm-pagedim-white #mm-blocker, html.mm-pagedim-black #mm-blocker {
  opacity: 0;
}

html.mm-pagedim.mm-opening #mm-blocker, html.mm-pagedim-white.mm-opening #mm-blocker, html.mm-pagedim-black.mm-opening #mm-blocker {
  opacity: 0.3;
  transition: opacity 0.4s ease 0.4s;
}

html.mm-pagedim #mm-blocker {
  background: inherit;
}

html.mm-pagedim-white #mm-blocker {
  background: #fff;
}

html.mm-pagedim-black #mm-blocker {
  background: #000;
}


/*
jQuery.mmenu position extension CSS
*/

.mm-menu.mm-top, .mm-menu.mm-bottom {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

.mm-menu.mm-right {
  left: auto;
  right: 0;
}

.mm-menu.mm-bottom {
  top: auto;
  bottom: 0;
}

html.mm-right.mm-opening .mm-slideout {
  -webkit-transform: translate(-80%, 0);
  -moz-transform: translate(-80%, 0);
  -ms-transform: translate(-80%, 0);
  -o-transform: translate(-80%, 0);
  transform: translate(-80%, 0);
}

@media all and (max-width: 175px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    -moz-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 0);
    -o-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
  }
}

@media all and (min-width: 550px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-440px, 0);
    -moz-transform: translate(-440px, 0);
    -ms-transform: translate(-440px, 0);
    -o-transform: translate(-440px, 0);
    transform: translate(-440px, 0);
  }
}


/*
jQuery.mmenu z-position extension CSS
*/

html.mm-front .mm-slideout {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
  z-index: 0 !important;
}

.mm-menu.mm-front {
  z-index: 1;
}

.mm-menu.mm-front, .mm-menu.mm-next {
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}


/* -----------------------------------------------------------

#footer

----------------------------------------------------------- */

#footer {
  padding-top: 90px;
  background: url(//asset.ibanquan.com/s/58413/740/noise?design_theme_id=0&v=1567165127_1653168296) repeat #f5f5f5;
  border-top: #a3d9e0 1px solid;
  position: relative;
  z-index: 1;
}

#footer:before {
  position: absolute;
  top: -1px;
  left: 5%;
  right: 5%;
  height: 0;
  content: "";
  border-top: #ededed 1px solid;
  z-index: 2;
}


/* ----- h3 ----- */

#footer h3 {
  font-size: 13px;
  font-family: 'Catamaran', sans-serif;
  font-weight: 700;
  letter-spacing: 3px;
  line-height: 2;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 20px;
}

.footer-right-button {
  float: right;
}

@media only screen and (max-width: 800px) {
  #footer {
    padding-top: 80px;
  }
}

@media only screen and (max-width: 738px) {
  #footer {
    padding-top: 70px;
    background: url(//asset.ibanquan.com/s/58413/740/noise?design_theme_id=0&v=1567165127_1653168296) repeat #f0f0f0;
  }
  #footer h3 {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 414px) {
  #footer {
    padding-top: 60px;
  }
}


/* ----- .inner ----- */

#footer .inner {
  padding: 50px 0;
  margin: 0 5%;
  background: #fefefe;
}


/* ----- .infoArea ----- */

#footer .infoArea {
  font-size: 0;
  z-index: 2;
  position: relative;
}


/* ----- .infoBox ----- */

#footer .infoBox {
  display: inline-block;
  margin: 0;
  width: 33.333%;
  padding: 5px 2.5%;
  position: relative;
  z-index: 0;
  box-sizing: border-box;
  vertical-align: top;
}

#footer .infoBox:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0;
  content: "";
  border-right: #ededed 1px solid;
  z-index: 0;
}

#footer .infoBox:last-child:after {
  display: none;
}


/* .txtArea */

#footer .aboutBox .txtArea {
  margin-top: 20px;
}

#footer .aboutBox h1 {
  width: 100%;
  height: 85px;
  background:url(//asset.ibanquan.com/s/58413/740/logoFooterSp?design_theme_id=0&v=1567165127_1653168296) center center no-repeat;
  background-size: contain;
  margin-top: -20px;
}

#footer .aboutBox p {
  font-size: 12px;
  text-indent: -0.5em;
  margin-top: -0.5em;
}


/* .imgArea */

#footer .accessBox .imgArea {
  float: left;
  width: 30%;
}
#footer .accessBox .imgArea img{
  width:100%;
}

/* .txtArea */

#footer .accessBox .txtArea {
  float: right;
  width: 62.5%;
}

#footer .accessBox p {
  font-size: 12px;
  margin-top: -0.5em;
}


/* .linkArea */

#footer .accessBox .linkArea {
  margin-top: 10px;
  text-align: left;
}

#footer .accessBox .linkArea .btnGoogle {
  display: inline-block;
  padding: 0 20px 0 30px;
  margin: 0;
  font-size: 11px;
  text-decoration: none;
  text-align: center;
  line-height: 30px;
  letter-spacing: 1px;
  position: relative;
  color: #000000;
  background: #fff;
  border: #000000 1px solid;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  max-width: 100%;
}

#footer .accessBox .linkArea .btnGoogle:after {
  font-family: 'themify';
  content: "\e693";
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  left: 10px;
  z-index: 1;
  line-height: 30px;
}

#footer .accessBox .linkArea .btnGoogle:hover {
  color: #ff878d;
  background: #fff1f1;
  border-color: transparent;
}


/* .contactBox */

#footer .contactBox .imgArea {
  float: left;
  width: 30%;
  display: none;
}

#footer .contactBox .txtArea {
  float: right;
  width: 62.5%;
  width: 100%;
}

#footer .contactBox h4 {
  font-size: 12px;
  font-weight: normal;
  line-height: 2.2;
  letter-spacing: 1px;
  margin-top: -0.5em;
  text-align: center;
}


/* .contactBox ul */

#footer .contactBox ul {}

#footer .contactBox ul li {
  display: block;
  margin: 5px 0 0;
  text-align: center;
  position: relative;
  z-index: 1;
}

#footer .contactBox ul li a, #footer .contactBox ul li span {
  display: block;
  line-height: 50px;
  position: relative;
  z-index: 2;
}

#footer .contactBox ul li .tel {
  border: #111 1px dashed;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 2px;
}

#footer .contactBox ul li .tel:before {
  position: absolute;
  top: 0;
  left: 20px;
  bottom: 0;
  width: 25px;
  content: "";
  background:url(//asset.ibanquan.com/s/58413/740/tellIcon?design_theme_id=0&v=1567165127_1653168296) left center no-repeat;
}
/* .mail */
#footer .contactBox ul li .mail {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 1px;
}
#footer .contactBox ul li .mail:before {
  position: absolute;
  top: 0;
  left: 21px;
  bottom: 0;
  width: 25px;
  font-size: 20px;
  text-align: left;
  font-family: 'themify';
  content: "\e75a";
  font-weight: normal;
}
#footer .contactBox ul li .mail:hover {
}
#footer .contactBox ul li .mail:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  font-size: 10px;
  font-family: 'themify';
  content: "\e649";
  font-weight: normal;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#footer .contactBox ul li .mail:hover:after {
  opacity: 1;
  -webkit-transform: translate(5px, 0px);
  -moz-transform: translate(5px, 0px);
  -o-transform: translate(5px, 0px);
  -ms-transform: translate(5px, 0px);
  transform: translate(5px, 0px);
}
@media only screen and (max-width: 945px) {
  #footer .contactBox ul li .tel {
    font-size: 14px;
    letter-spacing: 1.5px;
  }
  #footer .contactBox ul li .tel:before {
    left: 10px;
  }
  #footer .contactBox ul li .mail {
    font-size: 12px;
  }
  #footer .contactBox ul li .mail:before {
    left: 10px;
  }
}
@media only screen and (max-width: 800px) {
  /* ----- .inner ----- */
  #footer .inner {
    padding: 50px 0;
    margin: 0 5%;
    background: #fefefe;
  }
  /* ----- .infoArea ----- */
  #footer .infoArea {
    font-size: 0;
    z-index: 2;
    position: relative;
  }
  /* ----- .infoBox ----- */
  #footer .infoBox {
    width: 50%;
    padding: 5px 5%;
  }
  #footer .infoBox:last-child {
    width: 100%;
    margin-top: 25px;
    padding-top: 25px;
    border-top: #ededed 1px solid;
  }
  #footer .infoBox:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0;
    content: "";
    border-right: #ededed 1px solid;
    z-index: 0;
  }
  #footer .infoBox:nth-child(2):after {
    display: none;
  }
  #footer .aboutBox h1 {
    width: 100%;
    height: 72px;
    background:url(//asset.ibanquan.com/s/58413/740/logoFooterSp?design_theme_id=0&v=1567165127_1653168296) center center no-repeat;
    margin-top: -20px;
    background-size: contain;
  }
  /* .linkArea */
  #footer .accessBox .linkArea .btnGoogle:hover {
    color: #111;
    background: #fefefe;
    border: #111 1px solid;
  }
  /* .contactBox ul */
  #footer .contactBox ul {
    font-size: 0;
    margin: 10px -1% 0;
  }
  #footer .contactBox ul li {
    display: inline-block;
    margin: 5px 1% 0;
    width: 48%;
  }
  #footer .contactBox ul li a, #footer .contactBox ul li span {
    display: block;
    line-height: 50px;
    position: relative;
    z-index: 2;
  }
  #footer .contactBox ul li .tel {
    border: #111 1px dashed;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
  }

  #footer .contactBox ul li .tel:before {
    position: absolute;
    top: 0;
    left: 20px;
    bottom: 0;
    width: 25px;
    content: "";
    background:url(//asset.ibanquan.com/s/58413/740/tellIcon?design_theme_id=0&v=1567165127_1653168296) left center no-repeat;
  }
  /* .mail */
  #footer .contactBox ul li .mail {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
  }
  #footer .contactBox ul li .mail:before {
    position: absolute;
    top: 0;
    left: 21px;
    bottom: 0;
    width: 25px;
    font-size: 20px;
    text-align: left;
    font-family: 'themify';
    content: "\e75a";
    font-weight: normal;
  }
  #footer .contactBox ul li .mail:hover {
  }
  #footer .contactBox ul li .mail:after {
    display: none;
  }
}
@media only screen and (max-width: 738px) {
  /* ----- .inner ----- */
  #footer .inner {
    padding: 20px 0;
    margin: 0 5%;
  }
  /* ----- .infoBox ----- */
  #footer .infoBox {
    display: block;
    margin: 0;
    width: 100%;
    padding: 25px 5%;
  }
  #footer .infoBox:after {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    border-right: none;
    border-bottom: #ededed 1px solid;
  }
  /* .contactBox */
  #footer .contactBox h4 {
    font-size: 12px;
    font-weight: normal;
    line-height: 2.2;
    letter-spacing: 1px;
    margin-top: -0.5em;
    text-align: center;
  }
  #footer .contactBox ul {
    font-size: 0;
    margin: 5px -1% 0;
    text-align: center;
  }
  #footer .contactBox ul li {
    margin: 10px 1% 0;
    min-width: 250px;
  }
  #footer .contactBox ul li a, #footer .contactBox ul li span {
    line-height: 45px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
  }
  #footer .contactBox ul li .tel {
    font-size: 14px;
    letter-spacing: 1.5px;
  }
  #footer .contactBox ul li .tel:before {
    left: 10px;
    width: 20px;
    background:url(//asset.ibanquan.com/s/58413/740/tellIcon?design_theme_id=0&v=1567165127_1653168296) left center no-repeat;
    background-size: 20px 20px;
  }
  #footer .contactBox ul li .mail {
    font-size: 12px;
  }
  #footer .contactBox ul li .mail:before {
    left: 10px;
  }
}
@media only screen and (max-width: 414px) {
  #footer .infoBox:first-child {
    padding: 25px 7.5%;
  }
  #footer .accessBox p {
    font-size: 11px;
    margin-top: -0.5em;
    line-height: 1.9;
  }
}
/* ----- .inner2 ----- */
#footer .inner2 {
  padding: 40px 0;
  margin: 0 5%;
  border-top: #ededed 1px solid;
  position: relative;
  z-index: 1;
}
/* ----- .sitemapArea ----- */
#footer .sitemapArea {
  font-size: 0;
}
/* .sitemapBox */
#footer .sitemapBox {
  display: inline-block;
  margin: 0;
  width: 25%;
  position: relative;
  z-index: 0;
}
#footer .sitemapBox:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0;
  content: "";
  border-right: #ededed 1px solid;
  z-index: 0;
}
#footer .sitemapBox:last-child:after {
  display: none;
}
/* ul */
#footer .sitemapBox li{
  padding: 0 10%;
}

#footer .sitemapBox dd, #footer .sitemapBox dt {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 12px;
  letter-spacing: 1px;
}

#footer .sitemapBox dt {
  font-size: 16px !important;
}

#footer .sitemapBox dd a {
  display: inline-block;
  position: relative;
  z-index: 1;
  line-height: 30px;
  padding-left: 15px;
}
#footer .sitemapBox dd a:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto 0;
  content: "";
  width: 5px;
  height: 1px;
  z-index: 2;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#footer .sitemapBox dd a:after {
  position: absolute;
  top: 5px;
  left: 0;
  bottom: 5px;
  width: 0;
  content: "";
  background: #fefefe;
  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;
}
#footer .sitemapBox dd a:hover:after {
  width: 100%;
}
/* ----- ul.calendar ----- */
#footer .sitemapBox ul.calendar {
  margin-top: 15px;
}
@media only screen and (max-width: 1050px) {
  #footer .sitemapBox ul li {
    margin: 3px 0;
  }
  #footer .sitemapBox ul li a {
    line-height: 1.6;
  }
  #footer .sitemapBox ul li a:hover {
    color: #ff878d;
  }
  #footer .sitemapBox ul li a:after {
    top: 2px;
    bottom: 2px;
  }
}
@media only screen and (max-width: 945px) {
  #footer .sitemapBox {
    width: 50%;
    margin-bottom: 30px;
  }
  #footer .sitemapBox:nth-child(4), #footer .sitemapBox:nth-child(5) {
    margin-bottom: 0;
  }
  #footer .sitemapBox:last-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0;
    content: "";
    border-right: #ededed 1px solid;
    z-index: 0;
  }
  #footer .sitemapBox:nth-child(3):after {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  #footer .sitemapBox ul li a:hover {
    color: #111;
  }
  #footer .sitemapBox ul li a:after {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* ----- .inner ----- */
  #footer .inner2 {
    padding: 25px 5% 45px;
    margin: 0 5%;
    border-top: #ededed 1px solid;
  }
  /* ----- .sitemapArea ----- */
  #footer .sitemapArea {
    font-size: 0;
  }
  /* .sitemapBox */
  #footer .sitemapBox {
    display: block;
    margin: 0;
    width: 100%;
  }
  #footer .sitemapBox:after {
    display: none;
  }
  /* ul */
  #footer .sitemapBox ul {
    margin: 20px 0 0;
    padding: 0;
    font-size: 0;
    text-align: left;
    position: relative;
  }
  #footer .sitemapBox ul li {
    display: inline-block;
    margin: 0;
    width: 50%;
    padding: 0;
    border: transparent 1px solid;
    font-size: 10px;
    line-height: 40px;
    text-align: center;
  }
  #footer .sitemapBox ul li a {
    display: block;
    position: relative;
    z-index: 1;
    padding-left: 0;
    letter-spacing: 0.5px;
    line-height: 40px;
    background: #f5f5f5;
  }
  #footer .sitemapBox ul li a:before {
    position: absolute;
    top: 0;
    left: auto;
    right: 8px;
    bottom: 0;
    margin: 0;
    font-family: 'themify';
    content: "\e649";
    font-size: 6px;
    width: auto;
    height: 100%;
    background: none;
    z-index: 1;
  }
  #footer .sitemapBox ul.calendar {
    margin-top: 20px;
  }
  #footer .sitemapBox ul.home li, #footer .sitemapBox ul.calendar li, #footer .sitemapBox ul.privacy li {
    width: 100%;
  }
  #footer .sitemapBox ul.home:before, #footer .sitemapBox ul.photography:before, #footer .sitemapBox ul.movie:before, #footer .sitemapBox ul.about:before, #footer .sitemapBox ul.staff:before, #footer .sitemapBox ul.calendar:before, #footer .sitemapBox ul.privacy:before {
    display: block;
    margin-bottom: 15px;
    content: "Photography";
    font-size: 12px;
    font-family: 'Catamaran', sans-serif;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
  }
  #footer .sitemapBox ul.home:before {
    content: "Home";
  }
  #footer .sitemapBox ul.photography:before {
    content: "Photography";
  }
  #footer .sitemapBox ul.movie:before {
    content: "Movie";
  }
  #footer .sitemapBox ul.about:before {
    content: "About";
  }
  #footer .sitemapBox ul.staff:before {
    content: "Staff";
  }
  #footer .sitemapBox ul.calendar:before {
    content: "Calendar";
  }
  #footer .sitemapBox ul.privacy:before {
    content: "Privacy Policy";
  }
}
@media only screen and (max-width: 320px) {
  #footer .sitemapBox ul li a {
    letter-spacing: 0;
  }
  #footer .sitemapBox ul li a:before {
    display: none;
  }
}
/* ----- .inner3 ----- */
#footer .inner3 {
  padding: 40px 0;
  margin: 0 5%;
  background: #fefefe;
  border-top: #ededed 1px solid;
  text-align: center;
  position: relative;
  z-index: 1;
}
/* ul.sns */
#footer .inner3 ul.sns {
  font-size: 0;
  text-align: center;
  padding: 0 15%;
}
#footer .inner3 ul.sns li {
  display: inline-block;
  width: 20%;
  position: relative;
  z-index: 2;
  line-height: 30px;
}
#footer .inner3 ul.sns li:after {
  position: absolute;
  top: 50%;
  right: -8px;
  content: "";
  width: 16px;
  height: 0;
  border-bottom: #ededed 1px solid;
  z-index: -1;
}
#footer .inner3 ul.sns li:last-child:after {
  display: none;
}
#footer .inner3 ul.sns li a {
  display: block;
  font-size: 12px;
  font-family: 'Catamaran', sans-serif;
  font-weight: 300;
  letter-spacing: 2px;
}
#footer .inner3 ul.sns li a span {
  position: relative;
  z-index: 1;
}
#footer .inner3 ul.sns li a i {
  font-size: 13px;
  line-height: 30px;
  padding-right: 5px;
}
#footer .inner3 ul.sns li a.youtube i {
  font-size: 18px;
}
#footer .inner3 ul.sns li a:hover {
  color: #7eccd6;
}
#footer .inner3 ul.sns li a span:after {
  position: absolute;
  bottom: -5px;
  left: 33%;
  right: 33%;
  height: 1px;
  content: "";
  background: transparent;
  z-index: -1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#footer .inner3 ul.sns li a:hover span:after {
  left: 0;
  right: 0;
  background: #a3d9e0;
}
@media only screen and (max-width: 945px) {
  #footer .inner3 ul.sns {
    padding: 0;
  }
}
@media only screen and (max-width: 800px) {
  #footer .inner3 ul.sns li a {
    letter-spacing: 1.5px;
  }
  #footer .inner3 ul.sns li a:hover {
    color: #111;
  }
  #footer .inner3 ul.sns li a span:after {
    display: none;
  }
}
@media only screen and (max-width: 738px) {
  #footer .inner3 {
    padding: 25px 5% 45px;
    margin: 0 5%;
  }
  /* ul.sns */
  #footer .inner3 ul.sns {
    font-size: 0;
    text-align: left;
    padding: 0;
    margin: -10px -1% 0;
  }
  #footer .inner3 ul.sns li {
    display: inline-block;
    width: 31.333%;
    margin: 10px 1% 0;
    position: relative;
    z-index: 2;
    line-height: 1;
  }
  #footer .inner3 ul.sns li:after {
    display: none;
  }
  #footer .inner3 ul.sns li:last-child:after {
    display: none;
  }
  #footer .inner3 ul.sns li a {
    background: #f0f0f0;
    line-height: 40px;
    height: 40px;
    display: block;
    text-align: center;
    font-size: 11px;
    letter-spacing: 0.5px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
  }
  #footer .inner3 ul.sns li a i {
    font-size: 12px;
    line-height: 40px;
    padding-right: 5px;
    margin-left: -8px;
  }
  #footer .inner3 ul.sns li a.youtube i {
    font-size: 13px;
  }
}
@media only screen and (max-width: 414px) {
  #footer .inner3 ul.sns {
    margin: -5px -1% 0;
  }
  #footer .inner3 ul.sns li {
    width: 48%;
    margin: 5px 1% 0;
  }
  #footer .inner3 ul.sns li a {
    line-height: 35px;
    height: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
  }
  #footer .inner3 ul.sns li a i {
    line-height: 35px;
  }
}
/* ----- .copyrightArea ----- */
#footer .copyrightArea {
  padding: 30px 5%;
  text-align: center;
  position: relative;
  z-index: 1;
}
#footer .copyrightArea p {
  font-size: 11px;
  line-height: 2.2;
  letter-spacing: 1px;
}
#footer .copyrightArea p.copyright {
  font-size: 11px;
  font-family: 'Catamaran', sans-serif;
  font-weight: 300;
  letter-spacing: 1.5px;
}
#footer .copyrightArea p.copyright span {
  font-size: 13px;
  vertical-align: 0;
  font-family: 'Open Sans';
}
@media only screen and (max-width: 738px) {
  #footer .copyrightArea {
    padding: 35px 5% 45px;
    background: url(//asset.ibanquan.com/s/58413/740/noise?design_theme_id=0&v=1567165127_1653168296) repeat #f0f0f0;
  }
  #footer .copyrightArea:before {
    position: absolute;
    top: -1px;
    left: 5%;
    right: 5%;
    height: 0;
    content: "";
    border-top: #ededed 1px solid;
    z-index: 2;
  }
  #footer .copyrightArea p.copyright {
    letter-spacing: 1px;
  }
  #footer .copyrightArea p.copyright span {
    font-size: 12px;
    vertical-align: 0;
    font-family: 'Open Sans';
  }
}
/* --- .shareArea --- */
#footer .shareArea {
  position: absolute;
  top: 40px;
  left: 5%;
}
/* --- .snsBtnArea --- */
#footer .shareArea ul {
  font-size: 0;
  text-align: left;
  margin: 0;
}
#footer .shareArea ul li {
  display: inline-block;
  width: 100px;
  text-align: center;
  margin: 0 5px 0 0;
}
#footer .shareArea ul li a {
  position: relative;
  display: block;
  height: 30px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 30px;
  color: #111;
  background: #fefefe;
  margin: 0 auto;
  padding: 0 0 0 10px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
#footer .shareArea ul li a:before {
  position: absolute;
  top: 0;
  left: 10px;
  bottom: 0;
  display: block;
  font-size: 13px;
  font-family: 'themify';
  font-weight: normal;
  line-height: 30px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#footer .shareArea ul li a.twitterBtn:before {
  content: "\e74b";
  color: #1da1f2;
}
#footer .shareArea ul li a.twitterBtn:hover {
  color: #fefefe;
  background: url(//asset.ibanquan.com/s/58413/740/noise?design_theme_id=0&v=1567165127_1653168296) repeat #1da1f2;
}
#footer .shareArea ul li a.twitterBtn:hover:before {
  color: #fefefe;
}
#footer .shareArea ul li a.facebookBtn:before {
  content: "\e741";
  color: #3765a3;
}
#footer .shareArea ul li a.facebookBtn:hover {
  color: #fefefe;
  background: url(//asset.ibanquan.com/s/58413/740/noise?design_theme_id=0&v=1567165127_1653168296) repeat #3765a3;
}
#footer .shareArea ul li a.facebookBtn:hover:before {
  color: #fefefe;
}
@media only screen and (max-width: 800px) {
  #footer .shareArea {
    position: static;
    margin-bottom: 15px;
  }
  #footer .shareArea ul {
    font-size: 0;
    text-align: center;
    margin: 0;
  }
  #footer .shareArea ul li {
    margin: 0 1%;
  }
  #footer .shareArea ul li a.twitterBtn:hover {
    color: #111;
    background: #fefefe;
  }
  #footer .shareArea ul li a.twitterBtn:hover:before {
    color: #1da1f2;
  }
  #footer .shareArea ul li a.facebookBtn:hover {
    color: #111;
    background: #fefefe;
  }
  #footer .shareArea ul li a.facebookBtn:hover:before {
    color: #3765a3;
  }
}
@media only screen and (max-width: 738px) {
  #footer .shareArea {
    position: static;
    margin-bottom: 15px;
  }
  /* --- .snsBtnArea --- */
  #footer .shareArea ul {
    font-size: 0;
    text-align: center;
    margin: 0;
  }
  #footer .shareArea ul li {
    display: inline-block;
    width: 120px;
    text-align: center;
    margin: 0 1%;
  }
  #footer .shareArea ul li a {
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
  }
}
/* ==========================================================================

.linkArea

========================================================================== */
.linkArea {
  text-align: center;
  margin-top: 40px;
}
/* .btn  */
body > :not(.yhsd-base):not(.yhsd-popup-wrapper):not(.has-rich_text) .btn {
  display: inline-block;
  width: 275px;
  max-width: 100%;
  padding: 0;
  margin: 0 10px;
  color: #ffffff;
  font-size: 14px;
  text-decoration: none;
  text-align: center;
  font-weight: 500;
  line-height: 55px;
  letter-spacing: 1px;
  position: relative;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-color:transparent;
  border-radius: 30px;
  background: #111111;
  border: 1px solid #111111;
}
body > :not(.yhsd-base):not(.yhsd-popup-wrapper):not(.has-rich_text) .btn:after {
  font-family: 'themify';
  content: "\e649";
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  right: 15px;
  z-index: 1;
  line-height: 55px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
body > :not(.yhsd-base):not(.yhsd-popup-wrapper):not(.has-rich_text) .btn:hover {
  color: #ffffff;
  background: #f6bac3;
  border-color: #f6bac3;
}
body > :not(.yhsd-base):not(.yhsd-popup-wrapper):not(.has-rich_text) .btn:hover:after {
  right: 10px;
}
/* .btnSmall */
.btnSmall {
  font-size: 13px;
  line-height: 40px;
  width: 200px;
  max-width: 100%;
  border: #111 1px solid;
}
.btnSmall:after {
  line-height: 40px;
}
.btnSmall:hover {
}
/* .btnSmall */
.btnSmallBorder {
  font-size: 13px;
  line-height: 40px;
  width: 200px;
  max-width: 100%;
  color: #111;
  background: none;
  border: #111 1px solid;
}
.btnSmallBorder:after {
  line-height: 40px;
}
.btnSmallBorder:hover {
  color: #ff878d;
  background: #fff1f1;
  background: none;
  border: #f6bac3 1px solid;
}
@media only screen and (max-width: 800px) {
  .linkArea {
    margin-top: 30px;
  }
  /* .btn  */
  body > :not(.yhsd-base):not(.yhsd-popup-wrapper):not(.has-rich_text) .btn {
    margin: 10px 1% 0;
    font-size: 13px;
    line-height: 50px;
    width: 275px;
    max-width: 100%;
  }
  body > :not(.yhsd-base):not(.yhsd-popup-wrapper):not(.has-rich_text) .btn:after {
    line-height: 50px;
    right: 10px;
  }
  /* .btnSmall */
  .btnSmall {
    line-height: 45px;
    width: 220px;
    max-width: 100%;
  }
  .btnSmall:after {
    line-height: 45px;
  }
  .btnSmall:hover {
  }
}
@media only screen and (max-width: 738px) {
  .linkArea {
    margin-top: 25px;
  }
  /* .btn  */
  body > :not(.yhsd-base):not(.yhsd-popup-wrapper):not(.has-rich_text) .btn {
    font-size: 13px;
    line-height: 45px;
    width: 250px;
    max-width: 100%;
  }
  body > :not(.yhsd-base):not(.yhsd-popup-wrapper):not(.has-rich_text) .btn:after {
    line-height: 45px;
  }
  .btnSmall {
    line-height: 40px;
    width: 180px;
    max-width: 100%;
  }
  .btnSmall:after {
    line-height: 40px;
  }
}
@media only screen and (max-width: 414px) {
  body > :not(.yhsd-base):not(.yhsd-popup-wrapper):not(.has-rich_text) .btn {
    font-size: 12px;
    width: 230px;
  }
}
/* ----------------------------------------------------------

#preloader

---------------------------------------------------------- */
#preloader { position: fixed; top:0; left:0; right:0; bottom:0; display: block; background:#fefefe; z-index:99998; }
/* .spinner */
.spinner {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 70px;
  height: 70px;
  margin: auto;
  text-indent: -9999px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #999;
  border-left: 1px solid #999;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: spin .5s linear infinite;
  -moz-animation: spin .5s linear infinite;
  -ms-animation: spin .5s linear infinite;
  -o-animation: spin .5s linear infinite;
  animation: spin .5s linear infinite
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0)
  }
  100% {
    -webkit-transform: rotate(360deg)
  }
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0)
  }
  100% {
    -moz-transform: rotate(360deg)
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0)
  }
  100% {
    -ms-transform: rotate(360deg)
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0)
  }
  100% {
    -o-transform: rotate(360deg)
  }
}
@keyframes spin {
  0% {
    transform: rotate(0)
  }
  100% {
    transform: rotate(360deg)
  }
}
@media screen and (max-width:768px) {
  .spinner {
    width: 50px;
    height: 50px
  }
  #menu .mm-panels{
    background:#fafafa
  }
}
@media screen and (max-width:414px) {
  .spinner {
    width: 40px;
    height: 40px
  }
}
/* -----------------------------------------------------------

.central

----------------------------------------------------------- */
.central {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
/* -----------------------------------------------------------

#breadcrumb

----------------------------------------------------------- */
#breadcrumb {
  padding: 20px 5%;
  position: relative;
  z-index: 1;
  border-top: #a3d9e0 1px solid;
}
#breadcrumb:before {
  position: absolute;
  top: -1px;
  left: 5%;
  right: 5%;
  height: 0;
  content: "";
  border-top: #ededed 1px solid;
  z-index: 2;
}
#breadcrumb ol {
  font-size: 0;
  margin: 0;
  padding: 0;
  line-height: 1.8;
  line-height: 1;
}
#breadcrumb li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  list-style: none;
  font-size: 11px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  letter-spacing: 1px;
  height: 20px;
  line-height: 20px;
}
#breadcrumb li:after {
  font-size: 6px;
  font-family: 'themify';
  content: "\e649";
  font-weight: normal;
  margin: 0 10px;
  height: 20px;
  line-height: 20px;
}
#breadcrumb li:last-child:after {
  display: none;
}
#breadcrumb li i {
  font-size: 16px;
  padding-right: 5px;
  font-weight: normal;
  line-height: 1.3;
}
#breadcrumb li a {
  border-bottom: #fec6c7 1px solid;
  position: relative;
  z-index: 1;
  height: 20px;
  line-height: 20px;
}
#breadcrumb li:first-child a:before {
  padding-right: 5px;
  font-size: 11px;
  font-family: 'themify';
  content: "\e69b";
}
#breadcrumb li a:after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  content: "";
  background: transparent;
  z-index: -1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#breadcrumb li a:hover:after {
  width: 100%;
  background: #fff1f1;
}
#breadcrumb li a:hover {
  color: #ff878d;
  border-bottom: #fff1f1 1px solid;
}
@media only screen and (max-width: 800px) {
  #breadcrumb {
    padding: 20px 5%;
    border-top: none;
  }
  #breadcrumb:before {
    display: none;
  }
  #breadcrumb li a {
    border-bottom: #fec6c7 1px solid;
  }
  #breadcrumb li a:hover:after {
    display: none;
  }
  #breadcrumb li a:hover {
    color: #111;
    border-bottom: #fec6c7 1px solid;
  }
}
@media only screen and (max-width: 414px) {
  #breadcrumb ol {
    font-size: 0;
    margin: -10px auto 0;
    padding: 0;
    display: block;
    text-align: left;
  }
  #breadcrumb li {
    font-size: 9.5px;
    margin: 10px 0 0;
    padding: 0;
    letter-spacing: 1px;
  }
  #breadcrumb li:after {
    margin: 0 5px;
  }
  #breadcrumb li:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 10em;
  }
  #breadcrumb li:first-child a {
    font-size: 0;
    width: auto;
  }
  #breadcrumb li:first-child a:before {
    padding-right: 0;
    font-size: 10px;
  }
}
@media only screen and (max-width: 320px) {
  #breadcrumb li:last-child {
    width: 6em;
  }
}
/* -----------------------------------------------------------

#headline

----------------------------------------------------------- */
.headlineImgPhotography {
  margin: 0 5% 0;
  height: 400px;
  position: relative;
  z-index: 1;
}
.headlineImgPhotography:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background: #111;
  opacity: 0.2;
  z-index: 2;
}
.headlineImgPhotography:before {
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 0;
  content: "";
  border: #fefefe 1px dotted;
  border-bottom: none;
  z-index: 3;
  opacity: 0.4;
}
.headline .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  max-width: 100%;
  display: inline-block;
  color: #fefefe;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 4;
}
.headline h2.en {
  font-size: 45px;
  font-family: 'Catamaran', sans-serif;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 5px;
  position: relative;
  z-index: 3;
}
.headline h2.jp {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 5px;
  line-height: 1;
  margin-top: 20px;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 1024px) {
  .headline {
    height: 350px;
  }
}
@media only screen and (max-width: 800px) {
  .headline {
    height: 300px;
  }
  .headline h2.en {
    font-size: 35px;
    letter-spacing: 4px;
    position: relative;
    z-index: 3;
  }
  .headline h2.jp {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 4px;
    line-height: 1;
    margin-top: 15px;
    position: relative;
    z-index: 3;
  }
}
@media only screen and (max-width: 738px) {
  .headline {
    margin: 0;
    height: 250px;
  }
  .headline:before {
    top: 10px;
    left: 10px;
    right: 10px;
    display: none;
  }
  .headline:after {
    opacity: 0.3;
  }
  .headline h2.en {
    font-size: 30px;
    letter-spacing: 3px;
    position: relative;
    z-index: 3;
  }
}
@media only screen and (max-width: 414px) {
  .headline {
    height: 60px;
  }
  .headline h2.en {
    font-size: 23px;
    letter-spacing: 3px;
    position: relative;
    z-index: 3;
  }
  .headline h2.jp {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 1;
    margin-top: 10px;
    position: relative;
    z-index: 3;
  }
}
/* -----------------------------------------------------------

.headlineImg

----------------------------------------------------------- */
/* photography */
.headlineImgPosts {
  background: url(//asset.ibanquan.com/s/58413/740/headline_post?design_theme_id=0&v=1567165127_1653168296) center center no-repeat;
  background-size: cover;
  margin: 0 5% 0;
  height: 400px;
  position: relative;
  z-index: 1;
}

.headlineImgPhotography {
  background: url(//asset.ibanquan.com/s/58413/740/headline_photography?design_theme_id=0&v=1567165127_1653168296) center center no-repeat;
  background-size: cover;
}
/* location */
.headlineImgPhotography_location {
  background: url(//asset.ibanquan.com/s/58413/740/headline_location?design_theme_id=0&v=1567165127_1653168296) bottom center no-repeat;
  background-size: cover;
}
/*.headlineImgPhotography_location_dress {
background: url(../images/photography/headline_location_dress.jpg) top center no-repeat;
background-size: cover;
}
.headlineImgPhotography_location_kimono {
background: url(../images/photography/headline_location_kimono.jpg) bottom center no-repeat;
background-size: cover;
}
.headlineImgPhotography_location_dress_kimono {
background: url(../images/photography/headline_location_dress_kimono.jpg) bottom center no-repeat;
background-size: cover;
}
.headlineImgPhotography_location_engagement {
background: url(../images/photography/headline_location_engage.jpg) bottom right no-repeat;
background-size: cover;
}*/
/* family */
.headlineImgPhotography_family {
  background: url(../images/photography/headline_family.jpg) center right no-repeat;
  background-size: cover;
}
/* wedding */
.headlineImgPhotography_wedding {
  background: url(../images/photography/headline_wedding.jpg) top center no-repeat;
  background-size: cover;
}
/* photogallery */
.headlineImgPhotogallery {
  background: url(../images/photogallery/headline.jpg) top center no-repeat;
  background-size: cover;
}
.headlineImgPhotogallery_wedding {
  background: url(../images/photogallery/weddingday/headline.jpg) center center no-repeat;
  background-size: cover;
}
.headlineImgPhotogallery_family {
  background: url(../images/photogallery/family/headline.jpg) top left no-repeat;
  background-size: cover;
}
/* flow */
.headlineImgFlow {
  background: url(../images/photography/flow/headline.jpg) bottom right no-repeat;
  background-size: cover;
}
/* about */
.headlineImgAbout {
  background: url(../images/about/headline.jpg) bottom right no-repeat;
  background-size: cover;
}
.headlineImgAbout_award {
  background: url(../images/about/award/headline.jpg) bottom right no-repeat;
  background-size: cover;
}
.headlineImgAbout_company {
  background: url(../images/about/company/headline.jpg) bottom center no-repeat;
  background-size: cover;
}
/* staff */
.headlineImgStaff {
  background: url(../images/staff//headline.jpg) center center no-repeat;
  background-size: cover;
}
.headlineImgStaff_recruit {
  background: url(../images/staff/recruit/headline.jpg) center center no-repeat;
  background-size: cover;
}
/* contact */
.headlineImgContact {
  background: url(../images/contact/headline.jpg) bottom center no-repeat;
  background-size: cover;
}
/* calendar */
.headlineImgCalendar {
  background: url(../images/calendar/headline.jpg) bottom left no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 738px) {
  /* photography */
  .headlineImgPhotography {
    background: url(//asset.ibanquan.com/s/58413/740/headline_photographySp?design_theme_id=0&v=1567165127_1653168296) center center no-repeat;
    background-size: cover;
    height: 200px;
  }
  /* location */
  .headlineImgPhotography_location {
    background: url(../images/photography/headline_locationSp.jpg) bottom center no-repeat;
    background-size: cover;
  }
  .headlineImgPhotography_location_dress {
    background: url(../images/photography/headline_location_dressSp.jpg) center left no-repeat;
    background-size: cover;
  }
  .headlineImgPhotography_location_kimono {
    background: url(../images/photography/headline_location_kimonoSp.jpg) bottom center no-repeat;
    background-size: cover;
  }
  .headlineImgPhotography_location_dress_kimono {
    background: url(../images/photography/headline_location_dress_kimonoSp.jpg) bottom center no-repeat;
    background-size: cover;
  }
  .headlineImgPhotography_location_engagement {
    background: url(../images/photography/headline_location_engagementSp.jpg) bottom right no-repeat;
    background-size: cover;
  }
  /* family */
  .headlineImgPhotography_family {
    background: url(../images/photography/headline_familySp.jpg) center right no-repeat;
    background-size: cover;
  }
  /* wedding */
  .headlineImgPhotography_wedding {
    background: url(../images/photography/headline_weddingSp.jpg) top center no-repeat;
    background-size: cover;
  }
  /* photogallery */
  .headlineImgPhotogallery {
    background: url(../images/photogallery/headlineSp.jpg) top center no-repeat;
    background-size: cover;
  }
  .headlineImgPhotogallery_wedding {
    background: url(../images/photogallery/weddingday/headlineSp.jpg) center center no-repeat;
    background-size: cover;
  }
  .headlineImgPhotogallery_family {
    background: url(../images/photogallery/family/headlineSp.jpg) top left no-repeat;
    background-size: cover;
  }
  /* flow */
  .headlineImgFlow {
    background: url(../images/photography/flow/headlineSp.jpg) bottom right no-repeat;
    background-size: cover;
  }
  /* about */
  .headlineImgAbout {
    background: url(../images/about/headlineSp.jpg) bottom right no-repeat;
    background-size: cover;
  }
  .headlineImgAbout_award {
    background: url(../images/about/award/headlineSp.jpg) bottom right no-repeat;
    background-size: cover;
  }
  .headlineImgAbout_company {
    background: url(../images/about/company/headlineSp.jpg) center center no-repeat;
    background-size: cover;
  }
  /* staff */
  .headlineImgStaff {
    background: url(../images/staff//headlineSp.jpg) center center no-repeat;
    background-size: cover;
  }
  .headlineImgStaff_recruit {
    background: url(../images/staff/recruit/headlineSp.jpg) center center no-repeat;
    background-size: cover;
  }
  /* contact */
  .headlineImgContact {
    background: url(../images/contact/headlineSp.jpg) bottom center no-repeat;
    background-size: cover;
  }
  /* calendar */
  .headlineImgCalendar {
    background: url(../images/calendar/headlineSp.jpg) bottom left no-repeat;
    background-size: cover;
  }
}
/* -----------------------------------------------------------

#w_headline

----------------------------------------------------------- */
#w_headline {
  margin: 0 5% 90px;
  text-align: center;
}
#w_headline .headlinePlan {}
#w_headline .headlinePlan h3.no {
  display: block;
  width: 80px;
  height: 80px;
  margin: -40px auto 0;
  background: #fefefe;
  font-size: 18px;
  font-weight: 700;
  line-height: 80px;
  letter-spacing: 1px;
  position: relative;
  z-index: 3;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
#w_headline .headlinePlan h3.no:after {
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  content: "";
  border: #fefefe 1px solid;
  z-index: -1;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
#w_headline .headlinePlan h2.jp_plan {
  margin-top: 10px;
  font-size: 30px;
  font-family: 'Playfair Display', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
  font-weight: 500;
  letter-spacing: 2.5px;
  line-height: 1.8;
  text-align: center;
}
/* --- .descriptionArea --- */
#w_headline .descriptionArea {
  position: relative;
  z-index: 1;
  margin: 20px auto 0;
}
#w_headline .descriptionArea p {
  font-size: 14px;
  line-height: 2.4;
  letter-spacing: 2px;
  margin-top: 1em;
}
@media only screen and (max-width: 800px) {
  #w_headline {
    margin: 0 5% 80px;
  }
  #w_headline .headlinePlan h3.no {
    width: 70px;
    height: 70px;
    margin: -35px auto 0;
    font-size: 18px;
    line-height: 70px;
  }
  #w_headline .headlinePlan h2.jp_plan {
    /*margin-top:10px; */
    font-size: 25px;
  }
}
@media only screen and (max-width: 738px) {
  #w_headline {
    margin: 0 5% 70px;
  }
  #w_headline .headlinePlan h3.no {
    width: 60px;
    height: 60px;
    margin: -30px auto 0;
    font-size: 16px;
    line-height: 60px;
  }
  #w_headline .headlinePlan h2.jp_plan {
    /*margin-top:10px; */
    font-size: 20px;
    letter-spacing: 2px;
  }
  /* --- .conceptArea --- */
  #w_headline .descriptionArea {
    margin: 20px auto 0;
    padding: 0 2.5%;
    text-align: left;
  }
  #w_headline .descriptionArea p {
    font-size: 13px;
    line-height: 2;
    letter-spacing: 1px;
    margin-top: 1em;
  }
  #w_headline .descriptionArea p br {
    display: none;
  }
}
@media only screen and (max-width: 414px) {
  #w_headline {
    margin: 0 5% 60px;
  }
  #w_headline .headlinePlan h2.jp_plan {
    margin-top: 5px;
    letter-spacing: 2px;
  }
  #w_headline .descriptionArea p {
    font-size: 12px;
  }
}
/* -----------------------------------------------------------

.headline

----------------------------------------------------------- */
.headline {
  text-align: center;
  margin-bottom: 45px;
}
.headline h3.en {
  font-size: 35px;
  font-family: 'Catamaran', sans-serif;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 5px;
  position: relative;
  z-index: 3;
}
.headline h3.jp {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 5px;
  line-height: 1;
  margin-top: 20px;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 800px) {
  .headline {
    margin-bottom: 40px;
  }
  .headline h3.en {
    font-size: 30px;
    letter-spacing: 4px;
  }
  .headline h3.jp {
    font-size: 14px;
    letter-spacing: 4px;
    margin-top: 15px;
  }
}
@media only screen and (max-width: 738px) {
  .headline {
    margin-bottom: 35px;
    height: 200px;
  }
  .headline h3.en {
    font-size: 25px;
    letter-spacing: 3px;
  }
  .headline h3.jp {
    font-size: 13px;
    letter-spacing: 3px;
    margin-top: 10px;
  }
}
/* -----------------------------------------------------------

#w_photography_otherplan

----------------------------------------------------------- */
#w_otherplan {
  padding: 90px 5%;
  position: relative;
  z-index: 1;
  border-top: #a3d9e0 1px solid;
  background: url(//asset.ibanquan.com/s/58413/740/noise?design_theme_id=0&v=1567165127_1653168296) repeat #fefefe;
}
#w_otherplan:before {
  position: absolute;
  top: -1px;
  left: 5%;
  right: 5%;
  height: 0;
  content: "";
  border-top: #ededed 1px solid;
  z-index: 2;
}
/* --- .planArea --- */
#w_otherplan .planArea {
  margin: -60px -1.5% 0;
  font-size: 0;
  text-align: left;
}
/* .photographyBox */
#w_otherplan .planBox {
  display: inline-block;
  margin: 80px 1.5% 0;
  width: 30.333%;
  position: relative;
  z-index: 2;
  background: #fefefe;
}
#w_otherplan .planBox:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  border: #ededed 1px solid;
  z-index: -1;
}
/* .inner */
#w_otherplan .planBox .inner {
  padding: 35px 5% 50px;
  text-align: center;
}
/* .imgArea */
#w_otherplan .planBox .imgArea {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
#w_otherplan .planBox .imgArea img {
  width: 100%;
  height: auto;
}
/* h5 */
#w_otherplan .planBox h5 {
  display: block;
  width: 50px;
  height: 50px;
  margin: -25px auto 0;
  background: #fefefe;
  font-size: 14px;
  ont-family: 'Catamaran', sans-serif;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: 1px;
  position: relative;
  z-index: 3;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
#w_otherplan .planBox h5:after {
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  content: "";
  border: #fefefe 1px solid;
  z-index: -1;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
/* .txtArea */
#w_otherplan .planBox .txtArea {
  margin-top: -5px;
}
/* h3 */
#w_otherplan .planBox h3 {
  font-size: 12px;
  font-family: 'Catamaran', sans-serif;
  font-weight: 500;
  letter-spacing: 2.5px;
  line-height: 1.8;
  position: relative;
  z-index: 4;
}
/* h4 */
#w_otherplan .planBox h4 {
  font-size: 17px;
  font-family: 'Playfair Display', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 2;
  margin-bottom: 5px;
}
/* p.price */
#w_otherplan .planBox .txtArea p {
  font-size: 13px;
}
/* .linkArea */
#w_otherplan .planBox .linkArea {
  margin-top: 20px;
}
@media only screen and (max-width: 1024px) {
  #w_otherplan .planArea {
    margin: -60px -1% 0;
  }
  #w_otherplan .planBox {
    margin: 80px 1% 0;
    width: 31.333%;
  }
  #w_otherplan .planBox h4 {
    font-size: 16px;
    letter-spacing: 1.5px;
  }
  #w_otherplan .planBox .linkArea a {
    width: 180px;
  }
}
@media only screen and (max-width: 800px) {
  #w_otherplan {
    padding: 80px 5%;
  }
  #w_otherplan .planArea {
    margin: -40px -1.5% 0;
  }
  #w_otherplan .planBox {
    display: inline-block;
    margin: 60px 1.5% 0;
    width: 97%;
  }
}
@media only screen and (max-width: 738px) {
  #w_otherplan {
    padding: 70px 5%;
  }
  #w_otherplan .planArea {
    margin: -40px -1.5% 0;
  }
  #w_otherplan .planBox {
    margin: 50px 1.5% 0;
  }
  #w_otherplan .planBox .inner {
    padding: 30px 5% 45px;
  }
  #w_otherplan .planBox .linkArea {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 414px) {
  #w_otherplan {
    padding: 60px 5%;
  }
  #w_otherplan .planArea {
    margin: -40px -1.5% 0;
  }
  #w_otherplan .planBox {
    margin: 40px 1.5% 0;
  }
}
/* -----------------------------------------------------------


#w_other_link

----------------------------------------------------------- */
#w_other_link {
  padding: 90px 5%;
  position: relative;
  z-index: 1;
  border-top: #a3d9e0 1px solid;
  background: url(//asset.ibanquan.com/s/58413/740/noise?design_theme_id=0&v=1567165127_1653168296) repeat;
}
#w_other_link:before {
  position: absolute;
  top: -1px;
  left: 5%;
  right: 5%;
  height: 0;
  content: "";
  border-top: #ededed 1px solid;
  z-index: 2;
}
/* .inner */
#w_other_link .inner {
  margin: 0;
}
/* ul */
#w_other_link .inner ul {
  font-size: 0;
  margin: 0 -1.5%;
  text-align: center;
}
#w_other_link .inner ul li {
  display: inline-block;
  margin: 0 1.5%;
  width: 47%;
  position: relative;
  z-index: 1;
  border: #ededed 1px solid;
  overflow: hidden;
}
#w_other_link .inner ul li a {
  display: block;
  color: #fefefe;
  text-align: center;
  position: relative;
  z-index: 1;
}
/* .imgArea */
#w_other_link .inner .imgArea {
  -webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -o-transition: all 2s ease;
  transition: all 2s ease;
}
#w_other_link .inner li:hover .imgArea {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
/* .txtArea */
#w_other_link .inner .txtArea {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 300px;
  max-width: 100%;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  z-index: 3;
}
/* h3 */
#w_other_link .inner h3.en {
  font-size: 20px;
  font-family: 'Catamaran', sans-serif;
  font-weight: 800;
  letter-spacing: 3px;
  line-height: 1;
}
#w_other_link .inner h3.jp {
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2.5px;
  line-height: 1;
  margin-top: 10px;
}
/* a:before */
#w_other_link .inner ul li a:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: #111;
  opacity: 0.4;
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#w_other_link .inner ul li a:hover:before {
  background: #e4f5fd;
  opacity: 0.8;
}
/* a:after */
#w_other_link .inner ul li a:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  border: #fefefe 10px solid;
  opacity: 1;
  z-index: 2;
}
/* transition */
#w_other_link .inner ul li .arrow {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  color: #fefefe;
  z-index: 3;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
#w_other_link .inner ul li .arrow i {
  font-size: 12px;
  line-height: 40px;
}
#w_other_link .inner ul li .arrow:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  border: #fefefe 1px solid;
  z-index: -1;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
#w_other_link .inner ul li:hover .arrow {
  color: #111;
}
#w_other_link .inner ul li:hover .arrow:after {
  border: transparent 1px solid;
  background: #fefefe;
}
/* .arrow */
#w_other_link .inner ul li a:before, #w_other_link .inner ul li .arrow, #w_other_link .inner ul li .arrow:after {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/* .linkArea */
#w_other_link .linkArea {
  margin-top: 50px;
}
@media only screen and (max-width: 1024px) {
  /* h3 */
  #w_other_link .inner h3.en {
    font-size: 16px;
  }
}
@media only screen and (max-width: 800px) {
  #w_other_link {
    padding: 80px 5%;
  }
  /* .inner */
  #w_other_link .inner {
    margin: 0;
  }
  /* ul */
  #w_other_link .inner ul {
    margin: -30px 0 0;
  }
  #w_other_link .inner ul li {
    display: block;
    margin: 30px 0 0;
    width: 100%;
  }
  /* h3 */
  #w_other_link .inner h3.en {
    font-size: 18px;
  }
  /* .imgArea */
  #w_other_link .inner li:hover .imgArea {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  /* .txtArea */
  #w_other_link .inner .txtArea {
    min-width: 300px;
  }
  /* a:before */
  #w_other_link .inner ul li a:hover:before {
    background: #111;
    opacity: 0.5;
  }
  /* transition */
  #w_other_link .inner ul li .arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    color: #fefefe;
    z-index: 3;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
  }
  #w_other_link .inner ul li .arrow i {
    font-size: 12px;
    line-height: 40px;
  }
  #w_other_link .inner ul li .arrow:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    border: #fefefe 1px solid;
    z-index: -1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
  }
  #w_other_link .inner ul li:hover .arrow {
    color: #fefefe;
  }
  #w_other_link .inner ul li:hover .arrow:after {
    border: #fefefe 1px solid;
    background: none;
  }
  /* .linkArea */
  #w_other_link .linkArea {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 738px) {
  #w_other_link {
    padding: 70px 5%;
  }
}
@media only screen and (max-width: 414px) {
  #w_other_link {
    padding: 60px 5%;
  }
  /* ul */
  #w_other_link .inner ul {
    margin: -25px 0 0;
  }
  #w_other_link .inner ul li {
    margin: 25px 0 0;
  }
  #w_other_link .inner .txtArea {
    min-width: 200px;
  }
  #w_other_link .inner h3.en {
    font-size: 16px;
  }
  #w_other_link .inner h3.jp {
    font-size: 12px;
    letter-spacing: 2px;
  }
  /* a:after */
  #w_other_link .inner ul li a:after {
    border: #fefefe 5px solid;
  }
  #w_other_link .inner ul li .arrow {
    width: 30px;
    height: 30px;
    margin-top: -15px;
  }
  #w_other_link .inner ul li .arrow i {
    font-size: 10px;
    line-height: 30px;
  }
  /* .linkArea */
  #w_other_link .linkArea {
    margin-top: 35px;
  }
}
/* ==========================================================================

#inline_policy

========================================================================== */
#inline_policy {
  overflow: auto;
  background: #fefefe;
  padding: 50px 7.5%;
  width: 920px;
  max-width: 100%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch
}
#inline_policy h2 {
  font-size: 18px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 1.8;
  margin-bottom: 20px;
  text-align: center;
}
.policyArea {
  padding-bottom: 50px;
}
.policyBox {
  padding-top: 25px;
  margin-top: 25px;
  border-top: #ddd 1px dashed;
}
.policyBox:last-child {
  margin-bottom: 30px;
  padding-bottom: 25px;
  border-bottom: #ddd 1px dashed;
}
.policyBox h3 {
  font-size: 14px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 1.8;
}
/* p */
.policyBox p {
  margin-top: 3px;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1.8;
}
/* ul.circle */
.policyBox ul.circle {
  margin: 10px 0 0 4em;
  padding: 0;
  list-style: circle;
  padding-left: 1em;
  text-align: left;
}
.policyBox ul.circle li {
  margin-top: 3px;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1.8;
}
/* ul.no */
.policyBox ul.no {
  margin: 0;
  padding: 0;
  padding-left: 0.5em;
  list-style: none;
  text-align: left;
  counter-reset: item;
}
.policyBox ul.no li {
  margin-top: 3px;
  padding-left: 3em;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1.8;
  position: relative;
}
.policyBox ul.no li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "（"counters(item, "-")"）";
  counter-increment: item;
}
@media only screen and (max-width: 800px) {
  #inline_policy {
    overflow: scroll;
    -webkit-overflow-scrolling: touch
  }
  .policyBox p {
    font-size: 13px;
    line-height: 2;
  }
  /* ul.circle */
  .policyBox ul.circle li {
    font-size: 13px;
  }
  /* ul.no */
  .policyBox ul.no li {
    font-size: 13px;
  }
}
@media only screen and (max-width: 738px) {
  #inline_policy h2 {
    font-size: 16px;
  }
  .policyBox h3 {
    font-size: 13px;
    letter-spacing: 1px;
  }
  .policyBox p {
    font-size: 12px;
    line-height: 2;
  }
  /* ul.circle */
  .policyBox ul.circle li {
    font-size: 12px;
  }
  /* ul.no */
  .policyBox ul.no li {
    font-size: 12px;
  }
}
@media only screen and (max-width: 414px) {
  #inline_policy h2 {
    font-size: 14px;
  }
}
/* ----------------------------------------------------------

#scrollUp

---------------------------------------------------------- */
#scrollUp {
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 1000;
}
#scrollUp a {
  width: 60px;
  height: 60px;
  display: block;
  color: #fefefe;
  background: #111;
  border: none;
  text-align: center;
  z-index: 11;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  position: relative;
  z-index: 1;
}
#scrollUp a:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-family: 'themify';
  content: "\e648";
  font-size: 16px;
  line-height: 58px;
}
#scrollUp a:hover {
  -webkit-transform: translate(0px, -10px);
  -moz-transform: translate(0px, -10px);
  -o-transform: translate(0px, -10px);
  -ms-transform: translate(0px, -10px);
  transform: translate(0px, -10px);
}
@media only screen and (max-width: 800px) {
  #scrollUp a:hover {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@media only screen and (max-width: 414px) {
  #scrollUp a {
    width: 50px;
    height: 50px;
  }
  #scrollUp a:before {
    font-size: 16px;
    line-height: 48px;
  }
}
/* ----------------------------------------------------------

slick.js

---------------------------------------------------------- */
/* Slider */
.slick-list, .slick-slider, .slick-track {
  position: relative;
  display: block
}
.slick-loading .slick-slide, .slick-loading .slick-track {
  visibility: hidden
}
.slick-slider {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}
.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0
}
.slick-list:focus {
  outline: 0
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}
.slick-slider .slick-list, .slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.slick-track {
  top: 0;
  left: 0
}
.slick-track:after, .slick-track:before {
  display: table;
  content: ''
}
.slick-track:after {
  clear: both
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}
[dir=rtl] .slick-slide {
  float: right
}
.slick-slide img {
  display: block
}
.slick-slide.slick-loading img {
  display: none
}
.slick-slide.dragging img {
  pointer-events: none
}
.slick-initialized .slick-slide {
  display: block
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}
.slick-arrow.slick-hidden {
  display: none
}
/* --- Dots --- */
.slick-dots {
  position: absolute;
  bottom: -30px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
  height: 6px;
  z-index: 100
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 6px;
  width: 6px;
  margin: 0 10px;
  padding: 0;
  cursor: pointer;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out
}
.slick-dots li button {
  background: 0 0;
  border: 1px solid #999;
  display: block;
  height: 4px;
  width: 4px;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
  color: transparent;
  cursor: pointer;
  padding: 2px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out
}
.slick-dots li.slick-active button {
  outline: 0;
  border: 1px solid #7eccd6;
  background: #7eccd6
}
.slick-dots li button:before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  content: "";
  border: 1px solid transparent;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}
.slick-dots li.slick-active button:before {
  border: 1px solid #7eccd6;
  content: ""
}
/*! Hint.css - v2.2.1 - 2016-03-26
* http://kushagragour.in/lab/hint/
* Copyright (c) 2016 Kushagra Gour; Licensed  */
[data-hint] {
  position: relative;
  display: inline-block
}
[data-hint]:after, [data-hint]:before {
  position: absolute;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  -webkit-transition: .2s ease;
  -moz-transition: .2s ease;
  transition: .2s ease;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s
}
[data-hint]:hover:after, [data-hint]:hover:before {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 50ms;
  -moz-transition-delay: 50ms;
  transition-delay: 50ms
}
[data-hint]:before {
  content: '';
  position: absolute;
  background: 0 0;
  border: 4px solid transparent;
  z-index: 1000001
}
[data-hint]:after {
  content: attr(data-hint);
  background: #383838;
  color: #fff;
  padding: 8px 10px;
  font-size: 11px;
  font-family: Catamaran, sans-serif;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
  letter-spacing: 1.5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px
}
[data-hint='']:after, [data-hint='']:before {
  display: none!important
}
.hint--bottom-left:before, .hint--bottom-right:before, .hint--bottom:before {
  border-bottom-color: #383838
}
.hint--bottom-right:after, .hint--bottom-right:before {
  top: 100%;
  left: 50%
}
.hint--bottom-right:before {
  margin-top: -8px;
  left: calc(50% - 4px)
}
.hint--bottom-right:after {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0);
  margin-left: -12px
}
.hint--bottom-right:focus:after, .hint--bottom-right:focus:before, .hint--bottom-right:hover:after, .hint--bottom-right:hover:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px)
}
.hint--rounded:after {
  border-radius: 3px
}
.hint--bounce:after, .hint--bounce:before {
  -webkit-transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
  -moz-transition: opacity .3s ease, visibility .3s ease, -moz-transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
  transition: opacity .3s ease, visibility .3s ease, transform .3s cubic-bezier(.71, 1.7, .77, 1.24)
}
/*
jquery.padca.js

The MIT License
Copyright (c) 2013 Yasufumi Minoda

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
*/
.padcal+div, input.padcal+div>div.padcal-copy {
  display: inline-block;
  width: 50px;
  height: 52px;
  margin: 5px;
  padding-bottom: 5px;
  font-size: x-large;
  font-weight: bold;
  text-align: center;
}
input.padcal+div>div.padcal-copy {
  position: relative;
  float: left;
  width: 48px;
  top: -52px;
  z-index: 1;
}
.padcal+div.padcal-sun, input.padcal+div>div.padcal-copy.padcal-sun {
  background-color: #feeeee;
  color: #900;
  border: 1px solid #d8aaaa;
}
.padcal+div.padcal-sun>div:first-child, input.padcal+div>div.padcal-copy.padcal-sun>div:first-child {
  background-color: #900;
}
.padcal+div.padcal-mon, .padcal+div.padcal-tue, .padcal+div.padcal-wed, .padcal+div.padcal-thu, .padcal+div.padcal-fri, input.padcal+div>div.padcal-copy.padcal-mon, input.padcal+div>div.padcal-copy.padcal-tue, input.padcal+div>div.padcal-copy.padcal-wed, input.padcal+div>div.padcal-copy.padcal-thu, input.padcal+div>div.padcal-copy.padcal-fri {
  background-color: #fefefe;
  color: #666;
  border: 1px solid #d8d8d8;
}
.padcal+div.padcal-mon>div:first-child, .padcal+div.padcal-tue>div:first-child, .padcal+div.padcal-wed>div:first-child, .padcal+div.padcal-thu>div:first-child, .padcal+div.padcal-fri>div:first-child, input.padcal+div>div.padcal-copy.padcal-mon>div:first-child, input.padcal+div>div.padcal-copy.padcal-tue>div:first-child, input.padcal+div>div.padcal-copy.padcal-wed>div:first-child, input.padcal+div>div.padcal-copy.padcal-thu>div:first-child, input.padcal+div>div.padcal-copy.padcal-fri>div:first-child {
  background-color: #666;
}
.padcal+div.padcal-sat, input.padcal+div>div.padcal-copy.padcal-sat {
  background-color: #eeeefe;
  color: #009;
  border: 1px solid #aaaad8;
}
.padcal+div.padcal-sat>div:first-child, input.padcal+div>div.padcal-copy.padcal-sat>div:first-child {
  background-color: #009;
}
.padcal+div>div:first-child, input.padcal+div>div.padcal-copy>div:first-child {
  height: 5px;
  clear: left;
}
.padcal+div>div:nth-child(2), input.padcal+div>div.padcal-copy>div:nth-child(2) {
  font-size: xx-small;
  font-weight: normal;
}
/*! Lity - v1.6.6 - 2016-04-22
* http://sorgalla.com/lity/
* Copyright (c) 2016 Jan Sorgalla; Licensed MIT */
.lity, .lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  outline: 0!important
}
.lity-container, .lity-wrap:before {
  vertical-align: middle;
  display: inline-block
}
.lity, .lity-container, .lity-wrap {
  outline: 0!important
}
.lity-content:after, .lity-wrap:before {
  content: ''
}
.lity, .lity-content:after, .lity-wrap {
  right: 0;
  bottom: 0;
  left: 0
}
.lity {
  white-space: nowrap;
  background: #fefefe;
  opacity: 0;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease
}
.lity.lity-opened {
  opacity: 1;
  background: rgba(243, 251, 255, .9)
}
.lity.lity-closed {
  opacity: 0;
  background: #fefefe
}
.lity * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.lity-wrap {
  text-align: center
}
.lity-wrap:before {
  height: 100%;
  margin-right: -.25em
}
.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease
}
.lity-loading .lity-loader {
  opacity: 1
}
.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  white-space: normal;
  max-width: 100%;
  max-width: 90%;
  max-height: 100%
}
.lity-close, .lity-close:before {
  line-height: 60px;
  text-align: center
}
.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform .5s ease;
  -o-transition: -o-transform .5s ease;
  transition: transform .5s ease
}
.lity-closed .lity-content, .lity-loading .lity-content {
  -webkit-transform: scale(.9);
  -ms-transform: scale(.9);
  -o-transform: scale(.9);
  transform: scale(.9)
}
.lity-content:after {
  position: absolute;
  top: 0;
  display: block;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .1);
  box-shadow: 0 0 8px rgba(0, 0, 0, .1)
}
.lity-close {
  z-index: 9994;
  width: 60px;
  height: 60px;
  position: fixed;
  right: 10px;
  top: 10px;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  padding: 0;
  font-size: 0;
  font-style: normal;
  border: 0;
  color: #fefefe;
  background: #111;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%
}
.lity-close:before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  font-family: themify;
  content: "\e646";
  font-size: 16px;
  text-indent: 0;
  z-index: 1
}
.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0
}
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0
}
.lity-iframe .lity-container {
  width: 100%;
  max-width: 964px
}
.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch
}
.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
  box-shadow: 0 0 8px rgba(0, 0, 0, .6);
  background: #000
}
.lity-hide {
  display: none
}
#inline {
  overflow: auto;
  background: #fefefe;
  padding: 50px 7.5%;
  width: 1200px;
  max-width: 100%
}
.profileLeft {
  float: left;
  width: 35%
}
.profileRight {
  float: right;
  width: 60%
}
@media only screen and (max-width: 738px) {
  .lity-close, .lity-close:before {
    line-height: 50px;
  }
  .lity-close {
    width: 50px;
    height: 50px;
  }
  .lity-close:before {
    font-size: 14px;
  }
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.hinge {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}
@charset "utf-8";
#header .navArea ul.navi a.p_home:before {
  background: #ddd;
}
#header .navArea ul.navi a.p_home:hover:before {
  background: transparent;
}
/* -----------------------------------------------------------

#topImg

----------------------------------------------------------- */
#topImg {
  min-height: 100%;
  height: 100vh;
  width: 100%;
  z-index: 2;
  position: relative
}
/* ----- .catchArea ----- */
#topImg .catchArea {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  text-align: center;
  z-index: 2;
}
#topImg .catchArea h2 {
  font-size: 12px;
  font-family: 'Catamaran', sans-serif;
  font-weight: 300;
  letter-spacing: 8px;
  line-height: 50px;
}
#topImg .catchArea h2 span {
  font-size: 11px;
  font-family: 'Open Sans';
  vertical-align: 0;
  font-weight: 300;
}
/* ----- .arrowArea ----- */
#topImg .arrowArea {
  position: absolute;
  bottom: 50px;
  right: 0;
  width: 5%;
  z-index: 2;
}
#topImg .arrowArea a {
  position: absolute;
  top: -90px;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 3;
}
/* span */
#topImg .arrowArea span {
  display: block;
  height: 60px;
  text-align: center;
  position: relative;
  z-index: 2;
}
#topImg .arrowArea span:before {
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  width: 0;
  content: "";
  border-left: #ddd 1px dotted;
  z-index: -2;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#topImg .arrowArea:hover span:before {
  border-left: #7eccd6 1px solid;
  top: 0px;
}
/* .dot */
#topImg .arrowArea span .dot {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 20px;
  /*margin-left:-1px;*/
  background: #8ed7d0;
  background: #7eccd6;
  z-index: -2;
  z-index: 1;
  -webkit-animation: scroll-next 4s infinite;
  -moz-animation: scroll-next 4s infinite;
  -o-animation: scroll-next 4s infinite;
  animation: scroll-next 4s infinite;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#topImg .arrowArea:hover span .dot {
  background: transparent;
}
/* .arrow */
#topImg .arrowArea .arrow {
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -3px;
  width: 7px;
  height: 7px;
  border-bottom: #fefefe 1px solid;
  border-left: #fefefe 1px solid;
  /*opacity:0; */
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0;
  /*font-family: 'themify'; content: "\e64b"*/
  z-index: 3;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#topImg .arrowArea:hover .arrow {
  opacity: 1;
  bottom: -8.5px;
  bottom: 0px;
  border-bottom: #7eccd6 1px solid;
  border-left: #7eccd6 1px solid;
}
/* .txt */
#topImg .arrowArea span .txt {
  position: absolute;
  top: -45px;
  left: 0;
  right: 0;
  width: auto;
  color: #7eccd6;
  font-size: 11px;
  font-family: 'Catamaran', sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 4px;
  line-height: 0;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#topImg .arrowArea:hover span .txt {
  /*letter-spacing:5px; */
}
/* ----- .img ----- */
#topImg .img {
  position: absolute;
  top: 0px;
  left: 5%;
  bottom: 50px;
  right: 5%;
  background-size: cover;
  z-index: -1;
}
/* ----- .bg ----- */
#topImg .bg001 {
  background: url(//asset.ibanquan.com/s/58413/740/1?design_theme_id=0&v=1567165127_1653168296) bottom center no-repeat;
}
#topImg .bg002 {
  background: url(//asset.ibanquan.com/s/58413/740/2?design_theme_id=0&v=1567165127_1653168296) bottom center no-repeat;
}
#topImg .bg003 {
  background: url(//asset.ibanquan.com/s/58413/740/3?design_theme_id=0&v=1567165127_1653168296) bottom center no-repeat;
}
#topImg .bg004 {
  background: url(//asset.ibanquan.com/s/58413/740/4?design_theme_id=0&v=1567165127_1653168296) bottom center no-repeat;
}
#topImg .bg005 {
  background: url(//asset.ibanquan.com/s/58413/740/5?design_theme_id=0&v=1567165127_1653168296) bottom center no-repeat;
}
#topImg .bg006 {
  background: url(//asset.ibanquan.com/s/58413/740/6?design_theme_id=0&v=1567165127_1653168296) bottom center no-repeat;
}
/* ----- .slick-dots ----- */
#topImg .mainImg {
  min-height: 100%;
  width: 100%;
  background-size: contain !important;
}
/* ----- .mainSlider ----- */
.mainSlider {}
#topImg .slick-list, #topImg .slick-track {
  height: 100%;
}
/* --- Arrows --- */
#topImg .slick-prev, #topImg .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  /*top: 50%;*/
  top: 50%;
  display: block;
  width: 55px;
  height: 55px;
  padding: 0;
  margin-top: -25px;
  /*lte IE 8*/
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: #111;
  border: #111 1px solid;
  border: none;
  outline: none;
  background: none;
  /*background: #111;*/
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 2;
}
#topImg .slick-prev:before, #topImg .slick-next:before {
  font-family: 'themify';
  font-size: 20px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#topImg .slick-prev {
  left: -5%;
  border-right: none;
}
#topImg .slick-prev:before {
  content: "\e64a"
}
#topImg .slick-next {
  right: -5%;
  border-left: none;
}
#topImg .slick-next:before {
  content: "\e628";
}
#topImg .slick-prev:hover, #topImg .slick-next:hover {
  color: #fefefe;
  background: #b09d7c;
}
#topImg .slick-prev:hover:before, #topImg .slick-prev:focus:before, #topImg .slick-next:hover:before, #topImg .slick-next:focus:before {
  opacity: 1;
}
/* ----- .slick-dots ----- */
#topImg .slick-dots {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: -5.25%;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0px;
  width: 5%;
  height: auto;
  z-index: 100;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  margin-top: -25px;
}
#topImg .slick-dots li {
  position: relative;
  display: block;
  height: 20px;
  width: 100%;
  margin: 25px auto 0;
  padding: 0;
  cursor: pointer;
  text-align: center;
}
#topImg .slick-dots li button {
  border: 0;
  background: #fefefe;
  display: block;
  height: 20px;
  width: 30px;
  padding: 0;
  /*overflow: hidden; */
  line-height: 20px;
  font-size: 0;
  color: transparent;
  cursor: pointer;
  position: relative;
  z-index: 2;
  margin: 0 auto;
  text-align: center;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
#topImg .slick-dots li button:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  font-weight: 300;
  color: #111;
  z-index: -1;
  letter-spacing: 2px;
}
#topImg .slick-dots li:first-child button:after {
  content: "01";
}
#topImg .slick-dots li:nth-child(2) button:after {
  content: "02";
}
#topImg .slick-dots li:nth-child(3) button:after {
  content: "03";
}
#topImg .slick-dots li:nth-child(4) button:after {
  content: "04";
}
#topImg .slick-dots li:nth-child(5) button:after {
  content: "05";
}
#topImg .slick-dots li:nth-child(6) button:after {
  content: "06";
}
#topImg .slick-dots li button:focus {
  outline: none;
}
#topImg .slick-dots li.slick-active button {
  outline: none;
  /*background: #111;*/
}
#topImg .slick-dots li button:before {
  position: absolute;
  top: 45%;
  right: 100%;
  left: 0;
  content: "";
  border-top: transparent 2px solid;
  z-index: 1;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 0.7;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
#topImg .slick-dots li:hover button:before {
  right: 0;
  border-top: #fec6c7 2px solid;
  opacity: 1;
}
#topImg .slick-dots li.slick-active button:before {
  position: absolute;
  top: 45%;
  right: 0;
  left: 0;
  content: "";
  border: none;
  border-top: #fec6c7 2px solid;
  z-index: 1;
  opacity: 1;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
@media only screen and (max-width: 800px) {
  #topImg {
    min-height: 100%;
    /*min-height:70%;*/
  }
  /* ----- .catchArea ----- */
  #topImg .catchArea {
    position: absolute;
    bottom: 0;
  }
  #topImg .catchArea h2 {
    font-size: 12px;
    letter-spacing: 5px;
    line-height: 50px;
  }
  #topImg .catchArea h2 span {
    vertical-align: 0;
  }
  /* ----- .arrowArea ----- */
  #topImg .arrowArea {
    display: none;
  }
  /* ----- .img ----- */
  #topImg .img {
    position: absolute;
    top: 50px;
    left: 0;
    bottom: 50px;
    right: 0;
    background-size: cover;
    z-index: -1;
  }
  /* ----- .slick-dots ----- */
  #topImg .mainImg {
    min-height: 100%;
    width: 100%;
    background-size: contain !important;
  }
  /* ----- .mainSlider ----- */
  .mainSlider {}
  #topImg .slick-list, #topImg .slick-track {
    height: 100%;
  }
  /* ----- .slick-dots ----- */
  #topImg .slick-dots {
    position: absolute;
    top: auto;
    bottom: 10px;
    left: 0;
    right: 0;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0px;
    width: 100%;
    height: auto;
    z-index: 100;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    margin-top: 0;
  }
  #topImg .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 2%;
    padding: 0;
    cursor: pointer;
    text-align: center;
  }
  #topImg .slick-dots li button {
    border: 0;
    background: #fefefe;
    background: none;
    display: block;
    height: 20px;
    width: 20px;
    padding: 0;
    /*overflow: hidden; */
    line-height: 20px;
    font-size: 0;
    color: transparent;
    cursor: pointer;
    position: relative;
    z-index: 2;
    margin: 0 auto;
    text-align: center;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
  }
  #topImg .slick-dots li button:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 11px;
    color: #fefefe;
    z-index: -1;
    letter-spacing: 1.5px;
  }
}
@media only screen and (max-width: 738px) {
  #topImg .catchArea h2 {
    font-size: 11px;
    text-indent: 10px;
  }
  /* ----- .bg ----- */
  #topImg .bg001 {
    background: url(//asset.ibanquan.com/s/58413/740/1?design_theme_id=0&v=1567165127_1653168296) bottom center no-repeat;
  }
  #topImg .bg002 {
    background: url(//asset.ibanquan.com/s/58413/740/2?design_theme_id=0&v=1567165127_1653168296) bottom center no-repeat;
  }
  #topImg .bg003 {
    background: url(//asset.ibanquan.com/s/58413/740/3?design_theme_id=0&v=1567165127_1653168296) bottom center no-repeat;
  }
  #topImg .bg004 {
    background: url(//asset.ibanquan.com/s/58413/740/4?design_theme_id=0&v=1567165127_1653168296) bottom center no-repeat;
  }
  #topImg .bg005 {
    background: url(//asset.ibanquan.com/s/58413/740/5?design_theme_id=0&v=1567165127_1653168296) bottom center no-repeat;
  }
  #topImg .bg006 {
    background: url(//asset.ibanquan.com/s/58413/740/6?design_theme_id=0&v=1567165127_1653168296) bottom center no-repeat;
  }
}
@media only screen and (max-width: 414px) {
  #topImg .catchArea h2 {
    font-size: 10px;
  }
  #topImg .slick-dots li button:after {
    font-weight: 600;
  }
}
@media only screen and (max-width: 380px) {
  #topImg .catchArea h2 {
    letter-spacing: 4px;
  }
}
@media only screen and (max-width: 320px) {
  #topImg .catchArea h2 {
    letter-spacing: 3px;
  }
}
/* -----------------------------------------------------------

#catchLink

----------------------------------------------------------- */
#catchLink {
  padding: 59px 0 0;
  margin: -59px 0 0;
}
/* -----------------------------------------------------------

#catch

----------------------------------------------------------- */
#catch {
  padding: 40px 0 90px;
  padding: 30px 0 90px;
  text-align: center;
  background: #fefefe;
}
@media only screen and (max-width: 800px) {
  #catch {
    padding: 30px 5% 80px;
  }
}
@media only screen and (max-width: 738px) {
  #catch {
    padding: 30px 5% 70px;
  }
}
@media only screen and (max-width: 414px) {
  #catch {
    padding: 20px 5% 60px;
  }
}
/* --- h3 --- */
#catch h3 {
  font-size: 25px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
  letter-spacing: 3px;
  line-height: 2;
  margin-top: 15px;
}
#catch h3 br.spblock {
  display: none;
}
@media only screen and (max-width: 800px) {
  #catch h3 {
    margin-top: 15px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 738px) {
  #catch h3 {
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 1.8;
    margin-top: 10px;
  }
  #catch h3 br.spblock {
    display: block;
  }
}
@media only screen and (max-width: 414px) {
  #catch h3 {
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 1.8;
    text-align: center;
  }
}
/* --- .iconIllust --- */
#catch .iconIllust {
  width: 200px;
  height: 196px;
  margin: 0 auto;
  background:url(//asset.ibanquan.com/s/58413/740/illust_logo?design_theme_id=0&v=1567165127_1653168296) center center no-repeat;
  background-size: contain;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 738px) {
  #catch .iconIllust {
    width: 150px;
    height: 150px;
    background-size: contain;
  }
}
@media only screen and (max-width: 414px) {
  #catch .iconIllust {
    width: 120px;
    height: 120px;
    background-size: contain;
  }
}
/* --- .txtArea --- */
#catch .txtArea {
  margin: 25px auto 0;
  max-width: 700px;
}
#catch .txtArea p {
  font-size: 14px;
  line-height: 2.4;
  letter-spacing: 2px;
  margin-top: 1em;
}
@media only screen and (max-width: 738px) {
  #catch .txtArea {
    margin: 20px auto 0;
    padding: 0 2.5%;
    text-align: left;
  }
  #catch .txtArea p {
    font-size: 13px;
    line-height: 2;
    letter-spacing: 1px;
    margin-top: 1em;
  }
  #catch .txtArea p br {
    display: none;
  }
}
@media only screen and (max-width: 414px) {
  #catch .txtArea p {
    font-size: 12px;
  }
}
/* --- .illustArea --- */
.illustArea {
  margin: 45px auto 0;
  max-width: 650px;
  height: auto;
}
@media only screen and (max-width: 800px) {
  .illustArea {
    margin: 40px auto 0;
  }
}
@media only screen and (max-width: 738px) {
  .illustArea {
    margin: 35px auto 0;
  }
}
@media only screen and (max-width: 414px) {
  .illustArea {
    margin: 30px auto 0;
  }
}
/* -----------------------------------------------------------

#photography

----------------------------------------------------------- */
#photography {
  padding: 90px 5%;
  position: relative;
  z-index: 1;
  border-top: #a3d9e0 1px solid;
  background: #fefefe;
  background: url(//asset.ibanquan.com/s/58413/740/noise?design_theme_id=0&v=1567165127_1653168296) repeat #fefefe;
}
#photography:before {
  position: absolute;
  top: -1px;
  left: 5%;
  right: 5%;
  height: 0;
  content: "";
  border-top: #ededed 1px solid;
  z-index: 2;
}
@media only screen and (max-width: 800px) {
  #photography {
    padding: 0 0 80px;
  }
}
@media only screen and (max-width: 738px) {
  #photography {
    padding: 0 0 70px;
    background: url(//asset.ibanquan.com/s/58413/740/noise?design_theme_id=0&v=1567165127_1653168296) repeat #fefefe;
  }
}
@media only screen and (max-width: 414px) {
  #photography {
    padding: 0 0 60px;
  }
}
/* ----- .headlineImg ----- */
#photography .headlineImg {
  background: url(//asset.ibanquan.com/s/58413/740/bg_photography?design_theme_id=0&v=1567165127_1653168296) center center no-repeat;
  background-size: cover;
  padding: 200px 0;
  text-align: center;
  color: #fefefe;
  position: relative;
  z-index: 1;
}
#photography .headlineImg:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background: #111;
  opacity: 0.2;
  z-index: 2;
}
#photography .headlineImg h2.en {
  font-size: 45px;
  font-family: 'Catamaran', sans-serif;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 5px;
  position: relative;
  z-index: 3;
}
#photography .headlineImg h2.jp {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 5px;
  line-height: 1;
  margin-top: 20px;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 1024px) {
  #photography .headlineImg {
    padding: 175px 0;
  }
}
@media only screen and (max-width: 800px) {
  #photography .headlineImg {
    padding: 150px 0;
    margin: 0;
  }
  #photography .headlineImg h2.en {
    font-size: 35px;
    letter-spacing: 4px;
    position: relative;
    z-index: 3;
  }
  #photography .headlineImg h2.jp {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 4px;
    line-height: 1;
    margin-top: 15px;
    position: relative;
    z-index: 3;
  }
}
@media only screen and (max-width: 738px) {
  #photography .headlineImg {
    background: url(//asset.ibanquan.com/s/58413/740/bg_photographySp?design_theme_id=0&v=1567165127_1653168296) center center no-repeat;
    background-size: cover;
    padding: 125px 0;
  }
  #photography .headlineImg h2.en {
    font-size: 30px;
    letter-spacing: 3px;
    position: relative;
    z-index: 3;
  }
}
@media only screen and (max-width: 414px) {
  #photography .headlineImg {
    padding: 80px 0;
  }
  #photography .headlineImg h2.en {
    font-size: 23px;
    letter-spacing: 3px;
    position: relative;
    z-index: 3;
  }
  #photography .headlineImg h2.jp {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 1;
    margin-top: 10px;
    position: relative;
    z-index: 3;
  }
}
/* ----- .photographyArea ----- */
#photography .photographyArea {
  margin: 0;
}
/* .photographyBox */
#photography .photographyBox {
  display: block;
  margin: 80px 0 0;
  position: relative;
  z-index: 2;
  background: #fefefe;
  border: #ededed 1px solid;
  padding: 30px 30px 60px 0;
}
#photography .photographyBox:nth-child(even) {
  padding: 30px 0 60px 30px;
}
/* ----- .txtArea ----- */
#photography .photographyBox .txtArea {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 35%;
  z-index: 1;
}
#photography .photographyBox:nth-child(even) .txtArea {
  left: auto;
  right: 0;
}
/* .photographyhHead */
#photography .photographyhHead {
  display: inline-block;
  text-align: center;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* .iconIllust */
#photography .photographyhHead .iconIllust {
  width: 90px;
  height: 90px;
  margin: 20px auto 0;
  position: relative;
  z-index: 0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
#photography .photographyhHead .iconIllust:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  border: #f0f0f0 1px solid;
  z-index: 2;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
#photography .photographyhHead .iconIllust_location {
  background: url(//asset.ibanquan.com/s/58413/740/icon1?design_theme_id=0&v=1567165127_1653168296) center center no-repeat;
  background-size:cover;
}
#photography .photographyhHead .iconIllust_wedding {
  background:url(//asset.ibanquan.com/s/58413/740/icon2?design_theme_id=0&v=1567165127_1653168296) center center no-repeat;
  background-size:cover;
}
#photography .photographyhHead .iconIllust_family {
  background:url(//asset.ibanquan.com/s/58413/740/icon3?design_theme_id=0&v=1567165127_1653168296) center center no-repeat;
  background-size:cover;
}
/* h2,h3 */
#photography .photographyhHead h2 {
  font-size: 12px;
  font-family: 'Catamaran', sans-serif;
  font-weight: 500;
  letter-spacing: 2.5px;
  line-height: 1.8;
  position: relative;
  z-index: 4;
}
#photography .photographyhHead h3.en {
  font-size: 20px;
  font-family: 'Catamaran', sans-serif;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.8;
}
#photography .photographyhHead h3.jp {
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 3px;
  line-height: 1.5;
}
/* .catchArea */
#photography .catchArea {
  margin-top: 10px;
}
#photography .catchArea h4 {
  font-size: 13px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
  letter-spacing: 1px;
  line-height: 2;
}
/* .linkAreaHead */
#photography .photographyhHead .linkAreaHead {
  margin-top: 20px;
}
#photography .photographyhHead .linkAreaHead a {
  width: 200px;
  font-size: 13px;
}
/* ----- .imgArea ----- */
#photography .photographyBox .imgArea {
  float: right;
  width: 65%;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#photography .photographyBox:nth-child(even) .imgArea {
  float: left;
}
@media only screen and (max-width: 1024px) {
  #photography .photographyBox .txtArea {
    width: 30%;
  }
  #photography .photographyBox .imgArea {
    width: 70%;
  }
  #photography .photographyhHead h3.en {
    font-size: 18px;
  }
  #photography .catchArea h4 {
    letter-spacing: 1px;
    line-height: 1.8;
  }
  #photography .photographyhHead .linkAreaHead {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 1023px) {
  #photography .photographyBox .txtArea {
    width: 35%;
  }
  #photography .photographyBox .imgArea {
    width: 65%;
  }
  #photography .catchArea {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* ----- .photographyArea ----- */
  #photography .photographyArea {
    margin: 0 5%;
  }
  #photography .photographyBox, #photography .photographyBox:nth-child(even) {
    margin: 70px 0 0;
    padding: 0;
    border: #ededed 1px solid;
    background: #fefefe;
    overflow: hidden;
  }
  /* ----- .txtArea ----- */
  #photography .photographyBox .txtArea, #photography .photographyBox:nth-child(even) .txtArea {
    position: static;
    width: 100%;
    padding: 35px 5% 50px;
    box-sizing: border-box;
  }
  /* .photographyhHead */
  #photography .photographyBox .photographyhHead {
    display: block;
    text-align: center;
    position: static;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  #photography .catchArea {
    display: block;
  }
  /* .linkAreaHead */
  #photography .photographyBox .photographyhHead .linkAreaHead {
    margin-top: 20px;
  }
  #photography .photographyhHead .iconIllust {
    width: 100px;
    height: 100px;
  }
  #photography .photographyhHead .iconIllust_location, #photography .photographyhHead .iconIllust_wedding, #photography .photographyhHead .iconIllust_family {
    background-size: cover;
  }
  /* ----- .imgArea ----- */
  #photography .photographyBox .imgArea {
    float: none;
    width: 100%;
    padding: 30px 5% 0;
    padding: 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
  }
  #photography .photographyBox:nth-child(even) .imgArea {
    float: none;
  }
}
@media only screen and (max-width: 738px) {
  #photography .photographyBox, #photography .photographyBox:nth-child(even) {
    margin: 60px 0 0;
  }
  /* ----- .txtArea ----- */
  #photography .photographyBox .txtArea, #photography .photographyBox:nth-child(even) .txtArea {
    padding: 30px 5% 45px;
  }
  #photography .photographyhHead .iconIllust {
    width: 70px;
    height: 70px;
    margin: 15px auto 0;
  }
  #photography .photographyhHead .iconIllust_location, #photography .photographyhHead .iconIllust_wedding, #photography .photographyhHead .iconIllust_family {
    background-size:cover;
  }
  #photography .catchArea h4 {
    font-size: 12px;
  }
  #photography .photographyBox .photographyhHead .linkAreaHead {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 414px) {
  #photography .photographyBox, #photography .photographyBox:nth-child(even) {
    margin: 50px 0 0;
  }
}
/* ----- .gallerySlider ----- */
.gallerySlider {
  margin: 0;
  padding-bottom: 0;
}
/* --- li --- */
.gallerySlider li {
  margin: 0;
  position: relative;
  background: #fefefe;
  z-index: 3;
}
/* --- .imgArea --- */
.gallerySlider li .imgArea {
  overflow: hidden;
  position: relative;
  z-index: 4;
  background: #fefefe;
}
.gallerySlider li .imgArea:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: #fefefe;
  z-index: 5;
  opacity: 0;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.gallerySlider li:hover .imgArea:before {
  content: "";
  background: #e4f5fd;
  opacity: 0.8;
}
.gallerySlider li .imgArea img {
  -webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -o-transition: all 2s ease;
  transition: all 2s ease;
}
.gallerySlider li:hover .imgArea img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.5;
}
/* Arrow */
.gallerySlider .slick-prev, .gallerySlider .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 60px;
  height: 60px;
  padding: 0;
  /*lte IE 8*/
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: #111;
  border: #ddd 1px solid;
  border: none;
  background: #fefefe;
  outline: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  z-index: 2;
}
.gallerySlider .slick-prev:before, .gallerySlider .slick-next:before {
  font-family: 'themify';
  font-size: 12px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.gallerySlider .slick-prev {
  left: 0;
  margin-left: -30px;
}
.gallerySlider .slick-prev:before {
  content: "\e64a";
}
.gallerySlider .slick-next {
  margin-right: -30px;
  right: 0;
}
.gallerySlider .slick-next:before {
  content: "\e649";
}
/* --- .slick-dots --- */
.gallerySlider .slick-dots {
  bottom: -33px;
}
.gallerySlider .slick-dots li {
  position: relative;
  height: 6px;
  width: 6px;
  margin: 0 10px;
  padding: 0;
  cursor: pointer;
  text-align: center;
}
/* --- .linkArea --- */
#photography .linkArea {
  margin-top: 70px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1024px) {
  /* --- Arrows --- */
  .gallerySlider .slick-prev, .gallerySlider .slick-next {
    width: 40px;
    height: 40px;
  }
  .gallerySlider .slick-prev {
    left: auto;
    right: 46px;
  }
  .gallerySlider .slick-next {
    right: 5px;
  }
  #photography .photographyBox:nth-child(even) .gallerySlider .slick-prev {
    left: 5px;
    right: auto;
  }
  #photography .photographyBox:nth-child(even) .gallerySlider .slick-next {
    left: 46px;
    right: auto;
  }
}
@media only screen and (max-width: 800px) {
  .gallerySlider {
    margin: 0 -1px 41px;
    padding-bottom: 0;
  }
  .gallerySlider .slick-dots {
    position: absolute;
    top: auto;
    bottom: -40px;
    right: 0;
    left: 0;
    width: 100%;
    height: 6px;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .gallerySlider .slick-dots li {
    position: relative;
    display: inline-block;
    height: 6px;
    width: 6px;
    margin: 0px 10px;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    border: none;
  }
  /* --- .linkArea --- */
  #photography .linkArea {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 738px) {
  .gallerySlider {
    margin: 0 -1px 31px;
  }
  .gallerySlider .slick-dots, #photography .photographyBox:nth-child(even) .gallerySlider .slick-dots {
    bottom: -30px;
  }
  /* --- .linkArea --- */
  #photography .linkArea {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 414px) {
  #photography .linkArea {
    margin-top: 40px;
  }
}
/* -----------------------------------------------------------

#release

----------------------------------------------------------- */
#release {
  padding: 90px 5%;
  position: relative;
  z-index: 1;
  border-top: #a3d9e0 1px solid;
}
#release:before {
  position: absolute;
  top: -1px;
  left: 5%;
  right: 5%;
  height: 0;
  content: "";
  border-top: #ededed 1px solid;
  z-index: 2;
}
@media only screen and (max-width: 800px) {
  #release {
    padding: 80px 5%;
  }
}
@media only screen and (max-width: 738px) {
  #release {
    padding: 70px 5%;
  }
}
@media only screen and (max-width: 414px) {
  #release {
    padding: 60px 5%;
  }
}
/* --- .nameArea --- */
#release .nameArea {
  margin: 0;
  position: relative;
  z-index: 2;
}
#release .nameArea:before {
  position: absolute;
  top: 7px;
  left: 0;
  bottom: 7px;
  right: 0;
  content: "";
  border: #ddd 1px solid;
  background: #fefefe;
  z-index: -2;
}
#release .nameArea:after {
  position: absolute;
  top: 0;
  left: 7px;
  bottom: 0;
  right: 7px;
  content: "";
  border: #ddd 1px dotted;
  z-index: -2;
}
/* --- .inner --- */
#release .nameArea .inner {
  padding: 70px 5%;
}
/* .imgArea */
#release .nameArea .imgArea {
  float: left;
  width: 45%;
  padding: 40px;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
}
#release .nameArea .imgArea:before {
  position: absolute;
  top: 0;
  right: 10px;
  left: 10px;
  bottom: 0;
  content: "";
  border-top: #ddd 1px solid;
  border-bottom: #ddd 1px solid;
  z-index: 2;
}
#release .nameArea .imgArea img{
  width:100%;
}
#release .nameArea .imgArea:after {
  position: absolute;
  top: 10px;
  right: 0;
  left: 0;
  bottom: 10px;
  content: "";
  border-right: #ddd 1px solid;
  border-left: #ddd 1px solid;
  z-index: 2;
}
#release .nameArea .imgArea img {
  border: #fafafa 1px solid;
}
/* .txtArea */
#release .nameArea .txtArea {
  float: right;
  width: 50%;
  text-align: left;
}
#release .nameArea .txtArea .txtBox {
  margin: 0 auto;
  max-width: 450px;
}
#release .nameArea .txtArea h3 {
  font-size: 12px;
  font-family: 'Catamaran', sans-serif;
  font-weight: 500;
  letter-spacing: 2.5px;
  line-height: 1.8;
  text-align: center;
  position: relative;
  z-index: 4;
}
#release .nameArea .txtArea h4 {
  font-size: 25px;
  font-family: 'Playfair Display', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 1.6;
  text-align: center;
  margin: 5px 0 25px;
  padding-bottom: 25px;
  position: relative;
  z-index: 2;
}
#release .nameArea .txtArea h4 b {
  display: block;
  font-size: 15px;
  font-weight: normal;
  vertical-align: 0;
  margin-top: 2px;
}
#release .nameArea .txtArea h4:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 50px;
  height: 0;
  margin-left: -25px;
  content: "";
  border-top: #ddd double;
  z-index: -1;
}
#release .nameArea .txtArea p {
  font-size: 14px;
  line-height: 2.4;
  letter-spacing: 2px;
}
#release .nameArea .sign {
  margin-top: 30px;
  width: 100%;
  height: 65px;
  background:url(//asset.ibanquan.com/s/58413/740/sign?design_theme_id=0&v=1567165127_1653168296) center right no-repeat;
}
@media only screen and (max-width: 1024px) {
  #release .nameArea .imgArea {
    padding: 30px;
  }
  #release .nameArea .txtArea p {
    font-size: 13px;
    line-height: 2.2;
    letter-spacing: 1px;
  }
}
@media only screen and (max-width: 800px) {
  #release .nameArea .inner {
    padding: 60px 6%;
  }
  #release .nameArea .imgArea {
    width: 40%;
    padding: 15px;
  }
  #release .nameArea .txtArea {
    width: 55%;
  }
  #release .nameArea .txtArea h4 {
    font-size: 22px;
    margin: 0 0 20px;
    padding-bottom: 20px;
  }
  #release .nameArea .txtArea h4 b {
    font-size: 14px;
    margin-top: 0;
  }
}
@media only screen and (max-width: 738px) {
  #release .nameArea .inner {
    padding: 50px 7.5%;
  }
  /* .imgArea */
  #release .nameArea .imgArea {
    float: none;
    width: 65%;
    margin: 0 auto;
    padding: 10px;
  }
  /* .txtArea */
  #release .nameArea .txtArea {
    float: none;
    width: 100%;
    margin-top: 30px;
  }
  #release .nameArea .txtArea .txtBox {
    max-width: 1000px;
    padding: 0 2.5%;
  }
  #release .nameArea .txtArea h4 {
    font-size: 20px;
  }
  #release .nameArea .txtArea h4 b {
    display: block;
    font-size: 15px;
    font-weight: normal;
    vertical-align: 0;
  }
  #release .nameArea .txtArea p {
    font-size: 12px;
    line-height: 2;
    letter-spacing: 1px;
  }
}
/* -----------------------------------------------------------

#instagram

----------------------------------------------------------- */
#instagram {
  padding: 90px 5%;
  position: relative;
  z-index: 1;
  border-top: #a3d9e0 1px solid;
}
#instagram:before {
  position: absolute;
  top: -1px;
  left: 5%;
  right: 5%;
  height: 0;
  content: "";
  border-top: #ededed 1px solid;
  z-index: 2;
}
@media only screen and (max-width: 800px) {
  #instagram {
    padding: 80px 5%;
  }
}
@media only screen and (max-width: 738px) {
  #instagram {
    padding: 70px 5%;
  }
}
@media only screen and (max-width: 414px) {
  #instagram {
    padding: 60px 5%;
  }
}
/* ----- .headline ----- */
#instagram .headline {
  margin-bottom: 45px;
  text-align: center;
}
#instagram .headline h2.en {
  font-size: 50px;
  font-family: 'Satisfy', cursive;
  letter-spacing: 0;
  line-height: 1;
}
#instagram .headline h3 {
  font-size: 14px;
  font-family: 'Catamaran', sans-serif;
  font-weight: 300;
  letter-spacing: 2px;
  line-height: 1;
  margin-top: 20px;
}
#instagram .headline h3 b {
  font-weight: 600;
  letter-spacing: 2px;
}
@media only screen and (max-width: 800px) {
  #instagram .headline {
    margin-bottom: 40px;
  }
  #instagram .headline h2.en {
    font-size: 40px;
  }
  #instagram .headline h3 {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 738px) {
  #instagram .headline {
    margin-bottom: 30px;
  }
  #instagram .headline h2.en {
    font-size: 35px;
  }
}
@media only screen and (max-width: 414px) {
  #instagram .headline h2.en {
    font-size: 30px;
  }
  #instagram .headline h3 {
    font-size: 13px;
    margin-top: 10px;
  }
}
/* ----- ul.imageInstagram ----- */
ul.imageInstagram {
  margin: 5px -5px 0;
  padding: 0;
}
ul.imageInstagram li {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
  width: 20%;
  position: relative;
  border: transparent 8px solid;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  overflow: hidden;
  z-index: 0;
  box-sizing: border-box;
}
ul.imageInstagram li .imgArea {
  border: #ededed 1px solid;
  padding: 10px;
  background: #fefefe;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
}
ul.imageInstagram li .imgArea .inner {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
ul.imageInstagram li .imgArea:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: #fefefe;
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
ul.imageInstagram li:hover .imgArea:before {
  content: "";
  background: #e4f5fd;
  z-index: 2;
  opacity: 0.8;
}
ul.imageInstagram li .imgArea:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  font-family: 'themify';
  font-size: 18px;
  content: "\e73d";
  color: #fefefe;
  background: #fefefe;
  z-index: 3;
  opacity: 0;
  text-align: center;
  line-height: 50px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-transform: rotate(-180deg) scale(0.5, 0.5);
  -moz-transform: rotate(-180deg) scale(0.5, 0.5);
  -o-transform: rotate(-180deg) scale(0.5, 0.5);
  -ms-transform: rotate(-180deg) scale(0.5, 0.5);
  transform: rotate(-180deg) scale(0.5, 0.5);
}
ul.imageInstagram li:hover .imgArea:after {
  color: #7eccd6;
  opacity: 1;
  -webkit-transform: rotate(0deg) scale(1, 1);
  -moz-transform: rotate(0deg) scale(1, 1);
  -o-transform: rotate(0deg) scale(1, 1);
  -ms-transform: rotate(0deg) scale(1, 1);
  transform: rotate(0deg) scale(1, 1);
}
ul.imageInstagram li img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -o-transition: all 2s ease;
  transition: all 2s ease;
  background: #fefefe;
}
ul.imageInstagram li:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
ul.imageInstagram li:first-child {
  width: 40%;
}
ul.imageInstagram li:first-child .imgArea {
  padding: 15px;
}
ul.imageInstagram li:nth-child(8) {
  display: none;
}
/* ----- .il-photo__likes ----- */
.il-photo__likes {
  position: absolute;
  bottom: 3px;
  left: 7px;
  color: #fff;
  font-size: 11px;
  font-family: 'Catamaran', sans-serif;
  font-weight: 300;
  height: 20px;
  line-height: 20px;
  padding: 0;
  letter-spacing: 1px;
  z-index: 11;
  font-weight: bold;
}
.il-photo__likes:before {
  font-size: 11px;
  font-family: 'themify';
  content: "\e634";
  padding-right: 5px;
}
#instagram .linkArea .btn:after {
  font-size: 10px;
  font-size: 18px;
  content: "\e73d";
  right: auto;
  left: 15px;
}
@media only screen and (max-width: 800px) {
  /* ----- ul.imageInstagram ----- */
  ul.imageInstagram {
    margin: 3px -3px 0;
    padding: 0;
  }
  ul.imageInstagram li {
    width: 50%;
    border: transparent 3px solid;
  }
  ul.imageInstagram li .imgArea {
    padding: 10px;
  }
  ul.imageInstagram li .imgArea .inner {
    overflow: hidden;
  }
  ul.imageInstagram li .imgArea:before {
    display: none;
  }
  ul.imageInstagram li .imgArea:after {
    display: none;
  }
  ul.imageInstagram li:hover img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  ul.imageInstagram li:first-child {
    width: 50%;
  }
  ul.imageInstagram li:first-child .imgArea {
    padding: 10px;
  }
  ul.imageInstagram li:nth-child(8) {
    display: block;
  }
}
/* -----------------------------------------------------------

keyframes

----------------------------------------------------------- */
@-webkit-keyframes scroll-next {
  0% {
    -ms-transform: translateX(0)translateY(0px);
    -webkit-transform: translateX(0)translateY(0px);
    -moz-transform: translateX(0)translateY(0px);
    transform: translateX(0)translateY(0px);
    opacity: 0
  }
  80% {
    opacity: 0.7
  }
  90% {
    opacity: 0
  }
  100% {
    -ms-transform: translateX(0)translateY(40px);
    -webkit-transform: translateX(0)translateY(40px);
    -moz-transform: translateX(0)translateY(40px);
    transform: translateX(0)translateY(40px);
    opacity: 1
  }
}
@-moz-keyframes scroll-next {
  0% {
    -ms-transform: translateX(0)translateY(0px);
    -webkit-transform: translateX(0)translateY(0px);
    -moz-transform: translateX(0)translateY(0px);
    transform: translateX(0)translateY(0px);
    opacity: 1
  }
  80% {
    opacity: 0.7
  }
  90% {
    opacity: 0
  }
  100% {
    -ms-transform: translateX(0)translateY(40px);
    -webkit-transform: translateX(0)translateY(40px);
    -moz-transform: translateX(0)translateY(40px);
    transform: translateX(0)translateY(40px);
    opacity: 0
  }
}
@-ms-keyframes scroll-next {
  0% {
    -ms-transform: translateX(0)translateY(0px);
    -webkit-transform: translateX(0)translateY(0px);
    -moz-transform: translateX(0)translateY(0px);
    transform: translateX(0)translateY(0px);
    opacity: 1
  }
  80% {
    opacity: 0.7
  }
  90% {
    opacity: 0
  }
  100% {
    -ms-transform: translateX(0)translateY(40px);
    -webkit-transform: translateX(0)translateY(40px);
    -moz-transform: translateX(0)translateY(40px);
    transform: translateX(0)translateY(40px);
    opacity: 0
  }
}
@keyframes scroll-next {
  0% {
    -ms-transform: translateX(0)translateY(0px);
    -webkit-transform: translateX(0)translateY(0px);
    -moz-transform: translateX(0)translateY(0px);
    transform: translateX(0)translateY(0px);
    opacity: 1
  }
  80% {
    opacity: 0.7
  }
  90% {
    opacity: 0
  }
  100% {
    -ms-transform: translateX(0)translateY(40px);
    -webkit-transform: translateX(0)translateY(40px);
    -moz-transform: translateX(0)translateY(40px);
    transform: translateX(0)translateY(40px);
    opacity: 0
  }
}

/*********************posts*************************/
.breadcrumb {
  padding: 20px 5%;
  font-size: 12px;
}

.bread-container {
  position: relative;
  z-index: 1;
  border-top: #a3d9e0 1px solid;
}

.bread-container::before {
  position: absolute;
  top: -1px;
  left: 5%;
  right: 5%;
  height: 1;
  content: "";
  border-top: #ededed 1px solid;
  z-index: 2;
}

/*.breadcrumb:first-child a:before {
padding-right: 5px;
font-size: 11px;
font-family: 'themify';
content: "\e69b";
}*/

.post-wrapper {
  margin: 0 auto;
  width: 1200px;
}

.post-list-each  {
  width: 100%;
  margin: 0 auto;
  height: 500px;
  margin-bottom: 70px;
  position: relative;
  cursor: pointer;
  position: relative;
}

.post-list-each::before {
  position: absolute;
  top: -10px;
  left: -15px;
  right: -15px;
  bottom: -10px;
  content: "";
  border: #ededed 1px solid;
}

.post-list-each::after {
  position: absolute;
  top: -15px;
  left: -10px;
  right: -10px;
  bottom: -15px;
  content: "";
  border: #ededed 1px solid;
  z-index: -1;
}

.post-list-each .post-inner {
  padding-top: 50px;
}

.post-list-each-pic-inner {
  width:50%;
  float: left;
}

.post-list-each-pic-inner img {
  width: auto;
  height: auto;
  padding: 0 50px 50px 50px;
  display: inline-block;
}

.post-list-each-content {
  width: 50%;
  display: inline-block;
  padding-left: 118px;
  padding-right: 50px;
  padding-top: 0px !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
}

.post-list-each-content h3 {
  font-size: 28px;
  padding: 20px 0px;
}

.post-list-each-content p {
  font-size: 14px;
}

.post-detail {
  padding: 100px 0;
}

.post-cont2 {
  position: relative;
}

.post-cont2::before {
  position: absolute;
  top: -40px;
  left: -30px;
  right: -30px;
  bottom: -40px;
  content: "";
  border: #ddd 1px solid;
}

.post-cont2::after {
  position: absolute;
  top: -30px;
  left: -40px;
  right: -40px;
  bottom: -30px;
  content: "";
  border: #ddd 1px solid;
  z-index: 2;
}

@media screen and (max-width:414px) {
  .post {
    padding: 10px !important;
  }

  .post-list-each::before {
    top: 10px;
    left: 15px;
    right: 15px;
    bottom: 10px;
  }

  .post-list-each::after {
    top: 15px;
    left: 10px;
    right: 10px;
    bottom: 15px;
  }

  .post-list-each-pic-inner {
    width: 100%;
    float: none;
  }

  .post-list-each-pic-inner img {
    width: 100%;
  }

  .post-detail {
    padding: 30px 0;
  }

  .post-list-each {
    height: 100vh;
  }

  .post-inner h3 {
    
  }

  .post-detail .post-wrapper {
    
  }

  .post-list-each-content {
   
  }
}

#header .navArea ul.navi a.p_photography:before { background: #ddd; }
#header .navArea ul.navi a.p_photography:hover:before { background: transparent; }

/* -----------------------------------------------------------

.headlineImg

----------------------------------------------------------- */


.headlineImgPhotography_plan01 { background: url(../images/photography/h_dress.jpg) bottom center no-repeat; background-size:cover; }



/* -----------------------------------------------------------

#w_photography_type

----------------------------------------------------------- */

#w_photography_type { padding: 90px 5%; position: relative; z-index: 1; border-top: #a3d9e0 1px solid; background: url(//asset.ibanquan.com/s/58413/740/noise?design_theme_id=0&v=1567165127_1653168296) repeat #fefefe; }
#w_photography_type:before { position: absolute; top: -1px; left: 5%; right: 5%; height: 0; content: ""; border-top: #ededed 1px solid; z-index: 2; }



@media only screen and (max-width: 800px) {
  #w_photography_type { padding: 80px 5%; }
}

@media only screen and (max-width: 738px) {
  #w_photography_type { padding: 70px 5%; background: url(//asset.ibanquan.com/s/58413/740/noise?design_theme_id=0&v=1567165127_1653168296) repeat #fefefe;}
}

@media only screen and (max-width: 414px) {
  #w_photography_type { padding: 60px 5%; }
}


/* ----- .photographyArea ----- */
#w_photography_type .photographyArea { margin: -80px -1.5% 0; font-size:0; }

/* ----- .photographyBoxL ----- */
#w_photography_type .photographyBox { display: block; margin: 80px 0 0; padding:70px 0; position: relative; z-index: 2;background:#fefefe; border:#ededed 1px solid; }


/* .photographyhHead */
#w_photography_type .photographyBox .photographyhHead { text-align:center; }

/* h2,h3 */
#w_photography_type .photographyhHead h2 {font-size: 13px; font-family: 'Catamaran', sans-serif; font-weight:500; letter-spacing: 2.5px; line-height:1.8; position:relative; z-index:4; }
#w_photography_type .photographyhHead h3.en { font-size: 35px; font-family: 'Catamaran', sans-serif; font-weight:700; line-height: 1.8; letter-spacing: 4px; }
#w_photography_type .photographyhHead h3.jp { font-size: 15px; font-weight: bold;letter-spacing: 3px; line-height: 1.5; }

/* .iconIllust_circle */
#w_photography_type .iconIllust_circle { width:120px; height:120px; margin:25px auto 0; color:#fefefe; background:#222; letter-spacing:1px; z-index:3; position:relative;-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
#w_photography_type .iconIllust_circle:before { position:absolute; top:0; left:0; right:0; text-align:center; content:"120px×120px"; z-index:2; line-height:120px; font-size:12px; }

/* .iconIllust */
#w_photography_type .iconIllust { width:90px; height:90px;margin:25px auto 0; position:relative; z-index:0; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
#w_photography_type .iconIllust:before { position:absolute; top:0; right:0; bottom:0; left:0; display:block; content:""; border:#f0f0f0 1px solid; z-index:2; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
#w_photography_type .iconIllust_location { background: url(../images/photography/location/icon.png) center center no-repeat; background-size:80px 80px; }
#w_photography_type .iconIllust_wedding { background:url(../images/photography/wedding/icon.png) center center no-repeat; background-size:80px 80px; }
#w_photography_type .iconIllust_family { background:url(../images/photography/family/icon.png) center center no-repeat; background-size:80px 80px; }

/* .catchArea */
#w_photography_type .catchArea { margin-top:20px; }
#w_photography_type .catchArea h4 { font-size: 18px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;letter-spacing: 1px; line-height: 2; position:relative; z-index:1; }
#w_photography_type .catchArea h4 br { display:none; }
/* .sliderArea */
#w_photography_type .sliderArea { margin-top:45px; padding:0 5%; }

@media only screen and (max-width: 1024px) {
  #w_photography_type .photographyhHead h3.en { font-size: 30px;}
  #w_photography_type .photographyhHead h3.jp { font-size: 14px;}
}
@media only screen and (max-width: 800px) {
  #w_photography_type .photographyArea { margin: -70px 0 0; padding:0; }
  /* .photographyBox */
  #w_photography_type .photographyBox { display: block; width:100%; margin: 70px 0 0; padding:60px 0; }
  /* h2,h3 */
  #w_photography_type .photographyhHead h2 {font-size: 13px; }
  #w_photography_type .photographyhHead h3.en { font-size: 25px; letter-spacing: 4px; }
  #w_photography_type .photographyhHead h3.jp { font-size: 14px;}

  #w_photography_type .iconIllust { width:100px; height:100px; }
  #w_photography_type .iconIllust_location,
  #w_photography_type .iconIllust_wedding,
  #w_photography_type .iconIllust_family{background-size:90px 90px; }

  /* .catchArea */
  #w_photography_type .catchArea { margin-top:20px; }
  #w_photography_type .catchArea h4 { font-size: 16px; }

  /* .sliderArea */
  #w_photography_type .sliderArea { margin-top:35px; }
  /* DOTS */
  .home_photographySlider .slick-dots { bottom: -35px; }
  /* .linkInner */
  #w_photography_type .linkInner { margin-top:70px; }
}

@media only screen and (max-width: 738px) {
  #w_photography_type .photographyArea { margin: -60px 0 0; padding:0; }
  #w_photography_type .photographyBox { margin: 60px 0 0; padding:50px 0; }

  #w_photography_type .photographyhHead h3.en { font-size: 20px; letter-spacing: 2px; }
  #w_photography_type .photographyhHead h3.jp { font-size: 13px; }

  #w_photography_type .iconIllust { width:70px; height:70px; margin:15px auto 0;}
  #w_photography_type .iconIllust_location,
  #w_photography_type .iconIllust_wedding,
  #w_photography_type .iconIllust_family{background-size:60px 60px; }

  /* .catchArea */
  #w_photography_type .catchArea { margin-top:15px; }
  #w_photography_type .catchArea h4 { font-size: 14px; }
  #w_photography_type .catchArea h4 br { display:block; }

  /* .sliderArea */
  #w_photography_type .sliderArea { margin-top:25px;padding:0; }
  /* .linkInner */
  #w_photography_type .linkInner { margin-top:50px; }

}

@media only screen and (max-width: 414px) {
  #w_photography_type .photographyArea { margin: -50px 0 0; padding:0; }
  #w_photography_type .photographyBox { margin: 50px 0 0; padding:50px 0; }
  #w_photography_type .photographyhHead h3.en { font-size: 18px; letter-spacing: 2px; }
  #w_photography_type .photographyhHead h3.jp { font-size: 12px; }

  #w_photography_type .catchArea h4 { font-size: 13px; }
}



/* ----- .locationSlider ----- */
#w_photography_type .locationSlider { margin:40px -10px 80px; position:relative; z-index:1; }
#w_photography_type .locationSlider:before { position:absolute; top:0; left:-1px; width:9px; bottom:0; content:""; background:#fefefe; z-index:2; }
#w_photography_type .locationSlider:after { position:absolute; top:0; right:-1px; width:9px; bottom:0; content:""; background:#fefefe; z-index:2; }
/* --- Arrows --- */
.locationSlider .slick-prev,
.locationSlider .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 60px; height:60px; padding: 0; /*lte IE 8*/ -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: #111; border: #ddd 1px solid;  background:#fefefe; outline: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; z-index: 4; }
.locationSlider .slick-prev:before,
.locationSlider .slick-next:before { font-family: 'themify'; font-size: 12px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.locationSlider .slick-prev { left: -5%; margin-left: -24px; }
.locationSlider .slick-prev:before { content: "\e64a" }
.locationSlider .slick-next { right: -5%; margin-right: -24px; }
.locationSlider .slick-next:before { content: "\e649"; }
.locationSlider .slick-dots { bottom: -40px;  }

/* ----- .planBox ----- */
#w_photography_type .planBox { margin: 0 10px; position: relative; z-index: 2; background:#fefefe;  }
#w_photography_type .planBox:after { position:absolute; top:0; left:0; right:0; bottom:0; content:""; border:#ededed 1px solid; z-index:-1;}
/* .inner */
#w_photography_type .planBox .inner { padding:35px 5% 50px; text-align:center; }
/* .imgArea */
#w_photography_type .planBox .imgArea { overflow:hidden; position:relative; z-index:1; }
/* h5 */
#w_photography_type .planBox h5 { display:block; width:50px; height:50px; margin:-25px auto 0; background:#fefefe; font-size:14px; font-weight:700; line-height:50px; letter-spacing:1px; position:relative; z-index:3; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
#w_photography_type .planBox h5:after { position:absolute; top:-5px; left:-5px; right:-5px; bottom:-5px; content:""; border:#fefefe 1px solid; z-index:-1; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
/* .txtArea */
#w_photography_type .planBox .txtArea { }
/* h3 */
#w_photography_type .planBox h3 {font-size: 12px; font-family: 'Catamaran', sans-serif; font-weight:500; letter-spacing: 2.5px; line-height:1.8; position:relative; z-index:4; }
/* h4 */
#w_photography_type .planBox h4 { font-size:16px; font-family: 'Playfair Display',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif; font-weight:500; letter-spacing: 2px;line-height: 2; margin-bottom:5px; }
/* p */
#w_photography_type .planBox .txtArea p { font-size:13px; }
/* p.price */
#w_photography_type .planBox .txtArea p.price { color:#ff878d; font-size:18px; font-family: 'Open Sans',"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-weight:400;}
#w_photography_type .planBox .txtArea p.price span.yen { margin-right:3px; font-size:0.85em;vertical-align:0;font-weight:500; }
#w_photography_type .planBox .txtArea p.price span.tax { font-size:0.7em; vertical-align:0;font-weight:500; }

/* .linkArea */
#w_photography_type .planBox .linkArea { margin-top:20px; }


@media only screen and (max-width: 1024px) {
  #w_photography_type .planBox h4 { letter-spacing:1.5px;}
  #w_photography_type .planBox .linkArea a { width:180px; }
}
@media only screen and (max-width: 738px) {
  #w_photography_type .planBox .inner { padding:30px 5% 35px }
  #w_photography_type .planBox .linkArea { margin-top:10px; }
  /*#w_photography_type .planBox .txtArea p { display:none}*/
  #w_photography_type .planBox .txtArea p.price { font-size:16px;}
  #w_photography_type .locationSlider { margin:35px 1px 60px;}
  #w_photography_type .locationSlider:before,
  #w_photography_type .locationSlider:after { display:none; }
  .locationSlider .slick-dots { bottom: -30px;  }
}
@media only screen and (max-width: 414px) {
  #w_photography_type .locationSlider { margin:30px 1px 50px;}
  #w_photography_type .locationSlider:before,
  #w_photography_type .locationSlider:after { display:none; }
  #w_photography_type .planBox { margin: 0 5px;  }
  #w_photography_type .planBox .linkArea { margin-top:5px; }
  #w_photography_type .planBox .txtArea p { font-size:12px; }
}

/* ----- .photographyBoxSmall ----- */
#w_photography_type .photographyBoxSmall { padding:30px 30px 30px 0;}
#w_photography_type .photographyBoxSmall:nth-child(even) {padding:30px 0 30px 30px;}
/* ----- .txtArea ----- */
#w_photography_type .photographyBoxSmall .txtArea { position:absolute; top:0; left:0; bottom:0; width: 35%; z-index:1;}
#w_photography_type .photographyBoxSmall:nth-child(even) .txtArea { left:auto; right:0; }

/* .photographyhHead */
#w_photography_type .photographyBoxSmall .photographyhHead { display:inline-block; text-align: center; position: absolute; z-index: 2; top:50%; left:50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
/* h2,h3 */
#w_photography_type .photographyBoxSmall .photographyhHead h2 {font-size: 12px;  }
#w_photography_type .photographyBoxSmall .photographyhHead h3.en { font-size: 20px; letter-spacing:2px;}
#w_photography_type .photographyBoxSmall .photographyhHead h3.jp { font-size: 13px; }
/* .catchArea */
#w_photography_type .photographyBoxSmall .catchArea { margin-top:10px; }
#w_photography_type .photographyBoxSmall .catchArea h4 { font-size: 13px;  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;letter-spacing: 1px; line-height: 2; }
#w_photography_type .photographyBoxSmall .catchArea h4 br { display:block; }

#w_photography_type .photographyBoxSmall .photographyhHeadCM { width:75%;}
#w_photography_type .photographyBoxSmall .photographyhHeadCM .catchArea { margin-top:20px; }
#w_photography_type .photographyBoxSmall .photographyhHeadCM .catchArea p { margin-top:5px; font-size: 12.5px; line-height: 2; letter-spacing:1px; }

/* ----- .imgArea ----- */
#w_photography_type .photographyBoxSmall .imgArea { float: right; width: 65%; position: relative; z-index: 2; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#w_photography_type .photographyBoxSmall:nth-child(even) .imgArea { float: left; }

/* .linkAreaHead */
#w_photography_type .photographyBoxSmall .linkAreaHead { margin-top:20px; }
#w_photography_type .photographyBoxSmall .linkAreaHead a { width: 200px; font-size:13px; }

@media only screen and (max-width: 1024px) {
  #w_photography_type .photographyBoxSmall .txtArea { width: 30%;}
  #w_photography_type .photographyBoxSmall .imgArea { width: 70%;}
  #w_photography_type .photographyBoxSmall .photographyhHead h3.en { font-size: 18px; }
  #w_photography_type .photographyBoxSmall .photographyhHead h3.jp{ font-size: 13px; }
  #w_photography_type .photographyBoxSmall .catchArea h4  { letter-spacing: 1px; line-height:1.8; }
  #w_photography_type .photographyBoxSmall .photographyhHead .linkAreaHead { margin-top:20px; }
  #w_photography_type .photographyBoxSmall .photographyhHeadCM .catchArea p { line-height: 2; }
}
@media only screen and (max-width: 1023px) {
  #w_photography_type .photographyBoxSmall .txtArea { width: 35%;}
  #w_photography_type .photographyBoxSmall .imgArea { width: 65%;}
  #w_photography_type .photographyBoxSmall .catchArea { display:none; }
  #w_photography_type .photographyBoxSmall .photographyhHeadCM .catchArea { display:block; }
  #w_photography_type .photographyBoxSmall .photographyhHeadCM .catchArea p { text-align:left; }
  #w_photography_type .photographyBoxSmall .photographyhHeadCM .catchArea br { display:none; }
}
@media only screen and (max-width: 800px) {
  #w_photography_type .photographyBoxSmall,
  #w_photography_type .photographyBoxSmall:nth-child(even) { margin: 70px 0 0; padding:0; overflow:hidden; }

  #w_photography_type .photographyBoxSmall .txtArea,
  #w_photography_type .photographyBoxSmall:nth-child(even) .txtArea { position:static; width: 100%; padding:35px 5% 50px; }

  #w_photography_type .photographyBoxSmall .photographyhHead { display:block; text-align: center; position: static; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}
  #w_photography_type .photographyBoxSmall .photographyhHead h3.en { font-size: 18px; }
  #w_photography_type .photographyBoxSmall .photographyhHead h3.jp{ font-size: 13px; }
  #w_photography_type .photographyBoxSmall .catchArea { display:block; }

  #w_photography_type .photographyBoxSmall .photographyhHead .linkAreaHead { margin-top:20px; }

  #w_photography_type .photographyBoxSmall .imgArea { float: none; width: 100%; padding:30px 5% 0; padding:0; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
  #w_photography_type .photographyBoxSmall:nth-child(even) .imgArea { float: none; }

  #w_photography_type .photographyBoxSmall .photographyhHeadCM { width:100%;}
  #w_photography_type .photographyBoxSmall .photographyhHeadCM .catchArea p { text-align:center; }
  #w_photography_type .photographyBoxSmall .photographyhHeadCM .catchArea br { display:block; }

}
@media only screen and (max-width: 738px) {
  #w_photography_type .photographyBoxSmall,
  #w_photography_type .photographyBoxSmall:nth-child(even) { margin: 60px 0 0; }
  /* ----- .txtArea ----- */
  #w_photography_type .photographyBoxSmall .txtArea,
  #w_photography_type .photographyBoxSmall:nth-child(even) .txtArea {padding:30px 5% 45px; }
  #w_photography_type .photographyBoxSmall .catchArea h4 { font-size: 12px; }
  #w_photography_type .photographyBoxSmall .photographyhHead .linkAreaHead { margin-top:15px; }
  #w_photography_type .photographyBoxSmall .photographyhHeadCM .catchArea p { font-size: 12px; line-height: 2; }
}
@media only screen and (max-width: 414px) {
  #w_photography_type .photographyBoxSmall,
  #w_photography_type .photographyBoxSmall:nth-child(even) { margin: 50px 0 0; }
}









/* -----------------------------------------------------------

#w_photography

----------------------------------------------------------- */

#w_photography { padding: 50px; position: relative; z-index: 1; text-align: center; }
#w_photography h3 { margin: 0 auto; font-size: 25px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif; letter-spacing: 2.5px; line-height: 1.8; text-align: center; }

/* --- .conceptArea --- */
#w_photography .descriptionArea { position: relative; z-index: 1; margin: 20px auto 0; }
#w_photography .descriptionArea p { font-size: 14px; line-height: 2.4; letter-spacing: 2px; margin-top: 1em; }

@media only screen and (max-width: 800px) {
  #w_photography { padding: 60px 5% 80px;}
  #w_photography h3 { margin: 0 auto; font-size: 20px;}
}
@media only screen and (max-width: 738px) {
  #w_photography { padding: 50px 5% 70px;}
  #w_photography h3 { font-size: 18px; letter-spacing: 2px; line-height: 1.8; }
  /* --- .conceptArea --- */
  #w_photography .descriptionArea { margin: 20px auto 0; padding:0 2.5%; text-align:left; }
  #w_photography .descriptionArea p { font-size: 13px; line-height: 2; letter-spacing: 1px; margin-top: 1em; }
  #w_photography .descriptionArea p br { display:none; }
}
@media only screen and (max-width: 414px) {
  #w_photography { padding: 40px 5% 60px;}
  #w_photography h3 { font-size: 15px; letter-spacing: 2px; line-height: 1.8; text-align: center; }
  #w_photography .descriptionArea p { font-size: 12px;}
}

/* --- .iconIllustArea --- */
.iconIllustArea { position:absolute; width:90px; height:90px; top:-45px; left:50%; margin:0 0 0 -45px; padding:5px; background:#fefefe; z-index:3;-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
.iconIllustArea img { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.iconIllustArea:after { position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; content: ""; border: #fefefe 1px solid; z-index: -1; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;  }
@media only screen and (max-width: 800px) {
  .iconIllustArea { width:80px; height:80px; top:-40px; margin:0 0 0 -40px;}
}
@media only screen and (max-width: 738px) {
  .iconIllustArea { width:60px; height:60px; top:-30px; margin:0 0 0 -30px; }
}

/* --- .illustArea --- */
.illustArea { margin: 45px auto 0; max-width:600px; height:auto; }
@media only screen and (max-width: 800px) {
  .illustArea { margin: 40px auto 0; }
}
@media only screen and (max-width: 738px) {
  .illustArea { margin: 35px auto 0;}
}
@media only screen and (max-width: 414px) {
  .illustArea { margin: 30px auto 0;}
}



/* -----------------------------------------------------------

#w_photography_plan

----------------------------------------------------------- */

#w_photography_plan { padding: 90px 5%; position: relative; z-index: 1; border-top: #a3d9e0 1px solid; background: url(//asset.ibanquan.com/s/58413/740/noise?design_theme_id=0&v=1567165127_1653168296) repeat #fefefe; }
#w_photography_plan:before { position: absolute; top: -1px; left: 5%; right: 5%; height: 0; content: ""; border-top: #ededed 1px solid; z-index: 2; }

/* --- .planArea --- */
#w_photography_plan .planArea { margin: -60px -1.5% 0; font-size:0; text-align:left; }
/* .photographyBox */
#w_photography_plan .planBox { display: inline-block; margin: 80px 1.5% 0; width:47%;position: relative; z-index: 2; background:#fefefe;  }
#w_photography_plan .planBox:after { position:absolute; top:0; left:0; right:0; bottom:0; content:""; border:#ededed 1px solid; z-index:-1;}

/* .inner */
#w_photography_plan .planBox .inner { padding:35px 5% 50px; text-align:center; }
/* .imgArea */
#w_photography_plan .planBox .imgArea { overflow:hidden; position:relative; z-index:1; }

/* h5 */
#w_photography_plan .planBox h5 { display:block; width:50px; height:50px; margin:-25px auto 0; background:#fefefe; font-size:14px; font-weight:700; line-height:50px; letter-spacing:1px; position:relative; z-index:3; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
#w_photography_plan .planBox h5:after { position:absolute; top:-5px; left:-5px; right:-5px; bottom:-5px; content:""; border:#fefefe 1px solid; z-index:-1; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}

/* .txtArea */
#w_photography_plan .planBox .txtArea { padding:0 2.5%; }
/* h3 */
#w_photography_plan .planBox h3 {font-size: 13px; font-family: 'Catamaran', sans-serif; font-weight:500; letter-spacing: 2.5px; line-height:1.8; position:relative; z-index:4; }
/* h4 */
#w_photography_plan .planBox h4 { font-size: 20px; font-family: 'Playfair Display',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif; font-weight:500; letter-spacing: 2.5px;line-height: 2; margin-bottom:5px; }
/* p.price */
#w_photography_plan .planBox .txtArea p.price { color:#ff878d; font-size:20px; font-family: 'Open Sans',"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-weight:400;}
#w_photography_plan .planBox .txtArea p.price span.yen { margin-right:3px; font-size:0.85em;vertical-align:0;font-weight:500; }
#w_photography_plan .planBox .txtArea p.price span.tax { font-size:0.7em; vertical-align:0;font-weight:500; }
/* .linkArea */
#w_photography_plan .planBox .linkArea { margin-top:20px; }


@media only screen and (max-width: 1024px) {
  #w_photography_plan .planBox h4 { font-size: 18px; }
  #w_photography_plan .planBox .linkArea a { width:180px; }
}

@media only screen and (max-width: 800px) {
  #w_photography_plan { padding: 80px 5%; }
  #w_photography_plan .planArea { margin: -40px -1.5% 0; }
  #w_photography_plan .planBox { display: inline-block; margin: 60px 1.5% 0; width:97%;  }
}
@media only screen and (max-width: 738px) {
  #w_photography_plan { padding: 70px 5%; background: url(//asset.ibanquan.com/s/58413/740/noise?design_theme_id=0&v=1567165127_1653168296) repeat #fefefe; }
  #w_photography_plan .planArea { margin: -40px -1.5% 0; }
  #w_photography_plan .planBox { margin: 50px 1.5% 0; }
  #w_photography_plan .planBox .inner { padding:30px 5% 45px; }
  #w_photography_plan .planBox .linkArea { margin-top:15px; }
}
@media only screen and (max-width: 414px) {
  #w_photography_plan { padding: 60px 5%; }
  #w_photography_plan .planArea { margin: -40px -1.5% 0; }
  #w_photography_plan .planBox { margin: 40px 1.5% 0; }
}


.kimonoSlider { margin: 0; padding: 0;}
/***************products*******************/
.pro_list_wrap {
  padding-left: 100px;
}

.filter_simple {
  height: 30px;
  line-height: 30px;
}

.filter_simple-btn {
  float: left;
  padding-left: 18%;
}

.pro_list_filter-order-item-each {
  margin: 0;
  display: inline-block;
  border-radius: 1px;
  padding: 0 10px 0;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  border-width: 1px;
  border-style: solid;
}

.settings-mobifilterSelect_border {
  border-color: #d6d6d6;
}

.filter_simple-btn .pro_list_filter-pro-item-name {
  line-height: 30px;
  height: 30px;
  display: inline-block;
  font-weight: bold;
  margin: 0 15px 0 0;
  color: #999999;
}

.filter_simple-btn .pro_list_filter-order-item {
  display: inline;
}

.pro_list_filter-order-item-sale i {
  vertical-align: 1px;
  margin-right: 2px;
}

.filter_simple-btn .pro_list_filter-order-item-check {
  border:none;
  position:relative;
}
.filter_simple-btn .pro_list_filter-order-item-check input:checked+.showprooff{
  color:;
}
.filter_simple-btn .pro_list_filter-order-item-check input:checked+.showprooff +.showproon{
  display:inline-block;
  left:121%;
}

.filter_simple-pagination {
  float: right;
  margin: 0 0 0 30px;
  display:none;
}
.filter_simple-pagination-btn {
  display: inline-block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: 2px;
  text-align: center;
}
.filter_simple-pagination-next {
  margin: 0 0 0 2px;
}
.filter_simple-total {
  float: right;
  padding-right: 20%;
}

.mod {
  padding: 0;
}

.proList-img {
  width: 321px;
  height: 217px;
  border: none;
  margin: 0 auto;
}

.proList-ul li {
  width: 376px;
  height: 487px;
  text-align: center;
  position: relative;
}

.proList-ul li::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1;
  content: "";
  border: #ededed 1px solid;
}

.prolist-spfilter-pagenation {
  text-align: center;
  font-family: themify;
  padding-bottom: 50px;
}

.post-wrapper .post {
  padding: 100px;
  position:relative;
  z-index:13;
}

.post-wrapper .post .post-title, .post-wrapper .post-info {
  text-align: center;
}

@media screen and (max-width:414px) {
  .filter_simple-btn {
    float: left;
    padding-left: 5%;
  }

  .filter_simple-total {
    margin-top: -25px !important;
  }
}

@media screen and (max-width: 768px) {
  .filter_simple-total {
    top:23px !important;
  }
  #topImg .bg001.mobi {
    background: url(//asset.ibanquan.com/s/58413/740/1_mobi?design_theme_id=0&v=1567165127_1653168296) center center no-repeat;
  }
  #topImg .bg002.mobi {
    background: url(//asset.ibanquan.com/s/58413/740/2_mobi?design_theme_id=0&v=1567165127_1653168296) center center no-repeat;
  }
  #topImg .bg003.mobi {
    background: url(//asset.ibanquan.com/s/58413/740/3_mobi?design_theme_id=0&v=1567165127_1653168296) center center no-repeat;
  }
  #topImg .bg004.mobi {
    background: url(//asset.ibanquan.com/s/58413/740/4_mobi?design_theme_id=0&v=1567165127_1653168296) center center no-repeat;
  }
  #topImg .bg005.mobi {
    background: url(//asset.ibanquan.com/s/58413/740/5_mobi?design_theme_id=0&v=1567165127_1653168296) center center no-repeat;
  }
  #topImg .bg006.mobi {
    background: url(//asset.ibanquan.com/s/58413/740/6_mobi?design_theme_id=0&v=1567165127_1653168296) center center no-repeat;
  }
  .pro_detail-addBtn-addSucc{
    bottom:-8%;
    left:50%;
  }

}

@media screen and (max-width: 1366px) {
  .pro_detail--info-wrap{
   
  }

  .pro_detail--info {
   
  }

  .pro_desc {
   
  }

  .owl-carousel {
    height: auto !important;
  }
}

@media screen and (max-width: 1024px) {
  .pro_detail--info {
    
  }

  .pro_desc {
    
  }
}

.owl-carousel {
  height: auto;
}

.owl-nav {
  font-size: 80px;
  color: lightgrey;
  line-height: 40px;
  display: block !important;
}

.owl-prev{
  width: 30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.owl-next{
  width: 30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

.pro_wrap {
  padding-top: 125px;
  width: 80%;
  position: relative;
  margin: 0 auto;
}

.pro_cont {
  position: relative;
  padding: 100px 0px;
  text-align:center;
}

.pro_mod {
  min-height: 800px;
}

.pro_desc {
  width: 600px;
  position: relative;
  display: inline-block;
    vertical-align: top;
  
}

.pro_desc:before {
  content: "";
  position: absolute;
  top: 15px;
  bottom: 0;
  left: 80px;
  right: 0;
  border-top: 1px #ddd solid;
}

.pro_detail--info {
  display: inline-block;
  text-align: left;
 
  width:400px;
  margin-left:80px;
}
.pro_desc.settings-contBg_background.settings-contBg_border{
  text-align:left;
}
.pro_detail--info div{
  
}

.pro-detail-sub-each h3 {
  font-size: 14px;
}

.pro_detail--info-wrap {
  padding: 50px;
  position: relative;
  border: 1px #ddd solid;
  margin-top: 50px;
  /*background-color: #ffffff;*/
}

.pro_detail-title {
  font-size: 20px;
}

.pro-detail-short_desc {
  font-size: 14px;
  color: grey
}

.pro_detail-price {
  color:#f6bac3;
}

.pro_detail-quantity {
  font-size: 10px;
}

.pro_desc li{
  list-style: none;
}

.pro_desc-cont {
  padding-top: 20px;
}

.pro_detail-quantity-btn-input {
  border: 1px solid;
  background-color: #f9f9f9;
  padding: 5px;
  width: 40px;
  text-align: center;
}

.pro_detail-addBtn-addSucc {
  display: none;
  position: absolute;
  font-size: 14px;
  border-width: 2px;
  border-style: solid;
  border-radius: 2px;
  border-color: #dddddd;
  width: 240px;
  height: 60px;
  line-height: 32px;
  text-indent: 22px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  padding: 12px 0;
  background: #fff;
}

.pro_detail-addBtn-addSucc-text {
  padding-right: 10px;
  font-weight: bold;
  margin-left: -35px;
}

.pro_detail-addBtn-addSucc-goCart {
  background-color: #555555;
  border-radius: 4px;
  color: #fff;
  padding: 10px;
}

.pro_detail-addBtn-addSucc-close {
  font-size: 30px;
  font-weight: 300;
  margin-left: 10px;
  margin-right: -15px;
}

.pro-detail-sub-each a {
  border: 1px solid;
  padding: 5px 10px;
  margin: 0 5px;
  font-size: 12px;
}

.list-cont-right .btn{
  line-height: 40px;
  height: 40px;
  width: 100px;
}

.pro_discount_each .pro_discount_content {
  max-width: 80%;
}

.pro_discount_content {
  font-size: 14px;
}

@media screen and (max-width: 414px) {
  .pro_wrap {
   
  }

  .pro_desc {
    
  }

  .pro_detail--info {
  
  }

  .owl-carousel {
    height: auto;
  }
}

@media screen and (max-width: 768px) {
  .pro_detail-addBtn .pro_detail-addBtn-addSucc{
    left:50%;
    bottom:-8%;
  }

}
.footer .footer-nav a{
  color:#000000;
}
.proList-img{
  overflow:hidden;
}
.proList-img img{
  height:auto;
  vertical-align: top;
  max-height:none;
}
.proList-ul li{
  padding-top:25px;
}

@media screen and (min-width: 768px) {
  #topImg {
    min-height:0 ;
    height: 0;
    padding-bottom: calc(44% + 125px);
  }
  #topImg .slick-dots{
    top: calc(50% + 120px);
    -webkit-transform: translate(0,calc(-50% - 50px));
    -ms-transform: translate(0,calc(-50% - 50px));
    transform: translate(0,calc(-50% - 50px));
  }
}
@media screen and (max-width: 768px) {
  .pro_detail-addBtn .pro_detail-addBtn-addSucc{
    left:50%;
    bottom:-8%;
  }
  .headline{
    height:auto;
  }

}
.footer .footer-nav a{
  color:#000000;
}
.proList-img{
  overflow:hidden;
}
.proList-img img{
  height:auto;
  vertical-align: top;
  max-height:none;
}
.proList-ul li{
  padding-top:25px;
}

.linkArea0{color: #ffffff;background: #000000; border-color: #000000;}
.linkArea0:hover{color: #ffffff;background: #f6bac3; border-color: #f6bac3;}
.linkAreaHead1{color: #ffffff;background: #000000; border-color: #000000;}
.linkAreaHead1:hover{color: #ffffff;background: #f6bac3; border-color: #f6bac3;}
.linkAreaHead2{color: #ffffff;background: #000000; border-color: #000000;}
.linkAreaHead2:hover{color: #ffffff;background: #f6bac3; border-color: #f6bac3;}
.linkAreaHead3{color: #ffffff;background: #000000; border-color: #000000;}
.linkAreaHead3:hover{color: #ffffff;background: #f6bac3; border-color: #f6bac3;}
.linkArea4{color: #ffffff;background: #000000; border-color: #000000;}
.linkArea4:hover{color: #ffffff;background: #f6bac3; border-color: #f6bac3;}
a:not(#none).linkArea5 {color: #000000;background: #fff; border-color: #000000;}
a:not(#none).linkArea5:hover{color: #f6bac3;background: #fff; border-color: #f6bac3;}
.linkArea6{color: #ffffff;background: #000000; border-color: #000000;}
.linkArea6:hover{color: #ffffff;background: #f6bac3; border-color: #f6bac3;}
a:not(#none).linkArea7{color: #ffffff; text-decoration: none; background: #000000; border-color: #000000;}
a:not(#none).linkArea7:hover{color: #ffffff;background: #7eccd6; border-color: #7eccd6;}

.linkArea9{color: #000000;background: #fff; border-color: #000000;}
.linkArea9:hover{color: #000000;background: #fff; border-color: #000000;}
.linkArea10{color: #000000; background: #fff; border: 1px solid #000000;}
.linkArea10:hover{color: #ff878d; background: #fff1f1; border-color: transparent;}
#footer .sitemapBox dd a.settings-footer_text_color:hover{color:#ff878d;}
#footer .sitemapBox dd a:before{background-color:#ff878d;}
#footer .sitemapBox dd a:hover:after{background:#fff1f1;}

.pro_list_wrap{
  max-width:1220px;
  margin:0 auto 60px;
}
.filter_simple-btn{
  padding-left:0px;
}
.filter_simple-total{
  padding-right:0px;
}
.proList-ul>li{
  margin-right:45px;
}
.proList-ul>li:nth-of-type(3n){
  margin-right:0
}
@media screen and (max-width: 1250px){

  .pro_list_wrap{
    max-width:1005px;
    width:100%;
    margin:0 auto;
  }

  .proList-ul>li{
    margin-right:45px;
  }
  .proList-ul>li:nth-of-type(3n){
    margin-right:45px;
  }
  .proList-ul>li:nth-of-type(2n){
    margin-right:0;
  }
  .filter_simple-btn{
    margin-left:15px;
  }
  .filter_simple-total{
    margin-right:15px;
  }
}
@media screen and (max-width: 768px){
  .wrapper.wrapper-proList{
    padding-top:0;
  }
  .proList-ul>li{
    margin-right:0;
  }
  .proList-ul>li:nth-of-type(3n){
    margin-right:0;
  }
  .proList-ul>li:nth-of-type(2n){
    margin-right:0;
  }
  .proList-ul {
    padding-left:15px;
    padding-right:15px;
  }
  .proList-img{
    width:100%;
    height:auto;
    border-radius:0;
    padding:0 26px;
    box-sizing: border-box;
  }
  .proList-ul li{
    width:100%;
    height:auto;
  }
  .proList-ul .proList-img>img{
    width:100%;
    height:auto;
  }
  .pro_list_wrap .pro_list_filter-order-item-check{
    display:none;
  }
  .pro_list_wrap .filter_simple-total{
    padding-top:40px;
  }
  .wrapper-proList{
    margin-top:10px;
  }
  .input-group-submint{
    text-align:center;
  }
}
.select-group .drop-name{
  top:-16px;
}


/* Base Pages */

.yhsd-base {
  min-height: 600px;
}
.yhsd-base .wrapper {
  height: auto;
}

@media screen and (min-width: 769px){
  body > :not(.yhsd-base):not(.yhsd-popup-wrapper):not(.has-rich_text) .subNav{
    width:100%;
  }
  body > :not(.yhsd-base):not(.yhsd-popup-wrapper):not(.has-rich_text) .prolist-filter-table{
    width:100%;
  }
  body > :not(.yhsd-base):not(.yhsd-popup-wrapper):not(.has-rich_text) .prolist-filter .prolist-filter-itemname{
    width:90px;
  }
  body > :not(.yhsd-base):not(.yhsd-popup-wrapper):not(.has-rich_text) .proList-ul li{
    width:376px;
  }
  body > :not(.yhsd-base):not(.yhsd-popup-wrapper):not(.has-rich_text) .prolist-filter .prolist-filter-clear{
    vertical-align: middle;
  }
}
/* End Base Pages */
/* 收藏功能 */
.pro-detail-gallery-other {
  margin-top: 10px;
  
  text-align: right;
}
.pro-detail-gallery-other .sharewrap {
  display: inline-block;
  vertical-align: middle;
}

.post-bottom .x-favorite {
  position: absolute;
  top: -1px;
  right: 0;
}
.post-bottom .sharewrap{
  position: absolute;
  top: -5px;
  right: 50px;
  width: 120px;
}
@media screen and (max-width: 768px){
  .pro-detail-gallery-other {
    margin-top: 15px;
    width: auto;
  }
  .post-bottom .x-favorite {
    position: static;
    margin: 1px 0 0 0;
  }
  .post-bottom .sharewrap{
    position:static;
    vertical-align: middle;
    display: inline-block;
  }
}
/* End 收藏功能 */
.post-bottom.settings-main_border{
  position:relative;
}
.theme-base.x-component{
  padding-top:20px;
}

.pro_desc-cont img{
  width:100%;
}
.theme-navigation{
  z-index:123 !important
}
#yhsd_topCart_list{
 padding: 0 10px; 
}
.prolist-filter .prolist-filter-item a{
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#order-pay-go{
  line-height:46px;
}
#order-pay-go:after{
  line-height:46px;
}
.sk-product-info-pintuan-join{
  text-align:left;
}
#yhsd-popup-wrapper{
  padding-top:0;
  z-index:1001;
}
.mm-page .wrapper.i-base{
  z-index:2;
}
@media screen and (max-width: 768px) {
  .theme-base.x-component{
    padding-top:20px;
  }
  .post-list-each-pic-inner img{
    width:100%;
    padding: 20px;
    box-sizing: border-box;
  }
  .post-list-each .post-inner{
    padding-top:20px;
  }
  .post-wrapper{
    width:100%;
  }
  .post-wrapper .post{
    padding:10px;
  }
  .post-list-each{
    height:auto;
  }
  .post-list-each-pic-inner{
    width:100%;
    float:none
  }
  .post-list-each-content{
    width:100%;
    padding-left:0;
    padding-right:0;
    position:static;
    top:inherit;
    transform:inherit;
  }
  .post-content img{
    width:100%;
  }
  .post-list-each-content.post-inner{
    padding:20px;
  }
  .mod.prolist-filter{
    padding: 0 10px;
    box-sizing:border-box;
    overflow: hidden;
  }
}