/* ==========================================================
  01. Img Style SP Only
========================================================== */

/* data-aspect-ratio */
[data-aspect-ratio="90:40"]:before { padding-top: calc((40/90) * 100%) }
[data-aspect-ratio="345:49.34"]:before { padding-top: calc((49.34/345) * 100%) }
[data-aspect-ratio="690:439"]:before { padding-top: calc((439/690)*100%) }
[data-aspect-ratio="690:640"]:before { padding-top: calc((640/690)*100%) }
[data-aspect-ratio="750:1000"]:before { padding-top: calc((1000/750)*100%) }

/* data-sp-aspect-ratio */
[data-sp-aspect-ratio="750:1000"]:before { padding-top: calc((1000/750)*100%) }


/* ==========================================================
  02. Collabo Style SP Only
========================================================== */

/* Header */
.fr-globalHeader{box-sizing:border-box;background:#fff;padding:15px 0;border-bottom:1px solid #dadada;min-width:320px}.fr-globalHeader_inner{box-sizing:border-box;padding:0 0}.fr-globalHeader_logo{box-sizing:border-box;vertical-align:bottom;display: block;}.fr-globalHeader_logo.-single{width:40px;height:40px}.fr-globalHeader_logo.-double{width:60px;}.fr-globalHeader_logo.-double img{display: block;width:auto;height:26px;}@media screen and (min-width:813px){.fr-globalHeader_inner{max-width:1226px;padding:0 25px;margin:0 auto}}

/* Footer */
@font-face{font-family:UniqloPro Light;src:url(/jp/ja/contents/feature/common/fonts/UniqloProLight.woff2) format("woff2"),url(/jp/ja/contents/feature/common/fonts/UniqloProLight.woff) format("woff");font-display:swap}@font-face{font-family:UniqloPro Regular;src:url(/jp/ja/contents/feature/common/fonts/UniqloProRegular.woff2) format("woff2"),url(/jp/ja/contents/feature/common/fonts/UniqloProRegular.woff) format("woff");font-display:swap}@font-face{font-family:UniqloPro Bold;src:url(/jp/ja/contents/feature/common/fonts/UniqloProBold.woff2) format("woff2"),url(/jp/ja/contents/feature/common/fonts/UniqloProBold.woff) format("woff");font-display:swap}.fr-globalFooter{box-sizing:border-box!important;background:#f4f4f4!important;min-width:320px!important}.fr-globalFooter_inner{box-sizing:border-box!important;border-top:1px solid #dadada!important;padding:15px 4vw;text-align:center!important}.fr-globalFooter_copyright{box-sizing:border-box!important;color:#ababab!important;font-family:UniqloPro Light,sans-serif!important;font-size:11px!important}@media screen and (min-width:813px){.fr-globalFooter{border-top:1px solid #dadada!important;padding:28px 0!important}.fr-globalFooter_inner{border-top:none!important;text-align:left!important;max-width:1226px;padding:0 25px;margin:0 auto!important}.fr-globalFooter_copyright{color:#787878!important;font-size:13px!important}}

/* .fr-globalHeader */
.fr-globalHeader { position: relative; width: 100%; padding: 15px 4vw 14px; z-index: 100; }
.fr-globalHeader.position-fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 1; width: 100%; padding: 15px; z-index: 100; }
.wrapper.position-fixed-wrapper { padding-top: 71px; }
.UQLogo { width: 60px; }
.HeaderPageTitle { display: block; max-width: 150px; margin: -26px auto 0; text-align: center; line-height: 26px; font-size: 14px; font-weight: bold; white-space: nowrap; }

/* nav */
nav { width: 100%; background-color: #fff; }

/* .fr-breadcrumbs */
.fr-breadcrumbs_inner { box-shadow: none; }

/* #Drawer */
.scroll-prevent { overflow: hidden; }
.Drawer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 200; }
.Drawer-backdrop { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(27,27,27,.5); z-index: 300; }
.Drawer-nav { position: absolute; top: 0; right: 0; height: 100%; width: calc((307.47/375)*100%); z-index: 400; }
.Drawer-nav-Inner { position: relative; }
.Nav { overflow: auto; }
.Drawer[aria-expanded] { transition-property: visibility; transition-duration: 0.25s; }
.Drawer[aria-expanded] .Drawer-backdrop { transition-property: opacity; transition-duration: 0.25s; transition-timing-function: linear; }
.Drawer[aria-expanded] .Drawer-nav { transition-property: transform; transition-duration: 0.25s; transition-timing-function: ease; }

/* Drawer Open */
.Drawer[aria-expanded="true"] { visibility: visible; }
.Drawer[aria-expanded="true"] .Drawer-backdrop { opacity: 1; }
.Drawer[aria-expanded="true"] .Drawer-nav { transform: translateX(0); }

/* Drawer Close */
.Drawer[aria-expanded="false"] { visibility: hidden; }
.Drawer[aria-expanded="false"] .Drawer-backdrop { opacity: 0; }
.Drawer[aria-expanded="false"] .Drawer-nav { transform: translateX(100%); }

/* Nav Style */
.Nav { background-color: #fff; }
.Nav-button { position: absolute; right: 0; box-sizing: border-box; border-width: 0; padding: 0; width: 60px; height: 60px; background-color: transparent; }
.Nav-button::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; opacity: 0; transition-property: opacity; transition-duration: 0.1s; transition-timing-function: linear; }
.Nav-button:hover::before { }
.Nav-list { padding-left: 0; }
.Nav-item { margin: 0; padding: 0; list-style: none;}

/* .DrawerTrigger */
.DrawerTrigger { position: absolute; top: 0; right: 12px; width: 45px; height: 45px; text-align: center; color: #000; font-size: 10px; cursor: pointer; padding: 0; border: none; background-color: transparent; }
.DrawerTrigger_Line { position: absolute; right: 0; left: 0; width: 20px; height: 2px; background-color: #000; margin-right: auto; margin-left: auto; }
.DrawerTrigger.-Open .DrawerTrigger_Line:first-child { top: 14px }
.DrawerTrigger.-Open .DrawerTrigger_Line:nth-child(2) { top: 22px }
.DrawerTrigger.-Close { top: 11px; right: calc(4vw - 2px); }
.DrawerTrigger.-Close .DrawerTrigger_Line { margin-top: -11px; margin-left: 12px }
.DrawerTrigger.-Close .DrawerTrigger_Line:first-child { transform: rotate(45deg) }
.DrawerTrigger.-Close .DrawerTrigger_Line:nth-child(2) { transform: rotate(-45deg) }
.DrawerTrigger_Text { margin-top: 24px; position: absolute; left: 0; right: 0; top: 6px; width: 100%; word-break: break-word; font-family: HelveticaNeue-Light,ヒラギノ角ゴPro W3,Hiragino Kaku Gothic Pro,游ゴシック,Yu Gothic,游ゴシック体,YuGothic,メイリオ,Meiryo,sans-serif; }
.DrawerTrigger.-Close .DrawerTrigger_Text { top: 0; }

/* .DrawerMenu */
.DrawerMenu { position: absolute; top: 56px; width: 100%; padding: 24px 4vw 0; }
.DrawerMenu .navMenu_Item { margin-bottom: 24px; }
.Navigation_Logo { margin-right: 9px; width: auto; height: 28px; }
.Navigation_Link { display: flex; align-items: center; width: 100%; }
.Navigation_Link span { font-size: 16px; }

/* .navMenu */
.navMenu_Item { margin-bottom: 24px; font-size: 16px; line-height: 1; }
.navMenu_Item a { display: block; }
.navMenu_Item_Child .navMenu_Item { font-size: 14px; margin-left: 2vw; }
.navMenu_Item_Child .navMenu_Item:first-child { margin-top: 24px; }
.navMenu_Item_Child .navMenu_Item:last-child { margin-bottom: 0; }

/* .navMenu_accordion */
.navMenu_accordion { overflow: hidden; }
.navMenu_accordionCheckBox { display: none; }
.navMenu_accordionLabel { display: flex; position: relative; }
/* Toggle Style */
.navMenu_accordionLabel { display: flex; position: relative; cursor: pointer; }
.navMenu_accordionLabel:after { content: ""; position: absolute; right: 8px; transition: .2s; width: 24px; height: 24px; background: url(../img/chevron_updown.svg) 50%/12px 5px no-repeat; }
.navMenu_accordionContent { height: 0; opacity: 0; transition: .2s; visibility: hidden; font-size: 14px; }
.navMenu_accordionContentInner { display: none; }
.navMenu_accordionCheckBox:checked + .navMenu_accordionLabel:after { transform: rotate(-180deg) }
.navMenu_accordionCheckBox:checked + .navMenu_accordionLabel + .navMenu_accordionContent { height: auto; opacity: 1; visibility: visible; }
.navMenu_accordionCheckBox:checked + .navMenu_accordionLabel + .navMenu_accordionContent .navMenu_accordionContentInner { display: block; }

/* .asideNav(SP-Only) */
.asideNav { background-color: #f4f4f4; }
.asideNav .navMenu { padding: 24px 4vw; }
.navMenuAside .navMenu_Item:last-child { margin-bottom: 0; }

/* .asideMedia */
.asideMedia { padding: 24px 4vw; background-color: #fff; border-top: 1px solid #dadada; }
.asideMedia-Inner { display: flex; flex-direction: column; align-items: center; }
.asideMedia-Logo { width: 81px; height: auto; }
.asideMedia-Share_Icon { display: flex; height: 24px; align-items: center; }
.asideMedia-Share_ItemLink { display: block; width: 24px; height: auto; }
.asideMedia-Share_Item img { border-radius: 5px; width: 24px; height: 24px; }
.asideMedia-Share_Item + .asideMedia-Share_Item { margin-left: 31px; }
.u-only-sp .asideMedia-Share { display: flex; justify-content: center; }

/* Leadmore Button */
.leadMore-wrap { position: relative; transition: all 300ms 0s ease; }
.leadMore-btn { width: 100%; height: 76px; background: #fff; position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; }
.leadMore-btn-inner { display: flex; justify-content: center; align-items: center; width: 100%; height: 67px; font-size: 14px; font-weight: bold; cursor: pointer; transition: .2s ease; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; position: absolute; right: 0; bottom: 0; left: 0; z-index: 3; }
.leadMore-btn-inner:before { content: "もっと見る" }
.leadMore-btn-inner:after { display: flex; justify-content: center; align-items: center; content: ""; background: url(/jp/ja/contents/feature/common/icons/chevron_updown.svg) 0/cover no-repeat; transition: .2s; width: 24px; height: 24px; margin-left: 13px; }
.leadMore-item { position: relative; overflow: hidden; visibility: hidden; height: 0; opacity: 0; transition: .5s; padding-bottom: 76px; }
.leadMore-item::before { display: block; position: absolute; bottom: 0; left: 0; content: ""; width: 100%; height: 40px; background: #fff; }
.leadMore-trigger {display: none; }
.leadMore-trigger:checked ~ .leadMore-btn .leadMore-btn-inner:before { content: "閉じる"; }
.leadMore-trigger:checked ~ .leadMore-btn .leadMore-btn-inner:after { transform: rotate(-180deg); }
.leadMore-trigger:checked ~ .leadMore-item { height: auto; opacity: 1; visibility: visible; }
.leadMore-trigger:checked ~ .leadMore-item::before { display: none; }


/* ==========================================================
  03. FixedAnchor SP Only
========================================================== */

/* .fixedAnchor */
.fixedAnchor { display: flex; width: 100%; transition: all 0.3s; border: 1px solid #dadada; border-width: 0 0 1px 1px; background: #fff; margin-top: -68px; position: absolute; top: 0; }
.fixedAnchor.is-fixed { position: fixed; margin-top: 0; transition: all 0.3s; z-index: 11; }
.fixedAnchor_item { flex: 1; height: 68px; border-right: 1px solid #dadada; }
.fixedAnchor_itemLink { display: flex; align-items: center; justify-content: center; text-align: center; font-size: 12px; height: 100%; border-bottom: 2px solid transparent; font-weight: bold; font-family: "ヒラギノ角ゴ Pro W6", sans-serif; cursor: pointer; }
.fixedAnchor_itemLink[data-anchor-current="true"] { border-bottom-color: #1b1b1b; }

/* .fixedTabs.-current */
.fixedTabs { transition: all 0.3s; margin-top: -49px; position: absolute; top: 0; }
.fixedTabs.-current { position: fixed; top: 0; margin-top: 0; width: 100%; transition: all 0.3s; z-index: 12; opacity: 1; animation-name: fadeinTop; animation-duration: .3s; animation-fill-mode: forwards; }
@keyframes fadeinTop { 0% { transform: translateY(-49px); } 100% { transform: translateY(0); } }

/* Section Heading 60px .anchorAdjustBox 69px */
.sectionBox { margin-bottom: 39px; }
.anchorAdjustBox { padding-top: 69px; margin-top: -69px; }
#fixedAnchor_1.anchorAdjustBox { padding-top: 68px; margin-top: -68px; }
.fr-heading.-h2 { padding-top: 21px; }


/* ==========================================================
  04. Base Style SP Only
========================================================== */

/* ariakedesign */
body { background-color: #fff; }

/* .fr-breadcrumbs */
.fr-breadcrumbs { margin-right: 0; margin-left: 0; }
.fr-breadcrumbs.u-only-pc { margin-bottom: 0; }
.fr-breadcrumbs_inner { padding-top: 0; }

/* .fr-tabs_item */
.fr-tabs_item.-en { font-size: 12px; font-weight: bold; }
/* .fr-tabs_item .fr-tabs_itemInner { display: block; }
.fr-tabs_itemLink { display: flex; justify-content: center; align-items: center; padding: 0 4vw; height: 48px; }
.fr-tabs_item.-en .fr-tabs_itemInner { padding-bottom: 0; }
.fr-tabs_item.-en.-active .fr-tabs_itemInner { padding-bottom: 4.5px; } */

/* .fr-linkButton */
.fr-linkButton { display: flex; justify-content: center; align-items: center; line-height: 1.2; padding: 0; margin: 0; height: 48px; min-height: 48px; }

/* .fr-heading */
.fr-heading.-h1 { display: none; }
.fr-heading.-h2 { font-size: 18px; line-height: 27px; }
.fr-heading.-h3 { font-size: 16px; line-height: 24px; }
.fr-heading.-h4 { font-size: 13px; line-height: 19.5px; }

/* .fr-anchorButton */
.fr-anchorButton { box-shadow: none; }
.fr-anchorButton_item { width: 50%; }
.fr-anchorButton_itemText { font-size: 14px; font-weight: bold; }

/* .fr-pagetop */
.fr-pagetop { background: url(../img/backtotop.svg) 50%/cover no-repeat; width: 40px; height: 40px; right: 15px; bottom: 65px; box-shadow: none; background-color: #fff; z-index: 9999; }

/* .baseflowColumns */
.baseflowColumns { display: flex; }
.baseflowColumnsImg { width: auto; }
.baseflowColumnsTxt { flex: 1; }
.baseflowColumnsItems .baseflowColumnsImg { width: 32vw; }
.baseflowColumnsItems .baseflowColumnsTxt { padding-left: 4vw; }
.baseflowColumnsTxt > .fr-body { margin-bottom: 0; }

/* .coupon500Present */
.coupon500Present { background-color: #f3f3f3; }
.coupon500Present .fr-body { font-size: 17px; line-height: 25.5px; font-weight: bold; font-family: ヒラギノ角ゴ Pro W6,sans-serif; text-align: center; margin: 0; }
.coupon500Present .fr-body .red { font-size: 19px; line-height: 28.5px; color: #ff0000; }

/* .aboutService */
.readMore { font-weight: bold; text-decoration: underline; text-align: right; }

/* .txt-lists */
.txt-lists li { font-size: 13px; line-height: 19.5px; padding-left:1em; position:relative; }
.txt-lists li:before { content:"・"; position:absolute; left:0; top:0; }
.txt-lists + .fr-body { margin-top: 0; margin-bottom: 0; }


/* ==========================================================
  05. SHOP Style SP Only
========================================================== */

/* .fr-anchorButton */
#shop .fr-anchorButton_item:last-child { width: 100%; }



@media screen and (min-width: 813px) {

  /* ==========================================================
    01. Img Style PC Only
  ========================================================== */

  /* data-pc-aspect-ratio */
  [data-pc-aspect-ratio="700:1000"]:before { padding-top: calc((1000/700)*100%) }


  /* ==========================================================
    02. Collabo Style PC Only
  ========================================================== */

  /* .fr-globalHeader */
  .fr-globalHeader { padding-left: 0; padding-right: 0; }
  .fr-globalHeader_logo.-double { width: 90px; }
  .fr-globalHeader_logo.-double img { height: 40px; }
  .HeaderPageTitle { margin: -40px auto 0; line-height: 40px; font-size: 16px; }

  /* Footer */
  .fr-globalFooter_inner { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; max-width: 1226px; width: 100%; margin-right: auto; margin-left: auto; padding-left: 25px; padding-right: 25px; }

  /* main */
  .fr-breadcrumbs,
  .main_inner { max-width: 1226px; margin-right: auto; margin-left: auto; padding-right: 25px; padding-left: 25px; }

  /* .DrawerTrigger */
  .DrawerTrigger { right: 19px; top: 50%; margin-top: -25.5px; cursor: pointer; }
  .DrawerTrigger.-Close { top: 45px; right: 18px; }
  .Drawer-nav { width: 392px; }

  /* .DrawerMenu */
  .DrawerMenu { padding-left: 24px; padding-right: 24px; }
  .navMenu_Item { line-height: 24px; }

  /* .asideMedia */
  .asideMedia { padding: 28px 24px; }
  .asideMedia-Inner { flex-direction: row; justify-content: flex-start; align-items: center; max-width: 1176px; width: 100%; margin: 0 auto; }
  .asideMedia-MailMagazine,
  .asideMedia-UQApp { margin-left: 31px; }

  /* .fr-pagetop */
  .fr-pagetop { bottom: 103px; }


  /* ==========================================================
    03. FixedAnchor PC Only
  ========================================================== */

  /* .fixedAnchor */
  .fixedAnchor { width: auto; max-width: 1176px; left: 25px; right: 25px; padding: 0; margin-top: -83px; margin-right: auto; margin-left: auto; }
  .fixedAnchor.is-fixed { max-width: 1176px; margin-left: auto; margin-right: auto; }
  .fixedAnchor_item { flex: 1; height: 82px; }
  .fixedAnchor_itemLink { font-weight: 700; font-size: 17px; border-bottom: 4px solid transparent; font-family: "ヒラギノ角ゴ Pro W6",sans-serif; }

  /* .fixedTabs.-current */
  .fixedTabs.-current { width: auto; max-width: 1226px; left: 0; right: 0; padding: 0; margin-right: auto; margin-left: auto; }
  @keyframes fadeinTop { 0% { transform: translateY(-76px); } 100% { transform: translateY(0); } }

  /* Section Heading 64px .anchorAdjustBox 83px */
  .sectionBox { margin-bottom: 36px; }
  .anchorAdjustBox { padding-top: 83px; margin-top: -83px; }
  #fixedAnchor_1.anchorAdjustBox { padding-top: 82px; margin-top: -82px; }
  .fr-heading.-h2 { padding-top: 28px; }


  /* ==========================================================
    04. Base Style PC Only
  ========================================================== */

  /* .fr-pc-mb-xxxl */
  .fr-pc-mb-xxxl { margin-bottom: 64px; }

  /* .fr-breadcrumbs_inner */
  .u-only-pc .fr-breadcrumbs_inner { padding-bottom: 0; margin-left: auto; margin-right: auto; }

  /* .fr-tabs_item */
  .fr-tabs_item.-en { font-size: 17px; line-height: 23.8px; }
  .fixedTabs .fr-tabs_inner { margin-left: 0; margin-right: 0; }
  /* .fr-tabs_itemLink { padding: 0 15px; height: 76px; }
  .fr-tabs_item.-en.-active .fr-tabs_itemInner { padding-bottom: 0; } */

  /* .fr-heading */
  .fr-heading.-h2 { font-size: 30px; line-height: 41px; }
  .fr-heading.-h3 { font-size: 23px; line-height: 32.2px; }
  .fr-heading.-h4 { font-size: 14px; line-height: 19.6px; }

  /* .u-align-pc-center */
  .u-align-pc-center { text-align: center; }

  /* .fr-linkButtonParent */
  .fr-linkButtonParent { max-width: 576px; margin-left: auto; margin-right: auto; }
  .fr-linkButton { max-width: 100%; height: 52px; min-height: 52px; }

  /* .fr-anchorButton */
  .fr-anchorButton_item { flex: 1; }
  .fr-anchorButton_itemText { font-size: 17px; }

  /* .introduction */
  .introduction { max-width: 1035px; margin-left: auto; margin-right: auto; position: relative; }
  .introductionImg { width: calc((222/1035)*100%); position: absolute; left: 0; bottom: 0; }
  .introTitle.u-align-center { text-align: left; }

  /* Contents */
  #anchor-1 .fr-heading.-h2 { text-align: center; padding-top: 28px; }

  /* .coupon500Present */
  .coupon500Present { background-color: #fff; }
  .coupon500Present .fr-body { width: 53.3333333333%; margin-left: auto; margin-right: auto; font-size: 23px; line-height: 32.2px; }
  .coupon500Present .fr-body .red { font-size: 23px; line-height: 32.2px; }

  /* .baseflowColumns */
  .baseflowColumnsItems .baseflowColumnsImg { width: calc((166/376)*100%); }
  .baseflowColumnsItems .baseflowColumnsTxt { padding-left: 24px; }
  .uqAppLogo { align-items: center; width: 40.5797101449%; margin-left: auto; margin-right: auto; }
  .uqAppLogo .baseflowColumnsImg { width: 67px; }
  .uqAppLogo .baseflowColumnsTxt { padding-left: 12px; }

  /* .aboutService */
  .aboutService { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .aboutService.flexStart { justify-content: flex-start; }
  .itemsSpace { margin-right: calc((24/1176)*100%); }
  .aboutService.aboutServicePcCenter { justify-content: center; }
  .aboutServiceTitems { display: flex; flex-direction: column; }
  .aboutServiceTitems .fr-linkButtonParent { width: 100%; margin-top: auto; }
  .twoColumns .aboutServiceTitems { width: calc((576/1176)*100%); }
  .twoColumns .baseflowColumnsImg { width: calc((166/576)*100%); }
  .threeColumns .aboutServiceTitems { width: calc((376/1176)*100%); }
  .threeColumns.dummyBox:after { display: block; content:""; width: calc((376/1176)*100%); }
  .relatedServicesLists { display: flex; }
  .relatedServicesLists .aboutServiceTitems { width: calc((216/1176)*100%); }
  .relatedServicesLists .baseflowColumnsItems { flex-direction: column; }
  .relatedServicesLists .baseflowColumnsImg { width: 100%; }
  .relatedServicesLists .baseflowColumnsTxt { flex: 1 auto; padding-left: 0; }
  .relatedServicesLists .baseflowColumnsTxt .fr-body { margin-bottom: 0; }
  .readMore { text-align: left; }
  a:hover .readMore { text-decoration: none; }

  /* .contentsLastBnr */
  .contentsLastBnr { max-width: 576px; margin-left: auto; margin-right: auto; }

  /* .txt-lists */
  .txt-lists li { font-size: 14px; line-height: 19.6px; }
  .txt-lists.u-align-pc-center li:before { display: none; }
  .txt-lists.u-align-pc-center .u-only-pc { display: inline-block; }


  /* ==========================================================
    05. SHOP Style SP Only
  ========================================================== */

  /* .fr-anchorButton */
  #shop .fr-anchorButton_item:last-child { flex: 1; }

}



@media all and (-ms-high-contrast: none) and (min-width: 1226px) {
  /* .fixedAnchor */
  .fixedAnchor { width: 100%; }
}

/* popup */
.activePop .popupWhiteBg {
    width: 100vw;
    height: 100vh;
    background-color: white;
    opacity: .75;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
}

.activePop .popupContent{
    display: block !important;
}

.popupContentClose{
    display: none !important;
}

.activePop a:hover:not(.fr-tabs_itemLink), 
.activePop a:hover img,.activePop  a:hover p, 
.activePop a[href]:not(.fr-tabs_itemLink):hover, 
.activePop a[href]:hover img,.activePop  a[href]:hover p, 
.activePop a[data-link]:hover, 
.activePop a[data-link]:hover img,{
    opacity: 1 !important;
}

@media screen and (orientation:portrait){

    .activePop .popupContentImg{
        position: fixed;
        top: 15vh;
        left: 50%;
        transform: translateX(-50%);
        overflow: hidden;
        z-index: 3;
        height: 75vh;
        width: 90vw;
    }

    .activePop .popupContentImg img {
        width: 100%;
        height: auto;
    }

    .popupCloseBtn{
        display: inline;
        line-height: 1;
        color: #ff0000;
        border-radius: 50%;
        padding: 0.3em;
        font-size: 26px;
        font-weight: bolder;
        position: fixed;
        top: 12vh;
        right: 8vw;
        cursor: pointer;
        z-index: 4;
    }
}
@media screen and (orientation:landscape){

    .activePop .popupContentImg{
        position: fixed;
        top: 2.5vh;
        left: 50%;
        transform: translateX(-50%);
        overflow: hidden;
        z-index: 120;
        height: 95vh;
    }

    .activePop .popupContentImg img {
        width: auto;
        height: 100%;
    }

    .popupCloseBtn{
        display: inline;
        line-height: 1;
        color: #ff0000;
        border-radius: 50%;
        padding: 0.3em;
        font-size: 26px;
        font-weight: bolder;
        position: fixed;
        top: 5vh;
        right: calc(50% - 45vh);
        cursor: pointer;
        z-index: 120;
    }
}


@media screen and (min-width: 813px) {
    .anchorAdjust {
        padding-top: 70px;

    }
    .img_size{width: 960px;margin: auto;margin-top: 30px}

/* popup */