@charset "UTF-8";
/*CSS INFOMATION=======================

PC CSS

File name : pc.css
   
====================================*/

@media all and (min-width: 0px) and (max-width: 767px) {
a		{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.pcBox{
	display:none;
}
#container{
	background:url(../img/bg.jpg);
	line-height:1.8;
	
}

#wrapper{
	margin:0 15px;
}




header{
	background:#fff;
	border-top:5px solid #cdaa69;
	text-align:center;
	padding:10px 0;
	position: fixed;
	width: 100%;
	box-shadow: 1px 1px 4px #ddd;
}


h1 img{
	width:160px;
	height:auto;
}



h2{
	text-align:center;
	color:#cdaa69;
	border-top:3px double #cdaa69;
	border-bottom:3px double #cdaa69;
	font-family: 'Playfair Display SC', serif;
	font-size:24px;
	margin:40px 0 25px;
	font-weight:400;
	padding:5px 0;

}



h3{
	text-align:center;
	font-size:18px;
	font-weight:bold;
	padding:0 0 20px;
	line-height:1.6;
	letter-spacing:0.1em;
}

	
h4.hozen__ttl{
	text-align:center;
	font-size:14px;
	font-weight:400;
	padding:0 0 5px;
	line-height:2.3;
	text-decoration:underline;
}
	
h4.hozen__ttl:hover{
	text-decoration: none;
	}
	
	.hozen__txt{
		display: none;
	}	
	

p{
	text-align:center;
	font-size:13px;
	margin:0 0 30px;
}



#mainImg{
	background:#fff;
}

#mainImg img{
	width:100%;
	height:auto;
}



#scroll{
	text-align:center;
	margin:0 0 0 -15px;
	position:fixed;
	bottom:20px;
	z-index:999;
	left:50%;
}

footer{
	background:#111;
	padding:30px 0;
	font-size:10px;
	color:#fff;
	text-align:center;
	margin:100px 0 0; 
}



.pageTop{
	text-align:center;
	padding:0 0 30px;
}

.pageTop img{
	width:30px;
	height:auto;
}

.pageTop a:hover img{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
	

#map_canvas {
  width:100%;
  height: 380px;
}


/*

header
-----------------------------------*/
#headerSub{
	background:#005bac;
	height:70px;
	position:fixed;
	top:0;
	width:100%;
	z-index:10;
}

#headerInner{
	width:1000px;
	margin:0 auto;
	position:relative;
}
	

	#news ul li{
		border-bottom: 1px solid #ddd;
		padding: 10px;
	}	
	



/*

List
-----------------------------------*/
ul.listA li{
	margin:0 0 0 20px;
	padding:0 0 3px;
	list-style:decimal;
}
	


/*

COMPANY
-----------------------------------*/

.companyDetail{
	margin:0 auto;
	display: block;
}

	
.company__left{
	width: 100%;
	}
	
.company__left img{
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	}
	
.company__right{
	width: 100%;
	margin: 0 0 20px;
	}	
	

.companyDetail table td{
	border:1px solid #ddd;
	padding:10px 15px;
	background:#fff;
}

.tableBg{
	background:#ccc;
	width:120px !important;
}




#accessBox{
	margin:20px 0 0;
	overflow:hidden;
}






.bottonA a{
	background:#111 url(../img/btnNext.png) center right 10px no-repeat;
	background-size:12px 12px;
	color:#fff !important;
	text-align:center;
	width:280px;
	margin:0 auto;
	padding:10px 0;
	text-decoration:none !important;
	display:block;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}


.bottonA a:hover{
	background:#cdaa69 url(../img/btnNext.png) center right 10px no-repeat;
	background-size:12px 12px;
}








.bottonA a *{
   -moz-transition: .3s;
   -webkit-transition: .3s;
   -o-transition: .3s;
   -ms-transition: .3s;
   transition: .3s;
}








.btnArea{
	padding:40px 0 0;
}

}