/* loader */
.loader_bg {
  position: fixed;
  z-index: 999999;
  background-color: #fff;
  width: 100%;
  height: 100%;
}
.loader {
  border: 0 solid transparent;
  border-radius: 50%;
  width: 150px; 
  height: 150px;
  position: absolute;
  top: calc(50vh - 75px);
  left: calc(50vw - 75px);
}
.loader:before, .loader:after {
  content:'';
  border: 1em solid #ff5733;
  border-radius: 50%;
  width: inherit;
  height: inherit;
  position: absolute;
  top:0;
  left:0; 
  animation: loader 2s linear infinite;
  opacity: 0;
}
.loader:before {
  animation-delay: .5s;
}
@keyframes loader {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform:scale(1);
    opacity: 0;
  }
}

/* loader */



body {
  font-family: 'Noto Sans JP', sans-serif, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "SourceHanCodeJP-Regular", "Noto Sans JP", Meiryo, sans-serif;
  line-height: 30px;
  letter-spacing: 0.1px;
}
ul li {list-style: none; margin: 0; padding: 0;}
p {margin-bottom: 0;}
a 
.floating {position: fixed; top:200px; width: 130px; right:10px; z-index: 99999;}
.floating img {width: 100%;}
.plus a {color: #ff6633 !important}
.plus a:hover {color: #fff !important}
h1 {margin: 0; padding: 0; /*! max-width: 102px; */ width: 200px;display: inline-block;}
h2 {font-size: 2rem !important; background: url('../images/lineh2.png') top center no-repeat;padding-top: 20px;color: #ff6633; text-align: center;}
h3 {font-size: 1.5rem !important;}
.carousel-control-prev-icon {background-image: url(../images/arrow-left.svg); width: 100px; height:100px;}
.carousel-control-next-icon {background-image: url(../images/arrow-right.svg); width: 100px; height:100px}
.logo img { width: 180px; height: 65px; }
.eigyo {font-size: 0.9rem;font-weight: normal;line-height: 0px;margin-left: 3px;}
.tel {
font-weight: bold;
/*! padding-top: 17px; */
line-height: 22px;
position: relative;
top: 0px;
display: inline-block;
font-size: 14px;
}
.smartbut {display: none;}
.tel2 { font-weight: bold; position: relative; top: 0px; font-size: 29px;color: #f63;vertical-align: bottom;margin-top: 7px; float: left;}
.hide-sec {display: none;}
.tsuite {font-size: 0.7em !important;}
.conbut {display: inline-block;/*! margin-left: 480px; */margin-right: 5px;position: relative;/*! top: -10px; */}
.instabut {display: inline-block;position: relative;/*! top: -10px; */}
.topbut {/*! display: inline-block; */ float: right;margin-top: 23px;width: 640px;text-align: right;}
.topbutfoot {margin-top: 23px;}
.conbutfoot {display: inline-block;margin-right: 5px;position: relative;}
a[href^=tel]{ color:#000; text-decoration:none;}
.orange {background: #f63;}
.yellow {background: #fffbeb;}
.cenintro {width: 1000px; margin: 0 auto;}
.clear-color {background-color: inherit;}
.intro-tit-color {color: #ff6633; font-size: 2rem; text-align: center;}
.deck-resize {width: 90%; margin: 0 auto;}
.in-shadow {-webkit-box-shadow: 0px -10px 14px 1px rgba(0,0,0,0.22);
  -moz-box-shadow: 0px -10px 14px 1px rgba(0,0,0,0.22);
  box-shadow: 0px -10px 14px 1px rgba(0,0,0,0.22);}
.intro-size {margin-left: 30px !important; margin-right: 30px !important; }
.featurette-divider { margin: 3rem 0;}
.mar-b-30 {margin-bottom: 30px;}
.gret-set {padding-top: 0;}
.foot-size {font-size: 0.8rem !important;line-height: 25px; margin-bottom: 12px;}
.foot-tit {color: #F04336;font-weight: bold;}
.f-logo {/*! margin-top: 20px; */margin-bottom: 20px;}
.foot-color {background-color: #ff6633; color:#fff; text-align: center;}
.about-cont {width: 80%; margin: 0 auto;}
footer {font-family: ＭＳ Ｐゴシック !important}
.footlink a {color: #000;}
.pad-lr-clear {padding-left: 0 !important; padding-right: 0 !important;}
.dog-info>h2 {color:#ff6633; font-weight: bold; background: inherit; font-size: 1.4em !important;margin-bottom: 20px;padding-top: 0px !important;}
.dis {display: inline-block; vertical-align: top; margin-right: 20px;}
.head-titles {padding-top: 147px;}
.head-titles h3 {font-size: 2.8em !important; font-weight: bold;text-shadow: 2px 2px 2px #000000;}
.head-titles h4 {font-size: 1.8em; text-shadow: 2px 2px 2px #000000;}
.inside-head {
  background: url('../images/inside.jpg') no-repeat center;
  background-size: cover;
  background-attachment: fixed;
  height: 420px;
  text-align: center;
  color: #fff;
  position:relative;
  }
  .about-head {
    background: url('../images/head-about.jpg') no-repeat center;
    /*! background-attachment: fixed; */
    height: 440px;
    text-align: center;
    color: #fff;
    position:relative;
    background-size: cover;
    }
    .weimaraner-head {
      background: url('../images/head-weimaraner.jpg') no-repeat center;
      /*! background-attachment: fixed; */
      height: 440px;
      text-align: center;
      color: #fff;
      position:relative;
      background-size: cover;
    }
    .mameshiba-head {
      background: url('../images/head-mameshiba.jpg') no-repeat center;
      /*! background-attachment: fixed; */
      height: 440px;
      text-align: center;
      color: #fff;
      position:relative;
      background-size: cover;
    }
    .info-head {
      background: url('../images/head-info.jpg') no-repeat center;
      background-size: cover;
      /*! background-attachment: fixed; */
      height: 420px;
      text-align: center;
      color: #fff;
      position:relative;
    }
    .buy-head {
      background: url('../images/head-buy.jpg') no-repeat center;
      background-size: cover;
      /*! background-attachment: fixed; */
      height: 420px;
      text-align: center;
      color: #fff;
      position:relative;
    }
.box-head { background-color: #324902; opacity: 0.8; width: 100%;position:absolute; bottom:0;  padding: 10px 0 8px 0;}
.plus-y {padding: 60px 0;}
.plus-b {padding-bottom: 40px;}
.btn-secondary { background-color: #ff6633;; border-color: #ff6633;}

/* グローバルメニュー */
.pc #global_menu { z-index:20; position:relative; }
.pc .home #global_menu { background:rgba(255,255,255,0.7); }
.pc #global_menu > ul { height:60px; font-size:0; position:relative; text-align:center; margin:0 auto; }
.pc #global_menu > ul > li { font-size:1%; position:relative; display:inline-block; }

.pc #global_menu > ul > li > a {
  font-size:14px; text-decoration:none; height:60px; line-height:60px; display:block; padding:0 30px;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

.pc #global_menu ul ul { display:none; width:200px; position:absolute; top:60px; left:0px; margin:0; padding:0; }
.pc #global_menu ul ul ul { left:100%; top:0; margin:0; border:none; }
.pc #global_menu ul ul li { line-height:150%; padding:0; margin:0; text-align:left; position:relative; display:block; }
.pc #global_menu ul ul a { display:block; font-size:11px; background:#222; border:none; position:relative; padding:14px 20px 12px 20px; height:auto; line-height:160%; margin:0; text-align:left; box-shadow:none; color:#fff; }
.pc #global_menu ul ul a:hover { text-decoration:none; border:none; color:#fff; }

.pc #global_menu ul ul li.menu-item-has-children > a:before {
  margin:0; display:block; top:20px; right:10px; position:absolute; content:"";
  width:0; height:0; border-style:solid; border-width:4px 0px 4px 4px; border-color:transparent transparent transparent #fff;
}
.gret-set a {color: #000 !important;}
.pc #global_menu ul ul { top:60px; bottom:auto; }
.pc #global_menu ul ul ul { top:0; bottom:auto; }

.pc #global_menu li li.current-menu-item > a { color:#fff; }
.pc-hide {display: none;}
.slide-hide {display: none;}
.gray {background-color:#f0f0f0;}

.map-responsive{
  overflow:hidden;
  padding-bottom:30.25%;
  position:relative;
  height:0;
}
.map-responsive iframe{
  left:0;
  top:0;
  height:320px;
  max-width: 670px;
  width:100%;
  position:absolute;
}
.video-responsive{
  overflow:hidden;
  padding-bottom:56.25%;
  position:relative;
  height:0;
}
.video-responsive iframe{
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}
.mov {margin-top: -40px; text-align: right;}
.mov img {width: 40px;}

.ribbon2 {
  width: 100%;
  display: inline-block;
  position: relative;
  height: 40px;/*リボンの高さ*/
  line-height: 40px;/*リボンの高さ*/
  text-align: center;
  padding: 0;/*横の大きさ*/
  font-size: 14px;/*文字の大きさ*/
  background: #f57a78;/*塗りつぶし色*/
  color: #FFF;/*文字色*/
  box-sizing: border-box;
  border-radius: 5px;
  bottom: 22px;
}

.nego2 {
  width: 100%;
  display: inline-block;
  position: relative;
  height: 40px;/*リボンの高さ*/
  line-height: 40px;/*リボンの高さ*/
  text-align: center;
  padding: 0;/*横の大きさ*/
  font-size: 14px;/*文字の大きさ*/
  background: #78c5f5;/*塗りつぶし色*/
  color: #FFF;/*文字色*/
  box-sizing: border-box;
  border-radius: 5px;
  bottom: 22px;
}

.ribbon1 {
  width: 100%;
  display: inline-block;
  position: relative;
  height: 50px;/*リボンの高さ*/
  line-height: 50px;/*リボンの高さ*/
  text-align: center;
  padding: 0 30px;/*横の大きさ*/
  font-size: 18px;/*文字の大きさ*/
  background: #f57a78;/*塗りつぶし色*/
  color: #FFF;/*文字色*/
  box-sizing: border-box;
  top: 39px;
}

.ribbon1:before, .ribbon1:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.ribbon1:before {
  top: 0;
  left: 0;
  border-width: 25px 0px 25px 15px;
  border-color: transparent transparent transparent #f7f7f7;
  border-style: solid;
}

.ribbon1:after {
  top: 0;
  right: 0;
  border-width: 25px 15px 25px 0px;
  border-color: transparent #f7f7f7 transparent transparent;
  border-style: solid;
}

.nego {
  width: 100%;
  display: inline-block;
  position: relative;
  height: 50px;/*リボンの高さ*/
  line-height: 50px;/*リボンの高さ*/
  text-align: center;
  padding: 0 30px;/*横の大きさ*/
  font-size: 18px;/*文字の大きさ*/
  background: #78c5f5;/*塗りつぶし色*/
  color: #FFF;/*文字色*/
  box-sizing: border-box;
  top: 39px;
}

.nego:before, .nego:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.nego:before {
  top: 0;
  left: 0;
  border-width: 25px 0px 25px 15px;
  border-color: transparent transparent transparent #f7f7f7;
  border-style: solid;
}

.nego:after {
  top: 0;
  right: 0;
  border-width: 25px 15px 25px 0px;
  border-color: transparent #f7f7f7 transparent transparent;
  border-style: solid;
}

.detail {
  padding: 20px 25px 30px 25px; 
  background:#f7f7f7;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.detail dl {
  width: 100%;
  display: table;
  border-bottom: 1px dashed #ccb9a2;
}
.detail dt {
  display: table-cell;
  vertical-align: top;
  color: #F04336;
  font-weight: bold;
  font-size: 15px;
  width: 150px;
  line-height: 30px;
  padding: 10px 0 5px;
}
.detail dt span {
  display: block;
  font-weight: normal;
  color: #534741;
  line-height: 18px;
  font-size: 12px;
  padding: 0 0 0 12px;
  text-indent: -12px;
  margin: -3px 0 0;
}
.detail dd {
  display: table-cell;
  vertical-align: top;
  color: #534741;
  font-size: 14px;
  padding: 10px 0 5px;
}
.detail dd span.pets-price {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: -0.5px;
  display: inline-block;
  /*vertical-align: middle;*/
  margin: 0 3px;
}
.detail dl, ol, ul {
  margin-bottom: 0rem !important;
}

.form-control{margin: 0 auto;}

#parentdetailslist{color: #fff;justify-content: center;}

.but {margin-top: 26px; text-align: center;}
.butsec {display: inline-block; margin-bottom: 10px;}
.sec-dog a {color: #000 !important;}
.btn-dog {width: 120px;font-size: 15px;}
.btn-dog2 {width: 170px;font-size: 15px;}
.licence {/*! margin-top: 10px; */font-size: 0.8rem !important;line-height: 16px;}
.licence>p {line-height: 18px; font-size: 12px;}

.movie-wrap iframe {margin:0 20px 0 0; width: 426px; height: 240px;}
#detailsmovie{text-align: center;}
#detailsmovie a {color: rgb(75,75,75);}
#parentdetailsmovie{text-align: center;}

  @media only screen and (max-width: 575.98px) {
  .movie-wrap iframe {margin: 20px 0 0 0; width: 100%; height: 25vh;}

  }

.uno { 
  background: url('../images/uno.png') left no-repeat ; 
  padding-left: 100px;
  padding-top: 20px;
  padding-bottom: 20px; 
  font-weight: bold; 
  font-size: 1.5em;
  margin-bottom: 10px;
  color:#f04336;
  line-height: 32px;
}
.dos { 
  background: url('../images/dos.png') left no-repeat ; 
  padding-left: 100px;
  padding-top: 20px;
  padding-bottom: 20px; 
  font-weight: bold; 
  font-size: 1.5em;
  margin-bottom: 10px;
  color:#f04336;
}
.tres { 
  background: url('../images/tres.png') left no-repeat ; 
  padding-left: 100px;
  padding-top: 20px;
  padding-bottom: 20px; 
  font-weight: bold; 
  font-size: 1.5em;
  margin-bottom: 10px;
  color:#f04336;
  line-height: 32px;
}
.cuatro { 
  background: url('../images/cuatro.png') left no-repeat ; 
  padding-left: 100px;
  padding-top: 20px;
  padding-bottom: 20px; 
  font-weight: bold; 
  font-size: 1.5em;
  margin-bottom: 10px;
  color:#f04336;
  line-height: 32px;
}
.flow {
  background-color: #fff7f7; 
  padding: 30px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  margin-bottom: 30px;
}
.arrow { background: url('../images/arrow.png') center no-repeat ; 
  margin: 30px 0 0px 0; height: 60px;}
  .matome {
    padding: 30px;
    background: #fff7f4;
    -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  margin-bottom: 20px;
    font-size: 1.2em;
    line-height: 34px;
    width: 70%;
    margin: 0 auto;
  }
  .matome>ul>li {
    padding: 5px 0;
  }
  .crayon {
    background: url('../images/crayon.png') left repeat-x; 
    padding-bottom: 24px;
  }
.bigtxt {
  text-align: center;
}
.group-foot {border-left:#ff6633 3px solid; padding-left: 10px;}
.group-foot p {line-height: 18px;} 
.minus {padding-right: 0px !important; padding-left: 9px !important;} 
.minus2 {padding-right: 0px !important; padding-left: 30px !important;} 
.in {display: inline-block; padding-right: 20px;vertical-align: top;}
.cr a {color: #fff; padding-left: 20px; padding-right: 20px;}

@media only screen and (max-width: 1199.98px) {
  .nav>ul>li {
    border-top:none;
    padding-right: 0px !important;
    padding-left: 0px !important;
   }
   .deck-resize {width: 100%; margin: 0 auto;}
   .intro-size {margin-left: 10px !important; margin-right: 10px !important;}

   .map-responsive{
    overflow:hidden;
    padding-bottom:43.25%;
    position:relative;
    height:0;
  }
  .map-responsive iframe{
    left:0;
    top:0;
    max-width: 510px;
    width:100%;
    height:400px;
    position:absolute;
  }
  .nav {width: 800px !important;}
  .matome {width: 100%;}
  .in {display: inline-block; padding-right: 0px;}
  .about-cont {width: 100%; margin: 0 auto;}
  .cenintro {width: 800px; margin: 0 auto;}
  .topbut {display: inline-block; /*! float: right; */margin-top: 28px;width: 462px;/*! text-align: right; */vertical-align: bottom;}
  
  
  .tel2 { font-weight: bold;line-height: 22px; position: relative; top: 0px; display: inline-block; font-size: 18px;color: #f63;vertical-align: bottom;margin-top: 11px;}
  .butimg1 img {width: 120px;}
  .butimg2 img {width: 120px;}
  .butimg3 img {width: 31px;}
}

@media only screen and (max-width: 991.98px) {
header {position: fixed; top: 4px; left: 0; right: 0; z-index: 901;padding-left: 16px;}
.topbut {display: none;}
.sp-logo {margin: 0; padding: 0; max-width: 200px; width: 100%;display: inline-block;position: absolute;top: 0; z-index: 9999;}
.tel {display: none}
.pc-hide {display: block;}
.sp-hide {display: none;}
.logo {margin-top: 15px;position: fixed;z-index: 99999;margin-left: 12px;}
.logo img { width: 181px; height: 40px; }
.intro-tit-color {
  color: #F04336;
  font-size: 1.8rem;
  text-align: center;
}
.cenintro {width: 100%; margin: 0 auto;}
.headbg {background-color: #ff5f35; position: fixed; top: 0; height: 71px;z-index: 9;}
.gret-set {padding-top: 0; padding-left: 20px !important}

.map-responsive{
  overflow:hidden;
  padding-bottom:46.25%;
  position:relative;
  height:0;
}
.map-responsive iframe{
  left:0;
  top:0;
  width:100%;
  height:100%;
  position:absolute;
}
.butsec {display: block; margin-bottom: 10px;}
.bigtxt { font-size: 1.3em; }
.colgroup {padding-left: 0px;width: 390px;margin: 0 auto;}
.hide-sec {display: block}
.smartbut {display: block;}
.smartbut { position: fixed; z-index: 9999; bottom: 0;  width: 100%; background: #ff5f35;}
.call {display: inline-block; width: 33.3%; }
.line {display: inline-block; width: 33.3%; border-left: #fff 1px solid;border-right: #fff 1px solid;}
.line2 {display: inline-block; width: 33.3%; /*! vertical-align: top */ }
.call img {width: 100%; vertical-align: top;}
.line img {width: 100%; vertical-align: top;}
.line2 img {width: 100%; vertical-align: top;}
}
@media only screen and (max-width: 767.98px) {
  h1 {margin: 0; padding: 0; max-width: 502px; width: 33%;display: inline-block;position: absolute;top: 0; z-index: 9999;}
  .expand {max-width: 740px !important; padding-left: 0 !important; padding-right: 0 !important;}
  .gret-set {padding-top: 20px !important; padding-left: 20px}
  .map-responsive{
    overflow:hidden;
    padding-bottom:70.25%;
    position:relative;
    height:0;
  }
  .map-responsive iframe{
    left:0;
    top:0;
    width:100% !important;
    height:100%;
    position:absolute;
  }
  .nav-txt {font-size: 1.2em !important;}
  .inside-head {background-attachment: inherit;}
  .about-head {background-attachment: inherit;}
  .location-head {background-attachment: inherit;}
  .info-head {background-attachment: inherit;}
  .owners-head {background-attachment: inherit;}
  .flow-head {background-attachment: inherit;}
  .reservation-head {background-attachment: inherit;}
  .prices-head {background-attachment: inherit;}
  .raise-head {background-attachment: inherit;}
  .contact-head {background-attachment: inherit;}
  .faq-head {background-attachment: inherit;}
  .bernese-head {background-attachment: inherit;}  
  .wei-head {background-attachment: inherit;}
  .mame-head {background-attachment: inherit;}  
  .bigtxt { font-size: 1.2em; }
  .in {display: inline-block; padding-right: 10px;}
}
  @media only screen and (max-width: 575.98px) {
    body {
      line-height:24px;
    }
    h2 {font-size: 1.5em !important;}
    .intro {text-align: center;} 
    .intro img {width: 70%; margin: 0 auto; margin-bottom: 20px;} 
    .card-deck {padding-top: 60px;}
    .expand {margin-left: 0 !important; margin-right: 0 !important; padding-right: 0 !important; padding-left: 0 !important;}
    .slide-hide {display: block;}
    .sp-slide-hide {display: none;}
    .gret-set {padding-top: 20px !important; padding-left: 0px}
    .colgroup {padding-left: 0px; text-align: center; width: 100%; margin: inherit;}
    .pa {margin-bottom: 20px;}
    .pbp {padding-bottom: 0rem !important;}
    .head-titles {padding-top: 42px;}
    .head-titles h3 {font-size: 1.4em !important; font-weight: bold;text-shadow: 2px 2px 2px #000000;}
    .head-titles h4 {font-size: 1em; text-shadow: 2px 2px 2px #000000;font-weight: normal;}
    .about-head {
      background: url('../images/head-about-sp.jpg') no-repeat center;
      /*! background-attachment: fixed; */
      /*! background-size: contain !important; */
      text-align: center;
      color: #fff;
      position:relative;
      background-size: cover;
      height: 152px;
      width: 100%;
      }
      .weimaraner-head {
        background: url('../images/head-weimaraner-sp.jpg') no-repeat center;
        /*! background-attachment: fixed; */
        /*! background-size: contain !important; */
        text-align: center;
        color: #fff;
        position:relative;
        background-size: cover;
        height: 152px;
        width: 100%;
        }
        .mameshiba-head {
          background: url('../images/head-mameshiba-sp.jpg') no-repeat center;
          /*! background-attachment: fixed; */
          /*! background-size: contain !important; */
          text-align: center;
          color: #fff;
          position:relative;
          background-size: cover;
          height: 152px;
          width: 100%;
          }
        .info-head {
          background: url('../images/head-info-sp.jpg') no-repeat center;
          /*! background-attachment: fixed; */
          /*! background-size: contain !important; */
          text-align: center;
          color: #fff;
          position:relative;
          background-size: cover;
          height: 152px;
          width: 100%;
          }
          .buy-head {
            background: url('../images/head-buy-sp.jpg') no-repeat center;
            /*! background-attachment: fixed; */
            /*! background-size: contain !important; */
            text-align: center;
            color: #fff;
            position:relative;
            background-size: cover;
            height: 160px;
            width: 100%;
            }
            .uno {font-size: 1.4em;line-height: 28px;}   
           .matome ul {margin: 0; padding: 0; list-style: none;}
}
  @media only screen and (max-width: 375.98px) {
    .hide-sp-el {display: none;}
    .bigtxt { font-size: 1.2em; }
    .minus {padding-right: 0px !important; padding-left: 0px !important;}
    .instabut img {max-width: 50px; width: 100%;}
    .conbutfoot img {max-width: 138px; width: 100%;}     
  }