@charset "UTF-8";

#htlHeader { padding-top: 50px!important; margin-left: calc(50% - 600px); }
#htlSide-A { margin-left: calc(50% - 600px); }
#htlMainContent,
#htlRmSrch { padding-top: 10px!important }

.syusuien-rakuten { font-size: 1.1rem; }



.syusuien-rakuten h1,
.syusuien-rakuten h2,
.syusuien-rakuten h3,
.syusuien-rakuten h4
{ font-weight: 500!important }

.syusuien-rakuten div#htlContents.dmstcHtl { text-align: center; margin: 0 auto; }


.syusuien-rakuten .pc { display: block!important; }
.syusuien-rakuten .iphone, .sp { display: none!important; }

.syusuien-rakuten a[href*="tel:"] { pointer-events: none; cursor: default; text-decoration: none; }

.syusuien-rakuten header#org-header {
  background: hsla(0,0%,0%,.4);
  width: 100%;
  height: 70px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100000002;
}

.syusuien-rakuten header#org-header .headlogo { width: 110px; left: 30px; top: 20px; }

.syusuien-rakuten header#org-header nav { margin: 20px 30px 0; text-align: left; margin-left: 180px }
.syusuien-rakuten header#org-header nav p { font-size: .9em; display: inline-block; }

.syusuien-rakuten header#org-header .reservset a:hover,
.syusuien-rakuten header#org-header nav p.cont a:hover,
.syusuien-rakuten#rooms header#org-header nav p.cont a:nth-child(1),
.syusuien-rakuten#cuisine header#org-header nav p.cont a:nth-child(2),
.syusuien-rakuten#spa header#org-header nav p.cont a:nth-child(3),
.syusuien-rakuten#facilities header#org-header nav p.cont a:nth-child(4),
.syusuien-rakuten#sightseeing header#org-header nav p.cont a:nth-child(5)

{ border-color: hsla(0,0%,100%,1); color: #fff }

.syusuien-rakuten .reservset { position: absolute; z-index: 101; top:20px; font-size: .8em }
.syusuien-rakuten header#org-header .reservset { right: 20px;  }
.syusuien-rakuten a.infobt { bottom:30px; left: 30px; font-size: .7em; letter-spacing: .15em }

.syusuien-rakuten .container { position: relative; width: 950; margin: 0 auto; }
.syusuien-rakuten section.zoom { position: relative; width: 950px; height: 534px; }
.syusuien-rakuten#access section.zoom { height: 180px; padding-top: 70px }
.syusuien-rakuten#access section.zoom img { width:100%; height: auto; }
.syusuien-rakuten .video-box { position: relative; overflow: hidden; width: 950px; height: 534px; }
.syusuien-rakuten #myVideo { width: 100%; object-fit: cover; object-position: 50% 0%; z-index:1; }

/*
.syusuien-rakuten#access div.container { width: 950px }
.syusuien-rakuten#access div.container img { width: 950px }
*/

.syusuien-rakuten main { width: calc(100% - 0px);  margin: 0 auto; background-color: hsla(197,100%,50%,0.0); }

.lft { float: left }
.rgt { float: right }
.gobu > .lft { width: 48%; }
.gobu > .rgt { width: 48%; }
.rokubu > .lft { width: 60%; }
.rokubu > .rgt { width: 38%; }
#index .rokubu > .rgt { width: 26%; margin-right: 1% }
#index .rokubu > .lft { width: 65%;}
#index .yonbu > .lft { width: 26%; margin-left: 1% }
.nanabu > .lft { width: 70%; }
.nanabu > .rgt { width: 25%; }
.yonbu  >.rgt { width: 60%; }
.yonbu > .lft { width: 38%; }
.sanbu  >.rgt { width: 65%; }
.sanbu > .lft { width: 25%; margin-left: 5% }
.sandan .lft { width: 33.3333%; margin-right: 5% }

.palletbox { display: table; width: 100%; background-color: hsla(197,100%,50%,0.0); }
.palletbox .pallet { display: table-cell; width: 33.3333%; padding: 0 2% 0; vertical-align: top; }
.palletbox.yondan .pallet { width: 25%; padding: 0 2% 0;  }
#index article.nallow { margin-bottom: 0!important; margin-top: 50px!important; }

.syusuien-rakuten .thumbs { width: calc(11.1111111% - 40px); padding: 20px 20px 20px 20px; float: left; }
.syusuien-rakuten .thumbs a span.roomname { bottom: -3em; left:0em ; font-size: .8em; line-height: 1.5em }
/*.thumbs:nth-child(4) a span, .thumbs:nth-child(5) a span, .thumbs:nth-child(6) a span { bottom: -3.0em; }*/
.syusuien-rakuten .thumbs a span.bar { bottom: 6px; left: 40%; width: 20%; }

.syusuien-rakuten .room { font-size: 1em; line-height: 2em; text-align: justify; }
.syusuien-rakuten .zu { width: 100%; margin: 56px 0 0 0% }

.syusuien-rakuten dt { float: left; width: 20%; margin: 0; padding: 0 5px }
.syusuien-rakuten dd { float: right; width: 75%; margin: 0; padding: 0 5px }


.syusuien-rakuten figure {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.headset.abso { position: absolute }
.headset .syusuiname { ; font-size: 1.8em; padding: 16px 0 5px 30px }
.headset .syusuiname span { font-size: .7em; letter-spacing: 0em; padding-right: .5em; vertical-align: .1em }



.oshinagaki.tategaki, .oshinagaki.tategaki .abso { height: 700px; padding-top: 30px }
#std .oshinagaki.tategaki, #std .oshinagaki.tategaki .abso { height: 300px; }

.syusuien-rakuten #index #secondary .rsv_bt { width: 90%; margin: 0 5%; }

ul.kondate li { font-size: .8em; letter-spacing: .3em; line-height: 2.2em }
ul.kondate li.h4 { line-height: 4em }
ul.kondate span { display: inline-block; letter-spacing: .3em; width: 1em; height: 70px }

h3.hist { padding: .6em 0 0 4.6em; font-size: 1.0em }
h3.hist span { font-size: 2em; }

/************ for sakura *************/

.syusuien-rakuten footer { font-size: 1em; line-height: 2.2em; padding: 1px 40px 1px }

.syusuien-rakuten .footlogo { width: 160px; padding-bottom: 5px }

.syusuien-rakuten nav#sitemap div.lft.prof { width: 34%; }
.syusuien-rakuten nav#sitemap div.lft.rms { width: 22%; }
.syusuien-rakuten nav#sitemap div.lft.infos { width: 22%; }
.syusuien-rakuten nav#sitemap div.lft.rsv { width: 22%; }

.syusuien-rakuten nav#sitemap ul li a 
{ border: 1px solid #999; border-radius: 6px; background-color: #fff; display: block; text-align: center; font-size: .8em; width: 90%; margin: 0 0 10px 10%; font-weight: 700; }

.syusuien-rakuten nav#sitemap div.lft.rms ul li a:hover,
.syusuien-rakuten nav#sitemap div.lft.infos ul li a:hover
{ background-color: #eee; }

.syusuien-rakuten nav#sitemap div.lft.rsv ul li a { color: #fff }
.syusuien-rakuten nav#sitemap div.lft.rsv ul li:nth-child(1) a { background-color: #777 }
.syusuien-rakuten nav#sitemap div.lft.rsv ul li:nth-child(1) a:hover { background-color: #aaa }
.syusuien-rakuten nav#sitemap div.lft.rsv ul li:nth-child(2) a { background-color: #1267D6 }
.syusuien-rakuten nav#sitemap div.lft.rsv ul li:nth-child(2) a:hover { background-color: #3584EB }
.syusuien-rakuten nav#sitemap div.lft.rsv ul li:nth-child(3) a { background-color: #D41014 }
.syusuien-rakuten nav#sitemap div.lft.rsv ul li:nth-child(3) a:hover { background-color: #F33B3E }

/************ for sakura *************/

.syusuien-rakuten article { width: calc(100% - 0px); margin: 100px auto 100px; }
.syusuien-rakuten article#sarakuflow { width: calc(100% - 40px); margin: 20px auto 50px; padding: 40px 20px; }


/**  h2wrap  **/

.syusuien-rakuten #h2wrap { font-size: 1em; line-height: 2.4em; background-color: hsla(197,100%,50%,0.0); }

#rooms #h2wrap.tategaki, #rooms #h2wrap.tategaki .abso { height: 350px; }
#cuisine #h2wrap.tategaki, #cuisine #h2wrap.tategaki .abso { height: 350px; }
#spa #h2wrap.tategaki, #spa #h2wrap.tategaki .abso { height: 350px; }
#facilities #h2wrap.tategaki, #facilities #h2wrap.tategaki .abso { height: 350px; }
#group #h2wrap.tategaki, #group #h2wrap.tategaki .abso { height: 350px; }
#sightseeing #h2wrap.tategaki, #sightseeing #h2wrap.tategaki .abso { height: 350px; }
#access #h2wrap.tategaki, #access #h2wrap.tategaki .abso { height: 350px; }

/**  h2wrap h2  **/

#h2wrap h2 { font-size: 1.8em; line-height: 1.6em; }
#h2wrap h3 { font-size: 1.3em; line-height: 1.8em; }
#cuisine #h2wrap h2 { font-size: 2.4em; }

/*
#rooms #h2wrap h2 { font-size: 1.8em; }
#group #h2wrap h2 { font-size: 1.8em; }
*/


.syusuien-rakuten#index #h2wrap h1 { font-size: 1.8em; line-height: 1.6em; }
.syusuien-rakuten#index #h2wrap p { font-size: 1.0em; line-height: 2.4em; }

.syusuien-rakuten#index #h2wrap.tategaki, #index #h2wrap.tategaki .abso { height: 300px; }

.syusuien-rakuten#index #primary h2 { font-size: 1.5em; line-height: 1.3em }
.syusuien-rakuten#index #primary h2 span { font-size: .5em; line-height: 1.4em; display: block }
.syusuien-rakuten#index #primary h2 span.should { font-size: .7em; line-height: 1.6em; }
.syusuien-rakuten h2 span.should { font-size: .7em; line-height: 1.6em; vertical-align: .1em }

.syusuien-rakuten#index #secondary h2 { font-size: 1.5em; line-height: 1.6em; padding-top: 20px; }
.syusuien-rakuten#index #secondary h2 span { font-size: .5em; line-height: 1.4em; display: block }
.syusuien-rakuten#index #secondary h2 span.should { font-size: .7em; line-height: 1.6em; }


.syusuien-rakuten#cuisine .kaiseki h2 { font-size: 1.6em; line-height: 1.2em; }
.syusuien-rakuten#cuisine .kaiseki h3
{ font-size: 1.2em; line-height: 1.6em; }
.syusuien-rakuten #restaurant .bg-box { width: 90vw; height: 60vh; top: 10vw; right: 0vw; }

.syusuien-rakuten #daiyokujo h2 { font-size: 1.6em; line-height: 1.2em; }
.syusuien-rakuten #daiyokujo h2 span { font-size: .7em; line-height: 1.4em; display: block}

.kashikiriyu h2 { font-size: 2.0em; line-height: 1.2em; }
.kashikiriyu h2 span { font-size: .7em; line-height: 1.4em; display: inline-block}

.oshokujidokoro h2 { font-size: 2.0em; line-height: 1.2em; }
.oshokujidokoro h2 span { font-size: .7em; line-height: 1.4em; display: inline-block}

.syusuien-rakuten#spa #kashi h3 { font-size: 1.2em; line-height: 1.6em; }

.syusuien-rakuten article.room h3 { font-size: 1.2em; line-height: 1.6em; }
.syusuien-rakuten#spa h3 { font-size: 1.2em; line-height: 1.6em; }

.syusuien-rakuten h3.planname { font-size: 2.0em; line-height: 1.2em; }

.syusuien-rakuten#facilities #kannaizu img { width: 80%; margin: 100px auto 100px;}
.syusuien-rakuten#facilities h3.facinam { font-size: 1.6em; line-height: 1.2em; text-align: left; margin-bottom: 20px }

.syusuien-rakuten .imagelogo { left: 42%; top: 42%; width: 16% }
.syusuien-rakuten .h1box { bottom: 0px; left: calc(50% - 15px); width: 30px; padding: 0 0 20px; }
.syusuien-rakuten .h1box .tategaki { width: 30px; }

/*
.h1box { line-height: 20px; left: calc(50% - 15px); width: 30px; padding: 0 0 20px; }
.h1box { left: calc(50% - 190px); width: 400px; padding: 0 0 40px; }

*/
.syusuien-rakuten .h1box h1 { font-size: 24px; letter-spacing: .5em; }

.syusuien-rakuten article { width: calc(100% - 40px); margin-top: 50px!important; margin-bottom: 50px!important }
.syusuien-rakuten article.nallow {  }

.syusuien-rakuten article.nallow2 { margin: 0px auto 50px; background-color: hsla(197,100%,50%,0.0); padding: 30px 0 0 }
.syusuien-rakuten article.nallow2 .palletbox { margin: 0; padding: 0; }

.syusuien-rakuten div.nallow3 {  }

.syusuien-rakuten article.room, article.kaiseki {  }
.syusuien-rakuten article.detail { width: 100%; max-width: 800px }
.syusuien-rakuten article.detail#kannaizu { width: 80%; max-width: 1000px; margin-bottom: 0 }

.syusuien-rakuten article.full { margin: 60px auto 0; padding: 30px 0 20px; font-size: 1.4em; line-height: 1.2em }
.syusuien-rakuten article.full h2 { font-size: 1.2em; line-height: 1.2em; padding: 0; margin: 0 }
.syusuien-rakuten#sightseeing article.full { padding: 30px 0 5px; }

.syusuien-rakuten#sightseeing .palletbox {margin: 100px auto 100px; max-width: 1200px }

.syusuien-rakuten .read { margin: 40px auto 80px; }
.palletbox- { max-width: 1200px }
.syusuien-rakuten nav#sitemap { margin: 50px auto 50px; max-width: 1200px }

.wideBgEx{-webkit-animation-name:wideBgEx;animation-name:wideBgEx}
.wideEx{-webkit-animation-name:wideEx;animation-name:wideEx}