@charset "shift_jis";

/* 全要素マージン、パディングをゼロに */

* { margin:0; padding:0; font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }
ul,li {	list-style:none; }
img {	border:0; vertical-align:bottom;}

.text14b {
	font-size: 14px;
	font-weight: bold;
}
.text12n16px {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
}

.text12n18px {
	font-size: 12px;
	line-height: 18px;
}
.text11 {
	font-size: 11px;
}
.text12n15px {
	font-size: 12px;
	line-height: 15px;
}
.text18b {
	font-size: 18px;
	font-weight: bold;
}
h1 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
	font-weight: normal;
	color: #5E0000;
	line-height: 24px;
	margin-left: 5px;
}

.text13px20 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 13px;
	line-height: 20px;
	font-weight: normal;
}
.text12n18pxred {
	font-size: 12px;
	line-height: 18px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: bold;
	color: #990000;
}


#frm td{ padding:2px 5px;}



/********************************************
 * clearfix
 ********************************************/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .clearfix{ height:1%; overflow:visible;}
.clearfix { display: block; overflow:hidden; zoom:1;}





/********************************************
 * 空室カレンダー サイドバー式
 ********************************************/
.haikei{ width:600px; padding:3px 0; margin:10px 0 10px 0; background-color:#a1793e;}
.haikei2{ width:600px; padding:3px 0; margin:10px 0 10px 0; background-color:#fff;}

.topkushitu{ margin:10px auto; width:580px;}
#sideCalendar{ position:relative; background:#F8E8D9; width:290px; text-align:center; float:left;}
#sideCalendar caption{ position:absolute; top:20px; left:35%; font-size:16px;}
#sideCalendar table{ width:100%;}
#sideCalendar th,
#sideCalendar td{ border-color:#7f605e; text-align:center;}
#sideCalendar th{ background:#574241; padding:5px 0; color:#fff; font-size:12px;}
#sideCalendar td{ background:#fff; color:#000; width:14.2%; height:35px; line-height:100%;}
#sideCalendar td .blue{ color:#0ad;}
#sideCalendar td .red{ color:#c02;}
#sideCalendar td span{ font-size:13px; display:block;}
#sideCalendar td.gray{ background:#eee;}
#sideCalendar .roomIcon{ font-style:normal; font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
#sideCalendar .calendarLink { padding:0; height:40px;}
#sideCalendar .calendarLink .prev{ float:left;}
#sideCalendar .calendarLink .next{ float:right;}
#sideCalendar .calendarLink a{ font-size:12px; border:0; padding:5px 4px; display:block; color:#fff;  background:#574241; text-decoration:none;}
#sideCalendar .calendarLink a:hover{ background:#c65246; color:#fff;}
#sideCalendar #iconNavi,
#sideCalendar .updated,
#sideCalendar .calenderColorNavi{ display:none;}


/* 空室予約フォーム
------------------------------------- */
#yoyakuForm{ width:70%; margin:0 auto;}
#yoyakuForm #roomTitle{ text-align:center; margin:0 0 10px 0; font-weight:bold; font-size:14px; color:#790100;}
#yoyakuForm table{ width:100%; background:#999; border-spacing:1px; border-collapse:separate;}
#yoyakuForm th{ text-align:center; background:#dbc4a4; width:20%; text-align:left;}
#yoyakuForm td{ background:#fff;}
#yoyakuForm th,
#yoyakuForm td{ padding:8px; text-align:left; font-size:14px;}
#yoyakuForm td div{ margin:0 0 5px 0;}
#yoyakuForm td div.err{ display:none; color:#c00;}
#yoyakuForm input,
#yoyakuForm textarea,
#yoyakuForm option{ padding:2px;}
#yoyakuForm input{ width:95%;}
#yoyakuForm textarea{ width:95%;}
#yoyakuForm .kome{ color:#f00;}
#yoyakuForm .sub{ text-align:center;}
#yoyakuForm .footerText{ margin:10px 0;}
#yoyakuForm .bt{ text-align:center; margin:10px 0;}
#yoyakuForm .bt input{ padding:10px; width:25%;}
#yoyakuEnd{ width:90%; margin:20px auto 0 auto; border:6px solid #790100; text-align:center; background:#fff;}
#yoyakuEnd .txt1{ font-size:18px; margin:30px 0 10px 0; font-weight:bold; color:#790100; line-height:140%;}
#yoyakuEnd .cancel{ font-size:12px; margin:0 0 30px 0;}

#Mbox1{ background:#EAF7D9; border:3px solid #CFDEBD; margin:0 0 12px 0;}
#Mbox1 p{ margin:8px; background:url(http://www.media-japan.co.jp/admin/img/16x16/checkMark.png) 0 -3px no-repeat; padding:0 0 1px 20px; color:#000; text-align:left;}
#Mbox2{ background:#FDEBEB; border:3px solid #EAC8C7; margin:0 0 12px 0;}
#Mbox2 p{ margin:8px; background:url(http://www.media-japan.co.jp/admin/img/16x16/exclamation.png) 0 -3px no-repeat; padding:0 0 1px 20px; color:#000; text-align:left;}
#roomHeader{ width:551px; margin:0 auto;}
#roomHeader .roomAttention{ text-align:center; padding:15px 0; border:1px solid #f73625; background:#f7ece9;}
#roomHeader .roomAttention .txt{ color:#c00; font-size:14px; font-weight:bold;}
#roomHeader .roomAttention .tel{ font-size:24px; font-family:Verdana,Arial;}
#roomHeader .roomAttention .fax{ font-size:14px; font-family:Verdana,Arial;}
#roomHeader .roomFlow{ margin:10px 0; text-align:center;}
#roomHeader .roomFlow div{ margin:0 0 10px 0;}
#roomHeader .roomFlow p{ padding:10px 20px; border:1px solid #e0c678; background:#ffd;}
#roomHeader .roomFlow span{ color:#c00;}



/* 宿だより
------------------------------------- */
#contentsTopics { width:100%;}
#contentsTopics .article{ clear:both; padding:0 0 10px 0;}
#contentsTopics .photo img{ width:160px; padding:3px; border:1px solid #ccc; background:#fff;}
#contentsTopics .photo img.zoom_icon{ width:auto; padding:0; border:0; background:none;}
#contentsTopics .photo{ text-align:center; paddinng:10px; margin:10px 0;}
#contentsTopics .photo1{ margin-left:0; display:inline;}
#contentsTopics .photo2{ margin-left:5px; display:inline;}
#contentsTopics .photo3{ margin-left:5px; display:inline;}
#contentsTopics .sub{ font-weight:bold; font-size:14px; color:#432; font-weight:bold; font-size:110%; padding:10px 5px; border:1px solid #510; border-width:2px 0 1px 0;}
#contentsTopics .body{ font-size:12px; margin:10px 0;}
#contentsTopics .date{ font-size:12px; text-align:right; clear:both; padding:0 0 0 20px;}
#contentsTopics .TopiCateMenu{ margin:10px 0; text-align:center; font-size:12px;}
#contentsTopics .TopiCateMenu li{ display:inline; color:#ccc;}
#contentsTopics .noneArticle{ text-align:center; border:1px solid #666; padding:10px;}


#rightBtn{ width:69px; position:fixed; top:200px; right:0; z-index:999; list-style:none;}
#rightBtn li{ margin:0 0 10px 0; max-height:271px;}


/* pager */
#topicsPager{ width:100%; margin:0; padding:10px 0 20px 0; height:25px; font-size:12px;}
#topicsPager li.prev{ float:left;}
#topicsPager li.next{ float:right;}
#topicsPager li a{ display:block; padding:5px 15px; border:1px solid #ccc; background:#fff; text-decoration:none;}
#topicsPager li a:hover{ background:#925f5f; color:#fff;}




/*ルーム*/

/* 空室カレンダー
------------------------------------- */
#room #cancel{ width:90%; margin: 0 auto 30px auto; }
#room #cancel dt,
#room #cancel dd{ margin:5px 0;}
#room #cancel dt{ font-weight:bold;}
#room #cancel .card{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0;}
#room #cancel .cancel{ margin:20px 0;}
#room #cancel table{ width: 40%; border-collapse: collapse; border-spacing: 0; margin:0 0 10px 0;}
#room #cancel table th{ background:#eee; width:40%;}
#room #cancel table td{ background:#fff;}
#room #cancel table th,
#room #cancel table td{ padding:5px;border:1px solid #999;}
#room #cancel .kome{ color:#c00;}
#room #clenderWrap{ width:90%; margin:0 auto; text-align:left;}
#room #clenderWrap #roomTitle{ text-align:center; font-weight:bold; font-size:14px; color:#158; display:none;}
#room .calendarLink { margin:0 0 10px 0 ; padding:0;}
#room .calendarLink .prev{ float:left;}
#room .calendarLink .next{ float:right;}
#room .calendarLink a{ display:block; padding:10px 15px; border:1px solid #ccc; background:#fff; text-decoration:none;}
#room .calendarLink a:hover{ background:#dbc4a4; color:#fff;}

#room .calendarBody{ width:100%; background:#999; margin:0 0 12px 0; border-collapse:collapse; border-spacing:0;}
#room .calendarBody caption{ font-weight:bold; text-align:center; background:#dbc4a4; border-width:1px 1px 0 1px; border-style:solid; border-color:#999; padding:12px 0; font-size:16px;}
#room .calendarBody th{ text-align:center; background:#790100; border:1px solid #999; color:#fff; padding:5px 0;}
#room .calendarBody td{ padding:5px; background:#fff; width:14%; vertical-align:top; border:1px solid #999; min-height:60px;}
#room .calendarBody td .blue{ color:#0ad;}
#room .calendarBody td .red{ color:#c02;}
#room .calendarBody td span{ font-size:20px; font-weight:bold;}
#room .calendarBody td.gray{ background:#eee; height:50px;}
#room .calendarBody .roomIcon{ margin-left:20px; font-style:normal; font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
#room .calendarBody .roomBt{ text-align:center;}
#room .calendarBody .roomBt input{ padding:5px 10px;}
#room .calenderFooter{ margin:10px auto;}
#room .calenderFooter .updated{ text-align:right; padding:3px 0; font-size:12px;}
#room .calenderIcon{ width:100%; margin:0 auto; background:#999; border-collapse:collapse; border-spacing:0;}
#room .calenderIcon td{ background:#dbc4a4; padding:10px; width:25%; text-align:center; border:1px solid #999;}
#room .calenderColorNavi{ margin:10px 0;}
#room .calenderColorNavi li{ float:left; width:29%; margin:0 8px 8px 0; padding:5px 8px; border:1px solid #999;}
#room #formNavi{ color:#000; margin:0 0 10px 0;}
#room .roomFlow p{ color:#000; line-height:160%;}

/* 空室予約フォーム
------------------------------------- */
#yoyakuForm{ width:90%; margin:0 auto;}
#yoyakuForm #roomTitle{ text-align:center; margin:0 0 10px 0; font-weight:bold; font-size:14px; color:#790100;}
#yoyakuForm table{ width:100%; background:#999; border-spacing:1px; border-collapse:separate;}
#yoyakuForm th{ text-align:center; background:#dbc4a4; width:20%; text-align:left;}
#yoyakuForm td{ background:#fff;}
#yoyakuForm th,
#yoyakuForm td{ padding:8px; text-align:left; font-size:14px;}
#yoyakuForm td div{ margin:0 0 5px 0;}
#yoyakuForm td div.err{ display:none; color:#c00;}
#yoyakuForm input,
#yoyakuForm textarea,
#yoyakuForm option{ padding:2px;}
#yoyakuForm input{ width:95%;}
#yoyakuForm textarea{ width:95%;}
#yoyakuForm .kome{ color:#f00;}
#yoyakuForm .sub{ text-align:center;}
#yoyakuForm .footerText{ margin:10px 0;}
#yoyakuForm .bt{ text-align:center; margin:10px 0;}
#yoyakuForm .bt input{ padding:10px; width:25%;}
#yoyakuEnd{ width:90%; margin:20px auto 0 auto; border:6px solid #790100; text-align:center; background:#fff;}
#yoyakuEnd .txt1{ font-size:18px; margin:30px 0 10px 0; font-weight:bold; color:#790100; line-height:140%;}
#yoyakuEnd .cancel{ font-size:12px; margin:0 0 30px 0;}

#Mbox1{ background:#EAF7D9; border:3px solid #CFDEBD; margin:0 0 12px 0;}
#Mbox1 p{ margin:8px; background:url(http://www.media-japan.co.jp/admin/img/16x16/checkMark.png) 0 -3px no-repeat; padding:0 0 1px 20px; color:#000; text-align:left;}
#Mbox2{ background:#FDEBEB; border:3px solid #EAC8C7; margin:0 0 12px 0;}
#Mbox2 p{ margin:8px; background:url(http://www.media-japan.co.jp/admin/img/16x16/exclamation.png) 0 -3px no-repeat; padding:0 0 1px 20px; color:#000; text-align:left;}
#roomHeader{ width:551px; margin:0 auto;}
#roomHeader .roomAttention{ text-align:center; padding:15px 0; border:1px solid #f73625; background:#f7ece9;}
#roomHeader .roomAttention .txt{ color:#c00; font-size:14px; font-weight:bold;}
#roomHeader .roomAttention .tel{ font-size:24px; font-family:Verdana,Arial;}
#roomHeader .roomAttention .fax{ font-size:14px; font-family:Verdana,Arial;}
#roomHeader .roomFlow{ margin:10px 0; text-align:center;}
#roomHeader .roomFlow div{ margin:0 0 10px 0;}
#roomHeader .roomFlow p{ padding:10px 20px; border:1px solid #e0c678; background:#ffd;}
#roomHeader .roomFlow span{ color:#c00;}

.btn{ position:absolute; top:20px; margin:0 0 0 65px; z-index:999;}

.boxSlidePc {height: 415px;width: 100%;background-color: #FFF;background-position: center;background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;margin-bottom: 45px;}
.boxSlideSp {height: 415px;width: 100%;background-color: #FFF;background-position: center;background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;margin-bottom: 45px;}

.slide{position:relative;width:100%;height:320px;overflow:hidden;}
.slide img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:auto;opacity:0;animation :slideshow 32s linear infinite;}
.slide img:nth-child(1){animation-delay:0;}
.slide img:nth-child(2){animation-delay:8s;}
.slide img:nth-child(3){animation-delay:16s;}
.slide img:last-child{animation-delay:24s;}
@keyframes slideshow{
0%{opacity:0;}
10%{opacity:1;}
28%{opacity:1}
38%{opacity:0;}
100%{opacity:0;}
}

.tabNav{position:relative;margin:10px auto;}
.tabNav .content img{width:100%;margin-bottom:10px;}
.tabNav .tab{position:relative; overflow:hidden;width:100%;margin:0 auto;text-align:center;}
.tabNav .tab li{margin:0 10px 10px 0;cursor:pointer;float:left;width:130px;}
.tabNav .tab li img{width:100%;}
.tabNav .tab li:nth-child(4n){margin-right:0;}
.tabNav .tab li p{text-align:center;line-height:1;font-size:16px;margin-top:5px;}
.tabNav .tab li.select{opacity:0.6;}
.tabNav .hide {display:none;}