@charset "utf-8";

.xdebug-error {
  display: none;
}

.p-nav__toggle {
  display: none;
}
.pc_only {  display: block;}
.sp_only {  display: none;}

@media (max-width: 428px) {
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}





  .pc_only { display: none;}
  .sp_only { display: block;}
  
  body {
    background: none;
  }
  
  #header {
    background: #000;
    width: 100%;
    text-align: left;
    height: auto;
    padding-bottom: 1rem;
    padding-left: 1rem;
    box-sizing: border-box;
  }
  
  h1 {
    width: 100%;
    padding: .5rem 0;
  }
  
  a.logo {
    position: relative;
    text-align: left;
    top : 0;
  }
  
  ul.nav {
    width: 100%;
    display: none;
  }
  
  ul#globalnav{
    width: 100%;
    display: none;
  }
  
  #wrp {
    width: 100%;
  }
  
  div#column_main {
    width: 95%;
    float: none;
    padding: 0;
    margin: 1rem auto;
  }
  div#column_main h2 {
    margin-bottom: 1rem;
  }
  
  div#columnr {
    float: none;
    width: 90%;
    margin: 0 auto;
    display: none;
    text-align: center;
  }
  
  div#columnr ul {
    background: none;
    border: none;
    padding: 1rem 0 0;
  }
  
  div#columnr ul li dl dt {
    background: none;
  }
  
  div#footer div#footer_nav {
    width: 100%;
  }
  
  div#footer_bottom {
    width: 100%;
  }
  
  div#footer div#footer_nav dl {
    width: 100%;
    float: none;
    padding:  .5rem 1rem;
    box-sizing: border-box;
  }
  div#footer div#footer_nav dl.center {
    width: 100%;
    padding:  .5rem 1rem;
    box-sizing: border-box;
  }
  div#footer div#footer_nav dl.center dd {
    width: 100%;
    float: none;
  }
  div#footer div#footer_nav dl dt {
    margin-bottom: .5rem;
  }
  div#footer div#footer_nav dl dd,
  div#footer div#footer_nav dl.center dd {
    padding: .7rem 0;
  }
  div#footer div#footer_nav dl dd a {
    font-size: 1rem;
  }
  div#footer_middle ul {
    width: 100%;
  }
  div#footer_bottom {
    height: auto;
    padding: 1rem 0 0;
    text-align: center;
  }
  div#footer_bottom img {
    float: none;
    margin-bottom: .5rem;
  }
  
  div#footer_middle ul li {
    float: none;
    border: none;
    padding: .2rem 0 .2rem 1rem;
    box-sizing: border-box;
    font-size: 15px;
  }

  #column_main h3.rss {
    width: 100%;
  }
  #column_main h3.rss img {
    width: 100%;
    height: auto;
  }
  
  /* index */
  body#home {
    background: none;
  }
  body#home div#mainvs {
    width: 100%;
  }
  body#home div#mainvs img {
    width: 100%;
    height: auto;
  }
  body#home ul#home_main {
    width: 90%;
    margin: 0 auto;
  }
  body#home div#column_main {
    width: 95%;
    padding: 0;
    background: none;
    float: none;
    margin: 1rem auto;
  }
  body#home ul#home_main li {
    width: 100%;
    float: none;
    background: none;
    margin-bottom: 2rem;
    border: 1px solid #ccc;
    padding: 1.5rem;
    box-sizing: border-box;
  }
  body#home ul#home_main li.center {
    margin: 0px 0 2rem;
  }
  body#home ul#home_main li img {
    border-bottom: 1px solid #333;
  }
  body#home div#home_brand {
    width: 100%;
  }
  body#home div#home_brand table {
    width: 83%;
    margin: 0 auto;
    padding: 0 0 1rem;
  }
  body#home div#home_brand table td {
    display: block;
    width: 100%;
    text-align: left;
    padding: .5rem 0 .5rem 1rem;
    box-sizing: border-box;
  }
  body#home ul#home_main li p {
    font-size: 15px;
    line-height: 1.5;
  }
  div#columnr ul li dl dt {
    font-size: 15px;
    padding-left: 0;
    padding-top: 5px;
  }
  div#columnr ul li dl dd {
    font-size: 15px;
    line-height: 1.5;
  }
  
  #column_main h3 {
    margin: 0 0 1rem;
    font-size: 15px;
  }
  
  #column_main div.honbun ul {
    margin: 0;
  }
  
  #column_main div.honbun ul li {
    padding: 0 0 1rem;
  }
  
  #column_main h3.rss {
    width: 90%;
    margin: 0 auto;
  }
  
  #rss {
    width: 90%;
    margin: 0 auto;
  }
  
  /* under */
  h2 img {
    width: 100%;
    height: auto;
  }
  
  #column_main div.honbun {
    width: 95%;
    padding: 0;
    margin: 0 auto;
  }
  #column_main div.honbun p {
    text-indent: 0;
    font-size: 15px;
    line-height: 1.5;
  }
  #column_main div.honbun table {
    width: 100%;
    border: none;
    border-bottom: 1px solid #333;
  }
  #column_main div.honbun table th, td {
    border: 1px solid #333;
  }
  #column_main div.honbun table th {
    font-size: 15px;

    box-sizing: border-box;
    border-bottom: none;
  }
  #column_main div.honbun table td {
    font-size: 15px;
  
    box-sizing: border-box;
    padding: 1rem;
    border-bottom: none;
    line-height: 1.5;
  }
  
  body#index div.honbun ol {
    margin: 0;
  }
  body#index div.honbun h4 {
    width: 100%;
    font-size: 14px;
    padding-bottom: .5rem;
  }
  body#index div.tirechange {
    width: 95%;
    height: auto;
    margin: 0 auto;
  }
  body#index div.tirechange img {
    float: none;  
  }
  body#index div#sub_service {
    width: 95%;
    margin: 0 auto;
  }
  body#index div#sub_service div.service {
    width: 100%;
    margin: 0 auto 1rem;
    float: none;
    height: auto !important;
    display: block;
  }
  
  div.shop {
    width: 100%;
    margin: 0 0 1rem;
  }
  div.photo {
    width: 80%;
    float: none;
    margin: 0 auto 2rem;
    text-align: center;
  }
  
  div#topicpath {
    display: none;
  }
  
  body#index div#aisatsu {
    width: 100%;
    padding: 1rem;
    box-sizing: border-box;
    margin: 1rem 0;
  }
  
  body#index div#aisatsu p {
    font-size: 15px;
  }
  
  body#index div.honbun ul {
    width: 100%;
  }
  
  body#index div.honbun li h5 {
    width: 100%;
    float: none;
    margin: 0 0 .5rem;
    font-size: 16px;
  }
  
  body#index div.honbun li img {
    float: none;
    margin: 0 0 .5rem;
  }
  
  body#index div.honbun li p {
    width: 100%;
    float: none;
    margin: 0 0 .5rem;
    padding-bottom: 0;
  }
  
  div.data {
    width: 100%;
    float: none;
  }
  
  div.data table {
    width: 100%;
    border: none;
    border-bottom: 1px solid #ccc;
  }
  
  div.data table th {
    padding: 1rem;
    box-sizing: border-box;
    font-size: 15px;
    display: block;
    width: 100%;
    border: 1px solid #ccc;
    border-bottom: none;
  }
  
  div.data table td {
    padding: 1rem;
    box-sizing: border-box;
    font-size: 15px;
    display: block;
    width: 100%;
    border: 1px solid #ccc;
    border-bottom: none;
    line-height: 1.5;
  }
  
  div#map_canvas_kiyota, div#map_canvas_nangou, div#map_canvas_shindou, div#map_canvas_kitagou, div#map_canvas_yamanote {
    width: 100%;
  }
  
  p.pagetop a {
    font-size: 12px;
  }
  
  div.photo p {
    font-size: 15px;
  }
  
  body#index div.honbun table.service_table th,
  body#index div.honbun table.service_table td {
    font-size: 10px !important;
  }
  
  body#index div.tirechange {
    margin-bottom: 2rem;
  }
  
  body#index div.tirechange p {
    font-size: 15px;
  }
  
  body#index div.tirechange li {
    font-size: 15px;
  }
  
  body#index div#sub_service div.service {
    margin-bottom: 2rem;
  }
  
  body#index div#sub_service div.service h4 {
    font-size: 15px;
  }
  
  li.bigtire {
    font-size: 13px;
  }
  
  body#index div#sub_service div.service p {
    font-size: 15px;
  }
  
  body#sale h2,
  body#sale span.info,
  body#sale div.entry {
    width: 100%;
    box-sizing: border-box;
  }
  
  body#sale span.info {
    width: 95%;
  }

  body#sale div.entry {
    box-sizing: border-box;
  }  
  
  body#sale div.entry p {
    font-size: 15px;
  }

  body#sale div.title h3 {
    width: 100%;
    float: none;
  }
  
  body#sale div#column_main {
    float: none;
    width: 100%;
  }
  
  body#sale div.navigation {
    width: 100%;
  }
  
  body#sale div#sidebar {
    width: 95%;
    float: none;
    margin: 0 auto;
  }
  
  body#sale div#column_main {
    padding: 1rem 0 0;
  }
  
  body#sale div.title p {
    font-size: .8rem;
    float: none;
    margin-bottom: .5rem;
  }
  
  body#sale div.title h3 {
    font-size: 1rem;
    float: none;
    margin-bottom: .5rem;
  }
  
  #header {
    position: relative;
  }
  
  
  .p-nav__toggle {
    height: 50px;
    width: 50px;
    padding: 10px;
    box-sizing: border-box;
    z-index: 560;
    position: absolute;
    top: 10px;
    right : 10px;
    display: block;
  }
  
  .p-nav__toggle div {
    position: relative;
    left: 0;
    top: 10px;
    z-index: 10;
  }
  
  .p-nav__toggle span {
    border-bottom: solid 2px #fff;
    display: block;
    -moz-transition: .35s ease-in-out;
    position: absolute;
    transition: .35s ease-in-out;
    -webkit-transition: .35s ease-in-out;
    width: 100%;
    box-sizing: border-box;
  }
  
  .p-nav__toggle span:nth-child(1) {
    top: 0;
  }
  
  .p-nav__toggle span:nth-child(2) {
    top: 8px;
  }
  
  .p-nav__toggle span:nth-child(3) {
    top: 16px;
  }
  
  .p-nav__toggle.is-active span:nth-of-type(1) {
    transform: translateY(8px) rotate(-45deg);
    -webkit-transform: translateY(8px) rotate(-45deg);
    border-bottom: solid 3px #fff;
  }
  
  .p-nav__toggle.is-active span:nth-of-type(2) {
    opacity: 0;
  }
  
  .p-nav__toggle.is-active span:nth-of-type(3) {
    transform: translateY(-8px) rotate(45deg);
    -webkit-transform: translateY(-8px) rotate(45deg);
    border-bottom: solid 3px #fff;
  }
  
  body#home div#column_main {
    border-right: 0;
  }
  
  body#home ul#home_main li p.top_lead {
    text-align: center;
    padding: .7rem;
    box-sizing: border-box;

    margin:0 0 1rem;
    font-weight: bold;
  }
  
  div#form {
    width: 100%;
  }
  
  body#sale ul.single_prenext{
    width: 90%;
    margin: 0 auto 2rem; 
  }
  

  
  div#form table th {
    width: 100%;
    display: block;
    box-sizing: border-box;
    border: none;
    padding-bottom: 0;
  }
  
  div#form table td {
    width: 100%;
    display: block;
    border: none;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
  }
  
  
  .top_lead_img {
    margin-bottom: 1rem;
  }
  
  .top_lead_img img {
    width: 100%;
    height: auto;
  }
  
  body#home ul#home_main li p.top_lead_heightline {
    margin: 0 0 1rem;
  }
  
  body#home ul#home_main li p.top_lead_heightline strong {
    font-weight: bold;
  }
  
  body#home ul#home_main li p.top_lead_nav a {
    display: block;
    background: #ddd;
    width: 100%;
    text-align: center;
    padding: 1rem 0;
    color: #333;
    font-weight: bold;
    border-radius: 6px;
    box-shadow: 3px 3px 10px #999;
  }
  
  body#home ul#home_main li p.top_lead_nav a:after {
    content: ">";
    padding: 0 0 0 .5rem;
  }
  
  body#home div#column_main div#rss ul {
    width: 100%;
    margin: 0 0 .5rem;
    background: none;
    background-color: #e5edf0;
  }
  
  body#home div#column_main div#rss ul li {
    width: 100%;
    box-sizing: border-box;
    background: none;
  }
  
  body#home div#column_main div#rss ul li dl dt {
    width: 40%;
  }
  
  body#home div#column_main div#rss ul li dl dd.date {
    display: inline;
  }
  
  body#home div#column_main div#rss ul li dl dd {
    display: inline;
    padding-left: .5rem;
    box-sizing: border-box;
  }
  
  .shop_img img {
    width: 100%;
    height: auto;
  }
  
  .shop_nav a {
    background: #1376f0;
    display: block;
    padding: .5rem 0;
    text-align: center;
    color: #fff;
  }
  
  .shop_nav a:after {
    content: ">";
    padding: 0 0 0 .5rem;
  }
  
  div#column_main {
    border-right: none;
  }
}

.shop_map {
  width: 100%;
  height: 300px;
  margin-bottom: 1rem;
}

.p-header__nav-set {
  background: rgba(0,0,0,.8);
  position: fixed;
  left: -120%;
  top: 0;
  z-index: 450;
  width: 100%;
  height: 100%;
  padding: 1rem;
  box-sizing: border-box;
  transition: all 0.6s;
  overflow: auto;
  -webkit-overflow-scrolling: touch;

}

.p-header__nav-set.is-active {
  left: 0;
}

.p-header__nav-list {
  font-size: 1rem;
  padding: 1rem;
  box-sizing: border-box;
}




.p-header__nav-item a {
  color: #fff;
  display: block;
  padding: 1rem 0;
  border-bottom : 1px solid #999;
  position: relative;
}

.p-header__nav-item-link-under::after {
  content: "▼";
  font-size: .6rem;
  color: #fff;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}

.p-header__nav-item-link-under.is-active::after {
  content: "▲";
}

.p-header__nav-child {
  display: none;
}

.p-header__nav-child-inner {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.p-header__nav-child-item {
  width: 50%;
}

.p-header__nav-item .p-header__nav-child-link {
  font-size: .8rem;
  padding: .4rem 0;
  border: none;
  padding-left: 1rem;
  box-sizing: border-box;
}

h3.rss span {
  background: #000;
  color: #fff;
  font-size: 16px;
  display: block;
  padding: .7rem 0 .7rem .7rem;
  box-sizing: border-box;
  margin-bottom: 0rem;
}

.prev-arrow {
  position: absolute;
  left: .5rem;
  top : 5rem;
}

@media (max-width: 428px) {
  .prev-arrow {
    top : 12.5rem;
  }
}

@media (max-width: 375px) {
  .prev-arrow {
    top : 11.5rem;
  }
}


.next-arrow {
  position: absolute;
  right: .5rem;
  top : 5rem;
}

@media (max-width: 428px) {
  .next-arrow {
    top : 12.5rem;
  }
}

@media (max-width: 375px) {
  .next-arrow {
    top : 11.5rem;
  }
}


.slick-slider {
  width: 900px;
  height: 260px;
  margin: 2.5rem 0 0 1.8rem;
  overflow: hidden;
}
/*
.slick-track,
.slides__img {
  opacity: 1 !important;
  width: 100% !important;
}
*/

@media (max-width: 428px) {
  .slick-slider {
    overflow: hidden;
    width: 100vw !important;
    margin: 0 auto 1rem;
    height: 35rem;
  }
  .slick-slider img {
    width: 100%;
    height: auto;
  }
  
  .slick-track {
    width: 100vw !important;

  }
  
  .slides__img img {
    width: 100vw !important;
    height: auto;
  }
  
  .slides__img {
    left: 0 !important;
    top : 0 !important;
    position: absolute !important;
    width: 100% !important;
  }
}

.slick-list {
 /*
  position: absolute;
  left: 0;
  top : 0;
  overflow: hidden;
*/
}

@media (max-width: 375px) {
  .slick-slider {
    height: 31rem;
  }
}


@media (max-width: 428px) {
  .slick-list {
    position: absolute !important;
    height: 35rem;
    width: 100vw;
  }
}

@media (max-width: 375px) {
  .slick-list {
    height: 29rem;
  }
}

.slide-arrow {
  width: 17px;
  height: auto;
  z-index: 100;
}

@media (max-width: 428px) {
  .slide-arrow {
    width: 17px !important;
    height: auto !important;
    z-index: 100;
  }
}

.slide-arrow:hover,
.slide-dots li button {
  cursor: pointer;
}

.slide-dots {
  position: absolute;
  top : 15rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
}

@media (max-width: 428px) {
  .slide-dots {
    top : 33rem;
  }
}

@media (max-width: 375px) {
  .slide-dots {
    top : 29rem;
  }
}

.slide-dots li {
  margin: 0 .3rem;
}

.slide-dots li button {
  background: #ccc;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  text-indent: -9999px;
  border:none;
}

.slide-dots li.slick-active button {
  background: #aaa;
}