html {
	width: 100%;
	height: 100%;
}


body{
	width: 100%;
	height: 100%;
	background-color: #FFF;
	color:#505050;
	font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;

	/*	font-family: "Helvetica Neue", Helvetica, Arial, "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "メイリオ", Meiryo, "MS 明朝",serif;*/

	/*font-family: "Times New Roman", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "Meiryo", "MS 明朝", serif;*/

	font-weight: normal;
	text-transform: none;
	padding-top: 20px;
}


h1{
	font-size: 24px;
	margin-top: 0;
}

h2, h3{
	/*color:#d65154;*/
	color:#505050;
	/*margin-bottom: 15px;*/
	font-size: 16px;
}

h4{
	margin-bottom: 15px;
	font-size: 16px;
}

p{
	font-size: 12px;
	margin-bottom: 15px;
	letter-spacing: 1px;
}

p,
dl, dt, dd,
ul, ol, li{
	line-height: 2em;
}

dl, dt, dd{
	font-size: 12px;
	font-weight: normal;
}

/*dl*/
dl.dl-horizontal {
	font-size:12px;
}

dl.dl-horizontal dt {
	float:left;
	text-align: left;
	white-space: nowrap;
	padding:0;
}

dl.dl-horizontal dd {
	padding-left:10px;
}


/*Intro*/
#intro{
	margin-top: 20px;
}

#intro h1{
	margin-top: -5px;
	line-height: 1.25em;
}

#intro .artistfile{
	font-size: 14px;
	font-family: "futura-pt-condensed",sans-serif;
	font-style: normal;
	font-weight: 800;
	line-height: 2em;
	letter-spacing: 0.2em;
}

#intro .beacon{
	/*Futura Extra Bold*/
	font-size: 24px;
	font-family: "futura-pt-condensed",sans-serif;
	font-style: normal;
	font-weight: 800;
	letter-spacing: 0.1em;
}

#intro .lookup-en{
	font-family: "blackoak-std",serif;
	font-style: normal;
	font-weight: 400;
	font-size: 21px;
	letter-spacing: 0.25em;
	line-height: 1.2em;
}

#intro .lookup-ja{
	font-family: "Helvetica Neue", Helvetica, Arial, "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "メイリオ", Meiryo, "MS 明朝",serif;
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	letter-spacing: 1.75em;
}


#intro .date{
	font-size: 18px;
	margin-top: 20px;
	margin-bottom: 0;
	line-height: 1em;
}


#intro .time{
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 0;
	line-height: 1em;
}



/*blackoak-std*/
/*
#intro .date{
	font-family: "blackoak-std",serif;
	font-style: normal;
	font-weight: 400;
	font-size: 23.72px;
	margin-top: 20px;
	margin-bottom: 0;
	line-height: 1em;
}

#intro .time{
	font-family: "blackoak-std",serif;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	margin-top: 20px;
	margin-bottom: 0;
	line-height: 1em;
}
*/



#intro .admission{
	font-size: 14px;
}

#intro small{
	font-size: 12px;
}

#intro .place{
	margin-top: 0;
	margin-bottom: 0;
	font-size: 18px;
}

#intro .lead{
	font-size: 13px;
	line-height: 2em;
}



#intro dl{
	margin-top: 10px;
}

/*#intro dl,*/
#intro dt,
#intro dd{
	margin-bottom: 0;
}

#intro dt{
	/*width: 3em;*/
	width: 5em;
	text-align: right;
}

#intro dd{
	/*margin-left: 2em;*/
	margin-left: 4.25em;

}


@media(max-width:767px) {
	#intro dl{
		margin-top: 20px;
	}
}




/*Abstract*/
section#abstract p{
	font-size: 13px;
	/*text-indent: 1em;*/
	margin-top: 0;
	margin-bottom: 0;
	/*margin-bottom: 5px;*/
	font-family: "Helvetica Neue", Helvetica, Arial, "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "メイリオ", Meiryo, "MS 明朝",serif;
}

section#abstract .byline{
	margin-left: 15px;
	font-size: 14px;
}



/*Call*/
#call h2{
	font-weight: bold;
	color: #AE0D0D;
}

/*PDFへのリンクへFontAwesomeのPDFアイコンを付加*/
a[href$=".pdf"]:after
{
	content: "\f1c1";
	font-family: FontAwesome;
	padding-left: 1px;
	padding-right: 1px;
}



/* #program */
#program dt{
	width: 9em;
}
#program dd{
	margin-left: 9em;
	/*margin-bottom: 15px;*/
}

#program small{
	font-size: 12px;
}

#program h2{
	margin-bottom: 10px;
}

#program h3{
	margin-top: 10px;
	padding-bottom: 20px !important;
	/*font-size:18px;*/
}



/* #works */
#works{
	margin-top: 20px;
}

#works .thumbnail{
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: 0;
	border:none;
}
#works .thumbnail img{
	width:100%;
}

#works .thumbnail p{
	padding: 0;
}

#works .thumbnail .caption{
	padding: 0;
}

#works .thumbnail .caption h3{
	padding: 0;
	margin-top: 10px;
	margin-bottom: 5px;
}

#works .thumbnail .caption p.spec{
	font-size: 11px;
	margin-top: 0;
	margin-bottom: 10px;
}

#works .thumbnail .caption p.summary{
	margin: 0;
}

#works .thumbnail .caption p:last-child{
	margin-bottom: 0;
}

@media(max-width:767px) {
	#works .thumbnail .caption h3,
	#works .sumally
	{
		margin-left: 5px;
	}
}


/* #profile */
#profile{
	margin-top: 20px;
}

#profile .thumbnail{
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: 0;
	border:none;
}
#profile .thumbnail img{
	width:100%;
}

#profile .thumbnail p{
	padding: 0;
}

#profile .thumbnail div:first-child{
	padding: 0;
}

#profile .thumbnail .caption{
	/*border: 1px solid blue;*/
	margin-left: 0;
	padding-top: 0;
	padding-bottom: 20px;
}

#profile .thumbnail .caption h3{
	padding: 0;
	margin-top: 0;
	margin-bottom: 10px;
}

#profile .thumbnail .caption p:last-child{
	margin-bottom: 0;
}

#profile .thumbnail .caption h3,
#profile .sumally
{
	margin-left: 15px;
}

@media(max-width:767px) {
	#profile .thumbnail .caption h3,
	#profile .sumally
	{
		margin-left: 5px;
	}
}



/*　Test */


#profile-b{
	margin-top: 20px;
}

#profile-b .thumbnail{
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: 0;
	border:none;
}
#profile-b .thumbnail img{
	width:100%;
}

#profile-b .thumbnail p{
	padding: 0;
}

#profile-b .thumbnail div:first-child{
	padding: 0;
}

#profile-b .thumbnail .caption{
	margin-left: 0;
	padding-top: 0;
	padding-bottom: 20px;
}

#profile-b .thumbnail .caption h3{
	padding: 0;
	margin-top: 0;
	margin-bottom: 10px;
}

#profile-b .thumbnail .caption p:last-child{
	margin-bottom: 0;
}

#profile-b .thumbnail .caption h3,
#profile-b .sumally
{
	/*margin-left: 15px;*/
}

#profile-b .sumally
{
	margin-top: 5px;
}


@media(max-width:767px) {
	#profile-b .thumbnail .caption h3,
	#profile-b .sumally
	{
		/*margin-left: 5px;*/
	}
}


#profile-b h2
{
	/*margin-top: 0;*/
	padding-top: 0;
	border: none;
}


#profile-b hr{
	border-top: 1px solid #505050;
}









/* #access */
#access{
	margin-top: 20px;
}
#access h3{
	margin-bottom: 5px;
}

#access h4{
	font-size: 13px;
	margin-top: 15px;
	margin-bottom: 5px;
}

#access .address{
	/*margin-top: 0;*/
}

#access .museum{
	margin-top: 0;
}

#access dt{
	width: 9.5em;
}
#access dd{
	margin-left: 9.5em;
}

#access dl,
#access dt,
#access dd{
	margin-bottom: 0;
}

/* #inquiry */
#inquiry{
	margin-top: 20px;
}

#inquiry h2{
	margin-bottom: 20px;
	/*border-bottom: 1px solid red;*/
}

#inquiry h3{
	margin-top: 0;
	margin-bottom: 10px;
	padding-top: 0;
	/*border-bottom: 1px solid red;*/
}


/* Flexible iFrame */
.google-maps {
	position: relative;
	padding-bottom: 30%;
	/*padding-top: 30px;*/
	height: 0;
	overflow: hidden;
}

.google-maps iframe,
.google-maps object,
.google-maps embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Flexible iFrame */
.google-maps2 {
	position: relative;
	padding-bottom: 90%;
	/*padding-top: 30px;*/
	height: 0;
	overflow: hidden;
}

.google-maps2 iframe,
.google-maps2 object,
.google-maps2 embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* section global*/
section h2{
	margin-top: 0;
	padding-top: 10px;
	border-top: 1px solid #505050;
}

section{
	/*margin-top: 20px;*/
	margin-bottom: 0;
	padding: 0;
	padding-top: 20px;
	/*border: 1px solid red;*/
}


#program .row:last-child *,
#works .row:last-child *,
#profile .row:last-child *,
#profile-b .row:last-child *{
	margin-bottom: 0;
	padding-bottom: 0;
	/*border-bottom: 1px solid red;*/
}

/* footer */
footer{
	padding: 0;
	margin: 0;
	margin-top: 20px;
}
footer .container hr {
	border-top: 1px solid #505050;
	margin: 0;
}

#copyright{
	margin-top: 0;
	/*border: 1px solid red;*/
}

footer .thumbnail {
	margin-bottom: 0;
	padding-bottom: 0;
	border:none;
	border-radius:0;
}


/*report*/
#report{
	margin-top: 20px;
}

#report .thumbnail{
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: 0;
	border:none;
}
#report .thumbnail img{
	width:100%;
}

#report .thumbnail p{
	padding: 0;
}

#report .thumbnail div:first-child{
	padding: 0;
}

#report .thumbnail .caption{
	/*border: 1px solid blue;*/
	margin-left: 0;
	padding-top: 0;
	padding-bottom: 20px;
}

#report .thumbnail .caption h3{
	padding: 0;
	margin-top: 0;
	margin-bottom: 10px;
}

#report .thumbnail .caption p:last-child{
	margin-bottom: 0;
}

#report .thumbnail .caption h3,
#report .sumally
{
	margin-left: 15px;
}

@media(max-width:767px) {
	#report .thumbnail .caption h3,
	#report .sumally
	{
		margin-left: 5px;
	}
}

@media (min-width: 768px ) {
	#report .row {
		position: relative;
	}

	#report .bottom-align-text {
		position: absolute;
		bottom: 0;
		right: 0;
		/*border: 1px solid red;*/
	}
}



ul.nav.nav-pills.nav-justified li a{
	color: #666;
}

ul.nav.nav-pills.nav-justified li a{
	-webkit-border-radius: 0;
	border-radius: 0;
}

ul.nav.nav-pills.nav-justified li.active a{
	color: #666;
	background-color: #FFF;
}

ul.nav.nav-pills.nav-justified li a{
	/*border-top: none;*/
	/*margin-top: 0  !important;*/
	-webkit-border-radius: 0;
	border-radius: 0;
}

/*panel*/
.panel-default {
	border: 0px;
}

.panel {
	border: 0px solid transparent; */
	border-radius: 0px;
	-webkit-box-shadow: 0 0 0;
	box-shadow: 0;
}

/*footnote*/

ol.footnote{
	padding-left: 20px;
}

ol.footnote li{
	font-size: 11px;

}

ol.footnote li span a{
	font-size: 11px;
	/*color: red;*/
}

sup.footnoted {
	vertical-align: super;
}

sup.footnoted a {
	color: red;
	font-family: inherit;
	font-size: 80%;
	margin-left: .2em;
}

/* prints */

#prints li a{
	font-size: 12px;
	margin-bottom: 15px;
	letter-spacing: 1px;
	text-decoration: none;
	color: #666;
}

#prints ul {
	padding-left: 20px;
}






.profile-header {
	display: table;
	margin-bottom:20px;
	border:3px solid green;
}
.profile-pic {
	float: none;
	display: table-cell;
	height:300px;
	border:3px solid red;
}
.profile-about {
	float: none;
	display: table-cell;
	vertical-align: bottom;
	border:3px solid blue;
}


/* Add rev3*/

section#profile-b{
	margin-top: 0;
}

section#exhibition{
	margin-top: 15px;
	margin-bottom: 0;
	/*border: 1px solid red;*/
	padding: 0;
}

section#exhibition .row{
	margin-bottom: 10px;
}

@media (max-width: 768px ) {
	section#exhibition{
		margin-top: 0;
	}
	section#exhibition .row img{
		margin-bottom: 15px;
	}
	section#exhibition .row{
		margin-bottom: 0px;
	}
}

