/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
@charset "utf-8";
@font-face {
  font-family: Yu MinchoM;
  src: local("Yu Mincho Medium");
}
@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}
html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
    font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
ul,li{list-style: none;}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body , html { height: 100%;background-color: #000;color: #FFF; }
body, #wrapper { margin: 0; padding: 0; width: 100%; max-width: 100%; }
body { height: 100%; min-height: 100%; }
h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li{margin:0;padding:0;}
header a,nav a,main a,footer a,header a:hover,nav a:hover,main a:hover,footer a:hover,li:hover{
	-webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
	text-decoration: none;
}
a:hover{opacity: 0.6;}
#wrapper { width: 100%;height: auto !important;height: 100%; min-height: 100%; display: block; overflow: hidden; position: relative; /*z-index: 1;*/ }
.inner{width: 100%;max-width: 1500px;margin: 0 auto;padding: 0 35px;box-sizing: border-box;}
.inner-max{width:100%;max-width: 1500px;margin:0 auto;padding:0;}
.sp-none{display: block;}
.sp-block{display: none;}
@media screen and (max-width: 768px) {
	.sp-none{display: none;}
	.sp-block{display: block;}
}
/* --------------------------------------------------
	loading anime
-------------------------------------------------- */

#loading { background: #000; margin: 0; padding: 0; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; overflow: hidden; }
.loader,
.loader:after {
  border-radius: 50%;
  width: 100px;
  height: 100px;
}
.loader {
	position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
	right: 0;
	margin: auto;
	font-size: 10px;
 	text-indent: -9999em;
	border-top: 3px solid rgba(187, 135, 56, 0.2);
	border-right: 3px solid rgba(187, 135, 56, 0.2);
  border-bottom: 3px solid rgba(187, 135, 56, 0.2);
  border-left: 3px solid #b28738;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* --------------------------------------------------
	icon
-------------------------------------------------- */
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?yrziz3');
  src:  url('../fonts/icomoon.eot?yrziz3#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?yrziz3') format('truetype'),
    url('../fonts/icomoon.woff?yrziz3') format('woff'),
    url('../fonts/icomoon.svg?yrziz3#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"],[class^="flex-prev"],[class^="flex-next"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-sina-weibo:before {
  content: "\ea9a";
}
.icon-vimeo:before {
  content: "\eaa0";
}
.icon-prev:before,.flex-prev:before {
  content: "\e903";
}
.icon-next:before,.flex-next:before {
  content: "\e902";
}
/* --------------------------------------------------
	base
-------------------------------------------------- */
header{width:100%;height: 100px;box-sizing: border-box;position: fixed;top: 0;left: 0;z-index: 9998;background: #000;overflow: hidden;}
header a,nav a,footer a{color: #FFF;}
header .logo{position: absolute;left: 100px;top:15px;}
nav{height: 100px;position: fixed;top: 0;right: 190px;font-size: 0;z-index: 9999;overflow: hidden;}
nav ul{display: inline-block;vertical-align: top;}
nav ul li{display: inline-block;margin-left: 15px;line-height: 100px;font-size: 16px;}
nav .nav2row{float: left}
nav .nav-sns{margin-left: 15px;}
nav .nav-sns li{margin-left: 5px;}
nav .nav-sns li a{color: #000;font-size: 20px;padding: 10px 10px 8px 10px;}
nav .nav-sns li:first-child{margin-left: 0;}
.gc{background-color: #b28738;border-radius: 50%;}
/* 言語select */
.lang-bar{
	width: 80px;
	position: fixed;
	top: 30px;
	right: 100px;
	z-index: 9999;
	padding: 10px 0;
}
.lang-bar_icon{
	font-size: 12px;
	position: relative;
	-webkit-transition: all .35s cubic-bezier(0.500, 0.250, 0.500, 0.750);
	transition: all .35s cubic-bezier(0.500, 0.250, 0.500, 0.750);
  opacity: 1;
  cursor: pointer;
  white-space: nowrap;
	padding: 0 30px 0 0;
}
.lang-bar_icon:before {
	position: absolute;
	right: 8px;
	top: -1px;
	width: 16px;
	height: 16px;
	color: #FFF;
	font-size: 16px;
	text-indent: 0;
	font-family: 'icomoon' !important;
	content: "\e9c9";
	font-style: normal;
	font-weight: normal;
	line-height: 1.05;
	text-indent: 0;
	text-align: center;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: all .35s cubic-bezier(0.500, 0.250, 0.500, 0.750);
	transition: all .35s cubic-bezier(0.500, 0.250, 0.500, 0.750);
}
.lang-bar_icon:after {
	position: absolute;
	right: 0;
	top: 5px;
	width: 4px;
	height: 4px;
	content: '';
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	text-indent: 0;
	vertical-align: 3px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	-webkit-transition: all .35s cubic-bezier(0.500, 0.250, 0.500, 0.750);
	transition: all .35s cubic-bezier(0.500, 0.250, 0.500, 0.750);
}
.lang-bar.active .lang-bar_icon:after {
	-webkit-transform: translate3d(0,3px,0) rotateX(180deg) rotate(45deg)!important;
  transform: translate3d(0,3px,0) rotateX(180deg) rotate(45deg)!important;
	top: 4px!important;
}
.lang-bar_list{
	width: 100%;
	background:#333;
	text-align: center;
	position: absolute;
	top: 40px;
	padding: 10px 0 0;
	display: none;
	transition-duration: 1s;
	transition: .2s ease-in-out;
  transform: translateY(-10px);
  opacity: 0;
}
.lang-bar_list.open{
	display: block;
	transform: translateY(0);
  opacity: 1;
}
.lang-bar_item:last-child{padding-bottom: 20px;}
.lang-bar_list a{padding:10px;font-size: 12px;color: #fff;text-decoration: none;display: block;}
.lang_selected{font-weight: bold;}

.menu-btn{display: none;}
@media screen and (max-width: 1280px) {
	header .logo{top:18px;}
	header .logo img{width: 200px;}
}
@media screen and (max-width: 1200px) {
	header .logo{left: 50px;}
	nav{right: 140px;}
	nav ul.nav-txt{display: block;}
	nav .nav2row{padding: 15px 0;}
	nav ul.nav-txt li{line-height: 35px;}
	.lang-bar{right: 50px;}
}
@media screen and (max-width: 960px) {
	header .logo{left: 16px;top:20px;}
	nav{right: 106px;}
	header .logo img{width: 180px;}
/*	nav .nav-sns{width: 85px;margin-top: 14px;}
	nav .nav-sns li{line-height: 36px;}
	nav .nav-sns li:nth-child(3){margin-left: 0;}*/
	nav .nav-sns li a{color: #000;font-size: 16px;padding: 8px 8px 6px 8px;}
	.lang-bar{right: 16px;}
}
@media screen and (max-width: 768px) {
	header{height: 48px;}
	header .logo{top:0;}
	header .logo img{width: 120px;}
	nav{width: 100%;
    height: 100%;
		padding: 0 40px 0;
		margin-top: 48px;
		border-top: 1px solid #333;
		box-sizing: border-box;
    position: fixed;
    top: 0;
    right: 0;
    background-color: #000;
		z-index: 9997;
		display: none;
	}
	nav.open{}
	nav a{display: block;}
	nav .nav2row{float: none;}
	nav ul li{margin: 0;line-height: 1em;}
	nav ul.nav-txt li{width: 100%;line-height: 40px;border-bottom: 1px solid #333;}
	nav ul.nav-txt li a{position: relative;padding: 0 5px;}
	nav ul.nav-txt li a::after {font-family: 'icomoon';content: "\e902";position: absolute;top:0;right: 5px;color:#b28738;}
	nav .nav-sns{display: block;margin: 0 0 20px 0;text-align: center;}
	nav .nav-sns li a{font-size: 20px;padding: 10px 10px 8px 10px;}
	.lang-bar{width: 70px;right: 50px;top:7px;}
	.lang-bar_icon span{transform: scale(0.75);transform-origin: left top;display: block;}
	.lang-bar_icon:before {
		width: 20px;
		height: 20px;
		font-size: 20px;
		top:-5px;
		right: 8px;
	}
	.lang-bar_icon:after {top: 3px;}
	.lang-bar.active .lang-bar_icon:after {top: 2px!important;}
	/* menu btn ----------------------------------- */
	.menu-btn{
		display: block;
		position: fixed;
		right: 0;
    top:0;
		width: 50px;
		height: 48px;
    	z-index: 99999;
		pointer-events:all;
	}
	.menu-btn:hover{cursor: pointer;}
	.menu-btn,
	.menu-btn span{
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.menu-btn span{
		position: absolute;
		left: 0;
		width: 24px;
		height: 1px;
		margin:0 13px;
		background-color: #b28738;
		border-radius: 4px;
	}
	.menu-btn span:nth-of-type(1){
		top: 12px;
	}
	.menu-btn span:nth-of-type(2){
		top: 22px;
	}
	.menu-btn span:nth-of-type(3){
		top: 32px;
	}
	.menu-btn.active span:nth-of-type(1){
		-webkit-transform: translateY(10px) rotate(45deg);
		transform: translateY(10px) rotate(45deg);
	}
	.menu-btn.active span:nth-of-type(2){
		opacity: 0;
	}
	.menu-btn.active span:nth-of-type(3){
		-webkit-transform: translateY(-10px) rotate(-45deg);
		transform: translateY(-10px) rotate(-45deg);
	}
}
footer{text-align: center;background: #000;border-top: 1px solid #666;}
footer .fnav-sns{padding: 50px 0;}
footer .fnav-sns ul li{display: inline-block;margin: 0 5px;}
footer .fnav-sns ul li a{color: #000;font-size: 30px;padding: 12px 12px 8px 12px;}
footer .fnav{border-top: 1px solid #666;border-bottom: 1px solid #666;padding: 40px 0;}
footer .fnav ul{margin: 0 16px;}
footer .fnav ul li{display: inline-block;margin-left: 15px;}
#copyrightArea{padding: 50px 0;}
#copyright{font-size: 0.8em;line-height: 1.6;margin-top: 10px;}
@media screen and (max-width: 768px) {
	footer .fnav-sns ul li a{font-size: 20px;padding: 10px 10px 8px 10px;}
	footer .fnav ul{font-size: 0;}
	footer .fnav ul li{margin: 0;width: 50%;font-size: 12px;line-height: 50px;}
}
.wrap1000{width:100%;max-width: 1000px;margin: 0 auto;box-sizing: border-box;}
.wrap1260{width:100%;max-width: 1260px;margin: 0 auto;box-sizing: border-box;}
.fadein {
    opacity : 0.1;
    /*transform : translate(0, 50px);*/
    transition : all 500ms;
}
.fadein.scrollin {
    opacity : 1;
    /*transform : translate(0, 0);*/
}
/*.worksItem img{
 opacity: 0.1;
}
.worksItem.lazyloaded img.lazyloaded{
  opacity: 1;
  transition: all 500ms;
}*/
.headline{text-align: center;font-weight: normal;font-size: 2em;color:#b28738;letter-spacing: 2px;margin: 15px auto;}
.headline span{display: block;font-size: 0.5em;}
.tb-p5{padding-top: 5%;padding-bottom: 8%;}
.mt100{margin-top: 100px;margin-bottom: 100px;}
.pt80{padding-top: 80px;}
.p-lr16{padding-left: 16px;padding-right: 16px;}
.moreBtn{width: 350px;height: 80px;margin: 15px auto;}
.moreBtn a{display: block;text-align: center;line-height: 80px;color: #000;position: relative;background:#b28738;}
.moreBtn a::after {font-family: 'icomoon';content: "\e902";position: absolute;top:0;right: 5px;color:#000;font-size: 30px;}
.con3box{width: 30%;display: inline-block;box-sizing: border-box;margin-right: 5%;font-size: 16px;vertical-align: top;}
.con3box:nth-child(3n){margin-right: 0;}
.con3box img{width: 100%;}
.con3box a{color: #FFF;}
.subMenu{width: 100%;background: #b28738;text-align: center;margin-top: 50px;}
.subMenu ul li{display: inline-block;transform: skew(-20deg);}
.subMenu ul li a{color: #000;line-height: 40px;display: block;padding: 0.5em 1.5em;transform: skew(20deg);}
.subMenu ul li:hover{background: #926d2a;cursor: pointer;}
.subMenu ul li a:hover{color: #FFF;opacity: 1;}
.subMenu ul li.active{background: #FFF;}
.subMenu ul li.active a{color: #b28738;}
@media screen and (max-width: 768px) {
	.tb-p5{padding-top: 8%;padding-bottom: 10%;}
	.mt100{margin-top: 48px;padding-top: 10px;margin-bottom: 50px;}
	.moreBtn{width: 80%;height: 60px;}
	.moreBtn a{line-height: 60px;}
	.con3box{width: 100%;display: block;margin-right: 0;margin-bottom: 20px;}
	.con3box:last-child{margin-bottom: 0;}
	.subMenu{margin-top: 20px;}
	.subMenu ul li a{padding: 0.1em 1em;}
}
/* --------------------------------------------------
	TOP
-------------------------------------------------- */
#topImg{
	min-height: 800px;
	height: 100vh;
	width: 100%;
	padding: 100px 0;
	box-sizing: border-box;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
#topImg .flexslider{
	position: absolute;
	top: 100px;
	right: 0;
	bottom: 100px;
	left: 0;
	display: block;
	/*overflow: hidden;*/
	z-index: 10;
}
#topImg .flexslider .flex-direction-nav .flex-prev{left: 0;}
#topImg .flexslider .flex-direction-nav .flex-next{right: 0;}
.bgImg{background-size: cover;background-position: center center;}
.list{
	position: relative;
	overflow: hidden;
	min-height: 600px;
	height: 100vh;
	height: calc(100vh - 200px);
}
.copy01,.copy02{position: absolute;
	width: 100%;
	box-sizing: border-box;
	z-index: 10;
	text-align: center;
	left:0;
	right: 0;
}
.copy01{bottom:30px;}
.copy01 img{width: 100%;max-width: 957px;}
.copy02{bottom:40px;}
.copy02 img{width: 70%;max-width: 473px;}
@media screen and (max-width: 768px) {
	#topImg{height: 70vh;min-height: 300px;padding: 48px 0;}
	#topImg .flexslider {top: 48px;bottom: 48px;}
	.list{height: 70vh;min-height: 300px;height: calc(70vh - 96px);}
	.copy01{bottom:15px;}
	.copy02{bottom:15px;}
}
#topExhibition,#topBiography,#topNews,#topInstagram{background: url("../img/top_back01.jpg") no-repeat fixed center/cover;padding-left: 16px;padding-right: 16px;}
#topWorks,#topProfile,#topVideo{background: #000;}
#topExhibition .exhiBox{width: 100%;max-width: 1260px;margin: 30px auto;background: #FFF;padding: 30px;box-sizing: border-box;}
#topExhibition .exhiBox a{color: #000;display: block;}
#topExhibition .exhiImg img{width: 100%;}
#topExhibition a:hover{opacity: 1;}
#topExhibition .moreBtn a:hover {opacity: 0.6;}
#topExhibition .exhiInfo {display: table;padding-top: 20px;width: 100%;color: #000;}
#topExhibition .exhiInfo div{display: table-cell;vertical-align: middle;}
#topExhibition .exhiTxt01,.exhiTxt02{box-sizing: border-box;padding: 20px 50px;}
#topExhibition .exhiTxt01{width: 50%;border-right: 1px solid #999;text-align: center;}
#topExhibition .exhiTxt02{width: auto;}
#topExhibition .exhiTtl{font-size: 40px;}
#topExhibition .exhiTtl-sub{margin-top: 10px;}
#topExhibition .exhiDay{font-size: 28px;margin-bottom: 10px;}
#topExhibition .exhiDay span{font-size: 0.5em;margin: 0 5px;}
#topExhibition .exhiBtn{width: 80px;background: #000;color: #FFF;font-size: 50px;text-align: center;}
#topExhibition .exhiBtn span.icon-next{line-height: inherit;}
#topExhibition .exhiMore{display: none;}
@media screen and (max-width: 1024px) {
	#topExhibition .exhiBox{padding: 5%;}
	#topExhibition .exhiInfo {padding-top: 0;}
	#topExhibition .exhiInfo,#topExhibition .exhiInfo div{display: block}
	#topExhibition .exhiTtl,#topExhibition .exhiDay{}
	#topExhibition .exhiTxt01,.exhiTxt02{padding: 20px 0;}
	#topExhibition .exhiTxt01{width: 100%;border-right:0;border-bottom: 1px solid #999;}
	#topExhibition .exhiBtn{width: 100%;font-size: 20px;line-height: 50px;}
	#topExhibition .exhiMore{display: inline-block;font-size: 0.6em;line-height: 16px;vertical-align: middle;}
	#topExhibition .exhiBtn span.icon-next{vertical-align: middle;margin-left: 10px;}
}
@media screen and (max-width: 768px) {
	#topExhibition .exhiInfo {font-size: 12.8px;}
	#topExhibition .exhiTtl{font-size: 32px;}
	#topExhibition .exhiDay{font-size: 22px;}
	#topExhibition,#topBiography,#topNews,#topInstagram{background:none;}
}
#topWorks .worksBox{padding: 5% 100px;text-align: center;min-height: 450px;}
.worksBox:nth-of-type(2){border-bottom: 1px solid #999;border-top: 1px solid #999;}
#topWorks .list{height: auto;}
#topWorks .flexslider .slides img{max-height: 900px;width: auto;max-width: 100%;}
#topWorks a .worksTtl{color:#b28738; }
#topWorks a .worksTtl .worksTtl-en{font-size: 32px;}
#topWorks a .worksInfo{color:#ccc;font-size: 14px; }
#topWorks .flex-control-thumbs{margin-top: 50px;}
#topWorks .flex-control-thumbs img{border-bottom: 2px solid #000;}
#topWorks .flex-control-thumbs .flex-active{border-bottom: 2px solid #FFF;}
@media screen and (max-width: 1200px) {
	#topWorks .worksBox{padding: 5% 80px;}
}
@media screen and (max-width: 960px) {
	#topWorks .worksBox{padding: 5% 40px;}
}
@media screen and (max-width: 768px) {
	#topWorks .worksBox{padding: 5% 16px 5%;max-height: 550px;}
	#topWorks .flex-control-thumbs{text-align: center;margin: 5% 0;}
#topWorks a .worksTtl .worksTtl-en{font-size: 24px;}
#topWorks a .worksInfo{color:#ccc;font-size: 11px; }
}

#topBiography .wrap1000{display: table;margin: 50px auto;}
#topBiography .wrap1000 div{display: table-cell;}
#topBiography .bioLeft{width: 35%;border-right: 1px solid #999; }
#topBiography .bioLeft .headline{text-align: left;}
#topBiography .bioRight{padding: 20px 50px;}
#topBiography .bioYear{font-size: 1.5em;margin-bottom: 10px;}
#topBiography .bioTxt{font-size: 0.9em;line-height: 2;}
@media screen and (max-width: 768px) {
	#topBiography .wrap1000{margin: 20px auto 30px;}
	#topBiography .wrap1000,#topBiography .wrap1000 div{display: block;}
	#topBiography .bioLeft{width: 100%;border-right: 0;border-bottom: 1px solid #999;}
	#topBiography .bioLeft .headline{text-align: center;margin-bottom: 30px;}
	#topBiography .bioRight{padding: 20px 0;}
}
#topProfile{width: 100%;display: table;}
#topProfile .profInner{ display: table-cell;text-align: center;width: 50%;vertical-align: middle;}
#topProfile .profInner img{width: 100%;}
#topProfile .profName{font-size: 5em;margin: 5% 0;letter-spacing: 3px;line-height: 0.8em;}
#topProfile .profName span{font-size: 0.5em;display: block;}
#topProfile .whitestone{margin: 5% auto;font-size: 0.6em;}
#topProfile .whitestone a{display: block;margin-top: 10px;}
@media screen and (max-width: 768px) {
	#topProfile,#topProfile .profInner{display: block;width: 100%;box-sizing: border-box;}
	#topProfile .profInner .headline{margin-top: 5%;}
	#topProfile{padding-bottom: 10%;}
	#topProfile .profName{font-size: 3.6em;}
	#topProfile .profTxt{padding-left: 16px;padding-right: 16px;}
	#topProfile .whitestone{width: 80%;}
	#topProfile .whitestone a{margin-top: 5px;}
}
#topVideo{padding-left: 16px;padding-right: 16px;}
#topNews .wrap1000,#topVideo .wrap1000{font-size: 0;margin: 20px auto 50px;}
#topNews .newsTtl,#topVideo .newsTtl{margin: 10px 0 5px;}
#topNews .newsDay,#topVideo .newsDay{font-size: 0.8em;color: #ccc;}
@media screen and (max-width: 768px) {
	#topNews .wrap1000,#topVideo .wrap1000{margin: 20px auto 30px;}
	#topVideo{padding-left: 16px;padding-right: 16px;}
}
@media screen and (max-width: 480px) {
	#topNews .wrap1000,#topVideo .wrap1000{font-size: 16px;}
	#topNews .wrap1000 .con3box,#topVideo .wrap1000 .con3box{font-size: 0.8em;}
}
#topInstagram{text-align: center;    margin-bottom: -15px;}
#topInstagram img{width: 40%;max-width: 222px;}
@media screen and (max-width: 768px) {
#topInstagram{padding: 10% 0;}
}
/* --------------------------------------------------
	Works
-------------------------------------------------- */
.worksNew{border: 2px solid #FFF;text-align: center;width: 80%;margin: 80px auto 0;box-sizing: border-box;}
.worksNewttl{background: #FFF;color: #000;display: inline-block;padding: 10px 60px;font-size: 1.2em; }
.worksNew a p{font-size: 1.4em;margin: 15px;color: #FFF;}
.worksNew p span{display: block;font-size: 0.6em;}
.worksList{margin: 80px auto 0;text-align: center;}
.worksList ul{display: table;border-collapse: separate;border-spacing: 15px 0;width: 100%;margin-bottom: 5%;}
.worksList ul li{display: table-cell;vertical-align: middle;min-width: 33%;}
/*.worksList ul li img{width: 100%;}*/
.worksList-ttl{color:#b28738;font-size: 1em;}
.worksList-ttl:first-of-type{margin-top: 10px;font-size: 1.2em;}
.worksList-cat{font-size: 0.8em;margin-left: 3px;color: #ccc;}
.worksItem{margin-bottom: 100px;}
.worksItem img{width: auto;max-width: 100%;}
.worksItem .worksItem_2col{margin: 200px auto;}
@media screen and (max-width: 1260px) {
	.worksList ul{border-spacing: 50px 0;}
}
@media screen and (max-width: 960px) {
	.worksList ul{border-spacing: 25px 0;}
}
@media screen and (max-width: 768px) {
	.worksNew{margin: 30px auto 0;width: 100%;}
	.worksList{margin: 30px auto 0;}
	.worksList ul,.worksList ul li{display: block;}
	.worksList ul{margin-bottom: 0;}
	.worksList ul li{margin-bottom: 30px;}
	.worksItem{margin-bottom: 30px;}
	.worksItem .worksItem_2col{margin: 30px auto;}
}

/* --------------------------------------------------
	Works > detail
-------------------------------------------------- */
.openseadragon {
	background: none transparent;
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 100%;
	min-height: 600px;
	height: 100vh;
	height: calc(100vh - 250px);
	overflow: hidden;
	left: 0px;
	top: 1px;
	text-align: left;
}
.openseadragon-container div:nth-child(2){right: 0;bottom:0;left: auto!important;text-align: right;display: table!important;height: 100%!important;}
.openseadragon-container div:nth-child(2) > div{display: table-cell!important;vertical-align: middle!important;}
.openseadragon-container div:nth-child(2) div[title="Zoom in"],
.openseadragon-container div:nth-child(2) div[title="Zoom out"],
.openseadragon-container div:nth-child(2) div[title="Go home"]{
	display: block!important;
	margin: 10px 20px 10px 0!important;
	width: 40px!important;
	height: 40px!important;
}
div[title="Zoom in"]:hover,div[title="Zoom out"]:hover,div[title="Go home"]:hover{cursor: pointer;}
div[title="Toggle full page"]{display: none!important;}
.worksDetail{text-align: center;color:#b28738;margin-top: 10px;}
.worksDetail-ttl{font-size: 1.8em;line-height: 1.2;margin-bottom: 5px;}
.worksDetail span{font-size: 0.8em;color: #ccc;}
@media screen and (max-width: 768px) {
	.openseadragon {min-height: 400px;height: 50vh;height: calc(50vh - 250px);}
	.openseadragon-container div:nth-child(2){text-align: center;display: inline-block!important;height: auto!important;left: 0!important;top: auto!important;}
	.openseadragon-container div:nth-child(2) > div{display: inline-block!important;}
	.openseadragon-container div:nth-child(2) div[title="Zoom in"],
	.openseadragon-container div:nth-child(2) div[title="Zoom out"],
	.openseadragon-container div:nth-child(2) div[title="Go home"]{
	display: inline-block!important;
	margin: 5px!important;}
}

/* --------------------------------------------------
	Biography　Profile　共通
-------------------------------------------------- */
@import url(https://fonts.googleapis.com/earlyaccess/cwtexming.css);
.cwTeXMing {font-family: Georgia, 'cwTeXMing', serif;}
#biography .subMenu,#profile .subMenu{font-size: 0.9em;}
#biography #tab-area,#profile #tab-area,#news #tab-area,#exhibition #tab-area,#video #tab-area{margin-top: 80px;}
#biography #tab-area table,#profile #tab-area table{width: 100%;}
.article-btn{display: inline-block;margin-top: 10px;}
.article-btn a{border: 2px solid #b28738;color: #b28738;padding: 10px 50px;display: block;position: relative;}
.article-btn a::after {font-family: 'icomoon';content: "\e902";position: absolute;top: 6px;right: 5px;color: #b28738;font-size: 20px;}
@media screen and (max-width: 768px) {
	#biography #tab-area,#profile #tab-area,#news #tab-area,#exhibition #tab-area,#video #tab-area{margin-top: 30px;}
	.article-btn{width: 100%;text-align: center;}
	.article-btn a{width: 100%;padding: 15px 0;box-sizing: border-box;}
	.article-btn a::after {top: 10px;}
}
/* --------------------------------------------------
	Biography
-------------------------------------------------- */
#biography .biography-ja,#biography .biography-zhen{border-collapse:collapse;}
#biography .biography-ja{font-size: 0.9em;}
#biography .biography-ja tr,#biography .biography-zhen .bb1 tr{border-bottom: 1px solid #b28738;}
#biography .biography-ja tr:last-child,#biography .biography-zhen .bb1 tr:last-child{border: 0;}
#biography .biography-ja tr th{padding: 20px 0;}
#biography .biography-ja tr td{padding: 30px 0;}
#biography .biography-ja tr th{width: 4em;color:#b28738;font-size: 2em;text-align: left;vertical-align: top;}
#biography .biography-ja tr td p{margin-bottom: 15px;}
#biography .biography-ja tr td p:last-child{margin-bottom: 0;}
#biography .biography-zhen:first-of-type{margin-top: 100px;}
#biography .biography-zhen{margin-bottom: 25px;}
#biography .biography-zhen th{width: 30%;color:#b28738;font-size: 1.6em;text-align: left;vertical-align: top;background: rgba(255,255,255,0.85);padding: 10px 20px;box-sizing: border-box;}
#biography .biography-zhen tr td{padding: 0 0 0 20px;font-size: 0.95em;}
#biography .biography-zhen span{display: block;margin-bottom: 10px;}
#biography .biography-zhen span:last-child{margin-bottom:0;}
#biography .biography-zhen span a{color: #999;}
#biography .biography-inner tr td{padding: 0;line-height: 2;vertical-align: top;}
#biography .biography-year{width: 4em;color:#b28738; }
#biography .biography-zhen .bb1 td{padding-bottom: 20px;}
#biography .biography-exhiYear{color:#b28738;font-size: 1.8em;}
@media screen and (max-width: 768px) {
	#biography .biography-ja tr th,#biography .biography-ja tr td	{width: 100%;display: block;padding: 10px 0;}
	#biography .biography-ja tr th{padding-top: 20px;}
	#biography .biography-ja tr td p:last-child{margin-bottom: 20px;}
	#biography .biography-zhen:first-of-type{margin-top: 50px;}
	#biography .biography-zhen th,#biography .biography-zhen tr td{display: block;width: 100%;box-sizing: border-box;}
	#biography .biography-zhen th{font-size: 1.4em;padding: 10px;margin-bottom: 10px;}
	#biography .biography-zhen tr td {padding: 0 10px;}
	#biography .biography-inner tr td{padding: 0;}
	#biography .biography-year{font-size: 1.2em!important;}
}
/* --------------------------------------------------
	Profile
-------------------------------------------------- */
#profile .profile-about tr td{width: 50%;}
#profile img{width: 100%;}
img.miwa_logo{max-width: 225px;}
#profile #tab-area{font-size: 0.9em;}
#profile .profile-about tr td.profile-aboutTxt{padding-left: 30px; text-align: left;}
#profile .profile-about p{margin-bottom: 10px;}
#profile .profile-inner{margin-top: 50px;}
#profile .profile-inner th,#profile .profile-inner td{padding: 5px 0;}
#profile .profile-inner th{width: 6em;font-weight: normal;}
#profile .profile-inner td{width: auto!important;}
#profile .profile-box{margin-top: 50px;}
#profile .profile-ttl{box-sizing: border-box;width: 100%;border: 2px solid #b28738;color:#b28738;line-height: 60px;text-align: center;font-size: 1.2em;}
#profile .profile-book{margin-top: 20px;}
#profile .profile-book table tr td:nth-child(2n-1){width: 48%;background: #FFF;color: #000;padding: 20px;vertical-align: top;}
#profile .profile-book table tr td:nth-child(2n){width: 4%;}
#profile .bookImg a{font-size: 0;margin-bottom: 10px;display: block;color: #000;}
#profile .bookImg a p{display: inline-block;vertical-align: middle;font-weight: bold;font-size: 18px;width: 55%;}
#profile .bookImg a p:first-child{width: 40%;margin-right: 5%;}
#profile .profile-zhen{margin-top: 50px;padding-top: 50px;border-top:1px solid #b28738;}
#profile .profile-zhenIn p,#profile .profile-zhen p{margin-bottom: 10px;}
@media screen and (max-width: 768px) {
	#profile .profile-about tr td{display: block;width: 100%;}
	#profile .profile-about tr td.profile-aboutTxt{padding: 10px 0;}
	#profile .profile-inner{margin-top: 30px;}
	#profile .profile-box{margin-top: 30px;}
	#profile .profile-book table tr td:nth-child(2n-1),#profile .profile-book table tr td:nth-child(2n){width: 100%;display: block;box-sizing: border-box;min-height: 20px;}
	#profile .bookImg a p{width: 100%;display: block;}
	#profile .bookImg a p:first-child{width: 50%;margin: 0 auto 10px;}
	#profile .profile-zhen{margin-top: 30px;padding-top: 30px;}
}
/* --------------------------------------------------
	News
-------------------------------------------------- */
#news .newsBox{margin-bottom: 5%;background: #FFF;width: 100%;padding: 30px 30px 30px 0;color: #000;display: table;table-layout: fixed;box-sizing: border-box;}
#news .newsDay,#news .newsDetail{display: table-cell;vertical-align: top;}
#news .newsDay{width: 25%;padding: 0; text-align: center;border-right: 1px solid #666;}
#news .newsDay p{font-size: 2em;color: #b28738;}
#news .newsDay p span{display: block;font-size: 2.4em;margin-top: -20px;}
#news .newsCat{background:#b28738;color: #FFF;padding: 5px 20px;font-size: 0.8em;display: inline-block;}
#news .newsDetail{padding-left: 5%;word-break: break-all;}
#news .newsDetail a{color: #b28738;}
#news .newsDetail img{max-width: 100%;}
#news .newsTtl{font-size: 1.8em;margin-bottom: 20px;}
#news .newsTxt{font-size: 0.9em;line-height: 1.8;}
@media screen and (max-width: 768px) {
	#news .newsBox,#news .newsDay,#news .newsDetail{display: block;width: 100%;}
	#news .newsBox{padding: 8%;}
	#news .newsDay,#news .newsDetail{padding: 0;}
	#news .newsDay{margin-bottom: 20px;border: 0;}
	#news .newsDay p{font-size: 1em;}
	#news .newsDay p span{font-size: 3em;margin-top: -10px;}
	#news .newsTtl{font-size: 1.6em;margin-bottom: 10px;}
}
/* --------------------------------------------------
	Exhibition
-------------------------------------------------- */
#exhibition .exhiBox{margin-bottom: 5%;background: #FFF;width: 100%;padding: 0;color: #000;display: table;box-sizing: border-box;overflow: hidden;}
#exhibition .exhiBox img{width: 100%;}
#exhibition .exhiImg,#exhibition .exhiDetail{display: table-cell;vertical-align: middle;}
#exhibition .exhiImg{width: 35%;}
#exhibition .exhiDetail{padding: 30px;}
#exhibition .exhiTtl{font-size: 1.8em;margin-bottom: 20px;}
#exhibition .exhiTxt{font-size: 0.9em;line-height: 1.8;margin-top: 10px;}
@media screen and (max-width: 768px) {
	#exhibition .exhiImg,#exhibition .exhiDetail{display: block;width: 100%;}
	#exhibition .exhiDetail{padding: 5% 8% 8%;box-sizing: border-box;}
	#exhibition .exhiTtl{margin-bottom: 10px;}
}
/* --------------------------------------------------
	Video
-------------------------------------------------- */
#video #tab-area{font-size: 0;}
#video .videoTtl{margin: 10px 0 5px;}
#video .videoDay{font-size: 0.8em;color: #ccc;}
#video .con3box{margin-bottom: 30px;}
@media screen and (max-width: 480px) {
	#video #tab-area{font-size: 16px;}
	#video .con3box{margin-bottom: 20px;font-size: 0.8em;}
}
/* ==========================================================================
   Media Queries
   ========================================================================== */
@media screen and (max-width:480px){
	body{font-size: 0.8em;}
}
@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */
a[href^="tel:"] { cursor: default; }
.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}