@charset "utf-8";
/* CSS Document */

/*蟄ｦ縺ｳ闊弱・驥・/

/*======================================
繝ｪ繧ｻ繝・ヨcss
========================================*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: bottom;
    background: transparent;
}

*{
	margin: 0;
	padding: 0;
}

/*===========================
body
===========================*/
body{
	margin:0;
	padding:0;
	font-size:14px;
	font-family: 'YuGothic', 'Yu Gothic medium', 'Hiragino Sans', 'Meiryo', 'sans-serif';
	color:#666;
}


.clearfix::after{
		content: "";
		display: block;
		clear: both;
	}

a{
	color:#666;
	text-decoration: none;
}
a:hover{
	color:#2e6449;
	opacity: 0.7;
	transition: 0.3s all ease-out 0.1s;
	-webkit-transition: 0.3s all ease-out 0.1s;
	-moz-transition: 0.3s all ease-out 0.1s;
}
img{
	vertical-align: bottom;
}


/*===========================
rakuten_wrap
===========================*/
.rakuten_wrap{
	width:950px;
	margin:0 auto;
	padding:0;
}
/*===========================
.header
===========================*/
.rheader {
	display: block;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/lakeinn/img/head.jpg);
    background-repeat: no-repeat;
	background-size: contain;
    width: 950px;
    height:75px;
	margin:0;
	padding:0;
	position: relative;
}
#toplogo{
	display: block;
	width: 149px;
	position: absolute;
	top: 8px;
	left: 401px;
}
/*===========================
rakuten_award
===========================*/
.award_bnr {
  margin-bottom: 20px;
}
#rheader_base {
  position: relative;
}
.award_area {
  /*padding: 16px 0 30px;*/
  display: flex;
  flex-flow: column;
  align-items: center;
  /*align-items: flex-end;*/
  position: absolute;
  top: 90px;
  left: 20px;
  /*background: linear-gradient(0deg, transparent, rgba(255,255,255,0.3));*/
}
.emb02 {
  position: relative;
  top: -4px;
}
#emblem{
	display: block;
	width: 164px;
	position: absolute;
	top: 23px;
	right: 60px;
	z-index: 999;
}
/*===========================
.slide_setting_トップスライド
===========================*/
.slide_setting{
	background-repeat: no-repeat;
	width: 950px;
	height: 597px;
}
.slide_setting iframe{
    position: absolute;
	
}
/*===========================
.slide_setting_
===========================*/

.slideshow{
	display: block;
	width: 950px;
	height: 330px;
	position: absolute;
	top: 509px;
	left: 0;
}
.slider-wrapper {
  width: 950px;
  height: 330px;
  overflow: hidden;
  position: relative;
}

.slider {
  display: inline-flex; /* ← flexより安定 */
  animation: scroll 90s linear infinite;
width: calc((294px) * 40);
}

.slider img {
  width: 294px;
  height: 244px;
  margin-right: 35px;
  object-fit: cover;
}
@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-10000px); } /* 仮で大きく動かす */
}

/*==============================
.nav 
==============================*/

.nav{
	display: block;
	width: 950px;
	height: 201px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/lakeinn/img/navbg.jpg);
    background-repeat: no-repeat;
	background-size: contain;
	position: relative;
}

.nav_list1{
	display: flex;
	justify-content: space-between;
	width: 830px;
	height: 60px;
	top: 27px;
	left: 61px;
	position: absolute;
}

.fnav_list2{
	display: flex;
	justify-content: space-between;
	width: 508px;
	height: 45px;
	position: absolute;
	top: 118px;
	left: 221px;
}
.nav_list2{
	display: flex;
	justify-content: space-between;
	width: 508px;
	height: 45px;
	position: absolute;
	top: 111px;
	left: 221px;
}
/*==============================
.nav 
==============================*/

.rakuten_footer{
	display: block;
	width: 950px;
	height: 530px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/lakeinn/img/footerbg.jpg);
    background-repeat: no-repeat;
 	background-size: contain;
	position: relative;
}
.fnav_list1{
	display: flex;
	justify-content: space-between;
	width: 830px;
	height: 60px;
	position: absolute;
	top: 36px;
	left: 60px;
}

.fnav_list2{
	display: flex;
	justify-content: space-between;
	width: 508px;
	height: 45px;
	position: absolute;
	top: 118px;
	left: 221px;
}
#footerlogo{
	display: block;
	width: 170px;
	height: 58px;
	position: absolute;
	bottom: 58px;
	left: 401px;
}
/*===========================
.plan
===========================*/

.plan{
  	display: block;
   background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/lakeinn/img/planbg.jpg);
    background-repeat: no-repeat;
	background-size: contain;
    width: 950px;
    height: 790px;
	position: relative;
}

.plan_list{
	display: flex;
	justify-content: space-between;
	width: 830px;
	height: 548.12px;
    position: absolute;
    top: 174px;
	left: 60px;
}

/*===========================
.Top_02
===========================*/
#t01{
 	display: block;
    width:950px;
    height: 395px;
	background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/lakeinn/img/t01.jpg);
    background-repeat: no-repeat;
 	background-size: contain;
}

#t02{
  	display: block;
    width:950px;
    height: 1168px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/lakeinn/img/t02.jpg);
    background-repeat: no-repeat;
 	background-size: contain;
	position: relative;
}

.tbtn{
	display: block;
	width: 211px;
	height: 25px;
	position: absolute;
	right: 168px;
	bottom: 0px;
}
#t03{
  	display: block;
    width:950px;
    height: 1063px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/lakeinn/img/t03.jpg);
    background-repeat: no-repeat;
 	background-size: contain;
	position: relative;
}


#t04{
  	display: block;
    width:950px;
    height: 882px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/lakeinn/img/t04.jpg);
    background-repeat: no-repeat;
 	background-size: contain;
	position: relative;
}

#t05{
  	display: block;
    width:950px;
    height: 882px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/lakeinn/img/t05.jpg);
    background-repeat: no-repeat;
 	background-size: contain;
	position: relative;
}

#t06{
  	display: block;
    width:950px;
    height: 997px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/lakeinn/img/t06.jpg);
    background-repeat: no-repeat;
 	background-size: contain;
	position: relative;
}
#location_btn{
	display: block;
	width: 211px;
	height: 25px;
	position: absolute;
	top: 414px;
	left: 369px;
}

#t07{
  	display: block;
    width:950px;
    height: 1183px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/lakeinn/img/t07.jpg);
    background-repeat: no-repeat;
 	background-size: contain;
	position: relative;
}
#access_btn{
	display: block;
	width: 211px;
	height: 25px;
	position: absolute;
	right: 60px;
	bottom: 112px;
}
.hotel{
	display: block;
	width: 950px;
	height: 416px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/lakeinn/img/hotelbg.jpg);
    background-repeat: no-repeat;
 	background-size: contain;
	position: relative;
}
#hotel1{
	display: flex;
	justify-content: space-between;
	width: 640px;
	height: 99px;
    position: absolute;
	top: 155px;
	left: 155px;
}
#hotel2{
	display: flex;
	justify-content: space-between;
	width: 419px;
	height: 99px;
    position: absolute;
	bottom: 42px;
	left: 272px;
}

/*===========================
.ONSEN
===========================*/
#o1{
	display: block;
	width: 950px;
	height: 109px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/lakeinn/img/o1.jpg);
    background-repeat: no-repeat;
 	background-size: contain;
	position: relative;
}
.onsen_list{
	display: flex;
	justify-content: space-between;
	width: 538px;
	height: 45px;
	position: absolute;
	bottom: 0;
	left: 205px;
}
#o2{
	display: block;
	width: 950px;
	height: 1923px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/lakeinn/img/o2.jpg);
    background-repeat: no-repeat;
 	background-size: contain;
	position: relative;
}

#o3{
	display: block;
	width: 950px;
	height: 533px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/lakeinn/img/o3.jpg);
    background-repeat: no-repeat;
 	background-size: contain;
	position: relative;
}

#o4{
	display: block;
	width: 950px;
	height: 1969px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/lakeinn/img/o4.jpg);
    background-repeat: no-repeat;
 	background-size: contain;
	position: relative;
}
#villa{
	display: block;
	width: 211px;
	position: absolute;
	bottom: 572px;
	left: 363px;
}

/*===========================
.LOCATION
===========================*/
#l1{
	display: block;
	width: 950px;
	height: 109px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/lakeinn/img/l1.jpg);
    background-repeat: no-repeat;
 	background-size: contain;
	position: relative;
}
.llist{
	display: flex;
	justify-content: space-between;
	width: 830px;
	height: 45px;
	position: absolute;
	bottom: 0;
	left: 60px;
}
#l2{
	display: block;
	width: 950px;
	height: 1030px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/lakeinn/img/l2.jpg);
    background-repeat: no-repeat;
 	background-size: contain;
	position: relative;
}

#l3{
	display: block;
	width: 950px;
	height: 1270px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/lakeinn/img/l3.jpg);
    background-repeat: no-repeat;
 	background-size: contain;
	position: relative;
}

#l4{
	display: block;
	width: 950px;
	height: 1112px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/lakeinn/img/l4.jpg);
    background-repeat: no-repeat;
 	background-size: contain;
	position: relative;
}

#l5{
	display: block;
	width: 950px;
	height: 1113px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/lakeinn/img/l5.jpg);
    background-repeat: no-repeat;
 	background-size: contain;
	position: relative;
}

#l6{
	display: block;
	width: 950px;
	height: 1181px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/lakeinn/img/l6.jpg);
    background-repeat: no-repeat;
 	background-size: contain;
	position: relative;
}

#l7{
	display: block;
	width: 950px;
	height: 1694px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/lakeinn/img/l7.jpg);
    background-repeat: no-repeat;
 	background-size: contain;
	position: relative;
}

.lslideshow{
	display: block;
	width: 950px;
	height: 244px;
	position: absolute;
	top: 232px;
	left: 0;
}
.lslider-wrapper {
  width: 950px;
  height: 244px;
  overflow: hidden;
  position: relative;
}

.lslider {
  display: inline-flex; /* ← flexより安定 */
  animation: scrollL 60s linear infinite;
}

@keyframes scrollL {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/*===========================
.LOCATION
===========================*/
#c1{
	display: block;
	width: 950px;
	height: 320px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/lakeinn/img/c1.jpg);
    background-repeat: no-repeat;
 	background-size: contain;
	position: relative;
}
.cuisine_list{
	display: flex;
	justify-content: space-between;
	width: 752px;
	height: 139px;
	position: absolute;
	bottom: 0;
	left: 99px;
}
#c2{
	display: block;
	width: 950px;
	height: 1155px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/lakeinn/img/c.jpg);
    background-repeat: no-repeat;
 	background-size: contain;
	position: relative;
}

#c3{
	display: block;
	width: 950px;
	height: 1257px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/lakeinn/img/c3.jpg);
    background-repeat: no-repeat;
 	background-size: contain;
	position: relative;
}

#c4{
	display: block;
	width: 950px;
	height: 1685px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/lakeinn/img/c4.jpg);
    background-repeat: no-repeat;
 	background-size: contain;
	position: relative;
}
.slide_cuisne{
	background-repeat: no-repeat;
	width: 950px;
	height: 437px;
position: absolute;
	top: 628px;
	left: 0;
}

/*===========================
.ROOM
===========================*/
#r1{
	display: block;
	width: 950px;
	height: 501px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/lakeinn/img/r1.jpg);
    background-repeat: no-repeat;
 	background-size: contain;

}


#r2{
	display: block;
	width: 950px;
	height: 612px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/lakeinn/img/r2.jpg);
    background-repeat: no-repeat;
 	background-size: contain;
	position: relative;
}
.room_list1{
	display: flex;
	justify-content: space-between;
	width: 772px;
	height: 193px;
	position: absolute;
	top: 132px;
	left: 89px;
}
.room_list2{
	display: flex;
	justify-content: space-between;
	width: 772px;
	height: 193px;
	position: absolute;
	top: 367px;
	left: 89px;
}

#r3{
	display: block;
	width: 950px;
	height: 855px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/lakeinn/img/r3.jpg);
    background-repeat: no-repeat;
 	background-size: contain;
	position: relative;
}

.slide_room3{
	background-repeat: no-repeat;
	width: 950px;
	height: 361px;
position: absolute;
	top: 217px;
	left: 0;
}
#r4{
	display: block;
	width: 950px;
	height: 899px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/lakeinn/img/r4.jpg);
    background-repeat: no-repeat;
 	background-size: contain;
	position: relative;
}

.slide_room4{
	background-repeat: no-repeat;
	width: 950px;
	height: 361px;
position: absolute;
	top: 263px;
	left: 0;
}
#r5{
	display: block;
	width: 950px;
	height: 900px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/lakeinn/img/r5.jpg);
    background-repeat: no-repeat;
 	background-size: contain;
	position: relative;
}

.slide_room5{
	background-repeat: no-repeat;
	width: 950px;
	height: 361px;
position: absolute;
	top: 263px;
	left: 0;
}
#r6{
	display: block;
	width: 950px;
	height: 900px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/lakeinn/img/r6.jpg);
    background-repeat: no-repeat;
 	background-size: contain;
	position: relative;
}
.slide_room6{
	background-repeat: no-repeat;
	width: 950px;
	height: 361px;
position: absolute;
	top: 263px;
	left: 0;
}

#r7{
	display: block;
	width: 950px;
	height: 900px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/lakeinn/img/r7.jpg);
    background-repeat: no-repeat;
 	background-size: contain;
	position: relative;
}
.slide_room7{
	background-repeat: no-repeat;
	width: 950px;
	height: 361px;
position: absolute;
	top: 263px;
	left: 0;
}

#r8{
	display: block;
	width: 950px;
	height: 1100px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/lakeinn/img/r8.jpg);
    background-repeat: no-repeat;
 	background-size: contain;
	position: relative;
}
.slide_room8{
	background-repeat: no-repeat;
	width: 950px;
	height: 361px;
position: absolute;
	top: 262px;
	left: 0;
}

#r9{
	display: block;
	width: 950px;
	height: 536px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/lakeinn/img/r9.jpg);
    background-repeat: no-repeat;
 	background-size: contain;
}