@charset "utf-8";

/*top*/
a.moreBtn:hover::after{
    background-color: #fff;
}
section#main-visual #container .main-menu .item:nth-of-type(1) {
    margin: 0 3.5vw 0 auto;
}
#globalNav ul li > ul li{
    display: block;
}


/*works*/
.remodal-wrapper{
    overflow: visible;
}
.remodal-wrapper {
    padding: 1px;
}
.remodal{
    padding: 1px;
    margin-bottom: 10px;
    max-width: none;
/*    width: 100%;
    height: 100%;
    overflow-y: auto;*/
}
.modal-page .modal-content .modal-navi a{
    flex: 1 0 0;
    -webkit-flex: 1 0 0;
    width: 33.333%;
}
article#works #boxes div ul li.attr{
    -ms-flex-wrap: wrap;
}
.modal-page .modal-close-btn span {
    background-color: #FF0000;
}
.modal-page .modal-content {
    margin: 50px auto 0;
}
.modal-page .modal-content .item ul li.title{
	line-height: 1.3;
}
.modal-page .modal-content .item ul li.links{
	margin: 2% 0;
}
.modal-page .modal-content .photo{
	margin: 1% 0;
}
.modal-page .modal-content .photo ul li img {
    width: auto;
    height: auto;
    max-width: 100%;
    margin: auto;
    display: block;
}
.modal-page .modal-content .movie{
	margin: 1% 0;
}
.modal-open{
    cursor: pointer;
}
article#works #boxes div .photo {
    margin: 0 5% 0 5%;
    width: 55%;
}
article#works #boxes div ul {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-direction: column;
    -webkit-flex-direction: column;
    width: 35%;
}
article#works #boxes div ul li.attr{
    margin-bottom: 2%;
}
article#works #boxes div ul li.attr span{
    padding: 4px 2em 5px;
    display: inline-block;
}
article#works #boxes div .photo a img{
    width: 100%;
}
.modal-page .modal-content .item ul li.attr span{
    display: inline-block;
}
/*admenu*/
article#admenu #system .inner .field:last-child{
    /* width: 30%;
    max-width: 300px;
    height: 45px; */
    /*max-height: 45px;
    flex: auto;
    flex: initial;*/
    flex: 1;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
article#admenu #system .inner .field .moreBtn{
	/*width: auto;
    height: 100%;
    margin: auto;*/
    /*border-color: #dadada;
    max-height: 45px;
    -ms-box-sizing: border-box;*/
    max-width: 300px;
    height: 45px;
    margin-left: 14px;
}
/*article#admenu #system .inner .field .moreBtn:hover::before{
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}*/

/*
	less than 1024px;
---------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 1024px) {

/*works*/
article#works #boxes div .photo {
    margin: 0 5% 0 5%;
    width: 40%;
}
article#works #boxes div ul {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-direction: column;
    -webkit-flex-direction: column;
    width: 50%;
}


}

/*
	less than 767px;
---------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 767px) {

/*works*/
.modal-page .modal-content .modal-navi a{
    width: auto;
}
.modal-page .modal-content{
    margin: 5% auto 0;
}
.modal-page .modal-content .inner{
    padding: 2vw 6.66vw 0 6.66vw;
}
article#works #boxes div .photo {
    margin: 0 0 4.66vw;
    width: auto;
}
article#works #boxes div ul {
    width: auto;
}
article#works #boxes div ul li.attr span{
    padding: 6px 1.8em 7px;
}

/*admenu*/
article#admenu #system .inner .field {
    flex: auto;
    margin: 0 0 10%;
}
article#admenu #system .inner .field:last-child{
    /* width: 100%;
    max-width: none; */
    flex-direction: column;
    margin-top: 6vw;
}
article#admenu #system .inner .field .moreBtn{
    max-width: none;
    height: 10.66vw;
    margin: 0 0 10%;
}


}