@charset "UTF-8";
/* CSS Document */
@media screen and (max-width: 1399px) and (min-width: 768px){
/* ============================
		Reset
 ============================ */

* { margin:0;padding:0;}

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: baseline;
background: transparent;
}



body {
font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
background-color:#fff;
font-size:12px;
color: #3c3737;
line-height:1.0em;
text-align:left;
}

.container {
width:calc(100% - 20px);
margin-left:auto;
margin-right:auto;
}

a { text-decoration:none; }

a img {
border:0;
text-decoration:none;
}

.cf:before, .cf:after {
content:"";
display: table;
}
.cf:after { clear:both; }
.cf { *zoom:1; }

.spDisplayNone {
}
.pcDisplayNone {
}
.tbDisplayNone {
display:none;
}

li { list-style:none; }

h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd {	line-height:1.5em;	}

.mincho {
font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
}



/* ============================
	header
============================ */

header {
}


header .container {
position:relative;
height: 100px;
border-bottom: 5px solid #3c3737;
}


header .headerLogo {
position:absolute;
top:15px;
left:0;
width: 100%;
text-align: center;
}

header .headerLogo img {
width: 260px;
height: auto;
}


header .wbfLogo {
position:absolute;
top:10px;
left:0;
}

header .wbfLogo img {
width: 55px;
height: auto;
}

header .language {
position: absolute;
top: 10px;
right: 0;
}

header .language li {
float: left;
}

header .language li a {
display: block;
width: 45px;
text-align: center;
font-size: 12px;
color: #333;
line-height: 1.0em;
padding: 2px 0;
border-right: 1px solid #ccc;
}
header .language li:first-child a {
border-left: 1px solid #ccc;
}

header .forMembers {
position: absolute;
top: 30px;
right: 0;
}

header .forMembers li {
}

header .forMembers a {
display: block;
text-align: right;
background-repeat: no-repeat;
background-position: right center;
padding-right: 28px;
font-size: 14px;
color: #333;
line-height: 32px;
height: 32px;
}

header .forMembers li:nth-child(1) a {
background-image: url(/import/tenant_1/www.hotelwbf.com/artstay/module/common/images/mark001.png);
}

header .forMembers li:nth-child(2) a {
background-image: url(/import/tenant_1/www.hotelwbf.com/artstay/module/common/images/mark002.png);
}

.cd-dropdown-wrapper {
display: none !important;
}

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

nav.globalNav {
}

nav.globalNav .container {
position: relative;
height: 60px;
border-bottom: 1px solid #ccc;
}

nav.globalNav .mainMenu {
text-align: center;
width: 67%;
}

nav.globalNav .mainMenu li {
display: inline-block;
}

nav.globalNav .mainMenu li a {
display: block;
line-height: 60px;
padding: 0 10px;
font-size: 14px;
color: #333;
}

nav.globalNav .regionNav {
position: absolute;
top: 0;
right: 0;
}

nav.globalNav .regionNav li {
display: inline-block;
padding: 10px 0;
}

nav.globalNav .regionNav li a {
display: block;
line-height: 40px;
height: 40px;
padding: 0 15px;
font-size: 14px;
color: #333;
text-align: center;
border-right: 1px solid #ccc;
}

nav.globalNav .regionNav li:first-child a {
border-left: 1px solid #ccc;
}

nav.globalNav .regionNav li a span {
display: table-cell;
height: 40px;
vertical-align: middle;
line-height: 1.2em;
}




/* ============================
	crumb
============================ */


/* ============================
	article
============================ */

article .comingSoon  {
height:400px;
padding-top:150px;
text-align:center;
font-size:36px;
font-weight:bold;
color:#666;
}

article.secondType {
min-height: 600px;
}

article.secondType h1 {
font-family: "Georgia","Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
font-size: 32px;
font-weight: normal;
color: #3c3737;
text-align: center;
line-height: 80px;
letter-spacing: 5px;
border-bottom: 1px solid #cecdcd;
}




/* ============================
	footer
============================ */

footer {
}


footer .container {
border-top: 5px solid #3c3737;
}


footer .footerMenu {
border-bottom: 1px solid #333;
text-align: center;
}

footer .footerMenu li {
display: inline-block;
}

footer .footerMenu li a {
display: block;
height: 40px;
line-height: 40px;
font-size: 12px;
color: #333;
padding: 0 14px;
}


footer .copyright {
text-align: center;
font-size: 12px;
padding: 10px 0 10px 0;
}
}