@charset "UTF-8";

/* ----------------------------------------------------------------------
 基本設定
---------------------------------------------------------------------- */
img{    display:block;margin: 0 auto;max-width: 100%;height: auto;}
a{transition: 0.2s;}
a:hover img{opacity: 0.8;}
.inner{width: 90%;max-width: 750px;margin-left: auto;margin-right: auto;}
.ggmap {position: relative;padding-bottom: 57.25%;padding-top: 30px;height: 0;overflow: hidden;}
.ggmap iframe,.ggmap object,.ggmap embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* fadein */
.fadein {    opacity : 0;  -webkit-transition: all .5s ease-out;  -o-transition: all .5s ease-out;  transition: all .5s ease-out;    }
.fadein.bottom { transform : translate3d(0, 10px,0);transition: all .3s ease-out;}
.fadein.scrollin {    opacity : 1; transform :translate3d(0, 0, 0); }


/* ----------------------------------------------------------------------
 トップ
---------------------------------------------------------------------- */
header img{margin-top:min(calc(25vw / 3.76), 50px);margin-bottom:min(calc(31vw / 3.76), 62px);}
#top{margin-bottom:min(calc(39vw / 3.76), 78px);}
#top .text{margin-bottom:min(calc(33vw / 3.76), 66px);}
#feature{margin-bottom:min(calc(40vw / 3.76), 80px);}
#feature .text{margin-bottom:min(calc(11vw / 3.76), 22px);}
#feature .image img{margin-bottom:min(calc(9vw / 3.76), 18px);}
#enjoy{background: #000;padding-top: min(calc(80vw / 3.76), 160px);}
#enjoy .film_waku{background: url(images/enjoy_bg.svg) repeat-y center top/contain;margin-top: min(calc(52vw / 3.76), 104px);padding-top:min(calc(30vw / 3.76), 60px);padding-bottom:min(calc(25vw / 3.76), 50px);}
#enjoy .film{width: 80%;margin-left: auto;margin-right: auto;}
#enjoy .film .image{margin-bottom: min(calc(29vw / 3.76), 58px);}
#enjoy .film .text{margin-bottom: min(calc(39vw / 3.76), 78px);}
#enjoy .film .text2{margin-bottom: min(calc(54vw / 3.76), 108px);}
#enjoy .film .text3{margin-bottom: min(calc(81vw / 3.76), 162px);}
#gallery{padding-top: min(calc(37vw / 3.76), 74px); margin-bottom: min(calc(44vw / 3.76), 88px);}
#overview{margin-bottom: min(calc(68vw / 3.76), 138px);}
#facilities{margin-bottom: min(calc(86vw / 3.76), 172px);}
#facilities .title{margin-bottom: min(calc(39vw / 3.76), 78px);}
#facilities .image{margin-bottom: min(calc(20vw / 3.76), 40px);}
#facilities .text{margin-bottom: min(calc(25vw / 3.76), 50px);}
#facilities .merit img{margin-bottom:10px;}
#dogcafe{margin-bottom: min(calc(48vw / 3.76), 96px);}
#dogcafe h2{margin-bottom: min(calc(47vw / 3.76), 94px);}
#dogcafe .menu img{margin-bottom: min(calc(20vw / 3.76), 40px);}
#dogcafe .menu img.menu3{margin-bottom: min(calc(35vw / 3.76), 70px);}
#egao_inu_neko{margin-bottom: min(calc(50vw / 3.76), 100px);}
#egao_inu_neko .icon{margin-bottom: min(calc(57vw / 3.76), 114px);}
#egao_inu_neko .title{margin-bottom: min(calc(15vw / 3.76), 30px);}
#access{max-width: 640px;margin-bottom: min(calc(39vw / 3.76), 78px);}
#access .ggmap{margin-bottom: 15px;}
#access .title{margin-bottom: min(calc(15vw / 3.76), 30px);}

/* ----------------------------------------------------------------------
 フッター
---------------------------------------------------------------------- */
footer .footer_logo{margin-bottom: min(calc(22vw / 3.76), 44px);}
footer .footer_address{margin-bottom: min(calc(22vw / 3.76), 44px);}
footer .contact{ display: block;margin: 0 auto 44px;width:min(calc(200vw / 3.76), 301px);}
footer .copyright{text-align: center;}