/* ==========================================================================
   BaseStyle
========================================================================== */
body { }
body, input, button, textarea, select { font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; }
.headbox { z-index: 1000; width: 100%; border-top: 5px solid #00477B; position: absolute; left: 0px; top: 0px; }
.headwrap { background-color: #FFF;/* border-radius */ border-radius:0px 0px 10px 10px; -webkit-border-radius:0px 0px 10px 10px; -moz-border-radius:0px 0px 10px 10px; /* box-shadow */ box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 5px 1px; -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 5px 1px; -moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 5px 1px; width: 100%; background-image: url(../img/hdbg.jpg); }
.logo { margin: 0px; padding: 10px 0 10px 20px; float: left; font-size: 1em; }
.logo img { margin: 0; padding: 0; }
.header_right { float: right; padding: 0; }
.otoiawase{ background-image: url(../img/contact.jpg); background-repeat: no-repeat; display: inline-block; height: 41px; width: 160px; text-indent: -9999px; overflow: hidden; float: right; }
.otoiawase:hover{background-image: url(../img/contact_ov.jpg); }
.gnav { margin: 0px; padding: 0px; list-style: none; }
.gnav li { margin: 0px; padding: 0px; float: left; }
.gnav li a { background-image: url(../img/nav.jpg); background-repeat: no-repeat; display: block; height: 64px; width: 145px; text-indent: -9999px; overflow: hidden; }
.gnav01 { background-position: 0px 0px; }
.gnav02 { background-position: -145px 0px; }
.gnav03 { background-position: -290px 0px; }
.gnav04 { background-position: -435px 0px; }
.gnav05 { background-position: -580px 0px; border-radius:0px 0px 10px 0px; -webkit-border-radius:0px 0px 10px 0px; -moz-border-radius:0px 0px 10px 0px; }
.gnav li a.over {  background-image: url(../img/nav_ov.jpg); }
.gnav li a:hover { background-image: url(../img/nav_ov.jpg); }
.mainimage { margin-top: 0; z-index: -100; height: 450px; text-align: center; margin-bottom: 30px; background-color: #C4D9EA; }
.toriatsukai_ttl { background-image: url(../img/soumen_img.jpg); background-repeat: no-repeat; background-position: center center; background-size:cover; padding: 30px 0px; clear: both; margin: 30px 0px; }
.facebook_ttl { padding: 30px 0px; clear: both; margin: 30px 0px; color: #FFF; background-color: #36C; }
.facebook_ttl h2 { color: #FFF; }
.facebook_ttl h2 ,.toriatsukai_ttl h2 { margin:0; padding:0;}
footer { background-color: #F0F0F0; border-top: 3px solid #B0B0B0; margin-top: 30px; clear: both; }
.ftnav { background-color: #CCC; padding: 10px 0px; margin-bottom: 30px; border-bottom: 1px solid #FFF; clear: both; }
.ftnav ul { list-style: none; margin: 0px; padding: 0px; }
.ftnav ul li { float: left; width: 20%; text-align: center; }
.ftnav ul li a { color:#004679; border-right: 1px dotted #999; display: block; }
.image_circle { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
.itemlist img{ margin-bottom: 5px;border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.price{ color: #F00; display: block; }
a img:hover{ opacity:0.5;}
#pagetop {
    position: fixed;
    bottom: 10px;
    right: 10px;
}
.tell_box{ background-color: #E4F1F1; border: 2px solid #BDC9DB; padding: 20px 20px 20px 100px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; text-align: left; color: #003; background-repeat: no-repeat; background-position: 20px center; }
.tell_box p{ margin: 0px; padding: 0px; }
.bangou{ font-size: 2em; font-weight: bold; }
.fax{ background-image:url(../img/office.png)}
.tell{ background-image:url(../img/talking2.png) }
/* ==========================================================================
   common
========================================================================== */
h2{ margin-bottom: 20px; }
h3{ color: #003964; border-bottom: 1px dotted #999; margin-bottom: 20px; margin-top: 30px; }
h3 { position: relative; display: block; padding-left: 30px; }
h3::before,
h3::after { position: absolute; top: 40%; display: block; content: ''; width: 12px; height: 3px; background-color: #0065B0; border-radius: 4px; left: 5px; }
h3::before {
	margin-top: -4px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
h3::after {
	margin-top: 3px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/*-- clearfix --*/
.cf { zoom: 1; }
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.mp0 { margin:0; padding:0; }
.mar0 { margin:0; }
.marT5 { margin-top:5px; }
.marT10 { margin-top:10px; }
.marT15 { margin-top:15px; }
.marT20 { margin-top:20px; }
.marB5 { margin-bottom:5px; }
.marB10 { margin-bottom:10px; }
.marB15 { margin-bottom:15px; }
.marB20 { margin-bottom:20px; }
.marL5 { margin-left:5px; }
.marL10 { margin-left:10px; }
.marL15 { margin-left:15px; }
.marL20 { margin-left:20px; }
.marR5 { margin-right:5px; }
.marR10 { margin-right:10px; }
.marR15 { margin-right:15px; }
.marR20 { margin-right:20px; }
.alignC { text-align:center }
.alignL { text-align:left }
.alignR { text-align:right }
.alignT { vertical-align:top; }
.alignM { vertical-align:middle; }
.color_pink { color: #F36; }
.color_blue { color: #09C; }
.color_yellow { color: #F60; }
.txt_size16 { font-size:1.6em; }
.txt_size14 { font-size:1.4em; }
.txt_size12 { font-size:1.2em; }
.txt_size10 { font-size:1.0em; }
.txt_size9 { font-size:0.9em; }
.txt_size8 { font-size:0.8em; }
.hidden { visibility:hidden; z-index: 10; display: none; }
.fixed { position: fixed; top: 0; }
.orange { color: #F63; }
.thumbL { float: left; margin: 0 15px 20px 0; padding: 0; }
.thumbR { float: right; margin:0 0 20px 15px; padding: 0; }
.description { overflow: hidden; }
.photo { background-color: #FFF; padding: 4px; border: 1px solid #CCC; /* box-shadow */ box-shadow:rgba(201, 201, 201, 0.4) 0px 0px 3px 2px; -webkit-box-shadow:rgba(201, 201, 201, 0.4) 0px 0px 3px 2px; -moz-box-shadow:rgba(201, 201, 201, 0.4) 0px 0px 3px 2px; }
hr { clear:both; margin: 10px 0px; padding: 0px; border-top: 1px dotted #999; }
/* ==========================================================================
   dl-menuw
========================================================================== */
@font-face { font-family: 'icomoon'; src:url('../fonts/icomoon.eot'); src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.svg#icomoon') format('svg'); font-weight: normal; font-style: normal; }
/* Common styles of menus */

.dl-menuwrapper { width: 100%; max-width: 100%; float: left; position: relative; -webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; perspective-origin: 50% 200%; z-index: 1000; }
.dl-menuwrapper:first-child { margin-right: 100px; }
.dl-menuwrapper button { border: none; width: 48px; height: 45px; text-indent: -900em; overflow: hidden; position: relative; cursor: pointer; outline: none; margin:20px; float: right; background-color: #186198; }
.dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul { background-color: #0065B0; }
.dl-menuwrapper button:after { content: ''; position: absolute; width: 68%; height: 5px; background: #fff; top: 10px; left: 16%; box-shadow: 
 0 10px 0 #fff, 0 20px 0 #fff; }
.dl-menuwrapper ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.dl-menuwrapper li { position: relative; border-top: 1px dotted #FFF; }
.dl-menuwrapper li a { display: block; position: relative; padding: 15px 20px; font-size: 16px; line-height: 20px; font-weight: 300; color: #fff; outline: none; }
.no-touch .dl-menuwrapper li a:hover { background: rgba(255,248,213,0.1); }
.dl-menuwrapper li.dl-back > a { padding-left: 30px; background: rgba(0,0,0,0.1); }
.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after { position: absolute; top: 0; line-height: 50px; font-family: 'icomoon'; speak: none; -webkit-font-smoothing: antialiased; content: "\e000"; }
.dl-menuwrapper li.dl-back:after { left: 10px; color: rgba(212,204,198,0.3); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.dl-menuwrapper li > a:after { right: 10px; color: rgba(0,0,0,0.15); }
.dl-menuwrapper .dl-menu { margin: 65px 0 0; position: absolute; width: 100%; opacity: 0; pointer-events: none; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.dl-menuwrapper .dl-menu.dl-menu-toggle { transition: all 0.3s ease; }
.dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); transform: translateY(0px); }
/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu { display: none; }
/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a { display: none; }
.dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block; }
/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu { position: absolute; width: 100%; top: 50px; left: 0; margin: 0; }
/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 { -webkit-animation: MenuAnimOut1 0.4s; animation: MenuAnimOut1 0.4s; }
.dl-menu.dl-animate-out-2 { -webkit-animation: MenuAnimOut2 0.3s ease-in-out; animation: MenuAnimOut2 0.3s ease-in-out; }
.dl-menu.dl-animate-out-3 { -webkit-animation: MenuAnimOut3 0.4s ease; animation: MenuAnimOut3 0.4s ease; }
.dl-menu.dl-animate-out-4 { -webkit-animation: MenuAnimOut4 0.4s ease; animation: MenuAnimOut4 0.4s ease; }
.dl-menu.dl-animate-out-5 { -webkit-animation: MenuAnimOut5 0.4s ease; animation: MenuAnimOut5 0.4s ease; }
 @-webkit-keyframes MenuAnimOut1 { 0% {
}
 50% {
 -webkit-transform: translateZ(-250px) rotateY(30deg);
}
 75% {
 -webkit-transform: translateZ(-372.5px) rotateY(15deg);
 opacity: .5;
}
 100% {
 -webkit-transform: translateZ(-500px) rotateY(0deg);
 opacity: 0;
}
}
 @-webkit-keyframes MenuAnimOut2 { 0% {
}
 100% {
 -webkit-transform: translateX(-100%);
 opacity: 0;
}
}
 @-webkit-keyframes MenuAnimOut3 { 0% {
}
 100% {
 -webkit-transform: translateZ(300px);
 opacity: 0;
}
}
 @-webkit-keyframes MenuAnimOut4 { 0% {
}
 100% {
 -webkit-transform: translateZ(-300px);
 opacity: 0;
}
}
 @-webkit-keyframes MenuAnimOut5 { 0% {
}
 100% {
 -webkit-transform: translateY(40%);
 opacity: 0;
}
}
 @keyframes MenuAnimOut1 { 0% {
}
 50% {
 -webkit-transform: translateZ(-250px) rotateY(30deg);
 transform: translateZ(-250px) rotateY(30deg);
}
 75% {
 -webkit-transform: translateZ(-372.5px) rotateY(15deg);
 transform: translateZ(-372.5px) rotateY(15deg);
 opacity: .5;
}
 100% {
 -webkit-transform: translateZ(-500px) rotateY(0deg);
 transform: translateZ(-500px) rotateY(0deg);
 opacity: 0;
}
}
 @keyframes MenuAnimOut2 { 0% {
}
 100% {
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
 opacity: 0;
}
}
 @keyframes MenuAnimOut3 { 0% {
}
 100% {
 -webkit-transform: translateZ(300px);
 transform: translateZ(300px);
 opacity: 0;
}
}
 @keyframes MenuAnimOut4 { 0% {
}
 100% {
 -webkit-transform: translateZ(-300px);
 transform: translateZ(-300px);
 opacity: 0;
}
}
 @keyframes MenuAnimOut5 { 0% {
}
 100% {
 -webkit-transform: translateY(40%);
 transform: translateY(40%);
 opacity: 0;
}
}
.dl-menu.dl-animate-in-1 { -webkit-animation: MenuAnimIn1 0.3s; animation: MenuAnimIn1 0.3s; }
.dl-menu.dl-animate-in-2 { -webkit-animation: MenuAnimIn2 0.3s ease-in-out; animation: MenuAnimIn2 0.3s ease-in-out; }
.dl-menu.dl-animate-in-3 { -webkit-animation: MenuAnimIn3 0.4s ease; animation: MenuAnimIn3 0.4s ease; }
.dl-menu.dl-animate-in-4 { -webkit-animation: MenuAnimIn4 0.4s ease; animation: MenuAnimIn4 0.4s ease; }
.dl-menu.dl-animate-in-5 { -webkit-animation: MenuAnimIn5 0.4s ease; animation: MenuAnimIn5 0.4s ease; }
 @-webkit-keyframes MenuAnimIn1 { 0% {
 -webkit-transform: translateZ(-500px) rotateY(0deg);
 opacity: 0;
}
 20% {
 -webkit-transform: translateZ(-250px) rotateY(30deg);
 opacity: 0.5;
}
 100% {
 -webkit-transform: translateZ(0px) rotateY(0deg);
 opacity: 1;
}
}
 @-webkit-keyframes MenuAnimIn2 { 0% {
 -webkit-transform: translateX(-100%);
 opacity: 0;
}
 100% {
 -webkit-transform: translateX(0px);
 opacity: 1;
}
}
 @-webkit-keyframes MenuAnimIn3 { 0% {
 -webkit-transform: translateZ(300px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateZ(0px);
 opacity: 1;
}
}
 @-webkit-keyframes MenuAnimIn4 { 0% {
 -webkit-transform: translateZ(-300px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateZ(0px);
 opacity: 1;
}
}
 @-webkit-keyframes MenuAnimIn5 { 0% {
 -webkit-transform: translateY(40%);
 opacity: 0;
}
 100% {
 -webkit-transform: translateY(0);
 opacity: 1;
}
}
 @keyframes MenuAnimIn1 { 0% {
 -webkit-transform: translateZ(-500px) rotateY(0deg);
 transform: translateZ(-500px) rotateY(0deg);
 opacity: 0;
}
 20% {
 -webkit-transform: translateZ(-250px) rotateY(30deg);
 transform: translateZ(-250px) rotateY(30deg);
 opacity: 0.5;
}
 100% {
 -webkit-transform: translateZ(0px) rotateY(0deg);
 transform: translateZ(0px) rotateY(0deg);
 opacity: 1;
}
}
 @keyframes MenuAnimIn2 { 0% {
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
 opacity: 0;
}
 100% {
 -webkit-transform: translateX(0px);
 transform: translateX(0px);
 opacity: 1;
}
}
 @keyframes MenuAnimIn3 { 0% {
 -webkit-transform: translateZ(300px);
 transform: translateZ(300px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateZ(0px);
 transform: translateZ(0px);
 opacity: 1;
}
}
 @keyframes MenuAnimIn4 { 0% {
 -webkit-transform: translateZ(-300px);
 transform: translateZ(-300px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateZ(0px);
 transform: translateZ(0px);
 opacity: 1;
}
}
 @keyframes MenuAnimIn5 { 0% {
 -webkit-transform: translateY(40%);
 transform: translateY(40%);
 opacity: 0;
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
}
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1 { -webkit-animation: SubMenuAnimIn1 0.4s ease; animation: SubMenuAnimIn1 0.4s ease; }
.dl-menuwrapper > .dl-submenu.dl-animate-in-2 { -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out; animation: SubMenuAnimIn2 0.3s ease-in-out; }
.dl-menuwrapper > .dl-submenu.dl-animate-in-3 { -webkit-animation: SubMenuAnimIn3 0.4s ease; animation: SubMenuAnimIn3 0.4s ease; }
.dl-menuwrapper > .dl-submenu.dl-animate-in-4 { -webkit-animation: SubMenuAnimIn4 0.4s ease; animation: SubMenuAnimIn4 0.4s ease; }
.dl-menuwrapper > .dl-submenu.dl-animate-in-5 { -webkit-animation: SubMenuAnimIn5 0.4s ease; animation: SubMenuAnimIn5 0.4s ease; }
 @-webkit-keyframes SubMenuAnimIn1 { 0% {
 -webkit-transform: translateX(50%);
 opacity: 0;
}
 100% {
 -webkit-transform: translateX(0px);
 opacity: 1;
}
}
 @-webkit-keyframes SubMenuAnimIn2 { 0% {
 -webkit-transform: translateX(100%);
 opacity: 0;
}
 100% {
 -webkit-transform: translateX(0px);
 opacity: 1;
}
}
 @-webkit-keyframes SubMenuAnimIn3 { 0% {
 -webkit-transform: translateZ(-300px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateZ(0px);
 opacity: 1;
}
}
 @-webkit-keyframes SubMenuAnimIn4 { 0% {
 -webkit-transform: translateZ(300px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateZ(0px);
 opacity: 1;
}
}
 @-webkit-keyframes SubMenuAnimIn5 { 0% {
 -webkit-transform: translateZ(-200px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateZ(0);
 opacity: 1;
}
}
 @keyframes SubMenuAnimIn1 { 0% {
 -webkit-transform: translateX(50%);
 transform: translateX(50%);
 opacity: 0;
}
 100% {
 -webkit-transform: translateX(0px);
 transform: translateX(0px);
 opacity: 1;
}
}
 @keyframes SubMenuAnimIn2 { 0% {
 -webkit-transform: translateX(100%);
 transform: translateX(100%);
 opacity: 0;
}
 100% {
 -webkit-transform: translateX(0px);
 transform: translateX(0px);
 opacity: 1;
}
}
 @keyframes SubMenuAnimIn3 { 0% {
 -webkit-transform: translateZ(-300px);
 transform: translateZ(-300px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateZ(0px);
 transform: translateZ(0px);
 opacity: 1;
}
}
 @keyframes SubMenuAnimIn4 { 0% {
 -webkit-transform: translateZ(300px);
 transform: translateZ(300px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateZ(0px);
 transform: translateZ(0px);
 opacity: 1;
}
}
 @keyframes SubMenuAnimIn5 { 0% {
 -webkit-transform: translateZ(-200px);
 transform: translateZ(-200px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateZ(0);
 transform: translateZ(0);
 opacity: 1;
}
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1 { -webkit-animation: SubMenuAnimOut1 0.4s ease; animation: SubMenuAnimOut1 0.4s ease; }
.dl-menuwrapper > .dl-submenu.dl-animate-out-2 { -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out; animation: SubMenuAnimOut2 0.3s ease-in-out; }
.dl-menuwrapper > .dl-submenu.dl-animate-out-3 { -webkit-animation: SubMenuAnimOut3 0.4s ease; animation: SubMenuAnimOut3 0.4s ease; }
.dl-menuwrapper > .dl-submenu.dl-animate-out-4 { -webkit-animation: SubMenuAnimOut4 0.4s ease; animation: SubMenuAnimOut4 0.4s ease; }
.dl-menuwrapper > .dl-submenu.dl-animate-out-5 { -webkit-animation: SubMenuAnimOut5 0.4s ease; animation: SubMenuAnimOut5 0.4s ease; }
 @-webkit-keyframes SubMenuAnimOut1 { 0% {
 -webkit-transform: translateX(0%);
 opacity: 1;
}
 100% {
 -webkit-transform: translateX(50%);
 opacity: 0;
}
}
 @-webkit-keyframes SubMenuAnimOut2 { 0% {
 -webkit-transform: translateX(0%);
 opacity: 1;
}
 100% {
 -webkit-transform: translateX(100%);
 opacity: 0;
}
}
 @-webkit-keyframes SubMenuAnimOut3 { 0% {
 -webkit-transform: translateZ(0px);
 opacity: 1;
}
 100% {
 -webkit-transform: translateZ(-300px);
 opacity: 0;
}
}
 @-webkit-keyframes SubMenuAnimOut4 { 0% {
 -webkit-transform: translateZ(0px);
 opacity: 1;
}
 100% {
 -webkit-transform: translateZ(300px);
 opacity: 0;
}
}
 @-webkit-keyframes SubMenuAnimOut5 { 0% {
 -webkit-transform: translateZ(0);
 opacity: 1;
}
 100% {
 -webkit-transform: translateZ(-200px);
 opacity: 0;
}
}
 @keyframes SubMenuAnimOut1 { 0% {
 -webkit-transform: translateX(0%);
 transform: translateX(0%);
 opacity: 1;
}
 100% {
 -webkit-transform: translateX(50%);
 transform: translateX(50%);
 opacity: 0;
}
}
 @keyframes SubMenuAnimOut2 { 0% {
 -webkit-transform: translateX(0%);
 transform: translateX(0%);
 opacity: 1;
}
 100% {
 -webkit-transform: translateX(100%);
 transform: translateX(100%);
 opacity: 0;
}
}
 @keyframes SubMenuAnimOut3 { 0% {
 -webkit-transform: translateZ(0px);
 transform: translateZ(0px);
 opacity: 1;
}
 100% {
 -webkit-transform: translateZ(-300px);
 transform: translateZ(-300px);
 opacity: 0;
}
}
 @keyframes SubMenuAnimOut4 { 0% {
 -webkit-transform: translateZ(0px);
 transform: translateZ(0px);
 opacity: 1;
}
 100% {
 -webkit-transform: translateZ(300px);
 transform: translateZ(300px);
 opacity: 0;
}
}
 @keyframes SubMenuAnimOut5 { 0% {
 -webkit-transform: translateZ(0);
 transform: translateZ(0);
 opacity: 1;
}
 100% {
 -webkit-transform: translateZ(-200px);
 transform: translateZ(-200px);
 opacity: 0;
}
}
/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu { position: relative; opacity: 1; -webkit-transform: none; transform: none; }
.no-js .dl-menuwrapper li .dl-submenu { display: block; }
.no-js .dl-menuwrapper li.dl-back { display: none; }
.no-js .dl-menuwrapper li > a:not(:only-child) { background: rgba(0,0,0,0.1); }
.no-js .dl-menuwrapper li > a:not(:only-child):after { content: ''; }
/* Colors for demos */

/* Demo 1 */
.demo-1 .dl-menuwrapper button { background: #c62860; }
.demo-1 .dl-menuwrapper button:hover, .demo-1 .dl-menuwrapper button.dl-active, .demo-1 .dl-menuwrapper ul { background: #9e1847; }
/* Demo 2 */
.demo-2 .dl-menuwrapper button { background: #e86814; }
.demo-2 .dl-menuwrapper button:hover, .demo-2 .dl-menuwrapper button.dl-active, .demo-2 .dl-menuwrapper ul { background: #D35400; }
/* Demo 3 */
.demo-3 .dl-menuwrapper button { background: #08cbc4; }
.demo-3 .dl-menuwrapper button:hover, .demo-3 .dl-menuwrapper button.dl-active, .demo-3 .dl-menuwrapper ul { background: #00b4ae; }
/* Demo 4 */
.demo-4 .dl-menuwrapper button { background: #90b912; }
.demo-4 .dl-menuwrapper button:hover, .demo-4 .dl-menuwrapper button.dl-active, .demo-4 .dl-menuwrapper ul { background: #79a002; }
/* Demo 5 */
.demo-5 .dl-menuwrapper button { background: #744783; }
.demo-5 .dl-menuwrapper button:hover, .demo-5 .dl-menuwrapper button.dl-active, .demo-5 .dl-menuwrapper ul { background: #643771; }

/* ==========================================================================
   media screen
========================================================================== */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}
@media only screen and (max-width: 40em) {
.logo { padding: 10px 0 10px 10px; }
.logo img { width:80%; height:auto; }
.columns { margin-bottom:5px; }
.ftnav ul li { width:50%; }
.thumbL,.thumbR { float: none; margin: 0 0 15px 0; padding: 0; text-align: center; }
}