@charset "utf-8";

/*===================================================================
  CSS Import
===================================================================*/
@import url(./ress.css);

/*===================================================================
  Common
===================================================================*/
div:after{ content:''; clear:both; display:block; }
p{ line-height:200%; }
a{ text-decoration:none; }
a:hover{ text-decoration:underline; }
img{ display:inline-block; width:100%; height:auto; }

/* WEBフォント指定 */
.fTBUD{ font-family:'TBUDMincho M', serif; }
.fGMD{ font-family:'UD Shin Go NT Medium', sans-serif; }


/* 色指定 */
.cRed{ color:#ff0000; }
.cGreen{ color:#00ff00; }
.cBlue{ color:#0000ff; }
.cBold{ font-weight:bold; }
.cBig{ font-size:1.1rem; }


/*===================================================================
  Contents SP
===================================================================*/
@media( max-width:959px )
{
	html{ width:100vw; height:100vh; }
	body{ height:100vh; color:#000000; background-color:#ffffff; font-family:'UD Shin Go NT Light',sans-serif; }
	/* COMMON */
	.pageTitle{ width:100%; height:8rem; position:relative; background-size:cover; margin-top:2rem; }
	.pageTitle > p{ height:8rem; line-height:8rem; color:#ffffff; font-size:1.5rem; text-align:center; }
	
		
	/* Access */
	.accessBox01{ width:100vw; height:70vh; }
	.accessBox01 > div{ width:100%; height:100%; }
	.accessBox02{ background-color:#1a1d24; padding:2rem 0; }
	.accessBox02 > p:nth-of-type(1){ width:90vw; margin:1rem auto; color:#ffffff; text-align:center; }
	.accessBox02 > p:nth-of-type(2){ width:90vw; margin:0.5rem auto; padding:1rem; text-align:center; background-color:#ffffff; }
	.accessBox02 > p:nth-of-type(3){ width:90vw; margin:0.5rem auto; padding:1rem; text-align:center; background-color:#ffffff; }
	.accessBox02 > p:nth-of-type(4){ width:90vw; margin:0.5rem auto; padding:1rem; text-align:center; background-color:#ffffff; }
	.accessBox03{ background-color:#1a1d24; padding-top:5em; }
	
	
	/* Faq */
	.faqBox01{ background-color:#1a1d24; padding:2rem 0; }
	.faqBox01 > p{ color:#ffffff; font-size:2rem; text-align:center; }
	.faqBox02{ background-color:#1a1d24; padding-bottom:2rem; }
	.faqBox02Body{ width:90vw; margin:0 auto; }
	.faqBox02Body > p{ color:#ffffff; padding-bottom:2rem; margin-left: 1em; text-indent: -1em; }
	.faqBox03{ background-color:#1a1d24; padding-top:3rem; }
	.faqBox03 > p{ color:#ffffff; font-size:2rem; text-align:center; }
	.faqBox04{ background-color:#1a1d24; padding:0.5rem 0; }
	.faqBox04:nth-of-type(even) > p{ background-color:#000000; }
	.faqBox04:nth-of-type(even) > p > a{ color:#ffffff; }
	.faqBox04 > p{ color:#ffffff; width:90vw; margin:0 auto; padding:1rem 1rem; }
	.faqBox04 > p > span{ font-size:1.3rem; }
	.faqBox05{ background-color:#1a1d24; padding-top:5em; }
	
	
	/* Area */
	.areaBox01{ background-color:#1a1d24; }
	.areaBox01Body{ width:100%; }
	.areaBox0101{ padding-top:2rem; padding-bottom:2rem; background-color:#0f0f0f; }
	.areaBox0101 > p { width:90vw; margin:0 auto; color:#ffffff; font-size:1.5rem; line-height:150%; }
	.areaBox0101 > p > br { display:none; }
	.areaBox0101 > p:nth-of-type(1){ padding-left:1rem; text-align:center; }
	.areaBox0102{ width:100%; }
	.areaBox0102 > p { color:#ffffff; padding:3rem 1rem; }
	.areaBox02{ padding:1rem 0; }
	.areaBox02Body{ width:100vw; margin:0 auto; }
	.areaBox02Body > div:nth-of-type(1){ width:100vw; height:60vw; background-size:cover; }
	.areaBox02Body > div:nth-of-type(2){ width:90vw; margin:0 auto; }
	.areaBox02Body > div:nth-of-type(2) > p:nth-of-type(1){ padding-top:1rem; font-size:1.5rem; line-height:150%; }
	.areaBox02Body > div:nth-of-type(2) > p:nth-of-type(2){ padding-top:1rem; }
	.areaBox02Body a{ color:#8b191c; }
	.areaBox03{ padding-top:5rem; }
	
	
	
	/* Room */
	.roomBox01{ background-color:#1a1d24; }
	.roomBox01Body{ width:100%; margin:0 auto; padding:2rem 0; }
	.roomBox01Body > div:nth-of-type(1){ width:50vw; margin:0 auto; }
	.roomBox01Body > div:nth-of-type(2){ width:100%; }
	.roomBox01Body > div:nth-of-type(2) > p{ color:#ffffff; padding:2rem 1rem; }
	.roomBox02{ padding:2rem 0; }
	.roomBox02 > div:nth-of-type(1) > p{ font-size:2rem; line-height:150%; text-align:center; }
	.roomBox02Body{ width:90vw; margin:0 auto; padding-top:2rem; }
	.roomGallery{ float:left; display:block; width:50%; height:35vw; border:3px #ffffff solid; background-size:cover; }
	.roomGallery:hover{ cursor:pointer; opacity:0.7; }
	.roomBox03{ background-color:#1a1d24; padding:2rem 0; }
	.roomBox03 > div:nth-of-type(1) > p{ font-size:2rem; line-height:100%; text-align:center; color:#ffffff; }
	.roomBox03Body{ width:90vw; margin:0 auto; padding-top:1rem; }
	.roomBox03Body > div:nth-of-type(1){ width:100%; background-color:#ffffff; padding-bottom:1rem; }
	.roomBox03Body > div:nth-of-type(1) > a{ display:block; width:80%; height:2rem; line-height:2rem; text-align:center; margin:0 auto; color:#000000;  }
	.roomBox03Body > div:nth-of-type(1) > a:hover{ cursor:pointer; opacity:0.7; text-decoration:none; }
	.roomBox03Body > div:nth-of-type(2){ width:100%; }
	.roomBox03Body > div:nth-of-type(2) > div:nth-of-type(1){ padding:1rem 0; border-top:1px #ffffff solid; border-bottom:1px #ffffff solid; margin-top:2rem; }
	.roomBox03Body > div:nth-of-type(2) > div:nth-of-type(1) > p:nth-of-type(odd){ padding-top:1rem; color:#ffffff; }
	.roomBox03Body > div:nth-of-type(2) > div:nth-of-type(1) > p:nth-of-type(even){ padding-top:0.5rem; color:#ffffff; }
	.roomBox03Body > div:nth-of-type(2) > div:nth-of-type(2){ padding:1rem 0; border-bottom:1px #ffffff solid; }
	.roomBox03Body > div:nth-of-type(2) > div:nth-of-type(2) > p{ padding-top:0.5rem; color:#ffffff; }
	.roomBox03Body > div:nth-of-type(3){ clear:both; padding:3rem 0; }
	.roomBox03Body > div:nth-of-type(3) > a{ display:block; width:90%; height:4rem; line-height:4rem; font-size:1.5rem; padding-left:5.5rem; margin:0 auto; color:#147784; background-color:#ffffff; border-radius:0.5rem; background-image:url(../img/iconReserveG.png); background-size:3rem; background-position: 2rem 0.7rem; }
	.roomBox03Body > div:nth-of-type(3) > a:hover{ cursor:pointer; opacity:0.7; text-decoration:none; }
	.roomBox04{ padding:2rem 0; }
	.roomBox04 > div:nth-of-type(1) > p{ font-size:2rem; line-height:100%; text-align:center; }
	.roomBox04Body{ margin:0 auto; padding-top:2rem; text-align:center; }
	.roomBox04Body > div{ display:inline-block; padding:0 2rem; padding-bottom:2rem;  }

	
	/* Facility */
	.facilityBox01{ background-color:#1a1d24; }
	.facilityBox01Body{ width:100%; }
	.facilityBox0101{ padding-top:2rem; padding-bottom:2rem; background-color:#0f0f0f; }
	.facilityBox0101 > p { width:90vw; margin:0 auto; color:#ffffff; font-size:1.5rem; line-height:150%; }
	.facilityBox0101 > p > br { display:none; }
	.facilityBox0101 > p:nth-of-type(1){ padding-left:1rem; text-align:center; }
	.facilityBox0102{ width:90vw; margin:0 auto; }
	.facilityBox0102 > p { color:#ffffff; padding:2rem 0; }
	.facilityBox02{ background-color:#1a1d24; }
	.facilityBox02Body{ width:90vw; margin:0 auto; padding:2rem 0; }
	.facilityImg01{ width:100%; height:60vw; background-image:url(../../img/facilityImg01.jpg); background-size:cover; }
	.facilityImg02{ width:100%; height:60vw; background-image:url(../../img/facilityImg02.jpg); background-size:cover; }
	.facilityImg03{ width:100%; height:60vw; background-image:url(../../img/facilityImg03.jpg); background-size:cover; }
	.facilityImg04{ width:100%; height:60vw; background-image:url(../../img/facilityImg04.jpg); background-size:cover; }
	.facilityBox0201{ width:100%; background-color:#ffffff; }
	.facilityBox0201 > div:nth-of-type(1) > p{ padding-top:1rem; padding-left:1rem; }
	.facilityBox0201 > div:nth-of-type(1) > p > span{ font-size:2.5rem; }
	.facilityBox0201 > div:nth-of-type(2) > p{ padding:0.5rem 1rem; }
	.facilityBox0201 > div:nth-of-type(3){ background-color:#f5f3f9; margin:1rem 1rem; }
	.facilityBox0201 > div:nth-of-type(3) > p{ height:5.5rem; line-height:1.5rem; padding-top:0.5rem;  padding-left:4rem; position:relative; color:#147784; }
	.facilityBox0201 > div:nth-of-type(3) > .TxT3Line{ height:7rem; }
	.facilityBox0201 > div:nth-of-type(3) > p:before{ content:''; display:inline-block; width:3rem; height:3rem; position:absolute; top:0.8rem; left:0.5rem; background-image:url(../img/iconBed.png); background-size:contain; vertical-align:middle; }
	.facilityBox0201 > a{ display:block; width:100%; height:4rem; font-size:0.8rem; margin-top:1rem; line-height:4rem; padding:0 2rem; text-align:right; color:#000000; }
	.facilityBox0201 > a:hover{ cursor:pointer; opacity:0.7; text-decoration:none; }
	.facilityBox03{ background-color:#1a1d24; padding-top:5rem; }

	
	/* About */
	.aboutBox01{ background-color:#1a1d24; }
	.aboutBox01Body{ width:100%; }
	.aboutBox0101{ padding-top:2rem; padding-bottom:2rem; background-color:#0f0f0f; }
	.aboutBox0101 > p { width:90vw; margin:0 auto; color:#ffffff; font-size:1.5rem; line-height:150%; }
	.aboutBox0101 > p > br { display:none; }
	.aboutBox0101 > p:nth-of-type(1){ padding-left:1rem; text-align:center; }
	.aboutBox0102{ width:90vw; margin:0 auto; }
	.aboutBox0102 > p { color:#ffffff; padding:2rem 0; }
	.aboutBox02{}
	.aboutBox02Body{ width:100%; }
	.aboutBox0201{ width:100%; }
	.aboutImg01{ width:100%; height:70vw; border:2px #ffffff solid; background-image:url(../../img/aboutImg01.jpg); background-size:cover; }
	.aboutImg02{ width:100%; height:40vw; border:2px #ffffff solid; background-image:url(../../img/aboutImg02.jpg); background-size:cover; }
	.aboutBox0202{ width:90vw; margin:0 auto; padding-top:1rem; padding-bottom:2rem; }
	.aboutBox0202 > p:nth-of-type(1){ font-size:1.5rem; line-height:2.5rem; }
	.aboutBox0202 > p:nth-of-type(2){ padding-top:1rem; }
	.aboutBox03{ background-color:#1a1d24; }
	.aboutBox03Body{ width:90vw; margin:0 auto; }
	.aboutBox0301{ padding:2rem 0; }
	.aboutBox0301 > p{ font-size:1.5rem; text-align:center; color:#ffffff; }
	.aboutBox03Body > div:nth-of-type(1){ width:20vw; margin:0 auto; }
	.aboutBox03Body > div:nth-of-type(2){ width:100%; }
	.aboutBox03Body > div:nth-of-type(2) > p{ color:#ffffff; padding-top:0.5rem; }
	.aboutBox03Body > div:nth-of-type(2) > p:nth-of-type(1){ font-size:1.2rem; font-weight:bold; }
	.aboutBox03Body > div:nth-of-type(2) > p:nth-of-type(2){ padding-bottom:5rem; }
	.aboutBox03Body > div:nth-of-type(2) > p:nth-of-type(2) > a{ display:inline-block; font-size:1.2rem; height:4rem; line-height:4rem; padding-right:3rem; padding-left:5.5rem; margin-top:1rem; color:#147784; background-color:#ffffff; border-radius:0.5rem;  background-image:url(../img/iconReserveG.png); background-size:3rem; background-position: 2rem 0.7rem; }
	.aboutBox03Body > div:nth-of-type(2) > p:nth-of-type(2) > a:hover{ cursor:pointer; opacity:0.7; text-decoration:none; }
	.aboutBox04{ background-color:#1a1d24; padding-top:5rem; }
	
	
	/* HOME */
	.homeBox01{ width:100%; height:50vh; position:relative; background-image:url(../../img/homeImg01.jpg); background-size:cover; }
	.homeBox01Body{ width:90vw; height:100%; position:relative; }
	.homeBox01Body >p{ color:#ffffff; font-size:1rem; padding-top:3rem; padding-left:1rem; }
	.homeBox01Mask{ height:10%; width:100%; position:absolute; bottom:0; left:0; }
	.homeBox02{ background-color:#1a1d24; }
	.homeBox02Body{ width:90vw; margin:0 auto; }
	.homeBox02Body > p{ color:#ffffff; padding-top:1rem; padding-bottom:2rem; }
	.homeBox03{ background-color:#1a1d24; background:linear-gradient(to right, #000000 0%, #000000 10%, #1a1d24 70%, #1a1d24 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#1a1d24',GradientType=1); }
	.homeBox03Body{ width:100%; }
	.homeBox0301{ width:100%; position:relative; }
	.homeBox0301 > div:nth-of-type(1){ width:85%; float:right; padding-top:3rem; }
	.homeBox0301 > div:nth-of-type(2){ width:30%; height:30%; position:absolute; top:1rem; left:1rem; }
	.homeBox0302{ width:100%; }
	.homeBox0302 > div:nth-of-type(1){ width:70%; }
	.homeBox0302 > div:nth-of-type(2){ width:90vw; margin:0 auto; }
	.homeBox0302 > div:nth-of-type(2) > p{ color:#ffffff; text-align:center; }
	.homeBox0302 > div:nth-of-type(2) > p:nth-of-type(1){ font-size:1.3rem; padding-top:2rem; }
	.homeBox0302 > div:nth-of-type(2) > p:nth-of-type(2){ padding-top:1rem;  padding-bottom:2rem; }
	.homeBox04{ width:100%; background-color:#ffffff; }
	.homeBox0402{ width:100%; height:70vw; background-image:url(../../img/homeImg05.jpg); background-size:cover; }
	.homeBox0401{ width:100%; }
	.homeBox0401 > div{ width:90vw; margin:0 auto; }
	.homeBox0401 > div > p{ text-align:center; }
	.homeBox0401 > div > p:nth-of-type(1){ font-size:1.3rem; padding-top:2rem; }
	.homeBox0401 > div > p:nth-of-type(2){ padding-top:1rem;  padding-bottom:2rem; }
	.homeBox05{ background-color:#1a1d24; background:linear-gradient(to right, #1a1d24 0%,#1a1d24 10%,#000000 70%,#000000 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a1d24',endColorstr='#000000',GradientType=1); }
	.homeBox05Body{ width:100%; }
	.homeBox0501{}
	.homeRoomInfo{ width:100%; padding:3rem 1rem; }
	.homeRoomInfo > div:nth-of-type(1){}
	.homeRoomInfo > div:nth-of-type(2){}
	.homeRoomInfo > div:nth-of-type(2) > p{ line-height:100%; padding-top:2rem; padding-bottom:1rem; text-align:center; color:#ffffff; }
	.homeRoomInfo > div:nth-of-type(2) > p > span{ font-size:200%; }
	.homeRoomInfo > div:nth-of-type(3){}
	.homeRoomInfo > div:nth-of-type(3) > p{ width:90vw; height:6rem; padding-top:0.6rem; font-size:0.8rem; padding-left:3.5rem; padding-right:1rem; position:relative; color:#147784; background-color:#ffffff; border-radius:0.5rem; }
	.homeRoomInfo > div:nth-of-type(3) > .TxT2Line{ padding-top:1.5rem; }
	.homeRoomInfo > div:nth-of-type(3) > p:before{ content:''; display:inline-block; width:2.5rem; height:2.5rem; position:absolute; top:2rem; left:0.5rem; background-image:url(../img/iconBed.png); background-size:contain; vertical-align:middle; }	
	.homeRoomInfo > div:nth-of-type(3) > a{ display:block; position:relative; width:90vw; height:3rem; margin-top:0.5rem; background-color:#ffffff; border-radius:0.5rem;  }
	.homeRoomInfo > div:nth-of-type(3) > a:hover{ cursor:pointer; opacity:0.7; }
	.homeRoomInfo > div:nth-of-type(3) > a > p{ position:absolute; bottom:0; top:10; left:0; right:0; width:100%; line-height:120%; font-size:0.8rem; text-align:center; color:#147784; height:2rem; }
	.homeRoomInfo > div:nth-of-type(3) > a > p > br{ display:none; }
	
	.homeBox06{ background-color:#ffffff; padding-bottom:2rem; }
	.homeBox06Body{ width:100%; }
	.homeBox06Body > p{ padding:1rem 0; text-align:center; font-size:1.5rem; color:#147784; }
	.homeBox0601{}
	.homeBox0601 > div{ width:100%; padding:0 1rem; }
	.homeBox0601 > div >p{ line-height:150%; padding:0.5rem; margin-bottom:0.5rem; background-color:#e6f1f2; }
	
	/* Header */
	.header{ width:100%; height:3.5rem; position:fixed; top:0; left:0; z-index:99990; background-color:#ffffff; }
	.headerDummy{ width:100%; height:3.5rem; }
	.headerMainArea{ width:100%; height:3.5rem; background-color:#ffffff; }
	.headerMainBody{ width:100%; height:3.5rem; margin:0 auto; position:relative; }
	.headerTitle{ display:inline-block; position:absolute; top:0; left:0; right:0; margin:auto; height:3.5rem; text-align:center; }
	.headerTitle img{ margin-top:1.2rem; width:auto; max-height:1rem; }
	.resvBtn{ display:block; width:100%; height:2.5rem; position:absolute; top:3rem; left:0; background-color:#1a1d24; }
	.resvBtn > p{ width:100%; line-height:2.5rem; text-align:center; color:#ffffff; }
	.resvBtn > p:before{ content:''; display:inline-block; width:1.2rem; height:1.2rem; margin-right:0.2rem; background-image:url(../img/iconReserve.png); background-size:contain; vertical-align:middle; }
	.headerBtnMenuOpen{ display:block; width:4rem; height:2rem; position:absolute; top:1rem; left:0.8rem; background-color:#ffffff; }
	.headerBtnMenuOpen > p{ font-size:0.8rem; }
	.headerBtnMenuOpen > p:before{ content:''; display:inline-block; width:1.3rem; height:1.3rem; margin-right:0.3rem; background-image:url(../img/iconMenu.png); background-size:contain; vertical-align:middle; }
	.headerSubArea{ display:none; width:100%; height:100vh; background-color:#1a1d24; position:absolute; top:0; left:0; z-index:99999; }
	.headerBtnMenuClose{ display:block; width:4rem; height:2rem; position:absolute; top:1rem; left:0.8rem; background-color:#ffffff; }
	.headerBtnMenuClose > p{ font-size:0.8rem; }
	.headerBtnMenuClose > p:before{ content:''; display:inline-block; width:1.3rem; height:1.3rem; margin-right:0.3rem; background-image:url(../img/iconMenuClose.png); background-size:contain; vertical-align:middle; }
	.headerMainAreaSubLang{ display:none;  }
	.headerSubBody{ background-color:#1a1d24; margin-top:2rem; }
	.headerSubAnc{ display:block; padding:1.5rem 0; line-height:100%; text-align:center; color:#ffffff; border-bottom:1px #ffffff solid; background-color:#0f0f0f; }
	.headerSubLang{ text-align:center; padding-top:1rem; padding-bottom:15rem; }
	.headerSubLang a, .headerSubLang p{ display:inline-block; margin:0 0.5rem; width:3rem; height:3rem; line-height:3rem; text-align:center; color:#1a1d24; background-color:#ffffff; border-radius:1.5rem; font-weight:bold; }

	
	
	
		/* Footer */
	.footerLink{ background-color:#1a1d24; padding:4rem 0; }
	.footerLinkBody{ width:100%; }
	.footerLinkBody > div{ width:70vw; margin:1rem auto; }
	.footerLinkBody > div > a{ width:100%; display:block; border:1px #ffffff solid; }
	.footerLinkBody > div > a:hover{ cursor:pointer; opacity:0.7; }
	.footerLinkBody > div > a > img{ display:block; border:1px #1a1d24 solid; }
	.btnPgTop{ display:none; width:2rem; height:2rem; position:fixed; bottom:1rem; right:1rem; z-index:99990; }
	.footer{ background-color:#ffffff; padding-top:3rem; }
	.footer > div{ width:90vw; margin:0 auto; padding-bottom:1rem; text-align:center; }
	.footer > div img{ width:auto; max-height:1.3rem; }
	.footer > .address1{ width:80vw; margin:0 auto; text-align:center; }
	.footer > .address1 >  p:nth-of-type(1){ padding-bottom:0.5rem; border-bottom:1px #000000 solid; }
	.footer > .address1 >  p:nth-of-type(2){ padding-top:0.5rem; padding-bottom:1rem; }
	.footer > .address1 > p > a{ color:#000000; }
	.footer > .address2{ background-color:#d2d4d8; padding-top:2rem; width:100%; margin:0 auto; text-align:center; }
	.footer > .address2 > p{ width:80vw; margin:0 auto; text-align:center; }
	.footer > .address2 >  p:nth-of-type(1){ padding-bottom:0.5rem; border-bottom:1px #000000 solid; font-size:0.7rem; }
	.footer > .address2 >  p:nth-of-type(2){ padding-top:0.5rem; font-size:0.7rem; padding-bottom:2rem; }
	
}








/*===================================================================
  Contents PC
===================================================================*/
@media( min-width:960px )
{
	html{ height:100%; }
	body{ height:100%; font-size:15px; color:#000000; background-color:#ffffff; font-family:'Gothic MB101 Light',sans-serif; }
	/* COMMON */
	.pageTitle{ width:100%; height:250px; position:relative; background-size:cover; }
	.pageTitle > p{ height:250px; line-height:250px; color:#ffffff; font-size:2rem; text-align:center; }
	
	/* Access */
	.accessBox01{ width:100%; height:450px; }
	.accessBox01 > div{ width:100%; height:100%; }
	.accessBox02{ background-color:#1a1d24; padding:2rem 0; }
	.accessBox02 > p:nth-of-type(1){ width:550px; margin:0.5rem auto; padding:0.5rem 0; color:#ffffff; text-align:center; }
	.accessBox02 > p:nth-of-type(2){ width:550px; margin:0.5rem auto; padding:0.5rem 0; text-align:center; background-color:#ffffff; }
	.accessBox02 > p:nth-of-type(3){ width:550px; margin:0.5rem auto; padding:0.5rem 0; text-align:center; background-color:#ffffff; }
	.accessBox02 > p:nth-of-type(4){ width:550px; margin:0.5rem auto; padding:0.5rem 0; text-align:center; background-color:#ffffff; }
	.accessBox03{ background-color:#1a1d24; padding-top:5em; }
	
	/* Faq */
	.faqBox01{ background-color:#1a1d24; padding:2rem 0; }
	.faqBox01 > p{ color:#ffffff; font-size:2rem; text-align:center; }
	.faqBox02{ background-color:#1a1d24; }
	.faqBox02Body{ width:600px; margin:0 auto; }
	.faqBox02Body > p{ color:#ffffff; padding-bottom:1em; text-indent:-1em; }
	.faqBox03{ background-color:#1a1d24; padding:2rem 0; }
	.faqBox03 > p{ color:#ffffff; font-size:2rem; text-align:center; padding-top:3em; }
	.faqBox04{ background-color:#1a1d24; }
	.faqBox04:nth-of-type(even) > p{ background-color:#0f0f0f; }
	.faqBox04 > p{ color:#ffffff; width:600px; margin:0 auto; padding:1rem 2rem; }
	.faqBox04 > p > span:nth-of-type(1){ font-size:1.3rem; }
	.faqBox05{ background-color:#1a1d24; padding-top:5em; }
	
	
	

	/* Area */
	.areaBox01{ background-color:#1a1d24; }
	.areaBox01Body{ width:1000px; margin:0 auto; }
	.areaBox0101{ float:left; width:20%; margin-left:5%; padding-top:5rem; padding-bottom:5.5rem; background-color:#0f0f0f; }
	.areaBox0101 > p { color:#ffffff; font-size:1.3rem; padding-top:2rem; line-height:130%; text-align:center; }
	.areaBox0102{ float:left; width:70%; }
	.areaBox0102 > p { color:#ffffff; padding-top:2rem; padding-left:2rem; line-height:230%; }
	.areaBox02{ padding:2rem 0; }
	.areaBox02Body{ width:800px; margin:0 auto; }
	.areaBox02Body > div:nth-of-type(1){ float:left; width:370px; height:233px; background-size:cover; }
	.areaBox02Body > div:nth-of-type(2){ float:left; width:430px; padding-left:1rem; }
	.areaBox02Body > div:nth-of-type(2) > p:nth-of-type(1){ display:inline-block; font-size:1.8rem; line-height:150%; }
	.areaBox02Body > div:nth-of-type(2) > p:nth-of-type(2){ padding-top:0.5rem;  }
	.areaBox02Body a{ color:#8c140f; font-weight:bold; }
	.areaBox03{ padding-top:5rem; }
	
	
	/* Room */
	.roomBox01{ background-color:#1a1d24; }
	.roomBox01Body{ width:1000px; margin:0 auto; padding:2rem 0; }
	.roomBox01Body > div:nth-of-type(1){ float:left; width:250px; }
	.roomBox01Body > div:nth-of-type(2){ float:left; width:750px; }
	.roomBox01Body > div:nth-of-type(2) > p{ color:#ffffff; padding-top:2rem; padding-left:2rem; line-height:280%; }
	.roomBox02{ padding:2rem 0; }
	.roomBox02 > div:nth-of-type(1) > p{ font-size:2rem; line-height:100%; text-align:center; }
	.roomBox02Body{ width:1000px; margin:0 auto; padding-top:2rem; }
	.roomGallery{ float:left; display:block; width:200px; height:auto; border:4px #ffffff solid; background-size:cover; }
	.roomGallery:hover{ cursor:pointer; opacity:0.7; }
	.roomBox03{ background-color:#1a1d24; padding:2rem 0; }
	.roomBox03 > div:nth-of-type(1) > p{ width:1000px; margin:0 auto; font-size:2rem; line-height:100%; color:#ffffff; }
	.roomBox03Body{ width:1000px; margin:0 auto; padding-top:1rem; }
	.roomBox03Body > div:nth-of-type(1){ float:left; width:460px; background-color:#ffffff; text-align:center; }
	.roomBox03Body > div:nth-of-type(1) > a{ display:block; width:40%; height:2rem; line-height:2rem; text-align:center; margin:0 auto; color:#000000; margin-bottom:1rem;  }
	.roomBox03Body > div:nth-of-type(1) > a:hover{ cursor:pointer; opacity:0.7; text-decoration:none; }
	.roomBox03Body > div:nth-of-type(2){ float:left; width:540px; padding-left:2rem; }
	.roomBox03Body > div:nth-of-type(2) > div:nth-of-type(1){ padding:1rem 0; border-top:1px #ffffff solid; border-bottom:1px #ffffff solid; }
	.roomBox03Body > div:nth-of-type(2) > div:nth-of-type(1) > p:nth-of-type(odd){ float:left; width:40%; color:#ffffff; }
	.roomBox03Body > div:nth-of-type(2) > div:nth-of-type(1) > p:nth-of-type(even){ float:left; width:60%; color:#ffffff; }
	.roomBox03Body > div:nth-of-type(2) > div:nth-of-type(2){ padding:1rem 0; border-bottom:1px #ffffff solid; }
	.roomBox03Body > div:nth-of-type(2) > div:nth-of-type(2) > p:nth-of-type(1){ width:100%; color:#ffffff; }
	.roomBox03Body > div:nth-of-type(3){ clear:both; padding-top:2rem; }
	.roomBox03Body > div:nth-of-type(3) > a{ display:block; width:20rem; height:4rem; line-height:4rem; font-size:1.2rem; padding-left:8rem; margin:0 auto; color:#147784; background-color:#ffffff; border-radius:0.5rem; background-image:url(../img/iconReserveG.png); background-size:3rem; background-position: 4rem 0.7rem; }
	.roomBox03Body > div:nth-of-type(3) > a:hover{ cursor:pointer; opacity:0.7; text-decoration:none; }
	.roomBox04{ padding:2rem 0; }
	.roomBox04 > div:nth-of-type(1) > p{ font-size:2rem; line-height:100%; text-align:center; }
	.roomBox04Body{ margin:0 auto; padding-top:2rem; text-align:center; }
	.roomBox04Body > div{ display:inline-block; padding:0 0.5rem; width:300px; }
	.roomBox04Body > div > a:hover{ cursor:pointer; opacity:0.7; text-decoration:none; }



	
	/* Facility */
	.facilityBox01{ background-color:#1a1d24; }
	.facilityBox01Body{ width:1000px; margin:0 auto; }
	.facilityBox0101{ float:left; width:20%; margin-left:5%; padding-top:1rem; padding-bottom:2rem; background-color:#0f0f0f; }
	.facilityBox0101 > p { color:#ffffff; font-size:1.3rem; padding-top:2rem; line-height:130%; text-align:center; }
	.facilityBox0102{ float:left; width:70%; }
	.facilityBox0102 > p { color:#ffffff; padding-top:2rem; padding-left:2rem; line-height:230%; }
	.facilityBox02{ background-color:#1a1d24; }
	.facilityBox02Body{ width:1000px; margin:0 auto; padding-top:3rem; }
	.facilityBox02Body02{ width:1000px; margin:0 auto; padding-top:5rem; }
	.facilityImg01{ float:left; width:600px; height:430px; background-image:url(../../img/facilityImg01.jpg); background-size:cover; }
	.facilityImg02{ float:left; width:600px; height:430px; background-image:url(../../img/facilityImg02.jpg); background-size:cover; }
	.facilityImg03{ float:left; width:600px; height:430px; background-image:url(../../img/facilityImg03.jpg); background-size:cover; }
	.facilityImg04{ float:left; width:600px; height:430px; background-image:url(../../img/facilityImg04.jpg); background-size:cover; }
	.facilityBox0201{ float:left; width:400px; height:430px; position:relative; background-color:#ffffff; }
	.facilityBox0201 > div:nth-of-type(1) > p{ padding-top:2rem; padding-left:2rem; }
	.facilityBox0201 > div:nth-of-type(1) > p > span{ font-size:200%; }
	.facilityBox0201 > div:nth-of-type(2) > p{ padding:1rem 2rem; }
	.facilityBox0201 > div:nth-of-type(3){ background-color:#f5f3f9; margin:0 2rem; }
	.facilityBox0201 > div:nth-of-type(3) > p{ height:4rem; padding-left:4.5rem; position:relative; color:#147784; }
	.facilityBox0201 > div:nth-of-type(3) > .TxT3Line{ height:6rem;  }
	.facilityBox0201 > div:nth-of-type(3) > p:before{ content:''; display:inline-block; width:3rem; height:3rem; position:absolute; top:0.8rem; left:0.8rem; background-image:url(../img/iconBed.png); background-size:contain; vertical-align:middle; }
	.facilityBox0201 > a{ display:block; width:100%; font-size:0.8rem; height:3.2rem; position:absolute; bottom:0; left:0; line-height:2rem; padding:0 2rem; text-align:right; color:#000000; }
	.facilityBox0201 > a:hover{ cursor:pointer; opacity:0.7; text-decoration:none; }
	.facilityBox03{ background-color:#1a1d24; padding-top:5rem; }
	
	
	
	/* About */
	.aboutBox01{ background-color:#1a1d24; }
	.aboutBox01Body{ width:1000px; margin:0 auto; }
	.aboutBox0101{ float:left; width:20%; margin-left:5%; padding-top:3rem; padding-bottom:5rem; background-color:#0f0f0f; }
	.aboutBox0101 > p { color:#ffffff; font-size:1.3rem; padding-top:2rem; line-height:130%; text-align:center; }
	.aboutBox0102{ float:left; width:70%; }
	.aboutBox0102 > p { color:#ffffff; padding-top:2rem; padding-left:2rem; line-height:230%; }
	.aboutBox02{}
	.aboutBox02Body{ width:1000px; margin:0 auto; padding:3rem 0; }
	.aboutBox0201{ float:right; width:425px; }
	.aboutImg01{ width:425px; height:250px; border:2px #ffffff solid; background-image:url(../../img/aboutImg01.jpg); background-size:cover; }
	.aboutImg02{ float:left; width:425px; height:170px; border:2px #ffffff solid; background-image:url(../../img/aboutImg02.jpg); background-size:cover; }
	.aboutBox0202{ float:left; width:490px; }
	.aboutBox0202 > p:nth-of-type(1){ font-size:2rem; padding-top:1.5rem; }
	.aboutBox0202 > p:nth-of-type(2){ padding-top:1rem; }
	.aboutBox03{ background-color:#1a1d24; }
	.aboutBox03Body{ width:700px; margin:0 auto; padding:3rem 0; }
	.aboutBox0301{ padding-top:3rem; }
	.aboutBox0301 > p{ font-size:2rem; text-align:center; color:#ffffff; }
	.aboutBox03Body > div:nth-of-type(1){ float:left; width:80ox; }
	.aboutBox03Body > div:nth-of-type(2){ float:left; width:620px; }
	.aboutBox03Body > div:nth-of-type(2) > p{ color:#ffffff; padding-left:1.5rem; }
	.aboutBox03Body > div:nth-of-type(2) > p:nth-of-type(1){ font-size:1.2rem; font-weight:bold; padding-bottom:0.5rem; }
	.aboutBox03Body > div:nth-of-type(2) > p:nth-of-type(2) > a{ display:inline-block; height:4rem; line-height:4rem; font-size:1.3rem; padding-right:3rem; padding-left:5.5rem; margin-top:1rem; color:#147784; background-color:#ffffff; border-radius:0.5rem; background-image:url(../img/iconReserveG.png); background-size:3rem; background-position: 2rem 0.7rem; }
	.aboutBox03Body > div:nth-of-type(2) > p:nth-of-type(2) > a:hover{ cursor:pointer; opacity:0.7; text-decoration:none; }
	.aboutBox04{ background-color:#1a1d24; padding-top:5rem; }
	
	
	
	
	/* HOME */
	.homeBox01{ width:100%; height:530px; position:relative; background-image:url(../../img/homeImg01.jpg); background-size:cover; }
	.homeBox01Body{ width:1000px; height:530px; margin:0 auto; position:relative; }
	.homeBox01Body >p{ color:#ffffff; font-size:1.5rem; padding-top:260px; filter: drop-shadow(5px 5px 5px rgba(0,0,0,1)); }
	.homeBox01Mask{ height:10%; width:100%; position:absolute; bottom:0; left:0; }
	.homeBox02{ background-color:#1a1d24; }
	.homeBox02Body{ width:1000px; margin:0 auto; position:relative; }
	.homeBox02Body > p{ float:right; color:#ffffff; padding-bottom:3rem; line-height:2.5rem; }
	.homeBox03{ background-color:#1a1d24; background:linear-gradient(to right, #000000 0%,#000000 10%,#1a1d24 70%,#1a1d24 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#1a1d24',GradientType=1); }
	.homeBox03Body{ width:1000px; margin:0 auto; }
	.homeBox0301{ width:100%; height:400px; position:relative; }
	.homeBox0301 > div:nth-of-type(1){ width:852px; height:300px; position:absolute; top:100px; left:148px;  }
	.homeBox0301 > div:nth-of-type(2){ width:200px; height:200px; position:absolute; top:50px; left:20px;  }
	.homeBox0302{ width:100%; }
	.homeBox0302 > div:nth-of-type(1){ float:left; width:50%; }
	.homeBox0302 > div:nth-of-type(2){ float:left; width:50%; }
	.homeBox0302 > div:nth-of-type(2) > p{ color:#ffffff; text-align:center; }
	.homeBox0302 > div:nth-of-type(2) > p:nth-of-type(1){ font-size:1.7rem; padding-top:2rem; }
	.homeBox0302 > div:nth-of-type(2) > p:nth-of-type(2){ padding-top:1rem; line-height:2rem; padding-bottom:4rem; }
	.homeBox04{ display:table; width:100%; background-color:#ffffff; }
	.homeBox0402{ display:table-cell; width:50%; background-image:url(../../img/homeImg05.jpg); background-size:cover; }
	.homeBox0401{ display:table-cell; width:50%; }
	.homeBox0401 > div{ width:500px; float:right; }
	.homeBox0401 > div > p{ text-align:center; }
	.homeBox0401 > div > p:nth-of-type(1){ font-size:1.7rem; padding-top:4rem; }
	.homeBox0401 > div > p:nth-of-type(2){ padding-top:2rem; line-height:2rem; padding-bottom:4rem; }
	.homeBox05{ background-color:#1a1d24; background:linear-gradient(to right, #1a1d24 0%,#1a1d24 10%,#000000 70%,#000000 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a1d24',endColorstr='#000000',GradientType=1); }
	.homeBox05Body{ width:1000px; margin:0 auto; }
	.homeBox0501{ display:table; width:100%; }
	.homeRoomInfo{ display:table-cell; width:50%; padding:3rem 2rem; }
	.homeRoomInfo > div:nth-of-type(1){}
	.homeRoomInfo > div:nth-of-type(2){}
	.homeRoomInfo > div:nth-of-type(2) > p{ line-height:100%; padding:2rem 0; text-align:center; color:#ffffff; }
	.homeRoomInfo > div:nth-of-type(2) > p > span{ font-size:2rem; }
	.homeRoomInfo > div:nth-of-type(3){}
	.homeRoomInfo > div:nth-of-type(3) > p{  float:left; width:calc(100% - 4.5rem); height:6rem; line-height:1.6rem; padding-left:5rem; padding-top:0.7rem; position:relative; color:#147784; background-color:#ffffff; border-radius:0.5rem; }
	.homeRoomInfo > div:nth-of-type(3) > p:before{ content:''; display:inline-block; width:3.3rem; height:3.3rem; position:absolute; top:1rem; left:1rem; background-image:url(../img/iconBed.png); background-size:contain; vertical-align:middle; }
	.homeRoomInfo > div:nth-of-type(3) > a{ float:left; display:block; position:relative; width:4rem; height:6rem; margin-left:0.5rem; background-color:#ffffff; border-radius:0.5rem; }
	.homeRoomInfo > div:nth-of-type(3) > a:hover{ cursor:pointer; opacity:0.7; }
	.homeRoomInfo > div:nth-of-type(3) > a > p{ font-size:0.8rem; position:absolute; bottom:1.8rem; left:0; width:100%; line-height:130%; text-align:center; color:#147784; }
	
	/*
	.homeRoomInfo > div:nth-of-type(3) > a > p:before{ content:''; display:inline-block; width:2rem; height:2rem; position:absolute; bottom:1.5rem; left:0; right:0; margin:auto; background-image:url(../img/iconReserveG.png); background-size:contain; }
	*/
	
	.homeBox06{ background-color:#ffffff; padding-bottom:3rem; }
	.homeBox06Body{ width:1000px; margin:0 auto; }
	.homeBox06Body > p{ padding-top:3rem; text-align:center; font-size:2rem; color:#147784; }
	.homeBox0601{ display:table; width:100%; }
	.homeBox0601 > div{ display:table-cell; width:50%; padding:1rem 1rem; }
	.homeBox0601 > div >p{ line-height:100%; padding:0.5rem 1rem; margin-top:0.5rem; background-color:#e6f1f2; }
	
	/* Header */
	.header{ width:100%; height:100px; position:fixed; top:0; left:0; z-index:99990; background-color:#ffffff; }
	.headerDummy{ width:100%; height:100px; }
	.headerMainArea{ width:100%; height:100px; background-color:#ffffff; }
	.headerMainBody{ width:1000px; height:100px; margin:0 auto; position:relative; }
	.headerTitle{ display:inline-block; position:absolute; top:0; left:0; right:0; margin:auto; height:100px; text-align:center; }
	.headerTitle img{ margin-top:35px; width:260px; height:auto; }
	.headerTitle img:hover{ cursor:pointer; opacity:0.7; }
	.resvBtn{ display:block; width:100px; height:100px; position:absolute; top:0; right:0; background-color:#1a1d24; }
	.resvBtn:hover{ cursor:pointer; opacity:0.7; }
	.resvBtn > p{ font-size:0.8rem; position:absolute; bottom:1rem; left:0; width:100%; line-height:100%; text-align:center; color:#ffffff; }
	.resvBtn > p:before{ content:''; display:inline-block; width:50px; height:50px; position:absolute; bottom:1rem; left:0; right:0; margin:auto; background-image:url(../img/iconReserve.png); background-size:contain; }
	.headerBtnMenuOpen{ display:block; width:6rem; height:2rem; position:absolute; top:0; bottom:0; left:0; margin:auto; background-color:#ffffff; }
	.headerBtnMenuOpen:hover{ cursor:pointer; }
	.headerBtnMenuOpen > p{ font-size:1.2rem; margin-top:5px; }
	.headerBtnMenuOpen > p:before{ content:''; display:inline-block; width:2rem; height:2rem; margin-right:0.3rem; margin-top:-5px; background-image:url(../img/iconMenu.png); background-size:contain; vertical-align:middle; }
	.headerSubArea{ display:none; width:100%; height:100vh; background-color:#1a1d24; position:absolute; top:0; left:0; z-index:99999; }
	.headerBtnMenuClose{ display:block; width:6rem; height:2rem; position:absolute; top:0; bottom:0; left:0; margin:auto; background-color:#ffffff; }
	.headerBtnMenuClose:hover{ cursor:pointer; }
	.headerBtnMenuClose > p{ font-size:1.2rem; margin-top:5px; }
	.headerBtnMenuClose > p:before{ content:''; display:inline-block; width:2rem; height:2rem; margin-right:0.3rem; margin-top:-5px; background-image:url(../img/iconMenuClose.png); background-size:contain; vertical-align:middle; }
	.headerSubBody{ background-color:#1a1d24; }
	.headerSubAnc{ display:block; padding:2rem 0; line-height:100%; text-align:center; color:#ffffff; border-bottom:1px #ffffff solid; background-color:#000000; }
	.headerSubAnc:hover{ cursor:pointer; opacity:0.7; text-decoration:none; }
	.headerMainAreaSubLang{ position:absolute; top:25px; right:110px; }
	.headerMainAreaSubLang a, .headerSubLang p{ display:inline-block; margin:0 0.2rem; width:3rem; height:3rem; line-height:3rem; text-align:center; color:#ffffff; background-color:#787e8a; border-radius:1.5rem; }
	.headerMainAreaSubLang a:hover{ cursor:pointer; opacity:0.7; text-decoration:none; }
	.headerSubLang{ display:none;  }


	
	
		/* Footer */
	.footerLink{ background-color:#1a1d24; padding:2rem 0; }
	.footerLinkBody{ display:table; margin:0 auto; }
	.footerLinkBody > div{ display:table-cell; padding:1rem; }
	.footerLinkBody > div > a{ width:192px; display:block; border:1px #ffffff solid; }
	.footerLinkBody > div > a:hover{ cursor:pointer; opacity:0.7; }
	.footerLinkBody > div > a > img{ display:block; border:1px #1a1d24 solid; }
	.btnPgTop{ display:none; width:50px; height:50px; position:fixed; bottom:3rem; right:3rem; z-index:99990; }
	.btnPgTop:hover{ cursor:pointer; opacity:0.7; }
	.footer{ background-color:#ffffff; padding-top:3rem; }
	.footer > div{ width:16%; margin:0 auto; padding-bottom:1rem; }
	.footer > p{ width:400px; margin:0 auto; text-align:center; }
	.footer > .address1{ width:450px; margin:0 auto; text-align:center; }
	.footer > .address1 >  p:nth-of-type(1){ padding-bottom:0.5rem; border-bottom:1px #000000 solid; }
	.footer > .address1 >  p:nth-of-type(2){ padding-top:0.5rem; margin-bottom:1rem; }
	.footer > .address1 > p > a{ color:#000000; }
	.footer > .address2{ background-color:#d2d4d8; padding:1rem 0; width:100%; margin:0 auto; text-align:center; padding-bottom:3rem; }
	.footer > .address2 > p{ width:450px; margin:0 auto; text-align:center; font-size:0.7rem; }
	.footer > .address2 > p:nth-of-type(1){ padding-bottom:0.5rem; border-bottom:1px #000000 solid; }
	.footer > .address2 > p:nth-of-type(2){ padding-top:0.5rem; }
	.footer > .address2 > p:nth-of-type(1) > br:nth-of-type(2){ display:none; }
	
}