@charset "UTF-8";
/**
*
* 行楽ポイント天気
*
*/
/* ==========================================================================
ページごとに変更
========================================================================== */
#kanko, #kanko-lower {
  /*全体背景色*/
  background-color: #7fcf59; }

  /*季節ヘッダー削除*/
  #kanko #head-nav-wrap .logo-icon, #kanko-lower #head-nav-wrap .logo-icon {
    display: none; }
  /*季節フッター削除*/
  #kanko #foot .inner-foot .cmn-inner.season, #kanko-lower #foot .inner-foot .cmn-inner.season {
    display: none; }


@media screen and (max-width: 750px) {
#kanko #main, #kanko-lower #main {
        position: inherit;
}
   /*全体背景画像*/
  #kanko .page-contents, #kanko-lower .page-contents {
    background-color: #7fcf59; }
    /*ロゴ横画像*/
    #kanko #head-nav-wrap .logo-icon, #kanko-lower #head-nav-wrap .logo-icon {
      display: none; }
    /*ヘッダー背景画像*/
    #kanko .page-contents .page-contents-kanko, #kanko-lower .page-contents .page-contents-kanko {
      background: url(https://cdn1.n-kishou.co.jp/image/charge/kanko/main_sp.png) no-repeat center top;
      background-size: contain;
      padding-top: 260px;
      margin-top: -6px; }  /*←ナビロゴ枠自体のマージン*/
    /*下層ヘッダー背景画像*/
    #kanko .page-contents.lower .page-contents-kanko, #kanko-lower .page-contents.lower .page-contents-kanko {
      background: url(https://cdn1.n-kishou.co.jp/image/charge/kanko/main_lower_sp.png) no-repeat center top;
      background-size: contain;
      padding-top: 79px;
      margin-top: -5px; }
    /*フッター帯背景色変更*/
    #kanko #foot .foot-contents, #kanko-lower #foot .foot-contents {
      /*フッター背景画像*/
      background: url(https://cdn1.n-kishou.co.jp/image/charge/kanko/footer_sp.png) no-repeat center bottom;
      padding-bottom: 120px;
      border-top: 1px solid #7fcf59; }

}

/*下層 ロゴ*/
@media screen and (min-width: 751px) {
  #kanko-lower #head-logo {
    width: 360px;
    background: url(https://cdn1.n-kishou.co.jp/image/charge/kanko/logo_kanko_pc.png);
    background-size: 172px auto;
    background-position: 185px -4px;
    background-repeat: no-repeat;
    padding-bottom: 10px; }
    #kanko-lower #head-logo img {
      width: 180px; }
  #kanko-lower #head-nav-wrap {
    padding-bottom: 30px; }
  #kanko-lower .page-contents.lower .page-contents-kanko {
    padding-top: 0; } }
/*下層 ロゴ*/
@media screen and (max-width: 750px) {
  #kanko-lower #head-logo {
    width: 285px;
    background: url(https://cdn1.n-kishou.co.jp/image/charge/kanko/logo_kanko_sp.png);
    background-size: 205px auto;
    background-position: center 59px;
    background-repeat: no-repeat;
    height: 107px; }
  #kanko-lower #head-nav-wrap {
    padding-bottom: 13px; }
  #kanko-lower .page-contents.lower .page-contents-kanko {
    padding-top: 0; }
  #kanko-lower .body-inner {
    width: 100%; }
}

@media screen and (min-width: 751px) {
   /*全体背景画像*/
  #kanko .page-contents, #kanko-lower .page-contents {
    background-color: #7fcf59; }
  /*全体背景画像*/
　  #kanko .page-contents, #kanko-lower .page-contents {
      background-image: none; }
    #kanko #head-nav-wrap, #kanko-lower #head-nav-wrap {
      padding-top: 20px;  /*←ヘッダーボタン上の余白指定*/
      padding-bottom: 8px;  /*←メニューバー下の余白指定*/
      border-bottom: none; }
    #kanko .gnav:after, #kanko-lower .gnav:after {
      background-color: #fff; }
      /*ヘッダー背景画像*/
      #kanko .page-contents .page-contents-kanko, #kanko-lower .page-contents .page-contents-kanko {
        background: url(https://cdn1.n-kishou.co.jp/image/charge/kanko/main_pc02.png), url(https://cdn1.n-kishou.co.jp/image/charge/kanko/main_pc03.png);
        background-repeat: no-repeat , repeat-x;
        background-position: center top, center top -2px;
        background-size: auto;
        padding-top: 226px; }
    /*全体背景色*/
    #kanko, #kanko-lower {
      background-color: #7fcf59; }
      /*下層ヘッダー背景画像*/
      #kanko .page-contents.lower .page-contents-kanko, #kanko-lower .page-contents.lower .page-contents-kanko {
        background: url(https://cdn1.n-kishou.co.jp/image/charge/kanko/main_pc01_lower.png), url(https://cdn1.n-kishou.co.jp/image/charge/kanko/main_pc03.png);
        background-repeat: no-repeat , repeat-x;
        background-position: center top, center top -147px;  /*←ここで下層ヘッダー後ろの背景画像の位置を修正できる */
        background-size: auto;
        padding-top: 80px; }
    /*フッター背景画像*/
    #kanko #foot .foot-contents, #kanko-lower #foot .foot-contents {
      background: url(https://cdn1.n-kishou.co.jp/image/charge/kanko/footer_pc.png);
      background-repeat: no-repeat;
      background-position: center bottom -13px;
      background-size: auto; }

    /*フッターイラスト上部の線削除*/
    #kanko #foot, #kanko-lower #foot {
      margin-top: -3px;
    }

}

/* ==========================================================================
Twitterボタン 白に変更する場合
========================================================================== */
.btn-twitter.btn-shadow.shadow03 a {
  background-color: #fff;
  color: #015db2;
  -webkit-box-shadow: inset 0 -4px 0 2px rgba(195, 195, 195, 0.5);
  -moz-box-shadow: inset 0 -4px 0 2px rgba(195, 195, 195, 0.5);
  -ms-box-shadow: inset 0 -4px 0 2px rgba(195, 195, 195, 0.5);
  -o-box-shadow: inset 0 -4px 0 2px rgba(195, 195, 195, 0.5);
  box-shadow: inset 0 -4px 0 2px rgba(195, 195, 195, 0.5); }
  .btn-twitter.btn-shadow.shadow03 a:before {
    background: url(https://cdn1.n-kishou.co.jp/image/common/icon_twitter2.png) left top no-repeat;
    background-size: 100%; }
  .btn-twitter.btn-shadow.shadow03 a.touch, .btn-twitter.btn-shadow.shadow03 a.hover {
    -webkit-box-shadow: inset 0 -1px 0 2px rgba(195, 195, 195, 0.5);
    -moz-box-shadow: inset 0 -1px 0 2px rgba(195, 195, 195, 0.5);
    -ms-box-shadow: inset 0 -1px 0 2px rgba(195, 195, 195, 0.5);
    -o-box-shadow: inset 0 -1px 0 2px rgba(195, 195, 195, 0.5);
    box-shadow: inset 0 -1px 0 2px rgba(195, 195, 195, 0.5); }

/* ==========================================================================
行楽ポイント天気用css
========================================================================== */
.inner-box {
  margin-bottom: 50px; }

/*カテゴリトップ横の線の色指定*/
#foot .foot-contents .page-top .page-top {
    border-left: 1px solid #fff; }

/* PC版サイドメニュー横のライン色*/
    .pc-fbox .pc-fr {
      border-left: 2px solid #fff; }
/* ==========================================================================
地図表示用css
========================================================================== */
.leaflet-kanko-map{
	height: 600px;
	width: 600px;
	align:center;
  position:  relative;        /* 位置指定 */
  z-index: 10;                /* 重なり順指定 */
}
.leaflet-kanko-map  .leaflet-popup-content-wrapper {
    border-width: 30px;
    padding: 1px;
    text-align: center;
    border-radius: 12px;
}
@media screen and (max-width: 751px) {
  .leaflet-kanko-map{
  	height: 600px;
  	width: 650px;
  	align:center;
  }
  .leaflet-kanko-map .leaflet-popup-content {
  margin: 27px 43px;
  	line-height: 1.4;
  }
  .leaflet-kanko-map  .leaflet-popup-content-wrapper {
    	border-width: 10px;
    	padding: 1px;
      font-size: 40px;
    	text-align: center;
    	border-radius: 12px;
  }
   .leaflet-touch .leaflet-bar a {
  	width: 50px;
  	height: 50px;
  	line-height: 50px;
  	}
    .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
    	font-size: 40px;
    	}
}
/* ==========================================================================
  ローディング
  ========================================================================== */
.wrap-message {/* スマホ */
  position: absolute;
  z-index: 300;
  top: 30%;
  width: 650px;
  height: 100%;
 }
  .wrap-message .message {
    position:  relative;        /* 位置指定 */
    z-index: 20;                /* 重なり順指定 */
    border: solid 5px #6091d3;/*線*/
    position: absolute;
    top: 70%;
    left: 50%;
    width: 100%;
    text-align: center;
    background-color: #FFFF;

    background-repeat: no-repeat;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 28px;
    font-size: 2.8rem;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    padding: 75px 0px 5px;
    font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
    font-style: normal;
    font-weight: 700;
  }
.wrap-message .tenavin{
    z-index: 30;                /* 重なり順指定 */
    position: absolute;
    top: 19%;
    width: 100%;
    height: 100%;
    content: "";
    -webkit-animation-name: fuwafuwa;
    -moz-animation-name: fuwafuwa;
    /* fuwafuwa */
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    /*-webkit-animation-direction:alternate;*/
    -webkit-animation-timing-function: ease;
    /*-moz-animation-direction:alternate;*/
    -moz-animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    background-image: url("//cdn1.n-kishou.co.jp/image/kanko/tenabin.png");
    background-size: 15%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
  /* fuwafuwaアニメーション */
  @-webkit-keyframes fuwafuwa {
    0% {
      -webkit-transform: translate(0, 0);
    }
    50% {
      -webkit-transform: translate(0, -10px);
    }
    100% {
      -webkit-transform: translate(0, 0);
    }
  }
@media screen and (min-width: 751px) {/* PC */
  .wrap-message {
    position: absolute;
    z-index: 300;
    top: 0;
    width: 600px;
    height: 100%;
   }
  .wrap-message .message {
    position:  relative;        /* 位置指定 */
    z-index: 20;                /* 重なり順指定 */
    top: 50%;
    font-size: 16px;
    font-size: 1.6rem; }
  .wrap-message .tenavin {
    position: absolute;
    background-size: 15%;
    background-position: 50% 50%;
    z-index: 300;
    top: -1%;
    left:auto;
    height: 100%; }
      }
      /* ==========================================================================
        登山アイコン
        ========================================================================== */
      	div[class^="tozan-icon-img"] {
      		position: relative;/*相対配置*/
      		display: inline-block;
      		height: 110px;
      		width: 30%;
      		text-decoration: none;
      		color: #FFF;
      		border-right: solid 2px #dcdcdc;
      		border-left: solid 2px #dcdcdc;
      		border-bottom: solid 5px #dcdcdc;
      		background-size: contain;
      		border-radius: 10px;
      		background-color: #FFF;
      		box-shadow: 0 4px 3px 0 rgba(0, 0, 0, 0.3);/*影*/

      	}
      	.tozan-icon-3,.tozan-icon-2 {
      		display: flex;
      		justify-content: space-around;
      	}
      	.tozan-icon-2 div[class^="tozan-icon-img"] {
      		width: 40%;
      	}
      	div[class^="tozan-icon-img"]:hover {
      		/*ボタンを押したとき*/
      		-webkit-transform: translateY(2px);
      		transform: translateY(1px);/*下に動く*/
      		box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);/*影を小さく*/
      		border-bottom: none;
      	}
      	.tozan-icon-3 div[class^="tozan-icon-img"] img {
      		position: absolute;/*相対配置*/
      		bottom:5%;
      		left: 33%;

      	}

      	.tozan-icon-2 div[class^="tozan-icon-img"] img {
      		position: absolute;/*相対配置*/
      		bottom:5%;
      		left: 37%;

      	}
      	div[class^="tozan-icon-img"]:last-child img  {
      		bottom:10%;
      	}

      	div[class^="tozan-icon-img"] p {
      		position: absolute;/*絶対配置*/
      		width: 100%;
      		font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", sans-serif;
      		color: #6d6d6d;/*文字*/
      		font-weight: bold; /*太字に*/
      		font-size: 23px;/*サイズ2倍*/
      		top: 20%;
      		left: 50%;
      		-ms-transform: translate(-50%,-50%);
      		-webkit-transform: translate(-50%,-50%);
      		transform: translate(-50%,-50%);
      	}
      	.sct-nimbus {
          margin-bottom: 20px;
          padding-top: 40px;
          display: block;
      }
      	@media screen and (min-width: 751px) {
      		div[class^="tozan-icon-img"] {
      			position: relative;/*相対配置*/
      			display: inline-block;
      			height: 110px;
      			width: 30%;
      		  text-decoration: none;
      		  color: #FFF;
      			border-right: solid 2px #dcdcdc;
      			border-left: solid 2px #dcdcdc;
      			border-bottom: solid 5px #dcdcdc;
      		  background-size: contain;
      		  border-radius: 10px;
      			background-color: #FFF;
      			box-shadow: 0 4px 3px 0 rgba(0, 0, 0, 0.3);/*影*/

      		}
      		.tozan-icon-3,.tozan-icon-2 {
      			display: flex;
      			justify-content: space-around;
      		}

      		div[class^="tozan-icon-img"]:hover {
      			/*ボタンを押したとき*/
      		  -webkit-transform: translateY(2px);
      		  transform: translateY(1px);/*下に動く*/
      		  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);/*影を小さく*/
      		  border-bottom: none;
      		}
      		.tozan-icon-3 div[class^="tozan-icon-img"] img {
      			position: absolute;/*相対配置*/
      			bottom:5%;
      			left: 33%;
      		}
      		.tozan-icon-3 div[class^="tozan-icon-img"]:last-child img  {
      			position: absolute;/*相対配置*/
      			left: 30%;
      		}
      		div[class^="tozan-icon-img"]:last-child img  {
      			bottom:10%;
      		}
      		div[class^="tozan-icon-img"] p {
      			position: absolute;/*絶対配置*/
      			width: 100%;
      			font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", sans-serif;
      			color: #6d6d6d;/*文字*/
      			font-weight: bold; /*太字に*/
      			font-size: 16px;/*サイズ2倍*/
      			top: 20%;
      		  left: 50%;
      		  -ms-transform: translate(-50%,-50%);
      		  -webkit-transform: translate(-50%,-50%);
      		  transform: translate(-50%,-50%);
      		}

      }