@charset "utf-8";
/*
Theme Name: NMC mod
Theme URI: https://lightning.nagoya/
Template: lightning
Description:  noguchi-material.co.jp/専用カスタムテーマ
Author: k yoshisue
Tags: 
Version: 0.1.2
*/

.h2, .mainSection-title, h2  { font-size: 1.6rem; }
.siteHeader { /*border-bottom: 2px solid #c4e1ff;*/ }
.siteHeader_logo img { max-height: 100px; }
.siteHeader_logo span { display:inline-block; vertical-align: middle; font-size: 1.5rem; }
.gMenu_outer { margin-top: 2rem; }
.slide-text-title { font-weight: bold;}
.carousel { /*border-bottom: 2px solid #c4e1ff; */}
.carousel-control-next, .carousel-control-prev { width: 5%; }
.carousel-control-next-icon, .carousel-control-prev-icon { width: 10px; height: 10px; }
.slide .btn { background: #3d81aa91 !important; }
.slide .btn:hover{ color:#fff;background-color:#c4e1ff !important; }
#vkexunit_post_list-2 { display:block; position: relative; /*! border: 1px solid #e3e3e3; */ border-radius:5px; margin-bottom: 20px; }
#vkexunit_post_list-2 h2 { padding-left: 10px; font-size:1.2rem; }
#vkexunit_post_list-2 h2 { border-top: 2px solid #c4e1ff; }
#vkexunit_post_list-2 h2:before, #vkexunit_post_list-5 h2:before { /*content: "\f0a1"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 5px; */}
#vkexunit_post_list-2 ul li { background-color: #fff; color: #000; padding: 2%; }
#vkexunit_post_list-2 ul li span { display:inline-block; float:left; }
.veu_postList { margin-bottom: 10px; }
.veu_postList .postList_title .postList_date { display: inline-block; clear: both; margin: 3px 0 0; }
.veu_postList .postList_date { margin-right: 10px; color: #000; }
.veu_postList .postList a { color: #000; text-decoration: none; }
.postList_more { margin: 10px 5px 0 0; text-align: right; position: absolute; top: 0.5rem; right: 10px; font-size: 0.8rem; }
.postList_more a { color: #337ab7; border-color: #337ab7; text-decoration: none; display: block; border: 1px solid #337ab7; padding: 1px 5px; }
.postList_more a:hover { color: #ffffff; background-color: #337ab7; }
.company-box { background-color: #337ab7; color: #fff; border-top: 2px solid #090;}
.copyright-box { display: flex; background: #00a0e9; color: #fff; }
.footerMenu { display:inline-block; float: left; }
.footerMenu li a { color: #fff; }
.siteFooter { border-top-color: #00a0e9; background-color: #00a0e9; color: #fff;}
.siteFooter > .sectionBox { padding-top: 1rem; padding-bottom: 0; display: block;}
.widget_vkexunit_contact_section { background-color: #ffffff !important; color:#000;}
#menu-fooder_blockmenu a {color:#ffffff;}
#menu-fooder_blockmenu li {line-height:1rem;}
.copyright { display:inline-block; float: right; margin: 12px 0 10px; font-size: 14px; line-height: 1.65em; }
.subSection-title::after, h3::after { border-bottom:none;} 
.page-header_pageTitle, h1.page-header_pageTitle:first-child { margin: 0.5rem 0; font-size: 1.75rem; line-height: 1.1; }
.page-header { background-repeat: no-repeat; background-position: center; background-size: cover; background-repeat: no-repeat; }
#company, #services, #makers, #contact { height:400px; margin-bottom: 4rem; }
#company { background-image: url("/wp/wp-content/themes/nmc/images/company-iStock-463026893.png"); }
#services { background-image: url("/wp/wp-content/themes/nmc/images/service-iStock-1091290800.png"); }
#makers { background-image: url("/wp/wp-content/themes/nmc/images/makers-iStock-1145654205.png"); }
#contact { background-image: url("/wp/wp-content/themes/nmc/images/contact-iStock-1215953761.png"); }
.company,.services,.makers,.contact { display: block; position: relative; top: 410px; background-color: #00a0e9; } 
/*
.page-header > .container { display: block; position: relative; top: 380px; background-color: #c4e1ff; box-shadow: 0 -8px 10px rgba(0, 0, 0, 0.2); }
*/
.overview th span { white-space: nowrap; }
.header_scrolled .gMenu>li { width:50%; border-left:none; }
.header_scrolled .gMenu>li:last-child { border-right:none; }
.page_top_btn { position: fixed; right: 2%; bottom: 3%; z-index: 99999; width: 40px; height: 38px; text-indent: 100%; white-space: nowrap; overflow: hidden; border: none; background: rgb(0, 160, 233); background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-image: none; background-size: auto; outline: none; border: 1px solid rgba(255,255,255,.8); background-image: url(./images/to-top-btn-icon.svg); background-size: 50%; background-repeat: no-repeat; background-position: center; opacity: 0; transition: opacity .3s; border-radius: 50%; box-shadow:none; }
.business-sites a { display:block; background-color: #00a0e9; color:#ffffff; text-align: center; }
.chartsection { padding: 0 0; }
.chartsection li > *:not(ul):not(li) { min-width: 50px; padding: 0.5rem; background-color: #f2f2f2; display: block; align-self: baseline; }
.chartsection li > *:not(ul):not(li) > * { padding: 0; }
.chartsection { overflow-x: scroll; }
.chartsection > ul { padding-left: 50px; }
.chartsection > ul > li:first-child:last-child::before { content: ""; width: 0px; height: 0px; }
.chartsection ul { width: 100%; display: flex; flex-direction: column; margin: 0 0.7rem;}
.chartsection ul > li { width: fit-content; position: relative; display: flex; }
.chartsection ul > li:not(:last-child) { margin-bottom: 1rem; }
.chartsection ul > li:first-child::before { content: ""; min-width: 50px; height: 1px; background-color: #333; position: absolute; top: 1rem; left: -50px; }
.chartsection ul > li:first-child::after { content: ""; width: 1px; height: calc(100% + 1rem); background-color: #333; position: absolute; top: 1rem; left: -25px; }
.chartsection ul > li:not(:first-child)::before { content: ""; width: 25px; height: 1px; background-color: #333; position: absolute; top: 1rem; left: -25px; }
.chartsection ul > li:not(:first-child)::after { content: ""; width: 1px; height: calc(100% + 1rem); background-color: #333; position: absolute; top: 0; left: -25px; }
.chartsection ul > li:last-child::after { content: ""; width: 1px; height: 2rem; background-color: #333; position: absolute; top: -1rem; left: -25px; }
.chartsection ul > li:first-child:last-child::after { content: ""; width: 0; height: 0; }
.chartsection ul li ul { width: auto; margin-left: 0.7rem; }
.maker-list h2 { font-size: 1.2rem; line-height: 1.4rem; margin: 0px; padding: 5px 25% 5px 5px; border: none; display: inline-block; color:#ffffff; background: rgb(0,160,233); background: linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%); box-shadow: 0 4px 7px -6px rgb(0 0 0 / 50%); }
.maker-list ul li { list-style:none;  margin:0px padding:0px; }

@media (min-width:768px) {
/*
.header_scrolled .gMenu_outer { position: relative; }
.header_scrolled .navbar-header { margin-bottom: 0px; }
.slide-text-caption { font-size: 2vw; }
.footerMenu li a { border-left: 1px solid #ccc; padding: 0 1em; color: #fff; }
*/
.header_scrolled .gMenu_outer { margin-top: 0rem; }
}

@media screen and (max-width: 1024px) { }

@media screen and (max-width: 896px) { 
.business-sites	table { display:block; }
.chartsection { padding: 0 0; }
.chartsection li > *:not(ul):not(li) { min-width: 50px; padding: 0.5rem; background-color: #f2f2f2; display: inline-block; align-self: baseline; }
.chartsection li > *:not(ul):not(li) > * { padding: 0; }
.chartsection { overflow-x: none; }
.chartsection > ul { padding-left: 0px; }
.chartsection > ul > li:first-child:last-child::before { content: none;}
.chartsection ul { width: 100%; display: block; flex-direction: column; margin: 10px; }
.chartsection ul > li { width: fit-content; position: relative; display: block; }
.chartsection ul > li:not(:last-child) { margin-bottom: 1rem; }
.chartsection ul > li:first-child::before { content: none;}
.chartsection ul > li:first-child::before { content: ""; min-width: 10px; height: 1px; background-color: #333; position: absolute; top: 1rem; left: -10px; }
.chartsection ul > li:first-child::after { content: ""; width: 1px; height: calc(100% + 1rem); background-color: #333; position: absolute; top: -10px; left: -10px; }
.chartsection ul > li:not(:first-child)::before { content: ""; width: 10px; height: 1px; background-color: #333; position: absolute; top: 1rem; left: -10px; }
.chartsection ul > li:not(:first-child)::after { content: ""; width: 1px; height: calc(100% + 1rem); background-color: #333; position: absolute; top: -10px; left: -10px; }
.chartsection ul > li:last-child::after { content: ""; width: 1px; height: 2rem; background-color: #333; position: absolute; top: -1rem; left: -10px; }
.chartsection ul > li > ul > li:first-child:last-child::after { content: "";width: 1px;height: 1.7rem;background-color: #333;position: absolute;top: -0.7rem;left: -10px;}
.chartsection ul li ul { width: auto; padding-left: 10px; }
}

@media screen and (max-width: 480px) {
.overview th,td,.history th,td,.business-sites th,td { display:block; }
.overview th,.history th,.business-sites th { background-color: #eef2f7; }
.footerMenu { display:block; text-align: left; }
.copyright { text-align: center; display: block; width: 100%; }
#company, #services, #makers, #contact { height: 200px; margin-bottom: 3.5rem; }
.company,.services,.makers,.contact { display: block; position: relative; top: 210px; background-color: #c4e1ff; }
}