@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500&family=Roboto:wght@300;400&family=Sawarabi+Gothic&display=swap');
html{ font-size: 62.5%;overflow-x: hidden;scroll-behavior: smooth;overscroll-behavior-y: contain;-webkit-overflow-scrolling: touch;}
body{ color: #000;line-height: 1.7;word-spacing: 0;font-size: 1.5rem;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-moz-text-size-adjust: 100%; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","MS Pゴシック","MS PGothic",sans-serif;}
*{ margin: 0;padding: 0;box-sizing: border-box;border: 0;}
h1,h2,h3,h4,h5,h6{ font-size: 100%;font-weight: 400;}
ol,ul{ list-style: none;}
table{ border-collapse: collapse;border-spacing: 0;}
th{ text-align: left;font-weight: 400;}
a{ color: inherit;text-decoration: none;}
img{vertical-align: bottom; max-width: 100%;}
.ds-flex{ display: flex;flex-wrap: wrap;justify-content: space-between;}
.container {max-width: 1000px; width: calc(100% - 40px); margin: 0 auto;}
.container-1200 {max-width: 1200px; width: calc(100% - 40px); margin: 0 auto;}
.container-1500 {max-width: 1500px; width: calc(100% - 40px); margin: 0 auto;}
.main {padding-bottom: 100px; overflow: hidden;}
.main-cap {font-size: 1rem; padding: 50px 0;}
a[href^="tel:"]{  pointer-events: none; }
.only-md{  display: none !important; }
.only-sp{display: none !important;}
@font-face {font-family: 'Ryumin-Pro'; src: url('../fonts/Ryumin-Pro.otf') format("opentype");}
@font-face {font-family: 'Conduit ITC'; src: url('../fonts/conduit_itc_light1.ttf') format("truetype");}
@font-face {font-family: 'HannariMincho'; src: url('../fonts/Hannari.woff') format("woff");}
.coming {pointer-events: none; color: #b9b9b9 !important;}

@media screen and (max-width: 1050px) {
	.only-md{display: block !important;}
}
@media screen and (max-width: 768px) {
	.only-pc{display: none !important;}
	.only-sp{display: block !important;}
	a[href^="tel:"]{  pointer-events: auto; }
	.main {padding-bottom: 60px;}
}

/**=== == == == == == == == == == == == == == == == == == == == == 
=>                     header
== == == == == == == == == == == == == == == == == == == == === * */
.header{ position: sticky;top: 0;left: 0;right: 0;z-index: 10;background: #fff;}
.header-top{ padding: 15px 0;display: flex;justify-content: space-between;align-items: center;}
.header-top .header-logo img{width: 83px;}
.header-logo:hover{ opacity: .7;}
.header-right{ display: flex;align-items: center;justify-content: center;}
.header-tel{ font-size: 30px;display: flex;align-items: center;justify-content: center;}
.header-tel::before{ content: "";background-image: url(../images/common/header-tel.svg);background-repeat: no-repeat;background-size: cover;display: inline-block;width: 35px;height: 30px;margin-right: 8px;}
.header-btn{ background: url(../images/common/header-btn-bg.jpg);background-size: auto 100%;color: #fff;padding: 10px 24px;margin-left: 30px;display: flex;align-items: center;justify-content: center;}
.header-btn::after{ content: "";display: inline-block;width: 8px;height: 8px;background-image: url(../images/common/ic_right.svg);background-repeat: no-repeat;margin-left: 16px;}
.header-btn:hover,.header-tel:hover{ opacity: .7;}
.header-menu {background: #ac6f00;display: block;}

/*== == == == ==>concept<== == == == == */
.header-menu-info li:nth-of-type(1) a::before {
	content: "CONCEPT";
}
.header-menu-info li:nth-of-type(1) a:hover::before {
	content: "コンセプト";
}

.header-menu-info li:nth-of-type(1) a.active::before {
	content: "コンセプト";
}
/*== == == == ==>ROOMTYPE<== == == == == */
.header-menu-info li:nth-of-type(2) a::before {
	content: "ROOM TYPE";
}
.header-menu-info li:nth-of-type(2) a:hover::before {
	content: "ルームタイプ";
}

.header-menu-info li:nth-of-type(2) a.active::before {
	content: "ルームタイプ";
}
/*== == == == ==>ACCESS<== == == == == */
.header-menu-info li:nth-of-type(3) a::before {
	content: "ACCESS";
}
.header-menu-info li:nth-of-type(3) a:hover::before {
	content: "アクセス";
}

.header-menu-info li:nth-of-type(3) a.active::before {
	content: "アクセス";
}
/*== == == == ==>LOCATION<== == == == == */
.header-menu-info li:nth-of-type(4) a::before {
	content: "LOCATION";
}
.header-menu-info li:nth-of-type(4) a:hover::before {
	content: "周辺環境";
}

.header-menu-info li:nth-of-type(4) a.active::before {
	content: "周辺環境";
}
/*== == == == ==>FACILITIES<== == == == == */
.header-menu-info li:nth-of-type(5) a::before {
	content: "FACILITIES";
}
.header-menu-info li:nth-of-type(5) a:hover::before {
	content: "設備・仕様";
}

.header-menu-info li:nth-of-type(5) a.active::before {
	content: "設備・仕様";
}
/*== == == == ==>PLAN<== == == == == */
.header-menu-info li:nth-of-type(6) a::before {
	content: "PLAN";
}
.header-menu-info li:nth-of-type(6) a:hover::before {
	content: "間取り図";
}

.header-menu-info li:nth-of-type(6) a.active::before {
	content: "間取り図";
}
/*== == == == ==>OUTLINE<== == == == == */
.header-menu-info li:nth-of-type(7) a::before {
	content: "OUTLINE";
}
.header-menu-info li:nth-of-type(7) a:hover::before {
	content: "物件概要";
}
.header-menu-info li:nth-of-type(7) a.active::before {
	content: "物件概要";
}
/*== == == == ==>MOVIE<== == == == == */
.header-menu-info li:nth-of-type(8) a::before {
	content: "MOVIE";
}
.header-menu-info li:nth-of-type(8) a:hover::before {
	content: "ムービー";
}

.header-menu-info li:nth-of-type(8) a.active::before {
	content: "ムービー";
}
/*== == == == ==>AWARD<== == == == == */
.header-menu-info li:nth-of-type(9) a::before {
	content: "AWARD";
}
.header-menu-info li:nth-of-type(9) a:hover::before {
	content: "AWARD";
}

.header-menu-info li:nth-of-type(9) a.active::before {
	content: "AWARD";
}



.header-menu-info{ display: flex;flex-wrap: wrap;justify-content: space-between;}
.un{ pointer-events: none!important;}
.header-menu-info li{ width: 12.5%;}
.header-menu-info a {padding: 12px 0;display: block;text-align: center;color: #fff;font-family: "EB Garamond", serif; font-size: 14px;}
.header-menu-info a:hover {background: #7c5000;}
.header-menu-info a.active {background: #7c5000;}

.header-menu-info a:hover::after {font-size: 14px;}


/**=== == == == == == == == == == == == == == == == == == == == == 
=>                     go top
== == == == == == == == == == == == == == == == == == == == === * */
#go-top{ z-index: 2; position: fixed;right: 0; bottom: 20px;cursor: pointer;width: 105px;height: 27px;background-image: url(../images/common/gotop.jpg);background-repeat: no-repeat;background-size: cover;}
#go-top:hover{ opacity: .7;}
/**=== == == == == == == == == == == == == == == == == == == == == 
=>                     footer
== == == == == == == == == == == == == == == == == == == == === * */
.footer-menu{ text-align: center;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.footer-menu a{ padding: 0 12px;border-left: 1px solid #000;font-size: 14px;line-height: 1;margin-bottom: 10px;}
.footer-menu a:last-child{ border-right: 1px solid #000;}
.footer-menu a.active{ text-decoration: underline; pointer-events: none;}
.footer-menu a:hover{ color: rgba(0,0,0,.596);}
.footer-main{ margin-top: 30px;background-color: #000;padding-top: 20px;padding-bottom: 16px;}
.footer-main .container{ display: flex;flex-wrap: wrap;}
.footer-main-left{ width: 45%;}
.footer-main-tile{ font-size: 30px;color: #fff; line-height: 1;}
.footer-main-text{ font-size: 14px;color: #fff;margin-top: 24px;}
.footer-main-link:hover{ opacity: .7;}
.footer-main-tel{ display: flex;align-items: center;font-size: 40px;color: #fff; margin-top: 20px;}
.footer-main-tel::before{ content: "";display: inline-block;width: 44px;height: 38px;background-image: url(../images/common/footer-tel.svg);background-repeat: no-repeat;background-size: cover;margin-right: 10px;}
.footer-main-right{ width: 55%;}
.footer-main-right .footer-main-text{ margin-top: 0;}
.footer-main-right-btns{ margin-top: 30px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.footer-main-right-btns .header-btn{ margin-left: 0;padding: 5px 10px;width: 45%;}
.footer-main-right-btns a:nth-of-type(2){ width: 51%;}
.footer-main-right-award{ background-image: url(../images/common/footer-btn-bg.png);background-size: cover;background-repeat: no-repeat;padding: 10px;padding-left: 20px;display: flex;align-items: center;justify-content: space-between;}
.footer-main-right-award-text{ color: #fff;font-size: 20px;font-style: italic;font-family: "EB Garamond",serif;}
.footer-main-right-award-more{ color: #fff;font-size: 15px;font-family: "EB Garamond",serif;font-style: italic;padding: 4px 18px 4px 22px;border: 1px solid #fff;line-height: 1;}
.footer-main-right-award-more:hover{ opacity: .4;}
.footer-main-right-award-more::after{ content: "";display: inline-block;width: 8px;height: 8px;background-image: url(../images/common/ic_right.svg);background-repeat: no-repeat;margin-left: 12px;}
.footer-main-bottom{ width: 100%;margin-top: 30px;font-size: 10px;color: #fff;text-align: center;}
@media screen and (max-width: 840px) {
 .footer-main-right-btns{ grid-template-columns: repeat(1,minmax(0,1fr));}
}

@media screen and (max-width: 768px) {
.header{ position: sticky;top: 0;left: 0;width: 100%;z-index: 9;}
.header > .container{ width: 100%;padding: 15px 2.5%;border-bottom: 1px solid #ccc;}
.header-menu-info{ width: 100%;}
.header-menu-info li{ width: 100%;}
.header-menu .header-menu-info a:nth-of-type(1){ border-top: 1px dotted #b7b7b7;}
.header-right{ align-items: flex-start;}
.header-tel{ font-size: 0;flex-direction: column;}
.header-tel::before{ margin-right: 0;}
.header-email,.header-tel .only-sp{ font-size: 13px;font-weight: 300;font-family: "myriad pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック","MS PGothic",Osaka,Arial,Helvetica,Verdana,sans-serif;text-align: center;}
.header-email{ display: flex;flex-direction: column;justify-content: center;align-items: center;margin: 0 30px;text-align: center;}
.header-email::before{ content: "";background-image: url(../images/common/ic_email.svg);background-repeat: no-repeat;background-size: cover;background-position: left top;display: block;width: 40px;height: 40px;margin: -5px 0;}
.header-icon-menu{ display: inline-block;position: relative;width: 35px;height: 25px;cursor: pointer;margin-top: 3px;transition: all .3s ease-in-out;}
.header-icon-menu span{ position: absolute;left: 0;width: 100%;height: 4px;background: #0c0c0c;transition: all .3s ease-in-out;}
.header-icon-menu span:nth-child(1){ top: 0;}
.header-icon-menu span:nth-child(2){ top: calc(50% - 2px);}
.header-icon-menu span:nth-child(3){ bottom: 0;}
.header-icon-menu.open span:nth-child(1){ top: calc(50% - 2px);transform: rotate(45deg);}
.header-icon-menu.open span:nth-child(2){ width: 0;}
.header-icon-menu.open span:nth-child(3){ top: calc(50% - 2px);transform: rotate(-45deg);}
.header-menu{ background: #fff;color: #000;height: 100vh;display: none;}
.header-menu .header-menu-info{ grid-template-columns: repeat(1,minmax(0,1fr));}
.header-menu .header-menu-info a{ color: #000;border-bottom: 1px dotted #b7b7b7;}
.header-menu a.active,.header-menu a:hover{ background: #bcbab8;color: #fff;font-weight: 600;opacity: 1;}
.footer-main{ margin-top: 0;padding: 20px 0 60px;}
.footer-main-left,.footer-main-right{ width: 100%;text-align: center;}
.footer-main-tel{ text-align: center;margin: 0 auto;display: block;}
.footer-menu{ width: 100%;}
.footer-menu a{ width: 50%;display: block;border-top: 1px solid #fff;border-left: 1px solid #fff;padding: 4vw 0;background: #585554;color: #fff;margin-bottom: 0;}
.footer-menu a:nth-of-type(9){ border-bottom: 1px solid #fff;width: 100%;}
.footer-menu a:nth-of-type(10){ border-bottom: 1px solid #fff;}
.footer-menu a:last-of-type{ border-right: 0;}
.footer-menu a.active{ text-decoration: none;background: #bcbab8;}
.footer-main-right-btns .header-btn{ width: 100%;max-width: 280px;margin: 0 auto 10px;padding: 8px 0;}
.footer-main-right-btns a:nth-of-type(2){ width: 100%;}
.footer-main-bottom{ margin-top: 20px;}
}
.title{ text-align: center;font-size: 40px;color: #333;font-family: "EB Garamond",serif;letter-spacing: 3px;padding: 70px 0;}
.title span{ position: relative;}
.title span::after{display: block; content: "";position: absolute;bottom: -8px;left: calc(50% - 40px);width: 80px;height: 2px;background-color: #333;margin: 0 auto;}

/*sx<=567px,sm <= 768px,md <= 992px,lg <= 1200px,xl <= 1600px*/
@media only screen and (max-width: 768px) {
	.title{ font-size: 6vw;padding: 50px 0 30px 0;}
	.title span::after {bottom: -4px;}
}



/**=== == == == == == == == == == == == == == == == == == == == == 
=>                     global styles
== == == == == == == == == == == == == == == == == == == == === * */
.absolute{position: absolute;}
.relative{position: relative;}
.pointer-events-none{ pointer-events: none;}
.pointer-events-auto{ pointer-events: auto;}

.block{ display: block;}
.inline-block{ display: inline-block;}
.inline{ display: inline;}
.flex{ display: -webkit-box; display: -ms-flexbox; display: flex;}
.inline-flex{ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;}
.none{display: none;}

.flex-col{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.flex-wrap{ -ms-flex-wrap: wrap; flex-wrap: wrap;}
.flex-nowrap{ -ms-flex-wrap: nowrap; flex-wrap: nowrap;}

.items-start{ -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
.items-end{ -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;}
.items-center{ -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.items-baseline{ -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline;}
.items-stretch{ -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;}

.justify-start{ -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
.justify-end{ -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
.justify-center{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.justify-between{ -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.justify-around{ -ms-flex-pack: distribute; justify-content: space-around;}


.w-full{ width: 100%;}
.h-full{ height: 100%;}
/*== == == == ==>row<== == == == == */
.row{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.col-auto{-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto; }
@media screen and (max-width: 768px) {
.w-sp-full{ width: 100% !important;}
}

/*== == == == ==>text<== == == == == */
.ff-en1{ font-family: "EB Garamond",serif;}
.ff-en2{ font-family: 'Conduit ITC';}
.ff-jp1{ font-family: 'HannariMincho';}
.ff-jp2{ font-family: 'Sawarabi Gothic', sans-serif;}
.color-white{ color: #fff;}
.color-black{ color: #000;}
.lh-10{ line-height: 1;}
.lh-11{ line-height: 1.1;}
.lh-12{ line-height: 1.2;}
.lh-13{ line-height: 1.3;}
.lh-14{ line-height: 1.4;}
.lh-15{ line-height: 1.5;}
.lh-16{ line-height: 1.6;}
.lh-17{ line-height: 1.7;}
.lh-18{ line-height: 1.8;}
.lh-19{ line-height: 1.9;}
.lh-20{ line-height: 2;}
.lh-21{ line-height: 2.1;}
.lh-22{ line-height: 2.2;}
.lh-23{ line-height: 2.3;}
.lh-24{ line-height: 2.4;}

.lp--1{letter-spacing: -0.1em;}
.lp-0{ letter-spacing: 0}
.lp-1{ letter-spacing: 0.1em;}
.lp-2{ letter-spacing: 0.2em;}
.lp-3{ letter-spacing: 0.3em;}

.font-normal{ font-weight: 400;}
.font-bold{ font-weight: 700;}
.font-black{ font-weight: 900;}

.underline{ text-decoration: underline;}
.uppercase{ text-transform: uppercase;}
.lowercase{ text-transform: lowercase;}
.capitalize{ text-transform: capitalize;}
.italic{ font-style: italic;}

.text-center{ text-align: center;}
.text-left{ text-align: left;}
.text-right{ text-align: right;}
.text-justify{ text-align: justify; text-justify: distribute;}
.fs-9{ font-size:9px;}
.fs-10{ font-size: 10px;}
.fs-11{ font-size: 11px;}
.fs-12{ font-size: 12px;}
.fs-13{ font-size: 13px;}
.fs-14{ font-size: 14px;}
.fs-15{ font-size: 15px;}
.fs-16{ font-size: 16px;}
.fs-17{ font-size: 17px;}
.fs-18{ font-size: 18px;}
.fs-19{ font-size: 19px;}
.fs-20{ font-size: 20px;}
.fs-25{ font-size: 25px;}
.fs-30{font-size: 30px;}
.fs-35{font-size: 35px;}
.fs-40{font-size: 40px;}
.fs-45{font-size: 45px;}
.fs-50{font-size: 50px;}
@media screen and (max-width: 768px) {
	.fs-10{ font-size: 10px;}
	.fs-12{ font-size:12px;}
	.fs-13{ font-size: 12px;}
	.fs-14{ font-size: 13px;}
	.fs-15{ font-size:14px;}
	.fs-16{ font-size: 15px;}
	.fs-18{ font-size: 16px;}
	.fs-20{ font-size: 18px;}
	.fs-25{ font-size:22px;}
	.fs-30{font-size: 23px;}
	.fs-35{font-size: 28px;}
	.fs-40{font-size: 30px;}
	.fs-45{font-size: 32px;}
	.fs-50{font-size: 7vw;}
}
/*== == == == ==>order<== == == == == */
@media screen and (max-width: 768px) {
	.order-sp-1{order: 1;}
	.order-sp-2{order: 2;}
	.order-sp-3{order: 3;}
	.order-sp-4{order: 4;}
}
/*== == == == ==>margin<== == == == == */
.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-15{margin-top: 15px;}
.mt-25{margin-top: 25px;}
.ml-5{margin-left: 5px;}
.m-0{margin: 0;}
.mb-40{margin-bottom: 40px;}
.mb-30{margin-bottom: 30px;}
.mb-20{margin-bottom: 20px;}
.mb-0{margin-bottom: 0 !important;}
/*== == == == ==>padding<== == == == == */
.pb-0{padding-bottom: 0 !important;}
.pl-20{padding-left: 20px;}
.pb-24{padding-bottom: 24px;}


/*== == == == ==>center<== == == == == */
.flex-center{ display: flex;align-items: center;justify-content: center;}
.ab-center{ position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);}
.ab-center-x{ position: absolute;left: 50%;transform: translateX(-50%);}
.ab-center-y{ position: absolute;top: 50%;transform: translateY(-50%);}
/*== == == == ==>photo<== == == == == */
.photo{position: relative;}
.photo .ab-bottom-right{position: absolute; bottom: 5px; right: 5px; font-size: 1rem;text-align: right;}
.photo .ab-bottom-left{position: absolute; bottom: 5px; left: 5px; font-size: 1rem;}
.photo .shadow-white{text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 10px, rgba(255, 255, 255, 0.7) 1px 1px 10px, rgba(255, 255, 255, 0.7) 1px 1px 10px, rgba(255, 255, 255, 0.7) 1px 1px 10px, rgba(255, 255, 255, 0.7) 1px 1px 10px, rgba(255, 255, 255, 0.7) 1px 1px 10px,rgba(255, 255, 255, 0.7) 2px 2px 10px,rgba(255, 255, 255, 0.7) 2px 2px 10px,rgba(255, 255, 255, 0.7) 2px 2px 10px,rgba(255, 255, 255, 0.7) 2px 2px 10px;}
.photo .shadow-black{ color: white; text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px,rgba(0, 0, 0, 0.7) 2px 2px 10px,rgba(0, 0, 0, 0.7) 2px 2px 10px,rgba(0, 0, 0, 0.7) 2px 2px 10px,rgba(0, 0, 0, 0.7) 2px 2px 10px;}
@media screen and (max-width: 768px) {
	.photo .ab-bottom-right,
	.photo .ab-bottom-left{font-size: 0.8rem;}
}

/* ---------- Effect ---------- */
.fadeIn{opacity: 0; transition: all 0.5s;}
.fadeIn.is-view{opacity: 1;}

.fadeUp{opacity: 0; transform: translateY(80px); -webkit-transform: translateY(80px); transition: all 0.5s;}
.fadeUp.is-view{opacity: 1; transform: translateY(0); -webkit-transform: translateY(0);}

.fadeRight{opacity: 0; transform: translateX(-80px); -webkit-transform: translateX(-80px); transition: all 0.5s;}
.fadeRight.is-view{opacity: 1; transform: translateX(0); -webkit-transform: translateX(0);}

.fadeLeft{opacity: 0; transform: translateX(80px); -webkit-transform: translateX(80px); transition: all 0.5s;}
.fadeLeft.is-view{opacity: 1; transform: translateX(0); -webkit-transform: translateX(0);}

.zoomIn{opacity: 0; transform: scale(1.1); -webkit-transform: scale(1.1); transition: all 0.5s;}
.zoomIn.is-view{opacity: 1; transform: scale(1); -webkit-transform: scale(1);}

.slideRight{
transition: -webkit-clip-path 1s cubic-bezier(.19,1,.22,1) .1s;
transition: clip-path 1s cubic-bezier(.19,1,.22,1) .1s;
transition: clip-path 1s cubic-bezier(.19,1,.22,1) .1s,-webkit-clip-path 1s cubic-bezier(.19,1,.22,1) .1s;
transition-delay: 0.1s, 0.1s;
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);}
.slideRight.is-view{-webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0);}

.delay1{transition-delay: .3s;}
.delay2{transition-delay: .6s;}
.delay3{transition-delay: .9s;}
.delay4{transition-delay: 1.2s;}
.delay5{transition-delay: 1.5s;}
/**=== == == == == == == == == == == == == == == == == == == == == 
=>                     breadcrumb
== == == == == == == == == == == == == == == == == == == == === * */
.breadcrumb{ font-size: 14px;line-height: 1.5;padding-top: 10px;}
.breadcrumb *{ display: inline-block;}
.breadcrumb > a{ margin:0 6px;}
.breadcrumb > a:hover{ opacity: .7;text-decoration: underline;}
.breadcrumb .active{ margin-left: 6px;}

/* ---------- Border Left---------- */

.border-left{border-left: 5px solid #000;letter-spacing: 0.1em;}