@charset "utf-8";

#message{
margin-bottom:60px; 
}
#message .photo{
max-width: 600px;
width: 30%;
float: left; 
margin-right: 20px;
}
#message .name{
color: #999;
}
#companyProfile{
padding-bottom:60px; 
}
.mainTable dl{
margin-bottom: 3px;
display: block;
zoom: 1;
clear: both;
}
.mainTable dl:after {
content: "";
line-height: 0;
display: block;
clear: both;
}
.mainTable dt,
.mainTable dd{
padding:7px 10px; 
font-size: 90%;
}
.mainTable dt{
width: 19%;
text-align: right;
font-weight: 500;
float: left;
}
.mainTable dd{
width: 81%;
border-left: 2px solid #ffcda0;
border-bottom: 1px solid #eee;
font-weight: 300;
float: right;
}
.shopPhoto{
max-width: 600px;
width: 37%;
float: right;
margin-left: 3%;
}
.shopTable{
width: 60%;
float: left;
}
.shopMap{
margin-top:20px; 
border:1px solid #ddd;
width: 100%;
height: 300px; 
}
#headOffice,
#nishikubo101,
#mitaka,
#nishiogi{
padding-bottom: 70px;
} @media screen and (max-width: 1000px) {
.mainTable dt{
flex-basis: 30%;
}
.mainTable dd{
flex-basis: 70%;
}
.shopPhoto{
width: 42%;
}
.shopTable{
width: 55%;
}
} @media screen and (max-width: 760px) {
.mainTable dt{
flex-basis: 23%;
}
.mainTable dd{
flex-basis: 77%;
}
.shopPhoto{
width: 32%;
}
.shopTable{
width: 65%;
}
} @media screen and (max-width: 600px) {
.mainTable dl{
display: block;
margin-bottom: 10px;
}
.mainTable dt,
.mainTable dd{
text-align: left;
padding:0; 
font-size: 90%;
float: none;
width: 100%;
}
.mainTable dt{
background:#ffcda0;
text-align: left;
padding:1px 5px; 
}
.mainTable dd{
border-left: none;
border-bottom: none ;
padding:1px 5px; 
}
.shopPhoto{
width: 100%;
float: none;
margin-left:0;
margin-bottom: 10px; 
}
.shopTable{
width: 100%;
}
.shopMap{
margin-top:0px; 
}
}