@charset "utf-8";
html,
body { position: relative; height: 100%; margin: 0 auto; padding: 0; }

*{}

body { width: 100%; height:100%; text-align: center; margin: 0 auto; padding: 0; -webkit-text-size-adjust: 100%; color: #231815; background: #fff; }
.inner {width: 90%;max-width: 1180px; text-align: left; margin: 0 auto; padding: 0; }

.navbox{
    width: 1180px;
    margin: 0 auto;
}

#top { margin: 0; padding: 0; }
a, a:link, a:visited { color: #231815; }
a, a:hover {color:#1111cc;text-decoration: underline;}

a:hover img { filter: alpha(style=0,opacity=80); opacity: .8; }

.png { /*zoom: .5;*/ }
.svg {  }
.icn { margin: 0 .3em; vertical-align: middle; }
.hide { display: none; }

.pc { display: block; }
.sp { display: none; }
@media screen and (max-width: 768px){
	.pc { display: none; }
	.sp { display: block; }
}

/*ヘッダー*/
#header { background: #fff; }
        #header .inner {  }
.logo { float: left; width: 265px; margin-top: 20px; }
.logo img { display: block; width: 100%; text-align: right; }
#description {
    float: left;
    font-size: 80%;
    line-height: 120%;
    color: #666;
    margin: 0px 10px 0 7px;
    padding: 0;
    text-align: left;
    letter-spacing: 0px;
}

.bluebar{
    width: 100%;
    float: left;
    background: #004fa8;
}

.langlist{
    width: 1180px;
    margin: 0 auto;
}
@media screen and (max-width: 768px){
.langlist{
       width: 100%;
}
}

.langlist ul{
width: 310px;
    float: right;
}

.langlist li{
    float: left;
}

.langlist li a{
    color: #fff;
    font-size: 12px;
    margin: 9px;
}


@media screen and (max-width: 768px){
#description {display:none;}
.navbox{
    width: 100%;
    margin: 0 auto;
}

}



#headNavi {
    float: right;
    width: 460px;
    margin: 34px 0 0;
    padding: 0;
}

#headNavi ul{text-align: right;}

        .drawer-navbar-header{
            width: 100%;
            float: left;
            margin-bottom: 20px;
        }

ul#sns_i{text-align: right;margin-bottom: 0px;}

#headNavi li {
    display: inline-block;
    margin: 0;
    padding: 0;
}
ul#sns_i li#ph_fb{
    position: relative;
    top:5px;

}


ul#sns_i li#lc_fb{
    position: relative;
    top:5px;
}



@media screen and (max-width:990px){ #headNavi {
    float: right;
    width: 210px;
    margin: 0 0 0;
    padding: 0;
}
}

@media screen and (max-width:767px){
	#header .inner { padding: 10px 0;}
	.logo { padding: 0; }
	.logo img { width: auto; height: 30px; }
	}

/*グローバルナビ*/
#globalNavi { margin-bottom: 20px; background-color: white; font-weight: bold;}
@media screen and (min-width: 768px){
#globalNavi {
width: 80%;
    float: right;}

}


#globalNavi ul { border-right: 1px solid #aca8a7; }
#globalNavi li { display: block; float: left;width: 12.3%; text-align: center; border-left: 1px solid #aca8a7; }
#globalNavi li.langage{ display: none;  }
/*#globalNavi li:last-child{border-right: 1px solid #aca8a7;}*/

#globalNavi li a { display: block; cursor: pointer; font-family: "メイリオ", sans-serif;color: #555;}
#globalNavi li a img { display: block; width: 40%; margin: 0 auto; vertical-align: middle; }
#globalNavi li#en_gn{width: 97px;}
#globalNavi li#cn_gn{width: 82px;}
#globalNavi li#tw_gn{width: 82px;}
#globalNavi li#ko_gn{width: 98px; padding-bottom: 140px;}
@media screen and (max-width:767px){
	#globalNavi { padding-top: 60px; font-size: 112%; z-index: 100000;}
	#globalNavi ul { border-right: 0;padding-left: 10px;}
	#globalNavi li { display: block; float: none; width: 100%; text-align: left; margin-bottom: 20px; border-left: 0;  }
	#globalNavi li.langage{ display: block; float: none;  text-align: left; margin-bottom: 20px; border-left: 0;padding-left: 30px; }
	#globalNavi li a img { display: inline-block; width: 20%; margin: 0 10px 0 0; vertical-align: middle; }
	#globalNavi li.langage a img{display: inline-block; width: 100%;  vertical-align: middle;}
}


/*メイン*/
#main {clear: both;}

.section { margin-bottom: 50px; }
.section h1 { 
    font-size: 34px;
    margin-bottom: 20px;
    font-family: "メイリオ", sans-serif;
    font-weight: bold;
}

.section h1 img { width: 10%; vertical-align: bottom; }
.section h2 { font-size: 112%; margin-bottom: 10px; font-weight: bold;}
.section h2.h2title a{font-size: 130%;}
.section h2.h2title{font-size: 130%;}
@media screen and (max-width:768px){
	.section { margin-bottom: 35px; }
	.section h1 img { width: 20%; vertical-align: bottom; }
}


/*sns*/
#sns { text-align: center; margin-bottom: 70px; }
#sns ul { margin-bottom: 70px; }
#sns ul li { display: block; float: left; width: 23%; margin: 0 2.6% 30px 0px; padding-top: 20px; }
#sns ul li:nth-of-type(4) { margin: 0; } 
#sns ul li a { display: block; padding: 10px 0; border: 1px solid #c8c5c4;  }
#sns ul li a img { vertical-align: middle; margin-right: .5em; }
@media screen and (max-width:767px){
	#sns ul li a img { display: block; margin: 0 auto 5px; }
}

/*バナー*/
.banner { margin-bottom: 60px; }
.banner ul { }
.banner ul li { float: left; display: block; width: 19%; margin: 0 0 10px 1.25%; padding: 0; }
.banner ul li:nth-of-type(5n+1) { margin: 0 0 10px; }
.banner ul li img { display: block; width: 100%; }
@media screen and (max-width:767px){
	.banner .inner { padding: 20px 0 10px; }
	.banner ul li,
	.banner ul li:nth-of-type(5n+1) { display: block; float: left; width: 48%; margin:1%; }
	.banner ul li:nth-of-type(2n+1) {}
}




/*pageTop*/
#pageTop { text-align: center; height: 50px; }
#pageTop a { position: relative; display: inline-block; padding: 0 0 0 50px; vertical-align: middle; text-decoration: none; font-size: 15px; }
#pageTop a::before,
#pageTop a::after { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle; }
#pageTop a::before { box-sizing: border-box; width: 50px; height: 50px; border: 1px solid #231815; -webkit-border-radius: 50%; border-radius: 50%; }
#pageTop a::after { left: 14px; top: 10px; width: 20px; height: 20px; border-top: 1px solid #231815; border-right: 1px solid #231815; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }


article#fb_t{float: left;
width: 48%;
margin-bottom: 2%;}

article#tw_t{float: left;
width: 48%;
margin-bottom: 2%;}

article#tw_t img{
width: 100%;
}


/*フッター*/
#footer { background: #004fa8; color: #fff;}
#footer .inner { padding: 30px 0; }
#footLogo { width: 25%; margin: 0 0 20px; }
#footLogo img { display: block; width: 100%; margin: 0 auto; }
#footer address { font-size: 82%; margin: 0 0 10px; }
#footer address img { margin-left: .5em; vertical-align: middle; }
#copyright { font-size: 82%; margin: 0; text-align: center;}
@media screen and (max-width:767px){
	#footLogo { width: 50%; margin: 0 0 20px; }
}

#site-information1 li a{
    color: #fff;
}
.fixed {
    padding-top: 20px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
    background: #fff;
    box-shadow:0px 4px 10px -3px #cacaca;
}

@media screen and (max-width: 768px){
.fixed {
    padding-top: 0px;
}
}


/*食事*/
#food{background-color: #f5deb3; }
#food1 {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;}

#food1 h1{font-size: 30px;
text-align: center;
font-weight: bold;
padding-top: 50px;
margin-bottom: 90px;}

.photos {
    text-align: center;
    margin-bottom: 45px;
}
.photos li {
    display: inline-block;
    width: 48%;}
    
    .photos li img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

#bgpara01{
/* background: url(../img/bg_01.jpg); 夏の黒部ダム*/
/* background: url(../img/bg_a11.jpg);秋の黒部ダム*/
/*background: url(../img/bg_w111.jpg);冬の黒部ダム*/
/*background: url(../img/bg201904.jpg);春の黒部ダム*/
background: url(../img/bg201905.jpg);
height: 600px;
width: 100%;
background-repeat: no-repeat;
background-position: 50%　50%;
background-attachment: fixed;
}

#bgpara02{
 background: url(../img/bg_02.jpg) no-repeat fixed;
/*background: url(../img/bg_a222.jpg) no-repeat fixed;秋の高瀬渓谷 */
/*background: url(../img/bg_w222.jpg) no-repeat fixed;冬の背景*/
/*background: url(../img/bg2019042.jpg) no-repeat fixed;春の背景*/
/*background: url(../img/bg20190422.jpg) no-repeat fixed;* 桜中綱湖 */
height: 600px;
width: 100%;
background-position: 50%;
}

.list-mv02{
    opacity: 0;
    transition: 1s;
}
.mv02{
    opacity: 1.0;
}

#travel li{
    width: 50%;
    float: left;
}

@media screen and (max-width:768px){
#travel li{
    width: 100%;
    float: left;
}
}

#travel li img{
    width: 100%;
}



.eventarchive{
    width: 100%;
    text-align: right;
    padding-right: 30px;
box-sizing: border-box;
}


td#gs_tti50{width: 80%;}
#sch{width: 400px;float: right;}
#sch button{display: inline;}