@charset "utf-8";
body {
	background-color:#99CC99;
color : #333;
}


/* ---------------------------
sns buttons
------------------------------ */
#snsButtonsAreaWrapper{
	background-color: transparent;
	height:30px;
}
#snsButtonsArea{
	background-color: transparent;
	border-color: none;
	height:30px;
}

/* ---------------------------
contents
------------------------------ */
#contesntsWrapper {
	background-color: transparent;
}
div#contents {
	background-color: transparent;
	border-color: transparent;
	overflow:hidden;
}

#contesntsWrapper #contents article #title {
	padding-top: 40px;
	height: 330px;
}

#contesntsWrapper #contents article header h2 {
	font: normal 135% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
	text-align:center;
	letter-spacing:0.2em;
}

#contesntsWrapper #contents article #title h1 {
	color: #333;
	margin-bottom: 50px;
	letter-spacing: 0.3em;
	text-align:center;
	font: 500% 'Julius Sans One', sans-serif;
}

#contesntsWrapper #contents article .fotorama {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background: #FFF;
	padding-top: 30px;
	padding-right: 30px;
	padding-left: 30px;
}


#contesntsWrapper #contents article #plofile ul li {
	width: 390px;
	float: left;
	border-right: 1px dotted #333;
	border-bottom: 1px dotted #333;
	padding: 20px;
	height: 230px;
	letter-spacing:0.1em;
}

#contesntsWrapper #contents article #plofile {
	margin-left: 45px;
	margin-right: 43px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*height: 350px;*/
}

#contesntsWrapper #contents article #plofile li h4 {
	font-size: 130%;
	padding-bottom: 10px;
	color: #333;
}

#contesntsWrapper #contents article #plofile li p {
	padding-bottom: 10px;
	line-height: 1.8em;
}

#contesntsWrapper #contents article #plofile h3,
#contesntsWrapper #contents article #map #mapTitle,
#contesntsWrapper #contents article #detail h3 {
	font: 230% 'Julius Sans One', sans-serif;
	text-align: center;
	margin-top: 150px;
	margin-bottom: 70px;
	letter-spacing:0.2em;
}
#contesntsWrapper #contents article #plofile h5 {
	text-align: center;
	margin-bottom: 30px;
}



#contesntsWrapper #contents article #detail ul li {
	font: 130%/2.3em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-bottom: thin dotted #F4F4F4;
	text-align: center;
	letter-spacing:0.1em;
}

#contesntsWrapper #contents article #detail ul {
	width: 860px;
	margin-right: auto;
	margin-left: auto;
}

#contesntsWrapper #contents article #map .detail {
	font: 130% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0.3em;
}

#contesntsWrapper #contents article #map .detail dl dt {
	float: left;
	margin-right: 20px;
}

#contesntsWrapper #contents article #map .detail h3 {
	margin-bottom: 30px;
}

#contesntsWrapper #contents article #map .detail h3 a {
	font-size: 150%;
	font-weight:100;
	color: #333;
}

#contesntsWrapper #contents article #map .detail h4 {
	color: #333;
	margin-bottom: 5px;
}

#contesntsWrapper #contents article #map {
	width: 860px;
	margin-right: auto;
	margin-left: auto;
}



#contesntsWrapper #contents article #map .detail #title2 img {
	float:left;
	margin-right:30px;
}

#contesntsWrapper #contents article #map .detail #title2 b,
#contesntsWrapper #contents article #map .detail #title2 h3 {
	font: 140% 'Julius Sans One', sans-serif;
	letter-spacing:0.2em;
}

#contesntsWrapper #contents article #map .detail #adress {
	width: 400px;
	float: right;
	/*padding: 15px;*/
}

#contesntsWrapper #contents article #map .detail #adress ul li {
	border-bottom: thin dotted #F4F4F4;
	padding:5px;
}

#contesntsWrapper #contents article #map .detail #adress ul li dt {
	width:90px;
}

	

#contesntsWrapper #contents article #map .detail #gmap {
	margin-bottom: 60px;
}

#contesntsWrapper #contents article #map .detail #title2 {
	float: left;
	width: 400px;
	padding-left: 20px;
    color: #333;
}

#contesntsWrapper #contents article #detail {
	margin-bottom: 50px;
	/*height: 300px;*/
}

/*アーカイブ*/
#contesntsWrapper #contents article #archive p {
    font: 130%/2.3em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center;
    letter-spacing: 0.1em;
    width: 950px;
}

#contesntsWrapper #contents article #archive .photo{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
    width: 860px;
    margin: 10px 10px 10px 0;   
}

#archive .photo li{
    margin-right: 10px;
}

#archive div{
    width: 860px;
    margin: 0 auto 30px auto;
    padding-top: 50px;
}



/*アートスペースの説明*/
#contesntsWrapper #contents article #detail p{
    text-align: center;
    font: 130%/2.3em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-bottom: thin dotted #F4F4F4;
	letter-spacing:0.1em;
    width: 860px;
    margin: 0 auto;
}

/*common*/

.title h3{
    font: 230% 'Julius Sans One', sans-serif;
    text-align: center;
    margin-top: 150px;
    margin-bottom: 70px;
    letter-spacing: 0.2em;
}

#contesntsWrapper #contents article #archive .backnumber{
    display: inline-block;
    font: 105%/2.3em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    border-bottom: thin dotted #F4F4F4;
    letter-spacing: 0.1em;
    text-align: left; 
    margin: 0;
    padding: 0;
}



/*クオカードプレゼント*/

#contesntsWrapper #contents article #detail_quo{
    background-image: url("../img/artspace.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 850px;
    height: 170px;
    margin: 80px auto;
}


#contesntsWrapper #contents article #detail_quo h4{
    padding-left: 420px;
    padding-top: 50px;
    text-align: left;   
    font: 145%/1.8em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    letter-spacing: 0.2em;
    font-weight: 600;
    
}