@charset "utf-8";
	
.page-template-template-col-4{

	}
/*-----공통-------*/
 

/*오른쪽메뉴*/

#menu li {
	display:inline-block;
	margin: 10px;
	color: #000;
	background:#fff;
	background: rgba(255,255,255, 0.5);
	-webkit-border-radius: 10px;
	
            border-radius: 10px;
	
}
#menu li.active{
	background:#666;
	background: rgba(0,0,0, 0.5);
	color: #fff;
	
}
#menu li a{
	text-decoration:none;
	color: #000;
	
}
#menu li.active a:hover{
	color: #000;
	
}
#menu li:hover{
	background: rgba(255,255,255, 0.8);
	
}
#menu li a,
#menu li.active a{
	padding: 9px 18px;
	display:block;
	
}
#menu li.active a{
	color: #fff;
	
}
#menu{
	position:fixed;
	top:0;
	left:0;
	height: 40px;
	z-index: 70;
	width: 100%;
	padding: 0;
	margin:0;
	
}
#infoMenu{
	height: 20px;
	color: #f2f2f2;
	position:fixed;
	z-index:70;
	bottom:0;
	width:100%;
	text-align:right;
	font-size:0.9em;
	padding:8px 0 8px 0;
	
}
#infoMenu ul{
	padding: 0 40px;
	
}
#infoMenu li a{
	display: block;
	margin: 0 22px 0 0;
	color: #333;
	
}
#infoMenu li a:hover{
	text-decoration:underline;
	
}
#infoMenu li{
	display:inline-block;
	position:relative;
	
}
#examplesList{
	display:none;
	background: #282828;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 20px;
	float: left;
	position: absolute;
	bottom: 29px;
	right: 0;
	width:638px;
	z-index:9999999999999;
	text-align:left;
	
}
#examplesList ul{
	padding:0;
	
}
#examplesList ul li{
	display:block;
	margin: 5px 0;
	
}
#examplesList ul li a{
	color: #BDBDBD;
	margin:0;
	
}
#examplesList ul li a:hover{
	color: #f2f2f2;
	
}
#examplesList .column{
	float: left;
	margin: 0 20px 0 0;
	
}
#examplesList h3{
	color: #f2f2f2;
	font-size: 1.2em;
	margin: 0 0 15px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	padding: 0 0 5px 0;
	
}



 

 
.section {
	overflow:hidden;
	 }
.btn_top {
	display:none;
	}
/* //-----공통------- */



/* section0 Visual */


#section0 {
	position:relative;
	overflow: hidden;
	}
.main_visual_slick,
.main_visual_slick .slider,
.main_visual_slick .slick-list,
.main_visual_slick .slick-list .slick-track {
	height:100%;
	}
.main_visual_slick  .main_text_area{
	display: block;
	padding: 0 16%;
	width:100%;
	  -webkit-transition: all .8s 1s;
	-o-transition: all .8s 1s;
	transition: all .8s 1s;
	vertical-align:middle;
	top: 50%;
	position: absolute;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
	margin-top: 20px;
	}
.main_visual_slick  .main_text_area.txt_rest{
	top: 70%;
}
.main_visual_slick  .main_text_area.txt_cafe{
	left:50%;
	margin-left:-100px;
	top: 70%;
	
	}
.main_visual_slick  .main_text_area.txt_wedding{
	left:0%;
	}
.loaded .slick-active .main_text_area {
	opacity:1;
	margin-top: 0;
	}
.loaded .slick-active .main_text_area.txt_cafe{
	margin-top: 100px;
	}
.loaded .slick-active .main_text_area.txt_wedding{
	margin-top: 0px;
	}


.main_visual_slick  .sec0_bg_01 {
	position:relative;
	height:100%;
	background-position: center 0;
	background-repeat:no-repeat;
	background-size:cover;
	}
.main_visual_slick  .main_text_area .tit_slogan{
	text-shadow:0 1px 4px rgba(0,0,0,.6);
	text-align:left;
	font-size:140px;
	color:#fff;
	letter-spacing:-5px;
	line-height:1;
	 font-weight: 100;
	}
.main_visual_slick  .main_text_area .tit_slogan.text_kor{
	font-size:80px;
	font-size:400;
	font-family: 'Noto Sans KR',sans-serif;
	}
.main_visual_slick  .main_text_area .tit_small {
	text-shadow:2px 0px 0px rgba(0,0,0,.6);
	margin: 20px 0 0 10px;
	text-align:left;
	color:#fff;
	font-size:20px;
	letter-spacing: 0;
	line-height:1.2;
	 
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	}
 
 
.loaded .slick-active .main_visual_slick .main_text_area a {
	 opacity:1;
	 }
.main_visual_slick .slider {
	margin:0;
	}
.main_visual_slick .slick-arrow {
	width:58px;
	 height:58px;
	 z-index:1;
	 }

.main_visual_slick .slick_nav {
	position:absolute;
	bottom: 6.5%;
	width:100%;
	z-index:1;
	font-size:0;
	line-height:0;
	text-align:center;
	}
.main_visual_slick .slick_nav .slick_nav_dot {
	display:inline-block;
	}
.main_visual_slick .slick_nav .slick-dots {
	display:inline-block;
	 position:static;
	}
.main_visual_slick .slick_nav .slick-dots li {
	width:10px;
	height:10px;
	margin: 0;
	}
.main_visual_slick .slick_nav .slick-dots li + li {
	 margin-left:10px;
	 }
.main_visual_slick .slick_nav .slick-dots li button {
	border:1px solid #fff;
	 border-radius:50%;
	width:10px;
	 height:10px;
	 padding:0;
	}
.main_visual_slick .slick_nav .slick-dots li button:before {
	width:10px;
	 height:10px;
	}
.main_visual_slick .slick_nav .slick-dots li.slick-active button {
	background:#fff;
	}
 


@media(max-width:1280px){
	
.main_visual_slick  .main_text_area .tit_slogan {
	font-size:90px;
	}
 
 }
 
 @media(max-width:1000px){
	.main_visual_slick,
.main_visual_slick .slider,
.main_visual_slick .slick-list,
.main_visual_slick .slick-list .slick-track {
	height:500px;
	}
	.main_visual_slick  .sec0_bg_01 {
	 
	background-position: center 70px;
	background-repeat:no-repeat;
	background-size:cover;
	}
	.main_visual_slick  .main_text_area .tit_slogan {
		font-size:60px;
		text-shadow: 1px 1px 2px #000, 0 0 25px #000, 0 0 5px #000;
	}

	.main_visual_slick  .main_text_area .tit_small {
		text-shadow: 1px 1px 2px #000, 0 0 25px #000, 0 0 5px #000;
		
	}

	.main_visual_slick  .main_text_area.txt_cafe{
		left:0;
		margin-left:0px;
	
	}

	.main_visual_slick  .main_text_area .tit_slogan.text_kor{
		font-size:60px;
	}



 
 }
 

  @media(max-width:480px){
	.main_visual_slick,
.main_visual_slick .slider,
.main_visual_slick .slick-list,
.main_visual_slick .slick-list .slick-track {
	height:360px;
	}
	.main_visual_slick  .sec0_bg_01 {
	 
	background-position: center 60px;
	background-repeat:no-repeat;
	background-size:150%;
	}	
	.main_visual_slick  .main_text_area{
		padding: 0 5%;
		top: 70%;
		-webkit-transform: translate(0,-70%);
	-ms-transform: translate(0,-70%);
	transform: translate(0,-70%);
	
	}
	.main_visual_slick  .main_text_area .tit_slogan{
		font-size:50px;
		text-shadow: 1px 1px 2px #000;
		letter-spacing:0;
		 
		
	}

	.main_visual_slick  .main_text_area .tit_small {
		text-shadow: 1px 1px 2px #000;
		
	}

	.main_visual_slick  .main_text_area .tit_slogan.text_kor{
		font-size:45px;
	}

  }

   @media(max-width:380px){
	.main_visual_slick,
	.main_visual_slick .slider,
	.main_visual_slick .slick-list,
	.main_visual_slick .slick-list .slick-track {
		height:360px;
		}
	.main_visual_slick  .sec0_bg_01 {
	 
	background-position: center 60px;
	background-repeat:no-repeat;
	background-size:cover;
	}	

	.main_visual_slick  .main_text_area .tit_slogan{
	
	font-size:45px;
	}
	.main_visual_slick  .main_text_area .tit_slogan.text_kor{
		font-size:40px;
	}
	.main_visual_slick  .main_text_area .tit_small {
		font-size:17px;
	}

}

/* section1 Cafe*/
.page-template-template-col-4 #menu-page{
	overflow:hidden;
	position:relative;
	}

 


 h1.title{
	position:absolute;
	left:50%;
	top:120px;
 
	font-family:'NanumMyeongjo',sans-serif;
	font-size:110px;
	color:#fff;
	 text-shadow:0 1px 4px rgba(0,0,0,.2);
	z-index:80;
	margin:auto;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%)
	
	}


	h2.cafetitle{
	color:#fff;
	font-family:'NanumMyeongjo',sans-serif;
	font-size:50px;
	line-height:1;
	margin:0 0 30px;
	 text-shadow:0 1px 4px rgba(0,0,0,.2);
	-webkit-transition:.4s cubic-bezier(.165,.84,.44,1);
	transition:.4s cubic-bezier(.165,.84,.44,1)
	
	
	}
 
@media(max-width:480px){

		h2.cafetitle{
			font-size:35px;
		}
 
 }
 
 

.page-full{
	position:relative;
	width:100%;
	height:100vh;
	overflow:hidden}
 

.page-full-col{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row;
	text-align:center;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	width:105%}

 
.page-full-col .page-full-col__item{
	height:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	position:relative;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	overflow:hidden}
.page-full-col .page-full-col__item .bg__cntr{
	-webkit-mask-image:url(../image/mask-left.png);
	mask-image:url(../image/mask-left.png);
	-webkit-mask-repeat:no-repeat;
	-webkit-mask-size:100% 100%}
 
.page-full-col .page-full-col__item:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5;
	background:#000;
	opacity:0;
	-webkit-transition:.4s cubic-bezier(.165,.84,.44,1);
	transition:.4s cubic-bezier(.165,.84,.44,1)}
.page-full-col .page-full-col__item:hover:before{
	opacity:.6}
.page-full-col .page-full-col__item.light-blue-hover:before{
	background:#00349c}
.page-full-col .page-full-col__item.light-blue-hover:hover:before{
	opacity:.12}
.page-full-col .page-full-col__item.light-hover:hover:before{
	opacity:.32}
.page-full-col .page-full-col__item.btn-on-hover a{
	position:absolute;
	bottom:-1.5em;
	left:50%;
	-webkit-transform:translate(-50%,12px);
	-ms-transform:translate(-50%,12px);
	transform:translate(-50%,12px);
	opacity:0;
	-webkit-transition:.8s cubic-bezier(.165,.84,.44,1);
	transition:.8s cubic-bezier(.165,.84,.44,1)}
 
.page-full-col .page-full-col__item.btn-on-hover:hover .col__item--inner h2{
	-webkit-transform:translateY(-12px);
	-ms-transform:translateY(-12px);
	transform:translateY(-12px)}
 
.page-full-col .page-full-col__item.btn-on-hover:hover a{
	-webkit-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	transform:translate(-50%,0);
	opacity:1}
 
.page-full-col .page-full-col__item .col__item--inner,.page-full-col .page-full-col__item .content__inner{
	position:relative;
	z-index:10;
	}
.page-full-col .page-full-col__item .col__item--inner .target,.page-full-col .page-full-col__item .content__inner .target{
	position:absolute;
	left:0;
	top:0}
 


.page-full-col--4 .page-full-col__item{
	width:50%}
.page-full-col--4 .page-full-col__item--1{
	z-index:10;
	-webkit-transform:none;
	-ms-transform:none;
	transform:none}
.page-full-col--4 .page-full-col__item--2{
	z-index:5;
	-webkit-mask-image:none;
	mask-image:none;
	-webkit-transform:translateX(-5%);
	-ms-transform:translateX(-5%);
	transform:translateX(-5%)}
.page-full-col--4 .page-full-col__item--3{
	z-index:15;
	-webkit-mask-image:url(../image/mask-right.png);
	mask-image:url(../image/mask-right.png);
	-webkit-mask-repeat:no-repeat;
	-webkit-mask-size:100% 100%;
	-webkit-transform:translateX(-10%);
	-ms-transform:translateX(-10%);
	transform:translateX(-10%)}
.page-full-col--4 .page-full-col__item--4{
	z-index:20;
	-webkit-mask-image:url(../image/mask-right.png);
	mask-image:url(../image/mask-right.png);
	-webkit-transform:translateX(-15%);
	-ms-transform:translateX(-15%);
	transform:translateX(-15%)}

 
  

.bg__cntr{
	position:absolute;
	top:-5px;
	left:-5px;
	bottom:-5px;
	right:-5px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center}

.btn-ltr{
	display:inline-block;
	border-radius:20px;
	padding-left:50px;
	padding-right:50px;
	height:30px;
	text-decoration:none;
	position:relative;
	-webkit-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	border:0}
.btn-ltr:hover .btn-hover:before{
	opacity:1;
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0);
	-webkit-transition:-webkit-transform .3s cubic-bezier(.25,.46,.45,.94);
	transition:-webkit-transform .3s cubic-bezier(.25,.46,.45,.94);
	transition:transform .3s cubic-bezier(.25,.46,.45,.94);
	transition:transform .3s cubic-bezier(.25,.46,.45,.94),-webkit-transform .3s cubic-bezier(.25,.46,.45,.94)}
.btn-ltr:hover .btn-hover:after{
	opacity:1;
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0);
	left:0;
	-webkit-transition:-webkit-transform 0s cubic-bezier(.25,.46,.45,.94) .3s;
	transition:-webkit-transform 0s cubic-bezier(.25,.46,.45,.94) .3s;
	transition:transform 0s cubic-bezier(.25,.46,.45,.94) .3s;
	transition:transform 0s cubic-bezier(.25,.46,.45,.94) .3s,-webkit-transform 0s cubic-bezier(.25,.46,.45,.94) .3s}
.btn-inner{
	position:relative;
	display:inline-block;
	z-index:3;
	top:5px;
	 -webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	-webkit-transition:color .3s cubic-bezier(.25,.46,.45,.94);
	transition:color .3s cubic-bezier(.25,.46,.45,.94)}
.btn-inner span{
	font-size:13px;
	}
.btn-hover{
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	width:100%;
	overflow:hidden;
	border-radius:36px;
	height:30px;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)}
.btn-hover:after,.btn-hover:before{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	overflow:hidden;
	background:#d83b38;
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)}
.btn-hover:before{
	left:0;
	width:100%;
	z-index:1;
	-webkit-transform:translateX(-100%);
	-ms-transform:translateX(-100%);
	transform:translateX(-100%);
	-webkit-transition:opacity .3s cubic-bezier(.25,.46,.45,.94);
	transition:opacity .3s cubic-bezier(.25,.46,.45,.94)}
.btn-hover:after{
	left:0;
	z-index:2;
	-webkit-transform:translateX(100%);
	-ms-transform:translateX(100%);
	transform:translateX(100%);
	-webkit-transition:opacity .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .3s cubic-bezier(.165,.84,.44,1);
	transition:opacity .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .3s cubic-bezier(.165,.84,.44,1);
	transition:transform .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1);
	transition:transform .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .3s cubic-bezier(.165,.84,.44,1)}
.btn-border{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border-radius:10px;
	z-index:5;
	border:2px solid transparent;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)}
 
.btn-ltr--yellow{
	color:#fff}
.btn-ltr--yellow .btn-hover:before{
	background-color:#fff}
.btn-ltr--yellow .btn-hover:after{
	background-color:#fff}
.btn-ltr--yellow .btn-hover{
	background-color:#d46000}
.btn-ltr--yellow .btn-border{
	border-color:#d46000;
	display:none}
.btn-ltr--yellow:hover{
	color:#000}



@media screen and (max-width:1000px){
		h1.title{
			top:70px;
			font-size:63px
		}
		.page-full{
			height:auto
		}

		.page-full-col{-webkit-box-orient:horizontal;
			-webkit-box-direction:normal;
			-ms-flex-direction:row;
			flex-direction:row;
			width:100%;
			height:100%;
			position:relative
		
		}		
		.page-full-col .page-full-col__item .bg__cntr{-webkit-mask-image:url(../image/mask-bottom.png);
			mask-image:url(../image/mask-bottom.png);
			-webkit-mask-repeat:no-repeat;
			-webkit-mask-size:100% 100%
		}		
		.page-full-col .page-full-col__item.btn-on-hover a{
			position:relative;
			left:0;
			bottom:0;
			opacity:1;
			-webkit-transform:none;
			-ms-transform:none;
			transform:none
		}		
		.page-full-col .page-full-col__item.btn-on-hover:hover .col__item--inner h2{
			-webkit-transform:none;
			-ms-transform:none;
			transform:none
		}		
		.page-full-col .page-full-col__item.btn-on-hover:hover a{opacity:1;
			-webkit-transform:none;
			-ms-transform:none;
			transform:none
		}		
		.page-full-col--4 .page-full-col__item{height:50vh; min-height:450px;
			width:50%
		}		
		.page-full-col--4 .page-full-col__item--1{
			z-index:20;
			-webkit-mask-image:url(../image/mask-bottom.png);
			mask-image:url(../image/mask-bottom.png);
			
			-webkit-transform:translateY(0);
			-ms-transform:translateY(0);
			transform:translateY(0)
		}		
		.page-full-col--4 .page-full-col__item--2{
			z-index:15;
			-webkit-mask-image:url(../image/mask-bottom.png);
			mask-image:url(../image/mask-bottom.png);
			-webkit-transform:translateY(0);
			-ms-transform:translateY(0);
			transform:translateY(0)
		}		
		.page-full-col--4 .page-full-col__item--3{
			z-index:10;
			-webkit-mask-image:url(../image/mask-bottom.png);
			mask-image:url(../image/mask-bottom.png);
			-webkit-transform:translateY(0px);
			-ms-transform:translateY(0px);
			transform:translateY(0px)
		}		
		.page-full-col--4 .page-full-col__item--4{
			z-index:5;
			-webkit-mask-image:url(../image/mask-bottom.png);
			mask-image:url(../image/mask-bottom.png);
			-webkit-transform:translateY(0px);
			-ms-transform:translateY(0px);
			transform:translateY(0px)
		}	
		
		.btn-ltr{
			display:block;
			padding-left:0;
			padding-right:0px;
			margin:0 auto;
			width:100px;
			text-align:center;
		}
		.btn-inner{
			display:block;
			text-align:center;
			width:100%;
		}


}		

@media screen and (max-width:480px){
	
	h1.title{
		display:none;
	}
	.page-full-col--4 .page-full-col__item{
			height:30vh;
			min-height:250px;
			
		}		
	 
}



/* section2 gallery_slick */
#section2 {
	position:relative;
	overflow: hidden;
	}
.main_visual_slickB,
.main_visual_slickB .slider,
.main_visual_slickB .slick-list,
.main_visual_slickB .slick-list .slick-track {
	height:100%;
	}
.main_visual_slickB .main_text_area{
	display: block;
	padding: 0 0;
	-webkit-transition: all .8s 1s;
	-o-transition: all .8s 1s;
	transition: all .8s 1s;
	vertical-align:middle;
	top: 50%;
	position: absolute;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
	margin-top: 20px;
	left:12%;
	 }

.main_visual_slickB .btn_play{
	display:inline-block;
	margin-top:2vw}
.main_visual_slickB .sec0_bg_01 {
	 position:relative;
	 
	height:100%;
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
	}
.main_visual_slickB .main_text_area .tit_slogan {
	text-align:left;
	font-size:150px;
	color:#fff;
	letter-spacing:-5px;
	line-height:1;
	 font-weight: 100;
	}
.main_visual_slickB .main_text_area .tit_small {
	margin: 30px 20px 0 20px;
	text-align:left;
	color:#fff;
	font-size:18px;
	letter-spacing: 0;
	line-height:1.2;	 
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	}
 
.main_visual_slickB .main_text_area a {
	
	opacity:0;
	-webkit-transition: opacity .8s 1.5s;
	-o-transition: opacity .8s 1.5s;
	transition: opacity .8s 1.5s;
	}
  .main_visual_slickB .slick-active .main_text_area a {
	 opacity:1;
	 display:block;
	 
	 width:100px;
	margin: 30px 0 0 20px;
	 }
.main_visual_slickB .btn_more {
	margin: 0px;
	padding:3px 0px;
	height:2.5%;
	border:1px solid #fff;
	 color:#fff;
	font-size:13px;
	text-align:center;
	}


.main_visual_slickB .slider {
	margin:0;
	}
.main_visual_slickB .slick-arrow {
	width:58px;
	 height:58px;
	 z-index:1;
	 }

.main_visual_slickB .slick_nav {
	position:absolute;
	bottom: 6.5%;
	width:100%;
	z-index:1;
	font-size:0;
	line-height:0;
	text-align:center;
	}
.main_visual_slickB .slick_nav .slick_nav_dot {
	display:inline-block;
	}
.main_visual_slickB .slick_nav .slick-dots {
	display:inline-block;
	 position:static;
	}
.main_visual_slickB .slick_nav .slick-dots li {
	width:10px;
	height:10px;
	margin: 0;
	}
.main_visual_slickB .slick_nav .slick-dots li + li {
	 margin-left:10px;
	 }
.main_visual_slickB .slick_nav .slick-dots li button {
	border:1px solid #fff;
	 border-radius:50%;
	 width:10px;
	 height:10px;
	 padding:0;
	}
.main_visual_slickB .slick_nav .slick-dots li button:before {
	width:10px;
	 height:10px;
	}
.main_visual_slickB .slick_nav .slick-dots li.slick-active button {
	background:#fff;
	}
.main_visual_slickB .slick_nav .slick_pause {
	display:inline-block;
	margin:-2px 0 0 10px;
	 width:12px;
	 height:12px;
	 text-indent:-9999px;
	 background:url(../img/main/btn_autostop.png) no-repeat center top;
	 border:0 none;
	}
.main_visual_slickB .slick_nav .slick_pause.on {
	background-position:center bottom;
	}
 

@media(max-width:1200px){
	
.main_visual_slickB  .main_text_area .tit_slogan  {
	font-size:100px;
	}

 
 }
 @media(max-width:1000px){
	.main_visual_slickB,
	.main_visual_slickB .slider,
	.main_visual_slickB .slick-list,
	.main_visual_slickB .slick-list .slick-track {
		height:500px;
	}
	.main_visual_slickB  .main_text_area .tit_slogan {
		font-size:60px;
	}

 
 }

 @media(max-width:480px){
	.main_visual_slickB,
	.main_visual_slickB .slider,
	.main_visual_slickB .slick-list,
	.main_visual_slickB .slick-list .slick-track {
		height:400px;
	}
	.main_visual_slickB  .main_text_area .tit_slogan {
		font-size:40px;
		letter-spacing:0;
	}

 
 }
 
 
/* section4*/
#section4{
	background:url(../image/back_wedding.jpg) no-repeat 0 0;
	background-size:100% auto;
	height:100%;
	}
.wedding_slick{
	height:100%;
	}

.wedding_slick .slide_01{
	 }
.wedding_slick .slide_01_inner{
	}
.wedding_slick .txt_wrap{
	left:15%;
	display: block;
	padding: 0 0;
	opacity: 0;
	-webkit-transition: all .8s 1s;
	-o-transition: all .8s 1s;
	transition: all .8s 1s;
	vertical-align:middle;
	top: 25%;
	position: absolute;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
	margin-top: 20px;
	}
.wedding_slick .txt_wrap .tit_slogan{
	display:block;
	text-align:left;
	font-size:90px;
	color:#000;
	letter-spacing:-5px;
	line-height:1;
	 font-weight: 100;
	float:left;
	}
.wedding_slick .txt_wrap .infotxt{
	float:left;
	margin-left:100px;
	} 
.wedding_slick .txt_wrap .infotxt .p_tit{
	display:block;
	font-size:40px;
	;
	}
.wedding_slick .txt_wrap .infotxt .p_text{
	display:block;
	font-size:15px;
	padding-top:20px;
	}
.loaded .wedding_slick .txt_wrap {
	 opacity:1;
	 }

.wedding_slick .btn_more2 {
	margin: 3rem 0 0 1rem;
	padding:3px 20px;
	height:2.5%;
	border:1px solid #ccc;
	display:inline-block;
	color:#333;
	font-size:13px;
	}

 /* section3*/
#section3{
	height:100%;
	}
.section3_wrap h2{
	text-align:center;
	font-size:90px;
	color:#000;
	letter-spacing:-5px;
	line-height:1;
	 font-weight: 100;
	}

 
.mapareabox{
	margin-top:50px;
	 position: relative;
	width: 100%;
	height: 500px;
	overflow: hidden;
	}

.mapareabox #map {
	width: 100%;
	height: 100%;
	
	 
}
.mapareabox:after{
	clear:both;
	display:block;
	content:'';
	}
.mapareabox .maparea{
	width:60%;
	float:left;
	background:red;
	height: 100%;
	}

.mapareabox .coninfo{
	height: 100%;
	padding: 0;
	background: #fff;
	 width:40%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	  }
.mapareabox .coninfo .coninfo_in{
	border:10px solid #d2d1cd;
	height:100%;
	}
.mapareabox .coninfo .coninfo_in h3{
	margin-top:50px;
	font-size:30px;
	text-align:center;
	background: url(../image/bar.png) no-repeat center bottom;
	padding-bottom:20px;
	}
.mapareabox .coninfo .coninfo_in .txtinfo{
	font-size:14px;
	text-align:center;
	font-weight:300;
	margin-top:30px;
	}
.mapareabox .coninfo .coninfo_in .txtinfo span.telno{
	color:#000;
	font-weight:500;
	font-size:17px;
	}
.mapareabox .coninfo .coninfo_in .btnarea{
	text-align:center;
	margin:30px auto;
	width:100px;
	background:#f6f6f6;
	border:3px solid #cccccc;
	padding:4px 10px;
	position:relative;
	}
.mapareabox .coninfo .coninfo_in .btnarea a{
	font-size:14px;
	}

 @media(max-width:1000px){

	.section3_wrap h2{

		font-size:70px;
	}
 }

  @media(max-width:680px){

	.section3_wrap h2{
		letter-spacing:0px;
		font-size:50px;
		margin-top:60px;
	}
	.mapareabox{
		height: auto;
	}
	.mapareabox .maparea{
		width:100%;
		float:none;
	}
	.mapareabox #map {
		height:350px;
	}

	.mapareabox .coninfo{
		width:100%;
		position: relative;
		height: auto;
	}

	.mapareabox .coninfo .coninfo_in{
		height: auto;
		padding:0 10px;
	}
	.mapareabox .coninfo .coninfo_in h3{
		margin-top:20px;
	}
 }
  @media(max-width:460px){ 
	.mapareabox #map {
		height:250px;
	}
	.section3_wrap h2{
		 
		font-size:35px;
	 
	}
}

 .fullpage-wrapper #section0 .dimmed {
	position:absolute;
	top: -999em;
	bottom: 0;
	height: auto;
	z-index: 9999;
	}
 
/* 
 #divpop111{
	background:#bfbfbf;
	position:absolute;
	left:50px;
	top:80px;
	z-index:10000;
	visibility:hidden;
	border:0px solid #bfbfbf;
	max-width:100%;
 }
 #divpop111 .popbox{
	background:#fff;
	text-align:center;
	padding-bottom:0px;
	position:relative;
 }
  #divpop111 .popbox img{max-width:100%;}

  @media(max-width:600px){

		 #divpop111{
				left:0px;
		 }
 
 }


*/

 
  
 #POPUPBOX{
	position:absolute;
	left:50px;
	top:90px;
	z-index:101;
	max-width:100%;
	

 }
 #divpop111{
	 
	position:relative;
	display:inline-block;
	left:0;
	top:0px;
	z-index:101;
	/*visibility:hidden;*/
	border:0px solid #fff;
	max-width:100%;
 
	 
 }
  #divpop222{
	display:inline-block;
	 
	 
	position:relative;
	left:0;
	top:0px;
	z-index:100;
	visibility:hidden;
	border:0px solid #fff;
	max-width:100%;
	 
 }
 #divpop111 .popbox,
 #divpop222 .popbox{
	 
	text-align:center;
	padding-bottom:0px;
	position:relative;
 }
 #divpop111 .popbox img,
 #divpop222 .popbox img{display:block;max-width:100%;}

 .popuparea{margin-left:10px;}
.popuparea .pop-close{position:relative;text-align:right;padding:5px;background:#333}
.popuparea .pop-close a{position:relative;color:#f7f7f7;z-index:2; }

.popuparea .pop-close .todayt{
	position:absolute;
	left:10px;
	top:3px;
	color:#fff;
	opacity:.7;
	font-size:80%;
	font-weight:normal; 
	z-index:3;
}
.popuparea .pop-close .todayt input{
	 
	display:inline-block;
	 
	width:10px;
	height:10px;
	 
 
	vertical-align:middle;
	 
}
.popuparea .pop-close .todayt  span{display:inline-block; vertical-align:middle;}
 
  
@media(max-width:900px){

	#POPUPBOX{
		position:absolute;
		left:0;
	 }
}