@charset "UTF-8";

/*
	Theme Name: Nakanojobiennale 2023
	Description: Nakanojobiennale Themes by <a href="https://nakanojo-biennale.com/">NAKANOJO BIENNALE</a>
	Theme URI: https://nakanojo-biennale.com
	Author: ifm
	Author URI: http://ifm.jp
	Version: 1.0.1
*/


/* CSS Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,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;font-weight:normal;}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;text-decoration:none;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:2em 0;padding:0}input,select{vertical-align:middle}


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

	Keyframes

-------------------------------- */
@-webkit-keyframes fadeIn {
    0% {
        filter: alpha(opacity=0);
        -moz-opacity:0;
        opacity:0;
    }
    100% {
        filter: alpha(opacity=100);
        -moz-opacity:1;
        opacity:1;
    }
}

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

common

-------------------------------- */
html {
  font-size:62.5%;
	scroll-behavior: smooth;
}

body { margin:0; padding:0; background:#fff;  font-kerning:normal;
font-size: 1.6rem;
font-family: "Open Sans", sans-serif, 'Noto Sans Japanese', serif , "Shin Go Light"; font-weight:200;
font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif\9;
color: #2c343b;
-webkit-animation-name: fadeIn;
-webkit-animation-duration: 1.5s;}

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

.wrapper { position:relative;}

section { margin:60px auto 0;}
@media only screen and (max-width: 767px) { section { margin:6% auto 0;} }

/* clearfix */
.clearfix:after {visibility: hidden;display: block;font-size:0;content: " ";clear: both;height: 0;}
 /* IE6 */
* html .clearfix { zoom: 1;}
 /* IE7 */
*:first-child+html .clearfix { zoom: 1;}

.imgTitle {
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
	background-repeat:no-repeat;
}

#password {
	padding:20% 5%;
	text-align:center;
	line-height:2;
}

.inline-block {
	display: inline-block;
}


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

Link

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

a {	color: #000;}
a:visited {color: #494949;}
a:hover,
a:focus,
a:active {color: #e45384;}

/* a:focus {	outline: thin dotted;} */


/* a link */
.post-area a:link ,
.post-area a:visited ,
.tribe-events-content  a:link ,
.tribe-events-content  a:visited {color: #df366f;}

/* a hover */
.post-area a:hover,
.post-area a:active ,
.tribe-events-content  a:hover  { color:#ed8eae;}

									/* .post-area a:focus, */

a {
font-family:  'Noto Sans Japanese', serif , "Shin Go Light"; font-weight:200;
font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif\9;
}
a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}


a.button:link ,
a.button:visited ,
a.button:active {
	display:block;
	width:350px;
	margin:0 auto;
	padding:2rem 0;
	border:1px solid #E45384;
	border-radius:0.5rem;
	text-align:center;
	color: #e45384;
}
a.button:hover {
	color:#ed8eae;
	border-color:#ed8eae;
}


a.buttonLeft:link ,
a.buttonLeft:visited ,
a.buttonLeft:active {
	margin:0 auto;
	padding:0.8rem 1.5rem;
	background: #E45384;
	border-radius:0.5rem;
	text-align:center;
	color: #fff;
	font-size:1.4rem;
}

a.buttonLeft.small {font-size:1.1rem;padding:0.3rem 0.7rem;border-radius: 0.4rem;}
a.buttonLeft.blk {background: #666;}

a.buttonLeft:hover {
	color:#fff;
	background:#ed8eae;
}



@media only screen and (max-width: 767px) {
body {	font-family:  "ヒラギノ角ゴ Pro","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
a {	font-family:  "ヒラギノ角ゴ Pro","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
}

/*
a {	font-family:  'Noto Sans Japanese',"Shin Go Light" , "mplus-1p-light" , "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
 */
/*
-webkit-text-size-adjust: 100%;		/* スマホで文字サイズリセット */


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

header

-------------------------------- */
header#globalHeader {
  position: relative;
  z-index: 10;
  top: 0;
	top: 50px\9; /* IE8以下 */
  left: 0;
  width: 100%;
	padding:0;
	background : rgba(255, 255, 255, 0.6);
	background : url("./images/common/bg_80.png") repeat\9; /*IE8以下 */
	border-top:4px solid #e45384;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 	}
.home header#globalHeader {
  position: absolute;
}
heade#globalHeaderr .wrapper { width:1000px; margin:0 auto;}


header#globalHeader {padding:10px 0 5px;}
header#globalHeader h1 { float:left;	width:285px; margin-left:5%;}
header#globalHeader h1 a {
 background: url("./images/common/logo.svg") center no-repeat;
 background: url("./images/common/logo.png") center no-repeat\9; /*IE8以下 */
    border-bottom: 0 none;
    display: block;
		height: 45px;
    width: 100%;
    margin: 0 0 0 8%;
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
	line-height:45px;
}

@media only screen and (max-width: 767px) {
header#globalHeader h1 {	width:270px; margin-left:7%; }
header#globalHeader h1 a { margin:0; }
}
@media only screen and (max-width: 374px) {
header#globalHeader h1 { width:60%; margin-left:5%;}
}



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

content

-------------------------------- */
.page #content { padding:60px 0;}

@media only screen and (max-width: 767px) {
.page #content { padding:6%  0;}
}



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

Navigation POST NAVIGATION

-------------------------------- */
.post-navigation { padding-top:6rem;		width:740px; margin:0 auto;}
.post-navigation .screen-reader-text { display:none; }

.post-navigation .nav-previous a ,
.post-navigation .nav-next a {
	display:block;
	padding:1rem 0;
}
.post-navigation .nav-previous ,
.post-navigation .nav-next {
	position:relative;
	width:47%;
}

.post-navigation .nav-previous {
	float:left;
	
}
.post-navigation .nav-next {
	float:right;
	text-align:right;
}

/* マークベース */
.post-navigation .nav-previous::after,
.post-navigation .nav-previous::before ,
.post-navigation .nav-next::after,
.post-navigation .nav-next::before {
	display: block;
	content: '';
	position: absolute;
}
/* 背景ディスク */
.post-navigation .nav-previous::after ,
.post-navigation .nav-next::after {
	top: 1rem;
	width: 1.4rem;
	height: 1.4rem;
	background-color: #e45384;
	border-radius: 100%;
}
/* hover */
.post-navigation .nav-previous:hover::after ,
.post-navigation .nav-next:hover::after {
	background-color: #;
}

/* 矢印ベース */
.post-navigation .nav-previous::before ,
.post-navigation .nav-next::before {
	z-index: 2;
	top: 1.45rem;
	width: .4rem;
	height: .4rem;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
/* 右背景 */
.post-navigation .nav-previous::after {
	left: -1.2em;
}
/* 右矢印 */
.post-navigation .nav-previous::before {
	left: -.83em;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
/* 左背景 */
.post-navigation .nav-next::after {
	right: -1.2em;
}
/* 左矢印 */
.post-navigation .nav-next::before {
	right: -.83em;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}




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

Navigation POST'S' NAVIGATION

-------------------------------- */
.posts-navigation { padding-top:7rem;		width:740px; margin:0 auto;}
.posts-navigation .screen-reader-text { display:none; }

/* ベース */
.posts-navigation .nav-previous a ,
.posts-navigation .nav-next a {
	display:block;
	position: relative;
	height: 3rem;
	line-height: 3rem;
	padding: 0 1em;
	background-color: #555;
	color: #fff;
	font-size: 1.3rem;
	text-decoration: none;
	-webkit-transition: .2s;
	transition: .2s;
}
/* background */
.posts-navigation .nav-previous a {
	border-radius: 0 .3rem .3rem 0;
}
.posts-navigation .nav-next a {
	border-radius: .3rem 0 0 .3rem;
}
/* 左 */
.posts-navigation .nav-previous {
	float:left;
}
/* 右 */
.posts-navigation .nav-next {
	float:right;
	text-align:right;
}

/* 三角 */
.posts-navigation .nav-previous a::before ,
.posts-navigation .nav-next a::before {
	position: absolute;
	top: 0;
	content: '';
	width: 0;
	height: 0;
	border-color: transparent #555 transparent transparent;
	border-style: solid;
	border-width: 1.5rem 1.5rem 1.5rem 0;
	-webkit-transition: .2s;
	transition: .2s;
}
.posts-navigation .nav-previous a::before {
	left: -1.5rem;
}
.posts-navigation .nav-next a::before {
	right: -1.5rem;
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
/* hover */
.posts-navigation a:hover {
	background-color: #df366f;
	color: #fff;
}
.posts-navigation a:hover::before ,
.posts-navigation a:hover::after {
	border-right-color: #df366f;
}

/* 白ぽち
.posts-navigation .nav-previous a::after {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 2;
	display: block;
	content: '';
	width: .6rem;
	height: .6rem;
	margin-top: -.3rem;
	background-color: #fff;
	border-radius: 100%;
}
.posts-navigation .nav-next a::before {
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 2;
	display: block;
	content: '';
	width: .6rem;
	height: .6rem;
	margin-top: -.3rem;
	background-color: #fff;
	border-radius: 100%;
}












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

Navigation SIDE FLOAT

-------------------------------- */
/* base */
 .floatnav-previous a ,
 .floatnav-next a ,
 .floatnav-artistlist a ,
 .floatnav-eventlist a  {
	position:fixed;
	top:30%;
	width:72px;
	height:204px;
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
	background-repeat:no-repeat;
}
 .floatnav-previous a ,
 .floatnav-next a ,
 .floatnav-artistlist a ,
 .floatnav-eventlist a  {
	top:30%;
 }



/* ARTIST / EVENT LIST */
.single-artist .floatnav-artistlist a ,
.floatnav-eventlist a {
	top:20%;
	background-color:#000;
}
.single-artist .floatnav-artistlist a:hover ,
.floatnav-eventlist a:hover {
	background-color:#2a2a2a;
}

.floatnav-artistlist a {
	left:0;
	background-image: url("./images/artist/detail/bt_all-list.png") ;	
	background-size: contain;
}
.floatnav-eventlist a.list {
	left:0;
	height:72px;
	background-image: url("./images/event/bt_list.png") ;
}
.floatnav-eventlist a.calendar {
	margin-top:7.8rem;
	left:0;
	height:72px;
	background-image: url("./images/event/bt_calendar.png") ;
}




/* PREVIEW , NEXT */
.floatnav-previous a:hover ,
.floatnav-next a:hover {
	background-color:#ccc !important;
}

.floatnav-previous a {
	left:0;
	background-image: url("./images/common/bt_preview.png") ;
}
.floatnav-next a {
	right:0;
	background-image: url("./images/common/bt_next.png") ;
}

.single-artist .floatnav-previous a ,
.single-artist .floatnav-next a {
	top:20%;
	margin-top:22rem;
	background-color:#bbb;
}

.single-artist .floatnav-previous a ,
.single-artist .floatnav-next a {
	top:20%;
	margin-top:22rem;
	background-color:#bbb;
}

.tribe-events-page-template .floatnav-previous a ,
.tribe-events-page-template .floatnav-next a {
	top:20%;
	margin-top:16.5rem;
	background-color:#bbb;
}




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

	FOOTER

-------------------------------- */
footer#globalFooter {
	background:#e3e2df;
	padding:0 0 50px;
}
footer#globalFooter .wrapper {
	width:1000px;
	margin:0 auto;
	position:relative;
}

footer#globalFooter .sitelink {
	float:left;
	padding-top:30px;
	margin-bottom:20px;
}
footer#globalFooter .sitelink dl ,
footer#globalFooter .sitelink ul {
	display:inline-block;
	margin-right:25px;
	vertical-align:top;
}
footer#globalFooter .sitelink ul {
	margin:0 0 0 50px;
}
footer#globalFooter .sitelink dt,
footer#globalFooter .sitelink dd,
footer#globalFooter .sitelink li {
	font-size:1.0rem;
}
footer#globalFooter .sitelink li.mobileonly {
	display:none;
}
footer#globalFooter .sitelink dt ,
footer#globalFooter .sitelink li a {
	font-weight:bold;
}
footer#globalFooter .sitelink dt {
	margin-bottom:10px;
	line-height:1.8;
}
footer#globalFooter .sitelink a { color:#000;	display:block; line-height:1.8; }
footer#globalFooter .sitelink a:hover { text-decoration:underline;}



footer#globalFooter .linkBox { float:right; margin-top:-30px; }
footer#globalFooter .linkBox ul {
	font-size:0;
	padding-top:20px;
	text-align:center;
	display: flex;
    justify-content: space-between;
}
footer#globalFooter .linkBox li {
	display:flex;
	width:21%;
	text-align:center;
}
footer#globalFooter p {
	clear:both;
	font-size:1.0rem;
	font-family: "Open Sans", sans-serif;
	font-weight:300;
	position:relative;
	bottom:10px;
}




@media only screen and (min-width: 1169px) {
}
@media only screen and (max-width: 767px) {
footer#globalFooter {
	width:100%;
	padding:0;
	background:#fff;
	}
footer#globalFooter .wrapper {
	width:95%;
	padding:0 5% 5%;
}

footer#globalFooter .sitelink {
	padding-top:0;
}
footer#globalFooter .sitelink dl {
	display:none;
}
footer#globalFooter .sitelink ul {
	display:block;
	margin-bottom:1rem;
	margin-left:0;
}
footer#globalFooter .sitelink dt ,
footer#globalFooter .sitelink li {
	font-size:1.2rem;
}
footer#globalFooter .sitelink li.mobileonly {
	display:block;
}
footer#globalFooter .sitelink li.pconly {
	display:none;
}
footer#globalFooter .sitelink dt {
	margin-bottom:0;
}

footer#globalFooter .linkBox {
	width:50%;
	margin-top:0;
}
footer#globalFooter .linkBox img {
	width:100%;
	height: 100%;
}

footer#globalFooter .linkBox ul {
	padding-top:4%;
}

footer#globalFooter p {
	clear:both;
	bottom:0;
}

}


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

PAGE

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


.page article h1 ,
.page section h1 {
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
	background-repeat:no-repeat;
	margin-bottom:3rem;
}



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

Style

-------------------------------- */
b,
strong {
	font-weight: bold;
}

.strong,
.bold {
	font-weight:bold;
}

.strike {
	text-decoration: line-through;
}

.underline {
	text-decoration: underline;
}

.notice,
.notice a:link,
.notice a:visited {color:#E4060A; }
.notice a:hover { opacity:.6 }

#topFeed li.notice .date {color:#E4060A; }
#topFeed li.notice a:hover { text-decoration: underline}


.comment {
	font-size:1.2rem;
}
.wp-caption-text {
	font-size:1.2rem;
	color:#5C5C5C;
	margin:1rem 0 2rem;
}

.alignleft {
	margin-right:1.9rem;
}

#fancybox-wrap {
	margin:20px ;
	padding:0 !important;
}

p.right { text-align:right;}
.text-center { text-align: center;}

img.right { float:right; margin:0 0 2rem 2rem;}
img.left { float:left; margin:0 2rem 2rem 0;}


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

Border Margin Padding

-------------------------------- */
.border-top { border-top: 1px solid #999;}
.border-bottom { border-bottom: 1px solid #999;}

.pb-1 { padding-bottom: 1rem !important;}
.pb-2 { padding-bottom: 2rem !important;}
.pb-3 { padding-bottom: 3rem !important;}
.pb-4 { padding-bottom: 4rem !important;}

.mb-1	{ margin-bottom: 1rem !important; }
.mb-2	{ margin-bottom: 2rem !important; }
.mb-3	{ margin-bottom: 3rem !important; }
.mb-4	{ margin-bottom: 4rem !important; }
.mb-4-5	{ margin-bottom: 4.5rem !important; }




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

毎日の状況

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

a.today2021  {
	display: block;
	margin: 0 auto 3rem;
	color: #fff;
	padding: 1rem 1.6rem;
	text-align: center;
border: 2px solid #e45384;
background: #e45384;
/*
border: 2px solid #E4060A;
background: #E4060A;
*/
}
a.today2021:hover {
	background: #fff;
color: #e45384;
/* color: #E4060A; */
}


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

Style Gallery by POST

-------------------------------- */
.gallery {
    display:flex;
    flex-flow: row wrap;
    overflow: hidden;
}
.gallery-item {
    flex: 0 0 auto;
    margin-top: 0;
    margin-bottom: 20px;
    margin-left: 0;
}
.gallery-icon {
    text-align: center;
}
.gallery-item .gallery-caption {
    font-size: 1.2rem;
    color:#777;
    text-align: center;
    margin: 1rem 0 0;
}
.gallery-columns-1 .gallery-item {
    width: 100%;
    margin-right: 0;
}
.gallery-columns-2 .gallery-item {
    width: 49%;
    margin-right: 1%;
}
.gallery-columns-3 .gallery-item {
    width: 32%;
    margin-right: 1%;
}
.gallery-columns-4 .gallery-item {
    width: 24%;
    margin-right: 1%;
}
.gallery-columns-5 .gallery-item {
    width: 18.5%;
    margin-right: 1%;
}
.gallery-columns-6 .gallery-item {
    width: 15.5%;
    margin-right: 1%;
}
.gallery-columns-7 .gallery-item {
    width: 13%;
    margin-right: 1%;
}
.gallery-columns-8 .gallery-item {
    width: 11.5%;
    margin-right: 1%;
}
.gallery-columns-9 .gallery-item {
    width: 10%;
    margin-right: 1%;
}