@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
/*------------------------------
		769px以上
------------------------------*/
#mainimg { margin-bottom: 16px; }
#mainimg .mainimg__wp { min-height: 200px; background: url("/img/dealer/mainimg.jpg") center/cover no-repeat; margin-bottom: 51px; }
#mainimg .mainimg__logo { max-width: 179px; margin: 0 auto; }

.dealer { margin-bottom: 26px; }
.dealer__selector { position: sticky; top: 70px; background: #212121; padding: 20px 5.33% 5px; }
.dealer__selector-head { margin-bottom: 12px; line-height: 1; font-size: 1.2rem; color: #D6D6D6; }
.dealer__selector-choose { position: relative; }
.dealer__selector-choose select { box-sizing: border-box; padding: 17.5px 10px; line-height: 1; width: 100%; font-family: 游ゴシック体 Pr6N M, Yu Gothic Pr6N M, "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-size: 1.3rem; border: solid 1px #D6D6D6; background: #FFF; color: #2F2F2F; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.dealer__selector-choose select::-ms-expand { display: none; }
.dealer__selector-choose i { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); font-size: 1.5rem; color: #2F2F2F; }
.dealer__right { margin-top: 24px; }
.dealer__right .dealerlist { margin-bottom: 30px; }
.dealer__right .dealerlist.anchor { padding-top: 180px; margin-top: -180px; }
.dealer__right .dealerlist__area { margin-bottom: 16px; text-align: left; line-height: 1; font-size: 1.4rem; color: #D6D6D6; }
@media (min-width: 375px) { .dealer__right .dealerlist__area { font-size: calc( 1.4rem + ( 1vw - 3.75px ) * 0.8484848485 ); } }
@media (min-width: 1200px) { .dealer__right .dealerlist__area { font-size: 2.1rem; } }
.dealer__right .dealerlist__content { box-sizing: border-box; padding: 18px; border: 1px solid #707070; margin-bottom: 12px; }
.dealer__right .dealerlist__content:last-child { margin-bottom: 0; }
.dealer__right .dealerlist__txt { font-size: 1.2rem; line-height: 1; color: #D6D6D6; }
@media (min-width: 375px) { .dealer__right .dealerlist__txt { font-size: calc( 1.2rem + ( 1vw - 3.75px ) * 0.1212121212 ); } }
@media (min-width: 1200px) { .dealer__right .dealerlist__txt { font-size: 1.3rem; } }
.dealer__right .dealerlist__txt.name { margin-bottom: 12px; }
.dealer__right .dealerlist__txt.address { margin-bottom: 17px; }
.dealer__right .dealerlist__txt.tel { margin-bottom: 10px; }
.dealer__right .dealerlist__txt.tel a { display: inline-block; margin-left: 20px; text-decoration: underline; }
.dealer__right .dealerlist__txt.mail { margin-bottom: 10px; }
.dealer__right .dealerlist__txt.mail a { display: inline-block; margin-left: 10px; }
.dealer__right .dealerlist__txt.sitelink { text-align: right; }
.dealer__right .dealerlist__txt.sitelink a { display: inline-block; text-decoration: underline; }
.dealer__right .dealerlist__txt.sitelink a i { margin-left: 10px; font-size: 1.6rem; }

@media screen and (min-width: 769px) { .dealer { margin-bottom: 26px; }
  .dealer__wp { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .dealer__left { flex: 0 1 20%; width: 20%; max-width: 20%; }
  .dealer__left.pc-tab { display: block; }
  .dealer__left-wp { position: sticky; top: 200px; }
  .dealer__left-head { margin-bottom: 30px; line-height: 1; font-size: 1.2rem; color: #D6D6D6; }
  .dealer__left-choose { margin-bottom: 10px; }
  .dealer__left-choose a { position: relative; display: inline; font-size: 1.3rem; color: #FFF; }
  .dealer__left-choose a.active:after { background: #9d0000; transform: scale(1, 1); }
  .dealer__left-choose a:after { content: ''; position: absolute; left: 0; bottom: -10px; width: 100%; height: 4px; background: #FFF; transform: scale(0, 1); transform-origin: right top; transition: transform .3s; }
  .dealer__left-choose a:hover:after { transform-origin: left top; transform: scale(1, 1); }
  .dealer__right { flex: 0 1 80%; width: 80%; max-width: 80%; margin-top: 0; }
  .dealer__right .dealerlist { margin-bottom: 50px; }
  .dealer__right .dealerlist.anchor { padding-top: 140px; margin-top: -140px; }
  .dealer__right .dealerlist__area { margin-bottom: 30px; }
  .dealer__right .dealerlist__content { padding: 20px 15px; border: 0; border-bottom: 1px solid #707070; margin-bottom: 0; }
  .dealer__right .dealerlist__content:last-child { padding-bottom: 0; border-bottom: 0; }
  .dealer__right .dealerlist__txt.sitelink { margin-bottom: 10px; text-align: left; }
  .dealer__right .dealerlist__txt.sitelink a { line-height: 1.2; font-size: 1.4rem; }
  .dealer__right .dealerlist__txt.address { margin-bottom: 10px; line-height: 1.2; }
  .dealer__right .dealerlist__txt.tel a { line-height: 1.2; margin-left: 0; text-decoration: none; }
  .dealer__right .dealerlist__txt.tel span { margin-right: 18px; }
  .dealer__right .dealerlist__txt.mail { margin-bottom: 0; }
  .dealer__right .dealerlist__txt.mail a { line-height: 1.2; margin-left: 0; }
  .dealer__right .dealerlist__txt.mail span { margin-right: 10px; } }
/*------------------------------
		961px以上
------------------------------*/
@media screen and (min-width: 961px) { .dealer { margin-bottom: 26px; }
  .dealer__left { flex: 0 1 calc(100% - 80.791666%); width: calc(100% - 80.791666%); max-width: calc(100% - 80.791666%); }
  .dealer__right { flex: 0 1 80.791666%; width: 80.791666%; max-width: 80.791666%; }
  .dealer__right .dealerlist { margin-bottom: 70px; }
  .dealer__right .dealerlist.anchor { padding-top: 150px; margin-top: -150px; }
  .dealer__right .dealerlist__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 17px 20px; }
  .dealer__right .dealerlist__txt.sitelink { flex: 0 1 27.525773%; width: 27.525773%; max-width: 27.525773%; margin-bottom: 0; }
  .dealer__right .dealerlist__txt.sitelink a { font-size: 1.3rem; line-height: 2.0rem; }
  .dealer__right .dealerlist__txt.address { flex: 0 1 21.351211%; width: 21.351211%; max-width: 21.351211%; margin-bottom: 0; line-height: 2.0rem; }
  .dealer__right .dealerlist__txt.tel { text-align: center; flex: 0 1 19%; width: 19%; max-width: 19%; margin-bottom: 0; }
  .dealer__right .dealerlist__txt.tel a { line-height: 2.0rem; }
  .dealer__right .dealerlist__txt.tel span { display: none; }
  .dealer__right .dealerlist__txt.mail { flex: 0 1 30%; width: 30%; max-width: 30%; text-align: left; }
  .dealer__right .dealerlist__txt.mail a { line-height: 2.0rem; }
  .dealer__right .dealerlist__txt.mail span { display: none; } }
/*------------------------------
		1281px以上
------------------------------*/

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