@charset "UTF-8";
@import "common.css";
@import "form.css";
@import "mmaga.css";
@import "blog.css";
@import "sns.css";

/* CSS Document */

/*==================== 基本設定 ====================*/
html{}
body {font-family: 'fgutsukushiweb','Garamond','Times New Roman','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HiraMinProN-W3','游明朝','Yu Mincho','游明朝体','YuMincho','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝','MS PMincho',serif;
font-size:14px;line-height:1.5;letter-spacing: 0.5px;color:#3f3633;min-width:1080px;position:relative;}

img{max-width:100%;}
table{font-size:1em;}

/********** container **********/
.l_container{}
.l_gride{width:1190px;margin:0 auto;overflow:hidden;}

/********** ヘッダー **********/
.l_header{position:relative;}
.l_header_menu{display:none;}

.l_header_navi{width:100%;/*height:140px;*/height:120px;z-index:900;top:0;left:0;}
.l_header_navi .logo{width:225px;height:90px;position:absolute;bottom:9px;left:44px;}
.l_header_navi .logo a,.l_header_navi .logo span{display:block;width:100%;height:100%;}

.l_header_navi,
.l_header_navi *{-webkit-transition: all ease-in .3s;transition: all ease-in .3s;}

.l_main_navi{width:1080px;height:41px;position:absolute;left:290px;bottom:18px;}
.l_main_navi  nav,.l_main_navi ul.navi{width:100%;height:100%;}
.l_main_navi ul.navi li{text-align:center;font-size:13px;position:relative;display:inline-block;/** min-width:10% **/}
.l_main_navi ul.navi li a,.l_main_navi ul.navi li span{display:block;line-height:17px;padding:12px 20.3px;color:#fff;}
.l_main_navi ul.navi li span:hover{text-decoration:underline;cursor:pointer;}

.l_main_navi .sub_cont{opacity:0;height:0;width:100vw;top:120px;left:0;height:0;background-color: #e6e0d4;position:fixed;overflow: hidden;
-webkit-transition: all .5s;transition: all height .5s;}
.l_main_navi .sub_cont.opened{height:302px;opacity:1;}
.l_main_navi .sub_cont .box{height:100%;position: relative;}
.l_main_navi .sub_cont .in_box{width: 148px;position: absolute;left:0;top:38px;padding-left: 36px;}
.l_main_navi .sub_cont .in_box .title{font-size:20px;margin-bottom:5px;text-align: left;}
.l_main_navi .sub_cont .in_box .sub{color:#70706f;font-size:12px;margin-bottom: 10px;}
.l_main_navi .sub_cont .in_box a{padding:5px 0;font-size:14px;line-height:18px;background:#fff;text-align:center;border:4px solid #e6e0d4;position:relative;width:107px;height:16px;display:inline-block;}
.l_main_navi .sub_cont .in_box a:link,.l_main_navi .sub_cont .in_box a:visited,
.l_main_navi .sub_cont .in_box a:hover,.l_main_navi .sub_cont .in_box a:focus{color:#b56f6d !important;}
.l_main_navi .sub_cont .in_box a:after,
.l_main_navi .sub_cont .in_box a:before{display:block;content:"";position:absolute;width:36px;height:16px;}
.l_main_navi .sub_cont .in_box a:after{top:0;right:0;border-top: 1px solid #fff;border-right: 1px solid #fff;}
.l_main_navi .sub_cont .in_box a:before{left:0;bottom:0;border-left: 1px solid #fff;border-bottom: 1px solid #fff;}

.l_main_navi .sub_cont ul{width:736px;height: 264px;overflow-y:auto;position: absolute;left:187px;top:38px;}
.l_main_navi .sub_cont li{height:132px;margin-right: 22px;}
.l_main_navi .sub_cont li .image{width: 146px;height:88px;display:block;}
.l_main_navi .sub_cont li .image:hover{opacity:0.8;}
.l_main_navi .sub_cont li .image a{width:100%;height:100%;display: block;}
.l_main_navi .sub_cont li .title{display: block;margin-top: 5px;text-align: left;line-height:1.1;}

.help_navi_sns{width:210px;height:26px;position:absolute;bottom:25px;left:1394px;}
.help_navi_sns li{width:33%;text-align:right;display:inline-block;}
.help_navi_sns li a{width:26px;height:26px;display:inline-block;}

.help_navi_language{position:absolute;width:180px;/** top:35px;**/top:14px;right:44px;font-size:12px;}
.help_navi_language p{text-align:right;margin-bottom:3px;}
.help_navi_language li{position:relative;display:inline-block;min-width:33%;text-align:center;}
.help_navi_language li:after{display:block;content:"";position:absolute;background-color:#fff;margin-top:-6.5px;top:50%;right:0;width:1px;height:13px;}
.help_navi_language li.tail:after{display:none;}

.l_header_navi.primary{position:fixed;color:#fff;background-color:rgba(0,0,0,0.6);}
.l_header_navi.primary .logo a{background-image:url(../images/header_logo.png);}
.l_header_navi.primary .help_navi_sns li a.instagram{background-image:url(../images/help_navi_instagram.png);}
.l_header_navi.primary .help_navi_sns li a.facebook{background-image:url(../images/help_navi_facebook.png);}
.l_header_navi.primary .help_navi_sns li a.youtube{background-image:url(../images/help_navi_youtube.png);}

.l_header_navi.primary .l_main_navi .sub_cont{background:rgba(0,0,0,0.9);}
.l_header_navi.primary .l_main_navi .sub_cont .in_box .sub{color:#fff;} 
.l_header_navi.primary .l_main_navi .sub_cont .in_box a{border-color:#fff;}
.l_header_navi.primary .l_main_navi .sub_cont .in_box a{color:#000 !important;}

.l_header_navi.secondary{position:fixed;color:#000;background-color:#f8f6f1;}
.l_header_navi.secondary .logo a{background-image:url(../images/header_logo_black.png);}
.l_header_navi.secondary .help_navi_language li:after{background-color:#000;}
.l_header_navi.secondary .help_navi_sns li a.instagram{background-image:url(../images/help_navi_instagram_black.png);}
.l_header_navi.secondary .help_navi_sns li a.facebook{background-image:url(../images/help_navi_facebook_black.png);}
.l_header_navi.secondary .help_navi_sns li a.youtube{background-image:url(../images/help_navi_youtube_black.png);}

.l_header_navi.secondary .l_main_navi ul li span{color:#000;}
.l_header_navi.secondary li a:link,.l_header_navi.secondary li a:visited,.l_header_navi.secondary li a:hover,.l_header_navi.secondary li a:focus{color:#000;}
.l_header_navi.secondary .l_main_navi .sub_cont .in_box a{color:#b56f6d;}

.l_header_visual{background:#000;height:975px;position:relative;}
.l_header_visual ul{width:100%;height:100%;position:relative;}
.l_header_visual ul li,.l_header_visual ul li a,.l_header_visual ul li span{width:100%;height:100%;display:block;}
.l_header_visual ul li{position:absolute;top:0;left:0;display:none;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.l_header_visual ul li:first-child{display:block;}
.l_header_visual .logo{width:248px;height:356px;position:absolute;margin:-103px 0 0 -124px;top:50%;left:50%;}

.l_header_title{/*padding-top:140px;*/padding-top:120px;background-color:#fff;}
.l_header_title .wrapper{height:716px;position:relative;background:#000;background:none 50% 50% no-repeat;-webkit-background-size:cover;background-size:cover;}
.l_header_title .box{color:#fff;width:558px;height:305px;border:2px solid #fff;text-align:center;position:absolute;top:50%;left:50%;margin-top:-154px;margin-left:-279px;-webkit-box-sizing: border-box;;box-sizing: border-box;background: rgba(0, 0, 0, 0.4);}
.l_header_title .box > *{display:inline-block;width:100%;}
.l_header_title h1{font-size:48px;padding-top:105px;}
.l_header_title h1.fs_small{font-size: 40px;padding-top:113px;}
.l_header_title .sub{font-size:16px;}

.l_header_news{width:284px;height:324px;position:absolute;top:190px;left:46px;color:#fff;}
.l_header_news h2{height:20px;line-height:20px;font-size:16px;text-align:center;padding:15px 0 10px;margin-bottom:3px;background:url(../images/l_header_news_title_bg.png) no-repeat 50% 50%;}
.l_header_news .text{height:263px;padding:11px 8px 12px 13px;background:url(../images/l_header_news_cont_bg.png) no-repeat 50% 50%;}
.l_header_news .text p{height:100%;overflow-y:auto;font-size:15px;line-height:28px;}

@media screen and ( max-width:1630px) {
	.l_header_navi .logo{width:202.5px;height:81px;left:39.6px;}
	.l_main_navi{width:972px;height:36.9px;left:261px;bottom:16.2px;}
	.l_main_navi ul.navi li a,.l_main_navi ul.navi li span{padding:12px 15px;}
	.help_navi_language{right:39.6px;}
	.help_navi_sns{width:189px;height:19.5px;bottom:23.4px;left:1254.6px;}
	.help_navi_sns li a{width:23.4px;height:23.4px;display:inline-block;}
}

@media screen and ( max-width:1455px) {
	.l_header_navi .logo{width:168.75px;height:67.5px;left:33px;}
	.l_main_navi{width:880px;height:30.751px;left:217.5px;bottom:13.5px;}
	.l_main_navi ul.navi li{/** min-width:75px; **/}
	.l_main_navi ul.navi li a,.l_main_navi ul.navi li span{padding:12px 10px;}
	.help_navi_language{right:33px;}
	.help_navi_sns{width:120px;height:19.5px;bottom:23.4px;left:1111.5px;}
	.help_navi_sns li a{width:19.5px;height:19.5px;}
	.l_header_title .wrapper{height:537px;}
}

@media screen and ( max-width:1280px) {
	.l_header_navi.primary,
	.l_header_navi.secondary{/** height:110px; **/height:100px;}
	.l_header_title{/** padding-top:110px; **/padding-top:100px;}
	.l_header_navi .logo{left:22px;}
	.l_gride{width:1080px;margin:0 auto;}
	.l_main_navi ul.navi li{/** min-width:9%; **/}
	.l_main_navi ul.navi li a,.l_main_navi ul.navi li span{}
	.l_main_navi .sub_cont{/** top:110px; **/top:100px;}
	.help_navi_language{/** top:22px;**/top:14px;right:22px;}
	.help_navi_sns{width:120px;height:19.5px;/** bottom:50px;**/bottom:49px;left:auto;right:213px;}
	.help_navi_sns li a{width:19.5px;height:19.5px;}
}

/********** コンテンツ *********/
.l_contents{}
.l_breadcrumb{}
.l_breadcrumb ul{text-align:left;}
.l_breadcrumb li{display:inline-block;}
.l_column{}
.l_column_sub{}
.l_column_main{}

.l_gotop{position:fixed;opacity:0;bottom:-40px;right:20px;width:38px;height:38px;-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.l_gotop a{display:block;width:100%;height:100%;background:url(../images/gotop.jpg) no-repeat 50% 50%;-webkit-background-size:cover;background-size:cover;}
.l_gotop.on{bottom:20px;opacity:1;}

/********** 共通コンテンツ *********/

.come_set_title{position:relative;text-align:center;}
.come_set_title:after,.come_set_title:before{position:absolute;content:"";display:block;height:1px;width:39%;top:15px;background-color:#c3c3c3;}
.come_set_title:after{right:0;}
.come_set_title:before{left:0;}
.come_set_title h2{font-size:24px;line-height:1.2;}
.come_set_title > span{display:block;font-size:12px;color:#3f3633;}

.come_instagram{padding-top:34px;}
.come_instagram .title{text-align:center;margin-bottom:20px;position:relative;}
.come_instagram .title h2{height:149px;background:url(../images/come_instagram_title.png) no-repeat 50% 50%;
-webkit-background-size:51px 149px;background-size:51px 149px;}
.come_instagram .text,.come_instagram .post_by{position:absolute;top:57px;left:50%;font-size:16px;}
.come_instagram .text{width:350px;text-align:right;margin-left:-457px;}
.come_instagram .post_by{margin-left:125px;width:250px;text-align:left;}
.come_instagram .box{padding: 0 0 58px 242px;position:relative;}
.come_instagram .widget{width:100%;overflow:hidden;max-height:461px;height: 100%;}
.come_instagram .widget.for_sp{display: none;}
.come_instagram .widget_in{}
.come_instagram .widget_in iframe{max-width:100%;}
.come_instagram .widget_in a{display:none;}
.come_instagram h3{width:175px;/*height:212px;*/left:49px;top:56px;position:absolute;display:flex;vertical-align:middle;text-align:center;align-items: center;height: 67%;
}
.come_instagram ul{margin:0 -14px;}
.come_instagram li{padding:0 14px;width:25%;display:inline-block;}

.come_banners{padding-top:50px;}
.come_banners .title{margin-bottom:47px;}
.come_banners ul{margin:0 -8px;}
.come_banners li{padding:0 8px 55px;width:33%;}
.come_banners li img{-webkit-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.come_banners li img:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}

.come_map{height:660px;}
.come_map iframe{width:100%;height:100%;}


@media screen and ( max-width:1280px) {
	.come_instagram .widget{height: 404px;}
}

/********** 入山案内(TOPのみ) **********/

.home_rule{padding:58px 0;background-image: url(../images/bg_rule.jpg);}
.home_rule ul{margin-top:30px;}
.home_rule ul li{background:rgba(255,255,255,0.6);display:inline-block;width:30%;padding:20px;margin:0 0 30px 30px;}
.home_rule ul li .title{color: #d78586;font-size:20px;margin-bottom:8px;}

/********** フッター **********/
.l_footer{background-color:#222222;color:#fff;padding:20px 0;}
.l_footer h2{margin-bottom:10px;text-align:center;}
.l_footer .box{width:200px;margin-right:60px;padding-top:20px;}
.l_footer .box h3{padding:5px;margin-bottom:5px;border-bottom:1px dotted #fff;}
.l_footer .box li{background:url(../images/foot_icon.png) no-repeat 7px 50%;}
.l_footer .box li a{display:block;padding:5px 0 5px 20px;line-height:20px;}
.l_footer .address{width:410px;padding-top:24px;letter-spacing:2px;}
.l_footer .address h3{font-size:16px;margin-bottom:15px;}
.l_footer .address .over{font-size:15px;line-height:2;margin-bottom:10px;}
.l_footer .address .over a{pointer-events: none;}
.l_footer .address .under{font-size:13px;}
.l_footer .copyright{text-align:center;font-size:12px;padding-top:35px;}

@media screen and ( max-width:750px) {
	.l_footer .address .over a{pointer-events: auto;}
}
