@charset "utf-8"; @charset "utf-8"; @charset "utf-8"; @charset "utf-8"; @charset "utf-8"; @charset "utf-8"; @charset "utf-8"; @charset "utf-8"; @charset "utf-8"; @charset "utf-8"; @charset "utf-8"; .wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; word-wrap: normal !important; } .wpcf7 .hidden-fields-container { display: none; } .wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2; } .wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output { display: none; } .wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border-color: #dc3232; } .wpcf7 form.spam .wpcf7-response-output { border-color: #f56e28; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ffb900; } .wpcf7-form-control-wrap { position: relative; } .wpcf7-not-valid-tip { color: #dc3232; font-size: 1em; font-weight: normal; display: block; } .use-floating-validation-tip .wpcf7-not-valid-tip { position: relative; top: -2ex; left: 1em; z-index: 100; border: 1px solid #dc3232; background: #fff; padding: .2em .8em; width: 24em; } .wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } .wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: " "; } .wpcf7-spinner { visibility: hidden; display: inline-block; background-color: #23282d; opacity: 0.75; width: 24px; height: 24px; border: none; border-radius: 100%; padding: 0; margin: 0 24px; position: relative; } form.submitting .wpcf7-spinner { visibility: visible; } .wpcf7-spinner::before { content: ''; position: absolute; background-color: #fbfbfc; top: 4px; left: 4px; width: 6px; height: 6px; border: none; border-radius: 100%; transform-origin: 8px 8px; animation-name: spin; animation-duration: 1000ms; animation-timing-function: linear; animation-iteration-count: infinite; } @media (prefers-reduced-motion: reduce) { .wpcf7-spinner::before { animation-name: blink; animation-duration: 2000ms; } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes blink { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } .wpcf7 [inert] { opacity: 0.5; } .wpcf7 input[type="file"] { cursor: pointer; } .wpcf7 input[type="file"]:disabled { cursor: default; } .wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction: ltr; } .wpcf7-reflection > output { display: list-item; list-style: none; } .wpcf7-reflection > output[hidden] { display: none; }.wp-pagenavi { clear: both; } .wp-pagenavi a, .wp-pagenavi span { text-decoration: none; border: 1px solid #BFBFBF; padding: 3px 5px; margin: 2px; } .wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: #000; } .wp-pagenavi span.current { font-weight: bold; } @font-face{font-family:'FontAwesome';src:url(//hbi-salon.com/wordpress/wp-content/themes/cyber/font/font-awesome-4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0);src:url(//hbi-salon.com/wordpress/wp-content/themes/cyber/font/font-awesome-4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0) format('embedded-opentype'),url(//hbi-salon.com/wordpress/wp-content/themes/cyber/font/font-awesome-4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0) format('woff2'),url(//hbi-salon.com/wordpress/wp-content/themes/cyber/font/font-awesome-4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0) format('woff'),url(//hbi-salon.com/wordpress/wp-content/themes/cyber/font/font-awesome-4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0) format('truetype'),url(//hbi-salon.com/wordpress/wp-content/themes/cyber/font/font-awesome-4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-genderless:before,.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"} @import url("https://fonts.googleapis.com/css?family=Roboto:400"); @import url("https://fonts.googleapis.com/css?family=Lora"); @media screen and (max-width: 640px) { body{ text-size-adjust: 100%; -webkit-text-size-adjust: 100%; word-wrap: break-word } } body{ margin:0; font-size: 62.5%; font-family:sans-serif; } h1,h2,h3,h4,h5,h6{ font-size: 100%; font-weight:normal; margin:0; } th{ font-weight:normal; } ul,ol { list-style-type: none; padding-left: 0; margin: 0; } ol li:before{ font-family: sans-serif; } dl, dd { margin: 0; } p, blockquote {margin: 0;} table { border-collapse: collapse; } img{ max-width:100%; vertical-align: bottom; } a img{border:none;} label{cursor: pointer;} textarea, input, select,button { max-width: 100%; } select { margin: 2px; } input[type="submit"], input[type="button"], button { -webkit-appearance: none; cursor: pointer; border: none; display:inline-block; } body,input, textarea, keygen, select, button{ font-size:13px; line-height:1.4; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Osaka", "MS Pゴシック", "MSゴシック", Helvetica, verdana, arial; } table { width: 100%; } a{ text-decoration:none; } a:hover{ text-decoration:underline; } ol{ counter-reset: ol_cnt; } ol ol{ counter-reset: ol_cnt2; } ol ol ol{ counter-reset: ol_cnt3; } ol > li{ counter-increment: ol_cnt; } ol ol > li{ counter-increment: ol_cnt2; } ol ol ol > li{ counter-increment: ol_cnt3; } *{ -webkit-transition: background-image 0.3s linear,background-color 0.3s linear,color 0.3s linear; -ms-transition: background-image 0.3s linear,background-color 0.3s linear,color 0.3s linear; -moz-transition: background-image 0.3s linear,background-color 0.3s linear,color 0.3s linear; transition: background-image 0.3s linear,background-color 0.3s linear,color 0.3s linear; } ::selection { background: rgba(30, 140, 190, 0.5); color: #FFF; } .cf:before, .cf:after { content:""; display:table; } .cf:after {clear:both;} .cf {zoom:1;} .fontM{ font-size: 16px; } .large > li{ font-size:30px; } .fontM p{ line-height:1.8; } p.wp-caption-text, [style *= "font-size"] { line-height: 1.2; } .editorArea a{ color:#06f; text-decoration:underline; } .editorArea a:hover{ text-decoration:none; } .aligncenter, dl.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; padding: 0 10px 10px 0; } .alignright { float: right; margin: 0 0 10px 10px; } .wp-caption {max-width: 100%;} .wp-caption-text {padding-top: 0.5em;} .editorArea img{height:auto;} img.mce-object.mce-object-iframe {max-height: 300px;} .editorArea:after{ content:''; display:block; clear:both; } iframe[src*="maps"], iframe[src*="youtube"] { max-width: 100%; border:0; } dl.faq :before{ height: 46px; width: 46px; line-height: 46px; box-sizing: border-box; text-align: center; display: inline-block; border-radius: 50%; color: #fff; margin-right:5px; font-size: 22px; position: absolute; left: 10px; top: 10px; } dl.faq > dt, dl.faq > dd{ position: relative; } dl.faq > dd{ position: relative; padding: 20px 0px 20px 65px; } dl.faq > dt:before{ content: 'Q'; background: #8b8b8b; } dl.faq > dd:before{ content: 'A'; background: #e9518e; font-weight:normal; } dl.faq > dt > h4{ font-size:18px; background: #e8e8e8; padding: 20px 15px 20px 65px; } dl.faq > dd > h5{ color: #E9518E; font-size:18px; line-height: 1.4; font-weight: bold; } .editorArea h2, h2.basic { font-size: 30px; padding: 12px 15px 7px; margin-bottom: 10px; background: #ddd; clear: both; } body .yarpp-related h3, .editorArea h3, h3.basic { font-size: 20px; padding: 8px 15px 4px; margin: 0 0 10px; background: #EEE; clear: both; font-weight: inherit; } hr.hr01 {border: 1px dashed #777;} .thLock01 th {width:200px;} .table01{ background:#fff; } .table01 th, .table01 td{ border: 1px solid #cccccc; padding: 15px; } .table01 th { text-align: center; background-color: #f0f0f0; } .editorArea blockquote { position: relative; border: 1px solid #C0C0C0; margin: 1em 0; padding: 30px; border-radius: 5px; color: #000; background: #FAFAFA; } .editorArea blockquote:before, .editorArea blockquote:after{ position: absolute; font-family: Georgia; font-size: 60px; color: #C9C9C9; line-height: 1; } .editorArea blockquote:before{ content:"“"; top: 5px; left: 10px; } .editorArea blockquote:after{ content:"”"; bottom: -30px; right:10px; } .list04 li { background: no-repeat 0px 0px; background-size: 1.2em; padding-left: 50px; font-size: 2em; margin-bottom: 10px; } ul.check01 li {background-image: url(https://cyber-intelligence.jp/parts/images/li/check01.png);} ul.check02 li {background-image: url(https://cyber-intelligence.jp/parts/images/li/check02.png);} ul.attention01 li {background-image: url(https://cyber-intelligence.jp/parts/images/li/attention01.png);} ul.cup01 li {background-image: url(https://cyber-intelligence.jp/parts/images/li/cup01.png);} ul.finger01 li {background-image: url(https://cyber-intelligence.jp/parts/images/li/finger01.png);} ul.key01 li {background-image: url(https://cyber-intelligence.jp/parts/images/li/key01.png);} ul.wakaba01 li {background-image: url(https://cyber-intelligence.jp/parts/images/li/wakaba01.png);} ol.numtype01 > li:before{content:''!important;} ol.numtype01 li {background-size: 1.2em auto;} ol.numtype01 li:nth-child(1) {background-image: url(https://cyber-intelligence.jp/parts/images/li/count/01_1.png);} ol.numtype01 li:nth-child(2) {background-image: url(https://cyber-intelligence.jp/parts/images/li/count/01_2.png);} ol.numtype01 li:nth-child(3) {background-image: url(https://cyber-intelligence.jp/parts/images/li/count/01_3.png);} ol.numtype01 li:nth-child(4) {background-image: url(https://cyber-intelligence.jp/parts/images/li/count/01_4.png);} ol.numtype01 li:nth-child(5) {background-image: url(https://cyber-intelligence.jp/parts/images/li/count/01_5.png);} ol.numtype01 li:nth-child(6) {background-image: url(https://cyber-intelligence.jp/parts/images/li/count/01_6.png);} ol.numtype01 li:nth-child(7) {background-image: url(https://cyber-intelligence.jp/parts/images/li/count/01_7.png);} ol.numtype01 li:nth-child(8) {background-image: url(https://cyber-intelligence.jp/parts/images/li/count/01_8.png);} ol.numtype01 li:nth-child(9) {background-image: url(https://cyber-intelligence.jp/parts/images/li/count/01_9.png);} ul.bgType01 { background: url(https://cyber-intelligence.jp/parts/images/bg01_btm.png) no-repeat 50% 100%, url(https://cyber-intelligence.jp/parts/images/bg01_top.png) no-repeat 50% 0%, url(https://cyber-intelligence.jp/parts/images/bg01_mid.png) repeat-y 50% 0%; background-size:contain; padding: 85px 5% 30px!important; position: relative; margin: 0 auto; } ol[class*="list"] > li:before{ content: counters(ol_cnt, "")"."; } ol[class*="list"] ol > li:before{ content: counters(ol_cnt2, "")"."; } ol[class*="list"] ol ol > li:before{ content: counters(ol_cnt3, "")"."; } ol.list02 > li:before{ content: counters(ol_cnt, ""); } .list01 > li{ padding: 5px 0; position: relative; } .list01 > li .list01 > li{ border-bottom: 0; border-top:1px dotted #ccc; } .list01 li:before{ font-size: 1.6em; line-height:1; color:#555; margin-right: 5px; position: absolute; left: 0; top: 0; } ul.list01 > li{ padding-left: 1em; } ul.listType02 > li{ padding-left: 2em; } ul.list01 > li:before{ font-family:FontAwesome; content:'\f0da'; vertical-align: bottom; } ul.listType02 > li:before{ content:'\f046'; color:#f00; } ol.list01 > li{ padding-left: 1.5em; } .list01 ul > li:first-child{ margin-top: 5px; } .list01 ul > li:before{ content: '┗'; margin-left: 0; } .list02 > li{ padding: 1em; position: relative; border:2px solid #000; background:#fff; min-height: 2em; margin-top: 1em; border-radius: 5px; border: 2px solid #ccc; } .list02 > li:first-child{ margin-top: 0; } ol.list02 > li{ padding-left: 2em; margin-left: 2em; } ol.list02 > li:after{ position:absolute; line-height:1; content:'▼'; left:50%; top: -.7em; font-size:3em; margin-left:-.5em; } ol.list02 > li:first-child:after{ content:''; } ol.list02 > li:before{ position:absolute; top: 0; left: 0; border-width:2px; border-style:solid; color:#fff; background:#000; background:rgba(0,0,0,.7); margin:2px; width:46px; line-height:46px; text-align:center; border-radius: 50%; font-size: 2em; margin-left: -1em; } .list02 *.container00 { position:relative; } .list02 *.container00 > * { background:#eee; } .list02 *.container00 >*:first-child:before { font-family:'FontAwesome'; content:'\f061'; position:absolute; top:50%; left:50%; margin-left: -.5em; margin-top:-.5em; line-height: 1em; font-size: 2em; } body.editorOnly *.guide01:before { display:block; background:pink; padding:2px; font-size:14px; text-align:center; } body.editorOnly *.guide01 { border: 1px dotted red; } body.editorOnly *.container00:before { content:'2列エリア'; } body.editorOnly *.container00 > * { background: #eee; } *.container00 { } *.container00 > * { float: left; width:48%; margin-left: 4%; } *.container00 > *:first-child { margin-left: 0; } *.col_37 > * { width: 30%; margin-left: 4%; } *.col_37 > *:first-child { width: 66%; } *.col_73 > * { width: 66%; margin-left: 4%; } *.col_73 > *:first-child { width: 30%; } body.editorOnly *.container01:before { content:'3列エリア'; } body.editorOnly *.container01 > * { background: #eee; } *.container01 { } *.container01 > * { float: left; width:32%; margin-left: 2%; } *.container01 > *:first-child { margin-left: 0; } body.editorOnly *.container02:before { content:'4列エリア'; } body.editorOnly *.container02 > * > * { background: #eee; } *.container02 { } *.container02 > * { float: left; width:49%; margin-left: 2%; } *.container02 > *:first-child { margin-left: 0; } *.container02 > * > * { float: left; width:48%; margin-left: 4%; } *.container02 > * > *:first-child { margin-left: 0; } .box01{ background:#def0f1; padding:15px; } .box_bg01 { background: url(https://cyber-intelligence.jp/parts/images/frame/teita01_btm.png) no-repeat 50% 100%, url(https://cyber-intelligence.jp/parts/images/frame/teita01_top.png) no-repeat 50% 0%, url(https://cyber-intelligence.jp/parts/images/frame/teita01_mid.png) repeat-y 50% 0%; background-size:contain; padding: 85px 5% 30px!important; } .box_bg02 { background: url(https://cyber-intelligence.jp/parts/images/frame/fukidashi01.png) no-repeat 50% 50%; background-size: 100% 100%; padding: 10% 15%; } a.btn01{ position:relative; text-decoration: none; display: inline-block; line-height: 1.2; padding: 10px 40px; color: #FFF; background: #ccc; font-size: 18px; } a.btn01:hover{ } a.btn01:before { font-family: FontAwesome; content: '\f105'; font-size: 1.5em; position:absolute; top: 50%; margin-top: -.55em; line-height:1; right: 5px; } a[class*="btn01_"] { background-color:transparent!important; background-size: 100% 100%; font-size: inherit!important; } a[class*="btn01_"]:hover{ opacity:.9; } a.btn01_blue01 {background-image: url(https://cyber-intelligence.jp/parts/images/btn/blue01.png);} a.btn01_pink01 {background-image: url(https://cyber-intelligence.jp/parts/images/btn/pink01.png);} a.btn01_green01 {background-image: url(https://cyber-intelligence.jp/parts/images/btn/green01.png);} a.btn01_brown01 {background-image: url(https://cyber-intelligence.jp/parts/images/btn/brown01.png);} a.btn01_gold01 {background-image: url(https://cyber-intelligence.jp/parts/images/btn/gold01.png);} a.btn02{ position:relative; text-decoration: none; display: inline-block; line-height: 1.2; padding: 5px 0 5px 20px; color:#06f; } a.btn02:hover{ text-decoration:underline; } a.btn02:before { font-family: FontAwesome; content: '\f138'; font-size: 20px; position:absolute; top: 50%; left:0; margin-top: -12px; line-height:1; } a.btn03{ position:relative; text-decoration: none; display: inline-block; line-height: 1.2; padding: 10px 0 10px 1.3em; background: no-repeat 0 50%; background-size: 1.2em; color: #333; } a.btn03_tel01 {background-image: url(https://cyber-intelligence.jp/parts/images/icon/tel01.png);} a.btn03_tel02 {background-image: url(https://cyber-intelligence.jp/parts/images/icon/tel02.png);}.bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 5px solid #fff; left: -5px; background: #fff; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } .bx-wrapper .bx-loading { min-height: 50px; background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/common/js/jquery.bxslider/images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } .bx-wrapper .bx-prev { left: 10px; background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/common/js/jquery.bxslider/images/controls.png) no-repeat 0 -32px; } .bx-wrapper .bx-next { right: 10px; background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/common/js/jquery.bxslider/images/controls.png) no-repeat -43px -32px; } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/common/js/jquery.bxslider/images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/common/js/jquery.bxslider/images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .slow{ -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .slower{ -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .slowest{ -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .delay-250 { -webkit-animation-delay:0.25s; -moz-animation-delay:0.25s; -o-animation-delay:0.25s; animation-delay:0.25s; } .delay-500 { -webkit-animation-delay:0.5s; -moz-animation-delay:0.5s; -o-animation-delay:0.5s; animation-delay:0.5s; } .delay-750 { -webkit-animation-delay:0.75s; -moz-animation-delay:0.75s; -o-animation-delay:0.75s; animation-delay:0.75s; } .delay-1000 { -webkit-animation-delay:1.0s; -moz-animation-delay:1.0s; -o-animation-delay:1.0s; animation-delay:1.0s; } .delay-1250 { -webkit-animation-delay:1.25s; -moz-animation-delay:1.25s; -o-animation-delay:1.25s; animation-delay:1.25s; } .delay-1500 { -webkit-animation-delay:1.5s; -moz-animation-delay:1.5s; -o-animation-delay:1.5s; animation-delay:1.5s; } .delay-1750 { -webkit-animation-delay:1.75s; -moz-animation-delay:1.75s; -o-animation-delay:1.75s; animation-delay:1.75s; } .delay-2000 { -webkit-animation-delay:2.0s; -moz-animation-delay:2.0s; -o-animation-delay:2.0s; animation-delay:2.0s; } .delay-2500 { -webkit-animation-delay:2.5s; -moz-animation-delay:2.5s; -o-animation-delay:2.5s; animation-delay:2.5s; } .delay-2000 { -webkit-animation-delay:2.0s; -moz-animation-delay:2.0s; -o-animation-delay:2.0s; animation-delay:2.0s; } .delay-2500 { -webkit-animation-delay:2.5s; -moz-animation-delay:2.5s; -o-animation-delay:2.5s; animation-delay:2.5s; } .delay-3000 { -webkit-animation-delay:3.0s; -moz-animation-delay:3.0s; -o-animation-delay:3.0s; animation-delay:3.0s; } .delay-3500 { -webkit-animation-delay:3.5s; -moz-animation-delay:3.5s; -o-animation-delay:3.5s; animation-delay:3.5s; } .bounceInRight, .bounceInLeft, .bounceInUp, .bounceInDown{ opacity:0; -webkit-transform: translateX(400px); transform: translateX(400px); } .fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown{ opacity:0; -webkit-transform: translateX(400px); transform: translateX(400px); } .flipInX, .flipInY, .rotateIn, .rotateInUpLeft, .rotateInUpRight, .rotateInDownLeft, .rotateDownUpRight, .rollIn{ opacity:0; } .lightSpeedInRight, .lightSpeedInLeft{ opacity:0; -webkit-transform: translateX(400px); transform: translateX(400px); } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } .bounceIn.go { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(400px); } 60% { -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(400px); } 60% { transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { opacity: 1; transform: translateX(0); } } .bounceInRight.go { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-400px); } 60% { -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-400px); } 60% { transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { opacity: 1; transform: translateX(0); } } .bounceInLeft.go { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(400px); } 60% { -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(400px); } 60% { transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } } .bounceInUp.go { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-400px); } 60% { -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-400px); } 60% { transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { opacity: 1; transform: translateY(0); } } .bounceInDown.go { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1; display:block;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1; display:block;} } .fadeIn{ opacity:0; } .fadeIn.go { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes growIn { 0% { -webkit-transform: scale(0.2); opacity:0; } 50% { -webkit-transform: scale(1.2); } 100% { -webkit-transform: scale(1); opacity:1; } } @keyframes growIn { 0% { transform: scale(0.2); opacity:0; } 50% { transform: scale(1.2); } 100% { transform: scale(1); opacity:1; } } .growIn { -webkit-transform: scale(0.2); transform: scale(0.2); opacity:0; } .growIn.go{ -webkit-animation-name: growIn; animation-name: growIn; } @-webkit-keyframes shake { 0%, 100% {-webkit-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} } @keyframes shake { 0%, 100% {transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 20%, 40%, 60%, 80% {transform: translateX(10px);} } .shake.go { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes shakeUp { 0%, 100% {-webkit-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateY(-10px);} 20%, 40%, 60%, 80% {-webkit-transform: translateY(10px);} } @keyframes shakeUp { 0%, 100% {transform: translateY(0);} 10%, 30%, 50%, 70%, 90% {transform: translateY(-10px);} 20%, 40%, 60%, 80% {transform: translateY(10px);} } .shakeUp.go { -webkit-animation-name: shakeUp; animation-name: shakeUp; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-400px); } 50%{ opacity: 0.3; } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-400px); } 50%{ opacity: 0.3; } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft{ opacity: 0; -webkit-transform: translateX(-400px); transform: translateX(-400px); } .fadeInLeft.go { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(400px); } 50%{ opacity: 0.3; } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(400px); } 50%{ opacity: 0.3; } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight{ opacity: 0; -webkit-transform: translateX(400px); transform: translateX(400px); } .fadeInRight.go { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(400px); } 50%{ opacity: 0.3; } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(400px); } 50%{ opacity: 0.3; } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp{ opacity: 0; -webkit-transform: translateY(400px); transform: translateY(400px); } .fadeInUp.go { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-400px); } 50%{ opacity: 0.3; } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-400px); } 50%{ opacity: 0.3; } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown{ opacity: 0; -webkit-transform: translateY(-400px); transform: translateY(-400px); } .fadeInDown.go { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn.go { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft.go { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft.go { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight.go { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight.go { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .rollIn.go { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); } } @keyframes wiggle { 0% { transform: skewX(9deg); } 10% { transform: skewX(-8deg); } 20% { transform: skewX(7deg); } 30% { transform: skewX(-6deg); } 40% { transform: skewX(5deg); } 50% { transform: skewX(-4deg); } 60% { transform: skewX(3deg); } 70% { transform: skewX(-2deg); } 80% { transform: skewX(1deg); } 90% { transform: skewX(0deg); } 100% { transform: skewX(0deg); } } .wiggle.go { -webkit-animation-name: wiggle; animation-name: wiggle; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .swing.go { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% {-webkit-transform: scale(1);} 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 100% {-webkit-transform: scale(1) rotate(0);} } @keyframes tada { 0% {transform: scale(1);} 10%, 20% {transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 100% {transform: scale(1) rotate(0);} } .tada.go { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .wobble.go { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse.go { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes lightSpeedInRight { 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedInRight { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedInRight.go { -webkit-animation-name: lightSpeedInRight; animation-name: lightSpeedInRight; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedInLeft { 0% { -webkit-transform: translateX(-100%) skewX(30deg); opacity: 0; } 60% { -webkit-transform: translateX(20%) skewX(-30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedInLeft { 0% { transform: translateX(-100%) skewX(30deg); opacity: 0; } 60% { transform: translateX(20%) skewX(-30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedInLeft.go { -webkit-animation-name: lightSpeedInLeft; animation-name: lightSpeedInLeft; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) rotateY(0); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) rotateY(360deg) scale(.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) scale(1); animation-timing-function: ease-in; } } .flip.go { -webkit-backface-visibility: visible !important; -webkit-animation-name: flip; backface-visibility: visible !important; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX.go { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY.go { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; backface-visibility: visible !important; animation-name: flipInY; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); } } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(.3); } } .bounceOut.goAway { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } .bounceOutUp.goAway { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } .bounceOutDown.goAway { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .bounceOutLeft.goAway { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .bounceOutRight.goAway { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } .fadeOut.goAway { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .fadeOutUp.goAway { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .fadeOutDown.goAway { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .fadeOutLeft.goAway { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .fadeOutRight.goAway { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX.goAway { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipOutY; backface-visibility: visible !important; animation-name: flipOutY; } @-webkit-keyframes lightSpeedOutRight { 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOutRight { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOutRight.goAway { -webkit-animation-name: lightSpeedOutRight; animation-name: lightSpeedOutRight; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes lightSpeedOutLeft { 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(-100%) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOutLeft { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(-100%) skewX(30deg); opacity: 0; } } .lightSpeedOutLeft.goAway { -webkit-animation-name: lightSpeedOutLeft; animation-name: lightSpeedOutLeft; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } .rotateOut.goAway { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { -transform-origin: left bottom; -transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft.goAway { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft.goAway { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight.goAway { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .rollOut.goAway { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes fadeInUpShort { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInUpShort { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpShort{ opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } .fadeInUpShort.go { -webkit-animation-name: fadeInUpShort; animation-name: fadeInUpShort; } @-webkit-keyframes fadeInDownShort { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInDownShort { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownShort{ opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } .fadeInDownShort.go { -webkit-animation-name: fadeInDownShort; animation-name: fadeInDownShort; } @-webkit-keyframes fadeInRightShort { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInRightShort { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightShort { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } .fadeInRightShort.go { -webkit-animation-name: fadeInRightShort; animation-name: fadeInRightShort; } @-webkit-keyframes fadeInLeftShort { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInLeftShort { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftShort { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } .fadeInLeftShort.go { -webkit-animation-name: fadeInLeftShort; animation-name: fadeInLeftShort; }.fit-sidebar-fixed{ margin-top:0!important; margin-bottom:0!important; position:fixed; } .fit-sidebar-blank{ z-index:0; background-color:transparent; visibility:hidden; } li.pickup a:after { font-size: 13px; line-height: 1; padding: 4px 5px; font-weight: bold; text-align:center; background: #FFD25B; color: #1F57FF; } li.pickup a:before { background: #FFD25B; } .m_btm10{margin-bottom:10px;} .m_btm15{margin-bottom:15px;} .simpleLink{ font-size:14px; color:#333; } .simpleLink, .simpleLink:hover{ text-decoration:none; } .simpleLink:before{ font-family:FontAwesome; content: '\f138'; margin-right: 5px; font-size: 18px; vertical-align:-1px; color:#f00; } .moreLink { text-align:right; margin-top: 5px; } .moreLink > a{ color:#000; } .moreLink > a:hover{ text-decoration:none; } .moreLink > a:after { font-family: FontAwesome; content: '\f138'; margin-left: 5px; font-size: 20px; vertical-align: middle; } *#subArea .iWrap{ position: relative; padding-bottom: 56.25%; padding-top: 30px; margin-bottom:10px; } *#subArea .iWrap>iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #sideInfo { border-width: 1px; border-style:solid; border-top-width:5px; border-bottom-width:5px; border-left-color: #ddd; border-right-color: #ddd; padding: 14px; background: #fff; } #sideInfo .logo, #sideInfo .mail{ text-align:center; } #sideInfo .logo{ margin-bottom:10px; } #sideInfo .map{ margin-top:10px; } #subArea .menuHeader{ font-size: 17px; padding: 10px; text-align: center; margin: -11px -11px 10px; background: #242424; } #subArea .menuHeader, #subArea .menuHeader a { color:#fff; } #subArea .sideMenuCommon { margin-top: 15px; } #subArea .sideMenu { background-color:#fff; padding: 10px 10px 15px; border-radius: 8px 8px 0 0; } #subArea .widget_black_studio_tinymce{ border:0; padding:0; } #subArea .widget_black_studio_tinymce { background-color:transparent; border:0; } #subArea .widget_black_studio_tinymce a{ display:block; background-color:#fff; } #subArea .sideMenu > ul > li, #subArea .sideMenu > * > ul > li{ margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #dddddd; padding-left: 15px; text-indent: -10px; } #subArea .sideMenu > ul > li:last-child, #subArea .sideMenu > * > ul > li:last-child{ margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } #subArea .sideMenu > ul > li:before, #subArea .sideMenu > * > ul > li:before{ font-family:FontAwesome; content:'\f0da'; font-size: 1.2em; margin-right: 5px; } #subArea .sideMenu > * > ul > li > ul > li:before{ content: '┗ '; } #subArea .widget_categories ul ul li{ padding-left: 10px; } #subArea .widget_recent_entries2 > ul > li, #subArea .widget_recent_entries2 > * > ul > li, #subArea .popular-posts > ul > li, #subArea .popular-posts > * > ul > li{ padding-left: 0; text-indent: 0; } #subArea .popular-posts { counter-reset: wpp-ranking; } #subArea .popular-posts > ul > li, #subArea .popular-posts > div > ul > li{ position:relative; } #subArea .popular-posts ul li:before { content: counter(wpp-ranking, decimal); counter-increment: wpp-ranking; font-size: 20px; color: #fff; position: absolute; top: 0px; left: 0; background: #707070; padding: 3px; line-height: 1; font-family: sans-serif; margin: 0; width: 20px; text-align: center; height: 20px; font-weight: bold; } #subArea .popular-posts ul li:nth-child(1):before{ background:#debc32; } #subArea .popular-posts ul li:nth-child(2):before{ background:#97b0c0; } #subArea .popular-posts ul li:nth-child(3):before{ background:#b66c18; } #subArea .widget_recent_entries2 > ul > li{ overflow: hidden; } #subArea .widget_recent_entries2 > ul > li img{ width: 25%; height: auto; float: left; margin-right: .5em; border-radius: 2px; } #subArea .widget_recent_entries2 > ul > li span.post-date { display: block; } #subArea .widget_recent_entries2 > ul > li:before{ content:none; margin-right:0; line-height:normal; vertical-align:baseline; color: inherit; } #subArea .widget_recent_entries2 .cat ul { overflow:hidden; display: inline-block; } #subArea .widget_recent_entries2 .cat li { float:left; } #subArea .widget_recent_entries2 .cat a{ background: #333; color:#fff; padding: 1px 5px; margin-right: 5px; } #subArea .widget_recent_entries2 .cat a:hover{ text-decoration:none; background:#777; } .widget_calendar caption { font-weight:bold; margin-bottom:5px; } .widget_calendar table { } .widget_calendar table th, .widget_calendar table td{ border:1px solid #fff; padding: 3px 5px; } .widget_calendar table th{ background:#ccc; font-weight:bold; text-align: center; } .widget_calendar table td{ background:#eee; text-align: right; } .widget_calendar table td#today{ font-weight:bold; background:#ccc; } .widget_calendar a{ color:#f33; } #swich_to_pc{ padding:20px; text-align:center; background: #ccc; display:none; } #swich_to_sp{ font-size:50px; padding:40px; text-align:center; background: #ccc; display:none; } .block-type { margin: -1%; } .block-type > li { float: left; width: 46%; margin: 2%; } .block-type li .thumb { margin:-11px -11px 10px; } .liquid li { overflow: hidden; } .liquid li .thumbArea { overflow: hidden; float:left; background:#ddd; text-align: center; width:50px; height:50px; } .liquid li .thumbArea img{ height:auto; } .liquid li .txtArea { padding-left:60px; } .liq75 li .thumbArea { width:75px; height:75px; } .liq75 li .txtArea { padding-left:85px; } .liq100 li .thumbArea { width:100px; height:100px; } .liq100 li .txtArea { padding-left:110px; } .liq150 li .thumbArea { width:150px; height:150px; } .liq150 li .txtArea { padding-left:160px; } .thumbArea > .plainType { position: relative; height: 100%; } .thumbArea > .plainType > span { color: #888; position: absolute; top: 50%; left: 50%; line-height: 1; } .liq50 .thumbArea > .plainType > span { margin-left: -2.5em; margin-top: -1em; font-size: 11px; } .liq75 .thumbArea > .plainType > span { margin-left: -2.5em; margin-top: -1em; } .liq100 .thumbArea > .plainType > span { margin-left: -2.5em; margin-top: -.5em; } .liq150 .thumbArea > .plainType > span { margin-left: -2.5em; margin-top: -.5em; } .thumbArea > .dateType { color: #FFF; font-family: helvetica; } .thumbArea > .dateType > span { display:block; } .thumbArea .month { background: #8CA3AB; font-size: 12px; line-height: 20px; } .thumbArea .day { background: #C3C3C3; font-size: 20px; line-height: 30px; } .liq100 .thumbArea .month { font-size: 16px; line-height: 40px; } .liq100 .thumbArea .day { font-size: 30px; line-height: 60px; } .liq150 .thumbArea .month { font-size: 20px; line-height: 50px; } .liq150 .thumbArea .day { font-size: 40px; line-height: 100px; } .liStyle01 li { border-top: 1px dashed #ccc; padding: 10px; } .liStyle01 li:first-child { border-top: 0; } .liStyle02 li { border-top: 1px dashed #ccc; padding: 5px; } .liStyle02 li:first-child { border-top: 0; } .postList li { overflow: hidden; margin-bottom: 10px; } .fontM .postList p { line-height: 1.4; } .postList p{ margin-bottom: 10px; } .postList li .thumb{ text-align:center; } .postList .weak{ color:#999; font-size:.8em; } .postList li .title a{ text-decoration:none; color:#333; font-size:1.4em } .slide_carousel .postList li .title a{ font-size:1.2em; margin-top: 10px; display: inline-block; } .postList li p.meta { font-size: 12px; } .postList li p.meta span{ border-radius:3px; display:inline-block; background:#ccc; padding:2px 4px; margin:0 5px 5px 0; } #mainArea .snsBtns { margin:30px auto 0; } #mainArea .articleOuter { margin-top: 2em; } #mainArea > .articleOuter:first-child { margin-top: 0; } #mainArea .articleDetailArea { color:#aaa; margin-bottom: 30px; border-bottom: 1px solid #ddd; } #mainArea .articleDetailArea .right { } #mainArea .cats span:after{ content:":"; margin-right:5px; } #mainArea .articleTitle{ font-size: 26px; padding: 0 0 15px; } .page #mainArea .articleTitle{ } .home #mainArea .articleTitle { display:none; } .snsBtns {line-height: 1;} .snsBtns div {display: inline !important;line-height: 2;} .snsBtns>div>iframe, .snsBtns>div>a{padding:0 5px;} .snsBtns iframe{vertical-align: top;} .snsBtns img{vertical-align:baseline;} .button_type>div.gp{margin-right: -25px;} .button_type>div.fb iframe{width: 75px;height: 21px;} .box_type>div.fb iframe{width: 69px;height: 64px;} .snsShare { margin: 15px 0; overflow: hidden; } .snsShare a{ width:50%; color:#fff; text-align:center; background-color:#3b5998; display:block; text-decoration:none; float:left; } .snsShare a:hover{ text-decoration:none; } a.facebook-iine{ background-color: #3b5998; } a.facebook-iine:hover{ background-color: #4169BD; } a.twitter-tweet{ background-color: #00acee; } a.twitter-tweet:hover{ background-color: #13BEFF; } #wpcf_comp_msg { background: #ffc; padding: 15px; } .wpcf7-list-item { } .wpcf7-not-valid{ background:#f66; background: rgba(255, 102, 102, 0.5); } .wpcf7-checkbox{ display:block; } div#validates-info { position: fixed; top: 10px; right: 5px; background: #f00; padding: 10px; z-index: 1000; font-size: 1.5em; color:#fff; box-shadow: 0px 0px 10px 0px #fff; } div.validates-comp { background: #37C65C!important; } div#validates-info span{ font-size: 1.5em; margin: 0 5px; color:#fff; } .require { color: red; font-weight: bold; } input, textarea { border: 1px solid #ccc; padding: 5px; margin-bottom: 5px; border-radius: 3px; box-sizing: border-box; } input[type="file"] { border: 0; } input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], input[type="file"], textarea {width:90%;} input.w7{width:7em;} input[type="submit"] { margin: 20px auto; padding: 10px 20px; text-align:center; border-radius: 5px; font-size: 15px; color:white; background:#37C65C; } input[type="submit"].submit_disable { background:red; } .commentArea { } *#respond { border: 1px solid #ccc; background: #ddd; padding: 15px; } *#respond h3 { font-size:16px; margin-bottom:5px; } *#respond .required { color: red; font-weight: bold; } *#respond form > p{ margin-top:10px; } *#respond form > p:first-child{ margin-top:0; } *#respond [type="text"], *#respond textarea{ width:95%; } *#respond .comment-form-comment label{ display:block; } p.form-submit{ text-align:center; } p.form-submit [type="submit"]{ padding:5px; } ol.comment-list { margin-bottom:15px; } ol.comment-list>li { border-top: 1px dashed #ccc; padding-top: 10px; margin-top:10px; } ol.comment-list>li:first-child { border-top: 0; padding-top: 0; margin-top:0; } .bypostauthor>* { background: rgb(255, 254, 224); padding: 10px 10px 10px 30px; } em.comment-awaiting-moderation { color: red; background: pink; } .comment-author { font-size:14px; margin-bottom:5px; } .comment-author img { width: 25px; height: auto; } .comment-meta { margin:5px auto; } .yarpp-related { margin: 2em 0 1em !important; } .wp-pagenavi { clear: both; text-align:center; line-height:1; } .wp-pagenavi a, .wp-pagenavi span { display:inline-block; margin: 5px !important; padding:10px; border: 1px solid #000; border-radius: 3px; color:#000; background: #fff; } .wp-pagenavi a:hover { text-decoration:none; background: #000; color:#fff; } .wp-pagenavi span.current { font-weight: bold; background: #000; color: #fff; } .wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: #000; } .pagingArea { overflow:hidden; margin: 1.5em auto; } .pagingArea > p.single{ width: 49.5%; background: #E8E8E8; position:relative; } .pagingArea > p.single a{ display:block; padding: 10px; color: #333; font-size: 13px; } .pagingArea > p.single a:hover{ text-decoration:none; background: #F1F1F1; } .pagingArea > p.next{ float:left; } .pagingArea > p.prev{ float:right; } .pagingArea > p.next a{ padding-left: 2.5em; } .pagingArea > p.prev a{ padding-right: 2.5em; text-align: right; } .pagingArea > p.single a:before, .pagingArea > p.single a:after{ display:block; position:absolute; top: 50%; line-height:1; color: #D90012; margin-top: -.5em; font-family: FontAwesome; font-size: 30px; } .pagingArea > p.next a:before{ content: '\f104'; left: 10px; } .pagingArea > p.prev a:after{ content: '\f105'; right: 10px; } #footerFixed{ position:fixed; right: 0px; bottom: 5px; z-index: 1; } .toPageTop a { display: block; text-align: center; color: #fff; font-family: 'helvetica'; background: #ccc; font-size: 10px; line-height: 1; border-radius: 50%; width: 55px; height: 55px; box-sizing: border-box; border: 1px solid #fff; } .toPageTop a:hover{ text-decoration:none; } .toPageTop a:before{ content: "\f0d8"; font-family: FontAwesome; font-size: 20px; color: #FFFFFF; display: block; text-align:center; } div#sideForm { border: 2px solid #b5b5b5; background: #fff; padding: 10px; text-align:center; } div#sideForm img { margin-bottom:10px; } div#sideForm [type="submit"] { margin:10px auto; background:#1c97d5; } .bx-wrapper img { margin:0 auto; } .bx-wrapper { margin: 0 auto!important; } .bx-wrapper .bx-viewport { -moz-box-shadow: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; border: none!important; left: 0!important; background:transparent!important; } .bx-wrapper .bx-controls-direction a { text-indent: 0!important; z-index: 51!important; font-family: sans-serif; text-decoration: none; padding: 5px; font-size: 40px; width: 40px!important; height: 40px!important; line-height: 40px; text-align: center; color: #888; font-weight: bold; border-style: solid; } .slide_single .bx-wrapper .bx-controls-direction a { margin-top: -.75em!important; border-width: 1px; background: #fff; background: rgba(255,255,255,0.5); } .slide_single .bx-wrapper .bx-prev { left: 1170px!important; } .slide_single .bx-wrapper .bx-next { right: 1170px!important; } .slide_carousel{ max-height: 300px; overflow: hidden; } .slide_carousel .thumbArea { height: 180px; overflow: hidden; background: #ccc; background: rgba(204, 204, 204, 0.5); } .slide_carousel .thumbArea > .plainType > span { margin-left: -33px; } .slide_carousel .bx-wrapper .bx-controls-direction a { margin-top: -1em!important; border-width: 0; background: transparent; } .slide_carousel .bx-wrapper .bx-prev { left: -70px!important; } .slide_carousel .bx-wrapper .bx-next { right: -70px!important; } .slide_carousel .col2, .slide_carousel .col2 li, .slide_carousel .col3, .slide_carousel .col3 li, .slide_carousel .col4, .slide_carousel .col4 li, .slide_carousel .col5, .slide_carousel .col5 li{ margin-left: 0; margin-right: 0; } input[type="submit"], input[type="submit"].submit_disable { font-weight:bold; border:1px solid #de718c; background: #ff3b6c; background: -moz-linear-gradient(top, #ff3b6c 0%, #ee7996 100%); background: -webkit-linear-gradient(top, #ff3b6c 0%,#ee7996 100%); background: linear-gradient(to bottom, #ff3b6c 0%,#ee7996 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3b6c', endColorstr='#ee7996',GradientType=0 ); } .wpcf7-not-valid { background: none; } body.diet .articleTitle, body.counseling .articleTitle, body.cosme .articleTitle, body.facial .articleTitle, body.session .articleTitle, body.inner-child .articleTitle, body.mental_block .articleTitle, body.seminar .articleTitle{display:none;} .bxslider > *{display:none;} table.evenly{ table-layout: fixed; } .wpcf7 input[type="submit"] { display: block; } div#validates-info { display:none; } .bnr { margin-top: 15px; text-align:center; } .bnr:first-child { margin-top: 0; } .bx-wrapper .bx-controls-direction a{ display:none; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: 0px!important; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #f95a8e; } #mainArea .articleTitle{ border-bottom: 1px solid #d3bf97; background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/h1_bg3.jpg) repeat-x 0px 100%; padding: 0; margin: -49px -49px 25px; } #mainArea .articleTitle h1 { padding: 25px 49px 25px 100px; background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/h1_bg01.png) no-repeat 50% 0%; line-height:1.2; background-size: 100% auto; } #subArea .menuHeader{ position: relative; margin: -10px -10px 10px!important; padding: 10px 5px 16px; color:#521e07; background: #f8f8f8; background: -moz-linear-gradient(top, #f8f8f8 1%, #efefef 100%); background: -webkit-linear-gradient(top, #f8f8f8 1%,#efefef 100%); background: linear-gradient(to bottom, #f8f8f8 1%,#efefef 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#efefef',GradientType=0 ); } #subArea .menuHeader:after{ content:''; display:block; width:100%; height:6px; position: absolute; bottom: 0; left: 0; background: #a02345; background: -moz-linear-gradient(left, #a02345 0%, #a02345 48%, #fb507d 52%, #fb507d 52%, #fb507d 55%, #fb507d 100%); background: -webkit-linear-gradient(left, #a02345 0%,#a02345 48%,#fb507d 52%,#fb507d 52%,#fb507d 55%,#fb507d 100%); background: linear-gradient(to right, #a02345 0%,#a02345 48%,#fb507d 52%,#fb507d 52%,#fb507d 55%,#fb507d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a02345', endColorstr='#fb507d',GradientType=1 ); } #subArea .sideMenu { border-radius: 0; position: relative; margin-top: 40px!important; background: #ffedf0; border: 2px solid #e96d8f; } #subArea .sideMenu:before { content: ''; width: 100%; height: 28px; display: block; position: absolute; top: -30px; left: 0; background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/menu_header01.png) no-repeat 50% 0; } #subArea .sideMenu > ul > li, #subArea .sideMenu > * > ul > li{border-bottom-color: #e2afbe;} #subArea .sideMenu > ul > li:before, #subArea .sideMenu > * > ul > li:before{color: #ce295f;} #subArea .sideMenu li a{color: #522626;} #seminar_child #subArea .menuHeader:after, #session_child #subArea .menuHeader:after{ background: #6aa429; background: -moz-linear-gradient(left, #6aa429 0%, #6aa429 48%, #a3ce74 52%, #a3ce74 52%, #a3ce74 100%); background: -webkit-linear-gradient(left, #6aa429 0%,#6aa429 48%,#a3ce74 52%,#a3ce74 52%,#a3ce74 100%); background: linear-gradient(to right, #6aa429 0%,#6aa429 48%,#a3ce74 52%,#a3ce74 52%,#a3ce74 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6aa429', endColorstr='#a3ce74',GradientType=1 ); } #seminar_child #subArea .sideMenu, #session_child #subArea .sideMenu { background: #eaf6c5; border: 2px solid #75a918; } #seminar_child #subArea .sideMenu:before, #session_child #subArea .sideMenu:before { background-image: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/menu_header02.png); } #seminar_child #subArea .sideMenu > ul > li, #session_child #subArea .sideMenu > ul > li{border-bottom-color: #75a918;} #seminar_child #subArea .sideMenu > ul > li:before, #session_child #subArea .sideMenu > ul > li:before{color: #75a918;} a { color:#c19242; } .bx-wrapper .bx-controls-direction a { } .moreLink > a:after{ color:#c19242; } .moreLink > a:hover{ color:#c19242; } //body.pc{background-color: ;} .toPageTop a, body.sp #copyArea, body.pc #socialArea .tagCloud .header, body.pc #serviceHead, body.pc #titleFrame, body.pc #copyFrame, body.pc #gNaviArea > ul > li > ul > li a, #socialFrame{ background-color: #c6ab7e; } body.sp #headerArea, .list02 > li, ol.list02 > li:before{ border-color: #c6ab7e; } div#sideInfo{ border-top-color: #c6ab7e; border-bottom-color: #c6ab7e; } .sideMenu li:before, .list01 li:before{ color: #c6ab7e; } ol.list02 > li:after{ color: #c6ab7e; color: rgba(198,171,126,0.7); } ol.list02 > li:before{ background-color: #c6ab7e; background-color: rgba(198,171,126,0.7); } body.pc #gNaviArea > ul > li > ul > li a:hover{ background-color: #e3c490; } body.pc{ background-color: #fbf8f1; } a.btn01{ background: #fe6093; background: -moz-linear-gradient(top, #fe6093 0%, #cf2b60 100%); background: -webkit-linear-gradient(top, #fe6093 0%,#cf2b60 100%); background: linear-gradient(to bottom, #fe6093 0%,#cf2b60 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe6093', endColorstr='#cf2b60',GradientType=0 ); } a.btn01:hover{ background: #cf2b60; background: -moz-linear-gradient(top, #cf2b60 96%, #fe6093 100%); background: -webkit-linear-gradient(top, #cf2b60 96%,#fe6093 100%); background: linear-gradient(to bottom, #cf2b60 96%,#fe6093 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf2b60', endColorstr='#fe6093',GradientType=0 ); } .editorArea h2, h2.basic { font-size: 20px; padding: 12px 15px 8px 25px; margin-bottom: 15px; border:1px solid #cdc8b5; clear: both; position:relative; background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/h2_bg01.png) no-repeat 100% 0, #f6f3ee; background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/h2_bg01.png) no-repeat 100% 0, -moz-linear-gradient(left, #f6f3ee 0%, #ece5d5 100%); background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/h2_bg01.png) no-repeat 100% 0, -webkit-linear-gradient(left, #f6f3ee 0%,#ece5d5 100%); background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/h2_bg01.png) no-repeat 100% 0, linear-gradient(to right, #f6f3ee 0%,#ece5d5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f3ee', endColorstr='#ece5d5',GradientType=1 ); } .editorArea h2:before { content:''; display: block; width:5px; height:30px; position: absolute; top: 10px; left: 10px; background: #ee6a92; background: -moz-linear-gradient(top, #ee6a92 0%, #ce3061 100%); background: -webkit-linear-gradient(top, #ee6a92 0%,#ce3061 100%); background: linear-gradient(to bottom, #ee6a92 0%,#ce3061 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee6a92', endColorstr='#ce3061',GradientType=0 ); } h2.type02 { background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/h2_bg02.png) repeat-x 100% 0, #f3eee3; background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/h2_bg02.png) repeat-x 100% 0, -moz-linear-gradient(top, #f3eee3 0%, #e9dfce 100%); background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/h2_bg02.png) repeat-x 100% 0, -webkit-linear-gradient(top, #f3eee3 0%,#e9dfce 100%); background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/h2_bg02.png) repeat-x 100% 0, linear-gradient(to bottom, #f3eee3 0%,#e9dfce 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3eee3', endColorstr='#e9dfce',GradientType=0 ); font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold; color: #553125; padding-left: 15px; } h2.type02:before { display:none; } body .yarpp-related h3, .editorArea h3, h3.basic { font-size: 18px; margin: 0 0 15px; background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/h3.png) no-repeat 0px 8px transparent; border-bottom: 2px solid #d33e6f; padding: 5px 0px 5px 25px; } .align_c{text-align:center;} .hdn{overflow:hidden;} .w470{width:470px;} .amazon{ font-size:14px; } .amazon img{ text-align:center; display:block; margin:0 auto; } .box01 { border: 1px solid #f8b551; padding: 15px; margin-bottom: 15px; background: transparent; } span.blue { color: #0068b7; } .w490{ width: 490px; } .wrapper { overflow: hidden; } img.alignRight { float: right; margin: 0 0 10px 10px!important; } table.type01 { margin-bottom:25px; } table.type01 th { min-width: 100px; vertical-align: top; color: #d95a84; text-align: left; } body.editorOnly *.container00:before { content:'2列エリア'; } body.editorOnly *.container00 > * { background: #eee; } *.container00 > * { float: left; width:48%; margin: 0 0 0 4%; } *.container00 > *:first-child { margin: 0; } *.col_37 > * {width: 66%;margin: 0 0 0 4%;} *.col_37 > *:first-child {width: 30%;margin:0;} *.col_73 > * {width: 30%;margin-left: 0%;} *.col_73 > *:first-child {width: 66%;margin: 0 4% 0 0;} *.col_28 > * {width: 76%;margin: 0 0 0 4%;} *.col_28 > *:first-child {width: 20%;margin:0;} *.col_82 > * {width: 20%;margin-left: 0%;} *.col_82 > *:first-child {width: 76%;margin: 0 4% 0 0;} *.col_46 > * {width: 56%;margin: 0 0 0 4%;} *.col_46 > *:first-child {width: 40%;margin:0;} *.col_64 > * {width: 40%;margin-left: 0%;} *.col_64 > *:first-child {width: 56%;margin: 0 4% 0 0;} body.counseling .articleText { font-size: 16px; } body.counseling .articleText p.btn { text-align: center; margin: 50px 0; } body.counseling .voice_wrap { border: 1px solid #f79ebc; padding: 29px 19px; margin: 50px 0; } body.counseling .voice_wrap .header { border-bottom: 1px solid #f79ebc; padding-bottom: 25px; margin-bottom: -25px; text-align:center; } body.counseling .voice_wrap p.ttl { margin: 50px 0 10px -19px; } body.counseling div#voice_box2 p.ttl { margin: 15px 0 15px -19px; } body.counseling div#voice_box2 { margin: 30px 0; border: 1px solid #f79ebc; padding: 19px; } body.counseling div#voice_box2 .caption { border-bottom: 1px solid #f79ebc; padding: 19px 0; text-align:center; margin-bottom:20px; } body.counseling div#movie { border: 1px solid #f79ebc; padding: 19px; background:#ffe8f2; } body.counseling .block03 { background: #e7f1ff; padding: 30px; margin-bottom:50px; } body.counseling .block03 em { font-style: normal; font-weight: bold; } body.counseling div#access { padding: 25px; background: #f6f4ed; margin-bottom:25px; font-size: 15px; line-height: 22px; } body.counseling div#access .title{ margin: -25px -25px 15px; } body.counseling div#access .wrapper{margin-bottom: 15px;} body.counseling div#access .wrapper img{margin-bottom: 5px;} body.counseling div#access .wrapper > div{ width: 320px; } body.counseling div#access th{ text-align:left; width:100px } body.counseling div#access th, body.counseling div#access td{ background:transparent; border:0; } body.facial div#access { padding: 25px; background: #f6f4ed; margin-bottom:25px; font-size: 15px; line-height: 22px; } body.facial div#access .title{ margin: -25px -25px 15px; } body.facial div#access .wrapper{margin-bottom: 15px;} body.facial div#access .wrapper img{margin-bottom: 5px;} body.facial div#access .wrapper > div{ width: 320px; } body.facial div#access th{ text-align:left; width:100px } body.facial div#access th, body.facial div#access td{ background:transparent; border:0; } body.facial .articleText{ font-size:16px; } body.facial ul.type01{ list-style-type: disc; list-style-position: outside; margin-left: 30px; } body.facial p.type01 { background: #f68594; color: #fff; font-size: 24px; text-align: center; border-radius: 10px 10px 0 0; padding: 10px; line-height: 1.2; margin-bottom:25px; } body.facial p.type02 { font-size: 24px; line-height: 1.2; margin-bottom:20px; } body.facial p.type02:before { content:'◆'; padding-right:5px; color: #f68594; } body.facial p.type02.green:before { color: #a9bd46; } body.facial p.type03 { font-size: 20px; background: #e1eab3; padding: 12px 20px; line-height: 1.2; margin-bottom:25px; } body.facial p.type03.pi { background: #ffe4e8; } body.facial .editorArea td, body.facial .editorArea th { border:1px solid #ccc; } body.facial .editorArea th { background:#fffbd6; text-align:left; vertical-align: top; } body.facial .editorArea th .price { font-weight: normal; border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 10px; } body.facial .editorArea th .popular { color: red; margin-bottom: 1em; } body.facial .editorArea th .ttl { margin-bottom: 1em; } body.facial .reverse th { text-align:left; font-weight:normal; } body.facial .reverse tr:first-child th{ text-align:center; } body.facial .reverse td { text-align:center; } body.facial .chigai td{ font-size:24px; line-height:1em; } body.facial .editorArea td { background:#fffdea; } body.facial div#voice_box { border: 1px solid #f79ebc; padding: 19px; margin: 50px 0; } body.facial div#voice_box p.ttl, body.facial div#voice_box2 p.ttl { margin: 15px 0 15px -19px; } body.facial div#voice_box2 { border: 1px solid #f79ebc; padding: 19px; } body.facial div#voice_box2 .caption { border-bottom: 1px solid #f79ebc; padding: 19px 0; text-align:center; margin-bottom:20px; } body.facial div#movie { border: 1px solid #f79ebc; padding: 19px; background:#ffe8f2; } body.facial #result li{ margin-bottom:20px; border-bottom:1px solid #ccc; padding-bottom:20px; } body.facial #result p.ttl { color: #529227; font-size: 24px; line-height: 1.2; } body.facial #result p.meta { background:#d6eec6; padding: 6px 15px; line-height: 1.2; margin: 10px 0; } body.facial .block01 { border: 1px solid #ccc; padding: 19px; } body.facial .block02 { border: 1px solid #f6b2bc; background:#ffe4e8; padding: 19px; } body.facial .block02 th{ color:#e25568; } body.facial .block02 th, body.facial .block02 td{ background:transparent; border:0; } body.facial .block03 { background: #e7f1ff; padding: 30px; } body.facial .head01 { font-size:18px; text-align:center; } body.facial .head01 em{ font-size:24px; display:block; } body.facial .head02 { text-align: center; color: #e60012; background: #fee6e9; padding: 15px; margin: 40px 0; font-size: 20px; } body.facial .head03 { background: #c2b388; color: #fff; padding: 13px; margin-bottom: 10px; font-size: 20px; } body.inner-child .articleText{ font-size:16px; } body.inner-child .ichild01 { border: 3px solid #bdddec; padding: 50px; margin-bottom: 50px; } body.inner-child h4.type02 { padding: 10px 20px; font-size: 20px; border-bottom: none; background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/ichild/ichild_bg.png); margin-bottom: 15px; line-height: 1.4; color: #fff; clear:both; } body.inner-child h4.type02 em { color:#fff799; } body.inner-child .voice { background: #ffeeb9; padding: 40px; margin: 40px 0 20px; } body.inner-child .voice > div{ background: #fff; padding: 30px; margin-bottom: 10px; border-radius: 8px; } body.inner-child img[src*="ichild_img06.png"] { margin-top: -80px; } body.mental_block h4 { padding: 10px 20px; font-size: 24px; border-bottom: none; background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/mblock/mblock_h_bg01.png); margin-bottom: 15px; line-height: 1.4; color: #fff; } div#mental_block_voice { border: 3px solid #54849e; background: #f9eedc; padding: 30px; font-size: 16px; } div#mental_block_voice > div{ border:2px solid #f9e3ae; background: #fff; padding: 20px; margin-top: 20px; position: relative; } div#mental_block_voice > div:first-child{ margin-top: 0px; } div#mental_block_voice > div:before{ content: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/mblock/mblock_balloon.png); position: absolute; top: -15px; right: 15px; } div#mental_block_voice .ttl { margin-bottom: 10px; } body.seminar .articleText { font-size: 16px; } body.seminar h4 { margin-bottom:30px; } body.seminar div#profile [src*="book_title"]{ margin-bottom:30px; } body.seminar div#voice01 > div { border: 8px solid; padding: 20px 12px; border-radius: 8px; margin-bottom: 30px; } body.seminar div#voice01 .block1 { border-color:#ffc0c2; } body.seminar div#voice01 .block2 { border-color:#c8dfff; } body.seminar div#voice01 .item { border: 1px solid; padding: 15px; border-radius: 5px; margin-top:10px; } body.seminar div#voice01 .block1 .item { border-color:#ffc0c2; background:#fff2f3; } body.seminar div#voice01 .block2 .item { border-color:#b5d1f7; background:#f2f7ff; } body.seminar div#voice02 .item { background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/seminar/semi_bg.jpg); padding: 40px 30px; margin-top: 20px; } body.seminar div#voice02 .item .title { font-size: 24px; color: #ff5b8c; text-align: center; margin-bottom: 15px; } body.seminar div#step { text-align: center; margin: 50px auto; border: 1px solid #C1E5FF; padding-bottom: 15px; } body.seminar div#uni, body.seminar div#pro { margin-bottom: 30px; } body.seminar div#uni p.caption, body.seminar div#pro p.caption { font-size: 24px; text-align: center; margin: 15px 0; } body.seminar div#uni > .title, body.seminar div#pro > .title { text-align: center; margin: 20px; } body.seminar div#uni .license, body.seminar div#pro .license { border: 1px solid #ccc; border-radius: 10px; margin: 15px 100px; padding: 15px; text-align:center; } body.seminar div#uni .license .title, body.seminar div#pro .license .title{ font-size:20px; font-weight:bold; margin-bottom:10px; } body.seminar div#uni ul.items, body.seminar div#pro ul.items { margin-left: -2%; overflow:hidden; } body.seminar div#uni ul.items li, body.seminar div#pro ul.items li { border: 1px solid; width: 48%; margin-left: 2%; margin-bottom: 2%; float: left; box-sizing: border-box; padding: 20px; } body.seminar div#uni ul.items li { background:#fffaee; border-color:#fed2c6; } body.seminar div#pro ul.items li { background:#f1f4ff; border-color:#c3cfff; } body.seminar div#uni ul.items .title, body.seminar div#pro ul.items .title{ font-size:20px; text-align:center; } body.seminar img[src*="semi_img06c.jpg"] { display: block; margin: 0 auto!important; } body.seminar div#suchedule { background: #007FA5; padding: 30px 20px; margin-bottom: 30px; } body.seminar div#suchedule .head{ text-align:center; margin-bottom:30px; } body.seminar div#suchedule .items{ background:#fff; padding:30px; border-radius:8px; } body.seminar div#suchedule .items > li{ margin-top:20px; } body.seminar div#suchedule .items > li:first-child{ margin-top:0; } body.seminar div#suchedule .title{ color:#007fa8; font-size: 20px; margin-bottom: 10px; } body.session .articleText { font-size: 16px; } body.session h4 { margin-bottom:30px; } body.session div#sess_img02 { border: 2px solid #fff0be; background: #fffcf1; padding: 33px; margin-bottom: 35px; } body.session div#sess_img02 .title{ margin: -33px -33px 20px; } body.session div#sess_img02 .content{ margin-bottom: 20px; } body.session div#profile [src*="book_title"]{ margin-bottom:30px; } body.session div#profile .amazon{ font-size:14px; } body.session div#profile .amazon img{ text-align:center; display:block; margin:0 auto; } body.session div#voice_wrap em { color: #e60012; } body.session div#voice_wrap{ background:url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/session/sess_bg01.png); padding:20px; margin-bottom: 30px; } body.session div#voice_wrap .head{ text-align:center; } body.session div#voice_wrap .item{ background:url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/session/sess_bg02_mid.png); padding:20px; position: relative; margin: 30px 0 90px; } body.session div#voice_wrap .item:before{ content:url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/session/sess_bg02_top.png); display:block; position: absolute; top: -30px; left: 0; } body.session div#voice_wrap .item:after{ content:url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/session/sess_bg02_btm.png); display:block; position: absolute; bottom: -38px; left: 0; } body.session div#voice_wrap .item:last-child{ margin-bottom: 30px; } body.session div#faq { padding: 95px 30px 30px; background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/session/sess_img04.jpg) no-repeat 50% 0% #D1EEF6; margin-bottom: 30px; } body.session #faq dl{ border: 3px solid #a4e0f0; } body.session #faq dt{ background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old//session/sess_img04_q.jpg) no-repeat 0px 0px; color: #113288; min-height: 28px; } body.session #faq dd{ background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/session/sess_img04_a.jpg) no-repeat 0px 0px; } body.session div#access { padding: 25px; background: #f6f4ed; margin-bottom:25px; font-size: 15px; line-height: 22px; } body.session div#access .title{ margin: -25px -25px 15px; } body.session div#access .wrapper{margin-bottom: 15px;} body.session div#access .wrapper img{margin-bottom: 5px;} body.session div#access .wrapper > div{ width: 320px; } body.session div#access th{ text-align:left; width:100px } #tabs_wrap { border: 1px solid #eea7bd; margin-top: 45px; position: relative; padding: 15px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; font-size: 14px; } ul#tabs { position: absolute; top: -35px; left: -1px; width: 710px; } * html ul#tabs { left: -21px; } #tabs li { float: left; text-align: center; line-height: 35px; } #tabs li a { width: 172px; height: 33px; display: block; border: 1px solid #dcd0be; border-bottom: 1px solid #eea7bd; margin-right: 1px; background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/tab_bg.jpg) repeat-x 0 0; border-top-left-radius: 5px; border-top-right-radius: 5px; } #tabs li a.now { border: 1px solid #eea7bd; border-bottom: 1px solid #fff; color: #b2073f; background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/tab_bg_now.jpg) repeat-x 0 0; } #tabs li:first-child a { margin-left: 0; width: 173px; } #tabs a{ color:#333; text-decoration:none; } #tabs_wrap .moreLink a{ text-decoration:none; } #tabs_wrap .list03 li { padding: 5px 0 5px 15px; border-bottom: 1px solid #dcd0be; } .service01 { } .service01 h3.reset{ margin-bottom: 15px; } .service01>div{ overflow: hidden; } .ranking01{ margin-bottom: 20px; overflow: hidden; border: 1px solid #e0d2bc; background: #fcf2cc; padding: 10px; text-align: center; } .ranking01>div{ width: 131px; font-size: 12px; text-align: center; display: inline-block; vertical-align: top; } .ranking01>div p.rank{ margin-bottom:10px; } .ranking01>div p.name{ padding: 5px 0; } .therapist01>div { margin-bottom: 10px; overflow: hidden; border-width: 1px; border-style: solid; padding: 14px; } .therapist01>div.pink_box{ background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/therapist01a_bg.jpg) no-repeat 100% 0% #fff1f4; border-color: #f5d0d8; } .therapist01>div.green_box{ background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/therapist01b_bg.jpg) no-repeat 100% 0% #e7f8df; border-color: #c1e4b1; } .therapist01>div.pink_box p, .therapist01>div.green_box p{ font-size:14px; line-height:1.5em; } .therapist01 .title{ margin-bottom: 5px; } .esthe_top01c { position: absolute; top: 605px; overflow: hidden; } .esthe_top01c ul { width: 300px; float: left; padding: 0 25px; } .esthe_top01c li { text-indent: -1em; padding-left: 1em; } .esthe_story01 .txt { padding: 10px 0 30px; } .esthe_story01 .block_b { background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/esthe_story01b_bg.jpg) no-repeat 100% 100%; padding-right: 200px; } .esthe_story01 .block_c { background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/esthe_story01c_bg.jpg) no-repeat 100% 0; padding-right: 200px; } .esthe_story01 .block_d { background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/esthe_story01d_bg.jpg) no-repeat 50% 100%; padding-bottom: 240px; } .esthe_story01 .block_e { background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/esthe_story01e_bg.jpg) no-repeat 100% 100%; padding-right: 200px; } .esthe_story01 .block_g { background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/esthe_story01g_bg.jpg) no-repeat 100% 0%; padding-right: 200px; } .esthe_story01 .block_i { background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/esthe_story01i_bg.jpg) no-repeat 100% 75%; padding-right: 270px; padding-bottom: 70px; } #story03 p { margin: 20px 0; } #about01 { background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/about01.jpg) no-repeat 0 0; margin: 0 0 10px; padding: 100px 40px 0 175px; height:211px; line-height:2; font-size:14px; } #exp01 {margin: 0 0 10px;} #recommend { background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/recommend.jpg) no-repeat 50% 0%; margin: 0 0 10px; overflow: hidden; padding: 126px 150px 0 80px; height: 325px; color:#5f4133; } #recommend .left{ width:250px; } #recommend .right{ width:200px; } #recommend li{ background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/li03.png) no-repeat 0px 0px; padding: 7px 0px 7px 25px; line-height: 1; font-size:14px; } #shopping02 { background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/shopping02_bg.jpg) repeat-y 50% 0%; padding: 5px; margin-bottom: 20px; position: relative; color:#522626; font-size:14px; } #shopping02>div { background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/shopping02_bg2.jpg) repeat-x 50% 100% #fff; overflow: hidden; padding: 10px 15px; } #shopping02 .wrap { overflow: hidden; margin-bottom: 5px; } #shopping02 .title { margin-bottom:5px; } #shopping02 .left { } #shopping02 .right { width: 470px; } #shopping02 .btn { text-align: center; } #shopping02 .bg_img { position:absolute; top: -55px; right:0px; } #voice { border: 1px solid #ab5d23; padding: 19px; background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/voice_bg.png) repeat 0px 0px; margin-bottom: 20px; font-size: 13px; } #voice .sec01 { overflow:hidden; } #voice .sec01 .title { margin-bottom: 10px; } #voice .sec02 { overflow:hidden; } #voice .sec02 .box{ background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/voice_bg_top.png) no-repeat 50% 0%; margin-bottom:20px; width: 49%; padding-top: 44px; background-size: contain; box-sizing: border-box; margin: 10px .5%; } #voice .sec02 .box>div{ background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/voice_bg_btm.png) no-repeat 50% 100%; padding-bottom: 18px; background-size: contain; } #voice .sec02 .box>div>div{ background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/voice_bg_mid.png) repeat-y 50% 0%; padding: 0px 15px; overflow:hidden; background-size: contain; } #voice .sec02 .txt{ padding: 5px; } #voice .sec03{ border: 1px solid #D6A44B; padding: 5px; background: #fff; margin-bottom: 20px; } #voice .sec03 ul{ color: #ff388c; background: #f2ebd9; margin-bottom:5px; padding:5px; } #voice .sec03 span{ font-weight:bold; padding-right: 5px; } #voice .sec03 div{ margin-bottom: 10px; padding: 5px; } #voice img.right { padding: 0 0 5px 5px; } #about02{ margin-bottom: 20px; } #about02 .txt{ color: #ff3875; background: #ffe4ec; padding: 15px; margin-bottom: 20px; } #point01{ margin-bottom: 20px; border: 1px solid #fcca40; background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/point01_bg.jpg) no-repeat 50% 0%; } #point01>div{ background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/point01_bg2.png) no-repeat 100% 60%; } #point01>div>div{ background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/point01_bg3.png) no-repeat 100% 100%; padding: 80px 14px 19px; } #point01 dl { margin:20px 0; } #point01 dt { font-size: 18px; color: #F06; line-height: 1; } #point01 dd { margin-bottom:20px; line-height: 1.5; } #nomikata01{ margin-bottom:20px; position: relative; } #nomikata01 .btn{ text-align: center; position:absolute; left: 50%; bottom: 15px; margin-left: -140px; } #danjiki01 .btn{ margin:10px 0; text-align: center; } #shopping03{ margin-bottom:20px; position: relative; } #shopping03 .btn{ text-align: center; position:absolute; left: 50%; bottom: 20px; margin-left: -205px; } #msg1{ background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/msg_bg_mid.jpg) repeat-y 50% 0%; margin-bottom:20px; } #msg2{ background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/msg_bg_top.jpg) no-repeat 50% 0%; } #msg3{ background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/msg_bg_btm.jpg) no-repeat 50% 100%; padding: 180px 185px 150px 50px; overflow:hidden; } #msg1 .movie { text-align: center; margin-bottom: 15px; } #shopping01{ background: #fff6e2; margin-bottom:20px; border-left: 3px solid #cc9001; border-right: 3px solid #cc9001; border-bottom: 3px solid #cc9001; padding: 12px; font-size: 13px; } #shopping01 .item_box{ overflow: hidden; margin-bottom: 15px; } #shopping01 .item{ background: #fff; border: 2px solid #cc9001; width: 210px; margin-left: 14px; float:left; } #shopping01 .item:first-child{ margin-left:0px; } #shopping01 .item div{ padding: 10px 8px 15px; } #shopping01 .item .img{ text-align:center; } #shopping01 .title a { color: #FF0053; font-weight: bold; } #shopping01 .price:before { content:''; display:inline-block; height:20px; width:57px; background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/price.jpg) no-repeat 0px 0px; margin-right: 5px; vertical-align: -3px; } #shopping01 .price span { color: #FF0053; font-size:18px; font-weight: bold; } #shopping01 input[type="submit"] { text-indent: -9999px; padding: 0; margin: 0 auto; border: 0; width:193px; height:35px; background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/btn_cart.jpg) no-repeat 0 0; cursor:pointer; display:block; } #shopping01 input[type="submit"].present { background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/btn_present.jpg) no-repeat 0 0; } #shopping01 .btn_item{ margin:10px 0; text-align:center; } #shopping01b{ background: #fff6e2; margin-bottom:20px; border: 3px solid #cc9001; padding: 12px; font-size: 13px; } #shopping01b .item_box{ margin-bottom: 15px; } #shopping01b .item{ background: #fff; border: 2px solid #cc9001; overflow: hidden; padding: 13px 13px 18px; margin-top: 10px; } #shopping01b .item:first-child{ margin-top: 0; } #shopping01b .item .left{ width: 162px; } #shopping01b .item .right{ width: 461px; } #shopping01b .title_area { border-bottom: 1px solid #cc9001; padding: 0 0 5px; margin-bottom:10px; } #shopping01b .title a { color: #113288; font-size:16px; text-decoration:none; font-weight: bold; } #shopping01b .subtitle { color: #FF0053; font-weight: bold; } #shopping01b .txt { margin: 0 0 10px; line-height:1.5; } #shopping01b .info { overflow: hidden; margin-top:10px; } #shopping01b .info:first-child { margin-top:0; } #shopping01b .price { display: block; width: 265px; float: left; } #shopping01b .price:before { content:''; display:inline-block; height:20px; width:57px; background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/price.jpg) no-repeat 0px 0px; margin-right: 5px; vertical-align: -3px; } #shopping01b .btn { display: block; float: right; width: 195px; } #shopping01b .price span { color: #FF0053; font-size:18px; font-weight: bold; padding: 0 3px; } #shopping01b input[type="submit"] { text-indent: -9999px; padding: 0; margin: 0; border: 0; width:193px; height:35px; background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/btn_cart.jpg) no-repeat 0 0; cursor:pointer; display:block; } #shopping01b input[type="submit"].present { background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/btn_present.jpg) no-repeat 0 0; } #shopping01b .btn_item{ margin:10px 0; text-align:center; } #faq{ background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/faq_bg_top.jpg) no-repeat 50% 0% #def2ce; } #faq>div{ background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/faq_bg_btm.jpg) no-repeat 50% 100%; padding: 115px 20px 40px; } #faq dl{ background: #fff; border: 3px solid #b0d995; padding: 10px; margin-bottom: 10px; } #faq dt{ background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/q.jpg) no-repeat 0px 0px; padding: 5px 0 3px 50px; margin-bottom: 10px; color:#285900; font-size:16px; min-height:28px; } #faq dd{ background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/a.jpg) no-repeat 0px 0px; padding: 5px 0 3px 50px; } #cosme_child #faq{ background-image: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/faq_bg2_top.jpg); background-color:#d0eef5; } #cosme_child #faq>div{ background-image: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/faq_bg2_btm.jpg); } #cosme_child #faq dl{ border: 3px solid #a4e0f0; } #cosme_child #faq dt{ background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/q2.jpg) no-repeat 0px 0px; color:#113288; min-height: 28px; } .skinPromoArea { position: relative; } #news{ width: 510px; position: absolute; right: 0; bottom: 0; color: #3c1c08; height: 280px; background: #fff; } #news>div{ width: 485px; border: 1px solid #ce295f; background: #ffeef3; } #news ul{ background:url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/shade01.png) repeat-x 0% 0%; padding: 10px; height: 117px; overflow: scroll; } #news li{ background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/hr01.png) repeat-x 0% 100%; } #news li a{ display:block; background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/li01.png) no-repeat 0px 9px; padding: 5px 0px 5px 13px; } #news2{ border: 1px solid #4b88e7; background: #e0fffc; font-size: 12px; } #news2 ul{ background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/shade01b.png) repeat-x 0% 0%; padding: 10px; height: 120px; overflow: scroll; } #news2 li{ background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/hr01b.png) repeat-x 0% 100%; } #news2 li a{ display:block; background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/old/li01b.png) no-repeat 0px 9px; padding: 5px 0px 5px 13px; color: #333; } .lp .fontM{ font-size: 18px; } div#frontHeaderSection { } .left {float:left;} .right {float:right;} .biggerlink .item:hover, .biggerlink li:hover { } .onlyMobile{ display:none; } .col2{ margin-left: -4%; } .col2 li{ float: left; width: 46%; margin-left: 4%; } .col3{ margin-left: -1%; margin-right: -1%; } .col3 li{ float: left; width: 32%; margin-left: 1%; } .col4{ margin-left: -1%; } .col4 li{ float: left; width: 24%; margin-left: 1%; } .col5{ margin-left: -1%; } .col5 li{ float: left; width: 19%; margin-left: 1%; } .baseWrap { width: 1100px; margin: 0 auto; } #frontHeaderSection .bnrBox{ } #frontHeaderSection ul.bnrBox{ } #frontHeaderSection ul.bnrBox li{ float:left; margin-left:10px; width: 320px; box-sizing:border-box; } #frontHeaderSection ul.bnrBox li .thumb{ text-align:center; } #frontHeaderSection ul.bnrBox li:first-child{ margin-left:0; } #subArea .bnrBox li { margin-top: 15px; } #subArea .bnrBox li:first-child { margin-top: 0; } .home #subArea .bnrBoxWrap { display:none; } #titleArea { padding: 5px 0; } #titleArea a { color:#FFF; } #headerFrame {background: #fff;} #headerArea { padding: 15px 0; } #gNaviWrap { width: 100%; z-index: 100; } #gNaviFrame, #gNaviFrame2 {background: #fff;} ul.gnavi { text-align:center; } ul.gnavi li { } ul.gnavi li:hover { background:#eee; } ul.gnavi a { display:block; } ul.gnavi a:hover { text-decoration:none; } ul.gnavi { display: table; width:100%; } ul.gnavi > li { display:table-cell; vertical-align: middle; } ul.gnavi > li:first-child { } ul.gnavi > li { position: relative; z-index: 1; white-space:nowrap; } ul.gnavi ul{ display:none; position: absolute; mix-width: 100%; background:#000; } ul.gnavi ul a{ padding: 10px 15px; color:#fff; font-size:12px; } #gNaviFrame { } #gNaviFrame a { color:#000; } #gNaviFrame ul.gnavi > li > a { padding: 11px 10px; font-size:13px; } #gNaviFrame ul.gnavi > li:first-child a { } #gNaviFrame ul.gnavi > li:first-child [src*="home.png"] { margin-right:5px; } #gNaviFrame li.on, #gNaviFrame li:hover { background: #7d7d7d; } #gNaviFrame2 { border-bottom: 1px solid #fff; } #gNaviFrame2 li.on, #gNaviFrame2 li:hover { background: #555; } #gNaviFrame2 ul.gnavi > li { min-width: 90px; } #gNaviFrame2 ul.gnavi > li > a { padding: 11px 10px; color: #fff; font-size:15px; } #gNaviFrame2 ul.gnavi > li.on a, #gNaviFrame2 ul.gnavi > li:hover a{ color:#fff; } #gNaviFrame2 li.pickup a:after { content: "注目"; display: block; position: absolute; top: -4px; left: 10px; z-index: 1; } #footerFrame li.pickup a:after { margin-left:5px; position: absolute; text-indent:0; display: inline-block; } #gNaviFrame2 li.pickup a:before { content: ""; display: block; width: 8px; height: 8px; position: absolute; top: 14px; left: 30px; z-index: 1; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); } .home #promoFrame { margin-bottom: 30px; } #contentsFrame { } #contentsArea{ } #breadNav { margin: 10px auto; } #mainArea{ width: 800px; } .columnA #mainArea{ float: right; } .columnB #mainArea{ float: left; } #mainArea .articleInner{ padding: 50px; background: #fff; overflow: hidden; } #mainArea .editorArea { min-height: 300px; } #subArea { width: 280px; } .columnA #subArea{ float: left; } .columnB #subArea{ float: right; } #subArea .sideMenuCommon { margin-top: 15px; } #subArea aside:first-child .sideMenuCommon { margin-top: 0; } #subArea .menuHeader { margin: -11px -11px 10px; } #footer{ margin-top: 50px; } div#footerBottomSection { margin: 20px auto; } #footerFrame{ background:#fff; margin-top: 50px; } #footerArea{ padding: 50px 0; } #footerArea .area01{ float:left; } #footerArea img[src*="logo.png"] { margin-bottom: 30px; } #footerArea .area02{ float:left; } #footerArea .area03{ float:right; width:380px; } div#footerMiddleSection { overflow: hidden; } div#footerMiddleSection > aside { float: left; } div#footerMiddleSection > aside > div { padding-left: 20px; } div#footerMiddleSection .textwidget {padding-left: 5px;} div#footerMiddleSection ul { width: 230px; } div#footerMiddleSection #nav_menu-3 { border-left:1px solid #ccc; } div#footerMiddleSection p.home:before { content: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/home.png); vertical-align: -2px; margin-right: 6px; margin-left: -20px; display: inline-block; } div#footerMiddleSection p.line:after { content: ''; margin-left: 10px; display: inline-block; height: 1px; width: 50px; background: #ccc; vertical-align: middle; } div#footerMiddleSection li{ padding-left: 20px; text-indent: -18px; min-width: 245px; } div#footerMiddleSection li:before{ font-family:FontAwesome; content:'\f0da'; font-size: 1.2em; margin-right: 12px; } #footerFrame2{ background:#fff; } #footerArea2{ padding: 20px 0; border-top:1px solid #ccc; } #copyArea { padding: 10px 0; } #copyArea, #copyArea a { color:#ffffff; } .toPageTop { font-size:14px; } .snsShare a{ font-size:2em; line-height:3em; } .bx-wrapper .bx-pager { bottom: 15px!important; } #titleArea { display: none; } #headerFrame { background:url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/title_bg.jpg) repeat-x 50% 0 #fff; padding-top:10px; } #headerArea { } #headerRightSection{ margin-top:10px } #headerArea td:first-child { width: 470px; } #gNaviFrame { background:#f2e1b8; } #gNaviFrame ul.gnavi > li > a { color:#836222; padding: 8px 5px; font-size:13px; } #gNaviFrame li.on, #gNaviFrame li:hover { background: #e6d19e; } #gNaviFrame2 { background:url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/gnavi_bg.png) repeat-x 50% 100% #fff8ec; } #gNaviFrame2 ul.gnavi > li > a { padding: 15px 10px; color: #664300; font-size: 16px; } #gNaviFrame2 li.on, #gNaviFrame2 li:hover { background: -moz-linear-gradient(top, rgba(249,206,124,0.2) 0%, rgba(249,206,124,0.2) 40%, rgba(249,206,124,0.5) 100%); background: -webkit-linear-gradient(top, rgba(249,206,124,0.2) 0%,rgba(249,206,124,0.2) 40%,rgba(249,206,124,0.5) 100%); background: linear-gradient(to bottom, rgba(249,206,124,0.2) 0%,rgba(249,206,124,0.2) 40%,rgba(249,206,124,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33f9ce7c', endColorstr='#80f9ce7c',GradientType=0 ); } #gNaviFrame2 ul.gnavi > li.on a, #gNaviFrame2 ul.gnavi > li:hover a{ color: #664300; } #gNaviFrame2 ul.gnavi { position:relative; } #gNaviFrame2 ul.gnavi:before, #gNaviFrame2 ul.gnavi:after { content:''; display:block; height:52px; width:1px; position:absolute; top:0; } #gNaviFrame2 ul.gnavi:before { background:#fff; right:-1px; } #gNaviFrame2 ul.gnavi:after { background:#ded1b6; left:-1px; } #gNaviFrame2 ul.gnavi > li:before, #gNaviFrame2 ul.gnavi > li:after { content:''; display:block; height:52px; width:1px; position:absolute; top:0; } #gNaviFrame2 ul.gnavi > li:before { background:#ded1b6; right:0px; } #gNaviFrame2 ul.gnavi > li:after { background:#fff; left:0px; } ul.gnavi ul{ background: #c5a975; min-width: 100%; } ul.gnavi ul li{ border-top: 1px solid #dec597; border-bottom: 1px solid #a98b55; white-space: nowrap; } ul.gnavi ul a { color:#fff!important; } #gNaviFrame2 li li.on, #gNaviFrame2 li li:hover { background: #b39255; } body.pc { background: url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/promo_bg.png) repeat-x 50% 214px #fbf8f1; } div#promoFrame { position: relative; overflow: hidden; } .home div#promoFrame { height: 427px; } div#promoArea { position: relative; } #mainArea .articleInner{ border: 1px solid #dacba8; padding: 49px; } #footerFrame{ background:url(//hbi-salon.com/wordpress/wp-content/themes/cyber-child/images/promo_bg.png) repeat-x 50% 0; } #footerFrame table.addr th { color: #d8245f; text-align: left; padding:4px 0; } div#footerMiddleSection a { color: #333; } div#footerMiddleSection :before { color: #f95a8e; } div#footerMiddleSection #nav_menu-3 { border-left:1px solid #d3c29d; } div#footerMiddleSection p.line:after { background: #d3c29d; } #footerFrame2{ display: none; } ul.gnavi > li { min-width: 80px; }