@charset "utf-8";
/*
Theme Name: Tokyo Greenbiz Map 2024
Author:
Description: 東京グリーンビズマップのオリジナルテーマ 2026年改修版
version: 1.0.0
*/
/* Header */
.header_wrap {
	height: 80px;
	padding: 0 20px;
}
.header_wrap .header_left {
	display: flex;
	margin-top: 5px;
}
.header_wrap .header_left .logo-main img {
	width: 230px;
	height: unset;
}
.header_wrap .header_left .logo-metro {
	width: unset;
}
.header_wrap .header_left .logo-metro img {
	width: 150px;
	margin: 25px 5px 0;
}
.header_wrap .header_right {
	width: 100%;
	margin: 0 0 0 auto;
}
.header_wrap .header_right .header_lan {
	margin: -5px 0 0 0;
}
.header_sp_nav {
	display: none;
	top: 19px;
}
.header_newmenu {
	position: absolute;
	top: 5px;
	right: 200px;
}
.header_newmenu ul {
	display: unset;
}
.header_newmenu ul.new_menu {
	display: flex;
	gap: 20px 10px;
	margin: 10px 10px 0 0;
	font-size: 0.9rem;
}
.header_newmenu ul.new_menu li.menu-item {
	position: relative;
	margin: 0;
	padding: 5px 3px 3px 23px;
	white-space: nowrap;
	border-bottom: 0.7px dotted #000000;
}
.header_newmenu ul.new_menu li.menu-item-add {
	color: #666666;
}
.header_newmenu ul.new_menu li.menu-item::before {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-size: contain;
	top: 8px;
	left: 2px;
}
.header_newmenu ul.new_menu li.menu-item1::before {
	background-image: url(/wp-content/themes/greenbizmap/img/common/icon-newmenu01.svg);
}
.header_newmenu ul.new_menu li.menu-item2::before {
	background-image: url(/wp-content/themes/greenbizmap/img/common/icon-newmenu02.svg);
}
.header_newmenu ul.new_menu li.menu-item3::before {
	background-image: url(/wp-content/themes/greenbizmap/img/common/icon-newmenu03.svg);
}
.header_newmenu ul.new_menu li.menu-item4::before {
	background-image: url(/wp-content/themes/greenbizmap/img/common/icon-newmenu04.svg);
}
.header_newmenu ul.new_menu li.menu-item5::before {
	background-image: url(/wp-content/themes/greenbizmap/img/common/icon-newmenu05.svg);
}
.header_newmenu ul.new_menu li.menu-item-add::after {
	content: "";
	position: absolute;
	width: 27px;
	height: 15px;
	background-image: url(/wp-content/themes/greenbizmap/img/common/icon_arrow01.png);
	background-repeat: no-repeat;
	background-size: contain;
	right: 0;
	left: 0;
	margin: 35px auto 0;
}
.header_newmenu ul.new_menu li.menu-item:hover {
	cursor: pointer;
}
.header_newmenu ul.new_menu li.menu-item.menu-item-add:hover span {
	opacity: 0.7;
}
.header_newmenu ul.new_menu li.menu-item a {
	padding: 0;
	color: #666666;
	font-weight: unset;
	background: unset;
	border: unset;
}
.header_newmenu ul.new_menu li.menu-item a:hover {
	transform: unset;
	-webkit-box-shadow: unset;
}
.header_newmenu ul.new_menu .sub-menu {
	position: absolute;
	top: 30px;
	left: 0;
}
.header_newmenu ul.new_menu li.menu-item-add .sub-menu {
	display: none;
}
.header_newmenu ul.new_menu li.menu-item-add .sub-menu {
	width: fit-content;
	z-index: 500;
	margin: 10px 0 0;
}
.header_newmenu ul.new_menu li.menu-item-add .sub-menu li {
	margin: 0 0 5px;
	background: #d9f2d0;
	border-radius: 5px;
	border-bottom: 2px solid var(--ColorGreen1);
}
.header_newmenu ul.new_menu li.menu-item-add .sub-menu li a {
	display: block;
	padding: 5px 10px;
	color: #666666;
}

.info_tablet {
	display: none;
}
/* // Header */


.wrapper-map {
	margin: 20px 0 0;
}


/* Banners */
.banners.NewStyle {
	justify-content: center;
	margin: 10px auto;
	gap: 10px;
}
.banners.NewStyle .banner {
	width: 49%;
}
/* // Banners */


/* Footer */
footer .footer-wrapper {
	position: relative;
}
footer .footer-wrapper .footer-bg {
	width: 95%;
	max-width: 1080px;
	position: absolute;
	top: 2px;
	left: 20px;
	transform: translate(0, -89%);
}
footer .footer-wrapper .footer-bg img {
	width: 50%;
	max-width: 250px;
}
/* //Footer */


/* Common */
#page-top a {
	width: 46px;
	padding: 23px 3px 13px;
	background: #fff;
	color: var(--ColorGreen1);
	border: 2px solid var(--ColorGreen1);
	box-shadow: 2px 2px 2px rgb(153 202 73 / 90%);
	opacity: 1.0;
}
#page-top a p::before {
	border-color: var(--ColorGreen1) var(--ColorGreen1) transparent transparent;
}
/* //Common */



/* PC
-------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1450px) {
	/* Header */
	.header_wrap {
		height: 130px;
	}
	.header_newmenu {
		top: 70px;
		right: unset;
	}
	.header_newmenu ul {
		margin: 10px 0 0;
	}
	/* // Header */
}

@media screen and (max-width: 1330px) { /* 13300px以下に適用されるCSS */
	footer .footer-wrapper {
		margin: 50px 0 0;
	}
}

@media screen and (max-width: 1200px) {
	/*  Header */
	.header_wrap .header_right .header_lan {
		display: unset;
	}
	/* // Header */
}



/* タブレット
-------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 960px) { /* 960px以下に適用されるCSS */
	/*  Header */
	.header_wrap .header_left {
		width: 100%;
		margin-top: 0;
	}
	.header_wrap .header_left .logo-metro {
		order: 1;
		margin: 0;
	}
	.header_wrap .header_left .logo-metro img {
		margin: 20px 0 0;
	}
	.header_wrap .header_left .logo-main {
		order: 2;
		margin: 0 auto;
	}
	.header_wrap .header_right {
		width: 180px;
	}
	.header_wrap .header_right .header_info, 
	.header_wrap .header_right .header_lan {
		display: none;
	}
	.header_sp_nav {
		top: 10px;
	}
	.info_tablet {
		display: flex;
	}
	/* // Header */
	
	/* Footer */
	footer .footer-wrapper .footer-bg {
		left: 10px;
	}
	/* // Footer */
}

@media screen and (max-width: 860px) {
	/* Header */
	.header_wrap {
		height: 190px;
	}
	.header_newmenu ul.new_menu {
		margin: 10px 0 0;
		flex-wrap: wrap;
		gap: 20px 5px;
		justify-content: center;
	}
	/* // Header */
}


/* モバイルレイアウト
-------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 580px) { /* 580px以下に適用されるCSS */
	/* Header */
	.header_wrap {
		height: 60px;
		padding: 0 10px;
	}
	
	.header_wrap .header_left .logo-metro img {
		width: 130px;
	}
	.header_wrap .header_left .logo-main img {
		width: 200px;
	}
	.header_wrap .header_right {
		width: 130px;
	}
	
	.header_sp_nav {
		display: block;
		top: 0px;
		right: 10px;
	}
	.header_newmenu {
		display: none;
	}
	
	 .nav {
        width: 80%;
        padding: 140px 20px 90px;
        font-size: 0.9rem;
    }
	.nav_list li {
		padding: 0 0 0 10px;
	}
	/* // Header */
	
	/*  Banners */
	.banners.NewStyle .banner {
		width: 100%;
	}
	/* // Banners */
}

@media screen and (max-width: 480px) {
	/* Header */
	.header_wrap .header_left .logo-metro img {
		width: 100px;
	}
	.header_wrap .header_left .logo-main img {
		width: 170px;
	}
	.header_wrap .header_left .header_right {
		width: 100px;
	}
	/* // Header */
}