@charset "utf-8";
/*----------------------------------
TAG setting
--------------------------------------*/
body {
  color: #666;
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Lucida Grande","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;
  font-size: 14px;
}
html{font-family:sans-serif;ms-text-size-adjust:100%;webkit-text-size-adjust:100%;}
BODY{margin:0;background-size:100% auto;-webkit-text-size-adjust:100%;background-image:url("../img/header_bg.jpg");background-repeat:no-repeat;background-size:100% 77px;}
h1,h2,h3,h4,h5,h6,p,ul,ol,dl,table,pre{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
a{background:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:active,a:hover{outline:0;}
html{}
p,li,dt,dd,th,td,pre{line-break:strict;ms-line-break:strict;ms-word-break:break-strict;word-break:break-strict;}
abbr[title]{border-bottom:1px dotted;}
b,em{font-weight:bold;}
dfn{font-style:italic;}
h1{font-size:2em;margin-top:0;}
mark{background:#ff0;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
/*img{border:0;max-width:100%;vertical-align:middle;}*/
svg:not(:root){overflow:hidden;}
figure{margin:1em 40px;}
hr{box-sizing:content-box;height:0;moz-box-sizing:content-box;}
pre{overflow:auto;}
code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em;}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}
button{overflow:visible;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
button[disabled],html input[disabled]{cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
input{line-height:normal;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{box-sizing:content-box;moz-box-sizing:content-box;-webkit-appearance:textfield;-webkit-box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
fieldset{border:1px solid silver;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;}
textarea{overflow:auto;}
optgroup{font-weight:bold;}
table{border-collapse:collapse;border-spacing:0;}
td,th{padding:0;}
LI{display:block;}
/*----------------------------------
Reset Setting customize for thisite
--------------------------------------*/
#header{
  border-top:0;
  /*background-image:url(./../img/header_2.png);*/
  /*background-size:100% 100%;
  background-color:rgba(0,0,0,0.1);*/


  background-size:145% auto;
  background-attachment: fixed;
  background-position:60% 0;
}
/*#header{border-top:0;background-image:url(./../img/headnav_bg.jpg);background-size:100% 100%;background-color:rgba(0,0,0,0.1);}*/
/*#content{padding-bottom:40px;}*/
#content A{}
#content A:active,#content A:hover{outline:0;}
#content A{-webkit-tap-highlight-color: rgba(0,0,0,0.1); }
#content INPUT[type="radio"]{-webkit-transform:scale(1.2);transform:scale(1.2);margin-left:0.5em;position:relative;}
#content EM{font-style:normal;font-weight:bold;}

/*----------------------------------
general class
--------------------------------------*/
#content .alignC{text-align:center;}
#content .alignL{text-align:left;}
#content .alignR{text-align:right;}
#content .floatL{float:left;}
#content .floatR{float:right;}
#content .clearfix{overflow:hidden;}
#content .mb40{margin-bottom:20px;}
#content .mb30{margin-bottom:30px;}
#content .mb20{margin-bottom:20px;}
#content .mb10{margin-bottom:10px;}
#content .mt10{margin-top:10px;}
#content .mt20{margin-top:20px;}
#content .mt30{margin-top:30px;}
#content .pt10{padding-top:10px;}
#content .pt20{padding-top:20px;}
#content .pt30{padding-top:30px;}
#content .contentWidth{width:93.75%;margin:0 auto;}

/*----------------------------------
severalsetting
--------------------------------------*/
/*#content {background:#f8f6e0 url(./../img/kv.jpg) no-repeat left top;background-size:100% auto;color:#7f7f7f;}*/
#content H1{background-color:transparent;}
/*#content IMG{width:100%;}*/
/*#content NAV LI{display:block;width:25%;float:left;}*/

------------------------------------------------------------------*/
#acMenu{
  width:98%;
  border:3px solid #009999;
  border-radius:4px;
  margin:10px auto 0;
  background:#fff;
}
#acMenu dt{
    display:block;
    margin:0 auto;
    position:relative;
    cursor:pointer;
    background:url(./../img/icon_close.png) no-repeat 98% 50%;
    padding:5px 20px 5px 5px;
    background-size:20px auto;
    text-align:left;
    }
#acMenu dt.open{background:url(./../img/icon_open.png) no-repeat 98% 50%;background-size:20px auto;}
#acMenu dt IMG.img2{width:90%;}
#acMenu dd{
    display:none;
    margin:0 auto;
    padding:10px;
    font-size:14px;
    line-height:160%;
}

/*tours
------------------------------------------------------------------*/
#tours {
    background: rgba(0, 0, 0, 0) url("../img/bg_box02.png")  scroll 0 0;
    /*padding-top: 10px;*/
    padding-bottom: 10px;
}
/*#content #tours{margin-top:2px;}*/
#content #tours .point_txt {
  font-size:13px;
  line-height:120%;
  padding:9px 2% 3%;
}
/*#content #tours .point_info{width:96%;margin:10px auto;background:#fefcda;}*/
/*#content #tours .point_info P {font-size:11px;line-height:140%;color:#000;padding:10px;}*/
/*#content #tours .stay_bg{font-size:13px;line-height:140%;padding:0px 40% 0px 2%;
background:url(./../img/tour1_img8.png) no-repeat right bottom;
background-size:50% auto;
}*/
/*#content #tours .btn{margin-top:10px;}*/


#tours2 {
    background: rgba(0, 0, 0, 0) url("../img/bg_c_2.png")  scroll 0 0;
    padding-top: 10px;
    padding-bottom: 10px;
}
/*#content #tours{margin-top:2px;}*/
#content #tours2 .point_txt {
  font-size:13px;
  line-height:120%;
  padding:10px 2%;
}


#tour1{
  margin-top:10px;
  background:#fff url(../img/footage/sks064-s.jpg);
  background-size:100% auto;
  background-attachment: fixed;
/*background-position: 50px 100px; */
/*padding-bottom:5%;*/
  width: 92%;
  margin-left:auto;
  margin-right:auto;
}

#tour2{
  margin-top:10px;
  background:#fff url(../img/bg_clumb02_div_upper.jpg) no-repeat;
  background-size:100% auto;
/*background-position: 50px 100px; */
/*padding-bottom:5%;*/
  width: 92%;
  margin-left:auto;
  margin-right:auto;
}

/*background*/
#tours3 {
    background: rgba(0, 0, 0, 0) url("../img/bg_c_3.png")  scroll 0 0;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 24px;
}
/*#content #tours{margin-top:2px;}*/
#content #tours3 .point_txt {
  font-size:13px;
  line-height:120%;
  padding:10px 2%;
}
#tours4 {
    background: rgba(0, 0, 0, 0) url("../img/bg_c.png")  scroll 0 0;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 24px;
}
#content #tours4 .point_txt {
  font-size:13px;
  line-height:120%;
  padding:10px 2%;
}
#tours5 {
    background: rgba(0, 0, 0, 0) url("../img/bg_c_5.png")  scroll 0 0;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 24px;
}
#content #tours5 .point_txt {
  font-size:13px;
  line-height:120%;
  padding:10px 2%;
}
#tours6 {
    background: rgba(0, 0, 0, 0) url("../img/bg_c_6.png")  scroll 0 0;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 24px;
}
#content #tours6 .point_txt {
  font-size:13px;
  line-height:120%;
  padding:10px 2%;
}
#tours7 {
    background: rgba(0, 0, 0, 0) url("../img/bg_c_7.png")  scroll 0 0;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 24px;
}
#content #tours7 .point_txt {
  font-size:13px;
  line-height:120%;
  padding:10px 2%;
}
#tours8 {
    background: rgba(0, 0, 0, 0) url("../img/bg_c_8.png")  scroll 0 0;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 24px;
}
#content #tours8 .point_txt {
  font-size:13px;
  line-height:120%;
  padding:10px 2%;
}

/*access
------------------------------------------------------------------*/
#content #access{margin-top:20px;
background:#fff url(./../img/access_img7.png) no-repeat left bottom;
background-size:100% auto;
padding-bottom:56.25%;
}
#content #access .access_txt{font-size:13px;line-height:140%;padding:10px 2%;}

/*accessb
------------------------------------------------------------------*/
#content #accessb{margin-top:20px;
background:#fff url(./../img/access_img7b.png) no-repeat left bottom;
background-size:100% auto;
padding-bottom:52%;
}
#content #accessb .access_txt{font-size:13px;line-height:140%;padding:10px 2%;}
#content #accessb .pattern1,
#content #accessb .pattern2{width:50%;}


/*about
------------------------------------------------------------------*/
#content #about{margin-top:20px;
background:#fff url(./../img/about_img2.png) no-repeat left bottom;
background-size:100% auto;
padding-bottom:5%
}
#content #about DL{font-size:13px;line-height:140%;padding:10px 2%;}
#content #about DT{color:#46add4;margin:10px 0 5px;}
#content #about DT:first-child{margin-top:0px;}
#content #about DD{}

/*search
------------------------------------------------------------------*/
#content #search{margin-top:20px;}
#content #searchbox{width:96%;margin:0 auto;}
#content #search DL{overflow:hidden;margin-top:10px;}
#content #search DT{width:20%;float:left;vertical-align:middle;line-height:36px;}
#content #search .serchcontSelect06 DT{line-height:100%;}
#content #search DD{width:78%;float:right;}
#content #search EM{font-style:normal;color:#642010;padding-top:3px;display:inline-block;line-height:120%;}
#content #search LABEL{display:inline-block;padding-right:1em;}
#content #search #datepicker{width:7em}
#content #search .ui-datepicker-trigger{width:32px;position:relative;left:5px;margin-right:5px;}
#content #search SELECT{
max-width:98%;
color: #000;
background-color:#fff;
border: 1px solid #ccc;
cursor: pointer;
}
#content #search .search_btn{margin-top:20px;}


P.pagetopnav{padding:0px;position:fixed;bottom:20px;right:5px;display:none;}
P.pagetopnav A{ display:block;width:40px;height:40px;background:url(./../img/pagetop1.png) no-repeat 50% 50%;background-size:40px auto;text-indent:-9999px;}



.point_ttl {
  width:85%;
  margin-left: 7%;
  padding-top: 38px;
}



.g_nav {
  width :100%;
  margin-top:10px;
  /*margin-left: auto;
  margin-right:auto;*/
}
.g_nav ul{
	display:table;
	table-layout: fixed;
	width:100%;
}
.g_nav li{
	display:table-cell;
	text-align:center;
	color:#528e8f;
	background: #474682;
	/*background: -moz-linear-gradient(top,  #825146 0%, #752715 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#825146), color-stop(100%,#752715));
	background: -webkit-linear-gradient(top,  #825146 0%,#752715 100%);
	background: -o-linear-gradient(top,  #825146 0%,#752715 100%);
	background: -ms-linear-gradient(top,  #825146 0%,#752715 100%);
	background: linear-gradient(to bottom,  #825146 0%,#752715 100%);*/
}
.g_nav li:not(:last-child){
	border-right:1px solid #5e5d9a;
  /*border-right:4px solid #fff;*/
}
.g_nav li a{
	padding:15px 0;
	display:block;
	color:#ffffff;
	/*color:#528e8f;*/
	text-decoration:none;
}
.g_nav li:active{
	background: #5e5d9a;
	/*background: -moz-linear-gradient(top,  #a88780 0%, #914c3c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a88780), color-stop(100%,#914c3c));
	background: -webkit-linear-gradient(top,  #a88780 0%,#914c3c 100%);
	background: -o-linear-gradient(top,  #a88780 0%,#914c3c 100%);
	background: -ms-linear-gradient(top,  #a88780 0%,#914c3c 100%);
	background: linear-gradient(to bottom,  #a88780 0%,#914c3c 100%);*/
}
.g_nav li a:hover{
	background: #5e5d9a;
	/*background: -moz-linear-gradient(top,  #a88780 0%, #914c3c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a88780), color-stop(100%,#914c3c));
	background: -webkit-linear-gradient(top,  #a88780 0%,#914c3c 100%);
	background: -o-linear-gradient(top,  #a88780 0%,#914c3c 100%);
	background: -ms-linear-gradient(top,  #a88780 0%,#914c3c 100%);
	background: linear-gradient(to bottom,  #a88780 0%,#914c3c 100%);*/
}
#no_plan {
  background: #a88780;
	background: -moz-linear-gradient(top,  #a88780 0%, #955d51 100%);
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a88780), color-stop(100%,#914c3c));
	background: -webkit-linear-gradient(top,  #a88780 0%,#914c3c 100%);
	background: -o-linear-gradient(top,  #a88780 0%,#914c3c 100%);
	background: -ms-linear-gradient(top,  #a88780 0%,#914c3c 100%);
	background: linear-gradient(to bottom,  #a88780 0%,#914c3c 100%);*/
  color: #4b4b4b;

  /*-moz-box-shadow:inset 0px 0px 13px 6px #404040;
	-webkit-box-shadow:inset 0px 0px 13px 6px #000000;
	box-shadow:inset 0px 0px 13px 6px #a1a1a1;

  filter:alpha(opacity=80);
    -moz-opacity: 0.7;
    opacity: 0.7;*/
}



#hotel_special {
  background: #fff url("../img/bg_lower.jpg") no-repeat scroll 0 0 / 100% auto;
  padding-bottom: 32px;
  margin-top:17px;
  width: 100%;
  text-align: center;
}
#hotel_special span a {
  color:#ffffff;
  background: #8fb667;
  background: -moz-linear-gradient(top,  #8fb667 0%, #50871a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fb667), color-stop(100%,#50871a));
	background: -webkit-linear-gradient(top,  #8fb667 0%,#50871a 100%);
	background: -o-linear-gradient(top,  #8fb667 0%,#50871a 100%);
	background: -ms-linear-gradient(top,  #8fb667 0%,#50871a 100%);
	background: linear-gradient(to bottom,  #8fb667 0%,#50871a 100%);
  /*background: #50871a;*/
  padding: 2% 7%;
  border-radius: 17px;
  /*width: 30%;*/
}
#hotel_special span a:hover {
  color:#ffffff;
  background: #a4d674;
  background: -moz-linear-gradient(top,  #a4d674 0%, #82a65f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4d674), color-stop(100%,#82a65f));
	background: -webkit-linear-gradient(top,  #a4d674 0%,#82a65f 100%);
	background: -o-linear-gradient(top,  #a4d674 0%,#82a65f 100%);
	background: -ms-linear-gradient(top,  #a4d674 0%,#82a65f 100%);
	background: linear-gradient(to bottom,  #a4d674 0%,#82a65f 100%);
  /*background: #82a65f;*/
}

.kv img {
  width:100%;
}
#title_sub {
  margin-left: 2%;
  margin-top:18px;
  width: 96%;
}
#main_title img {
  width : 100%;
}


#box_a {
  width: 95%;
  margin-left:auto;
  margin-right:auto;
  background-color: #eae5c3;
  margin-top: 12px;
}
#box_a img {
  width: 100%;
}
#box_title {
  color:#118177;
  font-size: 18px;
  padding: 3px
}
#box_text {
  color:#323232;
  padding:5px;
}

#plan_box {
  width: 95%;
  margin:30px auto;
  border:1px solid #cccccc;
}
#plan_box img {
  width: 100%;
}
.hotel_box {
  width: 95%;
  margin:10px auto;
}
.hotel_box img {
  width: 100%;
  box-sizing: border-box;
  border:3px solid #fff;
  box-shadow: 0 0 9px #000;
}
#plan_box_text {
  padding: 11px;
}
label {
    background: #539adb none repeat scroll 0 0;
    border: 3px solid #539adb;
    box-shadow: 0 0 0 2px #ffffff inset;
    box-sizing: border-box;
    color: #ffffff;
    display: block;
    margin: 0;
    padding: 12px;
    text-align: center;
    width: 100%;

    -webkit-transition: 0.8s;
	  -moz-transition: 0.8s;
	  -o-transition: 0.8s;
	  -ms-transition: 0.8s;
	  transition: 0.8s;
}
label:hover {
    background: #53dbc3 none repeat scroll 0 0;
    border: 3px solid #53dbc3;
    box-shadow: 0 0 0 2px #ffffff inset;
    box-sizing: border-box;
    color: #ffffff;
    display: block;
    margin: 0;
    padding: 12px;
    text-align: center;
    width: 100%;
}

#off_btn label {
    background: #b0b0b0 none repeat scroll 0 0;
    border: 3px solid #b0b0b0;
    box-shadow: 0 0 0 2px #ffffff inset;
    box-sizing: border-box;
    color: #ffffff;
    display: block;
    margin: 0;
    padding: 12px;
    text-align: center;
    width: 100%;

    -webkit-transition: 0.8s;
	  -moz-transition: 0.8s;
	  -o-transition: 0.8s;
	  -ms-transition: 0.8s;
	  transition: 0.8s;
}



 hr.style_0 {
   border: 0;
   height: 1px;
   background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
   background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
   background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
   background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
   }
#title_0 {
  text-align: center;
  font-size: 5vw;
  font-family: 'Ultra', serif;
}

 hr.style_1 {
   border: 0;
   height: 1px;
   background-image: -webkit-linear-gradient(left, #f0f0f0, #eb752a, #f0f0f0);
   background-image: -moz-linear-gradient(left, #f0f0f0, #eb752a, #f0f0f0);
   background-image: -ms-linear-gradient(left, #f0f0f0, #eb752a, #f0f0f0);
   background-image: -o-linear-gradient(left, #f0f0f0, #eb752a, #f0f0f0);
   }
#title_1 {
  text-align: center;
  font-size: 5vw;
  font-family: 'Ultra', serif;
  color: #eb752a;
}

.list-box {
    /*display: table;*/
    margin-left: auto;
    margin-right: auto;
}
.list-img, .list-text {
    /*display: table-cell;*/
    position: relative;
    vertical-align: top;
}
.list-img img {
    border: 4px double #c1c1c1;
    box-sizing: border-box;
}
.list-img, .list-text {
    /*display: table-cell;*/
    position: relative;
    vertical-align: top;
}
#tao_ul {
    padding: 10px;
}
#tao_ul li:first-child {
    background: #3596cb none repeat scroll 0 0;
    color: #fff;
    font-size: 5vw;
    /*padding: 5px;*/
    font-family: "Ultra",serif;
    text-align: center;
}
#tao_ul li {
    color: #000;
    font-size: 3.5vw;
    padding: 5px;
}


#tao_ul #rebon {
  position: relative;
	/*padding: 1em;*/
	/*background-color: #bbe4bf;*/
	background-color: #fff;
	/*background-color: #e2e2e2;*/
  -webkit-transform: skewY(-4deg);
  -ms-transform: skewY(-4deg);
  transform: skewY(-4deg);
  width: 92%;
  margin-bottom: 4%;
  margin-left: 2%;
  font-size: 3vw;
}
#tao_ul #rebon a {
  color:#000;
  display: block;
  padding: 10px;
}
#tao_ul #rebon a span {
  color:#f74343;
}

#rebon::after {
  position: absolute;
	top: 0;
	right: 0;
	content: '';
	width: 0;
	border-width: 0 16px 16px 0;
	border-style: solid;
	border-color: #eae5c3 #eae5c3 #fefefe #ddd;
	box-shadow: -2px 3px 1px 1px #6e6e6e;
}

.fa-flag{
  margin-right: 10px;
}
.hotel_title {
  color:#00a9de;
  margin-left:4%;
  font-family: Meiryo;
  padding-top: 10px;
  font-size: 4vw;
}


.plan_box_title {
	position: relative;
	height: 35px;
	line-height: 37px;
	padding: 0 1em;
	/*background-color: #ffb000;*/
	background-color: #3ca4b3;
  width: 85%;
  color:#fff;
  font-size: 3.5vw;
  /*box-shadow: -4px 5px 2px 0 #c7c7c7;*/
}
.plan_box_title::after {
	content: '';
	position: absolute;
}
.plan_box_title::after {
	top: 0;
	right: 0;
	z-index: 2;
	border-width: 18px 20px;
	border-style: solid;
	border-color: transparent;
	border-right-color: #fff;
}