@charset "UTF-8";

/* ブラウザリセット
----------------------------------------------------------------- */

html,body{ height:100%;}
body{ font:12px/1.5 "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*font-size:small;*font:x-small;min-width:960px; background:#FFF; }
body,div,dl,dt,dd,h1,h2,h3,h4,p,form,table,th,td { margin:0;padding:0; }
input,textarea,select{ font-family:Arial,Helvetica,sans-serif;font-size:inherit;font-weight:inherit; }
img{ border:0;vertical-align:bottom; }
table { font-size:inherit;font:100%;color:inherit;border-spacing:0; }
address{ font-style:normal;font-weight:normal;	}	
ul{ margin:0;padding:0;list-style:none; }
input{ vertical-align:middle; }

#container{width: 100%;position: relative; height:auto !important; /*IE6対策*/height: 100%; /*IE6対策*/min-height: 100%;}
#contents{ width:960px; margin:0 auto; padding-bottom:350px; /*フッターの高さと同じ*/}
.base_bg{ background:url(../images/base_bg.gif) no-repeat top center;}


/* フォント
----------------------------------------------------------------- */
.text10px{ font-size:77%; }
.text11px{ font-size:85%; }
.text12px{ font-size:93%; }
.text13px{ font-size:100%; }
.text14px{ font-size:108%; }
.text15px{ font-size:116%; }
.text16px{ font-size:123.1%; }
.text17px{ font-size:131%; }
.text18px{ font-size:138.5%; }
.text19px{ font-size:146.5%; }
.text20px{ font-size:153.9%; }
.text21px{ font-size:161.6%; }
.text22px{ font-size:167%; }
.text23px{ font-size:174%; }
.text24px{ font-size:182%; }
.text25px{ font-size:189%; }
.text26px{ font-size:197%; }

.Mincho{font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}

/* 共通リンクスタイル
----------------------------------------------------------------- */
a:link,a:visited{ color:#0099CC; }
a:hover{ color:#053799; }




/* 共通セレクタ
----------------------------------------------------------------- */
.left{ float:left; }
.right{ float:right; }
.img_right{ text-align:right; }
.img_left{ text-align:left; }
.img_center{ text-align:center; }
.bottom5{ margin-bottom:5px; }
.bottom10{ margin-bottom:10px; }
.bottom15{ margin-bottom:15px; }
.bottom20{ margin-bottom:20px; }
.bottom30{ margin-bottom:30px; }
.bottom50{ margin-bottom:50px; }
.top10{ margin-top:10px; }
.top25{ margin-top:25px; }
.left10{ margin-left:10px; }
.left5{ margin-left:5px; }
.bold{ font-weight:bold; }

.pt5{ padding-top:5px;}

a:hover .img_over { opacity: 0.7;filter: alpha(opacity=70); }

.red{ color:#FF3300; font-weight:bold;} 
.red2{ color:#FF3300;} 


/* 共通回り込み解除
----------------------------------------------------------------- */


.clearfix:after,
.top_contents:after,
.foot:after,
.foot_in:after,
.clear:after,
.side_column02 .inner02:after,
.top_menu_box ul:after,
.top_header:after,
.top_middle:after;
.top_info ul li:after,
.wrapper:after,
.menu_box ul:after,
.header:after
{ content: ".";display:block;height:0.1px;clear:both;visibility:hidden;font-size:0.1em;line-height:0; }

.clearfix,
.top_contents,
.foot,
.foot_in,
.clear,
.side_column02 .inner02,
.top_menu_box ul,
.top_header,
.top_middle,
.top_info ul li,
.wrapper,
.menu_box ul,
.header{ display:inline-block;display:block; overflow:hidden; }

* html .clearfix,
* html .top_contents,
* html .foot,
* html .foot_in,
* html .clear,
* html .side_column02 .inner02,
* html .top_menu_box ul,
* html .top_header,
* html .top_middle,
* html .top_info ul li,
* html .wrapper,
* html .menu_box ul,
* html .header
{ height:1%; }




/* 共通コンテンツエリア
----------------------------------------------------------------- */
.wrapper{ width:960px;margin:0 auto; padding-top:20px; }

#socialbuttons div {
float: left;
}

/* トップ
----------------------------------------------------------------- */

#jquery-cycle{ width:960px; height:394px; position:relative; z-index:0; top:0;}
.top_contents{ background:url(../images/top_bg.png) no-repeat; width:960px; position:relative; z-index:1; margin:-115px 0 0; padding:90px 0 0; }

.top_left_box{ width:210px; float:left; padding:10px 0 0 ;}

.top_right_box{ width:720px; float:right;}
.top_header{ margin-bottom:40px;}
.top_menu_box{ width:460px; float:left; height:154px; border-left:#ddd 1px solid;}
.top_menu_box ul li{ float:left; padding:0 3px; border-right:#ddd 1px solid; width:50px;}
.top_rogo_box{ width:216px; float:right; margin-right:15px;}

.top_middle{ margin-bottom:20px;}
.top_middle2{ margin-bottom:20px; width:230px;}
.top_plan{ width:224px; border:#CCC 1px solid; padding:2px; background:#fff; float:left;}
.top_plan_in{ background:#F9F9F9;}
.top_plan_in ul{ padding:0 5px 5px;}
.top_plan_in ul li.photo{ padding:4px; width:200px; border:#ddd 1px solid; background:#fff; position:relative; z-index:0;}
.top_plan_in ul li.title{ background:url(../images/new_icon.png) no-repeat left top; margin-top:-10px; position:relative; z-index:1; padding:20px 0 10px 45px;}
.top_plan_in ul li.title a{ color:#559023; font-weight:bold;font-size:116%;}


.top_info{ /*width:475px; float:right;*/ width:100%;}
.top_info ul{ _zoom: 1; overflow:hidden;}
.top_info ul li{ padding:10px; border-bottom:#ddd 1px solid; font-weight:bold; font-size:116%;}
.top_info ul li img{ padding:2px; background:#FFF; border:#ddd 1px solid; float:left; margin:0 10px 0 0;}
.top_info ul li p{ /*width:338px;*/ float:right; width:575px; }
.top_info ul li span{ font-size:90%; font-weight:normal;}



/* 下位ページ
----------------------------------------------------------------- */

/*左カラム*/
.left_box{ width:720px; float:left;position:relative; z-index:1;}
.menu_box{ width:460px; float:left; height:154px; border-left:#ddd 1px solid; }
.menu_box ul li{ float:left; padding:0; border-right:#ddd 1px solid; width:50px;}
.header{ margin-bottom:20px;}

.breadcrumb{ margin-bottom:30px; font-size:85%;}
.breadcrumb li{ display:inline; line-height:110%; list-style-type:none;  }
.breadcrumb li a{ padding-right:10px;   background:url(../images/arrow.png) no-repeat right center;  }

.main{ margin-bottom:50px;}
.main h2{ margin-bottom:10px;}
.box320{ float:right; width:320px;}
.box320_2{ float:left; width:320px;}
.box380{ float:right; width:380px;}
.box400{ float:left; width:400px;}

h3{ color:#567E8B; font-weight:bold; border-bottom:#CCC 1px dotted; padding-bottom:5px; margin-bottom:10px;}
h4{ color:#302D40; font-weight:bold;}

.caption{color:#302D40;font-weight:bold;}
.gray_box{ background:#efefef; padding:10px;}

.privacy{border:1px solid #CCCCCC;background:none repeat scroll 0%; height:150px;overflow:scroll;width:680px;margin-bottom:30px; padding:10px; margin-top:20px;}
.privacy2{border:1px solid #CCCCCC;background:none repeat scroll 0%; height:150px;overflow:scroll;width:690px;margin-bottom:30px; padding:10px; margin-top:20px;}
.privacy p,.privacy2 p{ margin-bottom:10px;}
.privacy h4,.privacy2 h4{ margin-bottom:10px;}


.menu{ padding:8px; background:url(../menu/images/bg.png); margin-bottom:20px; width:700px; overflow:hidden; border:#f0f0f0 1px solid;}
.menu dl{ width:700px; margin:0; padding:0;}
.menu dt{ width:400px; float:left; padding:0; margin:0;}
.menu dt img{ background:#FFF; padding:4px; border:#CCC 1px solid;}
.menu dd{ float:right; width:280px; padding:0; margin:0;}
.drink{margin:10px 0 0 0;padding:6px 0 5px 0;text-align:center;font-size:13px;color: #fff;background:#302D40;}

.style6 {border-left:#960 3px solid;font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";	font-size: 19px;color:#300;padding:8px 5px 8px 3px;line-height:1.4em;background:#FFF;margin-bottom:10px;}

.text24 { font-size:24px; margin:5px 5px;}
.text22 { font-size:22px; margin:5px 5px;}
.textR { text-align:right; margin: 0 5px;}
.textCap {font-size:11px; font-family:'ＭＳ ゴシック', 'MS Gothic', 'Osaka−等幅', Osaka-mono, monospace;}


.guideRental dt{width:4em;float:left;}
.guideRental dd{margin-left:4em;}


.ml20{
	margin-left:20px;
}
.n_menu {
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;
	width: 720px;
	overflow: hidden;
	_zoom:1;
}
.set {
	width: 720px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	overflow: hidden;
	_zoom:1;
	margin-bottom: 20px;
}
.set ul {
	list-style-type: none;
	margin-bottom:15px;
}
.set li {
	text-indent: 1.2em;
	font-size: 13px;
	background-image: url(../menu/images/m_square.jpg);
	background-repeat: no-repeat;
	background-position: 2px;
}
.n_fl {
	float: left;
}
/*.set p {
	font-size: 11px;
	padding-top: 15px;
	line-height: 1.5em;
}*/
.after {
	text-align: left;
	padding-bottom: 40px;
}
.after ul {
	list-style-type: none;
}
.after li {
	font-size: 13px;
	padding-bottom:2px;
	padding-left: 20px;
	background-image: url(../menu/images/m_square.jpg);
	background-repeat: no-repeat;
	background-position: 2px;
}
.after p {
	font-size: 13px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
/*.tebura {
	font-size: 13px;
	background-color: #FFF5CB;
	width: 350px;
	margin-top: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
	margin-bottom: 0px;
}*/

.tebura p{
 display:inline-block;
 vertical-align:middle;
 margin-right:5px;
}
.tebura {
	font-size: 13px;
	font-weight:bold;
	background-color: #FFF5CB;
	width: 350px;
	padding:10px;
	margin-top: 15px;
	margin-bottom: 0px;
}


/*右カラム*/
.right_box{ width:210px; float:right; }
#sidebar"{ position:relative; z-index:5; background:#FFF;}





/* テーブル
----------------------------------------------------------------- */

table#table-01 {
    width: 700px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
	margin-bottom:20px;
}

table#table-01 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
	width:180px;
}
table#table-01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align:left;
}
table#table-01 td input{ vertical-align:middle;}
table#table-01 td input
table#table-01 td li{ float:left; width:230px; margin-bottom:5px;}


table#table-02 {
    width: 720px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
	margin-bottom:20px;
}

table#table-02 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
	width:180px;
}
table#table-02 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align:left;
}
table#table-02 td input{ vertical-align:middle;}
table#table-02 td input
table#table-02 td li{ float:left; width:230px; margin-bottom:5px;}


table#table-none,table#table-none td,table#table-none td{ border:none;}



table.table-gotoA {
  border-collapse: collapse;
  padding: 0;
  width:100%;
  table-layout: fixed;
}

table.table-gotoA tr {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: .35em;
}

table.table-gotoA th:first-of-type{width:28%;}
/*table.table-gotoA th:nth-of-type(2){width:35%;}
table.table-gotoA th:nth-of-type(3){width:16%;}
table.table-gotoA th:nth-of-type(4){width:21%;}*/

table.table-gotoA th,
table.table-gotoA td {
  padding: 1em 10px 1em 1em;
  border-right: 1px solid #ccc;
}
table.table-gotoA thead th {
}
table.table-gotoA thead tr{
  background-color:#567E8B;
	color:#fff;
}

table.table-gotoA tbody th{
font-weight: bold;
	background-color: #F5F5F5;
}
table.table-gotoA tbody td{text-align: right}


table.table-gotoB {
  border-collapse: collapse;
  padding: 0;
  width:100%;
  table-layout: fixed;
}

table.table-gotoB tr {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: .35em;
}

table.table-gotoB th:first-of-type{width:25%;}
/*table.table-gotoA th:nth-of-type(2){width:35%;}
table.table-gotoA th:nth-of-type(3){width:16%;}
table.table-gotoA th:nth-of-type(4){width:21%;}*/

table.table-gotoB th,
table.table-gotoB td {
  padding: 1em 10px 1em 1em;
  border-right: 1px solid #ccc;
}
table.table-gotoB thead th {
}
table.table-gotoB thead tr{
  background-color:#567E8B;
      color:#fff;
}

table.table-gotoB tbody th{
font-weight: bold;
	background-color: #F5F5F5;
}


table.table-gotoC {
font-size: 90%;
font-weight: normal;
  border-collapse: collapse;
  padding: 0;
  width:100%;
  table-layout: fixed;
}

table.table-gotoC tr {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: .35em;
}

table.table-gotoC th:first-of-type{width:28%;}
/*table.table-gotoA th:nth-of-type(2){width:35%;}
table.table-gotoA th:nth-of-type(3){width:16%;}
table.table-gotoA th:nth-of-type(4){width:21%;}*/

table.table-gotoC th,
table.table-gotoC td {
  padding: 8px;
  border-right: 1px solid #ccc;
}
table.table-gotoC thead th {
	text-align: center;
}
table.table-gotoC thead tr{
  background-color:#DDE5E7;
	color:#000;
}

table.table-gotoC tbody th{
font-weight: bold;
	background-color: #F5F5F5;
}
table.table-gotoC tbody td{text-align: right}

/* カレンダー
----------------------------------------------------------------- */
.calendar-containerBox{float: right; width:100%;  margin: 0 auto; display: flex; justify-content: space-between;}
.calendar-container{width:48%;
  color: #1a1a1a;}
.cl_title{
  display: block;
  text-align: center;
  font-size: 14px !important;
  margin: 20px 0 0 0;
	font-weight: bold !important;
}
.calendar {
}
table.calendar{
  border-collapse: collapse;
  padding: 0;
  width:100%;
  table-layout: fixed;
}

table.calendar tr {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: .35em;
}

table.calendar th,
table.calendar td {
	font-size:90%;
  padding: 5px 0 0 0;
  border-right: 1px solid #ccc;
	text-align: center;
	vertical-align: top;;
}
table.calendar td span{display: block; font-size:12px;}
table.calendar td{height:38px; line-height:1.2;}
table.calendar thead tr{
  background-color:#567E8B;
      color:#fff;
}
table.calendar th{padding:5px 10px;}
.calendar .day > *:first-child,.calendar .kyujitu{
  color: #ff838b;
}
.calendar .day > *:last-child {
  color: #6fb5ff;
}

.calendar .teikyu{background-color:#ff3f3f; color:#fff;}
.calendar .nonDay{color:#d0d0d0 !important;}


/* 共通サイドナビ
----------------------------------------------------------------- */

.side_column01	{width: 210px;background: url(../images/side_room_bottom.png) no-repeat bottom;margin-bottom: 20px;}
.side_column01 .inner01	{background: url(../images/side_room_top.png) no-repeat;padding: 60px 10px 20px;}

.side_column02	{width: 210px;background: url(../images/side_mail_bottom_new.png) no-repeat bottom;margin-bottom: 50px;}
.side_column02 .inner02	{background: url(../images/side_mail_top.png) no-repeat;padding: 60px 10px 10px;}

/* テキスト 装飾
----------------------------------------------------------------- */
ul.arrow li{ display:block;padding-left:13px;background:url(/t/t/common/images/common-icon-arrow-01.gif) no-repeat left top;margin-bottom:5px; }


/* フッター
----------------------------------------------------------------- */
#footer{width:100%;height:350px; font-size:85%;position:absolute;
    bottom:0px;
   }
	 
#footer_in{height:350px;width:100%; font-size:85%;position:absolute;
    bottom:0px;
  } 

.ptop{ margin-bottom:20px; margin-left:904px; text-align:right;}
#pagetop_in{ text-align:right; margin-bottom:20px; margin-right:230px;}


.foot{ padding:10px 0 20px; border-top:#DDDDDD 1px solid; border-bottom:#DDDDDD 1px solid;width:960px; margin:0 auto 10px;}
.foot_in{ padding:10px 0 20px; border-top:#DDDDDD 1px solid; border-bottom:#DDDDDD 1px solid; width:720px; margin-bottom:10px;}
.foot_left{ width:220px; float:left; margin-right:20px; margin-bottom:20px;}
.foot_left dt{ width:220px;}
.foot_left dd{ margin-bottom:5px;}
.foot_right{ width:480px; float:right;}

.foot_box{ width:720px; float:left;}


/*20170628bbqページ変更
----------------------------------------------------------------- */
.setmenuTxt{ background-color:#990000; padding:5px 10px; margin-bottom:20px; color:#fff; font-weight:bold; font-size:20px;}
.rental li{ text-indent: 1.2em; font-size: 13px; background-image: url(../menu/images/m_square_gray.jpg); background-repeat: no-repeat; background-position: 2px;}
.gentei{ margin:10px 0 0 0;padding:6px 0 5px 0;text-align:center;font-size:13px;color: #FF3300; border:1px solid #FF3300;}

/*20171130 フォームjs変更 */
input.myError,
textarea.myError{ background:#FFFFE6; }
p.myError{ color:#F00; padding-top:10px; font-weight:bolder; display:block; clear:both; }

/*　guide 20201208追記 */
.copy01Box{width:70%; margin:0 auto 20px;}
.copy01Box h4{text-align: center; margin-bottom:10px; font-size:131%; background-color:#DCFD58; padding:3px;}
.copy01Box ul{font-size:131%;}
.copy01Box ul li{display: inline-block; color:#CC0001; width:50%;}
.copy01Box ul li strong{font-size:153.9%; font-weight: normal;}
.copy01Box ul li span{color:#000;}
.copy01Box .kome{padding-left:12px; position: relative;}
.copy01Box .kome::before{content: "※";position: absolute; left:0; top:0;}

/*reservation 20220301料金表更新*/
.plancap{ background-color: #567E8B; color:#fff; padding:5px 10px; box-sizing: border-box; font-size:15px; font-weight:bold; margin-bottom: 20px;}
.plancap02{ background-color: #999; color:#fff; padding:5px 10px; box-sizing: border-box; font-size:15px; font-weight:bold; margin-bottom: 20px;}
.plancap span,.plancap02 span{float: right;}
#ryokinSpring thead tr,#ryokinSpring .plancap{ background-color: #e48b9e;}
#ryokinSummer thead tr,#ryokinSummer .plancap{ background-color: #6fa150;}
#ryokinAutumn thead tr,#ryokinAutumn .plancap{ background-color: #d78236;}
#ryokinWinter thead tr,#ryokinWinter .plancap{ background-color: #8e7664;}

/* ------------------------------------------------
	reCAPTCHA
-------------------------------------------------*/
.grecaptcha-badge { visibility: hidden; }

/*20240730 くじゅう連山温泉郷ロゴ追加*/
.onsenLogo {
  display: block;
  margin: 0 auto 10px;
  max-width: 160px;
  height: auto;
}
.poRe { position: relative;}
.onsenLogoBath {
  display: block;
  position: absolute;
  right: 20px;
  bottom: 40px;
  max-width: 210px;
  height: auto;
}