@charset "UTF-8";

@media screen and (max-width: 768px) {
  .pagenation {
    margin-top: 4vw;
  }

  #myc .local_nav {
    margin: 3em auto;
  }
  #myc .local_nav > li {
    margin: 0 .3em;
  }
  #myc .local_nav a {
    padding: .4em .4em .3em;
    font-size: 4vw;
    text-decoration: none;
  }
  #myc .articles {
    padding-bottom: 10.6666666667vw;
  }
  #myc .archives_wrap h3 {
    font-size: 24px;
  }
  #myc .archives_wrap .archive_list {
    font-size: 4vw;
  }
  #myc .article_wrap .date > span {
    font-size: 4.5333333333vw;
  }
  #myc .article_body {
    padding: 60px 5.9829059829% 20px;
  }
  #myc .article_body .inner_content .img-box {
    display: block;
  }
  #myc .article_ttl {
    /*font-size: 4vw;*/
  }
  #myc .link_button {
    text-decoration: none;
  }
  #myc .link_button .en {
    font-weight: 600;
  }
  #myc .tour_content {
    padding-top: 10.6666666667vw;
  }
  #myc .tour_content .button_area {
    margin-top: 8vw;
  }
  #myc .tour_content .button_area .link_button .en {
    font-size: 16px;
  }
  #myc .schedule_ttl {
    font-size: 4vw;
  }
  #myc .live_ttl {
    font-size: 4vw;
  }
  #myc .upcoming .live_ttl {
    font-size: 4vw;
    text-align: center;
  }
  #myc .live_history {
    display: block;
    margin-bottom: 2em;
  }
  #myc .live_history .year {
    display: inline-block;
    margin-bottom: 1em;
    padding: .3em .5em;
    width: auto;
    height: auto;
    font-size: 4.8vw;
  }
  #myc .live_history .article_wrap {
    width: 100%;
  }
  #myc .live_history .article_body {
    padding: 6.511627907%;
  }
  #myc .live_history .imgs-box {
    display: block;
  }
  #myc .live_history .imgs-box img {
    width: 100%;
  }
  #myc .live_history .imgs-box img + img {
    margin-top: 1em;
  }
  #myc .live_history .align_right {
    justify-content: flex-start;
  }
  #myc .tour_archive .schedule_wrap {
    display: block;
  }
  #myc .tour_archive .schedule {
    width: 100%;
  }
  #myc .tour_archive .pic_wrap {
    width: 100%;
  }
  #myc .music_area {
    display: block;
  }
  #myc .music_area .cover_block {
    width: 100%;
  }
  #myc .music_area .summary_block {
    margin-top: 1.5em;
    width: 100%;
  }
  #myc .music_area .summary_block h3 {
    font-size: 4vw;
  }
  #myc .music_area .summary_block h4 {
    font-size: 3.4666666667vw;
  }
  #myc .music_area .button_list {
    justify-content: space-between;
  }
  #myc .music_area .button_list > li {
    margin-right: 0;
    margin-bottom: 4%;
    width: 48%;
  }
  #myc .music_area .button_list .link_button {
    font-size: 3.7333333333vw;
  }
  #myc .works_list {
    display: block;
    margin: 0 auto;
    width: 100%;
    border-top: 1px solid #dddddf;
  }
  #myc .works_list > .tmb_wrap {
    width: 100%;
    border-bottom: 1px solid #dddddf;
  }
  #myc .works_list > .tmb_wrap .inner_wrap {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    padding: 1em 0;
  }
  #myc .works_list > .tmb_wrap img {
    min-width: 73px;
    width: 21.1594202899%;
  }
  #myc .works_list ul {
    list-style: none;
  }
  #myc .bio {
    padding: 10.6666666667vw 0;
  }
  #myc .bio h3 {
    font-size: 6vw;
  }
  #myc .bio .lang_ja {
    display: block;
  }
  #myc .bio .lang_ja .img_wrap {
    margin: 0 auto;
    width: 57.3333333333vw;
  }
  #myc .bio .lang_ja .text_wrap {
    margin-top: 2em;
    width: 100%;
      padding-right: inherit;
  }
  #myc .bio .lang_ja h3 {
    font-size: 19.56vw;
    text-align: center;
  }
  #myc .bio .lang_ja h3 + p {
    margin-top: 2em;
  }
  #myc .bio .article_wrap p + p {
    margin-top: 1.5em;
  }
  #myc .fans {
    padding-top: 10.6666666667vw;
  }
  #myc .fans ul,
  #myc .fans ol {
    padding-left: 2em;
    list-style-position: outside;
  }
  #myc .fans ul > li,
  #myc .fans ol > li {
    margin-top: .3em;
  }
  #myc .fans .article_body {
    padding: 5.9829059829%;
  }
  #myc .fans .fans_ttl {
    font-size: 7.4666666667vw;
  }
  #myc .fans .lounge_wrap,
  #myc .fans .app_wrap {
    display: block;
  }
  #myc .fans .lounge_wrap .img_wrap,
  #myc .fans .lounge_wrap .text_wrap,
  #myc .fans .app_wrap .img_wrap,
  #myc .fans .app_wrap .text_wrap {
    width: 100%;
  }
  #myc .fans .lounge_wrap .img_wrap,
  #myc .fans .app_wrap .img_wrap {
    margin-bottom: 1.5em;
  }
  #myc .fans.howto * + .inner_content {
    margin-top: 8vw;
    padding-top: 8vw;
  }
  #myc .fans.howto .button_area {
    margin-top: 8vw;
  }
  #myc .fans.law * + .inner_content {
    margin-top: 5.3333333333vw;
    padding-top: 5.3333333333vw;
  }
  #myc .fans.law .button_area {
    margin-top: 8vw;
  }
  #myc .fans .howto_wrap {
    display: block;
  }
  #myc .fans .howto_wrap .img_wrap {
    width: 100%;
  }
  #myc .fans .howto_wrap .img_wrap img + img {
    margin-top: 0;
  }
  #myc .fans .howto_wrap .text_wrap {
    margin-top: 1em;
    width: 100%;
  }
  #myc .fans .howto_wrap h4
{
	margin-top: 24px;
    font-size: 4.2666666667vw;
  }
  #myc .fans.benefit {
    padding: 0;
  }
  #myc .fans.benefit .article_body {
    border-bottom: 0;
  }
  #myc .fans.benefit .centerview {
    padding: 0;
  }
  #myc .fans.benefit img {
    max-width: 100%;
    height: auto;
  }
  #myc .fans.benefit .button_list {
    display: block;
  }
  #myc .fans.benefit .button_list > li {
    width: 100%;
  }
  #myc .fans.benefit .button_list > li + li {
    margin-top: 2.5em;
  }
  #myc .fans.benefit .button_list .link_button {
    font-size: 4.2666666667vw;
  }
  #myc .fans .article_header {
    margin-bottom: 0;
  }
  #myc .fans .footer-info {
    display: block;
    margin-top: 10.6666666667vw;
    padding: 0;
  }
  #myc .fans .footer-info .info_wrap {
    display: block;
    padding: 1.5em;
    width: 100%;
  }
  #myc .fans .footer-info .info_wrap + .info_wrap {
    border-top: 1px solid #fff;
    border-left: 0;
  }
}