/* for - 994px
=========================================================================================== */

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

	/* ------ Breadcrumb Trail ------ */

	.JS #TopicPath {min-width: 320px;}

	.JS #TopicPath ul {
		width: auto;
		max-width: 965px;
		padding: 10px 15px;
		line-height: 100%;
	}

}


/* for - 767px
=========================================================================================== */

@media screen and (max-width: 767px) {
	/* ------ Base Settings ------ */

	.JS body {background-color: transparent;}

	/* ------ Breadcrumb Trail ------ */

	.JS #TopicPath ul {letter-spacing: -0.4em;}

	.JS #TopicPath ul li {
		display: inline;
		float: none;
		line-height: 140%;
		letter-spacing: normal;
		word-break: break-all;
	}

	.JS #TopicPath ul li.FirstItem {padding: 0;}

	/* ------ Responsive Link List Style ------ */

	.JS .ResponsiveLinkListStyle ul.LinkListStyle2 {margin: 0;}

	.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li {
		float: none;
		margin: 0;
		padding: 15px 30px 15px 15px;
		color: #777;
		background-image: none;
		border-top: solid 1px #ddd;
	}

	.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li:first-child {border-top: 0 none;}

	.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li a {
		position: relative;
		display: block;
		margin: -15px -30px -15px -15px;
		padding: 15px 30px 15px 15px;
		background-image: none !important;
	}

	.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li a:link,
	.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li a:visited {color: #333;}

	.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li a:hover,
	.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li a:active {
		color: #333;
		text-decoration: none;
		background-color: #f2f2f2;
	}

	.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li a:after {
		content: "";
		position: absolute;
		display: block;
		width: 16px;
		height: 16px;
		top: 50%;
		margin: -8px 0 0;
		background-image: url(../../../image/icon/icon_link_right_l_hd.svg);
		background-repeat: no-repeat;
		background-size: 16px 16px;
		-moz-background-size: 16px 16px;
		-webkit-background-size: 16px 16px;
		-o-background-size: 16px 16px;
		-ms-background-size: 16px 16px;
	}

	.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li a:link:after,
	.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li a:visited:after {right: 7px;}

	.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li a:hover:after,
	.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li a:active:after {right: 5px;}

	.JS .ResponsiveLinkListStyle ul.LinkListStyle2 li ul li:first-child {border-top: solid 1px #ddd;}

	.JS .ResponsiveLinkListStyle ul.LinkListStyle2 ul.ListStyle1 {margin: 15px -30px 0 -15px;}

	.JS .ResponsiveLinkListStyle ul.LinkListStyle2 ul.ListStyle1 li {
		margin-top: 0;
		padding-left: 30px;
	}

	.JS .ResponsiveLinkListStyle ul.LinkListStyle2 ul.ListStyle1 li:last-child {margin-bottom: -15px;}

	.JS .ResponsiveLinkListStyle ul.LinkListStyle2 ul.ListStyle1 li a {
		margin-left: -30px;
		padding-left: 30px;
	}

	.JS .ResponsiveLinkListStyle ul.LinkListStyle2 ul.ListStyle1 ul.ListStyle1 {margin: 15px -30px 0 -30px;}

	.JS .ResponsiveLinkListStyle ul.LinkListStyle2 ul.ListStyle1 ul.ListStyle1 li {padding-left: 45px;}

	.JS .ResponsiveLinkListStyle ul.LinkListStyle2 ul.ListStyle1 ul.ListStyle1 li a {
		margin-left: -45px;
		padding-left: 45px;
	}

	.JS .ResponsiveLinkListStyle ul.LinkListStyle2.ListRightAdjust {text-align: left;}

	.JS .ResponsiveLinkListStyle dl.LinkListStyle2 {
		position: relative;
		margin: 0;
		padding: 0 0 10px;
		border-top: solid 1px #ddd;
	}

	.JS .ResponsiveLinkListStyle dl.LinkListStyle2:first-child {border-top: 0 none;}
	.JS .ResponsiveLinkListStyle dl.LinkListStyle2.hover {background-color: #f2f2f2;}





}