@charset "UTF-8";
/* CSS Document */
/*
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
.hidetxt{ text-indent: 100%; white-space: nowrap; overflow: hidden; }
*/
#content {
  margin: 0;
  padding: 0; }

@media print, screen and (min-width: 769px) {
  .pc {
    display: block; }
  .sp {
    display: none; } }

@media screen and (max-width: 768px) {
  .pc {
    display: none; }
  .sp {
    display: block; } }

/*-------- コンテンツ --------*/
@media screen and (max-width: 768px) {
  #content img {
    width: 100%; } }

@media print, screen and (min-width: 769px) {
  #content {
    background-size: 1920px auto;
    background-position: center 100px;
    background-repeat: no-repeat;
    overflow: hidden; }
    #content.page-index {
      background-image: url("/megahobby/event/specialweek/images/index/bg.jpg"); background-attachment: fixed; background-position: top;}
    #content.page-fate {
      background-image: url("/megahobby/event/specialweek/images/fate/bg.jpg"); }
    #content.page-ruka {
      background-image: url("/megahobby/event/specialweek/images/ruka/bg.jpg");
      background-repeat: repeat-y; }
    #content.page-beas {
      background-image: url("/megahobby/event/specialweek/images/beas/bg.jpg"); }
    #content.page-sao {
      background-image: url("/megahobby/event/specialweek/images/sao/bg.jpg"); }
    #content.page-poke {
      background-image: url("/megahobby/event/specialweek/images/poke/bg.jpg"); }
    #content.page-yugi {
      background-image: url("/megahobby/event/specialweek/images/yugi/bg.jpg"); }
    #content.page-kime {
      background-image: url("/megahobby/event/specialweek/images/kime/bg.jpg"); }
    #content.page-one {
      background-image: url("/megahobby/event/specialweek/images/one/bg.jpg"); }
    #content.page-naruto {
      background-image: url("/megahobby/event/specialweek/images/naruto/bg.jpg"); }
    #content.page-index {
      background-color: #000b35; }
    #content.page-fate {
      background-color: #d45835; }
    #content.page-ruka {
      background-color: #fff; }
    #content.page-beas {
      background-color: #260002; }
    #content.page-sao {
      background-color: #c40017; }
    #content.page-poke {
      background-color: #fffce4; }
    #content.page-yugi {
      background-color: #2f0606; }
    #content.page-kime {
      background-color: #2c0136; }
    #content.page-one {
      background-color: #2c0136; }
    #content.page-naruto {
      background-color: #2c0136; } }

@media screen and (max-width: 768px) {
  #content {
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    overflow: hidden; }
    #content.page-index {
      background-image: url("/megahobby/event/specialweek/images/index/sp/bg.jpg");}
    #content.page-fate {
      background-image: url("/megahobby/event/specialweek/images/fate/sp/bg.jpg"); }
    #content.page-ruka {
      background-image: url("/megahobby/event/specialweek/images/ruka/sp/bg.jpg");
      background-repeat: repeat-y; }
    #content.page-beas {
      background-image: url("/megahobby/event/specialweek/images/beas/sp/bg.jpg"); }
    #content.page-sao {
      background-image: url("/megahobby/event/specialweek/images/sao/sp/bg.jpg"); }
    #content.page-poke {
      background-image: url("/megahobby/event/specialweek/images/poke/sp/bg.jpg"); }
    #content.page-yugi {
      background-image: url("/megahobby/event/specialweek/images/yugi/sp/bg.jpg"); }
    #content.page-kime {
      background-image: url("/megahobby/event/specialweek/images/kime/sp/bg.jpg"); }
    #content.page-one {
      background-image: url("/megahobby/event/specialweek/images/one/sp/bg.jpg"); }
    #content.page-naruto {
      background-image: url("/megahobby/event/specialweek/images/naruto/sp/bg.jpg");
      background-repeat: repeat-y; }
    #content.page-index {
      background-color: #000b35; }
    #content.page-fate {
      background-color: #d45835; }
    #content.page-ruka {
      background-color: #fff; }
    #content.page-beas {
      background-color: #260002; }
    #content.page-sao {
      background-color: #c40017; }
    #content.page-poke {
      background-color: #fffce4; }
    #content.page-yugi {
      background-color: #2f0606; }
    #content.page-kime {
      background-color: #2c0136; }
    #content.page-one {
      background-color: #dc1900; }
    #content.page-naruto {
      background-color: #013624; } }

#special {
  overflow-x: hidden; }
  #special .mod-hover {
    display: inline-block;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s; }
    #special .mod-hover:hover {
      opacity: 0.8; }
  @media print, screen and (min-width: 769px) {
    #special .area-inner {
      width: 1200px;
      margin: 0 auto; } }

@media print, screen and (min-width: 769px) {
  #special .area-head {
    background: #000;
    padding: 18px 0; }
    #special .area-head .area-inner {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
  #special .area-head-index {
    background: rgba(0, 0, 0, 0.6);
    padding: 18px 0; } }

@media screen and (max-width: 768px) {
  #special img {
    width: 100%; }
  #special .area-head {
    background: #000;
    padding: 10px 10px 5px 10px; }
    #special .area-head .area-inner {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    #special .area-head ._title {
      width: 65vw; }
    #special .area-head ._btn {
      width: 22vw; }
  #special .area-head-index {
    background: rgba(0, 0, 0, 0.6);
    padding: 10px 10px 5px 10px; } }

/* ----------------------------------------------------------
index
---------------------------------------------------------- */
@media print, screen and (min-width: 769px) {
  #special .area-body-index .t360 {
    position: relative;
    width: 1200px;
    height: 1300px;
    margin: 0 auto; }
    #special .area-body-index .t360 .btn-prev {
      position: absolute;
      top: 50%;
      left: -100px;
      width: 190px;
      height: 176px;
      z-index: 110; }
    #special .area-body-index .t360 .btn-next {
      position: absolute;
      top: 50%;
      right: -100px;
      width: 190px;
      height: 176px;
      z-index: 110; }
    #special .area-body-index .t360 ._item {
      position: absolute;
      display: block;
      top: 0px;
      left: 0px;
      width: 1100px;
      height: 1000px;
      font-size: 40px;
      text-align: center;
      -webkit-transition-duration: 0.4s;
      -o-transition-duration: 0.4s;
      transition-duration: 0.4s;
      border-radius: 15px;
      background: url(/megahobby/event/specialweek/images/index/360/shadow.png); }
      #special .area-body-index .t360 ._item .pic {
        position: absolute;
        width: 500px;
        height: 840px; }
        #special .area-body-index .t360 ._item .pic.is-l {
          top: 70px;
          left: 50px; }
        #special .area-body-index .t360 ._item .pic.is-r {
          top: 70px;
          left: 550px; }
        #special .area-body-index .t360 ._item .pic a {
          display: block;
          -webkit-transition-duration: 0.2s;
          -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
          cursor: pointer; }
          #special .area-body-index .t360 ._item .pic a:hover {
            opacity: 0.8; }
    #special .area-body-index .t360.is-01 .is-item-01 {
      top: 320px;
      left: 50px;
      z-index: 10; }
    #special .area-body-index .t360.is-01 .is-item-02 {
      top: -120px;
      left: -410px;
      -webkit-transform: scale(0.43);
      -ms-transform: scale(0.43);
      transform: scale(0.43);
      z-index: 7; }
    #special .area-body-index .t360.is-01 .is-item-03 {
      top: -270px;
      left: 50px;
      -webkit-transform: scale(0.35);
      -ms-transform: scale(0.35);
      transform: scale(0.35);
      z-index: 5; }
    #special .area-body-index .t360.is-01 .is-item-04 {
      top: -120px;
      left: 520px;
      -webkit-transform: scale(0.43);
      -ms-transform: scale(0.43);
      transform: scale(0.43);
      z-index: 7; }
    #special .area-body-index .t360.is-02 .is-item-01 {
      top: -120px;
      left: -410px;
      -webkit-transform: scale(0.43);
      -ms-transform: scale(0.43);
      transform: scale(0.43);
      z-index: 7; }
    #special .area-body-index .t360.is-02 .is-item-02 {
      top: -270px;
      left: 50px;
      -webkit-transform: scale(0.35);
      -ms-transform: scale(0.35);
      transform: scale(0.35);
      z-index: 5; }
    #special .area-body-index .t360.is-02 .is-item-03 {
      top: -120px;
      left: 520px;
      -webkit-transform: scale(0.43);
      -ms-transform: scale(0.43);
      transform: scale(0.43);
      z-index: 7; }
    #special .area-body-index .t360.is-02 .is-item-04 {
      top: 320px;
      left: 50px;
      z-index: 10; }
    #special .area-body-index .t360.is-03 .is-item-01 {
      top: -270px;
      left: 50px;
      -webkit-transform: scale(0.35);
      -ms-transform: scale(0.35);
      transform: scale(0.35);
      z-index: 5; }
    #special .area-body-index .t360.is-03 .is-item-02 {
      top: -120px;
      left: 520px;
      -webkit-transform: scale(0.43);
      -ms-transform: scale(0.43);
      transform: scale(0.43);
      z-index: 7; }
    #special .area-body-index .t360.is-03 .is-item-03 {
      top: 320px;
      left: 50px;
      z-index: 10; }
    #special .area-body-index .t360.is-03 .is-item-04 {
      top: -120px;
      left: -410px;
      -webkit-transform: scale(0.43);
      -ms-transform: scale(0.43);
      transform: scale(0.43);
      z-index: 7; }
    #special .area-body-index .t360.is-04 .is-item-01 {
      top: -120px;
      left: 520px;
      -webkit-transform: scale(0.43);
      -ms-transform: scale(0.43);
      transform: scale(0.43);
      z-index: 7; }
    #special .area-body-index .t360.is-04 .is-item-02 {
      top: 320px;
      left: 50px;
      z-index: 10; }
    #special .area-body-index .t360.is-04 .is-item-03 {
      top: -120px;
      left: -410px;
      -webkit-transform: scale(0.43);
      -ms-transform: scale(0.43);
      transform: scale(0.43);
      z-index: 7; }
    #special .area-body-index .t360.is-04 .is-item-04 {
      top: -270px;
      left: 50px;
      -webkit-transform: scale(0.35);
      -ms-transform: scale(0.35);
      transform: scale(0.35);
      z-index: 5; }
  #special .area-body-index ._lineup {
    position: relative;
    height: 1000px; }
    #special .area-body-index ._lineup ._t {
      position: absolute;
      top: 0;
      left: 0;
      width: 463px;
      height: 108px; }
    #special .area-body-index ._lineup ._btn-01 {
      position: absolute;
      top: 15px;
      left: 579px;
      width: 624px;
      height: 211px; }
    #special .area-body-index ._lineup ._btn-02 {
      position: absolute;
      top: 116px;
      left: 8px;
      width: 624px;
      height: 211px; }
    #special .area-body-index ._lineup ._btn-03 {
      position: absolute;
      top: 218px;
      left: 580px;
      width: 624px;
      height: 211px; }
    #special .area-body-index ._lineup ._btn-04 {
      position: absolute;
      top: 323px;
      left: 12px;
      width: 624px;
      height: 211px; }
    #special .area-body-index ._lineup ._btn-05 {
      position: absolute;
      top: 424px;
      left: 585px;
      width: 624px;
      height: 211px; }
    #special .area-body-index ._lineup ._btn-06 {
      position: absolute;
      top: 526px;
      left: 16px;
      width: 624px;
      height: 211px; }
    #special .area-body-index ._lineup ._btn-07 {
      position: absolute;
      top: 630px;
      left: 583px;
      width: 624px;
      height: 211px; }
    #special .area-body-index ._lineup ._btn-08 {
      position: absolute;
      top: 730px;
      left: 18px;
      width: 624px;
      height: 211px; }
    #special .area-body-index ._lineup a {
      position: relative;
      display: block;
      -webkit-transition-duration: 0.2s;
      -o-transition-duration: 0.2s;
      transition-duration: 0.2s; }
      #special .area-body-index ._lineup a:hover {
        opacity: 0.8; } }

@media screen and (max-width: 768px) {
  #special .area-body-index .t360 {
    position: relative;
    width: 375px;
    height: 375px;
    margin: 0 auto;
    border: 1px solid #000; }
    #special .area-body-index .t360 .btn-prev {
      position: absolute;
      top: 50%;
      left: 0px;
      width: 57px;
      height: 52.8px;
      z-index: 110; }
    #special .area-body-index .t360 .btn-next {
      position: absolute;
      top: 50%;
      right: 0px;
      width: 57px;
      height: 52.8px;
      z-index: 110; }
    #special .area-body-index .t360 ._item {
      position: absolute;
      display: block;
      top: 0px;
      left: 0px;
      width: 260px;
      height: 230px;
      font-size: 40px;
      text-align: center;
      -webkit-transition-duration: 0.4s;
      -o-transition-duration: 0.4s;
      transition-duration: 0.4s;
      background: url(/megahobby/event/specialweek/images/index/360/shadow.png);
      background-size: cover; }
      #special .area-body-index .t360 ._item img {
        width: 100%; }
      #special .area-body-index .t360 ._item .pic {
        position: absolute;
        width: 120px;
        height: 200px; }
        #special .area-body-index .t360 ._item .pic.is-l {
          top: 15px;
          left: 10px; }
        #special .area-body-index .t360 ._item .pic.is-r {
          top: 15px;
          left: 130px; }
        #special .area-body-index .t360 ._item .pic a {
          display: block;
          -webkit-transition-duration: 0.2s;
          -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
          cursor: pointer; }
          #special .area-body-index .t360 ._item .pic a:hover {
            opacity: 0.8; }
    #special .area-body-index .t360.is-01 .is-item-01 {
      top: 120px;
      left: 55px;
      z-index: 10; }
    #special .area-body-index .t360.is-01 .is-item-02 {
      top: 0px;
      left: -60px;
      -webkit-transform: scale(0.43);
      -ms-transform: scale(0.43);
      transform: scale(0.43);
      z-index: 7; }
    #special .area-body-index .t360.is-01 .is-item-03 {
      top: -50px;
      left: 55px;
      -webkit-transform: scale(0.35);
      -ms-transform: scale(0.35);
      transform: scale(0.35);
      z-index: 5; }
    #special .area-body-index .t360.is-01 .is-item-04 {
      top: 0px;
      left: 170px;
      -webkit-transform: scale(0.43);
      -ms-transform: scale(0.43);
      transform: scale(0.43);
      z-index: 7; }
    #special .area-body-index .t360.is-02 .is-item-01 {
      top: 0px;
      left: -60px;
      -webkit-transform: scale(0.43);
      -ms-transform: scale(0.43);
      transform: scale(0.43);
      z-index: 7; }
    #special .area-body-index .t360.is-02 .is-item-02 {
      top: -50px;
      left: 55px;
      -webkit-transform: scale(0.35);
      -ms-transform: scale(0.35);
      transform: scale(0.35);
      z-index: 5; }
    #special .area-body-index .t360.is-02 .is-item-03 {
      top: 0px;
      left: 170px;
      -webkit-transform: scale(0.43);
      -ms-transform: scale(0.43);
      transform: scale(0.43);
      z-index: 7; }
    #special .area-body-index .t360.is-02 .is-item-04 {
      top: 120px;
      left: 55px;
      z-index: 10; }
    #special .area-body-index .t360.is-03 .is-item-01 {
      top: -50px;
      left: 55px;
      -webkit-transform: scale(0.35);
      -ms-transform: scale(0.35);
      transform: scale(0.35);
      z-index: 5; }
    #special .area-body-index .t360.is-03 .is-item-02 {
      top: 0px;
      left: 170px;
      -webkit-transform: scale(0.43);
      -ms-transform: scale(0.43);
      transform: scale(0.43);
      z-index: 7; }
    #special .area-body-index .t360.is-03 .is-item-03 {
      top: 120px;
      left: 55px;
      z-index: 10; }
    #special .area-body-index .t360.is-03 .is-item-04 {
      top: 0px;
      left: -60px;
      -webkit-transform: scale(0.43);
      -ms-transform: scale(0.43);
      transform: scale(0.43);
      z-index: 7; }
    #special .area-body-index .t360.is-04 .is-item-01 {
      top: 0px;
      left: 170px;
      -webkit-transform: scale(0.43);
      -ms-transform: scale(0.43);
      transform: scale(0.43);
      z-index: 7; }
    #special .area-body-index .t360.is-04 .is-item-02 {
      top: 120px;
      left: 55px;
      z-index: 10; }
    #special .area-body-index .t360.is-04 .is-item-03 {
      top: 0px;
      left: -60px;
      -webkit-transform: scale(0.43);
      -ms-transform: scale(0.43);
      transform: scale(0.43);
      z-index: 7; }
    #special .area-body-index .t360.is-04 .is-item-04 {
      top: -50px;
      left: 55px;
      -webkit-transform: scale(0.35);
      -ms-transform: scale(0.35);
      transform: scale(0.35);
      z-index: 5; }
  #special .area-body-index ._lineup {
    position: relative;
    padding: 0 20px 40px 20px; }
    #special .area-body-index ._lineup ._t {
      width: 70vw; }
    #special .area-body-index ._lineup a {
      position: relative;
      display: block;
      -webkit-transition-duration: 0.2s;
      -o-transition-duration: 0.2s;
      transition-duration: 0.2s; }
      #special .area-body-index ._lineup a:hover {
        opacity: 0.8; } }

/* ----------------------------------------------------------
sub
---------------------------------------------------------- */
@media print, screen and (min-width: 769px) {
  #special .area-body {
    margin-top: 10px;
    margin-bottom: 40px;
    min-height: 870px; }
    #special .area-body .area-body-head {
      display: none; }
    #special .area-body .area-inner {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    #special .area-body .area-body-image {
      width: 600px;
      height: 870px;
      position: relative; }
      #special .area-body .area-body-image ._fig {
        position: relative; }
    #special .area-body .area-body-detail {
      width: 581px; }
      #special .area-body .area-body-detail ._logos {
        margin-top: 10px;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        #special .area-body .area-body-detail ._logos div + div {
          margin-left: 15px; }
      #special .area-body .area-body-detail ._t_date {
        margin-top: 10px; }
      #special .area-body .area-body-detail ._copy {
        margin-top: 20px;
        text-align: right;
        color: #fff;
        font-size: 18px; }
      #special .area-body .area-body-detail ._thumbs {
        margin-top: 50px;
        border: 1px solid #000;
        background: url(/megahobby/event/specialweek/images/common/bg_gray.png);
        padding: 25px;
        position: relative; }
        #special .area-body .area-body-detail ._thumbs ._title {
          margin-left: -25px;
          margin-top: -60px; }
        #special .area-body .area-body-detail ._thumbs ul {
          margin-top: 18px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex; }
          #special .area-body .area-body-detail ._thumbs ul li {
            position: relative; }
            #special .area-body .area-body-detail ._thumbs ul li + li {
              margin-left: 15px; }
            #special .area-body .area-body-detail ._thumbs ul li .js-zoom {
              overflow: hidden;
              display: block;
              border: 1px solid #fff; }
              #special .area-body .area-body-detail ._thumbs ul li .js-zoom img {
                vertical-align: top;
                -webkit-transition-duration: 0.2s;
                -o-transition-duration: 0.2s;
                transition-duration: 0.2s; }
                #special .area-body .area-body-detail ._thumbs ul li .js-zoom img:hover {
                  -webkit-transform: scale(1.2);
                  -ms-transform: scale(1.2);
                  transform: scale(1.2); }
              #special .area-body .area-body-detail ._thumbs ul li .js-zoom:after {
                content: "";
                display: block;
                position: absolute;
                right: 0px;
                bottom: 0px;
                width: 54px;
                height: 54px;
                background: url(/megahobby/event/specialweek/images/common/icon_zoom.png); } }

@media screen and (max-width: 768px) {
  #special .area-body .area-body-head {
    padding: 5px 10px; }
    #special .area-body .area-body-head ._t_shouhin {
      text-align: center; }
      #special .area-body .area-body-head ._t_shouhin img {
        width: 65vw; }
    #special .area-body .area-body-head ._cols {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
      #special .area-body .area-body-head ._cols > div:nth-child(1) {
        width: 90px; }
      #special .area-body .area-body-head ._cols > div:nth-child(2) {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 0 10px; }
  #special .area-body .area-body-image {
    position: relative;
    height: 130vw; }
    #special .area-body .area-body-image ._fig {
      position: relative; }
  #special .area-body .area-body-detail {
    margin: 40px 10px 10px 10px; }
    #special .area-body .area-body-detail ._logo-list {
      display: none; }
      #special .area-body .area-body-detail ._logo-list li {
        display: inline-block; }
      #special .area-body .area-body-detail ._logo-list img {
        width: 100px; }
    #special .area-body .area-body-detail ._t_date {
      margin-top: 10px; }
    #special .area-body .area-body-detail ._copy {
      margin-top: 20px;
      text-align: center;
      color: #fff;
      font-size: 11px; }
    #special .area-body .area-body-detail ._thumbs {
      margin: 20px 0 0 0;
      background: url(../images/common/bg_gray.png);
      padding: 10px;
      position: relative; }
      #special .area-body .area-body-detail ._thumbs ._title {
        margin-left: -5px;
        margin-top: -30px;
        width: 200px; }
      #special .area-body .area-body-detail ._thumbs ul {
        margin-top: 5px;
        text-align: center; }
        #special .area-body .area-body-detail ._thumbs ul li {
          display: inline-block;
          width: 100px;
          position: relative; }
          #special .area-body .area-body-detail ._thumbs ul li + li {
            margin-left: 5px; }
          #special .area-body .area-body-detail ._thumbs ul li .js-zoom {
            overflow: hidden;
            display: block;
            border: 1px solid #fff; }
            #special .area-body .area-body-detail ._thumbs ul li .js-zoom img {
              vertical-align: top; }
            #special .area-body .area-body-detail ._thumbs ul li .js-zoom:after {
              content: "";
              display: block;
              position: absolute;
              right: 0px;
              bottom: 0px;
              width: 27px;
              height: 27px;
              background: url(../images/common/icon_zoom.png);
              background-size: cover; } }

@media print, screen and (min-width: 769px) {
  #special .area-body-ruka {
    margin-top: 80px; }
    #special .area-body-ruka a {
      -webkit-transition-duration: 0.2s;
      -o-transition-duration: 0.2s;
      transition-duration: 0.2s; }
      #special .area-body-ruka a:hover {
        opacity: 0.8; }
    #special .area-body-ruka ._col {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #special .area-body-ruka ._col + ._col {
        margin-top: 60px; }
      #special .area-body-ruka ._col > div {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1; }
    #special .area-body-ruka .b {
      margin-top: 40px; }
    #special .area-body-ruka ._line {
      margin: 80px 0; }
    #special .area-body-ruka ._copy {
      margin-top: 20px;
      text-align: right;
      color: #fff;
      font-size: 18px; }
    #special .area-body-ruka ._bl {
      margin: 60px 0;
      text-align: center; } }

@media screen and (max-width: 768px) {
  #special .area-body-ruka {
    padding: 10px 20px; }
    #special .area-body-ruka .t {
      margin: 20px; }
    #special .area-body-ruka .p {
      margin: 20px; }
    #special .area-body-ruka .b {
      margin: 20px; }
    #special .area-body-ruka ._bl {
      margin: 20px; }
    #special .area-body-ruka ._line {
      margin: 40px -20px; } }

@media print, screen and (min-width: 769px) {
  #special .area-body-naruto {
    padding: 40px 0; }
    #special .area-body-naruto ._title {
      text-align: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
      #special .area-body-naruto ._title > div {
        margin: 5px; }
    #special .area-body-naruto ._cols {
      margin-top: 40px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; }
    #special .area-body-naruto ._copy {
      text-align: right;
      text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
      color: #fff; } }

@media screen and (max-width: 768px) {
  #special .area-body-naruto {
    padding: 10px; }
    #special .area-body-naruto ._chara + ._chara {
      margin-top: 40px; } }

@media print, screen and (min-width: 769px) {
  #special .area-body-one {
    position: relative; }
    #special .area-body-one ._main {
      position: relative;
      height: 1000px; }
      #special .area-body-one ._main ._logo_one {
        position: absolute;
        top: 16px;
        left: 7px;
        width: 199px;
        height: 83px; }
      #special .area-body-one ._main ._logo_pop {
        position: absolute;
        top: 17px;
        left: 221px;
        width: 119px;
        height: 79px; }
      #special .area-body-one ._main ._p01 {
        position: absolute;
        top: 119px;
        left: 93px;
        width: 1090px;
        height: 465px; }
      #special .area-body-one ._main ._p02 {
        position: absolute;
        top: 586px;
        left: 181px;
        width: 913px;
        height: 340px; }
      #special .area-body-one ._main ._t_news {
        position: absolute;
        top: 65px;
        left: 836px;
        width: 360px;
        height: 74px; }
    #special .area-body-one ._note {
      text-align: center;
      padding: 40px 0; }
      #special .area-body-one ._note img {
        max-width: 100%; }
      #special .area-body-one ._note ._copy {
        margin-top: 20px;
        text-align: right;
        color: #fff; } }

@media screen and (max-width: 768px) {
  #special .area-body-one {
    position: relative; }
    #special .area-body-one ._logo {
      height: 15vw;
      position: relative; }
      #special .area-body-one ._logo ._logo_one {
        position: absolute;
        top: 2vw;
        left: 0.87vw;
        width: 24.87vw;
        height: 10.37vw; }
      #special .area-body-one ._logo ._logo_pop {
        position: absolute;
        top: 2.12vw;
        left: 27.62vw;
        width: 14.87vw;
        height: 9.87vw; }
      #special .area-body-one ._logo ._t_news {
        position: absolute;
        top: 5.5vw;
        left: 54.25vw;
        width: 45vw;
        height: 9.25vw; }
    #special .area-body-one ._main {
      padding: 10px; }
    #special .area-body-one ._note {
      padding: 10px;
      text-align: center; }
      #special .area-body-one ._note img {
        max-width: 100%; }
      #special .area-body-one ._note ._copy {
        margin-top: 20px;
        text-align: right;
        color: #fff; } }

@media print, screen and (min-width: 769px) {
  .js-zoom-tar {
    display: none;
    position: absolute;
    top: 0px;
    left: -100px;
    top: 60px;
    width: 800px;
    height: 600px;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% auto; }
    .js-zoom-tar._zoom {
      cursor: ew-resize; }
      .js-zoom-tar._zoom:after {
        content: "";
        background: url(/megahobby/event/specialweek/images/common/icon360.png);
        display: block;
        position: absolute;
        bottom: -120px;
        left: 110px;
        width: 204px;
        height: 204px;
        line-height: 1.4;
        color: #fff; }
    .js-zoom-tar._photo img {
      margin-top: -30px; } }

@media screen and (max-width: 768px) {
  .js-zoom-tar {
    position: absolute;
    display: none; }
    .js-zoom-tar._zoom {
      top: 2vw;
      left: -30vw;
      width: 160vw;
      height: 120vw;
      background-position: left top;
      background-repeat: no-repeat;
      background-size: 100% auto; }
      .js-zoom-tar._zoom._zoom {
        cursor: ew-resize; }
        .js-zoom-tar._zoom._zoom:after {
          content: "";
          background: url(../images/common/icon360.png);
          background-size: 100% auto;
          display: block;
          position: absolute;
          bottom: -25px;
          right: 32vw;
          line-height: 1.4;
          text-align: right;
          width: 20vw;
          height: 20vw;
          color: #fff; }
    .js-zoom-tar._photo {
      top: 10vw;
      left: -10vw;
      width: 120vw;
      height: 120vw;
      background-position: left top;
      background-repeat: no-repeat;
      background-size: 100% auto; } }

@media print, screen and (min-width: 769px) {
  #content.page-fate ._mark {
    position: absolute;
    top: 20px;
    right: -20px; }
  #content.page-fate .js-zoom-tar.is-01 {
    background-image: url(/megahobby/event/specialweek/images/fate/360_01.png); }
  #content.page-fate .js-zoom-tar.is-02 {
    background-image: url(/megahobby/event/specialweek/images/fate/360_02.png); } }

@media screen and (max-width: 768px) {
  #content.page-fate ._mark {
    position: absolute;
    top: 40px;
    right: 20px;
    width: 140px;
    z-index: 10; }
  #content.page-fate .js-zoom-tar.is-01 {
    background-image: url(../images/fate/360_01.png); }
  #content.page-fate .js-zoom-tar.is-02 {
    background-image: url(../images/fate/360_02.png); }
  #content.page-fate .js-zoom-tar.is-03 {
    background-image: url(../images/fate/360_03.png); } }

@media print, screen and (min-width: 769px) {
  #content.page-ruka ._mark {
    position: absolute;
    top: 550px;
    right: 0px; }
  #content.page-ruka .js-zoom-tar.is-01 {
    background-image: url(/megahobby/event/specialweek/images/ruka/360_01.png); }
  #content.page-ruka .js-zoom-tar.is-02 {
    background-image: url(/megahobby/event/specialweek/images/ruka/360_02.png); }
  #content.page-ruka .js-zoom-tar.is-03 {
    background-image: url(/megahobby/event/specialweek/images/ruka/360_03.png); }
  #content.page-ruka .js-zoom-tar._zoom:after {
    color: #000; }
  #content.page-ruka ._copy {
    color: #000 !important; } }

@media screen and (max-width: 768px) {
  #content.page-ruka ._mark {
    position: absolute;
    bottom: 40px;
    right: 40px;
    width: 140px;
    z-index: 10; }
  #content.page-ruka .js-zoom-tar.is-01 {
    background-image: url(../images/ruka/360_01.png); }
  #content.page-ruka .js-zoom-tar.is-02 {
    background-image: url(../images/ruka/360_02.png); }
  #content.page-ruka .js-zoom-tar.is-03 {
    background-image: url(../images/ruka/360_03.png); }
  #content.page-ruka .js-zoom-tar._zoom:after {
    color: #000; }
  #content.page-ruka ._copy {
    color: #000 !important; } }

@media print, screen and (min-width: 769px) {
  #content.page-beas ._mark {
    position: absolute;
    bottom: -20px;
    right: -20px; }
  #content.page-beas .js-zoom-tar.is-01 {
    background-image: url(/megahobby/event/specialweek/images/beas/360_01.png); }
  #content.page-beas .js-zoom-tar.is-02 {
    background-image: url(/megahobby/event/specialweek/images/beas/360_02.png); }
  #content.page-beas .js-zoom-tar.is-03 {
    background-image: url(/megahobby/event/specialweek/images/beas/360_03.png); } }

@media screen and (max-width: 768px) {
  #content.page-beas ._mark {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 140px;
    z-index: 10; }
  #content.page-beas .js-zoom-tar.is-01 {
    background-image: url(../images/beas/360_01.png); }
  #content.page-beas .js-zoom-tar.is-02 {
    background-image: url(../images/beas/360_02.png); }
  #content.page-beas .js-zoom-tar.is-03 {
    background-image: url(../images/beas/360_03.png); } }

@media print, screen and (min-width: 769px) {
  #content.page-sao ._mark {
    position: absolute;
    bottom: -20px;
    right: -20px; }
  #content.page-sao .js-zoom-tar.is-01 {
    background-image: url(/megahobby/event/specialweek/images/sao/360_01.png); }
  #content.page-sao .js-zoom-tar.is-02 {
    background-image: url(/megahobby/event/specialweek/images/sao/360_02.png); }
  #content.page-sao .js-zoom-tar.is-03 {
    background-image: url(/megahobby/event/specialweek/images/sao/360_03.png); }
  #content.page-sao ._copy {
    font-size: 15px !important;
    color: #000 !important; } }

@media screen and (max-width: 768px) {
  #content.page-sao ._mark {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 140px;
    z-index: 10; }
  #content.page-sao .js-zoom-tar.is-01 {
    background-image: url(../images/sao/360_01.png); }
  #content.page-sao .js-zoom-tar.is-02 {
    background-image: url(../images/sao/360_02.png); }
  #content.page-sao .js-zoom-tar.is-03 {
    background-image: url(../images/sao/360_03.png); }
  #content.page-sao ._copy {
    font-size: 9px !important; } }

@media print, screen and (min-width: 769px) {
  #content.page-poke ._mark {
    position: absolute;
    bottom: 80px;
    right: -20px; }
  #content.page-poke ._mark2 {
    position: absolute;
    bottom: -20px;
    right: 190px; }
  #content.page-poke .js-zoom-tar.is-01 {
    background-image: url(/megahobby/event/specialweek/images/poke/360_01.png); }
  #content.page-poke .js-zoom-tar.is-02 {
    background-image: url(/megahobby/event/specialweek/images/poke/360_02.png); }
  #content.page-poke .js-zoom-tar.is-03 {
    background-image: url(/megahobby/event/specialweek/images/poke/360_03.png); }
  #content.page-poke .js-zoom-tar._zoom:after {
    color: #000; }
  #content.page-poke ._copy {
    font-size: 14px !important;
    color: #000 !important; } }

@media screen and (max-width: 768px) {
  #content.page-poke ._mark2 {
    position: absolute;
    bottom: 40px;
    left: 0px;
    width: 110px;
    z-index: 10; }
  #content.page-poke ._mark {
    position: absolute;
    bottom: 0px;
    left: 100px;
    width: 110px;
    z-index: 10; }
  #content.page-poke .js-zoom-tar.is-01 {
    background-image: url(../images/poke/360_01.png); }
  #content.page-poke .js-zoom-tar.is-02 {
    background-image: url(../images/poke/360_02.png); }
  #content.page-poke .js-zoom-tar.is-03 {
    background-image: url(../images/poke/360_03.png); }
  #content.page-poke .js-zoom-tar._zoom:after {
    color: #000; }
  #content.page-poke ._copy {
    color: #000 !important; } }

@media print, screen and (min-width: 769px) {
  #content.page-yugi ._mark {
    position: absolute;
    bottom: 120px;
    right: -20px; }
  #content.page-yugi .js-zoom-tar.is-01 {
    background-image: url(/megahobby/event/specialweek/images/yugi/360_01.png); }
  #content.page-yugi .js-zoom-tar.is-02 {
    background-image: url(/megahobby/event/specialweek/images/yugi/360_02.png); }
  #content.page-yugi .js-zoom-tar.is-03 {
    background-image: url(/megahobby/event/specialweek/images/yugi/360_03.png); } }

@media screen and (max-width: 768px) {
  #content.page-yugi ._mark {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 140px;
    z-index: 10; }
  #content.page-yugi .js-zoom-tar.is-01 {
    background-image: url(../images/yugi/360_01.png); }
  #content.page-yugi .js-zoom-tar.is-02 {
    background-image: url(../images/yugi/360_02.png); }
  #content.page-yugi .js-zoom-tar.is-03 {
    background-image: url(../images/yugi/360_03.png); } }

@media print, screen and (min-width: 769px) {
  #content.page-kime ._mark {
    position: absolute;
    bottom: -20px;
    right: -20px; }
  #content.page-kime .js-zoom-tar.is-01 {
    background-image: url(/megahobby/event/specialweek/images/kime/360_01.png); }
  #content.page-kime .js-zoom-tar.is-02 {
    background-image: url(/megahobby/event/specialweek/images/kime/360_02.png); }
  #content.page-kime .js-zoom-tar.is-03 {
    background-image: url(/megahobby/event/specialweek/images/kime/360_03.png); } }

@media screen and (max-width: 768px) {
  #content.page-kime ._mark {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 140px;
    z-index: 10; }
  #content.page-kime .js-zoom-tar.is-01 {
    background-image: url(../images/kime/360_01.png); }
  #content.page-kime .js-zoom-tar.is-02 {
    background-image: url(../images/kime/360_02.png); }
  #content.page-kime .js-zoom-tar.is-03 {
    background-image: url(../images/kime/360_03.png); } }

@media print, screen and (min-width: 769px) {
  #content.page-one ._mark {
    position: absolute;
    bottom: -20px;
    right: -20px; }
  #content.page-one .js-zoom-tar.is-01 {
    background-image: url(/megahobby/event/specialweek/images/one/360_01.png); }
  #content.page-one .js-zoom-tar.is-02 {
    background-image: url(/megahobby/event/specialweek/images/one/360_02.png); }
  #content.page-one .js-zoom-tar.is-03 {
    background-image: url(/megahobby/event/specialweek/images/one/360_03.png); } }

@media screen and (max-width: 768px) {
  #content.page-one ._mark {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 140px;
    z-index: 10; }
  #content.page-one .js-zoom-tar.is-01 {
    background-image: url(../images/one/360_01.png); }
  #content.page-one .js-zoom-tar.is-02 {
    background-image: url(../images/one/360_02.png); }
  #content.page-one .js-zoom-tar.is-03 {
    background-image: url(../images/one/360_03.png); } }

#content.page-naruto ._copy {
  color: #fff !important; }

@media screen and (max-width: 768px) {
  footer {
    width: 100%;
    position: relative !important;
    z-index: 999; }
  footer .box {
    width: 100% !important; }
  footer #box_inner {
    width: 96%;
    margin: 0 auto;
    position: relative; }
  footer #box_inner #footer_sns {
    position: static;
    top: 0;
    right: 0;
    margin-top: 20px; }
  footer #box_inner #footer_sns .fb-like {
    margin: 0 10px 0 0; }
  footer #box_inner #footer_sns .fb_iframe_widget > span {
    vertical-align: baseline !important; } }