@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&display=swap');

/*
==================================================
【PC】上ナビタイプ

009fe6   f0c250
/* ----------------------------------------------- */

/* リセットcss */
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{
  display: block;
  margin: 0;
  padding: 0;
}

html,h1,h2,h3,h4,dl,dt,dd,ul,li,p,img{
  margin: 0;
  padding: 0;
}

ul{
  list-style-type: none;
}

/* ボディ */
body{
  font-family: 'Roboto','BIZ UDPGothic',Helvetica, Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
  font-size: 15px;
    font-weight: 400;
  margin: 0;
  padding: 0;
  line-height: 1.7;
  color: #555;
	-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
/* background: url("../imagesPC/cloud.png") #fff; */
/* animation: bgiLoop 30s linear infinite; */
  width: 100%;
  left: 0;
  top: 0;
	height: auto;
}


a:link{text-decoration: underline; color:#038cc9;}
a:visited{text-decoration: underline; color: #038cc9;}
a:active{text-decoration: underline; color: #038cc9;}
a:hover{text-decoration: none; color: #038cc9;}

/* 画像関連 */
figure{
  margin: 0;
  padding: 0;
}

figcaption{
  font-size: 0.8em;
  text-align: center;
  margin: 0;
  padding: 0 0 5px 0;
  color: #666;
}

img{
  border: none;
  vertical-align: bottom;
}

::selection {
  background-color: #f0c250;
  color: #fff;
}

/* 配置 */
.left{float: left; margin: 0 10px 10px 0;}
.center{float: none; margin: 0 0 10px 0;}
.right{float: right; margin: 0 0 10px 10px;}
figure.left{text-align: left; margin: 5px 10px 10px 0;}
figure.center{text-align: center; margin: 5px 0 10px 0;}
figure.right{text-align: right; margin: 5px 0 10px 10px;}
.txt-center{text-align: center; margin: 0 auto;}
.txt-right{text-align: right; margin: 0;}
/* 罫線 */
hr {height: 0; margin: 15px 0; padding: 0; border: 0; width: 100%;}
.solid{border-top: 1px #999 solid;}
.dotted{border-top: 1px #999 dotted;}
.dashed{border-top: 1px #999 dashed;}
.double{border-top: 3px #999 double;}
.dotline{border-bottom: 1px dotted #333;margin: 10px 0 10px;}

small {font-size: 0.8em;}
medium {font-size: 1.2em;}
large {font-size: 1.6em;}
.Xsmall {font-size: 0.7em;}
.small {font-size: 0.8em;}
.medium {font-size: 1.2em;}
.large {font-size: 1.6em;font-weight: 700;}
.Xlarge {font-size: 2em;font-weight: 700;}

.orange{color: #fabe00;}
.blue {color: #038cc9;}
.yellow {color: #f3d91b;}
.pink {color: #ff71a3;}
.red{color: #fc5e82;}
.marker_yl {color: #111;text-decoration: none;background: linear-gradient(transparent 0%, #009fe6 0%);}
.marker_bl {color: #111;text-decoration: none;background: linear-gradient(transparent 0%, #afe2fc 0%);}
.marker_pk {color: #111;text-decoration: none;background: linear-gradient(transparent 0%, #ff71a3 0%);}

.al{font-family: 'Ubuntu', sans-serif;}
.opa{opacity:0}


.fukidashi {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 1rem;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 0.9rem;line-height:1.6;
  background: #FFF;
  border: solid 2px #999;
  box-sizing: border-box;
	border-radius: 20px;
}

.fukidashi:before {
  content: "";
  position: absolute;
  top: -24px;
  left: 10%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-bottom: 12px solid #FFF;
  z-index: 2;
}

.fukidashi:after {
  content: "";
  position: absolute;
  top: -30px;
  left: 10%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-bottom: 14px solid #999;
  z-index: 1;
}




/* ページレイアウト */
#wrapper{
 width: 100%;
	overflow: hidden;
}


#contents-box{position: relative;
  background: #d1effc;
  border-top-left-radius: 1000px 200px;
  border-top-right-radius: 1000px 200px;
  border-bottom-left-radius: 1000px 200px;
  border-bottom-right-radius: 1000px 200px;
  min-height:590px;
  margin-left: -100px;
  margin-right: -100px;
  padding:90px;
}

#contents{
  width: 1180px;
  margin: 0 auto;
  padding: 0;
  clear: both;
}

#main-box{
  width: 880px;
  float: left;
  margin: 15px 0 0;
  padding: 0 0 15px;
}

#side-box{
  width: 260px;
  float: right;
  margin: 15px 0 0;
  padding: 0 0 15px;
}


/* 
.navigation-fragment-page #map{display: none;}
.free-format-page #map{display: none;}
#news-1  #map{display: none;}*/

/* メインコンテンツ部分(main-box内) */

#contents-title {font-family: 'Ubuntu', sans-serif;
font-size:3.2em;font-weight: 700;
     color: #068ac5;
	line-height: 1.4;
	margin: -50px auto 1.5rem;
    text-align: center;
background: url("../imagesPC/contents-titlebg.png") center top no-repeat;
}




#head {font-family: 'Ubuntu', sans-serif;color: #fff; font-size:1.3em;font-weight: 700;
	line-height: 1.4;
  position: relative;
  padding: 0.5em 0.5em 0.5em 1em;
  border-left: #fff solid 2px; border-right: #fff solid 2px;
    border-radius: 20px;
    background: #038cc9;
}




article{
  margin: 0 auto;
  padding: 20px 0 20px 0;
  clear: both;
}

/* red */

.subhead{font-family: 'Ubuntu', sans-serif;color: #038cc9; font-size:1.2em;font-weight: 700;
	line-height: 1.4;
  position: relative;
  padding: 0.5em 0.5em 1em 1em;
  border-top: #038cc9 solid 2px;
    border-radius: 20px 0;
}



.packs{
  margin: 0;
  padding: 0 0 0 15px;
  width : calc(100% - 15px) ;
}

.column{
  margin: 0;
  padding: 0 15px 0 0;
  float: left;
}

/* バナー・ツイッター枠など(side-box内) */
.banner{
  width: 260px;
  margin: 20px auto 10px;
  padding: 0;
}

.twitter{
  margin: 0 auto 10px;

}



    .parachute{
      animation: parachute_mc 1s ease-in-out infinite alternate;
      transform-origin: 50% 50%;
      margin: 1rem 0 !important;
    }
     
    @keyframes parachute_mc {
    0% { transform:translateY(-10px); }
  100% { transform:translateY(  0px); }
    }



/* ページトップ */
#pagetop{
  position: fixed;
  bottom: 10px;
  right: 10px;
  padding: 10px 20px;      animation: fuwafuwa 3s linear infinite;
      transform-origin: 50% 50%;
      margin: 1rem 0 !important;
}

     
    @keyframes fuwafuwa {
      0% { transform: translateY(0) }
      33.3% { transform: translateY(-15px) }
      66.6% { transform: translateY(0) }
      100% { transform: translateY(0) }
    }



@keyframes bgiLoop {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 500px -500px;
  }
}
/* =============================================== */
/* header - ヘッダー */
/* ----------------------------------------------- */
/* ヘッダー大枠 */
header{
  width: 100%;
  margin: 0;
  padding: 0;
    border-top:5px solid #009fe6;
/*	background: #fff;*/
}

/* ヘッダー内部 */
#header-inner{
  width: 1100px;
  margin: 0 auto;
  padding: 0;
}

/* 左部分(サイトタイトル) */
#header-left{
  float: left;
  width: 670px;
  margin: 0;
  padding: 0;
	text-align: right;
}

#site-title{
  margin: 0;
  padding: 5px 0;
}

#site-title a:hover img{
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);


}



/* 右部分(用途に合わせて会員メニュー・SNSボタンなど) */
#header-right{
  float: right;
  width:200px;
  margin: 0;
  padding:3px 0 10px;

}
#header-right a:hover img{
  -moz-opacity: 0.80;
  opacity: 0.80;
  filter: alpha(opacity=80);position : relative;

}


/* =============================================== */
/* nav - メインナビゲーション */
/* ----------------------------------------------- */
/* ナビ全体枠 */

#nav{/*background: #009fe6;*/margin:0.8em auto;}

nav{
  clear: both;
  width: 1100px;
  margin:0.5em auto;
  padding:0 0; 
  line-height: 1;
}

/* 第一階層 */
#main-menu{ 
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
#main-menu::after{
  display: block;
  clear: both;
  content: '';
}
#main-menu li{font-family: 'Ubuntu', sans-serif;
  position: relative;
  float: left;
  font-size: 1em;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
border-right: 1px solid #999;
	padding: 0 0.6em 0;
}
#main-menu li:first-child{padding:  0 1em 0 0 ;}
#main-menu li:last-child{border-right: none;padding:  0 0 0 1em ;}
#main-menu li a{color: #555;}
#main-menu li a:link{ font-family:'Ubuntu', 'BIZ UDPGothic','Roboto',Helvetica, Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif
    ;position: relative;
  display: inline-block;
  text-decoration: none;padding: 0.4em;}
#main-menu li a:visited{text-decoration: none;border-radius: 50px;padding: 0.4em;}
#main-menu li a:active{text-decoration: none;border-radius: 50px;padding: 0.4em;}
#main-menu li a:hover{text-decoration: none;color:#fff;background: #009fe6;border-radius: 50px;padding: 0.4em;}

/* 第二階層 */
#main-menu .sub-menu{z-index: 99999;
  position: absolute;
  top: 100%;
}
#main-menu .sub-menu li{color:#333;background: #fff;
  float: none;
  margin: 0;
  padding: 0;border-radius: 50px;border-bottom:2px solid #009fe6;border-left:1px solid #009fe6;border-right:1px solid #009fe6;
}
#main-menu .sub-menu li a{
  display: block;
  padding:0.6em 0.5em 0.6em 1em;
  font-size: 0.8em;
  font-weight: normal;
  text-align: left;
    background: url(../imagesPC/nav-arrow.png) no-repeat 4px;
}
#main-menu .sub-menu li a:link{text-decoration: none;}
#main-menu .sub-menu li a:visited{text-decoration: none;}
#main-menu .sub-menu li a:active{text-decoration: none;}
#main-menu .sub-menu li a:hover{text-decoration: none;color:#333;background: #bfe9fb;}

/* 第二階層のフェード設定 */
.sub-menu{
  visibility: hidden;
  opacity: 0;
  transition: .1s ease-in-out;
  transform: translateY(-20px);
}
#main-menu li:hover > .sub-menu{
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

#main-menu li .current-page {
  display: inline-block;
  margin: 0 0;
  color: #fff;background: #009fe6;padding: 0.5rem;border-radius: 50px;
}


/* =============================================== */
/* #free-format-3 ABOUT リーガルパッド風ノート風罫線 */
/* ----------------------------------------------- */
.wrapnote {
  width: 100%;
}
.wrapnote .note2 {
  margin: 0;
  padding: 10px 5px 15px 5px;
  background: #fff;border-radius: 20px;
}
.wrapnote .note2 p {
  background: url(../imagesPC/line1.png) repeat bottom left;
  font-size: 14px;
  line-height: 30px;
  margin: 0 20px;
      text-align: justify;
  text-justify: inter-ideograph;
}


/* =============================================== */
/* #free-format-4 ARTIST background: #009fe6;/
/* ----------------------------------------------- */
#free-format-4 #main-box{font-size:0.85em;line-height: 1.6;}

.profbox{border-top:3px solid #038cc9;padding: 0.8em;}
#free-format-4 .medium{font-weight: 700;}

/* ----------------------------------------------- */
/* プログラム一覧  navigation-fragment-9 */
/* ----------------------------------------------- */



/* プログラム15金曜わく スペシャル枠 */
/* ----------------------------------------------- */
#navigation-fragment-9 #paragraph-88 .subhead{}
#navigation-fragment-9 #paragraph-100 .subhead{}

/* プログラム16土曜わく スペシャル枠 */
/* ----------------------------------------------- */



#navigation-fragment-9 .txt7{color: #f0c250;font-size: 2em;}
#navigation-fragment-9 .txt7 a:link {color: #f0c250;text-decoration: underline;}
#navigation-fragment-9 .txt7 a:visited{color: #f0c250;text-decoration: underline;}
#navigation-fragment-9 .txt7 a:active{color: #f0c250;text-decoration: underline;}
#navigation-fragment-9 .txt7 a:hover {color: #555;text-decoration: underline;} 

#navigation-fragment-9 .txt8{color: #009d96;font-size: 2em;}
#navigation-fragment-9 .txt8 a:link {color: #009d96;text-decoration: underline;}
#navigation-fragment-9 .txt8 a:visited{color: #009d96;text-decoration: underline;}
#navigation-fragment-9 .txt8 a:active{color: #009d96;text-decoration: underline;}
#navigation-fragment-9 .txt8 a:hover {color: #555;text-decoration: underline;} 

#navigation-fragment-9 #main-box a{line-height: 1.2;}
#navigation-fragment-9 #main-box a:link {color: #111;text-decoration: underline;}
#navigation-fragment-9 #main-box a:visited{color: #111;text-decoration: underline;}
#navigation-fragment-9 #main-box a:active{color: #111;text-decoration: underline;}
#navigation-fragment-9 #main-box a:hover {color: #555;text-decoration: underline;} 



/* アトリウム･コンサート  navigation-fragment-17 */
/* ----------------------------------------------- */


/* 電子音楽の部屋   navigation-fragment-18 */
/* ----------------------------------------------- */


/* 藤倉大＆ヤン・バング   navigation-fragment-26 */
/* ----------------------------------------------- */



/* 大人ボンクリ   navigation-fragment-15 */
/* ----------------------------------------------- */


/* SPECIAL CONCERT   free-format-6 */
/* ----------------------------------------------- */



.com-box{margin: 1.5em 0;
  padding: 1em 1.5em;
  max-width: 100%;
  color: #555;
  font-size: 0.8em;letter-spacing: 0.1em;
  background: #fff;
  border-radius: 20px; text-align: justify;text-justify: inter-ideograph;}

.fujicom-area{display: flex;}
.fujicomimg{padding-right:20px;}
.fujicomimg img{width: 79px;}

.fujicom {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 1em 1.5em;
  max-width: 100%;
  color: #555;
  font-size: 0.9em;letter-spacing: 0.1em;
  background: #fff;
  border-radius: 20px; text-align: justify;text-justify: inter-ideograph;
}
.fujicom:before {
  content: "";
  position: absolute;
  top: 30%;
  left: -25px;
  margin-top: -20px;
  border: 20px solid transparent;
  border-right: 20px solid #fff;
  z-index: 0
}




/* TIMETABLE    free-format-7 */
/* ----------------------------------------------- */
/* ここから下がボタンのCSS　*/
#free-format-7 #main-box .btn {
  display: inline-block;
  width: 600px;
  text-align:center;
  background-color: #f0c250;
  font-size:1em;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 24px;
  border-radius: 30px;
  border-bottom: 4px solid #cc6600;
	margin:0 0 15px 0;
}

#free-format-7 #main-box .btn:link {color: #fff;text-decoration: none;}
#free-format-7 #main-box .btn:visited{color: #fff;text-decoration: none;}
#free-format-7 #main-box .btn:active {
    transform: translateY(4px);
    border-bottom: none;
}
#nfree-format-7 #main-box .btn:hover {color: #fff;text-decoration: none;}


/* TICKET  free-format-5 */
/* ----------------------------------------------- */

#free-format-5 #main-box small{font-size:0.8em;}

.ticket-box{background: #fff;width: 100%;min-width:100%;  border-collapse:collapse;border-radius:20px;}
.ticket-tablebg1{background:#ffcccc;border-radius:20px 20px 0 0 ;}
.ticket-tablebg2{background:#ffffcc;}
.ticket-box tr{border-bottom:1px dotted #999;}
.ticket-box tr:last-child{border-bottom:none;}
.ticket-box th,
.ticket-box td {padding:1.5em; vertical-align: top;}

.ticket-box th{width: 150px;}
.ticket-box th span{background:#038cc9;padding:0.3em 1em;color:#f5f5f5;font-size:0.8em;border-radius:20px;display: block;}


.ticket-box{background: #fff;width: auto; border-collapse:collapse;border-radius:20px;padding:1em 1.5em;}

.ticket-box .midashi {font-size: 1.2em;margin: 0;padding: 0;line-height: 1.2;}
.ticket-box .midashi span{font-size: 1.2em;margin: 0 5px 0 0 ;padding: 0;}
.ticket-box span.midashi{background:#038cc9;padding:0.2em 1em;color:#f5f5f5;font-size:0.8em;border-radius:20px;width: 100px;margin: 0 40px 0 10px;}
.ticket-box small.midashi{padding:0 0 0 30px;}

.ticket-box .solline{border-bottom: 1px solid #038cc9;margin: 15px 0 20px;}
.ticket-box .dotline{border-bottom: 1px dotted #555;margin: 10px 0 10px;}

.ticket-type {display:block; padding:0.2em 0 0.2em;width: 500px;}
.ticket-type-ja {display: inline-block;width: 150px;padding: 0.2em 0 0.2em 1em;}
.ticket-type-en {display: inline-block;width: 350px;padding: 0.2em 0 0.2em 0;}


.ticket-pre {display:block; padding:0.2em 0 0.2em;width: 600px;}
.ticket-pre-left {display: inline-block;width:235px;padding: 0.2em 0 0.2em 0;}
.ticket-pre-right {display: inline-block;width:370px;padding: 0.2em 0 0.2em 0;}


ul.kome li {font-size:  0.8em;
  list-style-type: none;
 text-indent: -1em;
  padding: 0.1em 0.5em 0 0.9em;
}
ul.kome li:before {
  display: inline;
  content: "※";
}

ul.ten li {font-size:  0.8em;
  list-style-type: none;
 text-indent: -1em;
  padding: 0.1em 0.5em 0 0.9em;
}
ul.ten li:before {
  display: inline;
  content: "・";
}

/*木村まりによる上級者向け電子音楽講座*/
#navigation-fragment-24 ul.ten li {font-size:  0.9em;
  list-style-type: none;
 text-indent: -0.9em;
  padding: 0.1em 0.5em 0 0.9em;
}


/* ここから下がボタンのCSS　*/
#free-format-5 #main-box .btn {
  display: inline-block;
  width: 600px;
  text-align:center;
  background-color: #f0c250;
  font-size:1.1em;
  color: #333;
  text-decoration: none;
  font-weight: 600;
  padding: 10px 24px;
  border-radius: 30px;
	margin:0 0 5px 0;
}

#free-format-5 #main-box .btn:link {color: #333;text-decoration: none;}
#free-format-5 #main-box .btn:visited{color:  #333;text-decoration: none;}
#free-format-5 #main-box .btn:active {
    transform: translateY(4px);
    border-bottom: none;
}
#free-format-5 #main-box .btn:hover {color:  #333;text-decoration: none;  background-color: #ffecbd;}


#free-format-5 #main-box a:link{color: #038cc9;text-decoration: underline;}
#free-format-5 #main-box a:visited{color: #038cc9;text-decoration: underline;}
#free-format-5 #main-box a:active{color: #038cc9;text-decoration:underline;}
#free-format-5 #main-box a:hover{color: #999;text-decoration: none;}


#free-format-5 .subhead{ width: 300px; font-family: 'BIZ UDPGothic','Roboto',Helvetica, Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;font-size:1.3em;font-weight: 600;
     color: #fff;
     padding:0.5em 0.5em 0.5em 2em;
     background-color: #038cc9;
	line-height: 1.4;
	margin: 0 0 0.3em;border-radius: 50px;text-align: center;
}
#free-format-5 .subhead {
  position: relative;
  padding: 0.5em 0.5em 0.5em 1em;
}

#free-format-5 .subhead:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 10px solid transparent;
  border-top: 10px solid #038cc9;
  width: 0;
  height: 0;
}

/* ニュース*/
/* ----------------------------------------------- */



#news-2 .subhead{  font-family: 'BIZ UDPGothic','Roboto',Helvetica, Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
    color: #038cc9; font-size:1.2em;font-weight: 600;
	line-height: 1.4;
  position: relative;
  padding: 1em 0.5em 1em 1em;
  border-top: #038cc9 solid 2px;
    border-radius: 20px 0 0;background: #fff;
}

#news-2 .packs{background: #fff;
    color: #666; border-radius:0 0 20px 20px;border-top:1px dotted #038cc9;
  margin: 0;
  padding: 30px 20px 30px 20px;
  width : calc(98.9% - 30px) ;
}


/* ここから下がボタンのCSS　*/
#news-2 #main-box .btn {
  display: inline-block;
  width: 600px;
  text-align:center;
  background-color: #f0c250;
  font-size:1.1em;
  color: #333;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 24px;
  border-radius: 30px;
	margin:0 0 15px 0;
}

#news-2 #main-box .btn:link {color: #333;text-decoration: none;}
#news-2 #main-box .btn:visited{color: #333;text-decoration: none;}
#news-2 #main-box .btn:active {
    transform: translateY(4px);
    border-bottom: none;
}
#news-2 #main-box .btn:hover {color: #333;text-decoration: none;}


/* =============================================== */
/* home - トップページ用 */
/* ----------------------------------------------- */
/* メインビジュアル */
.sliderArea {
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}
.sliderArea.w300 {
 width:640px;
}
.slick-slide {
  margin: 0 5px;
}
.slick-slide img {
  width: 100%;
  height: auto;
}
.slick-prev, .slick-next {
  z-index: 1;
}
.slick-prev:before, .slick-next:before {
  color: #555;
}
.slick-slide {
  transition: all ease-in-out .3s;
  opacity: 1;
	transform: scale(0.75);
}
.slick-active {
  opacity: 1;/*transform: scale(1);*/
}
.slick-current {
  opacity: 1;
    transform: scale(1);
}
.thumb {
  margin: 20px 0 0;
}
.thumb .slick-slide {
  cursor: pointer;
}
.thumb .slick-slide:hover {
  opacity: .7;
}

/*====================================================================
.full-screen-o
====================================================================*/

.full-screen-o .slick-list {
  overflow: visible;
}
.full-screen-o.slider {
  width:640px;
  margin: 0 auto;
}
.full-screen-o .slick-dots {
    width:640px;bottom: -33px;
}
.full-screen-o .slick-dots li {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.full-screen-o .slick-dots li button {
  font-size: 0;
  line-height: 0;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  text-indent: -9999px;
  display: block;
  width: 8px;
  height: 8px;
  margin: 0 8px;
  outline: 0;
  border-radius: 5px;
  transition-duration: 0.3s;
}
.full-screen-o .slick-dots li button:before {
  content: none;
}
.full-screen-o .slick-dots li:nth-child(1) button {
  background: #009fe6;
}
.full-screen-o .slick-dots li:nth-child(2) button {
  background: #999;
}
.full-screen-o .slick-dots li:nth-child(3) button {
 background: #009fe6;
}
.full-screen-o .slick-dots li:nth-child(4) button {
  background: #999;
}
.full-screen-o .slick-dots li:nth-child(5) button {
 background: #009fe6;
}
.full-screen-o .slick-dots li:nth-child(6) button {
  background: #999;
}
.full-screen-o .slick-dots li button:hover, .full-screen-o .slick-dots li.slick-active button {
  border-radius: 0px;
  width: 12px;
  height: 12px;
}

.slider{z-index: 10;}
.moyoArea{position: relative;top:0;z-index: 9;}
.moyo1{position: absolute;top:10%;left:20%;animation:moyoing1 5s ease-in-out infinite;}
.moyo2{position: absolute;top:60%;left: 30%;animation:moyoing2 3s ease-in-out infinite alternate;}
.moyo3{position: absolute;top:10%;left: 70%;animation:moyoing3 5s linear infinite;}
.moyo4{position: absolute;top:60%;left: 60%;animation:moyoing4 8s ease-in-out infinite alternate;}
.moyo5{position: absolute;top:70%;left: 80%;animation: moyoing5 5s linear infinite;}

.img-moyo1{width: 200px;}
.img-moyo2{width: 200px;}
.img-moyo3{width: 100px;}
.img-moyo4{width: 100px;}
.img-moyo5{width: 150px;}


@keyframes moyoing1{
  0%{  transform: translateY(0px);}
  100%{  transform: translateY(50px); }
}

@keyframes moyoing2 {
	0% {
transform: translateY(0);
	}

	100% {
transform: translateY(300px);
	}
}

@keyframes moyoing3{
  0%{ transform:rotate(0);}
  100%{ transform:rotate(360deg); }
}

@keyframes moyoing4{
  0%{ transform:rotate(0);}
  100%{ transform: translateX(300px); }
}

@keyframes moyoing5{
  0%{ transform:rotate(0);}
  100%{ transform:rotate(360deg); }
}


/*ホーム見出し*/


#home-1 .subhead{font-size:3rem;font-weight: 700;
     position: relative;
     color: #068ac5;
     padding:0.5rem;
     background: none;
	line-height: 1.4;
	margin: 0 0 1.5rem;
    border:none;
}
 


/* .btn_more */
.btn_more a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 180px;
    padding: 1px 15px;
    color: #555;
    transition: 0.3s ease-in-out;
    font-weight: 600;font-size: 0.9em;
    background: #f5f5f5;
    border-radius: 50px;
    border: 0.15rem solid #333;
    box-shadow: 0.1rem 0.1rem 0px 0.1rem #333;text-decoration: none;
}
.btn_more a:hover {
  transform: translate3d(0.2rem, 0.2rem, 0);
  box-shadow: none;
  opacity: 1;
  transition: all 0.2s;
}
.btn_more a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #333;
    border-right: 3px solid #333;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}




/*先行早割チケット（期間限定）*/
#home-1 #paragraph-57{width: 100%;background: url("../imagesPC/moyo2.png") no-repeat right; }
#home-1 #paragraph-57 .pack{width: 860px;text-align: center;margin: 0 auto;min-height: 300px;}




#contents-title-home {font-family: 'Ubuntu', sans-serif;
font-size:3.2em;font-weight: 700;
     color: #068ac5;
	line-height: 1.4;
	margin: 0 0 1.5rem;
    text-align: center;
background: url("../imagesPC/contents-titlebg.png") center top no-repeat;
}




/*ニュースフィード　エリア*/

#home-1 #paragraph-56{width:100%;
	position: relative;
    padding: 0;
    margin: 30px 0 0 0;min-height: 550px;}

#home-1 #paragraph-56 #contents-title-home {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    
}


/* ニュースフィード */
#news-feed-index{width: 1000px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#news-feed-index ul{width: 1000px;
 display: flex;
 justify-content: space-around;
}

#news-feed-index h2{font-weight: 500;
  font-size: 0.9rem;
  margin: 30px auto;
  padding: 4px 0 ;
  clear: both;
	text-align: center;
}
#news-feed-index ul li{
    margin-left:150px;width:220px;
}
#news-feed-index ul li:first-child{
    margin-left:0px;
}

#news-feed-index h2 a:link {color: #111;text-decoration: none;}
#news-feed-index h2 a:visited{color: #111;text-decoration: none;}
#news-feed-index h2 a:active{color: #111;text-decoration: none;}
#news-feed-index h2 a:hover {}


.newsfeed-date{color: #555;width: 100px;font-weight:700; 
    background-image: url("../imagesPC/feed-waveline.png") ;
    background-position: bottom ;padding: 10px 0 15px;
    background-repeat: no-repeat;font-size: 0.8em;}

/*ラインナップ*/
.wrap {
  overflow: hidden;
}
#home-1 .sliderArea{position: relative;
  background: #d1effc;
  border-top-left-radius: 1000px 200px;
  border-top-right-radius: 1000px 200px;
  border-bottom-left-radius: 1000px 200px;
  border-bottom-right-radius: 1000px 200px;
  height:570px;
  margin-left: -100px;
  margin-right: -100px;
  padding:0 60px 60px;
}


/*ラインナップ*/

#home-1 #paragraph-4 #contents-title-home {
	margin: 0 0 1.5rem 210px;

}
#home-1 #paragraph-4 {
  background: #d1effc;
  border-top-left-radius: 1000px 200px;
  border-top-right-radius: 1000px 200px;
  border-bottom-left-radius: 1000px 200px;
  border-bottom-right-radius: 1000px 200px;
  height: 1600px;
  margin-left: -100px;
  margin-right: -100px;
  padding-left: 100px;
  padding-right: 100px;
}


#home-1 #paragraph-4 .pack{width: 1100px;text-align: center;margin: 0 auto;line-height:1.2;font-size:0.9em;}
#home-1 #paragraph-4 a:link{text-decoration: none; color: #555;}
#home-1 #paragraph-4 a:visited{text-decoration: none; color: #555;}
#home-1 #paragraph-4 a:active{text-decoration:none; color: #555;}
#home-1 #paragraph-4 a:hover{text-decoration: none; color: #ccc;}
#home-1 #paragraph-4 .column{margin: 0 0 30px 0;}


.lineup-box {
  font-weight: 600;
  width: 1100px;
  list-style: none;
  padding: 2em 0 0;
  margin: 0 0 0.5em;
}
.lineup-box img{
  width: 100%;
  max-width: 245px;border-radius: 50%;display: block;margin-bottom: 15px;
}
.lineup-box li {
  display: inline-block;
  padding: 5px 10px 15px 0;
  max-width:24%;background: url("../imagesPC/linup-box-bg1.png") no-repeat right center;  
}


.lineup-box li:nth-child(even){background: url("../imagesPC/linup-box-bg2.png") no-repeat right center;  }




/*ホームのボンクリとは？*/
#home-1 #paragraph-46{ width:1100px;  display: flex;
  justify-content: center;
  align-items: center;}




/*tw*/
#home-1 #paragraph-47{width: 100%;color: #555;text-align: center; background: url("../imagesPC/paragraph-4bg.jpg");
	background-size: cover;
	background-repeat: no-repeat;}
#home-1 #paragraph-47 .pack{width: 400px;text-align: center;margin: 0 auto;min-height:400px;}

#home-1 #paragraph-47 .sns p {padding: 3rem 1rem;
display: inline;font-size: 2.5rem;
 }


#home-1 #paragraph-47 .sns a:link{text-decoration: none;color: #fff;}
#home-1 #paragraph-47 .sns a:visited{text-decoration: none; color: #fff;}
#home-1 #paragraph-47 .sns a:active{text-decoration: none; color: #fff;}
#home-1 #paragraph-47 .sns a:hover{text-decoration: none; color: #eee;}


.demo_item{
	width: 118px;
    height: 34px;
    border-radius: 10px;
    background-image: url(../imagesPC/hikosen2.png);
    background-size: 100% 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    position: relative;
    

}
.demo_item.anime{
    animation-name: upDown;
    animation-iteration-count: infinite;
    animation-duration: 6s;
    animation-direction: alternate;
    animation-timing-function: steps(2);
    transition-duration: .3s;
    transition-property: transform;
}


.demo_stage{
    position: relative;
    width: 100%;
    height: 93px;
    top: 0px;
    display: block;
	/*border-bottom: solid #777 1px;*/
}


.demo_wrap{
	display: block;
    position: absolute;
    top: 20px;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-duration: 15s;
    animation-iteration-count: 1;
	margin-right: -25px;
}


.demo_wrap[data-order="left"] {
    animation-name: GoLeft;
}
.demo_wrap[data-order="right"] {
    animation-name: GoRight;
}

[data-order="right"] > .demo_item {
   /* transform: rotateY(180deg);*/
		width: 118px;
    height: 34px;
    background-image: url(../imagesPC/hikosen.png);
}

@keyframes GoLeft {
    0% {
        right: 0%;
    }
    100% {
        right: 100%;
    }
}
@keyframes GoRight {
    0% {
        right: 100%;
    }
    100% {
        right: 0;
    }
}

@keyframes upDown {
    0% {
        top: 0;
    }
    100% {
        top: 0px;
    }
}


@keyframes GoLeft {
    0% {
        right: 10%;
    }
    100% {
        right: 90%;
    }
}
@keyframes GoRight {
    0% {
        right: 90%;
    }
    100% {
        right: 10%;
    }
}

@keyframes upDown {
    0% {
        top: 0;
    }
    100% {
        top: 3px;
    }
}



/* =============================================== */
/* news - ニュースページ用 */
/* ----------------------------------------------- */
/* 記事タイトル部分（subhead内） */
.date{font-family: 'Ubuntu', sans-serif;
  font-size: 1.1em;
  display: block;
  color: #555;text-align: right;
}

.headline a:link{text-decoration: none; color: #555;}
.headline a:visited{text-decoration: none; color: #555;}
.headline a:active{text-decoration: none; color: #555;}
.headline a:hover{text-decoration: none; color: #e81c4f;}

/* 記事内カテゴリー */
.article-category {
  clear: both;
  font-size: 80%;
  text-align: right;
  padding: 1em 15px;
  margin: 0;
}
.article-category a:link{
  text-decoration: none;
  color: #555;
  padding: 0 0 0 1em;
  background-image: url('/imagesPC/allow01.gif');
  background-repeat: no-repeat;
  background-position: left;
}
.article-category a:visited{text-decoration: none; color: #555;}
.article-category a:active{text-decoration: none; color: #555;}
.article-category a:hover{text-decoration: none; color: #e81c4f;}

/* プレビュー・ネクスト */
#pager{
  text-align: center;
  clear: both;
  margin: 15px 0 30px;
  padding: 0;
}

#pager li{
  display: inline;
  margin: 0 1em;
  padding: 0;
  font-size: 80%;
}
#pager li a:link{text-decoration: none; color: #fff; background-color: #444; padding: 0.8em 1.5em; border-radius: 5px;}
#pager li a:visited{text-decoration: none; color: #fff;}
#pager li a:active{text-decoration: none; color: #fff;}
#pager li a:hover{text-decoration: none; color: #e81c4f; background-color: #555;}

.disabled{display: none;}

/* -------------------------------- 最新記事・カテゴリー・アーカイブのリスト（side-box内）-------------------------------- */
#new-entry{margin: 0 0 10px;}
#category{margin: 0 0 10px;border:1px solid #999;}
#archive{margin: 0 0 10px;border:1px solid #999;}

.home-page #new-entry{display: none;}
#home-1 article{margin: 0 auto;text-align: center;}
#home-1 #contents{width: 1140px;margin:0 auto;text-align: center;} 
#home-1 #main-box{width: 1140px;text-align: left;} 
#home-1 #side-box{display: none;}




h4{
  background-color: #999;color: #fff;
  font-size:0.8em;
  padding: 3px 10px;
  margin: 0 auto;
	text-align: center;
  border-radius: 20px  20px 0 0;
}

.side-list{
  font-size: 80%;
  margin: 0 0 10px;
}

.side-list li{
  padding: 1em;
  margin: 0 10px;
  background-image: url('/imagesPC/allow01.gif');
  background-repeat: no-repeat;
  background-position: 0 15px;
  border-bottom: 1px dotted #999;
  font-weight: 400;
}
.side-list li a:link{text-decoration: none; color: #555;}
.side-list li a:visited{text-decoration: none; color: #555;}
.side-list li a:active{text-decoration: none; color: #555;}
.side-list li a:hover{text-decoration: none; color: #e81c4f;}

/* =============================================== */
/* subnav - サブナビページ用 */
/* ----------------------------------------------- */
/* サイドメニュー（side-box内） */

#side-menu{
  width:260px;
  margin: 0 0 10px;

}

#side-menu li{margin: 0 0 3px 0;font-size: 0.85em;line-height: 1.4;}
#side-menu li a{text-decoration: none;border:1px solid #333;color: #555;display: block;width: 250px;height: 40px;border-radius: 50px;padding: 0.5em 0 0 1.1em;}
#side-menu li a:visited,
#side-menu li a:active
{text-decoration: none;}

#side-menu li a:hover,
#side-menu li.active
{text-decoration: none;background: #068ac5;color: #fff;width: 250px;height: 40px;border-radius: 50px;padding: 0.5em 0 0 1.1em;}



/* プログラム一覧 サイドナビ  */
/* ----------------------------------------------- */
#navigation-fragment-9 #side-menu li.side_program a{text-decoration: none;background:  #068ac5;color: #fff;display: block;width: 250px;height: 40px;border-radius: 50px;padding: 0.5em 0 0 1.1em;}

/* SPECIAL CONCERT A面  free-format-6 */
/* ----------------------------------------------- */
#free-format-6 #side-menu li.side_specialconcert_a a{text-decoration: none;background: #068ac5;color: #fff;display: block;width: 250px;height: 40px;border-radius: 50px;padding: 0.5em 0 0 1.1em;}

/* SPECIAL CONCERT B面  free-format-32 */
/* ----------------------------------------------- */
#free-format-32 #side-menu li.side_specialconcert_b a{text-decoration: none;background: #068ac5;color: #fff;display: block;width: 250px;height: 40px;border-radius: 50px;padding:  0.5em 0 0 1.1em;}

/* ヤン・バング  navigation-fragment-26 */
/* ----------------------------------------------- */
#navigation-fragment-26 #side-menu li.side_readingtheair a{text-decoration: none;background: #068ac5;color: #fff;display: block;width: 250px;height: 40px;border-radius: 50px;padding:  0.5em 0 0 1.1em;}

/* ヴァイオリンとモーション・センサーの部屋   navigation-fragment-30 */
/* ----------------------------------------------- */
#navigation-fragment-30 #side-menu li.side_violin a{text-decoration: none;background: #068ac5;color: #fff;display: block;width: 250px;height: 40px;border-radius: 50px;padding:  0.5em 0 0 1.1em;}

/* ファー・イースト・サウンズの部屋  navigation-fragment-28 */
/* ----------------------------------------------- */
#navigation-fragment-28 #side-menu li.side_fareastsounds a{text-decoration: none;background: #068ac5;color: #fff;display: block;width: 250px;height: 40px;border-radius: 50px;padding: 0.5em 0 0 1.1em;}

/* ファゴットの部屋  navigation-fragment-12 */
/* ----------------------------------------------- */
#navigation-fragment-12 #side-menu li.side_fagott a{text-decoration: none;background: #068ac5;color: #fff;display: block;width: 250px;height: 40px;border-radius: 50px;padding:  0.5em 0 0 1.1em;}

/* ノルウェーの部屋  navigation-fragment-27 */
/* ----------------------------------------------- */
#navigation-fragment-27 #side-menu li.side_norwegian a{text-decoration: none;background: #068ac5;color: #fff;display: block;width: 250px;height: 40px;border-radius: 50px;padding:  0.5em 0 0 1.1em;}


/* トーンマイスター石丸の部屋  navigation-fragment-14 */
/* ----------------------------------------------- */
#navigation-fragment-14 #side-menu li.side_tonmeister a{text-decoration: none;background: #068ac5;color: #fff;display: block;width: 250px;height: 40px;border-radius: 50px;padding:  0.5em 0 0 1.1em;}

/* ノマドの部屋   navigation-fragment-10 */
/* ----------------------------------------------- */
#navigation-fragment-10 #side-menu li.side_nomad a{text-decoration: none;background: #068ac5;color: #fff;display: block;width: 250px;height: 40px;border-radius: 50px;padding:  0.5em 0 0 1.1em;}


/* 木村まりによる上級者向け電子音楽講座   navigation-fragment-24 */
/* ----------------------------------------------- */
#navigation-fragment-24 #side-menu li.side_musiclecture a{text-decoration: none;background: #068ac5;color: #fff;display: block;width: 250px;height: 40px;border-radius: 50px;padding:  0.5em 0 0 1.1em;}


/* アトリウム･コンサート  navigation-fragment-17 */
/* ----------------------------------------------- */
#navigation-fragment-17 #side-menu li.side_atriumconcert a{text-decoration: none;background: #068ac5;color: #fff;display: block;width: 250px;height: 40px;border-radius: 50px;padding: 0.5em 0 0 1.1em;}

/* 電子音楽の部屋   navigation-fragment-18 */
/* ----------------------------------------------- */
#navigation-fragment-18 #side-menu li.side_electronicsmusic a{text-decoration: none;background: #068ac5;color: #fff;display: block;width: 250px;height: 40px;border-radius: 50px;padding:  0.5em 0 0 1.1em;}


/* PLANKTONの部屋   navigation-fragment-29 */
/* ----------------------------------------------- */
#navigation-fragment-29 #side-menu li.side_plankton a{text-decoration: none;background:#068ac5;color: #fff;display: block;width: 250px;height: 40px;border-radius: 50px;padding:  0.5em 0 0 1.1em;}


/* 大人ボンクリ   navigation-fragment-15 */
/* ----------------------------------------------- */
#navigation-fragment-15 #side-menu li.side_grownup a{text-decoration: none;background: #068ac5;color: #fff;display: block;width: 250px;height: 40px;border-radius: 50px;padding: 0.5rem 0 0 1rem;}

/* HISTORY  free-format-23 */
/* ----------------------------------------------- */
#paragraph-80 .packs{text-align: center;margin: 0 auto; font-family: 'Ubuntu', sans-serif;}




/* =============================================== */
/* 401,404,406 - エラーページ */
/* ----------------------------------------------- */
.error-page .column{
  margin: 0;
  padding: 0 15px 50px 0;
}

.error-page .pack p{
  padding: 30px 0 0;
  text-align: center;
}

/* =============================================== */
/* footer - フッター */
/* ----------------------------------------------- */
/* フッター大枠 */


.foot-ticket{margin: 0 auto;text-align: center;padding: 100px 0;}

#footarea{  width: 100%;min-height:483px;
  margin: 0;
  padding:100px 0 0 0;
background-image: url(../imagesPC/footbg.png) ;
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: #d1effc;
line-height: 1.4;}



#access{ width: 100%;width:900px;
display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
  text-align: center;}


.access{  width: 50%;
max-width:640px;
text-align: left;
  margin: 0;
  padding: 0
}

.meigi{  width: 40%;
  max-width: 300px;}



/* 中央部分(コピーライト等) */


.foot-copy{font-family: 'Ubuntu', sans-serif;
  margin:1rem auto;
text-align: left;
  padding: 0;
  clear: both;  font-size: 0.75em;}



/* 右部分(mincへのリンク等) */
.foot-minc{
  margin: 0;
	text-align: left;
  padding: 0.5rem 0 ;
}


.foot-copy a:link{text-decoration: none; color: #666;}
.foot-copy a:visited{text-decoration: none; color: #666;}
.foot-copy a:active{text-decoration: none; color: #666;}
.foot-copy a:hover{text-decoration: underline; color: #555;}




.sns{ margin: 10rem auto 0;width:250px;text-align: center;}

.social-links {
    width: 250px;
    margin: 18px 0 30px 0;
    padding: 0;
    font-size: 20px;
}
.social-links li {
    width: 60px;
    display: inline-block;
    padding: 0;
    margin:0 5px 0 3px;
    color: #fff;
}
.social-links li:first-child {
    margin-left: 0;
}


/* =============================================== */
/* clearfix - クリアフィックス設定 */
/* ----------------------------------------------- */
.clearfix:after {
  content:" ";
  display:block;
  clear:both;
}

/* =============================================== */
/* rollover - 画像ロールオーバー設定 */
/* ----------------------------------------------- */
a:hover img{
  -moz-opacity: 0.80;
  opacity: 0.80;
  filter: alpha(opacity=80);
}

nav a:hover img{
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}







/* =============================================== */
/* チケットページ以外のチケットリンクボタン*/
/* ----------------------------------------------- */


.btn_ticket {
  display: inline-block;
  width: 600px;
  text-align:center;
  background-color: #f0c250;
  font-size:1.1em;
  color: #333;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 20px;
  border-radius: 30px;
	margin:0 0 5px 0;
}

.btn_ticket:link {color: #333;text-decoration: none;}
.btn_ticket:visited{color: #333;text-decoration: none;}
.btn_ticket:active {
    transform: translateY(4px);
    border-bottom: none;
}
.btn_ticket:hover {color:  #333;text-decoration: none;  background-color: #ffecbd;}




/*------------------------------
演奏された楽曲一覧
------------------------------*/
#paragraph-115 .packs{font-family: 'Ubuntu', sans-serif;}



.ABC-artist{text-align: justify;line-height: 1.6;font-size:0.9em;color: #038cc9;}
.ABC-artist span{padding: 0 0.2em 0 0.4em;font-weight: 700;font-size:0.95em;}
span.ABC-count{font-weight: 700;font-size:2rem;color: #038cc9;}


.ABCorder{font-size:0.8em;margin-bottom: 1em;width: 100%;}
.ABCorder a{font-size:0.9rem;line-height: 2;text-decoration: none;padding: 0 0.2em;}

.ABCorder-box{margin:0 0 1em 0 ;}
.ABCorder-midashi{text-align: left;}
.ABCorder-txt{font-size:0.8em;}


/* アーティスト名前 */
ul.artist-list{font-weight: 600;}
ul li.artist-name{font-size: 1em;padding-top: 0.5em;}

/* 曲名 */
ul.artist-title{font-weight: 400;font-size: 1em;}
ul.artist-title li {font-size: 0.9em;
  list-style-type: none;
 text-indent: -0.9em;
  padding: 0 0.5em 0 0.9em;
}
ul.artist-title li:before {
  display: inline;
  content: "- ";
}


/*------------------------------
アコーディオン
------------------------------*/

.accordion {
width: 98%;
	margin: 10px auto 40px;
	text-align: center;
}

/* チェックボックスを非表示にする */
.accordion-hidden{
  display: none;
}

/* Question部分 */
.accordion-open {
  display: block;
  padding: 0.2em 0.5em;
font-size:1em;
background: #f5f5f5;color: #038cc9;border:1px solid #ccc;width: 98%;font-weight: 600;
  cursor: pointer;
  margin:0 auto;
	text-align: center;
}

/* Answer部分は最初は表示しない */
.accordion-close {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 0.5s;/* 表示速度の設定 */

}

/* チェックボックスにチェックが入ったらAnswer部分を表示 */
.accordion-hidden:checked + .accordion-open + .accordion-close {
  height: auto;font-size: 0.9em;
  opacity: 1;	text-align: left;
  padding: 1.5em;
	line-height: 1.75;
  background: #fff;
}


.accordion_prev {font-size:0.9rem;font-weight:400;}
.accordion_midashi {font-size:0.9rem;font-weight:600;background: #e4f9ff;padding:0.2rem 0.5rem;margin:0.5rem 0 0.5rem;}
.accordion_prof {font-size:0.8rem;font-weight:400;padding: 0 0.2rem;margin:1rem 0.5rem 0.5rem 0;background: #e4f9ff;border:1px solid #999;}


/* ポップアップ
------------------------------------------------------------------------ */
.popup {
  overflow: auto;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999999999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}

@media only screen and (max-width: 959px) {
 .popup {
  overflow: auto;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999999999;
  opacity: 0;
  visibility: hidden;
  transition: 0;
}

}
.popup.is-show {
  opacity: 1;
  visibility: visible;
}
.popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 750px;
  padding: 20px;
  background-color: #fff;
  z-index: 99999999999999;
}
@media only screen and (max-width: 959px) {
  .popup-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 98%;
    max-width: 640px;
    padding: 20px;
    background-color: #fff;
    z-index: 99999999999999;
  }
}
.popup-inner img {
  width: 100%;
}
.close-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
.close-btn i {
  font-size: 20px;
  color: #555;
}
.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .8);
  z-index: 1;
  cursor: pointer;
}

/* 左から順に文字表示
------------------------------------------------------------------------ */

.text-fadein span{
  display: inline-block;
  position: relative;
}
.text-fadein span:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  -webkit-transition: all .5s linear;
  -o-transition: all .5s linear;
  transition: all .5s linear;
}
.text-fadein.active span:before {
  width: 0%;
}




 
/*スペシャルコンサートのプログラム
------------------------------------------------------------------------ */
.maru-box{background: #fff;width: 100%; border-collapse:collapse;border-radius:20px;padding:1em 1.5em;}

.maru-box-midashi {font-size: 1.2em;margin: 0;padding: 0;line-height: 1.2;}
.maru-box-midashi span{font-size: 1.2em;margin: 0 5px 0 0 ;padding: 0;}
.maru-box span.midashi{background:#038cc9;padding:0.2em 1em;color:#f5f5f5;font-size:0.8em;border-radius:20px;width: 100px;margin: 0 15px 0 30px;}
.maru-box small.midashi{padding:0 0 0 30px;}

.maru-box .dotline{border-bottom: 1px dotted #333;margin: 10px 0 10px;}


/* 開催概要
------------------------------------------------------------------------ */
h5.midashi{padding: 0;margin: 0 0 -20px 0; font-family: 'Ubuntu', sans-serif;
color: #038cc9; font-size:2em;font-weight: 700;
	line-height: 1.4;text-align: right;
}

h5.midashi-left{padding: 0;margin: 0 0 -10px 15px; font-family: 'Ubuntu', sans-serif;
color: #038cc9; font-size:2em;font-weight: 700;
	line-height: 1.4;text-align: left;
}


.outline-box{background: #fff;width: 100%; border-collapse:collapse;border-radius:20px;}

.outline-box tr{border-bottom:1px dotted #999;}
.outline-box tr:last-child{border-bottom:none;}
.outline-box th,
.outline-box td {padding:1.5em; vertical-align: top;}

.outline-box th{width: 150px;}
.outline-box th span{background:#038cc9;padding:0.3em 1em;color:#f5f5f5;font-size:0.8em;border-radius:20px;display: block;line-height:1.2;}


/* ボンクリってなに
------------------------------------------------------------------------ */
h6.about-copy{color:#038cc9;font-size: 1.6em;margin: 0 0 15px 0 ;padding: 0;line-height: 1.4;}
.about-read{background:#038cc9;color:#f5f5f5;font-size: 1.1em;margin: 0 0 15px 0 ;padding: 1.5em;line-height: 1.8;text-align: center;border-radius:20px;letter-spacing: 0.1em;}

.about-read2 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 0;
  padding: 30px 5px 0; 
  width: 120px;
  height: 120px;
  line-height: 1.2em;
  text-align: center;
  color: #FFF;
  font-size: 1.6em;
  font-weight: bold;
  background: #038cc9;
  border-radius: 50%;
  box-sizing: border-box;
}

.about-read2:before {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #038cc9;
  z-index: 0;
}


h6.about-midashi {color: #038cc9;
	position: relative;
	font-size: 1.6em;
	text-align: center;margin:30px 0 20px;
}

h6.about-midashi::before {
	content: attr(data-number);
	display: block;
	margin-bottom: 20px;
	color: #038cc9;
	font-size: 1.6em;
}

h6.about-midashi::after {
	content: '';
	position: absolute;
	top: 60px;
	left: 50%;
	transform: translateX(-50%);
	width: 1px;
	height: 20px;
	background-color: #038cc9;
}


.about-box{background: #fff;width: 100%; border-radius:20px;margin-top: 70px;}
.about-box img{max-width: 360px;margin-top: -70px;}
.about-box p{  text-align: justify;
  text-justify: inter-ideograph;padding:  0 2em 3em;margin: 0;line-height: 2;}
.about-box dl {font-size:0.95rem;
  display: flex;
}

.about-box dt {
  width:360px;
}

.about-box dd {
  width: calc(100% - 360px);
}


/* ------------------------------------------------------------------- 
 * e.t.c
/*-------------------------------------------------------------------*/
.pc {
  display: block !important;
}
.sp {
  display: none !important;
}
/* ------------------------------------------------------------------- 
 * responsive:
 *  e.t.c
 * ------------------------------------------------------------------- */
@media screen and (max-width: 991px) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
} /*end*/








/* =============================================== */
/* etc*/
/* ----------------------------------------------- */
.mt-1, .pt-1 {
  padding-top: 0.5rem;
}
.mt-2, .pt-2 {
  padding-top: 1rem;
}
.mt-3, .pt-3 {
  padding-top: 1.5rem;
}
.mt-4, .pt-4 {
  padding-top: 2rem;
}
.mt-5, .pt-5 {
  padding-top: 2.5rem;
}
.mb-1, .pb-1 {
  padding-bottom: 0.5rem;
}
.mb-2, .pb-2 {
  padding-bottom: 1rem;
}
.mb-3, .pb-3 {
  padding-bottom: 1.5rem;
}
.mb-4, .pb-4 {
  padding-bottom: 2rem;
}
.mb-5, .pb-5 {
  padding-bottom: 2.5rem;
}