@charset "UTF-8";
@media only screen and (min-width:1820px) {
.works-index__box {width:20%;}
}

@media only screen and (max-width:1280px) {
.header__botton {width:35px;}
}

@media only screen and (max-width:1133px) {
/*works*/
	.works-index__box {width:33.33%;}
}

@media only screen and (max-width:1024px) {
/*header*/
	.header__logo {width:310px;}
	.header__botton {right:20px;}
/*structure*/
	.main {padding-top:100px;}
}


@media only screen and (max-width:1000px) {
/*news*/
	.news__imagebox {width:45%;}
	.news__textbox {width:calc(55% - 30px)}
/*biography*/
	.biography__imagebox {width:45%;}
	.biography__textbox {width:calc(55% - 30px)}
/*works single*/
	.works-single__image {width:100%;}
	.works-single__box {width:100%; padding-left:0;}
}


@media only screen and (max-width:764px) {
/*news*/
	.news__imagebox {width:100%;}
	.news__textbox {width:100%; margin-top:20px;}
/*exhibition*/
	.exhibition__imagebox {width:100%;}
	.exhibition__textbox {width:100%;  padding:20px 5px 0;}
/*biography*/
	.biography__imagebox {width:100%;}
	.biography__textbox {width:100%; margin-top:20px;}
}



@media only screen and (max-width:700px) {
/* -----------------------------------------------
 = index change
----------------------------------------------- */
.index .header__logo img {display:none; opacity:0;}
body.active .header.index .header__logo img {display:block; opacity:1;}
.main__logo {display:block;}
.works-index {padding-top:20px;}
/*photo banner*/
.index__item--news a,
.index__item--works a {height: 54vw;}
.index__item--biography a,
.index__item--contact a {height: 40vw;}


/* -----------------------------------------------
 = hover off
----------------------------------------------- */
/*header*/
	[class*="nav__item"] a:before {display:none;}
	.nav__botton:not(.active):hover {background:#fff; color:#333;}
/*index*/
	[class*='index__item'],
	[class*='index__item']:hover {background-size:cover;}
	[class*='index__item'] a:before {display:none;}
/*news*/


/*works*/
	.works-index__link:hover {background-size:102%; filter:none;}
	.works-index__link:hover:before {opacity:0}
	.works-index__link:hover .works-index__title {opacity:0;}


/* -----------------------------------------------
 = layout
----------------------------------------------- */
/*header*/
	.header {padding:20px 18px;}
	.header__logo {width:260px;}
	.header__botton {width:35px; top:16px;}
	.header__botton.active {right:16px;}
	.header__botton.active span {width:90%;}
	.header__botton.active span:nth-child(1),
	.header__botton.active span:nth-child(2) {top:18px;}
	.header__botton span:nth-child(1) {top:13px;}
	.header__botton span:nth-child(2) {top:23px;}
/*footer*/
	.copylight {font-size:110%; letter-spacing:1px;}
/*structure*/
	.main {padding-top:75px;}
/*index*/
	[class*='index__item'] {width:100%; margin-top:15px;}


}


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

/*header*/
.header__botton {right:15px;}
/*works*/
.works-index__box {width:50%;}

}


@media only screen and (max-width:520px) {
/* -----------------------------------------------
 = text
----------------------------------------------- */
/*index*/
	[class*='index__item'] a {font-size:210%; -webkit-text-stroke:.5px #fff;}
/*news*/
	.news__date {font-size:130%; letter-spacing:1px;}
	.news__title {font-size:180%; line-height:1.5; letter-spacing:0;}
	.news__content p {line-height:1.8; letter-spacing:0px; font-size:150%;}
	.news__content strong,
	.news__content a {letter-spacing:0px;}
/*exhibition*/
	.exhibition__date {font-size:130%; letter-spacing:1px;}
	.exhibition__title {font-size:180%; line-height:1.5; letter-spacing:0;}
	.exhibition__textbox p {line-height:1.8; letter-spacing:0px; font-size:150%;}
	.exhibition__textbox strong,
	.exhibition__textbox a {letter-spacing:0px;}
/*works*/
	.works-single__credit {letter-spacing:1px;}
	.works-single__summary {letter-spacing:0;}
	.works-single__content p {line-height:1.8; font-size:150%;}
	.works-single__content.en p {letter-spacing:0; font-size:150%;}
/*biography*/
	.biography__caption {font-size:130%; letter-spacing:1px; line-height:1.4;}
	.biography__title {font-size:210%;}
	.biography__text {line-height:1.75; letter-spacing:0; font-size:150%;}
/*contact*/
	.contact__title {font-size:180%; line-height:1.5; letter-spacing:0;}
	.contact__text {line-height:1.8; letter-spacing:0px; font-size:150%;}


/* -----------------------------------------------
 = layout
----------------------------------------------- */
/*header*/
	.header__logo {width:220px;}
	.header__botton {right:15px;}
/*header menu*/
	[class*="nav__item"] {margin-bottom:12px;}
	.nav__image--about {width:63px; height:25px;}
	.nav__image--artworks {width:90px; height:25px;}
	.nav__image--exhibition {width:105px; height:23px;}
	.nav__image--news {width:50px; height:20px;}
	.nav__image--contacts {width:80px; height:23px;}
	.nav__image--lang {width:14px; height:14px;}
	.nav__image--slash {width:15px; height:23px;}

/*footer*/
	.footer {padding-top:40px;}
/*news*/
	.news__date {padding-bottom:2px;}
	.news__section {padding-top:30px; padding-bottom:40px;}
	.news__section:last-of-type {padding-bottom:0;}
	.news__head {padding-top:8px;}
	.news__content {padding:15px 15px 0 20px;}
	.news__content p.none {padding-bottom:0; line-height:1;}
	.news__textbox {margin-top:10px;}
/*exhibition*/
	.exhibition__date {padding-bottom:2px;}
	.exhibition__section:last-of-type {padding-bottom:0;}
	.exhibition__head {margin-top:10px; padding:20px 15px 0;}
	.exhibition__textbox {padding-top:10px;}
	.exhibition__photobox {padding-top:10px;}
	.exhibition__photobox img {margin-bottom:4px;}
/*works hear*/
	.works-single__summary {padding:0px 0 0px 0}
	.works-single__year,
	.works-single__size,
	.works-single__material,
	.works-single__other {padding:0;}
	.works-single__credit {padding-top:2px;}
/*works content*/
	.works-single__content {padding:50px 0 0;}
	.works-single__content div {padding:20px 0;}
/*biography*/
	.biography__caption {padding-bottom:10px;}
	.biography__text {padding-top:10px;}
	.profile-sub {padding:15px 15px 10px;}
	.profile-sub .list {letter-spacing:0;}

}

@media only screen and (max-width:375px) {
	.copylight {letter-spacing:0}
}