.backg{
	background-image:url("gimage/artfest/artfest02bg.png");
	background-color: rgba(255,250,250,0.85);
	  background-blend-mode: lighten;
}


.arttext{
	font-family:ヒラギノ角ゴシック;
	font-size : 14pt ;
	width : 80% ;
	margin: 0 auto;
	line-height : 150% ;
	margin-bottom : 1em ;
}
.arttext_c{
	font-family:ヒラギノ角ゴシック;
	font-size : 14pt ;
	width : 80% ;
	margin: 0 auto;
	line-height : 150% ;
	margin-bottom : 1em ;
	text-align : center ;
}


.tablestyle { 
	width : 800px ; 
	margin:auto ; 
	border-radius: 10px;
   	border-spacing: 0;
   	border: none;
   	border-left: 1px solid #ffa4c9;
   	border-top: 1px solid #ffa4c9;
	background: white;
 }
.tablestyle  tr>*{
    padding: 5px 10px;
    border: none;
    border-right: 1px solid #ffa4c9;
    border-bottom: 1px solid #ffa4c9;
}
.tablestyle  tr:first-child>*:first-child{
    border-radius: 10px 0 0 0;
}
.tablestyle  tr:first-child>*:last-child{
    border-radius: 0 10px 0 0;
}
.tablestyle  tr:last-child>*:first-child{
    border-radius: 0 0 0 10px;
}
.tablestyle  tr:last-child>*:last-child{
    border-radius: 0 0 10px 0;
}



.tablestyle02 { 
	width : 800px ; 
	margin:auto ; 
	border-radius: 10px;
   	border-spacing: 0;
   	border: none;
   	border-left: 1px solid #dca4c9;
   	border-top: 1px solid #dca4c9;
	background: white;
 }
.tablestyle02  tr>*{
    padding: 5px 10px;
    border: none;
    border-right: 1px solid #dca4c9;
    border-bottom: 1px solid #dca4c9;
}
.tablestyle02  tr:first-child>*:first-child{
    border-radius: 10px 10px 0 0;
}
.tablestyle02  tr:last-child>*:first-child{
    border-radius: 0 0 10px 10px;
}


.tablestyle th { background-color : #dca4c9 ; color : white ;  font-size : 16pt}
.tablestyle td { text-align : left ;  font-size : 16pt ;  padding-left : 10pt}
.tablestyle .name { background-color : #ffff66 ; }


.tablestyle02 th { background-color : #dca4c9 ; color : white ;  font-size : 16pt}
.tablestyle02 td { text-align : left ;  font-size : 16pt ;  padding-left : 10pt}
.tablestyle02 .name { background-color : #ffff66 ; }



.events {
	font-size : 12pt ;
	margin-top : 0px ;
	margin-bottom : 12px ;
}
.events li {
	margin-bottom : 12pt ;
	color : #993399 ; 
}


details {
	border-radius: 0px;
	margin-bottom : 5px ;
	padding-left : 10px ;

}


summary {
	cursor: pointer; /* マウスカーソルを指の形にする */
	font-weight: bold;
	margin-bottom : 5px ;
}


.imgsize {
	width : 600px ;
  box-shadow: 4px 4px 8px gray ;
}



.maru {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  flex-flow: column; 
  vertical-align: top;
}
/* 円の大きさ */
.size_normal{
  width: 60px;
  height: 60px;
}
/* 文字の大きさ */
.letter3 {
  font-size: 16pt;
  line-height: 1.5em;
}
/* 円と文字の色 */
.pink1 {
  color: #cc6666;
  border: 1px solid #cc6666;
}


/* 円の大きさ */
.size_s{
  width: 30px;
  height: 30px;
}
/* 文字の大きさ */
.letter2 {
  font-size: 14pt;
  line-height: 1.5em;
}
/* 円と文字の色 */
.pinkf {
  color: white;
  border: 2px solid #cc6666 ;
  background-color : #cc6666 ;

}


.flex-container {
  display: flex;
}



/* ＊＊＊＊＊＊＊スマホ画面用＊＊＊＊＊＊＊＊ */

@media (max-width: 800px) {


.arttext{
	font-family:ヒラギノ角ゴシック;
	font-size : 11pt ;
	width : 80% ;
	margin: 0 auto;
	line-height : 150% ;
	margin-bottom : 1em ;
}
.arttext_c{
	font-family:ヒラギノ角ゴシック;
	font-size : 11pt ;
	width : 80% ;
	margin: 0 auto;
	line-height : 150% ;
	margin-bottom : 1em ;
	text-align : center ;
}



.tablestyle { width : 300px }
.tablestyle02 { width : 300px }

.tablestyle th { background-color : #dca4c9 ; color : white ;  font-size : 12pt}
.tablestyle td { text-align : left ;  font-size : 12pt ;  padding-left : 10pt}
.tablestyle .name { background-color : #ffff66 ; }


.tablestyle02 th { background-color : #dca4c9 ; color : white ;  font-size : 12pt}
.tablestyle02 td { text-align : left ;  font-size : 12pt ;  padding-left : 10pt}
.tablestyle02 .name { background-color : #ffff66 ; }



.imgsize {
	width : 300px ;
}


  .flex-container {
    flex-direction: column; /* 横並びから縦並びに変更 */
  }

}