@charset "utf-8";
/* =========================================

communal  CSS

last modify : 2019/2/21 TCI後藤 入庫可能サイズ表追加

2019/01/28 326_sakaguchi 

============================================ */

.clearfix::after {
  clear: both;
  content: "";
  display: block;
}

body {
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-size: 17px;
}

#wrapper {
  background: url(../image/bg-contents.png) repeat;
  width: 100%;
}

#contents {
  margin: 0 auto;
  max-width: 1000px;
  padding-top: 1em;
  width: 100%;
}

#contents img {
  margin: 0;
  padding: 0;
  /*vertical-align: bottom;*/
  width: 100%;
  -webkit-backface-visibility: hidden;
}

@media screen and (max-width: 736px) {
  #contents {
    padding-top: 0;
  }
}

h1 {
  margin: 0 auto;
}

.txt_lead {
  margin: 1em auto 1.5em;
  width: calc( 705 / 1000 * 100% );
}

@media screen and (max-width: 1024px) {
  .txt_lead {
    width: calc( 670 / 1000 * 100% );
  }
}

@media screen and (max-width: 736px) {
  .txt_lead {
    width: 90%;
  }
}

/*=========================================

            .con_parking
            .con_fitness
            .con_observation _deck

==========================================*/
.con_parking,
.con_fitness,
.con_observation_deck {
  margin: 0 auto 3em;
  overflow: hidden;
  width: calc( 860 / 1000 * 100% );
}

.con_parking h2,
.con_fitness h2,
.con_observation_deck h2 {
  background: url(../image/bg-ttl.gif) repeat;
  border-left: 10px solid #433204;
  color: #fff;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝","Yu Mincho",YuMincho,"MS 明朝","ＭＳ Ｐ明朝", "MS PMincho",serif;
  font-size: 150%;
  font-weight: normal;
  line-height: 1.7em;
  margin-bottom: 1em;
  padding-left: 0.3em;
}

.con_fitness h2,
.con_observation_deck h2 {
  border-left: none;
  padding: 0;
}

.con_fitness h2 span,
.con_observation_deck h2 span {
  background: #433204;
  color: #fff;
  display: inline-block;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝","Yu Mincho",YuMincho,"MS 明朝","ＭＳ Ｐ明朝", "MS PMincho",serif;
  font-size: 80%;
  margin-right: 0.5em;
  line-height: 2.2em;
  padding: 0 0.7em;
}

.con_parking .box_info,
.con_fitness .box_info,
.con_observation_deck .box_info {
  float: left;
  margin-left: 1.5em;
  width: calc( 462 / 860 * 100% );
}

.con_parking .box_info h3,
.con_fitness .box_info h3,
.con_observation_deck h3 {
  border-bottom: 1px solid #8E1F1F;
  color: #8E1F1F;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝","Yu Mincho",YuMincho,"MS 明朝","ＭＳ Ｐ明朝", "MS PMincho",serif;
  font-size: 120%;
  margin-bottom: 0.5em;
  padding: 0 0.3em;
}

.con_parking .box_info p,
.con_fitness .box_info p,
.con_observation_deck p {
  font-feature-settings: "palt";
  letter-spacing: 0.03em;
  line-height: 1.5em;
  margin-bottom: 2em;
  padding: 0 0.5em;
}

.con_fitness .box_info p,
.con_observation_deck p {
  margin-bottom: 1em;
}

.con_parking .box_info .list_point {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-bottom: 2em;
  width: 100%;
}

.con_parking .box_info .list_point li {
  align-items:center;
  background: #b59c5a; /* Old browsers */
  background: -moz-linear-gradient(top, #b59c5a 0%, #c7b68d 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #b59c5a 0%,#c7b68d 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #b59c5a 0%,#c7b68d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border-radius: 50%;
  box-shadow: 1px 2px 3px 2px #9e9e9e;
  height: 8em;
  display:flex;
  width: 8em;
}

.con_parking .box_info .list_point li p {
  color: #fff;
  /*font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝","Yu Mincho",YuMincho,"MS 明朝","ＭＳ Ｐ明朝", "MS PMincho",serif;*/
  font-family: "Helvetica Neue" , Helvetica ,sans-serif;
  font-size: 95%;
  line-height: 1.3em;
  margin: 0.4em 0 0 0;
  text-align: center;
  width: 100%;
}

.con_parking .box_info .list_point li p span {
  font-size: 140%;
  line-height: 1.5em;
}

.con_parking .box_info table {
  margin: 0 auto 0.5em;
  width: 95%;
}

.con_fitness .box_info table {
  margin: 0 auto 1.5em;
  width: 95%;
}

.con_parking .box_info table th,
.con_fitness .box_info table th {
  background: #92B185;
  border-bottom: 1px solid #fff;
  color: #fff;
  font-size: 95%;
  font-weight: normal;
  padding: 0.5em 0.5em;
  text-align: left;
  vertical-align: middle;
  width: calc( 245 / 462 * 100% );
}

.con_fitness .box_info table th {
  width: calc( 167 / 462 * 100% );
}

.con_parking .box_info table th.table_ttl {
  background: #577E47;
  font-size: 110%;
  text-align: center;
  width: 100%;
}

.con_parking .box_info table td,
.con_fitness .box_info table td {
  background: #fff;
  border-bottom: 1px solid #92B185;
  font-size: 90%;
  padding: 0.5em 1em;
  vertical-align: middle;
  width: calc( 195 / 462 * 100% );
}

.con_fitness .box_info table td {
  width: calc( 295 / 462 * 100% );
}

.con_parking .box_info table tr:last-of-type th,
.con_parking .box_info table tr:last-of-type td,
.con_fitness .box_info table tr:last-of-type th,
.con_fitness .box_info table tr:last-of-type td {
  border: none;
}

.con_parking .box_info .list_attention {
  margin: 0 auto;
  width: 95%;
}

.con_parking .box_info .list_attention li {
  font-size: 80%;
  margin-bottom: 0.3em;
}

.con_parking .box_info01 {
  margin: 1.5em auto 0;
  width: calc( 100% - 3em );
}

.con_parking .box_info01 table {
  width: 100%;
}

.con_parking .box_info01 table .table_ttl {
  background: #577E47;
  border-bottom: 1px solid #fff;
  color: #fff;
  font-size: 110%;
  font-weight: normal;
  line-height: 2em;
  padding: 0 1em;
  text-align: center;
  width: 100%;
}

.con_parking .box_info01 table .sub_th01 th {
  background: #92B185;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  color: #fff;
  font-size: 95%;
  font-weight: normal;
  line-height: 2em;
  padding: 0 .2em;
  text-align: center;
  width: calc( 80% / 6 );
}

.con_parking .box_info01 table .sub_th01 th:first-child {
  width: 20%;
}

.con_parking .box_info01 table .sub_th01 th:last-child {
  border-right: none;
}

.con_parking .box_info01 table .sub_th02 {
  background: #b6cfab;
  border-bottom: 1px solid #fff;
  color: #000;
  font-size: 95%;
  font-weight: normal;
  line-height: 2em;
  padding: 0 .2em;
  text-align: center;
}

.con_parking .box_info01 table td {
  background: #fff;
  border-bottom: 1px solid #92B185;
  border-right: 1px solid #92B185;
  font-size: 95%;
  padding: 0 .2em;
  text-align: center;
}

.con_parking .box_info01 table td:last-child {
  border-right: none;
}

.con_parking .box_info01 table tr:last-of-type th,
.con_parking .box_info01 table tr:last-of-type td {
  border-bottom: none;
}

.con_parking .box_info01 .list_attention {
  margin: 1em auto 0;
}

.con_parking .box_info01 .list_attention li {
  font-size: 90%;
  padding-left: 1.5em;
  text-indent: -1.5em;
}

.con_parking .btn,
.con_observation_deck .btn,
.con_fitness .btn {
  background: #BA2222;
  background: -moz-linear-gradient(top, #BA2222 0%, #971C1C 100%);
  background: -webkit-linear-gradient(top, #BA2222 0%,#971C1C 100%);
  background: linear-gradient(to bottom, #BA2222 0%,#971C1C 100%);
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝","Yu Mincho",YuMincho,"MS 明朝","ＭＳ Ｐ明朝", "MS PMincho",serif;
  margin: 0 auto;
  position: relative;
  width: calc( 400 / 462 * 100% );
}

.con_parking .btn {
  margin: 2em auto 0;
  width: calc( 500 / 860 * 100% );
}

.con_observation_deck .btn.no_link {
  background: #a9a9a9;
  background: -moz-linear-gradient(top, #a9a9a9 0%, #636363 100%);
  background: -webkit-linear-gradient(top, #a9a9a9 0%,#636363 100%);
  background: linear-gradient(to bottom, #a9a9a9 0%,#636363 100%);
  pointer-events: none;
}

.con_parking .btn:before,
.con_observation_deck .btn:before,
.con_fitness .btn:before {
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  content: "";
  bottom: 40%;
  right: 1em;
  height: 10px;
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
  width: 10px;
}

.con_parking .btn:hover,
.con_observation_deck .btn:hover,
.con_fitness .btn:hover {
  opacity: .8;
  transition: .5s all;
}

.con_parking .btn a,
.con_observation_deck .btn a,
.con_fitness .btn a {
  color: #fff;
  display: block;
  font-size: 130%;
  letter-spacing: 0.05em;
  padding: 0.6em 1em;
  text-align: center;
}

.con_parking .btn a {
  padding: 0.4em 1em;
}

.con_parking .btn a:hover,
.con_observation_deck .btn a:hover,
.con_fitness .btn a:hover {
  text-decoration: none;
}

.con_parking .img,
.con_fitness figure,
.con_observation_deck figure {
  float: right;
  margin-right: 1.5em;
  width: calc( 319 / 860 * 100% );
}

.con_parking .img figure {
  margin-top: 1em;
}

.con_observation_deck figure {
  margin-bottom: 1em;
}

.con_observation_deck ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  width: calc( 800 / 860 * 100% );
}

.con_observation_deck ul li {
  border: 1px solid #8D6C11;
  height: 7em;
  overflow: hidden;
  position: relative;
  width: calc( 180 / 800 * 100% );
}

.con_observation_deck ul li:after {
  bottom: 0;
  content: url(../image/ico-grass.png);
  display: block;
  height: 25px;
  position: absolute;
  right: 0;
  width: 25px;
}

.con_observation_deck ul li img {
  height: 100%;
}

@media screen and (max-width: 1000px) {
  .con_parking h2, 
  .con_fitness h2, 
  .con_observation_deck h2 {
    font-size: 3vw;
  }

  .con_fitness h2 span,
  .con_observation_deck h2 span {
    font-size: 58%;
    line-height: 3.3em;
  }

  .con_parking .box_info h3,
  .con_fitness .box_info h3,
  .con_observation_deck h3 {
    font-size: 2.7vw;
  }

  .con_parking .box_info table th.table_ttl {
    font-size: 2vw;
  }

  .con_parking .box_info table th,
  .con_fitness .box_info table th {
    font-feature-settings: "palt";
    font-size: 1.7vw;
    vertical-align: middle;
  }

  .con_parking .box_info table td,
  .con_fitness .box_info table td {
    font-size: 1.7vw;
    vertical-align: middle;
  }

  .con_parking .box_info .list_attention li {
    text-align: justify;
  }

  .con_parking .btn {
    margin-top: 1em;
  }

  .con_fitness .btn,
  .con_observation_deck .btn {
    width: 90%;
  }

  .con_parking .btn a,
  .con_observation_deck .btn a,
  .con_fitness .btn a {
    font-size: 2.4vw;
  }

  .con_parking .box_info01 table .table_ttl {
    font-size: 2vw;
  }

  .con_parking .box_info01 table .sub_th01 th {
    font-feature-settings: "palt";
    font-size: 1.7vw;
    vertical-align: middle;
  }

  .con_parking .box_info01 table .sub_th02 {
    font-size: 1.7vw;
    vertical-align: middle;
  }

  .con_parking .box_info01 table td {
    font-size: 1.7vw;
    vertical-align: middle;
  }
}


@media screen and (max-width: 736px) {
  .con_parking,
  .con_fitness,
  .con_observation_deck {
    margin-bottom: 2em;
    width: 95%;
  }

  .con_parking h2,
  .con_fitness h2,
  .con_observation_deck h2 {
    font-size: 5.3vw;
    margin-bottom: 0.5em;
  }

  .con_parking .box_info, 
  .con_fitness .box_info, 
  .con_observation_deck .box_info {
    float: none;
    margin: 0 auto 2em;
    width: 95%;
  }

  .con_parking .box_info h3, 
  .con_fitness .box_info h3, 
  .con_observation_deck h3 {
    font-feature-settings: "palt";
    font-size: 4.8vw;
  }

  .con_parking .box_info p, 
  .con_fitness .box_info p, 
  .con_observation_deck p {
    margin-bottom: 1em;
  }

  .con_parking .box_info .list_point li p {
    font-size: 4vw;
    letter-spacing: -0.01em;
  }

  .con_parking .box_info table, 
  .con_fitness .box_info table {
    margin-bottom: 1em;
  }

  .con_parking .box_info table th, 
  .con_fitness .box_info table th {
    display: block;
    font-size: 4vw;
    width: 100%;
  }

  .con_parking .box_info table th.table_ttl {
    font-size: 4vw;
    font-weight: bold;
  }

  .con_parking .box_info table td, 
  .con_fitness .box_info table td {
    display: block;
    font-size: 4vw;
    line-height: 2em;
    width: 100%;
  }

  .con_parking .box_info01 {
    margin: 0 auto 2em;
    width: 95%;
  }

  .con_parking .box_info01 table {
    margin: 0 auto;
    width: 95%;
  }

  .con_parking .box_info01 table .table_ttl {
    font-size: 4vw;
    font-weight: bold;
    line-height: 1.5;
    padding: .5em;
  }

  .con_parking .box_info01 table .sub_th01 {
    background: #92B185;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 4vw;
    font-weight: normal;
    line-height: 2em;
    padding: 0 .2em;
    text-align: center;
    width: 50%;
  }

  .con_parking .box_info01 table .sub_th02 {
    border-right: none;
    font-size: 4vw;
  }

  .con_parking .box_info01 table td {
    border-right: none;
    font-size: 4vw;
  }

  .con_parking .box_info01 table .border_bottom th,
  .con_parking .box_info01 table .border_bottom td {
    border-bottom: 1px solid #fff;
  }

  .con_parking .box_info01 table td:last-child {
    border-right: none;
  }

  .con_parking .box_info01 table tr:last-of-type th,
  .con_parking .box_info01 table tr:last-of-type td {
    border-bottom: none;
  }

  .con_parking .box_info01 .list_attention {
    width: 95%;
  }

  .con_parking .btn,
  .con_observation_deck .btn,
  .con_fitness .btn {
    width: 90%;
  }

  .con_parking .btn a,
  .con_observation_deck .btn a,
  .con_fitness .btn a {
    font-size: 4.7vw;
    padding: 0.6em 1em;
  }

  .con_parking .img, 
  .con_fitness figure, 
  .con_observation_deck figure {
    float: none;
    margin: 0 auto;
    width: 80%;
  }

  .con_observation_deck ul {
    margin-top: 1em;
  }

  .con_observation_deck ul li {
    width: 47%;
  }

  .con_observation_deck ul li:nth-child( n+3 ) {
    margin-top: 1em;
  }
}

/*=========================================

          .con_garden
          .con_other

==========================================*/
.wrp_other {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto 3em;
  overflow: hidden;
  width: calc( 860 / 1000 * 100% );
}

.con_garden,
.con_other {
  width: calc( 420 / 860 * 100% );
}

.con_other {
  background: url("../image/bg-other.png") no-repeat;
  background-size: contain;
  background-position: bottom right;
}

.con_garden h2,
.con_other h2 {
  background: url(../image/bg-ttl.gif) repeat;
  border-left: 10px solid #433204;
  color: #fff;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝","Yu Mincho",YuMincho,"MS 明朝","ＭＳ Ｐ明朝", "MS PMincho",serif;
  font-size: 125%;
  font-weight: normal;
  line-height: 1.7em;
  margin-bottom: 0.5em;
  padding-left: 0.3em;
}

.con_garden h2 {
  border-left: none;
  padding: 0;
}

.con_garden h2 span {
  background: #433204;
  color: #fff;
  display: inline-block;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝","Yu Mincho",YuMincho,"MS 明朝","ＭＳ Ｐ明朝", "MS PMincho",serif;
  font-size: 90%;
  margin-right: 0.5em;
  padding: 0 0.7em;
}

.con_garden figure {
  margin: 0 auto 1em;
  width: calc( 323 / 420 * 100% );
}

.con_garden .box_info {
  margin: 0 auto;
  width: calc( 408 / 420 * 100% );
}

.con_garden .box_info h3 {
  border-bottom: 1px solid #8E1F1F;
  color: #8E1F1F;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝","Yu Mincho",YuMincho,"MS 明朝","ＭＳ Ｐ明朝", "MS PMincho",serif;
  font-size: 120%;
  margin-bottom: 0.5em;
  padding: 0 0.3em;
}

.con_garden .box_info p {
  padding: 0 0.5em;
}

.con_other dl {
  margin: 0 auto;
  width: calc( 395 / 420 * 100% );
}

.con_other dl dt {
  font-size: 105%;
  font-weight: bold;
  margin-bottom: 0.1em;
  padding-left: 1.3em;
  position: relative;
}

.con_other dl dt:before {
  background: url(../image/ico-star.png) center center no-repeat;
  background-size: 1em;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 1em;
}

.con_other dl dd {
  margin-bottom: 1em;
  padding-left: 1.5em;
}

@media screen and (max-width: 1000px) {
  .con_garden h2, 
  .con_other h2 {
    font-size: 3vw;
  }

  .con_garden .box_info h3 {
    font-size: 2.7vw;
  }

  .con_other dl dt {
    font-size: 2.3vw;
  }
}


@media screen and (max-width: 736px) {
  .wrp_other {
    margin-bottom: 0;
    width: 95%;
  }

  .con_garden, 
  .con_other {
    margin: 0 auto 2em;
    width: 100%;
  }

  .con_garden h2, 
  .con_other h2 {
    font-size: 4.8vw;
  }

  .con_garden h2 span {
    font-size: 58%;
    line-height: 3.3em;
  }

  .con_garden figure {
    width: 80%;
  }

  .con_garden .box_info {
    width: 95%;
  }

  .con_garden .box_info h3 {
    font-feature-settings: "palt";
    font-size: 5vw;
  }

  .con_other dl {
    width: 95%;
  }

  .con_other dl dt {
    font-size: 4.7vw;
  }

  .con_other dl dd {
    padding: 0 0.5em;
  }
}


  .con_other dl dd p{
    margin-top: 0.5em;
    font-size:90%;
  }