@charset "UTF-8";
.calllist_box2{background: url(../img/bg_shop.jpg) repeat;
    background-size: 100% 100%;padding: 15px;padding-top: 80px;padding-bottom: 40px;margin-top: -20px;}
.calllist_box2.amb{background-color: #fff;border-bottom: 15px solid #f70432;}
.calllist_box2 dl.ac{max-width: 1000px;margin:0 auto;}
.calllist_box2 dl.ac dt{text-align: center;}


.calllist_box2 .calllist_title{max-width: 600px;margin:0 auto;margin-bottom: 80px;}

/********* 下層メニュー *********/
.ac-child__item {
  position: relative;
  padding: 1em;
  color:#0d3751;
  border-bottom: 1px solid #0d3751;
  background-color: #fff;
  cursor: pointer;
}

/* 下層メニューアイコン */
.ac-child__item:after {
  content: "";
  display: block;
  position: absolute;
  top: 40%;
  right: 16px;
  width: 8px;
  height: 8px;
  border-top: solid 2px #0d3751;
  border-right: solid 2px #0d3751;
  transform: translateY(-50%);
  transform: rotate(135deg);
  transition: all .3s;
}

/* 下層メニュー内テキストエリア */
.ac-child__description {
  padding: 1em;
  background-color: #d0dee6;
  color:#000;
}
/* 下層アイコン変化（openクラスを付与） */
.ac-child__item.open:after {
  top: 50%;
  transform: rotate(315deg);
}



.calllist_box2 dt,.calllist_box2 ul{max-width:1000px;margin:0 auto;}
  .calllist_box2 dt{margin:0 auto;}

.calllist_box2 ul{
  display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    color: #000;
  }


  .calllist_box2 ul:after{
    content: "";
    display: block;
    width: 32%;  /* .boxに指定したwidthと同じ幅を指定する */
}




.calllist_box2 ul li {
  position: relative;
    list-style: none;
    margin-bottom: 8px;
    vertical-align: middle;
    background-color: #fff;
    border-radius:7px;
    width: 32%;
    margin-bottom:45px;
    box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.5);
    text-align: center;
}

.calllist_box2 ul li div{margin-bottom: 20px;}

.calllist_box2 ul li:before{
  content: "";
  position: absolute;
    display: block;
    background-color: #fffc00;
    font-weight: bold;
    border:6px;
    width: 48%;  /* .boxに指定したwidthと同じ幅を指定する */
    top: -24px;
    left: 0;
  right: 0;
  margin: auto;
}
.calllist_box2 ul li.place01:before{content: "世田谷区";}
.calllist_box2 ul li.place02:before{content: "杉並区";}
.calllist_box2 ul li.place03:before{content: "品川区";}
.calllist_box2 ul li.place04:before{content: "大田区";}
.calllist_box2 ul li.place05:before{content: "渋谷区";}
.calllist_box2 ul li.place06:before{content: "中野区";}
.calllist_box2 ul li.place07:before{content: "板橋区";}
.calllist_box2 ul li.place08:before{content: "調布市";}


.calllist_box2 ul li h4{color:#fd7d22;font-weight: bold;font-size: 20px;margin-bottom: 15px;}
.calllist_box2 ul li h4 span{background-color: #d9e0e9;padding:8px;}
.calllist_box2 ul li p a{
display: inline-block;
    color: #fff;
    background-color: #df0821;
    padding:13px 19px 7px 19px;
    border-radius: 8px;
    border-bottom: 4px solid #ac1e2e;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 40%;
    width: 210px;
    font-size: 21px;
}
.calllist_box2 ul li p.line_btn01 a{
display: inline-block;
    background-color: #00b400;
    border-bottom: 4px solid #086c08;
}
.calllist_box2 ul li p.tell_btn01 a:before{
content: "";
 display: inline-block;
 width: 20px;
 height: 20px;
 background-image:url(../img/tell_icon01.png);
 background-size: contain;
 background-repeat: no-repeat;
 vertical-align: middle;
 margin-right: 3px;
}
.calllist_box2 ul li p.line_btn01 a:before{
content: "";
 display: inline-block;
 width: 20px;
 height: 20px;
 background-image:url(../img/line_icon01.png);
 background-repeat: no-repeat;
 background-size: contain;
 vertical-align: middle;
 margin-right: 3px;
}
.calllist_box2 ul li p a span{font-size: 0.4em;background-color: #df0821;}
.calllist_box2 ul li p{margin-bottom:18px;line-height: 150%;font-size: 15px;}
.calllist_box2 ul li p.tell_btn01{margin-bottom: 8px;}
@media screen and (min-width: 798px) {
.calllist_box2 ul li .tell_btn01 a{pointer-events: none;}
.calllist_box2 ul li a span{display: none;}
}
@media screen and (max-width: 798px) {
.calllist_box2{background: url(../img/bg_list_store.jpg) repeat; padding-top: 50px;}
.calllist_box2 .calllist_title{margin-bottom: 40px;}
  .calllist_box2 ul{width:100%;}
  .calllist_box2 ul li {width: 49%;margin-bottom: 30px;margin-top: 10px;height: auto;}
    .calllist_box2 ul li h4{font-size:15px;}
    .calllist_box2 ul li p{font-size:13px; margin: 7px;}
    .calllist_box2 ul li p.address{min-height: 80px;}
    .calllist_box2 ul li p a{font-size: 1.2em!important;line-height: 80%;}
    .calllist_box2 ul li p a span{line-height: 20%;}

  .calllist_box2 ul li p a{pointer-events: auto;font-size: 2em;padding:10px 10px 8px 10px;width: 100%;}
  .calllist_box2{padding-bottom: 15px;}
  .calllist_box2 ul li:before{font-size: 0.8em;}
  .calllist_box2 ul li p.tell_btn01 a:before{ display: none;}
.calllist_box2 ul li p.line_btn01 a:before{ display: none;}
}