@charset "utf-8";
/* CSS Document */
/*@media screen and (max-device-width: 1024px) {

#fv{
	background-image: url(img/fv_img.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	width: 100%;
	height: 700px;
}
#fv video{
	display: none;
}
#fv02{
	background-image: url(img/fv_img.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	width: 100%;
	height: 700px;
}
#fv02 video{
	display: none;
}
}*/
/*@media screen and (max-width: 740px){
#fv{
	background-image: url(img/fv_img.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	width: 100%;
	height: 700px;
}
#fv video{
	display: none;
}
#fv02{
	background-image: url(img/fv_img.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	width: 100%;
	height: 700px;
}
#fv02 video{
	display: none;
}}*/

@media screen and (min-width: 1024px){
/*===== fv =====*/
#fv{
	width: 100%;
	height: auto;
	position: relative;
	z-index: 0;
	overflow: hidden;
	margin-bottom: -7px;
}

#fv video{
	/*position: absolute;*/
	background-color: transparent;
	left:0;
	top:0;
	width:100%;
	height:auto;
	z-index:-10;
}
#fv02{
	width: 100%;
	height: 700px;
	position: relative;
	z-index: 0;
	overflow: hidden;
	background-color: #F3F2E9;
}
#fv02 #video{
	width: 1244px;
	background-color: transparent;
	top: 0;
	height: 100%;
	z-index: -10;
	margin: 0 auto 0 auto;
}
#fv02 video{
	width: 100%;
	background-color: transparent;
	height: 100%;
	z-index: -10;
}
}
#header{
	background-color: #FFF;
	margin: 0px;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	overflow: hidden;
	padding-right: 0%;
	padding-left: 0%;
	position: relative;
	z-index: 5;
}
.bx-wrapper .bx-viewport {
	-moz-box-shadow: none !important;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
	border:  5px solid #fff;
	left: -5px;
	background: #fff;

	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}
.fv_box02{
	width: 100%;
	margin: 0 auto;
	position: relative;
}
/*.fv_box02 img{width:100%;}
.fv_box{
	width: 90%;
	margin: 0 auto;
	position: relative;
}*/
.fv_box {
	position: relative;
    z-index: 0;
	text-align: center;
}
.fv_box a img {
	width: 100%;
}
.fv_box ul{
	margin:0;
	padding:0;
}
.fv_box ul img{width:100%;}
.fv_box a img:hover{opacity: 1.0 !important;}
.copy01{
	font-size: 40px;
	font-weight: bold;
	margin: 0;
	color: #795e07;
	background: #fff;
	padding: 15px 25px 5px;
	position: absolute;
	z-index: 2;
	right: -50px;
	line-height: 120%;
	top: 60px;
	font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.copy02{
	font-size: 48px;
	margin: 0 0 0 0;
	color: #76B176;
	background: #fff;
	padding: 10px 15px 15px 15px;
	position: absolute;
	font-weight: bold;
	z-index: 2;
	line-height: 130%;
	right: -50px;
	top: 120px;
	font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.copy02 span{
	background: linear-gradient(transparent 60%, #fff6b6 0%);
	padding: 0 0 0px 0;
	}
.copy03{
	font-size: 22px;
	margin: 0;
	color: #fff;
	padding: 10px 20px;
	position: absolute;
	z-index: 2;
	right: 40px;
	top: 340px;
}
.bg_white{ padding: 0px!important;}

/*===== menu01 =====*/
.top_menu01{
	text-align: center;
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}
.top_menu01 li{
	float: left;
	width: 25%;
	height: 360px;
	padding: 0px;
	margin: 0px;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
.top_menu01 li.border{
	border-right: 1px solid #ccc;}
.top_menu01 li a{
	display: block;
	padding: 15px 0px 10px 0px;}
.top_menu01 li a:hover{ text-decoration: none;}
.h2_ttl01{
	font-size: 20px;
	font-weight: normal;
	position: relative;

	text-align: center;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	margin-bottom: 200px;
}
.top_menu01 li p{
	position: relative;
	text-align: center;
	height: 55px;
}
.circle01,.circle02,.circle03,.circle04{
	position: absolute;
	width: 170px;
	height: 170px;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 50%;
	margin-left: -85px;
	left: 50%;
	top: 70px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	}
.circle01{
	background-image: url(img/menu01_01.jpg);
	}
.circle02{
	background-image: url(img/menu01_02.jpg);
	}
.circle03{
	background-image: url(img/menu01_03.jpg);
	}
.circle04{
	background-image: url(img/menu01_04.jpg);
	}
.top_menu01 li:hover .circle01,.top_menu01 li:hover .circle02,.top_menu01 li:hover .circle03,.top_menu01 li:hover .circle04{
	opacity: 0;
	}
.top_menu01 li:hover{-webkit-transition: all 0.3s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;}
.top_menu01 li.li01:hover{
	background-image: url(img/menu01_01g.jpg);
	background-size: cover;
	}
.top_menu01 li.li02:hover{
	background-image: url(img/menu01_02g.jpg);
	background-size: cover;
	}
.top_menu01 li.li03:hover{
	background-image: url(img/menu01_03g.jpg);
	background-size: cover;
	}
.top_menu01 li.li04:hover{
	background-image: url(img/menu01_04g.jpg);
	background-size: cover;
	}
.top_menu01 li.li05:hover{
	background-image: url(img/menu01_05g.jpg);
	background-size: cover;
	}
.top_menu01 li:hover span.arrow,.top_menu02 li:hover span.arrow {
  -webkit-transform: translateX(5px);
      -ms-transform: translateX(5px);
          transform: translateX(5px);
}

.tab_wrap {
		background-image: url(img/bg.jpg);
		padding: 40px 0;
}

#capacity {
	background-color: #fff;
	padding: 20px;
}

.capa_list {
	padding: 0;
}

.capa_list li {
	display: inline-block;
	margin-right: 18px;
	padding: 20px 7px 15px;
	border: 1px solid #ccc;
}

.capa_list li h3 {
	margin: 0;
}


.capa_list li:last-child {
	margin-right: 0;
}

.capa_img {
	margin: 20px 0;
}

.capa_btn {
	width: 190px;
	margin: 0 auto;
}

.capa_btn a {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 16px;
	padding: 15px 0;
	transition: .3s;
}

.capa_btn a:hover {
	text-decoration: none;
	opacity: 0.8;
}

.capa_list li:first-child .capa_btn a {
	background-color: #ff6c00;
	border-bottom: 3px solid #c65400;
	border-radius: 5px;
}

.capa_list li:nth-child(2) .capa_btn a {
	background-color: #c26d95;
	border-bottom: 3px solid #975574;
	border-radius: 5px;
}

.capa_list li:nth-child(3) .capa_btn a {
	background-color: #5974aa;
	border-bottom: 3px solid #455a84;
	border-radius: 5px;
}

.capa_list li:last-child .capa_btn a {
	background-color: #6ca371;
	border-bottom: 3px solid #547f58;
	border-radius: 5px;
}

/*===== 斎場を探す =====*/
#search{
	padding-top: 30px;
	padding-bottom: 40px;
	background-image: url(img/bg.jpg);
	background-repeat: repeat;
}
.map_box{
	float: left;
	width: 489px;
	border: 1px solid #CCC;
	background-image: url(img/map.jpg);
	background-repeat: no-repeat;
	height: 327px;
}
.area_box{
	float: right;
	width: 430px;
	margin: 0px;
	padding: 0px;
}
map{ outline: none;}
.h3_ttl02{
	font-size: 14px;
	color: #FFF;
	background-color: #917F44;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}


.h3_ttl03{
	font-size: 14px;
	color: #FFF;
	background-color: #b56db2;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 5px;

	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.h3_ttl04{
	font-size: 14px;

	color: #FFF;
	background-color: #76B176;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.map_box01{float: left;
	width: 143px;}
.map_list01{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.map_list02{
	margin: 0px;
	padding: 0px;
	width: 220px;
}
.map_list03{
	margin: 0px;
	padding: 0px;
	width: 190px;
}
.map_list01 li,.map_list02 li,.map_list03 li{
	position: relative;
	margin-bottom: 5px;
}
.map_list01 li a{
	color: #917F41;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 15px;
	display: block;
}
.map_list02 li a{
	color: #B56DB2;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 15px;
	display: block;
}
.map_list03 li a{
	color: #76B176;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 15px;
	display: block;
}
.map_list01 li span.arrow{
	background-image: url(img/arrow01.png);
	background-repeat: no-repeat;
	height: 8px;
	width: 8px;
	left: 2px;
	top: 8px;
}
.map_list02 li span.arrow{
	background-image: url(img/arrow02.png);
	background-repeat: no-repeat;
	height: 8px;
	width: 8px;
	left: 2px;
	top: 8px;
}
.map_list03 li span.arrow{
	background-image: url(img/arrow03.png);
	background-repeat: no-repeat;
	height: 8px;
	width: 8px;
	left: 2px;
	top: 8px;
}
.map_list01 li:hover span.arrow,.map_list02 li:hover span.arrow,.map_list03 li:hover span.arrow {
  -webkit-transform: translateX(3px);
      -ms-transform: translateX(3px);
          transform: translateX(3px);
}
#map01,#map02,#map03,#map04,#map05,#map06,#map07,#map08,#map09,#map10,#map11,#map12,#map13,#map14,#map15,#map16,#map17{
	height: 327px;
	width: 489px;
	display: none;}

/*===== menu02 =====*/
.top_menu02{
	text-align: center;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	border-top: 1px solid #CCC;
}
.top_menu02 li{
	float: left;
	width: 33.33%;
	height: 160px;
	padding: 0px;
	margin: 0px;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
}
.top_menu02 li.border{
	border-right: 1px solid #ccc;}
.top_menu02 li a{
	display: block;
	padding: 15px 0px 0px 0px;}
.top_menu02 li a:hover{ text-decoration: none;}
.h3_ttl01{
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	margin-bottom: 20px;
}
.top_menu02 li{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
.top_menu02 li.li01{background-image: url(img/menu02_01.jpg);}
.top_menu02 li.li02{background-image: url(img/menu02_02.jpg);}
.top_menu02 li.li03{background-image: url(img/menu02_03.jpg);}
.top_menu02 li.li04{background-image: url(img/menu02_04.jpg);}
.top_menu02 li.li05{background-image: url(img/menu02_05.jpg);}
.top_menu02 li.li06{background-image: url(img/menu02_06.jpg);}
.top_menu02 p{
	height: 50px;
	margin: 0px;
}
.overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0,0,0,0.1);
	top:0;
	left:0;
	opacity: 0;
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
	filter: alpha(opacity=0);
}
.overlay:hover{opacity: 1;filter: alpha(opacity=100);}

/*===== コラム =====*/
.left_box01{
	float: left;
	width: 50%;
	padding-top: 30px;
	height: 340px;
}
.h2_ttl02{
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	margin-bottom: 30px;
	margin-top: 0px;
	padding: 0px;
}

.column{
	width: 60%;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
.column li{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	overflow: hidden;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	padding: 8px;
}
.column li:hover{
	background-color: #F8F8F8;
}
.img_box{
	    padding: 0px;
    float: left;
    margin-top: 0px;
    margin-right: 15px;
    margin-bottom: 0px;
    margin-left: 0px;
    max-height: 80px;
    overflow: hidden;
}
.column li p{
	float: left;
	width: 60%;
	margin: 0px;
}
.column li p span{
	font-size: 12px;
	color: #FFF;
	background-color: #363636;
	display: inline-block;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-bottom: 3px;
	line-height: 120%;
}
.more_txt{
	position: relative;
	text-align: right;
	right: 5%;
	font-size: 12px;
}
.more_txt .arrow{
	top: 5px!important;
	left: 100%!important;
	margin-left:3px;}
.more_txt:hover span.arrow {
  -webkit-transform: translateX(5px);
      -ms-transform: translateX(5px);
          transform: translateX(5px);
}

.left_box01 .more_txt {
	bottom: 5%;
}

/*===== img =====*/
.right_box01{
	float: right;
	width: 47%;
	padding-top: 50px;
	background-image: url(img/img01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 340px;
	padding-left: 3%;
}
.right_box01 p{
	font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 17px;
	color: #FFF;
	line-height: 160%;
	text-shadow: 0px 0px 5px #000;
}

.left_box02{
	float: left;
	width: 33%;
	padding-top: 50px;
	background-image: url(img/img04.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right 30%;
	height: 340px;
	padding-left: 1.5%;
	padding-right: 15.5%;
}
.left_box02 p{
	font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 17px;
	line-height: 180%;
	text-shadow: 0px 0px 8px #66543a,0px 0px 8px #66543a,0px 0px 8px #66543a,0px 0px 8px #66543a;
	color: #fff;

}

/*===== 新着情報 =====*/
.right_box02{
	float: left;
	width: 50%;
	padding-top: 50px;
	height: 340px;
}
.h2_ttl02{
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	margin-bottom: 30px;
	margin-top: 0px;
	padding: 0px;
}
.new{
	width: 60%;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
.new li{
	margin: 0px;
	overflow: hidden;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	border-bottom: 1px solid #CCC;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 10px;
	padding-left: 8px;
}
.new li:hover{
	background-color: #F8F8F8;
}
.day{
	font-size: 12px;
	float: left;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 70px;
	padding: 5px 0px 0px 0px;
	line-height: 140%;
}
.h4_ttl01{
	font-size: 13px;
	font-weight: normal;
	float: left;
	width: 60%;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 140%;
}

/*===== img_btn =====*/
.img_btn{
	background-image: url(img/img03.jpg);
	background-repeat: no-repeat;
	background-position: right;
	background-size: cover;
	position: relative;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
}
.txt_box{
	width: 40%;
	margin-left: 10%;
	position: relative;
}
.txt_box p{
	font-size: 12px;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
.img_btn a:hover {
	text-decoration: none;}
.img_btn:hover span.arrow {
  -webkit-transform: translateX(5px);
      -ms-transform: translateX(5px);
          transform: translateX(5px);
}


.hall_bnr {
	width: 960px;
	margin: 45px auto;
}

.hall_bnr img {
	width: 100%;
}

.area {
	width:inherit!important;
}

.renewal{
	width: 1100px;
	margin: 0 auto 30px;
}

.bx-prev,
.bx-next {
	display: none;
}