/*
Theme Name: crossroad
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: crossroad
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

crossroad is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*共通：headerPC上の余白*/
.top-mini-menu {
  display: none;
}

/*共通：plugin "YouTube Playlists with Schema"CSS設定*/
.jmayt-btn,.jmayt-title {
  display: none !important;
}


/*共通：IE11対応[object-fit]*/
.ofi {
  object-fit: cover;
  font-family: 'object-fit: cover;'
}

/*footer text*/
.footer .footer-info .footer-info-text p {
  font-size: 12px;
}

 /*バイクページ用カラー設定*/
 .bike-col a {
   color: #e32011;
 } 
 .bike-col a:hover, .bike-col a:focus {
  text-decoration: underline;
  color: #e44955;
  }
  .bike-col3 a {
    color: #e30011;
  } 
  .bike-col3 a:hover, .bike-col3 a:focus {
   text-decoration: none;
   color: #c72330;
   }

/*パンくずリスト用*/
  .bike-col2 a {
    color: #e30011 !important;
  } 
  .bike-col2 a:hover, .bike-col a:focus {
   text-decoration: underline !important;
   color: #e44955 !important;
   }
/****コンテンツエリア****/
  .content-area {
    width:100%;
    height: auto;
    margin: auto 0;
  }


  /***パンくず＆ナビゲーション共通***/
  #breadcrumb a, .custom-nav li a {
    font-weight: 700;
  }

  /***カスタムページ：パンくずリスト***/
  #breadcrumb {
    font-size: min(3vw,12px);
    margin: 2% 0 2.8% 1%;
    color: #0a0a0a;
  }
  #breadcrumb a {
    font-weight: 700;
  }

  .breadcrumbs .now {
    font-size: 12px;
  }


  /***カスタムページ：ナビゲーション***/
  .custom-nav {
    clear: both;
    font-weight: 700;
    text-align: center;
    padding: 1% 0 5%;
  }

  .custom-nav li {
    margin-left: 0 !important;
  }

  .custom-nav li {
    display: inline;
    color: #0a0a0a;
    font-size: min(3.4vw, 16px);
    border: #ccc 1px solid;
    border-radius: 3px;
    margin: 3%;
    padding: 0.7%;
  }

  .custom-nav li :last-child {
    margin-left: 0 !important;
  }

  @media screen and (max-width: 768px) {
     /***パンくずリスト***/
      #breadcrumb {
        margin: 2.5% 0 3.5% 1%;
      }
      /***カスタムページ：ナビゲーション***/
      .custom-nav li {
        padding: 1.38%;
        margin: 6%;
      }
  }
  
  @media screen and (max-width: 480px) {
     /***カスタムページ：ナビゲーション***/
     .custom-nav {
       font-size: 3vmin;
     }
 }


/*=====================================
Header menuカラム落ち修正(元場所：app.css&header.php) 
========================================*/
@media screen and (min-width:1025px) and (max-width: 1189px) {
  .bukken-search .bukken-search-keyword .keyword-input {
    max-width: 59% !important;
  }  
}

@media screen and (min-width: 1024px) and (max-width: 1154px) {
  .menu>li.logo a {
    padding: 0 0.1rem !important;
  }
  .dropdown li a {
    padding: 0.8rem 0.55rem !important;
  }
  .my-star {
    width: 6vw !important;
    font-size: 10px !important;
  }
  .bukken-search .bukken-search-keyword .home-button .content {
    padding: 10px !important;
  }
  .bukken-search .bukken-search-keyword .stage.stage-1 .home-button h2 {
    margin-top: 0% !important;;
    font-size: 1.0em !important;;
  }
}