@charset "UTF-8";
/* CSS Document */
html{
	margin:0 auto;
}

body{
	min-width:1280px;
	/*background-image:url(../images/top/back.png);*/
	background-repeat:repeat;
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


img{
	width:100%;
	max-width:100%;
}

p{
	line-height:30px;
}

dt{
	display:block;
	padding:10px 0 4px;
	border-bottom: #C5BDAA 1px dashed;
}

#main{
	overflow:hidden;
	margin:0 auto 50px;
}



/*header*/

header{
	width:100%;
	margin:0px auto;
	overflow:hidden;
	/*background:#D8D8D8;*/
	background-image:url(../images/main/top/h_back.png);
	background-size:20%;

}

#headercont{
	width:1080px;
	margin:10px auto;	
}

.h_left{
	float:left;
}

.h_logo{
	width:150px;
	margin:0px auto 0;
}

.h_text{
	width:380px;
}

.h_right{
	float:right;
	width:380px;
	text-align:center;
}

.h_right li{
	background-color: #4A2219;
}


.h_right li a{
	color:#ffffff;
	display:block;
}

.h_right li:hover{
	background-color: #604335;
	color:#ffffff;
}

.h_li1 li:hover{
	background-color: #FF7831;
}


.h_li1 li{
	width:370px;
	padding:4px ;
	background-color: #4A2219;
	border-radius:2px;
	float:left;
	margin:0 3px;
}

.h_li1 li{
	/*width:182px;*/
	padding:4px ;
	/*background-color: #4A2219;*/
	background-color:#DF5A14;
	border-radius:2px;
	float:left;
	margin:0 3px;
}

.h_li2 li{
	width:120px;
	padding:3px ;
	/*background-color:#B1B1B1;*/
	border-radius:2px;
	float:left;
	margin:4px 3px 0;
	float:left;
	font-size:12px;
}

/**header_End**/



/*レスポンシブ用メニュー*/
/*レスポンシブ対応メニュー変更*/


#top-head{
	width:100%;
	background: url(../images/main/menu/m_back.png);
	background-size:100% 100%;
}


.inner {
width: 1080px;
margin: 0 auto;
}



#global-nav p{
	display:none;
}


.menu-title{
	display:none;
}


.inner:after {

content: "";
clear: both;
display: block;
}

 

#top-head {
top: -100px;
position: absolute;
height:60px;
width: 100%;
margin: 180px auto 0;
/*margin: 90px auto 0;*/
/*padding: 30px 0 0;*/
line-height: 1;
z-index: 999;
}


#top-head a,
#top-head {
color: 
#fff;
text-decoration: none;
}


#top-head .inner {
position: relative;
}


#top-head .logo {
float: left;
font-size: 36px;
}


#global-nav ul {
list-style: none;
/*position: absolute;*/
right: 0;
bottom: 0;
font-size: 14px;
}


#global-nav ul li {
float: left;
}

#global-nav li {
	width:180px;
}

#global-nav li img{
	 -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
		
}

#global-nav li img:hover{
	opacity: 0.7;  
    filter: alpha(opacity=60);  

}

#global-nav li:hover{
	/*opacity:0.7;*/
}

#global-nav ul li{	margin:0 auto;}

#global-nav ul li a {
padding:0;}

 /* Fixed */
#top-head.fixed {
margin: -6px auto -8px;
top: 0;
position: fixed;
/*padding-top: 10px;*/
/*height: 55px;*/	height: 60px;
background: url(../images/main/menu/m_back.png);	border-bottom:
#947C4F solid 1px;
/*background: rgba(255,255,255,.7);*/
transition: top 0.65s ease-in;
-webkit-transition: top 0.65s ease-in;
-moz-transition: top 0.65s ease-in;}

#top-head.fixed img{}
#top-head.fixed .logo {
font-size: 24px;
color: 
#333;}

#top-head.fixed 
#global-nav ul li a {
color: 
#333;
padding: 0 20px;}

 /* Toggle Button */
#nav-toggle {
display: none;
position: absolute;
right: 12px;
top: 14px;
width: 34px;
height: 36px;
cursor: pointer;
z-index: 101;}

#nav-toggle div {
position: relative;}

#nav-toggle span {
display: block;
position: absolute;
height: 4px;
width: 100%;
background: 
#666;
left: 0;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;}

#nav-toggle span:nth-child(1) {
top: 0;}

#nav-toggle span:nth-child(2) {
top: 11px;}



#nav-toggle span:nth-child(3) {
top: 22px;}
 .top_menu{
 display:none;}

/*レスポンシブメニューここまで*/

/*slider*/
#slider{
	width:100%;
	margin:54px auto;
}

div#n2-ss-3 .nextend-thumbnail-horizontal .nextend-thumbnail-previous{
	display:none;
}


/*TOPページ*/
#m_left{
	float:left;
	width:790px;
}

#m_left h1{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:40px;
}

#m_left p{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:20px;
	
}

.t_main{
	float:left;
	overflow:hidden;
	height:200px;
}

.t_logo{
	float: right;
	width:170px;
}

#m_left li{
	float:left;
	width:380px;
	margin:6px;
	 -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out; 
         -o-transition: 0.3s ease-in-out; 
            transition: 0.3s ease-in-out;
}



#m_left li:hover{
	opacity:0.7;
    filter: alpha(opacity=60);  
}


#m_left li img{
	border:1px #CECECE solid;
}

.m_right{
	float: right;
	width:240px;
}

/*サイドバー*/
#sidebar1{
	/*font-size:12px;*/
}

.si_title,.widgettitle{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:20px;
	display:block;
	padding:0 0 4px 0;
	border-bottom:1px solid #B8B8B8;
	margin:20px auto 10px;	
}

.widgettitle{
	margin:40px auto 8px;
}

#recent-posts-4{
	margin:20px auto;
}

/*カレンダー*/
#upcoming-events{
}



.my-calendar-header{
	display:none;
}

.upcoming-events strong{
	font-size:12px;
}

.si_event a{
	display:block;
	width:100%;
	border-bottom:#ACACAC 1px dashed;
	color: #7B5152;
}

.si_event a:hover{
	color: #AEAEAE;
}


/*event-カレンダー*/
/*.my-calendar-header{
	display:none;
}*/

#mc_4-26-list-title{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:30px;
	border-bottom:#B2B2B2 1px solid;
	padding:0 0 10px 0;	
}

/*news-カレンダー*/
img.category-icon{
	width:18px;
}


/*最新情報*/

.s-news span{
	font-weight:700;
	font-size:12px;
}

.s-news a{
	display:block;
	width:100%;
	border-bottom:#ACACAC 1px dashed;
	color: #54433C;
}

.s-news a:hover{
	color: #AEAEAE;
}

.s-news dt {
    display: block;
    border-bottom: none;
	padding:0 0 2px 0;
}

#n_left{
	float:left;
	width:790px;
}

.n_title{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:30px;
	border-bottom:#B2B2B2 1px solid;
	padding:0 0 10px 0;
	
}


/*サイドバナー*/
.banner{
	margin:40px auto;
	overflow:hidden;
}

.banner img:hover{
	opacity:0.8;
}







/*footer*/


/*footer*/
footer{
	border-top:#C9CACA solid 1px;
	padding:50px 0 0 0 ;
}


#f_menu{
	background-color: #FFF8D4;
	margin: 0 auto;
	padding: 10px 0;
}

#f_menu ul{
	width:1080px;
	overflow:hidden;
	margin:0 auto;
	text-align: right;
}


#f_menu li{
	display:inline;
	padding:0 10px;
}
/*****/
#f_menu2{
	background-color:#fff;
	margin:0 auto;
	padding:20px 0;
	font-size:14px;
	line-height:24px;
	
}

.f_menu2{
	margin:0 auto;
	width:1080px;
	overflow:hidden;
}

/*.f_left{
	width:530px;
	margin:  10px 40px 0 0;
	float:left;
	overflow:hidden;
	border-right: 1px solid #686868;
}*/


.f_left {
    width: 656px;
    margin: 10px 40px 0 0;
    float: left;
    overflow: hidden;
    border-right: 1px solid #686868;
    padding: 0px 60px 0 0;
}

.f_left img{
	width:240px;
	float:left;
	margin: 0 20px 0 0 ;
}


.f_left p{
	font-size:14px;
}


.f_right{
	overflow:hidden;
}

/**/

#g_map{
	width:100%;
	margin:0 auto;
}

.g_map strong{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:32px;
	letter-spacing:2px;
	text-align:center;
	margin:0 auto;
	padding:30px 0;
	display:block;
}


.g_map{
	width: 1080px;
	margin:0 auto;
}

#copyright{
	margin:0 auto;
	text-align:center;

	background-color:#403633;
	color:#fff;

}

/*footerEnd*/

/*館内案内*/

.guide a{
	margin:0 auto;
	display:block;
	text-decoration:underline;
	font-size:20px;
	color: #FD925B;
}

.guide a:hover{
	opacity:0.8;
	color: #FFCF4E;
	
}
.guide h3 {
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align:center;
	font-size: 28px;
	padding:15px 0 4px;
	margin:0 auto 20px;
	border-bottom:1px solid #000000;
	display: block;
	width:70%;
	
	/*margin:-40px 0 10px 0 ;*/
	line-height:40px;
	/*color:#AB6F53;*
	
	background-image: url(../images/midashi/back2/back2.png),
	url(../images/midashi/back2/back1.png);
	background-position: bottom, center;
	background-repeat: repeat-x;*/
	
}
	

.guide p,.another p{
	margin:0 auto;
}

.guide p{
	text-align:center;
	padding:10px 0 ;
	font-size:18px;
	line-height:28px;
	letter-spacing:0;
}
	
.another h3 {
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 20px;
	display:block;
	/*padding:0 15px;*/
	padding:20px 0 10px;
	/*margin: -50px auto 20px;*/
	margin:0 auto 10px;
	line-height:20px;
	width:80%;
	/*color:#AB6F53;
	/*margin:-40px 0 0 0 ;*/
	/*background-image: url(../images/midashi/back2/back2.png),
	url(../images/midashi/back2/back1.png);
	background-position: bottom, top;
	background-repeat: repeat-x;*/
}


.g_syousai a{
	color:#FFB100;
	font-size:24px;
	text-decoration: underline;
	font-weight:700;
}

.g_main a{
	text-align: center;
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin:0 auto;
	display:block;
	text-decoration:underline;
	font-size:20px;
	color: #FD925B;
}


.g_syousai a:hover{
	color: #FFD181;
	
}


.guide h3:after,.guide h3:before{
	/*content:"-";*/
}

.another ul{
	margin:0 auto;
}

.another li{
width: 420px;
float: left;
margin: 0 3%;
height: 520px;
}

.another li p{
	text-align:left;
	letter-spacing:0px;
	font-size:16px;
}

.another li p a{
	font-size:14px;
}

.entry-content{
	width: 790px;
	float:left;
	
}

/*各種見出し背景*/
#mi_promise{
	width:100%;
	margin:50px auto 0;
background-size:cover;

padding:50px 0;
	background-image: url(../images/midashi/promise.png) ;
}

#mi_contact{
	width:100%;
	margin:50px auto 0;
background-size:cover;

padding:50px 0;
	background-image: url(../images/midashi/contact.png) ;
}

#mi_faq{
	width:100%;
	margin:50px auto 0;
background-size:cover;

padding:50px 0;
	background-image: url(../images/midashi/faq.png) ;
}

#mi_map{
	width:100%;
	margin:50px auto 0;
background-size:cover;

padding:50px 0;
	background-image: url(../images/midashi/map.png) ;
}

#mi_access{
	width:100%;
	margin:50px auto 0;
background-size:cover;

padding:50px 0;
	background-image: url(../images/midashi/access.png) ;
}

#mi_company{
	width:100%;
	margin:50px auto 0;
background-size:cover;

padding:50px 0;
	background-image: url(../images/midashi/company.png);
}

#mi_pp{
	width:100%;
	margin:50px auto 0;
background-size:cover;

padding:50px 0;
	background-image: url(../images/midashi/pp.png);
}

#mi_price{
	width:100%;
	margin:50px auto 0;
background-size:cover;

padding:50px 0;
	background-image: url(../images/midashi/price.png);
}

#mi_senshitsu{
	width:100%;
	margin:50px auto 0;
background-size:cover;

padding:50px 0;
	background-image: url(../images/midashi/seinshitu.png);
}


#mi_amuse{
	width:100%;
	margin:50px auto 0;
background-size:cover;

padding:50px 0;
	background-image: url(../images/midashi/amuse.png);
}

#mi_healing{
	width:100%;
	margin:50px auto 0;
background-size:cover;

padding:50px 0;
	background-image: url(../images/midashi/healing.png);
}


#mi_healing{
	width:100%;
	margin:50px auto 0;
background-size:cover;

padding:50px 0;
	background-image: url(../images/midashi/relax.png);
}


#mi_food{
	width:100%;
	margin:50px auto 0;
background-size:cover;

padding:50px 0;
	background-image: url(../images/midashi/food.png);
}

#mi_rest{
	width:100%;
	margin:50px auto 0;
background-size:cover;

padding:50px 0;
	background-image: url(../images/midashi/rest.png);
}


#mi_guide{
	width:100%;
	margin:50px auto 0;
background-size:cover;

padding:50px 0;
	background-image: url(../images/midashi/guide.png);
}

#mi_sauna{
	width:100%;
	margin:50px auto 0;
background-size:cover;

padding:50px 0;
	background-image: url(../images/midashi/sauna.png);
}

#mi_utiyu{
	width:100%;
	margin:50px auto 0;
background-size:cover;

padding:50px 0;
	background-image: url(../images/midashi/utiyu.png);
}

#mi_tennen{
	width:100%;
	margin:50px auto 0;
background-size:cover;

padding:50px 0;
	background-image: url(../images/midashi/spa.png);
}

#mi_news{
	width:100%;
	margin:50px auto 0;
background-size:cover;

padding:50px 0;
	background-image: url(../images/midashi/news.png);
}

#mi_event{
	width:100%;
	margin:50px auto 0;
background-size:cover;

padding:50px 0;
	background-image: url(../images/midashi/event.png);
}


#mi_relax{
	width:100%;
	margin:50px auto 0;
	background-size:cover;
	padding:20px 0;
	background-image: url(../images/midashi/event.png);
	font-size:20px;
}


#mi_osechi{
	width:100%;
	margin:50px auto 0;
	background-size:cover;
	padding:50px 0;
	background-image: url(../images/midashi/osechi.jpg);
	font-size:20px;
}



#mi_404{
	width:100%;
	margin:50px auto 0;
	background-size:cover;
	padding:20px 0;
	background-color:#8A8A8A;
	font-size:20px;
}




/*見出共通*/
#un_midashi{
	text-align:center;
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin:0 auto 40px;
	font-size:30px;
	color:#F9F9F9;
	text-shadow: 0 0 6px #555;
-moz-text-shadow: 0 0 6px #555;
-o-text-shadow: 0 0 6px #555;
-ms-text-shadow: 0 0 6px #555;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=0, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=90, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=180, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=270, strength=3, enabled=true);
	
}


/*****/

/*館内案内*/
.another li{
	float: left;
	width:46%;
	margin:0 2%;
}

.another li{
}


.ajax-loader{
	width:100px;
}


@media screen and (max-width: 767px) {

#headercont {
	width:100%;

}

body{
	min-width: inherit;
}

#headercont{
	display:none;
}

	
/*スマホ：レスポンシブメニューここから*/
#contents{	width: 100%;}
.wrap {
	width: 100%;
}


/*館内案内ページ*/
.guide h3 {
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align:center;
	font-size: 24px;
	padding:15px 0 4px;
	margin:0 auto 20px;
	border-bottom:1px solid #000000;
	display: block;
	width:95%;
	
	/*margin:-40px 0 10px 0 ;*/
	line-height:30px;
	/*color:#AB6F53;*/
}

/*slider*/

html{
	margin:0 auto;
}

#slider{
	margin:80px auto 0;
}


.slider {
	width: 100%;
}

#n2-ss-2-align img{
	max-width:100%;
}

.s_bottom {
	width:100%;
	height:30px;
	min-width:inherit;
}

/***//*TOP*/

#maincolumn li {
	width: 40%;	margin: 0 5%;	font-size:80%;}

/*header-s*/
header{/*height: 30px;*/}


/*スマホ：レスポンシブメニューここから*/
nav ul {
margin: 0 auto;	width:100%;}


#top-head.fixed {
margin:0 auto;}


#top-head.fixed { 	height: 50px;}

.t_logo{	display:none;}


#global-nav p{	display: block;	color:
#000000;	font-size:16px;}


#global-nav img{	display:none;	}
nav li {	width:100%;	margin:0 auto;	background-color:
#FFFFFF;	border-bottom:1px solid 
#ccc;}
.menu-title{
display:block;
float:left;
font-size:95%;
margin:30px auto;
/*color:
#312212;*/
line-height:0;
}



#top-head,
.inner {
width: 100%;
padding: 0;
z-index:100;
}


#top-head {
top: 0;
position: fixed;
margin-top: 0;
}

/* Fixed reset */

#top-head.fixed {
padding-top: 0;
}


#mobile-head {
background: 
#312212;
width: 100%;
height: 56px;
z-index: 999;
position: relative;
}


#top-head.fixed .logo,	
 
#global-nav {
position: absolute;
/* 開いてないときは画面外に配置 */
top: -780px;
/*background: 
#333;*/
width: 100%;
text-align: center;
/*padding: 10px 0;*/
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}

.top_menu{
	display: block;
}


#global-nav ul {
list-style: none;
position: static;
right: 0;
bottom: 0;
font-size: 12px;
}


#global-nav ul li {
float: none;
position: static;
}


#top-head 
#global-nav ul li a,

#top-head.fixed 
#global-nav ul li a {
width: 100%;
display: block;
color: 
#fff;
padding: 8px 0;
}


#nav-toggle {

display: block;
}

/* 
#nav-toggle 切り替えアニメーション */
.open 
#nav-toggle span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
transform: rotate(315deg);
}

.open 
#nav-toggle span:nth-child(2) {
width: 0;
left: 50%;
}

.open 
#nav-toggle span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-315deg);
-moz-transform: rotate(-315deg);
transform: rotate(-315deg);
}

#global-nav li{
	width:100%;
	margin:0 auto;
}
#global-nav li:hover{
	opacity:1.0;
}

/* 
#global-nav スライドアニメーション */
.open 
#global-nav {
/* 
#global-nav top + 
#mobile-head height */
-moz-transform: translateY(830px);
-webkit-transform: translateY(830px);
transform: translateY(830px);
}

/*スマホ：レスポンシブメニューここまで*/

/*TOPページ*/
#m_left{
	float:none;
	width:100%;
}


#m_left h1 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:26px;
	line-height:38px;

}

#m_left li{
	float:none;
	width:100%;
	margin:20px auto;
}

#m_left li img{
	border:1px #CECECE solid;
}

#g_map, .g_map{
	width:100%;
	margin:0 auto;
}

#g_map iframe{
	width:100%;
	margin:0 auto;
}


.g_map strong{
	font-size:24px;
	line-height:30px;
}

.entry-content {
	width:100%;
	margin:0 auto;
}

.m_right {
    float: none;
    width: 90%;
	margin:0 auto;
	
}

/*サイドバナー*/
.banner img{
	float:left;
	width:48%;
	margin:4px 1%;
}

.banner{
	margin:30px auto 0;

}

/**/

.t_main {
    float: none;
    height: auto;
}

/*下層ページ*/
/*.guide h3 {
	display:block;
	font-size: 20px;
	padding:10px 0;
	line-height:40px;
	color:#AB6F53;
}*/

.another li{
	float:none;
	margin:0 auto;
	width:95%;
	height:auto;
}

/*翻訳*/

/*footer*/
footer{
	text-align:center;
	line-height:24px;
}

.f_menu2 {
    margin: 0 auto;
    width: auto;
    overflow: hidden;
}

.f_left {
    width: 100%;
    margin: 10px auto;
    float: none;
    overflow: hidden;
	text-align:center;
    border-right: none;
	padding:0;

}

.f_left img{
	float:none;
	width:60%;
	margin:0 auto;
}

/*s_最新情報*/
#n_left{
	float: none;
	width: 98%;
	margin:0 auto;
	
}

.n_title {
    line-height: 40px;
}


}