@charset "UTF-8";

/*----------------------------------------------------
 contents
----------------------------------------------------*/
#CDSWIDCOE{ margin:0 !important;}


/* mainvisual */
#mv {
	width: 100%;
	height: 100vw;
	max-height: 640px;
	background-image: url(https://www.resol-ueno.com/sp/en/images/mv/mv.jpg);
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
@media screen and (min-width: 960px) {
#mv {
	background-size: 100% auto;
}
}
@media screen and (max-width: 640px) {
#mv {
	background-size: auto 100%;
}
}
#mv h1 {
	margin: 0 20px;
}


/* column1(information) */
.column1 {
	padding: 40px 25px 40px;
    background-color: #FCFCFC;
	background-image: url(https://www.resol-ueno.com/sp/en/images/map/bg_map.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
}
.column1 h2 {
	margin: 0 0 20px;
	font-family:'Lora', 'Kaiti SC', 'SimSun', serif;
	font-size: 26px;
	font-weight: 500;
	letter-spacing: 0.05em;
}
.column1 p {
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 1.8;
}


/* column1.5(slider and message) */
.column1_5 {
	padding: 0 0 40px;
}
.column1_5 .gallery {
	width: 100%;
	overflow: hidden;
    margin: 0 0 30px;
}
.column1_5 .gallery .bx-wrapper {
	width: 100%;
    height: 170px;
    margin: 0 auto;
    position: relative;
	overflow: hidden;
}
.column1_5 .gallery .bx-viewport {
	width: 1020px!important;
    margin-left: -510px;
	left: 50%;
}
p.ginfo {
	padding: 0 25px;
	font-size: 14px;
	line-height: 1.8;
}


/* column2(rooms) */
.column2 {
	width: 100%;
	height: 80vw;
	max-height: 320px;
	padding: 0 25px;
	background-image: url(https://www.resol-ueno.com/sp/en/images/rooms/bg_rooms.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
@media screen and (max-width: 640px) {
.column2 {
	height: calc(100vw * 430 / 640 - 10px);
}
}
.column2 h2 {
	width: 100%;
	margin: 0 0 20px;
	color: #FFFFFF;
	font-family:'Lora', 'Kaiti SC', 'SimSun', serif;
	font-size: 26px;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-align: center;
	align-self: flex-end;
}
.column2 p {
	color: #FFFFFF;
	line-height: 1.8;
	font-size: 14px;
	align-self: flex-start;
}
 

/* column2_5(rooms_accordion) */
.column2_5 .accordion {
	border-bottom: 1px solid #BFBFBF;
}
.column2_5 .accordion p.bar {
	cursor: pointer;
	padding: 10px 50px 10px 20px;
	font-family:'Lora', 'Kaiti SC', 'SimSun', serif;
	font-size: 18px;
	line-height: 1.2;
	letter-spacing: 0.05em;
	background-image: url(https://www.resol-ueno.com/sp/en/images/icon_down.png);
	background-position: calc(100% - 25px) center;
	background-repeat: no-repeat;
    background-size: 18px 13px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.column2_5 .accordion p.bar img {
	width: 75px;
	margin: 0 15px 0 0;
	border: 3px solid #BFBFBF;
}
.column2_5 .accordion p.bar span {
	width: calc(100% - 75px - 15px);
	font-family:'Lora', 'Kaiti SC', 'SimSun', serif;
	font-size: 18px;
	line-height: 1.2;
	letter-spacing: 0.05em;
    font-weight: 500;
}
.column2_5 .accordion p.active {
	background-image: url(https://www.resol-ueno.com/sp/en/images/icon_up.png);
}
.column2_5 .accordion .detail {
	display: none;
	padding: 0 25px 30px;
}
.column2_5 .accordion .detail img {
	display: block;
	margin: 0 auto 10px;
}
.column2_5 .accordion .detail p {
	font-size: 14px;
	line-height: 1.8;
}


/* column3(equip_accordion) */
.column3 {
	padding: 40px 25px 20px;
    background-color: #EBEBEB;
}
.column3 h2 {
	margin: 0 0 20px;
	font-family:'Lora', 'Kaiti SC', 'SimSun', serif;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.05em;
}
.column3 .accordion {
	margin: 0 0 10px;
    background: radial-gradient(circle at center, #131316 1%, #131316 29%, #131316 83%);
}
.column3 .accordion p.bar {
	cursor: pointer;
	padding: 15px 50px 15px 20px;
    color: #EBEBEB;
	font-family:'Lora', 'Kaiti SC', 'SimSun', serif;
	font-size: 18px;
	letter-spacing: 0.05em;
	background-image: url(https://www.resol-ueno.com/sp/en/images/icon_down_white.png);
	background-position: calc(100% - 25px) center;
	background-repeat: no-repeat;
    background-size: 18px 13px;
}
.column3 .accordion p.active {
	background-image: url(https://www.resol-ueno.com/sp/en/images/icon_up_white.png);
}
.column3 .accordion .detail {
	display: none;
	padding: 20px 2px 10px;
    background-color: #EBEBEB;
}
.column3 .accordion .detail p {
	font-size: 14px;
	line-height: 1.8;
}


/* column4(facilities) */
.column4 {
	padding: 40px 25px 20px;
	background-color: #FFF;
}
.column4 h2 {
	height: 60px;
	margin: 0 0 10px;
	padding: 17px 0 0;
	font-family:'Lora', 'Kaiti SC', 'SimSun', serif;
	font-size: 26px;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-align: center;
	background-image: url(https://www.resol-ueno.com/sp/en/images/icon_wifi.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 60px 60px;
}
.column4 p.time {
	margin: 0 0 10px;
	color: #AB833F;
}
.column4 p.explain {
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 1.8;
}
.column4 p.time span {
	display: inline-block;
	margin: 0 0.4em 0 0;
	font-family:'Lora', 'Kaiti SC', 'SimSun', serif;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.05em;
	line-height: 1.6;
}
@media screen and (max-width: 420px) {
.column4 p.time span {
	font-size: 3.8vw;
}
}
.column4 .gallery {
	width: 100%;
	overflow: hidden;
    margin:30px 0 20px;
}
.column4 .gallery .bx-wrapper {
    position: relative;
	width: 100%;
    height: 300px;
    margin: 0 auto;
	overflow: hidden;
}
.column4 .gallery .bx-viewport {
	width: 1440px!important;
    margin-left: -720px;
	left: 50%;
}
@media screen and (max-width: 530px) {
.column4 .gallery .bx-wrapper, .column4 .gallery li img {
/*    height: calc((100vw - 50px - 15px) * 300 / 480); */	/* for PC with side scrollbar */
    height: calc((100vw - 50px) * 300 / 480);
}
.column4 .gallery .bx-viewport {
	width:100%!important;
    margin-left: -50%;
	left: 50%;
}
}
.column4 dl.facilities {
	margin: 0 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.column4 .facilities dt {
	width: 36px;
	margin: 0 10px 20px 0;
}
.column4 .facilities dd {
	width: calc(50% - 36px - 10px);
	margin: 0 0 20px;
	color: gray;
	font-size: 13px;
	line-height: 1.2;
}
.column4 .facilities dd:nth-of-type(2n+1) {
	width: calc(50% - 36px - 10px - 10px);
	margin: 0 10px 20px 0;
}
.column4 .facilities dd:nth-of-type(2n+1):last-child {
	margin: 0 0 20px;
	width: calc(100% - 36px - 10px);
}
.column4 .facilities dd span {
	font-size: 14px;
	line-height: 1.2;
}


/* column5(breakfast) */
.column5 {
	padding: 0 0 40px;
    background-color:#EBEBEB;
}
.column5 section.header {
	width: 100%;
	height: 80vw;
	max-height: 320px;
	margin: 0 0 20px;
	padding: 0 25px;
	text-align: center;
	background-image: url(https://www.resol-ueno.com/sp/en/images/breakfast/bg_breakfast.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.column5 section.header h2 {
    width: 100%;
    margin: 0 0 20px;
    color: #FFFFFF;
    font-family: 'Lora', serif;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-align: center;
    align-self: flex-end;
}
.column5 section.header p {
    color: #FFFFFF;
    line-height: 1.8;
    font-size: 14px;
    align-self: flex-start;
}
@media screen and (max-width: 640px) {
.column5 section.header {
	height: calc(100vw * 430 / 640 - 10px);
}
}
.column5 section.header h2 {
	color: #FFFFFF;
	font-family:'Lora', 'Kaiti SC', 'SimSun', serif;
	font-size: 26px;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.5;
}
.column5 section.header h2 span {
	display: block;
	font-family:'Lora', 'Kaiti SC', 'SimSun', serif;
	font-size: 0.6em;
	font-weight: 500;
}
.column5 p {
	padding: 0 25px;
	font-size: 14px;
	line-height: 1.8;
}
.column5 p span {
    color: #AF1A43;
}


/* column6(access) */
.column6 {
	padding: 40px 25px 40px;
	background-color: #FFF;
}
.column6 h2 {
	margin: 0 0 20px;
	font-family:'Lora', 'Kaiti SC', 'SimSun', serif;
	font-size: 26px;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-align: center;
}
.column6 .maparea {
	width: 100%;
	height: 100%;
	margin: 0 0 20px;
}
.column6 .maparea iframe {
	width: 100%;
	height: 220px;
	background-color: #EEE;
}
.column6 .accordion {
	margin: 0 0 10px;
    background: radial-gradient(circle at center, #131316 1%, #131316 29%, #131316 83%);
}
.column6 .accordion p.bar {
	cursor: pointer;
	padding: 15px 50px 15px 20px;
	color: #DDDDDD;
	font-family:'Lora', 'Kaiti SC', 'SimSun', serif;
	font-size: 18px;
	letter-spacing: 0.05em;
	background-image: url(https://www.resol-ueno.com/sp/en/images/icon_down_white.png);
	background-position: calc(100% - 25px) center;
	background-repeat: no-repeat;
    background-size: 18px 13px;
}
.column6 .accordion p.active {
	background-image: url(https://www.resol-ueno.com/sp/en/images/icon_up_white.png);
}
.column6 .accordion .detail {
	display: none;
	padding: 20px 2px 10px;
	background-color: #FFF;
}
.column6 .accordion .detail h3 {
	margin: 0 0 20px;
	padding: 0 0 0 8px;
	font-size: 18px;
	line-height: 1.2;
	letter-spacing: 0.05em;
    border-left: 6px solid #B08C0B;
}
.column6 .accordion .detail p {
	margin: 0 0 1em;
	font-size: 14px;
	line-height: 1.8;
}
.column6 .accordion .detail .route {
	margin: 0 0 20px;
	padding: 10px 5px 20px;
	border-bottom: 1px dotted #666666;
}
.column6 .accordion .detail .route:last-of-type {
	border-bottom: none;
}
.column6 .accordion .detail .route p {
	margin: 0;
	padding: 0 0 8px 32px;
	background-image: url(https://www.resol-ueno.com/sp/en/images/border_route.png);
	background-position: 10px 0;
	background-repeat: repeat-y;
}
.column6 .accordion .detail .route p.point {
	min-height: 22px;
    color: #B08C0B;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.2;
	background-image: url(https://www.resol-ueno.com/sp/en/images/leader_route.png), url(https://www.resol-ueno.com/sp/en/images/border_route.png);
	background-position: 0 0, 10px bottom;
	background-repeat: no-repeat, repeat-y;
	background-size: 22px 22px, auto;
}
.column6 .accordion .detail .route p.point:first-child {
	background-image: url(https://www.resol-ueno.com/sp/en/images/leader_route.png), url(https://www.resol-ueno.com/sp/en/images/border_route_first.png);
	background-position: 0 0, 10px top;
	background-repeat: no-repeat, no-repeat;
}
.column6 .accordion .detail .route p.point:last-child {
	background-position: 0 0, 10px top;
	background-repeat: no-repeat, no-repeat;
}


/*----------------------------------------------------
 gallery(slider)
----------------------------------------------------*/
.gallery .bx-wrapper .bx-prev {
	left: 10px;
	background: url(https://www.resol-ueno.com/sp/en/images/arrow_g_l.png) no-repeat;
}
.gallery .bx-wrapper .bx-next {
	right: 10px;
	background: url(https://www.resol-ueno.com/sp/en/images/arrow_g_r.png) no-repeat;
}
.gallery .bx-wrapper .bx-prev:hover {
	opacity: 0.8;
	filter: alpha(opacity=50);
}
.gallery .bx-wrapper .bx-next:hover {
	opacity: 0.8;
	filter: alpha(opacity=50);
}
.gallery .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -19px;
	outline: 0;
	width: 38px;
	height: 38px;
	text-indent: -9999px;
	z-index: 9999;
}


/*----------------------------------------------------
 footer
----------------------------------------------------*/
footer {
	padding: 45px 25px 120px;
	color:#FFF;
	text-align: center;
    background-color:#131316;
}
footer h2 {
	margin: 0 0 15px;

	font-family:'Lora', 'Kaiti SC', 'SimSun', serif;
	font-size: 26px;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.2;
}
footer hr {
	width: 80px;
	margin: 0 auto 15px;
}
footer p.address {
	margin: 0 0 20px;
	font-size: 14px;
	line-height:1.8;
}
footer p.tel {
	margin: 0 0 30px;

	font-family:'Lora', 'Kaiti SC', 'SimSun', serif;
	font-size: 26px;
	font-weight: 500;
	letter-spacing: 0.05em;
}
footer p.tel a {		/* for mobile */
	color:#E0C687;
	font-family:'Lora', 'Kaiti SC', 'SimSun', serif;
	font-size: 26px;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-decoration: none;
}
footer p.tel span {
	font-family:'Lora', 'Kaiti SC', 'SimSun', serif;
	font-size: 0.8em;
}
footer address {
	font-size: 9px;
	margin: 0;
	padding: 0;
}
footer .iconFooter {
	margin: 0 0 30px;
}
footer .iconFooter a {
	margin: 0 3px;
}
footer .tripadviser {
	display: block;
	width: 170px;
	margin: 0 auto 50px;
}
footer .tripadviser img {
	display: none;
}
footer .tripadviser .widSSPBranding img {
	display: block;
}


/*----------------------------------------------------
 naviBottom
----------------------------------------------------*/
#naviBottom {
	position: fixed;
	bottom: 0;
	z-index: 10001;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
/* bottombar */
.bottombar {
    background: linear-gradient(to bottom, #1C1C1C 0%, #131316 100%);
	border-top: 1px solid #1E0A10;
    border-bottom: 1px solid #303030;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.6);
}
.bottombar ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.bottombar li {
	width: 20%;
	height: 72px;
	font-size: 14px;
	text-align: center;
    border-left: 1px solid #444444;
}
.bottombar li:first-child {
	border-left: none;
}
.bottombar li img {
	display: block;
	width: 36px;
	margin: 0 auto 6px;
}
.bottombar li a {
	display: block;
	width: 100%;
	height: 72px;
	padding: 8px 0 0;
	color: #FFFFFF;
    font-family:'Lora', 'Kaiti SC', 'SimSun', serif;
	text-decoration: none;
}
.bottombar li.btnBook a {
	color: #1F1413;
    background: linear-gradient(to bottom, #73E5B1 0%, #73E5B1 100%);
	border-left: none;
}
.bottombar li.btnMenu {
	cursor: pointer;
	display: block;
	height: 72px;
	padding: 8px 0 0;
	color: #FFFFFF;
    font-family:'Lora', 'Kaiti SC', 'SimSun', serif;
	text-decoration: none;
}
.bottombar li.btnMenu:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
/* slidemenu */
#naviBottom .naviSlide {
	display: none;
	position: absolute;
	bottom: 72px;
	z-index: -1;
	width: 100%;
	padding: 0 40px;
    background: linear-gradient(to bottom, #1C1C1C 0%, #131316 100%);
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.6);
}
#naviBottom .dummy {
	background:#ffffcc;
}
#naviBottom .naviSlide .langmenu {
	position: relative;
	width: 60%;
	margin: 40px auto 30px;
	cursor: pointer;
}
#naviBottom .naviSlide .langmenu > div {
	display: block;
	padding: 16px 10px;
	color: #FFFFFF;
	background-image: url(https://www.resol-ueno.com/sp/en/images/arrow_langmenu_main.png);
	background-position: calc(100% - 10px) center;
	background-repeat: no-repeat;
	background-size: 12px 12px;
	border: 1px solid #FFFFFF;
}
#naviBottom .naviSlide .langmenu .submenu li {
	border-bottom: 1px solid #7E6362;
}
#naviBottom .naviSlide .langmenu .submenu li:last-child {
	border-bottom: none;
}
#naviBottom .naviSlide .langmenu .submenu a {
	display: block;
	padding: 16px 10px;
	color: #795F5F;
	background-color: #FFFFFF;
	background-image: url(https://www.resol-ueno.com/sp/en/images/arrow_langmenu_sub.png);
	background-position: calc(100% - 10px) center;
	background-repeat: no-repeat;
	background-size: 12px 12px;
	text-decoration: none;
}
#naviBottom .naviSlide .langmenu .submenu {
	display: none;
	position: absolute;
	left: 0;
	top: 48px;
	z-index: 11000;
	width: 100%;
	background-color: #FFFFFF;
}
#naviBottom .naviSlide .langmenu:hover .submenu {
/*	display: block;*/
}
#naviBottom .naviSlide ul.naviCont {
	margin: 0 0 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#naviBottom .naviSlide ul.naviCont li {
	width: calc(50% - 3px);
	margin: 0 0 6px;
	text-align: center;
    background: linear-gradient(to right bottom, #314E58 0%, #314E58 100%);
}
#naviBottom .naviSlide ul.naviCont li:nth-child(n+5) {
    background: linear-gradient(to right bottom, #DFDFDF 0%, #DFDFDF 100%);

}
#naviBottom .naviSlide ul.naviCont li a {
	display: block;
	padding: 16px 3px;
	color: #FFFFFF;
	text-decoration: none;
}
#naviBottom .naviSlide ul.naviCont li:nth-child(n+5) a {
    color: #1C1C1C;
}
#naviBottom .naviSlide p{
    margin-bottom: 40px;
    text-align: center;
}
#naviBottom .naviSlide p a{
    color: white;
    font-size: 1.1rem;
    text-decoration: none;
}
#naviBottom .naviSlide p a:after{
    content: "";
    display: inline-block;
    background: url(https://www.resol-ueno.com/sp/en/images/arrow_white.png) right center no-repeat;
    background-size: 6px 8px;
    width: 6px;
    height: 8px;
    margin-left: 12px;
}