/*
Typography
-----------------------------------------------------------------------------*/
body {
  /*font-family: "Quicksand", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	 font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  font-size: 18px;
	font-weight: 500;
  color: #231815;
	-webkit-text-size-adjust: 100%;
	width:100%;
	min-width:1280px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Quicksand", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

ul{
	margin:0;
	list-style:none;
}

/*
Layout
-----------------------------------------------------------------------------*/
.wrapper {
	position: relative;
	margin: auto;
	width: 1024px;
	padding:0 12px;
	/*background-color:rgba(0,0,0,0.1);*/
}

#header::after,
#nav-main::after,
#footer::after,
.content::after,
.wrapper::after, 
.box::after,
.box-header::after,
.box-body::after,
.box-footer::after{
	clear: both;
	content: "";
	display: table;
}

#header,
#footer,
#nav-main,
.content{
	overflow:hidden;
}




/*
Link
-----------------------------------------------------------------------------*/
a,
a:hover {
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}


/*
Header
-----------------------------------------------------------------------------*/
#header{
	/*background-color:#ccc;*/
	padding:15px 0;
}


/* サイトタイトル */
.site-title a{
	display: block;
	position: relative;
}
.site-title > a::before {
	background: #f8efd4 none repeat scroll 0 0;
	border-radius: 62.5px;
	content: "";
	display: block;
	height: 125px;
	left: -75px;
	position: absolute;
	top: -65px;
	width: 125px;
	z-index: -1;
  transition: all 1s ease 0s;
  -webkit-transition: all 1s ease 0s;
}

.site-title a:hover{
	opacity:0.7;
}
.site-title > a:hover::before {
	left: 175px;
	opacity:1;
  transition: all 1s ease 0s;
  -webkit-transition: all 1s ease 0s;
}


/* 翻訳ボタン */
.box-translation{
	margin-right:25px;
}
.box-translation li{
	float:left;
	margin-left:10px;
	line-height:1;
}
.box-translation li:first-child{
	margin-left:0px;
}
.box-translation li > a{
	display:inline-block;
	background-color:#595757;
}
.box-translation li > a:hover{
	background-color:#c40018;
}

/* 電話番号 */
.box-tel{
	position:relative;
}
.box-tel:after{
	background-image: url("images/header/bg01.png");
	background-repeat: no-repeat;
	bottom: -42px;
	height: 85px;
	position: absolute;
	right: -76px;
	width: 99px;
	z-index: -1;
}


/*
Header Video/Image
-----------------------------------------------------------------------------*/
.box-video,
.box-page-image{
	width:1280px;
	height:460px;
	margin:0 auto;
	overflow:hidden;
}


/*
Navigation Main Menu
-----------------------------------------------------------------------------*/
#nav-main{
	padding:10px 0;
	background-color: #fff;
}
#nav-main ul{
}
#nav-main li{
	float:left;
	position:relative;
}
#nav-main li:before,
#nav-main li:last-child:after{
	content:"";
	display:block;
	width:1px;
	height:100%;
	background-color:#d7d8d8;
	position:absolute;
	top:0;
	
}
#nav-main li:before{
	left:0;
}
#nav-main li:last-child:after{
	right:0;
}

#nav-main li > a {
	display: block;
	padding: 10px 29.7px;
	width: 100%;
	position:relative;
}
#nav-main li > a:hover {
	background-color:#d7d8d8;
}

#nav-main li.active a:after {
	content:"";
	display:block;
	width:100%;
	height:5px;
	background-color:#d7d8d8;
	position:absolute;
	bottom:0;
	left:0;
}
#nav-main li.active > a {
	pointer-events:none;
}
#nav-main li.active > a:hover {
	cursor:pointer;
}

/* スクロール固定メニュー */
#nav-main.fixed {
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99999;
}





/*
Footer
-----------------------------------------------------------------------------*/
#footer{
	width:100%;
	height:140px;
	background-image:url(images/footer/bg01.png);
	background-repeat:repeat-x;
	padding:20px 0;
}

.box-footer-menu li{
	line-height: 1.25em;
	margin-bottom: 0;
	margin-right: 15px;
	padding-left: 16px;
	position: relative;
}
.box-footer-menu li:before{
	content: "●";
	display: inline;
	font-size: 0.8em;
	left: 0;
	position: absolute;
	top: 1px;
}

.box-footer-menu li > a{
	font-size:14px;
	color:#3e3a39;
}
.box-footer-menu li.active > a{
	font-weight:bold;
	color:#3e3a39;
	text-decoration:underline;
	pointer-events:none;
}
.box-footer-menu li.active > a:hover{
	cursor:pointer!important;
}

/* 宿探し */
.footer_yado-sagashi {
	color: #44308e;
	font-size: 14px;
	left: 3px;
	line-height: 1;
	position: relative;
	text-decoration: none;
	white-space: nowrap;
	color:#3e3a39;
	font-feature-settings: "palt";
}
.footer_yado-sagashi > img {
	left: -4px;
	position: relative;
	top: 7px;
	font-family: "Quicksand", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* Copyright */
.copyright{
	text-align:right;
	font-size:14px;
	line-height:1;
	font-family: "Quicksand", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*** QR
*********************************************************************/
.qr{
	position: absolute;
	top: -5px;
	right: 524px;
	width: 150px;
	font-size: 12px;
	text-align: center;
	margin: 0 auto;
	z-index: 30;
}
.qr p{
	text-align: center;
	margin-top: 5px;
}
.qr a{
	color: #3e3a39;
}


/*
Helper
-----------------------------------------------------------------------------*/

/* 画像置換*/
.ht {
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  height: 0;
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
  width: 100%;
}


/*マウスオーバー*/
a > .effect-outer{
	width:100%;
	height:100%;
	position:relative;
}
a > .effect-outer .on,
a > .effect-outer .off{
  background-repeat: no-repeat;
  /*background-size: cover;*/
  display: block;
  height: 100%;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  width: 100%;
  transition: all 1s ease 0s;
  -webkit-transition: all 1s ease 0s;
}
a > .effect-outer .off{
	opacity:1;
}
a > .effect-outer > .on{
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}
a:hover > .effect-outer > .off{
	opacity:0!important;
  transition: all 1s ease 0s;
  -webkit-transition: all 1s ease 0s;
}
a:hover > .effect-outer > .on{
	opacity:1!important;
  transition: all 1s ease 0s;
  -webkit-transition: all 1s ease 0s;
}

/* Block Centered*/
.block-centered{
	margin:0 auto;
}



/*Float*/
.left {
  float: left!important;
}
.right {
  float: right!important;
}


/*Menu Centered*/
.menu-centered {
  position: relative;
  overflow: hidden;
	margin-bottom:10px;
}
.menu-centered ul {
  position: relative;
  left: 50%;
  float: left;
}
.menu-centered li {
  position: relative;
  left: -50%;
}


/* Margin Bottom */
.mb5 {
    margin-bottom: 5px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.mb15 {
    margin-bottom: 15px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.mb25 {
    margin-bottom: 25px !important;
}
.mb30 {
    margin-bottom: 30px !important;
}
.mb35 {
    margin-bottom: 35px !important;
}
.mb40 {
    margin-bottom: 40px !important;
}
.mb45 {
    margin-bottom: 45px !important;
}
.mb50 {
    margin-bottom: 50px !important;
}
.mb60 {
    margin-bottom: 60px !important;
}
.mb70 {
    margin-bottom: 70px !important;
}
.mb80 {
    margin-bottom: 80px !important;
}
.mb90 {
    margin-bottom: 90px !important;
}
.mb100 {
    margin-bottom: 100px !important;
}

/* Font Size */
.fs30 {
    font-size: 24px !important;
}
.fs28 {
    font-size: 24px !important;
}
.fs26 {
    font-size: 24px !important;
}
.fs24 {
    font-size: 24px !important;
}
.fs22 {
    font-size: 22px !important;
}
.fs20 {
    font-size: 20px !important;
}
.fs18 {
    font-size: 18px !important;
}
.fs16 {
    font-size: 16px !important;
}
.fs14 {
    font-size: 14px !important;
}
.fs12 {
    font-size: 12px !important;
}
.fs10 {
    font-size: 10px !important;
}

/* Line Hight*/
.lh100{
	line-height:1em !important;
}
.lh125{
	line-height:1.25em !important;
}
.lh150{
	line-height:1.5em !important;
}
.lh175{
	line-height:1.75em !important;
}
.lh200{
	line-height:2em !important;
}

/* Font family */
.ffg{
	font-family: "Quicksand", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* 自動カーニング */
.palt{
	font-feature-settings: "palt";
}


/* Page Top */
#page-top {
	background-image: url("images/common/page-top.png");
	background-repeat: no-repeat;
	bottom: 106px;
	height: 65px;
	margin-right: -606px;
	position: fixed;
	right: 50%;
	transition: all 0.3s ease 0s;
	width: 65px;
	z-index: 9999;
}
#page-top:hover {
	cursor:pointer;
}
#page-top:hover{
	bottom: 116px;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}




/*
Content Common
-----------------------------------------------------------------------------*/

/* Title Type1 */
.box-title01{
	position:relative;
	background-image:url(images/common/title-bg01.png);
	background-repeat:no-repeat;
	width:100%;
	height:73px;
	margin-bottom:10px;
}
.box-title01 > .ht{
	left: 13px;
	position: absolute;
	top: 10px;
}

/* Title Type2 */
.box-title02{
	position:relative;
	background-image:url(images/common/title-bg02.png);
	background-repeat:no-repeat;
	width:100%;
	height:73px;
	margin-bottom:10px;
}
.box-title02 > .ht{
	left: 13px;
	position: absolute;
	top: 10px;
}


/* Table Type1 */
.table1 td{
	border-color:#dad2bd!important;
	font-feature-settings: "palt";
}
.table1 td:first-child{
	text-align:center;
	width:25%;
}
.table1 td:last-child{
	padding-left:3em;
	width:75%;
}


/* Table Type2 */
.table2 td{
	border-color:#dad2bd!important;
	vertical-align:middle;
}
.table2 td:first-child{
	text-align:center;
	width:25%;
	font-weight:bold;
}
.table2 td:last-child{
	font-size:14px;
	width:75%;
}






/*
Home
-----------------------------------------------------------------------------*/

/*------------------------------------------
Home > Box 1
------------------------------------------*/
.box.home_box-1 {
	height: 780px;
	position: relative;
	width: 100%;
	margin-bottom:20px;
}

.box.home_box-1 .p1,
.box.home_box-1 .p2,
.box.home_box-1 .image{
	position:absolute;
}

.box.home_box-1 .p1{
	left:450px;
	top:116px;
}
.box.home_box-1 .p2{
	left:31px;
	top:521px;
}

.box.home_box-1 .image.sp_top-image01,
.box.home_box-1 .image.sp_top-image02,
.box.home_box-1 .image.sp_top-image03{
	box-shadow:0 0 7px rgba(0, 0, 0, 0.5);
}


.box.home_box-1 .image.sp_top-image01{
	left:-12px;
	top:20px;
}
.box.home_box-1 .image.sp_top-image02{
	left:449px;
	top:338px;
}
.box.home_box-1 .image.sp_top-image03{
	left:663px;
	top:475px;
}
.box.home_box-1 .image.sp_top-illustration01{
	left:444px;
	top:0px;
}
.box.home_box-1 .image.sp_top-illustration02{
	left:683px;
	top:0px;
}
.box.home_box-1 .image.sp_top-illustration03{
	left:-53px;
	top:350px;
}
.box.home_box-1 .image.sp_top-illustration04{
	left:765px;
	top:318px;
}
.box.home_box-1 .image.sp_top-illustration05{
	left:-100px;
	bottom:0px;
}
.box.home_box-1 .image.sp_top-illustration06{
	left: 425px;
	top: 642px;
}
.box.home_box-1 .image.sp_top-illustration07{
	left:850px;
	bottom:0px;
}

/*------------------------------------------
Home > Box 2（宿泊プラン検索）
------------------------------------------*/
.box.home_box-2{
	border:solid 1px #d7d8d8;
	border-radius:10px;
	overflow:hidden;
	height:100px;
	margin-bottom:40px;
}
.box.home_box-2 > .box-header{
	width:23.4%;
	padding:1em;
	position:relative;
	height:100px;
}
.box.home_box-2 > .box-header > .title{
	position:relative;
	top:20px;
}
.box.home_box-2 > .box-header::after {
	border-right: 1px dashed #d7d8d8;
	content: "";
	display: block;
	height: 80px;
	margin-top: -40px;
	position: absolute;
	right: 0;
	top: 50%;
	width: 1px;
}
.box.home_box-2 > .box-body{
	width:76.6%;
	padding:1em;
	height:100px;
}
.box.home_box-2 .plan_form{
	margin-top:-26px;
}
.box.home_box-2 .plan_form p{
	margin-bottom:16px;
}
.box.home_box-2 .plan_form .text_r{
	text-align:right;
}
.box.home_box-2 .plan_form img{
	vertical-align: middle;
	margin-right:10px;
}
.box.home_box-2 .check_in{
	width:208px;
	float:left;
	margin-right: 22px;
	font-size:12px;
	text-align:right;
}

.box.home_box-2 .guests{
	width:220px;
	float:left;
	margin-right:12px;
	font-size:12px;
}
.box.home_box-2 .type{
	width:224px;
	float:left;
	font-size:12px;
}
.box.home_box-2 .price{
	width:340px;
	float:left;
	font-size:12px;
}
.box.home_box-2 .search_btn{
	width: 117px;
	height: 24px;
	float:left;
	margin-top:-2px;
}
.box.home_box-2 input[type="text"],
input[type="checkbox"]{
	padding:0;
	vertical-align:middle;
}
/*カレンダー*/
.ui-datepicker th {
    padding: .2em .3em !important;
    text-align: center;
    font-weight: bold;
	background: none;
}
/*--------------------------------------------------------------------------
Home > Box 3（宿泊プラン一覧・清水屋旅館ブログ・しみずや Q & A ）
--------------------------------------------------------------------------*/
.home_box-3 {
	margin-bottom:50px;
}
.home_box-3 .unit-1st {
	width: 640px;
}
.home_box-3 .unit-2nd {
	margin-left: 35px;
	width: 325px;
}


/*
RSS：お得な宿泊ぷらん
-----------------------------------------------------------------------------*/
.box-plan > .box-header{
	margin-bottom:20px;
}
#mini {
	margin-bottom: 15px;
}
#mini::after {
	clear: both;
	content: "";
	display: table;
}
#miniright {
	float: left;
	overflow: hidden;
	width: 190px
}
#miniright > a {
	display: block;
	width: 100%;
	background-color:#000;
}
#miniright img {
	width: 100%;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
	opacity:1;
}
#miniright > a:hover img{
	opacity:0.6;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
#minileft {
	float: left;
	margin-left: 10px;
	width: 440px;
}
#minileft h4{
	margin-bottom:5px;
	
}
#minileft h4 a {
	color: #e55514;
	display: block;
	font-feature-settings: "palt";
	font-family: "Quicksand", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	line-height: 27px;
	overflow: hidden;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	
}
#minileft h4 a:hover {
	text-decoration:underline;
	text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.5);
}
#minileft p{
	font-size: 14px;
	font-family: "Quicksand", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-feature-settings: "palt";
	line-height: 23px;
	margin-bottom: 0;
	text-align: justify;
}


/*------------------------------------------
Home > Box 3 > Blog 清水屋旅館ブログ
------------------------------------------*/
.box-blog {
	margin-bottom:50px;
}
.box-blog li{
	border-bottom:dashed 1px #231815;
}
.box-blog a{
	color:#231815;
	display:block;
	font-size:16px;
	font-feature-settings: "palt";
	overflow: hidden;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align:justify;
	padding:8px 5px 8px 10px;
}
.box-blog a:hover{
	background-color:rgba(0,0,0,0.1);
}
.box-blog a > .date{
	display:inline-block;
	width:90px;
}

/*------------------------------------------
Home > Box 3 > しみずや Q & A
------------------------------------------*/
.box-banner {
	width:325px;
	height:125px;
}
.box-banner a{
	display:block;
	width:100%;
	height:100%;
	background-image:url(images/top/banner-bg01.png);
	background-repeat:no-repeat;
	padding:10px;
	position:relative;
}
.box-banner a > .filter{
	background-color:rgba(255,255,255,0.2);
	width:100%;
	height:100%;
  transition: all 1s ease 0s;
  -webkit-transition: all 1s ease 0s;
}
.box-banner a > .sp_top-banner-text01 {
	left: 50%;
	margin-left: -75px;
	margin-top: -53px;
	position: absolute;
	top: 50%;
}

.box-banner a:hover {
	box-shadow:0 0 7px rgba(0, 0, 0, 0.5);
	padding:0;
}
.box-banner a:hover > .filter{
	background-color:rgba(0,0,0,0.2);
  transition: all 1s ease 0s;
  -webkit-transition: all 1s ease 0s;
}


/*------------------------------------------
Home > Box 4（カルーセル）
------------------------------------------*/
.box-carousel .carousel-home{
	width:999px;
	height:210px;
	overflow:hidden;
}



/*
Page > Cusine
-----------------------------------------------------------------------------*/
.content-cuisine{
	padding-top:20px;
}

/*------------------------------------------
Cusine > Box 1
------------------------------------------*/
.cuisine_box-1 > .box-body{
	width:100%;
	height:340px;
	position:relative;
}
.cuisine_box-1 > .box-body > .p1,
.cuisine_box-1 > .box-body > .image{
	position:absolute;
}

.cuisine_box-1 > .box-body > .image.sp_cuisine-image00{
	top:0;
	left:0;
}
.cuisine_box-1 > .box-body > .image.sp_cuisine-image01{
	top:0;
	right:-14px;
}
.cuisine_box-1 > .box-body > .p1{
	top:100px;
	left:0;
}


/*------------------------------------------
Cusine > Box 6　地酒
------------------------------------------*/
.cuisine_box-6 > .box-body{
	height:555px;
	position:relative;
}
.cuisine_box-6 > .box-body > .p2{
	position:absolute;
	bottom:0;
	left:52px;
}
.cuisine_box-6 > .box-body > .p3{
	position:absolute;
	bottom:0;
	right:60px;
}
.cuisine_box-6 > .box-body > .sp_cuisine-parts03{
	position:absolute;
	bottom:0;
	right:60px;
}


/*
Page > Spa 展望露天風呂
-----------------------------------------------------------------------------*/
.content-spa{
	padding-top:30px;
}

/*------------------------------------------
Spa > Box 1
------------------------------------------*/
.spa_box-1 > .box-body{
	width:100%;
	height:325px;
	position:relative;
	margin-bottom:30px;
}
.spa_box-1 > .box-body > .p1,
.spa_box-1 > .box-body > .image{
	position:absolute;
}

.spa_box-1 > .box-body > .image.sp_spa-parts02{
	top:0;
	left:-12px;
}
.spa_box-1 > .box-body > .image01{
	top:0;
	right:0;
	box-shadow:0 0 7px rgba(0, 0, 0, 0.5);
}
.spa_box-1 > .box-body > .p1{
	left: 61px;
	top: 37px;
}


/*
Page > Facilities 館内
-----------------------------------------------------------------------------*/
.content-facilities{
	padding-top:30px;
}

/*------------------------------------------
Facilities > Box 1
------------------------------------------*/
.facilities_box-1 > .box-body{
	width:100%;
	height:295px;
	position:relative;
	margin-bottom:30px;
}
.facilities_box-1 > .box-body > .p1,
.facilities_box-1 > .box-body > .image{
	position:absolute;
}

.facilities_box-1 > .box-body > .image.sp_spa-parts02{
	top:0;
	left:-12px;
}
.facilities_box-1 > .box-body > .image01{
	top:0;
	right:0;
	box-shadow:0 0 7px rgba(0, 0, 0, 0.5);
}
.facilities_box-1 > .box-body > .p1{
	left: 61px;
	top: 73px;
}




/*
Page > Activity 月山を楽しむ
-----------------------------------------------------------------------------*/
.content-activity{
	padding-top:30px;
}

/*------------------------------------------
Activity_box > Box 1
------------------------------------------*/
.activity_box-1 > .box-body{
	width:100%;
	height:375px;
	position:relative;
	/*background-color:#efefef;*/
}
.activity_box-1 > .box-body > .p1,
.activity_box-1 > .box-body > .image{
	position:absolute;
}

.activity_box-1 > .box-body > .image.sp_activity-parts02{
	top:0;
	left:-12px;
}
.activity_box-1 > .box-body > .image01{
	top:0;
	right:0;
	box-shadow:0 0 7px rgba(0, 0, 0, 0.5);
}
.activity_box-1 > .box-body > .p1{
	left: 123px;
	top: 102px;
}


/*
Page > Price 料金・予約
-----------------------------------------------------------------------------*/
.content-price{
	padding-top:30px;
}

/*------------------------------------------
Activity_box > Box 1 宿泊予約ボタン
------------------------------------------*/
.btn-reservation{
	display:block;
	width:100%;
	height:200px;
	background-image:url(images/price/parts02.png);
	background-repeat:no-repeat;
	position:relative;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.btn-reservation > .filter{
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0);
	border:solid 10px rgba(255,255,255,0.5);
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.btn-reservation > .ht{
	position:absolute;
}
.btn-reservation > .ht.sp_price-parts03{
	top:36px;
	left:69px;
}
.btn-reservation > .ht.sp_price-parts04{
	left: 430px;
	top: 53px;
}

/* hover */
.btn-reservation:hover{
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.btn-reservation:hover > .filter{
	border:solid 0px rgba(255,255,255,0.5);
	background-color:rgba(0,0,0,0.3);
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}



/*------------------------------------------
Activity_box > Box 3 キャンセルポリシー
------------------------------------------*/
.price_box-3 > .box-body table.row td{
	text-align:center;
	border-color:#dad2bd;
	/*font-feature-settings: "palt";*/
}

.price_box-3 > .box-body table.row1{
	border-top:solid 1px #dad2bd;
	border-left:solid 1px #dad2bd;
	border-right:solid 1px #dad2bd;
}
.price_box-3 > .box-body table.row1 td:nth-child(1),
.price_box-3 > .box-body table.row1 td:nth-child(2){
	border-right:solid 1px #dad2bd;
}

.price_box-3 > .box-body table.row2{
	border-left:solid 1px #dad2bd;
	border-right:solid 1px #dad2bd;
}
.price_box-3 > .box-body table.row2 td:nth-child(1){
	border-right:solid 1px #dad2bd;
}

/*
Page > Sightseeing 周辺案内
-----------------------------------------------------------------------------*/
.content-sightseeing{
	padding-top:30px;
}


.units-sightseeing > .unit-1st,
.units-sightseeing > .unit-2nd{
	float:left;
}
.units-sightseeing > .unit-1st{
	width:678px;
}
.units-sightseeing > .unit-2nd{
	width:322px;
}


/*
Page > Access アクセス
-----------------------------------------------------------------------------*/
.content-access{
	padding-top:30px;
}

/*------------------------------------------
Access > Box 2 交通案内
------------------------------------------*/
.access_box-2 th,
.access_box-2 td{
	border-color:#dad2bd!important;
}
.access_box-2 th{
	text-align:center;
	width:25%;
}
.access_box-2 td{
	font-size:14px;
	vertical-align:middle;
	width:75%;
}


/*
Page > Gallery フォトギャラリー
-----------------------------------------------------------------------------*/
.content-gallery{
	padding-top:30px;
}

.gallery_box-1 .blocks-4{
	margin-left: -2%;
}
.gallery_box-1 .blocks-4 > li{
	margin-left: 2%;
	margin-bottom:2%;
	width:23%;
}


/*
Page > Q & A 
-----------------------------------------------------------------------------*/
.content-faq{
	padding-top:30px;
}
.content-faq h2{
	font-size:16px;
	color:#595757;
	margin-bottom:0;
	padding-bottom:0.5em;
	margin-top:10px;
	border-bottom: 1px solid #DAD2BD;
}
.content-faq .box-body{
	width:960px;
	margin: 0 auto;
}
.content-faq .kanri {
    text-align: right;
    padding: 0px;
    font-size: 14px;
    color: #333;
    margin-top: 0px;
    margin-right: 25px;
    margin-bottom: 0px;
    margin-left: 0px;
}
.content-faq .kanri a,
.content-faq .kanri a:visited {
    text-decoration: underline;
    color: #333;
}
.content-faq .kanri a:hover,
.content-faq .kanri a:active {
    text-decoration: none;
}

#newsList .clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
#newsList .clearfix { display:inline-block; }


ul#newsList{
	margin:14px 0 0 0;
	padding:0;
}
ul#newsList li{
	color:#666;
	font-size:14px;
	margin:0;
	padding:0;
	line-height:18px;
	list-style-type:none;
	width: 100%;
}
#newsList .question_wp{
	font-weight:bold;
	color:#a38e56;
	margin-bottom:0.5em;
}
#newsList .question_wp .Q{
	font-size:18px;
	margin-right:0.5em;
}
#newsList .answer_wp{
	margin-left:2px;
}
#newsList .answer_wp .answer{
	margin-right:0.5em;
	display:block;
	float:left;
}
#newsList .comment{
	display:block;
	float:left;
	padding:3px 0;
	overflow:hidden;
}

/* Pager style（外部化可） */
#newsWrap .pager{
	text-align:center;
	padding:0 10px 0 10px;
	clear:both;
}
#newsWrap p.pager{
	margin-bottom:0;
}
/*ページャーボタン*/
#newsWrap .pager a{
    border: 1px solid #999;
    border-radius: 5px 5px 5px 5px;
    color: #333;
    font-size: 12px;
    padding: 3px 7px 2px;
    text-decoration: none;
	margin:0 1px;
}

/*現在のページのボタン*/
#newsWrap .pager a.current{
    background: #999;
    border: 1px solid #999;
    border-radius: 5px 5px 5px 5px;
    color: #fff;
    font-size: 12px;
    padding: 3px 7px 2px;
	margin:0 1px;
    text-decoration: none;
}

#newsWrap .pager a:hover{
    background:#999;
    color: #fff;
}

#newsWrap .overPagerPattern{
	padding:0 2px ;	
}

/* /Pager style */
/*
loopSlider
-----------------------------------------------------------------------------*/
.loopSliderWrap {
	top: 0;
	left: 0;
	height: 210px;
	overflow: hidden;
	position: absolute;
}
 
.loopSlider {
    margin: 0 auto;
    width: 100%;
    height: 210px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
.loopSlider ul {
    height: 210px;
    float: left;
    overflow: hidden;
}
 
.loopSlider ul li {
    width: 333px;
    height: 210px;
    float: left;
    display: inline;
    overflow: hidden;
}
 
/* ------------------------------
   CLEARFIX ELEMENTS
------------------------------ */
.loopSliderWrap:after {
    content: "";
    display: none;
    clear: none;
}

		

.alltravel{
	background:hsla(84,58%,44%,0.3);
	margin: 30px 0 0;
	padding:10px 20px 5px;
}
.yama_table {
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 15px;
}
.yama_table th{
	width: 12%;
	text-align: center;
	vertical-align: middle;
}
.yama_table th, .yama_table td{
	border-bottom: 1px dotted #7db12f;
	padding:0.8% 1%;
}
.line{background: linear-gradient(transparent 10%, #ffffaa 50%);}
.yamatabi h3{
	display: flex;
	justify-content: center;
	align-items:flex-end;
	line-height: 1.8em;
	border-bottom: 2px #000000 solid;
	font-size: 1.5em;	
}
.center{text-align: center;}
.link img:hover{opacity: 0.6;}