@charset "utf-8";
:root {
    --main_blue: #49c0df;
	--main_green: #a0ea44;
	--main_pink: #ffe5f0;
	--greenToBlue: linear-gradient(90180deg,rgba(160, 234, 69, 1) 0%, rgba(71, 180, 170, 1) 100%);
}

/*reset_start*/
#wrapper{
  min-width:auto; 
  overflow:hidden; 
} 
 
.ns_ContentsWrapAll{
  animation: fadeIn 1s ease 0s 1 normal; 
  -webkit-animation: fadeIn 1s ease 0s 1 normal; 
  margin: 0; 
  padding: 0; 
} 
 
@keyframes fadeIn {
  0% {opacity: 0} 
  100% {opacity: 1} 
} 
 
@-webkit-keyframes fadeIn {
  0% {opacity: 0} 
  100% {opacity: 1} 
} 
 
.ns_ContentsWrapAll *{
  box-sizing:border-box; 
  font-feature-settings:"palt"; 
  font-style:normal; 
  letter-spacing:1.3px; 
} 
 
.ns_ContentsWrapAll * img{
  -webkit-backface-visibility:hidden; 
  vertical-align:bottom; 
} 
 
/*reset_end*/

.ns_ContentsWrapAll {
  box-sizing: border-box; 
  color: #000; 
  font-family: "Noto Sans JP", sans-serif; 
  font-feature-settings: "palt"; 
  font-size: 16px; 
  letter-spacing: 1.3px; 
  line-height: 1.6; 
  margin-top: -20px; 
  overflow: hidden; 
  position: relative; 
  width: 100%; 
} 
 
#mainContent {
  padding: 0; 
  margin-bottom: 0; 
} 
 
.ns_ContentsWrapAll a {
  display: block; 
  text-decoration: none; 
  transition: 0.3s; 
} 
 
.ns_ContentsWrapAll a:hover img {
  opacity: 1; 
} 
 
.ns_ContentsWrapAll img {
  display: block; 
  height: auto; 
  width: 100%; 
} 
 
.ns_ContentsWrapAll a:before, 
.ns_ContentsWrapAll a:after {
  content: ""; 
  display: block; 
  position: absolute; 
} 
 
.ns_commonSize {
  box-sizing: border-box; 
  display: block; 
  margin: 0 auto; 
  max-width: 1000px; 
  padding: 0; 
  position: relative; 
  width: 100%; 
  z-index: 2; 
} 
 
.ns_areaTop{
  position: relative;
  z-index: 2;
} 
 
.contents_wrap h1 {
  border: none; 
  margin: 0; 
  padding: 0; 
} 
 
.ns_ContentsWrapAll h2 {
  border-bottom: none; 
  margin: auto; 
  padding: 0; 
} 
 
.ns_ContentsWrapAll h3 {
  background: rgba(255, 255, 255, 0); 
  border-bottom: none; 
  line-height: 1.3; 
  margin: 0; 
  padding: 0; 
} 
 
/*common_start*/
/*accordion_start*/
.invisible.ns_acoBt__txt, 
.ns_acoBt__txt {
  display: none; 
  padding-bottom: 60px; 
} 
 
.ns_acoBt_parent {
  padding-bottom: 40px; 
  position: relative; 
} 
 
.ns_acoBt {
  bottom: 0; 
  height: 60px; 
  left: 0; 
  position: absolute; 
  transition: 0.3s; 
  width: 100%; 
} 
 
.on.ns_acoBt {
  bottom: 30px; 
  transition: 0.3s; 
} 
 
.ns_acoBt:before, 
.ns_acoBt:after {
  content: ""; 
  display: block; 
  position: absolute; 
} 
 
.ns_acoBt:before {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%); 
  bottom: 20px; 
  height: 60px; 
  left: 0; 
  width: 100%; 
} 
 
.ns_intro .ns_acoBt:before {
  background: linear-gradient(to bottom, rgba(0,0,0, 0) 0%, rgba(0,0,0, 1) 50%, rgba(0,0,0, 1) 100%); 
  bottom: 20px; 
  height: 60px; 
  left: 0; 
  width: 100%; 
} 
 
.ns_acoBt:after {
  border-color: #000; 
  border-right: 2px solid; 
  border-top: 2px solid; 
  bottom: 20px; 
  height: 15px; 
  left: 50%; 
  transform: rotate(135deg) translate(0, 50%); 
  transition: 0.3s; 
  width: 15px; 
} 
 
.ns_intro .ns_acoBt:after{
  border-color: #fff; 
} 
 
.on.ns_acoBt:before {
  display: none; 
} 
 
.on.ns_acoBt:after {
  bottom: 25px; 
  transform: rotate(-45deg) translate(0, -50%); 
  transition: 0.3s; 
} 
 
h2.ns_commonTitleH2 {
  line-height: 1.3; 
  margin-bottom: 35px; 
  max-width: 820px; 
  text-align: center; 
}  
 
.ns_commonTitleH2 img{
  height: auto; 
  max-width: 820px; 
} 
 
h3.ns_commonTitleH3 {
  margin: 0 auto 20px; 
  max-width: 820px; 
  padding-top: 70px; 
  text-align: center; 
  width: fit-content; 
  width: -moz-fit-content; 
} 
 
.ns_areaH2 {
  padding: 150px 0; 
} 
 
.ns_bg_deco{
  position: relative; 
} 
 
.ns_bg_deco::before, 
.ns_bg_deco::after{
  background: url(https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/251107zootopia2/deco_bg.png) repeat-y; 
  background-size: contain; 
  content: ''; 
  display: block; 
  height: 3000px; 
  mix-blend-mode: screen; 
  position: absolute; 
  width: 422px; 
  z-index: 1; 
} 
 
.ns_bg_deco::before{
  left: clamp(-6.25rem, -9.829rem + 5.59vw, -3.125rem); 
  top: 0; 
} 
 
.ns_bg_deco::after{
  right: clamp(-6.25rem, -9.829rem + 5.59vw, -3.125rem); 
  top: -580px; 
  transform: scale(-1,1); 
} 
 
/*hover_start*/
.ns_ContentsWrapAll a, 
.ns_ContentsWrapAll a img, 
.ns_ticket__bt .NS_general_7ticket {
  opacity: 1; 
  transition: 0.3s; 
} 
 
.ns_breadcrumb a:hover{
  opacity: .7; 
  transition: 0.3s; 
} 
 
.ns_ContentsWrapAll a:hover, 
.ns_ticket__bt .NS_general_7ticket:hover {
  transform: translate(10px, 0px); 
  transition: 0.3s; 
} 
 
.ns_ticket__bt .NS_general_7ticket a:hover {
  transform: translate(0px, 0px); 
} 
 
.ns_ContentsWrapAll .ns_anc a:hover {
  transform: translate(0px, 10px); 
  transition: 0.3s; 
} 
 
/*hover_end*/

/*breadcrumb_start*/
.ns_breadcrumb {
  background: var(--main_blue); 
  box-sizing: border-box; 
  display: block; 
  height: calc(1em + (8px * 2.2)); 
  line-height: 1.3; 
  padding: 7px 8px 0; 
  width: 100%; 
} 
 
ol.ns_breadcrumb li {
  float: left; 
  font-size: 14px; 
  font-weight: 700; 
  padding-left: 20px; 
  position: relative; 
} 
 
ol.ns_breadcrumb li:before {
  border-right: solid 1px; 
  border-top: solid 1px; 
  color: #fff; 
  content: ""; 
  display: block; 
  height: 6px; 
  left: 0.2rem; 
  position: absolute; 
  top: 38%; 
  transform: rotate(45deg) translate(0, -25%); 
  width: 6px; 
} 
 
ol.ns_breadcrumb li:first-child:before {
  display: none; 
} 
 
ol.ns_breadcrumb li:first-child {
  background: none; 
  padding-left: 0; 
} 
 
ol.ns_breadcrumb li, 
ol.ns_breadcrumb li a {
  color: #fff; 
} 
 
ol.ns_breadcrumb li a:hover {
  transform: translate(0, 0); 
} 
 
ol.ns_breadcrumb li a {
  text-decoration: none; 
} 
 
/*breadcrumb_end*/

/*top_start*/
h1.ns_top__im {
  background: var(--greenToBlue); 
  border: none; 
  margin: 0; 
  padding: 0; 
} 
 
h1.ns_top__im .ns_commonSize {
  position: relative; 
  z-index: 1; 
} 
 
/*top_end*/

/*kikan_start*/
.ns_kikan {
  background:var(--main_blue); 
  background-size: cover; 
  padding: 15px 0; 
} 
 
/*kikan_end*/

/*anc_start*/
.ns_anc {
  background: var(--main_pink); 
  padding: 30px 0 0; 
} 
 
.ns_anc__list {
  align-items: stretch; 
  display: flex; 
  justify-content: space-between; 
} 
 
.ns_anc__list:nth-of-type(n + 2) {
  margin-top: 30px; 
} 
 
.ns_anc__list.col3 > li {
  margin-left: 20px; 
  width: calc((100% - (20px * 2)) / 3); 
} 
 
.ns_anc__list > li:nth-of-type(1) {
  margin-left: 0; 
} 
 
.ns_anc__list .ic {
  width: 60px; 
} 
 
.ns_anc__list .txt {
  font-size: clamp(14px, 1.5vw, 16px); 
  font-weight: bold; 
  padding-right: 15px; 
  text-align: center; 
  width: calc(100% - 60px); 
} 
 
.ns_anc__list > li a:before {
  border-color: transparent transparent transparent var(--main_blue); 
  border-style: solid; 
  border-width: 6.5px 0 6px 10px; 
  content: ""; 
  display: block; 
  height: 0; 
  position: absolute; 
  right: 10px; 
  top: 50%; 
  transform: rotate(90deg) translate(-50%, 0); 
  width: 0; 
} 
 
.ns_anc__list > li a {
  align-items: center; 
  background: #fff; 
  border: 2px solid var(--main_blue); 
  border-radius: 10px; 
  box-shadow: 3px 3px 10px 0px rgb(0 0 0 / 30%); 
  box-sizing: border-box; 
  color: var(--main_blue); 
  display: flex; 
  height: 100%; 
  justify-content: space-between; 
  padding: 10px; 
  position: relative; 
} 
 
/*anc_end*/

/*intr_start*/
.ns_intro__mvWrap {
  margin: 0px auto; 
  text-align: center; 
} 
 
.ns_intro__mvWrap iframe {
  margin: 0 auto; 
  text-align: center; 
} 
 
.ns_btnToofficial{
  display: block; 
  filter: drop-shadow(2px 2px 0 #7d3da4); 
  font-size: 20px; 
  font-weight: 700; 
  margin-top: 120px; 
  text-shadow: none; 
} 
 
.ns_btnToofficial a {
	align-items: center; 
    background: none; 
    border: 2px solid #fff; 
    border-radius: 10px; 
    box-sizing: border-box; 
    color: #fff; 
    display: flex; 
    height: 100%; 
    justify-content: space-between; 
	margin: auto; 
	max-width: 810px; 
    padding: 10px 10px 10px 20px; 
    position: relative; 
} 
 
.ns_btnToofficial .ic{
	width: 60px; 
} 
 
.ns_btnToofficial .txt{
	font-size: 24px; 
    font-weight: bold; 
    padding-right: 15px; 
    text-align: center; 
    width: calc(100% - 60px); 
} 
 
.ns_btnToofficial a:before{
	border-color: transparent transparent transparent #fff; 
    border-style: solid; 
    border-width: 6.5px 0 6px 10px; 
    content: ""; 
    display: block; 
    height: 0; 
    position: absolute; 
    right: 20px; 
    top: 50%; 
    transform: translate(0, -50%); 
    width: 0; 
} 
 
.ns_intro_copyright{
	bottom: 10px; 
	color: #fff; 
	font-size: 12px; 
	font-weight: 700; 
	left: 50%; 
	position: absolute; 
	transform: translateX(-50%); 
} 
 
/*intr_end*/

/*goods_start*/
.ns_goods {
  background: var(--main_pink); 
  position: relative; 
} 
 
.ns_goods section + section{
  margin-top: 150px; 
} 
 
.ns_goods::before, 
.ns_goods::after{
  content: ''; 
  display: block; 
  position: absolute; 
  z-index: 0; 
} 
 
.ns_goods__detail {
  height: fit-content; 
} 
 
.ns_goods__groupFull .ns_goods__detail {
  width: 100%; 
} 
 
.ns_goods__im {
  width: 100%; 
} 
 
h3.ns_goods__name {
  font-size: 22px; 
  text-align: center; 
  width: 100%; 
} 
 
.ns_goods__groupFull h3.ns_goods__name {
  margin-top: 40px; 
} 
 
.ns_goods__linkList {
  margin-top: 45px; 
} 
 
.ns_goods__linkList > * {
  width: 100%; 
} 
 
.ns_goods__groupFull .ns_goods__linkList {
  box-sizing: border-box; 
  display: flex; 
  flex-wrap: wrap; 
  justify-content: space-around; 
  width: 100%; 
} 
 
.ns_goods__groupFull .ns_goods__linkList > * {
  width: calc((100% - (30px * 1)) / 2); 
} 
 
.ns_tanpin{
  margin-top: 30px; 
} 
 
.ns_goods__linkList > * a {
  align-items: center; 
  background: var(--main_blue); 
  border-radius: 10px; 
  box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 30%); 
  box-sizing: border-box; 
  color: #fff; 
  display: flex; 
  font-size: 20px; 
  height: 100%; 
  justify-content: space-between; 
  padding: 10px; 
  position: relative; 
  text-align: center; 
} 
 
.ns_goods__linkList > * a:before {
  border-color: transparent transparent transparent #fff; 
  border-style: solid; 
  border-width: 7.5px 0 7px 12px; 
  content: ""; 
  display: block; 
  height: 0; 
  position: absolute; 
  right: 16px; 
  top: 50%; 
  transform: rotate(0deg) translate(0, -50%); 
  width: 0; 
} 
 
.ns_tanpin a{
  background: var(--main_green); 
} 
 
.ns_goods__linkList .ic {
  width: 60px; 
} 
 
.ns_goods__linkList .txt {
  font-weight: bold; 
  text-align: center; 
  width: calc(100% - 60px); 
} 
 
.ns_goods__groupHalfLeft .ns_goods__im {
  max-width: 500px; 
} 
 
.ns_goods__groupHalfLeft .ns_goods__inner {
  align-content: center; 
  display: flex; 
  justify-content: space-between; 
} 
 
.ns_goods__detail {
  height: fit-content; 
} 
 
.ns_goods__groupFull .ns_goods__detail {
  width: 100%; 
} 
 
.ns_goods__groupHalfLeft .ns_goods__detail {
  margin: auto 0; 
  width: calc(100% - 530px); 
} 
 
/*goods_end*/

/*intro_start*/
.ns_intro {
  background: linear-gradient(90180deg,rgba(133, 211, 232, 1) 0%, rgba(61, 154, 201, 1) 100%); 
  background-position: top 50% left 0; 
  background-size: 100%; 
  position: relative; 
  z-index: 1; 
} 
 
.ns_intro::before{
  background-image: repeating-linear-gradient(90deg, transparent, transparent 16px, rgba(255, 255, 255, 0.1) 16px, rgba(255, 255, 255, 0.1) 25px); 
  content: ''; 
  display: block; 
  height: 100%; 
  left: 0; 
  position: absolute; 
  top: 0; 
  width: 100%; 
  z-index: 1; 
} 
 
.ns_step_deco, 
.ns_step_deco li{
  mix-blend-mode: soft-light; 
  position: absolute; 
} 
 
.ns_step_deco{
  height: 100%; 
  left: 0; 
  top: 0; 
  width: 100%; 
} 
 
.ns_step_deco li:nth-of-type(1){
  bottom: 20px; 
  height: 677px; 
  left: 20px; 
  width: 327px; 
} 
 
.ns_step_deco li:nth-of-type(2){
  height: 314px; 
  right: 40px; 
  top: 100px; 
  width: 328px; 
} 
 
.ns_white_frame{
  background: #fff; 
  border: 2px solid #7d3da4; 
  border-radius: 20px; 
  margin: auto; 
  max-width: 1000px; 
  padding: 40px; 
  position: relative; 
  width: 100%; 
  z-index: 2; 
} 
 
.ns_intro__mvWrap {
  display: block; 
  line-height: 0; 
  margin: 0px auto; 
  text-align: center; 
} 
 
.ns_intro__mvWrap iframe {
  margin: 0 auto; 
  text-align: center; 
} 
 
.ns_intro .ns_commonSize{
  position: relative; 
  z-index: 2; 
} 
 
.ns_intro__movieDate_txt {
  margin: 30px auto 0; 
  max-width: 560px; 
  text-align: center; 
} 
 
.ns_intro__txt {
  color: #fff; 
  font-size: 16px; 
  font-weight: 600; 
  line-height: 1.8; 
  text-align: center; 
  text-shadow: #55acd3 2px 0px 2px, #55acd3 -2px 0px 2px, #55acd3 0px -2px 2px, #55acd3 -2px 0px 2px, #55acd3 2px 2px 2px, #55acd3 -2px 2px 2px, #55acd3 2px -2px 2px, #55acd3 -2px -2px 2px, #55acd3 1px 2px 2px, #55acd3 -1px 2px 2px, #55acd3 1px -2px 2px, #55acd3 -1px -2px 2px, #55acd3 2px 1px 2px, #55acd3 -2px 1px 2px, #55acd3 2px -1px 2px, #55acd3 -2px -1px 2px, #55acd3 1px 1px 2px, #55acd3 -1px 1px 2px, #55acd3 1px -1px 2px, #55acd3 -1px -1px 2px; 
} 
 
.ns_intro__txt ul + ul {
  margin-top: 35px; 
} 
 
.ns_intro__txt p + p {
  margin-top: 35px; 
} 
 
/*intro__cast*/
.ns_list_name {
  font-size: 20px; 
  font-weight: bold; 
} 
 
.ns_intro__staffList{
  margin-top: 30px; 
} 
 
/*intro_end*/

/*ticket_start*/
.ns_ticket {
  background: var(--main_pink); 
  position: relative; 
  z-index: 2; 
} 
 
.ns_ticket::before{
  background: url(https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/251107zootopia2/ticket_bg.png) no-repeat; 
  background-size: cover; 
  bottom: 0; 
  content: ''; 
  display: block; 
  height: 549px; 
  left: 0; 
  mix-blend-mode: overlay; 
  position: absolute; 
  width: 1920px; 
} 
 
.ns_ticket__note {
  background: #fff; 
  border: 1px solid var(--main_blue); 
  border-radius: 16px; 
  overflow: hidden; 
} 
 
.ns_ticket__note h3 {
  background: var(--main_blue); 
  color: #fff; 
  font-size: 18px; 
  font-weight: bold; 
  margin: 0; 
  padding: 13px 0; 
  text-align: center; 
} 
 
.ns_ticket__note_list {
  padding: 0 24px; 
} 
 
.ns_ticket__note_list:nth-of-type(1) {
  margin-top: 30px; 
} 
 
.ns_ticket__note_list > li {
  margin-left: 0.8rem; 
  text-indent: -0.68rem; 
} 
 
.ns_ticket__note_list > li:nth-of-type(n + 2) {
  margin-top: 3px; 
} 
 
.ns_ticket__note_list .ns_link a{
  color: var(--main_blue); 
} 
 
.ns_ticket__note_list .txtL {
  font-size: clamp(14px, 3.5vw, 16px) !important; 
} 
 
.ns_ticket__noteBt {
  border-color: transparent transparent transparent #e70014; 
} 
 
.ns_ticket__bt h2 {
  display: none; 
} 
 
.ns_ticket__bt h3 {
  background-color: rgba(242, 242, 242, 0); 
  color: #000; 
  font-size: 16px; 
  font-weight: 400; 
  margin-top: 36px; 
  text-align: center; 
} 
 
.ns_ticket__bt .txtL {
  color: #000; 
  font-size: 16px!important; 
  font-weight: 400; 
} 
 
.ns_ticket__bt .NS_general_component {
  background-color: rgba(240, 248, 255, 0); 
  box-shadow: none; 
  margin-top: 11.5px; 
  padding: 0; 
} 
 
.ns_ticket__bt .NS_general_component {
  font-size: 16px !important; 
  text-align: center; 
} 
 
.ns_ticket__bt .NS_general_7ticket {
  border-radius: 9px; 
  box-shadow: 3px 3px 5px 3px rgb(11 71 130 / 20%); 
  margin: 0 auto; 
  margin-top: 24px; 
  max-width: 41em; 
  overflow: hidden; 
  padding: 0; 
  width: 100%; 
} 
 
.ns_ticket__bt .NS_general_7ticket img {
  border-radius: 32px; 
  display: block; 
  margin: -1.8% -0.8%; 
  width: 101.6%; 
} 
 
/*ticket_end*/

/*relation_start*/
.ns_relation__goodsList {
  display: flex; 
  flex-wrap: wrap; 
} 
 
.ns_relation__goodsList > li {
  margin-left: 20px; 
  width: calc((100% - (20px * 3)) / 4); 
} 
 
.ns_relation__goodsList > li:nth-of-type(4n + 1) {
  margin-left: 0; 
} 
 
.ns_relation__goodsList > li:nth-of-type(n + 5) {
  margin-top: 35px; 
} 
 
.ns_relation__txt {
  margin-top: 16px; 
} 
 
/*relation_end*/

.ns_areaBottom {
  background: var(--greenToBlue); 
  color: #fff; 
  font-size: 12px; 
  font-weight: 700; 
  margin-top: -40px; 
  padding: 2px 0 4px; 
  position: relative; 
  text-align: center; 
  z-index: 2; 
} 
 
/*contents_end*/

@media screen and (min-width: 641px) {
.ns_SP, 
.ns_SP a, 
img.ns_SP {
  display: none; 
} 
} 
 
@media screen and (min-width: 641px) and (max-width: 1024px) {
#wrapper {
  overflow: hidden; 
  min-width: auto; 
} 
 
.ns_commonSize {
  padding: 0; 
  width: calc(100vw - 50px); 
} 
 
.ns_top__im .ns_commonSize {
  width: 100%; 
} 
 
/*breadcrumbs_start*/
.ns_breadWrap {
  display: flex; 
  font-size: 14px; 
  line-height: 1.2em; 
  padding: 1.3vw 1vw 1vw; 
  white-space: nowrap; 
  width: 100%; 
} 
 
.ns_breadWrap li {
  display:inline-block; 
  font-weight: 400; 
  position: relative; 
} 
 
.ns_breadWrap li:nth-of-type(n+2):before {
  border-width: 1px 1px 0 0; 
  content: ""; 
  display: block; 
  height: 6px; 
  left: 0.18em; 
  position: absolute; 
  top: 32%; 
  transform: rotate(45deg) translate(0, -25%); 
  width: 6px; 
} 
 
.ns_breadWrap li:last-child::after {
  content: none; 
} 
 
.ns_breadWrap li:nth-of-type(n+2){
  padding-left: 20px; 
} 
 
.ns_breadWrap a {
  text-decoration: none; 
  transition: .3s; 
} 
 
.ns_breadWrap span {
  margin-right: 0.3em; 
} 
 
/*breadcrumbs_end*/
h1.ns_top__im .ns_symbolWrap{
  width: 100%; 
} 
 
h1.ns_top__im .ns_symbolWrap::before, 
h1.ns_top__im .ns_symbolWrap::after{
  display: none; 
} 
 
h1.ns_top__im .ns_commonSize::before{
  left: clamp(-26.25rem, -32.003rem + 14.36vw, -22.813rem);	
} 
 
h1.ns_top__im .ns_commonSize::after{
  right: clamp(-26.25rem, -32.003rem + 14.36vw, -22.813rem); 
} 
 
/*1024_anc_start*/
.ns_anc{
  padding: 3vw 0 0; 
} 
 
.ns_anc__list.col3 > li {
  margin-left: 1vw; 
  width: calc((100% - (1vw * 4)) / 3); 
} 
 
.ns_anc__list .ic {
  width: 6vw; 
} 
 
.ns_anc__list .txt {
  font-size: clamp(0.75rem, -0.087rem + 2.09vw, 1.25rem); 
  width: calc(100% - 40px); 
} 
 
/*1024_anc_end*/
h2.ns_commonTitleH2{
  font-size: clamp(2.188rem, 0.618rem + 3.92vw, 3.125rem); 
  margin-bottom: 3vw; 
  padding-top: 0; 
} 
 
#ns_goods h2.ns_commonTitleH2{
  text-shadow: #55acd3 2px 0px 2px, #55acd3 -2px 0px 2px, #55acd3 0px -2px 2px, #55acd3 -2px 0px 2px, #55acd3 2px 2px 2px, #55acd3 -2px 2px 2px, #55acd3 2px -2px 2px, #55acd3 -2px -2px 2px, #55acd3 1px 2px 2px, #55acd3 -1px 2px 2px, #55acd3 1px -2px 2px, #55acd3 -1px -2px 2px, #55acd3 2px 1px 2px, #55acd3 -2px 1px 2px, #55acd3 2px -1px 2px, #55acd3 -2px -1px 2px, #55acd3 1px 1px 2px, #55acd3 -1px 1px 2px, #55acd3 1px -1px 2px, #55acd3 -1px -1px 2px; 
} 
 
.ns_areaH2{
  padding: 14vw 0; 
} 
 
.ns_areaH2:nth-of-type(1){
  padding-top: 12vw; 
} 
 
/*1024_goods_start*/
.ns_bg_deco::before, 
.ns_bg_deco::after{
  width: 29vw; 
} 
 
.ns_bg_deco::before{
  left: clamp(-3.75rem, 2.099rem + -9.14vw, -1.563rem); 
} 
 
.ns_bg_deco::after{
  right: clamp(-3.75rem, 2.099rem + -9.14vw, -1.563rem); 
  top: -30vw; 
} 
 
.ns_goods section + section{
  margin-top: 12vw; 
} 
 
.ns_goods::before{
  height: 74vw; 
  right: -11vw; 
  top: -32vw; 
  width: 61vw; 
} 
 
.ns_goods::after{
  bottom: -17vw; 
  height: 56vw; 
  left: -20vw; 
  width: 51vw; 
} 
 
.ns_goods__groupFull h3.ns_goods__name {
  margin-top: 25px; 
} 
 
[class*="ns_goods__group"]:nth-of-type(n + 2) {
  margin-top: 14vw; 
} 
 
.ns_goods__detail {
  width: 94%; 
  margin-left: auto; 
  margin-right: auto; 
} 
 
.ns_goods__im {
  max-width: 100%; 
} 
 
h3.ns_goods__name {
  font-size: clamp(1rem, 0.582rem + 1.04vw, 1.25rem); 
} 
 
.ns_goods__linkList {
  /* display: flex; */
  margin-top: 25px; 
} 
 
.ns_goods__linkList > * {
  box-sizing: border-box; 
} 
 
.ns_goods__groupFull .ns_goods__linkList > * {
  width: calc((100% - (26px * 1)) / 2); 
} 
 
.ns_goods__linkList > * a {
  box-sizing: border-box; 
  display: flex; 
  height: 100%; 
  justify-content: center; 
  padding: 1.5vw; 
} 
 
.ns_goods__linkList > * a::before {
  border-width: 6.5px 0 6px 10px; 
} 
 
.ns_goods__linkList .txt {
  font-size: 2.5vw; 
  letter-spacing: 0; 
  width: 100%; 
} 
 
.ns_goods__groupHalfLeft .ns_goods__detail{
  margin-left: 3vw; 
  width: calc(50% - 10px); 
} 
 
.ns_goods__groupHalfLeft .ns_goods__im{
  width: 50%; 
} 
 
.ns_tanpin{
  margin-top: 2vw; 
} 
 
/*1024_goods_end*/

/*1024_intr_start*/
.ns_white_frame{
  max-width: 800px; 
  padding: 7vw 0; 
  width: calc(100vw - 40px); 
} 
 
.on.ns_acoBt {
  bottom: -15px; 
} 
 
.ns_acoBt:before {
  bottom: 0; 
  height: 60px; 
  left: 0; 
  width: 100%; 
} 
 
.ns_acoBt:after {
  bottom: 0; 
} 
 
.ns_intro__txt{
  font-size: 2vw; 
} 
 
.ns_intro__txt p + p{
  margin-top: 5vw; 
} 
 
.ns_intro__castList .mainCast{
  font-weight: bold; 
} 
 
.ns_intro__staffList .staff{
  font-weight: bold; 
} 
 
.ns_step_deco li:nth-of-type(1){
  bottom: 20px; 
  height: clamp(28.938rem, 23.184rem + 14.36vw, 32.375rem); 
  left: 20px; 
  width: clamp(14rem, 11.28rem + 6.79vw, 15.625rem); 
} 
 
.ns_step_deco li:nth-of-type(2){
  height: clamp(13.5rem, 10.78rem + 6.79vw, 15.125rem); 
  right: 20px; 
  top: 20px; 
  width: clamp(14rem, 11.28rem + 6.79vw, 15.625rem); 
} 
 
.ns_btnToofficial{
  margin-top: 10vw; 
} 
 
.ns_btnToofficial a{
  max-width: 660px;
} 
 
.ns_btnToofficial .txt{
  font-size: clamp(1.25rem, 0.832rem + 1.04vw, 1.5rem); 
} 
 
.ns_intro_copyright{
  bottom: clamp(0.188rem, -0.545rem + 1.83vw, 0.625rem);
}
/*1024_intr_end*/

/*1024_ticket_start*/
.ns_ticket{
  padding-bottom: 20vw!important; 
} 
 
.ns_ticket::before{
  background-size: cover; 
  height: clamp(16rem, -0.109rem + 40.21vw, 25.625rem); 
  left: 0; 
  width: 140vw; 
} 
 
.ns_ticket::after{
  background-size: contain; 
  height: 86vw; 
  right: clamp(-4.375rem, -1.033rem + -5.22vw, -3.125rem); 
  top: clamp(-13.75rem, 6.302rem + -31.33vw, -6.25rem); 
  width: 64vw; 
} 
 
.ns_ticket .on.ns_acoBt {
  bottom: 0; 
} 
 
.ns_ticket .ns_acoBt {
  bottom: 0; 
} 
 
.ns_ticket .ns_acoBt:after {
  bottom: 10px; 
} 
 
ns_ticket .on.ns_acoBt:before {
  bottom: 10px; 
} 
 
.ns_ticket .ns_ticket__note {
  border-radius: 1.8vw; 
  padding-bottom: 0vw; 
} 
 
.ns_ticket__note_list > li,.ns_ticket__bt h3,.ns_ticket .txtL {
  font-size: 2vw !important; 
} 
 
/*1024_ticket_end*/
.ns_areaBottom{
  margin-top: -4vw; 
} 
} 
 
/*---------SP-start----------*/
@media screen and (max-width: 640px) {
.ns_PC{
  display: none; 
} 
 
.ns_ContentsWrapAll {
  box-sizing: border-box; 
  font-size: clamp(0.75rem, 0.5rem + 1.25vw, 1rem); 
  margin-top: -25px; 
  overflow: hidden; 
  -webkit-text-size-adjust: 100%; 
} 
 
.ns_ContentsWrapAll img {
  display: block; 
  width: 100%; 
} 
 
.ns_commonSize {
  box-sizing: border-box; 
  padding: 0; 
  width: 94%; 
} 
 
/*SP_common_start*/
h2.ns_commonTitleH2 {
  box-sizing: border-box; 
  font-size: 7.5vw; 
  margin-bottom: 5vw; 
} 
 
.ns_bg_deco::before, 
.ns_bg_deco::after{
  background: url(https://7net-img.omni7.jp/cm/0001/sc_image/inc/sp/special/251107zootopia2/deco_bg_sp.png) repeat-y; 
  background-size: contain; 
  content: ''; 
  display: block; 
  height: 3500px; 
  mix-blend-mode: screen; 
  position: absolute; 
  width: 30vw; 
  z-index: 1; 
} 
 
.ns_bg_deco::before{
  left: -25px; 
} 
 
.ns_bg_deco::after{
  right: -25px; 
  top: -53vw; 
} 
 
h2.ns_commonTitleH2 picture {
  height: 8.5vw; 
  max-width: initial; 
  width: auto; 
} 
 
h3.ns_commonTitleH3 {
  margin-bottom: 4vw; 
  padding-top: 10vw; 
  font-size: 9vw; 
} 
 
.ns_areaH2 {
  padding: 16vw 0; 
} 
 
.ns_SP, 
.ns_SP a, 
img.ns_SP {
  display: block; 
} 
 
.ns_PC, 
.ns_PC a, 
img.PC {
  display: none; 
} 
 
/*SP_common_end*/

/*SP_contents_start*/
/*SP_breadcrumb_start*/
.ns_breadcrumb {
  display: flex; 
  overflow-x: hidden; 
  overflow-y: hidden; 
  padding-top: 5px; 
  padding-left: 2vw; 
  white-space: nowrap; 
  width: 100%; 
} 
 
.ns_breadcrumb > * {
  float: initial; 
  font-size: 2.8vw; 
} 
 
ol.ns_breadcrumb li:nth-of-type(n + 2) {
  background-position: 1vw center; 
  padding-left: 18px; 
  -webkit-text-overflow: ellipsis; 
  -o-text-overflow: ellipsis; 
} 
 
ol.ns_breadcrumb li:before {
  left: 0.1vw; 
  top: 35%; 
  transform: rotate(45deg) translate(0, -50%); 
} 
 
/*SP_breadcrumb_end*/
/*SP_top_start*/
.ns_top_logo {
  margin: 8vw auto 4vw; 
  max-width: 300px; 
  width: 60%; 
} 
 
/*SP_top_slider_start*/
.ns_top_slider_wrap {
  margin-top: -4vw; 
  min-width: 1150px; 
  padding-bottom: 8vw; 
} 
 
h1.ns_top__im .ns_symbolWrap{
  width: 100%; 
} 
 
h1.ns_top__im .ns_symbolWrap::before, 
h1.ns_top__im .ns_symbolWrap::after{
  display: none; 
} 
 
h1.ns_top__im .ns_commonSize {
  width: 100%; 
} 
 
/*SP_top_end*/


/*SP_kikan_start*/
.ns_kikan {
  padding: 4.5vw 0; 
} 
 
/*SP_kikan_end*/

/*SP_anc_start*/
.ns_anc {
  padding: 7vw 0 0; 
} 
 
.ns_anc__list {
  box-sizing: border-box; 
} 
 
.ns_anc__list:nth-of-type(n + 2) {
  margin-top: 5vw; 
} 
 
.ns_anc__list.col3 > li {
  margin-left: 1vw; 
  width: calc((100% - (1vw * 4)) / 3); 
} 
 
.ns_anc__list > li:nth-of-type(1){
  margin-left: 0vw; 
} 
 
.ns_anc__list .ic {
  width: 15vw; 
} 
 
.ns_anc__list .txt {
  display: flex; 
  flex-direction: column; 
  font-size: 3.5vw; 
  height: 100%; 
  justify-content: center; 
  line-height: 1.2; 
  padding-right: 0; 
  padding-top: 2vw; 
  width: 100%; 
} 
 
.ns_anc__list > li a {
  align-items: center; 
  box-sizing: border-box; 
  flex-direction: column; 
  height: 100%; 
  padding: 2.5vw 1vw 6vw; 
} 
 
.ns_anc__list > li a:before {
  border-width: 1.5vw 0 1.5vw 2.6vw; 
  bottom: 1.8vw; 
  left: 50%; 
  top: initial; 
  transform: rotate(90deg) translate(0, 50%); 
} 
 
.ns_anc__list > li .deco {
  font-size: 0.8em; 
} 
 
/*SP_anc_end*/

/*SP_intr_start*/
.ns_intro__mvWrap {
  margin: 0px auto; 
  text-align: center; 
} 
 
.ns_intro__mvWrap iframe {
  margin: 0 auto; 
  text-align: center; 
} 
 
.ns_step_deco li:nth-of-type(1){
  bottom: 0; 
  height: 97vw; 
  left: 2vw; 
  width: 45vw; 
} 
 
.ns_step_deco li:nth-of-type(2){
  height: 314px; 
  right: 2.5vw; 
  top: 5vw; 
  width: 45vw; 
} 
 
/*SP_intr_end*/

/*SP_goods_start*/
.ns_goods::before{
  background-size: contain; 
  height: 146vw; 
  right: -40vw; 
  top: -74vw; 
  width: 120vw; 
} 
 
.ns_goods::after{
  background-size: contain; 
  bottom: -36vw; 
  height: 122vw; 
  left: -62vw; 
  width: 112vw; 
} 
 
.ns_goods section + section{
  margin-top: 18vw; 
} 
 
.ns_goods__groupFull h3.ns_goods__name, 
.ns_goods__groupHalfLeft h3.ns_goods__name {
  font-size: clamp(1rem, 0.5rem + 2.5vw, 1.5rem); 
  margin-top: 5.5vw; 
} 
 
.ns_goods__detail, 
.ns_goods__groupFull .ns_goods__detail{
  margin-right: auto; 
  margin-left: auto; 
  width: 100%; 
} 
 
.ns_goods__im {
  margin: auto; 
} 
 
h3.ns_goods__name{
  margin-top: 4vw; 
} 
 
.ns_goods__groupFull .ns_goods__linkList, 
.ns_goods__groupHalfLeft .ns_goods__linkList{
  display: block; 
  margin-top: 5.5vw; 
} 
 
.ns_goods__linkList > * {
  box-sizing: border-box; 
} 
 
.ns_goods__linkList > :nth-of-type(n + 2) {
  margin-top: 4vw; 
} 
 
.ns_goods__groupFull .ns_goods__linkList > * {
  width: 100%; 
} 
 
.ns_goods__linkList > * a {
  box-sizing: border-box; 
  display: flex; 
  height: 100%; 
  justify-content: center; 
  padding: 2vw 3vw; 
} 
 
.ns_goods__linkList > * a::before {
  border-width: 6.5px 0 6px 10px; 
  right: 1.8vw; 
} 
 
.ns_goods__linkList .txt {
  font-size: clamp(1rem, 0.5rem + 2.5vw, 1.5rem); 
  letter-spacing: 0; 
  width: 100%; 
} 
 
.ns_goods__groupHalfLeft .ns_goods__detail{
  text-align: center; 
  width: 100%; 
} 
 
.ns_goods__groupHalfLeft .ns_goods__inner {
  align-items: center; 
  flex-direction: column; 
} 
 
.ns_goods__groupHalfLeft .ns_goods__im{
  max-width: unset; 
} 
 
.ns_goods__groupHalfLeft .ns_goods__linkList > *{
  margin-top: 0; 
} 
 
/*SP_goods_end*/

/*SP_intro_start*/
.ns_white_frame{
  max-width: 94%; 
  padding: 8vw 0; 
} 
 
.ns_intro__mvWrap {
  margin: 0px auto; 
  text-align: center; 
} 
 
.ns_intro__mvWrap iframe {
  margin: 0 auto; 
  text-align: center; 
} 
 
.ns_intro__txt{
  font-size: clamp(0.75rem, 0.5rem + 1.25vw, 1rem); 
} 
 
.ns_intro__movieDate_txt {
  font-size: 6vw; 
  letter-spacing: 0px; 
  margin-bottom: 2vw; 
  margin-top: 5vw; 
} 
 
.ns_intro__txt > :nth-of-type(n + 2) {
  margin-top: 6vw; 
} 
 
.ns_acoBt {
  bottom: -10px; 
  height: 15vw; 
} 
 
.ns_acoBt:before {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 100%); 
  bottom: 0; 
  height: 25vw; 
} 
 
.ns_acoBt:after {
  bottom: 5vw; 
  height: 4vw; 
  width: 4vw; 
} 
 
.on.ns_acoBt {
  bottom: 0vw; 
} 
 
.on.ns_acoBt:after {
  bottom: 3vw; 
} 
 
.ns_intro__castList:nth-of-type(n + 2) {
  margin-top: 3vw; 
} 
 
.ns_intro__castList .mainCast {
  font-size: clamp(0.438rem, -0.125rem + 2.81vw, 1rem); 
} 
 
[class*="ns_rubi"]:before{
  top: 1.8em; 
} 
 
.ns_list_name{
  font-size: clamp(0.75rem, 0.5rem + 1.25vw, 1rem); 
} 
 
.ns_intro__staffList{
  margin-top: 0; 
} 
 
.ns_intro__staffList .staff{
  font-size: clamp(0.438rem, -0.125rem + 2.81vw, 1rem); 
} 
 
/*intro_end*/

/*SP_ticket_start*/
.ns_ticket .ns_ticket .ns_acoBt_parent {
  overflow: hidden; 
} 
 
.ns_ticket::before{
  background-size: cover; 
  bottom: 0; 
  height: 93vw; 
  left: 0; 
  width: 100vw; 
} 
 
.ns_ticket::after{
  background-size: contain; 
  height: 113vw; 
  right: clamp(-3.375rem, -0.375rem + -7.5vw, -1.875rem); 
  top: clamp(-13.125rem, 0.625rem + -34.38vw, -6.25rem); 
  width: 84vw; 
} 
 
.ns_ticket__note {
  padding-bottom: 20vw; 
} 
 
.ns_ticket__note h3 {
  display: flex; 
  flex-direction: column; 
  font-size: clamp(13px, 4.2vw, 18px); 
} 
 
.ns_ticket__note_list {
  padding: 3vw; 
} 
 
.ns_ticket__note_list:nth-of-type(1) {
  font-size: clamp(0.75rem, 0.5rem + 1.25vw, 1rem); 
  margin-top: 3vw; 
  padding-bottom: 0; 
} 
 
.invisible.ns_acoBt__txt, 
.ns_acoBt__txt {
  padding-top: 0; 
} 
 
.invisible.ns_acoBt__txt, .ns_acoBt__txt{
  padding-bottom: 10vw; 
  padding-top: 0; 
} 
 
.ns_intro__txt .invisible.ns_acoBt__txt, 
.ns_intro__txt .ns_acoBt__txt {
  padding-bottom: 5vw; 
} 
 
[class*="ns_intro__cont"]:nth-last-of-type(1) .invisible.ns_acoBt__txt {
  padding-bottom: 20vw; 
} 
 
[class*="ns_intro__cont"]:nth-last-of-type(1) .on.ns_acoBt {
  bottom: 0; 
} 
 
.ns_ticket__bt h3 {
  margin-top: 5vw; 
} 
 
.ns_ticket__bt .NS_general_7ticket {
  margin-top: 5vw; 
} 
 
.ns_ticket .on.ns_acoBt {
  bottom: 3vw; 
} 
 
.ns_ticket .ns_acoBt {
  bottom: 0; 
} 
 
.ns_ticket .ns_ticket__note {
  border-radius: 3vw; 
  padding-bottom: 9.5vw; 
} 
 
.ns_ticket__bt h3,.ns_ticket .txtL {
  font-size: clamp(0.75rem, 0.5rem + 1.25vw, 1rem)!important; 
} 
 
.ns_ticket__note_list > li{
  margin-left: 0.68rem; 
  text-indent: -0.5rem; 
} 
 
li.ns_last, 
li.ns_link{
  margin-left: 0; 
  text-indent: 0; 
} 
 
/*SP_ticket_end*/

/*SP_intr_start*/
.ns_intro__mvWrap {
  background: none; 
  height: 0; 
  margin: 0px auto; 
  margin-top: 0; 
  padding-bottom: 53.1%; 
  position: relative; 
  text-align: center; 
  width: 90%; 
} 
 
.ns_intro__mvWrap iframe {
  box-sizing: border-box; 
  height: 100%; 
  left: 0; 
  margin: -0.2vw 0 0 -0.2vw; 
  position: absolute; 
  text-align: center; 
  top: 0; 
  width: 100%; 
} 
 
.ns_btnToofficial{
  filter: drop-shadow(clamp(0.063rem, 0.31vw, 0.125rem) clamp(0.063rem, 0.31vw, 0.125rem) 0 #7d3da4); 
  font-size: 20px; 
  font-weight: 700; 
  margin-top: 10vw; 
} 
 
.ns_btnToofficial a {
    padding: 10px 0 10px 3vw; 
} 
 
.ns_btnToofficial .ic{
	width: 20%; 
} 
 
.ns_btnToofficial .txt{
	font-size: clamp(1rem, 0.5rem + 2.5vw, 1.5rem); 
	line-height: 1.2;
    padding-right: 7vw; 
    width: calc(100% - 7vw); 
} 
 
.ns_btnToofficial a:before{
    right: 3vw; 
} 
 
.ns_intro_copyright{
	bottom: 3px; 
	font-size: clamp(0.563rem, 0.375rem + 0.94vw, 0.75rem); 
	font-weight: 700; 
} 
 
/*SP_intr_end*/

/*SP_relation_start*/
.ns_relation__goodsList > li {
  margin-left: 5vw; 
  width: calc((100% - (5vw * 1)) / 2); 
} 
 
.ns_relation__goodsList > li:nth-of-type(2n + 1) {
  margin-left: 0; 
} 
 
.ns_relation__goodsList > li:nth-of-type(n + 3) {
  margin-top: calc(10vw - 0.3em); 
} 
 
.ns_relation__txt {
  margin-top: 3vw; 
} 
 
/*SP_relation_end*/

.ns_areaBottom{
  font-size: clamp(0.563rem, 0.375rem + 0.94vw, 0.75rem); 
  margin-top: 0; 
  padding: 1vw 0; 
} 
 
/*hover_start*/
.ns_ContentsWrapAll a:hover, 
.ns_ticket__bt .NS_general_7ticket:hover {
  transform: translate(0px, 0px); 
} 
 
.ns_ContentsWrapAll .ns_anc a:hover {
  transform: translate(0px, 0px); 
  transition: 0.3s; 
} 
 
a.is-tap{
  text-decoration: none!important; 
} 
 
/*hover_end*/

.ns_copy {
  font-size: 10px; 
  padding: 30vw 0 2vw; 
} 
/*SP_contents_end*/
}