head{
}
html{
	overflow: auto;
}
header {
}
body{
	font-family:"Amiri",myfont;
	overflow: hidden;
}
@font-face {
	font-family: myfont;
	src:url(../font/Hannari.otf);
}
img{
	max-width:100%;
}
section{
clear:both;
overflow:hidden;

}
nav#menu-box{
	margin:0 0 30px 0;
}
ul#menu{
	width:100%;
}
ul#menu li span{
	display:block;
	font-size:23px;
}
.slideshow{
	width:100%;
	background-color:#000;
	background-size: cover;
}

.slideshow2{
    height: 460px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
#image-navigation .navi-image a {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 8;
}

.fb-page{padding:15px;}

p.date{text-align:center;}

ul{
	list-style:none;
}

.title18px{
	font-size:25px;
	font-weight:bold;
	clear:both;
}

.titleunder20{
	margin:0 0 20px 0;
}
.titleunder50{
	margin:0 0 50px 0;
}
.titleunderpadding20{
	padding:0 0 20px 0;
}

.titletop20{
	margin:20px 0 0 0;
	clear:both;
}

.titletop50{
	margin:50px 0 0 0;
}
.title50{
	margin:50px 0;
}
.worktitle30{
	margin:50px 0 0 0;
}

.footcate{
	margin:20px 0 50px 0;
	clear:both;
}
.footcate li a{
	color:#555;
}
.footcate li a:hover{
	color:#920783;
}

.footcopy{
	color:#555;
}
.footcopy a{
	color:#555;
	clear:both;
}



.borderbottom1px{
	border-bottom:1px solid #ccc;
}

h1.worktitle{font-size:100%;}



/*** レスポンシブテーブルデザイン ***/
.shokai{
	width:100%;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
}
 
.shokai th{
	padding: 6px 8px 5px;
	border-bottom: dotted 1px #777;
	width: 70%;
	overflow: hidden;
	color: #13131e;
	font-style: normal;
	font-size: 100%;
	text-align: left;
	word-break: break-all;
	word-wrap: break-word;
	vertical-align: top;
}
 
.shokai td{
	padding: 5px 10px;
	text-align: left;
	vertical-align: top;
	color: #595960;
	border-bottom: dotted 1px #777;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
}
 
@media (max-width: 400px){
.shokai th{
	width:100%;
	display:block;
	margin: 0 auto;
}
.shokai td{
	display: list-item;
	width: 100%;

}
}/* end */




/*access*/
h4.title {
	font-size: 1em;
	border-bottom: 1px dotted #555;
	padding: 5px;
	margin-bottom: 10px;
	text-align:left;
}
.address p {
	padding-left: 10px;
	padding-right: 10px;
	text-align:left;
}


/*youtube*/
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*facebook*/
.fb-likebox-wrap {
    background-color: #fff;
    border: none;
    padding: 10px;
}



.center{
clear:both;
float:center;
}

/* ==========================
--- Gallery
============================= */


.item {
    margin: 10px;
}

.item img {
    display: block;
    width: 100%;
    height: auto;
}	










.nav.navbar-nav li {
    font-size: 17px;
    font-weight: bold;
border-left:1px solid #CCC;
padding-left:6px;
margin-left:6px;
}
.nav.navbar-nav li:last-child{
    font-size: 17px;
    font-weight: bold;
border-left:1px solid #CCC;
padding-left:6px;
margin-left:6px;
border-right:1px solid #CCC;

}


@media screen and (max-width: 767px) {
.nav.navbar-nav li {
    font-size: 17px;
    font-weight: bold;
border-left:none;
}
.nav.navbar-nav li:last-child{
    font-size: 17px;
    font-weight: bold;
border-left:none;
padding-left:6px;
margin-left:6px;
border-right:none;
}
}



.navbar.yamm.navbar-default {
	background-image: url("../images/bg_gray.jpg");
    left: 0;
    right: 0;
    transform: translate3d(0px, 0px, 0px);
    z-index: 1030;
}
.navbar.yamm.navbar-default {
    padding-top: 15px;
    padding-bottom: 15px;
}
.navbar.yamm.navbar-default .container {
    margin-bottom: 0;
    max-width: 1170px;
    text-align: center;
}
#full{padding-bottom:50px;}
.full_nounder{padding-bottom:0;}


.clear{clear:both;}

.bg-gray {
/*    background: #f8f8f8 none repeat scroll 0 0;
*/
	background-image: url("../images/bg_gray.jpg");
}

footer {
    padding: 50px 0 30px;
    text-align: center;
    font-size:80%;
overflow:hidden;

}

h2.itemtitle{
	margin-top:50px;
	text-align:center;
	border-bottom:1px solid #ccc;
	padding-bottom:15px;
	margin-bottom:15px;
}

h2.title-fb{
	padding-left:15px;
	padding-right:15px;
}


.asp{
	font-size:18pt;
	font-weight:normal;
	margin-top:0;
	text-align:center;
	padding-bottom:15px;
	margin-bottom:15px;
}


h2.pickupitemtitle{
	margin-top:50px;
	text-align:left;
	border-bottom:1px solid #ccc;
	padding-bottom:15px;
	margin-bottom:15px;
}

p.textleft{
	text-align:left;
}
/*
.imgcenter{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
*/


img.newsimage{border:1px solid #ccc;}
.newsbox{border-bottom:1px dotted #ccc;}
.newsboxunder{border-bottom:none;}

span.review_name{
border-bottom:1px solid #ccc;
padding-bottom:15px;
margin-bottom:15px;
}

.allborder{
	border:1px solid #ccc;
	padding:20px;
}

#company-content .table {
    font-size: 80%;
}

#equipment-content .table {
    font-size: 80%;
	margin-bottom:50px;
}













.space20{
	padding:20px 0;
}
.bg-white{
	padding-top:20px;
	background-color: #fff;
}

img.banner{
	border:1px solid #ccc;
}



/* ==========================
Parallax
============================= */

#separator {	
	background-image: url(../images/pararax_image.jpg);
	background-size:cover;
}

#separator .icon {
	margin-bottom: 20px;
}

#separator span {
	color: #fff;
}

#separator:after {	
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	opacity: 0.7;
	z-index: -1;
}
a.color{text-decoration:underline;}
a.color:hover{text-decoration:underline;color:#920783;transition-property: all;transition: 0.3s linear;}