@charset "utf-8";
   @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Oswald:wght@200..700&family=Shippori+Mincho+B1:wght@400;500;600;700;800&display=swap rel=stylesheet");
:root {
--color-font: #38312E;
--header-color-primary: #132C60;
--ff01: 'Noto Sans JP', sans-serif;
--ff02: "Shippori Mincho B1", serif;
--ff03: "Oswald", serif;
}
.box {
-webkit-border-left: 1px dashed #38312E;
position: relative;
padding: 0% 4%;
padding-bottom: 7%;
display: block;
z-index: 0;
border-left: 1px dashed #38312E;
font-size: clamp(18px, 1.2vw, 22px);
} p.time.cat-news.first {
border: none;
}
p.date {
border: none;
} .wpcf7-form .must {
background: #F73737;
}
table.responsive th {
background: transparent;
}
.post table.responsive, .post table.responsive th, .post table.responsive td {
border-width: 0px;
}
table.responsive th {
border-bottom: 1px solid #DCDDDD !important;
}
table.responsive td {
border-bottom: 1px solid #DCDDDD !important;
}
.post h4::before {
display: none;
}
.w45 {
width: 45%;
}
.jc_around {
justify-content: space-around;
}
.mb20 {
margin-bottom: 20rem !important;
}
.w48 {
width: 48%;
} .postlist li:first-child {
border-top: 1px solid #DDDDDD;
}
.postlist li {
border-bottom: 1px solid #DDDDDD;
}
.max_w1100 {
width: 90%;
}
footer#footer {
background: #38312E;
padding: 1vw 0;
}
div#copyright {
background: #38312E;
margin: 0;
} #header a.head_btn.mail_btn:hover {
background: red;
opacity: 0.7;
} .linkBtn, .post .linkBtn {
background: #38312E;
}
.linkBtn:hover, .post .linkBtn:hover {
background: #38312E;
opacity: 0.7;
} .page-id-21 .comon_footer {
display: none;
} .flexbox {
flex-wrap: wrap;
}
.no-wrap {
flex-wrap: nowrap;
} body.single-post h1.title.first span {
font-size: clamp(18px, 1.6vw, 30px);
} body.page-id-21 .linkBtn, .post .linkBtn {
padding: 0.5em 2.5em 0.5em 2.5em;
}
body.page-id-21 .post .subimitarea .linkBtn input[type="submit"] {
padding: 20px 0;
} #front_top_content, #front_bottom_content {
background: transparent;
} .post h3 {
border-bottom: none;
padding: 0;
margin: 0;
} .post h2 {
margin: 0;
font-family: var(--ff02);
color: #38312E;
} .post h2::after {
display: none;
}
.max_contents {
width: 100vw;
margin-left: calc(((100vw - 100%) / 2)* -1);
margin-right: calc(((100vw - 100%) / 2)* -1);
}
.mxauto {
margin: 0 auto;
}
.bg_img {
background-size: cover;
background-position: top;
background-repeat: no-repeat;
} @media print, screen and (max-width: 768px) {
.sp_w_90 {
width: 90%;
margin: 0 auto;
}
.sp_txt_l {
text-align: left !important;
}
.spmb10 {
margin-bottom: 10rem !important;
}
.w48 {
width: 100%;
}
.sppt0 {
padding-top: 0rem !important;
}
.spmb0 {
margin-bottom: 0rem !important;
}
.spmb5 {
margin-bottom: 5rem !important;
}
.sp_flex_mb {
margin-bottom: 5vw;
}
.sp_w90 {
width: 90%;
margin: 0 auto;
}
} #footer .footer__logo img {
max-width: unset;
max-height: unset;
object-fit: unset;
width: 10vw;
min-width: 100px;
}
#footer .footer__logo:not(:last-child) {
text-align: left;
}
.top-contents.information {
background: #38312E;
}
.btn-item03 {
width: 100%;
}
.bg-brown {
background: #38312E;
padding: 3% 0;
}
p.footer {
font-size: 16px;
font-weight: 500;
color: #fff;
font-family: var(--ff01);
}
.footer-item {
width: 48%;
}
a.tel-link:hover {
opacity: .3;
} .table-item td.cell_01.more-short {
width: 18%;
}
.about-us01-item-left {
width: 35%;
}
.about-us01-item-right {
width: 59%;
}
p.name {
font-weight: 700;
line-height: 1.5;
margin-bottom: 0.5em;
font-size: clamp(22px, 1.7vw, 32px);
}
p.name span {
display: block;
font-size: 16px;
font-weight: 700;
} .table-item.ex td.cell_02 {
padding: 25px 1%;
}
.course-container .course-item {
width: unset;
background: #fff;
padding: 1% 2%;
}
p.course-title {
background: #38312E;
color: #fff;
font-weight: 700;
padding: 0.5% 2%;
font-size: clamp(18px, 1.2vw, 22px);
}
.course-container .course-item p {
color: #38312E;
}
.license-course01-item {
width: 32%;
background: #fff;
padding: 1% 1% 5% 1%;
border-radius: 20px;
}
h3.license-course {
font-weight: 700;
text-align: center;
margin-bottom: 5%;
font-size: clamp(18px, 1.2vw, 22px);
}
h3.license-course span.icon {
margin-bottom: 2%;
}
p.recommendation {
font-weight: 700;
font-size: clamp(20px, 1.25vw, 24px);
} .table-item td.cell_01.ex02 {
width: 18%;
font-weight: 700; padding: 25px 1.5%;
white-space: nowrap;
} .schedule .bg-pd {
padding-bottom: 3.7%;
}
.price .bg-pd {
padding-top: 2.6%;
}
.table-item.sp01 tr td {
width: 50% !important;
display: table-cell;
}
.absolute-text .check-icon {
max-width: 30px;
}
.absolute-text .check-icon img {
width: 100%;
height: 100%;
object-fit: cover;
}
.box p {
padding-top: 28px;
}
.absolute-area {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
padding: 5%;
z-index: 100;
}
a.menu-item {
position: relative;
display: block;
z-index: 0;
width: 48%;
}
.absolute-text {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.absolute-text h2.lower-title.no-back {
padding: 0;
margin: 0;
color: #fff;
line-height: 1;
}
.absolute-area span.translate02 {
color: #fff;
text-align: left;
line-height: 1;
}
a.menu-item::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: #38312E;
opacity: 0.57;
z-index: 10;
}
h2.lower-title.no-back {
background: transparent;
}
a.medical-link {
color: #248CC3;
transition: .3s;
}
a.medical-link:hover {
opacity: 0.7;
}
.precautions {
margin-bottom: 2%;
}
p.detail02 {
background: #38312E;
color: #fff;
display: inline-block;
border-radius: 21px;
padding: 0.3em 1.5em;
font-size: 16px;
font-weight: 700;
font-family: var(--ff01);
margin-bottom: 0.5em;
}
p.detail {
font-weight: 700;
font-family: var(--ff01);
font-size: clamp(16px, 1.2vw, 22px);
}
.table-item td.cell_01.short {
width: 33%;
}
.price-item {
width: 48%;
}
.post table td {
border-color: #D0C2AC;
}
.table-item tr td {
font-size: 16px;
color: #38312E;
font-weight: 500;
padding: 25px 3%;
vertical-align: middle;
border-bottom: 1px solid #D0C2AC;
line-height: 2;
font-size: clamp(14px, 0.9vw, 16px);
}
.table-item td.cell_01 {
font-weight: 700;
width: 50%;
background: #EAE3D8;
border-left: 1px solid #D0C2AC;
}
.table-item td.cell_02 {
border-right: 1px solid #D0C2AC;
background: #FFFFFF; }
.table-item td.cell_02.ex {
background: #EAE3D8;
font-weight: 700;
}
.table-item tr.head td {
border-top: 1px solid #D0C2AC;
}
@media print, screen and (min-width: 769px) {}
@media print, screen and (max-width: 768px) {
.table-item tr td { width: auto;
}
.table-item td.cell_02 {
text-align: left;
}
}
.box:last-child {
border: none;
padding-bottom: 0;
}
.box p.topic {
font-weight: 700;
line-height: 1;
margin-bottom: 0;
padding-top: 0;
font-size: clamp(18px, 1.2vw, 22px);
z-index: 1000;
position: absolute;
top: -8px;
}
.schedule-inner {
max-width: 800px;
margin: 0 auto;
width: 90%;
overflow: visible; }
.bg-beige {
background: #E9E3DA;
}
.lower-contents {
width: 100vw;
margin-left: calc(((100vw - 100%) / 2) * -1);
margin-right: calc(((100vw - 100%) / 2) * -1);
}
.schedule-container {
background: #fff;
border-radius: 10px;
padding: 5% 0 6% 0;
}
.fun-diving01-item {
width: 48%;
}
.fun-diving01-item img {
border-radius: 10px;
} span.blue {
color: #0D56AB;
}
.btn-item.contact a {
background: #FF6412;
color: #fff;
width: 100%;
border: 0;
}
.btn-item.contact a:hover {
background: #fff;
color: #FF6412;
outline: 1px solid;
} .features .bg-cream {
padding-top: 3%;
}
.bg-white {
background: #fff;
}
p.time.cat-news.first {
background: #0D83AD;
}
.course-item {
width: 32%;
}
.gap-course {
gap: 0.8%;
}
h3.top-subtitle {
font-weight: 700;
font-family: var(--ff02);
color: #38312E;
font-size: clamp(20px, 1.7vw, 32px);
}
span.translate {
font-size: clamp(18px, 1.2vw, 23px);
}
.img-area.course {
margin-bottom: 5%;
}
.features {
margin-bottom: 470px;
}
.bg-cream {
background: #F5EFE5;
}
.bg-pd {
padding: 5% 0;
}
.top-contents {
width: 100vw;
margin-left: calc(((100vw - 100%) / 2) * -1);
margin-right: calc(((100vw - 100%) / 2) * -1);
}
.parallax-background {
width: 100vw;
height: 100vh;
margin-left: calc(((100vw - 100%) / 2)* -1);
margin-right: calc(((100vw - 100%) / 2)* -1);
background-image: url(//aquavista-kushimoto.com/wp-content/uploads/parallax02.png);
background-position: center;
position: fixed;
top: 0;
right: 0;
z-index: -2;
background-repeat: no-repeat;
background-size: cover;
}
.features-item {
position: relative;
}
p.vertical-writing {
position: absolute;
left: 0;
top: -10%;
background: red;
}
p.vertical-writing span {
white-space: pre;
writing-mode: vertical-rl;
display: inline-block;
} .btn-item02 a {
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
font-weight: bold;
text-align: center;
max-width: 180px;
width: 90%;
padding: 12px 0;
transition: 0.3s;
gap: 10%;
background: #443C3A;
color: #fff;
margin-left: auto;
border-radius: 25px;
}
.btn-item02 a span.arrow {
color: #fff;
width: 20px;
height: 20px;
background: #075DE6;
border-radius: 50%;
transition: .3s;
line-height: 1;
position: relative; color: #443C3A;
background: #fff;
}
.btn-item02 a span span.arrow-child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
} .btn-item02 a:hover span.arrow {
background: #fff;
color: #443C3A;
outline: 1px solid;
} .btn-item a {
position: relative;
display: block;
text-align: center;
background: #fff;
color: #38312E;
font-weight: bold;
max-width: 380px;
width: 100%;
padding: 22px 0;
margin: 0 auto;
text-decoration: none;
transition: 0.3s;
border: 1px solid #38312E;
font-size: clamp(15px, 1vw, 18px);
}
.btn-item a::after {
content: '\f061';
font-family: 'FontAwesome';
position: absolute;
right: 1.2em;
top: 50%;
transform: translateY(-50%);
transition: 0.2s;
border-radius: 50%;
border: 2px solid;
font-size: 0.8em;
line-height: 1;
width: 1.32em;
height: 1.32em;
display: flex;
align-items: center;
justify-content: center;
background: #38312E;
color: #fff;
}
.btn-item a:hover {
background: #38312E;
color: #fff;
} span.translate {
display: block;
}
span.icon {
display: block;
}
h2.top-title {
font-weight: 700;
font-size: clamp(20px, 1.7vw, 32px);
}
.h2.top-title span.translate {
display: block;
}
body {
background: #F5EFE5;
}
.features-item {
width: 32%;
}
body p {
font-size: 16px;
font-weight: 500;
line-height: 2;
}
p.vertical-writing {
color: #fff;
font-family: var(--ff02);
font-weight: 700;
background: #fff;
color: #38312E;
padding: 0;
top: -5%;
position: absolute;
font-size: clamp(18px, 1.2vw, 22px);
white-space: normal;
writing-mode: vertical-rl;
display: inline-block;
line-height: 1;
letter-spacing: 0px;
padding: 1em;
}
.img-area.features {
margin-bottom: 4%;
}
.img-area img {
width: 100%;
height: 100%;
object-fit: cover;
} p.contact-announce {
width: 50%;
}
.btn-item.contact {
width: 34.5%;
}
p.form-left {
width: 50%;
}
.btn-item.contact.form-right {
width: 30.5%;
}
#thumbImg::before, header#h1Header::before {
opacity: .3;
}
li.page_item a span {
display: none;
}
a.medical-link.ex {
text-decoration: underline;
}
.btn-item02 a:hover {
background: #fff;
color: #443C3A;
outline: 1px solid #443C3A;
}
.fixed {
position: fixed;
right: 1.1vw;
bottom: 0;
display: flex;
min-height: 82px;
z-index: 100;
width: clamp(200px, 16vw, 300px);
display: block;
}
a.call_tel {
display: block;
}
.single-post h1.title.first {
font-size: 28px;
font-family: var(--ff02);
font-weight: 700;
}
dt.gallery-icon.landscape img {
width: 100%;
}
.page-id-199 div#content.wide {
padding-top: 0;
padding-bottom: 8%;
}
.page-id-193 div#content.wide {
padding-top: 0;
padding-bottom: 8%;
}
.page-id-195 div#content.wide {
padding-top: 0;
padding-bottom: 8%;
}
.page-id-197 div#content.wide {
padding-top: 0;
padding-bottom: 8%;
}
li.breadcrumb-item span span {
display: none;
}
.btn-item.contact a::after {
color: #FF6412;
background: #fff;
}
.post .time, .postlist .time, .post2b .time, .post4b .time {
display: block;
background: #38312E;
}
h2.cat-loop {
font-family: var(--ff01);
}
#footer ul li a span {
display: none;
}
h1.title.first span {
font-weight: 700;
font-size: clamp(22px, 1.4vw, 32px);
}
h1.title.first span span {
display: block;
font-size: 23px;
}
.box02 {
position: relative;
}
p.vertical-writing span {
white-space: pre;
writing-mode: vertical-rl;
display: inline-block;
}
.box::before {
position: absolute;
content: "";
top: 0em;
left: -5px;
width: 9px;
height: 9px;
background: #38312E;
z-index: 100;
} a.tel-link {
display: inline-block;
font-weight: 700;
color: #fff;
position: relative;
transition: .3s;
position: relative;
font-size: clamp(16px, 1.2vw, 22px);
padding-left: 1.5em;
}
a.tel-link::before {
content: ""; margin-right: 0.2em;
background-image: url(//aquavista-kushimoto.com/wp-content/uploads/Icon-ion-iphone.png); width: 1em;
height: 1em;
position: absolute;
top: 5px;
left: 0; background-size: contain;
background-repeat: no-repeat;
background-position: top;
} .btn-item03 a {
position: relative;
text-align: center;
background: #ffffff; color: #38312E;  font-weight: bold;  padding: 30px 0; margin: 0 auto;
border: 2px solid #707070; text-decoration: none; transition: 0.3s;
display: flex;
align-items: center;
justify-content: center;
font-size: clamp(16px, 1.2vw, 22px);
width: 100%;
padding-left: 1em; }
.btn-item03 a::before {
content: "\f0e0";
color: #333333;
position: absolute;
font-family: 'FontAwesome';
left: 2em;
top: 50%;
font-size: 1.5em;
transform: translateY(-50%);
transition: 0.2s;
line-height: 1;
}
.btn-item03 a::after {
content: "→";
color: #333333;
position: absolute;
right: 10px;
transition: 0.2s;
}
.btn-item03 a:hover::after {
right: 5px;
} h3.lower-title {
font-weight: 700;
color: #38312E;
border-bottom: 3px dashed;
margin-bottom: 0.5em;
padding-bottom: 0.5em;
letter-spacing: 0px;
font-size: clamp(17px, 1.25vw, 24px);
}
span.number {
font-size: 50px;
font-weight: 500;
margin-bottom: 0.5em;
display: inline-block;
font-family: var(--ff03);
color: #38312E;
text-align: center;
font-size: clamp(30px, 2.61vw, 50px);
}
span.number span {
display: block;
font-family: var(--ff02);
font-weight: 700;
line-height: 2;
font-size: clamp(18px, 1.2vw, 23px);
}
h2.lower-title {
display: inline-block;
background: #fff;
color: #38312E;
padding: 0.5% 3%;
font-weight: 700;
font-size: clamp(22px, 1.5vw, 28px);
}
span.translate02 {
display: block;
font-family: var(--ff02);
font-weight: 700;
margin-bottom: 0.3em;
font-size: clamp(18px, 1.2vw, 23px);
} @media (min-width: 769px) and (max-width: 1024px) {}
@media print, screen and (min-width: 1024px) {
#header .header__nav-contact {
padding-left: 1vw;
padding-right: 1vw;
}
#header .logo img {
max-width: 109px;
width: 100%;
max-height: 94px;
}
#header .logo {
padding-top: 0;
}
.sticky-header #header>.inner {
background: #F5EFE5;
}
body.home.sticky-header #header>.inner {
background: transparent;
box-shadow: none;
}
body.home.sticky-header #header .logo a {
display: none;
}
nav#mainNav ul li.current-menu-parent a b {
color: #fff;
}
nav#mainNav ul li.current-menu-parent a {
background: #38312E;
}
.sticky-header #header-layout {
height: 100px;
}
nav#mainNav ul li:hover ul.sub-menu li a span {
display: none;
}
nav#mainNav ul li:hover ul.sub-menu li a {
font-size: 16px;
font-family: var(--ff01);
font-weight: 700;
color: #38312E;
background: #fff;
}
nav#mainNav ul li ul.sub-menu li a:hover {
color: #fff;
background: #38312E;
}
#header {
height: 100px;
background: #F5EFE5;
}
body.home header#header {
position: fixed;
background: transparent;
}
#header .header__nav-contact {
background: #fff;
padding-left: 2vw;
padding-right: 2vw;
border-radius: 5px;
}
nav#mainNav ul li a b span {
display: none;
}
nav#mainNav ul li a b {
font-family: var(--ff01);
font-weight: 700;
color: #38312E;
font-size: clamp(14px, 0.9vw, 16px);
}
nav#mainNav ul li.current-menu-item a b {
color: #fff;
}
nav#mainNav ul li.current-menu-item a {
background: #38312E;
}
nav#mainNav ul li a:hover b {
color: #fff;
}
nav#mainNav ul li a:hover {
background: #38312E;
} .sticky-header #header .logo {
display: none;
}
.sticky-header #header-layout {
justify-content: flex-end;
}
}
@media print, screen and (max-width: 1024px) {
.features-item {
width: 48%;
margin-bottom: 5%;
}
}
@media print, screen and (min-width: 769px) {}
@media print, screen and (max-width: 768px) {
.table-item.latest.sp02 table.table {
min-width: 100px;
}
.table-item.sp02 td.cell_01.ex02.sp01.spw40 {
width: 31% !important;
}
.fixed {
display: none;
}
.features-item {
width: 100%;
}
.course-item {
width: 100%;
}
.footer-item {
width: 100%;
}
.features-item.sp_flex_mb {
margin-bottom: 15vw;
}
#footer .footer__logo:not(:last-child) {
text-align: center;
}
.bg-brown {
padding: 10% 0;
}
.features {
margin-bottom: 150px;
}
.bg-pd {
padding: 10% 0;
}
.btn-item03 a {
padding: 20px 0;
width: 90%;
}
.btn-item03 a::before {
left: 1.5em;
}
.spmenu #menu p {
width: 100%;
font-size: 10px;
}
.fun-diving01-item {
width: 100%;
}
.license-course01-item {
width: 100%;
margin-bottom: 5%;
padding: 5%;
}
.course-container .course-item {
padding: 5%;
padding-top: 3%;
}
.table-item.ex td.cell_02 {
padding: 25px 1%;
}
.about-us01-item-left {
width: 100%;
}
.about-us01-item-right {
width: 100%;
}
.btn-item.contact a {
padding: 15px 0;
margin-top: 20px;
}
.btn-item.contact {
width: 100%;
padding: 0;
}
.price-item {
width: 100%;
}
.table-item.sp02 table.table {
display: block;
overflow-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
width: 100%;
display: table;
width: 100% !important;
min-width: 1200px; table-layout: auto;
overflow: visible;
}
.table-item.sp02 tr td {
display: table-cell;
white-space: nowrap;
width: auto !important;
padding: 1%;
}
tbody {
width: 100%;
}
table.table tbody {
display: table;
width: 100% !important;
min-width: 824px; table-layout: fixed;
overflow: visible;
}
.table-item.sp02 {
display: block;
overflow-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
width: 100%;
}
.table-item.sp02 td.cell_01.ex02.sp01 {
width: 20% !important;
}
.table-item.ex.sp02.ver2 table.table {
min-width: 930px;
}
table.table tbody.except {
min-width: unset;
}
.table-item td.cell_01.more-short.except {
width: 100% !important;
}
ul#MESY_FTMFM_footer_bar li.link_menu.reservation {
background: #FF6412;
}
#MESY_FTMFM_footer_bar-wrapper ul#MESY_FTMFM_footer_bar li.reservation p.icon {
color: #fff;
}
#MESY_FTMFM_footer_bar-wrapper ul#MESY_FTMFM_footer_bar li.reservation p.menu_name {
color: #fff;
}
ul#MESY_FTMFM_footer_bar li.link_menu.line {
background: #3A8900;
}
#MESY_FTMFM_footer_bar-wrapper ul#MESY_FTMFM_footer_bar li.line p.icon {
color: #fff;
}
#MESY_FTMFM_footer_bar-wrapper ul#MESY_FTMFM_footer_bar li.line p.menu_name {
color: #fff;
}
.img-area.features img {
height: 400px;
}
.box p.topic {
top: -5px;
margin-bottom: 0;
}
.box p {
padding-top: 20px;
}
.box {
padding-bottom: 10%;
}
table.table tbody.regular {
display: table-row-group;
}
.table-item.sp01 table.table tbody.regular tr td {
width: 50% !important;
display: table-cell;
}
.precautions {
margin-bottom: 5%;
}
.precautions b {
font-size: 16px;
}
a.menu-item {
width: 100%;
}
td.cell_01.more-short.except.about {
width: 30% !important;
}
p.form-left {
width: 100%;
}
.btn-item.contact.form-right {
width: 100%;
}
p.contact-announce {
width: 100%;
}
.schedule-container {
padding: 5% 0 10% 0;
}
.schedule .bg-pd {
padding: 10% 0;
}
.price .bg-pd {
padding: 5% 0;
}
}
body:not(.home) #content.wide {
padding-bottom: 8%;
padding-top: 2% !important;
}
.small-card img {
margin-right: 5px;
margin-bottom: 5px;
}
.small-card img {
max-height: 30px;
width: auto;
}