/* Display Medium
------------------------------------------------- */
.viewMedium {
display: none;
}
.smallbr:before {
content: "\A";
white-space: pre;
}
.minimumbr:before {
content: " " ;
}
figure a.lightbox {
pointer-events:none;
cursor:default;/
}


/* Base Layout
------------------------------------------------- */
body {
line-height: 2.0em;
}

/* layout
------------------------------------------------- */
#inner {
margin: 0 auto;
padding: 0;
width: 90%;
}


/* Header
------------------------------------------------- */
header h1 {
max-width: 80%;
margin: 5px auto 0;
}
header h1 img {
width: 100%;
}
header h2 {
margin-bottom: 30px;
}


/* Mainimage
------------------------------------------------- */
#mainimage {
position: relative;
margin: 0 -7.5%;
height: 300px;
}
#mainimage img {
position: absolute;
right: -90px;
}
#mainimage figcaption {
position: absolute;
top:150px;
left:10%;
color: #FFFFFF;
text-shadow: 1px 1px #666666;
}



/* Contents Element
------------------------------------------------- */
#contents {
text-align: center;
}
#contents section h2,
#contents section h3, 
#contents section h4 {
text-align: center;
}
#contents section p {
text-align: left;
}
#contents a.textlink {
display: block;
margin-bottom: 0.5em;
text-align: center;
text-decoration: none;
background: #FCFCFA;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
}
#contents section figure {
margin: 0 auto;
width: 75%;
}
#contents section img {
width: 100%;
}

/* Details contents-elements
------------------------------------------------- */
/* introduction */
section#introduction figure {
width: 35%;
}
/* introduction */
section#portfolio figure a {
pointer-events: none;
}
/* contact */
section#contact form p {
text-align: left;
}
section#contact form select.type,
section#contact form select.address,
section#contact form input[type="text"].name,
section#contact form input[type="tel"].tel,
section#contact form input[type="email"].email,
section#contact form input[type="text"].address {
width: 100% !important;
}
section#contact form input[type="text"].postcode {
width: 90% !important;
}
section#contact form input[type="text"].guest {
width: 15% !important;
}



/* Footer
------------------------------------------------- */
section#outline img {
max-width: 60%
}



/* pagetop
------------------------------------------------- */
#pagetop {
position: fixed;
bottom: 175px;
right: 2.5%;
z-index: 100;
}