@charset "utf-8";
/* pf-clsc_common.css追加 PC用css */
/* -------------------------------------- 共通クラス */
.bg1 {
  color: #FFFFFF;
  background-image: url("../clsc-img/piano-mth-bg1.png");
  background-position: left top;
  background-size: 130px 130px;
}
.bg2 {
  background-image: url("../clsc-img/piano-mth-bg2.png");
  background-position: left top;
  background-size: 130px 130px;
}
.img-ttl {
  display: block;
  height: 0;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  overflow: hidden;
}
.lf-border {
  margin-bottom: 1em !important;
  padding-left: .5em;
  border-left: 20px solid #4B0E00;
  font-size: 2.4em;
  line-height: 1.2;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-weight: bold;
  font-feature-settings: "palt";
}
.ct-subttl {
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 2em;
  font-feature-settings: "palt";
  font-weight: bold;
  text-align: center;
}
.brown-bg, .contentbox h2 {
  margin: 0;
  padding: .5em 0;
  color: #FFFFFF;
  text-align: center;
  font-size: 1.8em;
  font-weight: bold;
  background-image: -webkit-linear-gradient(270deg,rgba(85,33,19,1.00) 0%,rgba(71,15,0,1.00) 100%);
  background-image: -moz-linear-gradient(270deg,rgba(85,33,19,1.00) 0%,rgba(71,15,0,1.00) 100%);
  background-image: -o-linear-gradient(270deg,rgba(85,33,19,1.00) 0%,rgba(71,15,0,1.00) 100%);
  background-image: linear-gradient(180deg,rgba(85,33,19,1.00) 0%,rgba(71,15,0,1.00) 100%);
  box-shadow: 0 5px 5px 0 rgba(0,0,0,0.4);
}
.sugoibox strong, .rsnbox strong, .contentbox strong {
  color: #BD2901;
}
/* -------------------------------------- ページ内リンク位置調整 */
/*#tokucho, #naiyou, #sample, #qa, #voice {
  margin-top: 0;
  padding-top: 0;
}*/
/* -------------------------------------- キャッチ .catch */
.catch {
  padding: 0;
  background-image: url("../clsc-img/pf-clsc_catch-bg.jpg");
  background-repeat: repeat-x;
  background-position: left top;
  background-size: 2px 650px;
}
.catch picture {
  display: block;
  width: 980px;
  margin: 0 auto;
}
.catch-sub {
  color: #FFFFFF;
  background-color: #460000;
}
.catch-sub .img-ttl {
  margin-bottom: .5em;
  padding-top: 104px;
  background-image: url("../clsc-img/pf-clsc_catch-ttl.png");
  background-size: 504px 104px;
  background-position: left top;
}
.catch-sub .sub-thumb {
  margin: -40px 0 0;
  float: right;
}
.catch-sub .sub-thumb img {
  width: 468px;
  height: 123.5px;
}
.catch-sub .minbox {
  margin: 0 0 1em;
  font-size: .9em;
  letter-spacing: -0.01em;
}
.catch-sub .subbox {
  display: flex;
  align-items: center;
  clear: both;
  padding: .5em 1em;
  color: #3D232B;
  background-color: #FFFFFF;
  border: 1px solid #181818;
}
.catch-sub .subbox p {
  margin-bottom: 0;
}
.catch-sub .subbox p:first-child {
  width: 320px;
  margin-right: 2em;
  color: #BD2901;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  border-right: 1px solid #181818;
}
/* -------------------------------------- お久しぶりです .hello */
.hello {
  position: relative;
}
.hello .umino-img {
  display: block;
  width: 200px;
  padding-top: 255px;
  background-image: url("../clsc-img/pf_umino-img.jpg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 200px 255px;
  position: absolute;
  left: 115px;
  top: 110px;
}
.hello h2 {
  margin: .5em 0;
  color: #650000;
  font-size: 3.4rem;
  text-align: center;
  border-bottom: 1px solid #000;
}
.hello p {
  width: 550px;
  margin: 20px 0 0 335px;
}
/* -------------------------------------- 導入 .intro */
.intro h2 {
  position: relative;
}
.intro h2 .img-ttl {
  margin: 0;
  padding-top: 210px;
  background-image: url("../clsc-img/pf-clsc_intro-ttl_pc.png");
  background-size: 980px 210px;
  position: relative;
  z-index: 10;
}
.intro h2.full-bg::after {
  content: "";
  display: block;
  width: 100%;
  height: 173px;
  background-image: -webkit-linear-gradient(90deg,rgba(71,0,0,1.00) 0%,rgba(102,0,0,1.00) 100%);
  background-image: -moz-linear-gradient(90deg,rgba(71,0,0,1.00) 0%,rgba(102,0,0,1.00) 100%);
  background-image: -o-linear-gradient(90deg,rgba(71,0,0,1.00) 0%,rgba(102,0,0,1.00) 100%);
  background-image: linear-gradient(0deg,rgba(71,0,0,1.00) 0%,rgba(102,0,0,1.00) 100%);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
}
.intro p.img-ttl {
  padding-top: 290px;
  background-image: url("../clsc-img/pf-clsc_intro-bg_pc.png");
  background-size: 980px 290px;
}
.intro .minbox {
  margin-top: -145px;
}
/* -------------------------------------- ズラリ .zurari */
.zurari h2.img-ttl {
  padding-top: 80px;
  background-image: url("../clsc-img/pf-clsc_zurari-ttl.png");
  background-size: 770px 80px;
}
.slider-bg {
  height: 340px;
  padding: 14px 0;
  margin-bottom: 1em;
  background-image: url("../clsc-img/pf-clsc_slider-bg.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 980px 340px;
}
.slider {
  width: 950px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.slider-inner {
  width: 6768px;
  overflow: hidden;
  white-space: nowrap;
  -webkit-animation-name: marquee;
  -webkit-animation-timing-function: linear;
  -webkit-animation-duration: 180s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: marquee;
  -moz-animation-timing-function: linear;
  -moz-animation-duration: 180s;
  -moz-animation-iteration-count: infinite;
  -ms-animation-name: marquee;
  -ms-animation-timing-function: linear;
  -ms-animation-duration: 180s;
  -ms-animation-iteration-count: infinite;
  -o-animation-name: marquee;
  -o-animation-timing-function: linear;
  -o-animation-duration: 180s;
  -o-animation-iteration-count: infinite;
  animation-name: marquee;
  animation-timing-function: linear;
  animation-duration: 180s;
  animation-iteration-count: infinite;
}
@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}
.slider p {
  display: inline-block;
  margin-left: -7px;
  width: 2256px;
}
/* -------------------------------------- 試聴動画 .movie */
.movie h2.img-ttl {
  padding-top: 70px;
  background-image: url("../clsc-img/pf-clsc_movie-ttl.gif");
  background-size: 880px 70px;
}
.movie .movie_info {
  padding-top: .5em;
  font-size: .8em;
  text-align: center;
}
/* -------------------------------------- ここが凄い！！ .sugoi */
.sugoi {
  padding: 60px 0 410px;
  background-image: url("../clsc-img/pf-clsc_repertory_pc.jpg"), url("../clsc-img/piano-mth-bg2.png");
  background-repeat: no-repeat, repeat;
  background-position: center bottom 20px, top left;
  background-size: 980px 410px, 130px 130px;
}
.sugoi h2.img-ttl {
  margin-bottom: 1em;
  padding-top: 230px;
  background-image: url("../clsc-img/pf-clsc_sugoi-ttl_pc.png");
  background-size: 940px 230px;
}
.sugoi .brown-bg {
  max-width: 860px;
  margin: 0 auto;
}
.sugoibox {
  width: 860px;
  margin: 0 auto;
  padding: 30px 60px;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  box-shadow: 0 5px 5px 0 rgba(0,0,0,0.4);
  position: relative;
}
.sugoibox::after {
  content: "";
  display: block;
  width: 80%;
  height: 1px;
  background-color: #470F00;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.sugoibox.no3::after {
  display: none;
}
.sugoibox.no1 {
  padding-top: 1em;
  background-image: url("../clsc-img/pf-clsc_sugoi-img01_pc.png");
  background-size: 220px 280px;
  background-position: right 60px top 30px;
}
.sugoibox.no2 {
  background-image: url("../clsc-img/pf-clsc_sugoi-img02.jpg");
  background-size: 375px 210px;
  background-position: right 60px bottom 30px;
}
.sugoibox.no3 {
  background-image: url("../clsc-img/pf-clsc_sugoi-img03.jpg");
  background-size: 375px 210px;
  background-position: right 60px bottom 80px;
}
.sugoibox h3 {
  margin-bottom: 1em;
  padding-left: 120px;
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 1.2;
  position: relative;
}
.sugoibox h3 .sugoi-icon {
  display: block;
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100px 100px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.sugoibox.no1 h3 .sugoi-icon {
  background-image: url("../clsc-img/sugoi_icon01.png");
}
.sugoibox.no2 h3 .sugoi-icon {
  background-image: url("../clsc-img/sugoi_icon02.png");
}
.sugoibox.no3 h3 .sugoi-icon {
  background-image: url("../clsc-img/sugoi_icon03.png");
  top: 0;
  transform: none;
}
.sugoibox p {
  margin-bottom: .5em;
}
/* -------------------------------------- 楽しく続く理由 .rsn */
.rsn {
  padding: 60px 0;
  color: inherit;
}
.rsn h2.img-ttl {
  margin-bottom: 1em;
  padding-top: 120px;
  background-image: url("../clsc-img/pf-clsc_rsn-ttl_pc.png");
  background-size: 980px 120px;
}
.rsnbox {
  width: 860px;
  min-height: 220px;
  margin: 0 auto 10px;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  box-shadow: inset 0 0 5px 5px #fff, 0 5px 5px 0 rgb(0 0 0 / 40%);
  position: relative;
}
.rsn .flexbox {
  justify-content: space-between;
  align-items: stretch;
  width: 860px;
  margin: 0 auto;
}
.rsnbox.no3, .rsnbox.no4, .rsnbox.no5 {
  width: 280px;
  min-height: 300px;
  margin: 0;
}
.rsnbox.no1 {
  padding-bottom: .5em;
  background-image: url("../clsc-img/pf-clsc_rsn01-img.jpg");
  background-size: 375px 260px;
  background-position: right top;
}
.rsnbox.no2 {
  padding-bottom: .5em;
  background-image: url("../clsc-img/pf-clsc_rsn02-img.jpg");
  background-size: 375px 260px;
  background-position: right bottom;
}
.rsnbox .img-ttl {
  background-position: left top;
}
.rsnbox.no1 h3.img-ttl {
  padding-top: 80px;
  background-image: url("../clsc-img/pf-clsc_rsn01.png");
  background-size: 375px 80px;
}
.rsnbox.no2 h3.img-ttl {
  padding-top: 80px;
  background-image: url("../clsc-img/pf-clsc_rsn02.png");
  background-size: 375px 80px;
}
.rsnbox.no3 h3.img-ttl {
  padding-top: 230px;
  background-image: url("../clsc-img/pf-clsc_rsn03_pc.jpg");
  background-size: 280px 230px;
}
.rsnbox.no4 h3.img-ttl {
  padding-top: 230px;
  background-image: url("../clsc-img/pf-clsc_rsn04.jpg");
  background-size: auto 230px;
}
.rsnbox.no5 h3.img-ttl {
  padding-top: 230px;
  background-image: url("../clsc-img/pf-clsc_rsn05_pc.png");
  background-size: 280px 230px;
}
.rsnbox p {
  padding: 0 20px;
}
.rsnbox.no1 p,
.rsnbox.no2 p {
  margin-top: -1em;
  padding: 0 0 0 65px;
}
/* -------------------------------------- レッスン曲試聴 .sample */
.sample {
  padding: 60px 0;
}
.sample h2.img-ttl {
  width: 980px;
  margin: 0 auto;
  padding-top: 50px;
  background-image: url("../clsc-img/pf-clsc_sample-ttl_pc.png");
  background-size: 700px 50px;
  position: relative;
}
.sample h2.img-ttl::before,
.sample h2.img-ttl::after {
  content: "";
  display: block;
  width: 135px;
  padding-top: 45px;
  background-image: url("../clsc-img/pf-clsc_ttl-mark.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 135px 45px;
  position: absolute;
  bottom: 0;
}
.sample h2.img-ttl::before {
  left: 0;
}
.sample h2.img-ttl::after {
  right: 0;
  transform: scale(-1, 1);
}
.sample .full-w {
  text-align: center;
}
.playinfo {
  width: 670px;
  margin: 0 auto;
  padding-left: 150px;
  text-align: left;
  background-image: url("../clsc-img/pf-clsc_play-btn-img.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 130px 50px;
}
.sample-music {
  width: 860px;
  margin: 0 auto;
  border: 1px solid #000;
}
.sample-music tr {
  border-bottom: 1px solid #d4b788;
}
.sample-music thead th,
.sample-music tbody th,
.sample-music tbody td {
  border-right: 1px solid #d4b788;
}
.sample-music tbody tr:last-child,
.sample-music tr th:last-child,
.sample-music tr td:last-child {
  border: none;
}
.sample-music th,
.sample-music td {
  padding: .5em .6em;
}
.sample-music th {
  color: #FFFFFF;
  text-align: center;
  background-color: #460000;
}
.sample-music tbody th {
  width: 195px;
  font-size: 1.8rem;
}
.sample-music td:first-of-type {
  background-color: #FFF2DD;
}
.sample-music td h3 {
  margin-bottom: 0;
}
.sample-music td h3::before {
  content: "♪";
  margin-right: .5em;
}
.sample-music td p {
  font-size: 1.6rem;
}
.sample-music .pc_view, 
.sample-music .is-pc {
  display: table-header-group;
}
.sample-music h3.ltsp {
  font-size: 1.78rem;
  letter-spacing: -.05em;
}
/* オーディオスタイル調整 */
.sample-music td:first-of-type .plyr--audio .plyr__controls {
  background-color: #FFF2DD;
}
/* -------------------------------------- 同梱内容 .setitem */
.setitem {
  padding: 60px 0;
}
h2.alpha {
  width: 880px;
  padding: .5em 0;
  margin: 0 auto;
  background-image: -webkit-linear-gradient(90deg,rgba(61,27,14,1.00) 0%,rgba(106,64,37,1.00) 100%);
  background-image: -moz-linear-gradient(90deg,rgba(61,27,14,1.00) 0%,rgba(106,64,37,1.00) 100%);
  background-image: -o-linear-gradient(90deg,rgba(61,27,14,1.00) 0%,rgba(106,64,37,1.00) 100%);
  background-image: linear-gradient(0deg,rgba(61,27,14,1.00) 0%,rgba(106,64,37,1.00) 100%);
  box-shadow: 0 .2em .3em 0 rgba(0,0,0,.4);
  position: relative;
  z-index: 10;
}
.setitem h2.alpha .img-ttl {
  padding-top: 50px;
  background-image: url("../clsc-img/pf-clsc_setitem-ttl_pc.png");
  background-size: 820px 50px;
}
.setitem .setbox {
  width: 880px;
  margin: 0 auto;
  padding: 30px;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
}
.setitem .setbox h3.img-ttl {
  margin-bottom: 1em;
  background-position: left 20px top;
  border-left: 16px solid #460000;
}
.setitem .setbox.no1 h3.img-ttl {
  padding-top: 100px;
  background-image: url("../clsc-img/pf-clsc_setitem-subttl01.png");
}
.setitem .setbox.no2 h3.img-ttl {
  padding-top: 60px;
  background-image: url("../clsc-img/pf-clsc_setitem-subttl02_pc.png");
}
.setitem .setbox.no1 {
  background-image: url("../clsc-img/pf-clsc_setitem-img01.jpg");
  background-size: 340px 300px;
  background-position: right 20px top 160px;
}
.setitem .setbox.no2 {
  padding-bottom: 100px;
  background-image: url("../clsc-img/pf-clsc_setitem-img02.jpg");
  background-size: 220px 264px;
  background-position: right 120px top 120px;
}
.setitem .setbox p {
  margin: 0 0 .5em 40px;
}
/* -------------------------------------- 各編詳細 .item */
.item {
  padding: 60px 0;
}
.item h2.img-ttl {
  padding-top: 120px;
  background-image: url("../clsc-img/pf-clsc_naiyou-ttl_pc.png");
  background-size: 900px 120px;
}
.item p.img-ttl {
  padding-top: 60px;
  background-image: url("../clsc-img/pf-clsc_naiyou-subttl.png");
  background-size: 580px 60px;
}
.composer {
  width: 880px;
  margin: 1em auto;
  padding: 50px 0 0;
  color: #000000;
  background-color: #FFFFFF;
  box-shadow: 0 5px 5px 0 rgba(0,0,0,0.4);
  position: relative;
  background-image: -webkit-linear-gradient(270deg,rgba(245,239,225,1.00) 5%,rgba(255,255,255,1.00) 10%);
  background-image: -moz-linear-gradient(270deg,rgba(245,239,225,1.00) 5%,rgba(255,255,255,1.00) 10%);
  background-image: -o-linear-gradient(270deg,rgba(245,239,225,1.00) 5%,rgba(255,255,255,1.00) 10%);
  background-image: linear-gradient(180deg,rgba(245,239,225,1.00) 5%,rgba(255,255,255,1.00) 10%);
}
.composer::before,
.composer::after {
  content: "";
  width: 120px;
  height: 300px;
  background-image: url("../clsc-img/pf-clsc_composer_frm.png");
  background-repeat: no-repeat;
  background-size: 240px 400px;
  position: absolute;
  top: 0;
}
.composer::before {
  background-position: left top;
  left: 0;
}
.composer::after {
  background-position: right top;
  right: 0;
}
.composer h2.img-ttl {
  padding-top: 240px;
  margin: 0;
  background-image: url("../clsc-img/pf-clsc_composer_ttl01.jpg");
  background-size: 750px 1440px;
  backgorund-position: center bottom;
  position: relative;
  z-index: 10;
}
.composer#bach h2.img-ttl {
  background-position: center top;
}
.composer#mozart h2.img-ttl {
  background-position: center top -242px;
}
.composer#beethoven h2.img-ttl {
  background-position: center top -482px;
}
.composer#chopin h2.img-ttl {
  background-position: center top -722px;
}
.composer#schumann h2.img-ttl {
  background-position: center top -962px;
}
.composer#liszt h2.img-ttl {
  background-position: center top -1202px;
}
.composer#brahms h2.img-ttl {
  background-image: url("../clsc-img/pf-clsc_composer_ttl02.jpg");
  background-position: center top;
}
.composer#tchaikovsky h2.img-ttl {
  background-image: url("../clsc-img/pf-clsc_composer_ttl02.jpg");
  background-position: center top -242px;
}
.composer#elgar h2.img-ttl {
  background-image: url("../clsc-img/pf-clsc_composer_ttl02.jpg");
  background-position: center top -482px;
}
.composer#debussy h2.img-ttl {
  background-image: url("../clsc-img/pf-clsc_composer_ttl02.jpg");
  background-position: center top -722px;
}
.composer#rachmaninov h2.img-ttl {
  background-image: url("../clsc-img/pf-clsc_composer_ttl02.jpg");
  background-position: center top -962px;
}
.composer#gershowitz h2.img-ttl {
  background-image: url("../clsc-img/pf-clsc_composer_ttl02.jpg");
  background-position: center top -1202px;
}
.composer h3 {
  height: 80px;
  margin: 0 0 1em;
  padding: 1em 0 1em 300px;
  color: #5C1800;
  font-size: 1.2em;
  background-color: #C79372;
  box-shadow: 0 5px 5px 0 rgba(0,0,0,0.4);
  position: relative;
  z-index: 10;
}
.musicbox h3.line2 {
  padding: .5em 0 .5em 300px;
  line-height: 1.2;
} 
.composer h3 .hen {
  display: block;
  width: 250px;
  height: 80px;
  padding: 1em 0;
  color: #FFFFFF;
  text-align: center;
  background-color: #5C1800;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.composer h3::after {
  content: "";
  width: 50px;
  height: 80px;
  background-color: #5C1800;
  transform: skewX(-20deg);
  box-shadow: 5px 0 5px 0 rgba(0,0,0,0.4);
  position: absolute;
  top: 0;
  left: 225px;
}
.musicbox {
  margin: 0 1em 1em;
  background-color: #c6c6c6;
  overflow: hidden;
}
.musicbox .lsnimg {
  display: block;
  width: 250px;
  height: 140px;
  background-repeat: no-repeat;
}
#bach .musicbox .lsnimg {
  background-image: url("../clsc-img/mth01_img.jpg");
  background-size: 250px 1120px;
}
#mozart .musicbox .lsnimg {
  background-image: url("../clsc-img/mth02_img.jpg");
  background-size: 250px 1120px;
}
#beethoven .musicbox .lsnimg {
  background-image: url("../clsc-img/mth03_img.jpg");
  background-size: 250px 840px;
}
.musicbox .lsnimg.no1 {
  margin: 0 0 0 40px;
  background-position: left top;
}
#beethoven .musicbox .lsnimg.no1,
#beethoven .musicbox .lsnimg.no5 {
  margin: 0;
}
.musicbox .lsnimg.no2 {
  background-position: left top -140px;
}
.musicbox .lsnimg.no3 {
  background-position: left top -280px;
}
.musicbox .lsnimg.no4 {
  background-position: left top -420px;
}
.musicbox .lsnimg.no5 {
  margin: 0 0 0 40px;
  background-position: left top -560px;
}
.musicbox .lsnimg.no6 {
  background-position: left top -700px;
}
.musicbox .lsnimg.no7 {
  background-position: left top -840px;
}
.musicbox .lsnimg.no8 {
  background-position: left top -980px;
}
#bach .musicbox ol,
#mozart .musicbox ol {
  width: 500px;
}
.musicbox ol {
  width: 100%;
  margin: 0 0 0 40px;
}
.musicbox ol li {
  padding: .1em 0 .1em 5.2em;
  font-size: .9em;
  text-indent: -5.2em;
}
.musicbox .lsn-no {
  display: inline-block;
  width: 6em;
  margin-right: .5em;
  padding: .2em .5em;
  color: #FFFFFF;
  font-size: .8em;
  text-align: center;
  white-space: nowrap;
  text-indent: 0;
  background-color: #5C1800;
}
.musicbox .flexbox.pc_view, 
.musicbox .flexbox.is-pc {
  margin: 1em 40px;
  justify-content: space-between;
}
.musicbox .minbox {
  width: 760px;
}
.musicbox .minbox p {
  margin-bottom: 0;
}
.musicbox .trial-ttl {
  width: 500px;
  margin: 2em auto 0;
  color: #274d15;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
}
.musicbox .trial-ttl.line2 {
  line-height: 1.2;
}
.musicbox .plyr--audio .plyr__controls {
  width: 500px;
  padding: 20px 20px;
  margin: 0 auto 30px;
  border-radius: 10px;
  filter: drop-shadow(5px 5px 5px #aaa);
}
/* -------------------------------------- 受講方法 .course */
.course .ylw-arrow {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: .5em;
  border-style: solid;
  border-width: 60px 130px 0 130px;
  border-color: #edc15a transparent transparent transparent;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  filter: drop-shadow(0 .3em .3em rgba( 0, 0, 0, 0.3));
}
.course h2.img-ttl {
  margin-top: -30px;
  padding-top: 160px;
  background-image: url("../clsc-img/pf-clsc_course-ttl_pc.png");
  background-size: 980px 160px;
}
.crs-tbl {
  display: table;
  width: 880px;
  margin: 0 auto;
  border-collapse: separate;
}
.crs-tbl thead.pc_view, 
.crs-tbl thead.is-pc {
  display: table-header-group;
}
.crs-tbl thead.pc_view th, 
.crs-tbl thead.is-pc th {
  color: #FFFFFF;
  font-size: 1.6rem;
  font-weight: normal;
  text-align: center;
  background-color: #470000;
}
.crs-tbl th,
.crs-tbl td {
  display: table-cell;
  padding: .5em;
  /*width: 96vw;
  margin-bottom: 3px;*/
}
/*.crs-tbl th,
.crs-tbl td {
  position: relative;
}*/
.crs-tbl tbody th {
  width: 160px;
  text-align: center;
}
.crs-tbl td:first-of-type {
  width: 240px;
  /*padding-top: 2.5em;*/
}
.crs-tbl td:nth-of-type(2) {
  width: 170px;
  text-align: center;
}
.crs-tbl td:nth-of-type(3) {
  padding-bottom: 0;
}
/*.crs-tbl td::before {
  content: "";
  display: block;
  width: 96vw;
  padding: .5em;
  color: #FFFFFF;
  font-size: .8em;
  background-color: #6A362A;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.crs-tbl td:first-of-type::before {
  content: "特徴";
}
.crs-tbl td:nth-of-type(2)::before {
  content: "1レッスン当たりの費用（DVDでお届けの場合）";
}
.crs-tbl td:nth-of-type(3)::before {
  content: "こんな人にオススメ！";
}*/
.mth-crs th {
  color: #FFFFFF;
  background-color: #773344;
}
.mth-crs td {
  background-color: #FFE5EC;
}
.bulk-crs th {
  color: #FFFFFF;
  background-color: #F75C03;
}
.bulk-crs td {
  background-color: #FFEFE5;
}
.sin-crs th {
  color: #FFFFFF;
  background-color: #087E8B;
}
.sin-crs td {
  background-color: #E5FCFF;
}
/*.crs-tbl td.lnkbtn {
  padding: .5em 0;
}
.crs-tbl td.lnkbtn::before {
  content: none;
}*/
.crs-tbl p {
  margin-bottom: .5em;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.2;
}
.crs-tbl p::before {
  content: "\02022";
  display: inline-block;
  width: 1em;
  text-indent: 0;
}
.lnkbtn a {
  display: block;
  width: 750px;
  margin: 30px auto;
  padding: 20px 0;
  color: #FFFFFF;
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 2px 3px rgba(0,0,0,.4);
  box-shadow: 0 3px 3px rgba(0,0,0,.4);
  border-radius: .5em;
  position: relative;
}
.lnkbtn a::before {
  content: "";
  width: 30px;
  height: 30px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  filter: drop-shadow(0 1px 1px rgba( 0, 0, 0, 0.8));
  transition: .5s;
}
.lnkbtn a:hover::before {
  right: 30px;
}
.lnkbtn.mth a {
  background-image: -webkit-linear-gradient(90deg,rgba(117,42,58,1.00) 70%,rgba(154,66,88,1.00) 100%);
  background-image: -moz-linear-gradient(90deg,rgba(117,42,58,1.00) 70%,rgba(154,66,88,1.00) 100%);
  background-image: -o-linear-gradient(90deg,rgba(117,42,58,1.00) 70%,rgba(154,66,88,1.00) 100%);
  background-image: linear-gradient(0deg,rgba(117,42,58,1.00) 70%,rgba(154,66,88,1.00) 100%)
}
.lnkbtn.bulk a {
  background-image: -webkit-linear-gradient(90deg,rgba(247,75,3,1.00) 70%,rgba(249,119,4,1.00) 100%);
  background-image: -moz-linear-gradient(90deg,rgba(247,75,3,1.00) 70%,rgba(249,119,4,1.00) 100%);
  background-image: -o-linear-gradient(90deg,rgba(247,75,3,1.00) 70%,rgba(249,119,4,1.00) 100%);
  background-image: linear-gradient(0deg,rgba(247,75,3,1.00) 70%,rgba(249,119,4,1.00) 100%)
}
.lnkbtn.sin a {
  background-image: -webkit-linear-gradient(90deg,rgba(8,103,123,1.00) 70%,rgba(10,163,173,1.00) 100%);
  background-image: -moz-linear-gradient(90deg,rgba(8,103,123,1.00) 70%,rgba(10,163,173,1.00) 100%);
  background-image: -o-linear-gradient(90deg,rgba(8,103,123,1.00) 70%,rgba(10,163,173,1.00) 100%);
  background-image: linear-gradient(0deg,rgba(8,103,123,1.00) 70%,rgba(10,163,173,1.00) 100%)
}
.linkbox {
  margin: 30px 0 60px;
}
/*.linkbox a {
  margin: .5em 0 1em;
}*/
/* -------------------------------------- Q＆A #qa */
#qa {
  width: 880px;
  margin: 0 auto;
}
#qa h2.alpha {
  margin-bottom: 1em;
}
#qa h2.alpha .img-ttl {
  padding-top: 60px;
  background-image: url("../clsc-img/pf-clsc_qa-ttl.png");
  background-size: 140px 60px;
}
#qa p.img-ttl {
  margin-bottom: 1em;
  padding-top: 40px;
  background-image: url("../clsc-img/pf-clsc_qa-subttl.png");
  background-size: 700px 40px;
}
#qa dl {
  width: 750px;
  margin: 2em auto;
  background-color: #FFFFFF;
}
#qa dt {
  padding: 20px 40px 20px 100px;
  color: #FFFFFF;
  font-size: 1.2em;
  font-weight: bold;
  background-color: #bd2901;
  background-image: url("../clsc-img/pf-clsc_qa-q-icon.gif");
  background-repeat: no-repeat;
  background-position: left 20px top 5px;
  background-size: 80px 80px;
  overflow: hidden;
}
#qa dd {
  margin: 0 0 10px 0;
  padding: 20px 20px 20px 100px;
  background-color: #eed6b2;
  background-image: url("../clsc-img/pf-clsc_qa-a-icon.gif");
  background-repeat: no-repeat;
  background-position: left 10px top 10px;
  background-size: 80px 80px;
}
#qa dd p {
  margin: 0;
}
/* -------------------------------------- 感想 #voice */
#voice {
  width: 780px;
  margin: 0 auto;
}
#voice h2.alpha {
  width: 780px;
  margin-bottom: .5em;
}
#voice h2.alpha .img-ttl {
  padding-top: 50px;
  background-image: url("../clsc-img/pf-clsc_voice-ttl.png");
  background-size: 290px 50px;
}
#voice .contentbox {
  width: 780px;
  padding: 1em 40px;
  margin: 20px auto;
}