@charset "utf-8";



/* -----------------------------------------------------------

#header

----------------------------------------------------------- */

/* transition */
#header,
#header .logoArea,
#header .logoAreaSmall,
#header .navArea,
#header .navAreaSmall,
#header .snsArea,
#header .calendarArea,
#header .contactArea{ -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; }

/* #header */
#header,
#header:after{ -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; }

/* --- #header --- */
#header {height: 100px;position: fixed;/* bottom: 2%; */left: 0;right:0;/* width: 90%; */background: rgb(0 0 0 / 70%);/* background: #fff; */z-index: 1000;/* position: relative; */top: 0;}
#header.autofix_sb.fixed {height: 80px;-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);/* background: #fefefe; */width: 100%;}

@media only screen and (max-width: 800px) {
    #header { display: none; }
}


/* ======== #header .logoArea ======== */
#header .logoArea {position: absolute;top: 15px;left: 1%;padding-left: 1%;z-index: 3;margin-left: 0;}
#header .logoArea h2 {width: 160px;height: 100px;line-height: 0;font-size: 0;margin: 0;}
#header .logoArea h2 a {width: 160px;height: 100px;background: url(https://forest-r.jp/img/header_logo.png) center center no-repeat;;;;;;;;;;;;;background-size: 160px;;;;;;;;;;;;;display: block;position: relative;overflow: hidden;text-indent: -999px;z-index: 1003;left: 0;top: -5px;}
#header .logoArea h2 a:hover { opacity: 0.7; }
#header.autofix_sb.fixed .logoArea { top: -90px; opacity: 0; height: 0; }


/* ======== #header .logoAreaSmall ======== */
#header .logoAreaSmall {position: absolute;top: 20px;left: 2%;z-index: 1002;opacity: 0;}
#header .logoAreaSmall h2 {width: 140px;height: 80px;line-height: 0;font-size: 0;margin: 0;}
#header .logoAreaSmall h2 a {width: 140px;height: 80px;background: url(https://forest-r.jp/img/header_logo.png) center center no-repeat;;;;;;background-size: 140px;;;;;;display: block;position: relative;overflow: hidden;text-indent: -999px;z-index: 1003;/* left: 30px; */}
#ie9 #header .logoAreaSmall h2 a { background: url(../images/logo_Header.svg) center center no-repeat; }
#header .logoAreaSmall h2 a:hover { opacity: 0.7; }
#header.autofix_sb.fixed .logoAreaSmall {top: 10px;opacity: 1;}


/* ======== #header .navArea ======== */
#header .navArea {position: absolute;top: 30%;left: 200px;right: 0;display: block;z-index: 2;/* text-align: center; */}
#header.autofix_sb.fixed .navArea  {top: 16px;/* left: 220px; */}

#header .navArea ul.navi {font-size: 0;/* width: 100%; */position: relative;right: 0;/* margin-left: 60px; */}
#header .navArea ul.navi li {display: inline-block; *display: inline;*zoom: 1;position: relative;margin: 0 1.2%;padding: 0 0.2%;/* width: auto; */height: 60px;}
#header .navArea ul.navi li a {display: block;margin: 0;height: 50px;letter-spacing: 1.5px;letter-spacing:1px;text-align: center;position: relative;z-index:2;text-decoration: none;}
/* span.en */
#header .navArea ul.navi li span.en {font-size: 18px;/* font-weight: 600; */letter-spacing: 1px;line-height: 65px;color: #fff;}
#header .navArea ul.navi a:hover {  color:#fff;  }
#header .navArea ul.navi a:after {position: absolute;bottom: 1px;left: 33%;right: 33%;height: 1px;display: block;content: "";background: transparent;z-index:-1;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
/* focus */
#header .navArea ul.navi li:hover a {  color:#483d17;  }
#header .navArea ul.navi li:hover a:after { left: 0px; right: 0px; background: #000; }


#header .navArea ul.navi a:before {position: absolute;bottom: 1px;left: 0;right: 0;height: 1px;display: block;content: "";background: transparent;z-index:-2;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#header .navArea ul.navi a:hover:before { left: 33%; right: 33%; background: transparent;}

@media only screen and (max-width: 1024px) {
    #header .logoArea {position: absolute;padding-left: 30px;}
    #header .logoArea img{100px}
}


@media only screen and (max-width: 800px) {
    #header { display: none; }
}



.render {
    display: block;
    color: #ffffff;
    font-size: 1.2rem;
    letter-spacing: 0.8em;
    font-weight: 400;
    margin-top: 12px;
}

.fsize_1{
    font-size: 0.5rem;
    line-height: 0.3;
}



/* #header .navArea ul.navi li span.en:before {
position: absolute;
top: 50%;
left: 20%;
content: "";
display: block;
width: 1px;
height: 18px;
background: #fff;
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
} */


/* ======== .subNav ======== */

.subNav 
{width: 340px;text-align: center;position: absolute;top: 60px;padding:0 2px 10px;margin: 0;left: -30px;z-index: -1;overflow: hidden;}
.off .subNav { display:none; opacity:0;}
.off .subNav .inner {width: 300px;height: 100%;padding: 0;}
.subNav .inner {width: 100%;width:auto;margin:0 -2px 0;padding: 15px;overflow: hidden;background: #000;-webkit-animation:show 0.2s ease-in 0s;-moz-animation:show 0.2s ease-in 0s;-ms-animation:show 0.2s ease-in 0s;-o-animation:show 0.2s ease-in 0s;animation:show 0.2s ease-in 0s;-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);position:relative;z-index:1;}
.subNav .inner:before { position:absolute; top:0; left:0; right:50%; bottom:0; content:""; border:#eee 0px solid; border-right:none; z-index:-1; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.subNav .inner:after { position:absolute; top:0; left:50%; right:0; bottom:0; content:""; border:#eee 0px solid; border-left:none; z-index:-1; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.off .subNav .inner > * { opacity: 0; }


/* ul.inner2 */
#header .navArea ul.navi .subNav ul.inner2 { font-size: 0; margin:0 0 0 1px; text-align: left; position: relative; }
#header .navArea ul.navi .subNav ul.inner2 li {width: 25%;width: 100%;height: auto;margin: 0 0 -1px -1px;padding:0;position: relative;z-index: 0;overflow:hidden;/* background: #01696c; */-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

#header .navArea ul.navi .subNav ul.inner2 {
    /* display: flex; */
    /* flex-wrap: wrap; */
    /*   border: 1px solid #eee; */
    padding: 0.4em;
    margin: 0 0 2em;
    /*   background: #fff;*/
    justify-content: center;
    /* width: 600px; */
}

#header .navArea ul.navi .subNav ul.inner2 li {
    padding: 1em;
    border-radius: 5px;
    flex: 1 0 0;
    margin: 0.4em;
    text-align: center;
}





#header .navArea ul.navi .subNav ul.inner2 li:after { position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: block; border: #eee 0px solid; content: ""; z-index: -1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#header .navArea ul.navi .subNav ul.inner2 li:before { position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: block; background: #000; content: ""; z-index: -1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#header .navArea ul.navi .subNav ul.inner2 li:hover:before { background:#000; }







/* ul.inner2 li a */
#header .navArea ul.navi .subNav ul.inner2 li a {display: block;margin: 0;padding: 0;height: 60px;color: #fff;line-height: 0;position: relative;text-align: left;}
#header .navArea ul.navi .subNav ul.inner2 li a:after { display:none; }
#header .navArea ul.navi .subNav ul.inner2 li a:hover { color:#fff; }

/* .txtArea */
#header .navArea ul.navi .subNav ul.inner2 li a .txtArea {font-size: 15px;line-height: 60px;text-align: left;padding-left: 10px;position:relative;letter-spacing:2px;}

#header .navArea ul.navi .subNav ul.inner2 li a .txtArea:before { 
    position:absolute; top:0; 
    right:20px; bottom:0; 
    color:#fff; font-size:12px; 
    line-height:60px; font-family: 'themify'; 
    content:"\e61a"; 
    -webkit-transition: all 0.3s ease; 
    -moz-transition: all 0.3s ease; 
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}

#header .navArea ul.navi .subNav ul.inner2 li a:hover .txtArea:before { 
    color: #fff; content: "\e649"; 
    -webkit-transform:translate(5px,0);
    -moz-transform:translate(5px,0);
    -o-transform:translate(5px,0);
    -ms-transform:translate(5px,0);
    transform:translate(5px,0);}


@keyframes show{from{opacity:0}to{opacity:1}}@-moz-keyframes show{from{opacity:0}to{opacity:1}}@-webkit-keyframes show{from{opacity:0}to{opacity:1}}@-o-keyframes show{from{opacity:0}to{opacity:1}}@-ms-keyframes show{from{opacity:0}to{opacity:1}}

/* ======== #header .snsArea ======== */
#header .snsArea {position: absolute;top: 22px;right: 20px;z-index: 1001;/* display: none; */}
/*#header.autofix_sb.fixed .snsArea { top: -90px; opacity: 0; height: 0; }*/
#header.autofix_sb.fixed .snsArea {/* top: 15px; */right: 10px;display: block;}



/* .snsArea ul */
#header .snsArea ul { font-size:0; display:inline-block; }
#header .snsArea ul li { display:inline-block; margin:0; text-align:center;}
#header .snsArea ul li a {display:block;width: 30px;height: 40px;font-size:15px;font-size: 18px;color:#111;font-weight:normal;position:relative;z-index:0;}
#header .snsArea ul li a i { line-height:30px; }
#header .snsArea ul li a:hover { font-size:18px; color:#483d17;}
#header .snsArea ul li a:hover i { -webkit-transform: rotate(360deg) scale(1.1);-moz-transform: rotate(360deg) scale(1.1);-o-transform: rotate(360deg) scale(1.1);-ms-transform: rotate(360deg) scale(1.1);transform: rotate(360deg) scale(1.1);}
#header .snsArea ul li a.youtube { font-size:18px; }
#header .snsArea ul li a.youtube:hover { font-size:23px;}

/* ul.blog */
#header .snsArea ul.blog { position:relative; z-index:1; margin-left:10px; padding-left:18px; }
#header .snsArea ul.blog:before { position:absolute; top:10px; left:0; bottom:10px; width:0; content:""; border-left:#111 1px dotted; z-index:-1; }
#header .snsArea ul.blog li a { width:auto; height:30px; font-size:12px; font-family: 'Catamaran', sans-serif; font-weight:400; letter-spacing:1.5px; position:relative; z-index:2; }
#header .snsArea ul.blog li a:hover {color:#006c6e;font-weight:500}
#header .snsArea ul.blog li a i { font-size:14px; line-height:30px; font-weight:normal; padding-right:3px; }
#header .snsArea ul.blog li a:before { position:absolute; bottom:2px; left:0; right:0; height:0; content:""; border-bottom:#ddd 1px dotted; z-index:-2;}
#header .snsArea ul.blog li a:after { position:absolute; bottom:2px; left:0; right:100%; height:0; content:""; border-bottom:transparent 1px solid; z-index:-1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#header .snsArea ul.blog li a:hover:after{ right:0; border-bottom:#fff 1px solid; }



/* ======== #header .contactArea ======== */
#header .contactArea {position: absolute;top: 33px;right: 2%;z-index:2;}
#header.autofix_sb.fixed .contactArea {top: 7px;right: 30px;}

#header .contactArea ul { font-size:0; list-style: none; }
#header .contactArea ul li { display: inline-block; margin: 0; text-align: center;}
#header .contactArea ul li a { display:block;padding: 0 10px 0 35px; height:45px; color:#111;font-size: 22px; font-weight:500; letter-spacing:0.5px; line-height:45px; position:relative; z-index:2;}
#header .contactArea ul li a:hover {color: #717070;background: rgba(167, 208, 227, 0);padding:0 40px 0 45px;}

#header .contactArea ul li a:before,
#header .contactArea ul li a:after {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#header .contactArea ul li a:before {position:absolute;top:0;right:0px;bottom:0;left:0px;content:"";border:#eee 1px solid;z-index:-1;/* color: #fff; */background: #fff;}
#header .contactArea ul li a:hover:before { right:0px;left:0px; border:transparent 1px dotted; }
#header .contactArea ul li a:after {  position:absolute; top:0; right:15px; bottom:0; font-size: 8px; font-family: 'themify'; content: "\e649"; line-height: 45px; font-style: normal; z-index: 1; opacity:0;}
#header .contactArea ul li a:hover:after { right:10px; opacity:1;}

#header .contactArea ul li a .icon {position: absolute;top: 0;left: 17px;bottom: 0;width: 20px;z-index: 0;}
#header .contactArea ul li a .icon:before {color: #fafafa;position:absolute;top:0;left:0;bottom:0;right: 0;font-size:16px;text-align:left;font-family: 'themify';content: "\e75a";font-weight:normal;}

#header .contactArea ul li a .icon:before {
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right: 0;
    font-size:16px;
    text-align:left;
    font-family: 'FontAwesome';
    /*     content: "\f003"; */
    content: "\f095";
    font-weight:normal;
    color: #000;
}




/* ======== #header .calendarArea ======== */
#header .calendarArea { position: absolute; top: 14px; right: 25px; z-index:2; }
#header.autofix_sb.fixed .calendarArea { top: 7px;right: 10px; }

/* .calendarArea ul */
#header .calendarArea ul { font-size:0; }
#header .calendarArea ul li { display:inline-block; margin:0; text-align:center; }
#header .calendarArea ul li a { display:block; padding:0 15px 0 50px; height:45px; color:#111; font-size:11px; font-weight:500; letter-spacing:1px; line-height:45px; position:relative; z-index:2; }
#header .calendarArea ul li a:hover { color:#483d17; background:#fefefe; padding:0 30px 0 50px; }
#header .calendarArea ul li a i { font-size:15px; line-height:45px; padding-right:7px; font-weight: normal; }

#header .calendarArea ul li a:before,
#header .calendarArea ul li a:after {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}

#header .calendarArea ul li a:before { position:absolute; top:0; right:0px; bottom:0; left:0px; content:""; border:#ddd 1px solid; z-index:-1; }
#header .calendarArea ul li a:hover:before { right:0px;left:0px; border:transparent 1px dotted; }
#header .calendarArea ul li a:after { position:absolute; top:0; right:15px; bottom:0; font-size: 8px; font-family: 'themify'; content: "\e649"; line-height: 45px; font-style: normal; z-index: 1; opacity:0;}
#header .calendarArea ul li a:hover:after { right:10px; opacity:1;}

/* .calendar */
#header .calendarArea ul li .calendar { position:absolute; top:5px; left:5px; bottom:5px; width:35px; border:#ddd 1px dotted; border-top:#ddd double; z-index:2; text-align:center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#header .calendarArea ul li a:hover .calendar { border:#483d17 1px dotted; border-top:#483d17 double;}

/* .calendarArea p */
#header .calendarArea p { color:#111; font-family: 'Catamaran', sans-serif; font-weight:800; line-height:0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#header .calendarArea p.month { position:absolute; top:10px; left:0; right:0; font-size:9px; text-transform:uppercase; }
#header .calendarArea p.day { position:absolute; left:0; right:0; bottom:10px; font-size:10px; font-family: 'Open Sans', sans-serif; font-weight:400; letter-spacing:0.5px;}
#header .calendarArea ul li a:hover p { color:#483d17; }

@media only screen and (max-width: 1050px) {
    #header .calendarArea ul li a { padding:0 15px 0 40px; }	
    #header .calendarArea ul li a:hover { padding:0 15px 0 40px; }
    #header .calendarArea ul li .calendar { width:30px;}
    #header .calendarArea ul li a:after { display:none;}
}

@media only screen and (max-width: 1024px) {
    #header .navArea ul.navi li { margin:0 6px; padding:0 6px; }
    #header .navArea ul.navi li span.en { font-size:12.5px;letter-spacing:1.5px; }
}

@media only screen and (max-width: 945px) {
    #header .calendarArea ul li a { padding:0 10px; }	
    #header .calendarArea ul li a:hover { padding:0 10px; }
    #header .calendarArea ul li .calendar { display:none;}
}


/* -----------------------------------------------------------

#headerSp

----------------------------------------------------------- */

#headerSp {display: none;}
#headerSp {position: fixed;top:0;left:0;right:0;height:50px;background:#fefefe;z-index:1000;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}

@media only screen and (max-width: 800px) {
    #headerSp { display: block; }
}

/* ======== #headerSp a.btnMenu ======== */
#headerSp a.btnMenu {position: absolute;top:0;left: 0;display: block;width:60px;height: 50px;color:#fefefe;z-index:0;}
#headerSp a.btnMenu span.lineTop {position: absolute;top:18px;left:18px;right:18px;height:1px;background: #000;z-index:1;}
#headerSp a.btnMenu span.lineMiddle {position: absolute;top:50%;left:18px;right:18px;height:1px;background: #000;z-index:1;}
#headerSp a.btnMenu span.lineBottom {position: absolute;bottom:17px;left:18px;right:18px;height:1px;background: #000;z-index:1;}
/* ======== #headerSp .logoArea ======== */
#headerSp .logoArea {position: absolute;top:0;right: 2%;z-index:1001;/* margin-left:-65px; */}
#headerSp .logoArea h2 {width: 80px;height:50px;line-height:0;font-size:0;margin:0;}
#headerSp .logoArea h2 a {position: relative;display: block;width: 80px;height: 50px;background: url(https://forest-r.jp/img/header_logo.png) center center no-repeat;;;;;;;background-size: 80px;;;;;;;overflow: hidden;text-indent:-999px;z-index:1003;}

/* ======== #headerSp .textArea ======== */
#headerSp .textArea {position: absolute;top: -20px;left: 16%;z-index:1001;/* margin-left:-65px; *//* top: 20px; */}
#headerSp .textArea h2 {font-size: 13px; color: var(--main-green-color);}

/* ======== #headerSp a.btnMenu ======== */
#headerSp a.btnCalendar { position: absolute; top:0; right:0; display: block; width:60px; height:50px; z-index:0; text-align:center; }
#headerSp a.btnCalendar span.calendar { position:absolute; top:8px; left:13px; bottom:8px; width:36px; border:#333 1px dotted; border-top:#333 double; z-index:2; text-align:center;}
#headerSp a.btnCalendar p { color:#111; font-family: 'Catamaran', sans-serif; font-weight:800; line-height:0; }
#headerSp a.btnCalendar p.month { position:absolute; top:0; left:0; right:0; line-height:20px; font-size:9px; text-transform:uppercase; }
#headerSp a.btnCalendar p.day { position:absolute; left:0; right:0; bottom:0; line-height:20px;font-size:10px; font-family: 'Open Sans', sans-serif; font-weight:400; letter-spacing:0.5px;}


/* language */
#headerSp .language {position: absolute; top:10px; right:18px;  }
#headerSp .language ul { position:relative; z-index:1; margin-left:10px; padding-left:18px; }
#headerSp .language ul li{ list-style:none;}
#headerSp .language ul:before { position:absolute; top:10px; left:0; bottom:10px; width:0; content:""; border-left:#111 1px dotted; z-index:-1; }
#headerSp .language ul li a { width:auto; height:30px; font-size:12px; font-family: 'Catamaran', sans-serif; font-weight:400; letter-spacing:1.5px; position:relative; z-index:2; }
#headerSp .language ul li a:hover {color:#483d17;}
#headerSp .language ul li a i { font-size:14px; line-height:30px; font-weight:normal; padding-right:3px; }
#headerSp .language ul li a:before { position:absolute; bottom:2px; left:0; right:0; height:0; content:""; border-bottom:#ddd 1px dotted; z-index:-2;}
#headerSp .language ul li a:after { position:absolute; bottom:2px; left:0; right:100%; height:0; content:""; border-bottom:transparent 1px solid; z-index:-1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#headerSp .language ul li a:hover:after{ right:0; border-bottom:#483d17 1px solid; }




/* -----------------------------------------------------------

jQuery.mmenu CSS

----------------------------------------------------------- */
#my-menu:not( .mm-menu ) { display: none; }
#menu:not( .mm-menu ) { display: none; }
/* jQuery.mmenu oncanvas CSS */
.mm-hidden { display: none !important; }
.mm-wrapper { overflow-x: hidden; position: relative; }
.mm-menu,
.mm-panels,
.mm-panels > .mm-panel { margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; letter-spacing: 1px; }
.mm-panels > .mm-panel {margin-top: 50px;border-top: #000 2px solid;}
.mm-menu { box-sizing: border-box; background: inherit; display: block; overflow: hidden; padding: 0; }
.mm-panel { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
.mm-panel.mm-opened { -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }
.mm-panel.mm-subopened { -webkit-transform: translate3d(-30%, 0, 0); -moz-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); -o-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); }
.mm-panel.mm-highest { z-index: 1; }
.mm-panels,
.mm-panels > .mm-panel {background: inherit;border-color: inherit;background: #fff;}
.mm-panels > .mm-panel {background: inherit;border-color: inherit;/* background: #fff; */-webkit-overflow-scrolling: touch;overflow: scroll;overflow-x: hidden;overflow-y: auto;box-sizing: border-box;padding: 0 20px;}
.mm-panels > .mm-panel.mm-hasnavbar { padding-top: 40px; }
.mm-panels > .mm-panel:before,
.mm-panels > .mm-panel:after { content: ''; display: block; height: 20px; }
.mm-vertical .mm-panel { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; }
.mm-vertical .mm-listview .mm-panel,
.mm-listview .mm-vertical .mm-panel { display: none; padding: 10px 0 10px 10px; }
.mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after,
.mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after { border-color: transparent; }
.mm-vertical li.mm-opened > .mm-panel,
li.mm-vertical.mm-opened > .mm-panel { display: block; }

/* .mm-listview ul */
.mm-listview ul {/* background:#fefefe; */}
.mm-listview,
.mm-listview > li { list-style: none; display: block; padding: 0; margin: 0; }
.mm-listview { font: inherit; font-size: 11px; line-height: 20px; letter-spacing: 1px; }
.mm-listview a,
.mm-listview a:hover { text-decoration: none; }
.mm-listview > li {position: relative;background: #fff;}
.mm-listview > li,
.mm-listview > li:after,
.mm-listview > li .mm-next,
.mm-listview > li .mm-next:before {border-color: inherit;border-color: #01a496;color: #1e1e1e;}

.mm-listview > li > a,
.mm-listview > li > span.block {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: inherit;display: block;padding: 0 10px 0 30px;margin: 0;font-size: 12px;line-height:50px;}
.mm-listview > li > a.en {font-size: 15px;/* font-family: 'Catamaran', sans-serif; */font-weight:600;letter-spacing:2.5px;}
.mm-listview > li > a.home { position:relative; z-index:1; padding: 0 10px 0 55px; }
.mm-listview > li > a.home:before {position:absolute;top:0;left:30px;bottom:0;width:30px;font-size: 20px;text-align:left;font-family: 'FontAwesome';content: "\f015";/* content: url(../images/icon_home.svg); */font-weight:normal;line-height:45px;color: #9E9E9E;}

.mm-listview > li > a.calendarArea,
.mm-listview > li > a.contact,
.mm-listview > li > a.tel {position: relative;z-index:1;padding: 10px 10px 10px 75px;font-size: 20px;letter-spacing:2px;font-weight: 600;text-align: right;/* color: #fff; */}
.mm-listview > li > a.calendarArea span.calendar { position:absolute; top:8px; left:30px; bottom:8px; width:35px; border:#333 1px dotted; border-top:#333 double; z-index:2; text-align:center;}

/* .calendarArea p */
.mm-listview > li > a.calendarArea span.calendar p { color:#111; font-family: 'Catamaran', sans-serif; font-weight:800; line-height:0; }
.mm-listview > li > a.calendarArea span.calendar p.month { position:absolute; top:0; left:0; right:0; line-height:20px; font-size:9px; text-transform:uppercase; }
.mm-listview > li > a.calendarArea span.calendar p.day { position:absolute; left:0; right:0; bottom:0px; line-height:20px;font-size:10px; font-family: 'Open Sans', sans-serif; font-weight:400; letter-spacing:0.5px;}

.mm-listview > li > a.contact:before {position:absolute;top:0;left:30px;bottom:0;width:35px;font-size:20px;text-align:center;font-family: 'FontAwesome';content: "\f003";font-weight:normal;}
/*.mm-listview > li > a.tel:before{ position:absolute; top:0; left:30px; bottom:0; width:35px; content: ""; background:url(../images/telIconSp.png) center center no-repeat; background-size:20px 20px;}*/
.mm-listview > li > a.tel:before{/* position:absolute; *//* top:0; *//* left: 30px; *//* bottom:0; *//* width:35px; */padding-right: 10px;font-size:24px;text-align:center;font-family: 'FontAwesome';content: "\f095";font-weight:normal;}

.mm-listview > li > span.block { font-size: 13px; font-family: 'Catamaran', sans-serif; font-weight:600; letter-spacing:2.5px;}
.mm-listview > li > span.block b {font-family:'Open Sans'; font-size:0.9em; font-weight:500; vertical-align:0;}
.mm-listview > li:not(.mm-divider):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0; }
.mm-listview > li:not(.mm-divider):after { left: 20px; left:0; }

/* .bgGray */
.mm-listview > li > .bgGray { background:#fafafa;}

/* .mm-next */
.mm-listview .mm-next { background: rgba(3, 2, 1, 0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; }
.mm-listview .mm-next:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0; }
.mm-listview .mm-next + a,
.mm-listview .mm-next + span { margin-right: 50px; }
.mm-listview .mm-next.mm-fullsubopen { width: 100%; }
.mm-listview .mm-next.mm-fullsubopen:before { border-left: none; }
.mm-listview .mm-next.mm-fullsubopen + a,
.mm-listview .mm-next.mm-fullsubopen + span { padding-right: 50px; margin-right: 0; }
.mm-panels > .mm-panel > .mm-listview { margin: 20px -20px; }
.mm-panels > .mm-panel > .mm-listview:first-child,
.mm-panels > .mm-panel > .mm-navbar + .mm-listview { margin-top: -20px; }

/* .mm-inset */
.mm-listview .mm-inset {list-style: none;padding: 0;margin: 0;}
.mm-listview .mm-inset > li {padding: 0;position:relative;z-index:1;}
.mm-listview .mm-inset > li:after{position:absolute;top:0;right:0;left:0;height:0;content:"";border-top: #01a496 1px dashed;z-index:-1;}

.mm-listview .mm-inset > li > a {display:block;padding: 0 10px 0 50px;font-size: 15px;line-height:45px;letter-spacing:2px;position:relative;color: #646464;}
.mm-listview .mm-inset > li > a:before {position:absolute;top: 40%;left:30px;width:7px;height: 0;content:"";border-top: #1e1e1e 7px solid;}

/* .SNS */
.mm-listview .mm-inset > li.youtubeIcon > a,
.mm-listview .mm-inset > li.facebookIcon > a,
.mm-listview .mm-inset > li.pinterestIcon > a,
.mm-listview .mm-inset > li.instagramIcon > a,
.mm-listview .mm-inset > li.tweeterIcon > a,
.mm-listview .mm-inset > li.blogIcon > a { font-size:12px; font-family: 'Catamaran', sans-serif; font-weight:300;letter-spacing:2px; background:#fafafa; line-height:40px; }

.mm-listview .mm-inset > li.youtubeIcon > a:before,
.mm-listview .mm-inset > li.facebookIcon > a:before,
.mm-listview .mm-inset > li.pinterestIcon > a:before,
.mm-listview .mm-inset > li.instagramIcon > a:before,
.mm-listview .mm-inset > li.tweeterIcon > a:before,
.mm-listview .mm-inset > li.blogIcon > a:before { position: static; font-size: 18px; width: 20px;height:auto; margin-right:5px; display: inline-block;border-top:none; font-family: 'FontAwesome'; font-weight: normal; text-align:center; }

.mm-listview .mm-inset > li.youtubeIcon > a:before { font-size:15px; content: "\f167 " }
.mm-listview .mm-inset > li.facebookIcon > a:before { content: "\f09a" }
.mm-listview .mm-inset > li.pinterestIcon > a:before { content: "\f231 "}
.mm-listview .mm-inset > li.instagramIcon > a:before { content: "\f16d" }
.mm-listview .mm-inset > li.tweeterIcon > a:before { content: "\f099" }
.mm-listview .mm-inset > li.blogIcon > a:before { font-size:16px; content: "\f219"}

.mm-listview .mm-divider { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; }
.mm-listview .mm-spacer { padding-top: 40px; }
.mm-listview .mm-spacer > .mm-next { top: 40px; }
.mm-listview .mm-spacer.mm-divider { padding-top: 25px; }

.mm-prev:before,
.mm-next:after,
.mm-arrow:after { content: ''; border: 1px solid transparent; display: inline-block; width: 7px; height: 7px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.mm-prev:before { border-right: none; border-bottom: none; left: 23px; }
.mm-next:after,
.mm-arrow:after { border-top: none; border-left: none; right: 23px; }
/* .mm-menu */
.mm-menu {/* background: #000000; */border-color: #eee;color: #111;border-right: #ededed 1px solid;-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);}
.mm-menu .mm-navbar > *,
.mm-menu .mm-navbar a { color: rgba(0, 0, 0, 0.3); color: #b09d7c; font-size: 13px; letter-spacing: 2px; }
.mm-menu .mm-navbar .mm-btn:before,
.mm-menu .mm-navbar .mm-btn:after { border-color: rgba(0, 0, 0, 0.3); }
.mm-menu .mm-listview { border-color: rgba(0, 0, 0, 0.1); }
.mm-menu .mm-listview > li .mm-next:after,
.mm-menu .mm-listview > li .mm-arrow:after { border-color: rgba(0, 0, 0, 0.3); }
.mm-menu .mm-listview > li a:not(.mm-next) {-webkit-tap-highlight-color: rgba(255, 255, 255, 0.5);tap-highlight-color: rgba(255, 255, 255, 0.5);}
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.5); }
.mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next,
.mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
.mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
.mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.05); }
.mm-menu .mm-divider { background: rgba(0, 0, 0, 0.05); }
/* jQuery.mmenu offcanvas addon CSS */
.mm-page { box-sizing: border-box; position: relative; }
.mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; }
html.mm-opened { overflow-x: hidden; position: relative; }
html.mm-blocking { overflow: hidden; }
html.mm-blocking body { overflow: hidden; }
html.mm-background .mm-page { background: inherit; }
#mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; }
html.mm-blocking #mm-blocker { display: block; }
.mm-menu.mm-offcanvas { display: none; position: fixed; }
.mm-menu.mm-current { display: block; }
.mm-menu {width: 100%;min-width: 140px;max-width: 440px;}
html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); }

@media all and (max-width: 175px) {
    html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); }
}

@media all and (min-width: 550px) {
    html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0); }
}
/* jQuery.mmenu autoHeight addon CSS */
.mm-menu.mm-autoheight { max-height: 80%; }
.mm-menu.mm-autoheight.mm-fullscreen { max-height: 100%; }
.mm-menu.mm-measureheight > .mm-panels > .mm-panel { bottom: auto !important; height: auto !important; }
/* jQuery.mmenu counters addon CSS */
em.mm-counter { font: inherit; font-size: 14px; font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 45px; top: 50%; }
em.mm-counter { font-size: 12px; letter-spacing: 0; }
em.mm-counter + a.mm-next { width: 90px; }
em.mm-counter + a.mm-next + a,
em.mm-counter + a.mm-next + span { margin-right: 90px; }
em.mm-counter + a.mm-fullsubopen { padding-left: 0; }
.mm-vertical > .mm-counter { top: 12px; margin-top: 0; }
.mm-vertical.mm-spacer > .mm-counter { margin-top: 40px; }
.mm-nosubresults > .mm-counter { display: none; }
.mm-menu em.mm-counter { color: rgba(0, 0, 0, 0.3); color: #111; }
/* jQuery.mmenu dividers addon CSS */
.mm-divider > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0; line-height: 25px; }
.mm-divider.mm-opened a.mm-next:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.mm-collapsed:not(.mm-uncollapsed) { display: none; }
.mm-fixeddivider { background: inherit; display: none; position: absolute; top: 0; left: 0; right: 0; z-index: 2; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.mm-fixeddivider:after { content: none !important; display: none !important; }
.mm-hasdividers .mm-fixeddivider { display: block; }
.mm-menu .mm-fixeddivider span { background: rgba(0, 0, 0, 0.05); }
/*
jQuery.mmenu dragOpen addon CSS
*/
html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-slideout { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
/*
jQuery.mmenu iconpanels addon CSS
*/
.mm-iconpanel .mm-panel { -webkit-transition-property: -webkit-transform, left; -moz-transition-property: -moz-transform, left; -ms-transition-property: -ms-transform, left; -o-transition-property: -o-transform, left; transition-property: transform, left; }
.mm-iconpanel .mm-panel.mm-opened { border-left: 1px solid; border-color: inherit; }
.mm-iconpanel .mm-panel.mm-subopened { overflow-y: hidden; left: -40px; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.mm-iconpanel .mm-panel.mm-iconpanel-0 { left: 0px; }
.mm-iconpanel .mm-panel.mm-iconpanel-1 { left: 40px; }
.mm-iconpanel .mm-panel.mm-iconpanel-2 { left: 80px; }
.mm-iconpanel .mm-panel.mm-iconpanel-3 { left: 120px; }
.mm-iconpanel .mm-panel.mm-iconpanel-4 { left: 160px; }
.mm-iconpanel .mm-panel.mm-iconpanel-5 { left: 200px; }
.mm-iconpanel .mm-panel.mm-iconpanel-6 { left: 240px; }
.mm-subblocker { background: inherit; opacity: 0; display: block; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -ms-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; }
.mm-subopened .mm-subblocker { opacity: 0.6; position: absolute; top: 0; right: 0; bottom: -100000px; left: 0; z-index: 3; }

/*
jQuery.mmenu borderstyle extension CSS
*/
.mm-menu.mm-border-none .mm-listview > li:after,
.mm-listview.mm-border-none > li:after { content: none; }
.mm-menu.mm-border-full .mm-listview > li:after,
.mm-listview.mm-border-full > li:after { left: 0 !important; }
.mm-menu.mm-border-offset .mm-listview > li:after,
.mm-listview.mm-border-offset > li:after { right: 20px; }
/*
jQuery.mmenu multiline extension CSS
*/
.mm-menu.mm-multiline .mm-listview > li > a,
.mm-menu.mm-multiline .mm-listview > li > span,
.mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > a,
.mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > span { text-overflow: clip; white-space: normal; }
/*
jQuery.mmenu pagedim extension CSS
*/
html.mm-pagedim #mm-blocker,
html.mm-pagedim-white #mm-blocker,
html.mm-pagedim-black #mm-blocker { opacity: 0; }
html.mm-pagedim.mm-opening #mm-blocker,
html.mm-pagedim-white.mm-opening #mm-blocker,
html.mm-pagedim-black.mm-opening #mm-blocker { opacity: 0.3; transition: opacity 0.4s ease 0.4s; }
html.mm-pagedim #mm-blocker { background: inherit; }
html.mm-pagedim-white #mm-blocker { background: #fff; }
html.mm-pagedim-black #mm-blocker { background: #000; }
/*
jQuery.mmenu position extension CSS
*/
.mm-menu.mm-top,
.mm-menu.mm-bottom { width: 100%; min-width: 100%; max-width: 100%; }
.mm-menu.mm-right { left: auto; right: 0; }
.mm-menu.mm-bottom { top: auto; bottom: 0; }
html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-80%, 0); -moz-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); -o-transform: translate(-80%, 0); transform: translate(-80%, 0); }

@media all and (max-width: 175px) {
    html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); }
}

@media all and (min-width: 550px) {
    html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-440px, 0); -moz-transform: translate(-440px, 0); -ms-transform: translate(-440px, 0); -o-transform: translate(-440px, 0); transform: translate(-440px, 0); }
}
/*
jQuery.mmenu z-position extension CSS
*/
html.mm-front .mm-slideout { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; z-index: 0 !important; }
.mm-menu.mm-front { z-index: 1; }
.mm-menu.mm-front,
.mm-menu.mm-next { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
.mm-menu.mm-front.mm-right,
.mm-menu.mm-next.mm-right { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
html.mm-opening .mm-menu.mm-front,
html.mm-opening .mm-menu.mm-next { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }



/* .news  */
.news {
    display: inline-block;width:275px;
    max-width:100%;padding: 0;margin:0 10px;color:#fefefe;
    background:#eee;border:#111 1px solid;
    font-size: 14px;text-decoration: none;text-align:center;
    font-weight:500;line-height: 30px;
    letter-spacing: 1px;position: relative;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}


@media only screen and (max-width: 738px) { 
    .news {
        display: inline-block;
        width: 80%;
    }
}
.news:after { 
    font-family: 'themify'; content: "\f105"; font-size: 10px; font-style: normal; 
    font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: 
        grayscale; position: absolute; top: 0; right: 15px; z-index: 1; line-height: 30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.news:hover { color:#fefefe; background: #ddd; border:#999 1px solid; }
.news:hover:after { right: 10px; }


.obi{
    height: 20px;
    position: fixed;
    left: 0;
    right: 0;
    background: #1e1e1e;
    z-index: 1000;
    top: 0;
}
.obi h1{
    font-size: 14px;
    color: #fff;
    font-weight: 200;
    display: revert;
    margin: 2px 2%;
    text-align: right;
}

/* ======== #menu .btnClose ======== */
#menu .btnClose {position: absolute;top:0;left:0;width:60px;height:50px;color: #000;overflow: hidden;text-indent:-999px;z-index:100;}
#menu .btnClose:before { position: absolute; top:0; right:0; left:0; bottom:0; font-family:'themify'; content:"\e646"; font-size:14px; line-height:52px; text-align: center; text-indent:0; z-index:1; }
#menu .btnClose:after {position: absolute;top:7px;left:12px;right:12px;bottom:7px;content:"";/* border:#111 1px solid; webkit-border-radius:100%;-moz-border-radius:100%; border-radius:100%; */}