/*
  Skin Name: ダークサイトテンプレート
  Description: ダークサイト専用スキンです。
  Author: やんちゃ堂
  Author URI: https://www.yanchado.com/
  Screenshot URI: 
  Version: 0.0.1
  Priority: D-0011
*/
/*以下にスタイルシートを記入してください*/

body { background-color: #2b2b2b; }
.main { border-radius: 0px; }
.home .article-header { display: none; }
.home .author-info { display: none; }

/************************
 ページ共通CSS
/************************/
.page .article-header .date-tags { display: none; }

/************************
ヘッダー・グローバルナビ
/************************/
.header-container { background-color: black; padding: 0px; }
.header-container a { color: #e0a800; }
.header-container .navi { background: black; }
/* .navi{
  border: 0;
  background-color: transparent;
}*/
#navi .navi-in a { color: #e0a800; font-size: 14px; }
#navi .navi-in>.menu-header .sub-menu { background:black; font-family: 'Kufam', cursive; }
#navi .navi-in a:hover { color: white; background: #ff3300; border-bottom: 3px solid #e0a800; }
.header-container{ color: #fff; }
.header{ background-color:black; }
/************************
ヘッダーロゴ
/************************/
.logo-header img { max-width: 398px; max-height: 58px; }
/*834px以下*/
@media screen and (max-width: 834px){
	.logo-header img { max-width: 300px; height: auto; }
	.logo-header img { margin-top: 10px; }
}

/* アピールエリア背景色v */
.appeal-content { background-color:rgba(255,255,255,0.0); border-radius: 30px; width: 800px; }

.appeal-content .box {
    position: relative;
    margin: 1em 0;
    padding: 50px 20px 7px 20px;
    border: solid 2px #f66610;
    background-color:rgba(255,255,255,0.6);
}
.appeal-content .box .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    background: #f66610;
    color: #ffffff;
    font-weight: bold;
}
.appeal-content .box p {
    margin: 0; 
    padding: 0;
}
.appeal-content .box p span { color: #fff; font-weight: 900; background: red; }
.appeal-content .box .box-tel { font-weight: 900; }
/************** 640pxまでの幅の場合に適応される **************/
@media screen and (max-width: 640px) {
.appeal-content .box p { font-size: 90%; }
.appeal-content .box { margin: 0 -10px; padding: 50px 5px 7px 5px; }
}

.article h2 {
  background: #ffffff;
  border-bottom: 3px solid #86417d;
  border-top: 3px solid #86417d;
}

.article h3 {
  border: none;
  border-left: solid 5px #414186;
}

.article h4 {
  border: none;
  border-bottom: 6px solid #414186;
}

.article h5,
.article h6 {
  border: none;
}

/************************************
** MAP 全幅
************************************/
body { overflow-x: hidden; }
.haikei-top {
    margin-left: calc((50vw - 50%) * -1);
    margin-right: calc((50vw - 50%) * -1);
	padding: 0;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;    
}
/************** 640pxまでの幅の場合に適応される **************/
@media screen and (max-width: 640px) {
	.haikei-top { padding: 0 0px 0em; }
	.haikei-top { height: 300px; }
}

.tellink a { color: #ffffff: }

/************************************
** Used Motorcycle
************************************/
.usedgrid {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.usedgrid .element { max-width: 25%; margin: 0px 0 0px 0; padding: 5px; }
.usedgrid .element a { color: #333; text-decoration: none; }
.usedgrid .element a:hover { color: red; text-decoration: none; }
.usedgrid .element h4 { font-size: 18px; margin: 0px; padding: 0px; border: 0px; }
.usedgrid .element h4 span { font-size: 14px; }
.usedgrid .element img { margin: 0px; }
.usedgrid .element p { margin: 0px 0 0px 0; font-size: 80%; text-align: right; }
.usedgrid .element .ucdate { font-size: 80%; }
.usedgrid .element .carprice { color: red; font-size: 133%; font-weight: 900; }

/************** 640pxまでの幅の場合に適応される **************/
@media screen and (max-width: 640px) {
.usedgrid .element { max-width: 50%; }
.usedgrid .element h4 { font-size: 16px; }
.usedgrid .element h4 span { font-size: 12px; }
.usedgrid .element .carprice { color: red; font-size: 110%; }
}


/*****************************************
  New Toppege News 201902
*****************************************/
.newstop {  }
.newstop .newstit { font-size: 21px; }
.newstop .newstit .fa-info-circle { color: #ff0000; padding-right: 5px; }

.newsgrid { padding:0px; display : flex; flex-wrap: wrap; justify-content: space-between; }
.newsbox{ content:""; display: block; width:33%; padding:10px; }

.newsgrid > div {
  overflow:hidden;
  min-width: 0;
  padding: 0em;
  border-bottom: 1px dotted #ccc;
}
.newsgrid > div:hover { background-color: #f2f2f2; }

.newsgrid > div h4 { font-size: 18px; margin: 0px 0px 5px 0px; padding: 0px; border: none; font-weight: bold; }
.newsgrid > div img { float: left; margin: 0 10px 0 0; }
.newsgrid > div a { line-height: 10px; text-decoration: none; text-align: left; font-weight: 900; color: #333; }
.newsgrid > div a:hover { color: #ff0000; }
.newsgrid > div p { margin: 0; padding: 0; line-height: 130%; }
.newsgrid > div .mday { font-size: 12px; margin: 5px 0 5px 0; line-height: 120%; }
.newsgrid > div .fa-rss-square { color: red; }
.newsgrid > div .excer { font-size: 14px; }

@media screen and (max-width:640px){
  .newsgrid { display:block; }
  .newsbox{ content:""; display: block; width:100%; padding:10px; }
  .newstop .newsbox h4 { font-size: 16px; }
  .newstop .newsbox p { font-size: 14px; }
  }

/************************
フッター
/************************/
#footer { color: white; background-color: black; }
#footer h3 { font-size: 16px; }
#footer a { color: white; background-color: black; }
#footer .site-name-text { color: white; }
#footer #navi-footer a { color: white; background-color: black; }
#footer #navi-footer a:hover { background-color: #ff3300; color: #fff; }

.footer-left { background: ; }
.footer-center { background: ; }
.footer-right { background: ; }

.footshopinfo p { font-size:12px; line-height:18px; }

/************************
フッターロゴ
/************************/
.footer-bottom-logo .logo-image img { max-width: 398px; max-height: 58px; }
.footer .logo-image { max-width: 400px; }
@media screen and (max-width: 834px){
	.footer-bottom-logo .logo-image img { max-width: 300px; height: auto;; }
}

/************************
Used ページ
/************************/

.sale dl{
  display:flex;
  flex-wrap: wrap;
  border: 1px solid #ccc;
  border-top: none;
}
.sale dt{

  background: #ddd;
  text-align: center;
  font-weight: 900;
  width: 30%;
  padding: 10px;
  box-sizing: border-box;
  border-top: 1px solid #ccc; 
}
.sale dd{
  padding: 10px;
  margin: 0;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc; 
  width: 70%;
  background: #fff;
  box-sizing: border-box;
}
.sale .pay { color: red; font-size: 120%; font-weight: 900; }
.sale .text { border-bottom: 1px solid #ccc; }
.sale .bold { font-weight: 900; }

/*************************************
** カテゴリーページ css
*************************************/
/** 2021 **/
.category-6 .pricelist { font-size: 14px; line-height: 18px; }
.category-6 .pricelist .fa { margin-right: 20px; }
.category-6 .pricelist .fa-check-square-o { padding-right: 5px; }
.category-6 .pricelist .ucdate { font-weight: 900; margin-left:5px; }
.category-6 .pricelist .carprice { font-size: 20px; font-weight: 900; color: red; }

.category-6 .pricelist {
	margin: 0px;
	padding: 0;
	list-style: none;
}
li{padding: 0px 5px 0px 0px; display: inline;}

@media screen and (max-width:640px){
  .pricelist { display: block; }
  .pricelist li { display: block; }
  }



/* =Sale Css
----------------------------------------------- */
.sale { width: 100%; }
.sale h3 { color: #BE0039; }
.sale .red { font-size:30px; }

.sale table {
	border-collapse: separate;
	border-spacing: 0px;
	border-top: 1px solid #ccc;
	border-left: 0px solid #ccc;
	width: 100%;
}
.sale th{
	white-space: nowrap;
	padding:4px;
	text-align: center;
	vertical-align: top;
	color: #fff;
	background-color: #CC5200;
	border-left: 3px double #999;
	border-top: 1px solid #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 150%;
}
.sale td{
	padding:4px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 150%;
	border-top-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-left-style: none;
	white-space: normal;
}
.sale td span{
	font-weight: 900;
	font-size: 18px;
	color: #BE0039;
}
.salefoot {
	clear: both;
	padding: 30px 0 30px 0;
	text-align: right;
}
.salefoot span {

}

@media screen and (max-width: 640px) {
	.sale { font-size: 14px; width: 100%; }
	.sale table { white-space: nowrap; font-size:14px; }
	.sale th{ white-space: nowrap; font-size:14px; }
	.sale td{ white-space: normal; font-size:14px; }
}

.wppsac-post-slider h2 { background-color:rgba(255,255,255,0.0); }

/*************************************
** SailOut Page css
*************************************/
/** 2021 **/
.categoryid-14 .red { display: none; }
.categoryid-14 .su-spoiler { display: none; }

/** 固定したグローバルメニュースクロール時もサブメニュー **/
.fixed-header .has-sub {
    display: inline-block;
}
.fixed-header .navi-in > ul li:hover > ul  {
    display: block;
}