/*
Theme Name:     directory-child
Description:    Directory Multi-purpose Responsive WordPress Theme is an absolutely unique premium WordPress theme, it is the result of months and months of development and constant feedbacks from users and buyers. This theme is built in cooperation with you! Your users will never have access to the WordPress dashboard, everything is done on the front-end. You can, register, login, edit your profile, submit listings, and so much more from the front-end without having to visit the WordPress dashboard.
Author:         ChimpStudio
Template:       directory-theme

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

.cs-select-cat li {
    display: inline-block;
    margin: 0px;
    min-height: 55px;
    position: relative;
}

.page-section h3 {
margin: 20px 10px;
}
div#head-info-sec {
    padding-top: 15px;
    width: 310px;
    float: right;
    text-align: left;
}
.left-side {
    width: 100%;
}

.free_ad{
    padding-top: 15px;
    float: left;
    width:300px !important;
    position: left;
}

.clear {
  clear: both;
}
li.menu-item p {
    display: none;
}
.nav li a, .navigation ul li, .navigation > ul > li > a {
    font: Normal 12px "Raleway", sans-serif !important;
    text-align: center;
    border: solid 1px #eee;
    width: 125px;
}
.navigation ul li{
    margin: 1px;
}
.navigation ul li span {
    padding-top: 5px;
    display: block;
}
.main-navbar .right-side {
    float: none;
    text-align: center;
}
.navigation {
    float: none;
    margin-right: 0;
    display: inline-block;
}
.btn-sec {
    float: left;
    position: relative;
}
.tejyun-img {
    display: inline-block;
}
.hd-btn {
    margin: 5px 0 0 15px;
}
.main-navbar .cs-login-sec {
    margin: 3px 0px 10px 0px;
}
li#menu-item-4340{
    border: solid 1px #f5bf5d;
}
li#menu-item-4340:hover {
    background: url(/wp-content/uploads/2016/06/menu1.png) top no-repeat;
}
li#menu-item-4269{
    border: solid 1px #63c99a;
}
li#menu-item-4269:hover {
    background: url(/wp-content/uploads/2016/06/menu2.png) top no-repeat;
}
li#menu-item-4267{
    border: solid 1px #59cdf3;
}
li#menu-item-4267:hover {
    background: url(/wp-content/uploads/2016/06/menu3.png) top no-repeat;
}
li#menu-item-4266{
    border: solid 1px #f193be;
}
li#menu-item-4266:hover {
    background: url(/wp-content/uploads/2016/06/menu4.png) top no-repeat;
}
li#menu-item-4265{
    border: solid 1px #e18691;
}
li#menu-item-4265:hover {
    background: url(/wp-content/uploads/2016/06/menu5.png) top no-repeat;
}
li#menu-item-4264{
    border: solid 1px #f4a989;
}
li#menu-item-4264:hover {
    background: url(/wp-content/uploads/2016/06/menu6.png) top no-repeat;
}
li#menu-item-4263{
    border: solid 1px #c6e18f;
}
li#menu-item-4263:hover {
    background: url(/wp-content/uploads/2016/06/menu7.png) top no-repeat;
}
li#menu-item-4262{
    border: solid 1px #7fb39a;
}
li#menu-item-4262:hover {
    background: url(/wp-content/uploads/2016/06/menu8.png) top no-repeat;
}
li#menu-item-4270{
    border: solid 1px #77acdc;
}
li#menu-item-4270:hover {
    background: url(/wp-content/uploads/2016/06/menu9.png) top no-repeat;
}

.footer-nav ul li {
    text-align: center;
    padding: 0 4px;
}
.footer-nav ul li a:before {
    content: none;
}
.footer-nav ul li span {
    display: none;
}
#copyright p, #copyright p a {
    display: inline-block;
}
.footer-nav ul li a {
    display: block;
    padding: 0px 0px;
}

.main-section {
    padding: 20px 0px 0px 0px;
}
.cs-form-element li.enable-post .cs-package-desc {
    margin: 0px 0px 0px 0px;
}

.tejyun-img img {
    max-width: 165px !important;
    padding-bottom: 6px;
}

div.user-sign-up {
    float: left;
    text-align: left;
}
p a {
    color: #428bca;
}
div#icon-centering {
    margin: 10px auto;
    display: block;
    box-sizing: content-box;
}
span.cs-count-ads {
    background-color: #ffffff;
    border-radius: 100%;
    color: #000;
    padding: 3px 7px;
    position: absolute;
    right: 8px;
    top: -9px;
}
.cs-user, .cs-user-login {
    border-color: #2ae504 !important;
    display: inline-block;
    margin-top: 3px;
margin-left: 47px;
}
.logo span {
    margin-top: 30px;
    margin-left: 10px;
    display: inline-block;
}
span.head-login-icon a.hd-btn.cs-bgcolor {
    display: none;
}



@media (max-width: 1199px){
div#head-info-sec span {
    padding: 5px;
}
.tejyun-img img {
    max-width: 33% !important;
}
}
@media (max-width: 991px){
.main-navbar .left-side {
    width: 100% !important;
}
.logo {
    width: 100%;
}
}
@media (max-width: 767px){
.navigation ul li{
background:none !important;
}
.cs-click-menu {
    display: block !important;
}
.cs-login-sec.afterlogin ul li .cs-user-login {
    margin: 0px 0 0 19px;
}
.hd-btn {
    margin: 5px 0 0 0px !important;
    float: none !important;
    text-align: center !important;
    display: inline-block !important;
}
.btn-sec {
    float: none;
    text-align: center;
}
.main-navbar .cs-login-sec {
    float: none;
}
.main-navbar .navigation > ul > li > a {
    padding: 5px !important;
    color: #fff !important;
    width: 100% !important;
    border: solid 1px #eee;
}
.nav li a, .navigation ul li, .navigation > ul > li > a {
    border: solid 0px #eee;
}
.navigation ul li {
    float: left !important;
    width: 100% !important;
}
.cs-close-btn {
    display: inline-block !important;
}
span.head-login-icon a.hd-btn.cs-bgcolor {
    display: none !important;
}
div#head-info-sec {
    text-align: center;
}
div#head-info-sec span {
    padding: 0px;
}
}
@media (max-width: 480px){
#copyright .footer-nav, #backtop {
    display: inline-block !important;
}
}



/*ボタン*/

.dir-button{
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 7px 10px;
  cursor: pointer;
  border: 1px solid #bbb;
  overflow: visible;
  font: bold 13px arial, helvetica, sans-serif;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color .2s ease-out;
  background-clip: padding-box; /* Fix bleeding */
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
              0 2px 2px -1px rgba(0, 0, 0, .5),
              0 1px 0 rgba(255, 255, 255, .3) inset;
  text-shadow: 0 1px 0 rgba(255,255,255, .9);  
  color: #fff;
  text-shadow: 0 1px 0 rgba(0,0,0,.2);
  background-image: linear-gradient(top, rgba(255,255,255,.3), 
             rgba(255,255,255,0)),
                    url(data:image/png;base64,iVBORw0KGg[...]QmCC);
                    background-color: #57a957;
  border-color: #57a957;
}
.dir-button:hover{
  background-color: #62c462;
}
.cs-bgcolor2 {
    background-color: #f16724!important;
}
/*テキストエディターの特殊文字のポップアップウィンドウの閉じるボタンを左下に移動*/
@media screen and (max-width: 782px){
.mce-window .mce-btn {
    left: 10px !important;
}
}
/*URLが改行しない問題に対応*/
p a {
    word-break: break-all;
}