@charset "UTF-8";
@import "common.css";
@import "genericons.css";/*web-font-icon-use*/
@import "../../manage/common/font-awesome.min.css";/*web-font-icon-use2*/
@import "form.css";
@import "blog.css";

/* CSS Document */
/*==================== 基本設定 ====================*/
html{}
body{width:100%;max-width:750px;margin:0 auto;font-family:"HiraKakuProN-W3",Arial,sans-serif;font-size:14px;line-height:1.5;color:#333;-webkit-text-size-adjust:none;overflow-x:hidden;letter-spacing:1px;}
img{max-width:100%;}
table{font-size:1em;}

/********** container **********/
.l_container{overflow-x:hidden;width:100%;}
.l_gride{padding:0 10px;}


/********** ヘッダー **********/
.l_header{position:relative;}

.l_header_navi{display:none;}

.l_header_menu{position:fixed;width:100%;height:60px;padding-top:60px;-webkit-box-sizing: border-box;box-sizing: border-box;background-color:rgba(0,0,0,0.9);z-index:800;}
.l_header_menu .wrapper{height:100%;overflow:hidden;}

.l_header_menu.is_active{padding: 70px 10px 30px;height:100%;}
.l_header_menu.is_active .wrapper{overflow-y:scroll;}
.l_header_menu .logo{position:absolute;top:5px;left:10px;width:100px;height:50px;}
.l_header_menu .logo a{display:block;width:100%;height:100%;background-image:url(../images/sp_logo.png);}
.l_header_menu .close,.l_header_menu .menu{position:absolute;top:5px;right:10px;width:43px;height:50px;}
.l_header_menu.is_active .close,.l_header_menu .menu{display:block;}
.l_header_menu .close,.l_header_menu.is_active .menu{display:none;}
.l_header_menu .close span,.l_header_menu .menu span{display:block;width:100%;height:100%;}
.l_header_menu .close span{background-image:url(../images/sp_close.png);}
.l_header_menu .menu span{;background-image:url(../images/sp_menu.png);}

.l_main_navi{}
.l_main_navi ul.list > li > a,.l_main_navi ul.list > li > span{display:block;padding:13px 0;text-align:center;font-size:16px;color:#fff;}
.l_main_navi ul.list > li > a{border-bottom:1px solid #f6f3ea;}
.l_main_navi ul.list > li > span{border-bottom:none;}
.l_main_navi ul.list > li.has_child{position:relative;border-bottom:1px solid #f6f3ea;}
.l_main_navi ul.list > li.has_child:after{position:absolute;content:"";display:block;width:43.5px;height:28px;top:13px;right:0;background:url(../images/sp_plus.png) 50% 50% no-repeat;-webkit-background-size:cover;background-size:cover;}
.l_main_navi ul.list > li.has_child.open:after{background-image:url(../images/sp_minus.png);}

.l_main_navi ul.list > li.has_child ul{height:0px;overflow:hidden;margin:0 -5px;
-webkit-transition: height .3s ease-in;transition: height .3s ease-in;}
.l_main_navi ul.list > li.has_child li{width:50%;padding:10px 5px;}
.l_main_navi ul.list > li.has_child li .image{display:block;position: relative;width: 100%;}
.l_main_navi ul.list > li.has_child li .image:before {content:"";display: block;padding-top: 60%;}
.l_main_navi ul.list > li.has_child li .image a{position: absolute;top: 0;left: 0;bottom: 0;right: 0;display:block;}
.l_main_navi ul.list > li.has_child li .title{display:block;font-size:15px;text-align:left;padding-top:10px;color:#fff;}

.l_main_navi ul.list > li.has_child.open ul{height:auto;padding:10px 0 34px;}

.help_navi_language{margin-top:30px;}
.help_navi_language ul{width:100%;display:table;border-top:1px solid #fff;border-bottom:1px solid #fff;}
.help_navi_language li{width:33%;text-align:center;display:table-cell;vertical-align:middle;}
.help_navi_language li a{display:block;height:45px;font-size:15px;line-height:45px;border-left:1px solid #fff;}
.help_navi_language li.on a{color:#000;background-color:#fff;}
.help_navi_language li.tail{width:34%;}
.help_navi_language li.tail a{border-right:1px solid #fff;}

.help_navi_sns{margin-top:20px;text-align:center;}
.help_navi_sns ul{width:210px;margin-right:auto;margin-left:auto;}
.help_navi_sns li{width:33%;display:inline-block;}
.help_navi_sns li a{width:40px;height:40px;display:block;margin-right:auto;margin-left:auto;}
.help_navi_sns li a.instagram{background-image:url(../images/sp_instagram.png);}
.help_navi_sns li a.facebook{background-image:url(../images/sp_facebook.png);}
.help_navi_sns li a.youtube{background-image:url(../images/sp_youtube.png);}

.l_header_visual{background:#000;width:100%;position:relative;}
.l_header_visual:before {content:"";display: block;padding-top: 170%}
.l_header_visual ul{position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
.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 ul li span{}
.l_header_visual .logo{width:182px;height:261px;position:absolute;margin:-81px 0 0 -91px;top:50%;left:50%;}

.l_header_title{padding-top:60px;background-color:#fff;background-color:#000;}
.l_header_title .wrapper{height:250px;position:relative;background:none 50% 50% no-repeat #000;
-webkit-background-size:cover;background-size:cover;}
.l_header_title .box{color:#fff;background-color:rgba(0,0,0,0.7);width:280px;height:160px;border:1px solid #fff;text-align:center;position:absolute;top:50%;left:50%;margin-top:-80px;margin-left:-140px;-webkit-box-sizing: border-box;;box-sizing: border-box;}
.l_header_title .box > *{display:inline-block;width:100%;}
.l_header_title h1{font-size:18px;padding-top:54px;line-height:24px;}
.l_header_title .sub{font-size:14px;}

.l_header_news{color:#fff;background-color:#000;padding:20px 0;}
.l_header_news > *{width:284px;margin-right:auto;margin-left:auto;-webkit-box-sizing: border-box;box-sizing: border-box;}
.l_header_news h2{height:53px;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:286px;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;}
.l_header_news .text a{text-decoration: underline;}


/********** コンテンツ *********/
.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;bottom:10px;right:10px;width:38px;height:38px;background:url(../../images/gotop.jpg) no-repeat 50% 50%;
-webkit-background-size:cover;background-size:cover;}

/********** 共通コンテンツ *********/

.come_set_title{position:relative;text-align:center;}
.come_set_title:after,.come_set_title:before{position:absolute;content:"";display:block;height:1px;width:28%;top:15px;background-color:#c3c3c3;}
.come_set_title:after{right:0;}
.come_set_title:before{left:0;}
.come_set_title h2{font-size:18px;line-height:1.2;}
.come_set_title > span{display:block;font-size:12px;color:#3f3633;}

.come_instagram{padding:30px 0 20px;}
.come_instagram .title{margin-bottom:30px;position:relative;text-align:center;}
.come_instagram .title h2{margin-bottom:20px;width:100%;height:42px;background:none 50% 50% no-repeat;background-image:url(../images/sp_come_instagram_title.png);
-webkit-background-size:auto 100%;background-size:auto 100%;}
.come_instagram .text,.come_instagram .post_by{font-size:15px;line-height:20px;}
.come_instagram .text{}
.come_instagram .post_by{}
.come_instagram .box{/*padding-bottom:20px;*/}
.come_instagram .widget{width:100%;/*height:160px;overflow-x: scroll;-webkit-overflow-scrolling: touch;*/}

.come_instagram .widget_in{height:100%;/*overflow:hidden;width:800px;*/}
.come_instagram .widget_in a{display:none;}

.come_instagram h3{width:158px;text-align:center;margin:0 auto 10px;}
.come_instagram ul{margin:0 -10px;}
.come_instagram li{padding:10px;width:50%;display:inline-block;text-align:center;}

.come_banners{padding:30px 0 0;}
.come_banners .title{margin-bottom:20px;}
.come_banners ul{}
.come_banners li{width:100%;padding-bottom:10px;text-align:center;}

.come_map{height:260px;margin-top:20px;}
.come_map iframe{width:100%;height:100%;}


/********** 入山案内(TOPのみ) **********/

.home_rule{padding:30px 0;background: url(../../images/bg_rule.jpg) 100%;}
.home_rule ul{margin-top:30px;}
.home_rule ul li{background:rgba(255,255,255,0.6);display:block;padding:10px;width:100%; margin:0 0 8px 0;}
.home_rule ul li .title{color: #d78586;font-size:16px;margin-bottom:8px;}
.home_rule ul li .text a{text-decoration: underline;}


/********** フッター **********/
.l_footer{background-color:#222222;color:#fff;padding:20px 0;}
.l_footer h2{width:140px;margin:0 auto 20px;text-align:center;}
.l_footer .box{width:100%;padding-bottom:10px;}
.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{padding-top:20px;letter-spacing:2px;font-size:13px;}
.l_footer .address h3{font-size:15px;margin-bottom:10px;}
.l_footer .address .over{margin-bottom:10px;}
.l_footer .address .over a{pointer-events: none;}
.l_footer .address .under{}
.l_footer .copyright{text-align:center;font-size:12px;padding-top:20px;}


/********** ボタン関係 **********/
button,input[type=button],input[type=reset],input[type=submit] {}  

/********** テキスト入力関係 **********/
select{max-width:100%;}
textarea,input{width:100%;}
input[type="checkbox"],input[type="radio"]{width:auto;}

textarea,select,input[type="text"],input[type="email"],input[type="tel"],input[type="url"],input[type="number"],input[type="password"] ,input[type="search"]{
font-family:"HiraKakuProN-W3",Arial,sans-serif;
font-size:14px;padding:7px 10px;
border:1px solid #ccc;
box-sizing:border-box;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
-moz-box-sizing:border-box;-webkit-box-sizing: border-box;-o-box-sizing:border-box;-ms-box-sizing: border-box;box-sizing:border-box;}

label{display:block;}
select,input[type="text"],input[type="email"],input[type="tel"],input[type="url"],input[type="number"],input[type="password"] ,input[type="search"]{
}

textarea:focus,textarea:hover { height: 10em; }
