@charset "utf-8";
#latestCm {
 padding: 6.25vw 0;
}
#webCm,
#webCm2 {
 padding-bottom: 6.25vw;
}
#webCm2 {
  padding-top: 1.5vw;
}
h3 {
 font-size: 30px;
 color: #F00;
 font-weight: 900;
 text-align: center;
 margin-bottom: 30px;
}
.cmiframe {
 width: 960px;
 padding-top: 540px;
 position: relative;
 margin: 0 auto;
}
.cmiframe iframe {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
}
.disnon {
 display: none;
}
.changeBtn {
 width: 700px;
 margin: 30px auto 35px;
 border: solid 3px #F00;
 box-sizing: border-box;
 display: flex;
}
.changeBtn li {
 width: 50%;
 box-sizing: border-box;
}
.changeBtn li:nth-child(1) {
  order:2;
  border-right: solid 3px #F00;
}
.changeBtn li:nth-child(2) {
  order:3;
}
.changeBtn li:nth-child(3) {
  order:1;
  border-right: solid 3px #F00;
}
.changeBtn li a {
 text-decoration: none;
 font-size: 20px;
 font-weight: 700;
 text-align: center;
 display: block;
 color: #F00;
 letter-spacing: 0.1em;
 padding: 17px 0;
 line-height: 1;
}
.changeBtn li.active a {
 background-color: #F00;
 color: #fff;
}
/*#latestCm figure, */
#webCm figure {
 width: 140px;
 margin: 30px auto 35px;
}
#latestCm figure {
  display: table;
  margin: 30px auto 35px;  
}
#latestCm figure span {
  display: flex;
}
#latestCm figure a {
  width: 140px;
  margin: 0 1.5em;
}
#latestCm.onlyGraphic {
  padding: 5.2vw 0 12vw;
}
#latestCm.onlyGraphic h3 {
  margin-bottom: 1.5em;
}
#latestCm.onlyGraphic figure {
  width: 23.58%;
  max-width: 283px;
  margin-bottom: 3.33vw;
}
#latestCm figure figcaption, #webCm figure figcaption {
 display: block;
 margin-bottom: 10px;
 background-image: url(https://www.otsuka.co.jp/orc/img/ad/graphic_ttl.png);
 background-size: 100% auto;
 background-repeat: no-repeat;
 width: 140px;
 padding-top: 19px;
 overflow: hidden;
 line-height: 2;
 height: 0px;
}
#latestCm figure figcaption {
  width: inherit;
  text-align: center;
  background-size: 140px auto;
  background-position: center;
}



/*#latestCm figure figcaption:before {
	content:"[";
	position:absolute;
	left:0;
}
#latestCm figure figcaption:after {
	content:"]";
	position:absolute;
	right:0;
}*/
#latestCm figure a, #webCm figure a {
 position: relative;
 display: block;
}
#latestCm figure a:after, #webCm figure a:after {
 content: " ";
 display: block;
 width: 100%;
 height: 100%;
 position: absolute;
 left: 0;
 top: 0;
}
#latestCm figure img, #webCm figure img {
 width: 100%;
}
#latestCm figure a:hover:before, #webCm figure a:hover:before {
 content: " ";
 display: block;
 background-image: url(https://www.otsuka.co.jp/orc/img/ad/g-over-icon.png);
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 width: 40px;
 height: 40px;
 position: absolute;
 left: 50%;
 top: 50%;
 margin: -20px 0 0 -20px;
 z-index: 5;
}
#latestCm figure a:hover:after, #webCm figure a:hover:after {
 content: " ";
 display: block;
 background-color: rgba(0, 0, 0, 0.5);
 width: 100%;
 height: 100%;
 position: absolute;
 left: 0;
 top: 0;
}
.capopen a {
 background-image: url(https://www.otsuka.co.jp/orc/img/ad/capopne.jpg);
 background-repeat: no-repeat;
 background-size: 100% auto;
 width: 700px;
 padding-top: 120px;
 overflow: hidden;
 line-height: 2;
 height: 0px;
 display: block;
 margin: 0 auto 135px;
}
#riderWrap {
  margin: 80px 0 0;
}
#riderWrap .outline,
#smileArea .outline {
 margin: 35px auto;
}
#smileArea {
 margin-bottom: 135px;
}
#danceArea h3 + p {
 text-align: center;
 line-height: 2;
 margin: 0 auto 30px;
}
#danceArea .cmiframe {
 width: 540px;
 padding-top: 540px;
}
.slick-prev.slick-arrow, .slick-next.slick-arrow {
 border: none;
 background-color: transparent;
 background-image: url(https://www.otsuka.co.jp/orc/img/common/prev.png);
 background-size: 100% auto;
 width: 21px;
 padding-top: 34px;
 height: 0px;
 overflow: hidden;
 line-height: 2;
 position: absolute;
 top: 50%;
 margin-top: -17px;
 cursor: pointer;
}
.slick-prev.slick-arrow {
 left: 50%;
 margin-left: -345px;
 z-index: 50;
}
.slick-next.slick-arrow {
 background-image: url(https://www.otsuka.co.jp/orc/img/common/next.png);
 right: 50%;
 margin-right: -345px;
}
#thumbnail-list {
 display: flex;
 max-width: 1110px;
 margin: 50px auto 125px;
 justify-content: space-between;
}
#thumbnail-list li {
 width: 175px;
 background-image: url(https://www.otsuka.co.jp/orc/img/ad/dance/mov1.jpg);
 background-size: 100% auto;
 background-repeat: no-repeat;
 background-position: center top;
 padding-top: 190px;
 text-align: center;
 cursor: pointer;
 position: relative;
}
#thumbnail-list li.thumbnail-current {
 color: #F00;
}
#thumbnail-list li.thumbnail-current:before {
 content: " ";
 display: block;
 border: solid 3px #F00;
 box-sizing: border-box;
 width: 175px;
 height: 175px;
 position: absolute;
 left: 0;
 top: 0;
}
#thumbnail-list li:hover {
 opacity: 0.5;
}
#thumbnail-list li:nth-child(2) {
 background-image: url(https://www.otsuka.co.jp/orc/img/ad/dance/mov2.jpg);
}
#thumbnail-list li:nth-child(3) {
 background-image: url(https://www.otsuka.co.jp/orc/img/ad/dance/mov3.jpg);
}
#thumbnail-list li:nth-child(4) {
 background-image: url(https://www.otsuka.co.jp/orc/img/ad/dance/mov4.jpg);
}
#thumbnail-list li:nth-child(5) {
 background-image: url(https://www.otsuka.co.jp/orc/img/ad/dance/mov5.jpg);
}
#thumbnail-list li:nth-child(6) {
 background-image: url(https://www.otsuka.co.jp/orc/img/ad/dance/mov6.jpg);
}
#kamen-rider {
 margin-bottom: 6.25vw;
}
#kamen-rider dl.outline {
 margin: 3em auto;
}
#kamen-rider dl.outline dt span {
 margin-left: 1em;
 font-weight: 900;
}

.movOuter + .page_link_btn {
  margin-top: 6.2vw;

}
#kamen-rider .page_link_btn li a span {
 margin-left: 1em;
 font-weight: 700;
}
.textSmall {
 font-size: 1.4rem;
}
#webCm2 dl.outline {
  margin-top: 35px;
}
dl.outline dt {
  margin-bottom: 0.8em;
}
dl.outline dd p {
  margin-bottom: 2.5em;
  line-height: 2;
}
.page_link_btn li a.noicon[target="_blank"] {
  background-image: none;
}
.localNav {
  width: 960px;
  margin: 0 auto;
  display: flex;
  font-size: 20px;
  /*padding: 3em 0;*/
  justify-content: center;
  padding: 3em 0 0;
  /*justify-content: space-between;*/

}
.localNav li {
  width: 32.39%;
}
.localNav li:nth-child(1) {
  margin-right: 2%;
}
.localNav a:link,
.localNav a:visited {
  text-decoration: none;
  text-align: center;
  display: block;
  color: #F00;
  font-weight: 900;
  letter-spacing: 0.1em;
  border:solid 3px #f00;
  box-sizing: border-box;
  padding: 0.87em 0;
  position: relative;
}
.localNav a::after {
  content: "";
  display: block;
  border-top: solid 3px #F00;
  border-right: solid 3px #F00;
  width: 10px;
  height: 10px;
  transform: rotate(135deg);
  position: absolute;
  right: 0.87em;
  top: 50%;
  margin-top: -9px;
}
.localNav a span {
  background-image: url(https://www.otsuka.co.jp/orc/img/ad/nav1_off.png);
  background-position: left 0.2em;
  background-repeat: no-repeat;
  padding-left: 1.85em;
  background-size: 30px 27px;
  font-weight: 900;
}
.localNav li:nth-child(2) a span {
  background-image: url(https://www.otsuka.co.jp/orc/img/ad/nav2_off.png);
  background-position: left 0.1em;
}
.localNav li:nth-child(3) a span {
  background-image: url(https://www.otsuka.co.jp/orc/img/ad/nav3_off.png);
  background-position: left 0.1em;
}
#latestCm dl.outline.single {
  margin-top: 35px;
}



.movOuter.outer2 {
  padding: 6.25vw 0 0;
}

.movOuter.outer2 .outline {
  margin-top: 30px;
}
.movOuter.outer2 .page_link_btn {
  margin-top: 2.5em;
} 
.movOuter.outer2 .page_link_btn li a[target="_blank"] {
    background-position: left 596px center;
}

.movOuter + .movOuter {
  margin-top: 6.25vw;
}


@media screen and (max-width: 1200px) {
 #thumbnail-list {
  flex-wrap: wrap;
  margin: 6.6vw auto 17vw;
  width: 90%;
 }
 #thumbnail-list li {
  width: 27.2vw;
  padding-top: 28.3vw;
  margin-bottom: 3.3vw;
 }
 #thumbnail-list li.thumbnail-current:before {
  width: 27.2vw;
  height: 27.2vw;
 }
}
@media screen and (min-width: 769px) {
  .localNav a:hover {
    color: #fff;
    background-color: #f00;
  }
  .localNav a:hover::after {
    border-top-color: #fff;
    border-right-color: #fff;
  }
  .localNav a:hover span {
    background-image: url(https://www.otsuka.co.jp/orc/img/ad/nav1_on.png);
  }
  .localNav li:nth-child(2) a:hover span {
    background-image: url(https://www.otsuka.co.jp/orc/img/ad/nav2_on.png);
  }
  .localNav li:nth-child(3) a:hover span {
    background-image: url(https://www.otsuka.co.jp/orc/img/ad/nav3_on.png);
  }
}

@media screen and (max-width: 1000px) {
 .cmiframe {
  width: 90%;
  padding-top: 45vw;
 }
 .localNav {
   width: 90%;
   font-size: 2vw;
 }
 .localNav a {
   padding: 1em 0;
 }
 .localNav a span {
   background-position: left top !important;
   padding-left: 2em;
   padding-bottom: 0.5em;
 }

}


@media screen and (max-width: 767px) {
  .localNav {
    width: 90%;
    font-size: 5vw;
    display: block;
    padding-top: 1.8em;
    padding-bottom: 1.8em;
    /*margin-bottom: -0.5em;*/
  }
  .localNav li {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 0.2em;
  }
  .localNav li a:link,
  .localNav li a:visited {
    text-align: left;
    padding-left: 1.5em;
  }
  .localNav a span {
    background-image: url(https://www.otsuka.co.jp/orc/img/ad/nav1.png);
    padding-left: 2em;
  }
  .localNav li:nth-child(2) a span {
    background-image: url(https://www.otsuka.co.jp/orc/img/ad/nav2.png);
  }
  .localNav li:nth-child(3) a span {
    background-image: url(https://www.otsuka.co.jp/orc/img/ad/nav3.png);
  }

 #latestCm {
  padding: 14vw 0 15vw;
 }
 #webCm,
 #webCm2 {
  padding-bottom: 15vw;
 }
 h3 {
  font-size: 5.6vw;
  margin-bottom: 4.5vw;
 }
 .cmiframe {
  width: 85.33%;
  padding-top: 48vw;
 }
 .changeBtn {
  width: 85.33%;
  margin: 4.3vw auto 6.66vw;
 }
 .changeBtn li a {
  font-size: 4.26vw;
 }
 dl.outline {
  width: 85.33%;
  margin: 0 auto;
 }

 dl.outline dt {
  font-size: 4.8vw;
  margin-bottom: 3vw;
 }
 #latestCm figure, #webCm figure {
  width: 32.13vw;
 }
 #latestCm figure {
  width: 85.33%;  
 }
 #latestCm figure span {
  justify-content: center;
 }
 #latestCm figure span a {
  margin: 0;
  text-align: center;
 }
 #latestCm figure img {
  width: 32.13vw;
 }
 #latestCm figure figcaption, #webCm figure figcaption {
  width: 100%;
  padding-top: 12%;
 }
 #latestCm figure a, #webmCm figure a {
  overflow: hidden;
 }
 #latestCm figure a:before, #webCm figure a:before {
  display: none;
 }
 #latestCm figure a span.sp-only, #latestCm figure a span.sp-only,
	 #webCm figure a span.sp-only, #webCm figure a span.sp-only {
  background-image: url(https://www.otsuka.co.jp/orc/img/ad/g-over-icon_sp.png);
  background-size: 4.4vw;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 5.2vw;
  display: block;
  position: inherit;
  left: inherit;
  top: inherit;
  background-color: transparent;
  line-height: 1.8;
  display: block;
  margin-left: 4.2vw;
 }
 #latestCm figure a:hover:before, #latestCm figure a:hover:after, #webCm figure a:hover:before, #webCm figure a:hover:after {
  display: none;
 }
 #latestCm figure a, #webCm figure a {
  text-decoration: none;
 }
 .capopen a {
  background-image: url(https://www.otsuka.co.jp/orc/img/ad/capopne_sp.jpg);
  width: 86vw;
  padding-top: 32.2vw;
  margin: 0 auto 22vw;
 }
 #smileArea .outline {
  margin: 6vw auto;
 }
 #smileArea {
  margin-bottom: 21vw;
 }
 #danceWrap {
  width: 85.33%;
  margin: 0 auto;
 }
 #danceArea .cmiframe {
  width: 100%;
  padding-top: 85.33vw;
 }
 .slick-prev.slick-arrow, .slick-next.slick-arrow {
  left: -5.33vw;
  margin-top: -2.26vw;
  width: 2.8vw;
  padding-top: 4.53vw;
  margin-left: inherit;
  margin-right: inherit;
 }
 .slick-next.slick-arrow {
  left: inherit;
  right: -5.33vw;
 }
 #thumbnail-list {
  width: 100%;
 }
 #thumbnail-list li {
  font-size: 2.66vw;
 }
 #latestCm dl.outline dd, #webCm dl.outline dd,#webCm2 dl.outline dd {
  text-align: center;
 }


 #thumbnail-list li:hover {
  opacity: 1;
 }
 #kamen-rider {
  margin-bottom: 21vw;
 }
 dl.outline.single {
  margin: 6vw auto;
 }
 #kamen-rider dd br {
  display: none;
 }
 #kamen-rider dd p {
  text-align: left;
 }
 #kamen-rider dd p.textSmall {
  font-size: 2.6vw;
 }
 #kamen-rider dl.outline dt span, #kamen-rider .page_link_btn li a span {
  margin-left: 0;
  display: block;
 }
#webCm dl.outline dd,
#webCm2 dl.outline dd {
		text-align: center;
	}
  .changeBtn li a {
    padding: 0.8em 0;
  }
  #latestCm.onlyGraphic {
    padding: 10vw 0 31vw;
  }
  #latestCm.onlyGraphic figure {
    width: 64.26vw;
    padding-bottom: 13.66vw;
    margin-bottom: 0;
    position: relative;
  }
  #latestCm.onlyGraphic figure::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 7vw;
    background-image: url(https://www.otsuka.co.jp/orc/img/ad/zoom.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    width: 25.33vw;
    height: 0;
    padding-top: 4.4vw;
    margin-left: -12.66vw;

  }
  #latestCm dl.outline.single {
    margin-top: 6vw;
  }

  .movOuter.outer2 {
    padding: 14vw 0 0;
  }
  .movOuter + .page_link_btn {
    margin-top: 14vw;
  }
  .movOuter.outer2 .page_link_btn li a[target="_blank"] {
      background-position: left 69.66vw center;
  }
  .movOuter + .movOuter {
    margin-top: 14vw;
  }

}