@charset "UTF-8";

.telfaxTable{
  border         : none;
  border-collapse: collapse;
  margin-left    : 20px;
  margin-top     : 10px;
  margin-bottom  : 30px;
  text-align     : left;
  vertical-align : middle;
}
.telfaxTable td{
  padding: 0;
}
td.firstCol{
  width: 60px;
}

address{
  display      : block;
  margin-bottom: 80px;
}
section{
  margin-bottom: 50px;
}

.addressContainer{
  display        : flex;
  flex-direction : row;
  flex-wrap      : wrap;
  justify-content: space-between;
}
.addressDescription{
  display       : flex;
  flex-direction: column;
  width         : 50%;
}
@media screen and (max-width:1630px){
  .addressDescription{
    width: 100%;
  }
}

.addressNote{
  padding-left: 20px;
}
.addressNote li{
  list-style-type: circle;
  margin-bottom  : 10px;
}

.access-menu{
  margin-bottom: 50px;
}
ul.route-list{
  display        : block;
  margin-left    : 3%;
  list-style-type: disc;
}

.route-index-sec{
  margin-top : -55px;
  padding-top: 55px;
}
@media screen and (min-width:621px) and (max-width:720px){
  .route-index-sec{
    margin-top : -45px;
    padding-top: 45px;
  }
}
.route-index{
  width      : 70%;
  margin-left: 7%;
}
.route{
  display    : box;
  margin-left: 5%;
  line-height: 1.2;
}
.pos{
  margin-left: 5%;
}
.way{
  margin-left: 10%;
}

.drctn_time{
  margin-left: 3%;
}
.drctn_flx{
  /* safari */
  display               : -webkit-flex;
  -webkit-align-items   : flex-start;
  -webkit-flex-direction: row;
  /* others */
  display       : flex;
  align-items   : flex-start;
  flex-direction: row;
}
@media screen and (max-width:720px){
  .drctn_flx{
    -webkit-flex-direction: column;
    flex-direction        : column;
    margin-bottom         : 30px;
  }
}
.drctn_flx div{
  margin-left     : 7%;
  min-width       : 300px;
  max-height      : 300px;
  border          : 2px ridge #0066CC;
  background-color: rgba(0,204,204,0.1);
  padding         : 0;
}
.drctn_flx img{
  display        : block;
  margin-left    : auto;
  margin-right   : auto;
  width          : auto;
  height         : auto;
  max-width      : 296px; /* = drctn_flx.div.min-width  - drctn_flx.div.border-width * 2 */
  max-height     : 296px; /* = drctn_flx.div.max-height - drctn_flx.div.border-width * 2 */
  object-fit     : contain;
  background-size: contain;
}
.drctn_flx p{
  margin-left : 40px;
  font-size   : 1.2rem;
  text-align  : justify;
  text-justify: inter-ideograph;
}
@media screen and (max-width:720px){
  .drctn_flx p{
    max-width: 80%;
  }
}
.imgsize_h{
  width : 300px;
  height: 225px;
}
.imgsize_v{
  width : 225px;
  height: 300px;
}

.room_list{
  width: 50%;
}
@media screen and (max-width:720px){
  .room_list{
    width: 90%;
  }
}
.room{
  margin-left : 5%;
  text-align  : left;
  text-justify: none;
}