@charset "UTF-8";
/* ---------------------------------------------------------------------------------
 = Reset default browser CSS. 
--------------------------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}:focus{outline:0}body{background:#fff;line-height:1}ol,ul,li{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{font-weight:300;text-align:left}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}a img{border:0}article,aside,details,figcaption,figure,footer,main,header,hgroup,menu,nav,section{display:block}

/* -----------------------------------------------
 = Global 
----------------------------------------------- */
*,
*:before,
*:after {-webkit-box-sizing:border-box; box-sizing:border-box; background-repeat:no-repeat; flex-wrap:wrap; -webkit-tap-highlight-color:transparent;}
*:focus {outline:none;}
html {}
body {position:relative;}
body,
input,
textarea {
font-family:"Noto Sans JP", sans-serif;;
-webkit-font-smoothing:subpixel-antialiased;
color:#333; font-size:62.5%; font-weight:400; line-height:1.8; letter-spacing:1px;}

/* Headings */
h1, h2, h3, h4, h5, h6 {}
hr {background:none; border:0; height:1px; margin:70px 40% 50px; border-bottom:1px dotted #999;}
/* Text elements */
p {}
ul, ol {list-style-type:none;}
dl {}
dt {}
dd {}
strong, b {}
cite, em, i {font-style:normal;}
blockquote {font-style:italic;}
pre {overflow:auto; padding:0.75em 1.625em; background:#f4f4f4;}
code, kbd, samp, var {}
abbr, acronym, dfn {}
address {}
ins {text-decoration:none;}
sup {vertical-align:super;}
sub {}
small {}
/* Table */
table {border-collapse:collapse;}
/* image */
img {max-width:100%; height:auto;
/*-webkit-touch-callout:none;*/
/*-webkit-user-select:none;*/
/*-moz-touch-callout:none;*/
/*-moz-user-select:none;*/
/*touch-callout:none;*/
/*user-select:none;*/
}
/* Before After */
a,
span,
strong,
:before,
:after {position:relative; transition:all .4s ease-out;}
/* Links */
a {color:#000; text-decoration:none;}
a,
a:before,
a:after {position:relative; transition:all .4s ease-in; will-change:transform;}
/* Box Model */
.left {text-align:left;}
.right {text-align:right;}
/* Adjustment */
.float__block {display:none;}
/* clearfix */
.clearfix:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
* html .clearfix {zoom:1}
*:first-child+html .clearfix{zoom:1}
/* select area */
::selection {background-color:#ccc; color:#000; -webkit-text-stroke:none;}
::-moz-selection {background-color:#ccc; color:#000; -webkit-text-stroke:none;}

/* -----------------------------------------------
 = Font
----------------------------------------------- */
h1, h2, h3, h4, h5, h6,
strong, b,
a {font-weight:600; font-style:normal;}
.bold {font-weight:600;}
.Montserrat {font-family:"Montserrat", sans-serif; font-optical-sizing:auto; font-weight:500; font-style:normal;}

/* ------------------------------------------------
 = Structuer 
------------------------------------------------ */
.main {padding-top:120px;}

/* -----------------------------------------------
 = Header 
----------------------------------------------- */
.header {z-index:1000; position:fixed; width:100%; margin:auto; padding:25px 2%;}
.header.index {top:0; left:0;}
.header__logo {position:relative; z-index:2010; width:410px; height:35px;}
/*.header.index .header__logo {width:410px;}*/
/*logo color*/
.index .header__logo,
body.active .header.index .header__logo img {filter:invert(100%);}
/*.index .header__logo img {display:none; opacity:0;}*/
/*body.active .header.index .header__logo img {display:block; opacity:1;}*/

/* -----------------------------------------------
 = Nav toggle
----------------------------------------------- */
.header__botton {display:block; position:fixed; z-index:11000; top:22px; right:30px; width:50px; height:40px; cursor:pointer;}
.header__botton div {position:relative;}
.header__botton span {display:block; position:absolute; left:0; height:2px; width:100%; background-color:#000; transition:.3s ease-in-out;}
.index .header__botton span {filter:none; background-color:#fff;}
.header__botton span:nth-child(1) {top:12px;}
/*.header__botton span:nth-child(1) {top:12px; background-image:url("/image/menubar_01.png");}*/
.header__botton span:nth-child(2) {top:24px;}
/*.header__botton span:nth-child(1) {top:24px; background-image:url("/image/menubar_02.png");}*/
/*.header__botton span:nth-child(3) {top:22px;}*/
/* Toggle - open*/
.header__botton.active {}
.header__botton.active span {width:95%;}
.index .header__botton.active span {filter:invert(100%);}
.header__botton.active span:nth-child(1) {top:18px; transform:rotate(315deg);}
.header__botton.active span:nth-child(2) {top:18px; transform:rotate(-315deg);}
/*.header__botton.active span:nth-child(3) {top:11px; transform:rotate(-315deg);}*/

/* -----------------------------------------------
 = Nav div
----------------------------------------------- */
body.active {overflow:hidden;}
/*nav*/
.nav {z-index:2000; position:fixed; justify-content:center; top:0; left:0; width:100%; height:100vh; background-color:rgba(255,255,255,.98);
display:none; flex-direction:column; align-items:center;}
.nav.active {display:flex;}
.nav__list {}
[class*="nav__item"] {font-size:220%; text-align:center; margin-bottom:20px;}
[class*="nav__item"] a {position:relative; padding:0 5px; font-weight:500; color:#000; letter-spacing:0; text-transform:uppercase;}
[class*="nav__item"] a:before {content:""; position:absolute; left:0; bottom:-3px; width:100%; height:2px; opacity:0;
background-color:#000;}
[class*="nav__item"] a:hover:before {opacity:1; bottom:0px;}
/*lang*/
.nav__lang {display:flex; padding:18px 0 0;}
[class*="nav__botton"] {display:inline-block; text-align:center; line-height:1; padding:2px 0 2px 1px; letter-spacing:0; font-size:170%; text-transform:uppercase; border-bottom:2px solid transparent;}
[class*="nav__botton"]:not(.active):hover,
[class*="nav__botton"].active {border-color:#333;}
.nav__hr {padding:0 7px 0 8px; font-size:210%; line-height:1;}
/*sns*/
.nav__sns {display:flex; padding:50px 0 0;}
.sns__item {padding:0 8px;}
.sns__item a {display:block; width:25px; height:25px;}
/* image
----------------------------------------------- */
[class*="nav__image"] {}
.nav__image--about {width:84px; height:33px;}
.nav__image--artworks {width:120px; height:33px;}
.nav__image--exhibition {width:137px; height:30px;}
.nav__image--news {width:66px; height:26px;}
.nav__image--contacts {width:107px; height:30px;}
.nav__image--lang {width:20px; height:20px;}
.nav__image--slash {width:17px; height:25px;}






/* -----------------------------------------------
 = Footer 
----------------------------------------------- */
.footer {padding:70px 0 15px 0; text-align:center;}
.copylight {font-size:120%; letter-spacing:2px;}

/* ------------------------------------------------
 = Index 
------------------------------------------------ */
.main.index {padding-top:0;}
/*.main__photo { width:100%; height:100vh; background-position:50%; background-size:cover;}*/

.main__photo {display:flex; justify-content:center; align-items:center; position:relative; width:100%; height:100vh; background-position:50%; background-size:cover; opacity:1; transition:opacity .3s ease-in;
background-image:url('/image/index_photo01.jpg')
}
.main__photo.hide {opacity:0}

.main__logo {display:none; width:800px; max-width:86%; opacity:1;
/*mix-blend-mode:exclusion;*/
transition:opacity .0s ease-in .1s;}
.main__logo.hide {opacity:0;}


/*menu area*/
.index {}
.index__list {display:flex; justify-content:space-between;}
[class*='index__item'] {overflow:hidden; position:relative; line-height:1; background-position:50%; background-size:101%; text-transform:uppercase; transition:all .5s ease-in;}
[class*='index__item']:hover {background-size:103%;}
.index__item--projects {width:100%; margin-top:30px;}
.index__item--news,
.index__item--works {width:50%; margin-top:30px;}
.index__item--biography,
.index__item--contact {width:50%; margin-top:30px;}
[class*='index__item'] a {display:flex; align-items:center; justify-content:center; width:100%; font-size:260%; font-weight:500; letter-spacing:1px; color:#fff;}
.index__item--projects a {height:500px;}
.index__item--news a,
.index__item--works a {height:500px;}
.index__item--biography a,
.index__item--contact a {height:300px;}
[class*='index__item'] a:before {content:''; position:absolute; top:0; bottom:0; width:100%; height:100%; background-color:#000; opacity:0;}
[class*='index__item'] a:hover:before {opacity:.6}
/*text*/
[class*='index__item'] span {text-shadow:0px 0px 15px rgba(0,0,0,.1);}


/* -----------------------------------------------
 = Works List 
----------------------------------------------- */
.works-index {display:flex; justify-content:flex-start; min-height:100vh; padding-top:30px;}
.works-index__box {overflow:hidden; display:block; width:25%; opacity:0;}
.works-index__box.show {animation:worksFadeIn 1s forwards;}
.works-index__link {display:flex; align-items:center; justify-content:center; width:100%; font-size:180%; font-weight:600; background-size:102%; background-position:50%;}
.works-index__link:before {content:''; position:absolute; top:0; bottom:0; width:100%; height:100%; background-color:#000; opacity:0;}
.works-index__year {display:block; line-height:1.2; text-align:center; font-size:15px;}
.works-index__title {z-index:10; position:relative; padding-bottom:6px; opacity:0; font-weight:500; letter-spacing:0px; color:#fff; transition:all .5s ease-in;}
.works-index__link:hover {background-size:106%; filter:brightness(120%);}
.works-index__link:hover:before {opacity:.6}
.works-index__link:hover .works-index__title {opacity:1; letter-spacing:1px;}
@keyframes worksFadeIn {
	to {opacity:1;}
}

/* -----------------------------------------------
 = Works Single 
----------------------------------------------- */
.works-single {}
.works-single__section {width:90%; margin:auto;}
/*head*/
.works-single__head {display:flex; justify-content:flex-start;}
/*head image*/
.works-single__image {width:70%; text-align:center;}
.works-single__image img {max-height:800px;}
.works-single__credit {padding-top:10px; font-size:140%; letter-spacing:2px;}
/*head summary*/
.works-single__box {position:relative; width:30%; padding-left:60px;}
.works-single__summary {margin-top:60px;
/*padding:7px 0 5px 25px; border-left:#ccc solid 3px;*/
letter-spacing:1px;}
.works-single__title {padding:0 0 12px 0; font-size:160%; font-weight:600;}
.works-single__title.en {font-family:"Montserrat", sans-serif; font-weight:500;}
.works-single__year,
.works-single__size,
.works-single__material,
.works-single__other {padding:0 0 3px 0; font-size:150%;}
/*content*/
.works-single__content {display:flex; flex-direction:column; align-items:flex-start; width:100%; max-width:900px; margin:auto; padding:150px 0 50px;}
.works-single__content.en {letter-spacing:1px;}
.works-single__content p {line-height:2; margin-bottom:20px; font-size:160%;}
.works-single__content img {height:auto;}
.works-single__content div {text-align:center; padding:50px 0;}
.works-single__content div span {display:inline-block; padding-top:5px; font-size:140%;}
.works-single__content .movie {position:relative; width:100%; height:0; padding:0 0 56.25%; overflow:hidden;}
.works-single__content .movie iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.works-single__content .space {margin-left:-.4em;}
.works-single__content.en .space {margin-left:0;}
/*content aligin*/
.works-single__content .alignCenter,
.works-single__content .center {text-align:center;}
.works-single__content .alignLeft,
.works-single__content .left {text-align:left; align-self: flex-start;}
.works-single__content .alignRight,
.works-single__content .right {text-align:left; align-self:flex-end;}

/* -----------------------------------------------
 = News 
----------------------------------------------- */
.news__section {width:90%; margin:auto; padding:50px 0; border-top:1px dashed #ccc;}
.news__section:nth-of-type(1) {padding-top:20px; border:none;}
.news__head {display:flex; justify-content:space-between; padding-top:20px;}
.news__imagebox {width:50%; text-align:center;}
.news__textbox {width:calc(50% - 30px);}
/*content area*/
.news__title {font-size:240%; line-height:1.6;}
.news__date {font-size:160%;}
.news__imagebox img {margin-top:15px; border:1px solid #f6f6f6;}
.news__imagebox img:nth-of-type(1) {margin-top:0;}
.news__youtube + img:nth-of-type(1) {margin-top:20px;}
.news__credit {line-height:1.5; padding-bottom:5px; text-align:left; font-size:130%;}
.news__content {padding:25px 35px 10px; background-color:#f9f9f9;}
.news__content p {padding-bottom:15px; font-size:160%; line-height:1.9; letter-spacing:0;}
.news__content p .sign {display:block; padding-top:5px; text-align:right;}
.news__content a {color:#0942db; text-decoration:underline; word-wrap:break-word;}
.news__content strong {}
.news__content div {max-width:100%;}
.news__content div .wp-caption-text {text-align:right; padding-right:5px; line-height:1.6; font-size:130%;}

/*font*/
.news__title,
.news__content a,
.news__content strong {}
.news__title:first-letter {font-family:YakuHanJP, "Noto Sans JP", sans-serif;}
/*youtube*/
.news__youtube {position:relative; height:0; padding:0 0 56.25%; overflow:hidden;}
.news__youtube + .news__youtube {margin-top:20px;}
.news__youtube iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
/*english*/
.news__content.en {letter-spacing:1px;}
.news__content.en p {font-size:160%;}
.news__content.en strong,
.news__content.en a {font-size:110%;}

/* -----------------------------------------------
 = Exhibition　
----------------------------------------------- */
.exhibition__section {width:90%; margin:auto; padding:50px 0; border-top:1px dashed #ccc;}
.exhibition__section:nth-of-type(1) {padding-top:20px; border:none;}
.exhibition__head {display:flex; justify-content:space-between; padding:30px 35px 20px; background-color:#f9f9f9;}
.exhibition__imagebox {width:50%; text-align:center;}
.exhibition__textbox {width:calc(50% - 30px); padding:0 25px 10px;}
/*content area*/
.exhibition__title {font-size:240%; line-height:1.6;}
.exhibition__date {font-size:160%;}
.exhibition__credit {font-size:150%;}
.exhibition__textbox {}
.exhibition__textbox p {padding-bottom:15px; font-size:160%; line-height:1.9;}
.exhibition__textbox a {color:#0942db; text-decoration:underline; word-wrap:break-word;}
.exhibition__textbox strong {}
.exhibition__textbox div {max-width:100%;}
/*font*/
.exhibition__title,
.exhibition__content a,
.exhibition__content strong {}
.exhibition__title:first-letter {font-family:YakuHanJP, "Noto Sans JP", sans-serif;}
/*youtube*/
/*.exhibition__youtube {position:relative; height:0; padding:0 0 56.25%; overflow:hidden;}*/
/*.exhibition__youtube iframe {position:absolute; top:0; left:0; width:100%; height:100%;}*/
/*photobox*/
.exhibition__photobox {width:calc(100%); margin:auto; padding-top:20px;}
.exhibition__photobox img {margin-bottom:20px; width:100%; height:auto;}




/*english*/
.exhibition__content.en {letter-spacing:1px;}
.exhibition__content.en p {font-size:160%;}
.exhibition__content.en strong,
.exhibition__content.en a {font-size:110%;}

/* -----------------------------------------------
 = Biography
----------------------------------------------- */
.biography {width:90%; margin:auto;}
.biography__head {display:flex; justify-content:space-between; padding-top:20px;}
.biography__imagebox {width:50%; text-align:center;}
.biography__textbox {width:calc(50% - 50px);}
/*image*/
.biography__caption {text-align:left; padding:0 2px; font-size:130%}
/*content area*/
.biography__title {font-size:240%; line-height:1.6;}
.biography__text {line-height:1.9; padding:20px 0 10px; font-size:160%;}
/*table list*/
.profile-sub {margin-top:20px; padding:20px 20px; background-color:#f9f9f9; letter-spacing:0;}
.biography.en .profile-sub:nth-of-type(1) {margin-top:10px;}
.profile-section {padding-bottom:15px; text-align:left; font-size:160%;}
.profile-sub .list {width:100%; font-size:140%;}
.profile-sub .list th {width:60px; text-align:left;}
.biography.en .profile-sub .list th {width:45px}
.profile-sub .list td {padding:0 0 5px 15px;}







/* -----------------------------------------------
 = 990.Print 
----------------------------------------------- */