@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}
.marbox{
	float:left;
	width:80px;
	margin:0px;
	padding:5px;	
}
.marboxmini{
	float:left;
	width:40px;
	margin:5px;
	padding:5px;	
}
.rogo{

	width:200px;
margin: 0 auto;
}
.mp{
	float:right;
	width:180px;
	text-align: right; 
	margin:5px;
}
/*フォント*/
.footerp{
	font-size:9px;
    text-align:center;
}
.data1{
  font-size:11px;
  background-color:#EA575A;
  color:#ffffff;

  margin: 0px 0 0px 0;
  padding: 4px 8px 4px 8px;
  border-radius: 5px;
  }
.str{
    text-align:center;
}
/*文字*/
p{
    margin-left: 10px;
    margin-right: 10px;
    line-height: 1.7em;
    font-size: 24px;
    color: #000000;
    text-align: center;
}

.mi{
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	font-size:42px;
	padding-left:10px;
	padding-bottom:0px;
	margin-bottom:0px;
	}
.mib{
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	font-size:42px;
	padding-left:10px;
	padding-bottom:0px;
	margin-bottom:0px;
	color: #FFFFFF;
	}	
.mibs{
	text-align: center;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	font-size:42px;
	padding-left:10px;
	padding-bottom:0px;
	margin-bottom:0px;
	color: #FFFFFF;
	}		
	
.h2a{
    text-align: left;
    padding-left: 40px;
    margin: 5px;
    font-size: 24px;
    color: #354E6A;
}
.h2b{
	text-align: center;
	padding-left:10px;
	margin: 5px;
	font-size: 24px;
	color: #FFFFFF;
}
.h2c{
	text-align: center;
	padding-left:0px;
	margin: 5px;
	font-size: 28px;
	color: #354E6A;
}
.h2d{
	text-align: center;
	padding-left:40px;
	margin: 5px;
	font-size: 24px;
	color: #354E6A;
	border-bottom: 1px dotted #584725;
}
.h2e{
	text-align: center;
	padding-left:0px;
	margin: 5px;
	font-size: 28px;
	color: #FF0000;
}




.li{
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	font-size: 26px;
	color: #46678D;
	padding-left: 10px;
	padding-bottom: 0px;
	border-bottom: 1px dotted #0085B2;
	}
.li2{
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	font-size: 26px;
	color: #ED6100;
	padding-left: 10px;
	padding-bottom: 0px;
	border-bottom: 1px dotted #584725;
	}
.li3{
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	font-size: 16px;
	color: #46678D;
	padding-left: 10px;
	padding-bottom: 0px;
	/*border-bottom: 1px dotted #584725;*/
	}



.price{
	font-size:14px;
	}
.price02{
	font-size:10px;}

.mi2{
	color:#FFFFFF;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	font-size:42px;
	padding-left:10px;
	padding-bottom:0px;
	margin-bottom:0px;
	}
.h2a2{
	padding-left: 10px;
	margin: 5px;
	font-size: 16px;
	color: #D7E0EB;
}

.textho{		
	margin-left:5px;
	margin-right:5px;
	line-height: 1.7em;
	font-size: 12px;
	color: #FFFFFF;
}

.textho2{		
	margin-left:5px;
	margin-right:5px;
	line-height: 1.7em;
	font-size: 12px;
	color:#3C6495;
}
.ptop{
	text-align:center;

	font-size:11px;
	color:#46678D;
}
/*スクロールトップ*/
#page-top {
	position: fixed;
	bottom: 15px;
	right: 15px;
	font-size: 77%;
}
#page-top a {
	background: #EA575A;
	text-decoration: none;
	color: #fff;
	width: 80px;
	padding: 10px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}
/*画像スペース*/
.imgbl{
	padding:5px;
}
.imgsent{
	display: block;
margin-left: auto;
margin-right: auto;
}

.imglr{
	padding-left:5px;
	padding-right:5px;
}
/*google-maps*/
.google-maps {
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 86.45%;
	padding-left: 2.275%;
	padding-right: 2.275%;
	clear: none;
	float: none;
}
.backsub{
	width:90%;
	background-repeat:no-repeat;
    padding-bottom:50px;
	padding-top:50px; 
}

/*バック画像*/
.backonsen{background-image:url(img/sub/hots_t.jpg);}
.backdai{background-image:url(img/sub/dai_t.jpg);}
.backpr{background-image:url(img/sub/pri_top.jpg);}
.backon{background-image:url(img/sub/on_top.jpg);}
.backfoo{background-image:url(img/sub/food_top.jpg);}
.backfoo{background-image: url(img/sub/bufestyle_t.jpg);}
.backcool{background-image: url(img/sub/coolbar_top.jpg);}
.backasian{background-image: url(img/sub/asian_top.jpg);}
.backyuraku{background-image: url(img/yuraku_top.jpg);}
.backmomi{background-image: url(img/sub/momi_top.jpg);}
.backaroma{background-image: url(img/sub/aroma_top.jpg);}
.backshpl{background-image: url(img/sub/shpl_top.jpg);}
.backstore{background-image: url(img/sub/store_top.jpg);}
.backstore{background-image: url(img/sub/store_top.jpg);}
.backbanquet{background-image: url(img/sub/banquet_top.jpg);}
.backmemorial{background-image: url(img/sub/banq_memorial.jpg);}
.backmap{background-image: url(img/sub/map_top.jpg);}
.backkanso2014{background-image: url(img/active_banq/banq_kanso2014_top.jpg);}
.backmilkphoto{background-image: url(img/event/milkphoto_top.jpg);}
.backmilkphoto2{background-image: url(img/milkphoto/mf_top.jpg);}
.back20144{background-image: url(img/event/2014_5_top.png);}
.back20146{background-image: url(img/event/2014_6_top.png);}
.backlive{background-image: url(img/sub/live_top.jpg);}
.back2014910{background-image: url(img/active_banq/banq_2014_910_top.jpg);}
.back20150304{background-image: url(img/active_banq/banq_2015_0304_top.jpg);}
.back4{background-image: url(img/sub/4.jpg);}
.back6{background-image: url(img/sub/6.jpg);}
.back1{background-image: url(img/sub/1.jpg);}
.back2{background-image: url(img/sub/2.jpg);}
.back12{background-image: url(img/sub/12.jpg);}

#header {
	padding:10px 5px 5px 10px;

	width: 100%;

}
#nav {
	padding:5px;

}
#subti2 {
	width: 100%;
	margin: 0 auto;
	padding-bottom:20px;
	padding-top:20px;
	border-top:1px solid #496A8D;
}
#subti {
	width:100%;
 　margin: 0 auto;
	border-top:1px solid #496A8D;
}
/*バック色*/
.c001{background-color:#85A0BD;}
.c002{background-color:#C0CEDD;}
.c003{background-color:#B9E2FF;}
.c004{background-color:#0059B2;}
.c005{background-color:#1A0066;}
.c006{background-color:#002040;}
.c007{background-color:#004C66;}
.c008{background-color:#0085B2;}
.c009{background-color:#3FB1DA;}
.c010{background-color:#6ABD79;}
.c011{background-color:#FFFFFF;}
.c012{background-color:#BFDFFF;}
.c013{background-color:#BFFFFF;}
.c014{background-color:#5FB7DF;}
.c0bk{background-color:#000000;}
.c101{background-color:#FFCC99;}
.c102{background-color:#FF9831;}
.c201{background-color:#C181CE;}
.c202{background-color:#BCBCE4;}
.c203{background-color:#2D0047;}
.c204{background-color:#C5AFEC;}
.c205{background-color:#EFBEE8;}
.c206{background-color:#582E45;}
.c207{background-color:#E28F7B;}
.c208{background-color:#E2C480;}
.c209{background-color:#CE8E40;}
.c210{background-color:#CEB2A0;}
.c301{background-color:#FF9E4A;}
.c302{background-color:#FF9E4A;}
.c303{background-color:#200200;}
.c501{background-color:#7BC5DE;}
.c502{background-color:#FCD47F;}
.c601{background-color:#C7FFBB;}
.c602{background-color:#B22D00;}
.c603{background-color:#FFBA6D;}
.c701{background-color:#000000;}
.c702{background-color:#4D5760;}
.c703{background-color:#ECE6DE;}
.c704{background-color:#F5F196;}
.c705{background-color:#B0D330;}
.c706{background-color:#FF0000;}
.c707{background-color:#EA616F;}
.c708{background-color:#4e88c7;}
.c709{background-color:#FBE4A9;}
.c710{background-color:#8A7A68;}
.c711{background-color:#C0A2B0;}
.c712{background-color:#DEB24D;}
.c713{background-color:#EF877E;}
.c714{background-color:#A3D18F;}
.c715{background-color:#2EA7E0;}
.c716{background-color:#75C7C4;}
.c717{background-color:#DF8C68;}
.c718{background-color:#F7EF82;}
.c719{background-color:#6ABD79;}
/*スマホオンオフ*/
.smoff{display:none;}
.smon{display:block;}	

#con {
margin: 0 auto;
}
#con1 {
width: 100%;
margin: 0 auto;
}
#con2 {
width: 100%;
position: static;
height: auto;
margin: 0 auto;
}
#map {
	text-align:center;
	width:100%;
	color:#FFFFFF;
	background-color:#45698E;
}
.mapfoo{
	margin-top:10px;
	text-align:center;
}

.foosh{

}
.fooso{

}




#footer {
	width:100%;
	color:#FFFFFF;
	background-color:#45698E;
}
.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}

.texttop{
	width:90%;
	margin:10px;
	font-size:14px;
	line-height:1.7em;	}

.texttopff{
	color:#FFFFFF;
	width:90%;
margin-left:5%;
	font-size:14px;
	line-height:1.7em;	}
.texttopbk{
	color:#000000;
	width:90%;
	margin-left:5%;

	font-size:14px;
	line-height:1.7em;	}
		

.texttop2{
	width:90%;
	margin:20px;
	font-size:12px;
}
.texttop3{
	color:#FFFFFF;
	width:90%;
	margin:20px;
	font-size:12px;
}





/*box設定*/
.conbox{
	width:280px;
	margin:6px;
	padding:5px;
	float:left;
	border-bottom:1px solid #496A8D;
	border-top:1px solid #496A8D;
}
.boxphoto{
	margin:5px;
}
.boxtext{
  font-size:11px;
	margin:5px;
	padding:10px;
}
.ad{
	width:40%;
	font-size:10px;
	text-align:left;
}

.picbox{
	float:left;
	width:250px;
	margin-top:6px;
	margin-right:20px;
	margin-bottom:6px;
	padding-top:10px;
	margin-bottom:5px;
	border-top:1px solid #496A8D;
}
.picbox2{
	float:left;
	width:250px;
	margin-top:6px;
	margin-right:20px;
	margin-bottom:6px;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10pxx;
	margin-bottom:10px;
	border-top:1px solid #496A8D;
	border-bottom:1px solid #496A8D;
	font-size:12px;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.mp{
	float:right;
	width:240px;
	text-align: right; 
	margin:5px;
}


.rogo{
	float:left;
	width:200px;
	margin:5px;
}
.ptop{
	margin-top:10px;
	margin-left:10px;
	margin-bottom:0px;
	font-size:11px;
	color:#46678D;
}



.marbox{
	float:left;
	width:90px;
	margin:5px;
	padding:5px;	
}


.smoff{display:block;}
.smon{display:none;}	

.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
	margin-left: auto;
}
#div1 {
}
#header {
width: 100%;
}
#nav {
}
#photo {
}
#con {
	width: 100%;
position: static;
}
#con1 {
width: 100%;
position: static;
height: auto;
margin-left: 0;
}
#con2 {
width: 100%;
clear: none;
margin-left: 0;
}
#map {
}
.foosh{
	width:70%;
	float:left;
}
.fooso{
	float:right;
	width:30%;
}
.fooli{
	clear:both;
	width:100%;
}
#footer {
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}


/*box設定*/
.conbox{
	width:277px;
	margin:6px;
	padding:5px;
	float:left;
	border-bottom:1px solid #496A8D;
	border-top:1px solid #496A8D;
}
.boxphoto{
	margin:5px;
}
.boxtext{
  font-size:11px;
	margin:5px;
	padding:10px;
}



.picbox{
	float:left;
	width:250px;
	margin-top:6px;
	margin-right:20px;
	margin-bottom:6px;
	padding-top:10px;
	margin-bottom:5px;
	border-top:1px solid #496A8D;
}
.texttop{
    width: 60%;
    margin: 10px;
    font-size: 12px;
    color: #FFFFFF;
    text-align: left;
}

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 900px) {

	
.gridContainer {
	width: 900px;
/*	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin : 0 auto;
	clear: none;
	float: none;
*/
}

#header {
width: 890px;
text-align:left;

}
#nav {
	width:890px;

}

#con {
	text-align:left;
width:890px;
}
#con1 {
width: 610px;
margin-left: 0;

}
#con2 {
width: 250px;
margin-left: 2.0408%;
clear: none;
}
#map {
	width:100%;
margin: 0 auto; 
}
.mapfoo{
	width:100%;
	padding-top:30px;
}


/*文字制御*/
/*エステ*/
.text101{		
    position: absolute;
	width: 225px;
	top:680px;
	margin-left:5px;
	line-height: 1.7em;
	font-size: 12px;

}

.text102{		
    position: absolute;
	width: 225px;
	top:1280px;
	margin-left:5px;
	line-height: 1.7em;
	font-size: 12px;
}
.text103{		
    position: absolute;
	width: 225px;
	top:1880px;
	margin-left:5px;
	line-height: 1.7em;
	font-size: 12px;
}



.text104{		
    position: absolute;
	width: 225px;
	top:680px;
	margin-left:650px;
	line-height: 1.7em;
	font-size: 12px;
}
.text105{		
    position: absolute;
	width: 225px;
	top:1200px;
	margin-left:650px;
	line-height: 1.7em;
	font-size: 12px;
}
.text106{		
    position: absolute;
	width: 225px;
	top:1800px;
	margin-left:650px;
	line-height: 1.7em;
	font-size: 12px;
}
.text107{		
    position: absolute;
	width: 225px;
	top:2300px;
	margin-left:650px;
	line-height: 1.7em;
	font-size: 12px;
}






/*大浴場*/
.text01{		
    position: absolute;
	width: 230px;
	top:680px;
	margin-left:5px;
	line-height: 1.7em;
	font-size: 12px;
	color: #FFFFFF;
}

.text02{		
    position: absolute;
	width: 230px;
	top:1080px;
	margin-left:660px;
	line-height: 1.7em;
	font-size: 12px;
	color: #FFFFFF;
}
.text03{		
    position: absolute;
	width: 230px;
	top:1480px;
	margin-left:5px;
	line-height: 1.7em;
	font-size: 12px;
	color: #FFFFFF;
}
.text04{		
    position: absolute;
	width: 230px;
	top:1880px;
	margin-left:660px;
	line-height: 1.7em;
	font-size: 12px;
	color: #FFFFFF;
}
.text05{		
    position: absolute;
	width: 230px;
	top:2280px;
	margin-left:5px;
	line-height: 1.7em;
	font-size: 12px;
	color: #FFFFFF;
}
.text06{		
    position: absolute;
	width: 230px;
	top:2680px;
	margin-left:660px;
	line-height: 1.7em;
	font-size: 12px;
	color: #FFFFFF;
}

.text07{		
    position: absolute;
	width: 230px;
	top:3100px;
	margin-left:5px;
	line-height: 1.7em;
	font-size: 12px;
	color: #FFFFFF;
}

.text08{		
    position: absolute;
	width: 230px;
	top:3500px;
	margin-left:660px;
	line-height: 1.7em;
	font-size: 12px;
	color:#3C6495;
}
.text09{		
    position: absolute;
	width: 230px;
	top:3930px;
	margin-left:5px;
	line-height: 1.7em;
	font-size: 12px;
	color:#3C6495;
}
.text10{		
    position: absolute;
	width: 230px;
	top:4280px;
	margin-left:660px;
	line-height: 1.7em;
	font-size: 12px;
	color:#3C6495;
}
.text11{		
    position: absolute;
	width: 260px;
	top:900px;
	margin-left:20px;
	line-height: 1.7em;
	font-size: 12px;
	color:#3C6495;
}

.text12{		
    position: absolute;
	width: 220px;
	top:1000px;
	margin-left:20px;
	line-height: 1.7em;
	font-size: 12px;
	color:#ffffff;
}
.text13{		
    position: absolute;
	width: 220px;
	top:1400px;
	margin-left:660px;
	line-height: 1.7em;
	font-size: 12px;
	color:#ffffff;
}

.text15{		
    position: absolute;
	width: 220px;
	top:600px;
	margin-left:10px;
	line-height: 1.7em;
	font-size: 12px;
}
.text16{		
    position: absolute;
	width: 220px;
	top:1200px;
	margin-left:10px;
	line-height: 1.7em;
	font-size: 12px;
}

/*四季彩宴会*/
.text91{		
    position: absolute;
	width: 220px;
	top:720px;
	margin-left:10px;
	line-height: 1.7em;
	font-size: 12px;
}
.text92{		
    position: absolute;
	width: 220px;
	top:1800px;
	margin-left:10px;
	line-height: 1.7em;
	font-size: 12px;
}
.text93{		
    position: absolute;
	width: 240px;
	top:630px;
	margin-left:10px;
	line-height: 1.7em;
	font-size: 12px;
}


#footer {
	padding-top:20px;
	padding-bottom:50px;
	width:100%;
	text-align:center;
}
/*Pに対する装飾*/

.textp1{

	margin:20px;
	font-size:12px;
}



.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}