@charset "UTF-8";

/* Web fonts */
@import 'https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i';

.sp { display: none !important; }
.no-sp {}

html, body {
	min-height: 100%;
	background-color: #fff;
	}
img {
	user-select:none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-drag: none;
	user-drag: none;
	}	

html {
	font-size: 62.5%;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	}

body {
	height: 100%;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", YuGothic, sans-serif;
	/*font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;*/
	font-size: 1.4rem;
	line-height: 1.6;
	}

/* a:link{text-decoration:none; color:#333333;} */
/* a:visited{text-decoration:none; color:#333333;} */


article {
	display: block;
	margin-bottom: 70px;
	padding-bottom: 70px;
	border-bottom: 1px solid #E2E2E2;
	}

/* -------------------------------------------------------------------------- **
**  DEFAULT
** -------------------------------------------------------------------------- */
#wrap {
	display: block;
	position: relative;
	min-height: 100%;
	padding-top: 105px;
	}
	.inner {
		position: relative;
		width: 1000px;
		margin: 0 auto;
		}
		
	#header{
		position: fixed;
		top: 0;
		width: 100%;
		height: 150px;
		background-color: #1a1919;
		z-index: 1000;
		}
		#header .inner {
			min-height: 65px;
			}
		#header #branding{
			display: block;
			position: absolute;
			top: 8px;
			width: 300px;
			height: 0;
			margin: 0;
			padding-top: 66px;
			background: url(../../img/logo.png) no-repeat center center  / 300px 66px;
			line-height: 44px;
			overflow: hidden;
			}
		#header #hnav_tel {
			display: none;
			position: absolute;
			top: 55px;
			right: 10px;
			width: 358px;
			height: 0;
			margin: 0;
			padding-top: 27px;
			background: url(../images/header-tel.gif) no-repeat center center  / 358px 27px;
			line-height: 27px;
			overflow: hidden;
			}
		#header .hnav {
			display: block;
			position: absolute;
			top: 14px;
			right: 0;
			padding-left: 50px;
			}
			#header .hnav li {
				display: inline-block;
				position: relative;
				margin-right: 20px;
				padding-right: 20px;
				line-height: 20px;
				}
			#header .hnav li:last-child {
				margin-right: 0;
				padding-right: 0;
				}
			#header .hnav li:not(:last-child)::after {
				display: block;
				position: absolute;
				top: 0;
				right: 0;
				content: "";
				width: 1px;
				height: 24px;
				border-right: 1px solid rgba(2,120,181,1.00);
				transform: rotate(45deg);
				}
				#header .hnav li a {
					color:#0078B4;
					font-size: 12px;
					}
				#header .hnav li img {
					vertical-align: center;
					margin-right: 10px;
					}
					
		#drawer-toggle {
			display: none;	
			}
			
			
				
		#navigation_box{
			background: #000;
			overflow: hidden;
			width: 100%;
			}
			#navigation_box .inner {
				min-height: 0 !important;
				}
			#n_box_contact {
				display: block;
				float: right;
				width: 260px;
				margin: 7px 0 0;
				border: 1px solid #FFF;
				border-radius: 4px;
				color: #FFF;
				font-size: 12px;
				line-height: 1.2;
				font-weight: bold;
				}
				#n_box_contact span {
					display: inline-block;
					padding: 9px 10px 5px 10px;
					font-size: 12px;
					font-weight: bold;
					background-color: rgba(255,255,255,1.00);
					color:  rgba(2,120,181,1.00);
					}
				#n_box_contact em {
					display: inline-block;
					margin-left: 10px;
					padding: 5px 8px 3px 8px;
					font-size: 16px;
					font-weight: bold;
					}
		
		#header #gnav {
			display: block;
			float: left;
			margin: 10px 0 9px 0;
			overflow:hidden;
			}
			#header #gnav li {
				display: inline-block;
				margin: 0 50px 0 0;
				}
			#header #gnav li:first-child {
				width: 16px;
				}
				#header #gnav li a {
					display: inline-block;
					box-sizing: border-box;
					color: #fff;
					margin: 0 auto;
					padding: 4px 0 3px;
					font-size: 13px;
					font-weight: bold;
					line-height: 1.2;
					-webkit-transition: all ease .3;
					-moz-transition: all ease .3;
					-ms-transition: all ease .3;
					-o-transition: all ease .3;
					transition: all ease .3;
					}
				#header #gnav li:first-child a {
					width: 16px;
					background: url(../images/icon-home.svg) no-repeat center center / 16px 15px;
					text-indent: 100%;
					white-space: nowrap;
					overflow: hidden;
					}
					
				#header #gnav2,
				#toggle,
				#drawer-close{
					display: none;
					}
			
/* contents */	
#Contents{
	clear:both;
	max-height:auto;
	overflow:hidden;
	width:980px;
	margin:0 auto;
	padding:30px 0 100px 0;
	
	}
	#main_contents{
		width:720px;
		float:left;
		overflow: hidden;
		}

	#sp_sub_contents_nav {
		display: none;
		}
	
	#side_contents{
		width:225px;
		float:right;
		}
		
		.sub_contents{
			border:1px solid #e6e6e6;
			width:223px;
			margin-bottom:30px;
			padding-bottom:20px;
			}
				.sub_contents h2{
				display: block;
				width: 223px;
				height: 0;
				padding-top: 61px;
				background: url(../../local/images/side_nav02.png) no-repeat center center  / 223px 61px;
				line-height: 61px;
				overflow: hidden;
					}
			
			.sub_box table{
				margin:0 auto;
				margin-top:20px;
				}
				
			.sub_box ul{margin-left:20px;}

			.sub_box .news ul{
				margin-left:0;
				padding: 0 2px;
			}
			.sub_box .news ul span.news_date {
				color: #333;
				font-size: 12px;
				/*font-weight: normal;*/
			}
			.sub_box .news ul span.news_title {
				margin-bottom: 4px;
				padding-bottom: 2px;
				border-bottom: dotted 1px #dedede;
			}
			.sub_box .news ul li p{
				border-bottom: solid 1px #dedede;
			}
			.sub_box .news ul li:last-child p{
				border-bottom: none;
			}

			.sub_box li a{
				color:#1A96D4;
				background:url(../../local/images/icon_menu.png) center left no-repeat;
				padding-left:10px;
				}
			.sub_contents p{
				padding:10px;
				}
				.about_buying h2{
				display: block;
				width: 223px;
				height: 0;
				padding-top: 61px;
				background: url(../../local/images/side_nav01.png) no-repeat center center  / 223px 61px;
				line-height: 61px;
				overflow: hidden;
					}
					.about_buying a{
						display: block;
						width: 195px;
						height: 0;
						padding-top: 37px;
						background: url(../../local/images/btn_side01.png) no-repeat center center  / 195px 37px;
						line-height: 37px;
						overflow: hidden;
						margin:0 auto;
						}
				.recru h2{
					display: block;
					width: 223px;
					height: 0;
					padding-top: 61px;
					background: url(../../local/images/side_nav02.png) no-repeat center center  / 223px 61px;
					line-height: 61px;
					overflow: hidden;
					}
					.news span{
						display:block;
						color:#3B589E;
						font-weight:bold;
					}

				.facebook h2{
					display: block;
					width: 223px;
					height: 0;
					padding-top: 61px;
					background: url(../../local/images/side_nav03.png) no-repeat center center  / 223px 61px;
					line-height: 61px;
					overflow: hidden;
					}
					
				.opentime h2{
					display: block;
					width: 223px;
					height: 0;
					padding-top: 61px;
					background: url(../../local/images/side_nav04.png) no-repeat center center  / 223px 61px;
					line-height: 61px;
					overflow: hidden;
					}
					.opentime a{
						display: block;
						width: 200px;
						height: 0;
						padding-top: 37px;
						background: url(../../local/images/btn_side04.png) no-repeat center center  / 200px 37px;
						line-height: 37px;
						overflow: hidden;
						margin:0 auto;
						}
					.opentime td span{
						display:inline-block;
						margin-right:2px;
						color:#1A96D4;
						font-size:14px;
						font-weight:bold;
						}
					.opentime table{
						margin-bottom:0;
						}
					.opentime img{
						margin-bottom:6px;
						}
					/*---*/
					/*.opentime table,*/
					.opentime th,
					.opentime td {
						border: solid 1px #ddd;
						padding: 0 0 0 3px;
						box-sizing: border-box;
					}
					.opentime2 th,
					.opentime2 td {
						border: solid 1px #ddd;
						padding: 0 0 0 3px;
						box-sizing: border-box;
						font-size: 11px;
					}

					.opentime p.souba_date {
						text-align: center;
					}
					/*---*/
				.shopinfo h2{
					display: block;
					width: 223px;
					height: 0;
					padding-top: 61px;
					background: url(../../local/images/side_nav05.png) no-repeat center center  / 223px 61px;
					line-height: 61px;
					overflow: hidden;
					}
					.shopinfo a{
						display: block;
						width: 200px;
						height: 0;
						padding-top: 37px;
						background: url(../../local/images/btn_side05.png) no-repeat center center  / 200px 37px;
						line-height: 37px;
						overflow: hidden;
						margin:0 auto;
						}
					.shopinfo td{
						color:#1A96D4;
						}
						
				.calendar h2{
					display: block;
					width: 223px;
					height: 0;
					padding-top: 61px;
					background: url(../../local/images/side_nav06.png) no-repeat center center  / 223px 61px;
					line-height: 61px;
					overflow: hidden;
					}
				.calendar{
					padding-bottom:0;
					}
					.calendar .sub_box{
						height:260px;
						}
				.calendar img{
					vertical-align:bottom;
					}
				.westarea{
					margin-top:25px;
					}
				.westarea h2{
					display: block;
					width: 223px;
					height: 0;
					padding-top: 61px;
					background: url(../../local/images/side_nav07.png) no-repeat center center  / 223px 61px;
					line-height: 61px;
					overflow: hidden;
					}
				.westarea h3{
					font-weight:bold;
					display:inline-block;
					margin:7px 0;
					margin-left:10px;
					}
				.westarea p{
					padding-bottom:7px;
					}

/* common recruit */
			
/* RECRUIT */			
#common_recruit {
	padding: 60px 0 40px;
	background: url(../images/bg_sky.jpg) no-repeat center center / cover;
	}
	#common_recruit h2 {
		margin-bottom: 30px;
		color: #FFFFFF;
		}
	#common_recruit p {
		margin-bottom: 30px;
		color: #FFFFFF;
		text-align: center;
		}
		
/* BUTTON */			
.btn_white {
	display: block;
	width: 300px;
	margin: 0 auto;
	padding: 16px 0 13px;
	color: #FFFFFF !important;
	border: 1px solid #FFF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	}
.btn_white:hover {
	background-color: #FFFFFF;
	color: #5293B5 !important;
	}
	
.btn_blue {
	display: block;
	width: 300px;
	margin: 0 auto;
	padding: 16px 0 13px;
	color: #3A86D7 !important;
	border: 1px solid #3A86D7;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	}
.btn_blue:hover {
	background-color: #3A86D7;
	color: #FFF !important;
	}
	

		
/* PHOTO */			
#common_photo {
	padding: 110px 0 110px;
	background-color: #f0f0f0;
	}
	#common_photo a {
		display: block;
		width: 1000px;
		height: 200px;
		margin: 0 auto;
		-webkit-transition: all ease .5s;
		-moz-transition: all ease .5s;
		-ms-transition: all ease .5s;
		-o-transition: all ease .5s;
		transition: all ease .5s;
		}
	#common_photo a:hover {
		opacity: 0.6;
		}

/**/
.ttl {
	display: block;
	box-sizing: border-box;
	width: 100%;
	}
.ttl_company {
	height: 200px;
	background: url(../images/ttl_bg_company.jpg) no-repeat center center / cover;
	overflow: hidden;
	}
	.ttl_company h1 {
		display: block;
		height: 200px;
		margin-top: 78px;
		text-align: center;
		color: #FFF;
		font-weight: bold;
		font-size: 36px;
		letter-spacing: 6px;
		overflow: hidden;
		}

.ttl_personnel {
	height: 450px;
	background: url(../../company/local/images/ttl_bg_personnel.jpg) no-repeat center center / cover;
	overflow: hidden;
	}
	.ttl_personnel h1 {
		display: block;
		margin: 150px 0 18px 16%;
		color: #FFF;
		font-weight: normal;
		font-size: 47px;
		letter-spacing: 6px;
		line-height: 1.5;
		}
	.ttl_personnel p {
		display: block;
		margin-left: 16%;
		color: #FFF;
		font-size: 18px;
		line-height: 1.5;
		text-align: left;
		letter-spacing: 0;
		}
		
.ttl_person {
	height: 200px;
	background: url(../images/bg_sky.jpg) no-repeat center center / cover;
	overflow: hidden;
	}
	.ttl_person h1 {
		display: block;
		height: 200px;
		margin-top: 70px;
		text-align: center;
		color: #FFF;
		font-weight: bold;
		font-size: 36px;
		letter-spacing: 6px;
		overflow: hidden;
		}

.ttl_person1 {
	height: 450px;
	background: url(../../person/local/images/ttl_bg_person1.jpg) no-repeat center center / cover;
	overflow: auto;
	}
	.ttl_person1 h1 {
		display: block;
		margin-left: 48%;
		color: #3E3A39;
		font-weight: bold;
		font-size: 42px;
		letter-spacing: 6px;
		line-height: 110%;
		}
	.ttl_person1 .comment {
		display: block;
		margin: 150px 0 18px 48%;
		color: #3E3A39;
		font-weight: bold;
		font-size: 18px;
		line-height: 1.5;
		text-align: left;
		letter-spacing: 0;
		}
	.ttl_person1 .name {
		display: block;
		position:absolute;
		z-index:1;
		margin: 65px 0 18px 56%;
		background:#333333;
		color: #fff;
		font-weight: bold;
		font-size: 24px;
		letter-spacing: 0;
		width:334px;
		height:68px;
		line-height:68px;
		text-align:center;
		}
	.ttl_person1 .name span{
		display: inline-block;
		padding-right:30px;
		font-size:16px;
		font-weight: bold;
		}

.ttl_person2 {
	height: 450px;
	background: url(../../person/local/images/ttl_bg_person2.png) no-repeat center center / cover;
	overflow: auto;
	}
	.ttl_person2 h1 {
		display: block;
		margin-left: 21%;
		color: #3E3A39;
		font-weight: bold;
		font-size: 42px;
		letter-spacing: 3px;
		line-height: 130%;
		}
	.ttl_person2 .comment {
		display: block;
		margin: 96px 0 18px 21%;
		color: #3E3A39;
		font-weight: bold;
		font-size: 18px;
		line-height: 1.5;
		text-align: left;
		letter-spacing: 0;
		}
	.ttl_person2 .name {
		display: block;
		position:absolute;
		z-index:1;
		margin:100px 0 18px 20%;
		background:#333333;
		color: #fff;
		font-weight: bold;
		font-size: 24px;
		text-align: left;
		letter-spacing: 0;
		width:334px;
		height:68px;
		line-height:68px;
		text-align:center;
		}
	.ttl_person2 .name span{
		display: inline-block;
		padding-right:30px;
		font-size:16px;
		font-weight: bold;
		}
		
.ttl_access {
	height: 200px;
	background: url(../images/ttl_bg_access.jpg) no-repeat center center / cover;
	overflow: hidden;
	}
	.ttl_access h1 {
		display: block;
		height: 200px;
		margin-top: 70px;
		text-align: center;
		color: #FFF;
		font-weight: bold;
		font-size: 36px;
		letter-spacing: 6px;
		overflow: hidden;
		}

.ttl_recruit {
	height: 200px;
	background: url(../images/bg_sky.jpg) no-repeat center center / cover;
	overflow: hidden;
	}
	.ttl_recruit h1 {
		display: block;
		height: 200px;
		margin-top: 70px;
		text-align: center;
		color: #FFF;
		font-weight: bold;
		font-size: 36px;
		letter-spacing: 6px;
		overflow: hidden;
		}



/* FOOTER */	
#footer{
	width:100%;
	}
	
	#footer .inner{margin:0 auto; clear:both; }
	
		#footer .f_group,
		#footer .f_group2
			{
			float:left;
			width:200px;
			padding:20px;
			margin-bottom:70px;
			}
		#footer .f_group2{
			width:220px;
			background:#D7DADA;
			padding:20px;
			}
	
			#footer .f_group h3,
			#footer .f_group2 h3{
				display: inline-block;
				width: 100%;
				font-size: 14px;
				font-weight: bold;
				line-height: 40px;
				border-bottom:1px dotted #353535;
				margin-bottom: 13px;
			}
	
			#footer .iconlist{
				margin-left:15px;
				}
			#footer .noiconlist{
				margin-top:30px;
				}
			#footer .iconlist li{
				font-size: 14px;
				list-style-image:url(../images/icon_footer.png);
				line-height:24px;
				}
		
#copyright{
	clear :both;
	padding: 15px 0 12px;
	background:#000;
	width:100%;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	line-height: 1.3;
	}
	
	
#page-top {
	position: fixed;
	bottom: 150px;
	right: 30px;
	font-size: 77%;
}
#page-top a {
    text-decoration: none;
    color: #fff;
    width: 30px;
    text-align: center;
    display: block;
}
#page-top a:hover {
	margin-bottom:10px;
    text-decoration: none;
}



/* h2 */
.h2_stamp {
	/*display: flex;
	align-items: center;*/
	display: block;
	width: 100%;
	margin: 0 auto 12px;
	background: url(../images/logo1.svg) no-repeat center top / 56px auto;
	padding-top: 60px;
	color: #333;
	line-height: 1.27;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
	}
/*
.h2_stamp:before,
.h2_stamp:after {
	border-top: 2px solid #333;
	content: "";
	display: inline;
	flex-grow: 1;
	}
.h2_stamp:before {
	margin-right: 1em;
	}

.h2_stamp:after {
	margin-left: 1em;
	}*/
	
	

/* 更新日時 */
.update_date {
	display: block;
	width: 260px;
	margin: 0 auto 30px;
	padding: 8px 0 6px;
	background-color: #4AB8D9;
	text-align: center;
	color: #FFF;
	line-height: 1.1;
	font-size: 14px;
	font-weight: bold;
	}
/* トップ画像 */
.topimg {
	height: 400px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #EBEBEB;
	}
.topimg_product {
	background-image: url(../../local/images/topimg6.jpg);
	}
.topimg_scrap {
	background-image: url(../../local/images/topimg2.jpg);
	}
.topimg_buying {
	background-image: url(../../local/images/topimg3.jpg);
	}
	
	
.topimg_delivery {
	background-image: url(../../local/images/topimg7.png);
	}
.topimg_store {
	background-image: url(../../local/images/topimg8.png);
	}

#snav .sn-child-box {
	padding: 15px 0 13px 0;
	border-bottom: 1px dotted #ECECEC;
	}
#snav .sn-child-btn-box {
	padding: 10px 0 10px 0 !important;
	border-bottom: none !important;
	}
#snav .sn-child-cal-box {
	padding: 15px 0 0 0 !important;
	border-bottom: none !important;
	}
	
#snav .sn-child-box:last-child {
	border-bottom: none !important;
	}
	
	#snav p {
		padding: 0 15px;
		line-height: 1.3;
		font-size: 14px;
		}
	#snav ul {
		padding: 0 15px 0 15px;
		overflow: hidden;
		zoom: 1;
		}
		#snav ul li {
			margin: 3px 0 3px 0;
			}
		#snav ul li.li-herf {
			float: left;
			width: 92px;
			}
	#snav dl {
		padding: 0 0 0 0;
		overflow: hidden;
		zoom: 1;
		}
		#snav dl dt {
			display: block;
			margin-bottom: 5px;
			padding: 10px 15px 7px 15px;
			line-height: 1.1;
			font-size: 14px;
			font-weight: bold;
			background: url(../img/bg-chk1px-blue.gif);
			}
		#snav dl dd {
			padding: 10px 15px 7px 15px;
			border-bottom: 1px dotted #ECECEC;
			}
		#snav dl dd.row-end {
			border-bottom: none;
			}

	#snav .snav-table1 {
		margin: 0 auto;
		width: 195px;
		}
		#snav .snav-table1 th,
		#snav .snav-table1 td {
			padding: 0 0 8px 0;
			color: #333;
			line-height: 1.2;
			font-size: 14px;
			}	
		#snav .snav-table1 .snav-table1-end th,
		#snav .snav-table1 .snav-table1-end td {
			padding: 0 !important;
			}
		#snav .snav-table1 td {
			color: #0059AB;
			text-align: right;
			}
	#snav a.sn-btn1 {
		display: block;
		width: 175px;
		height: 30px;
		margin: 0 auto;
		padding: 10px 0 0 30px;
		background: url(../img/snav-btn1.gif) no-repeat;
		color: #FFF;
		}
	#snav a.sn-btn1:active {
		height: 27px !important;
		padding: 13px 0 0 30px !important;
		background-position: 0 3px !important;
		}
		
		
	#snav .snav-table-cal {
		margin: 0 auto;
		border-top: 1px solid #E6E6E6;
		}
		
		#snav .snav-table-cal {
			margin: 0 auto;
			border-top: 1px solid #E6E6E6;
			}
		
		#snav .snav-table-cal th,
		#snav .snav-table-cal td {
			width: 14%;
			padding: 9px 0 7px 0;
			border-right: 1px solid #E6E6E6;
			border-bottom: 1px solid #E6E6E6;
			color: #666;
			text-align: center;
			line-height: 1;
			font-size: 12px;
			}
		#snav .snav-table-cal th {
			background-color: #FAFAFA;
			}
		#snav .snav-table-cal .cal-end {
			border-right: none;
			}
		#snav .snav-table-cal .cal-sun,
		#snav .snav-table-cal .cal-hol,
		#snav .snav-table-cal .youbi_0 {
			color: #F66;
			}
		#snav .snav-table-cal .cal-sat,
		#snav .snav-table-cal .youbi_6 {
			color: #09F;
			}
		#snav .snav-table-cal .cal-closed {
			/*color: #FFF;*/
			color: #FF0004;
			/*background: url(../img/cal-closed.gif) no-repeat center center;*/
			background: none;
		}
			
		#snav .cal-msg {
			padding: 8px 6px 6px 0;
			color: #999;
			text-align: right;
			line-height: 1.1;
			font-size: 12px;				
			}
			#snav .cal-msg span {
				color: #F66;
				}
				
		#snav .cal-msg-noclosed {
			padding: 8px 0 6px 0;
			background-color: #6AC6F1;
			color: #FFF;
			text-align: center;
			line-height: 1.1;
			font-size: 14px;
			font-weight: bold;
			}

#overlay { display: none; }
#drawer-container { display: none; }

.footer-fb {
	text-align: center;
	}
	
.pb0 { padding-bottom: 0 }