/* Display Small
------------------------------------------------------------ */
.viewSmall {
display: none;
}
.smallbr:before,
.minimumbr:before {
content: " ";
}



/* Base Layout
------------------------------------------------- */
body {
font-size: 115%;
}



/* layout
------------------------------------------------------------ */
#inner {
position: relative;
margin: 0 auto;
max-width: 960px;
padding: 0 100px;
}



/* Header
------------------------------------------------- */
header {
height: 175px;
}
header h1 {
position: absolute;
top: 0;
left: 100px;
width: 300px;
}
header h2 {
position: absolute;
top: 0;
right: 100px;
}



/* Mainimage
------------------------------------------------- */
#mainimage figcaption {
position: absolute;
top:175px;
left:100px;
color: #39ACB1;
text-shadow: 1px 1px #DDD;
}



/* Contents Element
------------------------------------------------- */
#contents section {
margin: 0 100px 50px;
}
#contents a.textlink {
display: inline-block;
text-decoration: none;
background: #FCFCFA;
}



/* Details contents-elements
------------------------------------------------------------ */
/* introduction */
section#introduction figure {
width: 20%;
}

/* portfolio */
section#portfolio li {
overflow: hidden;
}
section#portfolio figure {
float: right;
padding-left: 30px;
width: 30%;
}
section#portfolio figure img {
width: 100%;
margin: -45px auto 25px;
}

/* contact */
section#contact dl {
display: table;
border-collapse: collapse;
width: 100%;
}
section#contact dt,
section#contact dd {
display: table-cell;
vertical-align: top;
}
section#contact dt {
width: 30%;

}
section#contact form input[type="text"].name,
section#contact form input[type="tel"].tel {
width: 50% !important;
}
section#contact form input[type="email"].email {
width: 100% !important;
}
section#contact form input[type="text"].address {
width: 33% !important;
}
section#contact form input[type="text"].guest {
width: 7.5% !important;
}



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



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