@charset "UTF-8";
/* Scss Document */
* {
  min-height: 0;
  min-width: 0;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
/*============================================
 スタイル
============================================*/
/* 共通スタイル */
* {
  box-sizing: border-box;
}

body {
  font-size: 15px;
  font-family: "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  color: #494440;
  line-height: 1.8;
}

a {
  color: #00a9ce;
  text-decoration: none;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
a:hover {
  color: #2bcdf0;
}
a:hover img {
  opacity: 0.8;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

p {
  margin-bottom: 1em;
}

small {
  font-size: 80%;
}

.btn {
  text-align: center;
}
.btn a {
  width: 200px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  border: 1px solid #00a9ce;
  border-radius: 50px;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.btn a:hover {
  color: #fff;
  background: #00a9ce;
}
.btn i {
  margin: 0 5px 3px 0;
  font-size: 18px;
  vertical-align: middle;
}

.slicknav_menu {
	display: none;
}

.fadein {
  opacity : 0;
  transform : translate(0, 100px);
  transition : all 1s;
}
.fadein.active{
  opacity : 1;
  transform : translate(0, 0);
}

/*============================================
 レイアウト
============================================*/
/* ヘッダー */
#pageHeader {
  width: 16vw;
  min-width: 270px;
  padding: 40px 0;
  text-align: center;
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 999;
  border-right: 1px solid #efe9e4;
  background: #fff;
  overflow-y: auto;
}
@media screen and (max-height: 800px) {
  #pageHeader {
    padding-top: 40px;
  }
}
#pageHeader h1 {
	margin-bottom: 1em;
	padding: 0 20px;
	font-weight: normal;
	font-size: 11px;
	line-height: 1.4;
	color: #99928B;
}
#pageHeader a {
  color: #494440;
}
#pageHeader #logo {
  margin: 0 20px 10px;
}
#pageHeader #logo img[src$=".svg"] {
  width: 100%;
}
#pageHeader #gnav {
  margin-bottom: 30px;
}
#pageHeader #gnav li + li {
  margin-top: 20px;
}
#pageHeader #sns {
  margin-bottom: 20px;
}
@media screen and (min-height: 800px) {
  #pageHeader #sns {
	  margin-bottom: 50px;
  }
}
#pageHeader #sns li {
  display: inline-block;
}
#pageHeader #sns li i {
  width: 35px;
  height: 35px;
  font-size: 20px;
  line-height: 34px;
  border: 2px solid #8a827b;
  border-radius: 50%;
}
#pageHeader #sns li i:before {
  color: #8a827b;
}
#pageHeader #sns li a:hover i {
  background: #8a827b;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
#pageHeader #sns li a:hover i:before {
  color: #fff;
}
#pageHeader .store {
  display: none;
}
#pageHeader #primary {
  font-size: 13px;
  text-align: center;
}
@media screen and (min-height: 800px) {
  #pageHeader #primary {
    width: 16vw;
    min-width: 250px;
    position: fixed;
    bottom: 20px;
  }
}
#pageHeader #primary li i {
  margin-right: 3px;
  font-size: 15px;
  color: #8a827b;
  display: inline-block;
}

/* コンテナ */
#container {
  width: calc( 100% - 16vw );
  max-width: calc( 100% - 270px );
  float: right;
}

#contHeader {
  position: relative;
}
#contHeader h2 {
  font-size: 60px;
  font-family: 'impact','arial black',serif;
  color: #fff;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 60px;
  transform: translateY(-50%);
  z-index: 10;
}
#contHeader h2 a {
  color: #fff;
}
#contHeader h2 span {
  margin-left: 30px;
  font-family: "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 20px;
  font-weight: normal;
  line-height: 1.4;
  vertical-align: middle;
}
#contHeader figure {
  max-height: 450px;
  background: #000;
  position: relative;
  z-index: 5;
  overflow: hidden;
}
#contHeader figure img {
  width: 100%;
  opacity: 0.6;
  vertical-align: bottom;
}

#blog #contHeader h2,
#gallery #contHeader h2,
#lineup #contHeader h2,
#feature #contHeader h2,
#contact #contHeader h2,
#staff #contHeader h2,
#recruit #contHeader h2 {
  margin-bottom: 60px;
  padding: 80px 60px;
  position: static;
  transform: translateY(0);
  border-bottom: 1px solid #efe9e4;
}
#blog #contHeader h2 a,
#gallery #contHeader h2 a,
#lineup #contHeader h2 a,
#feature #contHeader h2 a,
#contact #contHeader h2 a,
#staff #contHeader h2 a,
#recruit #contHeader h2 a {
  color: #00a9ce;
}
#blog #contHeader h2 a span,
#gallery #contHeader h2 a span,
#lineup #contHeader h2 a span,
#feature #contHeader h2 a span,
#contact #contHeader h2 a span,
#staff #contHeader h2 a span,
#recruit #contHeader h2 a span {
  color: #494440;
}

#contents {
  margin: 0 60px;
}

/* フッター */
#pageFooter {
  padding: 70px 60px;
  overflow: hidden;
}
#pageFooter p {
	margin: 30px 0;
	padding: 30px;
	border: 1px solid #efe9e4;
	font-size: 13px;
}
#pageFooter #footer_logo {
	width: 210px;
	margin: 0 0 20px;
	padding: 0;
	font-size: 13px;
	text-align: center;
	border: none;
	float: left;
}
#pageFooter #contact {
	width: 250px;
	height: 65px;
	float: right;
	overflow: hidden;
}
#pageFooter #contact i {
	margin: 0 8px 3px 0;
	line-height: 1.4;
	vertical-align: middle;
}
#pageFooter #contact a {
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 65px;
	background: #000;
	display: block;
}
#pageFooter #contact a:hover {
	background: #252525;
}

#pageFooter ul {
	margin: 0 -40px;
	font-size: 14px;
	font-style: normal;
	list-style: none;
	display: flex;
	clear: both;
}
#pageFooter li {
	width: 50%;
	padding: 0 40px;
}
#pageFooter li + li {
	border-left: 1px solid #efe9e4;
}
#pageFooter li dl {
  display: flex;
  flex-wrap: wrap;
  line-height: 1.4;
}
#pageFooter li dt {
  border-right: 1px solid #efe9e4;
  margin-top: 8px;
	width: 5em;
}
#pageFooter li dd {
  margin-top: 8px;
  padding-left: 10px;
  width: calc(100% - 5em);
}

#pageFooter #footer_map {
	width: 100%;
	height: 380px;
}

#copyright {
  padding-bottom: 30px;
  font-size: 11px;
  font-style: normal;
  text-align: center;
}

/*============================================
 トップページ
============================================*/
#home .slick-slider {
  position: relative;
}
#home .slick-slider .prev_arrow, #home .slick-slider .next_arrow {
  margin-top: -25px;
  position: absolute;
  top: 50%;
}
#home .slick-slider .prev_arrow i, #home .slick-slider .next_arrow i {
  font-size: 50px;
  color: #8a827b;
  cursor: pointer;
}
#home .slick-slider .prev_arrow {
  left: -40px;
}
#home .slick-slider .next_arrow {
  right: -40px;
}
#home #home_visual img {
  width: 100%;
  vertical-align: bottom;
}
#home #home_blog {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
#home #home_blog li {
  width: 33.33%;
  position: relative;
}
#home #home_blog li a {
  color: #fff;
}
#home #home_blog li:first-child {
  width: 100%;
}
#home #home_blog li figure {
  position: relative;
  overflow: hidden;
}
#home #home_blog li figure:before {
  content: "";
  display: block;
  padding-top: 58.5%;
}
#home #home_blog li figure img {
  width: 100%;
  height: auto !important;
  vertical-align: bottom;
  position: absolute;
  top: 0;
}
#home #home_blog li section {
  width: 100%;
  padding: 20px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent);
  position: absolute;
  bottom: 0;
}
#home #home_blog li section span {
  margin-bottom: 5px;
  padding: 0 10px;
  font-size: 13px;
  display: inline-block;
  background: rgba(0, 0, 0, 0.4);
}
#home #home_blog li section p {
  margin: 0;
  line-height: 1.4;
}
#home .home_ttl {
  margin-bottom: 40px;
  font-size: 50px;
  font-family: 'impact','arial black',serif;
  line-height: 1;
  color: #00a9ce;
}
#home .home_ttl span {
  margin-left: 20px;
  font-family: "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.4;
  vertical-align: middle;
  color: #494440;
}
#home .home_ttl img {
  margin: 5px 15px 0 0;
  vertical-align: top;
}
#home #home_instagram {
  padding: 70px 60px;
  clear: both;
}
#home #home_instagram ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -5px;
}
#home #home_instagram .slick-slide {
  box-sizing: border-box;
  overflow: hidden;
  margin: 0 5px;
  position: relative;
  width: calc(25% - 5px);
}
#home #home_instagram li {
  border: 1px solid #efe9e4;
  margin: 5px 0;
}
#home #home_instagram li .instagramHead {
  width: 100%;
}
#home #home_instagram li .instagramHead h4 a {
  display: block;
  padding: 15px 20px;
}
#home #home_instagram li strong {
  color: #494440;
}
#home #home_instagram li .instagramHead .btn a {
  border-radius: 35px;
  font-size: 14px;
  height: 35px;
  line-height: 35px;
  width: 120px;
}
#home #home_instagram li .instagramBody {
  font-size: 14px;
}
#home #home_instagram li .instagramBody a {
  display: block;
  padding: 20px 20px 15px;
}
#home #home_instagram li .instagramBody h5 {
  border-bottom: 1px solid #efe9e4;
  font-size: 13px;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
#home #home_instagram li .instagramBody a p {
  color: #494440;
  display: -webkit-box; /* 必須 */
  -webkit-box-orient: vertical; /* 必須 */
  -webkit-line-clamp: 3; /* 行数を制限 */
  overflow: hidden; /* はみ出た部分を非表示 */
}
#home #home_instagram li figure div {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
  height: 100%;
  width: 100%;
}
#home #home_instagram li figure a:hover div {
  opacity: .8;
}
#home #home_instagram li figure div:before {
  content: "";
  display: block;
  padding-top: 100%;
}
#home #home_instagram li img {
  left: 50%;
  max-width: 100%;
  position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  vertical-align: bottom;
}
#home #home_store {
  padding: 70px 60px;
  background: #efe9e4;
  clear: both;
}
#home #home_store .home_store_list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px 40px;
  list-style: none;
}
#home #home_store .home_store_list li {
  background: #fff;
  margin: 5px;
  width: calc(16.66% - 10px);
}
#home #home_store .home_store_list.shopify li {
  width: calc(20% - 10px);
}
#home #home_store .home_store_list li a {
  display: block;
}
#home #home_store .home_store_list_text,
#home #home_store p {
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.4;
  margin: 0;
  padding: 15px;
  background: #fff;
}
#home #home_store .home_store_list_text {
  color: #494440;
}
#home #home_store .home_store_list_text strong {
  display: block;
  margin-bottom: 5px;
}
#home #home_store .blog_store_data_price {
  color: #00a9ce;
  font-weight: 700;
  margin-top: 5px;
}
#home #home_store ul li img {
  width: 100%;
  vertical-align: bottom;
}
#home #home_store ul li a span,
#home #home_store ul li a small {
  color: #7e7e7e;
}
#home #home_calendar {
  padding: 70px 60px;
}
#home #home_calendar .cal_wrap {
  margin-bottom: 40px;
}
#home #home_calendar .cal_wrap iframe {
  width: 100%;
  height: 400px;
}
#home #home_calendar #bnr_cycling {
  position: relative;
}
#home #home_calendar #bnr_cycling section {
  margin: -87px 0 0 -50%;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
}
#home #home_calendar #bnr_cycling h3 {
  font-size: 72px;
  font-family: Arial, Helvetica," sans-serif";
  font-weight: bold;
  line-height: 1.0;
  text-align: center;
}
#home #home_calendar #bnr_cycling h3 span {
  margin: 25px 0;
  font-family: "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 18px;
  display: block;
}
#home #home_calendar #bnr_cycling a {
  color: #000;
}
#home #home_calendar #bnr_cycling figure img {
  width: 100%;
  vertical-align: bottom;
}
#home #home_calendar #bnr_cycling .btn {
  width: 140px;
  height: 35px;
  margin: 0 auto;
  font-family: Arial, Helvetica," sans-serif";
  font-weight: bold;
  line-height: 32px;
  border: 2px solid #000;
  border-radius: 35px;
  display: block;
  background: rgba(255, 255, 255, 0.2);
}
#home #home_gallery {
  padding: 70px 60px;
  background: #efe9e4;
}
#home #home_gallery ul {
  margin: 0 -15px 40px;
  list-style: none;
}
#home #home_gallery li {
  width: 33.33%;
  padding: 0 15px;
}
#home #home_gallery li img {
  width: 100%;
  vertical-align: bottom;
}
#home #home_gallery li section {
  padding: 5% 7%;
  background: #fff;
}
#home #home_gallery li p {
  margin: 0;
  line-height: 1.4;
}
#home #home_gallery li span {
  font-size: 13px;
  color: #7e7e7e;
}
#home #home_lineup {
  padding-top: 60px;
}
#home #home_lineup h3 {
  margin-left: 60px;
}
#home #home_lineup .bnr {
  position: relative;
}
#home #home_lineup .bnr section {
  margin: -117px 0 0 -50%;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
}
#home #home_lineup .bnr h4 {
  font-size: 72px;
  font-family: Arial, Helvetica," sans-serif";
  font-weight: bold;
  line-height: 1.0;
  text-align: center;
}
#home #home_lineup .bnr h4 span {
  margin: 25px 0;
  font-family: "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 18px;
  display: block;
}
#home #home_lineup .bnr a {
  color: #fff;
}
#home #home_lineup .bnr figure img {
  width: 100%;
  vertical-align: bottom;
}
#home #home_lineup .bnr .btn {
  width: 140px;
  height: 35px;
  margin: 0 auto;
  font-family: Arial, Helvetica," sans-serif";
  font-weight: bold;
  line-height: 32px;
  border: 2px solid #fff;
  border-radius: 35px;
  display: block;
  background: rgba(255, 255, 255, 0.2);
}
#home #home_bnr {
  padding-top: 60px;
  border-top: 1px solid #efe9e4;
}
#home #home_bnr h3 {
  margin-left: 60px;
}
#home #home_bnr ul {
  margin-bottom: 40px;
  list-style: none;
}
#home #home_bnr li {
  position: relative;
}
#home #home_bnr li section {
  margin-top: 10px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
}
#home #home_bnr li h4 {
  margin: 0 0 20px;
  font-size: 65px;
  font-family: Arial, Helvetica," sans-serif";
  font-weight: bold;
  line-height: 1.2;
}
#home #home_bnr li h4 small {
	font-size: 24px;
	display: block;
}
#home #home_bnr li span {
  margin: 0 0 25px;
  font-family: "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 18px;
  font-weight: bold;
  display: block;
}
#home #home_bnr li a {
  color: #000;
  text-shadow: 0px 0px 15px rgba(255,255,255,.5), 0px 0px 4px rgba(255,255,255,.5);
}
#home #home_bnr li figure img {
  width: 100%;
  vertical-align: bottom;
}
#home #home_bnr li .btn {
  width: 140px;
  height: 35px;
  margin: 0 auto;
  font-family: Arial, Helvetica," sans-serif";
  font-weight: bold;
  line-height: 32px;
  border: 2px solid #000;
  border-radius: 35px;
  display: block;
  background: rgba(255, 255, 255, 0.2);
}
#home #home_bnr li.white a {
  color: #fff;
  text-shadow: 0 0 10px rgba(0,0,0,0.3);
}
#home #home_bnr li.white .btn {
	border-color: #fff;
	background: rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
}
#home #home_bnr li + li {
  margin-top: 20px;
}

/* 会員サービス */
#service.member #member_head {
  padding: 70px 60px;
  display: table;
}
#service.member #member_head p {
  width: 50%;
  padding-right: 25px;
  display: table-cell;
  vertical-align: top;
}
#service.member #member_head section {
  width: 35%;
  padding-left: 25px;
  display: table-cell;
  vertical-align: top;
}
#service.member #member_head section h3 {
  padding: 5px 0;
  font-size: 24px;
  font-weight: normal;
  text-align: center;
  color: #fff;
  background: #d5b019;
}
#service.member #member_head section p {
  width: 100%;
  margin-bottom: 0;
  padding: 25px 0;
  font-size: 40px;
  line-height: 1;
  color: #d5b019;
  text-align: center;
  border-width: 0 3px 3px;
  border-style: solid;
  border-color: #d5b019;
  display: block;
}
#service.member #member_head section p span {
  font-size: 18px;
}
#service.member .memberBox {
  padding: 70px 60px;
  background: #efe9e4;
}
#service.member .memberBox h3 {
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: normal;
  line-height: 1.5;
  color: #00a9ce;
}
#service.member .memberBox h3 span {
  font-size: 21px;
  display: block;
}
#service.member .memberBox #tsmark {
  width: 100%;
  margin: 20px 0;
  padding: 40px;
  background: #fff;
  border-radius: 3px;
  display: table;
}
#service.member .memberBox #tsmark li {
  display: table-cell;
  vertical-align: bottom;
}
#service.member .memberBox #tsmark li h4 {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: normal;
}
#service.member .memberBox #tsmark li p {
  margin: 0;
}
#service.member .memberBox #tsmark li span {
  font-size: 32px;
  color: #d90d18;
}
#service.member .memberBox #tsmark li span small {
  font-size: 18px;
}
#service.member .memberBox #tsmark li + li {
  padding-left: 30px;
  border-left: 1px solid #efe9e4;
}
#service.member .memberBox #tsmark li ul {
  padding: 0;
}
#service.member .memberBox #tsmark li ul li + li {
  padding-left: 10px;
  border: 0;
}
#service.member .memberBox #inspection {
  margin-bottom: 20px;
  padding: 40px 0;
  border-radius: 3px;
  background: #fff;
  text-align: center;
}
#service.member .memberBox #inspection h4 {
  margin-bottom: 10px;
  font-size: 20px;
  color: #00a9ce;
}
#service.member .memberBox #inspection ul li {
  width: 22%;
  text-align: left;
  display: inline-block;
}
#service.member .memberBox #inspection ul li:before {
  content: "・";
}
#service.member .memberBox:nth-child(even) {
  background: #fff;
}

/*============================================
 リペイント
============================================*/
#service.repaint #repaint_head {
  margin: 60px 0;
  text-align: center;
}
#service.repaint #repaint_head h2 {
  margin-bottom: 20px;
  font-size: 36px;
  line-height: 1.4;
  color: #00a9ce;
}
#service.repaint #repaint_head h2 span {
  font-size: 21px;
  font-weight: normal;
  display: block;
}
#service.repaint #repaint_head figure {
  margin-bottom: 10px;
  text-align: center;
}
#service.repaint #repaint_head figure img {
  max-width: 100%;
}
#service.repaint .repaintBox {
  border: 1px solid #efe9e4;
  display: table;
}
#service.repaint .repaintBox figure {
  display: table-cell;
  vertical-align: middle;
}
#service.repaint .repaintBox figure img {
  vertical-align: bottom;
}
#service.repaint .repaintBox section {
  padding: 0 40px;
  display: table-cell;
  vertical-align: middle;
}
#service.repaint .repaintBox section h3 {
  margin-bottom: 20px;
  font-size: 30px;
  line-height: 1.4;
}
#service.repaint .repaintBox section h3 span {
  font-size: 20px;
  font-weight: normal;
  color: #d90d18;
  display: block;
}
#service.repaint .repaintBox section p {
  margin: 0;
}
#service.repaint .repaintBox + .repaintBox {
  border-top: 0;
}

/*============================================
 スタッフ紹介
============================================*/
#staff #contents {
  margin-top: 60px;
}
#staff .staffProf {
  position: relative;
}
#staff .staffProf figure img {
  width: 100%;
  vertical-align: bottom;
}
#staff .staffProf section {
  width: 54%;
  padding: 50px;
  background: #fff;
  position: absolute;
  top: 50%;
  right: 50px;
  z-index: 10;
  transform: translateY(-50%);
}
#staff .staffProf section h3 {
  margin-bottom: 15px;
  font-size: 40px;
  font-weight: normal;
  line-height: 1.2;
}
#staff .staffProf section h3 span {
  margin-bottom: 5px;
  font-size: 18px;
  display: block;
}
#staff .staffProf section h3 a {
  border: 2px solid #8a827b;
  border-radius: 50%;
  color: #8a827b;
  display: inline-block;
  font-size: 24px;
  height: 35px;
  line-height: 35px;
  margin-left: 10px;
  text-align: center;
  transform: translateY(-5px);
  width: 35px;
}
#staff .staffProf section p {
  margin: 0;
  font-size: 14px;
}
#staff .staffBox {
  width: 100%;
  border: 1px solid #efe9e4;
  display: -webkit-flex;
  display: flex;
}
#staff .staffBox section {
  width: 25%;
  padding: 20px 50px 50px;
  border-right: 1px solid #efe9e4;
  font-size: 14px;
}
#staff .staffBox section h4 {
  margin: 30px 0 5px;
  font-weight: normal;
  color: #767676;
}
#staff .staffBox section ul {
  font-size: 13px;
  list-style: none;
}
#staff .staffBox .staffPhoto {
  width: 75%;
  padding: 50px;
}
#staff .staffBox .staffPhoto img {
  width: 100%;
  vertical-align: bottom;
}
#staff .staffBox .staffPhoto .slick-dots {
  margin-top: 5px;
  list-style: none;
  text-align: center;
}
#staff .staffBox .staffPhoto .slick-dots li {
  margin: 0 5px;
  display: inline-block;
}
#staff .staffBox .staffPhoto .slick-dots li button {
  width: 10px;
  height: 10px;
  padding: 0;
  background: #efe9e4;
  border: 0;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  font-size: 0;
  text-indent: -999px;
  overflow: hidden;
  display: block;
}
#staff .staffBox .staffPhoto .slick-dots .slick-active button {
  background: #cdc4bc;
}

/*============================================
 店舗紹介
============================================*/
#about #aboutHead {
  margin: 40px 0;
}
#about .aboutNote {
  background: #FCECEC;
  border: 2px solid #CA2F1E;
  font-size: 16px;
  margin: 0 60px 40px;
  text-align: center;
  width: calc(100% - 120px);
}
#about .aboutNote a {
  color: #CA2F1E;
  display: block;
  padding: 20px;
}
#about #aboutHead section {
  padding: 20px 60px;
  display: flex;
}
#about #aboutHead h2 {
  margin: 0 40px 0 0;
  font-size: 34px;
  font-weight: normal;
  line-height: 1.3;
  color: #00a9ce;
}
#about #aboutHead h2 span {
  font-size: 24px;
  display: block;
}
#about #aboutHead p {
  margin: 0 40px 0 0;
  padding-left: 40px;
  border-left: 1px solid #efe9e4;
}
#about #aboutHead p {
	width: 32%;
}
#about #aboutHead p + p {
	width: auto;
}
#about .about_shopPh {
	margin-bottom: 60px;
	padding: 0 60px;
	display: flex;
	list-style: none;
}
#about .about_shopPh li {
	width: calc(50% - 10px);
}
#about .about_shopPh li + li {
	margin-left: 20px;
}
#about .about_shopPh img {
	width: 100%;
	vertical-align: bottom;
}
#about .about_shopBox {
  margin-bottom: 40px;
  padding: 0 60px;
}
#about .about_shopBox figure {
  margin-bottom: 30px;
}
#about .about_shopBox figure img {
  width: 100%;
}
#about .about_shopBox:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}

#about .about_access {
  border: 1px solid #efe9e4;
  display: flex;
  justify-content: center;
  margin: 0 60px 60px;
  padding: 40px 20px;
}
#about .about_accessSec {
  padding: 0 20px;
}

#about .about_accessBox {
  margin: 0 60px 60px;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
}
#about .about_accessBox p {
  padding: 20px 30px;
  text-align: right;
}
#about .about_accessBox p i {
  line-height: 1.3;
  vertical-align: top;
  font-size: 20px;
}
#about .about_accessBox #access_map {
  width: 100%;
  height: 500px;
}
#about .aboutBox {
  padding: 70px 60px;
  background: #efe9e4;
  overflow: hidden;
}
#about .aboutBox h3 {
  font-size: 34px;
  font-weight: normal;
  color: #00a9ce;
}
#about .aboutBox p {
  margin: 0;
  overflow: hidden;
}
#about .aboutBox figure {
  width: 50%;
  margin-left: 40px;
  float: right;
}
#about .aboutBox figure img {
  width: 100%;
}
#about .aboutBox:nth-child(even) {
  background: none;
}

/*============================================
 取扱ブランド
============================================*/
#brand .brandBox {
  padding: 70px 60px;
}
#brand .brandBox h3 {
  font-size: 50px;
  font-family: 'impact','arial black',serif;
  color: #00a9ce;
}
#brand .brandBox ul {
  list-style: none;
  overflow: hidden;
}
#brand .brandBox ul li {
  width: 20%;
  margin-top: 20px;
  font-size: 12px;
  float: left;
  text-align: center;
}
#brand .brandBox ul li figure {
  margin-bottom: 10px;
  padding: 0 10px;
  height: 90px;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: #efe9e4;
  background: #fff;
  line-height: 90px;
}
#brand .brandBox ul li figure img {
  max-width: 100%;
  vertical-align: middle;
}
#brand .brandBox ul li:nth-child(5n+1) {
  clear: left;
}
#brand .brandBox ul li:first-child figure, #brand .brandBox ul li:nth-child(5n+1) figure {
  border-left: 1px solid #efe9e4;
}
#brand .brandBox .brandname {
  margin-top: 40px;
  padding: 60px;
  border-radius: 3px;
  border: 2px solid #efe9e4;
}
#brand .brandBox .brandname li {
  margin-top: 5px;
  text-align: left;
}
#brand .brandBox:nth-child(odd) {
  background: #efe9e4;
}
#brand .brandBox:nth-child(odd) .brandname {
  background: #fff;
}

/*============================================
 ブログ
============================================*/
#blogList h2 {
  margin-bottom: 30px;
  font-size: 36px;
  font-family: "Noto Sans Japanese";
  font-weight: 900;
  line-height: 1;
  color: #00a9ce;
}
#blogList ul {
	list-style: none;
}
#feature #blogList ul {
  margin: -15px;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
#blog #blogList li,
#lineup #blogList li {
  display: flex;
}
#feature #blogList li {
  width: 33.33%;
  padding: 15px;
}
#blog #blogList li + li,
#lineup #blogList li + li {
  margin-top: 30px;
}
#blog #blogList li figure {
  width: 40%;
}
#lineup #blogList li figure {
  width: 30%;
}
#feature #blogList li figure {
  margin-bottom: 20px;
}
#blogList li img {
  width: 100%;
  height: auto !important;
  vertical-align: bottom;
}
#blog #blogList li section {
  width: 60%;
  padding-left: 20px;
}
#lineup #blogList li section {
  width: 70%;
  padding-left: 20px;
}
#blogList li h4 {
  margin: .5em 0 1em;
  line-height: 1.4;
  word-break: break-all;
}

.entrybody {
  font-size: 16px;
}
.entrybody h1 {
  margin: 0 0 30px;
  font-size: 24px;
  clear: both;
}
.entrybody h2 {
  margin: 40px 0 20px;
  font-size: 20px;
  clear: both;
}
.entrybody h3 {
  margin: 40px 0 10px;
  font-size: 18px;
  clear: both;
}
.entrybody h3 small {
  font-size: 16px;
  font-weight: normal;
}
.entrybody h4 {
  margin: 30px 0 10px;
  font-size: 18px;
  clear: both;
}
.entrybody p {
  margin-top: 10px;
  clear: both;
}
.entrybody hr {
  margin: 30px 0;
  border-width: 1px 0 0;
  border-color: #efe9e4;
  border-style: solid;
  clear: both;
}
.entrybody ul, .entrybody ol {
  margin-left: 20px;
  line-height: 1.6;
}
.entrybody li + li {
  margin-top: 10px;
}

.entrybody table {
	width: 100%;
}
.entrybody th, .entrybody td {
  padding: 5px;
  text-align: left;
  border: 1px solid #efe9e4;
}

.tags {
	margin-top: 50px;
	clear: both;
}

.oldpost,
.soldout {
padding: 15px;
background: #FFE9E9;
border: 1px solid #F9D3D1;
color: #E02F3E;
margin-bottom: 30px;
border-radius: 5px;
}

#blog #contents,
#lineup #contents {
  display: flex;
}
#blog #main,
#lineup #main {
  padding-right: 3%;
  max-width: 1000px;
}
#blog #main .blog_meta,
#lineup #main .blog_meta {
  margin-top: 10px;
}
#blog #main .date, #blog #main .cat,
#lineup #main .date,
#lineup #main .cat {
  display: block;
  font-size: 13px;
  line-height: 1.4;
}
#blog #main .date,
#lineup #main .date {
  margin-bottom: 5px;
}
#blog .entryhead,
#lineup .entryhead {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #efe9e4;
  overflow: hidden;
}
#blog .entryhead h1,
#lineup .entryhead h1 {
  margin-bottom: 5px;
  font-size: 30px;
  font-weight: normal;
  line-height: 1.4;
}
#blog .entryhead .icn,
#lineup .entryhead .icn {
  float: right;
  list-style: none;
}
#blog .entryhead .icn li,
#lineup .entryhead .icn li {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  line-height: 30px;
}
#blog .entryhead .icn li a,
#lineup .entryhead .icn li a {
  width: 30px;
  height: 30px;
  background: #8a827b;
  border-radius: 50%;
  display: inline-block;
  color: #fff;
}
#blog .entryhead .icn li a:hover,
#lineup .entryhead .icn li a:hover {
  background: #ad9f93;
}
#blog .entryhead .icn li:last-child i,
#lineup .entryhead .icn li:last-child i {
  font-size: 18px;
  line-height: 30px;
}
#blog .entryhead .icn li iframe,
#lineup .entryhead .icn li iframe {
  vertical-align: bottom;
}
#blog .entrybody,
#lineup .entrybody {
  font-size: 14px;
  word-wrap: break-word;
}
#blog .entrybody img,
#lineup .entrybody img {
  max-width: 100%;
  height: auto !important;
}
#blog .entrybody .aligncenter,
#lineup .entrybody .aligncenter {
  margin: 0 auto;
  display: block;
}
#blog #sub,
#lineup #sub {
  min-width: 300px;
  padding-left: 3%;
  border-left: 1px solid #efe9e4;
}
#blog #sub h4,
#lineup #sub h4 {
  margin-bottom: 5px;
  font-size: 16px;
}
#sub_search {
	display: none;
}
#blog #sub #sub_search,
#lineup #sub #sub_search {
	margin-bottom: 40px;
	overflow: hidden;
	display: block;
}
.slicknav_menu input[type="text"],
#blog #sub_search input[type="text"],
#lineup #sub_search input[type="text"] {
  width: 80%;
  height: 40px;
  border: none;
  padding: 5px;
  float: left;
  box-shadow: inset 1px 1px 7px -4px rgba(0, 0, 0, 0.5);
  background: #f7f4f1;
}
.slicknav_menu input[type="submit"],
#blog #sub_search input[type="submit"],
#lineup #sub_search input[type="submit"] {
  width: 20%;
  height: 40px;
  float: left;
  background: #000;
  border-style: none;
  color: #FFF;
}
#blog #sub ul,
#lineup #sub ul {
  list-style: none;
}
#blog #sub ul li + li,
#lineup #sub ul li + li {
  margin-top: 5px;
}
#blog #sub ul a:before,
#lineup #sub ul a:before {
  font-size: 15px;
  color: #b1a8a1;
  content: '・';
}
#blog #sub ul i,
#lineup #sub ul i {
  font-size: 15px;
}
#blog #sub ul ul,
#lineup #sub ul ul {
  margin-left: 20px;
}
#blog .nav-links,
#lineup .nav-links {
  width: calc( 100% - 120px );
  margin: 60px 60px 0;
  display: table;
}
#blog .nav-links .nav-previous,
#blog .nav-links .nav-next,
#lineup .nav-links .nav-previous,
#lineup .nav-links .nav-next {
  width: 50%;
  display: table-cell;
  border-top: 1px solid #efe9e4;
  border-bottom: 1px solid #efe9e4;
  vertical-align: middle;
}
#blog .nav-links a,
#lineup .nav-links a {
  padding: 20px;
  display: block;
  position: relative;
}
#blog .nav-links a:before,
#lineup .nav-links a:before {
  margin-top: -1em;
  position: absolute;
  top: 50%;
}
#blog .nav-links .nav-previous,
#lineup .nav-links .nav-previous {
  border-right: 1px solid #efe9e4;
}
#blog .nav-links .nav-previous a:before,
#lineup .nav-links .nav-previous a:before {
  left: 0;
  content: '«';
}
#blog .nav-links .nav-next,
#lineup .nav-links .nav-next {
  text-align: right;
}
#blog .nav-links .nav-next a:before,
#lineup .nav-links .nav-next a:before {
  right: 0;
  content: '»';
}

#blog #ez-toc-container {
  border: 2px solid #EFE9E4;
  padding: 40px;
}
#blog .ez-toc-title-container {
  text-align: center;
  font-size: 21px;
}
#blog .ez-toc-list {
  list-style: decimal;
}
#blog .ez-toc-list li + li {
  margin-top: 15px;
}
#blog .ez-toc-list li ul {
  margin: 10px 0 0 10px;
}
#blog .ez-toc-list li ul li {
  padding-left: 20px;
  position: relative;
}
#blog .ez-toc-list li ul li:before {
  color: #b1a8a1;
  content: '・';
  font-size: 15px;
  position: absolute;
  left: 0;
}
#blog .ez-toc-list li ul li + li {
  margin-top: 5px;
}


#blog_bnrArea {
	margin: 0 -10px;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
#blog_bnrArea li {
	width: 50%;
	margin: 0 !important;
	padding: 10px !important;
}
#blog_bnrArea li img {
	max-width: 100%;
	height: auto !important;
}

.entrybody ul.col-2 {
  display: flex;
  list-style: none;
  margin: 0 -15px;
  padding: 0;
}
.entrybody ul.col-2 li {
  padding: 0 15px;
  position: relative;
  max-width: 50%;
}
.entrybody ul.col-2 li + li {
  margin-top: 0;
}

.blog_recommendList {
  background: #efe9e4;
  border-radius: 5px;
  padding: 20px;
}
.blog_recommendList_ttl {
  display: block;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
.blog_recommend {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: -10px !important;
  padding: 0;
}
.blog_recommend li {
  background: #fff;
  margin: 10px;
  padding: 5px;
  width: calc(33.33% - 20px);
}
.blog_recommendList br {
  display: none;
}
.blog_recommendPost_ttl {
  font-size: 14px;
  line-height: 1.6;
  padding: 10px 5px;
}

.blog_ranking {
  margin: 60px 60px 0;
}
.blog_ranking h4 {
  font-size: 21px;
  font-weight: 700;
  margin: 0 0 15px;
}
.blog_ranking ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -15px;
  padding: 0;
  width: 100%;
}
.blog_ranking a {
  display: block;
}
.blog_ranking li figure {
  margin-bottom: 20px;
}
.blog_ranking li {
  padding: 0 15px;
  width: 25%;
}
.blog_ranking li img {
  height: auto !important;
  max-width: 100%;
  vertical-align: bottom;
}

.youtube {
  clear: both;
	margin: 0 auto;
	padding-top: 56.25%;
	position: relative;
  width: 100%;
}
.youtube iframe {
	height: 100%;
	left: 0;
  margin: auto;
  position: absolute;
	right: 0;
  top: 0;
  width: 100%;
}

/*============================================
 取扱車種
============================================*/
#lineup .lineupBox h3, #lineup .lineupBox p {
  clear: none;
  overflow: hidden;
}
#lineup .lineupBox figure {
  margin-left: 30px;
  float: right;
}
#lineup .lineup_btn ul {
  margin: 0;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: #000;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
#lineup .lineup_btn li {
  width: 25%;
  font-size: 18px;
  font-weight: bold;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #000;
  display: table;
}
#lineup .lineup_btn li + li {
  margin: 0;
}
#lineup .lineup_btn li a {
  width: 100%;
  padding: 0 5%;
  height: 100px;
  line-height: 1.4;
  color: #000;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  overflow: hidden;
}
#lineup .lineup_btn li span {
  position: relative;
  z-index: 10;
}
#lineup .lineup_btn li figure {
  max-width: 60%;
  position: absolute;
  bottom: -15px;
  right: -20px;
  z-index: 1;
}
#lineup .lineup_btn li figure img {
  max-width: 100%;
}
#lineup .lineup_merit {
  width: 100%;
  margin: 30px 0;
  table-layout: fixed;
}
#lineup .lineup_merit th, #lineup .lineup_merit td {
  padding: 10px 20px;
  border: 1px solid #efe9e4;
}
#lineup .lineup_merit th {
  color: #00a9ce;
}
#lineup .lineup_merit td span {
  float: right;
}
#lineup .lineup_merit td span i {
  margin-right: 3px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.7;
  vertical-align: top;
}
#lineup .lineup_merit .merit_th {
  width: 100%;
  display: table;
}
#lineup .lineup_merit .merit_th figure {
  width: 35%;
  display: table-cell;
  vertical-align: middle;
}
#lineup .lineup_merit .merit_th section {
  font-weight: bold;
  display: table-cell;
  vertical-align: middle;
}

/*============================================
 完成車
============================================*/
#gallery ul#galleryBody {
  margin: -4% -3% 0;
}
#gallery #galleryBody {
  list-style: none;
  overflow: hidden;
}
#gallery #galleryBody table {
  width: 100%;
}
#gallery #galleryBody tr + tr {
  border-top: 1px solid #efe9e4;
}
#gallery #galleryBody th, #gallery #galleryBody td {
  padding: 5px 0;
  text-align: left;
}
#gallery #galleryBody th {
  width: 11em;
}
#gallery #galleryBody h3 {
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 1.4;
  color: #00a9ce;
}
#gallery #galleryBody h3 span {
  font-size: 18px;
  font-weight: normal;
  display: block;
}
#gallery #galleryBody figure {
  margin-bottom: 20px;
}
#gallery #galleryBody figure img {
  width: 100%;
}
#gallery #galleryBody li {
  width: 50%;
  margin-top: 4%;
  padding: 0 3%;
  float: left;
}
#gallery #galleryBody li:nth-child(2n+1) {
  clear: left;
}

/*============================================
 特集
============================================*/
#feature .entryhead h2 {
  font-size: 36px;
  text-align: center;
  color: #00a9ce;
}
#feature .entrybody .alignnone {
  max-width: 100%;
  margin: 10px 0;
}
#feature .entrybody .alignleft {
  max-width: 50%;
  padding: 10px;
  float: left;
}
#feature .entrybody .alignright {
  margin: 0 0 20px 20px;
  float: right;
}
#feature .entrybody .aligncenter {
  margin: 0 auto;
  display: block;
}
#feature .entrybody img {
  max-width: 100%;
  height: auto !important;
}
#feature .entrybody a:nth-child(odd) > .alignleft,
#feature .entrybody img + .alignleft:nth-child(odd) {
  padding-left: 0;
}
#feature .entrybody a:nth-child(even) > .alignleft,
#feature .entrybody .alignleft:nth-child(even) {
  padding-right: 0;
}

#feature.detail #contents {
  max-width: 880px;
  margin: 0 auto;
}

/*============================================
 ページャー
============================================*/
#pagenav {
  margin: 60px 0 0;
}
#pagenav span, #pagenav a {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  display: inline-block;
  border: 1px solid #efe9e4;
}
#pagenav span {
  background: #efe9e4;
}
#pagenav span, #pagenav a {
  border: 1px solid #efe9e4;
}
#pagenav .next, #pagenav .prev {
  width: auto;
  border: 0;
}
#pagenav .next {
  margin-left: 10px;
}
#pagenav .prev {
  margin-right: 10px;
}

/*============================================
 イベントカレンダー
============================================*/
#calendar #calendar_gl {
  margin-top: 60px;
}
#calendar #calendar_gl iframe {
  width: 100%;
  height: 370px;
}

/*============================================
 スタッフ募集
============================================*/
.ttl_line {
  color: #00a9ce;
  font-size: 27px;
  font-weight: 500;
  margin-bottom: 30px;
  padding-bottom: 30px;
  position: relative;
  text-align: center;
}
.ttl_line:before {
  background: #00a9ce;
  bottom: 0;
  content: '';
  height: 2px;
  left: 50%;
  margin-left: -15px;
  position: absolute;
  width: 30px;
}
.recruitHead {
  display: flex;
  margin-bottom: 60px;
  padding: 0 60px;
}
.recruitHead_text {
  margin: 20px 40px 0 0;
  width: calc(100% - 430px);
}
.recruit_phList {
  display: flex;
}
.recruit_phList li {
  margin: 0;
  width: 33.33%;
}
.recruit_phList img {
  vertical-align: bottom;
  width: 100%;
}
.recruit_about {
  background: #efe9e4;
  padding: 60px;
}
.recruit_aboutWrap {
  display: flex;
}
.recruit_about_text {
  margin: 10px 0 0 40px;
  width: calc(100% - 430px); 
}
.recruit_people {
  padding: 60px;
}
.recruit_peopleWrap {
  display: flex;
  margin-bottom: 40px;
}
.recruit_people_text {
  margin: 20px 40px 0 0;
  width: calc(100% - 430px);
}
.recruit_peopleTbl {
  border: 1px solid #efe9e4;
  padding: 50px 60px;
}
.recruit_peopleTbl table {
  width: 100%;
}
.recruit_peopleTbl th {
  font-weight: 500;
  padding: 15px 0;
  text-align: left;
  width: 180px;
}
.recruit_peopleTbl td {
  padding: 15px 0;
}
.recruit_peopleTbl tr + tr th,
.recruit_peopleTbl tr + tr td {
  border-top: 1px solid #efe9e4;
}
.recruit_peopleTbl .is-sp {
  display: none;
}
.recruit_entry {
  margin-top: 40px;
  text-align: center;
}
.btn_etnry {
  display: inline-block;
  margin: 0 auto;
  width: 280px;
}
.btn_etnry a {
  background: #c49f0c;
  color: #fff;
  display: block;
  padding: 20px;
}
.btn_etnry a:hover {
  background: #e0b817;
}
.btn_etnry img {
  margin: -5px 10px 0 0;
  vertical-align: middle;
}