@charset "UTF-8";
/*
投稿ページ用CSS
*/
@media screen and (max-width:768px) {
    .youtube {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
        height: 0;
        overflow: hidden;
    }
    .youtube iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
    }
}
/*-----------------------------------------------------------------
content
-----------------------------------------------------------------*/
#content_info_list,
#content_info_detail {
  width: 1000px;
  padding: 0 0 30px;
  margin-top: 60px;
  overflow: hidden; }
  #content_info_list .notFound,
  #content_info_detail .notFound {
    padding: 100px 0;
    text-align: center; }

/*-----------------------------------------------------------------
infomain
-----------------------------------------------------------------*/
#breadcrumbs {
  width: 940px;
  margin: 40px auto 25px;
  text-align: left; }

#breadcrumbs li {
  display: inline-block;
  font-size: 80%; }

#breadcrumbs li:last-child {
  display: inline-block;
  width: 30em;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

#breadcrumbs li a {
  text-decoration: underline;
  color: #0068b6; }

#breadcrumbs li a:hover {
  color: #68beff; }

/*+-+-+-+-+-+-+-+-+-+-一覧（全新着、カテゴリ、月別、日別共通）+-+-+-+-+-+-+-+-+-+-+-+-*/
#content_info_list h3 {
  width: 940px;
  padding-bottom: 20px;
  margin: 0 auto 30px;
  background: url(img/common/titlebar01_bg.png) center bottom no-repeat;
  font-size: 150%;
  font-weight: bold; }

/*
一行表示
*/
.layout-line .post_list {
  width: 940px;
  padding: 15px 0;
  margin: 0 auto;
  border-bottom: dashed 2px #ccc; }

.layout-line .post_list .dateLine {
  margin-bottom: 15px;
  overflow: hidden; }

.layout-line .post_list .dateLine .date {
  float: left;
  margin-right: 15px;
  line-height: 26px;
  font-size: 110%;
  font-weight: bold; }

.layout-line .post_list .dateLine .catIcon {
  float: left;
  margin: 0 5px 0 0; }

.layout-line .post_list .dateLine .catIcon a {
  display: block;
  height: 26px;
  padding: 0 15px;
  line-height: 26px;
  font-size: 80%;
  font-weight: bold;
  background: #d7092f;
  color: #fff; }

.layout-line .post_list .dateLine .catIcon a:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7; }

/*
対応車種一覧
ボックス表示
*/
.layout-box {
  overflow: hidden; }
  .layout-box .itemWrap {
    padding-left: 30px;
    overflow: hidden; }

.layout-box .post_list {
  width: 215px;
  /*height: 215px;*/
  float: left;
  margin: 0 10px 20px;
  position: relative; }

.layout-box .post_list .newIcon {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 10; }

.layout-box .post_list .img {
  min-height: 177px;
  overflow: hidden; }

.layout-box .post_list h4 {
  padding: 6px 0;
  font-weight: bold; }

/*+-+-+-+-+-+-+-+-+-+-ページナビ+-+-+-+-+-+-+-+-+-+-+-+-*/
.tablenav {
  clear: both;
  width: 940px;
  margin: 50px auto 0; }

.tablenav .current {
  display: inline-block;
  width: 46px;
  height: 46px;
  margin: 0 5px 10px 0;
  background: #0068b6;
  text-decoration: none !important;
  text-align: center;
  line-height: 46px;
  color: #fff; }

a.page-numbers {
  display: inline-block;
  width: 46px;
  height: 46px;
  margin: 0 5px 10px 0;
  background: #f4f4f4;
  text-align: center;
  line-height: 46px;
  vertical-align: top; }

a.page-numbers:hover {
  background: #0068b6;
  color: #fff; }

a.page-numbers.next,
a.page-numbers.prev {
  display: inline-block;
  height: 46px;
  padding: 0 15px;
  margin: 0 5px 10px 0;
  background-color: #f4f4f4;
  overflow: hidden;
  text-align: center;
  line-height: 46px; }

a.page-numbers.next:hover,
a.page-numbers.prev:hover {
  background-color: #0068b6;
  color: #fff; }

/*+-+-+-+-+-+-+-+-+-+-投稿詳細+-+-+-+-+-+-+-+-+-+-+-+-*/
#content_info_detail article {
  overflow: hidden; }
  #content_info_detail article .contactBtn {
    width: 285px;
    margin: 0 auto; }
    #content_info_detail article .contactBtn a img {
      width: 285px; }

#content_info_detail .detail_thumnail {
  margin-bottom: 35px;
  text-align: center; }

.postTitle {
  width: 940px;
  padding: 0 0 5px;
  margin: 0 auto;
  border-bottom: solid 1px #333;
  overflow: hidden; }

.postTitle h3 {
  float: left;
  width: 690px;
  font-size: 110%;
  font-weight: bold; }

.postTitle .catWrap {
  float: right;
  width: 240px;
  text-align: right; }

.postTitle .catWrap p {
  display: inline-block;
  margin: 0 0 5px 3px; }

.postTitle .catWrap p a {
  background: #d7092f none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 80%;
  font-weight: bold;
  height: 26px;
  line-height: 26px;
  padding: 0 15px; }

.postTitle .catWrap p a:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7; }

article .date {
  width: 940px;
  margin: 5px auto 30px;
  text-align: right;
  font-size: 80%;
  font-weight: bold; }

.post_detail {
  width: 940px;
  padding: 0 0 50px;
  margin: 15px auto 0; }

/*wp ビジュアルエディタ対応*/
.post_detail .aligncenter {
  display: block;
  margin: 0 auto; }

.post_detail .alignright {
  float: right; }

.post_detail .alignleft {
  float: left; }

.post_detail .detail_thumnail {
  margin-bottom: 25px;
  text-align: center; }

.post_detail .detailTxt {
  padding: 0 0 50px;
  margin: 0 0 30px; }

.post_detail p {
  line-height: 160%;
  /*text-align:left;*/ }

.post_detail ul {
  margin-left: 20px;
  list-style: disc outside; }

.post_detail ol {
  margin-left: 30px;
  list-style: decimal outside; }

.post_detail h1 {
  font-size: 160%;
  font-weight: bold;
  padding: 15px 0; }

.post_detail h2 {
  font-size: 150%;
  font-weight: bold;
  padding: 15px 0; }

.post_detail h3 {
  font-size: 140%;
  font-weight: bold;
  padding: 15px 0 !important;
  border-bottom: none !important; }

.post_detail h4 {
  font-size: 130%;
  font-weight: bold;
  padding: 15px 0; }

.post_detail h5 {
  font-size: 120%;
  font-weight: bold;
  padding: 15px 0; }

.post_detail h6 {
  font-size: 110%;
  font-weight: bold;
  padding: 15px 0; }

.post_detail li {
  margin-bottom: 10px; }

.post_detail img {
  max-width: 100%;
  padding: 10px 0; }

.aligncenter {
  text-align: center; }

/*前の記事/次の記事*/
#single_otherpost {
  height: 100%;
  margin: 40px 30px 0;
  overflow: hidden;
  font-size: 95%; }

#single_otherpost .next {
  float: right;
  height: 35px; }

#single_otherpost .next a:hover {
  color: #ccc; }

#single_otherpost .next a {
  display: inline-block;
  width: 80px;
  height: 33px;
  /*text-indent:100%;*/
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  line-height: 33px;
  border: 1px solid #ccc;
  -webkit-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0; }

#single_otherpost .prev {
  float: left;
  height: 35px; }

#single_otherpost .prev a {
  display: inline-block;
  width: 80px;
  height: 33px;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  line-height: 33px;
  border: 1px solid #ccc;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px; }

#single_otherpost .prev a:hover {
  color: #ccc; }

#single_otherpost p:hover {
  background: url("img/info/bg_paging.png") repeat; }

#single_otherpost .list {
  text-align: center;
  height: 35px; }

#single_otherpost .list a {
  display: inline-block;
  height: 33px;
  padding: 0 20px;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  line-height: 33px;
  border: 1px solid #ccc; }

/*+-+-+-+-+-+-+-+-+-+-投稿画像のマージン・投稿詳細内テキストリンク+-+-+-+-+-+-+-+-+-+-+-+-*/
.post_detail img.aligncenter {
  text-align: center; }

.post_list_detail img {
  margin: 5px; }

.post_detail a {
  text-decoration: underline; }

/*# sourceMappingURL=info.css.map */

.mainimgWrap_dashmat #pagetitle .left {
	padding-top:45px;
}

ul.dashmat {	
display:flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
	margin-bottom:1.5rem;
	list-style:none;
	margin-right: 20px;
}
				
ul.dashmat li {
	width:19%;
	margin-right:1.25%;
	margin-bottom:1rem;
}

ul.dashmat li span {
	display:block;
	text-align:center;
}

ul.dashmat li:nth-child(5n) {
	margin-right:0;
}

ul.dashmat li img {
	width:100%;
	height:auto;
	margin-bottom:0.5rem;
}

/*+-+-+-+-+-+-+-+-+-+-YouTube埋め込み動画+-+-+-+-+-+-+-+-+-+-+-+-*/
.youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    height: 0;
    overflow: hidden;
}
.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}