@charset "utf-8";

body {font-family: 'メイリオ',
      'Hiragino Kaku Gothic Pro',sans-serif}
body {
  margin: 0;
  padding: 0;
     }
p,h1,h2,h3,h4,h5,h6 {
  margin-top: 0;
     }
img {
    vertical-align: bottom;
    }
ul {
  margin: 0;
  padding: 0;
}
ul {
  list-style: none;
}
ul {
  width: 100%;ｄｄ
  height: 100vw
}
a {
  text-decoration: none
}
a:hover{
  text-decoration: underline
}
body{
  font-family: 'Bitter',serif;
  font-weight: bold;
  text-align: center
}
body img {margin-bottom: px}
.logo img {
  width: 100%
}
.menu li a {
  line-height: 8;
}
ul li {
  text-align: center;
    }
.menu{
  background-color:#444444
}
/*ボタン*/

.menu {
  display: inline-block;
}

a:hover img{
opacity:0.50;
filter:alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
-moz-opacity:0.50;
}

/*iphoneX始まり*/
@media (max-width: 375px){
    background-color: #444444

  .logo {
    width: 375px
  }
  .menu ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }
  .menu li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
  .menu {
    height: 330px
  }
  .menu li {
    height: 70px
  }
  .ul {
    height: 200px
  }

.demo1 {
    background: url(../image/e.bottom/concept.off50.png) no-repeat;
    padding: 30px 30px
  }
  .demo1:hover {
    background: url(../image/e.bottom/concept.on50.png)no-repeat
  }
  .demo1:hover img {
    opacity: 0.5;
  }
  .demo2 {
    background: url(../image/e.bottom/room.off.50.png) no-repeat;
    padding: 30px 30px
  }
  .demo2:hover {
    background: url(../image/e.bottom/room.50.on.png)no-repeat
  }
  .demo2:hover img {
    opacity: 0.5;
  }
  .demo3 {
    background: url(../image/e.bottom/fun.off50.png) no-repeat;
    padding: 30px 30px
  }
  .demo3:hover {
    background: url(../image/e.bottom/fun.on50.png)no-repeat
  }
  .demo3:hover img {
    opacity: 0.5;
  }
  .demo4 {
    background: url(../image/e.bottom/pc_nav_05_off50.png) no-repeat;
    padding: 30px 30px
  }
  .demo4:hover {
    background: url(../image/e.bottom/pc_nav_05_on50.png)no-repeat
  }
  .demo4:hover img {
    opacity: 0.5;
  }
  .demo5 {
    background: url(../image/e.bottom/access.off50.png) no-repeat;
    padding: 30px 30px
  }
  .demo5:hover {
    background: url(../image/e.bottom/access.on50.png)no-repeat
  }
  .demo5:hover img {
    opacity: 0.5;
  }
  .demo6 {
    background: url(../image/e.bottom/pc_nav_08_off50.png) no-repeat;
    padding: 30px 30px
  }
  .demo6:hover {
    background: url(../image/e.bottom/pc_nav_08_on50.png)no-repeat
  }
  .demo6:hover img {
    opacity: 0.5;
  }
  .yoyaku1{
    background: url(../image/e.bottom/yoyaku_boton_off190.png) no-repeat;
    padding: 50px 100px;
  }
  .yoyaku1:hover {
    background: url(../image/e.bottom/yoyaku_boton_on190.png)no-repeat
  }
  .yoyaku:hover img {
    opacity: 0.5;
  }
  .yoyaku{margin:0 auto;
  margin-top: 70px}
.nizyou img {width: 140px}
  .shinnsenn img{width: 140px}
  .honnnouji img{width: 140px}
  .nizyouzinnya img{width: 140px}
  .shoshidai img{width: 140px}
  .Bivi img{width: 140px}
  .life img{width: 140px}
  .suizokukan img{width: 140px}
  .umekouzi img{width:140px}
  .tetudou img{width: 140px}
  .taihou img{width: 140px}
  .gionheihati img{width:140px}
  .tennkaixtupin img{width: 140px}
  .yayoi img{width: 140px}
  .subway img {width: 140px}
  .tifhazya img{width: 140px}
  .takabashi img{width:140px}
  .muzinnzou img{width: 140px}
  .rityouenn img{width: 140px}
  .tonnkatu img{width: 140px}
  .sannkyu img{width:140px}
  .hanamaru img{width: 140px}
  .cororado img{width: 140px}
  .sasala img{width: 140px}
  .kapuri img{width: 140px}
  .kentaxtuki img{width: 140px}
  .furian img{width: 140px}
  .nagaike img{width: 140px}
body {background-color: }
   /*古い規格のグリッド*/
  body{display:  -ms-grid;
  -ms-grid-columns:1px 180px 1px 180px 1px 180px 1px 180px;
  -ms-grid-rows:340px 100px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200p 200px 200px 200px 200px}
   .box1{-ms-grid-column:1;
      -ms-grid-column-span:9;
        -ms-grid-row:1;}
  .tatemono{-ms-grid-column:1;
           -ms-grid-column-span:9;
           -ms-grid-row:2}
  .shinnsenn{-ms-grid-column:2;
           -ms-grid-row:4}
  .nizyou{-ms-grid-column:4;
           -ms-grid-row:4}
  .honnnouji{-ms-grid-column:2;
           -ms-grid-row:5}
  .nizyouzinnya{-ms-grid-column:4;
           -ms-grid-row:5}
  .shoshidai{-ms-grid-column:2;
           -ms-grid-row:6}
  .shoping{-ms-grid-column:4;
          -ms-grid-column-span:6;
           -ms-grid-row:7}
  .Bivi{-ms-grid-column:2;
           -ms-grid-row:8}
  .life{-ms-grid-column:4;
           -ms-grid-row:8}
  .kouenn{-ms-grid-column:1;
         -ms-grid-column-span:9;
           -ms-grid-row:9}
  .suizokukan{-ms-grid-column:2;
           -ms-grid-row:10}
  .umekouzi{-ms-grid-column:4;
           -ms-grid-row:10}
  .tetudou{-ms-grid-column:2;
           -ms-grid-row:11}
  .taberu{-ms-grid-column:1;
         -ms-grid-column-span:9;
           -ms-grid-row:12}
  .taihou{-ms-grid-column:2;
           -ms-grid-row:13}
  .gionheihati{-ms-grid-column:4;
           -ms-grid-row:13}
  .tennkaixtupin{-ms-grid-column:2;
           -ms-grid-row:14}
  .yayoi{-ms-grid-column:4;
           -ms-grid-row:14}
  .subway{-ms-grid-column:2;
           -ms-grid-row:15}
  .tifhazya{-ms-grid-column:4;
           -ms-grid-row:15}
  .takabashi{-ms-grid-column:2;
           -ms-grid-row:16}
  .muzinnzou{-ms-grid-column:4;
           -ms-grid-row:16}
  .rityouenn{-ms-grid-column:2;
           -ms-grid-row:17}
  .tonnkatu{-ms-grid-column:4;
           -ms-grid-row:17}
  .sannkyu{-ms-grid-column:2;
           -ms-grid-row:18}
  .hanamaru{-ms-grid-column:4;
           -ms-grid-row:18}
  .cororado{-ms-grid-column:2;
           -ms-grid-row:19}
  .sasala{-ms-grid-column:4;
           -ms-grid-row:19}
  .kapuri{-ms-grid-column:2;
           -ms-grid-row:20}
  .kentaxtuki{-ms-grid-column:4;
           -ms-grid-row:20}
  .furian{-ms-grid-column:2;
           -ms-grid-row:21}
  .nagaike{-ms-grid-column:4;
           -ms-grid-row:21}
  .yoyaku{-ms-grid-column:1;
          -ms-grid-column-span:9;
    -ms-grid-row:22}
  .kannrenn {-ms-grid-column:1;
        -ms-grid-column-span:9;
           -ms-grid-row:23}
   small{-ms-grid-column:1;
        -ms-grid-column-span:9;
           -ms-grid-row:24}
  /*グリッド*/
  body{display: grid;
      grid-template-columns: 1px 180px 1px 180px 1px ;
      grid-template-rows:340px 100px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200p 200px 200px 200px 200px}
  .box1 {grid-column-start: 1;
         grid-column-end: 8;
         grid-row-start:1 ;
         grid-row-end: ;
  }
  .tatemono {grid-column-start: 1;
             grid-column-end: 8;
             grid-row-start: 2}
  .shinnsenn{grid-column-start: 2;
            grid-row-start: 4}
  .nizyou{grid-column-start: 4;
         grid-row-start: 4}
  .honnnouji{grid-column-start: 2;
            grid-row-start: 5}
  .nizyouzinnya{grid-column-start: 4;
                grid-row-start: 5}
  .shoshidai{grid-column-start: 2;
             grid-row-start: 6}
  .shoping{grid-column-start: 4;
    　　　　grid-column-end: 6;
           grid-row-start: 7}
  .Bivi{grid-column-start: 2;
       grid-row-start: 8}
  .life{grid-column-start: 4;
       grid-row-start: 8}
  .kouenn{grid-column-start: 1;
          grid-column-end: 8;
       grid-row-start: 9}
  .suizokukan{grid-column-start: 2;
       grid-row-start: 10}
  .umekouzi{grid-column-start: 4;
           grid-row-start: 10}
  .tetudou{grid-column-start: 2;
          grid-row-start: 11}
  .taberu{grid-column-start: 1;
    grid-column-end: 8;
          grid-row-start: 12}
  .taihou{grid-column-start: 2;
          grid-row-start: 13}
  .gionheihati{grid-column-start: 4;
              grid-row-start: 13}
  .tennkaixtupin{grid-column-start: 2;
                grid-row-start: 14}
  .yayoi{grid-column-start: 4;
         grid-row-start: 14}
  .subway{grid-column-start: 2;
         grid-row-start: 15}
  .tifhazya{grid-column-start: 4;
            grid-row-start: 15}
  .takabashi{grid-column-start: 2;
             grid-row-start: 16}
  .muzinnzou{grid-column-start: 4;
             grid-row-start: 16}
  .rityouenn{grid-column-start: 2;
             grid-row-start: 17}
  .tonnkatu{grid-column-start: 4;
            grid-row-start: 17}
  .sannkyu{grid-column-start: 2;
          grid-row-start: 18}
  .hanamaru{grid-column-start: 4;
            grid-row-start: 18}
  .cororado{grid-column-start: 2;
            grid-row-start: 19}
  .sasala{grid-column-start: 4;
         grid-row-start: 19}
  .kapuri{grid-column-start: 2;
         grid-row-start: 20}
  .kentaxtuki{grid-column-start: 4;
              grid-row-start: 20}
  .furian{grid-column-start: 2;
         grid-row-start: 21}
  .nagaike{grid-column-start: 4;
          grid-row-start: 21}
  small{grid-column-start: 1;
         grid-column-end: -1;
         grid-row-start: 24}
  .kannrenn {grid-column-start: 1;
             grid-column-end: -1;
             grid-row-start: 23}
  .yoyaku{grid-column-start: 1;
          grid-column-end: -1;
          grid-row-start:22 }
  .tatemono{border-bottom: solid 2px;
            font-size: 20px;}
  .shoping {border-bottom: solid 2px;
            font-size: 20px}
  .kouenn {border-bottom: solid 2px;
            font-size: 20px}
  .taberu {border-bottom: solid 2px;
            font-size: 20px}
  body img{margin-top: 20px}
.logo{margin-top:-20px}


/* 「icon」ではじまるclass名をもつアイコンすべてに適用 */
[class^="icon"] {
  width: 50px;
  height: 50px;
  position: relative;
  top: 10px;
  margin-right: 10px;
  fill: #fff;
}
.kapuri p{font-size: 13.8px}
  .btn a{background-color: #009cd3;
    color:#ffffff;
    font-size: 20px;
    width: 250px;
    display: block;
    text-align: center;
    line-height: 50px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 3px solid #009cd3;
    margin-left: auto;
  margin-right: auto}
  .btn a:hover{background-color: #ffffff;
    color: #009cd3;
    cursor:pointer;}
  a:hover{text-decoration: none}
  #page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 90px;
    padding: 20px 0;
    text-align: center;
    display: block;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}
}

/*iphoneX終わり*/

/*iphone7始まり*/
@media (min-width:376px) and (max-width: 599px) {
    background-color: #444444

  .logo {
    width: 414px
  }
  .menu ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }
  .menu li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
  .menu {
    height: 340px
  }
  .menu li {
    height: 70px
  }
  .ul {
    height: 200px
  }

.demo1 {
    background: url(../image/e.bottom/concept.off50.png) no-repeat;
    padding: 30px 30px
  }
  .demo1:hover {
    background: url(../image/e.bottom/concept.on50.png)no-repeat
  }
  .demo1:hover img {
    opacity: 0.5;
  }
  .demo2 {
    background: url(../image/e.bottom/room.off.50.png) no-repeat;
    padding: 30px 30px
  }
  .demo2:hover {
    background: url(../image/e.bottom/room.50.on.png)no-repeat
  }
  .demo2:hover img {
    opacity: 0.5;
  }
  .demo3 {
    background: url(../image/e.bottom/fun.off50.png) no-repeat;
    padding: 30px 30px
  }
  .demo3:hover {
    background: url(../image/e.bottom/fun.on50.png)no-repeat
  }
  .demo3:hover img {
    opacity: 0.5;
  }
  .demo4 {
    background: url(../image/e.bottom/pc_nav_05_off50.png) no-repeat;
    padding: 30px 30px
  }
  .demo4:hover {
    background: url(../image/e.bottom/pc_nav_05_on50.png)no-repeat
  }
  .demo4:hover img {
    opacity: 0.5;
  }
  .demo5 {
    background: url(../image/e.bottom/access.off50.png) no-repeat;
    padding: 30px 30px
  }
  .demo5:hover {
    background: url(../image/e.bottom/access.on50.png)no-repeat
  }
  .demo5:hover img {
    opacity: 0.5;
  }
  .demo6 {
    background: url(../image/e.bottom/pc_nav_08_off50.png) no-repeat;
    padding: 40px 30px
  }
  .demo6:hover {
    background: url(../image/e.bottom/pc_nav_08_on50.png)no-repeat
  }
  .demo6:hover img {
    opacity: 0.5;
  }
  .yoyaku1{
    background: url(../image/e.bottom/yoyaku_boton_off190.png) no-repeat;
    padding: 50px 100px;
  }
  .yoyaku1:hover {
    background: url(../image/e.bottom/yoyaku_boton_on190.png)no-repeat
  }
  .yoyaku:hover img {
    opacity: 0.5;
  }
  .yoyaku{margin:0 auto;
  margin-top: 70px}
.nizyou img {width: 140px}
  .shinnsenn img{width: 140px}
  .honnnouji img{width: 140px}
  .nizyouzinnya img{width: 140px}
  .shoshidai img{width: 140px}
  .Bivi img{width: 140px}
  .life img{width: 140px}
  .suizokukan img{width: 140px}
  .umekouzi img{width:140px}
  .tetudou img{width: 140px}
  .taihou img{width: 140px}
  .gionheihati img{width:140px}
  .tennkaixtupin img{width: 140px}
  .yayoi img{width: 140px}
  .subway img {width: 140px}
  .tifhazya img{width: 140px}
  .takabashi img{width:140px}
  .muzinnzou img{width: 140px}
  .rityouenn img{width: 140px}
  .tonnkatu img{width: 140px}
  .sannkyu img{width:140px}
  .hanamaru img{width: 140px}
  .cororado img{width: 140px}
  .sasala img{width: 140px}
  .kapuri img{width: 140px}
  .kentaxtuki img{width: 140px}
  .furian img{width: 140px}
  .nagaike img{width: 140px}
  .kapuri p{font-size: 13px}
body {background-color: }
  /*古い規格のグリッド*/
  body{display:  -ms-grid;
  -ms-grid-columns:1px 180px 1px 180px 1px 180px 1px 180px;
  -ms-grid-rows:520px 100px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200p 200px 200px 200px 200px}
  .box1{-ms-grid-column:1;
      -ms-grid-column-span:9;
        -ms-grid-row:1;}
  .tatemono{-ms-grid-column:1;
           -ms-grid-column-span:9;
           -ms-grid-row:2}
  .shinnsenn{-ms-grid-column:2;
           -ms-grid-row:4}
  .nizyou{-ms-grid-column:4;
           -ms-grid-row:4}
  .honnnouji{-ms-grid-column:2;
           -ms-grid-row:5}
  .nizyouzinnya{-ms-grid-column:4;
           -ms-grid-row:5}
  .shoshidai{-ms-grid-column:2;
           -ms-grid-row:6}
  .shoping{-ms-grid-column:4;
          -ms-grid-column-span:6;
           -ms-grid-row:7}
  .Bivi{-ms-grid-column:2;
           -ms-grid-row:8}
  .life{-ms-grid-column:4;
           -ms-grid-row:8}
  .kouenn{-ms-grid-column:1;
         -ms-grid-column-span:9;
           -ms-grid-row:9}
  .suizokukan{-ms-grid-column:2;
           -ms-grid-row:10}
  .umekouzi{-ms-grid-column:4;
           -ms-grid-row:10}
  .tetudou{-ms-grid-column:2;
           -ms-grid-row:11}
  .taberu{-ms-grid-column:1;
         -ms-grid-column-span:9;
           -ms-grid-row:12}
  .taihou{-ms-grid-column:2;
           -ms-grid-row:13}
  .gionheihati{-ms-grid-column:4;
           -ms-grid-row:13}
  .tennkaixtupin{-ms-grid-column:2;
           -ms-grid-row:14}
  .yayoi{-ms-grid-column:4;
           -ms-grid-row:14}
  .subway{-ms-grid-column:2;
           -ms-grid-row:15}
  .tifhazya{-ms-grid-column:4;
           -ms-grid-row:15}
  .takabashi{-ms-grid-column:2;
           -ms-grid-row:16}
  .muzinnzou{-ms-grid-column:4;
           -ms-grid-row:16}
  .rityouenn{-ms-grid-column:2;
           -ms-grid-row:17}
  .tonnkatu{-ms-grid-column:4;
           -ms-grid-row:17}
  .sannkyu{-ms-grid-column:2;
           -ms-grid-row:18}
  .hanamaru{-ms-grid-column:4;
           -ms-grid-row:18}
  .cororado{-ms-grid-column:2;
           -ms-grid-row:19}
  .sasala{-ms-grid-column:4;
           -ms-grid-row:19}
  .kapuri{-ms-grid-column:2;
           -ms-grid-row:20}
  .kentaxtuki{-ms-grid-column:4;
           -ms-grid-row:20}
  .furian{-ms-grid-column:2;
           -ms-grid-row:21}
  .nagaike{-ms-grid-column:4;
           -ms-grid-row:21}
  .yoyaku{-ms-grid-column:1;
          -ms-grid-column-span:9;
    -ms-grid-row:22}
  .kannrenn {-ms-grid-column:1;
        -ms-grid-column-span:9;
           -ms-grid-row:23}
   small{-ms-grid-column:1;
        -ms-grid-column-span:9;
           -ms-grid-row:24}
  /*グリッド*/
  body{display: grid;
      grid-template-columns: 1px 180px 1px 180px 1px ;
      grid-template-rows:340px 100px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200p 200px 200px 200px 200px}
  .box1 {grid-column-start: 1;
         grid-column-end: 8;
         grid-row-start:1 ;
         grid-row-end: ;
  }
  .tatemono {grid-column-start: 1;
             grid-column-end: 8;
             grid-row-start: 2}
  .shinnsenn{grid-column-start: 2;
            grid-row-start: 4}
  .nizyou{grid-column-start: 4;
         grid-row-start: 4}
  .honnnouji{grid-column-start: 2;
            grid-row-start: 5}
  .nizyouzinnya{grid-column-start: 4;
                grid-row-start: 5}
  .shoshidai{grid-column-start: 2;
             grid-row-start: 6}
  .shoping{grid-column-start: 4;
    　　　　grid-column-end: 6;
           grid-row-start: 7}
  .Bivi{grid-column-start: 2;
       grid-row-start: 8}
  .life{grid-column-start: 4;
       grid-row-start: 8}
  .kouenn{grid-column-start: 1;
          grid-column-end: 8;
       grid-row-start: 9}
  .suizokukan{grid-column-start: 2;
       grid-row-start: 10}
  .umekouzi{grid-column-start: 4;
           grid-row-start: 10}
  .tetudou{grid-column-start: 2;
          grid-row-start: 11}
  .taberu{grid-column-start: 1;
    grid-column-end: 8;
          grid-row-start: 12}
  .taihou{grid-column-start: 2;
          grid-row-start: 13}
  .gionheihati{grid-column-start: 4;
              grid-row-start: 13}
  .tennkaixtupin{grid-column-start: 2;
                grid-row-start: 14}
  .yayoi{grid-column-start: 4;
         grid-row-start: 14}
  .subway{grid-column-start: 2;
         grid-row-start: 15}
  .tifhazya{grid-column-start: 4;
            grid-row-start: 15}
  .takabashi{grid-column-start: 2;
             grid-row-start: 16}
  .muzinnzou{grid-column-start: 4;
             grid-row-start: 16}
  .rityouenn{grid-column-start: 2;
             grid-row-start: 17}
  .tonnkatu{grid-column-start: 4;
            grid-row-start: 17}
  .sannkyu{grid-column-start: 2;
          grid-row-start: 18}
  .hanamaru{grid-column-start: 4;
            grid-row-start: 18}
  .cororado{grid-column-start: 2;
            grid-row-start: 19}
  .sasala{grid-column-start: 4;
         grid-row-start: 19}
  .kapuri{grid-column-start: 2;
         grid-row-start: 20}
  .kentaxtuki{grid-column-start: 4;
              grid-row-start: 20}
  .furian{grid-column-start: 2;
         grid-row-start: 21}
  .nagaike{grid-column-start: 4;
          grid-row-start: 21}
  small{grid-column-start: 1;
         grid-column-end: -1;
         grid-row-start: 24}
  .kannrenn {grid-column-start: 1;
             grid-column-end: -1;
             grid-row-start: 23}
  .yoyaku{grid-column-start: 1;
          grid-column-end: -1;
          grid-row-start:22 }
  .tatemono{border-bottom: solid 2px;
            font-size: 20px;}
  .shoping {border-bottom: solid 2px;
            font-size: 20px}
  .kouenn {border-bottom: solid 2px;
            font-size: 20px}
  .taberu {border-bottom: solid 2px;
            font-size: 20px}
  body img{margin-top: 20px}
.logo{margin-top:-20px}

/* 「icon」ではじまるclass名をもつアイコンすべてに適用 */
[class^="icon"] {
  width: 50px;
  height: 50px;
  position: relative;
  top: 10px;
  margin-right: 10px;
  fill: #fff;
}
  .btn a{background-color: #009cd3;
    color:#ffffff;
    font-size: 20px;
    width: 250px;
    display: block;
    text-align: center;
    line-height: 50px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 3px solid #009cd3;
    margin-left: auto;
  margin-right: auto}
  .btn a:hover{background-color: #ffffff;
    color: #009cd3;
    cursor:pointer;}
  a:hover{text-decoration: none}
     #page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 90px;
    padding: 20px 0;
    text-align: center;
    display: block;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

}
/*iphone7終わり*/

/*ipad始まり*/
@media (min-width:600px) and (max-width: 774px) {
.demo1 {
    background: url(../image/e.bottom/concept.off.png) no-repeat;
    padding: 40px 40px
  }
  .demo1:hover {
    background: url(../image/e.bottom/concept.on.png)no-repeat
  }
  .demo1:hover img {
    opacity: 0.5;
  }
  .demo2 {
    background: url(../image/e.bottom/room.off.png) no-repeat;
    padding: 40px 40px
  }
  .demo2:hover {
    background: url(../image/e.bottom/room.on.png)no-repeat
  }
  .demo2:hover img {
    opacity: 0.5;
  }
  .demo3 {
    background: url(../image/e.bottom/fun.off.png) no-repeat;
    padding: 50px 40px
  }
  .demo3:hover {
    background: url(../image/e.bottom/fun.png)no-repeat
  }
  .demo3:hover img {
    opacity: 0.5;
  }
  .demo4 {
    background: url(../image/e.bottom/pc_nav_05_off.png) no-repeat;
    padding: 50px 40px
  }
  .demo4:hover {
    background: url(../image/e.bottom/pc_nav_05_on.png)no-repeat
  }
  .demo4:hover img {
    opacity: 0.5;
  }
  .demo5 {
    background: url(../image/e.bottom/access.off.png) no-repeat;
    padding: 31px 40px
  }
  .demo5:hover {
    background: url(../image/e.bottom/access.on.png)no-repeat
  }
  .demo5:hover img {
    opacity: 0.5;
  }
  .demo6 {
    background: url(../image/e.bottom/pc_nav_08_off.png) no-repeat;
    padding: 40px 40px
  }
  .demo6:hover {
    background: url(../image/e.bottom/pc_nav_08_on.png)no-repeat
  }
  .demo6:hover img {
    opacity: 0.5;
  }
  .yoyaku1{
    background: url(../image/e.bottom/yoyaku_boton_off190.png) no-repeat;
    padding: 50px 100px;
  }
  .yoyaku1:hover {
    background: url(../image/e.bottom/yoyaku_boton_on190.png)no-repeat
  }
  .yoyaku:hover img {
    opacity: 0.5;
  }
  .yoyaku{margin:0 auto;
  margin-top:px}
.logo{width:100px;}
.menu{width: 100px;
      height:1500px }
.nizyou img {width: 140px}
  .shinnsenn img{width: 140px}
  .honnnouji img{width: 140px}
  .nizyouzinnya img{width: 140px}
  .shoshidai img{width: 140px}
  .Bivi img{width: 140px}
  .life img{width: 140px}
  .suizokukan img{width: 140px}
  .umekouzi img{width:140px}
  .tetudou img{width: 140px}
  .taihou img{width: 140px}
  .gionheihati img{width:140px}
  .tennkaixtupin img{width: 140px}
  .yayoi img{width: 140px}
  .subway img {width: 140px}
  .tifhazya img{width: 140px}
  .takabashi img{width:140px}
  .muzinnzou img{width: 140px}
  .rityouenn img{width: 140px}
  .tonnkatu img{width: 140px}
  .sannkyu img{width:140px}
  .hanamaru img{width: 140px}
  .cororado img{width: 140px}
  .sasala img{width: 140px}
  .kapuri img{width: 140px}
  .kentaxtuki img{width: 140px}
  .furian img{width: 140px}
  .nagaike img{width: 140px}
body {background-color: }
  /*古い規格のグリッド*/
  body{display:  -ms-grid;
  -ms-grid-columns:100px 1px 180px 1px 180px 1px 180px 1px 180px 1px;
  -ms-grid-rows:110px 200px 1px 200px 110px 200px 110px 200px 110px 200px 50px 200px 10px 200px }
  .box1{-ms-grid-column:1;
        -ms-grid-row:1;
        -ms-grid-row-span:15}
  .tatemono{-ms-grid-column:3;
           -ms-grid-column-span:7;
           -ms-grid-row:1}
  .shinnsenn{-ms-grid-column:3;
           -ms-grid-row:2}
  .nizyou{-ms-grid-column:5;
           -ms-grid-row:2}
  .honnnouji{-ms-grid-column:7;
           -ms-grid-row:2}
  .nizyouzinnya{-ms-grid-column:3;
           -ms-grid-row:4}
  .shoshidai{-ms-grid-column:5;
           -ms-grid-row:4}
  .shoping{-ms-grid-column:3;
          -ms-grid-column-span:7;
           -ms-grid-row:5}
  .Bivi{-ms-grid-column:3;
           -ms-grid-row:6}
  .life{-ms-grid-column:5;
           -ms-grid-row:6}
  .kouenn{-ms-grid-column:3;
         -ms-grid-column-span:7;
           -ms-grid-row:7}
  .suizokukan{-ms-grid-column:3;
           -ms-grid-row:8}
  .umekouzi{-ms-grid-column:5;
           -ms-grid-row:8}
  .tetudou{-ms-grid-column:7;
           -ms-grid-row:8}
  .taberu{-ms-grid-column:3;
         -ms-grid-column-span:7;
           -ms-grid-row:9}
  .taihou{-ms-grid-column:3;
           -ms-grid-row:10}
  .gionheihati{-ms-grid-column:5;
           -ms-grid-row:10}
  .tennkaixtupin{-ms-grid-column:7;
           -ms-grid-row:10}
  .yayoi{-ms-grid-column:3;
           -ms-grid-row:11}
  .subway{-ms-grid-column:5;
           -ms-grid-row:11}
  .tifhazya{-ms-grid-column:7;
           -ms-grid-row:11}
  .takabashi{-ms-grid-column:9;
           -ms-grid-row:11}
  .muzinnzou{-ms-grid-column:3;
           -ms-grid-row:13}
  .rityouenn{-ms-grid-column:5;
           -ms-grid-row:13}
  .tonnkatu{-ms-grid-column:7;
           -ms-grid-row:13}
  .sannkyu{-ms-grid-column:9;
           -ms-grid-row:13}
  .hanamaru{-ms-grid-column:3;
           -ms-grid-row:15}
  .cororado{-ms-grid-column:5;
           -ms-grid-row:15}
  .sasala{-ms-grid-column:7;
           -ms-grid-row:15}
  .kapuri{-ms-grid-column:9;
           -ms-grid-row:15}
  .kentaxtuki{-ms-grid-column:3;
           -ms-grid-row:17}
  .furian{-ms-grid-column:5;
           -ms-grid-row:17}
  .nagaike{-ms-grid-column:7;
           -ms-grid-row:17}
  .yoyaku{-ms-grid-column:3;
          -ms-grid-column-span:11;
           -ms-grid-row:18}
  .kannrenn {-ms-grid-column:3;
        -ms-grid-column-span:7;
           -ms-grid-row:19}
   small{-ms-grid-column:3;
        -ms-grid-column-span:7;
           -ms-grid-row:20}
  /*グリッド*/
  body{display: grid;
      grid-template-columns: 100px 1px 180px 1px 180px 1px 180px 1px 180px 1px;
      grid-template-rows: 110px 200px 1px 200px 110px 200px 110px 200px 110px 200px 50px 200px 10px 200px 10px 200px 230px }

  .tatemono {grid-column-start: 3;
             grid-column-end: 9;
             grid-row-start: 1}
  .shinnsenn{grid-column-start: 3;
            grid-row-start: 2}
  .nizyou{grid-column-start: 5;
         grid-row-start: 2}
  .honnnouji{grid-column-start: 7;
            grid-row-start: 2}
  .nizyouzinnya{grid-column-start: 3;
                grid-row-start: 4}
  .shoshidai{grid-column-start: 5;
             grid-row-start: 4}
  .shoping{grid-column-start: 3;
    grid-column-end: 9;
           grid-row-start: 5}
  .Bivi{grid-column-start: 3;
       grid-row-start: 6}
  .life{grid-column-start: 5;
       grid-row-start: 6}
  .kouenn{grid-column-start: 3;
          grid-column-end: 9;
       grid-row-start: 7}
  .suizokukan{grid-column-start: 3;
       grid-row-start: 8}
  .umekouzi{grid-column-start: 5;
           grid-row-start: 8}
  .tetudou{grid-column-start: 7;
          grid-row-start: 8}
  .taberu{grid-column-start: 3;
    grid-column-end: 9;
          grid-row-start: 9}
  .taihou{grid-column-start: 3;
          grid-row-start: 10}
  .gionheihati{grid-column-start: 5;
              grid-row-start: 10}
  .tennkaixtupin{grid-column-start: 7;
                grid-row-start: 10}
  .yayoi{grid-column-start: 3;
         grid-row-start: 11}
  .subway{grid-column-start: 5;
         grid-row-start: 11}
  .tifhazya{grid-column-start: 7;
            grid-row-start: 11}
  .takabashi{grid-column-start: 9;
             grid-row-start: 11}
  .muzinnzou{grid-column-start: 3;
             grid-row-start: 13}
  .rityouenn{grid-column-start: 5;
             grid-row-start: 13}
  .tonnkatu{grid-column-start: 7;
            grid-row-start: 13}
  .sannkyu{grid-column-start: 9;
          grid-row-start: 13}
  .hanamaru{grid-column-start: 3;
            grid-row-start: 15}
  .cororado{grid-column-start: 5;
            grid-row-start: 15}
  .sasala{grid-column-start: 7;
         grid-row-start: 15}
  .kapuri{grid-column-start: 9;
         grid-row-start: 15}
  .kentaxtuki{grid-column-start: 3;
              grid-row-start: 17}
  .furian{grid-column-start: 5;
         grid-row-start: 17}
  .nagaike{grid-column-start: 7;
          grid-row-start: 17}
  small{grid-column-start: 3;
         grid-column-end: 9;
         grid-row-start: 20}
  .yoyaku{grid-column-start: 3;
          grid-column-end: 10;
          grid-row-start:18 }
  .kannrenn {grid-column-start: 3;
             grid-column-end: 9;
             grid-row-start: 19}
  .tatemono{border-bottom: solid 2px;
            font-size: 20px;}
  .shoping {border-bottom: solid 2px;
            font-size: 20px}
  .kouenn {border-bottom: solid 2px;
            font-size: 20px}
  .taberu {border-bottom: solid 2px;
            font-size: 20px}
  body img{margin-top: 20px}
  .yoyaku{margin-top: 30px}
.logo{margin-top:-20px}

/* 「icon」ではじまるclass名をもつアイコンすべてに適用 */
[class^="icon"] {
  width: 60px;
  height: 60px;
  position: relative;
  top: 15px;
  margin-right: 10px;
  fill: #fff;
}
.box1 {
  position: fixed;
  top: 0;
  z-index: 9999;}
    .btn a{background-color: #009cd3;
    color:#ffffff;
    font-size: 13px;
    width: 140px;
    display: block;
    text-align: center;
    line-height: 50px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 3px solid #009cd3;
    margin-left: 20px;
  margin-right: 10px}
  .btn a:hover{background-color: #ffffff;
    color: #009cd3;
    cursor:pointer;}
  a:hover{text-decoration: none}
  .kannrenn{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
     #page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}
}
/*ipad終わり*/


/*950px始まり*/
@media (min-width: 775px) and (max-width: 950px){
.demo1 {
    background: url(../image/e.bottom/concept.off.png) no-repeat;
    padding: 40px 40px
  }
  .demo1:hover {
    background: url(../image/e.bottom/concept.on.png)no-repeat
  }
  .demo1:hover img {
    opacity: 0.5;
  }
  .demo2 {
    background: url(../image/e.bottom/room.off.png) no-repeat;
    padding: 40px 40px
  }
  .demo2:hover {
    background: url(../image/e.bottom/room.on.png)no-repeat
  }
  .demo2:hover img {
    opacity: 0.5;
  }
  .demo3 {
    background: url(../image/e.bottom/fun.off.png) no-repeat;
    padding: 50px 40px
  }
  .demo3:hover {
    background: url(../image/e.bottom/fun.png)no-repeat
  }
  .demo3:hover img {
    opacity: 0.5;
  }
  .demo4 {
    background: url(../image/e.bottom/pc_nav_05_off.png) no-repeat;
    padding: 50px 40px
  }
  .demo4:hover {
    background: url(../image/e.bottom/pc_nav_05_on.png)no-repeat
  }
  .demo4:hover img {
    opacity: 0.5;
  }
  .demo5 {
    background: url(../image/e.bottom/access.off.png) no-repeat;
    padding: 31px 40px
  }
  .demo5:hover {
    background: url(../image/e.bottom/access.on.png)no-repeat
  }
  .demo5:hover img {
    opacity: 0.5;
  }
  .demo6 {
    background: url(../image/e.bottom/pc_nav_08_off.png) no-repeat;
    padding: 40px 40px
  }
  .demo6:hover {
    background: url(../image/e.bottom/pc_nav_08_on.png)no-repeat
  }
  .demo6:hover img {
    opacity: 0.5;
  }
  .yoyaku1{
    background: url(../image/e.bottom/yoyaku_boton_off190.png) no-repeat;
    padding: 50px 100px;
  }
  .yoyaku1:hover {
    background: url(../image/e.bottom/yoyaku_boton_on190.png)no-repeat
  }
  .yoyaku:hover img {
    opacity: 0.5;
  }
  .yoyaku{margin:0 auto;
  margin-top: 80px}
.logo{width:150px;
      margin-top: -20px}
.menu{width: 150px;
      height:1500px }
.nizyou img {width: 180px}
  .shinnsenn img{width: 180px}
  .honnnouji img{width: 180px}
  .nizyouzinnya img{width: 180px}
  .shoshidai img{width: 180px}
  .Bivi img{width: 180px}
  .life img{width: 180px}
  .suizokukan img{width: 180px}
  .umekouzi img{width:180px}
  .tetudou img{width: 180px}
  .taihou img{width: 180px}
  .gionheihati img{width:180px}
  .tennkaixtupin img{width: 180px}
  .yayoi img{width: 180px}
  .subway img {width: 180px}
  .tifhazya img{width: 180px}
  .takabashi img{width:180px}
  .muzinnzou img{width: 180px}
  .rityouenn img{width: 180px}
  .tonnkatu img{width: 180px}
  .sannkyu img{width:180px}
  .hanamaru img{width: 180px}
  .cororado img{width: 180px}
  .sasala img{width: 180px}
  .kapuri img{width: 180px}
  .kentaxtuki img{width: 180px}
  .furian img{width: 180px}
  .nagaike img{width: 180px}
body {background-color: }
  /*古い規格のグリッド*/
  body{display:  -ms-grid;
  -ms-grid-columns:150px 1px 250px 1px 250px 1px 250px 1px 250px 1px;
  -ms-grid-rows:120px 300px 1px 300px 120px 300px 120px 300px 120px 300px 50px 300px 10px 300px}
  .box1{-ms-grid-column:1;
        -ms-grid-row:1;
        -ms-grid-row-span:15}
  .tatemono{-ms-grid-column:3;
           -ms-grid-column-span:7;
           -ms-grid-row:1}
  .shinnsenn{-ms-grid-column:3;
           -ms-grid-row:2}
  .nizyou{-ms-grid-column:5;
           -ms-grid-row:2}
  .honnnouji{-ms-grid-column:7;
           -ms-grid-row:2}
  .nizyouzinnya{-ms-grid-column:3;
           -ms-grid-row:4}
  .shoshidai{-ms-grid-column:5;
           -ms-grid-row:4}
  .shoping{-ms-grid-column:3;
          -ms-grid-column-span:7;
           -ms-grid-row:5}
  .Bivi{-ms-grid-column:3;
           -ms-grid-row:6}
  .life{-ms-grid-column:5;
           -ms-grid-row:6}
  .kouenn{-ms-grid-column:3;
         -ms-grid-column-span:7;
           -ms-grid-row:7}
  .suizokukan{-ms-grid-column:3;
           -ms-grid-row:8}
  .umekouzi{-ms-grid-column:5;
           -ms-grid-row:8}
  .tetudou{-ms-grid-column:7;
           -ms-grid-row:8}
  .taberu{-ms-grid-column:3;
         -ms-grid-column-span:7;
           -ms-grid-row:9}
  .taihou{-ms-grid-column:3;
           -ms-grid-row:10}
  .gionheihati{-ms-grid-column:5;
           -ms-grid-row:10}
  .tennkaixtupin{-ms-grid-column:7;
           -ms-grid-row:10}
  .yayoi{-ms-grid-column:3;
           -ms-grid-row:11}
  .subway{-ms-grid-column:5;
           -ms-grid-row:11}
  .tifhazya{-ms-grid-column:7;
           -ms-grid-row:11}
  .takabashi{-ms-grid-column:9;
           -ms-grid-row:11}
  .muzinnzou{-ms-grid-column:3;
           -ms-grid-row:13}
  .rityouenn{-ms-grid-column:5;
           -ms-grid-row:13}
  .tonnkatu{-ms-grid-column:7;
           -ms-grid-row:13}
  .sannkyu{-ms-grid-column:9;
           -ms-grid-row:13}
  .hanamaru{-ms-grid-column:3;
           -ms-grid-row:15}
  .cororado{-ms-grid-column:5;
           -ms-grid-row:15}
  .sasala{-ms-grid-column:7;
           -ms-grid-row:15}
  .kapuri{-ms-grid-column:9;
           -ms-grid-row:15}
  .kentaxtuki{-ms-grid-column:3;
           -ms-grid-row:17}
  .furian{-ms-grid-column:5;
           -ms-grid-row:17}
  .nagaike{-ms-grid-column:7;
           -ms-grid-row:17}
  .yoyaku{-ms-grid-column:3;
          -ms-grid-column-span:11;
           -ms-grid-row:18}
  .kannrenn {-ms-grid-column:3;
        -ms-grid-column-span:7;
           -ms-grid-row:19}
   small{-ms-grid-column:3;
        -ms-grid-column-span:7;
           -ms-grid-row:20}
  /*グリッド*/
  body{display: grid;
      grid-template-columns: 150px 1px 210px 1px 210px 1px 210px 1px 210px 1px;
      grid-template-rows: 120px 300px 1px 300px 120px 300px 120px 300px 120px 300px 50px 300px 10px 300px}
  .box1 {grid-column-start: 1;
         grid-column-end: 2;
         grid-row-start: 1;
         grid-row-end: 13}
  .tatemono {grid-column-start: 3;
             grid-column-end: 9;
             grid-row-start: 1}
  .shinnsenn{grid-column-start: 3;
            grid-row-start: 2}
  .nizyou{grid-column-start: 5;
         grid-row-start: 2}
  .honnnouji{grid-column-start: 7;
            grid-row-start: 2}
  .nizyouzinnya{grid-column-start: 3;
                grid-row-start: 4}
  .shoshidai{grid-column-start: 5;
             grid-row-start: 4}
  .shoping{grid-column-start: 3;
    grid-column-end: 9;
           grid-row-start: 5}
  .Bivi{grid-column-start: 3;
       grid-row-start: 6}
  .life{grid-column-start: 5;
       grid-row-start: 6}
  .kouenn{grid-column-start: 3;
          grid-column-end: 9;
       grid-row-start: 7}
  .suizokukan{grid-column-start: 3;
       grid-row-start: 8}
  .umekouzi{grid-column-start: 5;
           grid-row-start: 8}
  .tetudou{grid-column-start: 7;
          grid-row-start: 8}
  .taberu{grid-column-start: 3;
    grid-column-end: 9;
          grid-row-start: 9}
  .taihou{grid-column-start: 3;
          grid-row-start: 10}
  .gionheihati{grid-column-start: 5;
              grid-row-start: 10}
  .tennkaixtupin{grid-column-start: 7;
                grid-row-start: 10}
  .yayoi{grid-column-start: 3;
         grid-row-start: 11}
  .subway{grid-column-start: 5;
         grid-row-start: 11}
  .tifhazya{grid-column-start: 7;
            grid-row-start: 11}
  .takabashi{grid-column-start: 9;
             grid-row-start: 11}
  .muzinnzou{grid-column-start: 3;
             grid-row-start: 13}
  .rityouenn{grid-column-start: 5;
             grid-row-start: 13}
  .tonnkatu{grid-column-start: 7;
            grid-row-start: 13}
  .sannkyu{grid-column-start: 9;
          grid-row-start: 13}
  .hanamaru{grid-column-start: 3;
            grid-row-start: 15}
  .cororado{grid-column-start: 5;
            grid-row-start: 15}
  .sasala{grid-column-start: 7;
         grid-row-start: 15}
  .kapuri{grid-column-start: 9;
         grid-row-start: 15}
  .kentaxtuki{grid-column-start: 3;
              grid-row-start: 17}
  .furian{grid-column-start: 5;
         grid-row-start: 17}
  .nagaike{grid-column-start: 7;
          grid-row-start: 17}
  small{grid-column-start: 3;
         grid-column-end: 9;
         grid-row-start: 20}
  .yoyaku{grid-column-start: 3;
          grid-column-end: 10;
          grid-row-start:18 }
  .kannrenn {grid-column-start: 3;
             grid-column-end: 9;
             grid-row-start: 19}
  .tatemono{border-bottom: solid 2px;
            font-size: 20px;}
  .shoping {border-bottom: solid 2px;
            font-size: 20px}
  .kouenn {border-bottom: solid 2px;
            font-size: 20px}
  .taberu {border-bottom: solid 2px;
            font-size: 20px}
  body img{margin-top: 20px}

/* 「icon」ではじまるclass名をもつアイコンすべてに適用 */
[class^="icon"] {
  width: 70px;
  height: 70px;
  position: relative;
  top: 15px;
  margin-right: 10px;
  fill: #fff;
}
.box1 {
  position: fixed;
  top: 0;
  z-index: 9999;
}
  .btn a{background-color: #009cd3;
    color:#ffffff;
    font-size: 15px;
    width: 160px;
    display: block;
    text-align: center;
    line-height: 50px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 3px solid #009cd3;
    margin-left: 20px;
  margin-right: 10px}
  .btn a:hover{background-color: #ffffff;
    color: #009cd3;
    cursor:pointer;}
  a:hover{text-decoration: none}
  .kannrenn{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
     #page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}
}
/*950px終わり*/

/*ipadpro1024*/
@media (min-width:951px) and (max-width: 1024px) {
.demo1 {
    background: url(../image/e.bottom/concept.off.png) no-repeat;
    padding: 40px 40px
  }
  .demo1:hover {
    background: url(../image/e.bottom/concept.on.png)no-repeat
  }
  .demo1:hover img {
    opacity: 0.5;
  }
  .demo2 {
    background: url(../image/e.bottom/room.off.png) no-repeat;
    padding: 40px 40px
  }
  .demo2:hover {
    background: url(../image/e.bottom/room.on.png)no-repeat
  }
  .demo2:hover img {
    opacity: 0.5;
  }
  .demo3 {
    background: url(../image/e.bottom/fun.off.png) no-repeat;
    padding: 50px 40px
  }
  .demo3:hover {
    background: url(../image/e.bottom/fun.png)no-repeat
  }
  .demo3:hover img {
    opacity: 0.5;
  }
  .demo4 {
    background: url(../image/e.bottom/pc_nav_05_off.png) no-repeat;
    padding: 50px 40px
  }
  .demo4:hover {
    background: url(../image/e.bottom/pc_nav_05_on.png)no-repeat
  }
  .demo4:hover img {
    opacity: 0.5;
  }
  .demo5 {
    background: url(../image/e.bottom/access.off.png) no-repeat;
    padding: 31px 40px
  }
  .demo5:hover {
    background: url(../image/e.bottom/access.on.png)no-repeat
  }
  .demo5:hover img {
    opacity: 0.5;
  }
  .demo6 {
    background: url(../image/e.bottom/pc_nav_08_off.png) no-repeat;
    padding: 40px 40px
  }
  .demo6:hover {
    background: url(../image/e.bottom/pc_nav_08_on.png)no-repeat
  }
  .demo6:hover img {
    opacity: 0.5;
  }
  .yoyaku1{
    background: url(../image/e.bottom/yoyaku_boton_off190.png) no-repeat;
    padding: 50px 100px;
  }
  .yoyaku1:hover {
    background: url(../image/e.bottom/yoyaku_boton_on190.png)no-repeat
  }
  .yoyaku:hover img {
    opacity: 0.5;
  }
  .yoyaku{margin:0 auto;
  margin-top: 80px}
.logo{width:150px;}
.menu{width: 150px;
      height:1500px }
.nizyou img {width: 180px}
  .shinnsenn img{width: 180px}
  .honnnouji img{width: 180px}
  .nizyouzinnya img{width: 180px}
  .shoshidai img{width: 180px}
  .Bivi img{width: 180px}
  .life img{width: 180px}
  .suizokukan img{width: 180px}
  .umekouzi img{width:180px}
  .tetudou img{width: 180px}
  .taihou img{width: 180px}
  .gionheihati img{width:180px}
  .tennkaixtupin img{width: 180px}
  .yayoi img{width: 180px}
  .subway img {width: 180px}
  .tifhazya img{width: 180px}
  .takabashi img{width:180px}
  .muzinnzou img{width: 180px}
  .rityouenn img{width: 180px}
  .tonnkatu img{width: 180px}
  .sannkyu img{width:180px}
  .hanamaru img{width: 180px}
  .cororado img{width: 180px}
  .sasala img{width: 180px}
  .kapuri img{width: 180px}
  .kentaxtuki img{width: 180px}
  .furian img{width: 180px}
  .nagaike img{width: 180px}
body {background-color: }
  /*古い規格のグリッド*/
  body{display:  -ms-grid;
  -ms-grid-columns:150px 1px 250px 1px 250px 1px 250px 1px 250px 1px;
  -ms-grid-rows:120px 300px 1px 300px 120px 300px 120px 300px 120px 300px 50px 300px 10px 300px}
  .box1{-ms-grid-column:1;
        -ms-grid-row:1;
        -ms-grid-row-span:15}
  .tatemono{-ms-grid-column:3;
           -ms-grid-column-span:7;
           -ms-grid-row:1}
  .shinnsenn{-ms-grid-column:3;
           -ms-grid-row:2}
  .nizyou{-ms-grid-column:5;
           -ms-grid-row:2}
  .honnnouji{-ms-grid-column:7;
           -ms-grid-row:2}
  .nizyouzinnya{-ms-grid-column:3;
           -ms-grid-row:4}
  .shoshidai{-ms-grid-column:5;
           -ms-grid-row:4}
  .shoping{-ms-grid-column:3;
          -ms-grid-column-span:7;
           -ms-grid-row:5}
  .Bivi{-ms-grid-column:3;
           -ms-grid-row:6}
  .life{-ms-grid-column:5;
           -ms-grid-row:6}
  .kouenn{-ms-grid-column:3;
         -ms-grid-column-span:7;
           -ms-grid-row:7}
  .suizokukan{-ms-grid-column:3;
           -ms-grid-row:8}
  .umekouzi{-ms-grid-column:5;
           -ms-grid-row:8}
  .tetudou{-ms-grid-column:7;
           -ms-grid-row:8}
  .taberu{-ms-grid-column:3;
         -ms-grid-column-span:7;
           -ms-grid-row:9}
  .taihou{-ms-grid-column:3;
           -ms-grid-row:10}
  .gionheihati{-ms-grid-column:5;
           -ms-grid-row:10}
  .tennkaixtupin{-ms-grid-column:7;
           -ms-grid-row:10}
  .yayoi{-ms-grid-column:3;
           -ms-grid-row:11}
  .subway{-ms-grid-column:5;
           -ms-grid-row:11}
  .tifhazya{-ms-grid-column:7;
           -ms-grid-row:11}
  .takabashi{-ms-grid-column:9;
           -ms-grid-row:11}
  .muzinnzou{-ms-grid-column:3;
           -ms-grid-row:13}
  .rityouenn{-ms-grid-column:5;
           -ms-grid-row:13}
  .tonnkatu{-ms-grid-column:7;
           -ms-grid-row:13}
  .sannkyu{-ms-grid-column:9;
           -ms-grid-row:13}
  .hanamaru{-ms-grid-column:3;
           -ms-grid-row:15}
  .cororado{-ms-grid-column:5;
           -ms-grid-row:15}
  .sasala{-ms-grid-column:7;
           -ms-grid-row:15}
  .kapuri{-ms-grid-column:9;
           -ms-grid-row:15}
  .kentaxtuki{-ms-grid-column:3;
           -ms-grid-row:17}
  .furian{-ms-grid-column:5;
           -ms-grid-row:17}
  .nagaike{-ms-grid-column:7;
           -ms-grid-row:17}
  .yoyaku{-ms-grid-column:3;
          -ms-grid-column-span:11;
           -ms-grid-row:18}
  .kannrenn {-ms-grid-column:3;
        -ms-grid-column-span:7;
           -ms-grid-row:19}
   small{-ms-grid-column:3;
        -ms-grid-column-span:7;
           -ms-grid-row:20}
  /*グリッド*/
  body{display: grid;
      grid-template-columns: 150px 1px 210px 1px 210px 1px 210px 1px 210px 1px;
      grid-template-rows: 120px 300px 1px 300px 120px 300px 120px 300px 120px 300px 50px 300px 10px 300px}
  .box1 {grid-column-start: 1;
         grid-column-end: 2;
         grid-row-start: 1;
         grid-row-end: 13}
  .tatemono {grid-column-start: 3;
             grid-column-end: 9;
             grid-row-start: 1}
  .shinnsenn{grid-column-start: 3;
            grid-row-start: 2}
  .nizyou{grid-column-start: 5;
         grid-row-start: 2}
  .honnnouji{grid-column-start: 7;
            grid-row-start: 2}
  .nizyouzinnya{grid-column-start: 3;
                grid-row-start: 4}
  .shoshidai{grid-column-start: 5;
             grid-row-start: 4}
  .shoping{grid-column-start: 3;
    grid-column-end: 9;
           grid-row-start: 5}
  .Bivi{grid-column-start: 3;
       grid-row-start: 6}
  .life{grid-column-start: 5;
       grid-row-start: 6}
  .kouenn{grid-column-start: 3;
          grid-column-end: 9;
       grid-row-start: 7}
  .suizokukan{grid-column-start: 3;
       grid-row-start: 8}
  .umekouzi{grid-column-start: 5;
           grid-row-start: 8}
  .tetudou{grid-column-start: 7;
          grid-row-start: 8}
  .taberu{grid-column-start: 3;
    grid-column-end: 9;
          grid-row-start: 9}
  .taihou{grid-column-start: 3;
          grid-row-start: 10}
  .gionheihati{grid-column-start: 5;
              grid-row-start: 10}
  .tennkaixtupin{grid-column-start: 7;
                grid-row-start: 10}
  .yayoi{grid-column-start: 3;
         grid-row-start: 11}
  .subway{grid-column-start: 5;
         grid-row-start: 11}
  .tifhazya{grid-column-start: 7;
            grid-row-start: 11}
  .takabashi{grid-column-start: 9;
             grid-row-start: 11}
  .muzinnzou{grid-column-start: 3;
             grid-row-start: 13}
  .rityouenn{grid-column-start: 5;
             grid-row-start: 13}
  .tonnkatu{grid-column-start: 7;
            grid-row-start: 13}
  .sannkyu{grid-column-start: 9;
          grid-row-start: 13}
  .hanamaru{grid-column-start: 3;
            grid-row-start: 15}
  .cororado{grid-column-start: 5;
            grid-row-start: 15}
  .sasala{grid-column-start: 7;
         grid-row-start: 15}
  .kapuri{grid-column-start: 9;
         grid-row-start: 15}
  .kentaxtuki{grid-column-start: 3;
              grid-row-start: 17}
  .furian{grid-column-start: 5;
         grid-row-start: 17}
  .nagaike{grid-column-start: 7;
          grid-row-start: 17}
  small{grid-column-start: 3;
         grid-column-end: 11;
         grid-row-start: 20}
  .kannrenn {grid-column-start: 3;
             grid-column-end: 9;
             grid-row-start: 19}
  .yoyaku{grid-column-start: 3;
          grid-column-end: 10;
          grid-row-start:18 }
  .tatemono{border-bottom: solid 2px;
            font-size: 20px;}
  .shoping {border-bottom: solid 2px;
            font-size: 20px}
  .kouenn {border-bottom: solid 2px;
            font-size: 20px}
  .taberu {border-bottom: solid 2px;
            font-size: 20px}
  body img{margin-top: 20px}
    .logo{margin-top:-20px}

/* 「icon」ではじまるclass名をもつアイコンすべてに適用 */
[class^="icon"] {
  width: 70px;
  height: 70px;
  position: relative;
  top: 15px;
  margin-right: 10px;
  fill: #fff;
}
.box1 {
  position: fixed;
  top: 0;
  z-index: 9999;}
    .btn a{background-color: #009cd3;
    color:#ffffff;
    font-size: 15px;
    width: 160px;
    display: block;
    text-align: center;
    line-height: 50px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 3px solid #009cd3;
    margin-left: 30px;
  margin-right: 10px}
  .btn a:hover{background-color: #ffffff;
    color: #009cd3;
    cursor:pointer;}
  a:hover{text-decoration: none}
  .kannrenn{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
     #page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}
}

/*ipadpro1024終わり*/

/*1025px以上*/
@media (min-width:1025px) {
 .demo1 {
    background: url(../image/e.bottom/concept.off.png) no-repeat;
    padding: 40px 40px
  }
  .demo1:hover {
    background: url(../image/e.bottom/concept.on.png)no-repeat
  }
  .demo1:hover img {
    opacity: 0.5;
  }
  .demo2 {
    background: url(../image/e.bottom/room.off.png) no-repeat;
    padding: 40px 40px
  }
  .demo2:hover {
    background: url(../image/e.bottom/room.on.png)no-repeat
  }
  .demo2:hover img {
    opacity: 0.5;
  }
  .demo3 {
    background: url(../image/e.bottom/fun.off.png) no-repeat;
    padding: 50px 40px
  }
  .demo3:hover {
    background: url(../image/e.bottom/fun.png)no-repeat
  }
  .demo3:hover img {
    opacity: 0.5;
  }
  .demo4 {
    background: url(../image/e.bottom/pc_nav_05_off.png) no-repeat;
    padding: 50px 40px
  }
  .demo4:hover {
    background: url(../image/e.bottom/pc_nav_05_on.png) no-repeat}

  .demo4:hover img {
    opacity: 0.5;
  }
  .demo5 {
    background: url(../image/e.bottom/access.off.png) no-repeat;
    padding: 31px 40px
  }
  .demo5:hover {
    background: url(../image/e.bottom/access.on.png)no-repeat
  }
  .demo5:hover img {
    opacity: 0.5;
  }
  .demo6 {
    background: url(../image/e.bottom/pc_nav_08_off.png) no-repeat;
    padding: 40px 40px
  }
  .demo6:hover {
    background: url(../image/e.bottom/pc_nav_08_on.png)no-repeat
  }
  .demo6:hover img {
    opacity: 0.5;
  }
   .yoyaku1{
    background: url(../image/e.bottom/yoyaku_boton_off190.png) no-repeat;
    padding: 50px 100px;
  }
  .yoyaku1:hover {
    background: url(../image/e.bottom/yoyaku_boton_on190.png)no-repeat
  }
  .yoyaku:hover img {
    opacity: 0.5;
  }
  .yoyaku{margin:0 auto;
  margin-top: 90px}
.logo{width:150px;}
.menu{width: 150px;
      height: 1500px}
.nizyou img {width: 200px}
  .shinnsenn img{width: 200px}
  .honnnouji img{width: 200px}
  .nizyouzinnya img{width: 200px}
  .shoshidai img{width: 200px}
  .Bivi img{width: 200px}
  .life img{width: 200px}
  .suizokukan img{width: 200px}
  .umekouzi img{width:200px}
  .tetudou img{width: 200px}
  .taihou img{width: 200px}
  .gionheihati img{width:200px}
  .tennkaixtupin img{width: 200px}
  .yayoi img{width: 200px}
  .subway img {width: 200px}
  .tifhazya img{width: 200px}
  .takabashi img{width:200px}
  .muzinnzou img{width: 200px}
  .rityouenn img{width: 200px}
  .tonnkatu img{width: 200px}
  .sannkyu img{width:200px}
  .hanamaru img{width: 200px}
  .cororado img{width: 200px}
  .sasala img{width: 200px}
  .kapuri img{width: 200px}
  .kentaxtuki img{width: 200px}
  .furian img{width: 200px}
  .nagaike img{width: 200px}
body {background-color: }
/*古い規格のグリッド*/
  body{display:  -ms-grid;
  -ms-grid-columns:150px 1px 250px 1px 250px 1px 250px 1px 250px 1px;
  -ms-grid-rows:120px 300px 1px 300px 120px 300px 120px 300px 120px 300px 50px 300px 10px 300px}
  .box1{-ms-grid-column:1;
        -ms-grid-row:1;
        -ms-grid-row-span:15}
  .tatemono{-ms-grid-column:3;
           -ms-grid-column-span:7;
           -ms-grid-row:1}
  .shinnsenn{-ms-grid-column:3;
           -ms-grid-row:2}
  .nizyou{-ms-grid-column:5;
           -ms-grid-row:2}
  .honnnouji{-ms-grid-column:7;
           -ms-grid-row:2}
  .nizyouzinnya{-ms-grid-column:3;
           -ms-grid-row:4}
  .shoshidai{-ms-grid-column:5;
           -ms-grid-row:4}
  .shoping{-ms-grid-column:3;
          -ms-grid-column-span:7;
           -ms-grid-row:5}
  .Bivi{-ms-grid-column:3;
           -ms-grid-row:6}
  .life{-ms-grid-column:5;
           -ms-grid-row:6}
  .kouenn{-ms-grid-column:3;
         -ms-grid-column-span:7;
           -ms-grid-row:7}
  .suizokukan{-ms-grid-column:3;
           -ms-grid-row:8}
  .umekouzi{-ms-grid-column:5;
           -ms-grid-row:8}
  .tetudou{-ms-grid-column:7;
           -ms-grid-row:8}
  .taberu{-ms-grid-column:3;
         -ms-grid-column-span:7;
           -ms-grid-row:9}
  .taihou{-ms-grid-column:3;
           -ms-grid-row:10}
  .gionheihati{-ms-grid-column:5;
           -ms-grid-row:10}
  .tennkaixtupin{-ms-grid-column:7;
           -ms-grid-row:10}
  .yayoi{-ms-grid-column:3;
           -ms-grid-row:11}
  .subway{-ms-grid-column:5;
           -ms-grid-row:11}
  .tifhazya{-ms-grid-column:7;
           -ms-grid-row:11}
  .takabashi{-ms-grid-column:9;
           -ms-grid-row:11}
  .muzinnzou{-ms-grid-column:3;
           -ms-grid-row:13}
  .rityouenn{-ms-grid-column:5;
           -ms-grid-row:13}
  .tonnkatu{-ms-grid-column:7;
           -ms-grid-row:13}
  .sannkyu{-ms-grid-column:9;
           -ms-grid-row:13}
  .hanamaru{-ms-grid-column:3;
           -ms-grid-row:15}
  .cororado{-ms-grid-column:5;
           -ms-grid-row:15}
  .sasala{-ms-grid-column:7;
           -ms-grid-row:15}
  .kapuri{-ms-grid-column:9;
           -ms-grid-row:15}
  .kentaxtuki{-ms-grid-column:3;
           -ms-grid-row:17}
  .furian{-ms-grid-column:5;
           -ms-grid-row:17}
  .nagaike{-ms-grid-column:7;
           -ms-grid-row:17}
  .yoyaku{-ms-grid-column:3;
          -ms-grid-column-span:11;
           -ms-grid-row:18}
  .kannrenn {-ms-grid-column:3;
        -ms-grid-column-span:7;
           -ms-grid-row:19}
   small{-ms-grid-column:3;
        -ms-grid-column-span:7;
           -ms-grid-row:20}
  /*グリッド*/
  body{display: grid;
      grid-template-columns: 150px 1px 250px 1px 250px 1px 250px 1px 250px 1px;
      grid-template-rows: 120px 300px 1px 300px 120px 300px 120px 300px 120px 300px 50px 300px 10px 300px}
  .box1 {grid-column-start: 1;
         grid-column-end: 2;
         grid-row-start: 1;
         grid-row-end: 15}
  .tatemono {grid-column-start: 3;
             grid-column-end: 9;
             grid-row-start: 1}
  .shinnsenn{grid-column-start: 3;
            grid-row-start: 2}
  .nizyou{grid-column-start: 5;
         grid-row-start: 2}
  .honnnouji{grid-column-start: 7;
            grid-row-start: 2}
  .nizyouzinnya{grid-column-start: 3;
                grid-row-start: 4}
  .shoshidai{grid-column-start: 5;
             grid-row-start: 4}
  .shoping{grid-column-start: 3;
    grid-column-end: 9;
           grid-row-start: 5}
  .Bivi{grid-column-start: 3;
       grid-row-start: 6}
  .life{grid-column-start: 5;
       grid-row-start: 6}
  .kouenn{grid-column-start: 3;
          grid-column-end: 9;
       grid-row-start: 7}
  .suizokukan{grid-column-start: 3;
       grid-row-start: 8}
  .umekouzi{grid-column-start: 5;
           grid-row-start: 8}
  .tetudou{grid-column-start: 7;
          grid-row-start: 8}
  .taberu{grid-column-start: 3;
    grid-column-end: 9;
          grid-row-start: 9}
  .taihou{grid-column-start: 3;
          grid-row-start: 10}
  .gionheihati{grid-column-start: 5;
              grid-row-start: 10}
  .tennkaixtupin{grid-column-start: 7;
                grid-row-start: 10}
  .yayoi{grid-column-start: 3;
         grid-row-start: 11}
  .subway{grid-column-start: 5;
         grid-row-start: 11}
  .tifhazya{grid-column-start: 7;
            grid-row-start: 11}
  .takabashi{grid-column-start: 9;
             grid-row-start: 11}
  .muzinnzou{grid-column-start: 3;
             grid-row-start: 13}
  .rityouenn{grid-column-start: 5;
             grid-row-start: 13}
  .tonnkatu{grid-column-start: 7;
            grid-row-start: 13}
  .sannkyu{grid-column-start: 9;
          grid-row-start: 13}
  .hanamaru{grid-column-start: 3;
            grid-row-start: 15}
  .cororado{grid-column-start: 5;
            grid-row-start: 15}
  .sasala{grid-column-start: 7;
         grid-row-start: 15}
  .kapuri{grid-column-start: 9;
         grid-row-start: 15}
  .kentaxtuki{grid-column-start: 3;
              grid-row-start: 17}
  .furian{grid-column-start: 5;
         grid-row-start: 17}
  .nagaike{grid-column-start: 7;
          grid-row-start: 17}
  .yoyaku{grid-column-start: 3;
          grid-column-end: 10;
          grid-row-start:18 }
  small{grid-column-start: 3;
         grid-column-end: 9;
         grid-row-start: 20}
  .kannrenn {grid-column-start: 3;
             grid-column-end: 9;
             grid-row-start: 19}
  .tatemono{border-bottom: solid 2px;
            font-size: 20px;}
  .shoping {border-bottom: solid 2px;
            font-size: 20px}
  .kouenn {border-bottom: solid 2px;
            font-size: 20px}
  .taberu {border-bottom: solid 2px;
            font-size: 20px}
  body img{margin-top: 20px}
  .logo{margin-top:-20px}
/* 「icon」ではじまるclass名をもつアイコンすべてに適用 */
[class^="icon"] {
  width: 70px;
  height: 70px;
  position: relative;
  top: 15px;
  margin-right: 10px;
  fill: #fff;
}
.box1 {
  position: fixed;
  top: 0;
  z-index: 9999;
}
  .btn a{background-color: #009cd3;
    color:#ffffff;
    font-size: 15px;
    width: 160px;
    display: block;
    text-align: center;
    line-height: 50px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 3px solid #009cd3;
    margin-left: 50px;
  margin-right: 10px}
  .btn a:hover{background-color: #ffffff;
    color: #009cd3;
    cursor:pointer;}
  a:hover{text-decoration: none}
  .kannrenn{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
   #page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}
}
/*1025px以上*/