@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_breadcrumb_nav ul li::after,.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,#global_menu_ul .menu-item-has-children>.menu-link:after,.single_post_meta.bottom .meta-cat:before,.single_post_meta.bottom .meta-cat.tag:before,.loop-section.normal .loop-meta>div:after,.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-resize-full:before {
    content: "\e641"
}

.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"
}

.single_post_meta.bottom .meta-cat.tag: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"
}

.single_post_meta.bottom .meta-cat:before,.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"
}

#global_menu_ul .menu-item-has-children>.menu-link:after,.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,.dp_breadcrumb_nav ul li::after,.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"
}

.loop-section.normal .loop-meta>div:after,.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-sldie-lr:before {
    content: "\e6e5"
}

.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"
}

.dp_spinner:before,.icon-spinner4:before {
    content: "\e709"
}

.icon-spinner5:before {
    content: "\e70a"
}

.icon-spinner6:before {
    content: "\e70b"
}

.icon-spinner7:before {
    content: "\e70c"
}

.icon-spinner8:before {
    content: "\e70d"
}

.icon-spinner9:before {
    content: "\e70e"
}

.icon-spinner10:before {
    content: "\e70f"
}

.icon-creativecommons:before {
    content: "\e711"
}

.icon-spam:before {
    content: "\e710"
}

.icon-microphone:before {
    content: "\e712"
}

.icon-microphone-off:before {
    content: "\e713"
}

.icon-microphone2:before {
    content: "\e717"
}

.icon-box2:before {
    content: "\e714"
}

.icon-box-opened:before {
    content: "\e715"
}

.icon-box:before {
    content: "\e716"
}

.icon-zip:before {
    content: "\e718"
}

.icon-book:before {
    content: "\e91f"
}

.icon-minus2:before {
    content: "\e719"
}

.icon-plus2:before {
    content: "\e71a"
}

.icon-cross:before {
    content: "\e71b"
}

.icon-cake:before {
    content: "\e243"
}

.icon-update:before {
    content: "\ea2e"
}

.icon-html5:before {
    content: "\e71c"
}

.icon-css3:before {
    content: "\e71d"
}

.icon-yen:before {
    content: "\e900"
}

.icon-coin-yen:before {
    content: "\e901"
}

.icon-new1:before {
    content: "\e905"
}

.icon-new2:before {
    content: "\e902"
}

.icon-new3:before {
    content: "\e904"
}

.icon-new4:before {
    content: "\e903"
}

.icon-google-drive:before {
    content: "\eeee"
}

.icon-dot-menu:before {
    content: "\ec6a"
}

.icon-dot-menu2:before {
    content: "\ec5c"
}

.icon-location:before {
    content: "\ea38"
}

.icon-location2:before {
    content: "\ea39"
}

.icon-cube3:before {
    content: "\ec1a"
}

.icon-cube4:before {
    content: "\ec1b"
}

.icon-code2:before {
    content: "\eed1"
}

.icon-onedrive:before {
    content: "\ef0e"
}

.icon-soundcloud:before {
    content: "\ef22"
}

.icon-soundcloud2:before {
    content: "\ef23"
}

.icon-sun:before {
    content: "\e908"
}

.icon-sun2:before {
    content: "\e909"
}

.icon-moon:before {
    content: "\e906"
}

.icon-moon2:before {
    content: "\e907"
}

.icon-share:before {
    content: "\e25a"
}

.icon-bed:before {
    content: "\ecdd"
}

.icon-sofa:before {
    content: "\ecde"
}

.icon-diving-goggle:before {
    content: "\e90a"
}

.icon-sports-shoe:before {
    content: "\e90b"
}

.icon-sports-shoe2:before {
    content: "\e90c"
}

.icon-display:before {
    content: "\ea75"
}

.icon-t-shirt::before {
    content: "\e90d"
}

.icon-edge::before {
    content: "\ef3b"
}

.icon-wakaba-mark::before {
    content: "\e910"
}

.icon-bicycle::before {
    content: "\e1d3"
}

.icon-ferry::before {
    content: "\e1cc"
}

.icon-train::before {
    content: "\e1ce"
}

.icon-walk::before {
    content: "\e1d0"
}

.icon-rest::before {
    content: "\e1d2"
}

.icon-window::before {
    content: "\e918"
}

.icon-disc::before {
    content: "\ea8f"
}

.icon-key-a::before {
    content: "\ee5d"
}

.icon-one-finger-swipe-left::before {
    content: "\e912"
}

.icon-one-finger-swipe-right::before {
    content: "\e913"
}

.icon-one-finger-swipe-up::before {
    content: "\e914"
}

.icon-one-finger-swipe-down::before {
    content: "\e915"
}

.icon-yen2::before {
    content: "\e761"
}

.icon-lamp::before {
    content: "\e7bc"
}

.icon-store::before {
    content: "\e9fd"
}

.icon-line::before {
    content: "\e90e"
}

.icon-line-spacing::before {
    content: "\e9ac"
}

.icon-sort-asc::before {
    content: "\ee50"
}

.icon-sort-desc::before {
    content: "\ee51"
}

.icon-hammer-wrench::before {
    content: "\e693"
}

.icon-hammer-wrench2::before {
    content: "\eb69"
}

.icon-coffee2::before {
    content: "\ebcb"
}

.icon-pill::before {
    content: "\eb7c"
}

.icon-construction::before {
    content: "\eb7d"
}

.icon-stethoscope::before {
    content: "\eb73"
}

.icon-pandage::before {
    content: "\eb77"
}

.icon-syringe::before {
    content: "\eb7b"
}

.icon-scissor::before {
    content: "\ee85"
}

.icon-haircut::before {
    content: "\ee87"
}

.icon-stamp::before {
    content: "\e625"
}

.icon-stamp2::before {
    content: "\e939"
}

.icon-linkedin::before {
    content: "\eac8"
}

.icon-fish::before {
    content: "\e81f"
}

.icon-steak::before {
    content: "\ebbf"
}

.icon-bread::before {
    content: "\e822"
}

.icon-hamburger:before {
    content: "\ebc2"
}

.icon-pizza::before {
    content: "\ebc3"
}

.icon-apple2::before {
    content: "\ebcf"
}

.icon-tiktok::before {
    content: "\e90f"
}

.icon-guitar::before {
    content: "\e6e9"
}

.icon-soccer::before {
    content: "\ec37"
}

.icon-tennis::before {
    content: "\ec3c"
}

.icon-basketball::before {
    content: "\ec3f"
}

.icon-sunglass::before {
    content: "\e911"
}

.icon-watch::before {
    content: "\ea52"
}

.icon-smart-watch::before {
    content: "\e916"
}

.icon-refrigerator::before {
    content: "\e917"
}

.icon-microwave-oven::before {
    content: "\e919"
}

.icon-accessibility::before {
    content: "\ec29"
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@font-face {
    font-family: 'Hiragino Sans';
    src: local(HiraginoSans-W3);
    font-weight: normal
}

@font-face {
    font-family: 'Hiragino Sans';
    src: local(HiraginoSans-W6);
    font-weight: bold
}

@font-face {
    font-family: YuGothic;
    src: local("Yu Gothic Medium"),local("Yu Gothic");
    font-weight: 500
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    border: 0;
    outline: 0;
    font: inherit;
    font-style: normal;
    font-size: 100%;
    vertical-align: baseline
}

html {
    height: 100%;
    font-size: 62.5%
}

body {
    height: 100%;
    line-height: 1;
    word-wrap: break-word;
    word-break: break-word;
    text-rendering: geometricPrecision;
    font-family: "Century Gothic","Hiragino Sans","Hiragino Kaku Gothic ProN",YuGothic,"Yu Gothic",Meiryo,sans-serif;
    font-size: 10px;
    font-size: 1.0rem;
    -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,"Hiragino Kaku Gothic ProN",Meiryo,YuGothic,"Yu Gothic",sans-serif
}

input,textarea,table {
    word-wrap: normal;
    word-break: normal
}

button {
    font-size: 100%
}

::-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
}

.loop-post-thumb:hover a,.bx-viewport {
    -webkit-transform: translateZ(0)
}

body.home.use-pace #header_container,body.home.use-pace #header-banner-outer,body.home.use-pace #container,body.home.use-pace #dpplayer,#global_menu_ul .menu-item .sub-menu {
    -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
}

.loop-section.magazine .loop-article::before {
    -webkit-opacity: .3;
    -khtml-opacity: .3;
    -moz-opacity: .3;
    -o-opacity: .3;
    filter: alpha(opacity=30);
    -ms-filter: "alpha(opacity=30)";
    opacity: .3;
    visibility: visible
}

.loop-section.portfolio .loop-post-thumb-flip,.loop-section.portfolio.flip_hover.pt1 .loop-article:hover .loop-post-thumb-flip,.loop-post-thumb:hover .loop-post-thumb-flip {
    -webkit-opacity: .4;
    -khtml-opacity: .4;
    -moz-opacity: .4;
    -o-opacity: .4;
    filter: alpha(opacity=40);
    -ms-filter: "alpha(opacity=40)";
    opacity: .4;
    visibility: visible
}

#gotop-ft,.bx-pager .bx-pager-item a,.bx-controls-direction a {
    -webkit-opacity: .6;
    -khtml-opacity: .6;
    -moz-opacity: .6;
    -o-opacity: .6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=60)";
    opacity: .6;
    visibility: visible
}

.inactive_tab,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,#gotop,.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
}

.bx-pager .bx-pager-item a.active,.bx-pager .bx-pager-item a:hover,.bx-controls-direction a:hover {
    -webkit-opacity: .85;
    -khtml-opacity: .85;
    -moz-opacity: .85;
    -o-opacity: .85;
    filter: alpha(opacity=85);
    -ms-filter: "alpha(opacity=85)";
    opacity: .85;
    visibility: visible
}

body.home.pace-done #header_container,body.home.pace-done #header-banner-outer,body.home.pace-done #container,body.home.pace-done #dpplayer,#global_menu_ul .menu-item .sub-menu.show,.loop-section.magazine .loop-article:hover::before,.tagcloud a:hover,.dp_feed_widget a:hover,#gotop:hover,#gotop-ft:hover {
    -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.portfolio.flip_hover .loop-article:hover .loop-post-thumb .wp-post-image {
    -webkit-filter: brightness(70%);
    filter: brightness(70%)
}

.loop-section.portfolio .loop-article:hover .loop-post-thumb .wp-post-image,.loop-section.portfolio.flip_hover .loop-post-thumb .wp-post-image {
    -webkit-filter: brightness(100%);
    filter: brightness(100%)
}

.meta-cat .item-link:hover,ul.recent_entries li:hover .wp-post-image,.widget-post-thumb:hover .post-thumb,.entry a:hover img {
    -webkit-filter: brightness(110%);
    filter: brightness(110%)
}

#global_menu_ul .menu-item,#global_menu_ul .menu-item .menu-link::after,.hd_sns_links ul li a,.hd_sns_links ul li a::before,.single-article .single_post_meta .loop-share-num .share-num,#wp-calendar tbody td a::before,#gotop::before {
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.header_container .h_group .caption,#global_menu_ul .menu-item .menu-title,#global_menu_ul .menu-item .menu-caption,#global_menu_ul .menu-item .sub-menu,.loop-section.portfolio .meta-cat .item-link,.loop-section.portfolio.pt2 .meta-cat,.loop-section.magazine .loop-article::before,.loop-section.magazine .meta-cat .item-link,.single-article .single_post_meta .meta-cat .item-link,.dp_related_posts li,.dp_related_posts.horizontal .thumb-link::before,.dp_related_posts.horizontal .meta-cat .item-link,#commentform input[type="submit"],.navigation a,.navigation a::before,.dp-pagenavi a::before,.dp-pagenavi .page-numbers::before,.dp-pagenavi .current::before,.widget_nav_menu li a::after,.widget_pages li a::after,.widget_categories li a::after,.dp_feed_widget a,.dp_feed_widget a::before,#gotop,#gotop-ft,.search-form .preset-words-area a.pword,.search-form .submit-area button.search-btn,.author_info .author_sns a,.author_img img.avatar {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.loop-section .loop-share-num,.single-article .single_post_meta .loop-share-num,.loop-section.normal .thumb-link::before,.loop-section.portfolio .loop-post-thumb-flip,.loop-section.magazine .thumb-link::before,.loop-section .meta-cat,.loop-section .meta-views,.label_ft,.loop-date,.tagcloud a,.entry a img,.recent_entries li,.bx-controls-direction a {
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.header_container,.header_container .h_group .hd_title.txt,.header_container .h_group .hd_title.image img,.header_container #expand_float_menu,.header_container #expand_float_menu i,#hd_misc_div,.header-banner-container,.widget-on-top-banner.no_title,.loop-section.portfolio .loop-article-content,.loop-section.portfolio .loop-title,.loop-section .meta-author,#header-search {
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.loop-post-thumb-flip,.wp-post-image {
    -webkit-transition: all .6s ease-out;
    transition: all .6s ease-out
}

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 {
    -webkit-transition: all .8s ease-out;
    transition: all .8s ease-out
}

.widget-post-thumb .post-thumb {
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out
}

.loop-section.portfolio.pt1 .meta-cat,.loop-section.portfolio.pt1 .loop-share-num,.loop-section.portfolio.flip_hover.pt1 .loop-article:hover .meta-cat {
    -webkit-transition-delay: .18s;
    transition-delay: .18s
}

.header-banner-outer.pacedone {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.loop-section.portfolio .loop-article:hover .loop-post-thumb .wp-post-image,.loop-section.portfolio.flip_hover .loop-post-thumb .wp-post-image {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.loop-section.portfolio .loop-post-thumb .wp-post-image,.loop-section.portfolio.flip_hover .loop-article:hover .loop-post-thumb .wp-post-image {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.single-article .single_post_meta .loop-share-num:not(.no-num) .sitem:hover .share-icon:before {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.hd_slideshow.ease_on .slide {
    -ms-transform: scale(1.25);
    -webkit-transform: scale(1.25);
    transform: scale(1.25)
}

.dp-pagenavi a::before,.dp-pagenavi .page-numbers::before,.dp-pagenavi .current::before,#global_menu_ul .menu-item:hover .menu-title.has_cap,#global_menu_ul .menu-item .menu-link::after,.hd_sns_links ul li a::before,.widget_nav_menu li a::after,.widget_pages li a::after,.widget_categories li a::after,.dp_feed_widget a::before {
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.dp-pagenavi a:hover::before,.dp-pagenavi .page-numbers:hover::before,.dp-pagenavi .current:hover::before,#global_menu_ul .menu-item.current-menu-item>.menu-link::after,#global_menu_ul .menu-item:hover .menu-link::after,.hd_sns_links ul li a:hover::before,.widget_nav_menu li a:hover::after,.widget_pages li a:hover::after,.widget_categories li a:hover::after,.dp_feed_widget a:hover::before {
    -ms-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.loop-section.portfolio.pt2 .loop-article:hover .loop-post-thumb-flip,.loop-section.portfolio.pt2 .loop-article:hover .loop-share-num,.loop-section.portfolio.pt2 .loop-article:hover .meta-cat,.loop-section.portfolio.flip_hover.pt2 .loop-post-thumb-flip,.loop-section.portfolio.flip_hover.pt2 .loop-share-num,.loop-section.portfolio.flip_hover.pt2 .meta-cat {
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.loop-section.portfolio.flip_hover.pt2 .loop-article:hover .loop-post-thumb-flip,.loop-section.portfolio.flip_hover.pt2 .loop-article:hover .loop-share-num,.loop-section.portfolio.flip_hover.pt2 .loop-article:hover .meta-cat {
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.loop-section.normal .loop-post-thumb:hover .wp-post-image,.loop-section.magazine .loop-post-thumb:hover .wp-post-image {
    -ms-transform: rotate(2deg) scale(1.1);
    -webkit-transform: rotate(2deg) scale(1.1);
    transform: rotate(2deg) scale(1.1)
}

.loop-section.portfolio.pt1 .loop-article:hover .loop-share-num,.loop-section.portfolio.pt1 .loop-title,.loop-section.portfolio.pt1 .meta-cat,.loop-section.portfolio.flip_hover.pt1 .loop-share-num,.loop-section.portfolio.flip_hover.pt1 .loop-article:hover .loop-title,.loop-section.portfolio.flip_hover.pt1 .loop-article:hover .meta-cat {
    -ms-transform: translate3d(0,0,0) scale(1);
    -webkit-transform: translate3d(0,0,0) scale(1);
    transform: translate3d(0,0,0) scale(1);
    opacity: 1
}

.loop-section.portfolio.pt1 .loop-article:hover .loop-title,.loop-section.portfolio.pt1 .loop-article:hover .meta-cat,.loop-section.portfolio.pt1 .loop-share-num,.loop-section.portfolio.flip_hover.pt1 .loop-title,.loop-section.portfolio.flip_hover.pt1 .meta-cat,.loop-section.portfolio.flip_hover.pt1 .loop-article:hover .loop-share-num {
    -ms-transform: translate3d(0,25px,0) scale(1.15);
    -webkit-transform: translate3d(0,25px,0) scale(1.15);
    transform: translate3d(0,25px,0) scale(1.15);
    opacity: 0
}

.pace .pace-progress {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.loop-sec-header h1,.inside-title,#reply-title {
    position: relative;
    margin: 30px 0 40px;
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 1.4;
    word-break: break-all;
    vertical-align: bottom;
    display: block
}

.loop-sec-header h1>span,.inside-title>span,#reply-title>span {
    position: relative;
    padding: 0 10px;
    margin: auto 30px
}

.loop-sec-header h1::before,.inside-title::before,#reply-title::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    margin-top: -2px;
    background-color: rgba(170,170,170,0.48);
    -webkit-box-shadow: 0 3px 0 rgba(170,170,170,0.48);
    box-shadow: 0 3px 0 rgba(170,170,170,0.48)
}

.wd-title {
    position: relative;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px
}

.wd-title span {
    position: relative;
    padding: 0 8px;
    display: inline-block
}

.wd-title:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    height: 2px;
    width: 100%
}

.dp-pagenavi a::before,.dp-pagenavi .page-numbers::before,.dp-pagenavi .current::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.navigation .nav-arrow {
    display: inline-block;
    height: 32px;
    width: 32px;
    vertical-align: middle;
    text-align: center;
    font-size: 11px;
    font-size: 1.1rem
}

.navigation .nav-arrow:before {
    line-height: 32px
}

.loop-section .more-link a:before,.nav_to_paged a:before,.loop-section .more-link a:after,.nav_to_paged a:after {
    content: "";
    position: absolute;
    width: 35px;
    height: 2px;
    opacity: .3;
    pointer-events: none;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.loop-section .more-link a:before,.nav_to_paged a:before {
    top: 0;
    left: 0;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.loop-section .more-link a:after,.nav_to_paged a:after {
    bottom: -2px;
    right: 0;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.loop-section .more-link a:hover,.nav_to_paged a:hover {
    opacity: 1
}

.loop-section .more-link a:hover:before,.nav_to_paged a:hover:before {
    left: 50%;
    -ms-transform: rotate(0) translateX(-50%);
    -webkit-transform: rotate(0) translateX(-50%);
    transform: rotate(0) translateX(-50%);
    opacity: 1
}

.loop-section .more-link a:hover:after,.nav_to_paged a:hover:after {
    right: 50%;
    -ms-transform: rotate(0) translateX(50%);
    -webkit-transform: rotate(0) translateX(50%);
    transform: rotate(0) translateX(50%);
    opacity: 1
}

.plx_bg,.plx_bg::before,.plx_bg::after,ul.recent_entries,.widget_nav_menu li,.widget_pages li,.widget_categories li,.dp_tab_widget_ul {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.dp_related_posts.horizontal .meta-cat .item-link,#comment_section .comment-reply-link,.tagcloud a {
    position: relative;
    display: inline-block;
    padding: 0 8px;
    margin: 0 10px 10px 0;
    font-size: 11.5px;
    font-size: 1.15rem;
    line-height: 24px;
    letter-spacing: .04em;
    white-space: nowrap;
    border: 1px solid
}

.content .trackback_url_area,.dp_related_posts,#commentform,#comment_section,#respond,.dp_fb_comments_div,.fb-page,.single-nav,.widget-box,.widget-box.loop-div {
    margin-bottom: 40px
}

.loop-section.normal .loop-date,.loop-section.portfolio.pt2 .loop-date,.loop-section.magazine.pt1 .loop-date,.single-article header .meta-date {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    vertical-align: top;
    text-align: center;
    font-weight: bold;
    line-height: 1
}

.loop-section.normal .loop-date:before,.loop-section.portfolio.pt2 .loop-date:before,.loop-section.magazine.pt1 .loop-date:before,.single-article header .meta-date:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px
}

.loop-section.normal .loop-date .date_day_double,.loop-section.portfolio.pt2 .loop-date .date_day_double,.loop-section.magazine.pt1 .loop-date .date_day_double,.single-article header .meta-date .date_day_double {
    margin-top: 5px;
    font-size: 23px;
    font-size: 2.3rem;
    display: block
}

.loop-section.normal .loop-date .date_month_en,.loop-section.portfolio.pt2 .loop-date .date_month_en,.loop-section.magazine.pt1 .loop-date .date_month_en,.single-article header .meta-date .date_month_en {
    font-size: 14px;
    font-size: 1.4rem;
    display: block
}

.loop-section.normal .title-line .loop-title,.loop-section.portfolio.pt2 .loop-title,.loop-section.magazine.pt1 .title-line .loop-title {
    margin: 0;
    padding: 14px 0;
    width: calc(100% - 60px);
    display: inline-block;
    text-align: left
}

.loop-section .loop-share-num,.single-article .single_post_meta .loop-share-num {
    padding: 0;
    margin: 0;
    width: 100%;
    display: inline-block;
    font-size: 11px
}

.loop-section .loop-share-num>div,.single-article .single_post_meta .loop-share-num>div {
    background-color: transparent
}

.loop-section .loop-share-num>div:last-child .share-num,.single-article .single_post_meta .loop-share-num>div:last-child .share-num {
    margin-right: 0
}

.loop-section .loop-share-num .share-icon,.single-article .single_post_meta .loop-share-num .share-icon {
    width: 28px;
    height: 28px
}

.loop-section .loop-share-num .share-icon:before,.single-article .single_post_meta .loop-share-num .share-icon:before {
    line-height: 28px
}

.loop-section .loop-share-num .share-icon:after,.single-article .single_post_meta .loop-share-num .share-icon:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 28px;
    margin-top: -6px;
    border-style: solid;
    border-width: 6px;
    border-color: transparent transparent transparent rgba(170,170,170,0.16)
}

.loop-section .loop-share-num .share-num,.single-article .single_post_meta .loop-share-num .share-num {
    padding: 0 8px 0 10px;
    line-height: 30px;
    vertical-align: top;
    text-align: center
}

.loop-section .loop-share-num .meta-comment a,.single-article .single_post_meta .loop-share-num .meta-comment a {
    display: inline !important
}

.loop-section.normal .thumb-link::before,.loop-section.magazine .thumb-link::before,.dp_related_posts.horizontal .thumb-link::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    background-color: #fff;
    opacity: .3;
    z-index: 1
}

.header-banner-content header #banner_caption:before,.bx-viewport .slide .loop-cat:before,.header-banner-content header #banner_caption:after,.bx-viewport .slide .loop-cat:after {
    content: '';
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -25px;
    width: 50px;
    height: 2px
}

.header-banner-content header #banner_caption:before,.bx-viewport .slide .loop-cat:before {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.header-banner-content header #banner_caption:after,.bx-viewport .slide .loop-cat:after {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.plx_bg,.plx_bg::before,.plx_bg::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.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,.wp-caption {
    border: 1px solid rgba(170,170,170,0.48)
}

.dp-container dl,#footer_menu_ul {
    border-top: 1px solid rgba(170,170,170,0.48)
}

.loop-section.news .loop-article,.single-article .single_post_meta,.dp_related_posts.news li,#comment_section li.comment,#comment_section li.trackback,#comment_section li.pingback,.widget_nav_menu li a,.widget_pages li a,.widget_categories li a,.dp_comment_list_section.as-wdgt li {
    border-bottom: 1px solid rgba(170,170,170,0.48)
}

.wd-title:before,.loop-section .loop-share-num .share-icon,.single-article .single_post_meta .loop-share-num .share-icon,code,.dp-container q,.dp-container blockquote,.dp-container th,.dp-container dt,.wp-caption,#comment_section .commentlist ul.children,#wp-calendar caption,#wp-calendar th,#wp-calendar td,.v_sub_menu_btn {
    background-color: rgba(170,170,170,0.16)
}

body {
    min-width: 1180px;
    letter-spacing: -0.01em
}

body.home.pace-done::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: visible;
    z-index: -1;
    background-color: rgba(0,0,0,0.25)
}

code {
    display: inline-block;
    vertical-align: bottom;
    padding: 0 6px;
    margin: 3px 6px;
    line-height: 2;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 6px rgba(170,170,170,0.26);
    box-shadow: 0 0 6px rgba(170,170,170,0.26)
}

pre>code {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0;
    border: 0
}

hr,hr.wp-block-separator {
    height: 0;
    margin: 20px 0 40px;
    padding: 0;
    border-top: 1px dotted rgba(170,170,170,0.68)
}

.sticky {
    position: relative
}

.clearfix:before,.clearfix:after {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom:1}

.header_container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    padding: 0 30px;
    text-align: center;
    font-size: 11px;
    font-size: 1.1rem;
    z-index: 100
}

.header_container.scroll {
    height: 50px
}

.header_container.scroll #hd_misc_div,.header_container.scroll #expand_float_menu {
    height: 50px
}

.header_container.scroll #expand_float_menu i {
    line-height: 50px
}

.header_container.has_search {
    padding-right: 70px
}

.header_container .h_group {
    position: absolute;
    top: 50%;
    left: 30px;
    margin-right: 15px;
    max-width: 285px;
    text-align: left;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.header_container .h_group .hd_title a {
    display: inline-block
}

.header_container .h_group .hd_title.txt a {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold
}

.header_container .h_group .hd_title.image img {
    max-width: 100%;
    max-height: 35px;
    width: auto;
    height: auto;
    margin: 0
}

.header_container .h_group .caption {
    font-size: 10px;
    font-size: 1rem;
    margin-top: 10px
}

.header_container .h_group .caption.hide {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    margin-top: 0;
    height: 0
}

.header_container .r_block {
    float: right;
    display: table
}

.header_container #expand_float_menu {
    display: none;
    position: relative;
    height: 80px;
    width: 44px;
    cursor: pointer;
    float: right;
    font-size: 26px;
    font-size: 2.6rem
}

.header_container #expand_float_menu i {
    display: inline-block;
    width: 44px;
    line-height: 80px;
    vertical-align: top;
    text-align: center
}

#global_menu_nav {
    display: table-cell
}

#global_menu_nav.mq-mode {
    display: none;
    border-top: 1px solid;
    -webkit-animation: none;
    animation: none
}

#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 a:hover {
    text-decoration: none
}

#global_menu_ul .menu-item {
    position: relative;
    display: inline-block;
    line-height: 80px
}

#global_menu_ul .menu-item .mq_sub_li {
    position: relative;
    float: right;
    text-align: center;
    width: 44px;
    height: 44px;
    line-height: 44px;
    display: block;
    cursor: pointer;
    z-index: 1000;
    display: none
}

#global_menu_ul .menu-item .mq_sub_li::before {
    display: inline-block;
    margin: 0;
    line-height: 44px
}

#global_menu_ul .menu-item .mq_sub_li.show::before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

#global_menu_ul .menu-item.min {
    line-height: 50px
}

#global_menu_ul .menu-item.min .menu-link::after {
    top: 40px
}

#global_menu_ul .menu-item:hover .menu-title.has_cap {
    opacity: 0
}

#global_menu_ul .menu-item:hover .menu-caption {
    -webkit-transform: translateY(-50%) scaleX(1);
    -ms-transform: translateY(-50%) scaleX(1);
    transform: translateY(-50%) scaleX(1)
}

#global_menu_ul .menu-item .menu-link {
    position: relative;
    display: block;
    padding: 0 15px;
    font-weight: bold;
    font-size: 12px;
    font-size: 1.2rem
}

#global_menu_ul .menu-item .menu-link::after {
    content: "";
    position: absolute;
    top: 60px;
    left: 50%;
    width: 40%;
    height: 2px;
    margin-left: -20%
}

#global_menu_ul .menu-item .menu-title {
    display: inline-block
}

#global_menu_ul .menu-item .menu-caption {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    line-height: 1.2;
    -webkit-transform: translateY(-50%) scaleX(0);
    -ms-transform: translateY(-50%) scaleX(0);
    transform: translateY(-50%) scaleX(0)
}

#global_menu_ul .menu-item .sub-menu {
    position: absolute;
    top: 95px;
    width: 200px
}

#global_menu_ul .menu-item .sub-menu.show {
    top: 80px;
    display: block
}

#global_menu_ul .menu-item .sub-menu.min {
    top: 65px
}

#global_menu_ul .menu-item .sub-menu.min.show {
    top: 50px
}

#global_menu_ul .menu-item .sub-menu .menu-item {
    display: block;
    height: auto
}

#global_menu_ul .menu-item .sub-menu .menu-item .menu-link {
    line-height: 1.4;
    height: auto;
    padding: 12px 14px
}

#global_menu_ul .menu-item .sub-menu .menu-item .menu-link::after {
    content: none
}

#global_menu_ul .menu-item .sub-menu .sub-menu {
    left: 201px;
    top: 0
}

#hd_misc_div {
    display: table-cell;
    vertical-align: middle;
    height: 80px
}

#hd_misc_div.hide {
    display: none
}

.hd_sns_links,#hd_tel {
    display: inline-block;
    vertical-align: middle
}

.hd_sns_links ul {
    display: table;
    margin: 0 auto
}

.hd_sns_links ul li {
    display: table-cell
}

.hd_sns_links ul li a {
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 5px
}

.hd_sns_links ul li a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.hd_sns_links ul li i {
    display: inline-block;
    line-height: 30px
}

#hd_tel {
    margin-left: 10px
}

#hd_tel a {
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: -0.02em
}

#hd_tel a::before {
    margin: 0;
    display: inline-block;
    line-height: 30px;
    width: 30px;
    vertical-align: middle
}

#hd_tel span {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px
}

.header-banner-outer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
    z-index: 0;
    background-color: #000
}

.header-banner-outer.pacedone {
    background-color: transparent
}

.header-banner-inner {
    position: relative;
    max-height: 100%;
    height: 100%
}

.header-banner-container.is-text-vertical {
    top: 50%;
    left: 50%;
    width: auto;
    margin: auto;
    padding: 0;
    -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;
    width: auto;
    margin-bottom: 0;
    letter-spacing: .1em
}

.header-banner-container.is-text-vertical #banner_title {
    font-size: 3.6rem;
    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 .widget-on-top-banner {
    margin-top: 4rem
}

.header-banner-container.is-text-vertical .widget-on-top-banner .widget-box {
    margin-bottom: 0
}

.header-banner-container,.widget-on-top-banner.no_title {
    position: absolute;
    top: 40%;
    width: 100%;
    padding: 0 4%
}

.header-banner-content header {
    margin-bottom: 60px
}

.header-banner-content header #banner_title {
    font-size: 56px;
    font-size: 5.6rem;
    font-weight: bold;
    margin-bottom: 60px
}

.header-banner-content header #banner_caption {
    position: relative;
    display: inline-block;
    line-height: 1.6;
    font-size: 16px;
    font-size: 1.6rem
}

#dp_breadcrumb_nav {
    position: relative;
    margin: 0 auto;
    width: 1180px
}

#dp_breadcrumb_nav ul {
    list-style-type: none;
    margin: 0;
    padding: 20px 0 40px
}

#dp_breadcrumb_nav ul li {
    display: inline;
    position: relative;
    padding: 0;
    font-size: 11.5px;
    font-size: 1.15rem;
    line-height: 1.8
}

#dp_breadcrumb_nav ul li::after {
    font-size: 10px;
    font-size: 1rem;
    padding: 0 10px
}

#dp_breadcrumb_nav ul li:last-child:after {
    content: ''
}

.dp-container {
    position: relative;
    margin: 0 auto;
    overflow: hidden
}

.dp-container.show-header {
    top: 100%
}

.dp-container.pos_fixed {
    margin: 80px auto 60px
}

.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: 320px;
    max-height: 620px;
    height: 34vw;
    padding: 0 20px;
    color: #fff;
    overflow: hidden
}

.ct-hd .plx_bg::after {
    background-color: rgba(0,0,0,0.3)
}

.ct-hd .ct-whole {
    position: relative;
    top: calc(50% - -40px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ct-hd .hd-title {
    position: relative;
    font-size: 48px;
    font-size: 4.8rem;
    font-weight: bold
}

.ct-hd .hd-title.plx {
    opacity: 0
}

.ct-hd .title-desc {
    margin-top: 20px;
    line-height: 1.68;
    font-size: 14px;
    font-size: 1.4rem
}

.ct-hd .title-desc.plx {
    opacity: 0
}

.ct-hd .hd-arrow {
    display: block;
    margin-top: 30px;
    font-size: 16px
}

.ct-hd .hd-arrow::before {
    display: block;
    -webkit-animation: ctHdArrowBounce 1s infinite linear alternate;
    animation: ctHdArrowBounce 1s infinite linear alternate
}

.ct-hd.page .hd-title {
    font-size: 42px;
    font-size: 4.2rem
}

@-webkit-keyframes ctHdArrowBounce {
    0.00% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes ctHdArrowBounce {
    0.00% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.content-wrap {
    width: 1180px;
    margin: 0 auto;
    padding: 40px 0
}

.content-wrap:not(.home) {
    padding-top: 80px
}

.content {
    position: relative;
    min-height: 100%;
    height: auto;
    width: 830px
}

.content.one-col {
    width: 100%
}

.content.left {
    float: right
}

.content.right {
    float: left
}

.content .trackback_url_area {
    font-size: 11px
}

.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,.widget-content ul.recent_entries {
    margin-left: 0
}

.widget-container ul.recent_entries li,.widget-content ul.recent_entries li {
    padding: 12px 14px 12px 0;
    line-height: 1.65;
    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:not(.home) {
    padding-top: 80px
}

.widget-container.liquid .widget-box {
    width: 100%;
    padding: 0 2vw
}

.widget-container .widget-box {
    width: 1180px;
    margin-left: auto;
    margin-right: auto
}

.widget-container ul.recent_entries li {
    width: 33.33%
}

.widget-content.single {
    margin-bottom: 0
}

.plx_widget {
    position: relative;
    text-align: center;
    padding: 5% 0;
    max-width: 100%;
    font-size: var(--base-text-size,inherit);
    color: var(--base-text-color,inherit);
    text-shadow: var(--base-text-shadow,none);
    z-index: 1
}

.plx_widget .widget-box {
    font-size: inherit
}

.plx_widget.no_title.no_desc.no_button .plx_original {
    margin-top: 0
}

.plx_widget.no_desc .plx_title {
    margin-bottom: 0
}

.plx_widget.no_button .plx_desc {
    margin-bottom: 0
}

.plx_widget.no_original.no_button .plx_desc {
    margin-bottom: 0
}

.plx_widget .widget-box {
    position: relative;
    margin-bottom: 0;
    z-index: 2
}

.plx_widget p {
    margin-bottom: 20px
}

.plx_widget [data-sr] {
    visibility: hidden
}

.plx_bg {
    overflow: hidden;
    z-index: 0
}

.plx_bg::before,.plx_bg::after {
    content: ''
}

.plx_bg::before {
    background-attachment: fixed;
    -webkit-transform: translateY(var(--top));
    -ms-transform: translateY(var(--top));
    transform: translateY(var(--top));
    background-image: var(--bg-image);
    background-size: var(--bg-size,100% auto);
    background-position: var(--bg-position,50%);
    background-repeat: repeat-y;
    z-index: 0
}

.plx_bg::after {
    background-color: var(--bg-color);
    z-index: 1
}

.plx_bg.on-touch-dev::before,.plx_bg.on-safari::before {
    background-attachment: scroll;
    background-position: 50%;
    background-size: cover
}

.plx_wrap {
    position: relative;
    vertical-align: top
}

.plx_wrap.use_img.left,.plx_wrap.use_img.right {
    width: 52%;
    text-align: left;
    display: inline-block
}

.plx_wrap.use_img.left {
    padding-left: 8%
}

.plx_wrap.use_img.right {
    padding-right: 8%
}

.plx_wrap.use_img.fit_img {
    width: 100%
}

.plx_wrap.use_img.fit_img.left {
    padding-left: 54%
}

.plx_wrap.use_img.fit_img.right {
    padding-right: 54%
}

.plx_wrap.is-text-vertical,.plx_wrap.is-text-vertical.use_img {
    text-align: center
}

.plx_wrap.is-text-vertical .plx_text_content {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-align: left;
    display: inline-block;
    max-height: 64vh;
    letter-spacing: .1em
}

.plx_wrap.is-text-vertical .plx_text_content .plx_title {
    margin: 0
}

.plx_wrap.is-text-vertical .plx_text_content .plx_desc {
    margin: 2.5rem 5rem 0 0;
    line-height: 2.6
}

.plx_wrap.is-text-vertical .plx_text_content p {
    margin: 0 0 0 2.5rem
}

.plx_wrap.is-text-vertical .plx_text_content p:last-of-type {
    margin: 0
}

.plx_wrap.is-text-vertical .plx_btn {
    margin-top: 4rem
}

.plx_text_content {
    max-width: 1180px;
    margin: auto
}

img.plx_img {
    display: inline-block;
    max-width: 100%;
    vertical-align: top
}

img.plx_img.left,img.plx_img.right {
    max-width: 48%
}

img.plx_img.top {
    margin-bottom: 40px
}

img.plx_img.bottom {
    margin-top: 40px
}

.plx_title {
    position: relative;
    margin-bottom: 3vw;
    line-height: 1.4;
    font-weight: bold;
    font-size: var(--title-size,inherit);
    color: var(--title-color,inherit)
}

.plx_desc {
    position: relative;
    margin-bottom: 4vw
}

.plx_btn {
    position: relative
}

.plx_btn a.btn {
    font-size: var(--btn-size,inherit);
    color: var(--btn-text-color,inherit);
    border-color: var(--btn-border-color,inherit)
}

.plx_btn a.btn::after {
    background: var(--btn-bg-color,inherit)
}

.plx_btn a.btn:hover {
    border-color: var(--btn-border-color,inherit) !important;
    color: var(--btn-hover-text-color,inherit) !important
}

.plx_original {
    position: relative;
    margin-top: 40px
}

.plx_original img {
    max-width: 100%
}

.meta-cat .item-link {
    display: inline-block;
    padding: 0 6px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 20px;
    white-space: nowrap
}

.loop-section.normal,.loop-section.news {
    max-width: 1180px;
    margin: auto
}

.loop-section.normal .loop-article {
    padding: 40px 0;
    height: auto;
    border-bottom: 4px double rgba(170,170,170,0.48);
    width: 100%
}

.loop-section.normal .loop-article:first-child {
    padding: 0 0 30px
}

.loop-section.normal .loop-article:last-child {
    border: 0
}

.loop-section.normal .loop-article.one-col .loop-title {
    font-size: 20px;
    font-size: 2rem
}

.loop-section.normal .loop-article.one-col .loop-excerpt {
    font-size: 13px;
    font-size: 1.3rem
}

.loop-section.normal .loop-article.one-col .more-link a {
    font-size: 12px;
    font-size: 1.2rem
}

.loop-section.normal .loop-article:hover .thumb-link::before {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.loop-section.normal .loop-col {
    display: inline-block;
    vertical-align: top
}

.loop-section.normal .loop-col.one {
    width: 48%;
    margin-right: 5%
}

.loop-section.normal .loop-col.two {
    width: 47%
}

.loop-section.normal .loop-post-thumb {
    min-height: 200px
}

.loop-section.normal .loop-post-thumb .wp-post-image {
    max-width: 100%;
    height: auto
}

.loop-section.normal .title-line {
    margin-bottom: 7%
}

.loop-section.normal .title-line .loop-title {
    padding: 14px 0 0
}

.loop-section.normal .loop-title {
    padding: 0 0 6%;
    margin: 0
}

.loop-section.normal .loop-article-content {
    position: relative;
    line-height: 1.4
}

.loop-section.normal .loop-excerpt {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    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;
    font-weight: bold
}

.loop-section.normal .loop-meta>div::after {
    margin: 0 14px;
    font-size: 11px;
    font-size: 1.1rem;
    vertical-align: middle;
    opacity: .4
}

.loop-section.normal .loop-meta>div:last-child::after {
    content: none
}

.loop-section.normal .loop-meta>div a {
    font-weight: bold
}

.loop-section.normal .meta-cat .item-link {
    display: inline-block;
    padding: 0
}

.loop-section.normal .meta-cat .item-link::before {
    content: '#';
    padding-right: 4px
}

.loop-section.normal .meta-views {
    right: 0;
    opacity: 1
}

.loop-section.normal .loop-share-num {
    position: relative;
    line-height: 35px;
    height: 35px;
    margin-bottom: 5%
}

.loop-section.normal .label_ft {
    font-size: 11px;
    font-size: 1.1rem
}

.loop-section.portfolio .loop-div,.loop-section.magazine .loop-div {
    width: 100% !important
}

.loop-section.portfolio {
    margin-bottom: 40px
}

.loop-section.portfolio .loop-article {
    cursor: pointer;
    padding: 0
}

.loop-section.portfolio .loop-article.two_lines {
    width: 50%;
    min-height: 227px
}

.loop-section.portfolio .loop-article.two_lines .loop-title {
    font-size: 15px;
    font-size: 1.5rem
}

.loop-section.portfolio .loop-article.three_lines {
    width: 33.3333%;
    min-height: 148px
}

.loop-section.portfolio .loop-article.three_lines.two-col .meta-cat .item-link {
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: normal;
    line-height: 20px
}

.loop-section.portfolio .loop-article.three_lines.one-col .loop-title {
    font-size: 15px;
    font-size: 1.5rem
}

.loop-section.portfolio .loop-article.four_lines {
    width: 25%;
    min-height: 160px
}

.loop-section.portfolio .loop-article.four_lines .meta-cat .item-link {
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: normal;
    line-height: 20px
}

.loop-section.portfolio .loop-article-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff
}

.loop-section.portfolio .loop-article-content a,.loop-section.portfolio .loop-article-content a:visited {
    color: #fff
}

.loop-section.portfolio .loop-table {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: table
}

.loop-section.portfolio .loop-header {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 20px
}

.loop-section.portfolio .loop-title {
    text-align: center;
    padding-bottom: 15px;
    font-size: 14px;
    font-size: 1.4rem
}

.loop-section.portfolio .loop-title.fix-v {
    margin-top: calc(24px - -6%)
}

.loop-section.portfolio .loop-date {
    line-height: 1
}

.loop-section.portfolio .loop-date .date_day_double {
    font-weight: bold;
    font-size: 37px;
    font-size: 3.7rem
}

.loop-section.portfolio .loop-date .date-my {
    display: inline-block;
    margin-left: 4px;
    text-align: center
}

.loop-section.portfolio .loop-date .date_month_en {
    font-size: 17px;
    font-size: 1.7rem;
    display: block
}

.loop-section.portfolio .loop-date .date_year {
    letter-spacing: .07em
}

.loop-section.portfolio .loop-share-num {
    bottom: 0;
    text-align: center
}

.loop-section.portfolio .loop-share-num .share-icon {
    border: 2px solid;
    background: 0
}

.loop-section.portfolio .loop-share-num .share-icon::before {
    line-height: 24px
}

.loop-section.portfolio .loop-share-num .share-icon::after {
    content: none
}

.loop-section.portfolio .meta-cat {
    position: relative
}

.loop-section.portfolio .meta-cat .item-link {
    display: inline-block;
    background-color: transparent;
    line-height: 26px;
    padding: 0 10px;
    color: #fff;
    border: 2px solid;
    border-color: #fff
}

.loop-section.portfolio .meta-cat .item-link:hover {
    color: #000;
    background-color: #fff
}

.loop-section.portfolio .meta-author {
    margin-top: 6%
}

.loop-section.portfolio .meta-views {
    opacity: 1;
    top: auto;
    bottom: 8px;
    right: 8px;
    font-size: 10px;
    font-size: 1rem
}

.loop-section.portfolio .label_ft {
    right: 0;
    left: auto
}

.loop-section.portfolio.pt1 .loop-article:not(.slide) {
    background-color: #000
}

.loop-section.portfolio.pt1 .loop-article.two_lines.one-col .loop-title {
    font-size: 20px;
    font-size: 2rem
}

.loop-section.portfolio.pt1 .loop-article.two_lines.one-col .loop-share-num {
    height: 50px
}

.loop-section.portfolio.pt1 .loop-article.four_lines.one-col .loop-title {
    font-size: 13px;
    font-size: 1.3rem;
    padding-bottom: 5px
}

.loop-section.portfolio.pt1 .loop-article:hover .loop-post-thumb-flip {
    opacity: .1
}

.loop-section.portfolio.pt1 .loop-article:hover .loop-date,.loop-section.portfolio.pt1 .loop-article:hover .meta-views,.loop-section.portfolio.pt1 .loop-article:hover .meta-author,.loop-section.portfolio.pt1 .loop-article:hover .meta-cat,.loop-section.portfolio.pt1 .loop-article:hover .label_ft {
    opacity: 0
}

.loop-section.portfolio.pt1 .loop-post-thumb {
    overflow: visible
}

.loop-section.portfolio.pt1 .loop-date {
    margin: 5px 0 0 5px
}

.loop-section.portfolio.pt1 .loop-share-num {
    line-height: 36px;
    height: 36px
}

.loop-section.portfolio.pt2 .loop-article {
    margin-bottom: 4%
}

.loop-section.portfolio.pt2 .loop-article.two_lines {
    width: 49%;
    min-height: 227px;
    font-size: 17px;
    font-size: 1.7rem
}

.loop-section.portfolio.pt2 .loop-article.two_lines.one-col .loop-title {
    font-size: 20px;
    font-size: 2rem
}

.loop-section.portfolio.pt2 .loop-article.three_lines {
    width: 32%;
    font-size: 15px;
    font-size: 1.5rem
}

.loop-section.portfolio.pt2 .loop-article.three_lines.one-col .loop-title {
    font-size: 16px;
    font-size: 1.6rem
}

.loop-section.portfolio.pt2 .loop-article.three_lines .fix-v {
    margin-top: 5px
}

.loop-section.portfolio.pt2 .loop-article.three_lines .loop-share-num {
    padding: 5px 5px 0
}

.loop-section.portfolio.pt2 .loop-article.four_lines {
    width: 23.5%
}

.loop-section.portfolio.pt2 .loop-article.four_lines .fix-v {
    margin-top: 5px
}

.loop-section.portfolio.pt2 .loop-article.four_lines .meta-cat {
    margin-bottom: 5px
}

.loop-section.portfolio.pt2 .loop-article.four_lines .meta-cat .item-link {
    font-size: 11px;
    font-size: 1.1rem
}

.loop-section.portfolio.pt2 .loop-article:hover .loop-share-num {
    top: -20px
}

.loop-section.portfolio.pt2 .loop-article:hover .meta-cat {
    margin-bottom: -10px
}

.loop-section.portfolio.pt2 .loop-article:hover .meta-author,.loop-section.portfolio.pt2 .loop-article:hover .meta-views {
    opacity: 0
}

.loop-section.portfolio.pt2 .loop-title {
    font-size: 14px;
    font-size: 1.4rem
}

.loop-section.portfolio.pt2 .loop-share-num {
    position: relative;
    top: 0;
    bottom: auto;
    padding: 15px 10px 0;
    opacity: 1
}

.loop-section.portfolio.pt2 .meta-cat {
    margin-bottom: 15px
}

.loop-section.portfolio.pt2 .meta-cat .item-link {
    font-size: 13px;
    font-size: 1.3rem
}

.loop-section.portfolio.pt2 .fix-v {
    margin-top: 24px
}

.loop-section.portfolio.flip_hover .loop-article:hover .loop-date,.loop-section.portfolio.flip_hover .loop-article:hover .meta-views,.loop-section.portfolio.flip_hover .loop-article:hover .meta-author {
    opacity: 1
}

.loop-section.portfolio.flip_hover .loop-article:hover .meta-cat {
    top: 0;
    opacity: 1
}

.loop-section.portfolio.flip_hover .loop-date,.loop-section.portfolio.flip_hover .meta-views,.loop-section.portfolio.flip_hover .meta-author {
    opacity: 0
}

.loop-section.portfolio.flip_hover.pt1 .loop-post-thumb-flip {
    opacity: 0
}

.loop-section.portfolio.flip_hover.pt2 .loop-share-num {
    top: -20px
}

.loop-section.portfolio.flip_hover.pt2 .meta-cat {
    margin-bottom: -10px
}

.loop-section.portfolio.flip_hover.pt2 .loop-date {
    opacity: 1
}

.loop-section.portfolio.flip_hover.pt2 .loop-article:hover .loop-share-num {
    top: 0;
    opacity: 1
}

.loop-section.portfolio.flip_hover.pt2 .loop-article:hover .meta-cat {
    margin-bottom: 15px
}

.loop-section.magazine .loop-article {
    padding-bottom: 60px
}

.loop-section.magazine .loop-article::before {
    content: "";
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 100%;
    height: 3px
}

.loop-section.magazine .loop-article.two_lines {
    width: 49%;
    min-height: 227px
}

.loop-section.magazine .loop-article.two_lines .loop-title {
    font-size: 17px;
    font-size: 1.7rem
}

.loop-section.magazine .loop-article.two_lines.one-col .loop-title {
    font-size: 20px;
    font-size: 2rem
}

.loop-section.magazine .loop-article.two_lines.one-col .loop-excerpt,.loop-section.magazine .loop-article.two_lines.one-col .meta-cat .item-link,.loop-section.magazine .loop-article.two_lines.one-col .more-link a {
    font-size: 13px;
    font-size: 1.3rem
}

.loop-section.magazine .loop-article.two_lines.one-col .meta-cat a {
    padding: 4px 12px
}

.loop-section.magazine .loop-article.three_lines {
    width: 32%
}

.loop-section.magazine .loop-article.three_lines.one-col .loop-title {
    font-size: 16px;
    font-size: 1.6rem
}

.loop-section.magazine .loop-article.three_lines.one-col .loop-excerpt,.loop-section.magazine .loop-article.three_lines.one-col .meta-cat .item-link,.loop-section.magazine .loop-article.three_lines.one-col .more-link a {
    font-size: 12px;
    font-size: 1.2rem
}

.loop-section.magazine .loop-article.three_lines.two-col .loop-title {
    font-size: 15px;
    font-size: 1.5rem
}

.loop-section.magazine .loop-article.three_lines.two-col .loop-excerpt,.loop-section.magazine .loop-article.three_lines.two-col .meta-cat .item-link,.loop-section.magazine .loop-article.three_lines.two-col .meta-author,.loop-section.magazine .loop-article.three_lines.two-col .meta-views {
    font-size: 11.5px;
    font-size: 1.15rem
}

.loop-section.magazine .loop-article.four_lines {
    width: 23.5%
}

.loop-section.magazine .loop-article.four_lines .loop-excerpt,.loop-section.magazine .loop-article.four_lines .meta-cat .item-link {
    font-size: 11px;
    font-size: 1.1rem
}

.loop-section.magazine .loop-article:hover .thumb-link::before {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.loop-section.magazine .loop-title {
    font-size: 14px;
    font-size: 1.4rem
}

.loop-section.magazine .loop-excerpt {
    margin-bottom: 7%;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6
}

.loop-section.magazine .loop-meta {
    display: table;
    width: 100%;
    margin-bottom: 7%;
    font-weight: bold
}

.loop-section.magazine .loop-meta a {
    font-weight: bold
}

.loop-section.magazine .loop-meta>div {
    display: table-cell;
    width: 50%
}

.loop-section.magazine .meta-views {
    position: relative;
    text-align: right;
    opacity: 1
}

.loop-section.magazine .loop-share-num {
    position: relative;
    margin-top: 5%
}

.loop-section.magazine .meta-cat {
    position: relative;
    margin-bottom: 7%;
    text-align: center
}

.loop-section.magazine .meta-cat .item-link {
    display: inline-block;
    border: 2px solid;
    padding: 2px 8px
}

.loop-section.magazine .meta-cat .item-link:hover {
    -webkit-filter: none;
    filter: none
}

.loop-section.magazine .label_ft {
    right: 0;
    left: auto
}

.loop-section.magazine.pt1 .title-line .loop-title {
    padding: 14px 0 6%
}

.loop-section.magazine.pt1 .loop-title {
    margin: 5% 0
}

.loop-section.slider .loop-slider.carousel .loop-article {
    height: 16vw;
    min-height: 186px
}

.loop-section.slider .loop-slider.carousel .loop-post-thumb.slider,.loop-section.slider .loop-slider.carousel .thumb-link {
    height: 100%
}

.loop-section.slider .loop-slider.carousel .wp-post-image {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

.loop-section.slider .loop-slider.carousel .loop-title {
    font-size: 13px;
    font-size: 1.3rem;
    padding-bottom: 10px
}

.loop-section.slider .loop-slider.carousel .meta-cat .item-link {
    line-height: 22px
}

.loop-section.slider .loop-slider:not(.carousel) .loop-title {
    font-size: 22px;
    font-size: 2.2rem
}

.loop-section.slider .loop-slider:not(.carousel) .meta-cat .item-link {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 32px;
    padding: 0 14px
}

.loop-section.slider .loop-article {
    padding: 0
}

.loop-section.slider .loop-article .loop-title {
    margin-bottom: 10px
}

.loop-section.slider .bx-wrapper {
    margin-bottom: 40px
}

.loop-section.slider .bx-controls {
    position: relative;
    top: auto;
    right: auto;
    margin-top: 20px
}

.loop-section.slider .bx-controls-direction .bx-next {
    position: absolute;
    right: 0;
    text-align: right
}

.loop-section.slider .bx-pager {
    margin: -30px auto 0;
    width: calc(100% - 100px)
}

.loop-section.news .loop-article {
    display: block;
    margin-bottom: 15px;
    padding-bottom: 15px
}

.loop-section.news .loop-col {
    display: table-cell;
    vertical-align: middle
}

.loop-section.news .loop-col.one {
    width: 130px
}

.loop-section.news .widget-post-thumb .fluid-width-video-wrapper {
    padding-top: 80px !important
}

.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 {
    background-color: #fff
}

.loop-section.news .loop-date {
    display: inline-block;
    margin-right: 10px
}

.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 {
    position: absolute;
    bottom: 0;
    left: 0
}

.loop-section .meta-author img.avatar {
    margin-right: 6px
}

.loop-section .meta-author .name {
    vertical-align: middle
}

.loop-section .meta-cat {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    line-height: 1
}

.loop-section .meta-cat .item-link {
    display: table-cell;
    font-size: 12px;
    font-size: 1.2rem;
    vertical-align: middle;
    bottom: 0;
    font-weight: bold
}

.loop-section .more-link {
    text-align: right
}

.loop-section .more-link a {
    position: relative;
    display: inline-block;
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 35px;
    height: 35px;
    padding: 0 12px
}

.loop-section .meta-views {
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 11px;
    font-size: 1.1rem;
    opacity: 0
}

.label_ft {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 10px;
    font-size: 1rem;
    vertical-align: middle;
    padding: 0 10px;
    line-height: 22px;
    color: #fff;
    display: inline-block;
    z-index: 1
}

.loop-sec-header .title-desc {
    position: relative;
    bottom: 65px;
    font-size: 12px;
    text-align: center
}

.loop-div {
    position: relative;
    width: 100%;
    margin: 0 auto
}

.loop-div::after {
    content: "";
    display: block;
    clear: both
}

.loop-article {
    position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: top
}

.loop-post-thumb {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    background-color: rgba(0,0,0,0.04);
    color: #fff
}

.loop-post-thumb .thumb-link {
    position: relative;
    display: block;
    text-align: center;
    overflow: hidden;
    height: 100%
}

.loop-post-thumb:hover a {
    opacity: 1
}

.loop-post-thumb:hover img {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none
}

.loop-title {
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 1.3;
    margin-bottom: 10px
}

.loop-title a {
    position: relative;
    font-weight: bold
}

.loop-post-thumb-flip {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: #000;
    color: #fff
}

.loop-date {
    position: relative;
    font-size: 11px
}

.loop-date a {
    display: inline
}

.wp-post-image {
    width: 100%;
    max-width: 100%;
    height: auto
}

.meta-author {
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem
}

.meta-author img.avatar {
    margin-right: 6px;
    display: inline-block
}

img.avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    vertical-align: middle
}

.single-article {
    margin-bottom: 60px;
    position: relative
}

.single-article header {
    position: relative;
    margin-bottom: 40px
}

.single-article header .single-title {
    position: relative;
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 auto 20px
}

.single-article header .meta-date {
    position: absolute;
    top: 0;
    left: -60px
}

.single-article header.sb-left.two-col .meta-date {
    position: relative;
    left: 0;
    margin-bottom: 15px
}

.single-article .single_post_meta {
    position: relative;
    line-height: 1.6;
    padding: 15px 0 0;
    font-size: 12px;
    font-size: 1.2rem
}

.single-article .single_post_meta::before {
    position: absolute;
    bottom: -15px;
    left: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0 0 0 -23px;
    padding: 0 6px 0 10px;
    font-size: 30px;
    font-size: 3rem
}

.single-article .single_post_meta:not(.bottom) .meta-cat {
    top: 1px
}

.single-article .single_post_meta.bottom {
    margin-bottom: 60px
}

.single-article .single_post_meta.bottom .meta-cat {
    padding-left: 25px;
    display: block;
    text-align: left
}

.single-article .single_post_meta.bottom .meta-cat::before {
    position: absolute;
    top: 7px;
    left: 0
}

.single-article .single_post_meta.bottom .meta-cat .item-link {
    margin: 0 15px 15px 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: 30px
}

.single-article .single_post_meta .meta-cat {
    position: relative
}

.single-article .single_post_meta .meta-cat .item-link {
    padding: 2px 8px;
    border: 1px solid
}

.single-article .single_post_meta .loop-share-num {
    margin-bottom: 15px
}

.single-article .single_post_meta .loop-share-num .sitem {
    height: 30px;
    min-width: 70px;
    margin-right: 15px;
    border: 1px solid;
    vertical-align: top
}

.single-article .single_post_meta .loop-share-num .share-icon {
    color: #fff !important
}

.single-article .single_post_meta .loop-share-num .share-num {
    min-width: 40px
}

.single-article .single_post_meta .loop-share-num .dp_spinner {
    width: 40px;
    padding: 0
}

.single-article .single_post_meta .loop-share-num .bg-likes {
    border-color: #3b5998
}

.single-article .single_post_meta .loop-share-num .bg-likes .share-icon {
    background-color: #3b5998
}

.single-article .single_post_meta .loop-share-num .bg-likes .share-icon::after {
    border-color: transparent transparent transparent #3b5998
}

.single-article .single_post_meta .loop-share-num .bg-hatebu {
    border-color: #548acc
}

.single-article .single_post_meta .loop-share-num .bg-hatebu .share-icon {
    background-color: #548acc
}

.single-article .single_post_meta .loop-share-num .bg-hatebu .share-icon::after {
    border-color: transparent transparent transparent #548acc
}

.single-article .single_post_meta .loop-share-num .bg-tweets {
    border-color: #00abf1
}

.single-article .single_post_meta .loop-share-num .bg-tweets .share-icon {
    background-color: #00abf1
}

.single-article .single_post_meta .loop-share-num .bg-tweets .share-icon::after {
    border-color: transparent transparent transparent #00abf1
}

.single-article .single_post_meta .loop-share-num .bg-gplus {
    border-color: #e25c47
}

.single-article .single_post_meta .loop-share-num .bg-gplus .share-icon {
    background-color: #e25c47
}

.single-article .single_post_meta .loop-share-num .bg-gplus .share-icon::after {
    border-color: transparent transparent transparent #e25c47
}

.single-article .single_post_meta .loop-share-num .bg-pocket {
    border-color: #f23b52
}

.single-article .single_post_meta .loop-share-num .bg-pocket .share-icon {
    background-color: #f23b52
}

.single-article .single_post_meta .loop-share-num .bg-pocket .share-icon::after {
    border-color: transparent transparent transparent #f23b52
}

.single-article .single_post_meta .loop-share-num .bg-pinterest {
    border-color: #bd081c
}

.single-article .single_post_meta .loop-share-num .bg-pinterest .share-icon {
    background-color: #bd081c
}

.single-article .single_post_meta .loop-share-num .bg-pinterest .share-icon::after {
    border-color: transparent transparent transparent #bd081c
}

.single-article .single_post_meta .loop-share-num .bg-evernote {
    border-color: #2dbe60
}

.single-article .single_post_meta .loop-share-num .bg-evernote .share-icon {
    background-color: #2dbe60
}

.single-article .single_post_meta .loop-share-num .bg-evernote .share-icon::after {
    border-color: transparent transparent transparent #2dbe60
}

.single-article .single_post_meta .loop-share-num .bg-feedly {
    border-color: #87c040
}

.single-article .single_post_meta .loop-share-num .bg-feedly .share-icon {
    background-color: #87c040
}

.single-article .single_post_meta .loop-share-num .bg-feedly .share-icon::after {
    border-color: transparent transparent transparent #87c040
}

.single-article .single_post_meta .loop-share-num .bg-line {
    border-color: #50ca00
}

.single-article .single_post_meta .loop-share-num .bg-line .share-icon {
    background-color: #50ca00
}

.single-article .single_post_meta .loop-share-num .bg-line .share-icon::after {
    border-color: transparent transparent transparent #50ca00
}

.single-article .single_post_meta .loop-share-num.no-num .sitem {
    overflow: hidden
}

.single-article .single_post_meta .loop-share-num.no-num .sitem:hover .share-icon {
    width: 68px
}

.single-article .single_post_meta .loop-share-num.no-num .sitem:hover .share-icon::after {
    left: 68px
}

.single-article .single_post_meta .loop-share-num.no-num .share-icon,.single-article .single_post_meta .loop-share-num.no-num .share-icon::after {
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.single-article .single_post_meta .loop-share-num.no-num .share-icon {
    width: 60px
}

.single-article .single_post_meta .loop-share-num.no-num .share-icon::before {
    font-size: 16px;
    font-size: 1.6rem
}

.single-article .single_post_meta .loop-share-num.no-num .share-icon::after {
    left: 60px
}

.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
}

.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;
    font-weight: bold;
    border-bottom: 2px solid rgba(170,170,170,0.48);
    padding-bottom: 10px;
    margin: 30px 0 20px;
    clear: both
}

.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 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 ol ol,.entry ul ul,.dp_text_widget ol ol,.dp_text_widget ul ul,.textwidget ol ol,.textwidget ul ul {
    padding: 0;
    margin-left: 30px
}

.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,.dp_text_widget ol,.textwidget ol {
    counter-reset: item;
    list-style: none;
    margin-left: 30px
}

.entry ol li,.dp_text_widget ol li,.textwidget ol li {
    position: relative
}

.entry ol li::before,.dp_text_widget ol li::before,.textwidget ol li::before {
    content: counters(item,".");
    counter-increment: item;
    padding: 0;
    margin: auto 6px auto -30px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: inline-block;
    border-radius: 13px;
    text-align: center;
    font-size: 14px;
    vertical-align: middle;
    opacity: .74
}

.entry ol li ol li::before,.dp_text_widget ol li ol li::before,.textwidget ol li ol li::before {
    padding: 0 8px;
    width: auto
}

.excerpt_title_wid {
    line-height: 1.4;
    font-size: 13px;
    font-size: 1.3rem
}

.excerpt_title_wid a {
    font-weight: 600;
    text-decoration: none;
    display: block;
    padding: 8px 0 12px
}

.excerpt_title_wid a:hover {
    text-decoration: none
}

.dp-container .entry .excerpt_div .excerpt_title_wid a {
    font-weight: 600;
    text-decoration: none
}

.dp-container .entry .excerpt_div .excerpt_title_wid a:hover {
    text-decoration: none
}

.excerpt_div {
    display: inline-block;
    width: 100%;
    line-height: 1.4;
    vertical-align: middle
}

.excerpt_div.has_thumb {
    width: calc(100% - 130px)
}

.excerpt_div.has_thumb.rounded {
    width: calc(100% - 108px)
}

.wp-caption {
    max-width: 100%;
    margin: 12px auto 40px;
    padding: 5px;
    text-align: center;
    border-radius: 3px;
    -webkit-box-shadow: 0 6px 24px -16px;
    box-shadow: 0 6px 24px -16px
}

.wp-caption.alignnone {
    padding: 5px
}

.wp-caption img[class*="wp-image-"] {
    height: auto;
    margin: 0 auto
}

.wp-caption p {
    padding: 0;
    margin: 0
}

.wp-caption-text {
    padding: 10px 0 5px;
    margin: 0;
    font-size: 13.5px;
    font-size: 1.35rem
}

.dp_related_posts {
    position: relative;
    line-height: 1.4
}

.dp_related_posts ul {
    margin: 0;
    padding: 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;
    vertical-align: top;
    position: relative;
    letter-spacing: normal;
    overflow: hidden;
    cursor: pointer;
    font-size: 12px;
    font-size: 1.2rem
}

.dp_related_posts li::before {
    content: '';
    width: 0;
    display: none
}

.dp_related_posts h4 a {
    font-weight: bold
}

.dp_related_posts .meta-cat .item-link {
    vertical-align: top;
    padding: 0
}

.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 li:hover .thumb-link::before {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.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-cat {
    position: relative;
    margin-top: 10px;
    padding-top: 10px
}

.dp_related_posts.vertical.one-col li {
    width: 33.33%
}

.dp_related_posts.vertical li {
    width: 50%;
    padding: 10px 0;
    border-bottom: 3px double rgba(170,170,170,0.48)
}

.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 {
    margin-top: 8px
}

.dp_related_posts.vertical .meta-cat .item-link::before {
    content: "#";
    margin-right: 4px
}

.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: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
}

#switch_comment_type li {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
    letter-spacing: normal;
    border-bottom: 3px double rgba(170,170,170,0.48);
    text-align: center;
    padding: 0 20px;
    cursor: pointer
}

#comment_section .commentlist {
    list-style-type: none;
    margin: 10px 0 20px;
    border: none !important
}

#comment_section .commentlist p {
    font-size: 12px;
    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 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: 12px;
    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-meta {
    display: inline-block;
    width: calc(100% - 55px);
    vertical-align: top;
    margin-top: 6px;
    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 {
    position: relative;
    line-height: 2;
    border: 1px solid;
    text-decoration: none;
    z-index: 0
}

.navigation a:hover {
    text-decoration: none
}

.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;
    padding: 0 30px;
    line-height: 40px;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
    border: 0
}

.nav_to_paged a::before,.nav_to_paged a::after {
    width: 40px
}

.single-nav li {
    display: inline-block;
    width: 50%;
    height: 40px;
    line-height: 40px;
    vertical-align: top;
    font-size: 22px;
    font-size: 2.2rem
}

.single-nav li a {
    font-weight: bold
}

.single-nav li.left i {
    margin-right: 5px
}

.single-nav li.right {
    text-align: right;
    float: right
}

.single-nav li.right i {
    margin-left: 5px
}

.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 {
    position: relative;
    vertical-align: middle;
    height: 32px;
    min-width: 32px;
    line-height: 30px;
    margin: 0 4px;
    font-size: 11px;
    font-size: 1.1rem;
    white-space: nowrap;
    border: 1px solid;
    display: inline-block
}

.dp-pagenavi .dots {
    border: 0;
    margin: 0
}

.dp-pagenavi a {
    text-decoration: none !important
}

.dp-pagenavi a:hover {
    text-decoration: none !important;
    opacity: 1
}

.dp-pagenavi a.more-link {
    background-color: transparent
}

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: 5px;
    padding: 0 10px;
    line-height: 36px;
    font-size: 12px;
    font-size: 1.2rem
}

#pager-loading {
    position: relative;
    height: 40px;
    margin: 30px auto 0;
    text-align: center
}

#pager-loading.dp_spinner::before {
    font-size: 30px;
    line-height: 30px;
    margin: -15px auto auto -15px
}

.pager_msg_div {
    display: none;
    position: fixed;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 100
}

.pager_last_msg {
    width: 300px;
    padding: 30px 0;
    margin: 0 auto;
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem
}

ul.blocks-gallery-grid,.entry ul.blocks-gallery-grid {
    margin: 0 0 4em 0
}

ul.blocks-gallery-grid .blocks-gallery-item {
    padding: 0
}

ul.blocks-gallery-grid .blocks-gallery-item::before {
    content: none;
    display: none;
    border: 0
}

ul.blocks-gallery-grid .blocks-gallery-item img {
    margin: auto;
    padding: 0
}

div.gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    width: 100%;
    margin-bottom: 30px !important
}

div.gallery dl,div.gallery dt,div.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 {
    padding: 0 5px
}

dt.gallery-icon img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    border: none !important
}

dd.gallery-caption {
    position: relative;
    overflow: hidden;
    font-size: 12.5px;
    font-size: 1.25rem;
    line-height: 1.3;
    padding: 6px 0;
    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: 50px
}

.sidebar .widget-box {
    margin-bottom: 40px
}

.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;
    padding: 0;
    line-height: 1.8;
    position: relative
}

.widget-box li {
    padding-bottom: 10px
}

.widget-box li li {
    padding-left: 10px
}

.widget-box img {
    max-width: 100%;
    height: auto
}

.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 {
    position: relative;
    cursor: pointer;
    line-height: 1.52;
    min-height: 40px;
    padding: 10px 0;
    border-bottom: 3px double rgba(170,170,170,0.48);
    font-size: 12.5px;
    font-size: 1.25rem;
    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 .excerpt_div {
    line-height: 1.4;
    vertical-align: middle
}

ul.recent_entries li .excerpt_div.has_thumb {
    display: inline-block;
    width: calc(100% - 132px)
}

ul.recent_entries li a {
    text-decoration: none
}

ul.recent_entries li h4 a {
    font-weight: bold
}

ul.recent_entries li time {
    display: block;
    font-size: 10px;
    font-size: 1rem;
    margin-bottom: 8px
}

ul.recent_entries li .loop-share-num {
    margin: 5px 0 -8px
}

ul.recent_entries li .loop-share-num>div {
    font-size: 10px;
    font-size: 1rem;
    margin-right: 8px
}

ul.recent_entries li .loop-share-num .share-icon {
    margin-right: 4px
}

ul.recent_entries li .widget-views {
    font-size: 10px;
    font-size: 1rem;
    margin: 5px 0 0 5px;
    float: right
}

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)
}

.widget-post-thumb {
    position: relative;
    overflow: hidden;
    width: 120px;
    height: 80px;
    margin: 0 10px 0 0;
    display: inline-block;
    vertical-align: middle;
    background-color: rgba(0,0,0,0.1)
}

.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: 12.5px;
    font-size: 1.25rem
}

.widget_nav_menu li a,.widget_pages li a,.widget_categories li a {
    position: relative;
    display: block;
    line-height: 1.4;
    padding: 13px 0;
    text-decoration: none !important
}

.widget_nav_menu li a::after,.widget_pages li a::after,.widget_categories li a::after {
    position: absolute;
    bottom: -1px;
    right: 0;
    content: "";
    width: 100%;
    height: 2px
}

.widget_nav_menu li li a::before,.widget_pages li li a::before,.widget_categories li li a::before {
    font-size: 10px !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: 9px;
    font-size: .9rem
}

.widget_categories li.current-cat a:after {
    width: 100%
}

.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: 100%
}

.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;
    left: 0;
    width: 0;
    height: 0;
    border: 4px solid
}

#wp-calendar tbody td a:hover::before {
    width: calc(100% - 8px);
    height: calc(100% - 8px)
}

#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
}

.dp_feed_widget {
    margin: 0 auto;
    padding: 0;
    text-align: center
}

.dp_feed_widget li {
    display: inline-block;
    margin: 0 3.2% 10px
}

.dp_feed_widget li:first-of-type {
    margin-left: 0
}

.dp_feed_widget li:last-of-type {
    margin-right: 0
}

.dp_feed_widget a {
    position: relative;
    display: table-cell;
    width: 30px;
    height: 30px;
    font-size: 11px;
    font-size: 1.1rem;
    text-align: center;
    vertical-align: middle
}

.dp_feed_widget a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.dp_feed_widget i {
    position: relative;
    top: 1px;
    display: block
}

.dp_tab_widget_ul {
    overflow-x: scroll;
    white-space: nowrap;
    border-style: double;
    border-width: 3px 0;
    border-color: rgba(170,170,170,0.48)
}

.dp_tab_widget_ul li {
    position: relative;
    display: inline-block;
    line-height: 44px;
    padding: 0 5px 0 15px;
    margin: 0 5px 0 0;
    cursor: pointer;
    font-size: 12px;
    font-size: 1.2rem
}

.dp_tab_widget_ul li::before {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -3px;
    content: "";
    width: 6px;
    height: 6px;
    background-color: rgba(170,170,170,0.48)
}

.dp_tab_contents>div {
    display: none
}

#dp_fix_widget {
    max-width: 300px;
    z-index: 1
}

#footer {
    position: relative;
    padding: 60px 0 30px;
    text-align: center;
    margin: 0 auto
}

.ft-container {
    width: 1180px;
    margin: 0 auto
}

.ft-widget-content {
    display: table;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    letter-spacing: -1em
}

.ft-widget-content .widget-area {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    font-size: 13px;
    font-size: 1.3rem
}

.ft-widget-content .loop-section {
    margin: 0
}

.ft-widget-content .loop-section .loop-article {
    width: 100%
}

.ft-widget-content #wp-calendar tfoot td {
    background-color: transparent
}

.ft-widget-content .widget-box {
    position: relative
}

#footer_menu_ul {
    margin: 0 auto;
    padding: 40px 0;
    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 {
    display: inline-block;
    padding: 10px 4px;
    margin: 5px auto
}

#footer_menu_ul .menu-item::after {
    content: "|";
    display: inline-block;
    margin: 0 15px;
    -ms-transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg)
}

#footer_menu_ul .menu-item:last-child::after {
    display: none
}

#footer_menu_ul .menu-caption {
    display: none
}

#gotop {
    position: fixed;
    bottom: -40px;
    right: 30px;
    display: inline-block;
    width: 40px;
    height: 40px;
    font-size: 15px;
    font-size: 1.5rem;
    text-align: center;
    cursor: pointer
}

#gotop:hover::before {
    margin-top: 5px
}

#gotop::before {
    display: inline-block;
    margin-top: 10px
}

#gotop-ft {
    display: inline-block;
    border: 2px solid;
    padding: 0 30px;
    margin-bottom: 30px;
    line-height: 26px;
    font-weight: bold;
    font-size: 11px;
    font-size: 1.1rem;
    cursor: pointer
}

.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
}

.not-found #searchform {
    width: 260px;
    margin: 0 auto
}

.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: 13px;
    font-size: 1.3rem;
    font-weight: bold;
    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;
    font-family: Arial
}

.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;
    vertical-align: top
}

.loop-share-num .share-icon {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px
}

.loop-share-num .share-icon::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
}

.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
}

.woocommerce-page .entry ul.wc-tabs li::before {
    display: none
}

div.gm-style img {
    margin: auto;
    max-width: none
}

.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
}

#header-search {
    position: fixed;
    top: 25px;
    right: 20px;
    display: inline-block;
    z-index: 120
}

#header-search.scroll {
    top: 10px
}

#header-search::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.8);
    color: #fff;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    border-radius: 50px;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

#header-search .modal-trigger::before {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    border-radius: 15px;
    text-align: center;
    cursor: pointer;
    font-size: 14.5px;
    font-size: 1.45rem
}

.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
}

.search-modal-trigger {
    display: none
}

.search-modal-trigger:checked+#header-search::before,.search-modal-trigger:checked ~ .search-modal-window {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.search-modal-trigger:checked+#header-search::before {
    cursor: url("../img/cross.svg"),pointer;
    border-radius: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    z-index: 121
}

.search-modal-trigger:checked ~ .search-modal-window {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: translate(-50%,-50%) scale(1);
    -ms-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1)
}

.search-modal-window {
    position: fixed;
    top: 50%;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 130;
    -webkit-transform: translate(-50%,-50%) scale(1.1);
    -ms-transform: translate(-50%,-50%) scale(1.1);
    transform: translate(-50%,-50%) scale(1.1);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.search-modal-window .search-form {
    width: 90vw;
    margin-bottom: 0;
    color: #fff
}

.search-modal-window .search-form .words-area {
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 5px rgba(255,255,255,0.4);
    box-shadow: 0 0 0 5px rgba(255,255,255,0.4)
}

.search-modal-window .search-form .words-area input.search-field {
    color: #444
}

.search-modal-window .search-form .preset-words-area a.pword {
    background-color: rgba(255,255,255,0.64);
    color: #333
}

.search-modal-window .search-form .preset-words-area a.pword:hover {
    background-color: #fff;
    color: #333
}

.search-modal-window .search-form .submit-area button.search-btn {
    background-color: #fff;
    color: #333
}

.search-modal-window .search-form .scrollable::-webkit-scrollbar-track {
    background-color: rgba(255,255,255,0.08)
}

.search-modal-window .search-form .scrollable::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,0.32)
}

.search-modal-window #dp_hd_gcs {
    width: 90vw;
    max-width: 680px
}

.search-modal-window form.gsc-search-box {
    -webkit-box-shadow: 0 0 0 5px rgba(255,255,255,0.4);
    box-shadow: 0 0 0 5px rgba(255,255,255,0.4)
}

.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
}

body.home .sort-form-area {
    border: 0
}

.author_info {
    font-size: 13px;
    font-size: 1.3rem;
    margin-top: 40px
}

.author_info .author_col {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 20px
}

.author_info .author_col.one {
    width: 130px
}

.author_info .author_col.two {
    width: calc(100% - 130px);
    margin: 20px 0
}

.author_info .author_img {
    width: 100px;
    height: 100px
}

.author_info .author_roles span {
    padding: 5px 0;
    font-weight: bold
}

.author_info .author_roles span:not(:last-of-type) {
    margin-right: 15px
}

.author_info .author_org {
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem
}

.author_info .author_role {
    display: inline-block;
    font-size: 13px;
    font-size: 1.3rem
}

.author_info .author_role::before {
    content: "/";
    display: inline-block;
    margin-right: 15px
}

.author_info .author_name {
    display: block;
    font-size: 15.5px;
    font-size: 1.55rem
}

.author_info .author_desc {
    line-height: 1.6
}

.author_info .author_desc::before {
    content: '';
    display: block;
    margin-bottom: 15px;
    height: 1px;
    opacity: .4
}

.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: 36px;
    width: 36px;
    margin: 0 10px;
    border: 1px solid
}

.author_info .author_sns a:hover {
    opacity: .8
}

.author_info .author_sns i::before {
    display: block;
    line-height: 34px;
    margin: 0;
    font-size: 17px;
    font-size: 1.7rem
}

.author_info .author_sns .sns_follow {
    display: inline-block;
    line-height: 36px;
    vertical-align: top;
    margin-right: 10px
}

.author_info .dp_related_posts {
    position: relative;
    margin: 10px 0 30px
}

.author_info .dp_related_posts.horizontal ul {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0
}

.author_info .dp_related_posts .excerpt_div.has_thumb {
    width: 100%
}

.author_info .meta-date {
    margin-bottom: 20px
}

.author_info .more-entry {
    margin-top: 10px;
    text-align: right
}

.author_info .more-entry .more-entry-link {
    display: inline-block;
    padding: 11px 12px;
    font-size: 12.5px;
    font-size: 1.25rem
}

.author_info .more-entry .more-entry-link:hover {
    opacity: .8
}

.author_img {
    position: relative;
    display: inline-block
}

.author_img img.avatar {
    position: relative;
    width: 100%;
    height: auto;
    vertical-align: middle;
    z-index: 1;
    padding: 4px;
    border: 2px solid rgba(170,170,170,0.48)
}

.author_img img.avatar:hover {
    border-radius: 50%
}

.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
}

body.woocommerce .entry,.entry>.woocommerce {
    padding-top: 80px
}

.header-banner-inner .bx-wrapper,.header-banner-inner .bx-viewport,.header-banner-inner .bx-viewport .slide,.header-banner-inner .loop-slider {
    height: 100% !important
}

.header-banner-inner.hd_img,.header-banner-inner .bx-viewport .sl-img {
    background-size: cover;
    background-position: 50%
}

.hd_slideshow {
    height: 100%
}

.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    *zoom:1;z-index: 0
}

.bx-wrapper .wp-post-image {
    display: block
}

.bx-viewport {
    z-index: 0
}

.bx-viewport .slide {
    height: 100%
}

.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 .slide .sl-img {
    width: 100%;
    height: 100%
}

.bx-viewport .slide .loop-meta {
    position: fixed;
    top: 45%;
    width: 100%;
    margin: 0 auto
}

.bx-viewport .slide .sl-date {
    margin-bottom: 20px;
    font-size: 14px;
    font-size: 1.4rem
}

.bx-viewport .slide .loop-title {
    margin-bottom: 60px
}

.bx-viewport .slide .sl-title {
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: bold
}

.bx-viewport .slide .loop-cat {
    position: relative;
    padding-top: 25px;
    font-size: 16px;
    font-size: 1.6rem
}

.bx-viewport .slide .loop-cat a {
    font-weight: bold;
    border: 3px solid;
    padding: 10px 15px
}

.bx-pager {
    text-align: center
}

.bx-pager .bx-pager-item {
    display: inline;
    margin: 0 5px
}

.bx-pager .bx-pager-item a {
    width: 10px;
    height: 10px;
    cursor: pointer;
    text-indent: -9999px
}

.bx-controls {
    position: absolute;
    top: 80px;
    right: 5px
}

.bx-controls-direction {
    position: relative;
    height: 30px;
    margin-bottom: 15px
}

.bx-controls-direction a {
    height: 30px;
    width: 60px;
    display: inline-block;
    cursor: pointer
}

.bx-controls-direction a.bx-next {
    margin-right: -10px
}

.bx-controls-direction a.bx-prev {
    margin-left: -10px
}

.bx-controls-direction a i {
    display: inline-block;
    position: relative;
    top: 0;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px
}

.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;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 5px;
    width: 100%;
    border: 1px solid
}

.pace .pace-progress {
    -ms-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    max-width: 100%;
    z-index: 2000;
    display: block;
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    width: 100%
}

.pace .pace-progress[data-progress-text="0%"]:after {
    right: -100px
}

.pace .pace-progress[data-progress-text="1%"]:after {
    right: -80px
}

.pace .pace-progress[data-progress-text="2%"]:after {
    right: -60px
}

.pace .pace-progress[data-progress-text="3%"]:after {
    right: -40px
}

.pace .pace-progress[data-progress-text="4%"]:after {
    right: -20px
}

.pace .pace-progress:after {
    display: block;
    position: fixed;
    bottom: -80px;
    right: 0;
    content: attr(data-progress-text);
    font-family: "Helvetica Neue","Yu Gothic","Meiryo",sans-serif;
    font-weight: 100;
    font-size: 50px;
    font-size: 5rem;
    line-height: 1;
    color: rgba(0,0,0,0.2)
}

.pace.pace-inactive {
    display: none
}

.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 silver;
    background: #f9f9f9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.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
}

[class^="animate-"],[class*=" animate-"] {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate-shadow,.animate-rotate,.animate-zoom-in,.animate-zoom-out {
    -webkit-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.animate-swing,.animate-bounce,.animate-wobble,.animate-wiggle,.animate-pulse {
    position: relative;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.animate-shake {
    position: relative;
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@keyframes dp_shake {
0 {
    left: 10px;
    top: 10px
}

10% {
    left: 15px;
    top: 0
}

20% {
    left: 0;
    top: 15px
}

30% {
    left: 10px;
    top: 0
}

40% {
    left: 30px;
    top: 8px
}

50% {
    left: 10px;
    top: 0
}

60% {
    left: 20px;
    top: -5px
}

70% {
    left: 15px;
    top: 3
}

80% {
    left: 0;
    top: 10px
}

90% {
    left: 12px;
    top: 2px
}

100% {
    left: 0;
    top: -5px
}
}

@-webkit-keyframes dp_shake {
0 {
    left: 10px;
    top: 10px
}

10% {
    left: 15px;
    top: 0
}

20% {
    left: 0;
    top: 15px
}

30% {
    left: 10px;
    top: 0
}

40% {
    left: 30px;
    top: 8px
}

50% {
    left: 10px;
    top: 0
}

60% {
    left: 20px;
    top: -5px
}

70% {
    left: 15px;
    top: 3
}

80% {
    left: 0;
    top: 10px
}

90% {
    left: 12px;
    top: 2px
}

100% {
    left: 0;
    top: -5px
}
}

.animate-shake:hover {
    -webkit-animation-name: dp_shake;
    -moz-animation-name: dp_shake
}

.animate-rotate:hover {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1)
}

.animate-zoom-in:hover {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15)
}

.animate-zoom-out:hover {
    -webkit-transform: scale(0.85);
    -moz-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)
}

@keyframes dp_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_bounce {
0,20%,50%,80%,100% {
    -webkit-transform: translateY(0)
}

40% {
    -webkit-transform: translateY(-30px)
}

60% {
    -webkit-transform: translateY(-15px)
}
}

.animate-bounce:hover {
    -webkit-animation-name: dp_bounce;
    animation-name: dp_bounce
}

@keyframes dp_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_swing {
    20%,40%,60%,80%,100% {
        -webkit-transform-origin: top center
    }

    20% {
        -webkit-transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg)
    }

    100% {
        -webkit-transform: rotate(0)
    }
}

.animate-swing:hover {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: dp_swing;
    animation-name: dp_swing
}

@keyframes dp_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_wobble {
0 {
    -webkit-transform: translateX(0)
}

15% {
    -webkit-transform: translateX(-25%) rotate(-5deg)
}

30% {
    -webkit-transform: translateX(20%) rotate(3deg)
}

45% {
    -webkit-transform: translateX(-15%) rotate(-3deg)
}

60% {
    -webkit-transform: translateX(10%) rotate(2deg)
}

75% {
    -webkit-transform: translateX(-5%) rotate(-1deg)
}

100% {
    -webkit-transform: translateX(0)
}
}

.animate-wobble:hover {
    -webkit-animation-name: dp_wobble;
    animation-name: dp_wobble
}

@keyframes dp_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_wiggle {
0 {
    -webkit-transform: skewX(9deg)
}

10% {
    -webkit-transform: skewX(-8deg)
}

20% {
    -webkit-transform: skewX(7deg)
}

30% {
    -webkit-transform: skewX(-6deg)
}

40% {
    -webkit-transform: skewX(5deg)
}

50% {
    -webkit-transform: skewX(-4deg)
}

60% {
    -webkit-transform: skewX(3deg)
}

70% {
    -webkit-transform: skewX(-2deg)
}

80% {
    -webkit-transform: skewX(1deg)
}

90% {
    -webkit-transform: skewX(0)
}

100% {
    -webkit-transform: skewX(0)
}
}

.animate-wiggle {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

.animate-wiggle:hover {
    -webkit-animation-name: dp_wiggle;
    animation-name: dp_wiggle
}

@keyframes dp_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)
}
}

@-webkit-keyframes dp_pulse {
0 {
    -webkit-transform: scale(1)
}

50% {
    -webkit-transform: scale(1.1)
}

100% {
    -webkit-transform: scale(1)
}
}

.animate-pulse:hover {
    -webkit-animation-name: dp_pulse;
    animation-name: dp_pulse
}

.img {
    width: auto;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    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;
    z-index: 1;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    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: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

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 {
    -ms-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

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:1179px) {
    body {
        min-width:100%
    }

    .content-wrap,.widget-container .widget-box,.widget-container.liquid .widget-box,#dp_breadcrumb_nav,.ft-container {
        width: 100%
    }

    .widget-container .widget-box,.widget-container.liquid .widget-box {
        padding-right: 10px;
        padding-left: 10px
    }

    .content {
        width: calc(100% - 350px)
    }

    .single-article header .meta-date {
        position: relative;
        top: auto;
        left: auto;
        margin-bottom: 15px
    }
}

@media only screen and (min-width: 0) and (max-width:1100px) {
    .header_container,.content-wrap,#dp_breadcrumb_nav {
        padding-left:10px;
        padding-right: 10px
    }

    .header_container #expand_float_menu {
        display: inline-block
    }

    .header_container #global_menu_nav {
        position: fixed;
        top: 80px;
        left: 0;
        width: 100vw;
        display: none;
        height: auto
    }

    .header_container.scroll #global_menu_nav {
        top: 50px
    }

    #global_menu_ul .menu-item {
        float: none;
        width: 100%;
        height: auto;
        text-align: left
    }

    #global_menu_ul .menu-item.menu-item-has-children>.menu-link:before {
        content: ''
    }

    #global_menu_ul .menu-item:hover .menu-title.has_cap {
        opacity: 1;
        -webkit-transition: none;
        transition: none
    }

    #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 {
        -webkit-transition: none;
        transition: none;
        left: 20px
    }

    #global_menu_ul .menu-item .sub-menu {
        position: relative;
        top: 0 !important;
        width: auto;
        margin: 0 0 0 20px;
        display: none;
        opacity: 1;
        visibility: visible;
        -webkit-transition: none;
        transition: none;
        -webkit-box-shadow: none;
        box-shadow: 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
    }

    .ct-hd.page .hd-title {
        font-size: 34px;
        font-size: 3.4rem
    }

    .ct-hd .hd-title {
        font-size: 40px;
        font-size: 4rem
    }

    .content {
        float: none !important;
        margin-bottom: 40px;
        width: 100%
    }

    .sidebar {
        width: 100%;
        padding: 0
    }

    .sidebar.right {
        margin-left: auto
    }

    .widget-container .widget-box {
        padding: 0 10px
    }

    .recent_entries li {
        display: inline-block;
        width: 50% !important;
        padding-right: 14px
    }

    .loop-section.portfolio:not(.slider) .loop-article,.loop-section.magazine .loop-article {
        width: 49% !important
    }

    .loop-section.portfolio:not(.slider).pt1 .loop-article {
        width: 50% !important
    }

    .dp_related_posts.vertical li {
        width: 50% !important
    }

    .ft-widget-content .widget-area {
        display: block;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 10px !important
    }
}

@media only screen and (min-width: 0) and (max-width:800px) {
    .mq-hide800 {
        display:none
    }

    .mq-show800 {
        display: block
    }
}

@media only screen and (min-width: 0) and (max-width:768px) {
    .header-banner-content header #banner_title {
        font-size:45px;
        font-size: 4.5rem
    }

    .header-banner-content header #banner_caption {
        font-size: 14px;
        font-size: 1.4rem
    }

    .ct-hd.page .hd-title {
        font-size: 28px;
        font-size: 2.8rem
    }

    .ct-hd .hd-title {
        font-size: 35px;
        font-size: 3.5rem
    }

    .ct-hd .title-desc {
        font-size: 13px;
        font-size: 1.3rem
    }

    .loop-section.normal .loop-article .loop-title {
        font-size: 16px !important
    }

    .loop-section.normal .loop-article .loop-excerpt {
        font-size: 12px !important
    }

    .loop-section.normal .loop-col.one {
        width: 44%;
        margin-right: 4%
    }

    .loop-section.normal .loop-col.two {
        width: 52%
    }

    .loop-sec-header h1,.inside-title,.single-article header .single-title,#reply-title {
        font-size: 22px;
        font-size: 2.2rem
    }

    .loop-sec-header h1>span,.inside-title>span,#reply-title>span {
        margin: auto 10px
    }

    .single-article .single_post_meta .loop-share-num .sitem {
        margin-bottom: 15px
    }

    .entry h1,.dp_text_widget h1,.textwidget h1 {
        font-size: 28px;
        font-size: 2.8rem
    }

    .entry h2,.dp_text_widget h2,.textwidget h2 {
        font-size: 25px;
        font-size: 2.5rem
    }

    .entry h3,.dp_text_widget h3,.textwidget h3 {
        font-size: 22px;
        font-size: 2.2rem
    }

    .entry h4,.dp_text_widget h4,.textwidget h4 {
        font-size: 20px;
        font-size: 2rem
    }

    .entry h5,.dp_text_widget h5,.textwidget h5 {
        font-size: 17px;
        font-size: 1.7rem
    }

    .entry h6,.dp_text_widget h6,.textwidget h6 {
        font-size: 14px;
        font-size: 1.4rem
    }

    .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
    }

    .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:750px) {
    .mq-hide750 {
        display:none
    }

    .mq-show750 {
        display: block
    }
}

@media only screen and (min-width: 0) and (max-width:700px) {
    .mq-hide700 {
        display:none
    }

    .mq-show700 {
        display: block
    }
}

@media only screen and (min-width: 0) and (max-width:667px) {
    .loop-section.portfolio:not(.slider) .loop-article,.loop-section.portfolio.pt1:not(.slider) .loop-article,.loop-section.magazine .loop-article {
        width:100% !important
    }

    .recent_entries li {
        width: 100% !important;
        padding-right: 0 !important
    }

    #gotop {
        right: 10px
    }
}

@media only screen and (min-width: 0) and (max-width:650px) {
    .mq-hide650 {
        display:none
    }

    .mq-show650 {
        display: block
    }
}

@media only screen and (min-width: 0) and (max-width:600px) {
    .mq-hide600 {
        display:none
    }

    .mq-show600 {
        display: block
    }
}

@media only screen and (min-width: 0) and (max-width:568px) {
    .header-banner-content header #banner_title {
        font-size:36px;
        font-size: 3.6rem
    }

    .header-banner-content header #banner_caption {
        font-size: 13px;
        font-size: 1.3rem
    }

    .loop-section.normal .loop-article .loop-title {
        font-size: 20px !important
    }

    .loop-section.normal .loop-article .loop-excerpt {
        font-size: 13px !important
    }

    .loop-section.normal .loop-col.one {
        display: block;
        width: 100%;
        margin-right: 0
    }

    .loop-section.normal .loop-col.two {
        width: 100%
    }

    .dp_related_posts.vertical li {
        width: 100% !important;
        padding: 10px 0 !important;
        margin: 0
    }

    .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:550px) {
    .mq-hide550 {
        display:none
    }

    .mq-show550 {
        display: block
    }
}

@media only screen and (min-width: 0) and (max-width:500px) {
    .mq-hide500 {
        display:none
    }

    .mq-show500 {
        display: block
    }
}

@media only screen and (min-width: 0) and (max-width:480px) {
    .mq-show {
        display:block
    }

    .mq-hide {
        display: none
    }

    .fbpluginrecommendationsbarright,.fbpluginrecommendationsbarleft {
        display: none !important
    }
}
