@charset "UTF-8";
/**************************************************
 * sp 横浜・川崎エリアcss
 * 1:コンテンツ
 * 2:topへ戻る
 * 3:横向きの際に適用
 **************************************************/
/**********************************
 * 1:コンテンツ
 *********************************/
#contents {
  width: 100%;
}
#contents h3 {
  width: 100%;
  min-width: 290px;
  height: auto;
  max-height: 95px;
  display: inline-block;
}
#contents h3 .box-area-head {
  width: 100%;
  height: auto;
  display: inline-block;
}
#contents h3 .box-area-head .area-head {
  width: 25%;
  height: auto;
  margin-left: 2%;
}
#contents h3 .box-area-head .area-detail {
  display: none;
}
#contents h3 .box-area-head ul {
  width: 57%;
  margin: 3.5% 0 0;
}
#contents h3 .box-area-head ul li {
  width: 48%;
  line-height: 50%;
  margin: 0 1%;
}
#contents h3 .box-area-head ul li.area-link-top {
  margin: 0 0;
}
#contents h3 .box-area-head ul li.area-link-bottom {
  margin: 1% 0 0;
}
#contents h3 .box-area-head ul li.area-link-left {
  margin-right: 1%;
}
#contents h3 .box-area-head ul li a img {
  width: 100%;
  height: auto;
  min-height: 34px;
}
#contents .block-area {
  width:96%;
  min-width:  inherit;
  /*display: inherit;*/
  margin:0 auto;
  overflow:hidden;
  box-sizing:border-box;
}
#contents .block-area .box-area {
  /*padding: 40px 2% 55px;
  display: inline-block;*/
  padding: 0;
  /*display: inherit;*/
}
#contents #map-block {
  width: 100%;
  height: auto;
}
#contents #block-design {
  width: 100%;
  min-width: 290px;
  height: auto;
  background: url(../../top/img/pickup/bg_pickup.jpg) no-repeat;
  display: inline-block;
}
#contents #block-design .box-design {
  width: 100%;
  display: inline-block;
}
#contents #block-design .box-design #pickup-1 {
  width: 96%;
  padding: 42px 2% 70px;
}
#contents #block-design .box-design #pickup-1 li {
  text-align: center;
}
#contents #block-design .box-design #pickup-1 li#pickup-1_left {
  width: 100%;
  margin-top: 20px;
  float: none;
}
#contents #block-design .box-design #pickup-1 li#pickup-1_center {
  width: 100%;
}
#contents #block-design .box-design #pickup-1 li#pickup-1_right {
  margin-top: 20px;
  float: none;
}
#contents #block-design .box-design #pickup-1 li a img {
  width: 100%;
}
#contents #block-design .box-design .design-box_brand {
  width: 290px;
  padding: 62px 2% 70px;
}
#contents #block-design .box-design .diana_member {
  width: 290px;
}
/**********************************
 * 2:topへ戻る
 *********************************/
footer {
  padding: 63px 0 48px;
}
footer p.foot-infoCenter {
  top: 40px;
}
footer #img_pagetop {
  top: -50px;
}
footer #img_pagetop a {
  position: relative;
  bottom: inherit;
  right: inherit;
}
/**********************************
 * 3:横向きの際に適用
 *********************************/
@media only screen and (orientation: landscape) {
  #contents h3 {
    max-height: 98px;
  }
  #contents h3 .box-area-head ul {
    width: 34%;
    margin: 2% 0 0;
  }
}