<> /**メガメニュー用CSS　活動ニュース***********/ @media screen and (min-width: 1000px){ .ex_submenu_design_box{ content: "" !important; background: rgba(255,255,255,0.3) ; !important; background-size: cover; background-position: bottom;position: absolute !important; width: 1200px !important; height: 520px !important; left: 0px !important; top: 40px !important; z-index: -1 !important; } /**★★**/.mega-menu > ul > li#menu-item-1 > ul{position: fixed !important;top: 69px !important;z-index: 100 !important;} /**★★**/.mega-menu > ul > li#menu-item-1 { float: left !important; position: relative !important;} .ex_submenu.ex_sub-submenu.ex_sub-sub-submenu { display: none;} .ex_submenu { display: none; position: absolute !important; left: calc( (100vw - 1200px)/2) !important; background-color: #fff !important; width: 200px !important; z-index: 100 !important;} .ex_submenu{padding: 40px 0 0 0 !important;} .ex_submenu li{ background: #fff; border-bottom: solid 1px #eee;} .ex_submenu li:hover{ background: #f6f6f6;} .ex_submenu:before{ content: "" !important; background:#fff ; !important;background-size: cover; background-position: bottom;position: absolute !important; width: 200px !important; height: 520px !important; left: 0 !important; top: 40px !important; z-index: -2 !important;} .ex_submenu:after{ content: "" !important; background: url(https://uazensen.jp/wp-content/uploads/2024/05/mega_haikei.jpg) ; !important; background-size: cover; background-position: bottom; position: absolute !important; width: 100vw !important; height: 590px !important; left: calc(-1 * (100vw - 1200px) / 2) !important; top: 0 !important; z-index: -3 !important; box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.15); border-top: solid 2px #00008B;} .ex_submenu > li { padding: 10px ; position: relative; height: 40px} .ex_submenu > li:nth-of-type(1){ border-left: solid 5px #3B65CF;} .ex_submenu > li:nth-of-type(1) .ex_sub-submenu > li{ border-left: solid 5px #3B65CF;} .ex_submenu > li:nth-of-type(2){ border-left: solid 5px #FFD700;} .ex_submenu > li:nth-of-type(2) .ex_sub-submenu > li{ border-left: solid 5px #FFD700;} .ex_submenu > li:nth-of-type(3){ border-left: solid 5px #9FC20C;} .ex_submenu > li:nth-of-type(3) .ex_sub-submenu > li{ border-left: solid 5px #9FC20C;} .ex_submenu > li:nth-of-type(4){ border-left: solid 5px #F3901D;} .ex_submenu > li:nth-of-type(4) .ex_sub-submenu > li{ border-left: solid 5px #F3901D;} .ex_submenu > li:nth-of-type(5){ border-left: solid 5px #E64961;} .ex_submenu > li:nth-of-type(5) .ex_sub-submenu > li{ border-left: solid 5px #E64961;} .ex_submenu > li:nth-of-type(6){ border-left: solid 5px #606060;} .ex_submenu > li:nth-of-type(6) .ex_sub-submenu > li{ border-left: solid 5px #606060;} .ex_submenu > li:nth-of-type(1):before{ display: inline-block; content: "" !important; width: 23px; height: 16px; background: url(https://uazensen.jp/wp-content/uploads/2024/04/icon_theme_02.svg) no-repeat ;} .ex_submenu > li:nth-of-type(2):before{ display: inline-block; content: "" !important; width: 23px; height: 16px; background: url(https://uazensen.jp/wp-content/uploads/2024/04/icon_theme_01.svg) no-repeat ;} .ex_submenu > li:nth-of-type(3):before{ display: inline-block; content: "" !important; width: 23px; height: 16px; background: url(https://uazensen.jp/wp-content/uploads/2024/04/icon_gear.svg) no-repeat ;} .ex_submenu > li:nth-of-type(4):before{ display: inline-block; content: "" !important; width: 23px; height: 16px; background: url(https://uazensen.jp/wp-content/uploads/2024/04/icon_map_01.svg) no-repeat ;} .ex_submenu > li:nth-of-type(5):before{ display: inline-block; content: "" !important; width: 23px; height: 16px; background: url(https://uazensen.jp/wp-content/themes/growb_temp_1.1/images/feather-alt-solid.svg) no-repeat no-repeat ;} .ex_submenu > li:nth-of-type(6):before{ display: inline-block; content: "" !important; width: 23px; height: 16px; background: url(https://uazensen.jp/wp-content/themes/growb_temp_1.1/images/volume-off-solid.svg) no-repeat no-repeat ;} .ex_submenu > li:nth-of-type(1) .ex_sub-submenu > li:before{ display: inline-block; content: "" !important; width: 23px; height: 16px; background: url(https://uazensen.jp/wp-content/uploads/2024/04/icon_theme_02.svg) no-repeat ;} .ex_submenu > li:nth-of-type(2) .ex_sub-submenu > li:before{ display: inline-block; content: "" !important; width: 23px; height: 16px; background: url(https://uazensen.jp/wp-content/uploads/2024/04/icon_theme_01.svg) no-repeat ;} .ex_submenu > li:nth-of-type(3) .ex_sub-submenu > li:before{ display: inline-block; content: "" !important; width: 23px; height: 16px; background: url(https://uazensen.jp/wp-content/uploads/2024/04/icon_gear.svg) no-repeat ;} .ex_submenu > li:nth-of-type(4) .ex_sub-submenu > li:before{ display: inline-block; content: "" !important; width: 23px; height: 16px; background: url(https://uazensen.jp/wp-content/uploads/2024/04/icon_map_01.svg) no-repeat ;} .ex_submenu > li:nth-of-type(5) .ex_sub-submenu > li:before{ display: inline-block; content: "" !important; width: 23px; height: 16px; background: url(https://uazensen.jp/wp-content/themes/growb_temp_1.1/images/feather-alt-solid.svg) no-repeat ;} .ex_submenu > li:nth-of-type(6) .ex_sub-submenu > li:before{ display: inline-block; content: "" !important; width: 23px; height: 16px; background: url(https://uazensen.jp/wp-content/themes/growb_temp_1.1/images/volume-off-solid.svg) no-repeat ;} .ex_submenu > li:after { content: ''; position: absolute; width: 0; height: 0; border-: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #ccc; top: 50%; transform: translateY(-50%); right: 5%;} .ex_submenu > li:hover:after { border-color: transparent transparent transparent #00008B; } .ex_sub-submenu > li { padding: 10px; position: relative; height: 40px;} .ex_submenu > li:nth-of-type(4) .ex_sub-submenu > li:after { content: ''; position: absolute; width: 0; height: 0; border-: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #ccc; top: 50%; transform: translateY(-50%); right: 5%;} .ex_submenu > li:nth-of-type(4) .ex_sub-submenu > li:hover:after { border-color: transparent transparent transparent #00008B; } .ex_sub-sub-submenu > li { padding: 10px ; height: 40px;} .ex_submenu li:nth-of-type(1) .ex_sub-submenu { top: 0px !important;} .ex_submenu li:nth-of-type(2) .ex_sub-submenu { top: -40px !important;} .ex_submenu li:nth-of-type(3) .ex_sub-submenu { top: -80px !important;} .ex_submenu li:nth-of-type(4) .ex_sub-submenu { top: -120px !important;} .ex_submenu li:nth-of-type(5) .ex_sub-submenu { top: -160px !important;} .ex_submenu li:nth-of-type(6) .ex_sub-submenu { top: -160px !important;} .ex_sub-submenu { display: none; position: absolute !important; left: calc(100% + 1px) !important; background-color: #fff !important; width: 300px !important; z-index: 100 !important;} .ex_sub-submenu:before{ content: "" !important; background:#fff ; !important;background-size: cover; background-position: bottom;position: absolute !important; width: 300px !important; height: 480px !important; left: 0 !important;top: 40px !important; z-index: -1 !important; } .ex_sub-sub-submenu { display: flex; flex-wrap: wrap !important; position: absolute !important; top: 0 !important; left: calc(100% + 1px) !important; width: 700px !important;} .ex_sub-sub-submenu:before{ content: "" !important; background:#fff ; !important;background-size: cover; background-position: bottom;position: absolute !important; width: 700px !important; height: 520px !important; left: 0 !important;top: 0px !important; z-index: -1 !important; } .ex_sub-submenu li:nth-of-type(2) .ex_sub-sub-submenu { top: -40px !important;} .ex_sub-submenu li:nth-of-type(3) .ex_sub-sub-submenu { top: -80px !important;} .ex_sub-submenu li:nth-of-type(4) .ex_sub-sub-submenu { top: -120px !important;} .ex_sub-submenu li:nth-of-type(5) .ex_sub-sub-submenu { top: -160px !important;} .ex_sub-submenu li:nth-of-type(6) .ex_sub-sub-submenu { top: -200px !important;} .ex_sub-submenu li:nth-of-type(7) .ex_sub-sub-submenu { top: -240px !important;} .ex_sub-submenu li:nth-of-type(8) .ex_sub-sub-submenu { top: -280px !important;} .ex_sub-sub-submenu > li { width: 33.3%;} .ex_sub-sub-submenu > li:before{ display: inline-block; content: "" !important; width: 23px; height: 16px; background: url(https://uazensen.jp/wp-content/uploads/2024/04/icon_map_02.svg) no-repeat ;} .mega-menu li:hover > .ex_submenu, .mega-menu li:hover > .ex_submenu > li:hover > .ex_sub-submenu{ display: block ;} .mega-menu li:hover > .ex_submenu > li:hover > .ex_sub-submenu > li:hover > .ex_sub-sub-submenu { display: flex;} label[for="item_c_2"]{ display: flex; align-items: center; justify-content: center;} label[for="ta_menu-2"] img{ display:none;} /**★★**/#menu-item-1{ width: ; background: #fff;} } @media (min-width:1001px) and (max-width:1199px){ .ex_submenu_design_box{ width: 1000px !important; height: 520px !important; } .ex_submenu {left: calc( (100vw - 1000px)/2) !important;} .ex_submenu:after { left: calc(-1*(100vw - 1000px) / 2) !important;} .ex_sub-sub-submenu{ width: 477px !important;} .ex_sub-sub-submenu:before{ width: 477px !important;} } /**メガメニュー用CSS　組合員サポート******** @media screen and (min-width: 1000px){ #menu-item-3 .taso_ul_ko{ position: fixed !important; top: 69px !important; z-index: 100 !important; display: flex; justify-content: center; background: #fff; background: #fff /*#F5FCD9*★/; box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.15); } #menu-item-3:hover .taso_ul_ko:before{ content: ""; position: absolute; width: 100%; height: 3px; background: #f6f6f6;} #menu-item-3:hover .taso_ul_ko:after{ content: ""; position: absolute; bottom: 0; width: 100%; height: 5px; background: #9FC20C;} #menu-item-3 .taso_ul_ko li{ width: 16%; max-width: 200px; padding: 0; margin:0 0.3%; background: transparent;} #menu-item-3 .taso_ul_ko li a{ width: 100%; justify-content: center; flex-wrap: wrap; align-content: center; color: #82A200;} #menu-item-3 .taso_li_ko a { height: 230px;} #menu-item-3 .taso_ul_ko li:nth-of-type(1) a:before{ content: ""; width: 100%; aspect-ratio: 16 / 9; background-image: url(https://picsum.photos/300/201); background-size: cover; margin: 0 0 10px 0;} #menu-item-3 .taso_ul_ko li:nth-of-type(2) a:before{ content: ""; width: 100%; aspect-ratio: 16 / 9; background-image: url(https://picsum.photos/300/202); background-size: cover; margin: 0 0 10px 0;} #menu-item-3 .taso_ul_ko li:nth-of-type(3) a:before{ content: ""; width: 100%; aspect-ratio: 16 / 9; background-image: url(https://picsum.photos/300/203); background-size: cover; margin: 0 0 10px 0;} #menu-item-3 .taso_ul_ko li:nth-of-type(4) a:before{ content: ""; width: 100%; aspect-ratio: 16 / 9; background-image: url(https://picsum.photos/300/204); background-size: cover; margin: 0 0 10px 0;} #menu-item-3 .taso_ul_ko li:nth-of-type(5) a:before{ content: ""; width: 100%; aspect-ratio: 16 / 9; background-image: url(https://picsum.photos/300/205); background-size: cover; margin: 0 0 10px 0;} #menu-item-3 .taso_ul_ko li:nth-of-type(6) a:before{ content: ""; width: 100%; aspect-ratio: 16 / 9; background-image: url(https://picsum.photos/300/206); background-size: cover; margin: 0 0 10px 0;} #menu-item-3 .taso_ul_ko li a:hover { opacity: 0.7;} #menu-item-4 .taso_ul_ko{ position: fixed !important; top: 69px !important; z-index: 100 !important; display: flex; justify-content: center; background: #fff; background: #fff /* #FAE0E4*★/; box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.15); } #menu-item-4:hover .taso_ul_ko:before{ content: ""; position: absolute; width: 100%; height: 3px; background: #f6f6f6;} #menu-item-4:hover .taso_ul_ko:after{ content: ""; position: absolute; bottom: 0; width: 100%; height: 5px; background: #E64961;} #menu-item-4 .taso_ul_ko li{ width: 16%; max-width: 200px; padding: 0; margin:0 0.3%; background: transparent;} #menu-item-4 .taso_ul_ko li a{ width: 100%; justify-content: center; flex-wrap: wrap; align-content: center; color: #C83A4F;} #menu-item-4 .taso_li_ko a { height: 230px;} #menu-item-4 .taso_ul_ko li:nth-of-type(1) a:before{ content: ""; width: 100%; aspect-ratio: 16 / 9; background-image: url(https://picsum.photos/301/201); background-size: cover; margin: 0 0 10px 0;} #menu-item-4 .taso_ul_ko li:nth-of-type(2) a:before{ content: ""; width: 100%; aspect-ratio: 16 / 9; background-image: url(https://picsum.photos/302/202); background-size: cover; margin: 0 0 10px 0;} #menu-item-4 .taso_ul_ko li:nth-of-type(3) a:before{ content: ""; width: 100%; aspect-ratio: 16 / 9; background-image: url(https://picsum.photos/303/203); background-size: cover; margin: 0 0 10px 0;} #menu-item-4 .taso_ul_ko li:nth-of-type(4) a:before{ content: ""; width: 100%; aspect-ratio: 16 / 9; background-image: url(https://picsum.photos/304/204); background-size: cover; margin: 0 0 10px 0;} #menu-item-4 .taso_ul_ko li:nth-of-type(5) a:before{ content: ""; width: 100%; aspect-ratio: 16 / 9; background-image: url(https://picsum.photos/305/205); background-size: cover; margin: 0 0 10px 0;} #menu-item-4 .taso_ul_ko li a:hover { opacity: 0.7;} } ***/ #menu-item-3 .under_arrow{ display: none;} #menu-item-4 .under_arrow{ display: none;} #menu-item-5 .under_arrow{ display: none;} #menu-item-6 .under_arrow{ display: none;} #menu-item-7 .under_arrow{ display: none;} #menu-item-1 .nav_btn_tit_L { text-align: center;color: #00008B !important; font-weight: bold;} #menu-item-1 .ex_submenu > li:nth-of-type(5){ display: none;} #menu-item-2 .nav_btn_tit_L { text-align: center;color: #00008B !important; font-weight: bold;} #menu-item-3 .nav_btn_tit_L { text-decoration: underline; font-size: 14px;} #menu-item-3 .nav_btn_tit_L:before{ content: "#";} #menu-item-4 .nav_btn_tit_L { text-decoration: underline; font-size: 14px;} #menu-item-4 .nav_btn_tit_L:before{ content: "#";} #menu-item-5 .nav_btn_tit_L { text-decoration: underline; font-size: 14px;} #menu-item-5 .nav_btn_tit_L:before{ content: "#";} #menu-item-6 .nav_btn_tit_L { text-decoration: underline; font-size: 14px;} #menu-item-6 .nav_btn_tit_L:before{ content: "#";} #top_menu1{ padding: 0 10px;} label[for=ta_menu-1]{ display: none;} label[for=item_c_1]{ display: flex; align-items: center; border: solid 2px #00008B; padding: 10px 0px 10px 0px; box-sizing: border-box; justify-content: center; border-radius: 3px;} label[for=item_c_2]{ display: flex; align-items: center; border: solid 2px #00008B; padding: 10px 0px 10px 0px; box-sizing: border-box; justify-content: center; border-radius: 3px;} #menu-item-1 .under_arrow { color: #00008B; opacity: 0.8;} .taso_menu > #menu-item-2.taso_li > .taso_ul { width: 100%; min-width: 160px; } #menu-item-2 .under_arrow { color: #00008B; opacity: 0.8;} #menu-item-1:hover label[for=item_c_1]{ padding: 10px 0px 27px 0px; border-bottom: none; margin-top: 15px; border-radius: 3px 3px 0 0;} #menu-item-1:hover .nav_btn_tit_L::before{ margin:-2px 5px 0 0;} .nav_btn_link:hover { opacity: 0.95;} @media screen and (max-width: 1000px){ label[for=item_c_1]{ border: none; padding: 0px; justify-content: flex-start;} label[for=item_c_2]{ border: none; padding: 0px 0 0 10px; justify-content: flex-start;} #menu-item-1:hover label[for=item_c_1]{ padding: 0; margin-top: 0px;} label[for=ta_menu-1]{ display: block;} #menu-item-1 .taso_ul_ko > li:nth-of-type(1){ border-left: solid 3px #3B65CF;} #menu-item-1 .taso_ul_ko > li:nth-of-type(2){ border-left: solid 3px #FFD700;} #menu-item-1 .taso_ul_ko > li:nth-of-type(3){ border-left: solid 3px #9FC20C;} #menu-item-1 .taso_ul_ko > li:nth-of-type(4){ border-left: solid 3px #F3901D;} #menu-item-1 .taso_ul_ko > li:nth-of-type(5){ border-left: solid 3px #E64961; display: none;} #menu-item-1 .taso_ul_ko > li:nth-of-type(6){ border-left: solid 3px #666;} }