@charset "utf-8";

/*
Theme Name: PGI Theme
Theme URI: 
Author: the WordPress team
Author URI: https://wordpress.org/
Description: 
Version: 0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/


/* CSS RESET */

html,body,div,.padder,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,img,object,embed{display:block}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
nav ul,nav li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;width:auto}
q:before,q:after{content:"";}
abbr,acronym {font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
a,.no-touch a:hover,.no-touch a:visited:hover,a:active,.no-touch a:active:hover{outline:none}
/* a,.no-touch a:hover,.no-touch a:visited:hover,a:visited{text-decoration: none} */
a {outline: none;}

::selection { background: #000; color: #fff; text-shadow: none; }
::-moz-selection { background: #000; color: #fff; text-shadow: none; }
::-webkit-selection { background: #000; color: #fff; text-shadow: none; }



*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


img {
  color: transparent;
  font-size: 0;
  border:none;
  outline:none;
  /* max-width: 100%; */
/*
  For IE.
  https://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}


sup,
sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative; 
}
 
sup { bottom: 1ex; }
sub {top: .5ex; }





/* __Basic
---------------------------------------------------------------- */


* { -webkit-text-size-adjust:100%; }


html,
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}


body {
	background: #fff;
	font-family: 'Linotype Univers W01', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 62.5%; /* Base 10px */
	font-weight: 400;
	color: #000;
	line-height: 1.4em;
	word-wrap: break-word;
    overflow-wrap: break-word;
}

body {
	-webkit-transition: background-color 1s ease-in-out !important;  
	-moz-transition: background-color 1s ease-in-out !important; 
	-o-transition: background-color 1s ease-in-out !important;
	transition: background-color 1s ease-in-out !important;
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color: #ddd;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	font-smooth:always;
	zoom: reset;
}





/*  __H / P
---------------------------------------------------------------- */


h1 { 
	font-size: 28px;
	font-weight: 400;
	line-height: 1.4em;
}


.logo h1 { 
	font-size: 0;
	font-weight: 400;
	line-height: 1em;
	z-index: 101;
}

h2 {
	font-size: 22px;
	font-weight: 400;
	line-height: 1.4em;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4em;
}

h4 {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6em;
}


p,
th,
td {
	font-size: 14px;
	line-height: 1.8em;
}


hr {
	background-color: #000;
	border: 0;
	height: 1px;
	margin: 2em 0;
}


blockquote {
  font-style: italic;
  font-weight: normal;
}




/* __TOP caption Custom
--------------------------------- */

.rsGCaption p {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.6em;
}

p.type {
	border-bottom: 1px solid;
	display: inline-block;
}

p.place {
	margin-top: 0.3em;
	margin-bottom: 1.2em;
}

span.place {
	display: inline-block;
	margin-bottom: 0.5em;
}

p.session {
	margin-top: 1.2em;
}

h1.artist {
	font-size: 20px;
	font-weight: normal;
	line-height: 1.4em;
	margin-bottom: 0.5em;
	letter-spacing: 0.03em;
}

h1.artists-name {
	font-size: 14px;
	line-height: 1.6em;
	margin-bottom: 0.5em;
}

h2.title {
	font-size: 18px;
	font-weight: normal;
	font-style: italic;
	line-height: 1.4em;
	letter-spacing: 0.03em;
}

h3.subtitle {
	margin-top: 0.3em;
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	line-height: 1.4em;
}

h3.sns-title {
	font-weight: normal;
	letter-spacing: 0.03em;
}


.ex-past-row p.spec {
	margin-top: 2px;
}


.single-exhibitions p.spec,
.single-post p.date {
	margin-top: 1.8em;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.6em;
}


.ex-status-title p,
.past-year p,
.page-title p,
.series-title h1 {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4em;
}

.pdf-wrap a,
li.m-past-all a {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.4em;
}


p.m-artwork { text-decoration: none; color: #595959; }



p.artwork-caption,
p.spec {
	font-size: 13px;
	line-height: 1.4em;
}

p.available-caption {
	text-align: center;
}



.rsCaption p.type,
.rsCaption h1.artist,
.rsCaption h2.title,
.rsCaption p {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}




/* ----------------------------------------------------------------
*  8. Global caption
---------------------------------------------------------------- */


.rsGCaption {
	width: 100%;
	position: relative;
	text-align: center;
	z-index: 1000;
	margin-top: 20px;
}


.royalSliderOne .rsGCaption {
	margin-top: 20px;
}

.royalSlider .rsGCaption {
	margin-top: 40px;
}



.rsCaption {
	width: 100%;
	margin: 0 auto;
}



.home .rsGCaption {
	width: 100%;
	position: absolute;
	bottom: 60px;
	right: 0;
	z-index: 1000;
	text-align: left;
	pointer-events:none; 
}


.home .rsCaption {
	color: #fff;
	width: 1080px;
	margin: 0 auto;
}










/* __A
---------------------------------------------------------------- */

a:link { text-decoration: none; color: #595959; }
a:active { text-decoration: none; color: #595959; }
a:visited { text-decoration: none; color: #595959; }
a:hover { text-decoration: none; color: #000; }
a img { border: none; }


.home .header a { text-decoration: none; color: #fff; }
.home .header a:hover { text-decoration: none; color: #595959; }



li.current-menu-item a,
.single-exhibitions li.m-exhibitions a,
.post-type-archive-exhibitions li.m-exhibitions a,
.single-artists li.m-artists a,
.single-publications li.m-publications a,
.post-type-archive-publications li.m-publications a,
li.current_page_item a,
li.current_page_parent a,
ul.past-nav li.current a { 
	color: #000;
	}



/*  __List
---------------------------------------------------------------- */


ul, ol {}
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }



/*  __img
---------------------------------------------------------------- */


img {
   max-width: 100%;
   height: auto;
}



img.smImg,
img.soImg {
   max-width: none;
}






/* __Wrap
---------------------------------------------------------------- */


.wrap {
	margin: 0 auto;
	width: 100%;
    height: 100%;
    }


body > .wrap {
	height:auto;
	min-height: 100%;
	}


.main {
	margin: 0 auto;
	width: 100%;
    height: 100%;
    }


.page-main {
	margin-bottom: 100px;
	margin-bottom: 40px;
    }




/* __HOME
---------------------------------------------------------------- */

.home-inner {
  position: absolute;
  padding: 0 !important;
  width: 100%;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  z-index: 1;
  top:0;
  left:0;
}



/* __Royalslider
---------------------------------------------------------------- */


.royalSlider li {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.cycleimg {
  max-width: 100%;
  width: 100%;
  display:block;
  margin: auto;
}






/* __Container
---------------------------------------------------------------- */





/* __Header
---------------------------------------------------------------- */


.header {
	position: fixed;
	padding: 15px 0;
	z-index: 500;
	width: 100%;
	margin: 0 auto;
	background: rgba(255,255,255,1.0);
}


.home .header {
	background: rgba(0,0,0,0.9);
}


.page .header,
.archive .header,
.single .header {
	/* position: absolute; */
}



/* __logo
--------------------------------- */


.logo {
    float: left;
    text-align: left;
    margin-right: 105px;
    z-index: 101;
    position: relative;
    }
    
    
.logo h1 a {
    background-image: url('img/pgi_logo_b.svg');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: right 50%;
    width: 29px;
    height: 13px;
    text-indent: -9999px;
    display: inline-block;
    z-index: 102;
    }
   
.logo h1 a,
.logo h1 a:hover {
    border: none;
    }

.no-svg .logo h1 a {
	background-image: url('img/pgi_logo_b.png');
	}
	
	
	
.home .logo h1 a {
    background-image: url('img/pgi_logo_w.svg');
    }
    
.home .footer-logo h1 a {
    background-image: url('img/pgi_logo_b.svg');
    }
   
.home .logo h1 a,
.home .logo h1 a:hover {
    border: none;
    }

.no-svg .home .logo h1 a {
	background-image: url('img/pgi_logo_w.png');
	}

.no-svg .home .footer-logo h1 a {
    background-image: url('img/pgi_logo_b.png');
    }



/* __mark
--------------------------------- */

.mark {
    position: absolute;
    top: 80px;
    z-index: 303;
    }


.mark h1 a {
    background-image: url('img/pgi_mark_w.svg');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: right 50%;
    width: 90px;
    height: 88px;
    text-indent: -9999px;
    display: inline-block;
    }
    
.mark h1 a,
.mark h1 a:hover {
    border: none;
    }
    

.home .mark h1 a {
    /* -webkit-filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.5)); */
    /* -moz-filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.5)); */
    /* -o-filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.5)); */
    /* -ms-filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.5)); */
    /* filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.5)); */
    }


.archive .mark,
.page .mark,
.single .mark {
	position: relative;
    top: auto;
    margin-bottom: 60px;
	}
	
	
.archive .mark h1 a,
.page .mark h1 a,
.single .mark h1 a {
	background-image: url('img/pgi_mark_b.svg');
	}



.no-svg .mark h1 a {
	background-image: url('img/pgi_mark_w.png');
	}
	

.no-svg .archive .mark h1 a,
.no-svg .page .mark h1 a,
.no-svg .single .mark h1 a {
	background-image: url('img/pgi_mark_b.png');
	}
	
	


	

/* __Nav
--------------------------------- */

.nav {
    float: left;
    text-align: left;
    width: 945px;
    z-index: 90;
    position: relative;
    }
    
.nav-inner {
    z-index: 91;
    }

ul.main-nav {
	float: left;
	text-align: left;
	padding: 0;
	margin: 0 auto;
}

ul.lang-nav {
	float: right;
	text-align: left;
	padding: 0;
}




ul.horizontal li,
ul.vertical li,
ul.vertical li.page_item,
li.pagenav p.m-artwork,
ul.page-numbers li,
ul.archive-nav li,
.res-menu p {
	font-size: 14px;
	letter-spacing: 0;
	text-align: left;
	display: inline-block;
	padding-right: 2em;
	padding-top: 1px;
}


ul.vertical li,
ul.vertical li.page_item,
ul.vertical li.pagenav p.m-artwork,
ul.archive-nav li {
	display: block;
	margin-bottom: 0.5em;
	line-height: 1.4em;
}


ul.lang-nav li.menu-item {
	padding-left: 1em;
	padding-right: 0;
}


ul.vertical-child li.page_item {
	letter-spacing: 0;
	text-align: left;
	display: block;
	padding-top: 0.2em;
	line-height: 1.4em;
}

ul.vertical-child li.page_item:not(:first-of-type) {
}

ul.past-nav li {
	font-size: 13px;
	letter-spacing: 0;
	text-align: left;
	display: block;
	padding-right: 0.6em;
	padding-top: 0.6em;
	line-height: 1.4em;
}


ul.past-nav li {
	display: inline-block;
}

ul.archive-nav {
	margin-top: 6em;
}


ul.page-numbers li {
	font-size: 13px;
	letter-spacing: 0;
	text-align: left;
	display: inline-block;
	padding-right: 1em;
}


.slicknav_menu {
display: none;
}





/* __Past Nav
--------------------------------- */


.past-nav {
	margin: 0.5em 5em 0.5em 1em;
}

ul.artworks-nav-child {
	margin: 0 0 0.5em 1em;
}












/* __Footer
---------------------------------------------------------------- */


.footer {
	position: relative;
	padding: 40px 0;
	z-index: 100;
	width: 100%;
	margin: 0 auto;
	background: rgba(255,255,255,1);
	background: #fff;
}



.footer-logo {
	float: left;
	margin-top: 0.75em;
}


.footer-sns {
	float: left;
}


.sns-wrap {
	margin-bottom: 0.5em;
}

.sns-wrap .sns-title {
	float: left;
	margin-right: 5px;
	width: 70px;
	line-height: 1.8em;
	margin-top: 0.1em;
}


.sns-wrap .sns-nav {
	float: left;
	margin-top: 0.3em;
}


.address-wrap {
}

.mailer-wrap {
}




/* ___SNS
------------------------------------ */
	
	
.footer .sns-nav li {
	display: inline-block;
	font-size: 20px;
	margin: 0 0.4em 0.4em 0;
	}
	

.footer .sns-nav li a {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: “alpha(opacity=100)”;
	color: #a5a5a5;
	}
	

.footer .sns-nav li a:hover {
	border: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: “alpha(opacity=70)”;
	}	




/* __col 列
-------------------------------------------- */

.col {
	float: left;
}

.col-1 {
	width: 339px;
	z-index: 26;
}

.col-2 {
	width: 400px;
	margin-right: 40px;
	z-index: 20;
}

.col-3 {
	width: 300px;
	float: right;
	z-index: 23;
}












/* ___Form
------------------------------------ */


.mailer-wrap {
	width: 100%;
	}	
	
	
.mailer-row {
	width: 100%;
	}	


.mailer-cell {
	float: left;
	}	
	
.input-holder input[type="text"] {
	height: 30px;
	padding: 0 10px;
	margin: 0.5em 0;
	width: 100%;
	}	

ul.form-actions {
	list-style: none;
	text-align: right;
	}
	
ul.form-actions li {
	display: inline-block;
	font-size: 14px;
	margin-left: 1.5em;
	}


.form-actions input[type="radio"] {
	}
	
.form-actions input[type="submit"] {
	background: #a5a5a5;
	height: 30px;
	color: white;
	cursor: pointer;
	border: 0;
	font-size: 14px;
	padding: 0 25px;
	margin: 0;
	}	







/* __Contents
---------------------------------------------------------------- */



/* __Container / Page / Archive
---------------------------------------------------------------- */


.container {
  position: relative;
  max-width: 1140px;
  margin: 0 auto;
  padding-left: 0;
}


.header-inner,
.footer-inner {
  width: 100%;
  padding: 0 30px; 
}


.page-inner {
  width: 100%;
  padding: 0 20px; 
}


.page-inner-half {
  width: 100%;
  padding: 0 10px; 
}



.left-side,
.right-side {
	margin-top: 100px;
}


.left-side {
	float: left;
	width: 340px;
	padding: 0 20px;
	z-index: 400;
}


.right-side {
	float: left;
	width: 780px;
	z-index: 300;
}


.right-side-inner {
	margin-left: 0;
	width: auto;
}


/* __row 行
-------------------------------------------- */

.row {
	width: 100%;
	float: left;
}


.row-inner {
	padding: 0 20px;
}


.ex-current-row,
.ex-upcoming-row {
	margin-bottom: 100px;
}






/* __Single
---------------------------------------------------------------- */


.ex-row {
	margin-bottom: 100px;
}

.ex-past-row {
	margin-bottom: 0;
}


.ex-single-row,
.post-single-row {
	margin-bottom: 60px;
	padding: 0 20px;
}

ul.small-multiple li {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
}


.ex-single-row table,
.post-single-row table {
	width: 100% !important;
	height: auto !important;
}




/* __mt = margin-top / mb = margin-bottom
-------------------------------------------- */

.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-50 { margin-top: 50px; }
.mt-60 { margin-top: 60px; }
.mt-70 { margin-top: 70px; }
.mt-80 { margin-top: 80px; }
.mt-90 { margin-top: 90px; }
.mt-100 { margin-top: 100px; }
.mt-110 { margin-top: 110px; }
.mt-120 { margin-top: 120px; }
.mt-130 { margin-top: 130px; }
.mt-140 { margin-top: 140px; }
.mt-150 { margin-top: 150px; }
.mt-160 { margin-top: 160px; }
.mt-170 { margin-top: 170px; }
.mt-180 { margin-top: 180px; }
.mt-190 { margin-top: 190px; }
.mt-200 { margin-top: 200px; }


.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
.mb-60 { margin-bottom: 60px; }
.mb-70 { margin-bottom: 70px; }
.mb-80 { margin-bottom: 80px; }
.mb-90 { margin-bottom: 90px; }
.mb-100 { margin-bottom: 100px; }
.mb-110 { margin-bottom: 110px; }
.mb-120 { margin-bottom: 120px; }
.mb-130 { margin-bottom: 130px; }
.mb-140 { margin-bottom: 140px; }
.mb-150 { margin-bottom: 150px; }
.mb-160 { margin-bottom: 160px; }
.mb-170 { margin-bottom: 170px; }
.mb-180 { margin-bottom: 180px; }
.mb-190 { margin-bottom: 190px; }
.mb-200 { margin-bottom: 200px; }










/* __EXHIBITIONS
---------------------------------------------------------------- */
.ex-status-title,
.series-title {
	padding: 0 20px;
	margin-bottom: 30px;
}


.artist-title,
.exhibiton-title {
	margin-bottom: 60px;
}


.pc-exhibiton-title {
	display: block;
}

.mobile-exhibiton-title {
	display: none;
}




/* __Current
------------------------------- */
.ex-current-row {
	width: 100%;
}

.ex-current-row .item {
	width: 100%;
	display: inline-block;
}


.ex-current-row .item a {
	padding: 0 20px;
	position: relative;
	display: block;
}



/* __Upcoming
------------------------------- */
.ex-upcoming-row {
	width: 100%;
}

.ex-upcoming-row .item {
	width: 100%;
	display: inline-block;
}

.ex-upcoming-row .item a {
	padding: 0 20px;
	position: relative;
	display: block;
}


.ex-image-wrap {
	display: block;
	margin-bottom: 10px;
	position: relative;
	width: 100%;
	padding-top: 66.6666%;
}


.cu-image-wrap,
.post-image-wrap {
	display: block;
	margin-bottom: 10px;
	position: relative;
	width: 100%;
	padding-top: 0;
}



.image,
.th-image {
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
}


.post-image,
.cu-image {
	position: relative;
	height: auto;
	width: 100%;
}

.image img {
	max-height: 100%;
	max-width: 100%;
	padding: 0;
	position: absolute;
	top: auto;
	right: auto;
	bottom: 0;
	left: 0;  
}


.th-image img {
	max-height: 100%;
	max-width: 100%;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: auto;
	left: auto;  
}


.post-image img {
	/* max-height: 500px; */
	/* width: 100%; */
	max-width: 100%;
	padding: 0;
	position: relative;
	top: 0;
	right: auto;
	bottom: 0;
	left: 0; 
	margin: 0;
}


.post-image img.aligncenter {
	/* max-height: 500px; */
	/* width: 100%; */
	max-width: 100%;
	padding: 0;
	position: relative;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0; 
	margin: auto;
}


.cu-image img {
	max-height: 500px;
	max-width: 100%;
	padding: 0;
	position: relative;
	top: 0;
	right: auto;
	bottom: 0;
	left: 0; 
	margin: 0;
}






/* __Past
------------------------------- */

.ex-past-row {
	width: 100%;
}

.ex-past-row ul.item {
	width: 100%;
	margin-bottom: 15px;
}


.ex-past-row ul.item a,
.ex-past-row li.past-year,
.page-numbers-nav {
	padding: 0 20px;
	position: relative;
	display: block;
}


.page-numbers-nav {
	margin-top: 60px;
}



li.ex-past-image-wrap {
	display: inline-block;
	width: 20%;
	padding-right: 2.75%;
	vertical-align: top;
}


ul.item-sub-wrap {
	display: inline-block;
	width: 77.25%;
	vertical-align: top;
}


li.ex-past-caption-wrap {
	display: inline-block;
	width: 47.25%;
	padding-right: 2.75%;
	vertical-align: top;
}



li.ex-before2000-caption-wrap {
	padding: 0 20px;
	width: 32%;
	padding-right: 2.75%;
	text-align: right;
}


ul.ex-before2000-item-sub-wrap  {
	display: inline-block;
	width: 65.25%;
	vertical-align: top;
}

ul.ex-before2000-item-sub-wrap li.ex-before2000-caption-wrap  {
	display: inline-block;
	width: 47.25%;
	padding-right: 2.75%;
	text-align: left;
}






li.ex-before2000-caption-wrap h2.title,
li.ex-before2000-caption-wrap p.spec {
	color: #595959;
}


.ex-caption-wrap h1.artist {
	color: #000;
	font-size: 14px;
	line-height: 1.4em;
	margin-bottom: 0.3em; 
}


.ex-caption-wrap h2.title {
	font-size: 14px;
	line-height: 1.4em;
	margin-bottom: 0.3em; 
}

.ex-caption-wrap h3.subtitle {
	font-size: 12px;
	line-height: 1.4em;
}


li.m-past-all {
	margin: 20px;
}


.ex-past-row ul.item li.m-past-all a,
.artist-row .pdf-wrap a {
	border-bottom: 1px solid #595959;
	display: inline-block;
	padding: 0;
}



/* __EXHIBITIONS__Past_archive
-------------------------------- */


.past-year {
	margin: 60px 0 20px 0;
}



.ex-past-row ul.current,
.ex-past-row ul.upcoming {
	display: none;
}










/* __ARTISTS
---------------------------------------------------------------- */

.group {
	width: 100%;
}

.aa-col {
	width: 33%;
}

.aa-col li {
	padding: 0 20px;
}



/* __ARTISTS__Single
-------------------------------- */
.artwork-row {
	width: 100%;
}

.artwork-row .item {
	display: inline-block;
	width: 33%;
	padding-bottom: 30px;
	vertical-align: top;
}

.artwork-row .item a {
	padding: 0 20px;
	position: relative;
	display: block;
}


.artwork-image-wrap {
	display: block;
	margin-bottom: 10px;
	position: relative;
	width: 100%;
	padding-top: 66.6666%;
}




/* __ARTISTS__Single__Series
-------------------------------- */
.series-row .image img {
	top: 0;
	right: 0;
	margin: auto;
}


.fancybox .caption {
	display: none;
}




/* __pdf__web
-------------------------------- */
.pdf-wrap {
	display: inline-block;
	margin-right: 2em;
}




#bio {
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}








/* __NEWS
---------------------------------------------------------------- */

.news-row {
	width: 100%;
}

.news-row ul.item {
	width: 100%;
	margin-bottom: 35px;
}


.news-row ul.item a {
	padding: 0 20px;
	position: relative;
	display: block;
}


li.news-left-wrap {
	display: inline-block;
	width: 20%;
	padding-right: 2.75%;
	vertical-align: top;
}

li.news-right-wrap {
	display: inline-block;
	width: 79%;
	padding-right: 2.75%;
	vertical-align: top;
}


.news-row h1.title {
	color: #000;
	font-size: 14px;
	line-height: 1.4em;
	margin-bottom: 0.4em; 
}


.news-row h2.date {
	font-size: 12px;
	line-height: 1.4em;
	margin-bottom: 0.1em;
	font-weight: normal;
	font-style: italic;
	letter-spacing: 0.03em;
}


.news-row p.place {
	font-size: 12px;
	margin-bottom: 0.5em;
	margin-top: 0;
	font-style: italic;
	line-height: 1.4em;
}



.news-row p.cat {
	font-size: 12px;
	margin-top: 0;
	font-style: italic;
	line-height: 1.4em;
}


/* __Youtube responsive
----------------------------------- */

.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.youtube iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}



/* __PUBLICATIONS
---------------------------------------------------------------- */



.pub-row {
	width: 100%;
}

.pub-row .item {
	display: inline-block;
	width: 33%;
	padding-bottom: 30px;
	vertical-align: top;
}

.pub-row .item a {
	padding: 0 20px;
	position: relative;
	display: block;
}



.pub-row .placeholder {
	margin-bottom: 10px;
	/*padding-top: 73%; */
	padding-top: 100%;
	position: relative;
	width: 100%;
	background: #fff; 
}

.pub-row .placeholder .image {
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
}

.pub-row .placeholder .image img {
	max-width: 80%;
	max-height: 80%;
	top: inherit;
	right: inherit;
	position: absolute;
	left: 0;
	bottom: 0;
	height: auto;
	width: auto;
	margin: auto;
}




/* __PUBLICATIONS__Single
-------------------------------- */

.cell-wrap {
	display: table;
	border-collapse: collapse;
	width: 100%;
}

.cell-wrap p {
	display: table-row;
}


span.left-cell,
span.right-cell {
	display: table-cell;
	padding: 1em 0;
	line-height: 1.5em;
	border-top: 1px solid #d7d7d7;
}

.cell-wrap p:last-child span.left-cell,
.cell-wrap p:last-child span.right-cell {
	border-bottom: 1px solid #e9e9e9;
}

span.left-cell {
	padding-right: 3%;
	width: 25%;
}

span.right-cell {
	width: 75%;
}






/* __About us / Contact
---------------------------------------------------------------- */

.page-row {
	margin-bottom: 120px;
	padding: 0 20px;
	width: 100%;
}

.page-row-last {
	margin-bottom: 0;
}


.page-row-contact {
	margin-bottom: 60px;
}



.page-row-inner {
	display: block;
	width: 100%;
	margin-bottom: 80px;
}


.page-row-inner-all {
	display: block;
	width: 100%;
	margin-bottom: 20px;
}


.page-row-inner-left {
	display: inline-block;
	width: 22.5%;
	vertical-align: top;
	margin-right: 2.5%;
}

.page-row-inner-right {
	display: inline-block;
	width: 75%;
	vertical-align: top;
}


.page-title {
	margin-bottom: 20px;
}

.gs-title {
	float: none;
	margin-bottom: 1.5em;
	margin-right: 0;
}

.gs-title p {
	line-height: 1.5em;
}


.page-row-inner .page-text {
	margin-bottom: 1em;
}


/* ___SNS___About us
------------------------------------ */


.page-row-inner .sns-nav {
	float: none;
}


.page-row-inner .sns-nav li {
	
	display: inline-block;
	font-size: 22px;
	margin: 0 0.4em 0.4em 0;
	}






/* __Select__Accordion
--------------------------- */

.accordion-wrap {
	/* border-top: 1px solid; */
}


.line-wrap {
	margin-bottom: 60px;
}

.line-header {
	padding: 1.4em 1em 0 0;
	border-bottom: 1px solid;
	cursor: pointer;
	background-color: #fff;
	margin-bottom: 0;
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: “alpha(opacity=100)”;
}


.line-header:hover,
.sapling-expanded .line-header {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: “alpha(opacity=70)”;
}




.line-title {
	float: left;
	margin-bottom: 0;
	letter-spacing: 0;
	position: absolute;
}

.line-arrow {
	float: right;
	font-size: 25px;
}


.line-arrow .fa-angle-up {
	display: none;
}

.sapling-expanded .line-arrow .fa-angle-up,
.line-arrow .fa-angle-down {
	display: block;
}

.sapling-expanded .line-arrow .fa-angle-down {
	display: none;
}





ul.line-inner {
	padding: 2.0em 0em 4.0em 0em;
	/* border-bottom: 1px solid; */
	width: 100%;
}

ul.line-inner li {
	padding: 2em 0;
}





/* __row
------------------------------------ */

.artist-row,
.artwork-row,
.ex-past-row,
.pub-row,
.map-row {
	margin-bottom: 40px;
}









/* ---------------------------------------------------------------------

jQuery Sapling 0.6.1 - https://tameraydin.github.io/jquery-sapling/

--------------------------------------------------------------------- */


.sapling-list li {
	display: block;
	list-style: none;
	position: relative;
}
.sapling-list ol,
.sapling-list ul {
	display: none;
}
.sapling-list .sapling-item {
	cursor: pointer;
}

.sapling-list .sapling-item.sapling-expanded > ol,
.sapling-list .sapling-item.sapling-expanded > ul {
	cursor: default;
	display: block;
}



.sapling-list .sapling-item .line-header h3:after {
	content: "\25B6";
	display: inline-block;
	font-size: .8em;
	padding-left: 10px;
	width: 14px;
	color: #808080;
}

.sapling-list .sapling-item.sapling-expanded .line-header h3:after {
	content: "\25BC";
}





/* __Map
--------------------------- */


.map-wrap {
	position: relative;
	width: 100%;
	height: 500px;
	border: 1px solid #ccc;
	margin-top: 20px;
}


#map-canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
            

.map-wrap img { max-width:none; }



.map-text p {
	margin-top: 1em;
	font-size: 14px;
}












/* ---------------------------------------------------------------------

! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license 

--------------------------------------------------------------------- */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

.fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(img/rs-custom.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 16px;
	height: 16px;
	background: url(img/transparency.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -25px;
	right: -25px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(img/blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: -100px -50px;
}

.fancybox-next span {
	right: 10px;
	background-position: -100px -100px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: visible !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: rgba(255, 255, 255, 0.96);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font-size: 12px;
	line-height: 1.6em;
	font-weight: normal;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.98);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 20px;
	color: #fff;
	color: #000;
	text-align: center;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url(img/rs-custom@2x.png);
		background-size: 250px 150px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url(img/loading48@2x.gif);
		background-size: 48px 48px; /*The size of the normal image, half the size of the hi-res image*/
	}
}





/* ---------------------------------------------------------------------

! SlickNav Responsive Mobile Menu v1.0.10  (c) 2016 Josh Cope  licensed under MIT

--------------------------------------------------------------------- */

.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0;
  line-height: 1.125em;
  cursor: pointer;
  }
  
  
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
  margin-top: 0.188em;
  }

.slicknav_menu {
  *zoom: 1;
  }
  
.slicknav_menu .slicknav_menutxt {
  display: block;
  line-height: 1.188em;
  float: left;
  }
    
.slicknav_menu .slicknav_icon {
  float: left;
  width: 1.125em;
  height: 0.875em;
  margin: 0.188em 0 0 0.438em;
  }
    
.slicknav_menu .slicknav_icon:before {
  background: transparent;
  width: 1.125em;
  height: 0.875em;
  display: block;
  content: "";
  position: absolute;
  }
    

.slicknav_menu .slicknav_no-text {
	margin: 0 auto;
	display: block;
 }

.slicknav_menu .slicknav_icon-bar {
	display: block;
	width: 1.2em;
	height: 0.12em;
	margin-bottom: 0.2em;
	-webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all  0s ease;
	}



.slicknav_menu .slicknav_open .slicknav_icon-bar {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  top: 100%;
  left: 50%;
  position: absolute;
	 margin: -50% 0 0 -50%;
}

.slicknav_menu .slicknav_open .slicknav_icon-bar:nth-of-type(2) {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  top: 100%;
  left: 50%;
  position: absolute;
  margin: -50% 0 0 -50%;
}


.slicknav_menu .slicknav_open .slicknav_icon-bar:nth-of-type(3) {
display: none;
}





.slicknav_menu:before {
  content: " ";
  display: table;
  }
    
.slicknav_menu:after {
  content: " ";
  display: table;
  clear: both;
  }

.slicknav_nav {
  clear: both;
  }
.slicknav_nav ul {
  display: block;
  }
.slicknav_nav li {
  display: block;
  }
  
.slicknav_nav .slicknav_arrow {
	font-size: 0.8em;
  margin: 0 0 0 0.4em;
  }
    
.slicknav_nav .slicknav_item {
  cursor: pointer;
  }
    
.slicknav_nav .slicknav_item a {
  display: inline;
  }
   	
.slicknav_nav .slicknav_row {
  display: block;
  }
.slicknav_nav a {
  display: block;
  }
.slicknav_nav .slicknav_parent-link a {
  display: inline;
  }

.slicknav_brand {
  float: left;
  }

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background: none;
  padding: 0;
  }
  
.slicknav_menu * {
  box-sizing: border-box;
  }
  
.slicknav_menu .slicknav_menutxt {
  color: #fff;
  font-weight: bold;
  text-shadow: 0 1px 3px #000;
  }
  
.slicknav_menu .slicknav_icon-bar {
  background-color: #000;
  }
    
.home .slicknav_menu .slicknav_icon-bar {
  background-color: #fff;
  }

.slicknav_btn {
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
  background-color: none;
  }
  
.home .slicknav_btn {
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: none;
  }




.slicknav_nav {
  color: #000;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  /* padding-bottom: 15px; */
  }
  
.home .slicknav_nav {
  color: #fff;
  }
  
  
.slicknav_nav ul {
  list-style: none;
  overflow: hidden;
  padding: 0;
  margin: 0 0 0 20px;
  }

.slicknav_nav .slicknav_row {
  padding: 5px 10px;
  margin: 2px 5px;
  }


.slicknav_nav .slicknav_row:hover {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #ccc;
  color: #fff;
  }

.slicknav_nav a {
  margin: 0 0 16px 0;
  text-decoration: none;
  }
  
.slicknav_nav .mobile-mark a {
  margin: 0;
  text-decoration: none;
  }
    
.slicknav_nav a:hover {
    }
    
    
.slicknav_nav .slicknav_txtnode {
  margin-left: 15px;
  }
    
.slicknav_nav .slicknav_item a {
  padding: 0;
  margin: 0;
  }
    
.slicknav_nav .slicknav_parent-link a {
  padding: 0;
  margin: 0;
  }

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px;
  }




.slicknav_menu,
.mobile-nav {
	display:none;
}














/* ---------------------------------------------------------------------

__Media Query

--------------------------------------------------------------------- */




@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
}




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




@media only screen and (min-width: 1406px) { /* 1428px */
}



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





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


/* __logo
--------------------------------- */


.logo {
    float: left;
    text-align: left;
    margin-right: 0;
    width: 100px;
    margin-right: -100px;
    }
    
.footer .logo {
    margin-right: 0;
    }
    
    
/* __Nav
--------------------------------- */

.nav {
    float: left;
    text-align: left;
    width: 100%;
    }
    
.nav-inner {
    margin-left: 100px;
    }

ul.main-nav {
	float: left;
	text-align: left;
	padding: 0;
	margin: 0 auto;
}

ul.lang-nav {
	float: right;
	text-align: left;
	padding: 0;
}




/* __Container / Page / Archive / Col
---------------------------------------------------------------- */

.left-side,
.col-1 {
	position: relative;
	float: left;
	width: 290px;
	padding: 0 20px;
	margin-right: -290px;
}

.col-1 {
	padding-left: 0;
}


.right-side,
.col-2 {
	position: relative;
	float: left;
	width: 100%;
}

.right-side-inner,
.col-2-inner {
	margin-left: 290px;
}


.page-inner-half {
	width: 100%;
	padding: 0 10px;
}



/* __col 列
-------------------------------------------- */

.col {
	float: left;
}

.col-2 {
	width: 70%;
	margin-right: 0;
}

.col-3 {
	width: 30%;
	float: right;
}




/* __Footer
---------------------------------------------------------------- */


ul.form-actions {
	text-align: left;
}


ul.form-actions li {
	display: inline-block;
	font-size: 14px;
	margin-top: 0.5em;
	margin-left: 0;
	margin-right: 1em;
	}



/* ----------------------------------------------------------------
*  8. Global caption
---------------------------------------------------------------- */


.home .rsCaption {
	color: #fff;
	width: 100%;
	margin: 0 auto;
	padding: 0 30px;
}


}






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




/* __header
--------------------------------- */

.header {
	position: fixed;
}

.home .header {
	position: fixed;
}

.header.open {
	border-bottom: 1px solid #b6b6b6;
}


.logo {
}


.pc-exhibiton-title {
	display: none;
}

.mobile-exhibiton-title {
	display: block;
}


.artist-title,
.exhibiton-title {
	margin-bottom: 20px;
}



/* __mark
--------------------------------- */

.mark,
.archive .mark,
.page .mark,
.single .mark {
    position:relative;
    z-index: 403;
    margin-bottom: 40px;
    display: inline-block;
    }
    

.home .mark,
.archive .mobile-mark,
.page .mobile-mark,
.single .mobile-mark {
    position:absolute;
    top: 45px;
    }


.mark h1 a {
    width: 75px;
    height: 74px;
    }




/* __Nav
--------------------------------- */

.pc-nav,
.mobile-nav {
	display:none;
	}
	
.slicknav_menu {
	display:block;
	}
	
	
.nav {
    float: right;
    text-align: right;
    width: 100%;
    }

.slicknav_nav {
  margin-bottom: 20px;
  }
  
  
.nav-inner {
    margin: 30px 10% 0 30%;
	width: 60%;
	text-align: center;
    }

ul.main-mobile-nav {
	display: inline-block;
	padding: 0;
	margin: 0;
	width: 73.0%;
	border-right: 1px solid #b6b6b6;
}


ul.main-mobile-nav li.menu-item {
	text-align: left;
	display: inline-block;
	margin-right: 0;
	margin-top: 0;
}


ul.lang-mobile-nav {
	display: inline-block;
	width: 20.0%;
	margin: 0;
	margin-left: 6%;
}

ul.lang-mobile-nav li.menu-item {
	text-align: left;
	display: block;
	margin: 0;
	width: auto;
}



.vertical-wrap {
	width: 100%;
	padding-bottom: 6px;
	padding-top: 8px;
	border-bottom: 1px solid #e9e9e9;
	border-top: 1px solid #e9e9e9;
}



ul.vertical {
	display: block;
}


ul.vertical li.menu-item,
ul.vertical li.page_item,
ul.vertical li.pagenav p.m-artwork,
ul.archive-nav li {
	display: inline-block;
	margin-bottom: 0.2em;
	line-height: 1.4em;
	float: none;
	padding-right: 1.5em;
	padding-top: 1px;
}

ul.past-nav li {
	display: inline-block;
	padding-right: 0.6em;
	padding-top: 0.6em;
	line-height: 1.4em;
}

ul.horizontal li.menu-item {
	padding-right: 1em;
	padding-top: 0;
	width: 49%;
}

ul.lang-nav li.menu-item {
	padding-left: 0;
	padding-right: 0;
}

ul.archive-nav {
	margin-top: 1em;
}

ul.past-nav,
ul.artworks-nav-child {
	margin: 0;
	margin-top: 1em;
}



/* __Container / Page / Archive / Col
---------------------------------------------------------------- */


.left-side,
.right-side {
	margin-top: 60px;
}


.left-side {
	position: relative;
	float: none;
	width: 100%;
	padding: 0 20px;
	margin-right: 0;
}


.left-side-inner {
	width: 100%;
	margin-bottom: 40px;
}



.col-2-inner {
	margin-left: 0;
}


.right-side {
	position: relative;
	float: none;
	width: 100%;
	margin-top: 0;
}

.right-side-inner {
	margin-left: 0;
}



.page-inner-half {
	width: 100%;
	padding: 0 10px;
}




/* __footer
-------------------------------------------- */


.footer-row {
	border-top: 1px solid #e9e9e9;
	/* margin-top: 30px; */
	padding-top: 30px;
}

.home .footer-row {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}

.footer-logo {
	float: none;
	margin-top: 0.75em;
}


.footer-sns {
	float: none;
	margin-top: 2em;
}



/* __col 列
-------------------------------------------- */

.col {
	margin-right: 0;
}

.col-1 {
	float: left;
	padding-left: 0;
	width: 30%;
}

.col-2 {
	float: left;
	width: 70%;
}

.col-3 {
	width: 70%;
	float: right;
	margin-top: 3em;
}


.mailer-form {
	width: 400px;
}



/* __ARTISTS
---------------------------------------------------------------- */

.aa-col {
	width: 50%;
}

.aa-col li {
	padding: 0 20px;
}


/* __EXHIBITIONS
---------------------------------------------------------------- */

.ex-past .item {
	font-size: 0;
}


li.ex-past-image-wrap {
	display: inline-block;
	width: 27.75%;
	padding-right: 2.75%;
	vertical-align: top;
}


ul.item-sub-wrap {
	display: inline-block;
	width: 69.5%;
	vertical-align: top;
}





li.ex-before2000-caption-wrap {
	padding: 0 20px;
	width: 32%;
	padding-right: 2.75%;
}


ul.ex-before2000-item-sub-wrap  {
	display: inline-block;
	width: 65.25%;
	vertical-align: top;
}

ul.ex-before2000-item-sub-wrap li.ex-before2000-caption-wrap  {
	display: inline-block;
	width: 47.25%;
	padding-right: 2.75%;
}




li.news-left-wrap {
	display: inline-block;
	width: 27.75%;
	padding-right: 2.75%;
	vertical-align: top;
}

li.news-right-wrap {
	display: inline-block;
	width: 69.5%;
	vertical-align: top;
}






}










/* iPhone Landscape */
@media only screen and (max-width: 767px) {



.nav-inner {
    margin: 30px 0 0 30%;
	width: 70%;
	text-align: center;
    }
    
    

/* __TOP caption Custom
--------------------------------- */

.rsGCaption p {
	font-size: 13px;
}

p.place {
	margin-top: 0.2em;
	margin-bottom: 1.0em;
}

span.place {
	display: inline-block;
	margin-bottom: 0.4em;
}

p.session {
	margin-top: 1.0em;
}

h1.artist {
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 0.03em;
	margin-bottom: 0.2em;
}

h1.artists-name {
	font-size: 14px;
}

h2.title {
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
	letter-spacing: 0.03em;
}

h3.subtitle {
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	margin-top: 0.3em;
}

h3.sns-title {
	font-weight: normal;
	letter-spacing: 0.03em;
}


.ex-past-row p.spec {
	margin-top: 2px;
}


.single-exhibitions p.spec,
.single-post p.date {
	font-size: 14px;
	font-weight: normal;
	margin-top: 1.0em;
}


.ex-status-title p,
.past-year p,
.page-title p,
.series-title h1 {
	font-size: 14px;
	font-weight: bold;
}

.pdf-wrap a,
li.m-past-all a {
	font-size: 14px;
	font-weight: normal;
}


p.m-artwork { text-decoration: none; color: #595959; }



p.artwork-caption,
p.spec {
	font-size: 13px;
	line-height: 1.4em;
}

p.available-caption {
	text-align: center;
}





/* __ARTISTS__Single  //  __PUBLICATIONS
---------------------------------------------------------------- */

.artwork-row,
.pub-row {
	font-size: 0;
}

.artwork-row .item,
.pub-row .item {
	display: inline-block;
	width: 50%;
	padding-bottom: 50px;
	vertical-align: top;
}

.artwork-row .item a,
.pub-row .item a {
	padding: 0 20px;
	position: relative;
	display: block;
}


/* __About Us
---------------------------------------------------------------- */

.page-row-inner-all {
	margin-bottom: 10px;
}

.page-row-inner-left {
	display: inline-block;
	width: 100%;
	vertical-align: top;
	margin-right: 0;
	margin-bottom: 1em;
}

.page-row-inner-right {
	display: inline-block;
	width: 100%;
	vertical-align: top;
}





/* __mark
--------------------------------- */

.mark {
    position: absolute;
    top: 60px;
    z-index: 303;
    }


.mark h1 a {
    width: 60px;
    height: 59px;
    }




/* ----------------------------------------------------------------
*  8. Global caption
---------------------------------------------------------------- */


.home .rsGCaption {
	width: 100%;
	position: absolute;
	bottom: 30px;
	left: 0;
}



/* __footer
-------------------------------------------- */


.mailer-form {
	width: 350px;
}





}






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


p,
th,
td {
	font-size: 12px;
	line-height: 1.8em;
}


p.artwork-caption,
p.spec,
ul.past-nav li,
ul.page-numbers li,
.rsGCaption p {
	font-size: 12px;
}



.nav-inner {
    margin: 30px 0 0 20%;
	width: 80%;
	text-align: center;
    }
    
    
    
/* __header
-------------------------------------------- */

.header-inner,
.footer-inner {
  width: 100%;
  padding: 0 10px; 
}


.left-side {
	padding: 0;
	margin-top: 60px;
}

.home .rsCaption {
	padding: 0 10px;
}


.mark,
.archive .mark,
.page .mark,
.single .mark {
    margin-bottom: 30px;
    }

.home .mark,
.archive .mobile-mark,
.page .mobile-mark,
.single .mobile-mark {
    position:absolute;
    top: 45px;
    }


.ex-status-title,
.series-title {
	padding: 0;
	margin-bottom: 20px;
}


.ex-current-row .item a,
.ex-upcoming-row .item a,
.ex-past-row ul.item a,
.ex-past-row li.past-year,
.page-numbers-nav,
.news-row ul.item a {
	padding: 0;
	position: relative;
	display: block;
}

.artwork-row .item a,
.pub-row .item a {
	padding: 0 5px;
	position: relative;
	display: block;
}

.ex-single-row,
.post-single-row {
	padding: 0;
	margin-bottom: 40px;
}

.artist-row,
.artwork-row,
.ex-past-row,
.pub-row,
.map-row {
	margin-bottom: 20px;
}


.aa-col li,
.row-inner,
.page-row {
	padding: 0;
}



/* __EXHIBITIONS
---------------------------------------------------------------- */

li.ex-past-image-wrap {
	display: inline-block;
	width: 37.75%;
	padding-right: 2.75%;
	vertical-align: top;
}


ul.item-sub-wrap {
	display: inline-block;
	width: 59.5%;
	vertical-align: top;
}


li.ex-past-caption-wrap {
	display: inline-block;
	width: 100%;
	padding-right: 0;
	vertical-align: top;
}

li.ex-before2000-caption-wrap {
	padding: 0;
	padding-right: 2.75%;
}




li.ex-before2000-caption-wrap {
	padding: 0;
	width: 32%;
	padding-right: 2.75%;
	text-align: right;
}


ul.ex-before2000-item-sub-wrap  {
	display: inline-block;
	width: 65.25%;
	vertical-align: top;
}

ul.ex-before2000-item-sub-wrap li.ex-before2000-caption-wrap  {
	display: inline-block;
	width: 100%;
	padding-right: 0;
	text-align: left;
}




ul.past-nav {
}




li.m-past-all {
	margin: 10px 0;
}



.col-1 {
	float: none;
	padding-left: 0;
	width: 100%;
}

.col-2 {
	float: none;
	width: 100%;
	margin-top: 0.8em;
}

.col-3 {
	width: 100%;
	float: none;
	margin-top: 4em;
}



/* __footer
-------------------------------------------- */

.mailer-form {
	width: 100%;
}

.footer p {
	font-size: 12px;
}


.footer {
	padding: 20px 0;
}



/* __Map
--------------------------- */


.map-wrap {
	height: 300px;
}




}










/* iPhone Portrait */

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



.nav-inner {
    margin: 30px 0 0 30%;
	width: 70%;
	text-align: center;
    }
    
    

ul.main-mobile-nav {
	width: 76.0%;
}


ul.lang-mobile-nav {
	width: 17.0%;
	margin-left: 6%;
}


ul.horizontal li.menu-item {
	width: 100%;
}


/* __EXHIBITIONS
---------------------------------------------------------------- */

.past-year {
	margin: 30px 0 10px 0;
}




/* __ARTISTS
---------------------------------------------------------------- */

.aa-col {
	width: 100%;
}

.aa-col li {
}



/* __ARTISTS__Single  //  __PUBLICATIONS
---------------------------------------------------------------- */

.artwork-row,
.pub-row {
	font-size: 0;
}

.artwork-row .item,
.pub-row .item {
	display: inline-block;
	width: 50%;
	padding-bottom: 30px;
	vertical-align: top;
}





}











/* __Clearing
--------------------------------------------------------------------- */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf { *zoom: 1; }