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

/* index */
#flash_area{
	width: 604px;
	height: 250px;
	background-color: #ccc;
	margin-bottom: 5px;
}
#tyumoku a{
	width: 220px;
	height: 158px;
	display: block;
	border: solid 2px #f5f5f5;
}

#tyumoku a:hover{
	border: solid 2px #e8371f;
}

#tyumoku{
	width: 220px;
	margin: 0 auto;
}

/*.section_notizia{
		border-top: 4px double #9d9d9d; 
 background: url(../img/content/line_01.gif) repeat-x;
	border-bottom: solid #DDD 1px;
	width: 604px;
}*/
.notizia {
	width: 604px;
	border-bottom: solid #DDD 1px;
	padding:5px 0 10px 0;
}
.notizia p {
	font-size:15px;
	line-height:22px;
	font-weight:600;
	padding-left:60px;
	margin-bottom:initial;
}
.notizia p a{
	color:#68ac20;
	text-decoration: none;
	
}
.notizia a:hover{
	color:#68ac20;
	opacity: 0.6;
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
}
.notizia span.cap{
	float:right;
	font-size:10px;
	line-height:20px;
	color:#313131;
	font-weight:normal;
}

.about_lesson{
	width: 604px;
	padding:15px 0px;
	border-bottom: solid #DDD 1px;
}
.about_lesson span{
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 14px;
  padding: 3px;
  margin-bottom:5px;
  background:#e8371f;
  color:#fff;
}
.about_lesson p{
  font-size: 13px;
  line-height: 20px;
  margin-bottom:0px;
  margin-left:60px;
}

.arte_tour{
	border:1px solid #ddd;
	border-radius:6px;
	padding: 8px 8px 8px 12px;
	margin-top:10px;
	margin-bottom:3px;
 }
.imgcontainer{
	display:block;
	float:right;
	margin-top:3px;
	margin-left:10px;
}

.section_info{
	display:inline-block;
	width: 604px;
	border-bottom: solid 1px #DDD;
	padding-top:10px;
	padding-bottom:15px;
	margin-bottom:15px;
}
.top_info{
	font-size:13px;
	line-height:20px;
	margin-left:60px;
}
.top_info span.orange{
	font-weight:700;
	color:#FF8600;
}
.top_info a {
	text-decoration: none;
}
.top_info a:hover span.orange{
	color:#FFC562;
}
.section.red a,.column.red a{
	color:#e8371f;
	text-decoration: none;
}
.section.red a:hover,.column.red a:hover{
	opacity: 0.5;
    filter:alpha(opacity=60);
    -moz-opacity:0.5;
}




/* 点滅 */
.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0.2;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0.2;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0.2;}
    100% {opacity:1;}
}

/* index ad space */
#ad_space{
	position: -webkit-sticky;
	position: sticky;
	top: 20px;
	width: 253px;
	margin-left: 20px;
	margin-bottom: 10px;
	font-size:11px;
	color:#313131;
}
.ad{
	display: block;
	padding:10px 0 5px 0;
	text-align: center;
}
.ad p{
	font-size:10px;
	color:#313131;
	text-align: center;
}

.past{
	display:inline-block;
	width: 604px;
	border-bottom: solid 1px #DDD;
	padding-top:15px;
	padding-bottom:5px;
	font-size:11px;
	color:#666;
}

/* about */
h3.special_events {
	color:#68ac20;
	margin-bottom: 10px;
}
.imgConcert{
	display:block;
	width:220px;
	float:right;
	margin-left:10px;
	margin-top:-2px;
}
.teatro{
	height:150px;
	border-top:2px solid #cccc99;
	border-bottom:2px solid #cccc99;
}
.teatro p{
	margin:30px 0 0 100px;
	font-size:12px;
	line-height:18px;
}
.teatro_2{
	font-size:12px;
	line-height:18px;
	padding:10px 0 3px 0;
}
#g_map{
	padding-top: 15px;
}

/* info*/
table.info {
	width:100%;
	border-collapse:collapse;
	margin:5px 0px 10px 0px;
	border:solid 1px #ddd;
	line-height:1.6;
}
table th.info1,table th.info2{
	width:20%;
	color:#FFF;
	text-align:center;
	padding-left:10px;
	padding:5px 0px;
	border-bottom:solid 1px #ddd;
	border-right:solid 1px #ddd;
	background-color:#68ac20;
	opacity: 0.7;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
}
table th.info3{
	width:60%;
	color:#FFF;
	text-align:center;
	padding:5px 0px;
	border-bottom:solid 1px #ddd;
	border-right:0;
	background-color:#68ac20;
	opacity: 0.7;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
}
table.info td{
	text-align:center;
	padding:5px 0px;
	background-color:#FFF;
	border-bottom:solid 1px #ddd;
	border-right:solid 1px #ddd;
}
table.info td:last-child {
	border-right:0px;
	text-align:left;
	padding:5px 0px 5px 30px;
}

/* italian*/
.section.italian {
	border-bottom:1px dashed #ddd; 
}
.section.italian.bordertop {
	border-top:1px dashed #ddd;
	border-bottom:1px dashed #ddd; 
	margin-top:5px;
}
.section.italian.bordernone {
	border-bottom:none;
	padding-bottom: 0;
}
h3.italian_title,h4.italian_title {
	font-size:14px;
}
dl.italian  {
	border:solid 1px #ddd;
	margin:10px 0px 12px 0px;
	padding-bottom:10px;
}

dl.italian dt {
	font-size:12px;
	font-weight:bold;
	padding:2px 15px;
	margin-bottom:10px;
	color:#FFF;
	border-bottom:solid 1px #ddd;
	background-color:#68ac20;
	opacity: 0.7;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
}
dl.italian dd {
	margin-left:15px;
	line-height:1.6;
}
table.italian {
	width:100%;
	border-collapse:collapse;
	margin:5px 0px 10px 0px;
	border:solid 1px #ddd;
	line-height:1.6;
}
table.italian th{
	width:30%;
	color:#FFF;
	text-align:left;
	padding-left:15px;
	border-bottom:solid 1px #ddd;
	border-right:solid 1px #ddd;
	background-color:#68ac20;
	opacity: 0.7;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
}
table.italian th span{
	padding-left:1px;
}
table.italian tr:last-child th{
	border-bottom:0px;
}
table.italian td{
	text-align:left;
	padding:5px 0px 5px 15px;
	background-color:#FFF;
	border-bottom:solid 1px #ddd;
}
table.italian tr:last-child td{
	border-bottom:0px;
}
.name {
	font-size:14px;
	font-weight:700;
}
p.profile {
	line-height:1.6;
	overflow:hidden;
}
.course_wrap {
	display:inline-block; 
	padding-top:5px;
	clear:both;
}
h4.course {
	font-size:14px;
	font-weight:700;
	margin-bottom:4px;
}
.course_wrap p {
	line-height:1.6;
}
table.course {
	/*width:60%;*/
	float:left;
	border-collapse:collapse;
	margin:0px 0px 10px 0px;
	border:solid 1px #ddd;
	line-height:1.2;
}
/*table.course th{
	width:118px;
	font-weight:normal;
	color:#000;
	text-align:left;
	padding-left:15px;
	border-bottom:solid 1px #ddd;
	border-right:solid 1px #ddd;
}*/

table.course tr:last-child th{
	border-bottom:0px;
}
table.course td{
	width:96px;
	text-align:center;
	padding:5px 0px 5px 15px;
	border-bottom:solid 1px #ddd;
	border-right:solid 1px #ddd;
}
table.course td.wide{
	width:152px;
	text-align:center;
	padding:5px 0px 5px 15px;
	border-bottom:solid 1px #ddd;
	border-right:solid 1px #ddd;
}
table.course tr.gray {
	background-color: #999;
	color: #fff;
}
table.course tr:last-child td{
	border-bottom:0px;
}

.course.right {
	width:220px;
	float:left;
	position:relative;
	bottom:0px;
	padding-left:30px;
	margin-top:0px;
	font-size:12px;
	line-height:1.6;
	height:106px;	
}
.course.right.last {
	height:131px;	
}
.course_text {
	position: absolute;
	bottom: 0;
}


/* event */
.lead {
	display: inline-block;
	font-size:15px;
	margin-bottom:10px;
	font-weight:600;
}

h2.category {
	display:inline-block;
	width: 604px;
	border: solid 1px #DDD;
	padding-top:10px;
	padding-bottom:10px;
}

h3.category {
	display:inline-block;
	width: 604px;
	border: solid 1px #DDD;
	padding-top:10px;
	padding-bottom:10px;
}

.gray {
	background-color: #EEEEEE
}

.white {
	background-color: #FFFFFF
}

.adjust {
	margin-top: 15px;
}

.small_title{
	font-size:14px;
	font-weight:700;
	line-height:14px;
	margin-bottom:10px;
}
.support{
	font-size:13px;
	display:inline-block;
	width:604px;
	padding:8px 0px 8px 0px;
	border-bottom: solid 1px #DDD; 
}

/* member */
ul.journal {
	display:inline-block;
	width:100%;
	margin-top:5px;
}

ul.journal li {
	display:inline-block;
	width:16%;
	text-decoration:none;
	margin-bottom:10px;
}
.journal li a {
	text-decoration:none;
	display: block;
	height:32px;
	font-weight:600;
	color:#666;
	line-height:36px;
}

.journal li a:hover {
	opacity: 0.6;
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
}
.journal img[src$=".svg"]{
	display:block;
	float:left;
    width:28px;
	height:32px;
	margin-right:5px;
}

ul.espresso{
	display:inline-block;
	margin-bottom:0px;
}
ul.espresso li{
	width: 143px;
	height: 143px;
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
	z-index:9999;
}
ul.espresso li:nth-child(4n+4){
	margin-right: 0px;
}
ul.espresso li img{
	width:100%;
	height:100%;
		
}
ul.espresso li:hover img{
	opacity: 0.6;
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
}

/* site link */
ul.sitemap.left,ul.sitemap.right{
	display:block;
	float:left;
	width: 42%;
	font-weight:400;
	margin-top:5px;
	margin-left:30px;
	margin-bottom:0px;
	text-decoration: none;
	color:#fff;
}
ul.sitemap.right{
	margin-right:0px;
}
ul.sitemap.left li,ul.sitemap.right li{
	margin-left:20px;
	margin-bottom:5px;
	padding:2px 8px;
	background-color:#68ac20;
	opacity: 0.7;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
}
ul.sitemap.left li:nth-child(1),
ul.sitemap.left li:nth-child(3),
ul.sitemap.left li:nth-child(8),
ul.sitemap.left li:nth-child(12),
ul.sitemap.right li:nth-child(1),
ul.sitemap.right li:nth-child(n+6):nth-child(-n+8),
ul.sitemap.right li:nth-child(10){
	margin-left:0px;
	margin-top:0px;
    background-color:#e8371f;
	opacity: 0.8;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
}
ul.sitemap li a{
	display:block;
	text-decoration: none;
	color:#fff;
}
ul.sitemap li:hover,
ul.sitemap.left li:nth-child(1):hover,
ul.sitemap.left li:nth-child(3):hover,
ul.sitemap.left li:nth-child(8):hover,
ul.sitemap.left li:nth-child(12):hover,
ul.sitemap.right li:nth-child(1):hover,
ul.sitemap.right li:nth-child(n+6):nth-child(-n+8):hover,
ul.sitemap.right li:nth-child(10):hover{
	opacity: 0.5;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
}

dl.link{
	float: left;
	margin:0 10px 0 50px;
	margin-bottom: 20px;
}
dl.link:nth-child(3){
	margin-left:25px;
}
.link dt{
	color: #e8371f;
	font-weight: 600;
	padding-top: 5px;
	padding-bottom: 2px;
}
.link dd{
	line-height: 1.8;
}
.link dd a{
	color: #313131;
	text-decoration: none;
}
.link dd a:hover{
	text-decoration: none;
	color: #e8371f;
}

ul.sns_list{
	margin-left:20px;
}
ul.sns_list li{
	float: right;
    margin:0 3px 17px 17px;	
}

p.image{
	margin-bottom: 10px;
}

/* アコーディオンのスタイル */

.accordion summary{
	position: relative;
	list-style: none; /* デフォルトの三角形アイコンを消します */
	cursor: pointer; /* ポインターを指さしマークに変更 */
}

.accordion summary::-webkit-details-marker {
	display: none; /* Safariで表示されるデフォルトの三角形アイコンを消します */
}

.accordion summary::after{
	position: absolute;
	width: 8px;
	height: 8px;
	top: calc(50% - 5px);
	right: 25px;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	box-sizing: border-box;
	content: "";
	transform: rotate(45deg);
	transition: top 0.4s ease-out, transform 0.4s ease-out;
}

.accordion details[open] summary::after{
	top: calc(50% - 5px);
	transform: rotate(-135deg);
}

.accordion .year{
	display:inline-block;
	width: 604px;
	border-bottom: solid 1px #DDD;
	padding-top:10px;
	padding-bottom:10px;
}