@charset "utf-8"; body{ -webkit-appearance: none; } a:hover{ cursor: pointer; transition: .3s; opacity: 0.7; } .fixed { position: fixed; width: 100%; height: 100%; } /* header HTML */ /* header */ #header { z-index:11; } nav#submenu01{ margin: 0 auto; } .header-bur{ display: flex; } .drawer{ display: none; } #header_inner .contact-tell{ /* margin-top: 10px; */ margin-left: 1px; width: 450px; } #header_inner .contact-tell .contact-text{ /* font-family:'Noto Sans JP'; */ margin-bottom:0; } #header_inner .contact-tell .contact-time{ font-size:250%; font-family: 'Oswald', sans-serif; margin-bottom:0; line-height:.9em; letter-spacing:.1em; } #header_inner .contact-tell .contact-time .contact-time-item{ background-color:#6598C3; border-radius:30px; padding:6px 9px 4px; color:#fff; font-size:40%; position:relative; top:-9px; letter-spacing:0; } #header_inner .contact-tell .contact-time .contact-time-item2{ display:inline-block; margin-left:5px; line-height:1.35em; font-size:35%; letter-spacing:0; } #headnav li a span{ display:block; padding-top:30px; /* font-family:'Noto Sans JP'; */ font-size:85%; } #headnav li a span.builds1{ display:block; padding-top:35px; /* font-family:'Noto Sans JP'; */ font-size:78%; } #headnav li a span.builds2{ display:block; padding-top:36px; /* font-family:'Noto Sans JP'; */ font-size:77%; } #headnav .search-box{ position:relative; } #headnav .search-box a{ position:absolute; top:7px; right:2px; } #fixed_nav{ background-color: rgb(226, 239, 247); width: 100%; } #sub-useful ul li a span{ display:block; text-align:center; padding-top:60px; /* font-family:'Noto Sans JP'; */ } #sub-market ul li a span{ display:block; text-align:center; padding-top:60px; /* font-family:'Noto Sans JP'; */ } #nav-seminar ul li a span{ display:block; text-align:center; padding-top:60px; /* font-family:'Noto Sans JP'; */ } #nav-market ul .s3-3{ font-size:80%; } #nav-seminar ul .s4-2{ font-size:85%; } #nav-seminar ul .s4-3{ font-size:90%; line-height:1.2em; } #fsrecommenddiv3{ display: none; z-index:99; margin-top:-14px; padding-top:24px; } .customers-title{ letter-spacing:.3em; margin:-5px 0px 20px; position:relative; z-index:0; background: #20384d; color:#fff; text-align: center; padding: 20px; font-size:22px; font-weight: bold; } @media screen and (max-width:500px){ .customers-title{ padding: 5px; font-size: 16px; } } #headnav-sponly{ display: none; } .accordion-content{ display: none; } @media screen and (max-width:1024px){ #fixed_nav #nav_global ul li#nav-office .navtxt{ display: none; } #header-fur nav#submenu01{ margin: 0 auto; } } @media screen and (max-width:1290px){ #fixed_nav #nav_global ul li#nav-office .navtxt{ display: none; } #fixed_nav #nav_global ul li#nav-office{ padding-left: 7px; width: auto; } #fixed_nav #nav_global ul#mainnav{ justify-content: center; } } @media screen and (max-width:1200px){ #header_inner .contact-tell{ display: none; } #header_inner{ justify-content: space-between; /* padding-bottom: 5px; */ height: 77px; } #fixed_nav{ display: flex; justify-content: center; } .header-bur{ justify-content: center; } #nav-useful nav.sublist{ right: -500px; } nav.sublist{ top: 43px; right: -125px; } #fixed_nav #nav_global ul#mainnav{ flex-direction: column; } #fixed_nav #nav_global ul li#nav-office{ display: flex; justify-content: center; } #fixed_nav #nav_global ul li#nav-seminar{ text-align: right; } #fixed_nav #nav_global ul li#nav-useful,#fixed_nav #nav_global ul li#nav-market,#fixed_nav #nav_global ul li#nav-seminar{ padding-top: 3px; background-position: center bottom 3px; margin-bottom: 0; } #fixed_nav #nav_global ul li#nav-useful .navtxt,#fixed_nav #nav_global ul li#nav-market .navtxt,#fixed_nav #nav_global ul li#nav-seminar .navtxt{ padding-top: 0; height: 38px; } } @media screen and (max-width:769px){ #header_inner #h_logo { top:15px; /* padding-top: 5px; */ width: 200px; } /* #header_inner h1{ margin-top: -15px; padding-left: 2px; } */ #header{ height: 90px; position: relative; } #fixed_header{ height: 90px; } #header_inner .contact-tell{ display: none; } #headnav{ display: none; } #headnav-sponly{ display: flex; /* margin-bottom: -10px; */ } #headnav-sponly li a{ display: block; } .click-menu{ position: relative; } .click-menu:hover{ cursor: pointer; } .accordion{ z-index: 9999; } .fixed { position: fixed; width: 100%; height: 100%; } .accordion-content { position: fixed; overflow-y : auto; height: 100%; top: 78px; width: 100%; display: none; z-index: 9999; background-color: #fff; } .accordion-nav ul { list-style: none; margin: 0; padding: 0; } .accordion-nav ul li a { border-bottom: dotted 1px #aaa; color: #333; display: block; padding: 8px; text-align: center; text-decoration: none; } .accordion-nav li a { border-bottom: dotted 1px #aaa; display: block; padding: 8px 0; text-align: center; text-decoration: none; } .favorite{ position: relative; } .favorite a p{ position: absolute; top: 8px; left: 5px; font-size: 10px; background-color: red; color: #fff; border-radius: 50px; padding: 0 4px; } .sp-only-nav { display: flex; position: absolute; top: 0; right: 0; box-sizing: border-box; } #fixed_nav{ height: auto; background-color: #fff; } #fixed_nav #nav_global{ display: none; } #fixed_nav #nav_global ul li#nav-office{ margin-top: 0; } #fixed_nav #nav_global ul#mainnav .header-bur{ display: none; } #fixed_nav #nav_global ul#mainnav #nav-office #submenu01 ul .pc-nav{ display: none; } #fixed_nav #nav_global ul li#nav-office{ padding: 7px; width: 100%; } nav#submenu01{ width: 100%; } nav#submenu01 ul li{ width: 25%; margin: 0 auto; } nav#submenu01 ul{ max-width: 100%; justify-content: center; } nav#submenu01 ul li{ display: flex; justify-content: space-between; } #fixed_nav #nav_global ul li{ width: 25%; } .drawer{ display: block; } .drawer-hamburger{ z-index: 999; margin: 0; padding: 10px; padding-top: 11px; width: 20px; height: 30px; } .drawer-nav{ z-index: 50; } .drawer-hamburger-icon, .drawer-hamburger-icon::after, .drawer-hamburger-icon::before{ background-color: #609ACE; height: 3px; } .drawer--top.drawer-open .drawer-nav{ top: 70px; } .drawer-menu{ overflow : auto; -webkit-overflow-scrolling: touch; /* margin-top: 10px; */ padding-bottom: 50px; } .drawer-menu .drawer-menu-title img{ width: 35px; height: 40px; padding-right: 5px; } .drawer-menu .drawer-menu-title1 img{ width: 35px; height: 40px; padding-right: 5px; } .drawer-menu .drawer-menu-title span{ font-size: 17px; font-weight: bold; } .drawer-menu .drawer-menu-title1 span{ font-size: 17px; font-weight: bold; } .drawer-item-item{ display: flex; align-items: center; padding-left: 10px; padding-bottom: 5px; border-bottom: 1px solid #666666; } .item-list li{ padding: 5px 0; border-bottom: 1px solid #666666; } .item-list li a{ padding-left: 20px; color: #4c86ad; } } @media screen and (max-width:500px){ #header{ height: 55px; } #header_inner{ height: 50px; padding-top: 0; } #headnav-sponly li a img{ width: 30px; height: 30px; }#headnav-sponly li p img{ width: 30px; height: 30px; } #fixed_header{ z-index: 10; } #header_inner #h_logo{ width: 110px; /* top: 18px; */ left: 5px; /* padding-top: 6px; */ margin-left: 5px; margin-top: 0; } #header_inner #h_logo_f, #header_inner #h_logo_r{ width: 100px; } #header{ height: 60px; } #fixed_header{ height: 60px; } #header_inner{ height: 60px; padding-top: 0; } #headnav{ display: none; } #fixed_nav #nav_global ul#mainnav{ height: 80px; } nav#indexnav ul li{ vertical-align: middle; } nav#indexnav ul li a{ font-size: 8px; padding: 10px 0; vertical-align: middle; } #header-fur #header_inner{ height: 60px; } #header_inner .contact-tell{ display: none; } span.btnname{ font-size: 30%; } /* .favorite a p{ position: absolute; top: -1px; left: 0; font-size: 3px; transform:scale(0.5); background-color: red; color: #fff; border-radius: 50px; padding: 0 3px; } */ .accordion-content{ top: 53px; } /* #headnav-sponly{ top: -1px; } */ #headnav-sponly li{ margin-right: -2px; } #headnav-sponly li:last-of-type{ margin-right: 2px; } #headnav-sponly li a img{ width: 60px; height: 60px; } #headnav-sponly li p img{ width: 60px; height: 60px; } } @media screen and (max-width:450px){ #headnav{ display: none; } } /* header_inner */ #header_inner h1{ font-size: 80%; color:#1D4C84; margin-top:-20px; margin-left: 5px; } #header_inner .contact-tell{ position:absolute; top:13px; left:240px; } #header_inner .contact-tell .contact-text{ margin-bottom:0; } #header_inner .contact-tell .contact-time{ font-size:250%; font-family: 'Oswald', sans-serif; margin-bottom:0; line-height:.9em; letter-spacing:.1em; } #header_inner .contact-tell .contact-time .contact-time-item{ background-color:#6598C3; border-radius:30px; padding:6px 9px 4px; color:#fff; font-size:40%; position:relative; top:-6px; margin-right:5px; letter-spacing:0; } #header_inner .contact-tell .contact-time .contact-time-item2{ display:inline-block; margin-left:5px; line-height:1.35em; font-size:35%; letter-spacing:0; } #fixed_header{ border-top: 3px solid #1D4C84; height: 100px; } /* header_inner終わり */ /* headnav */ #headnav li .btn-contact{ display:block; width:80px; color:#609ACE; background-image: url("../../img/ico_inquiry.png"); background-position: center top 5px; background-repeat: no-repeat; } #headnav li .btn-contact span{ display:block; padding-top:30px; font-size:85%; } #headnav li .btn-history{ display:block; width:80px; color:#609ACE; background-image: url("../../img/ico_history.png"); background-position: center top; background-repeat: no-repeat; } #headnav li .btn-history span{ display:block; padding-top:30px; font-size:85%; } #headnav li .btn-favorite{ display:block; width:90px; color:#609ACE; background-image: url("../../img/ico_favorite.png"); background-position: center top; background-repeat: no-repeat; } #headnav li .btn-favorite span{ display:block; padding-top:30px; font-size:85%; } #headnav li .btn-owner{ display:block; width:80px; color:#609ACE; background-image: url("../../img/ico_owner.png"); background-position: center top; background-repeat: no-repeat; margin-top: 3px; } #headnav li .btn-owner span{ display:block; padding-top:35px; font-size:78%; } #headnav li .btn-sale{ display:block; width:80px; color:#609ACE; background-image: url("../../img/ico_sale.png"); background-position: center top; background-repeat: no-repeat; } #headnav li .btn-sale span{ display:block; padding-top:38px; font-size:77%; } #headnav li .btn-policy{ display:block; width:100px; color:#609ACE; background-image: url("../../img/ico_policy.png"); background-position: center top; background-repeat: no-repeat; } #headnav li .btn-policy span{ display:block; padding-top:30px; font-size:85%; } #h_logo{ margin-left: 5px; } /* headnav終わり */ /* fsrecommenddiv3 */ #fsrecommenddiv3{ display: none; z-index:99; margin-top:-14px; padding-top:24px; } /* fsrecommenddiv3終わり */ /* fixed_nav */ #fixed_nav{ background-color:#e2eff7; } #fixed_nav #nav_global .mainnav{ display:flex; justify-content: center; overflow:visible; } .nav-info{ display: flex; } .mainnav #nav-office{ padding:5px; display: flex; box-sizing:border-box; } .mainnav #nav-office .navtxt{ background-color: #8ac1e4; margin-right: -1px; display: flex; align-items: center; justify-content: center; width:125px; color:#fff; box-sizing:border-box; text-align:center; } .mainnav #nav-office #submenu01{ display:inline-block; vertical-align:top; } .mainnav #nav-office #submenu01 ul{ display:flex; height:100%; } .mainnav #nav-office #submenu01 ul .s1-1{ width:110px; height: 100%; background-color: #8ac1e4; box-sizing:border-box; background-image: url("../../img/header_icon/header_icon1.png"); background-size: 40%; background-position: center top 8px; background-repeat: no-repeat; margin-right: -1px; } .mainnav #nav-office #submenu01 ul .s1-1 a{ display:block; color:#347DBF; } .mainnav #nav-office #submenu01 ul .s1-1 a span{ display:block; text-align:center; padding-top:56px; font-size:90%; color: #fff; } .mainnav #nav-office #submenu01 ul .s1-2{ width:110px; display: block; background-color: #8ac1e4; box-sizing:border-box; background-image: url("../../img/header_icon/header_icon2.png"); background-size: 40%; background-position: center top 8px; background-repeat: no-repeat; } .mainnav #nav-office #submenu01 ul .s1-2 a{ display:block; color:#347DBF; } .mainnav #nav-office #submenu01 ul .s1-2 a span{ display:block; text-align:center; padding-top:56px; font-size:90%; color: #fff; } .mainnav #nav-office #submenu01 ul .s1-3{ width:100px; box-sizing:border-box; background-image: url("../../img/header_icon/header_icon3.png"); background-size: 33%; background-position: center top 10px; background-repeat: no-repeat; position:relative; overflow:hidden; } .mainnav #nav-office #submenu01 ul .s1-3 a{ display:block; height:100%; width:100%; } .mainnav #nav-office #submenu01 ul .s1-3 a span{ display:block; text-align:center; padding-top:55px; font-size:13px; color: #1D6695; } .mainnav #nav-office #submenu01 ul .s1-4{ width:100px; box-sizing:border-box; background-image: url("../../img/header_icon/header_icon4.png"); background-size: 33%; background-position: center top 8px; background-repeat: no-repeat; } .mainnav #nav-office #submenu01 ul .s1-4 a{ display:block; height:100%; width:100%; } .mainnav #nav-office #submenu01 ul .s1-4 a span{ display:block; text-align:center; padding-top:55px; font-size:13px; color: #1D6695; } .mainnav #nav-office #submenu01 ul .s1-5{ width:100px; box-sizing:border-box; background-image: url("../../img/header_icon/header_icon5.png"); background-size: 37%; background-position: center top 10px; background-repeat: no-repeat; } .mainnav #nav-office #submenu01 ul .s1-5 a{ display:block; height:100%; width:100%; } .mainnav #nav-office #submenu01 ul .s1-5 a span{ display:block; text-align:center; padding-top:57px; font-size:11px; color: #1D6695; } .mainnav #nav-office #submenu01 ul .s1-6{ width:100px; box-sizing:border-box; background-image: url("../../img/header_icon/header_icon6.png"); background-size: 37%; background-position: center top 8px; background-repeat: no-repeat; } .mainnav #nav-office #submenu01 ul .s1-6 a{ display:block; height:100%; width:100%; } .mainnav #nav-office #submenu01 ul .s1-6 a span{ display:block; text-align:center; padding-top:55px; font-size:13px; color: #1D6695; } .mainnav #nav-office #submenu01 ul .s1-7{ width:100px; box-sizing:border-box; background-image: url("../../img/header_icon/header_icon7.png"); background-size: 41%; background-position: center top 14px; background-repeat: no-repeat; } .mainnav #nav-office #submenu01 ul .s1-7 a{ display:block; height:100%; width:100%; } .mainnav #nav-office #submenu01 ul .s1-7 a span{ display:block; text-align:center; padding-top:55px; font-size:13px; color: #1D6695; } .mainnav #nav-office #submenu01 ul .s1-8{ width:100px; box-sizing:border-box; background-image: url("../../img/header_icon/header_icon8.png"); background-size: 35%; background-position: center top 8px; background-repeat: no-repeat; } .mainnav #nav-office #submenu01 ul .s1-8 a{ display:block; height:100%; width:100%; } .mainnav #nav-office #submenu01 ul .s1-8 a span{ display:block; text-align:center; padding-top:55px; font-size:13px; color: #1D6695; } @media (max-width: 1220px){ .mainnav #nav-office .navtxt{ display: none; } } /* nav-useful */ .mainnav #nav-useful{ background-image: url("../../img/arrow_down.png"); background-position: center bottom 10px; background-repeat: no-repeat; background-color: #89d1ac; width:100px; position:relative; } .mainnav #nav-useful .useful-text{ display:block; /* width:125px; */ color:#fff; box-sizing:border-box; text-align:center; padding-top:17px; } .mainnav #nav-useful #sub-useful{ display:none; position:absolute; top:86px; right: 0; z-index:999; width:630px; } .mainnav #nav-useful #sub-useful ul{ width:100%; display: flex; /* margin-top:10px; */ } .mainnav #nav-useful #sub-useful ul .s2-1{ width:125px; height:90px; box-sizing:border-box; background-color:#fff; margin-right:1px; } .mainnav #nav-useful #sub-useful ul .s2-1 a{ display:block; height:100%; width:100%; color:#FFF; background-image: url("../../img/ico_useful.png"); background-position: center top 10px; background-repeat: no-repeat; background-color: #58BE89; } .mainnav #nav-useful #sub-useful ul .s2-1 a span{ display:block; text-align:center; padding-top:60px; } .mainnav #nav-useful #sub-useful ul .s2-2{ width:125px; height:90px; box-sizing:border-box; background-color:#fff; margin-right:1px; } .mainnav #nav-useful #sub-useful ul .s2-2 a{ display:block; height:100%; width:100%; color:#FFF; background-image: url("../../img/ico_faq.png"); background-position: center top 12px; background-repeat: no-repeat; background-color: #58BE89; } .mainnav #nav-useful #sub-useful ul .s2-2 a span{ display:block; text-align:center; padding-top:60px; } .mainnav #nav-useful #sub-useful ul .s2-3{ width:125px; height:90px; box-sizing:border-box; background-color:#fff; margin-right:1px; } .mainnav #nav-useful #sub-useful ul .s2-3 a{ display:block; height:100%; width:100%; color:#FFF; background-image: url("../../img/ico_glos.png"); background-position: center top 20px; background-repeat: no-repeat; background-color: #58BE89; } .mainnav #nav-useful #sub-useful ul .s2-3 a span{ display:block; text-align:center; padding-top:60px; } .mainnav #nav-useful #sub-useful ul .s2-4{ width:125px; height:90px; box-sizing:border-box; background-color:#fff; margin-right:1px; } .mainnav #nav-useful #sub-useful ul .s2-4 a{ display:block; height:100%; width:100%; color:#FFF; background-image: url("../../img/ico_featured.png"); background-position: center top 12px; background-repeat: no-repeat; background-color: #58BE89; } .mainnav #nav-useful #sub-useful ul .s2-4 a span{ display:block; text-align:center; padding-top:60px; } .mainnav #nav-useful #sub-useful ul .s2-5{ width:125px; height:90px; box-sizing:border-box; background-color:#fff; } .mainnav #nav-useful #sub-useful ul .s2-5 a{ display:block; height:100%; width:100%; color:#FFF; background-image: url("../../img/ico_blog.png"); background-position: center top 10px; background-repeat: no-repeat; background-color: #58BE89; } .mainnav #nav-useful #sub-useful ul .s2-5 a span{ display:block; text-align:center; padding-top:60px; } /* nav-market */ .mainnav #nav-market{ background-image: url("../../img/arrow_down.png"); background-position: center bottom 10px; background-repeat: no-repeat; background-color: #e9ca7d; width:100px; position:relative; } .mainnav #nav-market .market-text{ display:block; /* width:125px; */ color:#fff; box-sizing:border-box; text-align:center; padding-top:28px; } .mainnav #nav-market #sub-market{ display:none; position:absolute; top:86px; right:0; z-index:999; width:377px; } .mainnav #nav-market #sub-market ul{ width:100%; /* margin-top:10px; */ display: flex; } .mainnav #nav-market #sub-market ul .s3-1{ width:125px; height:90px; box-sizing:border-box; background-color:#fff; margin-right:1px; } .mainnav #nav-market #sub-market ul .s3-1 a{ display:block; height:100%; width:100%; color:#FFF; background-image: url("../../img/ico_market.png"); background-position: center top 18px; background-repeat: no-repeat; background-color: #ECB935; } .mainnav #nav-market #sub-market ul .s3-1 a span{ display:block; text-align:center; padding-top:60px; } .mainnav #nav-market #sub-market ul .s3-2{ width:125px; height:90px; box-sizing:border-box; background-color:#fff; margin-right:1px; } .mainnav #nav-market #sub-market ul .s3-2 a{ display:block; height:100%; width:100%; color:#FFF; background-image: url("../../img/ico_marketdata.png"); background-position: center top 18px; background-repeat: no-repeat; background-color: #ECB935; } .mainnav #nav-market #sub-market ul .s3-2 a span{ display:block; text-align:center; padding-top:60px; } .mainnav #nav-market #sub-market ul .s3-3{ width:125px; height:90px; box-sizing:border-box; background-color:#fff; } .mainnav #nav-market #sub-market ul .s3-3 a{ display:block; height:100%; width:100%; color:#FFF; background-image: url("../../img/ico_cost.png"); background-position: center top 18px; background-repeat: no-repeat; background-color: #ECB935; } .mainnav #nav-market #sub-market ul .s3-3 a span{ display:block; text-align:center; padding-top:62px; font-size:80%; } /* nav-seminar */ .mainnav #nav-seminar{ background-image: url("../../img/arrow_down.png"); background-position: center bottom 10px; background-repeat: no-repeat; background-color: #78c1f1; width: 100px; position:relative; } .mainnav #nav-seminar .seminar-text{ display:block; /* width:125px; */ color:#fff; box-sizing:border-box; text-align:center; padding-top:17px; } .mainnav #nav-seminar #sub-seminar{ display:none; position:absolute; top:86px; right:0; z-index:999; width:377px; } .mainnav #nav-seminar #sub-seminar ul{ width:100%; /* margin-top:10px; */ display: flex; } .mainnav #nav-seminar #sub-seminar ul .s4-1{ width:125px; height:90px; box-sizing:border-box; background-color:#fff; margin-right:1px; } .mainnav #nav-seminar #sub-seminar ul .s4-1 a{ display:block; height:100%; width:100%; color:#FFF; background-image: url("../../img/ico_example.png"); background-position: center top 10px; background-repeat: no-repeat; background-color: #40AAEF; } .mainnav #nav-seminar #sub-seminar ul .s4-1 a span{ display:block; text-align:center; padding-top:60px; } .mainnav #nav-seminar #sub-seminar ul .s4-2{ width:125px; height:90px; box-sizing:border-box; background-color:#fff; margin-right:1px; } .mainnav #nav-seminar #sub-seminar ul .s4-2 a{ display:block; height:100%; width:100%; color:#FFF; background-image: url("../../img/ico_seminar.png"); background-position: center top 13px; background-repeat: no-repeat; background-color: #40AAEF; } .mainnav #nav-seminar #sub-seminar ul .s4-2 a span{ display:block; text-align:center; padding-top:62px; font-size:85%; } .mainnav #nav-seminar #sub-seminar ul .s4-3{ width:125px; height:90px; box-sizing:border-box; background-color:#fff; } .mainnav #nav-seminar #sub-seminar ul .s4-3 a{ display:block; height:100%; width:100%; color:#FFF; background-image: url("../../img/ico_download.png"); background-position: center top 18px; background-repeat: no-repeat; background-color: #40AAEF; } .mainnav #nav-seminar #sub-seminar ul .s4-3 a span{ display:block; text-align:center; padding-top:55px; font-size:90%; line-height:1.2em; } /* fixed_nav終わり */ .accordion-content{ display: none; } #headnav-sponly{ display: none; } @media (max-width: 1100px){ .nav-info{ display: none; } #header_inner .contact-tell{ display: none; } } @media (max-width: 769px){ #fixed_header{ border-top: 16px solid #1D4C84; height:70px; /* #headerと同じheightに */ box-shadow: 2px 2px 3px #aaa; } #headnav-sponly{ /* margin-top: -5px; */ height:100%; } #header_inner h1{ margin-top: -60px; } .accordion-content { position: fixed; overflow-y: auto; /* -webkit-overflow-scrolling: touch; */ height: 100%; top: 70px; width: 100%; display: none; z-index: 9999; background-color: #fff; } .accordion-nav ul { list-style: none; margin: 0; padding: 0; } .accordion-nav ul li a { border-bottom: dotted 1px #aaa; color: #333; display: block; padding: 8px; text-align: center; text-decoration: none; } .accordion-nav li a { border-bottom: dotted 1px #aaa; display: block; padding: 8px 0; text-align: center; text-decoration: none; } #fixed_nav{ display: none; } #header{ height: 70px; /* box-shadow:2px 2px 3px #aaa; */ } #h_logo{ /* padding-top: 6px; */ width: 200px; } #header_inner{ display: flex; justify-content: space-between; height:100%; } #header_inner h1{ font-size: 60%; /* transform:scale(0.6); */ /* color:#1D4C84; */ color:#fff; margin-top:-20px; /* margin-left: -26px; */ position:absolute; top:4px; left:0; } #header_inner .contact-tell{ display: none; } #headnav{ display: none; } #headnav-sponly{ /* display: block; */ display: flex; position: absolute; right: 0; /* margin-bottom: -10px; */ } #headnav-sponly .header-icon{ width: 55px; height: 100%; margin-right: 0; transition: .3; border-left:1px solid #ccc; } #headnav-sponly .header-icon:hover{ cursor: pointer; opacity: 0.7; transition: .3; } /* 20210721 korenaga */ #headnav-sponly .header-icon a{ display:block; text-align:center; font-size:130% !important; /* padding-top:5px; */ color:#6686AC; position:relative; box-sizing:border-box; } #headnav-sponly .header-icon a .mtext{ color:#6686AC; display:flex; justify-content: center; align-items: center; position:absolute; top:25px; left:0; text-align:center; font-size:50%; line-height:1.2; width:100%; min-height:20px; } /* //20210721 korenaga */ #header_inner #headnav-sponly .tell-link{ border-left: 1px solid #ccc; border-right: 1px solid #ccc; } #header_inner #headnav-sponly .tell-link a{ display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px; padding-top: 20px; padding-bottom: 15px; } #header_inner #headnav-sponly .tell-link .free-tell{ text-align: center; font-size: 20px; padding-bottom: 4px; color: #3D9268; } #header_inner #headnav-sponly .tell-link a span{ font-size: 10px; transform: scale(0.7); } #headnav_f{ display: flex; /* top: -7px; */ height:100%; } /* #headnav-sponly li{ margin-right: 10px; } */ /* #headnav-sponly li a{ display: block; } #headnav-sponly li a img{ width: 75px; height: 75px; } #headnav-sponly li p img{ width: 75px; height: 75px; } */ .favorite a p { position: absolute; top: 8px; /* left: 3px; */ font-size: 10px; background-color: red; color: #fff; border-radius: 50px; padding: 0 4px; } /* drawer */ .drawer{ display: block; } .drawer-hamburger{ z-index: 999; margin: 0; padding: 10px; padding-top: 11px; width: 20px; height: 30px; /* margin-right: 20px; */ /* color: #3D9268; */ } .drawer-nav{ z-index: 50; } .drawer-hamburger-icon, .drawer-hamburger-icon::after, .drawer-hamburger-icon::before{ background-color: #609ACE; height: 3px; /* margin-top: 7px; */ } .drawer--top.drawer-open .drawer-nav{ top: 70px; } .drawer-menu{ overflow : auto; -webkit-overflow-scrolling: touch; /* margin-top: 30px; */ padding-bottom: 50px; } .drawer-menu .drawer-menu-title img{ width: 40px; height: 40px; padding-right: 5px; } .drawer-menu .drawer-menu-title1 img{ width: 40px; height: 35px; padding-right: 5px; /* filter: invert(33%) sepia(37%) saturate(348%) hue-rotate(161deg) brightness(85%) contrast(90%); */ } .drawer-menu .drawer-menu-title span{ font-size: 17px; font-weight: bold; color: #1F4E85; margin-left: 10px; } .drawer-menu .drawer-menu-title1 span{ font-size: 17px; font-weight: bold; color: #1F4E85; margin-left: 10px; } .drawer-item-item{ display: flex; align-items: center; padding-top: 5px; padding-left: 10px; padding-bottom: 5px; border-bottom: 1px solid #888888; background-color: #DFF6FF; } .item-list li{ padding: 5px 0; border-bottom: 1px solid #666666; } .item-list li a{ padding-left: 20px; color: #1B6494; } } @media (max-width: 500px){ /* #header_inner h1{ font-size: 10px; transform:scale(0.6); margin-top: 6.5px; margin-left: -80px; } */ /* #headnav-sponly{ margin-bottom: 10px; } */ /* #header_inner h1{ font-size: 10px; transform:scale(0.6); color:#1D4C84; margin-top:-20px; margin-left: -26px; } */ #h_logo{ /* padding-top: 6px; */ width: 120px; } /* #header{ height: 55px; } */ /* .accordion-content{ top: 55px; } */ #h_logo{ top: 15px; left: 5px; } /* #headnav-sponly{ margin-top: 10px; } */ /* #fixed_header{ height: 60px; } */ #header_inner{ /* height: 50px; */ padding-top: 0; } /* #headnav-sponly li a img{ width: 60px; height: 60px; } #headnav-sponly li p img{ width: 60px; height: 60px; } */ }