@charset "utf-8";

/* ------------------------------------------------------------ HOME */
.home,
.home #footer {
	background: #0f0f0f;
}
.homeContentWrap {
	overflow: hidden;
	min-width: 900px;
}

/* ------------------------------ inline */
a {
	color: #b2b2b2;
	text-decoration: none;
}
a:hover,
a:active {
	color: #FFF;
}

/* ------------------------------ boxMainVisual */
.boxMainVisual {
	position: relative;
	margin: 0 0 0 60px;
	background: #0f0f0f;
}
.boxMainVisual .mainVisual {
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -670px;
	width: 1400px;
}
.boxMainVisual #visual01 {
	z-index: 400;
	display: none;
}
.boxMainVisual #visual02 {
	z-index: 300;
	display: none;
}
.boxMainVisual #visual03 {
	z-index: 200;
	display: none;
}
.boxMainVisual #visual04 {
	z-index: 100;
	display: none;
}
.mianVNav {
	position: relative;
	width: 900px;
	margin: auto;
}
.mianVNav ul {
	position: absolute;
	top: 436px;
	right: 0;
	z-index: 1500;
}
.mianVNav li {
	float: left;
	width: 10px;
	margin: 0 0 0 10px;
}
.mianVNav li a {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 10px;
	background: url(/img/btn_img_mianvnav.png) no-repeat 0 0;
}
.mianVNav .current a {
	background: url(/img/btn_img_mianvnav_current.png) no-repeat 0 0;
}
.mask {
	z-index: 900;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -670px;
	width: 1400px;
}

/* ------------------------------ homeHeader */
.homeHeader {
	margin: 0 0 0 60px;
}
.homeHeader .inr {
	position: relative;
	width: 900px;
	margin: 0 auto;
	padding: 80px 0 160px 0;
	z-index: 1000;
}
.homeHeader .inr h1 {
	float: left;
	width: 82px;
	height: 212px;
	margin: 0 0 0 65px;
	text-indent: -9999px;
	background: url(/img/h1_logo.png) no-repeat 0 0;
}
.homeHeader .inr p {
	float: right;
	width: 208px;
	height: 222px;
	text-indent: -9999px;
	background: url(/img/txt_home_leadtxt.png) no-repeat 0 0;
}

/* ------------------------------ #pageBody */
.home #pageBody {
	position: relative;
	z-index: 1000;
	margin: 0 0 0 60px;
}
.home #pageBody .pageBodyInr{
	margin: 0 auto 40px auto;
}

/* ------------------------------ boxHomeCategoryLink */
.boxHomeCategoryLink {
	margin: 0 0 35px 0;
}
.boxHomeCategoryLink li{
	float: left;
	margin: 0 0 0 20px;
}
.boxHomeCategoryLink li a{
	display: block;
	width: 210px;
	height: 138px;
}
.boxHomeCategoryLink li:first-child{
	margin: 0;
}
.boxHomeCategoryLink .location {
	background: url(/common/img/img_home_categorylink01_o.jpg) no-repeat 0 0;
}
.boxHomeCategoryLink .stay {
	background: url(/common/img/img_home_categorylink02_o.jpg) no-repeat 0 0;
}
.boxHomeCategoryLink .shop {
	background: url(/common/img/img_home_categorylink03_o.jpg) no-repeat 0 0;
}
.boxHomeCategoryLink .bridal {
	background: url(/common/img/img_home_categorylink04_o.jpg) no-repeat 0 0;
}
.boxHomeCategoryLink li a:hover {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-ms-transition: opacity .3s;
	transition: opacity .3s;
}

/* ------------------------------ boxInformation */
.boxInformation {
	float: left;
	width: 574px;
}
.boxInformation h2 {
	margin: 0 0 25px 0;
	line-height: 1.25;
}
.boxInformation .banner {
	margin: 0 0 25px 0;
	opacity: 1;
}
.boxInformation ul li {
	clear: both;
	margin: 0 0 15px 0;
}
.boxInformation ul li div{
	float: left;
}
.boxInformation ul li .date {
	width: 116px;
	line-height: 1.4;
}
.boxInformation ul li .cate {
	width: 40px;
	padding: 0 5px;
	text-align: center;
	font-size: 78%;
	color: #FFF;
}
.boxInformation ul li .cate.location {
	background-color: #342543;
}
.boxInformation ul li .cate.shop {
	background-color: #202441;
}
.boxInformation ul li .cate.bridal {
	background-color: #472222;
}
.boxInformation ul li .cate.other {
	background-color: #1a1a1a;
}
.boxInformation ul li .cate.stay {
	background-color: #493926;
}
.boxInformation ul li .cate.media {
    background-color: #1a1a1a;
}
.boxInformation ul li .cate.media02 {
    background-color: #1a1a1a;
}
.boxInformation ul li .ttl {
	width: 374px;
	margin: 0 0 0 15px;
	padding: 0 0 0 10px;
	line-height: 1.4;
	background: url(/common/img/arrow_link_gray.gif) no-repeat 0 0.4em;
}

/* ------------------------------ boxHomeOtherLink */
.boxHomeOtherLink {
	float: right;
	width: 306px;
}
.boxHomeOtherLink li {
	margin: 0 0 10px 0;
}
.boxHomeOtherLink li a {
	display: block;
	width: 306px;
	height: 60px;
}
.boxHomeOtherLink .newShop {
	background: url(/img/img_home_banner_sankirou_o.jpg) no-repeat 0 0;
}
.boxHomeOtherLink .recruit {
  margin: 0 0 30px 0;
	background: url(/img/img_home_banner_recruit_o.jpg) no-repeat 0 0;
  background-size: 305px 60px;
}
.boxHomeOtherLink .fugu {
	background: url(/img/img_home_otherlink01_o.jpg) no-repeat 0 0;
}
.boxHomeOtherLink .ticket {
	background: url(/img/img_home_otherlink02_o.jpg) no-repeat 0 0;
}
.boxHomeOtherLink .booklet {
	background: url(/img/img_home_otherlink03_o.jpg) no-repeat 0 0;
}
.boxHomeOtherLink li a:hover {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-ms-transition: opacity .3s;
	transition: opacity .3s;
}

/* 2017/01/04　追記 */
.boxMessage {
  clear: both;
  padding: 25px 0 0 0;
}
.boxMessage a {
  display: block;
  width: 558px;
  padding: 7px 10px 5px 10px;
  background: #232220;
}

/* ------------------------------ Clearfix */
.mianVNav ul:after,
.homeHeader .inr:after,
.boxHomeCategoryLink ul:after,
.boxInformation ul li:after,
.boxMainVisual:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 0;
	content: " ";
}
* html .mianVNav ul
* html .homeHeader .inr,
* html .boxHomeCategoryLink ul,
* html .boxInformation ul li,
* html .boxMainVisual {
	zoom: 1;
}
*:first-child+html .mianVNav ul
*:first-child+html .homeHeader .inr,
*:first-child+html .boxHomeCategoryLink ul,
*:first-child+html .boxInformation ul li,
*:first-child+html .boxMainVisual {
	zoom: 1;
}
