.blog-card{border:1px solid var(--vk-color-border);border-radius:var(--vk-size-radius);display:flex;flex-direction:row;flex-wrap:wrap-reverse}.blog-card-image-outer,.blog-card-body-outer{padding:1.5rem}@media (min-width: 576px){.blog-card-image-outer{width:calc( 100% / 3)}}.blog-card-body-outer{padding-top:0}@media (min-width: 576px){.blog-card-body-outer{padding:1.5rem;width:calc( 100% / 3 * 2)}}.blog-card-title{font-size:1.125rem}.blog-card-title a{color:var(--vk-color-text-body)}.blog-card-image-frame{border-radius:var(--vk-size-radius);border:1px solid var(--vk-color-border);display:block;overflow:hidden}.blog-card-image-src{display:block}.blog-card-site-title a{display:flex;align-items:center}.blog-card-site-title a img{margin-right:10px}.veu-cta-block+.veu_adminEdit{position:absolute;margin-top:-3em;margin-left:1em;z-index:999}.veu-cta-block+.veu_adminEdit>.btn{font-size:12px}.veu_cta{display:block;overflow:hidden;margin-top:30px;margin-bottom:30px;background-color:#efefef}.veu_cta .cta_title{display:block;overflow:hidden;margin:0;padding:12px 20px 10px;background-color:#333;color:#fff;font-size:22px;line-height:1.2em}.veu_cta .cta_body{display:block;overflow:hidden;padding:1.5em 1.5em 2em;line-height:170%}.veu_cta .cta_body_image{margin-bottom:1.5em}.veu_cta .cta_body_image img{max-width:250px}.veu_cta .cta_body_image_center{display:block;overflow:hidden;text-align:center}.veu_cta .cta_body_image_center img{display:block;margin:0 auto 15px;max-width:100%}.veu_cta .cta_body_txt{display:block;overflow:hidden}.veu_cta .cta_body_link{clear:both;margin-top:1.5em}@media (min-width:768px){.veu_cta .cta_body_image_right{float:right;margin-left:30px}.veu_cta .cta_body_image_left{float:left;margin-right:30px}}@media (max-width:767px){.veu_cta .cta_body_image img{display:block;margin:0 auto 1.5em;max-width:100%}}@font-face {
font-family: 'Cinzel';
src: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/font/Cinzel/Cinzel-Medium.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
} @font-face {
font-family: 'Klee One';
src: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/font/Klee/KleeOne-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}    :root { --default-fonts: Lato, YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
--primary-stripe: repeating-linear-gradient(-45deg, transparent, transparent 2px, rgba(82, 165, 220, 0.1) 2px, rgba(82, 165, 220, 0.1) 5px);
--secondary-stripe: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(82, 165, 220, 0.1) 10px, rgba(82, 165, 220, 0.1) 20px);
--orange-stripe: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(251, 92, 8, 0.1) 10px, rgba(251, 92, 8, 0.1) 20px); --oa-main: #52a5dc; --oa-main-alt: #004085; --oa-second: #fb5c08;
--oa-second-dark: #c54806; --oa-text: #333; --oa-link: #5c71db; --oa-link-alt: #dbb43b;
}  html,
body {
font-family: var(--default-fonts);
color: var(--oa-text);
}
.grecaptcha-badge {
bottom: 84px !important;
} .col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
padding-left: 15px !important;
padding-right: 15px !important;
} h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
}
h1,
.h1 {
font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
h1,
.h1 {
font-size: 2.5rem;
}
}
h2,
.h2 {
font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
h2,
.h2 {
font-size: 2rem;
}
}
h3,
.h3 {
font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
h3,
.h3 {
font-size: 1.75rem;
}
}
h4,
.h4 {
font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
h4,
.h4 {
font-size: 1.5rem;
}
}
h5,
.h5 {
font-size: 1.25rem;
}
h6,
.h6 {
font-size: 1rem;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignright {
float: right;
margin-left: 1.5em;
}
.alignleft {
float: left;
margin-right: 1.5em;
}
.text-right {
text-align: right !important;
}
.text-left {
text-align: left !important;
}
.text-center {
text-align: center !important;
}
.text-block {
padding: 2em 2em 4em;
}
figure * {
margin-right: auto;
margin-left: auto;
}
.blockquote {
border: 10px solid #fff;
padding: 1rem;
margin: 1rem;
}
.blockquote p {
margin-bottom: 0;
}
.lead {
font-size: 95%;
margin-bottom: 0.5em;
}
.small {
font-size: .75em;
}
.delete {
color: #f00;
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/delete.png);
background-repeat: repeat-x;
background-position: center;
padding: 0 .2em;
}
.vk_post h3.vk_post_title,
.vk_post h5.vk_post_title {
padding-bottom: 0;
}
.vk_post h3.vk_post_title a,
.vk_post h5.vk_post_title a {
font-family: var(--default-fonts);
text-decoration: none;
font-size: 1.75rem;
font-weight: normal;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
}
.vk_post h3.vk_post_title a:hover,
.vk_post h5.vk_post_title a:hover {
text-decoration: none;
}
.vk_post_taxonomy_title_inner {
white-space: nowrap;
}
.catch {
display: flex;
align-items: center;
justify-content: center;
}
.catch:before,
.catch:after {
border-top: 1px solid;
content: "";
width: 5em;
}
.catch:before {
margin-right: 1em;
}
.catch:after {
margin-left: 1em;
}
ul {
list-style: none;
}
ul.normal {
list-style: disc;
} i.fa,
i.fa-brands,
i.fa-duotone,
i.fa-light,
i.fa-regular,
i.fa-solid,
i.fa-thin,
i.fab,
i.fad,
i.fal,
i.far,
i.fas,
i.fat {
margin-right: 0;
} table.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
border-top: none;
border-left-width: 0;
border-right-width: 0;
}
.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
padding: 5px;
}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-left-width: 0;
border-right-width: 0;
}
.table>tbody>tr,
.table>tfoot>tr,
.table>thead>tr {
border-bottom: 1px solid rgba(0, 0, 0, .5);
}
.table>tbody>tr:first-child {
border-top: 1px solid rgba(0, 0, 0, .5);
}
.table-striped>tbody>tr:nth-of-type(odd)>* {
--bs-table-accent-bg: rgba(0, 0, 0, .025);
;
}
.table>:not(caption)>*>* {
padding: 0.5rem 0.5rem;
background-color: transparent;
border-bottom-width: 1px;
box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}  .well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
} .justify-content-evenly {
justify-content: space-evenly !important;
} .site-body a img {
border: 1px solid #eee;
}
.site-body a:hover,
.site-body a img:hover {
transition: .3s;
}
.site-body a img:hover,
.site-body a:hover img {
opacity: .7;
}
.site-body a {
color: #5c71db;
text-decoration: underline;
}
.site-body a.btn,
.site-body a.btn:hover {
color: #fff;
}
.site-body a:hover {
color: #fb5c08;
text-decoration: underline;
} .hidden-xs {
display: block;
}
.visible-xs {
display: none;
}
.hidden-sm {
display: block;
}
.visible-sm {
display: none;
}
.hidden-md {
display: block;
}
.visible-md {
display: none;
}
.visible-pc {
display: none;
} ul.column-2,
ol.column-2 {
column-count: 2;
}
ul.column-3,
ol.column-3 {
column-count: 3;
}
ol.circle-num li {
list-style: none;
padding-left: 1.3em;
text-indent: -1.3em;
} .label {
display: inline;
padding: 0.2em 0.6em 0.3em;
font-size: 50%;
font-weight: normal;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: middle;
border-radius: 0.25em;
}
.label-danger {
background-color: #d9534f;
} .alert {
margin-top: 1rem;
}
.alert-oa-default {
color: var(--oa-main-alt);
background-image: var(--secondary-stripe);
border-color: var(--oa-main);
}
.alert-oa-default-paleblue {
color: var(--oa-main-alt);
background-color: rgba(82, 165, 220, .1);
border-color: var(--oa-main);
}
.alert-oa-default-white {
color: var(--oa-main-alt);
background-color: #fff;
border-color: var(--oa-main);
}
.alert-oa-second {
color: var(--oa-second);
background-image: var(--orange-stripe);
border-color: var(--oa-second);
}
.alert-oa-second-paleorange {
color: var(--oa-second);
background-color: rgba(251, 92, 8, .1);
border-color: var(--oa-second);
}
.alert-oa-second-white {
color: var(--oa-second);
background-color: #fff;
border-color: var(--oa-second);
} .bg-pink {
background-color: rgba(255, 239, 254, 1);
}
.bg-palegreen {
background-color: rgba(225, 239, 219, 1);
} .veu_socialSet .sb_icon a {
box-shadow: none;
} #loading {
opacity: 0;
opacity: 1;
}
#loading-img {
position: relative;
}
#loading-img img {
position: fixed;
top: 50%;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
z-index: 100;
}
#loading-img:after {
content: "";
display: block;
height: 100%;
width: 100%;
position: fixed;
opacity: 0;
z-index: 99;
} .site-header {
width: 100vw;
}
.scrolled .site-header,
.scrolled.header_scrolled .site-header {
animation: none;
min-height: inherit;
clear: both;
z-index: 1000;
position: fixed;
top: 0;
left: 0;
width: 100vw;
max-width: 100vw;
box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
background-color: rgba(255, 255, 255, .75) !important;
}
.scrolled .site-header ul.nav>li>a,
.scrolled.header_scrolled .site-header ul.nav>li>a {
color: var(--vk-color-text-body) !important;
text-decoration: none;
} .device-pc .global-nav-list>li>a {
padding: 14px 0.75em; }
.device-pc .global-nav-list>li.menu-item-has-children>a {
padding-right: 1em;
margin-right: 0.75em;
}
.device-pc .global-nav-list>li.menu-item-has-children:last-child>a {
padding-right: 0;
margin-right: 0;
}
.device-pc .menu-subtitle { font-size: .7rem;
font-weight: normal;
}
.device-mobile .menu-subtitle {
display: inline-block;
font-size: .9em;
font-weight: normal;
padding-left: 1rem;
}
.device-pc .other-menu a strong i {
transition: .3s;
}
.device-pc .other-menu:hover a strong i {
transition: .3s;
transform: rotate(90deg);
}
body.device-pc:not(.home) .site-header .global-nav ul.menu li.menu-activity>a:after {
display: block;
font-family: "Font Awesome 6 free";
font-weight: 900;
position: absolute;
right: 0px;
content: "\f107" !important;
font-size: 14px;
} .page-header-title,
h1.page-header-title {}
.page-header-title,
h1.page-header-title {
position: relative;
display: inline-block;
padding: 0 65px;
text-align: center;
}
.page-header-title:before,
.page-header-title:after,
h1.page-header-title:before,
h1.page-header-title:after {
position: absolute;
top: calc(50% - 3px);
width: 50px;
height: 6px;
content: '';
border-top: solid 2px #fff;
border-bottom: solid 2px #fff;
}
.page-header-title:before,
h1.page-header-title:before {
left: 0;
}
.page-header-title:after,
h1.page-header-title:after {
right: 0;
}
.breadcrumb { border-top: 1px solid rgba(82, 165, 220, .25);
border-bottom: 1px solid rgba(82, 165, 220, .25);
} footer.site-footer {
border-top: 3px solid #fb5c08;
}
footer.site-footer:before {
content: '';
display: block;
margin-top: 2px;
border-top: 1px solid #fb5c08;
}
.site-footer-title:after,
.sub-section-title:after,
h3:after {
border-bottom: 1px solid #fb5c08;
}
footer .site-footer-copyright {
background-color: var(--vk-color-primary);
width: auto;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-width: 100vw;
color: #fff;
}
footer .site-footer-copyright .copyright-logo {
max-width: 200px;
height: auto;
}
footer .menu-footer-copyright-menu-container ul {
text-align: center;
padding-left: 1.5em;
padding-right: 1.5em;
margin: .5em 0 1em;
}
footer .menu-footer-copyright-menu-container ul li {
display: inline-block;
padding: 0 .5em;
border-left: 1px solid #fff;
}
footer .menu-footer-copyright-menu-container ul li:last-child,
footer .menu-footer-copyright-menu-container ul li.wrap {
border-right: 1px solid #fff;
}
footer .menu-footer-copyright-menu-container ul li a {
color: #fff;
text-decoration-color: rgba(255, 255, 255, .5);
}
footer .footer-nav li {
padding: 0 .75em;
}
.page_top_btn {
width: 40px;
height: 40px;
border-radius: 20px;
}
.sp-footer {
background-color: var(--oa-main);
color: #fff;
text-align: center;
max-height: 70px;
height: 8%;
padding: 10px 0;
line-height: 140%;
border-top: 1px solid #fff;
}
.sp-footer a,
.sp-footer a:visited,
.sp-footer a:focus {
color: #fff;
text-decoration: none;
}
.sp-footer .row .col i {
font-size: 2rem;
}
.sp-footer .row .col span {
font-size: .75rem;
}
.sp-footer .row {
margin-right: 0;
margin-left: 0;
}
.sp-footer .row .col,
.sp-footer .row .col:first-child,
.sp-footer .row .col:last-child {
padding-left: 5px !important;
padding-right: 5px !important;
} .header_scrolled .header-top,
.header_scrolled .site-header-logo,
.header_scrolled .site-header-sub,
.header_scrolled .vk-campaign-text {
display: block;
}
.home.device-pc .site-header {
background-color: rgba(255, 255, 255, 0);
}
.header_scrolled.device-pc .site-header {
background-color: rgba(255, 255, 255, .75);
}
.home.device-pc:not(.header_scrolled) .site-header nav ul.menu li a {
color: #fff;
}
.home.header_scrolled .global-nav ul.global-nav-list>li.current-item {
transition: .3s;
background-color: var(--vk-color-primary);
opacity: .75;
} .device-mobile .vk-mobile-nav-menu-btn {
top: 15px;
right: 10px !important;
}
.device-mobile .vk-mobile-nav {
padding: 55px 10px;
}
.device-mobile .site-header,
.device-mobile.header_scrolled .site-header {
clear: both;
position: fixed;
top: 0;
left: 0;
border-bottom: 1px solid var(--vk-color-border-image);
}
.device-mobile.header_scrolled .header-top,
.device-mobile.header_scrolled .site-header-logo,
.device-mobile.header_scrolled .site-header-sub,
.device-mobile.header_scrolled .vk-campaign-text {
display: block;
}
.header_scrolled.device-mobile .site-header .global-nav {
padding-top: 7px;
}
.header_scrolled.device-mobile .global-nav-list {
height: auto;
}
.device-mobile .global-nav-list>li {
padding: 2em;
} .nivo-lightbox-theme-default .nivo-lightbox-close {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/close.png);
background-size: contain;
background-position: center center;
} .collapse-wrapper,
.collapse-target {
width: 100%;
}
.collapse-wrapper {
overflow: hidden; background-color: transparent;
}
.collapse-target,
.collapse-target.show {
display: block;
}
.collapse-target.hide {
display: none;
} .accordion {
border: 1px solid var(--vk-color-border); margin-bottom: 2.0em;
}
.accordion-title {
pointer-events: all;
cursor: pointer;
position: relative;
padding-top: calc(var(--vk-size-text)*1);
padding-right: calc(var(--vk-size-text)*2);
padding-bottom: calc(var(--vk-size-text)*1);
padding-left: calc(var(--vk-size-text)*1);
padding: 0.75rem 1.25rem;
background-color: rgba(0, 0, 0, .03);
margin-bottom: 0;
border-bottom: 1px solid var(--vk-color-border);
}
.accordion-title:last-child {
border-bottom-width: 0;
}
.accordion-title.accordion-open { border-bottom: 1px solid var(--vk-color-border);
}
.accordion-title:before {
display: block;
font-family: "Font Awesome 5 Free";
font-weight: bold;
position: absolute;
right: 10px;
content: "\f055" !important;
font-size: 1.5em;
}
.accordion-title.accordion-open:before {
content: "\f056" !important;
}
.accordion-content {
display: none;
padding-top: calc(var(--vk-size-text)*2);
padding-right: calc(var(--vk-size-text)*1);
padding-bottom: calc(var(--vk-size-text)*2);
padding-left: calc(var(--vk-size-text)*1); border-bottom: 1px solid var(--vk-color-border);
} .card {
margin-bottom: 2rem;
}
.list-group {
--bs-list-group-color: #212529;
--bs-list-group-bg: #fff;
--bs-list-group-border-color: rgba(0, 0, 0, 0.125);
--bs-list-group-border-width: 1px;
--bs-list-group-border-radius: 0.375rem;
--bs-list-group-item-padding-x: 1.25rem;
--bs-list-group-item-padding-y: 0.75rem;
--bs-list-group-action-color: #495057;
--bs-list-group-action-hover-color: #495057;
--bs-list-group-action-hover-bg: #f8f9fa;
--bs-list-group-action-active-color: #212529;
--bs-list-group-action-active-bg: #e9ecef;
--bs-list-group-disabled-color: #6c757d;
--bs-list-group-disabled-bg: #fff;
--bs-list-group-active-color: #fff;
--bs-list-group-active-bg: #0d6efd;
--bs-list-group-active-border-color: #0d6efd;
display: flex;
flex-direction: column;
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
border-radius: var(--bs-list-group-border-radius);
}
.list-group-item {
position: relative;
display: block;
padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
color: var(--bs-list-group-color);
text-decoration: none;
background-color: var(--bs-list-group-bg);
border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
margin-top: 0;
margin-bottom: 0;
}
.list-group-flush>.list-group-item {
border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-item:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.list-group-flush>.list-group-item:last-child {
border-bottom-width: 0;
}
.list-group-flush {
border-radius: 0;
} form.wpcf7-form .form-control {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0.25rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
form.wpcf7-form .form-select {
display: block;
width: 100%;
padding: 0.375rem 2.25rem 0.375rem 0.75rem;
-moz-padding-start: calc(0.75rem - 3px);
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 16px 12px;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
form.wpcf7-form input[type=submit].btn {
padding: 0.375rem 1.5rem;
}
form.wpcf7-form .wpcf7-list-item {
margin-left: 0;
} .veu_cta {
background-color: rgba(251, 92, 8, .1);
margin-top: 50px;
}
.veu_cta .cta_title {
background-color: var(--oa-second);
}
.veu_cta .cta_body {
padding: .5em;
}
.veu_cta .cta_body_image_left {
margin-right: 0;
margin-bottom: 0;
}
.veu_cta .cta_body_txt {
padding: 1em 2em;
}
.veu_cta .cta_body_link {
float: right;
margin-top: 0;
clear: none;
padding: 0 2rem;
}
.veu_cta .cta_body_link a.btn {
text-decoration: none;
font-size: 1rem;
}
.veu_adminEdit {
display: none;
}  .home.device-pc .global-nav-list>li.current-item>a {
color: #fff;
} .home.device-mobile {
margin-top: 65px;
}
.home.device-pc .swiper-wrapper.ltg-slide-inner {
margin-top: -65px;
}
.home.device-pc .adjustment {
display: none;
}
.home.device-pc .lightning_swiper-container.swiper-container {
margin-top: -95px;
}
.home.device-mobile .lightning_swiper-container.swiper-container {
margin-top: 64px;
}
.home .ltg-slide-text-title,
.home .ltg-slide-text-caption {
text-shadow: 0px 0px 10px rgba(0, 0, 0, 1) !important;
}
.home .ltg-slide-text-title {
padding-bottom: .5em;
}
.home .ltg-slide-text-caption {}
.home .slant-cutting {
z-index: 2;
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/slant-cutting.png);
width: 100%;
height: 100px;
position: relative;
top: -100px;
left: 0;
margin-bottom: -100px;
} .home .site-body {
padding-bottom: 0;
} section.oa-banner .wp-block-cover {
display: block;  padding-bottom: 20px;
color: var(--vk-color-text-body);
min-height: 100px;
}
section.oa-banner .wp-block-cover .main-banner {
padding-top: 2rem;
padding-bottom: 1rem;
} section.oa-blog {}
section.oa-blog .wp-block-cover {
background-image: var(--secondary-stripe);
}
section.oa-blog .wp-block-cover .front-blog-list {
position: relative;
}
section.oa-blog .wp-block-cover .front-blog-list h2 {
color: var(--vk-color-primary);
border-top-width: 0;
border-bottom-width: 0;
padding-left: 2rem;
padding-right: 2rem;
font-weight: bold;
margin-top: 0.5rem;
}
section.oa-blog .wp-block-cover .front-blog-list .front-blog-item {
padding-left: 0 !important;
padding-right: 0 !important; text-align: center;
overflow: hidden;
aspect-ratio: 1 / 1;
}
section.oa-blog .wp-block-cover .front-blog-list .front-blog-item:after {
display: block;
content: '';
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
position: absolute;
top: 0;
left: 0;
z-index: 100;
transition: all .3s ease-out;
}
section.oa-blog .wp-block-cover .front-blog-list .front-blog-item:hover:after {
transform: scale(1.1);
opacity: .8;
}
section.oa-blog .wp-block-cover .front-blog-list .front-blog-item a.front-blog-list-title {
display: block;
margin: 10px;
width: calc( 100% - 20px );
height: calc( 100% - 20px );
position: relative;
background-color: rgba(255, 255, 255, 0.25);
z-index: 101;
}
section.oa-blog .wp-block-cover .front-blog-list .front-blog-item:hover a.front-blog-list-title { background-color: rgba(82, 165, 220, 0.75);
}
section.oa-blog .wp-block-cover .front-blog-list .front-blog-item a.front-blog-list-title .blog-title {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
text-decoration: none;
font-size: 1.2rem; color: #fff;
filter: drop-shadow(0px 0px 5px #000000) drop-shadow(0px 0px 5px #000000);
width: calc( 100% - 1.5rem );
transition: 0.3s;
}
section.oa-blog .wp-block-cover .front-blog-list .front-blog-item a.front-blog-list-title .blog-title .blog-title-text {
transition: 0.3s;
}
section.oa-blog .wp-block-cover .front-blog-list .front-blog-item:hover a.front-blog-list-title .blog-title .blog-title-text {
font-size: 1.3rem;
}
section.oa-blog .wp-block-cover .front-blog-list .front-blog-item a.front-blog-list-title .blog-title .blog-title-date {
font-size: 1rem;
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid rgba(255, 255, 255, 0.75);
}
section.oa-blog .wp-block-cover a.btn {
text-decoration: none;
} section.about-us h2,
section.about-us h3 {
color: var(--vk-color-primary);
border-top-width: 0;
border-bottom-width: 0;
padding-left: 2rem;
padding-right: 2rem;
font-weight: bold;
}
section.about-us h3:after {
border-bottom-width: 0;
}
section.about-us .text-block {
padding: 1em 2em 4em;
}
section.about-us .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
margin-bottom: 1.5em;
}
section.about-us .wp-block-columns .wp-block-image {
min-width: 100px;
}
section.about-us .wp-block-columns .vk-blocks-disc {
padding-left: 1em;
}
section.about-us .wp-block-columns .vk-blocks-disc p {
margin-bottom: .5em;
}  section.news-info {
z-index: 1;
}
section.news-info .wp-block-cover {
display: block;
background-image: var(--primary-stripe);
padding-bottom: 60px;
}
section.news-info .wp-block-cover h2,
section.news-info .wp-block-cover h3 {
color: var(--vk-color-primary);
border-top-width: 0;
border-bottom-width: 0;
padding-left: 2rem;
padding-right: 2rem;
font-weight: bold;
}
section.news-info .wp-block-cover h3:after {
border-bottom-width: 0;
}
section.news-info .wp-block-cover p {
color: var(--vk-color-text-body);
}
section.news-info .front-news-list {
display: flex;
flex-direction: row;
justify-content: space-between;
}
section.news-info ul.front-news-list {
padding-right: 1.5em;
}
section.news-info ul.front-news-list li {
width: 100%;
padding: 0 1em;
text-align: center;
}
section.news-info .front-news-list li a.front-news-list-img,
section.news-info .front-news-list li a.front-news-list-title {
display: block;
margin: 0 auto;
}
section.news-info .front-news-list li a.front-news-list-img img { object-fit: cover;
border: 1px solid #eee;
}
section.news-info .front-news-list li a.front-news-list-img img:hover {
opacity: .7;
transform: scale(1.03, 1.03);
border: 3px solid #ddd;
}
section.news-info .front-news-list li .front-news-list-title {
padding-top: .75em;
}
section.news-info .front-news-list-title {
padding-left: 0;
text-align: center;
}
section.news-info .front-news-list-title li:before,
section.news-info .front-news-list-title li:after {
font-family: "Font Awesome 6 free";
font-weight: 900;
color: var(--oa-text);
content: "\f0da";
margin-right: 0.5em;
}
section.news-info .front-news-list-title li:after {
content: "\f0d9";
margin-left: 0.5em;
}
section.news-info p a.news-list-btn {
text-decoration: none;
} body.home section.oa-recommend .wp-block-cover { background-image: var(--secondary-stripe);
background-image: var(--orange-stripe);
}
section.oa-recommend .wp-block-cover {
display: block;
padding-bottom: 20px;
color: var(--vk-color-text-body);
min-height: 100px;
padding-top: 3rem;
padding-bottom: 4rem;
}
section.oa-recommend .wp-block-cover .wp-block-cover__inner-container {
padding-top: 10px;
}
section.oa-recommend .wp-block-cover h2 { color: var(--oa-main);
font-weight: bold;
border-top-width: 0;
border-bottom-width: 0;
margin-bottom: 2rem; }
section.oa-recommend .wp-block-cover .recommend-wrapper {
flex: 1;
width: 100%;
padding: 1rem;
position: relative;
}
body.page:not(.home) section.oa-recommend .wp-block-cover .recommend-wrapper {
flex: inherit;
}
body.home section.oa-recommend .wp-block-cover .recommend-wrapper .recommend-title {
text-align: center;
}
body.home section.oa-recommend .wp-block-cover .recommend-wrapper .recommend-title h4 {
text-align: center;
color: #fff;
background-color: var(--oa-second);
}
body.home section.oa-recommend .wp-block-cover .recommend-wrapper .recommend-title h4 a {
color: #fff;
}
section.oa-recommend .wp-block-cover .recommend-wrapper .recommend-title {
height: 66px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
section.oa-recommend .wp-block-cover .recommend-wrapper .recommend-title h4 {
line-height: 1.35;
padding: 0.45rem;
}
section.oa-recommend .wp-block-cover .recommend-wrapper .recommend-title a {
text-decoration: none;
transition: .3s;
}
section.oa-recommend .wp-block-cover .recommend-wrapper .recommend-price {
color: #f00;
font-size: 1.5rem;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
section.oa-recommend .wp-block-cover .recommend-wrapper .recommend-text {
margin-bottom: 1rem;
padding-bottom: 1rem;
}
section.oa-recommend .wp-block-cover .recommend-wrapper .recommend-btn {
margin-top: .5rem;
position: absolute;
bottom: 0;
right: 1rem;
}
section.oa-recommend .wp-block-cover .recommend-wrapper .recommend-btn a {
text-decoration: none;
}
section.oa-recommend a.btn {
text-decoration: none;
} section.oa-activity {
z-index: 2;
background-color: transparent;
margin-top: 0;
}
section.oa-activity .wp-block-cover {
display: block;
background-color: #fb5c08;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 74%, rgba(255, 255, 255, 1) 76%, rgba(251, 92, 8, 1) 78%, rgba(251, 92, 8, 1) 100%); background-repeat: no-repeat;
background-size: contain;
background-position: center center;
padding-bottom: 200px;
}
section.oa-activity .wp-block-cover h2 {
border-top-width: 0;
border-bottom-width: 0;
padding-left: 2rem;
padding-right: 2rem;
margin-bottom: 0;
padding-bottom: 0;
margin-top: 5rem;
margin-top: 50px;
margin-top: calc(90vw * 50 / 1400);
color: #fff;
filter: drop-shadow(0px 0px 5px #000000);
}
section.oa-activity .wp-block-cover .activity-wrapper {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 0 calc(50% - 450px);
}
section.oa-activity .wp-block-cover .wp-block-cover__inner-container {
padding-top: 10px;
}
section.oa-activity .wp-block-cover .activity-wrapper.second {
padding: 0 calc(50% - 300px); justify-content: center
}
section.oa-activity .wp-block-cover .activity-wrapper .activity-item {
padding: 1em 50px; filter: drop-shadow(0px 0px 5px #000000);
}
section.oa-activity .wp-block-cover .activity-wrapper .activity-item .activity-img {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
max-width: 200px;
max-height: 200px;
width: 25vw;
height: 25vw;
border-radius: 200px;
border: 5px solid #fff;
}
section.oa-activity .wp-block-cover .activity-wrapper .activity-item .activity-img.active {
border-color: #fb5c08;
}
section.oa-activity .wp-block-cover .activity-wrapper .activity-item .activity-img:hover {
opacity: .7;
}
section.oa-activity .wp-block-cover .activity-wrapper .activity-item .activity-img.snorkeling { background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/activity-snorkeling-new.jpg);
}
section.oa-activity .wp-block-cover .activity-wrapper .activity-item .activity-img.trial-diving {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/activity-trial.jpg);
}
section.oa-activity .wp-block-cover .activity-wrapper .activity-item .activity-img.lisense {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/activity-lisense.jpg);
}
section.oa-activity .wp-block-cover .activity-wrapper .activity-item .activity-img.fundive {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/activity-fundive.jpg);
}
section.oa-activity .wp-block-cover .activity-wrapper .activity-item .activity-img.watching {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/activity-watching.jpg);
}
section.oa-activity .wp-block-cover .activity-wrapper .activity-item .activity-img.other {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/activity-other.jpg);
}
section.oa-activity .wp-block-cover .activity-wrapper .activity-item a,
section.oa-activity .wp-block-cover .activity-wrapper .activity-item a .activity-text {
text-decoration: none;
}
section.oa-activity .wp-block-cover .activity-wrapper .activity-item a .activity-text {
color: #fff;
margin-top: .5em;
text-align: center;
text-decoration: none;
filter: drop-shadow(0px 0px 5px #000000) drop-shadow(0px 0px 5px #000000);
}
section.oa-activity .wp-block-cover .activity-wrapper .activity-item a,
section.oa-activity .wp-block-cover .activity-wrapper .activity-item a.on,
section.oa-activity .wp-block-cover .activity-wrapper .activity-item a .activity-img:hover,
section.oa-activity .wp-block-cover .activity-wrapper .activity-item a .activity-text:hover,
section.oa-activity .wp-block-cover .activity-wrapper .activity-item a .activity-img:active,
section.oa-activity .wp-block-cover .activity-wrapper .activity-item a .activity-text:active {
transition: .3s;
}
section.oa-activity .wp-block-cover .activity-wrapper .activity-item a.on .activity-img,
section.oa-activity .wp-block-cover .activity-wrapper .activity-item a.on .activity-img,
section.oa-activity .wp-block-cover .activity-wrapper .activity-item a:hover .activity-img,
section.oa-activity .wp-block-cover .activity-wrapper .activity-item a:active .activity-img,
section.oa-activity .wp-block-cover .activity-wrapper .activity-item a .activity-img:hover,
section.oa-activity .wp-block-cover .activity-wrapper .activity-item a .activity-img:active {
border: 5px solid #fb5c08;
}
section.oa-activity .wp-block-cover .activity-wrapper .activity-item a.on .activity-text,
section.oa-activity .wp-block-cover .activity-wrapper .activity-item a.on .activity-text,
section.oa-activity .wp-block-cover .activity-wrapper .activity-item a:hover .activity-text,
section.oa-activity .wp-block-cover .activity-wrapper .activity-item a:active .activity-text,
section.oa-activity .wp-block-cover .activity-wrapper .activity-item a .activity-text:hover,
section.oa-activity .wp-block-cover .activity-wrapper .activity-item a .activity-text:active {
color: #fb5c08;
} section.oa-testimonial {
z-index: 1;
background-color: transparent; background-color: #fb5c08;
width: auto;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-width: 100vw;
}
section.oa-testimonial .wp-block-cover {
display: block;
padding-bottom: 50px;
}
section.oa-testimonial .wp-block-cover .wp-block-cover__inner-container {
padding-top: 10px;
}
section.oa-testimonial .wp-block-cover h2 {
border-top-width: 0;
border-bottom-width: 0;
padding-left: 2rem;
padding-right: 2rem;
margin-top: 5rem;
color: #fff;
}
section.oa-testimonial .swiper--wrapper { width: 100%;
height: auto;
}
section.oa-testimonial .swiper-slide { color: #ffffff;
width: 100%;
height: 100%;
text-align: center;
line-height: 300px;
}
section.oa-testimonial .swiper-container-horizontal>.swiper-pagination-bullets,
section.oa-testimonial .swiper-pagination-custom,
section.oa-testimonial .swiper-pagination-fraction {
bottom: 60px;
}
section.oa-testimonial .swiper-pagination-bullets {
position: relative;
}
section.oa-testimonial .swiper-pagination-bullet {
width: 12px !important;
height: 12px !important;
margin: 0 0 0 10px !important;
background: #fff !important;
}
section.oa-testimonial .swiper-slide .quote-wrapper {
display: flex;
justify-content: center;
align-items: center;
height: auto;
}
section.oa-testimonial .swiper-slide .quote-wrapper figure {
width: 90%;
}
section.oa-testimonial .swiper-slide .quote-wrapper figure .blockquote {
padding-top: 2rem;
padding-bottom: 2rem;
}
section.oa-testimonial .swiper-slide .quote-wrapper figure .blockquote p {
font-size: 1.5rem;
color: #fff;
margin-left: 100px;
margin-right: 100px;
}
section.oa-testimonial .swiper-slide .quote-wrapper figure .blockquote p.small {
font-size: 1rem;
}
section.oa-testimonial .wp-gr .grw-slider .grw-slider-review {
flex-basis: 100%;
}
section.oa-testimonial .wp-gr .grw-slider .grw-slider-review .grw-slider-review-inner {
border: 10px solid #fff !important;
padding: 2rem !important;
margin: 2rem 4rem !important;
}
section.oa-testimonial .wp-gr .grw-slider .wp-google-review {
clear: both !important;
}
section.oa-testimonial .wp-gr .grw-slider .grw-slider-review .wp-google-left img.rplg-review-avatar,
section.oa-testimonial .wp-gr .grw-slider .grw-slider-review .wp-google-left .wp-google-time {
display: none;
}
section.oa-testimonial .wp-gr .grw-slider .grw-slider-review .wp-google-left a.wp-google-name,
section.oa-testimonial .wp-gr .grw-slider .grw-slider-review .wp-google-left a.wp-google-name:hover {
color: #fff !important;
font-size: 120% !important;
text-align: center !important;
display: block;
}
section.oa-testimonial .wp-gr.wpac .wp-google-review .wp-google-stars {
display: block !important;
text-align: center !important;
margin: 0px 0 20px !important;
}
section.oa-testimonial .wp-gr.wpac .wp-google-review .wp-google-stars,
section.oa-testimonial .wp-gr.wpac .wp-google-review .wp-google-stars svg {
filter: drop-shadow(0px 0px 2px #fff);
}
section.oa-testimonial .wp-gr .grw-slider .grw-slider-review .wp-google-left a.wp-google-name:after {
content: ' 様';
}
section.oa-testimonial .wp-gr .grw-slider .grw-slider-review .wp-google-feedback {
margin-left: 1rem !important;
margin-right: 1rem !important;  text-overflow: ellipsis;
white-space: nowrap;
}
section.oa-testimonial .wp-gr .grw-slider .grw-slider-review .wp-google-feedback span.wp-google-text {
font-size: 1.25rem !important;
line-height: 160% !important;
color: #fff !important;
overflow: hidden !important;
text-overflow: ellipsis;
white-space: nowrap;
}
section.oa-testimonial .wp-gr .grw-slider .grw-slider-btns,
section.oa-testimonial .wp-gr .grw-slider .grw-slider-dot.active {
background: #fff !important;
}
section.oa-testimonial .wp-gr .grw-slider .grw-slider-btns {
opacity: .75;
} section.shop-info .wp-block-cover {
display: block;
background-image: var(--secondary-stripe);
padding-bottom: 20px;
color: var(--vk-color-text-body);
}
section.shop-info .wp-block-cover h2,
section.shop-info .wp-block-cover h3 {
color: var(--vk-color-primary);
border-top-width: 0;
border-bottom-width: 0;
padding-left: 2rem;
padding-right: 2rem;
padding-top: 75px;
}
section.shop-info .wp-block-cover h3:after {
border-bottom-width: 0;
} section.shop-info .wp-block-cover h3,
section.contact .wp-block-cover h3:not(.tel) {
display: flex;
align-items: center;
text-align: center;
}
section.shop-info .wp-block-cover h3:before,
section.shop-info .wp-block-cover h3:after,
section.contact .wp-block-cover h3:not(.tel):before,
section.contact .wp-block-cover h3:not(.tel):after {
margin-right: 5px;
border-top: 2px solid var(--oa-main);
content: '';
flex-grow: 1;
display: flex;
position: relative;
bottom: 0;
top: 0;
left: 0;
right: 0;
width: auto;
}
section.shop-info .wp-block-cover h3:before,
section.contact .wp-block-cover h3:not(.tel):before {
margin-right: .7em;
}
section.shop-info .wp-block-cover h3:after,
section.contact .wp-block-cover h3:not(.tel):after {
margin-left: .7em;
} section.shop-info .wp-block-cover p,
section.shop-info .wp-block-cover div {
color: var(--vk-color-text-body);
}
section.shop-info .wp-block-cover .blockquote {
border-color: var(--vk-color-primary);
margin: 1rem 10rem;
background-color: rgba(255, 255, 255, .5);
}
section.shop-info .wp-block-cover .blockquote p {
color: var(--vk-color-primary);
font-size: 1.1em;
}
section.shop-info .wp-block-cover .guide-wrapper {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 0 calc(50% - 450px);
}
section.shop-info .wp-block-cover .guide-wrapper .guide-item {
padding: 1em 50px;
}
section.shop-info .wp-block-cover .guide-wrapper .guide-item .guide-img {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
max-width: 200px;
max-height: 200px;
width: 25vw;
height: 25vw;
border-radius: 200px;
border: 5px solid var(--vk-color-primary);
;
}
section.shop-info .wp-block-cover .guide-wrapper .guide-item .guide-img.A {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/guide/sakura.jpg);
}
section.shop-info .wp-block-cover .guide-wrapper .guide-item .guide-img.B {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/guide/hitomi.jpg);
}
section.shop-info .wp-block-cover .guide-wrapper .guide-item .guide-img.C {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/guide/nagano.jpg);
}
section.shop-info .wp-block-cover .guide-wrapper .guide-item .guide-text,
section.shop-info .wp-block-cover .guide-wrapper .guide-item .guide-intro {
margin-top: .5em;
text-align: center;
}
section.shop-info .wp-block-cover .guide-wrapper .guide-item .guide-intro {
text-align: left;
}
section.shop-info .wp-block-cover .guide-wrapper .guide-item .guide-intro p {
margin-bottom: 0;
margin-top: .75em;
}
.home .access-map {
padding: 0;
border-top: 1px solid var(--oa-main);
border-bottom: 1px solid var(--oa-main);
}
.home .access-map .googlemap {
position: relative;
padding-bottom: 350px;
height: 0;
overflow: hidden;
}
.home .access-map .googlemap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 350px !important;
} section.contact .wp-block-cover {
display: block;
background-image: var(--secondary-stripe);
padding-bottom: 200px;
color: var(--vk-color-text-body);
}
section.contact .wp-block-cover h2,
section.contact .wp-block-cover h3 {
color: var(--vk-color-primary);
border-top-width: 0;
border-bottom-width: 0;
padding-left: 2rem;
padding-right: 2rem;
}
section.contact .wp-block-cover h3:after {
border-bottom-width: 0;
}
section.contact .contact-image {
display: block;
text-align: center;
}
section.contact .alert {
text-align: center;
margin-top: 5px;
margin-bottom: 10px;
padding: 5rem 2rem;
}
section.contact .alert h3.tel,
section.contact .alert h3.tel:after {
border-width: 0;
background-color: #fff;
}
section.contact .alert h3.tel a {
color: var(--oa-second);
transition: .3s;
}
section.contact .alert h3.tel a:hover {
color: var(--oa-main-alt);
}
section.contact .alert h3.tel {
margin-top: .5rem;
padding-top: .5rem;
}  body:not(.home) .page-header {
background-size: cover;
background-repeat: no-repeat; background-position: center bottom;
overflow: hidden;
}
body:not(.home) .page-header:before {
content: '';
background: inherit;
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
position: absolute;
top: -5px;
left: -5px;
right: -5px;
bottom: -5px;
z-index: -1;
}
body:not(.home) .page-header:after {
content: '';
background-color: rgba(82, 165, 220, .5);
position: absolute;
top: -5px;
left: -5px;
right: -5px;
bottom: -5px;
z-index: 1;
}
body.page:not(.home) .page-header {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/header/default.jpg);
background-position: center bottom;
}
body.page.activity:not(.home) .page-header {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/header/dolphin.jpg);
background-position: center center;
}
body.blog:not(.home) .page-header,
body.single:not(.home) .page-header,
body.category:not(.home) .page-header,
body.archive:not(.home) .page-header,
body.tag:not(.home) .page-header {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/header/diver.jpg);
background-position: center center;
}
body h3.vk_post_title,
body h3.vk_post_title:after {
border-bottom-width: 0;
border-bottom-color: transparent;
}
body h3.vk_post_title {
border-bottom: 1px solid var(--vk-color-border-hr);
} body.sitemap ul.link-list,
body.sitemap ul.link-list ul.children {
list-style-type: none;
}
body.sitemap ul.link-list a {
display: inline-block !important;
margin-left: 0.5em;
}
body.sitemap ul.link-list li:before {
display: inline-block;
font-family: "Font Awesome 6 free";
font-weight: 900;
content: "\f0a9";
position: relative;
top: -1.25em;
}
body.sitemap ul.link-list ul.children li:before {
content: '\f061';
}
body.sitemap .sitemap-taxonomy-post_tag,
body.sitemap .sitemap-post .sitemap-taxonomy-title,
body.sitemap .sitemap-post .sitemap-term-list,
body.sitemap .sitemap-rl_gallery,
body.sitemap .sitemap-cp {
display: none;
}
body.sitemap .site-body a,
body.sitemap .site-body a:hover,
body.sitemap .site-body a:visited {
font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
text-decoration: underline;
}
body.activity .archive-header,
body.blog .archive-header {
margin-bottom: 60px;
}
body.activity .activity-course {
display: flex;
flex-direction: row;
padding-bottom: 1em;
margin-bottom: 2em;
border-bottom: 1px solid rgba(82, 165, 220, .25);
}
body.activity .course-adding {
border-bottom: 1px solid rgba(82, 165, 220, .25);
}
body.activity .course-adding .course-image img,
body.activity .course-adding .image-gallery img {
margin-bottom: .5rem;
}
body.activity .course-adding .course-image p {
margin-bottom: 0;
}
body.activity .activity-course .activity-image,
body.activity .activity-course .activity-desc {}
body.activity .activity-course .activity-image {
object-fit: cover;
}
body.activity .activity-course .activity-image img {
max-width: 350px;
border: 1px solid #eee;
aspect-ratio: 1/1;
object-fit: cover;
}
body.activity .activity-course .activity-desc {
padding-left: 1.5em;
}
body.activity .activity-course .activity-desc .title {
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
body.activity.singular .oa-post-append .price,
body.activity.singular .oa-post-append .campaign,
body.activity.single .oa-post-append .price,
body.activity.single .oa-post-append .campaign,
body.activity.archive .oa-post-append .price,
body.activity.archive .oa-post-append .campaign,
body.activity .activity-course .activity-desc .price,
body.activity .activity-course .activity-desc .campaign {
color: #f00;
}
body.activity.singular .oa-post-append .price.h4,
body.activity.single .oa-post-append .price.h4,
body.activity.archive .oa-post-append .price.h4,
body.activity .activity-course .activity-desc .price.h4 {
margin-bottom: 0;
}
body.activity.singular .oa-post-append .campaign,
body.activity.single .oa-post-append .campaign,
body.activity.archive .oa-post-append .campaign,
body.activity .activity-course .activity-desc .campaign {
font-size: 90%;
margin-bottom: .5rem;
}
body.activity .activity-course .activity-desc .complement.well {
padding: 0.25rem 1rem;
margin-bottom: 5px;
}
body.activity .activity-course .activity-desc .discount-info .btn {
margin-bottom: 10px;
}
body.activity .activity-course .activity-desc .detail,
body.activity .activity-course .activity-desc .detail p {
font-size: 1.1rem;
}
body.activity.singular .oa-post-append .price.option.h4:before,
body.activity.single .oa-post-append .price.option.h4:before,
body.activity.archive .oa-post-append .price.option.h4:before,
body.activity .activity-course.option .activity-desc .price.h4:before {
content: '+';
}
body.activity.singular .oa-post-append .price.option.h4:after,
body.activity.single .oa-post-append .price.option.h4:after,
body.activity.archive .oa-post-append .price.option.h4:after,
body.activity .activity-course.option .activity-desc .price.h4:after {
content: '〜';
font-family: "M PLUS 1p", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
body.activity .activity-course .activity-image {
position: relative;
}
body.activity .activity-course .activity-image a:after {
display: inline-block;
color: #fff;
font-family: "Font Awesome 6 free";
font-weight: 900;
content: "\f002";
font-size: 1.5rem;
position: absolute;
top: 0.5em;
right: 0.5em;
opacity: 1;
z-index: 100;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
}
body.activity .activity-course .activity-image a:hover:after {
content: "\f055";
font-size: 4rem;
left: calc(50% - 2rem);
animation-name: fadeInAnime;
animation-duration: .3s;
animation-fill-mode: forwards;
opacity: 0;
}
@keyframes fadeInAnime {
from {
opacity: 0;
}
to {
opacity: .75;
}
}
body.contact .alert {
padding: 5rem 2rem;
}
body.contact .alert h3.tel,
body.contact .alert h3.tel:after {
border-width: 0;
background-color: #fff;
}
body.contact .alert h3.tel a {
color: var(--oa-second);
transition: .3s;
}
body.contact .alert h3.tel a:hover {
color: var(--oa-main-alt);
}
body.contact .alert h3.tel {
margin-top: .5rem;
padding-top: .5rem;
} body.activity:not(snorkeling):not(lisense):not(fundive):not(whale-watching):not(other) .site-body .entry-body .main-section .post-list .activity-item {
padding: 1em 2em;
}
body.activity:not(snorkeling):not(lisense):not(fundive):not(whale-watching):not(other) .site-body .entry-body .main-section .post-list .activity-item .activity-img {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
max-width: 250px;
max-height: 250px;
width: calc(250vw / 12);
height: calc(250vw / 12);
border-radius: 200px;
border: 7px solid #5c71db;
margin: 0 auto;
}
body.activity:not(snorkeling):not(lisense):not(fundive):not(whale-watching):not(other) .site-body .entry-body .main-section .post-list .activity-item .activity-img.active {
border-color: #fb5c08;
}
body.activity:not(snorkeling):not(lisense):not(fundive):not(whale-watching):not(other) .site-body .entry-body .main-section .post-list .activity-item .activity-img:hover {
opacity: .7;
}
body.activity:not(snorkeling):not(lisense):not(fundive):not(whale-watching):not(other) .site-body .entry-body .main-section .post-list .activity-item .activity-img.snorkeling {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/activity-snorkeling.jpg);
}
body.activity:not(snorkeling):not(lisense):not(fundive):not(whale-watching):not(other) .site-body .entry-body .main-section .post-list .activity-item .activity-img.lisense {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/activity-lisense.jpg);
}
body.activity:not(snorkeling):not(lisense):not(fundive):not(whale-watching):not(other) .site-body .entry-body .main-section .post-list .activity-item .activity-img.fundive {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/activity-fundive.jpg);
}
body.activity:not(snorkeling):not(lisense):not(fundive):not(whale-watching):not(other) .site-body .entry-body .main-section .post-list .activity-item .activity-img.watching {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/activity-watching.jpg);
}
body.activity:not(snorkeling):not(lisense):not(fundive):not(whale-watching):not(other) .site-body .entry-body .main-section .post-list .activity-item .activity-img.other {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/activity-other.jpg);
}
body.activity:not(snorkeling):not(lisense):not(fundive):not(whale-watching):not(other) .site-body .entry-body .main-section .post-list .activity-item a .activity-text {
margin-top: .5em;
text-align: center;
}
body.activity:not(snorkeling):not(lisense):not(fundive):not(whale-watching):not(other) .site-body .entry-body .main-section .post-list .activity-item a,
body.activity:not(snorkeling):not(lisense):not(fundive):not(whale-watching):not(other) .site-body .entry-body .main-section .post-list .activity-item a .activity-img:hover,
body.activity:not(snorkeling):not(lisense):not(fundive):not(whale-watching):not(other) .site-body .entry-body .main-section .post-list .activity-item a .activity-text:hover,
body.activity:not(snorkeling):not(lisense):not(fundive):not(whale-watching):not(other) .site-body .entry-body .main-section .post-list .activity-item a .activity-img:active,
body.activity:not(snorkeling):not(lisense):not(fundive):not(whale-watching):not(other) .site-body .entry-body .main-section .post-list .activity-item a .activity-text:active {
transition: .3s;
}
body.activity:not(snorkeling):not(lisense):not(fundive):not(whale-watching):not(other) .site-body .entry-body .main-section .post-list .activity-item a .activity-img:hover,
body.activity:not(snorkeling):not(lisense):not(fundive):not(whale-watching):not(other) .site-body .entry-body .main-section .post-list .activity-item a .activity-img:active {
border-color: #fb5c08;
}
body.activity:not(snorkeling):not(lisense):not(fundive):not(whale-watching):not(other) .site-body .entry-body .main-section .post-list .activity-item a .activity-text:hover,
body.activity:not(snorkeling):not(lisense):not(fundive):not(whale-watching):not(other) .site-body .entry-body .main-section .post-list .activity-item a .activity-text:active {
color: #fb5c08;
}
body.device-mobile.activity .menu-activity-container {
display: none;
}
body.device-pc.activity #menu-activity {
list-style: none;
text-align: left;
padding-left: 0;
padding-right: 0;
margin: 0.5em 0 1em;
}
body.device-pc.activity #menu-activity li {
display: inline-block;
font-size: .75rem;
margin-left: -0.325rem;
}
body.device-pc.activity #menu-activity li:first-child {
margin-left: 0;
}
body.device-pc.activity #menu-activity li a {
text-decoration: none;
border: 1px solid rgba(51, 51, 51, .1);
padding: .2em .5em;
}
body.device-pc.activity #menu-activity li.current-menu-item {
background-color: rgba(92, 113, 219, .5);
}
body.device-pc.activity #menu-activity li.current-menu-item a {
color: #fff;
}
body.page h5 {
padding-top: 2rem;
padding-bottom: .5rem;
}
body.page.rendezvous .pickup .row,
body.page.rendezvous .place .row {
align-items: center;
}
body.page.rendezvous .pickup .row .arrow,
body.page.rendezvous .place .row .arrow {
color: var(--oa-main-alt);
}
body.page.rendezvous .place .container {
border-bottom: 1px solid rgba(51, 51, 51, .1);
padding: 1rem;
}
body.page.faq .accordion p {
margin-bottom: 0;
padding-right: 3rem;
}
body.page.belongings section.belongings h4:nth-of-type(1) {
background-color: rgba(177, 198, 229, .5);
}
body.page.belongings section.belongings h4:nth-of-type(2) {
background-color: rgba(255, 193, 54, .5);
}
body.page.belongings section.belongings h4:nth-of-type(3) {
background-color: rgba(138, 208, 92, .5);
}
body.page.belongings section.belongings ul {
list-style-type: none;
}
body.page.belongings section.belongings ul li:before {
font-family: "Font Awesome 6 free";
font-weight: 400;
content: "\f14a";
margin-right: .5rem;
}
body.page.belongings section.belongings ul li.list-group-item {
background-size: contain;
background-repeat: no-repeat;
background-position: center right;
}
body.page.belongings section.belongings ul li.list-group-item.towel {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/illustration/towel.png);
}
body.page.belongings section.belongings ul li.list-group-item.swimsuit {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/illustration/swimsuit.png);
}
body.page.belongings section.belongings ul li.list-group-item.clothing {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/illustration/clothing.png);
}
body.page.belongings section.belongings ul li.list-group-item.petbottle {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/illustration/petbottle.png);
}
body.page.belongings section.belongings ul li.list-group-item.plasticbag {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/illustration/plasticbag.png);
}
body.page.belongings section.belongings ul li.list-group-item.textbook {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/illustration/textbook.png);
}
body.page.belongings section.belongings ul li.list-group-item.stationery {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/illustration/stationery.png);
}
body.page.belongings section.belongings ul li.list-group-item.logbook {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/illustration/logbook.png);
}
body.page.belongings section.belongings ul li.list-group-item.card {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/illustration/card.png);
}
body.page.belongings section.belongings ul li.list-group-item.equipment {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/illustration/equipment.png);
}
body.page.belongings section.belongings ul li.list-group-item.sandals {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/illustration/sandals.png);
}
body.page.belongings section.belongings ul li.list-group-item.rushguard {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/illustration/rushguard.png);
}
body.page.belongings section.belongings ul li.list-group-item.sunscreen {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/illustration/sunscreen.png);
}
body.page.belongings section.belongings ul li.list-group-item.hat {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/illustration/hat.png);
}
body.page.belongings section.belongings ul li.list-group-item.contactlens {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/illustration/contactlens.png);
}
body.page.price section.rental table.table caption {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/illustration/equipment.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center right;
}
body.page.faq .accordion-title {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/Q.png);
background-repeat: no-repeat;
background-position: center left;
background-size: contain;
}
body.page.faq .accordion-content {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/A.png);
background-repeat: no-repeat;
background-position: top left;
background-size: contain;
}
body.page.payment .payment-other div {
margin-top: 1rem;
margin-bottom: 1rem;
}
body.page.payment .payment-other img {
height: 75px;
margin-right: 1rem;
vertical-align: middle;
}
body.page.payment .payment-other span {
vertical-align: middle;
}
body.page.company-profile .googlemap {
position: relative;
padding-bottom: 350px;
height: 0;
overflow: hidden;
border: 1px solid var(--oa-main);
}
body.page.company-profile .googlemap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 350px !important;
} .singular.activity .entry-meta,
.single.activity .entry-meta,
.single .entry-meta .entry-meta-item-updated,
.single .entry-meta .entry-meta-item-author {
display: none;
}
.single .entry-body {
padding-bottom: 60px;
}
.single .entry-footer {
padding-top: .5em;
border-top: 1px solid rgba(51, 51, 51, .25);
}
.page:not(.home):not(.faq):not(.price):not(.medical-notice) .site-body img,
.single .entry-body img,
.singular .entry-body img,
.single .entry-body img {
border: 1px solid var(--vk-color-border-image);
}
.page:not(.home):not(.faq):not(.price):not(.medical-notice) .site-body img.no-border,
.single .entry-body img.no-border,
.singular .entry-body img.no-border,
.single .entry-body img.no-border {
border-width: 0;
}
.archive-header .archive-header-title,
.singular.activity .entry-title,
.single.activity .entry-title {
text-transform: capitalize;
position: relative;
border-bottom: 1px solid var(--vk-color-border);
background: 0 0;
padding: 0 0 .2em;
}
.archive-header .archive-header-title:after,
.singular.activity .entry-title:after,
.single.activity .entry-title:after {
border-bottom: 1px solid var(--oa-main);
content: ".";
line-height: 0;
display: block;
overflow: hidden;
position: absolute;
bottom: -1px;
width: 30%;
}
.singular.activity .next-prev .card-img-outer,
.single.activity .next-prev .card-img-outer {
padding-left: 0 !important;
padding-right: 0 !important;
}
.singular.activity .next-prev .card-body,
.single.activity .next-prev .card-body {
padding: 1rem .2rem 65px .2rem;
}
.singular.activity .next-prev .next-prev-next .card-horizontal-inner-row,
.single.activity .next-prev .next-prev-next .card-horizontal-inner-row {
flex-direction: row-reverse;
}
.singular.activity .next-prev .next-prev-next .vk_post_btnOuter,
.single.activity .next-prev .next-prev-next .vk_post_btnOuter {
width: calc(100% - 1rem);
}
.singular .cat-wrapper,
.single .cat-wrapper {
padding: .5rem 0;
margin: 2rem 0;
border-top: 1px solid rgba(51, 51, 51, .25);
border-bottom: 1px solid rgba(51, 51, 51, .25);
}
.singular .cat-wrapper {
border-width: 0;
}
body.single:not(.activity) .next-prev .next-prev-prev .card-horizontal-inner-row .card-body:before {
font-family: "Font Awesome 6 free";
font-weight: 900;
content: "\f0d9";
color: #aaa;
float: left;
font-size: 4em;
position: relative;
left: -0.5rem;
}
body.single:not(.activity) .next-prev .next-prev-prev .card-horizontal-inner-row .card-title {
margin-left: 2em;
}
body.single:not(.activity) .next-prev .next-prev-next .card-horizontal-inner-row .card-body:before {
font-family: "Font Awesome 6 free";
font-weight: 900;
content: "\f0da";
color: #aaa;
float: right;
font-size: 4em;
position: relative;
right: -0.5rem;
}
body.single:not(.activity) .next-prev .next-prev-next .card-horizontal-inner-row .card-title {
margin-right: 2em;
}
body.single .entry-body .course-adding section.timetable {}
body.single .entry-body .course-adding section.training {}
body.single .entry-body .course-adding section.training .speciality {
display: flex;
justify-content: center;
}
body.single .entry-body .course-adding section.training .speciality ul.no-margin {
margin-top: 0;
}
body.single-activity.post-name-snorkeling-horse-riding .discount-info,
body.single-activity.post-name-snorkeling-horse-riding .accordion .discount {
display: none;
} .vk_post.media {
width: 100%;
}
.vk_post .media-img:hover {
transition: .3s;
background-color: rgba(255, 255, 255, .3);
background-blend-mode: lighten;
}
body.archive.activity .site-body {
padding-bottom: 0;
}
body.archive.activity .site-body .post-list {
padding-bottom: 4rem;
}
body.archive.activity .site-body .vk_post_excerpt.media-text {
display: none;
}  body.post-type-cp .vk-mobile-nav-menu-btn,
body.post-type-cp .page-header-inner, body.post-type-cp .breadcrumb,
body.post-type-cp .entry-header,
body.post-type-cp footer {
display: none;
}
body.post-type-cp .entry-body {
padding-bottom: 0;
}
body.post-type-cp .page-header {
height: 0 !important;
min-height: 0 !important;
}
body.post-type-cp .site-body {
padding: 0;
}
body.post-type-cp .ticket {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/coupon-bg.jpg);
background-position: center bottom;
background-size: cover;
min-height: 100vh;
padding-bottom: 100px;
}
body.post-type-cp .ticket .ticket-card {
position: relative;
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/coupon.png);
background-position: center center;
background-size: 100% auto;
background-repeat: no-repeat;
margin: 0 auto;
width: 90%;
height: 0;
padding-top: 64.22%;
color: #fde2b9;
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
body.post-type-cp .ticket .ticket-card .ticket-box {
width: 100%;
padding: 0 2%;
} body.post-type-cp .ticket .ticket-card .ticket-code {
position: absolute;
top: 58%;
width: 100%;
height: 19%;
font-family: 'Cinzel', serif;
font-weight: 500;
font-size: 4rem;
text-shadow: 0px 0px 10px rgba(0, 0, 0, .9);
}
body.post-type-cp .ticket .ticket-card .ticket-code small {
display: block;
font-size: .8rem;
text-shadow: none;
}
body.post-type-cp .ticket .ticket-card .ticket-caution {
position: absolute;
top: 80%;
width: 100%;
line-height: 120%;
font-size: 1.5rem;
}
body.post-type-cp .ticket .ticket-lead {
width: 100%;
background-color: rgba(0, 0, 0, .25);
padding: 50px 10px;
color: #fff;
font-family: 'Klee One', cursive;
}
body.post-type-cp .ticket .ticket-lead h3 {
font-weight: 600;
background-color: transparent;
border-bottom-width: 0;
}
body.post-type-cp .ticket .ticket-lead h3::after {
border-bottom-width: 0;
}
body.post-type-cp .ticket .ticket-lead p {
display: block;
font-size: 1.5rem;
font-weight: 400;
width: 60%;
margin: 0 auto;
}
body.post-type-cp .howto {
color: var(--oa-main-alt);
padding-top: 50px;
padding-bottom: 50px;
}
body.post-type-cp .howto .howto-title,
body.post-type-cp .action .action-title,
body.post-type-cp .note .note-title {
padding-bottom: 50px;
}
body.post-type-cp .howto .howto-title h3,
body.post-type-cp .howto .howto-title h3:after,
body.post-type-cp .action .action-title h3,
body.post-type-cp .action .action-title h3:after,
body.post-type-cp .note .note-title h3,
body.post-type-cp .note .note-title h3:after {
border-bottom-width: 0;
font-weight: bold;
}
body.post-type-cp .howto .howto-detail .howto-ill {
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
body.post-type-cp .howto .howto-detail img.space {
width: 100%;
height: auto;
object-fit: cover;
border-width: 0;
}
body.post-type-cp .howto .howto-detail .howto-ill.first {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/coupon-howto-1.png);
}
body.post-type-cp .howto .howto-detail .howto-ill.second {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/coupon-howto-2.png);
}
body.post-type-cp .howto .howto-detail .howto-arrow {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/coupon-arrow.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
margin: 25px auto;
}
body.post-type-cp .howto .howto-detail .howto-arrow img.space {
width: 20%;
}
body.post-type-cp .howto .howto-detail .howto-text {
padding-top: 2rem;
padding-bottom: 3rem;
font-size: calc(1rem + .3vw);
font-weight: bold;
margin-left: 10%;
}
body.post-type-cp .action {
background-color: var(--oa-main-alt);
color: #fff;
padding: 50px 0;
}
body.post-type-cp .action .action-button a.btn-coupon,
body.post-type-cp .action .action-button a.btn-coupon:hover,
body.post-type-cp .action .action-button a.btn-coupon::before,
body.post-type-cp .action .action-button a.btn-coupon:hover::before {
transition: .3s; }
body.post-type-cp .action .action-button .btn-coupon {
background: linear-gradient(0deg, rgba(251, 92, 8, 1) 0%, rgba(247, 178, 141, 1) 100%);
position: relative;
display: block;
z-index: 1;
background-color: var(--oa-second);
border-color: var(--oa-second);
box-shadow: 0px 0px 10px #000;
margin: 0 5%;
padding: 1rem;
font-weight: bold;
}
body.post-type-cp .action .action-button .btn-coupon:hover {
background-color: var(--oa-second-dark);
border-color: var(--oa-second-dark);
}
body.post-type-cp .action .action-button .btn-coupon::before {
position: absolute;
content: '';
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
opacity: 0;
background: linear-gradient(0deg, rgba(197, 72, 6, 1) 0%, rgba(142, 51, 3, 1) 100%);
}
body.post-type-cp .action .action-button .btn-coupon:hover::before {
opacity: 1;
}
body.post-type-cp .note {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/coupon-note-bg.jpg);
color: var(--oa-main-alt);
font-weight: bold;
padding: 50px 10%;
text-shadow: 0px 0px 10px rgba(256, 256, 256, .75);
}
body.post-type-cp .note .note-text ul li {
list-style-type: none;
}
body.post-type-cp .note .note-text ul li::before {
content: '\0bb';
margin-left: -0.6rem;
}
body.post-type-cp #button-2.action {
padding-bottom: 150px;
} @media (min-width: 1400px) {
section.oa-activity .wp-block-cover {
max-height: 800px;
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/activity-bg-big.jpg);
background-size: cover;
background-position: center center;
}
section.oa-testimonial {
margin-top: -50px;
}
}
@media (min-width: 1200px) {}
@media (min-width: 992px) {
.site-header-logo,
body.header_scrolled header .site-header-logo {
margin-bottom: 0;
padding-top: 5px;
} .home .site-body {
padding-top: 0;
}
.device-mobile .menu-subtitle {
display: block;
font-size: .5em;
font-weight: normal;
padding-left: 0;
}
.device-mobile .global-nav-list>li {
padding-left: 1rem;
padding-right: 1rem;
}
.device-mobile .global-nav-list>li.other-menu>a {
display: none;
}
.device-mobile .global-nav-list>li.other-menu>span.acc-btn {
margin-top: 0.5rem;
}
.device-mobile .global-nav-list>li.other-menu>ul.sub-menu {
margin-top: calc(3rem + 5px);
}
}
@media (min-width: 768px) {
section.oa-activity .wp-block-cover {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/activity-bg-pc-2024.jpg);
}
section.oa-testimonial .swiper-slide .quote-wrapper figure .blockquote:before {
float: left;
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/quote-start.png);
background-repeat: no-repeat;
background-size: contain;
width: 100px;
height: 100px;
content: '';
overflow: hidden;
position: relative;
top: -50px;
left: -50px;
}
section.oa-testimonial .swiper-slide .quote-wrapper figure .blockquote:after {
float: right;
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/quote-end.png);
background-repeat: no-repeat;
background-size: contain;
width: 100px;
height: 100px;
content: '';
overflow: hidden;
position: relative;
bottom: 50px;
right: -50px;
}
section.oa-testimonial .wp-gr .grw-slider .grw-slider-review-inner:before {
float: left;
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/quote-start.png);
background-repeat: no-repeat;
background-size: contain;
width: 100px;
height: 100px;
content: '';
overflow: hidden;
position: relative;
top: -70px;
left: -70px;
}
section.oa-testimonial .wp-gr .grw-slider .grw-slider-review-inner:after {
float: right;
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/quote-end.png);
background-repeat: no-repeat;
background-size: contain;
width: 100px;
height: 100px;
content: '';
overflow: hidden;
position: relative;
bottom: -70px;
right: -70px;
}
body.post-type-cp .ticket {
min-height: auto;
}
body.post-type-cp .howto .howto-detail .howto-arrow {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/coupon-arrow2.png);
background-position: top 30% center;
height: 100%;
width: 100%;
margin: 0;
}
}
@media (max-width: 991px) {
.hidden-md {
display: none;
}
.visible-md {
display: block;
}
.site-header-logo img {
width: auto;
}
body.activity .activity-course .activity-image img {
max-width: calc(0.3 * 100vw);
}
section.oa-activity .wp-block-cover .activity-wrapper {
padding: 0 calc(50% - (37.5vw + 3em));
}
section.oa-activity .wp-block-cover .activity-wrapper.second {
padding: 0 calc(50% - (25vw + 2em));
justify-content: center;
}
section.oa-activity .wp-block-cover .activity-wrapper .activity-item {
padding: 1em;
}
section.oa-activity .wp-block-cover .activity-wrapper .activity-item .activity-img {
width: 20vw;
height: 20vw;
}
section.shop-info .wp-block-cover .blockquote {
margin: 1rem calc(1000vw / 223);
}
section.shop-info .wp-block-cover .guide-wrapper {
flex-wrap: wrap;
}
section.shop-info .wp-block-cover .guide-wrapper .guide-item .guide-img {
margin: 0 auto;
}
body.post-type-cp .ticket .ticket-lead p {
width: 80%;
}
footer {
margin-top: -2rem;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.veu_cta .cta_body_link {
padding-bottom: 1rem;
}
body.activity:not(snorkeling):not(lisense):not(fundive):not(whale-watching):not(other) .site-body .entry-body .main-section .post-list .activity-item .activity-img {
max-width: 150px;
max-height: 150px;
}
body.post-type-cp .ticket .ticket-card .ticket-code {
top: 57%;
font-size: calc(12px + 100vw * (42 / 992));
line-height: calc(18px + 100vw * (12 / 992));
}
body.device-mobile .site-body {
padding-top: 0;
}
}
@media (max-width: 767px) {
img { }
.hidden-sm {
display: none;
}
.visible-sm {
display: block;
}
ul.column-3,
ol.column-3 {
column-count: 2;
}
section.oa-activity .wp-block-cover {
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/activity-bg-sp-2024.jpg);
}
section.about-us .wp-block-columns .wp-block-image {
min-width: 75px;
max-width: 100px;
margin-right: auto;
margin-left: auto;
}
section.oa-testimonial .swiper-slide .quote-wrapper figure {
width: 100%;
}
section.oa-testimonial .swiper-slide .quote-wrapper figure .blockquote {
padding-top: 1rem;
padding-bottom: 1rem;
}
section.oa-testimonial .swiper-slide .quote-wrapper figure .blockquote p {
font-size: 1.25rem;
margin-right: 0;
margin-left: 0;
}
section.oa-testimonial .swiper-slide .quote-wrapper figure .blockquote p.small {
font-size: 0.8rem;
}
section.oa-testimonial .swiper-container-horizontal>.swiper-pagination-bullets,
section.oa-testimonial .swiper-pagination-custom,
section.oa-testimonial .swiper-pagination-fraction {
bottom: 20px;
}
section.oa-activity .wp-block-cover .activity-wrapper .activity-item .activity-text {
font-size: calc(var(--vk-size-text) * .75);
}
section.news-info .front-news-list {
flex-direction: column;
}
section.oa-testimonial .swiper-slide .quote-wrapper figure .blockquote:before,
section.oa-testimonial .swiper-slide .quote-wrapper figure .blockquote:after {
background-repeat: no-repeat;
background-size: contain;
width: 0px;
height: 0px;
content: '';
overflow: visible;
position: relative;
}
section.oa-testimonial .swiper-slide .quote-wrapper figure .blockquote:before {
float: left; content: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/quote-start-small.png);
top: -150px;
left: -50px;
}
section.oa-testimonial .swiper-slide .quote-wrapper figure .blockquote:after {
float: right;
width: 50px;
height: 50px;
overflow: hidden;
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/quote-end-small.png);
bottom: 0px;
right: -50px;
}
section.oa-testimonial .wp-gr .grw-slider .grw-slider-review-inner:before,
section.oa-testimonial .wp-gr .grw-slider .grw-slider-review-inner:after {
background-repeat: no-repeat;
background-size: contain;
width: 50px;
height: 50px;
content: '';
overflow: visible;
position: relative;
}
section.oa-testimonial .wp-gr .grw-slider .grw-slider-review-inner:before {
float: left;
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/quote-start.png);
top: -50px;
left: -50px;
}
section.oa-testimonial .wp-gr .grw-slider .grw-slider-review-inner:after {
float: right;
background-image: url(https://oceanadventure.jp/wp-content/themes/ocean-adventure/assets/images/quote-end.png);
bottom: -50px;
right: -50px;
}
body.page.price section.rental table.table caption {
background: none;
}
footer .site-footer-copyright {
padding-bottom: 70px;
}
.page_top_btn {
bottom: calc(1% + 70px);
}
body.post-type-cp .ticket,
body.post-type-cp .action,
body.post-type-cp .note {
margin: auto -15px;
}
body.post-type-cp .ticket .ticket-card .ticket-code {
top: calc(56% + 100vw * (2 / 992));
font-size: calc(100vw * (56 / 992));
line-height: calc(14px + 100vw * (12 / 992));
}
body.post-type-cp .ticket .ticket-card .ticket-caution {
top: calc(78% + 100vw * (2 / 992));
font-size: calc(100vw * (30 / 992));
}
body.post-type-cp .howto .howto-title h3.h1,
body.post-type-cp .note .note-title h3.h1 {
font-size: calc(2rem + 1.5vw);
}
body.post-type-cp .howto .howto-detail .howto-ill {
margin-left: -7.5%;
}
body.post-type-cp .howto .howto-detail .howto-ill img.space {
width: 60%;
}
body.post-type-cp .howto .howto-detail .howto-text {
margin-left: 0;
}
body.post-type-cp .howto .howto-detail .howto-arrow {
margin-bottom: 4rem;
}
.vk_posts.next-prev .card-horizontal-inner-row {
width: calc( 100vw - 32px);
}
}
@media (min-width: 576px) and (max-width: 767px) {
body.activity:not(snorkeling):not(lisense):not(fundive):not(whale-watching):not(other) .site-body .entry-body .main-section .post-list .activity-item .activity-img {
max-width: 250px;
max-height: 250px;
height: 100vw;
width: 100vw;
}
}
@media (min-width: 576px) {
.visible-pc {
display: block;
}
}
@media (max-width: 575px) {
.hidden-xs {
display: none;
}
.visible-xs {
display: block;
}
.alignleft,
.alignright {
float: none;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 2rem;
}
.veu_cta .cta_body_link {
float: none;
padding-bottom: 1rem;
}
ul.column-2,
ol.column-2,
ul.column-3,
ol.column-3 {
column-count: 1;
}
ul.no-margin,
ol.no-margin {
margin-top: 0;
margin-bottom: 0;
}
.home .site-body {
padding-top: 0;
}
.grecaptcha-badge {
bottom: 130px !important;
}
section.oa-recommend .wp-block-cover .recommend-wrapper {
flex: none;
padding: 1rem;
}
section.oa-activity .wp-block-cover h2 {
padding-left: 1rem;
padding-bottom: 1rem;
}
section.oa-activity .wp-block-cover .activity-wrapper.first {
padding-bottom: 1rem;
}
section.oa-activity .wp-block-cover .activity-wrapper .activity-item {
padding: 0.5rem;
}
section.oa-activity .wp-block-cover .activity-wrapper .activity-item .activity-img {
width: 27.5vw;
height: 27.5vw;
}
section.oa-testimonial .wp-gr .grw-slider .grw-slider-review {
padding: 1rem 0 !important;
}
section.oa-testimonial .wp-gr .grw-slider .wp-google-feedback {
height: 200px !important;
}
section.oa-testimonial .wp-gr .grw-slider .grw-slider-review .grw-slider-review-inner {
margin: 2rem 1rem !important;
}
section.oa-testimonial .wp-gr .grw-slider .grw-slider-review .wp-google-feedback {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important;
}
section.shop-info .wp-block-cover .guide-wrapper {
flex-direction: column;
}
section.news-info .front-news-list-title {
margin-top: 2rem;
}
section.news-info .front-news-list-title li {
line-height: 200%;
padding-bottom: 1rem;
}
section.news-info .front-news-list-title li:before,
section.news-info .front-news-list-title li:after {
content: none;
margin-left: 0;
margin-right: 0;
}
body.activity .activity-course {
flex-direction: column;
}
body.activity .activity-course .activity-image {
margin-bottom: 1em;
}
body.activity .activity-course .activity-image img {
max-width: 100%;
width: 100%;
}
body.activity .activity-course .activity-desc {
padding-left: 0;
}
body.activity:not(snorkeling):not(lisense):not(fundive):not(whale-watching):not(other) .site-body .entry-body .main-section .post-list .activity-item .activity-img {
width: 100vw;
height: 100vw;
}
body.page.rendezvous .pickup .row .arrow i.fa-solid,
body.page.rendezvous .place .row .arrow i.fa-solid {
transform: rotate(90deg);
}
body.archive.activity .vk_post.media {
flex-wrap: wrap;
}
body.archive.activity .vk_post .media-img,
body.archive.activity .vk_post .media-body {
width: calc(100vw - 30px);
}
body.archive.activity .vk_post .media-body {
margin-top: 15px;
margin-right: 15px;
}
body.archive.activity .vk_post-btn-display .vk_post_btnOuter {
position: relative;
margin-top: 15px;
}
body.archive.activity .vk_post-btn-display .vk_post_btnOuter a.btn {
display: block;
padding: 10px 0;
}
body.activity .activity-course .activity-desc .reserve-btn a.btn {
display: block;
margin-bottom: 15px;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 320px) {} @media (min-width: 782px) {
section.about-us .wp-block-columns {
display: flex;
flex-wrap: wrap !important;
}
section.about-us .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
display: flex;
flex-wrap: nowrap;
flex-basis: calc(50% - 2em);
flex-grow: 1;
}
section.about-us .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
margin-left: var(--wp--style--block-gap, 2em);
}
}
@media (max-height: 700px) {
.sp-footer {
height: 9%;
}
}[data-class="wpcf7cf_group"], .wpcf7cf_remove, .wpcf7cf_add {
display:none;
}
.wpcf7cf_repeater_sub {
margin-bottom: 20px;
}
.wpcf7cf_repeater_controls, .wpcf7cf_step_controls {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 20px;
}
.wpcf7cf_multistep .wpcf7cf_step { width: 100%;
}
.wpcf7cf_multistep .wpcf7cf_step .step-title {
display: none;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots {
display: flex;
width: 100%;
margin-bottom: 20px;
flex-wrap: wrap;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-index {
display: inline-block;
border-radius: 50%;
background: #dfdfdf;
color: #000000;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot {
border-bottom: 5px solid #dfdfdf;
text-align: center;
flex: 1;
padding: 15px;
min-width: 120px;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed {
border-bottom: 5px solid #333;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active {
border-bottom: 5px solid #333;
font-weight: bold;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_step_controls .disabled {
pointer-events: none;
cursor: default;
opacity: .5;
}