/* --------------------------------------------------------------
top
-------------------------------------------------------------- */
.topvisual {
  background: url(../img/top/txt_samuraido.png) no-repeat 50% 0;
  position: relative;
}

.topvisual_sumi,
.topvisual_pic {
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
}

.topvisual_sumi {
  -webkit-animation: topvisual_sumi 0.8s cubic-bezier(0.19, 0.09, 0.67, 0.56) 2s forwards;
          animation: topvisual_sumi 0.8s cubic-bezier(0.19, 0.09, 0.67, 0.56) 2s forwards;
}

.topvisual_pic {
  opacity: 0;
  -webkit-animation: topvisual_pic 1.5s cubic-bezier(0.19, 0.89, 0.87, 1) 2.5s forwards;
          animation: topvisual_pic 1.5s cubic-bezier(0.19, 0.89, 0.87, 1) 2.5s forwards;
}

.no-cssanimations .topvisual_sumi {
  visibility: hidden;
}

.no-cssanimations .topvisual_pic {
  opacity: 1;
  visibility: visible;
}

@-webkit-keyframes topvisual_sumi {
  0% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.07, 1.07);
            transform: scale(1.07, 1.07);
  }
}

@keyframes topvisual_sumi {
  0% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.07, 1.07);
            transform: scale(1.07, 1.07);
  }
}

@-webkit-keyframes topvisual_pic {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.06, 1.06);
            transform: scale(1.06, 1.06);
  }
  86% {
    opacity: 1;
    -webkit-transform: scale(0.995, 0.995);
            transform: scale(0.995, 0.995);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

@keyframes topvisual_pic {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.06, 1.06);
            transform: scale(1.06, 1.06);
  }
  86% {
    opacity: 1;
    -webkit-transform: scale(0.995, 0.995);
            transform: scale(0.995, 0.995);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

@media (min-width: 769px) {
  .topcontent {
    width: 1200px;
    margin: 0 auto;
  }
  .topvisual {
    min-height: 744px;
    margin-top: 24px;
  }
  .topvisual img {
    margin-left: 72px;
  }
  .topvisual_sumi,
  .topvisual_pic {
    margin: auto;
    text-align: center;
    position: absolute;
    top: 56px;
    right: 0;
    left: 0;
  }
  .toplead {
    text-align: center;
  }
  .toplead img {
    margin-left: -64px;
  }
}

@media (max-width: 768px) {
  .topvisual {
    margin-top: 24px;
    padding: 8px 10%;
    background-size: contain;
  }
  .topvisual img {
    margin-left: 3%;
  }
  .topvisual_pic {
    width: 80%;
    position: absolute;
    top: 8px;
    left: 10%;
  }
  .toplead {
    margin: 0 0 48px;
    padding: 0 5%;
  }
  .topnews {
    display: block;
  }
}

.dailyword {
  position: relative;
}

#dailyword_btnplay.is_loading {
  position: relative;
}

#dailyword_btnplay.is_loading:before {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}

#dailyword_btnplay.is_loading:after {
  width: 1em;
  height: 1em;
  margin: auto;
  font-family: 'fontello';
  text-align: center;
  text-indent: 0;
  line-height: 1;
  color: #fff;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '\e803';
  -webkit-animation: spin .3s linear infinite;
          animation: spin .3s linear infinite;
}

.notsupport {
  width: 100%;
  background-color: #404040;
  font-size: 76.9%;
  text-align: center;
  color: #fff;
  display: none;
}

.is_notsupport .notsupport {
  display: block;
}

.notsupport a {
  text-decoration: underline;
  color: #fff;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
}

@media (min-width: 769px) {
  .dailyword {
    width: 224px;
    height: 152px;
    margin: -172px 0 24px;
    background: #fff url(../img/common/spr_dailyword_pc.jpg) no-repeat 92px 0;
    background-size: 232px 152px;
    border: 1px solid #a0a0a0;
    position: relative;
    z-index: 10;
  }
  .dailyword_heading {
    width: 100px;
    height: 68px;
    margin: 14px 0 0 7px;
    background: #fff url(../img/common/spr_dailyword_pc.jpg) no-repeat -132px 0;
    background-size: 232px 152px;
    text-indent: 102%;
    white-space: nowrap;
    overflow: hidden;
  }
  #dailyword_btnplay {
    width: 65px;
    height: 50px;
    margin: 10px 0 0 20px;
    background: #7d0000 url(../img/common/btn_dailywordplay_pc.gif) no-repeat 0 0;
    background-size: 65px 100px;
    text-indent: 102%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
  }
  #dailyword_btnplay:hover {
    opacity: .7;
  }
  .is_play #dailyword_btnplay {
    background-position: 0 -50px;
  }
  #dailyword_btnplay.is_loading:after {
    font-size: 161.5%;
  }
  .notsupport {
    position: absolute;
    bottom: 100%;
    left: 0;
  }
}

@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2) {
  .dailyword,
  .dailyword_heading {
    background-image: url(../img/common/spr_dailyword_pc_by2.jpg);
  }
  #dailyword_btnplay {
    background-image: url(../img/common/btn_dailywordplay_pc_by2.gif);
  }
}

@media (max-width: 768px) {
  .dailyword_wrap {
    max-width: 426.66667px;
    margin: 0 auto;
  }
  .dailyword {
    width: 100%;
    height: 0;
    background: url(../img/common/bg_dailyword_sp.jpg) no-repeat 0 100%;
    background-size: auto 89.54545%;
    padding: 68.75% 0 0;
    position: relative;
  }
  .dailyword_inner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .dailyword_heading {
    width: 51.5625%;
    height: 26.36364%;
    margin: 3.75% 0 1.875% 39.6875%;
    background: url(../img/common/tit_dailyword_sp.png) no-repeat;
    background-size: 100% 100%;
    text-indent: 102%;
    white-space: nowrap;
    overflow: hidden;
  }
  .dailyword_update {
    width: 57.8125%;
    height: 13.63636%;
    margin: 0 0 0 36.5625%;
    text-align: center;
    font-size: 107.7%;
  }
  .dailyword_btnplay_wrap {
    width: 37.5%;
    height: 31.36364%;
    margin: 0 0 0 55.3125%;
  }
  #dailyword_btnplay {
    width: 100%;
    height: 100%;
    background: #7d0000 url(../img/common/btn_dailywordplay_sp.gif) no-repeat 0 0;
    background-size: 100% 200%;
    text-indent: 102%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
  }
  .is_play #dailyword_btnplay {
    background-position: 0 100%;
  }
  #dailyword_btnplay.is_loading:after {
    font-size: 300%;
  }
  .dailyword_notice {
    margin: 0 0 0 55.3125%;
    font-size: 92.3%;
    line-height: 1.2;
    color: #850a01;
  }
}