@charset "utf-8";

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

body.org h1	{ color: rgba(255,255,255,0.90); z-index: 1!important; }

body.org h1,body.org h2  { position: absolute;font-weight: normal;z-index: 1;letter-spacing: 0.1em ;padding: 0 ;margin: 0; }

h2.rela	{ position:relative }

h3	{ font-weight: normal; font-size: 1.6em; line-height: 1.6em;letter-spacing: 0.1em ;padding: 0 ;margin: 0; text-align: center }
body#en h1 , body#en h2 , body#en h3 { letter-spacing: 0.02em }
body#en.rmm h1 
{ letter-spacing: 0.3em }

/*******************en**********************/
body#en .copy-concept ,
body#en div.txten,
body#en p.txten
{ font-size: 1.2em; line-height: 1.5em }

body#en .copy-rooms ,
body#en.typeD .copy-rooms ,
body#en.typeF .copy-rooms ,
body#en.typeG .copy-rooms
{ font-size: 1.1em; line-height: 1.3em }

body#en .copy-rooms { text-align: justify;text-justify: inter-ideograph; }

body#en p.readen
{ font-size: 1.3em; line-height: 1.6em }
body#en #Guide ul
{ font-size: 1.2em; line-height: 1.5em }
body#en .fc-box { font-size: 1.2em; line-height: 1.2em }
body#en footer { font-size: 1.0em; letter-spacing: 0em!important; line-height: 1.3em }
body#en .entry-footer .cat-links,
body#en .entry-footer .tags-links { text-transform: none; }

/*********************************** header *******************************************/

li.co-blog a ,
li.co-facebook a ,
li.co-instagram a ,
li.co-pinterest a ,
li.co-google a ,
li.co-ajinoyado a 
{ background-image: url(../img/blog.jpg); background-repeat: no-repeat;background-position: center top ; background-size: auto 100%; }

li.co-facebook a { background-image: url(../img/fb.jpg) }
li.co-instagram a { background-image: url("../img/instagram.jpg") }
li.co-pinterest a { background-image: url(../img/pnt.jpg) }
li.co-google a { background-image: url(../img/gog.jpg) }
li.co-ajinoyado a { background-image: url(../img/ajinoyado.jpg) }

body#en li.co-blog a { background-image: url(../en/img/blog.jpg) }
body#en li.co-ajinoyado a { background-image: url(../en/img/ajinoyado.jpg) }

/*********************************** navigation *******************************************/

body.org .navigation, 
body.org .navigation2 { position: absolute; left: 0; top: 0; z-index: 10 }
body.org .navigation div.current, 
body.org .navigation2 div.current,
body.org .navigation span.current, 
body.org .navigation2 span.current,
body.org .navigation p.current a, 
body.org .navigation2 p.current a,
body.org .navigation a ,
body.org .navigation2 a 
{ float: left;display: block ; overflow: hidden;padding: 20px 0 20px 0 ;color: #ffffff; width: 10%; }

body.org .navigation a ,
body.org .navigation2 a { opacity: .5 }
body.org .navigation a:hover ,
body.org .navigatio2 a:hover { opacity: 1.0 }

body.org .navigation div.current, 
body.org .navigation2 div.current,
body.org .navigation span.current, 
body.org .navigation2 span.current,
body.org .navigation p.current a, 
body.org .navigation2 p.current a { opacity: 1.0 }
body.org .navigation .eng 
{ font-size: 0.8em ; letter-spacing: 0.1em; }

.rmm div.navigation div.current, 
.rmm div.navigation span.current, 
.rmm div.navigation a,
.fcm div.navigation div.current, 
.fcm div.navigation span.current, 
.fcm div.navigation a
{ background-image: url(../img/sqr1.png); background-position: center 10px; background-size: 8px; background-repeat: no-repeat; width: 30px }

.rmm div.navigation div.current, 
.rmm div.navigation span.current,
.fcm div.navigation div.current, 
.fcm div.navigation span.current
{ background-image: url(../img/sqr2.png); }

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

/*　天地調整の基本設定　*/

.imagefade { width: 100% ; position: relative; overflow-y: hidden }

.fasibox { width: 100% ; position: relative; }

.rotator { padding: 0px; position: relative; }

.topcon,.rotator { background-repeat: no-repeat; background-position: center top;  }/* background-color: #eee*/
.menubox { background-repeat: no-repeat; background-position: center bottom }

#introslide { color: #fff; }
#introslide { text-align: center; }

/*********************************** 　インデックス　 *******************************************/

.index .homelogo.homelogo { left: 30px;top: 100px; }
.index .rotator { color: rgba(255,255,255,0.8) }

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

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

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

.cui h3	{ color: #000; text-align: left ; font-size: 1.2em; line-height: 1.2em; }
.cui .rotator, .cnc .rotator a { color: rgba(255,255,255,0.8) }
.cui .topcon {  }
.cui .rotator { color: rgba(0,0,0,0.9) ; }

.cui .r1 .gazo1 { width: 100% ; margin: 0 0 10% 0 }
.cui .r1 .gazo2 { width: 28% ; margin: 0 8% 10% 0 }
.cui .r1 .gazo3 { width: 28% ; margin: 0 8% 10% 0 }
.cui .r1 .gazo4 { width: 28% ; margin: 0 0 10% 0 }
.cui .r1 .gazo5 { width: 45% ; margin: 0 10% 0 0 }
.cui .r1 .gazo6 { width: 45% ; }

.cui .r2 .gazo1 ,.cui .r2 .gazo2 { width: 100% ; margin: 0 0 30px 0 ; }
.cui .r2 .gazo1 img ,.cui .r2 .gazo2 img { margin: 0 0 10px 0 ; }

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

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

.bth .topcon {  }
.bth .rotator.r1 { /*background-image: url(../bath/01.jpg) */; color: rgba(255,255,255,0.8) }
.bth .rotator.r2 { color: rgba(0,0,0,1) }
.bth .rotator.r3 { color: rgba(0,0,0,1) }
.bth .rotator.r4 { color: rgba(0,0,0,1) }

/*********************************** spa *******************************************/

.spapage h1,.spaimg h1,.spaimg .rotator, .spaimg .rotator a , .spaimg .copy-concept  { color: rgba(255,255,255,0.8) }

.subcont {
	display: table; 
	position: absolute;
	z-index: 10;
	letter-spacing: 0.1em
}
.subcont a { display: block ; float: left; }
.subcont a { color: rgba(255,255,255,0.6) }
.subcont a.hit { color: rgba(255,255,255,1.0) }

.spatop .copy-concept span { display: block }

body.org.spapage h2 , body.org.spapage h3 { position: relative ; text-align: left ;color: rgba(0,0,0,0.9) ; padding: 0 0 40px 0 ; }
body.org.spapage h3 { font-size: 1.2em ; padding: 0 0 10px 0 ; }

.menubox { width: 100% ; border-top: solid 0px #000 ; padding: 20px 0 0 0 ; margin: 0 0 40px 0 ;background-color: #fff ; position: relative }

.menuitem { width: 100% ; border-bottom: solid 1px #ccc ; padding: 0 0 20px 0 ; margin: 0 0 20px 0 ; }
.menuitem.nobo { border-bottom: solid 0px #ccc ;  }
.spapage .topcon, .spapage .rotator {  } 

/*********************************** accmap *******************************************/

.accmap h2	{ position: relative ; margin-bottom: 30px }
.accmap h3	{ color: rgba(0,0,0,0.9);font-size: 1.3em; line-height: 1.4em; margin: 0 10px 15px 0 ; text-align: left ; }
.accmap h3.bd { padding: 2px 0 2px 15px ; }
.accmap .rotator {  } 

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

table.cp  { width: 100% ; border-top: solid 1px #ccc ; padding: 0 0 0 0 ; margin: 0 0 40px 0 ;background-color: #fff ; }
table.cp tr td { border-bottom: solid 1px #ccc ; }

ul.pp { line-height: 2.0em }
ul.pp h3 { text-align: left ; font-size: 1.2em ; }
ul.pp h4 { text-align: left ; font-size: 1.1em ; }

/*********************************** スライド独特のナビ *******************************************/

div.navigation { background-color: hsla(0,0%,0%,.0) }

.rmm div.navigation,
.fcm div.navigation 
{display: table ;position: absolute;right: 10px;top: 10px;margin-left: auto;opacity: 1}

/*　左右幅の指定は、それぞれのcss*/

.pt20 { padding-top: 20px; }
.link21 { display: inline-block!important; color: #000!important; border-bottom: 1px dashed #777; line-height: 1.6em }