@charset "UTF-8";
@import url("style_Deco.css");

/**************** 共通 ****************/

html {
  overflow: scroll; /* 領域をスクロール表示 */
}

body {
  letter-spacing: 1px;  /* 文字の間隔 */
  font-size: 18px;      /* 文字の大きさ */
  color: #5A482B;       /* 文字色 */
  margin:8px 0 0 0;
}

br {
  letter-spacing: normal;  /* 文字の間隔 */
}

a {
  color: #5A482B;         /* 文字色 */
  text-decoration: none;  /* 文字装飾 */
}

a:hover {
  color: #6289C6;         /* 文字色 */
}

/**************** ヘッダー ****************/

#header {
  position: relative;
  width: 787px;
  margin: 0 auto;
  background-color:rgb(253, 253, 253);
}

#pr {
  position: absolute;
  width: 787px;
  left: 0;
  top: 0;
}

#header h1 {
  margin: 0;
  padding-top: 25px;
 }

#contact {
  position: absolute;
  bottom: 0;
  right: 0;
}

/**************** メニュー ****************/

#menu {
  width: 1024px;
  margin: 0 auto;
}

#menu ul {
  padding: 0;
  text-align: center;
  overflow:hidden;
  margin:0px;
}

#menu li {
  float: right;
  width: 129px;
  background-color: rgba(110, 194, 243,0.5);
  border:2px solid rgb(74, 73, 163);
  margin-left:1px;
  border-radius:6px;
}




/**************** コンテンツ ****************/

#contents {
  width: 920px;
  margin: 0 auto;
  padding: 10px;
  overflow:hidden;
}

#multi_btn,#pageTop {
  clear: both;
  padding: 20px 0;
  /*text-align: right;*/
}
#pageTop{
  text-align:right;
}
#multi_btn{
  width:350px;
  margin-left:auto;
  margin-right:20px;
}
.red{
  color:red;
  
}
/**************** メイン（コンテンツ内） ****************/

#main {
  float: right;
  width: 700px;
}
.main_img{
  width:300px;
} 
td input[type='text'],td input[type='email'],td input[type='tel']
{
  width:200px;
}
/**************** サイド（コンテンツ内） ****************/

#side {
  float: left;
  width: 160px;
}
.both{
  clear:left;
}
/* フッター */
section.map{

  
  background-image:url("../images/ryutobak.jpg");
  background-size:398px auto;
  background-repeat:no-repeat;
  background-position:right bottom 10px;
  
}




#footer {
  margin-top: 40px;
  padding: 25px 0 10px 0;
  text-align: center;
  background-color:rgba(187, 233, 241,0.5);
}


@media(max-width:420px){
  body{
    margin: 0 auto;
    font-size:14px;
    letter-spacing:0px;
    background-color:rgb(240, 244, 245);
    max-width:340px;
    width:100%;
  }
  #header{
    max-width:360px;
  }
  #header h1#top_m{
    font-size: 20px;
    margin:0px;
  }
  #header h2{
    margin-right:8px;
  }
  #header #contact .tel{
  font-size:16px;  
  margin-right:6px;
  }
 
  #side.non{
    display:none;
  }
  .non{
    display:none
  }
  #icatch{
    width:100%;
background-size:100%;
height:200px;
  }
  #menu{
    max-width:370px;
  }
  #menu li{
    /*clear:right;*/
    float:left;
width:100px;
  }
  #menu li a{
    width:100px;
  }
  #main{
    clear: right;
margin:0 auto;
width:100%;
  }
  
  #main h3{
    padding:0;
    margin-right:20px;
  }
  #main h3.red{
    font-size: 15px;
    background-color: #fff;
  }
  #contents .submit_a{
    margin-top:0;
    margin-right: 5px;
    margin-bottom:20px;
    padding:10px 15px;
  } 
  #input3{
    display:none;
  }
  #main table{
  width:100%;
  margin:0 auto;
  }
#main h3.button{
  border:solid 1px black;
  border-radius:4px;
  padding:2px 0;
}
  #main table td input{
    width:230px;
    margin:0 auto;
    }
  #main table.input th {
    padding: 1px;
    font-size: 15px;
    width: 90px;
}
 #main table th{
    padding:0px;
    font-size: 13px;
    text-align:center;
  }
  #main table td{
    font-size: 20px;
    text-align:center;
  }
  #main table.room td{
    font-size: 14px;
    text-align:center;
  }



  #main table td.red{
    font-size: 14px;
  }
  #main table td .data{
    padding:0px;
    font-size: 13px;
    text-align:center;
width:200px;

  }
  #main table.input2 th {
    padding: 0px;
    font-size: 18px;
    width:90px;
    text-align: center;
 height:38px;
}
#main table.input2 td input {
  font-size: 20px;
  padding: 0px;
  width:220px;
  text-align: left;
height:28px;
}
  main table.input td input{
    
    padding: 0px;
    font-size: 26px;
    text-align: left;
 height:28px;
}

#main table td.button{
  font-size: 15px;
}

#main h3{
  font-size: 18px;
}
#main h3 span{
  font-size: 14px;
}
#main table#input3 th{
  width:90px;
}
#main table#input3 td input{

  width:200px;
  padding: 0px;
  font-size: 24px;
  text-align: center;
  border: 1px solid #ddd;
}
#main table#input3 td textarea{

  width:300px;
  margin-top: 10px;
  font-size: 24px;
  text-align: left;
  border: 1px solid #ddd;
}



#main ul{
  padding-left:6px;
}
  #main img.small{
    width:90px;
  }
  .main_img{
    width:200px;
  }
  #contents{
    max-width:340px;
    padding:0px;
    margin:0px;
  }
  dt{
    margin-right: 10px;
  }
dd{
  margin-left:15px;
  font-size: 14px;
  width:200px;
}
dd a img{
  width:340px;
}

#side{
  display:none;
  color:red;
}
p{
  margin-bottom:0px;
}

#pageTop{
  padding:0px;
  margin-bottom: 50px;
}
#pageTop>a {
  padding:0px;
}
#footer{
background-color: #fff;
position:fixed;
bottom:1px;
  font-size: 12px;
  margin-top: 10px;
  padding:10px 0 10px;
  z-index:-1;
}
#multi_btn{
padding: 10px;
}

}