@charset "utf-8";
@import url(drawerMenu.css?date=19111218);

.pc {display: none !important;}
body#jp { font-size: 0.76em; line-height: 1.6em } 
body#en { font-size: 0.76em; line-height: 1.6em } 

img.phj.spaobi  { height: 50px ; }
img.phj.spaaki  { height: 60px ; }

/*******************見出し**********************/

body.org.index h1 { width: 100% ; text-align: center; top: 45% ; left: 0 ;font-size: 1.4em; line-height: 1.4em;  }
body.org.cnc h1 { font-size: 1.6em ; line-height: 1.2em ; text-align: center;  }
body.org#en.cnc h1 { width: 70%; margin-left: 15% }
body.org.topim h1,
body.org.pages h1 { z-index: 10 ;left: 0;top: 17px ; font-size: 1.2em ; line-height: 1.2em ; text-align: center; width: 70%; margin-left: 15% }
body.org.pages.rmm header h1 { top: 15px ; font-size: 1.4em ; line-height: 1.2em ; }
body.org.pages.fcm header h1 { top: 17px ; font-size: 1.2em ; line-height: 1.2em ; color: rgba(255,255,255,1);  }

.copy-caption { bottom:-20px ; left: 0; text-align: center ; width: 100% }

/*******************homelogo**********************/

body.org .homelogo { width: 50px ; height: 45px;top: -45px ; left :10px; }
body.org .homelogo a { width: 50px ; height: 45px; }

hr {
  height: 10px;
  border: 0;
  box-shadow: 0 10px 10px -10px #bbb inset;
  margin: 30px 0;
}


/**********************************************************************　音信　*******************************************************************************/

#Main-box {  }
#Banner-box { margin: 0 5% }
#Reserv-box { margin: 0 5% }
#Main-box { margin: 0 }

.english { position: absolute; top: 5px; right: 0 }


/***********************************************************************　固定ヘッダー　******************************************************************************/

body.org header { } /*border-bottom: solid 1px #ccc*/
body.org header { padding: 15px 0 0 0;height:35px; }

body.org .navigation ,
body.org .navigation2 
{ width: 100% ; height: 60px ; background-color: rgba(0,0,0,0.8) }
body.org.cnc .navigation, 
body.org.rmm .navigation, 
body.org.fcm .navigation 
{ background-color: rgba(0,0,0,0.0) }
body.org.bth .navigation { top:-60px }

/*---------------------navigation---------------------*/

.cnc .dropmenu li.co-concept,
.rms .dropmenu li.co-rooms,
.rmm .dropmenu li.co-rooms,
.cui .dropmenu li.co-cuisine,
.bth .dropmenu li.co-bath,
.spaimg .dropmenu li.co-spa,
.spapage .dropmenu li.co-spa,
.fcl .dropmenu li.co-facilities,
.acc .dropmenu li.co-access

{ background-color: hsla(0,0%,100%,0.7) }

#Conatiner {padding: 0 0 50px 0 ;}

/*---------------------otozure---------------------*/

.english { width: 90px; margin-right: 20px }
.english a { padding: 10px 7px 0 9px; height: 52px; }



/**********************************************************************　アローリスト　*******************************************************************************/

#Reserv-box ul { width: 100% } 
#Reserv-box ul.arrowlist li a { width: 100% ;padding: 10px 0 0 0 ; } 

/*---------------------Footer---------------------*/

footer { wide:100% ; padding: 0 0 200px }
footer p { text-align: center; }
footer span { display: block }

.footerlink p
{
	font-size: 0.9em;
	line-height: 2.0em;
	letter-spacing: 0.1em;
}

.footerlogo  { width: 64px ; margin: 0 auto 0 ; }

footer aside ul.fst { margin: 20px 0 0 calc(50% - 120px) }
footer aside ul.scn { margin: 0 0 0 calc(50% - 80px) }
footer aside ul li { float: left; width: 80px; margin: 0; padding: 0; line-height: 1 }
footer aside ul li a { display: block ; width: 100% ; height: 32px; }

.footerlinks { margin-top: 15px }
.footerlinks a { display: inline-block; border: 1px solid #aaa; padding: 4px 6px; line-height: 1em; margin-left: 3px;  margin-right: 3px; box-sizing: border-box; border-radius: 3px }
.footerlinks a.recruit { border-color: #999; background-color: #999; color: #fff }

/***************************************************************** 　イメージフェード 　*************************************************************************/

.fasibox, .rotator { width: 100% }

/*********************************** index *******************************************/

body.org.index .homelogo {left: 30px;top: 5px;}

/*********************************** concept *******************************************/

body.org.cnc .homelogo {left: 5%;top: 5px;}
.cnc .navigation p.current a,
.cnc .navigation a {text-align: center}
.cnc .navigation a { width: 15% }
.cnc .navigation p.current a { width: 15% }
.cnc .navigation a.nvw { width: 35% }
.cnc .navigation p.current a.nvw { width: 35% }

.cnc .imagefade { background-color: #000 ; margin-bottom: 30px ; padding-bottom: 230px  }
#en.cnc .imagefade { background-color: #fff ;padding-bottom: 0px  }


.cnc .copy-concept { left: 10%;top: 110%; width: 80%;  }
.cnc .rotator.r3 .copy-concept{ font-size: 1.0em ; line-height: 1.7em }
.cnc .rotator.r4 .copy-concept{ font-size: 0.9em ; line-height: 1.6em }
.cnc .r1 h1 { left: 0%;top: 85%; width: 100%; }
.cnc .r2 h2 { left: 0%;top: 85%; width: 100%; }
.cnc .r3 h2 { left: 0%;top: 85%; width: 100%; }
.cnc .r4 h2 { left: 0%;top: 85%; width: 100%; }
.cnc h1 ,.cnc h2 { text-align: center }

.cnc .rotator, .cnc .rotator a { color: rgba(255,255,255,0.8) }

/*********************************** rooms *******************************************/

.rmm .topcon, .rmm .rotator {  }
.room .topcon { width: 100% ; }
body#jp .room .topcon { padding: 0 0 40px 0 ; }
body#en .room .topcon { padding: 0 0 20px 0 ; }

.rms h2	{  }
.rms .rotator { width: 90% ; padding: 0 0 0 5% ; }
body#jp.rms .topcon { margin-bottom: 200px }

.rmm .rotator .f-l { width: 90% ; margin: 0 0 0 0 ; padding: 0 0 0 5% ; }

.bt-room a { line-height: 1.2em ;width: 35%;height: 50px;padding-left: 65%;padding-top: 0px;background-position: 0 center;background-size: 56% auto;margin: 20px 0;float: none ; }
.bt-room span.eng { position: absolute ; top: -8px ; left: 59% ;font-size: 2.0em ; line-height: 1.6em }

/*******************room-box**********************/

.rms .copy-concept { font-size: 1.0em ; line-height: 1.6em ; }

.room-box .conts { width: 70%; float: left ; padding: 0 0 0 5% ; }
body#en .room-box .conts { width: 80% ; font-size: 0.9em; line-height: 1.3em ; }
.room-box .thmbs { width: 20px; float: right ; padding: 0 5% 0 0 ; z-index: 10 }

.thmbs p a { display: block ; width: 30px ; height: 30px ; text-align: center ; font-size: 1.2em; line-height: 1.0em }

/*********************************** facilities *******************************************/
/*
.fcl .fasibox:before { padding-top: 160.0%; }*/
.faci .topcon { width: 100% ; padding: 0 }
.fcm .topcon, .fcm .rotator { position: relative ;background-position: 0 0 ; }

body.org.fcl .homelogo { top: -55px }  /*無理やり*/

.fc-box {  }
.fc-box .conts { width: 98%; float: none ; padding-left: 2% ; }
body#en .fc-box .conts { padding-top: 10px ; }
body#jp .fc-box .conts { padding-top: 40px ; }

.fc-box .conts a { width: 48%; float: left ; border: solid 1px #ccc ; text-align: center ; padding: 4px 0 ;margin: 0 1% 6px 0 ; letter-spacing: -0.01em }
.fc-box .conts a.hit { background-color: rgba(0,0,0,.05) }
.fc-box .thmbs { display: none }

body#en .fc-box .conts a { font-family: 'Oswald', sans-serif ; letter-spacing: 0.02em ; font-size: 0.9em; line-height: 1.4em ; font-weight: 400 }

.facithumb { width: 96% ; margin: 10px 0 0 4% }
.bt-faci { float: left; width: 45%; margin-right: 5% }
.bt-faci.end { }
.bt-faci span.eng { display: none ; position: absolute ; top: 0 ; left: 0 ; font-size: 1.5em ; line-height: 1.0em ; }

.bt-faci a {width: 100%;height: 70px;padding: 0 0 0 0 ;background-position: 0 16px;background-size: 100% auto; letter-spacing: -0.01em }

.fcm.fc-box  .conts a { display: block ; font-size: 0.9em ; line-height: 1.0em ; padding: 6px 0 6px 10px ;  }


/*********************************** bth *******************************************/

body.org.bth .navigation p.current a,
body.org.bth .navigation a { width: 25% ; text-align: center}

.bth .topcon,.bth .rotator  { padding-top: 60px }
.bth h2 { top: 105% ; width: 95% ; left: 5%  ; color: rgba(0,0,0,1) ; padding: 15px 0 0 0 }
.bth .copy-concept { top: 115% ; color: rgba(0,0,0,1) ;margin-left: 5% ;width: 90% ; padding: 50px 0 0 0 ; font-size: 1.0em ; line-height: 1.5em ; }
body#en.bth .copy-concept { font-size: 1.1em ; line-height: 1.3em ; }
.bth .r1 h2 { padding: 0 }
.bth .r1 .copy-concept { padding: 0 }
.bth .rotator { padding-top: 0 }
.bth .r2 .gazo1 , .bth .r3 .gazo1 , .bth .r4 .gazo1 { width: 100% ; margin: 0 }
.bth .r2 .gazo2 , .bth .r3 .gazo2 , .bth .r4 .gazo2 { width: 50% ; margin: 0 }
.bth .r2 .gazo3 , .bth .r3 .gazo3 , .bth .r4 .gazo3 { width: 50% ; margin: 0 }


/*********************************** cui *******************************************/

.cui h2	{ top: 90px ; left: 10% ; }


body.org.cui .navigation2 p.current a,
body.org.cui .navigation2 a { width: 50% ; text-align: center}

body.org.cui.topim .fasibox { padding-top: 60px }

body.org.cui .fasibox .r1 .f-r img { padding: 0 0 20% 0 ; }

.cui .fasibox .f-l { width: 80% ; padding: 0 0 0 10% ; }

.cui .fasibox .f-r { width: 80% ; margin: 120px 0 20px 0 ; padding: 0 0 0 10% ; }

body#jp.cui .fasibox .r1 .f-l .copy-concept { font-size: 0.9em ; line-height: 1.4em  }
body#en.cui .fasibox .r1 .f-l .copy-concept { font-size: 1.1em ; line-height: 1.5em  }
.cui .fasibox .r2 .f-l { margin: 150px 0 0 0   }
body#en.cui .topcon { margin-bottom: 250px }

.cuitxt1 { padding: 10px 0 0 20px }
.cuitxt2 { padding: 5px 0 0 20px }


/*********************************** spa *******************************************/
.spaimg .fasibox { background-color: rgba(0,0,0,1) ; position: relative ; margin-bottom: 30px ; padding-bottom: 180px }
body#en.spaimg .fasibox { background-color: rgba(0,0,0,0) ; padding-bottom: 0px }

body.org.spapage h1 , body.org.spaimg h1 
{ font-size: 1.0em !important; line-height: 1.2em !important; text-align: center; letter-spacing: 0.1em !important; width: 70%; margin-left: 15%  ;position: relative } 
body.org.pages.spapage h1 {top: 0px }

.spaimg .copy-concept { left: 0 ; bottom: 5% ; width: 100% ; }
.spaimg .copy-concept p { text-align: center; }

.menubox { width: 90% ; margin: 0 0 40px 5% ; }
.menubox .f-l { margin: 0 0 20px ;  text-align: center ; }
.menubox .f-r h2 { text-align: center ; margin: 0 0 20px ; border-bottom: solid 1px #ccc ; padding: 0 0 20px 0 ; }
table.fee tr td { padding: 3px 5px ; }

.spaguide .rotator.r1 {  }
.spavoice .rotator.r1 {  }

.subcont { top: 15px ; left: 0 ; width: 100% }
.subcont a { width: 20% ; text-align: center }
body.spaimg .subcont a ,
body.spapage .subcont a 
{ width: 25% ; text-align: center }
body#en .subcont a { width: 25% ; }

table.fee { width: 100% }
table.fee { width: 100% }

/*********************************** access *******************************************/

.taxi { padding: 0 5% ; width: 90% ;  }

/*********************************** info *******************************************/

body.org.info .navigation p.current a,
body.org.info .navigation a { width: 33%; text-align: center}
body#en.org.info .navigation a { width: 50%; }

.info .fasibox { padding-top: 100px ; width: 100% ; }
.infobox { width: 90% ;margin-left: 5%; }
.stm .fasibox .f-l  { width: 50.0% ;float: left }

table.cp tr td { padding: 10px 5px ; }