@charset "UTF-8";
/*本体*/
body{
  font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
  color:#6f685c;
  background-image:url(../image/background.jpg);
  background-repeat: repeat;
  font-size:16px;
  margin:0 auto;
}
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
    background-color: #ffffff;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 5px 10px;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    background-color: #b2d1fb;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:5px 10px;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
h1{
  font-family:'Noto Sans JP','メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
  font-weight:900;
  font-size:30px;
  letter-spacing:0.4rem;
  text-align:center;
  margin: 0;
}
h1 img{
  margin-right:20px;
  margin-bottom:-10px;
}
h2{
  font-family:'Noto Sans JP','メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
  font-weight:500;
  font-size:22px;
  letter-spacing:0.3rem;
  font-weight:bold;
  text-align: center;
}

/*ヘッダー*/
header{
  text-decoration:none;
  margin-top:0;
  font-size:11px;
  margin-bottom:42px;
}
header p{
  font-size:11px;
  font-weight:bold;
}
header ul{
  padding-top:40px;
  padding-left:20px;
  list-style-type: none;
}
header ul:after{
  content:"";
  display:block;
  clear:both;
}
header li{
  float:left;
}
header li a{
  background-color:#ffffff;
  padding:2px 20px;
  margin-left:5px;
  border:solid 1px #116535;
  border-radius:3px;
  font-size:14px;
  text-decoration: none;
  color:#116535;
  display:block;
}
.header_logo a:hover{
  opacity:0.6;
}
header li a:hover{
  background-color:#116535;
  color:#ffffff;
}
.header_logo_link:after{
  content:"";
  display:block;
  clear:both;
}
.header_logo,.header_link{
  float:left;
}

/*予約*/
.box3{
  position:absolute;
  background-color:#ffffff;
  border:solid #638d6a 4px;
  top:16px;
  right:17px;
  z-index: 1;
}
.box3_inner{
  background-color:#ffffff;
  border:solid #116535 1px;
  margin:5px;
  font-size:14px;
  text-align:center;
}
span.size_g15{
  font-size:15px;
  color:#116535;
}
span.size_g21{
  font-size:21px;
  color:#116535;
}
span.size_g25{
  font-size:25px;
  color:#116535;
  font-weight:bold;
}
.border_dashed{
  border-bottom:dashed #116535 1px;
  margin:0 4px;
}
.size_g16_back{
  font-size:16px;
  padding:4px;
  margin:0 5px 2px 5px;
  background-color:#116535;
  text-decoration:none;
  border-radius:4px;
}
.size_g16_back a{
  text-decoration:none;
  color:#ffffff;
}
.size_g16_back a:hover{
  opacity:0.6;
}
.reserve_info{
  margin-left:25px;
  text-align:left;
  font-size:14px;
}

/*############## 1000px以上 ##############*/
@media(min-width:1000px){
/*トグルボタン*/
#menubtn{
  display: none;
}
/*ナビゲーション*/
#menu{
  display:block !important
}
.navi{
  padding:15px 0;
  margin-bottom:30px;
  background-color:#f4f0e9;
}
.menu ul{
  margin:0 auto;
  padding:0;
  list-style:none;
  width:1000px;
}
.menu ul:after{
  content:"";
  display:block;
  clear:both;
}
.menu li{
  float:left;
  width:auto;
}
.menu img{
  margin-right:5px;
}
.menu li a{
  display:block;
  padding:40px 6px;
  color:#116535;
  font-size:16px;
  letter-spacing:0.2rem;
  text-decoration:none;
  /*position: relative;
  display: inline-block;*/
}
.menu li a:hover{
  opacity:0.6;
}
}
/*#######################################*/
/*############## 999px以下 ##############*/
@media (max-width:999px){
body{
}
.wrap_fix{
  width:100%;
}
.container{
  width:100%;
}
.title{
  width:100%;
}

header ul{
  padding-top:20px;
  padding-left:10px;
}
header li a{
  background-color:#ffffff;
  padding:2px 18px;
  margin-right:1px;
}

.box3{
  display:none;
}
#menu{
  display:none;
}
/*トグルボタン*/
#menubtn{
  padding:6px 12px;
  border:solid 1px #aaaaaa;
  border-radius:5px;
  background-color:#ffffff;
  position:absolute;
  top: 20px;
  right: 15px;
  cursor:pointer;
}
#menubtn:hover{
  background:#dddddd;
}
#menubtn:focus{
  outline:none;
}

#menubtn span{
  display:inline-block;
  text-indent: -9999px}
}
.menu ul{
  margin:0;
  padding:0;
  list-style-type: none;
}
.menu img{
  margin-right:5px;
  width:21px;
}
.menu li a{
  display:block;
  padding:5px;
  color:#116535;
  font-size:16px;
  text-decoration:none;
  text-align: start;
}
.menu li a:hover{
  background-color:#eeeeee;
}
}
/*#######################################*/

/*パンくずリスト*/
.bread{
  margin-bottom: 20px;
}
.bread ol{
  margin:0;
  padding:0;
  list-style: none;
}
.bread li a{
  display: inline-block;
  color:#006835;
  text-decoration: none;
}
.bread li a:hover{
  text-decoration: underline;
}
.bread ol:after{
  content:"";
  display:block;
  clear:both;
}
.bread li{
  float:left;
  width:auto;
}
.bread li a:after{
  content:'\003e';
  margin-right: 10px;
  color:#6f685c;
}
/*フッター*/
.footer{
  background-color:#f4f0e9;
  padding-bottom:40px;
}
.footer:after{
  content:"";
  display:block;
  clear:both;
}
.footer_mtkiland{
  float:left;
}
.footer_imaikenchiku{
  float:right;
  margin-left:20px;
}
.footer_logo_box{
margin-bottom:6px;
}
.footer_logo_box a:hover{
opacity:0.6;
}
.footer_logo_box:after{
  content:"";
  display:block;
  clear:both;
}
.footer_logo{
  float: left;
}
.footer_adress{
  color:#006835;
  float:left;
  margin-top:50px;
  margin-left:10px;
  font-size: 16px;
  letter-spacing: 0.1rem;
}
.footer_line{
  border-bottom:solid #006835 2px;
  margin-bottom:10px;
}
.footer_mtkiland_inner:after{
  content:"";
  display:block;
  clear:both;
}
.footer_map{
  float:left;
  margin:5px 12px 0 0;
  border:solid #000000 1px;
}
.footer_access{
  float:left;
  margin:0;
  font-size:14px;
}
.footer_access a{
  text-decoration:none;
}
span.size_24{
  font-size:24px;
  letter-spacing: 0.3rem;
  margin-top:10px;
}
span.size_g26{
  font-size:26px;
  color:#006835;
  font-weight:bold;
}
.mail_access{
  background:#006835;
  border-radius:3px;
  padding:2px;
}
.mail_access:after{
  content:"";
  display:block;
  clear:both;
}
.mail_access_comment{
  float:left;
  padding:10px 10px 10px 30px;
}
.mail_access a{
  text-decoration:none;
  font-size:17px;
  letter-spacing: 0.3rem;
  color:#ffffff;
}
.mail_access a:hover{
  opacity:0.6;
}
.mail_access_illust{
  float:left;
  margin-top:25px;
}
.imaikenchiku_access_box a{
  text-decoration:none;
  color:#ffffff;
}
.imaikenchiku_link{
  margin-top:220px;
  width:250px;
  height:auto;
  background:#006835;
  border-radius:4px;
  padding:4px;
}
.imaikenchiku_access_box a:hover{
  opacity:0.6;
}
.imaikenchiku_link_comment{
  background:#ffffff;
  border-top-left-radius:2px;
  border-top-right-radius:2px;
  padding:10px;
}
.imaikenchiku_link_comment:after{
  content:"";
  display:block;
  clear:both;
}
.imaikenchiku_link_comment img{
  float:left;
}
.imaikenchiku_title_dog{
  float:left;
  margin-left:10px;
  font-size:15px;
  color:#006835;
  letter-spacing: 0.1rem;
}
.imaikenchiku_access_box:after{
  content:"";
  display:block;
  clear:both;
}
.imaikenchiku_access{
  float:left;
  font-size:20px;
  color:#ffffff;
  padding:10px 0 10px 8px;
}
.imaikenchiku_photo{
  float:left;
  margin:6px;
}
span.size_w22{
  color:#ffffff;
  font-size:22px;
  letter-spacing:0.3rem;
}
/*############## 769px以上 ##############*/
@media (min-width: 768px){
a[href^="tel:"] {
  pointer-events: none;
}
}
/*#######################################*/
/*############## 999px以下 ##############*/
@media (max-width:999px){
.footer_mtkiland,.footer_imaikenchiku{
  float:none;
}
.imaikenchiku_link{
  margin-top:10px;
}
.footer_mtkiland,.footer_imaikenchiku{
  float:none;
  margin-left:10px;
}
}
/*#######################################*/
/*############## 417px以下 ##############*/
@media (max-width:417px){
.imaikenchiku_link{
  margin-top:10px;
}
.footer_adress{
  margin-top:20px;
}
.footer_map,.footer_access{
  float:none
  margin:0;
}
.footer_map iframe{
  width:100%;
  height:auto;
}
}
/*#######################################*/