@charset "utf-8";
/* ===================================================
	rakuten CSS
====================================================== */
.r_wrapper { background-color: #f7f4eb;}
.r_wrapper {
	width: 1200px;
	margin: 0 auto;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
	position: relative;
}
#r_home img {
	max-width: 100%;
}

#r_header {
	display: flex;
	position: absolute;
	top: 0;
	z-index: 2;
	width: 100%;
	align-items: center;
}

#r_header a { 
	color: #fff;
}

#r_header ul {
	display: flex;
	margin: 0 0 0 auto;
}

#r_header ul li { margin: 0 32px 0 0;}

#r_header ul+a { margin: 0;
	padding: 30px 0 !important;
	color: #fff;
	background: #938765;
	width: 145px;
	text-align: center;
	transition: opacity 0.5s ease;
}
#r_header ul+a:hover {
	text-decoration: none;
	opacity: .8;
}
#r_header ul li a {
	position: relative;
	padding: 10px 0;
}
#r_header ul li a::after {
	content: '';
	width: 0;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: width .5s;
}

#r_header ul li a:hover::after {
	width: 100%;
	background-color: #fff;
}
#r_header ul li a:hover {
	opacity: 1;
	text-decoration: none;
}

#r_header>img { padding: 0 0 0 27px; width: 183px;}
#r_header >a:nth-of-type(1) { padding: 0 0 0 27px;}
#r_header>a:nth-of-type(1) img {width: 183px;}

#r_home .visual {
	position: relative;
}
#r_home #main_img #slide {
	width: 1200px;
	height: 690px;
	position: relative;
	z-index: 1;
}
#r_home #main_img .vis {
	height: 690px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
#r_home #main_img .vis.vis01 {
	background: url(../../img/main_slide01.jpg) no-repeat center top/contain;
}
#r_home #main_img .vis.vis02 {
	background: url(../../img/main_slide02.jpg) no-repeat center top/contain;
}
#r_home #main_img .vis.vis03 {
	background: url(../../img/main_slide03.jpg) no-repeat center top/contain;
}
#r_home #main_img .vis.vis04 {
	background: url(../../img/main_slide04.jpg) no-repeat center top/contain;
}
#r_home #main_img .vis.vis05 {
	background: url(../../img/main_slide05.jpg) no-repeat center top/contain;
}
#r_home #main_img .vis.vis06 {
	background: url(../../img/main_slide06.jpg) no-repeat center top/contain;
}
#r_home #main_img .vis.vis07 {
	background: url(../../img/main_slide07.jpg) no-repeat center top/contain;
}
#main_img {
	position: relative;
}

#slide_logo { position: absolute; left: 78px; bottom: 163px; z-index: 2;}
#slide_logo img { width: 356px;}
#slide_logo p { padding: 0 0 25px; font-size: 28px; color: #fff;}

#r_home .r_section { padding: 116px 0 0;}
#r_home .r_section >a { display: table; margin: 0 auto;}

#r_home #sec_plan { width: 1150px; margin: 0 auto; padding: 0 0 85px; background: url(../../img/sec_plan_bg1.png);}
#r_home #sec_plan >img { display: table; margin: 0 auto; padding: 65px 0; width: 170px;}
#r_home #sec_plan ul { width: 1055px; margin: 0 auto; display: flex; justify-content: space-between;}
#r_home #sec_plan ul li { width: 330px; background: url(../../img/sec_plan_bg2.png); line-height: 1.8;}
#r_home #sec_plan ul li a { display: block; color: #413f3a; padding: 0 0 40px;}
#r_home #sec_plan ul li p:nth-of-type(1) { padding: 20px 15px 40px;}
#r_home #sec_plan ul li p:nth-of-type(2) { position: relative; right: 14px; display: table; margin: 0 0 0 auto; padding: 0 15px 0 0; background: url(../../img/arrow.png)no-repeat right center; background-size: 6px;}
#r_home #sec_plan>a { width: 190px; display: table; margin: 60px auto 0; color: #fff; padding-bottom: 10px; border-bottom: 1px solid #fff; background: url(../../img/arrow2.png)no-repeat right 10px; background-size: 6px;}
#r_home #sec_plan>a:hover { border-bottom: none; padding-bottom: 11px; text-decoration: none; opacity: .7;}

#r_footer { background: url(../img/f_bg2.png);}
#f_reserve { display: flex; flex-wrap: wrap; color: #fff;}
#f_reserve div { display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; justify-content: center; width: 600px; flex: 1; background: url(../img/f_bg1.png); text-align: center;}
#f_reserve div>img { display: block; margin: 0 auto 50px;}
#f_reserve div>a { display: block; width: 300px; margin: 0 0 30px; padding: 24px 0; background-color: #938765; color: #fff; font-size: 20px; transition: opacity 0.5s ease;}
#f_reserve div>a:hover { text-decoration: none; opacity: .8;}
#f_reserve div dl { width: 440px;}
#f_reserve div dt { margin: 0 0 20px; font-size: 18px;}
#f_reserve div dd { display: flex; align-items: center; font-size: 34px;}
#f_reserve div dd span { font-size: 29px;}
#f_reserve div dd p { font-size: 16px;}
#f_reserve div dd img { width: 253px;}
#f_cont { display: flex; padding: 90px 53px 100px 68px; color: #222;}
#f_cont address >img { display: block; width: 280px; margin: 0 0 20px;}
#f_cont address { font-style: normal; line-height: 2;}
#f_cont ul { column-count: 2; margin: 0 0 0 auto; width: 466px;}
#f_cont li { margin-bottom: 22px;}
#f_cont li a { color: #222; font-size: 17px;}
#f_cont+p { display: flex; align-items: center; margin: 0 50px 40px 0; font-size: 15px; color: #222; justify-content: flex-end;}
#f_cont+p img { width: 175px; margin: 0 0 0 10px;}
#r_copy { text-align: center; color: #222; font-size: 12px; padding: 0 0 25px;}