@charset "utf-8";

@media screen and (max-width: 979px) {
/* !body
---------------------------------------------------------- */
body {
	padding-top: 75px !important;
}
#bscGlobalHeader #backGroudShadow{
	display: none;
	width: 100%;
	position: absolute;
	background: rgba(0,0,0,0.6);
	z-index: 9999;
}
}
@media screen and (max-width: 767px) {
body {
padding-top: 45px !important;
}
}

@media screen and (max-width: 979px) {
/* !header layout
---------------------------------------------------------- */
#bscGlobalHeader {
	position: fixed !important;
	left: 0;
	top: 0 !important;
	padding-top: 0;
	min-width: 320px;
	border-bottom: 1px solid #ccc;
	z-index: 10000;
	background-color: transparent;
}
}

@media screen and (max-width: 979px) {
/* !headerContent
---------------------------------------------------------- */
#bscGlobalHeader #headerContent {
	padding: 0;
	width: 100%;
	position: relative;
	background-color: #fff;
	z-index: 10000;
}
	#bscGlobalHeader #headerContentIn {
		margin: 0 auto !important;
		width: 768px;
	}
		#bscGlobalHeader #headerLogo {
			float: none;
			padding: 19px 19px 18px !important;
		}
		#bscGlobalHeader #headerMenuBtn {
			display: block;
			padding-top: 26px !important;
			width: 76px;
			height: 50px;
			position: absolute;
			right: 0;
			top: 0;
			cursor: pointer;
			text-indent: -9999px;
			background: url(/common/images/header/btn_dropmenu_open01.png) no-repeat center center;
			background-size: 23px 24px;
		}
		#bscGlobalHeader #headerMenuBtn.open {
			background-color: #333;
			background-image: url(/common/images/header/btn_dropmenu_close01.png);
		}
		
	#bscGlobalHeader #headerLinks {
		display: none;	
	}
}
@media screen and (max-width: 767px) {
	#bscGlobalHeader #headerContentIn {
		width: 100%;
	}
		#bscGlobalHeader #headerLogo {
			padding: 9px 7px 11px !important;
		}
			#bscGlobalHeader #headerLogo img {
				width: auto;
				height: auto;
				max-width: 153px;
				max-height: 25px;
				vertical-align: middle;
			}
		#bscGlobalHeader #headerMenuBtn {
			padding-top: 10px !important;
			width: 45px;
			height: 35px;
		}
			#bscGlobalHeader #headerMenuBtn img {
				width: 23px;
				height: auto;	
			}
}

@media screen and (max-width: 979px) {
	#bscGlobalHeader #headerSearch {
		display: none;
		float: none;
		margin: 0 auto !important;
		padding: 15px 0 !important;
		width: 320px;
		position: absolute;
		right: 0;
		top: 75px;
		z-index: 10001;
		background-color: #333;
		border-left: 1px solid #777;
	}
	#bscGlobalHeader #headerSearch.show {
		display: block;
	}
		#bscGlobalHeader #headerSearch form {
			display: block;
			margin: 0 auto;
			width: 283px;
			position: relative;
		}
		#bscGlobalHeader #headerSearch input {
		   -webkit-appearance: none;
		   border-radius: 0;
		}
		#bscGlobalHeader #headerSearch input[type=text] {
			width: 240px;
			background-color: #666;
			color: #fff;
		}
		#bscGlobalHeader #headerSearch input[type=submit] {
			left: 250px;
			background-image: url(/common/images/header/btn_header_search02.gif);
		}
	@media (-webkit-min-device-pixel-ratio: 2) {
		#bscGlobalHeader #headerSearch input[type=submit] {
			background-image: url(/common/images/header/btn_header_search02_2x.gif);
			background-size: 35px 35px;	
		}
	}

}
@media screen and (max-width: 767px) {
	#bscGlobalHeader #headerSearch {
		top: 45px;
		margin-top: 0 !important;
	}
		#bscGlobalHeader #headerSearch form {
			width: 280px;
		}
		#bscGlobalHeader #headerSearch input[type=text] {
			width: 235px;
		}
		#bscGlobalHeader #headerSearch input[type=submit] {
			left: 245px;
		}
}
@media screen and (max-width: 979px) {
	#bscGlobalHeader #slideMobileMenuTopWrap{
		width: 320px;
		overflow-y: scroll;
	}
	#bscGlobalHeader #dropMenuWrap_sp {
		display: none;
		width: 320px;
		position: absolute;
		right: 0;
		top: 140px;
		z-index: 10001;
		background-color: #333;
		border-left: 1px solid #777;
		border-top: 1px solid #777;
	}
		#bscGlobalHeader #dropMenuWrap_sp #headerLinks_sp {
			display: none;
			min-height: 1%;
			float: none;
			margin-top: -1px;
			width: 100%;
			height: auto;
			border-top: 1px solid #777;
			background-color: #222;
			overflow: hidden;
			position:relative;
			z-index: 10001;
		}
		#bscGlobalHeader #dropMenuWrap_sp.open #headerLinks_sp {
			display: block;
		}
		#bscGlobalHeader #headerLinks_sp:after {
			clear: both;
			content: ".";
			display: block;
			height: 0;
			visibility: hidden;
		}
			#bscGlobalHeader #headerLinks_sp ul {
			}
				#bscGlobalHeader #headerLinks_sp li {
					display: table;
					float: left;
					position: static;
					padding: 0;
					width: 100%;
					height: 60px;
					border-bottom: 1px solid #777;
					background: none;
					box-sizing: border-box !important;
				}
					#bscGlobalHeader #headerLinks_sp li a {
						display: table-cell;
						vertical-align: middle;
						padding-left: 35px;
						height: 60px;
						background-image: url(/common/images/header/ico_header_arrow_l01.png);
						background-repeat: no-repeat;
						background-position: 94% center !important;
						text-indent: 0;
						color: #fff;
						font-size: 12px;
						font-weight: normal;
						text-decoration: none;
					}
					#bscGlobalHeader #headerLinks_sp li a:focus,
					#bscGlobalHeader #headerLinks_sp li a:hover {
						text-decoration: none;	
					}
					#bscGlobalHeader #headerLinks_sp li a.external {
						background-image: url(/common/images/header/ico_header_external02.png);	
						background-position: 92.44% center !important;
					}
				@media (-webkit-min-device-pixel-ratio: 2) {
					#bscGlobalHeader #headerLinks_sp li a {
						background-image: url(/common/images/header/ico_header_arrow_l01_2x.png);
						background-size: 6px 12px;
					}
					#bscGlobalHeader #headerLinks_sp li a.external {
						background-image: url(/common/images/header/ico_header_external02_2x.png);	
						background-size: 11px 10px;
					}
				}
}
@media screen and (max-width: 767px) {
	#bscGlobalHeader #dropMenuWrap_sp {
		top: 110px;
		overflow: hidden;
	}
			#bscGlobalHeader #headerLinks_sp li a {
				padding: 0 26px 0 35px;
				height: 50px;
				background-position: 85% center !important;
				font-size: 12px;
			}
			#bscGlobalHeader #headerLinks_sp li a.external { background-position: 89.87% center !important; }
}

/* !gNavi
---------------------------------------------------------- */
@media screen and (max-width: 979px) {
#bscGlobalHeader #dropMenuWrap_sp.open #gNavi {
	display: block;	
}
#bscGlobalHeader #gNavi {
	display: none;
	margin: 0;
	background-color: #444;
	position: relative;
	z-index: 10000;
}
	#bscGlobalHeader #gNavi ul {
		margin: 0 auto;
		width: 100%;
		height: auto;
		overflow: hidden;
		display: block;
		min-height: 1%;
	}
	#bscGlobalHeader #gNavi ul:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
	}
		#bscGlobalHeader #gNavi li {
			display: table;
			float: left;
			position: static;
			padding: 0;
			width: 100% !important;
			height: 60px;
			border-bottom: 1px solid #777;
			box-sizing: border-box !important;
			background: transparent;
		}
		#bscGlobalHeader #gNavi li.current{
			x_background-color: #333;
		}
		#bscGlobalHeader #gNavi li#gNav00 {
			display: table;
			background-color: #222;
		}
			#bscGlobalHeader #gNavi li a {
				display: table-cell;
				vertical-align: middle;
				padding: 0 48px 0 35px;
				height: 60px;
				background-image: url(/common/images/header/ico_header_arrow_l01.png);
				background-repeat: no-repeat;
				background-size: inherit;
				background-position: 94% center !important;
				text-indent: 0;
				color: #fff;
				font-size: 12px;
				font-weight: normal;
				text-decoration: none;
			}
			#bscGlobalHeader #gNavi li a.gNaviDispSp {
				display: table-cell;
			}
			#bscGlobalHeader #gNavi li a.gNaviDispPc {
				display: none;
			}
			#bscGlobalHeader #gNavi li a.btnNextMenu {
				background-image: url(/common/images/header/ico_header_arrow_l02.png);
				background-size:10px 13px;
			}
			#bscGlobalHeader #gNavi li a.external {
				background-image: url(/common/images/header/ico_header_external02.png);
				background-position: 92.44% center !important;
			}
		@media (-webkit-min-device-pixel-ratio: 2) {
			#bscGlobalHeader #gNavi li a {
				background-image: url(/common/images/header/ico_header_arrow_l01_2x.png);
				background-size: 6px 12px;
			}
			#bscGlobalHeader #gNavi li a.btnNextMenu {
				background-image: url(/common/images/header/ico_header_arrow_l02_2x.png);
				background-size:10px 13px;
			}
			#bscGlobalHeader #gNavi li a.external {
				background-image: url(/common/images/header/ico_header_external02_2x.png);	
				background-size: 11px 10px;
			}
		}
}
@media screen and (max-width: 767px) {
			#bscGlobalHeader #gNavi li a {
				padding: 0 26px 0 35px;
				height: 50px;
				background-position: 93% center !important;
				font-size: 12px;
				font-weight: normal;
			}
			#bscGlobalHeader #gNavi li a.external { background-position: 89.87% center !important; }
}

/* !dropMenu
---------------------------------------------------------- */
@media screen and (max-width: 979px) {
#bscGlobalHeader #dropMenuWrap {
	display: none;
}
}

/* !slideMobileMenu
---------------------------------------------------------- */
@media screen and (max-width: 979px) {
#bscGlobalHeader #dropMenuWrap_sp #slideMobileMenuWrap, #bscGlobalHeader #dropMenuWrap_sp #slideMobileMenuItemsWrap{
	display: none;
	position: absolute;
	width: 100%;
	top: 0;
}
#bscGlobalHeader #dropMenuWrap_sp.open #slideMobileMenuWrap, #bscGlobalHeader #dropMenuWrap_sp.open #slideMobileMenuItemsWrap{
	display: block;
}
#bscGlobalHeader #dropMenuWrap_sp ul.headerBanaMobileBox{
	display: none;
	width: 100%;
	position: relative;
	z-index: 10001;
	padding: 20px 0 10px 0;
}
#bscGlobalHeader #dropMenuWrap_sp.open ul.headerBanaMobileBox{
	display: block;
}
#bscGlobalHeader #slideMobileMenuTopWrap ul.headerBanaMobileBox li{
	width: 280px;
	margin: 0 auto 10px auto;
}
#bscGlobalHeader #slideMobileMenuTopWrap ul.headerBanaMobileBox li img{
	width: 100%;
}
#bscGlobalHeader #slideMobileMenu{
	margin: 0;
	background-color: #333;
	position: absolute;
	z-index: 10000;
	width: 100%;
	height: 100%;
	right: -100%;
	overflow-y: scroll;
}
#bscGlobalHeader #slideMobileMenuItems{
	margin: 0;
	background-color: #333;
	position: absolute;
	z-index: 10000;
	width: 100%;
	height: 100%;
	right: -200%;
	overflow-y: scroll;
}
#bscGlobalHeader #slideMobileMenu ul, #bscGlobalHeader #slideMobileMenuItems ul{
	display: none;
}
#bscGlobalHeader #slideMobileMenu ul.current, #bscGlobalHeader #slideMobileMenuItems ul.current{
	display: block;
}
#bscGlobalHeader #slideMobileMenu ul, #bscGlobalHeader #slideMobileMenuItems ul{
	margin: 0 auto;
	width: 100%;
	height: auto;
	overflow: hidden;
	min-height: 1%;
	background-color: #444;
}
#bscGlobalHeader #slideMobileMenu ul > li:first-child, #bscGlobalHeader #slideMobileMenuItems ul > li:first-child{
	background-color: #222;
}
#bscGlobalHeader #slideMobileMenu li, #bscGlobalHeader #slideMobileMenuItems li{
	display: table;
	float: left;
	position: relative;
	padding: 0;
	width: 100% !important;
	height: 60px;
	border-bottom: 1px solid #777;
	box-sizing: border-box !important;
}
#bscGlobalHeader #slideMobileMenu .childLink, #bscGlobalHeader #slideMobileMenuItems .childLink{
	padding-left:1.2em;
	background-color: #303030;
}
#bscGlobalHeader #slideMobileMenu li:before, #bscGlobalHeader #slideMobileMenuItems li:before{
	content: '';
	position: absolute;
	width: 15px;
	height: 100%;
	left: 0;
	top: 0;
}
#bscGlobalHeader .slideMobileBgCl01:before{
  background-color: #00c1de;
}
#bscGlobalHeader .slideMobileBgCl02:before{
  background-color: #e0d3af;
}
#bscGlobalHeader .slideMobileBgCl03:before{
  background-color: #008990;
}
#bscGlobalHeader .slideMobileBgCl04:before{
  background-color: #c3d72c;
}
#bscGlobalHeader .slideMobileBgCl05:before{
  background-color: #006e5d;
}
#bscGlobalHeader .slideMobileBgCl06:before{
  background-color: #231815;
}
#bscGlobalHeader .slideMobileBgCl07:before{
  background-color: #9e9e9e;
}
#bscGlobalHeader .slideMobileBgCl08:before{
  background-color: #f08e4b;
}
#bscGlobalHeader #slideMobileMenu li a, #bscGlobalHeader #slideMobileMenuItems li a{
	display: table-cell;
	vertical-align: middle;
	padding: 0 48px 0 35px;
	height: 60px;
	background-image: url(/common/images/header/ico_header_arrow_l01.png);
	background-repeat: no-repeat;
	background-position: 94% center !important;
	text-indent: 0;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
#bscGlobalHeader #slideMobileMenu li a.btnBackMenu, #bscGlobalHeader #slideMobileMenuItems li a.btnBackMenu{
	background-image: url(/common/images/header/ico_header_arrow_l03.png);
	background-size:10px 13px;
	background-position: 5% center !important;
}
#bscGlobalHeader #slideMobileMenu li a.external, #bscGlobalHeader #slideMobileMenuItems li a.external {
	background-image: url(/common/images/header/ico_header_external02.png);
	background-position: 92.44% center !important;
}
@media (-webkit-min-device-pixel-ratio: 2) {
			#bscGlobalHeader #slideMobileMenu li a, #bscGlobalHeader #slideMobileMenuItems li a {
				background-image: url(/common/images/header/ico_header_arrow_l01_2x.png);
				background-size: 6px 12px;
			}
			#bscGlobalHeader #slideMobileMenu li a.btnBackMenu, #bscGlobalHeader #slideMobileMenuItems li a.btnBackMenu {
				background-image: url(/common/images/header/ico_header_arrow_l03_2x.png);
				background-size:10px 13px;
			}
			#bscGlobalHeader #slideMobileMenu li a.btnNextMenu, #bscGlobalHeader #slideMobileMenuItems li a.btnNextMenu {
				background-image: url(/common/images/header/ico_header_arrow_l02_2x.png);
				background-size:10px 13px;
			}
			#bscGlobalHeader #slideMobileMenu li a.external, #bscGlobalHeader #slideMobileMenuItems li a.external {
				background-image: url(/common/images/header/ico_header_external02_2x.png);
				background-size: 11px 10px;
			}
		}
}
@media screen and (max-width: 767px) {
#bscGlobalHeader #slideMobileMenu li a, #bscGlobalHeader #slideMobileMenuItems li a{
	padding: 0 26px 0 35px;
	height: 50px;
	background-position: 93% center !important;
	font-size: 12px;
	font-weight: normal;
}
}

/* !breadcrumb add
---------------------------------------------------------- */
@media screen and (max-width: 979px) {
#breadcrumb ul {
	padding: 12px 41px;
	width: 686px;
}
}
@media screen and (max-width: 767px) {
#breadcrumb {
	display: none;
}
}