@charset "utf-8"; /* CSS Document */



@import url(core-basic.css);
@import url(core-pc.css) screen and (min-width:768px);
@import url(core-smartphone.css) screen and (min-width:0) and (max-width:767px);

@import url(module.css);

/* Basic
********************************************************************************/
.pg-grid { /* class="page pg-grid" */
	background-repeat:repeat-y;
	background-position:center top;
}

.page {
	margin:0;
	padding:0;
	width:100%;
	background-color:#ffffff;
}

.outdated {
	border-bottom:1px solid #dddddd;
	padding:15px;
	text-align:center;
	background-color:#eeeeee;
	display:block;
}
.outdated a { text-decoration:underline !important; }

#foot { clear:both; }



/* Header & Global Menu
********************************************************************************/
#head h1 span, #head h2 span,
#nv-global small {
	display:none;
}



/* Text Colors
********************************************************************************/
a:link { color:#666666; text-decoration:none; }
a:visited { color:#666666; text-decoration:none; }
a:hover { color:#cd002c; text-decoration:none; }
a:active { color:#cd002c; text-decoration:none; }
a.focus { color:#cd002c; text-decoration:none; }

body a { -webkit-tap-highlight-color:rgba(204,204,204,0.3); }
body a:link { -webkit-tap-highlight-color:#eeeeee; }

p a:link, small a:link { color:#003399; text-decoration:underline; }
p a:visited, small a:visited { color:#003399; text-decoration:underline; }
p a:hover, small a:hover { color:#cd002c; text-decoration:underline; }
p a:active, small a:active { color:#cd002c; text-decoration:underline; }

.txcl-wht { color:#ffffff; }
.txcl-attention { color:#990000; }
.txcl-key01 { color:#cd002c; }


/* Text Align
********************************************************************************/
.tx-right { text-align: right;}
.tx-center { text-align: right;}
.tx-left { text-align: right;}


/* Retina Display Images
********************************************************************************/
/* ! Backup !
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:2dppx) {
	.classname { background-image:url(image-2x.png); }
}
*/





/* -- FacebookとTwitterのリンクボタン -- */
.social-buttons{
/*
	text-align: center;
*/
}

.social-buttons img{
	margin: 5px 20px
}


.social-button{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	border-radius: 30px;
	margin: 0 10px;
}

.social-button-fb{
	background: #3b5998;
}

.social-button-tw{
	background: #55acee;
}
/* -- // FacebookとTwitterのリンクボタン -- */




/* -- KCAM - about - 旧石橋美術館時代の展覧会 -- */

main {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

main .past {
  width: 23%;
  margin: 20px auto;
}

.past {
  width: 100%;
}
.past_img {
  padding: 0;
  margin: 5px 0;
}
.past_body {
  line-height: 1;
  padding: 0;
  margin: 0;
}
.past_body p {
  padding: 5px;
  margin: 0;
}


@media screen and (max-width: 767px){
main .past {
  width: 30%;
}
}

@media screen and (max-width: 480px){
main .past {
  width: 45%;
}
}

/* -- KCAM - about - 旧石橋美術館時代の展覧会 -- */