@charset "UTF-8";


 /* AD MARGIN
 -------------------------------------------------------------------------------*/

.mgt{
  margin-top:60px!important;
}

.mgd{
  margin-bottom:-90px;
}


@media screen and (max-width: 640px) {

  .mgt{
    margin-top:30px!important;
  }
  
  .mgd{
    margin-bottom:-60px;
  }

  
}

 /* PAGES NAV
 -------------------------------------------------------------------------------*/

nav ul.pages_nav {
  width:100%;
  display: table;
  table-layout: fixed;
  margin:125px 0 0 0;
  padding:0;
  border-left:1px solid #000000;
}
nav ul.pages_nav li {
  display: table-cell;
  border-right:1px solid #000000;
  font-weight:bold;
  font-size: 16px;
}

nav ul.pages_nav li a{
  display: block;
  padding: 10px 30px;
  color:#000000;
}

nav ul.pages_nav li a:hover{
  display: block;
  padding: 10px 30px;
  color:#cccccc;
}

@media screen and (max-width: 800px) {

  nav ul.pages_nav {
    width:100%;
    display: block;
    table-layout: fixed;
    margin:30px 0 0 0;
    padding:0;
    border-left:none;
  }
  nav ul.pages_nav li {
    display: block;
    border-right:none;
    border-bottom:1px solid #000000;
    font-weight:bold;
    font-size: 16px;
    text-align: left;
    letter-spacing:-0.05em;
  }
  
  nav ul.pages_nav li a{
    display: block;
    padding: 10px 0;
    color:#000000;
  }
  
  nav ul.pages_nav li a:hover{
    display: block;
    padding: 10px 0;
    color:#cccccc;
  }
  

}

 /* MAIN TTL
 -------------------------------------------------------------------------------*/


 .sc_time{
  display:inline-block;
  border:1px solid #000000;
  padding:7px 14px;
  margin:30px 0 0 0;
  font-size: 16px;
  border-radius: 1px;        /* CSS3草案 */  
  -webkit-border-radius: 1px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 1px;   /* Firefox用 */ 
}


.pages-section_box_ttl{
  text-align: left;
  margin:0 ;
  padding:0;
}

.middle_contents_ttl{
  display: inline-block;
  font-size:30px;
  text-align: left;
  padding:4px 0 8px 0;
  margin:0;
  border-bottom:3px solid #000000;
}


@media screen and (max-width: 800px) {


  .sc_time{
    display:inline-block;
    border:1px solid #000000;
    padding:7px 10px;
    margin:30px 0 0 0;
    font-size: 14px;
    letter-spacing:-0.03em;
    border-radius: 1px;        /* CSS3草案 */  
    -webkit-border-radius: 1px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 1px;   /* Firefox用 */ 
  }


.pages-section_box_ttl{
  text-align: left;
  margin:0 ;
  padding:0;
}

.middle_contents_ttl{
  display: inline-block;
  font-size:26px;
  text-align: left;
  padding:4px 0 8px 0;
  margin:0;
  letter-spacing:-0.05em;
  border-bottom:3px solid #000000;
}

  

}


/* ROOM
 -------------------------------------------------------------------------------*/


  .room_contents_box{
    margin:110px 0 0 0;
    padding:0 0 30px 0;
    border-bottom:1px dashed #000000;
  }


  .room_contents_box_none{
    margin:90px 0 -85px 0;
    padding:0;
  }


  .contents-box-photo {
    width:100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin:55px 0 80px 0;
  }

  .contents-box-photo p{
    color:#666666;
    line-height: 180%;
  }

  .item03{
    width:31%;
  }

  .item02{
    width:48%;
  }


  .stborder{
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    font-size:12px;
    padding:3px 6px;
    margin:0 10px 10px 0;
    background-color:#edeaea;
    border-radius: 1px;        /* CSS3草案 */  
    -webkit-border-radius: 1px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 1px;   /* Firefox用 */ 

  }

  @media screen and (max-width: 800px) {


    .room_contents_box{
      margin:58px 0 0 0;
      padding:0 0 30px 0;
      border-bottom:1px dashed #000000;
    }
  
  
    .room_contents_box_none{
      margin:58px 0 -100px 0;
      padding:0;
    }
  
  
    .contents-box-photo {
      width:100%;
      display: block;
      justify-content: space-between;
      flex-wrap: wrap;
      margin:0;
    }
  
    .contents-box-photo p{
      color:#666666;
      line-height: 180%;
    }
  
    .item03{
      width:auto;
    }
  
    .item02{
      width:auto;
      margin:20px 0;
    }
  
  
    .stborder{
      display: inline-block;
      font-style: normal;
      font-weight: normal;
      font-size:12px;
      padding:3px 6px;
      margin:0 10px 10px 0;
      background-color:#edeaea;
  
    }
  

  }

 /* FACILITIES
 -------------------------------------------------------------------------------*/

 .pages-section_box_g{
   background-color:#ededed;
   padding:0 0 75px 0;
   margin:0;
 }

.pages-section_box_inner{
  width:auto;
margin:0 auto;
padding:75px 75px;
text-align:left;
}


 .pages-section_box_wrapper{
  background-color:#ffffff;
  padding:0;
  margin:0 75px 0 0;
}

h6.middle_contents_inner{
font-size:16px;
display: inline-block;
padding:3px 15px;
margin:60px 0 0 0;
border-left:1px solid #000000;
border-right:1px solid #000000;
text-align:left;
}

@media screen and (max-width: 800px) {

  .pages-section_box_g{
    background-color:#ededed;
    padding:0 0 75px 0;
    margin:0;
  }
 
 .pages-section_box_inner{
   width:auto;
 margin:0 auto;
 padding:45px;
 text-align:left;
 }
 
 
  .pages-section_box_wrapper{
   background-color:#ffffff;
   padding:0;
   margin:0 15px 0 0;
 }
 
 h6.middle_contents_inner{
 font-size:14px;
 display: inline-block;
 padding:3px 45px;
 margin:30px 0 0 0;
 border-left:1px solid #000000;
 border-right:1px solid #000000;
 text-align:left;
 }

}


@media screen and (max-width: 640px) {

  .pages-section_box_g{
    background-color:#ededed;
    padding:20px 0 80px 0;
    margin:0;
  }
 
 .pages-section_box_inner{
   width:auto;
 margin:40px auto 0px auto;
 padding:20px;
 text-align:left;
 }
 
 
  .pages-section_box_wrapper{
   background-color:#ffffff;
   padding:0;
   margin:0 15px 0 0;
 }
 
 h6.middle_contents_inner{
 font-size:14px;
 display: inline-block;
 padding:3px 20px;
 margin:30px 0 0 0;
 border-left:1px solid #000000;
 border-right:1px solid #000000;
 text-align:left;
 }

}



table.contents-list {
  width:100%;
  height:auto;
  overflow:hidden;
  border:1px dashed #cccccc;
  margin:0;
  border-collapse: collapse;
  font-size:12px;
  color:#666666;
}
table.contents-list td, 	table.contents-list th {
  padding: 15px;
  border-bottom:1px dashed #cccccc;
}
table.contents-list th {
  width:100px;
  font-weight:bold;
  vertical-align: top;
  margin:5px 0 0 0;
}





  @media screen and (max-width: 600px) {


      table.contents-list {
          width:100%;
          height:auto;
          overflow:hidden;
          border:1px dashed #cccccc;
  margin:0;
  padding:0;
          border-collapse: collapse;
          font-size:11px;
      }
  
  
      table.contents-list,  table.contents-list th {
          display: block;
          width: 100%;
          border-bottom:none;
      }
      table.contents-list {
          border-collapse: collapse;
      }
      table.contents-list th {
              width:100%;
          display: block;
          padding:20px 5px 0 20px;
          margin:0 0 -10px 0;
      
      }
  
      table.contents-list td {
          display: block;
          margin:0;
          padding:20px;
          border-bottom:1px dashed #cccccc;
          line-height: 150%;
}

}