@charset "UTF-8";
/* Navigation */

nav#h_gnav {
	position: absolute;
	inset: 74px 15px auto auto;
}
nav#h_gnav ul {
	display: none;
	grid-template-columns: repeat(7, auto);
	grid-template-rows: auto;
	column-gap: 1.4em;
	row-gap: 0;
}
nav#h_gnav ul li a {
	font-size: 16px;
	color: #434343;
	opacity: 1.0;
	transition: all 300ms 0s ease;
}
nav#h_gnav ul li a:hover {
	text-decoration: none;
	opacity: 0.8;
}

/* パンくず */
nav#crumb {
	display: none;
	box-sizing: border-box;
	padding: 1.0em 0px;
	margin-top: 0px;
	text-align:left;
/*	width: 97%;*/
}

nav#crumb .inner {
}

nav#crumb ol *,
nav#crumb ol *:after,
nav#crumb ol *:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
nav#crumb ol {
/*	overflow-x: hidden;*/
	overflow-x: auto;
	overflow-y: hidden;
	width: 100%;
	padding: 0;
	list-style: none;
	white-space: nowrap;
	line-height: 1;
/*	border: 1px solid red;*/
}
nav#crumb ol li {
	display: inline-block;
	padding: 0 0 0 1.4em;
	margin: 0 0 0em 0;
	position: relative;
}
nav#crumb ol li:after {
	content: '';
	border-top: 1px solid #434343;
	border-right: 1px solid #434343;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 6px;
	height: 6px;
	position: absolute;
	right: -.8em;
	top: .35em;
	transition: all 300ms 0s ease;
}
nav#crumb li:last-child:after {
	content: none;
}
nav#crumb ol li a {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0.0em 0.0em 0.0em 0.0em;
	text-decoration: none;
	color: #68c5ff;;
	font-size: 14px;
	line-height: 1;
}
nav#crumb ol li a:hover {
	text-decoration: underline;
}
nav#crumb ol li:first-child {
	padding: 0 0 0 0.0em;
}
nav#crumb ol li:first-child a {
	padding-left: 0em;
}
nav#crumb ol li a::after,
nav#crumb ol li a::before {
	content: normal;
}
nav#crumb ol li:last-child a {
	cursor: default;
	pointer-events: none;
	color: #434343;
}

@media handheld, print, screen and (min-width: 480px) {

/* パンくず */
nav#crumb {
	display: block;
}


/* end of media query */
}


@media handheld, print, screen and (min-width: 620px) {



/* end of media query */
}






@media handheld, print, screen and (min-width: 900px) {



/* end of media query */	
}


@media handheld, print, screen and (min-width: 1020px) {

nav#h_gnav {
	inset: 74px 15px auto auto;
}
nav#h_gnav ul {
	display: grid;
	grid-template-columns: repeat(7, auto);
	column-gap: 1.0em;
}
nav#h_gnav ul li a {
	font-size: 16px;
}

/* end of media query */	
}

@media handheld, print, screen and (min-width: 1200px) {

nav#h_gnav {
	inset: 74px 15px auto auto;
}
nav#h_gnav ul {
	grid-template-columns: repeat(7, auto);
	column-gap: 1.4em;
}
nav#h_gnav ul li a {
	font-size: 16px;
}


/* end of media query */	
}