@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;
}

/*===========================
.mv logo part
===========================*/

/*===========================
.slide_setting
===========================*/
.slide_setting{
	background-repeat: no-repeat;
	width: 960px;
	height: 600px;
}
.slide_setting iframe{
    position: absolute;
}

/*===========================
.nav
===========================*/
.nav{
	display: flex;
	flex-direction: row;
	width: 950px;
	height: 70px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/casualeuro/img/navbg.jpg);
    background-repeat: no-repeat;
	background-size: contain;
}

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

.fnav_list{
	display: flex;
	flex-direction: row;
	width: 950px;
	height: 70px;
	position: absolute;
	bottom: 0;
	left: 0;
}

/*==============================
.main
==============================*/
.plan{
	display: block;
	width: 950px;
	height: 657px;
    background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/casualeuro/img/planbg.jpg);
    background-repeat: no-repeat;
	background-size: contain;
	position: relative;
}
.plan_list{
	display: flex;
	justify-content: space-between;
	width: 870px;
	height: 443.5px;
	position: absolute;
	top: 157px;
	left: 40px;
}

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

#troom{
	display: block;
	width: 195px;
	height: 41px;
	position: absolute;
	top: 524px;
	right: 141px;
}
#tspa{
	display: block;
	width: 195px;
	height: 41px;
	position: absolute;
	top: 919px;
	left: 143px;
}
#tfood{
	display: block;
	width: 195px;
	height: 41px;
	position: absolute;
	right: 141px;
	bottom: 0px;
}


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

.hotel{
	display: block;
	width: 950px;
	height: 687px;
	background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/casualeuro/img/hotelbg.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
}
.hotel_list{
	display: flex;
	justify-content: space-between;
	width: 878px;
	height: 415px;
	position: absolute;
	top: 195px;
	left: 36px;
}


/*===========================
ROOM
===========================*/
#r_01 {
	width: 950px;
	height: 1093px;
	background: url(https://thinkgarbage.sakura.ne.jp/tomarotto/casualeuro/img/r_01bg.jpg) no-repeat center top/ 950px auto;
	position: relative;
}

/* roomリスト
------------------------- */
.room_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 820px;
	position: absolute;
	top: 218px;
	left: 65px;
	
}

.room_list a {
	margin-bottom: 65px;
}

.room_list a.mb {
	margin-bottom: 0;
}

/* 部屋詳細
------------------------- */

/* 洋室ツイン */
#r_t01 {
	width: 950px;
	height: 925px;
	background: url(https://thinkgarbage.sakura.ne.jp/tomarotto/casualeuro/img/r_t01.jpg) no-repeat center top/ 950px auto;
	position: relative;
}

/* 洋室ダブル */
#r_t02 {
	width: 950px;
	height: 940px;
	background: url(https://thinkgarbage.sakura.ne.jp/tomarotto/casualeuro/img/r_t02.jpg) no-repeat center top/ 950px auto;
	position: relative;
}

/* 洋室トリプル */
#r_t03 {
	width: 950px;
	height: 940px;
	background: url(https://thinkgarbage.sakura.ne.jp/tomarotto/casualeuro/img/r_t03.jpg) no-repeat center top/ 950px auto;
	
	position: relative;
}

/* 和風ツイン */
#r_t04 {
	width: 950px;
	height: 940px;
	background: url(https://thinkgarbage.sakura.ne.jp/tomarotto/casualeuro/img/r_t04.jpg) no-repeat center top/ 950px auto;
	position: relative;
}

/* 和風ダブル */
#r_t05 {
	width: 950px;
	height: 940px;
	background: url(https://thinkgarbage.sakura.ne.jp/tomarotto/casualeuro/img/r_t05.jpg) no-repeat center top/ 950px auto;
	position: relative;
}

/* 和風トリプル */
#r_t06 {
	width: 950px;
	height: 1020px;
	background: url(https://thinkgarbage.sakura.ne.jp/tomarotto/casualeuro/img/r_t06.jpg) no-repeat center top/ 950px auto;
	position: relative;
}

/* 設備・アメニティ等
------------------------- */
#r_02 {
	width: 950px;
	height: 502px;
	background: url(https://thinkgarbage.sakura.ne.jp/tomarotto/casualeuro/img/r_02.jpg) no-repeat center top/ 950px auto;
}

/*===========================
SPA
===========================*/
#s_01 {
	width: 950px;
	height: 1019px;
	background: url(https://thinkgarbage.sakura.ne.jp/tomarotto/casualeuro/img/s_01.jpg) no-repeat center top/ 950px auto;
}

#s_02 {
	width: 950px;
	height: 902px;
	background: url(https://thinkgarbage.sakura.ne.jp/tomarotto/casualeuro/img/s_02.jpg) no-repeat center top/ 950px auto;
}

#s_03 {
	width: 950px;
	height: 1101px;
	background: url(https://thinkgarbage.sakura.ne.jp/tomarotto/casualeuro/img/s_03.jpg) no-repeat center top/ 950px auto;
}

/*===========================
FOOD
===========================*/
#f_01 {
	width: 950px;
	height: 1169px;
	background: url(https://thinkgarbage.sakura.ne.jp/tomarotto/casualeuro/img/f_01.jpg) no-repeat center top/ 950px auto;
}

#f_02 {
	width: 950px;
	height: 1060px;
	background: url(https://thinkgarbage.sakura.ne.jp/tomarotto/casualeuro/img/f_02.jpg) no-repeat center top/ 950px auto;
}

#f_03 {
	width: 950px;
	height: 1125px;
	background: url(https://thinkgarbage.sakura.ne.jp/tomarotto/casualeuro/img/f_03.jpg) no-repeat center top/ 950px auto;
}

/*===========================
FACILITY / ACCESS
===========================*/

/* facility
------------------------- */
#fac {
	width: 950px;
	height: 900px;
	background: url(https://thinkgarbage.sakura.ne.jp/tomarotto/casualeuro/img/fac.jpg) no-repeat center top/ 950px auto;
}

/* access
------------------------- */
#acc_01 {
	width: 950px;
	height: 930px;
	background: url(https://thinkgarbage.sakura.ne.jp/tomarotto/casualeuro/img/acc_01.jpg) no-repeat center top/ 950px auto;
}

#acc_02 {
	width: 950px;
	height: 731px;
	background: url(https://thinkgarbage.sakura.ne.jp/tomarotto/casualeuro/img/acc_02.jpg) no-repeat center top/ 950px auto;
}

/* sightseeing
------------------------- */
#ss_01 {
	width: 950px;
	height: 631px;
	background: url(https://thinkgarbage.sakura.ne.jp/tomarotto/casualeuro/img/ss_01.jpg) no-repeat center top/ 950px auto;
}

#ss_02 {
	width: 950px;
	height: 887px;
	background: url(https://thinkgarbage.sakura.ne.jp/tomarotto/casualeuro/img/ss_02.jpg) no-repeat center top/ 950px auto;
}