@charset "UTF-8";/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

.smccms_submit {
    margin: 0 auto;
    text-align: center;
    border-radius: 5px;
    background-color: #a0d468;
    color: #fff;
    transition: background-color 0.3s linear;
    padding: 10px 20px;
    border: none;
    width: 130px;
    font-size: 1.6rem;
}

li span.active {
    color: #fff;
    background-color: #a0d468;
    display: block;
}

div.aspform_title{
    display: block;
    font-size: 14px;
    font-size: 1.6rem;
}
div.aspform_answer{
    display: block;
    font-size: 14px;
    font-size: 1.6rem;
}
.comment_thanks{
    font-size: 14px;
    font-size: 1.6rem;
}

.aspform input[type="text"] {
    font-size: 1.6rem;
    padding-left: 10px;
    width: 250px;
    height: 30px;
    background-color: #f3f3f3;
    border-radius: 5px;
    margin-bottom: 26px;
}
.aspform textarea {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 10px 0 0 10px;
    background-color: #f3f3f3;
    border: 2px inset #ddd;
    border-radius: 5px;
    width: 500px;
    resize: vertical;
    margin-bottom: 26px;
}
.aspform input[type="submit"] {
    margin: 0 auto;
    text-align: center;
    border-radius: 5px;
    background-color: #a0d468;
    color: #fff;
    transition: background-color 0.3s linear;
    padding: 10px 20px;
    border: none;
    width: 130px;
    font-size: 1.6rem;
}

 input[type="submit"] {
    margin: 0 auto;
    text-align: center;
    border-radius: 5px;
    background-color: #a0d468;
    color: #fff;
    transition: background-color 0.3s linear;
    padding: 10px 20px;
    border: none;
    width: 130px;
    font-size: 1.6rem;
}
.article {
    font-size: 18px;
    font-size: 1.8rem;
    margin: 0;
    padding-left: 5px;
}
.keyaki-schedule .box-calendar .fc-day-grid-event.birthday {
    background-color: #98C7F3; }
.keyaki-schedule .l-content nav ul li.birthday {
    -webkit-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
    background-color: #98C7F3; }
.sect04 .box-float:first-child .schedule .box-bdr .box-content dl dd.shakehands {
    background-color: #A6ED94; }
.sect04 .box-float:first-child .schedule .box-bdr .box-content dl dd.event {
    background-color: #F5E674; }
.sect04 .box-float:first-child .schedule .box-bdr .box-content dl dd.goods {
    background-color: #F8C68B; }
.sect04 .box-float:first-child .schedule .box-bdr .box-content dl dd.release {
    background-color: #FB8A8F; }
.sect04 .box-float:first-child .schedule .box-bdr .box-content dl dd.ticket {
    background-color: #F58DC5; }
.sect04 .box-float:first-child .schedule .box-bdr .box-content dl dd.media {
    background-color: #D9A0EB; }
.sect04 .box-float:first-child .schedule .box-bdr .box-content dl dd.other {
    background-color: #C9C9C9; }
.sect04 .box-float:first-child .schedule .box-bdr .box-content dl dd.birthday {
    background-color: #98C7F3; }

    .keyaki-news .l-content .l-inner .box-month ul {
      text-align: center;
      height: 36px; }
      .keyaki-news .l-content .l-inner .box-month ul li {
        font-size: 14px;
        font-size: 1.4rem;
        display: inline-block;
        color: #a0d468; }
        .keyaki-news .l-content .l-inner .box-month ul li.now-month {
          font-size: 18px;
          font-size: 1.8rem;
          height: 36px;
          line-height: 36px;
          width: 540px;
          text-align: center;
          color: #fff;
          background-color: #a0d468;
          margin: 0 53px 0 53px; }
        .keyaki-news .l-content .l-inner .box-month ul li.prev-month, .keyaki-news .l-content .l-inner .box-month ul li.next-month {
          -webkit-transition: color 0.3s linear;
          transition: color 0.3s linear; }
        .keyaki-news .l-content .l-inner .box-month ul li.prev-month:before {
          -webkit-transition: -webkit-transform 0.3s linear;
          transition: -webkit-transform 0.3s linear;
          transition: transform 0.3s linear;
          transition: transform 0.3s linear, -webkit-transform 0.3s linear;
          content: "< ";
          display: inline-block; }
        .keyaki-news .l-content .l-inner .box-month ul li.prev-month:hover {
          color: #77c059; }
          .keyaki-news .l-content .l-inner .box-month ul li.prev-month:hover:before {
            -webkit-transform: translateX(-3px);
            transform: translateX(-3px); }
        .keyaki-news .l-content .l-inner .box-month ul li.next-month:after {
          -webkit-transition: -webkit-transform 0.3s linear;
          transition: -webkit-transform 0.3s linear;
          transition: transform 0.3s linear;
          transition: transform 0.3s linear, -webkit-transform 0.3s linear;
          content: " >";
          display: inline-block; }
        .keyaki-news .l-content .l-inner .box-month ul li.next-month:hover {
          color: #77c059; }
          .keyaki-news .l-content .l-inner .box-month ul li.next-month:hover:after {
            -webkit-transform: translateX(3px);
            transform: translateX(3px); }

.sect02 .news .box-bdr ul{
    overflow-y: scroll;
    overflow-x: hidden;
}
.l-inner .box-content .box-main article .box-article img{
    width: auto !important;
    max-height:500px;
}
.sect04 .box-float:first-child .schedule .box-bdr .box-content{
    overflow-y: scroll;
    overflow-x: hidden;
}
.module-modal.js-member-filter .mordal-box .member-box{
    overflow-y: scroll;
    overflow-x: hidden;
}
.keyaki-member .l-content .l-inner .sorteted-wrp .sorted.sort-syllabary{
    display:none;
}
.keyaki-member .l-content .l-inner .sorteted-wrp .sorted.sort-default{
    display:block;
}
.sect04 .box-float:nth-child(2) .tweet{
    width:520px;
    height: 390px;
    background-color:transparent;
}
.keyaki-blog .l-content .l-inner .sect01 .sect_sub .box-profile_img img{
    top: 60%;
}
.sect02 .news .box-bdr ul{
    height: 302px;
}
.sect03 .box-bdr .blog-slide ul li:hover {
  opacity: 1; }
.sect03 .box-bdr .blog-slide ul li .text p.thumb{
    border:none;
}

.keyaki-top .l-wrapper .bg-img01{
    top: 110px;
}
.keyaki-top .l-wrapper .bg-img02{
    top: 1102px;
}
.keyaki-top .l-wrapper .bg-img03{
    top: 1102px;
}
.keyaki-contact .l-content .l-inner .box-float form input[type=submit] {
    height:auto;
}
.keyaki-contact .l-content .l-inner .box-float form input{
    padding-left: 20px;
}
.aspform_error{
   color:#ff0000;
}
.confirm form .aspform_title {
    background-color: #f3f3f3;
    padding: 5px 0 5px 10px;
}
.confirm form[name=ques1] input[type=submit]{
    float:left;
}
form[name=ques2]{
    margin-top: -30px;
}
form[name=ques2] input{
    background-color: transparent !important;
    color: #77c059 !important;
    border: 1px solid #77c059 !important;
    margin-left: 30px !important;
}
.keyaki-blog .l-content .l-inner h3{
    display:inline-block;
}
.keyaki-blog .l-content .l-inner .box-content .box-float .link{
    float: right;
    margin-top: 53px;
    margin-right: 35px;
    font-size: 15px;
    font-size: 1.5rem;
    -webkit-transition: color 0.3s linear;
    transition: color 0.3s linear;
    float: right;
    color: #8d8d8d;
}
.keyaki-blog .l-content .l-inner .box-content .box-float p.btn{
    font-size: 16px;
    font-size: 1.6rem;
}
.module-modal.js-member-detail .content .close-btn span{
    position: absolute;
    width: 80%;
    height: 1px;
    top: 50%;
    left: 10%;
    background: #fff;
}
.module-modal.js-member-detail .content .close-btn{
    top:0px;
    right: 60px;
}
.module-modal.js-member-detail .content .close-btn span.bar1{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.module-modal.js-member-detail .content .close-btn span.bar2{
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.keyaki-blog_single .l-content .headArea h2{
font-size: 44px;
    font-size: 4.4rem;
    margin: 0;
    padding-top: 80px;
    display: inline-block;
    vertical-align: middle;
}
.keyaki-blog_single .l-content .headArea > p{
    font-size: 22px;
    font-size: 2.2rem;
    vertical-align: middle;
    margin: 0;
}
.keyaki-blog_single .l-content .headArea span img {
      position: absolute;
      right: 30%;
      top: 35%;
      width: 72px; 
}
.keyaki-blog_single .l-content .headArea {
    position: relative;
    text-align: center;
    margin: 0 auto;
    height: 255px;
    color: #fff;
    background: url("/files/14/images/blog/header.jpg"); 
}
.sect01 .topics,
.sect02 .topics{
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    position: relative;
    width: 280px;
    float:none;
    display: table-cell;
    height: 380px;
    vertical-align: middle;
    text-align: center;
    background: url("/files/14/images/cms/top/shakehands.jpg"); 
    overflow:hidden;
}
.sect01 .topics:hover,
.sect02 .topics:hover {
    opacity: 0.7; }

.sect01 .topics a .box-text,
.sect02 .topics a .box-text{
    position: static !important;
}
.sect01 .topics a p.btn-detail,
.sect02 .topics a p.btn-detail{
    position: static !important;
}
.sect01 .topics a .box-text,
.sect02 .topics a .box-text {
    z-index: 1;
    color: #fff;
    text-align: center; }
.sect01 .topics a .box-text h2,
.sect02 .topics a .box-text h2 {
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: normal;
    margin: 0; }
.sect01 .topics a .box-text p,
.sect02 .topics a .box-text p {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0 0 10px 0; }
.sect01 .topics a .box-text span,
.sect02 .topics a .box-text span {
    font-size: 12px;
    font-size: 1.2rem; }
.sect01 .topics a .box-img,
.sect02 .topics a .box-img {
    z-index: -1; }
.sect01 .topics a p.btn-detail,
.sect02 .topics a p.btn-detail {
    position: absolute;
    top: 200px;
    left: 80px;
    padding: 8px 5px; }
.sect01 .topics span.ribbon,
.sect02 .topics span.ribbon {
    transform: rotate(-45deg);
    display: block;
    position: absolute;
    top: 20px;
    left: -20px;
    background-color: #77bf59;
    color: white;
    width: 100px;
}
.keyaki-blog .l-content .l-inner .box-content .box-float:first-child ul{
    margin-top: 20px;
    overflow: hidden;
}
.keyaki-blog .l-content .l-inner .box-content .box-float:first-child ul li:nth-child(odd) {
    clear: both;
    margin-right: 20px;
}
.keyaki-blog .l-content .l-inner .box-content .box-float:first-child ul li {
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    position: relative;
    float: left;
    width: 320px;
    margin-bottom: 20px;
    background-color: #fff;
    overflow: hidden;
}
.keyaki-blog .l-content .l-inner .box-content .box-float:first-child ul li .img {
    position: relative;
    height: 270px;
    background-color: #ddd;
    display: block;
    overflow: hidden;
    -webkit-transition: -webkit-transform 0.3s linear;
    transition: -webkit-transform 0.3s linear;
    transition: transform 0.3s linear;
    transition: transform 0.3s linear, -webkit-transform 0.3s linear;
}
.keyaki-blog .l-content .l-inner .box-content .box-float:first-child ul li img.js-replaceImage {
    -webkit-transition: max-width 0.3s ease, max-height 0.3s ease, opacity 0.3s linear;
    transition: max-width 0.3s ease, max-height 0.3s ease, opacity 0.3s linear;
}
.keyaki-blog .l-content .l-inner .box-content .box-float:first-child ul li img {
    position: absolute;
    width: auto;
    height: auto;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
keyaki-blog .l-content .l-inner .box-content .box-float:first-child ul li .box-blog {
    padding: 10px;
}
.keyaki-blog .l-content .l-inner .box-content .box-float:first-child ul li .box-blog p.ttl {
    font-size: 14px;
    font-size: 1.4rem;
    color: #a0d468;
    margin: 0 0 10px 0;
    height: 21px;
    height: 2.0rem;
    overflow: hidden;
}
.keyaki-blog .l-content .l-inner .box-content .box-float:first-child ul li .box-blog time, .keyaki-blog .l-content .l-inner .box-content .box-float:first-child ul li .box-blog span {
    color: #a0d468;
    vertical-align: middle;
    display: inline;
}
.keyaki-blog .l-content .l-inner .box-content .box-float:first-child ul li .box-blog time:before {
    content: url("../images/blog/time.png");
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
}
.keyaki-blog .l-content .l-inner .box-content .box-float:first-child ul li .box-blog p.text {
    color: #8d8d8d;
    height: 30px;
    height: 2.8rem;
    overflow: hidden;
}
.keyaki-blog .l-content .l-inner .box-content .box-float:first-child ul li .box-blog span {
    float: right;
    margin-bottom: 10px;
}
.keyaki-blog .l-content .l-inner .box-content .box-float:first-child ul li .box-blog time, .keyaki-blog .l-content .l-inner .box-content .box-float:first-child ul li .box-blog span {
    color: #a0d468;
    vertical-align: middle;
    display: inline;
}
.keyaki-blog .l-content .l-inner .box-content .box-float:first-child ul li .box-blog {
    padding: 10px;
}
.keyaki-blog .l-content .l-inner .box-content .box-float:first-child ul li img.js-replaceImage {
    -webkit-transition: max-width 0.3s ease, max-height 0.3s ease, opacity 0.3s linear;
    transition: max-width 0.3s ease, max-height 0.3s ease, opacity 0.3s linear; 
}
.keyaki-blog .l-content .l-inner .box-content .box-float:first-child ul li:hover img.js-replaceImage.type_h {
    max-height: 104% !important;
}
.keyaki-blog .l-content .l-inner .box-content .box-float:first-child ul li:hover img.js-replaceImage.type_w {
    max-width: 104% !important;
}
.keyaki-blog .l-content .l-inner .box-content .box-float .box-newposts{
    height:auto;
}
.keyaki-report .l-content .l-inner .box-bottom .box-report .box-sub{
    height: 280px;
}
.keyaki-report_detail .l-content .l-inner .box-content img {
   width: auto;
   max-height:500px;
   max-width:700px; 
}

.keyaki-news .l-content .l-inner .box-month ul li.prev-month, .keyaki-news .l-content .l-inner .box-month ul li.next-month{
    width:50px;
}
li.next-month.empty:after {
    content: "" !important;
}
#tooltip {
     position: absolute;
 }
#tooltip {
     position: fixed;
     opacity: 80;
     z-index: 100;
}
.keyaki-member .l-content .l-inner .box-sort .btn-sort{
    border:1px solid #77c059;
}
.keyaki-report .l-content .l-inner .box-sub .box-img img{
    max-width:500px;
    width: 100%;
}
.sect04 .box-float:nth-child(2) .box-float-sub .video .box-bdr .video-box .texts{
    float:none;
}
ul.sns-btns li.line{
    display:none;
}
ul.sns-btns li{
    width: 136px;
}

.twitter-timeline .NaturalImage--fill .NaturalImage-image {
    max-width:300px;
}

.keyaki-report_detail .l-content .l-inner .box-newReport .box-slide .slider .slide .box-img {
    height: 118px;
}

.keyaki-report_detail .l-content .l-inner .box-newReport .box-slide .slider .slide .box-img img {
    width: 100%;
}

.keyaki-report_detail .l-content .l-inner .box-content p {
    max-width: 900px;
    font-size: 15px;
    font-size: 1.5rem;
}


.keyaki-blog_list .l-inner h3 {
    color: #000000;
}
.keyaki-blog_list .l-inner .box-content .box-main article .box-article{
    word-break: break-all;
}
.keyaki-blog_list .l-inner .box-content .box-main article .box-article a{
    color: #a0d468;
}

.keyaki-blog_single .l-content .l-inner h3 {
    color: #000000;
}
.keyaki-blog_single .l-inner .box-content .box-main article .box-article{
    word-break: break-all;
}
.keyaki-blog_single .l-inner .box-content .box-main article .box-article a{
    color: #a0d468;
}

.keyaki-schedule .box-calendar .fc-day-grid-event {
    width: 94%;
}

.keyaki-schedule .box-calendar .fc-day-number{
    cursor: default;
}
.keyaki-schedule .box-calendar .fc-day-number.hasEvent{
    cursor: pointer;
}
.keyaki-schedule .box-calendar .fc-event-container{
    cursor: pointer;
}
.js-schedule-detail .detail-membertag-list a{
    margin-right:10px;
}
.keyaki-contact  select {
    margin-bottom: 26px;
}

.keyaki-contact  input[type=radio] {
    margin: 8px 6px 26px;
}

.keyaki-contact  input[type=radio] {
   -webkit-transform: scale(1.5);
   transform: scale(1.5);
   margin-right: 0.5em;
}

.keyaki-contact form {
    font-size: 16px;
    font-size: 1.6rem;
}

.question_c div.aspform_title {
    background-color: #f3f3f3;
    padding: 5px 0 5px 10px;}
    
.question_c form[name=ques2] {
    margin-top: -60px;
    margin-left: 130px;
}

.keyaki-schedule .box-calendar .fc-day-grid-event .fc-content {
    text-overflow: ellipsis;
    padding-left:2px;
}

/* ▽特設ページ用 */

.keyaki-special h1 {
    color: #fff;
    background-color:#a0d468;
    vertical-align:middle;
    
}

.keyaki-special .debutimg{
  width:100%;
  max-width:980px;
  margin-top:30px;
  margin-left:auto;
  margin-right:auto;
}

.keyaki-special .sub-contents {
  margin:30px 20px 0 30px;
}

.keyaki-special .sub-contents .icon {
  margin-right: 5px;
  max-width: 20px;
}

.keyaki-special .sub-contents p {
  font-size:15px;
  line-height: 20px;
}

.keyaki-special .sub-contents a {
  color: #a0d468;
  text-decoration: underline;
}

.keyaki-special .text-bold {
  font-weight:bold;
  font-size: 18px;
}

.keyaki-special .debut-video {
  margin: 50px 0;
  text-align: center;
}

.keyaki-special iframe{
    max-width:100%;
}

.keyaki-blog .l-content .l-inner .box-content .box-side .box-manageBlog ul li p.txt {
    overflow: hidden;
}


/* 握手会ページ用 */
.keyaki-blog .event .l-content .l-inner .box-content {
    background-color: #fff;
    padding: 0 0 90px 30px;
}
.keyaki-blog .event .l-content .l-inner .box-content .box-side {
    width: 260px;
    float: left;
    margin-top: 10px;
}

.keyaki-blog .event .l-content .l-inner .event-top {
    font-size: 1.8rem;
    height: 36px;
    line-height: 36px;
    width: 700px;
    text-align: center;
    color: #fff;
    background-color: #a0d468;
}
.keyaki-blog .event .l-content .l-inner .box-eventlist  {
    width: 700px;
}

.anagoBox p{
 display:inline-block;
 vertical-align:middle;
}

.keyaki-blog .l-content .l-inner .box-content .box-float1{
    position: relative;
    float: left;
    margin-right: 34px;
    width: 696px;
}

.box-eventlist{
}
.box-eventlist li{
    border-bottom: 1px solid #f3f3f3;
    padding-bottom:10px;
    min-height:100px;
}
.box-eventlist img{
    width:100px;
}

.box-eventlist .event-icon{
    position: relative;
    height: auto;
    float: left;
    margin-right: 10px;
    overflow: hidden;
}

.box-eventlist p{
    font-size: 1.6rem;
    margin:8px 20px ;
}

.box-eventlist .day{
    color: #a0d468;
    font-size: 1.5rem;
}

.keyaki-blog .l-content .l-inner .box-content .box-float2{
    position: relative;
    float: left;
    padding: 0 34px;
    width: 696px;
}

.keyaki-blog .event .l-content .box-date img {
    width: 90px;
}
.keyaki-blog .event .l-content .event-detail {
    margin-top:40px;
    padding-bottom:40px;
}

.box-eventlist .update {
    color: #ccc;
    font-size: 1.3rem;
}
.l-inner .box-content .box-main article .innerHead .box-ttl p.update {
    font-size: 12px;
    font-size: 1.2rem;
    color: #000;
}

.l-inner .box-content .box-main  .event-detail  .innerHead .box-article p {
    padding:50px;
}


.box-sideMember .box-nenwEntry_member .box-newEntry_inner .box-txt {
    float: left;
    width: 174px;
}

.eventNews  {
    width: 270px;
    float: left;
}

.eventNews .box-side{
    margin: 0 auto;
    border: 1px solid #a0d468;
    border-radius: 5px;
    padding: 0 10px;
    margin-bottom: 10px;
}
.eventNews h4 , .event .box-nenwEntry_member h4{
    font-size: 22px;
    font-size: 2.2rem;
    color: #a0d468;
    border-bottom: 1px solid #a0d468;
    font-weight: normal;
    margin: 0;
    padding: 10px 0;
}
.eventNews ul {
    margin: 0;
}

.eventNews ul li:not(:last-child) ,.box-nenwEntry_member ul li:not(:last-child) {
    border-bottom: 1px dashed #a0d468;
}
.eventNews ul li .box-date {
    margin-bottom: 10px;
}

.eventNews .headarea{

height:200px;
}
.eventNews ul li .box-date time {
    line-height: 17px;
    display: inline-block;
    float: left;
    color: #8d8d8d;
    margin-right: 10px;
}
.eventNews ul li .box-date .category {
    padding: 0;
}
.eventNews ul li .box-txt p.ttl {
    -webkit-transition: color 0.3s linear;
    transition: color 0.3s linear;
    margin: 0 0 15px 0;
}
.keyaki-blog .event .l-content .l-inner .box-content .box-side  ul li {
    margin-top: 20px;
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.keyaki-blog .event .l-content .l-inner .box-content .eventNews .box-float:first-child ul {
    margin: 0;
}

.keyaki-blog .event .l-content .l-inner .box-content  .eventNews .box-float:first-child ul li {
    width: 240px;
    margin-bottom: 0;
}
.keyaki-blog .event .l-content .l-inner .box-content  .eventNews .box-side .box-banner ul li {
    margin-top: 0;
}

.keyaki-blog .event .l-content .l-inner .box-content .box-article .box-subttl{
  font-size:18px;
  padding:5px 0px;
  font-weight:bold;background-color: #a0d468;
    margin: 30px 0;
    text-align: center;
}

.keyaki-blog .event p.btn-list {
    float: right;
    border-radius: 5px;
    border: 1px solid #77c059;
    color: #77c059;
    margin: 0 10px 10px 0;
    background-color: #fff;
}

.keyaki-blog .event .l-inner .box-content .box-main article .innerHead .box-ttl h3 {
    font-size: 18px;
    font-size: 1.8rem;
}
.keyaki-blog .event .l-inner .box-content .box-main article .box-article {
    font-size: 15px;
    font-size: 1.5rem;
    border-top: none;
    border-bottom: 1px solid #d2d2d2;
   padding-top: 0;
    padding-bottom: 30px;
}
.keyaki-blog .event .l-inner .box-content .box-main article .box-article p{
    margin : 0;
}
.keyaki-blog .event .l-inner .box-content .box-main article .box-article p a{
    color: #a0d468;
}

.box-navi p.evntttl a {
    display: block;
    height: 50px;
    width:210px;
    overflow: hidden;
    text-align:left;
}

.keyaki-blog .event .box-sort p.ttl-sort  {
  float: left;
  font-size:14px;
  color: #a0d468;
}
.keyaki-blog .event .btn-sort {
    background-color: #ffffff;
    padding: 10px;
}

.event .l-inner .box-content .box-main article .box-article img {
    width: auto !important;
    max-height: 900px;
}

/* ディスコ購入リンク */
.openBtn { 
  cursor: pointer;
  padding: 10px;
  border: 1px solid #a0d468;
  border-left: 10px solid #a0d468;
  color: #666;
  width:150px;
  margin-bottom:-10px;
} 
.textArea {
  display: none;
  color: #666;
  float: left;
} 

.textArea li{
  margin-right:13px;
  margin-bottom:-15px;
  display: block;
  float: left;
}
.keyaki-discography .l-content .l-inner .l-innerSub .box-detail .block-main .box-txt{
    width:550px;
}
.keyaki-discography .l-content .l-inner .l-innerSub .box-detail .block-main .box-txt p.btn-buy {
    width: 120px;
}

.keyaki-discography .l-content .l-inner .l-innerSub .box-detail .block-main .box-txt p.btn-buy a {
    display: inline-block;
    width: 120px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}



/* TOP動画 */
.sect01 .topics1,
.sect02 .topics1 {
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    position: relative;
    width: 280px;
    float: none;
    display: table-cell;
    height: 205px;
    vertical-align: middle;
    text-align: center;
    background: url("/files/14/images/cms/top/shakehands.jpg");
    overflow: hidden;
    top:20px;
}
.sect01 .topics1:hover,
.sect02 .topics1:hover {
    opacity: 0.7; }

.sect01 .topics1 a .box-text,
.sect02 .topics1 a .box-text{
    position: static !important;
}
.sect01 .topics1 a p.btn-detail,
.sect02 .topics1 a p.btn-detail{
    position: static !important;
}
.sect01 .topics1 a .box-text,
.sect02 .topics1 a .box-text {
    z-index: 1;
    color: #fff;
    text-align: center; }
.sect01 .topics1 a .box-text h2,
.sect02 .topics1 a .box-text h2 {
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: normal;
    margin: 0; }
.sect01 .topics1 a .box-text p,
.sect02 .topics1 a .box-text p {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0 0 10px 0; }

.sect01 .topics1 a .box-text span,
.sect02 .topics1 a .box-text span {
    font-size: 12px;
    font-size: 1.2rem; }
.sect01 .topics1 a .box-img,
.sect02 .topics1 a .box-img {
    margin-top:10px;
    z-index: -1; }
.sect01 .topics1 a p.btn-detail,
.sect02 .topics1 a p.btn-detail {
    position: absolute;
    top: 200px;
    left: 80px;
    padding: 8px 5px; }
.sect01 .topics1 span.ribbon,
.sect02 .topics1 span.ribbon {
    transform: rotate(-45deg);
    display: block;
    position: absolute;
    top: 20px;
    left: -20px;
    background-color: #77bf59;
    color: white;
    width: 100px;
}
 .sect01 .pickup .box-bdr .box-inner .pickup-box p.right{
    word-break: break-all;
 }
.keyaki-blog .l-content .l-inner .box-sort_blog_member p,
.keyaki-blog_list .l-content .l-inner .box-sort_blog_member p {
    font-size: 16px;
    font-size: 1.6rem;
    display: inline-block;
    color: #8d8d8d;
    margin-right: 20px;
}

.keyaki-blog .l-content .l-inner .box-sort_blog_member .btn-sort,
.keyaki-blog_list .l-content .l-inner .box-sort_blog_member .btn-sort {
    position: relative;
    color: #77c059;
    margin-bottom: 40px;
    height: 44px;
    width: 537px;
    border: 1px solid #77c059;
}
.keyaki-blog .l-content .l-inner .box-sort_blog_member .btn-sort select,
.keyaki-blog_list .l-content .l-inner .box-sort_blog_member .btn-sort select {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0;
    height: 44px;
    width: 537px;
    -webkit-appearance:none;
}
.keyaki-blog .l-content .l-inner .box-sort_blog_member .btn-sort select option,
.keyaki-blog_list .l-content .l-inner .box-sort_blog_member .btn-sort select option{
    width: 537px;
    -webkit-appearance:none;
}
.keyaki-blog .l-content .l-inner .box-sort_blog_member .select-box,
.keyaki-blog_list .l-content .l-inner .box-sort_blog_member .select-box {
    display: inline-block;
}
.keyaki-blog .l-content .l-inner .box-sort_blog_member .btn-sort i,
.keyaki-blog_list .l-content .l-inner .box-sort_blog_member .btn-sort i {
    margin-left: 10px;
    color: #8d8d8d;
}
.sect04 .box-float:nth-child(2) .box-float-sub .report{
    width:300px;
    margin-bottom:10px;
    margin-right:10px;
    float: left;
}
.sect04 .box-float:nth-child(2) .box-float-sub .report .headerarea{
    margin-bottom:10px;
}
.sect04 .box-float:nth-child(2) .box-float-sub .report .box-img{
    margin-bottom:10px;
}
.sect04 .box-float:nth-child(2) .box-float-sub .report .ttl{
    font-size: 12px;
    font-size: 1.2rem;
    color: #77c059;
    margin-bottom: 10px;
}
.sect04 .box-float:nth-child(2) .box-float-sub .report time{
    color: #b57bd2;
}
.sect04 .box-float:nth-child(2) .box-float-sub .report .box-bdr{
    background-color: #FFF;
}
.sect04 .box-float:nth-child(2) .box-float-sub .link{
    float: right;
}
.btn-fanclub{
    margin: 0 auto;
    position: relative;
    background: linear-gradient(90deg, #2CC273, #B77AD3);
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1;
    letter-spacing: 0.1em;
    letter-spacing: 0.1rem;
    color: #ffffff;
    max-width: 213px;
    height: 42px;
    text-align: center;
    display: block;  
}
.btn-fanclub:after {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(/files/14/images/fanclub/j2xya8/bg-title-fanclub.png);
    background-size: 113px 113px;
    background-position: center;
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    z-index: 1000;
}
.btn-fanclub button,
.btn-fanclub a{
    display: block;
    width: 100%;
    height: 100%;
    padding: 14px 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0 none;
    background-color: transparent;
    position: relative;
    z-index:2000;
}
.btn-fanclub button:hover{
    cursor:pointer;
}
/*add 2018.01.09*/
.header .gnavi ul{
    display: block;
}
header .gnavi{
    height: auto;
}
header .gnavi ul{
    height: auto;
}
header .gnavi ul li{
    float: none;
}
.sect03 .box-bdr .blog-slide ul li .text p.ttl{
    height: 2.8rem;
}
.box-bdr .box-inner{
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;    
}
.l-content02 .l-inner .box-memberBlog ul.thumb li{
    vertical-align:top;
}
.l-content02 .l-inner .box-memberBlog ul.thumb li p.name{
    line-height:1.2;
}
.keyaki-member_detail .l-content .l-inner .sect02 .sect_sub .box-float:first-child ul li .box-blog p.text{
    height: 2.8rem;
}
.keyaki-member_detail .l-content .l-inner .sect02 .sect_sub .box-float:first-child ul li .box-blog p.ttl{
    height: 2.0rem;
}
/*brightcove*/
.keyakiMovieBC{
    width: 100%;
    height: auto;
    padding-top: 56.25%;
}
.keyakiMovieBC.video-js .vjs-control.vjs-button,
.keyakiMovieBC.video-js .vjs-control.vjs-volume-panel-horizontal{
  width:3rem;
  padding-left:1rem;
  padding-right:1rem;
}
.keyakiMovieBC.video-js .vjs-control-bar span{
    font-size: 10px !important;
    margin: auto !important;
    padding-left: 0 !important;
}

.keyakiMovieBC.bc-player-HJGbcu42b_default .vjs-big-play-button:active,
.keyakiMovieBC.bc-player-HJGbcu42b_default .vjs-big-play-button:focus,
.keyakiMovieBC.bc-player-HJGbcu42b_default:active .vjs-big-play-button,
.keyakiMovieBC.bc-player-HJGbcu42b_default:hover .vjs-big-play-button {
    background-color: rgba(166,212,104,.88) !important;
}
.keyakiMovieBC.bc-player-HJGbcu42b_default .vjs-play-progress,
.keyakiMovieBC.bc-player-HJGbcu42b_default .vjs-volume-level{
    background-color: rgba(119,192,89,.88);
}
.keyakiMovieBC.bc-player-HJGbcu42b_default .vjs-big-play-button {
  top: auto;
  bottom: 1rem;
  left: 0;
  margin-left: 1rem;
  width: 2em;
  height: 2em;
  line-height: 2em;
  border: none;
  border-radius: 50%;
  font-size: 1.0em;
}
.keyakiMovieBC .vjs-contextmenu-ui-menu{
  display:none !important;
}
/*menu TV custom*/
header{
    z-index: 100;
    position: relative;
}
.gnavi ul{
  font-size: 0;
}
.gnavi ul li:hover .dropdown-toggle{
  color: #b57bd2;
  cursor: pointer;
}
.gnavi ul li .dropdown-toggle{
  font-size: 12px;
  font-size: 1.2rem;
  -webkit-transition: color 0.3s linear;
  transition: color 0.3s linear;
  display: block;
  vertical-align: middle;
  color: #fff;
  padding: 0 20px;
  height: 100%;  
}
.gnavi ul li .dropdown-menu{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 1px;
  margin: 0;
  padding: 0;
  z-index: 100;
}
.gnavi ul li .dropdown-menu li {
  overflow: hidden;
  width: 18rem;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
  display: inline-block;
  text-align: left;
  display: block;
}
.gnavi li:hover .dropdown-menu li:before,
.gnavi li:hover .dropdown-menu li:after{
  display: none;
}
.gnavi li .dropdown-menu li a{
  background-color: #FFF;
}
.gnavi li .dropdown-menu li a:hover{
  background-color:#fafafa;
}
.gnavi li:hover .dropdown-menu li {
    overflow: visible;
    height:auto;
}
.module-modal.js-video .content{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin-left: auto;
    margin-top: auto;
    width: 720px;
    height: auto;
    z-index: 100;
    text-align: center;
}
.module-modal.js-video .content .playerwrp .video-js{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/**/
.sect01{
  overflow: auto;
  clear: both;
}
.sect01 .pickup .box-bdr .box-inner .pickup-box{
  width: 355px;
}
.pickup__news{
  width: 754px;
  float:left;
  margin-right: 20px;
}
.pickup__movie{
  float: right;
  width: 280px;
}
.pickup__movie .ttl{
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #8a8a8a;
  margin: 10px 0 0 0;
}
.sect01 .pickup__movie .box-bdr{
  background-color: transparent;
  border: 0 none;
  padding: 10px 0;
}
.sect01 .pickup__movie .box-bdr .box-inner .pickup-box{
  width: 100%;
  padding: 56.25% 0 0 0;
  position: relative;
  border: 0 none;
  background-color: transparent;
}


.sect01 .pickup__movie .box-bdr .box-inner .pickup-box .video-js,
.sect01 .pickup__movie .box-bdr .box-inner .pickup-box video,
.sect01 .pickup__movie .box-bdr .box-inner .pickup-box iframe{
  border: 0 none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.module-modal.js-video .caption{
  background-color: #FFF;
  font-size: 1.0rem;
  line-height: 1.3;
  padding: 2rem 2rem 2.4rem 2rem;
  text-align: left;
  color: #737373;
}
.module-modal.js-video .caption_text{
  overflow-y: scroll;
  overflow-x: hidden;
  height: 140px;
}

.vjs-menu.vjs-contextmenu-ui-menu{
  display: none;
}
.keyaki-videos_detail .l-content .l-inner .box-contentWrap .box-content .caption,
.keyaki-videos_detail .l-content .l-inner .box-contentWrap .box-content .box-main .caption,
.videos .video-box .caption,
.keyaki-videos .l-content .l-inner .box-content .box-sub ul li .box-txt .caption{
  display: none;
}