@charset "utf-8";


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

#contents {
	width: 100%;
	padding-top: 70px;
	background-color: #E0E0E0;
	overflow: hidden;
}

.left {
	float: left;
	width: 20%;
}

.logo {
	padding-left: 50px;
	padding-top: 50px;
}

.titleBox {
	position:relative;
	width: 65%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #999;
	margin-top: 6px;
	padding-top: 23.4%;
	padding-bottom: 23.4%;
	transition:all 0.3s ease;
	background-image: url(../n_images/arrow_left.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	color: #486277;
	overflow: visible;
}

.titleBox .link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.titleBox:hover {
	background-color: #F0F0F0;
}

.titleBox h1 {
	font-size: 1.7vw;
	line-height: 120%;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0.05em;
}

.linkTxt {
	font-size: 0.95vw;
	line-height: 140%;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	padding-left: 30px;
}

.titleBox h2 {
	font-size: 1vw;
	line-height: 120%;
	text-align: center;
	font-weight: normal;
	font-style: normal;
}

/* サイド */
.rightMain {
	float: left;
	width: 80%;
	margin-bottom: 140px;
}

/* 展示会 */
.exhibition {
	background-color: #FFF;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding-top: 40px;
	padding-right: 0px;/* 60 */
	padding-bottom: 60px;
	padding-left: 40px;
	width: 90%;
	margin-top: 100px;
	margin-right: 7%;
	margin-left: 3%;
}

.exhibition h3 {
	font-size: 2.2vw;
	line-height: 120%;
	margin-bottom: 40px;
	padding-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	color: #333;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-align: center;
}

.exhibition h3.bg {
	font-size: 2.2vw;
	line-height: 120%;
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	color: #333;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-align: center;
	background-image: url(../n_exhibition/202304/yuu.png);
	background-repeat: no-repeat;
	background-position: 51.3% 24%;
	background-size   : 6%;
	padding-top: 20px;
}

.exhibition h3 br,
.exhibition h3.bg br {
	display: block;
}

.exhibition h3 br.all,
.exhibition h3.bg br.all{
	display: block;
}

.profile {
	overflow: hidden;
}

.profileLeft {
	float: left;
	width: 40%;
	overflow: hidden;
}

.leftTitle {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 1.4vw;
	line-height: 120%;
	padding-bottom: 18px;
	font-weight: bold;
}

.date {
	font-size: 1.1wv;
	line-height: 170%;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	text-indent: -1em;
	padding-left: 1em;
}

.date br.spBr {
	display: none;
}


.nameArea {
	text-align: center;
	width: 57%;
	padding-left: 3%;
	float: left;
	padding-top: 5%;
}

.nameAreaLong {
	text-align: center;
	width: 100%;
	padding-left: 0%;
}

.nameArea h2.name,
.nameAreaLong h2.name {
	font-size: 2.4vw;
	line-height: 120%;
	color: #333;
	padding-bottom: 10px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

/* 202008アール・ブリュットＴＡＭＡセレクション展  */
.nameArea h2.name_s,
.nameAreaLong h2.name_s {
	font-size: 2.1vw;
	line-height: 120%;
	color: #333;
	padding-bottom: 10px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.nameArea .small,
.nameAreaLong .small {
	font-size: 60%;
}

.leftShushi {
	font-size: 14px;
	line-height: 200%;
	color: #000;
	font-weight: normal;
	padding-bottom: 20px;
	width: 100%;
	/*padding-right: 40px;*/
}
/* 202008 */


.nameArea .alphabet,
.nameAreaLong .alphabet {
	font-size: 14px;
	line-height: 120%;
	color: #000;
	padding-bottom: 30px;
}

/* ボーダー */
.border {
	clear: both;
	width: 100%;
	padding-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	margin-bottom: 40px;
}

.borderSpnone {
	clear: both;
	width: 100%;
	padding-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	margin-bottom: 40px;
	display: block;
}

.subhead {
	font-size: 20px;
	line-height: 120%;
	color: #999;
	clear: both;
	width: 100%;
	font-weight: bold;
	padding-bottom: 20px;
}

.chronology,
.chronology2 {
	padding-bottom: 30px;
	padding-left: 40px;
	overflow: hidden;
}

.chronology dt {
	font-size: 1vw;
	line-height: 140%;
	float: left;
}

.chronology2 dt {
	font-size: 0.9vw;
	line-height: 140%;
	float: left;
}

.chronology dd {
	font-size: 1vw;
	line-height: 140%;
	margin-left: 7em;
	padding-bottom: 10px;
}

.chronology2 dd {
	font-size: 0.9vw;
	line-height: 140%;
	margin-left: 5.5em;
	padding-bottom: 10px;
}

.chronology dd.wide,
.chronology2 dd.wide {
	margin-left: 0em
}

.chronoTitle {
	font-size: 1vw;
	line-height: 140%;
	margin-left: 2em;
	padding-bottom: 16px;
}

/* 作品 */
.profileRight {
	float: left;
	width: 56%;
	padding-left: 4%;
}

.rightTitle {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 1.4vw;
	line-height: 120%;
	padding-bottom: 18px;
	font-weight: bold;
}

.profileRight h4 {
	font-size: 14px;
	line-height: 200%;
	color: #000;
	font-weight: normal;
	padding-bottom: 20px;
	width: 100%;
	/*padding-right: 40px;*/
}

.rightTxt {
	font-size: 14px;
	line-height: 150%;
	color: #000;
	padding-bottom: 60px;
	text-align: right;
}

/* ズーム */
.zoom img,
.zoom2 img,
.zoom3 img {
	height: auto;
	width: 352px;
	border: 4px solid #FFF;	/*z-index: 100;*/
}

/*
.zoom img,
.zoom2 img {
    -moz-transition: -moz-transform 0.4s linear;
    -webkit-transition: -webkit-transform 0.4s linear;
    -o-transition: -o-transform 0.4s linear;
    -ms-transition: -ms-transform 0.4s linear;
    transition: transform 0.4s linear;
	transform-origin: 90% 50%;
}
*/

.zoom img,
.zoom2 img {
    -moz-transition: -moz-transform 0.4s linear;
    -webkit-transition: -webkit-transform 0.4s linear;
    -o-transition: -o-transform 0.4s linear;
    -ms-transition: -ms-transform 0.4s linear;
    transition: transform 0.4s linear;
	transform-origin: 90% 5%;
}

.zoom img:hover {
    -webkit-transform: scale(1.8);
    -moz-transform: scale(1.8);
    -o-transform: scale(1.8);
    -ms-transform: scale(1.8);
    transform: scale(1.8);
}

.zoom2 img:hover {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
}

.zoom3 img {
    -moz-transition: -moz-transform 0.4s linear;
    -webkit-transition: -webkit-transform 0.4s linear;
    -o-transition: -o-transform 0.4s linear;
    -ms-transition: -ms-transform 0.4s linear;
    transition: transform 0.4s linear;
	transform-origin: 90% 60%;
}

.zoom3 img:hover {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
}

.zoom4 img {
    -moz-transition: -moz-transform 0.4s linear;
    -webkit-transition: -webkit-transform 0.4s linear;
    -o-transition: -o-transform 0.4s linear;
    -ms-transition: -ms-transform 0.4s linear;
    transition: transform 0.4s linear;
	transform-origin: 90% 100%;
}

.zoom4 img:hover {
    -webkit-transform: scale(1.7);
    -moz-transform: scale(1.7);
    -o-transform: scale(1.7);
    -ms-transform: scale(1.7);
    transform: scale(1.7);
}

.artwork {
	padding-bottom: 60px;
}

.artworkLong {
	padding-bottom: 120px;
}

.artworkLong2 {
	padding-bottom: 180px;
}


.artworkName {
	font-size: 1vw;
	line-height: 150%;
}

.artworkName br {
	display: none;
}


.largeIcon {
	display: block;
	padding-top: 8px;
}

.catalogBtn a,
.catalogBtn a:visited {
	font-size: 18px;
	line-height: 120%;
	color: #FFF;
	background-color: #C30;
	background-image: url(../n_images/arrow_s_w.png);
	background-repeat: no-repeat;
	background-position: right center;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 6px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	width: 66%;
	margin-right: auto;
	margin-left: auto;
	text-decoration: none;
	display: block;
}

.catalogBtn a:hover {
	opacity: 0.5;
}

/* コラムへリンク */
.linkColumn {
	position:relative;
	border: 3px solid #BFBFBF;
	border-radius: 8px;
	width:100%;
	height:auto;
	margin-top: 4em;
	margin-right: 0;
	margin-bottom: 2em;
	margin-left: 0;
	padding-top: 1.2em;
	padding-right: 2em;
	padding-bottom: 1em;
	padding-left: 2em;
	font-size: 1vw;
	line-height: 160%;
	background-image: url(../n_exhibition/column/images/columnArrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.linkColumn .Link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.linkColumn .large {
	font-size: 125%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C33;
	width: 96%;
	margin-bottom: 3%;
	padding-bottom: 2%;
}

.linkColumn:hover {
	color: #C33;
	border-top-color: #C66;
	border-right-color: #C66;
	border-bottom-color: #C66;
	border-left-color: #C66;
	background-image: url(../n_exhibition/column/images/columnArrow_red.png);
}

.linkColumn .box-title {
	position: absolute;
	display: inline-block;
	top: -13px;
	left: 10px;
	padding: 0 9px;
	line-height: 1;
	font-size: 19px;
	background: #FFF;
	color: #C33;
	font-weight: bold;
}
.linkColumn p {
    margin: 0; 
    padding: 0;
}

@media screen and (max-width: 992px){ /*768*/


#contents {
	width: 100%;
	padding-top: 10px;
	background-color: #E0E0E0;
	overflow: visible;
}

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

.logo {
	padding-left: 10px;
	padding-top: 0px;
}

.titleBox {
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #999;
	margin-top: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
	overflow: hidden;
}

.titleBox h1 {
	font-size: 20px;
	line-height: 120%;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0.05em;
	float: left;
	padding-left: 30px;
}

.titleBox h2 {
	font-size: 13px;
	line-height: 120%;
	text-align: center;
	font-weight: normal;
	font-style: normal;
	float: left;
	padding-left: 10px;
	padding-top: 6px;
}

/* サイド */
.rightMain {
	float: none;
	/*width: 94%;*/
	width: 100%;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
}

/* 展示会 */
.exhibition {
	background-color: #FFF;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	padding-top: 14px;
	padding-right: 14px;/* 60 */
	padding-bottom: 14px;
	padding-left: 14px;
	width: 100%;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}

.exhibition h3 {
	font-size: 18px;
	line-height: 160%;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	color: #333;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	margin-right: 0px;
}

.exhibition h3.bg {
	font-size: 18px;
	line-height: 160%;
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	color: #333;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-align: center;
	background-image: url(../n_exhibition/202304/yuu.png);
	background-repeat: no-repeat;
	background-position: 53% 30%;
	background-size   : 10%;
	padding-top: 20px;
}

.exhibition h3 br,
.exhibition h3 br.all,
.exhibition h3.bg br,
.exhibition h3.bg br.all {
	display: block;
}

.profile {
	overflow: visible;
}

.profileLeft {
	float: none;
	width: 100%;
	overflow: visible;
}

.leftTitle {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 16px;
	line-height: 120%;
	padding-bottom: 18px;
	font-weight: bold;
}

.date {
	font-size: 13px;
	line-height: 170%;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	text-indent: -1em;
	padding-left: 1em;
}

.date br.spBr {
	display: block;
}

.nameArea {
	text-align: center;
	width: 65%;
	padding-left: 3%;
	float: left;
	padding-top: 5%;
	padding-bottom: 20px;
}

.nameAreaLong {
	text-align: center;
	width: 100%;
	padding-left: 0%;
	float: left;
	padding-top: 5%;
	padding-bottom: 10px;
}

.nameArea2 {
	text-align: center;
	width: 100%;
	padding-left: 0%;
	float: left;
	padding-top: 5%;
	padding-bottom: 20px;
}

.nameArea h2.name,
.nameAreaLong h2.name,
.nameArea h2.name_s,
.nameAreaLong h2.name_s {
	font-size: 23px;
	line-height: 120%;
	color: #333;
	padding-bottom: 10px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.nameArea .small,
.nameAreaLong .small {
	font-size: 60%;
}

.nameArea .alphabet,
.nameAreaLong .alphabet {
	font-size: 14px;
	line-height: 120%;
	color: #000;
	padding-bottom: 30px;
}

.borderSpnone {
	clear: both;
	width: 100%;
	padding-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	margin-bottom: 40px;
	display: none;
}


.btnStore a,
.btnStore a:visited {
	text-decoration: none;
	background-color: #c30;
	font-size: 16px;
	line-height: 120%;
	color: #FFF;
	padding-top: 4px;
	padding-right: 2em;
	padding-bottom: 4px;
	padding-left: 2em;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-image: url(../n_images/arrow_s_w.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.btnStore a:hover {
	opacity: 0.5;
}

.subhead {
	font-size: 20px;
	line-height: 120%;
	color: #999;
	clear: both;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
}

.chronology,
.chronology2 {
	padding-bottom: 30px;
	padding-left: 2px;
	overflow: hidden;
}

.chronology dt {
	font-size: 11px;
	line-height: 140%;
	float: left;
}

.chronology2 dt {
	font-size: 11px;
	line-height: 140%;
	float: left;
}

.chronology dd {
	font-size: 11px;
	line-height: 160%;
	margin-left: 6em;
	padding-bottom: 10px;
}

.chronology2 dd {
	font-size: 11px;
	line-height: 160%;
	margin-left: 5em;
	padding-bottom: 10px;
}

.chronology dd.wide,
.chronology2 dd.wide {
	margin-left: 0em
}

.chronoTitle {
	font-size: 11px;
	line-height: 140%;
	margin-left: 2em;
	padding-bottom: 16px;
}

/* 作品 */
.profileRight {
	float: none;
	width: 100%;
	padding-left: 0%;
	margin-top: 10px;
	padding-top: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
}

.rightTitle {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 16px;
	line-height: 120%;
	padding-bottom: 18px;
	font-weight: bold;
}

.profileRight h4 {
	font-size: 11px;
	line-height: 170%;
	color: #000;
	font-weight: normal;
	padding-bottom: 20px;
	width: 100%;
	/*padding-right: 40px;*/
}

.rightTxt {
	font-size: 11px;
	line-height: 150%;
	color: #000;
	padding-bottom: 60px;
	text-align: right;
}

/* ズーム */
.zoom img,
.zoom2 img,
.zoom3 img {
	height: auto;
	width: 352px;
	border: 0px solid #FFF;	/*z-index: 100;*/
}

.zoom img,
.zoom2 img,
.zoom3 img {
    -moz-transition: -moz-transform 0.4s linear;
    -webkit-transition: -webkit-transform 0.4s linear;
    -o-transition: -o-transform 0.4s linear;
    -ms-transition: -ms-transform 0.4s linear;
    transition: transform 0.4s linear;
}
.zoom img:hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.zoom2 img:hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.zoom3 img:hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.artwork,
.artworkLong,
.artworkLong2 {
	padding-bottom: 60px;
}

.artworkName {
	font-size: 13px;
	line-height: 150%;
}

.artworkName br {
	display: block;
}

.largeIcon {
	display: none;
}

.catalogBtn a,
.catalogBtn a:visited {
	margin-bottom: 20px;
}

/* コラムへリンク */
.linkColumn {
	position:relative;
	border: 3px solid #BFBFBF;
	border-radius: 8px;
	width:100%;
	height:auto;
	margin-top: 4em;
	margin-right: 0;
	margin-bottom: 4em;
	margin-left: 0;
	padding-top: 1.2em;
	padding-right: 1em;
	padding-bottom: 1.2em;
	padding-left: 1em;
	font-size: 12px;
	line-height: 160%;
}

.linkColumn .Link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.linkColumn .large {
	font-size: 115%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C33;
	width: 93%;
	margin-bottom: 10px;
	padding-bottom: 6px;
}

.linkColumn:hover {
	color: #C33;
	border-top-color: #C66;
	border-right-color: #C66;
	border-bottom-color: #C66;
	border-left-color: #C66;
}

.linkColumn .box-title {
	position: absolute;
	display: inline-block;
	top: -13px;
	left: 10px;
	padding: 0 9px;
	line-height: 1;
	font-size: 19px;
	background: #FFF;
	color: #C33;
	font-weight: bold;
}
.linkColumn p {
    margin: 0; 
    padding: 0;
}

}