@CHARSET "UTF-8";

@import url("../../common/css/style-b-sp.css");

/* ---------------------
    - common setting
    - header
    - keyVisual
    - nav
    - headline
    - freeArea
    - contents
    - footer
    - page style
--------------------- */

/* common setting
----------------------------------------------- */

/* header
----------------------------------------------- */
header div.container {
    background-color: #ffffff;
}



/* Logo
------------------------ */

header div#headerLogo {
    width: 117px;
    height: 38px;
    margin-top: 6px;
}


/* Stop18
------------------------ */


header div#headerStop18Img {
	background-image: url("../../aria/img/stop-18-bg-bk.png");
}



/* keyVisual
----------------------------------------------- */

/* nav
----------------------------------------------- */

#btnOpenMainNavi {
	  background-color: #402c25;
}



/* headline
----------------------------------------------- */

nav#priorityNavi ul li {
	background: linear-gradient(#7c3217, #402c25);
}

/* freeArea
----------------------------------------------- */



/* contents
----------------------------------------------- */

/* footer
----------------------------------------------- */

footer div#footerStop18 div#footerStop18Img {
    margin: 0px auto;
}

footer div#footerStop18 div#footerStop18Msg {
    display: none;
}

/*copyright*/
#copyright a{color:#cccccc !important;}

/* page style
----------------------------------------------- */

/* hotelTop
----------------------------------------------- */

/* 大見出し
------------------------ */

body#hotelTop main div#topic h2,
body#hotelTop main div#whatsnew span.caption,
body#hotelTop main div#access span.caption {
    font-size: 16px;
    padding: 0px;
    margin-bottom: 8px;
}


/* オーナメント */

body#hotelTop main div#topic h2:before,
body#hotelTop main div#whatsnew span.caption:before,
body#hotelTop main div#access span.caption:before {
    content: "";
	background-image: url("../../aria/img/b_ornament_left.png");
	background-size: 100%;
    width: 51px;
    height: 20px;
    margin: 0px 10px 0px 0px;
    padding-top: 6px;
}

body#hotelTop main div#topic h2:after,
body#hotelTop main div#whatsnew span.caption:after,
body#hotelTop main div#access span.caption:after {
	background-size: 100%;
    width: 51px;
    height: 20px;
    margin: 0px 0px 0px 10px;
    padding-top: 4px;
}




/*information
--------------------------------------*/

body#hotelTop main div#topic ul.information li {
    display: block;
    min-width: 100%;
    height: 135px;
  background-color: #402c25 !important;
   
}

body#hotelTop main div#topic ul.information li:nth-child(3n),
body#hotelTop main div#topic ul.information li:nth-child(3n-2) {
    float: none;
}

body#hotelTop main div#topic ul.information li span.icon {
    display: none;
}

body#hotelTop main div#topic ul.information li a.link span.icon-name {
    display: block;
    position: relative;
    width: 55%;
    height: 0px;
    text-align: left;
    border-top: 135px solid #402c25;
    border-right: 60px solid transparent;
    padding-left: 10px;
    font-weight: bold;
}

body#hotelTop main div#topic ul.information li span.icon-name-character {
    position: relative;
    top: -135px;
    color: #ffffff;
    font-size: 4vw;
    width: 100%;
    height: 135px;
}

footer div#footerNavi nav ul li {
	  background-color: #402c25;
}

/* TOP
-------------------------*/
footer div#linkPageTop {
	height: 0px;
}
footer div#linkPageTop a {
	position: fixed;
	bottom: 12px;
	right: 12px;
	z-index: 999;
	padding: 22px 11px 8px;
	border-radius: 50%;
	text-decoration: none;
	top: inherit;
	left: inherit;
}
footer div#linkPageTop a::before {
	content: "";
}
footer div#linkPageTop a::after {
	content: "TOP";
}
/* btnLogin
------------------------ */

header a#btnLogin {
    position: relative;
    width: 50px;
    height: 50px;
    top: 0px;
    right: 0px;
    margin: 0px;
    border-radius: 0px;
    transform: none;
}

header a#btnLogin::after {
    content: "";
    background-image:url(../img/icon-login2.png);
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 2px;
    right: 20px;
    margin: 0px;
    width: 50px;
    height: 50px;
}

header a#btnLogin>span {
    width: 100%;
    height: 100%;
    background: transparent;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #FFFFFF;
    padding-top: 15px;
    border: none;
}

header a#btnLogin>span::after {
    content: "";
}
/* btnLogin
------------------------ */

header a#btnLogin {
    position: relative;
    width: 50px;
    height: 50px;
    top: 0px;
    right: 0px;
    margin: 0px;
    border-radius: 0px;
    transform: none;
}

header a#btnLogin::after {
    content: "";
    background-image:url(../img/icon-login2.png);
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 2px;
    right: 20px;
    margin: 0px;
    width: 50px;
    height: 50px;
}

header a#btnLogin>span {
    width: 100%;
    height: 100%;
    background: transparent;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #FFFFFF;
    padding-top: 15px;
    border: none;
}

header a#btnLogin>span::after {
    content: "";
}
div.container {
	padding-left: 16px;
	padding-right: 16px;
}