@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Droid+Sans');
@import url('https://fonts.googleapis.com/css?family=Sorts+Mill+Goudy');



@font-face {font-family:'nexa_boldregular';src:url("../css/Nexa_Free_Bold-webfont.eot");src:url("../css/Nexa_Free_Bold-webfont-.eot#iefix") format('embedded-opentype'), url("../css/Nexa_Free_Bold-webfont.woff2") format('woff2'), url("../css/Nexa_Free_Bold-webfont.woff") format('woff'), url("../css/Nexa_Free_Bold-webfont.ttf") format('truetype'), url("../css/Nexa_Free_Bold-webfont.svg#nexa_boldregular") format('svg');font-weight:normal;font-style:normal;}

@font-face {font-family:'perpetuaregular';src:url('../css/perpetua-webfont.eot');src:url('../css/perpetua-webfont-.eot#iefix') format('embedded-opentype'),
url('../css/perpetua-webfont.woff2') format('woff2'),
url('../css/perpetua-webfont.woff') format('woff');font-weight:normal;font-style:normal;
}

body {background-color:rgba(255,255,255,1);color:rgba(0, 0, 0, 1);font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:normal;}
#showLeft {font-size:28px;color:#000;position:fixed;top:15px;left:20px;line-height:1;text-align:center;z-index:8;}
#showLeft span {font-size:12px;}
a#showLeft:hover {text-decoration:none;}
.cbp-spmenu {background:rgba(245, 243, 243, 1);font-family:'nexa_boldregular';padding:0 0 30px;position:fixed;}
@media screen and (min-width:768px) {
.cbp-spmenu {padding:50px 0 0;}
}
.cbp-spmenu .side-close-01 {margin:14px 0;padding:0;text-align:right;}
.cbp-spmenu .side-close-01 a {display:initial;}
.cbp-spmenu .side-close-01 a img {width:14px;}
.cbp-spmenu .side-close-01 a:hover {background-color:rgba(245, 243, 243, 1);}
.cbp-spmenu a {display:block;color:rgba(0, 0, 0, 1);font-size:1.1em;font-weight:300;}
.cbp-spmenu a:hover {background:rgba(255, 255, 255, 1);text-decoration:none;}
.cbp-spmenu a:active {background:rgba(255, 255, 255, 1);color:rgba(0, 0, 0, 1)}
.cbp-spmenu .side-logo a:hover,
.cbp-spmenu .side-logo a:active {background:none;}
.cbp-spmenu ul {list-style-type:none;margin:0 0 30px;padding:0;}
.cbp-spmenu ul li span {font-size:12px;}
.cbp-spmenu-vertical .side-reserve-01 a {background-color:rgba(255, 255, 255, 1);border:2px solid rgba(0, 0, 0, 1);display:block;height:32px;line-height:1;margin:0 30px;padding:6px;text-align:center;}
.cbp-spmenu-vertical .side-reserve-01 a:hover {background:rgba(245, 243, 243, 1);}
.cbp-spmenu-vertical {width:240px;height:100%;top:0;z-index:1000;}
.cbp-spmenu-vertical a {padding:4px 30px;}
@media screen and (max-width:320px) {
.cbp-spmenu-vertical .side-logo a {padding-bottom:0;}
}
@media screen and (min-width:321px) {
.cbp-spmenu-vertical a {padding:8px 30px;}
}
@media screen and (min-width:768px) {
.cbp-spmenu-vertical a {padding:10px 30px;}
}
.cbp-spmenu-vertical a.nav-sns {display:inline-block;padding:10px;}
.cbp-spmenu-vertical a.nav-sns:first-child {margin:0 0 0 20px;}
.cbp-spmenu-horizontal {width:100%;height:150px;left:0;z-index:1000;overflow:hidden;}
.cbp-spmenu-horizontal h3 {height:100%;width:20%;float:left;}
.cbp-spmenu-horizontal a {float:left;width:20%;padding:0.8em;border-left:1px solid #258ecd;}
.cbp-spmenu-left {left:-240px;}
.cbp-spmenu-right {right:-240px;}
.cbp-spmenu-left.cbp-spmenu-open {left:0px;}
.cbp-spmenu-right.cbp-spmenu-open {right:0px;}
.cbp-spmenu-top {top:-150px;}
.cbp-spmenu-bottom {bottom:-150px;}
.cbp-spmenu-top.cbp-spmenu-open {top:0px;}
.cbp-spmenu-bottom.cbp-spmenu-open {bottom:0px;}
.cbp-spmenu-push {overflow-x:hidden;position:relative;left:0;}
.cbp-spmenu-push-toright {left:240px;}
.cbp-spmenu-push-toleft {left:-240px;}

/* Transitions */
.cbp-spmenu, .cbp-spmenu-push {-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;}

/* Example media queries */
@media screen and (max-width:55.1875em) {
.cbp-spmenu-horizontal {font-size:75%;height:110px;}
.cbp-spmenu-top {top:-110px;}
.cbp-spmenu-bottom {bottom:-110px;}
}
@media screen and (max-height:26.375em) {
.cbp-spmenu-vertical {font-size:90%;width:190px;}
.cbp-spmenu-left, .cbp-spmenu-push-toleft {left:-190px;}
.cbp-spmenu-right {right:-190px;}
.cbp-spmenu-push-toright {left:190px;}
}
.hvr-shutter-out-horizontal {background:none;}
.hvr-shutter-out-horizontal:before {background:rgba(0,0,0,1);}

a {color:rgba(0,0,0,1);}
a:active,
a:hover {color:rgba(0,0,0,.1);text-decoration:none;}

img {height:auto;max-width:100%;}

.hvr-shutter-out-horizontal:before {background:rgba(0,0,0,1);}

.header-salon {margin:60px 0 30px;}
@media screen and (max-width:480px) {
.header-salon {margin:80px 0 30px;}
}
@media screen and (min-width:768px) {
.header-salon {margin:30px 0 30px;}
}
.header-salon .data {padding-bottom:30px;}
.header-salon .header-logo {text-align:center;}
.header-salon .header-logo img {max-height:130px;max-width:150px;}
@media screen and (min-width:768px) {
.header-logo {margin:0 0 30px;text-align:center;}
}
@media screen and (min-width:768px) {
.header-logo {margin-bottom:30px;text-align:left;}
}
.header-logo img {width:175px;}
.header-address {font-size:14px;line-height:2;margin:0;padding:0 0 20px;}
@media screen and (min-width:768px) {
.header-address {font-size:14px;line-height:2;margin:0;padding:20px 0 0;}
}
.header-02 {width:100%;position:fixed;left:50%;top:20px;z-index:1;transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);-ms-transition-duration:0.5s;-ms-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);-webkit-transition-duration:0.5s;-webkit-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);-moz-transition-duration:0.5s;-moz-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-duration:0.5s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transform:translate(-50%, -190px);-webkit-transform:translate(-50%, 0px)
}
.header-01.fixed,
.header-02.fixed {transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);top:20px;}
.header-01 h1,
.header-02 h1 {margin:0 0 0 15px;padding:0;}
.header-01 h1 a img,
.header-02 h1 a img {width:80px;}
.header-01 ul li,
.header-02 ul li {font-family:'nexa_boldregular';font-size:13px;letter-spacing:1px;line-height:2;}

@media screen and (max-width:767px) {
.header-01 ul,
.header-02 ul {margin-top:0;padding:0 15px;/* width:151px;float:none;margin-right:0; */position:fixed;/* right:0;top:0; *//* background:#fff;padding:60px 15px;height:1000px; *//* transform:translateX(151px);-webkit-transform:translateX(151px); */-ms-transition-duration:0.5s;-ms-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);-webkit-transition-duration:0.5s;-webkit-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);-moz-transition-duration:0.5s;-moz-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-duration:0.5s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);}
.open .header-01 ul, .open .header-02 ul {transform:translateX(0);-webkit-transform:translateX(0);}
}

@media screen and (min-width:768px) {
.header-01 {width:1000px;}
.header-02 {width:1000px;}
.header-01 h1,
.header-02 h1 {margin:0;padding:0;}
.header-01 h1 a img,
.header-02 h1 a img {width:100px;}
}
.header-01 {width:90%;position:fixed;left:50%;top:-1500px;z-index:100000000;transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);-ms-transition-duration:0.5s;-ms-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);-webkit-transition-duration:0.5s;-webkit-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);-moz-transition-duration:0.5s;-moz-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-duration:0.5s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transform:translate(-50%, -190px);-webkit-transform:translate(-50%, -190px)
}
@media screen and (min-width:768px) {
.header-01 {width:1000px;}
}
.header-01.fixed {transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);top:20px;}
.header-01 h1 {margin:0;padding:0;}
.header-01 h1 a img {width:100px;}
.header-01 ul li {font-family:'nexa_boldregular';font-size:15px;letter-spacing:1px;line-height:2;}
.header-01 ul li a:active,
.header-01 ul li a:hover {color:rgba(0,0,0,.1);text-decoration:none;}
.header h1 {background:url("../../images/17-10-01-01/logo-contents.svg") no-repeat center top;background-size:100% auto;width:149px;height:146px;position:absolute;top:44px;left:0}
.header h1 a {height:100%;display:block;text-indent:-9999px}
.header ul {margin-top:40px;width:725px;float:right;margin-right:-6px}
.header ul li {float:left;width:148px;line-height:1;font-size:13px;margin-top:4px;margin-bottom:10px;-ms-transition-duration:0.5s;-ms-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);-webkit-transition-duration:0.5s;-webkit-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);-moz-transition-duration:0.5s;-moz-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-duration:0.5s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)
}
.header ul li:hover {opacity:.6}
.header ul li span {font-size:9px;margin-left:7px}
.header ul li.large {height:57px;font-size:26px;width:215px;margin-top:0}
.header ul li.large span {display:block;font-size:9px;margin-top:7px;margin-left:0}
.header ul li.small {width:66px}
.header ul li.selected {opacity:.4;pointer-events:none}
.header ul li.instagram {background:url("##############") no-repeat left center;background-size:10px auto;padding-left:14px}
.header ul li.coming {opacity:.2;pointer-events:none}
.header ul li a {padding:15px 0}
@media screen and (max-width:767px) {
.header-reserve {bottom:0;display:flex;position:fixed;width:100%;z-index:1111;}
.header-reserve a {align-items:center;display:flex;height:70px;justify-content:center;width:50%;}
.header-reserve a:first-child {background-color:rgba(0,0,0,1);}
.header-reserve a:first-child img {width:51.2%;}
.header-reserve a:last-child {background-color:rgba(76,55,0,1);}
.header-reserve a:last-child img {width:46.8%;}
}
@media screen and (min-width:768px) {
.header-reserve {bottom:0;display:flex;position:fixed;width:100%;z-index:1111;}
.header-reserve a {align-items:center;display:flex;height:80px;justify-content:center;width:50%;}
.header-reserve a:first-child {background-color:rgba(0,0,0,1);}
.header-reserve a:first-child img {width:19.2%;}
.header-reserve a:last-child {background-color:rgba(76,55,0,1);}
.header-reserve a:last-child img {width:17.5%;}
}
.header-reserve a:hover {opacity:.8;}
.gnav li {font-family:'nexa_boldregular';font-size:15px;letter-spacing:1px;line-height:2;color:#000;}
.gnav li:before {content:'- ';margin-right:5px;}
.gnav li a:active,
.gnav li a:hover {color:rgba(0,0,0,.1);text-decoration:none;}.link-01 {font-size:12px;position:relative;cursor:pointer}.link-01:hover span {width:60px}.link-01 span {height:1px;width:111px;background:#000;display:inline-block;margin-right:10px;vertical-align:2px;-ms-transition-duration:0.5s;-ms-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);-webkit-transition-duration:0.5s;-webkit-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);-moz-transition-duration:0.5s;-moz-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-duration:0.5s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}.link-01.pagetop {position:fixed;right:40px;top:200px;margin-top:50px;z-index:100000000;transform:rotate(90deg);-webkit-transform:rotate(90deg);transform-origin:right center;-webkit-transform-origin:right center;font-size:9px;width:0;overflow:hidden;-ms-transition-duration:0.5s;-ms-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);-webkit-transition-duration:0.5s;-webkit-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);-moz-transition-duration:0.5s;-moz-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-duration:0.5s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}.link-01.pagetop.active {width:180px}.link-01.pagetop a {width:180px;display:block}.link-01.pagetop span {width:80px}.link-01.scroll {position:fixed;right:130px;top:285px;margin-top:28px;transform:rotate(90deg);-webkit-transform:rotate(90deg);transform-origin:right center;-webkit-transform-origin:right top;font-size:9px;width:0;overflow:hidden;}.link-01.scroll a, .link-04.scroll a {width:230px;display:block;color:#000;}.link-04 a:active, .link-04 a:hover {text-decoration:none;}.link-01.scroll span, .link-04.scroll span {width:80px}.link-01 a:hover, .link-02 a:hover, .link-03 a:hover, .link-04 a:hover {color:rgba(0,0,0,1);text-decoration:none;}.link-04.scroll {position:fixed;right:30px;top:285px;margin-top:28px;transform:rotate(90deg);-webkit-transform:rotate(90deg);transform-origin:right center;-webkit-transform-origin:right top;font-size:9px;width:0;overflow:hidden;z-index:10000000;}
@media screen and (min-width:768px) {.link-04.scroll {right:130px;}
}.link-04 span {height:1px;width:111px;background:#000;display:inline-block;margin-right:10px;vertical-align:2px;-ms-transition-duration:0.5s;-ms-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);-webkit-transition-duration:0.5s;-webkit-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);-moz-transition-duration:0.5s;-moz-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-duration:0.5s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);}
.top {position:relative;}
@media screen and (max-width:480px) {
.top {height:570px;overflow:hidden;}
}
.top .top_bg, .top .top_bg_sp {height:100vh;background-position:center top;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;left:0;width:100%;z-index:-1;}
.top .top_bg_text {height:100vh;background-position:center;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;left:0;width:100%;z-index:0;}
@media screen and (min-width:768px) {
.top .top_bg, .top .top_bg_sp {height:920px;height:calc(100vw * 3 / 4);}
}
.top .top_bg span, .top .top_bg_sp span {display:block;height:100%;position:relative;z-index:1}
.top .top_bg span.color0, .top .top_bg_sp span.color0 {background:#00ff00}
.top .top_bg span.color1, .top .top_bg_sp span.color1 {background:#ff0066}
.top .top_bg span.color2, .top .top_bg_sp span.color2 {background:#ffff00}
.ipad .top .top_bg, .ipad .top .top_bg_sp {transform:translate(0) !important;-webkit-transform:translate(0) !important}
.top .top_container {width:90%;margin:0 0 130px 0px;position:relative;left:5%;z-index:1;padding-top:230px;}
.top .top_container_fadeout.on {height:100vh;}
@media screen and (max-width:767px) {
.top .top_container {width:90%;margin:0 0 0px 0px;position:relative;left:0%;z-index:1;padding-top:0;display:table-cell;height:92vh;vertical-align:bottom;padding-bottom:0;}
}
@media screen and (min-width:768px) {
.top .top_container {width:90%;margin:0 0 0px -205px;position:relative;left:50%;z-index:1;padding-top:380px;}
.top .top_container_fadeout.on {height:700px;}
}
@media screen and (min-width:993px) {
.top .top_container_fadeout.on {height:900px;}
}
@media screen and (min-width:1200px) {
.top .top_container_fadeout.on {height:1000px;}
}
@media screen and (min-width:1400px) {
.top .top_container_fadeout.on {height:1200px;}
}
.top .top_container svg {height:auto;width:100%;animation-delay:2s;fill:transparent;stroke-dasharray:4000;stroke-dashoffset:4000;stroke-width:1;fill:transparent;stroke:#000;}
@media screen and (min-width:768px) {
.top .top_container {width:940px;margin:0 0 120px -470px;}
.top .top_container svg {width:940px;}
}
.contents {width:100%;}
@media screen and (min-width:768px) {
.container {width:1030px;}
.contents {width:1030px;}
}
.container {position:relative;}
.gnav {list-style-type:none;margin-bottom:100px;}

/* ===============================================
# concept
=============================================== */
.header-03 {background:linear-gradient(-135deg, rgba(139, 208, 241, 0.05) 0%, rgba(135, 174, 252, 0.05) 40%, rgba(169, 154, 205, 0.05) 70%, rgba(201, 162, 112, 0.05) 100%);position:relative;}
.concept {background-color:rgba(239, 238, 232, 1);line-height:2;position:relative;z-index:1000;}
@media screen and (max-width:767px) {
.concept {background-size:contain;padding-top:290px;background-repeat:no-repeat;}
}
.concept .link-01 {font-size:8px;letter-spacing:1px;margin:0 0 0 -100px;padding:20px 0 80px;}
.concept h2 {font-family:'nexa_boldregular';font-size:30px;letter-spacing:6px;margin:0;padding:0 0 50px;}
@media screen and (min-width:768px) {
.concept h2 {font-family:'nexa_boldregular';font-size:80px;letter-spacing:6px;margin:0;padding:0 0 50px;}
}
.concept-ja {font-size:14px;margin:0;padding:0 0 30px;}
.concept-en {font-size:8px;}
@media screen and (min-width:768px) {
.concept {background-position:right 80px;background-repeat:no-repeat;background-size:300px;}
}
@media screen and (min-width:992px) {
.concept {background-size:450px;}
}
@media screen and (min-width:1200px) {
.concept {background-size:420px;height:650px;}
}
@media screen and (min-width:1400px) {
.concept {background-size:600px;height:550px;}
}
@media screen and (min-width:1800px) {
.concept {background-size:auto;height:640px;}
}


/* ===============================================
# MENU
=============================================== */

.tab {margin-bottom:30px;}
.tab li {color:#333;float:left;font-family:'nexa_boldregular';font-size:18px;margin:0 0 -1px 0;line-height:1;padding:7px 28px;border:1px solid rgba(51,51,51,1);cursor:pointer;list-style:none;transition:.3s;}

@media screen and (min-width:768px) {
.tab li {color:#333;float:left;font-family:'nexa_boldregular';font-size:24px;margin:0 0 -1px 0;line-height:1;padding:7px 28px;border:1px solid rgba(51,51,51,1);cursor:pointer;list-style:none;transition:.3s;}
}
.tab li.active {color:#fff;background:rgba(51,51,51,1);cursor:auto;}
.tab li span {font-family:sans-serif;font-weight:normal;margin-right:10px;}
.area div.menudata {display:none;}
.area div.menudata.show {display:block;}
.menu {background-color:rgba(239, 238, 232, 1);line-height:2;padding:50px 0 50px;position:relative;z-index:7;height: 1050px;}
@media screen and (min-width:768px) {
.menu {padding:80px 0;}
}
.menu-container {/*border-left:1px solid rgba(0, 0, 0, .5);border-right:1px solid rgba(0, 0, 0, .5);*/padding:30px 10px;}
@media screen and (min-width:768px) {
.menu-container {padding:30px 150px;}
}
.menu h2 {font-family:'nexa_boldregular';font-size:30px;letter-spacing:6px;margin:0;padding:0 0 50px;}
@media screen and (min-width:768px) {
.menu h2 {font-family:'nexa_boldregular';font-size:80px;letter-spacing:6px;margin:0;padding:0 0 50px;}
}
.menu-ja {font-size:14px;margin:0;padding:0 0 30px;}
.menu-en {font-size:8px;margin:0;padding:0 0 50px;}
.menu-nav {margin-bottom:60px;}
.menu .list-inline>li {border-right:1px solid rgba(0, 0, 0, 1);font-size:13px;line-height:1;padding:0 10px;}
.menu-nav li:last-child {border:none;padding-right:0;}
.menu-nav li a:hover {color:rgba(0,0,0,1);text-decoration:none;}
.menu-list {font-size:14px;height:500px;}
.menu-list h3 {font-family:'Droid Sans', sans-serif;font-size:24px;font-weight:normal;margin:0;padding:0 0 20px;}
.menu-list h3 span {font-size:18px;margin-left:10px;}
@media screen and (min-width:768px) {
.menu-list h3 {font-size:36px;}
.menu-list h3#hospital {font-size:24px;}
.menu-list h3 span {font-size:24px;}
}
.menu-list-header-desc {font-size:12px;margin:0;padding:0 0 30px;}
.menu-list table th {font-size:12px;font-weight:normal;text-align:center;vertical-align:top;}
.menu-list table th span {font-size:10px;}
.menu-list .table>tbody>tr>td, .menu-list .table>tbody>tr>th, .menu-list .table>tfoot>tr>td, .menu-list .table>tfoot>tr>th, .menu-list .table>thead>tr>td, .table>thead>tr>th {padding:8px;line-height:1.42857143;vertical-align:middle;/* border:none; */
}
.menu-list table td {text-align:center;}
.menu-list-desc {font-size:10px;opacity:.7;padding:1px 10px 10px;}
.menu-list-price {font-size:12px;text-align:right;white-space:nowrap;width:120px;}
.menu-list-data dt {clear:both;float:left;font-weight:normal;line-height:2;margin-bottom:10px;}
.menu-list-data dt span {color:rgba(0,0,0,.5);display:inline-block;font-size:11px;line-height:1.5;}
.menu-list-data dd {float:right;line-height:2;margin-bottom:10px;text-align:right;}


/* ===============================================
# SALON
=============================================== */
.salon {padding:50px 0;}
@media screen and (min-width:768px) {
.salon {padding:100px 0 50px;}
}
@media screen and (min-width:768px) {
.salon {padding:80px 0;}
}
.salon h2 {font-family:'nexa_boldregular';font-size:80px;letter-spacing:6px;margin:0;padding:0 0 60px;text-align:center;}

@media screen and (min-width:768px) {
.salon h2 {font-family:'nexa_boldregular';font-size:80px;letter-spacing:6px;margin:0;padding:0 0 60px;text-align:center;}
}
.salon-mainimg-01 {margin:0;padding:0 0 50px;text-align:center;}
.salon h3 {margin:0;padding:0 0 30px;text-align:center;}
.salon h3 img {height:auto;max-height:130px;max-width:130px;width:auto;}
.salon h4 {font-size:20px;font-weight:bold;margin:0;padding:0 0 30px;}
.salon h4 span {font-size:14px;}
.salon-address {font-size:14px;margin:0;padding:0 0 40px;}
.map {position:relative;}
.salon-map {height:400px;margin:0 0 80px;width:100%;}
@media screen and (min-width:768px) {
.salon-map {margin:0 0 80px;}
}.link-02 {position:absolute;left:40px;top:10%;margin-top:50px;transform:rotate(90deg);-webkit-transform:rotate(90deg);transform-origin:right center;-webkit-transform-origin:right center;font-size:9px;width:240px;overflow:hidden;-ms-transition-duration:0.5s;-ms-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);-webkit-transition-duration:0.5s;-webkit-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);-moz-transition-duration:0.5s;-moz-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-duration:0.5s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)
}.link-02.active {width:240px}.link-02 a {width:240px;display:block}.link-02 span {width:80px}

/* ===============================================
# STAFF
=============================================== */
.staff {background-color:rgba(239, 238, 232, 1);padding:50px 0 50px;}
@media screen and (min-width:768px) {
.staff {padding:80px 0;}
}
.staff h2 {font-family:'nexa_boldregular';font-size:30px;letter-spacing:6px;margin:0;padding:0 0 30px;text-align:center;}
@media screen and (min-width:768px) {
.staff h2 {font-family:'nexa_boldregular';font-size:60px;letter-spacing:6px;margin:0;padding:0 0 30px;text-align:center;}
}
.staff-data {margin:0;padding:0 0 30px;text-align:center;}
.staff-data h3 {margin:0;padding:0 0 50px;text-align:center;}
@media screen and (min-width:768px) {
.staff-data h3 {padding:30px 0 50px;}
}
.staff-data h3 img {max-height:80px;max-width:80px;}
@media screen and (min-width:768px) {
.staff-data h3 img {max-height:100px;max-width:120px;}
}
.staff-data-list {padding:0 0 20px;}
.staff-data-post {font-size:9px;margin:0;padding:0;}
.staff-data-name {font-size:12px;margin:0;padding:0;}
#single-staff .single-nav {padding:70px 0 0;}
h2.single-header {display:inline-block;font-family:'nexa_boldregular';font-size:30px;letter-spacing:.1em;position:relative;margin:auto auto 80px;text-align:center;text-transform:uppercase;}
@media screen and (min-width:768px) {
h2.single-header {font-size:80px;margin:auto auto 150px;}
}
h2.single-header:before {content:'';position:absolute;left:50%;bottom:-30px;/*線の上下位置*/display:inline-block;width:40px;/*線の長さ*/height:2px;/*線の太さ*/-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);/*位置調整*/background-color:black;/*線の色*/border-radius:2px;/*線の丸み*/}
#single-staff .name {display:inline-block;font-family:'nexa_boldregular';position:relative;}
#single-staff .name:before {content:'';position:absolute;left:80%;bottom:0;/*線の上下位置*/display:inline-block;width:80px;/*線の長さ*/height:2px;/*線の太さ*/-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);/*位置調整*/background-color:black;/*線の色*/border-radius:2px;/*線の丸み*/
}
@media screen and (min-width:768px) {
#single-staff .name:before {content:'';position:absolute;left:40%;bottom:-300px;/*線の上下位置*/display:inline-block;width:80px;/*線の長さ*/height:2px;/*線の太さ*/-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);/*位置調整*/background-color:black;/*線の色*/border-radius:2px;/*線の丸み*/}
}
#single-staff .name .inner {padding:50px 0 30px;}
@media screen and (min-width:768px) {
#single-staff .name .inner {padding:30px 0;}
#single-staff .name .inner {position:absolute;left:-230px;top:150px;white-space:nowrap;}
}
#single-staff .name .inner h2 {font-size:15px;letter-spacing:.3em;margin:0;padding:0 0 10px;text-transform:uppercase;}
#single-staff .name .inner h3 {font-size:30px;letter-spacing:.5em;margin:0;padding:0;}
@media screen and (min-width:768px) {
#single-staff .name .inner h2 {font-size:30px;}
#single-staff .name .inner h3 {font-size:60px;}
}
#single-staff .staff-personal-data {font-size:14px;font-weight:bold;padding:40px 0 0 0;}
@media screen and (min-width:768px) {
#single-staff .staff-personal-data {font-size:14px;font-weight:bold;padding:400px 0 0 0;}
}
#single-staff .staff-personal-data p {line-height:1.8;margin:0;padding:0;}
#single-staff .sns {font-size:34px;padding:70px 0 70px;}
@media screen and (min-width:768px) {
#single-staff .sns {font-size:34px;padding:150px 0 70px;}
}
#single-staff .sns .list-inline>li {padding-left:7px;padding-right:7px;}
#single-staff .sns a {color:rgba(0,0,0,1);}
#single-staff .staff-image-01 {position:relative;}
#single-staff .staff-image-03 img {position:absolute;bottom:-30px;max-width:160px;right:-30px;}
@media screen and (min-width:768px) {
#single-staff .staff-image-03 img {position:absolute;bottom:-70px;max-width:300px;right:-140px;}
}
.catalog {background-color:rgba(239,238,232,1);padding:60px 0 30px;}
.catalog h4 {display:inline-block;font-family:'nexa_boldregular';font-size:25px;letter-spacing:.1em;position:relative;margin:auto auto 80px;text-align:center;text-transform:uppercase;}
@media screen and (min-width:768px) {
.catalog h4 {font-size:50px;}
}
.catalog h4:before {content:'';position:absolute;left:50%;bottom:-30px;/*線の上下位置*/display:inline-block;width:40px;/*線の長さ*/height:2px;/*線の太さ*/-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);/*位置調整*/background-color:black;/*線の色*/border-radius:2px;/*線の丸み*/
}
.catalog .list .row {margin-right:-20px;margin-left:-20px;}
.catalog .list .col-sm-4 {position:relative;min-height:1px;padding-right:20px;padding-left:20px;}
.catalog .list .data {padding:0 0 20px;}
@media screen and (min-width:768px) {
.catalog .list .data {padding:0 0 50px;}
}
.catalog .list .data .date {font-size:12px;letter-spacing:.1em;}
.catalog .list .more {padding:0 0 80px;text-align:center;}
.catalog .list .more .btn {border-radius:0;font-size:15px;font-weight:bold;letter-spacing:.3em;padding:16px 12px;width:90%;}
@media screen and (min-width:768px) {
.catalog .list .more .btn {border-radius:0;font-size:15px;font-weight:bold;letter-spacing:.3em;padding:16px 12px;width:400px;}
}
.catalog .list .more .btn-default {background:none;border-color:rgba(0,0,0,1);}


/* ===============================================
# STYLE
=============================================== */
.style {padding:0 0 50px;}
@media screen and (min-width:768px) {
.style {padding:80px 0;}
}
.style h2 {font-family:'nexa_boldregular';font-size:30px;letter-spacing:6px;margin:0;padding:60px 0 30px;text-align:center;}
@media screen and (min-width:768px) {
.style h2 {font-family:'nexa_boldregular';font-size:80px;letter-spacing:6px;margin:0;padding:0 0 60px;text-align:center;}
}
.style-nav {font-size:13px;text-transform:uppercase;text-align:center;}
.style .list-inline>li {border-right:1px solid rgba(0, 0, 0, 1);line-height:1;padding:0 10px;}
.style-nav li:last-child {border:none;padding-right:0;}
.style-nav li a:hover {color:rgba(0,0,0,1);text-decoration:none;}
.style-more a, .works-more a, .diary-more a {border:1px solid rgba(0, 0, 0, 1);display:block;margin:auto;padding:20px 50px;text-align:center;transition:all  0.3s ease;}
@media screen and (min-width:768px) {
.single .works-more a {margin-bottom:50px;}
.style-more a {margin-top:30px;}
}
.style-more a:active,
.style-more a:hover,
.works-more a:active,
.works-more a:hover,
.diary-more a:active,
.diary-more a:hover {background-color:rgba(0,0,0,1);color:rgba(255,255,255,1);text-decoration:none;}


/* ===============================================
# works
=============================================== */
.works {padding:0 0 50px;background:linear-gradient(-135deg, rgba(139, 208, 241, 0.05) 0%, rgba(135, 174, 252, 0.05) 40%, rgba(169, 154, 205, 0.05) 70%, rgba(201, 162, 112, 0.05) 100%);height:800px;position:relative;}
@media screen and (min-width:768px) {
.works {background-color:rgba(241,241,241,1);min-height:1400px;padding:0;}
.single-works .works, .post-type-archive-works .works {height:auto;min-height:auto;padding:0 0 150px;}
}
.works h2 {font-family:'nexa_boldregular';font-size:30px;letter-spacing:6px;margin:0;padding:60px 0 30px;text-align:center;}
@media screen and (max-width:767px) {
.works .worksmainimg {margin:0;padding:0 0 40px;}
.archive #works h2, .single #works h2 {padding:100px 0 30px 0;}
}
@media screen and (min-width:768px) {
.works h2 {font-family:'nexa_boldregular';font-size:30px;letter-spacing:6px;margin:0;padding:0 0 30px;text-align:center;overflow:hidden;}
.single .works h2, .post-type-archive-works .works h2 {font-family:'perpetuaregular', serif;font-size:90px;margin:100px 0 0;padding:0;position:relative;z-index:1;}
}
@media screen and (max-width:767px) {
#WRAPPER {height:auto!important;}
.single #WRAPPER {height:auto!important;}
}
.works-data ul li.works-data-list {margin:0 auto 20px;width:100%;}
@media screen and (min-width:768px) {
.works-data ul li.works-data-list {margin:0 auto 60px;width:260px;}
}
.works-data ul li p.works-data-photo {margin:0;padding:0 0 15px;}
.works-data ul li p.works-data-name,
.works-data ul li p.works-data-date {font-family:'perpetuaregular', serif;font-size:12px;margin:0;padding:0;}
@media screen and (max-width:767px) {
.works-data ul li p.works-data-date {padding:0 0 20px;}
}
.ON .works-data ul li {opacity:.5;}
.works-data ul li img {border:1px solid rgba(0,0,0,.1);}
.works-data ul li.ON {opacity:1!important;}
.works-data-list-image {padding-bottom:30px;}
@media screen and (min-width:768px) {
.single-works .works-data-list {padding-bottom:50px;}
}
#FIX_AREA_H {/* width:100%;height:180px; *//*position:fixed;*//* top:0;left:0;z-index:10;background-position:center center;background-size:100%;background-repeat:no-repeat;-webkit-transform:scale(1.2);transform:scale(1.2); */}
@media screen and (min-width:768px) {
#FIX_AREA_H {width:100%;height:700px;/*position:fixed;*/top:0;left:0;z-index:10;background-position:center center;background-size:cover;-webkit-transform:scale(1.2);transform:scale(1.2);}
}
.ON #FIX_AREA_H {-webkit-transform:scale(1.1);transform:scale(1.1);}
#FIX_AREA_H.ON, .CHILD #FIX_AREA_H {-webkit-transform:scale(1);transform:scale(1);}
.p622 #FIX_AREA_H {background-image:url("http://www.hp-dct.com/wp-content/themes/DCT/images/17-10-01-01/salon-01.jpg");}
@media screen and (min-width:768px) {
 #FIX_AREA_H:after {background-size:100%;background-color:#fff;background-size:cover;background-repeat:no-repeat;content:"";width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transition:all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);-moz-transition:all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);transition:all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);}
}
.single #FIX_AREA_H:after {background-color:#fff;background-size:cover;content:"";width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transition:all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);-moz-transition:all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);transition:all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);}
.ON #FIX_AREA_H:after, .CHILD #FIX_AREA_H:after {opacity:0;}
.TRA10 {-webkit-transition:all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);-moz-transition:all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);transition:all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);}

/* ===============================================
# diary
=============================================== */
.diary {background-color:rgba(239, 238, 232, 1);padding:0 0 50px;}
@media screen and (min-width:768px) {
.diary {padding:80px 0;}
}
.diary h2 {margin:0;padding:0 0 30px;text-align:center;}
.diary h2 img {width:120px;}
@media screen and (min-width:768px) {
.diary h2 {padding:0 0 60px;}
.diary h2 img {width:150px;}
}
@media screen and (min-width:768px) {
.diary h2 img {width:250px;}
}
.diary .container .row .col-sm-12 {position:relative;}
.diary-data-list {margin:0;padding:0 0 30px;}
@media screen and (min-width:768px) {
.diary-data-list {padding:0 0 50px;}
}
.diary-data-photo {margin:0;padding:0 0 15px;}
p.diary-data-date,
p.diary-data-customer,
p.diary-data-name {margin:0;padding:0;}
.link-03 {position:absolute;right:20px;top:50%;margin-top:50px;transform:rotate(90deg);-webkit-transform:rotate(90deg);transform-origin:right center;-webkit-transform-origin:right center;font-size:9px;width:240px;overflow:hidden;-ms-transition-duration:0.5s;-ms-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);-webkit-transition-duration:0.5s;-webkit-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);-moz-transition-duration:0.5s;-moz-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-duration:0.5s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)
}
@media screen and (min-width:768px) {
.link-03 {right:0px;}
}
.link-03.active {width:240px}
.link-03 a {width:240px;display:block}
.link-03 span {width:80px}

/* ===============================================
# recruit
=============================================== */
.recruit {padding:60px 0;}
@media screen and (min-width:768px) {
.recruit {padding:90px 0;}
}
.recruit h2 {font-family:'nexa_boldregular';font-size:30px;letter-spacing:6px;margin:0;padding:0 0 30px;text-align:center;}
@media screen and (min-width:768px) {
.recruit h2 {font-size:60px;}
}
.recruit-01 {text-align:center;}
.recruit-01 h3 {font-size:20px;letter-spacing:.1em;margin:0;padding:0 0 30px;}

/* ===============================================
# footer
=============================================== */
.footer {background-color:rgba(0, 0, 0, 1);color:rgba(255, 255, 255, 1);font-size:9px;margin:0;padding:90px 0;text-align:center;}
.style-data-list {margin:0;padding:0 0 30px;}
@media screen and (min-width:768px) {
#style .style-data .row, .catalog .list .row, .post-type-archive-style .list .row {margin-right:-20px;margin-left:-20px;}
#style .style-data .row .col-sm-4, .catalog .list .col-sm-4, .post-type-archive-style .list .col-sm-4 {position:relative;min-height:1px;padding-right:20px;padding-left:20px;}
.style-data-list {margin:0;padding:0 0 50px;}
}
.style-data-photo {margin:0;padding:0;}
@media screen and (max-width:767px) {
.topnews {margin:100px auto 100px;}
}
@media screen and (min-width:768px) {
.topnews {margin:150px auto 100px;}
}
.topnews h3 {font-weight:normal;line-height:1.5;margin:0 0 30px;}
.topnews .desc {font-size:12px;line-height:1.7;}
.spacer30 {margin:0;padding:0;clear:both;height:60px;}
.container {padding-right:20px;padding-left:20px;margin-right:auto;margin-left:auto;}
@media screen and (min-width:480px) {
.gridEvent {max-width:1200px;margin:0px auto;display:flex;display:-ms-flex-align:center;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:30px;justify-content:center;}
.col-e:nth-child(odd) {padding:0 10px;margin-bottom:40px;}
.col-e:nth-child(even) {padding:0 10px;margin-bottom:40px;margin-bottom:40px;}
.col-e {width:calc(33.3333333% - 30px);}
.heading-4 {margin-top:25px;margin-bottom:20px;font-size:16px;font-weight:700;margin-bottom:10px;}
.mb25 {margin-bottom:25px;}.link-orange {color:#ff5115;text-decoration:underline;}
.tabMidashi {text-align:center;width:100%;background:#ffa6ac;color:#fff;padding:20px 0;font-size:24px;}
.tabMidashi2 {text-align:center;width:100%;background:orange;color:#fff;padding:20px 0;font-size:24px;margin-bottom:30px;}
.tabMidashi3 {text-align:center;width:100%;background:green;color:#fff;padding:20px 0;font-size:24px;}
.tabMidashi4 {text-align:center;width:100%;background:red;color:#fff;padding:20px 0;font-size:24px;margin-bottom:30px;}
.tabMidashi5 {text-align:center;width:100%;background:#000;color:#fff100;padding:20px 0;font-size:24px;margin-bottom:30px;}
.col-sm-6 {width:33.3333333%;}
.col-sm-7 {width:100%;}
.trimA {overflow:hidden;width:100%;height:250px;position:relative;object-fit:cover;}
.header-03 {height:430px;margin-top:100px !important;}
.header-03 h2 {font-family:'nexa_boldregular';font-size:80px;letter-spacing:6px;margin:0;padding:0 0 50px;}
.diary h2 {font-family:'nexa_boldregular';font-size:80px;letter-spacing:6px;margin:0;padding:60px 0 30px;text-align:center;}
.works h2 {font-family:'nexa_boldregular';font-size:80px;letter-spacing:6px;margin:0;padding:80px 0 30px;text-align:center;overflow:hidden;}
.live h2 {font-family:'nexa_boldregular';font-size:80px;letter-spacing:6px;margin:0;padding:0 0 60px;text-align:center;}
.news {background-color:rgba(255, 255, 255, 1);padding:80px 0;}
.news h2 {font-family:'nexa_boldregular';font-size:80px;letter-spacing:6px;margin:0;padding:0 0 60px;text-align:center;}
.profile {background-color:rgba(255, 255, 255, 1);padding:80px 0;}
.profile h2 {font-family:'nexa_boldregular';font-size:80px;letter-spacing:6px;margin:0;padding:0 0 60px;text-align:center;}
.c-list {border-top:1px solid rgba(255, 255, 255, 0.15);margin-bottom:50px;}
.c-list__item {border-bottom:1px solid rgba(255, 255, 255, 0.15);padding:15px 8px;}
.c-list__item a {color:#000;font-size:16px;font-weight:bold;position:relative;display:block;padding:14px 10px;padding-right:50px;-webkit-transition:background-color ease-out .2s;transition:background-color ease-out .2s;}
.c-list__item a::before {content:"";position:absolute;right:20px;bottom:0;top:0;margin:auto;width:10px;height:10px;border-top:1px solid;border-right:1px solid;color:#999;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:color ease-out .2s,-webkit-transform ease-out .2s;transition:color ease-out .2s,-webkit-transform ease-out .2s;transition:color ease-out .2s,transform ease-out .2s;transition:color ease-out .2s,transform ease-out .2s,-webkit-transform ease-out .2s;}
.c-list__ttl {line-height:1.5;}
.c-list__date {margin-bottom:5px;font-size:1.2rem;}
}
@media screen and (max-width:479px) {
.gridEvent {max-width:1200px;margin:30px auto 0px;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0px 0px 60px;}
.col-e {padding-right:0;width:47%;padding-left:0;margin-bottom:20px;}
.heading-4 {margin-top:15px;margin-bottom:20px;font-size:14px;font-weight:300;margin-bottom:10px;line-height:1.5;}
.mb25 {margin-bottom:25px;font-size:14px;}.link-orange {color:#ff5115;text-decoration:underline;}
.tabMidashi {text-align:center;width:100%;background:#ffa6ac;color:#fff;padding:20px 0;font-size:20px;}
.tabMidashi2 {text-align:center;width:100%;background:orange;color:#fff;padding:20px 0;font-size:20px;margin-bottom:30px;}
.tabMidashi3 {text-align:center;width:100%;background:green;color:#fff;padding:20px 0;font-size:20px;}
.tabMidashi4 {text-align:center;width:100%;background:red;color:#fff;padding:20px 0;font-size:20px;margin-bottom:30px;}
.tabMidashi5 {text-align:center;width:100%;background:#000;color:#fff100;padding:20px 0;font-size:20px;margin-bottom:30px;}
.trimA {overflow:hidden;width:100%;height:150px;position:relative;object-fit:cover;}
.concept h2 {text-align:center;}
.header-03 h2 {font-family:'nexa_boldregular';font-size:30px;letter-spacing:6px;margin:0;padding:0 0 30px;text-align:center;}
.salon h2 {font-family:'nexa_boldregular';font-size:30px;letter-spacing:6px;margin:0;padding:0 0 30px;text-align:center;}
.salon h4 {font-size:20px;font-weight:bold;margin:0;padding:60px 0 30px;}
.works {height:1300px;}
.works {background-color:rgba(255, 255, 255, 1);padding:80px 0;}
.header-03 {height:500px;}
.diary h2 {font-family:'nexa_boldregular';font-size:30px;letter-spacing:6px;margin:0;padding:60px 0 30px;text-align:center;}
.works h2 {font-family:'nexa_boldregular';font-size:30px;letter-spacing:6px;margin:0;padding:0 0 30px;text-align:center;overflow:hidden;}
.live h2 {font-family:'nexa_boldregular';font-size:30px;letter-spacing:6px;margin:0;padding:0 0 30px;text-align:center;overflow:hidden;}
.news {background-color:rgba(255, 255, 255, 1);padding:80px 0;}
.news h2 {font-family:'nexa_boldregular';font-size:30px;letter-spacing:6px;margin:0;padding:0 0 30px;text-align:center;overflow:hidden;}
.c-list {border-top:1px solid rgba(255, 255, 255, 0.15);}
.c-list__item {border-bottom:1px solid rgba(255, 255, 255, 0.15);padding:15px 8px;}
.c-list__item a {color:#000;font-size:14px;font-weight:bold;position:relative;display:block;padding:14px 10px;padding-right:50px;-webkit-transition:background-color ease-out .2s;transition:background-color ease-out .2s;}
.c-list__item a::before {content:"";position:absolute;right:20px;bottom:0;top:0;margin:auto;width:10px;height:10px;border-top:1px solid;border-right:1px solid;color:#999;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:color ease-out .2s,-webkit-transform ease-out .2s;transition:color ease-out .2s,-webkit-transform ease-out .2s;transition:color ease-out .2s,transform ease-out .2s;transition:color ease-out .2s,transform ease-out .2s,-webkit-transform ease-out .2s;}
.c-list__ttl {line-height:1.5;}
.c-list__date {margin-bottom:5px;font-size:1.2rem;}
}
.grid-orange {background-color:#fff2dc;}
.txt-orange {color:#ff5115;font-weight:bold;}
.mask {position:absolute;top:0;left:0;display:block;background-image:url(../img/mask_dot.png);background-position:top left;background-repeat:repeat;height:100%;width:100%;}
.live {background-color:rgba(239, 238, 232, 1);padding:80px 0;}

@media screen and (min-width: 480px) {
.gridEventGallery {max-width:1200px;margin:0px auto;display:flex;display:-ms-flex-align:center;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:30px;justify-content:center;}
.col-g:nth-child(odd) {padding:0 10px;margin-bottom:40px;}
.col-g:nth-child(even) {padding:0 10px;margin-bottom:40px;margin-bottom:40px;}
.col-g {width:calc(33.3333333% - 30px);}
.col-g img {object-fit:cover;height:250px;}
}

@media screen and (max-width: 479px) {
.gridEventGallery {max-width:1200px;margin:0px auto;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0px 0px 60px;}
.col-g {padding-right:0;width:47%;padding-left:0;margin-bottom:20px;}
.col-g img {object-fit:cover;height:250px;}
}