@charset "utf-8";

/* theme setting
--------------------------------------------------------- */

.store{
  width:50%;
  margin:0 auto;
}

.store_head{
  width:100%;
  height: auto;
}


.store_head img{
  width:100%;
}

.storename{
  width:100%;
}

.storename p{
  background-color:#6fc5c6;
  padding:5px 5px 5px 15px;
  border-radius: 10px;
  color:white;
  font-weight: bold;
  font-size:2em;
}

.container_type{
width: 100%;
border-spacing:0px;
margin-bottom:30px;
font-size:1.1em;
color:#333;
border-collapse: collapse;
}

.container_type img{
  width:100%;
  margin-bottom:30px;
}

.container_type th,
.container_type td {
border: 1px solid #c9caca;
padding: 10px;
text-align: left;
}

.container_type th {
font-weight: bold;
background-color: #fcf3d2;
}

.sp_line{
  display:none !important;
}

.storeplace{
  width:100%;
  margin-bottom:10px;
}

.storeplace h1{
  background-color:#6fc5c6;
  padding:5px;
  color:#333333;
  font-size:2em;
}

.storeplace p{
  font-size:1.1em;
}


.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.store_footer{
  width:100%;
  text-align: center;
}

.store_footer img{
  width:100%;
  height:auto;
  padding-bottom:10px;
}

@media screen and (max-width:480px){
  /*画面幅が480pxまでの時*/
  .store{
    width:100%;
    margin:0 auto;
  }

  .store_head{
    width:100%;
  }


  .store_head img{
    width:100%;
  }

.storename {
  width:100%;
}

  .storename p{
    background-color:#6fc5c6;
    padding:5px 5px 5px 15px;
    border-radius: 20px;
    color:white;
    font-weight: bold;
    font-size:2em;
  }

  .container_type{
  width: 100%;
  border-spacing:0px;
  margin-bottom:15px;
  font-size:1.1em;
  }

  .container_type img{
    width:95%;
    margin:0 auto;
    padding-bottom:20px;
  }

  .container_type th,
  .container_type td {
  border: 1px solid #c9caca;
  text-align: center;
  display: block;
  }

  .container_type th {
  font-weight: bold;
  background-color: #fcf3d2;
  }

  .sp_line{
    display:block !important;
    border-top: 2px solid #6fc5c6;
    border-bottom: 2px solid #b9e1e1;
    margin-bottom:15px;
    }

  .storeplace{
    width:100%;
    margin-bottom:10px;
  }

  .storeplace h1{
    background-color:#6fc5c6;
    padding:5px;
    color:#333333;
    font-size:2em;
  }

  .storeplace p{
    font-size:1.1em;
  }


  .ggmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  }

  .ggmap iframe,
  .ggmap object,
  .ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  }

  .store_footer{
    width:100%;
    text-align: center;
  }

  .store_footer img{
    width:100%;
    height:auto;
    padding-bottom:10px;
  }

  /* img { width: 100%; }
  .container_type,
  .container_type img,
  .container_type tr,
  .container_type td,
  .container_type th {display:block;}
  .container_type td {display:block;},
  .container_type th {width:100%;}

} */