@charset "UTF-8";

/* ────────────────────────────────────────────────────────── BottomPage Layout */

#pageId {
text-align:center;
padding:10em 0;
}

.main {
padding-bottom:10em;
}

/*
drawer-dropdown-menu(side)
*/

.drawer-dropdown-menu dt, .drawer-dropdown-menu dd {
font-size:87.5%;
line-height:1.75em;
}

.drawer-dropdown-menu dd {
margin-bottom:1.75em;
}

.drawer-dropdown-menu dd:nth-last-of-type(1) {
margin-bottom:0;
}

.drawer-dropdown-menu dd span.sub {
display:block;
font-size:smaller;
}

/*
parent-container(modal/works)
*/

.parent-container a {
display:block;
width:30%;
margin:5% 0 0 5%;
float:left;
}

.parent-container a img {
width:100%;
}

.parent-container a:nth-child(-n+3) {
margin-top:0;
}

.parent-container a:nth-child(3n+1) {
clear:both;
margin-left:0;
}

.img-main {
width:100%;
margin:0;
}

/*
form(contact)
*/

input[type=text], input[type=email], textarea {
background:#fff;
border-radius:4px;
border:1px solid #a89191;
box-sizing:border-box;
width:100%;
font-size:100%;
padding:0.625em;
}

textarea {
display:block;
}

input[type=submit], input[type=button], input[type=reset] {
-webkit-appearance:none;
border-radius:1em;
border:none;
cursor:pointer;
width:10.5em;
height:2.5em;
font-size:75%;
font-family:inherit;
color:#fff;
line-height:2.5em;
}

input[type=submit] {
background:#a89191;
}

.mailform dd {
margin-top:0.25em;
margin-bottom:2em;
}

.mailform dd:nth-last-of-type(1) {
margin-bottom:0;
}

.btn-area {
text-align:center;
}

@media only screen and (min-width:1025px) {

#side {
width:22%;
max-width:242px;
float:left;
}

#side a.drawer-menu-item {
display:none;
}

.drawer-dropdown-menu {
text-align:left;
}

.drawer-dropdown-menu li {
font-size:87.5%;
line-height:2.2em;
}

#works .container, #exhibition .container {
float:right;
}

#contact #pageId + p {
text-align:center;
}

.mailform {
margin-top:6em;
}

input[type=text], input[type=email] {
width:50%;
}

.btn-area {
margin-top:6.25em;
}

}

@media only screen and (max-width:1024px) {

.main {
padding-bottom:6.25em;
}

#pageId {
padding:5em 0 3.125em;
}

#works #pageId img {
width:48vw;
max-width:318px;
}

#exhibition #pageId img {
width:60vw;
max-width:390px;
}

#contact #pageId img {
width:52vw;
max-width:363px;
}

#side .drawer-menu {
background:#f5f3e9;
border:1px solid #fff;
border-radius:8px;
width:70%;
max-width:480px;
margin:0 auto 3.125em;
}

#side a.drawer-menu-item {
font-size:0.875em;
text-align:left;
}

#side a.drawer-menu-item i {
float:right;
}

.drawer-dropdown-menu {
box-sizing:border-box;
display:none;
width:100%;
margin:0;
padding:0 0.875em 0.875em;
}

.drawer-dropdown-menu > li {
box-sizing:border-box;
width:100%;
font-size:0.875em;
text-align:left;
list-style:none;
line-height:2.2em;
}

.drawer-dropdown-menu dt, .drawer-dropdown-menu dd {
text-align:left;
}

.drawer-dropdown-menu dd {
margin-bottom:0.75em;
}

.drawer-dropdown-menu-item {
display:block;
text-decoration:none;
}

.drawer-dropdown.open > .drawer-dropdown-menu {
display:block;
}

.drawer-dropdown.open a.drawer-menu-item i {
transform:rotateX(180deg);
}

#exhibition .heading02 {
margin-bottom:1.5em;
}

#contact #pageId + p .br {
display:inline;
}

.mailform {
margin-top:4.5em;
}

.btn-area {
margin-top:3.125em;
}

}


/* ────────────────────────────────────────────────────────── TB */

@media only screen and (min-width:481px) {

.img-main {
margin:0 0 1.8em;
}

.img-main img {
width:100%;
max-width:inherit;
}

.img-main figcaption {
margin-top:1.8em;
}

.img-sub-group {
margin-top:1.8em;
}

.img-sub {
display:block;
width:47.5%;
max-width:inherit;
margin:5% 0 0 5%;
float:left;
}

.img-sub:nth-child(-n+2) {
margin-top:0;
}

.img-sub:nth-child(odd) {
clear:both;
margin-left:0;
}

}


/* ────────────────────────────────────────────────────────── SP */

@media only screen and (max-width:480px) {

.img-main {
width:100%;
margin:0 0 2.5em;
}

.img-main img {
width:100%;
max-width:inherit;
}

.img-main figcaption {
margin-top:2.5em;
}

.img-sub-group {
margin-top:2.5em;
}

.img-sub {
display:block;
max-width:inherit;
margin:1.75em auto 0;
}

#side .drawer-menu {
width:100%;
}

}