@charset "UTF-8";
/*
Theme Name: チュ・ヒョンミカスタムテーマ
Author:
Description: original theme
Version: 1.0
License: 
License URI: 
*/
html {
  font-size: 62.5%;
  height:100%;
}
body {
  font-family: 'PT Serif','Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
  font-size: 1.6rem;
  height:100%;
}
p { text-align: justify; }
/* reset */
.ul {
  margin: 0;
  padding: 0;
  list-style-type:none;
}
.a {
  color: #222;
  text-decoration: none;
}
.dl, .dl * {
  margin: 0;
  padding: 0;
}
/* loding keyframe animation */
.sk-cube-wrap {
  width: 100vw;
  height: 100%;;
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 999;
  background: #fff;
}
.sk-cube-grid {
  width: 40px;
  height: 40px;
}
.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #F084B4;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  }
}
/* btn pageTop */
.btn-pageTop {
  width: 60px;
  height: 60px;
  line-height: 80px;
  background: #F084B4;
  border-radius: 50%;
  text-align: center;
  position: fixed;
  bottom: 20px;
  right: 20px;
  box-shadow: 0 0 2px #950081;
  z-index: 998;
}
.btn-pageTop span {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: rotate(45deg);
}

/* font-size modifier */
.font-size14 { font-size: 1.4rem; }
.font-size100 { font-size: 10.0rem; }
/* text-color modifier */
.color-bk {
  color: #222;
}
/* font awesome color */
.fa_purple { color: #950081; }
/* hedaer */
.fix-header {
  position: fixed;
  top: 0;
  left:0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 74px;
  background: #fff;
  border-bottom: 6px solid #950081;
  z-index: 100;
}
.fix-header__logo {
  margin-left: 4%;
  margin-top:12px;
  margin-bottom:12px;
}
.logo__main {
  padding:0;
  margin: 0;
}
.logo__main a {
  color: #222;
  text-decoration: none;
}
.logo__main a:hover {
  color: #F084B4;
}
.logo__main span {
  display: inline-block;
  font-family: 'Kaushan Script', cursive;
  font-size: 2.2rem;
  letter-spacing: 0.1rem;
  padding-bottom: 4px;
}
/* header > nav */
.fix-header__nav {
  position: relative;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  max-width: 960px;
  min-width: 50%;
  padding-right: 4%;
  font-size: 1.7rem;
}
.nav__item {
  width: 20%;
}
.nav__item span {
  display: inline-block;
  padding-bottom: 4px;
}
.nav__item a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 15px 0;
  text-align: center;
  -webkit-transition: .4s;
  transition: .4s;
}
.nav__item:hover a {
  color:#F084B4;
}
/* nav-toggle */
#fix-header__nav-toggle {
  display: none;
}
/* mega-menu*/
.fix-header__nav > li:hover .nav__megamenu-wrap {
  max-height: 9999px;
  opacity: 1;
  padding: 32px 0 0 0;
}
.nav__megamenu-wrap {
  position: absolute;
  top: 76px;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-height: 0;
  border-bottom: 1px solid #9e9e9ec4;
  background: #fff;
  opacity: 0;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
}
.megamenu-wrap__inner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 80%;
  padding: 0;
}
.megamenu-wrap__inner li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 22%;
  margin-right: 4%;
  padding:0;
  font-size: 1.6rem;
  line-height: 2;
  text-align: center;
}
/*
.megamenu-item:nth-child(4){
  margin-right: 0;
}
.megamenu-item div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 24%;
  padding: 4px;
  margin: 0 auto 8px auto;
  border-radius: 3px;
}
.megamenu-item img {
  width: 100%;
  height: auto;
  padding:0;
  margin: 0;
} */
/* top-main */
.top-main {
  width: 100%;
  height: 100%;
  min-height: 800px;
}
/* top-main > over-view */
.top-main__over-view{
  position: absolute;
  bottom: 22%;
  left: 4%;
  width: 644px;
  height: auto;
  padding: 0;
  color: #fff;
}
@media screen and ( max-width:600px) {
  .top-main__over-view{
    bottom: 28%;
  }
}
.over-view__main-ttl { /* for ie11 support */
  font-family: 'Kaushan Script', cursive;
  letter-spacing: 0.3rem;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 11.7rem;
  text-shadow: 4px 3px 0px #fff,
  9px 8px 0px rgba(0,0,0,0.3);
  background: #a1008c;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.over-view__sub1-ttl {
  width: 98%;
  margin: 0;
  padding: 0 8px 0 0;
  text-align: right;
  color: #fff;
    background: -webkit-linear-gradient(
    -45deg, rgba(238, 199, 238,1) 0%,
    rgba(219, 166, 226,1) 20%,
    rgba(208, 129, 211,1) 40%,
    rgba(207, 101, 207,1) 60%,
    rgba(173, 69, 187,1) 80%,
    rgba(130, 33, 150,1) 100%);
}
.over-view__sub2-ttl {
  width: 100%;
  margin: 16px 0 0 0;
  padding: 0;
}
/* top-main > slider */
.top-main__slider-wrap {
  position: absolute;
  bottom: 40px;
  left: 0;
  /* width: 48%; */
  width: 760px;
  height: auto;
  padding: 16px 0;
  /* background: rgba(255,102,204,0.5); */
}
.top-main__cal-slider {
  width: 92%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.top-main__cal-slider img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;

}
/*slick slider slick.css参照*/
.slick-next { right:-40px; }
.slick-prev { left:-40px; }
.slick-list {
  margin-right: -16px;  /* ガター分ネガティブマージン */
}
.slick-slide {
  /* height: 136px; */
  height: auto;

  margin-right: 16px;  /* ガター */
}
/* top-main > news-bar */
.top-main__news-bar{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
  background: #950081;
}
.news-bar__wrap {
  display: block;
  width: 1080px;
  height: auto;
  margin:0 auto auto;
}
.news-bar__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
}
.news-bar__items * {
  width: auto;
  height: auto;
  padding: 6px;
}
.news-bar__date {
  width: 15%;
  padding: 6px;
  margin-right: 32px;
}
.news-bar__class {
  -webkit-box-sizing:  border-box;
  box-sizing:  border-box;
width: 18%;
padding-left: 2%;
border-left: 1px solid #fff;
}
.news-bar__str {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  width: 63%;
  padding-left: 2%;
  border-left: 1px solid #fff;
}
.news-bar__link {

}
/* manager-mes */
.manager-mes {
  width: 100%;
  max-width: 1100px;
  margin: 40px auto 40px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-right: auto;
  margin-left: auto;
}
.mes-ttl {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.mes-ttl span {
  font-size: 1.4rem;
}
.mes-ttl span::before {
  display: block;
  content: "";
  width: 100%;
  height: 5px;
  padding:0;
  margin: 8px 0;
  background: #950081;
}
.mes-ttl h2 {
}
.mes-ttl img {
  display: block;
  width: 100%;
  height: auto;
  margin: 16px auto 0 auto;
}
.mes-contents {
  width: 50%;
}
.manager-mes__str{
  line-height: 1.6;
}

/* top-sub */
.top-sub {
  width: 100%;
  background: #F9F6F2;
}
.top-sub__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
}
/* top-sub > contetns-music-block */
.contents__music-blk {
  /*width: 540px;*/
  width: 100%;
  margin-top: 32px;
  }
  .music-blk__ttl {
    width: 100%;
    padding: 16px 0;
    text-align: center;
  }
  /* youtube-code-responsive */
  .youtube-rs{
    position:relative;
    width:100%;
    padding-top:56.25%;
    margin-bottom: 24px;
    overflow:hidden;
    border-radius: 4px;
    }
    .youtube-rs iframe{
    position:absolute;
    top:0;;
    top:0;
    right:0;
    width:100%;
    height:100%;
}
/* top-sub > contents-twitter-block */
.contents__twt-blk {
  width: 540px;
  margin-top: 32px;
  }
  .twt-blk__ttl{
    width: 100%;
    padding: 16px 0;
    text-align: center;
}
/* top-sub > contents-news-block */
.contents__news-blk {
  width: 100%;
  height: auto;
  margin-top: 32px;
  margin-bottom: 32px;
  }
  .news-blk__ttl {
    width: 100%;
    padding: 16px 0;
    text-align: center;
    }
    .news-blk__main {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .news-blk__archive{
      display: block;
      text-decoration: none;
      background: #950081;;
      color: #FFF;
      width: 120px;
      height: 120px;
      margin: 32px auto 32px auto;
      line-height: 120px;
      border-radius: 50%;
      text-align: center;
      overflow: hidden;
      -webkit-transition: .4s;
      transition: .4s;
    }
    .news-blk__archive:hover{
        background: #F084B4;
      }
      .news-blk__archive a {
        display: block;
        width: 100px;
        padding: 8px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        color: #950081;
        border-bottom:4px solid #950081;
      }
      .news-blk__main dl:last-child {
        margin-bottom: 0;
      }
      .news-blk__link {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        display: block;
        padding: 0;
        width: 100%;
        padding: 24px;
        margin-bottom: 0;
        border-bottom: 1px solid #d8d8d8;
        border-radius:  2px;
        background: #F9F6F2;
        -webkit-transition: .4s;
        transition: .4s;
        /* box-shadow: 0 0 2px #d8d8d8; */
      }
      .news-blk__link:hover{
        background:#F084B4;
        color: #fff;
      }
      .news-blk__link:first-child { border-top: 1px solid#d8d8d8;}
      .news-blk__items {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          width: 100%;
        }
        .news-blk__date {
          width: 15%
        }
        .news-blk__class {
          -webkit-box-sizing:  border-box;
                  box-sizing:  border-box;
          width: 18%;
          padding-left: 2%;
          border-left: 1px solid#d8d8d8;
        }
        .news-blk__str {
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          width: 63%;
          padding-left: 2%;
          border-left: 1px solid#d8d8d8;
        }
        .news-blk__arrow {
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          width:4%;
          padding-left: 2%;
}
/* page nation */
ul.page-numbers {
 width: 100%;
 list-style: none;
 display: flex;
 justify-content: center;
 margin: 36px 0;
 padding: 0;
}
ul.page-numbers li {
  margin:0;
  padding:0;
}
a.page-numbers{
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  background: #F084B4;
  text-align:center;
  line-height: 30px;
  vertical-align: middle;
  margin-right: 8px;
}
li span.current {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fff;
  color: #950081;
  font-weight: bold;
  text-align:center;
  line-height: 30px;
  vertical-align: middle;
  margin-right: 8px;
}
li a.prev {
  width: 40px;
  font-weight: bold;
  color: #950081;
  text-decoration: none;
  background: #fff;
  margin-right: 16px;
}
li a.next {
  width: 40px;
  font-weight: bold;
  color: #950081;
  text-decoration: none;
  background: #fff;
  margin-left: 8px;
}
/* WP-Pagenavi*/
.wp-pagenavi {
 margin: 36px auto;
 padding: 0;
  text-align: center;
}
.wp-pagenavi a.page {
  border: none;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  background: #F084B4;
  text-align:center;
  line-height: 30px;
  vertical-align: middle;
  margin-right: 8px;
}
.wp-pagenavi .current {
  border: none;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fff;
  color: #950081;
  font-weight: bold;
  text-align:center;
  line-height: 30px;
  vertical-align: middle;
  margin-right: 8px;
}
.wp-pagenavi .pages,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
  border: none;
  display: inline-block;
  color: #950081;
  font-weight: bold;
  text-align:center;
  line-height: 30px;
  vertical-align: middle;
  margin-right: 8px;
}
/* footer */
.footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 150px;
  background: #950081;
  }
  .footer p {
    width: 100%;
    color: #fff;
    margin: 0;
    padding: 0;
    text-align: center;
  }
/* biography */
.profile {
  width: 1100px;
  margin: 80px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.profile__img {
  display: block;
  width:40%;
  height: auto;
}
.profile__str {
  width: 56%;
  margin-left: 4%;
  line-height: 1.6;
}
.profile__str p:nth-child(1) {
  margin-top: 0;
}
.profile__str p:nth-child(2) {
  margin-bottom: 56px;
}
.generic-box {
  width :1100px;
  margin: 0 auto;
}
.aword {
  margin-bottom: 40px;
}
.aword-area__ttl {
	color: #444;
	font-size: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  margin-bottom: 40px;
}
.aword-area__ttl:before, .aword-area__ttl:after {
	content: "";
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	height: 1px;
	background: #444;
	display: block;
}
.aword-area__ttl:before {
	margin-right: .4em;
}
.aword-area__ttl:after {
	margin-left: .4em;
}
.aword-btn {
  width: 100%;
  color: #950081;
  text-align: center;
}
.aword-contents {
  width: 100%;
  padding: 40px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #F9F6F2;
}
.aword-list {
  text-align: center;
  line-height: 1.6;
}
/* news */
.page-ttl {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 72px;
  background: #F9F6F2;
}
.page-ttl h1 {
  margin:0 0 8px 0;
  padding:0;
}
.page-ttl h3 {
  margin:0;
  padding:0;
}
.sort-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 48px 0 0 0;
}
.sort-btn__item {
  padding: 8px 0;
}
.sort-btn__item-inner {
  display:inline-block;
  padding: 0 32px;
  border-left: 1px solid #000;
}
.sort-btn__item-selected {
  border-bottom: 4px solid #950081;
}
.sort-btn__item-modifier {
  border-right: 1px solid #000;
}
.contents-area {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.cards {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
         align-items: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 48px;
}
.card-item {
  display: block;
	background: #F9F6F2;
	color: #363636;
  text-decoration: none;
  width: 353.3px;
  height: auto;
	margin-right: 20px;
  margin-bottom: 20px;
}
.card-item:nth-child(3n) {
  margin-right: 0;
}
.card-news__header {
  display: block;
  width:100%;
}
.card-news__summary {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  width: 100%;
  padding: 0 16px 16px 16px;
}
.card-news__label {
  position: absolute;
  right: 0;
  width: 100px;
  height: 32px;
  font-size: 1.4rem;
  text-align: center;
  color: #fff;
  font-weight: bold;
  line-height: 32px;
  border-left: 4px solid #fff;
  border-bottom: 4px solid #fff;
}
.event { background: #3DBBA1; }
.news-label__sched { background: #1B95E0; }
.update { background: #F084B4; }
.topics { background: #950081; }
.card-news__date {
  line-height: 2;
}
.card-news__ttl {
  padding: 0;
  margin: 16px 0 0 0;
}
/* news inner */
.news-date { margin: 40px 0 0 0;}
.news-eyecatch { display: block; width: 100%; }
.news-mainttl {
 
}
.news-mainstr {line-height: 1.6; margin: 24px 0;}
.news-subttl {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 16px;
  margin: 32px 0 0 0;
  border-left: 8px solid #950081;
  background: #F9F6F2;
}
.news-substr {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 40px;
  line-height: 1.6;
  background: #F9F6F2;

}
/* music */
.subscribe-btn {
  width: 200px;
  height: 56px;
  background: red;
  color: #fff;
  text-align: center;
  font-weight: bold;
  line-height: 56px;
  padding: 0;
  margin: 40px auto;
}
.card-music { padding: 16px; position: relative;}
.card-music__ttl { padding: 0; margin:0; font-size: 1.6rem;}
.card-music__youtube { margin: 14px 0 14px 0; }
.card-music__label {
  width: 80px;
  padding: 4px;
  font-size: 1.4rem;
  text-align: center;
  color: #fff;
  font-weight: bold;
  margin-bottom: 8px;
  border-radius: 4px;
  background: #950081;
}
.card-music__detail { padding: 0; margin: 0 0 0 0; }
/* keyframe */
@-webkit-keyframes fade-out {
	0% {
		opacity :1;
		height:100vh;
	}
	95%{
		height:100vh;
	}
	100% {
    opacity:0;
	}
}
@keyframes fade-out {
	0% {
		opacity :1;
		height:100vh;
	}
	95%{
		height:100vh;
	}
	100% {
    opacity:0;
	}
}
@-webkit-keyframes fade-in {
	0%{
		opacity:0;
		height:0;
	}
	5% {
		height:100vh;
	}
	100% {
		opacity:1;
	}
}
@keyframes fade-in {
	0%{
		opacity:0;
		height:0;
	}
	5% {
		height:100vh;
	}
	100% {
		opacity:1;
	}
}
/* レスポンシブの設定 デスクトップファースト*/
@media screen and (max-width:1368px) {
  /* nav-toggle init*/
  #fix-header__nav-toggle {
    display: block;
    width: 40px;
    height: 40px;
    margin-left: auto;
    margin-right: 4%;
    z-index: 100;
  }
  #fix-header__nav-toggle div {
    position: relative;
  }
  #fix-header__nav-toggle span {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background: #474747;
    -webkit-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
  }
  #fix-header__nav-toggle span:nth-child(1) {
    top:0px;
  }
  #fix-header__nav-toggle span:nth-child(2) {
    top: 10px;
  }
  #fix-header__nav-toggle span:nth-child(3) {
    top: 20px;
  }
  #fix-header__nav-toggle span:nth-child(4) {
    top: 28px;
    height: auto;
    font-size: 1.4rem;
    background: #fff;
  }
  /* nav-toggle add open */
  .open #fix-header__nav-toggle span:nth-child(1){
    top: 12px;
    -webkit-transform: rotate(135deg);
     transform: rotate(135deg);
  }
  .open #fix-header__nav-toggle span:nth-child(2){
    width: 0;
    left: 50%;
  }
  .open #fix-header__nav-toggle span:nth-child(3){
    top: 12px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  /* nav-toggle-inner hide and redesign*/
  .fix-header {
  }
  .fix-header__nav {
    visibility: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    position: absolute;
    top:72px;
    left:0;
    width: 100%;
    height: 100vh;
    min-height: 560px;
    background: #F9F6F2;
  }
  .fix-header__nav > li:hover .nav__megamenu-wrap {
    max-height: 0;
    opacity: 0;
    padding: 0;
  }
  .nav__item {
    width: 100%;
    margin-top: 24px;
    background: #F9F6F2;
  }
  .open .fix-header__nav {
    visibility: visible;
    height: 100vh;
    -webkit-animation: fade-in 0.5s ease-in-out 0s forwards;
            animation: fade-in 0.5s ease-in-out 0s forwards;
  }
  .close .fix-header__nav {
    visibility: hidden;
    height: 0;
    -webkit-animation: fade-out 0.5s ease-in-out 0s forwards;
            animation: fade-out 0.5s ease-in-out 0s forwards;
  }
  /* top-main-l */
  .top-main { min-height: 100%; }
  .top-main__over-view{ width: 600px; }
  .over-view__main-ttl { font-size: 10.7rem; }
   /* news-bar-l */
  .top-main__news-bar{ width: 100%; }
  .news-bar__wrap { width: 96%; }
}
.movie_flex_wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 60px;
}
.movie_flex { width: 49%; }

/* タブレット */
@media screen and ( max-width:1282px) {
  /* top-main > slider */
  .top-main__slider-wrap {
    width: 560px;
  }
  /* top-main-tab */
  .top-main__over-view{ width: 488px; }
  .over-view__main-ttl { font-size: 8.7rem; }
  /* manager-mes-tab */
  .manager-mes { width: 94%; max-width: 94%; }
  /* top-sub-tab */
  .top-sub__contents { width: 94%; }
  /* top-sub > contetns-music-block */
  /*.contents__music-blk { width: 49%; }*/
  /* top-sub > contents-twitter-block */
  .contents__twt-blk { width: 49%; }
  /* page-ttl */
  .page-ttl { height: 200px; }
  .contents-area { width: 94%; }
  .card-item { width: 48%; height: auto; margin-right: 2%; }
  .card-item:nth-child(2n) { margin-right: 0; }
  .card-item:nth-child(3n) { margin-right: 2%; }
  .card-item:nth-child(6n) { margin-right: 0; }
  /* biography */
  .profile { width: 94%; margin: 40px auto; }
  .profile__str p:nth-child(2) { margin-bottom: 0; }
  .generic-box { width :94%; }
  /* card-music-tab */
  .card-music { width: 40%;}
}
/* SP */
@media screen and ( max-width:600px) {
  body {   font-size: 1.4rem; }
  .fix-header { height: 56px; }
  /* logo */
  .fix-header__logo { margin-top:0; margin-bottom:0; }
  .logo__main { font-size: 1.3rem; }
  .logo__main span { font-size: 1.8rem; }
  /* nav-toggle */
  #fix-header__nav-toggle { width: 32px; height: 32px; }
  #fix-header__nav-toggle span { height: 2px; }
  #fix-header__nav-toggle span:nth-child(1) { top:0px; }
  #fix-header__nav-toggle span:nth-child(2) { top: 8px; }
  #fix-header__nav-toggle span:nth-child(3) { top: 16px; }
  #fix-header__nav-toggle span:nth-child(4) { top: 24px; font-size: 1.1rem; }
  /* nav-toggle add open */
  .open #fix-header__nav-toggle span:nth-child(1){ top: 8px; }
  .open #fix-header__nav-toggle span:nth-child(3){ top: 8px; }
  .fix-header__nav { top:56px; }
  .nav__item { margin-top: 8px; }
  /* top-main-sp */
  .top-main { /* min-height: 800px; */ }
  /* over-view-sp */
  .top-main__over-view{ width: 240px;}
  .over-view__main-ttl {
    font-size: 3.7rem;
    text-shadow: 3px 2px 0px #fff,
    7px 6px 0px rgba(0,0,0,0.3);
  }
  .over-view__sub1-ttl { font-size: 1.5rem; padding: 0 4px 0 0; }
  .over-view__sub2-ttl { font-size: 1.5rem;  margin: 8px 0 0 0; }
  .top-main__slider-wrap { bottom: 40px; padding: 8px 0; }
  .top-main__cal-slider { width: 84%; }
  /*slick slider slick.css参照*/
  .slick-next { right:-24px; }
  .slick-prev { left:-24px; }
  /* news-bar-sp */
  .news-bar__items { width: 100%; }
  .news-bar__date {
    width: 17%;
    padding: 4px 0;
    margin-right: 0;
  }
  .news-bar__class { display: none; }
  .news-bar__str {
    width: 80%;
    padding: 4px 0;
    border:none;
  }
  /* manager-mes-sp */
  .manager-mes { margin: 24px auto 24px auto; }
  .mes-ttl { width: 100%; }
  .mes-ttl span { font-size: 1.3rem; }
  .mes-ttl span::before {
    width: 100%;
    height: 3px;
    margin: 4px 0;
  }
   /* top-main > slider */
  .top-main__slider-wrap {
    width: 100%;
  }
  .mes-contents { width: 100%; }
    /* top-sub-sp */
  .top-sub__contents { width: 94%; }
  /* contetns-music-block-sp */
  .movie_flex_wrapper { margin-bottom: 30px; }
  .contents__music-blk { width: 100%; margin-top: 16px; }
  .movie_flex { width: 100%; }
  .music-blk__ttl { padding: 4px 0; }
  /* contents-twitter-block-sp */
  .contents__twt-blk { width: 100%; margin-top: 4px; }
  .twt-blk__ttl { padding: 0 0 4px 0; }
  /* news bar-sp*/
  .contents__news-blk { margin-top: 16px; margin-bottom: 0; }
  .news-blk__ttl { width: 100%; padding: 4px 0; }
  .news-blk__archive{
    display: block;
    width: 40%;
    height: 40px;
    margin: 16px auto 16px auto;
    line-height: 40px;
    border-radius: 4px;
  }
  .news-blk__main dl:last-child { margin-bottom: 0; }
  .news-blk__link {
    padding: 12px;
    margin-bottom: 8px;
    border: 1px solid #d8d8d8;
  }
  .news-blk__link:first-child { border-top: 1px solid#d8d8d8;}
  .news-blk__items { -ms-flex-flow: wrap; flex-flow: wrap; width: 100%; }
  .news-blk__date { width: 24%; border: none;}
  .news-blk__class { width: 76%; padding-left: 0; border: none; }
  .news-blk__str {
     width: 90%;
     margin-top: 12px;
     padding-left: 0;
     border: none;
  }
  .news-blk__arrow {
    width:10%;
    padding-left: 0;
    text-align: right;
  }
  /* page-ttl */
  .page-ttl { height: 140px;   margin-top: 56px;}
  .page-ttl h1 { font-size: 2rem; }
  /* news */
  .card-news__label {
    width: 72px;
    height: 24px;
    font-size: 1.1rem;
    line-height: 24px;
  }
  .card-item { margin-bottom: 8px; }
  .card-news__ttl { margin: 8px 0 0 0; font-size: 1.4rem; }
  /* biography-sp */
  .profile { -ms-flex-flow:wrap; flex-flow:wrap; }
  .profile__img { width:100%; }
  .profile__str {width: 100%; margin: 40px 0 0 0; }
  .aword-area__ttl { margin-bottom: 24px; }
  /* card-music */
  .card-music { padding: 12px;  width: 100%; margin-bottom: 16px; margin-right: 0;}
  .card-music:nth-child(3n) { margin-right:0; }
  .card-music__ttl { padding: 0; margin:0;}
  .card-music__youtube { margin: 8px 0 12px 0; }
  /* btn pageTop */
  .btn-pageTop {
    width: 40px;
    height: 40px;
    line-height: 50px;
    bottom: 10px;
    right: 10px;
  }
  .btn-pageTop span {
    width: 14px;
    height: 14px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
  }
}



/* モバイル以上 */
@media screen and (min-width: 620px) {
}
@media screen and (min-width: 768px) {  }
@media screen and (min-width: 1140px) {
}
@media  screen and (min-width:1349px) {

}
/* for IE10 & 11 */
@media (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .over-view__main-ttl {
    background: none;
  }
}
/*
     FILE ARCHIVED ON 05:34:01 Nov 06, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:07:56 Oct 08, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.655
  exclusion.robots: 0.042
  exclusion.robots.policy: 0.023
  esindex: 0.013
  cdx.remote: 37.953
  LoadShardBlock: 385.135 (3)
  PetaboxLoader3.datanode: 2163.511 (4)
  PetaboxLoader3.resolve: 2072.97 (2)
  load_resource: 3984.91
*/