@charset "UTF-8";
/*------------------------------------------------------------------------------
	Chuo Kanko Corporation. - local CSS
	URL: http://kaneyamaen.sbs/
	Date: 2018-11-07
	Copyright (C) Chuo Kanko Corporation. All Rights Reserved.
------------------------------------------------------------------------------*/
   
@font-face {
    font-family:'MyKokoro';
    src:url('../font/Kokoro.woff') format('woff'), /* Modern Browsers */
    url('../font/Kokoro.otf') format('opentype'); /* Safari, Android, iOS */
    
}

.sp_el{
    display: none;
}
.pc_el{
    display: block;
}
body#tabijikanOnsenIndex main{
    font-family:"MyKokoro", YuMincho, "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E", メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    text-align: center;
    font-size:1.8rem;
    color:#544f49;
}
body#tabijikanOnsenIndex h2 img{
    height: 32px;
    width: auto;
    max-width: 100%;
}
body#tabijikanOnsenIndex .box h2{
    background: url("../../img/onsen/ico/ico_fuji_lrg_brush.png") no-repeat center top;
    padding-top: 44px;
}
body#tabijikanOnsenIndex .box h2::after{
    content:"";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin:auto;
    background: #000;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    display: none;
}
body#tabijikanOnsenIndex .planInfo h2 img{
    height: 25px;
}
body#tabijikanOnsenIndex .img img{
    width: 100%;
    height: auto;
}
body#tabijikanOnsenIndex .inner_width{
    width: 1200px;
    margin: auto;
}
body#tabijikanOnsenIndex .column4{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
body#tabijikanOnsenIndex .culum3 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}
body#tabijikanOnsenIndex .culum3 > * {
    width: 32%;
}
body#tabijikanOnsenIndex .column4 > *{
    width: 23.5%;
}
body#tabijikanOnsenIndex #main_visual{
    background: url("../../img/onsen/bg/bg_mv.jpg") 40% 70% /100% no-repeat;
    min-height: 70Vh;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;      /* Safari etc. */
    -ms-align-items    : center;      /* IE10        */
    align-items        : center;
    -webkit-justify-content: center;       /* Safari etc. */
    -ms-justify-content    : center;       /* IE10        */
    justify-content        : center;
}
body#tabijikanOnsenIndex #main_visual .mv_text{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}
/*IE*/
body#tabijikanOnsenIndex #main_visual .mv_text{
      margin: 20vh\9;
      margin-bottom: -50vh\9;
}
@media all and (-ms-high-contrast: none){
  body#tabijikanOnsenIndex #main_visual .mv_text{
      margin: 20vh;
      margin-bottom: -50vh;
  }
}
/*IE*/
body#tabijikanOnsenIndex #main_visual .mv_text img{
    display: block;
}
body#tabijikanOnsenIndex #main_visual .mv_text img:nth-child(1){
    height: 70px;
    margin-bottom: 50px;
}
body#tabijikanOnsenIndex #main_visual .mv_text img:nth-child(2){
    height: 140px;
}
body#tabijikanOnsenIndex .scroll_btn{
    margin: 60px 0;
    display: inline-block;
}
body#tabijikanOnsenIndex .box{
    margin-bottom: 60px;
}
body#tabijikanOnsenIndex .box h2{
    margin-bottom: 40px;
}
body#tabijikanOnsenIndex .box .img{
    margin-bottom: 40px;
    
}
body#tabijikanOnsenIndex .box .txt{
    line-height: 2;
    margin-bottom: 30px;
}
body#tabijikanOnsenIndex .totop{
    position: relative;
    height: 150px;
}
body#tabijikanOnsenIndex .totop a{
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
body#tabijikanOnsenIndex #map{
    height: 500px;
    width: 100%;
	margin-top: 6vw;
}
body#tabijikanOnsenIndex .postList {
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px;
    border: 1px solid #000;
    text-align: left;
}
body#tabijikanOnsenIndex .postList li {
    list-style: none;
}
body#tabijikanOnsenIndex .postList li:nth-child(n+4){
/*    display: none;*/
}
body#tabijikanOnsenIndex .postList li a {
    display: block;
    text-decoration: none;
    color: #544f49;
}
body#tabijikanOnsenIndex .postList li .photo {
    overflow: hidden;
    display: block;
    margin-bottom: 10px;
    height: 220px;
    position: relative;
    background: #000;
    height: 0;
    padding: 72% 0 0;
}
body#tabijikanOnsenIndex .postList li a > strong {
    display: block;
    font-weight: normal;
    margin-top: 5px;
}
body#tabijikanOnsenIndex .postList li .begining {
    display: block;
}
body#tabijikanOnsenIndex .postList li br + br {
    display: none;
}
body#tabijikanOnsenIndex .postList .price {
    display: block;
    font-size: 80%;
}
body#tabijikanOnsenIndex .postList .price strong {
    color: #ea6e80;
    font-size: 170%;
    font-weight: normal;
    display: inline-block;
}
body#tabijikanOnsenIndex .postList li .photo img {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    padding: 0;
    object-position: 0px 0px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
body#tabijikanOnsenIndex .planInfo h2{
    margin-bottom: 45px;
    padding-top: 35px;
    border-top: 1px solid #000;
	background-image: none;
}
/*
footer{
    background: #3e3a39;
    padding: 80px 0;
}
footer address{
    color: #fff;
    font-style: normal;
    font-weight: normal;
    margin: 10px 0 50px 0;
}
footer .address p{
    margin: 0;
}
footer .ftLink{
    font-size:2rem;
    color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}
footer .ftLink img{
    margin: 0 5px;
}
*/
footer a.externalLink{
	background:none;
	padding-left:0;
}
/*==============================================================
	footer : フッタ
===============================================================*/
footer{
	background-size:100% auto !important;
	background:url("../img/pho_ft_fuji.png") no-repeat left bottom;
    font-family: 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
footer a{
    text-decoration: none;
}
footer #ftInner{
	width:60%;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
}
footer #ftInner .copy{
	margin:6% 0 3%;
}
footer #ftInner .copy img{
    height: 20px;
}
footer #ftLogo img,
footer #ftLogo svg{
	width:20%;
	fill:#fff;
}
footer img path{
	fill:#fff ;
}
footer #ftSns{
	text-align:center;
	margin:2% 0 4%;
}
footer #ftSns li{
	display:inline-block;
	margin:0 20px;
}
footer #ftSns li a{
	color:#fff;
}
footer #ftBnr li{
	display:inline-block;
	width:21%;
	opacity:0.85;
	margin:0 10px;
}
footer #ftBnr li img{
	width:auto;
	height:46px;
}
footer #ftBnr li a{
	display:block;
	border:1px solid rgba(255,255,255,0.8);
	padding:3% 0;
	line-height:1;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
footer #ftBnr li a:hover{
	opacity:0.7;
}
footer #ftBnr #bnr_fujitatsugaoka a{
}
footer #ftSubnavi{
	padding:2% 0;
}
footer #ftSubnavi li{
	display:inline-block;
	opacity:0.8;
}
footer #ftSubnavi li a{
	display:block;
	padding:0 20px;
	color:#fff;
	border-right:1px solid #fff;
}
footer #ftSubnavi li:last-child a{
	border:none;
}
footer #ft_info{
	color:#fff;
	opacity:0.8;
	font-size:90%;
}
footer #ft_info address{
	font-style:normal;
}
footer #ft_info a{
	color:inherit;
}
footer #ft_info address,
footer #ft_info #owner{
	display:inline-block;
}
footer #ft_info #owner span{
	padding-right:1em;
}
/* #copyright : 著作権表示 */
footer p#copyright{
	font-family: 'Playfair Display', serif;
	font-family: 'Cinzel', serif;
	font-weight:400;
	font-size:90%;
	color:#fff;
	padding:2% 0;
}