@charset "UTF-8";
/* reset css */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,
big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,
dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,
embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
body {line-height: 1;}
ol,ul {list-style: none;}
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}

/* yd_setMenuBar */

.yd-menu-btn{
	display:block;
	position:relative;
	width:40px;
	height:40px;
	cursor:pointer;
	background:#eee;
	overflow:hidden;
	outline: none;
	border-radius: 5px;
	border: none;
}
.yd-menu-btn .icon-bar{
	width:calc(100%);
	height:2px;
	display:block;
	margin:7px auto;
	background:#666;
	border-radius:5px;
	position:relative;

}
.yd-menu{
	opacity: 0;
}
.yd-menu-btn .ibar:nth-child(1){
	margin-top:7px;
}
.yd-menu-btn.yd-mobile{
	display: none;
}
.rotate_l{
	animation:go_rotate_l 0.3s linear 0s 1 forwards; 
	position: absolute;
	top: 10px;
	left: 0;
}
.rotate_r{
	animation:go_rotate_r 0.3s linear 0s 1 forwards; 
	position: absolute;
	top: 10px;
	left: 0;
}
.default{
	animation:go_default 0.3s linear 0s 1 forwards;
	opacity: 1;
	position: static;
}
.yd-mobile.show_menu{
	opacity: 1;
}
.yd-mobile.hide_menu{;
	display: none;
}
@media (max-width: 767px) {
	.show_menu{
		position: static!important;
	}
}
.hide_menu{
	display: block;
}
.hide_box{
	display: none;
}
.show_box{
	animation:go_show_menu 0.3s linear 0s 1 forwards;
}
@media (max-width: 767px) {
	.yd-menu-btn.yd-mobile{
		display: block;
	}
	.show_menu{
		animation:go_show_menu 0.3s linear 0s 1 forwards;
	}
	.hide_menu{
		display: none;
		animation:go_hide_menu 0.2s linear 0s 1 forwards;
	}
}
@keyframes go_rotate_l {
	0%{transform:rotate(0deg) scaleX(1);}
	100%{transform:rotate(-135deg) scaleX(1);}
}
@keyframes go_rotate_r {
	0%{transform:rotate(0deg) scaleX(1);}
	100%{transform:rotate(135deg) scaleX(1);}
}
@keyframes go_default {
	100%{transform:rotate(0);background: #999;}
}
@keyframes go_show_menu {
	0% {opacity: 0;} 
    100% {opacity: 1;}
}
@keyframes go_hide_menu {
	0%{
		position: static;
	}
    100% {opacity: 0;display: none;position: static;}
}

/* lightBox */
.yd-mask{
	position:fixed;
	background:rgba(0,0,0,0.8);
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:none;
	padding: 0;
	overflow-y: auto;
	z-index: 99999999;
}
.yd-light-box{
	display: none;
	max-width: 500px;
	min-width: 300px;
	min-height: 200px;
	background: #fff;
	margin: 100px auto 0;
	padding: 10px;
	position: relative;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.5);
}
.yd-light-box .yd-close-btn{
	width: 30px;
	height: 30px;
	border-radius: 20px;
	background: rgba(249,107,88,1);
	color:#fff;
	text-align: center;
	line-height: 30px;
	text-decoration: none;
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
}
.yd-blur{
	-webkit-filter: blur(5px); /* Safari */
    filter: blur(10px);
}

.pic_box{
    width:calc(50%);
    margin: 5% auto;
    top: 3%;
    z-index: 999999999;
    position: relative;
    pointer-events: none;
    border-radius: 5px;
}

.pic_box .slicker .img_wrap img{
	border-radius: 5px;
	outline: none;
	width: 100%;
}
.pic_box div{
    border-radius: 0;
}
.pic_box .slick-prev {
    left: -60px;
    background: url(../../images/arrow-01.svg) center no-repeat;
    width: 50px;
    height: 40px;
}
.pic_box .slick-next {
    right: -60px;
    background: url(../../images/arrow-02.svg) center no-repeat;
    width: 50px;
    height: 40px;
}
.pic_box .slick-dots{
    bottom: -40px;
    transform: scale(0.7);
    color:#fff;
}
.pic_box .slick-dots li button:before{
	color:#fff;
}
.pic_box .slick-prev:before,
.pic_box .slick-next:before{
    color:#333;
    font-size: 30px;
    display: none;
}
.pic_box .yd-close-btn{
    position: absolute;
    right: -40px;
    top: -40px;
    display: none;
}

@media (max-width: 767px) {
	.yd-light-box{
		display: none;
		max-width: 500px;
		min-width: 300px;
		min-height: 200px;
		width: calc(100% - 40px);
		background: #fff;
		margin: 10px auto 0;
		padding: 10px;
		position: relative;
		box-shadow: 0 5px 10px 0 rgba(0,0,0,0.5);
	}
}