@charset "UTF-8";

/*
http://fonts.googleapis.com/earlyaccess/notosansjapanese.css
*/
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 300;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 400;
   src: local('NotoSansJP-Regular.otf'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.otf) format('opentype');
 }
html,body,div,span,address,em,strong,dfn,cite,abbr,acronym,blockquote,q,sub,sup,p,ins,del,ul,ol,li,dl,dt,dd,caption,th,td{
font-family: "Noto Sans Japanese", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
h1,h2,h3,h4,h5,h6{
font-family: "Noto Sans Japanese", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
input,button,select,optgroup,option,textarea,label,legend{
font-family: "Noto Sans Japanese", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
pre,code,samp,kbd,var{
font-family: "Osaka－等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", monospace;
}

/*
100/c-(0.5/w*100)
*/
        html {
            color: #4B5E42;
            line-height: 1.24em;
            /*
font-size:16px;
line-height:19px;

font-size:17px;
line-height:25px;
*/
        }

        
        html,
        body {
            background-color: #A8C97F;
        }
        
        table {
            width: 100%;
        }
.uk-overflow-container table tr td{
word-break:break-all;
line-height:1.2em;
}
.uk-overflow-container table tr td:first-child{
word-break:normal;
white-space:nowrap;
line-height:1em;
}
        
        object,
        embed,
        img {
            vertical-align: bottom;
        }

        #header,#footer {
            background-image:url(http://www.gvhakuba.co.jp/media/logo_bg.png);
        }

        #header .menu {
            font-size: 0.85em;
            background-color: #507266;
            color: #fff;
            text-align: center;
            background: -webkit-linear-gradient( top, #8CB0A3 0%, #507266 100%);
            background: linear-gradient( to bottom, #8CB0A3 0%, #507266 100%);
        }
        
        #header .menu div {}
        
        #header .menu a {
            display: block;
            color: #fff;
            padding: 1.1em 0;
            border-left: 1px dotted #BACFC8;
            border-top: 1px dotted #BACFC8;
            border-bottom: 1px dotted #BACFC8;
        }
        
        #header .menu a:hover {
            background: -webkit-linear-gradient( top, #B98C46 0%, #DEB887 100%);
            background: linear-gradient( to bottom, #B98C46 0%, #DEB887 100%);
            text-decoration: none;
        }
        
        #footer .menu {
            font-size: 0.85em;
            background-color: #507266;
            color: #fff;
            text-align: center;
            background: -webkit-linear-gradient( top, #8CB0A3 0%, #507266 100%);
            background: linear-gradient( to bottom, #8CB0A3 0%, #507266 100%);
        }
        
        #header .uk-button {
            font-weight: bold;
            background-color: #fff;
            /*
            text-shadow: 1px 1px 1px #fff;
            background: -webkit-linear-gradient( top, #fcc800 0%, #f8b500 100%);
            background: linear-gradient( to bottom, #fcc800 0%, #f8b500 100%);
            */
        }
        
        #footer .menu div {}
        
        #footer .menu a {
            display: block;
            color: #fff;
            padding: 0.7em 0;
        }
        
        #footer .menu a:hover {
            background: -webkit-linear-gradient( top, #B98C46 0%, #DEB887 100%);
            background: linear-gradient( to bottom, #B98C46 0%, #DEB887 100%);
            text-decoration: none;
        }
        
        @-webkit-keyframes pulse {
            from {
                color: #fff;
            }
            to {
                color: #fcc800;
            }
        }
        
        @-moz-keyframes pulse {
            from {
                color: #fff;
            }
            to {
                color: #fcc800;
            }
        }
        
        @-o-keyframes pulse {
            from {
                color: #fff;
            }
            to {
                color: #fcc800;
            }
        }
        
        @-ms-keyframes pulse {
            from {
                color: #fff;
            }
            to {
                color: #fcc800;
            }
        }

        @-webkit-keyframes pulse2 {
            from {
                color: #4B5E42;
            }
            to {
                color: #DC143C;
            }
        }
        
        @-moz-keyframes pulse2 {
            from {
                color: #4B5E42;
            }
            to {
                color: #DC143C;
            }
        }
        
        @-o-keyframes pulse2 {
            from {
                color: #4B5E42;
            }
            to {
                color: #DC143C;
            }
        }
        
        @-ms-keyframes pulse2 {
            from {
                color: #4B5E42;
            }
            to {
                color: #DC143C;
            }
        }

        @-webkit-keyframes pulse3 {
            from {
                color: #fff;
            }
            to {
                color: #fcc800;
            }
        }
        
        @-moz-keyframes pulse3 {
            from {
                color: #fff;
            }
            to {
                color: #fcc800;
            }
        }
        
        @-o-keyframes pulse3 {
            from {
                color: #fff;
            }
            to {
                color: #fcc800;
            }
        }
        
        @-ms-keyframes pulse3 {
            from {
                color: #fff;
            }
            to {
                color: #fcc800;
            }
        }



        
        .blinking {
            background: -webkit-linear-gradient( top, #ea5506 0%, #FF4500 100%);
            background: linear-gradient( to bottom, #ea5506 0%, #FF4500 100%);
            -webkit-animation: pulse 0.7s ease-in-out 0s infinite alternate;
            -moz-animation: pulse 0.7s ease-in-out 0s infinite alternate;
            -o-animation: pulse 0.7s ease-in-out 0s infinite alternate;
            -ms-animation: pulse 0.7s ease-in-out 0s infinite alternate;
        }
        .blinking-red {
            -webkit-animation: pulse2 1.4s ease 0s infinite normal;
            -moz-animation: pulse2 1.4s ease 0s infinite normal;
            -o-animation: pulse2 1.4s ease 0s infinite normal;
            -ms-animation: pulse2 1.4s ease 0s infinite normal;
        }
        .blinking-red-white {
            -webkit-animation: pulse3 0.7s ease-in-out 0s infinite alternate;
            -moz-animation: pulse3 0.7s ease-in-out 0s infinite alternate;
            -o-animation: pulse3 0.7s ease-in-out 0s infinite alternate;
            -ms-animation: pulse3 0.7s ease-in-out 0s infinite alternate;
        }
        .btnav {
            font-size: 0.85em;
            background-color: #507266;
            color: #fff;
            text-align: center;
            background: -webkit-linear-gradient( top, #8CB0A3 0%, #507266 100%);
            background: linear-gradient( to bottom, #8CB0A3 0%, #507266 100%);
        }
        .btnav:link,.btnav:visited,.btnav:hover,.btnav:focus,.btnav:active{
            color: #fff;
            background-color: #507266;
        }






.uk-switcher h3{
text-align:center;
font-size:2.4rem; line-height:2.4rem;
font-weight:bold;
color:#8DAFA3;
}
h4 {
color:#DC143C;
font-size:1.5rem;
border-bottom:thin dotted #DC143C;
line-height:2.4rem;
}
.uk-switcher h4{
color:#4B5E42;
border-bottom:thin dotted #4B5E42;
}


.uk-offcanvas{
background: rgba(0,0,0,.7);
}
.uk-offcanvas-bar{
background:#fff;
color:#4B5E42;
/*width:310px;*/
}

.uk-button, .uk-button:link, .uk-button:visited, .uk-button:active .uk-button:focus{
padding:0.4rem;
border-radius: 7px;
background:#507266;
color:#fff;
}
#header .uk-button, #header .uk-button:link, #header .uk-button:visited, #header .uk-button:active #header .uk-button:focus{
background:#fff;
color:#507266;
}
.uk-button:hover {
background:#B98C46;
color:#fff;
}
.my-button-w.uk-button, .my-button-w.uk-button:link, .my-button-w.uk-button:visited, .my-button-w.uk-button:active{
background:#fff;
color:#4B5E42;
font-weight:bold;
}
.uk-button.uk-active, uk-switcher .uk-button:active {
background:#fff;
color:#4B5E42;
border:thin dotted #8CB0A3;
font-weight:bold;
}

.uk-button._snavi{
border-radius:0px;
border-right:thin dotted #8CB0A3;
}

.bg-image{
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
height:100%;
background-color:#507266;
}
.bg-mask{
background:rgba(80, 114, 102, 0.76);
height:100%;
}
.bg-mask h2{
color:#fff;
backgrounf-color:#507266;
padding:1.5rem 0;
text-align:center;
margin:0;
}



a, a:link, a:hover, a:visited, a:active, a:focus{
text-decoration:underline;
color:#059;
}
a.uk-button, a.uk-button:link, a.uk-button:hover, a.uk-button:visited, a.uk-button:active a.uk-button:focus,
.menu a, .menu a:link, .menu a:hover, .menu a:visited, .menu a:active, .menu a:focus{
text-decoration:none;
}

.hover_clear:hover{
opacity: 1;         /*ホバーで不透明*/
}

.table1 td{
    padding: 5px 10px 5px;
}


/*PCでの電話防止（クリック無効）*/
@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}