@charset "UTF-8";

/*--------------------------------------------------------------------
 *	共通の記述
 *--------------------------------------------------------------------*/
 
body#sitemap article ul {
	list-style-type: none;
	margin-left: 0; 
}
body#sitemap article ul li {
	color: #003686;
}
body#sitemap article ul li a {
	text-decoration: none;
}
body#sitemap article div.sub_gmenue ul li a,
body#sitemap article ul#sub_menue li a {
	display: block;
	padding: 0.5em 18px 0.5em 5px;
	background: transparent url("../images/gmenu_arrow.png") no-repeat right center;
	background-size: 18px auto;
	border-bottom: 1px solid #cccccc;
}
body#sitemap article ul#gmenue li#home span {
	background: transparent url("../../sitemap/images/sitemap_01.svg") no-repeat left center/70px;
}
body#sitemap article ul#gmenue li#first span {
	background: transparent url("../../sitemap/images/sitemap_02.png") no-repeat left center;
}
body#sitemap article ul#gmenue li#reason span {
	background: transparent url("../../sitemap/images/sitemap_03.png") no-repeat left center;
}
body#sitemap article ul#gmenue li#guide span {
	background: transparent url("../../sitemap/images/sitemap_04.png") no-repeat left center;
}
body#sitemap article ul#gmenue li#qa span {
	background: transparent url("../../sitemap/images/sitemap_05.png") no-repeat left center;
}
body#sitemap article ul#gmenue li#contact span {
	background: transparent url("../../sitemap/images/sitemap_11.png") no-repeat left center;
}
body#sitemap article ul#gmenue li#member span {
	background: transparent url("../../sitemap/images/sitemap_06.png") no-repeat left center;
}
body#sitemap article ul#gmenue li#login span {
	background: transparent url("../../sitemap/images/sitemap_07.png") no-repeat left center;
}
body#sitemap article ul#gmenue li#download span {
	background: transparent url("../../sitemap/images/sitemap_08.png") no-repeat left center;
}
body#sitemap article ul#gmenue li#netservice span {
	background: transparent url("../../sitemap/images/sitemap_09.png") no-repeat left center;
}
body#sitemap article ul#gmenue li#price span {
	background: transparent url("../../sitemap/images/sitemap_10.png") no-repeat left center;
}

body#sitemap article div.sub_gmenue ul.sub_inner li a {
	background-position: 99.8% center;
}

/*--------------------------------------------------------------------
 *	736px以下用（SP用）の記述
 *--------------------------------------------------------------------*/

@media screen and (max-width: 736px) {
/* 736px以下用（SP用）の記述 */
body#sitemap article h1 {
	padding-bottom: 10px;
	border-bottom: 1px solid #003686;
	text-align: center;
	color: #003686;
}
body#sitemap article ul#gmenue li#home,
body#sitemap article ul#gmenue li#first,
body#sitemap article ul#gmenue li#reason,
body#sitemap article ul#gmenue li#guide,
body#sitemap article ul#gmenue li#qa,
body#sitemap article ul#gmenue li#contact {
	margin-bottom: 20px;
}
body#sitemap article ul#gmenue li#home span,
body#sitemap article ul#gmenue li#first span,
body#sitemap article ul#gmenue li#reason span,
body#sitemap article ul#gmenue li#guide span,
body#sitemap article ul#gmenue li#qa span,
body#sitemap article ul#gmenue li#contact span {
	padding: 10px 0 10px 40px;
	background-size: 35px;
	font-size: 1.6rem;
}
body#sitemap article div.sub_gmenue ul {
	margin: 0 0 0 20%;
}



body#sitemap article ul#gmenue li#member,
body#sitemap article ul#gmenue li#download,
body#sitemap article ul#gmenue li#login,
body#sitemap article ul#gmenue li#netservice,
body#sitemap article ul#gmenue li#price {
	display: block;
	margin-bottom: 15px;
}
body#sitemap article ul#gmenue li#member span,
body#sitemap article ul#gmenue li#download span,
body#sitemap article ul#gmenue li#login span,
body#sitemap article ul#gmenue li#netservice span,
body#sitemap article ul#gmenue li#price span {
	box-sizing: border-box;
	width: 35%;
	padding: 10px 0 10px 40px;
	background-size: 35px;
	font-size: 1.6rem;
}

body#sitemap article div#flex_gmenue {
	display: flex;
	flex-flow: column;
}
body#sitemap article div#flex_gmenue ul:nth-child(1) {
	order: 1;
}
body#sitemap article div#flex_gmenue ul:nth-child(2) {
	order: 3;
}
body#sitemap article div#flex_gmenue ul:nth-child(3) {
	order: 2;
}
body#sitemap article div#flex_gmenue ul:nth-child(4) {
	order: 4;
}







/* 736px以下用（SP用）の記述 end */
}


/*--------------------------------------------------------------------
 *	737px以上用（PC用）の記述
 *--------------------------------------------------------------------*/
@media screen and (min-width: 737px), print {
/* 737px以上用（PC用）の記述 */

body#sitemap article ul#gmenue li#home,
body#sitemap article ul#gmenue li#first,
body#sitemap article ul#gmenue li#reason,
body#sitemap article ul#gmenue li#guide,
body#sitemap article ul#gmenue li#qa,
body#sitemap article ul#gmenue li#contact {
	margin: 20px 0;
}
body#sitemap article ul#gmenue li#home span,
body#sitemap article ul#gmenue li#first span,
body#sitemap article ul#gmenue li#reason span,
body#sitemap article ul#gmenue li#guide span,
body#sitemap article ul#gmenue li#qa span,
body#sitemap article ul#gmenue li#contact span {
	float: left;
	box-sizing: border-box;
	width: 30%;
	padding: 20px 0 20px 85px;
	margin-right: 5%;
	font-size: 2.2rem;
}
body#sitemap article ul#gmenue li#member,
body#sitemap article ul#gmenue li#download,
body#sitemap article ul#gmenue li#login,
body#sitemap article ul#gmenue li#netservice,
body#sitemap article ul#gmenue li#price {
	display: inline-block;
	margin-bottom: 55px;
}

body#sitemap article ul#gmenue li#member,
body#sitemap article ul#gmenue li#netservice {
	width: 40%;

}
body#sitemap article ul#gmenue li#login {
	width: 33%;

}
body#sitemap article ul#gmenue li#download {
	width: 40%;
}
body#sitemap article ul#gmenue li#price {
	width: 33%;
}
body#sitemap article ul#gmenue li#member span,
body#sitemap article ul#gmenue li#download span,
body#sitemap article ul#gmenue li#login span,
body#sitemap article ul#gmenue li#netservice span,
body#sitemap article ul#gmenue li#price span {
	box-sizing: border-box;
	width: 35%;
	padding: 20px 0 20px 85px;
	font-size: 2.2rem;
}
body#sitemap article ul#gmenue li#login span {
	word-break: keep-all;
	white-space: nowrap;
}
body#sitemap article ul#gmenue li div.sub_gmenue > ul {
	float: left;
	width: 30%;
}
body#sitemap article ul#gmenue li div.sub_gmenue > ul:first-child {
	margin-right: 5%;
}
body#sitemap article ul#gmenue li div.sub_gmenue > ul:nth-child(3) {
	margin-right: 5%;
}
body#sitemap article ul#gmenue li div.sub_gmenue ul li {
	width: 100%;
	margin-bottom: 10px;
}
body#sitemap article ul#sub_menue {
	width: 100%;
}
body#sitemap article ul#sub_menue li {
	float: left;
	width: 30%;
	margin: 0 5% 10px 0;
}
body#sitemap article ul#sub_menue li:nth-child(3n) {
	margin-right: 0;
}
body#sitemap article ul#sub_menue li:nth-child(7) a,
body#sitemap article ul#sub_menue li:nth-child(8) a,
body#sitemap article ul#sub_menue li:last-child a {
	padding-top: 11px;
	padding-bottom: 11px;
}
body#sitemap article div.sub_gmenue ul.sub_inner {
	margin: 0 0 0 15%;
}
body#sitemap article ul#gmenue div.sub_gmenue ul.sub_inner li {
	margin-bottom: 0px;
}

/* 737px以上用（PC用）の記述 end */
}

/*------------------------------------------ clear */
body#sitemap article ul#gmenue li#home,
body#sitemap article ul#gmenue li#first,
body#sitemap article ul#gmenue li#reason,
body#sitemap article ul#gmenue li#guide,
body#sitemap article ul#gmenue li#qa,
body#sitemap article ul#gmenue li#contact,
body#sitemap article ul#sub_menue {
	zoom: 100%;
}

body#sitemap article ul#gmenue li#home:after,
body#sitemap article ul#gmenue li#first:after,
body#sitemap article ul#gmenue li#reason:after,
body#sitemap article ul#gmenue li#guide:after,
body#sitemap article ul#gmenue li#qa:after,
body#sitemap article ul#gmenue li#contact:after,
body#sitemap article ul#sub_menue:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}