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

Input reset

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


input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}


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

Primary style

-------------------------------- */
*, *::after, *::before {
box-sizing: border-box;
}
html {
font-size: 62.5%;
}
body {
font-size: 1.6rem;
font-family: sans-serif;
color: #2e3233;
background-color: #ffffff;
-webkit-text-size-adjust: 100%;
}

@media only screen and (max-width: 1169px) {
body.nav-on-left.overflow-hidden {
overflow: hidden;
}
}
a {
color: #dc0000;
text-decoration: none;
transition: 0.3s;
}
img {
/* make images responsive */
max-width: 100%;
height: auto;
}
input {
font-family: sans-serif;
font-size: 16px;
}
 input[type="search"]::-ms-clear {
  /* removes close icon - IE */
  display: none;
}
 input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
 display: none;
}
.clearfix {
zoom: 1;
}
.clearfix:after {
content: "";
display: block;
clear: both;
}
/* --------------------------------

Grid Items

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

/* Base styles */
.column {
float: left;
}
.size-1of4 {
width: 25%;
}
.size-1of3 {
width: 33.333%;
}
.size-1of2 {
width: 50%;
}
.size-1of1 {
width: 47%;
}

/* Configurate salvattore with media queries */

@media screen and (max-width: 700px) {
#timeline[data-columns]::before {
content: '2 .column.size-1of2';
}
#timeline2[data-columns]::before {
content: '2 .column.size-1of2';
}
}

@media screen and (min-width: 701px) and (max-width: 850px) {
#timeline[data-columns]::before {
content: '3 .column.size-1of3';
}
}

@media screen and (min-width: 851px) {
#timeline[data-columns]::before {
content: '4 .column.size-1of4';
}
#timeline2[data-columns]::before {
content: '4 .column.size-1of4';
}
}
#timeline {
padding-top: 20px;
max-width: 1050px;
margin: 0 auto;
}
#timeline2 {
padding-top: 20px;
max-width: 1050px;
margin: 0 auto;
}
#timeline {
zoom: 1;
}
#timeline2 {
zoom: 1;
}
#timeline:after {
content: "";
display: block;
clear: both;
}
#timeline2:after {
content: "";
display: block;
clear: both;
}
/**
 * Grid items
 */
#timeline div .item,#timeline2 div .item {
margin: 0 4px 8px;
text-align: center;
list-style-type: none;
cursor: pointer;
padding: 0px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
background-color: #fff;
border-radius: 3px;
}
#timeline div ,#timeline2 div {
transition: all 0.3s ease-out;
}
#timeline div img,#timeline2 div img {
margin: 0 0 10px;
width: 100%;
height: auto;
border-radius: 3px 3px 0 0;
}
#timeline div h3,#timeline2 div h3 {
margin: 0 10px 10px;
font-size: 15px;
font-size: 1.5em;
font-size: 1.5rem;
line-height: 1.25;
text-align: left;
letter-spacing: -1px;
}
#timeline div h3 span,#timeline2 div h3 span {
margin-right: 0.25em;
font-size: 11px;
font-size: 1.1em;
font-size: 1.1rem;
font-weight: bold;
color: #000;
letter-spacing: normal;
}
#timeline div p ,#timeline2 div p {
margin: 0 10px;
padding-bottom: 10px;
font-size: 11px;
line-height: 1.4;
text-align: left;
}
/* --------------------------------

Main components NAV

-------------------------------- */
.cd-main-content, .cd-main-header {
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
will-change: transform;
}
.cd-main-content, .cd-main-header {
position: relative;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}

@media only screen and (max-width: 1169px) {
.cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible {
-webkit-transform: translateX(-260px);
-moz-transform: translateX(-260px);
-ms-transform: translateX(-260px);
-o-transform: translateX(-260px);
transform: translateX(-260px);
}
.nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible {
-webkit-transform: translateX(260px);
-moz-transform: translateX(260px);
-ms-transform: translateX(260px);
-o-transform: translateX(260px);
transform: translateX(260px);
}
}
.cd-main-content {
background: #e2e3df;
min-height: 100vh;
z-index: 2;
}
.cd-main-header {
height: 50px;
background: #ffffff;
z-index: 3;
}
.nav-is-fixed .cd-main-header {
/* add .nav-is-fixed class to body if you want a fixed navigation on > 1170px */
position: fixed;
top: 0;
left: 0;
width: 100%;
}

@media only screen and (min-width: 1170px) {
.cd-main-header {
height: 80px;
}
.cd-main-header::after {
clear: both;
content: "";
display: table;
}
}
.cd-logo {
position: absolute;
top: 12px;
left: 5%;
width: 180px;
}
.cd-logo img {
display: block;
}

@media only screen and (max-width: 1169px) {
.nav-on-left .cd-logo {
left: auto;
right: 5%;
}
}

@media only screen and (min-width: 1170px) {
.cd-logo {
top: 26px;
left: 4em;
}
}
.cd-header-buttons {
position: absolute;
display: inline-block;
top: 3px;
right: 5%;
}
.cd-header-buttons li {
display: inline-block;
}

@media only screen and (max-width: 1169px) {
.nav-on-left .cd-header-buttons {
right: auto;
left: 5%;
}
.nav-on-left .cd-header-buttons li {
float: right;
}
}

@media only screen and (min-width: 1170px) {
.cd-header-buttons {
top: 18px;
right: 4em;
}
}
.cd-search-trigger, .cd-nav-trigger {
position: relative;
display: block;
width: 44px;
height: 44px;
overflow: hidden;
white-space: nowrap;
/* hide text */
color: transparent;
z-index: 3;
}
.cd-search-trigger::before, .cd-search-trigger::after {
/* search icon */
content: '';
position: absolute;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
transition: opacity 0.3s;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cd-search-trigger::before {
/* lens */
top: 11px;
left: 11px;
width: 18px;
height: 18px;
border-radius: 50%;
border: 3px solid #2e3233;
}
.cd-search-trigger::after {
/* handle */
height: 3px;
width: 8px;
background: #2e3233;
bottom: 14px;
right: 11px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.cd-search-trigger span {
/* container for the X icon */
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.cd-search-trigger span::before, .cd-search-trigger span::after {
/* close icon */
content: '';
position: absolute;
display: inline-block;
height: 3px;
width: 22px;
top: 50%;
margin-top: -2px;
left: 50%;
margin-left: -11px;
background: #2e3233;
opacity: 0;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.cd-search-trigger span::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.cd-search-trigger span::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after {
/* hide search icon */
opacity: 0;
}
.cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after {
/* show close icon */
opacity: 1;
}
.cd-search-trigger.search-is-visible span::before {
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.cd-search-trigger.search-is-visible span::after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
/* hamburger icon in CSS */
position: absolute;
display: inline-block;
height: 3px;
width: 24px;
background: #2e3233;
}
.cd-nav-trigger span {
/* line in the center */
position: absolute;
top: 50%;
right: 10px;
margin-top: -2px;
-webkit-transition: background 0.3s 0.3s;
-moz-transition: background 0.3s 0.3s;
transition: background 0.3s 0.3s;
}
.cd-nav-trigger span::before, .cd-nav-trigger span::after {
/* other 2 lines */
content: '';
right: 0;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transition: -webkit-transform 0.3s 0.3s;
-moz-transition: -moz-transform 0.3s 0.3s;
transition: transform 0.3s 0.3s;
}
.cd-nav-trigger span::before {
/* menu icon top line */
top: -6px;
}
.cd-nav-trigger span::after {
/* menu icon bottom line */
top: 6px;
}
.cd-nav-trigger.nav-is-visible span {
/* hide line in the center */
background: rgba(46, 50, 51, 0);
}
.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {
/* keep visible other 2 lines */
background: #2e3233;
}
.cd-nav-trigger.nav-is-visible span::before {
-webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
-moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
-ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
-o-transform: translateX(4px) translateY(-3px) rotate(45deg);
transform: translateX(4px) translateY(-3px) rotate(45deg);
}
.cd-nav-trigger.nav-is-visible span::after {
-webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
-moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
-ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
-o-transform: translateX(4px) translateY(2px) rotate(-45deg);
transform: translateX(4px) translateY(2px) rotate(-45deg);
}

@media only screen and (min-width: 1170px) {
.cd-nav-trigger {
display: none;
}
}
.cd-primary-nav, .cd-primary-nav ul {
position: fixed;
top: 0;
right: 0;
height: 100%;
width: 260px;
background: #222;
overflow: auto;
-webkit-overflow-scrolling: touch;
z-index: 1;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.cd-primary-nav a, .cd-primary-nav ul a {
display: block;
height: 50px;
line-height: 50px;
padding: 0 20px;
color: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow: hidden;
text-overflow: ellipsis;
/* white-space: nowrap;*/
border-bottom: 1px solid #333;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
will-change: transform, opacity;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden {
/* secondary navigations hidden by default */
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a {
/* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0;
}

@media only screen and (max-width: 1169px) {
.nav-on-left .cd-primary-nav, .nav-on-left .cd-primary-nav ul {
right: auto;
left: 0;
}
}
.cd-primary-nav .see-all a {
/* different style for the See all button on mobile and tablet */
color: #666;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item, .cd-primary-nav .cd-nav-icons .cd-nav-item {
/* items with picture (or icon) and title */
height: 80px;
line-height: 80px;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item h3, .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
overflow: hidden;
text-overflow: ellipsis;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item {
padding-left: 90px;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item img {
position: absolute;
display: block;
height: 40px;
width: auto;
left: 20px;
top: 50%;
margin-top: -20px;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item {
padding-left: 75px;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item p {
color: #2e3233;
font-size: 1.2rem;
/* hide description on small devices */
display: none;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item::before {
/* item icon */
content: '';
display: block;
position: absolute;
left: 20px;
top: 50%;
margin-top: -20px;
width: 40px;
height: 40px;
background-repeat: no-repeat;
background-position: center center;
background-size: 40px 40px;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-1::before {
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-2::before {
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-3::before {
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-4::before {
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-5::before {
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-6::before {
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-7::before {
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-8::before {
}

@media only screen and (max-width: 1169px) {
.cd-primary-nav {
/* by default .cd-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */
visibility: hidden;
-webkit-transition: visibility 0s 0.3s;
-moz-transition: visibility 0s 0.3s;
transition: visibility 0s 0.3s;
}
.cd-primary-nav.nav-is-visible {
visibility: visible;
-webkit-transition: visibility 0s 0s;
-moz-transition: visibility 0s 0s;
transition: visibility 0s 0s;
}
}

@media only screen and (min-width: 1170px) {
.cd-primary-nav {
position: static;
padding: 0 150px 0 0;
height: auto;
width: auto;
float: right;
overflow: visible;
background: transparent;
}
.cd-primary-nav::after {
clear: both;
content: "";
display: table;
}
.cd-primary-nav.moves-out > li > a {
/* reset mobile style */
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.cd-primary-nav ul {
position: static;
height: auto;
width: auto;
background: transparent;
overflow: visible;
z-index: 3;
}
.cd-primary-nav ul.is-hidden {
/* reset mobile style */
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cd-primary-nav ul.moves-out > li > a {
/* reset mobile style */
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.cd-primary-nav > li {
float: left;
margin-left: 1em;
}
.cd-primary-nav > li > a {
/* main navigation buttons style */
position: relative;
display: inline-block;
height: 80px;
line-height: 80px;
padding: 0 10px;
color: #2e3233;
overflow: visible;
border-bottom: none;
-webkit-transition: color 0.3s, box-shadow 0.3s;
-moz-transition: color 0.3s, box-shadow 0.3s;
transition: color 0.3s, box-shadow 0.3s;
}
.cd-primary-nav > li > a:hover {
color: #69aa6f;
}
.cd-primary-nav > li > a.selected {
color: #69aa6f;
box-shadow: inset 0 -2px 0 #69aa6f;
}
.cd-primary-nav .go-back, .cd-primary-nav .see-all {
display: none;
}
.cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons {
/* dropdown menu style */
position: absolute;
top: 80px;
width: 100vw;
background: #ffffff;
padding: 48px 64px 130px;
box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-primary-nav .cd-secondary-nav::after, .cd-primary-nav .cd-nav-gallery::after, .cd-primary-nav .cd-nav-icons::after {
clear: both;
content: "";
display: table;
}
.cd-primary-nav .cd-secondary-nav.is-hidden, .cd-primary-nav .cd-nav-gallery.is-hidden, .cd-primary-nav .cd-nav-icons.is-hidden {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-primary-nav .cd-secondary-nav > .see-all, .cd-primary-nav .cd-nav-gallery > .see-all, .cd-primary-nav .cd-nav-icons > .see-all {
/* this is the BIG See all button at the bottom of the dropdown menu */
display: block;
position: absolute;
left: 0;
bottom: 0;
height: 80px;
width: 100%;
overflow: hidden;
/* reset some inherited style */
margin: 0;
padding: 0;
}
.cd-primary-nav .cd-secondary-nav > .see-all a, .cd-primary-nav .cd-nav-gallery > .see-all a, .cd-primary-nav .cd-nav-icons > .see-all a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
font-size: 2.2rem;
font-weight: bold;
text-align: center;
line-height: 80px;
border-top: 1px solid #e2e3df;
/* reset some inherited style */
border-bottom: none;
margin: 0;
padding: 0;
-webkit-transition: color 0.2s, background 0.2s, border 0.2s;
-moz-transition: color 0.2s, background 0.2s, border 0.2s;
transition: color 0.2s, background 0.2s, border 0.2s;
}
.cd-primary-nav .cd-secondary-nav > .see-all a:hover, .cd-primary-nav .cd-nav-gallery > .see-all a:hover, .cd-primary-nav .cd-nav-icons > .see-all a:hover {
background: #2e3233;
border-color: #2e3233;
color: #ffffff;
}
.cd-primary-nav .cd-secondary-nav > li {
/* change the height according to your needs - you can even set height: auto */
height: 340px;
/* here you set the number of columns - use width percentage */
width: 23%;
float: left;
margin-right: 2.66%;
border-right: 1px solid #e2e3df;
overflow: hidden;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.cd-primary-nav .cd-secondary-nav > li:nth-child(4n+2) {
/* +2 because we have 2 list items with display:none */
margin-right: 0;
border-right: none;
}
.cd-primary-nav .cd-secondary-nav > li > a {
/* secondary nav title */
color: #dc0000;
font-weight: bold;
font-size: 1.6rem;
margin-bottom: .6em;
}
.cd-primary-nav .cd-secondary-nav a {
height: 30px;
line-height: 30px;
padding: 0 18% 0 0;
color: #2e3233;
border-bottom: none;
font-size: 1.4rem;
}
.cd-primary-nav .cd-secondary-nav a:hover {
color: #69aa6f;
}
.cd-primary-nav .cd-secondary-nav ul {
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.cd-primary-nav .cd-secondary-nav ul ul {
/* tertiary navigation */
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.cd-primary-nav .cd-secondary-nav ul ul.is-hidden {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.cd-primary-nav .cd-secondary-nav ul ul .go-back {
display: block;
}
.cd-primary-nav .cd-secondary-nav ul ul .go-back a {
color: transparent;
}
.cd-primary-nav .cd-secondary-nav ul ul .see-all {
display: block;
}
.cd-primary-nav .cd-secondary-nav .moves-out > li > a {
/* push the navigation items to the left - and lower down opacity - when tertiary nav slides in */
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.cd-primary-nav .cd-nav-gallery li {
/* set here number of columns - use width percentage */
width: 22%;
float: left;
margin: 0 4% 40px 0;
}
.cd-primary-nav .cd-nav-gallery li:nth-child(4n+2) {
/* +2 because we have two additional list items with display:none */
margin-right: 0;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item {
border-bottom: none;
padding: 0;
height: auto;
line-height: 1.2;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item img {
position: static;
margin-top: 0;
height: auto;
width: 100%;
margin-bottom: .6em;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item h3 {
color: #dc0000;
font-weight: bold;
padding: 0 .4em;
}
.cd-primary-nav .cd-nav-icons li {
/* set here number of columns - use width percentage */
width: 32%;
float: left;
margin: 0 2% 20px 0;
}
.cd-primary-nav .cd-nav-icons li:nth-child(3n+2) {
/* +2 because we have two additional list items with display:none */
margin-right: 0;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item {
border-bottom: none;
height: 100px;
line-height: 1.25;
padding: 24px 0 0 85px;
position: relative;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item:hover {
background: #f6f6f5;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
color: #dc0000;
font-weight: bold;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item p {
display: block;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item::before {
left: 25px;
}
}
.has-children > a, .go-back a {
position: relative;
}
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
/* arrow icon in CSS - for element with nested unordered lists */
content: '';
position: absolute;
top: 50%;
margin-top: -1px;
display: inline-block;
height: 2px;
width: 10px;
background: #666;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.has-children > a::before, .go-back a::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.has-children > a::after, .go-back a::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

@media only screen and (min-width: 1170px) {
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
background: #c9cbc4;
}
.has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after {
background: #69aa6f;
}
}
.has-children > a {
padding-right: 40px;
}
.has-children > a::before, .has-children > a::after {
/* arrow goes on the right side - children navigation */
right: 20px;
-webkit-transform-origin: 9px 50%;
-moz-transform-origin: 9px 50%;
-ms-transform-origin: 9px 50%;
-o-transform-origin: 9px 50%;
transform-origin: 9px 50%;
}
.cd-primary-nav .go-back a {
padding-left: 40px;
}
.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
/* arrow goes on the left side - go back button */
left: 20px;
-webkit-transform-origin: 1px 50%;
-moz-transform-origin: 1px 50%;
-ms-transform-origin: 1px 50%;
-o-transform-origin: 1px 50%;
transform-origin: 1px 50%;
}

@media only screen and (min-width: 1170px) {
.has-children > a::before, .has-children > a::after {
right: 15%;
}
.cd-primary-nav > .has-children > a {
/* main navigation arrows on larger devices */
padding-right: 30px !important;
}
.cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after {
width: 9px;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
background: #c9cbc4;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: width 0.3s, -webkit-transform 0.3s;
-moz-transition: width 0.3s, -moz-transform 0.3s;
transition: width 0.3s, transform 0.3s;
}
.cd-primary-nav > .has-children > a::before {
right: 12px;
}
.cd-primary-nav > .has-children > a::after {
right: 7px;
}
.cd-primary-nav > .has-children > a.selected::before, .cd-primary-nav > .has-children > a.selected::after {
width: 14px;
}
.cd-primary-nav > .has-children > a.selected::before {
-webkit-transform: translateX(5px) rotate(-45deg);
-moz-transform: translateX(5px) rotate(-45deg);
-ms-transform: translateX(5px) rotate(-45deg);
-o-transform: translateX(5px) rotate(-45deg);
transform: translateX(5px) rotate(-45deg);
}
.cd-primary-nav > .has-children > a.selected::after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.cd-secondary-nav > .has-children > a::before, .cd-secondary-nav > .has-children > a::after {
/* remove arrows on secondary nav titles */
display: none;
}
.cd-primary-nav .go-back a {
padding-left: 20px;
}
.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
left: 1px;
}
}
.cd-search {
position: absolute;
height: 50px;
width: 100%;
top: 50px;
left: 0;
z-index: 3;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-search form {
height: 100%;
width: 100%;
}
.cd-search input {
border-radius: 0;
border: none;
background: #ffffff;
height: 100%;
width: 100%;
padding: 0 5%;
box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.cd-search input::-webkit-input-placeholder {
 color: #c9cbc4;
}
.cd-search input::-moz-placeholder {
 color: #c9cbc4;
}
.cd-search input:-moz-placeholder {
 color: #c9cbc4;
}
.cd-search input:-ms-input-placeholder {
 color: #c9cbc4;
}
.cd-search input:focus {
outline: none;
}
.cd-search.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.nav-is-fixed .cd-search {
position: fixed;
}

@media only screen and (min-width: 1170px) {
.cd-search {
height: 120px;
top: 80px;
}
.cd-search input {
padding: 0 2em;
font-size: 3.2rem;
font-weight: 300;
}
}
.cd-overlay {
/* shadow layer visible when navigation is active */
position: fixed;
z-index: 2;
height: 100%;
width: 100%;
top: 0;
left: 0;
cursor: pointer;
background-color: rgba(0, 0, 0, 0.8);
visibility: hidden;
opacity: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}
.cd-overlay.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}

@media only screen and (max-width: 1169px) {
.cd-overlay.is-visible {
-webkit-transform: translateX(-260px);
-moz-transform: translateX(-260px);
-ms-transform: translateX(-260px);
-o-transform: translateX(-260px);
transform: translateX(-260px);
}
.nav-on-left .cd-overlay.is-visible {
-webkit-transform: translateX(260px);
-moz-transform: translateX(260px);
-ms-transform: translateX(260px);
-o-transform: translateX(260px);
transform: translateX(260px);
}
.cd-overlay.is-visible.search-is-visible, .nav-on-left .cd-overlay.is-visible.search-is-visible {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
/* --------------------------------

support for no js

-------------------------------- */
.no-js .cd-primary-nav {
position: relative;
height: auto;
width: 100%;
overflow: visible;
visibility: visible;
z-index: 2;
}
.no-js .cd-search {
position: relative;
top: 0;
opacity: 1;
visibility: visible;
}

@media only screen and (min-width: 1170px) {
.no-js .cd-primary-nav {
position: absolute;
z-index: 3;
display: inline-block;
width: auto;
top: 0;
right: 150px;
padding: 0;
}
.no-js .nav-is-fixed .cd-primary-nav {
position: fixed;
}
}
/* --------------------------------

Tabs

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

.tabs {
margin: 0 0%;
max-width: 100%;
visibility: visible !important;
opacity: 1 !important;
width: 100%;
overflow: hidden;
background-color: #000;
}
.tabs__menu {
list-style-type: none;
margin: 0;
padding: 0;
font-size: 0;
width: 100%
}
.tabs__menu-item {
width: 33.333%;
display: inline-block;
text-align: center;
background-color: #fff;
border-radius: 1px;
vertical-align: bottom;
-webkit-transition: .2s all cubic-bezier(.215, .61, .355, 1);
transition: .2s all cubic-bezier(.215, .61, .355, 1);
position: relative
}
.tabs__menu-item:after {
content: "";
position: absolute;
height: 100%;
width: 1px;
right: -1px;
top: 0;
background: rgba(7, 6, 6, .1);
z-index: 2
}
.tabs__menu-item:last-child:after {
display: none
}
.tabs__menu-item a {
display: block;
font-size: 25px;
padding: 25px 0;
font-weight: 300;
text-decoration: none
}
.tabs__menu-item.active {
position: relative;
z-index: 20;
background-color: #070606;
box-shadow: 0 1px 22px rgba(0, 0, 0, .67);
-webkit-transform: scaleY(1.2) translateY(-5px);
-ms-transform: scaleY(1.2) translateY(-5px);
transform: scaleY(1.2) translateY(-5px)
}
.tabs__menu-item.active:after {
display: none
}
.tabs__menu-item.active a {
color: #fff;
-webkit-transform: scaleY(.8);
-ms-transform: scaleY(.8);
transform: scaleY(.8)
}
.tabs__content .tabs-features [class*=grid-] {
padding: 50px 0;
-webkit-animation: none;
animation: none
}
.tabs__content-item {
background: #070606;
width: 99.999%;
color: #fff;
max-width: 1250px;
display: none
}
.tabs__content-item svg {
display: inline-block
}
.tabs__content-item .table-grid {
text-align: center
}
.tabs__content-item .table-grid:nth-child(2n+1) [class*=grid-]:nth-child(2n+2), .tabs__content-item .table-grid:nth-child(2n+2) [class*=grid-]:nth-child(2n+1) {
background-color: rgba(255, 255, 255, .1)
}
.tabs__content-item.active {
opacity: 1;
display: block
}
.tabs__content-item.velocity-animating {
z-index: 2 !important
}
.tabs__content .hljs {
background: 0 0
}
.tab-setup {
color: rgba(255, 255, 255, .6);
padding: 10px
}
.tab-setup a {
color: #fff
}
.tab-setup pre {
background: #201f1f;
padding: 30px
}
.tab-setup .row {
margin-bottom: 50px
}
.tab-setup .t-c {
padding-right: 50px
}
.tab-setup .t-c:last-of-type {
padding-right: 0
}
.tabs h2 {
color: #fff;
font-weight: 300;
font-size: 35px;
text-transform: uppercase
}

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

Component

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

@media screen and (min-width: 0px) and (max-device-width: 320px) {
.course li a {
padding: 1em 0.1em !important;
}
.reservecopy {
font-size: 13px;
font-size: 1.3em;
font-size: 1.3rem;
}
.footer-nav2 li a {
padding: 1em 0.1em !important;
}
}
.course {
margin: 0 2% 15px;
padding: 0;
}
.course li {
margin: 0;
padding: 0;
float: left;
font-size: 13px;
font-size: 1.3em;
font-size: 1.3rem;
line-height: 1;
text-align: center;
width: 33.333%;
border-right: 1px solid #e2e3df;
position: relative;
box-shadow: 0px 10px 14px -7px rgba(0,0,0,0.2);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fff), color-stop(1, #ddd));
background: -moz-linear-gradient(top, #fff 5%, #ddd 100%);
background: -webkit-linear-gradient(top, #fff 5%, #ddd 100%);
background: -o-linear-gradient(top, #fff 5%, #ddd 100%);
background: -ms-linear-gradient(top, #fff 5%, #ddd 100%);
background: linear-gradient(to bottom, #fff 5%, #ddd 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ddd', GradientType=0);
background-color: #fff;
border: 1px solid #ccc;
}
.course li:last-child {
border-right: none;
}
.course li a {
display: block;
padding: .25em;
height: 18vh;
}

.course li img {
margin: 0 auto 5px;
width: 80px;
height: auto;
}
.course li{
background-repeat: no-repeat;
background-position: center center;
background-size: 60% auto;
}
.course li:nth-child(1){background-image: url(images/course_car_01.png);}
.course li:nth-child(2){background-image: url(images/course_car_02.png);}
.course li:nth-child(3){background-image: url(images/course_car_03.png);}
.course li:nth-child(4){background-image: url(images/course_car_04.png);}
.course li:nth-child(5){background-image: url(images/course_car_05.png);}
.course li:nth-child(6){background-image: url(images/course_car_06.png);}

.course li.course01:after, .course li.course02:after, .course li.course03:after {
position: absolute;
bottom: 0;
right: 0;
width: 60%;
height: 4px;
content: "";
box-shadow: 0px 2px 6px rgba(0,0,0,0.2)inset;
}
.course li:nth-child(1):after {background-color: #a93d11;}
.course li:nth-child(2):after {background-color: #008f29;}
.course li:nth-child(3):after {background-color: #116ea9;}
.course li:nth-child(4):after {background-color: #a93d11;}
.course li:nth-child(5):after {background-color: #008f29;}
.course li:nth-child(6):after {background-color: #116ea9;}

.course li span{
margin: 0 auto;
padding: 0;
white-space: nowrap;
letter-spacing: -0.1em;
}

.course li .course-fee{
position: absolute;
left: 0;
right: 5px;
bottom: 5px;
font-size: 15px;
color: #000;
text-align: right;
}

.footer-nav1 {
margin: 0 2% 5px;
padding: 0;
}
.footer-nav1 li {
float: left;
font-size: 13px;
font-size: 1.3em;
font-size: 1.3rem;
line-height: 2;
text-align: center;
width: 33.333%;
border-right: 1px solid #e2e3df;
}
.footer-nav1 li:last-child {
border-right: none;
}
.footer-nav1 li a {
display: block;
padding: 0.5em 0.5em;
box-shadow: 0px 10px 14px -7px rgba(0,0,0,0.2);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fff), color-stop(1, #ddd));
background: -moz-linear-gradient(top, #fff 5%, #ddd 100%);
background: -webkit-linear-gradient(top, #fff 5%, #ddd 100%);
background: -o-linear-gradient(top, #fff 5%, #ddd 100%);
background: -ms-linear-gradient(top, #fff 5%, #ddd 100%);
background: linear-gradient(to bottom, #fff 5%, #ddd 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ddd', GradientType=0);
background-color: #fff;
border: 1px solid #ccc;
}
.footer-nav1 li a:hover {
color: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #333), color-stop(1, #000));
background: -moz-linear-gradient(top, #333 5%, #000 100%);
background: -webkit-linear-gradient(top, #333 5%, #000 100%);
background: -o-linear-gradient(top, #333 5%, #000 100%);
background: -ms-linear-gradient(top, #333 5%, #000 100%);
background: linear-gradient(to bottom, #333 5%, #000 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#000', GradientType=0);
background-color: #333;
}
.footer-nav2 {
margin: 0 2% 0px;
padding: 0em 0;
}
.footer-nav2 li {
float: left;
margin: 0;
padding: 0;
font-size: 12px;
font-size: 1.2em;
font-size: 1.2rem;
text-align: center;
width: 25%;
border-right: 1px solid #ebebe9;
}
.footer-nav2 li:last-child {
border-right: none;
}
.footer-nav2 li a {
display: block;
padding: 1em 0.5em;
}
.reserve-1st{
margin: 0;
padding: 20px 0 10px;
position: relative;
background-color: #dc0000;
box-shadow: 0 -6px 12px -6px rgba(0, 0, 0, .3)inset;
}
.reserve-1st:before{
content: "ご予約はこちらから";
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
top: 9px;
color: #fff;
background-color: #dc0000;
width: 10em;
font-size: 13px;
text-align: center;
padding: .25em;
border-radius: 2px;
}
.footer-nav3 {
margin: 0 2% 10px;
padding: 1em;
border: 1px solid rgba(255,255,255,.3);
border-radius: 4px;
box-shadow: 0 1px 6px rgba(0,0,0,.1)inset;
}
.footer-nav3 li {
text-align: center;
width: 100%;
font-size: 18px;
font-size: 1.8em;
font-size: 1.8rem;
letter-spacing: 0.25em;
border-right: 1px solid #ccc;
}
.footer-nav3 li:last-child {
border-right: none;
}
.footer-nav3 li a {
display: block;
padding: 1em 3em;
color: #000;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fefefe), color-stop(1, #ddd));
background: -moz-linear-gradient(top, #fefefe 5%, #ddd 100%);
background: -webkit-linear-gradient(top, #fefefe 5%, #ddd 100%);
background: -o-linear-gradient(top, #fefefe 5%, #ddd 100%);
background: -ms-linear-gradient(top, #fefefe 5%, #ddd 100%);
background: linear-gradient(to bottom, #fefefe 5%, #ddd 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#ddd', GradientType=0);
border-radius: 3px;
border-top: 1px solid rgba(255,255,255,.9);
border-bottom: 1px solid rgba(0,0,0,.2);
vertical-align: middle;
box-shadow: 0px 10px 14px -7px rgba(0,0,0,0.7);
}


.entry-title {
margin: 0 0 1em;
padding: 1.5em 0;
line-height:1.5;
color: #fff;
background-color: #666;
text-align: center;
box-shadow: 0 12px 48px -12px rgba(0,0,0,1)inset;
}
.menu-text {
font-size: 9px;
font-size: 0.9em;
font-size: 0.9rem;
font-weight: bold;
position: absolute;
top: 33px;
right: 9px;
display: inherit;
}

@media screen and (min-width: 1169px) {
.menu-text {
display: none;
}
}
.menu {
margin: 0 2% 10px;
}
.menu label {
background: #fff;
color: #333;
padding: 10px;
display: block;
margin: 0;
border: 1px solid #eaeaea;
position: relative;
}
input[type="checkbox"].on-off {
display: none;
}
.menu label i {
position: absolute;
right: 10px;
top: 0.5em;
}
.menu ul {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
margin: 0;
padding: 0;
list-style: none;
}
.menu li {
padding: 5px;
}
.ul1 li i, .ul2 li i, .ul3 li i {
color: #fff;
margin-right: 0.5em;
}
input[type="checkbox"].on-off + ul {
height: 0;
overflow: hidden;
}
input[type="checkbox"].on-off:checked + ul.ul1 {
height: 32em;
}
input[type="checkbox"].on-off:checked + ul.ul2 {
height: 26em;
}
input[type="checkbox"].on-off:checked + ul.ul3 {
height: 7em;
}
.hero-grid__item {
height: 180px !important;
}
.ul1 li, .ul2 li, .ul3 li {
position: relative;
padding: 10px;
line-height: 1.5;
border-bottom: 1px solid #333;
}
.ul1 li strong, .ul2 li strong, .ul3 li strong {
font-weight: bold;
color: #fff;
}
.ul1 li span a, .ul2 li span a, .ul3 li span a {
position: absolute;
right: 10px;
top: 40%;
padding: 0.2em 0.6em;
color: #fff;
font-size: 13px;
font-size: 1.3em;
font-size: 1.3rem;
background-color: #0277bd;
border-radius: 2px;
}
.textcenter {
text-align: center;
}
.reservecopy {
}
.reservecopy {
position: relative;
margin: 0 2% 1em;
padding: 0 15px;
width: auto;
min-width: 115px;
height: 40px;
line-height: 34px;
color: #19283C;
text-align: center;
background: #F6F6F6;
border: 3px solid #19283C;
z-index: 0;
border-radius: 4px;
}
.reservecopy:before {
content: "";
position: absolute;
bottom: -8px;
left: 50%;
margin-left: -9px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 9px 9px 0 9px;
border-color: #F6F6F6 transparent transparent transparent;
z-index: 0;
}
.reservecopy:after {
content: "";
position: absolute;
bottom: -12px;
left: 50%;
margin-left: -10px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #19283C transparent transparent transparent;
z-index: -1;
}
.reservecopy {
animation: 3s fukidashi infinite ease;
}
 @-webkit-keyframes fukidashi {
 0%, 100% {
 top:0px;
}
 50% {
 top:10px;
}
}
@keyframes fukidashi {
 0%, 100% {
 top:0px;
}
 50% {
 top:10px;
}
}
.news {
margin-bottom: 20px;
}
.news div {
margin: 0 2% 0.5em;
padding: 0.5em;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
}
.news div {
zoom: 1;
}
.news div:after {
content: "";
display: block;
clear: both;
}
.news img {
float: left;
margin: 0 20px 0 0;
width: 60px;
}
.news dl {
float: left;
margin: 0 0 0 0;
}
.news dt {
margin: 0 0 5px;
font-size: 12px;
font-size: 1.2em;
font-size: 1.2rem;
font-weight: bold;
line-height: 1.2;
}
.news dd {
margin: 0 0 10px;
font-size: 13px;
font-size: 1.3em;
font-size: 1.3rem;
line-height: 1.5;
}
.news dd a {
padding: 0.25em 0.5em;
font-size: 11px;
font-size: 1.1em;
font-size: 1.1rem;
line-height: 1 !important;
color: #fff;
background-color: #dc0000;
border-radius: 2px;
}

#contents_area{
	background-color:#fff;
}
.pclinks {
background-color: #333;
margin: 0;
padding: 1em;
text-align: center;
}
.pclinks a {
 color: #ccc;
}


.tab{overflow:hidden;}
.tab li{color:#fff;background:#333; padding:1em 2em; float:left; margin-right:1px;display:block;width:33%;
cursor:pointer;
height:3em;
line-height:1;
text-align:center;}
.tab li.select{color:#000;background:#eee;}
.content li{padding:0 2em 2em;}
.hide {display:none;}
.tab1{background-color: #3498db;color: #ecf0f1;}
.tab2{background-color: #2ecc71;color: #ecf0f1;}
.tab3{background-color: #e67e22;color: #ecf0f1;}

/*contact*/
dl#con_form {
margin: 0 2% 2em;
padding: 0;
font-size: 1.3rem;
}
dl#con_form dt {
font-weight: bold;
padding: 0.5em;
color:#2980b9;
border-top:1px solid #2980b9;
border-bottom:1px solid #2980b9;
}
dl#con_form dt sup {
color: #fff;
background-color:#dc0000;
font-size:10px;
margin-left:0.5em;
padding: 0.2em;
border-radius:2px;
}
dl#con_form dd {
margin-bottom:1em;
padding: 0.5em;
line-height:1.5;
}
dl#con_form input, dl#con_form textarea {
width: 100% !important;
padding:0.25em;
background-color:#f4f9fb;
border:2px solid #2980b9;
border-radius:3px;
}

.textarea1 {
height: 120px !important;
}

.intro {
margin: 0 2% 2em;
padding: 1em;
background-color: #fff;
border-radius: 3px;
color: #333;
line-height:1.6;
box-shadow:0 6px 12px -12px rgba(0,0,0,.5);
}

body.tour-guide .owl-guide {
box-shadow: inset 0px 0 4px #ccc;
margin-bottom: 2em;
padding: 0.5em 0;
}
body.tour-guide .owl-guide dl {
font-size: 13px !important;
font-size: 1.3rem !important;
}
body.tour-guide .owl-guide dt {
text-align: center;
margin: 0 auto;
}
body.tour-guide .owl-guide dd {
padding: 0.5em 1em;
margin: 0;
line-height: 1.6;
text-align: left;
color: #333;
}
.root_ti{
font-weight:bold;
color:#000;
background-color:#fff;
}
.shimanami .root_ti{
text-align:center !important;
}
.shodoshima p{
margin-bottom:2em;
line-height:1.6;
font-size:13px;
font-size:1rem;
}

/*guide*/
.guide #contents_area{
background-color:transparent;
}
.guide .section{
margin:0 2% 2em;
padding:1em;
background-color:#fff;
border-radius:3px;
box-shadow:0 6px 12px tgba(0,0,0,.3);
}
.guide .section h2{
margin:0 0 1em;
padding:1em;
background-color:#eaeaea;
}
.numberol {
margin:0 0 1em 0em;
padding: 0.5em 0.5em 0.5em 2em;
font-size: 13px;
font-size: 1.3rem;
line-height: 1.5;
border:1px solid #eaeaea;
border-radius:3px;
}
.numberol li{
margin:0;
padding:0.25em 0;
list-style:decimal;
line-height:1.5;
}
table.feet01 {
width: 100%;
border: 1px #ccc solid;
border-collapse: collapse;
border-spacing: 0;
font-size: 12px;
font-size: 1.2rem;
}
table.feet01 th {
padding: 0.2em;
border: 1px #ccc solid;
background: #fff;
font-weight: bold;
line-height: 1.5;
text-align:left;
}
table.feet01 th.lth {
background: #fff;
color: #333;
text-align: center;
}
table.feet01 td {
padding: 0.2em;
border: 1px #ccc solid;
line-height: 1.5;
background: #ffffff;
text-align: right;
color: #333;
}
table.feet01 td span, table.feet01 sup {
	color: #dc0000;
}
table.feet01 td span.betton {
	white-space: nowrap;
	color: #666;
}

table.feet02 {
margin-bottom: 1em;
width: 100%;
border: 1px #ccc solid;
border-collapse: collapse;
border-spacing: 0;
font-size: 12px;
font-size: 1.2rem;
}
table.feet02 th {
padding: 0.2em;
border: 1px #ccc solid;
background: #fff;
font-weight: bold;
line-height: 1.5;
text-align:left;
}
table.feet02 th.lth {
background: #fff;
color: #333;
text-align: center;
}
table.feet02 td {
padding: 0.2em;
border: 1px #ccc solid;
line-height: 1.5;
background: #ffffff;
text-align: left;
color: #333;
}
table.feet02 td span, table.feet02 sup {
	color: #dc0000;
}

.entry-title2{
	margin:0 0 1em;
	padding:1em;
	background-color:#fff;
	text-align:center;
	font-size:18px;
	font-size:1.8em;
	font-size:1.8rem;
}

.dl_location {
	margin: 0 2% 2em;
	padding: 1em;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
}
body.toppage .dl_location {
	margin: 0 0 !important;
}
body.locations .dl_location {
	margin: 0 0 !important;
	border: none;
	padding: 5px;
}
.dl_location dt {
margin: 0 0 1em;
padding: 1em;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5;
color: #fff;
background-color: #333;
}
.dl_location dt a {
	color: #fff;
}
.dl_location dd {
	margin: 0 0 1em;
	padding: 0 1em;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.6;
	letter-spacing: 0.1em;
}
body.locations .dl_location dd {
margin: 0 0 3px;
}
.weather-resource{
	margin-right:1em;
	padding:0.5em 0 2em;
	text-align:right;
	font-size:11px;
	font-size:1.1em;
	font-size:1.1rem;
}
.chugoku,.shikoku{
	float:left;
	width:50%;
}

.btn{
line-height:3;
padding:0.25em;
color:#dc0000;
background-color:#fff;
border:2px solid #dc0000;
border-radius:2px;
transition:.5s;
box-shadow:0 6px 6px rgba(0,0,0,.1);
}
.btn:hover{
color:#fff !important;
background-color:#dc0000;
border:2px solid #dc0000;
}

.recruit .tabs{
	background-color:#fff;
}
.recruit .tabs__menu-item a{
	color:#999;
	font-size:14px;
}
.recruit .tabs__menu-item.active{
background-color:#eee;
box-shadow:none;
}
.recruit .tabs__menu-item.active a{
	color:#000;
}
.recruit .tabs__content-item{
	background-color:#eee;
}
.recruit .tab-setup{
	color:#333;
	line-height:1.6;
}
.recruit .tab-setup a{
	color:#dc0000;
}

.cd-secondary-nav li{
	margin-left:1.5em;
}

#recruit_form{
	padding-bottom:2em;
}
#recruit_form dl{
    font-size: 1.3rem;
    margin: 0 2% 2em;
    padding: 0;
}
#recruit_form dt {
    border-bottom: 1px solid #2980b9;
    border-top: 1px solid #2980b9;
    color: #2980b9;
    font-weight: bold;
    padding: 0.5em;
}
#recruit_form dt sup {
    background-color: #dc0000;
    border-radius: 2px;
    color: #fff;
    font-size: 10px;
    margin-left: 0.5em;
    padding: 0.2em;
}
#recruit_form dd {
    line-height: 1.5;
    margin-bottom: 1em;
    padding: 0.5em;
}
#recruit_form input, #recruit_form textarea {
    background-color: #f4f9fb;
    border: 2px solid #2980b9;
    border-radius: 3px;
    padding: 0.25em;
    width: 100% !important;
}
#recruit_form .pots{
	width:40% !important;
	float:left;
	margin-right:0.5em;
}
#recruit_form .post{
	width:50% !important;
	float:left;
	margin-top:0.5em !important;
	font-size:12px;
	font-size:1.2em;
	font-size:1.2rem;
	background-color:#fafafa;
	border-color:#333;
}
.submit {
	text-align: center;
}
.submit input {
	font-size: 16px !important;
	font-size: 1.6rem !important;
	letter-spacing: 0.5em;
	border: 2px solid #333 !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0.5em 2em !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
	background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f4f5f5, endColorstr=#dfdddd);
	box-shadow: 0 3px 6px #ccc;
	width:75% !important;
}
.welfare-vehicle .required02,.weekly-monthly .required02,.reservation .required02{width:20%;}
.welfare-vehicle .input1,.weekly-monthly .input1,.reservation .input1{width:100% !important;}
.welfare-vehicle .pots,.weekly-monthly .pots,.reservation .pots{width:40%;margin-right: 0.25em;}
.welfare-vehicle .textarea1,.weekly-monthly .textarea1,.reservation .textarea1{width:100% !important;}
.welfare-vehicle .freeopt,.weekly-monthly .freeopt,.reservation .freeopt{width:1em !important;clear: left;}
.welfare-vehicle .smoke,.weekly-monthly .smoke,.reservation .smoke{width:1em !important;}
#rdate{margin-bottom: 0.5em;}
#ui-datepicker-div{
max-width: 93%;
}
.ui-datepicker td span, .ui-datepicker td a {
    padding: 0.15em !important;
 }

/*etc card*/


.etc-card .terms_etc-card {
    counter-reset: number;
    list-style: outside none none;
    margin: 0 20px;
    padding: 0;
}
.etc-card .terms_etc-card li {
    border: 1px solid #eaeaea;
    border-radius: 4px;
    line-height: 2.5;
    list-style: outside none none;
    margin: 0 0 2em 1.25em;
    padding: 1em 0 1em 1em;
    position: relative;
}
.etc-card .terms_etc-card li::before {
    background: #8bc34a none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    content: counter(number, decimal);
    counter-increment: number;
    float: left;
    height: 2.5em;
    line-height: 2.5;
    margin-left: -2.5em;
    margin-right: 0.5em;
    text-align: center;
    width: 2.5em;
}

.studless #contents_area{
background-image: url(images/bg_studless.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: contain;
}
.studless .interlude h1{
margin: 0 10% 3em;
padding: .5em 0 0;
}
.studless .interlude h2{
margin: 0 2% 0;
padding: 0;
}
.studless .interlude p{
margin-bottom: 2em;
}
.studless .interlude .ad-img{
text-align: center;
margin: 0 2% 2em;
padding: 0;
}

.stud_car_class{}
.stud_car_class h3{
text-align: center;
margin: 0 10% 0;
padding: 0 0 1em;
border-bottom: 3px solid #dc0000;
}
.stud_car_class h3 span{
color: #fff;
background-color: #dc0000;
margin-right: .5em;
padding: .2em .4em;
font-size: 12px;
}
.stud_car_class p{
text-align: center;
margin: 0 2% 0;
padding: 0;
}
.stud_car_class dl{
margin: 0 2% 1em;
background-color: #fafafa;
border-radius: 2px;
zoom:1;
padding: .25em;
border: 1px solid #8aa0c5;
}
.car-lineup .stud_car_list dl:after{content:""; display:block;clear:both;}
.stud_car_class dt{
float: left;
margin: 0;
padding: 0;
font-size: 15px;
padding: .5em;
color: #fff;
background-color: #333;
border-radius: 50%;
display: block;
width: 45px;
height: 45px;
line-height: 30px;
}
.stud_car_class dd{
float: left;
margin: 0 0 0 .5em;
padding: 0;
width: calc(100% - 60px);
line-height: 1.5;
font-size: 14px;
}
.stud_car_class dl{zoom:1;}
.stud_car_class dl:after{content:""; display:block;clear:both;}
.stud_car_class table{
margin: 0 2% 1em;
border-collapse: collapse;
border-spacing: 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
width: 96%;
}
.stud_car_class table caption{
padding-bottom: .5em;
text-align: right;
font-size: 10px;
}
.stud_car_class th{
padding: .25em .5em;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
text-align: left;
font-size: 13px;
background-color: #f3f5f9;
}
.stud_car_class th i{
color: #158b39;
}
.stud_car_class td{
padding: .25em .5em;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
line-height: 1.5;
}
.stud_td_price .button1 a{
color: #fff !important;
background-color: #dc0000;
margin-left: 1em;
padding: .25em .5em;
}
.car-lineup .stud_car_list .stud_td_price{
font-size: 18px;
color: #dc0000;
}
.stud_td_price{
color: #dc0000;
}
.stud_car_class ul{
margin: 0 2% 0;
padding: 0;
}
.stud_car_class ul li{
margin: 0 0;
padding: 0.25em 0;
font-size: 12px
}
.stud_car_class p img{
max-width: 120px;
display: block;
margin: 0 auto;
}


@media screen and (max-width: 568px) {
	#ui-datepicker-div,
	.ui-datepicker-multi {
		max-width: 17em;
	}
	.ui-datepicker-multi .ui-datepicker-group {
		width: auto;
		float: none;
	}
	.ui-datepicker {
		font-size: 0.9em;
	}
}


#form_fields{
margin: 0 2%;
}

#form_fields section {
    border: 10px solid #5bc2ce;
background-color: #fff;
    border-radius: 4px;
    margin: 0 2% 1em;
    padding: 1em;
}
#form_fields .goto::after {
    color: #dc0000;
    content: "";
    font-family: FontAwesome;
    font-size: 2em;
    position: absolute;
    right: 0;
    top: 40%;
}
#form_fields h1, #form_fields p {
    text-align: center;
}
#form_fields h1 {
    border-bottom: 4px solid #eaeaea;
    border-radius: 4px;
    padding: 0.5em;
}
#form_fields h1 span {
    font-size: 16px;
}
.from {
    background-color: #f3faee;
    border: 2px solid #afdb84;
    border-radius: 4px;
    padding: 0.5em;
}
.to {
    background-color: #f9eeee;
    border: 2px solid #e6adad;
    border-radius: 4px;
    padding: 0.5em;
}
.from-to dl {
    margin: 0;
    padding: 0;
}
.from-to dt {
    background-color: #fafafa;
    line-height: 1;
    margin: 0 0 0.5em;
    padding: 0.5em;
}
.from-to dt sup {
    background-color: #dc0000;
    border-radius: 2px;
    color: #fff;
    margin-left: 0.5em;
    padding: 0.1em 0.2em;
    top: -2px;
}
.from-to dd {
    line-height: 1.5;
    margin: 0 0 1em;
    padding: 0.5em;
}
.from-to dd .input1 {
    margin-top: 0.5em;
    width: 100%;
}
.from-to optgroup {
    margin: 0 1em 1em;
}
.from-to optgroup.okayamaken, .from-to optgroup.kagawaken, .from-to optgroup.ehimeken, .from-to optgroup.sonota {
    font-size: 12px;
    margin: 0 1em 1em;
    padding: 0.5em;
}
.from-to optgroup:not(last-child) {
    border-bottom: 1px solid #ccc;
}
.from-to optgroup option {
    background-color: #fff;
    font-size: 12px;
    margin: 0;
    padding: 0.5em;
}
.error_message {
    margin: 0 0 4em;
    padding: 1em;
}
#form_fields section {
    border: 5px solid #5bc2ce;
    border-radius: 4px;
    margin: 0 0 1em;
    padding: .25em;
}
#form_fields strong {
    border-bottom: 4px double #5bc2ce;
    color: #dc0000;
    padding-bottom: 0.5em;
display: block;
width: 100%;
text-align: center;
font-size: 24px;
}
.reservation-contents dl, .reservation-contents3 dl, .reservation-contents4 dl {
}
#form_fields div div .from::before {
    background-color: #76bb3d;
    border-radius: 2px;
    color: #fff;
    content: "出発";
    font-size: 12px;
    margin-right: 0.5em;
    padding: 0.25em;
}
#form_fields div div .to::before {
    background-color: #cf5b5b;
    border-radius: 2px;
    color: #fff;
    content: "返却";
    font-size: 12px;
    margin-right: 0.5em;
    padding: 0.25em;
}
.from, .to {
    position: relative;
}
.from a, .to a {
    position: absolute;
    right: 5px;
}
#form_fields div div .from::after {
    color: #76bb3d;
    content: "";
    font-family: FontAwesome;
    font-size: 20px;
    position: absolute;
    right: -8px;
    top: 25%;
}
.member_wari {
    background-color: #f9eeee;
    border-bottom: 4px solid #dc0000 !important;
    border-top: 3px solid #dc0000 !important;
    color: #dc0000;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    text-align: center !important;
}
.member_total {
    color: #76bb3d;
}
.member_total_var {
    color: #000;
    font-size: 21px;
    letter-spacing: 1px;
}
.caution02 {
    color: #dc0000;
}
#form_fields input[type="submit"] {
    border: 4px solid #dc0000;
color: #fff;
background-color: #dc0000;
    border-radius: 4px;
    box-shadow: 3px 12px 24px rgba(0, 0, 0, 0.3);
    display: block;
    font-size: 16px;
    height: 72px;
    line-height: 64px;
    margin: 1em auto 2em;
    padding: 0 2em;
    transition: all 0.3s ease 0s;
}
#form_fields input[type="submit"]:hover {
    background-color: #fff;
    box-shadow: 3px 12px 24px rgba(0, 0, 0, 0.3) inset;
    color: #5bc2ce !important;
}
.entrydate{
width: 115px !important;
}
.red-arrow{
color: #dc0000;
margin-bottom: 1em;
}


.ul_subnavi{
margin: 0 2% 4em;
}
.ul_subnavi{zoom:1;}
.ul_subnavi:after{content:""; display:block;clear:both;}
.ul_subnavi li{
margin: 0;
float: left;
width: calc(50% - 1px);
font-size: 12px;
font-size: 1.2em;
font-size: 1.2rem;
}
.ul_subnavi li:nth-child(1){
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.ul_subnavi li:nth-child(2){
border-bottom: 1px solid #ddd;
}
.ul_subnavi li:nth-child(3){
border-right: 1px solid #ddd;
}
.ul_subnavi li a{
padding: 1em .5em;
display: block;
}


/*連泊お得プラン*/

.clock-i i{
font-size: 60px !important;
margin-top: -25px;
color: rgba(89,175,31,.5);
}

/*slick edit*/
#owl-fee{
width: 100%;
}
.slick-dots li{
width: 10px !important;
}

.charge_1{
width: 94% !important;
margin: 0 auto 1em !important;
}


/*SNS ICON*/
.footer-nav-sns{
margin: 0 0 2em;
padding: 0;
text-align: center;
}
.footer-nav-sns li{
display: inline-block;
margin: 0 .25em 0;
padding: 0;
list-style: none;
}
.footer-nav-sns li a{
color: #fff;
padding: 10px;
border-radius: 50%;
display: block;
font-size: 28px;
line-height: 28px;
width: 48px;
height: 48px;
overflow: hidden;
text-align: center;
}
.footer-nav-sns li.ico-facebook a{
background-color: #3b5998;
}
.footer-nav-sns li.ico-instagram a{
background-color: #262626;
}
.footer-nav-sns li.ico-youtube a{
background-color: #e32524;
}

/*全体*/
.hidden_box {
    margin: 2em 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    padding: 15px;
    font-weight: bold;
    border: solid 2px black;
    cursor :pointer;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: #efefef;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

.img-flex221 {
   margin-bottom: 20px;
   display: -webkit-flex;
   display: flex;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   width: 98%; height: 98%;
   }