@charset "utf-8";
@import url("root.css");

/***************************************
------------- 店舗案内 -------------
***************************************/
#store h3 {
  position: relative;
  padding:10px 0 10px 100px;
  background: var(--base-color_bg_b);
  color: var(--base-title_01);
  text-align: left;
  border-radius: 0;
  line-height: 1.4;
  margin: 0 auto 30px;
  border:2px solid var(--base-color04);
  
}

#store h3 span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 20px;
  color: var(--base-color03);
  background: var(--base-color04);
  font-size: 36px;
}

#store h3 span::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); /* ★ 真ん中に正確に配置 */
  right: -11px;
  width: 0;
  height: 0;
  content: '';
  border-width: 7px 0 7px 12px;
  border-style: solid;
  border-color: transparent transparent transparent var(--base-color04);
}


#store .h3_bottom {
    margin: 50px auto 30px;
}


#store .h3_cleanup {
    font-size: 30px;
    font-weight: 600;
    border-radius: 4px;
    background-color: var(--base-color04);
    color: var(--base-color03);
    margin: 0 auto 30px;
    text-align: center;
    padding: 5px 0;
}


#store dl{
width: 100%;
padding:4%;
background: #fff;
border: 1px solid var(--base-color04);
margin: 30px auto 0;
}

#store dt{
font-size: 22px;
font-weight: bold;
color:var(--base-color04);
padding-bottom: .25em;
border-bottom: 2px dotted var(--base-color04);
margin-bottom:4%;
}


@media screen and (max-width: 1024px) {
#store h3 {
  position: relative;
  padding:10px 0 10px 100px;
  background: var(--base-color_bg_b);
  color: var(--base-title_01);
  text-align: left;
  border-radius: 0;
  line-height: 1.4;
  margin: 0 auto 30px;
  border:2px solid var(--base-color04);
  
}

#store h3 span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 20px;
  color: var(--base-color03);
  background: var(--base-color04);
  font-size: 36px;
}

#store h3 span::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -11px;
  width: 0;
  height: 0;
  content: '';
  border-width: 7px 0 7px 12px;
  border-style: solid;
  border-color: transparent transparent transparent var(--base-color04);
}


#store .h3_bottom {
    margin: 50px auto 30px;
}



#store .h3_bottom {
    margin: 30px auto 20px;
}





}