@font-face {
    font-family: "dpicons";
    src: url('fonts/dpicons.woff') format('woff'), url('fonts/dpicons.ttf') format('truetype')
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: "dpicons";
        src: url('fonts/dpicons.svg') format('svg')
    }
}
[class^="icon-"]:before, [class*=" icon-"]:before, .dp_spinner:before, blockquote:before, blockquote:after, .widget_nav_menu li ul li a::before, .widget_pages li ul li a::before, .widget_categories li ul li a::before, .meta-cat.tag a::before, .tagcloud a::before, .star-rating .star-full:before, .star-rating .star-half:before, .star-rating .star-empty:before {
    position: relative;
    font-family: "dpicons";
    font-style: normal;
    font-weight: normal;
    font-size: 128%;
    speak: none;
    text-decoration: inherit;
    font-variant: normal;
    text-transform: none;
    vertical-align: text-bottom;
    margin-right: .15em;
    margin-left: .15em;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon-feedly:before {
    content: "\e600"
}
.icon-cloud-upload:before {
    content: "\e602"
}
.icon-cloud-download:before {
    content: "\e603"
}
.icon-mail:before {
    content: "\e6c2"
}
.icon-mail-alt:before {
    content: "\e604"
}
.icon-edit:before {
    content: "\e605"
}
.icon-resize-exit-alt::before {
    content: "\e606"
}
.icon-resize-full-alt::before {
    content: "\e607"
}
.icon-headphones:before {
    content: "\e608"
}
.icon-phone:before {
    content: "\e609"
}
.icon-open:before {
    content: "\e60a"
}
.icon-sale:before {
    content: "\e60b"
}
.icon-diamond:before {
    content: "\e60c"
}
.icon-tablet:before {
    content: "\e60d"
}
.icon-music:before {
    content: "\e60e"
}
.icon-picture:before {
    content: "\e60f"
}
.icon-pictures:before {
    content: "\e610"
}
.icon-th:before {
    content: "\e611"
}
.icon-space-invaders:before {
    content: "\e61d"
}
.icon-menu:before {
    content: "\e61e"
}
.icon-retweet:before {
    content: "\e61f"
}
.icon-chart:before {
    content: "\e67b"
}
.icon-phone2:before {
    content: "\e67c"
}
.icon-gmail:before {
    content: "\e612"
}
.icon-skype:before {
    content: "\e613"
}
.icon-pocket:before {
    content: "\e614"
}
.icon-up-bold:before {
    content: "\e615"
}
.icon-right-bold:before {
    content: "\e616"
}
.icon-down-bold:before {
    content: "\e617"
}
.icon-left-bold:before {
    content: "\e618"
}
.icon-ok:before {
    content: "\e619"
}
.icon-home:before {
    content: "\e61a"
}
.icon-chrome:before {
    content: "\e61b"
}
.icon-safari:before {
    content: "\e61c"
}
.icon-opera:before {
    content: "\e620"
}
.icon-ie:before {
    content: "\e621"
}
.icon-firefox:before {
    content: "\e622"
}
.icon-link:before {
    content: "\e623"
}
.icon-new-tab:before {
    content: "\e624"
}
.icon-gplus:before {
    content: "\e625"
}
.icon-gplus-squared:before {
    content: "\e626"
}
.icon-facebook-rect:before {
    content: "\e627"
}
.icon-facebook:before {
    content: "\e628"
}
.icon-twitter:before {
    content: "\e629"
}
.icon-twitter-rect:before {
    content: "\e62a"
}
.icon-flickr:before {
    content: "\e62b"
}
.icon-pinterest:before {
    content: "\e6e3"
}
.icon-pinterest-circled:before {
    content: "\e6e1"
}
.icon-pinterest-rect:before {
    content: "\e62c"
}
.icon-rss:before {
    content: "\e62d"
}
.icon-vimeo:before {
    content: "\e62e"
}
.icon-cupcake:before {
    content: "\e62f"
}
.icon-raceflag:before {
    content: "\e630"
}
.icon-speaker:before {
    content: "\e631"
}
.icon-th-large:before {
    content: "\e632"
}
.icon-lock:before {
    content: "\e633"
}
.icon-unlock:before {
    content: "\e634"
}
.icon-alarm:before {
    content: "\e635"
}
.icon-clock:before {
    content: "\e636"
}
.icon-coffee:before {
    content: "\e637"
}
.icon-building:before {
    content: "\e638"
}
.icon-metro:before {
    content: "\e639"
}
.icon-automobile:before {
    content: "\e63a"
}
.icon-bus:before {
    content: "\e63b"
}
.icon-shipping:before {
    content: "\e63c"
}
.icon-warmedal:before {
    content: "\e63d"
}
.icon-crown:before {
    content: "\e63e"
}
.icon-doc:before {
    content: "\e63f"
}
.icon-docs:before {
    content: "\e640"
}
.icon-download:before {
    content: "\e643"
}
.icon-upload:before {
    content: "\e644"
}
.icon-plus:before {
    content: "\e645"
}
.icon-minus:before {
    content: "\e646"
}
.icon-evernote:before {
    content: "\e647"
}
.icon-martini:before {
    content: "\e648"
}
.icon-trophy:before {
    content: "\e649"
}
.icon-podium:before {
    content: "\e64a"
}
.icon-google:before {
    content: "\e64b"
}
.icon-popup:before {
    content: "\e64c"
}
.icon-pencil:before {
    content: "\e64d"
}
.icon-blocked:before {
    content: "\e64e"
}
.icon-checkbox-checked:before {
    content: "\e64f"
}
blockquote:after, .icon-quote-right:before {
    content: "\e650"
}
blockquote:before, .icon-quote-left:before {
    content: "\e651"
}
.icon-cmd:before {
    content: "\e652"
}
.icon-terminal:before {
    content: "\e653"
}
.icon-finder:before {
    content: "\e654"
}
.icon-bookmark:before {
    content: "\e655"
}
.star-rating .star-full:before, .icon-star:before {
    content: "\e656"
}
.star-rating .star-half:before, .icon-star-half:before {
    content: "\e657"
}
.star-rating .star-empty:before, .icon-star-empty:before {
    content: "\e658"
}
.icon-yahoo:before {
    content: "\e659"
}
.icon-eye:before {
    content: "\e65a"
}
.icon-wordpress:before {
    content: "\e65b"
}
.icon-podcast:before {
    content: "\e65c"
}
.icon-connection:before {
    content: "\e65d"
}
.icon-volume-up:before {
    content: "\e65e"
}
.icon-volume-off:before {
    content: "\e65f"
}
.icon-404:before {
    content: "\e660"
}
.icon-paypal:before {
    content: "\e661"
}
.icon-visa:before {
    content: "\e6c8"
}
.icon-mastercard:before {
    content: "\e6c9"
}
.icon-mobile:before {
    content: "\e662"
}
.icon-desktop:before {
    content: "\e663"
}
.icon-login:before {
    content: "\e664"
}
.icon-logout:before {
    content: "\e665"
}
.icon-food:before {
    content: "\e666"
}
.icon-facebook-circled:before {
    content: "\e667"
}
.icon-twitter-circled:before {
    content: "\e668"
}
.icon-rss-rect:before {
    content: "\e669"
}
.icon-rss-circled:before {
    content: "\e66a"
}
.icon-tumblr:before {
    content: "\e66b"
}
.icon-gift:before {
    content: "\e66c"
}
.icon-movie:before {
    content: "\e66d"
}
.icon-attach:before {
    content: "\e66e"
}
.icon-videocam:before {
    content: "\e66f"
}
.icon-list:before {
    content: "\e670"
}
.icon-equalizer:before {
    content: "\e671"
}
.icon-gplus-circled:before {
    content: "\e672"
}
.icon-ok-circled:before {
    content: "\e601"
}
.icon-left-circled:before {
    content: "\e673"
}
.icon-right-circled:before {
    content: "\e674"
}
.icon-up-circled:before {
    content: "\e675"
}
.icon-down-circled:before {
    content: "\e676"
}
.icon-video-play:before {
    content: "\e67d"
}
.icon-youtube-rect:before {
    content: "\e6e2"
}
.icon-youtube:before {
    content: "\e67e"
}
.icon-calendar:before {
    content: "\e67f"
}
.icon-search:before {
    content: "\e680"
}
.icon-cross-circled:before {
    content: "\e681"
}
.icon-minus-ciecled:before {
    content: "\e682"
}
.icon-plus-circled:before {
    content: "\e683"
}
.icon-appstore:before, .icon-apple:before {
    content: "\e684"
}
.icon-windows:before {
    content: "\e685"
}
.icon-android:before {
    content: "\e686"
}
.icon-linux:before {
    content: "\e687"
}
.meta-cat.tag a::before, .tagcloud a::before, .icon-tag:before {
    content: "\e688"
}
.icon-tags:before {
    content: "\e689"
}
.icon-comment:before {
    content: "\e68a"
}
.icon-comments:before {
    content: "\e68b"
}
.icon-user:before {
    content: "\e68c"
}
.icon-users:before {
    content: "\e68d"
}
.icon-folder:before {
    content: "\e68e"
}
.icon-folder-open:before {
    content: "\e68f"
}
.icon-folder-alt:before {
    content: "\e690"
}
.icon-folder-open-alt:before {
    content: "\e691"
}
.icon-comment-alt:before {
    content: "\e692"
}
.icon-floppy:before {
    content: "\e693"
}
.icon-dropbox:before {
    content: "\e694"
}
.icon-heart-empty:before {
    content: "\e695"
}
.icon-heart:before {
    content: "\e696"
}
.icon-thumbs-down:before {
    content: "\e697"
}
.icon-thumbs-up:before {
    content: "\e698"
}
.icon-right-hand:before {
    content: "\e699"
}
.icon-left-hand:before {
    content: "\e69a"
}
.icon-up-hand:before {
    content: "\e69b"
}
.icon-down-hand:before {
    content: "\e69c"
}
.icon-cog:before {
    content: "\e69d"
}
.icon-print:before {
    content: "\e69e"
}
.icon-plane:before {
    content: "\e69f"
}
.icon-zoom-in:before {
    content: "\e6a0"
}
.icon-zoom-out:before {
    content: "\e6a1"
}
.icon-laptop:before {
    content: "\e6a2"
}
.icon-globe:before {
    content: "\e6a3"
}
.icon-angle-circled-left:before {
    content: "\e677"
}
.icon-angle-circled-right:before {
    content: "\e678"
}
.icon-angle-circled-up:before {
    content: "\e679"
}
.icon-angle-circled-down:before {
    content: "\e67a"
}
.icon-angle-left:before {
    content: "\e6a7"
}
.icon-angle-right:before {
    content: "\e6a8"
}
.icon-angle-up:before {
    content: "\e6a9"
}
.icon-angle-down:before {
    content: "\e6aa"
}
.icon-double-angle-left:before {
    content: "\e6be"
}
.icon-double-angle-right:before {
    content: "\e6bf"
}
.icon-double-angle-up:before {
    content: "\e6c0"
}
.icon-double-angle-down:before {
    content: "\e6c1"
}
#hd-slideshow .button-previous:before, .icon-left-open:before {
    content: "\e6a4"
}
.icon-down-open:before {
    content: "\e6a5"
}
.icon-up-open:before {
    content: "\e6a6"
}
.icon-info:before {
    content: "\e6ab"
}
.icon-triangle-right:before {
    content: "\e6ac"
}
.icon-triangle-up:before {
    content: "\e6ad"
}
.icon-triangle-down:before {
    content: "\e6ae"
}
.icon-triangle-left:before {
    content: "\e6af"
}
.icon-leaf:before {
    content: "\e6b0"
}
.icon-bookmark-narrow:before {
    content: "\e6b1"
}
.icon-bag:before {
    content: "\e6b2"
}
.icon-info-circled:before {
    content: "\e6b3"
}
.icon-attention:before {
    content: "\e6b4"
}
.icon-help-circled:before {
    content: "\e6b5"
}
.icon-help:before {
    content: "\e6b6"
}
.icon-ccw:before {
    content: "\e6b7"
}
.icon-cw:before {
    content: "\e6b8"
}
#hd-slideshow .button-next:before, .icon-right-open:before {
    content: "\e6b9"
}
.icon-starburst:before {
    content: "\e6ba"
}
.icon-written-doc:before {
    content: "\e6bb"
}
.icon-camera:before {
    content: "\e6bc"
}
.icon-basket:before {
    content: "\e6bd"
}
.icon-torigate:before {
    content: "\e6c3"
}
.icon-christmastree:before {
    content: "\e6c4"
}
.icon-email:before {
    content: "\e6c5"
}
.icon-safe:before {
    content: "\e6ca"
}
.icon-dollar:before {
    content: "\e6cb"
}
.icon-dollar2:before {
    content: "\e6cc"
}
.icon-basket2:before {
    content: "\e6cd"
}
.icon-credit:before {
    content: "\e6ce"
}
.icon-ambulance:before {
    content: "\e6d0"
}
.icon-cogs:before {
    content: "\e6cf"
}
.icon-hospital:before {
    content: "\e6d1"
}
.icon-arrow-left-pop:before {
    content: "\e6d3"
}
.icon-arrow-right-pop:before {
    content: "\e6d4"
}
.icon-arrow-up-pop:before {
    content: "\e6d5"
}
.icon-arrow-down-pop:before {
    content: "\e6d6"
}
.icon-code:before {
    content: "\e6d2"
}
.icon-palette:before {
    content: "\e6dd"
}
.icon-trash-empty:before {
    content: "\e6de"
}
.icon-trash-full:before {
    content: "\e6df"
}
.icon-dot:before {
    content: "\e6dc"
}
.icon-left-light:before {
    content: "\e6d7"
}
.widget_nav_menu li ul li a::before, .widget_pages li ul li a::before, .widget_categories li ul li a::before, .icon-right-light:before {
    content: "\e6d8"
}
.icon-up-light:before {
    content: "\e6d9"
}
.icon-down-light:before {
    content: "\e6da"
}
.icon-spaced-menu:before {
    content: "\e6db"
}
.icon-instagram:before {
    content: "\e6e0"
}
.icon-triangle-up-down:before {
    content: "\e6f5"
}
.icon-baby:before {
    content: "\e6e4"
}
.icon-finger-slide-up:before {
    content: "\e6e6"
}
.icon-finger-slide-down:before {
    content: "\e6e7"
}
.icon-finger-tap:before {
    content: "\e6ea"
}
.icon-finger-pinch-out:before {
    content: "\e6eb"
}
.icon-finger-pinch-in:before {
    content: "\e6ec"
}
.icon-finger-point:before {
    content: "\e6f1"
}
.icon-book-open:before {
    content: "\e6ed"
}
.icon-man:before {
    content: "\e6ee"
}
.icon-woman:before {
    content: "\e6ef"
}
.icon-database:before {
    content: "\e6f0"
}
.icon-keyboard:before {
    content: "\e6f3"
}
.icon-powercord:before {
    content: "\e6f4"
}
.icon-beer:before {
    content: "\e6f7"
}
.icon-amazon:before {
    content: "\e6f8"
}
.icon-game-pad:before {
    content: "\e6f9"
}
.icon-hatebu:before {
    content: "\e6f6"
}
.icon-piano:before {
    content: "\e6fb"
}
.icon-ticket:before {
    content: "\e6fc"
}
.icon-play:before {
    content: "\e6fd"
}
.icon-pause:before {
    content: "\e6fe"
}
.icon-stop:before {
    content: "\e6ff"
}
.icon-backward:before {
    content: "\e700"
}
.icon-forward:before {
    content: "\e701"
}
.icon-first:before {
    content: "\e702"
}
.icon-last:before {
    content: "\e703"
}
.icon-previous:before {
    content: "\e704"
}
.icon-next:before {
    content: "\e705"
}
.icon-spinner:before {
    content: "\e706"
}
.icon-spinner2:before {
    content: "\e707"
}
.icon-spinner3:before {
    content: "\e708"
}
.icon-spinner4:before {
    content: "\e709"
}
.icon-spinner5:before {
    content: "\e70a"
}
.icon-spinner6:before {
    content: "\e70b"
}
.dp_spinner:before, .icon-spinner7:before {
    content: "\e70c"
}
.icon-spinner8:before {
    content: "\e70d"
}
.icon-spinner9:before {
    content: "\e70e"
}
.icon-spinner10:before {
    content: "\e70f"
}
.icon-creativecommons:before {
    content: "\e711"
}
.icon-spam:before {
    content: "\e710"
}
.icon-microphone:before {
    content: "\e712"
}
.icon-microphone-off:before {
    content: "\e713"
}
.icon-microphone2:before {
    content: "\e717"
}
.icon-box2:before {
    content: "\e714"
}
.icon-box-opened:before {
    content: "\e715"
}
.icon-box:before {
    content: "\e716"
}
.icon-zip:before {
    content: "\e718"
}
.icon-book:before {
    content: "\e91f"
}
.icon-minus2:before {
    content: "\e719"
}
.icon-plus2:before {
    content: "\e71a"
}
.icon-cross:before {
    content: "\e71b"
}
.icon-cake:before {
    content: "\e243"
}
.icon-update:before {
    content: "\ea2e"
}
.icon-html5:before {
    content: "\e71c"
}
.icon-css3:before {
    content: "\e71d"
}
.icon-yen:before {
    content: "\e900"
}
.icon-coin-yen:before {
    content: "\e901"
}
.icon-new1:before {
    content: "\e905"
}
.icon-new2:before {
    content: "\e902"
}
.icon-new3:before {
    content: "\e904"
}
.icon-new4:before {
    content: "\e903"
}
.icon-google-drive:before {
    content: "\eeee"
}
.icon-dot-menu:before {
    content: "\ec6a"
}
.icon-dot-menu2:before {
    content: "\ec5c"
}
.icon-location:before {
    content: "\ea38"
}
.icon-location2:before {
    content: "\ea39"
}
.icon-cube3:before {
    content: "\ec1a"
}
.icon-cube4:before {
    content: "\ec1b"
}
.icon-code2:before {
    content: "\eed1"
}
.icon-onedrive:before {
    content: "\ef0e"
}
.icon-soundcloud:before {
    content: "\ef22"
}
.icon-soundcloud2:before {
    content: "\ef23"
}
.icon-sun:before {
    content: "\e908"
}
.icon-sun2:before {
    content: "\e909"
}
.icon-moon:before {
    content: "\e906"
}
.icon-moon2:before {
    content: "\e907"
}
.icon-share:before {
    content: "\e25a"
}
.icon-bed:before {
    content: "\ecdd"
}
.icon-sofa:before {
    content: "\ecde"
}
.icon-diving-goggle:before {
    content: "\e90a"
}
.icon-sports-shoe:before {
    content: "\e90b"
}
.icon-sports-shoe2:before {
    content: "\e90c"
}
.icon-display:before {
    content: "\ea75"
}
.icon-t-shirt::before {
    content: "\e90d"
}
.icon-edge::before {
    content: "\ef3b"
}
.icon-wakaba-mark::before {
    content: "\e910"
}
.icon-bicycle::before {
    content: "\e1d3"
}
.icon-ferry::before {
    content: "\e1cc"
}
.icon-train::before {
    content: "\e1ce"
}
.icon-walk::before {
    content: "\e1d0"
}
.icon-rest::before {
    content: "\e1d2"
}
.icon-window::before {
    content: "\e918"
}
.icon-disc::before {
    content: "\ea8f"
}
.icon-key-a::before {
    content: "\ee5d"
}
.icon-one-finger-swipe-left::before {
    content: "\e912"
}
.icon-one-finger-swipe-right::before {
    content: "\e913"
}
.icon-one-finger-swipe-up::before {
    content: "\e914"
}
.icon-one-finger-swipe-down::before {
    content: "\e915"
}
.icon-yen2::before {
    content: "\e761"
}
.icon-lamp::before {
    content: "\e7bc"
}
.icon-store::before {
    content: "\e9fd"
}
.icon-line::before {
    content: "\e90e"
}
.icon-line-spacing::before {
    content: "\e9ac"
}
.icon-sort-asc::before {
    content: "\ee50"
}
.icon-sort-desc::before {
    content: "\ee51"
}
.icon-hammer-wrench::before {
    content: "\e693"
}
.icon-hammer-wrench2::before {
    content: "\eb69"
}
.icon-coffee2::before {
    content: "\ebcb"
}
.icon-pill::before {
    content: "\eb7c"
}
.icon-construction::before {
    content: "\eb7d"
}
.icon-stethoscope::before {
    content: "\eb73"
}
.icon-pandage::before {
    content: "\eb77"
}
.icon-syringe::before {
    content: "\eb7b"
}
.icon-scissor::before {
    content: "\ee85"
}
.icon-haircut::before {
    content: "\ee87"
}
.icon-stamp::before {
    content: "\e625"
}
.icon-stamp2::before {
    content: "\e939"
}
.icon-linkedin::before {
    content: "\eac8"
}
.icon-fish::before {
    content: "\e81f"
}
.icon-steak::before {
    content: "\ebbf"
}
.icon-bread::before {
    content: "\e822"
}
.icon-hamburger:before {
    content: "\ebc2"
}
.icon-pizza::before {
    content: "\ebc3"
}
.icon-apple2::before {
    content: "\ebcf"
}
.icon-tiktok::before {
    content: "\e90f"
}
.icon-guitar::before {
    content: "\e6e9"
}
.icon-soccer::before {
    content: "\ec37"
}
.icon-tennis::before {
    content: "\ec3c"
}
.icon-basketball::before {
    content: "\ec3f"
}
.icon-sunglass::before {
    content: "\e911"
}
.icon-watch::before {
    content: "\ea52"
}
.icon-smart-watch::before {
    content: "\e916"
}
.icon-refrigerator::before {
    content: "\e917"
}
.icon-microwave-oven::before {
    content: "\e919"
}
.icon-accessibility::before {
    content: "\ec29"
}
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
@font-face {
    font-family: 'Hiragino Sans';
    src: local(HiraginoSans-W3);
    font-weight: normal
}
@font-face {
    font-family: 'Hiragino Sans';
    src: local(HiraginoSans-W6);
    font-weight: bold
}
@font-face {
    font-family: YuGothic;
    src: local("Yu Gothic Medium"), local("Yu Gothic");
    font-weight: 500
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0;
    outline: 0;
    font: inherit;
    font-style: normal;
    font-size: 100%;
    vertical-align: baseline
}
html {
    height: 100%;
    font-size: 62.5%
}
body {
    height: 100%;
    line-height: 1;
    word-wrap: break-word;
    word-break: break-word;
    text-rendering: geometricPrecision;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, YuGothic, "Yu Gothic", sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
    -webkit-text-size-adjust: 100%
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
    display: block
}
audio, applet, object, iframe, video {
    max-width: 100%
}
a, a:hover, a:visited, a:active {
    font-style: normal;
    font-weight: normal;
    text-decoration: none
}
a:active, a:focus {
    outline: 0
}
h1, h2, h3, h4, h5, h6 {
    font-style: normal;
    font-weight: normal
}
img {
    border: 0;
    margin: 0;
    padding: 0;
    line-height: 0;
    vertical-align: bottom
}
br {
    letter-spacing: 0
}
ul {
    list-style: none
}
dl, table {
    position: relative;
    border-collapse: collapse;
    border-spacing: 0
}
caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}
strong, em, dt, th {
    font-weight: bold
}
dt, th, td {
    padding: 6px 8px 6px 8px
}
dd {
    padding: 8px 18px 12px 18px
}
q, blockquote {
    quotes: none
}
pre, code {
    overflow: auto;
    white-space: pre;
    text-shadow: none;
    font-family: Consolas, Monaco, monospace, Courier, Menlo, "Hiragino Kaku Gothic ProN", Meiryo, YuGothic, "Yu Gothic", sans-serif
}
input, textarea, table {
    word-wrap: normal;
    word-break: normal
}
button {
    font-size: 100%;
    border: 0;
    border-radius: 0
}
button:focus {
    outline: 0
}
::-moz-selection {
    color: #383838;
    background: rgba(0, 0, 0, 0.1);
    text-shadow: none
}
::selection {
    color: #383838;
    background: rgba(0, 0, 0, 0.1);
    text-shadow: none
}
a.btn, .dp-container a.btn, .dp-container .entry a.btn, .dp-container .dp_text_widget a.btn, .dp-container .textwidget a.btn, button.btn, input.btn, p.label, span.label, div.label {
    position: relative;
    text-decoration: none;
    text-align: center;
    text-shadow: none
}
a.btn::before, .dp-container a.btn::before, .dp-container .entry a.btn::before, .dp-container .dp_text_widget a.btn::before, .dp-container .textwidget a.btn::before, button.btn::before, input.btn::before, p.label::before, span.label::before, div.label::before {
    position: relative
}
a.btn, .dp-container a.btn, .dp-container .entry a.btn, .dp-container .dp_text_widget a.btn, .dp-container .textwidget a.btn, button.btn, input.btn, p.label, span.label, div.label, .bx-pager .bx-pager-item a {
    display: inline-block
}
div.phg-af-box img, div.ls-af-box img {
    border: 0
}
.plx_bg, .plx_bg::before, .plx_bg::after {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}
.loop-section .meta-author img.avatar, .loop-post-thumb:hover a, .meta-author img.avatar, .bx-viewport {
    -webkit-transform: translateZ(0)
}
#comment_section .commentlist ul.children {
    border-radius: 3px
}
.single-nav {
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    opacity: 0;
    visibility: hidden
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
    -webkit-opacity: .7;
    -khtml-opacity: .7;
    -moz-opacity: .7;
    -o-opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    opacity: .7;
    visibility: visible
}
#dp_breadcrumb_nav a:hover, .loop-title a:hover, .sidebar a:hover, #footer_menu_ul .menu-item .menu-link:hover, .tooltip-div {
    -webkit-opacity: .8;
    -khtml-opacity: .8;
    -moz-opacity: .8;
    -o-opacity: .8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
    opacity: .8;
    visibility: visible
}
.single-nav.show {
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
    opacity: 1;
    visibility: visible
}
.loop-section.slider .wp-post-image {
    -webkit-filter: brightness(80%);
    filter: brightness(80%)
}
.ct-hd .meta-cat a:hover, .meta-cat a:hover, .widget-post-thumb:hover .post-thumb, .entry a:hover img {
    -webkit-filter: brightness(110%);
    filter: brightness(110%)
}
.loop-section.slider .loop-article {
    -webkit-transition: none;
    transition: none
}
.dp_related_posts.vertical li::after, ul.recent_entries li::after, .widget_nav_menu li a::after, .widget_pages li a::after, .widget_categories li a::after, #hd_searchform .fx_wrapper, .hd_sns_links ul li .fx_wrapper, #hd_searchform i, .hd_sns_links ul li i, .loop-section .more-link a .r-wrap, .navigation a .r-wrap, .loop-section .more-link a .r-wrap::after, .navigation a .r-wrap::after, .header_content .h_group .caption, #global_menu_ul .menu-item .sub-menu, #hd_searchform #dp_hd_gcs input.gsc-input, #hd_hidden_menu_btn::before, #hd_hidden_menu_btn::after, #hd_hidden_menu_btn span, .loop-section.portfolio .loop-article-content, .loop-section.portfolio .loop-flipper.forward::before, .loop-section.portfolio .loop-table, .loop-section .more-link a i::before, .loop-media-icon, .loop-title, .single-article .single_post_meta .meta-cat a, .single-article .single_post_meta .loop-share-num .sitem, .author_info .author_sns a, .dp_related_posts li, .dp_related_posts .meta-cat a, #commentform input[type="submit"], #switch_comment_type li::before, #comment_section li.comment.depth-1::after, #comment_section li.trackback.depth-1::after, #comment_section li.pingback.depth-1::after, .single-nav li .nav-title, #wp-calendar tbody td a::before, .dp_feed_widget a, .dp_tab_widget_ul li::before, .dp_tab_widget_ul_wrapper .dp_tab_sline, #gotop, .search-form .preset-words-area a.pword, .search-form .submit-area button.search-btn {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}
.loop-section.normal .loop-article::after, .loop-section.blog-mag .loop-article::after, .loop-section.news .loop-article::after, .loop-post-thumb .thumb-link::after, .header_content, .header_content .h_group, .header_content .hd_title.img img, .header_content #expand_float_menu i::before, .header_content #expand_float_menu i::after, #global_menu_nav .gnav_sline, #global_menu_ul .menu-item .menu-title, #global_menu_ul .menu-item .menu-caption, #global_menu_ul .menu-item.menu-item-has-children::after, .hidden_modal_window, .hidden_modal_window .search-form, .hidden_modal_window .inner_div, .loop-section.slider .loop-table.one, .loop-section .loop-share-num, .loop-section .meta-cat, .loop-section .meta-views, .label_ft, .single-nav, .single-nav li .nav-thumb, .single-nav i::before, .dp-pagenavi a, .dp-pagenavi .page-numbers, .dp-pagenavi .current, .more-entry-link a, .tagcloud a, .entry a img, .recent_entries li, .header-banner-inner.post-slider .slide .sl-article, .bx-viewport .sl-img {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}
.loop-section .meta-author {
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}
.ct-hd.no_bgimg::before, .ct-hd.no_bgimg::after, .bx-controls-direction a, .bx-controls-direction a i::before, .bx-controls-direction a i::after {
    -webkit-transition: all .6s ease;
    transition: all .6s ease
}
.widget-on-top-banner.show_ticker::before, .header-banner-content #banner_caption::before, .ct-hd .title-desc::before, .ct-hd .meta-info::before, .widget-on-top-banner.show_ticker::after, .header-banner-content #banner_caption::after, .ct-hd .title-desc::after, .ct-hd .meta-info::after, body.home.pace-done #header_container, body.home.pace-done #header-banner-outer, body.home.pace-done #container, body.home.pace-done #dpplayer, .header-banner-outer.pacedone, .loop-section .aslider img, .wp-post-image, .pace {
    -webkit-transition: all .8s ease;
    transition: all .8s ease
}
.widget-post-thumb .post-thumb {
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}
.loop-section .meta-author {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}
.loop-section.portfolio .meta-cat {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}
.loop-section.portfolio .loop-table.flipover, .loop-section.portfolio .loop-share-num {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}
.header-banner-outer.pacedone, .widget-on-top-banner.show_ticker::before, .widget-on-top-banner.show_ticker::after {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}
#switch_comment_type li.active_tab::before, #switch_comment_type li:hover::before, .dp_tab_widget_ul li.active_tab::before, .dp_tab_widget_ul li:hover::before {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0)
}
.hidden-close-btn::before, #hd_hidden_menu_btn.show::before, #wp-calendar tbody td a::before {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.hidden-close-btn::after, #hd_hidden_menu_btn.show::after {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.bx-controls-direction a.bx-next i {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
#switch_comment_type li::before, .dp_tab_widget_ul li::before {
    -ms-transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg)
}
#global_menu_ul .menu-item .menu-caption, #global_menu_ul .menu-item:hover .menu-link.has_cap, .loop-section.portfolio .loop-article.one .loop-flipper.flipover {
    -ms-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}
.loop-section.portfolio .loop-article:hover.one .loop-article-content {
    -ms-transform: rotateX(-180deg);
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}
.loop-media-icon {
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0)
}
.loop-post-thumb:hover .loop-media-icon {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}
.loop-section .more-link a .r-wrap:hover::after, .navigation a .r-wrap:hover::after {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}
.loop-section.portfolio .loop-article:hover .meta-cat, .loop-section.portfolio .loop-article:hover .loop-share-num {
    -ms-transform: none;
    -webkit-transform: none;
    transform: none
}
.loop-section.portfolio .meta-cat {
    -ms-transform: translateY(-20px) scale(1.5);
    -webkit-transform: translateY(-20px) scale(1.5);
    transform: translateY(-20px) scale(1.5)
}
.loop-section.portfolio .loop-share-num {
    -ms-transform: translateY(20px) scale(1.5);
    -webkit-transform: translateY(20px) scale(1.5);
    transform: translateY(20px) scale(1.5)
}
.loop-post-thumb:hover .wp-post-image, .widget-post-thumb:hover .post-thumb {
    -ms-transform: translate3d(4%, 0, 0) scale(1.08);
    -webkit-transform: translate3d(4%, 0, 0) scale(1.08);
    transform: translate3d(4%, 0, 0) scale(1.08)
}
.header-banner-content.pacedone #banner_caption::before, .header-banner-content.pacedone #banner_caption::after, .header-banner-content.pacedone .widget-on-top-banner.show_ticker::before, .header-banner-content.pacedone .widget-on-top-banner.show_ticker::after, .ct-hd .title-desc.show::before, .ct-hd .title-desc.show::after, .ct-hd .meta-info.show::before, .ct-hd .meta-info.show::after {
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0)
}
.loop-sec-header h1, .inside-title, #reply-title {
    position: relative;
    margin: 0 auto 35px;
    padding-bottom: 30px;
    font-size: 24px;
    font-size: 2.4rem;
    text-align: center;
    line-height: 1.4;
    letter-spacing: .02em;
    word-break: break-all;
    display: block
}
.loop-sec-header h1::before, .inside-title::before, #reply-title::before, .loop-sec-header h1::after, .inside-title::after, #reply-title::after {
    position: absolute;
    bottom: 1px;
    left: 50%;
    margin-left: -9%;
    content: "";
    width: 18%;
    height: 2px
}
.loop-sec-header h1::after, .inside-title::after, #reply-title::after {
    bottom: -3px
}
.dp_related_posts .meta-cat a, #comment_section .comment-reply-link, .tagcloud a {
    position: relative;
    display: inline-block;
    padding: 0 8px;
    margin: 0 5px 7px 0;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 2;
    letter-spacing: .04em;
    white-space: nowrap;
    border: 1px solid;
    border-radius: 12px
}
.meta-cat.tag a::before, .tagcloud a::before {
    position: absolute;
    top: 50%;
    left: 5px;
    margin: -6px 0 0 0
}
.content .trackback_url_area, .dp_related_posts, #commentform, #comment_section, #respond, .dp_fb_comments_div, .fb-page, .widget-box, .widget-box.loop-div {
    margin-bottom: 40px
}
.loop-section.blog-mag .loop-title {
    position: relative;
    margin-bottom: 4%;
    padding: 0;
    width: 100%
}
.loop-section.normal .loop-article::before, .loop-section.blog-mag .loop-article::before, .loop-section.news .loop-article::before, .loop-section.normal .loop-article::after, .loop-section.blog-mag .loop-article::after, .loop-section.news .loop-article::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px
}
.loop-section.normal .loop-article::before, .loop-section.blog-mag .loop-article::before, .loop-section.news .loop-article::before {
    width: 100%
}
.loop-section.normal .loop-article::after, .loop-section.blog-mag .loop-article::after, .loop-section.news .loop-article::after {
    width: 0
}
.loop-section.normal .loop-article:hover::after, .loop-section.blog-mag .loop-article:hover::after, .loop-section.news .loop-article:hover::after {
    width: 50%
}
.widget-on-top-banner.show_ticker::before, .header-banner-content #banner_caption::before, .ct-hd .title-desc::before, .ct-hd .meta-info::before, .widget-on-top-banner.show_ticker::after, .header-banner-content #banner_caption::after, .ct-hd .title-desc::after, .ct-hd .meta-info::after {
    content: '';
    position: absolute;
    left: 50%;
    width: 60px;
    height: 2px;
    margin-top: -1px
}
.widget-on-top-banner.show_ticker::before, .header-banner-content #banner_caption::before, .ct-hd .title-desc::before, .ct-hd .meta-info::before {
    margin-left: -60px;
    -ms-transform: translateX(-60px);
    -webkit-transform: translateX(-60px);
    transform: translateX(-60px)
}
.widget-on-top-banner.show_ticker::after, .header-banner-content #banner_caption::after, .ct-hd .title-desc::after, .ct-hd .meta-info::after {
    -ms-transform: translateX(60px);
    -webkit-transform: translateX(60px);
    transform: translateX(60px)
}
.dp_related_posts.vertical li, ul.recent_entries li, .widget_nav_menu li a, .widget_pages li a, .widget_categories li a {
    position: relative;
    border-bottom: 1px solid rgba(170, 170, 170, 0.48)
}
.dp_related_posts.vertical li::after, ul.recent_entries li::after, .widget_nav_menu li a::after, .widget_pages li a::after, .widget_categories li a::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    height: 2px
}
.dp_related_posts.vertical li:hover::after, ul.recent_entries li:hover::after, .widget_nav_menu li a:hover::after, .widget_pages li a:hover::after, .widget_categories li a:hover::after {
    width: 50%
}
.loop-section.portfolio .loop-flipper, .loop-section.portfolio .loop-flipper.flipover, .loop-section.portfolio .loop-flipper.flipover::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.loop-post-thumb .thumb-link::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 260%;
    height: 0;
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.ct-hd.bgimg::before, .loop-section.portfolio .loop-flipper.forward::before, #switch_comment_type li::before, .single-nav .navlink::before, .dp_tab_widget_ul li::before, .header-banner-inner.post-slider .slide .sl-article::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.plx_bg, .plx_bg::before, .plx_bg::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}
#hd_searchform .fx_wrapper, .hd_sns_links ul li .fx_wrapper {
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    margin: 0 10px
}
#hd_searchform .fx_wrapper:hover i::before, .hd_sns_links ul li .fx_wrapper:hover i::before {
    -webkit-animation: toLFromR .3s forwards;
    animation: toLFromR .3s forwards
}
#hd_searchform i::before, .hd_sns_links ul li i::before {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    display: block;
    text-align: center;
    width: 39px;
    height: 39px;
    line-height: 39px
}
@-webkit-keyframes toLFromR {
    49% {
        -webkit-transform: translate(-100%)
    }
    50% {
        -webkit-transform: translate(100%)
    }
    51% {
        opacity: 1
    }
}
@keyframes toLFromR {
    49% {
        -webkit-transform: translate(-100%);
        transform: translate(-100%)
    }
    50% {
        -webkit-transform: translate(100%);
        transform: translate(100%)
    }
    51% {
        opacity: 1
    }
}
.loop-section .more-link a, .navigation a {
    position: relative;
    text-decoration: none
}
.loop-section .more-link a .r-wrap, .navigation a .r-wrap {
    position: relative;
    display: block;
    opacity: .7;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.loop-section .more-link a .r-wrap::after, .navigation a .r-wrap::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ""
}
.loop-section .more-link a .r-wrap:hover, .navigation a .r-wrap:hover {
    opacity: 1
}
.loop-section .more-link a .r-wrap:hover::after, .navigation a .r-wrap:hover::after {
    opacity: 0
}
.dp_related_posts.horizontal ul {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch
}
.dp_related_posts.horizontal ul::-webkit-scrollbar {
    width: 8px;
    height: 8px
}
.dp_related_posts.horizontal ul::-webkit-scrollbar-track {
    background-color: rgba(170, 170, 170, 0.38)
}
.dp_related_posts.horizontal ul::-webkit-scrollbar-thumb {
    background-color: rgba(170, 170, 170, 0.62)
}
.dp_tab_widget_ul {
    -ms-overflow-style: none;
    scrollbar-width: none;
    scrollbar-height: none
}
.dp_tab_widget_ul::-webkit-scrollbar {
    display: none
}
code, .dp-container q, .dp-container blockquote, .dp-container table th, .dp-container table td, .dp-container dt, .dp-container dd, .author_info, .wp-caption {
    border: 1px solid rgba(170, 170, 170, 0.48)
}
.dp-container dl, .footer .copyright, #footer_menu_ul {
    border-top: 1px solid rgba(170, 170, 170, 0.48)
}
.single-article .single_post_meta, .dp_related_posts.news li, #comment_section li.comment, #comment_section li.trackback, #comment_section li.pingback, .dp_comment_list_section.as-wdgt li {
    border-bottom: 1px solid rgba(170, 170, 170, 0.48)
}
code, .dp-container q, .dp-container blockquote, .dp-container th, .dp-container dt, .loop-section:not(.portfolio) .loop-article::before, .loop-section:not(.portfolio) .loop-share-num i, .author_info .author_sns a, .wp-caption, #comment_section .commentlist ul.children, ul.recent_entries .loop-share-num i, #wp-calendar caption, #wp-calendar th, #wp-calendar td, #wp-calendar tbody td#today, .dp_feed_widget a {
    background-color: rgba(170, 170, 170, 0.16)
}
body {
    min-width: 1180px;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50%
}
code {
    display: inline-block;
    vertical-align: bottom;
    padding: 0 6px;
    margin: 3px 6px;
    line-height: 2;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 6px rgba(170, 170, 170, 0.26);
    box-shadow: 0 0 6px rgba(170, 170, 170, 0.26)
}
pre > code {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0;
    border: 0
}
hr, hr.wp-block-separator {
    height: 0;
    margin: 20px 0 40px;
    padding: 0;
    border-top: 1px dotted rgba(170, 170, 170, 0.68)
}
i {
    font-family: initial
}
.sticky {
    position: relative
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table
}
.clearfix:after {
    clear: both
}
.clearfix {
    zoom: 1
}
body.home.use-pace #header_container, body.home.use-pace #header-banner-outer, body.home.use-pace #container, body.home.use-pace #dpplayer {
    opacity: 0;
    visibility: hidden
}
body.home.pace-done #header_container, body.home.pace-done #header-banner-outer, body.home.pace-done #container, body.home.pace-done #dpplayer {
    opacity: 1;
    visibility: visible
}
.header_container {
    height: 80px;
    width: 100%
}
.header_container.home.show-header {
    margin-top: -80px
}
.header_container.home.show-header.show-ticker {
    margin-top: -146px
}
.header_container.not-home {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100
}
.header_container.not-home.float {
    position: fixed
}
.header_content {
    position: relative;
    top: 0;
    left: 0;
    height: 80px;
    width: 100%;
    padding: 0 30px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 11px;
    font-size: 1.1rem;
    z-index: 100
}
.header_content.home.no-header, .header_content.fixed {
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.16)
}
.header_content.fixed {
    position: fixed
}
.header_content.fixed.min {
    height: 60px
}
.header_content.fixed.min .h_group .caption {
    display: none
}
.header_content.fixed.min .hd_title.img img {
    max-height: 40px
}
.header_content .h_group {
    position: absolute;
    top: 50%;
    left: 30px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-right: 15px;
    max-width: 300px;
    display: inline-block;
    text-align: left;
    letter-spacing: .03em
}
.header_content .h_group .caption {
    font-size: 10px;
    font-size: 1rem;
    margin-top: 5px
}
.header_content .hd_title a {
    display: inline-block
}
.header_content .hd_title.txt {
    margin: 10px 0;
    font-size: 20px;
    font-size: 2rem
}
.header_content .hd_title.txt.no-cap {
    margin: 15px 0 0
}
.header_content .hd_title.img {
    margin: 0
}
.header_content .hd_title.img.no-cap img {
    max-height: 50px
}
.header_content .hd_title.img img {
    max-width: 300px;
    max-height: 40px;
    width: auto;
    height: auto
}
.header_content .r_block * {
    vertical-align: top;
    white-space: normal
}
.header_content .r_items {
    display: inline-block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.header_content #expand_float_menu {
    display: none;
    height: 40px;
    width: 40px;
    margin-left: 5px;
    vertical-align: top;
    text-align: center;
    font-size: 32px;
    font-size: 3.2rem
}
.header_content #expand_float_menu i {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    cursor: pointer
}
.header_content #expand_float_menu i::before, .header_content #expand_float_menu i::after {
    content: '•';
    position: absolute;
    top: 0;
    height: 0
}
.header_content #expand_float_menu i::before {
    left: 3px
}
.header_content #expand_float_menu i::after {
    right: 3px
}
#global_menu_nav {
    position: relative;
    display: inline-block
}
#global_menu_nav .gnav_sline {
    position: absolute;
    top: 0;
    height: 3px
}
#global_menu_nav.mq-mode {
    display: none;
    border-top: 1px solid
}
#global_menu_nav.mq-mode.show {
    display: block
}
#global_menu_nav.mq-mode .menu-link {
    border-bottom: 1px solid
}
#global_menu_nav.mq-mode .menu-link::after {
    content: none !important
}
#global_menu_ul {
    letter-spacing: -1em;
    z-index: 1
}
#global_menu_ul a:hover {
    text-decoration: none
}
#global_menu_ul.min .menu-item {
    line-height: 60px
}
#global_menu_ul.min .menu-item .menu-link::after {
    top: 60px
}
#global_menu_ul.no-header .menu-item .sub-menu, #global_menu_ul.fixed .menu-item .sub-menu {
    top: 110px;
    bottom: auto
}
#global_menu_ul.no-header .menu-item .sub-menu.show, #global_menu_ul.fixed .menu-item .sub-menu.show {
    top: 80px;
    bottom: auto
}
#global_menu_ul.no-header.min .menu-item .sub-menu, #global_menu_ul.fixed.min .menu-item .sub-menu {
    top: 90px
}
#global_menu_ul.no-header.min .menu-item .sub-menu.show, #global_menu_ul.fixed.min .menu-item .sub-menu.show {
    top: 60px
}
#global_menu_ul.no-header.min .menu-item .sub-menu .sub-menu, #global_menu_ul.fixed.min .menu-item .sub-menu .sub-menu {
    top: 30px
}
#global_menu_ul.no-header.min .menu-item .sub-menu .sub-menu.show, #global_menu_ul.fixed.min .menu-item .sub-menu .sub-menu.show {
    top: 0
}
#global_menu_ul .menu-item {
    position: relative;
    display: inline-block;
    line-height: 80px;
    letter-spacing: .03em;
    vertical-align: middle;
    font-size: 11.5px;
    font-size: 1.15rem
}
#global_menu_ul .menu-item .mq_sub_li {
    position: relative;
    float: right;
    text-align: center;
    width: 44px;
    height: 44px;
    display: block;
    cursor: pointer;
    z-index: 1000;
    display: none
}
#global_menu_ul .menu-item .mq_sub_li::before {
    width: 100%;
    line-height: 44px;
    cursor: pointer
}
#global_menu_ul .menu-item .menu-link {
    display: block;
    padding: 0 15px
}
#global_menu_ul .menu-item .menu-link.has_cap {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}
#global_menu_ul .menu-item .menu-title, #global_menu_ul .menu-item .menu-caption {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
#global_menu_ul .menu-item .menu-caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}
#global_menu_ul .menu-item.menu-item-has-children::after {
    content: "+";
    position: absolute;
    top: -1px;
    right: 4px
}
#global_menu_ul .menu-item.menu-item-has-children .menu-link {
    padding-right: 22px
}
#global_menu_ul .menu-item:hover.menu-item-has-children::after {
    opacity: 0
}
#global_menu_ul .menu-item:hover .menu-link.has_cap .menu-title {
    opacity: 0
}
#global_menu_ul .menu-item:hover .menu-caption {
    opacity: 1
}
#global_menu_ul .menu-item .sub-menu {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 110px;
    width: 200px
}
#global_menu_ul .menu-item .sub-menu.show {
    opacity: 1;
    visibility: visible;
    bottom: 80px
}
#global_menu_ul .menu-item .sub-menu .menu-item {
    display: block
}
#global_menu_ul .menu-item .sub-menu .menu-item::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%
}
#global_menu_ul .menu-item .sub-menu .menu-item .menu-link {
    line-height: 1.4;
    padding: 12px 14px
}
#global_menu_ul .menu-item .sub-menu .menu-item.menu-item-has-children::after {
    content: none
}
#global_menu_ul .menu-item .sub-menu.show .sub-menu, #global_menu_ul .menu-item .sub-menu .sub-menu {
    left: calc(50% - -200px);
    top: 0;
    bottom: auto
}
#hd_searchform {
    display: inline-block;
    margin-left: 15px;
    vertical-align: middle
}
#hd_searchform #dp_hd_gcs {
    width: 46px
}
#hd_searchform #dp_hd_gcs:hover input.gsc-input {
    width: 280px !important;
    padding: 0 45px 0 5px !important
}
#hd_searchform #dp_hd_gcs form.gsc-search-box {
    padding-top: 0 !important
}
#hd_searchform #dp_hd_gcs input.gsc-input {
    position: absolute;
    top: 0;
    right: -23px;
    width: 0 !important;
    padding: 0 44px 0 0 !important
}
#hd_search_btn {
    display: block;
    width: 40px;
    cursor: pointer
}
.hidden_modal_window {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow-y: scroll;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 9999
}
.hidden_modal_window.show {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}
.hidden_modal_window.show .search-form, .hidden_modal_window.show .inner_div {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}
.hidden_modal_window .search-form, .hidden_modal_window .inner_div {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    -webkit-transform: translate(-50%, calc(-50% - -60px));
    -ms-transform: translate(-50%, calc(-50% - -60px));
    transform: translate(-50%, calc(-50% - -60px))
}
.hidden_modal_window .search-form {
    max-width: 560px
}
.hidden_modal_window .search-form .words-area {
    height: 60px;
    border-width: 0 0 1px 0
}
.hidden_modal_window .search-form .words-area button.search-btn {
    height: 60px
}
.hidden_modal_window .search-form .words-area button.search-btn i {
    font-size: 28px;
    font-size: 2.8rem
}
.hidden_modal_window .search-form input.search-field {
    line-height: 60px;
    padding: 0;
    font-size: 40px;
    font-size: 4rem
}
.hidden-close-btn {
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
    display: block;
    width: 50px;
    height: 50px
}
.hidden-close-btn::before, .hidden-close-btn::after {
    position: absolute;
    top: 25px;
    right: 5px;
    content: "";
    width: 40px;
    height: 1px
}
#hd_hidden_menu_btn {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    margin-left: 10px;
    cursor: pointer
}
#hd_hidden_menu_btn::before, #hd_hidden_menu_btn::after {
    position: absolute;
    left: 0;
    margin: 0 0 0 10px;
    content: "";
    width: 20px;
    height: 2px
}
#hd_hidden_menu_btn::before {
    top: 12px
}
#hd_hidden_menu_btn span {
    position: relative;
    top: 50%;
    display: block;
    margin: -1px auto auto 10px;
    width: 20px;
    height: 2px
}
#hd_hidden_menu_btn::after {
    bottom: 12px
}
#hd_hidden_menu_btn.show::before {
    top: 20px
}
#hd_hidden_menu_btn.show span {
    width: 0;
    opacity: 0
}
#hd_hidden_menu_btn.show::after {
    bottom: 18px
}
#hd_hidden_menu_btn:hover::before {
    -ms-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px)
}
#hd_hidden_menu_btn:hover::after {
    -ms-transform: translateY(3px);
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
}
#hidden_global_menu {
    text-align: center
}
#hidden_global_menu .menu-item {
    font-size: 32px;
    font-size: 3.2rem;
    margin: 4vh auto
}
#hd_misc_div {
    font-size: 14px;
    font-size: 1.4rem;
    font-family: initial;
    text-align: center;
    margin-bottom: 10vh
}
.hd_sns_links ul {
    display: table;
    margin: 0 auto
}
.hd_sns_links ul li {
    display: table-cell;
    text-align: center
}
#hd_tel {
    display: inline-block
}
#hd_tel a {
    display: block;
    line-height: 40px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: -0.02em
}
#hd_tel * {
    vertical-align: middle
}
.header-banner-outer {
    position: relative;
    min-height: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden
}
.header-banner-container {
    position: fixed;
    top: 40%;
    width: 92%;
    margin: 0 4%
}
.header-banner-container.is-text-vertical {
    position: absolute;
    width: auto;
    top: 50%;
    left: 50%;
    margin: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.header-banner-container.is-text-vertical header {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-align: left;
    display: inline-block;
    max-height: 40vw;
    margin-bottom: 0;
    letter-spacing: .1em
}
.header-banner-container.is-text-vertical #banner_title {
    margin: auto;
    padding: 0 3rem
}
.header-banner-container.is-text-vertical #banner_caption {
    margin: auto;
    padding: 3rem 2rem 0 0;
    line-height: 2.6
}
.header-banner-container.is-text-vertical #banner_caption::before, .header-banner-container.is-text-vertical #banner_caption::after {
    content: none
}
.header-banner-container.is-text-vertical #banner_roll_title {
    margin: auto;
    overflow: visible;
    width: 3.2rem
}
.header-banner-container.is-text-vertical #banner_roll_title ul li {
    font-size: 2.8rem;
    max-height: 30vw;
    line-height: 1.1
}
.header-banner-container.is-text-vertical #banner_roll_title ul li.tickerHook {
    display: inline-block !important
}
.header-banner-container.is-text-vertical .widget-on-top-banner {
    margin-top: 4rem
}
.header-banner-container.is-text-vertical .widget-on-top-banner.show_ticker::before, .header-banner-container.is-text-vertical .widget-on-top-banner.show_ticker::after {
    content: none
}
.widget-on-top-banner {
    position: relative
}
.widget-on-top-banner.show_ticker::before, .widget-on-top-banner.show_ticker::after {
    top: -5vh
}
.widget-on-top-banner .widget-box {
    z-index: 0
}
.header-banner-content header {
    margin-bottom: 80px
}
.header-banner-content #banner_title {
    font-size: 40px;
    font-size: 4rem;
    margin-bottom: 60px
}
.header-banner-content #banner_caption {
    position: relative;
    display: inline-block;
    line-height: 1.6;
    font-size: 16px;
    font-size: 1.6rem
}
.header-banner-content #banner_caption::before, .header-banner-content #banner_caption::after {
    top: -30px
}
#banner_roll_title {
    position: relative;
    margin-bottom: 10vh;
    overflow: hidden
}
#banner_roll_title li {
    display: none;
    width: 100%;
    line-height: 1.4;
    font-size: 38px;
    font-size: 3.8rem
}
#dp_breadcrumb_nav {
    position: relative;
    margin: 0 auto;
    padding: 20px
}
#dp_breadcrumb_nav ul li {
    display: inline;
    position: relative;
    padding: 0;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.8
}
#dp_breadcrumb_nav ul li::after {
    content: '';
    width: 1px;
    height: 10px;
    display: inline-block;
    margin: 0 15px;
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
}
#dp_breadcrumb_nav ul li:last-child:after {
    content: none
}
#dp_breadcrumb_nav ul li span::before {
    vertical-align: middle
}
#headline-sec {
    position: relative;
    border: 1px solid;
    border-left: 0;
    border-right: 0;
    z-index: 0
}
#headline-sec .inner {
    margin: 0 auto;
    padding: 20px;
    line-height: 24px;
    font-size: 12.5px;
    font-size: 1.25rem
}
#headline-sec .inner a {
    display: inline-block
}
#headline-sec .headline_main_title {
    float: left;
    display: inline-block;
    margin: auto 25px auto 10px;
    padding: 0 10px;
    -webkit-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    transform: skewX(-15deg);
    line-height: 24px
}
#headline-sec .headline_main_title h1 {
    display: inline-block;
    -webkit-transform: skewX(15deg);
    -ms-transform: skewX(15deg);
    transform: skewX(15deg)
}
#headline-ticker.ticker {
    position: relative;
    text-align: left;
    overflow: hidden
}
#headline-ticker.ticker ul {
    width: 100%;
    position: relative
}
#headline-ticker.ticker ul li {
    width: 100%;
    display: none
}
#headline-ticker.ticker time {
    position: relative
}
#headline-ticker.ticker time::after {
    content: ":";
    margin: auto 10px
}
#headline-ticker.ticker .cat_link {
    display: inline-block;
    padding: 0 8px;
    line-height: 24px;
    margin-right: 10px;
    border: 1px solid;
    border-radius: 13px
}
.dp-container {
    position: relative;
    margin: 0 auto;
    overflow: hidden
}
.dp-container::before, .dp-container::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    z-index: -1
}
.dp-container.home.show-header::before, .dp-container.home.show-header::after {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}
.dp-container.singular.no-title #dp_breadcrumb_nav {
    margin-top: 80px
}
.dp-container ol li {
    margin: 2px 0 2px 20px
}
.dp-container blockquote {
    position: relative;
    padding: 20px 20px 50px;
    margin: 0 0 20px;
    border-radius: 3px
}
.dp-container blockquote::before, .dp-container blockquote::after {
    display: block;
    margin: 0;
    font-size: 18px;
    font-size: 1.8rem
}
.dp-container blockquote::after {
    position: absolute;
    right: 20px;
    bottom: 20px
}
.dp-container blockquote p:not(.label) {
    padding: 8px 15px 26px
}
.dp-container blockquote p:last-of-type {
    padding-bottom: 0
}
.dp-container pre {
    padding: 12px;
    margin-bottom: 30px;
    line-height: 1.8;
    max-height: 500px
}
.dp-container address {
    padding: 6px 0 6px 12px;
    margin-bottom: 30px;
    border-left-style: solid;
    border-left-width: 2px
}
.dp-container table, .dp-container dl {
    margin-bottom: 30px
}
.dp-container dt, .dp-container dd {
    border-top: 0
}
.dp-container pre, .dp-container td, .dp-container dd, .dp-container code, .dp-container blockquote {
    font-size: .94em
}
.dp-container td p:last-of-type, .dp-container dd p:last-of-type {
    padding-bottom: 0
}
.ct-hd {
    position: relative;
    text-align: center;
    min-height: 5vh;
    padding: 22vh 30px 18vh;
    color: #fff;
    overflow: hidden
}
.ct-hd.no_bgimg {
    min-height: 30vh;
    padding: 18vh 30px 14vh
}
.ct-hd.no_bgimg.video {
    opacity: .84
}
.ct-hd.no_bgimg::before, .ct-hd.no_bgimg::after {
    content: "";
    position: absolute;
    top: 0;
    width: 10%;
    height: 100%
}
.ct-hd.no_bgimg::before {
    left: 0;
    background-color: rgba(255, 255, 255, 0.2)
}
.ct-hd.no_bgimg::after {
    left: 10%;
    background-color: rgba(255, 255, 255, 0.1)
}
.ct-hd.no_bgimg:hover::before {
    left: 90%
}
.ct-hd.no_bgimg:hover::after {
    left: 80%
}
.ct-hd.bgimg {
    background-size: cover;
    background-position: 50%;
    background-attachment: fixed
}
.ct-hd.bgimg::before {
    background-color: rgba(0, 0, 0, 0.44)
}
.ct-hd.touch-device.bgimg {
    background-position: top center;
    background-attachment: initial
}
.ct-hd .hd-title {
    position: relative;
    font-size: 36px;
    font-size: 3.6rem
}
.ct-hd .sub-title {
    position: fixed;
    top: 18%;
    width: calc(100% - 60px);
    font-size: 80px;
    font-size: 8rem;
    text-align: right;
    color: rgba(255, 255, 255, 0.14);
    z-index: 0
}
.ct-hd .title-desc, .ct-hd .meta-info {
    position: relative;
    margin-top: 60px;
    font-style: italic;
    font-size: 13px;
    font-size: 1.3rem;
    z-index: 1
}
.ct-hd .title-desc *, .ct-hd .meta-info * {
    font-style: italic
}
.ct-hd .title-desc::before, .ct-hd .title-desc::after, .ct-hd .meta-info::before, .ct-hd .meta-info::after {
    top: -30px
}
.ct-hd .meta-info .meta {
    display: inline-block
}
.ct-hd .meta-info .meta::after {
    content: '-';
    position: relative;
    margin: auto 15px
}
.ct-hd .meta-info .meta:last-of-type::after {
    content: none
}
.ct-hd .meta-info a, .ct-hd .meta-info a:hover, .ct-hd .meta-info a:visited {
    color: #fff
}
.ct-hd .hd-cat {
    margin-bottom: 30px
}
.ct-hd .meta-cat a {
    font-size: 13px;
    font-size: 1.3rem;
    padding: 0 15px;
    line-height: 30px;
    color: #fff !important;
    background-color: rgba(255, 255, 255, 0.18);
    -webkit-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    transform: skewX(-15deg)
}
.ct-hd .meta-cat a > span {
    display: block;
    -webkit-transform: skewX(15deg);
    -ms-transform: skewX(15deg);
    transform: skewX(15deg)
}
.ct-hd.singular .hd-title {
    font-size: 27px;
    font-size: 2.7rem;
    display: inline-block
}
.ct-hd .cond_area {
    margin-top: 30px;
    line-height: 2;
    font-size: 13px;
    font-size: 1.3rem
}
.ct-hd .cond_area .cond_item {
    margin-right: 12px
}
.ct-hd .cond_area .cond_item:not(:last-of-type)::after {
    content: ',';
    padding-left: 4px
}
.content-wrap {
    width: 1180px;
    margin: 0 auto;
    padding: 60px 0 20px
}
.content-wrap:not(.home) {
    padding-top: 80px
}
.content-wrap.full-wide {
    width: 100%
}
.content-wrap.full-wide .widget-content {
    width: 1180px
}
.content {
    position: relative;
    min-height: 100%;
    height: auto;
    width: calc(100% - 356px)
}
.content.one-col {
    width: 100%
}
.content.one-col.narrow {
    width: 860px
}
.content.left {
    float: right
}
.content.right {
    float: left
}
.content .trackback_url_area {
    font-size: 12.5px
}
.content .trackback_url_area table th, .content .trackback_url_area table td {
    padding: 0;
    border: 0;
    font-weight: normal;
    background-color: transparent
}
.content .trackback_url_area table th {
    padding-right: 6px
}
.content .trackback_url_area table td {
    width: 100%
}
.content .trackback_url_area input {
    width: 100%;
    background-color: transparent;
    line-height: 1.2
}
.widget-container img:not(.avatar), .widget-content img:not(.avatar) {
    border: 0;
    padding: 0;
    margin: 0
}
.widget-container ul.recent_entries li, .widget-content ul.recent_entries li {
    padding: 10px 14px 10px 0;
    display: inline-block;
    width: 50%
}
.widget-container ul.recent_entries .widget-post-thumb, .widget-content ul.recent_entries .widget-post-thumb {
    padding: 0
}
.widget-container {
    margin: 0 auto
}
.widget-container.top {
    padding-top: 80px
}
.widget-container.top:not(.home) {
    padding-top: 120px
}
.widget-container.top .plx_widget:first-child {
    margin-top: -80px
}
.widget-container.top .plx_widget:last-of-type {
    margin-bottom: 40px
}
.widget-container.liquid .widget-box {
    width: 100%;
    padding: 0 2vw
}
.widget-container .widget-box {
    width: 1180px;
    margin-left: auto;
    margin-right: auto
}
.widget-container .widget-box.loop-div {
    max-width: 100%;
    padding: 0
}
.widget-container ul.recent_entries li {
    width: 33.33%
}
.widget-container .dp_tab_widget_ul {
    margin: 0 0 10px
}
.widget-container .loop-section.no-full {
    width: 1180px
}
.widget-content {
    margin: 0 auto
}
.widget-content.single {
    margin-bottom: 0
}
.widget-content.single .widget-box {
    padding: 0
}
.plx_widget {
    position: relative;
    text-align: center;
    padding: 5% 0;
    max-width: 100%;
    font-size: var(--base-text-size, inherit);
    color: var(--base-text-color, inherit);
    text-shadow: var(--base-text-shadow, none);
    z-index: 1
}
.plx_widget .widget-box {
    font-size: inherit
}
.plx_widget.no_title.no_desc.no_button .plx_original {
    margin-top: 0
}
.plx_widget.no_desc .plx_title {
    margin-bottom: 0
}
.plx_widget.no_button .plx_desc {
    margin-bottom: 0
}
.plx_widget.no_original.no_button .plx_desc {
    margin-bottom: 0
}
.plx_widget .widget-box {
    position: relative;
    margin-bottom: 0;
    z-index: 2
}
.plx_widget p {
    margin-bottom: 20px
}
.plx_widget [data-sr] {
    visibility: hidden
}
.plx_bg {
    overflow: hidden;
    z-index: 0
}
.plx_bg::before, .plx_bg::after {
    content: ''
}
.plx_bg::before {
    background-attachment: fixed;
    -webkit-transform: translateY(var(--top));
    -ms-transform: translateY(var(--top));
    transform: translateY(var(--top));
    background-image: var(--bg-image);
    background-size: var(--bg-size, 100% auto);
    background-position: var(--bg-position, 50%);
    background-repeat: repeat-y;
    z-index: 0
}
.plx_bg::after {
    background-color: var(--bg-color);
    z-index: 1
}
.plx_bg.on-touch-dev::before, .plx_bg.on-safari::before {
    background-attachment: scroll;
    background-position: 50%;
    background-size: cover
}
.plx_wrap {
    position: relative;
    vertical-align: top
}
.plx_wrap.use_img.left, .plx_wrap.use_img.right {
    width: 52%;
    text-align: left;
    display: inline-block
}
.plx_wrap.use_img.left {
    padding-left: 8%
}
.plx_wrap.use_img.right {
    padding-right: 8%
}
.plx_wrap.use_img.fit_img {
    width: 100%
}
.plx_wrap.use_img.fit_img.left {
    padding-left: 54%
}
.plx_wrap.use_img.fit_img.right {
    padding-right: 54%
}
.plx_wrap.is-text-vertical, .plx_wrap.is-text-vertical.use_img {
    text-align: center
}
.plx_wrap.is-text-vertical .plx_text_content {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-align: left;
    display: inline-block;
    max-height: 64vh;
    letter-spacing: .1em
}
.plx_wrap.is-text-vertical .plx_text_content .plx_title {
    margin: 0
}
.plx_wrap.is-text-vertical .plx_text_content .plx_desc {
    margin: 2.5rem 5rem 0 0;
    line-height: 2.6
}
.plx_wrap.is-text-vertical .plx_text_content p {
    margin: 0 0 0 2.5rem
}
.plx_wrap.is-text-vertical .plx_text_content p:last-of-type {
    margin: 0
}
.plx_wrap.is-text-vertical .plx_btn {
    margin-top: 4rem
}
.plx_text_content {
    max-width: 1180px;
    margin: auto
}
img.plx_img {
    display: inline-block;
    max-width: 100%;
    vertical-align: top
}
img.plx_img.left, img.plx_img.right {
    max-width: 48%
}
img.plx_img.top {
    margin-bottom: 40px
}
img.plx_img.bottom {
    margin-top: 40px
}
.plx_title {
    position: relative;
    margin-bottom: 3vw;
    line-height: 1.4;
    font-weight: bold;
    font-size: var(--title-size, inherit);
    color: var(--title-color, inherit)
}
.plx_desc {
    position: relative;
    margin-bottom: 4vw
}
.plx_btn {
    position: relative
}
.plx_btn a.btn {
    font-size: var(--btn-size, inherit);
    color: var(--btn-text-color, inherit);
    border-color: var(--btn-border-color, inherit)
}
.plx_btn a.btn::after {
    background: var(--btn-bg-color, inherit)
}
.plx_btn a.btn:hover {
    border-color: var(--btn-border-color, inherit) !important;
    color: var(--btn-hover-text-color, inherit) !important
}
.plx_original {
    position: relative;
    margin-top: 40px
}
.plx_original img {
    max-width: 100%
}
.meta-cat a {
    position: relative;
    display: inline-block;
    padding: 0 6px;
    font-size: 10px;
    font-size: 1rem;
    line-height: 20px;
    white-space: nowrap
}
.loop-section {
    margin-left: auto;
    margin-right: auto
}
.loop-section.normal.rev_thumb .loop-article:nth-child(2n) .loop-col.one {
    float: right;
    margin-right: 0;
    margin-left: 5%
}
.loop-section.normal .loop-article {
    padding-bottom: 40px;
    margin-bottom: 50px;
    height: auto;
    width: 100%
}
.loop-section.normal .loop-article.one-col {
    width: 50%;
    padding-left: 1.4vw;
    padding-right: 1.4vw
}
.loop-section.normal .loop-article:hover .loop-title {
    letter-spacing: .03em
}
.loop-section.normal .loop-col {
    display: inline-block;
    vertical-align: top
}
.loop-section.normal .loop-col.one {
    width: 50%;
    margin-right: 5%;
    overflow: hidden
}
.loop-section.normal .loop-col.two {
    width: 45%
}
.loop-section.normal .loop-post-thumb {
    min-height: 200px
}
.loop-section.normal .loop-title {
    margin-bottom: 6%
}
.loop-section.normal .loop-date {
    margin: 0 auto 6% 10px
}
.loop-section.normal .loop-date time {
    display: inline-block;
    padding: 0 5px;
    -webkit-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    transform: skewX(-15deg);
    line-height: 24px
}
.loop-section.normal .loop-date time * {
    display: inline-block;
    -webkit-transform: skewX(15deg);
    -ms-transform: skewX(15deg);
    transform: skewX(15deg)
}
.loop-section.normal .loop-article-content {
    position: relative;
    line-height: 1.4
}
.loop-section.normal .loop-excerpt {
    margin-bottom: 6%
}
.loop-section.normal .loop-meta {
    margin-bottom: 6%
}
.loop-section.normal .loop-meta > div {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    font-size: 1.1rem
}
.loop-section.normal .loop-meta > div::after {
    content: '-';
    position: relative;
    margin: auto 12px;
    vertical-align: middle;
    font-size: 13px;
    font-size: 1.3rem;
    opacity: .4
}
.loop-section.normal .loop-meta > div:last-child::after {
    content: none
}
.loop-section.normal .meta-cat a {
    display: inline-block;
    padding: 0 8px;
    border: 1px solid;
    border-radius: 11px
}
.loop-section.normal .loop-share-num {
    line-height: 35px;
    height: 35px;
    margin-bottom: 4%
}
.loop-section.normal .label_ft {
    font-size: 11px;
    font-size: 1.1rem
}
.loop-section.normal .more-link a {
    font-size: 12px;
    font-size: 1.2rem
}
.loop-section.blog-mag .loop-article {
    margin-bottom: 40px;
    padding-bottom: 35px;
    height: auto
}
.loop-section.blog-mag .loop-article.one-col .loop-article-content {
    padding: 0 1.2vw
}
.loop-section.blog-mag .loop-article:hover .loop-title {
    letter-spacing: .03em
}
.loop-section.blog-mag .loop-post-thumb {
    min-height: 140px;
    margin-bottom: 4%;
    overflow: hidden
}
.loop-section.blog-mag .loop-post-embed {
    margin-bottom: 4%
}
.loop-section.blog-mag .loop-media-icon {
    font-size: 24px;
    font-size: 2.4rem
}
.loop-section.blog-mag .loop-title {
    font-size: 22px;
    font-size: 2.2rem
}
.loop-section.blog-mag .loop-article-content {
    position: relative;
    line-height: 1.4
}
.loop-section.blog-mag .loop-excerpt {
    margin-bottom: 5%
}
.loop-section.blog-mag .loop-meta {
    margin: 0 auto 4%
}
.loop-section.blog-mag .loop-meta > div {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    font-size: 1.2rem
}
.loop-section.blog-mag .loop-meta > div::after {
    content: '-';
    position: relative;
    margin: auto 10px;
    font-size: 13px;
    font-size: 1.3rem;
    vertical-align: middle;
    opacity: .4
}
.loop-section.blog-mag .loop-meta > div:last-child::after {
    content: none
}
.loop-section.blog-mag .loop-date time {
    padding: 0 10px;
    margin: 0 auto 4% 10px;
    -webkit-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    transform: skewX(-15deg);
    line-height: 24px;
    display: inline-block;
    font-size: 13px;
    font-size: 1.3rem
}
.loop-section.blog-mag .loop-date time * {
    display: inline-block;
    -webkit-transform: skewX(15deg);
    -ms-transform: skewX(15deg);
    transform: skewX(15deg)
}
.loop-section.blog-mag .meta-cat a {
    display: inline-block;
    padding: 0 8px;
    border: 1px solid;
    border-radius: 11px;
    font-size: 12px;
    font-size: 1.2rem
}
.loop-section.blog-mag .more-link {
    text-align: right
}
.loop-section.blog-mag .loop-share-num {
    margin-bottom: 4%
}
.loop-section.blog-mag .label_ft {
    font-size: 13px;
    font-size: 1.3rem
}
.loop-section.blog .loop-article {
    width: 100%
}
.loop-section.blog .loop-article.one-col {
    width: calc(50% - 15px)
}
.loop-section.blog .loop-article.one-col .loop-title {
    font-size: 17px;
    font-size: 1.7rem
}
.loop-section.blog .loop-article.one-col .meta-cat a, .loop-section.blog .loop-article.one-col .loop-meta > div {
    font-size: 12px;
    font-size: 1.2rem
}
.loop-section.portfolio .loop-div, .loop-section.blog-mag .loop-div {
    width: 100% !important
}
.loop-section.portfolio {
    margin-bottom: 60px
}
.loop-section.portfolio .loop-article {
    -webkit-perspective: 1600px;
    perspective: 1600px;
    cursor: pointer;
    width: 236px;
    height: 236px
}
.loop-section.portfolio .loop-article.big {
    width: 472px;
    height: 472px;
    -webkit-perspective: 2400px;
    perspective: 2400px
}
.loop-section.portfolio .loop-article.big .loop-title {
    font-size: 18px;
    font-size: 1.8rem
}
.loop-section.portfolio .loop-article.long {
    width: 236px;
    height: 472px;
    -webkit-perspective: 2000px;
    perspective: 2000px
}
.loop-section.portfolio .loop-article.wide {
    width: 472px;
    height: 236px;
    -webkit-perspective: 2000px;
    perspective: 2000px
}
.loop-section.portfolio .loop-article.wide .loop-title {
    font-size: 16px;
    font-size: 1.6rem
}
.loop-section.portfolio .loop-article.two .loop-article-content {
    -ms-transform: translateZ(-118px);
    -webkit-transform: translateZ(-118px);
    transform: translateZ(-118px)
}
.loop-section.portfolio .loop-article.two .loop-flipper {
    -ms-transform: translateZ(118px);
    -webkit-transform: translateZ(118px);
    transform: translateZ(118px)
}
.loop-section.portfolio .loop-article.two .loop-flipper.flipover {
    -ms-transform: translateY(-118px) rotateX(90deg);
    -webkit-transform: translateY(-118px) rotateX(90deg);
    transform: translateY(-118px) rotateX(90deg)
}
.loop-section.portfolio .loop-article.two.big .loop-article-content {
    -ms-transform: translateZ(-236px);
    -webkit-transform: translateZ(-236px);
    transform: translateZ(-236px)
}
.loop-section.portfolio .loop-article.two.big .loop-flipper {
    -ms-transform: translateZ(236px);
    -webkit-transform: translateZ(236px);
    transform: translateZ(236px)
}
.loop-section.portfolio .loop-article.two.big .loop-flipper.flipover {
    -ms-transform: translateY(-236px) rotateX(90deg);
    -webkit-transform: translateY(-236px) rotateX(90deg);
    transform: translateY(-236px) rotateX(90deg)
}
.loop-section.portfolio .loop-article.two.long .loop-flipper.flipover {
    -ms-transform: translateY(-236px) translateZ(-118px) rotateX(90deg);
    -webkit-transform: translateY(-236px) translateZ(-118px) rotateX(90deg);
    transform: translateY(-236px) translateZ(-118px) rotateX(90deg)
}
.loop-section.portfolio .loop-article:hover .loop-article-content {
    z-index: 10
}
.loop-section.portfolio .loop-article:hover.two .loop-article-content {
    -ms-transform: rotateX(-90deg) translateY(118px);
    -webkit-transform: rotateX(-90deg) translateY(118px);
    transform: rotateX(-90deg) translateY(118px)
}
.loop-section.portfolio .loop-article:hover.two.big .loop-article-content {
    -ms-transform: rotateX(-90deg) translateY(236px);
    -webkit-transform: rotateX(-90deg) translateY(236px);
    transform: rotateX(-90deg) translateY(236px)
}
.loop-section.portfolio .loop-article:hover.two.long .loop-article-content {
    -ms-transform: rotateX(-90deg) translateY(236px) translateZ(118px);
    -webkit-transform: rotateX(-90deg) translateY(236px) translateZ(118px);
    transform: rotateX(-90deg) translateY(236px) translateZ(118px)
}
.loop-section.portfolio .loop-article:hover .loop-table.flipover {
    opacity: 1
}
.loop-section.portfolio .loop-article:hover .meta-cat, .loop-section.portfolio .loop-article:hover .loop-share-num {
    opacity: 1
}
.loop-section.portfolio .loop-article:hover .loop-flipper.flipover {
    -ms-backface-visibility: visible
}
.loop-section.portfolio .loop-article.full-wide {
    width: 20%;
    height: 20vw
}
.loop-section.portfolio .loop-article.full-wide.big {
    width: 40%;
    height: 40vw
}
.loop-section.portfolio .loop-article.full-wide.long {
    width: 20%;
    height: 40vw
}
.loop-section.portfolio .loop-article.full-wide.wide {
    width: 40%;
    height: 20vw
}
.loop-section.portfolio .loop-article.full-wide.two .loop-article-content {
    -ms-transform: translateZ(-10vw);
    -webkit-transform: translateZ(-10vw);
    transform: translateZ(-10vw)
}
.loop-section.portfolio .loop-article.full-wide.two .loop-flipper {
    -ms-transform: translateZ(10vw);
    -webkit-transform: translateZ(10vw);
    transform: translateZ(10vw)
}
.loop-section.portfolio .loop-article.full-wide.two .loop-flipper.flipover {
    -ms-transform: translateY(-10vw) rotateX(90deg);
    -webkit-transform: translateY(-10vw) rotateX(90deg);
    transform: translateY(-10vw) rotateX(90deg)
}
.loop-section.portfolio .loop-article.full-wide.two.big .loop-article-content {
    -ms-transform: translateZ(-20vw);
    -webkit-transform: translateZ(-20vw);
    transform: translateZ(-20vw)
}
.loop-section.portfolio .loop-article.full-wide.two.big .loop-flipper {
    -ms-transform: translateZ(20vw);
    -webkit-transform: translateZ(20vw);
    transform: translateZ(20vw)
}
.loop-section.portfolio .loop-article.full-wide.two.big .loop-flipper.flipover {
    -ms-transform: translateY(-20vw) rotateX(90deg);
    -webkit-transform: translateY(-20vw) rotateX(90deg);
    transform: translateY(-20vw) rotateX(90deg)
}
.loop-section.portfolio .loop-article.full-wide.two.long .loop-flipper.flipover {
    -ms-transform: translateY(-20vw) translateZ(-10vw) rotateX(90deg);
    -webkit-transform: translateY(-20vw) translateZ(-10vw) rotateX(90deg);
    transform: translateY(-20vw) translateZ(-10vw) rotateX(90deg)
}
.loop-section.portfolio .loop-article.full-wide:hover.two .loop-article-content {
    -ms-transform: rotateX(-90deg) translateY(10vw);
    -webkit-transform: rotateX(-90deg) translateY(10vw);
    transform: rotateX(-90deg) translateY(10vw)
}
.loop-section.portfolio .loop-article.full-wide:hover.two.big .loop-article-content {
    -ms-transform: rotateX(-90deg) translateY(20vw);
    -webkit-transform: rotateX(-90deg) translateY(20vw);
    transform: rotateX(-90deg) translateY(20vw)
}
.loop-section.portfolio .loop-article.full-wide:hover.two.long .loop-article-content {
    -ms-transform: rotateX(-90deg) translateY(20vw) translateZ(10vw);
    -webkit-transform: rotateX(-90deg) translateY(20vw) translateZ(10vw);
    transform: rotateX(-90deg) translateY(20vw) translateZ(10vw)
}
.loop-section.portfolio .loop-article.two-col {
    width: 206px;
    height: 206px
}
.loop-section.portfolio .loop-article.two-col.big {
    width: 412px;
    height: 412px
}
.loop-section.portfolio .loop-article.two-col.long {
    width: 206px;
    height: 412px
}
.loop-section.portfolio .loop-article.two-col.wide {
    width: 412px;
    height: 206px
}
.loop-section.portfolio .loop-article.two-col.two .loop-article-content {
    -ms-transform: translateZ(-103px);
    -webkit-transform: translateZ(-103px);
    transform: translateZ(-103px)
}
.loop-section.portfolio .loop-article.two-col.two .loop-flipper {
    -ms-transform: translateZ(103px);
    -webkit-transform: translateZ(103px);
    transform: translateZ(103px)
}
.loop-section.portfolio .loop-article.two-col.two .loop-flipper.flipover {
    -ms-transform: translateY(-103px) rotateX(90deg);
    -webkit-transform: translateY(-103px) rotateX(90deg);
    transform: translateY(-103px) rotateX(90deg)
}
.loop-section.portfolio .loop-article.two-col.two.big .loop-article-content {
    -ms-transform: translateZ(-206px);
    -webkit-transform: translateZ(-206px);
    transform: translateZ(-206px)
}
.loop-section.portfolio .loop-article.two-col.two.big .loop-flipper {
    -ms-transform: translateZ(206px);
    -webkit-transform: translateZ(206px);
    transform: translateZ(206px)
}
.loop-section.portfolio .loop-article.two-col.two.big .loop-flipper.flipover {
    -ms-transform: translateY(-206px) rotateX(90deg);
    -webkit-transform: translateY(-206px) rotateX(90deg);
    transform: translateY(-206px) rotateX(90deg)
}
.loop-section.portfolio .loop-article.two-col.two.long .loop-flipper.flipover {
    -ms-transform: translateY(-206px) translateZ(-103px) rotateX(90deg);
    -webkit-transform: translateY(-206px) translateZ(-103px) rotateX(90deg);
    transform: translateY(-206px) translateZ(-103px) rotateX(90deg)
}
.loop-section.portfolio .loop-article.two-col:hover.two .loop-article-content {
    -ms-transform: rotateX(-90deg) translateY(103px);
    -webkit-transform: rotateX(-90deg) translateY(103px);
    transform: rotateX(-90deg) translateY(103px)
}
.loop-section.portfolio .loop-article.two-col:hover.two.big .loop-article-content {
    -ms-transform: rotateX(-90deg) translateY(206px);
    -webkit-transform: rotateX(-90deg) translateY(206px);
    transform: rotateX(-90deg) translateY(206px)
}
.loop-section.portfolio .loop-article.two-col:hover.two.long .loop-article-content {
    -ms-transform: rotateX(-90deg) translateY(206px) translateZ(103px);
    -webkit-transform: rotateX(-90deg) translateY(206px) translateZ(103px);
    transform: rotateX(-90deg) translateY(206px) translateZ(103px)
}
.loop-section.portfolio .loop-article-content {
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}
.loop-section.portfolio .loop-flipper {
    color: #fff
}
.loop-section.portfolio .loop-flipper a, .loop-section.portfolio .loop-flipper a:hover, .loop-section.portfolio .loop-flipper a:visited {
    color: #fff
}
.loop-section.portfolio .loop-flipper.forward::before {
    background-color: rgba(0, 0, 0, 0.18)
}
.loop-section.portfolio .loop-flipper.flipover::before {
    content: ""
}
.loop-section.portfolio .loop-flipper.flipover.black::before {
    background-color: rgba(0, 0, 0, 0.8)
}
.loop-section.portfolio .loop-flipper.flipover.white {
    color: #3c3c3c
}
.loop-section.portfolio .loop-flipper.flipover.white a, .loop-section.portfolio .loop-flipper.flipover.white a:hover, .loop-section.portfolio .loop-flipper.flipover.white a:visited {
    color: #3c3c3c
}
.loop-section.portfolio .loop-flipper.flipover.white .meta-cat a, .loop-section.portfolio .loop-flipper.flipover.white .loop-share-num i {
    background-color: rgba(0, 0, 0, 0.12)
}
.loop-section.portfolio .loop-flipper.flipover.white::before {
    background-color: rgba(255, 255, 255, 0.92)
}
.loop-section.portfolio .loop-table {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: table;
    padding: 6%;
    text-align: center;
    text-shadow: 0 0 18px rgba(0, 0, 0, 0.8)
}
.loop-section.portfolio .loop-table.flipover {
    opacity: 0;
    text-shadow: none
}
.loop-section.portfolio .loop-cell {
    display: table-cell;
    vertical-align: middle
}
.loop-section.portfolio .loop-title {
    position: relative;
    margin-bottom: 5%;
    padding: 5% 0;
    font-size: 13px;
    font-size: 1.3rem
}
.loop-section.portfolio .loop-title::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -10%;
    width: 20%;
    height: 2px;
    background-color: #fff
}
.loop-section.portfolio .meta-cat, .loop-section.portfolio .meta-author, .loop-section.portfolio .loop-share-num {
    margin-bottom: 8%
}
.loop-section.portfolio .meta-cat {
    opacity: 0
}
.loop-section.portfolio .meta-cat a {
    padding: 0 10px;
    background-color: rgba(255, 255, 255, 0.25);
    -webkit-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    transform: skewX(-15deg);
    line-height: 30px
}
.loop-section.portfolio .meta-cat a span {
    -webkit-transform: skewX(15deg);
    -ms-transform: skewX(15deg);
    transform: skewX(15deg)
}
.loop-section.portfolio .loop-share-num {
    opacity: 0;
    margin-bottom: 0
}
.loop-section.portfolio .loop-share-num i {
    background-color: rgba(255, 255, 255, 0.25)
}
.loop-section.portfolio .loop-share-num .share-num {
    padding: 0 8px
}
.loop-section.portfolio .meta-views {
    position: absolute;
    bottom: 5%;
    right: 5%
}
.loop-section.portfolio .label_ft {
    z-index: 0
}
.loop-section.magazine .loop-article.two_lines {
    width: calc(50% - 15px)
}
.loop-section.magazine .loop-article.two_lines .loop-title {
    font-size: 16px;
    font-size: 1.6rem
}
.loop-section.magazine .loop-article.two_lines .meta-cat a, .loop-section.magazine .loop-article.two_lines .meta-author {
    font-size: 12px;
    font-size: 1.2rem
}
.loop-section.magazine .loop-article.two_lines.one-col .loop-title {
    font-size: 20px;
    font-size: 2rem
}
.loop-section.magazine .loop-article.three_lines, .loop-section.magazine .loop-article.four_lines {
    width: calc(32.96% - 10px);
    margin-bottom: 20px
}
.loop-section.magazine .loop-article.three_lines.one-col, .loop-section.magazine .loop-article.four_lines.one-col {
    width: calc(33% - 10px)
}
.loop-section.magazine .loop-article.three_lines.one-col .loop-title, .loop-section.magazine .loop-article.four_lines.one-col .loop-title {
    font-size: 15px;
    font-size: 1.5rem
}
.loop-section.magazine .loop-article.three_lines.one-col .loop-excerpt, .loop-section.magazine .loop-article.four_lines.one-col .loop-excerpt {
    font-size: 13px;
    font-size: 1.3rem
}
.loop-section.magazine .loop-article.three_lines.one-col .meta-cat a, .loop-section.magazine .loop-article.three_lines.one-col .meta-author, .loop-section.magazine .loop-article.four_lines.one-col .meta-cat a, .loop-section.magazine .loop-article.four_lines.one-col .meta-author {
    font-size: 12px;
    font-size: 1.2rem
}
.loop-section.magazine .loop-article.three_lines.two-col .loop-meta > div::after, .loop-section.magazine .loop-article.four_lines.two-col .loop-meta > div::after {
    margin: auto 10px
}
.loop-section.magazine .loop-article.three_lines .loop-title, .loop-section.magazine .loop-article.four_lines .loop-title {
    font-size: 13px;
    font-size: 1.3rem
}
.loop-section.magazine .loop-article.three_lines .loop-excerpt, .loop-section.magazine .loop-article.four_lines .loop-excerpt {
    font-size: 12px;
    font-size: 1.2rem
}
.loop-section.magazine .loop-article.three_lines .label_ft, .loop-section.magazine .loop-article.four_lines .label_ft {
    line-height: 20px;
    padding: 0 6px
}
.loop-section.magazine .loop-article.three_lines .meta-cat a, .loop-section.magazine .loop-article.three_lines .meta-author, .loop-section.magazine .loop-article.three_lines .meta-views, .loop-section.magazine .loop-article.four_lines .meta-cat a, .loop-section.magazine .loop-article.four_lines .meta-author, .loop-section.magazine .loop-article.four_lines .meta-views {
    font-size: 11.5px;
    font-size: 1.15rem
}
.loop-section.magazine .loop-article.four_lines.one-col {
    width: calc(24.55% - 10px)
}
.loop-section.magazine .loop-article.four_lines.one-col .loop-title {
    font-size: 14px;
    font-size: 1.4rem
}
.loop-section.magazine .loop-article.four_lines .loop-media-icon {
    font-size: 20px;
    font-size: 2rem
}
.loop-section.magazine .loop-article.four_lines .more-link a {
    font-size: 11.5px;
    font-size: 1.15rem
}
.loop-section.magazine .label_ft {
    font-size: 12px;
    font-size: 1.2rem
}
.loop-section.slider .loop-slider {
    opacity: 0
}
.loop-section.slider .loop-slider.carousel .loop-title {
    font-size: 13px;
    font-size: 1.3rem
}
.loop-section.slider .loop-slider:not(.carousel) .loop-title {
    font-size: 18px;
    font-size: 1.8rem
}
.loop-section.slider .loop-slider:not(.carousel) .loop-date, .loop-section.slider .loop-slider:not(.carousel) .meta-author, .loop-section.slider .loop-slider:not(.carousel) .meta-cat a {
    font-size: 13px;
    font-size: 1.3rem
}
.loop-section.slider .loop-article {
    padding: 0;
    height: auto
}
.loop-section.slider .loop-article:hover .loop-table.one {
    opacity: 0;
    visibility: hidden
}
.loop-section.slider .loop-article:hover .loop-table.two {
    opacity: 1;
    visibility: visible
}
.loop-section.slider .loop-article.black .thumb-link::after {
    background-color: rgba(0, 0, 0, 0.8)
}
.loop-section.slider .loop-article:not(.white) .loop-table.one {
    text-shadow: 0 0 16px rgba(0, 0, 0, 0.8)
}
.loop-section.slider .loop-article.white .loop-table.two {
    color: #3c3c3c
}
.loop-section.slider .loop-article.white .loop-table.two a, .loop-section.slider .loop-article.white .loop-table.two a:hover, .loop-section.slider .loop-article.white .loop-table.two a:visited {
    color: #3c3c3c
}
.loop-section.slider .loop-article.white .loop-share-num {
    color: #3c3c3c
}
.loop-section.slider .loop-article.white .loop-share-num a {
    color: #3c3c3c
}
.loop-section.slider .loop-article.white .thumb-link::after {
    background-color: rgba(255, 255, 255, 0.92)
}
.loop-section.slider .thumb-link, .loop-section.slider .loop-table, .loop-section.slider .loop-cell {
    display: block
}
.loop-section.slider .loop-post-thumb {
    overflow: hidden
}
.loop-section.slider .loop-table {
    text-align: center;
    color: #fff
}
.loop-section.slider .loop-table a, .loop-section.slider .loop-table a:hover, .loop-section.slider .loop-table a:visited {
    color: #fff
}
.loop-section.slider .loop-table.one {
    padding: 20% 4% 4%
}
.loop-section.slider .loop-table.two {
    padding: 10% 4% 4%;
    opacity: 0;
    text-shadow: none
}
.loop-section.slider .loop-share-num {
    color: #fff
}
.loop-section.slider .loop-share-num a {
    color: #fff
}
.loop-section.slider .meta-views {
    position: absolute;
    top: 10px;
    right: 10px
}
.loop-section.slider .bx-wrapper {
    overflow: hidden
}
.loop-section.slider .bx-pager {
    margin-bottom: 0
}
.loop-section.slider:hover .bx-controls-direction a {
    opacity: .7
}
.loop-section.slider:hover .bx-controls-direction a.bx-next {
    right: 0
}
.loop-section.slider:hover .bx-controls-direction a.bx-prev {
    left: 0
}
.loop-section.slider:hover .bx-controls-direction a:hover {
    opacity: 1
}
.loop-section.news {
    max-width: 1180px
}
.loop-section.news .loop-article {
    display: block;
    margin-bottom: 20px;
    padding-bottom: 20px
}
.loop-section.news .loop-col {
    display: table-cell;
    vertical-align: middle
}
.loop-section.news .loop-col.one {
    width: 138px
}
.loop-section.news .wp-post-image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}
.loop-section.news .loop-meta {
    display: block;
    margin-bottom: 10px
}
.loop-section.news .loop-meta .meta-author {
    display: inline-block;
    margin: 0
}
.loop-section.news .meta-cat {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff
}
.loop-section.news .loop-date {
    display: inline-block;
    margin-right: 15px
}
.loop-section.news .loop-date time {
    display: inline-block;
    padding: 0 10px;
    margin: 0 auto 4% 10px;
    -webkit-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    transform: skewX(-15deg);
    line-height: 24px
}
.loop-section.news .loop-date time * {
    display: inline-block;
    -webkit-transform: skewX(15deg);
    -ms-transform: skewX(15deg);
    transform: skewX(15deg)
}
.loop-section.news .loop-title {
    font-size: 14px;
    font-size: 1.4rem;
    display: inline-block;
    margin-bottom: 0
}
.loop-section.news .meta-author {
    display: block;
    margin-top: 10px
}
.loop-section .loop-share-num {
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
    display: inline-block;
    font-size: 11.5px;
    font-size: 1.15rem
}
.loop-section .loop-share-num > div {
    position: relative;
    background-color: transparent;
    -webkit-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    transform: skewX(-15deg)
}
.loop-section .loop-share-num > div:last-child .share-num {
    margin-right: 0
}
.loop-section .loop-share-num .share-icon {
    margin: auto 2px
}
.loop-section .loop-share-num i {
    width: 28px;
    height: 28px
}
.loop-section .loop-share-num i::before {
    line-height: 28px;
    -webkit-transform: skewX(15deg);
    -ms-transform: skewX(15deg);
    transform: skewX(15deg)
}
.loop-section .loop-share-num .share-num {
    padding: 0 8px;
    line-height: 28px;
    text-align: center;
    vertical-align: top;
    -webkit-transform: skewX(15deg);
    -ms-transform: skewX(15deg);
    transform: skewX(15deg)
}
.loop-section .loop-share-num .meta-comment a {
    display: inline !important
}
.loop-section .aslider img {
    width: 100%;
    height: auto
}
.loop-section .meta-author img.avatar {
    margin-right: 6px
}
.loop-section .meta-author .name {
    vertical-align: middle
}
.loop-section .meta-cat a {
    font-size: 11px;
    font-size: 1.1rem
}
.loop-section .fmeta {
    font-size: 12px;
    font-size: 1.2rem;
    width: 100%;
    margin-bottom: 4%
}
.loop-section .fmeta th, .loop-section .fmeta td {
    border-top: 0;
    border-left: 0;
    border-right: 0
}
.loop-section .fmeta th {
    font-weight: normal;
    width: 30%
}
.loop-section .more-link {
    text-align: right;
    margin: auto 6px 6px auto
}
.loop-section .more-link a {
    display: inline-block;
    font-size: 10px;
    font-size: 1rem;
    line-height: 26px;
    height: 26px
}
.loop-section .more-link a .r-wrap {
    padding: 0 12px;
    border-radius: 13px
}
.loop-section .more-link a .r-wrap::after {
    border-radius: 14px
}
.loop-section .more-link a .r-wrap:hover i:before {
    width: 16px;
    opacity: 1
}
.loop-section .more-link a i::before {
    display: inline-block;
    line-height: 26px;
    vertical-align: top;
    margin: 0;
    width: 0;
    opacity: 0
}
.loop-section .meta-views {
    font-size: 11px;
    font-size: 1.1rem
}
.loop-sec-header .title-desc {
    position: relative;
    bottom: 65px;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center
}
.loop-div {
    position: relative;
    width: 100%;
    margin: 0 auto
}
.loop-article {
    position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: top
}
.loop-excerpt {
    font-size: 13.5px;
    font-size: 1.35rem;
    line-height: 1.6;
    opacity: .84
}
.loop-post-thumb {
    position: relative
}
.loop-post-thumb .thumb-link.black::after {
    background-color: rgba(0, 0, 0, 0.72)
}
.loop-post-thumb .thumb-link.black .loop-media-icon {
    background-color: rgba(255, 255, 255, 0.9);
    color: #3c3c3c
}
.loop-post-thumb .thumb-link.white::after {
    background-color: rgba(255, 255, 255, 0.9)
}
.loop-post-thumb .thumb-link.white .loop-media-icon {
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff
}
.loop-post-thumb:hover .thumb-link::after {
    height: 140%
}
.loop-post-thumb:hover.slider .bx-controls-direction a {
    opacity: .5
}
.loop-post-thumb:hover.slider .bx-controls-direction a.bx-next {
    right: 0
}
.loop-post-thumb:hover.slider .bx-controls-direction a.bx-prev {
    left: 0
}
.loop-post-thumb:hover.slider .bx-controls-direction a:hover {
    opacity: 1
}
.loop-post-embed {
    position: relative
}
.loop-media-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin: -25px auto auto -25px;
    text-align: center;
    border-radius: 50%;
    z-index: 1;
    font-size: 15px;
    font-size: 1.5rem
}
.loop-media-icon i::before {
    display: block;
    line-height: 50px;
    margin: 0
}
.loop-title {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.3
}
.loop-title a {
    position: relative
}
.loop-date {
    position: relative;
    font-size: 12px;
    font-size: 1.2rem
}
.loop-date span {
    font-style: italic
}
.wp-post-image {
    width: 100%;
    max-width: 100%;
    height: auto
}
.label_ft {
    position: absolute;
    top: 3px;
    right: 3px;
    font-size: 11px;
    font-size: 1.1rem;
    vertical-align: middle;
    padding: 0 10px;
    line-height: 22px;
    border: 1px solid #fff;
    color: #fff;
    text-shadow: none;
    display: inline-block;
    z-index: 10
}
.meta-author {
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem
}
.meta-author img.avatar {
    width: 34px;
    height: 34px;
    border: 2px solid #fff;
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
    border-radius: 50%
}
.single-article {
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 40px
}
.single-article::before, .single-article::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px
}
.single-article::after {
    bottom: -3px
}
.single-article header {
    position: relative;
    margin-bottom: 40px
}
.single-article .single_post_meta {
    position: relative;
    line-height: 1.6;
    font-size: 12.5px;
    font-size: 1.25rem
}
.single-article .single_post_meta.bottom {
    padding-bottom: 15px;
    border: 0
}
.single-article .single_post_meta.bottom .meta-cat {
    padding-left: 70px;
    display: block;
    text-align: left
}
.single-article .single_post_meta.bottom .meta-cat::before {
    position: absolute;
    top: 4px;
    left: 0;
    content: "Category :"
}
.single-article .single_post_meta.bottom .meta-cat.tag::before {
    content: "Tag :"
}
.single-article .single_post_meta.bottom .meta-cat.tag a {
    padding-left: 20px
}
.single-article .single_post_meta.bottom .meta-cat a {
    margin: 0 10px 10px 0
}
.single-article .single_post_meta.bottom .second_row {
    margin-bottom: 30px
}
.single-article .single_post_meta .first_row, .single-article .single_post_meta .second_row {
    margin-bottom: 15px
}
.single-article .single_post_meta .meta {
    display: inline-block;
    margin-right: 20px
}
.single-article .single_post_meta .meta-cat {
    position: relative
}
.single-article .single_post_meta .meta-cat a {
    padding: 2px 8px;
    border: 1px solid;
    border-radius: 13px;
    font-size: 12px;
    font-size: 1.2rem
}
.single-article .single_post_meta .loop-share-num {
    margin-bottom: 20px;
    text-align: center
}
.single-article .single_post_meta .loop-share-num .sitem {
    position: relative;
    height: 50px;
    width: 68px;
    margin: 0 5px 10px;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    -webkit-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    transform: skewX(-15deg)
}
.single-article .single_post_meta .loop-share-num .sitem * {
    -webkit-transform: skewX(15deg);
    -ms-transform: skewX(15deg);
    transform: skewX(15deg)
}
.single-article .single_post_meta .loop-share-num .sitem:last-child {
    margin-right: 0
}
.single-article .single_post_meta .loop-share-num .sitem:hover {
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2)
}
.single-article .single_post_meta .loop-share-num .sitem a, .single-article .single_post_meta .loop-share-num .sitem a:hover, .single-article .single_post_meta .loop-share-num .sitem a:visited {
    color: #fff !important
}
.single-article .single_post_meta .loop-share-num .share-icon {
    color: #fff !important;
    width: 100%;
    height: 25px
}
.single-article .single_post_meta .loop-share-num .share-icon::before {
    line-height: 25px;
    font-size: 13px;
    font-size: 1.3rem
}
.single-article .single_post_meta .loop-share-num .share-icon::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -5px;
    width: calc(100% - -10px);
    height: 1px;
    z-index: 10
}
.single-article .single_post_meta .loop-share-num .share-num {
    position: relative;
    top: -1px;
    width: 100%;
    height: 25px;
    line-height: 25px;
    text-align: center
}
.single-article .single_post_meta .loop-share-num .share-num i::before {
    margin-top: 2px;
    font-size: 13px;
    font-size: 1.3rem
}
.single-article .single_post_meta .loop-share-num .bg-likes {
    background-color: #3b5998
}
.single-article .single_post_meta .loop-share-num .bg-hatebu {
    background-color: #548acc
}
.single-article .single_post_meta .loop-share-num .bg-tweets {
    background-color: #00abf1
}
.single-article .single_post_meta .loop-share-num .bg-pocket {
    background-color: #f23b52
}
.single-article .single_post_meta .loop-share-num .bg-pinterest {
    background-color: #bd081c
}
.single-article .single_post_meta .loop-share-num .bg-evernote {
    background-color: #2dbe60
}
.single-article .single_post_meta .loop-share-num .bg-feedly {
    background-color: #87c040
}
.single-article .single_post_meta .loop-share-num .bg-line {
    background-color: #50ca00
}
.single-article .single_post_meta .loop-share-num.no-num .sitem {
    height: 32px
}
.single-article .single_post_meta .loop-share-num.no-num .sitem::before {
    border-width: 0 0 32px 10px
}
.single-article .single_post_meta .loop-share-num.no-num .sitem::after {
    border-width: 32px 10px 0 0
}
.single-article .single_post_meta .loop-share-num.no-num .share-icon {
    height: 32px
}
.single-article .single_post_meta .loop-share-num.no-num .share-icon::before {
    left: 0;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 32px
}
.single-article .single_post_meta .loop-share-num.no-num .share-icon::after {
    content: none
}
.single-article .entry {
    padding: 0 0 20px;
    margin: 0
}
.single-article .eyecatch-under-title {
    text-align: center
}
.single-article .eyecatch-under-title img {
    margin: 0 auto 30px
}
.single-article .fmeta_area {
    display: table;
    margin-bottom: 30px
}
.single-article .fmeta_area .fmeta_cell {
    position: relative;
    display: table-cell;
    vertical-align: top;
    width: 50%;
    overflow: hidden
}
.single-article .fmeta_area .fmeta_cell.one:hover .bx-controls-direction a {
    opacity: .7
}
.single-article .fmeta_area .fmeta_cell.one:hover .bx-controls-direction a.bx-next {
    right: 0
}
.single-article .fmeta_area .fmeta_cell.one:hover .bx-controls-direction a.bx-prev {
    left: 0
}
.single-article .fmeta_area .fmeta_cell.one:hover .bx-controls-direction a:hover {
    opacity: 1
}
.single-article .fmeta_area .fmeta_cell.two {
    padding-left: 15px
}
.single-article .fmeta_area .aslider {
    margin: 0;
    opacity: 0
}
.single-article .fmeta_area .aslider li {
    padding: 0;
    margin: 0
}
.single-article .fmeta_area .aslider li::before {
    content: none
}
.single-article .fmeta_area .aslider img {
    padding: 0;
    margin: 0
}
.single-article .fmeta {
    width: 100%
}
.single-article .fmeta th, .single-article .fmeta td {
    border-top: 0;
    border-left: 0;
    border-right: 0
}
.single-article .fmeta th {
    width: 30%
}
.authors_ul {
    letter-spacing: -1em
}
.authors_ul.one-col .author_item {
    width: 24%
}
.authors_ul span {
    display: block
}
.authors_ul .author_item {
    display: inline-block;
    width: 33.33%;
    margin-bottom: 30px;
    padding: 0 2%;
    text-align: center;
    vertical-align: top;
    letter-spacing: normal
}
.authors_ul .author_img {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 auto 20px auto;
    text-align: center
}
.authors_ul .author_img img.avatar {
    width: 72%;
    height: 72%;
    border-radius: 50%
}
.authors_ul .author_role {
    font-size: 13px;
    font-size: 1.3rem;
    margin: 0 auto 10px
}
.authors_ul .author_name {
    font-size: 15px;
    font-size: 1.5rem
}
.author_info {
    font-size: 13px;
    font-size: 1.3rem;
    padding: 30px 15px 0;
    border-radius: 4px
}
.author_info .author_col1, .author_info .author_col2 {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px
}
.author_info .author_col1 {
    width: 180px
}
.author_info .author_col2 {
    width: calc(100% - 190px);
    margin: 20px 0 30px
}
.author_info .author_img img.avatar {
    width: 150px;
    height: 150px;
    vertical-align: middle;
    border: 5px solid;
    border-radius: 50%
}
.author_info .author_roles span {
    margin: 0 15px 20px 0;
    font-weight: bold
}
.author_info .author_org {
    display: inline-block;
    font-size: 15px;
    font-size: 1.5rem
}
.author_info .author_role {
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem
}
.author_info .author_role::before {
    content: "/";
    display: inline-block;
    margin-right: 15px
}
.author_info .author_name {
    display: block;
    font-size: 18px;
    font-size: 1.8rem
}
.author_info .author_desc {
    line-height: 1.6
}
.author_info .author_url {
    display: block;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem
}
.author_info .author_url::before {
    margin-right: 5px;
    vertical-align: middle
}
.author_info .author_sns {
    margin: 30px auto;
    text-align: center
}
.author_info .author_sns a {
    display: inline-block;
    line-height: 40px;
    width: 40px;
    margin: 0 5px;
    -webkit-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    transform: skewX(-15deg)
}
.author_info .author_sns a:hover {
    opacity: .8
}
.author_info .author_sns i::before {
    display: block;
    line-height: 40px;
    margin: 0;
    -webkit-transform: skewX(15deg);
    -ms-transform: skewX(15deg);
    transform: skewX(15deg)
}
.author_info .author_sns .sns_follow {
    display: inline-block;
    line-height: 40px;
    vertical-align: top;
    margin-right: 10px
}
.author_info .dp_related_posts {
    padding-top: 30px;
    margin-bottom: 20px
}
.first-post {
    padding-top: 0
}
.last-post {
    margin-bottom: 40px
}
.entry, .dp_text_widget, .textwidget {
    position: relative;
    line-height: 2.14
}
.entry p, .dp_text_widget p, .textwidget p {
    margin: 0 0 2.14em
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .dp_text_widget h1, .dp_text_widget h2, .dp_text_widget h3, .dp_text_widget h4, .dp_text_widget h5, .dp_text_widget h6, .textwidget h1, .textwidget h2, .textwidget h3, .textwidget h4, .textwidget h5, .textwidget h6 {
    position: relative;
    line-height: 1.6;
    margin: 50px 0 30px;
    padding: 4px 0 8px;
    border-bottom: 1px solid rgba(170, 170, 170, 0.48);
    clear: both
}
.entry h1::after, .entry h2::after, .entry h3::after, .entry h4::after, .entry h5::after, .entry h6::after, .dp_text_widget h1::after, .dp_text_widget h2::after, .dp_text_widget h3::after, .dp_text_widget h4::after, .dp_text_widget h5::after, .dp_text_widget h6::after, .textwidget h1::after, .textwidget h2::after, .textwidget h3::after, .textwidget h4::after, .textwidget h5::after, .textwidget h6::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 1px
}
.entry h1, .entry h2, .dp_text_widget h1, .dp_text_widget h2, .textwidget h1, .textwidget h2 {
    border-bottom-width: 2px
}
.entry h1::after, .entry h2::after, .dp_text_widget h1::after, .dp_text_widget h2::after, .textwidget h1::after, .textwidget h2::after {
    bottom: -6px;
    height: 2px
}
.entry h1, .dp_text_widget h1, .textwidget h1 {
    font-size: 232%
}
.entry h2, .dp_text_widget h2, .textwidget h2 {
    font-size: 202%
}
.entry h3, .dp_text_widget h3, .textwidget h3 {
    font-size: 172%
}
.entry h3::after, .dp_text_widget h3::after, .textwidget h3::after {
    bottom: -5px;
    height: 2px
}
.entry h4, .dp_text_widget h4, .textwidget h4 {
    font-size: 142%
}
.entry h5, .dp_text_widget h5, .textwidget h5 {
    font-size: 116%
}
.entry h6, .dp_text_widget h6, .textwidget h6 {
    font-size: 105%
}
.entry img, .dp_text_widget img, .textwidget img {
    margin: 20px auto 20px 0;
    max-width: 100%;
    height: auto
}
.entry img.fl-l, .entry img.alignleft, .entry .wp-caption.alignleft, .dp_text_widget img.fl-l, .dp_text_widget img.alignleft, .dp_text_widget .wp-caption.alignleft, .textwidget img.fl-l, .textwidget img.alignleft, .textwidget .wp-caption.alignleft {
    margin: 10px 32px 32px 0
}
.entry img.fl-r, .entry img.alignright, .entry .wp-caption.alignright, .dp_text_widget img.fl-r, .dp_text_widget img.alignright, .dp_text_widget .wp-caption.alignright, .textwidget img.fl-r, .textwidget img.alignright, .textwidget .wp-caption.alignright {
    margin: 10px 0 32px 32px
}
.entry ul, .entry ol, .dp_text_widget ul, .dp_text_widget ol, .textwidget ul, .textwidget ol {
    margin: 0 0 0 5px;
    padding: 0 0 30px
}
.entry ul li, .entry ol li, .dp_text_widget ul li, .dp_text_widget ol li, .textwidget ul li, .textwidget ol li {
    line-height: 2;
    padding: 3px 0
}
.entry ul, .dp_text_widget ul, .textwidget ul {
    list-style: none;
    margin-left: 30px
}
.entry ul li, .dp_text_widget ul li, .textwidget ul li {
    position: relative
}
.entry ul li::before, .dp_text_widget ul li::before, .textwidget ul li::before {
    position: absolute;
    top: .94em;
    left: -20px;
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%
}
.entry ol ol, .entry ul ul, .dp_text_widget ol ol, .dp_text_widget ul ul, .textwidget ol ol, .textwidget ul ul {
    padding: 0
}
.entry ol, .dp_text_widget ol, .textwidget ol {
    list-style-type: decimal
}
.excerpt_title_wid {
    line-height: 1.4;
    font-size: 13px;
    font-size: 1.3rem
}
.excerpt_title_wid a {
    font-weight: 600;
    text-decoration: none;
    display: block;
    padding: 8px 0 12px
}
.excerpt_title_wid a:hover {
    text-decoration: none
}
.dp-container .entry .excerpt_div .excerpt_title_wid a {
    font-weight: 600;
    text-decoration: none
}
.dp-container .entry .excerpt_div .excerpt_title_wid a:hover {
    text-decoration: none
}
.excerpt_div {
    display: inline-block;
    width: 100%;
    line-height: 1.4;
    vertical-align: middle
}
.excerpt_div.has_thumb {
    width: calc(100% - 130px)
}
.excerpt_div.has_thumb.rounded {
    width: calc(100% - 108px)
}
.wp-caption {
    max-width: 100%;
    margin: 12px auto 40px;
    padding: 5px;
    text-align: center;
    border-radius: 3px;
    -webkit-box-shadow: 0 6px 24px -16px;
    box-shadow: 0 6px 24px -16px
}
.wp-caption.alignnone {
    padding: 5px
}
.wp-caption img[class*="wp-image-"] {
    height: auto;
    margin: 0 auto
}
.wp-caption p {
    padding: 0;
    margin: 0
}
.wp-caption-text {
    padding: 10px 0 5px;
    margin: 0;
    font-size: 13.5px;
    font-size: 1.35rem
}
.dp_related_posts {
    position: relative;
    line-height: 1.4
}
.dp_related_posts ul {
    margin: 0;
    list-style-type: none;
    letter-spacing: -1em
}
.dp_related_posts li {
    display: inline-block;
    margin: 0;
    height: auto;
    min-height: 60px;
    font-weight: normal;
    position: relative;
    letter-spacing: normal;
    cursor: pointer;
    font-size: 12px;
    font-size: 1.2rem
}
.dp_related_posts li::before {
    content: '';
    width: 0;
    display: none
}
.dp_related_posts .meta-cat a {
    position: relative;
    vertical-align: top;
    margin: 0 0 15px;
    font-size: 10px;
    font-size: 1rem
}
.dp_related_posts.horizontal ul {
    margin: 0 auto;
    padding-top: 15px;
    text-align: center;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap
}
.dp_related_posts.horizontal li {
    margin: 0 20px 20px 0;
    width: 220px;
    min-height: 80px;
    vertical-align: top;
    white-space: normal
}
.dp_related_posts.horizontal li:last-of-type {
    margin-right: 0
}
.dp_related_posts.horizontal .widget-post-thumb {
    width: 100%;
    height: 150px;
    margin: 0 0 15px 0;
    background-color: transparent
}
.dp_related_posts.horizontal .thumb-link {
    position: relative;
    display: block;
    height: 100%
}
.dp_related_posts.horizontal .meta-date {
    font-size: 11.5px;
    font-size: 1.15rem;
    margin-bottom: 15px
}
.dp_related_posts.vertical.one-col li {
    width: 33.33%
}
.dp_related_posts.vertical ul {
    padding-top: 5px
}
.dp_related_posts.vertical li {
    width: 50%;
    padding: 10px 0
}
.dp_related_posts.vertical li:nth-child(2n+1) {
    padding-right: 10px
}
.dp_related_posts.vertical li .excerpt_div {
    vertical-align: middle
}
.dp_related_posts.vertical li .excerpt_div.has_thumb {
    width: calc(100% - 132px);
    display: inline-block
}
.dp_related_posts.vertical .widget-post-thumb {
    width: 112px;
    height: 74px
}
.dp_related_posts.vertical .meta-cat a {
    margin: 0 0 8px
}
.dp_related_posts.news li {
    display: block;
    min-height: 40px;
    padding-top: 12px
}
.dp_related_posts.news .meta-date {
    display: inline-block;
    width: 94px
}
.tagbar, .relatedposts {
    font-weight: bold;
    margin: 15px 0 0;
    padding: 0 7px
}
.inactive_tab {
    opacity: .64
}
.inactive_tab:hover {
    opacity: 1
}
#commentform {
    font-size: 12.5px;
    font-size: 1.25rem
}
#commentform input[type="text"], #commentform input[type="url"], #commentform input[type="email"], #commentform textarea {
    width: 100%;
    font-size: 13.5px;
    font-size: 1.35rem
}
#commentform input[type="submit"] {
    width: 100%;
    max-width: 420px;
    height: 44px;
    background-color: transparent;
    border: 1px solid;
    font-size: 15px;
    font-size: 1.5rem;
    z-index: 0
}
#commentform input[type="submit"]:hover {
    padding-right: 15px
}
#commentform textarea#comment {
    min-height: 100px
}
#commentform .form-submit {
    text-align: center
}
#commentform .logged-in-as {
    margin-bottom: 15px
}
#commentform .user, #commentform .mail {
    display: inline-block;
    width: 49%
}
#commentform .mail {
    float: right
}
#commentform .comment-form-cookies-consent {
    margin: 10px 0 25px;
    line-height: 1.8
}
#commentform .comment-form-cookies-consent label {
    vertical-align: middle;
    cursor: pointer
}
#comment-author, #comment-email, #comment-url, #comment-comment {
    margin: 10px 0 20px
}
#switch_comment_type {
    width: 100%;
    padding: 0;
    margin: 0 0 30px;
    letter-spacing: -1em;
    text-align: center
}
#switch_comment_type li {
    position: relative;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: normal;
    border-bottom: 2px solid rgba(170, 170, 170, 0.16);
    text-align: center;
    padding: 0 20px;
    cursor: pointer
}
#comment_section .commentlist {
    list-style-type: none;
    border: none !important
}
#comment_section .commentlist p {
    font-size: 13.5px;
    font-size: 1.35rem;
    padding: 4px 0 20px
}
#comment_section .commentlist ul.children {
    position: relative;
    padding: 15px 0 15px 15px
}
#comment_section .commentlist ul.children::before {
    position: absolute;
    top: -10px;
    left: 50px;
    content: "";
    border-width: 0 10px 10px 10px;
    border-style: solid;
    border-color: transparent transparent rgba(170, 170, 170, 0.16) transparent
}
#comment_section .commentlist ul.children li.comment {
    border: 0;
    margin: 0
}
#comment_section .commentlist ul.children li.comment::before {
    content: none
}
#comment_section li.comment, #comment_section li.trackback, #comment_section li.pingback {
    position: relative;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.68;
    padding: 0;
    margin: 20px 0
}
#comment_section li.comment.depth-1::after, #comment_section li.trackback.depth-1::after, #comment_section li.pingback.depth-1::after {
    content: "";
    position: absolute;
    width: 0;
    height: 3px;
    bottom: -1px;
    left: 0
}
#comment_section li.comment:hover::after, #comment_section li.trackback:hover::after, #comment_section li.pingback:hover::after {
    width: 50%
}
#comment_section li.comment div.reply, #comment_section li.trackback div.reply, #comment_section li.pingback div.reply {
    position: relative;
    top: 0;
    text-align: right
}
#comment_section li.comment #reply-title, #comment_section li.comment #reply-title span {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0
}
#comment_section .comment-author, #comment_section .bypostauthor {
    position: relative;
    margin-bottom: 15px;
    font-size: 12px;
    font-size: 1.2rem
}
#comment_section .comment-avatar {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 15px
}
#comment_section .comment-avatar img.avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%
}
#comment_section .comment-meta {
    display: inline-block;
    width: calc(100% - 55px);
    vertical-align: top;
    margin-top: 10px;
    font-size: 12.5px;
    font-size: 1.25rem
}
#comment_section .commentmetadata {
    text-align: right
}
#comment_section .comment-reply-link {
    margin: 0 0 0 10px
}
#comment_section .comment-body p {
    position: relative;
    top: 6px
}
#cancel-comment-reply-link {
    position: relative;
    z-index: 10
}
#cancel-comment-reply-link::before {
    position: relative;
    top: -3px;
    content: "|";
    padding: 0 15px;
    font-size: 14px;
    font-size: 1.4rem
}
#cancel-comment-reply-link span {
    display: inline-block
}
.trackbacks_div {
    display: none
}
.dp_fb_comments_div {
    position: relative;
    background-position: 50% 54%;
    min-height: 160px
}
.dp_fb_comments_div .dp_spinner::before {
    font-size: 20px;
    line-height: 20px;
    margin: -10px auto auto -10px
}
.fb-comments, .fb-comments span[style], .fb-comments iframe[style], .fb_iframe_widget:not(.fb-like), .fb_iframe_widget[style], .fb_iframe_widget:not(.fb-like) iframe[style], .fb_iframe_widget:not(.fb-like) span[style] {
    overflow: hidden;
    width: 100% !important
}
.fb_iframe_widget iframe {
    max-width: none
}
.fb-like {
    display: inline !important
}
.navigation {
    display: block;
    clear: both;
    width: 100%;
    margin: 40px auto
}
.navigation a {
    line-height: 2;
    text-decoration: none;
    z-index: 0
}
.navigation .nav-arrow {
    border-radius: 20px
}
.navigation .nav-arrow i {
    position: relative
}
.navigation .nav-arrow i::before {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0
}
.navigation .nav-arrow::after {
    border-radius: 20px
}
.navialignleft a, .navialignright a {
    display: block;
    font-size: 13px;
    font-size: 1.3rem
}
.navialignleft {
    float: left;
    text-align: left
}
.navialignright {
    float: right;
    text-align: right
}
.nav_to_paged {
    text-align: center
}
.nav_to_paged a {
    position: relative;
    display: inline-block;
    text-align: center;
    line-height: 36px;
    font-size: 15px;
    font-size: 1.5rem
}
.nav_to_paged a .r-wrap {
    padding: 0 30px;
    border-radius: 18px
}
.nav_to_paged a .r-wrap::after {
    border-radius: 20px
}
.single-nav li {
    position: fixed;
    top: 50vh;
    margin-top: -35px;
    display: inline-block;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    opacity: .8;
    z-index: 10
}
.single-nav li .nav-thumb {
    position: relative;
    width: 90px;
    height: 90px;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
    border-radius: 50%
}
.single-nav li .nav-title {
    position: absolute;
    top: 0;
    left: 45px;
    width: 235px;
    height: 90px;
    line-height: 90px;
    vertical-align: middle;
    padding: 0 15px 0 50px;
    border-radius: 0 45px 45px 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}
.single-nav li .nav-title > span {
    display: inline-block;
    line-height: 1.4;
    vertical-align: middle
}
.single-nav li.left, .single-nav li.left i::before {
    left: 0
}
.single-nav li.right, .single-nav li.right i::before {
    right: 0
}
.single-nav li.right .nav-title {
    left: auto;
    right: 45px;
    padding: 0 50px 0 15px;
    border-radius: 45px 0 0 45px;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center
}
.single-nav li:hover {
    opacity: 1
}
.single-nav li:hover .nav-thumb {
    opacity: 1
}
.single-nav li:hover i::before {
    opacity: 0
}
.single-nav li:hover.left i::before {
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px)
}
.single-nav li:hover.right i::before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px)
}
.single-nav li:hover .nav-title {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-box-shadow: 0 4px 12px -2px rgba(170, 170, 170, 0.76);
    box-shadow: 0 4px 12px -2px rgba(170, 170, 170, 0.76)
}
.single-nav .navlink {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%
}
.single-nav .navlink::before {
    border-radius: 50%
}
.single-nav i {
    display: block;
    text-align: center
}
.single-nav i::before {
    position: absolute;
    top: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    line-height: 90px;
    color: #fff;
    font-size: 20px;
    font-size: 2rem
}
.wp-pagenavi, .wp-navigation {
    text-align: center;
    padding: 5px 0;
    margin: 8px 0 25px
}
.dp-pagenavi {
    padding: 0;
    margin: 0 auto;
    text-align: center
}
.dp-pagenavi a, .dp-pagenavi .page-numbers, .dp-pagenavi .current {
    vertical-align: middle;
    height: 32px;
    min-width: 32px;
    line-height: 32px;
    margin: 0 5px 10px;
    font-size: 11px;
    font-size: 1.1rem;
    white-space: nowrap;
    display: inline-block
}
.dp-pagenavi a, .dp-pagenavi .page-numbers, .dp-pagenavi .current, .dp-pagenavi .r-wrap, .dp-pagenavi .r-wrap:after {
    border-radius: 18px
}
.dp-pagenavi .current {
    border: 1px solid;
    min-width: 36px;
    height: 36px;
    line-height: 36px
}
.dp-pagenavi .dots {
    border: 0;
    margin: 0
}
.dp-pagenavi a {
    text-decoration: none !important
}
.dp-pagenavi a:hover {
    text-decoration: none !important
}
.dp-pagenavi a.more-link {
    background-color: transparent
}
.dp-pagenavi a .pagenavi-arrow i::before {
    display: block;
    width: 100%;
    line-height: 32px;
    margin: 0
}
.dp-pagenavi a .pagenavi-arrow span {
    display: none
}
div.more_block {
    text-align: right;
    padding: 8px 10px 8px 0;
    margin: 6px 0 4px auto
}
.more-entry-link {
    text-align: right
}
.more-entry-link a {
    display: inline-block;
    margin-top: 15px;
    padding: 0 8px;
    line-height: 34px;
    border: 1px solid;
    border-radius: 18px;
    font-size: 12.5px;
    font-size: 1.25rem
}
#pager-loading {
    position: relative;
    height: 40px;
    margin: 30px auto 0;
    text-align: center
}
#pager-loading.dp_spinner::before {
    font-size: 30px;
    line-height: 30px;
    margin: -15px auto auto -15px
}
.pager_msg_div {
    display: none;
    position: fixed;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 100
}
.pager_last_msg {
    width: 300px;
    padding: 30px 0;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem
}
ul.blocks-gallery-grid, .entry ul.blocks-gallery-grid {
    margin: 0 0 4em 0
}
ul.blocks-gallery-grid .blocks-gallery-item {
    padding: 0
}
ul.blocks-gallery-grid .blocks-gallery-item::before {
    content: none;
    display: none;
    border: 0
}
ul.blocks-gallery-grid .blocks-gallery-item img {
    margin: auto;
    padding: 0
}
div.gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    overflow: hidden
}
div.gallery:not(.gallery-columns-2):not(.gallery-columns-3) dl.gallery-item {
    width: 33.33% !important
}
div.gallery p, div.gallery br {
    display: none
}
div.gallery.gallery-columns-2 dl.gallery-item {
    width: 50%
}
div.gallery dl.gallery-item {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    text-align: center;
    padding: 0 4px 8px;
    margin-bottom: 0;
    border: 0;
    width: 33.33%
}
div.gallery dt.gallery-icon {
    padding: 0;
    background: 0;
    border: 0
}
div.gallery dt.gallery-icon img {
    margin: 0;
    height: auto;
    max-width: 100%;
    border: none !important
}
div.gallery dd.gallery-caption {
    padding: 6px 0 0;
    border: 0;
    font-size: 12.5px;
    line-height: 1.24
}
.sidebar {
    position: relative;
    min-height: 100%;
    height: 100%;
    width: 300px;
    font-size: 12px;
    font-size: 1.2rem;
    display: inline-block;
    vertical-align: top
}
.sidebar img {
    border: 0;
    padding: 0;
    margin: 0
}
.sidebar.right {
    margin-left: 56px
}
.sidebar .widget-box {
    margin-bottom: 50px
}
.sidebar .widget-box .textwidget, .sidebar .widget-box .dp_text_widget {
    line-height: 1.6
}
.sidebar .widget-box .textwidget h1, .sidebar .widget-box .dp_text_widget h1 {
    font-size: 24px
}
.sidebar .widget-box .textwidget h2, .sidebar .widget-box .dp_text_widget h2 {
    font-size: 22px
}
.sidebar .widget-box .textwidget h3, .sidebar .widget-box .dp_text_widget h3 {
    font-size: 20px
}
.sidebar .widget-box .textwidget h4, .sidebar .widget-box .dp_text_widget h4 {
    font-size: 18px
}
.sidebar .widget-box .textwidget h5, .sidebar .widget-box .dp_text_widget h5 {
    font-size: 16px
}
.sidebar .widget-box .textwidget h6, .sidebar .widget-box .dp_text_widget h6 {
    font-size: 14px
}
.sidebar .widget-box .textwidget p, .sidebar .widget-box .dp_text_widget p {
    padding-bottom: 15px
}
.widget-box {
    position: relative;
    line-height: 1.8;
    position: relative
}
.widget-box.loop-div {
    padding: 0
}
.widget-box li {
    padding-bottom: 10px
}
.widget-box li li {
    padding-left: 10px
}
.widget-box img {
    max-width: 100%;
    height: auto
}
.wd-title {
    display: block;
    width: calc(100% - 10px);
    margin-left: 5px;
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: .02em;
    margin-bottom: 15px;
    padding: 10px;
    font-weight: bold;
    text-align: center;
    -webkit-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    transform: skewX(-15deg)
}
.wd-title * {
    display: inline-block;
    -webkit-transform: skewX(15deg);
    -ms-transform: skewX(15deg);
    transform: skewX(15deg)
}
.widget_title_hover, .fake-hover {
    display: block
}
#sns_buttons ul, #sns_buttons_meta ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: visible
}
ul.recent_entries {
    margin-left: auto;
    padding-left: 0
}
ul.recent_entries li {
    cursor: pointer;
    line-height: 1.52;
    min-height: 40px;
    padding: 10px 0;
    margin-left: auto;
    letter-spacing: -1em;
    white-space: nowrap
}
ul.recent_entries li::before {
    display: none;
    content: none;
    -webkit-box-shadow: none;
    box-shadow: none
}
ul.recent_entries li * {
    letter-spacing: normal;
    white-space: normal
}
ul.recent_entries li:nth-child(1) .rank_label.thumb {
    background-image: linear-gradient(135deg, #fff146, #ffcc3c, #a27e18, #7d6216, #b59231, #ffff91)
}
ul.recent_entries li:nth-child(2) .rank_label.thumb {
    background-image: linear-gradient(135deg, #ececec, #bbb, #7d7d7d, #5a5a5a, #9e9d9d, #d4d4d4)
}
ul.recent_entries li:nth-child(3) .rank_label.thumb {
    background-image: linear-gradient(135deg, #fe9c37, #da9356, #965926, #7b441d, #d18764, #ffd6ac)
}
ul.recent_entries a {
    text-decoration: none
}
ul.recent_entries time {
    display: block;
    font-size: 10px;
    font-size: 1rem;
    margin-bottom: 4px
}
ul.recent_entries .excerpt_div {
    display: inline-block;
    line-height: 1.4;
    width: 100%;
    vertical-align: middle
}
ul.recent_entries .excerpt_div.has_thumb {
    width: calc(100% - 130px)
}
ul.recent_entries .loop-share-num {
    margin: 5px 0 -8px
}
ul.recent_entries .loop-share-num > div {
    font-size: 10px;
    font-size: 1rem;
    margin: 0 4px
}
ul.recent_entries .loop-share-num i {
    margin-right: 4px;
    -webkit-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    transform: skewX(-15deg)
}
ul.recent_entries .loop-share-num i::before {
    display: inline-block;
    -webkit-transform: skewX(15deg);
    -ms-transform: skewX(15deg);
    transform: skewX(15deg);
    font-size: 11px;
    font-size: 1.1rem
}
ul.recent_entries .widget-views {
    font-size: 11px;
    font-size: 1.1rem;
    margin: 5px 0 0 5px;
    float: right
}
.widget-post-thumb {
    position: relative;
    overflow: hidden;
    width: 120px;
    height: 80px;
    margin: 0 10px 0 0;
    display: inline-block;
    vertical-align: middle
}
.widget-post-thumb .post-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-size: cover;
    background-position: 50%
}
.widget_nav_menu li, .widget_pages li, .widget_categories li {
    position: relative;
    padding: 0;
    font-size: 13px;
    font-size: 1.3rem
}
.widget_nav_menu li a, .widget_pages li a, .widget_categories li a {
    display: block;
    line-height: 1.4;
    padding: 13px 0;
    text-decoration: none !important
}
.widget_nav_menu li li a::before, .widget_pages li li a::before, .widget_categories li li a::before {
    font-size: 11px !important;
    padding: 0 5px
}
.widget_nav_menu.slider_fx ul.children, .widget_pages.slider_fx ul.children, .widget_categories.slider_fx ul.children {
    display: none
}
.widget_categories li .count {
    position: absolute;
    top: 8px;
    right: 45px;
    text-align: center;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 50%;
    font-size: 10.5px;
    font-size: 1.05rem
}
.widget_categories li.current-cat a:after {
    width: 50%
}
.widget_categories .cat-item .count {
    color: #fff
}
.widget_nav_menu.slider_fx ul.sub-menu {
    display: none
}
.widget_nav_menu li.current-menu-item a:after {
    width: 50%
}
.slider_fx .tab_category_content ul.children {
    display: none
}
.widget_rss div.rssSummary, .widget_rss cite {
    font-size: 11px;
    font-size: 1.1rem
}
.widget_rss div.rssSummary {
    line-height: 15px;
    padding: 4px
}
.dp_twitter_follow_widget, .dp_feedly_widget {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}
.widget-time {
    display: block;
    font-size: 71.4%
}
#calendar_wrap {
    width: 100%;
    margin: 0 auto
}
#wp-calendar {
    font-size: 12px;
    font-size: 1.2rem;
    width: 100%;
    margin: 0 auto
}
#wp-calendar caption {
    font-size: 13px;
    font-size: 1.3rem;
    text-align: center;
    margin: 10px 1px 1px auto;
    padding: 5px 0
}
#wp-calendar td a {
    display: block
}
#wp-calendar th, #wp-calendar td {
    position: relative;
    text-align: center;
    padding: 0;
    font-weight: normal;
    line-height: 29px;
    overflow: hidden;
    border-top: 0;
    border-left: 0;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent
}
#wp-calendar tbody td a::before {
    content: '';
    position: absolute;
    top: 0;
    right: -70px;
    width: 80px;
    height: 80px;
    background-color: rgba(170, 170, 170, 0.32)
}
#wp-calendar tbody td a:hover::before {
    right: -60px
}
#wp-calendar tfoot td {
    background-color: transparent
}
#wp-calendar tfoot td#prev {
    text-align: left
}
#wp-calendar tfoot td#next {
    text-align: right
}
.tagcloud {
    position: relative;
    margin: 8px 0 0 2px
}
.tagcloud a {
    padding-left: 20px
}
.tagcloud a:hover {
    opacity: 1
}
.dp_feed_widget {
    margin: 0 auto;
    padding: 0;
    text-align: center
}
.dp_feed_widget li {
    display: inline-block;
    margin: 0 2.2% 10px
}
.dp_feed_widget a {
    position: relative;
    display: table-cell;
    font-size: 12px;
    font-size: 1.2rem;
    width: 36px;
    height: 36px;
    -webkit-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    transform: skewX(-15deg)
}
.dp_feed_widget i::before {
    position: absolute;
    top: 0;
    width: 100%;
    line-height: 36px;
    display: block;
    margin: 0;
    -webkit-transform: skewX(15deg);
    -ms-transform: skewX(15deg);
    transform: skewX(15deg)
}
.dp_tab_widget_ul {
    overflow-x: scroll;
    white-space: nowrap;
    border-bottom: 1px solid
}
.dp_tab_widget_ul li {
    position: relative;
    display: inline-block;
    height: 50px;
    padding: 0;
    cursor: pointer;
    font-size: 12px;
    font-size: 1.2rem
}
.dp_tab_widget_ul li .tabn {
    position: relative;
    display: block;
    padding: 0 10px;
    line-height: 50px;
    z-index: 1
}
.dp_tab_widget_ul_wrapper {
    position: relative;
    overflow: hidden
}
.dp_tab_widget_ul_wrapper .dp_tab_sline {
    position: absolute;
    bottom: 0;
    height: 4px;
    display: block
}
.dp_tab_contents > div {
    display: none
}
#dp_fix_widget {
    max-width: 300px;
    z-index: 1
}
.footer {
    position: relative;
    padding: 60px 0 0;
    text-align: center;
    margin: 0 auto;
    z-index: 20
}
.footer .copyright {
    padding: 30px 20px;
    font-size: 12px;
    font-size: 1.2rem
}
.footer .cpmark {
    font-size: 13px;
    font-size: 1.3rem
}
.ft-container {
    width: 1180px;
    margin: 0 auto
}
.ft-widget-content {
    display: table;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    letter-spacing: -1em
}
.ft-widget-content .widget-area {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    font-size: 13px;
    font-size: 1.3rem
}
.ft-widget-content .loop-section {
    margin: 0
}
.ft-widget-content .loop-section .loop-article {
    width: 100%
}
.ft-widget-content #wp-calendar tfoot td {
    background-color: transparent
}
.ft-widget-content .widget-box {
    position: relative;
    padding: 0
}
#footer_menu_ul {
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    letter-spacing: normal
}
#footer_menu_ul .menu-item {
    display: inline-block;
    font-size: 11px;
    font-size: 1.1rem
}
#footer_menu_ul .menu-item .menu-link {
    padding: 4px
}
#footer_menu_ul .menu-item::after {
    content: "";
    display: inline-block;
    margin: -2px 15px auto;
    vertical-align: middle;
    width: 5px;
    height: 1px
}
#footer_menu_ul .menu-item:last-child::after {
    display: none;
    content: none
}
#footer_menu_ul .menu-caption {
    display: none
}
#ft_title_logo {
    height: 40px;
    margin-bottom: 15px
}
#ft_title_logo img {
    max-height: 100%
}
#gotop {
    position: fixed;
    bottom: -80px;
    right: 0;
    display: inline-block;
    width: 80px;
    height: 80px;
    overflow: hidden;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
    cursor: pointer;
    opacity: .48;
    z-index: 50
}
#gotop:hover {
    opacity: 1
}
#gotop::before {
    position: relative;
    top: 50%;
    right: -20%;
    display: block;
    margin: 0;
    line-height: 1;
    z-index: 1
}
#gotop::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px
}
.error404 #container {
    height: calc(100% - 30px)
}
.error404 .content-wrap {
    height: calc(100% - 60px)
}
.not-found {
    margin: 100px auto 40px;
    text-align: center
}
.not-found .icon-404 {
    font-size: 100px
}
.not-found .icon-404 span {
    display: none
}
.not-found div {
    margin-bottom: 30px
}
.ooops {
    margin: 20px 0 5px;
    font-size: 150px;
    width: 100%;
    text-align: center
}
.tooltip {
    position: relative;
    display: inline-block
}
.tooltip span {
    display: block
}
.tooltip-div {
    position: absolute;
    z-index: 100
}
.tooltip-div .tooltip-arrow {
    position: relative;
    top: 0;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px
}
.tooltip-div .tooltip-msg {
    text-align: center;
    padding: 6px 8px;
    width: 140px;
    font-size: 11px;
    line-height: 1.4
}
.tooltip-div span:before, .tooltip-div span:after {
    content: ''
}
.meta_sns span, .assistive-text, .screen-reader-text, .ooops span {
    display: none
}
.v_sub_menu_btn {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    text-align: center;
    width: 44px;
    height: 44px;
    line-height: 44px;
    font-size: 9px;
    font-size: .9rem;
    cursor: pointer;
    overflow: hidden
}
ul.sns_btn_div {
    margin-bottom: 30px
}
ul.sns_btn_div li {
    position: relative;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 0;
    margin-top: 0;
    max-width: 90px;
    max-height: 68px;
    vertical-align: top
}
ul.sns_btn_div li span {
    margin-right: 0
}
ul.sns_btn_div li.sns_btn_google {
    max-width: 66px
}
ul.sns_btn_div li.sns_btn_twitter {
    min-width: 72px
}
ul.sns_btn_div li.sns_btn_pinterest, ul.sns_btn_div li.sns_btn_facebook {
    max-width: 110px
}
ul.sns_btn_div li.sns_btn_pinterest > span > span {
    background-color: #fff !important;
    color: #666 !important;
    font-size: 12px !important;
    border: 1px solid silver;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
ul.sns_btn_div li.sns_btn_pinterest > span > span::before, ul.sns_btn_div li.sns_btn_pinterest > span > span::after {
    border-width: 4px !important;
    border-style: solid;
    border-color: transparent
}
ul.sns_btn_div li.sns_btn_pinterest > span > span::after {
    position: absolute;
    content: ""
}
ul.sns_btn_div li.sns_btn_tumblr a {
    display: inline-block;
    overflow: hidden;
    width: 62px;
    height: 20px;
    background: url("../../../../../platform.tumblr.com/v1/share_2.png") top left no-repeat transparent
}
ul.sns_btn_div li.sns_btn_tumblr span {
    display: none
}
ul.sns_btn_div li.sns_btn_feedly {
    max-width: 120px
}
ul.sns_btn_div.sns_btn_box li.sns_btn_pinterest > span {
    margin-top: 40px !important
}
ul.sns_btn_div.sns_btn_box li.sns_btn_pinterest > span > span {
    height: 34px !important;
    line-height: 34px !important;
    margin-top: -4px
}
ul.sns_btn_div.sns_btn_box li.sns_btn_pinterest > span > span::before, ul.sns_btn_div.sns_btn_box li.sns_btn_pinterest > span > span::after {
    left: 50% !important;
    margin-left: -4px
}
ul.sns_btn_div.sns_btn_box li.sns_btn_pinterest > span > span::before {
    bottom: -8px !important;
    border-top-color: silver !important
}
ul.sns_btn_div.sns_btn_box li.sns_btn_pinterest > span > span::after {
    bottom: -7px;
    border-top-color: #fff
}
ul.sns_btn_div.sns_btn_normal li.sns_btn_pinterest > span > span::before, ul.sns_btn_div.sns_btn_normal li.sns_btn_pinterest > span > span::after {
    top: 50% !important;
    margin-top: -4px
}
ul.sns_btn_div.sns_btn_normal li.sns_btn_pinterest > span > span::before {
    left: -8px !important;
    border-right-color: silver !important
}
ul.sns_btn_div.sns_btn_normal li.sns_btn_pinterest > span > span::after {
    left: -7px;
    border-right-color: #fff
}
ul.sns_btn_div.sns_btn_normal li.sns_btn_pocket {
    position: relative
}
a.feedly_button {
    display: block;
    color: #777;
    text-align: center;
    text-decoration: none
}
a.feedly_button:hover {
    color: #333;
    text-decoration: none
}
a.feedly_button:visited {
    color: #777
}
.arrow_box_feedly {
    position: relative;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #bbb;
    border-radius: 3px 3px 3px 3px;
    height: 35px;
    width: 66px;
    margin-bottom: 6px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}
.arrow_box_feedly::before, .arrow_box_feedly::after {
    position: absolute;
    top: 100%;
    left: 50%;
    border: medium solid transparent;
    content: " ";
    height: 0;
    pointer-events: none;
    width: 0
}
.arrow_box_feedly::after {
    border-color: #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    border-width: 4px;
    margin-left: -4px
}
.arrow_box_feedly::before {
    border-color: #999 rgba(204, 204, 204, 0) rgba(204, 204, 204, 0);
    border-width: 5px;
    margin-left: -5px
}
.arrow_box_feedly img {
    margin: 0;
    border: 0
}
.arrow_box_feedly span {
    display: block;
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 35px;
    overflow: hidden
}
.arrow_box_feedly.feedly_standard {
    height: 20px;
    width: auto;
    margin: 0 auto auto 6px;
    float: right
}
.arrow_box_feedly.feedly_standard::after, .arrow_box_feedly.feedly_standard::before {
    left: 0
}
.arrow_box_feedly.feedly_standard::before {
    border-color: rgba(204, 204, 204, 0) #999 rgba(204, 204, 204, 0) rgba(204, 204, 204, 0);
    border-width: 4px;
    margin: -13px auto auto -8px
}
.arrow_box_feedly.feedly_standard::after {
    border-color: rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    border-width: 3px;
    margin: -12px auto auto -6px
}
.arrow_box_feedly.feedly_standard span {
    width: auto;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 20px;
    padding: 0 4px
}
.loop-share-num {
    position: relative;
    letter-spacing: .06em;
    overflow: hidden
}
.loop-share-num.in-blk {
    display: inline-block
}
.loop-share-num > div {
    position: relative;
    bottom: 0;
    line-height: 1;
    font-size: 11px;
    font-size: 1.1rem;
    display: inline-block
}
.loop-share-num i {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px
}
.loop-share-num i::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 22px;
    margin: 0;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    font-size: 1.2rem;
    vertical-align: middle
}
.loop-share-num .share-num {
    vertical-align: text-bottom;
    line-height: 24px;
    display: inline-block
}
*:first-child + html .rssLinkListItemTitle {
    margin-left: -15px
}
* html .rssLinkListItemTitle {
    margin-left: -15px
}
img.post-ratings-image {
    border: 0;
    padding: 0;
    margin: 0
}
.woocommerce-page .entry ul.wc-tabs li::before {
    display: none
}
body.woocommerce #dp_breadcrumb_nav {
    margin-top: 81px
}
div.gm-style img {
    margin: auto;
    max-width: none
}
.emb_video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}
.emb_video iframe {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%
}
.wp-embedded-content {
    width: 100% !important;
    min-height: 200px !important
}
.gutter_size {
    width: 2%
}
.dp_tab ul.dp_tab_ul li.dp_sc_active_tab::before, .dp_tab ul.dp_tab_ul li.dp_sc_inactive_tab::before {
    display: none
}
.dp_sc_gmap, .dp_sc_post_list {
    margin-bottom: 40px
}
.rank_label {
    position: absolute;
    display: block;
    font-weight: normal;
    line-height: 1;
    text-shadow: none
}
.rank_label.thumb {
    top: 0;
    left: 0;
    margin: 10px 0 0;
    width: 24px;
    height: 24px;
    line-height: 20px;
    font-family: STHeiti, STXihei, Arial, sans-serif;
    font-size: 10px;
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.36);
    text-align: center;
    z-index: 10;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 50% 78%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% 100%, 50% 78%, 0 100%, 0 0)
}
.rank_label.no-thumb {
    top: 20%;
    right: 4px;
    height: 100%;
    font-size: 34px;
    font-weight: bold;
    font-style: italic;
    z-index: 0
}
.dp_spinner {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation: spinner 1.8s linear .00s infinite;
    animation: spinner 1.8s linear .00s infinite
}
.dp_spinner::before {
    position: absolute;
    top: 50%;
    font-size: 14px;
    line-height: 14px;
    margin: -7px auto auto -7px;
    display: inline-block;
    text-align: center
}
@keyframes spinner {
    0.00% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@-webkit-keyframes spinner {
    0.00% {
        -webkit-transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="submit"], .uneditable-input {
    display: inline-block;
    padding: 0 10px;
    margin: 6px 10px 6px 0;
    line-height: 42px;
    border: 1px solid rgba(170, 170, 170, 0.48)
}
textarea {
    height: auto;
    line-height: 1.68;
    padding: 10px
}
input:focus, select:focus, textarea:focus {
    outline: 0
}
input[type="button"], input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="radio"] {
    cursor: pointer
}
input, textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 0
}
input[type="checkbox"], input[type="radio"] {
    position: relative;
    margin-right: 3px;
    border: 2px solid rgba(170, 170, 170, 0.68);
    border-radius: 2px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background-color: rgba(170, 170, 170, 0.32)
}
input[type="checkbox"]:checked::before, input[type="checkbox"]:checked::after, input[type="radio"]:checked::before, input[type="radio"]:checked::after {
    display: block;
    position: absolute;
    content: "";
    background-color: #fff
}
input[type="checkbox"]:checked::before {
    left: 0;
    top: 8px;
    width: 5px;
    height: 3px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center
}
input[type="checkbox"]:checked::after {
    left: 5px;
    top: 10px;
    width: 12px;
    height: 3px;
    -webkit-transform: rotate(-53deg);
    -ms-transform: rotate(-53deg);
    transform: rotate(-53deg);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}
input[type="radio"] {
    border-radius: 50%
}
input[type="radio"]:checked::before {
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    margin-left: -4px;
    border-radius: 50%
}
input[type="radio"]:checked::after {
    display: none;
    width: 0;
    height: 0
}
select {
    padding: 0 10px;
    line-height: 42px;
    height: auto;
    margin: 10px auto;
    max-width: 100%;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid rgba(170, 170, 170, 0.48);
    font-size: 14.5px;
    font-size: 1.45rem
}
select:hover {
    background-color: rgba(170, 170, 170, 0.18)
}
.widget_nav_menu select, .widget_pages select, .widget_archive select, .widget_categories select {
    width: 100%
}
form.gsc-search-box {
    margin-bottom: 0 !important
}
table.gsc-search-box {
    position: relative !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important
}
table.gsc-search-box td {
    margin: 0;
    padding: 0;
    border: 0;
    width: auto
}
.gsc-control-searchbox-only {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    max-width: 480px;
    margin: auto
}
.gsc-control-cse td {
    border: none !important
}
div.gsc-input-box {
    height: 46px !important;
    border: none !important
}
div.gsc-input-box td.gsib_b {
    display: none !important
}
td.gsc-input {
    border: none !important;
    padding: 0 !important
}
input.gsc-input {
    margin: 0 !important;
    height: auto !important;
    padding: 0 45px 0 5px !important;
    line-height: 44px !important;
    font-size: 13.5px !important;
    border: 1px solid rgba(170, 170, 170, 0.48) !important
}
.gsc-search-button-v2 {
    position: absolute;
    top: 1px;
    right: 1px;
    margin: 0 !important;
    padding: 0 !important;
    width: 44px !important;
    height: 44px !important;
    border: 0 !important;
    border-radius: 0 !important;
    text-align: center !important;
    vertical-align: middle !important;
    cursor: pointer
}
.gsc-search-button-v2 svg {
    width: 16px;
    height: 16px
}
.gsc-input-box-hover, .gsc-input-box-focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important
}
.gscb_a {
    padding: 0 2px !important;
    vertical-align: middle !important
}
.gsc-webResult, .gsc-result {
    border: none !important
}
.search-form {
    position: relative;
    width: 100%;
    max-width: 480px;
    margin: 0 auto 40px;
    text-align: left;
    background-color: transparent
}
.search-form.no-params input.search-field {
    padding: 0 52px 0 8px
}
.search-form .words-area {
    position: relative;
    display: block;
    width: 100%;
    height: 44px;
    border: 1px solid rgba(170, 170, 170, 0.48)
}
.search-form .words-area button.search-btn {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0;
    background: 0;
    cursor: pointer;
    width: 42px;
    height: 42px;
    border: 0;
    z-index: 1
}
.search-form .params-area {
    margin-top: 15px;
    font-size: 13px;
    font-size: 1.3rem
}
.search-form select.s-select {
    margin: 0;
    width: 100%;
    padding: 0 10px
}
.search-form input {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0
}
.search-form input.search-field {
    position: relative;
    top: 0;
    padding: 0 10px;
    margin: 0;
    width: 100%;
    line-height: 40px;
    border: 0;
    cursor: text;
    background-color: transparent
}
.search-form input.full-width {
    width: 100%
}
.search-form label.item-lbl {
    display: inline-block;
    margin: 0 10px 10px 0;
    cursor: pointer
}
.search-form .s-param {
    margin-bottom: 15px
}
.search-form .s-param.range input {
    cursor: pointer
}
.search-form .scrollable {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch
}
.search-form .scrollable.axis-y {
    overflow-x: hidden;
    overflow-y: auto
}
.search-form .scrollable.axis-x {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap
}
.search-form .scrollable::-webkit-scrollbar {
    width: 7px;
    height: 7px
}
.search-form .scrollable::-webkit-scrollbar-track {
    background-color: rgba(170, 170, 170, 0.38)
}
.search-form .scrollable::-webkit-scrollbar-thumb {
    background-color: rgba(170, 170, 170, 0.62)
}
.search-form .preset-words-area {
    padding-bottom: 10px
}
.search-form .preset-words-area a.pword {
    display: inline-block;
    line-height: 26px;
    padding: 0 10px;
    margin-right: 10px;
    border-radius: 13px;
    font-size: 11px;
    font-size: 1.1rem;
    background-color: rgba(170, 170, 170, 0.22)
}
.search-form .preset-words-area a.pword:last-of-type {
    margin-right: 0
}
.search-form .preset-words-area a.pword:hover {
    background-color: rgba(170, 170, 170, 0.4)
}
.search-form .inner-block {
    margin: 5px 0
}
.search-form .inner-block.axis-y {
    max-height: 90px
}
.search-form .wd-block-title {
    margin: 12px 0 8px 0;
    font-weight: bold;
    font-size: 13.5px;
    font-size: 1.35rem
}
.search-form .submit-area {
    text-align: center
}
.search-form .submit-area button.search-btn {
    display: block;
    width: 100%;
    margin: 0 auto;
    border: 0;
    line-height: 44px;
    cursor: pointer;
    font-size: 13px;
    font-size: 1.3rem
}
.search-form .submit-area button.search-btn:hover {
    opacity: .92
}
.sort-form-area {
    text-align: right;
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 3px double rgba(170, 170, 170, 0.48)
}
.sort-form-area .sort-form-title, .sort-form-area .sort-form {
    display: inline-block;
    vertical-align: middle
}
.sort-form-area .sort-form-title {
    font-size: 13.5px;
    margin-right: 8px
}
.sort-form-area .sort-form select {
    font-size: 14.5px;
    margin: 0;
    padding: 0 20px;
    line-height: 44px -2
}
.loop-section.one-col .sort-form-area {
    margin: auto 5vw 30px
}
.dp_comment_list_section .commentlist {
    list-style-type: none;
    border: none !important
}
.dp_comment_list_section .commentlist p {
    font-size: 13px;
    font-size: 1.3rem;
    padding: 4px 0 20px
}
.dp_comment_list_section li.comment {
    position: relative;
    font-size: 13px;
    font-size: 1.3rem;
    margin: 12px 0;
    padding: 0 10px 12px;
    border-bottom: 1px solid rgba(170, 170, 170, 0.48);
    line-height: 1.68
}
.dp_comment_list_section li.comment:last-of-type {
    border: 0
}
.dp_comment_list_section .comment-author, .dp_comment_list_section .bypostauthor {
    position: relative;
    margin-bottom: 12px;
    font-size: 12px;
    font-size: 1.2rem
}
.dp_comment_list_section .comment-avatar {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 10px
}
.dp_comment_list_section .comment-avatar img.avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%
}
.dp_comment_list_section .comment-avatar.as-wdgt img.avatar {
    width: 28px;
    height: 28px
}
.dp_comment_list_section.as-wdgt li {
    margin: 12px 0;
    padding-bottom: 12px
}
.dp_comment_list_section.as-wdgt .cmt-date {
    margin-left: 15px
}
.dp_comment_list_section.as-wdgt .cmt-post-link a {
    font-weight: bold
}
.dp_comment_list_section a:hover {
    text-decoration: underline
}
.dp_comment_list_section .cmt-date {
    margin-left: 15px
}
.dp_comment_list_section .cmt-post-link a {
    font-weight: bold
}
.flw_box {
    position: relative;
    margin: 0 auto 20px;
    max-width: 880px;
    text-align: center;
    overflow: hidden
}
.flw_box.fb {
    height: 220px
}
.flw_box.fb.show_bg_img {
    height: 240px
}
.flw_box.fb .flw_box_col {
    position: relative;
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.6;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    z-index: 1
}
.flw_box.fb .flw_box_col:not(:nth-child(2))::after, .flw_box.fb .flw_box_col.bg_img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}
.flw_box.fb .flw_box_col:not(:nth-child(2))::after {
    content: '';
    opacity: .52
}
.flw_box.fb .flw_box_col .wp-post-image {
    margin: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}
.flw_box.fb .flw_box_col .phrase {
    display: block;
    margin-bottom: 10px
}
.flw_box.fb .flw_box_col:nth-child(1) {
    height: 100%
}
.flw_box.fb .flw_box_col:nth-child(2) {
    padding: 20px
}
.flw_box.fb .flw_box_col.show_bg_img {
    margin: 10px;
    width: calc(50% - 20px);
    height: calc(100% - 20px);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6)
}
.flw_box.fb .flw_box_col.show_bg_img::after {
    opacity: .1
}
.flw_box.fb .flw_box_col.bg_img {
    width: auto;
    z-index: 0
}
.flw_box.fb .flw_box_col.bg_img .wp-post-image {
    margin: -10px;
    width: calc(100% - -20px);
    height: calc(100% - -20px);
    -webkit-filter: blur(7px);
    filter: blur(7px)
}
.flw_box.tw {
    padding: 20px
}
.flw_box.tw .flw_label {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    font-size: 13.5px
}
.flw_box.tw .flw_label a.user_link {
    font-size: 13.5px
}
.flw_box.tw .twitter-follow-button {
    vertical-align: middle
}
@media only screen and (min-width:0) and (max-width:780px) {
    .flw_box.fb .flw_box_col {
        width: 100%
    }
    .flw_box.fb .flw_box_col:nth-child(1)::after {
        opacity: .74
    }
    .flw_box.fb .flw_box_col:nth-child(2) {
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}
.dp_toc_container {
    position: relative;
    padding: 20px;
    border: 3px solid rgba(170, 170, 170, 0.24);
    background-color: rgba(170, 170, 170, 0.06);
    border-radius: 3px;
    margin: 0 auto 60px;
    width: 100%;
    max-width: 720px;
    counter-reset: li
}
.dp_toc_container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}
.dp_toc_container.pos-right_float {
    position: fixed;
    top: 20vh;
    right: 10px;
    height: calc(70vh - 120px);
    width: 580px;
    max-width: calc(100% - 20px);
    overflow: hidden;
    -webkit-box-shadow: 0 4px 20px -2px rgba(170, 170, 170, 0.28);
    box-shadow: 0 4px 20px -2px rgba(170, 170, 170, 0.28);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translateX(88%);
    -ms-transform: translateX(88%);
    transform: translateX(88%);
    z-index: 19
}
.dp_toc_container.pos-right_float:hover {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}
.dp_toc_container.pos-right_float ul.dp_toc_ul {
    overflow-y: scroll;
    max-height: none;
    height: calc(50vh - 30px);
    padding: 30px 10px
}
.dp_toc_container.allow-toggle p.toc_title_block {
    cursor: pointer
}
.dp_toc_container p.toc_title_block {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 0
}
.dp_toc_container p.toc_title_block > span {
    display: inline-block
}
.dp_toc_container p.toc_title_block > span::before {
    display: inline-block;
    line-height: 40px;
    width: 40px;
    margin: 0;
    border-radius: 50%;
    font-size: 20px;
    text-align: center;
    vertical-align: bottom;
    background-color: rgba(170, 170, 170, 0.24)
}
.dp_toc_container p.toc_title_block > span.toc_title {
    font-size: 126%;
    font-weight: bold
}
.dp_toc_container p.toc_title_block > span.toc_title::before {
    margin-right: 20px
}
.dp_toc_container p.toc_title_block.close-toc + ul.dp_toc_ul {
    padding: 0 30px;
    margin: 0;
    max-height: 0;
    border-top-color: transparent
}
.dp_toc_container p.toc_title_block.close-toc .toc_toggle::before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}
.dp_toc_container ul.dp_toc_ul {
    margin: 30px 0 0 0;
    padding: 30px;
    border-top: 1px solid rgba(170, 170, 170, 0.42);
    overflow: hidden;
    max-height: 12000px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}
.dp_toc_container ul.dp_toc_ul li {
    position: relative;
    padding: 0;
    margin: 0;
    line-height: 1
}
.dp_toc_container ul.dp_toc_ul li::before {
    display: none;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}
.dp_toc_container ul.dp_toc_ul li a {
    line-height: 1.6;
    margin: 3px 0;
    padding: 5px 0;
    display: inline-block;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}
.dp_toc_container ul.dp_toc_ul li a:hover {
    text-decoration: none;
    -webkit-box-shadow: inset 0 -2px;
    box-shadow: inset 0 -2px
}
.dp_toc_container ul.dp_toc_ul li ul {
    margin-left: 20px
}
.dp_toc_container ul.dp_toc_ul > li::before, .dp_toc_container ul.dp_toc_ul > li::after {
    position: absolute;
    top: 3px;
    left: 0
}
.dp_toc_container ul.dp_toc_ul > li::before {
    content: '';
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 7px;
    border-radius: 16px;
    background-color: rgba(170, 170, 170, 0.24)
}
.dp_toc_container ul.dp_toc_ul > li::after {
    counter-increment: li;
    content: counter(li);
    width: 32px;
    line-height: 32px;
    font-family: 'STHeiti', 'STXihei', 'Helvetica Neue', 'Times New Roman', 'Meiryo', 'Yu Gothic', san-serif;
    font-size: 14.5px;
    text-align: center
}
.dp_toc_container ul.dp_toc_ul > li > a {
    font-weight: bold;
    margin-left: 40px;
    font-size: 108%
}
.dp_toc_container ul.dp_toc_ul > li > ul {
    margin-left: 34px
}
.dp_toc_container ul.dp_toc_ul > li li::before {
    content: '\2023';
    position: relative;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    font-size: 18px;
    background: 0;
    display: inline-block
}
.dp_toc_container ul.dp_toc_ul > li li > a {
    font-weight: normal;
    max-width: calc(100% - 20px);
    vertical-align: middle
}
.wpcf7-form .wpcf7-list-item {
    display: block;
    margin: 6px auto 10px 0;
    text-align: left
}
.wpcf7-form input[type="text"], .wpcf7-form input[type="password"], .wpcf7-form input[type="email"], .wpcf7-form input[type="url"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="submit"], .wpcf7-form textarea {
    font-size: .96em;
    max-width: 100%
}
.wpcf7-form input[type="submit"], .wpcf7-form textarea {
    width: 100%
}
.wpcf7-form input.wpcf7-submit {
    height: 44px;
    font-size: 1em
}
.wpcf7-form img {
    margin: 0 !important
}
.wpcf7-form p {
    padding-bottom: 5px !important
}
*:first-child + html .rssLinkListItemTitle {
    margin-left: -15px
}
* html .rssLinkListItemTitle {
    margin-left: -15px
}
img.post-ratings-image {
    border: 0;
    padding: 0;
    margin: 0
}
.woocommerce-page .entry ul.wc-tabs li::before {
    display: none
}
.header-banner-inner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    height: 100%
}
.header-banner-inner .bx-wrapper, .header-banner-inner .bx-viewport {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 100% !important;
    z-index: 0
}
.header-banner-inner.hd_img, .header-banner-inner .bx-viewport .sl-img {
    background-size: cover;
    background-position: 50%
}
.header-banner-inner .vsc-controller {
    display: none
}
.header-banner-inner.post-slider .slide .sl-article {
    position: absolute;
    bottom: -38%;
    left: 0;
    width: 100%;
    height: 38%;
    padding: 40px 25px 100px;
    text-shadow: none
}
.header-banner-inner.post-slider .slide .sl-article::before {
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    margin: 15px;
    border: 1px solid
}
.header-banner-inner.post-slider .slide:hover .sl-img {
    -ms-transform: translateY(-4%);
    -webkit-transform: translateY(-4%);
    transform: translateY(-4%)
}
.header-banner-inner.post-slider .slide:hover .sl-article {
    bottom: -4%
}
.header-banner-inner.post-slider .slide .sl-meta {
    position: relative;
    font-size: 11px;
    font-size: 1.1rem
}
.header-banner-inner.post-slider .slide .sl-cat {
    display: inline-block;
    padding: 0 10px;
    margin-bottom: 4%;
    line-height: 20px;
    border: 1px solid;
    border-radius: 10px
}
.header-banner-inner.post-slider .slide .sl-title {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2;
    margin-bottom: 4%
}
.header-banner-inner .bx-pager {
    position: absolute;
    top: 0;
    width: 100%
}
.header-banner-inner .bx-controls-direction a {
    width: 80px
}
.header-banner-inner:hover .bx-controls-direction a {
    opacity: .5
}
.header-banner-inner:hover .bx-controls-direction a.bx-next {
    right: 0
}
.header-banner-inner:hover .bx-controls-direction a.bx-prev {
    left: 0
}
.header-banner-inner:hover .bx-controls-direction a i::before {
    top: 15px
}
.header-banner-inner:hover .bx-controls-direction a i::after {
    top: -14px
}
.header-banner-inner:hover .bx-controls-direction a:hover {
    opacity: 1
}
.hd_slideshow {
    height: 100%
}
.hd_slideshow.ease_on .slide {
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25)
}
.bx-viewport .slide {
    height: 100% !important
}
.bx-viewport .slide.scale_09 .sl-img {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9)
}
.bx-viewport .slide.mg_l .sl-img {
    -ms-transform: translateX(2%);
    -webkit-transform: translateX(2%);
    transform: translateX(2%)
}
.bx-viewport .slide.mg_r .sl-img {
    -ms-transform: translateX(-2%);
    -webkit-transform: translateX(-2%);
    transform: translateX(-2%)
}
.bx-viewport .slide.mg_t .sl-img {
    -ms-transform: translateY(2.4%);
    -webkit-transform: translateY(2.4%);
    transform: translateY(2.4%)
}
.bx-viewport .slide.mg_b .sl-img {
    -ms-transform: translateY(-2.4%);
    -webkit-transform: translateY(-2.4%);
    transform: translateY(-2.4%)
}
.bx-viewport .sl-img {
    width: 100%;
    height: 100%
}
.bx-pager {
    text-align: center;
    margin: 30px auto
}
.bx-pager .bx-pager-item {
    display: inline;
    margin: 0 8px;
    cursor: pointer
}
.bx-pager .bx-pager-item a {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    cursor: pointer;
    text-indent: -9999px;
    opacity: .6;
    -webkit-box-shadow: 0 0 0 2px;
    box-shadow: 0 0 0 2px
}
.bx-pager .bx-pager-item a.active, .bx-pager .bx-pager-item a:hover {
    opacity: .9
}
.bx-controls-direction a {
    position: absolute;
    top: 0;
    height: 100%;
    width: 50px;
    display: inline-block;
    cursor: pointer;
    text-shadow: none !important;
    opacity: 0
}
.bx-controls-direction a.bx-next {
    right: 20px
}
.bx-controls-direction a.bx-prev {
    left: 20px
}
.bx-controls-direction a i {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -10px;
    display: block;
    text-align: center
}
.bx-controls-direction a i::before, .bx-controls-direction a i::after {
    position: relative;
    content: "";
    margin: 0 auto;
    display: block;
    width: 40px;
    height: 2px
}
.bx-controls-direction a i::before {
    top: 16px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.bx-controls-direction a i::after {
    top: -14px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 2000;
    position: fixed;
    height: 100%;
    width: 100%;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}
.pace.pace-inactive {
    opacity: 0;
    visibility: hidden
}
.pace .pace-activity {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -60px auto auto -30px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    width: 60px;
    height: 60px;
    -webkit-animation: square-spin 3s .01s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
    animation: square-spin 3s .01s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite
}
.pace .pace-progress {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 30px auto auto -40px;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important
}
.pace .pace-progress::after {
    display: block;
    content: attr(data-progress-text);
    font-family: "Helvetica Neue", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 100;
    font-size: 42px;
    font-size: 4.2rem;
    line-height: 1
}
@-webkit-keyframes square-spin {
    25% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
        transform: perspective(100px) rotateX(180deg) rotateY(0)
    }
    50% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
        transform: perspective(100px) rotateX(180deg) rotateY(180deg)
    }
    75% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
        transform: perspective(100px) rotateX(0) rotateY(180deg)
    }
    100% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
        transform: perspective(100px) rotateX(0) rotateY(0)
    }
}
@keyframes square-spin {
    25% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
        transform: perspective(100px) rotateX(180deg) rotateY(0)
    }
    50% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
        transform: perspective(100px) rotateX(180deg) rotateY(180deg)
    }
    75% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
        transform: perspective(100px) rotateX(0) rotateY(180deg)
    }
    100% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
        transform: perspective(100px) rotateX(0) rotateY(0)
    }
}
.b {
    font-weight: bold !important
}
.u {
    text-decoration: underline !important
}
.i {
    font-style: italic !important
}
.serif {
    font-family: "HiraMinProN-W3", "Hiragino Mincho Pro", "Yu Mincho", YuMincho, "MS PMincho", serif
}
.al-l {
    text-align: left
}
.al-r {
    text-align: right
}
.al-c {
    text-align: center
}
.cl-l {
    clear: left
}
.cl-r {
    clear: right
}
.aligncenter, img.aligncenter, .entry img.aligncenter, .textwidget img.aligncenter, .dp_text_widget img.aligncenter, a.aligncenter, a.btn.aligncenter, .entry a.btn.aligncenter, .textwidget a.btn.aligncenter, .dp_text_widget a.btn.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}
.alignnone {
    display: block;
    margin-left: 0;
    padding-left: 0
}
.fl-l, .alignleft {
    float: left
}
.fl-r, .alignright {
    float: right
}
.fl-l img, .alignleft img {
    margin-top: 5px;
    margin-left: 0
}
.fl-r img, .alignright img {
    margin-top: 5px;
    margin-right: 0
}
.shadow-none {
    text-shadow: none
}
.disp-none {
    display: none
}
.disp-blk {
    display: block
}
.disp-in-blk {
    display: inline-block
}
.v-al-btm {
    vertical-align: bottom
}
.v-al-top {
    vertical-align: top
}
.v-al-mdl {
    vertical-align: middle
}
.v-al-txt-btm {
    vertical-align: text-bottom
}
.v-al-txt-top {
    vertical-align: text-top
}
.pos-ab {
    position: absolute
}
.pos-re {
    position: relative
}
.big {
    font-size: 20px
}
.small {
    font-size: 10px
}
.ft8px {
    font-size: 8px
}
.ft9px {
    font-size: 9px
}
.ft10px {
    font-size: 10px
}
.ft11px {
    font-size: 11px
}
.ft12px {
    font-size: 12px
}
.ft13px {
    font-size: 13px
}
.ft14px {
    font-size: 14px
}
.ft15px {
    font-size: 15px
}
.ft16px {
    font-size: 16px
}
.ft17px {
    font-size: 17px
}
.ft18px {
    font-size: 18px
}
.ft19px {
    font-size: 19px
}
.ft20px {
    font-size: 20px
}
.ft21px {
    font-size: 21px
}
.ft22px {
    font-size: 22px
}
.ft23px {
    font-size: 23px
}
.ft24px {
    font-size: 24px
}
.ft25px {
    font-size: 25px
}
.ft26px {
    font-size: 26px
}
.ft27px {
    font-size: 27px
}
.ft28px {
    font-size: 28px
}
.ft29px {
    font-size: 29px
}
.ft30px {
    font-size: 30px
}
.ft31px {
    font-size: 31px
}
.ft32px {
    font-size: 32px
}
.ft33px {
    font-size: 33px
}
.ft34px {
    font-size: 34px
}
.ft35px {
    font-size: 35px
}
.ft40px {
    font-size: 40px
}
.ft45px {
    font-size: 45px
}
.ft50px {
    font-size: 50px
}
.ft55px {
    font-size: 55px
}
.ft60px {
    font-size: 60px
}
.ft65px {
    font-size: 65px
}
.ft70px {
    font-size: 70px
}
.ft75px {
    font-size: 75px
}
.ft80px {
    font-size: 80px
}
.ft85px {
    font-size: 85px
}
.ft90px {
    font-size: 90px
}
.ft95px {
    font-size: 95px
}
.ft100px {
    font-size: 100px
}
.black {
    color: #000
}
.red {
    color: #f21a0a
}
.green {
    color: #1abc9c
}
.yellow {
    color: #f7d745
}
.blue {
    color: #3094dd
}
.lightblue {
    color: #08abdc
}
.gray {
    color: #aaa
}
.orange {
    color: #f39c12
}
.pink {
    color: #f95189
}
.white {
    color: #fff;
    text-shadow: none
}
[class^="mk-"], [class*=" mk-"] {
    padding: 7px 5px 5px
}
[class^="mk-"], [class*="mk-"], [class^="bg-"], [class*="bg-"] {
    text-shadow: none
}
.bg-none {
    background: transparent
}
.bg-black, .mk-black {
    color: #fff;
    background: #353c42
}
.bg-gray, .mk-gray {
    color: #444;
    background: #e8e8e8
}
.bg-yellow, .mk-yellow {
    color: #444;
    background: #f7d745
}
.bg-green, .mk-green {
    color: #fff;
    background: #1abc9c
}
.bg-blue, .mk-blue {
    color: #fff;
    background: #3094dd
}
.bg-lightblue, .mk-lightblue {
    color: #444;
    background: #aee2fc
}
.bg-red, .mk-red {
    color: #fff;
    background: #fda2a2
}
.bg-orange, .mk-orange {
    color: #fff;
    background: #f39c12
}
.bg-pink, .mk-pink {
    color: #444;
    background: #fdc2d6
}
.bg-white {
    color: #444;
    background: #fff
}
.bg-black-op90 {
    background-color: rgba(0, 0, 0, 0.9)
}
.bg-black-op80 {
    background-color: rgba(0, 0, 0, 0.8)
}
.bg-black-op70 {
    background-color: rgba(0, 0, 0, 0.7)
}
.bg-black-op60 {
    background-color: rgba(0, 0, 0, 0.6)
}
.bg-black-op50 {
    background-color: rgba(0, 0, 0, 0.5)
}
.bg-black-op40 {
    background-color: rgba(0, 0, 0, 0.4)
}
.bg-black-op30 {
    background-color: rgba(0, 0, 0, 0.3)
}
.bg-black-op20 {
    background-color: rgba(0, 0, 0, 0.2)
}
.bg-black-op10 {
    background-color: rgba(0, 0, 0, 0.1)
}
[class^="bg-black-op"]:not(:target), [class*="bg-black-op"]:not(:target) {
    -webkit-filter: none;
    filter: none
}
.bd-none {
    border: 0
}
.bd {
    border-bottom: 2px solid #000
}
.bd-red {
    border-bottom: 2px solid #fda2a2
}
.bd-blue {
    border-bottom: 2px solid #3094dd
}
.bd-green {
    border-bottom: 2px solid #1abc9c
}
.bd-yellow {
    border-bottom: 2px solid #f7d745
}
.bd-gray {
    border-bottom: 2px solid #aaa
}
.bd-orange {
    border-bottom: 2px solid #f39c12
}
.bd-pink {
    border-bottom: 2px solid #fdc2d6
}
.bd-lightblue {
    border-bottom: 2px solid #aee2fc
}
img.bd {
    background-color: rgba(170, 170, 170, 0.16);
    border: 1px solid rgba(170, 170, 170, 0.48);
    padding: 4px;
    border-radius: 3px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}
[class^="box-"], [class*=" box-"], .box {
    position: relative;
    line-height: 1.8;
    padding: 6px 12px;
    margin: 0 auto 20px auto;
    border: 1px solid rgba(51, 51, 51, 0.2);
    background-color: rgba(51, 51, 51, 0.05)
}
.box-c, [class^="box-c-"], [class*=" box-c-"] {
    border-radius: 3px
}
.box-red, .box-c-red {
    color: #b94a48;
    background-color: #f2dede;
    border: 1px solid #f5c2c9
}
.box-blue, .box-c-blue {
    color: #3a87ad;
    background-color: #d9edf7;
    border: 1px solid #ace9f5
}
.box-green, .box-c-green {
    color: #48832b;
    border: 1px solid #c6f5ab;
    background-color: #eafddf
}
.box-yellow, .box-c-yellow {
    color: #97911e;
    border: 1px solid #f3ee85;
    background-color: #fefee2
}
.box-pink, .box-c-pink {
    color: #d97c9e;
    border: 1px solid #fddce9;
    background-color: #fff5f9
}
.box-orange, .box-c-orange {
    color: #b9714f;
    border: 1px solid #fbd69d;
    background-color: #f5e5c9
}
.pd0 {
    padding: 0
}
.pd4px {
    padding: 4px
}
.pd5px {
    padding: 5px
}
.pd6px {
    padding: 6px
}
.pd7px {
    padding: 7px
}
.pd8px {
    padding: 8px
}
.pd9px {
    padding: 9px
}
.pd10px {
    padding: 10px
}
.pd11px {
    padding: 11px
}
.pd12px {
    padding: 12px
}
.pd13px {
    padding: 13px
}
.pd14px {
    padding: 14px
}
.pd15px {
    padding: 15px
}
.pd16px {
    padding: 16px
}
.pd17px {
    padding: 17px
}
.pd18px {
    padding: 18px
}
.pd19px {
    padding: 19px
}
.pd20px {
    padding: 20px
}
.pd21px {
    padding: 21px
}
.pd22px {
    padding: 22px
}
.pd23px {
    padding: 23px
}
.pd24px {
    padding: 24px
}
.pd25px {
    padding: 25px
}
.pd26px {
    padding: 26px
}
.pd27px {
    padding: 27px
}
.pd28px {
    padding: 28px
}
.pd29px {
    padding: 29px
}
.pd30px {
    padding: 30px
}
.pd35px {
    padding: 35px
}
.pd40px {
    padding: 40px
}
.pd45px {
    padding: 45px
}
.pd50px {
    padding: 50px
}
.pd55px {
    padding: 55px
}
.pd60px {
    padding: 60px
}
.pd65px {
    padding: 65px
}
.pd70px {
    padding: 70px
}
.pd75px {
    padding: 75px
}
.pd80px {
    padding: 80px
}
.pd85px {
    padding: 85px
}
.pd90px {
    padding: 90px
}
.pd95px {
    padding: 95px
}
.pd100px {
    padding: 100px
}
.pd0-top {
    padding-top: 0
}
.pd4px-top {
    padding-top: 4px
}
.pd5px-top {
    padding-top: 5px
}
.pd6px-top {
    padding-top: 6px
}
.pd7px-top {
    padding-top: 7px
}
.pd8px-top {
    padding-top: 8px
}
.pd9px-top {
    padding-top: 9px
}
.pd10px-top {
    padding-top: 10px
}
.pd11px-top {
    padding-top: 11px
}
.pd12px-top {
    padding-top: 12px
}
.pd13px-top {
    padding-top: 13px
}
.pd14px-top {
    padding-top: 14px
}
.pd15px-top {
    padding-top: 15px
}
.pd16px-top {
    padding-top: 16px
}
.pd17px-top {
    padding-top: 17px
}
.pd18px-top {
    padding-top: 18px
}
.pd19px-top {
    padding-top: 19px
}
.pd20px-top {
    padding-top: 20px
}
.pd21px-top {
    padding-top: 21px
}
.pd22px-top {
    padding-top: 22px
}
.pd23px-top {
    padding-top: 23px
}
.pd24px-top {
    padding-top: 24px
}
.pd25px-top {
    padding-top: 25px
}
.pd26px-top {
    padding-top: 26px
}
.pd27px-top {
    padding-top: 27px
}
.pd28px-top {
    padding-top: 28px
}
.pd29px-top {
    padding-top: 29px
}
.pd30px-top {
    padding-top: 30px
}
.pd35px-top {
    padding-top: 35px
}
.pd40px-top {
    padding-top: 40px
}
.pd45px-top {
    padding-top: 45px
}
.pd50px-top {
    padding-top: 50px
}
.pd55px-top {
    padding-top: 55px
}
.pd60px-top {
    padding-top: 60px
}
.pd65px-top {
    padding-top: 65px
}
.pd70px-top {
    padding-top: 70px
}
.pd75px-top {
    padding-top: 75px
}
.pd80px-top {
    padding-top: 80px
}
.pd85px-top {
    padding-top: 85px
}
.pd90px-top {
    padding-top: 90px
}
.pd95px-top {
    padding-top: 95px
}
.pd100px-top {
    padding-top: 100px
}
.pd0-btm {
    padding-bottom: 0
}
.pd4px-btm {
    padding-bottom: 4px
}
.pd5px-btm {
    padding-bottom: 5px
}
.pd6px-btm {
    padding-bottom: 6px
}
.pd7px-btm {
    padding-bottom: 7px
}
.pd8px-btm {
    padding-bottom: 8px
}
.pd9px-btm {
    padding-bottom: 9px
}
.pd10px-btm {
    padding-bottom: 10px
}
.pd11px-btm {
    padding-bottom: 11px
}
.pd12px-btm {
    padding-bottom: 12px
}
.pd13px-btm {
    padding-bottom: 13px
}
.pd14px-btm {
    padding-bottom: 14px
}
.pd15px-btm {
    padding-bottom: 15px
}
.pd16px-btm {
    padding-bottom: 16px
}
.pd17px-btm {
    padding-bottom: 17px
}
.pd18px-btm {
    padding-bottom: 18px
}
.pd19px-btm {
    padding-bottom: 19px
}
.pd20px-btm {
    padding-bottom: 20px
}
.pd21px-btm {
    padding-bottom: 21px
}
.pd22px-btm {
    padding-bottom: 22px
}
.pd23px-btm {
    padding-bottom: 23px
}
.pd24px-btm {
    padding-bottom: 24px
}
.pd25px-btm {
    padding-bottom: 25px
}
.pd26px-btm {
    padding-bottom: 26px
}
.pd27px-btm {
    padding-bottom: 27px
}
.pd28px-btm {
    padding-bottom: 28px
}
.pd29px-btm {
    padding-bottom: 29px
}
.pd30px-btm {
    padding-bottom: 30px
}
.pd35px-btm {
    padding-bottom: 35px
}
.pd40px-btm {
    padding-bottom: 40px
}
.pd45px-btm {
    padding-bottom: 45px
}
.pd50px-btm {
    padding-bottom: 50px
}
.pd55px-btm {
    padding-bottom: 55px
}
.pd60px-btm {
    padding-bottom: 60px
}
.pd65px-btm {
    padding-bottom: 65px
}
.pd70px-btm {
    padding-bottom: 70px
}
.pd75px-btm {
    padding-bottom: 75px
}
.pd80px-btm {
    padding-bottom: 80px
}
.pd85px-btm {
    padding-bottom: 85px
}
.pd90px-btm {
    padding-bottom: 90px
}
.pd95px-btm {
    padding-bottom: 95px
}
.pd100px-btm {
    padding-bottom: 100px
}
.pd0-l {
    padding-left: 0
}
.pd4px-l {
    padding-left: 4px
}
.pd5px-l {
    padding-left: 5px
}
.pd6px-l {
    padding-left: 6px
}
.pd7px-l {
    padding-left: 7px
}
.pd8px-l {
    padding-left: 8px
}
.pd9px-l {
    padding-left: 9px
}
.pd10px-l {
    padding-left: 10px
}
.pd11px-l {
    padding-left: 11px
}
.pd12px-l {
    padding-left: 12px
}
.pd13px-l {
    padding-left: 13px
}
.pd14px-l {
    padding-left: 14px
}
.pd15px-l {
    padding-left: 15px
}
.pd16px-l {
    padding-left: 16px
}
.pd17px-l {
    padding-left: 17px
}
.pd18px-l {
    padding-left: 18px
}
.pd19px-l {
    padding-left: 19px
}
.pd20px-l {
    padding-left: 20px
}
.pd21px-l {
    padding-left: 21px
}
.pd22px-l {
    padding-left: 22px
}
.pd23px-l {
    padding-left: 23px
}
.pd24px-l {
    padding-left: 24px
}
.pd25px-l {
    padding-left: 25px
}
.pd26px-l {
    padding-left: 26px
}
.pd27px-l {
    padding-left: 27px
}
.pd28px-l {
    padding-left: 28px
}
.pd29px-l {
    padding-left: 29px
}
.pd30px-l {
    padding-left: 30px
}
.pd35px-l {
    padding-left: 35px
}
.pd40px-l {
    padding-left: 40px
}
.pd45px-l {
    padding-left: 45px
}
.pd50px-l {
    padding-left: 50px
}
.pd55px-l {
    padding-left: 55px
}
.pd60px-l {
    padding-left: 60px
}
.pd65px-l {
    padding-left: 65px
}
.pd70px-l {
    padding-left: 70px
}
.pd75px-l {
    padding-left: 75px
}
.pd80px-l {
    padding-left: 80px
}
.pd85px-l {
    padding-left: 85px
}
.pd90px-l {
    padding-left: 90px
}
.pd95px-l {
    padding-left: 95px
}
.pd100px-l {
    padding-left: 100px
}
.pd0-r {
    padding-right: 0
}
.pd4px-r {
    padding-right: 4px
}
.pd5px-r {
    padding-right: 5px
}
.pd6px-r {
    padding-right: 6px
}
.pd7px-r {
    padding-right: 7px
}
.pd8px-r {
    padding-right: 8px
}
.pd9px-r {
    padding-right: 9px
}
.pd10px-r {
    padding-right: 10px
}
.pd11px-r {
    padding-right: 11px
}
.pd12px-r {
    padding-right: 12px
}
.pd13px-r {
    padding-right: 13px
}
.pd14px-r {
    padding-right: 14px
}
.pd15px-r {
    padding-right: 15px
}
.pd16px-r {
    padding-right: 16px
}
.pd17px-r {
    padding-right: 17px
}
.pd18px-r {
    padding-right: 18px
}
.pd19px-r {
    padding-right: 19px
}
.pd20px-r {
    padding-right: 20px
}
.pd21px-r {
    padding-right: 21px
}
.pd22px-r {
    padding-right: 22px
}
.pd23px-r {
    padding-right: 23px
}
.pd24px-r {
    padding-right: 24px
}
.pd25px-r {
    padding-right: 25px
}
.pd26px-r {
    padding-right: 26px
}
.pd27px-r {
    padding-right: 27px
}
.pd28px-r {
    padding-right: 28px
}
.pd29px-r {
    padding-right: 29px
}
.pd30px-r {
    padding-right: 30px
}
.pd35px-r {
    padding-right: 35px
}
.pd40px-r {
    padding-right: 40px
}
.pd45px-r {
    padding-right: 45px
}
.pd50px-r {
    padding-right: 50px
}
.pd55px-r {
    padding-right: 55px
}
.pd60px-r {
    padding-right: 60px
}
.pd65px-r {
    padding-right: 65px
}
.pd70px-r {
    padding-right: 70px
}
.pd75px-r {
    padding-right: 75px
}
.pd80px-r {
    padding-right: 80px
}
.pd85px-r {
    padding-right: 85px
}
.pd90px-r {
    padding-right: 90px
}
.pd95px-r {
    padding-right: 95px
}
.pd100px-r {
    padding-right: 100px
}
.mg0 {
    margin: 0
}
.mg4px {
    margin: 4px
}
.mg5px {
    margin: 5px
}
.mg6px {
    margin: 6px
}
.mg7px {
    margin: 7px
}
.mg8px {
    margin: 8px
}
.mg9px {
    margin: 9px
}
.mg10px {
    margin: 10px
}
.mg11px {
    margin: 11px
}
.mg12px {
    margin: 12px
}
.mg13px {
    margin: 13px
}
.mg14px {
    margin: 14px
}
.mg15px {
    margin: 15px
}
.mg16px {
    margin: 16px
}
.mg17px {
    margin: 17px
}
.mg18px {
    margin: 18px
}
.mg19px {
    margin: 19px
}
.mg20px {
    margin: 20px
}
.mg21px {
    margin: 21px
}
.mg22px {
    margin: 22px
}
.mg23px {
    margin: 23px
}
.mg24px {
    margin: 24px
}
.mg25px {
    margin: 25px
}
.mg26px {
    margin: 26px
}
.mg27px {
    margin: 27px
}
.mg28px {
    margin: 28px
}
.mg29px {
    margin: 29px
}
.mg30px {
    margin: 30px
}
.mg35px {
    margin: 35px
}
.mg40px {
    margin: 40px
}
.mg45px {
    margin: 45px
}
.mg50px {
    margin: 50px
}
.mg55px {
    margin: 55px
}
.mg60px {
    margin: 60px
}
.mg65px {
    margin: 65px
}
.mg70px {
    margin: 70px
}
.mg75px {
    margin: 75px
}
.mg80px {
    margin: 80px
}
.mg85px {
    margin: 85px
}
.mg90px {
    margin: 90px
}
.mg95px {
    margin: 95px
}
.mg100px {
    margin: 100px
}
.mg0-top {
    margin-top: 0
}
.mg4px-top {
    margin-top: 4px
}
.mg5px-top {
    margin-top: 5px
}
.mg6px-top {
    margin-top: 6px
}
.mg7px-top {
    margin-top: 7px
}
.mg8px-top {
    margin-top: 8px
}
.mg9px-top {
    margin-top: 9px
}
.mg10px-top {
    margin-top: 10px
}
.mg11px-top {
    margin-top: 11px
}
.mg12px-top {
    margin-top: 12px
}
.mg13px-top {
    margin-top: 13px
}
.mg14px-top {
    margin-top: 14px
}
.mg15px-top {
    margin-top: 15px
}
.mg16px-top {
    margin-top: 16px
}
.mg17px-top {
    margin-top: 17px
}
.mg18px-top {
    margin-top: 18px
}
.mg19px-top {
    margin-top: 19px
}
.mg20px-top {
    margin-top: 20px
}
.mg21px-top {
    margin-top: 21px
}
.mg22px-top {
    margin-top: 22px
}
.mg23px-top {
    margin-top: 23px
}
.mg24px-top {
    margin-top: 24px
}
.mg25px-top {
    margin-top: 25px
}
.mg26px-top {
    margin-top: 26px
}
.mg27px-top {
    margin-top: 27px
}
.mg28px-top {
    margin-top: 28px
}
.mg29px-top {
    margin-top: 29px
}
.mg30px-top {
    margin-top: 30px
}
.mg35px-top {
    margin-top: 35px
}
.mg40px-top {
    margin-top: 40px
}
.mg45px-top {
    margin-top: 45px
}
.mg50px-top {
    margin-top: 50px
}
.mg55px-top {
    margin-top: 55px
}
.mg60px-top {
    margin-top: 60px
}
.mg65px-top {
    margin-top: 65px
}
.mg70px-top {
    margin-top: 70px
}
.mg75px-top {
    margin-top: 75px
}
.mg80px-top {
    margin-top: 80px
}
.mg85px-top {
    margin-top: 85px
}
.mg90px-top {
    margin-top: 90px
}
.mg95px-top {
    margin-top: 95px
}
.mg100px-top {
    margin-top: 100px
}
.mg0-btm {
    margin-bottom: 0
}
.mg4px-btm {
    margin-bottom: 4px
}
.mg5px-btm {
    margin-bottom: 5px
}
.mg6px-btm {
    margin-bottom: 6px
}
.mg7px-btm {
    margin-bottom: 7px
}
.mg8px-btm {
    margin-bottom: 8px
}
.mg9px-btm {
    margin-bottom: 9px
}
.mg10px-btm {
    margin-bottom: 10px
}
.mg11px-btm {
    margin-bottom: 11px
}
.mg12px-btm {
    margin-bottom: 12px
}
.mg13px-btm {
    margin-bottom: 13px
}
.mg14px-btm {
    margin-bottom: 14px
}
.mg15px-btm {
    margin-bottom: 15px
}
.mg16px-btm {
    margin-bottom: 16px
}
.mg17px-btm {
    margin-bottom: 17px
}
.mg18px-btm {
    margin-bottom: 18px
}
.mg19px-btm {
    margin-bottom: 19px
}
.mg20px-btm {
    margin-bottom: 20px
}
.mg21px-btm {
    margin-bottom: 21px
}
.mg22px-btm {
    margin-bottom: 22px
}
.mg23px-btm {
    margin-bottom: 23px
}
.mg24px-btm {
    margin-bottom: 24px
}
.mg25px-btm {
    margin-bottom: 25px
}
.mg26px-btm {
    margin-bottom: 26px
}
.mg27px-btm {
    margin-bottom: 27px
}
.mg28px-btm {
    margin-bottom: 28px
}
.mg29px-btm {
    margin-bottom: 29px
}
.mg30px-btm {
    margin-bottom: 30px
}
.mg35px-btm {
    margin-bottom: 35px
}
.mg40px-btm {
    margin-bottom: 40px
}
.mg45px-btm {
    margin-bottom: 45px
}
.mg50px-btm {
    margin-bottom: 50px
}
.mg55px-btm {
    margin-bottom: 55px
}
.mg60px-btm {
    margin-bottom: 60px
}
.mg65px-btm {
    margin-bottom: 65px
}
.mg70px-btm {
    margin-bottom: 70px
}
.mg75px-btm {
    margin-bottom: 75px
}
.mg80px-btm {
    margin-bottom: 80px
}
.mg85px-btm {
    margin-bottom: 85px
}
.mg90px-btm {
    margin-bottom: 90px
}
.mg95px-btm {
    margin-bottom: 95px
}
.mg100px-btm {
    margin-bottom: 100px
}
.mg0-l {
    margin-left: 0
}
.mg4px-l {
    margin-left: 4px
}
.mg5px-l {
    margin-left: 5px
}
.mg6px-l {
    margin-left: 6px
}
.mg7px-l {
    margin-left: 7px
}
.mg8px-l {
    margin-left: 8px
}
.mg9px-l {
    margin-left: 9px
}
.mg10px-l {
    margin-left: 10px
}
.mg11px-l {
    margin-left: 11px
}
.mg12px-l {
    margin-left: 12px
}
.mg13px-l {
    margin-left: 13px
}
.mg14px-l {
    margin-left: 14px
}
.mg15px-l {
    margin-left: 15px
}
.mg16px-l {
    margin-left: 16px
}
.mg17px-l {
    margin-left: 17px
}
.mg18px-l {
    margin-left: 18px
}
.mg19px-l {
    margin-left: 19px
}
.mg20px-l {
    margin-left: 20px
}
.mg21px-l {
    margin-left: 21px
}
.mg22px-l {
    margin-left: 22px
}
.mg23px-l {
    margin-left: 23px
}
.mg24px-l {
    margin-left: 24px
}
.mg25px-l {
    margin-left: 25px
}
.mg26px-l {
    margin-left: 26px
}
.mg27px-l {
    margin-left: 27px
}
.mg28px-l {
    margin-left: 28px
}
.mg29px-l {
    margin-left: 29px
}
.mg30px-l {
    margin-left: 30px
}
.mg35px-l {
    margin-left: 35px
}
.mg40px-l {
    margin-left: 40px
}
.mg45px-l {
    margin-left: 45px
}
.mg50px-l {
    margin-left: 50px
}
.mg55px-l {
    margin-left: 55px
}
.mg60px-l {
    margin-left: 60px
}
.mg65px-l {
    margin-left: 65px
}
.mg70px-l {
    margin-left: 70px
}
.mg75px-l {
    margin-left: 75px
}
.mg80px-l {
    margin-left: 80px
}
.mg85px-l {
    margin-left: 85px
}
.mg90px-l {
    margin-left: 90px
}
.mg95px-l {
    margin-left: 95px
}
.mg100px-l {
    margin-left: 100px
}
.mg0-r {
    margin-right: 0
}
.mg4px-r {
    margin-right: 4px
}
.mg5px-r {
    margin-right: 5px
}
.mg6px-r {
    margin-right: 6px
}
.mg7px-r {
    margin-right: 7px
}
.mg8px-r {
    margin-right: 8px
}
.mg9px-r {
    margin-right: 9px
}
.mg10px-r {
    margin-right: 10px
}
.mg11px-r {
    margin-right: 11px
}
.mg12px-r {
    margin-right: 12px
}
.mg13px-r {
    margin-right: 13px
}
.mg14px-r {
    margin-right: 14px
}
.mg15px-r {
    margin-right: 15px
}
.mg16px-r {
    margin-right: 16px
}
.mg17px-r {
    margin-right: 17px
}
.mg18px-r {
    margin-right: 18px
}
.mg19px-r {
    margin-right: 19px
}
.mg20px-r {
    margin-right: 20px
}
.mg21px-r {
    margin-right: 21px
}
.mg22px-r {
    margin-right: 22px
}
.mg23px-r {
    margin-right: 23px
}
.mg24px-r {
    margin-right: 24px
}
.mg25px-r {
    margin-right: 25px
}
.mg26px-r {
    margin-right: 26px
}
.mg27px-r {
    margin-right: 27px
}
.mg28px-r {
    margin-right: 28px
}
.mg29px-r {
    margin-right: 29px
}
.mg30px-r {
    margin-right: 30px
}
.mg35px-r {
    margin-right: 35px
}
.mg40px-r {
    margin-right: 40px
}
.mg45px-r {
    margin-right: 45px
}
.mg50px-r {
    margin-right: 50px
}
.mg55px-r {
    margin-right: 55px
}
.mg60px-r {
    margin-right: 60px
}
.mg65px-r {
    margin-right: 65px
}
.mg70px-r {
    margin-right: 70px
}
.mg75px-r {
    margin-right: 75px
}
.mg80px-r {
    margin-right: 80px
}
.mg85px-r {
    margin-right: 85px
}
.mg90px-r {
    margin-right: 90px
}
.mg95px-r {
    margin-right: 95px
}
.mg100px-r {
    margin-right: 100px
}
.animate-shadow, .animate-rotate, .animate-zoom-in, .animate-zoom-out {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}
.animate-rotate:hover {
    -webkit-transform: perspective(800px) rotateY(180deg);
    transform: perspective(800px) rotateY(180deg)
}
.animate-zoom-in:hover {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15)
}
.animate-zoom-out:hover {
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85)
}
.animate-shadow:hover {
    -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.4)
}
.animate-swing, .animate-bounce, .animate-wobble, .animate-wiggle, .animate-pulse {
    position: relative;
    -webkit-animation: none 1s ease;
    animation: none 1s ease
}
.animate-shake {
    position: relative;
    -webkit-animation: none .25s linear infinite;
    animation: none .25s linear infinite
}
.animate-shake:hover {
    -webkit-animation-name: dp_ani_shake;
    animation-name: dp_ani_shake
}
.animate-bounce:hover {
    -webkit-animation-name: dp_ani_bounce;
    animation-name: dp_ani_bounce
}
.animate-swing:hover {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: dp_ani_swing;
    animation-name: dp_ani_swing
}
.animate-wobble:hover {
    -webkit-animation-name: dp_ani_wobble;
    animation-name: dp_ani_wobble
}
.animate-wiggle {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}
.animate-wiggle:hover {
    -webkit-animation-name: dp_ani_wiggle;
    animation-name: dp_ani_wiggle
}
.animate-pulse:hover {
    -webkit-animation-name: dp_ani_pulse;
    animation-name: dp_ani_pulse
}
@-webkit-keyframes dp_ani_shake {
    0 {
        -webkit-transform: translate(10px, 10px);
        transform: translate(10px, 10px)
    }
    10% {
        -webkit-transform: translate(15px, 0);
        transform: translate(15px, 0)
    }
    20% {
        -webkit-transform: translate(0, 15px);
        transform: translate(0, 15px)
    }
    30% {
        -webkit-transform: translate(10px, 0);
        transform: translate(10px, 0)
    }
    40% {
        -webkit-transform: translate(30px, 8px);
        transform: translate(30px, 8px)
    }
    50% {
        -webkit-transform: translate(10px, 0);
        transform: translate(10px, 0)
    }
    60% {
        -webkit-transform: translate(20px, -5px);
        transform: translate(20px, -5px)
    }
    70% {
        -webkit-transform: translate(15px, 3px);
        transform: translate(15px, 3px)
    }
    80% {
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px)
    }
    90% {
        -webkit-transform: translate(12px, 2px);
        transform: translate(12px, 2px)
    }
    100% {
        -webkit-transform: translate(0, -5px);
        transform: translate(0, -5px)
    }
}
@keyframes dp_ani_shake {
    0 {
        -webkit-transform: translate(10px, 10px);
        transform: translate(10px, 10px)
    }
    10% {
        -webkit-transform: translate(15px, 0);
        transform: translate(15px, 0)
    }
    20% {
        -webkit-transform: translate(0, 15px);
        transform: translate(0, 15px)
    }
    30% {
        -webkit-transform: translate(10px, 0);
        transform: translate(10px, 0)
    }
    40% {
        -webkit-transform: translate(30px, 8px);
        transform: translate(30px, 8px)
    }
    50% {
        -webkit-transform: translate(10px, 0);
        transform: translate(10px, 0)
    }
    60% {
        -webkit-transform: translate(20px, -5px);
        transform: translate(20px, -5px)
    }
    70% {
        -webkit-transform: translate(15px, 3px);
        transform: translate(15px, 3px)
    }
    80% {
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px)
    }
    90% {
        -webkit-transform: translate(12px, 2px);
        transform: translate(12px, 2px)
    }
    100% {
        -webkit-transform: translate(0, -5px);
        transform: translate(0, -5px)
    }
}
@-webkit-keyframes dp_ani_bounce {
    0, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}
@keyframes dp_ani_bounce {
    0, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}
@-webkit-keyframes dp_ani_swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}
@keyframes dp_ani_swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}
@-webkit-keyframes dp_ani_wobble {
    0 {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes dp_ani_wobble {
    0 {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@-webkit-keyframes dp_ani_wiggle {
    0 {
        -webkit-transform: skewX(9deg);
        transform: skewX(9deg)
    }
    10% {
        -webkit-transform: skewX(-8deg);
        transform: skewX(-8deg)
    }
    20% {
        -webkit-transform: skewX(7deg);
        transform: skewX(7deg)
    }
    30% {
        -webkit-transform: skewX(-6deg);
        transform: skewX(-6deg)
    }
    40% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }
    50% {
        -webkit-transform: skewX(-4deg);
        transform: skewX(-4deg)
    }
    60% {
        -webkit-transform: skewX(3deg);
        transform: skewX(3deg)
    }
    70% {
        -webkit-transform: skewX(-2deg);
        transform: skewX(-2deg)
    }
    80% {
        -webkit-transform: skewX(1deg);
        transform: skewX(1deg)
    }
    90% {
        -webkit-transform: skewX(0);
        transform: skewX(0)
    }
    100% {
        -webkit-transform: skewX(0);
        transform: skewX(0)
    }
}
@keyframes dp_ani_wiggle {
    0 {
        -webkit-transform: skewX(9deg);
        transform: skewX(9deg)
    }
    10% {
        -webkit-transform: skewX(-8deg);
        transform: skewX(-8deg)
    }
    20% {
        -webkit-transform: skewX(7deg);
        transform: skewX(7deg)
    }
    30% {
        -webkit-transform: skewX(-6deg);
        transform: skewX(-6deg)
    }
    40% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }
    50% {
        -webkit-transform: skewX(-4deg);
        transform: skewX(-4deg)
    }
    60% {
        -webkit-transform: skewX(3deg);
        transform: skewX(3deg)
    }
    70% {
        -webkit-transform: skewX(-2deg);
        transform: skewX(-2deg)
    }
    80% {
        -webkit-transform: skewX(1deg);
        transform: skewX(1deg)
    }
    90% {
        -webkit-transform: skewX(0);
        transform: skewX(0)
    }
    100% {
        -webkit-transform: skewX(0);
        transform: skewX(0)
    }
}
@-webkit-keyframes dp_ani_pulse {
    0 {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes dp_ani_pulse {
    0 {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.img {
    width: auto;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    margin: 10px
}
.img-circular {
    border-radius: 50%
}
a.btn, a.btn:hover, .entry a.btn, .entry a.btn:hover, .dp-container .entry a.btn, .dp-container .entry a.btn:hover, div.textwidget a.btn, div.textwidget a.btn:hover, div.dp_text_widget a.btn, div.dp_text_widget a.btn:hover, div.widget-box a.btn, div.widget-box a.btn:hover {
    text-decoration: none
}
a.btn, .dp-container a.btn, .dp-container .entry a.btn, .dp-container .dp_text_widget a.btn, .dp-container .textwidget a.btn, button.btn, input.btn {
    cursor: pointer;
    padding: 14px 22px;
    margin: 10px 0;
    line-height: normal;
    -webkit-transform: translateZ(0);
    position: relative;
    border: 2px solid;
    overflow: hidden;
    z-index: 1;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-color: transparent
}
a.btn::after, .dp-container a.btn::after, .dp-container .entry a.btn::after, .dp-container .dp_text_widget a.btn::after, .dp-container .textwidget a.btn::after, button.btn::after, input.btn::after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    width: 0;
    height: 105%;
    opacity: 0;
    z-index: -1;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}
a.btn:hover, .dp-container a.btn:hover, .dp-container .entry a.btn:hover, .dp-container .dp_text_widget a.btn:hover, .dp-container .textwidget a.btn:hover, button.btn:hover, input.btn:hover {
    color: #fff
}
a.btn:hover::after, .dp-container a.btn:hover::after, .dp-container .entry a.btn:hover::after, .dp-container .dp_text_widget a.btn:hover::after, .dp-container .textwidget a.btn:hover::after, button.btn:hover::after, input.btn:hover::after {
    width: 92%;
    opacity: .78
}
a.btn:active, .dp-container a.btn:active, .dp-container .entry a.btn:active, .dp-container .dp_text_widget a.btn:active, .dp-container .textwidget a.btn:active, button.btn:active, input.btn:active {
    top: 2px;
    outline: 0
}
a.btn.btn-blue, .dp-container a.btn.btn-blue, .dp-container .entry a.btn.btn-blue, .dp-container .dp_text_widget a.btn.btn-blue, .dp-container .textwidget a.btn.btn-blue, button.btn.btn-blue, input.btn.btn-blue {
    border-color: #0d94ec;
    color: #0d94ec
}
a.btn.btn-blue::after, .dp-container a.btn.btn-blue::after, .dp-container .entry a.btn.btn-blue::after, .dp-container .dp_text_widget a.btn.btn-blue::after, .dp-container .textwidget a.btn.btn-blue::after, button.btn.btn-blue::after, input.btn.btn-blue::after {
    background-color: #0d94ec
}
a.btn.btn-lightblue, .dp-container a.btn.btn-lightblue, .dp-container .entry a.btn.btn-lightblue, .dp-container .dp_text_widget a.btn.btn-lightblue, .dp-container .textwidget a.btn.btn-lightblue, button.btn.btn-lightblue, input.btn.btn-lightblue {
    border-color: #08ace5;
    color: #08ace5
}
a.btn.btn-lightblue::after, .dp-container a.btn.btn-lightblue::after, .dp-container .entry a.btn.btn-lightblue::after, .dp-container .dp_text_widget a.btn.btn-lightblue::after, .dp-container .textwidget a.btn.btn-lightblue::after, button.btn.btn-lightblue::after, input.btn.btn-lightblue::after {
    background-color: #08ace5
}
a.btn.btn-orange, .dp-container a.btn.btn-orange, .dp-container .entry a.btn.btn-orange, .dp-container .dp_text_widget a.btn.btn-orange, .dp-container .textwidget a.btn.btn-orange, button.btn.btn-orange, input.btn.btn-orange {
    border-color: #ef9406;
    color: #ef9406
}
a.btn.btn-orange::after, .dp-container a.btn.btn-orange::after, .dp-container .entry a.btn.btn-orange::after, .dp-container .dp_text_widget a.btn.btn-orange::after, .dp-container .textwidget a.btn.btn-orange::after, button.btn.btn-orange::after, input.btn.btn-orange::after {
    background-color: #ef9406
}
a.btn.btn-red, .dp-container a.btn.btn-red, .dp-container .entry a.btn.btn-red, .dp-container .dp_text_widget a.btn.btn-red, .dp-container .textwidget a.btn.btn-red, button.btn.btn-red, input.btn.btn-red {
    border-color: #de3631;
    color: #de3631
}
a.btn.btn-red::after, .dp-container a.btn.btn-red::after, .dp-container .entry a.btn.btn-red::after, .dp-container .dp_text_widget a.btn.btn-red::after, .dp-container .textwidget a.btn.btn-red::after, button.btn.btn-red::after, input.btn.btn-red::after {
    background-color: #de3631
}
a.btn.btn-pink, .dp-container a.btn.btn-pink, .dp-container .entry a.btn.btn-pink, .dp-container .dp_text_widget a.btn.btn-pink, .dp-container .textwidget a.btn.btn-pink, button.btn.btn-pink, input.btn.btn-pink {
    border-color: #fc8184;
    color: #fc8184
}
a.btn.btn-pink::after, .dp-container a.btn.btn-pink::after, .dp-container .entry a.btn.btn-pink::after, .dp-container .dp_text_widget a.btn.btn-pink::after, .dp-container .textwidget a.btn.btn-pink::after, button.btn.btn-pink::after, input.btn.btn-pink::after {
    background-color: #fc8184
}
a.btn.btn-green, .dp-container a.btn.btn-green, .dp-container .entry a.btn.btn-green, .dp-container .dp_text_widget a.btn.btn-green, .dp-container .textwidget a.btn.btn-green, button.btn.btn-green, input.btn.btn-green {
    border-color: #1abc9c;
    color: #1abc9c
}
a.btn.btn-green::after, .dp-container a.btn.btn-green::after, .dp-container .entry a.btn.btn-green::after, .dp-container .dp_text_widget a.btn.btn-green::after, .dp-container .textwidget a.btn.btn-green::after, button.btn.btn-green::after, input.btn.btn-green::after {
    background-color: #1abc9c
}
a.btn.btn-primary, .dp-container a.btn.btn-primary, .dp-container .entry a.btn.btn-primary, .dp-container .dp_text_widget a.btn.btn-primary, .dp-container .textwidget a.btn.btn-primary, button.btn.btn-primary, input.btn.btn-primary {
    border-color: #1ec3ce;
    color: #1ec3ce
}
a.btn.btn-primary::after, .dp-container a.btn.btn-primary::after, .dp-container .entry a.btn.btn-primary::after, .dp-container .dp_text_widget a.btn.btn-primary::after, .dp-container .textwidget a.btn.btn-primary::after, button.btn.btn-primary::after, input.btn.btn-primary::after {
    background-color: #1ec3ce
}
a.btn.btn-gray, .dp-container a.btn.btn-gray, .dp-container .entry a.btn.btn-gray, .dp-container .dp_text_widget a.btn.btn-gray, .dp-container .textwidget a.btn.btn-gray, button.btn.btn-gray, input.btn.btn-gray {
    border-color: #999;
    color: #999
}
a.btn.btn-gray::after, .dp-container a.btn.btn-gray::after, .dp-container .entry a.btn.btn-gray::after, .dp-container .dp_text_widget a.btn.btn-gray::after, .dp-container .textwidget a.btn.btn-gray::after, button.btn.btn-gray::after, input.btn.btn-gray::after {
    background-color: #999
}
a.btn.btn-black, .dp-container a.btn.btn-black, .dp-container .entry a.btn.btn-black, .dp-container .dp_text_widget a.btn.btn-black, .dp-container .textwidget a.btn.btn-black, button.btn.btn-black, input.btn.btn-black {
    border-color: #353c42;
    color: #353c42
}
a.btn.btn-black::after, .dp-container a.btn.btn-black::after, .dp-container .entry a.btn.btn-black::after, .dp-container .dp_text_widget a.btn.btn-black::after, .dp-container .textwidget a.btn.btn-black::after, button.btn.btn-black::after, input.btn.btn-black::after {
    background-color: #353c42
}
a.btn:hover, .dp-container a.btn:hover, .dp-container .entry a.btn:hover, .dp-container .dp_text_widget a.btn:hover, .dp-container .textwidget a.btn:hover, button.btn:hover, input.btn:hover {
    color: #fff
}
a.btn.disabled, .dp-container a.btn.disabled, .dp-container .entry a.btn.disabled, .dp-container .dp_text_widget a.btn.disabled, .dp-container .textwidget a.btn.disabled, button.btn.disabled, input.btn.disabled {
    cursor: not-allowed;
    background-image: none;
    background-color: #999;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-opacity: .65;
    -khtml-opacity: .65;
    -moz-opacity: .65;
    -o-opacity: .65;
    filter: alpha(opacity=65);
    -ms-filter: "alpha(opacity=65)";
    opacity: .65
}
a.btn.disabled:hover, .dp-container a.btn.disabled:hover, .dp-container .entry a.btn.disabled:hover, .dp-container .dp_text_widget a.btn.disabled:hover, .dp-container .textwidget a.btn.disabled:hover, button.btn.disabled:hover, input.btn.disabled:hover {
    top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}
p.label, span.label, div.label {
    line-height: 1.6;
    font-size: 1em;
    margin: 10px 0;
    margin: 10px 0;
    font-weight: bold;
    vertical-align: middle;
    color: #fff;
    padding: 5px 14px;
    -webkit-box-shadow: none;
    box-shadow: none
}
p.label::after, span.label::after, div.label::after {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 0 10px;
    border-color: transparent transparent transparent rgba(0, 0, 0, 0.24)
}
p.label[class*="label-"], span.label[class*="label-"], div.label[class*="label-"] {
    -webkit-box-shadow: none;
    box-shadow: none
}
p.label.label-blue, span.label.label-blue, div.label.label-blue {
    background-color: #0d94ec
}
p.label.label-blue::after, span.label.label-blue::after, div.label.label-blue::after {
    border-color: transparent transparent transparent #0967a3
}
p.label.label-lightblue, span.label.label-lightblue, div.label.label-lightblue {
    background-color: #08ace5
}
p.label.label-lightblue::after, span.label.label-lightblue::after, div.label.label-lightblue::after {
    border-color: transparent transparent transparent #05749b
}
p.label.label-orange, span.label.label-orange, div.label.label-orange {
    background-color: #ef9406
}
p.label.label-orange::after, span.label.label-orange::after, div.label.label-orange::after {
    border-color: transparent transparent transparent #a46604
}
p.label.label-red, span.label.label-red, div.label.label-red {
    background-color: #de3631
}
p.label.label-red::after, span.label.label-red::after, div.label.label-red::after {
    border-color: transparent transparent transparent #a81f1b
}
p.label.label-pink, span.label.label-pink, div.label.label-pink {
    background-color: #fc8184
}
p.label.label-pink::after, span.label.label-pink::after, div.label.label-pink::after {
    border-color: transparent transparent transparent #fa363b
}
p.label.label-green, span.label.label-green, div.label.label-green {
    background-color: #1abc9c
}
p.label.label-green::after, span.label.label-green::after, div.label.label-green::after {
    border-color: transparent transparent transparent #117964
}
p.label.label-primary, span.label.label-primary, div.label.label-primary {
    background-color: #1ec3ce
}
p.label.label-primary::after, span.label.label-primary::after, div.label.label-primary::after {
    border-color: transparent transparent transparent #14848b
}
p.label.label-gray, span.label.label-gray, div.label.label-gray {
    background-color: #999
}
p.label.label-gray::after, span.label.label-gray::after, div.label.label-gray::after {
    border-color: transparent transparent transparent #737373
}
p.label.label-black, span.label.label-black, div.label.label-black {
    background-color: #353c42
}
p.label.label-black::after, span.label.label-black::after, div.label.label-black::after {
    border-color: transparent transparent transparent #131518
}
p.label + span, span.label + span, div.label + span {
    position: relative;
    font-size: 17px;
    font-weight: bold;
    margin-left: 10px;
    line-height: 1;
    vertical-align: middle
}
a > img[class*="wp-image-"] {
    -webkit-box-shadow: 0 6px 24px -16px #000;
    box-shadow: 0 6px 24px -16px #000;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}
a:hover > img[class*="wp-image-"] {
    -webkit-box-shadow: 0 12px 24px -18px #000;
    box-shadow: 0 12px 24px -18px #000
}
.keyboard {
    display: inline-block;
    font: bold 13.5px Arial, 'Hiragino Sans', Meiryo;
    color: #8a8a8a;
    background: #f0f0f0;
    vertical-align: middle;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    height: 36px;
    line-height: 36px;
    margin: auto 7px 10px 7px;
    padding: 0 13px;
    border-radius: 4px;
    border-top: 1px solid #fafafa;
    -webkit-box-shadow: inset 0 0 25px #e8e8e8, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 4px #4a4a4a;
    box-shadow: inset 0 0 25px #e8e8e8, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 4px #4a4a4a;
    text-shadow: 0 1px 0 #fcfcfc
}
.keyboard:active {
    border-color: #eee;
    -webkit-box-shadow: inset 0 0 25px #ddd, 0 0 3px #6a6a6a;
    box-shadow: inset 0 0 25px #ddd, 0 0 3px #6a6a6a;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px)
}
@media only screen and (min-width:0) and (max-width:1439px) {
    #hd_tel span {
        display: none
    }
}
@media only screen and (min-width:0) and (max-width:1180px) {
    body {
        min-width: 100%
    }
    .content-wrap, .content-wrap.full-wide .widget-content, .widget-container .widget-box, .widget-container.liquid .widget-box, .ft-container {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px
    }
    .widget-container .loop-section.no-full {
        width: 100%
    }
    #dp_breadcrumb_nav {
        padding: 10px
    }
    .single-nav li {
        position: relative;
        top: auto;
        margin-top: 0
    }
    .single-nav li.right {
        float: right
    }
}
@media only screen and (min-width:0) and (max-width:1090px) {
    .loop-section.portfolio:not(.slider) .loop-article {
        width: 33.33% !important;
        height: 32.5vw !important
    }
    .loop-section.magazine.four_lines .loop-article {
        width: calc(32.96% - 10px) !important
    }
}
@media only screen and (min-width:0) and (max-width:1024px) {
    .header_content {
        display: block
    }
    .header_content .r_block {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%
    }
    .header_content .r_items {
        position: absolute;
        top: 0;
        right: 30px;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    .header_content.min .r_items {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }
    .header_content #expand_float_menu {
        display: inline-block
    }
    .header_content #expand_float_menu.show i::before, .header_content #expand_float_menu.show i::after {
        content: "";
        width: 24px;
        height: 2px;
        top: 50%;
        margin-top: -1px
    }
    .header_content #expand_float_menu.show i::before {
        left: 8px;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    .header_content #expand_float_menu.show i::after {
        right: 8px;
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    .header_content #expand_float_menu.show i span {
        opacity: 0
    }
    #global_menu_nav {
        display: none;
        height: auto;
        margin-top: 80px;
        -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);
        box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1)
    }
    #global_menu_nav.min {
        margin-top: 60px
    }
    #global_menu_nav .gnav_sline {
        display: none
    }
    #global_menu_ul.min .menu-item .menu-caption {
        top: auto
    }
    #global_menu_ul .menu-item {
        float: none;
        width: 100%;
        height: auto;
        line-height: 44px;
        text-align: left
    }
    #global_menu_ul .menu-item.menu-item-has-children {
        padding-right: 0
    }
    #global_menu_ul .menu-item.menu-item-has-children::after {
        content: none
    }
    #global_menu_ul .menu-item:hover .menu-link.has_cap {
        -ms-transform: none;
        -webkit-transform: none;
        transform: none
    }
    #global_menu_ul .menu-item:hover .menu-link.has_cap .menu-title {
        opacity: 1
    }
    #global_menu_ul .menu-item .mq_sub_li {
        display: block
    }
    #global_menu_ul .menu-item .menu-link {
        top: 0;
        line-height: 44px;
        padding: 0 0 0 20px
    }
    #global_menu_ul .menu-item .menu-caption {
        display: none
    }
    #global_menu_ul .menu-item .sub-menu {
        position: relative;
        top: 0 !important;
        width: auto;
        padding-left: 20px;
        opacity: 1;
        visibility: visible;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: none
    }
    #global_menu_ul .menu-item .sub-menu .menu-item {
        position: relative
    }
    #global_menu_ul .menu-item .sub-menu .menu-item .menu-link {
        padding: 0 0 0 12px;
        line-height: 44px
    }
    #global_menu_ul .menu-item .sub-menu .sub-menu {
        left: 0 !important;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    #headline-sec .inner {
        font-size: 11px;
        font-size: 1.1rem
    }
    .ct-hd {
        min-height: 22vh;
        padding: 16vh 10px 6vh !important
    }
    .ct-hd.no_bgimg {
        min-height: 22vh;
        padding: 12vh 10px 8vh !important
    }
    .ct-hd.singular .hd-title {
        font-size: 25px;
        font-size: 2.5rem
    }
    .ct-hd .hd-title {
        font-size: 30px;
        font-size: 3rem
    }
    .ct-hd .title-desc {
        font-size: 12px;
        font-size: 1.2rem
    }
    .ct-hd .meta-cat a {
        font-size: 11px;
        font-size: 1.1rem
    }
    .content {
        float: none !important;
        margin-bottom: 40px;
        width: 100%
    }
    .loop-section.normal .loop-article.one-col {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
    .loop-section.blog-mag .loop-article.one-col .loop-article-content {
        padding: 0
    }
    .loop-section.blog .loop-article {
        width: calc(50% - 15px)
    }
    .loop-section.blog .loop-article.two-col:nth-child(odd) {
        margin-right: 30px
    }
    .sidebar {
        width: 100%;
        padding: 0
    }
    .sidebar.right {
        margin-left: auto
    }
    .recent_entries li {
        display: inline-block;
        width: 50% !important;
        padding-right: 14px
    }
    .dp_related_posts.vertical li {
        width: 50% !important
    }
    .ft-widget-content .widget-area {
        display: block;
        width: 100% !important;
        margin: 0 !important
    }
    #footer_menu_ul .menu-item .menu-link {
        line-height: 30px
    }
}
@media only screen and (min-width:0) and (max-width:920px) {
    .header-banner-content header {
        margin-bottom: 50px
    }
    .header-banner-content header #banner_title {
        font-size: 38px;
        font-size: 3.8rem;
        margin-bottom: 40px
    }
    .header-banner-content header #banner_caption {
        font-size: 14px;
        font-size: 1.4rem
    }
    .loop-section.magazine.one.three_lines .loop-article, .loop-section.magazine.one.four_lines .loop-article {
        width: calc(50% - 10px) !important
    }
}
@media only screen and (min-width:0) and (max-width:840px) {
    .loop-section.portfolio:not(.slider) .loop-article {
        width: 50% !important;
        height: 48.5vw !important
    }
}
@media only screen and (min-width:0) and (max-width:768px) {
    .header-banner-content header {
        margin-bottom: 30px
    }
    .header-banner-content #banner_title, .header-banner-content #banner_roll_title li {
        font-size: 33px;
        font-size: 3.3rem;
        margin-bottom: 30px
    }
    .header-banner-content #banner_caption {
        font-size: 13px;
        font-size: 1.3rem
    }
    .header_content .h_group, .header_content .h_group .hd_title.img img {
        max-width: 200px
    }
    #headline-sec .headline_main_title {
        display: none
    }
    #hidden-searchform input.search-field {
        width: 80%;
        font-size: 36px;
        font-size: 3.6rem
    }
    #hidden_global_menu .menu-item {
        font-size: 24px;
        font-size: 2.4rem
    }
    .ct-hd.singular .hd-title {
        font-size: 18px;
        font-size: 1.8rem
    }
    .ct-hd .hd-title {
        font-size: 28px;
        font-size: 2.8rem
    }
    .ct-hd .title-desc {
        font-size: 12px;
        font-size: 1.2rem
    }
    .ct-hd .meta-info, .ct-hd .meta-info a {
        font-size: 10px;
        font-size: 1rem;
        font-weight: bold
    }
    .ct-hd.no_bgimg {
        padding: 12vh 20px 8vh
    }
    .ct-hd.no_bgimg::before {
        width: 760px;
        height: 760px
    }
    .content-wrap:not(.home) {
        padding-top: 60px
    }
    .loop-section.normal .loop-article {
        padding-bottom: 20px;
        margin-bottom: 30px
    }
    .loop-section.normal .loop-article .loop-col.one {
        width: 30%;
        margin-right: 4%
    }
    .loop-section.normal .loop-article .loop-col.two {
        width: 66%
    }
    .loop-section.normal .loop-article:nth-child(2n) .loop-col.one {
        margin-left: 4% !important
    }
    .loop-section.normal .loop-title {
        font-size: 16px !important
    }
    .loop-section.normal .loop-excerpt {
        font-size: 12px !important
    }
    .loop-section.normal .loop-post-thumb {
        min-height: 100px
    }
    .loop-section.normal .loop-date, .loop-section.normal .loop-title, .loop-section.normal .loop-meta {
        margin-bottom: 4%
    }
    .loop-section.blog .loop-article {
        width: 100%
    }
    .loop-section.blog .loop-article.two-col:nth-child(odd) {
        margin-right: 0
    }
    .loop-section.blog .loop-article.one-col {
        width: 100%
    }
    .loop-section.blog-mag .loop-article {
        padding-bottom: 20px;
        margin-bottom: 30px
    }
    .loop-section.portfolio:not(.slider) .loop-title {
        font-size: 14px !important;
        font-size: 1.4rem !important
    }
    .loop-sec-header h1, .inside-title, #reply-title {
        font-size: 20px;
        font-size: 2rem
    }
    .single-article .single_post_meta .loop-share-num .sitem {
        margin-bottom: 15px
    }
    .entry img.alignright, .entry img.alignleft, .entry img.al-r, .entry img.al-l, .entry img.fl-r, .entry img.fl-l, .dp_text_widget img.alignright, .dp_text_widget img.alignleft, .dp_text_widget img.al-r, .dp_text_widget img.al-l, .dp_text_widget img.fl-r, .dp_text_widget img.fl-l, .textwidget img.alignright, .textwidget img.alignleft, .textwidget img.al-r, .textwidget img.al-l, .textwidget img.fl-r, .textwidget img.fl-l {
        margin: 20px auto;
        float: none;
        display: block
    }
    .content blockquote {
        padding: 12px 10px 20px
    }
    .content blockquote p {
        padding: 8px 0 24px
    }
    .authors_ul .author_item {
        width: 33.33% !important
    }
    .authors_ul .author_role {
        font-size: 11px !important
    }
    .authors_ul .author_name {
        font-size: 13px !important
    }
    .plx_wrap.use_img.right, .plx_wrap.use_img.left {
        width: 100%;
        text-align: center;
        padding-right: 0;
        padding-left: 0
    }
    .plx_wrap .plx_btn {
        margin-bottom: 30px
    }
    img.plx_img {
        max-width: 80% !important;
        padding: 30px 0 !important
    }
}
@media only screen and (min-width:0) and (max-width:667px) {
    .loop-section.magazine.one .loop-article, .loop-section.magazine.two .loop-article {
        width: 100% !important
    }
    .loop-section.magazine.one .loop-article.one-col, .loop-section.magazine.one .loop-article.big, .loop-section.magazine.two .loop-article.one-col, .loop-section.magazine.two .loop-article.big {
        width: 100% !important
    }
    .loop-section.portfolio:not(.slider) .loop-article {
        width: 100% !important
    }
    .single-article .fmeta_area .fmeta_cell {
        display: block;
        width: 100%
    }
    .single-article .fmeta_area .fmeta_cell.two {
        padding-left: 0;
        margin-top: 20px
    }
    .recent_entries li {
        width: 100% !important;
        padding-right: 0 !important
    }
    .author_info .author_sns a {
        margin-bottom: 10px
    }
}
@media only screen and (min-width:0) and (max-width:568px) {
    .header-banner-content #banner_title, .header-banner-content #banner_roll_title li {
        font-size: 28px;
        font-size: 2.8rem
    }
    .header-banner-content #banner_caption {
        font-size: 12px;
        font-size: 1.2rem
    }
    #hd_misc_div {
        margin-top: 80px
    }
    .author_info .author_col1 {
        width: 100%;
        text-align: center
    }
    .author_info .author_col2 {
        width: 100%
    }
    .author_info .author_roles {
        text-align: center
    }
    .dp_related_posts.vertical li {
        width: 100% !important;
        padding: 10px 0 !important;
        margin: 0
    }
    .authors_ul .author_item {
        width: 50% !important
    }
    .authors_ul .author_role {
        font-size: 10px !important
    }
    .authors_ul .author_name {
        font-size: 12px !important
    }
    .wpcf7-form .wpcf7-form-control-wrap {
        display: block;
        text-align: center;
        margin: 0 auto 10px auto
    }
    .wpcf7-form .wpcf7-list-item {
        display: block;
        margin: 6px auto 10px 0;
        text-align: left
    }
    .wpcf7-form input[type="text"], .wpcf7-form input[type="password"], .wpcf7-form input[type="email"], .wpcf7-form input[type="url"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="submit"], .wpcf7-form textarea {
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 10px 6px
    }
}
@media only screen and (min-width:0) and (max-width:480px) {
    .loop-section.normal .loop-article .loop-col.one, .loop-section.normal .loop-article .loop-col.two {
        width: 100%
    }
    .loop-section.normal .loop-article .loop-col.one {
        margin: 0 0 4% !important
    }
    .fbpluginrecommendationsbarright, .fbpluginrecommendationsbarleft {
        display: none !important
    }
}