@charset "utf-8";
/*
Theme Name: nikko-technos
Description: 日興テクノスホームページ　パソコン/タブレット用のスタイルシート
Version: 1.0
*/

/* PCデザイン ここから */

body {
	font-family: "Roboto", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo" , "メイリオ", "sans-serif";
	font-size: 18px;
}

/*ヘッダー ここから*/
/*サイトID・サブナビ*/
header .upper-area {
	margin: 0 auto;
	max-width: 1150px;
	display: flex;
	justify-content: space-between;
	padding: 15px 0 20px;
} 

header .upper-area .site-id {
	display: flex;
}

/*メインロゴ*/
header .upper-area .site-id .main-logo a {
	display: block;
	width: 441px;
	height: 45px;
	margin-top: 8px;
	margin-right: 40px;
	text-indent: -9999px;
	background-image: url(img/logo-mark.png);
}

/*パートナーロゴ*/
header .upper-area .site-id .partner-logo {
	width: 102px;
	height: 65px;
	text-indent: -9999px;
	background-image: url(img/partner-logo-mark.png);
	background-size: cover;
}

/*サブナビ*/
header .upper-area #sub-nav ul {
	margin: 0;
	padding: 0;
	display: flex;
	list-style-type: none;
}

header .upper-area #sub-nav ul li a {
	font-size: 18px;
	color: #000000;
	text-decoration: none;
}

header .upper-area #sub-nav ul li a:hover {
	text-decoration: underline;
}

header .upper-area #sub-nav ul li a::after {
	font-family: "Font Awesome 5 Free";
	content: "\f054";
	font-weight: 900;
	font-size: 18px;
	margin-top: -2px;
	margin-left: 8px;
	color: #0066AA;
}

header .upper-area #sub-nav ul li a:hover {
	text-decoration:none;
	color: #0066AA;
}

#sub-nav ul li:first-child a{
	margin-right: 30px;	
}

/*ヘッダーナビ*/
header .lower-area {
	background-image: url(img/main-navi-deco_gray.svg);
	background-position: top center;
	background-repeat: repeat-x;
	height: 60px;
}

#main-nav #mega-menu-wrap-main-menu ul#mega-menu-main-menu {
	margin: 0 auto;
	max-width: 1150px;
	display: flex;
	justify-content: space-around;
}

#main-nav #mega-menu-wrap-main-menu ul#mega-menu-main-menu li.mega-menu-item a.mega-menu-link {
	font-size: 22px;
	color: #0066AA;
	letter-spacing: 2px;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
}

#main-nav #mega-menu-wrap-main-menu ul#mega-menu-main-menu li.mega-menu-item a.mega-menu-link:hover {
	color: #0066AA;
	background-image: url(img/main-navi-deco.svg);
	background-position: top center;
	background-repeat: no-repeat;
}

/*カレント表示*/
#main-nav #mega-menu-wrap-main-menu ul#mega-menu-main-menu li.mega-current-menu-item a.mega-menu-link {
	background-image: url(img/main-navi-deco.svg);
	background-position: top center;
	background-repeat: no-repeat;
}

/*ヘッダー　ここまで*/

/*フッター ここから*/
footer {
	background-color: #0066AA;
	background-image: url(img/footer-background.jpg);
	background-repeat: no-repeat;
	padding: 25px 0 35px;
}

footer .upper-area {
	display: flex;
	justify-content: center;
}

footer .upper-area .site-id {
	display: flex;
}

footer .upper-area .site-id .main-logo a {
	display: block;
	width: 246px;
	height: 25px;
	margin-top: 12px;
	margin-right: 28px;
	text-indent: -9999px;
	background-image: url(img/logo-mark_white.png);
	background-size: cover;
}

footer .upper-area .site-id .partner-logo {
	width: 82px;
	height: 53px;
	text-indent: -9999px;
	background-image: url(img/partner-logo-mark.png);
	background-size: cover;
}

footer .upper-area .company-info address{
	font-style: normal;
	text-align: center;
	color: #FFFFFF;
	margin-left: 50px;
}

footer .lower-area #footer-nav {
	max-width: 1150px;
	margin: 35px auto 0;
}

footer .lower-area #footer-nav ul {
	padding: 0;
	margin: 0;
}

footer .lower-area #footer-nav ul a{
	color: #FFFFFF;
}

footer .lower-area #footer-nav ul.menu {
	list-style-type: none;
	display: flex;
	justify-content: space-between;
}

footer .lower-area #footer-nav ul.menu > li a {
	padding-bottom: 8px;
}

footer .lower-area #footer-nav ul.sub-menu li {
	list-style-type: circle;
	color: #FFFFFF;
	font-size: 14px;
	margin-left: 1.0em;
	padding-bottom: 5px;
}
/*フッター　ここまで*/

/* PCデザイン ここまで */

/* タブレットデザイン調整 ここから */
@media screen and (min-width:767px) and (max-width:1024px) {

	body {
		font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Roboto", "Noto Sans JP", "sans-serif";
		font-size: 16px;
	}

	/*サイトID・サブナビ*/
	header .upper-area {
		padding: 15px 10px;
	}

	/*メインロゴ*/
	header .upper-area .site-id .main-logo a {
		display: block;
		width: 343px;
		height: 35px;
		margin-top: 0px;
		margin-right: 20px;
		text-indent: -9999px;
		background-image: url(img/logo-mark.png);
		background-size: cover;
	}

	/*パートナーロゴ*/
	header .upper-area .site-id .partner-logo {
		width: 71px;
		height: 45px;
		text-indent: -9999px;
		background-image: url(img/partner-logo-mark.png);
		background-size: cover;
	}

	/*ヘッダーサブナビ*/
	header .upper-area #sub-nav ul li a {
		font-size: 14px;
	}

	header .upper-area #sub-nav ul li a::after {
		font-size: 14px;
	}

	/*ヘッダーメインナビ*/
	header .lower-area {
		height: 60px;
	}

	#main-nav #mega-menu-wrap-main-menu ul#mega-menu-main-menu li.mega-menu-item a.mega-menu-link {
		font-size: 18px;
	}

	/*フッターナビ*/
	footer .lower-area #footer-nav {
		display: none;
	}

	/*下層ページタイトル */
	#header-img {
		height: 200px;
		background-size: cover;
		background-position: center;
	}

	/*最新情報・お知らせ(ホーム・アーカイブ共通）*/
	section#news article {
		padding: 15px 10px;
	}

	/*お知らせ一覧*/
	#list-area {
		padding: 0 10px;
	}

	/*お知らせ記事*/
	#news-contents {
		padding: 0 10px;
	}

}
/* タブレットデザイン調整 ここまで */