/* Print
------------------------------------------------------------ */
@page { size: A4; margin: 0mm; }


/* Display Small
------------------------------------------------------------ */
.viewSmall {
display: none;
}

.smallbr:before,
.minimumbr:before {
content: " ";
}


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


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


/* Base Elements
------------------------------------------------------------ */
a[href*="tel:"] {
color: #000000;
pointer-events: none;
cursor: text;
text-decoration: none;
}
a.tel,
a.tel:link,
a.tel:visited,
a.tel:focus,
a.tel:hover,
a.tel:active { color: #000;}


/* Header
------------------------------------------------- */
header h1 {
float: left;
padding: 0 25px;
}
header h1 img {
width: 50%;
}
header h2 {
clear: both;
}
header dl {
float: right;
}

/* contents-elements
------------------------------------------------------------ */
#contents section dl {
background: red;
}
#contents section dt {
float: left;
width: 20%;
}
#contents section dd {
float: right;
width: 75%;
}

#contents section h2 {
display: inline-block;
margin: 30px 0;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}

/* Contents Element shopping */
#contents section#shop ul {
display: table;
border-collapse: separate;
border-spacing: 15px;
}
#contents section#shop .shopDetail {
display: flex;
justify-content:space-between;
align-items: flex-start;
gap: 50px;
}

/* Footer
------------------------------------------------- */
footer {
padding-top: 15px;
text-align: center;
}
footer nav ul {
display: table;
margin: 0 auto;
}
footer nav li {
display: table-cell;
padding: 15px 30px;
}