@charset "UTF-8";
/* CSS Document */

.site-header { top: 35px; }

#comh                                              { height: 35px; }
#comh ul,
#comh li                                           { margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align: bottom;
    line-height: 1.8;
/*    height: 35px;*/
 }
 #comh a                                           { color: #000; }
 
 .chead                                             { width: 100%; background: rgba(255,255,255,1.0); color: #000; height: 35px; position: fixed; z-index: 99999; line-height: 1; align-items: center; padding: 0 1.5em; border-bottom: solid 1px #DDD; display: flex; justify-content: space-between; box-sizing: border-box; }
.chead .menu_area { display: flex; justify-content: space-between; width: 100%; }
.chead .menu_area ul li.logo                       { display: grid; align-items: center; }
.chead .menu_area ul li.logo img                   { height: 14px; width: auto; }
.chead .menu_area ul                               { display: flex; color: #4c4c4c; }
.chead input#submenu,
.chead input#submenu2                              { display: none; }
.chead .menu_area ul li                            { line-height: 1; font-size: 13px; display: block;}


.chead .menu_area ul li.menu_area_list             { background-image: url("three-line.png"); background-repeat: no-repeat, no-repeat; background-position: left, right; }




.chead .menu_area ul li.menu_area_list label       { padding: 0 1.2em 0 1.5em; font-size: 13px; display: grid; align-items: center; line-height: 35px; cursor: pointer; }
.chead .menu_area ul li.vline                      { line-height: 35px!important; padding: 0 1em!important; }
.chead .menu_area ul li.menu_area_search           { background: url("https://www.nisseihd.co.jp/common_header/icon-search.png") no-repeat left 50%;}
.chead .menu_area_search label                     { padding: 0 1.2em 0 1.5em; font-size: 13px; display: grid; align-items: center; line-height: 35px; cursor: pointer; }
.chead .mega__menu-second                          { z-index: 30; top: -760px; }


.chead .mega__menu-second ul                       { padding: 40px 0!important; display: flex; justify-content: space-around; }
.chead .mega__menu-second ul li a                  { width: 20%; font-size: 13px; }
.chead .mega__menu-second ul li a:before           { content: ">"; } 

.chead .mega__menu-second2                         { z-index: 40; top: -180px; padding: 15px 10% 0!important; }

.chead .mega__menu-second2,
.chead .mega__menu-second                          { opacity: 0; transition: 0.8s;}
.chead .menu_area_list input:checked ~ .mega__menu-second    { opacity: 1; top: 31px; }
.chead .menu_area_search input:checked ~ .mega__menu-second2 { opacity: 1; top: 31px; }

.chead .menu_area_search .mega__menu-second2,
.chead .menu_area_list .mega__menu-second          { position: absolute; left: 0; width: 100%; background: rgba(240,240,240,0.93); padding: 10px 10px 15px; margin-top: 4px; box-sizing: border-box; transition: all 0.8s ease; -webkit-transition: all 0.8s ease; }

.chead .mega__menu-second dl                       { display: flex; line-height: 1.2;}
.chead .mega__menu-second dl dt                    { font-size: 13px;  display: grid; align-items: top; text-align: right; min-width: 330px; padding: 0.6em 3em 0.2em 3em; box-sizing: border-box; color: #4c4c4c; }
.chead .mega__menu-second dl dd                    { font-size: 10px; line-height: 1!important; width: 80%; }
.chead .mega__menu-second dl dd ul                 { flex-wrap: wrap; width: 100%; }
.chead .mega__menu-second dl dd ul li              { width: 20%; }
.chead .mega__menu-second dl dd ul li a            { padding: 0.7em 0.3em!important; line-height: 1.2!important; margin-left: 1em; text-indent: -0.8em; position: relative; z-index: 1; display: inline-block; color: #4c4c4c; font-size: 13px; }
.chead .mega__menu-second dl dd ul li a:after      { content: ''; position: absolute; left: 0; bottom: 8px; width: 0%; height: 1px; background: #06f; z-index: -1; transition: all 0.4s; }
.chead .mega__menu-second dl dd ul li a:hover      { color: #06f; }
.chead .mega__menu-second dl dd ul li a:hover:after { width: 100%; }
.chead .sp                                         { display: none!important; }
.chead .pc                                         { display: block!important; }
.chead .mega__menu-second2                         { display: flex; }
.chead .column1-2                                  { width: 50%; }
/*.chead .column1-2:last-child                       { width: 50%; padding-right: 15%; box-sizing: border-box; }*/
.chead .column1-2 dl                               { display: flex; }
.chead .column1-2 dt                               { text-align: right; display: grid; align-items: center; }
.chead .column1-2 dt,
.chead .column1-2 dd                               { font-size: 13px!important; margin-bottom: 0.5em; }

.chead .column1-2 dt                               { width: 35%; margin-right: 1.2%; }
.chead .column1-2 dd                               { width: 55%; }

.gsc-search-button-v2                              { font-size: 0; padding: 0px 0px !important; width: auto; vertical-align: middle; }
/*.gsc-control-cse                                   { padding: 0!important; border-color: rgba(240,240,240,0.93); background-color:rgba(240,240,240,0.93); }*/
.gsc-control-cse                                   { padding: 0!important; border-color: rgba(240,240,240,0); background-color:rgba(240,240,240,0); }
.chead table.gsc-search-box td.gsc-input { padding-right: 0px!important; }
.gsib_b                                            { padding: 0!important; }
.chead td.gsc-search-button                        { padding: 0 0.5em!important; }
.gsib_a                                            { padding: 0px 9px 0px 9px; }
.chead td                                          { padding: 0 1em; }
.chead button                                      { background: rgba(240,240,240,0.93); }
.chead button:before                               { background: none; }

@media screen and (max-width: 768px) {
        #comh                                      { height: 50px; }
        .chead                                     { padding: 0 0 0 0.3em; height: 30px; }
        .chead .menu_area ul:first-child           { width: 46%; }
        .chead .menu_area ul li.logo img           { width: 98%; height: auto; }
        .chead .menu_area ul li label              { font-size: 11px!important; }
        .chead .menu_area ul li.menu_area_list label { font-size: 0; width: 100%; padding: 0 1em 0 1em;}
        .chead .menu_area ul li.vline              { padding: 0 0.5em; }
        .chead .menu_area ul li.menu_area_search label { padding: 0 0.5em 0 1.5em; }
        .chead .menu_area_list .mega__menu-second  { margin-top: 0px; padding-top: 0; padding-bottom: 0; }
        .chead .menu_area_search .mega__menu-second2  { margin-top: 0px; padding: 0em 1em; }

        .chead .mega__menu-second ul               { padding: 0px!important; display: block; justify-content: space-around; width: 100%!important; }
        .chead .mega__menu-second ul li            { border-bottom: solid 1px #ddd!important; display: block; }
        .chead .mega__menu-second ul li a          { width: 100%; font-size: 16px; line-height: 50px; border-bottom: solid 1px #ddd; display: block; }
        .chead .mega__menu-second ul li a:before   { content: "　"; } 

        .chead .mega__menu-second dl               { border-bottom: solid 1px #999; }
        .chead .mega__menu-second dl dt            { padding: 0; width: 100%; text-align: left; display: block; } 
        .chead .mega__menu-second dl dt a          { line-height: 4; font-size: 15px; display: block; } 
        .chead .pc                                 { display: none!important; }
        .chead .sp                                 { display: block!important; }
        
        .chead .mega__menu-second2,
        .chead .mega__menu-second                  { opacity: 0; transition: 1.0s; left: -450px!important; top: 32px; }
        .chead .menu_area_list input:checked ~ .mega__menu-second    { opacity: 1; left: 0px!important; top: 30px; }
        .chead .menu_area_search input:checked ~ .mega__menu-second2 { opacity: 1; left: 0px!important; top: 30px; }
        
        .chead .mega__menu-second2                 { display: block; padding: 15px 5% 0!important; }
        .chead .column1-2                          { width: 100%; }
        .chead .column1-2:last-child               { width: 100%; padding-right: 0; }
        .chead .column1-2 dl                       { display: block; width: 100%; }
        .chead .column1-2 dt                       { text-align: left; width: 100%; margin-bottom: 0em; }
        .chead .column1-2 dd                       { text-align: left; width: 100%; }
        .chead .column1-2 dd th,
        .chead .column1-2 dd td                    { display:table-cell; width: 100%!important; box-sizing: border-box; }
        td.gsc-clear-button                        { display: none!important; }
}