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


/*======================================
base
========================================*/

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

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

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

/*===========================
footer
===========================*/
.rakuten_footer{
	display: block;
	width: 950px;
	height: 266px;
	background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/eurocity/img/footerbg.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
}
#f_nav{
	display: flex;
	flex-direction: row;
	width: 950px; 
	position: absolute;
	bottom: 18px;
	left: 0;
}

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

#t_02{
	display: block;
	width: 950px; 
	height: 1446px;
	background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/eurocity/img/t02.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
}
#t02btn1{
	display: block;
	width: 195px;
	position: absolute;
	top: 598px;
	right: 142px;
}
#t02btn2{
	display: block;
	width: 195px;
	position: absolute;
	top: 980px;
	left: 144px;
}

#t02btn3{
	display: block;
	width: 195px;
	position: absolute;
	right: 142px;
	bottom: 0;
}


#t_03{
	display: block;
	width: 950px; 
	height: 598px;
	background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/eurocity/img/t03.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
}
#t03_btn{
	display: flex;
	justify-content: space-between;
	width: 820px;
	position: absolute;
	bottom: 0px;
	left: 65px;
}


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

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

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

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

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

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

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

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

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

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

#plan{
	display: block;
	width: 950px; 
	height: 611px;
	background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/eurocity/img/planbg.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
}
#plan_list{
	display: flex;
	justify-content: space-between;
	width: 870px;
	position: absolute;
	top: 125px;
	left: 40px;
}
#t_14{
	display: block;
	width: 950px; 
	height: 1654px;
	background-image: url(https://thinkgarbage.sakura.ne.jp/tomarotto/eurocity/img/t14.jpg);
	background-repeat: no-repeat;
	background-size: contain;
}

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

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