@charset "utf-8";

.column .column ~ .column{
margin-top: 2em;
}
#main a{
color:#875f2b;
text-decoration: none;
}

/*
ul.staff{
margin:0;
padding:0;
list-style:none;
font-size:0;
}
ul.staff li{
width: 24.1%;
display: inline-block;
font-size:16px;
margin-right:1.2%;
margin-bottom: 2%;
}
ul.staff li:nth-child(4n){
margin-right:0;
}
ul.staff li img{
width: 100%;
}
ul.staff li span{
display: block;
}

@media screen and (max-width:736px) {
ul.staff li{
font-size:14px;
width: 48%;
margin-right:4%;
margin-bottom: 4%;
}
ul.staff li:nth-child(4n){
margin-right:4%;
}
ul.staff li:nth-child(2n){
margin-right:0;
}
}
*/

ul.staff{
margin:0;
padding:0;
list-style:none;
font-size:0;
}
ul.staff li{
width: 32%;
display: inline-block;
font-size:16px;
margin-right:2%;
margin-bottom: 2%;
}
ul.staff li:nth-child(3n){
margin-right:0;
}
ul.staff li img{
width: 100%;
}
ul.staff li span{
display: block;
}

@media screen and (max-width:736px) {
ul.staff li{
font-size:14px;
width: 48%;
margin-right:4%;
margin-bottom: 4%;
}
ul.staff li:nth-child(3n){
margin-right:4%;
}
ul.staff li:nth-child(2n){
margin-right:0;
}
}

/*店長ページ*/
.column .column ~ .column{
margin-top: 2em;
}

table.shop {
  width: 100%;
  border-collapse: collapse;
}

table.shop th {
  width: 28%;
  text-align: left;
    background: #f0f0f0;
}

table.shop th,
table.shop td {
  padding: 0.4em;
  border: 1px solid #ccc;
}

@media screen and (max-width:736px) {
table.shop th,
table.shop td {
    width: 100%;
    display: block;
    border: none;
    padding: 0.5em;
  }
table.shop td {
    padding-bottom: 1.5em;
  }
}

.flex-map{
padding-bottom: 50%;
margin-top: 1em;
}
@media screen and (max-width:736px) {
  .flex-map{
  padding-bottom: 80%;
  }
}

.tencho .img {
width: 32.3944%;
  float: left;
}
.tencho .img img {
padding: 10px;
}

.tencho .text {
width: 67.6056%;
  float: right;
margin-bottom: 0;
}
.tencho .text p.title{
font-size: 1.1em;
font-weight: bold;
border-bottom:1px dotted #c2c2c2;
}
.tencho .text p{
margin-top: 0.3em;
}
.tencho .text p.comment{
font-size: 0.8em;
}


@media screen and (max-width:736px) {
.tencho .img {
/*width: 40%;*/
width: 100%;
text-align: center;
}
.tencho .text {
/*width: 60%;*/
width: 100%;
margin-bottom: 1em;
}
.tencho .text p.comment{
font-size:1em;
}
}

table.tencho {
  width: 100%;
  border-collapse: collapse;
}
table.tencho a{
color: #875f2b;
}

table.tencho th {
  width: 20%;
  text-align: left;
    background: #f0f0f0;
}

table.tencho th,
table.tencho td {
  padding: 0.4em;
  border: 1px solid #ccc;
}

@media screen and (max-width:736px) {
table.tencho th,
table.tencho td {
    width: 100%;
    display: block;
    border: none;
    padding: 0.5em;
  }
table.tencho td {
    padding-bottom: 1.5em;
  }
}