@charset "UTF-8";
body {
  color: #505050;
  font-family: Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 16px;
  line-height: 1.5; }

a:visited, a:link {
  color: #666;
  text-decoration: underline; }

a:hover, a:active {
  color: #333;
  text-decoration: none; }

img {
  vertical-align: top; }

.link_btn {
  margin: 0 auto;
  text-align: center; }
  .link_btn a {
    display: inline-block;
    border: #FFFFFF solid 2px;
    text-decoration: none;
    color: #ffffff;
    font-family: "Noto Sans", sans-serif;
    font-size: 18px;
    padding: 10px 30px;
    letter-spacing: 0.05em;
    font-weight: bold; }

#top .bnn_mimitour {
  position: fixed;
  right: 0px;
  top: 20px;
  z-index: 10; }
#top .main_visual {
  text-align: center;
  height: 98%;
  width: 100%;
  overflow: hidden;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 0; }
#top .v01 {
  background-image: url("/common/images/top/visual_main2x.jpg"), url("/common/images/top/visual_main_repeat2x.jpg");
  background-position: center top, center top;
  background-repeat: no-repeat, repeat-x; }
#top .v02 {
  background-image: url("/common/images/top/visual_main2x.jpg"), url("/common/images/top/visual_main_repeat2x.jpg");
  background-position: center top, center top;
  background-repeat: no-repeat, repeat-x; }
#top .v03 {
  background-color: #000000;
  background-image: url("/common/images/top/visual_main3.jpg");
  background-position: center top;
  background-repeat: no-repeat; }
#top .v04 {
  background-image: url("/common/images/top/visual_main4.jpg"), url("/common/images/top/visual_main4_repeat2x.jpg");
  background-position: center top, center top;
  background-repeat: no-repeat, repeat-x; }
#top .v05 {
  background-image: url("/common/images/top/visual_main5.jpg");
  background-position: center top;
  background-repeat: repeat-x; }
#top .visual_img {
  width: 100%;
  height: 100%;
  background-size: auto 100%;
  background-origin: padding;
  background-position: center top;
  background-repeat: repeat-x; }
  #top .visual_img img {
    display: none; }
#top .main_blank {
  width: 100%;
  height: 98%;
  position: relative; }
#top .visual_min .visual_img {
  background-size: auto 700px; }
#top .l-inner {
  width: 100%;
  background-color: #ffcc28; }
#top .main_down {
  position: absolute;
  left: 50%;
  top: -46px;
  margin-left: -46px;
  z-index: 1;
  width: 92px;
  height: 46px;
  border-radius: 92px 92px 0 0;
  -moz-border-radius: 92px 92px 0 0;
  -webkit-border-radius: 92px 92px 0 0;
  background: #ffcc28; }
  #top .main_down a {
    display: block;
    text-align: center;
    padding: 24px 0 0 0; }
#top .l-main {
  width: 930px;
  margin: 0 auto;
  position: relative;
  padding: 20px 0 0 0;
  float: none;
  *zoom: 1; }
  #top .l-main:after {
    content: "";
    display: table;
    clear: both; }
#top .top_main {
  *zoom: 1; }
  #top .top_main:after {
    content: "";
    display: table;
    clear: both; }
#top .frame_title {
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-radius-topleft: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-radius-topright: 5px;
  padding: 8px 25px;
  line-height: 10px;
  display: inline-block; }
#top .frame_inner {
  font-size: 12px;
  overflow: auto;
  height: 250px;
  padding: 15px 0;
  position: relative; }
#top .top_news {
  width: 290px;
  float: left;
  overflow: hidden;
  margin: 0 10px; }
  #top .top_news .frame_inner {
    background-color: #ffaf00; }
  #top .top_news .frame_title {
    background-color: #ffaf00; }
  #top .top_news li {
    background: url("/common/images/common/bar_dot.png") left bottom repeat-x;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    *zoom: 1; }
    #top .top_news li:after {
      content: "";
      display: table;
      clear: both; }
  #top .top_news li:last-child {
    background: none; }
  #top .top_news .news_date {
    width: 60px;
    min-height: 25px;
    float: left;
    color: #FFFFFF;
    font-family: "Noto Sans", sans-serif;
    font-size: 16px;
    line-height: 16px;
    background: url("/common/images/top/news_slash.png") center top no-repeat;
    position: relative; }
  #top .top_news .news_detail {
    width: 195px;
    float: left;
    margin: 0 0 0 5px; }
  #top .top_news .month {
    text-align: right;
    position: absolute;
    left: 9px;
    top: 0px;
    z-index: 0; }
  #top .top_news .day {
    position: absolute;
    left: 35px;
    top: 10px;
    z-index: 0; }
  #top .top_news a {
    text-decoration: none; }
  #top .top_news .title {
    display: block;
    margin: 0 0 5px 0; }
  #top .top_news .text {
    display: block;
    color: #FFFFFF;
    font-size: 10px; }
#top .top_live {
  width: 290px;
  float: left;
  overflow: hidden;
  margin: 0 10px; }
  #top .top_live .soon {
    position: absolute;
    left: 0px;
    top: 110px;
    z-index: 0;
    color: #FFFFFF;
    font-family: "Noto Sans", sans-serif;
    text-align: center;
    width: 100%;
    opacity: 0.6;
    filter: alpha(opacity=60);
    letter-spacing: 0.08em; }
  #top .top_live .frame_inner {
    background-color: #4cc1dc; }
  #top .top_live .frame_title {
    background-color: #4cc1dc; }
  #top .top_live li {
    background: url("/common/images/common/bar_dot.png") left bottom repeat-x;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    *zoom: 1; }
    #top .top_live li:after {
      content: "";
      display: table;
      clear: both; }
  #top .top_live a {
    display: block;
    text-decoration: none;
    background: url("/common/images/common/icon_arw01.png") left 2px no-repeat;
    margin: 0 15px;
    padding: 0 0 0 20px; }
  #top .top_live .title {
    display: block;
    margin: 0 0 5px 0; }
  #top .top_live .text {
    display: block;
    color: #FFFFFF;
    font-size: 10px; }
#top .top_twitter {
  width: 290px;
  float: left;
  overflow: hidden;
  margin: 0 10px; }
  #top .top_twitter .frame_inner {
    background-color: #ff8ca0;
    padding: 0 0 0 10px;
    overflow: hidden; }
  #top .top_twitter .frame_title {
    background-color: #ff8ca0; }
#top .top_banner {
  *zoom: 1;
  margin: 45px auto 20px auto; }
  #top .top_banner:after {
    content: "";
    display: table;
    clear: both; }
  #top .top_banner li {
    float: left;
    margin: 0 8px 16px 8px; }
#top .copyright {
  text-align: right;
  font-size: 10px;
  font-family: "Noto Sans", sans-serif;
  letter-spacing: 0.03em;
  margin: 0 20px 20px 0; }
#top .l-side {
  position: absolute; }
#top .side_banners li.none {
  display: none; }

.sp #top .main_blank {
  display: none; }
.sp #top .l-main {
  width: 600px; }
.sp #top .bnn_mimitour {
  position: absolute;
  top: 90px; }
.sp #top .main_visual {
  position: relative;
  height: auto; }
.sp #top .visual_img {
  width: 100%;
  height: auto; }
  .sp #top .visual_img img {
    display: block;
    width: 100%;
    height: auto; }
.sp #top .frame_inner {
  font-size: 24px;
  height: 600px; }
.sp #top .frame_title {
  padding-top: 15px; }
  .sp #top .frame_title img {
    height: 20px;
    width: auto; }
.sp #top .top_news {
  width: 100%;
  float: none;
  overflow: auto;
  margin: 0 0 20px 0;
  text-align: left; }
  .sp #top .top_news li {
    width: 100%;
    background-size: auto 2px;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    *zoom: 1; }
    .sp #top .top_news li:after {
      content: "";
      display: table;
      clear: both; }
  .sp #top .top_news .news_date {
    width: 92%;
    float: none;
    font-size: 20px;
    line-height: 20px;
    background: none;
    text-align: left;
    margin: 0 auto 5px auto; }
  .sp #top .top_news .news_detail {
    width: 92%;
    float: none;
    margin: 0 auto;
    text-align: left; }
  .sp #top .top_news .month {
    text-align: left;
    position: relative;
    left: 0;
    top: 0;
    margin-right: 5px; }
  .sp #top .top_news .day {
    position: relative;
    left: 0;
    top: 0; }
  .sp #top .top_news .title {
    font-size: 28px; }
  .sp #top .top_news .text {
    font-size: 20px; }
.sp #top .top_live {
  width: 100%;
  float: none;
  overflow: auto;
  margin: 0 0 20px 0; }
  .sp #top .top_live .soon {
    position: relative;
    top: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    letter-spacing: 0; }
  .sp #top .top_live li {
    width: 100%;
    background-size: auto 2px;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    *zoom: 1; }
    .sp #top .top_live li:after {
      content: "";
      display: table;
      clear: both; }
  .sp #top .top_live .text {
    font-size: 20px; }
.sp #top .top_twitter {
  width: 100%;
  float: none;
  overflow: hidden;
  margin: 0 0 0 0; }
  .sp #top .top_twitter .frame_inner {
    background-color: #ff8ca0;
    padding: 0 0 0 30px;
    overflow: hidden; }
  .sp #top .top_twitter .frame_title {
    background-color: #ff8ca0; }
.sp #top .top_banner {
  letter-spacing: -0.4em; }
  .sp #top .top_banner li {
    display: inline-block;
    letter-spacing: normal;
    width: 47%;
    float: none; }
    .sp #top .top_banner li img {
      width: 100%;
      height: auto; }
.sp #top .copyright {
  font-size: 20px;
  margin: 0;
  text-align: center;
  letter-spacing: 0;
  padding-bottom: 20px; }

#news .news_main {
  width: 660px;
  float: left; }
#news .news_side {
  width: 200px;
  float: left;
  margin: 0 0 0 15px; }
#news .news_paging {
  width: 100%;
  text-align: center;
  padding: 50px 0; }
  #news .news_paging li {
    display: inline-block;
    background-color: #ffcc28;
    border-radius: 5px;
    margin: 0 20px; }
  #news .news_paging a {
    display: block;
    padding: 10px 40px;
    text-decoration: none;
    font-size: 16px;
    font-family: "Noto Sans", sans-serif; }
#news .box {
  *zoom: 1;
  position: relative;
  margin: 0 0 15px 0; }
  #news .box:after {
    content: "";
    display: table;
    clear: both; }
#news .news_date {
  width: 60px;
  height: 80px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
  color: #FFFFFF;
  font-family: "Noto Sans", sans-serif;
  font-size: 19px; }
  #news .news_date.is--live .month {
    top: 30px; }
  #news .news_date.is--live .day {
    top: 45px; }
#news .year {
  position: absolute;
  left: 20px;
  top: 10px;
  z-index: 0;
  text-align: center;
  font-size: 16px; }
#news .month {
  position: absolute;
  left: 15px;
  top: 15px;
  z-index: 0;
  text-align: right; }
#news .day {
  position: absolute;
  left: 40px;
  top: 30px;
  z-index: 0; }
#news .news_detail {
  margin: 0 0 0 60px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-radius-topright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-radius-bottomright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-radius-bottomleft: 5px;
  font-size: 14px;
  color: #FFFFFF;
  position: relative;
  word-wrap: break-word;
  line-height: 1.6em; }
  #news .news_detail p {
    margin-bottom: 1.6em; }
  #news .news_detail strong {
    font-size: 16px;
    display: inline-block;
    margin: 0 0 5px 0;
    color: #666666;
    font-weight: bold; }
  #news .news_detail i {
    font-style: normal;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    border-bottom: #FFF solid 1px; }
  #news .news_detail span {
    color: #666666;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    margin: 0 0 5px 0;
    border-bottom: #666666 solid 1px; }
  #news .news_detail .red {
    color: #f00;
    border: none; }
  #news .news_detail hr {
    border-top: #666666 solid 1px;
    margin: 20px 0;
    padding: 0;
    font-size: 0;
    line-height: 0; }
  #news .news_detail img {
    max-width: 100%;
    height: auto; }
  #news .news_detail .list {
    *zoom: 1; }
    #news .news_detail .list:after {
      content: "";
      display: table;
      clear: both; }
    #news .news_detail .list li {
      float: left;
      margin: 0 15px 0 0;
      font-size: 10px;
      min-height: 265px; }
#news .news_detail_inner {
  margin: 0 30px;
  padding: 25px 0; }
  #news .news_detail_inner img {
    margin-bottom: 10px; }
  #news .news_detail_inner a.button {
    background-color: #666666;
    color: #ffffff;
    display: block;
    text-decoration: none;
    text-align: center;
    padding: 10px 0;
    border-radius: 5px;
    font-weight: bold;
    -webkit-transition: all 0.2s;
            transition: all 0.2s; }
    #news .news_detail_inner a.button:hover {
      opacity: 0.6;
      filter: alpha(opacity=60); }
#news h3 {
  font-size: 16px;
  color: #505050;
  background: url("/common/images/common/bar_dot_w.png") left bottom repeat-x;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0; }
#news .news_sns {
  position: absolute;
  right: 15px;
  bottom: 15px;
  z-index: 1;
  letter-spacing: -0.4em;
  text-align: right; }
  #news .news_sns li {
    letter-spacing: normal;
    display: inline-block;
    margin: 0 0 0 10px; }
#news .side_box {
  margin: 0 0 15px 0; }
  #news .side_box .title {
    background-color: #ffaf00;
    display: inline-block;
    vertical-align: top;
    padding: 10px 0 8px 0;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-radius-topleft: 5px; }
  #news .side_box h4 {
    margin: 0 15px;
    height: 8px;
    font-size: 8px;
    line-height: 8px; }
  #news .side_box .detail {
    background-color: #ffaf00;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-radius-bottomleft: 5px;
    font-size: 11px;
    padding: 10px 0 10px 0; }
  #news .side_box a {
    text-decoration: none; }
  #news .side_box ul {
    margin: 0 12px; }
  #news .side_box li {
    background: url("/common/images/common/bar_dot.png") left bottom repeat-x;
    padding: 0 0 5px 0;
    margin: 0 0 5px 0; }
  #news .side_box li:last-child {
    background: none;
    margin: 0;
    padding: 0; }
#news .box .news_date {
  background-image: url("/common/images/news/date_slash.png"), url("/common/images/news/bg_date_blue.png");
  background-repeat: no-repeat, no-repeat;
  background-position: 25px 20px, left top; }
  #news .box .news_date.is--live {
    background-position: 25px 35px, left top; }
#news .box .news_detail {
  background-color: #36c4e6; }
#news .box:nth-child(3n-1) .news_date {
  background-image: url("/common/images/news/date_slash.png"), url("/common/images/news/bg_date_pink.png");
  background-repeat: no-repeat, no-repeat;
  background-position: 25px 20px, left top; }
  #news .box:nth-child(3n-1) .news_date.is--live {
    background-position: 25px 35px, left top; }
#news .box:nth-child(3n-1) .news_detail {
  background-color: #ff8ca0; }
#news .box:nth-child(3n) .news_date {
  background-image: url("/common/images/news/date_slash.png"), url("/common/images/news/bg_date_yellow.png");
  background-repeat: no-repeat, no-repeat;
  background-position: 25px 20px, left top; }
  #news .box:nth-child(3n) .news_date.is--live {
    background-position: 25px 35px, left top; }
#news .box:nth-child(3n) .news_detail {
  background-color: #ffaf00; }

.sp #news .news_main {
  width: 100%;
  float: none;
  margin-bottom: 40px; }
.sp #news .news_side {
  width: 100%;
  float: none;
  margin: 0;
  text-align: center;
  letter-spacing: -0.4em; }
.sp #news .news_detail {
  font-size: 26px;
  padding-bottom: 50px; }
  .sp #news .news_detail strong {
    font-size: 28px; }
  .sp #news .news_detail iframe {
    width: 100%; }
.sp #news h3 {
  font-size: 32px;
  line-height: 1.4em; }
.sp #news .news_sns img {
  width: 44px;
  height: 44px; }
.sp #news .side_box {
  vertical-align: top;
  display: inline-block;
  width: 45%;
  text-align: left;
  letter-spacing: normal;
  margin: 0 10px; }
  .sp #news .side_box .title {
    padding: 20px 0 15px 0; }
    .sp #news .side_box .title img {
      height: 20px;
      width: auto; }
  .sp #news .side_box .detail {
    font-size: 24px;
    line-height: 1.4em;
    padding: 10px 0 10px 0;
    min-height: 200px; }
  .sp #news .side_box a {
    text-decoration: none; }
  .sp #news .side_box ul {
    margin: 0 15px; }
  .sp #news .side_box li {
    background-size: auto 2px;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0; }
  .sp #news .side_box li:last-child {
    background: none;
    margin: 0;
    padding: 0; }

#biography .biography_main {
  width: 820px; }
#biography .profile {
  background-color: #36c4e6;
  border-radius: 5px;
  color: #FFFFFF;
  font-size: 12px;
  padding: 20px;
  margin: 0 0 30px 0; }
#biography h3 {
  color: #505050;
  font-size: 16px;
  margin: 0 0 5px 0; }
  #biography h3 span {
    color: #FFFFFF;
    font-family: "Noto Sans", sans-serif;
    letter-spacing: 0.05em;
    font-size: 11px;
    display: inline-block;
    margin: 0 0 0 10px; }
#biography .member {
  *zoom: 1; }
  #biography .member:after {
    content: "";
    display: table;
    clear: both; }
  #biography .member li {
    width: 260px;
    float: left;
    margin: 0 20px 0 0; }
  #biography .member li:last-child {
    margin: 0; }
#biography .member_ph {
  margin: 0 auto 25px auto;
  text-align: center;
  width: 240px;
  height: 240px;
  border-radius: 240px;
  overflow: hidden; }
#biography .member_detail {
  border-radius: 5px;
  position: relative;
  padding: 15px 15px 5px 15px;
  color: #FFFFFF;
  font-size: 11px; }
#biography .fukidashi {
  position: absolute;
  left: 50%;
  top: -12px;
  margin-left: -7px;
  z-index: 0; }
#biography h4 {
  color: #505050;
  margin: 0 0 5px 0;
  font-size: 16px; }
  #biography h4 span {
    color: #FFFFFF;
    font-family: "Noto Sans", sans-serif;
    letter-spacing: 0.05em;
    font-size: 11px;
    display: inline-block;
    margin: 0 0 0 10px; }
#biography .member_text {
  background: url("/common/images/common/bar_dot_w.png") left top repeat-x;
  padding: 10px 0 0 0;
  margin: 5px 0 0 0;
  min-height: 170px; }
#biography .takahashi {
  background-color: #ffaf00; }
#biography .kohno {
  background-color: #36c4e6; }
#biography .nagaku {
  background-color: #ff8ca0; }

.sp #biography .biography_main {
  width: 100%; }
.sp #biography .profile {
  font-size: 24px;
  margin-bottom: 50px; }
.sp #biography h3 {
  font-size: 32px; }
  .sp #biography h3 span {
    letter-spacing: 0;
    font-size: 22px; }
.sp #biography .member li {
  width: 100%;
  float: none;
  margin: 0 0 30px 0;
  *zoom: 1; }
  .sp #biography .member li:after {
    content: "";
    display: table;
    clear: both; }
.sp #biography .member_ph {
  float: left;
  width: 240px; }
.sp #biography .member_detail {
  width: 340px;
  float: right;
  font-size: 22px;
  line-height: 1.4em; }
.sp #biography .fukidashi {
  display: none; }
.sp #biography h4 {
  color: #505050;
  margin: 0 0 5px 0;
  font-size: 26px; }
  .sp #biography h4 span {
    letter-spacing: 0;
    font-size: 22px; }
.sp #biography .member_text {
  background-size: auto 2px;
  min-height: auto; }

#discography .discography_main {
  width: 820px; }
#discography .disc_list li {
  margin: 0 0 30px 0;
  *zoom: 1; }
  #discography .disc_list li:after {
    content: "";
    display: table;
    clear: both; }
#discography .ph {
  width: 300px;
  float: left; }
#discography .detail {
  width: 475px;
  float: left;
  border-radius: 5px;
  position: relative;
  font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  padding: 20px 25px;
  margin: 0 0 0 40px; }
#discography .fukidashi {
  width: 15px;
  height: 18px;
  position: absolute;
  left: -15px;
  top: 55px;
  z-index: 0; }
#discography h3 {
  font-size: 20px;
  margin: 5px 0 0 0; }
#discography .date {
  font-size: 20px; }
#discography .spec {
  color: #FFFFFF;
  background: url("/common/images/common/bar_dot_w.png") left top repeat-x;
  padding: 10px 0 0 0;
  margin: 10px 0 0 0;
  *zoom: 1; }
  #discography .spec:after {
    content: "";
    display: table;
    clear: both; }
  #discography .spec p {
    margin-bottom: 1.4em; }
    #discography .spec p:last-child {
      margin-bottom: 0; }
  #discography .spec span {
    font-size: 10px; }
  #discography .spec strong {
    font-size: 14px;
    font-weight: bold; }
  #discography .spec i {
    text-decoration: underline;
    font-style: normal; }
#discography .tokuten_list li {
  width: 200px;
  float: left;
  margin: 0 15px 10px 0; }
#discography .tokuten_list li:nth-child(2n) {
  margin: 0 0 10px 0; }
#discography .list {
  *zoom: 1; }
  #discography .list:after {
    content: "";
    display: table;
    clear: both; }
  #discography .list li {
    float: left;
    margin: 0 15px 0 0;
    font-size: 10px;
    min-height: 210px;
    width: 130px; }
#discography .pink .detail {
  background-color: #ff8ca0; }
#discography .pink .fukidashi {
  background: url("/common/images/discography/bg_fukidashi_pink.png") left top no-repeat; }
#discography .blue .detail {
  background-color: #36c4e6; }
#discography .blue .fukidashi {
  background: url("/common/images/discography/bg_fukidashi.png") left top no-repeat; }
#discography .disco_banner {
  margin: 20px 0 0 0;
  *zoom: 1; }
  #discography .disco_banner:after {
    content: "";
    display: table;
    clear: both; }
  #discography .disco_banner li {
    float: left;
    margin: 0 20px 0 0; }
  #discography .disco_banner li:last-child {
    margin: 0; }

.sp #discography .discography_main {
  width: 100%; }
.sp #discography .ph {
  width: 100%;
  float: none;
  letter-spacing: -0.4em;
  margin: 0 0 20px 0;
  text-align: center; }
  .sp #discography .ph p {
    letter-spacing: normal;
    display: inline-block;
    width: 100%; }
  .sp #discography .ph img {
    width: 80%;
    height: auto; }
.sp #discography .detail {
  width: 100%;
  float: none;
  font-size: 20px;
  margin: 0 0 70px 0; }
.sp #discography .fukidashi {
  display: none; }
.sp #discography h3 {
  font-size: 40px; }
.sp #discography .date {
  font-size: 40px; }
.sp #discography .spec {
  font-size: 24px; }
  .sp #discography .spec span {
    font-size: 20px; }

#goods .goods_main {
  width: 930px; }
#goods .disc_list li {
  margin: 0 0 30px 0;
  *zoom: 1; }
  #goods .disc_list li:after {
    content: "";
    display: table;
    clear: both; }
  #goods .disc_list li .detail {
    background-color: #ffaf00; }
  #goods .disc_list li .fukidashi {
    background: url("/common/images/discography/bg_fukidashi_yellow.png") left top no-repeat; }
  #goods .disc_list li:nth-child(3n-1) .detail {
    background-color: #ff8ca0; }
  #goods .disc_list li:nth-child(3n-1) .fukidashi {
    background: url("/common/images/discography/bg_fukidashi_pink.png") left top no-repeat; }
  #goods .disc_list li:nth-child(3n-2) .detail {
    background-color: #36c4e6; }
  #goods .disc_list li:nth-child(3n-2) .fukidashi {
    background: url("/common/images/discography/bg_fukidashi.png") left top no-repeat; }
#goods .ph {
  width: 410px;
  float: left;
  background-color: #FFFFFF;
  text-align: center;
  padding: 15px 0;
  border-radius: 5px; }
  #goods .ph img {
    margin-bottom: 15px; }
    #goods .ph img:last-child {
      margin-bottom: 0; }
#goods .detail {
  width: 355px;
  float: left;
  border-radius: 5px;
  position: relative;
  font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  padding: 20px 25px;
  margin: 0 0 0 40px; }
#goods .fukidashi {
  width: 15px;
  height: 18px;
  position: absolute;
  left: -15px;
  top: 55px;
  z-index: 0; }
#goods h3 {
  font-size: 20px;
  margin: 5px 0 0 0; }
#goods .date {
  font-size: 20px; }
#goods .spec {
  color: #FFFFFF;
  background: url("/common/images/common/bar_dot_w.png") left top repeat-x;
  padding: 10px 0 0 0;
  margin: 10px 0 0 0; }
  #goods .spec span {
    font-size: 10px; }
  #goods .spec p {
    margin-bottom: 1.5em; }
    #goods .spec p:last-child {
      margin-bottom: 0; }
#goods .goods_paging {
  width: 100%;
  text-align: center;
  padding: 50px 0; }
  #goods .goods_paging li {
    display: inline-block;
    background-color: #ffcc28;
    border-radius: 5px;
    margin: 0 20px; }
  #goods .goods_paging a {
    display: block;
    padding: 10px 40px;
    text-decoration: none;
    font-size: 16px;
    font-family: "Noto Sans", sans-serif; }

.sp #goods .goods_main {
  width: 100%; }
.sp #goods li {
  margin-bottom: 50px; }
.sp #goods .ph {
  width: 100%;
  float: none;
  letter-spacing: -0.4em;
  margin: 0 0 20px 0;
  text-align: center; }
  .sp #goods .ph p {
    letter-spacing: normal;
    display: inline-block;
    width: 100%; }
  .sp #goods .ph img {
    width: 410px;
    height: auto; }
.sp #goods .detail {
  width: 100%;
  float: none;
  font-size: 20px;
  margin: 0; }
.sp #goods .fukidashi {
  display: none; }
.sp #goods h3 {
  font-size: 40px; }
.sp #goods .date {
  font-size: 40px; }
.sp #goods .spec {
  font-size: 24px; }
  .sp #goods .spec span {
    font-size: 20px; }

#questions .questions_main {
  width: 820px;
  min-height: 600px; }
  #questions .questions_main .main__intro {
    margin: 30px 0 10px 100px; }
    #questions .questions_main .main__intro p {
      width: 480px;
      text-align: center;
      font-size: 12px;
      padding: 30px 0 0 0; }
  #questions .questions_main .main__list ul {
    *zoom: 1; }
    #questions .questions_main .main__list ul:after {
      content: "";
      display: table;
      clear: both; }
  #questions .questions_main .main__list .q {
    *zoom: 1;
    cursor: pointer;
    margin-bottom: 10px; }
    #questions .questions_main .main__list .q:after {
      content: "";
      display: table;
      clear: both; }
    #questions .questions_main .main__list .q .q__num {
      display: inline-block;
      width: 30px;
      float: left;
      margin-top: 3px;
      font-family: "Roboto Condensed", sans-serif;
      font-size: 18px; }
    #questions .questions_main .main__list .q .q_txt {
      position: relative;
      display: inline-block;
      float: left;
      background: #FFF;
      border-radius: 4px;
      margin-left: 25px;
      width: 600px;
      min-height: 34px;
      padding-top: 6px;
      padding-left: 15px; }
      #questions .questions_main .main__list .q .q_txt:before {
        position: absolute;
        left: -10px;
        top: 9px;
        z-index: 0;
        content: "";
        background-image: url("/common/images/questions/s2_tri.png");
        width: 15px;
        height: 13px; }
    #questions .questions_main .main__list .q .answers {
      clear: both; }
  #questions .questions_main .main__list .a1 {
    float: left;
    width: 212px;
    margin-top: 10px;
    font-size: 12px; }
    #questions .questions_main .main__list .a1 .a1_txt {
      color: #fff;
      width: 212px;
      background: #ffaf00;
      padding: 10px;
      border-radius: 4px;
      position: relative; }
      #questions .questions_main .main__list .a1 .a1_txt:after {
        position: absolute;
        left: 91px;
        bottom: -10px;
        z-index: 1;
        content: "";
        background-image: url("/common/images/questions/s2_tri_yellow.png");
        width: 15px;
        height: 13px; }
    #questions .questions_main .main__list .a1 .a1_fig {
      margin-top: 20px;
      margin-left: 70px; }
  #questions .questions_main .main__list .a2 {
    float: left;
    width: 212px;
    margin-top: 10px;
    margin-left: 10px;
    font-size: 12px; }
    #questions .questions_main .main__list .a2 .a2_txt {
      color: #fff;
      width: 212px;
      background: #36c4e6;
      padding: 10px;
      border-radius: 4px;
      position: relative; }
      #questions .questions_main .main__list .a2 .a2_txt:after {
        position: absolute;
        left: 91px;
        bottom: -10px;
        z-index: 1;
        content: "";
        background-image: url("/common/images/questions/s2_tri_blue.png");
        width: 15px;
        height: 13px; }
    #questions .questions_main .main__list .a2 .a2_fig {
      margin-top: 20px;
      margin-left: 70px; }
  #questions .questions_main .main__list .a3 {
    float: left;
    width: 212px;
    margin-top: 10px;
    margin-left: 10px;
    font-size: 12px; }
    #questions .questions_main .main__list .a3 .a3_txt {
      color: #fff;
      width: 212px;
      background: #ff8ca0;
      padding: 10px;
      border-radius: 4px;
      position: relative; }
      #questions .questions_main .main__list .a3 .a3_txt:after {
        position: absolute;
        left: 91px;
        bottom: -10px;
        z-index: 1;
        content: "";
        background-image: url("/common/images/questions/s2_tri_pink.png");
        width: 15px;
        height: 13px; }
    #questions .questions_main .main__list .a3 .a3_fig {
      margin-top: 20px;
      margin-left: 70px; }

.sp #questions .questions_main {
  width: 100%; }
  .sp #questions .questions_main .main__list .q .q_txt {
    width: 540px; }
  .sp #questions .questions_main .main__list .a1 {
    width: 190px;
    font-size: 16px; }
    .sp #questions .questions_main .main__list .a1 .a1_txt {
      width: 190px;
      min-height: 250px; }
  .sp #questions .questions_main .main__list .a2 {
    width: 190px;
    font-size: 16px; }
    .sp #questions .questions_main .main__list .a2 .a2_txt {
      width: 190px;
      min-height: 250px; }
  .sp #questions .questions_main .main__list .a3 {
    width: 190px;
    font-size: 16px; }
    .sp #questions .questions_main .main__list .a3 .a3_txt {
      width: 190px;
      min-height: 250px; }

#movie .movie_main {
  width: 820px; }
#movie .movie_list li {
  width: 400px;
  height: 260px;
  float: left;
  margin: 0 20px 15px 0;
  font-size: 12px;
  color: #999999; }
#movie .movie_list li:nth-child(2n) {
  margin-right: 0; }
#movie .movie_list a {
  display: block;
  margin: 0 0 5px 0;
  width: 100%;
  height: 225px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; }
#movie .movie_paging {
  width: 100%;
  text-align: center;
  padding: 50px 0; }
  #movie .movie_paging li {
    display: inline-block;
    background-color: #ffcc28;
    border-radius: 5px;
    margin: 0 20px; }
  #movie .movie_paging a {
    display: block;
    padding: 10px 40px;
    text-decoration: none;
    font-size: 16px;
    font-family: "Noto Sans", sans-serif; }

.sp #movie .movie_main {
  width: 100%; }
.sp #movie .movie_list li {
  width: 290px;
  height: 220px;
  float: left;
  margin: 0 20px 15px 0;
  font-size: 16px; }
.sp #movie .movie_list li:nth-child(2n) {
  margin-right: 0; }
.sp #movie .movie_list a {
  display: block;
  margin: 0 0 5px 0;
  width: 100%;
  height: 163px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; }

.popup_bg {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 1000;
  width: 100%;
  height: 100%; }

.bg-white {
  background-color: rgba(255, 255, 255, 0.8); }

.bg-black {
  background-color: rgba(0, 0, 0, 0.8); }

.bg-red {
  background-color: rgba(139, 39, 32, 0.85); }
  .bg-red .popup_oneman {
    background-color: #000000 !important; }

.bg-beige {
  background-color: rgba(246, 246, 241, 0.85); }
  .bg-beige .popup_oneman {
    background-color: #cbb069 !important; }

#popup {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1001;
  width: 100%;
  height: 100%;
  display: none; }
  #popup .popup_inner {
    position: relative;
    width: 100%;
    height: 100%; }
  #popup .popup_close_fix {
    position: absolute;
    right: -20px;
    top: -20px;
    z-index: 10; }
  #popup .popup_oneman {
    width: 860px;
    height: 400px;
    height: auto;
    position: absolute;
    left: 50%;
    top: 100px;
    margin: 0 0 0 -430px;
    font-family: "Noto Sans Japanese", sans-serif;
    background-color: #ffcc28;
    border-radius: 5px; }
    #popup .popup_oneman .popup_box {
      position: relative;
      margin: 0 60px;
      padding: 50px 0;
      height: 100%; }
    #popup .popup_oneman .popup_info {
      *zoom: 1;
      margin: 0 0 40px 0; }
      #popup .popup_oneman .popup_info:after {
        content: "";
        display: table;
        clear: both; }
      #popup .popup_oneman .popup_info .popup_info_image {
        width: 300px;
        float: left; }
      #popup .popup_oneman .popup_info .popup_info_detail {
        width: 400px;
        float: right;
        padding-top: 20px; }
      #popup .popup_oneman .popup_info .popup_info_headline {
        font-size: 22px;
        font-weight: bold;
        margin: 0 0 15px 0;
        line-height: 1.4em; }
      #popup .popup_oneman .popup_info .popup_specs {
        font-size: 12px; }
    #popup .popup_oneman .popup_info_event {
      font-size: 13px;
      line-height: 1.6em; }
      #popup .popup_oneman .popup_info_event .popup_info_event_title {
        font-size: 18px;
        margin: 0 0 20px 0;
        font-weight: bold;
        text-align: center; }
      #popup .popup_oneman .popup_info_event strong {
        font-size: 14px;
        display: inline-block;
        margin: 0 0 10px 0; }
      #popup .popup_oneman .popup_info_event i {
        font-style: normal;
        color: #F00;
        font-weight: bold; }
    #popup .popup_oneman .popup_goods_list {
      *zoom: 1; }
      #popup .popup_oneman .popup_goods_list:after {
        content: "";
        display: table;
        clear: both; }
      #popup .popup_oneman .popup_goods_list li {
        width: 360px;
        float: left;
        margin: 0 20px 0 0; }
      #popup .popup_oneman .popup_goods_list li:last-child {
        margin: 0; }
    #popup .popup_oneman .popup_goods_image {
      width: 100%;
      background-color: #FFFFFF;
      text-align: center;
      padding: 15px 0;
      border-radius: 5px;
      margin: 0 0 10px 0; }
    #popup .popup_oneman .headline {
      text-align: center;
      font-size: 24px;
      margin: 0 0 40px 0; }
    #popup .popup_oneman .headline_sub {
      font-size: 12px;
      color: #ffffff;
      font-family: "Noto Sans", sans-serif;
      letter-spacing: 0.1em;
      text-align: center;
      margin: 0 0 50px 0; }
    #popup .popup_oneman dl {
      *zoom: 1;
      margin: 0 0 10px 0; }
      #popup .popup_oneman dl:after {
        content: "";
        display: table;
        clear: both; }
    #popup .popup_oneman dt {
      float: left;
      width: 130px;
      font-size: 13px;
      line-height: 20px; }
    #popup .popup_oneman dd {
      float: left;
      font-size: 17px;
      line-height: 20px; }
  #popup .popup_countdown {
    width: 793px;
    height: 450px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -225px 0 0 -396px;
    font-family: "Lora", serif;
    border-radius: 5px;
    color: #ffffff;
    background: url("/uploads/bg_count1.jpg") left top no-repeat; }
    #popup .popup_countdown .popup_box_inner {
      position: relative; }
    #popup .popup_countdown .popup_count_num {
      position: absolute;
      left: 0px;
      top: 210px;
      z-index: 0;
      width: 320px;
      text-align: center;
      font-size: 55px;
      line-height: 110px; }
      #popup .popup_countdown .popup_count_num span {
        font-size: 105px; }
  #popup .popup_movie {
    width: 893px;
    height: 540px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -270px 0 0 -446px;
    background-color: #000000;
    font-family: "Noto Sans Japanese", sans-serif;
    background-color: 0;
    border-radius: 5px;
    padding: 20px 0; }
    #popup .popup_movie .popup_box_inner {
      margin: 0 20px; }
  #popup .popup_close {
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 30px;
    z-index: 0; }
    #popup .popup_close a {
      display: inline-block;
      border: #FFFFFF solid 1px;
      text-decoration: none;
      color: #ffffff;
      font-family: "Noto Sans", sans-serif;
      font-size: 12px;
      padding: 5px 15px;
      letter-spacing: 0.05em; }

.sp #popup .popup_countdown {
  width: 600px;
  height: 341px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -170px 0 0 -300px;
  background: url("/uploads/bg_count1.jpg") left top no-repeat;
  background-size: 100% auto;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto; }
  .sp #popup .popup_countdown .popup_count_num {
    position: absolute;
    left: 0px;
    top: 160px;
    z-index: 0;
    width: 240px;
    text-align: center;
    font-size: 30px;
    line-height: 90px; }
    .sp #popup .popup_countdown .popup_count_num span {
      font-size: 80px; }
.sp #popup .popup_oneman {
  width: 600px;
  height: auto;
  left: 50%;
  top: 50px;
  margin: 0 0 0 -300px; }
  .sp #popup .popup_oneman .popup_box {
    position: relative;
    margin: 0 60px;
    padding: 50px 0;
    height: 100%; }
  .sp #popup .popup_oneman .headline {
    font-size: 30px; }
  .sp #popup .popup_oneman .headline_sub {
    font-size: 18px; }
.sp #popup .popup_close a {
  font-size: 20px;
  padding: 10px 30px; }
.sp #popup .popup_info_event {
  font-size: 22px;
  line-height: 1.6em; }
  .sp #popup .popup_info_event .popup_info_event_title {
    font-size: 28px; }
  .sp #popup .popup_info_event strong {
    font-size: 24px; }
.sp #popup .popup_goods_list {
  *zoom: 1; }
  .sp #popup .popup_goods_list:after {
    content: "";
    display: table;
    clear: both; }
  .sp #popup .popup_goods_list li {
    width: 100%;
    margin: 0 0 20px 0; }
.sp #popup .popup_goods_image {
  width: 100%; }
  .sp #popup .popup_goods_image img {
    width: 90%;
    height: auto; }

.format-black #top .l-inner {
  background-color: #000000; }
.format-black #top .main_down {
  background: #000000; }
.format-black #top .top_news .frame_inner {
  background-color: #c23a30; }
.format-black #top .top_news .frame_title {
  background-color: #c23a30; }
.format-black #top .top_news li {
  background: url("/common/images/common/bar_dot_white.png") left bottom repeat-x; }
.format-black #top .top_news .title {
  color: #000000; }
.format-black #top .top_live .frame_inner {
  background-color: #c23a30; }
.format-black #top .top_live .frame_title {
  background-color: #c23a30; }
.format-black #top .top_live li {
  background: url("/common/images/common/bar_dot_white.png") left bottom repeat-x; }
.format-black #top .top_live .title {
  color: #000000; }
.format-black #top .top_twitter .frame_inner {
  background-color: #c23a30; }
.format-black #top .top_twitter .frame_title {
  background-color: #c23a30; }

.format-beige #top .l-inner {
  background-color: #f6f6f1; }
.format-beige #top .main_down {
  background: #f6f6f1; }
.format-beige #top .top_news .frame_inner {
  background-color: #cbb069; }
.format-beige #top .top_news .frame_title {
  background-color: #cbb069; }
.format-beige #top .top_news li {
  background: url("/common/images/common/bar_dot_white.png") left bottom repeat-x; }
.format-beige #top .top_news .title {
  color: #000000; }
.format-beige #top .top_live .frame_inner {
  background-color: #cbb069; }
.format-beige #top .top_live .frame_title {
  background-color: #cbb069; }
.format-beige #top .top_live li {
  background: url("/common/images/common/bar_dot_white.png") left bottom repeat-x; }
.format-beige #top .top_live .title {
  color: #000000; }
.format-beige #top .top_twitter .frame_inner {
  background-color: #cbb069; }
.format-beige #top .top_twitter .frame_title {
  background-color: #cbb069; }

.format-deepblue #top .l-inner {
  background-color: #0b0a34; }
.format-deepblue #top .main_down {
  background: #0b0a34; }
.format-deepblue #top .top_news .frame_inner {
  background-color: #ff0098; }
.format-deepblue #top .top_news .frame_title {
  background-color: #ff0098; }
.format-deepblue #top .top_news li {
  background: url("/common/images/common/bar_dot_white.png") left bottom repeat-x; }
.format-deepblue #top .top_news .title {
  color: #000000; }
.format-deepblue #top .top_live .frame_inner {
  background-color: #ff0098; }
.format-deepblue #top .top_live .frame_title {
  background-color: #ff0098; }
.format-deepblue #top .top_live li {
  background: url("/common/images/common/bar_dot_white.png") left bottom repeat-x; }
.format-deepblue #top .top_live .title {
  color: #000000; }
.format-deepblue #top .top_twitter .frame_inner {
  background-color: #ff0098; }
.format-deepblue #top .top_twitter .frame_title {
  background-color: #ff0098; }

.format-beige2 #top .l-inner {
  background-color: #dbbc72; }
.format-beige2 #top .main_down {
  background: #dbbc72; }
.format-beige2 #top .top_news .frame_inner {
  background-color: #000000; }
.format-beige2 #top .top_news .frame_title {
  background-color: #000000; }
.format-beige2 #top .top_news li {
  background: url("/common/images/common/bar_dot_white.png") left bottom repeat-x; }
.format-beige2 #top .top_news .title {
  color: #dbbc72; }
.format-beige2 #top .top_live .frame_inner {
  background-color: #000000; }
.format-beige2 #top .top_live .frame_title {
  background-color: #000000; }
.format-beige2 #top .top_live li {
  background: url("/common/images/common/bar_dot_white.png") left bottom repeat-x; }
.format-beige2 #top .top_live .title {
  color: #dbbc72; }
.format-beige2 #top .top_twitter .frame_inner {
  background-color: #000000; }
.format-beige2 #top .top_twitter .frame_title {
  background-color: #000000; }

.format-def .main_down {
  background: #ffcc28; }