@charset "UTF-8";
@import "reset.css";

img{
border:0;
vertical-align: top;
}

html {
	height:100%;
}

body{
font-size: 62.5%;
font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
line-height:1.4;
color:#444444;
background-color:#000000;
}
#topPage {
	overflow-x:hidden;
height:100%;
overflow: hidden;
}

.cf:after {
  display: block;
  clear: both;
  content: "";
}


/*----------------------------------------------------------------------------
	余白
----------------------------------------------------------------------------*/
.mT10{margin-top:10px;}
.mT20{margin-top:20px;}
.mT30{margin-top:30px;}
.mT40{margin-top:40px;}
.mT50{margin-top:50px;}



/*----------------------------------------------------------------------------
	link
----------------------------------------------------------------------------*/
/*▼基本*/
a:link {
	color:#000;
	text-decoration:none;
}
a:visited {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#000;
	text-decoration:underline;
}
a:active {
	color:#000;
	text-decoration:underline;
}
a {
	outline: none;
}


a:hover img {
	opacity:0.7;
	filter:alpha(opacity=80);
}




/*----------------------------------------------------------------------------
	wrapper
----------------------------------------------------------------------------*/
#wrapper {
	width:100%;/*1351px*/
	position:relative;
}




/*----------------------------------------------------------------------------
	contents
----------------------------------------------------------------------------*/
#contents {
	margin-left:149px;
}




/*----------------------------------------------------------------------------
	menu
----------------------------------------------------------------------------*/
#menu {
  background-color: rgba(0, 0, 0,8);
  position:fixed;
  left: 0px;
  top: 0px;
  width: 149px;
  height: auto;
  z-index: 100;
		padding-bottom:218px;
}
#topPage #menu {
  background-color: rgba(0, 0, 0,0.8);
  position: absolute;
  left: 0px;
  top: 0px;
  width: 149px;
  height: 100%;
  z-index: 100;
}
#logo {
	width:121px;
	height:78px;
	padding-top:18px;
	padding-left:28px;
	background-color:#000000;
}
#menu ul {
	margin-bottom:46px;
}
#menu li {
	background-image:url(../img/menu_line.png);
	background-position:left bottom;
	background-repeat:no-repeat;
}
#menu li a {
	display:block;
	width:119px;
	height:31px;
	padding-top:20px;
	padding-left:30px;
	background-image:url(../img/menu_line.png);
	background-position:left bottom;
	background-repeat:no-repeat;
}

#bnr {
	text-align:center;
}

#bnr2 {
	text-align:center;
}





/*----------------------------------------------------------------------------
	footer
----------------------------------------------------------------------------*/
#footer {
	width:100%;
	position:relative;
  background-color: rgb(0, 0, 0);
	color:#ffffff;
	text-align:center;
	font-size:13px;
	line-height:53px;
}
#topPage #footer {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
  background-color: rgb(0, 0, 0);
	color:#ffffff;
	text-align:center;
	font-size:13px;
	line-height:53px;
	z-index:100;
}





/*----------------------------------------------------------------------------
	Top Page
----------------------------------------------------------------------------*/
#slider05 li {
	height: 100vh;
	background: center / cover no-repeat;
}
#slider05 span img {
	/*-width:100%;*/
}
#slide01 span {
	position:absolute;
	top:45%;
	left:230px;
	width:40%;
}
#slide02 span {
	position:absolute;
	top:48%;
	left:295px;
	width:40%;
}
#slide03 span {
	position:absolute;
	top:50%;
	right:140px;
	width:40%;
}

/*top lead*/
#topLead {
	position:absolute;
	top:50%;
	right:1.833333333333%;
	margin-top:-35px;
	z-index:100;
}


/*top news*/
#topNews {
	width:100%;
	position:absolute;
	bottom:53px;
	left:149px;
/*	background-image:url(../img/news_bg.png);*/
	box-sizing:border-box;
	display:table;
	z-index:100;
	background-color: #8C8C8C;
}
#topNews .title {
	width:125px;
	height:47px;
	line-height:47px;
  background-color: rgba(0, 0, 0,0.5);
		display:table-cell;
		text-align:center;
	vertical-align:middle;
}
#topNews .title img {
	vertical-align:middle;
}
#topNews ul {
	padding:0px 20px;
	font-size:15px;
		display:table-cell;
}
#topNews li {
	word-wrap: break-word;
	padding:15px 149px 15px 156px;
   text-indent: -156px;
}
#topNews li .date {
   display:inline-block;
   width:156px;
   text-indent:0;
			position:relative;
}
#topNews li.new .date:after {
	content:url(../img/icon_new.png);
	position:absolute;
	top:0px;
	right:10px;
}





/*----------------------------------------------------------------------------
	Page02
----------------------------------------------------------------------------*/
#page02 .contents {
	color:#ffffff;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 15px;
  line-height: 2.2;
}
#page02 .contents .inner {
	border:1px solid #af9700;
	padding:24px;
}

/*こだわり*/
#link01 {
	width:100%;
	height:0;
	padding-top:53.75%;
	min-width:850px;
	position:relative;
	background-image:url(../img/bg_ph01.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
}
#link01 .contents {
	position:absolute;
	top:50%;
	margin-top:-200px;
	left:129px;
  width: 545px;
		background-color:#000000;
		padding:13px 15px;
}
#link01 .title,#link01b .title {
  font-size: 24px;
  line-height: 1.2;
		text-align:center;
		background-image:url(../img/title_bg01.png);
		background-position:center center;
		background-repeat:no-repeat;
		margin-bottom:10px;
}
#page02 #contents .title span {
	display:inline-block;
	padding:0 1em;
	background-color:#000000;
}
#page02 .contents .inner .btn {
	text-align:center;
	margin-top:30px;
}


/*こだわり2*/
#link01b {
	width:100%;
	height:0px;
	padding-top:59.7%;
	min-width:850px;
	position:relative;
	background-image:url(../img/bg_ph02.jpg);
	background-repeat:no-repeat;
	background-size:100% auto;
}
#link01b .contents {
	position:absolute;
	top:50%;
	margin-top:-230px;
	right:156px;
  width: 545px;
		background-color:#000000;
		padding:13px 15px;
}


/*ギャラリー*/
#link02 {
	width:100%;
	padding-bottom:20px;
	min-width:850px;
	padding-top:55px;
	background-image:url(../img/bg_ph03.jpg);
	background-repeat:no-repeat;
	background-size:100% auto;
}
#link03 {
	padding-top:55px;
}
#link02 .contents {
	margin-left:auto;
	margin-right:auto;
  width: 100%;
}
#link03 .contents {
  width: 100%;
}
#link02 .title,#link03 .title {
	width:850px;
	margin-left:auto;
	margin-right:auto;
  font-size: 24px;
  line-height: 1.2;
		text-align:center;
		background-image:url(../img/title_bg02.png);
		background-position:center center;
		background-repeat:no-repeat;
		background-size:100% auto;
		margin-bottom:10px;
}
#gallery {
	width:796px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	position:relative;
}
#gallery .bx-pager {
	width:820px;
	margin-right:-24px;
}
#gallery .bx-pager a img {
opacity: 0.4;
filter: alpha(opacity=40);
border:2px solid #000000;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#gallery .bx-pager a.active img {
opacity: 1;
filter: alpha(opacity=100);
border:2px solid #ffd600;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
        
}


#gallery .bx-pager {
	margin-top:5px;
}


.bx-wrapper .bx-controls-direction a {
	position: absolute;
	/*top: 50%;*/
	margin-top: -20px;
	outline: 0;
	width:23px;
	height:39px;
	text-indent: -9999px;
	z-index: 9999;
}
.bx-wrapper .bx-controls-direction a:link {
opacity: 0.7;
filter: alpha(opacity=70);
}
.bx-wrapper .bx-controls-direction a:hover {
	background-position:0 0;
opacity: 1;
filter: alpha(opacity=100);
}
.bx-wrapper .bx-prev {
	width:23px;
	height:39px;
	display:block;
	background-image:url(../img/arrow_l.png);
	background-repeat:no-repeat;
	background-position:0 0;
	left:-30px;
}

.bx-wrapper .bx-next {
	width:23px;
	height:39px;
	display:block;
	background-image:url(../img/arrow_r.png);
	background-repeat:no-repeat;
	background-position:0 0;
	right:-30px;
}


/*お問い合わせ*/
#link03 table {
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}
#link03 th,#link03 td {
  font-size: 20px;
		padding:1px 1em;
}


#map-canvas {
	/*margin-left:-70px;*/
	margin-top:40px;
}