@charset "UTF-8";
#body .bg_fix {
	position: fixed;
	left:0;
	top:0;
	width:100%;
	height: 100%;
	z-index: 1;
	background-position: left top;
	background-repeat: repeat;
	background-size: auto 100%;
}
@media only screen and (max-height: 800px) {
    #body .bg_fix { background-size: auto 800px;}
}

#body .bg_fix::after {
	content: "";
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height: 100%;
	z-index: 1;
	background: url(../img/ami.png) repeat;
}
#body .bg_fix:not(:first-child) { opacity: 0; transition: opacity 0.5s;}
#body .bg_fix:nth-child(2).show { opacity: 1;}

#body .bg_fix:nth-child(1) { background-image: url(../img/factory/bg_1.jpg);}
#body .bg_fix:nth-child(2) { background-image: url(../img/factory/bg_2.jpg);}

.kyoto #body .bg_fix:nth-child(1) { background-image: url(../img/factory/kyoto_bg_1.jpg);}
.kyoto #body .bg_fix:nth-child(2) { background-image: url(../img/factory/kyoto_bg_2.jpg);}

.shizuoka #body .bg_fix:nth-child(1) { background-image: url(../img/factory/shizu_bg_1.jpg);}
.shizuoka #body .bg_fix:nth-child(2) { background-image: url(../img/factory/shizu_bg_2.jpg);}


@media only screen and (max-width: 800px) {
	#body .bg_fix:not(:first-child) { display: none;}
	#body .bg_fix:first-child{ background-size: 100% auto; }
	#body .bg_fix:first-child{ background-image: url(../img/factory/bg_sp.jpg);}
	.kyoto #body .bg_fix:first-child{ background-image: url(../img/factory/kyoto_bg_sp.jpg);}
	.shizuoka #body .bg_fix:first-child{ background-image: url(../img/factory/shizu_bg_sp.jpg);}
}
.lnavi {

}

#contents ,#footer { margin-left: 40%;}
#header_local { width:40%;}
@media only screen and (max-width: 1360px){
	.lnavi { }
	#contents ,#footer { margin-left: 35%;}
	#header_local { width:35%;}
}
@media only screen and (max-height: 768px) {
	._tab .large .lnavi { }
	._tab .g_title img { width:280px;}
}
@media only screen and (max-width: 800px) {
	#header_local { width:auto;}
	#contents ,#footer { margin-left: 0;}
}


@media only screen and (max-width: 767px) {
	#contents ,#footer { margin-left: 0;}
	#header_local { width:auto;}
	#header_local_inner { width:100%;}
	.g_title img { width: 260px; height: auto;} 
}
.bg_white { position: relative; padding-bottom: 60px;}
@media only screen and (max-width: 800px) { .bg_white { padding-bottom: 50px;}}
@media only screen and (max-width: 767px) { .bg_white { padding-bottom: 30px;}}
.bg_white::before {
	position: absolute;
	width:84px;
	height: 84px;
	border: transparent 42px solid;
	border-bottom: #009e96 42px solid;
	content: "";
	box-sizing: border-box;
	transform: rotate(-45deg);
	left: -42px;
	top:-42px;
}
@media only screen and (max-width: 767px) { .bg_white::before { width:36px;
	height: 36px;border: transparent 18px solid;
	border-bottom: #009e96 18px solid;left: -18px;
	top:-18px;}
}

.bg_white + .bg_white  { border-top:#c7c7c7 1px solid;}

.titleimg {
	padding:6em 0 2em;
	text-align: center;
}
@media only screen and (max-width: 920px) {
	.titleimg { padding:0px 0 0em;}
	.titleimg img { width:100%; height: auto;}
}
@media only screen and (max-width: 800px) {
	.titleimg { padding:85px 0 2em;}
}
@media only screen and (max-width: 767px) {
	.titleimg { padding:7% 0 0em;}
	.titleimg img { width:100%; height: auto;}
}

.jigyo {
	margin-top:2em;
	border-left: #009e96 2px solid;
	padding:0.3em 1em 0.3em 1.5em;
}
.jigyo dt {
	color: #009e96;
	font-weight: bold;
}
.jigyo dd {
	font-weight: bold;
}
@media only screen and (max-width: 767px) {
	.jigyo {
		border-left: #009e96 4px solid;
	}
}

#contents h2 {
	padding-top:45px;
	margin-bottom: 45px;
	font-weight: bold;
}
#contents p.img{ text-align:center;}
@media only screen and (max-width: 800px) {
	#contents h2 {padding-top:1.5em;margin-bottom: 2em;}	
}

.l_r figure { width: 50%; float: left;}
.l_r figure img { max-width: 98%; min-width: 95%;}
.l_r figure.r { text-align: right;}

#contents .gmap iframe { width:100%;}
@media only screen and (max-width: 800px) {
	#contents .gmap iframe { height:300px;}
}
@media only screen and (max-width: 767px) {
	#contents .gmap iframe { height:200px;}
}
.address { margin:1em 0 0 0;}
.mapBtn { margin:1em 0 0 0;}
.mapBtn a {
	display: inline-block;
	padding: 0.8em 2em;
	color: #fff;
	font-weight: bold;
	background: #009e96;
	border-radius: 2.6em;
}
.facilities li { width: 50%; float: left;}
.facilities li figure { max-width: 98%; min-width: 95%; width: 315px;}
.facilities li figure img { width:100%; height: auto;}
.facilities li.r figure { float: right;}
.facilities li figcaption { margin-top:0.5em; font-weight: bold; line-height: 140%;}
.facilities li.clearboth { width:100%; float: none; clear: both; height: 1em;}

.scrollable {
	margin-top:2em;
	overflow: scroll;
}
.scrollable { margin-left:60px;}
/*.scrollable table { margin-right:60px;}*/
@media only screen and (max-width: 800px) {
	.scrollable { margin-left:80px; }
	/*.scrollable table { margin-right:80px;}*/
}
@media only screen and (max-width: 767px) {
	.scrollable { margin-left:5%; max-height: calc(100vh - 100px)}
	/*.scrollable table { margin-right:5%;}*/
}


.scrollable table { min-width: 100%; border-collapse: collapse; margin-bottom: 1em; }
.scrollable table th { font-weight: normal;}
.scrollable table td { }

.scrollable table thead th { background:#d7eae9; text-align: center;padding:1em;border: #d7eae9 1px solid; box-sizing: border-box; white-space: nowrap;}
.scrollable table tbody th,
.scrollable table tbody td { text-align: left; padding: 0.5em; border: #e5e5e5 1px solid; box-sizing: border-box;}
.scrollable table tbody th { background:#f9f9f9; text-align: center;padding:1em;}

.scrollable table td.spacer { padding-left:0px; border:none; padding-right: 60px;white-space: nowrap;}
.scrollable-cover,
.my_nicescroll_cover{ width: 60px;}
.scrollable-btn { right:calc( 30px - 12px);}
@media only screen and (max-width: 800px) {
	.scrollable table td.spacer { padding-right:80px;}
	.scrollable-cover,
	.my_nicescroll_cover{ width: 80px;}
	.scrollable-btn { right:calc( 80px - 12px);}
}
@media only screen and (max-width: 767px) {
	.scrollable table th { white-space: nowrap; }
	.scrollable table td { white-space: nowrap;}
	.scrollable table td.spacer { /*padding-right:5%;padding-right:15px;*/}
	.scrollable-cover,
	.my_nicescroll_cover { width: 5%;}
	.scrollable-btn { right:calc( 5% - 12px);}
}
.scrollable-set { position: relative;}
.scrollable-cover { position: absolute; top:0; right: 0; height: 100%; background: #fff; z-index: 9999; opacity: 0.8;}
.scrollable-cover.sp { top:auto; bottom: 0; height: calc(1em - 5px); opacity: 1; }
.scrollable-btn { position: absolute; top:calc( 50% - 12px); width:25px; height: 25px; border-radius: 5px; background: #c9c9c9; z-index: 9999;}
.scrollable-btn::after { position: absolute; content: ""; box-sizing: border-box;width:0px; height: 0px; top:8px; left:8px; border:transparent 5px solid; border-right:transparent 10px solid; border-left: #f64527 10px solid; }
.my_nicescroll_cover { position: absolute; bottom:0; right: 0; height: 8px; background: #fff; z-index: 9999;}

#body #footer { padding-top:0;}