@charset "utf-8";
/*********************************************************************************************

Theme Name: kwt
Theme URI: https://www.koreaworldtimes.com/
Version: 1.0
Private: 
Author: KOREA WORLD TIMES
Author URI: https://www.koreaworldtimes.com/
Description: This theme for KOREA WORLD TIMES 
Tags:  KOREA news
License: anli-d
License URI: http://www.anli-d.com/

**********************************************************************************************

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file.

From WPZOOM theme 

**********************************************************************************************

1.  Toolbox CSS
2.  Global Styles
3.  Navigation
4.  News Ticker
5.  Featured Slider
6.  Layout
7.  Archive posts
8.  Single posts
9.  Comments
10. Sidebar & Widgets
11. Footer


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

1. Toolbox CSS

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

/*! Youtubeレスポンシブ */
.youtube {
width:100%;
padding-bottom: 56.25%;
height:0px;
position: relative;
}
.youtube iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*! ランキング表示 */
ol.sga-ranking li {
    padding-bottom: 10px;
    letter-spacing: 0.2px;
    border-bottom: 1px dotted black;
	padding-top: 7px;
}

.sga-ranking-list-1::marker {
    color: gold;
    font-weight: bold;
    font-size: 1.5rem;
}

.sga-ranking-list-2::marker {
    font-weight: bold;
    font-size: 1.5rem;
}

.sga-ranking-list-3::marker {
    font-weight: bolder;
    font-size: 1.5rem;
}

li.sga-ranking-list {
    color: darkgray;
}

.sga-ranking-list figure {
    float: right;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 8px;
    width: 65px; /* 画像の横の長さ。自由に変更可 */
    height: 45.5px; /* 画像の縦の長さ。自由に変更可 */
    overflow: hidden;
}
.sga-ranking-list {
    margin: 0.8rem 0;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid #e1e1e1;
    text-align: left;
}

.sga-ranking p {
    display: inline;
    font-size: 1.45rem;
}

.sga-ranking-list::after {
    clear: both;
    content: "";
    display: block;
}
/*
.sga-ranking-list:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
*/
.sga-ranking-list figure a {
    display: inline;
}
.sga-ranking-list a {
    overflow: hidden;
    line-height: 1.4;
}
/*! Google Adsense */

.google_ad_mob{
    display: none;
    margin-bottom:0px;
}

@media screen and (max-width: 768px){
.google_ad_mob{
    display: block;
    margin-bottom:15px;
}
}

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html { font-family:'メイリオ',Meiryo,'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',"MS P Gothic", "ＭＳ Ｐゴシック",Osaka, arial, helvetica, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none }
a { background: transparent }
a:active, a:hover { outline: 0 }
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: bold }
dfn { font-style: italic }
h1 { font-size: 2em; margin: 0.67em 0; }
mark { background: #ff0; color: #000; }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em }
sub { bottom: -0.25em }
img { border: 0 }
svg:not(:root) { overflow: hidden }
figure { margin: 1em 40px }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto }
code, kbd, pre, samp { font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible }
button, select { text-transform: none }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto }
optgroup { font-weight: bold }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0 }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input, button, select, textarea { font-size: inherit; line-height: inherit; }
figure { margin: 0 }
img { vertical-align: middle }
hr { border: 0; border-top: 1px solid #ccc; }
.sr-only, .screen-reader-text { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
p { margin: 0 0 10px }
small { font-size: 85% }
mark { padding: 0.2em }
ul, ol { list-style-position: inside; margin: 0; padding: 0; }
ul ul, ol ol, ul ol, ol ul { margin: 0 }
dl { margin-top: 0; margin-bottom: 20px; }
dt, dd { line-height: 1.42857 }
dt { font-weight: bold }
dd { margin-left: 0 }
blockquote:before, blockquote:after { content: "" }
address { margin-bottom: 20px; font-style: normal; line-height: 1.42857; }
code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; }
kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 2px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: #333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; }
pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; }
.sticky, .bypostauthor { }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both }
.clickable { cursor: pointer }

/* Smart clearfix */
.clear, .cleaner { clear: both; height: 0; overflow: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: 300; line-height: 1.1; color: #222; margin: 0; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; }
h1 small, h2 small, h3 small { font-size: 65% }
h4 small, h5 small, h6 small { font-size: 75% }
h1 { font-size: 36px }
h2 { font-size: 30px }
h3 { font-size: 24px }
h4 { font-size: 18px }
h5 { font-size: 14px }
h6 { font-size: 12px }


.floatleft { float: left; }
.floatright { float: right; }
.sticky, .bypostauthor {}

.aligncenter { display: block; clear:both; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin-right:15px; }
.alignright { float: right; margin-left:15px; }


label {
    display: block;
    margin-bottom: 10px;
    font-weight: 500;
}

input, textarea {
    padding: 8px 12px;
    font-size: 15px;
    font-weight: 300;
    background: white;
    border: 1px solid #e2e2e2;
    width: auto;
    border-radius: 3px;
    color: #444;
}

input[type=text],
textarea {
    -webkit-appearance: none;
}

input:focus,
textarea:focus {
    border-color: #1c5088;
    outline: 0;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    font-size: 16px;
    font-weight: 500;
    background-color: #1c5088;
    border: none;
    color: white;
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    cursor: pointer;
    background: #222;
}

.site-footer button:hover,
.site-footer input[type=button]:hover,
.site-footer input[type=reset]:hover,
.site-footer input[type=submit]:hover {
    cursor: pointer;
    background: #7792DD;
}

#subscribe-email input {
    padding: 8px 12px !important;
    float: left !important;
    width: 60% !important;
    margin-right: 5px !important;
}

/* Navigation */
div.navigation {margin: 70px auto 10px auto !important;position: relative;display: block;text-align: center;font-weight: normal;font-size: 16px;margin: 34px 0 40px 0;clear: both;}
div.navigation a {padding: 6px 12px !important;margin:0 4px;display: inline-block;-webkit-transition: all .25s ease-in-out !important;-moz-transition: all .25s ease-in-out !important;-o-transition: all .25s ease-in-out !important;transition: all .25s ease-in-out !important;border: 1px solid #e6e6e6 !important;border-radius: 3px;color: #666;}
div.navigation a:hover { background-color: #f2f2f2; }
div.navigation span span.current{padding: 6px 12px !important;margin:0 4px;font-weight: 500;border-radius: 3px;color: #fff !important;background: #1c5088 !important;display: inline-block;}
.home div.navigation span.current, 
.archive div.navigation span.current,
.search div.navigation span.current{
	padding: 6px 12px !important;margin:0 4px;font-weight: 500;border-radius: 3px;color: #fff !important;background: #1c5088 !important;display: inline-block;}
div.navigation a span.current {padding: unset !important;margin: unset;border-radius: unset;color: unset !important;background: unset !important;}
div.navigation span.pages { margin-right: 15px; display: none; }
div.navigation span.dots { color: #999; line-height: 100%; margin: 0 5px;}
div.navigation .alignleft, div.navigation .alignright { margin: 0 }
div.navigation .prev, div.navigation .next {padding: 6px 20px !important;border: 1px solid #e6e6e6 !important;color: #666 !important;border-radius: 3px;}
div.navigation .prev { left: 0 }
div.navigation .next { right: 0 }
@media screen and (max-width: 550px) {
div.navigation .prev, div.navigation .next{display:none;}
}

/* Hides navigation links and site footer when infinite scroll is active */
.infinite-scroll .navigation {
    display: none;
}


.infinite-scroll:not(.infinity-end):not(.neverending) #recent-posts {
    margin-bottom: 120px;
    position: relative;
}

.infinite-scroll .infinite-loader,
.infinite-scroll #infinite-handle {
    position: absolute;
    bottom: -90px;
    left: 49%;
}

.infinite-scroll.neverending .infinite-loader {
    bottom: -40px;
}

.infinite-scroll #infinite-handle {
    left: 0;
    right: 0;

    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}

.infinite-scroll #infinite-handle span {
    display: block;
    width: 100%;
    line-height: 50px;
    font-size: 18px;
    border-radius: 3px;
    background: #1c5088;
    color: #fff;
    font-weight: normal;
    -webkit-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
}


.infinite-scroll #infinite-handle span:hover {
    background: #19191a;
}

.infinite-scroll #infinite-handle span button {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}


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

2. Global Styles

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

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    color: #444;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.noscroll {
    position: fixed;
    overflow: hidden;
    width: 100%;
}

a {
    color: #1c5088;
    text-decoration: none;
}

a:hover, a:focus {
    color: #222;
    text-decoration: none;
}

.navbar-brand {
    vertical-align: middle;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
	display: table;
    height: 92px;
}
.navbar-brand h1 {  padding: 0px 7px; font-weight: bold; letter-spacing: 1px; line-height: 100%; display: table-cell; vertical-align: middle;}
.navbar-brand h1 a {color: #fff; }
.navbar-brand a { font-size: x-large; text-transform: uppercase; }
.navbar-brand a:hover { text-decoration: none; opacity: 0.8; }


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

3. Navigation

*********************************************************************************************/
.top-header {
    position: relative;
    z-index: 200;
    height: 100px;
    color: #fff;
    border-top: solid 8px #1c5088;
    border-bottom: solid 1px #eca2a6;
    background: #b52d34;
}
.main-navbar {display: inline-block; vertical-align: middle; margin-top: 5px; }

.navbar {
    position: relative;
    z-index: 200;
    color: #fff;
    border-bottom: solid 8px #1c5088;
    background: #b52d34;
}

.navbar .inner-wrap { width: 100%; max-width: 1200px; margin: 0 auto; padding: 5px; }

.navbar-header #menu-main-slide { display: none; }
.navbar-header {margin-top: 26px;}
.navbar:before, .navbar:after { content: " "; display: table; }
.navbar:after { clear: both }

.navbar a { color: #fff }

.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu li { position: relative }
.sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; }
.sf-menu > li { float: left }
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block }
.sf-menu a { display: block; position: relative; }
.sf-menu ul ul { top: 0; left: 100%; }
.sf-arrows .sf-with-ul:after { content: "\f347"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 12px/16px 'dashicons'; vertical-align: top; margin: 5px 0px 0 4px; }
.sf-arrows ul .sf-with-ul:after { content: "\f345"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 12px/22px 'dashicons'; float: right; vertical-align: top; margin: 2px 0 0 4px; }
.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white }

.navbar-toggle { display: none; position: absolute; right: 15px; padding: 9px 10px;   border-radius: 2px; background: #222; }
.navbar-toggle:hover { background: #333;  }
.navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background: #fff; }
.navbar-toggle .icon-bar + .icon-bar { margin-top: 4px }

.navbar-nav { position: relative; z-index: 100; }

.navbar-nav > li {margin: 10px 5px; padding: 0px 7px;}
.navbar-nav > li:hover {background: rgba(2, 79, 162, 0.3);}
.navbar-nav > li:last-child { margin-right: 0 }
.navbar-nav > li > ul:before { content: ''; position: absolute; bottom: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-bottom: 8px solid #fff; border-right: 8px solid transparent; border-left: 8px solid transparent; }

.navbar-nav a { padding: 5px 0; -webkit-transition: 0.2s ease all; -o-transition: 0.2s ease all; transition: 0.2s ease all; }
.navbar-nav a:hover { text-decoration: none;}
.navbar-nav ul { font-size: 14px; left: 50%; width: 220px; margin-top: 0; background: #fff; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); border-radius: 3px; -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.2); box-shadow: 0 2px 3px 0 rgba(0,0,0,.2); opacity:0.9;}
.navbar-nav ul a { color: #666; padding: 10px 15px; border-bottom: none; }
.navbar-nav ul a:hover { border-bottom: none; color: #19191a; }
.navbar-nav ul .current-menu-item a, .navbar-nav ul .current_page_item a, .navbar-nav ul .current_page_parent a { border-bottom: none; color: #fff; }
.navbar-nav ul ul { right: 100%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); margin-top: -3px; }

/*.navbar-nav .current-menu-item a,.navbar-nav .current_page_item a,.navbar-nav .current-menu-parent a { border-bottom: 1px solid #84c6f8;  }*/

.navbar-nav .current-menu-item ul a,
.navbar-nav .current_page_item ul a,
.navbar-nav .current-menu-parent ul a,
.navbar-nav .current_page_parent ul a { color: #666; border: none; }

.navbar-nav > li > a.sf-with-ul:hover { border-bottom: 1px solid rgba(255, 255, 255, 0) }

/* Search Form */
.navbar .search-form { position: relative; float: right; margin: 15px 0 0 15px; }
.navbar .search-form input { padding: 0; font-size: 15px; color: #686868; border: none; }
.navbar .search-form .search-field { padding: 5px 30px 5px 8px; border-radius: 2px; width: 132px; }
.navbar .search-form .search-submit { position: absolute; top: 8px; right: 8px; width: 15px; height: 15px; padding: 8px; background: url('images/search-icon.png'); text-indent: -9999px; }

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .navbar .search-form .search-submit {
        background: url('images/search-icon@2x.png') no-repeat;
        background-size: 16px 16px;
    }
}


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

4. News Ticker

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

#news-ticker {
    padding: 10px 0 16px;
    background: #19191a;
    color: #f9f9f9;
}

#news-ticker .inner-wrap {
    width: 100%;
    max-width: 1200px;
    height: 30px;
    margin: 0 auto;
    padding: 0 15px;
    font-size: 15px;
}

#news-ticker h3,
#news-ticker dt,
#news-ticker dd {
    line-height: 35px;
}

#news-ticker h3 {
    margin: 0 28px 0 0;
    float: left;
    font-size: 14px;
    font-weight: 500;
    color: #d9ebff;
    text-transform: uppercase;
}

#news-ticker .news-ticker-container {
    overflow: hidden;
	height: 32px;
}

#news-ticker dl {
    display: block;
    margin: 0;
}

#news-ticker dt, #news-ticker dd {
    display: block;
    float: left;
    margin: 0 5px;
    font-weight: 300;
}

#news-ticker dt {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
}

#news-ticker dd {
    margin-right: 50px;
}

#news-ticker dd a {
    color: #fff;
}

#news-ticker dd a:hover {
    color: #e2e2e2;
    text-decoration: none;
}


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

5. Featured Slider

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

#slider {
    margin: 0;
    overflow: hidden;
    position: relative;
    background: #19191a;
    height: 450px;
}

.empty-slider a,
#slider .more_link {
    color: #7bdeff;
}

.empty-slider a,
#slider .more-link:hover {
    color: #2fbbe9;
}


.empty-slider {
    max-width: 1200px;
    margin: 60px auto 40px;
    padding: 0 15px;
    color: #fff;
}

#slider .slides {
    white-space: nowrap;
    overflow: hidden;
}

#slider .slide {
    position: relative;
    display: inline-block;
    white-space: normal;
}

#slider .flickity-enabled .slide {
    display: block;
}

#slider .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

#slider .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.flickity-prev-next-button {
    display: block;
    position: absolute;
    z-index: 100;
    top:35%;
    height: 30%;
    background-color: rgba(0,0,0,0.3);
    padding: 2%;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.flickity-prev-next-button:hover { background-color: rgba(0,0,0,0.7); }
.flickity-prev-next-button.previous { left: 0; border-radius: 0 3px 3px 0; }
.flickity-prev-next-button.next { right: 0; border-radius: 3px 0 0 3px; }

.flickity-prev-next-button svg {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
}

.flickity-prev-next-button path {
    opacity: 0.4;
    fill: white;
}

.flickity-prev-next-button:hover path {
    opacity: 1;
}

#slider .slider-direction-nav a:focus { outline: 0; }
#slider .slider-direction-nav a:hover,
#slider .slider-direction-nav a:active { opacity: 1; }

.slides li .slide-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    color: #ffffff;
}

.slides li .slide-header {
    position: absolute;
    bottom: 35px;
    padding: 0 35px;
}

.slides li h3 {
    color: #fff;
    font-size: 38px;
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 15px;
}

.slides li h3 a { color: white; }

.slides li h3 a:hover {
    text-decoration: none;
    opacity: .9;
}

.slides li .entry-meta {
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    color: #ccc;
}

.slides li .entry-meta a {
    color: #ccc;
    padding-bottom: 4px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.slides li .entry-meta a:hover {
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,0.4);
}

.slides:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}


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

6. Layout

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

.site-main {
    max-width: 1200px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto 30px;
}

.blog .site-main,
.paged .site-main {
    padding-top: 40px;
}


.site-main:before,
.site-main:after { content: " "; display: table; }
.site-main:after { clear: both; }

.site-main > .section-title {
    font-size: 28px;
    font-weight: 100;
    text-transform: none;
    padding-top: 40px;
}

.site-widgetized-section {
    background-color: #fafafa;
    padding: 30px 0 0;
}

.site-widgetized-section .widgets {
    width: 100%;
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
    font-size: 0;
}

/* by default there are 4 widgets */
.site-widgetized-section .widgets .widget {
    width: 23%;
    margin-right: 2.6666%;

    display: inline-block;
    vertical-align: top;

    /* restore font size cleared because of inline-block */
    font-size: 16px;
}

.site-widgetized-section .widgets .widget:last-child,
.site-widgetized-section .widgets .widget:nth-child(4n + 4) { margin-right: 0; }

.site-widgetized-section .widgets-3 .widget { width: 32%; margin-right: 2%; }
.site-widgetized-section .widgets-3 .widget:last-child { margin-right: 0; }

.site-widgetized-section .widgets-2 .widget { width: 48%; margin-right: 4%; }
.site-widgetized-section .widgets-2 .widget:last-child { margin-right: 0; }

.site-widgetized-section .widgets-1 .widget { width: 100%; margin-right: 0; }

@media screen and (max-width: 979px) {
.site-header { display: none;}
.top-header {border-bottom: solid 8px #1c5088;}
.navbar-brand { height: 84px;}

}
@media screen and (max-width: 550px) {
.dout-550 { width: 63%;}
}
  
/*********************************************************************************************

7. Archive Posts

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

.recent-posts {
    float: left;
    width: 70%;
}

.breadcrumbs {
    padding: 20px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #eeeeee;
    color: #8d8d8d;
    font-size: 14px;
}

.breadcrumbs a {
    color: #5c97d6;
}


.widget .title,
.section-title {
    margin-bottom: 25px;
    color: #3d3d3d;
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #eeeeee;
}
.widget h3.title {
    margin-bottom: 10px;
    width: 100%;
}
.geodir_list_heading h3.title {
    margin-bottom: 8px;
}
.widget .title span,
.section-title > span {
    font-weight: bold;
    position: relative;
    display: inline-block;
    padding: 0px 0 11px;
}

.widget .title span:after,
.section-title > span:after {
    position: absolute;
    display: block;
    width: 100%;
    bottom: -1px;
    content: " ";
    border-bottom: 1px solid #b3b3b3;
}

#wpzoom-featured-cat-18 h3.title a {color: #b60b0b;font-weight: bold;}
#wpzoom-featured-cat-11 h3.title a {color: #1c5088;font-weight: bold;}
#wpzoom-featured-cat-12 h3.title a {color: #25710d;font-weight: bold;}

#wpzoom-featured-cat-18.widget .title span:after, .section-title > span:after {
    border-bottom: 1px solid #b60b0b;
}
#wpzoom-featured-cat-11.widget .title span:after, .section-title > span:after {
    border-bottom: 1px solid #1c5088;
}
#wpzoom-featured-cat-12.widget .title span:after, .section-title > span:after {
    border-bottom: 1px solid #25710d;
}
.section-title span.vcard:after {
    display: none;
}

.recent-posts .post:before,
.recent-posts .post:after { content: " "; display: table; }
.recent-posts .post:after { clear: both; }

.search .recent-posts .post,
.search .recent-posts .type-page {
    margin-bottom: 30px;
}

.recent-posts .post-thumb {
    float: left;
    margin-right: 15px;
}

.recent-posts .post-thumb img {
    border-radius: 2px;
}

.recent-posts .entry-body {
    overflow: hidden;
}

.entry-title {
    margin: 0 0 20px;
    font-size: x-large;
    font-weight: 400;
    line-height: 1.3;
}

.entry-title a {
    color: #1c5088;
}

.entry-title a:hover {
    color: #1c5088;
    text-decoration: none;
}


.entry-content:before,
.entry-content:after { content: " "; display: table; }
.entry-content:after { clear: both; }

.entry-content p {
    margin-bottom: 1em;
    line-height: normal;
}

.entry-content p:last-child {
    margin-bottom: 0
}

.entry-content img {
    max-width: 100%;
    height: auto;
}

.entry-meta {
    margin-bottom: 12px;
    color: #5c97d6;
    font-size: 14px;
}

.entry-meta span + span:before {
    content: " • ";
    color: #EEEEEE;
    margin: 0 3px;
}

.entry-meta a {
    color: #222;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 3px;
}

.entry-meta a:hover {
    color: #1c5088;
}

.more-link,
.more_link {
    display: table;
    margin: 20px 0 0;
}
i.fa.fa-chevron-circle-right {
    float: right;
    line-height: 1.5;
    padding-left: 2px;
}

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

8.  Single posts

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

.page .site-main > article,
.single .site-main > article {
    float: left;
    max-width: 770px;
    width: 65.8119%;
}

.page .site-main.full-width-page > article,
.single .site-main.full-width-page > article {
    float: none;
    max-width: 100%;
    width: 100%;
}

.page h1.entry-title,.single h1.entry-title,.archive h1.entry-title {font-size: 2em;font-weight: bold;color: #1c5088;}

.page .entry-info,
.single .entry-info {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.single .entry-cover img {
    width: 100%;
    margin-bottom: 30px;
}

.page .entry-category + .entry-date,
.single .entry-category + .entry-date {
    display: inline-block;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    margin-bottom: 20px;
    line-height: 1.3;
    font-weight: 400;
}

.entry-content img.alignnone,
.entry-content img.aligncenter,
.entry-content img.alignleft,
.entry-content img.alignright,
.entry-content img.attachment-fullsize {
    /*margin-bottom: 20px;*/
    max-width: 100%;
    height: auto;
}

.entry-content ul,
.entry-content ol {
    margin: 0 auto;
    display: block;
    text-align: center;
}

.entry-content li ul,
.entry-content li ol {
    margin-bottom: 0
}

.entry-content li {
    list-style-position: inside
}

.entry-content ul li {
    list-style-type: square
}

.entry-content ol li {
    list-style-type: decimal
}

.entry-content .shortcode-unorderedlist ul li,
.entry-content .shortcode-unorderedlist ul li ul {
    list-style-type: none
}

.entry-content blockquote {
    border-left: solid 3px #ddd;
    font-style: italic;
    font-size: 20px;
    margin: 45px 40px;
    padding: 0 0 0 40px;
}

.tag_list a {
    padding: 4px 9px;
    margin:4px;
    display: inline-block;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    color: #666;
    text-decoration: none;
    font-size: 14px;
}

.tag_list a:hover { background-color: #f2f2f2; }


/* [gallery] shortcode */
.entry-content .gallery .gallery-item {
    max-width: 150px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    margin: 10px;
}

.entry-content .gallery {
    clear: both;
    margin: auto;
    text-align: center;
}

.entry-content .gallery a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    opacity: 0.6;
    transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out;
}

.gallery img {
    width: 150px;
    height: auto;
}

/* Images align */
.entry-content .aligncenter,
div.aligncenter {
    display: block;
    clear: both;
    margin-left: auto;
    margin-right: auto;
}

.alignleft,
.entry-content .alignleft {
    float: left;
    margin-right: 15px;
}

.alignright,
.entry-content .alignright {
    float: right;
    margin-left: 15px;
}


/* Caption for images */
.entry-content .wp-caption {
    width: auto;
    text-align: center;
}

.entry-content .wp-caption img {
    background: none;
    margin: 0;
    border: 0 none;
    max-width: 100%;
    width: auto;
    height: auto;
}

.entry-content .wp-caption-text,
.gallery-caption {
    color: #868686;
    font-size: 14px;
    margin: 0;
    padding: 15px 0;
    text-align: center;
}

.entry-content .wp-caption.aligncenter {
    margin: 0 auto 15px
}

img.wp-smiley {
    border: none;
    padding: 0;
}

.single .entry-meta {
    float: left;
    margin: 10px 0 0;
}

#sidebar .entry-meta {
    float: none;
    margin: 0 0 10px;
}

.single .entry-footer {
     margin: 30px 0 0;

}

/* Sharing Buttons */
.single .share {
    float: right;
}

.single .share a {
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    padding: 6px 15px;
    border-radius: 2px;
    margin: 0 0 0 8px;
}

.single .share a.twitter {
    background: #3a93d8
}

.single .share a.facebook {
    background: #2e6cc8
}

.single .share a.gplus {
    background: #dd5042
}

.single .share a:before {
    content: "\f301";
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 20px/100% 'dashicons';
    vertical-align: top;
    margin: 0 8px 0 0;
}

.single .share a.facebook:before { content: "\f305";  }
.single .share a.gplus:before { content: "\f462";  }


.single .share a.twitter:hover {
    background: #59aef5
}

.single .share a.facebook:hover {
    background: #5084e4
}

.single .share a.gplus:hover {
    background: #fb6c59
}




/* Author Bio */
.single .post_author {
    margin-top: 35px;
    padding: 35px 0;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    font-size: 14px;
    color: #666;
}

.single .author-description {
    overflow: hidden;
}

.single .post_author .author-title {
    margin: 0 0 14px;
    font-size: 16px;
    font-weight: 300;
    color: #999;
}

.single .post_author .author-title a {
    color: #404040;
    font-weight: 500;
}

.single .post_author .author-title a:hover {
    color: #1c5088;
}

.single .post_author .author-bio {
    margin-bottom: 0;
}

.single .post_author > img {
    float: left;
    margin-right: 25px;

    -webkit-border-radius: 50%;
    border-radius: 50%;
}


/* Template: Archives */
.col_arch { border-bottom: 1px solid #eee; padding: 0 0 30px; margin: 0 0 30px; }
.col_arch  ul { margin: 0; }
.col_arch  a { font-weight: normal; text-decoration: none;}
.col_arch  ul li { width: 31%; float: left; margin: 0 1.5% 5px 0; list-style-type: none; }
.col_arch:last-child { border-bottom:none; }

/* Full-width post */
.recent-posts-full {
    float: none;
    width: 100%;
}

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

9.  Comments

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

#comments > h3 { text-transform: uppercase; position: relative; margin-top: 80px; font-size: 26px; font-weight: 500; padding-bottom: 32px; margin-bottom: 40px; border-bottom: 1px solid #EEEEEE; }

#respond > h3 {text-transform: uppercase;position: relative;margin-top: 0px;margin-bottom: 15px;font-size: 26px;font-weight: 500;}

.comment-notes { margin-bottom: 20px; font-style: italic; color: #999; }
.commentlist { list-style-type: none; padding: 0; }
.commentlist li { list-style-type: none }
.commentlist .children { margin: 30px 0 0 50px }
.commentlist .comment { margin-bottom: 44px; padding-bottom: 32px; position: relative; border-bottom: 1px solid #EEEEEE; }
.commentlist .children li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; margin-top: 30px; }
.comment .avatar { float: left; border-radius: 50%; margin-right: 28px; }
.comment-author:before,
.comment-author:after { content: " "; display: table; }
.comment-author:after { clear: both }
.comment-author .fn,
.comment-author .fn a { color: #404040; font-style: normal; font-weight: 500; font-size: 18px;}
.comment-author .fn a:hover { text-decoration: none; color: #1c5088; }
.comment-author .comment-meta { font-size: 14px; margin-top: 5px; }
.comment-author .comment-meta,
.comment-author .comment-meta a { color: #a2a2a2; }
.comment-author a.comment-reply-link,
.comment-author a.comment-edit-link { color: #1c5088 }
.comment-main { overflow: hidden; }
.comment-body { font-size: 16px; line-height: 28px; margin-top: 8px; }
#respond { margin-bottom: 85px }
#respond .form_fields p { margin-bottom: 24px; width: 33.33%; float: left; padding-left: 20px; }
#respond .form_fields p:first-child { padding-left: 0; }
#respond input { width: 100% }
#respond textarea { width: 100%; height: 150px; }
#respond #submit { width: auto; padding-left: 25px; padding-right: 25px; margin-top: 12px; }
#respond code { white-space: pre-wrap }
.form-allowed-tags { display: none }


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

10. Sidebar

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

#sidebar {
    float: right;
    width: 27%;
    display: block;
}

.widget {
    margin-bottom: 25px;
}

.widget ul {clear: both;margin: 0;line-height: 1.7;}
.gd-cptcats-widget,.widget ul {max-width: 340px;margin: 0 auto;}
.widget ul li { list-style-type: none;}
.widget ul ul { margin: 0; padding: 0; border-top: none; padding-left: 16px; padding-bottom: 10px; }
.widget ul ul li { border: none; }

.widget_search label { display: inline; }

.textwidget img {
    max-width: 100%;
    height: auto;
}


/* Social widget */
.wpzoomSocial li { margin:0 10px 10px 0; float:left; }
.wpzoomSocial li img { width: 32px; }


/* Twitter widget */
.zoom-twitter-widget li {
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-bottom: 1px solid #eee;
}

.zoom-twitter-widget time {
    display: block;
    margin: 5px 0 0;
    font-size: 12px;
    font-style: normal;
    text-transform: uppercase;
}

.zoom-twitter-widget .zoom-twitter-widget__follow-me {
    margin: 10px 0 0;
}


/* Tabbed Widget */
.tabberlive .tabbertabhide { display: none; }
.widget .tabbernav { margin-bottom: 30px; border-bottom: 1px solid #EEEEEE; }
.widget .tabbernav li { display: inline-block; color: #8d8d8d; }
.widget .tabbernav li a { display: inline-block; position: relative; padding: 0 0 30px; line-height: 1.1;  font-size: 16px; font-weight: 300; color: #8d8d8d; text-transform: uppercase; text-decoration: none; }
.widget .tabbernav li + li:before { content: "/"; margin: 0 10px; }
.widget .tabbernav li a:after { position: absolute; display: block; width: 100%; bottom: -1px; content: " "; border-bottom: 1px solid transparent; }
.widget .tabbernav li a:hover { color: #666; }
.widget .tabbernav .tabberactive a { color: #3d3d3d; font-weight: 500; }
.widget .tabbernav .tabberactive a:after { border-color: #b3b3b3; }
.widget .tabbertab .widgettitle { display: none; }

/* RSS Widget */
.widget_rss li { margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px solid #eee; }
.widget_rss .rsswidget { font-weight: bold; margin: 0 0 7px; font-size: 18px; }
.widget_rss .rss-date { display: block; font-size: 14px; margin: 5px 0; color: #999; }
.widget_rss .rssSummary { font-size: 14px; margin: 0 0 5px; }


/* Recent Posts  */
.widget .feature-posts-list br {display: none;}
.widget .feature-posts-list img { margin: 0 15px 0 0; float: left; }
.widget .feature-posts-list small { font-size: 14px; color: #acacac; margin: 0 0 5px; display: block; }
.widget .feature-posts-list .post-excerpt { display: block; overflow: hidden; }
.widget .feature-posts-list li { padding:0 0 15px; margin:0 0 15px; border-bottom: 1px solid #ebebeb; }
.widget .feature-posts-list li:last-child { margin: 0; border: none; padding: 0;}
.widget .feature-posts-list li h3 { line-height: 1.3; font-size: 18px; color: #3a3a3a; margin: 0 0 5px; }
.widget .feature-posts-list li a { color: #212426; }
.widget .feature-posts-list li a:hover { color: #1c5088;  }

.site-footer .widget .feature-posts-list li { border-bottom: 1px solid #333; }
.site-footer .widget .feature-posts-list li h3 {  color: #fff;}
.site-footer .widget .feature-posts-list li a { color: #7bdeff; }
.site-footer .widget .feature-posts-list li a:hover { color: #fff;  }


/* Calendar widget */
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; font-weight:bold;  font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #EFEEEE; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #E8E8E8; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }


/* Facebook Like Box */
div.fb-like.fb_iframe_widget {  width: 100% !important; }
.fb_iframe_widget { width: 100%!important }
.fb_iframe_widget span { width: 100%!important; }
.fb_iframe_widget span iframe { width: 100%!important; }


/* Featured Category Widget */
.wpzoom-featured-cat img {
    max-width: 100%;
    height: auto;
}

.wpzoom-featured-cat h3 {
    font-size: 22px;
    margin-bottom: 10px;
}

.wpzoom-featured-cat h4.entry-title {
    margin-bottom: 10px;
}

.wpzoom-featured-cat .right-col .entry-meta {
    margin: 0;
}

.wpzoom-featured-cat h3.title a {
    color: #222;
}

.wpzoom-featured-cat h3.title a:hover {
    color: #1c5088;
}

.wpzoom-featured-cat p {
    font-size: 14px;
    margin: 0;
}

.wpzoom-featured-cat .main-post {
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #eee;
}

.wpzoom-featured-cat .main-post img {
    margin: 0 0 15px;
}

.wpzoom-featured-cat .featured-list h4 {
    font-size: 18px;
}

.wpzoom-featured-cat .featured-list li {
    display: block;
    margin: 0 0 15px;
    padding: 0 0 15px;
    border-bottom: 1px solid #eee;
}

.wpzoom-featured-cat .featured-list li:last-child {
    border-bottom: none;
    margin:0;
    padding: 0;
}

.wpzoom-featured-cat .featured-list img {
    float: left;
    margin: 0 15px 0 0;
}


.site-footer .main-post {
    border-bottom: 1px solid #333;
}

.site-footer .featured-list li {
    border-bottom: 1px solid #333;
}

.site-footer .entry-meta a { border-color: #333; }


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

11. Footer

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

.site-footer {
    background: #1c5088;
    border-bottom: #b52d34;
    border-style: solid;
    border-width: 0px 0px 9px;
    color: #fff;
    font-size: 16px;
}
.site-footer a {
    color: #7bdeff;
}

.site-footer a:hover {
    color: #fff;
    text-decoration: none;
}

.footer-widgets {
    max-width: 1200px;
    margin: 0 auto;
    padding: 35px 15px 0px;
}

.footer-widgets:before,
.footer-widgets:after {
    content: " ";
    display: table;
}

.footer-widgets:after { clear: both }


.footer-widgets .column {
    float: left;
}

.footer-widgets.widget-columns-4 .column {
    width: 23%;
    margin-right: 2.6666%;
}

.footer-widgets.widget-columns-3 .column {
    width: 31%;
    margin-right: 3.5%;
}

.footer-widgets.widget-columns-2 .column {
    width: 48%;
    margin-right: 4%;
}

.footer-widgets.widget-columns-1 .column {
    width: 100%;
}

.footer-widgets.widget-columns-2 .column:nth-child(2n+2),
.footer-widgets.widget-columns-3 .column:nth-child(3n+3),
.footer-widgets.widget-columns-4 .column:nth-child(4n+4) {
    margin-right: 0;
}

.footer-widgets .widget {
    margin-bottom: 40px;
}

.footer-widgets .title {
    margin: 0 0 20px;
    border: none;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
}

.site-footer-separator { border-color: #b6b6b6 }

.site-info {
    max-width: 1200px;
    margin: 0 auto;
    padding: 5px 15px;
    color: #ffffff;
    font-size: 0.9em;
}

.site-info:before,
.site-info:after {
    content: " ";
    display: table;
}

.site-info:after { clear: both }

.site-info .copyright,
.site-info .designed-by {
    float: right;
    color: #fff;
}

.site-info .designed-by { text-align: right }



/* jQuery.mmenu CSS */
.mm-menu.mm-horizontal > .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; }
.mm-menu .mm-hidden { display: none }
.mm-wrapper { overflow-x: hidden; position: relative; }
.mm-menu, .mm-menu > .mm-panel { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 100; }
.mm-menu { background: inherit; display: block; overflow: hidden; padding: 0; }
.mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 100px 20px 20px; -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); }
.mm-menu > .mm-panel.mm-opened { -webkit-transform: translate(0%, 0); -moz-transform: translate(0%, 0); -ms-transform: translate(0%, 0); -o-transform: translate(0%, 0); transform: translate(0%, 0); }
.mm-menu > .mm-panel.mm-subopened { -webkit-transform: translate(-30%, 0); -moz-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); -o-transform: translate(-30%, 0); transform: translate(-30%, 0); }
.mm-menu > .mm-panel.mm-highest { z-index: 1 }
.mm-menu .mm-list { padding: 20px 0 }
.mm-menu > .mm-list { padding-bottom: 0 }
.mm-menu > .mm-list:after { content: ''; display: block; height: 40px; }
.mm-panel > .mm-list { margin-left: -20px; margin-right: -20px; }
.mm-panel > .mm-list:first-child { padding-top: 0 }
.mm-list, .mm-list > li { list-style: none; display: block; padding: 0; margin: 0; }
.mm-list { font: inherit; font-size: 14px; }
.mm-list a, .mm-list a:hover { text-decoration: none }
.mm-list > li { position: relative }
.mm-list > li > a, .mm-list > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; font-size: 16px; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0; }
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; width: 100%; position: absolute; bottom: 0; left: 0; }
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { width: auto; margin-left: 20px; position: relative; left: auto; }
.mm-list a.mm-subopen { background: rgba(3, 2, 1, 0); width: 40px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; z-index: 2; }
.mm-list a.mm-subopen:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; height: 100%; position: absolute; left: 0; top: 0; }
.mm-list a.mm-subopen.mm-fullsubopen { width: 100% }
.mm-list a.mm-subopen.mm-fullsubopen:before { border-left: none }
.mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { padding-right: 5px; margin-right: 40px; }
.mm-list > li.mm-selected > a.mm-subopen { background: transparent }
.mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span { padding-right: 45px; margin-right: 0; }
.mm-list a.mm-subclose { text-indent: 20px; padding-top: 30px; margin-top: -20px; }
.mm-list > li.mm-label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; padding-right: 5px; }
.mm-list > li.mm-spacer { padding-top: 40px }
.mm-list > li.mm-spacer.mm-label { padding-top: 25px }
.mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before { content: ''; border: 2px solid transparent; display: inline-block; width: 7px; height: 7px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-bottom: -5px; position: absolute; bottom: 50%; }
.mm-list a.mm-subopen:after { border-top: none; border-left: none; right: 18px; }
.mm-list a.mm-subclose:before { border-right: none; border-bottom: none; margin-bottom: -15px; left: 22px; }
.mm-menu.mm-vertical .mm-list .mm-panel { display: none; padding: 10px 0 10px 10px; }
.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after { border-color: transparent }
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel { display: block }
.mm-menu.mm-vertical .mm-list > li > a.mm-subopen { height: 40px }
.mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after { top: 16px; bottom: auto; }
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen { height: 25px }
html.mm-opened .mm-page { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) }
.mm-menu { background: #222; color: rgba(255, 255, 255, 0.6); }
.mm-menu .mm-list > li:after { border-color: rgba(0, 0, 0, 0.15) }
.mm-menu .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.3); }
.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3) }
.mm-menu .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.15) }
.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.1) }
.mm-menu .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.05) }
.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.05) }

.mm-page { box-sizing: border-box; position: relative; }
.mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; }
html.mm-opened { overflow: hidden; position: relative; }
html.mm-opened body { overflow: hidden }
html.mm-background .mm-page { background: inherit }
#mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; }
html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block }
.mm-menu.mm-offcanvas { display: none; position: fixed; }
.mm-menu.mm-current { display: block }
.mm-menu { width: 80%; min-width: 140px; max-width: 440px; }
html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); }
@media all and (max-width: 175px) {
html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); }
}
@media all and (min-width: 550px) {


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

.sub_list{display: none;}
.map_category{width: 365px; background: #fff;}
.cat_list_ul_2{display: none;}
.cat_list_ul_3{display: none;}
.geodir-popular-cat-list li{cursor: pointer;}

/*---------------------------*/
#geodir_wrapper{max-width: 1200px;padding: 0 15px;margin: 0 auto 30px;}
.geodir_full_page {display: grid; order: 2;}
.stick_trigger_container {width:  100%;-webkit-box-ordinal-group: 2;-ms-flex-order:2;-webkit-order:2;order:2;}
section#geodir_advance_search-2 {-webkit-box-ordinal-group: 1;-ms-flex-order:1;-webkit-order:1;order:1;width:  100%;}
.map_category{position: relative;top: 0;bottom: inherit;max-height: none !important;}
.post-type-archive-gd_place .map_background{float: left;max-width: 770px;width: 65.8119%;}
.geodir_map_container{overflow: hidden;}
.map-category-listing{ position: relative; width: auto;}
.post-type-archive-gd_place .map-category-listing-main{float: right;max-width: 370px;width: 29.0598%;/* margin-left: 30px; */}
.map-category-listing-main .geodir_toggle ul li{list-style-type: none;}
.fa-caret-down,.fa-caret-up{ margin-left: 5px; cursor: pointer; color: #444;}
.map_category label{color: #444;}
/* .post-type-archive-gd_place .geodir-breadcrumb{display: none;}*/
.post-type-archive-gd_place .geodir-common{display: none;} 
.map_category label {color: #1c5088;font-weight:normal;font-size: 16px;}
.map_category .sub_list label {font-size: 14px;}
.geodir_map_container .main_list img {height: 1.1em;vertical-align: -3px;}
ul.treeview.sub_list.main_list_inner_ul>li:first-child,ul.treeview.sub_list.sub_list_inner_ul>li:first-child {margin-top: -7px;}
ul.treeview.sub_list.main_list_inner_ul>li:last-child,ul.treeview.sub_list.sub_list_inner_ul>li:last-child {margin-bottom: 7px;}
.map-category-listing-main h2 {font-size: 30px;border-bottom: 1px solid #cc6167;padding-bottom: 15px;background-position: right bottom 3px;background-repeat: no-repeat;text-align: left;font-size: 16px;margin-bottom: 11px;}
.map_category {padding: 10px 0 0 0;}
.geodir-bubble_desc {
    padding: 0 12px;
}
.geodir-bubble_desc h5 {
    font-weight: bold;
    color: #3182b4;
    margin: 10px 0;
    line-height: 20px;
    border-bottom: 1px solid #3182b4;
}
@media all and (max-width: 632px) {
.map_category {width: auto;}
div#sticky_map_geodir_map_v3_home_map_2 {width:100%;max-width:632px;display: grid;}
.post-type-archive-gd_place .map_background {width:100%;max-width: 632px;margin-top:8px;webkit-box-ordinal-group: 3;-ms-flex-order:3;-webkit-order:3;order:3;}
.post-type-archive-gd_place .map-category-listing-main {max-width: 632px;width: 100%;margin-left: 0;-webkit-box-ordinal-group: 2;-ms-flex-order:2;-webkit-order:2;order:2;}
}

/*詳細MAP*/
ul.geodir-tabs-content {
    border: none;
}
.geodir-tabs h1,
.geodir_category_list_view li .geodir-addinfo,
/* .geodir_category_list_view li.geodir-gridview .geodir-post-img */ {
    display:none;
}
.geodir-tabs-content.entry-content>li {
    margin:0;
    width: 100%;
}
.gd-tab-list-title {
    font-size: 20px;
}
.gd-tab-list-title a,.geodir-tabs h3 a {
    text-decoration:none;
}
.geodir-tabs .entry-content ul,
.geodir-tabs .entry-content ol {
    margin: 0;
}
.geodir_category_list_view {
    padding: 0;
    margin: 0px;
}
.geodir-tabs h3,.geodir-tabs h3 a{
    line-height: 1em;
    font-size: 16px;
    text-align:center;
    color:#fff;
}
.geodir_category_list_view li{
    background:#a5bcd1 !important;
    display:block;
    padding: 5px 0;
    margin: 0;
}
.geodir_category_list_view li:hover{
    opacity:0.8;
}



/*詳細MAP‐未調整*/
#post_mapTab header.entry-header,
/* .geodir-common li#reviewsTab, */
/* .geodir-common p.geodir_post_taxomomies.clearfix, */
/* .geodir-common .geodir-pos_navigation.clearfix, */
.geodir-common .geodir_more_info.post_address /*Address: 咸鏡北道 清津市*/
/* .geodir-common .geodir-post-img, */
/* .geodir-common .geodir_thumbnail.geodir_lazy_load_thumbnail, */
/* .geodir-common .geodir-company_info.geodir-details-sidebar-social-sharing, */
/* .geodir-common .geodir-company_info.geodir-details-sidebar-user-links, */
/* .geodir-common section#categories-3, */
/* .geodir-common section#geodir_map_v3_listing_map-3, */
/* .geodir-common div#sticky_map_geodir_map_v3_listing_map_3, */
/* .geodir-common div#geodir_map_v3_listing_map_3_wrapper, */
/* .geodir-common div#sticky_map_geodir_map_v3_listing_map_3  */{
    display:  none;
}

.geodir-common .geodir-company_info .geodir_more_info {border-bottom: none;/* line-height: 0; */margin: 0;padding: 0;}
.geodir-common .geodir-company_info {border: none;margin-bottom: 0;padding: 0;}
.geodir-common .geodir-sidebar-right {float: left;width: auto;margin-left: 0;}


.geodir-common div#post_profile,
.geodir-common #geodir_wrapper .geodir_locations,
.geodir-common .stick_trigger_container {

}

.geodir-breadcrumb.clearfix {
    padding: 20px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #eeeeee;
    color: #8d8d8d;
}

.geodir-common div#gd-tabs {
    padding: 10px 0 10px 0;
    border-top: 1px #e1e1e1 solid;
    margin-top: 45px;
}

/*----------- 詳細MAP 1108*/
.single-gd_place .geodir-common{
    display: flex;
    position: relative;
}
.single-gd_place #geodir_content{
    order: 2;
    width: 100%;
}
.single-gd_place #gd-sidebar-wrapper {
    order: 1;
    position: absolute;
    top: 61px;
}
/*----------*/
.post-type-archive-gd_place #geodir_wrapper{
    display: grid;
}
.post-type-archive-gd_place .geodir-widget.widget_text{
    display: none;
}
.gd-cptcat-ul.gd-cptcat-parent.gd-cpt-flat li a{
    min-width: inherit;
}
li.gd-cptcat-li-main-inner{
    display: none;
}
li.gd-cptcat-li-main-inner ul li{
    font-size: 14px !important;
}
.gd-cptcat-row .gd-cptcat-li{
    padding: .25em 0 .25em 0;
    margin: 0 .25em;
}
.widget .gd-cptcat-row .gd-cptcat-title {
    display: none;
}
#sidebar ul li i.gd-cptcat-li-main_i{
    display: none;
}

.fl{float: left;}
.fr{float: right;}

.mapdetail{
  margin-top: 10px;
  display: block;
  font-weight: bold;
  text-decoration: underline;
}

input[type="checkbox"].group_selector{
  margin-right: 10px;
}
.geodir_toggle ul li{
  cursor: default !important;
}
.geodir_toggle ul li label{
  cursor: pointer;
}

.content_txt{
	/*height:36px;*/
	max-height: 36px;
    display: -webkit-box;
	-webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	overflow: hidden;
	line-height: 19px;
}
.single-gd_place .geodir-bubble_image,
.single-gd_place .content_txt,
.single-gd_place .mapdetail,
.post-type-archive-gd_place .content_address{display:none;}
/*.single-gd_place .content_address{margin-top: 7px;}*/
.single-gd_place .content_address .post_address{height: 50px;}
.single-gd_place .content_address br{display: none;}
.single-gd_place .content_address span{padding-right: 5px;}
#post_mapTab header.entry-header, .geodir-common .content_address .geodir_more_info.post_address{display:block;}
.gd-tab-list-title-box{border-bottom: 1px solid #eee; margin-bottom: 25px; padding-bottom: 2px;}
#post_profileTab .gd-tab-list-title-box{border-bottom: 0; margin-bottom: 14px; padding-bottom: 0;}
#related_listingTab .gd-tab-list-title-box{border-bottom: 0; margin-bottom: 0; padding-bottom: 0;}
#post_mapTab .entry-header{display:none !important;}

/* page top */
a#scroll-to-top.scroll-to-top-not-display {
    opacity: 0;
}
#scroll-to-top {
	position: fixed;
    z-index: 2147483647;
    bottom: 20px;
    right: 20px;
    background: rgba(0,0,0,0.75);
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding: 10px 10px;
    border-radius: 2px;
    opacity: 1;
    transition: opacity 1s;
}


/* ----------------------- Share button -------------------------- */


@font-face {
    font-family: 'design_plus';
    src: url('fonts/design_plus.eot?v=1.4');
    src: url('fonts/design_plus.eot?v=1.4#iefix') format('embedded-opentype'),
         url('fonts/design_plus.woff?v=1.4') format('woff'),
         url('fonts/design_plus.ttf?v=1.4') format('truetype'),
         url('fonts/design_plus.svg?v=1.4#design_plus') format('svg');
    font-weight: normal;
    font-style: normal;
}


[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "design_plus" !important;
  line-height: 1; font-style: normal; font-variant: normal; font-weight: normal; speak: none; text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}

.icon-feedly:before { content: "\e907"; }
.icon-hatebu:before { content: "\e908"; }
.icon-line:before { content: "\e909"; }
.icon-pocket:before { content: "\e90a"; }
.icon-google-plus:before { content: "\e900"; }
.icon-google-plus2:before { content: "\e901"; }
.icon-facebook:before { content: "\e902"; }
.icon-facebook2:before { content: "\e903"; }
.icon-twitter:before { content: "\e904"; }
.icon-rss:before { content: "\e90b"; }
.icon-rss2:before { content: "\e906"; }
.icon-pinterest:before { content: "\e905"; }


/*--------------------------------
Share Buttons
---------------------------------*/
.share-top {}
.share-btm {}


/*--------------------------------
share_top1（Style1）
---------------------------------*/
.share-type1 {width: 100%;margin-top: 60px;}
.share-type1 h2 { color: #666666; font-weight: 400; }
.share-type1 ul {list-style: none;margin: 0;padding: 0;text-align: left;}
.share-type1 li { display: inline-block; padding: 0; text-align: center; }
.share-type1 li > a:hover { -webkit-transform: translate3d(0, 1px, 0); transform: translate3d(0, 1px, 0); }
.share-type1 a { min-width: 27px; text-decoration: none; display: inline-block; margin: 0 5px 5px 0; font-size: 12px; font-weight: 400; color: #fff !important; background: #fafafa; border-radius: 2px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03); text-shadow: none; text-align: center; line-height: 25px; padding: 1px 5px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.share-type1 i { position: relative; top: 3px; color: #fff; font-size: 1.3em; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1); }
.share-type1 .ttl { margin: 0 3px 0 2px; text-align: center; line-height: 20px; }
.share-type1 .share-count { display: inline; font-size: 9px; color: #fff; padding: 0; line-height: 25px; margin: 0; border-radius: 0 1px 1px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 480px) {
  .share-type1 { width: 100%; margin:0 0 30px; }
  .share-type1 ul {}
  .share-type1 li > a span { display: none; }
  .share-type1 a { margin-right: 2px; }
  .share-type1 i { left: 1px; }
  .share-type1 .share-count { margin-left: 3px; }
}


/*--------------------------------
share_btm1（Style3）
---------------------------------*/
.share-type3 .sns { margin: 0 0 35px; text-align: center; }
#single_share_bottom .share-type3 .sns { margin:0 0 -15px; }
.share-type3 ul { margin: 0 -3% 3% 0; list-style: none; }
.share-type3 li { float: left; width: 47%; margin: 0 3% 1.5% 0; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.post .share-type3 ul li { list-style: none; background-image: none; padding: 0; }
.share-type3 ul li a { position: relative; display: block; top: 3px; font-size: 13px; padding: 10px 2px; color: #fff; border-radius: 2px; text-align: center; text-decoration: none; vertical-align: middle; }
.share-type3 ul li a i { position: relative; top: 3px; font-size: 140%; }
.share-type3 ul li a .ttl { margin: 0 3px 0 4px; display: inline-block; text-align: center; font-size: 12px; }
.share-type3 ul li a .share-count { position: absolute; bottom: -2px; right: 8px; font-size: 10px; padding: 0; line-height: 25px; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.share-type3 ul li a:hover { -webkit-transform: translate3d(0px, 2px, 1px); -moz-transform: translate3d(0px, 2px, 1px); transform: translate3d(0px, 2px, 1px); }

@media only screen and (min-width: 480px) {
  .share-type3 { width: 100%; margin: 20px 0 15px; }
  .share-type3 ul { margin-right: -1%; list-style: none; overflow: hidden; }
  .share-type3 li { width: 24%; margin: 0 1% 2% 0; }
  .share-type3 li a { font-size: 12px; padding: 10px 2px; }
  .share-type3 li:nth-child(4n) { margin-right: 0; }
}


/*------------- share_top1 & share_btm1 button_color -------------*/
/* Twitter */
.share-type1 .twitter a, .share-type3 .twitter a { background-color: #55acee; }
.share-type1 .twitter a:hover, .share-type3 .twitter a:hover { background-color: #468ec5; }

/* Facebook */
/*
.share-type1 ul li.twitter a, .share-type3 ul li.twitter a { color:#fff; background-color:#55acee; }
*/
.share-type1 ul li.facebook a, .share-type3 ul li.facebook a { background-color: #35629a; }
.share-type1 ul li.facebook a:hover, .share-type3 ul li.facebook a:hover { background-color: #1f3669; }

/* Google+ */
.share-type1 ul li.googleplus a, .share-type3 ul li.googleplus a { background-color: #dd4b39; }
.share-type1 ul li.googleplus a:hover, .share-type3 ul li.googleplus a:hover { background-color: #b94031; }
.share-type1 ul li.googleplus a i { top: 4px; }

/* Hatena */
.share-type1 ul li.hatebu > a, .share-type3 ul li.hatebu a {background-color: #00a4de;}
.share-type1 ul li.hatebu > a:hover, .share-type3 ul li.hatebu a:hover {opacity: 0.9;background-color: #00a4de;}

/* Pocket */
.share-type1 ul li.pocket a, .share-type3 ul li.pocket a { background-color: #ee4056; }
.share-type1 ul li.pocket a:hover, .share-type3 ul li.pocket a:hover { background-color: #c53648; }

/* rss */
.share-type1 ul li.rss a, .share-type3 ul li.rss a { background-color: #ffb53c; }
.share-type1 ul li.rss a:hover, .share-type3 ul li.rss a:hover { background-color: #e09900; }

/* Feedly */
.share-type1 ul li.feedly a, .share-type3 ul li.feedly a { background-color: #6cc655; }
.share-type1 ul li.feedly > a:hover, .share-type3 ul li.feedly > a:hover { background-color: #5ca449; }

/* Pinterest */
.share-type1 ul li.pinterest a, .share-type3 ul li.pinterest a { background-color: #d4121c; }
.share-type1 ul li.pinterest a:hover, .share-type3 ul li.pinterest a:hover { background-color: #a42f35; }


/*--------------------------------
share_top2（Style2）
---------------------------------*/
.share-type2 { width: 100%; /*margin:30px 0 15px;*/ }
.share-type2 h2 { color: #444; font-weight: 400; }
.share-type2 ul.type2 { margin: 0; padding: 0; list-style: none; }
.share-type2 ul.type2 li { display: inline-block; padding: 0; text-align: center; }
.share-type2 ul.type2 li a { text-decoration: none; display: inline-block; margin: 0 5px 5px 0; font-size: 12px; font-weight: 400; border-radius: 2px; color: #222 !important; text-align: center; background: #fafafa !important; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03); text-shadow: none; line-height: 25px; padding: 1px 5px 0; }
.share-type2 ul.type2 li a i { position: relative; top: 3px; color: #222; font-size: 1.3em; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1); }
.share-type2 ul.type2 li a .ttl { margin: 0 3px 0 2px; text-align: center; line-height: 20px; }
.share-type2 ul.type2 li a .share-count { color: #444; font-size: 9px; padding: 0; line-height: 25px; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.share-type2 ul.type2 li a:hover, .share-type2 ul.type2 li a:hover i, .share-type2 ul.type2 li a:hover .share-count { color: #fff !important; }
.share-type2 ul.type2 li a:hover { border-color: rgba(255, 255, 255, 0.1); }

@media screen and (max-width: 480px) {
  .share-type2 { width:100%; margin:0 0 30px; }
  .share-type2 ul.type2 { margin-bottom: 15px; }
  .share-type2 ul.type2 li a { margin-right: 2px; }
  .share-type2 ul.type2 li a i { left: 1px; }
  .share-type2 ul.type2 li > a span.ttl { display: none; }
  .share-type2 ul.type2 li a .share-count { margin-left: 3px; }
}


/*--------------------------------
share_btm2（Style4）
---------------------------------*/
.share-type4 .sns { margin: 0 0 35px; text-align: center; }
#single_share_bottom .share-type4 .sns { margin:0 0 -15px; }
.share-type4 ul.type4 { margin: 0 -3% 2% 0; list-style: none; }
.share-type4 ul.type4 li { float: left; width: 47%; margin: 0 3% 1.5% 0; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.post .share-type4 ul li { list-style: none; background-image: none; padding: 0; }
.share-type4 ul.type4 li a { position: relative; display: block; top: 5px; font-size: 13px; padding: 10px 2px; text-decoration: none; border-radius: 2px; color: #222 !important; text-align: center; background: #fafafa !important; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03); text-shadow: none; }
.share-type4 ul.type4 li a i { position: relative; top: 3px; font-size: 140%; color: #222 !important; }
.share-type4 ul.type4 li a .ttl { margin: 0 3px 0 4px; display: inline-block; text-align: center; font-size: 12px; }
.share-type4 ul.type4 li a .share-count {  position: absolute; bottom: -2px; right: 8px; font-size: 10px; padding: 0; line-height: 25px; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; color: #222 !important; }
.share-type4 ul.type4 li a:hover, .share-type4 ul.type4 li a:hover i, .share-type4 ul.type4 li a:hover .share-count { color: #fff !important; }

@media only screen and (min-width: 480px) {
  .share-type4 { width: 100%; margin: 20px 0 15px; }
  .share-type4 ul.type4 { margin-right: -1%; list-style: none; overflow: hidden; }
  .share-type4 ul.type4 li { width: 24%; margin: 0 1% 2% 0; }
  .share-type4 ul.type4 li a { font-size: 12px; padding: 10px 2px; }
  .share-type4 ul.type4 li:nth-child(4n) { margin-right: 0; }
}


/*------------- share_top2 & share_btm4 button_color -------------*/
/* Twitter */
.share-type2 ul.type2 li.twitter a, .share-type4 ul.type4 li.twitter a { color: #222 !important; background-color: #fafafa !important; }
.share-type2 ul.type2 li.twitter a:hover, .share-type4 ul.type4 li.twitter a:hover { color: #fff !important; background-color: #55acee !important; }

/* Facebook */
.share-type2 ul.type2 li.facebook a, .share-type4 ul.type4 li.facebook a { color: #222 !important; background-color: #fafafa !important; }
.share-type2 ul.type2 li.facebook a:hover, .share-type4 ul.type4 li.facebook a:hover { color: #fff !important; background-color: #35629a !important; }

/* Google+ */
.share-type2 ul.type2 li.googleplus a, .share-type4 ul.type4 li.googleplus a { color: #222 !important; background-color: #fafafa !important; }
.share-type2 ul.type2 li.googleplus a:hover, .share-type4 ul.type4 li.googleplus a:hover { color: #fff !important; background-color: #dd4b39 !important; }
.share-type2 ul.type2 li.googleplus a i, .share-type4 ul.type4 li.googleplus a i { top: 4px; }

/* Hatena */
.share-type2 ul.type2 li.hatebu a, .share-type4 ul.type4 li.hatebu a { color: #222 !important; background-color: #fafafa !important; }
.share-type2 ul.type2 li.hatebu a:hover, .share-type4 ul.type4 li.hatebu a:hover { color: #fff !important; background-color: #3c7dd1 !important; }

/* Pocket */
.share-type2 ul.type2 li.pocket a, .share-type4 ul.type4 li.pocket a { color: #222 !important; background-color: #fafafa !important; }
.share-type2 ul.type2 li.pocket a:hover, .share-type4 ul.type4 li.pocket a:hover { color: #fff !important; background-color: #ee4056 !important; }

/* rss */
.share-type2 ul.type2 li.rss a, .share-type4 ul.type4 li.rss a { color: #222 !important; background-color: #fafafa !important; }
.share-type2 ul.type2 li.rss a:hover, .share-type4 ul.type4 li.rss a:hover { color: #fff !important; background-color: #ff8c00 !important; }

/* Feedly */
.share-type2 ul.type2 li.feedly a, .share-type4 ul.type4 li.feedly a { color: #222 !important; background-color: #fafafa !important; }
.share-type2 ul.type2 li.feedly a:hover, .share-type4 ul.type4 li.feedly a:hover { color: #fff !important; background-color: #6cc655 !important; }

/* Pinterest */
.share-type2 ul.type2 li.pinterest a, .share-type4 ul.type4 li.pinterest a { color: #222 !important; background-color: #fafafa !important; }
.share-type2 ul.type2 li.pinterest a:hover, .share-type4 ul.type4 li.pinterest a:hover { color: #fff !important; background-color: #d4121c !important; }


/*--------------------------------
share_top5（公式ボタン）
---------------------------------*/
.sns_default_top { padding: 0; overflow: hidden; list-style: none; }
.sns_default_top ul li { display: inline-block; margin: 0 5px 3px 0; line-height: 1 !important; overflow: hidden; vertical-align: top; }
.sns_default_top ul li.twitter_button { width: 74px; }
.sns_default_top ul li.fbshare_button:hover { text-decoration: none; }
.sns_default_top ul li.google_button { width: 58px; }
.sns_default_top ul li.pocket_button { width: 88px; }

@media only screen and (max-width: 480px) {
 #single_share_top .share-type5 { margin-top:10px; }
 #single_share_bottom .share-type5 { margin-bottom:25px; }
 .single-info #single_share_top .share-type5 { margin-bottom:0; }
 .single-event #single_share_top .share-type5 { margin:50px 0 0; }
  .sns_default_top ul li { margin-bottom: 6px; }
  .sns_default_top ul li.twitter_button { margin-left: 0; }
}

/*--------------------------------
SideBar上部
---------------------------------*/
a.hatena-bbt {
    background: #00a4de;
}
.single .share a.hatena-bbt:before {
    content: none;
}