/*
Theme Name: Blanc Child
Author: Norit Japon
Author URI: http://www.norit.jp/
Theme URI:
Template: blanc
Description: Beautiful Cars Web Site.
Version: 2.0.4
License: GNU General Public License v3
License URI: license.txt
Tags:
*/

h1, h2, h3, h4, h5{
  line-height: 1.5;
}

a{
  text-decoration: none;
}


/* top ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#others{
  width: 100%;
}

.all_bnrArea {
  width: 100%;
  margin: 50px 0 0;
}
.swiperAllBnr {
  width: 90%;
  max-width: 720px;
  margin: 0 auto;
}
.swiperAllBnr .swiper-wrapper a{
  display: block;
  transition: .3s;
}
.swiperAllBnr .swiper-wrapper a:hover{
  opacity: .7;
}
.swiperAllBnr .swiper-wrapper a img{
  display: block;
}

.swiperAllBnr .swiper-pagination {
  position: relative;
  bottom: auto;
  padding: 15px 0 10px 0;
  background-color: #fff;
  top: auto !important;
  bottom: auto !important;
}

.swiperAllBnr .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #ccc;
  opacity: 1;
  transition: background-color 0.3s;
}

.swiperAllBnr .swiper-pagination-bullet-active {
  background-color: #333;
}

.topCateList-wrap{
  width: 100%;
  padding: 100px 0 0;
}
.topCateList_bottom-wrap{
  padding-bottom: 100px;
}
.topCateList-inner{
  width: 90%;
  max-width: 1300px;
  margin: 0 auto;
}
.topCateList-inner p{
  font-family: "Midashi Go MB31", sans-serif;
  font-size: 24px;
  margin: 0 0 15px;
}
.topCateList{
  display: flex;
  flex-wrap: wrap;
}
.topCateList li{
  margin: 0 15px 15px 0;
}
.topCateList li a{
  font-family: "Yu Gothic Pr6N B";
  font-size: 15px;
  font-weight: 700;
  padding: 10px;
  background: #000;
  color: #fff;
  transition: .3s;
  border-radius: 4px;
  display: block;
  letter-spacing: .075em;
}
.topCateList li a:hover{
  opacity: .7;
}

.topBlog-inner{
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.topBlog_box{
  width: 32%;
  margin-bottom: 50px;
}
.topBlog_image{
  width: 100%;
  aspect-ratio: 3 / 2;
  background-size: cover;
  background-position: center;
  margin-bottom: 20px;
}
.topBlog_box_date{
  font-size: 16px;
  margin-bottom: 3px;
}
.topBlog_box_title{
  font-size: 18px;
}

.topNews_list{
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}
.topNews_list li{
  border-top: 1px solid #d9d9d9;
  padding: 18px 60px 18px 12px;
  position: relative;
}
.topNews_list li:last-of-type{
  border-bottom: 1px solid #d9d9d9;
}
.topNews_list li::after{
  content: "";
  width: 12px;
  height: 9px;
  background-image: url(https://www.beautifulcars.biz/howtowashacar/wp-content/themes/blanc-child/assets/images/top/news_arrow.png);
  background-size: cover;
  position: absolute;
  right: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.topNews_list li a{
  font-size: 16px;
  display: block;
}

.topCatItemList-wrap{
  width: 100%;
  margin-top: -50px;
}

.topCatItemList-wrap .selectItem_all .fs-c-productListItem__control{
  display: block;
}
.topCatItemList-wrap .fs-c-button--addToWishList--icon{
  display: none;
}
.topCatItemList-wrap .fs-c-button--plain{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #D7000F;
  color: #fff;
  padding: 10px;
  border-radius: 4px;
  text-decoration: none !important;
  transition: .3s;
}
/* top end ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* works ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.works-search{
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.works-search-detail{
  width: 24%;
  margin-bottom: 20px;
}

.works_tax{
  width: 90%;
  max-width: 1200px;
  margin: 30px auto 0;
  font-size: 22px;
}

.worksList-wrap{
  width: 100%;
  padding: 30px 0 100px;
}
.worksList-inner{
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.worksList-inner::after{
  content: "";
  display: block;
  width: 32%;
}
.works-item{
  width: 32%;
  margin-bottom: 50px;
}

.page-numbers{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.page-numbers li{
  margin: 0 5px 15px;
}
.page-numbers li a, .page-numbers li span {
  font-size: 20px;
  display: block;
  padding: .5em 1em;
}
a.page-numbers{
  background-color: #efefef;
  color: #000;
  text-decoration: none;
}
.page-numbers li span.current{
  background-color: #6A6A6A;
  color: #fff;
  pointer-events: none;
}
/* works end ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* shopnews ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.shopnews-wrap{
  padding: 0 0 100px;
}
/* shopnews end ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* blog ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.blog-wrap{
  padding: 100px 0;
}
/* blog end ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


@media screen and (max-width: 768px) {
  /* top */
  .topBlog_box{
    width: 48%;
  }
  .topBlog_box_date{
    font-size: 14px;
  }
  .topBlog_box_title{
    font-size: 16px;
  }
  /* top end */

  /* works */
  .works-search-detail{
    width: 48%;
  }
  /* .works-search-detail:nth-child(1),
  .works-search-detail:nth-child(2){
    margin-bottom: 20px;
  } */
  .works-item{
    width: 48%;
  }
  .page-numbers li a, .page-numbers li span{
    font-size: 16px;
  }
  /* works end */
}

@media screen and (max-width: 600px) {
  /* top */
  .topBlog_box{
    width: 100%;
  }
  /* top end */

  /* works */
  .works-item{
    width: 100%;
  }
  /* works end */
}