@charset "utf-8";

/*------------------------------------------------------------
[SP]
------------------------------------------------------------ */
@media screen and (max-width:767px){

/*------------------------------------------------------------
[SP] page title
------------------------------------------------------------ */
#suntory_contents .title_area {
  padding: 8vw 0 0;
  text-align: center;
}
#suntory_contents .title_area h1 {
  font-size: 5.6vw;
  font-weight: normal;
  line-height: 1;
}

/*------------------------------------------------------------
[SP] floor_container
------------------------------------------------------------ */
#suntory_contents .floor_container {
  margin: 12vw 4vw 16vw;
  order: 2;
}
#suntory_contents .floor {
  width: 100%;
}
#suntory_contents .floor_container img {
  width: 100%;
  vertical-align: bottom;
}
#suntory_contents .floor figure picture{
  width: 92vw;
  margin-left: auto;
}
#suntory_contents .floor figure {
  position: relative;
}
#suntory_contents .floor figcaption h2{
  display: inline-block;
  position: absolute;
  left: 0;
  font-size: 5.6vw;
  font-weight: normal;
  line-height: 1;
  padding: 0 0 0.8vw 0;
  border-bottom: 1px solid #666;
}
#suntory_contents .floor#f6 figcaption h2 { top: 0;}
#suntory_contents .floor#f4 figcaption h2 { top: 3.2vw;}
#suntory_contents .floor#f3 figcaption h2 { top: 0;}
#suntory_contents .floor#f1 figcaption h2 { top: 8.8vw;}

#suntory_contents .floor figcaption h2::after{
  content: "F";
  font-size: 4vw;
  font-weight: normal;
  margin-left: 5px;
}
#suntory_contents .key {
  margin: 16vw 0 0;
}
#suntory_contents .key ul {
  list-style: none;
  display:flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
#suntory_contents .key li {
  box-sizing: border-box;
  margin-bottom: 2.4vw;
  position: relative;
  font-size: 3.46666667vw;
  line-height: 1.5;
  height: 9.6vw;
  display:flex;
  align-items: center;
}
#suntory_contents .key li span {
  display: none;
}
#suntory_contents .key li::before {
  content: "";
  display: block;
  width: 8vw;
  height: 9.6vw;
  position: absolute;
  left:0;
  top: 0;
}
#suntory_contents .key li.men,
#suntory_contents .key li.multi,
#suntory_contents .key li.elevator {
  width: 50.4vw;
  padding-left: 11.2vw;
}
#suntory_contents .key li.women,
#suntory_contents .key li.locker {
  padding-left: 10.4vw;
}
#suntory_contents .key li.men::before {
  background: url(/sma/common2020/img/floor/key_men.svg) no-repeat center center / auto 8vw;
}
#suntory_contents .key li.women::before {
  background: url(/sma/common2020/img/floor/key_women.svg) no-repeat center center /  auto 8vw;
}
#suntory_contents .key li.multi::before {
  background: url(/sma/common2020/img/floor/key_multi.svg) no-repeat left 1.6vw center /  auto 7.2vw;
}
#suntory_contents .key li.locker::before {
  background: url(/sma/common2020/img/floor/key_lockers.svg) no-repeat center center / 6.4vw;
}
#suntory_contents .key li.elevator::before {
  background: url(/sma/common2020/img/floor/key_elevator.svg) no-repeat left top 0.8vw / 8vw;
}

}
/*------------------------------------------------------------
[PC]
------------------------------------------------------------ */
@media print, screen and (min-width:768px) {

/*------------------------------------------------------------
[PC] page title
------------------------------------------------------------ */
#suntory_contents .title_area {
  text-align: center;
}
#suntory_contents .title_area h1 {
  font-size: 28px;
  font-weight: normal;
  line-height: 1;
}

/*------------------------------------------------------------
[PC] floor_container
------------------------------------------------------------ */
#suntory_contents .floor_container {
  margin: 80px 0 110px;
}
#suntory_contents .floor {
  width: 100%;
}
#suntory_contents .floor_container img {
  width: 100%;
  vertical-align: bottom;
}
#suntory_contents .floor figure picture{
  width: 850px;
  margin-left: auto;
}
#suntory_contents .floor figure {
  position: relative;
}
#suntory_contents .floor figcaption h2{
  display: inline-block;
  position: absolute;
  left: 0;
  font-size: 40px;
  font-weight: normal;
  line-height: 1;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #666;
}
#suntory_contents .floor#f6 figcaption h2 { top: 0;}
#suntory_contents .floor#f4 figcaption h2 { top: 36px;}
#suntory_contents .floor#f3 figcaption h2 { top: 36px;}
#suntory_contents .floor#f1 figcaption h2 { top: 76px;}

#suntory_contents .floor figcaption h2::after{
  content: "F";
  font-size: 30px;
  font-weight: normal;
  margin-left: 5px;
}
#suntory_contents .key {
  margin: 80px 0 0;
}
#suntory_contents .key ul {
  list-style: none;
  display:flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
}
#suntory_contents .key li {
  font-size: 14px;
  line-height: 1.5;
  height: 45px;
}
#suntory_contents .key li span {
  /*  display: block;*/
  font-size: 13px;
}
#suntory_contents .key li.men {
  padding-left: 30px;
  background: url(/sma/common2020/img/floor/key_men.svg) no-repeat left center / auto 42px;
}
#suntory_contents .key li.women {
  padding-left: 30px;
  background: url(/sma/common2020/img/floor/key_women.svg) no-repeat left center / auto 42px;
}
#suntory_contents .key li.multi {
  padding-left: 43px;
  background: url(/sma/common2020/img/floor/key_multi.svg) no-repeat left center / auto 38px;
}
#suntory_contents .key li.locker {
  padding-left: 42px;
  background: url(/sma/common2020/img/floor/key_lockers.svg) no-repeat left bottom 4px / 35px;
}
#suntory_contents .key li.elevator {
  padding-left: 50px;
  background: url(/sma/common2020/img/floor/key_elevator.svg) no-repeat left bottom 1px / 40px;
}




}