@charset "utf-8";

/* ===================================================================
CSS information
 file name  :  index.css
 style info :  index.html用
=================================================================== */
#header{
	position:static !important;
}

#header #top_header.fixed{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	background:rgba(35,36,40,0.9);
	text-align:center;
	z-index:99999;
	/*box-shadow:0px 3px 2px -2px #4C4B4B;*/
}

#content{
	padding-top:0 !important;
}


#tops_index{
	background:url(../../img/tops/index/whatsNew_bg.png) -45px 25px #FFF no-repeat;
}
#tops_index.fixed{
	background:url(../../img/tops/index/whatsNew_bg.png) -45px 97px #FFF no-repeat;
}


/***** topIndex_slide *****/
.topIndex_slide{
	display:none;
}

#top_header_slider .slick-list img{
	width:100%;
	height:auto;
}

#top_header_slider .slick-list .iframe_box {
	position: relative;
	width: 100%;
	/*padding-top: 56.25%;*/
	padding-top: 40%;
	margin: 0 0 5px;
}
#top_header_slider .slick-list .iframe_box iframe {
	position: absolute;
	top: 50%;
	right: 0;
	width: 100%;
	height: 142%;
	transform: translateY(-50%);
}

#top_header_slider .slick-dots{
	bottom: 5px;
}

#top_header_slider.slick-dotted.slick-slider{
	margin-bottom: 0;
}

#top_header_slider .slick-dots li{
	margin:0 !important;
}

/*スライド数のドットの色を変える*/
#top_header_slider .slick-dots li.slick-active button:before,
#top_header_slider .slick-dots li button:before {
	content: "";
	border: solid 1px #FFFFFF;
	border-radius: 50%;
	width: 12px;
	height: 12px;
	color: transparent;
	opacity: 1;
}

#top_header_slider .slick-dots li button:hover:before,
#top_header_slider .slick-dots li button:focus:before
{
	background-color: #FFFFFF;
}
#top_header_slider .slick-dots li.slick-active button:before{
	background-color: #FFFFFF;
}

.topIndex_slide .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
	bottom:0;
}

.topIndex_slide .bx-wrapper .bx-pager.bx-default-pager a{
	width:12px;
	height:12px;
	background:none !important;
	border:1px solid #FFF;
	border-radius:50%;
}

.topIndex_slide .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{
	background:#FFF !important;
}

/***** whatsNew_area *****/
#whatsNew_area{
	width:1000px;
	margin:0 auto 40px;
	padding:40px 0 0 0;
}

#tops_index.fixed #whatsNew_area{
	padding:112px 0 0 0;
}

#whatsNew_area h2{
	text-align:center;
	margin:0 0 20px;
}


#whatsNew_area .menu{
	display: flex;
	justify-content: space-between;
}

#whatsNew_area .menu li{
	float:left;
	width:334px;
	text-align:center;
	font-size:16px;
	cursor:pointer;
	position:relative;
}


#whatsNew_area .menu li span{
	font-size:16px;
    line-height: 24px;
    padding: 8px 0;
    position: relative;
    z-index: 2;
    text-decoration: none;
    color: #231815;
    display: block;
    text-align: center;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    margin-left: -1px;
}


#whatsNew_area .menu li.select span{
	color: #FE5000;
}

#whatsNew_area .menu li:before {
	height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
}

#whatsNew_area .menu li:after {
        margin-left: -8px;
        height: 9px;
        width: 14px;
        position: absolute;
        left: 50%;
        bottom: -11px;
		/*
        transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);

		background-image:url(../../img/tops/index/whatsNew_arrow.png);
		background-repeat:no-repeat;*/
}
#whatsNew_area .menu li:before,
#whatsNew_area .menu li:after {
        content: "";
        z-index: 1;
        display: block;
        filter: alpha(opacity=0);
        transition: ease-out background 0.5s;
        -o-transition: ease-out background 0.5s;
        -ms-transition: ease-out background 0.5s;
        -moz-transition: ease-out background 0.5s;
        -webkit-transition: ease-out background 0.5s;
}

#whatsNew_area .menu li:hover:before {
	background-color:#FE5000;
}

#whatsNew_area .menu li:hover:after {
	background:url(../../img/tops/index/whatsNew_arrow.png) no-repeat;
}


#whatsNew_area .menu li.select:before,
#whatsNew_area .menu li.select:after {
        content: "";
        z-index: 1;
        display: block;
        transition: ease-out background 0.5s;
        -o-transition: ease-out background 0.5s;
        -ms-transition: ease-out background 0.5s;
        -moz-transition: ease-out background 0.5s;
        -webkit-transition: ease-out background 0.5s;
}


#whatsNew_area .menu li.select:before {
	background-color:#FE5000;
}
#whatsNew_area .menu li.select:after {
	background:url(../../img/tops/index/whatsNew_arrow.png) no-repeat;
}

#whatsNew_area .planList_box{
	display:none;
	clear:both;
}

#whatsNew_area #recommend_box{
	display:block;
}

#whatsNew_area .planList_box ul{
	overflow:hidden;
	margin:0 0 10px;
	padding:25px 0 0 0;
}

#whatsNew_area .planList_box ul li{
	float:left;
	width:495px;
	padding:10px 0px 0 0px;
	margin:0 0 10px;
	position:relative;
}

#whatsNew_area .planList_box ul li:nth-child(even){
	float:right;
}


#whatsNew_area .planList_box ul li.hvr-border-fade{
}
#whatsNew_area .planList_box ul li.hvr-border-fade:hover,
#whatsNew_area .planList_box ul li.hvr-border-fade:focus,
#whatsNew_area .planList_box ul li.hvr-border-fade:active {
  box-shadow: inset 0 0 0 2px #C2A253, 0 0 1px rgba(0, 0, 0, 0);
  opacity:0.9;
}

#whatsNew_area .planList_box ul li:hover{
	opacity:0.7;
}



#whatsNew_area .planList_box ul li .img{
	text-align:center;
	line-height:1;
}

#whatsNew_area .planList_box ul li .img span{
	display:block;
	width:495px;
	height:300px;
	background-position:center center;
	background-size:cover;
}

#whatsNew_area .planList_box ul li p{
	font-size:12px;
	line-height:1.5;
	padding:5px 10px 3px;
	position:absolute;
	left:0;
	bottom:0;
	background:rgba(0,0,0,0.8);
	color:#FFF;
	width:100%;
}

#whatsNew_area .planList_box p.no_plan{
	font-size:14px;
	text-align:center;
	padding:60px 0;
}

#whatsNew_area .planList_box p.to_wedding{
	text-align:center;
}

#whatsNew_area .planList_box p.to_wedding a{
	display:inline-block;
	font-size:16px;
	color:#FFF;
	line-height:1.5;
	padding:10px 0;
	width:200px;
	background:linear-gradient(top, #B1894E 0%, #745630 100%);
	background: -webkit-linear-gradient(top, #B1894E 0%, #745630 100%);
	background: -moz-linear-gradient(top, #B1894E 0%, #745630 100%);
	background: -o-linear-gradient(top, #B1894E 0%, #745630 100%);
	background: -ms-linear-gradient(top, #B1894E 0%, #745630 100%);
	border-radius:3px;
	position:relative;
}

/***** movie_area *****/
#movie_area{
	width:1000px;
	margin:0 auto 40px;
}

#movie_area h2{
	text-align:center;
	padding: 0 0 15px;
}

#movie_area .movie_box{
	margin: 0 0 30px;
}

#movie_area .movie_box ul{
	display:flex;
	justify-content:space-around;
	flex-wrap: wrap;
}
/*
#movie_area .movie_box ul::after {
	display: block;
	content:"";
	width: 40%;
}
 */
#movie_area .movie_box ul li{
	width:40%;
	text-align:center;
	cursor:pointer;
	margin: 0 0 30px;
}

#movie_area .movie_box ul li:hover{
	opacity:0.7;
}

#movie_area .movie_box ul li figure{
	position:relative;
	line-height:1.5;
}



#movie_area .movie_box ul li figcaption{
	font-size:14px;
	text-align:left;
	padding:3px;
	color:#FFF;
	position:absolute;
	left:0;
	bottom:5px;
	width:100%;
	background:linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(10,10,10,0.5) 30%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(10,10,10,0.5) 30%, rgba(255,255,255,0) 100%);
	background: -moz-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(10,10,10,0.5) 30%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(10,10,10,0.5) 30%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(10,10,10,0.5) 30%, rgba(255,255,255,0) 100%);
}


#movie_area .movie_box ul li figure img.movie{
	width:100%;
	height:auto;
	box-shadow:2px 2px 3px #666;
}

#movie_area .movie_box ul li figure img.play_btn{
	position:absolute;
	left:50%;
	top:50%;
	width:50px;
	height:auto;
	transform:translate(-50%,-50%);
	opacity:0.9;
}

.iziModal-content div.youtube {
	position: relative;
	width: 100%;
	padding: 56.25% 0 0;
	margin: 0;
}

.iziModal-content div.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.iziModal-overlay{
	z-index: 99999 !important;
}

/***** news_area *****/
#news_area{
	border-top:10px solid #CACACA;
	margin:0 0 50px;
}

#news_area .inner{
	width:1000px;
	margin:0 auto;
	padding:50px 0 0 0;
}


#news_area h2{
	text-align:center;
	margin:0 0 15px;
}

#news_area .news_box{
	margin:0 0 20px;
}

#news_area .news_box table{
	width:100%;
}

#news_area .news_box table th{
	width:140px;
	text-align:left;
	padding:3px 0;
	vertical-align:top;
}

#news_area .news_box table th span{
	display:inline-block;
	text-align:center;
	font-size:12px;
	font-weight:normal;
	color:#FE5000;
	width:130px;
	background:#FFFFFF;
	border:1px solid #FE5000;
}

#news_area .news_box table td{
	font-size:14px;
	padding:0 3px;
}


#news_area .news_box table td.date{
	color:#969595;
	font-size:12px;
	vertical-align:bottom;
}

#news_area .news_box p.no_data{
	font-size:14px;
	text-align:center;
	padding:60px 0;
}

/***** info_area *****/
#info_area{
	background:#000000;
	padding:10px 0 0;
	margin:0;
}

#info_area .bg{
	background:#E6E6E6;
	padding:30px 0;
	margin:0 0 0;
}


#info_area .inner{
	width:1000px;
	margin:0 auto;
}

#info_area h2 {
	text-align:center;
	margin:0 0 20px;
}

#info_area .slide_box{
}


#info_area #info_slide{
	display:none;
}

#info_area .bx-wrapper {
    margin: 0 auto 20px;
    padding: 0;
    position: relative;
}

#info_area .bx-wrapper .bx-viewport {
    background: none;
    border: none;
    box-shadow:none;
    left: 0;
	height:270px !important;
	width:1000px !important;
}

#info_area #info_slide li{
	position:relative;
	height:270px !important;
}

#info_area #info_slide li a:hover{
	opacity:0.7;
}


#info_area #info_slide li .img{
}

#info_area #info_slide li h3{
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#FFF;
	background:rgba(0,0,0,0.7);
	padding:3px 0 0;
	/*position:absolute;
	left:0;
	bottom:0;*/
	width:100%;
	height:30px;
	border-bottom:1px solid #333;
	border-top:1px solid #333;
}

#info_area #info_slide li p{
	font-size:12px;
	color:#FFF;
	line-height:1.7;
	padding:10px 10px 8px;
	background:rgba(0,0,0,0.7);
	height:60px;
}

#info_area .bx-wrapper .bx-prev {
	background:url(../../img/icon/icon_prev.png) no-repeat;
    left:-30px;
}


#info_area .bx-wrapper .bx-next {
	background:url(../../img/icon/icon_next.png) no-repeat;
    right:-45px;
}


#info_area .bx-wrapper .bx-pager.bx-default-pager a {
    background: #ababab none repeat scroll 0 0;
    border-radius: 50%;
    display: block;
    height: 12px;
    margin: 0 5px;
    outline: 0 none;
    text-indent: -9999px;
    width: 12px;
}

#info_area .bx-wrapper .bx-pager.bx-default-pager a:hover,
#info_area .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #FE5000 none repeat scroll 0 0 !important;
}

#info_area .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: -40px;
    position: absolute;
    width: 100%;
}

#info_area .no_slide{
}

#info_area .no_slide{
	text-align:center;
}

#info_area .no_slide li{
	display:inline-block;
	width:317px;
	background:#FFF;
	box-shadow:2px 2px 3px #666;
	margin:0 10px;
	vertical-align: top;
}

#info_area .no_slide li a:hover{
	opacity:0.7;
}


#info_area .no_slide li .img{
	font-size:0;
	line-height:1;
}

#info_area .no_slide li h3{
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#FFF;
	background:rgba(0,0,0,0.7);
	padding:5px 0 2px;
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
}

#info_area .no_slide li p{
	font-size:12px;
	color:#FFF;
	background:rgba(0,0,0,0.7);
	line-height:1.7;
	padding:10px 10px 8px;
	text-align:left;
	height: 60px;
}

#info_area .txt_box{
	overflow:hidden;
	width:1000px;
	margin:0 auto;
	text-align:left;
	padding:23px 0;
}

#info_area .txt_box p.txt{
	font-size:14px;
	color:#FE5000;
	text-align: left;
	margin:0 30px 0 100px;
	width: 600px;
	float: left;
}

#info_area .txt_box p.button{
	float: left;
}




/***** hotel_area *****/
#hotel_area{
	margin:0;
	background:#FFFFFF;
}

#hotel_area ul{
	width:1000px;
	margin:0 auto;
	padding:0 0 15px;
}

#hotel_area li{
	display:inline-block;
}

#hotel_area li:first-child{
	margin:0 47px 0 0;
}


#hotel_area li a:hover{
	opacity:0.7;
}



/***** sns_area *****/
#sns_area{
	overflow:hidden;
	background:#000;
	padding:50px 0 0 0;
	height:280px;
}

#sns_area .inner{
	width:1000px;
	margin:0 auto;
}

#sns_area h2{
	text-align:center;
	margin:0 0 15px;
}

#sns_area address{
	text-align:center;
	font-size:12px;
	color:#FFF;
	margin:0 0 20px;
}


#sns_area .sns_list{
}

#sns_area .sns_list ul{
	margin:0 0 20px;
	text-align:center;
}

#sns_area .sns_list li{
	display:inline-block;
	margin:0 10px;
}

#sns_area .sns_list li:hover{
	opacity:0.7;
}

#breadcrumb_area{
	margin-top:0 !important;
}