@charset "UTF-8"; /*--------------------------------------- - fonts -----------------------------------------*/ @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho&family=Tenor+Sans&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0"); /*--------------------------------------- constructure -----------------------------------------*/ html { scroll-behavior: smooth; } /*--------------------------------------- - mixin -----------------------------------------*/ /* responsive -----------------------------------------*/ /*--------------------------------------- - function -----------------------------------------*/ /*--------------------------------------- - placeholder -----------------------------------------*/ /* ベースのスタイル (PCファースト) -----------------------------------------*/ #disney_cruise { background: var(--c-white); color: var(--c-primary); font-family: var(--ff-primary); font-size: var(--fz-base); line-height: 250%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 0; overflow-x: hidden; } #disney_cruise * { -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 768px) { #disney_cruise::before { display: none; } } #disney_cruise a { color: var(--c-link); } #disney_cruise :focus-visible { outline: 2px solid var(--c-beige); outline-offset: 4px; } #disney_cruise :focus:not(:focus-visible) { outline: none; } :root { /*--------------------------------------- - プリミティブ -----------------------------------------*/ /* colors -----------------------------------------*/ --c-white: #ffffff; --c-black: #061D2E; --c-darkblue: #00255f; --c-navy-rgb: 0, 37, 95; --c-navy: #00255f; --c-blue: #1A4B80; --c-gray: #666666; --c-beige: #E3CB94; --c-gold: #BD8C1C; /* fonts -----------------------------------------*/ --ff-NotoSans: "Noto Sans JP","Helvetica Neue",system-ui,-apple-system,sans-serif; --ff-NotoSansJP: "Shippori Mincho", sans-serif; --ff-NotoSansEN: "Tenor Sans", sans-serif; --fz-base: 13px; --ff-icon: "Material Symbols Outlined"; --fz-note: 10px; --fz-subnote: 11px; /*--------------------------------------- セマンティック ----------------------------------------*/ /* colors -----------------------------------------*/ --c-primary: var(--c-gray); --c-secondary: var(--c-darkblue); /* fonts -----------------------------------------*/ --ff-primary: var(--ff-NotoSans); --ff-jp: var(--ff-NotoSansJP); --ff-en: var(--ff-NotoSansEN); /*--------------------------------------- - レイアウト・共通余白 ----------------------------------------*/ --pad-sp: clamp(20px, calc(20px + 35 * (100vw - 320px) / 160), 55px); } /* base -----------------------------------------*/ #disney_cruise { /* ベースの設計 -----------------------------------------*/ /*--------------------------------------- - fonts -----------------------------------------*/ @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho&family=Tenor+Sans&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0"); /*--------------------------------------- constructure -----------------------------------------*/ /*--------------------------------------- - mixin -----------------------------------------*/ /* responsive -----------------------------------------*/ /*--------------------------------------- - function -----------------------------------------*/ /*--------------------------------------- - placeholder -----------------------------------------*/ /* ベースのスタイル (PCファースト) -----------------------------------------*/ /*--------------------------------------- - fonts -----------------------------------------*/ @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho&family=Tenor+Sans&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0"); /*--------------------------------------- constructure -----------------------------------------*/ /*--------------------------------------- - mixin -----------------------------------------*/ /* responsive -----------------------------------------*/ /*--------------------------------------- - function -----------------------------------------*/ /*--------------------------------------- - placeholder -----------------------------------------*/ /* ベースのスタイル (PCファースト) -----------------------------------------*/ /*--------------------------------------- - fonts -----------------------------------------*/ @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho&family=Tenor+Sans&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0"); /*--------------------------------------- constructure -----------------------------------------*/ /*--------------------------------------- - mixin -----------------------------------------*/ /* responsive -----------------------------------------*/ /*--------------------------------------- - function -----------------------------------------*/ /*--------------------------------------- - placeholder -----------------------------------------*/ /* ベースのスタイル (PCファースト) -----------------------------------------*/ /*--------------------------------------- - fonts -----------------------------------------*/ @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho&family=Tenor+Sans&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0"); /*--------------------------------------- constructure -----------------------------------------*/ /*--------------------------------------- - mixin -----------------------------------------*/ /* responsive -----------------------------------------*/ /*--------------------------------------- - function -----------------------------------------*/ /*--------------------------------------- - placeholder -----------------------------------------*/ /* ベースのスタイル (PCファースト) -----------------------------------------*/ /*--------------------------------------- - fonts -----------------------------------------*/ @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho&family=Tenor+Sans&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0"); /*--------------------------------------- constructure -----------------------------------------*/ /*--------------------------------------- - mixin -----------------------------------------*/ /* responsive -----------------------------------------*/ /*--------------------------------------- - function -----------------------------------------*/ /*--------------------------------------- - placeholder -----------------------------------------*/ /* ベースのスタイル (PCファースト) -----------------------------------------*/ /*--------------------------------------- - fonts -----------------------------------------*/ @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho&family=Tenor+Sans&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0"); /*--------------------------------------- constructure -----------------------------------------*/ /*--------------------------------------- - mixin -----------------------------------------*/ /* responsive -----------------------------------------*/ /*--------------------------------------- - function -----------------------------------------*/ /*--------------------------------------- - placeholder -----------------------------------------*/ /* ベースのスタイル (PCファースト) -----------------------------------------*/ /*--------------------------------------- - fonts -----------------------------------------*/ @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho&family=Tenor+Sans&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0"); /*--------------------------------------- constructure -----------------------------------------*/ /*--------------------------------------- - mixin -----------------------------------------*/ /* responsive -----------------------------------------*/ /*--------------------------------------- - function -----------------------------------------*/ /*--------------------------------------- - placeholder -----------------------------------------*/ /* ベースのスタイル (PCファースト) -----------------------------------------*/ /*--------------------------------------- - fonts -----------------------------------------*/ @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho&family=Tenor+Sans&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0"); /*--------------------------------------- constructure -----------------------------------------*/ /*--------------------------------------- - mixin -----------------------------------------*/ /* responsive -----------------------------------------*/ /*--------------------------------------- - function -----------------------------------------*/ /*--------------------------------------- - placeholder -----------------------------------------*/ /* ベースのスタイル (PCファースト) -----------------------------------------*/ /*--------------------------------------- - fonts -----------------------------------------*/ @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho&family=Tenor+Sans&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0"); /*--------------------------------------- constructure -----------------------------------------*/ /*--------------------------------------- - mixin -----------------------------------------*/ /* responsive -----------------------------------------*/ /*--------------------------------------- - function -----------------------------------------*/ /*--------------------------------------- - placeholder -----------------------------------------*/ /* ベースのスタイル (PCファースト) -----------------------------------------*/ /*--------------------------------------- - fonts -----------------------------------------*/ @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho&family=Tenor+Sans&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0"); /*--------------------------------------- constructure -----------------------------------------*/ /*--------------------------------------- - mixin -----------------------------------------*/ /* responsive -----------------------------------------*/ /*--------------------------------------- - function -----------------------------------------*/ /*--------------------------------------- - placeholder -----------------------------------------*/ /* ベースのスタイル (PCファースト) -----------------------------------------*/ /*--------------------------------------- - fonts -----------------------------------------*/ @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho&family=Tenor+Sans&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0"); /*--------------------------------------- constructure -----------------------------------------*/ /*--------------------------------------- - mixin -----------------------------------------*/ /* responsive -----------------------------------------*/ /*--------------------------------------- - function -----------------------------------------*/ /*--------------------------------------- - placeholder -----------------------------------------*/ /* ベースのスタイル (PCファースト) -----------------------------------------*/ /*--------------------------------------- - fonts -----------------------------------------*/ @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho&family=Tenor+Sans&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0"); /*--------------------------------------- constructure -----------------------------------------*/ /*--------------------------------------- - mixin -----------------------------------------*/ /* responsive -----------------------------------------*/ /*--------------------------------------- - function -----------------------------------------*/ /*--------------------------------------- - placeholder -----------------------------------------*/ /* ベースのスタイル (PCファースト) -----------------------------------------*/ /*--------------------------------------- - fonts -----------------------------------------*/ @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho&family=Tenor+Sans&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0"); /*--------------------------------------- constructure -----------------------------------------*/ /*--------------------------------------- - mixin -----------------------------------------*/ /* responsive -----------------------------------------*/ /*--------------------------------------- - function -----------------------------------------*/ /*--------------------------------------- - placeholder -----------------------------------------*/ /* ベースのスタイル (PCファースト) -----------------------------------------*/ /*--------------------------------------- - fonts -----------------------------------------*/ @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho&family=Tenor+Sans&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0"); /*--------------------------------------- constructure -----------------------------------------*/ /*--------------------------------------- - mixin -----------------------------------------*/ /* responsive -----------------------------------------*/ /*--------------------------------------- - function -----------------------------------------*/ /*--------------------------------------- - placeholder -----------------------------------------*/ /* ベースのスタイル (PCファースト) -----------------------------------------*/ /*--------------------------------------- - fonts -----------------------------------------*/ @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho&family=Tenor+Sans&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0"); /*--------------------------------------- constructure -----------------------------------------*/ /*--------------------------------------- - mixin -----------------------------------------*/ /* responsive -----------------------------------------*/ /*--------------------------------------- - function -----------------------------------------*/ /*--------------------------------------- - placeholder -----------------------------------------*/ /* ベースのスタイル (PCファースト) -----------------------------------------*/ /*--------------------------------------- - fonts -----------------------------------------*/ @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho&family=Tenor+Sans&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0"); /*--------------------------------------- constructure -----------------------------------------*/ /*--------------------------------------- - mixin -----------------------------------------*/ /* responsive -----------------------------------------*/ /*--------------------------------------- - function -----------------------------------------*/ /*--------------------------------------- - placeholder -----------------------------------------*/ /* ベースのスタイル (PCファースト) -----------------------------------------*/ /*--------------------------------------- - fonts -----------------------------------------*/ @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho&family=Tenor+Sans&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0"); /*--------------------------------------- constructure -----------------------------------------*/ /*--------------------------------------- - mixin -----------------------------------------*/ /* responsive -----------------------------------------*/ /*--------------------------------------- - function -----------------------------------------*/ /*--------------------------------------- - placeholder -----------------------------------------*/ /* ベースのスタイル (PCファースト) -----------------------------------------*/ /*--------------------------------------- - fonts -----------------------------------------*/ @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho&family=Tenor+Sans&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0"); /*--------------------------------------- constructure -----------------------------------------*/ /*--------------------------------------- - mixin -----------------------------------------*/ /* responsive -----------------------------------------*/ /*--------------------------------------- - function -----------------------------------------*/ /*--------------------------------------- - placeholder -----------------------------------------*/ /* ベースのスタイル (PCファースト) -----------------------------------------*/ /*--------------------------------------- - fonts -----------------------------------------*/ @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho&family=Tenor+Sans&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0"); /*--------------------------------------- constructure -----------------------------------------*/ /*--------------------------------------- - mixin -----------------------------------------*/ /* responsive -----------------------------------------*/ /*--------------------------------------- - function -----------------------------------------*/ /*--------------------------------------- - placeholder -----------------------------------------*/ /* ベースのスタイル (PCファースト) -----------------------------------------*/ /*--------------------------------------- - fonts -----------------------------------------*/ @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho&family=Tenor+Sans&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0"); /*--------------------------------------- constructure -----------------------------------------*/ /*--------------------------------------- - mixin -----------------------------------------*/ /* responsive -----------------------------------------*/ /*--------------------------------------- - function -----------------------------------------*/ /*--------------------------------------- - placeholder -----------------------------------------*/ /* ベースのスタイル (PCファースト) -----------------------------------------*/ } #disney_cruise h1 { font-weight: normal; } #disney_cruise h2 { font-weight: normal; } #disney_cruise h3 { font-weight: normal; } #disney_cruise *:has(> wbr) { word-break: keep-all; overflow-wrap: anywhere; } #disney_cruise a { text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #disney_cruise a:hover { opacity: 0.7; } #disney_cruise .unlink { pointer-events: none; } #disney_cruise br.pc { display: block; } @media (max-width: 768px) { #disney_cruise br.pc { display: none; } } #disney_cruise br.sp { display: none; } @media (max-width: 768px) { #disney_cruise br.sp { display: block; } } #disney_cruise .en { font-family: var(--ff-en); font-weight: 400; } #disney_cruise img { width: 100%; max-width: 100%; vertical-align: bottom; } #disney_cruise svg { width: 100%; height: auto; display: block; } #disney_cruise .contents_wrap { padding-inline: min(7.3529411765vw, 100px); } @media (max-width: 768px) { #disney_cruise .contents_wrap { padding-inline: var(--pad-sp); } } #disney_cruise .contents_wrap .inner_wrap { max-width: 860px; width: 100%; margin-inline: auto; } @media (max-width: 768px) { #disney_cruise .contents_wrap .inner_wrap { margin-left: 0 !important; margin-right: 0 !important; } } #disney_cruise .btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; padding: 23px 30px; line-height: 1; -webkit-transition: 0.3s ease; transition: 0.3s ease; } #disney_cruise .link_btn { font-size: 12px; line-height: 1.6666666667; letter-spacing: 24%; color: var(--c-beige); border: 1px solid var(--c-beige); background: var(--c-navy); border-radius: 20vw; width: 100%; max-width: 247px; overflow: hidden; } #disney_cruise .link_btn::before, #disney_cruise .link_btn::after { content: ""; position: absolute; background-color: color-mix(in srgb, var(--c-beige) 50%, transparent); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #disney_cruise .link_btn::before { width: 20px; height: 1px; right: 11px; top: 55%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #disney_cruise .link_btn::after { width: 11px; height: 1px; right: 8px; top: 55%; -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } #disney_cruise .link_btn:hover { opacity: 1; background: var(--c-beige) !important; color: var(--c-black) !important; } #disney_cruise .link_btn:hover::before { background-color: var(--c-black); -webkit-animation: arrowSlideBefore 0.6s ease-in-out forwards; animation: arrowSlideBefore 0.6s ease-in-out forwards; } #disney_cruise .link_btn:hover::after { background-color: var(--c-black); -webkit-animation: arrowSlideAfter 0.6s ease-in-out forwards; animation: arrowSlideAfter 0.6s ease-in-out forwards; } @-webkit-keyframes arrowSlideBefore { 0% { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); opacity: 1; } 45% { -webkit-transform: translate(20px, -50%); transform: translate(20px, -50%); opacity: 0; } 50% { -webkit-transform: translate(-20px, -50%); transform: translate(-20px, -50%); opacity: 0; } 100% { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); opacity: 1; } } @keyframes arrowSlideBefore { 0% { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); opacity: 1; } 45% { -webkit-transform: translate(20px, -50%); transform: translate(20px, -50%); opacity: 0; } 50% { -webkit-transform: translate(-20px, -50%); transform: translate(-20px, -50%); opacity: 0; } 100% { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); opacity: 1; } } @-webkit-keyframes arrowSlideAfter { 0% { -webkit-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg); opacity: 1; } 45% { -webkit-transform: translate(20px, -50%) rotate(45deg); transform: translate(20px, -50%) rotate(45deg); opacity: 0; } 50% { -webkit-transform: translate(-20px, -50%) rotate(45deg); transform: translate(-20px, -50%) rotate(45deg); opacity: 0; } 100% { -webkit-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg); opacity: 1; } } @keyframes arrowSlideAfter { 0% { -webkit-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg); opacity: 1; } 45% { -webkit-transform: translate(20px, -50%) rotate(45deg); transform: translate(20px, -50%) rotate(45deg); opacity: 0; } 50% { -webkit-transform: translate(-20px, -50%) rotate(45deg); transform: translate(-20px, -50%) rotate(45deg); opacity: 0; } 100% { -webkit-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg); opacity: 1; } } #disney_cruise .c_deco-line { position: relative; } #disney_cruise .c_deco-line::before, #disney_cruise .c_deco-line::after { content: ""; position: absolute; top: 0; left: 0; background-color: color-mix(in srgb, var(--c-beige) 50%, transparent); } #disney_cruise .c_deco-line::before { width: 49vw; height: 1px; } @media (max-width: 1365px) { #disney_cruise .c_deco-line::before { left: calc((1366px - 100vw) * -0.05); width: calc(49vw + (1366px - 100vw) * 0.5); } } @media (max-width: 768px) { #disney_cruise .c_deco-line::before { left: calc(var(--pad-sp) * -1); width: calc(100% + var(--pad-sp)); } } #disney_cruise .c_deco-line::after { width: 1px; height: 33px; left: max(0px, 50% - 430px); top: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #disney_cruise .note { font-size: var(--fz-note); text-align: right; } #disney_cruise .sub_note { font-size: var(--fz-subnote); } #disney_cruise html { scroll-behavior: smooth; } #disney_cruise #disney_cruise { color: var(--c-primary); font-family: var(--ff-primary); font-size: var(--fz-base); line-height: 250%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 0; overflow-x: hidden; } #disney_cruise #disney_cruise * { -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 768px) { #disney_cruise #disney_cruise::before { display: none; } } #disney_cruise #disney_cruise a { color: var(--c-link); } #disney_cruise #disney_cruise :focus-visible { outline: 2px solid var(--c-beige); outline-offset: 4px; } #disney_cruise #disney_cruise :focus:not(:focus-visible) { outline: none; } #disney_cruise #gNav .global_nav .nav_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 60px; list-style: none; } @media (max-width: 768px) { #disney_cruise #gNav .global_nav .nav_list { -webkit-box-pack: safe center; -ms-flex-pack: safe center; justify-content: safe center; overflow-x: auto; gap: 24px; padding-inline: 55px; padding-left: 20px; -ms-overflow-style: none; scrollbar-width: none; } #disney_cruise #gNav .global_nav .nav_list::-webkit-scrollbar { display: none; } } @media (max-width: 768px) { #disney_cruise #gNav .global_nav .nav_list li { -ms-flex-negative: 0; flex-shrink: 0; } } #disney_cruise #gNav .global_nav .nav_list a { font-size: 12px; letter-spacing: 10%; color: var(--c-black); text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media (max-width: 768px) { #disney_cruise #gNav .global_nav .nav_list a { white-space: nowrap; } } #disney_cruise #gNav .global_nav .nav_list a:hover { opacity: 0.7; color: var(--c-gold); } #disney_cruise #gNav .global_nav.is-top { background: var(--c-navy); border-bottom: 1px solid color-mix(in srgb, var(--c-white) 20%, transparent); margin-top: -2px; } #disney_cruise #gNav .global_nav.is-top a { color: var(--c-white); } #disney_cruise html { scroll-behavior: smooth; } #disney_cruise #disney_cruise { color: var(--c-primary); font-family: var(--ff-primary); font-size: var(--fz-base); line-height: 250%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 0; overflow-x: hidden; } #disney_cruise #disney_cruise * { -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 768px) { #disney_cruise #disney_cruise::before { display: none; } } #disney_cruise #disney_cruise a { color: var(--c-link); } #disney_cruise #disney_cruise :focus-visible { outline: 2px solid var(--c-beige); outline-offset: 4px; } #disney_cruise #disney_cruise :focus:not(:focus-visible) { outline: none; } #disney_cruise header { width: 100%; position: relative; background: var(--c-white); margin-bottom: 0; } @media (max-width: 768px) { #disney_cruise header { margin-bottom: 20px; } } #disney_cruise header .header-inner { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; padding-top: 12px; padding-bottom: 20px; position: relative; } @media (max-width: 768px) { #disney_cruise header .header-inner { padding-bottom: 0; } } #disney_cruise header .header-inner .company_logo a, #disney_cruise header .header-inner .corporate-logo a { display: block; } #disney_cruise header .header-inner .company_logo { width: 115px; -ms-grid-column-align: center; justify-self: center; margin-bottom: 12px; } #disney_cruise header .header-inner .corporate-logo { width: 198px; margin-left: 47px; } @media (max-width: 768px) { #disney_cruise header .header-inner .corporate-logo { margin-left: 20px; } @m } #disney_cruise html { scroll-behavior: smooth; } #disney_cruise #disney_cruise { color: var(--c-primary); font-family: var(--ff-primary); font-size: var(--fz-base); line-height: 250%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 0; overflow-x: hidden; } #disney_cruise #disney_cruise * { -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 768px) { #disney_cruise #disney_cruise::before { display: none; } } #disney_cruise #disney_cruise a { color: var(--c-link); } #disney_cruise #disney_cruise :focus-visible { outline: 2px solid var(--c-beige); outline-offset: 4px; } #disney_cruise #disney_cruise :focus:not(:focus-visible) { outline: none; } #disney_cruise hgroup p { font-size: 12px; margin-bottom: 0; letter-spacing: 40%; line-height: 250%; } #disney_cruise .sub_title { font-family: var(--ff-en); font-weight: 400; font-size: min(6.4338235294vw, 87.5px); letter-spacing: 0; line-height: 100%; } @media (max-width: 768px) { #disney_cruise .sub_title { font-size: min(14.5833333333vw, 70px); } } #disney_cruise .title_inner { background: var(--c-navy); padding-top: 44px; padding-bottom: 45px; margin-bottom: min(7.3529411765vw, 100px); } @media (max-width: 768px) { #disney_cruise .title_inner { margin-bottom: 80px; } } #disney_cruise .title_inner hgroup { color: var(--c-beige); } @media (max-width: 768px) { #disney_cruise .title_inner hgroup .sub_title { margin: 0 calc(var(--pad-sp) * -1) 0; } } #disney_cruise .title_inner hgroup .sub_text { margin-top: 11px; color: var(--c-white); letter-spacing: 40%; } @media (max-width: 768px) { #disney_cruise .title_inner hgroup .sub_text { margin: 30px calc(var(--pad-sp) * -0.8) 0; } } #disney_cruise .title_inner hgroup .sub_text .catchphrase { font-size: min(1.7647058824vw, 24px); font-weight: 700; line-height: 140%; letter-spacing: 10%; margin-bottom: 11px; } @media (max-width: 768px) { #disney_cruise .title_inner hgroup .sub_text .catchphrase { font-size: min(4.1666666667vw, 20px); margin-bottom: 30px; } } #disney_cruise .title_inner hgroup .sub_text p { font-size: min(1.0294117647vw, 14px); line-height: 250%; letter-spacing: 10%; } @media (max-width: 768px) { #disney_cruise .title_inner hgroup .sub_text p { font-size: min(3.3333333333vw, 16px); line-height: 200%; } } #disney_cruise #business .title_inner { padding-bottom: 26.2079062958vw; margin-bottom: 0; } @media (max-width: 768px) { #disney_cruise #business .title_inner { padding-bottom: 55px; } } #disney_cruise html { scroll-behavior: smooth; } #disney_cruise #disney_cruise { color: var(--c-primary); font-family: var(--ff-primary); font-size: var(--fz-base); line-height: 250%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 0; overflow-x: hidden; } #disney_cruise #disney_cruise * { -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 768px) { #disney_cruise #disney_cruise::before { display: none; } } #disney_cruise #disney_cruise a { color: var(--c-link); } #disney_cruise #disney_cruise :focus-visible { outline: 2px solid var(--c-beige); outline-offset: 4px; } #disney_cruise #disney_cruise :focus:not(:focus-visible) { outline: none; } #disney_cruise #returnBtn { margin-top: min(15.8088235294vw, 215px); } @media (max-width: 768px) { #disney_cruise #returnBtn { margin-top: 98px; } } #disney_cruise #returnBtn .returnBtn_inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #disney_cruise #returnBtn .link_btn { margin: min(6.9852941176vw, 95px) auto 50px; } @media (max-width: 768px) { #disney_cruise #returnBtn .link_btn { margin: 65px auto 50px; } } #disney_cruise #policy #returnBtn { margin-top: min(6.6176470588vw, 90px); } @media (max-width: 768px) { #disney_cruise #policy #returnBtn { margin-top: 100px; } } #disney_cruise #topics #returnBtn { margin-top: min(12.7941176471vw, 174px); } @media (max-width: 768px) { #disney_cruise #topics #returnBtn { margin-top: 100px; } } #disney_cruise html { scroll-behavior: smooth; } #disney_cruise #disney_cruise { color: var(--c-primary); font-family: var(--ff-primary); font-size: var(--fz-base); line-height: 250%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 0; overflow-x: hidden; } #disney_cruise #disney_cruise * { -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 768px) { #disney_cruise #disney_cruise::before { display: none; } } #disney_cruise #disney_cruise a { color: var(--c-link); } #disney_cruise #disney_cruise :focus-visible { outline: 2px solid var(--c-beige); outline-offset: 4px; } #disney_cruise #disney_cruise :focus:not(:focus-visible) { outline: none; } #disney_cruise .news_filter_wrapper { margin-bottom: 65px; } @media (max-width: 768px) { #disney_cruise .news_filter_wrapper { margin-bottom: 33px; } } #disney_cruise .news_filter_wrapper input[type=radio] { display: none; } #disney_cruise .news_filter_wrapper .tab_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 36px; margin-bottom: 45px; } @media (max-width: 768px) { #disney_cruise .news_filter_wrapper .tab_list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 10px; } } #disney_cruise .news_filter_wrapper .tab_list .tab_btn { font-size: 12px; font-weight: 500; letter-spacing: 10%; line-height: 100%; cursor: pointer; padding: 8px 16px; border-radius: 100vh; color: var(--c-gold); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #disney_cruise .news_filter_wrapper .tab_list .tab_btn:hover { opacity: 0.7; background-color: color-mix(in srgb, var(--c-beige) 35%, transparent); } @media (max-width: 768px) { #disney_cruise .news_filter_wrapper .tab_list .tab_btn { padding: 6px 12px; } } @media (max-width: 768px) { #disney_cruise .news_filter_wrapper .news_list { margin-right: var(--pad-sp); } } #disney_cruise .news_filter_wrapper .news_list .news_item { font-size: 13px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 45px; padding-block: 10px; margin-bottom: 32px; } @media (max-width: 768px) { #disney_cruise .news_filter_wrapper .news_list .news_item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0; } } #disney_cruise .news_filter_wrapper .news_list .news_item:last-child { margin-bottom: 0; } #disney_cruise .news_filter_wrapper .news_list .news_item time, #disney_cruise .news_filter_wrapper .news_list .news_item .news-text { line-height: 120%; letter-spacing: 10%; } #disney_cruise .news_filter_wrapper .news_list .news_item time { color: color-mix(in srgb, var(--c-black) 50%, transparent); } @media (max-width: 768px) { #disney_cruise .news_filter_wrapper .news_list .news_item time { margin-bottom: 16px; } } #disney_cruise .news_filter_wrapper .news_list .news_item .news-text { font-size: 13px; color: var(--c-black); text-wrap: auto; } @media (max-width: 768px) { #disney_cruise .news_filter_wrapper .news_list .news_item .news-text { line-height: normal; } } #disney_cruise .news_filter_wrapper .news_list .news_item a { color: var(--c-gold); } #disney_cruise .news_filter_wrapper #tab-all:checked ~ .tab_list [for=tab-all], #disney_cruise .news_filter_wrapper #tab-news:checked ~ .tab_list [for=tab-news], #disney_cruise .news_filter_wrapper #tab-recruit:checked ~ .tab_list [for=tab-recruit] { background-color: var(--c-beige); color: var(--c-white); } #disney_cruise .news_filter_wrapper #tab-news:checked ~ .news_list .cat-recruit { display: none; } #disney_cruise .news_filter_wrapper #tab-recruit:checked ~ .news_list .cat-news { display: none; } #disney_cruise html { scroll-behavior: smooth; } #disney_cruise #disney_cruise { color: var(--c-primary); font-family: var(--ff-primary); font-size: var(--fz-base); line-height: 250%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 0; overflow-x: hidden; } #disney_cruise #disney_cruise * { -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 768px) { #disney_cruise #disney_cruise::before { display: none; } } #disney_cruise #disney_cruise a { color: var(--c-link); } #disney_cruise #disney_cruise :focus-visible { outline: 2px solid var(--c-beige); outline-offset: 4px; } #disney_cruise #disney_cruise :focus:not(:focus-visible) { outline: none; } #disney_cruise .publicnotice_list .item_wrap { max-width: 533px; margin: auto; } #disney_cruise .publicnotice_list .item_wrap .publicnotice_item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 45px; } @media (max-width: 768px) { #disney_cruise .publicnotice_list .item_wrap .publicnotice_item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0; } } #disney_cruise .publicnotice_list .item_wrap .publicnotice_item time, #disney_cruise .publicnotice_list .item_wrap .publicnotice_item .public-text { line-height: 120%; letter-spacing: 10%; } #disney_cruise .publicnotice_list .item_wrap .publicnotice_item time { color: color-mix(in srgb, var(--c-black) 50%, transparent); } @media (max-width: 768px) { #disney_cruise .publicnotice_list .item_wrap .publicnotice_item time { margin-bottom: 16px; } } #disney_cruise .publicnotice_list .item_wrap .publicnotice_item div { line-height: 120%; } #disney_cruise .publicnotice_list .item_wrap .publicnotice_item .titlelink { font-size: 15px; font-weight: 700; margin-bottom: 1em; text-decoration: underline; display: inline-block; } #disney_cruise .publicnotice_list .item_wrap .publicnotice_item .public-text { font-size: 13px; color: var(--c-black); text-wrap: auto; } @media (max-width: 768px) { #disney_cruise .publicnotice_list .item_wrap .publicnotice_item .public-text { line-height: normal; } } #disney_cruise html { scroll-behavior: smooth; } #disney_cruise #disney_cruise { color: var(--c-primary); font-family: var(--ff-primary); font-size: var(--fz-base); line-height: 250%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 0; overflow-x: hidden; } #disney_cruise #disney_cruise * { -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 768px) { #disney_cruise #disney_cruise::before { display: none; } } #disney_cruise #disney_cruise a { color: var(--c-link); } #disney_cruise #disney_cruise :focus-visible { outline: 2px solid var(--c-beige); outline-offset: 4px; } #disney_cruise #disney_cruise :focus:not(:focus-visible) { outline: none; } #disney_cruise #top .heroArea .image_wrapper { position: relative; display: block; overflow: hidden; } @media (max-width: 768px) { #disney_cruise #top .heroArea .image_wrapper { padding-top: 0vw; } } #disney_cruise #top .heroArea .image_wrapper::before, #disney_cruise #top .heroArea .image_wrapper::after { content: ""; position: absolute; left: 0; width: 100%; pointer-events: none; } #disney_cruise #top .heroArea .image_wrapper::before { top: 0; height: 10%; background: none; } @media (max-width: 768px) { #disney_cruise #top .heroArea .image_wrapper::before { height: 12%; } } #disney_cruise #top .heroArea .image_wrapper::after { bottom: 0; height: 3%; background: var(--c-navy); } @media (max-width: 768px) { #disney_cruise #top .heroArea .image_wrapper::after { height: 6%; } } #disney_cruise html { scroll-behavior: smooth; } #disney_cruise #disney_cruise { color: var(--c-primary); font-family: var(--ff-primary); font-size: var(--fz-base); line-height: 250%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 0; overflow-x: hidden; } #disney_cruise #disney_cruise * { -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 768px) { #disney_cruise #disney_cruise::before { display: none; } } #disney_cruise #disney_cruise a { color: var(--c-link); } #disney_cruise #disney_cruise :focus-visible { outline: 2px solid var(--c-beige); outline-offset: 4px; } #disney_cruise #disney_cruise :focus:not(:focus-visible) { outline: none; } #disney_cruise #top .lead { padding-bottom: 100px; background: var(--c-navy); margin-top: -2px; position: relative; z-index: 1; } #disney_cruise #top .lead .note { font-size: 8px; text-align: right; color: #fff; opacity: 0.7; margin: 0 20px 30px; } @media (max-width: 768px) { #disney_cruise #top .lead .note { margin: 0 10px 38px; } } #disney_cruise #top .lead .contents_wrap { color: #fff; } #disney_cruise #top .lead .contents_wrap .link_btn { background: var(--c-navy); } #disney_cruise #top .lead .lead_inner .heading_title h2 { font-family: var(--ff-jp); font-size: 36px; font-weight: 500; line-height: 131%; letter-spacing: 0; text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.48); margin-bottom: 20px; } @media (max-width: 768px) { #disney_cruise #top .lead .lead_inner .heading_title h2 { font-size: min(7.5vw, 36px); margin-right: -6vw; } } @media (max-width: 768px) { #disney_cruise #top .lead .lead_inner .heading_title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } #disney_cruise #top .lead .lead_inner p { opacity: 0.7; } #disney_cruise #top .lead .lead_inner .btn { margin-top: 35px; } #disney_cruise html { scroll-behavior: smooth; } #disney_cruise #disney_cruise { color: var(--c-primary); font-family: var(--ff-primary); font-size: var(--fz-base); line-height: 250%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 0; overflow-x: hidden; } #disney_cruise #disney_cruise * { -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 768px) { #disney_cruise #disney_cruise::before { display: none; } } #disney_cruise #disney_cruise a { color: var(--c-link); } #disney_cruise #disney_cruise :focus-visible { outline: 2px solid var(--c-beige); outline-offset: 4px; } #disney_cruise #disney_cruise :focus:not(:focus-visible) { outline: none; } #disney_cruise #top .business { background: var(--c-navy); padding: min(10.2941176471vw, 140px) min(4.4117647059vw, 60px); } @media (max-width: 768px) { #disney_cruise #top .business { padding: 80px 0; } } #disney_cruise #top .business .contents_wrap { color: #fff; } #disney_cruise #top .business .contents_wrap .link_btn { background: var(--c-navy); } #disney_cruise #top .business .business_inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 768px) { #disney_cruise #top .business .business_inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } #disney_cruise #top .business .business_inner hgroup { color: var(--c-beige); } @media (max-width: 768px) { #disney_cruise #top .business .business_inner hgroup { margin-bottom: 40px; } #disney_cruise #top .business .business_inner hgroup .sub_title { margin-left: calc(var(--pad-sp) * -1); } } #disney_cruise #top .business .business_inner .business_text { text-align: center; } @media (max-width: 768px) { #disney_cruise #top .business .business_inner .business_text { text-align: inherit; } } #disney_cruise #top .business .business_inner .business_text .logo { width: min(28.6764705882vw, 390px); margin-bottom: 55px; } @media (max-width: 768px) { #disney_cruise #top .business .business_inner .business_text .logo { width: 100%; margin-bottom: 40px; } } #disney_cruise #top .business .business_inner .business_text p { font-size: 14px; line-height: 250%; margin-bottom: 60px; text-align: center; } @media (max-width: 768px) { #disney_cruise #top .business .business_inner .business_text p { margin-bottom: 40px; text-align: left; } } #disney_cruise #top .business .business_inner .business_text .btn { margin: auto; } @media (max-width: 768px) { #disney_cruise #top .business .business_inner .business_text .btn { margin: 0; } } #disney_cruise html { scroll-behavior: smooth; } #disney_cruise #disney_cruise { color: var(--c-primary); font-family: var(--ff-primary); font-size: var(--fz-base); line-height: 250%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 0; overflow-x: hidden; } #disney_cruise #disney_cruise * { -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 768px) { #disney_cruise #disney_cruise::before { display: none; } } #disney_cruise #disney_cruise a { color: var(--c-link); } #disney_cruise #disney_cruise :focus-visible { outline: 2px solid var(--c-beige); outline-offset: 4px; } #disney_cruise #disney_cruise :focus:not(:focus-visible) { outline: none; } #disney_cruise #top .movie .movie_wrapper { width: 100%; aspect-ratio: 16/9; background-color: var(--c-black); } #disney_cruise #top .movie .movie_wrapper iframe { width: 100%; height: 100%; display: block; } #disney_cruise html { scroll-behavior: smooth; } #disney_cruise #disney_cruise { color: var(--c-primary); font-family: var(--ff-primary); font-size: var(--fz-base); line-height: 250%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 0; overflow-x: hidden; } #disney_cruise #disney_cruise * { -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 768px) { #disney_cruise #disney_cruise::before { display: none; } } #disney_cruise #disney_cruise a { color: var(--c-link); } #disney_cruise #disney_cruise :focus-visible { outline: 2px solid var(--c-beige); outline-offset: 4px; } #disney_cruise #disney_cruise :focus:not(:focus-visible) { outline: none; } #disney_cruise #top .topics { margin-bottom: min(19.3382352941vw, 263px); margin-top: min(3.6764705882vw, 50px); } @media (max-width: 768px) { #disney_cruise #top .topics { margin-bottom: 130px; margin-top: 130px; } } #disney_cruise #top .topics hgroup { text-align: center; color: var(--c-blue); } #disney_cruise #top .topics hgroup p { font-size: 12px; } #disney_cruise #top .topics hgroup h2 { font-size: min(1.6544117647vw, 22.5px); margin-bottom: 45px; letter-spacing: 46%; line-height: 30px; } @media (max-width: 768px) { #disney_cruise #top .topics hgroup h2 { font-size: min(5.8333333333vw, 28px); } } #disney_cruise #top .topics .btn { margin: auto; } #disney_cruise html { scroll-behavior: smooth; } #disney_cruise #disney_cruise { color: var(--c-primary); font-family: var(--ff-primary); font-size: var(--fz-base); line-height: 250%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 0; overflow-x: hidden; } #disney_cruise #disney_cruise * { -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 768px) { #disney_cruise #disney_cruise::before { display: none; } } #disney_cruise #disney_cruise a { color: var(--c-link); } #disney_cruise #disney_cruise :focus-visible { outline: 2px solid var(--c-beige); outline-offset: 4px; } #disney_cruise #disney_cruise :focus:not(:focus-visible) { outline: none; } #disney_cruise #top .recruitment { margin-bottom: min(12.7205882353vw, 173px); } @media (max-width: 768px) { #disney_cruise #top .recruitment { margin-bottom: 119px; } } #disney_cruise #top .recruitment .contents_wrap { position: relative; } #disney_cruise #top .recruitment hgroup { color: var(--c-blue); position: absolute; top: 0; } @media (max-width: 768px) { #disney_cruise #top .recruitment hgroup .sub_title { font-size: min(11.4583333333vw, 55px); margin: 0 calc(var(--pad-sp) * -1) 40px; } } #disney_cruise #top .recruitment .inner_wrap { text-align: center; } #disney_cruise #top .recruitment .inner_wrap img { width: 100%; margin-bottom: 33px; } @media (max-width: 768px) { #disney_cruise #top .recruitment .inner_wrap img { width: calc(100% + var(--pad-sp)); margin-right: calc(var(--pad-sp) * -1); max-width: none; } } #disney_cruise #top .recruitment .inner_wrap .recruitment_text p { line-height: 250%; margin-bottom: 20px; } #disney_cruise #top .recruitment .inner_wrap .recruitment_text p.sub_note { opacity: 0.6; margin-bottom: 30px; } #disney_cruise #top .recruitment .inner_wrap .recruitment_text .btn { margin: auto; opacity: 0.5; } #disney_cruise html { scroll-behavior: smooth; } #disney_cruise #disney_cruise { color: var(--c-primary); font-family: var(--ff-primary); font-size: var(--fz-base); line-height: 250%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 0; overflow-x: hidden; } #disney_cruise #disney_cruise * { -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 768px) { #disney_cruise #disney_cruise::before { display: none; } } #disney_cruise #disney_cruise a { color: var(--c-link); } #disney_cruise #disney_cruise :focus-visible { outline: 2px solid var(--c-beige); outline-offset: 4px; } #disney_cruise #disney_cruise :focus:not(:focus-visible) { outline: none; } #disney_cruise #top .sustainability .image_wrapper { position: relative; display: block; overflow: hidden; } #disney_cruise #top .sustainability .image_wrapper::before { content: ""; position: absolute; left: 0; width: 100%; pointer-events: none; bottom: 0; height: 22%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(var(--c-navy-rgb), 0)), color-stop(50%, rgba(var(--c-navy-rgb), 0.55)), to(rgba(var(--c-navy-rgb), 1))); background: linear-gradient(to bottom, rgba(var(--c-navy-rgb), 0) 0%, rgba(var(--c-navy-rgb), 0.55) 50%, rgba(var(--c-navy-rgb), 1) 100%); } #disney_cruise #top .sustainability .image_wrapper img { width: 100%; height: auto; display: block; } @media (max-width: 768px) { #disney_cruise #top .sustainability .image_wrapper img { height: 175px; -o-object-fit: cover; object-fit: cover; } } #disney_cruise #top .sustainability .contents_wrap { padding-bottom: min(12.9411764706vw, 176px); text-align: center; position: relative; z-index: 1; background: -webkit-gradient(linear, left top, left bottom, from(rgba(var(--c-navy-rgb), 0)), color-stop(0%, rgba(var(--c-navy-rgb), 0.55)), color-stop(-10%, rgba(var(--c-navy-rgb), 1))); background: linear-gradient(to bottom, rgba(var(--c-navy-rgb), 0) 0%, rgba(var(--c-navy-rgb), 0.55) 0%, rgba(var(--c-navy-rgb), 1) -10%); } @media (max-width: 768px) { #disney_cruise #top .sustainability .contents_wrap { padding-bottom: 104px; } } #disney_cruise #top .sustainability .contents_wrap hgroup .sub_title { color: var(--c-beige); margin-bottom: 17px; line-height: 87px; } @media (max-width: 768px) { #disney_cruise #top .sustainability .contents_wrap hgroup .sub_title { font-size: min(11.4583333333vw, 55px); margin: 0 calc(var(--pad-sp) * -1) 40px; line-height: 100%; } } #disney_cruise #top .sustainability .contents_wrap .btn_external { font-size: 12px; line-height: 1.6666666667; letter-spacing: 0.24em; color: var(--c-beige); display: inline-block; border: 1px solid var(--c-beige); border-radius: 20vw; width: 100%; max-width: 340px; margin-inline: auto; } #disney_cruise #top .sustainability .contents_wrap .btn_external .icon { font-family: var(--ff-icon); color: #FFE37D; opacity: 0.3; position: absolute; right: 12px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 20px; font-weight: 300; } #disney_cruise #top .sustainability .contents_wrap .btn_external:hover { background: var(--c-beige); color: var(--c-black); } #disney_cruise #top .sustainability .contents_wrap .btn_external:hover .icon { color: var(--c-black); } #disney_cruise html { scroll-behavior: smooth; } #disney_cruise #disney_cruise { color: var(--c-primary); font-family: var(--ff-primary); font-size: var(--fz-base); line-height: 250%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 0; overflow-x: hidden; } #disney_cruise #disney_cruise * { -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 768px) { #disney_cruise #disney_cruise::before { display: none; } } #disney_cruise #disney_cruise a { color: var(--c-link); } #disney_cruise #disney_cruise :focus-visible { outline: 2px solid var(--c-beige); outline-offset: 4px; } #disney_cruise #disney_cruise :focus:not(:focus-visible) { outline: none; } #disney_cruise #company h3 { font-size: 21px; font-weight: 700; letter-spacing: 30%; color: var(--c-blue); margin-bottom: 72px; } @media (max-width: 768px) { #disney_cruise #company h3 { margin-bottom: 29px; } } #disney_cruise #company #link { display: none; } @media (max-width: 768px) { #disney_cruise #company #link { display: block; margin-bottom: 40px; } #disney_cruise #company #link ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 53px; } #disney_cruise #company #link ul li a { color: var(--c-gold); font-size: 12px; font-weight: 700; } } #disney_cruise #company #message { margin-bottom: min(30.8823529412vw, 420px); } @media (max-width: 768px) { #disney_cruise #company #message { margin-bottom: 100px; } } #disney_cruise #company #message .inner_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 55px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 768px) { #disney_cruise #company #message .inner_wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #disney_cruise #company #message .message_text { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 624px; -ms-flex-negative: 0; flex-shrink: 0; padding-top: 55px; } @media (max-width: 1366px) { #disney_cruise #company #message .message_text { width: calc(50vw + 50% - 31.7vw - 55px); } } @media (max-width: 768px) { #disney_cruise #company #message .message_text { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; padding-top: 0; } } #disney_cruise #company #message .message_text p { margin-bottom: 2em; line-height: 250%; } #disney_cruise #company #message img { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -ms-flex-negative: 0; flex-shrink: 0; max-width: none; height: auto; -o-object-fit: cover; object-fit: cover; width: calc(50vw + 50% - 679px); margin-top: max(-7.3529411765vw, -100px); z-index: 2; } @media (max-width: 1366px) { #disney_cruise #company #message img { width: 31.7vw; } } @media (max-width: 768px) { #disney_cruise #company #message img { margin-top: 40px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; height: auto; margin-left: var(--pad-sp); margin-right: calc(var(--pad-sp) * -1); width: calc(100vw - var(--pad-sp) * 2); } } #disney_cruise #company #profile .profile_wrap { padding-top: 55px; } #disney_cruise #company #profile .profile_wrap .profile_list { border-top: 1px solid color-mix(in srgb, var(--c-beige) 40%, transparent); } @media (max-width: 768px) { #disney_cruise #company #profile .profile_wrap .profile_list { border-top: none; } } #disney_cruise #company #profile .profile_wrap .profile_item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-block: 30px; border-bottom: 1px solid color-mix(in srgb, var(--c-beige) 40%, transparent); } @media (max-width: 768px) { #disney_cruise #company #profile .profile_wrap .profile_item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 5px; padding-block: 25px; } #disney_cruise #company #profile .profile_wrap .profile_item:last-child { border-bottom: none; } } #disney_cruise #company #profile .profile_wrap .profile_item dt { width: 30%; } @media (max-width: 768px) { #disney_cruise #company #profile .profile_wrap .profile_item dt { width: 100%; } } #disney_cruise #company #profile .profile_wrap .profile_item dd { width: 70%; line-height: 180%; letter-spacing: 10%; } @media (max-width: 768px) { #disney_cruise #company #profile .profile_wrap .profile_item dd { width: 100%; } } #disney_cruise #company #profile .profile_wrap .profile_item dd a { text-decoration: underline; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } #disney_cruise #company #profile .profile_wrap .profile_item dd a:hover { opacity: 0.7; } #disney_cruise #company #profile .profile_wrap .profile_item .officer_list { list-style: disc; padding-left: 1.5em; } #disney_cruise #company #profile .profile_wrap .profile_item .role, #disney_cruise #company #profile .profile_wrap .profile_item .employees { display: inline-block; margin-right: 1em; } #disney_cruise html { scroll-behavior: smooth; } #disney_cruise #disney_cruise { color: var(--c-primary); font-family: var(--ff-primary); font-size: var(--fz-base); line-height: 250%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 0; overflow-x: hidden; } #disney_cruise #disney_cruise * { -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 768px) { #disney_cruise #disney_cruise::before { display: none; } } #disney_cruise #disney_cruise a { color: var(--c-link); } #disney_cruise #disney_cruise :focus-visible { outline: 2px solid var(--c-beige); outline-offset: 4px; } #disney_cruise #disney_cruise :focus:not(:focus-visible) { outline: none; } #disney_cruise #accessContents .inner_wrap img { width: 50%; margin-bottom: min(3.0882352941vw, 42px); } @media (max-width: 768px) { #disney_cruise #accessContents .inner_wrap img { width: 100%; margin-bottom: 80px; } } #disney_cruise #accessContents .inner_wrap .access_text p { line-height: 250%; margin-bottom: min(1.4705882353vw, 20px); } @media (max-width: 768px) { #disney_cruise #accessContents .inner_wrap .access_text p { margin-bottom: 40px; } } #disney_cruise html { scroll-behavior: smooth; } #disney_cruise #disney_cruise { color: var(--c-primary); font-family: var(--ff-primary); font-size: var(--fz-base); line-height: 250%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 0; overflow-x: hidden; } #disney_cruise #disney_cruise * { -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 768px) { #disney_cruise #disney_cruise::before { display: none; } } #disney_cruise #disney_cruise a { color: var(--c-link); } #disney_cruise #disney_cruise :focus-visible { outline: 2px solid var(--c-beige); outline-offset: 4px; } #disney_cruise #disney_cruise :focus:not(:focus-visible) { outline: none; } #disney_cruise #business .business_wrap { margin-bottom: min(13.3088235294vw, 181px); } @media (max-width: 768px) { #disney_cruise #business .business_wrap { margin-bottom: 40px; } } #disney_cruise #business .business_wrap .business_img { margin-top: -21.8155197657vw; position: relative; z-index: 2; margin-right: calc(50% - 50vw - 2px); } @media (max-width: 768px) { #disney_cruise #business .business_wrap .business_img { margin-top: -40px; } } #disney_cruise #business .business_wrap .business_img img { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; } @media (max-width: 768px) { #disney_cruise #business .business_wrap .business_img { margin-right: calc(var(--pad-sp) * -1); } } #disney_cruise #business .business_wrap .business_text { margin-top: 20px; margin-right: 125px; } @media (max-width: 768px) { #disney_cruise #business .business_wrap .business_text { margin-right: 0; } } #disney_cruise #business .business_wrap .business_text p { margin-bottom: 1.5em; line-height: 250%; letter-spacing: 10%; } #disney_cruise #business .note { text-align: right; padding-top: 16px; padding-right: 10px; } @media (max-width: 768px) { #disney_cruise #business .note { padding-top: 10px; } } #disney_cruise #business .cruise_wrap .cruise_title_area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 40px; } #disney_cruise #business .cruise_wrap .cruise_title_area p.en, #disney_cruise #business .cruise_wrap .cruise_title_area h3 { color: var(--c-blue); width: 100%; max-width: 860px; margin-left: auto; margin-right: auto; } #disney_cruise #business .cruise_wrap .cruise_title_area p { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; line-height: 100%; letter-spacing: 0.4em; margin-bottom: 30px; } #disney_cruise #business .cruise_wrap .cruise_title_area .c_deco-line { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } #disney_cruise #business .cruise_wrap .cruise_title_area h3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; font-size: 21px; font-weight: 700; line-height: 140%; letter-spacing: 30%; margin-top: 70px; } @media (max-width: 768px) { #disney_cruise #business .cruise_wrap .cruise_title_area .c_deco-line { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 15px; } #disney_cruise #business .cruise_wrap .cruise_title_area p.en { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-bottom: 0; margin-top: 20px; } #disney_cruise #business .cruise_wrap .cruise_title_area h3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-top: 50px; } } #disney_cruise #business .cruise_wrap .cruise_img { width: 100vw; margin-left: calc(50% - 50vw); } #disney_cruise #business .cruise_wrap .cruise_img ul { display: -webkit-box; display: -ms-flexbox; display: flex; } #disney_cruise #business .cruise_wrap .cruise_img ul li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #disney_cruise #business .cruise_wrap .cruise_img ul li img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; } @media (max-width: 768px) { #disney_cruise #business .cruise_wrap .cruise_img { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #disney_cruise #business .cruise_wrap .cruise_img .note { background-color: var(--c-navy); color: #fff; margin: 0; } #disney_cruise #business .cruise_wrap .cruise_text { margin-top: 0; width: 100vw; margin-left: calc(50% - 50vw); background-color: var(--c-navy); color: #fff; padding-left: calc(50vw - 50%); padding-right: calc(50vw - 50%); padding-top: 16px; padding-bottom: 105px; } @media (max-width: 768px) { #disney_cruise #business .cruise_wrap .cruise_text { padding-left: var(--pad-sp); padding-right: var(--pad-sp); padding-bottom: 80px; } } #disney_cruise #business .cruise_wrap .cruise_text p { margin-right: 125px; line-height: 250%; letter-spacing: 10%; } @media (max-width: 768px) { #disney_cruise #business .cruise_wrap .cruise_text p { margin-right: 0; } } #disney_cruise html { scroll-behavior: smooth; } #disney_cruise #disney_cruise { color: var(--c-primary); font-family: var(--ff-primary); font-size: var(--fz-base); line-height: 250%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 0; overflow-x: hidden; } #disney_cruise #disney_cruise * { -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 768px) { #disney_cruise #disney_cruise::before { display: none; } } #disney_cruise #disney_cruise a { color: var(--c-link); } #disney_cruise #disney_cruise :focus-visible { outline: 2px solid var(--c-beige); outline-offset: 4px; } #disney_cruise #disney_cruise :focus:not(:focus-visible) { outline: none; } #disney_cruise #topicsContents .news_filter_wrapper { margin-bottom: 0; } #disney_cruise #topicsContents .topics_list { max-width: 533px; } #disney_cruise html { scroll-behavior: smooth; } #disney_cruise #disney_cruise { color: var(--c-primary); font-family: var(--ff-primary); font-size: var(--fz-base); line-height: 250%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 0; overflow-x: hidden; } #disney_cruise #disney_cruise * { -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 768px) { #disney_cruise #disney_cruise::before { display: none; } } #disney_cruise #disney_cruise a { color: var(--c-link); } #disney_cruise #disney_cruise :focus-visible { outline: 2px solid var(--c-beige); outline-offset: 4px; } #disney_cruise #disney_cruise :focus:not(:focus-visible) { outline: none; } #disney_cruise .news_detail .news_article { padding-bottom: 60px; border-bottom: 1px solid color-mix(in srgb, var(--c-beige) 50%, transparent); } @media (max-width: 768px) { #disney_cruise .news_detail .news_article { padding-bottom: 40px; } } #disney_cruise .news_detail .news_article .article_header { margin-bottom: 48px; } @media (max-width: 768px) { #disney_cruise .news_detail .news_article .article_header { margin-bottom: 40px; } } #disney_cruise .news_detail .news_article .article_header .category_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1em; margin-bottom: 10px; line-height: 100%; } #disney_cruise .news_detail .news_article .article_header .category_list li { font-size: 13px; } #disney_cruise .news_detail .news_article .article_header .article_title { color: var(--c-blue); font-size: min(1.6176470588vw, 22px); font-weight: bold; line-height: 250%; margin-bottom: 10px; } @media (max-width: 768px) { #disney_cruise .news_detail .news_article .article_header .article_title { font-size: 20px; } } #disney_cruise .news_detail .news_article .article_header .article_date { display: block; line-height: 100%; } #disney_cruise .news_detail .news_article .article_thumbnail { margin-bottom: 48px; } @media (max-width: 768px) { #disney_cruise .news_detail .news_article .article_thumbnail { margin-bottom: 40px; } } #disney_cruise .news_detail .news_article .article_thumbnail img { width: 100%; height: auto; } #disney_cruise .news_detail .news_article .article_body { line-height: 250%; } #disney_cruise .news_detail .news_article .article_body p { margin-bottom: 0.5em; } #disney_cruise .news_detail .event_detail { margin-top: 40px; max-width: 305px; } @media (max-width: 768px) { #disney_cruise .news_detail .event_detail { width: 100%; } } #disney_cruise .news_detail .event_detail .event_title { font-size: 15px; margin-bottom: 30px; } #disney_cruise .news_detail .event_detail .event_list { margin-bottom: 30px; } #disney_cruise .news_detail .event_detail .event_item { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 75px; margin-bottom: 30px; line-height: 200%; } @media (max-width: 768px) { #disney_cruise .news_detail .event_detail .event_item { margin-bottom: 25px; } } #disney_cruise .news_detail .event_detail .event_item dt { -ms-flex-negative: 0; flex-shrink: 0; } #disney_cruise .news_detail .event_detail .event_item dd .date_block { margin-bottom: 16px; } #disney_cruise .news_detail .event_detail .event_item dd .date_block:last-child { margin-bottom: 0; } #disney_cruise .news_detail .event_detail .event_btn_wrap p { margin-top: 10px; } #disney_cruise html { scroll-behavior: smooth; } #disney_cruise #disney_cruise { color: var(--c-primary); font-family: var(--ff-primary); font-size: var(--fz-base); line-height: 250%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 0; overflow-x: hidden; } #disney_cruise #disney_cruise * { -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 768px) { #disney_cruise #disney_cruise::before { display: none; } } #disney_cruise #disney_cruise a { color: var(--c-link); } #disney_cruise #disney_cruise :focus-visible { outline: 2px solid var(--c-beige); outline-offset: 4px; } #disney_cruise #disney_cruise :focus:not(:focus-visible) { outline: none; } #disney_cruise #policyContents .policy_lead { margin-bottom: 25px; } @media (max-width: 768px) { #disney_cruise #policyContents .policy_lead { margin-bottom: 97px; } } #disney_cruise #policyContents .policy_content { padding-top: 25px; } @media (max-width: 768px) { #disney_cruise #policyContents .policy_content { padding-top: 95px; } } #disney_cruise #policyContents .policy_content section { margin-bottom: 40px; } #disney_cruise #policyContents .policy_content section h3, #disney_cruise #policyContents .policy_content section .m_20 { margin-bottom: 20px; } #disney_cruise #policyContents h4, #disney_cruise #policyContents h5 { font-weight: 400; } #disney_cruise #policyContents address { font-style: normal; } #disney_cruise #policyContents .ol-parenthesis { list-style: none; counter-reset: parenthesisnumber; padding-left: 2em; } #disney_cruise #policyContents .ol-parenthesis > li { counter-increment: parenthesisnumber; position: relative; text-indent: 1.5em; } #disney_cruise #policyContents .ol-parenthesis > li::before { content: "(" counter(parenthesisnumber) ")"; position: absolute; left: -1.5em; } #disney_cruise #policyContents .ol-reception p, #disney_cruise #policyContents .ol-reception h5 { text-indent: initial; } #disney_cruise #policyContents .ol-reception h5 { font-size: var(--fz-base); } #disney_cruise #policyContents .ol-reception h5::before { content: "＜"; } #disney_cruise #policyContents .ol-reception h5::after { content: "＞"; } #disney_cruise #policyContents .ol-circle { list-style-type: none; counter-reset: circlenumber; padding-left: 2em; } #disney_cruise #policyContents .ol-circle li { text-indent: 0; } #disney_cruise #policyContents .ol-circle li h4 { position: relative; padding-left: 1.5em; } #disney_cruise #policyContents .ol-circle li h4::before { content: counter(circlenumber); counter-increment: circlenumber; font-size: 0.8em; color: var(--c-gray); left: 0.38em; top: 39%; position: absolute; line-height: 1; } #disney_cruise #policyContents .ol-circle li h4::after { content: ""; position: absolute; display: block; top: 56%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1.1em; height: 1.1em; border: 1px solid var(--c-gray); border-radius: 50%; } #disney_cruise #policyContents .policy-footer { background: none; color: var(--c-gray); } #disney_cruise html { scroll-behavior: smooth; } #disney_cruise #disney_cruise { color: var(--c-primary); font-family: var(--ff-primary); font-size: var(--fz-base); line-height: 250%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 0; overflow-x: hidden; } #disney_cruise #disney_cruise * { -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 768px) { #disney_cruise #disney_cruise::before { display: none; } } #disney_cruise #disney_cruise a { color: var(--c-link); } #disney_cruise #disney_cruise :focus-visible { outline: 2px solid var(--c-beige); outline-offset: 4px; } #disney_cruise #disney_cruise :focus:not(:focus-visible) { outline: none; } #disney_cruise footer { background: var(--c-white); color: var(--c-black); } #disney_cruise footer .contents_wrap { padding-top: min(2.5735294118vw, 35px); padding-bottom: min(2.5735294118vw, 35px); } @media (max-width: 768px) { #disney_cruise footer .contents_wrap { padding: 20px 20px 40px; } } #disney_cruise footer .note { text-align: right; margin-bottom: 70px; font-weight: 400; } @media (max-width: 768px) { #disney_cruise footer .note { margin-bottom: 50px; } } #disney_cruise footer .footer_nav_inner { margin-bottom: 40px; } @media (max-width: 768px) { #disney_cruise footer .footer_nav_inner { margin-bottom: 35px; } } #disney_cruise footer .footer_nav_inner .logo { width: 176px; max-width: 100%; margin-bottom: 10px; } #disney_cruise footer .footer_nav_inner .logo svg { fill: var(--c-beige); } #disney_cruise footer .footer_nav_inner .footer_nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px 60px; list-style: none; padding: 0; margin: 0; } @media (max-width: 768px) { #disney_cruise footer .footer_nav_inner .footer_nav { gap: 10px 60px; } } #disney_cruise footer .footer_nav_inner .footer_nav a { color: var(--c-black); font-size: 12px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #disney_cruise footer .footer_nav_inner .footer_nav a:hover { opacity: 0.7; color: var(--c-gold); } #disney_cruise footer .company_logo a, #disney_cruise footer .logo a { display: block; } #disney_cruise footer .footer_company_inner .company_logo { width: 115px; max-width: 100%; margin-bottom: 15px; } #disney_cruise footer .footer_company_inner .copyright { font-size: var(--fz-note); font-weight: 300; line-height: 180%; }