@charset "UTF-8";
/*-- jp --*/
/*--- sass -------------------------------------*/
/*------------------------------------- import ---*/
/*-------------------------------------------------
	header
--------------------------------------------------*/
header {
  position: relative; }

/*----------- header logo -----------*/
header .seiko_5sp {
  width: 100px;
  transition: 0.5s;
  padding: 0;
  position: absolute;
  left: 30px;
  top: 30px;
  z-index: 600; }

header .seiko_logo {
  width: 135px;
  transition: 0.5s;
  padding: 0;
  position: absolute;
  right: 30px;
  top: 30px;
  z-index: 600; }

@media (max-width: 1024px) {
  header .seiko_5sp {
    width: 90px;
    transition: 0.5s;
    padding: 0;
    position: absolute;
    left: 20px;
    top: 20px; }

  header .seiko_logo {
    width: 110px;
    transition: 0.5s;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 20px; } }
/*END*/
@media (max-width: 640px) {
  header .seiko_5sp {
    width: 18%;
    transition: 0.5s;
    padding: 0;
    position: absolute;
    left: 15px;
    top: 15px; }

  header .seiko_logo {
    width: 23%;
    transition: 0.5s;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 15px; } }
/*END*/
@media (orientation: landscape) and (max-width: 768px) {
  header .seiko_5sp {
    width: 10%;
    transition: 0.5s;
    padding: 0;
    position: absolute;
    left: 15px;
    top: 15px; }

  header .seiko_logo {
    width: 15%;
    transition: 0.5s;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 15px; } }
/*END*/
/*-------------------------------------------------
	capcon_copyright
--------------------------------------------------*/
#capcon_copyright {
  padding: 35px 0;
  text-align: center; }

#capcon_copyright p {
  padding: 14px 0;
  font-size: 13px;
  line-height: 1.6; }

#capcon_copyright p span {
  display: inline-block; }

@media (max-width: 500px) {
  #capcon_copyright p span {
    display: block; }

  #capcon_copyright p {
    padding: 14px 0;
    font-size: 12px;
    line-height: 1.6; } }
/*END*/
/* scroll
-------------------------------*/
.scroll {
  width: 40px;
  height: 118px;
  position: absolute;
  z-index: 10;
  bottom: 0px;
  right: 20px;
  margin-left: 0px;
  transition-delay: 0s !important;
  transition: 0.3s;
  opacity: 1; }

.scroll a {
  display: block;
  width: 100%;
  height: 100%;
  transition: 0.3s;
  text-decoration: none !important;
  color: #fff; }

.scroll a p {
  transform: rotate(90deg);
  transform-origin: center center;
  margin-right: -3px;
  font-size: 15px;
  line-height: 1;
  font-family: 'Khula', sans-serif;
  font-weight: 600; }

.scroll a .scroll_wheel {
  width: 1px;
  height: 80px;
  overflow: hidden;
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0px;
  margin-left: 3px;
  transition: 0.3s; }

.scroll a .scroll_wheel:after {
  width: 1px;
  height: 80px;
  background: #fff;
  position: absolute;
  content: " ";
  display: block;
  z-index: 11;
  left: 0%;
  top: 0px;
  transition: 0.3s; }

.scroll a:hover {
  opacity: 0.4; }

.scroll a .scroll_wheel:after {
  animation-name: scroll_wheel_after;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-out; }

@keyframes scroll_wheel_after {
  0% {
    top: -80px; }
  20% {
    top: 0px; }
  60% {
    top: 0px;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0; }
  80% {
    top: 0px; }
  100% {
    top: 80px;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5; } }
@media (orientation: portrait) {
  /*縦 */
  .scroll {
    display: none !important; } }
/*END*/
.scroll.off {
  transition: 0.3s;
  transition-delay: 0s !important;
  opacity: 0 !important; }

/*----------------------------------------------------------------------------
	MAIN 
----------------------------------------------------------------------------*/
#main {
  width: 100%;
  position: relative;
  overflow: hidden; }

.main_bg {
  	/*
  	width: 100%;
  	height: 100%;
  	background: url("../image/top/mv_bg.png") top center;
  	//background-size: cover;
  	position: relative;
  	background-size: auto 100%;
  	background-repeat-x: no-repeat;
  	//z-index: 1;
  	animation: fadeIn 6s cubic-bezier(.04, .39, .27, .98) 0s 1 forwards;
  	-webkit-animation: fadeIn 6s cubic-bezier(.04, .39, .27, .98) 0s 1 forwards;
  	-moz-transform: scale(1.2);
  	-webkit-transform: scale(1.2);
  	-ms-transform: scale(1.2);
  	transform: scale(1.2);
  	@include mq_max(750){
      background: url(../image/top/sp/mv_bg_sp.png) center center no-repeat;
      background-size: cover;
  	}
  		*/ }

@keyframes fadeIn {
  0% {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@-webkit-keyframes fadeIn {
  0% {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
#main {
  background: #101619;
  position: relative; }
  @media screen and (max-width: 750px) {
    #main {
      background: none; } }
  @media screen and (max-width: 480px) {
    #main {
      padding-bottom: 0vw;
      margin-bottom: -17vw; } }
  #main .area1 {
    text-align: center; }
    #main .area1 img {
      margin: 0 auto; }
    #main .area1 .character {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: flex;
      max-width: 84vw;
      width: 100%;
      justify-content: center; }
      @media screen and (max-width: 750px) {
        #main .area1 .character {
          max-width: 100%; } }
    #main .area1 .mv_bowl {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 100%;
      text-align: center; }
  #main .mv_ttl {
    position: absolute;
    bottom: 55px;
    left: 50%;
    transform: translateX(-50%); }
    @media screen and (max-width: 1600px) {
      #main .mv_ttl img {
        width: 32.375vw; } }
    @media screen and (max-width: 750px) {
      #main .mv_ttl {
        bottom: 5.2vw;
        width: 100%;
        text-align: center; }
        #main .mv_ttl img {
          width: 72.8vw; } }
    @media screen and (max-width: 480px) {
      #main .mv_ttl {
        bottom: 18vw;
        width: 80%; }
        #main .mv_ttl img {
          width: 100%; } }
  #main .box_in1400 {
    position: relative; }
    #main .box_in1400 .mv_watch01 {
      position: absolute;
      bottom: 78px;
      left: -20px; }
      #main .box_in1400 .mv_watch01 img {
        width: 228px; }
    #main .box_in1400 .mv_watch02 {
      position: absolute;
      bottom: 78px;
      right: -20px; }
      #main .box_in1400 .mv_watch02 img {
        width: 228px; }
    #main .box_in1400 .mv_watch01 .item, #main .box_in1400 .mv_watch02 .item {
      position: relative; }
      #main .box_in1400 .mv_watch01 .item .logo, #main .box_in1400 .mv_watch02 .item .logo {
        position: absolute;
        bottom: -40px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%; }
  @media screen and (max-width: 1540px) {
    #main .box_in1400 {
      padding: 0; }
      #main .box_in1400 .mv_watch01 {
        width: 14.6753246753vw;
        bottom: vh(78, 1540);
        left: 7.298701vw; }
        #main .box_in1400 .mv_watch01 img {
          width: 100%; }
      #main .box_in1400 .mv_watch02 {
        width: 14.6753246753vw;
        bottom: vh(78, 1540);
        right: 7.298701vw; }
        #main .box_in1400 .mv_watch02 img {
          width: 100%; }
      #main .box_in1400 .mv_watch01 .item .logo, #main .box_in1400 .mv_watch02 .item .logo {
        position: absolute;
        bottom: -40px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%; } }
  @media screen and (max-width: 750px) {
    #main .box_in1400 .mv_watch01 {
      width: 33.675325vw;
      bottom: 53vw; }
    #main .box_in1400 .mv_watch02 {
      width: 33.675325vw;
      bottom: 53vw; } }
  @media screen and (max-width: 480px) {
    #main .box_in1400 .mv_watch01 {
      width: 31.675325vw;
      bottom: 68vw; }
    #main .box_in1400 .mv_watch02 {
      width: 31.675325vw;
      bottom: 68vw; } }

#intro {
  padding-top: 60px;
  padding-bottom: 60px;
  background: #fff;
  text-align: center; }
  #intro .txt_area {
    font-weight: bold;
    line-height: 2.2;
    font-size: 16px;
    font-style: italic; }
  #intro a {
    display: inline-block;
    color: #ff6600;
    font-size: 24px;
    text-decoration: underline;
    font-weight: bold;
    margin-top: 30px;
    font-style: oblique;
    letter-spacing: 0.1rem;
    pointer-events: none; }
  @media screen and (max-width: 750px) {
    #intro {
      padding-top: 8vw;
      padding-bottom: 8vw; }
      #intro .txt_area {
        line-height: 1.8;
        font-size: 1.5rem;
        text-align: left; }
        #intro .txt_area br {
          display: none; }
      #intro a {
        font-size: 20px; } }

#watch_list {
  margin-top: 80px;
  margin-bottom: 45px; }
  #watch_list .pc ul {
    display: flex;
    justify-content: space-between; }
    #watch_list .pc ul li {
      margin: 0 auto;
      overflow: hidden;
      position: relative;
      width: 13%; }
      #watch_list .pc ul li a {
        transition: 1s all;
        display: block;
        position: relative; }
      #watch_list .pc ul li .arrow {
        height: 5vh;
        display: block;
        position: absolute;
        bottom: -2vh;
        left: 50%; }
        #watch_list .pc ul li .arrow:after {
          content: '';
          position: absolute;
          left: 50%;
          bottom: 3vh;
          width: 70px;
          height: 70px;
          margin-left: -35px;
          display: block;
          background: url(../image/top/arrow.png) no-repeat;
          transition: 0.25s;
          background-position: right; }
      #watch_list .pc ul li:hover a img {
        transform: scale(1.05, 1.05);
        transition: 0.7s all;
        opacity: 1; }
      #watch_list .pc ul li:hover .arrow {
        cursor: pointer; }
        #watch_list .pc ul li:hover .arrow:after {
          background-image: url(../image/top/arrow.png);
          background-position: left; }
  @media screen and (max-width: 1540px) {
    #watch_list .pc ul li .arrow:after {
      width: 4.5454545455vw;
      height: 4.5454545455vw;
      margin-left: -2.2727272727vw;
      background-size: 200% auto;
      background-position: right; } }

@media screen and (max-width: 750px) {
  #watch_list {
    margin-top: 8vw;
    margin-bottom: 8vw; }
    #watch_list .sp {
      background: #fff; }
      #watch_list .sp ul li:not(:first-child) {
        margin-top: 2.6666666667vw; } }
#watch_detail ul li {
  height: 680px;
  margin-top: 280px;
  position: relative; }
  #watch_detail ul li .inner {
    position: relative;
    z-index: 1;
    height: 612px;
    top: 134px; }
    #watch_detail ul li .inner .text_img {
      position: absolute;
      top: -134px;
      left: 83px;
      width: 661px; }
    #watch_detail ul li .inner .character {
      position: absolute;
      top: 80px;
      left: 5%;
      width: 500px;
      z-index: -1; }
    #watch_detail ul li .inner .item {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%); }
    #watch_detail ul li .inner .contents {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 11%;
      width: 475px;
      display: flex;
      align-items: center;
      justify-content: center; }
      #watch_detail ul li .inner .contents .text_area {
        letter-spacing: 0.1rem;
        color: #fff;
        text-align: center; }
        #watch_detail ul li .inner .contents .text_area .ttl {
          font-size: 20px;
          font-weight: bold; }
        #watch_detail ul li .inner .contents .text_area .name {
          margin-top: 20px;
          font-size: 20px; }
        #watch_detail ul li .inner .contents .text_area .p1 {
          font-size: 16px; }
        #watch_detail ul li .inner .contents .text_area .value {
          margin-top: 20px;
          font-size: 16px;
          font-family: 'Noto Serif JP', serif; }
          #watch_detail ul li .inner .contents .text_area .value .big {
            margin-top: 20px;
            font-size: 20px;
            line-height: 1.2;
            letter-spacing: 1px; }
        #watch_detail ul li .inner .contents .text_area .num {
          margin-top: 20px;
          font-size: 16px; }
          #watch_detail ul li .inner .contents .text_area .num .line {
            text-decoration: underline; }
        #watch_detail ul li .inner .contents .text_area .days {
          margin-top: 20px;
          font-size: 16px; }
        #watch_detail ul li .inner .contents .text_area .btn_area a {
          display: block;
          padding: 13px 0px;
          color: #fff;
          text-decoration: none;
          max-width: 225px;
          width: 100%;
          font-size: 14px; }
        #watch_detail ul li .inner .contents .text_area .btn_area .btn_spec {
          margin: 0 auto;
          margin-top: 40px; }
        #watch_detail ul li .inner .contents .text_area .btn_area .btn_store {
          margin: 0 auto;
          margin-top: 20px; }
  #watch_detail ul li:nth-child(2n) .inner .text_img {
    position: absolute;
    top: -134px;
    right: 83px;
    width: 661px;
    left: auto; }
  #watch_detail ul li:nth-child(2n) .inner .character {
    position: absolute;
    left: auto;
    top: 80px;
    right: 11%; }
  #watch_detail ul li:nth-child(2n) .inner .item {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%); }
  #watch_detail ul li:nth-child(2n) .inner .contents {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: auto;
    left: 20%;
    width: 475px;
    display: flex;
    align-items: center;
    justify-content: center; }
#watch_detail ul .naruto .bg1 {
  width: 92%;
  height: 90%;
  position: absolute;
  top: 134px;
  left: 0;
  background: #df8e22;
  z-index: 1; }
  #watch_detail ul .naruto .bg1:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 54%;
    height: 100%;
    background-color: #ce8421;
    transform: scaleY(1.4) perspective(6.2em) rotateX(3.5deg);
    transform-origin: bottom right; }
#watch_detail ul .naruto .bg2 {
  width: 49%;
  height: 90%;
  position: absolute;
  top: 171px;
  right: 0;
  background: #000000; }
#watch_detail ul .naruto .btn_area a {
  background: #302007; }
#watch_detail ul .sasuke .bg1 {
  width: 92%;
  height: 90%;
  position: absolute;
  top: 134px;
  right: 0;
  background: #425164;
  z-index: 1; }
  #watch_detail ul .sasuke .bg1:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 54%;
    height: 100%;
    background-color: #333e50;
    transform: scaleY(1.4) perspective(6.2em) rotateX(3.5deg);
    transform-origin: bottom left; }
#watch_detail ul .sasuke .bg2 {
  width: 49%;
  height: 90%;
  position: absolute;
  top: 171px;
  left: 0;
  background: #000000; }
#watch_detail ul .sasuke .inner .text_img {
  right: 83px;
  width: 661px; }
#watch_detail ul .sasuke .inner .character {
  right: 114px !important;
  transform: inherit !important;
  width: 593px; }
#watch_detail ul .sasuke .inner .contents {
  left: 11% !important; }
#watch_detail ul .sasuke .btn_area a {
  background: #0b0f13; }
#watch_detail ul .shikamaru .bg1 {
  width: 92%;
  height: 90%;
  position: absolute;
  top: 134px;
  left: 0;
  background: #595959;
  z-index: 1; }
  #watch_detail ul .shikamaru .bg1:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 54%;
    height: 100%;
    background-color: #4f4f4f;
    transform: scaleY(1.4) perspective(6.2em) rotateX(3.5deg);
    transform-origin: bottom right; }
#watch_detail ul .shikamaru .bg2 {
  width: 49%;
  height: 90%;
  position: absolute;
  top: 171px;
  right: 0;
  background: #000000; }
#watch_detail ul .shikamaru .inner .text_img {
  width: 1025px; }
#watch_detail ul .shikamaru .inner .character {
  width: 397px; }
#watch_detail ul .shikamaru .btn_area a {
  background: #131313; }
#watch_detail ul .lee .bg1 {
  width: 92%;
  height: 90%;
  position: absolute;
  top: 134px;
  right: 0;
  background: #27643b;
  z-index: 1; }
  #watch_detail ul .lee .bg1:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 54%;
    height: 100%;
    background-color: #215934;
    transform: scaleY(1.4) perspective(6.2em) rotateX(3.5deg);
    transform-origin: bottom left; }
#watch_detail ul .lee .bg2 {
  width: 49%;
  height: 90%;
  position: absolute;
  top: 171px;
  left: 0;
  background: #000000; }
#watch_detail ul .lee .inner .text_img {
  left: 267px !important;
  width: 314px !important; }
#watch_detail ul .lee .inner .character {
  right: 66px !important;
  transform: inherit !important;
  width: 593px;
  top: -89px !important; }
#watch_detail ul .lee .inner .contents {
  left: 11% !important; }
#watch_detail ul .lee .btn_area a {
  background: #08150c; }
#watch_detail ul .gaara .bg1 {
  width: 92%;
  height: 90%;
  position: absolute;
  top: 134px;
  left: 0;
  background: #b2a280;
  z-index: 1; }
  #watch_detail ul .gaara .bg1:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 54%;
    height: 100%;
    background-color: #9f9174;
    transform: scaleY(1.4) perspective(6.2em) rotateX(3.5deg);
    transform-origin: bottom right; }
#watch_detail ul .gaara .bg2 {
  width: 49%;
  height: 90%;
  position: absolute;
  top: 171px;
  right: 0;
  background: #000000; }
#watch_detail ul .gaara .inner .text_img {
  right: 168px;
  width: 577px;
  left: auto; }
#watch_detail ul .gaara .inner .character {
  top: -164px;
  left: 0;
  width: 825px; }
#watch_detail ul .gaara .btn_area a {
  background: #26231c; }
#watch_detail ul .boruto .bg1 {
  width: 92%;
  height: 90%;
  position: absolute;
  top: 134px;
  right: 0;
  background: #ff4b8c;
  z-index: 1; }
  #watch_detail ul .boruto .bg1:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 54%;
    height: 100%;
    background-color: #db3c74;
    transform: scaleY(1.4) perspective(6.2em) rotateX(3.5deg);
    transform-origin: bottom left; }
#watch_detail ul .boruto .bg2 {
  width: 49%;
  height: 90%;
  position: absolute;
  top: 171px;
  left: 0;
  background: #000000; }
#watch_detail ul .boruto .inner .text_img {
  left: 50% !important;
  width: 645px !important;
  transform: translateX(-50%) !important; }
#watch_detail ul .boruto .inner .character {
  right: 35px !important;
  transform: inherit !important;
  width: 697px;
  top: 15px !important; }
#watch_detail ul .boruto .inner .contents {
  left: 11% !important; }
#watch_detail ul .boruto .btn_area a {
  background: #340e1d; }
#watch_detail ul .sarada .bg1 {
  width: 92%;
  height: 90%;
  position: absolute;
  top: 134px;
  left: 0;
  background: #c50036;
  z-index: 1; }
  #watch_detail ul .sarada .bg1:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 54%;
    height: 100%;
    background-color: #a6002e;
    transform: scaleY(1.4) perspective(6.2em) rotateX(3.5deg);
    transform-origin: bottom right; }
#watch_detail ul .sarada .bg2 {
  width: 49%;
  height: 90%;
  position: absolute;
  top: 171px;
  right: 0;
  background: #000000; }
#watch_detail ul .sarada .inner .text_img {
  width: 608px; }
#watch_detail ul .sarada .inner .character {
  left: 0;
  width: 753px; }
#watch_detail ul .sarada .btn_area a {
  background: #28000b; }
#watch_detail .model_details {
  padding-top: 240px;
  padding-bottom: 95px; }
  #watch_detail .model_details .btn_area {
    text-align: center; }
    #watch_detail .model_details .btn_area a {
      display: inline-block;
      padding: 13px 0;
      color: #fff;
      background: #000;
      text-decoration: none;
      max-width: 225px;
      width: 100%;
      font-size: 14px; }
#watch_detail .comment {
  text-align: center;
  font-size: 14px;
  margin-bottom: 20px;
  padding-left: 10px; }

@media screen and (max-width: 1500px) {
  #watch_detail ul li {
    height: 680px;
    margin-top: 18.6666666667vw;
    position: relative; }
    #watch_detail ul li:first-child {
      margin-top: 12.666667vw; }
    #watch_detail ul li .inner {
      position: relative;
      z-index: 1;
      height: 612px;
      top: 8.9333333333vw; }
      #watch_detail ul li .inner .text_img {
        position: absolute;
        top: -8.9333333333vw;
        left: 83px;
        width: 44.0666666667vw; }
      #watch_detail ul li .inner .character {
        position: absolute;
        top: 80px;
        left: 5%;
        width: 33.3333333333vw; }
      #watch_detail ul li .inner .item {
        width: 17.8vw;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%); }
      #watch_detail ul li .inner .contents {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 11%;
        width: 31.6666666667vw;
        display: flex;
        align-items: center;
        justify-content: center; }
    #watch_detail ul li:nth-child(2n) .inner .text_img {
      position: absolute;
      top: -8.9333333333vw;
      right: 5.5333333333vw;
      width: 44.0666666667vw;
      left: auto; }
    #watch_detail ul li:nth-child(2n) .inner .character {
      position: absolute;
      left: auto;
      top: 80px;
      right: 11%; }
    #watch_detail ul li:nth-child(2n) .inner .item {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%); }
    #watch_detail ul li:nth-child(2n) .inner .contents {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: auto;
      left: 20%;
      width: 31.6666666667vw;
      display: flex;
      align-items: center;
      justify-content: center; }
  #watch_detail ul .naruto .bg1 {
    width: 96%;
    height: 90%;
    position: absolute;
    top: 8.9333333333vw;
    left: 0;
    background: #df8e22;
    z-index: 1; }
    #watch_detail ul .naruto .bg1:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 54%;
      height: 100%;
      background-color: #ce8421;
      transform: scaleY(1.4) perspective(6.2em) rotateX(3.5deg);
      transform-origin: bottom right; }
  #watch_detail ul .naruto .bg2 {
    width: 49%;
    height: 90%;
    position: absolute;
    top: 11.4vw;
    right: 0;
    background: #000000; }
  #watch_detail ul .sasuke .bg1 {
    width: 96%;
    height: 90%;
    position: absolute;
    top: 8.9333333333vw;
    right: 0;
    background: #425164;
    z-index: 1; }
    #watch_detail ul .sasuke .bg1:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 54%;
      height: 100%;
      background-color: #333e50;
      transform: scaleY(1.4) perspective(6.2em) rotateX(3.5deg);
      transform-origin: bottom left; }
  #watch_detail ul .sasuke .bg2 {
    width: 49%;
    height: 90%;
    position: absolute;
    top: 11.4vw;
    left: 0;
    background: #000000; }
  #watch_detail ul .sasuke .inner .text_img {
    right: 83px;
    width: 44.0666666667vw; }
  #watch_detail ul .sasuke .inner .character {
    right: 5.6vw !important;
    transform: inherit !important;
    width: 39.5333333333vw; }
  #watch_detail ul .sasuke .inner .contents {
    left: 8% !important; }
  #watch_detail ul .shikamaru .bg1 {
    width: 96%;
    height: 90%;
    position: absolute;
    top: 8.9333333333vw;
    left: 0;
    background: #595959;
    z-index: 1; }
    #watch_detail ul .shikamaru .bg1:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 54%;
      height: 100%;
      background-color: #4f4f4f;
      transform: scaleY(1.4) perspective(6.2em) rotateX(3.5deg);
      transform-origin: bottom right; }
  #watch_detail ul .shikamaru .bg2 {
    width: 49%;
    height: 90%;
    position: absolute;
    top: 11.4vw;
    right: 0;
    background: #000000; }
  #watch_detail ul .shikamaru .inner .text_img {
    width: 68.3333333333vw; }
  #watch_detail ul .shikamaru .inner .character {
    width: 26.4666666667vw; }
  #watch_detail ul .lee .bg1 {
    width: 96%;
    height: 90%;
    position: absolute;
    top: 8.9333333333vw;
    right: 0;
    background: #27643b;
    z-index: 1; }
    #watch_detail ul .lee .bg1:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 54%;
      height: 100%;
      background-color: #215934;
      transform: scaleY(1.4) perspective(6.2em) rotateX(3.5deg);
      transform-origin: bottom left; }
  #watch_detail ul .lee .bg2 {
    width: 49%;
    height: 90%;
    position: absolute;
    top: 11.4vw;
    left: 0;
    background: #000000; }
  #watch_detail ul .lee .inner .text_img {
    left: 17.8vw !important;
    width: 20.9333333333vw !important; }
  #watch_detail ul .lee .inner .character {
    right: 66px !important;
    transform: inherit !important;
    width: 39.5333333333vw;
    top: -89px !important; }
  #watch_detail ul .lee .inner .contents {
    left: 11% !important; }
  #watch_detail ul .gaara .bg1 {
    width: 96%;
    height: 90%;
    position: absolute;
    top: 8.9333333333vw;
    left: 0;
    background: #b2a280;
    z-index: 1; }
    #watch_detail ul .gaara .bg1:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 54%;
      height: 100%;
      background-color: #9f9174;
      transform: scaleY(1.4) perspective(6.2em) rotateX(3.5deg);
      transform-origin: bottom right; }
  #watch_detail ul .gaara .bg2 {
    width: 49%;
    height: 90%;
    position: absolute;
    top: 11.4vw;
    right: 0;
    background: #000000; }
  #watch_detail ul .gaara .inner .text_img {
    right: 11.2vw;
    width: 38.4666666667vw;
    left: auto; }
  #watch_detail ul .gaara .inner .character {
    top: -10.9333333333vw;
    left: 0;
    width: 55vw; }
  #watch_detail ul .boruto .bg1 {
    width: 96%;
    height: 90%;
    position: absolute;
    top: 8.9333333333vw;
    right: 0;
    background: #ff4b8c;
    z-index: 1; }
    #watch_detail ul .boruto .bg1:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 54%;
      height: 100%;
      background-color: #db3c74;
      transform: scaleY(1.4) perspective(6.2em) rotateX(3.5deg);
      transform-origin: bottom left; }
  #watch_detail ul .boruto .bg2 {
    width: 49%;
    height: 90%;
    position: absolute;
    top: 11.4vw;
    left: 0;
    background: #000000; }
  #watch_detail ul .boruto .inner .text_img {
    left: 50% !important;
    width: 43vw !important;
    transform: translateX(-50%) !important; }
  #watch_detail ul .boruto .inner .character {
    right: 0px !important;
    transform: inherit !important;
    width: 46.4666666667vw;
    top: 77px !important; }
  #watch_detail ul .boruto .inner .contents {
    left: 11% !important; }
  #watch_detail ul .sarada .bg1 {
    width: 96%;
    height: 90%;
    position: absolute;
    top: 8.9333333333vw;
    left: 0;
    background: #c50036;
    z-index: 1; }
    #watch_detail ul .sarada .bg1:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 54%;
      height: 100%;
      background-color: #a6002e;
      transform: scaleY(1.4) perspective(6.2em) rotateX(3.5deg);
      transform-origin: bottom right; }
  #watch_detail ul .sarada .bg2 {
    width: 49%;
    height: 90%;
    position: absolute;
    top: 11.4vw;
    right: 0;
    background: #000000; }
  #watch_detail ul .sarada .inner .text_img {
    width: 40.5333333333vw; }
  #watch_detail ul .sarada .inner .character {
    left: 0;
    width: 50.2vw; } }
@media screen and (max-width: 960px) {
  #watch_detail ul li .inner .item {
    width: 23.8vw; }
  #watch_detail ul li:nth-child(2n-1) .inner .contents {
    right: 7% !important; }
  #watch_detail ul li:nth-child(2n) .inner .contents {
    left: 7% !important; }
  #watch_detail ul .lee .inner .character {
    right: 25px !important;
    top: 50% !important;
    transform: translateY(-50%) !important; }
  #watch_detail ul .gaara .inner .character {
    left: 0px !important;
    top: 50% !important;
    transform: translateY(-50%) !important; }
  #watch_detail ul .boruto .inner .character {
    top: 50% !important;
    transform: translateY(-50%) !important; }
  #watch_detail ul .sarada .inner .character {
    left: 0px !important;
    top: 50% !important;
    transform: translateY(-50%) !important; }
  #watch_detail .model_details {
    padding-top: 135px; } }
@media screen and (max-width: 750px) {
  #watch_detail ul li {
    height: auto; }
    #watch_detail ul li:not(:first-child) {
      margin-top: 35.666667vw; }
    #watch_detail ul li .bg1 {
      height: 80% !important;
      top: 56.933333vw !important;
      width: 100% !important; }
      #watch_detail ul li .bg1:before {
        width: 130% !important; }
    #watch_detail ul li .bg2 {
      height: 83% !important;
      top: 56.933333vw !important;
      width: 94% !important; } }
  @media screen and (max-width: 750px) and (max-width: 480px) {
    #watch_detail ul li .bg1 {
      height: 82% !important; }
    #watch_detail ul li .bg2 {
      height: 84% !important; } }
@media screen and (max-width: 750px) {
    #watch_detail ul li .inner {
      height: auto; }
      #watch_detail ul li .inner .inner_left {
        width: 100%;
        display: flex; }
        #watch_detail ul li .inner .inner_left .text_img {
          position: absolute !important;
          top: 0;
          height: 100px;
          width: 22.9333333333vw; }
        #watch_detail ul li .inner .inner_left .character {
          position: relative !important;
          left: auto;
          width: 100%;
          top: 0; }
          #watch_detail ul li .inner .inner_left .character img {
            width: 70%; }
      #watch_detail ul li .inner .inner_right {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: baseline; } }
      @media screen and (max-width: 750px) and (max-width: 480px) {
        #watch_detail ul li .inner .inner_right {
          justify-content: center; } }
@media screen and (max-width: 750px) {
        #watch_detail ul li .inner .inner_right .item {
          width: 37%;
          position: inherit !important;
          transform: inherit !important; } }
        @media screen and (max-width: 750px) and (max-width: 480px) {
          #watch_detail ul li .inner .inner_right .item {
            width: 44%; } }
@media screen and (max-width: 750px) {
        #watch_detail ul li .inner .inner_right .contents {
          width: 48%;
          position: inherit !important;
          transform: inherit !important; } }
        @media screen and (max-width: 750px) and (max-width: 480px) {
          #watch_detail ul li .inner .inner_right .contents {
            width: 52%; } }
        @media screen and (max-width: 750px) and (max-width: 480px) {
          #watch_detail ul li .inner .inner_right .contents .text_area .ttl {
            font-size: 14px; } }
@media screen and (max-width: 750px) {
          #watch_detail ul li .inner .inner_right .contents .text_area .name {
            margin-top: 10px; } }
          @media screen and (max-width: 750px) and (max-width: 480px) {
            #watch_detail ul li .inner .inner_right .contents .text_area .name {
              font-size: 16px; } }
@media screen and (max-width: 750px) {
          #watch_detail ul li .inner .inner_right .contents .text_area .p1 {
            line-height: 1; } }
          @media screen and (max-width: 750px) and (max-width: 480px) {
            #watch_detail ul li .inner .inner_right .contents .text_area .p1 {
              font-size: 14px; } }
@media screen and (max-width: 750px) {
          #watch_detail ul li .inner .inner_right .contents .text_area .value {
            margin-top: 15px; } }
          @media screen and (max-width: 750px) and (max-width: 480px) {
            #watch_detail ul li .inner .inner_right .contents .text_area .value {
              font-size: 12px; } }
@media screen and (max-width: 750px) {
            #watch_detail ul li .inner .inner_right .contents .text_area .value .big {
              margin-top: 10px; } }
            @media screen and (max-width: 750px) and (max-width: 480px) {
              #watch_detail ul li .inner .inner_right .contents .text_area .value .big {
                font-size: 16px; } }
@media screen and (max-width: 750px) {
          #watch_detail ul li .inner .inner_right .contents .text_area .num {
            margin-top: 10px; } }
          @media screen and (max-width: 750px) and (max-width: 480px) {
            #watch_detail ul li .inner .inner_right .contents .text_area .num {
              font-size: 12px; } }
@media screen and (max-width: 750px) {
          #watch_detail ul li .inner .inner_right .contents .text_area .days {
            margin-top: 10px; } }
          @media screen and (max-width: 750px) and (max-width: 480px) {
            #watch_detail ul li .inner .inner_right .contents .text_area .days {
              font-size: 12px; } }
        @media screen and (max-width: 750px) and (max-width: 480px) {
          #watch_detail ul li .inner .inner_right .contents .text_area .btn_area {
            max-width: 180px;
            width: 100%;
            margin: 0 auto; } }
@media screen and (max-width: 750px) {
          #watch_detail ul li .inner .inner_right .contents .text_area .btn_area a {
            padding: 13px 0; } }
          @media screen and (max-width: 750px) and (max-width: 480px) {
            #watch_detail ul li .inner .inner_right .contents .text_area .btn_area a {
              margin: 0 auto;
              padding: 13px 0px;
              font-size: 13px; } }
@media screen and (max-width: 750px) {
          #watch_detail ul li .inner .inner_right .contents .text_area .btn_area .btn_spec {
            margin: 0 auto;
            margin-top: 20px; }
          #watch_detail ul li .inner .inner_right .contents .text_area .btn_area .btn_store {
            margin: 0 auto;
            margin-top: 10px; }
    #watch_detail ul li:nth-child(2n-1) .bg1:before {
      transform: skewX(-40deg); }
    #watch_detail ul li:nth-child(2n-1) .inner .inner_left .text_img {
      left: 0; }
    #watch_detail ul li:nth-child(2n) .bg1:before {
      transform: skewX(40deg); }
    #watch_detail ul li:nth-child(2n) .inner .inner_left .text_img {
      right: 0; }
    #watch_detail ul li:nth-child(2n) .inner .inner_right .item {
      order: 2; }
    #watch_detail ul li:nth-child(2n) .inner .inner_right .contents {
      order: 1; }
  #watch_detail ul .naruto .inner .inner_left .character {
    text-align: right;
    right: 8.5333333333vw; }
  #watch_detail ul .sasuke .inner .inner_left .character {
    text-align: left; }
    #watch_detail ul .sasuke .inner .inner_left .character img {
      width: 78%; }
  #watch_detail ul .shikamaru .bg1 {
    height: 84% !important; }
  #watch_detail ul .shikamaru .bg2 {
    height: 86% !important; }
  #watch_detail ul .shikamaru .inner .inner_left {
    margin-bottom: 32vw; }
    #watch_detail ul .shikamaru .inner .inner_left .character {
      text-align: right;
      right: 12.533333vw;
      top: 12.533333vw; }
      #watch_detail ul .shikamaru .inner .inner_left .character img {
        width: 54%; }
  #watch_detail ul .lee .bg1 {
    height: 76% !important;
    top: 70.933333vw !important; }
  #watch_detail ul .lee .bg2 {
    height: 79% !important;
    top: 70.933333vw !important; } }
@media screen and (max-width: 750px) and (max-width: 480px) {
  #watch_detail ul .lee .bg1 {
    height: 77% !important; }
  #watch_detail ul .lee .bg2 {
    height: 79% !important; } }
@media screen and (max-width: 750px) {
  #watch_detail ul .lee .inner .inner_left .text_img {
    top: 46vw;
    left: auto !important; }
  #watch_detail ul .lee .inner .inner_left .character {
    text-align: left;
    right: auto !important;
    top: 0vw !important;
    transform: inherit !important; }
    #watch_detail ul .lee .inner .inner_left .character img {
      width: 69%; }
  #watch_detail ul .gaara .bg1 {
    height: 76% !important;
    top: 70.933333vw !important; }
  #watch_detail ul .gaara .bg2 {
    height: 79% !important;
    top: 70.933333vw !important; } }
@media screen and (max-width: 750px) and (max-width: 480px) {
  #watch_detail ul .gaara .bg1 {
    height: 77% !important; }
  #watch_detail ul .gaara .bg2 {
    height: 79% !important; } }
@media screen and (max-width: 750px) {
  #watch_detail ul .gaara .inner .inner_left .text_img {
    top: 24vw; }
  #watch_detail ul .gaara .inner .inner_left .character {
    text-align: right;
    left: auto !important;
    top: 0 !important;
    transform: inherit !important; }
    #watch_detail ul .gaara .inner .inner_left .character img {
      width: 90%; }
    #watch_detail ul .gaara .inner .inner_left .character .sp {
      display: inline; }
  #watch_detail ul .boruto .bg1 {
    height: 84% !important;
    top: 51.933333vw !important; }
  #watch_detail ul .boruto .bg2 {
    height: 87% !important;
    top: 51.933333vw !important; } }
@media screen and (max-width: 750px) and (max-width: 480px) {
  #watch_detail ul .boruto .bg1 {
    height: 84% !important; }
  #watch_detail ul .boruto .bg2 {
    height: 86% !important; } }
@media screen and (max-width: 750px) {
  #watch_detail ul .boruto .inner .inner_left {
    margin-bottom: 20px; }
    #watch_detail ul .boruto .inner .inner_left .text_img {
      left: auto !important;
      width: 20.9333333333vw !important;
      transform: inherit !important; }
    #watch_detail ul .boruto .inner .inner_left .character {
      top: 0 !important;
      transform: inherit !important; }
      #watch_detail ul .boruto .inner .inner_left .character img {
        width: 78%; }
  #watch_detail ul .sarada .inner .inner_left {
    margin-bottom: 20px; }
    #watch_detail ul .sarada .inner .inner_left .text_img {
      left: auto !important;
      right: 0 !important; }
    #watch_detail ul .sarada .inner .inner_left .character {
      text-align: left;
      left: auto !important;
      top: 0 !important;
      transform: inherit !important; }
      #watch_detail ul .sarada .inner .inner_left .character img {
        width: 80%; }
      #watch_detail ul .sarada .inner .inner_left .character .sp {
        display: inline; }
  #watch_detail .model_details {
    padding-top: 43vw;
    padding-bottom: 12.6666666667vw; }
    #watch_detail .model_details .btn_area {
      text-align: center;
      padding: 0 5.3333333333vw; }
  #watch_detail .comment {
    text-align: left;
    font-size: 14px;
    margin-bottom: 20px;
    padding: 0 5.3333333333vw; } }
@media screen and (max-width: 750px) and (max-width: 480px) {
  #watch_detail .model_details {
    padding-top: 47vw;
    padding-bottom: 12.6666666667vw; }
    #watch_detail .model_details .btn_area a {
      padding: 13px 0;
      max-width: 180px;
      width: 100%;
      font-size: 13px; } }

#store {
  padding-top: 105px;
  padding-bottom: 120px;
  background: #e5e5e5;
  position: relative; }
  #store:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: -119px;
    width: 43%;
    height: 100%;
    background-color: #d9d9d9;
    transform: skewX(28deg); }
  #store .inner {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative; }
    #store .inner .left {
      text-align: center; }
      #store .inner .left .store_img img {
        width: 210.5px; }
      #store .inner .left h2 {
        font-size: 20px;
        margin-top: 20px; }
    #store .inner .right {
      margin-left: 40px;
      text-align: left; }
      #store .inner .right .text {
        font-size: 15px; }
      #store .inner .right .btn_area {
        margin-top: 20px; }
        #store .inner .right .btn_area a {
          text-align: center;
          display: inline-block;
          padding: 13px 0;
          color: #fff;
          background: #000;
          text-decoration: none;
          max-width: 225px;
          width: 100%;
          font-size: 14px; }

@media screen and (max-width: 750px) {
  #store {
    padding-top: 14vw;
    padding-bottom: 16vw;
    background: #e5e5e5;
    position: relative; }
    #store:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: -119px;
      width: 65%;
      height: 100%;
      background-color: #d9d9d9;
      transform: skewX(28deg); } }
    @media screen and (max-width: 750px) and (max-width: 480px) {
      #store:before {
        width: 92%; } }
@media screen and (max-width: 750px) {
    #store .inner {
      display: block; }
      #store .inner .left {
        text-align: center; }
        #store .inner .left h2 {
          font-size: 20px;
          margin-top: 20px; }
      #store .inner .right {
        margin-right: 0;
        max-width: 425px;
        margin: 0 auto;
        margin-top: 40px;
        padding: 0 5.3333333333vw; }
        #store .inner .right .text {
          font-size: 16px;
          text-align: center; } }
        @media screen and (max-width: 750px) and (max-width: 480px) {
          #store .inner .right .text {
            font-size: 13px; } }
@media screen and (max-width: 750px) {
        #store .inner .right .btn_area {
          margin-top: 20px;
          text-align: center; }
          #store .inner .right .btn_area a {
            margin: 0 auto; } }
          @media screen and (max-width: 750px) and (max-width: 480px) {
            #store .inner .right .btn_area a {
              padding: 13px 0;
              max-width: 180px;
              width: 100%;
              font-size: 13px; } }

#naruto_boruto {
  padding-top: 175px;
  padding-bottom: 178px;
  background: url("../image/top/symbol_bg.png") no-repeat;
  background-size: cover;
  position: relative; }
  #naruto_boruto .bg {
    position: absolute;
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
    width: 760px; }
  #naruto_boruto .box_in {
    position: relative; }
    #naruto_boruto .box_in .ttl_area {
      display: flex;
      justify-content: center;
      align-items: center; }
      #naruto_boruto .box_in .ttl_area .naruto {
        margin-right: 78px; }
    #naruto_boruto .box_in .txt {
      margin-top: 58px;
      color: #fff;
      text-align: center;
      font-size: 17px;
      line-height: 2.6; }
  @media screen and (max-width: 960px) {
    #naruto_boruto {
      padding-top: 18.2291666667vw;
      padding-bottom: 18.5416666667vw; }
      #naruto_boruto .bg {
        top: 80px;
        width: 84.0625vw; }
      #naruto_boruto .box_in .ttl_area .naruto {
        margin-right: 8.125vw;
        width: 37.7083333333vw; }
      #naruto_boruto .box_in .ttl_area .boruto {
        width: 37.2916666667vw; } }
  @media screen and (max-width: 750px) {
    #naruto_boruto {
      padding-top: 22.6666666667vw;
      padding-bottom: 9.3333333333vw;
      background: url("../image/top/sp/symbol_bg_sp.png") no-repeat; }
      #naruto_boruto .bg {
        top: 6.4vw;
        width: 56.8vw; }
      #naruto_boruto .box_in .ttl_area .naruto {
        margin-right: 6vw;
        width: 43.933333vw; }
      #naruto_boruto .box_in .ttl_area .boruto {
        width: 44.133333vw; }
      #naruto_boruto .box_in .txt {
        margin-top: 16.8vw;
        text-align: left;
        font-size: 1.5rem;
        line-height: 1.8; } }

.comment_area {
  text-align: center;
  font-size: 14px;
  padding-left: 10px; }
  @media screen and (max-width: 750px) {
    .comment_area {
      text-align: left;
      padding: 0 5.3333333333vw; } }