@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"
}

* {
    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 {
    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
}

#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 {
    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 5px
}

#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: 15px;
    font-size: 1.5rem
}

.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
}

.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 .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%;
    overflow: hidden
}

.plx_widget .widget-box {
    margin-bottom: 0
}

.plx_widget p {
    margin-bottom: 20px
}

.plx_widget [data-sr] {
    visibility: hidden
}

.plx_bg,
.plx_bg::before,
.plx_bg::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%
}

.plx_bg {
    background-repeat: repeat-y;
    background-size: 100% auto
}

.plx_bg::before {
    content: '';
    background-size: cover;
    background-position: center;
    visibility: hidden
}

.plx_bg::after {
    content: '';
    height: 100%
}

.plx_wrap {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.plx_wrap.use_img.left,
.plx_wrap.use_img.right {
    width: 52%;
    text-align: left
}

.plx_wrap.use_img.left {
    padding-left: 8%
}

.plx_wrap.use_img.right {
    padding-right: 8%
}

.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_caption {
    top: auto;
    left: auto;
    width: auto
}

.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 {
    margin-bottom: 6%;
    line-height: 1.4;
    font-weight: bold
}

.plx_desc {
    margin-bottom: 8%
}

.plx_original {
    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
}

.entry .excerpt_title_wid,
.dp_text_widget .excerpt_title_wid,
.textwidget .excerpt_title_wid {
    display: inline;
    line-height: 1.5;
    padding: 0;
    margin: 0 6px 0 0;
    font-size: 13px;
    font-size: 1.3rem;
    border: none !important
}

.entry .excerpt_title_wid a:hover,
.dp_text_widget .excerpt_title_wid a:hover,
.textwidget .excerpt_title_wid a:hover {
    text-decoration: none
}

.entry .excerpt_title_wid::after,
.dp_text_widget .excerpt_title_wid::after,
.textwidget .excerpt_title_wid::after {
    content: none !important
}

.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
}

.gallery dl,
.gallery dt,
.gallery dd {
    background-color: transparent !important;
    border: none !important
}

dl.gallery-item {
    position: relative;
    text-align: left;
    width: auto;
    margin-bottom: 0
}

dt.gallery-icon img {
    margin: 0;
    padding: 0;
    border: 1px solid #eee !important;
    border: 1px solid rgba(32, 32, 32, 0.18) !important
}

dd.gallery-caption {
    position: relative;
    overflow: hidden;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.3;
    padding: 0 18px;
    border: none !important
}

.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 {
    font-size: 12px;
    font-size: 1.2rem;
    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;
    font-size: 14px;
    font-size: 1.4rem
}

.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
}

.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;
    font-size: 12px;
    font-size: 1.2rem
}

#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("https://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.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
    }

    .plx_widget .plx_bg {
        background: 0
    }

    .plx_widget .plx_bg::before {
        visibility: visible
    }

    .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
    }
}