@charset "utf-8";
/*
Theme Name: kazama_Child1
Theme URI:
Template:kazama1
Description:
Author:
Tags:
Version:3.1.16
*/


/*ヘッダー*/

/*#logo_image h1#logo img {
    max-width: 200px!important;*/
/*トップページ*/


/*販売情報*/


}

/*サービス案内*/







/*アライメント*/

/*洗車コーティング*/




.keeper_tb02 li {
    display: block;
    border: none;
}

.keeper_tb02 dl dt{
    background: #eee;
    font-weight: 700;
    text-align: center;
    padding: 5px 0;
  
}
.keeper_tb02 dd .Red {
    font-size: 18px;
    font-weight: 700;
    color: #cc1433;
    margin: 0;
}
.keeper_tb02  dl dd {
    text-align: center;
    padding-top: 10px;
}
.keeper_tb02 p{
  margin-bottom: 0!important;
}
.keeper_tb02 dl{
   margin-bottom: 0!important;

}
ul.keeper_tb02 {
   margin-left: 0!important;

}

p.keeper {
    background: #24a8d8;
    color: #fff!important;
    text-align: center;
    padding: 5px;
    font-size: 20px;
    margin-bottom: 20px!important;
}

.btn01 {
    text-align: center;
    margin: 40px auto 0;
}
.btn01 a {
    min-width: 270px;
    background: #fff;
    color: #C30D23;
    font-weight: 700;
    display: inline-block;
    padding: 15px 30px;
    position: relative;
    border: #C30D23 2px solid;
}
.btn01 a:before {
    width: 10px;
    height: 10px;
    content: '';
    display: block;
    border-top: #C30D23 3px solid;
    border-right: #C30D23 3px solid;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 20px;
    -webkit-transform: rotate(
45deg
) !important;
    transform: rotate(
45deg
) !important;
}

span.bold {
    font-weight: 700;
}
#sankou h4 span {
    color: #444;
    font-weight: 200;
    font-size: 15px;
    margin-left: 20px;
}
span.red{
    color: #c30d23;
    font-weight: 700;
    }
#grid {
 display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px 30px;  
}

.gridList {
    grid-row: 1 / 2;
    background: #c30d23;
 
    text-align: center;
    color: #fff;
    margin: 3%;
    height: 50px;
    justify-content: center;
    display: flex;
    align-items: center;
}

p.time {
    background: #c30d23;
    width: 200px;
    padding: 2%;
    text-align: center;
    color: #fff!important;
    font-size: 1.8rem;
    margin-top: 20px!important;
}
p.red01 {
    background: #c30d23;
    color: #fff!important;
    padding: 2% 3%;
}
#sidemenu .anchor li {
    width: 23%;
    text-align: center;
    margin: 0 1% 1% 0;
    border: #C30D23 2px solid;
}
#sidemenu .anchor li a {
    font-weight: 700;
    display: flex;
    padding: 10px 0;
    height: 70px;
    align-items: center;
    justify-content: center;
}
ul.anchor.col {
    width: 100%;
    margin: 0 auto;
}



ul, ol{
   list-style-type:none;
}
.col>li {
    display: inline-block;
    vertical-align: top;
}


/*店舗案内*/

#grid03 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
        margin-bottom: 10px;

 }  
.gridList03 {
    grid-row: 1 / 2;
    /* background: #c30d23; */
    text-align: center;
    color: #c30d23;
    height: 50px;
    justify-content: center;
    display: flex;
    align-items: center;
    border: solid 1px;
}
.left {
    width: 10%;
    float: left;
    justify-content: center;
    align-items: center;
    display: flex;
    height: 50px;
}
p.map {
    background: #fbf8e3;
    /* color: #fff!important; */
    padding: 2px 10px;
    text-align: center;
    width: 100px;
    border-radius: 3px;
    display: block;
    border: solid 0.5px #aaa;
}
table.shop p{
    margin: 0!important;
}
table.shop {
    width: 100%;
}
table.shop th{
    background:  #fcf8e3;
    text-align: center;
        width: 20%;
 }   
/*アイコン*/
svg.icon.icon-spanner {
    font-size: 30px;
    color: #c30d23;
}
span.note {
    font-size: 20px;
    vertical-align: top;
    color: #c30d23;
}
svg.icon.icon-notification {
    width: 50px;
    fill: #c30d23;
    font-size: 30px;
}

.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}
svg.icon.icon-notification {
    width: 50px;
    fill: #c30d23;
}
svg.icon.icon-arrow-right, .icon-arrow-down {
    width: 100%;
    fill: #c30d23;
}

/*お問い合わせ*/
.form_table {
    margin: 30px auto;
        border: 1px solid #ddd;
    background: #fafafa;
    padding: 5%;
}

input[type="text"], input.btn.send, textarea,input.btn.back {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    width: 100%;
}
.form_table dl{
    padding: 5px 20px!important;
}
.form_table dt.required:after {
    background: #fff20d;
    bottom: 0; */
    color: #000;
    content: "必須";
    display: inline-block;
    font-size: 1rem;
    height: 20px;
   margin: 5px; right: 10px;
    text-align: center;
    width: 30px;
}

label {
/*    display: inline-block;*/
    margin-bottom: 5px;
    font-weight: bold;
}
.mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0px;
}
.scroll-box::-webkit-scrollbar {
 width: 5px; }

.scroll-box::-webkit-scrollbar-track { background: #f1f1f1; }

.scroll-box::-webkit-scrollbar-thumb { background: #c1c1c1; }

.bs {
  margin-bottom: 1.0em;
}
.scroll-box {
    padding: 20px;
    font-size: smaller;
}
input.btn.send {
 background: #c30d232b;

}
input.btn.back {
    background: #77777729;
}
@media only screen and (max-width: 767px) {


html,body{
        overflow-x:  hidden;
        overflow-y: scroll: 
    }

  span.contents_sub {
    display: block;
    font-size: 15px;
}




.flexBox {
    display: block;
}
.item {
    width: 100%;
    margin: auto;
}
.flexBox img {
  margin-top: 10px;

}
.pc {
    display: none;
}
.sp {
    display:inline;
}
.wp-block-column.order1 {
  order: 1;
}
.wp-block-column.order2 {
  order: 2;
}
.wp-block-column.order3 {
  order: 3;
}
/*ヘッダー*/

/*販売情報*/


table.sales th,table.sales td{
    display: block;
    width: 100%;
    
}

/*店舗紹介*/
table.shop th, table.shop td {
    display: block;
    width: 100%;
}
/*洗車コーティング*/
.keeper_tb, .price_tb { 
 display: block;
 
}
.keeper_tb li, .price_tb li {
    display: block;
    border: none;
}

ul.price_tb {
  margin-left: 0!important;
}
ul.keeper_tb{
  margin-left: 0!important;
}

#grid {
     gap: 0; 
   
}

#sidemenu .anchor li {
    width: 48%;
    max-width: 280px;
    font-size: 12px;
    
    margin: 0 auto 10px;
}

p.tire-keep {
    width: 100%;
}

/*タイヤ預かり*/
.tire {
    display: block;
}


/*サービス案内*/



.price01_sp table td {
    text-align: right;
    border: 1px solid #444;
    display: list-item;
    list-style: none;
}

.price01_sptable th {
    text-align: center;
    background: #337ab74a;
    color: #08344a;
    border: 1px solid #444;
    display: list-item;
}
.price01_sp table  {
    width: 100%;
  }
.price01_sp table .thead {
    display: none;
  }
.price01_sp table  tr {
    width: 100%;
  }
.price01_sp table  td {
    display: block;
    text-align: right;
    width: 100%;
  }

  .price01_sp table  th{
    display: block;
  }
.price01_sp table  td:first-child {
 background: #fff1166e;
 /*   color: #08344a;*/
    font-weight: bold;
    text-align: center;
  }
  .price01_sp table  td:nth-child(3n+1){
    background: #fff1166e;
    /*color: #08344a;*/
    font-weight: bold;
    text-align: center;
  }
.price01_sp table  td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
  }
.price01_sp th.menu02{
 background: #fff1166e;
 color: #444;
}
div#sidemenu {
    margin: auto;
}
td.center {
    text-align: right!important;
}

#grid02 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    width:100%;


}
@media (min-width:1024px){
  }




}
@media screen and (max-width: 479px){ 

#logo_image h1#logo img {
    max-height: 45px !important;
}

}