@charset "UTF-8";

@media(max-width: 640px) {
			
/* !gNavi
---------------------------------------------------------- */
#gNaviWrap {
	display: none;
}

#gNaviWrapSp {
	width: 270px;
	position: absolute;
	right: 0;
	top: 0;
	background: #fff;
	z-index: 99;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px 0px;
}
	#gNaviSp {}
		#gNaviSp > li {}
			#gNaviSp > li > a {
				display: block;
				padding: 10px 30px 10px 15px;
				background: url(/images/global_navigation/ico_gnavi_arrow03.png) no-repeat 96% center #6d655a;
				background-size: auto 24px;
				-webkit-background-size: auto 24px;
				-moz-background-size: auto 24px;
				-ms-background-size: auto 24px;
				color: #fff;
				border-bottom: 1px dotted #9e968a;
			}
			#gNaviSp > li > a.accordion {
				background: url(/images/global_navigation/ico_gnavi_arrow01.png) no-repeat 96% center #6d655a;
				background-size: auto 18px;
				-webkit-background-size: auto 18px;
				-moz-background-size: auto 18px;
				-ms-background-size: auto 18px;
			}
			#gNaviSp > li > a.current {
				background: url(/images/global_navigation/ico_gnavi_arrow02.png) no-repeat 96% center #6d655a;
				background-size: auto 18px;
				-webkit-background-size: auto 18px;
				-moz-background-size: auto 18px;
				-ms-background-size: auto 18px;
			}
				#gNaviSp > li > ul {
					display: none;
				}
					#gNaviSp > li > ul > li {
					}
						#gNaviSp > li > ul > li > a {
							display: block;
							border-bottom: 1px dotted #ccc;
							padding: 10px 30px 10px 15px;
							background: url(/images/common/ico_arrow01@2x.png) no-repeat 96% center;
							background-size: 8px 7px;
							-webkit-background-size: 8px 7px;
							-moz-background-size: 8px 7px;
							-ms-background-size: 8px 7px;
						}
						#gNaviSp > li > ul > li.gNaviSpHead > span {
							font-size: 129%;
							border-bottom: 1px dotted #ccc;
							padding: 5px 15px;
							display: block;
						}
							#gNaviSp > li > ul > li > ul {
								border-bottom: 10px solid #6d655a;
							}
								#gNaviSp > li > ul > li > ul > li {
								}
									#gNaviSp > li > ul > li > ul > li > a {
										display: block;
										border-bottom: 1px dotted #ccc;
										padding: 10px 30px 10px 15px;
										background: url(/images/common/ico_arrow01@2x.png) no-repeat 96% center;
										background-size: 8px 7px;
										-webkit-background-size: 8px 7px;
										-moz-background-size: 8px 7px;
										-ms-background-size: 8px 7px;
									}
		#gNaviWrapSp .close {}
			#gNaviWrapSp .close a {
				display: block;
				background: #91816d;
				padding: 10px;
				color: #fff;
				text-align: center;
				border-bottom: none;
			}
				#gNaviWrapSp .close a span {
					display: inline-block;
					padding: 2px 0 2px 36px;
					background: url(/images/global_navigation/ico_gnavi_close02.png) no-repeat left center;
					background-size: auto 22px;
					-webkit-background-size: auto 22px;
					-moz-background-size: auto 22px;
					-ms-background-size: auto 22px;

				}
	
	#headerSearchSp {
		padding: 13px 0 13px 15px;
		background: #6d655a;
		border-bottom: 1px dotted #9e968a;
		display: block;
		min-height: 1%;
	}
	#headerSearchSp:after {
		clear: both;
		content:".";
		display: block;
		height: 0;
		visibility: hidden;
	}
		#headerSearchSp input {
			float: left;
			font-size: 86%;
		}
		#headerSearchSp .inputText {
			margin: 0 3px 0 0;
			width: 200px;
			height: 30px;
			padding: 5px 10px;
			background: #f0f0f0;
			border: none;
			line-height: 20px;
		}
		#headerSearchSp .inputText::-webkit-input-placeholder { color: #8f8f8f;}
		#headerSearchSp .inputText::-moz-placeholder { color: #8f8f8f;}
		#headerSearchSp .inputText:-ms-input-placeholder { color: #8f8f8f;}
	
	#headerLinksSp {
		background: #f5f5f5;
	}
		#headerLinksSp li {}
			#headerLinksSp li a {
				color: #878787;
				display: block;
				border-bottom: 1px dotted #ccc;
				padding: 10px 30px 10px 15px;
				background: url(/images/common/ico_arrow01@2x.png) no-repeat 96% center;
				background-size: 8px 7px;
				-webkit-background-size: 8px 7px;
				-moz-background-size: 8px 7px;
				-ms-background-size: 8px 7px;
			}
	
		#headerLinksSp li a.blank {
				background: url(/images/common/ico_blank01.png) no-repeat 96% center;
			}
#headerContactWrapSp {
	width: 270px;
	position: absolute;
	right: 0;
	top: 0;
	background: #fff;
	z-index: 99;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px 0px;
}
	.headerContactTitleSp01,
	.headerContactTitleSp02 {
		display: block;
		padding: 10px 15px;
		background: #6d655a;
		color: #fff;
		border-bottom: 1px dotted #9e968a;
	}
	.headerContactTitleSp02 {
		border-top: 1px dotted #9e968a;
	}
	#headerContactTxtWrapSp {
		padding: 10px;
		line-height: 1.5;
		color: #565856;
	}
	.headerContactListSp {
	}
		.headerContactListSp li {
		}
			.headerContactListSp li a {
				display: block;
				border-bottom: 1px dotted #ccc;
				padding: 10px 30px 10px 15px;
				background: url(/images/common/ico_arrow01@2x.png) no-repeat 96% center;
				background-size: 8px 7px;
				-webkit-background-size: 8px 7px;
				-moz-background-size: 8px 7px;
				-ms-background-size: 8px 7px;
			}
			.headerContactListSp li a.tel {
				background: url(/images/common/ico_tel02@2x.png) no-repeat 96% center;
				background-size: 12px 14px;
					-webkit-background-size: 12px 14px;
					-moz-background-size: 12px 14px;
					-ms-background-size: 12px 14px;
			}
			.headerContactListSp li:last-child a {
				border-bottom: none;
			}


	#headerContactWrapSp .close {}
		#headerContactWrapSp .close a {
			display: block;
			background: #91816d;
			padding: 10px;
			color: #fff;
			text-align: center;
			border-top: 1px dotted #9e968a;
			border-bottom: none;
		}
			#headerContactWrapSp .close a span {
				display: inline-block;
				padding: 2px 0 2px 36px;
				background: url(/images/global_navigation/ico_gnavi_close02.png) no-repeat left center;
				background-size: auto 22px;
				-webkit-background-size: auto 22px;
				-moz-background-size: auto 22px;
				-ms-background-size: auto 22px;
			}

					#gNaviWrapSp li a.blank {
						background: url(/images/common/ico_blank01.png) no-repeat 97% center;
					}

}